zartui 3.1.10 → 3.1.12

package/lib/zartui.cjs.js

@@ -250,7 +250,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1R = {
+var stdin_default$1S = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -297,7 +297,7 @@ var stdin_default$1R = {
 };
 const lang = vue.ref("zh-CN");
 const messages = vue.reactive({
-  "zh-CN": stdin_default$1R
+  "zh-CN": stdin_default$1S
 });
 const Locale = {
   messages() {
@@ -311,11 +311,11 @@ const Locale = {
     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;
   };
@@ -366,6 +366,7 @@ const HAPTICS_FEEDBACK = "zt-haptics-feedback";
 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,
@@ -401,7 +402,12 @@ function withInstall(options) {
   };
   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,
@@ -414,8 +420,8 @@ const badgeProps = {
   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
@@ -442,11 +448,11 @@ var stdin_default$1P = vue.defineComponent({
         }
         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]);
       }
     };
@@ -474,7 +480,7 @@ var stdin_default$1P = vue.defineComponent({
     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],
@@ -488,7 +494,7 @@ var stdin_default$1P = vue.defineComponent({
           tag
         } = props;
         return vue.createVNode(tag, {
-          "class": bem$1h("wrapper")
+          "class": bem$1i("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -497,14 +503,14 @@ var stdin_default$1P = vue.defineComponent({
     };
   }
 });
-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"),
@@ -538,8 +544,8 @@ function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
     }
   });
 }
-var stdin_default$1O = vue.defineComponent({
-  name: name$1k,
+var stdin_default$1P = vue.defineComponent({
+  name: name$1l,
   props: configProviderProps,
   setup(props, {
     slots
@@ -587,7 +593,7 @@ var stdin_default$1O = vue.defineComponent({
       }
     });
     return () => vue.createVNode(props.tag, {
-      "class": bem$1g(),
+      "class": bem$1h(),
       "style": props.themeVarsScope === "local" ? style.value : void 0
     }, {
       default: () => {
@@ -597,7 +603,7 @@ var stdin_default$1O = vue.defineComponent({
     });
   }
 });
-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,
@@ -609,14 +615,14 @@ const iconProps = {
   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,
@@ -640,7 +646,7 @@ var stdin_default$1N = vue.defineComponent({
         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)];
         }
@@ -648,8 +654,8 @@ var stdin_default$1N = vue.defineComponent({
     };
   }
 });
-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,
@@ -702,6 +708,7 @@ function useTouch() {
   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 = () => {
@@ -710,6 +717,7 @@ function useTouch() {
     offsetX.value = 0;
     offsetY.value = 0;
     direction.value = "";
+    isTap.value = true;
   };
   const start = (event) => {
     reset();
@@ -726,6 +734,9 @@ function useTouch() {
     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,
@@ -739,7 +750,8 @@ function useTouch() {
     offsetY,
     direction,
     isVertical,
-    isHorizontal
+    isHorizontal,
+    isTap
   };
 }
 let totalLockCount = 0;
@@ -820,7 +832,7 @@ const useScopeId = () => {
   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,
@@ -830,8 +842,8 @@ const overlayProps = {
   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
@@ -848,7 +860,7 @@ var stdin_default$1L = vue.defineComponent({
       }
       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]]);
     });
@@ -860,7 +872,7 @@ var stdin_default$1L = vue.defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1L);
+const Overlay = withInstall(stdin_default$1M);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -878,9 +890,9 @@ const popupProps$2 = extend({}, popupSharedProps, {
   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"],
@@ -996,7 +1008,7 @@ var stdin_default$1K = vue.defineComponent({
           "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);
@@ -1016,7 +1028,7 @@ var stdin_default$1K = vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
         "ref": popupRef,
         "style": style.value,
-        "class": [bem$1d({
+        "class": [bem$1e({
           round,
           [position]: position
         }), {
@@ -1029,18 +1041,18 @@ var stdin_default$1K = vue.defineComponent({
     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]]);
     });
@@ -1134,9 +1146,9 @@ var stdin_default$1K = vue.defineComponent({
     };
   }
 });
-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"),
@@ -1149,12 +1161,12 @@ let svgElementId = 0;
 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",
@@ -1166,7 +1178,7 @@ const LoadingIcon = (props) => {
   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",
@@ -1205,8 +1217,8 @@ const LoadingIcon = (props) => {
     "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
@@ -1218,7 +1230,7 @@ var stdin_default$1I = vue.defineComponent({
       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
@@ -1232,21 +1244,21 @@ var stdin_default$1I = vue.defineComponent({
         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,
@@ -1260,8 +1272,8 @@ const actionSheetProps = extend({}, popupSharedProps, {
   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, {
@@ -1276,10 +1288,10 @@ var stdin_default$1G = vue.defineComponent({
     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)]);
       }
@@ -1287,10 +1299,10 @@ var stdin_default$1G = vue.defineComponent({
     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])])];
       }
@@ -1298,7 +1310,7 @@ var stdin_default$1G = vue.defineComponent({
     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) {
@@ -1308,9 +1320,9 @@ var stdin_default$1G = vue.defineComponent({
         });
       }
       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) => {
@@ -1343,7 +1355,7 @@ var stdin_default$1G = vue.defineComponent({
         "style": {
           color
         },
-        "class": [bem$1b("item", {
+        "class": [bem$1c("item", {
           loading,
           disabled,
           "with-sub": action.subname
@@ -1357,29 +1369,29 @@ var stdin_default$1G = vue.defineComponent({
       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,
@@ -1398,8 +1410,8 @@ const imageProps = {
   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, {
@@ -1450,13 +1462,13 @@ var stdin_default$1E = vue.defineComponent({
     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 = () => {
@@ -1465,7 +1477,7 @@ var stdin_default$1E = vue.defineComponent({
       }
       const attrs = {
         alt: props.alt,
-        class: bem$1a("img"),
+        class: bem$1b("img"),
         style: {
           objectFit: props.fit,
           objectPosition: props.position
@@ -1514,7 +1526,7 @@ var stdin_default$1E = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1a({
+        "class": bem$1b({
           round: props.round,
           block: props.block
         }),
@@ -1523,9 +1535,9 @@ var stdin_default$1E = vue.defineComponent({
     };
   }
 });
-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"),
@@ -1534,8 +1546,8 @@ const avatarProps = {
   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(() => {
@@ -1566,7 +1578,7 @@ var stdin_default$1C = vue.defineComponent({
       }
     });
     const renderText = () => vue.createVNode("div", {
-      "class": bem$19("img", [classArr.value, {
+      "class": bem$1a("img", [classArr.value, {
         border: props.border
       }]),
       "style": style.value
@@ -1575,9 +1587,9 @@ var stdin_default$1C = vue.defineComponent({
       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,
@@ -1588,7 +1600,7 @@ var stdin_default$1C = vue.defineComponent({
     };
   }
 });
-const Avatar = withInstall(stdin_default$1C);
+const Avatar = withInstall(stdin_default$1D);
 const routeProps = {
   to: [String, Object],
   url: String,
@@ -1610,7 +1622,7 @@ function useRoute() {
   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,
@@ -1637,8 +1649,8 @@ const buttonProps = extend({}, routeProps, {
   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, {
@@ -1653,7 +1665,7 @@ var stdin_default$1B = vue.defineComponent({
       return vue.createVNode(Loading, {
         "size": props.loadingSize,
         "type": props.loadingType,
-        "class": bem$18("loading")
+        "class": bem$19("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -1665,14 +1677,14 @@ var stdin_default$1B = vue.defineComponent({
       } = 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);
       }
@@ -1686,7 +1698,7 @@ var stdin_default$1B = vue.defineComponent({
       }
       if (text) {
         return vue.createVNode("span", {
-          "class": bem$18("text")
+          "class": bem$19("text")
         }, [text]);
       }
     };
@@ -1743,7 +1755,7 @@ var stdin_default$1B = vue.defineComponent({
         nativeType,
         iconPosition
       } = props;
-      const classes = [bem$18([type, size, {
+      const classes = [bem$19([type, size, {
         plain,
         block,
         "block-inner": blockInner ? "block-inner" : "",
@@ -1763,16 +1775,16 @@ var stdin_default$1B = vue.defineComponent({
         "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$7] = createNamespace("calendar");
+const [name$1c, bem$18, t$7] = createNamespace("calendar");
 const formatMonthTitle = (date) => t$7("ztCalendar.monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   const year1 = date1.getFullYear();
@@ -1858,7 +1870,7 @@ function lockClick(lock) {
     }
   }
 }
-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,
@@ -1881,8 +1893,8 @@ const toastProps = {
   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, {
@@ -1917,13 +1929,13 @@ var stdin_default$1z = vue.defineComponent({
         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);
@@ -1937,10 +1949,10 @@ var stdin_default$1z = vue.defineComponent({
       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]);
       }
     };
@@ -1956,7 +1968,7 @@ var stdin_default$1z = vue.defineComponent({
     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,
@@ -2057,7 +2069,7 @@ function createInstance() {
           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;
@@ -2127,7 +2139,7 @@ const resetToastDefaultOptions = (type) => {
 const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-const Toast = withInstall(stdin_default$1z);
+const Toast = withInstall(stdin_default$1A);
 const useHeight = (element, withSafeArea) => {
   const height = vue.ref();
   const setHeight = () => {
@@ -2143,9 +2155,9 @@ const useHeight = (element, withSafeArea) => {
   });
   return height;
 };
-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,
@@ -2219,7 +2231,7 @@ var stdin_default$1y = vue.defineComponent({
       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,
@@ -2237,21 +2249,21 @@ var stdin_default$1y = vue.defineComponent({
       } = 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"),
@@ -2270,8 +2282,8 @@ const calendarMonthProps = {
   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, {
@@ -2382,7 +2394,7 @@ var stdin_default$1x = vue.defineComponent({
     const renderTitle = () => {
       if (props.showMonthTitle) {
         return vue.createVNode("div", {
-          "class": bem$17("month-title")
+          "class": bem$18("month-title")
         }, [title.value]);
       }
     };
@@ -2455,7 +2467,7 @@ var stdin_default$1x = vue.defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - use.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,
@@ -2466,7 +2478,7 @@ var stdin_default$1x = vue.defineComponent({
     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,
@@ -2477,14 +2489,14 @@ var stdin_default$1x = vue.defineComponent({
       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,
@@ -2507,7 +2519,7 @@ var stdin_default$1w = vue.defineComponent({
         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]);
       }
     };
@@ -2537,7 +2549,7 @@ var stdin_default$1w = vue.defineComponent({
       "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)"
@@ -2575,7 +2587,7 @@ var stdin_default$1w = vue.defineComponent({
       "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)"
@@ -2600,21 +2612,21 @@ var stdin_default$1w = vue.defineComponent({
       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()])]);
       }
@@ -2629,13 +2641,13 @@ var stdin_default$1w = vue.defineComponent({
       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()]);
   }
 });
@@ -2678,8 +2690,8 @@ const calendarProps = {
   },
   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, {
@@ -3031,7 +3043,7 @@ var stdin_default$1v = vue.defineComponent({
     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,
@@ -3075,13 +3087,13 @@ var stdin_default$1v = vue.defineComponent({
       }
     };
     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,
@@ -3097,7 +3109,7 @@ var stdin_default$1v = vue.defineComponent({
       "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);
@@ -3121,7 +3133,7 @@ var stdin_default$1v = vue.defineComponent({
       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,
@@ -3137,7 +3149,7 @@ var stdin_default$1v = vue.defineComponent({
     };
   }
 });
-const Calendar = withInstall(stdin_default$1v);
+const Calendar = withInstall(stdin_default$1w);
 function scrollLeftTo(scroller, to, duration) {
   let count = 0;
   const from = scroller.scrollLeft;
@@ -3202,7 +3214,7 @@ function useVisibilityChange(target, onChange) {
   vue.onBeforeUnmount(unobserve);
   use.onMountedOrActivated(observe);
 }
-const [name$16, bem$15] = createNamespace("sticky");
+const [name$17, bem$16] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -3210,8 +3222,8 @@ const stickyProps = {
   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, {
@@ -3308,7 +3320,7 @@ var stdin_default$1u = vue.defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
-        "class": bem$15({
+        "class": bem$16({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -3316,10 +3328,10 @@ var stdin_default$1u = vue.defineComponent({
     };
   }
 });
-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,
@@ -3374,7 +3386,7 @@ var stdin_default$1t = vue.defineComponent({
     });
     const renderText = () => {
       const Text = vue.createVNode("span", {
-        "class": bem$14("text", {
+        "class": bem$15("text", {
           ellipsis: !props.scrollable
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -3392,7 +3404,7 @@ var stdin_default$1t = vue.defineComponent({
     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,
@@ -3406,7 +3418,7 @@ var stdin_default$1t = vue.defineComponent({
     }, [renderText()]);
   }
 });
-const [name$14, bem$13] = createNamespace("swipe");
+const [name$15, bem$14] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -3422,9 +3434,9 @@ const swipeProps = {
   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, {
@@ -3695,7 +3707,7 @@ var stdin_default$1s = vue.defineComponent({
     const renderDot = (_, index) => {
       const active = index === activeIndicator.value;
       return vue.createVNode("i", {
-        "class": bem$13("indicator", {
+        "class": bem$14("indicator", {
           active
         })
       }, null);
@@ -3709,7 +3721,7 @@ var stdin_default$1s = vue.defineComponent({
       }
       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)]);
@@ -3718,17 +3730,17 @@ var stdin_default$1s = vue.defineComponent({
     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()]);
@@ -3768,10 +3780,10 @@ var stdin_default$1s = vue.defineComponent({
       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,
@@ -3782,10 +3794,10 @@ var stdin_default$1s = vue.defineComponent({
     };
   }
 });
-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,
@@ -3809,7 +3821,7 @@ var stdin_default$1r = vue.defineComponent({
         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,
@@ -3834,13 +3846,13 @@ var stdin_default$1r = vue.defineComponent({
       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,
@@ -3863,9 +3875,9 @@ const tabsProps = {
   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, {
@@ -4055,7 +4067,7 @@ var stdin_default$1q = vue.defineComponent({
       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),
@@ -4076,7 +4088,7 @@ var stdin_default$1q = vue.defineComponent({
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return vue.createVNode("div", {
-          "class": bem$11("line"),
+          "class": bem$12("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -4084,14 +4096,14 @@ var stdin_default$1q = vue.defineComponent({
     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);
       }
     };
@@ -4103,13 +4115,13 @@ var stdin_default$1q = vue.defineComponent({
       } = 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
         }]),
@@ -4179,7 +4191,7 @@ var stdin_default$1q = vue.defineComponent({
       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,
@@ -4189,7 +4201,7 @@ var stdin_default$1q = vue.defineComponent({
           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,
@@ -4209,9 +4221,9 @@ var stdin_default$1q = vue.defineComponent({
 });
 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
   }) {
@@ -4276,14 +4288,14 @@ var stdin_default$1p = vue.defineComponent({
     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,
@@ -4294,8 +4306,8 @@ const tabProps = extend({}, routeProps, {
   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
@@ -4353,7 +4365,7 @@ var stdin_default$1o = vue.defineComponent({
         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,
@@ -4363,7 +4375,7 @@ var stdin_default$1o = vue.defineComponent({
           default: () => {
             var _a2;
             return [vue.createVNode("div", {
-              "class": bem$$("panel")
+              "class": bem$10("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -4376,23 +4388,23 @@ var stdin_default$1o = vue.defineComponent({
       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
@@ -4401,7 +4413,7 @@ var stdin_default$1n = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "role": "separator",
-        "class": bem$_({
+        "class": bem$$({
           dashed: props.dashed,
           hairline: props.hairline,
           [`content-${props.contentPosition}`]: !!slots.default
@@ -4410,8 +4422,8 @@ var stdin_default$1n = vue.defineComponent({
     };
   }
 });
-const Divider = withInstall(stdin_default$1n);
-const [name$_, bem$Z, t$6] = createNamespace("cascader");
+const Divider = withInstall(stdin_default$1o);
+const [name$$, bem$_, t$6] = createNamespace("cascader");
 const cascaderProps = {
   title: String,
   show: Boolean,
@@ -4431,8 +4443,8 @@ const cascaderProps = {
   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, {
@@ -4546,9 +4558,9 @@ var stdin_default$1m = vue.defineComponent({
       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 {
@@ -4562,7 +4574,7 @@ var stdin_default$1m = vue.defineComponent({
       }) : vue.createVNode("span", null, [option[textKey]]);
       return vue.createVNode("li", {
         "role": "menuitemradio",
-        "class": [bem$Z("option", {
+        "class": [bem$_("option", {
           selected,
           disabled
         }), option.className],
@@ -4575,12 +4587,12 @@ var stdin_default$1m = vue.defineComponent({
         "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": {
@@ -4596,7 +4608,7 @@ var stdin_default$1m = vue.defineComponent({
       const title = selected ? selected[textKey] : placeholder;
       return vue.createVNode(Tab, {
         "title": title,
-        "titleClass": bem$Z("tab", {
+        "titleClass": bem$_("tab", {
           unselected: !selected
         })
       }, {
@@ -4614,15 +4626,15 @@ var stdin_default$1m = vue.defineComponent({
       "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("取消")]
@@ -4659,7 +4671,7 @@ var stdin_default$1m = vue.defineComponent({
       updateTabs();
     });
     const renderCascade = () => vue.createVNode("div", {
-      "class": bem$Z()
+      "class": bem$_()
     }, [renderHeader(), renderDivider(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
     return () => {
       if (props.popup) {
@@ -4680,8 +4692,8 @@ var stdin_default$1m = vue.defineComponent({
     };
   }
 });
-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,
@@ -4702,23 +4714,26 @@ const cellSharedProps = {
   clickable: {
     type: Boolean,
     default: null
-  }
+  },
+  clearable: Boolean,
+  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"],
+  emits: ["click", "clear"],
   setup(props, {
     slots,
     emit
   }) {
     const route2 = useRoute();
+    const clearIconRef = vue.ref();
     const renderLabel = () => {
       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]);
       }
     };
@@ -4729,7 +4744,7 @@ var stdin_default$1l = vue.defineComponent({
       if (props.titleIcon) {
         return vue.createVNode(Icon, {
           "name": props.titleIcon,
-          "class": bem$Y("title-icon"),
+          "class": bem$Z("title-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -4739,13 +4754,13 @@ var stdin_default$1l = vue.defineComponent({
         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()]);
       }
     };
@@ -4757,7 +4772,7 @@ var stdin_default$1l = vue.defineComponent({
         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);
       }
@@ -4772,20 +4787,41 @@ var stdin_default$1l = vue.defineComponent({
         emit("click");
       }
     };
+    const onClear = (event) => {
+      preventDefault(event, true);
+      emit("clear", event);
+    };
+    function getClearIconListenerEvent() {
+      if ("ontouchstart" in document.documentElement) {
+        return "touchstart";
+      }
+      return "click";
+    }
+    use.useEventListener(getClearIconListenerEvent(), onClear, {
+      target: vue.computed(() => {
+        var _a;
+        return (_a = clearIconRef.value) == null ? void 0 : _a.$el;
+      })
+    });
     const renderValue = () => {
       var _a;
       const slot = slots.value || slots.default;
       const hasValue = slot || isDef(props.value);
       const isHorizontal = props.direction === "horizontal";
+      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")
-        }, [props.value]), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
+          "class": bem$Z("value-text")
+        }, [props.value]), showClear && vue.createVNode(Icon, {
+          "ref": clearIconRef,
+          "name": props.clearIcon,
+          "class": bem$Z("value-clear")
+        }, null), (_a = slots.extra) == null ? void 0 : _a.call(slots), renderRightIcon()]);
       }
     };
     const renderLeftIcon = () => {
@@ -4795,7 +4831,7 @@ var stdin_default$1l = vue.defineComponent({
       if (props.leftIcon) {
         return vue.createVNode(Icon, {
           "name": props.leftIcon,
-          "class": bem$Y("left-icon"),
+          "class": bem$Z("left-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -4827,7 +4863,7 @@ var stdin_default$1l = vue.defineComponent({
           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")
@@ -4835,7 +4871,7 @@ var stdin_default$1l = vue.defineComponent({
       };
       if (hasLeftIcon) {
         return vue.createVNode("div", {
-          "class": [bem$Y("with-left", {
+          "class": [bem$Z("with-left", {
             borderless: !border
           })]
         }, [renderLeftIcon(), renderWrapper()]);
@@ -4844,15 +4880,15 @@ var stdin_default$1l = vue.defineComponent({
     };
   }
 });
-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, {
@@ -4862,7 +4898,7 @@ var stdin_default$1k = vue.defineComponent({
     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
@@ -4870,7 +4906,7 @@ var stdin_default$1k = vue.defineComponent({
       }, 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]);
@@ -4882,8 +4918,8 @@ var stdin_default$1k = vue.defineComponent({
     };
   }
 });
-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,
@@ -4892,9 +4928,9 @@ const checkboxGroupProps = {
   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, {
@@ -4940,7 +4976,7 @@ var stdin_default$1j = vue.defineComponent({
     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)]);
     };
   }
@@ -4955,7 +4991,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1i = vue.defineComponent({
+var stdin_default$1j = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5056,7 +5092,7 @@ var stdin_default$1i = vue.defineComponent({
     };
   }
 });
-const [name$W, bem$V] = createNamespace("checkbox");
+const [name$X, bem$W] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp,
   indeterminate: {
@@ -5064,8 +5100,8 @@ const checkboxProps = extend({}, checkerProps, {
     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, {
@@ -5129,8 +5165,8 @@ var stdin_default$1h = vue.defineComponent({
       checked
     });
     use.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,
@@ -5138,10 +5174,10 @@ var stdin_default$1h = vue.defineComponent({
     }, 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,
@@ -5149,8 +5185,8 @@ const rowProps = {
   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
@@ -5209,7 +5245,7 @@ var stdin_default$1g = vue.defineComponent({
         justify
       } = props;
       return vue.createVNode(tag, {
-        "class": bem$U({
+        "class": bem$V({
           [`align-${align}`]: align,
           [`justify-${justify}`]: justify,
           nowrap: !wrap
@@ -5223,14 +5259,14 @@ var stdin_default$1g = vue.defineComponent({
     };
   }
 });
-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
@@ -5265,7 +5301,7 @@ var stdin_default$1f = vue.defineComponent({
       } = props;
       return vue.createVNode(tag, {
         "style": style.value,
-        "class": bem$T({
+        "class": bem$U({
           [span]: span,
           [`offset-${offset}`]: offset
         })
@@ -5278,9 +5314,9 @@ var stdin_default$1f = vue.defineComponent({
     };
   }
 });
-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,
@@ -5300,8 +5336,8 @@ function validateModelValue(modelValue, accordion) {
   }
   return true;
 }
-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, {
@@ -5371,15 +5407,15 @@ var stdin_default$1e = vue.defineComponent({
     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,
@@ -5389,8 +5425,8 @@ const collapseItemProps = extend({}, {
   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
@@ -5461,23 +5497,23 @@ var stdin_default$1d = vue.defineComponent({
         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
         })
@@ -5487,11 +5523,11 @@ var stdin_default$1d = vue.defineComponent({
       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({
@@ -5500,13 +5536,13 @@ var stdin_default$1d = vue.defineComponent({
       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$5] = createNamespace("picker");
+const CollapseItem = withInstall(stdin_default$1e);
+const ConfigProvider = withInstall(stdin_default$1P);
+const [name$S, bem$R, t$5] = createNamespace("picker");
 const getFirstEnabledOption$1 = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType$1(columns, fields) {
   const firstColumn = columns[0];
@@ -5575,10 +5611,10 @@ function assignDefaultFields$1(fields) {
 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(""),
@@ -5712,7 +5748,7 @@ var stdin_default$1c = vue.defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$P("item", {
+          class: [bem$Q("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -5732,14 +5768,14 @@ var stdin_default$1c = vue.defineComponent({
           [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])]);
       }
     };
@@ -5757,7 +5793,7 @@ var stdin_default$1c = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$P(),
+      "class": bem$Q(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -5768,12 +5804,12 @@ var stdin_default$1c = vue.defineComponent({
         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,
@@ -5781,8 +5817,8 @@ const pickerToolbarProps$1 = {
 };
 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, {
@@ -5796,7 +5832,7 @@ var stdin_default$1b = vue.defineComponent({
       return vue.createVNode(Button, {
         "type": "default",
         "hairline": true,
-        "class": bem$Q("cancel"),
+        "class": bem$R("cancel"),
         "onClick": onCancel
       }, {
         default: () => [slots.cancel ? slots.cancel() : text]
@@ -5806,14 +5842,14 @@ var stdin_default$1b = vue.defineComponent({
       const text = props.confirmButtonText || t$5("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()]]);
   }
 });
@@ -5837,8 +5873,8 @@ const pickerProps = extend({}, pickerSharedProps$1, {
   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, {
@@ -5924,7 +5960,7 @@ var stdin_default$1a = vue.defineComponent({
     };
     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,
@@ -5948,10 +5984,10 @@ var stdin_default$1a = vue.defineComponent({
           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)];
       }
@@ -5963,13 +5999,13 @@ var stdin_default$1a = vue.defineComponent({
       };
       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));
@@ -5981,7 +6017,7 @@ var stdin_default$1a = vue.defineComponent({
           return slots["title-bar"]();
         }
         return vue.createVNode("div", {
-          "class": [bem$Q("title"), HAPTICS_FEEDBACK]
+          "class": [bem$R("title"), HAPTICS_FEEDBACK]
         }, [props.title]);
       }
     };
@@ -6028,14 +6064,14 @@ var stdin_default$1a = vue.defineComponent({
     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,
@@ -6090,9 +6126,9 @@ const formatValueRange = (values, columns) => values.map((value, index) => {
   }
   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(_, {
@@ -6114,13 +6150,13 @@ var stdin_default$18 = vue.defineComponent({
     }, 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(""),
@@ -6252,7 +6288,7 @@ var stdin_default$17 = vue.defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$O("item", {
+          class: [bem$P("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -6265,7 +6301,7 @@ var stdin_default$17 = vue.defineComponent({
         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])]);
           }
@@ -6281,11 +6317,11 @@ var stdin_default$17 = vue.defineComponent({
           [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])]);
       }
     };
@@ -6294,11 +6330,11 @@ var stdin_default$17 = vue.defineComponent({
       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)];
     use.useParent(TIME_PICKER_KEY);
@@ -6319,7 +6355,7 @@ var stdin_default$17 = vue.defineComponent({
     return () => vue.createVNode("div", {
       "ref": root,
       "style": columnStyle,
-      "class": bem$O(),
+      "class": bem$P(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -6330,12 +6366,12 @@ var stdin_default$17 = vue.defineComponent({
         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),
@@ -6352,8 +6388,8 @@ const timePickerProps = extend({}, sharedProps, {
     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, {
@@ -6427,7 +6463,7 @@ var stdin_default$16 = vue.defineComponent({
       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,
@@ -6446,9 +6482,9 @@ var stdin_default$16 = vue.defineComponent({
       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))]);
       }
     };
@@ -6459,7 +6495,7 @@ var stdin_default$16 = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "ref": columnsRef,
-        "class": bem$N("columns"),
+        "class": bem$O("columns"),
         "style": columnsStyle
       }, [renderSeparators(), renderColumnItems()]);
     };
@@ -6492,13 +6528,13 @@ var stdin_default$16 = vue.defineComponent({
       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,
@@ -6521,8 +6557,8 @@ const dateTimePickerProps = extend({}, sharedProps, popupSharedProps, {
   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, {
@@ -6716,7 +6752,7 @@ var stdin_default$14 = vue.defineComponent({
     });
     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,
@@ -6724,10 +6760,10 @@ var stdin_default$14 = vue.defineComponent({
       "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,
@@ -6741,9 +6777,9 @@ var stdin_default$14 = vue.defineComponent({
     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, {
@@ -6883,17 +6919,17 @@ var stdin_default$13 = vue.defineComponent({
     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
         })],
@@ -6901,16 +6937,16 @@ var stdin_default$13 = vue.defineComponent({
           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
         })],
@@ -6918,17 +6954,17 @@ var stdin_default$13 = vue.defineComponent({
           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,
@@ -6940,7 +6976,7 @@ var stdin_default$13 = vue.defineComponent({
           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,
@@ -6950,7 +6986,7 @@ var stdin_default$13 = vue.defineComponent({
         "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,
@@ -6964,15 +7000,15 @@ var stdin_default$13 = vue.defineComponent({
     };
     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,
@@ -6983,8 +7019,8 @@ var stdin_default$13 = vue.defineComponent({
     });
   }
 });
-const DateTimePicker = withInstall(stdin_default$13);
-const [name$K, bem$K, t$4] = createNamespace("dialog");
+const DateTimePicker = withInstall(stdin_default$14);
+const [name$L, bem$L, t$4] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
   primaryHeader: Boolean,
@@ -7008,8 +7044,8 @@ const dialogProps = extend({}, popupSharedProps, {
   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, {
@@ -7073,7 +7109,7 @@ var stdin_default$12 = vue.defineComponent({
           //   }])}
           // >
           vue.createVNode("div", {
-            "class": bem$K("header", {
+            "class": bem$L("header", {
               isolated: !props.message && !slots.default,
               "custom-title": !!slots.title,
               primary: props.primaryHeader
@@ -7096,7 +7132,7 @@ var stdin_default$12 = vue.defineComponent({
       } 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", {
@@ -7111,7 +7147,7 @@ var stdin_default$12 = vue.defineComponent({
     const renderContent = () => {
       if (slots.default) {
         return vue.createVNode("div", {
-          "class": bem$K("content")
+          "class": bem$L("content")
         }, [slots.default()]);
       }
       const {
@@ -7123,19 +7159,19 @@ var stdin_default$12 = vue.defineComponent({
         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$4("cancel"),
-      "class": bem$K("cancel"),
+      "class": bem$L("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
@@ -7145,7 +7181,7 @@ var stdin_default$12 = vue.defineComponent({
     }, null), props.showConfirmButton && vue.createVNode(Button, {
       "type": "primary",
       "text": props.confirmButtonText || t$4("confirm"),
-      "class": bem$K("confirm", {
+      "class": bem$L("confirm", {
         "with-cancel": props.showCancelButton
       }),
       "style": {
@@ -7172,7 +7208,7 @@ var stdin_default$12 = vue.defineComponent({
       return vue.createVNode(Popup, vue.mergeProps({
         "ref": root,
         "role": "dialog",
-        "class": [bem$K([theme]), className],
+        "class": [bem$L([theme]), className],
         "style": {
           width: addUnit(width)
         },
@@ -7222,7 +7258,7 @@ function initInstance$2() {
         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);
     }
@@ -7260,8 +7296,8 @@ const closeDialog = () => {
     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,
@@ -7271,9 +7307,9 @@ const dropdownMenuProps = {
   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
@@ -7340,7 +7376,7 @@ var stdin_default$11 = vue.defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "class": [bem$J("item", {
+        "class": [bem$K("item", {
           disabled
         }), {
           [HAPTICS_FEEDBACK]: !disabled
@@ -7351,7 +7387,7 @@ var stdin_default$11 = vue.defineComponent({
           }
         }
       }, [vue.createVNode("span", {
-        "class": [bem$J("title", {
+        "class": [bem$K("title", {
           down: showPopup === (props.direction === "down"),
           active: showPopup
         }), titleClass],
@@ -7361,8 +7397,8 @@ var stdin_default$11 = vue.defineComponent({
       }, [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)])])]);
     };
@@ -7381,18 +7417,18 @@ var stdin_default$11 = vue.defineComponent({
       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(),
@@ -7404,8 +7440,8 @@ const dropdownItemProps = {
   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"],
@@ -7540,7 +7576,7 @@ var stdin_default$10 = vue.defineComponent({
         }
         if (active) {
           return vue.createVNode(Icon, {
-            "class": bem$I("icon"),
+            "class": bem$J("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
@@ -7553,7 +7589,7 @@ var stdin_default$10 = vue.defineComponent({
           "title-icon": option.icon,
           "title": option.text,
           "direction": "horizontal",
-          "class": [bem$I("option", {
+          "class": [bem$J("option", {
             active
           }), HAPTICS_FEEDBACK],
           "style": {
@@ -7572,7 +7608,7 @@ var stdin_default$10 = vue.defineComponent({
         "title-icon": option.icon,
         "title": option.text,
         "direction": "horizontal",
-        "class": [bem$I("option", {
+        "class": [bem$J("option", {
           active
         }), HAPTICS_FEEDBACK],
         "style": {
@@ -7621,13 +7657,13 @@ var stdin_default$10 = vue.defineComponent({
       }
       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",
@@ -7646,20 +7682,20 @@ var stdin_default$10 = vue.defineComponent({
         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)];
@@ -7683,8 +7719,8 @@ var stdin_default$10 = vue.defineComponent({
     };
   }
 });
-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",
@@ -8818,7 +8854,7 @@ const renderNoCollect = (bem2) => vue.createVNode("svg", {
   "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,
@@ -8838,8 +8874,8 @@ const emptyProps = {
   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
@@ -8849,7 +8885,7 @@ var stdin_default$$ = vue.defineComponent({
       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);
     };
@@ -8857,26 +8893,26 @@ var stdin_default$$ = vue.defineComponent({
       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;
@@ -8965,7 +9001,7 @@ function getStringLength(str) {
 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,
@@ -9015,8 +9051,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     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, {
@@ -9248,7 +9284,7 @@ var stdin_default$_ = vue.defineComponent({
     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
@@ -9286,7 +9322,7 @@ var stdin_default$_ = vue.defineComponent({
       }
       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, {
@@ -9300,7 +9336,7 @@ var stdin_default$_ = vue.defineComponent({
       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,
@@ -9312,7 +9348,7 @@ var stdin_default$_ = vue.defineComponent({
       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
@@ -9323,7 +9359,7 @@ var stdin_default$_ = vue.defineComponent({
       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,
@@ -9335,9 +9371,9 @@ var stdin_default$_ = vue.defineComponent({
       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]);
       }
     };
@@ -9346,7 +9382,7 @@ var stdin_default$_ = vue.defineComponent({
         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));
@@ -9359,7 +9395,7 @@ var stdin_default$_ = vue.defineComponent({
         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]);
@@ -9370,7 +9406,7 @@ var stdin_default$_ = vue.defineComponent({
         return;
       }
       return vue.createVNode("div", {
-        "class": bem$G("bottom")
+        "class": bem$H("bottom")
       }, [renderDescription(), renderMessage()]);
     };
     const renderLabel = () => {
@@ -9386,13 +9422,13 @@ var stdin_default$_ = vue.defineComponent({
       }
     };
     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,
@@ -9434,7 +9470,7 @@ var stdin_default$_ = vue.defineComponent({
         "direction": props.direction,
         "title-icon": props.titleIcon,
         "left-icon": props.leftIcon,
-        "class": bem$G({
+        "class": bem$H({
           error: showError.value,
           disabled,
           readonly,
@@ -9448,8 +9484,8 @@ var stdin_default$_ = vue.defineComponent({
         "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
@@ -9464,7 +9500,179 @@ var stdin_default$_ = vue.defineComponent({
     };
   }
 });
-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 x = addUnit(state.value.x);
+      const y = addUnit(state.value.y);
+      style.transform = `translate3d(${x}, ${y}, 0)`;
+      if (dragging.value || !initialized) {
+        style.transition = "none";
+      }
+      return style;
+    });
+    const updateState = () => {
+      if (!show.value)
+        return;
+      const {
+        width,
+        height
+      } = use.useRect(rootRef.value);
+      const {
+        offset
+      } = props;
+      state.value = {
+        x: offset.x > -1 ? offset.x : windowWidth.value - width - props.gap,
+        y: offset.y > -1 ? offset.y : windowHeight.value - height - props.gap,
+        width,
+        height
+      };
+    };
+    const touch = useTouch();
+    let prevX = 0;
+    let prevY = 0;
+    const onTouchStart = (e) => {
+      touch.start(e);
+      dragging.value = true;
+      prevX = state.value.x;
+      prevY = state.value.y;
+    };
+    const onTouchMove = (e) => {
+      e.preventDefault();
+      touch.move(e);
+      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 offset = pick(state.value, ["x", "y"]);
+        emit("update:offset", offset);
+      }
+    };
+    use.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 offset = pick(state.value, ["x", "y"]);
+          emit("update:offset", offset);
+          if (prevX !== offset.x || prevY !== offset.y) {
+            emit("offsetChange", offset);
+          }
+        }
+      });
+    };
+    const onClick = (e) => {
+      if (touch.isTap.value)
+        emit("click", e);
+      else
+        e.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,
@@ -9852,7 +10060,7 @@ var stdin_default$U = vue.defineComponent({
       }
     }, [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"
@@ -9899,6 +10107,7 @@ const hierarchySelectProps = {
   asyncGetter: {
     type: Function
   },
+  // 是否开启自动全选、半选功能
   unanimous: {
     type: Boolean,
     default: true
@@ -10108,7 +10317,7 @@ var stdin_default$T = vue.defineComponent({
             round: true,
             checked: getChecked(item)
           })
-        }, [vue.createVNode(stdin_default$1M, {
+        }, [vue.createVNode(stdin_default$1N, {
           "name": "checkbox-select"
         }, null)]);
       }
@@ -10118,14 +10327,14 @@ var stdin_default$T = vue.defineComponent({
           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)]);
@@ -10365,8 +10574,8 @@ var stdin_default$S = vue.defineComponent({
       } = 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);
@@ -10752,7 +10961,7 @@ const indexBarProps = {
     default: genAlphabet
   },
   indexBarMaxHeight: makeNumericProp("70vh"),
-  contractionPointText: makeStringProp("·")
+  contractionPointText: makeStringProp("•")
 };
 const INDEX_BAR_KEY = Symbol(name$z);
 const MIN_CONTRACTION_NUM = 2;
@@ -10768,9 +10977,9 @@ var stdin_default$Q = vue.defineComponent({
     const sidebar = vue.ref();
     const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = vue.ref("");
-    const indexBarMaxHeight = () => {
+    const indexBarMaxHeight = vue.computed(() => {
       return props.indexBarMaxHeight ? unitToPx(props.indexBarMaxHeight) : unitToPx("100vh");
-    };
+    });
     const touch = useTouch();
     const scrollParent = use.useScrollParent(root);
     const {
@@ -10969,9 +11178,9 @@ var stdin_default$Q = vue.defineComponent({
     };
     const adaptorIndexListByHeight = () => {
       const actualIndexListHeight = props.indexList.length * getIndexHeight();
-      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight()) {
+      if (actualIndexListHeight && actualIndexListHeight > indexBarMaxHeight.value) {
         const adaptedIndexList = deepClone(props.indexList);
-        const renderedNum = Math.floor(indexBarMaxHeight() / getIndexHeight());
+        const renderedNum = Math.floor(indexBarMaxHeight.value / getIndexHeight());
         const renderedPointNum = Math.floor(renderedNum / MIN_CONTRACTION_NUM);
         const renderedIndexNum = renderedNum - renderedPointNum;
         const hiddenIndexNum = adaptedIndexList.length - renderedIndexNum;
@@ -11029,23 +11238,31 @@ var stdin_default$Q = vue.defineComponent({
         }, [vue.createVNode("div", {
           "class": bem$y("touch-text")
         }, [touchActiveText]), vue.createVNode("svg", {
-          "class": bem$y("icon"),
           "xmlns": "http://www.w3.org/2000/svg",
-          "viewBox": "0 0 20 32"
-        }, [vue.createVNode("defs", null, [vue.createVNode("path", {
-          "id": "7rkhbmqvk__gc482iacwa",
-          "d": "M0 0H20V32H0z"
-        }, null)]), vue.createVNode("g", {
           "fill": "none",
-          "fill-rule": "evenodd"
-        }, [vue.createVNode("path", {
-          "d": "M-1,0 C7.836556,-1.623249e-15 15,7.163444 15,16 C15,24.836556 7.836556,32 -1,32 L-1,32 L-1,32 L-1,0 Z",
-          "fill": "#8093AB",
-          "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+          "viewBox": "0 0 20 32",
+          "class": bem$y("icon")
+        }, [vue.createVNode("defs", null, [vue.createVNode("mask", {
+          "id": "ei8r0nsyx__b6fjzymnfa"
+        }, [vue.createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0",
+          "fill": "#FFF"
+        }, null)])]), vue.createVNode("g", {
+          "mask": "url(#ei8r0nsyx__b6fjzymnfa)"
+        }, [vue.createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0"
+        }, null), vue.createVNode("path", {
+          "d": "M-1.0000000000000497,0C7.83656,0,15,7.16344,15,16C15,24.8366,7.83656,32,-1,32L-1.0000000000000497,0Z",
+          "fill-rule": "evenodd",
+          "class": bem$y("icon-fill")
         }, null), vue.createVNode("path", {
-          "d": "M12.2406862,7.01475705 L19.4355101,15.3463801 C19.7597461,15.7218113 19.7597461,16.2781887 19.4355101,16.6536199 L12.2406862,24.9852429 C13.9822172,22.423901 15,19.3308084 15,16 C15,12.6691916 13.9822172,9.57609904 12.2406862,7.01475705 Z",
-          "fill": "#8093AB",
-          "mask": "url(#7rkhbmqvk__9ahlxl93tb)"
+          "d": "M12.243150099299784,24.98157383041382L19.435507386779786,16.65358383041382C19.759737386779786,16.27815383041382,19.759737386779786,15.721773830413818,19.435507386779786,15.346343830413819L12.243151433939785,7.018357001713818C13.983177386779785,9.578993830413818,14.999997386779786,12.670733830413818,14.999997386779786,15.999963830413819C14.999997386779786,19.32917383041382,13.983177386779785,22.420973830413818,12.243150099299784,24.98157383041382Z",
+          "fill-rule": "evenodd",
+          "class": bem$y("icon-fill")
         }, null)])])]), vue.createVNode("div", {
           "data-index": index,
           "data-index-map": contractionPointMapList,
@@ -11452,7 +11669,7 @@ var stdin_default$M = vue.defineComponent({
         }
       }
     };
-    return () => vue.createVNode(stdin_default$1J, {
+    return () => vue.createVNode(stdin_default$1K, {
       "class": bem$v(),
       "show": props.show,
       "position": "bottom",
@@ -13395,10 +13612,10 @@ var stdin_default$C = vue.defineComponent({
         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 !== "";
@@ -13417,7 +13634,7 @@ var stdin_default$C = vue.defineComponent({
     };
     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"
@@ -13507,7 +13724,7 @@ var stdin_default$C = vue.defineComponent({
         "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,
@@ -13710,7 +13927,7 @@ var stdin_default$A = vue.defineComponent({
     };
     const genCancel = () => {
       const text = props.cancelButtonText || "取消";
-      return vue.createVNode(stdin_default$1A, {
+      return vue.createVNode(stdin_default$1B, {
         "size": "normal",
         "block": true,
         "style": {
@@ -13723,7 +13940,7 @@ var stdin_default$A = vue.defineComponent({
     };
     const genConfirm = () => {
       const text = props.confirmButtonText || "确定";
-      return vue.createVNode(stdin_default$1A, {
+      return vue.createVNode(stdin_default$1B, {
         "type": "primary",
         "size": "normal",
         "block": true,
@@ -13772,10 +13989,10 @@ var stdin_default$A = vue.defineComponent({
     }, [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,
@@ -13942,7 +14159,7 @@ var stdin_default$y = vue.defineComponent({
         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);
@@ -13968,7 +14185,7 @@ var stdin_default$y = vue.defineComponent({
       }
       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
@@ -14156,11 +14373,11 @@ const resetNotifyDefaultOptions = () => {
 };
 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);
@@ -15046,7 +15263,7 @@ var stdin_default$q = vue.defineComponent({
         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,
@@ -15442,7 +15659,7 @@ var stdin_default$n = vue.defineComponent({
         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"
         }, {
@@ -15833,7 +16050,7 @@ var stdin_default$l = vue.defineComponent({
     };
     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,
@@ -16055,7 +16272,7 @@ var stdin_default$k = vue.defineComponent({
   }
 });
 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 = {
@@ -16321,20 +16538,20 @@ var stdin_default$j = vue.defineComponent({
         "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,
@@ -16841,7 +17058,7 @@ var stdin_default$f = vue.defineComponent({
         }
       ],
       "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", {
@@ -16874,7 +17091,7 @@ var stdin_default$f = vue.defineComponent({
         // { [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]])]);
@@ -17596,7 +17813,7 @@ var stdin_default$8 = vue.defineComponent({
       }, 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);
@@ -19393,7 +19610,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.10";
+const version = "3.1.12";
 function install(app) {
   const components = [
     ActionSheet,
@@ -19417,6 +19634,7 @@ function install(app) {
     DropdownMenu,
     Empty,
     Field,
+    FloatingBubble,
     Form,
     Grid,
     GridItem,
@@ -19503,6 +19721,7 @@ exports.DropdownItem = DropdownItem;
 exports.DropdownMenu = DropdownMenu;
 exports.Empty = Empty;
 exports.Field = Field;
+exports.FloatingBubble = FloatingBubble;
 exports.Form = Form;
 exports.Grid = Grid;
 exports.GridItem = GridItem;
@@ -19570,6 +19789,7 @@ exports.default = stdin_default;
 exports.dialogProps = dialogProps;
 exports.dropdownItemProps = dropdownItemProps;
 exports.dropdownMenuProps = dropdownMenuProps;
+exports.floatingBubbleProps = floatingBubbleProps;
 exports.gridItemProps = gridItemProps;
 exports.gridProps = gridProps;
 exports.imagePreviewProps = imagePreviewProps;