snail.vue 2.0.27 → 2.0.28

package/dist/snail.vue.js

@@ -1,7 +1,7 @@
 //@ 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, 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 { css, link, useObserver, useScroll, useAnimation } from 'snail.view';
+import { link, css, useObserver, useScroll, useAnimation } from 'snail.view';
 
 const _hoisted_1$o = ["title"];
 var _sfc_main$F = defineComponent({
@@ -25,6 +25,10 @@ var _sfc_main$F = defineComponent({
   }
 });
 
+var addLink = href => setTimeout(link.register, 0, href);
+
+addLink("/styles/snail.vue.vue.css");
+
 function getBuiltinIcon(iconType) {
   switch (iconType) {
     case "success":
@@ -43,6 +47,8 @@ function getBuiltinIcon(iconType) {
       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":
@@ -84,6 +90,9 @@ var _sfc_main$E = defineComponent({
     hoverColor: {},
     rotate: {},
     opacity: {},
+    border: {},
+    radius: {},
+    background: {},
     viewBox: {}
   },
   setup(__props) {
@@ -112,6 +121,9 @@ var _sfc_main$E = defineComponent({
       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) => {
@@ -241,10 +253,6 @@ var _sfc_main$D = defineComponent({
   }
 });
 
-var addLink = href => setTimeout(link.register, 0, href);
-
-addLink("/styles/snail.vue.vue.css");
-
 var _sfc_main$C = defineComponent({
   ...{
     name: "Footer",
@@ -2790,7 +2798,11 @@ var _sfc_main$g = defineComponent({
       type: Boolean
     },
     trigger: {},
-    actions: {}
+    actions: {},
+    followX: {},
+    followY: {},
+    spaceX: {},
+    spaceY: {}
   },
   emits: ["trigger"],
   setup(__props, _ref) {
@@ -2822,8 +2834,10 @@ var _sfc_main$g = defineComponent({
           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
@@ -2845,7 +2859,7 @@ var _sfc_main$g = defineComponent({
         pressStartDate = void 0;
         if (time >= 0.5) {
           navigator.vibrate && navigator.vibrate(200);
-          onFollowShow(true);
+          onFollowShow();
         }
       }
     }
@@ -2875,7 +2889,7 @@ var _sfc_main$g = defineComponent({
         button: "",
         type: "more",
         size: 16,
-        onClick: _cache[0] || (_cache[0] = $event => onFollowShow(false))
+        onClick: _cache[0] || (_cache[0] = $event => onFollowShow())
       })])], 2)) : createCommentVNode("", true)], 512);
     };
   }
@@ -4007,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: {
@@ -4088,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() {
@@ -4140,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", {
@@ -4150,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", {
@@ -4160,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"])]),
@@ -4198,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",
@@ -4332,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);
@@ -4346,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);
@@ -4361,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);
         }
       }
@@ -4471,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 => {
@@ -4484,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 => {
@@ -4504,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) ? {

package/dist/snail.vue.umd.js

@@ -27,6 +27,10 @@
     }
   });
 
+  var addLink = href => setTimeout(snail_view.link.register, 0, href);
+
+  addLink("/styles/snail.vue.vue.css");
+
   function getBuiltinIcon(iconType) {
     switch (iconType) {
       case "success":
@@ -45,6 +49,8 @@
         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":
@@ -86,6 +92,9 @@
       hoverColor: {},
       rotate: {},
       opacity: {},
+      border: {},
+      radius: {},
+      background: {},
       viewBox: {}
     },
     setup(__props) {
@@ -114,6 +123,9 @@
         rotate != 0 && (style.transform = `rotate(${rotate}deg)`);
         const opacity = snail_core.correctNumber(props.opacity, void 0);
         opacity >= 0 && (style.opacity = opacity);
+        style.border = snail_core.correctString(props.border, void 0, true);
+        style.borderRadius = snail_core.correctString(props.radius, void 0, true);
+        style.background = snail_core.correctString(props.background, void 0, true);
         return style;
       });
       return (_ctx, _cache) => {
@@ -243,10 +255,6 @@
     }
   });
 
-  var addLink = href => setTimeout(snail_view.link.register, 0, href);
-
-  addLink("/styles/snail.vue.vue.css");
-
   var _sfc_main$C = vue.defineComponent({
     ...{
       name: "Footer",
@@ -2792,7 +2800,11 @@
         type: Boolean
       },
       trigger: {},
-      actions: {}
+      actions: {},
+      followX: {},
+      followY: {},
+      spaceX: {},
+      spaceY: {}
     },
     emits: ["trigger"],
     setup(__props, _ref) {
@@ -2824,8 +2836,10 @@
             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
@@ -2847,7 +2861,7 @@
           pressStartDate = void 0;
           if (time >= 0.5) {
             navigator.vibrate && navigator.vibrate(200);
-            onFollowShow(true);
+            onFollowShow();
           }
         }
       }
@@ -2877,7 +2891,7 @@
           button: "",
           type: "more",
           size: 16,
-          onClick: _cache[0] || (_cache[0] = $event => onFollowShow(false))
+          onClick: _cache[0] || (_cache[0] = $event => onFollowShow())
         })])], 2)) : vue.createCommentVNode("", true)], 512);
       };
     }
@@ -4009,18 +4023,18 @@
     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 = vue.defineComponent({
     __name: "time-pc",
     props: {
@@ -4090,29 +4104,27 @@
           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 = snail_core.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() {
@@ -4142,8 +4154,9 @@
                 }]),
                 key: item.hour,
                 textContent: vue.toDisplayString(vue.unref(snail_core.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), vue.createElementVNode("div", _hoisted_3$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(minuteItems.value, item => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["tzi-number", {
@@ -4152,8 +4165,9 @@
                 }]),
                 key: `${item.hour}:${item.minute}`,
                 textContent: vue.toDisplayString(vue.unref(snail_core.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), vue.unref(format) == "HH:mm:ss" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$1, [(vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(secondItems.value, item => {
               return vue.openBlock(), vue.createElementBlock("div", {
                 class: vue.normalizeClass(["tzi-number", {
@@ -4162,8 +4176,9 @@
                 }]),
                 key: `${item.hour}:${item.minute}:${item.second}`,
                 textContent: vue.toDisplayString(vue.unref(snail_core.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)) : vue.createCommentVNode("", true)]),
             _: 1
           }, 8, ["effect"])]),
@@ -4200,10 +4215,10 @@
   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 = vue.defineComponent({
     __name: "date-pc",
@@ -4334,13 +4349,11 @@
       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);
@@ -4348,14 +4361,12 @@
           }
         }
       }
-      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 = snail_core.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);
@@ -4363,19 +4374,17 @@
           }
         }
       }
-      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 = snail_core.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);
           }
         }
@@ -4473,8 +4482,9 @@
               key: item.year
             }, [vue.createElementVNode("span", {
               textContent: vue.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" ? (vue.openBlock(true), vue.createElementBlock(vue.Fragment, {
             key: 1
           }, vue.renderList(monthItems.value, item => {
@@ -4486,8 +4496,9 @@
               key: `${item.year}-${item.month}`
             }, [vue.createElementVNode("span", {
               textContent: vue.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)) : (vue.openBlock(), vue.createElementBlock(vue.Fragment, {
             key: 2
           }, [(vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(["日", "一", "二", "三", "四", "五", "六"], item => {
@@ -4506,8 +4517,9 @@
               key: `${item.year}-${item.month}-${item.day}`
             }, [vue.createElementVNode("span", {
               textContent: vue.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
         }, [vue.unref(endStep) == stepRef.value && (__props.toolbarDisabled != true || vue.unref(timeFormat) != void 0) ? {

package/dist/styles/snail.vue.vue.css

@@ -16,12 +16,12 @@
 .snail-search{align-items:center;background:#fff;display:flex;flex-shrink:0;height:34px}.snail-search>input{border-radius:0!important;flex:1;height:100%}.snail-search>div{align-items:center;border:1px solid #dddfed;border-left:none;display:flex;flex-shrink:0;height:100%;justify-content:center;width:34px}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/select.vue 	 index:0 */
 .snail-select{align-items:center;border:1px solid #dddfed;border-radius:4px;color:#2e3033;display:flex;height:32px;width:100%}.snail-select:not(.readonly){background-color:#fff}.snail-select:not(.readonly,.empty){cursor:pointer}.snail-select>div.select-result{align-items:center;display:flex;flex:1;flex-wrap:nowrap;height:30px;overflow:hidden;padding:0 10px 0 6px}.snail-select>div.placeholder{flex:1;padding:0 10px 0 6px}.snail-select>svg.snail-icon{flex-shrink:0;margin-right:4px}.snail-select>div.no-items{flex:1;padding:0 8px}
+/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/textarea.vue 	 index:0 */
+textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overflow-y:auto;resize:none;width:100%}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/switch.vue 	 index:0 */
 .snail-switch{cursor:pointer;overflow:hidden;position:relative}.snail-switch.readonly{cursor:not-allowed}.snail-switch.switch{border-radius:10px 10px 10px 10px;height:20px!important;width:36px!important}.snail-switch.switch>div.on{background-color:#5ca3ff}.snail-switch.switch>div.off{background-color:#c4c8cc;position:absolute;transition:left .2s ease}.snail-switch.switch>div.status{background:#fff;border-radius:10px 10px 10px 10px;height:16px;position:absolute;top:2px;transition:left .2s ease;width:16px}.snail-switch.switch.on>div.off{left:100%;top:0}.snail-switch.switch.on>div.status{left:calc(100% - 18px)}.snail-switch.switch.off>div.off{left:0;top:0}.snail-switch.switch.off>div.status{left:2px}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/switch.vue 	 index:1 */
 .snail-switch.checkbox,.snail-switch.radio{align-items:center;display:flex;flex-shrink:0;height:18px;justify-content:center;width:18px}.snail-switch.checkbox.off,.snail-switch.radio.off{border:1px solid #dcdfe6}.snail-switch.checkbox.on,.snail-switch.radio.on{background-color:#4c9aff;border:1px solid #4c9aff}.snail-switch.radio{border-radius:50%}
-/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/textarea.vue 	 index:0 */
-textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overflow-y:auto;resize:none;width:100%}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/action.vue 	 index:0 */
 .snail-action,.snail-action *{-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-action>.action-slot{flex:1;overflow:hidden;position:relative}.snail-action>.trigger-area{align-items:center;flex-shrink:0;width:-moz-fit-content;width:fit-content}.snail-action>.trigger-area.hidden{display:none}.snail-action:hover>.trigger-area{display:flex}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/dynamic.vue 	 index:0 */
@@ -30,10 +30,10 @@ textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overf
 .snail-elastic{background-color:#f6f8ff;overflow:hidden;position:relative}.snail-elastic>div.main-body{background-color:#fff;overflow:auto;overflow-anchor:none;position:relative;scroll-behavior:smooth;transition:transform .4s ease-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:transform;z-index:1}.snail-elastic>div.main-body.moving{transition-property:none!important}.snail-elastic>div.down-refresh,.snail-elastic>div.up-more{left:0;overflow:hidden;position:absolute;width:100%}.snail-elastic>div.down-refresh>div.default-loading,.snail-elastic>div.up-more>div.default-loading{gap:6px;height:40px}@keyframes snail-elastic-pull-down{0%{opacity:.2}to{opacity:.8}}.snail-elastic>div.down-refresh>div.default-loading>span,.snail-elastic>div.up-more>div.default-loading>span{animation-direction:alternate;animation-duration:.8s;animation-iteration-count:infinite;animation-timing-function:linear;background-color:#000;border-radius:8px;height:8px;opacity:.2;width:8px}.snail-elastic>div.down-refresh>div.default-loading>span:nth-child(2),.snail-elastic>div.up-more>div.default-loading>span:nth-child(2){animation-delay:.4s}.snail-elastic>div.down-refresh>div.default-loading>span:nth-child(3),.snail-elastic>div.up-more>div.default-loading>span:nth-child(3){animation-delay:.8s}.snail-elastic>div.down-refresh.running>div.default-loading>span,.snail-elastic>div.up-more.running>div.default-loading>span{animation-name:snail-elastic-pull-down}.snail-elastic>div.down-refresh{top:0}.snail-elastic>div.up-more{bottom:0}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/flex.vue 	 index:0 */
 .snail-flex{display:flex;--gap:0;gap:var(--gap)}.snail-flex.row{flex-direction:row}.snail-flex.row-reverse{flex-direction:row-reverse}.snail-flex.column{flex-direction:column}.snail-flex.column-reverse{flex-direction:column-reverse}.snail-flex.nowrap{flex-wrap:nowrap}.snail-flex.wrap{flex-wrap:wrap}.snail-flex.wrap-reverse{flex-wrap:wrap-reverse}.snail-flex.justify-start{justify-content:flex-start}.snail-flex.justify-center{justify-content:center}.snail-flex.justify-end{justify-content:flex-end}.snail-flex.justify-between{justify-content:space-between}.snail-flex.justify-around{justify-content:space-around}.snail-flex.justify-evenly{justify-content:space-evenly}.snail-flex.items-start{align-items:flex-start}.snail-flex.items-center{align-items:center}.snail-flex.items-end{align-items:flex-end}.snail-flex.items-stretch{align-items:stretch}.snail-flex.items-baseline{align-items:baseline}.snail-flex.content-start{align-content:flex-start}.snail-flex.content-center{align-content:center}.snail-flex.content-end{align-content:flex-end}.snail-flex.content-stretch{align-content:stretch}.snail-flex.content-between{align-content:space-between}.snail-flex.content-around{align-content:space-around}.snail-flex.content-evenly{align-content:space-evenly}.snail-flex.row-reverse>.repair-item,.snail-flex.row>.repair-item{height:0!important;padding-bottom:0!important;padding-top:0!important;visibility:hidden!important}.snail-flex.column-reverse,.snail-flex.column>.repair-item{padding-left:0!important;padding-right:0!important;visibility:hidden!important;width:0!important}
-/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/layout.vue 	 index:0 */
-.snail-layout{display:flex;flex-wrap:nowrap}.snail-layout,.snail-layout>div:not(.snail-scroll){overflow:hidden}.snail-layout>div.main-area{flex:1}.snail-layout.horizontal>div.left-area,.snail-layout.horizontal>div.right-area{flex-shrink:0;width:-moz-fit-content;width:fit-content}.snail-layout.vertical{flex-direction:column}.snail-layout.vertical>div.bottom-area,.snail-layout.vertical>div.top-area{flex-shrink:0;height:-moz-fit-content;height:fit-content}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/fold.vue 	 index:0 */
 .snail-fold{flex-shrink:0}.snail-fold>div.fold-header{align-items:center;display:flex;height:32px;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.snail-fold>div.fold-header:before{background-color:#2c97fb;content:"";height:18px;left:0;position:absolute;top:7px;width:4px}.snail-fold>div.fold-header>.title{color:#2e3033;font-weight:bold;padding-left:20px}.snail-fold>div.fold-header>.subtitle{color:#8a9099;font-size:13px}.snail-fold>div.fold-header>div.status{align-items:flex-end;display:flex;flex:1;justify-content:flex-end}.snail-fold>div.fold-body{padding-left:20px}
+/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/layout.vue 	 index:0 */
+.snail-layout{display:flex;flex-wrap:nowrap}.snail-layout,.snail-layout>div:not(.snail-scroll){overflow:hidden}.snail-layout>div.main-area{flex:1}.snail-layout.horizontal>div.left-area,.snail-layout.horizontal>div.right-area{flex-shrink:0;width:-moz-fit-content;width:fit-content}.snail-layout.vertical{flex-direction:column}.snail-layout.vertical>div.bottom-area,.snail-layout.vertical>div.top-area{flex-shrink:0;height:-moz-fit-content;height:fit-content}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/motion.vue 	 index:0 */
 
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/scroll.vue 	 index:0 */

package/package.json

@@ -3,7 +3,7 @@
   "description": "依赖【snail】，基于vue封装常用UI组件",
   "author": "snail_dev@163.com",
   "license": "MIT",
-  "version": "2.0.27",
+  "version": "2.0.28",
   "type": "module",
   "main": "dist/snail.vue.js",
   "module": "dist/snail.vue.js",