persagy-vant 0.0.38 → 0.0.39

package/lib/vant.cjs.js

@@ -787,6 +787,7 @@ const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
   text: String,
   icon: String,
+  rightIcon: String,
   iconSize: numericProp,
   type: makeStringProp("default"),
   size: makeStringProp("normal"),
@@ -843,6 +844,25 @@ var stdin_default$20 = vue.defineComponent({
         }, null);
       }
     };
+    const renderRightIcon = () => {
+      var _a;
+      if (props2.loading) {
+        return;
+      }
+      if (slots["right-icon"]) {
+        return vue.createVNode("div", {
+          "class": bem$1O("right-icon")
+        }, [slots["right-icon"]()]);
+      }
+      if (props2.rightIcon) {
+        return vue.createVNode(Icon, {
+          "size": (_a = props2.iconSize) != null ? _a : buttonIconSizes[props2.size],
+          "name": props2.rightIcon,
+          "class": bem$1O("right-icon"),
+          "classPrefix": props2.iconPrefix
+        }, null);
+      }
+    };
     const renderText = () => {
       let text;
       if (props2.loading) {
@@ -919,7 +939,7 @@ var stdin_default$20 = vue.defineComponent({
       }, {
         default: () => [vue.createVNode("div", {
           "class": bem$1O("content")
-        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
+        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon(), renderRightIcon()])]
       });
     };
   }
@@ -1435,170 +1455,500 @@ var stdin_default$1Y = vue.defineComponent({
   }
 });
 const Popup = withInstall(stdin_default$1Y);
-const [name$1N, bem$1J] = createNamespace("action-sheet");
-const actionSheetProps = extend({}, popupSharedProps, {
-  title: String,
-  round: truthProp,
+const [name$1N, bem$1J] = createNamespace("popover");
+const popupProps$2 = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
+const popoverProps = {
+  show: Boolean,
+  theme: makeStringProp("light"),
+  overlay: Boolean,
   actions: makeArrayProp(),
-  closeIcon: makeStringProp("cross"),
-  closeable: truthProp,
-  cancelText: String,
-  description: String,
-  closeOnPopstate: truthProp,
-  closeOnClickAction: Boolean,
-  safeAreaInsetBottom: truthProp
-});
-const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
+  trigger: makeStringProp("click"),
+  duration: numericProp,
+  showArrow: truthProp,
+  placement: makeStringProp("bottom"),
+  iconPrefix: String,
+  overlayClass: unknownProp,
+  overlayStyle: Object,
+  closeOnClickAction: truthProp,
+  closeOnClickOverlay: truthProp,
+  closeOnClickOutside: truthProp,
+  offset: {
+    type: Array,
+    default: () => [0, 8]
+  },
+  teleport: {
+    type: [String, Object],
+    default: "body"
+  }
+};
 var stdin_default$1X = vue.defineComponent({
   name: name$1N,
-  props: actionSheetProps,
-  emits: ["select", "cancel", "update:show"],
+  props: popoverProps,
+  emits: ["select", "touchstart", "update:show"],
   setup(props2, {
+    emit,
     slots,
-    emit
+    attrs
   }) {
-    const updateShow = (show) => emit("update:show", show);
-    const onCancel = () => {
-      updateShow(false);
-      emit("cancel");
+    let popper;
+    const popupRef = vue.ref();
+    const wrapperRef = vue.ref();
+    const popoverRef = vue.ref();
+    const getPopoverOptions = () => ({
+      placement: props2.placement,
+      modifiers: [{
+        name: "computeStyles",
+        options: {
+          adaptive: false,
+          gpuAcceleration: false
+        }
+      }, extend({}, popperjs.offsetModifier, {
+        options: {
+          offset: props2.offset
+        }
+      })]
+    });
+    const createPopperInstance = () => {
+      if (wrapperRef.value && popoverRef.value) {
+        return popperjs.createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
+      }
+      return null;
     };
-    const renderHeader = () => {
-      if (props2.title) {
-        return vue.createVNode("div", {
-          "class": bem$1J("header")
-        }, [props2.title, props2.closeable && vue.createVNode(Icon, {
-          "name": props2.closeIcon,
-          "class": [bem$1J("close"), HAPTICS_FEEDBACK],
-          "onClick": onCancel
-        }, null)]);
+    const updateLocation = () => {
+      vue.nextTick(() => {
+        if (!props2.show) {
+          return;
+        }
+        if (!popper) {
+          popper = createPopperInstance();
+        } else {
+          popper.setOptions(getPopoverOptions());
+        }
+      });
+    };
+    const updateShow = (value) => emit("update:show", value);
+    const onClickWrapper = () => {
+      if (props2.trigger === "click") {
+        updateShow(!props2.show);
       }
     };
-    const renderCancel = () => {
-      if (slots.cancel || props2.cancelText) {
-        return [vue.createVNode("div", {
-          "class": bem$1J("gap")
-        }, null), vue.createVNode("button", {
-          "type": "button",
-          "class": bem$1J("cancel"),
-          "onClick": onCancel
-        }, [slots.cancel ? slots.cancel() : props2.cancelText])];
+    const onClickAction = (action, index) => {
+      if (action.disabled) {
+        return;
+      }
+      emit("select", action, index);
+      if (props2.closeOnClickAction) {
+        updateShow(false);
       }
     };
-    const renderActionContent = (action, index) => {
-      if (action.loading) {
-        return vue.createVNode(Loading, {
-          "class": bem$1J("loading-icon")
-        }, null);
+    const onClickAway = () => {
+      if (props2.show && props2.closeOnClickOutside && (!props2.overlay || props2.closeOnClickOverlay)) {
+        updateShow(false);
       }
+    };
+    const renderActionContent = (action, index) => {
       if (slots.action) {
         return slots.action({
           action,
           index
         });
       }
-      return [vue.createVNode("span", {
-        "class": bem$1J("name")
-      }, [action.name]), action.subname && vue.createVNode("div", {
-        "class": bem$1J("subname")
-      }, [action.subname])];
+      return [action.icon && vue.createVNode("div", {
+        "class": bem$1J("action-icon")
+      }, [vue.createVNode(Icon, {
+        "name": action.icon,
+        "classPrefix": props2.iconPrefix
+      }, null)]), vue.createVNode("div", {
+        "class": [bem$1J("action-text"), BORDER_BOTTOM]
+      }, [action.text])];
     };
     const renderAction = (action, index) => {
       const {
+        icon,
         color,
-        loading,
-        callback,
         disabled,
         className
       } = action;
-      const onClick = () => {
-        if (disabled || loading) {
-          return;
-        }
-        if (callback) {
-          callback(action);
-        }
-        if (props2.closeOnClickAction) {
-          updateShow(false);
-        }
-        vue.nextTick(() => emit("select", action, index));
-      };
-      return vue.createVNode("button", {
-        "type": "button",
+      return vue.createVNode("div", {
+        "role": "menuitem",
+        "class": [bem$1J("action", {
+          disabled,
+          "with-icon": icon
+        }), className],
         "style": {
           color
         },
-        "class": [bem$1J("item", {
-          loading,
-          disabled
-        }), className],
-        "onClick": onClick
+        "tabindex": disabled ? void 0 : 0,
+        "aria-disabled": disabled || void 0,
+        "onClick": () => onClickAction(action, index)
       }, [renderActionContent(action, index)]);
     };
-    const renderDescription = () => {
-      if (props2.description || slots.description) {
-        const content = slots.description ? slots.description() : props2.description;
-        return vue.createVNode("div", {
-          "class": bem$1J("description")
-        }, [content]);
-      }
-    };
-    return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": bem$1J(),
-      "position": "bottom",
-      "onUpdate:show": updateShow
-    }, pick(props2, popupInheritKeys$2)), {
-      default: () => {
+    vue.onMounted(() => {
+      updateLocation();
+      vue.watchEffect(() => {
         var _a;
-        return [renderHeader(), renderDescription(), vue.createVNode("div", {
-          "class": bem$1J("content")
-        }, [props2.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
+        popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
+      });
+    });
+    vue.onBeforeUnmount(() => {
+      if (popper) {
+        popper.destroy();
+        popper = null;
       }
     });
-  }
-});
-const ActionSheet = withInstall(stdin_default$1X);
-function deepClone(obj) {
-  if (!isDef(obj)) {
-    return obj;
-  }
-  if (Array.isArray(obj)) {
-    return obj.map((item) => deepClone(item));
-  }
-  if (isObject(obj)) {
-    const to = {};
-    Object.keys(obj).forEach((key) => {
-      to[key] = deepClone(obj[key]);
+    vue.watch(() => [props2.show, props2.offset, props2.placement], updateLocation);
+    use.useClickAway([wrapperRef, popupRef], onClickAway, {
+      eventName: "touchstart"
     });
-    return to;
+    return () => {
+      var _a;
+      return vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
+        "ref": wrapperRef,
+        "class": bem$1J("wrapper"),
+        "onClick": onClickWrapper
+      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), vue.createVNode(Popup, vue.mergeProps({
+        "ref": popoverRef,
+        "class": bem$1J([props2.theme]),
+        "position": "",
+        "transition": "van-popover-zoom",
+        "lockScroll": false,
+        "onUpdate:show": updateShow
+      }, attrs, pick(props2, popupProps$2)), {
+        default: () => [props2.showArrow && vue.createVNode("div", {
+          "class": bem$1J("arrow")
+        }, null), vue.createVNode("div", {
+          "role": "menu",
+          "class": bem$1J("content")
+        }, [slots.default ? slots.default() : props2.actions.map(renderAction)])]
+      })]);
+    };
   }
-  return obj;
-}
-const DEFAULT_DURATION = 200;
-const MOMENTUM_LIMIT_TIME = 300;
-const MOMENTUM_LIMIT_DISTANCE = 15;
-const [name$1M, bem$1I] = createNamespace("picker-column");
-function getElementTranslateY(element) {
-  const {
-    transform
-  } = window.getComputedStyle(element);
-  const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
-  return Number(translateY);
-}
-const PICKER_KEY = Symbol(name$1M);
-const isOptionDisabled = (option) => isObject(option) && option.disabled;
-var stdin_default$1W = vue.defineComponent({
-  name: name$1M,
-  props: {
-    textKey: makeRequiredProp(String),
-    readonly: Boolean,
-    allowHtml: Boolean,
-    className: unknownProp,
-    itemHeight: makeRequiredProp(Number),
-    defaultIndex: makeNumberProp(0),
-    swipeDuration: makeRequiredProp(numericProp),
-    initialOptions: makeArrayProp(),
-    visibleItemCount: makeRequiredProp(numericProp),
-    rotateDirection: makeStringProp("")
+});
+const Popover = withInstall(stdin_default$1X);
+const [name$1M, bem$1I] = createNamespace("nav-bar");
+const navBarProps = {
+  title: String,
+  fixed: Boolean,
+  zIndex: numericProp,
+  border: truthProp,
+  leftText: String,
+  rightText: String,
+  subtitle: String,
+  leftArrow: Boolean,
+  rightPopoverActions: makeArrayProp(),
+  rightPopoverIcon: makeStringProp("plus"),
+  titleDropdown: Boolean,
+  titleDropdownActive: Boolean,
+  placeholder: Boolean,
+  safeAreaInsetTop: Boolean
+};
+var stdin_default$1W = vue.defineComponent({
+  name: name$1M,
+  props: navBarProps,
+  emits: ["click-left", "click-right", "click-title", "select-right-popover", "update:titleDropdownActive"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const navBarRef = vue.ref();
+    const rightPopoverShow = vue.ref(false);
+    const renderPlaceholder = usePlaceholder(navBarRef, bem$1I);
+    const onClickLeft = (event) => emit("click-left", event);
+    const onClickRight = (event) => emit("click-right", event);
+    const onUpdateRightPopoverShow = (show) => {
+      rightPopoverShow.value = show;
+    };
+    const onSelectRightPopover = (action, index) => {
+      emit("select-right-popover", action, index);
+    };
+    const onClickTitle = (event) => {
+      if (!props2.titleDropdown) {
+        return;
+      }
+      emit("update:titleDropdownActive", !props2.titleDropdownActive);
+      emit("click-title", event);
+    };
+    const renderLeft = () => {
+      if (slots.left) {
+        return slots.left();
+      }
+      return [props2.leftArrow && vue.createVNode(Icon, {
+        "class": bem$1I("arrow"),
+        "name": "arrow-left"
+      }, null), props2.leftText && vue.createVNode("span", {
+        "class": bem$1I("text")
+      }, [props2.leftText])];
+    };
+    const renderRight = () => {
+      if (slots.right) {
+        return slots.right();
+      }
+      if (props2.rightPopoverActions.length) {
+        return vue.createVNode(Popover, {
+          "show": rightPopoverShow.value,
+          "actions": props2.rightPopoverActions,
+          "placement": "bottom-end",
+          "closeOnClickAction": true,
+          "onUpdate:show": onUpdateRightPopoverShow,
+          "onSelect": onSelectRightPopover
+        }, {
+          reference: () => vue.createVNode(Icon, {
+            "name": props2.rightPopoverIcon,
+            "class": bem$1I("right-popover-icon")
+          }, null)
+        });
+      }
+      return vue.createVNode("span", {
+        "class": bem$1I("text")
+      }, [props2.rightText]);
+    };
+    const renderNavBar = () => {
+      const {
+        title,
+        fixed,
+        border,
+        zIndex,
+        subtitle,
+        titleDropdown
+      } = props2;
+      const style = getZIndexStyle(zIndex);
+      const hasLeft = props2.leftArrow || props2.leftText || slots.left;
+      const hasRight = props2.rightText || props2.rightPopoverActions.length || slots.right;
+      const hasRightPopover = props2.rightPopoverActions.length > 0 && !slots.right;
+      return vue.createVNode("div", {
+        "ref": navBarRef,
+        "style": style,
+        "class": [bem$1I({
+          fixed
+        }), {
+          [BORDER_BOTTOM]: border,
+          "van-safe-area-top": props2.safeAreaInsetTop
+        }]
+      }, [vue.createVNode("div", {
+        "class": bem$1I("content")
+      }, [hasLeft && vue.createVNode("div", {
+        "class": [bem$1I("left", {
+          slot: !!slots.left
+        }), {
+          [HAPTICS_FEEDBACK]: !slots.left
+        }],
+        "onClick": slots.left ? void 0 : onClickLeft
+      }, [renderLeft()]), vue.createVNode("div", {
+        "class": [bem$1I("title", {
+          dropdown: titleDropdown
+        }), {
+          [HAPTICS_FEEDBACK]: titleDropdown
+        }],
+        "role": titleDropdown ? "button" : void 0,
+        "tabindex": titleDropdown ? 0 : void 0,
+        "onClick": onClickTitle,
+        "onKeydown": (event) => {
+          if (titleDropdown && (event.key === "Enter" || event.key === " ")) {
+            event.preventDefault();
+            onClickTitle(event);
+          }
+        }
+      }, [vue.createVNode("div", {
+        "class": [bem$1I("title-content"), "van-ellipsis"]
+      }, [slots.title ? slots.title() : title, titleDropdown && vue.createVNode(Icon, {
+        "name": "trangle-down",
+        "class": bem$1I("title-arrow", {
+          active: props2.titleDropdownActive
+        })
+      }, null)]), subtitle && vue.createVNode("div", {
+        "class": [bem$1I("subtitle"), "van-ellipsis"]
+      }, [subtitle])]), hasRight && vue.createVNode("div", {
+        "class": [bem$1I("right", {
+          slot: !!slots.right
+        }), {
+          [HAPTICS_FEEDBACK]: !slots.right && !hasRightPopover
+        }],
+        "onClick": slots.right || hasRightPopover ? void 0 : onClickRight
+      }, [renderRight()])])]);
+    };
+    return () => {
+      if (props2.fixed && props2.placeholder) {
+        return renderPlaceholder(renderNavBar);
+      }
+      return renderNavBar();
+    };
+  }
+});
+const NavBar = withInstall(stdin_default$1W);
+const [name$1L, bem$1H] = createNamespace("action-sheet");
+const actionSheetProps = extend({}, popupSharedProps, {
+  title: String,
+  round: truthProp,
+  actions: makeArrayProp(),
+  closeable: truthProp,
+  cancelText: String,
+  description: String,
+  closeOnPopstate: truthProp,
+  closeOnClickAction: Boolean,
+  safeAreaInsetBottom: truthProp
+});
+const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
+var stdin_default$1V = vue.defineComponent({
+  name: name$1L,
+  props: actionSheetProps,
+  emits: ["select", "cancel", "update:show"],
+  setup(props2, {
+    slots,
+    emit
+  }) {
+    const updateShow = (show) => emit("update:show", show);
+    const onCancel = () => {
+      updateShow(false);
+      emit("cancel");
+    };
+    const renderHeader = () => {
+      if (props2.title) {
+        return vue.createVNode(NavBar, {
+          "class": bem$1H("header"),
+          "title": props2.title,
+          "border": false
+        }, props2.closeable ? {
+          left: () => vue.createVNode("span", {
+            "class": bem$1H("nav-left")
+          }, [vue.createVNode(Icon, {
+            "name": "cross",
+            "size": 22,
+            "class": HAPTICS_FEEDBACK,
+            "onClick": onCancel
+          }, null)])
+        } : void 0);
+      }
+    };
+    const renderCancel = () => {
+      if (slots.cancel || props2.cancelText) {
+        return [vue.createVNode("div", {
+          "class": bem$1H("gap")
+        }, null), vue.createVNode("button", {
+          "type": "button",
+          "class": bem$1H("cancel"),
+          "onClick": onCancel
+        }, [slots.cancel ? slots.cancel() : props2.cancelText])];
+      }
+    };
+    const renderActionContent = (action, index) => {
+      if (action.loading) {
+        return vue.createVNode(Loading, {
+          "class": bem$1H("loading-icon")
+        }, null);
+      }
+      if (slots.action) {
+        return slots.action({
+          action,
+          index
+        });
+      }
+      return [vue.createVNode("span", {
+        "class": bem$1H("name")
+      }, [action.name]), action.subname && vue.createVNode("div", {
+        "class": bem$1H("subname")
+      }, [action.subname])];
+    };
+    const renderAction = (action, index) => {
+      const {
+        color,
+        selected,
+        loading,
+        callback,
+        disabled,
+        className
+      } = action;
+      const onClick = () => {
+        if (disabled || loading) {
+          return;
+        }
+        if (callback) {
+          callback(action);
+        }
+        if (props2.closeOnClickAction) {
+          updateShow(false);
+        }
+        vue.nextTick(() => emit("select", action, index));
+      };
+      return vue.createVNode("button", {
+        "type": "button",
+        "style": {
+          color: selected ? "var(--van-primary-color)" : color
+        },
+        "class": [bem$1H("item", {
+          selected,
+          loading,
+          disabled
+        }), className],
+        "onClick": onClick
+      }, [renderActionContent(action, index)]);
+    };
+    const renderDescription = () => {
+      if (props2.description || slots.description) {
+        const content = slots.description ? slots.description() : props2.description;
+        return vue.createVNode("div", {
+          "class": bem$1H("description")
+        }, [content]);
+      }
+    };
+    return () => vue.createVNode(Popup, vue.mergeProps({
+      "class": bem$1H(),
+      "position": "bottom",
+      "onUpdate:show": updateShow
+    }, pick(props2, popupInheritKeys$2)), {
+      default: () => {
+        var _a;
+        return [renderHeader(), renderDescription(), vue.createVNode("div", {
+          "class": bem$1H("content")
+        }, [props2.actions.length > 0 && vue.createVNode("div", {
+          "class": bem$1H("action-card")
+        }, [props2.actions.map(renderAction)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
+      }
+    });
+  }
+});
+const ActionSheet = withInstall(stdin_default$1V);
+function deepClone(obj) {
+  if (!isDef(obj)) {
+    return obj;
+  }
+  if (Array.isArray(obj)) {
+    return obj.map((item) => deepClone(item));
+  }
+  if (isObject(obj)) {
+    const to = {};
+    Object.keys(obj).forEach((key) => {
+      to[key] = deepClone(obj[key]);
+    });
+    return to;
+  }
+  return obj;
+}
+const DEFAULT_DURATION = 200;
+const MOMENTUM_LIMIT_TIME = 300;
+const MOMENTUM_LIMIT_DISTANCE = 15;
+const [name$1K, bem$1G] = createNamespace("picker-column");
+function getElementTranslateY(element) {
+  const {
+    transform
+  } = window.getComputedStyle(element);
+  const translateY = transform.slice(7, transform.length - 1).split(", ")[5];
+  return Number(translateY);
+}
+const PICKER_KEY = Symbol(name$1K);
+const isOptionDisabled = (option) => isObject(option) && option.disabled;
+var stdin_default$1U = vue.defineComponent({
+  name: name$1K,
+  props: {
+    textKey: makeRequiredProp(String),
+    readonly: Boolean,
+    allowHtml: Boolean,
+    className: unknownProp,
+    itemHeight: makeRequiredProp(Number),
+    defaultIndex: makeNumberProp(0),
+    swipeDuration: makeRequiredProp(numericProp),
+    initialOptions: makeArrayProp(),
+    visibleItemCount: makeRequiredProp(numericProp),
+    rotateDirection: makeStringProp("")
   },
   emits: ["change"],
   setup(props2, {
@@ -1762,7 +2112,7 @@ var stdin_default$1W = vue.defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: bem$1I("item", {
+          class: bem$1G("item", {
             disabled,
             selected: index === state.index
           }),
@@ -1805,7 +2155,7 @@ var stdin_default$1W = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": [bem$1I(), props2.className],
+      "class": [bem$1G(), props2.className],
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -1816,12 +2166,12 @@ var stdin_default$1W = vue.defineComponent({
         transitionDuration: `${state.duration}ms`,
         transitionProperty: state.duration ? "all" : "none"
       },
-      "class": bem$1I("wrapper"),
+      "class": bem$1G("wrapper"),
       "onTransitionend": stopMomentum
     }, [renderOptions()])]);
   }
 });
-const [name$1L, bem$1H, t$j] = createNamespace("picker");
+const [name$1J, bem$1F, t$j] = createNamespace("picker");
 const pickerSharedProps = {
   title: String,
   loading: Boolean,
@@ -1844,8 +2194,8 @@ const pickerProps = extend({}, pickerSharedProps, {
   toolbarPosition: makeStringProp("top"),
   columnsFieldNames: Object
 });
-var stdin_default$1V = vue.defineComponent({
-  name: name$1L,
+var stdin_default$1T = vue.defineComponent({
+  name: name$1J,
   props: pickerProps,
   emits: ["confirm", "cancel", "change"],
   setup(props2, {
@@ -2030,7 +2380,7 @@ var stdin_default$1V = vue.defineComponent({
       }
       if (props2.title) {
         return vue.createVNode("div", {
-          "class": [bem$1H("title"), "van-ellipsis"]
+          "class": [bem$1F("title"), "van-ellipsis"]
         }, [props2.title]);
       }
     };
@@ -2038,7 +2388,7 @@ var stdin_default$1V = vue.defineComponent({
       const text = props2.cancelButtonText || t$j("cancel");
       return vue.createVNode("button", {
         "type": "button",
-        "class": [bem$1H("cancel"), HAPTICS_FEEDBACK],
+        "class": [bem$1F("cancel"), HAPTICS_FEEDBACK],
         "onClick": cancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
@@ -2046,7 +2396,7 @@ var stdin_default$1V = vue.defineComponent({
       const text = props2.confirmButtonText || t$j("confirm");
       return vue.createVNode("button", {
         "type": "button",
-        "class": [bem$1H("confirm"), HAPTICS_FEEDBACK],
+        "class": [bem$1F("confirm"), HAPTICS_FEEDBACK],
         "onClick": confirm
       }, [slots.confirm ? slots.confirm() : text]);
     };
@@ -2054,13 +2404,13 @@ var stdin_default$1V = vue.defineComponent({
       if (props2.showToolbar) {
         const slot = slots.toolbar || slots.default;
         return vue.createVNode("div", {
-          "class": bem$1H("toolbar")
+          "class": bem$1F("toolbar")
         }, [slot ? slot() : [renderCancel(), renderTitle(), renderConfirm()]]);
       }
     };
     const renderColumnItems = () => formattedColumns.value.map((item, columnIndex) => {
       var _a;
-      return vue.createVNode(stdin_default$1W, {
+      return vue.createVNode(stdin_default$1U, {
         "textKey": columnsFieldNames.value.text,
         "readonly": props2.readonly,
         "allowHtml": props2.allowHtml,
@@ -2085,10 +2435,10 @@ var stdin_default$1V = vue.defineComponent({
           backgroundSize: `100% ${(wrapHeight - itemHeight.value) / 2}px`
         };
         return [vue.createVNode("div", {
-          "class": bem$1H("mask"),
+          "class": bem$1F("mask"),
           "style": maskStyle
         }, null), vue.createVNode("div", {
-          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1H("frame")],
+          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1F("frame")],
           "style": frameStyle
         }, null)];
       }
@@ -2100,7 +2450,7 @@ var stdin_default$1V = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "ref": columnsRef,
-        "class": bem$1H("columns"),
+        "class": bem$1F("columns"),
         "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
@@ -2126,15 +2476,15 @@ var stdin_default$1V = vue.defineComponent({
     return () => {
       var _a, _b;
       return vue.createVNode("div", {
-        "class": bem$1H()
+        "class": bem$1F()
       }, [props2.toolbarPosition === "top" ? renderToolbar() : null, props2.loading ? vue.createVNode(Loading, {
-        "class": bem$1H("loading")
+        "class": bem$1F("loading")
       }, null) : null, (_a = slots["columns-top"]) == null ? void 0 : _a.call(slots), renderColumns(), (_b = slots["columns-bottom"]) == null ? void 0 : _b.call(slots), props2.toolbarPosition === "bottom" ? renderToolbar() : null]);
     };
   }
 });
-const Picker = withInstall(stdin_default$1V);
-const [name$1K, bem$1G] = createNamespace("area");
+const Picker = withInstall(stdin_default$1T);
+const [name$1I, bem$1E] = createNamespace("area");
 const EMPTY_CODE = "000000";
 const INHERIT_SLOTS = ["title", "cancel", "confirm", "toolbar", "columns-top", "columns-bottom"];
 const INHERIT_PROPS = ["title", "loading", "readonly", "itemHeight", "swipeDuration", "visibleItemCount", "cancelButtonText", "confirmButtonText"];
@@ -2152,8 +2502,8 @@ const areaProps = extend({}, pickerSharedProps, {
     default: isOverseaCode
   }
 });
-var stdin_default$1U = vue.defineComponent({
-  name: name$1K,
+var stdin_default$1S = vue.defineComponent({
+  name: name$1I,
   props: areaProps,
   emits: ["change", "confirm", "cancel"],
   setup(props2, {
@@ -2353,7 +2703,7 @@ var stdin_default$1U = vue.defineComponent({
       const columns = state.columns.slice(0, +props2.columnsNum);
       return vue.createVNode(Picker, vue.mergeProps({
         "ref": pickerRef,
-        "class": bem$1G(),
+        "class": bem$1E(),
         "columns": columns,
         "columnsFieldNames": {
           text: "name"
@@ -2365,8 +2715,8 @@ var stdin_default$1U = vue.defineComponent({
     };
   }
 });
-const Area = withInstall(stdin_default$1U);
-const [name$1J, bem$1F] = createNamespace("checkbox-group");
+const Area = withInstall(stdin_default$1S);
+const [name$1H, bem$1D] = createNamespace("checkbox-group");
 const checkboxGroupProps = {
   max: numericProp,
   disabled: Boolean,
@@ -2377,9 +2727,9 @@ const checkboxGroupProps = {
   modelValue: makeArrayProp(),
   checkedColor: String
 };
-const CHECKBOX_GROUP_KEY = Symbol(name$1J);
-var stdin_default$1T = vue.defineComponent({
-  name: name$1J,
+const CHECKBOX_GROUP_KEY = Symbol(name$1H);
+var stdin_default$1R = vue.defineComponent({
+  name: name$1H,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -2425,7 +2775,7 @@ var stdin_default$1T = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1F([props2.direction])
+        "class": bem$1D([props2.direction])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
@@ -2443,7 +2793,7 @@ const checkerProps = {
   labelDisabled: Boolean,
   allowUncheck: Boolean
 };
-var stdin_default$1S = vue.defineComponent({
+var stdin_default$1Q = vue.defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -2549,12 +2899,12 @@ var stdin_default$1S = vue.defineComponent({
     };
   }
 });
-const [name$1I, bem$1E] = createNamespace("checkbox");
+const [name$1G, bem$1C] = createNamespace("checkbox");
 const checkboxProps = extend({}, checkerProps, {
   bindGroup: truthProp
 });
-var stdin_default$1R = vue.defineComponent({
-  name: name$1I,
+var stdin_default$1P = vue.defineComponent({
+  name: name$1G,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -2611,8 +2961,8 @@ var stdin_default$1R = vue.defineComponent({
       checked
     });
     use.useCustomFieldValue(() => props2.modelValue);
-    return () => vue.createVNode(stdin_default$1S, vue.mergeProps({
-      "bem": bem$1E,
+    return () => vue.createVNode(stdin_default$1Q, vue.mergeProps({
+      "bem": bem$1C,
       "role": "checkbox",
       "parent": parent,
       "checked": checked.value,
@@ -2620,8 +2970,8 @@ var stdin_default$1R = vue.defineComponent({
     }, props2), pick(slots, ["default", "icon"]));
   }
 });
-const Checkbox = withInstall(stdin_default$1R);
-const [name$1H, bem$1D] = createNamespace("radio-group");
+const Checkbox = withInstall(stdin_default$1P);
+const [name$1F, bem$1B] = createNamespace("radio-group");
 const radioGroupProps = {
   disabled: Boolean,
   iconSize: numericProp,
@@ -2632,9 +2982,9 @@ const radioGroupProps = {
   checkedColor: String,
   allowUncheck: Boolean
 };
-const RADIO_KEY = Symbol(name$1H);
-var stdin_default$1Q = vue.defineComponent({
-  name: name$1H,
+const RADIO_KEY = Symbol(name$1F);
+var stdin_default$1O = vue.defineComponent({
+  name: name$1F,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -2654,15 +3004,15 @@ var stdin_default$1Q = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1D([props2.direction]),
+        "class": bem$1B([props2.direction]),
         "role": "radiogroup"
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const [name$1G, bem$1C] = createNamespace("radio");
-var stdin_default$1P = vue.defineComponent({
-  name: name$1G,
+const [name$1E, bem$1A] = createNamespace("radio");
+var stdin_default$1N = vue.defineComponent({
+  name: name$1E,
   props: checkerProps,
   emits: ["update:modelValue"],
   setup(props2, {
@@ -2691,8 +3041,8 @@ var stdin_default$1P = vue.defineComponent({
         emit("update:modelValue", val);
       }
     };
-    return () => vue.createVNode(stdin_default$1S, vue.mergeProps({
-      "bem": bem$1C,
+    return () => vue.createVNode(stdin_default$1Q, vue.mergeProps({
+      "bem": bem$1A,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -2702,42 +3052,201 @@ var stdin_default$1P = vue.defineComponent({
     }, props2), pick(slots, ["default", "icon"]));
   }
 });
-const Radio = withInstall(stdin_default$1P);
-const [name$1F, bem$1B] = createNamespace("cell");
+const Radio = withInstall(stdin_default$1N);
+const [name$1D, bem$1z] = createNamespace("tag");
+const tagProps = {
+  size: makeStringProp("medium"),
+  mark: Boolean,
+  show: truthProp,
+  type: makeStringProp("gray"),
+  color: String,
+  plain: Boolean,
+  round: Boolean,
+  textColor: String,
+  closeable: Boolean,
+  rightIcon: String,
+  number: [String, Number],
+  showNumber: Boolean,
+  numberColor: String
+};
+var stdin_default$1M = vue.defineComponent({
+  name: name$1D,
+  props: tagProps,
+  emits: ["close"],
+  setup(props2, {
+    slots,
+    emit
+  }) {
+    const onClose = (event) => {
+      event.stopPropagation();
+      emit("close", event);
+    };
+    const getStyle = () => {
+      if (props2.plain) {
+        return {
+          color: props2.textColor || props2.color,
+          borderColor: props2.color
+        };
+      }
+      return {
+        color: props2.textColor,
+        background: props2.color
+      };
+    };
+    const renderTag = () => {
+      var _a;
+      const {
+        type,
+        mark,
+        plain,
+        round,
+        size,
+        closeable,
+        rightIcon,
+        number,
+        showNumber,
+        numberColor
+      } = props2;
+      const classes = {
+        mark,
+        plain,
+        round
+      };
+      if (size) {
+        classes[size] = size;
+      }
+      const CloseIcon = closeable && vue.createVNode(Icon, {
+        "name": "cross",
+        "class": [bem$1z("close"), HAPTICS_FEEDBACK],
+        "onClick": onClose
+      }, null);
+      const RightIcon = rightIcon && vue.createVNode(Icon, {
+        "name": rightIcon,
+        "class": bem$1z("right-icon")
+      }, null);
+      return vue.createVNode("span", {
+        "style": getStyle(),
+        "class": bem$1z([classes, type])
+      }, [showNumber && number !== void 0 && vue.createVNode("span", {
+        "class": bem$1z("number"),
+        "style": {
+          color: numberColor
+        }
+      }, [number]), (_a = slots.default) == null ? void 0 : _a.call(slots), RightIcon, CloseIcon]);
+    };
+    return () => vue.createVNode(vue.Transition, {
+      "name": props2.closeable ? "van-fade" : void 0
+    }, {
+      default: () => [props2.show ? renderTag() : null]
+    });
+  }
+});
+const Tag = withInstall(stdin_default$1M);
+const [name$1C, bem$1y] = createNamespace("cell");
 const cellSharedProps = {
   icon: String,
   size: String,
+  background: String,
   title: numericProp,
   value: numericProp,
   label: numericProp,
+  labelClickable: Boolean,
+  labelIcon: String,
+  showLabelIcon: {
+    type: Boolean,
+    default: void 0
+  },
   description: numericProp,
+  descriptionClickable: Boolean,
+  multiLineNotes: Array,
+  showMultiLineNotes: {
+    type: Boolean,
+    default: void 0
+  },
+  showTitleCollapseIcon: Boolean,
+  defaultMultiLineNotesCollapsed: Boolean,
   threeLine: Boolean,
   labelSize: numericProp,
   avatar: String,
+  showAvatar: {
+    type: Boolean,
+    default: void 0
+  },
   rightAvatar: String,
+  showRightAvatar: {
+    type: Boolean,
+    default: void 0
+  },
   tags: Array,
+  showTags: {
+    type: Boolean,
+    default: void 0
+  },
+  titleTag: numericProp,
+  showTitleTag: {
+    type: Boolean,
+    default: void 0
+  },
+  wrapTags: Array,
+  showWrapTags: {
+    type: Boolean,
+    default: void 0
+  },
   titleIcon: String,
+  titleIconClickable: Boolean,
+  showTitleIcon: {
+    type: Boolean,
+    default: void 0
+  },
   rightIcon: String,
+  showIcon: {
+    type: Boolean,
+    default: void 0
+  },
+  showRightIcon: {
+    type: Boolean,
+    default: void 0
+  },
   note: numericProp,
+  showNote: {
+    type: Boolean,
+    default: void 0
+  },
   noteBold: Boolean,
   noteClickable: Boolean,
   noteTo: routeProps.to,
   noteUrl: String,
   noteReplace: Boolean,
   badge: numericProp,
+  showBadge: {
+    type: Boolean,
+    default: void 0
+  },
   leftSelect: {
     type: Boolean,
     default: void 0
   },
+  showLeftSelect: {
+    type: Boolean,
+    default: void 0
+  },
   rightSelect: {
     type: Boolean,
     default: void 0
   },
+  showRightSelect: {
+    type: Boolean,
+    default: void 0
+  },
   selectType: {
     type: String,
     default: "checkbox"
   },
   blueMark: Boolean,
+  showBlueMark: {
+    type: Boolean,
+    default: void 0
+  },
   titleBold: Boolean,
   center: Boolean,
   isLink: Boolean,
@@ -2756,10 +3265,10 @@ const cellSharedProps = {
   }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1O = vue.defineComponent({
-  name: name$1F,
+var stdin_default$1L = vue.defineComponent({
+  name: name$1C,
   props: cellProps,
-  emits: ["click", "click-note", "update:leftSelect", "update:rightSelect"],
+  emits: ["click", "click-label", "click-description", "click-note", "click-title-icon", "update:leftSelect", "update:rightSelect", "update:multiLineNotesCollapsed"],
   setup(props2, {
     slots,
     emit
@@ -2770,6 +3279,8 @@ var stdin_default$1O = vue.defineComponent({
     const vm = vue.getCurrentInstance().proxy;
     const leftSelectState = vue.ref((_a = props2.leftSelect) != null ? _a : false);
     const rightSelectState = vue.ref((_b = props2.rightSelect) != null ? _b : false);
+    const multiLineNotesCollapsed = vue.ref(props2.defaultMultiLineNotesCollapsed);
+    const isVisible = (show, hasContent) => show != null ? show : hasContent;
     vue.watch(() => props2.leftSelect, (value) => {
       if (isDef(value)) {
         leftSelectState.value = value;
@@ -2780,7 +3291,12 @@ var stdin_default$1O = vue.defineComponent({
         rightSelectState.value = value;
       }
     });
-    const hasSelect = (position) => isDef(position === "left" ? props2.leftSelect : props2.rightSelect);
+    const isSelectVisible = (position) => {
+      const show = position === "left" ? props2.showLeftSelect : props2.showRightSelect;
+      const select = position === "left" ? props2.leftSelect : props2.rightSelect;
+      return isVisible(show, !!slots[`${position}-select`] || isDef(select));
+    };
+    const hasSelect = (position) => isSelectVisible(position) && isDef(position === "left" ? props2.leftSelect : props2.rightSelect);
     const getSelectState = (position) => position === "left" ? leftSelectState.value : rightSelectState.value;
     const updateSelectState = (position, value) => {
       if (position === "left") {
@@ -2801,32 +3317,93 @@ var stdin_default$1O = vue.defineComponent({
       return false;
     };
     const renderLabel = () => {
+      var _a2;
       const showLabel = slots.label || isDef(props2.label);
+      const showLabelIcon = (_a2 = props2.showLabelIcon) != null ? _a2 : !!(slots["label-icon"] || props2.labelIcon);
       if (showLabel) {
         return vue.createVNode("div", {
-          "class": [bem$1B("label"), props2.labelClass],
+          "class": [bem$1y("label", {
+            clickable: props2.labelClickable
+          }), props2.labelClass],
           "style": {
             fontSize: addUnit(props2.labelSize)
+          },
+          "role": props2.labelClickable ? "button" : void 0,
+          "tabindex": props2.labelClickable ? 0 : void 0,
+          "onClick": (event) => {
+            if (!props2.labelClickable)
+              return;
+            event.stopPropagation();
+            emit("click-label", event);
           }
-        }, [slots.label ? slots.label() : props2.label]);
+        }, [showLabelIcon && slots["label-icon"] ? vue.createVNode("span", {
+          "class": bem$1y("label-icon")
+        }, [slots["label-icon"]()]) : showLabelIcon ? vue.createVNode(Icon, {
+          "name": props2.labelIcon || "location-o",
+          "class": bem$1y("label-icon"),
+          "classPrefix": props2.iconPrefix
+        }, null) : null, vue.createVNode("span", null, [slots.label ? slots.label() : props2.label])]);
       }
     };
     const renderDescription = () => {
       const showDescription = slots.description || isDef(props2.description);
       if (showDescription) {
         return vue.createVNode("div", {
-          "class": bem$1B("description")
+          "class": bem$1y("description", {
+            clickable: props2.descriptionClickable
+          }),
+          "role": props2.descriptionClickable ? "button" : void 0,
+          "tabindex": props2.descriptionClickable ? 0 : void 0,
+          "onClick": (event) => {
+            if (!props2.descriptionClickable)
+              return;
+            event.stopPropagation();
+            emit("click-description", event);
+          }
         }, [slots.description ? slots.description() : props2.description]);
       }
     };
+    const renderMultiLineNotes = () => {
+      var _a2, _b2;
+      if (!isVisible(props2.showMultiLineNotes, !!slots["multi-line-notes"] || !!((_a2 = props2.multiLineNotes) == null ? void 0 : _a2.length))) {
+        return;
+      }
+      if (slots["multi-line-notes"]) {
+        return vue.createVNode("div", {
+          "class": bem$1y("multi-line-notes")
+        }, [slots["multi-line-notes"]()]);
+      }
+      if ((_b2 = props2.multiLineNotes) == null ? void 0 : _b2.length) {
+        return vue.createVNode("div", {
+          "class": bem$1y("multi-line-notes")
+        }, [props2.multiLineNotes.map((note, index) => vue.createVNode("div", {
+          "key": `${note}-${index}`,
+          "class": bem$1y("multi-line-note")
+        }, [note]))]);
+      }
+    };
     const renderTitle = () => {
       if (slots.title || isDef(props2.title)) {
         return vue.createVNode("div", {
-          "class": [bem$1B("title"), props2.titleClass],
+          "class": [bem$1y("title"), props2.titleClass],
           "style": props2.titleStyle
         }, [vue.createVNode("div", {
-          "class": bem$1B("title-row")
-        }, [slots.title ? slots.title() : vue.createVNode("span", null, [props2.title]), renderTags(), renderTitleIcon()]), renderLabel(), props2.threeLine && renderDescription()]);
+          "class": bem$1y("title-row", {
+            collapsible: props2.showTitleCollapseIcon
+          }),
+          "onClick": (event) => {
+            if (props2.showTitleCollapseIcon) {
+              event.stopPropagation();
+              multiLineNotesCollapsed.value = !multiLineNotesCollapsed.value;
+              emit("update:multiLineNotesCollapsed", multiLineNotesCollapsed.value);
+            }
+          }
+        }, [props2.showTitleCollapseIcon && vue.createVNode(Icon, {
+          "name": "trangle-down",
+          "class": bem$1y("title-collapse-icon", {
+            collapsed: multiLineNotesCollapsed.value
+          })
+        }, null), slots.title ? slots.title() : vue.createVNode("span", null, [props2.title]), renderTitleTag(), renderTags(), renderTitleIcon()]), renderWrapTags(), renderLabel(), props2.threeLine && renderDescription(), !multiLineNotesCollapsed.value && renderMultiLineNotes()]);
       }
     };
     const renderValue = () => {
@@ -2835,20 +3412,23 @@ var stdin_default$1O = vue.defineComponent({
       if (hasValue) {
         const hasTitle = slots.title || isDef(props2.title);
         return vue.createVNode("div", {
-          "class": [bem$1B("value", {
+          "class": [bem$1y("value", {
             alone: !hasTitle
           }), props2.valueClass]
         }, [slot ? slot() : vue.createVNode("span", null, [props2.value])]);
       }
     };
     const renderLeftIcon = () => {
+      if (!isVisible(props2.showIcon, !!slots.icon || !!props2.icon)) {
+        return;
+      }
       if (slots.icon) {
         return slots.icon();
       }
       if (props2.icon) {
         return vue.createVNode(Icon, {
           "name": props2.icon,
-          "class": bem$1B("left-icon"),
+          "class": bem$1y("left-icon"),
           "classPrefix": props2.iconPrefix
         }, null);
       }
@@ -2857,15 +3437,18 @@ var stdin_default$1O = vue.defineComponent({
       var _a2, _b2;
       const slot = slots[`${position}-select`];
       const selected = getSelectState(position);
+      if (!isSelectVisible(position)) {
+        return;
+      }
       if (slot) {
         return vue.createVNode("div", {
-          "class": bem$1B(`${position}-select`)
+          "class": bem$1y(`${position}-select`)
         }, [slot()]);
       }
       if (hasSelect(position)) {
         const checkboxSize = (_b2 = (_a2 = props2.size) != null ? _a2 : config == null ? void 0 : config.cellSize) != null ? _b2 : "normal";
         return vue.createVNode("div", {
-          "class": bem$1B(`${position}-select`),
+          "class": bem$1y(`${position}-select`),
           "onClick": (event) => event.stopPropagation()
         }, [props2.selectType === "radio" ? vue.createVNode(Radio, {
           "modelValue": selected ? "selected" : "",
@@ -2884,63 +3467,125 @@ var stdin_default$1O = vue.defineComponent({
     const renderAvatar = (position) => {
       const slot = slots[`${position}-avatar`];
       const avatar = position === "left" ? props2.avatar : props2.rightAvatar;
+      const show = position === "left" ? props2.showAvatar : props2.showRightAvatar;
+      if (!isVisible(show, !!slot || !!avatar)) {
+        return;
+      }
       if (slot) {
         return vue.createVNode("div", {
-          "class": bem$1B(`${position}-avatar`)
+          "class": bem$1y(`${position}-avatar`)
         }, [slot()]);
       }
       if (avatar) {
         return vue.createVNode("img", {
-          "class": bem$1B(`${position}-avatar`),
+          "class": bem$1y(`${position}-avatar`),
           "src": avatar,
           "alt": ""
         }, null);
       }
     };
     const renderBlueMark = () => {
+      if (!isVisible(props2.showBlueMark, !!slots["blue-mark"] || props2.blueMark)) {
+        return;
+      }
       if (slots["blue-mark"]) {
         return vue.createVNode("div", {
-          "class": bem$1B("blue-mark")
+          "class": bem$1y("blue-mark")
         }, [slots["blue-mark"]()]);
       }
       if (props2.blueMark) {
         return vue.createVNode("span", {
-          "class": bem$1B("blue-mark")
+          "class": bem$1y("blue-mark")
         }, null);
       }
     };
     const renderTags = () => {
-      var _a2;
+      var _a2, _b2;
+      if (!isVisible(props2.showTags, !!slots.tags || !!((_a2 = props2.tags) == null ? void 0 : _a2.length))) {
+        return;
+      }
       if (slots.tags) {
         return vue.createVNode("div", {
-          "class": bem$1B("tags")
+          "class": bem$1y("tags")
         }, [slots.tags()]);
       }
-      if ((_a2 = props2.tags) == null ? void 0 : _a2.length) {
+      if ((_b2 = props2.tags) == null ? void 0 : _b2.length) {
         return vue.createVNode("div", {
-          "class": bem$1B("tags")
+          "class": bem$1y("tags")
         }, [props2.tags.map((tag, index) => vue.createVNode("span", {
           "key": `${tag}-${index}`,
-          "class": bem$1B("tag")
+          "class": bem$1y("tag")
         }, [tag]))]);
       }
     };
-    const renderTitleIcon = () => {
-      if (slots["title-icon"]) {
+    const renderTitleTag = () => {
+      if (!isVisible(props2.showTitleTag, !!slots["title-tag"] || isDef(props2.titleTag))) {
+        return;
+      }
+      if (slots["title-tag"]) {
         return vue.createVNode("div", {
-          "class": bem$1B("title-icon")
-        }, [slots["title-icon"]()]);
+          "class": bem$1y("title-tag")
+        }, [slots["title-tag"]()]);
       }
-      if (props2.titleIcon) {
-        return vue.createVNode(Icon, {
-          "name": props2.titleIcon,
-          "class": bem$1B("title-icon")
-        }, null);
+      if (isDef(props2.titleTag)) {
+        return vue.createVNode("div", {
+          "class": bem$1y("title-tag")
+        }, [vue.createVNode(Tag, {
+          "size": "small"
+        }, {
+          default: () => [props2.titleTag]
+        })]);
+      }
+    };
+    const renderWrapTags = () => {
+      var _a2, _b2;
+      if (!isVisible(props2.showWrapTags, !!slots["wrap-tags"] || !!((_a2 = props2.wrapTags) == null ? void 0 : _a2.length))) {
+        return;
+      }
+      if (slots["wrap-tags"]) {
+        return vue.createVNode("div", {
+          "class": bem$1y("wrap-tags")
+        }, [slots["wrap-tags"]()]);
+      }
+      if ((_b2 = props2.wrapTags) == null ? void 0 : _b2.length) {
+        return vue.createVNode("div", {
+          "class": bem$1y("wrap-tags")
+        }, [props2.wrapTags.map((tag, index) => vue.createVNode(Tag, {
+          "key": `${tag}-${index}`
+        }, {
+          default: () => [tag]
+        }))]);
+      }
+    };
+    const renderTitleIcon = () => {
+      if (!isVisible(props2.showTitleIcon, !!slots["title-icon"] || !!props2.titleIcon)) {
+        return;
+      }
+      const icon = slots["title-icon"] ? slots["title-icon"]() : props2.titleIcon ? vue.createVNode(Icon, {
+        "name": props2.titleIcon
+      }, null) : void 0;
+      if (!icon)
+        return;
+      if (props2.titleIconClickable) {
+        return vue.createVNode("button", {
+          "type": "button",
+          "class": bem$1y("title-icon", {
+            clickable: true
+          }),
+          "aria-label": `操作${props2.title || ""}`,
+          "onClick": (event) => {
+            event.stopPropagation();
+            emit("click-title-icon", event);
+          }
+        }, [icon]);
       }
+      return vue.createVNode("div", {
+        "class": bem$1y("title-icon")
+      }, [icon]);
     };
     const renderNoteContent = (content) => {
       const clickable = props2.noteClickable || props2.noteTo || props2.noteUrl;
-      const classes = bem$1B("note", {
+      const classes = bem$1y("note", {
         bold: props2.noteBold,
         clickable
       });
@@ -2965,6 +3610,9 @@ var stdin_default$1O = vue.defineComponent({
       }, [content]);
     };
     const renderNote = () => {
+      if (!isVisible(props2.showNote, !!slots.note || isDef(props2.note))) {
+        return;
+      }
       if (slots.note) {
         return renderNoteContent(slots.note());
       }
@@ -2973,14 +3621,17 @@ var stdin_default$1O = vue.defineComponent({
       }
     };
     const renderBadge = () => {
+      if (!isVisible(props2.showBadge, !!slots.badge || isDef(props2.badge))) {
+        return;
+      }
       if (slots.badge) {
         return vue.createVNode("div", {
-          "class": bem$1B("badge")
+          "class": bem$1y("badge")
         }, [slots.badge()]);
       }
       if (isDef(props2.badge)) {
         return vue.createVNode("div", {
-          "class": bem$1B("badge")
+          "class": bem$1y("badge")
         }, [vue.createVNode(Badge, {
           "content": props2.badge,
           "showZero": true
@@ -2988,20 +3639,23 @@ var stdin_default$1O = vue.defineComponent({
       }
     };
     const renderRightIcon = () => {
+      if (!isVisible(props2.showRightIcon, !!slots["right-icon"] || !!props2.rightIcon || props2.isLink)) {
+        return;
+      }
       if (slots["right-icon"]) {
         return slots["right-icon"]();
       }
       if (props2.rightIcon) {
         return vue.createVNode(Icon, {
           "name": props2.rightIcon,
-          "class": bem$1B("right-icon")
+          "class": bem$1y("right-icon")
         }, null);
       }
       if (props2.isLink) {
         const name2 = props2.arrowDirection && props2.arrowDirection !== "right" ? `arrow-${props2.arrowDirection}` : "arrow";
         return vue.createVNode(Icon, {
           "name": name2,
-          "class": bem$1B("right-icon")
+          "class": bem$1y("right-icon")
         }, null);
       }
     };
@@ -3018,7 +3672,7 @@ var stdin_default$1O = vue.defineComponent({
         threeLine
       } = props2;
       const clickable = (_a2 = props2.clickable) != null ? _a2 : isLink || rightIcon === "arrow" || hasSelect("left") || hasSelect("right");
-      const hasBadge = !!slots.badge || isDef(props2.badge);
+      const hasBadge = isVisible(props2.showBadge, !!slots.badge || isDef(props2.badge));
       const cellSize = (_b2 = size != null ? size : config == null ? void 0 : config.cellSize) != null ? _b2 : "normal";
       const classes = {
         center: center || hasBadge,
@@ -3038,7 +3692,10 @@ var stdin_default$1O = vue.defineComponent({
         }
       };
       return vue.createVNode("div", {
-        "class": [bem$1B(classes), props2.errorBorder ? "van-cell-error-border" : ""],
+        "class": [bem$1y(classes), props2.errorBorder ? "van-cell-error-border" : ""],
+        "style": props2.background ? {
+          background: props2.background
+        } : void 0,
         "role": clickable ? "button" : void 0,
         "tabindex": clickable ? 0 : void 0,
         "onClick": onClick
@@ -3046,8 +3703,8 @@ var stdin_default$1O = vue.defineComponent({
     };
   }
 });
-const Cell = withInstall(stdin_default$1O);
-const [name$1E, bem$1A] = createNamespace("form");
+const Cell = withInstall(stdin_default$1L);
+const [name$1B, bem$1x] = createNamespace("form");
 const formProps = {
   colon: Boolean,
   disabled: Boolean,
@@ -3066,8 +3723,8 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$1N = vue.defineComponent({
-  name: name$1E,
+var stdin_default$1K = vue.defineComponent({
+  name: name$1B,
   props: formProps,
   emits: ["submit", "failed"],
   setup(props2, {
@@ -3191,13 +3848,13 @@ var stdin_default$1N = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("form", {
-        "class": bem$1A(),
+        "class": bem$1x(),
         "onSubmit": onSubmit
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Form = withInstall(stdin_default$1N);
+const Form = withInstall(stdin_default$1K);
 function isEmptyValue(value) {
   if (Array.isArray(value)) {
     return !value.length;
@@ -3295,7 +3952,7 @@ function useId() {
   }
   return `${name2}-${++current}`;
 }
-const [name$1D, bem$1z] = createNamespace("field");
+const [name$1A, bem$1w] = createNamespace("field");
 const fieldSharedProps = {
   id: String,
   name: String,
@@ -3348,8 +4005,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: false
   }
 });
-var stdin_default$1M = vue.defineComponent({
-  name: name$1D,
+var stdin_default$1J = vue.defineComponent({
+  name: name$1A,
   props: fieldProps,
   emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
   setup(props2, {
@@ -3622,7 +4279,7 @@ var stdin_default$1M = vue.defineComponent({
     const getInputId = () => props2.id || `${id}-input`;
     const getValidationStatus = () => state.status;
     const renderInput = () => {
-      const controlClass = bem$1z("control", [inputAlign.value, {
+      const controlClass = bem$1w("control", [inputAlign.value, {
         error: showError.value,
         custom: !!slots.input,
         "min-height": props2.type === "textarea" && !props2.autosize
@@ -3664,7 +4321,7 @@ var stdin_default$1M = vue.defineComponent({
       const leftIconSlot = slots["left-icon"];
       if (props2.leftIcon || leftIconSlot) {
         return vue.createVNode("div", {
-          "class": bem$1z("left-icon"),
+          "class": bem$1w("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : vue.createVNode(Icon, {
           "name": props2.leftIcon,
@@ -3676,7 +4333,7 @@ var stdin_default$1M = vue.defineComponent({
       const rightIconSlot = slots["right-icon"];
       if (props2.rightIcon || rightIconSlot) {
         return vue.createVNode("div", {
-          "class": bem$1z("right-icon"),
+          "class": bem$1w("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : vue.createVNode(Icon, {
           "name": props2.rightIcon,
@@ -3688,9 +4345,9 @@ var stdin_default$1M = vue.defineComponent({
       if (props2.showWordLimit && props2.maxlength) {
         const count = getStringLength(getModelValue());
         return vue.createVNode("div", {
-          "class": bem$1z("word-limit")
+          "class": bem$1w("word-limit")
         }, [vue.createVNode("span", {
-          "class": bem$1z("word-num")
+          "class": bem$1w("word-num")
         }, [count]), vue.createTextVNode("/"), props2.maxlength]);
       }
     };
@@ -3703,7 +4360,7 @@ var stdin_default$1M = vue.defineComponent({
         const slot = slots["error-message"];
         const errorMessageAlign = getProp("errorMessageAlign");
         return vue.createVNode("div", {
-          "class": bem$1z("error-message", errorMessageAlign)
+          "class": bem$1w("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -3722,13 +4379,13 @@ var stdin_default$1M = vue.defineComponent({
       }
     };
     const renderFieldBody = () => [vue.createVNode("div", {
-      "class": bem$1z("body")
+      "class": bem$1w("body")
     }, [renderInput(), showClear.value && vue.createVNode(Icon, {
       "ref": clearIconRef,
       "name": props2.clearIcon,
-      "class": bem$1z("clear")
+      "class": bem$1w("clear")
     }, null), renderRightIcon(), slots.button && vue.createVNode("div", {
-      "class": bem$1z("button")
+      "class": bem$1w("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
     useExpose({
       blur,
@@ -3767,7 +4424,7 @@ var stdin_default$1M = vue.defineComponent({
       return vue.createVNode(Cell, {
         "size": props2.size,
         "icon": props2.leftIcon,
-        "class": bem$1z({
+        "class": bem$1w({
           error: showError.value,
           disabled,
           [`label-${labelAlign}`]: labelAlign,
@@ -3779,8 +4436,8 @@ var stdin_default$1M = vue.defineComponent({
         "isLink": props2.isLink,
         "clickable": props2.clickable,
         "titleStyle": labelStyle.value,
-        "valueClass": bem$1z("value"),
-        "titleClass": [bem$1z("label", [labelAlign, {
+        "valueClass": bem$1w("value"),
+        "titleClass": [bem$1w("label", [labelAlign, {
           required: props2.required
         }]), props2.labelClass],
         "arrowDirection": props2.arrowDirection
@@ -3793,7 +4450,7 @@ var stdin_default$1M = vue.defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1M);
+const Field = withInstall(stdin_default$1J);
 function usePopupState() {
   const state = vue.reactive({
     show: false
@@ -3840,7 +4497,7 @@ function lockClick(lock) {
     }
   }
 }
-const [name$1C, bem$1y] = createNamespace("toast");
+const [name$1z, bem$1v] = createNamespace("toast");
 const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 const toastProps = {
   icon: String,
@@ -3862,8 +4519,8 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1L = vue.defineComponent({
-  name: name$1C,
+var stdin_default$1I = vue.defineComponent({
+  name: name$1z,
   props: toastProps,
   emits: ["update:show"],
   setup(props2, {
@@ -3898,13 +4555,13 @@ var stdin_default$1L = vue.defineComponent({
         return vue.createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$1y("icon"),
+          "class": bem$1v("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return vue.createVNode(Loading, {
-          "class": bem$1y("loading"),
+          "class": bem$1v("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -3918,10 +4575,10 @@ var stdin_default$1L = vue.defineComponent({
       if (isDef(message) && message !== "") {
         return type === "html" ? vue.createVNode("div", {
           "key": 0,
-          "class": bem$1y("text"),
+          "class": bem$1v("text"),
           "innerHTML": String(message)
         }, null) : vue.createVNode("div", {
-          "class": bem$1y("text")
+          "class": bem$1v("text")
         }, [message]);
       }
     };
@@ -3937,7 +4594,7 @@ var stdin_default$1L = vue.defineComponent({
     vue.onMounted(toggleClickable);
     vue.onUnmounted(toggleClickable);
     return () => vue.createVNode(Popup, vue.mergeProps({
-      "class": [bem$1y([props2.position, {
+      "class": [bem$1v([props2.position, {
         [props2.type]: !props2.icon
       }]), props2.className],
       "lockScroll": false,
@@ -4006,7 +4663,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return vue.createVNode(stdin_default$1L, vue.mergeProps(state, attrs), null);
+        return vue.createVNode(stdin_default$1I, vue.mergeProps(state, attrs), null);
       };
       vue.watch(message, (val) => {
         state.message = val;
@@ -4078,10 +4735,10 @@ Toast.allowMultiple = (value = true) => {
   allowMultiple = value;
 };
 Toast.install = (app) => {
-  app.use(withInstall(stdin_default$1L));
+  app.use(withInstall(stdin_default$1I));
   app.config.globalProperties.$toast = Toast;
 };
-const [name$1B, bem$1x] = createNamespace("switch");
+const [name$1y, bem$1u] = createNamespace("switch");
 const switchProps = {
   size: numericProp,
   loading: Boolean,
@@ -4098,8 +4755,8 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$1K = vue.defineComponent({
-  name: name$1B,
+var stdin_default$1H = vue.defineComponent({
+  name: name$1y,
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -4118,7 +4775,7 @@ var stdin_default$1K = vue.defineComponent({
       if (props2.loading) {
         const color = isChecked() ? props2.activeColor : props2.inactiveColor;
         return vue.createVNode(Loading, {
-          "class": bem$1x("loading"),
+          "class": bem$1u("loading"),
           "color": color
         }, null);
       }
@@ -4143,7 +4800,7 @@ var stdin_default$1K = vue.defineComponent({
       };
       return vue.createVNode("div", {
         "role": "switch",
-        "class": bem$1x({
+        "class": bem$1u({
           on: checked,
           loading,
           disabled
@@ -4153,16 +4810,16 @@ var stdin_default$1K = vue.defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [vue.createVNode("div", {
-        "class": bem$1x("node")
+        "class": bem$1u("node")
       }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Switch = withInstall(stdin_default$1K);
-const [name$1A, bem$1w] = createNamespace("address-edit-detail");
+const Switch = withInstall(stdin_default$1H);
+const [name$1x, bem$1t] = createNamespace("address-edit-detail");
 const t$i = createNamespace("address-edit")[2];
-var stdin_default$1J = vue.defineComponent({
-  name: name$1A,
+var stdin_default$1G = vue.defineComponent({
+  name: name$1x,
   props: {
     show: Boolean,
     rows: numericProp,
@@ -4185,7 +4842,7 @@ var stdin_default$1J = vue.defineComponent({
     };
     const renderSearchTitle = (express) => {
       if (express.name) {
-        const text = express.name.replace(props2.value, `<span class=${bem$1w("keyword")}>${props2.value}</span>`);
+        const text = express.name.replace(props2.value, `<span class=${bem$1t("keyword")}>${props2.value}</span>`);
         return vue.createVNode("div", {
           "innerHTML": text
         }, null);
@@ -4203,7 +4860,7 @@ var stdin_default$1J = vue.defineComponent({
         "key": express.name + express.address,
         "icon": "location-o",
         "label": express.address,
-        "class": bem$1w("search-item"),
+        "class": bem$1t("search-item"),
         "border": false,
         "onClick": () => onSelect(express)
       }, {
@@ -4219,7 +4876,7 @@ var stdin_default$1J = vue.defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$1w(),
+          "class": bem$1t(),
           "rows": props2.rows,
           "type": "textarea",
           "rules": props2.rules,
@@ -4236,7 +4893,7 @@ var stdin_default$1J = vue.defineComponent({
     };
   }
 });
-const [name$1z, bem$1v, t$h] = createNamespace("address-edit");
+const [name$1w, bem$1s, t$h] = createNamespace("address-edit");
 const DEFAULT_DATA = {
   name: "",
   tel: "",
@@ -4283,8 +4940,8 @@ const addressEditProps = {
     default: isPostal
   }
 };
-var stdin_default$1I = vue.defineComponent({
-  name: name$1z,
+var stdin_default$1F = vue.defineComponent({
+  name: name$1w,
   props: addressEditProps,
   emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
   setup(props2, {
@@ -4410,7 +5067,7 @@ var stdin_default$1I = vue.defineComponent({
         return vue.withDirectives(vue.createVNode(Cell, {
           "center": true,
           "title": t$h("defaultAddress"),
-          "class": bem$1v("default")
+          "class": bem$1s("default")
         }, slots2), [[vue.vShow, !hideBottomFields.value]]);
       }
     };
@@ -4432,13 +5089,13 @@ var stdin_default$1I = vue.defineComponent({
         disableArea
       } = props2;
       return vue.createVNode(Form, {
-        "class": bem$1v(),
+        "class": bem$1s(),
         "onSubmit": onSave
       }, {
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$1v("fields")
+            "class": bem$1s("fields")
           }, [vue.createVNode(Field, {
             "modelValue": data.name,
             "onUpdate:modelValue": ($event) => data.name = $event,
@@ -4469,7 +5126,7 @@ var stdin_default$1I = vue.defineComponent({
               emit("click-area");
               showAreaPopup.value = !disableArea;
             }
-          }, null), [[vue.vShow, props2.showArea]]), vue.createVNode(stdin_default$1J, {
+          }, null), [[vue.vShow, props2.showArea]]), vue.createVNode(stdin_default$1G, {
             "show": props2.showDetail,
             "rows": props2.detailRows,
             "rules": rules.value.addressDetail,
@@ -4480,153 +5137,64 @@ var stdin_default$1I = vue.defineComponent({
             "showSearchResult": props2.showSearchResult,
             "onBlur": onDetailBlur,
             "onFocus": () => onFocus("addressDetail"),
-            "onInput": onChangeDetail,
-            "onSelect-search": (event) => emit("select-search", event)
-          }, null), props2.showPostal && vue.withDirectives(vue.createVNode(Field, {
-            "modelValue": data.postalCode,
-            "onUpdate:modelValue": ($event) => data.postalCode = $event,
-            "type": "tel",
-            "rules": rules.value.postalCode,
-            "label": t$h("postal"),
-            "maxlength": "6",
-            "placeholder": t$h("postal"),
-            "onFocus": () => onFocus("postalCode")
-          }, null), [[vue.vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
-            "class": bem$1v("buttons")
-          }, [vue.createVNode(Button, {
-            "block": true,
-            "round": true,
-            "type": "primary",
-            "text": props2.saveButtonText || t$h("save"),
-            "class": bem$1v("button"),
-            "loading": props2.isSaving,
-            "nativeType": "submit"
-          }, null), props2.showDelete && vue.createVNode(Button, {
-            "block": true,
-            "round": true,
-            "class": bem$1v("button"),
-            "loading": props2.isDeleting,
-            "text": props2.deleteButtonText || t$h("delete"),
-            "onClick": onDelete
-          }, null)]), [[vue.vShow, !hideBottomFields.value]]), vue.createVNode(Popup, {
-            "show": showAreaPopup.value,
-            "onUpdate:show": ($event) => showAreaPopup.value = $event,
-            "round": true,
-            "teleport": "body",
-            "position": "bottom",
-            "lazyRender": false
-          }, {
-            default: () => [vue.createVNode(Area, {
-              "ref": areaRef,
-              "value": data.areaCode,
-              "loading": !areaListLoaded.value,
-              "areaList": props2.areaList,
-              "columnsPlaceholder": props2.areaColumnsPlaceholder,
-              "onConfirm": onAreaConfirm,
-              "onCancel": () => {
-                showAreaPopup.value = false;
-              }
-            }, null)]
-          })];
-        }
-      });
-    };
-  }
-});
-const AddressEdit = withInstall(stdin_default$1I);
-const RadioGroup = withInstall(stdin_default$1Q);
-const [name$1y, bem$1u] = createNamespace("tag");
-const tagProps = {
-  size: makeStringProp("medium"),
-  mark: Boolean,
-  show: truthProp,
-  type: makeStringProp("gray"),
-  color: String,
-  plain: Boolean,
-  round: Boolean,
-  textColor: String,
-  closeable: Boolean,
-  rightIcon: String,
-  number: [String, Number],
-  showNumber: Boolean,
-  numberColor: String
-};
-var stdin_default$1H = vue.defineComponent({
-  name: name$1y,
-  props: tagProps,
-  emits: ["close"],
-  setup(props2, {
-    slots,
-    emit
-  }) {
-    const onClose = (event) => {
-      event.stopPropagation();
-      emit("close", event);
-    };
-    const getStyle = () => {
-      if (props2.plain) {
-        return {
-          color: props2.textColor || props2.color,
-          borderColor: props2.color
-        };
-      }
-      return {
-        color: props2.textColor,
-        background: props2.color
-      };
-    };
-    const renderTag = () => {
-      var _a;
-      const {
-        type,
-        mark,
-        plain,
-        round,
-        size,
-        closeable,
-        rightIcon,
-        number,
-        showNumber,
-        numberColor
-      } = props2;
-      const classes = {
-        mark,
-        plain,
-        round
-      };
-      if (size) {
-        classes[size] = size;
-      }
-      const CloseIcon = closeable && vue.createVNode(Icon, {
-        "name": "cross",
-        "class": [bem$1u("close"), HAPTICS_FEEDBACK],
-        "onClick": onClose
-      }, null);
-      const RightIcon = rightIcon && vue.createVNode(Icon, {
-        "name": rightIcon,
-        "class": bem$1u("right-icon")
-      }, null);
-      return vue.createVNode("span", {
-        "style": getStyle(),
-        "class": bem$1u([classes, type])
-      }, [showNumber && number !== void 0 && vue.createVNode("span", {
-        "class": bem$1u("number"),
-        "style": {
-          color: numberColor
+            "onInput": onChangeDetail,
+            "onSelect-search": (event) => emit("select-search", event)
+          }, null), props2.showPostal && vue.withDirectives(vue.createVNode(Field, {
+            "modelValue": data.postalCode,
+            "onUpdate:modelValue": ($event) => data.postalCode = $event,
+            "type": "tel",
+            "rules": rules.value.postalCode,
+            "label": t$h("postal"),
+            "maxlength": "6",
+            "placeholder": t$h("postal"),
+            "onFocus": () => onFocus("postalCode")
+          }, null), [[vue.vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
+            "class": bem$1s("buttons")
+          }, [vue.createVNode(Button, {
+            "block": true,
+            "round": true,
+            "type": "primary",
+            "text": props2.saveButtonText || t$h("save"),
+            "class": bem$1s("button"),
+            "loading": props2.isSaving,
+            "nativeType": "submit"
+          }, null), props2.showDelete && vue.createVNode(Button, {
+            "block": true,
+            "round": true,
+            "class": bem$1s("button"),
+            "loading": props2.isDeleting,
+            "text": props2.deleteButtonText || t$h("delete"),
+            "onClick": onDelete
+          }, null)]), [[vue.vShow, !hideBottomFields.value]]), vue.createVNode(Popup, {
+            "show": showAreaPopup.value,
+            "onUpdate:show": ($event) => showAreaPopup.value = $event,
+            "round": true,
+            "teleport": "body",
+            "position": "bottom",
+            "lazyRender": false
+          }, {
+            default: () => [vue.createVNode(Area, {
+              "ref": areaRef,
+              "value": data.areaCode,
+              "loading": !areaListLoaded.value,
+              "areaList": props2.areaList,
+              "columnsPlaceholder": props2.areaColumnsPlaceholder,
+              "onConfirm": onAreaConfirm,
+              "onCancel": () => {
+                showAreaPopup.value = false;
+              }
+            }, null)]
+          })];
         }
-      }, [number]), (_a = slots.default) == null ? void 0 : _a.call(slots), RightIcon, CloseIcon]);
+      });
     };
-    return () => vue.createVNode(vue.Transition, {
-      "name": props2.closeable ? "van-fade" : void 0
-    }, {
-      default: () => [props2.show ? renderTag() : null]
-    });
   }
 });
-const Tag = withInstall(stdin_default$1H);
-const [name$1x, bem$1t] = createNamespace("address-item");
-var stdin_default$1G = vue.defineComponent({
-  name: name$1x,
+const AddressEdit = withInstall(stdin_default$1F);
+const RadioGroup = withInstall(stdin_default$1O);
+const [name$1v, bem$1r] = createNamespace("address-item");
+var stdin_default$1E = vue.defineComponent({
+  name: name$1v,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
@@ -4646,7 +5214,7 @@ var stdin_default$1G = vue.defineComponent({
     };
     const renderRightIcon = () => vue.createVNode(Icon, {
       "name": "edit",
-      "class": bem$1t("edit"),
+      "class": bem$1r("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -4661,7 +5229,7 @@ var stdin_default$1G = vue.defineComponent({
         return vue.createVNode(Tag, {
           "type": "danger",
           "round": true,
-          "class": bem$1t("tag")
+          "class": bem$1r("tag")
         }, {
           default: () => [props2.defaultTagText]
         });
@@ -4674,9 +5242,9 @@ var stdin_default$1G = vue.defineComponent({
         switchable
       } = props2;
       const Info = [vue.createVNode("div", {
-        "class": bem$1t("name")
+        "class": bem$1r("name")
       }, [`${address.name} ${address.tel}`, renderTag()]), vue.createVNode("div", {
-        "class": bem$1t("address")
+        "class": bem$1r("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return vue.createVNode(Radio, {
@@ -4694,13 +5262,13 @@ var stdin_default$1G = vue.defineComponent({
         disabled
       } = props2;
       return vue.createVNode("div", {
-        "class": bem$1t({
+        "class": bem$1r({
           disabled
         }),
         "onClick": onClick
       }, [vue.createVNode(Cell, {
         "border": false,
-        "valueClass": bem$1t("value")
+        "valueClass": bem$1r("value")
       }, {
         value: renderContent,
         "right-icon": renderRightIcon
@@ -4710,7 +5278,7 @@ var stdin_default$1G = vue.defineComponent({
     };
   }
 });
-const [name$1w, bem$1s, t$g] = createNamespace("address-list");
+const [name$1u, bem$1q, t$g] = createNamespace("address-list");
 const addressListProps = {
   list: makeArrayProp(),
   modelValue: numericProp,
@@ -4720,8 +5288,8 @@ const addressListProps = {
   addButtonText: String,
   defaultTagText: String
 };
-var stdin_default$1F = vue.defineComponent({
-  name: name$1w,
+var stdin_default$1D = vue.defineComponent({
+  name: name$1u,
   props: addressListProps,
   emits: ["add", "edit", "select", "click-item", "edit-disabled", "select-disabled", "update:modelValue"],
   setup(props2, {
@@ -4737,7 +5305,7 @@ var stdin_default$1F = vue.defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return vue.createVNode(stdin_default$1G, {
+      return vue.createVNode(stdin_default$1E, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
@@ -4757,13 +5325,13 @@ var stdin_default$1F = vue.defineComponent({
       }
     };
     const renderBottom = () => vue.createVNode("div", {
-      "class": [bem$1s("bottom"), "van-safe-area-bottom"]
+      "class": [bem$1q("bottom"), "van-safe-area-bottom"]
     }, [vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "primary",
       "text": props2.addButtonText || t$g("add"),
-      "class": bem$1s("add"),
+      "class": bem$1q("add"),
       "onClick": () => emit("add")
     }, null)]);
     return () => {
@@ -4771,10 +5339,10 @@ var stdin_default$1F = vue.defineComponent({
       const List2 = renderList(props2.list);
       const DisabledList = renderList(props2.disabledList, true);
       const DisabledText = props2.disabledText && vue.createVNode("div", {
-        "class": bem$1s("disabled-text")
+        "class": bem$1q("disabled-text")
       }, [props2.disabledText]);
       return vue.createVNode("div", {
-        "class": bem$1s()
+        "class": bem$1q()
       }, [(_a = slots.top) == null ? void 0 : _a.call(slots), vue.createVNode(RadioGroup, {
         "modelValue": props2.modelValue
       }, {
@@ -4783,13 +5351,13 @@ var stdin_default$1F = vue.defineComponent({
     };
   }
 });
-const AddressList = withInstall(stdin_default$1F);
-const [name$1v, bem$1r] = createNamespace("background");
+const AddressList = withInstall(stdin_default$1D);
+const [name$1t, bem$1p] = createNamespace("background");
 const backgroundProps = {
   theme: makeStringProp("default")
 };
-var stdin_default$1E = vue.defineComponent({
-  name: name$1v,
+var stdin_default$1C = vue.defineComponent({
+  name: name$1t,
   props: backgroundProps,
   setup(props2, {
     slots
@@ -4797,13 +5365,13 @@ var stdin_default$1E = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1r([props2.theme])
+        "class": bem$1p([props2.theme])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const Background = withInstall(stdin_default$1E);
-const [name$1u, bem$1q] = createNamespace("blue-mark");
+const Background = withInstall(stdin_default$1C);
+const [name$1s, bem$1o] = createNamespace("blue-mark");
 const blueMarkProps = {
   size: {
     type: String,
@@ -4817,8 +5385,8 @@ const blueMarkProps = {
   gap: numericProp,
   isLink: Boolean
 };
-var stdin_default$1D = vue.defineComponent({
-  name: name$1u,
+var stdin_default$1B = vue.defineComponent({
+  name: name$1s,
   props: blueMarkProps,
   emits: ["click"],
   setup(props2, {
@@ -4836,30 +5404,30 @@ var stdin_default$1D = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("span", {
-        "class": [name$1u, props2.size === "normal" ? "" : `${name$1u}--${props2.size}`, props2.isLink ? `${name$1u}--link` : ""],
+        "class": [name$1s, props2.size === "normal" ? "" : `${name$1s}--${props2.size}`, props2.isLink ? `${name$1s}--link` : ""],
         "style": style.value,
         "onClick": props2.isLink ? (event) => emit("click", event) : void 0
       }, [vue.createVNode("span", {
-        "class": bem$1q("main")
+        "class": bem$1o("main")
       }, [vue.createVNode("span", {
-        "class": bem$1q("mark")
+        "class": bem$1o("mark")
       }, null), vue.createVNode("span", {
-        "class": bem$1q("content")
+        "class": bem$1o("content")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), props2.isLink && vue.createVNode(stdin_default$22, {
         "name": "arrow",
-        "class": bem$1q("arrow")
+        "class": bem$1o("arrow")
       }, null)]);
     };
   }
 });
-const [name$1t, bem$1p] = createNamespace("divider");
+const [name$1r, bem$1n] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
   contentPosition: makeStringProp("center")
 };
-var stdin_default$1C = vue.defineComponent({
-  name: name$1t,
+var stdin_default$1A = vue.defineComponent({
+  name: name$1r,
   props: dividerProps,
   setup(props2, {
     slots
@@ -4868,7 +5436,7 @@ var stdin_default$1C = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "role": "separator",
-        "class": bem$1p({
+        "class": bem$1n({
           dashed: props2.dashed,
           hairline: props2.hairline,
           [`content-${props2.contentPosition}`]: !!slots.default
@@ -4877,16 +5445,16 @@ var stdin_default$1C = vue.defineComponent({
     };
   }
 });
-const Divider = withInstall(stdin_default$1C);
-const [name$1s, bem$1o] = createNamespace("collapse-toggle");
+const Divider = withInstall(stdin_default$1A);
+const [name$1q, bem$1m] = createNamespace("collapse-toggle");
 const collapseToggleProps = {
   modelValue: Boolean,
   divider: Boolean,
   expandText: makeStringProp("展开"),
   collapseText: makeStringProp("收起")
 };
-var stdin_default$1B = vue.defineComponent({
-  name: name$1s,
+var stdin_default$1z = vue.defineComponent({
+  name: name$1q,
   props: collapseToggleProps,
   emits: ["update:modelValue", "change"],
   setup(props2, {
@@ -4905,7 +5473,7 @@ var stdin_default$1B = vue.defineComponent({
       const text = expanded ? props2.collapseText : props2.expandText;
       return vue.createVNode("button", {
         "type": "button",
-        "class": bem$1o({
+        "class": bem$1m({
           expanded
         }),
         "aria-expanded": expanded,
@@ -4915,20 +5483,20 @@ var stdin_default$1B = vue.defineComponent({
         text
       })) || text]), vue.createVNode(Icon, {
         "name": "arrow-down",
-        "class": bem$1o("icon")
+        "class": bem$1m("icon")
       }, null)]);
     };
     return () => {
       if (props2.divider) {
         return vue.createVNode("div", {
-          "class": bem$1o("divider")
+          "class": bem$1m("divider")
         }, [vue.createVNode(Divider, null, null), renderToggle(), vue.createVNode(Divider, null, null)]);
       }
       return renderToggle();
     };
   }
 });
-const [name$1r, bem$1n] = createNamespace("blue-mark-header");
+const [name$1p, bem$1l] = createNamespace("blue-mark-header");
 const blueMarkHeaderProps = {
   title: numericProp,
   size: {
@@ -4942,8 +5510,8 @@ const blueMarkHeaderProps = {
   expandText: String,
   collapseText: String
 };
-var stdin_default$1A = vue.defineComponent({
-  name: name$1r,
+var stdin_default$1y = vue.defineComponent({
+  name: name$1p,
   props: blueMarkHeaderProps,
   emits: ["click-action", "update:modelValue", "change"],
   setup(props2, {
@@ -4958,226 +5526,56 @@ var stdin_default$1A = vue.defineComponent({
       if (props2.expandable) {
         onChange(!props2.modelValue);
       }
-    };
-    const onHeaderKeydown = (event) => {
-      if (props2.expandable && (event.key === "Enter" || event.key === " ")) {
-        event.preventDefault();
-        onHeaderClick();
-      }
-    };
-    return () => {
-      var _a;
-      return vue.createVNode("div", {
-        "class": bem$1n({
-          expandable: props2.expandable
-        }),
-        "role": props2.expandable ? "button" : void 0,
-        "tabindex": props2.expandable ? 0 : void 0,
-        "aria-expanded": props2.expandable ? props2.modelValue : void 0,
-        "onClick": onHeaderClick,
-        "onKeydown": onHeaderKeydown
-      }, [vue.createVNode("div", {
-        "class": bem$1n("main")
-      }, [vue.createVNode(stdin_default$1D, {
-        "size": props2.size,
-        "class": bem$1n("title")
-      }, {
-        default: () => [slots.title ? slots.title() : slots.default ? slots.default() : props2.title]
-      }), props2.required && vue.createVNode("span", {
-        "class": bem$1n("required")
-      }, [vue.createTextVNode("*")]), slots.action ? vue.createVNode("span", {
-        "class": bem$1n("action"),
-        "onClick": (event) => event.stopPropagation()
-      }, [slots.action()]) : props2.actionText ? vue.createVNode("button", {
-        "type": "button",
-        "class": bem$1n("action"),
-        "onClick": (event) => {
-          event.stopPropagation();
-          emit("click-action");
-        }
-      }, [props2.actionText]) : null]), (_a = slots.extra) == null ? void 0 : _a.call(slots), props2.expandable && vue.createVNode(stdin_default$1B, {
-        "modelValue": props2.modelValue,
-        "expandText": props2.expandText,
-        "collapseText": props2.collapseText,
-        "onUpdate:modelValue": onChange
-      }, null)]);
-    };
-  }
-});
-const BlueMark = withInstall(stdin_default$1D);
-const BlueMarkHeader = withInstall(stdin_default$1A);
-const CollapseToggle = withInstall(stdin_default$1B);
-const [name$1q, bem$1m] = createNamespace("popover");
-const popupProps$2 = ["show", "overlay", "duration", "teleport", "overlayStyle", "overlayClass", "closeOnClickOverlay"];
-const popoverProps = {
-  show: Boolean,
-  theme: makeStringProp("light"),
-  overlay: Boolean,
-  actions: makeArrayProp(),
-  trigger: makeStringProp("click"),
-  duration: numericProp,
-  showArrow: truthProp,
-  placement: makeStringProp("bottom"),
-  iconPrefix: String,
-  overlayClass: unknownProp,
-  overlayStyle: Object,
-  closeOnClickAction: truthProp,
-  closeOnClickOverlay: truthProp,
-  closeOnClickOutside: truthProp,
-  offset: {
-    type: Array,
-    default: () => [0, 8]
-  },
-  teleport: {
-    type: [String, Object],
-    default: "body"
-  }
-};
-var stdin_default$1z = vue.defineComponent({
-  name: name$1q,
-  props: popoverProps,
-  emits: ["select", "touchstart", "update:show"],
-  setup(props2, {
-    emit,
-    slots,
-    attrs
-  }) {
-    let popper;
-    const popupRef = vue.ref();
-    const wrapperRef = vue.ref();
-    const popoverRef = vue.ref();
-    const getPopoverOptions = () => ({
-      placement: props2.placement,
-      modifiers: [{
-        name: "computeStyles",
-        options: {
-          adaptive: false,
-          gpuAcceleration: false
-        }
-      }, extend({}, popperjs.offsetModifier, {
-        options: {
-          offset: props2.offset
-        }
-      })]
-    });
-    const createPopperInstance = () => {
-      if (wrapperRef.value && popoverRef.value) {
-        return popperjs.createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
-      }
-      return null;
-    };
-    const updateLocation = () => {
-      vue.nextTick(() => {
-        if (!props2.show) {
-          return;
-        }
-        if (!popper) {
-          popper = createPopperInstance();
-        } else {
-          popper.setOptions(getPopoverOptions());
-        }
-      });
-    };
-    const updateShow = (value) => emit("update:show", value);
-    const onClickWrapper = () => {
-      if (props2.trigger === "click") {
-        updateShow(!props2.show);
-      }
-    };
-    const onClickAction = (action, index) => {
-      if (action.disabled) {
-        return;
-      }
-      emit("select", action, index);
-      if (props2.closeOnClickAction) {
-        updateShow(false);
-      }
-    };
-    const onClickAway = () => {
-      if (props2.show && props2.closeOnClickOutside && (!props2.overlay || props2.closeOnClickOverlay)) {
-        updateShow(false);
-      }
-    };
-    const renderActionContent = (action, index) => {
-      if (slots.action) {
-        return slots.action({
-          action,
-          index
-        });
-      }
-      return [action.icon && vue.createVNode("div", {
-        "class": bem$1m("action-icon")
-      }, [vue.createVNode(Icon, {
-        "name": action.icon,
-        "classPrefix": props2.iconPrefix
-      }, null)]), vue.createVNode("div", {
-        "class": [bem$1m("action-text"), BORDER_BOTTOM]
-      }, [action.text])];
-    };
-    const renderAction = (action, index) => {
-      const {
-        icon,
-        color,
-        disabled,
-        className
-      } = action;
-      return vue.createVNode("div", {
-        "role": "menuitem",
-        "class": [bem$1m("action", {
-          disabled,
-          "with-icon": icon
-        }), className],
-        "style": {
-          color
-        },
-        "tabindex": disabled ? void 0 : 0,
-        "aria-disabled": disabled || void 0,
-        "onClick": () => onClickAction(action, index)
-      }, [renderActionContent(action, index)]);
-    };
-    vue.onMounted(() => {
-      updateLocation();
-      vue.watchEffect(() => {
-        var _a;
-        popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
-      });
-    });
-    vue.onBeforeUnmount(() => {
-      if (popper) {
-        popper.destroy();
-        popper = null;
-      }
-    });
-    vue.watch(() => [props2.show, props2.offset, props2.placement], updateLocation);
-    use.useClickAway([wrapperRef, popupRef], onClickAway, {
-      eventName: "touchstart"
-    });
+    };
+    const onHeaderKeydown = (event) => {
+      if (props2.expandable && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        onHeaderClick();
+      }
+    };
     return () => {
       var _a;
-      return vue.createVNode(vue.Fragment, null, [vue.createVNode("span", {
-        "ref": wrapperRef,
-        "class": bem$1m("wrapper"),
-        "onClick": onClickWrapper
-      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), vue.createVNode(Popup, vue.mergeProps({
-        "ref": popoverRef,
-        "class": bem$1m([props2.theme]),
-        "position": "",
-        "transition": "van-popover-zoom",
-        "lockScroll": false,
-        "onUpdate:show": updateShow
-      }, attrs, pick(props2, popupProps$2)), {
-        default: () => [props2.showArrow && vue.createVNode("div", {
-          "class": bem$1m("arrow")
-        }, null), vue.createVNode("div", {
-          "role": "menu",
-          "class": bem$1m("content")
-        }, [slots.default ? slots.default() : props2.actions.map(renderAction)])]
-      })]);
+      return vue.createVNode("div", {
+        "class": bem$1l({
+          expandable: props2.expandable
+        }),
+        "role": props2.expandable ? "button" : void 0,
+        "tabindex": props2.expandable ? 0 : void 0,
+        "aria-expanded": props2.expandable ? props2.modelValue : void 0,
+        "onClick": onHeaderClick,
+        "onKeydown": onHeaderKeydown
+      }, [vue.createVNode("div", {
+        "class": bem$1l("main")
+      }, [vue.createVNode(stdin_default$1B, {
+        "size": props2.size,
+        "class": bem$1l("title")
+      }, {
+        default: () => [slots.title ? slots.title() : slots.default ? slots.default() : props2.title]
+      }), props2.required && vue.createVNode("span", {
+        "class": bem$1l("required")
+      }, [vue.createTextVNode("*")]), slots.action ? vue.createVNode("span", {
+        "class": bem$1l("action"),
+        "onClick": (event) => event.stopPropagation()
+      }, [slots.action()]) : props2.actionText ? vue.createVNode("button", {
+        "type": "button",
+        "class": bem$1l("action"),
+        "onClick": (event) => {
+          event.stopPropagation();
+          emit("click-action");
+        }
+      }, [props2.actionText]) : null]), (_a = slots.extra) == null ? void 0 : _a.call(slots), props2.expandable && vue.createVNode(stdin_default$1z, {
+        "modelValue": props2.modelValue,
+        "expandText": props2.expandText,
+        "collapseText": props2.collapseText,
+        "onUpdate:modelValue": onChange
+      }, null)]);
     };
   }
 });
-const Popover = withInstall(stdin_default$1z);
-const [name$1p, bem$1l] = createNamespace("bottom-action-bar");
+const BlueMark = withInstall(stdin_default$1B);
+const BlueMarkHeader = withInstall(stdin_default$1y);
+const CollapseToggle = withInstall(stdin_default$1z);
+const [name$1o, bem$1k] = createNamespace("bottom-action-bar");
 const bottomActionBarProps = {
   confirmText: makeStringProp("确定"),
   confirmType: makeStringProp("primary"),
@@ -5204,8 +5602,8 @@ const bottomActionBarProps = {
   checkboxActionDisabled: Boolean,
   checkboxActionText: makeStringProp("保存为我的默认筛选")
 };
-var stdin_default$1y = vue.defineComponent({
-  name: name$1p,
+var stdin_default$1x = vue.defineComponent({
+  name: name$1o,
   props: bottomActionBarProps,
   emits: ["confirm", "secondary", "icon", "more", "select-more-popover", "update:checkboxActionChecked", "checkbox-action-change"],
   setup(props2, {
@@ -5214,18 +5612,18 @@ var stdin_default$1y = vue.defineComponent({
   }) {
     const root = vue.ref();
     const morePopoverShow = vue.ref(false);
-    const renderPlaceholder = usePlaceholder(root, bem$1l);
+    const renderPlaceholder = usePlaceholder(root, bem$1k);
     const renderIconAction = () => {
       if (slots.icon) {
         return vue.createVNode("div", {
-          "class": bem$1l("icon-action")
+          "class": bem$1k("icon-action")
         }, [slots.icon()]);
       }
       if (!props2.icon) {
         return;
       }
       return vue.createVNode(Button, {
-        "class": bem$1l("icon-button"),
+        "class": bem$1k("icon-button"),
         "icon": props2.icon,
         "iconPrefix": props2.iconPrefix,
         "disabled": props2.iconDisabled,
@@ -5241,7 +5639,7 @@ var stdin_default$1y = vue.defineComponent({
     };
     const renderMoreButton = (popoverEnabled = false) => vue.createVNode("button", {
       "type": "button",
-      "class": bem$1l("more-action"),
+      "class": bem$1k("more-action"),
       "disabled": props2.moreDisabled,
       "onClick": popoverEnabled ? void 0 : () => emit("more")
     }, [vue.createVNode(Badge, {
@@ -5251,30 +5649,30 @@ var stdin_default$1y = vue.defineComponent({
     }, {
       default: () => [vue.createVNode(Icon, {
         "name": props2.moreIcon || "more-o",
-        "class": bem$1l("more-icon"),
+        "class": bem$1k("more-icon"),
         "classPrefix": props2.iconPrefix
       }, null)]
     }), vue.createVNode("span", {
-      "class": bem$1l("more-text")
+      "class": bem$1k("more-text")
     }, [props2.moreText])]);
     const renderMorePopoverAction = (action, index) => vue.createVNode("button", {
       "type": "button",
-      "class": bem$1l("more-popover-action", {
+      "class": bem$1k("more-popover-action", {
         disabled: action.disabled
       }),
       "disabled": action.disabled,
       "onClick": () => onSelectMorePopover(action, index)
     }, [action.icon && vue.createVNode(Icon, {
       "name": action.icon,
-      "class": bem$1l("more-popover-icon"),
+      "class": bem$1k("more-popover-icon"),
       "classPrefix": props2.iconPrefix
     }, null), vue.createVNode("span", {
-      "class": bem$1l("more-popover-text")
+      "class": bem$1k("more-popover-text")
     }, [action.text])]);
     const renderMoreAction = () => {
       if (slots.more) {
         return vue.createVNode("div", {
-          "class": bem$1l("more-action")
+          "class": bem$1k("more-action")
         }, [slots.more()]);
       }
       if (!props2.moreText) {
@@ -5285,7 +5683,7 @@ var stdin_default$1y = vue.defineComponent({
       }
       return vue.createVNode(Popover, {
         "show": morePopoverShow.value,
-        "class": bem$1l("more-popover"),
+        "class": bem$1k("more-popover"),
         "placement": "top-start",
         "showArrow": false,
         "offset": [-5, 8],
@@ -5305,7 +5703,7 @@ var stdin_default$1y = vue.defineComponent({
         return;
       }
       return vue.createVNode(Button, {
-        "class": bem$1l("secondary"),
+        "class": bem$1k("secondary"),
         "type": props2.secondaryType,
         "text": props2.secondaryText,
         "loading": props2.secondaryLoading,
@@ -5318,7 +5716,7 @@ var stdin_default$1y = vue.defineComponent({
         return slots.confirm();
       }
       return vue.createVNode(Button, {
-        "class": bem$1l("confirm"),
+        "class": bem$1k("confirm"),
         "type": props2.confirmType,
         "text": props2.confirmText,
         "loading": props2.confirmLoading,
@@ -5331,9 +5729,9 @@ var stdin_default$1y = vue.defineComponent({
         return;
       }
       return vue.createVNode("div", {
-        "class": bem$1l("checkbox-action")
+        "class": bem$1k("checkbox-action")
       }, [vue.createVNode("div", {
-        "class": bem$1l("checkbox-action-content")
+        "class": bem$1k("checkbox-action-content")
       }, [vue.createVNode(Checkbox, {
         "modelValue": props2.checkboxActionChecked,
         "disabled": props2.checkboxActionDisabled,
@@ -5348,19 +5746,19 @@ var stdin_default$1y = vue.defineComponent({
     };
     const renderBar = () => vue.createVNode("div", {
       "ref": root,
-      "class": [bem$1l({
+      "class": [bem$1k({
         fixed: props2.fixed
       }), {
         "van-safe-area-bottom": props2.safeAreaInsetBottom
       }]
     }, [renderCheckboxAction(), vue.createVNode("div", {
-      "class": bem$1l("actions")
+      "class": bem$1k("actions")
     }, [renderIconAction(), renderMoreAction(), renderSecondaryButton(), renderConfirmButton()])]);
     return () => props2.placeholder && props2.fixed ? renderPlaceholder(renderBar) : renderBar();
   }
 });
-const BottomActionBar = withInstall(stdin_default$1y);
-const [name$1o, bem$1k, t$f] = createNamespace("calendar");
+const BottomActionBar = withInstall(stdin_default$1x);
+const [name$1n, bem$1j, t$f] = createNamespace("calendar");
 const formatMonthTitle = (date) => t$f("monthTitle", date.getFullYear(), date.getMonth() + 1);
 function compareMonth(date1, date2) {
   const year1 = date1.getFullYear();
@@ -5469,9 +5867,9 @@ const proxyPickerMethods = (picker, callback) => {
     }
   });
 };
-const [name$1n] = createNamespace("calendar-day");
-var stdin_default$1x = vue.defineComponent({
-  name: name$1n,
+const [name$1m] = createNamespace("calendar-day");
+var stdin_default$1w = vue.defineComponent({
+  name: name$1m,
   props: {
     item: makeRequiredProp(Object),
     color: String,
@@ -5533,7 +5931,7 @@ var stdin_default$1x = vue.defineComponent({
       } = props2.item;
       if (topInfo || slots["top-info"]) {
         return vue.createVNode("div", {
-          "class": bem$1k("top-info")
+          "class": bem$1j("top-info")
         }, [slots["top-info"] ? slots["top-info"](props2.item) : topInfo]);
       }
     };
@@ -5543,7 +5941,7 @@ var stdin_default$1x = vue.defineComponent({
       } = props2.item;
       if (bottomInfo || slots["bottom-info"]) {
         return vue.createVNode("div", {
-          "class": bem$1k("bottom-info")
+          "class": bem$1j("bottom-info")
         }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
       }
     };
@@ -5560,7 +5958,7 @@ var stdin_default$1x = vue.defineComponent({
       const Nodes = [renderTopInfo(), text, renderBottomInfo()];
       if (type === "selected") {
         return vue.createVNode("div", {
-          "class": bem$1k("selected-day"),
+          "class": bem$1j("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -5577,21 +5975,21 @@ var stdin_default$1x = vue.defineComponent({
       } = props2.item;
       if (type === "placeholder") {
         return vue.createVNode("div", {
-          "class": bem$1k("day"),
+          "class": bem$1j("day"),
           "style": style.value
         }, null);
       }
       return vue.createVNode("div", {
         "role": "gridcell",
         "style": style.value,
-        "class": [bem$1k("day", type), className],
+        "class": [bem$1j("day", type), className],
         "tabindex": type === "disabled" ? void 0 : -1,
         "onClick": onClick
       }, [renderContent()]);
     };
   }
 });
-const [name$1m] = createNamespace("calendar-month");
+const [name$1l] = createNamespace("calendar-month");
 const calendarMonthProps = {
   date: makeRequiredProp(Date),
   type: String,
@@ -5608,8 +6006,8 @@ const calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-var stdin_default$1w = vue.defineComponent({
-  name: name$1m,
+var stdin_default$1v = vue.defineComponent({
+  name: name$1l,
   props: calendarMonthProps,
   emits: ["click", "update-height"],
   setup(props2, {
@@ -5714,14 +6112,14 @@ var stdin_default$1w = vue.defineComponent({
     const renderTitle = () => {
       if (props2.showMonthTitle) {
         return vue.createVNode("div", {
-          "class": bem$1k("month-title")
+          "class": bem$1j("month-title")
         }, [title.value]);
       }
     };
     const renderMark = () => {
       if (props2.showMark && shouldRender.value) {
         return vue.createVNode("div", {
-          "class": bem$1k("month-mark")
+          "class": bem$1j("month-mark")
         }, [props2.date.getMonth() + 1]);
       }
     };
@@ -5761,7 +6159,7 @@ var stdin_default$1w = vue.defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - use.useRect(body).top);
       }
     };
-    const renderDay = (item, index) => vue.createVNode(stdin_default$1x, {
+    const renderDay = (item, index) => vue.createVNode(stdin_default$1w, {
       "item": item,
       "index": index,
       "color": props2.color,
@@ -5772,7 +6170,7 @@ var stdin_default$1w = vue.defineComponent({
     const renderDays = () => vue.createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem$1k("days")
+      "class": bem$1j("days")
     }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
@@ -5782,14 +6180,14 @@ var stdin_default$1w = vue.defineComponent({
       disabledDays
     });
     return () => vue.createVNode("div", {
-      "class": bem$1k("month"),
+      "class": bem$1j("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
 });
-const [name$1l] = createNamespace("calendar-header");
-var stdin_default$1v = vue.defineComponent({
-  name: name$1l,
+const [name$1k] = createNamespace("calendar-header");
+var stdin_default$1u = vue.defineComponent({
+  name: name$1k,
   props: {
     title: String,
     subtitle: String,
@@ -5807,7 +6205,7 @@ var stdin_default$1v = vue.defineComponent({
         const text = props2.title || t$f("title");
         const title = slots.title ? slots.title() : text;
         return vue.createVNode("div", {
-          "class": bem$1k("header-title")
+          "class": bem$1j("header-title")
         }, [title]);
       }
     };
@@ -5816,7 +6214,7 @@ var stdin_default$1v = vue.defineComponent({
       if (props2.showSubtitle) {
         const title = slots.subtitle ? slots.subtitle() : props2.subtitle;
         return vue.createVNode("div", {
-          "class": bem$1k("header-subtitle"),
+          "class": bem$1j("header-subtitle"),
           "onClick": onClickSubtitle
         }, [title]);
       }
@@ -5828,13 +6226,13 @@ var stdin_default$1v = vue.defineComponent({
       const weekdays = t$f("weekdays");
       const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
       return vue.createVNode("div", {
-        "class": bem$1k("weekdays")
+        "class": bem$1j("weekdays")
       }, [renderWeekDays2.map((text) => vue.createVNode("span", {
-        "class": bem$1k("weekday")
+        "class": bem$1j("weekday")
       }, [text]))]);
     };
     return () => vue.createVNode("div", {
-      "class": bem$1k("header")
+      "class": bem$1j("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
 });
@@ -5885,8 +6283,8 @@ const calendarProps = {
     validator: (val) => val >= 0 && val <= 6
   }
 };
-var stdin_default$1u = vue.defineComponent({
-  name: name$1o,
+var stdin_default$1t = vue.defineComponent({
+  name: name$1n,
   props: calendarProps,
   emits: ["select", "confirm", "unselect", "month-show", "over-range", "update:show", "click-subtitle"],
   setup(props2, {
@@ -6143,7 +6541,7 @@ var stdin_default$1u = vue.defineComponent({
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props2.showSubtitle;
-      return vue.createVNode(stdin_default$1w, vue.mergeProps({
+      return vue.createVNode(stdin_default$1v, vue.mergeProps({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -6166,7 +6564,7 @@ var stdin_default$1u = vue.defineComponent({
           "block": true,
           "type": "primary",
           "color": props2.color,
-          "class": bem$1k("confirm"),
+          "class": bem$1j("confirm"),
           "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
@@ -6178,13 +6576,13 @@ var stdin_default$1u = vue.defineComponent({
       }
     };
     const renderFooter = () => vue.createVNode("div", {
-      "class": [bem$1k("footer"), {
+      "class": [bem$1j("footer"), {
         "van-safe-area-bottom": props2.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
     const renderCalendar = () => vue.createVNode("div", {
-      "class": bem$1k()
-    }, [vue.createVNode(stdin_default$1v, {
+      "class": bem$1j()
+    }, [vue.createVNode(stdin_default$1u, {
       "title": props2.title,
       "subtitle": subtitle.value,
       "showTitle": props2.showTitle,
@@ -6193,7 +6591,7 @@ var stdin_default$1u = vue.defineComponent({
       "onClick-subtitle": (event) => emit("click-subtitle", event)
     }, pick(slots, ["title", "subtitle"])), vue.createVNode("div", {
       "ref": bodyRef,
-      "class": bem$1k("body"),
+      "class": bem$1j("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), renderFooter()]);
     vue.watch(() => props2.show, init);
@@ -6212,7 +6610,7 @@ var stdin_default$1u = vue.defineComponent({
       if (props2.poppable) {
         return vue.createVNode(Popup, {
           "show": props2.show,
-          "class": bem$1k("popup"),
+          "class": bem$1j("popup"),
           "round": props2.round,
           "position": props2.position,
           "closeable": props2.showTitle || props2.showSubtitle,
@@ -6229,8 +6627,8 @@ var stdin_default$1u = vue.defineComponent({
     };
   }
 });
-const Calendar = withInstall(stdin_default$1u);
-const [name$1k, bem$1j] = createNamespace("image");
+const Calendar = withInstall(stdin_default$1t);
+const [name$1j, bem$1i] = createNamespace("image");
 const imageProps = {
   src: String,
   alt: String,
@@ -6249,8 +6647,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo")
 };
-var stdin_default$1t = vue.defineComponent({
-  name: name$1k,
+var stdin_default$1s = vue.defineComponent({
+  name: name$1j,
   props: imageProps,
   emits: ["load", "error"],
   setup(props2, {
@@ -6301,13 +6699,13 @@ var stdin_default$1t = vue.defineComponent({
     const renderPlaceholder = () => {
       if (loading.value && props2.showLoading) {
         return vue.createVNode("div", {
-          "class": bem$1j("loading")
-        }, [renderIcon(props2.loadingIcon, bem$1j("loading-icon"), slots.loading)]);
+          "class": bem$1i("loading")
+        }, [renderIcon(props2.loadingIcon, bem$1i("loading-icon"), slots.loading)]);
       }
       if (error.value && props2.showError) {
         return vue.createVNode("div", {
-          "class": bem$1j("error")
-        }, [renderIcon(props2.errorIcon, bem$1j("error-icon"), slots.error)]);
+          "class": bem$1i("error")
+        }, [renderIcon(props2.errorIcon, bem$1i("error-icon"), slots.error)]);
       }
     };
     const renderImage = () => {
@@ -6316,7 +6714,7 @@ var stdin_default$1t = vue.defineComponent({
       }
       const attrs = {
         alt: props2.alt,
-        class: bem$1j("img"),
+        class: bem$1i("img"),
         style: {
           objectFit: props2.fit,
           objectPosition: props2.position
@@ -6365,7 +6763,7 @@ var stdin_default$1t = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1j({
+        "class": bem$1i({
           round: props2.round,
           block: props2.block
         }),
@@ -6374,8 +6772,8 @@ var stdin_default$1t = vue.defineComponent({
     };
   }
 });
-const Image$1 = withInstall(stdin_default$1t);
-const [name$1j, bem$1i] = createNamespace("card");
+const Image$1 = withInstall(stdin_default$1s);
+const [name$1i, bem$1h] = createNamespace("card");
 const cardProps = {
   tag: String,
   num: numericProp,
@@ -6389,8 +6787,8 @@ const cardProps = {
   thumbLink: String,
   originPrice: numericProp
 };
-var stdin_default$1s = vue.defineComponent({
-  name: name$1j,
+var stdin_default$1r = vue.defineComponent({
+  name: name$1i,
   props: cardProps,
   emits: ["click-thumb"],
   setup(props2, {
@@ -6403,14 +6801,14 @@ var stdin_default$1s = vue.defineComponent({
       }
       if (props2.title) {
         return vue.createVNode("div", {
-          "class": [bem$1i("title"), "van-multi-ellipsis--l2"]
+          "class": [bem$1h("title"), "van-multi-ellipsis--l2"]
         }, [props2.title]);
       }
     };
     const renderThumbTag = () => {
       if (slots.tag || props2.tag) {
         return vue.createVNode("div", {
-          "class": bem$1i("tag")
+          "class": bem$1h("tag")
         }, [slots.tag ? slots.tag() : vue.createVNode(Tag, {
           "mark": true,
           "type": "danger"
@@ -6435,7 +6833,7 @@ var stdin_default$1s = vue.defineComponent({
       if (slots.thumb || props2.thumb) {
         return vue.createVNode("a", {
           "href": props2.thumbLink,
-          "class": bem$1i("thumb"),
+          "class": bem$1h("thumb"),
           "onClick": (event) => emit("click-thumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
@@ -6446,18 +6844,18 @@ var stdin_default$1s = vue.defineComponent({
       }
       if (props2.desc) {
         return vue.createVNode("div", {
-          "class": [bem$1i("desc"), "van-ellipsis"]
+          "class": [bem$1h("desc"), "van-ellipsis"]
         }, [props2.desc]);
       }
     };
     const renderPriceText = () => {
       const priceArr = props2.price.toString().split(".");
       return vue.createVNode("div", null, [vue.createVNode("span", {
-        "class": bem$1i("price-currency")
+        "class": bem$1h("price-currency")
       }, [props2.currency]), vue.createVNode("span", {
-        "class": bem$1i("price-integer")
+        "class": bem$1h("price-integer")
       }, [priceArr[0]]), vue.createTextVNode("."), vue.createVNode("span", {
-        "class": bem$1i("price-decimal")
+        "class": bem$1h("price-decimal")
       }, [priceArr[1]])]);
     };
     return () => {
@@ -6467,33 +6865,33 @@ var stdin_default$1s = vue.defineComponent({
       const showOriginPrice = slots["origin-price"] || isDef(props2.originPrice);
       const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
       const Price = showPrice && vue.createVNode("div", {
-        "class": bem$1i("price")
+        "class": bem$1h("price")
       }, [slots.price ? slots.price() : renderPriceText()]);
       const OriginPrice = showOriginPrice && vue.createVNode("div", {
-        "class": bem$1i("origin-price")
+        "class": bem$1h("origin-price")
       }, [slots["origin-price"] ? slots["origin-price"]() : `${props2.currency} ${props2.originPrice}`]);
       const Num = showNum && vue.createVNode("div", {
-        "class": bem$1i("num")
+        "class": bem$1h("num")
       }, [slots.num ? slots.num() : `x${props2.num}`]);
       const Footer = slots.footer && vue.createVNode("div", {
-        "class": bem$1i("footer")
+        "class": bem$1h("footer")
       }, [slots.footer()]);
       const Bottom = showBottom && vue.createVNode("div", {
-        "class": bem$1i("bottom")
+        "class": bem$1h("bottom")
       }, [(_a = slots["price-top"]) == null ? void 0 : _a.call(slots), Price, OriginPrice, Num, (_b = slots.bottom) == null ? void 0 : _b.call(slots)]);
       return vue.createVNode("div", {
-        "class": bem$1i()
+        "class": bem$1h()
       }, [vue.createVNode("div", {
-        "class": bem$1i("header")
+        "class": bem$1h("header")
       }, [renderThumb(), vue.createVNode("div", {
-        "class": bem$1i("content", {
+        "class": bem$1h("content", {
           centered: props2.centered
         })
       }, [vue.createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
     };
   }
 });
-const Card = withInstall(stdin_default$1s);
+const Card = withInstall(stdin_default$1r);
 function scrollLeftTo(scroller, to, duration) {
   let count = 0;
   const from = scroller.scrollLeft;
@@ -6549,7 +6947,7 @@ function useVisibilityChange(target, onChange) {
   vue.onBeforeUnmount(unobserve);
   use.onMountedOrActivated(observe);
 }
-const [name$1i, bem$1h] = createNamespace("sticky");
+const [name$1h, bem$1g] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -6557,8 +6955,8 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1r = vue.defineComponent({
-  name: name$1i,
+var stdin_default$1q = vue.defineComponent({
+  name: name$1h,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props2, {
@@ -6655,7 +7053,7 @@ var stdin_default$1r = vue.defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [vue.createVNode("div", {
-        "class": bem$1h({
+        "class": bem$1g({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -6663,10 +7061,10 @@ var stdin_default$1r = vue.defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1r);
-const [name$1h, bem$1g] = createNamespace("tab");
-var stdin_default$1q = vue.defineComponent({
-  name: name$1h,
+const Sticky = withInstall(stdin_default$1q);
+const [name$1g, bem$1f] = createNamespace("tab");
+var stdin_default$1p = vue.defineComponent({
+  name: name$1g,
   props: {
     id: String,
     dot: Boolean,
@@ -6716,19 +7114,19 @@ var stdin_default$1q = vue.defineComponent({
     });
     const renderText = () => {
       const Text2 = vue.createVNode("span", {
-        "class": bem$1g("text", {
+        "class": bem$1f("text", {
           ellipsis: !props2.scrollable
         })
       }, [slots.title ? slots.title() : props2.title]);
       const Content = vue.createVNode("span", {
-        "class": bem$1g("title")
+        "class": bem$1f("title")
       }, [props2.icon && vue.createVNode(Icon, {
         "name": props2.icon,
-        "class": bem$1g("icon")
+        "class": bem$1f("icon")
       }, null), Text2]);
       if (props2.dot || isDef(props2.badge) && props2.badge !== "") {
         return vue.createVNode(Badge, {
-          "class": bem$1g("badge"),
+          "class": bem$1f("badge"),
           "dot": props2.dot,
           "content": props2.badge,
           "showZero": props2.showZeroBadge
@@ -6741,7 +7139,7 @@ var stdin_default$1q = vue.defineComponent({
     return () => vue.createVNode("div", {
       "id": props2.id,
       "role": "tab",
-      "class": [bem$1g([props2.type, {
+      "class": [bem$1f([props2.type, {
         grow: props2.scrollable && !props2.shrink,
         shrink: props2.shrink,
         active: props2.isActive,
@@ -6755,7 +7153,7 @@ var stdin_default$1q = vue.defineComponent({
     }, [renderText()]);
   }
 });
-const [name$1g, bem$1f] = createNamespace("swipe");
+const [name$1f, bem$1e] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -6770,9 +7168,9 @@ const swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-const SWIPE_KEY = Symbol(name$1g);
-var stdin_default$1p = vue.defineComponent({
-  name: name$1g,
+const SWIPE_KEY = Symbol(name$1f);
+var stdin_default$1o = vue.defineComponent({
+  name: name$1f,
   props: swipeProps,
   emits: ["change"],
   setup(props2, {
@@ -7034,7 +7432,7 @@ var stdin_default$1p = vue.defineComponent({
       } : void 0;
       return vue.createVNode("i", {
         "style": style,
-        "class": bem$1f("indicator", {
+        "class": bem$1e("indicator", {
           active
         })
       }, null);
@@ -7048,7 +7446,7 @@ var stdin_default$1p = vue.defineComponent({
       }
       if (props2.showIndicators && count.value > 1) {
         return vue.createVNode("div", {
-          "class": bem$1f("indicators", {
+          "class": bem$1e("indicators", {
             vertical: props2.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -7090,11 +7488,11 @@ var stdin_default$1p = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$1f()
+        "class": bem$1e()
       }, [vue.createVNode("div", {
         "ref": track,
         "style": trackStyle.value,
-        "class": bem$1f("track", {
+        "class": bem$1e("track", {
           vertical: props2.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -7104,10 +7502,10 @@ var stdin_default$1p = vue.defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1p);
-const [name$1f, bem$1e] = createNamespace("tabs");
-var stdin_default$1o = vue.defineComponent({
-  name: name$1f,
+const Swipe = withInstall(stdin_default$1o);
+const [name$1e, bem$1d] = createNamespace("tabs");
+var stdin_default$1n = vue.defineComponent({
+  name: name$1e,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -7131,7 +7529,7 @@ var stdin_default$1o = vue.defineComponent({
         return vue.createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$1e("track"),
+          "class": bem$1d("track"),
           "duration": +props2.duration * 1e3,
           "touchable": props2.swipeable,
           "lazyRender": props2.lazyRender,
@@ -7159,7 +7557,7 @@ var stdin_default$1o = vue.defineComponent({
       swipeRef
     });
     return () => vue.createVNode("div", {
-      "class": bem$1e("content", {
+      "class": bem$1d("content", {
         animated: props2.animated || props2.swipeable
       })
     }, [renderChildren()]);
@@ -7184,7 +7582,7 @@ var __spreadValues$1 = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const [name$1e, bem$1d] = createNamespace("tabs");
+const [name$1d, bem$1c] = createNamespace("tabs");
 const tabsProps = {
   type: makeStringProp("line"),
   color: String,
@@ -7211,9 +7609,9 @@ const tabsProps = {
   moreTitle: String,
   moreOptions: makeArrayProp()
 };
-const TABS_KEY = Symbol(name$1e);
-var stdin_default$1n = vue.defineComponent({
-  name: name$1e,
+const TABS_KEY = Symbol(name$1d);
+var stdin_default$1m = vue.defineComponent({
+  name: name$1d,
   props: tabsProps,
   emits: ["click", "change", "scroll", "disabled", "rendered", "click-tab", "update:active", "click-more", "select-more", "update:showMore"],
   setup(props2, {
@@ -7437,12 +7835,12 @@ var stdin_default$1n = vue.defineComponent({
       }));
       return actions.map((action, index) => __spreadProps(__spreadValues$1({}, action), {
         color: index === state.currentIndex ? "var(--van-primary-color)" : action.color,
-        className: [action.className, bem$1d("more-option", {
+        className: [action.className, bem$1c("more-option", {
           active: index === state.currentIndex
         })]
       }));
     });
-    const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1q, vue.mergeProps({
+    const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$1p, vue.mergeProps({
       "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
@@ -7463,7 +7861,7 @@ var stdin_default$1n = vue.defineComponent({
     const renderLine = () => {
       if (props2.type === "line" && children.length) {
         return vue.createVNode("div", {
-          "class": bem$1d("line"),
+          "class": bem$1c("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -7477,13 +7875,13 @@ var stdin_default$1n = vue.defineComponent({
       } = props2;
       const Header = [vue.createVNode("div", {
         "ref": sticky ? void 0 : wrapRef,
-        "class": [bem$1d("wrap"), {
+        "class": [bem$1c("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [vue.createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$1d("nav", [type, {
+        "class": bem$1c("nav", [type, {
           shrink: props2.shrink,
           complete: scrollable.value,
           more: props2.more
@@ -7493,7 +7891,7 @@ var stdin_default$1n = vue.defineComponent({
       }, [(_a2 = slots["nav-left"]) == null ? void 0 : _a2.call(slots), renderNav(), renderLine(), (_b2 = slots["nav-right"]) == null ? void 0 : _b2.call(slots)]), props2.more && vue.createVNode("button", {
         "ref": moreRef,
         "type": "button",
-        "class": bem$1d("more"),
+        "class": bem$1c("more"),
         "aria-label": "More tabs",
         "onClick": onClickMore
       }, [vue.createVNode(Icon, {
@@ -7567,14 +7965,14 @@ var stdin_default$1n = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$1d([props2.type])
+      "class": bem$1c([props2.type])
     }, [props2.sticky ? vue.createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), vue.createVNode(stdin_default$1o, {
+    }) : renderHeader(), vue.createVNode(stdin_default$1n, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,
@@ -7594,9 +7992,9 @@ var stdin_default$1n = vue.defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => vue.inject(TAB_STATUS_KEY, null);
-const [name$1d, bem$1c] = createNamespace("swipe-item");
-var stdin_default$1m = vue.defineComponent({
-  name: name$1d,
+const [name$1c, bem$1b] = createNamespace("swipe-item");
+var stdin_default$1l = vue.defineComponent({
+  name: name$1c,
   setup(props2, {
     slots
   }) {
@@ -7661,14 +8059,14 @@ var stdin_default$1m = vue.defineComponent({
     return () => {
       var _a;
       return vue.createVNode("div", {
-        "class": bem$1c(),
+        "class": bem$1b(),
         "style": style.value
       }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
     };
   }
 });
-const SwipeItem = withInstall(stdin_default$1m);
-const [name$1c, bem$1b] = createNamespace("tab");
+const SwipeItem = withInstall(stdin_default$1l);
+const [name$1b, bem$1a] = createNamespace("tab");
 const tabProps = extend({}, routeProps, {
   dot: Boolean,
   name: numericProp,
@@ -7680,8 +8078,8 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1l = vue.defineComponent({
-  name: name$1c,
+var stdin_default$1k = vue.defineComponent({
+  name: name$1b,
   props: tabProps,
   setup(props2, {
     slots
@@ -7749,7 +8147,7 @@ var stdin_default$1l = vue.defineComponent({
         return vue.createVNode(SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem$1b("panel-wrapper", {
+          "class": bem$1a("panel-wrapper", {
             inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
@@ -7759,7 +8157,7 @@ var stdin_default$1l = vue.defineComponent({
           default: () => {
             var _a2;
             return [vue.createVNode("div", {
-              "class": bem$1b("panel")
+              "class": bem$1a("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -7772,16 +8170,16 @@ var stdin_default$1l = vue.defineComponent({
       return vue.withDirectives(vue.createVNode("div", {
         "id": id,
         "role": "tabpanel",
-        "class": bem$1b("panel"),
+        "class": bem$1a("panel"),
         "tabindex": show ? 0 : -1,
         "aria-labelledby": label
       }, [Content]), [[vue.vShow, show]]);
     };
   }
 });
-const Tab = withInstall(stdin_default$1l);
-const Tabs = withInstall(stdin_default$1n);
-const [name$1b, bem$1a, t$e] = createNamespace("cascader");
+const Tab = withInstall(stdin_default$1k);
+const Tabs = withInstall(stdin_default$1m);
+const [name$1a, bem$19, t$e] = createNamespace("cascader");
 const cascaderProps = {
   title: String,
   options: makeArrayProp(),
@@ -7794,8 +8192,8 @@ const cascaderProps = {
   placeholder: String,
   activeColor: String
 };
-var stdin_default$1k = vue.defineComponent({
-  name: name$1b,
+var stdin_default$1j = vue.defineComponent({
+  name: name$1a,
   props: cascaderProps,
   emits: ["close", "change", "finish", "click-tab", "update:modelValue"],
   setup(props2, {
@@ -7903,12 +8301,12 @@ var stdin_default$1k = vue.defineComponent({
       title
     }) => emit("click-tab", name2, title);
     const renderHeader = () => props2.showHeader ? vue.createVNode("div", {
-      "class": bem$1a("header")
+      "class": bem$19("header")
     }, [vue.createVNode("h2", {
-      "class": bem$1a("title")
+      "class": bem$19("title")
     }, [slots.title ? slots.title() : props2.title]), props2.closeable ? vue.createVNode(Icon, {
       "name": props2.closeIcon,
-      "class": [bem$1a("close-icon"), HAPTICS_FEEDBACK],
+      "class": [bem$19("close-icon"), HAPTICS_FEEDBACK],
       "onClick": onClose
     }, null) : null]) : null;
     const renderOption = (option, selectedOption, tabIndex) => {
@@ -7923,7 +8321,7 @@ var stdin_default$1k = vue.defineComponent({
       }) : vue.createVNode("span", null, [option[textKey]]);
       return vue.createVNode("li", {
         "role": "menuitemradio",
-        "class": [bem$1a("option", {
+        "class": [bem$19("option", {
           selected,
           disabled
         }), option.className],
@@ -7936,12 +8334,12 @@ var stdin_default$1k = vue.defineComponent({
         "onClick": () => onSelect(option, tabIndex)
       }, [Text2, selected ? vue.createVNode(Icon, {
         "name": "success",
-        "class": bem$1a("selected-icon")
+        "class": bem$19("selected-icon")
       }, null) : null]);
     };
     const renderOptions = (options, selectedOption, tabIndex) => vue.createVNode("ul", {
       "role": "menu",
-      "class": bem$1a("options")
+      "class": bem$19("options")
     }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
     const renderTab = (tab, tabIndex) => {
       const {
@@ -7952,7 +8350,7 @@ var stdin_default$1k = vue.defineComponent({
       const title = selected ? selected[textKey] : placeholder;
       return vue.createVNode(Tab, {
         "title": title,
-        "titleClass": bem$1a("tab", {
+        "titleClass": bem$19("tab", {
           unselected: !selected
         })
       }, {
@@ -7971,7 +8369,7 @@ var stdin_default$1k = vue.defineComponent({
       "onUpdate:active": ($event) => activeTab.value = $event,
       "shrink": true,
       "animated": true,
-      "class": bem$1a("tabs"),
+      "class": bem$19("tabs"),
       "color": props2.activeColor,
       "swipeable": props2.swipeable,
       "onClick-tab": onClickTab
@@ -7995,20 +8393,20 @@ var stdin_default$1k = vue.defineComponent({
       updateTabs();
     });
     return () => vue.createVNode("div", {
-      "class": bem$1a()
+      "class": bem$19()
     }, [renderHeader(), renderTabs()]);
   }
 });
-const Cascader = withInstall(stdin_default$1k);
-const [name$1a, bem$19] = createNamespace("cell-group");
+const Cascader = withInstall(stdin_default$1j);
+const [name$19, bem$18] = createNamespace("cell-group");
 const cellGroupProps = {
   title: String,
   inset: Boolean,
   grayCard: Boolean,
   border: truthProp
 };
-var stdin_default$1j = vue.defineComponent({
-  name: name$1a,
+var stdin_default$1i = vue.defineComponent({
+  name: name$19,
   inheritAttrs: false,
   props: cellGroupProps,
   setup(props2, {
@@ -8018,7 +8416,7 @@ var stdin_default$1j = vue.defineComponent({
     const renderGroup = () => {
       var _a;
       return vue.createVNode("div", vue.mergeProps({
-        "class": [bem$19({
+        "class": [bem$18({
           inset: props2.inset,
           "gray-card": props2.grayCard
         }), {
@@ -8027,7 +8425,7 @@ var stdin_default$1j = vue.defineComponent({
       }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => vue.createVNode("div", {
-      "class": bem$19("title", {
+      "class": bem$18("title", {
         inset: props2.inset
       })
     }, [slots.title ? slots.title() : props2.title]);
@@ -8039,158 +8437,8 @@ var stdin_default$1j = vue.defineComponent({
     };
   }
 });
-const CellGroup = withInstall(stdin_default$1j);
-const CheckboxGroup = withInstall(stdin_default$1T);
-const [name$19, bem$18] = createNamespace("nav-bar");
-const navBarProps = {
-  title: String,
-  fixed: Boolean,
-  zIndex: numericProp,
-  border: truthProp,
-  leftText: String,
-  rightText: String,
-  subtitle: String,
-  leftArrow: Boolean,
-  rightPopoverActions: makeArrayProp(),
-  rightPopoverIcon: makeStringProp("plus"),
-  titleDropdown: Boolean,
-  titleDropdownActive: Boolean,
-  placeholder: Boolean,
-  safeAreaInsetTop: Boolean
-};
-var stdin_default$1i = vue.defineComponent({
-  name: name$19,
-  props: navBarProps,
-  emits: ["click-left", "click-right", "click-title", "select-right-popover", "update:titleDropdownActive"],
-  setup(props2, {
-    emit,
-    slots
-  }) {
-    const navBarRef = vue.ref();
-    const rightPopoverShow = vue.ref(false);
-    const renderPlaceholder = usePlaceholder(navBarRef, bem$18);
-    const onClickLeft = (event) => emit("click-left", event);
-    const onClickRight = (event) => emit("click-right", event);
-    const onUpdateRightPopoverShow = (show) => {
-      rightPopoverShow.value = show;
-    };
-    const onSelectRightPopover = (action, index) => {
-      emit("select-right-popover", action, index);
-    };
-    const onClickTitle = (event) => {
-      if (!props2.titleDropdown) {
-        return;
-      }
-      emit("update:titleDropdownActive", !props2.titleDropdownActive);
-      emit("click-title", event);
-    };
-    const renderLeft = () => {
-      if (slots.left) {
-        return slots.left();
-      }
-      return [props2.leftArrow && vue.createVNode(Icon, {
-        "class": bem$18("arrow"),
-        "name": "arrow-left"
-      }, null), props2.leftText && vue.createVNode("span", {
-        "class": bem$18("text")
-      }, [props2.leftText])];
-    };
-    const renderRight = () => {
-      if (slots.right) {
-        return slots.right();
-      }
-      if (props2.rightPopoverActions.length) {
-        return vue.createVNode(Popover, {
-          "show": rightPopoverShow.value,
-          "actions": props2.rightPopoverActions,
-          "placement": "bottom-end",
-          "closeOnClickAction": true,
-          "onUpdate:show": onUpdateRightPopoverShow,
-          "onSelect": onSelectRightPopover
-        }, {
-          reference: () => vue.createVNode(Icon, {
-            "name": props2.rightPopoverIcon,
-            "class": bem$18("right-popover-icon")
-          }, null)
-        });
-      }
-      return vue.createVNode("span", {
-        "class": bem$18("text")
-      }, [props2.rightText]);
-    };
-    const renderNavBar = () => {
-      const {
-        title,
-        fixed,
-        border,
-        zIndex,
-        subtitle,
-        titleDropdown
-      } = props2;
-      const style = getZIndexStyle(zIndex);
-      const hasLeft = props2.leftArrow || props2.leftText || slots.left;
-      const hasRight = props2.rightText || props2.rightPopoverActions.length || slots.right;
-      const hasRightPopover = props2.rightPopoverActions.length > 0 && !slots.right;
-      return vue.createVNode("div", {
-        "ref": navBarRef,
-        "style": style,
-        "class": [bem$18({
-          fixed
-        }), {
-          [BORDER_BOTTOM]: border,
-          "van-safe-area-top": props2.safeAreaInsetTop
-        }]
-      }, [vue.createVNode("div", {
-        "class": bem$18("content")
-      }, [hasLeft && vue.createVNode("div", {
-        "class": [bem$18("left", {
-          slot: !!slots.left
-        }), {
-          [HAPTICS_FEEDBACK]: !slots.left
-        }],
-        "onClick": slots.left ? void 0 : onClickLeft
-      }, [renderLeft()]), vue.createVNode("div", {
-        "class": [bem$18("title", {
-          dropdown: titleDropdown
-        }), {
-          [HAPTICS_FEEDBACK]: titleDropdown
-        }],
-        "role": titleDropdown ? "button" : void 0,
-        "tabindex": titleDropdown ? 0 : void 0,
-        "onClick": onClickTitle,
-        "onKeydown": (event) => {
-          if (titleDropdown && (event.key === "Enter" || event.key === " ")) {
-            event.preventDefault();
-            onClickTitle(event);
-          }
-        }
-      }, [vue.createVNode("div", {
-        "class": [bem$18("title-content"), "van-ellipsis"]
-      }, [slots.title ? slots.title() : title, titleDropdown && vue.createVNode(Icon, {
-        "name": "trangle-down",
-        "class": bem$18("title-arrow", {
-          active: props2.titleDropdownActive
-        })
-      }, null)]), subtitle && vue.createVNode("div", {
-        "class": [bem$18("subtitle"), "van-ellipsis"]
-      }, [subtitle])]), hasRight && vue.createVNode("div", {
-        "class": [bem$18("right", {
-          slot: !!slots.right
-        }), {
-          [HAPTICS_FEEDBACK]: !slots.right && !hasRightPopover
-        }],
-        "onClick": slots.right || hasRightPopover ? void 0 : onClickRight
-      }, [renderRight()])])]);
-    };
-    return () => {
-      if (props2.fixed && props2.placeholder) {
-        return renderPlaceholder(renderNavBar);
-      }
-      return renderNavBar();
-    };
-  }
-});
-const NavBar = withInstall(stdin_default$1i);
+const CellGroup = withInstall(stdin_default$1i);
+const CheckboxGroup = withInstall(stdin_default$1R);
 const [name$18, bem$17] = createNamespace("checkbox-panel");
 const checkboxPanelProps = {
   show: Boolean,
@@ -13292,6 +13540,7 @@ var stdin_default$E = vue.defineComponent({
       type: Number,
       required: true
     },
+    max: makeNumericProp(Infinity),
     keyword: {
       type: String,
       default: ""
@@ -13325,7 +13574,8 @@ var stdin_default$E = vue.defineComponent({
     const confirmInputValue = () => {
       const value = Number(inputValue.value);
       if (!Number.isNaN(value)) {
-        emit("update:modelValue", Math.max(0, value));
+        const max = Number(props2.max);
+        emit("update:modelValue", Math.min(Number.isNaN(max) ? Infinity : max, Math.max(0, value)));
       }
     };
     const clearDetailLongPress = () => {
@@ -13399,6 +13649,7 @@ var stdin_default$E = vue.defineComponent({
         "class": bem$x("stepper"),
         "modelValue": props2.modelValue,
         "min": 0,
+        "max": props2.max,
         "theme": "round",
         "buttonSize": 18,
         "disableInput": true,
@@ -20660,7 +20911,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.38";
+const version = "0.0.39";
 function install(app) {
   const components = [
     ActionBar,