import { SelectorOption } from "./VueComponents/Selector";
import { LoadingOption } from "./VueComponents/Loading";
import { AlertWindowOption } from "./VueComponents/AlertWindow";
import { ScaleSwiperOption } from "./VueComponents/ScaleSwiper";
import { ViewPagerOption } from "./VueComponents/ViewPager";
export declare class VueComponents {
    private static addedStyleToBody;
    private static addStyleToBody;
    /**
     * 开启input元素的数据验证
     * 例子：
     * <input jpattern="([0-9]|\.){1,6}">  表示只能输入6位以下的数字
     * */
    static useInputJPattern(): void;
    /**
     * 开启touch触发click事件的支持
     * 只要元素使用了标签属性touchmode，就开启这个功能 如：<div touchmode> 或者 <div touchmode='ontouchclass'> ，表示touch down时，样式ontouchclass生效，touch up时，ontouchclass样式消失
     * vue 绑定长按功能:v-on:longtouch="alert(2)"
     * */
    static useTouchClick(): void;
    /**
 * 组件属性：
 * bgclass : 底部样式 ， 默认 ：
 * {
            opacity:0.1;
            stroke-width:15;
            stroke:#000000;
    }
 * bodyclass: 旋转体样式 ，默认：
 * {
            opacity: 0.9;
            stroke-width: 15;
            stroke: #f1b748;
    }
    你的样式内容需加入!important标识，如： stroke:#ccc !important;
 * @param option
     * @param tagname html标签名字，默认<loading>
     */
    static useLoading(option?: LoadingOption, tagname?: string): void;
    /**
     * 组件属性：
     * 样式内容需加入!important标识，如： color:#ccc !important;
     *
     * options 对象数组，对象属性包括：{ text: "", value:""  }
     * textmember option的文字属性名称，默认text
     * valuemember option的值属性名称，默认value
     * canceltext 取消文本
     * selectedclass
     * cancelclass
     * maskcolor 遮盖层颜色，默认rgba(0,0,0,0.4)
     * title 标题
     * titleclass 标题的样式
     * optionclass 选项的样式
     * show-option-on-init 初始化后，是否直接弹出显示框，默认false
     * oncancel 取消时的回调
     *
     *
     * <selector @hide="" @clickoption="">里面可以用下面的插件，定义被选中项的呈现内容
     *      <template v-slot:selection="data">
                <span style="color:blue;">{{data.option.text}} selected</span>
            </template>
        </selector>
     * @param option
     * @param tagname html标签名字，默认<selector>
     */
    static useSelector(option?: SelectorOption, tagname?: string): void;
    /**
     * 组件属性:
     * 样式内容需加入!important标识，如： color:#ccc !important;
     *
     * boxclass 主显示框的样式
     * titleclass 标题文字的样式
     * buttonclick 所有按钮点击后的触发事件，函数原型： function(button) {}
     * buttonclass 按钮样式
     * contentclass 内容的样式
     * buttons 对象数组，对象属性包括：{ text: "", textClass: "" , bold:true , click: function(){  }  }
     *
     * 例子：
     * <alert-window v-model="show" :buttons="buttons">
            <template>
                你的弹出框内容
            </template>
        </alert-window>
     * @param option
     * @param tagname html标签名字，默认<alert-window>
     */
    static useAlertWindow(option?: AlertWindowOption, tagname?: string): void;
    /**
     * 自动滚动一个子项的组件
     *
     * 例子：通过slotProps.item可访问子项的数据，slotProps.index对应索引
     *
     * <auto-scroll-item-list :datas="listdatas" :itemcount="3" :autoplay="true" :interval="3000" style="width:50%;height:100px;border:1px solid #ccc;">
            <template  v-slot:default="slotProps">
                <div style="height:100%;">
                    {{slotProps.item.name}}
                </div>
            </template>
        </auto-scroll-item-list>
     * @param tagname
     */
    static useAutoScrollItemList(tagname?: string): void;
    /**
     * 轮播组件
     * 组件属性:
     * 样式内容需加入!important标识，如： color:#ccc !important;
     *
     * paginationContainerClass   分页器容器的样式
     * paginationItemClass        分页器个体的样式
     * paginationActiveItemClass  分页器聚焦个体的样式
     * indexchange   index变更事件
     * itemwidth      如果是图片轮播，itemwidth和itemheight建议设置为图片的真实尺寸
     * itemheight
     *
     * 例子：通过slotProps.item可访问子项的数据，slotProps.index对应索引
     *  <scale-swiper :datas="list" @indexchange="onchange" :autoplay="true" :itemwidth="100" :itemheight="50" :interval="3000" :scale="0.8" :show-Pagination="true" pagination-Active-Item-Class="myClass" style="width:100%;border:1px solid #ccc;">
            <template  v-slot:default="slotProps">
                <div style="height:100%;">
                    {{slotProps.item.name}}
                </div>
            </template>
        </scale-swiper>
     * @param option
     * @param tagname
     */
    static useScaleSwiper(option?: ScaleSwiperOption, tagname?: string): void;
    /**
     * 滑屏翻页组件
     * 组件属性:
     * 样式内容需加入!important标识，如： color:#ccc !important;
     *
     * paginationContainerClass   分页器容器的样式
     * paginationItemClass        分页器个体的样式
     * paginationActiveItemClass  分页器聚焦个体的样式
     *
     * can-Move-Back  是否允许往回翻页
     * loop           是否循环播放
     * indexchange   index变更事件
     *
     * 例子：通过slotProps.item可访问子项的数据，slotProps.index对应索引
     *  <scale-swiper :datas="list" @indexchange="onchange" :autoplay="true" :can-Move-Back="true" :loop="true" :interval="3000" :show-Pagination="true" pagination-Active-Item-Class="myClass" style="width:100%;border:1px solid #ccc;">
            <template  v-slot:default="slotProps">
                <div style="height:100%;">
                    {{slotProps.item.name}}
                </div>
            </template>
        </scale-swiper>
     * @param option
     * @param tagname
     */
    static useViewPager(option?: ViewPagerOption, tagname?: string): void;
    /**
     * 垂直滚动的广告词
     *
     * 例子：
     * <auto-scroll-play :datas="list" :interval="2000" :autoplay="play" style="width:200px;height:30px;border:1px solid #ccc;">
            <template v-slot:default="data">
                <div style="width:100%;height:100%;">
                    {{data.item}}
                </div>
            </template>
        </auto-scroll-play>
     * @param tagname
     */
    static useAutoScrollPlay(tagname?: string): void;
}