snail.vue 1.0.19 → 1.0.21

package/dist/snail.vue.umd.js

@@ -1,11 +1,11 @@
 //@ sourceURL=/snail.vue.js
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('snail.core')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'snail.core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SnailVue = global.SnailVue || {}, global.Vue, global.Snail));
-})(this, (function (exports, vue, snail_core) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue'), require('snail.core'), require('snail.style')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'vue', 'snail.core', 'snail.style'], factory) :
+  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SnailVue = global.SnailVue || {}, global.Vue, global.Snail, global.SnailStyle));
+})(this, (function (exports, vue, snail_core, snail_style) { 'use strict';
 
-  var _sfc_main$e = vue.defineComponent({
+  var _sfc_main$h = vue.defineComponent({
     ...{
       name: "Button",
       inheritAttrs: true
@@ -25,7 +25,7 @@
     }
   });
 
-  var _sfc_main$d = vue.defineComponent({
+  var _sfc_main$g = vue.defineComponent({
     ...{
       name: "Footer",
       inheritAttrs: true
@@ -57,13 +57,13 @@
           class: vue.normalizeClass(["snail-footer", {
             "start-divider": props.divider
           }, props.align || "right"])
-        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [props.cancelDisable != true ? (vue.openBlock(), vue.createBlock(_sfc_main$e, {
+        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [props.cancelDisable != true ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
           key: 0,
           size: "max",
           type: "default",
           onClick: _cache[0] || (_cache[0] = $event => emit("cancel")),
           textContent: vue.toDisplayString(props.cancelName || "取消")
-        }, null, 8, ["textContent"])) : vue.createCommentVNode("", true), props.confirmDisable != true ? (vue.openBlock(), vue.createBlock(_sfc_main$e, {
+        }, null, 8, ["textContent"])) : vue.createCommentVNode("", true), props.confirmDisable != true ? (vue.openBlock(), vue.createBlock(_sfc_main$h, {
           key: 1,
           size: "max",
           type: "primary",
@@ -110,8 +110,8 @@
     }
   }
 
-  const _hoisted_1$7 = ["width", "height"];
-  var _sfc_main$c = vue.defineComponent({
+  const _hoisted_1$9 = ["width", "height"];
+  var _sfc_main$f = vue.defineComponent({
     ...{
       name: "Icon",
       inheritAttrs: true
@@ -132,13 +132,13 @@
           width: props.size || 24,
           height: props.size || 24,
           class: vue.normalizeClass([_ctx.type, "snail-icon"])
-        }, [vue.createElementVNode("path", vue.normalizeProps(vue.guardReactiveProps(vue.unref(icon))), null, 16)], 10, _hoisted_1$7);
+        }, [vue.createElementVNode("path", vue.normalizeProps(vue.guardReactiveProps(vue.unref(icon))), null, 16)], 10, _hoisted_1$9);
       };
     }
   });
 
-  const _hoisted_1$6 = ["textContent"];
-  var _sfc_main$b = vue.defineComponent({
+  const _hoisted_1$8 = ["textContent"];
+  var _sfc_main$e = vue.defineComponent({
     ...{
       name: "Header",
       inheritAttrs: true
@@ -171,7 +171,7 @@
       const closeIconOptions = vue.computed(() => ({
         type: "close",
         color: __props.useTo == "page" ? "#2e3033" : "#464953",
-        size: __props.useTo == "page" ? 24 : 20
+        size: 22
       }));
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("header", {
@@ -182,9 +182,7 @@
           key: 0,
           textContent: vue.toDisplayString(_ctx.title),
           class: vue.normalizeClass(["header-title", _ctx.titleAlign])
-        }, null, 10, _hoisted_1$6)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default", {
-          class: "header-slot"
-        }), _ctx.closeDisable != true ? (vue.openBlock(), vue.createBlock(_sfc_main$c, vue.mergeProps({
+        }, null, 10, _hoisted_1$8)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), _ctx.closeDisable != true ? (vue.openBlock(), vue.createBlock(_sfc_main$f, vue.mergeProps({
           key: 1,
           class: "close-icon"
         }, closeIconOptions.value, {
@@ -194,6 +192,54 @@
     }
   });
 
+  var _sfc_main$d = vue.defineComponent({
+    ...{
+      name: "Switch",
+      inheritAttrs: true
+    },
+    __name: "switch",
+    props: vue.mergeModels({
+      readonly: {
+        type: Boolean
+      }
+    }, {
+      "modelValue": {
+        type: Boolean,
+        ...{
+          default: false
+        }
+      },
+      "modelModifiers": {}
+    }),
+    emits: vue.mergeModels(["change"], ["update:modelValue"]),
+    setup(__props, _ref) {
+      let {
+        emit: __emit
+      } = _ref;
+      const props = __props;
+      const emit = __emit;
+      const switchModel = vue.useModel(__props, "modelValue");
+      function onSwitchChange() {
+        if (props.readonly != true) {
+          switchModel.value = !switchModel.value;
+          emit("change", switchModel.value);
+        }
+      }
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", props.readonly ? "readonly" : ""]]),
+          onClick: onSwitchChange
+        }, _cache[0] || (_cache[0] = [vue.createElementVNode("div", {
+          class: "on"
+        }, null, -1), vue.createElementVNode("div", {
+          class: "off"
+        }, null, -1), vue.createElementVNode("div", {
+          class: "status"
+        }, null, -1)]), 2);
+      };
+    }
+  });
+
   const appCreatedFns = [];
   function onAppCreated(fn) {
     snail_core.mustFunction(fn, "fn");
@@ -221,11 +267,27 @@
     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 => snail_core.mustFunction((scope || {}).destroy, "add: scope.destroy") && scopes.push(scope),
+      add,
       destroy
     };
   }
+  function onScope(scope, destroy) {
+    snail_core.mustFunction((scope || {}).destroy, "onScope: scope.destroy");
+    snail_core.mustFunction(destroy, "onScope: destroy");
+    const origin = scope.destroy;
+    scope.destroy = function () {
+      origin();
+      destroy();
+    };
+  }
   function onInterval(fn, delay) {
     snail_core.mustFunction(fn, "onInterval: fn");
     for (var _len = arguments.length, args = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
@@ -305,17 +367,30 @@
     };
   }
 
-  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 = vue.defineComponent({
+  var _sfc_main$c = vue.defineComponent({
     ...{
       name: "Loading",
       inheritAttrs: true
@@ -354,7 +429,7 @@
     }
   });
 
-  var _sfc_main$9 = vue.defineComponent({
+  var _sfc_main$b = vue.defineComponent({
     ...{
       name: "Dynamic",
       inheritAttrs: false
@@ -422,7 +497,7 @@
         })]), 1040)), dynamicError.value != void 0 ? (vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
           key: 0,
           class: "snail-dynamic-error"
-        }, _ctx.$attrs), [_cache[0] || (_cache[0] = vue.createTextVNode(" load component error：")), vue.createElementVNode("span", null, vue.toDisplayString(dynamicError.value), 1)], 16)) : dynamicComponent.value == void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$a, {
+        }, _ctx.$attrs), [_cache[0] || (_cache[0] = vue.createTextVNode(" load component error：")), vue.createElementVNode("span", null, vue.toDisplayString(dynamicError.value), 1)], 16)) : dynamicComponent.value == void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$c, {
           key: 1,
           show: true,
           "disabled-mask": true
@@ -431,7 +506,104 @@
     }
   });
 
-  var _sfc_main$8 = vue.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 = vue.defineComponent({
+    ...{
+      name: "Fold",
+      inheritAttrs: true
+    },
+    __name: "fold",
+    props: vue.mergeModels({
+      title: {},
+      subtitle: {},
+      disable: {
+        type: Boolean
+      }
+    }, {
+      "status": {
+        default: "expand"
+      },
+      "statusModifiers": {}
+    }),
+    emits: vue.mergeModels(["change"], ["update:status"]),
+    setup(__props, _ref) {
+      let {
+        emit: __emit
+      } = _ref;
+      const props = __props;
+      const emit = __emit;
+      const status = vue.useModel(__props, "status");
+      const statusWatch = vue.watch(status, calcFoldStyle);
+      const statusIcon = getFoldStatusDraw();
+      const foldBodyRef = vue.useTemplateRef("foldBodyRef");
+      const foldStyleRef = vue.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:
+            snail_core.throwError(`Fold not support status value: ${status.value}`);
+        }
+        emit("change", status.value);
+      }
+      vue.onUnmounted(() => statusWatch.stop());
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["snail-fold", status.value]),
+          style: vue.normalizeStyle(foldStyleRef.value)
+        }, [vue.createElementVNode("div", _hoisted_1$7, [vue.renderSlot(_ctx.$slots, "header", {}, () => [vue.createElementVNode("div", {
+          class: "title",
+          textContent: vue.toDisplayString(props.title)
+        }, null, 8, _hoisted_2$4), !!props.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "subtitle",
+          textContent: vue.toDisplayString(props.subtitle)
+        }, null, 8, _hoisted_3$2)) : vue.createCommentVNode("", true), props.disable != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [vue.createElementVNode("span", {
+          title: status.value == "expand" ? "收起" : "展开"
+        }, [vue.createVNode(_sfc_main$f, {
+          type: "custom",
+          draw: vue.unref(statusIcon),
+          onClick: onStatusClick
+        }, null, 8, ["draw"])], 8, _hoisted_5$1)])) : vue.createCommentVNode("", true)])]), vue.createElementVNode("div", {
+          class: "fold-body",
+          ref_key: "foldBodyRef",
+          ref: foldBodyRef
+        }, [vue.renderSlot(_ctx.$slots, "default")], 512)], 6);
+      };
+    }
+  });
+
+  var _sfc_main$9 = vue.defineComponent({
     ...{
       name: "Scroll",
       inheritAttrs: true
@@ -461,10 +633,10 @@
     }
   });
 
-  const _hoisted_1$5 = {
+  const _hoisted_1$6 = {
     class: "table-body"
   };
-  var _sfc_main$7 = vue.defineComponent({
+  var _sfc_main$8 = vue.defineComponent({
     ...{
       name: "Table",
       inheritAttrs: true
@@ -486,13 +658,14 @@
     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 vue.openBlock(), vue.createBlock(_sfc_main$8, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$9, {
           class: vue.normalizeClass(["snail-table", {
             "start-border": props.border == true
           }]),
@@ -502,7 +675,7 @@
           default: vue.withCtx(() => [vue.createElementVNode("header", {
             class: "table-header",
             style: vue.normalizeStyle(getStyle(props.headerStyle))
-          }, [vue.renderSlot(_ctx.$slots, "header")], 4), vue.createElementVNode("main", _hoisted_1$5, [vue.renderSlot(_ctx.$slots, "default")]), vue.createElementVNode("footer", {
+          }, [vue.renderSlot(_ctx.$slots, "header")], 4), vue.createElementVNode("main", _hoisted_1$6, [vue.renderSlot(_ctx.$slots, "default")]), vue.createElementVNode("footer", {
             class: "table-footer",
             style: vue.normalizeStyle(getStyle(props.footerStyle))
           }, [vue.renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -512,7 +685,7 @@
     }
   });
 
-  var _sfc_main$6 = vue.defineComponent({
+  var _sfc_main$7 = vue.defineComponent({
     ...{
       name: "TableRow",
       inheritAttrs: true
@@ -538,7 +711,7 @@
     }
   });
 
-  var _sfc_main$5 = vue.defineComponent({
+  var _sfc_main$6 = vue.defineComponent({
     ...{
       name: "TableCol",
       inheritAttrs: true
@@ -563,22 +736,21 @@
           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 vue.openBlock(), vue.createElementBlock("div", {
-          class: "table-col",
+          class: vue.normalizeClass(["table-col", props.align]),
           style: vue.normalizeStyle(colStyle.value)
-        }, [vue.renderSlot(_ctx.$slots, "default")], 4);
+        }, [vue.renderSlot(_ctx.$slots, "default")], 6);
       };
     }
   });
 
-  const _hoisted_1$4 = ["onClick"];
-  var _sfc_main$4 = vue.defineComponent({
+  const _hoisted_1$5 = ["onClick"];
+  var _sfc_main$5 = vue.defineComponent({
     ...{
       name: "DialogWrapper",
       inheritAttrs: true
@@ -613,7 +785,7 @@
               }]),
               style: vue.normalizeStyle("z-index:" + dialog.options.zIndex),
               onClick: vue.withModifiers($event => onMaskClick(dialog), ["self"])
-            }, [vue.createVNode(_sfc_main$9, vue.mergeProps({
+            }, [vue.createVNode(_sfc_main$b, vue.mergeProps({
               class: ["dialog-body", dialog.options.class],
               name: dialog.options.name,
               component: dialog.options.component,
@@ -623,7 +795,7 @@
               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
         });
@@ -670,6 +842,19 @@
     };
     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 = vue.ref([]);
   const dialogHook = snail_core.hook.newScope();
   const createDialogHookCode = dialog => `onCloseDialog:${dialog.id}`;
@@ -691,7 +876,7 @@
         container.style = "height:0 !important; width:0 !important;";
         container.classList.add("snail-dialog-container");
         document.body.appendChild(container);
-        dialogApp = vue.createApp(_sfc_main$4, {
+        dialogApp = vue.createApp(_sfc_main$5, {
           descriptors: descriptors.value
         });
         triggerAppCreated(dialogApp).mount(container);
@@ -699,6 +884,101 @@
     };
   })();
 
+  function getTitleStyle(options, isFlex) {
+    const style = Object.create(null);
+    if (options.titleStyle) {
+      snail_style.getSizeStyle(style, options.titleStyle, "width", isFlex);
+      snail_style.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 = vue.defineComponent({
+    ...{
+      name: "Input",
+      inheritAttrs: true
+    },
+    __name: "input",
+    props: vue.mergeModels({
+      type: {},
+      title: {},
+      required: {
+        type: Boolean
+      },
+      placeholder: {},
+      readonly: {
+        type: Boolean
+      },
+      titleStyle: {}
+    }, {
+      "modelValue": {
+        default: ""
+      },
+      "modelModifiers": {}
+    }),
+    emits: vue.mergeModels(["click", "change"], ["update:modelValue"]),
+    setup(__props, _ref) {
+      let {
+        emit: __emit
+      } = _ref;
+      const props = __props;
+      const emit = __emit;
+      const inputRef = vue.useTemplateRef("inputRef");
+      const inputModel = vue.useModel(__props, "modelValue");
+      const validateRef = vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["snail-input", {
+            "readonly": props.readonly
+          }])
+        }, [!!props.title ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: "input-title",
+          style: vue.normalizeStyle(vue.unref(titleStyle))
+        }, [vue.createElementVNode("span", {
+          class: "text",
+          textContent: vue.toDisplayString(props.title)
+        }, null, 8, _hoisted_1$4), props.readonly != true && props.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$3)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$1, [vue.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 ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: "validate",
+          title: validateRef.value
+        }, [vue.createVNode(_sfc_main$f, {
+          type: "error",
+          size: 16,
+          color: "red"
+        })], 8, _hoisted_5)) : vue.createCommentVNode("", true)])], 2);
+      };
+    }
+  });
+
   const _hoisted_1$3 = {
     key: 0,
     class: "icon"
@@ -759,7 +1039,7 @@
           }),
           onMouseenter: _cache[2] || (_cache[2] = $event => onMouseEvent(false)),
           onMouseleave: _cache[3] || (_cache[3] = $event => onMouseEvent(true))
-        }, [vue.createVNode(_sfc_main$c, {
+        }, [vue.createVNode(_sfc_main$f, {
           type: "close",
           class: "close-icon",
           fill: closeFill.value,
@@ -767,7 +1047,7 @@
           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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [vue.createVNode(_sfc_main$c, {
+        }, null, 8, ["fill"]), props.type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [vue.createVNode(_sfc_main$f, {
           type: props.type,
           fill: "black",
           size: 18
@@ -813,14 +1093,14 @@
     setup(__props) {
       const props = __props;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [vue.createVNode(_sfc_main$b, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [vue.createVNode(_sfc_main$e, {
           "use-to": "dialog",
           title: props.title || "提示",
           onClose: _cache[0] || (_cache[0] = $event => props.closeDialog(false))
         }, null, 8, ["title"]), vue.createElementVNode("main", {
           innerHTML: props.message || "请确认？"
-        }, null, 8, _hoisted_2$1), vue.createVNode(_sfc_main$d, {
-          align: "center",
+        }, null, 8, _hoisted_2$1), vue.createVNode(_sfc_main$g, {
+          align: "right",
           "cancel-name": props.cancelName,
           "cancel-disable": props.cancelDisable,
           "confirm-name": props.confirmName,
@@ -959,12 +1239,12 @@
           onTouchstart: onStartDrag,
           onTouchmove: onDragMove,
           onTouchend: onDragEnd
-        }, [dragInfo.value.status == "success" ? (vue.openBlock(), vue.createBlock(_sfc_main$c, {
+        }, [dragInfo.value.status == "success" ? (vue.openBlock(), vue.createBlock(_sfc_main$f, {
           key: 0,
           type: "success",
           size: 20,
           color: "white"
-        })) : (vue.openBlock(), vue.createBlock(_sfc_main$c, {
+        })) : (vue.openBlock(), vue.createBlock(_sfc_main$f, {
           key: 1,
           type: "custom",
           size: 20,
@@ -976,16 +1256,16 @@
   });
 
   const _hoisted_1 = {
-    class: "snail-no-data"
+    class: "snail-empty"
   };
   const _hoisted_2 = ["src"];
   const _hoisted_3 = ["textContent"];
   var _sfc_main = vue.defineComponent({
     ...{
-      name: "NoData",
+      name: "Empty",
       inheritAttrs: true
     },
-    __name: "no-data",
+    __name: "empty",
     props: {
       message: {},
       imageUrl: {}
@@ -997,7 +1277,7 @@
         return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [vue.createElementVNode("img", {
           src: props.imageUrl || vue.unref(defaultImageBase64)
         }, null, 8, _hoisted_2), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
-          class: "hint-message",
+          class: "message",
           textContent: vue.toDisplayString(props.message || "无数据")
         }, null, 8, _hoisted_3)])]);
       };
@@ -1005,23 +1285,26 @@
   });
 
   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) {
     snail_core.mustObject(options, "options");
     options.target instanceof HTMLElement || snail_core.throwError("options.target must be a HTMLElement");
-    const app = vue.createApp(_sfc_main$9, {
+    const app = vue.createApp(_sfc_main$b, {
       name: options.name,
       compponent: options.component,
       url: options.url,
@@ -1038,6 +1321,7 @@
     };
   }
 
+  exports.animationRef = animationRef;
   exports.components = components;
   exports.confirm = confirm;
   exports.getSvgIcon = getSvgIcon;
@@ -1049,6 +1333,7 @@
   exports.onResize = onResize;
   exports.onTimeout = onTimeout;
   exports.openDialog = openDialog;
+  exports.scopeDialog = scopeDialog;
   exports.scopeRef = scopeRef;
   exports.toast = toast;
   exports.triggerAppCreated = triggerAppCreated;