snail.vue 2.0.26 → 2.0.28

package/dist/snail.vue.js

@@ -1,6 +1,6 @@
 //@ sourceURL=/snail.vue.js
 import { defineComponent, createElementBlock, openBlock, normalizeClass, renderSlot, createTextVNode, shallowRef, computed, mergeProps, unref, createElementVNode, toDisplayString, Fragment, renderList, mergeModels, useModel, normalizeStyle, createCommentVNode, createBlock, nextTick, useTemplateRef, 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, 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 { 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 } from 'snail.view';
 
 const _hoisted_1$o = ["title"];
@@ -40,13 +40,15 @@ function getBuiltinIcon(iconType) {
     case "close":
       return ["M 571.733 512 l 187.733 -187.733 c 17.0667 -17.0667 17.0667 -42.6667 0 -59.7333 c -17.0667 -17.0667 -42.6667 -17.0667 -59.7333 0 L 512 452.267 L 324.267 268.8 c -17.0667 -17.0667 -42.6667 -17.0667 -59.7333 0 c -17.0667 17.0667 -17.0667 42.6667 0 59.7333 l 187.733 187.733 l -187.733 187.733 c -17.0667 17.0667 -17.0667 42.6667 0 59.7333 c 17.0667 17.0667 42.6667 17.0667 59.7333 0 l 187.733 -187.733 l 187.733 187.733 c 17.0667 17.0667 42.6667 17.0667 59.7333 0 c 17.0667 -17.0667 17.0667 -42.6667 0 -59.7333 L 571.733 512 Z"];
     case "trash":
-      return ["M 597.333 213.333 V 170.667 h -170.667 v 42.6667 H 213.333 v 42.6667 h 597.333 V 213.333 Z M 298.667 298.667 H 256 v 469.333 h 512 V 298.667 H 298.667 Z m 170.667 341.333 h -42.6667 V 384 h 42.6667 v 256 Z m 128 0 h -42.6667 V 384 h 42.6667 v 256 Z"];
+      return ["M736 352.032L736.096 800h-0.128L288 799.968 288.032 352 736 352.032zM384 224h256v64h-256V224z m448 64h-128V202.624C704 182.048 687.232 160 640.16 160h-256.32C336.768 160 320 182.048 320 202.624V288H192a32 32 0 1 0 0 64h32V799.968C224 835.296 252.704 864 288.032 864h447.936A64.064 64.064 0 0 0 800 799.968V352h32a32 32 0 1 0 0-64z", "M608 690.56a32 32 0 0 0 32-32V448a32 32 0 1 0-64 0v210.56a32 32 0 0 0 32 32M416 690.56a32 32 0 0 0 32-32V448a32 32 0 1 0-64 0v210.56a32 32 0 0 0 32 32"];
     case "download":
       return ["M47.234 979.775v-210.45h102.303v70.151h724.874v-70.15h102.3v210.45H47.233zM149.54 359.948l242.595 0.175V44.451h242.6v309.827h242.6L517.821 734.253 149.539 359.948z"];
     case "print":
       return ["M896 256H128a96 96 0 0 0-96 96v256a96 96 0 0 0 96 96h32v-160h704v160h32a96 96 0 0 0 96-96v-256a96 96 0 0 0-96-96z m-67.52 208a64 64 0 1 1 64-64 64 64 0 0 1-64 64zM224 960a32 32 0 0 0 32 32h512a32 32 0 0 0 32-32V608H224zM800 96a35.2 35.2 0 0 0-35.52-32h-512A29.12 29.12 0 0 0 224 96v96h576z"];
     case "edit":
       return ["M 780.8 366.933 c 34.1333 -34.1333 34.1333 -93.8667 0 -128 c -38.4 -34.1333 -93.8667 -34.1333 -132.267 0 l -68.2667 68.2667 l 132.267 128 l 68.2667 -68.2667 Z M 541.867 349.867 l -277.333 277.333 L 213.333 806.4 l 179.2 -51.2 l 281.6 -277.333 Z M 469.333 768 h 341.333 v 42.6667 h -341.333 Z"];
+    case "pause":
+      return ["M716.805057 780.798397V243.199797c0-21.204979-17.196985-38.40377-38.40377-38.403771s-38.401964 17.196985-38.401964 38.403771v537.5986c0 21.204979 17.196985 38.392933 38.401964 38.392933s38.40377-17.187954 38.40377-38.392933zM384.000677 780.798397V243.199797c0-21.204979-17.187954-38.40377-38.391127-38.403771-21.215816 0-38.40377 17.196985-38.40377 38.403771v537.5986c0 21.204979 17.187954 38.392933 38.40377 38.392933 21.203173 0 38.391127-17.187954 38.391127-38.392933z"];
     case "arrow":
       return ["M651.3 514.2c0 8.2-3.1 16.4-9.4 22.6L426.4 752.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L574 514.2 381.1 321.4c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l215.5 215.5c6.2 6.3 9.4 14.5 9.4 22.6z"];
     case "datepicker":
@@ -57,6 +59,8 @@ function getBuiltinIcon(iconType) {
       return ["M 768 469.333 h -213.333 V 256 c 0 -25.6 -17.0667 -42.6667 -42.6667 -42.6667 s -42.6667 17.0667 -42.6667 42.6667 v 213.333 H 256 c -25.6 0 -42.6667 17.0667 -42.6667 42.6667 s 17.0667 42.6667 42.6667 42.6667 h 213.333 v 213.333 c 0 25.6 17.0667 42.6667 42.6667 42.6667 s 42.6667 -17.0667 42.6667 -42.6667 v -213.333 h 213.333 c 25.6 0 42.6667 -17.0667 42.6667 -42.6667 s -17.0667 -42.6667 -42.6667 -42.6667 Z"];
     case "subtract":
       return ["M768 554.666667H256c-25.6 0-42.666667-17.066667-42.666667-42.666667s17.066667-42.666667 42.666667-42.666667h512c25.6 0 42.666667 17.066667 42.666667 42.666667s-17.066667 42.666667-42.666667 42.666667z"];
+    case "more":
+      return ["M415.93 223.79c0-52.98 43.004-95.984 95.984-95.984s95.984 43.004 95.984 95.984-43.004 95.984-95.984 95.984-95.984-43.003-95.984-95.984zM415.93 511.742c0-52.98 43.004-95.984 95.984-95.984s95.984 43.004 95.984 95.984-43.004 95.984-95.984 95.984-95.984-43.004-95.984-95.984zM415.93 799.866c0-52.98 43.004-95.984 95.984-95.984s95.984 43.003 95.984 95.984-43.004 95.983-95.984 95.983-95.984-43.175-95.984-95.983z"];
     case "grip":
       return ["M 384 256 m -42.6667 0 a 42.6667 42.6667 0 1 0 85.3333 0 a 42.6667 42.6667 0 1 0 -85.3333 0 Z", "M 384 426.667 m -42.6667 0 a 42.6667 42.6667 0 1 0 85.3333 0 a 42.6667 42.6667 0 1 0 -85.3333 0 Z", "M 384 597.333 m -42.6667 0 a 42.6667 42.6667 0 1 0 85.3333 0 a 42.6667 42.6667 0 1 0 -85.3333 0 Z", "M 384 768 m -42.6667 0 a 42.6667 42.6667 0 1 0 85.3333 0 a 42.6667 42.6667 0 1 0 -85.3333 0 Z", "M 640 256 m -42.6667 0 a 42.6667 42.6667 0 1 0 85.3333 0 a 42.6667 42.6667 0 1 0 -85.3333 0 Z", "M 640 426.667 m -42.6667 0 a 42.6667 42.6667 0 1 0 85.3333 0 a 42.6667 42.6667 0 1 0 -85.3333 0 Z", "M 640 597.333 m -42.6667 0 a 42.6667 42.6667 0 1 0 85.3333 0 a 42.6667 42.6667 0 1 0 -85.3333 0 Z", "M 640 768 m -42.6667 0 a 42.6667 42.6667 0 1 0 85.3333 0 a 42.6667 42.6667 0 1 0 -85.3333 0 Z"];
     default:
@@ -85,6 +89,10 @@ var _sfc_main$E = defineComponent({
     color: {},
     hoverColor: {},
     rotate: {},
+    opacity: {},
+    border: {},
+    radius: {},
+    background: {},
     viewBox: {}
   },
   setup(__props) {
@@ -111,6 +119,11 @@ var _sfc_main$E = defineComponent({
       fill && (style.fill = fill);
       const rotate = correctNumber(props.rotate, 0);
       rotate != 0 && (style.transform = `rotate(${rotate}deg)`);
+      const opacity = correctNumber(props.opacity, void 0);
+      opacity >= 0 && (style.opacity = opacity);
+      style.border = correctString(props.border, void 0, true);
+      style.borderRadius = correctString(props.radius, void 0, true);
+      style.background = correctString(props.background, void 0, true);
       return style;
     });
     return (_ctx, _cache) => {
@@ -1590,10 +1603,7 @@ var _sfc_main$r = defineComponent({
     };
     async function onWrapperConfirm() {
       if (fn_onBuildData != void 0) {
-        const rt = (await wait(fn_onBuildData())) || {
-          success: true,
-          data: void 0
-        };
+        const rt = await runAsync(fn_onBuildData);
         console.log("onBuildData result：", rt);
         rt.success !== false && closePopup(rt.data);
       } else {
@@ -2788,7 +2798,11 @@ var _sfc_main$g = defineComponent({
       type: Boolean
     },
     trigger: {},
-    actions: {}
+    actions: {},
+    followX: {},
+    followY: {},
+    spaceX: {},
+    spaceY: {}
   },
   emits: ["trigger"],
   setup(__props, _ref) {
@@ -2804,30 +2818,35 @@ var _sfc_main$g = defineComponent({
       onEvent
     } = useObserver();
     const rootDom = useTemplateRef("snail-action");
-    let popupScope = void 0;
+    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 (popupScope && popupScope.destroyed != true) {
-        popupScope.destroy();
-        return;
-      }
-      if (props.disabled != true) {
-        popupScope = follow(rootDom.value, {
+      if (popupScopeRef.value && popupScopeRef.value.destroyed != true) {
+        popupScopeRef.value.destroy();
+      } else if (props.disabled != true) {
+        popupScopeRef.value = follow(rootDom.value, {
           component: _sfc_main$h,
           closeOnEscape: true,
           closeOnMask: true,
           closeOnResize: true,
           closeOnTarget: true,
-          followX: longPress ? ["center", "start", "end"] : ["after", "end", "start", "end", "center"],
-          followY: longPress ? ["center", "after", "before"] : ["after", "before", "center", "end", "after"],
+          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 popupScope;
+        const code = await popupScopeRef.value;
         isStringNotEmpty(code) && emits("trigger", code);
       }
+      popupScopeRef.value = void 0;
     }
     function onMouseDown() {
       if (props.trigger == "long-press" && pressStartDate == void 0) {
@@ -2840,7 +2859,7 @@ var _sfc_main$g = defineComponent({
         pressStartDate = void 0;
         if (time >= 0.5) {
           navigator.vibrate && navigator.vibrate(200);
-          onFollowShow(true);
+          onFollowShow();
         }
       }
     }
@@ -2861,19 +2880,17 @@ var _sfc_main$g = defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default")]), __props.trigger == "hover" && __props.disabled != true ? (openBlock(), createBlock(_sfc_main$E, {
+      return openBlock(), createElementBlock("div", _hoisted_1$a, [createElementVNode("div", _hoisted_2$5, [renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps(unref(slotHandle))))]), __props.disabled != true && (__props.trigger == "hover" || __props.trigger == "always") ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: "hover-tips",
+        class: normalizeClass(["trigger-area", {
+          hidden: __props.trigger == "hover"
+        }])
+      }, [renderSlot(_ctx.$slots, "trigger", normalizeProps(guardReactiveProps(unref(slotHandle))), () => [createVNode(_sfc_main$E, {
         button: "",
-        custom: "",
+        type: "more",
         size: 16,
-        onClick: _cache[0] || (_cache[0] = $event => onFollowShow(false))
-      }, {
-        default: withCtx(() => [...(_cache[1] || (_cache[1] = [createElementVNode("path", {
-          d: "M415.93 223.79c0-52.98 43.004-95.984 95.984-95.984s95.984 43.004 95.984 95.984-43.004 95.984-95.984 95.984-95.984-43.003-95.984-95.984zM415.93 511.742c0-52.98 43.004-95.984 95.984-95.984s95.984 43.004 95.984 95.984-43.004 95.984-95.984 95.984-95.984-43.004-95.984-95.984zM415.93 799.866c0-52.98 43.004-95.984 95.984-95.984s95.984 43.003 95.984 95.984-43.004 95.983-95.984 95.983-95.984-43.175-95.984-95.983z"
-        }, null, -1)]))]),
-        _: 1
-      })) : createCommentVNode("", true)], 512);
+        onClick: _cache[0] || (_cache[0] = $event => onFollowShow())
+      })])], 2)) : createCommentVNode("", true)], 512);
     };
   }
 });
@@ -4004,18 +4021,18 @@ const _hoisted_1$4 = {
   class: "tz-item",
   ref: "hour-items"
 };
-const _hoisted_2$1 = ["textContent", "onClick"];
+const _hoisted_2$1 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_3$1 = {
   class: "tz-item",
   ref: "minute-items"
 };
-const _hoisted_4$1 = ["textContent", "onClick"];
+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"];
+const _hoisted_6$1 = ["textContent", "onClick", "onDblclick"];
 var _sfc_main$4 = defineComponent({
   __name: "time-pc",
   props: {
@@ -4085,29 +4102,27 @@ var _sfc_main$4 = defineComponent({
         block: "center"
       });
     }
-    function onHourClick(item) {
+    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) {
+    function onMinuteClick(item, dbClick) {
       if (item.disabled != true) {
+        timeRef.value.minute = item.minute;
         if (format == "HH:mm") {
-          const value = formatTimeValue(item, "HH:mm");
-          emits("confirm", value);
-          props.inPopup && props.closePopup(value);
+          dbClick && onConfirm();
         } else if (timeRef.value.minute != item.minute) {
-          timeRef.value.minute = item.minute;
           secondItems.value = buildSecondItems(item, min, max);
         }
       }
     }
-    function onSecondClick(item) {
+    function onSecondClick(item, dbClick) {
       if (item.disabled != true) {
         timeRef.value.second = item.second;
-        onConfirm();
+        dbClick && onConfirm();
       }
     }
     function onConfirm() {
@@ -4137,8 +4152,9 @@ var _sfc_main$4 = defineComponent({
               }]),
               key: item.hour,
               textContent: toDisplayString(unref(padStart)(item.hour, 2, "0")),
-              onClick: $event => onHourClick(item)
-            }, null, 10, _hoisted_2$1);
+              onClick: $event => onHourClick(item),
+              onDblclick: $event => onHourClick(item)
+            }, null, 42, _hoisted_2$1);
           }), 128))], 512), createElementVNode("div", _hoisted_3$1, [(openBlock(true), createElementBlock(Fragment, null, renderList(minuteItems.value, item => {
             return openBlock(), createElementBlock("div", {
               class: normalizeClass(["tzi-number", {
@@ -4147,8 +4163,9 @@ var _sfc_main$4 = defineComponent({
               }]),
               key: `${item.hour}:${item.minute}`,
               textContent: toDisplayString(unref(padStart)(item.minute, 2, "0")),
-              onClick: $event => onMinuteClick(item)
-            }, null, 10, _hoisted_4$1);
+              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", {
@@ -4157,8 +4174,9 @@ var _sfc_main$4 = defineComponent({
               }]),
               key: `${item.hour}:${item.minute}:${item.second}`,
               textContent: toDisplayString(unref(padStart)(item.second, 2, "0")),
-              onClick: $event => onSecondClick(item)
-            }, null, 10, _hoisted_6$1);
+              onClick: $event => onSecondClick(item),
+              onDblclick: $event => onSecondClick(item, true)
+            }, null, 42, _hoisted_6$1);
           }), 128))], 512)) : createCommentVNode("", true)]),
           _: 1
         }, 8, ["effect"])]),
@@ -4195,10 +4213,10 @@ var _sfc_main$4 = defineComponent({
 const _hoisted_1$3 = ["textContent"];
 const _hoisted_2 = ["textContent"];
 const _hoisted_3 = ["textContent"];
-const _hoisted_4 = ["textContent", "onClick"];
-const _hoisted_5 = ["textContent", "onClick"];
+const _hoisted_4 = ["textContent", "onClick", "onDblclick"];
+const _hoisted_5 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_6 = ["textContent"];
-const _hoisted_7 = ["textContent", "onClick"];
+const _hoisted_7 = ["textContent", "onClick", "onDblclick"];
 const _hoisted_8 = ["textContent"];
 var _sfc_main$3 = defineComponent({
   __name: "date-pc",
@@ -4329,13 +4347,11 @@ var _sfc_main$3 = defineComponent({
     function onSwitchStepClick(newValue) {
       setTimeout(() => stepRef.value = newValue);
     }
-    function onYearItemClick(item) {
+    function onYearItemClick(item, dbClick) {
       if (item.disabled != true) {
         dateRef.value.year = item.year;
         if (format == "yyyy") {
-          const value = String(dateRef.value.year).padStart(4, "0");
-          emits("confirm", value);
-          props.inPopup && props.closePopup(value);
+          dbClick && onConfirm();
         } else {
           dateRef.value.month = 1;
           monthItems.value = buildMonthItems(item, min, max);
@@ -4343,14 +4359,12 @@ var _sfc_main$3 = defineComponent({
         }
       }
     }
-    function onMonthItemClick(item) {
+    function onMonthItemClick(item, dbClick) {
       if (item.disabled != true) {
         dateRef.value.year = item.year;
         dateRef.value.month = item.month;
         if (format == "yyyy-MM") {
-          const value = formatDateValue(dateRef.value, "yyyy-MM");
-          emits("confirm", value);
-          props.inPopup && props.closePopup(value);
+          dbClick && onConfirm();
         } else {
           dateRef.value.day = 1;
           dayItemsRef.value = buildDayItems(item, min, max);
@@ -4358,19 +4372,17 @@ var _sfc_main$3 = defineComponent({
         }
       }
     }
-    function onDayItemClick(item) {
+    function onDayItemClick(item, dbClick) {
       if (item.disabled != true) {
-        const isNowMonth = item.year == dateRef.value.year && item.month == dateRef.value.month;
         Object.assign(dateRef.value, {
           year: item.year,
           month: item.month,
           day: item.day
         });
         if (format == "yyyy-MM-dd") {
-          const value = formatDateValue(dateRef.value, "yyyy-MM-dd");
-          emits("confirm", value);
-          props.inPopup && props.closePopup(value);
+          dbClick && onConfirm();
         } else {
+          const isNowMonth = item.year == dateRef.value.year && item.month == dateRef.value.month;
           isNowMonth || buildPickerItems("day", 0);
         }
       }
@@ -4468,8 +4480,9 @@ var _sfc_main$3 = defineComponent({
             key: item.year
           }, [createElementVNode("span", {
             textContent: toDisplayString(item.year),
-            onClick: $event => onYearItemClick(item)
-          }, null, 8, _hoisted_4)], 2);
+            onClick: $event => onYearItemClick(item),
+            onDblclick: $event => onYearItemClick(item, true)
+          }, null, 40, _hoisted_4)], 2);
         }), 128)) : stepRef.value == "month" ? (openBlock(true), createElementBlock(Fragment, {
           key: 1
         }, renderList(monthItems.value, item => {
@@ -4481,8 +4494,9 @@ var _sfc_main$3 = defineComponent({
             key: `${item.year}-${item.month}`
           }, [createElementVNode("span", {
             textContent: toDisplayString(item.text),
-            onClick: $event => onMonthItemClick(item)
-          }, null, 8, _hoisted_5)], 2);
+            onClick: $event => onMonthItemClick(item),
+            onDblclick: $event => onMonthItemClick(item, true)
+          }, null, 40, _hoisted_5)], 2);
         }), 128)) : (openBlock(), createElementBlock(Fragment, {
           key: 2
         }, [(openBlock(), createElementBlock(Fragment, null, renderList(["日", "一", "二", "三", "四", "五", "六"], item => {
@@ -4501,8 +4515,9 @@ var _sfc_main$3 = defineComponent({
             key: `${item.year}-${item.month}-${item.day}`
           }, [createElementVNode("span", {
             textContent: toDisplayString(item.day),
-            onClick: $event => onDayItemClick(item)
-          }, null, 8, _hoisted_7)], 2);
+            onClick: $event => onDayItemClick(item),
+            onDblclick: $event => onDayItemClick(item, true)
+          }, null, 40, _hoisted_7)], 2);
         }), 128))], 64))]),
         _: 2
       }, [unref(endStep) == stepRef.value && (__props.toolbarDisabled != true || unref(timeFormat) != void 0) ? {