snail.vue 2.0.9 → 2.0.11

package/dist/snail.vue.js

@@ -1,10 +1,10 @@
 //@ sourceURL=/snail.vue.js
 import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, normalizeStyle, createElementVNode, toDisplayString, Fragment, renderList, unref, mergeModels, useModel, computed, createCommentVNode, createBlock, nextTick, onMounted, onUnmounted, useTemplateRef, createVNode, watch, withDirectives, isRef, vModelText, createApp, Transition, withCtx, normalizeProps, guardReactiveProps, ref, onErrorCaptured, resolveDynamicComponent, mergeProps, createSlots, withModifiers, getCurrentInstance, resolveComponent, onBeforeUnmount, TransitionGroup, getCurrentScope, onScopeDispose } from 'vue';
-import { throwError, isArrayNotEmpty, isStringNotEmpty, useKey, isArray, useTimer, newId, script, isFunction, getFromArray, mountScope, useScopes, throwIfFalse, isPromise, wait, isObject, isNumberNotNaN, hasAny, mustFunction, useScope, removeFromArray, mustObject, delay, defer, useAsyncScope, useHook, throwIfTrue, onMountScope } from 'snail.core';
+import { throwError, isArrayNotEmpty, isStringNotEmpty, useKey, isArray, useTimer, newId, script, isFunction, getFromArray, mountScope, useScopes, throwIfFalse, isPromise, wait, isObject, isNumberNotNaN, hasAny, mustFunction, useScope, removeFromArray, mustObject, delay, defer, useAsyncScope, useHook, throwIfTrue, useTime, parseTime, getTimeNow, onMountScope } from 'snail.core';
 import { link, css, useObserver, useAnimation } from 'snail.view';
 
 const _hoisted_1$j = ["title"];
-var _sfc_main$x = defineComponent({
+var _sfc_main$y = defineComponent({
   ...{
     name: "Button",
     inheritAttrs: true
@@ -69,8 +69,8 @@ function getSvgDraw(iconType, draw) {
 
 const _hoisted_1$i = ["width", "height"];
 const _hoisted_2$b = ["textContent"];
-const _hoisted_3$8 = ["fill", "stroke", "stroke-width", "d"];
-var _sfc_main$w = defineComponent({
+const _hoisted_3$9 = ["fill", "stroke", "stroke-width", "d"];
+var _sfc_main$x = defineComponent({
   ...{
     name: "Icon",
     inheritAttrs: true
@@ -106,7 +106,7 @@ var _sfc_main$w = defineComponent({
           stroke: __props.stroke,
           "stroke-width": __props.strokeWidth,
           d
-        }, null, 8, _hoisted_3$8);
+        }, null, 8, _hoisted_3$9);
       }), 256))], 46, _hoisted_1$i);
     };
   }
@@ -114,9 +114,9 @@ var _sfc_main$w = defineComponent({
 
 const _hoisted_1$h = ["title", "onClick"];
 const _hoisted_2$a = ["type", "checked"];
-const _hoisted_3$7 = ["textContent"];
-const _hoisted_4$5 = ["textContent"];
-var _sfc_main$v = defineComponent({
+const _hoisted_3$8 = ["textContent"];
+const _hoisted_4$6 = ["textContent"];
+var _sfc_main$w = defineComponent({
   ...{
     name: "Choose",
     inheritAttrs: true
@@ -195,7 +195,7 @@ var _sfc_main$v = defineComponent({
         }, null, 8, _hoisted_2$a)) : unref(mode) == "beautiful" ? (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(["status", [node.selected ? "selected" : ""]])
-        }, [node.selected ? (openBlock(), createBlock(_sfc_main$w, {
+        }, [node.selected ? (openBlock(), createBlock(_sfc_main$x, {
           key: 0,
           type: "success",
           size: 12,
@@ -204,18 +204,18 @@ var _sfc_main$v = defineComponent({
           key: 2,
           class: "item-text",
           textContent: toDisplayString(node.item.text)
-        }, null, 8, _hoisted_3$7)) : createCommentVNode("", true), node.item.description ? (openBlock(), createElementBlock("span", {
+        }, null, 8, _hoisted_3$8)) : createCommentVNode("", true), node.item.description ? (openBlock(), createElementBlock("span", {
           key: 3,
           class: "item-des",
           textContent: toDisplayString(node.item.description)
-        }, null, 8, _hoisted_4$5)) : createCommentVNode("", true)], 14, _hoisted_1$h);
+        }, null, 8, _hoisted_4$6)) : createCommentVNode("", true)], 14, _hoisted_1$h);
       }), 128))], 2);
     };
   }
 });
 
 const _hoisted_1$g = ["id"];
-var _sfc_main$u = defineComponent({
+var _sfc_main$v = defineComponent({
   __name: "datepicker",
   props: {
     type: {},
@@ -371,7 +371,7 @@ var _sfc_main$u = defineComponent({
   }
 });
 
-var _sfc_main$t = defineComponent({
+var _sfc_main$u = defineComponent({
   ...{
     name: "Footer",
     inheritAttrs: true
@@ -402,13 +402,13 @@ var _sfc_main$t = defineComponent({
         class: normalizeClass(["snail-footer", {
           "start-divider": __props.divider
         }, __props.align || "right"])
-      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$x, {
+      }, [renderSlot(_ctx.$slots, "default", {}, () => [__props.cancelDisabled != true ? (openBlock(), createBlock(_sfc_main$y, {
         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$x, {
+      }, null, 8, ["textContent"])) : createCommentVNode("", true), __props.confirmDisabled != true ? (openBlock(), createBlock(_sfc_main$y, {
         key: 1,
         size: "max",
         type: "primary",
@@ -420,7 +420,7 @@ var _sfc_main$t = defineComponent({
 });
 
 const _hoisted_1$f = ["textContent"];
-var _sfc_main$s = defineComponent({
+var _sfc_main$t = defineComponent({
   ...{
     name: "Header",
     inheritAttrs: true
@@ -459,7 +459,7 @@ var _sfc_main$s = defineComponent({
         key: 0,
         textContent: toDisplayString(__props.title),
         class: normalizeClass(["header-title", __props.titleAlign])
-      }, null, 10, _hoisted_1$f)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$w, {
+      }, null, 10, _hoisted_1$f)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "default"), __props.closeDisabled != true ? (openBlock(), createBlock(_sfc_main$x, {
         key: 1,
         type: "close",
         size: 22,
@@ -477,12 +477,12 @@ const _hoisted_2$9 = {
   class: "required",
   textContent: "*"
 };
-const _hoisted_3$6 = {
+const _hoisted_3$7 = {
   class: "input-body"
 };
-const _hoisted_4$4 = ["type", "value", "readonly", "placeholder", "title"];
-const _hoisted_5$2 = ["title"];
-var _sfc_main$r = defineComponent({
+const _hoisted_4$5 = ["type", "value", "readonly", "placeholder", "title"];
+const _hoisted_5$3 = ["title"];
+var _sfc_main$s = defineComponent({
   ...{
     name: "Input",
     inheritAttrs: true
@@ -534,7 +534,7 @@ var _sfc_main$r = defineComponent({
       }, [createElementVNode("span", {
         class: "text",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_1$e), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$9)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$6, [createElementVNode("input", {
+      }, null, 8, _hoisted_1$e), __props.readonly != true && __props.required == true ? (openBlock(), createElementBlock("span", _hoisted_2$9)) : createCommentVNode("", true)], 4)) : createCommentVNode("", true), createElementVNode("div", _hoisted_3$7, [createElementVNode("input", {
         ref: "input-el",
         type: __props.type || "text",
         value: inputModel.value,
@@ -543,15 +543,15 @@ var _sfc_main$r = defineComponent({
         title: inputModel.value,
         onChange: onValueChange,
         onClick: _cache[0] || (_cache[0] = $event => emits("click"))
-      }, null, 40, _hoisted_4$4), !!validateRef.value ? (openBlock(), createElementBlock("span", {
+      }, null, 40, _hoisted_4$5), !!validateRef.value ? (openBlock(), createElementBlock("span", {
         key: 0,
         class: "validate",
         title: validateRef.value
-      }, [createVNode(_sfc_main$w, {
+      }, [createVNode(_sfc_main$x, {
         type: "error",
         size: 16,
         color: "red"
-      })], 8, _hoisted_5$2)) : createCommentVNode("", true)])], 2);
+      })], 8, _hoisted_5$3)) : createCommentVNode("", true)])], 2);
     };
   }
 });
@@ -761,15 +761,15 @@ const _hoisted_1$d = {
   class: "number-prefix"
 };
 const _hoisted_2$8 = ["textContent"];
-const _hoisted_3$5 = ["inputmode", "placeholder", "title"];
-const _hoisted_4$3 = {
+const _hoisted_3$6 = ["inputmode", "placeholder", "title"];
+const _hoisted_4$4 = {
   key: 1,
   class: "number-suffix"
 };
-const _hoisted_5$1 = ["textContent"];
-const _hoisted_6 = ["title", "textContent"];
+const _hoisted_5$2 = ["textContent"];
+const _hoisted_6$1 = ["title", "textContent"];
 const _hoisted_7 = ["title", "textContent"];
-var _sfc_main$q = defineComponent({
+var _sfc_main$r = defineComponent({
   __name: "number",
   props: mergeModels({
     placeholder: {},
@@ -931,18 +931,18 @@ var _sfc_main$q = 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$5), [[vModelText, displayValueRef.value]]), unref(controls) == "default" ? (openBlock(), createElementBlock(Fragment, {
+      }, null, 40, _hoisted_3$6), [[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$w, {
+      }, [createVNode(_sfc_main$x, {
         type: "subtract",
         size: 20
       })]), createElementVNode("div", {
         class: "controls default plus",
         onClick: _cache[5] || (_cache[5] = $event => onStepClick(true))
-      }, [createVNode(_sfc_main$w, {
+      }, [createVNode(_sfc_main$x, {
         type: "plus",
         size: 20
       })])], 64)) : unref(controls) == "right" ? (openBlock(), createElementBlock(Fragment, {
@@ -950,26 +950,26 @@ var _sfc_main$q = defineComponent({
       }, [createElementVNode("div", {
         class: "controls right plus",
         onClick: _cache[6] || (_cache[6] = $event => onStepClick(true))
-      }, [createVNode(_sfc_main$w, {
+      }, [createVNode(_sfc_main$x, {
         type: "arrow",
         size: 20,
         rotate: 270
       })]), createElementVNode("div", {
         class: "controls right subtract",
         onClick: _cache[7] || (_cache[7] = $event => onStepClick(false))
-      }, [createVNode(_sfc_main$w, {
+      }, [createVNode(_sfc_main$x, {
         type: "arrow",
         size: 20,
         rotate: 90
-      })])], 64)) : createCommentVNode("", true)], 2), unref(hasSuffix) ? (openBlock(), createElementBlock("div", _hoisted_4$3, [createElementVNode("span", {
+      })])], 64)) : createCommentVNode("", true)], 2), unref(hasSuffix) ? (openBlock(), createElementBlock("div", _hoisted_4$4, [createElementVNode("span", {
         class: "ellipsis",
         textContent: toDisplayString(unref(suffix))
-      }, null, 8, _hoisted_5$1)])) : createCommentVNode("", true), unref(upper) ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_5$2)])) : createCommentVNode("", true), unref(upper) ? (openBlock(), createElementBlock("div", {
         key: 2,
         class: "number-util ellipsis",
         title: upperTextRef.value,
         textContent: toDisplayString(`大写：${upperTextRef.value || ""}`)
-      }, null, 8, _hoisted_6)) : createCommentVNode("", true), unref(thousands) == "below" ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_6$1)) : createCommentVNode("", true), unref(thousands) == "below" ? (openBlock(), createElementBlock("div", {
         key: 3,
         class: "number-util ellipsis",
         title: thousandsTextRef.value,
@@ -981,7 +981,7 @@ var _sfc_main$q = defineComponent({
 
 const _hoisted_1$c = ["placeholder", "readonly"];
 const searchIon = "M 860.16 824.32 l -163.84 -163.84 c 102.4 -120.32 97.28 -302.08 -17.92 -414.72 c -120.32 -120.32 -314.88 -120.32 -435.2 0 c -120.32 120.32 -120.32 314.88 0 435.2 c 112.64 112.64 294.4 120.32 414.72 17.92 l 163.84 163.84 c 10.24 10.24 25.6 10.24 35.84 0 c 12.8 -12.8 12.8 -28.16 2.56 -38.4 Z M 281.6 642.56 C 181.76 542.72 181.76 381.44 281.6 281.6 c 99.84 -99.84 261.12 -99.84 360.96 0 c 99.84 99.84 99.84 261.12 0 360.96 c -99.84 102.4 -261.12 102.4 -360.96 0 Z";
-var _sfc_main$p = defineComponent({
+var _sfc_main$q = defineComponent({
   ...{
     name: "Search",
     inheritAttrs: true
@@ -1028,7 +1028,7 @@ var _sfc_main$p = defineComponent({
         onKeyup: _cache[1] || (_cache[1] = $event => onSearch($event))
       }, null, 40, _hoisted_1$c), [[vModelText, textModel.value, void 0, {
         trim: true
-      }]]), createElementVNode("div", null, [createVNode(_sfc_main$w, {
+      }]]), createElementVNode("div", null, [createVNode(_sfc_main$x, {
         class: "search-button",
         type: "custom",
         draw: searchIon,
@@ -1253,7 +1253,7 @@ const _hoisted_1$b = {
   class: "snail-confirm flex-column"
 };
 const _hoisted_2$7 = ["innerHTML"];
-var _sfc_main$o = defineComponent({
+var _sfc_main$p = defineComponent({
   ...{
     name: "ConfirmContainer",
     inheritAttrs: true
@@ -1281,14 +1281,14 @@ var _sfc_main$o = defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [createVNode(_sfc_main$s, {
+      return openBlock(), createElementBlock("div", _hoisted_1$b, [createVNode(_sfc_main$t, {
         "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$7), createVNode(_sfc_main$t, {
+      }, null, 8, _hoisted_2$7), createVNode(_sfc_main$u, {
         align: "right",
         "cancel-name": __props.cancelName,
         "cancel-disabled": __props.cancelDisabled,
@@ -1301,7 +1301,7 @@ var _sfc_main$o = defineComponent({
   }
 });
 
-var _sfc_main$n = defineComponent({
+var _sfc_main$o = defineComponent({
   ...{
     name: "Loading",
     inheritAttrs: true
@@ -1340,7 +1340,7 @@ var _sfc_main$n = defineComponent({
   }
 });
 
-var _sfc_main$m = defineComponent({
+var _sfc_main$n = defineComponent({
   ...{
     name: "Dynamic",
     inheritAttrs: false
@@ -1364,7 +1364,7 @@ var _sfc_main$m = defineComponent({
     const loadingComponent = defineComponent({
       inheritAttrs: false,
       components: {
-        Loading: _sfc_main$n
+        Loading: _sfc_main$o
       },
       template: "<Loading :mask-disabled='true' />"
     });
@@ -1431,7 +1431,7 @@ var _sfc_main$m = defineComponent({
   }
 });
 
-var _sfc_main$l = defineComponent({
+var _sfc_main$m = defineComponent({
   ...{
     name: "DialogContainer",
     inheritAttrs: true
@@ -1476,7 +1476,7 @@ var _sfc_main$l = defineComponent({
         onClick: _cache[1] || (_cache[1] = withModifiers($event => {
           __props.options.closeOnMask && unref(closePopup)();
         }, ["self"]))
-      }, [createVNode(_sfc_main$m, mergeProps({
+      }, [createVNode(_sfc_main$n, mergeProps({
         class: "dialog-body",
         name: __props.options.name,
         component: __props.options.component,
@@ -1491,7 +1491,7 @@ var _sfc_main$l = defineComponent({
   }
 });
 
-var _sfc_main$k = defineComponent({
+var _sfc_main$l = defineComponent({
   ...{
     name: "FollowContainer",
     inheritAttrs: true
@@ -1593,7 +1593,15 @@ var _sfc_main$k = defineComponent({
           onEvent(window, "resize", () => __props.options.closeOnResize ? closePopup(void 0) : rootDom.value && buildFollow());
           onEvent(window, "keyup", evet => __props.options.closeOnEscape && evet.key === "Escape" && followExt.pinned.value != true && closePopup(void 0));
           onEvent(window, "click", event => {
-            __props.options.closeOnMask && followExt.pinned.value != true && rootDom.value != event.target && rootDom.value.contains(event.target) == false && closePopup(void 0);
+            if (__props.options.closeOnMask != true || followExt.pinned.value == true) {
+              return;
+            }
+            const isClickInContainer = rootDom.value === event.target || rootDom.value.contains(event.target);
+            const isClickInTarget = __props.extOptions.target == event.target || __props.extOptions.target.contains(event.target);
+            if (isClickInContainer || isClickInTarget && __props.options.closeOnTarget != true) {
+              return;
+            }
+            closePopup(void 0);
           });
           onMutation(rootDom.value, {
             childList: true,
@@ -1604,7 +1612,7 @@ var _sfc_main$k = defineComponent({
       });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$m, mergeProps({
+      return openBlock(), createBlock(_sfc_main$n, mergeProps({
         class: ["snail-follow initial", [__props.popupStatus.value, __props.popupTransition.value]],
         style: {
           "z-index": __props.zIndex
@@ -1621,7 +1629,7 @@ var _sfc_main$k = defineComponent({
   }
 });
 
-var _sfc_main$j = defineComponent({
+var _sfc_main$k = defineComponent({
   ...{
     name: "PopupContainer",
     inheritAttrs: true
@@ -1641,7 +1649,7 @@ var _sfc_main$j = defineComponent({
       model = shallowRef(void 0)
     } = __props.options;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$m, mergeProps({
+      return openBlock(), createBlock(_sfc_main$n, mergeProps({
         class: ["snail-popup", [__props.popupStatus.value, __props.popupTransition.value]],
         style: {
           "z-index": __props.zIndex
@@ -1664,7 +1672,7 @@ const _hoisted_1$a = {
   class: "icon"
 };
 const _hoisted_2$6 = ["innerHTML"];
-var _sfc_main$i = defineComponent({
+var _sfc_main$j = defineComponent({
   ...{
     name: "ToastContainer",
     inheritAttrs: true
@@ -1702,7 +1710,7 @@ var _sfc_main$i = defineComponent({
         }),
         onMouseenter: _cache[3] || (_cache[3] = $event => onMouseEvent(false)),
         onMouseleave: _cache[4] || (_cache[4] = $event => onMouseEvent(true))
-      }, [unref(props).closeDisabled != true ? (openBlock(), createBlock(_sfc_main$w, {
+      }, [unref(props).closeDisabled != true ? (openBlock(), createBlock(_sfc_main$x, {
         key: 0,
         class: "close-icon",
         type: "close",
@@ -1713,7 +1721,7 @@ var _sfc_main$i = defineComponent({
         onClick: _cache[2] || (_cache[2] = $event => {
           unref(closePopup)();
         })
-      }, null, 8, ["fill"])) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_sfc_main$w, {
+      }, null, 8, ["fill"])) : createCommentVNode("", true), unref(props).type ? (openBlock(), createElementBlock("div", _hoisted_1$a, [createVNode(_sfc_main$x, {
         type: unref(props).type,
         fill: "#707070",
         size: 20
@@ -1727,7 +1735,7 @@ var _sfc_main$i = defineComponent({
 
 function usePopup() {
   function popup(options) {
-    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$j, options);
+    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$k, options);
     return addScope2Scopes(scope);
   }
   function dialog(options) {
@@ -1760,7 +1768,7 @@ function usePopup() {
         },
         onBeforeClose: fn => hook.register("onBeforeClose", fn)
       });
-      const descriptor = openPopup(_sfc_main$l, options, extOptions);
+      const descriptor = openPopup(_sfc_main$m, options, extOptions);
       scope = useAsyncScope(deferred.promise);
       monitorDialog(descriptor, scope, deferred);
     }
@@ -1778,14 +1786,14 @@ function usePopup() {
         inPopup: "follow",
         target
       };
-      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$k, options, extOptions);
+      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$l, options, extOptions);
     }
     return addScope2Scopes(scope);
   }
   function confirm(title, message, options) {
     options = options || Object.create(null);
     return dialog({
-      component: _sfc_main$o,
+      component: _sfc_main$p,
       closeOnEscape: true,
       props: {
         ...options,
@@ -1795,7 +1803,7 @@ function usePopup() {
     });
   }
   function toast(type, message, options) {
-    return popupInCustomContainer(_sfc_main$i, {
+    return popupInCustomContainer(_sfc_main$j, {
       url: "#ToastContainer",
       props: {
         ...(options || Object.create(null)),
@@ -1828,7 +1836,7 @@ function usePopup() {
       },
       ...extOptions
     });
-    const descriptor = openPopup(container || _sfc_main$j, options, extOptions);
+    const descriptor = openPopup(container || _sfc_main$k, options, extOptions);
     const scope = useAsyncScope(deferred.promise);
     scope.onDestroy(() => destroyPopup(descriptor, deferred));
     return scope;
@@ -1970,8 +1978,8 @@ const _hoisted_1$9 = {
   class: "snail-empty"
 };
 const _hoisted_2$5 = ["src"];
-const _hoisted_3$4 = ["textContent"];
-var _sfc_main$h = defineComponent({
+const _hoisted_3$5 = ["textContent"];
+var _sfc_main$i = defineComponent({
   ...{
     name: "Empty",
     inheritAttrs: true
@@ -1989,18 +1997,18 @@ var _sfc_main$h = defineComponent({
       }, null, 8, _hoisted_2$5), renderSlot(_ctx.$slots, "default", {}, () => [createElementVNode("div", {
         class: "message",
         textContent: toDisplayString(__props.message || "无数据")
-      }, null, 8, _hoisted_3$4)])]);
+      }, null, 8, _hoisted_3$5)])]);
     };
   }
 });
 
 const _hoisted_1$8 = ["title"];
 const _hoisted_2$4 = ["textContent"];
-const _hoisted_3$3 = {
+const _hoisted_3$4 = {
   key: 1,
   class: "select-status"
 };
-var _sfc_main$g = defineComponent({
+var _sfc_main$h = defineComponent({
   ...{
     name: "SelectNode",
     inheritAttrs: true
@@ -2045,11 +2053,11 @@ var _sfc_main$g = defineComponent({
       }, [createElementVNode("div", {
         class: "item-text ellipsis",
         textContent: toDisplayString(__props.item.text)
-      }, null, 8, _hoisted_2$4), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$w, {
+      }, null, 8, _hoisted_2$4), __props.item.type == "group" ? (openBlock(), createBlock(_sfc_main$x, {
         key: 0,
         type: "arrow",
         color: "#8a9099"
-      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$3, [createVNode(_sfc_main$w, {
+      })) : __props.multiple == true ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$x, {
         type: "success",
         color: "white",
         size: 12
@@ -2070,7 +2078,7 @@ var _sfc_main$g = defineComponent({
   }
 });
 
-var _sfc_main$f = defineComponent({
+var _sfc_main$g = defineComponent({
   ...{
     name: "Select2Popup",
     inheritAttrs: true
@@ -2242,13 +2250,13 @@ var _sfc_main$f = defineComponent({
         key: 0
       }, [createTextVNode(" 暂无选项 ")], 64)) : (openBlock(), createElementBlock(Fragment, {
         key: 1
-      }, [__props.search ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
+      }, [__props.search ? (openBlock(), createBlock(_sfc_main$q, 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$g, {
+        return openBlock(), createBlock(_sfc_main$h, {
           key: unref(context).getKey(item),
           multiple: __props.multiple,
           item,
@@ -2257,7 +2265,7 @@ var _sfc_main$f = defineComponent({
           onEnter: onEnterSelectNode,
           onClick: onClickSelectNode
         }, null, 8, ["multiple", "item", "context"]);
-      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$h, {
+      }), 128)), itemsRef.value.length == 0 ? (openBlock(), createBlock(_sfc_main$i, {
         key: 1,
         message: "无结果"
       })) : createCommentVNode("", true), showClearButtonRef.value ? (openBlock(), createElementBlock("div", {
@@ -2274,15 +2282,15 @@ const _hoisted_1$7 = {
   class: "select-result"
 };
 const _hoisted_2$3 = ["title", "textContent"];
-const _hoisted_3$2 = ["textContent"];
-const _hoisted_4$2 = {
+const _hoisted_3$3 = ["textContent"];
+const _hoisted_4$3 = {
   key: 1,
   class: "placeholder"
 };
 onAppCreated((app, type) => {
-  type == "popup" && app.component("SelectPopup", _sfc_main$f);
+  type == "popup" && app.component("SelectPopup", _sfc_main$g);
 });
-var _sfc_main$e = defineComponent({
+var _sfc_main$f = defineComponent({
   ...{
     name: "Select",
     inheritAttrs: true
@@ -2422,7 +2430,7 @@ var _sfc_main$e = defineComponent({
         key: 1,
         class: "placeholder",
         textContent: toDisplayString(__props.readonly ? "" : __props.placeholder || "请选择")
-      }, null, 8, _hoisted_3$2)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$w, {
+      }, null, 8, _hoisted_3$3)), __props.readonly != true ? (openBlock(), createBlock(_sfc_main$x, {
         key: 2,
         type: "arrow",
         size: 24,
@@ -2430,12 +2438,12 @@ var _sfc_main$e = defineComponent({
         style: {
           "transform": "rotate(90deg)"
         }
-      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$2, "暂无可选项"))], 2);
+      })) : createCommentVNode("", true)], 64)) : (openBlock(), createElementBlock("div", _hoisted_4$3, "暂无可选项"))], 2);
     };
   }
 });
 
-var _sfc_main$d = defineComponent({
+var _sfc_main$e = defineComponent({
   ...{
     name: "Switch",
     inheritAttrs: true
@@ -2485,7 +2493,7 @@ var _sfc_main$d = defineComponent({
 });
 
 const _hoisted_1$6 = ["readonly", "placeholder", "rows"];
-var _sfc_main$c = defineComponent({
+var _sfc_main$d = defineComponent({
   ...{
     name: "Textarea"
   },
@@ -2554,16 +2562,16 @@ const _hoisted_1$5 = {
   class: "fold-header"
 };
 const _hoisted_2$2 = ["textContent"];
-const _hoisted_3$1 = ["textContent"];
-const _hoisted_4$1 = {
+const _hoisted_3$2 = ["textContent"];
+const _hoisted_4$2 = {
   key: 1,
   class: "status"
 };
-const _hoisted_5 = {
+const _hoisted_5$1 = {
   class: "fold-body",
   ref: "foldBody"
 };
-var _sfc_main$b = defineComponent({
+var _sfc_main$c = defineComponent({
   ...{
     name: "Fold",
     inheritAttrs: true
@@ -2640,16 +2648,16 @@ var _sfc_main$b = defineComponent({
         key: 0,
         class: "subtitle ellipsis",
         textContent: toDisplayString(__props.subtitle)
-      }, null, 8, _hoisted_3$1)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$1, [createVNode(_sfc_main$w, {
+      }, null, 8, _hoisted_3$2)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_4$2, [createVNode(_sfc_main$x, {
         type: "arrow",
         title: statusModel.value == "expand" ? "收起" : "展开",
         onClick: onStatusClick
-      }, null, 8, ["title"])])) : createCommentVNode("", true)])]), createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "default")], 512)], 2);
+      }, null, 8, ["title"])])) : createCommentVNode("", true)])]), createElementVNode("div", _hoisted_5$1, [renderSlot(_ctx.$slots, "default")], 512)], 2);
     };
   }
 });
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "Scroll",
     inheritAttrs: true
@@ -2661,7 +2669,8 @@ var _sfc_main$a = defineComponent({
     },
     scrollY: {
       type: Boolean
-    }
+    },
+    barSize: {}
   },
   emits: ["xbar", "left", "right", "ybar", "top", "bottom"],
   setup(__props, _ref) {
@@ -2678,10 +2687,27 @@ var _sfc_main$a = defineComponent({
     const {
       onInterval
     } = useTimer();
-    const classRef = computed(() => ({
-      "scroll-x": props.scrollX == true,
-      "scroll-y": props.scrollY == true
-    }));
+    const styleRef = computed(() => {
+      const style = Object.create(null);
+      (props.scrollX || props.scrollY) && (style["--scroll-overflow"] = `${props.scrollX == true ? "auto" : "hidden"} ${props.scrollY == true ? "auto" : "hidden"}`);
+      if (props.barSize) {
+        switch (props.barSize) {
+          case "normal":
+            style["--scroll-bar-size"] = "10px";
+            break;
+          case "small":
+            style["--scroll-bar-size"] = "6px";
+            break;
+          case "mini":
+            style["--scroll-bar-size"] = "4px";
+            break;
+          case "none":
+            style["--scroll-bar-size"] = "0";
+            break;
+        }
+      }
+      return style;
+    });
     var preStatus = void 0;
     __expose({
       scroll,
@@ -2737,15 +2763,9 @@ var _sfc_main$a = defineComponent({
       events.top && emits("top");
       events.bottom && emits("bottom");
       if (rootDom.value) {
-        rootDom.value.classList.remove("x-bar", "y-bar", "left", "right", "top", "bottom");
-        const classes = [];
-        status.xbar && classes.push("x-bar");
-        status.ybar && classes.push("y-bar");
-        status.left && classes.push("left");
-        status.right && classes.push("right");
-        status.top && classes.push("top");
-        status.bottom && classes.push("bottom");
-        classes.length && rootDom.value.classList.add(...classes);
+        rootDom.value.classList.remove("x-bar", "y-bar");
+        status.xbar && rootDom.value.classList.add("x-bar");
+        status.ybar && rootDom.value.classList.add("y-bar");
       }
     }
     onMounted(() => {
@@ -2758,43 +2778,101 @@ var _sfc_main$a = defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-scroll", classRef.value]),
+        class: "snail-scroll",
         ref: "scroll-root",
+        style: normalizeStyle(styleRef.value),
         onScroll: refreshScrollInfo
-      }, [renderSlot(_ctx.$slots, "default")], 34);
+      }, [renderSlot(_ctx.$slots, "default")], 36);
     };
   }
 });
 
-const _hoisted_1$4 = {
-  key: 0,
-  class: "layout-start"
-};
-const _hoisted_2$1 = {
-  key: 1,
-  class: "layout-end"
-};
-var _sfc_main$9 = defineComponent({
+var _sfc_main$a = defineComponent({
   __name: "layout",
   props: {
     mode: {},
-    scroll: {}
+    default: {},
+    left: {},
+    right: {},
+    top: {},
+    bottom: {}
   },
   setup(__props) {
+    const props = __props;
+    const areaMap = computed(() => {
+      const map = Object.create(null);
+      map.default = {
+        scrollable: props.default && props.default.scroll != void 0,
+        class: "main-area",
+        style: void 0
+      };
+      if (props.mode == "vertical") {
+        map.top = {
+          scrollable: props.top && props.top.scroll != void 0,
+          class: "top-area",
+          style: buildHeightStyle(props.top)
+        };
+        map.bottom = {
+          scrollable: props.bottom && props.bottom.scroll != void 0,
+          class: "bottom-area",
+          style: buildHeightStyle(props.bottom)
+        };
+      } else {
+        map.left = {
+          scrollable: props.left && props.left.scroll != void 0,
+          class: "left-area",
+          style: buildWidthStyle(props.left)
+        };
+        map.right = {
+          scrollable: props.right && props.right.scroll != void 0,
+          class: "right-area",
+          style: buildWidthStyle(props.right)
+        };
+      }
+      return map;
+    });
+    function buildWidthStyle(style) {
+      return style ? css.buildStyle({
+        minWidth: style.minWidth,
+        width: style.width,
+        maxWidth: style.maxWidth
+      }) : void 0;
+    }
+    function buildHeightStyle(style) {
+      return style ? css.buildStyle({
+        minHeight: style.minHeight,
+        height: style.height,
+        maxHeight: style.maxHeight
+      }) : void 0;
+    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["snail-layout", __props.mode])
-      }, [_ctx.$slots.start ? (openBlock(), createElementBlock("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "start")])) : createCommentVNode("", true), createVNode(_sfc_main$a, mergeProps({
-        class: "layout-body"
-      }, __props.scroll), {
-        default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-        _: 3
-      }, 16), _ctx.$slots.end ? (openBlock(), createElementBlock("div", _hoisted_2$1, [renderSlot(_ctx.$slots, "end")])) : createCommentVNode("", true)], 2);
+      }, [(openBlock(), createElementBlock(Fragment, null, renderList(["top", "left", "default", "right", "bottom"], item => {
+        return openBlock(), createElementBlock(Fragment, {
+          key: item
+        }, [areaMap.value[item] && _ctx.$slots[item] ? (openBlock(), createElementBlock(Fragment, {
+          key: 0
+        }, [areaMap.value[item].scrollable ? (openBlock(), createBlock(_sfc_main$b, mergeProps({
+          key: 0,
+          class: areaMap.value[item].class,
+          style: areaMap.value[item].style
+        }, {
+          ref_for: true
+        }, props[item].scroll), {
+          default: withCtx(() => [renderSlot(_ctx.$slots, item)]),
+          _: 2
+        }, 1040, ["class", "style"])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(areaMap.value[item].class),
+          style: normalizeStyle(areaMap.value[item].style)
+        }, [renderSlot(_ctx.$slots, item)], 6))], 64)) : createCommentVNode("", true)], 64);
+      }), 64))], 2);
     };
   }
 });
 
-var _sfc_main$8 = defineComponent({
+var _sfc_main$9 = defineComponent({
   ...{
     name: "Sort",
     inheritAttrs: true
@@ -2895,10 +2973,10 @@ var _sfc_main$8 = defineComponent({
   }
 });
 
-const _hoisted_1$3 = {
+const _hoisted_1$4 = {
   class: "table-body"
 };
-var _sfc_main$7 = defineComponent({
+var _sfc_main$8 = defineComponent({
   ...{
     name: "Table",
     inheritAttrs: true
@@ -2911,6 +2989,7 @@ var _sfc_main$7 = defineComponent({
     scrollY: {
       type: Boolean
     },
+    barSize: {},
     border: {
       type: Boolean
     },
@@ -2922,7 +3001,7 @@ var _sfc_main$7 = defineComponent({
     const hStyleRef = computed(() => css.buildStyle(props.headerStyle));
     const fStyleRef = computed(() => css.buildStyle(props.footerStyle));
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$a, {
+      return openBlock(), createBlock(_sfc_main$b, {
         class: normalizeClass(["snail-table", {
           "start-border": __props.border == true
         }]),
@@ -2932,7 +3011,7 @@ var _sfc_main$7 = defineComponent({
         default: withCtx(() => [createElementVNode("div", {
           class: "table-header",
           style: normalizeStyle(hStyleRef.value)
-        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("div", _hoisted_1$3, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
+        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
           class: "table-footer",
           style: normalizeStyle(fStyleRef.value)
         }, [renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -2942,7 +3021,7 @@ var _sfc_main$7 = defineComponent({
   }
 });
 
-var _sfc_main$6 = defineComponent({
+var _sfc_main$7 = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -2965,7 +3044,7 @@ var _sfc_main$6 = defineComponent({
   }
 });
 
-var _sfc_main$5 = defineComponent({
+var _sfc_main$6 = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -3011,14 +3090,15 @@ var _sfc_main$5 = defineComponent({
   }
 });
 
-var _sfc_main$4 = defineComponent({
+var _sfc_main$5 = defineComponent({
   __name: "transitions",
   props: {
-    customClass: {},
-    effect: {},
     group: {
       type: Boolean
-    }
+    },
+    duration: {},
+    customClass: {},
+    effect: {}
   },
   setup(__props) {
     const props = __props;
@@ -3029,11 +3109,13 @@ var _sfc_main$4 = defineComponent({
       } else {
         array.push(props.effect || "fade");
       }
+      console.log(array);
       return array.join(" ");
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(resolveDynamicComponent(__props.group ? TransitionGroup : Transition), mergeProps(_ctx.$attrs, {
         appear: "",
+        duration: __props.duration,
         "enter-active-class": `${classNames.value} enter-active`,
         "enter-from-class": `${classNames.value} enter-from`,
         "enter-to-class": `${classNames.value} enter-to`,
@@ -3043,25 +3125,25 @@ var _sfc_main$4 = defineComponent({
       }), {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
         _: 3
-      }, 16, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"]);
+      }, 16, ["duration", "enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"]);
     };
   }
 });
 
-const _hoisted_1$2 = {
+const _hoisted_1$3 = {
   key: 0,
   class: "node-fold"
 };
-const _hoisted_2 = ["title", "textContent"];
-const _hoisted_3 = {
+const _hoisted_2$1 = ["title", "textContent"];
+const _hoisted_3$1 = {
   class: "node-slot ellipsis"
 };
-const _hoisted_4 = {
+const _hoisted_4$1 = {
   key: 1,
   class: "snail-tree-children hidden",
   ref: "children"
 };
-var _sfc_main$3 = defineComponent({
+var _sfc_main$4 = defineComponent({
   ...{
     name: "TreeNode",
     inheritAttrs: true
@@ -3179,7 +3261,7 @@ var _sfc_main$3 = defineComponent({
         key: 1
       }, [_cache[4] || (_cache[4] = createElementVNode("div", {
         class: "indent"
-      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$2, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$w, {
+      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$3, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$x, {
         key: 0,
         class: normalizeClass(statusRef.value),
         type: "custom",
@@ -3191,7 +3273,7 @@ var _sfc_main$3 = defineComponent({
         class: "node-text ellipsis",
         title: __props.node.text,
         textContent: toDisplayString(__props.node.text)
-      }, null, 8, _hoisted_2), createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34)) : createCommentVNode("", true), showRef.value && showChildrenRef.value ? (openBlock(), createElementBlock("div", _hoisted_4, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
+      }, null, 8, _hoisted_2$1), createElementVNode("div", _hoisted_3$1, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34)) : createCommentVNode("", true), showRef.value && showChildrenRef.value ? (openBlock(), createElementBlock("div", _hoisted_4$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
         return openBlock(), createBlock(_component_TreeNode, {
           key: __props.context.getKey(child),
           node: child,
@@ -3211,10 +3293,10 @@ var _sfc_main$3 = defineComponent({
   }
 });
 
-const _hoisted_1$1 = {
+const _hoisted_1$2 = {
   class: "snail-tree"
 };
-var _sfc_main$2 = defineComponent({
+var _sfc_main$3 = defineComponent({
   ...{
     name: "Tree",
     inheritAttrs: true
@@ -3248,15 +3330,15 @@ var _sfc_main$2 = defineComponent({
       emits("click", node, parents);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$1, [__props.search ? (openBlock(), createBlock(_sfc_main$p, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1$2, [__props.search ? (openBlock(), createBlock(_sfc_main$q, mergeProps({
         key: 0
       }, __props.search, {
         onSearch
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$a, {
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$b, {
         "scroll-y": true
       }, {
         default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes || [], node => {
-          return openBlock(), createBlock(_sfc_main$3, {
+          return openBlock(), createBlock(_sfc_main$4, {
             key: unref(context).getKey(node),
             node,
             parent: void 0,
@@ -3277,7 +3359,7 @@ var _sfc_main$2 = defineComponent({
   }
 });
 
-var _sfc_main$1 = defineComponent({
+var _sfc_main$2 = defineComponent({
   __name: "wrapper",
   props: {
     readonly: {
@@ -3299,14 +3381,14 @@ var _sfc_main$1 = 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$s, mergeProps({
+      }, [__props.header && __props.header.disabled != true ? (openBlock(), createBlock(_sfc_main$t, mergeProps({
         key: 0
       }, __props.header || {
         useTo: "dialog",
         title: "对话框"
       }, {
         onClose: _cache[0] || (_cache[0] = $event => emits("cancel"))
-      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$a, mergeProps({
+      }), null, 16)) : createCommentVNode("", true), createVNode(_sfc_main$b, mergeProps({
         class: "wrapper-body"
       }, __props.content || {
         scrollX: false,
@@ -3314,7 +3396,7 @@ var _sfc_main$1 = defineComponent({
       }), {
         default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
         _: 3
-      }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$t, mergeProps({
+      }, 16), __props.footer && __props.readonly != true && __props.footer.disabled != true ? (openBlock(), createBlock(_sfc_main$u, mergeProps({
         key: 1
       }, __props.footer || {}, {
         onCancel: _cache[1] || (_cache[1] = $event => emits("cancel")),
@@ -3328,7 +3410,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$m, options);
+  const app = createApp(_sfc_main$n, options);
   triggerAppCreated(app);
   app.mount(target);
   const scope = useScope().onDestroy(() => app.unmount());
@@ -3336,6 +3418,252 @@ function mount(target, options, onDestroyed) {
   return scope;
 }
 
+const _hoisted_1$1 = {
+  class: "tz-item",
+  ref: "hour-items"
+};
+const _hoisted_2 = ["textContent", "onClick"];
+const _hoisted_3 = {
+  class: "tz-item",
+  ref: "minute-items"
+};
+const _hoisted_4 = ["textContent", "onClick"];
+const _hoisted_5 = {
+  key: 0,
+  class: "tz-item",
+  ref: "second-items"
+};
+const _hoisted_6 = ["textContent", "onClick"];
+var _sfc_main$1 = defineComponent({
+  __name: "time-pc",
+  props: {
+    value: {},
+    initialDisabled: {
+      type: Boolean
+    },
+    nowDisabled: {
+      type: Boolean
+    },
+    manager: {},
+    format: {},
+    min: {},
+    max: {},
+    inPopup: {},
+    closePopup: {
+      type: Function
+    },
+    popupStatus: {},
+    target: {},
+    followX: {},
+    followY: {},
+    pinned: {}
+  },
+  emits: ["clear", "confirm"],
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emits = __emit;
+    const tm = props.manager || useTime({
+      format: props.format == "HH:mm" ? "HH:mm" : "HH:mm:ss",
+      min: parseTime(props.min),
+      max: parseTime(props.max)
+    });
+    const {
+      toast
+    } = usePopup();
+    const {
+      inPopup,
+      closePopup
+    } = props;
+    const secondDisabled = tm.format == "HH:mm";
+    const tvRef = ref();
+    const hItemsDom = useTemplateRef("hour-items");
+    const mItemsDom = useTemplateRef("minute-items");
+    const sItemsDom = useTemplateRef("second-items");
+    function getTimeClass(type, value) {
+      switch (type) {
+        case "hour":
+          return {
+            active: tvRef.value.hour == value,
+            disabled: tm.validateHH(value) == false
+          };
+        case "minute":
+          return {
+            active: tvRef.value.minute == value,
+            disabled: tm.validateHHmm(tvRef.value.hour, value) == false
+          };
+        case "second":
+          return {
+            active: tvRef.value.second == value,
+            disabled: tm.validateHHmmss(tvRef.value.hour, tvRef.value.minute, value) == false
+          };
+      }
+    }
+    function scrollIntoView(items) {
+      let activeIndex = void 0,
+        firstValidIndex;
+      for (var index = 0; index < (items ? items.children.length : 0); index++) {
+        const ele = items.children[index];
+        if (ele.classList.contains("disabled") == true) {
+          continue;
+        }
+        if (firstValidIndex == void 0) {
+          firstValidIndex = index;
+        }
+        if (ele.classList.contains("active") == true) {
+          activeIndex = index;
+          break;
+        }
+      }
+      let showIndex = activeIndex;
+      if (activeIndex == void 0) {
+        if (firstValidIndex != void 0) {
+          showIndex = firstValidIndex;
+        }
+      }
+      showIndex != void 0 && items.children[showIndex].scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+    }
+    async function onTimeClick(type, value) {
+      switch (type) {
+        case "hour":
+          if (tm.validateHH(value)) {
+            tvRef.value.hour = value;
+            await nextTick();
+            scrollIntoView(mItemsDom.value);
+          }
+          break;
+        case "minute":
+          if (tm.validateHHmm(tvRef.value.hour, value)) {
+            tvRef.value.minute = value;
+            await nextTick();
+            scrollIntoView(sItemsDom.value);
+          }
+          break;
+        case "second":
+          if (tm.validateHHmmss(tvRef.value.hour, tvRef.value.minute, value)) {
+            tvRef.value.second = value;
+          }
+          break;
+      }
+    }
+    async function onNow() {
+      tvRef.value = getTimeNow();
+      if (tm.validate(tvRef.value)) {
+        await nextTick();
+        scrollIntoView(hItemsDom.value);
+        scrollIntoView(mItemsDom.value);
+        scrollIntoView(sItemsDom.value);
+      }
+    }
+    function onConfirm() {
+      tvRef.value = tm.correct(tvRef.value) || Object.create(null);
+      if (tvRef.value == void 0 || tvRef.value.hour == void 0) {
+        return toast("error", "请选选择时间");
+      }
+      if (secondDisabled != true && tvRef.value.minute == void 0) {
+        return toast("error", "请选选择时间");
+      }
+      const value = tm.toString(tvRef.value);
+      emits("confirm", value);
+      inPopup && closePopup(value);
+    }
+    {
+      props.value && (tvRef.value = tm.parse(props.value));
+      tvRef.value || props.initialDisabled || (tvRef.value = tm.correct(getTimeNow()));
+      tvRef.value || (tvRef.value = Object.create(null));
+    }
+    onMounted(async () => {
+      await nextTick();
+      scrollIntoView(hItemsDom.value);
+      scrollIntoView(mItemsDom.value);
+      scrollIntoView(sItemsDom.value);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$a, {
+        class: normalizeClass(["snail-time-picker pc", {
+          "second-disabled": secondDisabled
+        }]),
+        mode: "vertical"
+      }, {
+        default: withCtx(() => [createVNode(_sfc_main$5, {
+          group: true,
+          effect: "down-up"
+        }, {
+          default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(24).fill(void 0), (_, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["tzi-number", getTimeClass("hour", index)]),
+              textContent: toDisplayString(String(index).padStart(2, "0")),
+              onClick: $event => onTimeClick("hour", index)
+            }, null, 10, _hoisted_2);
+          }), 256))], 512), createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(60).fill(void 0), (_, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["tzi-number", getTimeClass("minute", index)]),
+              textContent: toDisplayString(String(index).padStart(2, "0")),
+              onClick: $event => onTimeClick("minute", index)
+            }, null, 10, _hoisted_4);
+          }), 256))], 512), secondDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(Array(60).fill(void 0), (_, index) => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["tzi-number", getTimeClass("second", index)]),
+              textContent: toDisplayString(String(index).padStart(2, "0")),
+              onClick: $event => onTimeClick("second", index)
+            }, null, 10, _hoisted_6);
+          }), 256))], 512)) : createCommentVNode("", true)]),
+          bottom: withCtx(() => [createVNode(_sfc_main$y, {
+            type: "link",
+            size: "small",
+            textContent: "清空",
+            onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), unref(inPopup) && unref(closePopup)("")))
+          }), unref(tm).validate(unref(getTimeNow)()) ? (openBlock(), createBlock(_sfc_main$y, {
+            key: 0,
+            type: "link",
+            size: "small",
+            textContent: "现在",
+            onClick: onNow
+          })) : createCommentVNode("", true), createVNode(_sfc_main$y, {
+            type: "link",
+            size: "small",
+            textContent: "确定",
+            onClick: onConfirm
+          })]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["class"]);
+    };
+  }
+});
+
+function usePicker() {
+  const popup = usePopup();
+  function showTime(target, options) {
+    options = {
+      ...options
+    };
+    delete options["manager"];
+    return popup.follow(target, {
+      component: _sfc_main$1,
+      followX: ["center"],
+      spaceClient: 10,
+      spaceY: 2,
+      spaceX: 2,
+      closeOnMask: true,
+      props: options
+    });
+  }
+  {
+    const manager = Object.freeze(mountScope({
+      showTime
+    }, "IPickerManager"));
+    manager.onDestroy(popup.destroy);
+    return manager;
+  }
+}
+
 const _hoisted_1 = ["textContent"];
 var _sfc_main = defineComponent({
   ...{
@@ -3421,12 +3749,12 @@ var _sfc_main = defineComponent({
         onTouchstart: onStartDrag,
         onTouchmove: onDragMove,
         onTouchend: onDragEnd
-      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$w, {
+      }, [dragInfoRef.value.status == "success" ? (openBlock(), createBlock(_sfc_main$x, {
         key: 0,
         type: "success",
         size: 20,
         color: "white"
-      })) : (openBlock(), createBlock(_sfc_main$w, {
+      })) : (openBlock(), createBlock(_sfc_main$x, {
         key: 1,
         type: "custom",
         size: 20,
@@ -3438,36 +3766,36 @@ var _sfc_main = defineComponent({
 });
 
 const components = {
-  Button: _sfc_main$x,
-  Choose: _sfc_main$v,
-  DatePicker: _sfc_main$u,
-  Footer: _sfc_main$t,
-  Header: _sfc_main$s,
-  Icon: _sfc_main$w,
-  Input: _sfc_main$r,
-  Number: _sfc_main$q,
-  Search: _sfc_main$p,
-  Select: _sfc_main$e,
-  Switch: _sfc_main$d,
-  Textarea: _sfc_main$c,
-  Dynamic: _sfc_main$m,
-  Fold: _sfc_main$b,
-  Layout: _sfc_main$9,
-  Scroll: _sfc_main$a,
-  Sort: _sfc_main$8,
-  Table: _sfc_main$7,
-  TableRow: _sfc_main$6,
-  TableCol: _sfc_main$5,
-  Transitions: _sfc_main$4,
-  Tree: _sfc_main$2,
-  Wrapper: _sfc_main$1,
+  Button: _sfc_main$y,
+  Choose: _sfc_main$w,
+  DatePicker: _sfc_main$v,
+  Footer: _sfc_main$u,
+  Header: _sfc_main$t,
+  Icon: _sfc_main$x,
+  Input: _sfc_main$s,
+  Number: _sfc_main$r,
+  Search: _sfc_main$q,
+  Select: _sfc_main$f,
+  Switch: _sfc_main$e,
+  Textarea: _sfc_main$d,
+  Dynamic: _sfc_main$n,
+  Fold: _sfc_main$c,
+  Layout: _sfc_main$a,
+  Scroll: _sfc_main$b,
+  Sort: _sfc_main$9,
+  Table: _sfc_main$8,
+  TableRow: _sfc_main$7,
+  TableCol: _sfc_main$6,
+  Transitions: _sfc_main$5,
+  Tree: _sfc_main$3,
+  Wrapper: _sfc_main$2,
   DragVerify: _sfc_main,
-  Empty: _sfc_main$h,
-  Loading: _sfc_main$n
+  Empty: _sfc_main$i,
+  Loading: _sfc_main$o
 };
 
 onMountScope(scope => {
   getCurrentScope() && onScopeDispose(scope.destroy);
 });
 
-export { components, getSvgDraw, mount, onAppCreated, triggerAppCreated, usePopup, useReactive, useTreeContext };
+export { components, getSvgDraw, mount, onAppCreated, triggerAppCreated, usePicker, usePopup, useReactive, useTreeContext };