snail.vue 1.0.20 → 1.0.21

package/dist/snail.vue.js

@@ -1,8 +1,9 @@
 //@ sourceURL=/snail.vue.js
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, createBlock, createCommentVNode, toDisplayString, createElementVNode, normalizeProps, guardReactiveProps, unref, computed, mergeProps, getCurrentScope, onScopeDispose, Transition, withCtx, ref, shallowRef, watch, onErrorCaptured, onActivated, onDeactivated, Fragment, resolveDynamicComponent, createSlots, renderList, normalizeStyle, TransitionGroup, withModifiers, createVNode, createApp, useTemplateRef, onMounted, onUnmounted } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, createBlock, createCommentVNode, toDisplayString, createElementVNode, normalizeProps, guardReactiveProps, unref, computed, mergeProps, mergeModels, useModel, getCurrentScope, onScopeDispose, Transition, withCtx, ref, shallowRef, watch, onErrorCaptured, onActivated, onDeactivated, Fragment, resolveDynamicComponent, createSlots, renderList, useTemplateRef, onUnmounted, normalizeStyle, createVNode, TransitionGroup, withModifiers, createApp, onMounted } from 'vue';
 import { style, tidyString, throwError, mustString, mustFunction, throwIfFalse, isStringNotEmpty, isObject, script, delay, getMessage, hook, mustObject, defer, newId, isFunction } from 'snail.core';
+import { getSizeStyle, getAlignStyle } from 'snail.style';
 
-var _sfc_main$e = defineComponent({
+var _sfc_main$h = defineComponent({
   ...{
     name: "Button",
     inheritAttrs: true
@@ -24,9 +25,9 @@ var _sfc_main$e = defineComponent({
 
 var addLink = href => setTimeout(style.register, 0, href);
 
-addLink("/css/snail.vue.vue.css");
+addLink("/styles/snail.vue.vue.css");
 
-var _sfc_main$d = defineComponent({
+var _sfc_main$g = defineComponent({
   ...{
     name: "Footer",
     inheritAttrs: true
@@ -58,13 +59,13 @@ var _sfc_main$d = defineComponent({
         class: normalizeClass(["snail-footer", {
           "start-divider": props.divider
         }, props.align || "right"])
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [props.cancelDisable != true ? (openBlock(), createBlock(_sfc_main$e, {
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [props.cancelDisable != true ? (openBlock(), createBlock(_sfc_main$h, {
         key: 0,
         size: "max",
         type: "default",
         onClick: _cache[0] || (_cache[0] = $event => emit("cancel")),
         textContent: toDisplayString(props.cancelName || "取消")
-      }, null, 8, ["textContent"])) : createCommentVNode("", true), props.confirmDisable != true ? (openBlock(), createBlock(_sfc_main$e, {
+      }, null, 8, ["textContent"])) : createCommentVNode("", true), props.confirmDisable != true ? (openBlock(), createBlock(_sfc_main$h, {
         key: 1,
         size: "max",
         type: "primary",
@@ -111,8 +112,8 @@ function getSvgIcon(options) {
   }
 }
 
-const _hoisted_1$7 = ["width", "height"];
-var _sfc_main$c = defineComponent({
+const _hoisted_1$9 = ["width", "height"];
+var _sfc_main$f = defineComponent({
   ...{
     name: "Icon",
     inheritAttrs: true
@@ -133,13 +134,13 @@ var _sfc_main$c = defineComponent({
         width: props.size || 24,
         height: props.size || 24,
         class: normalizeClass([_ctx.type, "snail-icon"])
-      }, [createElementVNode("path", normalizeProps(guardReactiveProps(unref(icon))), null, 16)], 10, _hoisted_1$7);
+      }, [createElementVNode("path", normalizeProps(guardReactiveProps(unref(icon))), null, 16)], 10, _hoisted_1$9);
     };
   }
 });
 
-const _hoisted_1$6 = ["textContent"];
-var _sfc_main$b = defineComponent({
+const _hoisted_1$8 = ["textContent"];
+var _sfc_main$e = defineComponent({
   ...{
     name: "Header",
     inheritAttrs: true
@@ -172,7 +173,7 @@ var _sfc_main$b = defineComponent({
     const closeIconOptions = computed(() => ({
       type: "close",
       color: __props.useTo == "page" ? "#2e3033" : "#464953",
-      size: __props.useTo == "page" ? 24 : 20
+      size: 22
     }));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", {
@@ -183,9 +184,7 @@ var _sfc_main$b = defineComponent({
         key: 0,
         textContent: toDisplayString(_ctx.title),
         class: normalizeClass(["header-title", _ctx.titleAlign])
-      }, null, 10, _hoisted_1$6)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default", {
-        class: "header-slot"
-      }), _ctx.closeDisable != true ? (openBlock(), createBlock(_sfc_main$c, mergeProps({
+      }, null, 10, _hoisted_1$8)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), _ctx.closeDisable != true ? (openBlock(), createBlock(_sfc_main$f, mergeProps({
         key: 1,
         class: "close-icon"
       }, closeIconOptions.value, {
@@ -195,6 +194,54 @@ var _sfc_main$b = defineComponent({
   }
 });
 
+var _sfc_main$d = defineComponent({
+  ...{
+    name: "Switch",
+    inheritAttrs: true
+  },
+  __name: "switch",
+  props: mergeModels({
+    readonly: {
+      type: Boolean
+    }
+  }, {
+    "modelValue": {
+      type: Boolean,
+      ...{
+        default: false
+      }
+    },
+    "modelModifiers": {}
+  }),
+  emits: mergeModels(["change"], ["update:modelValue"]),
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emit = __emit;
+    const switchModel = useModel(__props, "modelValue");
+    function onSwitchChange() {
+      if (props.readonly != true) {
+        switchModel.value = !switchModel.value;
+        emit("change", switchModel.value);
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", props.readonly ? "readonly" : ""]]),
+        onClick: onSwitchChange
+      }, _cache[0] || (_cache[0] = [createElementVNode("div", {
+        class: "on"
+      }, null, -1), createElementVNode("div", {
+        class: "off"
+      }, null, -1), createElementVNode("div", {
+        class: "status"
+      }, null, -1)]), 2);
+    };
+  }
+});
+
 const appCreatedFns = [];
 function onAppCreated(fn) {
   mustFunction(fn, "fn");
@@ -222,11 +269,27 @@ function useScopes() {
   const scopes = [];
   const destroy = () => scopes.forEach(scope => scope.destroy());
   tryOnScopeDispose(destroy);
+  function add(scope) {
+    onScope(scope, () => {
+      const index = scopes.indexOf(scope);
+      index >= 0 && scopes.splice(index, 1);
+    });
+    scopes.push(scope);
+  }
   return {
-    add: scope => mustFunction((scope || {}).destroy, "add: scope.destroy") && scopes.push(scope),
+    add,
     destroy
   };
 }
+function onScope(scope, destroy) {
+  mustFunction((scope || {}).destroy, "onScope: scope.destroy");
+  mustFunction(destroy, "onScope: destroy");
+  const origin = scope.destroy;
+  scope.destroy = function () {
+    origin();
+    destroy();
+  };
+}
 function onInterval(fn, delay) {
   mustFunction(fn, "onInterval: fn");
   for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
@@ -306,17 +369,30 @@ function onRerect(el, fn) {
   };
 }
 
-function scopeRef(rv, sv, dv, dealy) {
-  rv.value = sv;
-  const destroy = () => rv.value = dv;
+function scopeRef(rv, start, end, dealy) {
+  rv.value = start;
+  const destroy = () => rv.value = end;
   return dealy > 0 ? {
     destroy: () => setTimeout(destroy, dealy)
   } : {
     destroy
   };
 }
+function animationRef(styleRef, start, target, aTime, end) {
+  styleRef.value = start;
+  const st = setTimeout(() => styleRef.value = target, 1);
+  const ct = aTime != void 0 && end != void 0 ? setTimeout(() => styleRef.value = end, aTime) : void 0;
+  function destroy() {
+    clearTimeout(st);
+    ct && clearTimeout(ct);
+    styleRef.value = end;
+  }
+  return {
+    destroy
+  };
+}
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$c = defineComponent({
   ...{
     name: "Loading",
     inheritAttrs: true
@@ -355,7 +431,7 @@ var _sfc_main$a = defineComponent({
   }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "Dynamic",
     inheritAttrs: false
@@ -423,7 +499,7 @@ var _sfc_main$9 = defineComponent({
       })]), 1040)), dynamicError.value != void 0 ? (openBlock(), createElementBlock("div", mergeProps({
         key: 0,
         class: "snail-dynamic-error"
-      }, _ctx.$attrs), [_cache[0] || (_cache[0] = createTextVNode(" load component error：")), createElementVNode("span", null, toDisplayString(dynamicError.value), 1)], 16)) : dynamicComponent.value == void 0 ? (openBlock(), createBlock(_sfc_main$a, {
+      }, _ctx.$attrs), [_cache[0] || (_cache[0] = createTextVNode(" load component error：")), createElementVNode("span", null, toDisplayString(dynamicError.value), 1)], 16)) : dynamicComponent.value == void 0 ? (openBlock(), createBlock(_sfc_main$c, {
         key: 1,
         show: true,
         "disabled-mask": true
@@ -432,7 +508,104 @@ var _sfc_main$9 = defineComponent({
   }
 });
 
-var _sfc_main$8 = defineComponent({
+function getFoldStatusDraw() {
+  return "M511.5 374.5c-8.2 0-16.4 3.1-22.6 9.4L273.4 599.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l192.9-192.9 192.9 192.9c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L534.1 383.9c-6.2-6.3-14.4-9.4-22.6-9.4z";
+}
+
+const _hoisted_1$7 = {
+  class: "fold-header"
+};
+const _hoisted_2$4 = ["textContent"];
+const _hoisted_3$2 = ["textContent"];
+const _hoisted_4$1 = {
+  key: 1,
+  class: "status"
+};
+const _hoisted_5$1 = ["title"];
+var _sfc_main$a = defineComponent({
+  ...{
+    name: "Fold",
+    inheritAttrs: true
+  },
+  __name: "fold",
+  props: mergeModels({
+    title: {},
+    subtitle: {},
+    disable: {
+      type: Boolean
+    }
+  }, {
+    "status": {
+      default: "expand"
+    },
+    "statusModifiers": {}
+  }),
+  emits: mergeModels(["change"], ["update:status"]),
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emit = __emit;
+    const status = useModel(__props, "status");
+    const statusWatch = watch(status, calcFoldStyle);
+    const statusIcon = getFoldStatusDraw();
+    const foldBodyRef = useTemplateRef("foldBodyRef");
+    const foldStyleRef = shallowRef(Object.create(null));
+    function calcFoldStyle() {
+      if (foldBodyRef.value) {
+        const minHeight = 32;
+        const maxHeight = minHeight + foldBodyRef.value.getBoundingClientRect().height;
+        animationRef(foldStyleRef, {
+          height: `${status.value == "expand" ? minHeight : maxHeight}px`,
+          overflow: "hidden"
+        }, {
+          height: `${status.value == "expand" ? maxHeight : minHeight}px`,
+          overflow: "hidden"
+        }, 200, Object.create(null));
+      }
+    }
+    function onStatusClick() {
+      switch (status.value) {
+        case "expand":
+          status.value = "fold";
+          break;
+        case "fold":
+          status.value = "expand";
+          break;
+        default:
+          throwError(`Fold not support status value: ${status.value}`);
+      }
+      emit("change", status.value);
+    }
+    onUnmounted(() => statusWatch.stop());
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-fold", status.value]),
+        style: normalizeStyle(foldStyleRef.value)
+      }, [createElementVNode("div", _hoisted_1$7, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
+        class: "title",
+        textContent: toDisplayString(props.title)
+      }, null, 8, _hoisted_2$4), !!props.subtitle ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "subtitle",
+        textContent: toDisplayString(props.subtitle)
+      }, null, 8, _hoisted_3$2)) : createCommentVNode("", true), props.disable != true ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createElementVNode("span", {
+        title: status.value == "expand" ? "收起" : "展开"
+      }, [createVNode(_sfc_main$f, {
+        type: "custom",
+        draw: unref(statusIcon),
+        onClick: onStatusClick
+      }, null, 8, ["draw"])], 8, _hoisted_5$1)])) : createCommentVNode("", true)])]), createElementVNode("div", {
+        class: "fold-body",
+        ref_key: "foldBodyRef",
+        ref: foldBodyRef
+      }, [renderSlot(_ctx.$slots, "default")], 512)], 6);
+    };
+  }
+});
+
+var _sfc_main$9 = defineComponent({
   ...{
     name: "Scroll",
     inheritAttrs: true
@@ -462,10 +635,10 @@ var _sfc_main$8 = defineComponent({
   }
 });
 
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   class: "table-body"
 };
-var _sfc_main$7 = defineComponent({
+var _sfc_main$8 = defineComponent({
   ...{
     name: "Table",
     inheritAttrs: true
@@ -487,13 +660,14 @@ var _sfc_main$7 = defineComponent({
   setup(__props) {
     const props = __props;
     function getStyle(styleOptions) {
+      styleOptions = styleOptions || {};
       const style = Object.create(null);
       styleOptions.background && (style.background = styleOptions.background);
       styleOptions.height && (style.height = styleOptions.height + (styleOptions.heightUnit || "px"));
       return style;
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$8, {
+      return openBlock(), createBlock(_sfc_main$9, {
         class: normalizeClass(["snail-table", {
           "start-border": props.border == true
         }]),
@@ -503,7 +677,7 @@ var _sfc_main$7 = defineComponent({
         default: withCtx(() => [createElementVNode("header", {
           class: "table-header",
           style: normalizeStyle(getStyle(props.headerStyle))
-        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("main", _hoisted_1$5, [renderSlot(_ctx.$slots, "default")]), createElementVNode("footer", {
+        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("main", _hoisted_1$6, [renderSlot(_ctx.$slots, "default")]), createElementVNode("footer", {
           class: "table-footer",
           style: normalizeStyle(getStyle(props.footerStyle))
         }, [renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -513,7 +687,7 @@ var _sfc_main$7 = defineComponent({
   }
 });
 
-var _sfc_main$6 = defineComponent({
+var _sfc_main$7 = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -539,7 +713,7 @@ var _sfc_main$6 = defineComponent({
   }
 });
 
-var _sfc_main$5 = defineComponent({
+var _sfc_main$6 = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -564,22 +738,21 @@ var _sfc_main$5 = defineComponent({
         props.minWidth && (style.minWidth = props.minWidth + (props.unit || "px"));
         props.maxWidth && (style.maxWidth = props.maxWidth + (props.unit || "px"));
       }
-      props.align && (style.justifyContent = props.align);
       props.borderStyle && (style.border = props.borderStyle);
       props.paddingStyle && (style.padding = props.paddingStyle);
       return style;
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: "table-col",
+        class: normalizeClass(["table-col", props.align]),
         style: normalizeStyle(colStyle.value)
-      }, [renderSlot(_ctx.$slots, "default")], 4);
+      }, [renderSlot(_ctx.$slots, "default")], 6);
     };
   }
 });
 
-const _hoisted_1$4 = ["onClick"];
-var _sfc_main$4 = defineComponent({
+const _hoisted_1$5 = ["onClick"];
+var _sfc_main$5 = defineComponent({
   ...{
     name: "DialogWrapper",
     inheritAttrs: true
@@ -614,7 +787,7 @@ var _sfc_main$4 = defineComponent({
             }]),
             style: normalizeStyle("z-index:" + dialog.options.zIndex),
             onClick: withModifiers($event => onMaskClick(dialog), ["self"])
-          }, [createVNode(_sfc_main$9, mergeProps({
+          }, [createVNode(_sfc_main$b, mergeProps({
             class: ["dialog-body", dialog.options.class],
             name: dialog.options.name,
             component: dialog.options.component,
@@ -624,7 +797,7 @@ var _sfc_main$4 = defineComponent({
             ref_for: true
           }, dialog.options.props, {
             ref_for: true
-          }, dialog.handle), null, 16, ["name", "component", "url", "class", "style"])], 14, _hoisted_1$4);
+          }, dialog.handle), null, 16, ["name", "component", "url", "class", "style"])], 14, _hoisted_1$5);
         }), 128))]),
         _: 1
       });
@@ -671,6 +844,19 @@ function openDialog(options, onDestroyed) {
   };
   return dr;
 }
+async function scopeDialog(options, scopeRef) {
+  scopeRef.value && scopeRef.value.destroy();
+  scopeRef.value = {
+    destroy() {
+      scopeRef.value = void 0;
+      ret.destroy();
+    }
+  };
+  const ret = openDialog(options);
+  const data = await ret;
+  scopeRef.value = void 0;
+  return data;
+}
 const descriptors = ref([]);
 const dialogHook = hook.newScope();
 const createDialogHookCode = dialog => `onCloseDialog:${dialog.id}`;
@@ -692,7 +878,7 @@ const initVueApp = (() => {
       container.style = "height:0 !important; width:0 !important;";
       container.classList.add("snail-dialog-container");
       document.body.appendChild(container);
-      dialogApp = createApp(_sfc_main$4, {
+      dialogApp = createApp(_sfc_main$5, {
         descriptors: descriptors.value
       });
       triggerAppCreated(dialogApp).mount(container);
@@ -700,6 +886,101 @@ const initVueApp = (() => {
   };
 })();
 
+function getTitleStyle(options, isFlex) {
+  const style = Object.create(null);
+  if (options.titleStyle) {
+    getSizeStyle(style, options.titleStyle, "width", isFlex);
+    getAlignStyle(style, options.titleStyle, isFlex);
+  }
+  return style;
+}
+
+const _hoisted_1$4 = ["textContent"];
+const _hoisted_2$3 = {
+  key: 0,
+  class: "required",
+  textContent: "*"
+};
+const _hoisted_3$1 = {
+  class: "input-body"
+};
+const _hoisted_4 = ["type", "value", "readonly", "placeholder", "title"];
+const _hoisted_5 = ["title"];
+var _sfc_main$4 = defineComponent({
+  ...{
+    name: "Input",
+    inheritAttrs: true
+  },
+  __name: "input",
+  props: mergeModels({
+    type: {},
+    title: {},
+    required: {
+      type: Boolean
+    },
+    placeholder: {},
+    readonly: {
+      type: Boolean
+    },
+    titleStyle: {}
+  }, {
+    "modelValue": {
+      default: ""
+    },
+    "modelModifiers": {}
+  }),
+  emits: mergeModels(["click", "change"], ["update:modelValue"]),
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emit = __emit;
+    const inputRef = useTemplateRef("inputRef");
+    const inputModel = useModel(__props, "modelValue");
+    const validateRef = shallowRef();
+    const titleStyle = getTitleStyle(props, true);
+    function onValueChange() {
+      const text = inputRef.value.value || "";
+      inputModel.value = text;
+      emit("change", text);
+    }
+    console.warn("Input:还没实现 验证相关逻辑");
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-input", {
+          "readonly": props.readonly
+        }])
+      }, [!!props.title ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: "input-title",
+        style: normalizeStyle(unref(titleStyle))
+      }, [createElementVNode("span", {
+        class: "text",
+        textContent: toDisplayString(props.title)
+      }, null, 8, _hoisted_1$4), props.readonly != true && props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$3)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$1, [createElementVNode("input", {
+        ref_key: "inputRef",
+        ref: inputRef,
+        type: props.type || "text",
+        value: inputModel.value,
+        readonly: props.readonly,
+        placeholder: props.placeholder,
+        title: inputModel.value,
+        onChange: onValueChange,
+        onClick: _cache[0] || (_cache[0] = $event => emit("click"))
+      }, null, 40, _hoisted_4), !!validateRef.value ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "validate",
+        title: validateRef.value
+      }, [createVNode(_sfc_main$f, {
+        type: "error",
+        size: 16,
+        color: "red"
+      })], 8, _hoisted_5)) : createCommentVNode("", true)])], 2);
+    };
+  }
+});
+
 const _hoisted_1$3 = {
   key: 0,
   class: "icon"
@@ -760,7 +1041,7 @@ var _sfc_main$3 = defineComponent({
         }),
         onMouseenter: _cache[2] || (_cache[2] = $event => onMouseEvent(false)),
         onMouseleave: _cache[3] || (_cache[3] = $event => onMouseEvent(true))
-      }, [createVNode(_sfc_main$c, {
+      }, [createVNode(_sfc_main$f, {
         type: "close",
         class: "close-icon",
         fill: closeFill.value,
@@ -768,7 +1049,7 @@ var _sfc_main$3 = defineComponent({
         onMouseenter: _cache[0] || (_cache[0] = $event => closeFill.value = "red"),
         onMouseleave: _cache[1] || (_cache[1] = $event => closeFill.value = "#707070"),
         onClick: onToastClose
-      }, null, 8, ["fill"]), props.type ? (openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(_sfc_main$c, {
+      }, null, 8, ["fill"]), props.type ? (openBlock(), createElementBlock("div", _hoisted_1$3, [createVNode(_sfc_main$f, {
         type: props.type,
         fill: "black",
         size: 18
@@ -814,14 +1095,14 @@ var _sfc_main$2 = defineComponent({
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [createVNode(_sfc_main$b, {
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [createVNode(_sfc_main$e, {
         "use-to": "dialog",
         title: props.title || "提示",
         onClose: _cache[0] || (_cache[0] = $event => props.closeDialog(false))
       }, null, 8, ["title"]), createElementVNode("main", {
         innerHTML: props.message || "请确认？"
-      }, null, 8, _hoisted_2$1), createVNode(_sfc_main$d, {
-        align: "center",
+      }, null, 8, _hoisted_2$1), createVNode(_sfc_main$g, {
+        align: "right",
         "cancel-name": props.cancelName,
         "cancel-disable": props.cancelDisable,
         "confirm-name": props.confirmName,
@@ -960,12 +1241,12 @@ var _sfc_main$1 = defineComponent({
         onTouchstart: onStartDrag,
         onTouchmove: onDragMove,
         onTouchend: onDragEnd
-      }, [dragInfo.value.status == "success" ? (openBlock(), createBlock(_sfc_main$c, {
+      }, [dragInfo.value.status == "success" ? (openBlock(), createBlock(_sfc_main$f, {
         key: 0,
         type: "success",
         size: 20,
         color: "white"
-      })) : (openBlock(), createBlock(_sfc_main$c, {
+      })) : (openBlock(), createBlock(_sfc_main$f, {
         key: 1,
         type: "custom",
         size: 20,
@@ -977,16 +1258,16 @@ var _sfc_main$1 = defineComponent({
 });
 
 const _hoisted_1 = {
-  class: "snail-no-data"
+  class: "snail-empty"
 };
 const _hoisted_2 = ["src"];
 const _hoisted_3 = ["textContent"];
 var _sfc_main = defineComponent({
   ...{
-    name: "NoData",
+    name: "Empty",
     inheritAttrs: true
   },
-  __name: "no-data",
+  __name: "empty",
   props: {
     message: {},
     imageUrl: {}
@@ -998,7 +1279,7 @@ var _sfc_main = defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("img", {
         src: props.imageUrl || unref(defaultImageBase64)
       }, null, 8, _hoisted_2), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
-        class: "hint-message",
+        class: "message",
         textContent: toDisplayString(props.message || "无数据")
       }, null, 8, _hoisted_3)])]);
     };
@@ -1006,23 +1287,26 @@ var _sfc_main = defineComponent({
 });
 
 const components = {
-  Button: _sfc_main$e,
-  Footer: _sfc_main$d,
-  Header: _sfc_main$b,
-  Icon: _sfc_main$c,
-  Dynamic: _sfc_main$9,
-  Scroll: _sfc_main$8,
-  Table: _sfc_main$7,
-  TableRow: _sfc_main$6,
-  TableCol: _sfc_main$5,
+  Button: _sfc_main$h,
+  Footer: _sfc_main$g,
+  Header: _sfc_main$e,
+  Icon: _sfc_main$f,
+  Switch: _sfc_main$d,
+  Dynamic: _sfc_main$b,
+  Fold: _sfc_main$a,
+  Scroll: _sfc_main$9,
+  Table: _sfc_main$8,
+  TableRow: _sfc_main$7,
+  TableCol: _sfc_main$6,
+  Input: _sfc_main$4,
   DragVerify: _sfc_main$1,
-  Loading: _sfc_main$a,
-  NoData: _sfc_main
+  Empty: _sfc_main,
+  Loading: _sfc_main$c
 };
 function mount(options, onDestroyed) {
   mustObject(options, "options");
   options.target instanceof HTMLElement || throwError("options.target must be a HTMLElement");
-  const app = createApp(_sfc_main$9, {
+  const app = createApp(_sfc_main$b, {
     name: options.name,
     compponent: options.component,
     url: options.url,
@@ -1039,4 +1323,4 @@ function mount(options, onDestroyed) {
   };
 }
 
-export { components, confirm, getSvgIcon, mount, onAppCreated, onEvent, onInterval, onRerect, onResize, onTimeout, openDialog, scopeRef, toast, triggerAppCreated, useScopes };
+export { animationRef, components, confirm, getSvgIcon, mount, onAppCreated, onEvent, onInterval, onRerect, onResize, onTimeout, openDialog, scopeDialog, scopeRef, toast, triggerAppCreated, useScopes };