snail.vue 2.0.30 → 2.0.31

package/dist/snail.vue.umd.js

@@ -5,8 +5,8 @@
   (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.SnailVue = global.SnailVue || {}, global.Vue, global.Snail, global.SnailView));
 })(this, (function (exports, vue, snail_core, snail_view) { 'use strict';
 
-  const _hoisted_1$o = ["title"];
-  var _sfc_main$F = vue.defineComponent({
+  const _hoisted_1$p = ["title"];
+  var _sfc_main$G = vue.defineComponent({
     ...{
       name: "Button",
       inheritAttrs: true
@@ -28,7 +28,7 @@
           class: vue.normalizeClass(["snail-button", [__props.size, __props.type]]),
           title: __props.title,
           onClick: _cache[0] || (_cache[0] = evt => emits("click", evt))
-        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = vue.createTextVNode("按钮", -1))])], 10, _hoisted_1$o);
+        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = vue.createTextVNode("按钮", -1))])], 10, _hoisted_1$p);
       };
     }
   });
@@ -79,10 +79,10 @@
     }
   }
 
-  const _hoisted_1$n = ["viewBox"];
-  const _hoisted_2$h = ["textContent"];
-  const _hoisted_3$a = ["d"];
-  var _sfc_main$E = vue.defineComponent({
+  const _hoisted_1$o = ["viewBox"];
+  const _hoisted_2$i = ["textContent"];
+  const _hoisted_3$b = ["d"];
+  var _sfc_main$F = vue.defineComponent({
     __name: "icon",
     props: {
       title: {},
@@ -150,24 +150,24 @@
           onClick: _cache[0] || (_cache[0] = evt => emits("click", evt))
         }), [vue.createElementVNode("title", {
           textContent: vue.toDisplayString(__props.title || "")
-        }, null, 8, _hoisted_2$h), __props.custom == true ? vue.renderSlot(_ctx.$slots, "default", {
+        }, null, 8, _hoisted_2$i), __props.custom == true ? vue.renderSlot(_ctx.$slots, "default", {
           key: 0
         }) : (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
           key: 1
         }, vue.renderList(vue.unref(getBuiltinIcon)(__props.type), d => {
           return vue.openBlock(), vue.createElementBlock("path", {
             d
-          }, null, 8, _hoisted_3$a);
-        }), 256))], 16, _hoisted_1$n);
+          }, null, 8, _hoisted_3$b);
+        }), 256))], 16, _hoisted_1$o);
       };
     }
   });
 
-  const _hoisted_1$m = ["title", "onClick"];
-  const _hoisted_2$g = ["type", "checked"];
-  const _hoisted_3$9 = ["textContent"];
-  const _hoisted_4$6 = ["textContent"];
-  var _sfc_main$D = vue.defineComponent({
+  const _hoisted_1$n = ["title", "onClick"];
+  const _hoisted_2$h = ["type", "checked"];
+  const _hoisted_3$a = ["textContent"];
+  const _hoisted_4$7 = ["textContent"];
+  var _sfc_main$E = vue.defineComponent({
     ...{
       name: "Choose",
       inheritAttrs: true
@@ -243,10 +243,10 @@
             key: 0,
             type: vue.unref(type),
             checked: node.selected
-          }, null, 8, _hoisted_2$g)) : vue.unref(mode) == "beautiful" ? (vue.openBlock(), vue.createElementBlock("div", {
+          }, null, 8, _hoisted_2$h)) : vue.unref(mode) == "beautiful" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 1,
             class: vue.normalizeClass(["status", [node.selected ? "selected" : ""]])
-          }, [node.selected ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+          }, [node.selected ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
             key: 0,
             type: "success",
             size: 12,
@@ -255,17 +255,17 @@
             key: 2,
             class: "item-text",
             textContent: vue.toDisplayString(node.item.text)
-          }, null, 8, _hoisted_3$9)) : vue.createCommentVNode("", true), node.item.description ? (vue.openBlock(), vue.createElementBlock("span", {
+          }, null, 8, _hoisted_3$a)) : vue.createCommentVNode("", true), node.item.description ? (vue.openBlock(), vue.createElementBlock("span", {
             key: 3,
             class: "item-des",
             textContent: vue.toDisplayString(node.item.description)
-          }, null, 8, _hoisted_4$6)) : vue.createCommentVNode("", true)], 14, _hoisted_1$m);
+          }, null, 8, _hoisted_4$7)) : vue.createCommentVNode("", true)], 14, _hoisted_1$n);
         }), 128))], 2);
       };
     }
   });
 
-  var _sfc_main$C = vue.defineComponent({
+  var _sfc_main$D = vue.defineComponent({
     ...{
       name: "Footer",
       inheritAttrs: true
@@ -296,13 +296,13 @@
           class: vue.normalizeClass(["snail-footer", {
             "start-divider": __props.divider
           }, __props.align || "right"])
-        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+        }, [vue.renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
           key: 0,
           size: "max",
           type: "default",
           onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
           textContent: vue.toDisplayString(__props.cancelName || "取消")
-        }, null, 8, ["textContent"])) : vue.createCommentVNode("", true), __props.confirmDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+        }, null, 8, ["textContent"])) : vue.createCommentVNode("", true), __props.confirmDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
           key: 1,
           size: "max",
           type: "primary",
@@ -313,8 +313,8 @@
     }
   });
 
-  const _hoisted_1$l = ["textContent"];
-  var _sfc_main$B = vue.defineComponent({
+  const _hoisted_1$m = ["textContent"];
+  var _sfc_main$C = vue.defineComponent({
     ...{
       name: "Header",
       inheritAttrs: true
@@ -353,7 +353,7 @@
           key: 0,
           textContent: vue.toDisplayString(__props.title),
           class: vue.normalizeClass(["header-title", __props.titleAlign])
-        }, null, 10, _hoisted_1$l)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, null, 10, _hoisted_1$m)) : vue.createCommentVNode("", true), vue.renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 1,
           class: "close-icon",
           type: "close",
@@ -366,18 +366,18 @@
     }
   });
 
-  const _hoisted_1$k = ["textContent"];
-  const _hoisted_2$f = {
+  const _hoisted_1$l = ["textContent"];
+  const _hoisted_2$g = {
     key: 0,
     class: "required",
     textContent: "*"
   };
-  const _hoisted_3$8 = {
+  const _hoisted_3$9 = {
     class: "input-body"
   };
-  const _hoisted_4$5 = ["type", "value", "readonly", "placeholder", "title"];
+  const _hoisted_4$6 = ["type", "value", "readonly", "placeholder", "title"];
   const _hoisted_5$3 = ["title"];
-  var _sfc_main$A = vue.defineComponent({
+  var _sfc_main$B = vue.defineComponent({
     ...{
       name: "Input",
       inheritAttrs: true
@@ -429,7 +429,7 @@
         }, [vue.createElementVNode("span", {
           class: "text",
           textContent: vue.toDisplayString(__props.title)
-        }, null, 8, _hoisted_1$k), __props.readonly != true && __props.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$f)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$8, [vue.createElementVNode("input", {
+        }, null, 8, _hoisted_1$l), __props.readonly != true && __props.required == true ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$g)) : vue.createCommentVNode("", true)], 4)) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_3$9, [vue.createElementVNode("input", {
           ref: "input-el",
           type: __props.type || "text",
           value: inputModel.value,
@@ -438,11 +438,11 @@
           title: inputModel.value,
           onChange: onValueChange,
           onClick: _cache[0] || (_cache[0] = $event => emits("click"))
-        }, null, 40, _hoisted_4$5), !!validateRef.value ? (vue.openBlock(), vue.createElementBlock("span", {
+        }, null, 40, _hoisted_4$6), !!validateRef.value ? (vue.openBlock(), vue.createElementBlock("span", {
           key: 0,
           class: "validate",
           title: validateRef.value
-        }, [vue.createVNode(_sfc_main$E, {
+        }, [vue.createVNode(_sfc_main$F, {
           type: "error",
           button: "",
           size: 16,
@@ -652,20 +652,20 @@
     return formatter;
   }
 
-  const _hoisted_1$j = {
+  const _hoisted_1$k = {
     key: 0,
     class: "number-prefix"
   };
-  const _hoisted_2$e = ["textContent"];
-  const _hoisted_3$7 = ["inputmode", "placeholder", "title"];
-  const _hoisted_4$4 = {
+  const _hoisted_2$f = ["textContent"];
+  const _hoisted_3$8 = ["inputmode", "placeholder", "title"];
+  const _hoisted_4$5 = {
     key: 1,
     class: "number-suffix"
   };
   const _hoisted_5$2 = ["textContent"];
   const _hoisted_6$2 = ["title", "textContent"];
   const _hoisted_7$1 = ["title", "textContent"];
-  var _sfc_main$z = vue.defineComponent({
+  var _sfc_main$A = vue.defineComponent({
     __name: "number",
     props: vue.mergeModels({
       placeholder: {},
@@ -812,10 +812,10 @@
             "has-prefix": vue.unref(hasPrefix),
             "has-suffix": vue.unref(hasSuffix)
           }])
-        }, [vue.unref(hasPrefix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$j, [vue.createElementVNode("span", {
+        }, [vue.unref(hasPrefix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$k, [vue.createElementVNode("span", {
           class: "ellipsis",
           textContent: vue.toDisplayString(vue.unref(prefix))
-        }, null, 8, _hoisted_2$e)])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
+        }, null, 8, _hoisted_2$f)])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
           class: vue.normalizeClass(["input-panel", vue.unref(controls)])
         }, [vue.withDirectives(vue.createElementVNode("input", {
           type: "text",
@@ -827,19 +827,19 @@
           onFocus: _cache[1] || (_cache[1] = $event => vue.isRef(needBackSection) ? needBackSection.value = true : needBackSection = true),
           onPaste: _cache[2] || (_cache[2] = $event => vue.isRef(needBackSection) ? needBackSection.value = false : needBackSection = false),
           onBlur: _cache[3] || (_cache[3] = $event => formatOnEnd(true))
-        }, null, 40, _hoisted_3$7), [[vue.vModelText, displayValueRef.value]]), vue.unref(controls) == "default" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+        }, null, 40, _hoisted_3$8), [[vue.vModelText, displayValueRef.value]]), vue.unref(controls) == "default" ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
         }, [vue.createElementVNode("div", {
           class: "controls default subtract",
           onClick: _cache[4] || (_cache[4] = $event => onStepClick(false))
-        }, [vue.createVNode(_sfc_main$E, {
+        }, [vue.createVNode(_sfc_main$F, {
           type: "subtract",
           button: "",
           size: 20
         })]), vue.createElementVNode("div", {
           class: "controls default plus",
           onClick: _cache[5] || (_cache[5] = $event => onStepClick(true))
-        }, [vue.createVNode(_sfc_main$E, {
+        }, [vue.createVNode(_sfc_main$F, {
           type: "plus",
           button: "",
           size: 20
@@ -848,7 +848,7 @@
         }, [vue.createElementVNode("div", {
           class: "controls right plus",
           onClick: _cache[6] || (_cache[6] = $event => onStepClick(true))
-        }, [vue.createVNode(_sfc_main$E, {
+        }, [vue.createVNode(_sfc_main$F, {
           type: "arrow",
           button: "",
           size: 20,
@@ -856,12 +856,12 @@
         })]), vue.createElementVNode("div", {
           class: "controls right subtract",
           onClick: _cache[7] || (_cache[7] = $event => onStepClick(false))
-        }, [vue.createVNode(_sfc_main$E, {
+        }, [vue.createVNode(_sfc_main$F, {
           type: "arrow",
           button: "",
           size: 20,
           rotate: 90
-        })])], 64)) : vue.createCommentVNode("", true)], 2), vue.unref(hasSuffix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, [vue.createElementVNode("span", {
+        })])], 64)) : vue.createCommentVNode("", true)], 2), vue.unref(hasSuffix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [vue.createElementVNode("span", {
           class: "ellipsis",
           textContent: vue.toDisplayString(vue.unref(suffix))
         }, null, 8, _hoisted_5$2)])) : vue.createCommentVNode("", true), vue.unref(upper) ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -879,8 +879,8 @@
     }
   });
 
-  const _hoisted_1$i = ["placeholder", "readonly"];
-  var _sfc_main$y = vue.defineComponent({
+  const _hoisted_1$j = ["placeholder", "readonly"];
+  var _sfc_main$z = vue.defineComponent({
     ...{
       name: "Search",
       inheritAttrs: true
@@ -925,9 +925,9 @@
           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$i), [[vue.vModelText, textModel.value, void 0, {
+        }, null, 40, _hoisted_1$j), [[vue.vModelText, textModel.value, void 0, {
           trim: true
-        }]]), vue.createElementVNode("div", null, [vue.createVNode(_sfc_main$E, {
+        }]]), vue.createElementVNode("div", null, [vue.createVNode(_sfc_main$F, {
           class: "search-button",
           custom: "",
           button: "",
@@ -1152,11 +1152,11 @@
     }
   }
 
-  const _hoisted_1$h = {
+  const _hoisted_1$i = {
     class: "snail-confirm flex-column"
   };
-  const _hoisted_2$d = ["innerHTML"];
-  var _sfc_main$x = vue.defineComponent({
+  const _hoisted_2$e = ["innerHTML"];
+  var _sfc_main$y = vue.defineComponent({
     ...{
       name: "ConfirmContainer",
       inheritAttrs: true
@@ -1184,14 +1184,14 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [vue.createVNode(_sfc_main$B, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$i, [vue.createVNode(_sfc_main$C, {
           "use-to": "dialog",
           title: __props.title || "提示",
           onClose: _cache[0] || (_cache[0] = $event => __props.closePopup(false))
         }, null, 8, ["title"]), vue.createElementVNode("div", {
           class: "confirm-body",
           innerHTML: __props.message || "请确认？"
-        }, null, 8, _hoisted_2$d), vue.createVNode(_sfc_main$C, {
+        }, null, 8, _hoisted_2$e), vue.createVNode(_sfc_main$D, {
           align: "right",
           "cancel-name": __props.cancelName,
           "cancel-disabled": __props.cancelDisabled,
@@ -1252,7 +1252,7 @@
   });
   for (var key in MOTION) snail_core.hasOwnProperty(MOTION, key) && Object.freeze(MOTION[key]);
 
-  var _sfc_main$w = vue.defineComponent({
+  var _sfc_main$x = vue.defineComponent({
     __name: "motion",
     props: {
       multiple: {
@@ -1301,7 +1301,7 @@
     }
   });
 
-  var _sfc_main$v = vue.defineComponent({
+  var _sfc_main$w = vue.defineComponent({
     ...{
       name: "Loading",
       inheritAttrs: true
@@ -1325,7 +1325,7 @@
     },
     setup(__props) {
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$w, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$x, {
           effect: vue.unref(MOTION).fade
         }, {
           default: vue.withCtx(() => [__props.show ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -1340,7 +1340,7 @@
     }
   });
 
-  var _sfc_main$u = vue.defineComponent({
+  var _sfc_main$v = vue.defineComponent({
     ...{
       name: "Dynamic",
       inheritAttrs: false
@@ -1364,7 +1364,7 @@
       const loadingComponent = vue.defineComponent({
         inheritAttrs: false,
         components: {
-          Loading: _sfc_main$v
+          Loading: _sfc_main$w
         },
         template: "<Loading :mask-disabled='true' />"
       });
@@ -1489,7 +1489,7 @@
     return scope;
   }
 
-  var _sfc_main$t = vue.defineComponent({
+  var _sfc_main$u = vue.defineComponent({
     ...{
       name: "Scroll",
       inheritAttrs: false
@@ -1533,7 +1533,7 @@
     }
   });
 
-  var _sfc_main$s = vue.defineComponent({
+  var _sfc_main$t = vue.defineComponent({
     __name: "wrapper",
     props: {
       inPopup: {
@@ -1552,7 +1552,7 @@
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
-        }, [__props.header && __props.header.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$B, vue.mergeProps({
+        }, [__props.header && __props.header.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
           key: 0
         }, __props.header || {
           useTo: "dialog",
@@ -1560,14 +1560,14 @@
         }, {
           "use-to": (__props.header ? __props.header.useTo : void 0) || (__props.inPopup ? "dialog" : "page"),
           onClose: _cache[0] || (_cache[0] = $event => emits("cancel"))
-        }), null, 16, ["use-to"])) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$t, vue.mergeProps({
+        }), null, 16, ["use-to"])) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$u, vue.mergeProps({
           class: "wrapper-body flex-1"
         }, __props.content || {
           scroll: "none"
         }), {
           default: vue.withCtx(() => [vue.renderSlot(_ctx.$slots, "default")]),
           _: 3
-        }, 16), __props.footer && __props.footer.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$C, vue.mergeProps({
+        }, 16), __props.footer && __props.footer.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$D, vue.mergeProps({
           key: 1
         }, __props.footer || {}, {
           onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
@@ -1577,7 +1577,7 @@
     }
   });
 
-  var _sfc_main$r = vue.defineComponent({
+  var _sfc_main$s = vue.defineComponent({
     ...{
       name: "DialogContainer",
       inheritAttrs: true
@@ -1636,7 +1636,7 @@
           onClick: _cache[3] || (_cache[3] = vue.withModifiers($event => {
             __props.options.closeOnMask && vue.unref(closePopup)();
           }, ["self"]))
-        }, [__props.options.wrapper == void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$u, vue.mergeProps({
+        }, [__props.options.wrapper == void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({
           key: 0,
           class: "dialog-body",
           name: __props.options.name,
@@ -1647,7 +1647,7 @@
           "popup-status": __props.popupStatus.value,
           modelValue: vue.unref(model),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => vue.isRef(model) ? model.value = $event : null)
-        }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])) : (vue.openBlock(), vue.createBlock(_sfc_main$s, vue.mergeProps({
+        }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])) : (vue.openBlock(), vue.createBlock(_sfc_main$t, vue.mergeProps({
           key: 1,
           class: "dialog-body dialog-builtin",
           "in-popup": true
@@ -1655,7 +1655,7 @@
           onCancel: _cache[2] || (_cache[2] = $event => vue.unref(closePopup)()),
           onConfirm: onWrapperConfirm
         }), {
-          default: vue.withCtx(() => [vue.createVNode(_sfc_main$u, vue.mergeProps({
+          default: vue.withCtx(() => [vue.createVNode(_sfc_main$v, vue.mergeProps({
             name: __props.options.name,
             component: __props.options.component,
             url: __props.options.url,
@@ -1672,7 +1672,7 @@
     }
   });
 
-  var _sfc_main$q = vue.defineComponent({
+  var _sfc_main$r = vue.defineComponent({
     ...{
       name: "FollowContainer",
       inheritAttrs: true
@@ -1793,7 +1793,7 @@
         });
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$u, vue.mergeProps({
+        return vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({
           class: ["snail-follow initial", [__props.popupStatus.value, __props.popupTransition.value]],
           style: {
             "z-index": __props.zIndex
@@ -1810,7 +1810,7 @@
     }
   });
 
-  var _sfc_main$p = vue.defineComponent({
+  var _sfc_main$q = vue.defineComponent({
     ...{
       name: "PopupContainer",
       inheritAttrs: true
@@ -1830,7 +1830,7 @@
         model = vue.shallowRef(void 0)
       } = __props.options;
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$u, vue.mergeProps({
+        return vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({
           class: ["snail-popup", [__props.popupStatus.value, __props.popupTransition.value]],
           style: {
             "z-index": __props.zIndex
@@ -1848,12 +1848,12 @@
     }
   });
 
-  const _hoisted_1$g = {
+  const _hoisted_1$h = {
     key: 1,
     class: "icon"
   };
-  const _hoisted_2$c = ["innerHTML"];
-  var _sfc_main$o = vue.defineComponent({
+  const _hoisted_2$d = ["innerHTML"];
+  var _sfc_main$p = vue.defineComponent({
     ...{
       name: "ToastContainer",
       inheritAttrs: true
@@ -1890,7 +1890,7 @@
           }),
           onMouseenter: _cache[1] || (_cache[1] = $event => onMouseEvent(false)),
           onMouseleave: _cache[2] || (_cache[2] = $event => onMouseEvent(true))
-        }, [vue.unref(props).closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, [vue.unref(props).closeDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 0,
           class: "close-icon",
           type: "close",
@@ -1901,21 +1901,21 @@
           onClick: _cache[0] || (_cache[0] = $event => {
             vue.unref(closePopup)();
           })
-        })) : vue.createCommentVNode("", true), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [vue.createVNode(_sfc_main$E, {
+        })) : vue.createCommentVNode("", true), vue.unref(props).type ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$h, [vue.createVNode(_sfc_main$F, {
           type: vue.unref(props).type,
           color: "#707070",
           size: 20
         }, null, 8, ["type"])])) : vue.createCommentVNode("", true), vue.createElementVNode("div", {
           class: "message",
           innerHTML: vue.unref(props).message
-        }, null, 8, _hoisted_2$c)], 38);
+        }, null, 8, _hoisted_2$d)], 38);
       };
     }
   });
 
   function usePopup() {
     function popup(options) {
-      const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$p, options);
+      const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$q, options);
       return addScope2Scopes(scope);
     }
     function dialog(options) {
@@ -1948,7 +1948,7 @@
           },
           onBeforeClose: fn => hook.register("onBeforeClose", fn)
         });
-        const descriptor = openPopup(_sfc_main$r, options, extOptions);
+        const descriptor = openPopup(_sfc_main$s, options, extOptions);
         scope = snail_core.useAsyncScope(deferred.promise);
         monitorDialog(descriptor, scope, deferred);
       }
@@ -1966,14 +1966,14 @@
           inPopup: "follow",
           target
         };
-        scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$q, options, extOptions);
+        scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$r, options, extOptions);
       }
       return addScope2Scopes(scope);
     }
     function confirm(title, message, options) {
       options = options || Object.create(null);
       return dialog({
-        component: _sfc_main$x,
+        component: _sfc_main$y,
         closeOnEscape: true,
         props: {
           ...options,
@@ -1983,7 +1983,7 @@
       });
     }
     function toast(type, message, options) {
-      return popupInCustomContainer(_sfc_main$o, {
+      return popupInCustomContainer(_sfc_main$p, {
         url: "#ToastContainer",
         props: {
           ...(options || Object.create(null)),
@@ -2016,7 +2016,7 @@
         },
         ...extOptions
       });
-      const descriptor = openPopup(container || _sfc_main$p, options, extOptions);
+      const descriptor = openPopup(container || _sfc_main$q, options, extOptions);
       const scope = snail_core.useAsyncScope(deferred.promise);
       scope.onDestroy(() => destroyPopup(descriptor, deferred));
       return scope;
@@ -2151,12 +2151,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$f = {
+  const _hoisted_1$g = {
     class: "snail-empty"
   };
-  const _hoisted_2$b = ["src"];
-  const _hoisted_3$6 = ["textContent"];
-  var _sfc_main$n = vue.defineComponent({
+  const _hoisted_2$c = ["src"];
+  const _hoisted_3$7 = ["textContent"];
+  var _sfc_main$o = vue.defineComponent({
     ...{
       name: "Empty",
       inheritAttrs: true
@@ -2169,23 +2169,23 @@
     setup(__props) {
       const defaultImageBase64 = getNoDataBase64Image();
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$f, [vue.createElementVNode("img", {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$g, [vue.createElementVNode("img", {
           src: __props.imageUrl || vue.unref(defaultImageBase64)
-        }, null, 8, _hoisted_2$b), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
+        }, null, 8, _hoisted_2$c), vue.renderSlot(_ctx.$slots, "default", {}, () => [vue.createElementVNode("div", {
           class: "message",
           textContent: vue.toDisplayString(__props.message || "无数据")
-        }, null, 8, _hoisted_3$6)])]);
+        }, null, 8, _hoisted_3$7)])]);
       };
     }
   });
 
-  const _hoisted_1$e = ["title"];
-  const _hoisted_2$a = ["textContent"];
-  const _hoisted_3$5 = {
+  const _hoisted_1$f = ["title"];
+  const _hoisted_2$b = ["textContent"];
+  const _hoisted_3$6 = {
     key: 1,
     class: "select-status"
   };
-  var _sfc_main$m = vue.defineComponent({
+  var _sfc_main$n = vue.defineComponent({
     ...{
       name: "SelectNode",
       inheritAttrs: true
@@ -2230,15 +2230,15 @@
         }, [vue.createElementVNode("div", {
           class: "item-text ellipsis",
           textContent: vue.toDisplayString(__props.item.text)
-        }, null, 8, _hoisted_2$a), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, null, 8, _hoisted_2$b), __props.item.type == "group" ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 0,
           type: "arrow"
-        })) : __props.multiple == true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$5, [vue.createVNode(_sfc_main$E, {
+        })) : __props.multiple == true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$6, [vue.createVNode(_sfc_main$F, {
           type: "success",
           button: "",
           size: 12,
           color: "white"
-        })])) : vue.createCommentVNode("", true)], 42, _hoisted_1$e)) : vue.createCommentVNode("", true), showRef.value ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
+        })])) : vue.createCommentVNode("", true)], 42, _hoisted_1$f)) : 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, {
@@ -2255,7 +2255,7 @@
     }
   });
 
-  var _sfc_main$l = vue.defineComponent({
+  var _sfc_main$m = vue.defineComponent({
     ...{
       name: "Select2Popup",
       inheritAttrs: true
@@ -2427,13 +2427,13 @@
           key: 0
         }, [vue.createTextVNode(" 暂无选项 ")], 64)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 1
-        }, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+        }, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$z, vue.mergeProps({
           key: 0
         }, __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$m, {
+          return vue.openBlock(), vue.createBlock(_sfc_main$n, {
             key: vue.unref(context).getKey(item),
             multiple: __props.multiple,
             item,
@@ -2442,7 +2442,7 @@
             onEnter: onEnterSelectNode,
             onClick: onClickSelectNode
           }, null, 8, ["multiple", "item", "context"]);
-        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$n, {
+        }), 128)), itemsRef.value.length == 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$o, {
           key: 1,
           message: "无结果"
         })) : vue.createCommentVNode("", true), showClearButtonRef.value ? (vue.openBlock(), vue.createElementBlock("div", {
@@ -2454,20 +2454,20 @@
     }
   });
 
-  const _hoisted_1$d = {
+  const _hoisted_1$e = {
     key: 0,
     class: "select-result"
   };
-  const _hoisted_2$9 = ["title", "textContent"];
-  const _hoisted_3$4 = ["textContent"];
-  const _hoisted_4$3 = {
+  const _hoisted_2$a = ["title", "textContent"];
+  const _hoisted_3$5 = ["textContent"];
+  const _hoisted_4$4 = {
     key: 1,
     class: "placeholder"
   };
   onAppCreated((app, type) => {
-    type == "popup" && app.component("SelectPopup", _sfc_main$l);
+    type == "popup" && app.component("SelectPopup", _sfc_main$m);
   });
-  var _sfc_main$k = vue.defineComponent({
+  var _sfc_main$l = vue.defineComponent({
     ...{
       name: "Select",
       inheritAttrs: true
@@ -2599,26 +2599,26 @@
           ref: "select"
         }, [__props.items && __props.items.length ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
           key: 0
-        }, [selectedItemsRef.value.length ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$d, [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$e, [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$9)])])) : (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_2$a)])])) : (vue.openBlock(), vue.createElementBlock("div", {
           key: 1,
           class: "placeholder",
           textContent: vue.toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
-        }, null, 8, _hoisted_3$4)), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, null, 8, _hoisted_3$5)), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 2,
           type: "arrow",
           button: "",
           size: 24,
           rotate: 90
-        })) : vue.createCommentVNode("", true)], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$3, "暂无可选项"))], 2);
+        })) : vue.createCommentVNode("", true)], 64)) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$4, "暂无可选项"))], 2);
       };
     }
   });
 
-  var _sfc_main$j = vue.defineComponent({
+  var _sfc_main$k = vue.defineComponent({
     ...{
       name: "Switch",
       inheritAttrs: true
@@ -2657,7 +2657,7 @@
         return vue.openBlock(), vue.createElementBlock("div", {
           class: vue.normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", __props.readonly ? "readonly" : ""], __props.type || "switch"]),
           onClick: onSwitchChange
-        }, [__props.type == "checkbox" || __props.type == "radio" ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, [__props.type == "checkbox" || __props.type == "radio" ? vue.withDirectives((vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 0,
           type: "success",
           color: "white",
@@ -2675,8 +2675,8 @@
     }
   });
 
-  const _hoisted_1$c = ["readonly", "placeholder", "rows"];
-  var _sfc_main$i = vue.defineComponent({
+  const _hoisted_1$d = ["readonly", "placeholder", "rows"];
+  var _sfc_main$j = vue.defineComponent({
     ...{
       name: "Textarea",
       inheritAttrs: true
@@ -2736,14 +2736,14 @@
           onInput: _cache[2] || (_cache[2] = $event => emits("input", textareaDom.value.value)),
           onBlur: _cache[3] || (_cache[3] = $event => emits("blur", textareaDom.value.value)),
           onChange: _cache[4] || (_cache[4] = $event => emits("change", textareaDom.value.value))
-        }, null, 40, _hoisted_1$c)), [[vue.vModelText, valueModel.value]]);
+        }, null, 40, _hoisted_1$d)), [[vue.vModelText, valueModel.value]]);
       };
     }
   });
 
-  const _hoisted_1$b = ["onClick"];
-  const _hoisted_2$8 = ["textContent"];
-  var _sfc_main$h = vue.defineComponent({
+  const _hoisted_1$c = ["onClick"];
+  const _hoisted_2$9 = ["textContent"];
+  var _sfc_main$i = vue.defineComponent({
     __name: "action-items",
     props: {
       mode: {},
@@ -2781,7 +2781,7 @@
               "--hcolor": vue.unref(snail_core.correctString)(action.hoverColor, null, true)
             }),
             onClick: $event => onActionItemClick(action.code)
-          }, [action.icon != void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$E, vue.mergeProps({
+          }, [action.icon != void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
             key: 0,
             ref_for: true
           }, action.icon, {
@@ -2790,20 +2790,20 @@
           }), null, 16)) : vue.createCommentVNode("", true), vue.createElementVNode("span", {
             class: "ellipsis",
             textContent: vue.toDisplayString(action.name)
-          }, null, 8, _hoisted_2$8)], 12, _hoisted_1$b);
+          }, null, 8, _hoisted_2$9)], 12, _hoisted_1$c);
         }), 128))], 2);
       };
     }
   });
 
-  const _hoisted_1$a = {
+  const _hoisted_1$b = {
     class: "snail-action flex-cross-center",
     ref: "snail-action"
   };
-  const _hoisted_2$7 = {
+  const _hoisted_2$8 = {
     class: "action-slot flex-cross-center"
   };
-  var _sfc_main$g = vue.defineComponent({
+  var _sfc_main$h = vue.defineComponent({
     __name: "action",
     props: {
       disabled: {
@@ -2841,7 +2841,7 @@
           popupScopeRef.value.destroy();
         } else if (props.disabled != true) {
           popupScopeRef.value = follow(rootDom.value, {
-            component: _sfc_main$h,
+            component: _sfc_main$i,
             closeOnEscape: true,
             closeOnMask: true,
             closeOnResize: true,
@@ -2892,12 +2892,12 @@
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [vue.createElementVNode("div", _hoisted_2$7, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (vue.openBlock(), vue.createElementBlock("div", {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.createElementVNode("div", _hoisted_2$8, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: vue.normalizeClass(["trigger-area", {
             hidden: __props.trigger == "hover"
           }])
-        }, [vue.renderSlot(_ctx.$slots, "trigger", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotHandle))), () => [vue.createVNode(_sfc_main$E, {
+        }, [vue.renderSlot(_ctx.$slots, "trigger", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotHandle))), () => [vue.createVNode(_sfc_main$F, {
           button: "",
           type: "more",
           size: 16,
@@ -2907,7 +2907,7 @@
     }
   });
 
-  var _sfc_main$f = vue.defineComponent({
+  var _sfc_main$g = vue.defineComponent({
     ...{
       name: "Elastic",
       inheritAttrs: false
@@ -3113,7 +3113,7 @@
     }
   });
 
-  var _sfc_main$e = vue.defineComponent({
+  var _sfc_main$f = vue.defineComponent({
     ...{
       name: "Flex",
       inheritAttrs: false
@@ -3208,13 +3208,13 @@
     }
   });
 
-  const _hoisted_1$9 = ["textContent"];
-  const _hoisted_2$6 = ["textContent"];
-  const _hoisted_3$3 = {
+  const _hoisted_1$a = ["textContent"];
+  const _hoisted_2$7 = ["textContent"];
+  const _hoisted_3$4 = {
     key: 1,
     class: "status"
   };
-  var _sfc_main$d = vue.defineComponent({
+  var _sfc_main$e = vue.defineComponent({
     ...{
       name: "Fold",
       inheritAttrs: true
@@ -3306,11 +3306,11 @@
         }, [vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(slotHandle)), () => [vue.createElementVNode("div", {
           class: "title ellipsis",
           textContent: vue.toDisplayString(__props.title)
-        }, null, 8, _hoisted_1$9), !!__props.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_1$a), !!__props.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "subtitle ellipsis",
           textContent: vue.toDisplayString(__props.subtitle)
-        }, null, 8, _hoisted_2$6)) : vue.createCommentVNode("", true), __props.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$3, [vue.createVNode(_sfc_main$E, {
+        }, null, 8, _hoisted_2$7)) : vue.createCommentVNode("", true), __props.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [vue.createVNode(_sfc_main$F, {
           type: "arrow",
           button: "",
           title: statusModel.value == "expand" ? "收起" : "展开",
@@ -3324,7 +3324,7 @@
     }
   });
 
-  var _sfc_main$c = vue.defineComponent({
+  var _sfc_main$d = vue.defineComponent({
     __name: "layout",
     props: {
       direction: {},
@@ -3401,7 +3401,7 @@
             key: item
           }, [areaMap.value[item] && _ctx.$slots[item] ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 0
-          }, [areaMap.value[item].scrollable ? (vue.openBlock(), vue.createBlock(_sfc_main$t, vue.mergeProps({
+          }, [areaMap.value[item].scrollable ? (vue.openBlock(), vue.createBlock(_sfc_main$u, vue.mergeProps({
             key: 0,
             class: areaMap.value[item].class,
             style: areaMap.value[item].style
@@ -3420,7 +3420,7 @@
     }
   });
 
-  var _sfc_main$b = vue.defineComponent({
+  var _sfc_main$c = vue.defineComponent({
     ...{
       name: "Sort",
       inheritAttrs: true
@@ -3521,10 +3521,10 @@
     }
   });
 
-  const _hoisted_1$8 = {
+  const _hoisted_1$9 = {
     class: "table-body"
   };
-  var _sfc_main$a = vue.defineComponent({
+  var _sfc_main$b = vue.defineComponent({
     ...{
       name: "Table",
       inheritAttrs: true
@@ -3544,7 +3544,7 @@
       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$t, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$u, {
           class: vue.normalizeClass(["snail-table", {
             "start-border": __props.border == true
           }]),
@@ -3554,7 +3554,7 @@
           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$8, [vue.renderSlot(_ctx.$slots, "default")]), vue.createElementVNode("div", {
+          }, [vue.renderSlot(_ctx.$slots, "header")], 4), vue.createElementVNode("div", _hoisted_1$9, [vue.renderSlot(_ctx.$slots, "default")]), vue.createElementVNode("div", {
             class: "table-footer",
             style: vue.normalizeStyle(fStyleRef.value)
           }, [vue.renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -3564,7 +3564,7 @@
     }
   });
 
-  var _sfc_main$9 = vue.defineComponent({
+  var _sfc_main$a = vue.defineComponent({
     ...{
       name: "TableRow",
       inheritAttrs: true
@@ -3587,7 +3587,7 @@
     }
   });
 
-  var _sfc_main$8 = vue.defineComponent({
+  var _sfc_main$9 = vue.defineComponent({
     ...{
       name: "TableCol",
       inheritAttrs: true
@@ -3633,19 +3633,19 @@
     }
   });
 
-  const _hoisted_1$7 = {
+  const _hoisted_1$8 = {
     key: 0,
     class: "node-fold"
   };
-  const _hoisted_2$5 = ["title", "textContent"];
-  const _hoisted_3$2 = {
+  const _hoisted_2$6 = ["title", "textContent"];
+  const _hoisted_3$3 = {
     class: "node-slot ellipsis"
   };
-  const _hoisted_4$2 = {
+  const _hoisted_4$3 = {
     class: "snail-tree-children",
     ref: "children"
   };
-  var _sfc_main$7 = vue.defineComponent({
+  var _sfc_main$8 = vue.defineComponent({
     ...{
       name: "TreeNode",
       inheritAttrs: true
@@ -3753,7 +3753,7 @@
           key: 1
         }, [_cache[5] || (_cache[5] = vue.createElementVNode("div", {
           class: "indent"
-        }, null, -1)), __props.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, null, -1)), __props.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 0,
           class: vue.normalizeClass(statusRef.value),
           custom: "",
@@ -3768,7 +3768,7 @@
           class: "node-text ellipsis",
           title: __props.node.text,
           textContent: vue.toDisplayString(__props.node.text)
-        }, null, 8, _hoisted_2$5), vue.createElementVNode("div", _hoisted_3$2, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))))])], 64))], 34), [[vue.vShow, showRef.value]]), vue.withDirectives(vue.createElementVNode("div", _hoisted_4$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.node.children, child => {
+        }, null, 8, _hoisted_2$6), vue.createElementVNode("div", _hoisted_3$3, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))))])], 64))], 34), [[vue.vShow, showRef.value]]), vue.withDirectives(vue.createElementVNode("div", _hoisted_4$3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.node.children, child => {
           return vue.openBlock(), vue.createBlock(_component_TreeNode, {
             key: __props.context.getKey(child),
             node: child,
@@ -3788,10 +3788,10 @@
     }
   });
 
-  const _hoisted_1$6 = {
+  const _hoisted_1$7 = {
     class: "snail-tree"
   };
-  var _sfc_main$6 = vue.defineComponent({
+  var _sfc_main$7 = vue.defineComponent({
     ...{
       name: "Tree",
       inheritAttrs: true
@@ -3825,15 +3825,15 @@
         emits("click", node, parents);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$y, vue.mergeProps({
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$z, vue.mergeProps({
           key: 0
         }, __props.search, {
           onSearch
-        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$t, {
+        }), null, 16)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$u, {
           scroll: "y"
         }, {
           default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.nodes || [], node => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$7, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$8, {
               key: vue.unref(context).getKey(node),
               node,
               parent: void 0,
@@ -3858,7 +3858,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$u, options);
+    const app = vue.createApp(_sfc_main$v, options);
     triggerAppCreated(app);
     app.mount(target);
     const scope = snail_core.useScope().onDestroy(() => app.unmount());
@@ -3866,11 +3866,11 @@
     return scope;
   }
 
-  const _hoisted_1$5 = {
+  const _hoisted_1$6 = {
     class: "snail-flash-number"
   };
-  const _hoisted_2$4 = ["textContent"];
-  var _sfc_main$5 = vue.defineComponent({
+  const _hoisted_2$5 = ["textContent"];
+  var _sfc_main$6 = vue.defineComponent({
     __name: "flash-number",
     props: {
       value: {}
@@ -3898,12 +3898,12 @@
         buildNumberItems();
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itemsRef.value, item => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itemsRef.value, item => {
           return vue.openBlock(), vue.createElementBlock("span", {
             key: item.id,
             textContent: vue.toDisplayString(item.text),
             class: vue.normalizeClass(vue.unref(snail_core.isNullish)(item.number) ? "" : "number-item")
-          }, null, 10, _hoisted_2$4);
+          }, null, 10, _hoisted_2$5);
         }), 128)), _cache[0] || (_cache[0] = vue.createElementVNode("span", {
           style: {
             "color": "red"
@@ -4029,23 +4029,23 @@
     return items;
   }
 
-  const _hoisted_1$4 = {
+  const _hoisted_1$5 = {
     class: "tz-item",
     ref: "hour-items"
   };
-  const _hoisted_2$3 = ["textContent", "onClick", "onDblclick"];
-  const _hoisted_3$1 = {
+  const _hoisted_2$4 = ["textContent", "onClick", "onDblclick"];
+  const _hoisted_3$2 = {
     class: "tz-item",
     ref: "minute-items"
   };
-  const _hoisted_4$1 = ["textContent", "onClick", "onDblclick"];
+  const _hoisted_4$2 = ["textContent", "onClick", "onDblclick"];
   const _hoisted_5$1 = {
     key: 0,
     class: "tz-item",
     ref: "second-items"
   };
   const _hoisted_6$1 = ["textContent", "onClick", "onDblclick"];
-  var _sfc_main$4 = vue.defineComponent({
+  var _sfc_main$5 = vue.defineComponent({
     __name: "time-pc",
     props: {
       value: {},
@@ -4147,17 +4147,17 @@
       }
       vue.onMounted(rebuildItems);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$c, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$d, {
           class: vue.normalizeClass(["time-picker pc", {
             "second-disabled": vue.unref(format) != "HH:mm:ss"
           }]),
           direction: "vertical"
         }, vue.createSlots({
-          main: vue.withCtx(() => [vue.createVNode(_sfc_main$w, {
+          main: vue.withCtx(() => [vue.createVNode(_sfc_main$x, {
             multiple: "",
             effect: vue.unref(MOTION).top
           }, {
-            default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$4, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hourItems.value, item => {
+            default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$5, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hourItems.value, item => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["tzi-number", {
                   active: item.hour == timeRef.value.hour,
@@ -4167,8 +4167,8 @@
                 textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.hour, 2, "0")),
                 onClick: $event => onHourClick(item),
                 onDblclick: $event => onHourClick(item)
-              }, null, 42, _hoisted_2$3);
-            }), 128))], 512), vue.createElementVNode("div", _hoisted_3$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(minuteItems.value, item => {
+              }, null, 42, _hoisted_2$4);
+            }), 128))], 512), vue.createElementVNode("div", _hoisted_3$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(minuteItems.value, item => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["tzi-number", {
                   active: item.minute == timeRef.value.minute,
@@ -4178,7 +4178,7 @@
                 textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.minute, 2, "0")),
                 onClick: $event => onMinuteClick(item),
                 onDblclick: $event => onMinuteClick(item, true)
-              }, null, 42, _hoisted_4$1);
+              }, null, 42, _hoisted_4$2);
             }), 128))], 512), vue.unref(format) == "HH:mm:ss" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(secondItems.value, item => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["tzi-number", {
@@ -4196,19 +4196,19 @@
           _: 2
         }, [__props.toolbarDisabled != true ? {
           name: "bottom",
-          fn: vue.withCtx(() => [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+          fn: vue.withCtx(() => [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
             key: 0,
             type: "link",
             size: "small",
             textContent: "清空",
             onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), __props.inPopup && __props.closePopup("")))
-          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
             key: 1,
             type: "link",
             size: "small",
             textContent: "现在",
             onClick: _cache[1] || (_cache[1] = $event => rebuildItems(vue.unref(snail_core.getTimeValue)(new Date())))
-          })) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$F, {
+          })) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$G, {
             type: "link",
             size: "small",
             textContent: "确定",
@@ -4223,15 +4223,15 @@
     }
   });
 
-  const _hoisted_1$3 = ["textContent"];
-  const _hoisted_2$2 = ["textContent"];
-  const _hoisted_3 = ["textContent"];
-  const _hoisted_4 = ["textContent", "onClick", "onDblclick"];
+  const _hoisted_1$4 = ["textContent"];
+  const _hoisted_2$3 = ["textContent"];
+  const _hoisted_3$1 = ["textContent"];
+  const _hoisted_4$1 = ["textContent", "onClick", "onDblclick"];
   const _hoisted_5 = ["textContent", "onClick", "onDblclick"];
   const _hoisted_6 = ["textContent"];
   const _hoisted_7 = ["textContent", "onClick", "onDblclick"];
   const _hoisted_8 = ["textContent"];
-  var _sfc_main$3 = vue.defineComponent({
+  var _sfc_main$4 = vue.defineComponent({
     __name: "date-pc",
     props: {
       value: {},
@@ -4448,7 +4448,7 @@
       dateRef.value == void 0 && (dateRef.value = electDateValue());
       buildPickerItems(stepRef.value, 0);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$c, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$d, {
           class: vue.normalizeClass(["date-picker pc", {
             "time-now": __props.pinned && __props.pinned.value == true
           }]),
@@ -4460,7 +4460,7 @@
             height: "30px"
           }
         }, vue.createSlots({
-          top: vue.withCtx(() => [vue.createVNode(_sfc_main$E, {
+          top: vue.withCtx(() => [vue.createVNode(_sfc_main$F, {
             type: "arrow",
             button: "",
             rotate: 180,
@@ -4473,16 +4473,16 @@
           }, [stepRef.value == "year" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             textContent: vue.toDisplayString(`${yearItems.value[0].year}年 - ${vue.unref(snail_core.getFromArray)(yearItems.value, -1).year}年`)
-          }, null, 8, _hoisted_1$3)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+          }, null, 8, _hoisted_1$4)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 1
           }, [vue.createElementVNode("div", {
             textContent: vue.toDisplayString(`${dateRef.value.year}年`),
             onClick: _cache[1] || (_cache[1] = $event => onSwitchStepClick("year"))
-          }, null, 8, _hoisted_2$2), stepRef.value == "day" ? (vue.openBlock(), vue.createElementBlock("div", {
+          }, null, 8, _hoisted_2$3), stepRef.value == "day" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             textContent: vue.toDisplayString(`${dateRef.value.month}月`),
             onClick: _cache[2] || (_cache[2] = $event => onSwitchStepClick("month"))
-          }, null, 8, _hoisted_3)) : vue.createCommentVNode("", true)], 64))], 2), vue.createVNode(_sfc_main$E, {
+          }, null, 8, _hoisted_3$1)) : vue.createCommentVNode("", true)], 64))], 2), vue.createVNode(_sfc_main$F, {
             class: "flex-0",
             type: "arrow",
             button: "",
@@ -4504,7 +4504,7 @@
               textContent: vue.toDisplayString(item.year),
               onClick: $event => onYearItemClick(item),
               onDblclick: $event => onYearItemClick(item, true)
-            }, null, 40, _hoisted_4)], 2);
+            }, null, 40, _hoisted_4$1)], 2);
           }), 128)) : stepRef.value == "month" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
             key: 1
           }, vue.renderList(monthItems.value, item => {
@@ -4554,19 +4554,19 @@
             onClick: onSelectTime
           }, null, 10, _hoisted_8)) : vue.createCommentVNode("", true), __props.toolbarDisabled != true ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 1
-          }, [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+          }, [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
             key: 0,
             type: "link",
             size: "small",
             textContent: "清空",
             onClick: _cache[4] || (_cache[4] = $event => (emits("clear"), vue.unref(inPopup) && __props.closePopup("")))
-          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
             key: 1,
             type: "link",
             size: "small",
             textContent: "现在",
             onClick: onNow
-          })) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$F, {
+          })) : vue.createCommentVNode("", true)], 64)) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$G, {
             type: "link",
             size: "small",
             textContent: "确定",
@@ -4581,19 +4581,129 @@
     }
   });
 
+  const _hoisted_1$3 = {
+    key: 0,
+    class: "pick-header"
+  };
+  const _hoisted_2$2 = {
+    class: "pick-body"
+  };
+  const _hoisted_3 = {
+    class: "pick-items",
+    ref: "pick-items"
+  };
+  const _hoisted_4 = ["textContent"];
+  const itemHeight = 32;
+  var _sfc_main$3 = vue.defineComponent({
+    __name: "scroll-picker",
+    props: {
+      items: {},
+      value: {},
+      title: {},
+      inPopup: {},
+      closePopup: {
+        type: Function
+      },
+      onBeforeClose: {
+        type: Function
+      },
+      popupStatus: {},
+      popup: {},
+      picker: {}
+    },
+    emits: ["select"],
+    setup(__props, _ref) {
+      var _ref2, _props$value, _props$items$;
+      let {
+        emit: __emit
+      } = _ref;
+      const props = __props;
+      const emits = __emit;
+      const {
+        onSize
+      } = snail_view.useObserver();
+      const {
+        onTimeout
+      } = snail_core.useTimer();
+      const pickItemsDom = vue.useTemplateRef("pick-items");
+      const elasticRef = vue.shallowRef();
+      const valueRef = vue.ref((_ref2 = (_props$value = props.value) !== null && _props$value !== void 0 ? _props$value : (_props$items$ = props.items[0]) === null || _props$items$ === void 0 ? void 0 : _props$items$.code) !== null && _ref2 !== void 0 ? _ref2 : "");
+      let backValue = void 0;
+      function onElastic(detail) {
+        if (detail.status == "start") {
+          backValue = valueRef.value;
+        } else {
+          const index = parseInt((detail.position.y / itemHeight).toFixed(0));
+          const item = props.items[-index];
+          valueRef.value = item ? item.code : void 0;
+          if (detail.status == "end") {
+            elasticRef.value.scrollTo(void 0, index * itemHeight);
+            backValue != valueRef.value && emits("select", valueRef.value);
+          }
+        }
+      }
+      vue.onMounted(async () => {
+        onSize(pickItemsDom.value.parentElement, size => {
+          const offset = (size.height - itemHeight) / 2;
+          pickItemsDom.value.style.padding = `${offset}px 0`;
+        });
+        elasticRef.value = snail_view.useElastic(pickItemsDom.value, {
+          elastic: "y",
+          distance: 100
+        }, onElastic);
+        const index = props.items.findIndex(item => item.code == valueRef.value);
+        index != -1 && onTimeout(() => elasticRef.value.scrollTo(void 0, -itemHeight * index), 50);
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["snail-scroll-picker wh-fill", {
+            "in-pupup": __props.inPopup
+          }])
+        }, [__props.inPopup ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, "ddd")) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_2$2, [vue.createElementVNode("div", _hoisted_3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, item => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            class: vue.normalizeClass(["pick-item", {
+              selected: item.code === valueRef.value,
+              disabled: item.disabled
+            }]),
+            key: item.code,
+            textContent: vue.toDisplayString(item.text)
+          }, null, 10, _hoisted_4);
+        }), 128))], 512), _cache[0] || (_cache[0] = vue.createElementVNode("div", {
+          class: "pick-layer"
+        }, [vue.createElementVNode("span", {
+          class: "layer-top"
+        }), vue.createElementVNode("span", {
+          class: "layer-selection"
+        }), vue.createElementVNode("span", {
+          class: "layer-bottom"
+        })], -1))])], 2);
+      };
+    }
+  });
+
   function usePicker() {
     const popup = usePopup();
     function showDate(target, options, popupOptions) {
       options = {
         ...options
       };
-      return showPicker(target, _sfc_main$3, options, popupOptions);
+      return showPicker(target, _sfc_main$4, options, popupOptions);
     }
     function showTime(target, options, popupOptions) {
       options = {
         ...options
       };
-      return showPicker(target, _sfc_main$4, options, popupOptions);
+      return showPicker(target, _sfc_main$5, options, popupOptions);
+    }
+    function showScroll(options) {
+      const popupOptions = {
+        mode: "dialog",
+        dialog: {
+          closeOnEscape: true,
+          closeOnMask: true
+        }
+      };
+      return showPicker(void 0, _sfc_main$3, options, popupOptions);
     }
     function showPicker(target, component, options, popupOptions) {
       if (popupOptions && popupOptions.mode == "dialog") {
@@ -4631,7 +4741,8 @@
     }
     const manager = Object.freeze(snail_core.mountScope({
       showDate,
-      showTime
+      showTime,
+      showScroll
     }, "IPickerManager"));
     manager.onDestroy(popup.destroy);
     return manager;
@@ -4715,7 +4826,7 @@
             "flex-1": __props.mode != "simple"
           }]),
           textContent: vue.toDisplayString(valueRef.value)
-        }, null, 10, _hoisted_2$1)) : vue.createCommentVNode("", true), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, null, 10, _hoisted_2$1)) : vue.createCommentVNode("", true), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 1,
           type: "datepicker",
           button: "",
@@ -4803,7 +4914,7 @@
             "flex-1": __props.mode != "simple"
           }]),
           textContent: vue.toDisplayString(valueRef.value)
-        }, null, 10, _hoisted_2)) : vue.createCommentVNode("", true), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, null, 10, _hoisted_2)) : vue.createCommentVNode("", true), __props.readonly != true ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 1,
           type: "timepicker",
           button: "",
@@ -4899,12 +5010,12 @@
           onTouchstart: onStartDrag,
           onTouchmove: onDragMove,
           onTouchend: onDragEnd
-        }, [dragInfoRef.value.status == "success" ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        }, [dragInfoRef.value.status == "success" ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 0,
           type: "success",
           size: 20,
           color: "white"
-        })) : (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        })) : (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 1,
           custom: "",
           size: 20,
@@ -4923,37 +5034,38 @@
   });
 
   const components = {
-    Action: _sfc_main$g,
-    Button: _sfc_main$F,
-    Choose: _sfc_main$D,
-    Footer: _sfc_main$C,
-    Header: _sfc_main$B,
-    Icon: _sfc_main$E,
-    Input: _sfc_main$A,
-    Number: _sfc_main$z,
-    Search: _sfc_main$y,
-    Select: _sfc_main$k,
-    Switch: _sfc_main$j,
-    Textarea: _sfc_main$i,
-    Dynamic: _sfc_main$u,
-    Elastic: _sfc_main$f,
-    Flex: _sfc_main$e,
-    Fold: _sfc_main$d,
-    Motion: _sfc_main$w,
-    Layout: _sfc_main$c,
-    Scroll: _sfc_main$t,
-    Sort: _sfc_main$b,
-    Table: _sfc_main$a,
-    TableRow: _sfc_main$9,
-    TableCol: _sfc_main$8,
-    Tree: _sfc_main$6,
-    Wrapper: _sfc_main$s,
-    FlashNumber: _sfc_main$5,
+    Action: _sfc_main$h,
+    Button: _sfc_main$G,
+    Choose: _sfc_main$E,
+    Footer: _sfc_main$D,
+    Header: _sfc_main$C,
+    Icon: _sfc_main$F,
+    Input: _sfc_main$B,
+    Number: _sfc_main$A,
+    Search: _sfc_main$z,
+    Select: _sfc_main$l,
+    Switch: _sfc_main$k,
+    Textarea: _sfc_main$j,
+    Dynamic: _sfc_main$v,
+    Elastic: _sfc_main$g,
+    Flex: _sfc_main$f,
+    Fold: _sfc_main$e,
+    Motion: _sfc_main$x,
+    Layout: _sfc_main$d,
+    Scroll: _sfc_main$u,
+    Sort: _sfc_main$c,
+    Table: _sfc_main$b,
+    TableRow: _sfc_main$a,
+    TableCol: _sfc_main$9,
+    Tree: _sfc_main$7,
+    Wrapper: _sfc_main$t,
+    FlashNumber: _sfc_main$6,
     DatePicker: _sfc_main$2,
+    ScrollPicker: _sfc_main$3,
     TimePicker: _sfc_main$1,
     DragVerify: _sfc_main,
-    Empty: _sfc_main$n,
-    Loading: _sfc_main$v
+    Empty: _sfc_main$o,
+    Loading: _sfc_main$w
   };
 
   snail_core.onMountScope(scope => {