snail.vue 2.0.6 → 2.0.8

package/dist/snail.vue.d.ts

@@ -637,6 +637,55 @@ type TreeNodeSlotOptions<Node> = {
     toggle(): void;
 };
 
+/**
+ * Vue 动画容器组件配置选项
+ */
+type TransitionOptions = {
+    /**
+     * 动画的自定义类样式名称
+     * - 默认为 `snail-transition`；不会作为 Transition的 name 属性名
+     * - 动画生效时组成的`class`规则为：`customClass`+动画状态；类似`snail-transition enter-from`
+     * - 动画状态可选值：
+     *  |-------------------|----------------------|
+     *  |   --              |--                    |
+     *  |   enter-active    | 进入动画的生效状态    |
+     *  |   enter-from      | 进入动画的起始状态    |
+     *  |   enter-to        | 进入动画的结束状态    |
+     *  |   leave-active    | 离开动画的生效状态    |
+     *  |   leave-from      | 离开动画的起始状态    |
+     *  |   leave-to        | 离开动画的结束状态    |
+     *
+     */
+    customClass?: string;
+    /**
+     * 动画效果
+     * - 配合 `customClass` 使用，用于标记动画的具体实现
+     * - 作为默认动画效果，组装出来的动画效果类似 `snail-transition fade enter-from`
+     * - 效果可选值；默认值 fade
+     *  |----------------|-------------|----------------------------------|---------------------------------|
+     *  |   --           |--           |--                                |--                               |
+     *  |   `fade`       | 淡入淡出     | 进入时 `opacity` 0-1             | 离开时 `opacity` 1 - 0           |
+     *  |   `scale`      | 缩放动画     | 进入时 `scale` 0-1               | 离开时 `scale` 0 - 1             |
+     *  |   `rotate`     | 旋转动画     | 进入时 `rotate` 360deg - 0       | 离开时 `rotate` 0 - 360deg       |
+     *  |   `up`         | 上进上出     | 进入时 `translateY` 100% - 0     | 离开时 `translateY` 0 - -100%    |
+     *  |   `down`       | 下进下出     | 进入时 `translateY` -100% - 0    | 离开时 `translateY` 0 - 100%     |
+     *  |   `up-down`    | 上进下出     | 进入时 `translateY` 100% - 0     | 离开时 `translateY` 0 - 100%     |
+     *  |   `down-up`    | 下进上出     | 进入时 `translateY` -100% - 0    | 离开时 `translateY` 0 - -100%    |
+     *  |   `left`       | 左进左出     | 进入时 `translateX` -100% - 0    | 离开时 `translateX` 0 - -100%    |
+     *  |   `right`      | 右进右出     | 进入时 `translateX` 100% - 0     | 离开时 `translateX` 0 - 100%     |
+     *  |   `left-right` | 左进右出     | 进入时 `translateX` -100% - 0    | 离开时 `translateX` 0 - 100%     |
+     *  |   `right-left` | 右进左出     | 进入时 `translateX` 100% - 0     | 离开时 `translateX` 0 - -100%    |
+     */
+    effect?: TransitionEffectOptions | Array<TransitionEffectOptions>;
+    /**
+     * 是分组动画，还是单个动画
+     * - true 则使用  TransitionGroup
+     * - false 则使用   Transition
+     */
+    group: boolean;
+};
+type TransitionEffectOptions = "fade" | "scale" | "rotate" | "up" | "down" | "up-down" | "down-up" | "left" | "right" | "left-right" | "right-left";
+
 /**
  * Table配置选项
  */
@@ -749,19 +798,25 @@ type SortGroupOptions = {
      * - false：列表容器内的列表单元不可以被移出；
      * - "clone"：列表单元移出，移动的为该元素的副本；
      * - function：用来进行pull的函数判断，可以进行复杂逻辑，在函数中return false/true来判断是否移出；
-     * - - 暂时不支持 function
      */
-    pull: true | false | "clone";
+    pull: true | false | "clone" | SortGroupHook;
     /**
      * 用来定义往这个列表容器放置列表单元的的设置
      * - true:列表容器可以从其他列表容器内放入列表单元；
      * - false：与true相反；
      * - string|string[]：代表的是group配置项里定义的name值。如['foo','bar']
      * - function：用来进行put的函数判断，可以进行复杂逻辑，在函数中return false/true来判断是否放入；
-     * - - 暂时不支持 function
      */
-    put: true | false | string | string[];
+    put: true | false | string | string[] | SortGroupHook;
 };
+/**
+ * 排序组件的Group属性钩子
+ * - 用于pull和put中使用，返回false时不执行pull、put操作
+ * - @param item 移动的元素
+ * - @param to 目标容器dom元素
+ * - @param from 来源容器dom元素
+ */
+type SortGroupHook = (item: HTMLElement, to: HTMLElement, from: HTMLElement) => void;
 /**
  * 排序组件 事件
  */
@@ -770,6 +825,10 @@ type SortEvents = {
      * 开始拖拽
      */
     start: [evt: SortEvent];
+    /**
+     * 移动中
+     */
+    move: [evt: SortEvent, originalEvent: SortEvent];
     /**
      * 移动到新容器时
      */
@@ -878,13 +937,13 @@ type ComponentOptions = {
     /**
      * Vue组件对象
      * - name未传入时生效
+     * - 推荐外部使用 shallowRef 包裹对象，避免响应式的性能问题
      */
     component?: Component;
     /**
      * 组件js文件url地址
      * - 支持#号锚点钻取
      * - name、component未传入时生效
-     * - 推荐外部使用 shallowRef 包裹对象，避免响应式的性能问题
      */
     url?: string;
 };
@@ -1133,6 +1192,271 @@ type SelectNodeEvents<T> = {
     click: [item: SelectItem<T>, parent?: SelectItem<T>];
 };
 
+/**
+ * 基础事件实体
+ *  1、把一些常用事件，封装为原子结构，方便复用
+ *  2、不强制必须复用，根据自身情况
+ */
+/**
+ * 事件：点击
+ */
+type ClickEvents = {
+    /**
+     * 单击事件
+     */
+    click: [];
+};
+/**
+ * 事件：值改变
+ * - 描述值的改变过程，新值是什么，改变前的旧值是什么
+ */
+type ChangeEvents<T> = {
+    /**
+     * 值改变；约束新旧值
+     * @param newValue 新值
+     * @param oldValue 旧值
+     */
+    change: [newValue: T, oldValue?: T];
+};
+/**
+ * 事件：移动
+ * - 可描述数据索引位置变化
+ * - 可用于数组元素拖动排序，调整位置等逻辑
+ */
+type MoveEvents = {
+    /**
+     * 移动事件
+     * @param fromIndex 从哪个索引位置开始移动
+     * @param toIndex 移动到的索引位置
+     */
+    move: [fromIndex: number, toIndex: number];
+};
+/**
+ * 事件：删除数据
+ * - 描述要删除的具体数据
+ */
+type DeleteEvents<T> = {
+    /**
+     * 删除事件
+     * @param value 要删除的数据
+     */
+    delete: [value?: T];
+};
+/**
+ * 事件：关闭
+ */
+type CloseEvents = {
+    /**
+     * 关闭事件
+     */
+    close: [];
+};
+
+/**
+ * 数值控件的数据结构
+ */
+
+/**
+ * 数值组件的基础配置选项
+ */
+type NumberBaseOptions = {
+    /**
+     * 最小值
+     */
+    minValue?: number;
+    /**
+     * 最大值
+     */
+    maxValue?: number;
+    /**
+     * 值超过阈值（最大值、最小值）时的处理模式
+     * - 默认值为 `keep`；可选取值范围：
+     * - - `keep` 保持原样值显示，不做任何处理
+     * - - `clamp` 截断超出阈值值，低于最小值时直接取最小值，超过最大值时，强制值为最大值
+     * - 值超过阈值时，会自动触发事件，事件名`NumberEvents`的`belowMin`和`exceedMax`
+     */
+    clamp?: "keep" | "clamp";
+    /**
+     * 精度，保留几位小数
+     * - 要求0、正整数,输入小数则强制整数
+     * - 负数、不传入则不处理
+     */
+    precision?: number;
+    /**
+     * 对数值进行千分位格式处理
+     * - 默认值为 `disabled`；可选值范围：
+     * - `disabled` 禁用千分位功能
+     * - `inline`  内联千分位功能
+     * - `below`  下拉千分位功能
+     */
+    thousands?: "disabled" | "inline" | "below";
+    /**
+     * 是否启用数值大写格式化处理
+     * - 为true时，转成中文大写值
+     * - 单位自动为“元”，不支持美元等
+     * - 如金额时，自动转为壹仟壹佰壹拾壹元叁角叁分
+     * - 小数点后面只处理两位（角分）；剩余不处理
+     */
+    upper?: boolean;
+    /**
+     * 格式化时的放大系数
+     * - 用于在格式化千分位、大写时，对实际值进行系数放大，value*formatMultiplier
+     * - 仅接收正整数，取值规则为10^n，默认1
+     * - 千分位格式化时，仅`thousands`为`below`时才进行放到系数处理
+     * - 使用示例例：金额是为万元单位时，这里的放大系数就为 “10000”
+     */
+    formatMultiplier?: number;
+    /**
+     * 前缀字符串
+     * - 如金额时，可配置前缀 ￥
+     */
+    prefix?: string;
+    /**
+     * 后缀字符串
+     * - 如金额时，可配置后缀 元/美元、、
+     */
+    suffix?: string;
+    /**
+     * 数值控制器
+     * - 便捷加减调整数值的控制按钮
+     * - 默认值`disabled`；可选值范围：
+     * - - `disabled` 时禁用
+     * - - `default` 默认模式，左侧 — 右侧 +
+     * - - `right`   右侧模式，+ - 都在右侧
+     */
+    controls?: "disabled" | "default" | "right";
+    /**
+     * 数值步长值
+     * - `controls` 未禁用时生效
+     * - 每次+、- 的步长值
+     */
+    step?: number;
+};
+/**
+ * 数值组件的配置选项
+ */
+type NumberOptions = PlaceholderOptions & ReadonlyOptions & NumberBaseOptions;
+/**
+ * 接口：数值格式化器
+ */
+interface INumberFormatter extends Required<Readonly<Pick<NumberBaseOptions, "minValue" | "maxValue" | "precision" | "thousands" | "upper">>> {
+    /**
+     * 格式化输入文本
+     * @param text 输入文本
+     * @param isEnd 是否是输入结束，true时，已经输入结束将进行数值精度处理
+     * @returns 数值格式化结果
+     */
+    format(text: string, isEnd: boolean): NumberFormatResult;
+    /**
+     * 进行阈值检测，检测是否超过设定的最大值、最小值
+     * @param number 要检测的数值
+     * @returns 检测结果，`number` 新的值，`belowMin`是否低于最小值，`exceedMax`是否超过最大值
+     */
+    checkThreshold(number: any): {
+        number: number;
+        belowMin: boolean;
+        exceedMax: boolean;
+    };
+    /**
+     * 对数值文本转大写
+     * @param result
+     * @returns 大写文本值
+     */
+    buildUpper(result: NumberFormatResult): string;
+    /**
+     * 对数值文本进行千分位格式化
+     * @param result
+     * @returns 格式化后的文本值
+     */
+    buildThousands(result: NumberFormatResult): string;
+    /**
+     * 基于步长计算值
+     * @param number 要重新计算的数值
+     * @param isPlus true为+，false为-
+     * @returns 新的数值
+     */
+    calcByStep(number: number, isPlus: boolean): number;
+}
+/**
+ * 数值格式化结果
+ */
+type NumberFormatResult = {
+    /**
+     * 输入是否是有效输入
+     * - `- 0 1 2 3 4 5 6 7 8 9  0 .`算是合法输入
+     */
+    readonly valid: boolean;
+    /**
+     * 有效的数值
+     * - undefined时，输入无法转换成有效的数值
+     */
+    readonly number: number | undefined;
+    /**
+     * 数值的显示文本
+     * - 无千分位等处理的数值显示文本
+     * - 若需要在行内显示 千分位 格式文本，需要单独处理
+     */
+    readonly text: string;
+    /**
+     * 格式化数值时发生的错误
+     * - 输入数值有效，但是格式化时发生错误了
+     */
+    readonly error?: string;
+    /**
+     * 是否是负数
+     * - true 时说明以`-`开始；false时为正数
+     * - 若为true，但`integerPart`为undefined，则说明仅输入了`-`
+     */
+    readonly isNegative?: boolean;
+    /**
+     * 是否是小数
+     * - true 时说明有小数点“.”；false 时为整数
+     * - 若为true，但`decimalPart`为undefined，则说明是以`.`结尾，还没输入具体的小数部分
+     */
+    readonly isDecimal?: boolean;
+    /**
+     * 数值输入的整数部分
+     * - 取整数部分绝对值，如-1.2，仅为1
+     */
+    readonly integerPart?: string;
+    /**
+     * 小数部分
+     */
+    readonly decimalPart?: string;
+    /**
+     * 进行系数放大后的整数部分
+     */
+    readonly integerPartAfterMultiplier?: string;
+    /**
+     * 进行系数放大后的小数部分
+     */
+    readonly decimalPartAfterMultiplier?: string;
+};
+/**
+ * 数值组件的事件选项
+ */
+type NumberEvents = ChangeEvents<number> & {
+    /**
+     * 数值发生错误时
+     * - 若超过最大的精度范围
+     * - 其他未知异常等
+     * @param reason 错误原因
+     */
+    error: [reason: string];
+    /**
+     * 小于最小值
+     * @param value 当前值
+     * @param minValue 最小值
+     */
+    belowMin: [value: number, minValue: number];
+    /**
+     * 超过最大值
+     * @param value 当前值
+     * @param maxValue 最大值
+     */
+    exceedMax: [value: number, maxValue: number];
+};
+
 /**
  * 图标配置选项
  * - title          作为鼠标移入图标时的提示
@@ -1421,66 +1745,6 @@ type ButtonOptions = TitleOptions & {
     type: "primary" | "default" | "link";
 };
 
-/**
- * 基础事件实体
- *  1、把一些常用事件，封装为原子结构，方便复用
- *  2、不强制必须复用，根据自身情况
- */
-/**
- * 事件：点击
- */
-type ClickEvents = {
-    /**
-     * 单击事件
-     */
-    click: [];
-};
-/**
- * 事件：值改变
- * - 描述值的改变过程，新值是什么，改变前的旧值是什么
- */
-type ChangeEvents<T> = {
-    /**
-     * 值改变；约束新旧值
-     * @param newValue 新值
-     * @param oldValue 旧值
-     */
-    change: [newValue: T, oldValue?: T];
-};
-/**
- * 事件：移动
- * - 可描述数据索引位置变化
- * - 可用于数组元素拖动排序，调整位置等逻辑
- */
-type MoveEvents = {
-    /**
-     * 移动事件
-     * @param fromIndex 从哪个索引位置开始移动
-     * @param toIndex 移动到的索引位置
-     */
-    move: [fromIndex: number, toIndex: number];
-};
-/**
- * 事件：删除数据
- * - 描述要删除的具体数据
- */
-type DeleteEvents<T> = {
-    /**
-     * 删除事件
-     * @param value 要删除的数据
-     */
-    delete: [value?: T];
-};
-/**
- * 事件：关闭
- */
-type CloseEvents = {
-    /**
-     * 关闭事件
-     */
-    close: [];
-};
-
 /**
  * 输入框配置选项
  * - title          将作为 输入框标题区域文本；不传入则不展示 标题区域，仅展示输入框
@@ -1585,6 +1849,61 @@ type SwitchEvents = {
     change: [value: boolean];
 };
 
+/**
+ * 多行文本框组件配置选项
+ */
+type TextareaOptions = ReadonlyOptions & PlaceholderOptions & {
+    /**
+     * 是否自适应高度
+     * - 传入true时，根据文本框内容，自动调整高度
+     * - 若传入maxRows，则自动高度不会超过maxRows
+     */
+    autoHeight: boolean;
+    /**
+     * 最小行数
+     * - 作为默认行数
+     * - 不传入则默认4
+     */
+    minRows?: number;
+    /**
+     * 最大行数
+     * - 不传入则默认10
+     * - `autoHeight`为true时生效；
+     */
+    maxRows?: number;
+};
+/**
+ * 多行文本框组件事件
+ */
+type TextareaEvents = {
+    /**
+     * 获取焦点时
+     */
+    focus: [];
+    /**
+     * 输入时
+     * @param value 输入框内容
+     */
+    input: [value: string];
+    /**
+     * 失焦时
+     * @param value 输入框内容
+     */
+    blur: [value: string];
+    /**
+     * 输入框内容发生改变时
+     * @param value 输入框内容
+     */
+    change: [value: string];
+};
+
+/**
+ * 使用【响应式管理器】
+ * - 请在Vue组件的setup中使用此方法，否则 getCurrentScope 方法无法取到值
+ * @returns 全新的【响应式管理器】+作用域
+ */
+declare function useReactive(): IReactiveManager & IScope;
+
 /**
  * 树的基础组件信息
  *  1、组件基础上下文 默认实现
@@ -1598,13 +1917,6 @@ type SwitchEvents = {
  */
 declare function useTreeContext<T>(nodes: TreeNode<T, TreeNodeExtend>[], activeNodeRef?: ShallowRef<TreeNode<T, TreeNodeExtend>>): ITreeBaseContext<T> & IScope;
 
-/**
- * 使用【响应式管理器】
- * - 请在Vue组件的setup中使用此方法，否则 getCurrentScope 方法无法取到值
- * @returns 全新的【响应式管理器】+作用域
- */
-declare function useReactive(): IReactiveManager & IScope;
-
 /**
  * Vue App助手类，做一些app实例的辅助性工作
  */
@@ -1828,6 +2140,15 @@ type ToastOptions = {
      * 提示消息；支持html格式
      */
     message: string;
+    /**
+     * 提示显示时间
+     * - 单位毫秒，默认1500ms
+     */
+    duration?: number;
+    /**
+     * 关闭按钮是否禁用
+     */
+    closeDisabled?: boolean;
 };
 
 /**
@@ -2154,6 +2475,44 @@ declare const components: {
         };
     });
     Icon: vue.DefineComponent<IconOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<IconOptions> & Readonly<{}>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
+    Input: vue.DefineComponent<ReadonlyOptions & PlaceholderOptions & TitleOptions & {
+        type?: "text" | "number" | "password";
+        required?: boolean;
+        titleStyle?: snail_view.BaseStyle & snail_view.WidthStyle & snail_view.FlexBoxStyle;
+    } & {
+        modelValue?: string;
+    }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        change: (value: string) => any;
+        click: () => any;
+        "update:modelValue": (value: string) => any;
+    }, string, vue.PublicProps, Readonly<ReadonlyOptions & PlaceholderOptions & TitleOptions & {
+        type?: "text" | "number" | "password";
+        required?: boolean;
+        titleStyle?: snail_view.BaseStyle & snail_view.WidthStyle & snail_view.FlexBoxStyle;
+    } & {
+        modelValue?: string;
+    }> & Readonly<{
+        onChange?: (value: string) => any;
+        onClick?: () => any;
+        "onUpdate:modelValue"?: (value: string) => any;
+    }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    Number: vue.DefineComponent<PlaceholderOptions & ReadonlyOptions & NumberBaseOptions & {
+        modelValue?: number;
+    }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        error: (reason: string) => any;
+        change: (newValue: number, oldValue?: number) => any;
+        "update:modelValue": (value: number) => any;
+        belowMin: (value: number, minValue: number) => any;
+        exceedMax: (value: number, maxValue: number) => any;
+    }, string, vue.PublicProps, Readonly<PlaceholderOptions & ReadonlyOptions & NumberBaseOptions & {
+        modelValue?: number;
+    }> & Readonly<{
+        onError?: (reason: string) => any;
+        onChange?: (newValue: number, oldValue?: number) => any;
+        "onUpdate:modelValue"?: (value: number) => any;
+        onBelowMin?: (value: number, minValue: number) => any;
+        onExceedMax?: (value: number, maxValue: number) => any;
+    }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
     Search: vue.DefineComponent<ReadonlyOptions & PlaceholderOptions & {
         autoComplete?: boolean;
     } & {
@@ -2209,6 +2568,31 @@ declare const components: {
         onChange?: (value: boolean) => any;
         "onUpdate:modelValue"?: (value: boolean) => any;
     }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
+    Textarea: vue.DefineComponent<ReadonlyOptions & PlaceholderOptions & {
+        autoHeight: boolean;
+        minRows?: number;
+        maxRows?: number;
+    } & {
+        modelValue?: string;
+    }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
+        blur: (value: string) => any;
+        change: (value: string) => any;
+        focus: () => any;
+        input: (value: string) => any;
+        "update:modelValue": (value: string) => any;
+    }, string, vue.PublicProps, Readonly<ReadonlyOptions & PlaceholderOptions & {
+        autoHeight: boolean;
+        minRows?: number;
+        maxRows?: number;
+    } & {
+        modelValue?: string;
+    }> & Readonly<{
+        onBlur?: (value: string) => any;
+        onChange?: (value: string) => any;
+        onFocus?: () => any;
+        onInput?: (value: string) => any;
+        "onUpdate:modelValue"?: (value: string) => any;
+    }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;
     Dynamic: {
         new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ComponentOptions & Pick<ComponentBindOptions<Record<string, any>>, "props">> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, true, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
             P: {};
@@ -2371,12 +2755,14 @@ declare const components: {
             onEnd?: (evt: SortEvent) => any;
             onAdd?: (evt: SortEvent) => any;
             onStart?: (evt: SortEvent) => any;
+            onMove?: (evt: SortEvent, originalEvent: SortEvent) => any;
             onRemove?: (evt: SortEvent) => any;
             onUpdate?: (oldIndex: number, newIndex: number) => any;
         }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
             end: (evt: SortEvent) => any;
             add: (evt: SortEvent) => any;
             start: (evt: SortEvent) => any;
+            move: (evt: SortEvent, originalEvent: SortEvent) => any;
             remove: (evt: SortEvent) => any;
             update: (oldIndex: number, newIndex: number) => any;
         }, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
@@ -2401,6 +2787,7 @@ declare const components: {
             onEnd?: (evt: SortEvent) => any;
             onAdd?: (evt: SortEvent) => any;
             onStart?: (evt: SortEvent) => any;
+            onMove?: (evt: SortEvent, originalEvent: SortEvent) => any;
             onRemove?: (evt: SortEvent) => any;
             onUpdate?: (oldIndex: number, newIndex: number) => any;
         }>, {}, {}, {}, {}, {}>;
@@ -2422,12 +2809,14 @@ declare const components: {
         onEnd?: (evt: SortEvent) => any;
         onAdd?: (evt: SortEvent) => any;
         onStart?: (evt: SortEvent) => any;
+        onMove?: (evt: SortEvent, originalEvent: SortEvent) => any;
         onRemove?: (evt: SortEvent) => any;
         onUpdate?: (oldIndex: number, newIndex: number) => any;
     }>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
         end: (evt: SortEvent) => any;
         add: (evt: SortEvent) => any;
         start: (evt: SortEvent) => any;
+        move: (evt: SortEvent, originalEvent: SortEvent) => any;
         remove: (evt: SortEvent) => any;
         update: (oldIndex: number, newIndex: number) => any;
     }, string, {}, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
@@ -2490,6 +2879,23 @@ declare const components: {
             default?: (props: {}) => any;
         };
     });
+    Transitions: {
+        new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<TransitionOptions> & Readonly<{}>, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, vue.PublicProps, {}, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<TransitionOptions> & Readonly<{}>, {}, {}, {}, {}, {}>;
+        __isFragment?: never;
+        __isTeleport?: never;
+        __isSuspense?: never;
+    } & vue.ComponentOptionsBase<Readonly<TransitionOptions> & 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;
+        };
+    });
     Tree: {
         new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<{
             nodes: TreeNodeModel<any>[];
@@ -2581,27 +2987,6 @@ declare const components: {
             default?: (props: {}) => any;
         };
     });
-    Input: vue.DefineComponent<ReadonlyOptions & PlaceholderOptions & TitleOptions & {
-        type?: "text" | "number" | "password";
-        required?: boolean;
-        titleStyle?: snail_view.BaseStyle & snail_view.WidthStyle & snail_view.FlexBoxStyle;
-    } & {
-        modelValue?: string;
-    }, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-        change: (value: string) => any;
-        click: () => any;
-        "update:modelValue": (value: string) => any;
-    }, string, vue.PublicProps, Readonly<ReadonlyOptions & PlaceholderOptions & TitleOptions & {
-        type?: "text" | "number" | "password";
-        required?: boolean;
-        titleStyle?: snail_view.BaseStyle & snail_view.WidthStyle & snail_view.FlexBoxStyle;
-    } & {
-        modelValue?: string;
-    }> & Readonly<{
-        onChange?: (value: string) => any;
-        onClick?: () => any;
-        "onUpdate:modelValue"?: (value: string) => any;
-    }>, {}, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
     DragVerify: vue.DefineComponent<DragVerifyOptions, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {} & {
         success: () => any;
     }, string, vue.PublicProps, Readonly<DragVerifyOptions> & Readonly<{
@@ -2644,4 +3029,4 @@ declare const components: {
 };
 
 export { components, getSvgDraw, mount, onAppCreated, triggerAppCreated, usePopup, useReactive, useTreeContext };
-export type { ButtonOptions, ChangeEvents, ChooseEvents, ChooseItem, ChooseOptions, ClickEvents, CloseEvents, ComponentBindOptions, ComponentOptions, ConfirmAreaOptions, ConfirmOptions, DatePickerEvents, DatepickerOptions, DeleteEvents, DialogHandle, DialogOptions, DisabledOptions, DragVerifyInfo, DragVerifyOptions, EmitterType, EmptyOptions, EventsType, FoldEvents, FoldOptions, FoldStatus, FollowElectResult, FollowExtend, FollowHandle, FollowOptions, FollowStrategy, FollowStrategyOptions, FooterEvents, FooterOptions, HeaderEvents, HeaderOptions, IPopupManager, IReactiveManager, ISelectContext, ITreeBaseContext, IconOptions, IconType, InputEvents, InputOptions, LayoutOptions, LoadingOptions, MessageOptions, MoveEvents, PlaceholderOptions, PopupDescriptor, PopupHandle, PopupOptions, PopupStatus, PopupStatusOptions, PropsType, ReactiveVar, ReadonlyOptions, ScrollEvents, ScrollOptions, ScrollStatus, SearchEvents, SearchOptions, SelectBaseEvents, SelectBaseOptions, SelectEvents, SelectItem, SelectNodeEvents, SelectNodeOptions, SelectOptions, SelectPopupEvents, SelectPopupExtend, SelectPopupOptions, SelectSlotOptions, SortEvent, SortEvents, SortGroupOptions, SortOptions, SwitchEvents, SwitchOptions, TableColOptions, TableOptions, TableRowOptions, TitleOptions, ToastOptions, TreeEvents, TreeNode, TreeNodeEvents, TreeNodeExtend, TreeNodeModel, TreeNodeOptions, TreeNodeRenderOptions, TreeNodeSlotOptions, TreeOptions, TreeSearchResult, ValueOptions, WrapperEvents, WrapperOptions };
+export type { ButtonOptions, ChangeEvents, ChooseEvents, ChooseItem, ChooseOptions, ClickEvents, CloseEvents, ComponentBindOptions, ComponentOptions, ConfirmAreaOptions, ConfirmOptions, DatePickerEvents, DatepickerOptions, DeleteEvents, DialogHandle, DialogOptions, DisabledOptions, DragVerifyInfo, DragVerifyOptions, EmitterType, EmptyOptions, EventsType, FoldEvents, FoldOptions, FoldStatus, FollowElectResult, FollowExtend, FollowHandle, FollowOptions, FollowStrategy, FollowStrategyOptions, FooterEvents, FooterOptions, HeaderEvents, HeaderOptions, INumberFormatter, IPopupManager, IReactiveManager, ISelectContext, ITreeBaseContext, IconOptions, IconType, InputEvents, InputOptions, LayoutOptions, LoadingOptions, MessageOptions, MoveEvents, NumberBaseOptions, NumberEvents, NumberFormatResult, NumberOptions, PlaceholderOptions, PopupDescriptor, PopupHandle, PopupOptions, PopupStatus, PopupStatusOptions, PropsType, ReactiveVar, ReadonlyOptions, ScrollEvents, ScrollOptions, ScrollStatus, SearchEvents, SearchOptions, SelectBaseEvents, SelectBaseOptions, SelectEvents, SelectItem, SelectNodeEvents, SelectNodeOptions, SelectOptions, SelectPopupEvents, SelectPopupExtend, SelectPopupOptions, SelectSlotOptions, SortEvent, SortEvents, SortGroupHook, SortGroupOptions, SortOptions, SwitchEvents, SwitchOptions, TableColOptions, TableOptions, TableRowOptions, TextareaEvents, TextareaOptions, TitleOptions, ToastOptions, TransitionEffectOptions, TransitionOptions, TreeEvents, TreeNode, TreeNodeEvents, TreeNodeExtend, TreeNodeModel, TreeNodeOptions, TreeNodeRenderOptions, TreeNodeSlotOptions, TreeOptions, TreeSearchResult, ValueOptions, WrapperEvents, WrapperOptions };