snail.vue 2.0.3 → 2.0.5

package/dist/snail.vue.js

@@ -1,5 +1,5 @@
 //@ sourceURL=/snail.vue.js
-import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, normalizeStyle, createElementVNode, toDisplayString, Fragment, renderList, unref, mergeModels, useModel, computed, createCommentVNode, createBlock, nextTick, onMounted, onUnmounted, withDirectives, vModelText, createVNode, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, watch, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, withModifiers, isRef, getCurrentInstance, useTemplateRef, resolveComponent, onBeforeUnmount, getCurrentScope, onScopeDispose } from 'vue';
+import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, normalizeStyle, createElementVNode, toDisplayString, Fragment, renderList, unref, mergeModels, useModel, computed, createCommentVNode, createBlock, nextTick, onMounted, onUnmounted, useTemplateRef, createVNode, withDirectives, vModelText, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, watch, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, withModifiers, isRef, getCurrentInstance, resolveComponent, onBeforeUnmount, getCurrentScope, onScopeDispose } from 'vue';
 import { throwError, isArrayNotEmpty, isStringNotEmpty, useKey, isArray, useTimer, newId, script, isFunction, getFromArray, mustFunction, useScope, removeFromArray, mustObject, throwIfFalse, isObject, isNumberNotNaN, mountScope, useScopes, isPromise, wait, delay, defer, useAsyncScope, useHook, hasAny, throwIfTrue, onMountScope } from 'snail.core';
 import { link, css, useObserver, useAnimation } from 'snail.view';
 
@@ -18,9 +18,9 @@ var _sfc_main$u = defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-button", [_ctx.size, _ctx.type]]),
-        title: _ctx.title
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮"))])], 10, _hoisted_1$h);
+        class: normalizeClass(["snail-button", [__props.size, __props.type]]),
+        title: __props.title
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[0] || (_cache[0] = createTextVNode("按钮", -1))])], 10, _hoisted_1$h);
     };
   }
 });
@@ -91,20 +91,20 @@ var _sfc_main$t = defineComponent({
     const isMouseEnterRef = shallowRef(false);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("svg", {
-        class: normalizeClass(["snail-icon", _ctx.type]),
+        class: normalizeClass(["snail-icon", __props.type]),
         viewBox: "0 0 1024 1024",
-        style: normalizeStyle(_ctx.rotate ? `transform: rotate(${_ctx.rotate}deg);` : ""),
-        width: _ctx.size || 24,
-        height: _ctx.size || 24,
+        style: 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)
       }, [createElementVNode("title", {
-        textContent: toDisplayString(_ctx.title || "")
-      }, null, 8, _hoisted_2$a), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSvgDraw)(_ctx.type, _ctx.draw), draw => {
+        textContent: toDisplayString(__props.title || "")
+      }, null, 8, _hoisted_2$a), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getSvgDraw)(__props.type, __props.draw), draw => {
         return openBlock(), 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);
@@ -176,12 +176,12 @@ var _sfc_main$s = defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-choose", [unref(type), unref(mode), unref(layout), _ctx.readonly ? "readonly" : ""]])
+        class: normalizeClass(["snail-choose", [unref(type), unref(mode), unref(layout), __props.readonly ? "readonly" : ""]])
       }, [(openBlock(true), createElementBlock(Fragment, null, renderList(chooseItemsRef.value, (node, index) => {
         return openBlock(), createElementBlock("div", {
           key: unref(getKey)(node.item),
           class: normalizeClass(["choose-item", node.selected ? "selected" : ""]),
-          style: normalizeStyle(unref(css).buildStyle(_ctx.itemStyle)),
+          style: normalizeStyle(unref(css).buildStyle(__props.itemStyle)),
           title: node.item.text,
           onClick: $event => onItemClick(node)
         }, [unref(mode) == "native" ? (openBlock(), createElementBlock("input", {
@@ -195,7 +195,7 @@ var _sfc_main$s = defineComponent({
           key: 0,
           type: "success",
           size: 12,
-          color: _ctx.readonly ? "#8a9099" : "white"
+          color: __props.readonly ? "#8a9099" : "white"
         }, null, 8, ["color"])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), node.item.text ? (openBlock(), createElementBlock("span", {
           key: 2,
           class: "item-text",
@@ -396,20 +396,20 @@ var _sfc_main$q = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("footer", {
         class: normalizeClass(["snail-footer", {
-          "start-divider": _ctx.divider
-        }, _ctx.align || "right"])
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [_ctx.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$u, {
+          "start-divider": __props.divider
+        }, __props.align || "right"])
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$u, {
         key: 0,
         size: "max",
         type: "default",
         onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
-        textContent: toDisplayString(_ctx.cancelName || "取消")
-      }, null, 8, ["textContent"])) : createCommentVNode("", true), _ctx.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$u, {
+        textContent: toDisplayString(__props.cancelName || "取消")
+      }, null, 8, ["textContent"])) : createCommentVNode("", true), __props.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$u, {
         key: 1,
         size: "max",
         type: "primary",
         onClick: _cache[1] || (_cache[1] = $event => emits("confirm")),
-        textContent: toDisplayString(_ctx.confirmName || "确定")
+        textContent: toDisplayString(__props.confirmName || "确定")
       }, null, 8, ["textContent"])) : createCommentVNode("", true)])], 2);
     };
   }
@@ -448,18 +448,18 @@ var _sfc_main$p = defineComponent({
     const emits = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("header", {
-        class: normalizeClass(["snail-header", _ctx.useTo, {
-          "start-divider": _ctx.divider
+        class: normalizeClass(["snail-header", __props.useTo, {
+          "start-divider": __props.divider
         }])
-      }, [_ctx.title != "" ? (openBlock(), createElementBlock("div", {
+      }, [__props.title != "" ? (openBlock(), createElementBlock("div", {
         key: 0,
-        textContent: toDisplayString(_ctx.title),
-        class: normalizeClass(["header-title", _ctx.titleAlign])
-      }, null, 10, _hoisted_1$d)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), _ctx.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$t, {
+        textContent: toDisplayString(__props.title),
+        class: normalizeClass(["header-title", __props.titleAlign])
+      }, null, 10, _hoisted_1$d)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), 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"])) : createCommentVNode("", true)], 2);
@@ -467,9 +467,94 @@ var _sfc_main$p = defineComponent({
   }
 });
 
-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 = defineComponent({
+  ...{
+    name: "Input",
+    inheritAttrs: true
+  },
+  __name: "input",
+  props: mergeModels({
+    readonly: {
+      type: Boolean
+    },
+    placeholder: {},
+    title: {},
+    type: {},
+    required: {
+      type: Boolean
+    },
+    titleStyle: {}
+  }, {
+    "modelValue": {
+      default: ""
+    },
+    "modelModifiers": {}
+  }),
+  emits: mergeModels(["click", "change"], ["update:modelValue"]),
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emits = __emit;
+    const inputDom = useTemplateRef("input-el");
+    const inputModel = useModel(__props, "modelValue");
+    const validateRef = shallowRef();
+    const titleStyleRef = computed(() => css.buildStyle(props.titleStyle));
+    function onValueChange() {
+      const text = inputDom.value.value || "";
+      inputModel.value = text;
+      nextTick(() => emits("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(titleStyleRef.value)
+      }, [createElementVNode("span", {
+        class: "text",
+        textContent: toDisplayString(__props.title)
+      }, null, 8, _hoisted_1$c), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$8)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$5, [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 ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "validate",
+        title: validateRef.value
+      }, [createVNode(_sfc_main$t, {
+        type: "error",
+        size: 16,
+        color: "red"
+      })], 8, _hoisted_5$1)) : 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 = defineComponent({
   ...{
     name: "Search",
     inheritAttrs: true
@@ -507,14 +592,14 @@ var _sfc_main$o = defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-search", _ctx.readonly ? "readonly" : ""])
+        class: normalizeClass(["snail-search", __props.readonly ? "readonly" : ""])
       }, [withDirectives(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), [[vModelText, textModel.value, void 0, {
+      }, null, 40, _hoisted_1$b), [[vModelText, textModel.value, void 0, {
         trim: true
       }]]), createElementVNode("div", null, [createVNode(_sfc_main$t, {
         class: "search-button",
@@ -737,11 +822,11 @@ function deducePosition(strategy, targetStart, targetEnd, contentSize, clientSiz
   }
 }
 
-const _hoisted_1$b = {
+const _hoisted_1$a = {
   class: "snail-confirm flex-column"
 };
-const _hoisted_2$8 = ["innerHTML"];
-var _sfc_main$n = defineComponent({
+const _hoisted_2$7 = ["innerHTML"];
+var _sfc_main$m = defineComponent({
   ...{
     name: "ConfirmContainer",
     inheritAttrs: true
@@ -768,27 +853,27 @@ var _sfc_main$n = defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [createVNode(_sfc_main$p, {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [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"]), createElementVNode("div", {
         class: "confirm-body",
-        innerHTML: _ctx.message || "请确认？"
-      }, null, 8, _hoisted_2$8), createVNode(_sfc_main$q, {
+        innerHTML: __props.message || "请确认？"
+      }, null, 8, _hoisted_2$7), 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 = defineComponent({
+var _sfc_main$l = defineComponent({
   ...{
     name: "Loading",
     inheritAttrs: true
@@ -813,13 +898,13 @@ var _sfc_main$m = defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Transition, {
-        name: _ctx.transition
+        name: __props.transition
       }, {
-        default: withCtx(() => [_ctx.show ? (openBlock(), createElementBlock("div", {
+        default: withCtx(() => [__props.show ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(["snail-loading", {
-            "show-mask": _ctx.maskDisabled != true
-          }, _ctx.rootClass])
+            "show-mask": __props.maskDisabled != true
+          }, __props.rootClass])
         }, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(_ctx.$attrs)))], 2)) : createCommentVNode("", true)]),
         _: 3
       }, 8, ["name"]);
@@ -864,7 +949,7 @@ function useReactive() {
   return Object.freeze(manager);
 }
 
-var _sfc_main$l = defineComponent({
+var _sfc_main$k = defineComponent({
   ...{
     name: "Dynamic",
     inheritAttrs: false
@@ -926,7 +1011,7 @@ var _sfc_main$l = defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(resolveDynamicComponent(dynamicComponentRef.value), mergeProps({
         ref_key: "componentRef",
         ref: componentRef
-      }, _ctx.props, _ctx.$attrs), createSlots({
+      }, __props.props, _ctx.$attrs), createSlots({
         _: 2
       }, [renderList(_ctx.$slots, (_, name) => {
         return {
@@ -936,7 +1021,7 @@ var _sfc_main$l = defineComponent({
       })]), 1040)), dynamicErrorRef.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(dynamicErrorRef.value), 1)], 16)) : dynamicComponentRef.value == void 0 ? (openBlock(), createBlock(_sfc_main$m, {
+      }, _ctx.$attrs), [_cache[0] || (_cache[0] = createTextVNode(" load component error：", -1)), createElementVNode("span", null, toDisplayString(dynamicErrorRef.value), 1)], 16)) : dynamicComponentRef.value == void 0 ? (openBlock(), createBlock(_sfc_main$l, {
         key: 1,
         show: true,
         "mask-disabled": true
@@ -945,7 +1030,7 @@ var _sfc_main$l = defineComponent({
   }
 });
 
-var _sfc_main$k = defineComponent({
+var _sfc_main$j = defineComponent({
   ...{
     name: "DialogContainer",
     inheritAttrs: true
@@ -983,18 +1068,18 @@ var _sfc_main$k = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-dialog", _ctx.options.rootClass, _ctx.popupStatus.value, _ctx.popupTransition.value]),
+        class: normalizeClass(["snail-dialog", __props.options.rootClass, __props.popupStatus.value, __props.popupTransition.value]),
         style: normalizeStyle({
-          "z-index": _ctx.zIndex
+          "z-index": __props.zIndex
         }),
         onClick: _cache[1] || (_cache[1] = withModifiers($event => {
-          _ctx.options.closeOnMask && unref(closePopup)();
+          __props.options.closeOnMask && unref(closePopup)();
         }, ["self"]))
-      }, [createVNode(_sfc_main$l, mergeProps({
+      }, [createVNode(_sfc_main$k, 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: unref(props)
       }, unref(dialogExtend), {
         modelValue: unref(model),
@@ -1004,7 +1089,7 @@ var _sfc_main$k = defineComponent({
   }
 });
 
-var _sfc_main$j = defineComponent({
+var _sfc_main$i = defineComponent({
   ...{
     name: "FollowContainer",
     inheritAttrs: true
@@ -1117,14 +1202,14 @@ var _sfc_main$j = defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$l, mergeProps({
-        class: ["snail-follow initial", [_ctx.popupStatus.value, _ctx.popupTransition.value]],
+      return openBlock(), createBlock(_sfc_main$k, 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: unref(props)
       }, unref(followExt), {
         modelValue: unref(model),
@@ -1134,7 +1219,7 @@ var _sfc_main$j = defineComponent({
   }
 });
 
-var _sfc_main$i = defineComponent({
+var _sfc_main$h = defineComponent({
   ...{
     name: "PopupContainer",
     inheritAttrs: true
@@ -1154,16 +1239,16 @@ var _sfc_main$i = defineComponent({
       model = shallowRef(void 0)
     } = __props.options;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$l, mergeProps({
-        class: ["snail-popup", [_ctx.popupStatus.value, _ctx.popupTransition.value]],
+      return openBlock(), createBlock(_sfc_main$k, 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: unref(props)
-      }, _ctx.extOptions, {
+      }, __props.extOptions, {
         modelValue: unref(model),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => isRef(model) ? model.value = $event : null)
       }), null, 16, ["class", "style", "name", "component", "url", "props", "modelValue"]);
@@ -1171,12 +1256,12 @@ var _sfc_main$i = defineComponent({
   }
 });
 
-const _hoisted_1$a = {
+const _hoisted_1$9 = {
   key: 0,
   class: "icon"
 };
-const _hoisted_2$7 = ["innerHTML"];
-var _sfc_main$h = defineComponent({
+const _hoisted_2$6 = ["innerHTML"];
+var _sfc_main$g = defineComponent({
   ...{
     name: "ToastContainer",
     inheritAttrs: true
@@ -1207,9 +1292,9 @@ var _sfc_main$h = defineComponent({
     onMounted(() => onMouseEvent(true));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-toast", [_ctx.popupStatus.value, _ctx.popupTransition.value]]),
+        class: normalizeClass(["snail-toast", [__props.popupStatus.value, __props.popupTransition.value]]),
         style: 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))
@@ -1223,21 +1308,21 @@ var _sfc_main$h = defineComponent({
         onClick: _cache[2] || (_cache[2] = $event => {
           unref(closePopup)();
         })
-      }, null, 8, ["fill"]), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_sfc_main$t, {
+      }, null, 8, ["fill"]), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$9, [createVNode(_sfc_main$t, {
         type: unref(props).type,
         fill: "#707070",
         size: 20
       }, null, 8, ["type"])])) : createCommentVNode("", true), createElementVNode("div", {
         class: "message",
         innerHTML: 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) {
@@ -1270,7 +1355,7 @@ function usePopup() {
         },
         onBeforeClose: fn => hook.register("onBeforeClose", fn)
       });
-      const descriptor = openPopup(_sfc_main$k, options, extOptions);
+      const descriptor = openPopup(_sfc_main$j, options, extOptions);
       scope = useAsyncScope(deferred.promise);
       monitorDialog(descriptor, scope, deferred);
     }
@@ -1288,14 +1373,14 @@ function usePopup() {
         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,
@@ -1305,7 +1390,7 @@ function usePopup() {
     });
   }
   function toast(type, message, options) {
-    return popupInCustomContainer(_sfc_main$h, {
+    return popupInCustomContainer(_sfc_main$g, {
       url: "#ToastContainer",
       props: {
         ...(options || Object.create(null)),
@@ -1338,7 +1423,7 @@ function usePopup() {
       },
       ...extOptions
     });
-    const descriptor = openPopup(container || _sfc_main$i, options, extOptions);
+    const descriptor = openPopup(container || _sfc_main$h, options, extOptions);
     const scope = useAsyncScope(deferred.promise);
     scope.onDestroy(() => destroyPopup(descriptor, deferred));
     return scope;
@@ -1476,12 +1561,12 @@ function getNoDataBase64Image() {
   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 = defineComponent({
+const _hoisted_2$5 = ["src"];
+const _hoisted_3$4 = ["textContent"];
+var _sfc_main$f = defineComponent({
   ...{
     name: "Empty",
     inheritAttrs: true
@@ -1494,23 +1579,23 @@ var _sfc_main$g = defineComponent({
   setup(__props) {
     const defaultImageBase64 = getNoDataBase64Image();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("img", {
-        src: _ctx.imageUrl || unref(defaultImageBase64)
-      }, null, 8, _hoisted_2$6), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
+      return openBlock(), createElementBlock("div", _hoisted_1$8, [createElementVNode("img", {
+        src: __props.imageUrl || unref(defaultImageBase64)
+      }, null, 8, _hoisted_2$5), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
         class: "message",
-        textContent: toDisplayString(_ctx.message || "无数据")
-      }, null, 8, _hoisted_3$5)])]);
+        textContent: 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 = defineComponent({
+var _sfc_main$e = defineComponent({
   ...{
     name: "SelectNode",
     inheritAttrs: true
@@ -1548,39 +1633,39 @@ var _sfc_main$f = defineComponent({
       return openBlock(), createElementBlock(Fragment, null, [showRef.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: 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))
       }, [createElementVNode("div", {
         class: "item-text ellipsis",
-        textContent: toDisplayString(_ctx.item.text)
-      }, null, 8, _hoisted_2$5), _ctx.item.type == "group" ? (openBlock(), createBlock(_sfc_main$t, {
+        textContent: toDisplayString(__props.item.text)
+      }, null, 8, _hoisted_2$4), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$t, {
         key: 0,
         type: "arrow",
         color: "#8a9099"
-      })) : _ctx.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$t, {
+      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$t, {
         type: "success",
         color: "white",
         size: 12
-      })])) : createCommentVNode("", true)], 42, _hoisted_1$8)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
+      })])) : createCommentVNode("", true)], 42, _hoisted_1$7)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(unref(showChildrenRef), child => {
         return openBlock(), 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)) : createCommentVNode("", true)], 64);
     };
   }
 });
 
-var _sfc_main$e = defineComponent({
+var _sfc_main$d = defineComponent({
   ...{
     name: "Select2Popup",
     inheritAttrs: true
@@ -1745,29 +1830,29 @@ var _sfc_main$e = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-select-popup", classRef.value]),
-        style: normalizeStyle(_ctx.popupStyle),
+        style: normalizeStyle(__props.popupStyle),
         onMouseenter: onEnterPopup,
         onMouseleave: onLeavePopup
       }, [classRef.value["child-popup"] && classRef.value["placeholder"] ? (openBlock(), createElementBlock(Fragment, {
         key: 0
       }, [createTextVNode(" 暂无选项 ")], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [_ctx.search ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
+      }, [__props.search ? (openBlock(), createBlock(_sfc_main$n, mergeProps({
         key: 0
-      }, _ctx.search, {
+      }, __props.search, {
         onSearch,
         key: "select-search"
       }), null, 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
-        return openBlock(), createBlock(_sfc_main$f, {
+        return openBlock(), createBlock(_sfc_main$e, {
           key: unref(context).getKey(item),
-          multiple: _ctx.multiple,
+          multiple: __props.multiple,
           item,
           context: unref(context),
           "show-children": true,
           onEnter: onEnterSelectNode,
           onClick: onClickSelectNode
         }, null, 8, ["multiple", "item", "context"]);
-      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$g, {
+      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$f, {
         key: 1,
         message: "无结果"
       })) : createCommentVNode("", true), showClearButtonRef.value ? (openBlock(), createElementBlock("div", {
@@ -1779,20 +1864,20 @@ var _sfc_main$e = defineComponent({
   }
 });
 
-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 = defineComponent({
+var _sfc_main$c = defineComponent({
   ...{
     name: "Select",
     inheritAttrs: true
@@ -1917,22 +2002,22 @@ var _sfc_main$d = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: 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 ? (openBlock(), createElementBlock(Fragment, {
+      }, [__props.items && __props.items.length ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
+      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
         class: "select-text ellipsis",
         title: selectedTextRef.value,
         textContent: toDisplayString(selectedTextRef.value)
-      }, null, 8, _hoisted_2$4)])])) : (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_2$3)])])) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "placeholder",
-        textContent: toDisplayString(_ctx.readonly ? "" : _ctx.placeholder || "请选择")
-      }, null, 8, _hoisted_3$3)), _ctx.readonly != true ? (openBlock(), createBlock(_sfc_main$t, {
+        textContent: toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
+      }, null, 8, _hoisted_3$2)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$t, {
         key: 2,
         type: "arrow",
         size: 24,
@@ -1940,12 +2025,12 @@ var _sfc_main$d = defineComponent({
         style: {
           "transform": "rotate(90deg)"
         }
-      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$3, "暂无可选项"))], 2);
+      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$2, "暂无可选项"))], 2);
     };
   }
 });
 
-var _sfc_main$c = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "Switch",
     inheritAttrs: true
@@ -1981,33 +2066,33 @@ var _sfc_main$c = defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", _ctx.readonly ? "readonly" : ""]]),
+        class: normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", __props.readonly ? "readonly" : ""]]),
         onClick: onSwitchChange
-      }, _cache[0] || (_cache[0] = [createElementVNode("div", {
+      }, [...(_cache[0] || (_cache[0] = [createElementVNode("div", {
         class: "on"
       }, null, -1), createElementVNode("div", {
         class: "off"
       }, null, -1), 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 = defineComponent({
+var _sfc_main$a = defineComponent({
   ...{
     name: "Fold",
     inheritAttrs: true
@@ -2077,23 +2162,23 @@ var _sfc_main$b = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-fold", statusModel.value])
-      }, [createElementVNode("div", _hoisted_1$6, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
+      }, [createElementVNode("div", _hoisted_1$5, [renderSlot(_ctx.$slots, "header", {}, () => [createElementVNode("div", {
         class: "title ellipsis",
-        textContent: toDisplayString(_ctx.title)
-      }, null, 8, _hoisted_2$3), !!_ctx.subtitle ? (openBlock(), createElementBlock("div", {
+        textContent: toDisplayString(__props.title)
+      }, null, 8, _hoisted_2$2), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "subtitle ellipsis",
-        textContent: toDisplayString(_ctx.subtitle)
-      }, null, 8, _hoisted_3$2)) : createCommentVNode("", true), _ctx.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createVNode(_sfc_main$t, {
+        textContent: toDisplayString(__props.subtitle)
+      }, null, 8, _hoisted_3$1)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createVNode(_sfc_main$t, {
         type: "arrow",
         title: statusModel.value == "expand" ? "收起" : "展开",
         onClick: onStatusClick
-      }, null, 8, ["title"])])) : createCommentVNode("", true)])]), createElementVNode("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "default")], 512)], 2);
+      }, null, 8, ["title"])])) : createCommentVNode("", true)])]), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")], 512)], 2);
     };
   }
 });
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$9 = defineComponent({
   ...{
     name: "Scroll",
     inheritAttrs: true
@@ -2210,15 +2295,15 @@ var _sfc_main$a = defineComponent({
   }
 });
 
-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 = defineComponent({
+var _sfc_main$8 = defineComponent({
   __name: "layout",
   props: {
     mode: {},
@@ -2227,18 +2312,18 @@ var _sfc_main$9 = defineComponent({
   setup(__props) {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-layout", _ctx.mode])
-      }, [_ctx.$slots.start ? (openBlock(), createElementBlock("div", _hoisted_1$5, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true), createVNode(_sfc_main$a, mergeProps({
+        class: normalizeClass(["snail-layout", __props.mode])
+      }, [_ctx.$slots.start ? (openBlock(), createElementBlock("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true), createVNode(_sfc_main$9, mergeProps({
         class: "layout-body"
-      }, _ctx.scroll), {
+      }, __props.scroll), {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
         _: 3
-      }, 16), _ctx.$slots.end ? (openBlock(), createElementBlock("div", _hoisted_2$2, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("", true)], 2);
+      }, 16), _ctx.$slots.end ? (openBlock(), createElementBlock("div", _hoisted_2$1, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("", true)], 2);
     };
   }
 });
 
-var _sfc_main$8 = defineComponent({
+var _sfc_main$7 = defineComponent({
   ...{
     name: "Sort",
     inheritAttrs: true
@@ -2317,10 +2402,10 @@ var _sfc_main$8 = defineComponent({
   }
 });
 
-const _hoisted_1$4 = {
+const _hoisted_1$3 = {
   class: "table-body"
 };
-var _sfc_main$7 = defineComponent({
+var _sfc_main$6 = defineComponent({
   ...{
     name: "Table",
     inheritAttrs: true
@@ -2344,17 +2429,17 @@ var _sfc_main$7 = defineComponent({
     const hStyleRef = computed(() => css.buildStyle(props.headerStyle));
     const fStyleRef = computed(() => css.buildStyle(props.footerStyle));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$9, {
         class: 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: withCtx(() => [createElementVNode("div", {
           class: "table-header",
           style: normalizeStyle(hStyleRef.value)
-        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
+        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("div", _hoisted_1$3, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
           class: "table-footer",
           style: normalizeStyle(fStyleRef.value)
         }, [renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -2364,7 +2449,7 @@ var _sfc_main$7 = defineComponent({
   }
 });
 
-var _sfc_main$6 = defineComponent({
+var _sfc_main$5 = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -2387,7 +2472,7 @@ var _sfc_main$6 = defineComponent({
   }
 });
 
-var _sfc_main$5 = defineComponent({
+var _sfc_main$4 = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -2426,27 +2511,27 @@ var _sfc_main$5 = defineComponent({
     const styleRef = computed(() => css.buildStyle(props));
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["table-col", _ctx.textAlign]),
+        class: normalizeClass(["table-col", __props.textAlign]),
         style: normalizeStyle(styleRef.value)
       }, [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 = defineComponent({
+var _sfc_main$3 = defineComponent({
   ...{
     name: "TreeNode",
     inheritAttrs: true
@@ -2536,8 +2621,10 @@ var _sfc_main$4 = defineComponent({
       newValue && treeNodeDom.value.classList.add("hovered");
     });
     watcher(() => __props.context.isActived(__props.node), newValue => {
-      treeNodeDom.value.classList.remove("actived");
-      newValue && treeNodeDom.value.classList.add("actived");
+      if (treeNodeDom.value) {
+        treeNodeDom.value.classList.remove("actived");
+        newValue && treeNodeDom.value.classList.add("actived");
+      }
     });
     onMounted(() => {
       if (childrenDom.value) {
@@ -2550,19 +2637,19 @@ var _sfc_main$4 = defineComponent({
       const _component_TreeNode = resolveComponent("TreeNode", true);
       return openBlock(), createElementBlock(Fragment, null, [showRef.value ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["snail-tree-node", _ctx.node.clickable ? "clickable" : "", `level-${_ctx.level}`]),
+        class: 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 ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({
+      }, [__props.options.rewrite == true ? renderSlot(_ctx.$slots, "default", normalizeProps(mergeProps({
         key: 0
       }, unref(slotOptions)))) : (openBlock(), createElementBlock(Fragment, {
         key: 1
       }, [_cache[4] || (_cache[4] = createElementVNode("div", {
         class: "indent"
-      }, null, -1)), _ctx.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$3, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$t, {
+      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$2, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$t, {
         key: 0,
         class: normalizeClass(statusRef.value),
         type: "custom",
@@ -2572,32 +2659,32 @@ var _sfc_main$4 = defineComponent({
         onClick: toggleFold
       }, null, 8, ["class"])) : createCommentVNode("", true)])) : createCommentVNode("", true), createElementVNode("div", {
         class: "node-text ellipsis",
-        title: _ctx.node.text,
-        textContent: toDisplayString(_ctx.node.text)
-      }, null, 8, _hoisted_2$1), createElementVNode("div", _hoisted_3$1, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34)) : createCommentVNode("", true), showRef.value && showChildrenRef.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.node.children, child => {
+        title: __props.node.text,
+        textContent: toDisplayString(__props.node.text)
+      }, null, 8, _hoisted_2), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34)) : createCommentVNode("", true), showRef.value && showChildrenRef.value ? (openBlock(), createElementBlock("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
         return openBlock(), 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: withCtx(slotProps => [renderSlot(_ctx.$slots, "default", mergeProps({
             ref_for: true
           }, slotProps))]),
-          _: 2
-        }, 1032, ["node", "parent", "options", "context"]);
+          _: 3
+        }, 8, ["node", "parent", "options", "context"]);
       }), 128))], 512)) : createCommentVNode("", true)], 64);
     };
   }
 });
 
-const _hoisted_1$2 = {
+const _hoisted_1$1 = {
   class: "snail-tree"
 };
-var _sfc_main$3 = defineComponent({
+var _sfc_main$2 = defineComponent({
   ...{
     name: "Tree",
     inheritAttrs: true
@@ -2631,28 +2718,28 @@ var _sfc_main$3 = defineComponent({
       emits("click", node, parents);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [_ctx.search ? (openBlock(), createBlock(_sfc_main$o, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [__props.search ? (openBlock(), createBlock(_sfc_main$n, mergeProps({
         key: 0
-      }, _ctx.search, {
+      }, __props.search, {
         onSearch
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$a, {
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$9, {
         "scroll-y": true
       }, {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.nodes || [], node => {
-          return openBlock(), createBlock(_sfc_main$4, {
+        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes || [], node => {
+          return openBlock(), createBlock(_sfc_main$3, {
             key: unref(context).getKey(node),
             node,
             parent: void 0,
             level: 1,
-            options: _ctx.nodeOptions,
+            options: __props.nodeOptions,
             context: unref(context),
             onClick: onTreeNodeClick
           }, {
             default: withCtx(slotProps => [renderSlot(_ctx.$slots, "default", mergeProps({
               ref_for: true
             }, slotProps))]),
-            _: 2
-          }, 1032, ["node", "options", "context"]);
+            _: 3
+          }, 8, ["node", "options", "context"]);
         }), 128))]),
         _: 3
       })]);
@@ -2660,7 +2747,7 @@ var _sfc_main$3 = defineComponent({
   }
 });
 
-var _sfc_main$2 = defineComponent({
+var _sfc_main$1 = defineComponent({
   __name: "wrapper",
   props: {
     readonly: {
@@ -2681,25 +2768,25 @@ var _sfc_main$2 = defineComponent({
     const emits = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-wrapper", _ctx.inPopup ? "in-popup" : "in-normal"])
-      }, [_ctx.header && _ctx.header.disabled != true ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
+        class: normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
+      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
         key: 0
-      }, _ctx.header || {
+      }, __props.header || {
         useTo: "dialog",
         title: "对话框"
       }, {
         onClose: _cache[0] || (_cache[0] = $event => emits("cancel"))
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$a, mergeProps({
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$9, mergeProps({
         class: "wrapper-body"
-      }, _ctx.content || {
+      }, __props.content || {
         scrollX: false,
         scrollY: false
       }), {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
         _: 3
-      }, 16), _ctx.footer && _ctx.readonly != true && _ctx.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$q, mergeProps({
+      }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$q, 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)) : createCommentVNode("", true)], 2);
@@ -2711,7 +2798,7 @@ function mount(target, options, onDestroyed) {
   mustObject(options, "options");
   target instanceof HTMLElement || throwError("target must be a HTMLElement");
   target.classList.add("snail-app");
-  const app = createApp(_sfc_main$l, options);
+  const app = createApp(_sfc_main$k, options);
   triggerAppCreated(app);
   app.mount(target);
   const scope = useScope().onDestroy(() => app.unmount());
@@ -2719,91 +2806,6 @@ function mount(target, options, onDestroyed) {
   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 = defineComponent({
-  ...{
-    name: "Input",
-    inheritAttrs: true
-  },
-  __name: "input",
-  props: mergeModels({
-    readonly: {
-      type: Boolean
-    },
-    placeholder: {},
-    title: {},
-    type: {},
-    required: {
-      type: Boolean
-    },
-    titleStyle: {}
-  }, {
-    "modelValue": {
-      default: ""
-    },
-    "modelModifiers": {}
-  }),
-  emits: mergeModels(["click", "change"], ["update:modelValue"]),
-  setup(__props, _ref) {
-    let {
-      emit: __emit
-    } = _ref;
-    const props = __props;
-    const emits = __emit;
-    const inputDom = useTemplateRef("input-el");
-    const inputModel = useModel(__props, "modelValue");
-    const validateRef = shallowRef();
-    const titleStyleRef = computed(() => css.buildStyle(props.titleStyle));
-    function onValueChange() {
-      const text = inputDom.value.value || "";
-      inputModel.value = text;
-      nextTick(() => emits("change", text));
-    }
-    console.warn("Input:还没实现 验证相关逻辑");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-input", {
-          "readonly": _ctx.readonly
-        }])
-      }, [!!_ctx.title ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "input-title",
-        style: normalizeStyle(titleStyleRef.value)
-      }, [createElementVNode("span", {
-        class: "text",
-        textContent: toDisplayString(_ctx.title)
-      }, null, 8, _hoisted_1$1), _ctx.readonly != true && _ctx.required == true ? (openBlock(), createElementBlock("span", _hoisted_2)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3, [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 ? (openBlock(), createElementBlock("span", {
-        key: 0,
-        class: "validate",
-        title: validateRef.value
-      }, [createVNode(_sfc_main$t, {
-        type: "error",
-        size: 16,
-        color: "red"
-      })], 8, _hoisted_5)) : createCommentVNode("", true)])], 2);
-    };
-  }
-});
-
 const _hoisted_1 = ["textContent"];
 var _sfc_main = defineComponent({
   ...{
@@ -2878,7 +2880,7 @@ var _sfc_main = defineComponent({
         })
       }, null, 4), createElementVNode("div", {
         class: "verify-message",
-        textContent: toDisplayString(dragInfoRef.value.status == "success" ? "验证成功" : _ctx.message)
+        textContent: toDisplayString(dragInfoRef.value.status == "success" ? "验证成功" : __props.message)
       }, null, 8, _hoisted_1), createElementVNode("div", {
         class: "drag-handle",
         ref: "dragHandle",
@@ -2912,23 +2914,23 @@ const components = {
   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
 };
 
 onMountScope(scope => {