vant 3.4.4 → 3.4.7

package/lib/vant.cjs.js

@@ -121,6 +121,12 @@ function addUnit(value) {
 }
 function getSizeStyle(originSize) {
   if (isDef(originSize)) {
+    if (Array.isArray(originSize)) {
+      return {
+        width: addUnit(originSize[0]),
+        height: addUnit(originSize[1])
+      };
+    }
     const size = addUnit(originSize);
     return {
       width: size,
@@ -262,7 +268,7 @@ var stdin_default$1D = {
     loosing: "\u91CA\u653E\u5373\u53EF\u5237\u65B0..."
   },
   vanSubmitBar: {
-    label: "\u5408\u8BA1\uFF1A"
+    label: "\u5408\u8BA1:"
   },
   vanCoupon: {
     unlimited: "\u65E0\u95E8\u69DB",
@@ -989,7 +995,7 @@ function useTouch() {
   };
   const move = (event) => {
     const touch = event.touches[0];
-    deltaX.value = touch.clientX < 0 ? 0 : touch.clientX - startX.value;
+    deltaX.value = (touch.clientX < 0 ? 0 : touch.clientX) - startX.value;
     deltaY.value = touch.clientY - startY.value;
     offsetX.value = Math.abs(deltaX.value);
     offsetY.value = Math.abs(deltaY.value);
@@ -1129,6 +1135,7 @@ const popupProps$2 = extend({}, popupSharedProps, {
   iconPrefix: String,
   closeOnPopstate: Boolean,
   closeIconPosition: makeStringProp("top-right"),
+  safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: Boolean
 });
 const [name$1l, bem$1h] = createNamespace("popup");
@@ -1137,7 +1144,7 @@ var stdin_default$1s = vue.defineComponent({
   name: name$1l,
   inheritAttrs: false,
   props: popupProps$2,
-  emits: ["open", "close", "opened", "closed", "update:show", "click-overlay", "click-close-icon"],
+  emits: ["open", "close", "opened", "closed", "keydown", "update:show", "click-overlay", "click-close-icon"],
   setup(props, {
     emit,
     attrs,
@@ -1217,11 +1224,13 @@ var stdin_default$1s = vue.defineComponent({
     };
     const onOpened = () => emit("opened");
     const onClosed = () => emit("closed");
+    const onKeydown = (event) => emit("keydown", event);
     const renderPopup = lazyRender(() => {
       var _a;
       const {
         round,
         position,
+        safeAreaInsetTop,
         safeAreaInsetBottom
       } = props;
       return vue.withDirectives(vue.createVNode("div", vue.mergeProps({
@@ -1231,8 +1240,10 @@ var stdin_default$1s = vue.defineComponent({
           round,
           [position]: position
         }), {
+          "van-safe-area-top": safeAreaInsetTop,
           "van-safe-area-bottom": safeAreaInsetBottom
-        }]
+        }],
+        "onKeydown": onKeydown
       }, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[vue.vShow, props.show]]);
     });
     const renderTransition = () => {
@@ -1254,6 +1265,12 @@ var stdin_default$1s = vue.defineComponent({
     vue.watch(() => props.show, (show) => {
       if (show && !opened) {
         open();
+        if (attrs.tabindex === 0) {
+          vue.nextTick(() => {
+            var _a;
+            (_a = popupRef.value) == null ? void 0 : _a.focus();
+          });
+        }
       }
       if (!show && opened) {
         opened = false;
@@ -3008,7 +3025,7 @@ function lockClick(lock) {
   }
 }
 const [name$1d, bem$19] = createNamespace("toast");
-const popupInheritProps = ["show", "overlay", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
+const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
 const toastProps = {
   icon: String,
   show: Boolean,
@@ -3018,6 +3035,7 @@ const toastProps = {
   iconSize: numericProp,
   duration: makeNumberProp(2e3),
   position: makeStringProp("middle"),
+  teleport: [String, Object],
   className: unknownProp,
   iconPrefix: String,
   transition: makeStringProp("van-fade"),
@@ -3083,6 +3101,7 @@ var stdin_default$1k = vue.defineComponent({
       } = props;
       if (isDef(message) && message !== "") {
         return type === "html" ? vue.createVNode("div", {
+          "key": 0,
           "class": bem$19("text"),
           "innerHTML": String(message)
         }, null) : vue.createVNode("div", {
@@ -4606,6 +4625,7 @@ const calendarProps = {
   showRangePrompt: truthProp,
   confirmDisabledText: String,
   closeOnClickOverlay: truthProp,
+  safeAreaInsetTop: Boolean,
   safeAreaInsetBottom: truthProp,
   minDate: {
     type: Date,
@@ -4768,8 +4788,8 @@ var stdin_default$17 = vue.defineComponent({
       }
       use.raf(() => {
         bodyHeight = Math.floor(use.useRect(bodyRef).height);
-        scrollToCurrentDate();
       });
+      scrollToCurrentDate();
     };
     const reset = (date = getInitialDate()) => {
       currentDate.value = date;
@@ -4954,6 +4974,7 @@ var stdin_default$17 = vue.defineComponent({
           "closeable": props.showTitle || props.showSubtitle,
           "teleport": props.teleport,
           "closeOnPopstate": props.closeOnPopstate,
+          "safeAreaInsetTop": props.safeAreaInsetTop,
           "closeOnClickOverlay": props.closeOnClickOverlay,
           "onUpdate:show": updateShow
         }, {
@@ -6082,6 +6103,7 @@ var stdin_default$10 = vue.defineComponent({
       }
     };
     const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$13, vue.mergeProps({
+      "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
       "type": props.type,
@@ -7126,7 +7148,8 @@ const collapseItemProps = extend({}, cellSharedProps, {
   name: numericProp,
   isLink: truthProp,
   disabled: Boolean,
-  readonly: Boolean
+  readonly: Boolean,
+  lazyRender: truthProp
 });
 var stdin_default$R = vue.defineComponent({
   name: name$L,
@@ -7149,7 +7172,7 @@ var stdin_default$R = vue.defineComponent({
     });
     const expanded = vue.computed(() => parent.isExpanded(name2.value));
     const show = vue.ref(expanded.value);
-    const lazyRender = useLazyRender(show);
+    const lazyRender = useLazyRender(() => show.value || !props.lazyRender);
     const onTransitionEnd = () => {
       if (!expanded.value) {
         show.value = false;
@@ -7671,14 +7694,152 @@ var stdin_default$L = vue.defineComponent({
   }
 });
 const CouponCell = withInstall(stdin_default$L);
-const [name$E, bem$D, t$8] = createNamespace("coupon-list");
-const EMPTY_IMAGE = "https://img.yzcdn.cn/vant/coupon-empty.png";
+const prefix = "van-empty-network-";
+const renderStop = (color, offset, opacity) => vue.createVNode("stop", {
+  "stop-color": color,
+  "offset": `${offset}%`,
+  "stop-opacity": opacity
+}, null);
+const Network = vue.createVNode("svg", {
+  "viewBox": "0 0 160 160"
+}, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+  "id": `${prefix}1`,
+  "x1": "64%",
+  "y1": "100%",
+  "x2": "64%"
+}, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), vue.createVNode("linearGradient", {
+  "id": `${prefix}2`,
+  "x1": "50%",
+  "x2": "50%",
+  "y2": "84%"
+}, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), vue.createVNode("linearGradient", {
+  "id": `${prefix}3`,
+  "x1": "100%",
+  "x2": "100%",
+  "y2": "100%"
+}, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.createVNode("radialGradient", {
+  "id": `${prefix}4`,
+  "cx": "50%",
+  "cy": "0%",
+  "fx": "50%",
+  "fy": "0%",
+  "r": "100%",
+  "gradientTransform": "matrix(0 1 -.54 0 .5 -.5)"
+}, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), vue.createVNode("g", {
+  "fill": "none"
+}, [vue.createVNode("g", {
+  "opacity": ".8"
+}, [vue.createVNode("path", {
+  "d": "M36 131V53H16v20H2v58h34z",
+  "fill": `url(#${prefix}1)`
+}, null), vue.createVNode("path", {
+  "d": "M123 15h22v14h9v77h-31V15z",
+  "fill": `url(#${prefix}1)`
+}, null)]), vue.createVNode("path", {
+  "fill": `url(#${prefix}4)`,
+  "d": "M0 139h160v21H0z"
+}, null), vue.createVNode("path", {
+  "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
+  "fill": `url(#${prefix}2)`
+}, null), vue.createVNode("g", {
+  "opacity": ".6",
+  "stroke-linecap": "round",
+  "stroke-width": "7"
+}, [vue.createVNode("path", {
+  "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
+  "stroke": `url(#${prefix}3)`
+}, null), vue.createVNode("path", {
+  "d": "M53 36a34 34 0 0 0 0 48",
+  "stroke": `url(#${prefix}3)`
+}, null), vue.createVNode("path", {
+  "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
+  "stroke": `url(#${prefix}3)`
+}, null), vue.createVNode("path", {
+  "d": "M106 84a34 34 0 0 0 0-48",
+  "stroke": `url(#${prefix}3)`
+}, null)]), vue.createVNode("g", {
+  "transform": "translate(31 105)"
+}, [vue.createVNode("rect", {
+  "fill": "#EBEDF0",
+  "width": "98",
+  "height": "34",
+  "rx": "2"
+}, null), vue.createVNode("rect", {
+  "fill": "#FFF",
+  "x": "9",
+  "y": "8",
+  "width": "80",
+  "height": "18",
+  "rx": "1.1"
+}, null), vue.createVNode("rect", {
+  "fill": "#EBEDF0",
+  "x": "15",
+  "y": "12",
+  "width": "18",
+  "height": "6",
+  "rx": "1.1"
+}, null)])])]);
+const [name$E, bem$D] = createNamespace("empty");
+const PRESET_IMAGES = ["error", "search", "default"];
+const emptyProps = {
+  image: makeStringProp("default"),
+  imageSize: numericProp,
+  description: String
+};
+var stdin_default$K = vue.defineComponent({
+  name: name$E,
+  props: emptyProps,
+  setup(props, {
+    slots
+  }) {
+    const renderImage = () => {
+      if (slots.image) {
+        return slots.image();
+      }
+      let {
+        image
+      } = props;
+      if (image === "network") {
+        return Network;
+      }
+      if (PRESET_IMAGES.includes(image)) {
+        image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
+      }
+      return vue.createVNode("img", {
+        "src": image
+      }, null);
+    };
+    const renderDescription = () => {
+      const description = slots.description ? slots.description() : props.description;
+      if (description) {
+        return vue.createVNode("p", {
+          "class": bem$D("description")
+        }, [description]);
+      }
+    };
+    const renderBottom = () => {
+      if (slots.default) {
+        return vue.createVNode("div", {
+          "class": bem$D("bottom")
+        }, [slots.default()]);
+      }
+    };
+    return () => vue.createVNode("div", {
+      "class": bem$D()
+    }, [vue.createVNode("div", {
+      "class": bem$D("image"),
+      "style": getSizeStyle(props.imageSize)
+    }, [renderImage()]), renderDescription(), renderBottom()]);
+  }
+});
+const Empty = withInstall(stdin_default$K);
+const [name$D, bem$C, t$8] = createNamespace("coupon-list");
 const couponListProps = {
   code: makeStringProp(""),
   coupons: makeArrayProp(),
   currency: makeStringProp("\xA5"),
   showCount: truthProp,
-  emptyImage: makeStringProp(EMPTY_IMAGE),
+  emptyImage: String,
   chosenCoupon: makeNumberProp(-1),
   enabledTitle: String,
   disabledTitle: String,
@@ -7693,8 +7854,8 @@ const couponListProps = {
   exchangeButtonLoading: Boolean,
   exchangeButtonDisabled: Boolean
 };
-var stdin_default$K = vue.defineComponent({
-  name: name$E,
+var stdin_default$J = vue.defineComponent({
+  name: name$D,
   props: couponListProps,
   emits: ["change", "exchange", "update:code"],
   setup(props, {
@@ -7726,28 +7887,30 @@ var stdin_default$K = vue.defineComponent({
         return (_a = couponRefs.value[index]) == null ? void 0 : _a.scrollIntoView();
       });
     };
-    const renderEmpty = () => vue.createVNode("div", {
-      "class": bem$D("empty")
-    }, [vue.createVNode("img", {
-      "src": props.emptyImage
-    }, null), vue.createVNode("p", null, [t$8("noCoupon")])]);
+    const renderEmpty = () => vue.createVNode(Empty, {
+      "image": props.emptyImage
+    }, {
+      default: () => [vue.createVNode("p", {
+        "class": bem$C("empty-tip")
+      }, [t$8("noCoupon")])]
+    });
     const renderExchangeBar = () => {
       if (props.showExchangeBar) {
         return vue.createVNode("div", {
           "ref": barRef,
-          "class": bem$D("exchange-bar")
+          "class": bem$C("exchange-bar")
         }, [vue.createVNode(Field, {
           "modelValue": currentCode.value,
           "onUpdate:modelValue": ($event) => currentCode.value = $event,
           "clearable": true,
           "border": false,
-          "class": bem$D("field"),
+          "class": bem$C("field"),
           "placeholder": props.inputPlaceholder || t$8("placeholder"),
           "maxlength": "20"
         }, null), vue.createVNode(Button, {
           "plain": true,
           "type": "danger",
-          "class": bem$D("exchange"),
+          "class": bem$C("exchange"),
           "text": props.exchangeButtonText || t$8("exchange"),
           "loading": props.exchangeButtonLoading,
           "disabled": buttonDisabled.value,
@@ -7767,7 +7930,7 @@ var stdin_default$K = vue.defineComponent({
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$D("list", {
+            "class": bem$C("list", {
               "with-bottom": props.showCloseButton
             }),
             "style": {
@@ -7796,7 +7959,7 @@ var stdin_default$K = vue.defineComponent({
         default: () => {
           var _a;
           return [vue.createVNode("div", {
-            "class": bem$D("list", {
+            "class": bem$C("list", {
               "with-bottom": props.showCloseButton
             }),
             "style": {
@@ -7823,29 +7986,29 @@ var stdin_default$K = vue.defineComponent({
     });
     return () => vue.createVNode("div", {
       "ref": root,
-      "class": bem$D()
+      "class": bem$C()
     }, [renderExchangeBar(), vue.createVNode(Tabs, {
       "active": activeTab.value,
       "onUpdate:active": ($event) => activeTab.value = $event,
-      "class": bem$D("tab")
+      "class": bem$C("tab")
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), vue.createVNode("div", {
-      "class": bem$D("bottom")
+      "class": bem$C("bottom")
     }, [vue.withDirectives(vue.createVNode(Button, {
       "round": true,
       "block": true,
       "type": "danger",
-      "class": bem$D("close"),
+      "class": bem$C("close"),
       "text": props.closeButtonText || t$8("close"),
       "onClick": () => emit("change", -1)
     }, null), [[vue.vShow, props.showCloseButton]])])]);
   }
 });
-const CouponList = withInstall(stdin_default$K);
-const [name$D] = createNamespace("time-picker");
-var stdin_default$J = vue.defineComponent({
-  name: name$D,
+const CouponList = withInstall(stdin_default$J);
+const [name$C] = createNamespace("time-picker");
+var stdin_default$I = vue.defineComponent({
+  name: name$C,
   props: extend({}, sharedProps, {
     minHour: makeNumericProp(0),
     maxHour: makeNumericProp(23),
@@ -7952,9 +8115,9 @@ var stdin_default$J = vue.defineComponent({
   }
 });
 const currentYear = new Date().getFullYear();
-const [name$C] = createNamespace("date-picker");
-var stdin_default$I = vue.defineComponent({
-  name: name$C,
+const [name$B] = createNamespace("date-picker");
+var stdin_default$H = vue.defineComponent({
+  name: name$B,
   props: extend({}, sharedProps, {
     type: makeStringProp("datetime"),
     modelValue: Date,
@@ -8169,8 +8332,7 @@ var stdin_default$I = vue.defineComponent({
     });
     vue.watch(columns, updateColumnValue);
     vue.watch(currentDate, (value, oldValue) => emit("update:modelValue", oldValue ? value : null));
-    vue.watch(() => [props.filter, props.maxDate], updateInnerValue);
-    vue.watch(() => props.minDate, () => {
+    vue.watch(() => [props.filter, props.minDate, props.maxDate], () => {
       vue.nextTick(updateInnerValue);
     });
     vue.watch(() => props.modelValue, (value) => {
@@ -8192,14 +8354,14 @@ var stdin_default$I = vue.defineComponent({
     }, pick(props, pickerInheritKeys)), slots);
   }
 });
-const [name$B, bem$C] = createNamespace("datetime-picker");
-const timePickerPropKeys = Object.keys(stdin_default$J.props);
-const datePickerPropKeys = Object.keys(stdin_default$I.props);
-const datetimePickerProps = extend({}, stdin_default$J.props, stdin_default$I.props, {
+const [name$A, bem$B] = createNamespace("datetime-picker");
+const timePickerPropKeys = Object.keys(stdin_default$I.props);
+const datePickerPropKeys = Object.keys(stdin_default$H.props);
+const datetimePickerProps = extend({}, stdin_default$I.props, stdin_default$H.props, {
   modelValue: [String, Date]
 });
-var stdin_default$H = vue.defineComponent({
-  name: name$B,
+var stdin_default$G = vue.defineComponent({
+  name: name$A,
   props: datetimePickerProps,
   setup(props, {
     attrs,
@@ -8214,17 +8376,17 @@ var stdin_default$H = vue.defineComponent({
     });
     return () => {
       const isTimePicker = props.type === "time";
-      const Component = isTimePicker ? stdin_default$J : stdin_default$I;
+      const Component = isTimePicker ? stdin_default$I : stdin_default$H;
       const inheritProps = pick(props, isTimePicker ? timePickerPropKeys : datePickerPropKeys);
       return vue.createVNode(Component, vue.mergeProps({
         "ref": root,
-        "class": bem$C()
+        "class": bem$B()
       }, inheritProps, attrs), slots);
     };
   }
 });
-const DatetimePicker = withInstall(stdin_default$H);
-const [name$A, bem$B, t$7] = createNamespace("dialog");
+const DatetimePicker = withInstall(stdin_default$G);
+const [name$z, bem$A, t$7] = createNamespace("dialog");
 const dialogProps = extend({}, popupSharedProps, {
   title: String,
   theme: String,
@@ -8245,14 +8407,15 @@ const dialogProps = extend({}, popupSharedProps, {
   closeOnClickOverlay: Boolean
 });
 const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default$G = vue.defineComponent({
-  name: name$A,
+var stdin_default$F = vue.defineComponent({
+  name: name$z,
   props: dialogProps,
-  emits: ["confirm", "cancel", "update:show"],
+  emits: ["confirm", "cancel", "keydown", "update:show"],
   setup(props, {
     emit,
     slots
   }) {
+    const root = vue.ref();
     const loading = vue.reactive({
       confirm: false,
       cancel: false
@@ -8286,11 +8449,23 @@ var stdin_default$G = vue.defineComponent({
     };
     const onCancel = getActionHandler("cancel");
     const onConfirm = getActionHandler("confirm");
+    const onKeydown = vue.withKeys((event) => {
+      var _a, _b;
+      if (event.target !== ((_b = (_a = root.value) == null ? void 0 : _a.popupRef) == null ? void 0 : _b.value)) {
+        return;
+      }
+      const onEventType = {
+        Enter: props.showConfirmButton ? onConfirm : noop,
+        Escape: props.showCancelButton ? onCancel : noop
+      };
+      onEventType[event.key]();
+      emit("keydown", event);
+    }, ["enter", "esc"]);
     const renderTitle = () => {
       const title = slots.title ? slots.title() : props.title;
       if (title) {
         return vue.createVNode("div", {
-          "class": bem$B("header", {
+          "class": bem$A("header", {
             isolated: !props.message && !slots.default
           })
         }, [title]);
@@ -8302,7 +8477,7 @@ var stdin_default$G = vue.defineComponent({
         allowHtml,
         messageAlign
       } = props;
-      const classNames = bem$B("message", {
+      const classNames = bem$A("message", {
         "has-title": hasTitle,
         [messageAlign]: messageAlign
       });
@@ -8320,7 +8495,7 @@ var stdin_default$G = vue.defineComponent({
     const renderContent = () => {
       if (slots.default) {
         return vue.createVNode("div", {
-          "class": bem$B("content")
+          "class": bem$A("content")
         }, [slots.default()]);
       }
       const {
@@ -8332,18 +8507,18 @@ var stdin_default$G = vue.defineComponent({
         const hasTitle = !!(title || slots.title);
         return vue.createVNode("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem$B("content", {
+          "class": bem$A("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
     const renderButtons = () => vue.createVNode("div", {
-      "class": [BORDER_TOP, bem$B("footer")]
+      "class": [BORDER_TOP, bem$A("footer")]
     }, [props.showCancelButton && vue.createVNode(Button, {
       "size": "large",
       "text": props.cancelButtonText || t$7("cancel"),
-      "class": bem$B("cancel"),
+      "class": bem$A("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
@@ -8352,7 +8527,7 @@ var stdin_default$G = vue.defineComponent({
     }, null), props.showConfirmButton && vue.createVNode(Button, {
       "size": "large",
       "text": props.confirmButtonText || t$7("confirm"),
-      "class": [bem$B("confirm"), {
+      "class": [bem$A("confirm"), {
         [BORDER_LEFT]: props.showCancelButton
       }],
       "style": {
@@ -8362,19 +8537,19 @@ var stdin_default$G = vue.defineComponent({
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => vue.createVNode(ActionBar, {
-      "class": bem$B("footer")
+      "class": bem$A("footer")
     }, {
       default: () => [props.showCancelButton && vue.createVNode(ActionBarButton, {
         "type": "warning",
         "text": props.cancelButtonText || t$7("cancel"),
-        "class": bem$B("cancel"),
+        "class": bem$A("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
         "onClick": onCancel
       }, null), props.showConfirmButton && vue.createVNode(ActionBarButton, {
         "type": "danger",
         "text": props.confirmButtonText || t$7("confirm"),
-        "class": bem$B("confirm"),
+        "class": bem$A("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
         "onClick": onConfirm
@@ -8395,12 +8570,15 @@ var stdin_default$G = vue.defineComponent({
         className
       } = props;
       return vue.createVNode(Popup, vue.mergeProps({
+        "ref": root,
         "role": "dialog",
-        "class": [bem$B([theme]), className],
+        "class": [bem$A([theme]), className],
         "style": {
           width: addUnit(width)
         },
+        "tabindex": 0,
         "aria-labelledby": title || message,
+        "onKeydown": onKeydown,
         "onUpdate:show": updateShow
       }, pick(props, popupInheritKeys$1)), {
         default: () => [renderTitle(), renderContent(), renderFooter()]
@@ -8416,7 +8594,7 @@ function initInstance$2() {
         state,
         toggle
       } = usePopupState();
-      return () => vue.createVNode(stdin_default$G, vue.mergeProps(state, {
+      return () => vue.createVNode(stdin_default$F, vue.mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -8481,19 +8659,19 @@ Dialog.setDefaultOptions = (options) => {
 Dialog.resetDefaultOptions = () => {
   Dialog.currentOptions = extend({}, Dialog.defaultOptions);
 };
-Dialog.Component = withInstall(stdin_default$G);
+Dialog.Component = withInstall(stdin_default$F);
 Dialog.install = (app) => {
   app.use(Dialog.Component);
   app.config.globalProperties.$dialog = Dialog;
 };
-const [name$z, bem$A] = createNamespace("divider");
+const [name$y, bem$z] = createNamespace("divider");
 const dividerProps = {
   dashed: Boolean,
   hairline: truthProp,
   contentPosition: makeStringProp("center")
 };
-var stdin_default$F = vue.defineComponent({
-  name: name$z,
+var stdin_default$E = vue.defineComponent({
+  name: name$y,
   props: dividerProps,
   setup(props, {
     slots
@@ -8502,7 +8680,7 @@ var stdin_default$F = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "role": "separator",
-        "class": bem$A({
+        "class": bem$z({
           dashed: props.dashed,
           hairline: props.hairline,
           [`content-${props.contentPosition}`]: !!slots.default
@@ -8511,8 +8689,8 @@ var stdin_default$F = vue.defineComponent({
     };
   }
 });
-const Divider = withInstall(stdin_default$F);
-const [name$y, bem$z] = createNamespace("dropdown-menu");
+const Divider = withInstall(stdin_default$E);
+const [name$x, bem$y] = createNamespace("dropdown-menu");
 const dropdownMenuProps = {
   overlay: truthProp,
   zIndex: numericProp,
@@ -8522,9 +8700,9 @@ const dropdownMenuProps = {
   closeOnClickOutside: truthProp,
   closeOnClickOverlay: truthProp
 };
-const DROPDOWN_KEY = Symbol(name$y);
-var stdin_default$E = vue.defineComponent({
-  name: name$y,
+const DROPDOWN_KEY = Symbol(name$x);
+var stdin_default$D = vue.defineComponent({
+  name: name$x,
   props: dropdownMenuProps,
   setup(props, {
     slots
@@ -8592,7 +8770,7 @@ var stdin_default$E = vue.defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "class": [bem$z("item", {
+        "class": [bem$y("item", {
           disabled
         }), {
           [HAPTICS_FEEDBACK]: !disabled
@@ -8603,7 +8781,7 @@ var stdin_default$E = vue.defineComponent({
           }
         }
       }, [vue.createVNode("span", {
-        "class": [bem$z("title", {
+        "class": [bem$y("title", {
           down: showPopup === (props.direction === "down"),
           active: showPopup
         }), titleClass],
@@ -8627,18 +8805,18 @@ var stdin_default$E = vue.defineComponent({
       var _a;
       return vue.createVNode("div", {
         "ref": root,
-        "class": bem$z()
+        "class": bem$y()
       }, [vue.createVNode("div", {
         "ref": barRef,
         "style": barStyle.value,
-        "class": bem$z("bar", {
+        "class": bem$y("bar", {
           opened: opened.value
         })
       }, [children.map(renderTitle)]), (_a = slots.default) == null ? void 0 : _a.call(slots)]);
     };
   }
 });
-const [name$x, bem$y] = createNamespace("dropdown-item");
+const [name$w, bem$x] = createNamespace("dropdown-item");
 const dropdownItemProps = {
   title: String,
   options: makeArrayProp(),
@@ -8648,8 +8826,8 @@ const dropdownItemProps = {
   modelValue: unknownProp,
   titleClass: unknownProp
 };
-var stdin_default$D = vue.defineComponent({
-  name: name$x,
+var stdin_default$C = vue.defineComponent({
+  name: name$w,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
   setup(props, {
@@ -8716,7 +8894,7 @@ var stdin_default$D = vue.defineComponent({
       const renderIcon = () => {
         if (active) {
           return vue.createVNode(Icon, {
-            "class": bem$y("icon"),
+            "class": bem$x("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
@@ -8727,7 +8905,7 @@ var stdin_default$D = vue.defineComponent({
         "key": option.value,
         "icon": option.icon,
         "title": option.text,
-        "class": bem$y("option", {
+        "class": bem$x("option", {
           active
         }),
         "style": {
@@ -8759,13 +8937,13 @@ var stdin_default$D = vue.defineComponent({
       }
       return vue.withDirectives(vue.createVNode("div", {
         "style": style,
-        "class": bem$y([direction]),
+        "class": bem$x([direction]),
         "onClick": onClickWrapper
       }, [vue.createVNode(Popup, {
         "show": state.showPopup,
         "onUpdate:show": ($event) => state.showPopup = $event,
         "role": "menu",
-        "class": bem$y("content"),
+        "class": bem$x("content"),
         "overlay": overlay,
         "position": direction === "down" ? "top" : "bottom",
         "duration": state.transition ? duration : 0,
@@ -8803,147 +8981,8 @@ var stdin_default$D = vue.defineComponent({
     };
   }
 });
-const DropdownItem = withInstall(stdin_default$D);
-const DropdownMenu = withInstall(stdin_default$E);
-const prefix = "van-empty-network-";
-const renderStop = (color, offset, opacity) => vue.createVNode("stop", {
-  "stop-color": color,
-  "offset": `${offset}%`,
-  "stop-opacity": opacity
-}, null);
-const Network = vue.createVNode("svg", {
-  "viewBox": "0 0 160 160"
-}, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
-  "id": `${prefix}1`,
-  "x1": "64%",
-  "y1": "100%",
-  "x2": "64%"
-}, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), vue.createVNode("linearGradient", {
-  "id": `${prefix}2`,
-  "x1": "50%",
-  "x2": "50%",
-  "y2": "84%"
-}, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), vue.createVNode("linearGradient", {
-  "id": `${prefix}3`,
-  "x1": "100%",
-  "x2": "100%",
-  "y2": "100%"
-}, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.createVNode("radialGradient", {
-  "id": `${prefix}4`,
-  "cx": "50%",
-  "cy": "0%",
-  "fx": "50%",
-  "fy": "0%",
-  "r": "100%",
-  "gradientTransform": "matrix(0 1 -.54 0 .5 -.5)"
-}, [renderStop("#EBEDF0", 0), renderStop("#FFF", 100, 0)])]), vue.createVNode("g", {
-  "fill": "none"
-}, [vue.createVNode("g", {
-  "opacity": ".8"
-}, [vue.createVNode("path", {
-  "d": "M36 131V53H16v20H2v58h34z",
-  "fill": `url(#${prefix}1)`
-}, null), vue.createVNode("path", {
-  "d": "M123 15h22v14h9v77h-31V15z",
-  "fill": `url(#${prefix}1)`
-}, null)]), vue.createVNode("path", {
-  "fill": `url(#${prefix}4)`,
-  "d": "M0 139h160v21H0z"
-}, null), vue.createVNode("path", {
-  "d": "M80 54a7 7 0 0 1 3 13v27l-2 2h-2a2 2 0 0 1-2-2V67a7 7 0 0 1 3-13z",
-  "fill": `url(#${prefix}2)`
-}, null), vue.createVNode("g", {
-  "opacity": ".6",
-  "stroke-linecap": "round",
-  "stroke-width": "7"
-}, [vue.createVNode("path", {
-  "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
-  "stroke": `url(#${prefix}3)`
-}, null), vue.createVNode("path", {
-  "d": "M53 36a34 34 0 0 0 0 48",
-  "stroke": `url(#${prefix}3)`
-}, null), vue.createVNode("path", {
-  "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
-  "stroke": `url(#${prefix}3)`
-}, null), vue.createVNode("path", {
-  "d": "M106 84a34 34 0 0 0 0-48",
-  "stroke": `url(#${prefix}3)`
-}, null)]), vue.createVNode("g", {
-  "transform": "translate(31 105)"
-}, [vue.createVNode("rect", {
-  "fill": "#EBEDF0",
-  "width": "98",
-  "height": "34",
-  "rx": "2"
-}, null), vue.createVNode("rect", {
-  "fill": "#FFF",
-  "x": "9",
-  "y": "8",
-  "width": "80",
-  "height": "18",
-  "rx": "1.1"
-}, null), vue.createVNode("rect", {
-  "fill": "#EBEDF0",
-  "x": "15",
-  "y": "12",
-  "width": "18",
-  "height": "6",
-  "rx": "1.1"
-}, null)])])]);
-const [name$w, bem$x] = createNamespace("empty");
-const PRESET_IMAGES = ["error", "search", "default"];
-const emptyProps = {
-  image: makeStringProp("default"),
-  imageSize: numericProp,
-  description: String
-};
-var stdin_default$C = vue.defineComponent({
-  name: name$w,
-  props: emptyProps,
-  setup(props, {
-    slots
-  }) {
-    const renderImage = () => {
-      if (slots.image) {
-        return slots.image();
-      }
-      let {
-        image
-      } = props;
-      if (image === "network") {
-        return Network;
-      }
-      if (PRESET_IMAGES.includes(image)) {
-        image = `https://img.yzcdn.cn/vant/empty-image-${image}.png`;
-      }
-      return vue.createVNode("img", {
-        "src": image
-      }, null);
-    };
-    const renderDescription = () => {
-      const description = slots.description ? slots.description() : props.description;
-      if (description) {
-        return vue.createVNode("p", {
-          "class": bem$x("description")
-        }, [description]);
-      }
-    };
-    const renderBottom = () => {
-      if (slots.default) {
-        return vue.createVNode("div", {
-          "class": bem$x("bottom")
-        }, [slots.default()]);
-      }
-    };
-    return () => vue.createVNode("div", {
-      "class": bem$x()
-    }, [vue.createVNode("div", {
-      "class": bem$x("image"),
-      "style": getSizeStyle(props.imageSize)
-    }, [renderImage()]), renderDescription(), renderBottom()]);
-  }
-});
-const Empty = withInstall(stdin_default$C);
+const DropdownItem = withInstall(stdin_default$C);
+const DropdownMenu = withInstall(stdin_default$D);
 const [name$v, bem$w] = createNamespace("grid");
 const gridProps = {
   square: Boolean,
@@ -9597,6 +9636,7 @@ var stdin_default$x = vue.defineComponent({
       children,
       linkChildren
     } = use.useChildren(INDEX_BAR_KEY);
+    let selectActiveIndex;
     linkChildren({
       props
     });
@@ -9624,6 +9664,7 @@ var stdin_default$x = vue.defineComponent({
       }
       return -1;
     };
+    const getMatchAnchor = (index) => children.find((item) => String(item.index) === index);
     const onScroll = () => {
       if (isHidden(root)) {
         return;
@@ -9635,7 +9676,16 @@ var stdin_default$x = vue.defineComponent({
       const scrollTop = getScrollTop(scrollParent.value);
       const scrollParentRect = use.useRect(scrollParent);
       const rects = children.map((item) => item.getRect(scrollParent.value, scrollParentRect));
-      const active = getActiveAnchor(scrollTop, rects);
+      let active = -1;
+      if (selectActiveIndex) {
+        const match = getMatchAnchor(selectActiveIndex);
+        if (match) {
+          const rect = match.getRect(scrollParent.value, scrollParentRect);
+          active = getActiveAnchor(rect.top, rects);
+        }
+      } else {
+        active = getActiveAnchor(scrollTop, rects);
+      }
       activeAnchor.value = indexList[active];
       if (sticky) {
         children.forEach((item, index) => {
@@ -9654,7 +9704,7 @@ var stdin_default$x = vue.defineComponent({
           if (index === active) {
             state.active = true;
             state.top = Math.max(props.stickyOffsetTop, rects[index].top - scrollTop) + scrollParentRect.top;
-          } else if (index === active - 1) {
+          } else if (index === active - 1 && selectActiveIndex === "") {
             const activeItemTop = rects[active].top - scrollTop;
             state.active = activeItemTop > 0;
             state.top = activeItemTop + scrollParentRect.top - rects[index].height;
@@ -9663,6 +9713,7 @@ var stdin_default$x = vue.defineComponent({
           }
         });
       }
+      selectActiveIndex = "";
     };
     const init = () => {
       vue.nextTick(onScroll);
@@ -9688,9 +9739,18 @@ var stdin_default$x = vue.defineComponent({
       }, [index]);
     });
     const scrollTo = (index) => {
-      index = String(index);
-      const match = children.find((item) => String(item.index) === index);
+      selectActiveIndex = String(index);
+      const match = getMatchAnchor(selectActiveIndex);
       if (match) {
+        const scrollTop = getScrollTop(scrollParent.value);
+        const scrollParentRect = use.useRect(scrollParent);
+        const {
+          offsetHeight
+        } = document.documentElement;
+        if (scrollTop === offsetHeight - scrollParentRect.height) {
+          onScroll();
+          return;
+        }
         match.$el.scrollIntoView();
         if (props.sticky && props.stickyOffsetTop) {
           setRootScrollTop(getRootScrollTop() - props.stickyOffsetTop);
@@ -10024,10 +10084,10 @@ var stdin_default$u = vue.defineComponent({
         "ref": navBarRef,
         "style": style,
         "class": [bem$p({
-          fixed,
-          "safe-area-inset-top": props.safeAreaInsetTop
+          fixed
         }), {
-          [BORDER_BOTTOM]: border
+          [BORDER_BOTTOM]: border,
+          "van-safe-area-top": props.safeAreaInsetTop
         }]
       }, [vue.createVNode("div", {
         "class": bem$p("content")
@@ -10416,6 +10476,15 @@ const numberKeyboardProps = {
     default: ""
   }
 };
+function shuffle(array) {
+  for (let i = array.length - 1; i > 0; i--) {
+    const j = Math.floor(Math.random() * (i + 1));
+    const temp = array[i];
+    array[i] = array[j];
+    array[j] = temp;
+  }
+  return array;
+}
 var stdin_default$q = vue.defineComponent({
   name: name$l,
   props: numberKeyboardProps,
@@ -10430,7 +10499,7 @@ var stdin_default$q = vue.defineComponent({
         text: i + 1
       }));
       if (props.randomKeyOrder) {
-        keys2.sort(() => Math.random() > 0.5 ? 1 : -1);
+        shuffle(keys2);
       }
       return keys2;
     };
@@ -11748,9 +11817,11 @@ const skeletonProps = {
 };
 var stdin_default$f = vue.defineComponent({
   name: name$a,
+  inheritAttrs: false,
   props: skeletonProps,
   setup(props, {
-    slots
+    slots,
+    attrs
   }) {
     const renderAvatar = () => {
       if (props.avatar) {
@@ -11793,12 +11864,12 @@ var stdin_default$f = vue.defineComponent({
       if (!props.loading) {
         return (_a = slots.default) == null ? void 0 : _a.call(slots);
       }
-      return vue.createVNode("div", {
+      return vue.createVNode("div", vue.mergeProps({
         "class": bem$a({
           animate: props.animate,
           round: props.round
         })
-      }, [renderAvatar(), vue.createVNode("div", {
+      }, attrs), [renderAvatar(), vue.createVNode("div", {
         "class": bem$a("content")
       }, [renderTitle(), renderRows()])]);
     };
@@ -12689,7 +12760,7 @@ var stdin_default$9 = vue.defineComponent({
       return vue.createVNode("div", {
         "ref": root,
         "class": bem$4(),
-        "onClick": getClickHandler("cell"),
+        "onClick": getClickHandler("cell", lockClick2),
         "onTouchstart": onTouchStart,
         "onTouchmove": onTouchMove,
         "onTouchend": onTouchEnd,
@@ -13046,7 +13117,7 @@ var stdin_default$5 = vue.defineComponent({
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
-    previewSize: numericProp,
+    previewSize: [Number, String, Array],
     beforeDelete: Function
   },
   emits: ["delete", "preview"],
@@ -13120,16 +13191,19 @@ var stdin_default$5 = vue.defineComponent({
     };
     const renderPreview = () => {
       const {
-        item
+        item,
+        lazyLoad,
+        imageFit,
+        previewSize
       } = props;
       if (isImageFile(item)) {
         return vue.createVNode(Image$1, {
-          "fit": props.imageFit,
+          "fit": imageFit,
           "src": item.content || item.url,
           "class": bem("preview-image"),
-          "width": props.previewSize,
-          "height": props.previewSize,
-          "lazyLoad": props.lazyLoad,
+          "width": Array.isArray(previewSize) ? previewSize[0] : previewSize,
+          "height": Array.isArray(previewSize) ? previewSize[1] : previewSize,
+          "lazyLoad": lazyLoad,
           "onClick": onPreview
         }, {
           default: renderCover
@@ -13169,7 +13243,7 @@ const uploaderProps = {
   modelValue: makeArrayProp(),
   beforeRead: Function,
   beforeDelete: Function,
-  previewSize: numericProp,
+  previewSize: [Number, String, Array],
   previewImage: truthProp,
   previewOptions: Object,
   previewFullImage: truthProp,
@@ -14236,7 +14310,7 @@ const Lazyload = {
     });
   }
 };
-const version = "3.4.4";
+const version = "3.4.7";
 function install(app) {
   const components = [
     ActionBar,