snail.vue 2.0.31 → 2.0.32

package/dist/snail.vue.umd.js

@@ -33,10 +33,6 @@
     }
   });
 
-  var addLink = href => setTimeout(snail_view.link.register, 0, href);
-
-  addLink("/styles/snail.vue.vue.css");
-
   function getBuiltinIcon(iconType) {
     switch (iconType) {
       case "success":
@@ -265,6 +261,10 @@
     }
   });
 
+  var addLink = href => setTimeout(snail_view.link.register, 0, href);
+
+  addLink("/styles/snail.vue.vue.css");
+
   var _sfc_main$D = vue.defineComponent({
     ...{
       name: "Footer",
@@ -376,7 +376,7 @@
     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 = vue.defineComponent({
     ...{
       name: "Input",
@@ -447,7 +447,7 @@
           button: "",
           size: 16,
           color: "red"
-        })], 8, _hoisted_5$3)) : vue.createCommentVNode("", true)])], 2);
+        })], 8, _hoisted_5$4)) : vue.createCommentVNode("", true)])], 2);
       };
     }
   });
@@ -662,8 +662,8 @@
     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 = vue.defineComponent({
     __name: "number",
@@ -864,12 +864,12 @@
         })])], 64)) : vue.createCommentVNode("", true)], 2), vue.unref(hasSuffix) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$5, [vue.createElementVNode("span", {
           class: "ellipsis",
           textContent: vue.toDisplayString(vue.unref(suffix))
-        }, null, 8, _hoisted_5$2)])) : vue.createCommentVNode("", true), vue.unref(upper) ? (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_5$3)])) : vue.createCommentVNode("", true), vue.unref(upper) ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 2,
           class: "number-util ellipsis",
           title: upperTextRef.value,
           textContent: vue.toDisplayString(`大写：${upperTextRef.value || ""}`)
-        }, null, 8, _hoisted_6$2)) : vue.createCommentVNode("", true), vue.unref(thousands) == "below" ? (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_6$3)) : vue.createCommentVNode("", true), vue.unref(thousands) == "below" ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 3,
           class: "number-util ellipsis",
           title: thousandsTextRef.value,
@@ -1609,6 +1609,11 @@
         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 => {
         snail_core.mustFunction(fn, "fn");
         fn_onBuildData = fn;
@@ -1626,6 +1631,7 @@
         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 vue.openBlock(), vue.createElementBlock("div", {
@@ -1633,9 +1639,8 @@
           style: vue.normalizeStyle({
             "z-index": __props.zIndex
           }),
-          onClick: _cache[3] || (_cache[3] = vue.withModifiers($event => {
-            __props.options.closeOnMask && vue.unref(closePopup)();
-          }, ["self"]))
+          onMousedown: _cache[3] || (_cache[3] = vue.withModifiers(evt => vue.isRef(mousedownTarget) ? mousedownTarget.value = evt.target : mousedownTarget = evt.target, ["self"])),
+          onClick: vue.withModifiers(onDialogRootClick, ["self"])
         }, [__props.options.wrapper == void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$v, vue.mergeProps({
           key: 0,
           class: "dialog-body",
@@ -1667,7 +1672,7 @@
             "on-build-data": registerBuildDataFunc
           }), null, 16, ["name", "component", "url", "props", "popup-status", "modelValue"])]),
           _: 1
-        }, 16))], 6);
+        }, 16))], 38);
       };
     }
   });
@@ -2741,173 +2746,7 @@
     }
   });
 
-  const _hoisted_1$c = ["onClick"];
-  const _hoisted_2$9 = ["textContent"];
   var _sfc_main$i = vue.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 vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-action-items", [vue.unref(snail_core.correctString)(__props.mode, "vertical", true), vue.unref(snail_core.isStringNotEmpty)(__props.inPopup) ? "in-popup" : ""]])
-        }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.actions, action => {
-          return vue.openBlock(), vue.createElementBlock("div", {
-            class: "action-item flex-cross-center",
-            key: action.code,
-            style: vue.normalizeStyle({
-              "--color": vue.unref(snail_core.correctString)(action.color, null, true),
-              "--hcolor": vue.unref(snail_core.correctString)(action.hoverColor, null, true)
-            }),
-            onClick: $event => onActionItemClick(action.code)
-          }, [action.icon != void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
-            key: 0,
-            ref_for: true
-          }, action.icon, {
-            custom: false,
-            size: 20
-          }), null, 16)) : vue.createCommentVNode("", true), vue.createElementVNode("span", {
-            class: "ellipsis",
-            textContent: vue.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 = vue.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
-      } = snail_view.useObserver();
-      const rootDom = vue.useTemplateRef("snail-action");
-      const popupScopeRef = vue.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;
-          snail_core.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);
-      }
-      vue.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 vue.openBlock(), vue.createElementBlock("div", _hoisted_1$b, [vue.createElementVNode("div", _hoisted_2$8, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          class: vue.normalizeClass(["trigger-area", {
-            hidden: __props.trigger == "hover"
-          }])
-        }, [vue.renderSlot(_ctx.$slots, "trigger", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotHandle))), () => [vue.createVNode(_sfc_main$F, {
-          button: "",
-          type: "more",
-          size: 16,
-          onClick: _cache[0] || (_cache[0] = $event => onFollowShow())
-        })])], 2)) : vue.createCommentVNode("", true)], 512);
-      };
-    }
-  });
-
-  var _sfc_main$g = vue.defineComponent({
     ...{
       name: "Elastic",
       inheritAttrs: false
@@ -3113,7 +2952,7 @@
     }
   });
 
-  var _sfc_main$f = vue.defineComponent({
+  var _sfc_main$h = vue.defineComponent({
     ...{
       name: "Flex",
       inheritAttrs: false
@@ -3208,13 +3047,13 @@
     }
   });
 
-  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 = vue.defineComponent({
+  var _sfc_main$g = vue.defineComponent({
     ...{
       name: "Fold",
       inheritAttrs: true
@@ -3306,11 +3145,11 @@
         }, [vue.renderSlot(_ctx.$slots, "header", vue.normalizeProps(vue.guardReactiveProps(slotHandle)), () => [vue.createElementVNode("div", {
           class: "title ellipsis",
           textContent: vue.toDisplayString(__props.title)
-        }, null, 8, _hoisted_1$a), !!__props.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
+        }, null, 8, _hoisted_1$c), !!__props.subtitle ? (vue.openBlock(), vue.createElementBlock("div", {
           key: 0,
           class: "subtitle ellipsis",
           textContent: vue.toDisplayString(__props.subtitle)
-        }, null, 8, _hoisted_2$7)) : vue.createCommentVNode("", true), __props.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [vue.createVNode(_sfc_main$F, {
+        }, null, 8, _hoisted_2$9)) : vue.createCommentVNode("", true), __props.disabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$4, [vue.createVNode(_sfc_main$F, {
           type: "arrow",
           button: "",
           title: statusModel.value == "expand" ? "收起" : "展开",
@@ -3324,7 +3163,7 @@
     }
   });
 
-  var _sfc_main$d = vue.defineComponent({
+  var _sfc_main$f = vue.defineComponent({
     __name: "layout",
     props: {
       direction: {},
@@ -3420,7 +3259,7 @@
     }
   });
 
-  var _sfc_main$c = vue.defineComponent({
+  var _sfc_main$e = vue.defineComponent({
     ...{
       name: "Sort",
       inheritAttrs: true
@@ -3521,10 +3360,10 @@
     }
   });
 
-  const _hoisted_1$9 = {
+  const _hoisted_1$b = {
     class: "table-body"
   };
-  var _sfc_main$b = vue.defineComponent({
+  var _sfc_main$d = vue.defineComponent({
     ...{
       name: "Table",
       inheritAttrs: true
@@ -3554,7 +3393,7 @@
           default: vue.withCtx(() => [vue.createElementVNode("div", {
             class: "table-header",
             style: vue.normalizeStyle(hStyleRef.value)
-          }, [vue.renderSlot(_ctx.$slots, "header")], 4), vue.createElementVNode("div", _hoisted_1$9, [vue.renderSlot(_ctx.$slots, "default")]), vue.createElementVNode("div", {
+          }, [vue.renderSlot(_ctx.$slots, "header")], 4), vue.createElementVNode("div", _hoisted_1$b, [vue.renderSlot(_ctx.$slots, "default")]), vue.createElementVNode("div", {
             class: "table-footer",
             style: vue.normalizeStyle(fStyleRef.value)
           }, [vue.renderSlot(_ctx.$slots, "footer")], 4)]),
@@ -3564,7 +3403,7 @@
     }
   });
 
-  var _sfc_main$a = vue.defineComponent({
+  var _sfc_main$c = vue.defineComponent({
     ...{
       name: "TableRow",
       inheritAttrs: true
@@ -3587,7 +3426,7 @@
     }
   });
 
-  var _sfc_main$9 = vue.defineComponent({
+  var _sfc_main$b = vue.defineComponent({
     ...{
       name: "TableCol",
       inheritAttrs: true
@@ -3633,11 +3472,11 @@
     }
   });
 
-  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"
   };
@@ -3645,7 +3484,7 @@
     class: "snail-tree-children",
     ref: "children"
   };
-  var _sfc_main$8 = vue.defineComponent({
+  var _sfc_main$a = vue.defineComponent({
     ...{
       name: "TreeNode",
       inheritAttrs: true
@@ -3753,7 +3592,7 @@
           key: 1
         }, [_cache[5] || (_cache[5] = vue.createElementVNode("div", {
           class: "indent"
-        }, null, -1)), __props.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$8, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
+        }, null, -1)), __props.options.foldDisabled != true ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [showChildrenRef.value ? (vue.openBlock(), vue.createBlock(_sfc_main$F, {
           key: 0,
           class: vue.normalizeClass(statusRef.value),
           custom: "",
@@ -3768,7 +3607,7 @@
           class: "node-text ellipsis",
           title: __props.node.text,
           textContent: vue.toDisplayString(__props.node.text)
-        }, null, 8, _hoisted_2$6), vue.createElementVNode("div", _hoisted_3$3, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))))])], 64))], 34), [[vue.vShow, showRef.value]]), vue.withDirectives(vue.createElementVNode("div", _hoisted_4$3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.node.children, child => {
+        }, null, 8, _hoisted_2$8), vue.createElementVNode("div", _hoisted_3$3, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotOptions))))])], 64))], 34), [[vue.vShow, showRef.value]]), vue.withDirectives(vue.createElementVNode("div", _hoisted_4$3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.node.children, child => {
           return vue.openBlock(), vue.createBlock(_component_TreeNode, {
             key: __props.context.getKey(child),
             node: child,
@@ -3788,10 +3627,10 @@
     }
   });
 
-  const _hoisted_1$7 = {
+  const _hoisted_1$9 = {
     class: "snail-tree"
   };
-  var _sfc_main$7 = vue.defineComponent({
+  var _sfc_main$9 = vue.defineComponent({
     ...{
       name: "Tree",
       inheritAttrs: true
@@ -3825,7 +3664,7 @@
         emits("click", node, parents);
       }
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$7, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$z, vue.mergeProps({
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$9, [__props.search ? (vue.openBlock(), vue.createBlock(_sfc_main$z, vue.mergeProps({
           key: 0
         }, __props.search, {
           onSearch
@@ -3833,7 +3672,7 @@
           scroll: "y"
         }, {
           default: vue.withCtx(() => [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.nodes || [], node => {
-            return vue.openBlock(), vue.createBlock(_sfc_main$8, {
+            return vue.openBlock(), vue.createBlock(_sfc_main$a, {
               key: vue.unref(context).getKey(node),
               node,
               parent: void 0,
@@ -3866,49 +3705,57 @@
     return scope;
   }
 
-  const _hoisted_1$6 = {
-    class: "snail-flash-number"
-  };
-  const _hoisted_2$5 = ["textContent"];
-  var _sfc_main$6 = vue.defineComponent({
-    __name: "flash-number",
+  const _hoisted_1$8 = ["onClick"];
+  const _hoisted_2$7 = ["textContent"];
+  var _sfc_main$8 = vue.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 = vue.ref();
-      function buildNumberItems() {
-        itemsRef.value = [];
-        const value = snail_core.isNullish(props.value) ? null : String(props.value);
-        if (snail_core.isStringNotEmpty(value) == true) {
-          for (const item of value) {
-            const number = parseInt(item);
-            const isNumber = 0 <= number && number <= 9;
-            itemsRef.value.push({
-              id: snail_core.newId(),
-              text: item,
-              number: isNumber ? number : void 0
-            });
-          }
-        }
-        if (snail_core.isArrayNotEmpty(itemsRef.value) == true) ;
+      const emits = __emit;
+      function onActionItemClick(code) {
+        emits("trigger", code);
+        props.inPopup && props.closePopup(code);
       }
-      vue.onMounted(() => {
-        buildNumberItems();
-      });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$6, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itemsRef.value, item => {
-          return vue.openBlock(), vue.createElementBlock("span", {
-            key: item.id,
-            textContent: vue.toDisplayString(item.text),
-            class: vue.normalizeClass(vue.unref(snail_core.isNullish)(item.number) ? "" : "number-item")
-          }, null, 10, _hoisted_2$5);
-        }), 128)), _cache[0] || (_cache[0] = vue.createElementVNode("span", {
-          style: {
-            "color": "red"
-          }
-        }, "-----还没实现，别用", -1))]);
+        return vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.normalizeClass(["snail-action-items", [vue.unref(snail_core.correctString)(__props.mode, "vertical", true), vue.unref(snail_core.isStringNotEmpty)(__props.inPopup) ? "in-popup" : ""]])
+        }, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.actions, action => {
+          return vue.openBlock(), vue.createElementBlock("div", {
+            class: "action-item flex-cross-center",
+            key: action.code,
+            style: vue.normalizeStyle({
+              "--color": vue.unref(snail_core.correctString)(action.color, null, true),
+              "--hcolor": vue.unref(snail_core.correctString)(action.hoverColor, null, true)
+            }),
+            onClick: $event => onActionItemClick(action.code)
+          }, [action.icon != void 0 ? (vue.openBlock(), vue.createBlock(_sfc_main$F, vue.mergeProps({
+            key: 0,
+            ref_for: true
+          }, action.icon, {
+            custom: false,
+            size: 20
+          }), null, 16)) : vue.createCommentVNode("", true), vue.createElementVNode("span", {
+            class: "ellipsis",
+            textContent: vue.toDisplayString(action.name)
+          }, null, 8, _hoisted_2$7)], 12, _hoisted_1$8);
+        }), 128))], 2);
       };
     }
   });
@@ -4029,23 +3876,23 @@
     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 = vue.defineComponent({
+  const _hoisted_6$2 = ["textContent", "onClick", "onDblclick"];
+  var _sfc_main$7 = vue.defineComponent({
     __name: "time-pc",
     props: {
       value: {},
@@ -4147,7 +3994,7 @@
       }
       vue.onMounted(rebuildItems);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$f, {
           class: vue.normalizeClass(["time-picker pc", {
             "second-disabled": vue.unref(format) != "HH:mm:ss"
           }]),
@@ -4157,7 +4004,7 @@
             multiple: "",
             effect: vue.unref(MOTION).top
           }, {
-            default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$5, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hourItems.value, item => {
+            default: vue.withCtx(() => [vue.createElementVNode("div", _hoisted_1$7, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(hourItems.value, item => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["tzi-number", {
                   active: item.hour == timeRef.value.hour,
@@ -4167,7 +4014,7 @@
                 textContent: vue.toDisplayString(vue.unref(snail_core.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), vue.createElementVNode("div", _hoisted_3$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(minuteItems.value, item => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["tzi-number", {
@@ -4179,7 +4026,7 @@
                 onClick: $event => onMinuteClick(item),
                 onDblclick: $event => onMinuteClick(item, true)
               }, null, 42, _hoisted_4$2);
-            }), 128))], 512), vue.unref(format) == "HH:mm:ss" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(secondItems.value, item => {
+            }), 128))], 512), vue.unref(format) == "HH:mm:ss" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$2, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(secondItems.value, item => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["tzi-number", {
                   active: item.second == timeRef.value.second,
@@ -4189,7 +4036,7 @@
                 textContent: vue.toDisplayString(vue.unref(snail_core.padStart)(item.second, 2, "0")),
                 onClick: $event => onSecondClick(item),
                 onDblclick: $event => onSecondClick(item, true)
-              }, null, 42, _hoisted_6$1);
+              }, null, 42, _hoisted_6$2);
             }), 128))], 512)) : vue.createCommentVNode("", true)]),
             _: 1
           }, 8, ["effect"])]),
@@ -4223,15 +4070,15 @@
     }
   });
 
-  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 = vue.defineComponent({
+  var _sfc_main$6 = vue.defineComponent({
     __name: "date-pc",
     props: {
       value: {},
@@ -4448,7 +4295,7 @@
       dateRef.value == void 0 && (dateRef.value = electDateValue());
       buildPickerItems(stepRef.value, 0);
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createBlock(_sfc_main$d, {
+        return vue.openBlock(), vue.createBlock(_sfc_main$f, {
           class: vue.normalizeClass(["date-picker pc", {
             "time-now": __props.pinned && __props.pinned.value == true
           }]),
@@ -4473,12 +4320,12 @@
           }, [stepRef.value == "year" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             textContent: vue.toDisplayString(`${yearItems.value[0].year}年 - ${vue.unref(snail_core.getFromArray)(yearItems.value, -1).year}年`)
-          }, null, 8, _hoisted_1$4)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
+          }, null, 8, _hoisted_1$6)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 1
           }, [vue.createElementVNode("div", {
             textContent: vue.toDisplayString(`${dateRef.value.year}年`),
             onClick: _cache[1] || (_cache[1] = $event => onSwitchStepClick("year"))
-          }, null, 8, _hoisted_2$3), stepRef.value == "day" ? (vue.openBlock(), vue.createElementBlock("div", {
+          }, null, 8, _hoisted_2$5), stepRef.value == "day" ? (vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
             textContent: vue.toDisplayString(`${dateRef.value.month}月`),
             onClick: _cache[2] || (_cache[2] = $event => onSwitchStepClick("month"))
@@ -4518,7 +4365,7 @@
               textContent: vue.toDisplayString(item.text),
               onClick: $event => onMonthItemClick(item),
               onDblclick: $event => onMonthItemClick(item, true)
-            }, null, 40, _hoisted_5)], 2);
+            }, null, 40, _hoisted_5$1)], 2);
           }), 128)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 2
           }, [(vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(["日", "一", "二", "三", "四", "五", "六"], item => {
@@ -4526,7 +4373,7 @@
               class: "day-item week",
               key: item,
               textContent: vue.toDisplayString(item)
-            }, null, 8, _hoisted_6);
+            }, null, 8, _hoisted_6$1);
           }), 64)), (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(dayItemsRef.value, item => {
             return vue.openBlock(), vue.createElementBlock("div", {
               class: vue.normalizeClass(["day-item", {
@@ -4581,25 +4428,32 @@
     }
   });
 
-  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 = vue.defineComponent({
+  var _sfc_main$5 = vue.defineComponent({
     __name: "scroll-picker",
     props: {
       items: {},
       value: {},
       title: {},
+      clearDisabled: {
+        type: Boolean
+      },
       inPopup: {},
       closePopup: {
         type: Function
@@ -4655,20 +4509,32 @@
         index != -1 && onTimeout(() => elasticRef.value.scrollTo(void 0, -itemHeight * index), 50);
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", {
-          class: vue.normalizeClass(["snail-scroll-picker wh-fill", {
-            "in-pupup": __props.inPopup
-          }])
-        }, [__props.inPopup ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, "ddd")) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_2$2, [vue.createElementVNode("div", _hoisted_3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, item => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$5, [__props.inPopup ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$4, [vue.createElementVNode("span", {
+          class: "pick-button",
+          textContent: "取消",
+          onClick: _cache[0] || (_cache[0] = $event => __props.closePopup(void 0))
+        }), __props.clearDisabled != true ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: "pick-button",
+          textContent: "清空",
+          onClick: _cache[1] || (_cache[1] = $event => __props.closePopup(""))
+        })) : vue.createCommentVNode("", true), vue.createElementVNode("span", {
+          class: "pick-title ellipsis",
+          textContent: vue.toDisplayString(__props.title)
+        }, null, 8, _hoisted_3), vue.createElementVNode("span", {
+          class: "pick-button",
+          textContent: "确定",
+          onClick: _cache[2] || (_cache[2] = $event => __props.closePopup(valueRef.value))
+        })])) : vue.createCommentVNode("", true), vue.createElementVNode("div", _hoisted_4, [vue.createElementVNode("div", _hoisted_5, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.items, item => {
           return vue.openBlock(), vue.createElementBlock("span", {
             class: vue.normalizeClass(["pick-item", {
               selected: item.code === valueRef.value,
               disabled: item.disabled
             }]),
             key: item.code,
-            textContent: vue.toDisplayString(item.text)
-          }, null, 10, _hoisted_4);
-        }), 128))], 512), _cache[0] || (_cache[0] = vue.createElementVNode("div", {
+            textContent: vue.toDisplayString(item.name)
+          }, null, 10, _hoisted_6);
+        }), 128))], 512), _cache[3] || (_cache[3] = vue.createElementVNode("div", {
           class: "pick-layer"
         }, [vue.createElementVNode("span", {
           class: "layer-top"
@@ -4676,7 +4542,7 @@
           class: "layer-selection"
         }), vue.createElementVNode("span", {
           class: "layer-bottom"
-        })], -1))])], 2);
+        })], -1))])]);
       };
     }
   });
@@ -4687,13 +4553,13 @@
       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 = {
@@ -4703,7 +4569,7 @@
           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") {
@@ -4748,6 +4614,181 @@
     return manager;
   }
 
+  const _hoisted_1$4 = {
+    class: "action-slot flex-cross-center"
+  };
+  const _hoisted_2$3 = ["textContent"];
+  var _sfc_main$4 = vue.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
+      } = snail_view.useObserver();
+      const valueRef = vue.shallowRef(props.value);
+      const rootDom = vue.useTemplateRef("snail-action");
+      const popupScopeRef = vue.shallowRef(void 0);
+      const slotHandle = Object.freeze({
+        isActived: () => popupScopeRef.value != void 0,
+        trigger: () => onShowActions(props.mode == "press")
+      });
+      function buildDefaultText() {
+        if (snail_core.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 (snail_core.isStringNotEmpty(code) == true) {
+            valueRef.value = code;
+            emits("trigger", code);
+          }
+        }
+      }
+      vue.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 vue.openBlock(), vue.createElementBlock("div", {
+          class: vue.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())
+        }, [vue.createElementVNode("div", _hoisted_1$4, [vue.renderSlot(_ctx.$slots, "default", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotHandle))), () => [vue.createElementVNode("span", {
+          class: "ellipsis",
+          textContent: vue.toDisplayString(buildDefaultText())
+        }, null, 8, _hoisted_2$3)])]), __props.disabled != true && __props.mode != "press" ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(["trigger-slot", {
+            "hover-show": __props.icon != "always"
+          }])
+        }, [vue.renderSlot(_ctx.$slots, "trigger", vue.normalizeProps(vue.guardReactiveProps(vue.unref(slotHandle))), () => [vue.createVNode(_sfc_main$F, {
+          button: "",
+          type: "more",
+          size: 16,
+          onClick: _cache[0] || (_cache[0] = $event => __props.mode != "whole" && onShowActions())
+        })])], 2)) : vue.createCommentVNode("", true)], 2);
+      };
+    }
+  });
+
+  const _hoisted_1$3 = {
+    class: "snail-flash-number"
+  };
+  const _hoisted_2$2 = ["textContent"];
+  var _sfc_main$3 = vue.defineComponent({
+    __name: "flash-number",
+    props: {
+      value: {}
+    },
+    setup(__props) {
+      const props = __props;
+      const itemsRef = vue.ref();
+      function buildNumberItems() {
+        itemsRef.value = [];
+        const value = snail_core.isNullish(props.value) ? null : String(props.value);
+        if (snail_core.isStringNotEmpty(value) == true) {
+          for (const item of value) {
+            const number = parseInt(item);
+            const isNumber = 0 <= number && number <= 9;
+            itemsRef.value.push({
+              id: snail_core.newId(),
+              text: item,
+              number: isNumber ? number : void 0
+            });
+          }
+        }
+        if (snail_core.isArrayNotEmpty(itemsRef.value) == true) ;
+      }
+      vue.onMounted(() => {
+        buildNumberItems();
+      });
+      return (_ctx, _cache) => {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$3, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(itemsRef.value, item => {
+          return vue.openBlock(), vue.createElementBlock("span", {
+            key: item.id,
+            textContent: vue.toDisplayString(item.text),
+            class: vue.normalizeClass(vue.unref(snail_core.isNullish)(item.number) ? "" : "number-item")
+          }, null, 10, _hoisted_2$2);
+        }), 128)), _cache[0] || (_cache[0] = vue.createElementVNode("span", {
+          style: {
+            "color": "red"
+          }
+        }, "-----还没实现，别用", -1))]);
+      };
+    }
+  });
+
   const _hoisted_1$2 = ["title"];
   const _hoisted_2$1 = ["textContent"];
   var _sfc_main$2 = vue.defineComponent({
@@ -5034,7 +5075,6 @@
   });
 
   const components = {
-    Action: _sfc_main$h,
     Button: _sfc_main$G,
     Choose: _sfc_main$E,
     Footer: _sfc_main$D,
@@ -5047,21 +5087,22 @@
     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,