vant 4.2.0 → 4.2.1

package/lib/vant.es.js

@@ -235,7 +235,7 @@ function deepAssign(to, from) {
   });
   return to;
 }
-var stdin_default$1P = {
+var stdin_default$1O = {
   name: "姓名",
   tel: "电话",
   save: "保存",
@@ -298,7 +298,7 @@ var stdin_default$1P = {
 };
 const lang = ref("zh-CN");
 const messages = reactive({
-  "zh-CN": stdin_default$1P
+  "zh-CN": stdin_default$1O
 });
 const Locale = {
   messages() {
@@ -313,11 +313,11 @@ const Locale = {
   }
 };
 const useCurrentLang = () => lang;
-var stdin_default$1O = Locale;
+var stdin_default$1N = Locale;
 function createTranslate(name2) {
   const prefix = camelize(name2) + ".";
   return (path, ...args) => {
-    const messages2 = stdin_default$1O.messages();
+    const messages2 = stdin_default$1N.messages();
     const message = get(messages2, prefix + path) || get(messages2, path);
     return isFunction(message) ? message(...args) : message;
   };
@@ -445,7 +445,7 @@ const actionBarProps = {
   placeholder: Boolean,
   safeAreaInsetBottom: truthProp
 };
-var stdin_default$1N = defineComponent({
+var stdin_default$1M = defineComponent({
   name: name$1D,
   props: actionBarProps,
   setup(props, {
@@ -474,7 +474,7 @@ var stdin_default$1N = defineComponent({
     };
   }
 });
-const ActionBar = withInstall(stdin_default$1N);
+const ActionBar = withInstall(stdin_default$1M);
 function useExpose(apis) {
   const instance2 = getCurrentInstance();
   if (instance2) {
@@ -513,7 +513,7 @@ const badgeProps = {
   showZero: truthProp,
   position: makeStringProp("top-right")
 };
-var stdin_default$1M = defineComponent({
+var stdin_default$1L = defineComponent({
   name: name$1C,
   props: badgeProps,
   setup(props, {
@@ -600,7 +600,7 @@ var stdin_default$1M = defineComponent({
     };
   }
 });
-const Badge = withInstall(stdin_default$1M);
+const Badge = withInstall(stdin_default$1L);
 let globalZIndex = 2e3;
 const useGlobalZIndex = () => ++globalZIndex;
 const setGlobalZIndex = (val) => {
@@ -624,7 +624,7 @@ function mapThemeVarsToCSSVars(themeVars) {
   });
   return cssVars;
 }
-var stdin_default$1L = defineComponent({
+var stdin_default$1K = defineComponent({
   name: name$1B,
   props: configProviderProps,
   setup(props, {
@@ -679,7 +679,7 @@ const iconProps = {
   badgeProps: Object,
   classPrefix: String
 };
-var stdin_default$1K = defineComponent({
+var stdin_default$1J = defineComponent({
   name: name$1A,
   props: iconProps,
   setup(props, {
@@ -718,7 +718,7 @@ var stdin_default$1K = defineComponent({
     };
   }
 });
-const Icon = withInstall(stdin_default$1K);
+const Icon = withInstall(stdin_default$1J);
 const [name$1z, bem$1u] = createNamespace("loading");
 const SpinIcon = Array(12).fill(null).map((_, index) => createVNode("i", {
   "class": bem$1u("line", String(index + 1))
@@ -740,7 +740,7 @@ const loadingProps = {
   textSize: numericProp,
   textColor: String
 };
-var stdin_default$1J = defineComponent({
+var stdin_default$1I = defineComponent({
   name: name$1z,
   props: loadingProps,
   setup(props, {
@@ -783,7 +783,7 @@ var stdin_default$1J = defineComponent({
     };
   }
 });
-const Loading = withInstall(stdin_default$1J);
+const Loading = withInstall(stdin_default$1I);
 const [name$1y, bem$1t] = createNamespace("button");
 const buttonProps = extend({}, routeProps, {
   tag: makeStringProp("button"),
@@ -806,7 +806,7 @@ const buttonProps = extend({}, routeProps, {
   loadingType: String,
   iconPosition: makeStringProp("left")
 });
-var stdin_default$1I = defineComponent({
+var stdin_default$1H = defineComponent({
   name: name$1y,
   props: buttonProps,
   emits: ["click"],
@@ -923,7 +923,7 @@ var stdin_default$1I = defineComponent({
     };
   }
 });
-const Button = withInstall(stdin_default$1I);
+const Button = withInstall(stdin_default$1H);
 const [name$1x, bem$1s] = createNamespace("action-bar-button");
 const actionBarButtonProps = extend({}, routeProps, {
   type: String,
@@ -933,7 +933,7 @@ const actionBarButtonProps = extend({}, routeProps, {
   loading: Boolean,
   disabled: Boolean
 });
-var stdin_default$1H = defineComponent({
+var stdin_default$1G = defineComponent({
   name: name$1x,
   props: actionBarButtonProps,
   setup(props, {
@@ -986,7 +986,7 @@ var stdin_default$1H = defineComponent({
     };
   }
 });
-const ActionBarButton = withInstall(stdin_default$1H);
+const ActionBarButton = withInstall(stdin_default$1G);
 const [name$1w, bem$1r] = createNamespace("action-bar-icon");
 const actionBarIconProps = extend({}, routeProps, {
   dot: Boolean,
@@ -998,7 +998,7 @@ const actionBarIconProps = extend({}, routeProps, {
   badgeProps: Object,
   iconPrefix: String
 });
-var stdin_default$1G = defineComponent({
+var stdin_default$1F = defineComponent({
   name: name$1w,
   props: actionBarIconProps,
   setup(props, {
@@ -1044,7 +1044,7 @@ var stdin_default$1G = defineComponent({
     }, [renderIcon(), slots.default ? slots.default() : props.text]);
   }
 });
-const ActionBarIcon = withInstall(stdin_default$1G);
+const ActionBarIcon = withInstall(stdin_default$1F);
 const popupSharedProps = {
   // whether to show popup
   show: Boolean,
@@ -1205,7 +1205,7 @@ const overlayProps = {
   lazyRender: truthProp,
   customStyle: Object
 };
-var stdin_default$1F = defineComponent({
+var stdin_default$1E = defineComponent({
   name: name$1v,
   props: overlayProps,
   setup(props, {
@@ -1241,7 +1241,7 @@ var stdin_default$1F = defineComponent({
     });
   }
 });
-const Overlay = withInstall(stdin_default$1F);
+const Overlay = withInstall(stdin_default$1E);
 const popupProps$2 = extend({}, popupSharedProps, {
   round: Boolean,
   position: makeStringProp("center"),
@@ -1255,7 +1255,7 @@ const popupProps$2 = extend({}, popupSharedProps, {
   safeAreaInsetBottom: Boolean
 });
 const [name$1u, bem$1p] = createNamespace("popup");
-var stdin_default$1E = defineComponent({
+var stdin_default$1D = defineComponent({
   name: name$1u,
   inheritAttrs: false,
   props: popupProps$2,
@@ -1433,7 +1433,7 @@ var stdin_default$1E = defineComponent({
     };
   }
 });
-const Popup = withInstall(stdin_default$1E);
+const Popup = withInstall(stdin_default$1D);
 const [name$1t, bem$1o] = createNamespace("action-sheet");
 const actionSheetProps = extend({}, popupSharedProps, {
   title: String,
@@ -1448,7 +1448,7 @@ const actionSheetProps = extend({}, popupSharedProps, {
   safeAreaInsetBottom: truthProp
 });
 const popupInheritKeys$2 = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default$1D = defineComponent({
+var stdin_default$1C = defineComponent({
   name: name$1t,
   props: actionSheetProps,
   emits: ["select", "cancel", "update:show"],
@@ -1555,7 +1555,7 @@ var stdin_default$1D = defineComponent({
     });
   }
 });
-const ActionSheet = withInstall(stdin_default$1D);
+const ActionSheet = withInstall(stdin_default$1C);
 const [name$1s, bem$1n, t$j] = createNamespace("picker");
 const getFirstEnabledOption = (options) => options.find((option) => !option.disabled) || options[0];
 function getColumnsType(columns, fields) {
@@ -1627,7 +1627,7 @@ const MOMENTUM_TIME = 300;
 const MOMENTUM_DISTANCE = 15;
 const [name$1r, bem$1m] = createNamespace("picker-column");
 const PICKER_KEY = Symbol(name$1r);
-var stdin_default$1C = defineComponent({
+var stdin_default$1B = defineComponent({
   name: name$1r,
   props: {
     value: numericProp,
@@ -1639,7 +1639,7 @@ var stdin_default$1C = defineComponent({
     swipeDuration: makeRequiredProp(numericProp),
     visibleOptionNum: makeRequiredProp(numericProp)
   },
-  emits: ["change", "clickOption"],
+  emits: ["change", "clickOption", "scrollInto"],
   setup(props, {
     emit,
     slots
@@ -1683,6 +1683,7 @@ var stdin_default$1C = defineComponent({
       emit("clickOption", props.options[index]);
     };
     const getIndexByOffset = (offset) => clamp(Math.round(-offset / props.optionHeight), 0, count() - 1);
+    const currentIndex = computed(() => getIndexByOffset(currentOffset.value));
     const momentum = (distance, duration) => {
       const speed = Math.abs(distance / duration);
       distance = currentOffset.value + speed / 3e-3 * (distance < 0 ? -1 : 1);
@@ -1722,11 +1723,16 @@ var stdin_default$1C = defineComponent({
         moving = true;
         preventDefault(event, true);
       }
-      currentOffset.value = clamp(startOffset + touch.deltaY.value, -(count() * props.optionHeight), props.optionHeight);
+      const newOffset = clamp(startOffset + touch.deltaY.value, -(count() * props.optionHeight), props.optionHeight);
+      const newIndex = getIndexByOffset(newOffset);
+      if (newIndex !== currentIndex.value) {
+        emit("scrollInto", props.options[newIndex]);
+      }
+      currentOffset.value = newOffset;
       const now = Date.now();
       if (now - touchStartTime > MOMENTUM_TIME) {
         touchStartTime = now;
-        momentumOffset = currentOffset.value;
+        momentumOffset = newOffset;
       }
     };
     const onTouchEnd = () => {
@@ -1813,7 +1819,7 @@ const pickerToolbarProps = {
 };
 const pickerToolbarSlots = ["cancel", "confirm", "title", "toolbar"];
 const pickerToolbarPropKeys = Object.keys(pickerToolbarProps);
-var stdin_default$1B = defineComponent({
+var stdin_default$1A = defineComponent({
   name: name$1q,
   props: pickerToolbarProps,
   emits: ["confirm", "cancel"],
@@ -1942,7 +1948,7 @@ const stickyProps = {
   offsetTop: makeNumericProp(0),
   offsetBottom: makeNumericProp(0)
 };
-var stdin_default$1A = defineComponent({
+var stdin_default$1z = defineComponent({
   name: name$1p,
   props: stickyProps,
   emits: ["scroll", "change"],
@@ -1960,8 +1966,12 @@ var stdin_default$1A = defineComponent({
       // root height
       transform: 0
     });
+    const isReset = ref(false);
     const offset = computed(() => unitToPx(props.position === "top" ? props.offsetTop : props.offsetBottom));
     const rootStyle = computed(() => {
+      if (isReset.value) {
+        return;
+      }
       const {
         fixed,
         height,
@@ -1975,7 +1985,7 @@ var stdin_default$1A = defineComponent({
       }
     });
     const stickyStyle = computed(() => {
-      if (!state.fixed) {
+      if (!state.fixed || isReset.value) {
         return;
       }
       const style = extend(getZIndexStyle(props.zIndex), {
@@ -2034,6 +2044,18 @@ var stdin_default$1A = defineComponent({
       passive: true
     });
     useVisibilityChange(root, onScroll);
+    watch([windowWidth, windowHeight], () => {
+      if (!root.value || isHidden(root) || !state.fixed) {
+        return;
+      }
+      isReset.value = true;
+      nextTick(() => {
+        const rootRect = useRect(root);
+        state.width = rootRect.width;
+        state.height = rootRect.height;
+        isReset.value = false;
+      });
+    });
     return () => {
       var _a;
       return createVNode("div", {
@@ -2041,98 +2063,15 @@ var stdin_default$1A = defineComponent({
         "style": rootStyle.value
       }, [createVNode("div", {
         "class": bem$1l({
-          fixed: state.fixed
+          fixed: state.fixed && !isReset.value
         }),
         "style": stickyStyle.value
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
     };
   }
 });
-const Sticky = withInstall(stdin_default$1A);
-const [name$1o, bem$1k] = createNamespace("tab");
-var stdin_default$1z = defineComponent({
-  name: name$1o,
-  props: {
-    id: String,
-    dot: Boolean,
-    type: String,
-    color: String,
-    title: String,
-    badge: numericProp,
-    shrink: Boolean,
-    isActive: Boolean,
-    disabled: Boolean,
-    controls: String,
-    scrollable: Boolean,
-    activeColor: String,
-    inactiveColor: String,
-    showZeroBadge: truthProp
-  },
-  setup(props, {
-    slots
-  }) {
-    const style = computed(() => {
-      const style2 = {};
-      const {
-        type,
-        color,
-        disabled,
-        isActive,
-        activeColor,
-        inactiveColor
-      } = props;
-      const isCard = type === "card";
-      if (color && isCard) {
-        style2.borderColor = color;
-        if (!disabled) {
-          if (isActive) {
-            style2.backgroundColor = color;
-          } else {
-            style2.color = color;
-          }
-        }
-      }
-      const titleColor = isActive ? activeColor : inactiveColor;
-      if (titleColor) {
-        style2.color = titleColor;
-      }
-      return style2;
-    });
-    const renderText = () => {
-      const Text2 = createVNode("span", {
-        "class": bem$1k("text", {
-          ellipsis: !props.scrollable
-        })
-      }, [slots.title ? slots.title() : props.title]);
-      if (props.dot || isDef(props.badge) && props.badge !== "") {
-        return createVNode(Badge, {
-          "dot": props.dot,
-          "content": props.badge,
-          "showZero": props.showZeroBadge
-        }, {
-          default: () => [Text2]
-        });
-      }
-      return Text2;
-    };
-    return () => createVNode("div", {
-      "id": props.id,
-      "role": "tab",
-      "class": [bem$1k([props.type, {
-        grow: props.scrollable && !props.shrink,
-        shrink: props.shrink,
-        active: props.isActive,
-        disabled: props.disabled
-      }])],
-      "style": style.value,
-      "tabindex": props.disabled ? void 0 : props.isActive ? 0 : -1,
-      "aria-selected": props.isActive,
-      "aria-disabled": props.disabled || void 0,
-      "aria-controls": props.controls
-    }, [renderText()]);
-  }
-});
-const [name$1n, bem$1j] = createNamespace("swipe");
+const Sticky = withInstall(stdin_default$1z);
+const [name$1o, bem$1k] = createNamespace("swipe");
 const swipeProps = {
   loop: truthProp,
   width: numericProp,
@@ -2147,9 +2086,9 @@ const swipeProps = {
   showIndicators: truthProp,
   stopPropagation: truthProp
 };
-const SWIPE_KEY = Symbol(name$1n);
+const SWIPE_KEY = Symbol(name$1o);
 var stdin_default$1y = defineComponent({
-  name: name$1n,
+  name: name$1o,
   props: swipeProps,
   emits: ["change", "dragStart", "dragEnd"],
   setup(props, {
@@ -2427,7 +2366,7 @@ var stdin_default$1y = defineComponent({
       } : void 0;
       return createVNode("i", {
         "style": style,
-        "class": bem$1j("indicator", {
+        "class": bem$1k("indicator", {
           active
         })
       }, null);
@@ -2441,7 +2380,7 @@ var stdin_default$1y = defineComponent({
       }
       if (props.showIndicators && count.value > 1) {
         return createVNode("div", {
-          "class": bem$1j("indicators", {
+          "class": bem$1k("indicators", {
             vertical: props.vertical
           })
         }, [Array(count.value).fill("").map(renderDot)]);
@@ -2483,11 +2422,11 @@ var stdin_default$1y = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$1j()
+        "class": bem$1k()
       }, [createVNode("div", {
         "ref": track,
         "style": trackStyle.value,
-        "class": bem$1j("track", {
+        "class": bem$1k("track", {
           vertical: props.vertical
         }),
         "onTouchstartPassive": onTouchStart,
@@ -2498,9 +2437,9 @@ var stdin_default$1y = defineComponent({
   }
 });
 const Swipe = withInstall(stdin_default$1y);
-const [name$1m, bem$1i] = createNamespace("tabs");
+const [name$1n, bem$1j] = createNamespace("tabs");
 var stdin_default$1x = defineComponent({
-  name: name$1m,
+  name: name$1n,
   props: {
     count: makeRequiredProp(Number),
     inited: Boolean,
@@ -2524,7 +2463,7 @@ var stdin_default$1x = defineComponent({
         return createVNode(Swipe, {
           "ref": swipeRef,
           "loop": false,
-          "class": bem$1i("track"),
+          "class": bem$1j("track"),
           "duration": +props.duration * 1e3,
           "touchable": props.swipeable,
           "lazyRender": props.lazyRender,
@@ -2552,13 +2491,13 @@ var stdin_default$1x = defineComponent({
       swipeRef
     });
     return () => createVNode("div", {
-      "class": bem$1i("content", {
+      "class": bem$1j("content", {
         animated: props.animated || props.swipeable
       })
     }, [renderChildren()]);
   }
 });
-const [name$1l, bem$1h] = createNamespace("tabs");
+const [name$1m, bem$1i] = createNamespace("tabs");
 const tabsProps = {
   type: makeStringProp("line"),
   color: String,
@@ -2581,9 +2520,9 @@ const tabsProps = {
   titleActiveColor: String,
   titleInactiveColor: String
 };
-const TABS_KEY = Symbol(name$1l);
+const TABS_KEY = Symbol(name$1m);
 var stdin_default$1w = defineComponent({
-  name: name$1l,
+  name: name$1m,
   props: tabsProps,
   emits: ["change", "scroll", "rendered", "clickTab", "update:active"],
   setup(props, {
@@ -2772,28 +2711,10 @@ var stdin_default$1w = defineComponent({
         setCurrentIndex(index);
       }
     };
-    const renderNav = () => children.map((item, index) => createVNode(stdin_default$1z, mergeProps({
-      "key": item.id,
-      "id": `${id}-${index}`,
-      "ref": setTitleRefs(index),
-      "type": props.type,
-      "color": props.color,
-      "style": item.titleStyle,
-      "class": item.titleClass,
-      "shrink": props.shrink,
-      "isActive": index === state.currentIndex,
-      "controls": item.id,
-      "scrollable": scrollable.value,
-      "activeColor": props.titleActiveColor,
-      "inactiveColor": props.titleInactiveColor,
-      "onClick": (event) => onClickTab(item, index, event)
-    }, pick(item, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
-      title: item.$slots.title
-    }));
     const renderLine = () => {
       if (props.type === "line" && children.length) {
         return createVNode("div", {
-          "class": bem$1h("line"),
+          "class": bem$1i("line"),
           "style": state.lineStyle
         }, null);
       }
@@ -2807,19 +2728,19 @@ var stdin_default$1w = defineComponent({
       } = props;
       const Header = [createVNode("div", {
         "ref": sticky ? void 0 : wrapRef,
-        "class": [bem$1h("wrap"), {
+        "class": [bem$1i("wrap"), {
           [BORDER_TOP_BOTTOM]: type === "line" && border
         }]
       }, [createVNode("div", {
         "ref": navRef,
         "role": "tablist",
-        "class": bem$1h("nav", [type, {
+        "class": bem$1i("nav", [type, {
           shrink: props.shrink,
           complete: scrollable.value
         }]),
         "style": navStyle.value,
         "aria-orientation": "horizontal"
-      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), renderNav(), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
+      }, [(_a = slots["nav-left"]) == null ? void 0 : _a.call(slots), children.map((item) => item.renderTitle(onClickTab)), renderLine(), (_b = slots["nav-right"]) == null ? void 0 : _b.call(slots)])]), (_c = slots["nav-bottom"]) == null ? void 0 : _c.call(slots)];
       if (sticky) {
         return createVNode("div", {
           "ref": wrapRef
@@ -2827,7 +2748,16 @@ var stdin_default$1w = defineComponent({
       }
       return Header;
     };
-    watch([() => props.color, windowWidth], setLine);
+    const resize = () => {
+      setLine();
+      nextTick(() => {
+        var _a, _b;
+        scrollIntoView(true);
+        (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
+      });
+    };
+    watch(() => [props.color, props.duration, props.lineWidth, props.lineHeight], setLine);
+    watch(windowWidth, resize);
     watch(() => props.active, (value) => {
       if (value !== currentName.value) {
         setCurrentIndexByName(value);
@@ -2853,13 +2783,6 @@ var stdin_default$1w = defineComponent({
       });
     };
     const onRendered = (name2, title) => emit("rendered", name2, title);
-    const resize = () => {
-      setLine();
-      nextTick(() => {
-        var _a, _b;
-        return (_b = (_a = contentRef.value) == null ? void 0 : _a.swipeRef.value) == null ? void 0 : _b.resize();
-      });
-    };
     useExpose({
       resize,
       scrollTo
@@ -2876,13 +2799,15 @@ var stdin_default$1w = defineComponent({
       id,
       props,
       setLine,
+      scrollable,
       onRendered,
       currentName,
+      setTitleRefs,
       scrollIntoView
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$1h([props.type])
+      "class": bem$1i([props.type])
     }, [props.sticky ? createVNode(Sticky, {
       "container": root.value,
       "offsetTop": offsetTopPx.value,
@@ -2909,6 +2834,89 @@ var stdin_default$1w = defineComponent({
 });
 const TAB_STATUS_KEY = Symbol();
 const useTabStatus = () => inject(TAB_STATUS_KEY, null);
+const [name$1l, bem$1h] = createNamespace("tab");
+const TabTitle = defineComponent({
+  name: name$1l,
+  props: {
+    id: String,
+    dot: Boolean,
+    type: String,
+    color: String,
+    title: String,
+    badge: numericProp,
+    shrink: Boolean,
+    isActive: Boolean,
+    disabled: Boolean,
+    controls: String,
+    scrollable: Boolean,
+    activeColor: String,
+    inactiveColor: String,
+    showZeroBadge: truthProp
+  },
+  setup(props, {
+    slots
+  }) {
+    const style = computed(() => {
+      const style2 = {};
+      const {
+        type,
+        color,
+        disabled,
+        isActive,
+        activeColor,
+        inactiveColor
+      } = props;
+      const isCard = type === "card";
+      if (color && isCard) {
+        style2.borderColor = color;
+        if (!disabled) {
+          if (isActive) {
+            style2.backgroundColor = color;
+          } else {
+            style2.color = color;
+          }
+        }
+      }
+      const titleColor = isActive ? activeColor : inactiveColor;
+      if (titleColor) {
+        style2.color = titleColor;
+      }
+      return style2;
+    });
+    const renderText = () => {
+      const Text2 = createVNode("span", {
+        "class": bem$1h("text", {
+          ellipsis: !props.scrollable
+        })
+      }, [slots.title ? slots.title() : props.title]);
+      if (props.dot || isDef(props.badge) && props.badge !== "") {
+        return createVNode(Badge, {
+          "dot": props.dot,
+          "content": props.badge,
+          "showZero": props.showZeroBadge
+        }, {
+          default: () => [Text2]
+        });
+      }
+      return Text2;
+    };
+    return () => createVNode("div", {
+      "id": props.id,
+      "role": "tab",
+      "class": [bem$1h([props.type, {
+        grow: props.scrollable && !props.shrink,
+        shrink: props.shrink,
+        active: props.isActive,
+        disabled: props.disabled
+      }])],
+      "style": style.value,
+      "tabindex": props.disabled ? void 0 : props.isActive ? 0 : -1,
+      "aria-selected": props.isActive,
+      "aria-disabled": props.disabled || void 0,
+      "aria-controls": props.controls
+    }, [renderText()]);
+  }
+});
 const [name$1k, bem$1g] = createNamespace("swipe-item");
 var stdin_default$1v = defineComponent({
   name: name$1k,
@@ -3002,6 +3010,7 @@ var stdin_default$1u = defineComponent({
   }) {
     const id = useId();
     const inited = ref(false);
+    const instance2 = getCurrentInstance();
     const {
       parent,
       index
@@ -3031,6 +3040,21 @@ var stdin_default$1u = defineComponent({
       }
       return isActive;
     });
+    const renderTitle = (onClickTab) => createVNode(TabTitle, mergeProps({
+      "key": id,
+      "id": `${parent.id}-${index.value}`,
+      "ref": parent.setTitleRefs(index.value),
+      "style": props.titleStyle,
+      "class": props.titleClass,
+      "isActive": active.value,
+      "controls": id,
+      "scrollable": parent.scrollable.value,
+      "activeColor": parent.props.titleActiveColor,
+      "inactiveColor": parent.props.titleInactiveColor,
+      "onClick": (event) => onClickTab(instance2.proxy, index.value, event)
+    }, pick(parent.props, ["type", "color", "shrink"]), pick(props, ["dot", "badge", "title", "disabled", "showZeroBadge"])), {
+      title: slots.title
+    });
     const hasInactiveClass = ref(!active.value);
     watch(active, (val) => {
       if (val) {
@@ -3046,6 +3070,10 @@ var stdin_default$1u = defineComponent({
       parent.scrollIntoView();
     });
     provide(TAB_STATUS_KEY, active);
+    useExpose({
+      id,
+      renderTitle
+    });
     return () => {
       var _a;
       const label = `${parent.id}-${index.value}`;
@@ -3080,9 +3108,6 @@ var stdin_default$1u = defineComponent({
       }
       const shouldRender = inited.value || scrollspy || !lazyRender;
       const Content = shouldRender ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null;
-      useExpose({
-        id
-      });
       return withDirectives(createVNode("div", {
         "id": id,
         "role": "tabpanel",
@@ -3130,7 +3155,7 @@ var stdin_default$1t = defineComponent({
       const confirmButtonText = showNextButton() ? props.nextStepText : props.confirmButtonText;
       return createVNode("div", {
         "class": bem$1e()
-      }, [createVNode(stdin_default$1B, {
+      }, [createVNode(stdin_default$1A, {
         "title": props.title,
         "cancelButtonText": props.cancelButtonText,
         "confirmButtonText": confirmButtonText,
@@ -3172,7 +3197,7 @@ const pickerProps = extend({}, pickerSharedProps, {
 var stdin_default$1s = defineComponent({
   name: name$1s,
   props: pickerProps,
-  emits: ["confirm", "cancel", "change", "clickOption", "update:modelValue"],
+  emits: ["confirm", "cancel", "change", "scrollInto", "clickOption", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -3234,10 +3259,14 @@ var stdin_default$1s = defineComponent({
         }, getEventParams()));
       });
     };
-    const onClickOption = (currentOption, columnIndex) => emit("clickOption", extend({
-      columnIndex,
-      currentOption
-    }, getEventParams()));
+    const onClickOption = (currentOption, columnIndex) => {
+      const params = {
+        columnIndex,
+        currentOption
+      };
+      emit("clickOption", extend(getEventParams(), params));
+      emit("scrollInto", params);
+    };
     const confirm = () => {
       children.forEach((child) => child.stopMomentum());
       const params = getEventParams();
@@ -3247,7 +3276,7 @@ var stdin_default$1s = defineComponent({
       return params;
     };
     const cancel = () => emit("cancel", getEventParams());
-    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(stdin_default$1C, {
+    const renderColumnItems = () => currentColumns.value.map((options, columnIndex) => createVNode(stdin_default$1B, {
       "value": selectedValues.value[columnIndex],
       "fields": fields.value,
       "options": options,
@@ -3257,7 +3286,13 @@ var stdin_default$1s = defineComponent({
       "swipeDuration": props.swipeDuration,
       "visibleOptionNum": props.visibleOptionNum,
       "onChange": (value) => onChange(value, columnIndex),
-      "onClickOption": (option) => onClickOption(option, columnIndex)
+      "onClickOption": (option) => onClickOption(option, columnIndex),
+      "onScrollInto": (option) => {
+        emit("scrollInto", {
+          currentOption: option,
+          columnIndex
+        });
+      }
     }, {
       option: slots.option
     }));
@@ -3291,7 +3326,7 @@ var stdin_default$1s = defineComponent({
     };
     const renderToolbar = () => {
       if (props.showToolbar && !parent) {
-        return createVNode(stdin_default$1B, mergeProps(pick(props, pickerToolbarPropKeys), {
+        return createVNode(stdin_default$1A, mergeProps(pick(props, pickerToolbarPropKeys), {
           "onConfirm": confirm,
           "onCancel": cancel
         }), pick(slots, pickerToolbarSlots));
@@ -7755,7 +7790,7 @@ var stdin_default$_ = defineComponent({
   }
 });
 const CollapseItem = withInstall(stdin_default$_);
-const ConfigProvider = withInstall(stdin_default$1L);
+const ConfigProvider = withInstall(stdin_default$1K);
 const [name$Q, bem$P, t$d] = createNamespace("contact-card");
 const contactCardProps = {
   tel: String,
@@ -11145,7 +11180,9 @@ const paginationProps = {
   totalItems: makeNumericProp(0),
   showPageSize: makeNumericProp(5),
   itemsPerPage: makeNumericProp(10),
-  forceEllipses: Boolean
+  forceEllipses: Boolean,
+  showPrevButton: truthProp,
+  showNextButton: truthProp
 };
 var stdin_default$A = defineComponent({
   name: name$s,
@@ -11215,8 +11252,12 @@ var stdin_default$A = defineComponent({
     const renderPrevButton = () => {
       const {
         mode,
-        modelValue
+        modelValue,
+        showPrevButton
       } = props;
+      if (!showPrevButton) {
+        return;
+      }
       const slot = slots["prev-text"];
       const disabled = modelValue === 1;
       return createVNode("li", {
@@ -11234,8 +11275,12 @@ var stdin_default$A = defineComponent({
     const renderNextButton = () => {
       const {
         mode,
-        modelValue
+        modelValue,
+        showNextButton
       } = props;
+      if (!showNextButton) {
+        return;
+      }
       const slot = slots["next-text"];
       const disabled = modelValue === count.value;
       return createVNode("li", {
@@ -14387,6 +14432,7 @@ var stdin_default$4 = defineComponent({
         if (props.image && !slots.content) {
           return createVNode("image", {
             "href": imageBase64.value,
+            "xlink:href": imageBase64.value,
             "x": "0",
             "y": "0",
             "width": props.width,
@@ -14415,6 +14461,7 @@ var stdin_default$4 = defineComponent({
         "width": svgWidth,
         "height": svgHeight,
         "xmlns": "http://www.w3.org/2000/svg",
+        "xmlns:xlink": "http://www.w3.org/1999/xlink",
         "style": {
           padding: `0 ${props.gapX}px ${props.gapY}px 0`,
           opacity: props.opacity
@@ -14437,7 +14484,7 @@ var stdin_default$4 = defineComponent({
     };
     const makeSvgToBlobUrl = (svgStr) => {
       const svgBlob = new Blob([svgStr], {
-        type: "image/svg+xml;charset=utf-8"
+        type: "image/svg+xml"
       });
       return URL.createObjectURL(svgBlob);
     };
@@ -15355,7 +15402,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.2.0";
+const version = "4.2.1";
 function install(app) {
   const components = [
     ActionBar,