persagy-vant 0.0.38 → 0.0.39

package/lib/vant.es.js

@@ -1,5 +1,5 @@
 import { unref, ref, reactive, inject, watch, onMounted, nextTick, createVNode, defineComponent, getCurrentInstance, computed, provide, watchEffect, mergeProps, onDeactivated, onBeforeUnmount, Transition, withDirectives, vShow, onActivated, Teleport, Fragment, createTextVNode, createApp, onUnmounted, onBeforeUpdate, resolveDirective, withKeys, onUpdated, TransitionGroup, h } from "vue";
-import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, useCustomFieldValue, CUSTOM_FIELD_INJECTION_KEY, useClickAway, useToggle, raf, useScrollParent, usePageVisibility, doubleRaf, cancelRaf, useCountDown, inBrowser as inBrowser$1 } from "@vant/use";
+import { useWindowSize, useRect, useChildren, useParent, onMountedOrActivated, getScrollParent, useEventListener, useClickAway, useCustomFieldValue, CUSTOM_FIELD_INJECTION_KEY, useToggle, raf, useScrollParent, usePageVisibility, doubleRaf, cancelRaf, useCountDown, inBrowser as inBrowser$1 } from "@vant/use";
 import { offsetModifier, createPopper } from "@vant/popperjs";
 import Plyr from "plyr";
 const isDef = (val) => val !== void 0 && val !== null;
@@ -785,6 +785,7 @@ const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
   text: String,
   icon: String,
+  rightIcon: String,
   iconSize: numericProp,
   type: makeStringProp("default"),
   size: makeStringProp("normal"),
@@ -841,6 +842,25 @@ var stdin_default$20 = defineComponent({
         }, null);
       }
     };
+    const renderRightIcon = () => {
+      var _a;
+      if (props2.loading) {
+        return;
+      }
+      if (slots["right-icon"]) {
+        return createVNode("div", {
+          "class": bem$1O("right-icon")
+        }, [slots["right-icon"]()]);
+      }
+      if (props2.rightIcon) {
+        return 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) {
@@ -917,7 +937,7 @@ var stdin_default$20 = defineComponent({
       }, {
         default: () => [createVNode("div", {
           "class": bem$1O("content")
-        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
+        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon(), renderRightIcon()])]
       });
     };
   }
@@ -1433,170 +1453,500 @@ var stdin_default$1Y = 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 = 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 = ref();
+    const wrapperRef = ref();
+    const popoverRef = ref();
+    const getPopoverOptions = () => ({
+      placement: props2.placement,
+      modifiers: [{
+        name: "computeStyles",
+        options: {
+          adaptive: false,
+          gpuAcceleration: false
+        }
+      }, extend({}, offsetModifier, {
+        options: {
+          offset: props2.offset
+        }
+      })]
+    });
+    const createPopperInstance = () => {
+      if (wrapperRef.value && popoverRef.value) {
+        return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
+      }
+      return null;
     };
-    const renderHeader = () => {
-      if (props2.title) {
-        return createVNode("div", {
-          "class": bem$1J("header")
-        }, [props2.title, props2.closeable && createVNode(Icon, {
-          "name": props2.closeIcon,
-          "class": [bem$1J("close"), HAPTICS_FEEDBACK],
-          "onClick": onCancel
-        }, null)]);
+    const updateLocation = () => {
+      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 [createVNode("div", {
-          "class": bem$1J("gap")
-        }, null), 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 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 [createVNode("span", {
-        "class": bem$1J("name")
-      }, [action.name]), action.subname && createVNode("div", {
-        "class": bem$1J("subname")
-      }, [action.subname])];
+      return [action.icon && createVNode("div", {
+        "class": bem$1J("action-icon")
+      }, [createVNode(Icon, {
+        "name": action.icon,
+        "classPrefix": props2.iconPrefix
+      }, null)]), 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);
-        }
-        nextTick(() => emit("select", action, index));
-      };
-      return createVNode("button", {
-        "type": "button",
+      return 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 createVNode("div", {
-          "class": bem$1J("description")
-        }, [content]);
-      }
-    };
-    return () => createVNode(Popup, mergeProps({
-      "class": bem$1J(),
-      "position": "bottom",
-      "onUpdate:show": updateShow
-    }, pick(props2, popupInheritKeys$2)), {
-      default: () => {
+    onMounted(() => {
+      updateLocation();
+      watchEffect(() => {
         var _a;
-        return [renderHeader(), renderDescription(), 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;
+      });
+    });
+    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]);
+    watch(() => [props2.show, props2.offset, props2.placement], updateLocation);
+    useClickAway([wrapperRef, popupRef], onClickAway, {
+      eventName: "touchstart"
     });
-    return to;
+    return () => {
+      var _a;
+      return createVNode(Fragment, null, [createVNode("span", {
+        "ref": wrapperRef,
+        "class": bem$1J("wrapper"),
+        "onClick": onClickWrapper
+      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), createVNode(Popup, 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 && createVNode("div", {
+          "class": bem$1J("arrow")
+        }, null), 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 = 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 = defineComponent({
+  name: name$1M,
+  props: navBarProps,
+  emits: ["click-left", "click-right", "click-title", "select-right-popover", "update:titleDropdownActive"],
+  setup(props2, {
+    emit,
+    slots
+  }) {
+    const navBarRef = ref();
+    const rightPopoverShow = 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 && createVNode(Icon, {
+        "class": bem$1I("arrow"),
+        "name": "arrow-left"
+      }, null), props2.leftText && createVNode("span", {
+        "class": bem$1I("text")
+      }, [props2.leftText])];
+    };
+    const renderRight = () => {
+      if (slots.right) {
+        return slots.right();
+      }
+      if (props2.rightPopoverActions.length) {
+        return createVNode(Popover, {
+          "show": rightPopoverShow.value,
+          "actions": props2.rightPopoverActions,
+          "placement": "bottom-end",
+          "closeOnClickAction": true,
+          "onUpdate:show": onUpdateRightPopoverShow,
+          "onSelect": onSelectRightPopover
+        }, {
+          reference: () => createVNode(Icon, {
+            "name": props2.rightPopoverIcon,
+            "class": bem$1I("right-popover-icon")
+          }, null)
+        });
+      }
+      return 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 createVNode("div", {
+        "ref": navBarRef,
+        "style": style,
+        "class": [bem$1I({
+          fixed
+        }), {
+          [BORDER_BOTTOM]: border,
+          "van-safe-area-top": props2.safeAreaInsetTop
+        }]
+      }, [createVNode("div", {
+        "class": bem$1I("content")
+      }, [hasLeft && createVNode("div", {
+        "class": [bem$1I("left", {
+          slot: !!slots.left
+        }), {
+          [HAPTICS_FEEDBACK]: !slots.left
+        }],
+        "onClick": slots.left ? void 0 : onClickLeft
+      }, [renderLeft()]), 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);
+          }
+        }
+      }, [createVNode("div", {
+        "class": [bem$1I("title-content"), "van-ellipsis"]
+      }, [slots.title ? slots.title() : title, titleDropdown && createVNode(Icon, {
+        "name": "trangle-down",
+        "class": bem$1I("title-arrow", {
+          active: props2.titleDropdownActive
+        })
+      }, null)]), subtitle && createVNode("div", {
+        "class": [bem$1I("subtitle"), "van-ellipsis"]
+      }, [subtitle])]), hasRight && 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 = 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 createVNode(NavBar, {
+          "class": bem$1H("header"),
+          "title": props2.title,
+          "border": false
+        }, props2.closeable ? {
+          left: () => createVNode("span", {
+            "class": bem$1H("nav-left")
+          }, [createVNode(Icon, {
+            "name": "cross",
+            "size": 22,
+            "class": HAPTICS_FEEDBACK,
+            "onClick": onCancel
+          }, null)])
+        } : void 0);
+      }
+    };
+    const renderCancel = () => {
+      if (slots.cancel || props2.cancelText) {
+        return [createVNode("div", {
+          "class": bem$1H("gap")
+        }, null), createVNode("button", {
+          "type": "button",
+          "class": bem$1H("cancel"),
+          "onClick": onCancel
+        }, [slots.cancel ? slots.cancel() : props2.cancelText])];
+      }
+    };
+    const renderActionContent = (action, index) => {
+      if (action.loading) {
+        return createVNode(Loading, {
+          "class": bem$1H("loading-icon")
+        }, null);
+      }
+      if (slots.action) {
+        return slots.action({
+          action,
+          index
+        });
+      }
+      return [createVNode("span", {
+        "class": bem$1H("name")
+      }, [action.name]), action.subname && 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);
+        }
+        nextTick(() => emit("select", action, index));
+      };
+      return 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 createVNode("div", {
+          "class": bem$1H("description")
+        }, [content]);
+      }
+    };
+    return () => createVNode(Popup, mergeProps({
+      "class": bem$1H(),
+      "position": "bottom",
+      "onUpdate:show": updateShow
+    }, pick(props2, popupInheritKeys$2)), {
+      default: () => {
+        var _a;
+        return [renderHeader(), renderDescription(), createVNode("div", {
+          "class": bem$1H("content")
+        }, [props2.actions.length > 0 && 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 = 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, {
@@ -1760,7 +2110,7 @@ var stdin_default$1W = defineComponent({
           role: "button",
           style: optionStyle,
           tabindex: disabled ? -1 : 0,
-          class: bem$1I("item", {
+          class: bem$1G("item", {
             disabled,
             selected: index === state.index
           }),
@@ -1803,7 +2153,7 @@ var stdin_default$1W = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": [bem$1I(), props2.className],
+      "class": [bem$1G(), props2.className],
       "onTouchstartPassive": onTouchStart,
       "onTouchend": onTouchEnd,
       "onTouchcancel": onTouchEnd
@@ -1814,12 +2164,12 @@ var stdin_default$1W = 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,
@@ -1842,8 +2192,8 @@ const pickerProps = extend({}, pickerSharedProps, {
   toolbarPosition: makeStringProp("top"),
   columnsFieldNames: Object
 });
-var stdin_default$1V = defineComponent({
-  name: name$1L,
+var stdin_default$1T = defineComponent({
+  name: name$1J,
   props: pickerProps,
   emits: ["confirm", "cancel", "change"],
   setup(props2, {
@@ -2028,7 +2378,7 @@ var stdin_default$1V = defineComponent({
       }
       if (props2.title) {
         return createVNode("div", {
-          "class": [bem$1H("title"), "van-ellipsis"]
+          "class": [bem$1F("title"), "van-ellipsis"]
         }, [props2.title]);
       }
     };
@@ -2036,7 +2386,7 @@ var stdin_default$1V = defineComponent({
       const text = props2.cancelButtonText || t$j("cancel");
       return createVNode("button", {
         "type": "button",
-        "class": [bem$1H("cancel"), HAPTICS_FEEDBACK],
+        "class": [bem$1F("cancel"), HAPTICS_FEEDBACK],
         "onClick": cancel
       }, [slots.cancel ? slots.cancel() : text]);
     };
@@ -2044,7 +2394,7 @@ var stdin_default$1V = defineComponent({
       const text = props2.confirmButtonText || t$j("confirm");
       return createVNode("button", {
         "type": "button",
-        "class": [bem$1H("confirm"), HAPTICS_FEEDBACK],
+        "class": [bem$1F("confirm"), HAPTICS_FEEDBACK],
         "onClick": confirm
       }, [slots.confirm ? slots.confirm() : text]);
     };
@@ -2052,13 +2402,13 @@ var stdin_default$1V = defineComponent({
       if (props2.showToolbar) {
         const slot = slots.toolbar || slots.default;
         return 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 createVNode(stdin_default$1W, {
+      return createVNode(stdin_default$1U, {
         "textKey": columnsFieldNames.value.text,
         "readonly": props2.readonly,
         "allowHtml": props2.allowHtml,
@@ -2083,10 +2433,10 @@ var stdin_default$1V = defineComponent({
           backgroundSize: `100% ${(wrapHeight - itemHeight.value) / 2}px`
         };
         return [createVNode("div", {
-          "class": bem$1H("mask"),
+          "class": bem$1F("mask"),
           "style": maskStyle
         }, null), createVNode("div", {
-          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1H("frame")],
+          "class": [BORDER_UNSET_TOP_BOTTOM, bem$1F("frame")],
           "style": frameStyle
         }, null)];
       }
@@ -2098,7 +2448,7 @@ var stdin_default$1V = defineComponent({
       };
       return createVNode("div", {
         "ref": columnsRef,
-        "class": bem$1H("columns"),
+        "class": bem$1F("columns"),
         "style": columnsStyle
       }, [renderColumnItems(), renderMask(wrapHeight)]);
     };
@@ -2124,15 +2474,15 @@ var stdin_default$1V = defineComponent({
     return () => {
       var _a, _b;
       return createVNode("div", {
-        "class": bem$1H()
+        "class": bem$1F()
       }, [props2.toolbarPosition === "top" ? renderToolbar() : null, props2.loading ? 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"];
@@ -2150,8 +2500,8 @@ const areaProps = extend({}, pickerSharedProps, {
     default: isOverseaCode
   }
 });
-var stdin_default$1U = defineComponent({
-  name: name$1K,
+var stdin_default$1S = defineComponent({
+  name: name$1I,
   props: areaProps,
   emits: ["change", "confirm", "cancel"],
   setup(props2, {
@@ -2351,7 +2701,7 @@ var stdin_default$1U = defineComponent({
       const columns = state.columns.slice(0, +props2.columnsNum);
       return createVNode(Picker, mergeProps({
         "ref": pickerRef,
-        "class": bem$1G(),
+        "class": bem$1E(),
         "columns": columns,
         "columnsFieldNames": {
           text: "name"
@@ -2363,8 +2713,8 @@ var stdin_default$1U = 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,
@@ -2375,9 +2725,9 @@ const checkboxGroupProps = {
   modelValue: makeArrayProp(),
   checkedColor: String
 };
-const CHECKBOX_GROUP_KEY = Symbol(name$1J);
-var stdin_default$1T = defineComponent({
-  name: name$1J,
+const CHECKBOX_GROUP_KEY = Symbol(name$1H);
+var stdin_default$1R = defineComponent({
+  name: name$1H,
   props: checkboxGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -2423,7 +2773,7 @@ var stdin_default$1T = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$1F([props2.direction])
+        "class": bem$1D([props2.direction])
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
@@ -2441,7 +2791,7 @@ const checkerProps = {
   labelDisabled: Boolean,
   allowUncheck: Boolean
 };
-var stdin_default$1S = defineComponent({
+var stdin_default$1Q = defineComponent({
   props: extend({}, checkerProps, {
     bem: makeRequiredProp(Function),
     role: String,
@@ -2547,12 +2897,12 @@ var stdin_default$1S = 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 = defineComponent({
-  name: name$1I,
+var stdin_default$1P = defineComponent({
+  name: name$1G,
   props: checkboxProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -2609,8 +2959,8 @@ var stdin_default$1R = defineComponent({
       checked
     });
     useCustomFieldValue(() => props2.modelValue);
-    return () => createVNode(stdin_default$1S, mergeProps({
-      "bem": bem$1E,
+    return () => createVNode(stdin_default$1Q, mergeProps({
+      "bem": bem$1C,
       "role": "checkbox",
       "parent": parent,
       "checked": checked.value,
@@ -2618,8 +2968,8 @@ var stdin_default$1R = 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,
@@ -2630,9 +2980,9 @@ const radioGroupProps = {
   checkedColor: String,
   allowUncheck: Boolean
 };
-const RADIO_KEY = Symbol(name$1H);
-var stdin_default$1Q = defineComponent({
-  name: name$1H,
+const RADIO_KEY = Symbol(name$1F);
+var stdin_default$1O = defineComponent({
+  name: name$1F,
   props: radioGroupProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -2652,15 +3002,15 @@ var stdin_default$1Q = defineComponent({
     return () => {
       var _a;
       return 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 = defineComponent({
-  name: name$1G,
+const [name$1E, bem$1A] = createNamespace("radio");
+var stdin_default$1N = defineComponent({
+  name: name$1E,
   props: checkerProps,
   emits: ["update:modelValue"],
   setup(props2, {
@@ -2689,8 +3039,8 @@ var stdin_default$1P = defineComponent({
         emit("update:modelValue", val);
       }
     };
-    return () => createVNode(stdin_default$1S, mergeProps({
-      "bem": bem$1C,
+    return () => createVNode(stdin_default$1Q, mergeProps({
+      "bem": bem$1A,
       "role": "radio",
       "parent": parent,
       "checked": checked(),
@@ -2700,42 +3050,201 @@ var stdin_default$1P = 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 = 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 && createVNode(Icon, {
+        "name": "cross",
+        "class": [bem$1z("close"), HAPTICS_FEEDBACK],
+        "onClick": onClose
+      }, null);
+      const RightIcon = rightIcon && createVNode(Icon, {
+        "name": rightIcon,
+        "class": bem$1z("right-icon")
+      }, null);
+      return createVNode("span", {
+        "style": getStyle(),
+        "class": bem$1z([classes, type])
+      }, [showNumber && number !== void 0 && createVNode("span", {
+        "class": bem$1z("number"),
+        "style": {
+          color: numberColor
+        }
+      }, [number]), (_a = slots.default) == null ? void 0 : _a.call(slots), RightIcon, CloseIcon]);
+    };
+    return () => createVNode(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,
@@ -2754,10 +3263,10 @@ const cellSharedProps = {
   }
 };
 const cellProps = extend({}, cellSharedProps, routeProps);
-var stdin_default$1O = defineComponent({
-  name: name$1F,
+var stdin_default$1L = 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
@@ -2768,6 +3277,8 @@ var stdin_default$1O = defineComponent({
     const vm = getCurrentInstance().proxy;
     const leftSelectState = ref((_a = props2.leftSelect) != null ? _a : false);
     const rightSelectState = ref((_b = props2.rightSelect) != null ? _b : false);
+    const multiLineNotesCollapsed = ref(props2.defaultMultiLineNotesCollapsed);
+    const isVisible = (show, hasContent) => show != null ? show : hasContent;
     watch(() => props2.leftSelect, (value) => {
       if (isDef(value)) {
         leftSelectState.value = value;
@@ -2778,7 +3289,12 @@ var stdin_default$1O = 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") {
@@ -2799,32 +3315,93 @@ var stdin_default$1O = 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 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"] ? createVNode("span", {
+          "class": bem$1y("label-icon")
+        }, [slots["label-icon"]()]) : showLabelIcon ? createVNode(Icon, {
+          "name": props2.labelIcon || "location-o",
+          "class": bem$1y("label-icon"),
+          "classPrefix": props2.iconPrefix
+        }, null) : null, createVNode("span", null, [slots.label ? slots.label() : props2.label])]);
       }
     };
     const renderDescription = () => {
       const showDescription = slots.description || isDef(props2.description);
       if (showDescription) {
         return 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 createVNode("div", {
+          "class": bem$1y("multi-line-notes")
+        }, [slots["multi-line-notes"]()]);
+      }
+      if ((_b2 = props2.multiLineNotes) == null ? void 0 : _b2.length) {
+        return createVNode("div", {
+          "class": bem$1y("multi-line-notes")
+        }, [props2.multiLineNotes.map((note, index) => createVNode("div", {
+          "key": `${note}-${index}`,
+          "class": bem$1y("multi-line-note")
+        }, [note]))]);
+      }
+    };
     const renderTitle = () => {
       if (slots.title || isDef(props2.title)) {
         return createVNode("div", {
-          "class": [bem$1B("title"), props2.titleClass],
+          "class": [bem$1y("title"), props2.titleClass],
           "style": props2.titleStyle
         }, [createVNode("div", {
-          "class": bem$1B("title-row")
-        }, [slots.title ? slots.title() : 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 && createVNode(Icon, {
+          "name": "trangle-down",
+          "class": bem$1y("title-collapse-icon", {
+            collapsed: multiLineNotesCollapsed.value
+          })
+        }, null), slots.title ? slots.title() : createVNode("span", null, [props2.title]), renderTitleTag(), renderTags(), renderTitleIcon()]), renderWrapTags(), renderLabel(), props2.threeLine && renderDescription(), !multiLineNotesCollapsed.value && renderMultiLineNotes()]);
       }
     };
     const renderValue = () => {
@@ -2833,20 +3410,23 @@ var stdin_default$1O = defineComponent({
       if (hasValue) {
         const hasTitle = slots.title || isDef(props2.title);
         return createVNode("div", {
-          "class": [bem$1B("value", {
+          "class": [bem$1y("value", {
             alone: !hasTitle
           }), props2.valueClass]
         }, [slot ? slot() : 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 createVNode(Icon, {
           "name": props2.icon,
-          "class": bem$1B("left-icon"),
+          "class": bem$1y("left-icon"),
           "classPrefix": props2.iconPrefix
         }, null);
       }
@@ -2855,15 +3435,18 @@ var stdin_default$1O = defineComponent({
       var _a2, _b2;
       const slot = slots[`${position}-select`];
       const selected = getSelectState(position);
+      if (!isSelectVisible(position)) {
+        return;
+      }
       if (slot) {
         return 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 createVNode("div", {
-          "class": bem$1B(`${position}-select`),
+          "class": bem$1y(`${position}-select`),
           "onClick": (event) => event.stopPropagation()
         }, [props2.selectType === "radio" ? createVNode(Radio, {
           "modelValue": selected ? "selected" : "",
@@ -2882,63 +3465,125 @@ var stdin_default$1O = 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 createVNode("div", {
-          "class": bem$1B(`${position}-avatar`)
+          "class": bem$1y(`${position}-avatar`)
         }, [slot()]);
       }
       if (avatar) {
         return 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 createVNode("div", {
-          "class": bem$1B("blue-mark")
+          "class": bem$1y("blue-mark")
         }, [slots["blue-mark"]()]);
       }
       if (props2.blueMark) {
         return 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 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 createVNode("div", {
-          "class": bem$1B("tags")
+          "class": bem$1y("tags")
         }, [props2.tags.map((tag, index) => 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 createVNode("div", {
-          "class": bem$1B("title-icon")
-        }, [slots["title-icon"]()]);
+          "class": bem$1y("title-tag")
+        }, [slots["title-tag"]()]);
       }
-      if (props2.titleIcon) {
-        return createVNode(Icon, {
-          "name": props2.titleIcon,
-          "class": bem$1B("title-icon")
-        }, null);
+      if (isDef(props2.titleTag)) {
+        return createVNode("div", {
+          "class": bem$1y("title-tag")
+        }, [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 createVNode("div", {
+          "class": bem$1y("wrap-tags")
+        }, [slots["wrap-tags"]()]);
+      }
+      if ((_b2 = props2.wrapTags) == null ? void 0 : _b2.length) {
+        return createVNode("div", {
+          "class": bem$1y("wrap-tags")
+        }, [props2.wrapTags.map((tag, index) => 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 ? createVNode(Icon, {
+        "name": props2.titleIcon
+      }, null) : void 0;
+      if (!icon)
+        return;
+      if (props2.titleIconClickable) {
+        return 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 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
       });
@@ -2963,6 +3608,9 @@ var stdin_default$1O = defineComponent({
       }, [content]);
     };
     const renderNote = () => {
+      if (!isVisible(props2.showNote, !!slots.note || isDef(props2.note))) {
+        return;
+      }
       if (slots.note) {
         return renderNoteContent(slots.note());
       }
@@ -2971,14 +3619,17 @@ var stdin_default$1O = defineComponent({
       }
     };
     const renderBadge = () => {
+      if (!isVisible(props2.showBadge, !!slots.badge || isDef(props2.badge))) {
+        return;
+      }
       if (slots.badge) {
         return createVNode("div", {
-          "class": bem$1B("badge")
+          "class": bem$1y("badge")
         }, [slots.badge()]);
       }
       if (isDef(props2.badge)) {
         return createVNode("div", {
-          "class": bem$1B("badge")
+          "class": bem$1y("badge")
         }, [createVNode(Badge, {
           "content": props2.badge,
           "showZero": true
@@ -2986,20 +3637,23 @@ var stdin_default$1O = 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 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 createVNode(Icon, {
           "name": name2,
-          "class": bem$1B("right-icon")
+          "class": bem$1y("right-icon")
         }, null);
       }
     };
@@ -3016,7 +3670,7 @@ var stdin_default$1O = 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,
@@ -3036,7 +3690,10 @@ var stdin_default$1O = defineComponent({
         }
       };
       return 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
@@ -3044,8 +3701,8 @@ var stdin_default$1O = 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,
@@ -3064,8 +3721,8 @@ const formProps = {
     default: "onBlur"
   }
 };
-var stdin_default$1N = defineComponent({
-  name: name$1E,
+var stdin_default$1K = defineComponent({
+  name: name$1B,
   props: formProps,
   emits: ["submit", "failed"],
   setup(props2, {
@@ -3189,13 +3846,13 @@ var stdin_default$1N = defineComponent({
     return () => {
       var _a;
       return 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;
@@ -3293,7 +3950,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,
@@ -3346,8 +4003,8 @@ const fieldProps = extend({}, cellSharedProps, fieldSharedProps, {
     default: false
   }
 });
-var stdin_default$1M = defineComponent({
-  name: name$1D,
+var stdin_default$1J = 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, {
@@ -3620,7 +4277,7 @@ var stdin_default$1M = 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
@@ -3662,7 +4319,7 @@ var stdin_default$1M = defineComponent({
       const leftIconSlot = slots["left-icon"];
       if (props2.leftIcon || leftIconSlot) {
         return createVNode("div", {
-          "class": bem$1z("left-icon"),
+          "class": bem$1w("left-icon"),
           "onClick": onClickLeftIcon
         }, [leftIconSlot ? leftIconSlot() : createVNode(Icon, {
           "name": props2.leftIcon,
@@ -3674,7 +4331,7 @@ var stdin_default$1M = defineComponent({
       const rightIconSlot = slots["right-icon"];
       if (props2.rightIcon || rightIconSlot) {
         return createVNode("div", {
-          "class": bem$1z("right-icon"),
+          "class": bem$1w("right-icon"),
           "onClick": onClickRightIcon
         }, [rightIconSlot ? rightIconSlot() : createVNode(Icon, {
           "name": props2.rightIcon,
@@ -3686,9 +4343,9 @@ var stdin_default$1M = defineComponent({
       if (props2.showWordLimit && props2.maxlength) {
         const count = getStringLength(getModelValue());
         return createVNode("div", {
-          "class": bem$1z("word-limit")
+          "class": bem$1w("word-limit")
         }, [createVNode("span", {
-          "class": bem$1z("word-num")
+          "class": bem$1w("word-num")
         }, [count]), createTextVNode("/"), props2.maxlength]);
       }
     };
@@ -3701,7 +4358,7 @@ var stdin_default$1M = defineComponent({
         const slot = slots["error-message"];
         const errorMessageAlign = getProp("errorMessageAlign");
         return createVNode("div", {
-          "class": bem$1z("error-message", errorMessageAlign)
+          "class": bem$1w("error-message", errorMessageAlign)
         }, [slot ? slot({
           message
         }) : message]);
@@ -3720,13 +4377,13 @@ var stdin_default$1M = defineComponent({
       }
     };
     const renderFieldBody = () => [createVNode("div", {
-      "class": bem$1z("body")
+      "class": bem$1w("body")
     }, [renderInput(), showClear.value && createVNode(Icon, {
       "ref": clearIconRef,
       "name": props2.clearIcon,
-      "class": bem$1z("clear")
+      "class": bem$1w("clear")
     }, null), renderRightIcon(), slots.button && createVNode("div", {
-      "class": bem$1z("button")
+      "class": bem$1w("button")
     }, [slots.button()])]), renderWordLimit(), renderMessage()];
     useExpose({
       blur,
@@ -3765,7 +4422,7 @@ var stdin_default$1M = defineComponent({
       return createVNode(Cell, {
         "size": props2.size,
         "icon": props2.leftIcon,
-        "class": bem$1z({
+        "class": bem$1w({
           error: showError.value,
           disabled,
           [`label-${labelAlign}`]: labelAlign,
@@ -3777,8 +4434,8 @@ var stdin_default$1M = 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
@@ -3791,7 +4448,7 @@ var stdin_default$1M = defineComponent({
     };
   }
 });
-const Field = withInstall(stdin_default$1M);
+const Field = withInstall(stdin_default$1J);
 function usePopupState() {
   const state = reactive({
     show: false
@@ -3838,7 +4495,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,
@@ -3860,8 +4517,8 @@ const toastProps = {
   closeOnClick: Boolean,
   closeOnClickOverlay: Boolean
 };
-var stdin_default$1L = defineComponent({
-  name: name$1C,
+var stdin_default$1I = defineComponent({
+  name: name$1z,
   props: toastProps,
   emits: ["update:show"],
   setup(props2, {
@@ -3896,13 +4553,13 @@ var stdin_default$1L = defineComponent({
         return createVNode(Icon, {
           "name": icon || type,
           "size": iconSize,
-          "class": bem$1y("icon"),
+          "class": bem$1v("icon"),
           "classPrefix": iconPrefix
         }, null);
       }
       if (type === "loading") {
         return createVNode(Loading, {
-          "class": bem$1y("loading"),
+          "class": bem$1v("loading"),
           "size": iconSize,
           "type": loadingType
         }, null);
@@ -3916,10 +4573,10 @@ var stdin_default$1L = defineComponent({
       if (isDef(message) && message !== "") {
         return type === "html" ? createVNode("div", {
           "key": 0,
-          "class": bem$1y("text"),
+          "class": bem$1v("text"),
           "innerHTML": String(message)
         }, null) : createVNode("div", {
-          "class": bem$1y("text")
+          "class": bem$1v("text")
         }, [message]);
       }
     };
@@ -3935,7 +4592,7 @@ var stdin_default$1L = defineComponent({
     onMounted(toggleClickable);
     onUnmounted(toggleClickable);
     return () => createVNode(Popup, mergeProps({
-      "class": [bem$1y([props2.position, {
+      "class": [bem$1v([props2.position, {
         [props2.type]: !props2.icon
       }]), props2.className],
       "lockScroll": false,
@@ -4004,7 +4661,7 @@ function createInstance() {
           onClosed,
           "onUpdate:show": toggle
         };
-        return createVNode(stdin_default$1L, mergeProps(state, attrs), null);
+        return createVNode(stdin_default$1I, mergeProps(state, attrs), null);
       };
       watch(message, (val) => {
         state.message = val;
@@ -4076,10 +4733,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,
@@ -4096,8 +4753,8 @@ const switchProps = {
     default: false
   }
 };
-var stdin_default$1K = defineComponent({
-  name: name$1B,
+var stdin_default$1H = defineComponent({
+  name: name$1y,
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props2, {
@@ -4116,7 +4773,7 @@ var stdin_default$1K = defineComponent({
       if (props2.loading) {
         const color = isChecked() ? props2.activeColor : props2.inactiveColor;
         return createVNode(Loading, {
-          "class": bem$1x("loading"),
+          "class": bem$1u("loading"),
           "color": color
         }, null);
       }
@@ -4141,7 +4798,7 @@ var stdin_default$1K = defineComponent({
       };
       return createVNode("div", {
         "role": "switch",
-        "class": bem$1x({
+        "class": bem$1u({
           on: checked,
           loading,
           disabled
@@ -4151,16 +4808,16 @@ var stdin_default$1K = defineComponent({
         "aria-checked": checked,
         "onClick": onClick
       }, [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 = defineComponent({
-  name: name$1A,
+var stdin_default$1G = defineComponent({
+  name: name$1x,
   props: {
     show: Boolean,
     rows: numericProp,
@@ -4183,7 +4840,7 @@ var stdin_default$1J = 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 createVNode("div", {
           "innerHTML": text
         }, null);
@@ -4201,7 +4858,7 @@ var stdin_default$1J = 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)
       }, {
@@ -4217,7 +4874,7 @@ var stdin_default$1J = defineComponent({
           "autosize": true,
           "clearable": true,
           "ref": field,
-          "class": bem$1w(),
+          "class": bem$1t(),
           "rows": props2.rows,
           "type": "textarea",
           "rules": props2.rules,
@@ -4234,7 +4891,7 @@ var stdin_default$1J = 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: "",
@@ -4281,8 +4938,8 @@ const addressEditProps = {
     default: isPostal
   }
 };
-var stdin_default$1I = defineComponent({
-  name: name$1z,
+var stdin_default$1F = defineComponent({
+  name: name$1w,
   props: addressEditProps,
   emits: ["save", "focus", "delete", "click-area", "change-area", "change-detail", "select-search", "change-default"],
   setup(props2, {
@@ -4408,7 +5065,7 @@ var stdin_default$1I = defineComponent({
         return withDirectives(createVNode(Cell, {
           "center": true,
           "title": t$h("defaultAddress"),
-          "class": bem$1v("default")
+          "class": bem$1s("default")
         }, slots2), [[vShow, !hideBottomFields.value]]);
       }
     };
@@ -4430,13 +5087,13 @@ var stdin_default$1I = defineComponent({
         disableArea
       } = props2;
       return createVNode(Form, {
-        "class": bem$1v(),
+        "class": bem$1s(),
         "onSubmit": onSave
       }, {
         default: () => {
           var _a;
           return [createVNode("div", {
-            "class": bem$1v("fields")
+            "class": bem$1s("fields")
           }, [createVNode(Field, {
             "modelValue": data.name,
             "onUpdate:modelValue": ($event) => data.name = $event,
@@ -4467,7 +5124,7 @@ var stdin_default$1I = defineComponent({
               emit("click-area");
               showAreaPopup.value = !disableArea;
             }
-          }, null), [[vShow, props2.showArea]]), createVNode(stdin_default$1J, {
+          }, null), [[vShow, props2.showArea]]), createVNode(stdin_default$1G, {
             "show": props2.showDetail,
             "rows": props2.detailRows,
             "rules": rules.value.addressDetail,
@@ -4478,153 +5135,64 @@ var stdin_default$1I = defineComponent({
             "showSearchResult": props2.showSearchResult,
             "onBlur": onDetailBlur,
             "onFocus": () => onFocus("addressDetail"),
-            "onInput": onChangeDetail,
-            "onSelect-search": (event) => emit("select-search", event)
-          }, null), props2.showPostal && withDirectives(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), [[vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), withDirectives(createVNode("div", {
-            "class": bem$1v("buttons")
-          }, [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 && createVNode(Button, {
-            "block": true,
-            "round": true,
-            "class": bem$1v("button"),
-            "loading": props2.isDeleting,
-            "text": props2.deleteButtonText || t$h("delete"),
-            "onClick": onDelete
-          }, null)]), [[vShow, !hideBottomFields.value]]), createVNode(Popup, {
-            "show": showAreaPopup.value,
-            "onUpdate:show": ($event) => showAreaPopup.value = $event,
-            "round": true,
-            "teleport": "body",
-            "position": "bottom",
-            "lazyRender": false
-          }, {
-            default: () => [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 = 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 && createVNode(Icon, {
-        "name": "cross",
-        "class": [bem$1u("close"), HAPTICS_FEEDBACK],
-        "onClick": onClose
-      }, null);
-      const RightIcon = rightIcon && createVNode(Icon, {
-        "name": rightIcon,
-        "class": bem$1u("right-icon")
-      }, null);
-      return createVNode("span", {
-        "style": getStyle(),
-        "class": bem$1u([classes, type])
-      }, [showNumber && number !== void 0 && createVNode("span", {
-        "class": bem$1u("number"),
-        "style": {
-          color: numberColor
+            "onInput": onChangeDetail,
+            "onSelect-search": (event) => emit("select-search", event)
+          }, null), props2.showPostal && withDirectives(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), [[vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), withDirectives(createVNode("div", {
+            "class": bem$1s("buttons")
+          }, [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 && createVNode(Button, {
+            "block": true,
+            "round": true,
+            "class": bem$1s("button"),
+            "loading": props2.isDeleting,
+            "text": props2.deleteButtonText || t$h("delete"),
+            "onClick": onDelete
+          }, null)]), [[vShow, !hideBottomFields.value]]), createVNode(Popup, {
+            "show": showAreaPopup.value,
+            "onUpdate:show": ($event) => showAreaPopup.value = $event,
+            "round": true,
+            "teleport": "body",
+            "position": "bottom",
+            "lazyRender": false
+          }, {
+            default: () => [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 () => createVNode(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 = 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 = defineComponent({
+  name: name$1v,
   props: {
     address: makeRequiredProp(Object),
     disabled: Boolean,
@@ -4644,7 +5212,7 @@ var stdin_default$1G = defineComponent({
     };
     const renderRightIcon = () => createVNode(Icon, {
       "name": "edit",
-      "class": bem$1t("edit"),
+      "class": bem$1r("edit"),
       "onClick": (event) => {
         event.stopPropagation();
         emit("edit");
@@ -4659,7 +5227,7 @@ var stdin_default$1G = defineComponent({
         return createVNode(Tag, {
           "type": "danger",
           "round": true,
-          "class": bem$1t("tag")
+          "class": bem$1r("tag")
         }, {
           default: () => [props2.defaultTagText]
         });
@@ -4672,9 +5240,9 @@ var stdin_default$1G = defineComponent({
         switchable
       } = props2;
       const Info = [createVNode("div", {
-        "class": bem$1t("name")
+        "class": bem$1r("name")
       }, [`${address.name} ${address.tel}`, renderTag()]), createVNode("div", {
-        "class": bem$1t("address")
+        "class": bem$1r("address")
       }, [address.address])];
       if (switchable && !disabled) {
         return createVNode(Radio, {
@@ -4692,13 +5260,13 @@ var stdin_default$1G = defineComponent({
         disabled
       } = props2;
       return createVNode("div", {
-        "class": bem$1t({
+        "class": bem$1r({
           disabled
         }),
         "onClick": onClick
       }, [createVNode(Cell, {
         "border": false,
-        "valueClass": bem$1t("value")
+        "valueClass": bem$1r("value")
       }, {
         value: renderContent,
         "right-icon": renderRightIcon
@@ -4708,7 +5276,7 @@ var stdin_default$1G = 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,
@@ -4718,8 +5286,8 @@ const addressListProps = {
   addButtonText: String,
   defaultTagText: String
 };
-var stdin_default$1F = defineComponent({
-  name: name$1w,
+var stdin_default$1D = defineComponent({
+  name: name$1u,
   props: addressListProps,
   emits: ["add", "edit", "select", "click-item", "edit-disabled", "select-disabled", "update:modelValue"],
   setup(props2, {
@@ -4735,7 +5303,7 @@ var stdin_default$1F = defineComponent({
           emit("update:modelValue", item.id);
         }
       };
-      return createVNode(stdin_default$1G, {
+      return createVNode(stdin_default$1E, {
         "key": item.id,
         "address": item,
         "disabled": disabled,
@@ -4755,13 +5323,13 @@ var stdin_default$1F = defineComponent({
       }
     };
     const renderBottom = () => createVNode("div", {
-      "class": [bem$1s("bottom"), "van-safe-area-bottom"]
+      "class": [bem$1q("bottom"), "van-safe-area-bottom"]
     }, [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 () => {
@@ -4769,10 +5337,10 @@ var stdin_default$1F = defineComponent({
       const List2 = renderList(props2.list);
       const DisabledList = renderList(props2.disabledList, true);
       const DisabledText = props2.disabledText && createVNode("div", {
-        "class": bem$1s("disabled-text")
+        "class": bem$1q("disabled-text")
       }, [props2.disabledText]);
       return createVNode("div", {
-        "class": bem$1s()
+        "class": bem$1q()
       }, [(_a = slots.top) == null ? void 0 : _a.call(slots), createVNode(RadioGroup, {
         "modelValue": props2.modelValue
       }, {
@@ -4781,13 +5349,13 @@ var stdin_default$1F = 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 = defineComponent({
-  name: name$1v,
+var stdin_default$1C = defineComponent({
+  name: name$1t,
   props: backgroundProps,
   setup(props2, {
     slots
@@ -4795,13 +5363,13 @@ var stdin_default$1E = defineComponent({
     return () => {
       var _a;
       return 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,
@@ -4815,8 +5383,8 @@ const blueMarkProps = {
   gap: numericProp,
   isLink: Boolean
 };
-var stdin_default$1D = defineComponent({
-  name: name$1u,
+var stdin_default$1B = defineComponent({
+  name: name$1s,
   props: blueMarkProps,
   emits: ["click"],
   setup(props2, {
@@ -4834,30 +5402,30 @@ var stdin_default$1D = defineComponent({
     return () => {
       var _a;
       return 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
       }, [createVNode("span", {
-        "class": bem$1q("main")
+        "class": bem$1o("main")
       }, [createVNode("span", {
-        "class": bem$1q("mark")
+        "class": bem$1o("mark")
       }, null), createVNode("span", {
-        "class": bem$1q("content")
+        "class": bem$1o("content")
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), props2.isLink && 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 = defineComponent({
-  name: name$1t,
+var stdin_default$1A = defineComponent({
+  name: name$1r,
   props: dividerProps,
   setup(props2, {
     slots
@@ -4866,7 +5434,7 @@ var stdin_default$1C = defineComponent({
       var _a;
       return createVNode("div", {
         "role": "separator",
-        "class": bem$1p({
+        "class": bem$1n({
           dashed: props2.dashed,
           hairline: props2.hairline,
           [`content-${props2.contentPosition}`]: !!slots.default
@@ -4875,16 +5443,16 @@ var stdin_default$1C = 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 = defineComponent({
-  name: name$1s,
+var stdin_default$1z = defineComponent({
+  name: name$1q,
   props: collapseToggleProps,
   emits: ["update:modelValue", "change"],
   setup(props2, {
@@ -4903,7 +5471,7 @@ var stdin_default$1B = defineComponent({
       const text = expanded ? props2.collapseText : props2.expandText;
       return createVNode("button", {
         "type": "button",
-        "class": bem$1o({
+        "class": bem$1m({
           expanded
         }),
         "aria-expanded": expanded,
@@ -4913,20 +5481,20 @@ var stdin_default$1B = defineComponent({
         text
       })) || text]), createVNode(Icon, {
         "name": "arrow-down",
-        "class": bem$1o("icon")
+        "class": bem$1m("icon")
       }, null)]);
     };
     return () => {
       if (props2.divider) {
         return createVNode("div", {
-          "class": bem$1o("divider")
+          "class": bem$1m("divider")
         }, [createVNode(Divider, null, null), renderToggle(), 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: {
@@ -4940,8 +5508,8 @@ const blueMarkHeaderProps = {
   expandText: String,
   collapseText: String
 };
-var stdin_default$1A = defineComponent({
-  name: name$1r,
+var stdin_default$1y = defineComponent({
+  name: name$1p,
   props: blueMarkHeaderProps,
   emits: ["click-action", "update:modelValue", "change"],
   setup(props2, {
@@ -4956,226 +5524,56 @@ var stdin_default$1A = 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 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
-      }, [createVNode("div", {
-        "class": bem$1n("main")
-      }, [createVNode(stdin_default$1D, {
-        "size": props2.size,
-        "class": bem$1n("title")
-      }, {
-        default: () => [slots.title ? slots.title() : slots.default ? slots.default() : props2.title]
-      }), props2.required && createVNode("span", {
-        "class": bem$1n("required")
-      }, [createTextVNode("*")]), slots.action ? createVNode("span", {
-        "class": bem$1n("action"),
-        "onClick": (event) => event.stopPropagation()
-      }, [slots.action()]) : props2.actionText ? 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 && 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 = defineComponent({
-  name: name$1q,
-  props: popoverProps,
-  emits: ["select", "touchstart", "update:show"],
-  setup(props2, {
-    emit,
-    slots,
-    attrs
-  }) {
-    let popper;
-    const popupRef = ref();
-    const wrapperRef = ref();
-    const popoverRef = ref();
-    const getPopoverOptions = () => ({
-      placement: props2.placement,
-      modifiers: [{
-        name: "computeStyles",
-        options: {
-          adaptive: false,
-          gpuAcceleration: false
-        }
-      }, extend({}, offsetModifier, {
-        options: {
-          offset: props2.offset
-        }
-      })]
-    });
-    const createPopperInstance = () => {
-      if (wrapperRef.value && popoverRef.value) {
-        return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
-      }
-      return null;
-    };
-    const updateLocation = () => {
-      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 && createVNode("div", {
-        "class": bem$1m("action-icon")
-      }, [createVNode(Icon, {
-        "name": action.icon,
-        "classPrefix": props2.iconPrefix
-      }, null)]), createVNode("div", {
-        "class": [bem$1m("action-text"), BORDER_BOTTOM]
-      }, [action.text])];
-    };
-    const renderAction = (action, index) => {
-      const {
-        icon,
-        color,
-        disabled,
-        className
-      } = action;
-      return 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)]);
-    };
-    onMounted(() => {
-      updateLocation();
-      watchEffect(() => {
-        var _a;
-        popupRef.value = (_a = popoverRef.value) == null ? void 0 : _a.popupRef.value;
-      });
-    });
-    onBeforeUnmount(() => {
-      if (popper) {
-        popper.destroy();
-        popper = null;
-      }
-    });
-    watch(() => [props2.show, props2.offset, props2.placement], updateLocation);
-    useClickAway([wrapperRef, popupRef], onClickAway, {
-      eventName: "touchstart"
-    });
+    };
+    const onHeaderKeydown = (event) => {
+      if (props2.expandable && (event.key === "Enter" || event.key === " ")) {
+        event.preventDefault();
+        onHeaderClick();
+      }
+    };
     return () => {
       var _a;
-      return createVNode(Fragment, null, [createVNode("span", {
-        "ref": wrapperRef,
-        "class": bem$1m("wrapper"),
-        "onClick": onClickWrapper
-      }, [(_a = slots.reference) == null ? void 0 : _a.call(slots)]), createVNode(Popup, 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 && createVNode("div", {
-          "class": bem$1m("arrow")
-        }, null), createVNode("div", {
-          "role": "menu",
-          "class": bem$1m("content")
-        }, [slots.default ? slots.default() : props2.actions.map(renderAction)])]
-      })]);
+      return 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
+      }, [createVNode("div", {
+        "class": bem$1l("main")
+      }, [createVNode(stdin_default$1B, {
+        "size": props2.size,
+        "class": bem$1l("title")
+      }, {
+        default: () => [slots.title ? slots.title() : slots.default ? slots.default() : props2.title]
+      }), props2.required && createVNode("span", {
+        "class": bem$1l("required")
+      }, [createTextVNode("*")]), slots.action ? createVNode("span", {
+        "class": bem$1l("action"),
+        "onClick": (event) => event.stopPropagation()
+      }, [slots.action()]) : props2.actionText ? 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 && 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"),
@@ -5202,8 +5600,8 @@ const bottomActionBarProps = {
   checkboxActionDisabled: Boolean,
   checkboxActionText: makeStringProp("保存为我的默认筛选")
 };
-var stdin_default$1y = defineComponent({
-  name: name$1p,
+var stdin_default$1x = defineComponent({
+  name: name$1o,
   props: bottomActionBarProps,
   emits: ["confirm", "secondary", "icon", "more", "select-more-popover", "update:checkboxActionChecked", "checkbox-action-change"],
   setup(props2, {
@@ -5212,18 +5610,18 @@ var stdin_default$1y = defineComponent({
   }) {
     const root = ref();
     const morePopoverShow = ref(false);
-    const renderPlaceholder = usePlaceholder(root, bem$1l);
+    const renderPlaceholder = usePlaceholder(root, bem$1k);
     const renderIconAction = () => {
       if (slots.icon) {
         return createVNode("div", {
-          "class": bem$1l("icon-action")
+          "class": bem$1k("icon-action")
         }, [slots.icon()]);
       }
       if (!props2.icon) {
         return;
       }
       return createVNode(Button, {
-        "class": bem$1l("icon-button"),
+        "class": bem$1k("icon-button"),
         "icon": props2.icon,
         "iconPrefix": props2.iconPrefix,
         "disabled": props2.iconDisabled,
@@ -5239,7 +5637,7 @@ var stdin_default$1y = defineComponent({
     };
     const renderMoreButton = (popoverEnabled = false) => createVNode("button", {
       "type": "button",
-      "class": bem$1l("more-action"),
+      "class": bem$1k("more-action"),
       "disabled": props2.moreDisabled,
       "onClick": popoverEnabled ? void 0 : () => emit("more")
     }, [createVNode(Badge, {
@@ -5249,30 +5647,30 @@ var stdin_default$1y = defineComponent({
     }, {
       default: () => [createVNode(Icon, {
         "name": props2.moreIcon || "more-o",
-        "class": bem$1l("more-icon"),
+        "class": bem$1k("more-icon"),
         "classPrefix": props2.iconPrefix
       }, null)]
     }), createVNode("span", {
-      "class": bem$1l("more-text")
+      "class": bem$1k("more-text")
     }, [props2.moreText])]);
     const renderMorePopoverAction = (action, index) => 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 && createVNode(Icon, {
       "name": action.icon,
-      "class": bem$1l("more-popover-icon"),
+      "class": bem$1k("more-popover-icon"),
       "classPrefix": props2.iconPrefix
     }, null), createVNode("span", {
-      "class": bem$1l("more-popover-text")
+      "class": bem$1k("more-popover-text")
     }, [action.text])]);
     const renderMoreAction = () => {
       if (slots.more) {
         return createVNode("div", {
-          "class": bem$1l("more-action")
+          "class": bem$1k("more-action")
         }, [slots.more()]);
       }
       if (!props2.moreText) {
@@ -5283,7 +5681,7 @@ var stdin_default$1y = defineComponent({
       }
       return createVNode(Popover, {
         "show": morePopoverShow.value,
-        "class": bem$1l("more-popover"),
+        "class": bem$1k("more-popover"),
         "placement": "top-start",
         "showArrow": false,
         "offset": [-5, 8],
@@ -5303,7 +5701,7 @@ var stdin_default$1y = defineComponent({
         return;
       }
       return createVNode(Button, {
-        "class": bem$1l("secondary"),
+        "class": bem$1k("secondary"),
         "type": props2.secondaryType,
         "text": props2.secondaryText,
         "loading": props2.secondaryLoading,
@@ -5316,7 +5714,7 @@ var stdin_default$1y = defineComponent({
         return slots.confirm();
       }
       return createVNode(Button, {
-        "class": bem$1l("confirm"),
+        "class": bem$1k("confirm"),
         "type": props2.confirmType,
         "text": props2.confirmText,
         "loading": props2.confirmLoading,
@@ -5329,9 +5727,9 @@ var stdin_default$1y = defineComponent({
         return;
       }
       return createVNode("div", {
-        "class": bem$1l("checkbox-action")
+        "class": bem$1k("checkbox-action")
       }, [createVNode("div", {
-        "class": bem$1l("checkbox-action-content")
+        "class": bem$1k("checkbox-action-content")
       }, [createVNode(Checkbox, {
         "modelValue": props2.checkboxActionChecked,
         "disabled": props2.checkboxActionDisabled,
@@ -5346,19 +5744,19 @@ var stdin_default$1y = defineComponent({
     };
     const renderBar = () => createVNode("div", {
       "ref": root,
-      "class": [bem$1l({
+      "class": [bem$1k({
         fixed: props2.fixed
       }), {
         "van-safe-area-bottom": props2.safeAreaInsetBottom
       }]
     }, [renderCheckboxAction(), 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();
@@ -5467,9 +5865,9 @@ const proxyPickerMethods = (picker, callback) => {
     }
   });
 };
-const [name$1n] = createNamespace("calendar-day");
-var stdin_default$1x = defineComponent({
-  name: name$1n,
+const [name$1m] = createNamespace("calendar-day");
+var stdin_default$1w = defineComponent({
+  name: name$1m,
   props: {
     item: makeRequiredProp(Object),
     color: String,
@@ -5531,7 +5929,7 @@ var stdin_default$1x = defineComponent({
       } = props2.item;
       if (topInfo || slots["top-info"]) {
         return createVNode("div", {
-          "class": bem$1k("top-info")
+          "class": bem$1j("top-info")
         }, [slots["top-info"] ? slots["top-info"](props2.item) : topInfo]);
       }
     };
@@ -5541,7 +5939,7 @@ var stdin_default$1x = defineComponent({
       } = props2.item;
       if (bottomInfo || slots["bottom-info"]) {
         return createVNode("div", {
-          "class": bem$1k("bottom-info")
+          "class": bem$1j("bottom-info")
         }, [slots["bottom-info"] ? slots["bottom-info"](props2.item) : bottomInfo]);
       }
     };
@@ -5558,7 +5956,7 @@ var stdin_default$1x = defineComponent({
       const Nodes = [renderTopInfo(), text, renderBottomInfo()];
       if (type === "selected") {
         return createVNode("div", {
-          "class": bem$1k("selected-day"),
+          "class": bem$1j("selected-day"),
           "style": {
             width: rowHeight,
             height: rowHeight,
@@ -5575,21 +5973,21 @@ var stdin_default$1x = defineComponent({
       } = props2.item;
       if (type === "placeholder") {
         return createVNode("div", {
-          "class": bem$1k("day"),
+          "class": bem$1j("day"),
           "style": style.value
         }, null);
       }
       return 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,
@@ -5606,8 +6004,8 @@ const calendarMonthProps = {
   showMonthTitle: Boolean,
   firstDayOfWeek: Number
 };
-var stdin_default$1w = defineComponent({
-  name: name$1m,
+var stdin_default$1v = defineComponent({
+  name: name$1l,
   props: calendarMonthProps,
   emits: ["click", "update-height"],
   setup(props2, {
@@ -5712,14 +6110,14 @@ var stdin_default$1w = defineComponent({
     const renderTitle = () => {
       if (props2.showMonthTitle) {
         return createVNode("div", {
-          "class": bem$1k("month-title")
+          "class": bem$1j("month-title")
         }, [title.value]);
       }
     };
     const renderMark = () => {
       if (props2.showMark && shouldRender.value) {
         return createVNode("div", {
-          "class": bem$1k("month-mark")
+          "class": bem$1j("month-mark")
         }, [props2.date.getMonth() + 1]);
       }
     };
@@ -5759,7 +6157,7 @@ var stdin_default$1w = defineComponent({
         setScrollTop(body, daysRect.top + rowOffset + body.scrollTop - useRect(body).top);
       }
     };
-    const renderDay = (item, index) => createVNode(stdin_default$1x, {
+    const renderDay = (item, index) => createVNode(stdin_default$1w, {
       "item": item,
       "index": index,
       "color": props2.color,
@@ -5770,7 +6168,7 @@ var stdin_default$1w = defineComponent({
     const renderDays = () => createVNode("div", {
       "ref": daysRef,
       "role": "grid",
-      "class": bem$1k("days")
+      "class": bem$1j("days")
     }, [renderMark(), (shouldRender.value ? days : placeholders).value.map(renderDay)]);
     useExpose({
       getTitle,
@@ -5780,14 +6178,14 @@ var stdin_default$1w = defineComponent({
       disabledDays
     });
     return () => createVNode("div", {
-      "class": bem$1k("month"),
+      "class": bem$1j("month"),
       "ref": monthRef
     }, [renderTitle(), renderDays()]);
   }
 });
-const [name$1l] = createNamespace("calendar-header");
-var stdin_default$1v = defineComponent({
-  name: name$1l,
+const [name$1k] = createNamespace("calendar-header");
+var stdin_default$1u = defineComponent({
+  name: name$1k,
   props: {
     title: String,
     subtitle: String,
@@ -5805,7 +6203,7 @@ var stdin_default$1v = defineComponent({
         const text = props2.title || t$f("title");
         const title = slots.title ? slots.title() : text;
         return createVNode("div", {
-          "class": bem$1k("header-title")
+          "class": bem$1j("header-title")
         }, [title]);
       }
     };
@@ -5814,7 +6212,7 @@ var stdin_default$1v = defineComponent({
       if (props2.showSubtitle) {
         const title = slots.subtitle ? slots.subtitle() : props2.subtitle;
         return createVNode("div", {
-          "class": bem$1k("header-subtitle"),
+          "class": bem$1j("header-subtitle"),
           "onClick": onClickSubtitle
         }, [title]);
       }
@@ -5826,13 +6224,13 @@ var stdin_default$1v = defineComponent({
       const weekdays = t$f("weekdays");
       const renderWeekDays2 = [...weekdays.slice(firstDayOfWeek, 7), ...weekdays.slice(0, firstDayOfWeek)];
       return createVNode("div", {
-        "class": bem$1k("weekdays")
+        "class": bem$1j("weekdays")
       }, [renderWeekDays2.map((text) => createVNode("span", {
-        "class": bem$1k("weekday")
+        "class": bem$1j("weekday")
       }, [text]))]);
     };
     return () => createVNode("div", {
-      "class": bem$1k("header")
+      "class": bem$1j("header")
     }, [renderTitle(), renderSubtitle(), renderWeekDays()]);
   }
 });
@@ -5883,8 +6281,8 @@ const calendarProps = {
     validator: (val) => val >= 0 && val <= 6
   }
 };
-var stdin_default$1u = defineComponent({
-  name: name$1o,
+var stdin_default$1t = defineComponent({
+  name: name$1n,
   props: calendarProps,
   emits: ["select", "confirm", "unselect", "month-show", "over-range", "update:show", "click-subtitle"],
   setup(props2, {
@@ -6141,7 +6539,7 @@ var stdin_default$1u = defineComponent({
     const updateShow = (value) => emit("update:show", value);
     const renderMonth = (date, index) => {
       const showMonthTitle = index !== 0 || !props2.showSubtitle;
-      return createVNode(stdin_default$1w, mergeProps({
+      return createVNode(stdin_default$1v, mergeProps({
         "ref": setMonthRefs(index),
         "date": date,
         "currentDate": currentDate.value,
@@ -6164,7 +6562,7 @@ var stdin_default$1u = defineComponent({
           "block": true,
           "type": "primary",
           "color": props2.color,
-          "class": bem$1k("confirm"),
+          "class": bem$1j("confirm"),
           "disabled": disabled,
           "nativeType": "button",
           "onClick": onConfirm
@@ -6176,13 +6574,13 @@ var stdin_default$1u = defineComponent({
       }
     };
     const renderFooter = () => createVNode("div", {
-      "class": [bem$1k("footer"), {
+      "class": [bem$1j("footer"), {
         "van-safe-area-bottom": props2.safeAreaInsetBottom
       }]
     }, [renderFooterButton()]);
     const renderCalendar = () => createVNode("div", {
-      "class": bem$1k()
-    }, [createVNode(stdin_default$1v, {
+      "class": bem$1j()
+    }, [createVNode(stdin_default$1u, {
       "title": props2.title,
       "subtitle": subtitle.value,
       "showTitle": props2.showTitle,
@@ -6191,7 +6589,7 @@ var stdin_default$1u = defineComponent({
       "onClick-subtitle": (event) => emit("click-subtitle", event)
     }, pick(slots, ["title", "subtitle"])), createVNode("div", {
       "ref": bodyRef,
-      "class": bem$1k("body"),
+      "class": bem$1j("body"),
       "onScroll": onScroll
     }, [months.value.map(renderMonth)]), renderFooter()]);
     watch(() => props2.show, init);
@@ -6210,7 +6608,7 @@ var stdin_default$1u = defineComponent({
       if (props2.poppable) {
         return createVNode(Popup, {
           "show": props2.show,
-          "class": bem$1k("popup"),
+          "class": bem$1j("popup"),
           "round": props2.round,
           "position": props2.position,
           "closeable": props2.showTitle || props2.showSubtitle,
@@ -6227,8 +6625,8 @@ var stdin_default$1u = 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,
@@ -6247,8 +6645,8 @@ const imageProps = {
   showLoading: truthProp,
   loadingIcon: makeStringProp("photo")
 };
-var stdin_default$1t = defineComponent({
-  name: name$1k,
+var stdin_default$1s = defineComponent({
+  name: name$1j,
   props: imageProps,
   emits: ["load", "error"],
   setup(props2, {
@@ -6299,13 +6697,13 @@ var stdin_default$1t = defineComponent({
     const renderPlaceholder = () => {
       if (loading.value && props2.showLoading) {
         return 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 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 = () => {
@@ -6314,7 +6712,7 @@ var stdin_default$1t = defineComponent({
       }
       const attrs = {
         alt: props2.alt,
-        class: bem$1j("img"),
+        class: bem$1i("img"),
         style: {
           objectFit: props2.fit,
           objectPosition: props2.position
@@ -6363,7 +6761,7 @@ var stdin_default$1t = defineComponent({
     return () => {
       var _a;
       return createVNode("div", {
-        "class": bem$1j({
+        "class": bem$1i({
           round: props2.round,
           block: props2.block
         }),
@@ -6372,8 +6770,8 @@ var stdin_default$1t = 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,
@@ -6387,8 +6785,8 @@ const cardProps = {
   thumbLink: String,
   originPrice: numericProp
 };
-var stdin_default$1s = defineComponent({
-  name: name$1j,
+var stdin_default$1r = defineComponent({
+  name: name$1i,
   props: cardProps,
   emits: ["click-thumb"],
   setup(props2, {
@@ -6401,14 +6799,14 @@ var stdin_default$1s = defineComponent({
       }
       if (props2.title) {
         return 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 createVNode("div", {
-          "class": bem$1i("tag")
+          "class": bem$1h("tag")
         }, [slots.tag ? slots.tag() : createVNode(Tag, {
           "mark": true,
           "type": "danger"
@@ -6433,7 +6831,7 @@ var stdin_default$1s = defineComponent({
       if (slots.thumb || props2.thumb) {
         return createVNode("a", {
           "href": props2.thumbLink,
-          "class": bem$1i("thumb"),
+          "class": bem$1h("thumb"),
           "onClick": (event) => emit("click-thumb", event)
         }, [renderThumbImage(), renderThumbTag()]);
       }
@@ -6444,18 +6842,18 @@ var stdin_default$1s = defineComponent({
       }
       if (props2.desc) {
         return 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 createVNode("div", null, [createVNode("span", {
-        "class": bem$1i("price-currency")
+        "class": bem$1h("price-currency")
       }, [props2.currency]), createVNode("span", {
-        "class": bem$1i("price-integer")
+        "class": bem$1h("price-integer")
       }, [priceArr[0]]), createTextVNode("."), createVNode("span", {
-        "class": bem$1i("price-decimal")
+        "class": bem$1h("price-decimal")
       }, [priceArr[1]])]);
     };
     return () => {
@@ -6465,33 +6863,33 @@ var stdin_default$1s = defineComponent({
       const showOriginPrice = slots["origin-price"] || isDef(props2.originPrice);
       const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
       const Price = showPrice && createVNode("div", {
-        "class": bem$1i("price")
+        "class": bem$1h("price")
       }, [slots.price ? slots.price() : renderPriceText()]);
       const OriginPrice = showOriginPrice && 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 && createVNode("div", {
-        "class": bem$1i("num")
+        "class": bem$1h("num")
       }, [slots.num ? slots.num() : `x${props2.num}`]);
       const Footer = slots.footer && createVNode("div", {
-        "class": bem$1i("footer")
+        "class": bem$1h("footer")
       }, [slots.footer()]);
       const Bottom = showBottom && 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 createVNode("div", {
-        "class": bem$1i()
+        "class": bem$1h()
       }, [createVNode("div", {
-        "class": bem$1i("header")
+        "class": bem$1h("header")
       }, [renderThumb(), createVNode("div", {
-        "class": bem$1i("content", {
+        "class": bem$1h("content", {
           centered: props2.centered
         })
       }, [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;
@@ -6547,7 +6945,7 @@ function useVisibilityChange(target, onChange) {
   onBeforeUnmount(unobserve);
   onMountedOrActivated(observe);
 }
-const [name$1i, bem$1h] = createNamespace("sticky");
+const [name$1h, bem$1g] = createNamespace("sticky");
 const stickyProps = {
   zIndex: numericProp,
   position: makeStringProp("top"),
@@ -6555,8 +6953,8 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1r = defineComponent({
-  name: name$1i,
+var stdin_default$1q = defineComponent({
+  name: name$1h,
   props: stickyProps,
   emits: ["scroll", "change"],
   setup(props2, {
@@ -6653,7 +7051,7 @@ var stdin_default$1r = defineComponent({
         "ref": root,
         "style": rootStyle.value
       }, [createVNode("div", {
-        "class": bem$1h({
+        "class": bem$1g({
           fixed: state.fixed
         }),
         "style": stickyStyle.value
@@ -6661,10 +7059,10 @@ var stdin_default$1r = defineComponent({
     };
   }
 });
-const Sticky = withInstall(stdin_default$1r);
-const [name$1h, bem$1g] = createNamespace("tab");
-var stdin_default$1q = defineComponent({
-  name: name$1h,
+const Sticky = withInstall(stdin_default$1q);
+const [name$1g, bem$1f] = createNamespace("tab");
+var stdin_default$1p = defineComponent({
+  name: name$1g,
   props: {
     id: String,
     dot: Boolean,
@@ -6714,19 +7112,19 @@ var stdin_default$1q = defineComponent({
     });
     const renderText = () => {
       const Text2 = createVNode("span", {
-        "class": bem$1g("text", {
+        "class": bem$1f("text", {
           ellipsis: !props2.scrollable
         })
       }, [slots.title ? slots.title() : props2.title]);
       const Content = createVNode("span", {
-        "class": bem$1g("title")
+        "class": bem$1f("title")
       }, [props2.icon && createVNode(Icon, {
         "name": props2.icon,
-        "class": bem$1g("icon")
+        "class": bem$1f("icon")
       }, null), Text2]);
       if (props2.dot || isDef(props2.badge) && props2.badge !== "") {
         return createVNode(Badge, {
-          "class": bem$1g("badge"),
+          "class": bem$1f("badge"),
           "dot": props2.dot,
           "content": props2.badge,
           "showZero": props2.showZeroBadge
@@ -6739,7 +7137,7 @@ var stdin_default$1q = defineComponent({
     return () => 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,
@@ -6753,7 +7151,7 @@ var stdin_default$1q = defineComponent({
     }, [renderText()]);
   }
 });
-const [name$1g, bem$1f] = createNamespace("swipe");
+const [name$1f, bem$1e] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -6768,9 +7166,9 @@ const swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-const SWIPE_KEY = Symbol(name$1g);
-var stdin_default$1p = defineComponent({
-  name: name$1g,
+const SWIPE_KEY = Symbol(name$1f);
+var stdin_default$1o = defineComponent({
+  name: name$1f,
   props: swipeProps,
   emits: ["change"],
   setup(props2, {
@@ -7032,7 +7430,7 @@ var stdin_default$1p = defineComponent({
       } : void 0;
       return createVNode("i", {
         "style": style,
-        "class": bem$1f("indicator", {
+        "class": bem$1e("indicator", {
           active
         })
       }, null);
@@ -7046,7 +7444,7 @@ var stdin_default$1p = defineComponent({
       }
       if (props2.showIndicators && count.value > 1) {
         return createVNode("div", {
-          "class": bem$1f("indicators", {
+          "class": bem$1e("indicators", {
             vertical: props2.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -7088,11 +7486,11 @@ var stdin_default$1p = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$1f()
+        "class": bem$1e()
       }, [createVNode("div", {
         "ref": track,
         "style": trackStyle.value,
-        "class": bem$1f("track", {
+        "class": bem$1e("track", {
           vertical: props2.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -7102,10 +7500,10 @@ var stdin_default$1p = defineComponent({
     };
   }
 });
-const Swipe = withInstall(stdin_default$1p);
-const [name$1f, bem$1e] = createNamespace("tabs");
-var stdin_default$1o = defineComponent({
-  name: name$1f,
+const Swipe = withInstall(stdin_default$1o);
+const [name$1e, bem$1d] = createNamespace("tabs");
+var stdin_default$1n = defineComponent({
+  name: name$1e,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -7129,7 +7527,7 @@ var stdin_default$1o = defineComponent({
         return createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$1e("track"),
+          "class": bem$1d("track"),
           "duration": +props2.duration * 1e3,
           "touchable": props2.swipeable,
           "lazyRender": props2.lazyRender,
@@ -7157,7 +7555,7 @@ var stdin_default$1o = defineComponent({
       swipeRef
     });
     return () => createVNode("div", {
-      "class": bem$1e("content", {
+      "class": bem$1d("content", {
         animated: props2.animated || props2.swipeable
       })
     }, [renderChildren()]);
@@ -7182,7 +7580,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,
@@ -7209,9 +7607,9 @@ const tabsProps = {
   moreTitle: String,
   moreOptions: makeArrayProp()
 };
-const TABS_KEY = Symbol(name$1e);
-var stdin_default$1n = defineComponent({
-  name: name$1e,
+const TABS_KEY = Symbol(name$1d);
+var stdin_default$1m = defineComponent({
+  name: name$1d,
   props: tabsProps,
   emits: ["click", "change", "scroll", "disabled", "rendered", "click-tab", "update:active", "click-more", "select-more", "update:showMore"],
   setup(props2, {
@@ -7435,12 +7833,12 @@ var stdin_default$1n = 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) => createVNode(stdin_default$1q, mergeProps({
+    const renderNav = () => children.map((item, index) => createVNode(stdin_default$1p, mergeProps({
       "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
@@ -7461,7 +7859,7 @@ var stdin_default$1n = defineComponent({
     const renderLine = () => {
       if (props2.type === "line" && children.length) {
         return createVNode("div", {
-          "class": bem$1d("line"),
+          "class": bem$1c("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -7475,13 +7873,13 @@ var stdin_default$1n = defineComponent({
       } = props2;
       const Header = [createVNode("div", {
         "ref": sticky ? void 0 : wrapRef,
-        "class": [bem$1d("wrap"), {
+        "class": [bem$1c("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [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
@@ -7491,7 +7889,7 @@ var stdin_default$1n = 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 && createVNode("button", {
         "ref": moreRef,
         "type": "button",
-        "class": bem$1d("more"),
+        "class": bem$1c("more"),
         "aria-label": "More tabs",
         "onClick": onClickMore
       }, [createVNode(Icon, {
@@ -7565,14 +7963,14 @@ var stdin_default$1n = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$1d([props2.type])
+      "class": bem$1c([props2.type])
     }, [props2.sticky ? createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
       "onScroll": onStickyScroll
     }, {
       default: () => [renderHeader()]
-    }) : renderHeader(), createVNode(stdin_default$1o, {
+    }) : renderHeader(), createVNode(stdin_default$1n, {
       "ref": contentRef,
       "count": children.length,
       "inited": state.inited,
@@ -7592,9 +7990,9 @@ var stdin_default$1n = defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => inject(TAB_STATUS_KEY, null);
-const [name$1d, bem$1c] = createNamespace("swipe-item");
-var stdin_default$1m = defineComponent({
-  name: name$1d,
+const [name$1c, bem$1b] = createNamespace("swipe-item");
+var stdin_default$1l = defineComponent({
+  name: name$1c,
   setup(props2, {
     slots
   }) {
@@ -7659,14 +8057,14 @@ var stdin_default$1m = defineComponent({
     return () => {
       var _a;
       return 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,
@@ -7678,8 +8076,8 @@ const tabProps = extend({}, routeProps, {
   titleStyle: [String, Object],
   showZeroBadge: truthProp
 });
-var stdin_default$1l = defineComponent({
-  name: name$1c,
+var stdin_default$1k = defineComponent({
+  name: name$1b,
   props: tabProps,
   setup(props2, {
     slots
@@ -7747,7 +8145,7 @@ var stdin_default$1l = defineComponent({
         return createVNode(SwipeItem, {
           "id": id,
           "role": "tabpanel",
-          "class": bem$1b("panel-wrapper", {
+          "class": bem$1a("panel-wrapper", {
             inactive: hasInactiveClass.value
           }),
           "tabindex": active.value ? 0 : -1,
@@ -7757,7 +8155,7 @@ var stdin_default$1l = defineComponent({
           default: () => {
             var _a2;
             return [createVNode("div", {
-              "class": bem$1b("panel")
+              "class": bem$1a("panel")
             }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
           }
         });
@@ -7770,16 +8168,16 @@ var stdin_default$1l = defineComponent({
       return withDirectives(createVNode("div", {
         "id": id,
         "role": "tabpanel",
-        "class": bem$1b("panel"),
+        "class": bem$1a("panel"),
         "tabindex": show ? 0 : -1,
         "aria-labelledby": label
       }, [Content]), [[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(),
@@ -7792,8 +8190,8 @@ const cascaderProps = {
   placeholder: String,
   activeColor: String
 };
-var stdin_default$1k = defineComponent({
-  name: name$1b,
+var stdin_default$1j = defineComponent({
+  name: name$1a,
   props: cascaderProps,
   emits: ["close", "change", "finish", "click-tab", "update:modelValue"],
   setup(props2, {
@@ -7901,12 +8299,12 @@ var stdin_default$1k = defineComponent({
       title
     }) => emit("click-tab", name2, title);
     const renderHeader = () => props2.showHeader ? createVNode("div", {
-      "class": bem$1a("header")
+      "class": bem$19("header")
     }, [createVNode("h2", {
-      "class": bem$1a("title")
+      "class": bem$19("title")
     }, [slots.title ? slots.title() : props2.title]), props2.closeable ? 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) => {
@@ -7921,7 +8319,7 @@ var stdin_default$1k = defineComponent({
       }) : createVNode("span", null, [option[textKey]]);
       return createVNode("li", {
         "role": "menuitemradio",
-        "class": [bem$1a("option", {
+        "class": [bem$19("option", {
           selected,
           disabled
         }), option.className],
@@ -7934,12 +8332,12 @@ var stdin_default$1k = defineComponent({
         "onClick": () => onSelect(option, tabIndex)
       }, [Text2, selected ? createVNode(Icon, {
         "name": "success",
-        "class": bem$1a("selected-icon")
+        "class": bem$19("selected-icon")
       }, null) : null]);
     };
     const renderOptions = (options, selectedOption, tabIndex) => createVNode("ul", {
       "role": "menu",
-      "class": bem$1a("options")
+      "class": bem$19("options")
     }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
     const renderTab = (tab, tabIndex) => {
       const {
@@ -7950,7 +8348,7 @@ var stdin_default$1k = defineComponent({
       const title = selected ? selected[textKey] : placeholder;
       return createVNode(Tab, {
         "title": title,
-        "titleClass": bem$1a("tab", {
+        "titleClass": bem$19("tab", {
           unselected: !selected
         })
       }, {
@@ -7969,7 +8367,7 @@ var stdin_default$1k = 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
@@ -7993,20 +8391,20 @@ var stdin_default$1k = defineComponent({
       updateTabs();
     });
     return () => 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 = defineComponent({
-  name: name$1a,
+var stdin_default$1i = defineComponent({
+  name: name$19,
   inheritAttrs: false,
   props: cellGroupProps,
   setup(props2, {
@@ -8016,7 +8414,7 @@ var stdin_default$1j = defineComponent({
     const renderGroup = () => {
       var _a;
       return createVNode("div", mergeProps({
-        "class": [bem$19({
+        "class": [bem$18({
           inset: props2.inset,
           "gray-card": props2.grayCard
         }), {
@@ -8025,7 +8423,7 @@ var stdin_default$1j = defineComponent({
       }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
     const renderTitle = () => createVNode("div", {
-      "class": bem$19("title", {
+      "class": bem$18("title", {
         inset: props2.inset
       })
     }, [slots.title ? slots.title() : props2.title]);
@@ -8037,158 +8435,8 @@ var stdin_default$1j = 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 = defineComponent({
-  name: name$19,
-  props: navBarProps,
-  emits: ["click-left", "click-right", "click-title", "select-right-popover", "update:titleDropdownActive"],
-  setup(props2, {
-    emit,
-    slots
-  }) {
-    const navBarRef = ref();
-    const rightPopoverShow = 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 && createVNode(Icon, {
-        "class": bem$18("arrow"),
-        "name": "arrow-left"
-      }, null), props2.leftText && createVNode("span", {
-        "class": bem$18("text")
-      }, [props2.leftText])];
-    };
-    const renderRight = () => {
-      if (slots.right) {
-        return slots.right();
-      }
-      if (props2.rightPopoverActions.length) {
-        return createVNode(Popover, {
-          "show": rightPopoverShow.value,
-          "actions": props2.rightPopoverActions,
-          "placement": "bottom-end",
-          "closeOnClickAction": true,
-          "onUpdate:show": onUpdateRightPopoverShow,
-          "onSelect": onSelectRightPopover
-        }, {
-          reference: () => createVNode(Icon, {
-            "name": props2.rightPopoverIcon,
-            "class": bem$18("right-popover-icon")
-          }, null)
-        });
-      }
-      return 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 createVNode("div", {
-        "ref": navBarRef,
-        "style": style,
-        "class": [bem$18({
-          fixed
-        }), {
-          [BORDER_BOTTOM]: border,
-          "van-safe-area-top": props2.safeAreaInsetTop
-        }]
-      }, [createVNode("div", {
-        "class": bem$18("content")
-      }, [hasLeft && createVNode("div", {
-        "class": [bem$18("left", {
-          slot: !!slots.left
-        }), {
-          [HAPTICS_FEEDBACK]: !slots.left
-        }],
-        "onClick": slots.left ? void 0 : onClickLeft
-      }, [renderLeft()]), 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);
-          }
-        }
-      }, [createVNode("div", {
-        "class": [bem$18("title-content"), "van-ellipsis"]
-      }, [slots.title ? slots.title() : title, titleDropdown && createVNode(Icon, {
-        "name": "trangle-down",
-        "class": bem$18("title-arrow", {
-          active: props2.titleDropdownActive
-        })
-      }, null)]), subtitle && createVNode("div", {
-        "class": [bem$18("subtitle"), "van-ellipsis"]
-      }, [subtitle])]), hasRight && 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,
@@ -13290,6 +13538,7 @@ var stdin_default$E = defineComponent({
       type: Number,
       required: true
     },
+    max: makeNumericProp(Infinity),
     keyword: {
       type: String,
       default: ""
@@ -13323,7 +13572,8 @@ var stdin_default$E = 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 = () => {
@@ -13397,6 +13647,7 @@ var stdin_default$E = defineComponent({
         "class": bem$x("stepper"),
         "modelValue": props2.modelValue,
         "min": 0,
+        "max": props2.max,
         "theme": "round",
         "buttonSize": 18,
         "disableInput": true,
@@ -20658,7 +20909,7 @@ const Lazyload = {
     });
   }
 };
-const version = "0.0.38";
+const version = "0.0.39";
 function install(app) {
   const components = [
     ActionBar,