snail.vue 2.0.31 → 2.0.33

package/dist/snail.vue.js

@@ -1,7 +1,7 @@
 //@ sourceURL=/snail.vue.js
 import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, computed, mergeProps, unref, createElementVNode, toDisplayString, Fragment, renderList, mergeModels, useModel, normalizeStyle, createCommentVNode, createBlock, nextTick, useTemplateRef, shallowRef, createVNode, watch, withDirectives, isRef, vModelText, withCtx, createApp, resolveDynamicComponent, TransitionGroup, Transition, normalizeProps, guardReactiveProps, ref, onErrorCaptured, createSlots, onMounted, withModifiers, getCurrentInstance, resolveComponent, vShow, onBeforeUnmount, onActivated, getCurrentScope, onScopeDispose } from 'vue';
-import { throwError, isObject, correctNumber, correctString, useKey, isArray, mountScope, useScopes, throwIfFalse, isPromise, wait, isNumberNotNaN, isStringNotEmpty, hasAny, mustFunction, useScope, removeFromArray, mustObject, isArrayNotEmpty, hasOwnProperty, isString, script, delay, useTimer, runAsync, defer, useAsyncScope, useHook, newId, throwIfTrue, isFunction, isNullish, getTimeNumber, getDateValue, parseDate, formatDateValue, getDateByValue, parseTimeValue, getTimeValue, padStart, formatTimeValue, parseDateValue, correctDateFormat, isValidTime, getFromArray, onMountScope } from 'snail.core';
-import { link, css, useObserver, useScroll, useAnimation, useElastic } from 'snail.view';
+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"];
 var _sfc_main$G = defineComponent({
@@ -31,10 +31,6 @@ var _sfc_main$G = defineComponent({
   }
 });
 
-var addLink = href => setTimeout(link.register, 0, href);
-
-addLink("/styles/snail.vue.vue.css");
-
 function getBuiltinIcon(iconType) {
   switch (iconType) {
     case "success":
@@ -263,6 +259,10 @@ var _sfc_main$E = defineComponent({
   }
 });
 
+var addLink = href => setTimeout(link.register, 0, href);
+
+addLink("/styles/snail.vue.vue.css");
+
 var _sfc_main$D = defineComponent({
   ...{
     name: "Footer",
@@ -374,7 +374,7 @@ const _hoisted_3$9 = {
   class: "input-body"
 };
 const _hoisted_4$6 = ["type", "value", "readonly", "placeholder", "title"];
-const _hoisted_5$3 = ["title"];
+const _hoisted_5$4 = ["title"];
 var _sfc_main$B = defineComponent({
   ...{
     name: "Input",
@@ -445,12 +445,13 @@ var _sfc_main$B = defineComponent({
         button: "",
         size: 16,
         color: "red"
-      })], 8, _hoisted_5$3)) : createCommentVNode("", true)])], 2);
+      })], 8, _hoisted_5$4)) : createCommentVNode("", true)])], 2);
     };
   }
 });
 
 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;
 }
 
@@ -660,8 +666,8 @@ const _hoisted_4$5 = {
   key: 1,
   class: "number-suffix"
 };
-const _hoisted_5$2 = ["textContent"];
-const _hoisted_6$2 = ["title", "textContent"];
+const _hoisted_5$3 = ["textContent"];
+const _hoisted_6$3 = ["title", "textContent"];
 const _hoisted_7$1 = ["title", "textContent"];
 var _sfc_main$A = defineComponent({
   __name: "number",
@@ -862,12 +868,12 @@ var _sfc_main$A = defineComponent({
       })])], 64)) : createCommentVNode("", true)], 2), unref(hasSuffix) ? (openBlock(), createElementBlock("div", _hoisted_4$5, [createElementVNode("span", {
         class: "ellipsis",
         textContent: toDisplayString(unref(suffix))
-      }, null, 8, _hoisted_5$2)])) : createCommentVNode("", true), unref(upper) ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_5$3)])) : createCommentVNode("", true), unref(upper) ? (openBlock(), createElementBlock("div", {
         key: 2,
         class: "number-util ellipsis",
         title: upperTextRef.value,
         textContent: toDisplayString(`大写：${upperTextRef.value || ""}`)
-      }, null, 8, _hoisted_6$2)) : createCommentVNode("", true), unref(thousands) == "below" ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_6$3)) : createCommentVNode("", true), unref(thousands) == "below" ? (openBlock(), createElementBlock("div", {
         key: 3,
         class: "number-util ellipsis",
         title: thousandsTextRef.value,
@@ -1607,6 +1613,11 @@ var _sfc_main$s = defineComponent({
       onBeforeClose
     });
     let fn_onBuildData = void 0;
+    let mousedownTarget = void 0;
+    function onDialogRootClick(evt) {
+      evt.target === mousedownTarget && __props.options.closeOnMask && closePopup();
+      mousedownTarget = void 0;
+    }
     const registerBuildDataFunc = fn => {
       mustFunction(fn, "fn");
       fn_onBuildData = fn;
@@ -1624,6 +1635,7 @@ var _sfc_main$s = defineComponent({
       onEvent(window, "keyup", event => {
         event.key === "Escape" && __props.popupStatus.value == "active" && __props.options.closeOnEscape && closePopup();
       });
+      onEvent(window, "click", () => mousedownTarget = void 0);
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
@@ -1631,9 +1643,8 @@ var _sfc_main$s = defineComponent({
         style: normalizeStyle({
           "z-index": __props.zIndex
         }),
-        onClick: _cache[3] || (_cache[3] = withModifiers($event => {
-          __props.options.closeOnMask && unref(closePopup)();
-        }, ["self"]))
+        onMousedown: _cache[3] || (_cache[3] = withModifiers(evt => isRef(mousedownTarget) ? mousedownTarget.value = evt.target : mousedownTarget = evt.target, ["self"])),
+        onClick: withModifiers(onDialogRootClick, ["self"])
       }, [__props.options.wrapper == void 0 ? (openBlock(), createBlock(_sfc_main$v, mergeProps({
         key: 0,
         class: "dialog-body",
@@ -1665,7 +1676,7 @@ var _sfc_main$s = defineComponent({
           "on-build-data": registerBuildDataFunc
         }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])]),
         _: 1
-      }, 16))], 6);
+      }, 16))], 38);
     };
   }
 });
@@ -1911,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();
@@ -1946,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();
@@ -1964,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);
@@ -2002,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",
@@ -2014,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;
@@ -2025,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);
 }
@@ -2074,7 +2091,9 @@ function useTreeContext(nodes, activeNodeRef) {
     isShowChildren,
     getPath,
     getKey
-  }, "ITreeBaseContext");
+  }, {
+    type: "ITreeBaseContext"
+  });
   context.onDestroy(() => {
     failed.value = void 0;
     patched.value = void 0;
@@ -2138,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());
   }
@@ -2739,173 +2760,7 @@ var _sfc_main$j = defineComponent({
   }
 });
 
-const _hoisted_1$c = ["onClick"];
-const _hoisted_2$9 = ["textContent"];
 var _sfc_main$i = defineComponent({
-  __name: "action-items",
-  props: {
-    mode: {},
-    actions: {},
-    inPopup: {},
-    closePopup: {
-      type: Function
-    },
-    popupStatus: {},
-    target: {},
-    followX: {},
-    followY: {},
-    pinned: {}
-  },
-  emits: ["trigger"],
-  setup(__props, _ref) {
-    let {
-      emit: __emit
-    } = _ref;
-    const props = __props;
-    const emits = __emit;
-    function onActionItemClick(code) {
-      emits("trigger", code);
-      props.inPopup && props.closePopup(code);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-action-items", [unref(correctString)(__props.mode, "vertical", true), unref(isStringNotEmpty)(__props.inPopup) ? "in-popup" : ""]])
-      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, action => {
-        return openBlock(), createElementBlock("div", {
-          class: "action-item flex-cross-center",
-          key: action.code,
-          style: normalizeStyle({
-            "--color": unref(correctString)(action.color, null, true),
-            "--hcolor": unref(correctString)(action.hoverColor, null, true)
-          }),
-          onClick: $event => onActionItemClick(action.code)
-        }, [action.icon != void 0 ? (openBlock(), createBlock(_sfc_main$F, mergeProps({
-          key: 0,
-          ref_for: true
-        }, action.icon, {
-          custom: false,
-          size: 20
-        }), null, 16)) : createCommentVNode("", true), createElementVNode("span", {
-          class: "ellipsis",
-          textContent: toDisplayString(action.name)
-        }, null, 8, _hoisted_2$9)], 12, _hoisted_1$c);
-      }), 128))], 2);
-    };
-  }
-});
-
-const _hoisted_1$b = {
-  class: "snail-action flex-cross-center",
-  ref: "snail-action"
-};
-const _hoisted_2$8 = {
-  class: "action-slot flex-cross-center"
-};
-var _sfc_main$h = defineComponent({
-  __name: "action",
-  props: {
-    disabled: {
-      type: Boolean
-    },
-    trigger: {},
-    actions: {},
-    followX: {},
-    followY: {},
-    spaceX: {},
-    spaceY: {}
-  },
-  emits: ["trigger"],
-  setup(__props, _ref) {
-    let {
-      emit: __emit
-    } = _ref;
-    const props = __props;
-    const emits = __emit;
-    const {
-      follow
-    } = usePopup();
-    const {
-      onEvent
-    } = useObserver();
-    const rootDom = useTemplateRef("snail-action");
-    const popupScopeRef = shallowRef(void 0);
-    let pressStartDate = void 0;
-    const slotHandle = Object.freeze({
-      isActived: () => popupScopeRef.value != void 0,
-      trigger: () => onFollowShow(props.trigger == "long-press")
-    });
-    async function onFollowShow(longPress) {
-      if (popupScopeRef.value && popupScopeRef.value.destroyed != true) {
-        popupScopeRef.value.destroy();
-      } else if (props.disabled != true) {
-        popupScopeRef.value = follow(rootDom.value, {
-          component: _sfc_main$i,
-          closeOnEscape: true,
-          closeOnMask: true,
-          closeOnResize: true,
-          closeOnTarget: true,
-          followX: props.followX || ["center", "start", "end", "after", "before", "ratio"],
-          followY: props.followY || ["after", "before", "center", "end", "start", "ratio"],
-          spaceX: props.spaceX,
-          spaceY: props.spaceY,
-          props: {
-            mode: "vertical",
-            actions: props.actions
-          }
-        });
-        const code = await popupScopeRef.value;
-        isStringNotEmpty(code) && emits("trigger", code);
-      }
-      popupScopeRef.value = void 0;
-    }
-    function onMouseDown() {
-      if (props.trigger == "long-press" && pressStartDate == void 0) {
-        pressStartDate = new Date();
-      }
-    }
-    function onMouseUp() {
-      if (pressStartDate != void 0) {
-        const time = ((new Date()).getTime() - pressStartDate.getTime()) / 1e3;
-        pressStartDate = void 0;
-        if (time >= 0.5) {
-          navigator.vibrate && navigator.vibrate(200);
-          onFollowShow();
-        }
-      }
-    }
-    function onMouseCancel() {
-      setTimeout(() => pressStartDate = void 0, 10);
-    }
-    onMounted(() => {
-      onEvent(rootDom.value, "mousedown", onMouseDown);
-      onEvent(rootDom.value, "mouseup", onMouseUp);
-      if ("ontouchstart" in window) {
-        onEvent(rootDom.value, "touchstart", onMouseDown);
-        onEvent(rootDom.value, "touchend", onMouseUp);
-      }
-      onEvent(window, "mouseup", onMouseCancel);
-      if ("ontouchstart" in window) {
-        onEvent(window, "touchend", onMouseCancel);
-        onEvent(window, "touchcancel", onMouseCancel);
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$b, [createElementVNode("div", _hoisted_2$8, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(["trigger-area", {
-          hidden: __props.trigger == "hover"
-        }])
-      }, [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(unref(slotHandle))), () => [createVNode(_sfc_main$F, {
-        button: "",
-        type: "more",
-        size: 16,
-        onClick: _cache[0] || (_cache[0] = $event => onFollowShow())
-      })])], 2)) : createCommentVNode("", true)], 512);
-    };
-  }
-});
-
-var _sfc_main$g = defineComponent({
   ...{
     name: "Elastic",
     inheritAttrs: false
@@ -3111,7 +2966,7 @@ var _sfc_main$g = defineComponent({
   }
 });
 
-var _sfc_main$f = defineComponent({
+var _sfc_main$h = defineComponent({
   ...{
     name: "Flex",
     inheritAttrs: false
@@ -3206,13 +3061,13 @@ var _sfc_main$f = defineComponent({
   }
 });
 
-const _hoisted_1$a = ["textContent"];
-const _hoisted_2$7 = ["textContent"];
+const _hoisted_1$c = ["textContent"];
+const _hoisted_2$9 = ["textContent"];
 const _hoisted_3$4 = {
   key: 1,
   class: "status"
 };
-var _sfc_main$e = defineComponent({
+var _sfc_main$g = defineComponent({
   ...{
     name: "Fold",
     inheritAttrs: true
@@ -3304,11 +3159,11 @@ var _sfc_main$e = defineComponent({
       }, [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(slotHandle)), () => [createElementVNode("div", {
         class: "title ellipsis",
         textContent: toDisplayString(__props.title)
-      }, null, 8, _hoisted_1$a), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
+      }, null, 8, _hoisted_1$c), !!__props.subtitle ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: "subtitle ellipsis",
         textContent: toDisplayString(__props.subtitle)
-      }, null, 8, _hoisted_2$7)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$F, {
+      }, null, 8, _hoisted_2$9)) : createCommentVNode("", true), __props.disabled != true ? (openBlock(), createElementBlock("div", _hoisted_3$4, [createVNode(_sfc_main$F, {
         type: "arrow",
         button: "",
         title: statusModel.value == "expand" ? "收起" : "展开",
@@ -3322,7 +3177,7 @@ var _sfc_main$e = defineComponent({
   }
 });
 
-var _sfc_main$d = defineComponent({
+var _sfc_main$f = defineComponent({
   __name: "layout",
   props: {
     direction: {},
@@ -3418,7 +3273,7 @@ var _sfc_main$d = defineComponent({
   }
 });
 
-var _sfc_main$c = defineComponent({
+var _sfc_main$e = defineComponent({
   ...{
     name: "Sort",
     inheritAttrs: true
@@ -3519,10 +3374,10 @@ var _sfc_main$c = defineComponent({
   }
 });
 
-const _hoisted_1$9 = {
+const _hoisted_1$b = {
   class: "table-body"
 };
-var _sfc_main$b = defineComponent({
+var _sfc_main$d = defineComponent({
   ...{
     name: "Table",
     inheritAttrs: true
@@ -3552,7 +3407,7 @@ var _sfc_main$b = defineComponent({
         default: withCtx(() => [createElementVNode("div", {
           class: "table-header",
           style: normalizeStyle(hStyleRef.value)
-        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("div", _hoisted_1$9, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
+        }, [renderSlot(_ctx.$slots, "header")], 4), createElementVNode("div", _hoisted_1$b, [renderSlot(_ctx.$slots, "default")]), createElementVNode("div", {
           class: "table-footer",
           style: normalizeStyle(fStyleRef.value)
         }, [renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -3562,7 +3417,7 @@ var _sfc_main$b = defineComponent({
   }
 });
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$c = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -3585,7 +3440,7 @@ var _sfc_main$a = defineComponent({
   }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -3631,11 +3486,11 @@ var _sfc_main$9 = defineComponent({
   }
 });
 
-const _hoisted_1$8 = {
+const _hoisted_1$a = {
   key: 0,
   class: "node-fold"
 };
-const _hoisted_2$6 = ["title", "textContent"];
+const _hoisted_2$8 = ["title", "textContent"];
 const _hoisted_3$3 = {
   class: "node-slot ellipsis"
 };
@@ -3643,7 +3498,7 @@ const _hoisted_4$3 = {
   class: "snail-tree-children",
   ref: "children"
 };
-var _sfc_main$8 = defineComponent({
+var _sfc_main$a = defineComponent({
   ...{
     name: "TreeNode",
     inheritAttrs: true
@@ -3751,7 +3606,7 @@ var _sfc_main$8 = defineComponent({
         key: 1
       }, [_cache[5] || (_cache[5] = createElementVNode("div", {
         class: "indent"
-      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$8, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$F, {
+      }, null, -1)), __props.options.foldDisabled != true ? (openBlock(), createElementBlock("div", _hoisted_1$a, [showChildrenRef.value ? (openBlock(), createBlock(_sfc_main$F, {
         key: 0,
         class: normalizeClass(statusRef.value),
         custom: "",
@@ -3766,7 +3621,7 @@ var _sfc_main$8 = defineComponent({
         class: "node-text ellipsis",
         title: __props.node.text,
         textContent: toDisplayString(__props.node.text)
-      }, null, 8, _hoisted_2$6), createElementVNode("div", _hoisted_3$3, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34), [[vShow, showRef.value]]), withDirectives(createElementVNode("div", _hoisted_4$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
+      }, null, 8, _hoisted_2$8), createElementVNode("div", _hoisted_3$3, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotOptions))))])], 64))], 34), [[vShow, showRef.value]]), withDirectives(createElementVNode("div", _hoisted_4$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.node.children, child => {
         return openBlock(), createBlock(_component_TreeNode, {
           key: __props.context.getKey(child),
           node: child,
@@ -3786,10 +3641,10 @@ var _sfc_main$8 = defineComponent({
   }
 });
 
-const _hoisted_1$7 = {
+const _hoisted_1$9 = {
   class: "snail-tree"
 };
-var _sfc_main$7 = defineComponent({
+var _sfc_main$9 = defineComponent({
   ...{
     name: "Tree",
     inheritAttrs: true
@@ -3823,7 +3678,7 @@ var _sfc_main$7 = defineComponent({
       emits("click", node, parents);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$7, [__props.search ? (openBlock(), createBlock(_sfc_main$z, mergeProps({
+      return openBlock(), createElementBlock("div", _hoisted_1$9, [__props.search ? (openBlock(), createBlock(_sfc_main$z, mergeProps({
         key: 0
       }, __props.search, {
         onSearch
@@ -3831,7 +3686,7 @@ var _sfc_main$7 = defineComponent({
         scroll: "y"
       }, {
         default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.nodes || [], node => {
-          return openBlock(), createBlock(_sfc_main$8, {
+          return openBlock(), createBlock(_sfc_main$a, {
             key: unref(context).getKey(node),
             node,
             parent: void 0,
@@ -3864,49 +3719,57 @@ function mount(target, options, onDestroyed) {
   return scope;
 }
 
-const _hoisted_1$6 = {
-  class: "snail-flash-number"
-};
-const _hoisted_2$5 = ["textContent"];
-var _sfc_main$6 = defineComponent({
-  __name: "flash-number",
+const _hoisted_1$8 = ["onClick"];
+const _hoisted_2$7 = ["textContent"];
+var _sfc_main$8 = defineComponent({
+  __name: "action-items",
   props: {
-    value: {}
+    mode: {},
+    actions: {},
+    inPopup: {},
+    closePopup: {
+      type: Function
+    },
+    popupStatus: {},
+    target: {},
+    followX: {},
+    followY: {},
+    pinned: {}
   },
-  setup(__props) {
+  emits: ["trigger"],
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
     const props = __props;
-    const itemsRef = ref();
-    function buildNumberItems() {
-      itemsRef.value = [];
-      const value = isNullish(props.value) ? null : String(props.value);
-      if (isStringNotEmpty(value) == true) {
-        for (const item of value) {
-          const number = parseInt(item);
-          const isNumber = 0 <= number && number <= 9;
-          itemsRef.value.push({
-            id: newId(),
-            text: item,
-            number: isNumber ? number : void 0
-          });
-        }
-      }
-      if (isArrayNotEmpty(itemsRef.value) == true) ;
+    const emits = __emit;
+    function onActionItemClick(code) {
+      emits("trigger", code);
+      props.inPopup && props.closePopup(code);
     }
-    onMounted(() => {
-      buildNumberItems();
-    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [(openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
-        return openBlock(), createElementBlock("span", {
-          key: item.id,
-          textContent: toDisplayString(item.text),
-          class: normalizeClass(unref(isNullish)(item.number) ? "" : "number-item")
-        }, null, 10, _hoisted_2$5);
-      }), 128)), _cache[0] || (_cache[0] = createElementVNode("span", {
-        style: {
-          "color": "red"
-        }
-      }, "-----还没实现，别用", -1))]);
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-action-items", [unref(correctString)(__props.mode, "vertical", true), unref(isStringNotEmpty)(__props.inPopup) ? "in-popup" : ""]])
+      }, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, action => {
+        return openBlock(), createElementBlock("div", {
+          class: "action-item flex-cross-center",
+          key: action.code,
+          style: normalizeStyle({
+            "--color": unref(correctString)(action.color, null, true),
+            "--hcolor": unref(correctString)(action.hoverColor, null, true)
+          }),
+          onClick: $event => onActionItemClick(action.code)
+        }, [action.icon != void 0 ? (openBlock(), createBlock(_sfc_main$F, mergeProps({
+          key: 0,
+          ref_for: true
+        }, action.icon, {
+          custom: false,
+          size: 20
+        }), null, 16)) : createCommentVNode("", true), createElementVNode("span", {
+          class: "ellipsis",
+          textContent: toDisplayString(action.name)
+        }, null, 8, _hoisted_2$7)], 12, _hoisted_1$8);
+      }), 128))], 2);
     };
   }
 });
@@ -4027,210 +3890,16 @@ function buildSecondItems(minuteItem, min, max) {
   return items;
 }
 
-const _hoisted_1$5 = {
-  class: "tz-item",
-  ref: "hour-items"
-};
-const _hoisted_2$4 = ["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$1 = {
-  key: 0,
-  class: "tz-item",
-  ref: "second-items"
-};
-const _hoisted_6$1 = ["textContent", "onClick", "onDblclick"];
-var _sfc_main$5 = 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$d, {
-        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$5, [(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$4);
-          }), 128))], 512), createElementVNode("div", _hoisted_3$2, [(openBlock(true), createElementBlock(Fragment, null, renderList(minuteItems.value, item => {
-            return openBlock(), createElementBlock("div", {
-              class: normalizeClass(["tzi-number", {
-                active: item.minute == timeRef.value.minute,
-                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$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$4 = ["textContent"];
-const _hoisted_2$3 = ["textContent"];
-const _hoisted_3$1 = ["textContent"];
-const _hoisted_4$1 = ["textContent", "onClick", "onDblclick"];
-const _hoisted_5 = ["textContent", "onClick", "onDblclick"];
-const _hoisted_6 = ["textContent"];
+const _hoisted_5$2 = ["textContent", "onClick", "onDblclick"];
+const _hoisted_6$2 = ["textContent"];
 const _hoisted_7 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_8 = ["textContent"];
-var _sfc_main$4 = defineComponent({
-  __name: "date-pc",
+var _sfc_main$7 = defineComponent({
+  __name: "date-popup",
   props: {
     value: {},
     format: {},
@@ -4446,8 +4115,8 @@ var _sfc_main$4 = defineComponent({
     dateRef.value == void 0 && (dateRef.value = electDateValue());
     buildPickerItems(stepRef.value, 0);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, {
-        class: normalizeClass(["date-picker pc", {
+      return openBlock(), createBlock(_sfc_main$f, {
+        class: normalizeClass(["snail-date-picker-popup", {
           "time-now": __props.pinned && __props.pinned.value == true
         }]),
         direction: "vertical",
@@ -4471,16 +4140,16 @@ var _sfc_main$4 = 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$4)) : (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$3), 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: "",
@@ -4502,7 +4171,7 @@ var _sfc_main$4 = 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 => {
@@ -4516,7 +4185,7 @@ var _sfc_main$4 = defineComponent({
             textContent: toDisplayString(item.text),
             onClick: $event => onMonthItemClick(item),
             onDblclick: $event => onMonthItemClick(item, true)
-          }, null, 40, _hoisted_5)], 2);
+          }, null, 40, _hoisted_5$2)], 2);
         }), 128)) : (openBlock(), createElementBlock(Fragment, {
           key: 2
         }, [(openBlock(), createElementBlock(Fragment, null, renderList(["日", "一", "二", "三", "四", "五", "六"], item => {
@@ -4524,7 +4193,7 @@ var _sfc_main$4 = defineComponent({
             class: "day-item week",
             key: item,
             textContent: toDisplayString(item)
-          }, null, 8, _hoisted_6);
+          }, null, 8, _hoisted_6$2);
         }), 64)), (openBlock(true), createElementBlock(Fragment, null, renderList(dayItemsRef.value, item => {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(["day-item", {
@@ -4579,25 +4248,226 @@ var _sfc_main$4 = defineComponent({
   }
 });
 
-const _hoisted_1$3 = {
+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"
+};
+const _hoisted_2$4 = {
   key: 0,
   class: "pick-header"
 };
-const _hoisted_2$2 = {
+const _hoisted_3 = ["textContent"];
+const _hoisted_4 = {
   class: "pick-body"
 };
-const _hoisted_3 = {
+const _hoisted_5 = {
   class: "pick-items",
   ref: "pick-items"
 };
-const _hoisted_4 = ["textContent"];
+const _hoisted_6 = ["textContent"];
 const itemHeight = 32;
-var _sfc_main$3 = defineComponent({
+var _sfc_main$5 = defineComponent({
   __name: "scroll-picker",
   props: {
     items: {},
     value: {},
     title: {},
+    clearDisabled: {
+      type: Boolean
+    },
     inPopup: {},
     closePopup: {
       type: Function
@@ -4653,20 +4523,32 @@ var _sfc_main$3 = defineComponent({
       index != -1 && onTimeout(() => elasticRef.value.scrollTo(void 0, -itemHeight * index), 50);
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["snail-scroll-picker wh-fill", {
-          "in-pupup": __props.inPopup
-        }])
-      }, [__props.inPopup ? (openBlock(), createElementBlock("div", _hoisted_1$3, "ddd")) : createCommentVNode("", true), createElementVNode("div", _hoisted_2$2, [createElementVNode("div", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, item => {
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [__props.inPopup ? (openBlock(), createElementBlock("div", _hoisted_2$4, [createElementVNode("span", {
+        class: "pick-button",
+        textContent: "取消",
+        onClick: _cache[0] || (_cache[0] = $event => __props.closePopup(void 0))
+      }), __props.clearDisabled != true ? (openBlock(), createElementBlock("span", {
+        key: 0,
+        class: "pick-button",
+        textContent: "清空",
+        onClick: _cache[1] || (_cache[1] = $event => __props.closePopup(""))
+      })) : createCommentVNode("", true), createElementVNode("span", {
+        class: "pick-title ellipsis",
+        textContent: toDisplayString(__props.title)
+      }, null, 8, _hoisted_3), createElementVNode("span", {
+        class: "pick-button",
+        textContent: "确定",
+        onClick: _cache[2] || (_cache[2] = $event => __props.closePopup(valueRef.value))
+      })])) : createCommentVNode("", true), createElementVNode("div", _hoisted_4, [createElementVNode("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, item => {
         return openBlock(), createElementBlock("span", {
           class: normalizeClass(["pick-item", {
             selected: item.code === valueRef.value,
             disabled: item.disabled
           }]),
           key: item.code,
-          textContent: toDisplayString(item.text)
-        }, null, 10, _hoisted_4);
-      }), 128))], 512), _cache[0] || (_cache[0] = createElementVNode("div", {
+          textContent: toDisplayString(item.name)
+        }, null, 10, _hoisted_6);
+      }), 128))], 512), _cache[3] || (_cache[3] = createElementVNode("div", {
         class: "pick-layer"
       }, [createElementVNode("span", {
         class: "layer-top"
@@ -4674,26 +4556,29 @@ var _sfc_main$3 = defineComponent({
         class: "layer-selection"
       }), createElementVNode("span", {
         class: "layer-bottom"
-      })], -1))])], 2);
+      })], -1))])]);
     };
   }
 });
 
-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$4, 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$5, options, popupOptions);
+    return showPicker(target, _sfc_main$6, options2, popupOptions);
   }
-  function showScroll(options) {
+  function showScroll(options2) {
     const popupOptions = {
       mode: "dialog",
       dialog: {
@@ -4701,9 +4586,9 @@ function usePicker() {
         closeOnMask: true
       }
     };
-    return showPicker(void 0, _sfc_main$3, 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,
@@ -4712,7 +4597,7 @@ function usePicker() {
           closeOnMask: true
         }),
         props: {
-          ...options,
+          ...options2,
           picker: manager,
           popup
         }
@@ -4730,7 +4615,7 @@ function usePicker() {
         ...follow,
         component,
         props: {
-          ...options,
+          ...options2,
           picker: manager,
           popup
         }
@@ -4741,11 +4626,189 @@ function usePicker() {
     showDate,
     showTime,
     showScroll
-  }, "IPickerManager"));
+  }, {
+    global,
+    type: "IPickerManager"
+  }));
   manager.onDestroy(popup.destroy);
   return manager;
 }
 
+const _hoisted_1$4 = {
+  class: "action-slot flex-cross-center"
+};
+const _hoisted_2$3 = ["textContent"];
+var _sfc_main$4 = defineComponent({
+  __name: "action",
+  props: {
+    disabled: {
+      type: Boolean
+    },
+    value: {},
+    actions: {},
+    mode: {},
+    icon: {},
+    popup: {},
+    follow: {}
+  },
+  emits: ["trigger"],
+  setup(__props, _ref) {
+    let {
+      emit: __emit
+    } = _ref;
+    const props = __props;
+    const emits = __emit;
+    const {
+      follow
+    } = usePopup();
+    const {
+      showScroll
+    } = usePicker();
+    const {
+      onTouch
+    } = useObserver();
+    const valueRef = shallowRef(props.value);
+    const rootDom = useTemplateRef("snail-action");
+    const popupScopeRef = shallowRef(void 0);
+    const slotHandle = Object.freeze({
+      isActived: () => popupScopeRef.value != void 0,
+      trigger: () => onShowActions(props.mode == "press")
+    });
+    function buildDefaultText() {
+      if (isArrayNotEmpty(props.actions) == true) {
+        const item = props.actions.find(item2 => item2.code == valueRef.value) || props.actions[0];
+        return item.name;
+      }
+      return void 0;
+    }
+    async function onShowActions(longPress) {
+      if (popupScopeRef.value && popupScopeRef.value.destroyed != true) {
+        popupScopeRef.value.destroy();
+        popupScopeRef.value = void 0;
+      }
+      if (props.disabled != true) {
+        switch (props.popup) {
+          case "picker":
+            {
+              popupScopeRef.value = showScroll({
+                value: valueRef.value,
+                items: props.actions,
+                clearDisabled: true
+              });
+              break;
+            }
+          default:
+            {
+              const followOptions = props.follow || Object.create(null);
+              popupScopeRef.value = follow(rootDom.value, {
+                component: _sfc_main$8,
+                closeOnEscape: true,
+                closeOnMask: true,
+                closeOnResize: true,
+                closeOnTarget: true,
+                followX: followOptions.followX || ["center", "start", "end", "after", "before", "ratio"],
+                followY: followOptions.followY || ["after", "before", "center", "end", "start", "ratio"],
+                spaceX: followOptions.spaceX,
+                spaceY: followOptions.spaceY,
+                props: {
+                  mode: "vertical",
+                  actions: props.actions
+                }
+              });
+              break;
+            }
+        }
+        const code = await popupScopeRef.value;
+        popupScopeRef.value = void 0;
+        if (isStringNotEmpty(code) == true) {
+          valueRef.value = code;
+          emits("trigger", code);
+        }
+      }
+    }
+    onMounted(() => {
+      onTouch(rootDom.value, {}, detail => {
+        if (props.mode == "press" && detail.status == "end") {
+          const time = detail.now.timestamp - detail.start.timestamp;
+          if (time > 500) {
+            navigator.vibrate && navigator.vibrate(200);
+            onShowActions();
+          }
+        }
+      });
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["snail-action flex-cross-center", {
+          button: __props.mode == "whole" && __props.disabled != true
+        }]),
+        ref: "snail-action",
+        onClick: _cache[1] || (_cache[1] = $event => __props.mode == "whole" && onShowActions())
+      }, [createElementVNode("div", _hoisted_1$4, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotHandle))), () => [createElementVNode("span", {
+        class: "ellipsis",
+        textContent: toDisplayString(buildDefaultText())
+      }, null, 8, _hoisted_2$3)])]), __props.disabled != true && __props.mode != "press" ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(["trigger-slot", {
+          "hover-show": __props.icon != "always"
+        }])
+      }, [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(unref(slotHandle))), () => [createVNode(_sfc_main$F, {
+        button: "",
+        type: "more",
+        size: 16,
+        onClick: _cache[0] || (_cache[0] = $event => __props.mode != "whole" && onShowActions())
+      })])], 2)) : createCommentVNode("", true)], 2);
+    };
+  }
+});
+
+const _hoisted_1$3 = {
+  class: "snail-flash-number"
+};
+const _hoisted_2$2 = ["textContent"];
+var _sfc_main$3 = defineComponent({
+  __name: "flash-number",
+  props: {
+    value: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const itemsRef = ref();
+    function buildNumberItems() {
+      itemsRef.value = [];
+      const value = isNullish(props.value) ? null : String(props.value);
+      if (isStringNotEmpty(value) == true) {
+        for (const item of value) {
+          const number = parseInt(item);
+          const isNumber = 0 <= number && number <= 9;
+          itemsRef.value.push({
+            id: newId(),
+            text: item,
+            number: isNumber ? number : void 0
+          });
+        }
+      }
+      if (isArrayNotEmpty(itemsRef.value) == true) ;
+    }
+    onMounted(() => {
+      buildNumberItems();
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [(openBlock(true), createElementBlock(Fragment, null, renderList(itemsRef.value, item => {
+        return openBlock(), createElementBlock("span", {
+          key: item.id,
+          textContent: toDisplayString(item.text),
+          class: normalizeClass(unref(isNullish)(item.number) ? "" : "number-item")
+        }, null, 10, _hoisted_2$2);
+      }), 128)), _cache[0] || (_cache[0] = createElementVNode("span", {
+        style: {
+          "color": "red"
+        }
+      }, "-----还没实现，别用", -1))]);
+    };
+  }
+});
+
 const _hoisted_1$2 = ["title"];
 const _hoisted_2$1 = ["textContent"];
 var _sfc_main$2 = defineComponent({
@@ -5032,7 +5095,6 @@ var _sfc_main = defineComponent({
 });
 
 const components = {
-  Action: _sfc_main$h,
   Button: _sfc_main$G,
   Choose: _sfc_main$E,
   Footer: _sfc_main$D,
@@ -5045,21 +5107,22 @@ const components = {
   Switch: _sfc_main$k,
   Textarea: _sfc_main$j,
   Dynamic: _sfc_main$v,
-  Elastic: _sfc_main$g,
-  Flex: _sfc_main$f,
-  Fold: _sfc_main$e,
+  Elastic: _sfc_main$i,
+  Flex: _sfc_main$h,
+  Fold: _sfc_main$g,
   Motion: _sfc_main$x,
-  Layout: _sfc_main$d,
+  Layout: _sfc_main$f,
   Scroll: _sfc_main$u,
-  Sort: _sfc_main$c,
-  Table: _sfc_main$b,
-  TableRow: _sfc_main$a,
-  TableCol: _sfc_main$9,
-  Tree: _sfc_main$7,
+  Sort: _sfc_main$e,
+  Table: _sfc_main$d,
+  TableRow: _sfc_main$c,
+  TableCol: _sfc_main$b,
+  Tree: _sfc_main$9,
   Wrapper: _sfc_main$t,
-  FlashNumber: _sfc_main$6,
+  Action: _sfc_main$4,
+  FlashNumber: _sfc_main$3,
   DatePicker: _sfc_main$2,
-  ScrollPicker: _sfc_main$3,
+  ScrollPicker: _sfc_main$5,
   TimePicker: _sfc_main$1,
   DragVerify: _sfc_main,
   Empty: _sfc_main$o,
@@ -5067,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 };