snail.vue 2.0.30 → 2.0.31

package/dist/snail.vue.js

@@ -1,10 +1,10 @@
 //@ sourceURL=/snail.vue.js
 import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, computed, mergeProps, unref, createElementVNode, toDisplayString, Fragment, renderList, mergeModels, useModel, normalizeStyle, createCommentVNode, createBlock, nextTick, useTemplateRef, shallowRef, createVNode, watch, withDirectives, isRef, vModelText, withCtx, createApp, resolveDynamicComponent, TransitionGroup, Transition, normalizeProps, guardReactiveProps, ref, onErrorCaptured, createSlots, onMounted, withModifiers, getCurrentInstance, resolveComponent, vShow, onBeforeUnmount, onActivated, getCurrentScope, onScopeDispose } from 'vue';
 import { throwError, isObject, correctNumber, correctString, useKey, isArray, mountScope, useScopes, throwIfFalse, isPromise, wait, isNumberNotNaN, isStringNotEmpty, hasAny, mustFunction, useScope, removeFromArray, mustObject, isArrayNotEmpty, hasOwnProperty, isString, script, delay, useTimer, runAsync, defer, useAsyncScope, useHook, newId, throwIfTrue, isFunction, isNullish, getTimeNumber, getDateValue, parseDate, formatDateValue, getDateByValue, parseTimeValue, getTimeValue, padStart, formatTimeValue, parseDateValue, correctDateFormat, isValidTime, getFromArray, onMountScope } from 'snail.core';
-import { link, css, useObserver, useScroll, useAnimation } from 'snail.view';
+import { link, css, useObserver, useScroll, useAnimation, useElastic } from 'snail.view';
 
-const _hoisted_1$o = ["title"];
-var _sfc_main$F = defineComponent({
+const _hoisted_1$p = ["title"];
+var _sfc_main$G = defineComponent({
   ...{
     name: "Button",
     inheritAttrs: true
@@ -26,7 +26,7 @@ var _sfc_main$F = defineComponent({
         class: normalizeClass(["snail-button", [__props.size, __props.type]]),
         title: __props.title,
         onClick: _cache[0] || (_cache[0] = evt => emits("click", evt))
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createTextVNode("按钮", -1))])], 10, _hoisted_1$o);
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [_cache[1] || (_cache[1] = createTextVNode("按钮", -1))])], 10, _hoisted_1$p);
     };
   }
 });
@@ -77,10 +77,10 @@ function getBuiltinIcon(iconType) {
   }
 }
 
-const _hoisted_1$n = ["viewBox"];
-const _hoisted_2$h = ["textContent"];
-const _hoisted_3$a = ["d"];
-var _sfc_main$E = defineComponent({
+const _hoisted_1$o = ["viewBox"];
+const _hoisted_2$i = ["textContent"];
+const _hoisted_3$b = ["d"];
+var _sfc_main$F = defineComponent({
   __name: "icon",
   props: {
     title: {},
@@ -148,24 +148,24 @@ var _sfc_main$E = defineComponent({
         onClick: _cache[0] || (_cache[0] = evt => emits("click", evt))
       }), [createElementVNode("title", {
         textContent: toDisplayString(__props.title || "")
-      }, null, 8, _hoisted_2$h), __props.custom == true ? renderSlot(_ctx.$slots, "default", {
+      }, null, 8, _hoisted_2$i), __props.custom == true ? renderSlot(_ctx.$slots, "default", {
         key: 0
       }) : (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(unref(getBuiltinIcon)(__props.type), d => {
         return openBlock(), 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 = 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 = defineComponent({
   ...{
     name: "Choose",
     inheritAttrs: true
@@ -241,10 +241,10 @@ var _sfc_main$D = defineComponent({
           key: 0,
           type: unref(type),
           checked: node.selected
-        }, null, 8, _hoisted_2$g)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_2$h)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["status", [node.selected ? "selected" : ""]])
-        }, [node.selected ? (openBlock(), createBlock(_sfc_main$E, {
+        }, [node.selected ? (openBlock(), createBlock(_sfc_main$F, {
           key: 0,
           type: "success",
           size: 12,
@@ -253,17 +253,17 @@ var _sfc_main$D = defineComponent({
           key: 2,
           class: "item-text",
           textContent: toDisplayString(node.item.text)
-        }, null, 8, _hoisted_3$9)) : createCommentVNode("", true), node.item.description ? (openBlock(), createElementBlock("span", {
+        }, null, 8, _hoisted_3$a)) : createCommentVNode("", true), node.item.description ? (openBlock(), createElementBlock("span", {
           key: 3,
           class: "item-des",
           textContent: toDisplayString(node.item.description)
-        }, null, 8, _hoisted_4$6)) : createCommentVNode("", true)], 14, _hoisted_1$m);
+        }, null, 8, _hoisted_4$7)) : createCommentVNode("", true)], 14, _hoisted_1$n);
       }), 128))], 2);
     };
   }
 });
 
-var _sfc_main$C = defineComponent({
+var _sfc_main$D = defineComponent({
   ...{
     name: "Footer",
     inheritAttrs: true
@@ -294,13 +294,13 @@ var _sfc_main$C = defineComponent({
         class: normalizeClass(["snail-footer", {
           "start-divider": __props.divider
         }, __props.align || "right"])
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$G, {
         key: 0,
         size: "max",
         type: "default",
         onClick: _cache[0] || (_cache[0] = $event => emits("cancel")),
         textContent: toDisplayString(__props.cancelName || "取消")
-      }, null, 8, ["textContent"])) : createCommentVNode("", true), __props.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
+      }, null, 8, ["textContent"])) : createCommentVNode("", true), __props.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$G, {
         key: 1,
         size: "max",
         type: "primary",
@@ -311,8 +311,8 @@ var _sfc_main$C = defineComponent({
   }
 });
 
-const _hoisted_1$l = ["textContent"];
-var _sfc_main$B = defineComponent({
+const _hoisted_1$m = ["textContent"];
+var _sfc_main$C = defineComponent({
   ...{
     name: "Header",
     inheritAttrs: true
@@ -351,7 +351,7 @@ var _sfc_main$B = defineComponent({
         key: 0,
         textContent: toDisplayString(__props.title),
         class: normalizeClass(["header-title", __props.titleAlign])
-      }, null, 10, _hoisted_1$l)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$E, {
+      }, null, 10, _hoisted_1$m)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
         key: 1,
         class: "close-icon",
         type: "close",
@@ -364,18 +364,18 @@ var _sfc_main$B = defineComponent({
   }
 });
 
-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 = defineComponent({
+var _sfc_main$B = defineComponent({
   ...{
     name: "Input",
     inheritAttrs: true
@@ -427,7 +427,7 @@ var _sfc_main$A = defineComponent({
       }, [createElementVNode("span", {
         class: "text",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_1$k), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$f)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$8, [createElementVNode("input", {
+      }, null, 8, _hoisted_1$l), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$g)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$9, [createElementVNode("input", {
         ref: "input-el",
         type: __props.type || "text",
         value: inputModel.value,
@@ -436,11 +436,11 @@ var _sfc_main$A = defineComponent({
         title: inputModel.value,
         onChange: onValueChange,
         onClick: _cache[0] || (_cache[0] = $event => emits("click"))
-      }, null, 40, _hoisted_4$5), !!validateRef.value ? (openBlock(), createElementBlock("span", {
+      }, null, 40, _hoisted_4$6), !!validateRef.value ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: "validate",
         title: validateRef.value
-      }, [createVNode(_sfc_main$E, {
+      }, [createVNode(_sfc_main$F, {
         type: "error",
         button: "",
         size: 16,
@@ -650,20 +650,20 @@ function useFormatter(options) {
   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 = defineComponent({
+var _sfc_main$A = defineComponent({
   __name: "number",
   props: mergeModels({
     placeholder: {},
@@ -810,10 +810,10 @@ var _sfc_main$z = defineComponent({
           "has-prefix": unref(hasPrefix),
           "has-suffix": unref(hasSuffix)
         }])
-      }, [unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$j, [createElementVNode("span", {
+      }, [unref(hasPrefix) ? (openBlock(), createElementBlock("div", _hoisted_1$k, [createElementVNode("span", {
         class: "ellipsis",
         textContent: toDisplayString(unref(prefix))
-      }, null, 8, _hoisted_2$e)])) : createCommentVNode("", true), createElementVNode("div", {
+      }, null, 8, _hoisted_2$f)])) : createCommentVNode("", true), createElementVNode("div", {
         class: normalizeClass(["input-panel", unref(controls)])
       }, [withDirectives(createElementVNode("input", {
         type: "text",
@@ -825,19 +825,19 @@ var _sfc_main$z = defineComponent({
         onFocus: _cache[1] || (_cache[1] = $event => isRef(needBackSection) ? needBackSection.value = true : needBackSection = true),
         onPaste: _cache[2] || (_cache[2] = $event => isRef(needBackSection) ? needBackSection.value = false : needBackSection = false),
         onBlur: _cache[3] || (_cache[3] = $event => formatOnEnd(true))
-      }, null, 40, _hoisted_3$7), [[vModelText, displayValueRef.value]]), unref(controls) == "default" ? (openBlock(), createElementBlock(Fragment, {
+      }, null, 40, _hoisted_3$8), [[vModelText, displayValueRef.value]]), unref(controls) == "default" ? (openBlock(), createElementBlock(Fragment, {
         key: 0
       }, [createElementVNode("div", {
         class: "controls default subtract",
         onClick: _cache[4] || (_cache[4] = $event => onStepClick(false))
-      }, [createVNode(_sfc_main$E, {
+      }, [createVNode(_sfc_main$F, {
         type: "subtract",
         button: "",
         size: 20
       })]), createElementVNode("div", {
         class: "controls default plus",
         onClick: _cache[5] || (_cache[5] = $event => onStepClick(true))
-      }, [createVNode(_sfc_main$E, {
+      }, [createVNode(_sfc_main$F, {
         type: "plus",
         button: "",
         size: 20
@@ -846,7 +846,7 @@ var _sfc_main$z = defineComponent({
       }, [createElementVNode("div", {
         class: "controls right plus",
         onClick: _cache[6] || (_cache[6] = $event => onStepClick(true))
-      }, [createVNode(_sfc_main$E, {
+      }, [createVNode(_sfc_main$F, {
         type: "arrow",
         button: "",
         size: 20,
@@ -854,12 +854,12 @@ var _sfc_main$z = defineComponent({
       })]), createElementVNode("div", {
         class: "controls right subtract",
         onClick: _cache[7] || (_cache[7] = $event => onStepClick(false))
-      }, [createVNode(_sfc_main$E, {
+      }, [createVNode(_sfc_main$F, {
         type: "arrow",
         button: "",
         size: 20,
         rotate: 90
-      })])], 64)) : createCommentVNode("", true)], 2), unref(hasSuffix) ? (openBlock(), createElementBlock("div", _hoisted_4$4, [createElementVNode("span", {
+      })])], 64)) : createCommentVNode("", true)], 2), unref(hasSuffix) ? (openBlock(), createElementBlock("div", _hoisted_4$5, [createElementVNode("span", {
         class: "ellipsis",
         textContent: toDisplayString(unref(suffix))
       }, null, 8, _hoisted_5$2)])) : createCommentVNode("", true), unref(upper) ? (openBlock(), createElementBlock("div", {
@@ -877,8 +877,8 @@ var _sfc_main$z = defineComponent({
   }
 });
 
-const _hoisted_1$i = ["placeholder", "readonly"];
-var _sfc_main$y = defineComponent({
+const _hoisted_1$j = ["placeholder", "readonly"];
+var _sfc_main$z = defineComponent({
   ...{
     name: "Search",
     inheritAttrs: true
@@ -923,9 +923,9 @@ var _sfc_main$y = defineComponent({
         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), [[vModelText, textModel.value, void 0, {
+      }, null, 40, _hoisted_1$j), [[vModelText, textModel.value, void 0, {
         trim: true
-      }]]), createElementVNode("div", null, [createVNode(_sfc_main$E, {
+      }]]), createElementVNode("div", null, [createVNode(_sfc_main$F, {
         class: "search-button",
         custom: "",
         button: "",
@@ -1150,11 +1150,11 @@ function deducePosition(strategy, targetStart, targetEnd, contentSize, clientSiz
   }
 }
 
-const _hoisted_1$h = {
+const _hoisted_1$i = {
   class: "snail-confirm flex-column"
 };
-const _hoisted_2$d = ["innerHTML"];
-var _sfc_main$x = defineComponent({
+const _hoisted_2$e = ["innerHTML"];
+var _sfc_main$y = defineComponent({
   ...{
     name: "ConfirmContainer",
     inheritAttrs: true
@@ -1182,14 +1182,14 @@ var _sfc_main$x = defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$h, [createVNode(_sfc_main$B, {
+      return openBlock(), createElementBlock("div", _hoisted_1$i, [createVNode(_sfc_main$C, {
         "use-to": "dialog",
         title: __props.title || "提示",
         onClose: _cache[0] || (_cache[0] = $event => __props.closePopup(false))
       }, null, 8, ["title"]), createElementVNode("div", {
         class: "confirm-body",
         innerHTML: __props.message || "请确认？"
-      }, null, 8, _hoisted_2$d), createVNode(_sfc_main$C, {
+      }, null, 8, _hoisted_2$e), createVNode(_sfc_main$D, {
         align: "right",
         "cancel-name": __props.cancelName,
         "cancel-disabled": __props.cancelDisabled,
@@ -1250,7 +1250,7 @@ const MOTION = Object.freeze({
 });
 for (var key in MOTION) hasOwnProperty(MOTION, key) && Object.freeze(MOTION[key]);
 
-var _sfc_main$w = defineComponent({
+var _sfc_main$x = defineComponent({
   __name: "motion",
   props: {
     multiple: {
@@ -1299,7 +1299,7 @@ var _sfc_main$w = defineComponent({
   }
 });
 
-var _sfc_main$v = defineComponent({
+var _sfc_main$w = defineComponent({
   ...{
     name: "Loading",
     inheritAttrs: true
@@ -1323,7 +1323,7 @@ var _sfc_main$v = defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$w, {
+      return openBlock(), createBlock(_sfc_main$x, {
         effect: unref(MOTION).fade
       }, {
         default: withCtx(() => [__props.show ? (openBlock(), createElementBlock("div", {
@@ -1338,7 +1338,7 @@ var _sfc_main$v = defineComponent({
   }
 });
 
-var _sfc_main$u = defineComponent({
+var _sfc_main$v = defineComponent({
   ...{
     name: "Dynamic",
     inheritAttrs: false
@@ -1362,7 +1362,7 @@ var _sfc_main$u = defineComponent({
     const loadingComponent = defineComponent({
       inheritAttrs: false,
       components: {
-        Loading: _sfc_main$v
+        Loading: _sfc_main$w
       },
       template: "<Loading :mask-disabled='true' />"
     });
@@ -1487,7 +1487,7 @@ function monitScroll(manager, root, options, emiter, classStyleRef) {
   return scope;
 }
 
-var _sfc_main$t = defineComponent({
+var _sfc_main$u = defineComponent({
   ...{
     name: "Scroll",
     inheritAttrs: false
@@ -1531,7 +1531,7 @@ var _sfc_main$t = defineComponent({
   }
 });
 
-var _sfc_main$s = defineComponent({
+var _sfc_main$t = defineComponent({
   __name: "wrapper",
   props: {
     inPopup: {
@@ -1550,7 +1550,7 @@ var _sfc_main$s = defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-wrapper", __props.inPopup ? "in-popup" : "in-normal"])
-      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$B, mergeProps({
+      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$C, mergeProps({
         key: 0
       }, __props.header || {
         useTo: "dialog",
@@ -1558,14 +1558,14 @@ var _sfc_main$s = defineComponent({
       }, {
         "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"])) : createCommentVNode("", true), createVNode(_sfc_main$t, mergeProps({
+      }), null, 16, ["use-to"])) : createCommentVNode("", true), createVNode(_sfc_main$u, mergeProps({
         class: "wrapper-body flex-1"
       }, __props.content || {
         scroll: "none"
       }), {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
         _: 3
-      }, 16), __props.footer && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$C, mergeProps({
+      }, 16), __props.footer && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$D, mergeProps({
         key: 1
       }, __props.footer || {}, {
         onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
@@ -1575,7 +1575,7 @@ var _sfc_main$s = defineComponent({
   }
 });
 
-var _sfc_main$r = defineComponent({
+var _sfc_main$s = defineComponent({
   ...{
     name: "DialogContainer",
     inheritAttrs: true
@@ -1634,7 +1634,7 @@ var _sfc_main$r = defineComponent({
         onClick: _cache[3] || (_cache[3] = withModifiers($event => {
           __props.options.closeOnMask && unref(closePopup)();
         }, ["self"]))
-      }, [__props.options.wrapper == void 0 ? (openBlock(), createBlock(_sfc_main$u, mergeProps({
+      }, [__props.options.wrapper == void 0 ? (openBlock(), createBlock(_sfc_main$v, mergeProps({
         key: 0,
         class: "dialog-body",
         name: __props.options.name,
@@ -1645,7 +1645,7 @@ var _sfc_main$r = defineComponent({
         "popup-status": __props.popupStatus.value,
         modelValue: unref(model),
         "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => isRef(model) ? model.value = $event : null)
-      }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])) : (openBlock(), createBlock(_sfc_main$s, mergeProps({
+      }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])) : (openBlock(), createBlock(_sfc_main$t, mergeProps({
         key: 1,
         class: "dialog-body dialog-builtin",
         "in-popup": true
@@ -1653,7 +1653,7 @@ var _sfc_main$r = defineComponent({
         onCancel: _cache[2] || (_cache[2] = $event => unref(closePopup)()),
         onConfirm: onWrapperConfirm
       }), {
-        default: withCtx(() => [createVNode(_sfc_main$u, mergeProps({
+        default: withCtx(() => [createVNode(_sfc_main$v, mergeProps({
           name: __props.options.name,
           component: __props.options.component,
           url: __props.options.url,
@@ -1670,7 +1670,7 @@ var _sfc_main$r = defineComponent({
   }
 });
 
-var _sfc_main$q = defineComponent({
+var _sfc_main$r = defineComponent({
   ...{
     name: "FollowContainer",
     inheritAttrs: true
@@ -1791,7 +1791,7 @@ var _sfc_main$q = defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, mergeProps({
+      return openBlock(), createBlock(_sfc_main$v, mergeProps({
         class: ["snail-follow initial", [__props.popupStatus.value, __props.popupTransition.value]],
         style: {
           "z-index": __props.zIndex
@@ -1808,7 +1808,7 @@ var _sfc_main$q = defineComponent({
   }
 });
 
-var _sfc_main$p = defineComponent({
+var _sfc_main$q = defineComponent({
   ...{
     name: "PopupContainer",
     inheritAttrs: true
@@ -1828,7 +1828,7 @@ var _sfc_main$p = defineComponent({
       model = shallowRef(void 0)
     } = __props.options;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$u, mergeProps({
+      return openBlock(), createBlock(_sfc_main$v, mergeProps({
         class: ["snail-popup", [__props.popupStatus.value, __props.popupTransition.value]],
         style: {
           "z-index": __props.zIndex
@@ -1846,12 +1846,12 @@ var _sfc_main$p = defineComponent({
   }
 });
 
-const _hoisted_1$g = {
+const _hoisted_1$h = {
   key: 1,
   class: "icon"
 };
-const _hoisted_2$c = ["innerHTML"];
-var _sfc_main$o = defineComponent({
+const _hoisted_2$d = ["innerHTML"];
+var _sfc_main$p = defineComponent({
   ...{
     name: "ToastContainer",
     inheritAttrs: true
@@ -1888,7 +1888,7 @@ var _sfc_main$o = defineComponent({
         }),
         onMouseenter: _cache[1] || (_cache[1] = $event => onMouseEvent(false)),
         onMouseleave: _cache[2] || (_cache[2] = $event => onMouseEvent(true))
-      }, [unref(props).closeDisabled != true ? (openBlock(), createBlock(_sfc_main$E, {
+      }, [unref(props).closeDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
         key: 0,
         class: "close-icon",
         type: "close",
@@ -1899,21 +1899,21 @@ var _sfc_main$o = defineComponent({
         onClick: _cache[0] || (_cache[0] = $event => {
           unref(closePopup)();
         })
-      })) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$g, [createVNode(_sfc_main$E, {
+      })) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$h, [createVNode(_sfc_main$F, {
         type: unref(props).type,
         color: "#707070",
         size: 20
       }, null, 8, ["type"])])) : createCommentVNode("", true), createElementVNode("div", {
         class: "message",
         innerHTML: 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) {
@@ -1946,7 +1946,7 @@ function usePopup() {
         },
         onBeforeClose: fn => hook.register("onBeforeClose", fn)
       });
-      const descriptor = openPopup(_sfc_main$r, options, extOptions);
+      const descriptor = openPopup(_sfc_main$s, options, extOptions);
       scope = useAsyncScope(deferred.promise);
       monitorDialog(descriptor, scope, deferred);
     }
@@ -1964,14 +1964,14 @@ function usePopup() {
         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,
@@ -1981,7 +1981,7 @@ function usePopup() {
     });
   }
   function toast(type, message, options) {
-    return popupInCustomContainer(_sfc_main$o, {
+    return popupInCustomContainer(_sfc_main$p, {
       url: "#ToastContainer",
       props: {
         ...(options || Object.create(null)),
@@ -2014,7 +2014,7 @@ function usePopup() {
       },
       ...extOptions
     });
-    const descriptor = openPopup(container || _sfc_main$p, options, extOptions);
+    const descriptor = openPopup(container || _sfc_main$q, options, extOptions);
     const scope = useAsyncScope(deferred.promise);
     scope.onDestroy(() => destroyPopup(descriptor, deferred));
     return scope;
@@ -2149,12 +2149,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$f = {
+const _hoisted_1$g = {
   class: "snail-empty"
 };
-const _hoisted_2$b = ["src"];
-const _hoisted_3$6 = ["textContent"];
-var _sfc_main$n = defineComponent({
+const _hoisted_2$c = ["src"];
+const _hoisted_3$7 = ["textContent"];
+var _sfc_main$o = defineComponent({
   ...{
     name: "Empty",
     inheritAttrs: true
@@ -2167,23 +2167,23 @@ var _sfc_main$n = defineComponent({
   setup(__props) {
     const defaultImageBase64 = getNoDataBase64Image();
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$f, [createElementVNode("img", {
+      return openBlock(), createElementBlock("div", _hoisted_1$g, [createElementVNode("img", {
         src: __props.imageUrl || unref(defaultImageBase64)
-      }, null, 8, _hoisted_2$b), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
+      }, null, 8, _hoisted_2$c), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
         class: "message",
         textContent: 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 = defineComponent({
+var _sfc_main$n = defineComponent({
   ...{
     name: "SelectNode",
     inheritAttrs: true
@@ -2228,15 +2228,15 @@ var _sfc_main$m = defineComponent({
       }, [createElementVNode("div", {
         class: "item-text ellipsis",
         textContent: toDisplayString(__props.item.text)
-      }, null, 8, _hoisted_2$a), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$E, {
+      }, null, 8, _hoisted_2$b), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$F, {
         key: 0,
         type: "arrow"
-      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$5, [createVNode(_sfc_main$E, {
+      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$6, [createVNode(_sfc_main$F, {
         type: "success",
         button: "",
         size: 12,
         color: "white"
-      })])) : createCommentVNode("", true)], 42, _hoisted_1$e)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
+      })])) : createCommentVNode("", true)], 42, _hoisted_1$f)) : createCommentVNode("", true), showRef.value ? (openBlock(true), createElementBlock(Fragment, {
         key: 1
       }, renderList(unref(showChildrenRef), child => {
         return openBlock(), createBlock(_component_SelectNode, {
@@ -2253,7 +2253,7 @@ var _sfc_main$m = defineComponent({
   }
 });
 
-var _sfc_main$l = defineComponent({
+var _sfc_main$m = defineComponent({
   ...{
     name: "Select2Popup",
     inheritAttrs: true
@@ -2425,13 +2425,13 @@ var _sfc_main$l = defineComponent({
         key: 0
       }, [createTextVNode(" 暂无选项 ")], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [__props.search ? (openBlock(), createBlock(_sfc_main$y, mergeProps({
+      }, [__props.search ? (openBlock(), createBlock(_sfc_main$z, mergeProps({
         key: 0
       }, __props.search, {
         onSearch,
         key: "select-search"
       }), null, 16)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
-        return openBlock(), createBlock(_sfc_main$m, {
+        return openBlock(), createBlock(_sfc_main$n, {
           key: unref(context).getKey(item),
           multiple: __props.multiple,
           item,
@@ -2440,7 +2440,7 @@ var _sfc_main$l = defineComponent({
           onEnter: onEnterSelectNode,
           onClick: onClickSelectNode
         }, null, 8, ["multiple", "item", "context"]);
-      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$n, {
+      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$o, {
         key: 1,
         message: "无结果"
       })) : createCommentVNode("", true), showClearButtonRef.value ? (openBlock(), createElementBlock("div", {
@@ -2452,20 +2452,20 @@ var _sfc_main$l = defineComponent({
   }
 });
 
-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 = defineComponent({
+var _sfc_main$l = defineComponent({
   ...{
     name: "Select",
     inheritAttrs: true
@@ -2597,26 +2597,26 @@ var _sfc_main$k = defineComponent({
         ref: "select"
       }, [__props.items && __props.items.length ? (openBlock(), createElementBlock(Fragment, {
         key: 0
-      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$d, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))), () => [createElementVNode("div", {
+      }, [selectedItemsRef.value.length ? (openBlock(), createElementBlock("div", _hoisted_1$e, [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$9)])])) : (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_2$a)])])) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: "placeholder",
         textContent: toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
-      }, null, 8, _hoisted_3$4)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
+      }, null, 8, _hoisted_3$5)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$F, {
         key: 2,
         type: "arrow",
         button: "",
         size: 24,
         rotate: 90
-      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$3, "暂无可选项"))], 2);
+      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$4, "暂无可选项"))], 2);
     };
   }
 });
 
-var _sfc_main$j = defineComponent({
+var _sfc_main$k = defineComponent({
   ...{
     name: "Switch",
     inheritAttrs: true
@@ -2655,7 +2655,7 @@ var _sfc_main$j = defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-switch", [switchModel.value ? "on" : "off", __props.readonly ? "readonly" : ""], __props.type || "switch"]),
         onClick: onSwitchChange
-      }, [__props.type == "checkbox" || __props.type == "radio" ? withDirectives((openBlock(), createBlock(_sfc_main$E, {
+      }, [__props.type == "checkbox" || __props.type == "radio" ? withDirectives((openBlock(), createBlock(_sfc_main$F, {
         key: 0,
         type: "success",
         color: "white",
@@ -2673,8 +2673,8 @@ var _sfc_main$j = defineComponent({
   }
 });
 
-const _hoisted_1$c = ["readonly", "placeholder", "rows"];
-var _sfc_main$i = defineComponent({
+const _hoisted_1$d = ["readonly", "placeholder", "rows"];
+var _sfc_main$j = defineComponent({
   ...{
     name: "Textarea",
     inheritAttrs: true
@@ -2734,14 +2734,14 @@ var _sfc_main$i = defineComponent({
         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)), [[vModelText, valueModel.value]]);
+      }, null, 40, _hoisted_1$d)), [[vModelText, valueModel.value]]);
     };
   }
 });
 
-const _hoisted_1$b = ["onClick"];
-const _hoisted_2$8 = ["textContent"];
-var _sfc_main$h = defineComponent({
+const _hoisted_1$c = ["onClick"];
+const _hoisted_2$9 = ["textContent"];
+var _sfc_main$i = defineComponent({
   __name: "action-items",
   props: {
     mode: {},
@@ -2779,7 +2779,7 @@ var _sfc_main$h = defineComponent({
             "--hcolor": unref(correctString)(action.hoverColor, null, true)
           }),
           onClick: $event => onActionItemClick(action.code)
-        }, [action.icon != void 0 ? (openBlock(), createBlock(_sfc_main$E, mergeProps({
+        }, [action.icon != void 0 ? (openBlock(), createBlock(_sfc_main$F, mergeProps({
           key: 0,
           ref_for: true
         }, action.icon, {
@@ -2788,20 +2788,20 @@ var _sfc_main$h = defineComponent({
         }), null, 16)) : createCommentVNode("", true), createElementVNode("span", {
           class: "ellipsis",
           textContent: 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 = defineComponent({
+var _sfc_main$h = defineComponent({
   __name: "action",
   props: {
     disabled: {
@@ -2839,7 +2839,7 @@ var _sfc_main$g = defineComponent({
         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,
@@ -2890,12 +2890,12 @@ var _sfc_main$g = defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", _hoisted_2$7, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (openBlock(), createElementBlock("div", {
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [createElementVNode("div", _hoisted_2$8, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(["trigger-area", {
           hidden: __props.trigger == "hover"
         }])
-      }, [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(unref(slotHandle))), () => [createVNode(_sfc_main$E, {
+      }, [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(unref(slotHandle))), () => [createVNode(_sfc_main$F, {
         button: "",
         type: "more",
         size: 16,
@@ -2905,7 +2905,7 @@ var _sfc_main$g = defineComponent({
   }
 });
 
-var _sfc_main$f = defineComponent({
+var _sfc_main$g = defineComponent({
   ...{
     name: "Elastic",
     inheritAttrs: false
@@ -3111,7 +3111,7 @@ var _sfc_main$f = defineComponent({
   }
 });
 
-var _sfc_main$e = defineComponent({
+var _sfc_main$f = defineComponent({
   ...{
     name: "Flex",
     inheritAttrs: false
@@ -3206,13 +3206,13 @@ var _sfc_main$e = defineComponent({
   }
 });
 
-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 = defineComponent({
+var _sfc_main$e = defineComponent({
   ...{
     name: "Fold",
     inheritAttrs: true
@@ -3304,11 +3304,11 @@ var _sfc_main$d = defineComponent({
       }, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(slotHandle)), () => [createElementVNode("div", {
         class: "title ellipsis",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_1$9), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_1$a), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "subtitle ellipsis",
         textContent: toDisplayString(__props.subtitle)
-      }, null, 8, _hoisted_2$6)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$E, {
+      }, null, 8, _hoisted_2$7)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$F, {
         type: "arrow",
         button: "",
         title: statusModel.value == "expand" ? "收起" : "展开",
@@ -3322,7 +3322,7 @@ var _sfc_main$d = defineComponent({
   }
 });
 
-var _sfc_main$c = defineComponent({
+var _sfc_main$d = defineComponent({
   __name: "layout",
   props: {
     direction: {},
@@ -3399,7 +3399,7 @@ var _sfc_main$c = defineComponent({
           key: item
         }, [areaMap.value[item] && _ctx.$slots[item] ? (openBlock(), createElementBlock(Fragment, {
           key: 0
-        }, [areaMap.value[item].scrollable ? (openBlock(), createBlock(_sfc_main$t, mergeProps({
+        }, [areaMap.value[item].scrollable ? (openBlock(), createBlock(_sfc_main$u, mergeProps({
           key: 0,
           class: areaMap.value[item].class,
           style: areaMap.value[item].style
@@ -3418,7 +3418,7 @@ var _sfc_main$c = defineComponent({
   }
 });
 
-var _sfc_main$b = defineComponent({
+var _sfc_main$c = defineComponent({
   ...{
     name: "Sort",
     inheritAttrs: true
@@ -3519,10 +3519,10 @@ var _sfc_main$b = defineComponent({
   }
 });
 
-const _hoisted_1$8 = {
+const _hoisted_1$9 = {
   class: "table-body"
 };
-var _sfc_main$a = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "Table",
     inheritAttrs: true
@@ -3542,7 +3542,7 @@ var _sfc_main$a = defineComponent({
     const hStyleRef = computed(() => css.buildStyle(props.headerStyle));
     const fStyleRef = computed(() => css.buildStyle(props.footerStyle));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$t, {
+      return openBlock(), createBlock(_sfc_main$u, {
         class: normalizeClass(["snail-table", {
           "start-border": __props.border == true
         }]),
@@ -3552,7 +3552,7 @@ var _sfc_main$a = defineComponent({
         default: withCtx(() => [createElementVNode("div", {
           class: "table-header",
           style: normalizeStyle(hStyleRef.value)
-        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("div", _hoisted_1$8, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
+        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("div", _hoisted_1$9, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
           class: "table-footer",
           style: normalizeStyle(fStyleRef.value)
         }, [renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -3562,7 +3562,7 @@ var _sfc_main$a = defineComponent({
   }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$a = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -3585,7 +3585,7 @@ var _sfc_main$9 = defineComponent({
   }
 });
 
-var _sfc_main$8 = defineComponent({
+var _sfc_main$9 = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -3631,19 +3631,19 @@ var _sfc_main$8 = defineComponent({
   }
 });
 
-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 = defineComponent({
+var _sfc_main$8 = defineComponent({
   ...{
     name: "TreeNode",
     inheritAttrs: true
@@ -3751,7 +3751,7 @@ var _sfc_main$7 = defineComponent({
         key: 1
       }, [_cache[5] || (_cache[5] = createElementVNode("div", {
         class: "indent"
-      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$7, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$E, {
+      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$8, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$F, {
         key: 0,
         class: normalizeClass(statusRef.value),
         custom: "",
@@ -3766,7 +3766,7 @@ var _sfc_main$7 = defineComponent({
         class: "node-text ellipsis",
         title: __props.node.text,
         textContent: toDisplayString(__props.node.text)
-      }, null, 8, _hoisted_2$5), createElementVNode("div", _hoisted_3$2, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34), [[vShow, showRef.value]]), withDirectives(createElementVNode("div", _hoisted_4$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
+      }, null, 8, _hoisted_2$6), createElementVNode("div", _hoisted_3$3, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34), [[vShow, showRef.value]]), withDirectives(createElementVNode("div", _hoisted_4$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
         return openBlock(), createBlock(_component_TreeNode, {
           key: __props.context.getKey(child),
           node: child,
@@ -3786,10 +3786,10 @@ var _sfc_main$7 = defineComponent({
   }
 });
 
-const _hoisted_1$6 = {
+const _hoisted_1$7 = {
   class: "snail-tree"
 };
-var _sfc_main$6 = defineComponent({
+var _sfc_main$7 = defineComponent({
   ...{
     name: "Tree",
     inheritAttrs: true
@@ -3823,15 +3823,15 @@ var _sfc_main$6 = defineComponent({
       emits("click", node, parents);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [__props.search ? (openBlock(), createBlock(_sfc_main$y, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1$7, [__props.search ? (openBlock(), createBlock(_sfc_main$z, mergeProps({
         key: 0
       }, __props.search, {
         onSearch
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$t, {
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$u, {
         scroll: "y"
       }, {
         default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes || [], node => {
-          return openBlock(), createBlock(_sfc_main$7, {
+          return openBlock(), createBlock(_sfc_main$8, {
             key: unref(context).getKey(node),
             node,
             parent: void 0,
@@ -3856,7 +3856,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$u, options);
+  const app = createApp(_sfc_main$v, options);
   triggerAppCreated(app);
   app.mount(target);
   const scope = useScope().onDestroy(() => app.unmount());
@@ -3864,11 +3864,11 @@ function mount(target, options, onDestroyed) {
   return scope;
 }
 
-const _hoisted_1$5 = {
+const _hoisted_1$6 = {
   class: "snail-flash-number"
 };
-const _hoisted_2$4 = ["textContent"];
-var _sfc_main$5 = defineComponent({
+const _hoisted_2$5 = ["textContent"];
+var _sfc_main$6 = defineComponent({
   __name: "flash-number",
   props: {
     value: {}
@@ -3896,12 +3896,12 @@ var _sfc_main$5 = defineComponent({
       buildNumberItems();
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
+      return openBlock(), createElementBlock("div", _hoisted_1$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
         return openBlock(), createElementBlock("span", {
           key: item.id,
           textContent: toDisplayString(item.text),
           class: normalizeClass(unref(isNullish)(item.number) ? "" : "number-item")
-        }, null, 10, _hoisted_2$4);
+        }, null, 10, _hoisted_2$5);
       }), 128)), _cache[0] || (_cache[0] = createElementVNode("span", {
         style: {
           "color": "red"
@@ -4027,23 +4027,23 @@ function buildSecondItems(minuteItem, min, max) {
   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 = defineComponent({
+var _sfc_main$5 = defineComponent({
   __name: "time-pc",
   props: {
     value: {},
@@ -4145,17 +4145,17 @@ var _sfc_main$4 = defineComponent({
     }
     onMounted(rebuildItems);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$c, {
+      return openBlock(), createBlock(_sfc_main$d, {
         class: normalizeClass(["time-picker pc", {
           "second-disabled": unref(format) != "HH:mm:ss"
         }]),
         direction: "vertical"
       }, createSlots({
-        main: withCtx(() => [createVNode(_sfc_main$w, {
+        main: withCtx(() => [createVNode(_sfc_main$x, {
           multiple: "",
           effect: unref(MOTION).top
         }, {
-          default: withCtx(() => [createElementVNode("div", _hoisted_1$4, [(openBlock(true), createElementBlock(Fragment, null, renderList(hourItems.value, item => {
+          default: withCtx(() => [createElementVNode("div", _hoisted_1$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(hourItems.value, item => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["tzi-number", {
                 active: item.hour == timeRef.value.hour,
@@ -4165,8 +4165,8 @@ var _sfc_main$4 = defineComponent({
               textContent: toDisplayString(unref(padStart)(item.hour, 2, "0")),
               onClick: $event => onHourClick(item),
               onDblclick: $event => onHourClick(item)
-            }, null, 42, _hoisted_2$3);
-          }), 128))], 512), createElementVNode("div", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(minuteItems.value, item => {
+            }, null, 42, _hoisted_2$4);
+          }), 128))], 512), createElementVNode("div", _hoisted_3$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(minuteItems.value, item => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["tzi-number", {
                 active: item.minute == timeRef.value.minute,
@@ -4176,7 +4176,7 @@ var _sfc_main$4 = defineComponent({
               textContent: toDisplayString(unref(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), unref(format) == "HH:mm:ss" ? (openBlock(), createElementBlock("div", _hoisted_5$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(secondItems.value, item => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["tzi-number", {
@@ -4194,19 +4194,19 @@ var _sfc_main$4 = defineComponent({
         _: 2
       }, [__props.toolbarDisabled != true ? {
         name: "bottom",
-        fn: withCtx(() => [__props.clearDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
+        fn: withCtx(() => [__props.clearDisabled != true ? (openBlock(), createBlock(_sfc_main$G, {
           key: 0,
           type: "link",
           size: "small",
           textContent: "清空",
           onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), __props.inPopup && __props.closePopup("")))
-        })) : createCommentVNode("", true), __props.nowDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
+        })) : createCommentVNode("", true), __props.nowDisabled != true ? (openBlock(), createBlock(_sfc_main$G, {
           key: 1,
           type: "link",
           size: "small",
           textContent: "现在",
           onClick: _cache[1] || (_cache[1] = $event => rebuildItems(unref(getTimeValue)(new Date())))
-        })) : createCommentVNode("", true), createVNode(_sfc_main$F, {
+        })) : createCommentVNode("", true), createVNode(_sfc_main$G, {
           type: "link",
           size: "small",
           textContent: "确定",
@@ -4221,15 +4221,15 @@ var _sfc_main$4 = defineComponent({
   }
 });
 
-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 = defineComponent({
+var _sfc_main$4 = defineComponent({
   __name: "date-pc",
   props: {
     value: {},
@@ -4446,7 +4446,7 @@ var _sfc_main$3 = defineComponent({
     dateRef.value == void 0 && (dateRef.value = electDateValue());
     buildPickerItems(stepRef.value, 0);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$c, {
+      return openBlock(), createBlock(_sfc_main$d, {
         class: normalizeClass(["date-picker pc", {
           "time-now": __props.pinned && __props.pinned.value == true
         }]),
@@ -4458,7 +4458,7 @@ var _sfc_main$3 = defineComponent({
           height: "30px"
         }
       }, createSlots({
-        top: withCtx(() => [createVNode(_sfc_main$E, {
+        top: withCtx(() => [createVNode(_sfc_main$F, {
           type: "arrow",
           button: "",
           rotate: 180,
@@ -4471,16 +4471,16 @@ var _sfc_main$3 = defineComponent({
         }, [stepRef.value == "year" ? (openBlock(), createElementBlock("div", {
           key: 0,
           textContent: toDisplayString(`${yearItems.value[0].year}年 - ${unref(getFromArray)(yearItems.value, -1).year}年`)
-        }, null, 8, _hoisted_1$3)) : (openBlock(), createElementBlock(Fragment, {
+        }, null, 8, _hoisted_1$4)) : (openBlock(), createElementBlock(Fragment, {
           key: 1
         }, [createElementVNode("div", {
           textContent: toDisplayString(`${dateRef.value.year}年`),
           onClick: _cache[1] || (_cache[1] = $event => onSwitchStepClick("year"))
-        }, null, 8, _hoisted_2$2), stepRef.value == "day" ? (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_2$3), stepRef.value == "day" ? (openBlock(), createElementBlock("div", {
           key: 0,
           textContent: toDisplayString(`${dateRef.value.month}月`),
           onClick: _cache[2] || (_cache[2] = $event => onSwitchStepClick("month"))
-        }, null, 8, _hoisted_3)) : createCommentVNode("", true)], 64))], 2), createVNode(_sfc_main$E, {
+        }, null, 8, _hoisted_3$1)) : createCommentVNode("", true)], 64))], 2), createVNode(_sfc_main$F, {
           class: "flex-0",
           type: "arrow",
           button: "",
@@ -4502,7 +4502,7 @@ var _sfc_main$3 = defineComponent({
             textContent: 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" ? (openBlock(true), createElementBlock(Fragment, {
           key: 1
         }, renderList(monthItems.value, item => {
@@ -4552,19 +4552,19 @@ var _sfc_main$3 = defineComponent({
           onClick: onSelectTime
         }, null, 10, _hoisted_8)) : createCommentVNode("", true), __props.toolbarDisabled != true ? (openBlock(), createElementBlock(Fragment, {
           key: 1
-        }, [__props.clearDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
+        }, [__props.clearDisabled != true ? (openBlock(), createBlock(_sfc_main$G, {
           key: 0,
           type: "link",
           size: "small",
           textContent: "清空",
           onClick: _cache[4] || (_cache[4] = $event => (emits("clear"), unref(inPopup) && __props.closePopup("")))
-        })) : createCommentVNode("", true), __props.nowDisabled != true ? (openBlock(), createBlock(_sfc_main$F, {
+        })) : createCommentVNode("", true), __props.nowDisabled != true ? (openBlock(), createBlock(_sfc_main$G, {
           key: 1,
           type: "link",
           size: "small",
           textContent: "现在",
           onClick: onNow
-        })) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createVNode(_sfc_main$F, {
+        })) : createCommentVNode("", true)], 64)) : createCommentVNode("", true), createVNode(_sfc_main$G, {
           type: "link",
           size: "small",
           textContent: "确定",
@@ -4579,19 +4579,129 @@ var _sfc_main$3 = defineComponent({
   }
 });
 
+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 = 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
+    } = useObserver();
+    const {
+      onTimeout
+    } = useTimer();
+    const pickItemsDom = useTemplateRef("pick-items");
+    const elasticRef = shallowRef();
+    const valueRef = 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);
+        }
+      }
+    }
+    onMounted(async () => {
+      onSize(pickItemsDom.value.parentElement, size => {
+        const offset = (size.height - itemHeight) / 2;
+        pickItemsDom.value.style.padding = `${offset}px 0`;
+      });
+      elasticRef.value = 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 openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-scroll-picker wh-fill", {
+          "in-pupup": __props.inPopup
+        }])
+      }, [__props.inPopup ? (openBlock(), createElementBlock("div", _hoisted_1$3, "ddd")) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, item => {
+        return openBlock(), createElementBlock("span", {
+          class: normalizeClass(["pick-item", {
+            selected: item.code === valueRef.value,
+            disabled: item.disabled
+          }]),
+          key: item.code,
+          textContent: toDisplayString(item.text)
+        }, null, 10, _hoisted_4);
+      }), 128))], 512), _cache[0] || (_cache[0] = createElementVNode("div", {
+        class: "pick-layer"
+      }, [createElementVNode("span", {
+        class: "layer-top"
+      }), createElementVNode("span", {
+        class: "layer-selection"
+      }), 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") {
@@ -4629,7 +4739,8 @@ function usePicker() {
   }
   const manager = Object.freeze(mountScope({
     showDate,
-    showTime
+    showTime,
+    showScroll
   }, "IPickerManager"));
   manager.onDestroy(popup.destroy);
   return manager;
@@ -4713,7 +4824,7 @@ var _sfc_main$2 = defineComponent({
           "flex-1": __props.mode != "simple"
         }]),
         textContent: toDisplayString(valueRef.value)
-      }, null, 10, _hoisted_2$1)) : createCommentVNode("", true), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
+      }, null, 10, _hoisted_2$1)) : createCommentVNode("", true), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$F, {
         key: 1,
         type: "datepicker",
         button: "",
@@ -4801,7 +4912,7 @@ var _sfc_main$1 = defineComponent({
           "flex-1": __props.mode != "simple"
         }]),
         textContent: toDisplayString(valueRef.value)
-      }, null, 10, _hoisted_2)) : createCommentVNode("", true), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$E, {
+      }, null, 10, _hoisted_2)) : createCommentVNode("", true), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$F, {
         key: 1,
         type: "timepicker",
         button: "",
@@ -4897,12 +5008,12 @@ var _sfc_main = defineComponent({
         onTouchstart: onStartDrag,
         onTouchmove: onDragMove,
         onTouchend: onDragEnd
-      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$E, {
+      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$F, {
         key: 0,
         type: "success",
         size: 20,
         color: "white"
-      })) : (openBlock(), createBlock(_sfc_main$E, {
+      })) : (openBlock(), createBlock(_sfc_main$F, {
         key: 1,
         custom: "",
         size: 20,
@@ -4921,37 +5032,38 @@ var _sfc_main = defineComponent({
 });
 
 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
 };
 
 onMountScope(scope => {