snail.vue 2.0.4 → 2.0.6

package/dist/snail.vue.umd.js

@@ -20,17 +20,13 @@
     setup(__props) {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-button", [_ctx.size, _ctx.type]]),
-          title: _ctx.title
-        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = vue.createTextVNode("按钮"))])], 10, _hoisted_1$h);
+          class: vue.normalizeClass(["snail-button", [__props.size, __props.type]]),
+          title: __props.title
+        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = vue.createTextVNode("按钮", -1))])], 10, _hoisted_1$h);
       };
     }
   });
 
-  var addLink = href => setTimeout(snail_view.link.register, 0, href);
-
-  addLink("/styles/snail.vue.vue.css");
-
   function getSvgDraw(iconType, draw) {
     switch (iconType) {
       case "success":
@@ -93,20 +89,20 @@
       const isMouseEnterRef = vue.shallowRef(false);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("svg", {
-          class: vue.normalizeClass(["snail-icon", _ctx.type]),
+          class: vue.normalizeClass(["snail-icon", __props.type]),
           viewBox: "0 0 1024 1024",
-          style: vue.normalizeStyle(_ctx.rotate ? `transform: rotate(${_ctx.rotate}deg);` : ""),
-          width: _ctx.size || 24,
-          height: _ctx.size || 24,
+          style: vue.normalizeStyle(__props.rotate ? `transform: rotate(${__props.rotate}deg);` : ""),
+          width: __props.size || 24,
+          height: __props.size || 24,
           onMouseenter: _cache[0] || (_cache[0] = $event => isMouseEnterRef.value = true),
           onMouseleave: _cache[1] || (_cache[1] = $event => isMouseEnterRef.value = false)
         }, [vue.createElementVNode("title", {
-          textContent: vue.toDisplayString(_ctx.title || "")
-        }, null, 8, _hoisted_2$a), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSvgDraw)(_ctx.type, _ctx.draw), draw => {
+          textContent: vue.toDisplayString(__props.title || "")
+        }, null, 8, _hoisted_2$a), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(vue.unref(getSvgDraw)(__props.type, __props.draw), draw => {
           return vue.openBlock(), vue.createElementBlock("path", {
-            fill: isMouseEnterRef.value ? _ctx.hoverColor || _ctx.color : _ctx.color,
-            stroke: _ctx.stroke,
-            "stroke-width": _ctx.strokeWidth,
+            fill: isMouseEnterRef.value ? __props.hoverColor || __props.color : __props.color,
+            stroke: __props.stroke,
+            "stroke-width": __props.strokeWidth,
             d: draw
           }, null, 8, _hoisted_3$7);
         }), 256))], 46, _hoisted_1$g);
@@ -178,12 +174,12 @@
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-choose", [vue.unref(type), vue.unref(mode), vue.unref(layout), _ctx.readonly ? "readonly" : ""]])
+          class: vue.normalizeClass(["snail-choose", [vue.unref(type), vue.unref(mode), vue.unref(layout), __props.readonly ? "readonly" : ""]])
         }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(chooseItemsRef.value, (node, index) => {
           return vue.openBlock(), vue.createElementBlock("div", {
             key: vue.unref(getKey)(node.item),
             class: vue.normalizeClass(["choose-item", node.selected ? "selected" : ""]),
-            style: vue.normalizeStyle(vue.unref(snail_view.css).buildStyle(_ctx.itemStyle)),
+            style: vue.normalizeStyle(vue.unref(snail_view.css).buildStyle(__props.itemStyle)),
             title: node.item.text,
             onClick: $event => onItemClick(node)
           }, [vue.unref(mode) == "native" ? (vue.openBlock(), vue.createElementBlock("input", {
@@ -197,7 +193,7 @@
             key: 0,
             type: "success",
             size: 12,
-            color: _ctx.readonly ? "#8a9099" : "white"
+            color: __props.readonly ? "#8a9099" : "white"
           }, null, 8, ["color"])) : vue.createCommentVNode("", true)], 2)) : vue.createCommentVNode("", true), node.item.text ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 2,
             class: "item-text",
@@ -212,6 +208,10 @@
     }
   });
 
+  var addLink = href => setTimeout(snail_view.link.register, 0, href);
+
+  addLink("/styles/snail.vue.vue.css");
+
   const _hoisted_1$e = ["id"];
   var _sfc_main$r = vue.defineComponent({
     __name: "datepicker",
@@ -398,20 +398,20 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("footer", {
           class: vue.normalizeClass(["snail-footer", {
-            "start-divider": _ctx.divider
-          }, _ctx.align || "right"])
-        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_ctx.cancelDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+            "start-divider": __props.divider
+          }, __props.align || "right"])
+        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
           key: 0,
           size: "max",
           type: "default",
           onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
-          textContent: vue.toDisplayString(_ctx.cancelName || "取消")
-        }, null, 8, ["textContent"])) : vue.createCommentVNode("", true), _ctx.confirmDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
+          textContent: vue.toDisplayString(__props.cancelName || "取消")
+        }, null, 8, ["textContent"])) : vue.createCommentVNode("", true), __props.confirmDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$u, {
           key: 1,
           size: "max",
           type: "primary",
           onClick: _cache[1] || (_cache[1] = $event => emits("confirm")),
-          textContent: vue.toDisplayString(_ctx.confirmName || "确定")
+          textContent: vue.toDisplayString(__props.confirmName || "确定")
         }, null, 8, ["textContent"])) : vue.createCommentVNode("", true)])], 2);
       };
     }
@@ -450,18 +450,18 @@
       const emits = __emit;
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("header", {
-          class: vue.normalizeClass(["snail-header", _ctx.useTo, {
-            "start-divider": _ctx.divider
+          class: vue.normalizeClass(["snail-header", __props.useTo, {
+            "start-divider": __props.divider
           }])
-        }, [_ctx.title != "" ? (vue.openBlock(), vue.createElementBlock("div", {
+        }, [__props.title != "" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          textContent: vue.toDisplayString(_ctx.title),
-          class: vue.normalizeClass(["header-title", _ctx.titleAlign])
-        }, null, 10, _hoisted_1$d)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), _ctx.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+          textContent: vue.toDisplayString(__props.title),
+          class: vue.normalizeClass(["header-title", __props.titleAlign])
+        }, null, 10, _hoisted_1$d)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
           key: 1,
           type: "close",
           size: 22,
-          color: _ctx.useTo == "page" ? "#2e3033" : "#464953",
+          color: __props.useTo == "page" ? "#2e3033" : "#464953",
           class: "close-icon",
           onClick: _cache[0] || (_cache[0] = $event => emits("close"))
         }, null, 8, ["color"])) : vue.createCommentVNode("", true)], 2);
@@ -469,9 +469,94 @@
     }
   });
 
-  const _hoisted_1$c = ["placeholder", "readonly"];
-  const searchIon = "M 860.16 824.32 l -163.84 -163.84 c 102.4 -120.32 97.28 -302.08 -17.92 -414.72 c -120.32 -120.32 -314.88 -120.32 -435.2 0 c -120.32 120.32 -120.32 314.88 0 435.2 c 112.64 112.64 294.4 120.32 414.72 17.92 l 163.84 163.84 c 10.24 10.24 25.6 10.24 35.84 0 c 12.8 -12.8 12.8 -28.16 2.56 -38.4 Z M 281.6 642.56 C 181.76 542.72 181.76 381.44 281.6 281.6 c 99.84 -99.84 261.12 -99.84 360.96 0 c 99.84 99.84 99.84 261.12 0 360.96 c -99.84 102.4 -261.12 102.4 -360.96 0 Z";
+  const _hoisted_1$c = ["textContent"];
+  const _hoisted_2$8 = {
+    key: 0,
+    class: "required",
+    textContent: "*"
+  };
+  const _hoisted_3$5 = {
+    class: "input-body"
+  };
+  const _hoisted_4$3 = ["type", "value", "readonly", "placeholder", "title"];
+  const _hoisted_5$1 = ["title"];
   var _sfc_main$o = vue.defineComponent({
+    ...{
+      name: "Input",
+      inheritAttrs: true
+    },
+    __name: "input",
+    props: vue.mergeModels({
+      readonly: {
+        type: Boolean
+      },
+      placeholder: {},
+      title: {},
+      type: {},
+      required: {
+        type: Boolean
+      },
+      titleStyle: {}
+    }, {
+      "modelValue": {
+        default: ""
+      },
+      "modelModifiers": {}
+    }),
+    emits: vue.mergeModels(["click", "change"], ["update:modelValue"]),
+    setup(__props, _ref) {
+      let {
+        emit: __emit
+      } = _ref;
+      const props = __props;
+      const emits = __emit;
+      const inputDom = vue.useTemplateRef("input-el");
+      const inputModel = vue.useModel(__props, "modelValue");
+      const validateRef = vue.shallowRef();
+      const titleStyleRef = vue.computed(() => snail_view.css.buildStyle(props.titleStyle));
+      function onValueChange() {
+        const text = inputDom.value.value || "";
+        inputModel.value = text;
+        vue.nextTick(() => emits("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(titleStyleRef.value)
+        }, [vue.createElementVNode("span", {
+          class: "text",
+          textContent: vue.toDisplayString(__props.title)
+        }, null, 8, _hoisted_1$c), __props.readonly != true && __props.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$8)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$5, [vue.createElementVNode("input", {
+          ref: "input-el",
+          type: __props.type || "text",
+          value: inputModel.value,
+          readonly: __props.readonly == true,
+          placeholder: __props.placeholder,
+          title: inputModel.value,
+          onChange: onValueChange,
+          onClick: _cache[0] || (_cache[0] = $event => emits("click"))
+        }, null, 40, _hoisted_4$3), !!validateRef.value ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: "validate",
+          title: validateRef.value
+        }, [vue.createVNode(_sfc_main$t, {
+          type: "error",
+          size: 16,
+          color: "red"
+        })], 8, _hoisted_5$1)) : vue.createCommentVNode("", true)])], 2);
+      };
+    }
+  });
+
+  const _hoisted_1$b = ["placeholder", "readonly"];
+  const searchIon = "M 860.16 824.32 l -163.84 -163.84 c 102.4 -120.32 97.28 -302.08 -17.92 -414.72 c -120.32 -120.32 -314.88 -120.32 -435.2 0 c -120.32 120.32 -120.32 314.88 0 435.2 c 112.64 112.64 294.4 120.32 414.72 17.92 l 163.84 163.84 c 10.24 10.24 25.6 10.24 35.84 0 c 12.8 -12.8 12.8 -28.16 2.56 -38.4 Z M 281.6 642.56 C 181.76 542.72 181.76 381.44 281.6 281.6 c 99.84 -99.84 261.12 -99.84 360.96 0 c 99.84 99.84 99.84 261.12 0 360.96 c -99.84 102.4 -261.12 102.4 -360.96 0 Z";
+  var _sfc_main$n = vue.defineComponent({
     ...{
       name: "Search",
       inheritAttrs: true
@@ -509,14 +594,14 @@
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-search", _ctx.readonly ? "readonly" : ""])
+          class: vue.normalizeClass(["snail-search", __props.readonly ? "readonly" : ""])
         }, [vue.withDirectives(vue.createElementVNode("input", {
           type: "search",
-          placeholder: _ctx.placeholder,
-          readonly: _ctx.readonly,
+          placeholder: __props.placeholder,
+          readonly: __props.readonly,
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => textModel.value = $event),
           onKeyup: _cache[1] || (_cache[1] = $event => onSearch($event))
-        }, null, 40, _hoisted_1$c), [[vue.vModelText, textModel.value, void 0, {
+        }, null, 40, _hoisted_1$b), [[vue.vModelText, textModel.value, void 0, {
           trim: true
         }]]), vue.createElementVNode("div", null, [vue.createVNode(_sfc_main$t, {
           class: "search-button",
@@ -739,11 +824,11 @@
     }
   }
 
-  const _hoisted_1$b = {
+  const _hoisted_1$a = {
     class: "snail-confirm flex-column"
   };
-  const _hoisted_2$8 = ["innerHTML"];
-  var _sfc_main$n = vue.defineComponent({
+  const _hoisted_2$7 = ["innerHTML"];
+  var _sfc_main$m = vue.defineComponent({
     ...{
       name: "ConfirmContainer",
       inheritAttrs: true
@@ -770,27 +855,27 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.createVNode(_sfc_main$p, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [vue.createVNode(_sfc_main$p, {
           "use-to": "dialog",
-          title: _ctx.title || "提示",
-          onClose: _cache[0] || (_cache[0] = $event => _ctx.closePopup(false))
+          title: __props.title || "提示",
+          onClose: _cache[0] || (_cache[0] = $event => __props.closePopup(false))
         }, null, 8, ["title"]), vue.createElementVNode("div", {
           class: "confirm-body",
-          innerHTML: _ctx.message || "请确认？"
-        }, null, 8, _hoisted_2$8), vue.createVNode(_sfc_main$q, {
+          innerHTML: __props.message || "请确认？"
+        }, null, 8, _hoisted_2$7), vue.createVNode(_sfc_main$q, {
           align: "right",
-          "cancel-name": _ctx.cancelName,
-          "cancel-disabled": _ctx.cancelDisabled,
-          "confirm-name": _ctx.confirmName,
-          "confirm-disabled": _ctx.confirmDisabled,
-          onCancel: _cache[1] || (_cache[1] = $event => _ctx.closePopup(false)),
-          onConfirm: _cache[2] || (_cache[2] = $event => _ctx.closePopup(true))
+          "cancel-name": __props.cancelName,
+          "cancel-disabled": __props.cancelDisabled,
+          "confirm-name": __props.confirmName,
+          "confirm-disabled": __props.confirmDisabled,
+          onCancel: _cache[1] || (_cache[1] = $event => __props.closePopup(false)),
+          onConfirm: _cache[2] || (_cache[2] = $event => __props.closePopup(true))
         }, null, 8, ["cancel-name", "cancel-disabled", "confirm-name", "confirm-disabled"])]);
       };
     }
   });
 
-  var _sfc_main$m = vue.defineComponent({
+  var _sfc_main$l = vue.defineComponent({
     ...{
       name: "Loading",
       inheritAttrs: true
@@ -815,13 +900,13 @@
     setup(__props) {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(vue.Transition, {
-          name: _ctx.transition
+          name: __props.transition
         }, {
-          default: vue.withCtx(() => [_ctx.show ? (vue.openBlock(), vue.createElementBlock("div", {
+          default: vue.withCtx(() => [__props.show ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             class: vue.normalizeClass(["snail-loading", {
-              "show-mask": _ctx.maskDisabled != true
-            }, _ctx.rootClass])
+              "show-mask": __props.maskDisabled != true
+            }, __props.rootClass])
           }, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(_ctx.$attrs)))], 2)) : vue.createCommentVNode("", true)]),
           _: 3
         }, 8, ["name"]);
@@ -866,7 +951,7 @@
     return Object.freeze(manager);
   }
 
-  var _sfc_main$l = vue.defineComponent({
+  var _sfc_main$k = vue.defineComponent({
     ...{
       name: "Dynamic",
       inheritAttrs: false
@@ -928,7 +1013,7 @@
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(dynamicComponentRef.value), vue.mergeProps({
           ref_key: "componentRef",
           ref: componentRef
-        }, _ctx.props, _ctx.$attrs), vue.createSlots({
+        }, __props.props, _ctx.$attrs), vue.createSlots({
           _: 2
         }, [vue.renderList(_ctx.$slots, (_, name) => {
           return {
@@ -938,7 +1023,7 @@
         })]), 1040)), dynamicErrorRef.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(dynamicErrorRef.value), 1)], 16)) : dynamicComponentRef.value == void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$m, {
+        }, _ctx.$attrs), [_cache[0] || (_cache[0] = vue.createTextVNode(" load component error：", -1)), vue.createElementVNode("span", null, vue.toDisplayString(dynamicErrorRef.value), 1)], 16)) : dynamicComponentRef.value == void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$l, {
           key: 1,
           show: true,
           "mask-disabled": true
@@ -947,7 +1032,7 @@
     }
   });
 
-  var _sfc_main$k = vue.defineComponent({
+  var _sfc_main$j = vue.defineComponent({
     ...{
       name: "DialogContainer",
       inheritAttrs: true
@@ -985,18 +1070,18 @@
       });
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-dialog", _ctx.options.rootClass, _ctx.popupStatus.value, _ctx.popupTransition.value]),
+          class: vue.normalizeClass(["snail-dialog", __props.options.rootClass, __props.popupStatus.value, __props.popupTransition.value]),
           style: vue.normalizeStyle({
-            "z-index": _ctx.zIndex
+            "z-index": __props.zIndex
           }),
           onClick: _cache[1] || (_cache[1] = vue.withModifiers($event => {
-            _ctx.options.closeOnMask && vue.unref(closePopup)();
+            __props.options.closeOnMask && vue.unref(closePopup)();
           }, ["self"]))
-        }, [vue.createVNode(_sfc_main$l, vue.mergeProps({
+        }, [vue.createVNode(_sfc_main$k, vue.mergeProps({
           class: "dialog-body",
-          name: _ctx.options.name,
-          component: _ctx.options.component,
-          url: _ctx.options.url,
+          name: __props.options.name,
+          component: __props.options.component,
+          url: __props.options.url,
           props: vue.unref(props)
         }, vue.unref(dialogExtend), {
           modelValue: vue.unref(model),
@@ -1006,7 +1091,7 @@
     }
   });
 
-  var _sfc_main$j = vue.defineComponent({
+  var _sfc_main$i = vue.defineComponent({
     ...{
       name: "FollowContainer",
       inheritAttrs: true
@@ -1119,14 +1204,14 @@
         });
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$l, vue.mergeProps({
-          class: ["snail-follow initial", [_ctx.popupStatus.value, _ctx.popupTransition.value]],
+        return vue.openBlock(), vue.createBlock(_sfc_main$k, vue.mergeProps({
+          class: ["snail-follow initial", [__props.popupStatus.value, __props.popupTransition.value]],
           style: {
-            "z-index": _ctx.zIndex
+            "z-index": __props.zIndex
           },
-          name: _ctx.options.name,
-          component: _ctx.options.component,
-          url: _ctx.options.url,
+          name: __props.options.name,
+          component: __props.options.component,
+          url: __props.options.url,
           props: vue.unref(props)
         }, vue.unref(followExt), {
           modelValue: vue.unref(model),
@@ -1136,7 +1221,7 @@
     }
   });
 
-  var _sfc_main$i = vue.defineComponent({
+  var _sfc_main$h = vue.defineComponent({
     ...{
       name: "PopupContainer",
       inheritAttrs: true
@@ -1156,16 +1241,16 @@
         model = vue.shallowRef(void 0)
       } = __props.options;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$l, vue.mergeProps({
-          class: ["snail-popup", [_ctx.popupStatus.value, _ctx.popupTransition.value]],
+        return vue.openBlock(), vue.createBlock(_sfc_main$k, vue.mergeProps({
+          class: ["snail-popup", [__props.popupStatus.value, __props.popupTransition.value]],
           style: {
-            "z-index": _ctx.zIndex
+            "z-index": __props.zIndex
           },
-          name: _ctx.options.name,
-          component: _ctx.options.component,
-          url: _ctx.options.url,
+          name: __props.options.name,
+          component: __props.options.component,
+          url: __props.options.url,
           props: vue.unref(props)
-        }, _ctx.extOptions, {
+        }, __props.extOptions, {
           modelValue: vue.unref(model),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => vue.isRef(model) ? model.value = $event : null)
         }), null, 16, ["class", "style", "name", "component", "url", "props", "modelValue"]);
@@ -1173,12 +1258,12 @@
     }
   });
 
-  const _hoisted_1$a = {
+  const _hoisted_1$9 = {
     key: 0,
     class: "icon"
   };
-  const _hoisted_2$7 = ["innerHTML"];
-  var _sfc_main$h = vue.defineComponent({
+  const _hoisted_2$6 = ["innerHTML"];
+  var _sfc_main$g = vue.defineComponent({
     ...{
       name: "ToastContainer",
       inheritAttrs: true
@@ -1209,9 +1294,9 @@
       vue.onMounted(() => onMouseEvent(true));
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-toast", [_ctx.popupStatus.value, _ctx.popupTransition.value]]),
+          class: vue.normalizeClass(["snail-toast", [__props.popupStatus.value, __props.popupTransition.value]]),
           style: vue.normalizeStyle({
-            "z-index": _ctx.zIndex
+            "z-index": __props.zIndex
           }),
           onMouseenter: _cache[3] || (_cache[3] = $event => onMouseEvent(false)),
           onMouseleave: _cache[4] || (_cache[4] = $event => onMouseEvent(true))
@@ -1225,21 +1310,21 @@
           onClick: _cache[2] || (_cache[2] = $event => {
             vue.unref(closePopup)();
           })
-        }, null, 8, ["fill"]), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [vue.createVNode(_sfc_main$t, {
+        }, null, 8, ["fill"]), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [vue.createVNode(_sfc_main$t, {
           type: vue.unref(props).type,
           fill: "#707070",
           size: 20
         }, null, 8, ["type"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
           class: "message",
           innerHTML: vue.unref(props).message
-        }, null, 8, _hoisted_2$7)], 38);
+        }, null, 8, _hoisted_2$6)], 38);
       };
     }
   });
 
   function usePopup() {
     function popup(options) {
-      const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$i, options);
+      const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$h, options);
       return addScope2Scopes(scope);
     }
     function dialog(options) {
@@ -1272,7 +1357,7 @@
           },
           onBeforeClose: fn => hook.register("onBeforeClose", fn)
         });
-        const descriptor = openPopup(_sfc_main$k, options, extOptions);
+        const descriptor = openPopup(_sfc_main$j, options, extOptions);
         scope = snail_core.useAsyncScope(deferred.promise);
         monitorDialog(descriptor, scope, deferred);
       }
@@ -1290,14 +1375,14 @@
           inPopup: "follow",
           target
         };
-        scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$j, options, extOptions);
+        scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$i, options, extOptions);
       }
       return addScope2Scopes(scope);
     }
     function confirm(title, message, options) {
       options = options || Object.create(null);
       return dialog({
-        component: _sfc_main$n,
+        component: _sfc_main$m,
         closeOnEscape: true,
         props: {
           ...options,
@@ -1307,7 +1392,7 @@
       });
     }
     function toast(type, message, options) {
-      return popupInCustomContainer(_sfc_main$h, {
+      return popupInCustomContainer(_sfc_main$g, {
         url: "#ToastContainer",
         props: {
           ...(options || Object.create(null)),
@@ -1340,7 +1425,7 @@
         },
         ...extOptions
       });
-      const descriptor = openPopup(container || _sfc_main$i, options, extOptions);
+      const descriptor = openPopup(container || _sfc_main$h, options, extOptions);
       const scope = snail_core.useAsyncScope(deferred.promise);
       scope.onDestroy(() => destroyPopup(descriptor, deferred));
       return scope;
@@ -1478,12 +1563,12 @@
     return "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoyREREODhFQ0M5M0UxMUU5ODlFREVENzc4Njk0RjQ2MiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoyREREODhFREM5M0UxMUU5ODlFREVENzc4Njk0RjQ2MiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJEREQ4OEVBQzkzRTExRTk4OUVERUQ3Nzg2OTRGNDYyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjJEREQ4OEVCQzkzRTExRTk4OUVERUQ3Nzg2OTRGNDYyIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8++keGxAAAA5lJREFUeNrsmktoE0EYx3eSTdpsk2abvnwcFBVp8QFqVPDgQaGgIogIoictelKKVhARBA8q+KAVrFqooh4qXgRfiHpTEHqw9iCKXqQHSVstpqlt0yabrP9p52K1yW72GTMf/JhZMrM7/3l+37REVVWhlMwjlJhxwVwwF8wFc8FcMBfsnIlGKg98TxRa9RbYAFYXUnl+XbjoRpiKXVXMU9qns3xK76CC/YC4QfA1MAg26aiTZGlQQ9la8AZ0g3VuENwLqsArsFVnXW+e30PgKVgGnoA+Nwi+Cw6DAHgGdmqoMwJoXJrJUcYPHoGN4C3Yl6e8rWv4Nmhma/kh2J6n/HW2JsdylLkKtoAPYAeYcPxYmmX32AjcAVHwPEfZFxreR2fAJ9Z5CbMaSYzceMxxDtN198vKo8Vt57ClYh0d4f/OtTTgOjpquaa8WEhldISM5DRYWYCXZdTS4DVoR9tSegdI9y6Nl1KBL5k/7JRto99HW/ZAtGralJ7DTtCPEUKUmqqKPlH0rtXgMZk2utms2jk0PEqPqt3gEOiybJdGjy5BcobmI7LUC7HrbRQ7HaR4PORoOBRoY+f0RbSp3spjqQNIPtEb8/vEqFMnixTwH0T6gPnwbZYIRk/uZWtHqApLQzaP7GyL1kSCPUinqIuKtjWZKhgvpFt1O82X+cXPXq9njdNHD2ZZC/aRTvZ4A20sN3OEz7IgXJDDkls8laV11aEBpHGaB62mCEbPNSA5QvNYO+88hDS6xcHABtbq9XiusMdTYJ4ZI3yBORdKZTBQ6zKnqq62OiQh7WdByzmjgqlzsWs6BAqW9xAiLHJdMECEY36f9zJ7pLt3oxHH4/j0O4kwWREoW8BuKvSYxG4utFoWjOoVHZErlg/+GP2I7ApwkgnXHy1h/VLntNJA76sROfgFI9CgoXh8OD72OJ3OHDA46Am4m3KhU7rSyJfRl2QiOaXVE3oPsU0mzPKw3RcAf5iiZEPaOkf9KsxcyVq7s1vu7SsZEQ5/LO81ydhk3I5Q05Y/tcQTExKLY/+9U2XV++PJVLMtZ7cdH0mlFfnnyPgIpm3s758y3Qj3NiNfY8sxlmeXNt2NhC/ej0grllXVdHIyVY/RbTD7G9iliZkXAIZsKqUspjjmjgolZlwwF1xigr8VoaYBI4I7ilBwl5Hw8JIwcx3aAha6XCj9t4ub4HzBjgfftLhgLpgL5oK5YC6YC+aCuWDt9luAAQC2EPxjL8cUkwAAAABJRU5ErkJggg==";
   }
 
-  const _hoisted_1$9 = {
+  const _hoisted_1$8 = {
     class: "snail-empty"
   };
-  const _hoisted_2$6 = ["src"];
-  const _hoisted_3$5 = ["textContent"];
-  var _sfc_main$g = vue.defineComponent({
+  const _hoisted_2$5 = ["src"];
+  const _hoisted_3$4 = ["textContent"];
+  var _sfc_main$f = vue.defineComponent({
     ...{
       name: "Empty",
       inheritAttrs: true
@@ -1496,23 +1581,23 @@
     setup(__props) {
       const defaultImageBase64 = getNoDataBase64Image();
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [vue.createElementVNode("img", {
-          src: _ctx.imageUrl || vue.unref(defaultImageBase64)
-        }, null, 8, _hoisted_2$6), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [vue.createElementVNode("img", {
+          src: __props.imageUrl || vue.unref(defaultImageBase64)
+        }, null, 8, _hoisted_2$5), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
           class: "message",
-          textContent: vue.toDisplayString(_ctx.message || "无数据")
-        }, null, 8, _hoisted_3$5)])]);
+          textContent: vue.toDisplayString(__props.message || "无数据")
+        }, null, 8, _hoisted_3$4)])]);
       };
     }
   });
 
-  const _hoisted_1$8 = ["title"];
-  const _hoisted_2$5 = ["textContent"];
-  const _hoisted_3$4 = {
+  const _hoisted_1$7 = ["title"];
+  const _hoisted_2$4 = ["textContent"];
+  const _hoisted_3$3 = {
     key: 1,
     class: "select-status"
   };
-  var _sfc_main$f = vue.defineComponent({
+  var _sfc_main$e = vue.defineComponent({
     ...{
       name: "SelectNode",
       inheritAttrs: true
@@ -1550,39 +1635,39 @@
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [showRef.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["select-node", classRef.value]),
-          title: _ctx.item.text,
+          title: __props.item.text,
           ref: "select-node",
-          onMouseenter: _cache[0] || (_cache[0] = $event => emits("enter", rootDom.value, _ctx.item)),
-          onClick: _cache[1] || (_cache[1] = () => emits("click", _ctx.item))
+          onMouseenter: _cache[0] || (_cache[0] = $event => emits("enter", rootDom.value, __props.item)),
+          onClick: _cache[1] || (_cache[1] = () => emits("click", __props.item))
         }, [vue.createElementVNode("div", {
           class: "item-text ellipsis",
-          textContent: vue.toDisplayString(_ctx.item.text)
-        }, null, 8, _hoisted_2$5), _ctx.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+          textContent: vue.toDisplayString(__props.item.text)
+        }, null, 8, _hoisted_2$4), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
           key: 0,
           type: "arrow",
           color: "#8a9099"
-        })) : _ctx.multiple == true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [vue.createVNode(_sfc_main$t, {
+        })) : __props.multiple == true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [vue.createVNode(_sfc_main$t, {
           type: "success",
           color: "white",
           size: 12
-        })])) : vue.createCommentVNode("", true)], 42, _hoisted_1$8)) : vue.createCommentVNode("", true), showRef.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+        })])) : vue.createCommentVNode("", true)], 42, _hoisted_1$7)) : vue.createCommentVNode("", true), showRef.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, vue.renderList(vue.unref(showChildrenRef), child => {
           return vue.openBlock(), vue.createBlock(_component_SelectNode, {
-            key: _ctx.context.getKey(child),
-            multiple: _ctx.multiple,
+            key: __props.context.getKey(child),
+            multiple: __props.multiple,
             item: child,
-            context: _ctx.context,
+            context: __props.context,
             "show-children": false,
-            onEnter: el => emits("enter", el, child, _ctx.item),
-            onClick: $event => emits("click", child, _ctx.item)
+            onEnter: el => emits("enter", el, child, __props.item),
+            onClick: $event => emits("click", child, __props.item)
           }, null, 8, ["multiple", "item", "context", "onEnter", "onClick"]);
         }), 128)) : vue.createCommentVNode("", true)], 64);
       };
     }
   });
 
-  var _sfc_main$e = vue.defineComponent({
+  var _sfc_main$d = vue.defineComponent({
     ...{
       name: "Select2Popup",
       inheritAttrs: true
@@ -1747,29 +1832,29 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-select-popup", classRef.value]),
-          style: vue.normalizeStyle(_ctx.popupStyle),
+          style: vue.normalizeStyle(__props.popupStyle),
           onMouseenter: onEnterPopup,
           onMouseleave: onLeavePopup
         }, [classRef.value["child-popup"] && classRef.value["placeholder"] ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
         }, [vue.createTextVNode(" 暂无选项 ")], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
-        }, [_ctx.search ? (vue.openBlock(), vue.createBlock(_sfc_main$o, vue.mergeProps({
+        }, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$n, vue.mergeProps({
           key: 0
-        }, _ctx.search, {
+        }, __props.search, {
           onSearch,
           key: "select-search"
         }), null, 16)) : vue.createCommentVNode("", true), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itemsRef.value, item => {
-          return vue.openBlock(), vue.createBlock(_sfc_main$f, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$e, {
             key: vue.unref(context).getKey(item),
-            multiple: _ctx.multiple,
+            multiple: __props.multiple,
             item,
             context: vue.unref(context),
             "show-children": true,
             onEnter: onEnterSelectNode,
             onClick: onClickSelectNode
           }, null, 8, ["multiple", "item", "context"]);
-        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$g, {
+        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$f, {
           key: 1,
           message: "无结果"
         })) : vue.createCommentVNode("", true), showClearButtonRef.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -1781,20 +1866,20 @@
     }
   });
 
-  const _hoisted_1$7 = {
+  const _hoisted_1$6 = {
     key: 0,
     class: "select-result"
   };
-  const _hoisted_2$4 = ["title", "textContent"];
-  const _hoisted_3$3 = ["textContent"];
-  const _hoisted_4$3 = {
+  const _hoisted_2$3 = ["title", "textContent"];
+  const _hoisted_3$2 = ["textContent"];
+  const _hoisted_4$2 = {
     key: 1,
     class: "placeholder"
   };
   onAppCreated((app, type) => {
-    type == "popup" && app.component("SelectPopup", _sfc_main$e);
+    type == "popup" && app.component("SelectPopup", _sfc_main$d);
   });
-  var _sfc_main$d = vue.defineComponent({
+  var _sfc_main$c = vue.defineComponent({
     ...{
       name: "Select",
       inheritAttrs: true
@@ -1919,22 +2004,22 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-select", {
-            "readonly": _ctx.readonly,
-            "empty": !(_ctx.items && _ctx.items.length)
+            "readonly": __props.readonly,
+            "empty": !(__props.items && __props.items.length)
           }]),
           onClick: _cache[0] || (_cache[0] = $event => onClick()),
           ref: "select"
-        }, [_ctx.items && _ctx.items.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        }, [__props.items && __props.items.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
-        }, [selectedItemsRef.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))), () => [vue.createElementVNode("div", {
+        }, [selectedItemsRef.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))), () => [vue.createElementVNode("div", {
           class: "select-text ellipsis",
           title: selectedTextRef.value,
           textContent: vue.toDisplayString(selectedTextRef.value)
-        }, null, 8, _hoisted_2$4)])])) : (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_2$3)])])) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: "placeholder",
-          textContent: vue.toDisplayString(_ctx.readonly ? "" : _ctx.placeholder || "请选择")
-        }, null, 8, _hoisted_3$3)), _ctx.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+          textContent: vue.toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
+        }, null, 8, _hoisted_3$2)), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
           key: 2,
           type: "arrow",
           size: 24,
@@ -1942,12 +2027,12 @@
           style: {
             "transform": "rotate(90deg)"
           }
-        })) : vue.createCommentVNode("", true)], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, "暂无可选项"))], 2);
+        })) : vue.createCommentVNode("", true)], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, "暂无可选项"))], 2);
       };
     }
   });
 
-  var _sfc_main$c = vue.defineComponent({
+  var _sfc_main$b = vue.defineComponent({
     ...{
       name: "Switch",
       inheritAttrs: true
@@ -1983,33 +2068,33 @@
       }
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", _ctx.readonly ? "readonly" : ""]]),
+          class: vue.normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", __props.readonly ? "readonly" : ""]]),
           onClick: onSwitchChange
-        }, _cache[0] || (_cache[0] = [vue.createElementVNode("div", {
+        }, [...(_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);
+        }, null, -1)]))], 2);
       };
     }
   });
 
-  const _hoisted_1$6 = {
+  const _hoisted_1$5 = {
     class: "fold-header"
   };
-  const _hoisted_2$3 = ["textContent"];
-  const _hoisted_3$2 = ["textContent"];
-  const _hoisted_4$2 = {
+  const _hoisted_2$2 = ["textContent"];
+  const _hoisted_3$1 = ["textContent"];
+  const _hoisted_4$1 = {
     key: 1,
     class: "status"
   };
-  const _hoisted_5$1 = {
+  const _hoisted_5 = {
     class: "fold-body",
     ref: "foldBody"
   };
-  var _sfc_main$b = vue.defineComponent({
+  var _sfc_main$a = vue.defineComponent({
     ...{
       name: "Fold",
       inheritAttrs: true
@@ -2079,23 +2164,23 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-fold", statusModel.value])
-        }, [vue.createElementVNode("div", _hoisted_1$6, [vue.renderSlot(_ctx.$slots, "header", {}, () => [vue.createElementVNode("div", {
+        }, [vue.createElementVNode("div", _hoisted_1$5, [vue.renderSlot(_ctx.$slots, "header", {}, () => [vue.createElementVNode("div", {
           class: "title ellipsis",
-          textContent: vue.toDisplayString(_ctx.title)
-        }, null, 8, _hoisted_2$3), !!_ctx.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
+          textContent: vue.toDisplayString(__props.title)
+        }, null, 8, _hoisted_2$2), !!__props.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "subtitle ellipsis",
-          textContent: vue.toDisplayString(_ctx.subtitle)
-        }, null, 8, _hoisted_3$2)) : vue.createCommentVNode("", true), _ctx.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$2, [vue.createVNode(_sfc_main$t, {
+          textContent: vue.toDisplayString(__props.subtitle)
+        }, null, 8, _hoisted_3$1)) : vue.createCommentVNode("", true), __props.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [vue.createVNode(_sfc_main$t, {
           type: "arrow",
           title: statusModel.value == "expand" ? "收起" : "展开",
           onClick: onStatusClick
-        }, null, 8, ["title"])])) : vue.createCommentVNode("", true)])]), vue.createElementVNode("div", _hoisted_5$1, [vue.renderSlot(_ctx.$slots, "default")], 512)], 2);
+        }, null, 8, ["title"])])) : vue.createCommentVNode("", true)])]), vue.createElementVNode("div", _hoisted_5, [vue.renderSlot(_ctx.$slots, "default")], 512)], 2);
       };
     }
   });
 
-  var _sfc_main$a = vue.defineComponent({
+  var _sfc_main$9 = vue.defineComponent({
     ...{
       name: "Scroll",
       inheritAttrs: true
@@ -2212,15 +2297,15 @@
     }
   });
 
-  const _hoisted_1$5 = {
+  const _hoisted_1$4 = {
     key: 0,
     class: "layout-start"
   };
-  const _hoisted_2$2 = {
+  const _hoisted_2$1 = {
     key: 1,
     class: "layout-end"
   };
-  var _sfc_main$9 = vue.defineComponent({
+  var _sfc_main$8 = vue.defineComponent({
     __name: "layout",
     props: {
       mode: {},
@@ -2229,27 +2314,24 @@
     setup(__props) {
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-layout", _ctx.mode])
-        }, [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [vue.renderSlot(_ctx.$slots, "start")])) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$a, vue.mergeProps({
+          class: vue.normalizeClass(["snail-layout", __props.mode])
+        }, [_ctx.$slots.start ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$4, [vue.renderSlot(_ctx.$slots, "start")])) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$9, vue.mergeProps({
           class: "layout-body"
-        }, _ctx.scroll), {
+        }, __props.scroll), {
           default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
           _: 3
-        }, 16), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$2, [vue.renderSlot(_ctx.$slots, "end")])) : vue.createCommentVNode("", true)], 2);
+        }, 16), _ctx.$slots.end ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$1, [vue.renderSlot(_ctx.$slots, "end")])) : vue.createCommentVNode("", true)], 2);
       };
     }
   });
 
-  var _sfc_main$8 = vue.defineComponent({
+  var _sfc_main$7 = vue.defineComponent({
     ...{
       name: "Sort",
       inheritAttrs: true
     },
     __name: "sort",
     props: {
-      disabled: {
-        type: Boolean
-      },
       changer: {},
       draggable: {},
       handle: {},
@@ -2257,9 +2339,15 @@
       ghostClass: {},
       filter: {},
       group: {},
-      animation: {}
+      animation: {},
+      disabled: {
+        type: Boolean
+      },
+      sortDisabled: {
+        type: Boolean
+      }
     },
-    emits: ["update"],
+    emits: ["start", "add", "remove", "end", "update"],
     setup(__props, _ref) {
       let {
         emit: __emit
@@ -2283,8 +2371,16 @@
         }
         if (props.disabled != true && MODULE_Sortable != void 0) {
           sortPanel.classList.add("sortable");
+          const group = {
+            name: void 0,
+            pull: true,
+            put: true
+          };
+          snail_core.isStringNotEmpty(props.group) ? group.name = props.group : snail_core.isObject(props.group) && Object.assign(group, props.group);
+          group.name || (group.name = snail_core.newId());
           sortInstance = new MODULE_Sortable(sortPanel, {
-            group: props.group || snail_core.newId(),
+            group,
+            sort: props.sortDisabled != true,
             draggable: props.draggable,
             dragClass: props.dragClass || "snail-sort-drag",
             ghostClass: props.ghostClass || "snail-sort-ghost",
@@ -2294,9 +2390,11 @@
             animation: props.animation > 0 ? props.animation : 150,
             forceFallback: true,
             fallbackTolerance: 2,
-            onUpdate(evt) {
-              emits("update", evt.oldIndex, evt.newIndex);
-            }
+            onStart: evt => emits("start", evt),
+            onAdd: evt => emits("add", evt),
+            onRemove: evt => emits("remove", evt),
+            onEnd: evt => emits("add", evt),
+            onUpdate: evt => emits("update", evt.oldIndex, evt.newIndex)
           });
         }
       }
@@ -2319,10 +2417,10 @@
     }
   });
 
-  const _hoisted_1$4 = {
+  const _hoisted_1$3 = {
     class: "table-body"
   };
-  var _sfc_main$7 = vue.defineComponent({
+  var _sfc_main$6 = vue.defineComponent({
     ...{
       name: "Table",
       inheritAttrs: true
@@ -2346,17 +2444,17 @@
       const hStyleRef = vue.computed(() => snail_view.css.buildStyle(props.headerStyle));
       const fStyleRef = vue.computed(() => snail_view.css.buildStyle(props.footerStyle));
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$a, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$9, {
           class: vue.normalizeClass(["snail-table", {
-            "start-border": _ctx.border == true
+            "start-border": __props.border == true
           }]),
-          "scroll-x": _ctx.scrollX,
-          "scroll-y": _ctx.scrollY
+          "scroll-x": __props.scrollX,
+          "scroll-y": __props.scrollY
         }, {
           default: vue.withCtx(() => [vue.createElementVNode("div", {
             class: "table-header",
             style: vue.normalizeStyle(hStyleRef.value)
-          }, [vue.renderSlot(_ctx.$slots, "header")], 4), vue.createElementVNode("div", _hoisted_1$4, [vue.renderSlot(_ctx.$slots, "default")]), vue.createElementVNode("div", {
+          }, [vue.renderSlot(_ctx.$slots, "header")], 4), vue.createElementVNode("div", _hoisted_1$3, [vue.renderSlot(_ctx.$slots, "default")]), vue.createElementVNode("div", {
             class: "table-footer",
             style: vue.normalizeStyle(fStyleRef.value)
           }, [vue.renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -2366,7 +2464,7 @@
     }
   });
 
-  var _sfc_main$6 = vue.defineComponent({
+  var _sfc_main$5 = vue.defineComponent({
     ...{
       name: "TableRow",
       inheritAttrs: true
@@ -2389,7 +2487,7 @@
     }
   });
 
-  var _sfc_main$5 = vue.defineComponent({
+  var _sfc_main$4 = vue.defineComponent({
     ...{
       name: "TableCol",
       inheritAttrs: true
@@ -2428,27 +2526,27 @@
       const styleRef = vue.computed(() => snail_view.css.buildStyle(props));
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["table-col", _ctx.textAlign]),
+          class: vue.normalizeClass(["table-col", __props.textAlign]),
           style: vue.normalizeStyle(styleRef.value)
         }, [vue.renderSlot(_ctx.$slots, "default")], 6);
       };
     }
   });
 
-  const _hoisted_1$3 = {
+  const _hoisted_1$2 = {
     key: 0,
     class: "node-fold"
   };
-  const _hoisted_2$1 = ["title", "textContent"];
-  const _hoisted_3$1 = {
+  const _hoisted_2 = ["title", "textContent"];
+  const _hoisted_3 = {
     class: "node-slot ellipsis"
   };
-  const _hoisted_4$1 = {
+  const _hoisted_4 = {
     key: 1,
     class: "snail-tree-children hidden",
     ref: "children"
   };
-  var _sfc_main$4 = vue.defineComponent({
+  var _sfc_main$3 = vue.defineComponent({
     ...{
       name: "TreeNode",
       inheritAttrs: true
@@ -2554,19 +2652,19 @@
         const _component_TreeNode = vue.resolveComponent("TreeNode", true);
         return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [showRef.value ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
-          class: vue.normalizeClass(["snail-tree-node", _ctx.node.clickable ? "clickable" : "", `level-${_ctx.level}`]),
+          class: vue.normalizeClass(["snail-tree-node", __props.node.clickable ? "clickable" : "", `level-${__props.level}`]),
           ref: "tree-node",
           onMouseenter: _cache[0] || (_cache[0] = $event => isHoveredRef.value = true),
           onMouseleave: _cache[1] || (_cache[1] = $event => isHoveredRef.value = false),
-          onClick: _cache[2] || (_cache[2] = $event => onNodeClick(_ctx.node)),
+          onClick: _cache[2] || (_cache[2] = $event => onNodeClick(__props.node)),
           onDblclick: onNodeDoubleClick
-        }, [_ctx.options.rewrite == true ? vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({
+        }, [__props.options.rewrite == true ? vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.mergeProps({
           key: 0
         }, vue.unref(slotOptions)))) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, [_cache[4] || (_cache[4] = vue.createElementVNode("div", {
           class: "indent"
-        }, null, -1)), _ctx.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
+        }, null, -1)), __props.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$t, {
           key: 0,
           class: vue.normalizeClass(statusRef.value),
           type: "custom",
@@ -2576,32 +2674,32 @@
           onClick: toggleFold
         }, null, 8, ["class"])) : vue.createCommentVNode("", true)])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
           class: "node-text ellipsis",
-          title: _ctx.node.text,
-          textContent: vue.toDisplayString(_ctx.node.text)
-        }, null, 8, _hoisted_2$1), vue.createElementVNode("div", _hoisted_3$1, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))))])], 64))], 34)) : vue.createCommentVNode("", true), showRef.value && showChildrenRef.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.node.children, child => {
+          title: __props.node.text,
+          textContent: vue.toDisplayString(__props.node.text)
+        }, null, 8, _hoisted_2), vue.createElementVNode("div", _hoisted_3, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))))])], 64))], 34)) : vue.createCommentVNode("", true), showRef.value && showChildrenRef.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.node.children, child => {
           return vue.openBlock(), vue.createBlock(_component_TreeNode, {
-            key: _ctx.context.getKey(child),
+            key: __props.context.getKey(child),
             node: child,
-            parent: _ctx.node,
+            parent: __props.node,
             level: nextLevel,
-            options: _ctx.options,
-            context: _ctx.context,
+            options: __props.options,
+            context: __props.context,
             onClick: _cache[3] || (_cache[3] = (node, parents) => onChildNodeClick(node, parents))
           }, {
             default: vue.withCtx(slotProps => [vue.renderSlot(_ctx.$slots, "default", vue.mergeProps({
               ref_for: true
             }, slotProps))]),
-            _: 2
-          }, 1032, ["node", "parent", "options", "context"]);
+            _: 3
+          }, 8, ["node", "parent", "options", "context"]);
         }), 128))], 512)) : vue.createCommentVNode("", true)], 64);
       };
     }
   });
 
-  const _hoisted_1$2 = {
+  const _hoisted_1$1 = {
     class: "snail-tree"
   };
-  var _sfc_main$3 = vue.defineComponent({
+  var _sfc_main$2 = vue.defineComponent({
     ...{
       name: "Tree",
       inheritAttrs: true
@@ -2635,28 +2733,28 @@
         emits("click", node, parents);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$2, [_ctx.search ? (vue.openBlock(), vue.createBlock(_sfc_main$o, vue.mergeProps({
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$n, vue.mergeProps({
           key: 0
-        }, _ctx.search, {
+        }, __props.search, {
           onSearch
-        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$a, {
+        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$9, {
           "scroll-y": true
         }, {
-          default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.nodes || [], node => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$4, {
+          default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.nodes || [], node => {
+            return vue.openBlock(), vue.createBlock(_sfc_main$3, {
               key: vue.unref(context).getKey(node),
               node,
               parent: void 0,
               level: 1,
-              options: _ctx.nodeOptions,
+              options: __props.nodeOptions,
               context: vue.unref(context),
               onClick: onTreeNodeClick
             }, {
               default: vue.withCtx(slotProps => [vue.renderSlot(_ctx.$slots, "default", vue.mergeProps({
                 ref_for: true
               }, slotProps))]),
-              _: 2
-            }, 1032, ["node", "options", "context"]);
+              _: 3
+            }, 8, ["node", "options", "context"]);
           }), 128))]),
           _: 3
         })]);
@@ -2664,7 +2762,7 @@
     }
   });
 
-  var _sfc_main$2 = vue.defineComponent({
+  var _sfc_main$1 = vue.defineComponent({
     __name: "wrapper",
     props: {
       readonly: {
@@ -2685,25 +2783,25 @@
       const emits = __emit;
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-wrapper", _ctx.inPopup ? "in-popup" : "in-normal"])
-        }, [_ctx.header && _ctx.header.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$p, vue.mergeProps({
+          class: vue.normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
+        }, [__props.header && __props.header.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$p, vue.mergeProps({
           key: 0
-        }, _ctx.header || {
+        }, __props.header || {
           useTo: "dialog",
           title: "对话框"
         }, {
           onClose: _cache[0] || (_cache[0] = $event => emits("cancel"))
-        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$a, vue.mergeProps({
+        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$9, vue.mergeProps({
           class: "wrapper-body"
-        }, _ctx.content || {
+        }, __props.content || {
           scrollX: false,
           scrollY: false
         }), {
           default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
           _: 3
-        }, 16), _ctx.footer && _ctx.readonly != true && _ctx.footer.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$q, vue.mergeProps({
+        }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$q, vue.mergeProps({
           key: 1
-        }, _ctx.footer || {}, {
+        }, __props.footer || {}, {
           onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
           onConfirm: _cache[2] || (_cache[2] = $event => emits("confirm"))
         }), null, 16)) : vue.createCommentVNode("", true)], 2);
@@ -2715,7 +2813,7 @@
     snail_core.mustObject(options, "options");
     target instanceof HTMLElement || snail_core.throwError("target must be a HTMLElement");
     target.classList.add("snail-app");
-    const app = vue.createApp(_sfc_main$l, options);
+    const app = vue.createApp(_sfc_main$k, options);
     triggerAppCreated(app);
     app.mount(target);
     const scope = snail_core.useScope().onDestroy(() => app.unmount());
@@ -2723,91 +2821,6 @@
     return scope;
   }
 
-  const _hoisted_1$1 = ["textContent"];
-  const _hoisted_2 = {
-    key: 0,
-    class: "required",
-    textContent: "*"
-  };
-  const _hoisted_3 = {
-    class: "input-body"
-  };
-  const _hoisted_4 = ["type", "value", "readonly", "placeholder", "title"];
-  const _hoisted_5 = ["title"];
-  var _sfc_main$1 = vue.defineComponent({
-    ...{
-      name: "Input",
-      inheritAttrs: true
-    },
-    __name: "input",
-    props: vue.mergeModels({
-      readonly: {
-        type: Boolean
-      },
-      placeholder: {},
-      title: {},
-      type: {},
-      required: {
-        type: Boolean
-      },
-      titleStyle: {}
-    }, {
-      "modelValue": {
-        default: ""
-      },
-      "modelModifiers": {}
-    }),
-    emits: vue.mergeModels(["click", "change"], ["update:modelValue"]),
-    setup(__props, _ref) {
-      let {
-        emit: __emit
-      } = _ref;
-      const props = __props;
-      const emits = __emit;
-      const inputDom = vue.useTemplateRef("input-el");
-      const inputModel = vue.useModel(__props, "modelValue");
-      const validateRef = vue.shallowRef();
-      const titleStyleRef = vue.computed(() => snail_view.css.buildStyle(props.titleStyle));
-      function onValueChange() {
-        const text = inputDom.value.value || "";
-        inputModel.value = text;
-        vue.nextTick(() => emits("change", text));
-      }
-      console.warn("Input:还没实现 验证相关逻辑");
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-input", {
-            "readonly": _ctx.readonly
-          }])
-        }, [!!_ctx.title ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: "input-title",
-          style: vue.normalizeStyle(titleStyleRef.value)
-        }, [vue.createElementVNode("span", {
-          class: "text",
-          textContent: vue.toDisplayString(_ctx.title)
-        }, null, 8, _hoisted_1$1), _ctx.readonly != true && _ctx.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3, [vue.createElementVNode("input", {
-          ref: "input-el",
-          type: _ctx.type || "text",
-          value: inputModel.value,
-          readonly: _ctx.readonly == true,
-          placeholder: _ctx.placeholder,
-          title: inputModel.value,
-          onChange: onValueChange,
-          onClick: _cache[0] || (_cache[0] = $event => emits("click"))
-        }, null, 40, _hoisted_4), !!validateRef.value ? (vue.openBlock(), vue.createElementBlock("span", {
-          key: 0,
-          class: "validate",
-          title: validateRef.value
-        }, [vue.createVNode(_sfc_main$t, {
-          type: "error",
-          size: 16,
-          color: "red"
-        })], 8, _hoisted_5)) : vue.createCommentVNode("", true)])], 2);
-      };
-    }
-  });
-
   const _hoisted_1 = ["textContent"];
   var _sfc_main = vue.defineComponent({
     ...{
@@ -2882,7 +2895,7 @@
           })
         }, null, 4), vue.createElementVNode("div", {
           class: "verify-message",
-          textContent: vue.toDisplayString(dragInfoRef.value.status == "success" ? "验证成功" : _ctx.message)
+          textContent: vue.toDisplayString(dragInfoRef.value.status == "success" ? "验证成功" : __props.message)
         }, null, 8, _hoisted_1), vue.createElementVNode("div", {
           class: "drag-handle",
           ref: "dragHandle",
@@ -2916,23 +2929,23 @@
     Footer: _sfc_main$q,
     Header: _sfc_main$p,
     Icon: _sfc_main$t,
-    Search: _sfc_main$o,
-    Select: _sfc_main$d,
-    Switch: _sfc_main$c,
-    Dynamic: _sfc_main$l,
-    Fold: _sfc_main$b,
-    Layout: _sfc_main$9,
-    Scroll: _sfc_main$a,
-    Sort: _sfc_main$8,
-    Table: _sfc_main$7,
-    TableRow: _sfc_main$6,
-    TableCol: _sfc_main$5,
-    Tree: _sfc_main$3,
-    Wrapper: _sfc_main$2,
-    Input: _sfc_main$1,
+    Search: _sfc_main$n,
+    Select: _sfc_main$c,
+    Switch: _sfc_main$b,
+    Dynamic: _sfc_main$k,
+    Fold: _sfc_main$a,
+    Layout: _sfc_main$8,
+    Scroll: _sfc_main$9,
+    Sort: _sfc_main$7,
+    Table: _sfc_main$6,
+    TableRow: _sfc_main$5,
+    TableCol: _sfc_main$4,
+    Tree: _sfc_main$2,
+    Wrapper: _sfc_main$1,
+    Input: _sfc_main$o,
     DragVerify: _sfc_main,
-    Empty: _sfc_main$g,
-    Loading: _sfc_main$m
+    Empty: _sfc_main$f,
+    Loading: _sfc_main$l
   };
 
   snail_core.onMountScope(scope => {