zartui 3.1.11 → 3.1.12

package/lib/zartui.js

@@ -520,7 +520,7 @@
     });
     return to;
   }
-  var stdin_default$1R = {
+  var stdin_default$1S = {
     name: "姓名",
     tel: "电话",
     save: "保存",
@@ -567,7 +567,7 @@
   };
   const lang = vue.ref("zh-CN");
   const messages = vue.reactive({
-    "zh-CN": stdin_default$1R
+    "zh-CN": stdin_default$1S
   });
   const Locale = {
     messages() {
@@ -581,11 +581,11 @@
       deepAssign(messages, newMessages);
     }
   };
-  var stdin_default$1Q = Locale;
+  var stdin_default$1R = Locale;
   function createTranslate(name2) {
     const prefix = camelize(name2) + ".";
     return (path, ...args) => {
-      const messages2 = stdin_default$1Q.messages();
+      const messages2 = stdin_default$1R.messages();
       const message = get(messages2, prefix + path) || get(messages2, path);
       return isFunction(message) ? message(...args) : message;
     };
@@ -636,6 +636,7 @@
   const ELLIPSIS = "zt-ellipsis";
   const FORM_KEY = Symbol("zt-form");
   const LONG_PRESS_START_TIME = 500;
+  const TAP_OFFSET = 5;
   function callInterceptor(interceptor, {
     args = [],
     done,
@@ -671,7 +672,12 @@
     };
     return options;
   }
-  const [name$1l, bem$1h] = createNamespace("badge");
+  function closest(arr, target) {
+    return arr.reduce(
+      (pre, cur) => Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur
+    );
+  }
+  const [name$1m, bem$1i] = createNamespace("badge");
   const badgeProps = {
     dot: Boolean,
     max: numericProp,
@@ -684,8 +690,8 @@
     badgeClass: String,
     position: makeStringProp("top-right")
   };
-  var stdin_default$1P = vue.defineComponent({
-    name: name$1l,
+  var stdin_default$1Q = vue.defineComponent({
+    name: name$1m,
     props: badgeProps,
     setup(props, {
       slots
@@ -712,11 +718,11 @@
           }
           if (isDef(max) && isNumeric(content) && +content > +max) {
             return vue.createVNode("p", {
-              "class": [bem$1h("wrapper", "badge-num")]
+              "class": [bem$1i("wrapper", "badge-num")]
             }, [`${max}+`]);
           }
           return vue.createVNode("p", {
-            "class": [bem$1h("wrapper", "badge-num")]
+            "class": [bem$1i("wrapper", "badge-num")]
           }, [content]);
         }
       };
@@ -744,7 +750,7 @@
       const renderBadge = () => {
         if (hasContent() || props.dot) {
           return vue.createVNode("div", {
-            "class": [bem$1h([props.position, {
+            "class": [bem$1i([props.position, {
               dot: props.dot,
               fixed: !!slots.default
             }]), props.badgeClass],
@@ -758,7 +764,7 @@
             tag
           } = props;
           return vue.createVNode(tag, {
-            "class": bem$1h("wrapper")
+            "class": bem$1i("wrapper")
           }, {
             default: () => [slots.default(), renderBadge()]
           });
@@ -767,14 +773,14 @@
       };
     }
   });
-  const Badge = withInstall(stdin_default$1P);
+  const Badge = withInstall(stdin_default$1Q);
   let globalZIndex = 2e3;
   const useGlobalZIndex = () => ++globalZIndex;
   const setGlobalZIndex = (val) => {
     globalZIndex = val;
   };
-  const [name$1k, bem$1g] = createNamespace("config-provider");
-  const CONFIG_PROVIDER_KEY = Symbol(name$1k);
+  const [name$1l, bem$1h] = createNamespace("config-provider");
+  const CONFIG_PROVIDER_KEY = Symbol(name$1l);
   const configProviderProps = {
     tag: makeStringProp("div"),
     theme: makeStringProp("light"),
@@ -808,8 +814,8 @@
       }
     });
   }
-  var stdin_default$1O = vue.defineComponent({
-    name: name$1k,
+  var stdin_default$1P = vue.defineComponent({
+    name: name$1l,
     props: configProviderProps,
     setup(props, {
       slots
@@ -857,7 +863,7 @@
         }
       });
       return () => vue.createVNode(props.tag, {
-        "class": bem$1g(),
+        "class": bem$1h(),
         "style": props.themeVarsScope === "local" ? style.value : void 0
       }, {
         default: () => {
@@ -867,7 +873,7 @@
       });
     }
   });
-  const [name$1j, bem$1f] = createNamespace("icon");
+  const [name$1k, bem$1g] = createNamespace("icon");
   const isImage = (name2) => name2 == null ? void 0 : name2.includes("/");
   const iconProps = {
     dot: Boolean,
@@ -879,14 +885,14 @@
     badgeProps: Object,
     classPrefix: String
   };
-  var stdin_default$1N = vue.defineComponent({
-    name: name$1j,
+  var stdin_default$1O = vue.defineComponent({
+    name: name$1k,
     props: iconProps,
     setup(props, {
       slots
     }) {
       const config = vue.inject(CONFIG_PROVIDER_KEY, null);
-      const classPrefix = vue.computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1f());
+      const classPrefix = vue.computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1g());
       return () => {
         const {
           tag,
@@ -910,7 +916,7 @@
           default: () => {
             var _a;
             return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && vue.createVNode("img", {
-              "class": bem$1f("image"),
+              "class": bem$1g("image"),
               "src": name2
             }, null)];
           }
@@ -918,8 +924,8 @@
       };
     }
   });
-  const Icon = withInstall(stdin_default$1N);
-  var stdin_default$1M = Icon;
+  const Icon = withInstall(stdin_default$1O);
+  var stdin_default$1N = Icon;
   const popupSharedProps = {
     // whether to show popup
     show: Boolean,
@@ -972,6 +978,7 @@
     const offsetX = vue.ref(0);
     const offsetY = vue.ref(0);
     const direction = vue.ref("");
+    const isTap = vue.ref(true);
     const isVertical = () => direction.value === "vertical";
     const isHorizontal = () => direction.value === "horizontal";
     const reset = () => {
@@ -980,6 +987,7 @@
       offsetX.value = 0;
       offsetY.value = 0;
       direction.value = "";
+      isTap.value = true;
     };
     const start2 = (event) => {
       reset();
@@ -996,6 +1004,9 @@
       if (!direction.value || offsetX.value < LOCK_DIRECTION_DISTANCE && offsetY.value < LOCK_DIRECTION_DISTANCE) {
         direction.value = getDirection(offsetX.value, offsetY.value);
       }
+      if (isTap.value && (offsetX.value > TAP_OFFSET || offsetY.value > TAP_OFFSET)) {
+        isTap.value = false;
+      }
     };
     return {
       move,
@@ -1009,7 +1020,8 @@
       offsetY,
       direction,
       isVertical,
-      isHorizontal
+      isHorizontal,
+      isTap
     };
   }
   let totalLockCount = 0;
@@ -1090,7 +1102,7 @@
     const { scopeId } = ((_a = vue.getCurrentInstance()) == null ? void 0 : _a.vnode) || {};
     return scopeId ? { [scopeId]: "" } : null;
   };
-  const [name$1i, bem$1e] = createNamespace("overlay");
+  const [name$1j, bem$1f] = createNamespace("overlay");
   const overlayProps = {
     show: Boolean,
     zIndex: numericProp,
@@ -1100,8 +1112,8 @@
     lazyRender: truthProp,
     customStyle: Object
   };
-  var stdin_default$1L = vue.defineComponent({
-    name: name$1i,
+  var stdin_default$1M = vue.defineComponent({
+    name: name$1j,
     props: overlayProps,
     setup(props, {
       slots
@@ -1118,7 +1130,7 @@
         }
         return vue.withDirectives(vue.createVNode("div", {
           "style": style,
-          "class": [bem$1e(), props.className],
+          "class": [bem$1f(), props.className],
           "onTouchmove": props.lockScroll ? preventTouchMove : noop
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[vue.vShow, props.show]]);
       });
@@ -1130,7 +1142,7 @@
       });
     }
   });
-  const Overlay = withInstall(stdin_default$1L);
+  const Overlay = withInstall(stdin_default$1M);
   const popupProps$2 = extend({}, popupSharedProps, {
     round: Boolean,
     position: makeStringProp("center"),
@@ -1148,9 +1160,9 @@
     maxDragHeight: makeStringProp("85vh"),
     slideable: Boolean
   });
-  const [name$1h, bem$1d] = createNamespace("popup");
-  var stdin_default$1K = vue.defineComponent({
-    name: name$1h,
+  const [name$1i, bem$1e] = createNamespace("popup");
+  var stdin_default$1L = vue.defineComponent({
+    name: name$1i,
     inheritAttrs: false,
     props: popupProps$2,
     emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -1266,7 +1278,7 @@
             "role": "button",
             "tabindex": 0,
             "name": props.closeIcon,
-            "class": [bem$1d("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
+            "class": [bem$1e("close-icon", props.closeIconPosition), HAPTICS_FEEDBACK],
             "classPrefix": props.iconPrefix,
             "onClick": onClickCloseIcon
           }, null);
@@ -1286,7 +1298,7 @@
         return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
           "ref": popupRef,
           "style": style.value,
-          "class": [bem$1d({
+          "class": [bem$1e({
             round: round2,
             [position]: position
           }), {
@@ -1299,18 +1311,18 @@
       const sliderRenderPopup = lazyRender(() => {
         var _a, _b;
         return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
-          "class": bem$1d("slider"),
+          "class": bem$1e("slider"),
           "ref": popupRef,
           "style": style.value,
           "onKeydown": onKeydown
         }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon(), vue.createVNode("div", {
-          "class": bem$1d("slider-title"),
+          "class": bem$1e("slider-title"),
           "style": `height:${touchAreaHeight}px;`,
           "ref": root
         }, [vue.createVNode("div", {
-          "class": bem$1d("slider-bar")
+          "class": bem$1e("slider-bar")
         }, null)]), vue.createVNode("div", {
-          "class": bem$1d("slider-content"),
+          "class": bem$1e("slider-content"),
           "style": contentStyle.value
         }, [(_b = slots.default) == null ? void 0 : _b.call(slots)])]), [[vue.vShow, props.show]]);
       });
@@ -1404,9 +1416,9 @@
       };
     }
   });
-  const Popup = withInstall(stdin_default$1K);
-  var stdin_default$1J = Popup;
-  const [name$1g, bem$1c] = createNamespace("loading");
+  const Popup = withInstall(stdin_default$1L);
+  var stdin_default$1K = Popup;
+  const [name$1h, bem$1d] = createNamespace("loading");
   const loadingProps = {
     size: numericProp,
     type: makeStringProp("snake"),
@@ -1419,12 +1431,12 @@
   const LoadingIcon = (props) => {
     if (props.type === "spinner") {
       return Array(12).fill(null).map((_, index) => vue.createVNode("i", {
-        "class": bem$1c("line", String(index + 1))
+        "class": bem$1d("line", String(index + 1))
       }, null));
     }
     if (props.type === "circular") {
       return vue.createVNode("svg", {
-        "class": bem$1c("circular"),
+        "class": bem$1d("circular"),
         "viewBox": "25 25 50 50"
       }, [vue.createVNode("circle", {
         "cx": "50",
@@ -1436,7 +1448,7 @@
     const firstHalfId = svgElementId++;
     const secondHalfId = svgElementId++;
     return vue.createVNode("svg", {
-      "class": bem$1c("snake"),
+      "class": bem$1d("snake"),
       "width": "200",
       "height": "200",
       "viewBox": "0 0 200 200",
@@ -1475,8 +1487,8 @@
       "d": "M 9 100 A 91 91 0 0 1 9 100"
     }, null)])]);
   };
-  var stdin_default$1I = vue.defineComponent({
-    name: name$1g,
+  var stdin_default$1J = vue.defineComponent({
+    name: name$1h,
     props: loadingProps,
     setup(props, {
       slots
@@ -1488,7 +1500,7 @@
         var _a;
         if (slots.default) {
           return vue.createVNode("span", {
-            "class": bem$1c("text"),
+            "class": bem$1d("text"),
             "style": {
               fontSize: addUnit(props.textSize),
               color: (_a = props.textColor) != null ? _a : props.color
@@ -1502,21 +1514,21 @@
           vertical
         } = props;
         return vue.createVNode("div", {
-          "class": bem$1c([type, {
+          "class": bem$1d([type, {
             vertical
           }]),
           "aria-live": "polite",
           "aria-busy": true
         }, [vue.createVNode("span", {
-          "class": bem$1c("spinner", type),
+          "class": bem$1d("spinner", type),
           "style": spinnerStyle.value
         }, [LoadingIcon(props)]), renderText()]);
       };
     }
   });
-  const Loading = withInstall(stdin_default$1I);
-  var stdin_default$1H = Loading;
-  const [name$1f, bem$1b] = createNamespace("action-sheet");
+  const Loading = withInstall(stdin_default$1J);
+  var stdin_default$1I = Loading;
+  const [name$1g, bem$1c] = createNamespace("action-sheet");
   const actionSheetProps = extend({}, popupSharedProps, {
     title: String,
     round: truthProp,
@@ -1530,8 +1542,8 @@
     safeAreaInsetBottom: truthProp
   });
   const popupInheritKeys$1 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-  var stdin_default$1G = vue.defineComponent({
-    name: name$1f,
+  var stdin_default$1H = vue.defineComponent({
+    name: name$1g,
     props: actionSheetProps,
     emits: ["select", "cancel", "update:show"],
     setup(props, {
@@ -1546,10 +1558,10 @@
       const renderHeader = () => {
         if (props.title) {
           return vue.createVNode("div", {
-            "class": bem$1b("header")
+            "class": bem$1c("header")
           }, [props.title, props.closeable && vue.createVNode(Icon, {
             "name": props.closeIcon,
-            "class": [bem$1b("close"), HAPTICS_FEEDBACK],
+            "class": [bem$1c("close"), HAPTICS_FEEDBACK],
             "onClick": onCancel
           }, null)]);
         }
@@ -1557,10 +1569,10 @@
       const renderCancel = () => {
         if (slots.cancel || props.cancelText) {
           return [vue.createVNode("div", {
-            "class": bem$1b("cancel")
+            "class": bem$1c("cancel")
           }, [vue.createVNode("button", {
             "type": "button",
-            "class": bem$1b("cancel-btn"),
+            "class": bem$1c("cancel-btn"),
             "onClick": onCancel
           }, [slots.cancel ? slots.cancel() : props.cancelText])])];
         }
@@ -1568,7 +1580,7 @@
       const renderActionContent = (action, index) => {
         if (action.loading) {
           return vue.createVNode(Loading, {
-            "class": bem$1b("loading-icon")
+            "class": bem$1c("loading-icon")
           }, null);
         }
         if (slots.action) {
@@ -1578,9 +1590,9 @@
           });
         }
         return [vue.createVNode("span", {
-          "class": bem$1b("name")
+          "class": bem$1c("name")
         }, [action.name]), action.subname && vue.createVNode("div", {
-          "class": bem$1b("subname")
+          "class": bem$1c("subname")
         }, [action.subname])];
       };
       const renderAction = (action, index) => {
@@ -1613,7 +1625,7 @@
           "style": {
             color
           },
-          "class": [bem$1b("item", {
+          "class": [bem$1c("item", {
             loading,
             disabled,
             "with-sub": action.subname
@@ -1627,29 +1639,29 @@
         if (props.description || slots.description) {
           const content = slots.description ? slots.description() : props.description;
           return vue.createVNode("div", {
-            "class": bem$1b("description", {
+            "class": bem$1c("description", {
               custom: !!slots.description
             })
           }, [content]);
         }
       };
       return () => vue.createVNode(Popup, vue.mergeProps({
-        "class": bem$1b(),
+        "class": bem$1c(),
         "position": "bottom",
         "onUpdate:show": updateShow
       }, pick(props, popupInheritKeys$1)), {
         default: () => {
           var _a;
           return [renderHeader(), renderDescription(), vue.createVNode("div", {
-            "class": bem$1b("content")
+            "class": bem$1c("content")
           }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
         }
       });
     }
   });
-  const ActionSheet = withInstall(stdin_default$1G);
-  var stdin_default$1F = ActionSheet;
-  const [name$1e, bem$1a] = createNamespace("image");
+  const ActionSheet = withInstall(stdin_default$1H);
+  var stdin_default$1G = ActionSheet;
+  const [name$1f, bem$1b] = createNamespace("image");
   const imageProps = {
     src: String,
     alt: String,
@@ -1668,8 +1680,8 @@
     showLoading: truthProp,
     loadingIcon: makeStringProp("photo-default")
   };
-  var stdin_default$1E = vue.defineComponent({
-    name: name$1e,
+  var stdin_default$1F = vue.defineComponent({
+    name: name$1f,
     props: imageProps,
     emits: ["load", "error"],
     setup(props, {
@@ -1720,13 +1732,13 @@
       const renderPlaceholder = () => {
         if (loading.value && props.showLoading) {
           return vue.createVNode("div", {
-            "class": bem$1a("loading")
-          }, [renderIcon(props.loadingIcon, bem$1a("loading-icon"), slots.loading)]);
+            "class": bem$1b("loading")
+          }, [renderIcon(props.loadingIcon, bem$1b("loading-icon"), slots.loading)]);
         }
         if (error.value && props.showError) {
           return vue.createVNode("div", {
-            "class": bem$1a("error")
-          }, [renderIcon(props.errorIcon, bem$1a("error-icon"), slots.error)]);
+            "class": bem$1b("error")
+          }, [renderIcon(props.errorIcon, bem$1b("error-icon"), slots.error)]);
         }
       };
       const renderImage = () => {
@@ -1735,7 +1747,7 @@
         }
         const attrs = {
           alt: props.alt,
-          class: bem$1a("img"),
+          class: bem$1b("img"),
           style: {
             objectFit: props.fit,
             objectPosition: props.position
@@ -1784,7 +1796,7 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$1a({
+          "class": bem$1b({
             round: props.round,
             block: props.block
           }),
@@ -1793,9 +1805,9 @@
       };
     }
   });
-  const Image$1 = withInstall(stdin_default$1E);
-  var stdin_default$1D = Image$1;
-  const [name$1d, bem$19] = createNamespace("avatar");
+  const Image$1 = withInstall(stdin_default$1F);
+  var stdin_default$1E = Image$1;
+  const [name$1e, bem$1a] = createNamespace("avatar");
   const avatarProps = {
     src: makeStringProp(""),
     size: makeStringProp("medium"),
@@ -1804,8 +1816,8 @@
     textBgColor: String,
     border: Boolean
   };
-  var stdin_default$1C = vue.defineComponent({
-    name: name$1d,
+  var stdin_default$1D = vue.defineComponent({
+    name: name$1e,
     props: avatarProps,
     setup(props) {
       const headText = vue.computed(() => {
@@ -1836,7 +1848,7 @@
         }
       });
       const renderText = () => vue.createVNode("div", {
-        "class": bem$19("img", [classArr.value, {
+        "class": bem$1a("img", [classArr.value, {
           border: props.border
         }]),
         "style": style.value
@@ -1845,9 +1857,9 @@
         if (!props.src) {
           return renderText();
         }
-        return vue.createVNode(stdin_default$1D, {
+        return vue.createVNode(stdin_default$1E, {
           "round": props.shape === "round",
-          "class": bem$19("img", [classArr.value, {
+          "class": bem$1a("img", [classArr.value, {
             border: props.border
           }]),
           "style": style.value,
@@ -1858,7 +1870,7 @@
       };
     }
   });
-  const Avatar = withInstall(stdin_default$1C);
+  const Avatar = withInstall(stdin_default$1D);
   const routeProps = {
     to: [String, Object],
     url: String,
@@ -1880,7 +1892,7 @@
     const vm = vue.getCurrentInstance().proxy;
     return () => route(vm);
   }
-  const [name$1c, bem$18] = createNamespace("button");
+  const [name$1d, bem$19] = createNamespace("button");
   const buttonProps = extend({}, routeProps, {
     tag: makeStringProp("button"),
     text: String,
@@ -1907,8 +1919,8 @@
     loadingType: String,
     iconPosition: makeStringProp("left")
   });
-  var stdin_default$1B = vue.defineComponent({
-    name: name$1c,
+  var stdin_default$1C = vue.defineComponent({
+    name: name$1d,
     props: buttonProps,
     emits: ["click"],
     setup(props, {
@@ -1923,7 +1935,7 @@
         return vue.createVNode(Loading, {
           "size": props.loadingSize,
           "type": props.loadingType,
-          "class": bem$18("loading")
+          "class": bem$19("loading")
         }, null);
       };
       const renderIcon = () => {
@@ -1935,14 +1947,14 @@
         } = props;
         if (slots.icon) {
           return vue.createVNode("div", {
-            "class": bem$18("icon", size)
+            "class": bem$19("icon", size)
           }, [slots.icon()]);
         }
         if (props.icon) {
           return vue.createVNode(Icon, {
             "name": props.icon,
             "color": props.iconColor,
-            "class": bem$18("icon", size),
+            "class": bem$19("icon", size),
             "classPrefix": props.iconPrefix
           }, null);
         }
@@ -1956,7 +1968,7 @@
         }
         if (text) {
           return vue.createVNode("span", {
-            "class": bem$18("text")
+            "class": bem$19("text")
           }, [text]);
         }
       };
@@ -2013,7 +2025,7 @@
           nativeType,
           iconPosition
         } = props;
-        const classes = [bem$18([type, size, {
+        const classes = [bem$19([type, size, {
           plain,
           block,
           "block-inner": blockInner ? "block-inner" : "",
@@ -2033,16 +2045,16 @@
           "onClick": onClick
         }, {
           default: () => [vue.createVNode("div", {
-            "class": bem$18("content")
+            "class": bem$19("content")
           }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
         });
       };
     }
   });
-  const Button = withInstall(stdin_default$1B);
-  var stdin_default$1A = Button;
+  const Button = withInstall(stdin_default$1C);
+  var stdin_default$1B = Button;
   const monthsOfYear = 12;
-  const [name$1b, bem$17, t$8] = createNamespace("calendar");
+  const [name$1c, bem$18, t$8] = createNamespace("calendar");
   const formatMonthTitle = (date) => t$8("ztCalendar.monthTitle", date.getFullYear(), date.getMonth() + 1);
   function compareMonth(date1, date2) {
     const year1 = date1.getFullYear();
@@ -2128,7 +2140,7 @@
       }
     }
   }
-  const [name$1a, bem$16] = createNamespace("toast");
+  const [name$1b, bem$17] = createNamespace("toast");
   const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
   const toastProps = {
     icon: String,
@@ -2151,8 +2163,8 @@
     closeOnClick: Boolean,
     closeOnClickOverlay: Boolean
   };
-  var stdin_default$1z = vue.defineComponent({
-    name: name$1a,
+  var stdin_default$1A = vue.defineComponent({
+    name: name$1b,
     props: toastProps,
     emits: ["update:show"],
     setup(props, {
@@ -2187,13 +2199,13 @@
           return vue.createVNode(Icon, {
             "name": icon || type,
             "size": iconSize,
-            "class": bem$16("icon"),
+            "class": bem$17("icon"),
             "classPrefix": iconPrefix
           }, null);
         }
         if (type === "loading") {
           return vue.createVNode(Loading, {
-            "class": bem$16("loading"),
+            "class": bem$17("loading"),
             "size": iconSize,
             "type": loadingType
           }, null);
@@ -2207,10 +2219,10 @@
         if (isDef(message) && message !== "") {
           return type === "html" ? vue.createVNode("div", {
             "key": 0,
-            "class": bem$16("text"),
+            "class": bem$17("text"),
             "innerHTML": String(message)
           }, null) : vue.createVNode("div", {
-            "class": bem$16("text")
+            "class": bem$17("text")
           }, [message]);
         }
       };
@@ -2226,7 +2238,7 @@
       vue.onMounted(toggleClickable);
       vue.onUnmounted(toggleClickable);
       return () => vue.createVNode(Popup, vue.mergeProps({
-        "class": [bem$16([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
+        "class": [bem$17([props.position, props.wordBreak === "normal" ? "break-normal" : props.wordBreak, {
           [props.type]: !props.icon
         }]), props.className],
         "lockScroll": false,
@@ -2327,7 +2339,7 @@
             onClosed,
             "onUpdate:show": toggle
           };
-          return vue.createVNode(stdin_default$1z, vue.mergeProps(state, attrs), null);
+          return vue.createVNode(stdin_default$1A, vue.mergeProps(state, attrs), null);
         };
         vue.watch(message, (val) => {
           state.message = val;
@@ -2397,7 +2409,7 @@
   const allowMultipleToast = (value = true) => {
     allowMultiple = value;
   };
-  const Toast = withInstall(stdin_default$1z);
+  const Toast = withInstall(stdin_default$1A);
   const useHeight = (element, withSafeArea) => {
     const height2 = vue.ref();
     const setHeight = () => {
@@ -2413,9 +2425,9 @@
     });
     return height2;
   };
-  const [name$19] = createNamespace("calendar-day");
-  var stdin_default$1y = vue.defineComponent({
-    name: name$19,
+  const [name$1a] = createNamespace("calendar-day");
+  var stdin_default$1z = vue.defineComponent({
+    name: name$1a,
     props: {
       item: makeRequiredProp(Object),
       color: String,
@@ -2489,7 +2501,7 @@
         const Nodes = [text];
         if (type === "selected") {
           return vue.createVNode("div", {
-            "class": bem$17("selected-day"),
+            "class": bem$18("selected-day"),
             "style": {
               width: rowHeight,
               height: rowHeight,
@@ -2507,21 +2519,21 @@
         } = props.item;
         if (type === "placeholder") {
           return vue.createVNode("div", {
-            "class": bem$17("day"),
+            "class": bem$18("day"),
             "style": style.value
           }, null);
         }
         return vue.createVNode("div", {
           "role": "gridcell",
           "style": style.value,
-          "class": [bem$17("day", type), className],
+          "class": [bem$18("day", type), className],
           "tabindex": type === "disabled" ? void 0 : -1,
           "onClick": onClick
         }, [renderContent()]);
       };
     }
   });
-  const [name$18] = createNamespace("calendar-month");
+  const [name$19] = createNamespace("calendar-month");
   const calendarMonthProps = {
     date: makeRequiredProp(Date),
     showType: makeStringProp("inline"),
@@ -2540,8 +2552,8 @@
     firstDayOfWeek: Number,
     disabledDate: Function
   };
-  var stdin_default$1x = vue.defineComponent({
-    name: name$18,
+  var stdin_default$1y = vue.defineComponent({
+    name: name$19,
     props: calendarMonthProps,
     emits: ["click"],
     setup(props, {
@@ -2652,7 +2664,7 @@
       const renderTitle = () => {
         if (props.showMonthTitle) {
           return vue.createVNode("div", {
-            "class": bem$17("month-title")
+            "class": bem$18("month-title")
           }, [title.value]);
         }
       };
@@ -2725,7 +2737,7 @@
           setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
         }
       };
-      const renderDay = (item, index) => vue.createVNode(stdin_default$1y, {
+      const renderDay = (item, index) => vue.createVNode(stdin_default$1z, {
         "item": item,
         "index": index,
         "color": props.color,
@@ -2736,7 +2748,7 @@
       const renderDays = () => vue.createVNode("div", {
         "ref": daysRef,
         "role": "grid",
-        "class": bem$17("days")
+        "class": bem$18("days")
       }, [(shouldRender.value ? days : placeholders).value.map(renderDay)]);
       useExpose({
         getTitle,
@@ -2747,14 +2759,14 @@
         disabledDays
       });
       return () => vue.createVNode("div", {
-        "class": bem$17("month"),
+        "class": bem$18("month"),
         "ref": monthRef
       }, [renderTitle(), renderDays()]);
     }
   });
-  const [name$17] = createNamespace("calendar-header");
-  var stdin_default$1w = vue.defineComponent({
-    name: name$17,
+  const [name$18] = createNamespace("calendar-header");
+  var stdin_default$1x = vue.defineComponent({
+    name: name$18,
     props: {
       title: String,
       subtitle: String,
@@ -2777,7 +2789,7 @@
           const text = props.title || "请选择日期";
           const title = slots.title ? slots.title() : text;
           return vue.createVNode("div", {
-            "class": bem$17("header-title")
+            "class": bem$18("header-title")
           }, [title]);
         }
       };
@@ -2807,7 +2819,7 @@
         "fill-rule": "evenodd"
       }, [vue.createVNode("g", {
         "transform": "translate(-32.000000, -320.000000)",
-        "class": bem$17("svg-defs-path-fill"),
+        "class": bem$18("svg-defs-path-fill"),
         "fill-rule": "nonzero"
       }, [vue.createVNode("g", {
         "transform": "translate(0.000000, 70.000000)"
@@ -2845,7 +2857,7 @@
         "fill-rule": "evenodd"
       }, [vue.createVNode("g", {
         "transform": "translate(-80.000000, -320.000000)",
-        "class": bem$17("svg-defs-path-fill"),
+        "class": bem$18("svg-defs-path-fill"),
         "fill-rule": "nonzero"
       }, [vue.createVNode("g", {
         "transform": "translate(0.000000, 70.000000)"
@@ -2870,21 +2882,21 @@
         if (props.showSubtitle) {
           const title = slots.subtitle ? slots.subtitle() : props.subtitle;
           return vue.createVNode("div", {
-            "class": bem$17("header-subtitle")
+            "class": bem$18("header-subtitle")
           }, [vue.createVNode("div", {
-            "class": bem$17("header-subtitle", ["opt", props.yearPreEnable ? "enable" : "unenable"]),
+            "class": bem$18("header-subtitle", ["opt", props.yearPreEnable ? "enable" : "unenable"]),
             "onClick": onClickPreIcon(false, true)
           }, [fastForwardImg()]), vue.createVNode("div", {
-            "class": bem$17("header-subtitle", ["opt", props.monthPreEnable ? "enable" : "unenable"]),
+            "class": bem$18("header-subtitle", ["opt", props.monthPreEnable ? "enable" : "unenable"]),
             "onClick": onClickPreIcon(true, false)
           }, [slowForward()]), vue.createVNode("label", {
-            "class": bem$17("header-subtitle-text"),
+            "class": bem$18("header-subtitle-text"),
             "onClick": onClickSubtitle
           }, [title]), vue.createVNode("div", {
-            "class": bem$17("header-subtitle", ["opt", "right", [props.monthNextEnable ? "enable" : "unenable"]]),
+            "class": bem$18("header-subtitle", ["opt", "right", [props.monthNextEnable ? "enable" : "unenable"]]),
             "onClick": onClickNextIcon(true, false)
           }, [slowForward()]), vue.createVNode("div", {
-            "class": bem$17("header-subtitle", ["opt", "right", [props.yearNextEnable ? "enable" : "unenable"]]),
+            "class": bem$18("header-subtitle", ["opt", "right", [props.yearNextEnable ? "enable" : "unenable"]]),
             "onClick": onClickNextIcon(false, true)
           }, [fastForwardImg()])]);
         }
@@ -2899,13 +2911,13 @@
         const weekdays = ["一", "二", "三", "四", "五", "六", "日"];
         const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek - 1), ...weekdays.slice(0, firstDayOfWeek - 1)];
         return vue.createVNode("div", {
-          "class": bem$17("weekdays")
+          "class": bem$18("weekdays")
         }, [renderWeekDays2.map((text) => vue.createVNode("span", {
-          "class": bem$17("weekday")
+          "class": bem$18("weekday")
         }, [text]))]);
       };
       return () => vue.createVNode("div", {
-        "class": bem$17("header")
+        "class": bem$18("header")
       }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
     }
   });
@@ -2948,8 +2960,8 @@
     },
     disabledDate: Function
   };
-  var stdin_default$1v = vue.defineComponent({
-    name: name$1b,
+  var stdin_default$1w = vue.defineComponent({
+    name: name$1c,
     props: calendarProps,
     emits: ["select", "confirm", "cancel", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
     setup(props, {
@@ -3301,7 +3313,7 @@
       const updateShow = (value) => emit("update:show", value);
       const renderMonth = (date, index) => {
         const showMonthTitle = index !== 0 || !props.showSubtitle;
-        return vue.createVNode(stdin_default$1x, vue.mergeProps({
+        return vue.createVNode(stdin_default$1y, vue.mergeProps({
           "ref": setMonthRefs(index),
           "date": date,
           "currentDate": currentDate.value,
@@ -3345,13 +3357,13 @@
         }
       };
       const renderFooter = () => vue.createVNode("div", {
-        "class": [bem$17("footer"), {
+        "class": [bem$18("footer"), {
           "zt-safe-area-bottom": props.safeAreaInsetBottom
         }]
       }, [renderFooterButton()]);
       const renderCalendar = () => vue.createVNode("div", {
-        "class": bem$17()
-      }, [vue.createVNode(stdin_default$1w, {
+        "class": bem$18()
+      }, [vue.createVNode(stdin_default$1x, {
         "title": props.title,
         "subtitle": subtitle.value,
         "showTitle": props.showTitle,
@@ -3367,7 +3379,7 @@
         "monthNextEnable": monthNextEnable.value
       }, pick(slots, ["title", "subtitle"])), vue.createVNode("div", {
         "ref": bodyRef,
-        "class": bem$17("body"),
+        "class": bem$18("body"),
         "onScroll": onScroll
       }, [months.value.map(renderMonth)]), props.popup ? renderFooter() : ""]);
       vue.watch(() => props.show, init);
@@ -3391,7 +3403,7 @@
         if (props.popup) {
           return vue.createVNode(Popup, {
             "show": props.show,
-            "class": bem$17("popup"),
+            "class": bem$18("popup"),
             "round": props.round,
             "position": props.position,
             "teleport": props.teleport,
@@ -3407,7 +3419,7 @@
       };
     }
   });
-  const Calendar = withInstall(stdin_default$1v);
+  const Calendar = withInstall(stdin_default$1w);
   function scrollLeftTo(scroller, to, duration) {
     let count = 0;
     const from = scroller.scrollLeft;
@@ -3469,7 +3481,7 @@
     vue.onBeforeUnmount(unobserve);
     onMountedOrActivated(observe);
   }
-  const [name$16, bem$15] = createNamespace("sticky");
+  const [name$17, bem$16] = createNamespace("sticky");
   const stickyProps = {
     zIndex: numericProp,
     position: makeStringProp("top"),
@@ -3477,8 +3489,8 @@
     offsetTop: makeNumericProp(0),
     offsetBottom: makeNumericProp(0)
   };
-  var stdin_default$1u = vue.defineComponent({
-    name: name$16,
+  var stdin_default$1v = vue.defineComponent({
+    name: name$17,
     props: stickyProps,
     emits: ["scroll", "change"],
     setup(props, {
@@ -3575,7 +3587,7 @@
           "ref": root,
           "style": rootStyle.value
         }, [vue.createVNode("div", {
-          "class": bem$15({
+          "class": bem$16({
             fixed: state.fixed
           }),
           "style": stickyStyle.value
@@ -3583,10 +3595,10 @@
       };
     }
   });
-  const Sticky = withInstall(stdin_default$1u);
-  const [name$15, bem$14] = createNamespace("tab");
-  var stdin_default$1t = vue.defineComponent({
-    name: name$15,
+  const Sticky = withInstall(stdin_default$1v);
+  const [name$16, bem$15] = createNamespace("tab");
+  var stdin_default$1u = vue.defineComponent({
+    name: name$16,
     props: {
       id: String,
       dot: Boolean,
@@ -3641,7 +3653,7 @@
       });
       const renderText = () => {
         const Text = vue.createVNode("span", {
-          "class": bem$14("text", {
+          "class": bem$15("text", {
             ellipsis: !props.scrollable
           })
         }, [slots.title ? slots.title() : props.title]);
@@ -3659,7 +3671,7 @@
       return () => vue.createVNode("div", {
         "id": props.id,
         "role": "tab",
-        "class": [bem$14([props.type, {
+        "class": [bem$15([props.type, {
           grow: props.scrollable && !props.shrink,
           shrink: props.shrink,
           active: props.isActive,
@@ -3673,7 +3685,7 @@
       }, [renderText()]);
     }
   });
-  const [name$14, bem$13] = createNamespace("swipe");
+  const [name$15, bem$14] = createNamespace("swipe");
   const swipeProps = {
     loop: truthProp,
     width: numericProp,
@@ -3689,9 +3701,9 @@
     stopPropagation: truthProp,
     title: Array
   };
-  const SWIPE_KEY = Symbol(name$14);
-  var stdin_default$1s = vue.defineComponent({
-    name: name$14,
+  const SWIPE_KEY = Symbol(name$15);
+  var stdin_default$1t = vue.defineComponent({
+    name: name$15,
     props: swipeProps,
     emits: ["change", "dragStart", "dragEnd"],
     setup(props, {
@@ -3962,7 +3974,7 @@
       const renderDot = (_, index) => {
         const active = index === activeIndicator.value;
         return vue.createVNode("i", {
-          "class": bem$13("indicator", {
+          "class": bem$14("indicator", {
             active
           })
         }, null);
@@ -3976,7 +3988,7 @@
         }
         if (props.showIndicators && count.value > 1) {
           return vue.createVNode("div", {
-            "class": bem$13("indicators", {
+            "class": bem$14("indicators", {
               vertical: props.vertical
             })
           }, [Array(count.value).fill("").map(renderDot)]);
@@ -3985,17 +3997,17 @@
       const titleDiv = () => {
         if (Array.isArray(props.title)) {
           return vue.createVNode("div", {
-            "class": bem$13("title")
+            "class": bem$14("title")
           }, [activeIndicator.value < props.title.length ? props.title[activeIndicator.value] : ""]);
         }
         return vue.createVNode("div", {
-          "class": bem$13("title")
+          "class": bem$14("title")
         }, [props.title]);
       };
       const foot = () => {
         if (props.title) {
           return vue.createVNode("div", {
-            "class": bem$13("foot")
+            "class": bem$14("foot")
           }, [titleDiv(), renderIndicator()]);
         }
         return vue.createVNode("div", null, [titleDiv(), renderIndicator()]);
@@ -4035,10 +4047,10 @@
         var _a;
         return vue.createVNode("div", {
           "ref": root,
-          "class": bem$13()
+          "class": bem$14()
         }, [vue.createVNode("div", {
           "style": trackStyle.value,
-          "class": bem$13("track", {
+          "class": bem$14("track", {
             vertical: props.vertical
           }),
           "onTouchstartPassive": onTouchStart,
@@ -4049,10 +4061,10 @@
       };
     }
   });
-  const Swipe = withInstall(stdin_default$1s);
-  const [name$13, bem$12] = createNamespace("tabs");
-  var stdin_default$1r = vue.defineComponent({
-    name: name$13,
+  const Swipe = withInstall(stdin_default$1t);
+  const [name$14, bem$13] = createNamespace("tabs");
+  var stdin_default$1s = vue.defineComponent({
+    name: name$14,
     props: {
       count: makeRequiredProp(Number),
       inited: Boolean,
@@ -4076,7 +4088,7 @@
           return vue.createVNode(Swipe, {
             "ref": swipeRef,
             "loop": false,
-            "class": bem$12("track"),
+            "class": bem$13("track"),
             "duration": +props.duration * 1e3,
             "touchable": props.swipeable,
             "lazyRender": props.lazyRender,
@@ -4101,13 +4113,13 @@
         swipeToCurrentTab(props.currentIndex);
       });
       return () => vue.createVNode("div", {
-        "class": bem$12("content", {
+        "class": bem$13("content", {
           animated: props.animated || props.swipeable
         })
       }, [renderChildren()]);
     }
   });
-  const [name$12, bem$11] = createNamespace("tabs");
+  const [name$13, bem$12] = createNamespace("tabs");
   const tabsProps = {
     type: makeStringProp("line"),
     color: String,
@@ -4130,9 +4142,9 @@
     titleActiveColor: String,
     titleInactiveColor: String
   };
-  const TABS_KEY = Symbol(name$12);
-  var stdin_default$1q = vue.defineComponent({
-    name: name$12,
+  const TABS_KEY = Symbol(name$13);
+  var stdin_default$1r = vue.defineComponent({
+    name: name$13,
     props: tabsProps,
     emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
     setup(props, {
@@ -4322,7 +4334,7 @@
         state.showLeftOverlay = Math.floor(target.scrollLeft) > 0;
         state.showRightOverlay = hasScrollToEnd(target);
       };
-      const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1t, vue.mergeProps({
+      const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1u, vue.mergeProps({
         "key": item.id,
         "id": `${id}-${index}`,
         "ref": setTitleRefs(index),
@@ -4343,7 +4355,7 @@
       const renderLine = () => {
         if (props.type === "line" && children.length) {
           return vue.createVNode("div", {
-            "class": bem$11("line"),
+            "class": bem$12("line"),
             "style": state.lineStyle
           }, null);
         }
@@ -4351,14 +4363,14 @@
       const renderOverlayLeft = () => {
         if (state.showLeftOverlay) {
           return vue.createVNode("div", {
-            "class": bem$11("overlay-left")
+            "class": bem$12("overlay-left")
           }, null);
         }
       };
       const renderOverlayRight = () => {
         if (state.showRightOverlay) {
           return vue.createVNode("div", {
-            "class": bem$11("overlay-right")
+            "class": bem$12("overlay-right")
           }, null);
         }
       };
@@ -4370,13 +4382,13 @@
         } = props;
         return vue.createVNode("div", {
           "ref": wrapRef,
-          "class": [bem$11("wrap"), {
+          "class": [bem$12("wrap"), {
             [BORDER_TOP_BOTTOM]: type === "line" && border
           }]
         }, [vue.createVNode("div", {
           "ref": navRef,
           "role": "tablist",
-          "class": bem$11("nav", [type, {
+          "class": bem$12("nav", [type, {
             shrink: props.shrink,
             complete: scrollable.value
           }]),
@@ -4446,7 +4458,7 @@
         var _a;
         return vue.createVNode("div", {
           "ref": root,
-          "class": bem$11([props.type])
+          "class": bem$12([props.type])
         }, [props.sticky ? vue.createVNode(Sticky, {
           "container": root.value,
           "offsetTop": offsetTopPx.value,
@@ -4456,7 +4468,7 @@
             var _a2;
             return [renderHeader(), (_a2 = slots["nav-bottom"]) == null ? void 0 : _a2.call(slots)];
           }
-        }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], vue.createVNode(stdin_default$1r, {
+        }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], vue.createVNode(stdin_default$1s, {
           "count": children.length,
           "inited": state.inited,
           "animated": props.animated,
@@ -4476,9 +4488,9 @@
   });
   const TAB_STATUS_KEY = Symbol();
   const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
-  const [name$11, bem$10] = createNamespace("swipe-item");
-  var stdin_default$1p = vue.defineComponent({
-    name: name$11,
+  const [name$12, bem$11] = createNamespace("swipe-item");
+  var stdin_default$1q = vue.defineComponent({
+    name: name$12,
     setup(props, {
       slots
     }) {
@@ -4540,14 +4552,14 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$10(),
+          "class": bem$11(),
           "style": style.value
         }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
       };
     }
   });
-  const SwipeItem = withInstall(stdin_default$1p);
-  const [name$10, bem$$] = createNamespace("tab");
+  const SwipeItem = withInstall(stdin_default$1q);
+  const [name$11, bem$10] = createNamespace("tab");
   const tabProps = extend({}, routeProps, {
     dot: Boolean,
     name: numericProp,
@@ -4558,8 +4570,8 @@
     titleStyle: [String, Object],
     showZeroBadge: truthProp
   });
-  var stdin_default$1o = vue.defineComponent({
-    name: name$10,
+  var stdin_default$1p = vue.defineComponent({
+    name: name$11,
     props: tabProps,
     setup(props, {
       slots
@@ -4614,7 +4626,7 @@
           return vue.createVNode(SwipeItem, {
             "id": id,
             "role": "tabpanel",
-            "class": bem$$("panel-wrapper", {
+            "class": bem$10("panel-wrapper", {
               inactive: !active.value
             }),
             "tabindex": active.value ? 0 : -1,
@@ -4624,7 +4636,7 @@
             default: () => {
               var _a2;
               return [vue.createVNode("div", {
-                "class": bem$$("panel")
+                "class": bem$10("panel")
               }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
             }
           });
@@ -4637,23 +4649,23 @@
         return vue.withDirectives(vue.createVNode("div", {
           "id": id,
           "role": "tabpanel",
-          "class": bem$$("panel"),
+          "class": bem$10("panel"),
           "tabindex": show ? 0 : -1,
           "aria-labelledby": label
         }, [Content]), [[vue.vShow, show]]);
       };
     }
   });
-  const Tab = withInstall(stdin_default$1o);
-  const Tabs = withInstall(stdin_default$1q);
-  const [name$$, bem$_] = createNamespace("divider");
+  const Tab = withInstall(stdin_default$1p);
+  const Tabs = withInstall(stdin_default$1r);
+  const [name$10, bem$$] = createNamespace("divider");
   const dividerProps = {
     dashed: Boolean,
     hairline: truthProp,
     contentPosition: makeStringProp("center")
   };
-  var stdin_default$1n = vue.defineComponent({
-    name: name$$,
+  var stdin_default$1o = vue.defineComponent({
+    name: name$10,
     props: dividerProps,
     setup(props, {
       slots
@@ -4662,7 +4674,7 @@
         var _a;
         return vue.createVNode("div", {
           "role": "separator",
-          "class": bem$_({
+          "class": bem$$({
             dashed: props.dashed,
             hairline: props.hairline,
             [`content-${props.contentPosition}`]: !!slots.default
@@ -4671,8 +4683,8 @@
       };
     }
   });
-  const Divider = withInstall(stdin_default$1n);
-  const [name$_, bem$Z, t$7] = createNamespace("cascader");
+  const Divider = withInstall(stdin_default$1o);
+  const [name$$, bem$_, t$7] = createNamespace("cascader");
   const cascaderProps = {
     title: String,
     show: Boolean,
@@ -4692,8 +4704,8 @@
     safeAreaInsetTop: Boolean,
     closeOnClickOverlay: truthProp
   };
-  var stdin_default$1m = vue.defineComponent({
-    name: name$_,
+  var stdin_default$1n = vue.defineComponent({
+    name: name$$,
     props: cascaderProps,
     emits: ["change", "finish", "clickTab", "update:modelValue", "update:show", "cancel"],
     setup(props, {
@@ -4807,9 +4819,9 @@
         title
       }) => emit("clickTab", name2, title);
       const renderHeader = () => vue.createVNode("div", {
-        "class": bem$Z("header")
+        "class": bem$_("header")
       }, [vue.createVNode("h2", {
-        "class": bem$Z("title")
+        "class": bem$_("title")
       }, [slots.title ? slots.title() : props.title])]);
       const renderOption = (option, selectedOption, tabIndex) => {
         const {
@@ -4823,7 +4835,7 @@
         }) : vue.createVNode("span", null, [option[textKey]]);
         return vue.createVNode("li", {
           "role": "menuitemradio",
-          "class": [bem$Z("option", {
+          "class": [bem$_("option", {
             selected,
             disabled
           }), option.className],
@@ -4836,12 +4848,12 @@
           "onClick": () => onSelect(option, tabIndex)
         }, [Text, selected ? vue.createVNode(Icon, {
           "name": "success",
-          "class": bem$Z("selected-icon")
+          "class": bem$_("selected-icon")
         }, null) : null]);
       };
       const renderOptions = (options, selectedOption, tabIndex) => vue.createVNode("ul", {
         "role": "menu",
-        "class": bem$Z("options")
+        "class": bem$_("options")
       }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
       const renderDivider = () => vue.createVNode(Divider, {
         "style": {
@@ -4857,7 +4869,7 @@
         const title = selected ? selected[textKey] : placeholder;
         return vue.createVNode(Tab, {
           "title": title,
-          "titleClass": bem$Z("tab", {
+          "titleClass": bem$_("tab", {
             unselected: !selected
           })
         }, {
@@ -4875,15 +4887,15 @@
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
         "animated": true,
-        "class": bem$Z("tabs"),
+        "class": bem$_("tabs"),
         "color": props.activeColor,
         "swipeable": props.swipeable,
         "onClickTab": onClickTab
       }, {
         default: () => [tabs.value.map(renderTab)]
       });
-      const renderMenu = () => vue.createVNode(stdin_default$1B, {
-        "class": bem$Z("cancel"),
+      const renderMenu = () => vue.createVNode(stdin_default$1C, {
+        "class": bem$_("cancel"),
         "onClick": onCancel
       }, {
         default: () => [vue.createTextVNode("取消")]
@@ -4920,7 +4932,7 @@
         updateTabs();
       });
       const renderCascade = () => vue.createVNode("div", {
-        "class": bem$Z()
+        "class": bem$_()
       }, [renderHeader(), renderDivider(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
       return () => {
         if (props.popup) {
@@ -4941,8 +4953,8 @@
       };
     }
   });
-  const Cascader = withInstall(stdin_default$1m);
-  const [name$Z, bem$Y] = createNamespace("cell");
+  const Cascader = withInstall(stdin_default$1n);
+  const [name$_, bem$Z] = createNamespace("cell");
   const cellSharedProps = {
     leftIcon: String,
     titleIcon: String,
@@ -4968,8 +4980,8 @@
     clearIcon: makeStringProp("clear-r")
   };
   const cellProps = extend({}, cellSharedProps, routeProps);
-  var stdin_default$1l = vue.defineComponent({
-    name: name$Z,
+  var stdin_default$1m = vue.defineComponent({
+    name: name$_,
     props: cellProps,
     emits: ["click", "clear"],
     setup(props, {
@@ -4982,7 +4994,7 @@
         const showLabel = slots.label || isDef(props.label);
         if (showLabel) {
           return vue.createVNode("div", {
-            "class": [bem$Y("label"), props.labelClass]
+            "class": [bem$Z("label"), props.labelClass]
           }, [slots.label ? slots.label() : props.label]);
         }
       };
@@ -4993,7 +5005,7 @@
         if (props.titleIcon) {
           return vue.createVNode(Icon, {
             "name": props.titleIcon,
-            "class": bem$Y("title-icon"),
+            "class": bem$Z("title-icon"),
             "classPrefix": props.iconPrefix
           }, null);
         }
@@ -5003,13 +5015,13 @@
           const hasValue = slots.value || slots.default || props.value;
           const isHorizontal = props.direction === "horizontal";
           return vue.createVNode("div", {
-            "class": [bem$Y("title", {
+            "class": [bem$Z("title", {
               [props.direction]: true,
               "with-value": isHorizontal && hasValue
             }), props.titleClass],
             "style": props.titleStyle
           }, [slots.title ? slots.title() : [renderTitleIcon(), vue.createVNode("span", {
-            "class": bem$Y("title-text")
+            "class": bem$Z("title-text")
           }, [props.title])], renderLabel()]);
         }
       };
@@ -5021,7 +5033,7 @@
           const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow-right";
           return vue.createVNode(Icon, {
             "name": name2,
-            "class": bem$Y("right-icon"),
+            "class": bem$Z("right-icon"),
             "size": "20"
           }, null);
         }
@@ -5060,16 +5072,16 @@
         const showClear = props.clearable && isDef(props.value) && props.value !== "";
         if (hasValue) {
           return vue.createVNode("div", {
-            "class": [bem$Y("value", {
+            "class": [bem$Z("value", {
               [props.direction]: true
             }), props.valueClass],
             "onClick": () => onClick(isHorizontal)
           }, [slot ? slot() : vue.createVNode("span", {
-            "class": bem$Y("value-text")
+            "class": bem$Z("value-text")
           }, [props.value]), showClear && vue.createVNode(Icon, {
             "ref": clearIconRef,
             "name": props.clearIcon,
-            "class": bem$Y("value-clear")
+            "class": bem$Z("value-clear")
           }, null), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
         }
       };
@@ -5080,7 +5092,7 @@
         if (props.leftIcon) {
           return vue.createVNode(Icon, {
             "name": props.leftIcon,
-            "class": bem$Y("left-icon"),
+            "class": bem$Z("left-icon"),
             "classPrefix": props.iconPrefix
           }, null);
         }
@@ -5112,7 +5124,7 @@
             classes.borderless = true;
           }
           return vue.createVNode("div", {
-            "class": bem$Y(classes),
+            "class": bem$Z(classes),
             "role": clickable ? "button" : void 0,
             "tabindex": clickable ? 0 : void 0,
             "onClick": () => onClick(props.direction === "vertical")
@@ -5120,7 +5132,7 @@
         };
         if (hasLeftIcon) {
           return vue.createVNode("div", {
-            "class": [bem$Y("with-left", {
+            "class": [bem$Z("with-left", {
               borderless: !border
             })]
           }, [renderLeftIcon(), renderWrapper()]);
@@ -5129,15 +5141,15 @@
       };
     }
   });
-  const Cell = withInstall(stdin_default$1l);
-  const [name$Y, bem$X] = createNamespace("cell-group");
+  const Cell = withInstall(stdin_default$1m);
+  const [name$Z, bem$Y] = createNamespace("cell-group");
   const cellGroupProps = {
     title: String,
     inset: Boolean,
     border: truthProp
   };
-  var stdin_default$1k = vue.defineComponent({
-    name: name$Y,
+  var stdin_default$1l = vue.defineComponent({
+    name: name$Z,
     inheritAttrs: false,
     props: cellGroupProps,
     setup(props, {
@@ -5147,7 +5159,7 @@
       const renderGroup = () => {
         var _a;
         return vue.createVNode("div", vue.mergeProps({
-          "class": [bem$X({
+          "class": [bem$Y({
             inset: props.inset
           }), {
             [BORDER_TOP_BOTTOM]: props.border && !props.inset
@@ -5155,7 +5167,7 @@
         }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
       const renderTitle = () => vue.createVNode("div", {
-        "class": bem$X("title", {
+        "class": bem$Y("title", {
           inset: props.inset
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -5167,8 +5179,8 @@
       };
     }
   });
-  const CellGroup = withInstall(stdin_default$1k);
-  const [name$X, bem$W] = createNamespace("checkbox-group");
+  const CellGroup = withInstall(stdin_default$1l);
+  const [name$Y, bem$X] = createNamespace("checkbox-group");
   const checkboxGroupProps = {
     max: numericProp,
     disabled: Boolean,
@@ -5177,9 +5189,9 @@
     modelValue: makeArrayProp(),
     checkedColor: String
   };
-  const CHECKBOX_GROUP_KEY = Symbol(name$X);
-  var stdin_default$1j = vue.defineComponent({
-    name: name$X,
+  const CHECKBOX_GROUP_KEY = Symbol(name$Y);
+  var stdin_default$1k = vue.defineComponent({
+    name: name$Y,
     props: checkboxGroupProps,
     emits: ["change", "update:modelValue"],
     setup(props, {
@@ -5225,7 +5237,7 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": bem$W([props.direction])
+          "class": bem$X([props.direction])
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
     }
@@ -5240,7 +5252,7 @@
     labelPosition: String,
     labelDisabled: Boolean
   };
-  var stdin_default$1i = vue.defineComponent({
+  var stdin_default$1j = vue.defineComponent({
     props: extend({}, checkerProps, {
       bem: makeRequiredProp(Function),
       role: String,
@@ -5341,7 +5353,7 @@
       };
     }
   });
-  const [name$W, bem$V] = createNamespace("checkbox");
+  const [name$X, bem$W] = createNamespace("checkbox");
   const checkboxProps = extend({}, checkerProps, {
     bindGroup: truthProp,
     indeterminate: {
@@ -5349,8 +5361,8 @@
       default: null
     }
   });
-  var stdin_default$1h = vue.defineComponent({
-    name: name$W,
+  var stdin_default$1i = vue.defineComponent({
+    name: name$X,
     props: checkboxProps,
     emits: ["change", "update:modelValue"],
     setup(props, {
@@ -5414,8 +5426,8 @@
         checked
       });
       useCustomFieldValue(() => props.modelValue);
-      return () => vue.createVNode(stdin_default$1i, vue.mergeProps({
-        "bem": bem$V,
+      return () => vue.createVNode(stdin_default$1j, vue.mergeProps({
+        "bem": bem$W,
         "role": "checkbox",
         "parent": parent,
         "checked": checked.value,
@@ -5423,10 +5435,10 @@
       }, props), pick(slots, ["default", "icon"]));
     }
   });
-  const Checkbox = withInstall(stdin_default$1h);
-  const CheckboxGroup = withInstall(stdin_default$1j);
-  const [name$V, bem$U] = createNamespace("row");
-  const ROW_KEY = Symbol(name$V);
+  const Checkbox = withInstall(stdin_default$1i);
+  const CheckboxGroup = withInstall(stdin_default$1k);
+  const [name$W, bem$V] = createNamespace("row");
+  const ROW_KEY = Symbol(name$W);
   const rowProps = {
     tag: makeStringProp("div"),
     wrap: truthProp,
@@ -5434,8 +5446,8 @@
     gutter: makeNumericProp(0),
     justify: String
   };
-  var stdin_default$1g = vue.defineComponent({
-    name: name$V,
+  var stdin_default$1h = vue.defineComponent({
+    name: name$W,
     props: rowProps,
     setup(props, {
       slots
@@ -5494,7 +5506,7 @@
           justify
         } = props;
         return vue.createVNode(tag, {
-          "class": bem$U({
+          "class": bem$V({
             [`align-${align}`]: align,
             [`justify-${justify}`]: justify,
             nowrap: !wrap
@@ -5508,14 +5520,14 @@
       };
     }
   });
-  const [name$U, bem$T] = createNamespace("col");
+  const [name$V, bem$U] = createNamespace("col");
   const colProps = {
     tag: makeStringProp("div"),
     span: makeNumericProp(0),
     offset: numericProp
   };
-  var stdin_default$1f = vue.defineComponent({
-    name: name$U,
+  var stdin_default$1g = vue.defineComponent({
+    name: name$V,
     props: colProps,
     setup(props, {
       slots
@@ -5550,7 +5562,7 @@
         } = props;
         return vue.createVNode(tag, {
           "style": style.value,
-          "class": bem$T({
+          "class": bem$U({
             [span]: span,
             [`offset-${offset2}`]: offset2
           })
@@ -5563,9 +5575,9 @@
       };
     }
   });
-  const Col = withInstall(stdin_default$1f);
-  const [name$T, bem$S] = createNamespace("collapse");
-  const COLLAPSE_KEY = Symbol(name$T);
+  const Col = withInstall(stdin_default$1g);
+  const [name$U, bem$T] = createNamespace("collapse");
+  const COLLAPSE_KEY = Symbol(name$U);
   const collapseProps = {
     border: truthProp,
     accordion: Boolean,
@@ -5574,8 +5586,8 @@
       default: ""
     }
   };
-  var stdin_default$1e = vue.defineComponent({
-    name: name$T,
+  var stdin_default$1f = vue.defineComponent({
+    name: name$U,
     props: collapseProps,
     emits: ["change", "update:modelValue"],
     setup(props, {
@@ -5642,15 +5654,15 @@
       return () => {
         var _a;
         return vue.createVNode("div", {
-          "class": [bem$S(), {
+          "class": [bem$T(), {
             [BORDER_TOP_BOTTOM]: props.border
           }]
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
-  const Collapse = withInstall(stdin_default$1e);
-  const [name$S, bem$R] = createNamespace("collapse-item");
+  const Collapse = withInstall(stdin_default$1f);
+  const [name$T, bem$S] = createNamespace("collapse-item");
   const collapseItemProps = extend({}, {
     name: numericProp,
     title: numericProp,
@@ -5660,8 +5672,8 @@
     titleBackground: String,
     color: String
   });
-  var stdin_default$1d = vue.defineComponent({
-    name: name$S,
+  var stdin_default$1e = vue.defineComponent({
+    name: name$T,
     props: collapseItemProps,
     setup(props, {
       slots
@@ -5729,23 +5741,23 @@
           color
         } = props;
         return vue.createVNode("div", {
-          "class": [bem$R("title"), expanded.value ? BORDER_BOTTOM : "", HAPTICS_FEEDBACK],
+          "class": [bem$S("title"), expanded.value ? BORDER_BOTTOM : "", HAPTICS_FEEDBACK],
           "style": titleBackground ? `background:${titleBackground};color:#fff;` : "",
           "onClick": onClickTitle
         }, [vue.createVNode("span", {
-          "class": bem$R("bar", {
+          "class": bem$S("bar", {
             custom: titleBackground
           }),
           "style": color ? `background:${color};` : ""
         }, null), vue.createVNode("span", {
           "style": color ? `color:${color};` : "",
-          "class": bem$R("text", {
+          "class": bem$S("text", {
             custom: titleBackground
           })
-        }, [props.title]), vue.createVNode(stdin_default$1N, {
+        }, [props.title]), vue.createVNode(stdin_default$1O, {
           "name": "keyboard-arrow-down",
           "style": color ? `color:${color};` : "",
-          "class": bem$R("icon", {
+          "class": bem$S("icon", {
             expanded: expanded.value,
             custom: titleBackground
           })
@@ -5755,11 +5767,11 @@
         var _a;
         return vue.withDirectives(vue.createVNode("div", {
           "ref": wrapperRef,
-          "class": bem$R("wrapper"),
+          "class": bem$S("wrapper"),
           "onTransitionend": onTransitionEnd
         }, [vue.createVNode("div", {
           "ref": contentRef,
-          "class": bem$R("content")
+          "class": bem$S("content")
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vue.vShow, show.value]]);
       });
       useExpose({
@@ -5768,13 +5780,13 @@
         itemName: name2
       });
       return () => vue.createVNode("div", {
-        "class": [bem$R()]
+        "class": [bem$S()]
       }, [renderTitle(), renderContent()]);
     }
   });
-  const CollapseItem = withInstall(stdin_default$1d);
-  const ConfigProvider = withInstall(stdin_default$1O);
-  const [name$R, bem$Q, t$6] = createNamespace("picker");
+  const CollapseItem = withInstall(stdin_default$1e);
+  const ConfigProvider = withInstall(stdin_default$1P);
+  const [name$S, bem$R, t$6] = createNamespace("picker");
   const getFirstEnabledOption$1 = (options) => options.find((option) => !option.disabled) || options[0];
   function getColumnsType$1(columns, fields) {
     const firstColumn = columns[0];
@@ -5843,10 +5855,10 @@
   const DEFAULT_DURATION$2 = 200;
   const MOMENTUM_TIME$2 = 300;
   const MOMENTUM_DISTANCE$2 = 15;
-  const [name$Q, bem$P] = createNamespace("picker-column");
-  const PICKER_KEY$1 = Symbol(name$Q);
-  var stdin_default$1c = vue.defineComponent({
-    name: name$Q,
+  const [name$R, bem$Q] = createNamespace("picker-column");
+  const PICKER_KEY$1 = Symbol(name$R);
+  var stdin_default$1d = vue.defineComponent({
+    name: name$R,
     props: {
       value: numericProp,
       unit: makeStringProp(""),
@@ -5980,7 +5992,7 @@
             role: "button",
             style: optionStyle,
             tabindex: disabled ? -1 : 0,
-            class: [bem$P("item", {
+            class: [bem$Q("item", {
               disabled,
               selected: value === props.value
             }), option.className],
@@ -6000,14 +6012,14 @@
             [props.allowHtml ? "innerHTML" : "textContent"]: props.value
           };
           return vue.createVNode("div", {
-            "class": bem$P("unit")
+            "class": bem$Q("unit")
           }, [vue.createVNode("span", {
             "style": "visibility: hidden",
-            "class": [bem$P("unit-text"), "zt-ellipsis"]
+            "class": [bem$Q("unit-text"), "zt-ellipsis"]
           }, [props.unit]), vue.createVNode("span", vue.mergeProps({
             "style": "visibility: hidden"
           }, childData), null), vue.createVNode("span", {
-            "class": [bem$P("unit-text"), "zt-ellipsis"]
+            "class": [bem$Q("unit-text"), "zt-ellipsis"]
           }, [props.unit])]);
         }
       };
@@ -6025,7 +6037,7 @@
       });
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$P(),
+        "class": bem$Q(),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -6036,12 +6048,12 @@
           transitionDuration: `${currentDuration.value}ms`,
           transitionProperty: currentDuration.value ? "all" : "none"
         },
-        "class": bem$P("wrapper"),
+        "class": bem$Q("wrapper"),
         "onTransitionend": stopMomentum
       }, [renderOptions()])]);
     }
   });
-  const [name$P] = createNamespace("picker-toolbar");
+  const [name$Q] = createNamespace("picker-toolbar");
   const pickerToolbarProps$1 = {
     // title: String,
     cancelButtonText: String,
@@ -6049,8 +6061,8 @@
   };
   const pickerToolbarSlots$1 = ["cancel", "confirm", "title", "toolbar"];
   const pickerToolbarPropKeys$1 = Object.keys(pickerToolbarProps$1);
-  var stdin_default$1b = vue.defineComponent({
-    name: name$P,
+  var stdin_default$1c = vue.defineComponent({
+    name: name$Q,
     props: pickerToolbarProps$1,
     emits: ["confirm", "cancel"],
     setup(props, {
@@ -6064,7 +6076,7 @@
         return vue.createVNode(Button, {
           "type": "default",
           "hairline": true,
-          "class": bem$Q("cancel"),
+          "class": bem$R("cancel"),
           "onClick": onCancel
         }, {
           default: () => [slots.cancel ? slots.cancel() : text]
@@ -6074,14 +6086,14 @@
         const text = props.confirmButtonText || t$6("confirm");
         return vue.createVNode(Button, {
           "type": "primary",
-          "class": [bem$Q("confirm"), HAPTICS_FEEDBACK],
+          "class": [bem$R("confirm"), HAPTICS_FEEDBACK],
           "onClick": onConfirm
         }, {
           default: () => [slots.confirm ? slots.confirm() : text]
         });
       };
       return () => vue.createVNode("div", {
-        "class": bem$Q("toolbar")
+        "class": bem$R("toolbar")
       }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderConfirm()]]);
     }
   });
@@ -6105,8 +6117,8 @@
     showPicker: Boolean,
     popup: truthProp
   });
-  var stdin_default$1a = vue.defineComponent({
-    name: name$R,
+  var stdin_default$1b = vue.defineComponent({
+    name: name$S,
     props: pickerProps,
     emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue", "update:showPicker"],
     setup(props, {
@@ -6192,7 +6204,7 @@
       };
       const updateShow = (value) => emit("update:showPicker", value);
       const hasUnit = props.columnsUnit.length === currentColumns.value.length;
-      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1c, {
+      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1d, {
         "value": selectedValues.value[columnIndex],
         "fields": fields.value,
         "options": options,
@@ -6216,10 +6228,10 @@
             backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
           };
           return [vue.createVNode("div", {
-            "class": bem$Q("mask"),
+            "class": bem$R("mask"),
             "style": maskStyle
           }, null), vue.createVNode("div", {
-            "class": bem$Q("frame"),
+            "class": bem$R("frame"),
             "style": frameStyle
           }, null)];
         }
@@ -6231,13 +6243,13 @@
         };
         return vue.createVNode("div", {
           "ref": columnsRef,
-          "class": bem$Q("columns"),
+          "class": bem$R("columns"),
           "style": columnsStyle
         }, [renderColumnItems(), renderMask(wrapHeight)]);
       };
       const renderToolbar = () => {
         if (props.showToolbar) {
-          return vue.createVNode(stdin_default$1b, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
+          return vue.createVNode(stdin_default$1c, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
             "onConfirm": confirm,
             "onCancel": cancel
           }), pick(slots, pickerToolbarSlots$1));
@@ -6249,7 +6261,7 @@
             return slots["title-bar"]();
           }
           return vue.createVNode("div", {
-            "class": [bem$Q("title"), HAPTICS_FEEDBACK]
+            "class": [bem$R("title"), HAPTICS_FEEDBACK]
           }, [props.title]);
         }
       };
@@ -6296,14 +6308,14 @@
       const renderPicker = () => {
         var _a, _b;
         return vue.createVNode("div", {
-          "class": bem$Q()
+          "class": bem$R()
         }, [renderTitleBar(), props.loading ? vue.createVNode(Loading, {
-          "class": bem$Q("loading")
+          "class": bem$R("loading")
         }, null) : null, topDivider(), (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), buttomDivider(), renderToolbar()]);
       };
       return () => {
         if (props.popup) {
-          return vue.createVNode(stdin_default$1J, {
+          return vue.createVNode(stdin_default$1K, {
             "show": showPicker.value,
             "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
             "round": true,
@@ -6358,9 +6370,9 @@
     }
     return value;
   });
-  const Picker = withInstall(stdin_default$1a);
-  var stdin_default$19 = Picker;
-  var stdin_default$18 = vue.defineComponent({
+  const Picker = withInstall(stdin_default$1b);
+  var stdin_default$1a = Picker;
+  var stdin_default$19 = vue.defineComponent({
     name: "Arrow",
     emits: ["click"],
     setup(_, {
@@ -6382,13 +6394,13 @@
       }, null)]);
     }
   });
-  const [name$O, bem$O] = createNamespace("time-picker-column");
-  const TIME_PICKER_KEY = Symbol(name$O);
+  const [name$P, bem$P] = createNamespace("time-picker-column");
+  const TIME_PICKER_KEY = Symbol(name$P);
   const MOMENTUM_TIME$1 = 300;
   const MOMENTUM_DISTANCE$1 = 15;
   const DEFAULT_DURATION$1 = 200;
-  var stdin_default$17 = vue.defineComponent({
-    name: name$O,
+  var stdin_default$18 = vue.defineComponent({
+    name: name$P,
     props: {
       value: numericProp,
       unit: makeStringProp(""),
@@ -6520,7 +6532,7 @@
             role: "button",
             style: optionStyle,
             tabindex: disabled ? -1 : 0,
-            class: [bem$O("item", {
+            class: [bem$P("item", {
               disabled,
               selected: value === props.value
             }), option.className],
@@ -6533,7 +6545,7 @@
           const renderOption = () => {
             if (props.unit) {
               return vue.createVNode(vue.Fragment, null, [vue.createVNode("div", childData, null), vue.createVNode("span", {
-                "class": [bem$O("unit-text"), "zt-ellipsis"],
+                "class": [bem$P("unit-text"), "zt-ellipsis"],
                 "style": "visibility: hidden"
               }, [props.unit])]);
             }
@@ -6549,11 +6561,11 @@
             [props.allowHtml ? "innerHTML" : "textContent"]: props.value
           };
           return vue.createVNode("div", {
-            "class": bem$O("unit")
+            "class": bem$P("unit")
           }, [vue.createVNode("span", vue.mergeProps({
             "style": "visibility: hidden"
           }, childData), null), vue.createVNode("span", {
-            "class": [bem$O("unit-text"), "zt-ellipsis"]
+            "class": [bem$P("unit-text"), "zt-ellipsis"]
           }, [props.unit])]);
         }
       };
@@ -6562,11 +6574,11 @@
         currentDuration.value = DEFAULT_DURATION$1;
         updateValueByIndex(isUp ? index - 1 : index + 1);
       };
-      const renderArrow = () => [vue.createVNode(stdin_default$18, {
-        "class": bem$O("arrow-top"),
+      const renderArrow = () => [vue.createVNode(stdin_default$19, {
+        "class": bem$P("arrow-top"),
         "onClick": () => onArrowClick(true)
-      }, null), vue.createVNode(stdin_default$18, {
-        "class": bem$O("arrow-bottom"),
+      }, null), vue.createVNode(stdin_default$19, {
+        "class": bem$P("arrow-bottom"),
         "onClick": () => onArrowClick(false)
       }, null)];
       useParent(TIME_PICKER_KEY);
@@ -6587,7 +6599,7 @@
       return () => vue.createVNode("div", {
         "ref": root,
         "style": columnStyle,
-        "class": bem$O(),
+        "class": bem$P(),
         "onTouchstartPassive": onTouchStart,
         "onTouchend": onTouchEnd,
         "onTouchcancel": onTouchEnd
@@ -6598,12 +6610,12 @@
           transitionDuration: `${currentDuration.value}ms`,
           transitionProperty: currentDuration.value ? "all" : "none"
         },
-        "class": bem$O("wrapper"),
+        "class": bem$P("wrapper"),
         "onTransitionend": stopMomentum
       }, [renderOptions()]), renderArrow()]);
     }
   });
-  const [name$N, bem$N] = createNamespace("time-picker");
+  const [name$O, bem$O] = createNamespace("time-picker");
   const timePickerProps = extend({}, sharedProps, {
     minHour: makeNumericProp(0),
     maxHour: makeNumericProp(23),
@@ -6620,8 +6632,8 @@
       default: () => ["hour", "minute"]
     }
   });
-  var stdin_default$16 = vue.defineComponent({
-    name: name$N,
+  var stdin_default$17 = vue.defineComponent({
+    name: name$O,
     props: timePickerProps,
     emits: ["clickOption", "change", "update:modelValue"],
     setup(props, {
@@ -6695,7 +6707,7 @@
         currentOption
       }, getEventParams()));
       const hasUnit = props.columnsUnit.length === currentColumns.value.length;
-      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(vue.Fragment, null, [vue.createVNode(stdin_default$17, {
+      const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(vue.Fragment, null, [vue.createVNode(stdin_default$18, {
         "value": selectedValues.value[columnIndex],
         "fields": fields.value,
         "options": options,
@@ -6714,9 +6726,9 @@
         const separatorCount = currentColumns.value && currentColumns.value.length - 1;
         if (separatorCount > 0) {
           return vue.createVNode("div", {
-            "class": bem$N("separator")
+            "class": bem$O("separator")
           }, [Array(separatorCount).fill(null).map(() => vue.createVNode("span", {
-            "class": bem$N("colon")
+            "class": bem$O("colon")
           }, null))]);
         }
       };
@@ -6727,7 +6739,7 @@
         };
         return vue.createVNode("div", {
           "ref": columnsRef,
-          "class": bem$N("columns"),
+          "class": bem$O("columns"),
           "style": columnsStyle
         }, [renderSeparators(), renderColumnItems()]);
       };
@@ -6760,13 +6772,13 @@
         target: columnsRef
       });
       return () => vue.createVNode("div", {
-        "class": bem$N()
+        "class": bem$O()
       }, [renderColumns()]);
     }
   });
-  const TimePicker = withInstall(stdin_default$16);
-  var stdin_default$15 = TimePicker;
-  const [name$M, bem$M] = createNamespace("date-time-picker-wrapper");
+  const TimePicker = withInstall(stdin_default$17);
+  var stdin_default$16 = TimePicker;
+  const [name$N, bem$N] = createNamespace("date-time-picker-wrapper");
   const currentYear = (/* @__PURE__ */ new Date()).getFullYear();
   const dateTimePickerProps = extend({}, sharedProps, popupSharedProps, {
     range: Boolean,
@@ -6789,8 +6801,8 @@
     startValue: makeArrayProp(),
     endValue: makeArrayProp()
   });
-  var stdin_default$14 = vue.defineComponent({
-    name: name$M,
+  var stdin_default$15 = vue.defineComponent({
+    name: name$N,
     props: dateTimePickerProps,
     emits: ["change", "update:modelValue"],
     setup(props, {
@@ -6984,7 +6996,7 @@
       });
       const hasDateColumn = props.columnsType.includes("year") || props.columnsType.includes("month") || props.columnsType.includes("day");
       const hasTimeColumn = props.columnsType.includes("hour") || props.columnsType.includes("minute") || props.columnsType.includes("second");
-      const renderTimePicker = () => vue.createVNode(stdin_default$15, {
+      const renderTimePicker = () => vue.createVNode(stdin_default$16, {
         "modelValue": timeValuesRef.value,
         "onUpdate:modelValue": ($event) => timeValuesRef.value = $event,
         "columnsUnit": timeUnits.value,
@@ -6992,10 +7004,10 @@
         "columnsType": timeColumnsType.value
       }, null);
       const renderPicker = () => vue.createVNode("div", {
-        "class": bem$M()
+        "class": bem$N()
       }, [hasDateColumn ? vue.createVNode(Divider, {
         "style": "margin: 0"
-      }, null) : null, hasDateColumn ? vue.createVNode(stdin_default$19, vue.mergeProps({
+      }, null) : null, hasDateColumn ? vue.createVNode(stdin_default$1a, vue.mergeProps({
         "popup": false,
         "columnsUnit": dateUnits.value,
         "modelValue": dateValuesRef.value,
@@ -7009,9 +7021,9 @@
       return () => renderPicker();
     }
   });
-  const [name$L, bem$L] = createNamespace("date-time-picker");
-  var stdin_default$13 = vue.defineComponent({
-    name: name$L,
+  const [name$M, bem$M] = createNamespace("date-time-picker");
+  var stdin_default$14 = vue.defineComponent({
+    name: name$M,
     props: dateTimePickerProps,
     emits: ["confirm", "cancel", "change", "startChange", "endChange", "update:show", "update:modelValue", "update:startValue", "update:endValue"],
     setup(props, {
@@ -7151,17 +7163,17 @@
       const renderTitle = () => {
         if (!props.range) {
           return vue.createVNode("div", {
-            "class": bem$L("title-bar")
+            "class": bem$M("title-bar")
           }, [vue.createVNode("div", {
-            "class": [ELLIPSIS, bem$L("title")]
+            "class": [ELLIPSIS, bem$M("title")]
           }, [props.title]), vue.createVNode("div", {
-            "class": [ELLIPSIS, bem$L("value")]
+            "class": [ELLIPSIS, bem$M("value")]
           }, [currentText.value])]);
         }
         return vue.createVNode("div", {
-          "class": bem$L("title-tab-bar")
+          "class": bem$M("title-tab-bar")
         }, [vue.createVNode("div", {
-          "class": [HAPTICS_FEEDBACK, bem$L("title-bar", {
+          "class": [HAPTICS_FEEDBACK, bem$M("title-bar", {
             selected: rangeSelectedIndex.value === 0,
             unselected: rangeSelectedIndex.value === 1
           })],
@@ -7169,16 +7181,16 @@
             rangeSelectedIndex.value = 0;
           }
         }, [vue.createVNode("div", {
-          "class": [ELLIPSIS, bem$L("title", {
+          "class": [ELLIPSIS, bem$M("title", {
             selected: rangeSelectedIndex.value === 0,
             unselected: rangeSelectedIndex.value === 1
           })]
         }, [vue.createTextVNode("开始时间")]), vue.createVNode("div", {
-          "class": [ELLIPSIS, bem$L("value")]
+          "class": [ELLIPSIS, bem$M("value")]
         }, [currentStartText.value])]), vue.createVNode("span", {
-          "class": bem$L("title-separator")
+          "class": bem$M("title-separator")
         }, null), vue.createVNode("div", {
-          "class": [HAPTICS_FEEDBACK, bem$L("title-bar", {
+          "class": [HAPTICS_FEEDBACK, bem$M("title-bar", {
             selected: rangeSelectedIndex.value === 1,
             unselected: rangeSelectedIndex.value === 0
           })],
@@ -7186,17 +7198,17 @@
             rangeSelectedIndex.value = 1;
           }
         }, [vue.createVNode("div", {
-          "class": [ELLIPSIS, bem$L("title", {
+          "class": [ELLIPSIS, bem$M("title", {
             selected: rangeSelectedIndex.value === 1,
             unselected: rangeSelectedIndex.value === 0
           })]
         }, [vue.createTextVNode("结束时间")]), vue.createVNode("div", {
-          "class": [ELLIPSIS, bem$L("value")]
+          "class": [ELLIPSIS, bem$M("value")]
         }, [currentEndText.value])])]);
       };
       const renderPicker = () => {
         if (!props.range) {
-          return vue.createVNode(stdin_default$14, vue.mergeProps({
+          return vue.createVNode(stdin_default$15, vue.mergeProps({
             "ref": currentPickerRef,
             "modelValue": props.modelValue,
             "onUpdate:modelValue": ($event) => props.modelValue = $event,
@@ -7208,7 +7220,7 @@
             showTitle: false
           })), null);
         }
-        return [vue.withDirectives(vue.createVNode(stdin_default$14, vue.mergeProps({
+        return [vue.withDirectives(vue.createVNode(stdin_default$15, vue.mergeProps({
           "ref": currentStartPickerRef,
           "modelValue": props.startValue,
           "onUpdate:modelValue": ($event) => props.startValue = $event,
@@ -7218,7 +7230,7 @@
           "minDate": props.minDate
         }, extend(pick(props, pickerInheritKeys), {
           showTitle: false
-        })), null), [[vue.vShow, rangeSelectedIndex.value === 0]]), vue.withDirectives(vue.createVNode(stdin_default$14, vue.mergeProps({
+        })), null), [[vue.vShow, rangeSelectedIndex.value === 0]]), vue.withDirectives(vue.createVNode(stdin_default$15, vue.mergeProps({
           "ref": currentEndPickerRef,
           "modelValue": props.endValue,
           "onUpdate:modelValue": ($event) => props.endValue = $event,
@@ -7232,15 +7244,15 @@
       };
       const renderToolbar = () => {
         if (props.showToolbar) {
-          return [vue.createVNode(stdin_default$1n, {
+          return [vue.createVNode(stdin_default$1o, {
             "style": "margin: 0"
-          }, null), vue.createVNode(stdin_default$1b, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
+          }, null), vue.createVNode(stdin_default$1c, vue.mergeProps(pick(props, pickerToolbarPropKeys$1), {
             "onConfirm": onConfirm,
             "onCancel": onCancel
           }), pick(slots, pickerToolbarSlots$1))];
         }
       };
-      return () => vue.createVNode(stdin_default$1K, {
+      return () => vue.createVNode(stdin_default$1L, {
         "round": true,
         "position": "bottom",
         "onOpen": onOpen,
@@ -7251,8 +7263,8 @@
       });
     }
   });
-  const DateTimePicker = withInstall(stdin_default$13);
-  const [name$K, bem$K, t$5] = createNamespace("dialog");
+  const DateTimePicker = withInstall(stdin_default$14);
+  const [name$L, bem$L, t$5] = createNamespace("dialog");
   const dialogProps = extend({}, popupSharedProps, {
     title: String,
     primaryHeader: Boolean,
@@ -7276,8 +7288,8 @@
     closeOnClickOverlay: Boolean
   });
   const popupInheritKeys = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-  var stdin_default$12 = vue.defineComponent({
-    name: name$K,
+  var stdin_default$13 = vue.defineComponent({
+    name: name$L,
     props: dialogProps,
     emits: ["confirm", "cancel", "keydown", "update:show"],
     setup(props, {
@@ -7341,7 +7353,7 @@
             //   }])}
             // >
             vue.createVNode("div", {
-              "class": bem$K("header", {
+              "class": bem$L("header", {
                 isolated: !props.message && !slots.default,
                 "custom-title": !!slots.title,
                 primary: props.primaryHeader
@@ -7364,7 +7376,7 @@
         } else if (hasTitle) {
           mods["has-title"] = hasTitle;
         }
-        const classNames = bem$K("message", mods);
+        const classNames = bem$L("message", mods);
         const content = isFunction(message) ? message() : message;
         if (allowHtml && typeof content === "string") {
           return vue.createVNode("div", {
@@ -7379,7 +7391,7 @@
       const renderContent = () => {
         if (slots.default) {
           return vue.createVNode("div", {
-            "class": bem$K("content")
+            "class": bem$L("content")
           }, [slots.default()]);
         }
         const {
@@ -7391,19 +7403,19 @@
           const hasTitle = !!(title || slots.title);
           return vue.createVNode("div", {
             "key": allowHtml ? 1 : 0,
-            "class": bem$K("content", {
+            "class": bem$L("content", {
               isolated: !hasTitle
             })
           }, [renderMessage(hasTitle)]);
         }
       };
       const renderButtons = () => vue.createVNode("div", {
-        "class": bem$K("footer")
+        "class": bem$L("footer")
       }, [props.showCancelButton && vue.createVNode(Button, {
         "type": "default",
         "hairline": true,
         "text": props.cancelButtonText || t$5("cancel"),
-        "class": bem$K("cancel"),
+        "class": bem$L("cancel"),
         "style": {
           color: props.cancelButtonColor
         },
@@ -7413,7 +7425,7 @@
       }, null), props.showConfirmButton && vue.createVNode(Button, {
         "type": "primary",
         "text": props.confirmButtonText || t$5("confirm"),
-        "class": bem$K("confirm", {
+        "class": bem$L("confirm", {
           "with-cancel": props.showCancelButton
         }),
         "style": {
@@ -7440,7 +7452,7 @@
         return vue.createVNode(Popup, vue.mergeProps({
           "ref": root,
           "role": "dialog",
-          "class": [bem$K([theme]), className],
+          "class": [bem$L([theme]), className],
           "style": {
             width: addUnit(width2)
           },
@@ -7490,7 +7502,7 @@
           state,
           toggle
         } = usePopupState();
-        return () => vue.createVNode(stdin_default$12, vue.mergeProps(state, {
+        return () => vue.createVNode(stdin_default$13, vue.mergeProps(state, {
           "onUpdate:show": toggle
         }), null);
       }
@@ -7528,8 +7540,8 @@
       instance$2.toggle(false);
     }
   };
-  const Dialog = withInstall(stdin_default$12);
-  const [name$J, bem$J] = createNamespace("dropdown-menu");
+  const Dialog = withInstall(stdin_default$13);
+  const [name$K, bem$K] = createNamespace("dropdown-menu");
   const dropdownMenuProps = {
     overlay: truthProp,
     zIndex: numericProp,
@@ -7539,9 +7551,9 @@
     closeOnClickOutside: truthProp,
     closeOnClickOverlay: truthProp
   };
-  const DROPDOWN_KEY = Symbol(name$J);
-  var stdin_default$11 = vue.defineComponent({
-    name: name$J,
+  const DROPDOWN_KEY = Symbol(name$K);
+  var stdin_default$12 = vue.defineComponent({
+    name: name$K,
     props: dropdownMenuProps,
     setup(props, {
       slots
@@ -7608,7 +7620,7 @@
           "id": `${id}-${index}`,
           "role": "button",
           "tabindex": disabled ? void 0 : 0,
-          "class": [bem$J("item", {
+          "class": [bem$K("item", {
             disabled
           }), {
             [HAPTICS_FEEDBACK]: !disabled
@@ -7619,7 +7631,7 @@
             }
           }
         }, [vue.createVNode("span", {
-          "class": [bem$J("title", {
+          "class": [bem$K("title", {
             down: showPopup === (props.direction === "down"),
             active: showPopup
           }), titleClass],
@@ -7629,8 +7641,8 @@
         }, [vue.createVNode("div", {
           "class": "zt-ellipsis",
           "style": "padding-right: 18px"
-        }, [slots.title || item.renderTitle(), slots.icon || vue.createVNode(stdin_default$1M, {
-          "class": bem$J("icon"),
+        }, [slots.title || item.renderTitle(), slots.icon || vue.createVNode(stdin_default$1N, {
+          "class": bem$K("icon"),
           "name": "spinner-expand"
         }, null)])])]);
       };
@@ -7649,18 +7661,18 @@
         var _a;
         return vue.createVNode("div", {
           "ref": root,
-          "class": bem$J()
+          "class": bem$K()
         }, [vue.createVNode("div", {
           "ref": barRef,
           "style": barStyle.value,
-          "class": bem$J("bar", {
+          "class": bem$K("bar", {
             opened: opened.value
           })
         }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
-  const [name$I, bem$I] = createNamespace("dropdown-item");
+  const [name$J, bem$J] = createNamespace("dropdown-item");
   const dropdownItemProps = {
     title: String,
     options: makeArrayProp(),
@@ -7672,8 +7684,8 @@
     titleClass: unknownProp,
     multiSelect: Boolean
   };
-  var stdin_default$10 = vue.defineComponent({
-    name: name$I,
+  var stdin_default$11 = vue.defineComponent({
+    name: name$J,
     inheritAttrs: false,
     props: dropdownItemProps,
     emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm"],
@@ -7805,7 +7817,7 @@
           }
           if (active) {
             return vue.createVNode(Icon, {
-              "class": bem$I("icon"),
+              "class": bem$J("icon"),
               "color": activeColor,
               "name": "success"
             }, null);
@@ -7818,7 +7830,7 @@
             "title-icon": option.icon,
             "title": option.text,
             "direction": "horizontal",
-            "class": [bem$I("option", {
+            "class": [bem$J("option", {
               active
             }), HAPTICS_FEEDBACK],
             "style": {
@@ -7837,7 +7849,7 @@
           "title-icon": option.icon,
           "title": option.text,
           "direction": "horizontal",
-          "class": [bem$I("option", {
+          "class": [bem$J("option", {
             active
           }), HAPTICS_FEEDBACK],
           "style": {
@@ -7886,13 +7898,13 @@
         }
         return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
           "style": style,
-          "class": bem$I([direction]),
+          "class": bem$J([direction]),
           "onClick": onClickWrapper
         }, attrs), [vue.createVNode(Popup, {
           "show": state.showPopup,
           "onUpdate:show": ($event) => state.showPopup = $event,
           "role": "menu",
-          "class": bem$I("content"),
+          "class": bem$J("content"),
           "style": contentStyle,
           "overlay": overlay,
           "position": direction === "down" ? "top" : "bottom",
@@ -7911,20 +7923,20 @@
           default: () => {
             var _a;
             return [vue.withDirectives(vue.createVNode("div", null, [props.options.map(renderOption)]), [[vue.vShow, !props.multiSelect]]), vue.withDirectives(vue.createVNode("div", {
-              "class": bem$I("options"),
+              "class": bem$J("options"),
               "style": optionsStyle
             }, [props.options.map(renderOption)]), [[vue.vShow, props.multiSelect]]), vue.withDirectives(vue.createVNode("div", {
-              "class": bem$I("button"),
+              "class": bem$J("button"),
               "style": buttonStyle
             }, [vue.createVNode(Button, {
               "onClick": onClickReset,
-              "class": bem$I("button-reset")
+              "class": bem$J("button-reset")
             }, {
               default: () => [vue.createTextVNode("重置")]
             }), vue.createVNode(Button, {
               "type": "primary",
               "onClick": onClickConfirm,
-              "class": bem$I("button-confirm")
+              "class": bem$J("button-confirm")
             }, {
               default: () => [vue.createTextVNode("确定")]
             })]), [[vue.vShow, props.multiSelect]]), (_a = slots.default) == null ? void 0 : _a.call(slots)];
@@ -7948,8 +7960,8 @@
       };
     }
   });
-  const DropdownItem = withInstall(stdin_default$10);
-  const DropdownMenu = withInstall(stdin_default$11);
+  const DropdownItem = withInstall(stdin_default$11);
+  const DropdownMenu = withInstall(stdin_default$12);
   const renderNotFound = (bem2) => vue.createVNode("svg", {
     "xmlns": "http://www.w3.org/2000/svg",
     "viewBox": "0 0 160 160",
@@ -9083,7 +9095,7 @@
     "fill": "#FFF",
     "xlink:href": "#4roobwtpf__8hxpuw7vce"
   }, null)])])]);
-  const [name$H, bem$H] = createNamespace("empty");
+  const [name$I, bem$I] = createNamespace("empty");
   const PRESET_IMAGES = {
     default: renderNotFound,
     error: renderNotFound,
@@ -9103,8 +9115,8 @@
     imageSize: [Number, String, Array],
     description: String
   };
-  var stdin_default$$ = vue.defineComponent({
-    name: name$H,
+  var stdin_default$10 = vue.defineComponent({
+    name: name$I,
     props: emptyProps,
     setup(props, {
       slots
@@ -9114,7 +9126,7 @@
         if (slots.image) {
           return slots.image();
         }
-        return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES, bem$H)) || vue.createVNode("img", {
+        return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES, bem$I)) || vue.createVNode("img", {
           "src": props.image
         }, null);
       };
@@ -9122,26 +9134,26 @@
         const description = slots.description ? slots.description() : props.description;
         if (description) {
           return vue.createVNode("p", {
-            "class": bem$H("description")
+            "class": bem$I("description")
           }, [description]);
         }
       };
       const renderBottom = () => {
         if (slots.default) {
           return vue.createVNode("div", {
-            "class": bem$H("bottom")
+            "class": bem$I("bottom")
           }, [slots.default()]);
         }
       };
       return () => vue.createVNode("div", {
-        "class": bem$H()
+        "class": bem$I()
       }, [vue.createVNode("div", {
-        "class": bem$H("image"),
+        "class": bem$I("image"),
         "style": getSizeStyle(props.imageSize)
       }, [renderImage()]), renderDescription(), renderBottom()]);
     }
   });
-  const Empty = withInstall(stdin_default$$);
+  const Empty = withInstall(stdin_default$10);
   function isEmptyValue(value) {
     if (Array.isArray(value)) {
       return !value.length;
@@ -9230,7 +9242,7 @@
   function cutString(str, maxlength) {
     return [...str].slice(0, maxlength).join("");
   }
-  const [name$G, bem$G] = createNamespace("field");
+  const [name$H, bem$H] = createNamespace("field");
   const fieldSharedProps = {
     id: String,
     name: String,
@@ -9280,8 +9292,8 @@
       default: null
     }
   });
-  var stdin_default$_ = vue.defineComponent({
-    name: name$G,
+  var stdin_default$$ = vue.defineComponent({
+    name: name$H,
     props: fieldProps,
     emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
     setup(props, {
@@ -9513,7 +9525,7 @@
       const getInputId = () => props.id || `${id}-input`;
       const getValidationStatus = () => state.status;
       const renderInput = () => {
-        const controlClass = bem$G("control", [getProp("inputAlign"), {
+        const controlClass = bem$H("control", [getProp("inputAlign"), {
           error: showError.value,
           custom: !!slots.input,
           "min-height": props.type === "textarea" && !props.autosize
@@ -9551,7 +9563,7 @@
         }
         if (props.type === "password") {
           return vue.createVNode("div", {
-            "class": bem$G("password")
+            "class": bem$H("password")
           }, [vue.createVNode("input", vue.mergeProps({
             "type": state.showPassword ? "text" : "password"
           }, inputAttrs), null), vue.createVNode(Icon, {
@@ -9565,7 +9577,7 @@
         const leftIconSlot = slots["left-icon"];
         if (props.leftIcon || leftIconSlot) {
           return vue.createVNode("div", {
-            "class": bem$G("left-icon"),
+            "class": bem$H("left-icon"),
             "onClick": onClickLeftIcon
           }, [leftIconSlot ? leftIconSlot() : vue.createVNode(Icon, {
             "name": props.leftIcon,
@@ -9577,7 +9589,7 @@
         const titleIconSlot = slots["title-icon"];
         if (props.titleIcon || titleIconSlot) {
           return vue.createVNode("div", {
-            "class": bem$G("title-icon")
+            "class": bem$H("title-icon")
           }, [titleIconSlot ? titleIconSlot() : vue.createVNode(Icon, {
             "name": props.titleIcon,
             "classPrefix": props.iconPrefix
@@ -9588,7 +9600,7 @@
         const rightIconSlot = slots["right-icon"];
         if (props.rightIcon || rightIconSlot) {
           return vue.createVNode("div", {
-            "class": bem$G("right-icon"),
+            "class": bem$H("right-icon"),
             "onClick": onClickRightIcon
           }, [rightIconSlot ? rightIconSlot() : vue.createVNode(Icon, {
             "name": props.rightIcon,
@@ -9600,9 +9612,9 @@
         if (props.showWordLimit && props.maxlength) {
           const count = getStringLength(getModelValue());
           return vue.createVNode("div", {
-            "class": bem$G("word-limit")
+            "class": bem$H("word-limit")
           }, [vue.createVNode("span", {
-            "class": bem$G("word-num", count >= +props.maxlength ? "exceed" : "")
+            "class": bem$H("word-num", count >= +props.maxlength ? "exceed" : "")
           }, [count]), vue.createTextVNode("/"), props.maxlength]);
         }
       };
@@ -9611,7 +9623,7 @@
           return;
         }
         return vue.createVNode("div", {
-          "class": [bem$G("description"), props.descriptionClass]
+          "class": [bem$H("description"), props.descriptionClass]
         }, [props.description]);
       };
       const showMessage = vue.computed(() => !(form && form.props.showErrorMessage === false) && (props.errorMessage || state.validateMessage));
@@ -9624,7 +9636,7 @@
           const slot = slots["error-message"];
           const errorMessageAlign = getProp("errorMessageAlign");
           return vue.createVNode("div", {
-            "class": bem$G("error-message", errorMessageAlign)
+            "class": bem$H("error-message", errorMessageAlign)
           }, [slot ? slot({
             message
           }) : message]);
@@ -9635,7 +9647,7 @@
           return;
         }
         return vue.createVNode("div", {
-          "class": bem$G("bottom")
+          "class": bem$H("bottom")
         }, [renderDescription(), renderMessage()]);
       };
       const renderLabel = () => {
@@ -9651,13 +9663,13 @@
         }
       };
       const renderFieldBody = () => [vue.createVNode("div", {
-        "class": bem$G("body")
+        "class": bem$H("body")
       }, [renderInput(), showClear.value && vue.createVNode(Icon, {
         "ref": clearIconRef,
         "name": props.clearIcon,
-        "class": bem$G("clear")
+        "class": bem$H("clear")
       }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
-        "class": bem$G("button")
+        "class": bem$H("button")
       }, [slots.button()])]), renderWordLimit()];
       useExpose({
         blur,
@@ -9699,7 +9711,7 @@
           "direction": props.direction,
           "title-icon": props.titleIcon,
           "left-icon": props.leftIcon,
-          "class": bem$G({
+          "class": bem$H({
             error: showError.value,
             disabled,
             readonly,
@@ -9713,8 +9725,8 @@
           "isLink": props.isLink,
           "clickable": props.clickable,
           "titleStyle": labelStyle.value,
-          "valueClass": bem$G("value"),
-          "titleClass": [bem$G("label", [labelAlign, {
+          "valueClass": bem$H("value"),
+          "titleClass": [bem$H("label", [labelAlign, {
             required: props.required
           }]), props.labelClass],
           "arrowDirection": props.arrowDirection
@@ -9729,7 +9741,179 @@
       };
     }
   });
-  const Field = withInstall(stdin_default$_);
+  const Field = withInstall(stdin_default$$);
+  const floatingBubbleProps = {
+    gap: makeNumberProp(24),
+    icon: String,
+    axis: makeStringProp("y"),
+    magnetic: String,
+    offset: {
+      type: Object,
+      default: () => ({
+        x: -1,
+        y: -1
+      })
+    },
+    teleport: {
+      type: [String, Object],
+      default: "body"
+    }
+  };
+  const [name$G, bem$G] = createNamespace("floating-bubble");
+  var stdin_default$_ = vue.defineComponent({
+    name: name$G,
+    inheritAttrs: false,
+    props: floatingBubbleProps,
+    emits: ["click", "update:offset", "offsetChange"],
+    setup(props, {
+      slots,
+      emit,
+      attrs
+    }) {
+      const rootRef = vue.ref();
+      const state = vue.ref({
+        x: 0,
+        y: 0,
+        width: 0,
+        height: 0
+      });
+      const boundary = vue.computed(() => ({
+        top: props.gap,
+        right: windowWidth.value - state.value.width - props.gap,
+        bottom: windowHeight.value - state.value.height - props.gap,
+        left: props.gap
+      }));
+      const dragging = vue.ref(false);
+      let initialized = false;
+      const rootStyle = vue.computed(() => {
+        const style = {};
+        const x2 = addUnit(state.value.x);
+        const y2 = addUnit(state.value.y);
+        style.transform = `translate3d(${x2}, ${y2}, 0)`;
+        if (dragging.value || !initialized) {
+          style.transition = "none";
+        }
+        return style;
+      });
+      const updateState = () => {
+        if (!show.value)
+          return;
+        const {
+          width: width2,
+          height: height2
+        } = useRect(rootRef.value);
+        const {
+          offset: offset2
+        } = props;
+        state.value = {
+          x: offset2.x > -1 ? offset2.x : windowWidth.value - width2 - props.gap,
+          y: offset2.y > -1 ? offset2.y : windowHeight.value - height2 - props.gap,
+          width: width2,
+          height: height2
+        };
+      };
+      const touch = useTouch();
+      let prevX = 0;
+      let prevY = 0;
+      const onTouchStart = (e2) => {
+        touch.start(e2);
+        dragging.value = true;
+        prevX = state.value.x;
+        prevY = state.value.y;
+      };
+      const onTouchMove = (e2) => {
+        e2.preventDefault();
+        touch.move(e2);
+        if (props.axis === "lock")
+          return;
+        if (!touch.isTap.value) {
+          if (props.axis === "x" || props.axis === "xy") {
+            let nextX = prevX + touch.deltaX.value;
+            if (nextX < boundary.value.left)
+              nextX = boundary.value.left;
+            if (nextX > boundary.value.right)
+              nextX = boundary.value.right;
+            state.value.x = nextX;
+          }
+          if (props.axis === "y" || props.axis === "xy") {
+            let nextY = prevY + touch.deltaY.value;
+            if (nextY < boundary.value.top)
+              nextY = boundary.value.top;
+            if (nextY > boundary.value.bottom)
+              nextY = boundary.value.bottom;
+            state.value.y = nextY;
+          }
+          const offset2 = pick(state.value, ["x", "y"]);
+          emit("update:offset", offset2);
+        }
+      };
+      useEventListener("touchmove", onTouchMove, {
+        target: rootRef
+      });
+      const onTouchEnd = () => {
+        dragging.value = false;
+        vue.nextTick(() => {
+          if (props.magnetic === "x") {
+            const nextX = closest([boundary.value.left, boundary.value.right], state.value.x);
+            state.value.x = nextX;
+          }
+          if (props.magnetic === "y") {
+            const nextY = closest([boundary.value.top, boundary.value.bottom], state.value.y);
+            state.value.y = nextY;
+          }
+          if (!touch.isTap.value) {
+            const offset2 = pick(state.value, ["x", "y"]);
+            emit("update:offset", offset2);
+            if (prevX !== offset2.x || prevY !== offset2.y) {
+              emit("offsetChange", offset2);
+            }
+          }
+        });
+      };
+      const onClick = (e2) => {
+        if (touch.isTap.value)
+          emit("click", e2);
+        else
+          e2.stopPropagation();
+      };
+      vue.onMounted(() => {
+        updateState();
+        vue.nextTick(() => {
+          initialized = true;
+        });
+      });
+      vue.watch([windowWidth, windowHeight, () => props.gap, () => props.offset], updateState);
+      const show = vue.ref(true);
+      vue.onActivated(() => {
+        show.value = true;
+      });
+      vue.onDeactivated(() => {
+        if (props.teleport) {
+          show.value = false;
+        }
+      });
+      return () => {
+        const Content = vue.withDirectives(vue.createVNode("div", vue.mergeProps({
+          "class": bem$G(),
+          "ref": rootRef,
+          "onTouchstartPassive": onTouchStart,
+          "onTouchend": onTouchEnd,
+          "onTouchcancel": onTouchEnd,
+          "onClick": onClick,
+          "style": rootStyle.value
+        }, attrs), [slots.default ? slots.default() : vue.createVNode(stdin_default$1N, {
+          "name": props.icon,
+          "class": bem$G("icon")
+        }, null)]), [[vue.vShow, show.value]]);
+        return props.teleport ? vue.createVNode(vue.Teleport, {
+          "to": props.teleport
+        }, {
+          default: () => [Content]
+        }) : Content;
+      };
+    }
+  });
+  const FloatingBubble = withInstall(stdin_default$_);
   const [name$F, bem$F] = createNamespace("form");
   const formProps = {
     colon: Boolean,
@@ -10114,7 +10298,7 @@
         }
       }, [props.breadcrumbTitle]), props.data.map((item, index) => vue.createVNode("div", {
         "class": bem$C("item")
-      }, [vue.createVNode(stdin_default$1M, {
+      }, [vue.createVNode(stdin_default$1N, {
         "class": bem$C("icon"),
         "name": "arrow-right",
         "color": "#C6CED9"
@@ -10371,7 +10555,7 @@
               round: true,
               checked: getChecked(item)
             })
-          }, [vue.createVNode(stdin_default$1M, {
+          }, [vue.createVNode(stdin_default$1N, {
             "name": "checkbox-select"
           }, null)]);
         }
@@ -10381,14 +10565,14 @@
             checked: true,
             round: true
           })
-        }, [vue.createVNode(stdin_default$1M, {
+        }, [vue.createVNode(stdin_default$1N, {
           "name": "checkbox-select"
         }, null)]) : vue.createVNode("span", {
           "class": bem$B("icon", {
             round: true,
             indeterminate
           })
-        }, [vue.createVNode(stdin_default$1M, {
+        }, [vue.createVNode(stdin_default$1N, {
           "name": indeterminate ? "minus" : "check-blank-r",
           "class": bem$B("uncheck-icon")
         }, null)]);
@@ -10628,8 +10812,8 @@
         } = touch;
         const deltaTime = Date.now() - touchStartTime;
         const TAP_TIME = 250;
-        const TAP_OFFSET = 5;
-        if (offsetX.value < TAP_OFFSET && offsetY.value < TAP_OFFSET) {
+        const TAP_OFFSET2 = 5;
+        if (offsetX.value < TAP_OFFSET2 && offsetY.value < TAP_OFFSET2) {
           if (deltaTime < TAP_TIME) {
             if (doubleTapTimer) {
               clearTimeout(doubleTapTimer);
@@ -11720,7 +11904,7 @@
           }
         }
       };
-      return () => vue.createVNode(stdin_default$1J, {
+      return () => vue.createVNode(stdin_default$1K, {
         "class": bem$v(),
         "show": props.show,
         "position": "bottom",
@@ -13745,10 +13929,10 @@
           message
         } = media;
         if (status === "uploading" || status === "failed") {
-          const MaskIcon = status === "failed" ? vue.createVNode(stdin_default$1M, {
+          const MaskIcon = status === "failed" ? vue.createVNode(stdin_default$1N, {
             "name": "close",
             "class": bem$u("mask-icon")
-          }, null) : vue.createVNode(stdin_default$1H, {
+          }, null) : vue.createVNode(stdin_default$1I, {
             "class": bem$u("loading")
           }, null);
           const showMessage = isDef(message) && message !== "";
@@ -13767,7 +13951,7 @@
       };
       const renderMediaThumbnail = (media) => {
         if (media.showSrc) {
-          return vue.createVNode(stdin_default$1D, {
+          return vue.createVNode(stdin_default$1E, {
             "src": media.showSrc,
             "fit": "cover",
             "radius": "4"
@@ -13857,7 +14041,7 @@
           "onUpdate:show": ($event) => mediaPlayerVisible.value = $event,
           "mediaType": mediaTypeToPlay.value,
           "mediaUrl": mediaUrlToPlay.value
-        }, null), vue.createVNode(stdin_default$1F, {
+        }, null), vue.createVNode(stdin_default$1G, {
           "show": actionVisible.value,
           "onUpdate:show": ($event) => actionVisible.value = $event,
           "actions": actionOptions.value,
@@ -14060,7 +14244,7 @@
       };
       const genCancel = () => {
         const text = props.cancelButtonText || "取消";
-        return vue.createVNode(stdin_default$1A, {
+        return vue.createVNode(stdin_default$1B, {
           "size": "normal",
           "block": true,
           "style": {
@@ -14073,7 +14257,7 @@
       };
       const genConfirm = () => {
         const text = props.confirmButtonText || "确定";
-        return vue.createVNode(stdin_default$1A, {
+        return vue.createVNode(stdin_default$1B, {
           "type": "primary",
           "size": "normal",
           "block": true,
@@ -14122,10 +14306,10 @@
       }, [genOptionItems()]);
       const renderMultiplePicker = () => vue.createVNode("div", {
         "class": bem$s()
-      }, [genTitle(), props.loading ? vue.createVNode(stdin_default$1H, {
+      }, [genTitle(), props.loading ? vue.createVNode(stdin_default$1I, {
         "class": bem$s("loading")
       }, null) : "", genOptions2(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
-      return () => vue.createVNode(stdin_default$1J, {
+      return () => vue.createVNode(stdin_default$1K, {
         "show": currentShow.value,
         "onUpdate:show": [($event) => currentShow.value = $event, updateShow],
         "round": true,
@@ -14292,7 +14476,7 @@
           return slots["left-icon"]();
         }
         if (props.leftIcon) {
-          return vue.createVNode(stdin_default$1M, {
+          return vue.createVNode(stdin_default$1N, {
             "class": bem$q("left-icon"),
             "name": props.leftIcon
           }, null);
@@ -14318,7 +14502,7 @@
         }
         const name2 = getRightIconName();
         if (name2) {
-          return vue.createVNode(stdin_default$1M, {
+          return vue.createVNode(stdin_default$1N, {
             "name": name2,
             "class": bem$q("right-icon"),
             "onClick": onClickRightIcon
@@ -14506,11 +14690,11 @@
   };
   const Notify = withInstall(stdin_default$x);
   const [name$p, bem$o] = createNamespace("key");
-  const CollapseIcon = vue.createVNode(stdin_default$1M, {
+  const CollapseIcon = vue.createVNode(stdin_default$1N, {
     "name": "keyboard-shrink",
     "size": "40"
   }, null);
-  const DeleteIcon = vue.createVNode(stdin_default$1M, {
+  const DeleteIcon = vue.createVNode(stdin_default$1N, {
     "name": "backspace",
     "size": "40"
   }, null);
@@ -16720,7 +16904,7 @@
           emit("update:modelValue", props.name);
         }
       };
-      return () => vue.createVNode(stdin_default$1i, vue.mergeProps({
+      return () => vue.createVNode(stdin_default$1j, vue.mergeProps({
         "bem": bem$i,
         "role": "radio",
         "parent": parent,
@@ -17116,7 +17300,7 @@
           if (slots.searchEmpty) {
             return (_a = slots.searchEmpty) == null ? void 0 : _a.call(slots);
           }
-          return vue.createVNode(stdin_default$$, {
+          return vue.createVNode(stdin_default$10, {
             "class": bem$f("search-empty"),
             "image": "no-search-result"
           }, {
@@ -17507,7 +17691,7 @@
       };
       return () => {
         if (props.popup) {
-          return vue.createVNode(stdin_default$1J, {
+          return vue.createVNode(stdin_default$1K, {
             "show": showPicker.value,
             "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
             "round": true,
@@ -17729,7 +17913,7 @@
     }
   });
   const Rate = withInstall(stdin_default$k);
-  const Row = withInstall(stdin_default$1g);
+  const Row = withInstall(stdin_default$1h);
   const isPortrait = () => window.orientation == null || window.orientation === 180 || window.orientation === 0;
   const getForceLandscapeStyle = (offsetLeft, offsetTop, forceLandscape) => {
     const resultStyle = {
@@ -17995,20 +18179,20 @@
           "height": canvasHeight.value
         }, null), [[vue.vShow, isCanvasSupported.value]])]), vue.createVNode("div", {
           "class": bem$d("actions")
-        }, [vue.createVNode(stdin_default$1A, {
+        }, [vue.createVNode(stdin_default$1B, {
           "plain": true,
           "type": "warning",
           "onClick": () => clear(),
           "class": bem$d("button-again")
         }, {
           default: () => [vue.createTextVNode("重签")]
-        }), vue.createVNode(stdin_default$1A, {
+        }), vue.createVNode(stdin_default$1B, {
           "type": "default",
           "onClick": cancel,
           "class": bem$d("button-cancel")
         }, {
           default: () => [vue.createTextVNode("取消")]
-        }), vue.createVNode(stdin_default$1A, {
+        }), vue.createVNode(stdin_default$1B, {
           "block": true,
           "type": "primary",
           "disabled": isCompleteButtonDisabled.value,
@@ -18512,7 +18696,7 @@
           }
         ],
         "aria-disabled": minusDisabled.value || void 0
-      }, createListeners("minus")), [vue.createVNode(stdin_default$1M, {
+      }, createListeners("minus")), [vue.createVNode(stdin_default$1N, {
         "name": "minus",
         "size": (props == null ? void 0 : props.buttonSize) ? props.buttonSize : "32"
       }, null)]), [[vue.vShow, props.showMinus]]), vue.withDirectives(vue.createVNode("input", {
@@ -18545,7 +18729,7 @@
           // { [HAPTICS_FEEDBACK]: !plusDisabled.value },
         ],
         "aria-disabled": plusDisabled.value || void 0
-      }, createListeners("plus")), [vue.createVNode(stdin_default$1M, {
+      }, createListeners("plus")), [vue.createVNode(stdin_default$1N, {
         "name": "plus",
         "size": (props == null ? void 0 : props.buttonSize) ? props.buttonSize : "32"
       }, null)]), [[vue.vShow, props.showPlus]])]);
@@ -19264,7 +19448,7 @@
         }, null);
         const LeftIcon = () => {
           if (props.image) {
-            return vue.createVNode(stdin_default$1D, {
+            return vue.createVNode(stdin_default$1E, {
               "class": bem$3("image"),
               "src": props.image
             }, null);
@@ -21044,7 +21228,7 @@
       });
     }
   };
-  const version = "3.1.11";
+  const version = "3.1.12";
   function install(app) {
     const components = [
       ActionSheet,
@@ -21068,6 +21252,7 @@
       DropdownMenu,
       Empty,
       Field,
+      FloatingBubble,
       Form,
       Grid,
       GridItem,
@@ -21154,6 +21339,7 @@
   exports2.DropdownMenu = DropdownMenu;
   exports2.Empty = Empty;
   exports2.Field = Field;
+  exports2.FloatingBubble = FloatingBubble;
   exports2.Form = Form;
   exports2.Grid = Grid;
   exports2.GridItem = GridItem;
@@ -21221,6 +21407,7 @@
   exports2.dialogProps = dialogProps;
   exports2.dropdownItemProps = dropdownItemProps;
   exports2.dropdownMenuProps = dropdownMenuProps;
+  exports2.floatingBubbleProps = floatingBubbleProps;
   exports2.gridItemProps = gridItemProps;
   exports2.gridProps = gridProps;
   exports2.imagePreviewProps = imagePreviewProps;