snail.vue 2.0.26 → 2.0.28

package/dist/snail.vue.umd.js

@@ -42,13 +42,15 @@
       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":
@@ -59,6 +61,8 @@
         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:
@@ -87,6 +91,10 @@
       color: {},
       hoverColor: {},
       rotate: {},
+      opacity: {},
+      border: {},
+      radius: {},
+      background: {},
       viewBox: {}
     },
     setup(__props) {
@@ -113,6 +121,11 @@
         fill && (style.fill = fill);
         const rotate = snail_core.correctNumber(props.rotate, 0);
         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) => {
@@ -1592,10 +1605,7 @@
       };
       async function onWrapperConfirm() {
         if (fn_onBuildData != void 0) {
-          const rt = (await snail_core.wait(fn_onBuildData())) || {
-            success: true,
-            data: void 0
-          };
+          const rt = await snail_core.runAsync(fn_onBuildData);
           console.log("onBuildData result：", rt);
           rt.success !== false && closePopup(rt.data);
         } else {
@@ -2790,7 +2800,11 @@
         type: Boolean
       },
       trigger: {},
-      actions: {}
+      actions: {},
+      followX: {},
+      followY: {},
+      spaceX: {},
+      spaceY: {}
     },
     emits: ["trigger"],
     setup(__props, _ref) {
@@ -2806,30 +2820,35 @@
         onEvent
       } = snail_view.useObserver();
       const rootDom = vue.useTemplateRef("snail-action");
-      let popupScope = void 0;
+      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 (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;
           snail_core.isStringNotEmpty(code) && emits("trigger", code);
         }
+        popupScopeRef.value = void 0;
       }
       function onMouseDown() {
         if (props.trigger == "long-press" && pressStartDate == void 0) {
@@ -2842,7 +2861,7 @@
           pressStartDate = void 0;
           if (time >= 0.5) {
             navigator.vibrate && navigator.vibrate(200);
-            onFollowShow(true);
+            onFollowShow();
           }
         }
       }
@@ -2863,19 +2882,17 @@
         }
       });
       return (_ctx, _cache) => {
-        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [vue.createElementVNode("div", _hoisted_2$5, [vue.renderSlot(_ctx.$slots, "default")]), __props.trigger == "hover" && __props.disabled != true ? (vue.openBlock(), vue.createBlock(_sfc_main$E, {
+        return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$a, [vue.createElementVNode("div", _hoisted_2$5, [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: "hover-tips",
+          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$E, {
           button: "",
-          custom: "",
+          type: "more",
           size: 16,
-          onClick: _cache[0] || (_cache[0] = $event => onFollowShow(false))
-        }, {
-          default: vue.withCtx(() => [...(_cache[1] || (_cache[1] = [vue.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
-        })) : vue.createCommentVNode("", true)], 512);
+          onClick: _cache[0] || (_cache[0] = $event => onFollowShow())
+        })])], 2)) : vue.createCommentVNode("", true)], 512);
       };
     }
   });
@@ -4006,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: {
@@ -4087,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() {
@@ -4139,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", {
@@ -4149,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", {
@@ -4159,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"])]),
@@ -4197,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",
@@ -4331,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);
@@ -4345,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);
@@ -4360,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);
           }
         }
@@ -4470,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 => {
@@ -4483,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 => {
@@ -4503,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,14 +16,14 @@
 .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>.hover-tips{display:none;flex-shrink:0}.snail-action:hover>.hover-tips{display:block}
+.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 */
 .snail-dynamic-error{color:red}.snail-dynamic-error>span{color:gray}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/elastic.vue 	 index:0 */
@@ -68,14 +68,14 @@ textarea.snail-textarea{font-size:14px;line-height:1.5em;overflow-x:hidden;overf
 .snail-layout.date-picker.pc{background-color:#fff;border:1px solid rgba(0,0,0,.12);border-radius:4px;box-shadow:0 0 3px rgba(0,0,0,.12);height:300px!important;overflow:hidden!important;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:280px!important}.snail-layout.date-picker.pc.time-now:after{background-color:gray;content:"";height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%}.snail-layout.date-picker.pc>.top-area{align-items:center;border-bottom:1px solid #eee;display:flex;flex-wrap:nowrap;padding:0 4px}.snail-layout.date-picker.pc>.top-area>svg{fill:#8a9099;flex-shrink:0}.snail-layout.date-picker.pc>.top-area>svg:hover{fill:#58a4fd}.snail-layout.date-picker.pc>.top-area>div.header-content{align-items:center;display:flex;flex:1;justify-content:center}.snail-layout.date-picker.pc>.top-area>div.header-content>div{align-items:center;display:flex;font-size:16px;height:100%}.snail-layout.date-picker.pc>.top-area>div.header-content>div:nth-child(2){margin-left:8px}.snail-layout.date-picker.pc>.top-area>div.header-content:not(.year)>div:hover{color:#58a4fd;cursor:pointer}.snail-layout.date-picker.pc>.main-area{display:flex;flex-wrap:wrap;justify-content:space-between}.snail-layout.date-picker.pc>.main-area>div{align-items:center;display:flex;flex-shrink:0;font-size:13px;justify-content:center;position:relative}.snail-layout.date-picker.pc>.main-area>div>span{align-items:center;display:flex;height:28px;justify-content:center}.snail-layout.date-picker.pc>.main-area>div>span:hover{background:#f4f4f4;cursor:pointer}.snail-layout.date-picker.pc>.main-area>div.active>span{background-color:#58a4fd;color:#fff!important}.snail-layout.date-picker.pc>.main-area>div.active.disabled{opacity:.6}.snail-layout.date-picker.pc>.main-area>div.disabled>span{color:#aaa;cursor:not-allowed}.snail-layout.date-picker.pc>.main-area>div.day-item{height:30px;width:36px}.snail-layout.date-picker.pc>.main-area>div.day-item.week{font-weight:bold}.snail-layout.date-picker.pc>.main-area>div.day-item.active>span,.snail-layout.date-picker.pc>.main-area>div.day-item:hover>span{border-radius:100%;width:28px}.snail-layout.date-picker.pc>.main-area>div.day-item:not(.now-month)>span{color:#aaa}.snail-layout.date-picker.pc>.main-area>div.month-item,.snail-layout.date-picker.pc>.main-area>div.year-item{width:30%}.snail-layout.date-picker.pc>.main-area>div.month-item.active>span,.snail-layout.date-picker.pc>.main-area>div.month-item:hover>span,.snail-layout.date-picker.pc>.main-area>div.year-item.active>span,.snail-layout.date-picker.pc>.main-area>div.year-item:hover>span{border-radius:15px;padding:0 8px;width:-moz-fit-content;width:fit-content}.snail-layout.date-picker.pc>.bottom-area{align-items:center;border-top:1px solid #eee;display:flex;height:30px;justify-content:flex-end;padding-right:10px}.snail-layout.date-picker.pc>.bottom-area>.time-area{color:#58a4fd;cursor:pointer;font-size:12px;margin-left:10px;margin-right:auto}.snail-layout.date-picker.pc>.bottom-area>.snail-button{color:#999;font-size:12px;margin-left:4px}.snail-layout.date-picker.pc>.bottom-area>.snail-button:hover,.snail-layout.date-picker.pc>.bottom-area>.snail-button:last-child{color:#58a4fd}.snail-layout.date-picker.pc>.bottom-area>.snail-button.disabled{cursor:not-allowed;opacity:.6}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/confirm-container.vue 	 index:0 */
 .snail-confirm{background-color:#fff;border-radius:4px;color:#2e2f33;max-height:350px;max-width:548px;min-width:348px}.snail-confirm>div.confirm-body{flex:1;margin:20px 40px;overflow:auto;word-wrap:break-word}
+/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/dialog-container.vue 	 index:0 */
+.snail-dialog{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.snail-dialog:before{background-color:rgba(24,27,33,.45);content:"";height:100%;opacity:1;position:absolute;transition:opacity .4s ease-in-out;width:100%}.snail-dialog>.dialog-body{background-color:#fff;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.3);position:relative}.snail-dialog>.snail-wrapper{height:-moz-fit-content;height:fit-content;min-height:auto;min-width:auto;width:-moz-fit-content;width:fit-content}.snail-dialog>.snail-wrapper>.wrapper-body{padding:0 40px}.snail-dialog.unactive:before{opacity:0}.snail-dialog.unactive>.dialog-body{box-shadow:0 0 4px rgba(0,0,0,.3)}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/follow-container.vue 	 index:0 */
 .snail-follow{background-color:#fff;max-height:100%;max-width:100%;position:fixed;transition-duration:.1s;transition-property:left,top;transition-timing-function:ease}.snail-follow.initial{top:100%;transition:none}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/popup-container.vue 	 index:0 */
 .snail-popup{left:0;position:fixed;top:0}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/toast-container.vue 	 index:0 */
 .snail-toast{background:rgba(0,0,0,.7);border-radius:10px;color:#fff;display:flex;left:50%;max-height:200px;max-width:400px;min-width:200px;overflow:hidden;padding:20px 35px 20px 15px;position:fixed;top:50%;transform:translate(-50%,-50%)}.snail-toast>svg.close-icon{position:absolute;right:10px;top:12px}.snail-toast>div.icon{align-items:center;align-self:center;background:hsla(0,0%,100%,.15);border-radius:50%;display:flex;height:26px;justify-content:center;margin-right:6px;width:26px}.snail-toast>div.icon>svg{background:#fff;border-radius:50%;cursor:none!important;padding:2px}.snail-toast>div.message{flex:1;line-height:24px;overflow:hidden;word-break:break-all}
-/* src:../../../../../01_snail/snail.js/packages/snail.vue/src/popup/components/dialog-container.vue 	 index:0 */
-.snail-dialog{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%}.snail-dialog:before{background-color:rgba(24,27,33,.45);content:"";height:100%;opacity:1;position:absolute;transition:opacity .4s ease-in-out;width:100%}.snail-dialog>.dialog-body{background-color:#fff;border-radius:4px;box-shadow:0 0 15px rgba(0,0,0,.3);position:relative}.snail-dialog>.snail-wrapper{height:-moz-fit-content;height:fit-content;min-height:auto;min-width:auto;width:-moz-fit-content;width:fit-content}.snail-dialog>.snail-wrapper>.wrapper-body{padding:0 40px}.snail-dialog.unactive:before{opacity:0}.snail-dialog.unactive>.dialog-body{box-shadow:0 0 4px rgba(0,0,0,.3)}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/base/components/select-popup.vue 	 index:0 */
 .snail-select-popup{background:#fff;border:1px solid #dddfed;border-radius:4px;box-shadow:0 1px 5px 1px #dddfed;display:flex;flex-direction:column;max-height:90%;min-height:32px;overflow:auto}.snail-select-popup>div.snail-search{margin:12px}.snail-select-popup>div.clear-all{align-items:center;background-color:#fff;border-top:1px solid #dddfed;bottom:0;color:#8a9099;cursor:pointer;display:flex;flex-shrink:0;height:32px;padding:0 12px;position:sticky!important;z-index:1}.snail-select-popup>div.clear-all:hover{color:#ff4c4c}.snail-select-popup.child-popup{max-width:250px;min-width:200px;padding-bottom:6px;padding-top:6px}.snail-select-popup.child-popup.placeholder{justify-content:center;padding:0 12px;width:100px!important}
 /* src:../../../../../01_snail/snail.js/packages/snail.vue/src/container/components/action-items.vue 	 index:0 */

package/package.json

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