snail.vue 2.0.32 → 2.0.33

package/dist/snail.vue.js

@@ -1,6 +1,6 @@
 //@ 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, getTimeNumber, getDateValue, parseDate, formatDateValue, getDateByValue, parseTimeValue, getTimeValue, padStart, formatTimeValue, parseDateValue, correctDateFormat, isValidTime, getFromArray, isNullish, onMountScope } from 'snail.core';
+import { throwError, isObject, correctNumber, correctString, useKey, isArray, useScopes, mountScope, throwIfFalse, isPromise, wait, isNumberNotNaN, isStringNotEmpty, hasAny, mustFunction, useScope, removeFromArray, mustObject, isArrayNotEmpty, hasOwnProperty, isString, script, delay, useTimer, runAsync, defer, useAsyncScope, useHook, newId, throwIfTrue, isFunction, getDateValue, parseDate, formatDateValue, getDateByValue, getTimeNumber, parseDateValue, correctDateFormat, parseTimeValue, isValidTime, getFromArray, formatTimeValue, getTimeValue, padStart, isNullish, onMountScope } from 'snail.core';
 import { css, link, useObserver, useScroll, useAnimation, useElastic } from 'snail.view';
 
 const _hoisted_1$p = ["title"];
@@ -451,6 +451,7 @@ var _sfc_main$B = defineComponent({
 });
 
 function useReactive() {
+  const scopes = useScopes();
   function transition(rv, effect, time) {
     throwIfFalse(isObject(effect), "transition: effect must be an object.");
     const scope = scopes.get();
@@ -477,14 +478,17 @@ function useReactive() {
     });
     return scopes.get().onDestroy(stop);
   }
-  const manager = mountScope({
-    transition,
-    load,
-    watcher
-  }, "IReactiveManager");
-  const scopes = useScopes();
-  manager.onDestroy(scopes.destroy);
-  return Object.freeze(manager);
+  {
+    const manager = mountScope({
+      transition,
+      load,
+      watcher
+    }, {
+      type: "IReactiveManager"
+    });
+    manager.onDestroy(scopes.destroy);
+    return Object.freeze(manager);
+  }
 }
 
 function useFormatter(options) {
@@ -646,7 +650,9 @@ function useFormatter(options) {
     buildUpper,
     buildThousands,
     calcByStep
-  }, "INumberFormatter"));
+  }, {
+    type: "INumberFormatter"
+  }));
   return formatter;
 }
 
@@ -1916,13 +1922,17 @@ var _sfc_main$p = defineComponent({
   }
 });
 
-function usePopup() {
-  function popup(options) {
-    const scope = checkOptions(options, checkPopup) || popupInCustomContainer(_sfc_main$q, options);
+function usePopup(options) {
+  const global = options ? options.global : false;
+  const scopes = useScopes({
+    global
+  });
+  function popup(options2) {
+    const scope = checkOptions(options2, checkPopup) || popupInCustomContainer(_sfc_main$q, options2);
     return addScope2Scopes(scope);
   }
-  function dialog(options) {
-    var scope = checkOptions(options, checkDialog);
+  function dialog(options2) {
+    var scope = checkOptions(options2, checkDialog);
     if (scope == void 0) {
       const deferred = defer();
       const hook = useHook();
@@ -1951,13 +1961,13 @@ function usePopup() {
         },
         onBeforeClose: fn => hook.register("onBeforeClose", fn)
       });
-      const descriptor = openPopup(_sfc_main$s, options, extOptions);
+      const descriptor = openPopup(_sfc_main$s, options2, extOptions);
       scope = useAsyncScope(deferred.promise);
       monitorDialog(descriptor, scope, deferred);
     }
     return addScope2Scopes(scope);
   }
-  function follow(target, options) {
+  function follow(target, options2) {
     var scope = void 0;
     if (target instanceof Element == false) {
       const deferred = defer();
@@ -1969,34 +1979,34 @@ function usePopup() {
         inPopup: "follow",
         target
       };
-      scope = checkOptions(options, checkFollow) || popupInCustomContainer(_sfc_main$r, options, extOptions);
+      scope = checkOptions(options2, checkFollow) || popupInCustomContainer(_sfc_main$r, options2, extOptions);
     }
     return addScope2Scopes(scope);
   }
-  function confirm(title, message, options) {
-    options = options || Object.create(null);
+  function confirm(title, message, options2) {
+    options2 = options2 || Object.create(null);
     return dialog({
       component: _sfc_main$y,
       closeOnEscape: true,
       props: {
-        ...options,
+        ...options2,
         title,
         message
       }
     });
   }
-  function toast(type, message, options) {
+  function toast(type, message, options2) {
     return popupInCustomContainer(_sfc_main$p, {
       url: "#ToastContainer",
       props: {
-        ...(options || Object.create(null)),
+        ...(options2 || Object.create(null)),
         type,
         message
       }
     });
   }
-  function checkOptions(options, checkFunc) {
-    const message = manager.destroyed == true ? "checkOptions: manager destroyed." : checkFunc(options);
+  function checkOptions(options2, checkFunc) {
+    const message = manager.destroyed == true ? "checkOptions: manager destroyed." : checkFunc(options2);
     if (isStringNotEmpty(message) == true) {
       const deferred = defer();
       deferred.reject(message);
@@ -2007,7 +2017,7 @@ function usePopup() {
   function addScope2Scopes(scope) {
     return scope.destroyed || manager.destroyed ? scope : scopes.add(scope);
   }
-  function popupInCustomContainer(container, options, extOptions) {
+  function popupInCustomContainer(container, options2, extOptions) {
     const deferred = defer();
     extOptions = Object.freeze({
       inPopup: "popup",
@@ -2019,7 +2029,7 @@ function usePopup() {
       },
       ...extOptions
     });
-    const descriptor = openPopup(container || _sfc_main$q, options, extOptions);
+    const descriptor = openPopup(container || _sfc_main$q, options2, extOptions);
     const scope = useAsyncScope(deferred.promise);
     scope.onDestroy(() => destroyPopup(descriptor, deferred));
     return scope;
@@ -2030,8 +2040,10 @@ function usePopup() {
     follow,
     confirm,
     toast
-  }, "IPopupManager");
-  const scopes = useScopes();
+  }, {
+    global: options ? options.global : false,
+    type: "IPopupManager"
+  });
   manager.onDestroy(scopes.destroy);
   return Object.freeze(manager);
 }
@@ -2079,7 +2091,9 @@ function useTreeContext(nodes, activeNodeRef) {
     isShowChildren,
     getPath,
     getKey
-  }, "ITreeBaseContext");
+  }, {
+    type: "ITreeBaseContext"
+  });
   context.onDestroy(() => {
     failed.value = void 0;
     patched.value = void 0;
@@ -2143,7 +2157,9 @@ function useSelectContext(items, selectsRef, separator) {
       selected,
       selectedText
     });
-    mountScope(context, "ISelectContext");
+    mountScope(context, {
+      type: "ISelectContext"
+    });
     treeContxt.onDestroy(() => context.destroyed || context.destroy());
     context.onDestroy(() => treeContxt.destroyed || treeContxt.destroy());
   }
@@ -3874,210 +3890,16 @@ function buildSecondItems(minuteItem, min, max) {
   return items;
 }
 
-const _hoisted_1$7 = {
-  class: "tz-item",
-  ref: "hour-items"
-};
-const _hoisted_2$6 = ["textContent", "onClick", "onDblclick"];
-const _hoisted_3$2 = {
-  class: "tz-item",
-  ref: "minute-items"
-};
+const _hoisted_1$7 = ["textContent"];
+const _hoisted_2$6 = ["textContent"];
+const _hoisted_3$2 = ["textContent"];
 const _hoisted_4$2 = ["textContent", "onClick", "onDblclick"];
-const _hoisted_5$2 = {
-  key: 0,
-  class: "tz-item",
-  ref: "second-items"
-};
-const _hoisted_6$2 = ["textContent", "onClick", "onDblclick"];
-var _sfc_main$7 = defineComponent({
-  __name: "time-pc",
-  props: {
-    value: {},
-    format: {},
-    mode: {},
-    min: {},
-    max: {},
-    toolbarDisabled: {
-      type: Boolean
-    },
-    nowDisabled: {
-      type: Boolean
-    },
-    clearDisabled: {
-      type: Boolean
-    },
-    popup: {},
-    picker: {},
-    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 format = props.format == "HH:mm" ? "HH:mm" : "HH:mm:ss";
-    const min = parseTimeValue(props.min, "min");
-    const max = parseTimeValue(props.max, "max");
-    const timeRef = ref(parseTimeValue(props.value, "min") || getTimeValue(new Date()));
-    const isValidTimeRef = computed(() => format == "HH:mm" ? minuteItems.value && minuteItems.value[timeRef.value.minute].disabled != true : secondItems.value && secondItems.value[timeRef.value.second].disabled != true);
-    const hourItems = shallowRef(buildHourItems(min, max));
-    const minuteItems = shallowRef();
-    const secondItems = shallowRef();
-    const hItemsDom = useTemplateRef("hour-items");
-    const mItemsDom = useTemplateRef("minute-items");
-    const sItemsDom = useTemplateRef("second-items");
-    async function rebuildItems(time) {
-      time != void 0 && (timeRef.value = time);
-      minuteItems.value = buildMinuteItems(hourItems.value[timeRef.value.hour], min, max);
-      secondItems.value = buildSecondItems(minuteItems.value[timeRef.value.minute], min, max);
-      await nextTick();
-      scrollIntoView(hItemsDom.value);
-      scrollIntoView(mItemsDom.value);
-      scrollIntoView(sItemsDom.value);
-    }
-    function scrollIntoView(items) {
-      let activeIndex = void 0;
-      for (var index = 0; index < (items ? items.children.length : 0); index++) {
-        const ele = items.children[index];
-        if (ele.classList.contains("active") == true) {
-          activeIndex = index;
-          break;
-        }
-      }
-      activeIndex != void 0 && items.children[activeIndex].scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
-    }
-    function onHourClick(item, dbClick) {
-      if (item.disabled != true && timeRef.value.hour != item.hour) {
-        timeRef.value.hour = item.hour;
-        minuteItems.value = buildMinuteItems(item, min, max);
-        secondItems.value = buildSecondItems(minuteItems.value[timeRef.value.minute], min, max);
-      }
-    }
-    function onMinuteClick(item, dbClick) {
-      if (item.disabled != true) {
-        timeRef.value.minute = item.minute;
-        if (format == "HH:mm") {
-          dbClick && onConfirm();
-        } else if (timeRef.value.minute != item.minute) {
-          secondItems.value = buildSecondItems(item, min, max);
-        }
-      }
-    }
-    function onSecondClick(item, dbClick) {
-      if (item.disabled != true) {
-        timeRef.value.second = item.second;
-        dbClick && onConfirm();
-      }
-    }
-    function onConfirm() {
-      if (isValidTimeRef.value == true) {
-        const value = formatTimeValue(timeRef.value, format);
-        emits("confirm", value);
-        props.inPopup && props.closePopup(value);
-      }
-    }
-    onMounted(rebuildItems);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$f, {
-        class: normalizeClass(["time-picker pc", {
-          "second-disabled": unref(format) != "HH:mm:ss"
-        }]),
-        direction: "vertical"
-      }, createSlots({
-        main: withCtx(() => [createVNode(_sfc_main$x, {
-          multiple: "",
-          effect: unref(MOTION).top
-        }, {
-          default: withCtx(() => [createElementVNode("div", _hoisted_1$7, [(openBlock(true), createElementBlock(Fragment, null, renderList(hourItems.value, item => {
-            return openBlock(), createElementBlock("div", {
-              class: normalizeClass(["tzi-number", {
-                active: item.hour == timeRef.value.hour,
-                disabled: item.disabled
-              }]),
-              key: item.hour,
-              textContent: toDisplayString(unref(padStart)(item.hour, 2, "0")),
-              onClick: $event => onHourClick(item),
-              onDblclick: $event => onHourClick(item)
-            }, null, 42, _hoisted_2$6);
-          }), 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,
-                disabled: item.disabled
-              }]),
-              key: `${item.hour}:${item.minute}`,
-              textContent: toDisplayString(unref(padStart)(item.minute, 2, "0")),
-              onClick: $event => onMinuteClick(item),
-              onDblclick: $event => onMinuteClick(item, true)
-            }, null, 42, _hoisted_4$2);
-          }), 128))], 512), unref(format) == "HH:mm:ss" ? (openBlock(), createElementBlock("div", _hoisted_5$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(secondItems.value, item => {
-            return openBlock(), createElementBlock("div", {
-              class: normalizeClass(["tzi-number", {
-                active: item.second == timeRef.value.second,
-                disabled: item.disabled
-              }]),
-              key: `${item.hour}:${item.minute}:${item.second}`,
-              textContent: toDisplayString(unref(padStart)(item.second, 2, "0")),
-              onClick: $event => onSecondClick(item),
-              onDblclick: $event => onSecondClick(item, true)
-            }, null, 42, _hoisted_6$2);
-          }), 128))], 512)) : createCommentVNode("", true)]),
-          _: 1
-        }, 8, ["effect"])]),
-        _: 2
-      }, [__props.toolbarDisabled != true ? {
-        name: "bottom",
-        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$G, {
-          key: 1,
-          type: "link",
-          size: "small",
-          textContent: "现在",
-          onClick: _cache[1] || (_cache[1] = $event => rebuildItems(unref(getTimeValue)(new Date())))
-        })) : createCommentVNode("", true), createVNode(_sfc_main$G, {
-          type: "link",
-          size: "small",
-          textContent: "确定",
-          class: normalizeClass({
-            disabled: isValidTimeRef.value != true
-          }),
-          onClick: onConfirm
-        }, null, 8, ["class"])]),
-        key: "0"
-      } : void 0]), 1032, ["class"]);
-    };
-  }
-});
-
-const _hoisted_1$6 = ["textContent"];
-const _hoisted_2$5 = ["textContent"];
-const _hoisted_3$1 = ["textContent"];
-const _hoisted_4$1 = ["textContent", "onClick", "onDblclick"];
-const _hoisted_5$1 = ["textContent", "onClick", "onDblclick"];
-const _hoisted_6$1 = ["textContent"];
+const _hoisted_5$2 = ["textContent", "onClick", "onDblclick"];
+const _hoisted_6$2 = ["textContent"];
 const _hoisted_7 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_8 = ["textContent"];
-var _sfc_main$6 = defineComponent({
-  __name: "date-pc",
+var _sfc_main$7 = defineComponent({
+  __name: "date-popup",
   props: {
     value: {},
     format: {},
@@ -4294,7 +4116,7 @@ var _sfc_main$6 = defineComponent({
     buildPickerItems(stepRef.value, 0);
     return (_ctx, _cache) => {
       return openBlock(), createBlock(_sfc_main$f, {
-        class: normalizeClass(["date-picker pc", {
+        class: normalizeClass(["snail-date-picker-popup", {
           "time-now": __props.pinned && __props.pinned.value == true
         }]),
         direction: "vertical",
@@ -4318,16 +4140,16 @@ var _sfc_main$6 = 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$6)) : (openBlock(), createElementBlock(Fragment, {
+        }, null, 8, _hoisted_1$7)) : (openBlock(), createElementBlock(Fragment, {
           key: 1
         }, [createElementVNode("div", {
           textContent: toDisplayString(`${dateRef.value.year}年`),
           onClick: _cache[1] || (_cache[1] = $event => onSwitchStepClick("year"))
-        }, null, 8, _hoisted_2$5), stepRef.value == "day" ? (openBlock(), createElementBlock("div", {
+        }, null, 8, _hoisted_2$6), 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$1)) : createCommentVNode("", true)], 64))], 2), createVNode(_sfc_main$F, {
+        }, null, 8, _hoisted_3$2)) : createCommentVNode("", true)], 64))], 2), createVNode(_sfc_main$F, {
           class: "flex-0",
           type: "arrow",
           button: "",
@@ -4349,7 +4171,7 @@ var _sfc_main$6 = defineComponent({
             textContent: toDisplayString(item.year),
             onClick: $event => onYearItemClick(item),
             onDblclick: $event => onYearItemClick(item, true)
-          }, null, 40, _hoisted_4$1)], 2);
+          }, null, 40, _hoisted_4$2)], 2);
         }), 128)) : stepRef.value == "month" ? (openBlock(true), createElementBlock(Fragment, {
           key: 1
         }, renderList(monthItems.value, item => {
@@ -4363,7 +4185,7 @@ var _sfc_main$6 = defineComponent({
             textContent: toDisplayString(item.text),
             onClick: $event => onMonthItemClick(item),
             onDblclick: $event => onMonthItemClick(item, true)
-          }, null, 40, _hoisted_5$1)], 2);
+          }, null, 40, _hoisted_5$2)], 2);
         }), 128)) : (openBlock(), createElementBlock(Fragment, {
           key: 2
         }, [(openBlock(), createElementBlock(Fragment, null, renderList(["日", "一", "二", "三", "四", "五", "六"], item => {
@@ -4371,7 +4193,7 @@ var _sfc_main$6 = defineComponent({
             class: "day-item week",
             key: item,
             textContent: toDisplayString(item)
-          }, null, 8, _hoisted_6$1);
+          }, null, 8, _hoisted_6$2);
         }), 64)), (openBlock(true), createElementBlock(Fragment, null, renderList(dayItemsRef.value, item => {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(["day-item", {
@@ -4426,6 +4248,200 @@ var _sfc_main$6 = defineComponent({
   }
 });
 
+const _hoisted_1$6 = {
+  class: "tz-item",
+  ref: "hour-items"
+};
+const _hoisted_2$5 = ["textContent", "onClick", "onDblclick"];
+const _hoisted_3$1 = {
+  class: "tz-item",
+  ref: "minute-items"
+};
+const _hoisted_4$1 = ["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$6 = defineComponent({
+  __name: "time-popup",
+  props: {
+    value: {},
+    format: {},
+    mode: {},
+    min: {},
+    max: {},
+    toolbarDisabled: {
+      type: Boolean
+    },
+    nowDisabled: {
+      type: Boolean
+    },
+    clearDisabled: {
+      type: Boolean
+    },
+    popup: {},
+    picker: {},
+    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 format = props.format == "HH:mm" ? "HH:mm" : "HH:mm:ss";
+    const min = parseTimeValue(props.min, "min");
+    const max = parseTimeValue(props.max, "max");
+    const timeRef = ref(parseTimeValue(props.value, "min") || getTimeValue(new Date()));
+    const isValidTimeRef = computed(() => format == "HH:mm" ? minuteItems.value && minuteItems.value[timeRef.value.minute].disabled != true : secondItems.value && secondItems.value[timeRef.value.second].disabled != true);
+    const hourItems = shallowRef(buildHourItems(min, max));
+    const minuteItems = shallowRef();
+    const secondItems = shallowRef();
+    const hItemsDom = useTemplateRef("hour-items");
+    const mItemsDom = useTemplateRef("minute-items");
+    const sItemsDom = useTemplateRef("second-items");
+    async function rebuildItems(time) {
+      time != void 0 && (timeRef.value = time);
+      minuteItems.value = buildMinuteItems(hourItems.value[timeRef.value.hour], min, max);
+      secondItems.value = buildSecondItems(minuteItems.value[timeRef.value.minute], min, max);
+      await nextTick();
+      scrollIntoView(hItemsDom.value);
+      scrollIntoView(mItemsDom.value);
+      scrollIntoView(sItemsDom.value);
+    }
+    function scrollIntoView(items) {
+      let activeIndex = void 0;
+      for (var index = 0; index < (items ? items.children.length : 0); index++) {
+        const ele = items.children[index];
+        if (ele.classList.contains("active") == true) {
+          activeIndex = index;
+          break;
+        }
+      }
+      activeIndex != void 0 && items.children[activeIndex].scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+    }
+    function onHourClick(item, dbClick) {
+      if (item.disabled != true && timeRef.value.hour != item.hour) {
+        timeRef.value.hour = item.hour;
+        minuteItems.value = buildMinuteItems(item, min, max);
+        secondItems.value = buildSecondItems(minuteItems.value[timeRef.value.minute], min, max);
+      }
+    }
+    function onMinuteClick(item, dbClick) {
+      if (item.disabled != true) {
+        timeRef.value.minute = item.minute;
+        if (format == "HH:mm") {
+          dbClick && onConfirm();
+        } else if (timeRef.value.minute != item.minute) {
+          secondItems.value = buildSecondItems(item, min, max);
+        }
+      }
+    }
+    function onSecondClick(item, dbClick) {
+      if (item.disabled != true) {
+        timeRef.value.second = item.second;
+        dbClick && onConfirm();
+      }
+    }
+    function onConfirm() {
+      if (isValidTimeRef.value == true) {
+        const value = formatTimeValue(timeRef.value, format);
+        emits("confirm", value);
+        props.inPopup && props.closePopup(value);
+      }
+    }
+    onMounted(rebuildItems);
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(_sfc_main$f, {
+        class: normalizeClass(["snail-time-picker-popup", {
+          "second-disabled": unref(format) != "HH:mm:ss"
+        }]),
+        direction: "vertical"
+      }, createSlots({
+        main: withCtx(() => [createVNode(_sfc_main$x, {
+          multiple: "",
+          effect: unref(MOTION).top
+        }, {
+          default: withCtx(() => [createElementVNode("div", _hoisted_1$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(hourItems.value, item => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["tzi-number", {
+                active: item.hour == timeRef.value.hour,
+                disabled: item.disabled
+              }]),
+              key: item.hour,
+              textContent: toDisplayString(unref(padStart)(item.hour, 2, "0")),
+              onClick: $event => onHourClick(item),
+              onDblclick: $event => onHourClick(item)
+            }, null, 42, _hoisted_2$5);
+          }), 128))], 512), createElementVNode("div", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(minuteItems.value, item => {
+            return openBlock(), createElementBlock("div", {
+              class: normalizeClass(["tzi-number", {
+                active: item.minute == timeRef.value.minute,
+                disabled: item.disabled
+              }]),
+              key: `${item.hour}:${item.minute}`,
+              textContent: toDisplayString(unref(padStart)(item.minute, 2, "0")),
+              onClick: $event => onMinuteClick(item),
+              onDblclick: $event => onMinuteClick(item, true)
+            }, null, 42, _hoisted_4$1);
+          }), 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", {
+                active: item.second == timeRef.value.second,
+                disabled: item.disabled
+              }]),
+              key: `${item.hour}:${item.minute}:${item.second}`,
+              textContent: toDisplayString(unref(padStart)(item.second, 2, "0")),
+              onClick: $event => onSecondClick(item),
+              onDblclick: $event => onSecondClick(item, true)
+            }, null, 42, _hoisted_6$1);
+          }), 128))], 512)) : createCommentVNode("", true)]),
+          _: 1
+        }, 8, ["effect"])]),
+        _: 2
+      }, [__props.toolbarDisabled != true ? {
+        name: "bottom",
+        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$G, {
+          key: 1,
+          type: "link",
+          size: "small",
+          textContent: "现在",
+          onClick: _cache[1] || (_cache[1] = $event => rebuildItems(unref(getTimeValue)(new Date())))
+        })) : createCommentVNode("", true), createVNode(_sfc_main$G, {
+          type: "link",
+          size: "small",
+          textContent: "确定",
+          class: normalizeClass({
+            disabled: isValidTimeRef.value != true
+          }),
+          onClick: onConfirm
+        }, null, 8, ["class"])]),
+        key: "0"
+      } : void 0]), 1032, ["class"]);
+    };
+  }
+});
+
 const _hoisted_1$5 = {
   class: "snail-scroll-picker"
 };
@@ -4545,21 +4561,24 @@ var _sfc_main$5 = defineComponent({
   }
 });
 
-function usePicker() {
-  const popup = usePopup();
-  function showDate(target, options, popupOptions) {
-    options = {
-      ...options
+function usePicker(options) {
+  const global = options ? options.global : false;
+  const popup = usePopup({
+    global
+  });
+  function showDate(target, options2, popupOptions) {
+    options2 = {
+      ...options2
     };
-    return showPicker(target, _sfc_main$6, options, popupOptions);
+    return showPicker(target, _sfc_main$7, options2, popupOptions);
   }
-  function showTime(target, options, popupOptions) {
-    options = {
-      ...options
+  function showTime(target, options2, popupOptions) {
+    options2 = {
+      ...options2
     };
-    return showPicker(target, _sfc_main$7, options, popupOptions);
+    return showPicker(target, _sfc_main$6, options2, popupOptions);
   }
-  function showScroll(options) {
+  function showScroll(options2) {
     const popupOptions = {
       mode: "dialog",
       dialog: {
@@ -4567,9 +4586,9 @@ function usePicker() {
         closeOnMask: true
       }
     };
-    return showPicker(void 0, _sfc_main$5, options, popupOptions);
+    return showPicker(void 0, _sfc_main$5, options2, popupOptions);
   }
-  function showPicker(target, component, options, popupOptions) {
+  function showPicker(target, component, options2, popupOptions) {
     if (popupOptions && popupOptions.mode == "dialog") {
       return popup.dialog({
         component,
@@ -4578,7 +4597,7 @@ function usePicker() {
           closeOnMask: true
         }),
         props: {
-          ...options,
+          ...options2,
           picker: manager,
           popup
         }
@@ -4596,7 +4615,7 @@ function usePicker() {
         ...follow,
         component,
         props: {
-          ...options,
+          ...options2,
           picker: manager,
           popup
         }
@@ -4607,7 +4626,10 @@ function usePicker() {
     showDate,
     showTime,
     showScroll
-  }, "IPickerManager"));
+  }, {
+    global,
+    type: "IPickerManager"
+  }));
   manager.onDestroy(popup.destroy);
   return manager;
 }
@@ -5108,7 +5130,7 @@ const components = {
 };
 
 onMountScope(scope => {
-  getCurrentScope() && onScopeDispose(scope.destroy);
+  scope.global != true && getCurrentScope() && onScopeDispose(scope.destroy);
 });
 
 export { MOTION, components, getBuiltinIcon, mount, onAppCreated, triggerAppCreated, usePicker, usePopup, useReactive, useTreeContext };