vant 4.0.6 → 4.0.8

package/lib/vant.cjs.js

@@ -237,7 +237,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1K = {
+var stdin_default$1N = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -300,7 +300,7 @@ var stdin_default$1K = {
 };
 const lang = vue.ref("zh-CN");
 const messages = vue.reactive({
-  "zh-CN": stdin_default$1K
+  "zh-CN": stdin_default$1N
 });
 const Locale = {
   messages() {
@@ -314,11 +314,11 @@ const Locale = {
     deepAssign(messages, newMessages);
   }
 };
-var stdin_default$1J = Locale;
+var stdin_default$1M = Locale;
 function createTranslate(name2) {
   const prefix = camelize(name2) + ".";
   return (path, ...args) => {
-    const messages2 = stdin_default$1J.messages();
+    const messages2 = stdin_default$1M.messages();
     const message = get(messages2, prefix + path) || get(messages2, path);
     return isFunction(message) ? message(...args) : message;
   };
@@ -446,7 +446,7 @@ const actionBarProps = {
   placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
-var stdin_default$1I = vue.defineComponent({
+var stdin_default$1L = vue.defineComponent({
   name: name$1B,
   props: actionBarProps,
   setup(props, {
@@ -475,7 +475,7 @@ var stdin_default$1I = vue.defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$1I);
+const ActionBar = withInstall(stdin_default$1L);
 function useExpose(apis) {
   const instance2 = vue.getCurrentInstance();
   if (instance2) {
@@ -514,7 +514,7 @@ const badgeProps = {
   showZero: truthProp,
   position: makeStringProp("top-right")
 };
-var stdin_default$1H = vue.defineComponent({
+var stdin_default$1K = vue.defineComponent({
   name: name$1A,
   props: badgeProps,
   setup(props, {
@@ -601,7 +601,7 @@ var stdin_default$1H = vue.defineComponent({
     };
   }
 });
-const Badge = withInstall(stdin_default$1H);
+const Badge = withInstall(stdin_default$1K);
 let globalZIndex = 2e3;
 const useGlobalZIndex = () => ++globalZIndex;
 const setGlobalZIndex = (val) => {
@@ -625,7 +625,7 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   return cssVars;
 }
-var stdin_default$1G = vue.defineComponent({
+var stdin_default$1J = vue.defineComponent({
   name: name$1z,
   props: configProviderProps,
   setup(props, {
@@ -680,7 +680,7 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1F = vue.defineComponent({
+var stdin_default$1I = vue.defineComponent({
   name: name$1y,
   props: iconProps,
   setup(props, {
@@ -719,7 +719,7 @@ var stdin_default$1F = vue.defineComponent({
     };
   }
 });
-const Icon = withInstall(stdin_default$1F);
+const Icon = withInstall(stdin_default$1I);
 const [name$1x, bem$1s] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => vue.createVNode("i", {
   "class": bem$1s("line", String(index + 1))
@@ -741,7 +741,7 @@ const loadingProps = {
   textSize: numericProp,
   textColor: String
 };
-var stdin_default$1E = vue.defineComponent({
+var stdin_default$1H = vue.defineComponent({
   name: name$1x,
   props: loadingProps,
   setup(props, {
@@ -784,7 +784,7 @@ var stdin_default$1E = vue.defineComponent({
     };
   }
 });
-const Loading = withInstall(stdin_default$1E);
+const Loading = withInstall(stdin_default$1H);
 const [name$1w, bem$1r] = createNamespace("button");
 const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
@@ -807,7 +807,7 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1D = vue.defineComponent({
+var stdin_default$1G = vue.defineComponent({
   name: name$1w,
   props: buttonProps,
   emits: ["click"],
@@ -924,7 +924,7 @@ var stdin_default$1D = vue.defineComponent({
     };
   }
 });
-const Button = withInstall(stdin_default$1D);
+const Button = withInstall(stdin_default$1G);
 const [name$1v, bem$1q] = createNamespace("action-bar-button");
 const actionBarButtonProps = extend({}, routeProps, {
   type: String,
@@ -934,7 +934,7 @@ const actionBarButtonProps = extend({}, routeProps, {
   loading: Boolean,
   disabled: Boolean
 });
-var stdin_default$1C = vue.defineComponent({
+var stdin_default$1F = vue.defineComponent({
   name: name$1v,
   props: actionBarButtonProps,
   setup(props, {
@@ -987,7 +987,7 @@ var stdin_default$1C = vue.defineComponent({
     };
   }
 });
-const ActionBarButton = withInstall(stdin_default$1C);
+const ActionBarButton = withInstall(stdin_default$1F);
 const [name$1u, bem$1p] = createNamespace("action-bar-icon");
 const actionBarIconProps = extend({}, routeProps, {
   dot: Boolean,
@@ -999,7 +999,7 @@ const actionBarIconProps = extend({}, routeProps, {
   badgeProps: Object,
   iconPrefix: String
 });
-var stdin_default$1B = vue.defineComponent({
+var stdin_default$1E = vue.defineComponent({
   name: name$1u,
   props: actionBarIconProps,
   setup(props, {
@@ -1045,7 +1045,7 @@ var stdin_default$1B = vue.defineComponent({
     }, [renderIcon(), slots.default ? slots.default() : props.text]);
   }
 });
-const ActionBarIcon = withInstall(stdin_default$1B);
+const ActionBarIcon = withInstall(stdin_default$1E);
 const popupSharedProps = {
   show: Boolean,
   zIndex: numericProp,
@@ -1194,7 +1194,7 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1A = vue.defineComponent({
+var stdin_default$1D = vue.defineComponent({
   name: name$1t,
   props: overlayProps,
   setup(props, {
@@ -1230,7 +1230,7 @@ var stdin_default$1A = vue.defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1A);
+const Overlay = withInstall(stdin_default$1D);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -1244,7 +1244,7 @@ const popupProps$2 = extend({}, popupSharedProps, {
   safeAreaInsetBottom: Boolean
 });
 const [name$1s, bem$1n] = createNamespace("popup");
-var stdin_default$1z = vue.defineComponent({
+var stdin_default$1C = vue.defineComponent({
   name: name$1s,
   inheritAttrs: false,
   props: popupProps$2,
@@ -1422,7 +1422,7 @@ var stdin_default$1z = vue.defineComponent({
     };
   }
 });
-const Popup = withInstall(stdin_default$1z);
+const Popup = withInstall(stdin_default$1C);
 const [name$1r, bem$1m] = createNamespace("action-sheet");
 const actionSheetProps = extend({}, popupSharedProps, {
   title: String,
@@ -1437,7 +1437,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1y = vue.defineComponent({
+var stdin_default$1B = vue.defineComponent({
   name: name$1r,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
@@ -1544,7 +1544,7 @@ var stdin_default$1y = vue.defineComponent({
     });
   }
 });
-const ActionSheet = withInstall(stdin_default$1y);
+const ActionSheet = withInstall(stdin_default$1B);
 const [name$1q, bem$1l, t$j] = createNamespace("picker");
 const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType(columns, fields) {
@@ -1616,7 +1616,7 @@ const MOMENTUM_TIME = 300;
 const MOMENTUM_DISTANCE = 15;
 const [name$1p, bem$1k] = createNamespace("picker-column");
 const PICKER_KEY = Symbol(name$1p);
-var stdin_default$1x = vue.defineComponent({
+var stdin_default$1A = vue.defineComponent({
   name: name$1p,
   props: {
     value: numericProp,
@@ -1802,7 +1802,7 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default$1w = vue.defineComponent({
+var stdin_default$1z = vue.defineComponent({
   name: name$1o,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],
@@ -1931,7 +1931,7 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1v = vue.defineComponent({
+var stdin_default$1y = vue.defineComponent({
   name: name$1n,
   props: stickyProps,
   emits: ["scroll", "change"],
@@ -2035,9 +2035,9 @@ var stdin_default$1v = vue.defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1v);
+const Sticky = withInstall(stdin_default$1y);
 const [name$1m, bem$1i] = createNamespace("tab");
-var stdin_default$1u = vue.defineComponent({
+var stdin_default$1x = vue.defineComponent({
   name: name$1m,
   props: {
     id: String,
@@ -2135,7 +2135,7 @@ const swipeProps = {
   stopPropagation: truthProp
 };
 const SWIPE_KEY = Symbol(name$1l);
-var stdin_default$1t = vue.defineComponent({
+var stdin_default$1w = vue.defineComponent({
   name: name$1l,
   props: swipeProps,
   emits: ["change"],
@@ -2302,6 +2302,9 @@ var stdin_default$1t = vue.defineComponent({
         }
         if (count.value) {
           active = Math.min(count.value - 1, active);
+          if (active === -1) {
+            active = count.value - 1;
+          }
         }
         state.active = active;
         state.swiping = true;
@@ -2468,9 +2471,9 @@ var stdin_default$1t = vue.defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1t);
+const Swipe = withInstall(stdin_default$1w);
 const [name$1k, bem$1g] = createNamespace("tabs");
-var stdin_default$1s = vue.defineComponent({
+var stdin_default$1v = vue.defineComponent({
   name: name$1k,
   props: {
     count: makeRequiredProp(Number),
@@ -2553,7 +2556,7 @@ const tabsProps = {
   titleInactiveColor: String
 };
 const TABS_KEY = Symbol(name$1j);
-var stdin_default$1r = vue.defineComponent({
+var stdin_default$1u = vue.defineComponent({
   name: name$1j,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
@@ -2743,7 +2746,7 @@ var stdin_default$1r = vue.defineComponent({
         setCurrentIndex(index);
       }
     };
-    const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1u, vue.mergeProps({
+    const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1x, vue.mergeProps({
       "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
@@ -2859,7 +2862,7 @@ var stdin_default$1r = vue.defineComponent({
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), vue.createVNode(stdin_default$1s, {
+    }) : renderHeader(), vue.createVNode(stdin_default$1v, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,
@@ -2880,7 +2883,7 @@ var stdin_default$1r = vue.defineComponent({
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
 const [name$1i, bem$1e] = createNamespace("swipe-item");
-var stdin_default$1q = vue.defineComponent({
+var stdin_default$1t = vue.defineComponent({
   name: name$1i,
   setup(props, {
     slots
@@ -2952,7 +2955,7 @@ var stdin_default$1q = vue.defineComponent({
     };
   }
 });
-const SwipeItem = withInstall(stdin_default$1q);
+const SwipeItem = withInstall(stdin_default$1t);
 const [name$1h, bem$1d] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
   dot: Boolean,
@@ -2964,7 +2967,7 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1p = vue.defineComponent({
+var stdin_default$1s = vue.defineComponent({
   name: name$1h,
   props: tabProps,
   setup(props, {
@@ -3063,14 +3066,15 @@ var stdin_default$1p = vue.defineComponent({
     };
   }
 });
-const Tab = withInstall(stdin_default$1p);
-const Tabs = withInstall(stdin_default$1r);
+const Tab = withInstall(stdin_default$1s);
+const Tabs = withInstall(stdin_default$1u);
 const [name$1g, bem$1c] = createNamespace("picker-group");
 const PICKER_GROUP_KEY = Symbol(name$1g);
 const pickerGroupProps = extend({
-  tabs: makeArrayProp()
+  tabs: makeArrayProp(),
+  nextStepText: String
 }, pickerToolbarProps);
-var stdin_default$1o = vue.defineComponent({
+var stdin_default$1r = vue.defineComponent({
   name: name$1g,
   props: pickerGroupProps,
   emits: ["confirm", "cancel"],
@@ -3078,26 +3082,38 @@ var stdin_default$1o = vue.defineComponent({
     emit,
     slots
   }) {
+    const activeTab = vue.ref(0);
     const {
       children,
       linkChildren
     } = use.useChildren(PICKER_GROUP_KEY);
     linkChildren();
+    const showNextButton = () => activeTab.value < props.tabs.length - 1 && props.nextStepText;
     const onConfirm = () => {
-      emit("confirm", children.map((item) => item.confirm()));
+      if (showNextButton()) {
+        activeTab.value++;
+      } else {
+        emit("confirm", children.map((item) => item.confirm()));
+      }
     };
     const onCancel = () => emit("cancel");
     return () => {
       var _a;
       const childNodes = (_a = slots.default) == null ? void 0 : _a.call(slots);
+      const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return vue.createVNode("div", {
         "class": bem$1c()
-      }, [vue.createVNode(stdin_default$1w, vue.mergeProps(props, {
+      }, [vue.createVNode(stdin_default$1z, {
+        "title": props.title,
+        "cancelButtonText": props.cancelButtonText,
+        "confirmButtonText": confirmButtonText,
         "onConfirm": onConfirm,
         "onCancel": onCancel
-      }), null), vue.createVNode(Tabs, {
-        "shrink": true,
+      }, null), vue.createVNode(Tabs, {
+        "active": activeTab.value,
+        "onUpdate:active": ($event) => activeTab.value = $event,
         "class": bem$1c("tabs"),
+        "shrink": true,
         "animated": true
       }, {
         default: () => [props.tabs.map((title, index) => vue.createVNode(Tab, {
@@ -3125,7 +3141,7 @@ const pickerProps = extend({}, pickerSharedProps, {
   toolbarPosition: makeStringProp("top"),
   columnsFieldNames: Object
 });
-var stdin_default$1n = vue.defineComponent({
+var stdin_default$1q = vue.defineComponent({
   name: name$1q,
   props: pickerProps,
   emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue"],
@@ -3201,7 +3217,7 @@ var stdin_default$1n = vue.defineComponent({
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1x, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => vue.createVNode(stdin_default$1A, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -3245,7 +3261,7 @@ var stdin_default$1n = vue.defineComponent({
     };
     const renderToolbar = () => {
       if (props.showToolbar && !parent) {
-        return vue.createVNode(stdin_default$1w, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
+        return vue.createVNode(stdin_default$1z, vue.mergeProps(pick(props, pickerToolbarPropKeys), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots));
@@ -3380,7 +3396,7 @@ function formatDataForCascade({
   }
   return options;
 }
-const Picker = withInstall(stdin_default$1n);
+const Picker = withInstall(stdin_default$1q);
 const [name$1f, bem$1b] = createNamespace("area");
 const areaProps = extend({}, pickerSharedProps, {
   modelValue: String,
@@ -3391,7 +3407,7 @@ const areaProps = extend({}, pickerSharedProps, {
     default: () => ({})
   }
 });
-var stdin_default$1m = vue.defineComponent({
+var stdin_default$1p = vue.defineComponent({
   name: name$1f,
   props: areaProps,
   emits: ["change", "confirm", "cancel", "update:modelValue"],
@@ -3447,7 +3463,7 @@ var stdin_default$1m = vue.defineComponent({
     }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
   }
 });
-const Area = withInstall(stdin_default$1m);
+const Area = withInstall(stdin_default$1p);
 const [name$1e, bem$1a] = createNamespace("cell");
 const cellSharedProps = {
   tag: makeStringProp("div"),
@@ -3472,7 +3488,7 @@ const cellSharedProps = {
   }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1l = vue.defineComponent({
+var stdin_default$1o = vue.defineComponent({
   name: name$1e,
   props: cellProps,
   setup(props, {
@@ -3567,7 +3583,7 @@ var stdin_default$1l = vue.defineComponent({
     };
   }
 });
-const Cell = withInstall(stdin_default$1l);
+const Cell = withInstall(stdin_default$1o);
 const [name$1d, bem$19] = createNamespace("form");
 const formProps = {
   colon: Boolean,
@@ -3587,7 +3603,7 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$1k = vue.defineComponent({
+var stdin_default$1n = vue.defineComponent({
   name: name$1d,
   props: formProps,
   emits: ["submit", "failed"],
@@ -3720,7 +3736,7 @@ var stdin_default$1k = vue.defineComponent({
     };
   }
 });
-const Form = withInstall(stdin_default$1k);
+const Form = withInstall(stdin_default$1n);
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;
@@ -3856,7 +3872,7 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: null
   }
 });
-var stdin_default$1j = vue.defineComponent({
+var stdin_default$1m = vue.defineComponent({
   name: name$1c,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
@@ -4304,7 +4320,7 @@ var stdin_default$1j = vue.defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1j);
+const Field = withInstall(stdin_default$1m);
 let lockCount = 0;
 function lockClick(lock) {
   if (lock) {
@@ -4342,7 +4358,7 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1i = vue.defineComponent({
+var stdin_default$1l = vue.defineComponent({
   name: name$1b,
   props: toastProps,
   emits: ["update:show"],
@@ -4524,7 +4540,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return vue.createVNode(stdin_default$1i, vue.mergeProps(state, attrs), null);
+        return vue.createVNode(stdin_default$1l, vue.mergeProps(state, attrs), null);
       };
       vue.watch(message, (val) => {
         state.message = val;
@@ -4594,7 +4610,7 @@ const resetToastDefaultOptions = (type) => {
 const allowMultipleToast = (value = true) => {
   allowMultiple = value;
 };
-const Toast = withInstall(stdin_default$1i);
+const Toast = withInstall(stdin_default$1l);
 const [name$1a, bem$16] = createNamespace("switch");
 const switchProps = {
   size: numericProp,
@@ -4612,7 +4628,7 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$1h = vue.defineComponent({
+var stdin_default$1k = vue.defineComponent({
   name: name$1a,
   props: switchProps,
   emits: ["change", "update:modelValue"],
@@ -4672,10 +4688,10 @@ var stdin_default$1h = vue.defineComponent({
     };
   }
 });
-const Switch = withInstall(stdin_default$1h);
+const Switch = withInstall(stdin_default$1k);
 const [name$19, bem$15] = createNamespace("address-edit-detail");
 const t$i = createNamespace("address-edit")[2];
-var stdin_default$1g = vue.defineComponent({
+var stdin_default$1j = vue.defineComponent({
   name: name$19,
   props: {
     show: Boolean,
@@ -4781,7 +4797,7 @@ const addressEditProps = {
     default: isMobile
   }
 };
-var stdin_default$1f = vue.defineComponent({
+var stdin_default$1i = vue.defineComponent({
   name: name$18,
   props: addressEditProps,
   emits: ["save", "focus", "delete", "clickArea", "changeArea", "changeDetail", "selectSearch", "changeDefault"],
@@ -4956,7 +4972,7 @@ var stdin_default$1f = vue.defineComponent({
               emit("clickArea");
               showAreaPopup.value = !disableArea;
             }
-          }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1g, {
+          }, null), [[vue.vShow, props.showArea]]), vue.createVNode(stdin_default$1j, {
             "show": props.showDetail,
             "rows": props.detailRows,
             "rules": rules.value.addressDetail,
@@ -5012,7 +5028,7 @@ var stdin_default$1f = vue.defineComponent({
     };
   }
 });
-const AddressEdit = withInstall(stdin_default$1f);
+const AddressEdit = withInstall(stdin_default$1i);
 const [name$17, bem$13] = createNamespace("radio-group");
 const radioGroupProps = {
   disabled: Boolean,
@@ -5022,7 +5038,7 @@ const radioGroupProps = {
   checkedColor: String
 };
 const RADIO_KEY = Symbol(name$17);
-var stdin_default$1e = vue.defineComponent({
+var stdin_default$1h = vue.defineComponent({
   name: name$17,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
@@ -5049,7 +5065,7 @@ var stdin_default$1e = vue.defineComponent({
     };
   }
 });
-const RadioGroup = withInstall(stdin_default$1e);
+const RadioGroup = withInstall(stdin_default$1h);
 const [name$16, bem$12] = createNamespace("tag");
 const tagProps = {
   size: String,
@@ -5062,7 +5078,7 @@ const tagProps = {
   textColor: String,
   closeable: Boolean
 };
-var stdin_default$1d = vue.defineComponent({
+var stdin_default$1g = vue.defineComponent({
   name: name$16,
   props: tagProps,
   emits: ["close"],
@@ -5121,7 +5137,7 @@ var stdin_default$1d = vue.defineComponent({
     });
   }
 });
-const Tag = withInstall(stdin_default$1d);
+const Tag = withInstall(stdin_default$1g);
 const checkerProps = {
   name: unknownProp,
   shape: makeStringProp("round"),
@@ -5132,7 +5148,7 @@ const checkerProps = {
   labelPosition: String,
   labelDisabled: Boolean
 };
-var stdin_default$1c = vue.defineComponent({
+var stdin_default$1f = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -5223,7 +5239,7 @@ var stdin_default$1c = vue.defineComponent({
 });
 const radioProps = checkerProps;
 const [name$15, bem$11] = createNamespace("radio");
-var stdin_default$1b = vue.defineComponent({
+var stdin_default$1e = vue.defineComponent({
   name: name$15,
   props: checkerProps,
   emits: ["update:modelValue"],
@@ -5245,7 +5261,7 @@ var stdin_default$1b = vue.defineComponent({
         emit("update:modelValue", props.name);
       }
     };
-    return () => vue.createVNode(stdin_default$1c, vue.mergeProps({
+    return () => vue.createVNode(stdin_default$1f, vue.mergeProps({
       "bem": bem$11,
       "role": "radio",
       "parent": parent,
@@ -5254,9 +5270,9 @@ var stdin_default$1b = vue.defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Radio = withInstall(stdin_default$1b);
+const Radio = withInstall(stdin_default$1e);
 const [name$14, bem$10] = createNamespace("address-item");
-var stdin_default$1a = vue.defineComponent({
+var stdin_default$1d = vue.defineComponent({
   name: name$14,
   props: {
     address: makeRequiredProp(Object),
@@ -5351,7 +5367,7 @@ const addressListProps = {
   addButtonText: String,
   defaultTagText: String
 };
-var stdin_default$19 = vue.defineComponent({
+var stdin_default$1c = vue.defineComponent({
   name: name$13,
   props: addressListProps,
   emits: ["add", "edit", "select", "clickItem", "editDisabled", "selectDisabled", "update:modelValue"],
@@ -5368,7 +5384,7 @@ var stdin_default$19 = vue.defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return vue.createVNode(stdin_default$1a, {
+      return vue.createVNode(stdin_default$1d, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
@@ -5414,7 +5430,7 @@ var stdin_default$19 = vue.defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$19);
+const AddressList = withInstall(stdin_default$1c);
 const hasIntersectionObserver = use.inBrowser && "IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype;
 const modeType = {
   event: "event",
@@ -5578,7 +5594,7 @@ const backTopProps = {
     default: "body"
   }
 };
-var stdin_default$18 = vue.defineComponent({
+var stdin_default$1b = vue.defineComponent({
   name: name$12,
   inheritAttrs: false,
   props: backTopProps,
@@ -5658,7 +5674,7 @@ var stdin_default$18 = vue.defineComponent({
     };
   }
 });
-const BackTop = withInstall(stdin_default$18);
+const BackTop = withInstall(stdin_default$1b);
 const [name$11, bem$Z, t$f] = createNamespace("calendar");
 const formatMonthTitle = (date) => t$f("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
@@ -5741,7 +5757,7 @@ const formatValueRange = (values, columns) => values.map((value, index) => {
   return value;
 });
 const [name$10] = createNamespace("calendar-day");
-var stdin_default$17 = vue.defineComponent({
+var stdin_default$1a = vue.defineComponent({
   name: name$10,
   props: {
     item: makeRequiredProp(Object),
@@ -5879,7 +5895,7 @@ const calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-var stdin_default$16 = vue.defineComponent({
+var stdin_default$19 = vue.defineComponent({
   name: name$$,
   props: calendarMonthProps,
   emits: ["click"],
@@ -6032,7 +6048,7 @@ var stdin_default$16 = vue.defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - use.useRect(body).top);
       }
     };
-    const renderDay = (item, index) => vue.createVNode(stdin_default$17, {
+    const renderDay = (item, index) => vue.createVNode(stdin_default$1a, {
       "item": item,
       "index": index,
       "color": props.color,
@@ -6059,7 +6075,7 @@ var stdin_default$16 = vue.defineComponent({
   }
 });
 const [name$_] = createNamespace("calendar-header");
-var stdin_default$15 = vue.defineComponent({
+var stdin_default$18 = vue.defineComponent({
   name: name$_,
   props: {
     date: Date,
@@ -6160,7 +6176,7 @@ const calendarProps = {
     validator: (val) => val >= 0 && val <= 6
   }
 };
-var stdin_default$14 = vue.defineComponent({
+var stdin_default$17 = vue.defineComponent({
   name: name$11,
   props: calendarProps,
   emits: ["select", "confirm", "unselect", "monthShow", "overRange", "update:show", "clickSubtitle"],
@@ -6424,7 +6440,7 @@ var stdin_default$14 = vue.defineComponent({
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props.showSubtitle;
-      return vue.createVNode(stdin_default$16, vue.mergeProps({
+      return vue.createVNode(stdin_default$19, vue.mergeProps({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -6465,7 +6481,7 @@ var stdin_default$14 = vue.defineComponent({
     }, [renderFooterButton()]);
     const renderCalendar = () => vue.createVNode("div", {
       "class": bem$Z()
-    }, [vue.createVNode(stdin_default$15, {
+    }, [vue.createVNode(stdin_default$18, {
       "date": subtitle.value.date,
       "title": props.title,
       "subtitle": subtitle.value.text,
@@ -6511,7 +6527,7 @@ var stdin_default$14 = vue.defineComponent({
     };
   }
 });
-const Calendar = withInstall(stdin_default$14);
+const Calendar = withInstall(stdin_default$17);
 const [name$Z, bem$Y] = createNamespace("image");
 const imageProps = {
   src: String,
@@ -6531,7 +6547,7 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo")
 };
-var stdin_default$13 = vue.defineComponent({
+var stdin_default$16 = vue.defineComponent({
   name: name$Z,
   props: imageProps,
   emits: ["load", "error"],
@@ -6675,7 +6691,7 @@ var stdin_default$13 = vue.defineComponent({
     };
   }
 });
-const Image$1 = withInstall(stdin_default$13);
+const Image$1 = withInstall(stdin_default$16);
 const [name$Y, bem$X] = createNamespace("card");
 const cardProps = {
   tag: String,
@@ -6690,7 +6706,7 @@ const cardProps = {
   thumbLink: String,
   originPrice: numericProp
 };
-var stdin_default$12 = vue.defineComponent({
+var stdin_default$15 = vue.defineComponent({
   name: name$Y,
   props: cardProps,
   emits: ["clickThumb"],
@@ -6794,7 +6810,7 @@ var stdin_default$12 = vue.defineComponent({
     };
   }
 });
-const Card = withInstall(stdin_default$12);
+const Card = withInstall(stdin_default$15);
 const [name$X, bem$W, t$e] = createNamespace("cascader");
 const cascaderProps = {
   title: String,
@@ -6808,7 +6824,7 @@ const cascaderProps = {
   placeholder: String,
   activeColor: String
 };
-var stdin_default$11 = vue.defineComponent({
+var stdin_default$14 = vue.defineComponent({
   name: name$X,
   props: cascaderProps,
   emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
@@ -7013,14 +7029,14 @@ var stdin_default$11 = vue.defineComponent({
     }, [renderHeader(), renderTabs()]);
   }
 });
-const Cascader = withInstall(stdin_default$11);
+const Cascader = withInstall(stdin_default$14);
 const [name$W, bem$V] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
   inset: Boolean,
   border: truthProp
 };
-var stdin_default$10 = vue.defineComponent({
+var stdin_default$13 = vue.defineComponent({
   name: name$W,
   inheritAttrs: false,
   props: cellGroupProps,
@@ -7051,7 +7067,7 @@ var stdin_default$10 = vue.defineComponent({
     };
   }
 });
-const CellGroup = withInstall(stdin_default$10);
+const CellGroup = withInstall(stdin_default$13);
 const [name$V, bem$U] = createNamespace("checkbox-group");
 const checkboxGroupProps = {
   max: numericProp,
@@ -7062,7 +7078,7 @@ const checkboxGroupProps = {
   checkedColor: String
 };
 const CHECKBOX_GROUP_KEY = Symbol(name$V);
-var stdin_default$$ = vue.defineComponent({
+var stdin_default$12 = vue.defineComponent({
   name: name$V,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
@@ -7118,7 +7134,7 @@ const [name$U, bem$T] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp
 });
-var stdin_default$_ = vue.defineComponent({
+var stdin_default$11 = vue.defineComponent({
   name: name$U,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
@@ -7176,7 +7192,7 @@ var stdin_default$_ = vue.defineComponent({
       checked
     });
     use.useCustomFieldValue(() => props.modelValue);
-    return () => vue.createVNode(stdin_default$1c, vue.mergeProps({
+    return () => vue.createVNode(stdin_default$1f, vue.mergeProps({
       "bem": bem$T,
       "role": "checkbox",
       "parent": parent,
@@ -7185,8 +7201,8 @@ var stdin_default$_ = vue.defineComponent({
     }, props), pick(slots, ["default", "icon"]));
   }
 });
-const Checkbox = withInstall(stdin_default$_);
-const CheckboxGroup = withInstall(stdin_default$$);
+const Checkbox = withInstall(stdin_default$11);
+const CheckboxGroup = withInstall(stdin_default$12);
 const [name$T, bem$S] = createNamespace("circle");
 let uid = 0;
 const format = (rate) => Math.min(Math.max(+rate, 0), 100);
@@ -7208,7 +7224,7 @@ const circleProps = {
   strokeLinecap: String,
   startPosition: makeStringProp("top")
 };
-var stdin_default$Z = vue.defineComponent({
+var stdin_default$10 = vue.defineComponent({
   name: name$T,
   props: circleProps,
   emits: ["update:currentRate"],
@@ -7332,7 +7348,7 @@ var stdin_default$Z = vue.defineComponent({
     }, [renderGradient(), renderLayer(), renderHover()]), renderText()]);
   }
 });
-const Circle = withInstall(stdin_default$Z);
+const Circle = withInstall(stdin_default$10);
 const [name$S, bem$R] = createNamespace("row");
 const ROW_KEY = Symbol(name$S);
 const rowProps = {
@@ -7342,7 +7358,7 @@ const rowProps = {
   gutter: makeNumericProp(0),
   justify: String
 };
-var stdin_default$Y = vue.defineComponent({
+var stdin_default$$ = vue.defineComponent({
   name: name$S,
   props: rowProps,
   setup(props, {
@@ -7422,7 +7438,7 @@ const colProps = {
   span: makeNumericProp(0),
   offset: numericProp
 };
-var stdin_default$X = vue.defineComponent({
+var stdin_default$_ = vue.defineComponent({
   name: name$R,
   props: colProps,
   setup(props, {
@@ -7471,7 +7487,7 @@ var stdin_default$X = vue.defineComponent({
     };
   }
 });
-const Col = withInstall(stdin_default$X);
+const Col = withInstall(stdin_default$_);
 const [name$Q, bem$P] = createNamespace("collapse");
 const COLLAPSE_KEY = Symbol(name$Q);
 const collapseProps = {
@@ -7493,7 +7509,7 @@ function validateModelValue(modelValue, accordion) {
   }
   return true;
 }
-var stdin_default$W = vue.defineComponent({
+var stdin_default$Z = vue.defineComponent({
   name: name$Q,
   props: collapseProps,
   emits: ["change", "update:modelValue"],
@@ -7571,7 +7587,7 @@ var stdin_default$W = vue.defineComponent({
     };
   }
 });
-const Collapse = withInstall(stdin_default$W);
+const Collapse = withInstall(stdin_default$Z);
 const [name$P, bem$O] = createNamespace("collapse-item");
 const CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
 const collapseItemProps = extend({}, cellSharedProps, {
@@ -7581,7 +7597,7 @@ const collapseItemProps = extend({}, cellSharedProps, {
   readonly: Boolean,
   lazyRender: truthProp
 });
-var stdin_default$V = vue.defineComponent({
+var stdin_default$Y = vue.defineComponent({
   name: name$P,
   props: collapseItemProps,
   setup(props, {
@@ -7696,8 +7712,8 @@ var stdin_default$V = vue.defineComponent({
     }, [renderTitle(), renderContent()]);
   }
 });
-const CollapseItem = withInstall(stdin_default$V);
-const ConfigProvider = withInstall(stdin_default$1G);
+const CollapseItem = withInstall(stdin_default$Y);
+const ConfigProvider = withInstall(stdin_default$1J);
 const [name$O, bem$N, t$d] = createNamespace("contact-card");
 const contactCardProps = {
   tel: String,
@@ -7706,7 +7722,7 @@ const contactCardProps = {
   addText: String,
   editable: truthProp
 };
-var stdin_default$U = vue.defineComponent({
+var stdin_default$X = vue.defineComponent({
   name: name$O,
   props: contactCardProps,
   emits: ["click"],
@@ -7737,7 +7753,7 @@ var stdin_default$U = vue.defineComponent({
     });
   }
 });
-const ContactCard = withInstall(stdin_default$U);
+const ContactCard = withInstall(stdin_default$X);
 const [name$N, bem$M, t$c] = createNamespace("contact-edit");
 const DEFAULT_CONTACT = {
   tel: "",
@@ -7758,7 +7774,7 @@ const contactEditProps = {
     default: isMobile
   }
 };
-var stdin_default$T = vue.defineComponent({
+var stdin_default$W = vue.defineComponent({
   name: name$N,
   props: contactEditProps,
   emits: ["save", "delete", "changeDefault"],
@@ -7839,7 +7855,7 @@ var stdin_default$T = vue.defineComponent({
     });
   }
 });
-const ContactEdit = withInstall(stdin_default$T);
+const ContactEdit = withInstall(stdin_default$W);
 const [name$M, bem$L, t$b] = createNamespace("contact-list");
 const contactListProps = {
   list: Array,
@@ -7847,7 +7863,7 @@ const contactListProps = {
   modelValue: unknownProp,
   defaultTagText: String
 };
-var stdin_default$S = vue.defineComponent({
+var stdin_default$V = vue.defineComponent({
   name: name$M,
   props: contactListProps,
   emits: ["add", "edit", "select", "update:modelValue"],
@@ -7917,7 +7933,7 @@ var stdin_default$S = vue.defineComponent({
     }, null)])]);
   }
 });
-const ContactList = withInstall(stdin_default$S);
+const ContactList = withInstall(stdin_default$V);
 function parseFormat(format2, currentTime) {
   const { days } = currentTime;
   let { hours, minutes, seconds, milliseconds } = currentTime;
@@ -7960,7 +7976,7 @@ const countDownProps = {
   autoStart: truthProp,
   millisecond: Boolean
 };
-var stdin_default$R = vue.defineComponent({
+var stdin_default$U = vue.defineComponent({
   name: name$L,
   props: countDownProps,
   emits: ["change", "finish"],
@@ -8000,7 +8016,7 @@ var stdin_default$R = vue.defineComponent({
     }, [slots.default ? slots.default(current2.value) : timeText.value]);
   }
 });
-const CountDown = withInstall(stdin_default$R);
+const CountDown = withInstall(stdin_default$U);
 function getDate(timeStamp) {
   const date = new Date(timeStamp * 1e3);
   return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(
@@ -8010,7 +8026,7 @@ function getDate(timeStamp) {
 const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
 const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
 const [name$K, bem$J, t$a] = createNamespace("coupon");
-var stdin_default$Q = vue.defineComponent({
+var stdin_default$T = vue.defineComponent({
   name: name$K,
   props: {
     chosen: Boolean,
@@ -8081,7 +8097,7 @@ var stdin_default$Q = vue.defineComponent({
     };
   }
 });
-const Coupon = withInstall(stdin_default$Q);
+const Coupon = withInstall(stdin_default$T);
 const [name$J, bem$I, t$9] = createNamespace("coupon-cell");
 const couponCellProps = {
   title: String,
@@ -8110,7 +8126,7 @@ function formatValue({
   }
   return coupons.length === 0 ? t$9("noCoupon") : t$9("count", coupons.length);
 }
-var stdin_default$P = vue.defineComponent({
+var stdin_default$S = vue.defineComponent({
   name: name$J,
   props: couponCellProps,
   setup(props) {
@@ -8129,14 +8145,14 @@ var stdin_default$P = vue.defineComponent({
     };
   }
 });
-const CouponCell = withInstall(stdin_default$P);
+const CouponCell = withInstall(stdin_default$S);
 const [name$I, bem$H] = createNamespace("empty");
 const emptyProps = {
   image: makeStringProp("default"),
   imageSize: [Number, String, Array],
   description: String
 };
-var stdin_default$O = vue.defineComponent({
+var stdin_default$R = vue.defineComponent({
   name: name$I,
   props: emptyProps,
   setup(props, {
@@ -8445,7 +8461,7 @@ var stdin_default$O = vue.defineComponent({
     }, [renderImage()]), renderDescription(), renderBottom()]);
   }
 });
-const Empty = withInstall(stdin_default$O);
+const Empty = withInstall(stdin_default$R);
 const [name$H, bem$G, t$8] = createNamespace("coupon-list");
 const couponListProps = {
   code: makeStringProp(""),
@@ -8467,7 +8483,7 @@ const couponListProps = {
   exchangeButtonLoading: Boolean,
   exchangeButtonDisabled: Boolean
 };
-var stdin_default$N = vue.defineComponent({
+var stdin_default$Q = vue.defineComponent({
   name: name$H,
   props: couponListProps,
   emits: ["change", "exchange", "update:code"],
@@ -8618,7 +8634,7 @@ var stdin_default$N = vue.defineComponent({
     }, null), [[vue.vShow, props.showCloseButton]])])]);
   }
 });
-const CouponList = withInstall(stdin_default$N);
+const CouponList = withInstall(stdin_default$Q);
 const currentYear = new Date().getFullYear();
 const [name$G] = createNamespace("date-picker");
 const datePickerProps = extend({}, sharedProps, {
@@ -8637,7 +8653,7 @@ const datePickerProps = extend({}, sharedProps, {
     validator: isDate
   }
 });
-var stdin_default$M = vue.defineComponent({
+var stdin_default$P = vue.defineComponent({
   name: name$G,
   props: datePickerProps,
   emits: ["confirm", "cancel", "change", "update:modelValue"],
@@ -8728,7 +8744,7 @@ var stdin_default$M = vue.defineComponent({
     }, pick(props, pickerInheritKeys)), slots);
   }
 });
-const DatePicker = withInstall(stdin_default$M);
+const DatePicker = withInstall(stdin_default$P);
 const [name$F, bem$F, t$7] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
@@ -8752,7 +8768,7 @@ const dialogProps = extend({}, popupSharedProps, {
   closeOnClickOverlay: Boolean
 });
 const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default$L = vue.defineComponent({
+var stdin_default$O = vue.defineComponent({
   name: name$F,
   props: dialogProps,
   emits: ["confirm", "cancel", "keydown", "update:show"],
@@ -8971,7 +8987,7 @@ function initInstance$2() {
         state,
         toggle
       } = usePopupState();
-      return () => vue.createVNode(stdin_default$L, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$O, vue.mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -9009,14 +9025,14 @@ const closeDialog = () => {
     instance$2.toggle(false);
   }
 };
-const Dialog = withInstall(stdin_default$L);
+const Dialog = withInstall(stdin_default$O);
 const [name$E, bem$E] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
   contentPosition: makeStringProp("center")
 };
-var stdin_default$K = vue.defineComponent({
+var stdin_default$N = vue.defineComponent({
   name: name$E,
   props: dividerProps,
   setup(props, {
@@ -9035,7 +9051,7 @@ var stdin_default$K = vue.defineComponent({
     };
   }
 });
-const Divider = withInstall(stdin_default$K);
+const Divider = withInstall(stdin_default$N);
 const [name$D, bem$D] = createNamespace("dropdown-menu");
 const dropdownMenuProps = {
   overlay: truthProp,
@@ -9047,7 +9063,7 @@ const dropdownMenuProps = {
   closeOnClickOverlay: truthProp
 };
 const DROPDOWN_KEY = Symbol(name$D);
-var stdin_default$J = vue.defineComponent({
+var stdin_default$M = vue.defineComponent({
   name: name$D,
   props: dropdownMenuProps,
   setup(props, {
@@ -9173,7 +9189,7 @@ const dropdownItemProps = {
   modelValue: unknownProp,
   titleClass: unknownProp
 };
-var stdin_default$I = vue.defineComponent({
+var stdin_default$L = vue.defineComponent({
   name: name$C,
   inheritAttrs: false,
   props: dropdownItemProps,
@@ -9333,8 +9349,8 @@ var stdin_default$I = vue.defineComponent({
     };
   }
 });
-const DropdownItem = withInstall(stdin_default$I);
-const DropdownMenu = withInstall(stdin_default$J);
+const DropdownItem = withInstall(stdin_default$L);
+const DropdownMenu = withInstall(stdin_default$M);
 const [name$B, bem$B] = createNamespace("grid");
 const gridProps = {
   square: Boolean,
@@ -9348,7 +9364,7 @@ const gridProps = {
   columnNum: makeNumericProp(4)
 };
 const GRID_KEY = Symbol(name$B);
-var stdin_default$H = vue.defineComponent({
+var stdin_default$K = vue.defineComponent({
   name: name$B,
   props: gridProps,
   setup(props, {
@@ -9373,7 +9389,7 @@ var stdin_default$H = vue.defineComponent({
     };
   }
 });
-const Grid = withInstall(stdin_default$H);
+const Grid = withInstall(stdin_default$K);
 const [name$A, bem$A] = createNamespace("grid-item");
 const gridItemProps = extend({}, routeProps, {
   dot: Boolean,
@@ -9384,7 +9400,7 @@ const gridItemProps = extend({}, routeProps, {
   iconPrefix: String,
   badgeProps: Object
 });
-var stdin_default$G = vue.defineComponent({
+var stdin_default$J = vue.defineComponent({
   name: name$A,
   props: gridItemProps,
   setup(props, {
@@ -9508,10 +9524,10 @@ var stdin_default$G = vue.defineComponent({
     };
   }
 });
-const GridItem = withInstall(stdin_default$G);
+const GridItem = withInstall(stdin_default$J);
 const getDistance = (touches) => Math.sqrt((touches[0].clientX - touches[1].clientX) ** 2 + (touches[0].clientY - touches[1].clientY) ** 2);
 const bem$z = createNamespace("image-preview")[1];
-var stdin_default$F = vue.defineComponent({
+var stdin_default$I = vue.defineComponent({
   props: {
     src: String,
     show: Boolean,
@@ -9764,7 +9780,7 @@ var stdin_default$F = vue.defineComponent({
   }
 });
 const [name$z, bem$y] = createNamespace("image-preview");
-const popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate"];
+const popupProps$1 = ["show", "transition", "overlayStyle", "closeOnPopstate", "teleport"];
 const imagePreviewProps = {
   show: Boolean,
   loop: truthProp,
@@ -9784,9 +9800,10 @@ const imagePreviewProps = {
   startPosition: makeNumericProp(0),
   showIndicators: Boolean,
   closeOnPopstate: truthProp,
-  closeIconPosition: makeStringProp("top-right")
+  closeIconPosition: makeStringProp("top-right"),
+  teleport: [String, Object]
 };
-var stdin_default$E = vue.defineComponent({
+var stdin_default$H = vue.defineComponent({
   name: name$z,
   props: imagePreviewProps,
   emits: ["scale", "close", "closed", "change", "longPress", "update:show"],
@@ -9849,7 +9866,7 @@ var stdin_default$E = vue.defineComponent({
       "indicatorColor": "white",
       "onChange": setActive
     }, {
-      default: () => [props.images.map((image, index) => vue.createVNode(stdin_default$F, {
+      default: () => [props.images.map((image, index) => vue.createVNode(stdin_default$I, {
         "src": image,
         "show": props.show,
         "active": state.active,
@@ -9953,7 +9970,7 @@ function initInstance$1() {
       const onClosed = () => {
         state.images = [];
       };
-      return () => vue.createVNode(stdin_default$E, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$H, vue.mergeProps(state, {
         "onClosed": onClosed,
         "onUpdate:show": toggle
       }), null);
@@ -9974,7 +9991,7 @@ const showImagePreview = (options, startPosition = 0) => {
   instance$1.open(extend({}, defaultConfig, options));
   return instance$1;
 };
-const ImagePreview = withInstall(stdin_default$E);
+const ImagePreview = withInstall(stdin_default$H);
 function genAlphabet() {
   const charCodeOfA = "A".charCodeAt(0);
   const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
@@ -9993,7 +10010,7 @@ const indexBarProps = {
   }
 };
 const INDEX_BAR_KEY = Symbol(name$y);
-var stdin_default$D = vue.defineComponent({
+var stdin_default$G = vue.defineComponent({
   name: name$y,
   props: indexBarProps,
   emits: ["select", "change"],
@@ -10195,7 +10212,7 @@ const [name$x, bem$w] = createNamespace("index-anchor");
 const indexAnchorProps = {
   index: numericProp
 };
-var stdin_default$C = vue.defineComponent({
+var stdin_default$F = vue.defineComponent({
   name: name$x,
   props: indexAnchorProps,
   setup(props, {
@@ -10268,8 +10285,8 @@ var stdin_default$C = vue.defineComponent({
     };
   }
 });
-const IndexAnchor = withInstall(stdin_default$C);
-const IndexBar = withInstall(stdin_default$D);
+const IndexAnchor = withInstall(stdin_default$F);
+const IndexBar = withInstall(stdin_default$G);
 const [name$w, bem$v, t$6] = createNamespace("list");
 const listProps = {
   error: Boolean,
@@ -10283,7 +10300,7 @@ const listProps = {
   finishedText: String,
   immediateCheck: truthProp
 };
-var stdin_default$B = vue.defineComponent({
+var stdin_default$E = vue.defineComponent({
   name: name$w,
   props: listProps,
   emits: ["load", "update:error", "update:loading"],
@@ -10400,7 +10417,7 @@ var stdin_default$B = vue.defineComponent({
     };
   }
 });
-const List = withInstall(stdin_default$B);
+const List = withInstall(stdin_default$E);
 const [name$v, bem$u] = createNamespace("nav-bar");
 const navBarProps = {
   title: String,
@@ -10414,7 +10431,7 @@ const navBarProps = {
   safeAreaInsetTop: Boolean,
   clickable: truthProp
 };
-var stdin_default$A = vue.defineComponent({
+var stdin_default$D = vue.defineComponent({
   name: name$v,
   props: navBarProps,
   emits: ["clickLeft", "clickRight"],
@@ -10484,7 +10501,7 @@ var stdin_default$A = vue.defineComponent({
     };
   }
 });
-const NavBar = withInstall(stdin_default$A);
+const NavBar = withInstall(stdin_default$D);
 const [name$u, bem$t] = createNamespace("notice-bar");
 const noticeBarProps = {
   text: String,
@@ -10500,7 +10517,7 @@ const noticeBarProps = {
     default: null
   }
 };
-var stdin_default$z = vue.defineComponent({
+var stdin_default$C = vue.defineComponent({
   name: name$u,
   props: noticeBarProps,
   emits: ["close", "replay"],
@@ -10640,7 +10657,7 @@ var stdin_default$z = vue.defineComponent({
     };
   }
 });
-const NoticeBar = withInstall(stdin_default$z);
+const NoticeBar = withInstall(stdin_default$C);
 const [name$t, bem$s] = createNamespace("notify");
 const notifyProps = extend({}, popupSharedProps, {
   type: makeStringProp("danger"),
@@ -10651,7 +10668,7 @@ const notifyProps = extend({}, popupSharedProps, {
   background: String,
   lockScroll: Boolean
 });
-var stdin_default$y = vue.defineComponent({
+var stdin_default$B = vue.defineComponent({
   name: name$t,
   props: notifyProps,
   emits: ["update:show"],
@@ -10692,7 +10709,7 @@ function initInstance() {
         state,
         toggle
       } = usePopupState();
-      return () => vue.createVNode(stdin_default$y, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$B, vue.mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -10736,7 +10753,7 @@ const setNotifyDefaultOptions = (options) => extend(currentOptions, options);
 const resetNotifyDefaultOptions = () => {
   currentOptions = getDefaultOptions();
 };
-const Notify = withInstall(stdin_default$y);
+const Notify = withInstall(stdin_default$B);
 const [name$s, bem$r] = createNamespace("key");
 const CollapseIcon = vue.createVNode("svg", {
   "class": bem$r("collapse-icon"),
@@ -10752,7 +10769,7 @@ const DeleteIcon = vue.createVNode("svg", {
   "d": "M28 0a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H10.4a2 2 0 0 1-1.4-.6L1 13.1c-.6-.5-.9-1.3-.9-2 0-1 .3-1.7.9-2.2L9 .6a2 2 0 0 1 1.4-.6zm0 2H10.4l-8.2 8.3a1 1 0 0 0-.3.7c0 .3.1.5.3.7l8.2 8.4H28a2 2 0 0 0 2-2V4c0-1.1-.9-2-2-2zm-5 4a1 1 0 0 1 .7.3 1 1 0 0 1 0 1.4L20.4 11l3.3 3.3c.2.2.3.5.3.7 0 .3-.1.5-.3.7a1 1 0 0 1-.7.3 1 1 0 0 1-.7-.3L19 12.4l-3.4 3.3a1 1 0 0 1-.6.3 1 1 0 0 1-.7-.3 1 1 0 0 1-.3-.7c0-.2.1-.5.3-.7l3.3-3.3-3.3-3.3A1 1 0 0 1 14 7c0-.3.1-.5.3-.7A1 1 0 0 1 15 6a1 1 0 0 1 .6.3L19 9.6l3.3-3.3A1 1 0 0 1 23 6z",
   "fill": "currentColor"
 }, null)]);
-var stdin_default$x = vue.defineComponent({
+var stdin_default$A = vue.defineComponent({
   name: name$s,
   props: {
     type: String,
@@ -10855,7 +10872,7 @@ function shuffle(array) {
   }
   return array;
 }
-var stdin_default$w = vue.defineComponent({
+var stdin_default$z = vue.defineComponent({
   name: name$r,
   inheritAttrs: false,
   props: numberKeyboardProps,
@@ -10974,7 +10991,7 @@ var stdin_default$w = vue.defineComponent({
       if (key.type === "extra") {
         keySlots.default = slots["extra-key"];
       }
-      return vue.createVNode(stdin_default$x, {
+      return vue.createVNode(stdin_default$A, {
         "key": key.text,
         "text": key.text,
         "type": key.type,
@@ -10987,14 +11004,14 @@ var stdin_default$w = vue.defineComponent({
       if (props.theme === "custom") {
         return vue.createVNode("div", {
           "class": bem$q("sidebar")
-        }, [props.showDeleteKey && vue.createVNode(stdin_default$x, {
+        }, [props.showDeleteKey && vue.createVNode(stdin_default$A, {
           "large": true,
           "text": props.deleteButtonText,
           "type": "delete",
           "onPress": onPress
         }, {
           delete: slots.delete
-        }), vue.createVNode(stdin_default$x, {
+        }), vue.createVNode(stdin_default$A, {
           "large": true,
           "text": props.closeButtonText,
           "type": "close",
@@ -11045,7 +11062,7 @@ var stdin_default$w = vue.defineComponent({
     };
   }
 });
-const NumberKeyboard = withInstall(stdin_default$w);
+const NumberKeyboard = withInstall(stdin_default$z);
 const [name$q, bem$p, t$5] = createNamespace("pagination");
 const makePage = (number, text, active) => ({
   number,
@@ -11063,7 +11080,7 @@ const paginationProps = {
   itemsPerPage: makeNumericProp(10),
   forceEllipses: Boolean
 };
-var stdin_default$v = vue.defineComponent({
+var stdin_default$y = vue.defineComponent({
   name: name$q,
   props: paginationProps,
   emits: ["change", "update:modelValue"],
@@ -11184,7 +11201,7 @@ var stdin_default$v = vue.defineComponent({
     }, [renderPrevButton(), props.mode === "simple" ? renderDesc() : renderPages(), renderNextButton()])]);
   }
 });
-const Pagination = withInstall(stdin_default$v);
+const Pagination = withInstall(stdin_default$y);
 const [name$p, bem$o] = createNamespace("password-input");
 const passwordInputProps = {
   info: String,
@@ -11195,7 +11212,7 @@ const passwordInputProps = {
   focused: Boolean,
   errorInfo: String
 };
-var stdin_default$u = vue.defineComponent({
+var stdin_default$x = vue.defineComponent({
   name: name$p,
   props: passwordInputProps,
   emits: ["focus"],
@@ -11257,8 +11274,8 @@ var stdin_default$u = vue.defineComponent({
     };
   }
 });
-const PasswordInput = withInstall(stdin_default$u);
-const PickerGroup = withInstall(stdin_default$1o);
+const PasswordInput = withInstall(stdin_default$x);
+const PickerGroup = withInstall(stdin_default$1r);
 const useSyncPropRef = (getProp, setProp) => {
   const propRef = vue.ref(getProp());
   vue.watch(getProp, (value) => {
@@ -11299,7 +11316,7 @@ const popoverProps = {
     default: "body"
   }
 };
-var stdin_default$t = vue.defineComponent({
+var stdin_default$w = vue.defineComponent({
   name: name$o,
   props: popoverProps,
   emits: ["select", "touchstart", "update:show"],
@@ -11445,7 +11462,7 @@ var stdin_default$t = vue.defineComponent({
     };
   }
 });
-const Popover = withInstall(stdin_default$t);
+const Popover = withInstall(stdin_default$w);
 const [name$n, bem$m] = createNamespace("progress");
 const progressProps = {
   color: String,
@@ -11462,7 +11479,7 @@ const progressProps = {
     validator: (value) => value >= 0 && value <= 100
   }
 };
-var stdin_default$s = vue.defineComponent({
+var stdin_default$v = vue.defineComponent({
   name: name$n,
   props: progressProps,
   setup(props) {
@@ -11516,7 +11533,7 @@ var stdin_default$s = vue.defineComponent({
     };
   }
 });
-const Progress = withInstall(stdin_default$s);
+const Progress = withInstall(stdin_default$v);
 const [name$m, bem$l, t$4] = createNamespace("pull-refresh");
 const DEFAULT_HEAD_HEIGHT = 50;
 const TEXT_STATUS = ["pulling", "loosing", "success"];
@@ -11532,7 +11549,7 @@ const pullRefreshProps = {
   successDuration: makeNumericProp(500),
   animationDuration: makeNumericProp(300)
 };
-var stdin_default$r = vue.defineComponent({
+var stdin_default$u = vue.defineComponent({
   name: name$m,
   props: pullRefreshProps,
   emits: ["change", "refresh", "update:modelValue"],
@@ -11701,7 +11718,7 @@ var stdin_default$r = vue.defineComponent({
     };
   }
 });
-const PullRefresh = withInstall(stdin_default$r);
+const PullRefresh = withInstall(stdin_default$u);
 const [name$l, bem$k] = createNamespace("rate");
 function getRateStatus(value, index, allowHalf, readonly) {
   if (value >= index) {
@@ -11744,7 +11761,7 @@ const rateProps = {
   modelValue: makeNumberProp(0),
   disabledColor: String
 };
-var stdin_default$q = vue.defineComponent({
+var stdin_default$t = vue.defineComponent({
   name: name$l,
   props: rateProps,
   emits: ["change", "update:modelValue"],
@@ -11911,8 +11928,8 @@ var stdin_default$q = vue.defineComponent({
     }, [list.value.map(renderStar)]);
   }
 });
-const Rate = withInstall(stdin_default$q);
-const Row = withInstall(stdin_default$Y);
+const Rate = withInstall(stdin_default$t);
+const Row = withInstall(stdin_default$$);
 const [name$k, bem$j, t$3] = createNamespace("search");
 const searchProps = extend({}, fieldSharedProps, {
   label: String,
@@ -11923,7 +11940,7 @@ const searchProps = extend({}, fieldSharedProps, {
   background: String,
   showAction: Boolean
 });
-var stdin_default$p = vue.defineComponent({
+var stdin_default$s = vue.defineComponent({
   name: name$k,
   props: searchProps,
   emits: ["blur", "focus", "clear", "search", "cancel", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
@@ -12021,7 +12038,7 @@ var stdin_default$p = vue.defineComponent({
     };
   }
 });
-const Search = withInstall(stdin_default$p);
+const Search = withInstall(stdin_default$s);
 const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
 const iconMap = {
   qq: "qq",
@@ -12043,7 +12060,7 @@ const shareSheetProps = extend({}, popupSharedProps, {
   closeOnPopstate: truthProp,
   safeAreaInsetBottom: truthProp
 });
-var stdin_default$o = vue.defineComponent({
+var stdin_default$r = vue.defineComponent({
   name: name$j,
   props: shareSheetProps,
   emits: ["cancel", "select", "update:show"],
@@ -12135,13 +12152,13 @@ var stdin_default$o = vue.defineComponent({
     });
   }
 });
-const ShareSheet = withInstall(stdin_default$o);
+const ShareSheet = withInstall(stdin_default$r);
 const [name$i, bem$h] = createNamespace("sidebar");
 const SIDEBAR_KEY = Symbol(name$i);
 const sidebarProps = {
   modelValue: makeNumericProp(0)
 };
-var stdin_default$n = vue.defineComponent({
+var stdin_default$q = vue.defineComponent({
   name: name$i,
   props: sidebarProps,
   emits: ["change", "update:modelValue"],
@@ -12172,7 +12189,7 @@ var stdin_default$n = vue.defineComponent({
     };
   }
 });
-const Sidebar = withInstall(stdin_default$n);
+const Sidebar = withInstall(stdin_default$q);
 const [name$h, bem$g] = createNamespace("sidebar-item");
 const sidebarItemProps = extend({}, routeProps, {
   dot: Boolean,
@@ -12181,7 +12198,7 @@ const sidebarItemProps = extend({}, routeProps, {
   disabled: Boolean,
   badgeProps: Object
 });
-var stdin_default$m = vue.defineComponent({
+var stdin_default$p = vue.defineComponent({
   name: name$h,
   props: sidebarItemProps,
   emits: ["click"],
@@ -12235,13 +12252,13 @@ var stdin_default$m = vue.defineComponent({
     };
   }
 });
-const SidebarItem = withInstall(stdin_default$m);
+const SidebarItem = withInstall(stdin_default$p);
 const [name$g, bem$f] = createNamespace("skeleton-title");
 const skeletonTitleProps = {
   round: Boolean,
   titleWidth: numericProp
 };
-var stdin_default$l = vue.defineComponent({
+var stdin_default$o = vue.defineComponent({
   name: name$g,
   props: skeletonTitleProps,
   setup(props) {
@@ -12255,12 +12272,14 @@ var stdin_default$l = vue.defineComponent({
     }, null);
   }
 });
+const SkeletonTitle = withInstall(stdin_default$o);
+var stdin_default$n = SkeletonTitle;
 const [name$f, bem$e] = createNamespace("skeleton-avatar");
 const skeletonAvatarProps = {
   avatarSize: numericProp,
   avatarShape: makeStringProp("round")
 };
-var stdin_default$k = vue.defineComponent({
+var stdin_default$m = vue.defineComponent({
   name: name$f,
   props: skeletonAvatarProps,
   setup(props) {
@@ -12270,6 +12289,8 @@ var stdin_default$k = vue.defineComponent({
     }, null);
   }
 });
+const SkeletonAvatar = withInstall(stdin_default$m);
+var stdin_default$l = SkeletonAvatar;
 const DEFAULT_ROW_WIDTH = "100%";
 const skeletonParagraphProps = {
   round: Boolean,
@@ -12279,7 +12300,7 @@ const skeletonParagraphProps = {
   }
 };
 const [name$e, bem$d] = createNamespace("skeleton-paragraph");
-var stdin_default$j = vue.defineComponent({
+var stdin_default$k = vue.defineComponent({
   name: name$e,
   props: skeletonParagraphProps,
   setup(props) {
@@ -12293,6 +12314,8 @@ var stdin_default$j = vue.defineComponent({
     }, null);
   }
 });
+const SkeletonParagraph = withInstall(stdin_default$k);
+var stdin_default$j = SkeletonParagraph;
 const [name$d, bem$c] = createNamespace("skeleton");
 const DEFAULT_LAST_ROW_WIDTH = "60%";
 const skeletonProps = {
@@ -12320,7 +12343,7 @@ var stdin_default$i = vue.defineComponent({
   }) {
     const renderAvatar = () => {
       if (props.avatar) {
-        return vue.createVNode(stdin_default$k, {
+        return vue.createVNode(stdin_default$l, {
           "avatarShape": props.avatarShape,
           "avatarSize": props.avatarSize
         }, null);
@@ -12328,7 +12351,7 @@ var stdin_default$i = vue.defineComponent({
     };
     const renderTitle = () => {
       if (props.title) {
-        return vue.createVNode(stdin_default$l, {
+        return vue.createVNode(stdin_default$n, {
           "round": props.round,
           "titleWidth": props.titleWidth
         }, null);
@@ -12373,6 +12396,7 @@ var stdin_default$i = vue.defineComponent({
     };
   }
 });
+const Skeleton = withInstall(stdin_default$i);
 const [name$c, bem$b] = createNamespace("skeleton-image");
 const skeletonImageProps = {
   imageSize: numericProp,
@@ -12392,10 +12416,6 @@ var stdin_default$h = vue.defineComponent({
   }
 });
 const SkeletonImage = withInstall(stdin_default$h);
-const SkeletonTitle = withInstall(stdin_default$l);
-const SkeletonAvatar = withInstall(stdin_default$k);
-const SkeletonParagraph = withInstall(stdin_default$j);
-const Skeleton = withInstall(stdin_default$i);
 const [name$b, bem$a] = createNamespace("slider");
 const sliderProps = {
   min: makeNumericProp(0),
@@ -14899,7 +14919,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.6";
+const version = "4.0.8";
 function install(app) {
   const components = [
     ActionBar,
@@ -14971,6 +14991,10 @@ function install(app) {
     Sidebar,
     SidebarItem,
     Skeleton,
+    SkeletonAvatar,
+    SkeletonImage,
+    SkeletonParagraph,
+    SkeletonTitle,
     Slider,
     Space,
     Step,
@@ -15033,6 +15057,7 @@ exports.CountDown = CountDown;
 exports.Coupon = Coupon;
 exports.CouponCell = CouponCell;
 exports.CouponList = CouponList;
+exports.DEFAULT_ROW_WIDTH = DEFAULT_ROW_WIDTH;
 exports.DatePicker = DatePicker;
 exports.Dialog = Dialog;
 exports.Divider = Divider;