zartui 3.1.10 → 3.1.12

package/lib/zartui.es.js

@@ -248,7 +248,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1R = {
+var stdin_default$1S = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -295,7 +295,7 @@ var stdin_default$1R = {
 };
 const lang = ref("zh-CN");
 const messages = reactive({
-  "zh-CN": stdin_default$1R
+  "zh-CN": stdin_default$1S
 });
 const Locale = {
   messages() {
@@ -309,11 +309,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;
   };
@@ -364,6 +364,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,
@@ -399,7 +400,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,
@@ -412,8 +418,8 @@ const badgeProps = {
   badgeClass: String,
   position: makeStringProp("top-right")
 };
-var stdin_default$1P = defineComponent({
-  name: name$1l,
+var stdin_default$1Q = defineComponent({
+  name: name$1m,
   props: badgeProps,
   setup(props, {
     slots
@@ -440,11 +446,11 @@ var stdin_default$1P = defineComponent({
         }
         if (isDef(max) && isNumeric(content) && +content > +max) {
           return createVNode("p", {
-            "class": [bem$1h("wrapper", "badge-num")]
+            "class": [bem$1i("wrapper", "badge-num")]
           }, [`${max}+`]);
         }
         return createVNode("p", {
-          "class": [bem$1h("wrapper", "badge-num")]
+          "class": [bem$1i("wrapper", "badge-num")]
         }, [content]);
       }
     };
@@ -472,7 +478,7 @@ var stdin_default$1P = defineComponent({
     const renderBadge = () => {
       if (hasContent() || props.dot) {
         return createVNode("div", {
-          "class": [bem$1h([props.position, {
+          "class": [bem$1i([props.position, {
             dot: props.dot,
             fixed: !!slots.default
           }]), props.badgeClass],
@@ -486,7 +492,7 @@ var stdin_default$1P = defineComponent({
           tag
         } = props;
         return createVNode(tag, {
-          "class": bem$1h("wrapper")
+          "class": bem$1i("wrapper")
         }, {
           default: () => [slots.default(), renderBadge()]
         });
@@ -495,14 +501,14 @@ var stdin_default$1P = 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"),
@@ -536,8 +542,8 @@ function syncThemeVarsOnRoot(newStyle = {}, oldStyle = {}) {
     }
   });
 }
-var stdin_default$1O = defineComponent({
-  name: name$1k,
+var stdin_default$1P = defineComponent({
+  name: name$1l,
   props: configProviderProps,
   setup(props, {
     slots
@@ -585,7 +591,7 @@ var stdin_default$1O = defineComponent({
       }
     });
     return () => createVNode(props.tag, {
-      "class": bem$1g(),
+      "class": bem$1h(),
       "style": props.themeVarsScope === "local" ? style.value : void 0
     }, {
       default: () => {
@@ -595,7 +601,7 @@ var stdin_default$1O = 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,
@@ -607,14 +613,14 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1N = defineComponent({
-  name: name$1j,
+var stdin_default$1O = defineComponent({
+  name: name$1k,
   props: iconProps,
   setup(props, {
     slots
   }) {
     const config = inject(CONFIG_PROVIDER_KEY, null);
-    const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1f());
+    const classPrefix = computed(() => props.classPrefix || (config == null ? void 0 : config.iconPrefix) || bem$1g());
     return () => {
       const {
         tag,
@@ -638,7 +644,7 @@ var stdin_default$1N = defineComponent({
         default: () => {
           var _a;
           return [(_a = slots.default) == null ? void 0 : _a.call(slots), isImageIcon && createVNode("img", {
-            "class": bem$1f("image"),
+            "class": bem$1g("image"),
             "src": name2
           }, null)];
         }
@@ -646,8 +652,8 @@ var stdin_default$1N = 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,
@@ -700,6 +706,7 @@ function useTouch() {
   const offsetX = ref(0);
   const offsetY = ref(0);
   const direction = ref("");
+  const isTap = ref(true);
   const isVertical = () => direction.value === "vertical";
   const isHorizontal = () => direction.value === "horizontal";
   const reset = () => {
@@ -708,6 +715,7 @@ function useTouch() {
     offsetX.value = 0;
     offsetY.value = 0;
     direction.value = "";
+    isTap.value = true;
   };
   const start = (event) => {
     reset();
@@ -724,6 +732,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,
@@ -737,7 +748,8 @@ function useTouch() {
     offsetY,
     direction,
     isVertical,
-    isHorizontal
+    isHorizontal,
+    isTap
   };
 }
 let totalLockCount = 0;
@@ -818,7 +830,7 @@ const useScopeId = () => {
   const { scopeId } = ((_a = 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,
@@ -828,8 +840,8 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1L = defineComponent({
-  name: name$1i,
+var stdin_default$1M = defineComponent({
+  name: name$1j,
   props: overlayProps,
   setup(props, {
     slots
@@ -846,7 +858,7 @@ var stdin_default$1L = defineComponent({
       }
       return withDirectives(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)]), [[vShow, props.show]]);
     });
@@ -858,7 +870,7 @@ var stdin_default$1L = defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1L);
+const Overlay = withInstall(stdin_default$1M);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -876,9 +888,9 @@ const popupProps$2 = extend({}, popupSharedProps, {
   maxDragHeight: makeStringProp("85vh"),
   slideable: Boolean
 });
-const [name$1h, bem$1d] = createNamespace("popup");
-var stdin_default$1K = defineComponent({
-  name: name$1h,
+const [name$1i, bem$1e] = createNamespace("popup");
+var stdin_default$1L = defineComponent({
+  name: name$1i,
   inheritAttrs: false,
   props: popupProps$2,
   emits: ["open", "close", "opened", "closed", "keydown", "update:show", "clickOverlay", "clickCloseIcon"],
@@ -994,7 +1006,7 @@ var stdin_default$1K = 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);
@@ -1014,7 +1026,7 @@ var stdin_default$1K = defineComponent({
       return withDirectives(createVNode("div", mergeProps({
         "ref": popupRef,
         "style": style.value,
-        "class": [bem$1d({
+        "class": [bem$1e({
           round,
           [position]: position
         }), {
@@ -1027,18 +1039,18 @@ var stdin_default$1K = defineComponent({
     const sliderRenderPopup = lazyRender(() => {
       var _a, _b;
       return withDirectives(createVNode("div", 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(), createVNode("div", {
-        "class": bem$1d("slider-title"),
+        "class": bem$1e("slider-title"),
         "style": `height:${touchAreaHeight}px;`,
         "ref": root
       }, [createVNode("div", {
-        "class": bem$1d("slider-bar")
+        "class": bem$1e("slider-bar")
       }, null)]), createVNode("div", {
-        "class": bem$1d("slider-content"),
+        "class": bem$1e("slider-content"),
         "style": contentStyle.value
       }, [(_b = slots.default) == null ? void 0 : _b.call(slots)])]), [[vShow, props.show]]);
     });
@@ -1132,9 +1144,9 @@ var stdin_default$1K = 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"),
@@ -1147,12 +1159,12 @@ let svgElementId = 0;
 const LoadingIcon = (props) => {
   if (props.type === "spinner") {
     return Array(12).fill(null).map((_, index) => createVNode("i", {
-      "class": bem$1c("line", String(index + 1))
+      "class": bem$1d("line", String(index + 1))
     }, null));
   }
   if (props.type === "circular") {
     return createVNode("svg", {
-      "class": bem$1c("circular"),
+      "class": bem$1d("circular"),
       "viewBox": "25 25 50 50"
     }, [createVNode("circle", {
       "cx": "50",
@@ -1164,7 +1176,7 @@ const LoadingIcon = (props) => {
   const firstHalfId = svgElementId++;
   const secondHalfId = svgElementId++;
   return createVNode("svg", {
-    "class": bem$1c("snake"),
+    "class": bem$1d("snake"),
     "width": "200",
     "height": "200",
     "viewBox": "0 0 200 200",
@@ -1203,8 +1215,8 @@ const LoadingIcon = (props) => {
     "d": "M 9 100 A 91 91 0 0 1 9 100"
   }, null)])]);
 };
-var stdin_default$1I = defineComponent({
-  name: name$1g,
+var stdin_default$1J = defineComponent({
+  name: name$1h,
   props: loadingProps,
   setup(props, {
     slots
@@ -1216,7 +1228,7 @@ var stdin_default$1I = defineComponent({
       var _a;
       if (slots.default) {
         return createVNode("span", {
-          "class": bem$1c("text"),
+          "class": bem$1d("text"),
           "style": {
             fontSize: addUnit(props.textSize),
             color: (_a = props.textColor) != null ? _a : props.color
@@ -1230,21 +1242,21 @@ var stdin_default$1I = defineComponent({
         vertical
       } = props;
       return createVNode("div", {
-        "class": bem$1c([type, {
+        "class": bem$1d([type, {
           vertical
         }]),
         "aria-live": "polite",
         "aria-busy": true
       }, [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,
@@ -1258,8 +1270,8 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$1 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1G = defineComponent({
-  name: name$1f,
+var stdin_default$1H = defineComponent({
+  name: name$1g,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
   setup(props, {
@@ -1274,10 +1286,10 @@ var stdin_default$1G = defineComponent({
     const renderHeader = () => {
       if (props.title) {
         return createVNode("div", {
-          "class": bem$1b("header")
+          "class": bem$1c("header")
         }, [props.title, props.closeable && createVNode(Icon, {
           "name": props.closeIcon,
-          "class": [bem$1b("close"), HAPTICS_FEEDBACK],
+          "class": [bem$1c("close"), HAPTICS_FEEDBACK],
           "onClick": onCancel
         }, null)]);
       }
@@ -1285,10 +1297,10 @@ var stdin_default$1G = defineComponent({
     const renderCancel = () => {
       if (slots.cancel || props.cancelText) {
         return [createVNode("div", {
-          "class": bem$1b("cancel")
+          "class": bem$1c("cancel")
         }, [createVNode("button", {
           "type": "button",
-          "class": bem$1b("cancel-btn"),
+          "class": bem$1c("cancel-btn"),
           "onClick": onCancel
         }, [slots.cancel ? slots.cancel() : props.cancelText])])];
       }
@@ -1296,7 +1308,7 @@ var stdin_default$1G = defineComponent({
     const renderActionContent = (action, index) => {
       if (action.loading) {
         return createVNode(Loading, {
-          "class": bem$1b("loading-icon")
+          "class": bem$1c("loading-icon")
         }, null);
       }
       if (slots.action) {
@@ -1306,9 +1318,9 @@ var stdin_default$1G = defineComponent({
         });
       }
       return [createVNode("span", {
-        "class": bem$1b("name")
+        "class": bem$1c("name")
       }, [action.name]), action.subname && createVNode("div", {
-        "class": bem$1b("subname")
+        "class": bem$1c("subname")
       }, [action.subname])];
     };
     const renderAction = (action, index) => {
@@ -1341,7 +1353,7 @@ var stdin_default$1G = defineComponent({
         "style": {
           color
         },
-        "class": [bem$1b("item", {
+        "class": [bem$1c("item", {
           loading,
           disabled,
           "with-sub": action.subname
@@ -1355,29 +1367,29 @@ var stdin_default$1G = defineComponent({
       if (props.description || slots.description) {
         const content = slots.description ? slots.description() : props.description;
         return createVNode("div", {
-          "class": bem$1b("description", {
+          "class": bem$1c("description", {
             custom: !!slots.description
           })
         }, [content]);
       }
     };
     return () => createVNode(Popup, mergeProps({
-      "class": bem$1b(),
+      "class": bem$1c(),
       "position": "bottom",
       "onUpdate:show": updateShow
     }, pick(props, popupInheritKeys$1)), {
       default: () => {
         var _a;
         return [renderHeader(), renderDescription(), 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,
@@ -1396,8 +1408,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo-default")
 };
-var stdin_default$1E = defineComponent({
-  name: name$1e,
+var stdin_default$1F = defineComponent({
+  name: name$1f,
   props: imageProps,
   emits: ["load", "error"],
   setup(props, {
@@ -1448,13 +1460,13 @@ var stdin_default$1E = defineComponent({
     const renderPlaceholder = () => {
       if (loading.value && props.showLoading) {
         return 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 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 = () => {
@@ -1463,7 +1475,7 @@ var stdin_default$1E = defineComponent({
       }
       const attrs = {
         alt: props.alt,
-        class: bem$1a("img"),
+        class: bem$1b("img"),
         style: {
           objectFit: props.fit,
           objectPosition: props.position
@@ -1512,7 +1524,7 @@ var stdin_default$1E = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$1a({
+        "class": bem$1b({
           round: props.round,
           block: props.block
         }),
@@ -1521,9 +1533,9 @@ var stdin_default$1E = 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"),
@@ -1532,8 +1544,8 @@ const avatarProps = {
   textBgColor: String,
   border: Boolean
 };
-var stdin_default$1C = defineComponent({
-  name: name$1d,
+var stdin_default$1D = defineComponent({
+  name: name$1e,
   props: avatarProps,
   setup(props) {
     const headText = computed(() => {
@@ -1564,7 +1576,7 @@ var stdin_default$1C = defineComponent({
       }
     });
     const renderText = () => createVNode("div", {
-      "class": bem$19("img", [classArr.value, {
+      "class": bem$1a("img", [classArr.value, {
         border: props.border
       }]),
       "style": style.value
@@ -1573,9 +1585,9 @@ var stdin_default$1C = defineComponent({
       if (!props.src) {
         return renderText();
       }
-      return createVNode(stdin_default$1D, {
+      return 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,
@@ -1586,7 +1598,7 @@ var stdin_default$1C = defineComponent({
     };
   }
 });
-const Avatar = withInstall(stdin_default$1C);
+const Avatar = withInstall(stdin_default$1D);
 const routeProps = {
   to: [String, Object],
   url: String,
@@ -1608,7 +1620,7 @@ function useRoute() {
   const vm = 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,
@@ -1635,8 +1647,8 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1B = defineComponent({
-  name: name$1c,
+var stdin_default$1C = defineComponent({
+  name: name$1d,
   props: buttonProps,
   emits: ["click"],
   setup(props, {
@@ -1651,7 +1663,7 @@ var stdin_default$1B = defineComponent({
       return createVNode(Loading, {
         "size": props.loadingSize,
         "type": props.loadingType,
-        "class": bem$18("loading")
+        "class": bem$19("loading")
       }, null);
     };
     const renderIcon = () => {
@@ -1663,14 +1675,14 @@ var stdin_default$1B = defineComponent({
       } = props;
       if (slots.icon) {
         return createVNode("div", {
-          "class": bem$18("icon", size)
+          "class": bem$19("icon", size)
         }, [slots.icon()]);
       }
       if (props.icon) {
         return createVNode(Icon, {
           "name": props.icon,
           "color": props.iconColor,
-          "class": bem$18("icon", size),
+          "class": bem$19("icon", size),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -1684,7 +1696,7 @@ var stdin_default$1B = defineComponent({
       }
       if (text) {
         return createVNode("span", {
-          "class": bem$18("text")
+          "class": bem$19("text")
         }, [text]);
       }
     };
@@ -1741,7 +1753,7 @@ var stdin_default$1B = defineComponent({
         nativeType,
         iconPosition
       } = props;
-      const classes = [bem$18([type, size, {
+      const classes = [bem$19([type, size, {
         plain,
         block,
         "block-inner": blockInner ? "block-inner" : "",
@@ -1761,16 +1773,16 @@ var stdin_default$1B = defineComponent({
         "onClick": onClick
       }, {
         default: () => [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();
@@ -1856,7 +1868,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,
@@ -1879,8 +1891,8 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1z = defineComponent({
-  name: name$1a,
+var stdin_default$1A = defineComponent({
+  name: name$1b,
   props: toastProps,
   emits: ["update:show"],
   setup(props, {
@@ -1915,13 +1927,13 @@ var stdin_default$1z = defineComponent({
         return createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$16("icon"),
+          "class": bem$17("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return createVNode(Loading, {
-          "class": bem$16("loading"),
+          "class": bem$17("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -1935,10 +1947,10 @@ var stdin_default$1z = defineComponent({
       if (isDef(message) && message !== "") {
         return type === "html" ? createVNode("div", {
           "key": 0,
-          "class": bem$16("text"),
+          "class": bem$17("text"),
           "innerHTML": String(message)
         }, null) : createVNode("div", {
-          "class": bem$16("text")
+          "class": bem$17("text")
         }, [message]);
       }
     };
@@ -1954,7 +1966,7 @@ var stdin_default$1z = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => createVNode(Popup, 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,
@@ -2055,7 +2067,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return createVNode(stdin_default$1z, mergeProps(state, attrs), null);
+        return createVNode(stdin_default$1A, mergeProps(state, attrs), null);
       };
       watch(message, (val) => {
         state.message = val;
@@ -2125,7 +2137,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 = ref();
   const setHeight = () => {
@@ -2141,9 +2153,9 @@ const useHeight = (element, withSafeArea) => {
   });
   return height;
 };
-const [name$19] = createNamespace("calendar-day");
-var stdin_default$1y = defineComponent({
-  name: name$19,
+const [name$1a] = createNamespace("calendar-day");
+var stdin_default$1z = defineComponent({
+  name: name$1a,
   props: {
     item: makeRequiredProp(Object),
     color: String,
@@ -2217,7 +2229,7 @@ var stdin_default$1y = defineComponent({
       const Nodes = [text];
       if (type === "selected") {
         return createVNode("div", {
-          "class": bem$17("selected-day"),
+          "class": bem$18("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -2235,21 +2247,21 @@ var stdin_default$1y = defineComponent({
       } = props.item;
       if (type === "placeholder") {
         return createVNode("div", {
-          "class": bem$17("day"),
+          "class": bem$18("day"),
           "style": style.value
         }, null);
       }
       return 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"),
@@ -2268,8 +2280,8 @@ const calendarMonthProps = {
   firstDayOfWeek: Number,
   disabledDate: Function
 };
-var stdin_default$1x = defineComponent({
-  name: name$18,
+var stdin_default$1y = defineComponent({
+  name: name$19,
   props: calendarMonthProps,
   emits: ["click"],
   setup(props, {
@@ -2380,7 +2392,7 @@ var stdin_default$1x = defineComponent({
     const renderTitle = () => {
       if (props.showMonthTitle) {
         return createVNode("div", {
-          "class": bem$17("month-title")
+          "class": bem$18("month-title")
         }, [title.value]);
       }
     };
@@ -2453,7 +2465,7 @@ var stdin_default$1x = defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
       }
     };
-    const renderDay = (item, index) => createVNode(stdin_default$1y, {
+    const renderDay = (item, index) => createVNode(stdin_default$1z, {
       "item": item,
       "index": index,
       "color": props.color,
@@ -2464,7 +2476,7 @@ var stdin_default$1x = defineComponent({
     const renderDays = () => createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem$17("days")
+      "class": bem$18("days")
     }, [(shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
@@ -2475,14 +2487,14 @@ var stdin_default$1x = defineComponent({
       disabledDays
     });
     return () => createVNode("div", {
-      "class": bem$17("month"),
+      "class": bem$18("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
 });
-const [name$17] = createNamespace("calendar-header");
-var stdin_default$1w = defineComponent({
-  name: name$17,
+const [name$18] = createNamespace("calendar-header");
+var stdin_default$1x = defineComponent({
+  name: name$18,
   props: {
     title: String,
     subtitle: String,
@@ -2505,7 +2517,7 @@ var stdin_default$1w = defineComponent({
         const text = props.title || "请选择日期";
         const title = slots.title ? slots.title() : text;
         return createVNode("div", {
-          "class": bem$17("header-title")
+          "class": bem$18("header-title")
         }, [title]);
       }
     };
@@ -2535,7 +2547,7 @@ var stdin_default$1w = defineComponent({
       "fill-rule": "evenodd"
     }, [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"
     }, [createVNode("g", {
       "transform": "translate(0.000000, 70.000000)"
@@ -2573,7 +2585,7 @@ var stdin_default$1w = defineComponent({
       "fill-rule": "evenodd"
     }, [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"
     }, [createVNode("g", {
       "transform": "translate(0.000000, 70.000000)"
@@ -2598,21 +2610,21 @@ var stdin_default$1w = defineComponent({
       if (props.showSubtitle) {
         const title = slots.subtitle ? slots.subtitle() : props.subtitle;
         return createVNode("div", {
-          "class": bem$17("header-subtitle")
+          "class": bem$18("header-subtitle")
         }, [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()]), 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()]), createVNode("label", {
-          "class": bem$17("header-subtitle-text"),
+          "class": bem$18("header-subtitle-text"),
           "onClick": onClickSubtitle
         }, [title]), 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()]), 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()])]);
       }
@@ -2627,13 +2639,13 @@ var stdin_default$1w = defineComponent({
       const weekdays = ["一", "二", "三", "四", "五", "六", "日"];
       const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek - 1), ...weekdays.slice(0, firstDayOfWeek - 1)];
       return createVNode("div", {
-        "class": bem$17("weekdays")
+        "class": bem$18("weekdays")
       }, [renderWeekDays2.map((text) => createVNode("span", {
-        "class": bem$17("weekday")
+        "class": bem$18("weekday")
       }, [text]))]);
     };
     return () => createVNode("div", {
-      "class": bem$17("header")
+      "class": bem$18("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
 });
@@ -2676,8 +2688,8 @@ const calendarProps = {
   },
   disabledDate: Function
 };
-var stdin_default$1v = defineComponent({
-  name: name$1b,
+var stdin_default$1w = defineComponent({
+  name: name$1c,
   props: calendarProps,
   emits: ["select", "confirm", "cancel", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
   setup(props, {
@@ -3029,7 +3041,7 @@ var stdin_default$1v = defineComponent({
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props.showSubtitle;
-      return createVNode(stdin_default$1x, mergeProps({
+      return createVNode(stdin_default$1y, mergeProps({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -3073,13 +3085,13 @@ var stdin_default$1v = defineComponent({
       }
     };
     const renderFooter = () => createVNode("div", {
-      "class": [bem$17("footer"), {
+      "class": [bem$18("footer"), {
         "zt-safe-area-bottom": props.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
     const renderCalendar = () => createVNode("div", {
-      "class": bem$17()
-    }, [createVNode(stdin_default$1w, {
+      "class": bem$18()
+    }, [createVNode(stdin_default$1x, {
       "title": props.title,
       "subtitle": subtitle.value,
       "showTitle": props.showTitle,
@@ -3095,7 +3107,7 @@ var stdin_default$1v = defineComponent({
       "monthNextEnable": monthNextEnable.value
     }, pick(slots, ["title", "subtitle"])), createVNode("div", {
       "ref": bodyRef,
-      "class": bem$17("body"),
+      "class": bem$18("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), props.popup ? renderFooter() : ""]);
     watch(() => props.show, init);
@@ -3119,7 +3131,7 @@ var stdin_default$1v = defineComponent({
       if (props.popup) {
         return createVNode(Popup, {
           "show": props.show,
-          "class": bem$17("popup"),
+          "class": bem$18("popup"),
           "round": props.round,
           "position": props.position,
           "teleport": props.teleport,
@@ -3135,7 +3147,7 @@ var stdin_default$1v = 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;
@@ -3200,7 +3212,7 @@ function useVisibilityChange(target, onChange) {
   onBeforeUnmount(unobserve);
   onMountedOrActivated(observe);
 }
-const [name$16, bem$15] = createNamespace("sticky");
+const [name$17, bem$16] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -3208,8 +3220,8 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1u = defineComponent({
-  name: name$16,
+var stdin_default$1v = defineComponent({
+  name: name$17,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props, {
@@ -3306,7 +3318,7 @@ var stdin_default$1u = defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [createVNode("div", {
-        "class": bem$15({
+        "class": bem$16({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -3314,10 +3326,10 @@ var stdin_default$1u = defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1u);
-const [name$15, bem$14] = createNamespace("tab");
-var stdin_default$1t = defineComponent({
-  name: name$15,
+const Sticky = withInstall(stdin_default$1v);
+const [name$16, bem$15] = createNamespace("tab");
+var stdin_default$1u = defineComponent({
+  name: name$16,
   props: {
     id: String,
     dot: Boolean,
@@ -3372,7 +3384,7 @@ var stdin_default$1t = defineComponent({
     });
     const renderText = () => {
       const Text = createVNode("span", {
-        "class": bem$14("text", {
+        "class": bem$15("text", {
           ellipsis: !props.scrollable
         })
       }, [slots.title ? slots.title() : props.title]);
@@ -3390,7 +3402,7 @@ var stdin_default$1t = defineComponent({
     return () => 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,
@@ -3404,7 +3416,7 @@ var stdin_default$1t = defineComponent({
     }, [renderText()]);
   }
 });
-const [name$14, bem$13] = createNamespace("swipe");
+const [name$15, bem$14] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -3420,9 +3432,9 @@ const swipeProps = {
   stopPropagation: truthProp,
   title: Array
 };
-const SWIPE_KEY = Symbol(name$14);
-var stdin_default$1s = defineComponent({
-  name: name$14,
+const SWIPE_KEY = Symbol(name$15);
+var stdin_default$1t = defineComponent({
+  name: name$15,
   props: swipeProps,
   emits: ["change", "dragStart", "dragEnd"],
   setup(props, {
@@ -3693,7 +3705,7 @@ var stdin_default$1s = defineComponent({
     const renderDot = (_, index) => {
       const active = index === activeIndicator.value;
       return createVNode("i", {
-        "class": bem$13("indicator", {
+        "class": bem$14("indicator", {
           active
         })
       }, null);
@@ -3707,7 +3719,7 @@ var stdin_default$1s = defineComponent({
       }
       if (props.showIndicators && count.value > 1) {
         return createVNode("div", {
-          "class": bem$13("indicators", {
+          "class": bem$14("indicators", {
             vertical: props.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -3716,17 +3728,17 @@ var stdin_default$1s = defineComponent({
     const titleDiv = () => {
       if (Array.isArray(props.title)) {
         return createVNode("div", {
-          "class": bem$13("title")
+          "class": bem$14("title")
         }, [activeIndicator.value < props.title.length ? props.title[activeIndicator.value] : ""]);
       }
       return createVNode("div", {
-        "class": bem$13("title")
+        "class": bem$14("title")
       }, [props.title]);
     };
     const foot = () => {
       if (props.title) {
         return createVNode("div", {
-          "class": bem$13("foot")
+          "class": bem$14("foot")
         }, [titleDiv(), renderIndicator()]);
       }
       return createVNode("div", null, [titleDiv(), renderIndicator()]);
@@ -3766,10 +3778,10 @@ var stdin_default$1s = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$13()
+        "class": bem$14()
       }, [createVNode("div", {
         "style": trackStyle.value,
-        "class": bem$13("track", {
+        "class": bem$14("track", {
           vertical: props.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -3780,10 +3792,10 @@ var stdin_default$1s = defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1s);
-const [name$13, bem$12] = createNamespace("tabs");
-var stdin_default$1r = defineComponent({
-  name: name$13,
+const Swipe = withInstall(stdin_default$1t);
+const [name$14, bem$13] = createNamespace("tabs");
+var stdin_default$1s = defineComponent({
+  name: name$14,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -3807,7 +3819,7 @@ var stdin_default$1r = defineComponent({
         return createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$12("track"),
+          "class": bem$13("track"),
           "duration": +props.duration * 1e3,
           "touchable": props.swipeable,
           "lazyRender": props.lazyRender,
@@ -3832,13 +3844,13 @@ var stdin_default$1r = defineComponent({
       swipeToCurrentTab(props.currentIndex);
     });
     return () => 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,
@@ -3861,9 +3873,9 @@ const tabsProps = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-const TABS_KEY = Symbol(name$12);
-var stdin_default$1q = defineComponent({
-  name: name$12,
+const TABS_KEY = Symbol(name$13);
+var stdin_default$1r = defineComponent({
+  name: name$13,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
   setup(props, {
@@ -4053,7 +4065,7 @@ var stdin_default$1q = defineComponent({
       state.showLeftOverlay = Math.floor(target.scrollLeft) > 0;
       state.showRightOverlay = hasScrollToEnd(target);
     };
-    const renderNav = () => children.map((item, index) => createVNode(stdin_default$1t, mergeProps({
+    const renderNav = () => children.map((item, index) => createVNode(stdin_default$1u, mergeProps({
       "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
@@ -4074,7 +4086,7 @@ var stdin_default$1q = defineComponent({
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return createVNode("div", {
-          "class": bem$11("line"),
+          "class": bem$12("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -4082,14 +4094,14 @@ var stdin_default$1q = defineComponent({
     const renderOverlayLeft = () => {
       if (state.showLeftOverlay) {
         return createVNode("div", {
-          "class": bem$11("overlay-left")
+          "class": bem$12("overlay-left")
         }, null);
       }
     };
     const renderOverlayRight = () => {
       if (state.showRightOverlay) {
         return createVNode("div", {
-          "class": bem$11("overlay-right")
+          "class": bem$12("overlay-right")
         }, null);
       }
     };
@@ -4101,13 +4113,13 @@ var stdin_default$1q = defineComponent({
       } = props;
       return createVNode("div", {
         "ref": wrapRef,
-        "class": [bem$11("wrap"), {
+        "class": [bem$12("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$11("nav", [type, {
+        "class": bem$12("nav", [type, {
           shrink: props.shrink,
           complete: scrollable.value
         }]),
@@ -4177,7 +4189,7 @@ var stdin_default$1q = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$11([props.type])
+        "class": bem$12([props.type])
       }, [props.sticky ? createVNode(Sticky, {
         "container": root.value,
         "offsetTop": offsetTopPx.value,
@@ -4187,7 +4199,7 @@ var stdin_default$1q = 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)], createVNode(stdin_default$1r, {
+      }) : [renderHeader(), (_a = slots["nav-bottom"]) == null ? void 0 : _a.call(slots)], createVNode(stdin_default$1s, {
         "count": children.length,
         "inited": state.inited,
         "animated": props.animated,
@@ -4207,9 +4219,9 @@ var stdin_default$1q = defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => inject(TAB_STATUS_KEY, null);
-const [name$11, bem$10] = createNamespace("swipe-item");
-var stdin_default$1p = defineComponent({
-  name: name$11,
+const [name$12, bem$11] = createNamespace("swipe-item");
+var stdin_default$1q = defineComponent({
+  name: name$12,
   setup(props, {
     slots
   }) {
@@ -4274,14 +4286,14 @@ var stdin_default$1p = defineComponent({
     return () => {
       var _a;
       return 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,
@@ -4292,8 +4304,8 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1o = defineComponent({
-  name: name$10,
+var stdin_default$1p = defineComponent({
+  name: name$11,
   props: tabProps,
   setup(props, {
     slots
@@ -4351,7 +4363,7 @@ var stdin_default$1o = defineComponent({
         return createVNode(SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem$$("panel-wrapper", {
+          "class": bem$10("panel-wrapper", {
             inactive: !active.value
           }),
           "tabindex": active.value ? 0 : -1,
@@ -4361,7 +4373,7 @@ var stdin_default$1o = defineComponent({
           default: () => {
             var _a2;
             return [createVNode("div", {
-              "class": bem$$("panel")
+              "class": bem$10("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -4374,23 +4386,23 @@ var stdin_default$1o = defineComponent({
       return withDirectives(createVNode("div", {
         "id": id,
         "role": "tabpanel",
-        "class": bem$$("panel"),
+        "class": bem$10("panel"),
         "tabindex": show ? 0 : -1,
         "aria-labelledby": label
       }, [Content]), [[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 = defineComponent({
-  name: name$$,
+var stdin_default$1o = defineComponent({
+  name: name$10,
   props: dividerProps,
   setup(props, {
     slots
@@ -4399,7 +4411,7 @@ var stdin_default$1n = defineComponent({
       var _a;
       return createVNode("div", {
         "role": "separator",
-        "class": bem$_({
+        "class": bem$$({
           dashed: props.dashed,
           hairline: props.hairline,
           [`content-${props.contentPosition}`]: !!slots.default
@@ -4408,8 +4420,8 @@ var stdin_default$1n = 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,
@@ -4429,8 +4441,8 @@ const cascaderProps = {
   safeAreaInsetTop: Boolean,
   closeOnClickOverlay: truthProp
 };
-var stdin_default$1m = defineComponent({
-  name: name$_,
+var stdin_default$1n = defineComponent({
+  name: name$$,
   props: cascaderProps,
   emits: ["change", "finish", "clickTab", "update:modelValue", "update:show", "cancel"],
   setup(props, {
@@ -4544,9 +4556,9 @@ var stdin_default$1m = defineComponent({
       title
     }) => emit("clickTab", name2, title);
     const renderHeader = () => createVNode("div", {
-      "class": bem$Z("header")
+      "class": bem$_("header")
     }, [createVNode("h2", {
-      "class": bem$Z("title")
+      "class": bem$_("title")
     }, [slots.title ? slots.title() : props.title])]);
     const renderOption = (option, selectedOption, tabIndex) => {
       const {
@@ -4560,7 +4572,7 @@ var stdin_default$1m = defineComponent({
       }) : createVNode("span", null, [option[textKey]]);
       return createVNode("li", {
         "role": "menuitemradio",
-        "class": [bem$Z("option", {
+        "class": [bem$_("option", {
           selected,
           disabled
         }), option.className],
@@ -4573,12 +4585,12 @@ var stdin_default$1m = defineComponent({
         "onClick": () => onSelect(option, tabIndex)
       }, [Text, selected ? createVNode(Icon, {
         "name": "success",
-        "class": bem$Z("selected-icon")
+        "class": bem$_("selected-icon")
       }, null) : null]);
     };
     const renderOptions = (options, selectedOption, tabIndex) => createVNode("ul", {
       "role": "menu",
-      "class": bem$Z("options")
+      "class": bem$_("options")
     }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
     const renderDivider = () => createVNode(Divider, {
       "style": {
@@ -4594,7 +4606,7 @@ var stdin_default$1m = defineComponent({
       const title = selected ? selected[textKey] : placeholder;
       return createVNode(Tab, {
         "title": title,
-        "titleClass": bem$Z("tab", {
+        "titleClass": bem$_("tab", {
           unselected: !selected
         })
       }, {
@@ -4612,15 +4624,15 @@ var stdin_default$1m = 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 = () => createVNode(stdin_default$1B, {
-      "class": bem$Z("cancel"),
+    const renderMenu = () => createVNode(stdin_default$1C, {
+      "class": bem$_("cancel"),
       "onClick": onCancel
     }, {
       default: () => [createTextVNode("取消")]
@@ -4657,7 +4669,7 @@ var stdin_default$1m = defineComponent({
       updateTabs();
     });
     const renderCascade = () => createVNode("div", {
-      "class": bem$Z()
+      "class": bem$_()
     }, [renderHeader(), renderDivider(), renderTabs(), props.popup ? renderDivider() : "", props.popup ? renderMenu() : ""]);
     return () => {
       if (props.popup) {
@@ -4678,8 +4690,8 @@ var stdin_default$1m = 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,
@@ -4700,23 +4712,26 @@ const cellSharedProps = {
   clickable: {
     type: Boolean,
     default: null
-  }
+  },
+  clearable: Boolean,
+  clearIcon: makeStringProp("clear-r")
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1l = defineComponent({
-  name: name$Z,
+var stdin_default$1m = defineComponent({
+  name: name$_,
   props: cellProps,
-  emits: ["click"],
+  emits: ["click", "clear"],
   setup(props, {
     slots,
     emit
   }) {
     const route2 = useRoute();
+    const clearIconRef = ref();
     const renderLabel = () => {
       const showLabel = slots.label || isDef(props.label);
       if (showLabel) {
         return createVNode("div", {
-          "class": [bem$Y("label"), props.labelClass]
+          "class": [bem$Z("label"), props.labelClass]
         }, [slots.label ? slots.label() : props.label]);
       }
     };
@@ -4727,7 +4742,7 @@ var stdin_default$1l = defineComponent({
       if (props.titleIcon) {
         return createVNode(Icon, {
           "name": props.titleIcon,
-          "class": bem$Y("title-icon"),
+          "class": bem$Z("title-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -4737,13 +4752,13 @@ var stdin_default$1l = defineComponent({
         const hasValue = slots.value || slots.default || props.value;
         const isHorizontal = props.direction === "horizontal";
         return 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(), createVNode("span", {
-          "class": bem$Y("title-text")
+          "class": bem$Z("title-text")
         }, [props.title])], renderLabel()]);
       }
     };
@@ -4755,7 +4770,7 @@ var stdin_default$1l = defineComponent({
         const name2 = props.arrowDirection ? `arrow-${props.arrowDirection}` : "arrow-right";
         return createVNode(Icon, {
           "name": name2,
-          "class": bem$Y("right-icon"),
+          "class": bem$Z("right-icon"),
           "size": "20"
         }, null);
       }
@@ -4770,20 +4785,41 @@ var stdin_default$1l = defineComponent({
         emit("click");
       }
     };
+    const onClear = (event) => {
+      preventDefault(event, true);
+      emit("clear", event);
+    };
+    function getClearIconListenerEvent() {
+      if ("ontouchstart" in document.documentElement) {
+        return "touchstart";
+      }
+      return "click";
+    }
+    useEventListener(getClearIconListenerEvent(), onClear, {
+      target: 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 createVNode("div", {
-          "class": [bem$Y("value", {
+          "class": [bem$Z("value", {
             [props.direction]: true
           }), props.valueClass],
           "onClick": () => onClick(isHorizontal)
         }, [slot ? slot() : 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 && 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 = () => {
@@ -4793,7 +4829,7 @@ var stdin_default$1l = defineComponent({
       if (props.leftIcon) {
         return createVNode(Icon, {
           "name": props.leftIcon,
-          "class": bem$Y("left-icon"),
+          "class": bem$Z("left-icon"),
           "classPrefix": props.iconPrefix
         }, null);
       }
@@ -4825,7 +4861,7 @@ var stdin_default$1l = defineComponent({
           classes.borderless = true;
         }
         return 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")
@@ -4833,7 +4869,7 @@ var stdin_default$1l = defineComponent({
       };
       if (hasLeftIcon) {
         return createVNode("div", {
-          "class": [bem$Y("with-left", {
+          "class": [bem$Z("with-left", {
             borderless: !border
           })]
         }, [renderLeftIcon(), renderWrapper()]);
@@ -4842,15 +4878,15 @@ var stdin_default$1l = 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 = defineComponent({
-  name: name$Y,
+var stdin_default$1l = defineComponent({
+  name: name$Z,
   inheritAttrs: false,
   props: cellGroupProps,
   setup(props, {
@@ -4860,7 +4896,7 @@ var stdin_default$1k = defineComponent({
     const renderGroup = () => {
       var _a;
       return createVNode("div", mergeProps({
-        "class": [bem$X({
+        "class": [bem$Y({
           inset: props.inset
         }), {
           [BORDER_TOP_BOTTOM]: props.border && !props.inset
@@ -4868,7 +4904,7 @@ var stdin_default$1k = defineComponent({
       }, attrs, useScopeId()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => createVNode("div", {
-      "class": bem$X("title", {
+      "class": bem$Y("title", {
         inset: props.inset
       })
     }, [slots.title ? slots.title() : props.title]);
@@ -4880,8 +4916,8 @@ var stdin_default$1k = 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,
@@ -4890,9 +4926,9 @@ const checkboxGroupProps = {
   modelValue: makeArrayProp(),
   checkedColor: String
 };
-const CHECKBOX_GROUP_KEY = Symbol(name$X);
-var stdin_default$1j = defineComponent({
-  name: name$X,
+const CHECKBOX_GROUP_KEY = Symbol(name$Y);
+var stdin_default$1k = defineComponent({
+  name: name$Y,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -4938,7 +4974,7 @@ var stdin_default$1j = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$W([props.direction])
+        "class": bem$X([props.direction])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
@@ -4953,7 +4989,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1i = defineComponent({
+var stdin_default$1j = defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5054,7 +5090,7 @@ var stdin_default$1i = defineComponent({
     };
   }
 });
-const [name$W, bem$V] = createNamespace("checkbox");
+const [name$X, bem$W] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp,
   indeterminate: {
@@ -5062,8 +5098,8 @@ const checkboxProps = extend({}, checkerProps, {
     default: null
   }
 });
-var stdin_default$1h = defineComponent({
-  name: name$W,
+var stdin_default$1i = defineComponent({
+  name: name$X,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -5127,8 +5163,8 @@ var stdin_default$1h = defineComponent({
       checked
     });
     useCustomFieldValue(() => props.modelValue);
-    return () => createVNode(stdin_default$1i, mergeProps({
-      "bem": bem$V,
+    return () => createVNode(stdin_default$1j, mergeProps({
+      "bem": bem$W,
       "role": "checkbox",
       "parent": parent,
       "checked": checked.value,
@@ -5136,10 +5172,10 @@ var stdin_default$1h = 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,
@@ -5147,8 +5183,8 @@ const rowProps = {
   gutter: makeNumericProp(0),
   justify: String
 };
-var stdin_default$1g = defineComponent({
-  name: name$V,
+var stdin_default$1h = defineComponent({
+  name: name$W,
   props: rowProps,
   setup(props, {
     slots
@@ -5207,7 +5243,7 @@ var stdin_default$1g = defineComponent({
         justify
       } = props;
       return createVNode(tag, {
-        "class": bem$U({
+        "class": bem$V({
           [`align-${align}`]: align,
           [`justify-${justify}`]: justify,
           nowrap: !wrap
@@ -5221,14 +5257,14 @@ var stdin_default$1g = 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 = defineComponent({
-  name: name$U,
+var stdin_default$1g = defineComponent({
+  name: name$V,
   props: colProps,
   setup(props, {
     slots
@@ -5263,7 +5299,7 @@ var stdin_default$1f = defineComponent({
       } = props;
       return createVNode(tag, {
         "style": style.value,
-        "class": bem$T({
+        "class": bem$U({
           [span]: span,
           [`offset-${offset2}`]: offset2
         })
@@ -5276,9 +5312,9 @@ var stdin_default$1f = 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,
@@ -5298,8 +5334,8 @@ function validateModelValue(modelValue, accordion) {
   }
   return true;
 }
-var stdin_default$1e = defineComponent({
-  name: name$T,
+var stdin_default$1f = defineComponent({
+  name: name$U,
   props: collapseProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -5369,15 +5405,15 @@ var stdin_default$1e = defineComponent({
     return () => {
       var _a;
       return 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,
@@ -5387,8 +5423,8 @@ const collapseItemProps = extend({}, {
   titleBackground: String,
   color: String
 });
-var stdin_default$1d = defineComponent({
-  name: name$S,
+var stdin_default$1e = defineComponent({
+  name: name$T,
   props: collapseItemProps,
   setup(props, {
     slots
@@ -5459,23 +5495,23 @@ var stdin_default$1d = defineComponent({
         color
       } = props;
       return 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
       }, [createVNode("span", {
-        "class": bem$R("bar", {
+        "class": bem$S("bar", {
           custom: titleBackground
         }),
         "style": color ? `background:${color};` : ""
       }, null), createVNode("span", {
         "style": color ? `color:${color};` : "",
-        "class": bem$R("text", {
+        "class": bem$S("text", {
           custom: titleBackground
         })
-      }, [props.title]), createVNode(stdin_default$1N, {
+      }, [props.title]), 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
         })
@@ -5485,11 +5521,11 @@ var stdin_default$1d = defineComponent({
       var _a;
       return withDirectives(createVNode("div", {
         "ref": wrapperRef,
-        "class": bem$R("wrapper"),
+        "class": bem$S("wrapper"),
         "onTransitionend": onTransitionEnd
       }, [createVNode("div", {
         "ref": contentRef,
-        "class": bem$R("content")
+        "class": bem$S("content")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vShow, show.value]]);
     });
     useExpose({
@@ -5498,13 +5534,13 @@ var stdin_default$1d = defineComponent({
       itemName: name2
     });
     return () => 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];
@@ -5573,10 +5609,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 = defineComponent({
-  name: name$Q,
+const [name$R, bem$Q] = createNamespace("picker-column");
+const PICKER_KEY$1 = Symbol(name$R);
+var stdin_default$1d = defineComponent({
+  name: name$R,
   props: {
     value: numericProp,
     unit: makeStringProp(""),
@@ -5710,7 +5746,7 @@ var stdin_default$1c = defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$P("item", {
+          class: [bem$Q("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -5730,14 +5766,14 @@ var stdin_default$1c = defineComponent({
           [props.allowHtml ? "innerHTML" : "textContent"]: props.value
         };
         return createVNode("div", {
-          "class": bem$P("unit")
+          "class": bem$Q("unit")
         }, [createVNode("span", {
           "style": "visibility: hidden",
-          "class": [bem$P("unit-text"), "zt-ellipsis"]
+          "class": [bem$Q("unit-text"), "zt-ellipsis"]
         }, [props.unit]), createVNode("span", mergeProps({
           "style": "visibility: hidden"
         }, childData), null), createVNode("span", {
-          "class": [bem$P("unit-text"), "zt-ellipsis"]
+          "class": [bem$Q("unit-text"), "zt-ellipsis"]
         }, [props.unit])]);
       }
     };
@@ -5755,7 +5791,7 @@ var stdin_default$1c = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$P(),
+      "class": bem$Q(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -5766,12 +5802,12 @@ var stdin_default$1c = 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,
@@ -5779,8 +5815,8 @@ const pickerToolbarProps$1 = {
 };
 const pickerToolbarSlots$1 = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys$1 = Object.keys(pickerToolbarProps$1);
-var stdin_default$1b = defineComponent({
-  name: name$P,
+var stdin_default$1c = defineComponent({
+  name: name$Q,
   props: pickerToolbarProps$1,
   emits: ["confirm", "cancel"],
   setup(props, {
@@ -5794,7 +5830,7 @@ var stdin_default$1b = defineComponent({
       return createVNode(Button, {
         "type": "default",
         "hairline": true,
-        "class": bem$Q("cancel"),
+        "class": bem$R("cancel"),
         "onClick": onCancel
       }, {
         default: () => [slots.cancel ? slots.cancel() : text]
@@ -5804,14 +5840,14 @@ var stdin_default$1b = defineComponent({
       const text = props.confirmButtonText || t$5("confirm");
       return 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 () => createVNode("div", {
-      "class": bem$Q("toolbar")
+      "class": bem$R("toolbar")
     }, [slots.toolbar ? slots.toolbar() : [renderCancel(), renderConfirm()]]);
   }
 });
@@ -5835,8 +5871,8 @@ const pickerProps = extend({}, pickerSharedProps$1, {
   showPicker: Boolean,
   popup: truthProp
 });
-var stdin_default$1a = defineComponent({
-  name: name$R,
+var stdin_default$1b = defineComponent({
+  name: name$S,
   props: pickerProps,
   emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue", "update:showPicker"],
   setup(props, {
@@ -5922,7 +5958,7 @@ var stdin_default$1a = defineComponent({
     };
     const updateShow = (value) => emit("update:showPicker", value);
     const hasUnit = props.columnsUnit.length === currentColumns.value.length;
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(stdin_default$1c, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(stdin_default$1d, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -5946,10 +5982,10 @@ var stdin_default$1a = defineComponent({
           backgroundSize: `100% ${(wrapHeight - optionHeight.value) / 2}px`
         };
         return [createVNode("div", {
-          "class": bem$Q("mask"),
+          "class": bem$R("mask"),
           "style": maskStyle
         }, null), createVNode("div", {
-          "class": bem$Q("frame"),
+          "class": bem$R("frame"),
           "style": frameStyle
         }, null)];
       }
@@ -5961,13 +5997,13 @@ var stdin_default$1a = defineComponent({
       };
       return createVNode("div", {
         "ref": columnsRef,
-        "class": bem$Q("columns"),
+        "class": bem$R("columns"),
         "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
     const renderToolbar = () => {
       if (props.showToolbar) {
-        return createVNode(stdin_default$1b, mergeProps(pick(props, pickerToolbarPropKeys$1), {
+        return createVNode(stdin_default$1c, mergeProps(pick(props, pickerToolbarPropKeys$1), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots$1));
@@ -5979,7 +6015,7 @@ var stdin_default$1a = defineComponent({
           return slots["title-bar"]();
         }
         return createVNode("div", {
-          "class": [bem$Q("title"), HAPTICS_FEEDBACK]
+          "class": [bem$R("title"), HAPTICS_FEEDBACK]
         }, [props.title]);
       }
     };
@@ -6026,14 +6062,14 @@ var stdin_default$1a = defineComponent({
     const renderPicker = () => {
       var _a, _b;
       return createVNode("div", {
-        "class": bem$Q()
+        "class": bem$R()
       }, [renderTitleBar(), props.loading ? 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 createVNode(stdin_default$1J, {
+        return createVNode(stdin_default$1K, {
           "show": showPicker.value,
           "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
           "round": true,
@@ -6088,9 +6124,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 = defineComponent({
+const Picker = withInstall(stdin_default$1b);
+var stdin_default$1a = Picker;
+var stdin_default$19 = defineComponent({
   name: "Arrow",
   emits: ["click"],
   setup(_, {
@@ -6112,13 +6148,13 @@ var stdin_default$18 = 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 = defineComponent({
-  name: name$O,
+var stdin_default$18 = defineComponent({
+  name: name$P,
   props: {
     value: numericProp,
     unit: makeStringProp(""),
@@ -6250,7 +6286,7 @@ var stdin_default$17 = defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: [bem$O("item", {
+          class: [bem$P("item", {
             disabled,
             selected: value === props.value
           }), option.className],
@@ -6263,7 +6299,7 @@ var stdin_default$17 = defineComponent({
         const renderOption = () => {
           if (props.unit) {
             return createVNode(Fragment, null, [createVNode("div", childData, null), createVNode("span", {
-              "class": [bem$O("unit-text"), "zt-ellipsis"],
+              "class": [bem$P("unit-text"), "zt-ellipsis"],
               "style": "visibility: hidden"
             }, [props.unit])]);
           }
@@ -6279,11 +6315,11 @@ var stdin_default$17 = defineComponent({
           [props.allowHtml ? "innerHTML" : "textContent"]: props.value
         };
         return createVNode("div", {
-          "class": bem$O("unit")
+          "class": bem$P("unit")
         }, [createVNode("span", mergeProps({
           "style": "visibility: hidden"
         }, childData), null), createVNode("span", {
-          "class": [bem$O("unit-text"), "zt-ellipsis"]
+          "class": [bem$P("unit-text"), "zt-ellipsis"]
         }, [props.unit])]);
       }
     };
@@ -6292,11 +6328,11 @@ var stdin_default$17 = defineComponent({
       currentDuration.value = DEFAULT_DURATION$1;
       updateValueByIndex(isUp ? index - 1 : index + 1);
     };
-    const renderArrow = () => [createVNode(stdin_default$18, {
-      "class": bem$O("arrow-top"),
+    const renderArrow = () => [createVNode(stdin_default$19, {
+      "class": bem$P("arrow-top"),
       "onClick": () => onArrowClick(true)
-    }, null), createVNode(stdin_default$18, {
-      "class": bem$O("arrow-bottom"),
+    }, null), createVNode(stdin_default$19, {
+      "class": bem$P("arrow-bottom"),
       "onClick": () => onArrowClick(false)
     }, null)];
     useParent(TIME_PICKER_KEY);
@@ -6317,7 +6353,7 @@ var stdin_default$17 = defineComponent({
     return () => createVNode("div", {
       "ref": root,
       "style": columnStyle,
-      "class": bem$O(),
+      "class": bem$P(),
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -6328,12 +6364,12 @@ var stdin_default$17 = 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),
@@ -6350,8 +6386,8 @@ const timePickerProps = extend({}, sharedProps, {
     default: () => ["hour", "minute"]
   }
 });
-var stdin_default$16 = defineComponent({
-  name: name$N,
+var stdin_default$17 = defineComponent({
+  name: name$O,
   props: timePickerProps,
   emits: ["clickOption", "change", "update:modelValue"],
   setup(props, {
@@ -6425,7 +6461,7 @@ var stdin_default$16 = defineComponent({
       currentOption
     }, getEventParams()));
     const hasUnit = props.columnsUnit.length === currentColumns.value.length;
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(Fragment, null, [createVNode(stdin_default$17, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(Fragment, null, [createVNode(stdin_default$18, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -6444,9 +6480,9 @@ var stdin_default$16 = defineComponent({
       const separatorCount = currentColumns.value && currentColumns.value.length - 1;
       if (separatorCount > 0) {
         return createVNode("div", {
-          "class": bem$N("separator")
+          "class": bem$O("separator")
         }, [Array(separatorCount).fill(null).map(() => createVNode("span", {
-          "class": bem$N("colon")
+          "class": bem$O("colon")
         }, null))]);
       }
     };
@@ -6457,7 +6493,7 @@ var stdin_default$16 = defineComponent({
       };
       return createVNode("div", {
         "ref": columnsRef,
-        "class": bem$N("columns"),
+        "class": bem$O("columns"),
         "style": columnsStyle
       }, [renderSeparators(), renderColumnItems()]);
     };
@@ -6490,13 +6526,13 @@ var stdin_default$16 = defineComponent({
       target: columnsRef
     });
     return () => 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,
@@ -6519,8 +6555,8 @@ const dateTimePickerProps = extend({}, sharedProps, popupSharedProps, {
   startValue: makeArrayProp(),
   endValue: makeArrayProp()
 });
-var stdin_default$14 = defineComponent({
-  name: name$M,
+var stdin_default$15 = defineComponent({
+  name: name$N,
   props: dateTimePickerProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
@@ -6714,7 +6750,7 @@ var stdin_default$14 = 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 = () => createVNode(stdin_default$15, {
+    const renderTimePicker = () => createVNode(stdin_default$16, {
       "modelValue": timeValuesRef.value,
       "onUpdate:modelValue": ($event) => timeValuesRef.value = $event,
       "columnsUnit": timeUnits.value,
@@ -6722,10 +6758,10 @@ var stdin_default$14 = defineComponent({
       "columnsType": timeColumnsType.value
     }, null);
     const renderPicker = () => createVNode("div", {
-      "class": bem$M()
+      "class": bem$N()
     }, [hasDateColumn ? createVNode(Divider, {
       "style": "margin: 0"
-    }, null) : null, hasDateColumn ? createVNode(stdin_default$19, mergeProps({
+    }, null) : null, hasDateColumn ? createVNode(stdin_default$1a, mergeProps({
       "popup": false,
       "columnsUnit": dateUnits.value,
       "modelValue": dateValuesRef.value,
@@ -6739,9 +6775,9 @@ var stdin_default$14 = defineComponent({
     return () => renderPicker();
   }
 });
-const [name$L, bem$L] = createNamespace("date-time-picker");
-var stdin_default$13 = defineComponent({
-  name: name$L,
+const [name$M, bem$M] = createNamespace("date-time-picker");
+var stdin_default$14 = defineComponent({
+  name: name$M,
   props: dateTimePickerProps,
   emits: ["confirm", "cancel", "change", "startChange", "endChange", "update:show", "update:modelValue", "update:startValue", "update:endValue"],
   setup(props, {
@@ -6881,17 +6917,17 @@ var stdin_default$13 = defineComponent({
     const renderTitle = () => {
       if (!props.range) {
         return createVNode("div", {
-          "class": bem$L("title-bar")
+          "class": bem$M("title-bar")
         }, [createVNode("div", {
-          "class": [ELLIPSIS, bem$L("title")]
+          "class": [ELLIPSIS, bem$M("title")]
         }, [props.title]), createVNode("div", {
-          "class": [ELLIPSIS, bem$L("value")]
+          "class": [ELLIPSIS, bem$M("value")]
         }, [currentText.value])]);
       }
       return createVNode("div", {
-        "class": bem$L("title-tab-bar")
+        "class": bem$M("title-tab-bar")
       }, [createVNode("div", {
-        "class": [HAPTICS_FEEDBACK, bem$L("title-bar", {
+        "class": [HAPTICS_FEEDBACK, bem$M("title-bar", {
           selected: rangeSelectedIndex.value === 0,
           unselected: rangeSelectedIndex.value === 1
         })],
@@ -6899,16 +6935,16 @@ var stdin_default$13 = defineComponent({
           rangeSelectedIndex.value = 0;
         }
       }, [createVNode("div", {
-        "class": [ELLIPSIS, bem$L("title", {
+        "class": [ELLIPSIS, bem$M("title", {
           selected: rangeSelectedIndex.value === 0,
           unselected: rangeSelectedIndex.value === 1
         })]
       }, [createTextVNode("开始时间")]), createVNode("div", {
-        "class": [ELLIPSIS, bem$L("value")]
+        "class": [ELLIPSIS, bem$M("value")]
       }, [currentStartText.value])]), createVNode("span", {
-        "class": bem$L("title-separator")
+        "class": bem$M("title-separator")
       }, null), createVNode("div", {
-        "class": [HAPTICS_FEEDBACK, bem$L("title-bar", {
+        "class": [HAPTICS_FEEDBACK, bem$M("title-bar", {
           selected: rangeSelectedIndex.value === 1,
           unselected: rangeSelectedIndex.value === 0
         })],
@@ -6916,17 +6952,17 @@ var stdin_default$13 = defineComponent({
           rangeSelectedIndex.value = 1;
         }
       }, [createVNode("div", {
-        "class": [ELLIPSIS, bem$L("title", {
+        "class": [ELLIPSIS, bem$M("title", {
           selected: rangeSelectedIndex.value === 1,
           unselected: rangeSelectedIndex.value === 0
         })]
       }, [createTextVNode("结束时间")]), createVNode("div", {
-        "class": [ELLIPSIS, bem$L("value")]
+        "class": [ELLIPSIS, bem$M("value")]
       }, [currentEndText.value])])]);
     };
     const renderPicker = () => {
       if (!props.range) {
-        return createVNode(stdin_default$14, mergeProps({
+        return createVNode(stdin_default$15, mergeProps({
           "ref": currentPickerRef,
           "modelValue": props.modelValue,
           "onUpdate:modelValue": ($event) => props.modelValue = $event,
@@ -6938,7 +6974,7 @@ var stdin_default$13 = defineComponent({
           showTitle: false
         })), null);
       }
-      return [withDirectives(createVNode(stdin_default$14, mergeProps({
+      return [withDirectives(createVNode(stdin_default$15, mergeProps({
         "ref": currentStartPickerRef,
         "modelValue": props.startValue,
         "onUpdate:modelValue": ($event) => props.startValue = $event,
@@ -6948,7 +6984,7 @@ var stdin_default$13 = defineComponent({
         "minDate": props.minDate
       }, extend(pick(props, pickerInheritKeys), {
         showTitle: false
-      })), null), [[vShow, rangeSelectedIndex.value === 0]]), withDirectives(createVNode(stdin_default$14, mergeProps({
+      })), null), [[vShow, rangeSelectedIndex.value === 0]]), withDirectives(createVNode(stdin_default$15, mergeProps({
         "ref": currentEndPickerRef,
         "modelValue": props.endValue,
         "onUpdate:modelValue": ($event) => props.endValue = $event,
@@ -6962,15 +6998,15 @@ var stdin_default$13 = defineComponent({
     };
     const renderToolbar = () => {
       if (props.showToolbar) {
-        return [createVNode(stdin_default$1n, {
+        return [createVNode(stdin_default$1o, {
           "style": "margin: 0"
-        }, null), createVNode(stdin_default$1b, mergeProps(pick(props, pickerToolbarPropKeys$1), {
+        }, null), createVNode(stdin_default$1c, mergeProps(pick(props, pickerToolbarPropKeys$1), {
           "onConfirm": onConfirm,
           "onCancel": onCancel
         }), pick(slots, pickerToolbarSlots$1))];
       }
     };
-    return () => createVNode(stdin_default$1K, {
+    return () => createVNode(stdin_default$1L, {
       "round": true,
       "position": "bottom",
       "onOpen": onOpen,
@@ -6981,8 +7017,8 @@ var stdin_default$13 = 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,
@@ -7006,8 +7042,8 @@ const dialogProps = extend({}, popupSharedProps, {
   closeOnClickOverlay: Boolean
 });
 const popupInheritKeys = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default$12 = defineComponent({
-  name: name$K,
+var stdin_default$13 = defineComponent({
+  name: name$L,
   props: dialogProps,
   emits: ["confirm", "cancel", "keydown", "update:show"],
   setup(props, {
@@ -7071,7 +7107,7 @@ var stdin_default$12 = defineComponent({
           //   }])}
           // >
           createVNode("div", {
-            "class": bem$K("header", {
+            "class": bem$L("header", {
               isolated: !props.message && !slots.default,
               "custom-title": !!slots.title,
               primary: props.primaryHeader
@@ -7094,7 +7130,7 @@ var stdin_default$12 = 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 createVNode("div", {
@@ -7109,7 +7145,7 @@ var stdin_default$12 = defineComponent({
     const renderContent = () => {
       if (slots.default) {
         return createVNode("div", {
-          "class": bem$K("content")
+          "class": bem$L("content")
         }, [slots.default()]);
       }
       const {
@@ -7121,19 +7157,19 @@ var stdin_default$12 = defineComponent({
         const hasTitle = !!(title || slots.title);
         return createVNode("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem$K("content", {
+          "class": bem$L("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
     const renderButtons = () => createVNode("div", {
-      "class": bem$K("footer")
+      "class": bem$L("footer")
     }, [props.showCancelButton && createVNode(Button, {
       "type": "default",
       "hairline": true,
       "text": props.cancelButtonText || t$4("cancel"),
-      "class": bem$K("cancel"),
+      "class": bem$L("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
@@ -7143,7 +7179,7 @@ var stdin_default$12 = defineComponent({
     }, null), props.showConfirmButton && createVNode(Button, {
       "type": "primary",
       "text": props.confirmButtonText || t$4("confirm"),
-      "class": bem$K("confirm", {
+      "class": bem$L("confirm", {
         "with-cancel": props.showCancelButton
       }),
       "style": {
@@ -7170,7 +7206,7 @@ var stdin_default$12 = defineComponent({
       return createVNode(Popup, mergeProps({
         "ref": root,
         "role": "dialog",
-        "class": [bem$K([theme]), className],
+        "class": [bem$L([theme]), className],
         "style": {
           width: addUnit(width)
         },
@@ -7220,7 +7256,7 @@ function initInstance$2() {
         state,
         toggle
       } = usePopupState();
-      return () => createVNode(stdin_default$12, mergeProps(state, {
+      return () => createVNode(stdin_default$13, mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -7258,8 +7294,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,
@@ -7269,9 +7305,9 @@ const dropdownMenuProps = {
   closeOnClickOutside: truthProp,
   closeOnClickOverlay: truthProp
 };
-const DROPDOWN_KEY = Symbol(name$J);
-var stdin_default$11 = defineComponent({
-  name: name$J,
+const DROPDOWN_KEY = Symbol(name$K);
+var stdin_default$12 = defineComponent({
+  name: name$K,
   props: dropdownMenuProps,
   setup(props, {
     slots
@@ -7338,7 +7374,7 @@ var stdin_default$11 = defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "class": [bem$J("item", {
+        "class": [bem$K("item", {
           disabled
         }), {
           [HAPTICS_FEEDBACK]: !disabled
@@ -7349,7 +7385,7 @@ var stdin_default$11 = defineComponent({
           }
         }
       }, [createVNode("span", {
-        "class": [bem$J("title", {
+        "class": [bem$K("title", {
           down: showPopup === (props.direction === "down"),
           active: showPopup
         }), titleClass],
@@ -7359,8 +7395,8 @@ var stdin_default$11 = defineComponent({
       }, [createVNode("div", {
         "class": "zt-ellipsis",
         "style": "padding-right: 18px"
-      }, [slots.title || item.renderTitle(), slots.icon || createVNode(stdin_default$1M, {
-        "class": bem$J("icon"),
+      }, [slots.title || item.renderTitle(), slots.icon || createVNode(stdin_default$1N, {
+        "class": bem$K("icon"),
         "name": "spinner-expand"
       }, null)])])]);
     };
@@ -7379,18 +7415,18 @@ var stdin_default$11 = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$J()
+        "class": bem$K()
       }, [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(),
@@ -7402,8 +7438,8 @@ const dropdownItemProps = {
   titleClass: unknownProp,
   multiSelect: Boolean
 };
-var stdin_default$10 = defineComponent({
-  name: name$I,
+var stdin_default$11 = defineComponent({
+  name: name$J,
   inheritAttrs: false,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue", "reset", "confirm"],
@@ -7538,7 +7574,7 @@ var stdin_default$10 = defineComponent({
         }
         if (active) {
           return createVNode(Icon, {
-            "class": bem$I("icon"),
+            "class": bem$J("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
@@ -7551,7 +7587,7 @@ var stdin_default$10 = defineComponent({
           "title-icon": option.icon,
           "title": option.text,
           "direction": "horizontal",
-          "class": [bem$I("option", {
+          "class": [bem$J("option", {
             active
           }), HAPTICS_FEEDBACK],
           "style": {
@@ -7570,7 +7606,7 @@ var stdin_default$10 = defineComponent({
         "title-icon": option.icon,
         "title": option.text,
         "direction": "horizontal",
-        "class": [bem$I("option", {
+        "class": [bem$J("option", {
           active
         }), HAPTICS_FEEDBACK],
         "style": {
@@ -7619,13 +7655,13 @@ var stdin_default$10 = defineComponent({
       }
       return withDirectives(createVNode("div", mergeProps({
         "style": style,
-        "class": bem$I([direction]),
+        "class": bem$J([direction]),
         "onClick": onClickWrapper
       }, attrs), [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",
@@ -7644,20 +7680,20 @@ var stdin_default$10 = defineComponent({
         default: () => {
           var _a;
           return [withDirectives(createVNode("div", null, [props.options.map(renderOption)]), [[vShow, !props.multiSelect]]), withDirectives(createVNode("div", {
-            "class": bem$I("options"),
+            "class": bem$J("options"),
             "style": optionsStyle
           }, [props.options.map(renderOption)]), [[vShow, props.multiSelect]]), withDirectives(createVNode("div", {
-            "class": bem$I("button"),
+            "class": bem$J("button"),
             "style": buttonStyle
           }, [createVNode(Button, {
             "onClick": onClickReset,
-            "class": bem$I("button-reset")
+            "class": bem$J("button-reset")
           }, {
             default: () => [createTextVNode("重置")]
           }), createVNode(Button, {
             "type": "primary",
             "onClick": onClickConfirm,
-            "class": bem$I("button-confirm")
+            "class": bem$J("button-confirm")
           }, {
             default: () => [createTextVNode("确定")]
           })]), [[vShow, props.multiSelect]]), (_a = slots.default) == null ? void 0 : _a.call(slots)];
@@ -7681,8 +7717,8 @@ var stdin_default$10 = 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) => createVNode("svg", {
   "xmlns": "http://www.w3.org/2000/svg",
   "viewBox": "0 0 160 160",
@@ -8816,7 +8852,7 @@ const renderNoCollect = (bem2) => 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,
@@ -8836,8 +8872,8 @@ const emptyProps = {
   imageSize: [Number, String, Array],
   description: String
 };
-var stdin_default$$ = defineComponent({
-  name: name$H,
+var stdin_default$10 = defineComponent({
+  name: name$I,
   props: emptyProps,
   setup(props, {
     slots
@@ -8847,7 +8883,7 @@ var stdin_default$$ = defineComponent({
       if (slots.image) {
         return slots.image();
       }
-      return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES, bem$H)) || createVNode("img", {
+      return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES, bem$I)) || createVNode("img", {
         "src": props.image
       }, null);
     };
@@ -8855,26 +8891,26 @@ var stdin_default$$ = defineComponent({
       const description = slots.description ? slots.description() : props.description;
       if (description) {
         return createVNode("p", {
-          "class": bem$H("description")
+          "class": bem$I("description")
         }, [description]);
       }
     };
     const renderBottom = () => {
       if (slots.default) {
         return createVNode("div", {
-          "class": bem$H("bottom")
+          "class": bem$I("bottom")
         }, [slots.default()]);
       }
     };
     return () => createVNode("div", {
-      "class": bem$H()
+      "class": bem$I()
     }, [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;
@@ -8963,7 +8999,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,
@@ -9013,8 +9049,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: null
   }
 });
-var stdin_default$_ = defineComponent({
-  name: name$G,
+var stdin_default$$ = defineComponent({
+  name: name$H,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
   setup(props, {
@@ -9246,7 +9282,7 @@ var stdin_default$_ = 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
@@ -9284,7 +9320,7 @@ var stdin_default$_ = defineComponent({
       }
       if (props.type === "password") {
         return createVNode("div", {
-          "class": bem$G("password")
+          "class": bem$H("password")
         }, [createVNode("input", mergeProps({
           "type": state.showPassword ? "text" : "password"
         }, inputAttrs), null), createVNode(Icon, {
@@ -9298,7 +9334,7 @@ var stdin_default$_ = defineComponent({
       const leftIconSlot = slots["left-icon"];
       if (props.leftIcon || leftIconSlot) {
         return createVNode("div", {
-          "class": bem$G("left-icon"),
+          "class": bem$H("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : createVNode(Icon, {
           "name": props.leftIcon,
@@ -9310,7 +9346,7 @@ var stdin_default$_ = defineComponent({
       const titleIconSlot = slots["title-icon"];
       if (props.titleIcon || titleIconSlot) {
         return createVNode("div", {
-          "class": bem$G("title-icon")
+          "class": bem$H("title-icon")
         }, [titleIconSlot ? titleIconSlot() : createVNode(Icon, {
           "name": props.titleIcon,
           "classPrefix": props.iconPrefix
@@ -9321,7 +9357,7 @@ var stdin_default$_ = defineComponent({
       const rightIconSlot = slots["right-icon"];
       if (props.rightIcon || rightIconSlot) {
         return createVNode("div", {
-          "class": bem$G("right-icon"),
+          "class": bem$H("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : createVNode(Icon, {
           "name": props.rightIcon,
@@ -9333,9 +9369,9 @@ var stdin_default$_ = defineComponent({
       if (props.showWordLimit && props.maxlength) {
         const count = getStringLength(getModelValue());
         return createVNode("div", {
-          "class": bem$G("word-limit")
+          "class": bem$H("word-limit")
         }, [createVNode("span", {
-          "class": bem$G("word-num", count >= +props.maxlength ? "exceed" : "")
+          "class": bem$H("word-num", count >= +props.maxlength ? "exceed" : "")
         }, [count]), createTextVNode("/"), props.maxlength]);
       }
     };
@@ -9344,7 +9380,7 @@ var stdin_default$_ = defineComponent({
         return;
       }
       return createVNode("div", {
-        "class": [bem$G("description"), props.descriptionClass]
+        "class": [bem$H("description"), props.descriptionClass]
       }, [props.description]);
     };
     const showMessage = computed(() => !(form && form.props.showErrorMessage === false) && (props.errorMessage || state.validateMessage));
@@ -9357,7 +9393,7 @@ var stdin_default$_ = defineComponent({
         const slot = slots["error-message"];
         const errorMessageAlign = getProp("errorMessageAlign");
         return createVNode("div", {
-          "class": bem$G("error-message", errorMessageAlign)
+          "class": bem$H("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -9368,7 +9404,7 @@ var stdin_default$_ = defineComponent({
         return;
       }
       return createVNode("div", {
-        "class": bem$G("bottom")
+        "class": bem$H("bottom")
       }, [renderDescription(), renderMessage()]);
     };
     const renderLabel = () => {
@@ -9384,13 +9420,13 @@ var stdin_default$_ = defineComponent({
       }
     };
     const renderFieldBody = () => [createVNode("div", {
-      "class": bem$G("body")
+      "class": bem$H("body")
     }, [renderInput(), showClear.value && createVNode(Icon, {
       "ref": clearIconRef,
       "name": props.clearIcon,
-      "class": bem$G("clear")
+      "class": bem$H("clear")
     }, null), renderRightIcon(), slots.button && createVNode("div", {
-      "class": bem$G("button")
+      "class": bem$H("button")
     }, [slots.button()])]), renderWordLimit()];
     useExpose({
       blur,
@@ -9432,7 +9468,7 @@ var stdin_default$_ = defineComponent({
         "direction": props.direction,
         "title-icon": props.titleIcon,
         "left-icon": props.leftIcon,
-        "class": bem$G({
+        "class": bem$H({
           error: showError.value,
           disabled,
           readonly,
@@ -9446,8 +9482,8 @@ var stdin_default$_ = 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
@@ -9462,7 +9498,179 @@ var stdin_default$_ = 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$_ = defineComponent({
+  name: name$G,
+  inheritAttrs: false,
+  props: floatingBubbleProps,
+  emits: ["click", "update:offset", "offsetChange"],
+  setup(props, {
+    slots,
+    emit,
+    attrs
+  }) {
+    const rootRef = ref();
+    const state = ref({
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0
+    });
+    const boundary = 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 = ref(false);
+    let initialized = false;
+    const rootStyle = 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
+      } = useRect(rootRef.value);
+      const {
+        offset: offset2
+      } = props;
+      state.value = {
+        x: offset2.x > -1 ? offset2.x : windowWidth.value - width - props.gap,
+        y: offset2.y > -1 ? offset2.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 offset2 = pick(state.value, ["x", "y"]);
+        emit("update:offset", offset2);
+      }
+    };
+    useEventListener("touchmove", onTouchMove, {
+      target: rootRef
+    });
+    const onTouchEnd = () => {
+      dragging.value = false;
+      nextTick(() => {
+        if (props.magnetic === "x") {
+          const nextX = closest([boundary.value.left, boundary.value.right], state.value.x);
+          state.value.x = nextX;
+        }
+        if (props.magnetic === "y") {
+          const nextY = closest([boundary.value.top, boundary.value.bottom], state.value.y);
+          state.value.y = nextY;
+        }
+        if (!touch.isTap.value) {
+          const offset2 = pick(state.value, ["x", "y"]);
+          emit("update:offset", offset2);
+          if (prevX !== offset2.x || prevY !== offset2.y) {
+            emit("offsetChange", offset2);
+          }
+        }
+      });
+    };
+    const onClick = (e) => {
+      if (touch.isTap.value)
+        emit("click", e);
+      else
+        e.stopPropagation();
+    };
+    onMounted(() => {
+      updateState();
+      nextTick(() => {
+        initialized = true;
+      });
+    });
+    watch([windowWidth, windowHeight, () => props.gap, () => props.offset], updateState);
+    const show = ref(true);
+    onActivated(() => {
+      show.value = true;
+    });
+    onDeactivated(() => {
+      if (props.teleport) {
+        show.value = false;
+      }
+    });
+    return () => {
+      const Content = withDirectives(createVNode("div", mergeProps({
+        "class": bem$G(),
+        "ref": rootRef,
+        "onTouchstartPassive": onTouchStart,
+        "onTouchend": onTouchEnd,
+        "onTouchcancel": onTouchEnd,
+        "onClick": onClick,
+        "style": rootStyle.value
+      }, attrs), [slots.default ? slots.default() : createVNode(stdin_default$1N, {
+        "name": props.icon,
+        "class": bem$G("icon")
+      }, null)]), [[vShow, show.value]]);
+      return props.teleport ? createVNode(Teleport, {
+        "to": props.teleport
+      }, {
+        default: () => [Content]
+      }) : Content;
+    };
+  }
+});
+const FloatingBubble = withInstall(stdin_default$_);
 const [name$F, bem$F] = createNamespace("form");
 const formProps = {
   colon: Boolean,
@@ -9850,7 +10058,7 @@ var stdin_default$U = defineComponent({
       }
     }, [props.breadcrumbTitle]), props.data.map((item, index) => createVNode("div", {
       "class": bem$C("item")
-    }, [createVNode(stdin_default$1M, {
+    }, [createVNode(stdin_default$1N, {
       "class": bem$C("icon"),
       "name": "arrow-right",
       "color": "#C6CED9"
@@ -9897,6 +10105,7 @@ const hierarchySelectProps = {
   asyncGetter: {
     type: Function
   },
+  // 是否开启自动全选、半选功能
   unanimous: {
     type: Boolean,
     default: true
@@ -10106,7 +10315,7 @@ var stdin_default$T = defineComponent({
             round: true,
             checked: getChecked(item)
           })
-        }, [createVNode(stdin_default$1M, {
+        }, [createVNode(stdin_default$1N, {
           "name": "checkbox-select"
         }, null)]);
       }
@@ -10116,14 +10325,14 @@ var stdin_default$T = defineComponent({
           checked: true,
           round: true
         })
-      }, [createVNode(stdin_default$1M, {
+      }, [createVNode(stdin_default$1N, {
         "name": "checkbox-select"
       }, null)]) : createVNode("span", {
         "class": bem$B("icon", {
           round: true,
           indeterminate
         })
-      }, [createVNode(stdin_default$1M, {
+      }, [createVNode(stdin_default$1N, {
         "name": indeterminate ? "minus" : "check-blank-r",
         "class": bem$B("uncheck-icon")
       }, null)]);
@@ -10363,8 +10572,8 @@ var stdin_default$S = 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);
@@ -10750,7 +10959,7 @@ const indexBarProps = {
     default: genAlphabet
   },
   indexBarMaxHeight: makeNumericProp("70vh"),
-  contractionPointText: makeStringProp("·")
+  contractionPointText: makeStringProp("•")
 };
 const INDEX_BAR_KEY = Symbol(name$z);
 const MIN_CONTRACTION_NUM = 2;
@@ -10766,9 +10975,9 @@ var stdin_default$Q = defineComponent({
     const sidebar = ref();
     const activeAnchor = useSyncPropRef(() => props.activeAnchor, (value) => emit("update:activeAnchor", value));
     const touchIndex = ref("");
-    const indexBarMaxHeight = () => {
+    const indexBarMaxHeight = computed(() => {
       return props.indexBarMaxHeight ? unitToPx(props.indexBarMaxHeight) : unitToPx("100vh");
-    };
+    });
     const touch = useTouch();
     const scrollParent = useScrollParent(root);
     const {
@@ -10967,9 +11176,9 @@ var stdin_default$Q = 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;
@@ -11027,23 +11236,31 @@ var stdin_default$Q = defineComponent({
         }, [createVNode("div", {
           "class": bem$y("touch-text")
         }, [touchActiveText]), createVNode("svg", {
-          "class": bem$y("icon"),
           "xmlns": "http://www.w3.org/2000/svg",
-          "viewBox": "0 0 20 32"
-        }, [createVNode("defs", null, [createVNode("path", {
-          "id": "7rkhbmqvk__gc482iacwa",
-          "d": "M0 0H20V32H0z"
-        }, null)]), createVNode("g", {
           "fill": "none",
-          "fill-rule": "evenodd"
-        }, [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")
+        }, [createVNode("defs", null, [createVNode("mask", {
+          "id": "ei8r0nsyx__b6fjzymnfa"
+        }, [createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0",
+          "fill": "#FFF"
+        }, null)])]), createVNode("g", {
+          "mask": "url(#ei8r0nsyx__b6fjzymnfa)"
+        }, [createVNode("rect", {
+          "width": "20",
+          "height": "32",
+          "rx": "0"
+        }, null), 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), 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)])])]), createVNode("div", {
           "data-index": index,
           "data-index-map": contractionPointMapList,
@@ -11450,7 +11667,7 @@ var stdin_default$M = defineComponent({
         }
       }
     };
-    return () => createVNode(stdin_default$1J, {
+    return () => createVNode(stdin_default$1K, {
       "class": bem$v(),
       "show": props.show,
       "position": "bottom",
@@ -13393,10 +13610,10 @@ var stdin_default$C = defineComponent({
         message
       } = media;
       if (status === "uploading" || status === "failed") {
-        const MaskIcon = status === "failed" ? createVNode(stdin_default$1M, {
+        const MaskIcon = status === "failed" ? createVNode(stdin_default$1N, {
           "name": "close",
           "class": bem$u("mask-icon")
-        }, null) : createVNode(stdin_default$1H, {
+        }, null) : createVNode(stdin_default$1I, {
           "class": bem$u("loading")
         }, null);
         const showMessage = isDef(message) && message !== "";
@@ -13415,7 +13632,7 @@ var stdin_default$C = defineComponent({
     };
     const renderMediaThumbnail = (media) => {
       if (media.showSrc) {
-        return createVNode(stdin_default$1D, {
+        return createVNode(stdin_default$1E, {
           "src": media.showSrc,
           "fit": "cover",
           "radius": "4"
@@ -13505,7 +13722,7 @@ var stdin_default$C = defineComponent({
         "onUpdate:show": ($event) => mediaPlayerVisible.value = $event,
         "mediaType": mediaTypeToPlay.value,
         "mediaUrl": mediaUrlToPlay.value
-      }, null), createVNode(stdin_default$1F, {
+      }, null), createVNode(stdin_default$1G, {
         "show": actionVisible.value,
         "onUpdate:show": ($event) => actionVisible.value = $event,
         "actions": actionOptions.value,
@@ -13708,7 +13925,7 @@ var stdin_default$A = defineComponent({
     };
     const genCancel = () => {
       const text = props.cancelButtonText || "取消";
-      return createVNode(stdin_default$1A, {
+      return createVNode(stdin_default$1B, {
         "size": "normal",
         "block": true,
         "style": {
@@ -13721,7 +13938,7 @@ var stdin_default$A = defineComponent({
     };
     const genConfirm = () => {
       const text = props.confirmButtonText || "确定";
-      return createVNode(stdin_default$1A, {
+      return createVNode(stdin_default$1B, {
         "type": "primary",
         "size": "normal",
         "block": true,
@@ -13770,10 +13987,10 @@ var stdin_default$A = defineComponent({
     }, [genOptionItems()]);
     const renderMultiplePicker = () => createVNode("div", {
       "class": bem$s()
-    }, [genTitle(), props.loading ? createVNode(stdin_default$1H, {
+    }, [genTitle(), props.loading ? createVNode(stdin_default$1I, {
       "class": bem$s("loading")
     }, null) : "", genOptions2(), props.toolbarPosition === "bottom" ? genToolbar() : ""]);
-    return () => createVNode(stdin_default$1J, {
+    return () => createVNode(stdin_default$1K, {
       "show": currentShow.value,
       "onUpdate:show": [($event) => currentShow.value = $event, updateShow],
       "round": true,
@@ -13940,7 +14157,7 @@ var stdin_default$y = defineComponent({
         return slots["left-icon"]();
       }
       if (props.leftIcon) {
-        return createVNode(stdin_default$1M, {
+        return createVNode(stdin_default$1N, {
           "class": bem$q("left-icon"),
           "name": props.leftIcon
         }, null);
@@ -13966,7 +14183,7 @@ var stdin_default$y = defineComponent({
       }
       const name2 = getRightIconName();
       if (name2) {
-        return createVNode(stdin_default$1M, {
+        return createVNode(stdin_default$1N, {
           "name": name2,
           "class": bem$q("right-icon"),
           "onClick": onClickRightIcon
@@ -14154,11 +14371,11 @@ const resetNotifyDefaultOptions = () => {
 };
 const Notify = withInstall(stdin_default$x);
 const [name$p, bem$o] = createNamespace("key");
-const CollapseIcon = createVNode(stdin_default$1M, {
+const CollapseIcon = createVNode(stdin_default$1N, {
   "name": "keyboard-shrink",
   "size": "40"
 }, null);
-const DeleteIcon = createVNode(stdin_default$1M, {
+const DeleteIcon = createVNode(stdin_default$1N, {
   "name": "backspace",
   "size": "40"
 }, null);
@@ -15044,7 +15261,7 @@ var stdin_default$q = defineComponent({
         emit("update:modelValue", props.name);
       }
     };
-    return () => createVNode(stdin_default$1i, mergeProps({
+    return () => createVNode(stdin_default$1j, mergeProps({
       "bem": bem$i,
       "role": "radio",
       "parent": parent,
@@ -15440,7 +15657,7 @@ var stdin_default$n = defineComponent({
         if (slots.searchEmpty) {
           return (_a = slots.searchEmpty) == null ? void 0 : _a.call(slots);
         }
-        return createVNode(stdin_default$$, {
+        return createVNode(stdin_default$10, {
           "class": bem$f("search-empty"),
           "image": "no-search-result"
         }, {
@@ -15831,7 +16048,7 @@ var stdin_default$l = defineComponent({
     };
     return () => {
       if (props.popup) {
-        return createVNode(stdin_default$1J, {
+        return createVNode(stdin_default$1K, {
           "show": showPicker.value,
           "onUpdate:show": [($event) => showPicker.value = $event, updateShow],
           "round": true,
@@ -16053,7 +16270,7 @@ var stdin_default$k = 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 = {
@@ -16319,20 +16536,20 @@ var stdin_default$j = defineComponent({
         "height": canvasHeight.value
       }, null), [[vShow, isCanvasSupported.value]])]), createVNode("div", {
         "class": bem$d("actions")
-      }, [createVNode(stdin_default$1A, {
+      }, [createVNode(stdin_default$1B, {
         "plain": true,
         "type": "warning",
         "onClick": () => clear(),
         "class": bem$d("button-again")
       }, {
         default: () => [createTextVNode("重签")]
-      }), createVNode(stdin_default$1A, {
+      }), createVNode(stdin_default$1B, {
         "type": "default",
         "onClick": cancel,
         "class": bem$d("button-cancel")
       }, {
         default: () => [createTextVNode("取消")]
-      }), createVNode(stdin_default$1A, {
+      }), createVNode(stdin_default$1B, {
         "block": true,
         "type": "primary",
         "disabled": isCompleteButtonDisabled.value,
@@ -16839,7 +17056,7 @@ var stdin_default$f = defineComponent({
         }
       ],
       "aria-disabled": minusDisabled.value || void 0
-    }, createListeners("minus")), [createVNode(stdin_default$1M, {
+    }, createListeners("minus")), [createVNode(stdin_default$1N, {
       "name": "minus",
       "size": (props == null ? void 0 : props.buttonSize) ? props.buttonSize : "32"
     }, null)]), [[vShow, props.showMinus]]), withDirectives(createVNode("input", {
@@ -16872,7 +17089,7 @@ var stdin_default$f = defineComponent({
         // { [HAPTICS_FEEDBACK]: !plusDisabled.value },
       ],
       "aria-disabled": plusDisabled.value || void 0
-    }, createListeners("plus")), [createVNode(stdin_default$1M, {
+    }, createListeners("plus")), [createVNode(stdin_default$1N, {
       "name": "plus",
       "size": (props == null ? void 0 : props.buttonSize) ? props.buttonSize : "32"
     }, null)]), [[vShow, props.showPlus]])]);
@@ -17594,7 +17811,7 @@ var stdin_default$8 = defineComponent({
       }, null);
       const LeftIcon = () => {
         if (props.image) {
-          return createVNode(stdin_default$1D, {
+          return createVNode(stdin_default$1E, {
             "class": bem$3("image"),
             "src": props.image
           }, null);
@@ -19391,7 +19608,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.1.10";
+const version = "3.1.12";
 function install(app) {
   const components = [
     ActionSheet,
@@ -19415,6 +19632,7 @@ function install(app) {
     DropdownMenu,
     Empty,
     Field,
+    FloatingBubble,
     Form,
     Grid,
     GridItem,
@@ -19502,6 +19720,7 @@ export {
   DropdownMenu,
   Empty,
   Field,
+  FloatingBubble,
   Form,
   Grid,
   GridItem,
@@ -19569,6 +19788,7 @@ export {
   dialogProps,
   dropdownItemProps,
   dropdownMenuProps,
+  floatingBubbleProps,
   gridItemProps,
   gridProps,
   imagePreviewProps,