snail.vue 1.0.13 → 1.0.15

package/dist/snail.vue.d.ts

@@ -1,23 +1,216 @@
-import { IScope } from 'snail.core';
 import * as vue from 'vue';
-import { App, Component } from 'vue';
+import { Component, App } from 'vue';
+import { IScope } from 'snail.core';
 
 /**
- * Vue App助手类，做一些app实例的辅助性工作
+ * 无数据提醒的配置选项
  */
+type NoDataOptions = {
+    /**
+     * 提醒消息
+     * - 默认值：无数据
+     */
+    message?: string;
+    /**
+     * 无数据提醒图标Url地址
+     * - 不传入则使用默认的
+     */
+    imageUrl?: string;
+};
 
 /**
- * app实例创建完之后的回调通知
- * @param fn 回调通知
- * @returns 通知句柄，可销毁回调通知，一般在外部销毁时执行
+ * loading提示框的配置选项
  */
-declare function onAppCreated(fn: (app: App) => void): IScope;
+type LoadingOptions = {
+    /**
+     * 是否显示loading效果
+     * - 默认值：false
+     */
+    show: boolean;
+    /**
+     * 展示遮罩层
+     * - 默认值：false，显示遮罩层
+     */
+    disabledMask?: boolean;
+    /**
+     * loading的根样式
+     * - 外部传入后，可进行自由定制loading样式
+     */
+    rootClass?: string | string[];
+    /**
+     * loading组件显示隐藏的动画名
+     * - 默认：snail-loading
+     */
+    transition?: string;
+};
+
 /**
- * 触发app创建后事件
- * @param app 创建的app实例
- * @returns app自身
+ * 拖动验证配置选项
  */
-declare function triggerAppCreated(app: App): App;
+type DragVerifyOptions = {
+    /**
+     * 验证提示消息
+     */
+    message: string;
+};
+/**
+ * 拖拽验证信息
+ */
+type DragVerifyInfo = {
+    /**
+     * 状态：无、拖拽中、成功
+     */
+    status: "none" | "dragging" | "success";
+    /**
+     * 拖拽开始位置
+     */
+    startX: number;
+    /**
+     * 拖拽结束位置
+     */
+    endX: number;
+    /**
+     * 拖拽距离
+     */
+    distance: number;
+};
+
+/**
+ * 滚动视图配置选项
+ */
+type ScrollOptions = {
+    /**
+     * x轴是否支持滚动
+     * - false（默认值）不支持
+     * - true 支持滚动
+     */
+    scrollX?: boolean;
+    /**
+     * y轴是否支持滚动
+     * - false（默认值）不支持
+     * - true 支持滚动
+     */
+    scrollY?: boolean;
+};
+/**
+ * 滚动视图事件
+ */
+type ScrollEvents = {
+    /**
+     * 滚动条显示、隐藏事件
+     * - x轴是否展示，y轴是否显示
+     */
+    bar: [x: boolean, y: boolean];
+    /**
+     * 滚动条触碰事件，到顶了、到底了
+     */
+    touch: [type: ScrollTouchType];
+};
+/**
+ * 滚动触碰类型
+ * - left   最左侧
+ * - right  最右侧
+ * - top    最顶部
+ * - bottom 最底部
+ */
+type ScrollTouchType = "left" | "right" | "top" | "bottom";
+
+/**
+ * Table配置选项
+ */
+type TableOptions = ScrollOptions & {
+    /**
+     * 是否启用表格边框
+     */
+    border?: boolean;
+    /**
+     * 表头样式
+     */
+    headerStyle?: TableStyleOptions;
+    /**
+     * 表尾部样式
+     */
+    footerStyle?: TableStyleOptions;
+};
+/**
+ * 表格样式配置选项
+ * - 用于表头和表尾配置样式
+ */
+type TableStyleOptions = {
+    /**
+     * 背景色
+     */
+    background?: string;
+    /**
+     * 高度
+     */
+    height?: number;
+    /**
+     * 高度单位
+     * - 默认 px
+     */
+    heightUnit?: "px" | "rem" | "vw" | "vh";
+};
+/**
+ * Table 行配置选项
+ */
+type TableRowOptions = {
+    /**
+     * 行高
+     */
+    height: number;
+    /**
+     * 行高单位
+     * - 默认px
+     */
+    unit?: "px" | "rem" | "vw" | "vh";
+};
+/**
+ * Table 列配置选项
+ */
+type TableColOptions = {
+    /**
+     * 列占比
+     * - 存在时，width属性无效
+     */
+    flex?: number;
+    /**
+     * 列宽
+     */
+    width?: number;
+    /**
+     * 列最小宽度
+     * - width属性未指定、或者无效时生效；
+     * - 推荐和flex搭配使用
+     */
+    minWidth?: number;
+    /**
+     * 列最大宽度
+     * - width属性未指定、或者无效时生效；
+     * - 推荐和flex搭配使用
+     */
+    maxWidth?: number;
+    /**
+     * 列宽单位
+     * - 默认px
+     */
+    unit?: "px" | "rem" | "vw" | "vh";
+    /**
+     * 列对齐方式
+     * - 默认left
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * border样式
+     * - 完整的border样式；如 1px soloid #000000
+     * - 需要配合TableOptions.border使用，否则会导致边框线重叠
+     */
+    borderStyle?: string;
+    /**
+     * padding样式
+     */
+    paddingStyle?: string;
+};
 
 /**
  * 组件配置选项
@@ -57,6 +250,253 @@ type ComponentMountOptions = ComponentOptions & {
     props?: Record<string, any>;
 };
 
+/**
+ * 图标配置选项
+ * - 后续支持外部直接传入svg路径，这样实现更细粒度的控制
+ */
+type IconOptions = {
+    /**
+     * 图标类型
+     */
+    type: IconType;
+    /**
+     * 图标颜色
+     */
+    color?: string;
+    /**
+     * 图标大小：默认24
+     */
+    size?: number;
+    /**
+     * 图标绘制路径
+     * - 等效 svg-path的d属性
+     * - 仅在type为 custom 时生效
+     */
+    draw?: string;
+};
+/**
+ * 图标类型
+ * - success 成功图标，对勾
+ * - close 关闭 用作数据删除，弹窗关闭
+ * - error 错误
+ * - warn 警告图标
+ * - custom 自定义图标：此时IconOptions.draw属性传入绘制路径
+ */
+type IconType = "success" | "close" | "error" | "warn" | "custom";
+/**
+ * 图标路径配置选项
+ */
+type IconPathOptions = {
+    /**
+     * 绘制路径
+     */
+    d: string;
+    /**
+     * 填充颜色
+     */
+    fill?: string;
+};
+
+/**
+ * 头部配置选项
+ */
+type HeaderOptions = {
+    /**
+     * 使用到哪里
+     * - page   ：页面头部：默认类型；标题、关闭按钮等对齐一行；
+     * - dialog ：弹窗头部；标题、关闭按钮等对齐两行，错开排列
+     */
+    useTo: "page" | "dialog";
+    /**
+     * 是否启用分割线
+     * 启用后，则组件顶部设置边框 border-bottom: 1px solid #dddfed;;
+     */
+    divider?: boolean;
+    /**
+     * 弹窗标题
+     * - 无则不展示标题区域
+     */
+    title?: string;
+    /** 弹窗标题对齐方式
+     * - 默认值：center
+     */
+    titleAlign?: "left" | "center" | "right";
+    /** 禁用【关闭】按钮
+     * - 默认值false
+     */
+    closeDisable?: boolean;
+};
+/**
+ * 头部事件
+ */
+type HeaderEvents = {
+    /**
+     * 关闭按钮点击事件
+     */
+    close: [];
+};
+
+/**
+ * 底部组件配置选项
+ */
+type FooterOptions = {
+    /**
+     * 内部的按钮等对齐方式：
+     * - 默认 right
+     */
+    align?: "left" | "center" | "right";
+    /**
+     * 是否启用分割线
+     * 启用后，则组件顶部设置边框 border-top: 1px solid #dddfed;
+     */
+    divider?: boolean;
+    /**
+     * 【取消】按钮名称
+     * - 默认【取消】
+     */
+    cancelName?: string;
+    /**
+     * 禁用【取消】按钮
+     * - 为true时，不显示【取消】按钮
+     */
+    cancelDisable?: boolean;
+    /**
+     * 【确定】按钮名称
+     * - 默认【确定】
+     */
+    confirmName?: string;
+    /**
+     * 禁用【确定】按钮
+     * - 为true时，不显示【确定】按钮
+     */
+    confirmDisable?: boolean;
+};
+/**
+ * 底部组件事件
+ */
+type FooterEvents = {
+    /**
+     * 【取消】按钮点击事件
+     */
+    cancel: [];
+    /**
+     * 【确定】按钮点击事件
+     */
+    confirm: [];
+};
+
+/**
+ * 按钮配置选项
+ */
+type ButtonOptions = {
+    /**
+     * 按钮尺寸
+     * - max    ： 120 X 40
+     * - middle ： 80 X 32
+     * - normal ： 54 X 28
+     * - small  ： 30 X 20
+     */
+    size: "max" | "middle" | "normal" | "small";
+    /**
+     * 按钮类型
+     *  - primary: 主按钮：蓝色背景
+     *  - default: 默认按钮：白色背景
+     *  - link   ：链接式按钮：蓝色字体颜色，无边框
+     */
+    type: "primary" | "default" | "link";
+};
+
+/**
+ * Vue App助手类，做一些app实例的辅助性工作
+ */
+
+/**
+ * app实例创建完之后的回调通知
+ * @param fn 回调通知
+ * @returns 通知句柄，可销毁回调通知，一般在外部销毁时执行
+ */
+declare function onAppCreated(fn: (app: App) => void): IScope;
+/**
+ * 触发app创建后事件
+ * @param app 创建的app实例
+ * @returns app自身
+ */
+declare function triggerAppCreated(app: App): App;
+
+/**
+ * 图标助手类
+ */
+
+/**
+ * 基于类型获取Svg图标信息
+ * @param type 图标类型
+ * @param color 填充颜色，不传入则使用默认的
+ * @returns 图标路径信息
+ */
+declare function getSvgIcon(options: IconOptions): IconPathOptions;
+
+/**
+ * 监视器 模块：封装便捷方法做监听，并在不支持浏览器下做垫片
+ * - 和 VueUse 库很像，但只封装自己需要的
+ * - 内部变量不使用响应式，那样外部需要 传入el时内部需要兼容useTemplateRef逻辑，这个交给外部处理更灵活
+ * - ResizeObserver 监听元素大小变化
+ */
+
+/**
+ * 使用作用域
+ * - 内部管理多个子作用域，在destroy时自动执行子作用域的destroy方法
+ * - 在vue的setup中使用时，vue组件销毁时，自动销毁作用域
+ * @returns 销毁方法，add 添加子作用域
+ */
+declare function useScopes(): IScope & {
+    add: (scope: IScope) => void;
+};
+/**
+ * 监听Interval执行
+ * - 内部使用 setInterval 实现
+ * @param fn 执行方法
+ * @param delay 间隔，单位：ms
+ * @param args fn执行时传递参数
+ * @returns destroy 停止fn执行
+ */
+declare function onInterval(fn: (...args: any[]) => void, delay?: number, ...args: any[]): IScope;
+/**
+ * 监听Timeout执行
+ * - 内部使用 setTimeout 实现
+ * @param fn 执行方法
+ * @param delay 延时，单位：ms
+ * @param args fn执行时传递参数
+ * @returns destroy 停止fn执行；若fn已执行则无效
+ */
+declare function onTimeout(fn: (...args: any[]) => void, delay?: number, ...args: any[]): IScope;
+/**
+ * 监听事件
+ * - 内部使用addEventListener 方法监听事件，销毁时自动执行removeEventListener
+ * @param target 监听元素
+ * @param name 事件名称
+ * @param fn 事件处理方法
+ * @returns destroy 销毁监听
+ */
+declare function onEvent(target: Element | Window, name: string, fn: EventListenerOrEventListenerObject): IScope;
+/**
+ * 监听元素尺寸变化
+ * @param el 监听元素
+ * @param fn 尺寸变化时的回调方法
+ * @returns destroy 销毁监听
+ */
+declare function onResize(el: Element, fn: (size: Readonly<{
+    width: number;
+    height: number;
+}>) => void): IScope;
+/**
+ * 监听元素客户端位置、大小变化
+ * - 位置计算规则：相对window屏幕
+ * @param el 监听元素
+ * @param fn
+ * @returns destroy 销毁监听
+ */
+declare function onRerect(el: Element, fn: (rect: DOMRectReadOnly) => void): IScope;
+
 /**
  * 模态弹窗显示的组件配置选项
  */
@@ -141,20 +581,6 @@ type Dialog = {
     handle: DialogHandle<any>;
 };
 
-declare var __VLS_8: string | number;
-declare var __VLS_9: any;
-type __VLS_Slots$1 = {} & {
-    [K in NonNullable<typeof __VLS_8>]?: (props: typeof __VLS_9) => any;
-};
-declare const __VLS_component$1: vue.DefineComponent<ComponentOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<ComponentOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
-declare const _default$1: __VLS_WithSlots$1<typeof __VLS_component$1, __VLS_Slots$1>;
-
-type __VLS_WithSlots$1<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-
 /**
  * 打开模态弹窗
  * @param options 弹窗组件配置选项
@@ -164,42 +590,275 @@ type __VLS_WithSlots$1<T, S> = T & {
 declare function openDialog<T>(options: DialogOptions, onDestroyed?: (fn: () => void) => void): DialogOpenResult<T>;
 
 /**
- * loading提示框的配置选项
+ * 确认弹窗配置选项
  */
-type LoadingOptions = {
+type ConfirmOptions = {
     /**
-     * 是否显示loading效果
-     * - 默认值：false
+     * 弹窗标题
+     * - 默认“提示”
      */
-    show: boolean;
+    title?: string;
     /**
-     * 展示遮罩层
-     * - 默认值：false，显示遮罩层
+     * 确认提示信息
+     * - 支持html格式内容
+     * - 默认“请确认？”
      */
-    disabledMask?: boolean;
+    message?: string;
     /**
-     * loading的根样式
-     * - 外部传入后，可进行自由定制loading样式
+     * 【取消】按钮名称
+     * - 默认【取消】
      */
-    rootClass?: string | string[];
+    cancelName?: string;
     /**
-     * loading组件显示隐藏的动画名
-     * - 默认：snail-loading
+     * 禁用【取消】按钮
+     * - 为true时，不显示【取消】按钮
      */
-    transition?: string;
+    cancelDisable?: boolean;
+    /**
+     * 【确定】按钮名称
+     * - 默认【确定】
+     */
+    confirmName?: string;
+    /**
+     * 禁用【确定】按钮
+     * - 为true时，不显示【确定】按钮
+     */
+    confirmDisable?: boolean;
 };
-
-declare var __VLS_5: {};
-type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_5) => any;
+/**
+ * 确认弹窗句柄
+ */
+type ConfirmHandle = {
+    /**
+     * 关闭弹窗
+     * @param confirm 是否是点击【确认】按钮触发的关闭
+     */
+    close: (confirm: boolean) => void;
 };
-declare const __VLS_component: vue.DefineComponent<LoadingOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<LoadingOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
+/**
+ * toast提示
+ * @param type 提示类型：成功、失败、、、
+ * @param message 提示消息
+ */
+declare function toast(type: IconType, message: string): void;
+/**
+ * 打开【确认】弹窗
+ * @param title 弹窗标题
+ * @param message 确认提示信息，支持html片段
+ * @returns 弹窗句柄
+ */
+declare function confirm(title: string, message: string): DialogOpenResult<boolean>;
+
+declare const components: {
+    Button: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ButtonOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<ButtonOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<ButtonOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    Footer: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<FooterOptions> & Readonly<{
+            onCancel?: () => any;
+            onConfirm?: () => any;
+        }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            cancel: () => any;
+            confirm: () => any;
+        }, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<FooterOptions> & Readonly<{
+            onCancel?: () => any;
+            onConfirm?: () => any;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<FooterOptions> & Readonly<{
+        onCancel?: () => any;
+        onConfirm?: () => any;
+    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        cancel: () => any;
+        confirm: () => any;
+    }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    Header: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<HeaderOptions> & Readonly<{
+            onClose?: () => any;
+        }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+            close: () => any;
+        }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<HeaderOptions> & Readonly<{
+            onClose?: () => any;
+        }>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<HeaderOptions> & Readonly<{
+        onClose?: () => any;
+    }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        close: () => any;
+    }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {
+                class: string;
+            }) => any;
+        };
+    });
+    Icon: vue.DefineComponent<IconOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<IconOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+    Dynamic: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ComponentOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<ComponentOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<ComponentOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            [x: string]: (props: any) => any;
+            [x: number]: (props: any) => any;
+        };
+    });
+    Scroll: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ScrollOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<ScrollOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<ScrollOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    Table: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<TableOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<TableOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<TableOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            header?: (props: {}) => any;
+        } & {
+            default?: (props: {}) => any;
+        } & {
+            footer?: (props: {}) => any;
+        };
+    });
+    TableRow: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<TableRowOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<TableRowOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<TableRowOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    TableCol: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<TableColOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<TableColOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<TableColOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    DragVerify: vue.DefineComponent<DragVerifyOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
+        success: () => any;
+    }, string, vue.PublicProps, Readonly<DragVerifyOptions> & Readonly<{
+        onSuccess?: () => any;
+    }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+    Loading: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<LoadingOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<LoadingOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<LoadingOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
+    NoData: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<NoDataOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<NoDataOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<NoDataOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
+        $slots: {
+            default?: (props: {}) => any;
+        };
+    });
 };
 
 /**
@@ -212,5 +871,5 @@ type __VLS_WithSlots<T, S> = T & {
  */
 declare function mount(options: ComponentMountOptions, onDestroyed?: (fn: () => void) => void): IScope;
 
-export { _default$1 as SnailDynamic, _default as SnailLoading, mount, onAppCreated, openDialog, triggerAppCreated };
-export type { ComponentMountOptions, ComponentOptions, Dialog, DialogHandle, DialogOpenResult, DialogOptions, LoadingOptions };
+export { components, confirm, getSvgIcon, mount, onAppCreated, onEvent, onInterval, onRerect, onResize, onTimeout, openDialog, toast, triggerAppCreated, useScopes };
+export type { ButtonOptions, ComponentMountOptions, ComponentOptions, ConfirmHandle, ConfirmOptions, Dialog, DialogHandle, DialogOpenResult, DialogOptions, DragVerifyInfo, DragVerifyOptions, FooterEvents, FooterOptions, HeaderEvents, HeaderOptions, IconOptions, IconPathOptions, IconType, LoadingOptions, NoDataOptions, ScrollEvents, ScrollOptions, ScrollTouchType, TableColOptions, TableOptions, TableRowOptions, TableStyleOptions };