snail.vue 2.0.31 → 2.0.32

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, 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 { 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,7 +445,7 @@ var _sfc_main$B = defineComponent({
         button: "",
         size: 16,
         color: "red"
-      })], 8, _hoisted_5$3)) : createCommentVNode("", true)])], 2);
+      })], 8, _hoisted_5$4)) : createCommentVNode("", true)])], 2);
     };
   }
 });
@@ -660,8 +660,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 +862,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 +1607,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 +1629,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 +1637,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 +1670,7 @@ var _sfc_main$s = defineComponent({
           "on-build-data": registerBuildDataFunc
         }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])]),
         _: 1
-      }, 16))], 6);
+      }, 16))], 38);
     };
   }
 });
@@ -2739,173 +2744,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 +2950,7 @@ var _sfc_main$g = defineComponent({
   }
 });
 
-var _sfc_main$f = defineComponent({
+var _sfc_main$h = defineComponent({
   ...{
     name: "Flex",
     inheritAttrs: false
@@ -3206,13 +3045,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 +3143,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 +3161,7 @@ var _sfc_main$e = defineComponent({
   }
 });
 
-var _sfc_main$d = defineComponent({
+var _sfc_main$f = defineComponent({
   __name: "layout",
   props: {
     direction: {},
@@ -3418,7 +3257,7 @@ var _sfc_main$d = defineComponent({
   }
 });
 
-var _sfc_main$c = defineComponent({
+var _sfc_main$e = defineComponent({
   ...{
     name: "Sort",
     inheritAttrs: true
@@ -3519,10 +3358,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 +3391,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 +3401,7 @@ var _sfc_main$b = defineComponent({
   }
 });
 
-var _sfc_main$a = defineComponent({
+var _sfc_main$c = defineComponent({
   ...{
     name: "TableRow",
     inheritAttrs: true
@@ -3585,7 +3424,7 @@ var _sfc_main$a = defineComponent({
   }
 });
 
-var _sfc_main$9 = defineComponent({
+var _sfc_main$b = defineComponent({
   ...{
     name: "TableCol",
     inheritAttrs: true
@@ -3631,11 +3470,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 +3482,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 +3590,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 +3605,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 +3625,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 +3662,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 +3670,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 +3703,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,23 +3874,23 @@ function buildSecondItems(minuteItem, min, max) {
   return items;
 }
 
-const _hoisted_1$5 = {
+const _hoisted_1$7 = {
   class: "tz-item",
   ref: "hour-items"
 };
-const _hoisted_2$4 = ["textContent", "onClick", "onDblclick"];
+const _hoisted_2$6 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_3$2 = {
   class: "tz-item",
   ref: "minute-items"
 };
 const _hoisted_4$2 = ["textContent", "onClick", "onDblclick"];
-const _hoisted_5$1 = {
+const _hoisted_5$2 = {
   key: 0,
   class: "tz-item",
   ref: "second-items"
 };
-const _hoisted_6$1 = ["textContent", "onClick", "onDblclick"];
-var _sfc_main$5 = defineComponent({
+const _hoisted_6$2 = ["textContent", "onClick", "onDblclick"];
+var _sfc_main$7 = defineComponent({
   __name: "time-pc",
   props: {
     value: {},
@@ -4145,7 +3992,7 @@ var _sfc_main$5 = defineComponent({
     }
     onMounted(rebuildItems);
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$d, {
+      return openBlock(), createBlock(_sfc_main$f, {
         class: normalizeClass(["time-picker pc", {
           "second-disabled": unref(format) != "HH:mm:ss"
         }]),
@@ -4155,7 +4002,7 @@ var _sfc_main$5 = defineComponent({
           multiple: "",
           effect: unref(MOTION).top
         }, {
-          default: withCtx(() => [createElementVNode("div", _hoisted_1$5, [(openBlock(true), createElementBlock(Fragment, null, renderList(hourItems.value, item => {
+          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,
@@ -4165,7 +4012,7 @@ var _sfc_main$5 = defineComponent({
               textContent: toDisplayString(unref(padStart)(item.hour, 2, "0")),
               onClick: $event => onHourClick(item),
               onDblclick: $event => onHourClick(item)
-            }, null, 42, _hoisted_2$4);
+            }, 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", {
@@ -4177,7 +4024,7 @@ var _sfc_main$5 = defineComponent({
               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 => {
+          }), 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,
@@ -4187,7 +4034,7 @@ var _sfc_main$5 = defineComponent({
               textContent: toDisplayString(unref(padStart)(item.second, 2, "0")),
               onClick: $event => onSecondClick(item),
               onDblclick: $event => onSecondClick(item, true)
-            }, null, 42, _hoisted_6$1);
+            }, null, 42, _hoisted_6$2);
           }), 128))], 512)) : createCommentVNode("", true)]),
           _: 1
         }, 8, ["effect"])]),
@@ -4221,15 +4068,15 @@ var _sfc_main$5 = defineComponent({
   }
 });
 
-const _hoisted_1$4 = ["textContent"];
-const _hoisted_2$3 = ["textContent"];
+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 = ["textContent", "onClick", "onDblclick"];
-const _hoisted_6 = ["textContent"];
+const _hoisted_5$1 = ["textContent", "onClick", "onDblclick"];
+const _hoisted_6$1 = ["textContent"];
 const _hoisted_7 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_8 = ["textContent"];
-var _sfc_main$4 = defineComponent({
+var _sfc_main$6 = defineComponent({
   __name: "date-pc",
   props: {
     value: {},
@@ -4446,7 +4293,7 @@ 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, {
+      return openBlock(), createBlock(_sfc_main$f, {
         class: normalizeClass(["date-picker pc", {
           "time-now": __props.pinned && __props.pinned.value == true
         }]),
@@ -4471,12 +4318,12 @@ 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$6)) : (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$5), stepRef.value == "day" ? (openBlock(), createElementBlock("div", {
           key: 0,
           textContent: toDisplayString(`${dateRef.value.month}月`),
           onClick: _cache[2] || (_cache[2] = $event => onSwitchStepClick("month"))
@@ -4516,7 +4363,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$1)], 2);
         }), 128)) : (openBlock(), createElementBlock(Fragment, {
           key: 2
         }, [(openBlock(), createElementBlock(Fragment, null, renderList(["日", "一", "二", "三", "四", "五", "六"], item => {
@@ -4524,7 +4371,7 @@ var _sfc_main$4 = defineComponent({
             class: "day-item week",
             key: item,
             textContent: toDisplayString(item)
-          }, null, 8, _hoisted_6);
+          }, null, 8, _hoisted_6$1);
         }), 64)), (openBlock(true), createElementBlock(Fragment, null, renderList(dayItemsRef.value, item => {
           return openBlock(), createElementBlock("div", {
             class: normalizeClass(["day-item", {
@@ -4579,25 +4426,32 @@ var _sfc_main$4 = defineComponent({
   }
 });
 
-const _hoisted_1$3 = {
+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 +4507,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,7 +4540,7 @@ var _sfc_main$3 = defineComponent({
         class: "layer-selection"
       }), createElementVNode("span", {
         class: "layer-bottom"
-      })], -1))])], 2);
+      })], -1))])]);
     };
   }
 });
@@ -4685,13 +4551,13 @@ function usePicker() {
     options = {
       ...options
     };
-    return showPicker(target, _sfc_main$4, options, popupOptions);
+    return showPicker(target, _sfc_main$6, options, popupOptions);
   }
   function showTime(target, options, popupOptions) {
     options = {
       ...options
     };
-    return showPicker(target, _sfc_main$5, options, popupOptions);
+    return showPicker(target, _sfc_main$7, options, popupOptions);
   }
   function showScroll(options) {
     const popupOptions = {
@@ -4701,7 +4567,7 @@ function usePicker() {
         closeOnMask: true
       }
     };
-    return showPicker(void 0, _sfc_main$3, options, popupOptions);
+    return showPicker(void 0, _sfc_main$5, options, popupOptions);
   }
   function showPicker(target, component, options, popupOptions) {
     if (popupOptions && popupOptions.mode == "dialog") {
@@ -4746,6 +4612,181 @@ function usePicker() {
   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 +5073,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 +5085,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,