snail.vue 2.0.32 → 2.0.33

package/dist/snail.vue.umd.js

@@ -453,6 +453,7 @@
   });
 
   function useReactive() {
+    const scopes = snail_core.useScopes();
     function transition(rv, effect, time) {
       snail_core.throwIfFalse(snail_core.isObject(effect), "transition: effect must be an object.");
       const scope = scopes.get();
@@ -479,14 +480,17 @@
       });
       return scopes.get().onDestroy(stop);
     }
-    const manager = snail_core.mountScope({
-      transition,
-      load,
-      watcher
-    }, "IReactiveManager");
-    const scopes = snail_core.useScopes();
-    manager.onDestroy(scopes.destroy);
-    return Object.freeze(manager);
+    {
+      const manager = snail_core.mountScope({
+        transition,
+        load,
+        watcher
+      }, {
+        type: "IReactiveManager"
+      });
+      manager.onDestroy(scopes.destroy);
+      return Object.freeze(manager);
+    }
   }
 
   function useFormatter(options) {
@@ -648,7 +652,9 @@
       buildUpper,
       buildThousands,
       calcByStep
-    }, "INumberFormatter"));
+    }, {
+      type: "INumberFormatter"
+    }));
     return formatter;
   }
 
@@ -1918,13 +1924,17 @@
     }
   });
 
-  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 = snail_core.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 = snail_core.defer();
         const hook = snail_core.useHook();
@@ -1953,13 +1963,13 @@
           },
           onBeforeClose: fn => hook.register("onBeforeClose", fn)
         });
-        const descriptor = openPopup(_sfc_main$s, options, extOptions);
+        const descriptor = openPopup(_sfc_main$s, options2, extOptions);
         scope = snail_core.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 = snail_core.defer();
@@ -1971,34 +1981,34 @@
           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 (snail_core.isStringNotEmpty(message) == true) {
         const deferred = snail_core.defer();
         deferred.reject(message);
@@ -2009,7 +2019,7 @@
     function addScope2Scopes(scope) {
       return scope.destroyed || manager.destroyed ? scope : scopes.add(scope);
     }
-    function popupInCustomContainer(container, options, extOptions) {
+    function popupInCustomContainer(container, options2, extOptions) {
       const deferred = snail_core.defer();
       extOptions = Object.freeze({
         inPopup: "popup",
@@ -2021,7 +2031,7 @@
         },
         ...extOptions
       });
-      const descriptor = openPopup(container || _sfc_main$q, options, extOptions);
+      const descriptor = openPopup(container || _sfc_main$q, options2, extOptions);
       const scope = snail_core.useAsyncScope(deferred.promise);
       scope.onDestroy(() => destroyPopup(descriptor, deferred));
       return scope;
@@ -2032,8 +2042,10 @@
       follow,
       confirm,
       toast
-    }, "IPopupManager");
-    const scopes = snail_core.useScopes();
+    }, {
+      global: options ? options.global : false,
+      type: "IPopupManager"
+    });
     manager.onDestroy(scopes.destroy);
     return Object.freeze(manager);
   }
@@ -2081,7 +2093,9 @@
       isShowChildren,
       getPath,
       getKey
-    }, "ITreeBaseContext");
+    }, {
+      type: "ITreeBaseContext"
+    });
     context.onDestroy(() => {
       failed.value = void 0;
       patched.value = void 0;
@@ -2145,7 +2159,9 @@
         selected,
         selectedText
       });
-      snail_core.mountScope(context, "ISelectContext");
+      snail_core.mountScope(context, {
+        type: "ISelectContext"
+      });
       treeContxt.onDestroy(() => context.destroyed || context.destroy());
       context.onDestroy(() => treeContxt.destroyed || treeContxt.destroy());
     }
@@ -3876,210 +3892,16 @@
     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 = vue.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 = snail_core.parseTimeValue(props.min, "min");
-      const max = snail_core.parseTimeValue(props.max, "max");
-      const timeRef = vue.ref(snail_core.parseTimeValue(props.value, "min") || snail_core.getTimeValue(new Date()));
-      const isValidTimeRef = vue.computed(() => format == "HH:mm" ? minuteItems.value && minuteItems.value[timeRef.value.minute].disabled != true : secondItems.value && secondItems.value[timeRef.value.second].disabled != true);
-      const hourItems = vue.shallowRef(buildHourItems(min, max));
-      const minuteItems = vue.shallowRef();
-      const secondItems = vue.shallowRef();
-      const hItemsDom = vue.useTemplateRef("hour-items");
-      const mItemsDom = vue.useTemplateRef("minute-items");
-      const sItemsDom = vue.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 vue.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 = snail_core.formatTimeValue(timeRef.value, format);
-          emits("confirm", value);
-          props.inPopup && props.closePopup(value);
-        }
-      }
-      vue.onMounted(rebuildItems);
-      return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$f, {
-          class: vue.normalizeClass(["time-picker pc", {
-            "second-disabled": vue.unref(format) != "HH:mm:ss"
-          }]),
-          direction: "vertical"
-        }, vue.createSlots({
-          main: vue.withCtx(() => [vue.createVNode(_sfc_main$x, {
-            multiple: "",
-            effect: vue.unref(MOTION).top
-          }, {
-            default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$7, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hourItems.value, item => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass(["tzi-number", {
-                  active: item.hour == timeRef.value.hour,
-                  disabled: item.disabled
-                }]),
-                key: item.hour,
-                textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.hour, 2, "0")),
-                onClick: $event => onHourClick(item),
-                onDblclick: $event => onHourClick(item)
-              }, null, 42, _hoisted_2$6);
-            }), 128))], 512), vue.createElementVNode("div", _hoisted_3$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(minuteItems.value, item => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass(["tzi-number", {
-                  active: item.minute == timeRef.value.minute,
-                  disabled: item.disabled
-                }]),
-                key: `${item.hour}:${item.minute}`,
-                textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.minute, 2, "0")),
-                onClick: $event => onMinuteClick(item),
-                onDblclick: $event => onMinuteClick(item, true)
-              }, null, 42, _hoisted_4$2);
-            }), 128))], 512), vue.unref(format) == "HH:mm:ss" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(secondItems.value, item => {
-              return vue.openBlock(), vue.createElementBlock("div", {
-                class: vue.normalizeClass(["tzi-number", {
-                  active: item.second == timeRef.value.second,
-                  disabled: item.disabled
-                }]),
-                key: `${item.hour}:${item.minute}:${item.second}`,
-                textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.second, 2, "0")),
-                onClick: $event => onSecondClick(item),
-                onDblclick: $event => onSecondClick(item, true)
-              }, null, 42, _hoisted_6$2);
-            }), 128))], 512)) : vue.createCommentVNode("", true)]),
-            _: 1
-          }, 8, ["effect"])]),
-          _: 2
-        }, [__props.toolbarDisabled != true ? {
-          name: "bottom",
-          fn: vue.withCtx(() => [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
-            key: 0,
-            type: "link",
-            size: "small",
-            textContent: "清空",
-            onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), __props.inPopup && __props.closePopup("")))
-          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
-            key: 1,
-            type: "link",
-            size: "small",
-            textContent: "现在",
-            onClick: _cache[1] || (_cache[1] = $event => rebuildItems(vue.unref(snail_core.getTimeValue)(new Date())))
-          })) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$G, {
-            type: "link",
-            size: "small",
-            textContent: "确定",
-            class: vue.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 = vue.defineComponent({
-    __name: "date-pc",
+  var _sfc_main$7 = vue.defineComponent({
+    __name: "date-popup",
     props: {
       value: {},
       format: {},
@@ -4296,7 +4118,7 @@
       buildPickerItems(stepRef.value, 0);
       return (_ctx, _cache) => {
         return vue.openBlock(), vue.createBlock(_sfc_main$f, {
-          class: vue.normalizeClass(["date-picker pc", {
+          class: vue.normalizeClass(["snail-date-picker-popup", {
             "time-now": __props.pinned && __props.pinned.value == true
           }]),
           direction: "vertical",
@@ -4320,16 +4142,16 @@
           }, [stepRef.value == "year" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             textContent: vue.toDisplayString(`${yearItems.value[0].year}年 - ${vue.unref(snail_core.getFromArray)(yearItems.value, -1).year}年`)
-          }, null, 8, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+          }, null, 8, _hoisted_1$7)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 1
           }, [vue.createElementVNode("div", {
             textContent: vue.toDisplayString(`${dateRef.value.year}年`),
             onClick: _cache[1] || (_cache[1] = $event => onSwitchStepClick("year"))
-          }, null, 8, _hoisted_2$5), stepRef.value == "day" ? (vue.openBlock(), vue.createElementBlock("div", {
+          }, null, 8, _hoisted_2$6), stepRef.value == "day" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             textContent: vue.toDisplayString(`${dateRef.value.month}月`),
             onClick: _cache[2] || (_cache[2] = $event => onSwitchStepClick("month"))
-          }, null, 8, _hoisted_3$1)) : vue.createCommentVNode("", true)], 64))], 2), vue.createVNode(_sfc_main$F, {
+          }, null, 8, _hoisted_3$2)) : vue.createCommentVNode("", true)], 64))], 2), vue.createVNode(_sfc_main$F, {
             class: "flex-0",
             type: "arrow",
             button: "",
@@ -4351,7 +4173,7 @@
               textContent: vue.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" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
             key: 1
           }, vue.renderList(monthItems.value, item => {
@@ -4365,7 +4187,7 @@
               textContent: vue.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)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 2
           }, [(vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(["日", "一", "二", "三", "四", "五", "六"], item => {
@@ -4373,7 +4195,7 @@
               class: "day-item week",
               key: item,
               textContent: vue.toDisplayString(item)
-            }, null, 8, _hoisted_6$1);
+            }, null, 8, _hoisted_6$2);
           }), 64)), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(dayItemsRef.value, item => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: vue.normalizeClass(["day-item", {
@@ -4428,6 +4250,200 @@
     }
   });
 
+  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 = vue.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 = snail_core.parseTimeValue(props.min, "min");
+      const max = snail_core.parseTimeValue(props.max, "max");
+      const timeRef = vue.ref(snail_core.parseTimeValue(props.value, "min") || snail_core.getTimeValue(new Date()));
+      const isValidTimeRef = vue.computed(() => format == "HH:mm" ? minuteItems.value && minuteItems.value[timeRef.value.minute].disabled != true : secondItems.value && secondItems.value[timeRef.value.second].disabled != true);
+      const hourItems = vue.shallowRef(buildHourItems(min, max));
+      const minuteItems = vue.shallowRef();
+      const secondItems = vue.shallowRef();
+      const hItemsDom = vue.useTemplateRef("hour-items");
+      const mItemsDom = vue.useTemplateRef("minute-items");
+      const sItemsDom = vue.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 vue.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 = snail_core.formatTimeValue(timeRef.value, format);
+          emits("confirm", value);
+          props.inPopup && props.closePopup(value);
+        }
+      }
+      vue.onMounted(rebuildItems);
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createBlock(_sfc_main$f, {
+          class: vue.normalizeClass(["snail-time-picker-popup", {
+            "second-disabled": vue.unref(format) != "HH:mm:ss"
+          }]),
+          direction: "vertical"
+        }, vue.createSlots({
+          main: vue.withCtx(() => [vue.createVNode(_sfc_main$x, {
+            multiple: "",
+            effect: vue.unref(MOTION).top
+          }, {
+            default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$6, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hourItems.value, item => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: vue.normalizeClass(["tzi-number", {
+                  active: item.hour == timeRef.value.hour,
+                  disabled: item.disabled
+                }]),
+                key: item.hour,
+                textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.hour, 2, "0")),
+                onClick: $event => onHourClick(item),
+                onDblclick: $event => onHourClick(item)
+              }, null, 42, _hoisted_2$5);
+            }), 128))], 512), vue.createElementVNode("div", _hoisted_3$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(minuteItems.value, item => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: vue.normalizeClass(["tzi-number", {
+                  active: item.minute == timeRef.value.minute,
+                  disabled: item.disabled
+                }]),
+                key: `${item.hour}:${item.minute}`,
+                textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.minute, 2, "0")),
+                onClick: $event => onMinuteClick(item),
+                onDblclick: $event => onMinuteClick(item, true)
+              }, null, 42, _hoisted_4$1);
+            }), 128))], 512), vue.unref(format) == "HH:mm:ss" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(secondItems.value, item => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                class: vue.normalizeClass(["tzi-number", {
+                  active: item.second == timeRef.value.second,
+                  disabled: item.disabled
+                }]),
+                key: `${item.hour}:${item.minute}:${item.second}`,
+                textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.second, 2, "0")),
+                onClick: $event => onSecondClick(item),
+                onDblclick: $event => onSecondClick(item, true)
+              }, null, 42, _hoisted_6$1);
+            }), 128))], 512)) : vue.createCommentVNode("", true)]),
+            _: 1
+          }, 8, ["effect"])]),
+          _: 2
+        }, [__props.toolbarDisabled != true ? {
+          name: "bottom",
+          fn: vue.withCtx(() => [__props.clearDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+            key: 0,
+            type: "link",
+            size: "small",
+            textContent: "清空",
+            onClick: _cache[0] || (_cache[0] = $event => (emits("clear"), __props.inPopup && __props.closePopup("")))
+          })) : vue.createCommentVNode("", true), __props.nowDisabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$G, {
+            key: 1,
+            type: "link",
+            size: "small",
+            textContent: "现在",
+            onClick: _cache[1] || (_cache[1] = $event => rebuildItems(vue.unref(snail_core.getTimeValue)(new Date())))
+          })) : vue.createCommentVNode("", true), vue.createVNode(_sfc_main$G, {
+            type: "link",
+            size: "small",
+            textContent: "确定",
+            class: vue.normalizeClass({
+              disabled: isValidTimeRef.value != true
+            }),
+            onClick: onConfirm
+          }, null, 8, ["class"])]),
+          key: "0"
+        } : void 0]), 1032, ["class"]);
+      };
+    }
+  });
+
   const _hoisted_1$5 = {
     class: "snail-scroll-picker"
   };
@@ -4547,21 +4563,24 @@
     }
   });
 
-  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: {
@@ -4569,9 +4588,9 @@
           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,
@@ -4580,7 +4599,7 @@
             closeOnMask: true
           }),
           props: {
-            ...options,
+            ...options2,
             picker: manager,
             popup
           }
@@ -4598,7 +4617,7 @@
           ...follow,
           component,
           props: {
-            ...options,
+            ...options2,
             picker: manager,
             popup
           }
@@ -4609,7 +4628,10 @@
       showDate,
       showTime,
       showScroll
-    }, "IPickerManager"));
+    }, {
+      global,
+      type: "IPickerManager"
+    }));
     manager.onDestroy(popup.destroy);
     return manager;
   }
@@ -5110,7 +5132,7 @@
   };
 
   snail_core.onMountScope(scope => {
-    vue.getCurrentScope() && vue.onScopeDispose(scope.destroy);
+    scope.global != true && vue.getCurrentScope() && vue.onScopeDispose(scope.destroy);
   });
 
   exports.MOTION = MOTION;