vant 4.0.0-alpha.1 → 4.0.0-alpha.4

package/lib/vant.js

@@ -24,6 +24,7 @@
     }, {});
   }
   const isSameValue = (newValue, oldValue) => JSON.stringify(newValue) === JSON.stringify(oldValue);
+  const toArray = (item) => Array.isArray(item) ? item : [item];
   const unknownProp = null;
   const numericProp = [Number, String];
   const truthProp = {
@@ -473,6 +474,12 @@
   }
   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,
@@ -634,10 +641,8 @@
     },
     vanAddressEdit: {
       area: "\u5730\u533A",
-      postal: "\u90AE\u653F\u7F16\u7801",
       areaEmpty: "\u8BF7\u9009\u62E9\u5730\u533A",
       addressEmpty: "\u8BF7\u586B\u5199\u8BE6\u7EC6\u5730\u5740",
-      postalEmpty: "\u90AE\u653F\u7F16\u7801\u4E0D\u6B63\u786E",
       addressDetail: "\u8BE6\u7EC6\u5730\u5740",
       defaultAddress: "\u8BBE\u4E3A\u9ED8\u8BA4\u6536\u8D27\u5730\u5740"
     },
@@ -663,10 +668,10 @@
   };
   var stdin_default$1B = Locale;
   function createTranslate(name2) {
-    const prefix2 = camelize(name2) + ".";
+    const prefix = camelize(name2) + ".";
     return (path, ...args) => {
       const messages2 = stdin_default$1B.messages();
-      const message = get(messages2, prefix2 + path) || get(messages2, path);
+      const message = get(messages2, prefix + path) || get(messages2, path);
       return isFunction(message) ? message(...args) : message;
     };
   }
@@ -1032,7 +1037,9 @@
         return vue.createVNode("div", {
           "class": bem$1l([type, {
             vertical
-          }])
+          }]),
+          "aria-live": "polite",
+          "aria-busy": true
         }, [vue.createVNode("span", {
           "class": bem$1l("spinner", type),
           "style": spinnerStyle.value
@@ -1350,7 +1357,7 @@
     };
     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);
@@ -2498,9 +2505,12 @@
     scrollToError: Boolean,
     validateFirst: Boolean,
     submitOnEnter: truthProp,
-    validateTrigger: makeStringProp("onBlur"),
     showErrorMessage: truthProp,
-    errorMessageAlign: String
+    errorMessageAlign: String,
+    validateTrigger: {
+      type: [String, Array],
+      default: "onBlur"
+    }
   };
   var stdin_default$1l = vue.defineComponent({
     name: name$1e,
@@ -2580,6 +2590,10 @@
           item.resetValidation();
         });
       };
+      const getValidationStatus = () => children.reduce((form, field) => {
+        form[field.name] = field.getValidationStatus();
+        return form;
+      }, {});
       const scrollToField = (name2, options) => {
         children.some((item) => {
           if (item.name === name2) {
@@ -2615,8 +2629,10 @@
       useExpose({
         submit,
         validate,
+        getValues,
         scrollToField,
-        resetValidation
+        resetValidation,
+        getValidationStatus
       });
       return () => {
         var _a;
@@ -2712,7 +2728,7 @@
     return [...str].slice(0, maxlength).join("");
   }
   let current = 0;
-  function useId() {
+  function useId$1() {
     const vm = vue.getCurrentInstance();
     const { name: name2 = "unknown" } = (vm == null ? void 0 : vm.type) || {};
     return `${name2}-${++current}`;
@@ -2733,6 +2749,7 @@
     placeholder: String,
     autocomplete: String,
     errorMessage: String,
+    enterkeyhint: String,
     clearTrigger: makeStringProp("focus"),
     formatTrigger: makeStringProp("onChange"),
     error: {
@@ -2771,10 +2788,10 @@
       emit,
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const state = vue.reactive({
+        status: "unvalidated",
         focused: false,
-        validateFailed: false,
         validateMessage: ""
       });
       const inputRef = vue.ref();
@@ -2810,7 +2827,7 @@
         return props.modelValue;
       });
       const runRules = (rules) => rules.reduce((promise, rule) => promise.then(() => {
-        if (state.validateFailed) {
+        if (state.status === "failed") {
           return;
         }
         let {
@@ -2820,38 +2837,37 @@
           value = rule.formatter(value, rule);
         }
         if (!runSyncRule(value, rule)) {
-          state.validateFailed = true;
+          state.status = "failed";
           state.validateMessage = getRuleMessage(value, rule);
           return;
         }
         if (rule.validator) {
           return runRuleValidator(value, rule).then((result) => {
             if (result && typeof result === "string") {
-              state.validateFailed = true;
+              state.status = "failed";
               state.validateMessage = result;
             } else if (result === false) {
-              state.validateFailed = true;
+              state.status = "failed";
               state.validateMessage = getRuleMessage(value, rule);
             }
           });
         }
       }), Promise.resolve());
       const resetValidation = () => {
-        if (state.validateFailed) {
-          state.validateFailed = false;
-          state.validateMessage = "";
-        }
+        state.status = "unvalidated";
+        state.validateMessage = "";
       };
       const validate = (rules = props.rules) => new Promise((resolve) => {
         resetValidation();
         if (rules) {
           runRules(rules).then(() => {
-            if (state.validateFailed) {
+            if (state.status === "failed") {
               resolve({
                 name: props.name,
                 message: state.validateMessage
               });
             } else {
+              state.status = "passed";
               resolve();
             }
           });
@@ -2861,10 +2877,13 @@
       });
       const validateWithTrigger = (trigger) => {
         if (form && props.rules) {
-          const defaultTrigger = form.props.validateTrigger === trigger;
+          const {
+            validateTrigger
+          } = form.props;
+          const defaultTrigger = toArray(validateTrigger).includes(trigger);
           const rules = props.rules.filter((rule) => {
             if (rule.trigger) {
-              return rule.trigger === trigger;
+              return toArray(rule.trigger).includes(trigger);
             }
             return defaultTrigger;
           });
@@ -2952,7 +2971,7 @@
         if (typeof props.error === "boolean") {
           return props.error;
         }
-        if (form && form.props.showError && state.validateFailed) {
+        if (form && form.props.showError && state.status === "failed") {
           return true;
         }
       });
@@ -2978,6 +2997,7 @@
         emit("keypress", event);
       };
       const getInputId = () => props.id || `${id}-input`;
+      const getValidationStatus = () => state.status;
       const renderInput = () => {
         const controlClass = bem$19("control", [getProp("inputAlign"), {
           error: showError.value,
@@ -2996,12 +3016,12 @@
           name: props.name,
           rows: props.rows !== void 0 ? +props.rows : void 0,
           class: controlClass,
-          value: props.modelValue,
           disabled: getProp("disabled"),
           readonly: getProp("readonly"),
           autofocus: props.autofocus,
           placeholder: props.placeholder,
           autocomplete: props.autocomplete,
+          enterkeyhint: props.enterkeyhint,
           "aria-labelledby": props.label ? `${id}-label` : void 0,
           onBlur,
           onFocus,
@@ -3092,7 +3112,8 @@
         focus,
         validate,
         formValue,
-        resetValidation
+        resetValidation,
+        getValidationStatus
       });
       vue.provide(CUSTOM_FIELD_INJECTION_KEY, {
         customValue,
@@ -3451,7 +3472,8 @@
     props: switchProps,
     emits: ["change", "update:modelValue"],
     setup(props, {
-      emit
+      emit,
+      slots
     }) {
       const isChecked = () => props.modelValue === props.activeValue;
       const onClick = () => {
@@ -3469,6 +3491,9 @@
             "color": color
           }, null);
         }
+        if (slots.node) {
+          return slots.node();
+        }
       };
       useCustomFieldValue(() => props.modelValue);
       return () => {
@@ -3580,10 +3605,8 @@
     province: "",
     areaCode: "",
     isDefault: false,
-    postalCode: "",
     addressDetail: ""
   };
-  const isPostal = (value) => /^\d{6}$/.test(value);
   const addressEditProps = {
     areaList: Object,
     isSaving: Boolean,
@@ -3592,7 +3615,6 @@
     showArea: truthProp,
     showDetail: truthProp,
     showDelete: Boolean,
-    showPostal: Boolean,
     disableArea: Boolean,
     searchResult: Array,
     telMaxlength: numericProp,
@@ -3611,10 +3633,6 @@
     telValidator: {
       type: Function,
       default: isMobile
-    },
-    postalValidator: {
-      type: Function,
-      default: isPostal
     }
   };
   var stdin_default$1g = vue.defineComponent({
@@ -3657,8 +3675,7 @@
       const rules = vue.computed(() => {
         const {
           validator,
-          telValidator,
-          postalValidator
+          telValidator
         } = props;
         const makeRule = (name2, emptyMessage) => ({
           validator: (value) => {
@@ -3681,11 +3698,7 @@
             message: t$h("telInvalid")
           }],
           areaCode: [makeRule("areaCode", t$h("areaEmpty"))],
-          addressDetail: [makeRule("addressDetail", t$h("addressEmpty"))],
-          postalCode: [makeRule("addressDetail", t$h("postalEmpty")), {
-            validator: postalValidator,
-            message: t$h("postalEmpty")
-          }]
+          addressDetail: [makeRule("addressDetail", t$h("addressEmpty"))]
         };
       });
       const onSave = () => emit("save", data);
@@ -3810,16 +3823,7 @@
               "onFocus": () => onFocus("addressDetail"),
               "onInput": onChangeDetail,
               "onSelectSearch": (event) => emit("selectSearch", event)
-            }, null), props.showPostal && vue.withDirectives(vue.createVNode(Field, {
-              "modelValue": data.postalCode,
-              "onUpdate:modelValue": ($event) => data.postalCode = $event,
-              "type": "tel",
-              "rules": rules.value.postalCode,
-              "label": t$h("postal"),
-              "maxlength": "6",
-              "placeholder": t$h("postal"),
-              "onFocus": () => onFocus("postalCode")
-            }, null), [[vue.vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
+            }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), vue.withDirectives(vue.createVNode("div", {
               "class": bem$15("buttons")
             }, [vue.createVNode(Button, {
               "block": true,
@@ -4378,6 +4382,7 @@
       slots
     }) {
       const style = vue.computed(() => {
+        var _a;
         const {
           item,
           index,
@@ -4409,6 +4414,9 @@
               break;
           }
         }
+        if (offset2 + (((_a = item.date) == null ? void 0 : _a.getDate()) || 1) > 28) {
+          style2.marginBottom = 0;
+        }
         return style2;
       });
       const onClick = () => {
@@ -4916,8 +4924,8 @@
         }
         raf(() => {
           bodyHeight = Math.floor(useRect(bodyRef).height);
-          scrollToCurrentDate();
         });
+        scrollToCurrentDate();
       };
       const reset = (date = getInitialDate()) => {
         currentDate.value = date;
@@ -6061,7 +6069,7 @@
       const root = vue.ref();
       const navRef = vue.ref();
       const wrapRef = vue.ref();
-      const id = useId();
+      const id = useId$1();
       const scroller = useScrollParent(root);
       const [titleRefs, setTitleRefs] = useRefs();
       const {
@@ -6228,6 +6236,7 @@
         }
       };
       const renderNav = () => children.map((item, index) => vue.createVNode(stdin_default$12, vue.mergeProps({
+        "key": item.id,
         "id": `${id}-${index}`,
         "ref": setTitleRefs(index),
         "type": props.type,
@@ -6447,7 +6456,7 @@
     setup(props, {
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const inited = vue.ref(false);
       const {
         parent,
@@ -7817,14 +7826,328 @@
     }
   });
   const CouponCell = withInstall(stdin_default$K);
-  const [name$D, bem$C, t$8] = createNamespace("coupon-list");
-  const EMPTY_IMAGE = "https://img.yzcdn.cn/vant/coupon-empty.png";
+  const getId = (num) => `van-empty-${num}`;
+  const useId = (num) => `url(#${getId(num)})`;
+  const renderStop = (color, offset2, opacity) => vue.createVNode("stop", {
+    "stop-color": color,
+    "offset": `${offset2}%`,
+    "stop-opacity": opacity
+  }, null);
+  const renderStops = (fromColor, toColor) => [renderStop(fromColor, 0), renderStop(toColor, 100)];
+  const renderShadow = (id) => [vue.createVNode("defs", null, [vue.createVNode("radialGradient", {
+    "id": getId(id),
+    "cx": "50%",
+    "cy": "54%",
+    "fx": "50%",
+    "fy": "54%",
+    "r": "297%",
+    "gradientTransform": "matrix(-.16 0 0 -.33 .58 .72)"
+  }, [renderStop("#EBEDF0", 0), renderStop("#F2F3F5", 100, 0.3)])]), vue.createVNode("ellipse", {
+    "fill": useId(id),
+    "opacity": ".8",
+    "cx": "80",
+    "cy": "140",
+    "rx": "46",
+    "ry": "8"
+  }, null)];
+  const renderBuilding = () => [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "id": getId("a"),
+    "x1": "64%",
+    "y1": "100%",
+    "x2": "64%"
+  }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
+    "opacity": ".8"
+  }, [vue.createVNode("path", {
+    "d": "M36 131V53H16v20H2v58h34z",
+    "fill": useId("a")
+  }, null), vue.createVNode("path", {
+    "d": "M123 15h22v14h9v77h-31V15z",
+    "fill": useId("a")
+  }, null)])];
+  const renderCloud = () => [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "id": getId("b"),
+    "x1": "64%",
+    "y1": "97%",
+    "x2": "64%",
+    "y2": "0%"
+  }, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), vue.createVNode("g", {
+    "opacity": ".8"
+  }, [vue.createVNode("path", {
+    "d": "M87 6c3 0 7 3 8 6a8 8 0 1 1-1 16H80a7 7 0 0 1-8-6c0-4 3-7 6-7 0-5 4-9 9-9Z",
+    "fill": useId("b")
+  }, null), vue.createVNode("path", {
+    "d": "M19 23c2 0 3 1 4 3 2 0 4 2 4 4a4 4 0 0 1-4 3v1h-7v-1l-1 1c-2 0-3-2-3-4 0-1 1-3 3-3 0-2 2-4 4-4Z",
+    "fill": useId("b")
+  }, null)])];
+  const renderNetwork = () => vue.createVNode("svg", {
+    "viewBox": "0 0 160 160"
+  }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "id": getId(1),
+    "x1": "64%",
+    "y1": "100%",
+    "x2": "64%"
+  }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), vue.createVNode("linearGradient", {
+    "id": getId(2),
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "84%"
+  }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), vue.createVNode("linearGradient", {
+    "id": getId(3),
+    "x1": "100%",
+    "x2": "100%",
+    "y2": "100%"
+  }, [renderStops("#EAEDF0", "#DCDEE0")]), vue.createVNode("radialGradient", {
+    "id": getId(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"
+  }, [renderBuilding(), vue.createVNode("path", {
+    "fill": useId(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": useId(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": useId(3)
+  }, null), vue.createVNode("path", {
+    "d": "M53 36a34 34 0 0 0 0 48",
+    "stroke": useId(3)
+  }, null), vue.createVNode("path", {
+    "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
+    "stroke": useId(3)
+  }, null), vue.createVNode("path", {
+    "d": "M106 84a34 34 0 0 0 0-48",
+    "stroke": useId(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 renderMaterial = () => vue.createVNode("svg", {
+    "viewBox": "0 0 160 160"
+  }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "100%",
+    "id": getId(5)
+  }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
+    "x1": "95%",
+    "y1": "48%",
+    "x2": "5.5%",
+    "y2": "51%",
+    "id": getId(6)
+  }, [renderStops("#EAEDF1", "#DCDEE0")]), vue.createVNode("linearGradient", {
+    "y1": "45%",
+    "x2": "100%",
+    "y2": "54%",
+    "id": getId(7)
+  }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), vue.createVNode("g", {
+    "transform": "translate(36 50)",
+    "fill": "none"
+  }, [vue.createVNode("g", {
+    "transform": "translate(8)"
+  }, [vue.createVNode("rect", {
+    "fill": "#EBEDF0",
+    "opacity": ".6",
+    "x": "38",
+    "y": "13",
+    "width": "36",
+    "height": "53",
+    "rx": "2"
+  }, null), vue.createVNode("rect", {
+    "fill": useId(5),
+    "width": "64",
+    "height": "66",
+    "rx": "2"
+  }, null), vue.createVNode("rect", {
+    "fill": "#FFF",
+    "x": "6",
+    "y": "6",
+    "width": "52",
+    "height": "55",
+    "rx": "1"
+  }, null), vue.createVNode("g", {
+    "transform": "translate(15 17)",
+    "fill": useId(6)
+  }, [vue.createVNode("rect", {
+    "width": "34",
+    "height": "6",
+    "rx": "1"
+  }, null), vue.createVNode("path", {
+    "d": "M0 14h34v6H0z"
+  }, null), vue.createVNode("rect", {
+    "y": "28",
+    "width": "34",
+    "height": "6",
+    "rx": "1"
+  }, null)])]), vue.createVNode("rect", {
+    "fill": useId(7),
+    "y": "61",
+    "width": "88",
+    "height": "28",
+    "rx": "1"
+  }, null), vue.createVNode("rect", {
+    "fill": "#F7F8FA",
+    "x": "29",
+    "y": "72",
+    "width": "30",
+    "height": "6",
+    "rx": "1"
+  }, null)])]);
+  const renderError = () => vue.createVNode("svg", {
+    "viewBox": "0 0 160 160"
+  }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "100%",
+    "id": getId(8)
+  }, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), vue.createVNode("path", {
+    "d": "m59 60 21 21 21-21h3l9 9v3L92 93l21 21v3l-9 9h-3l-21-21-21 21h-3l-9-9v-3l21-21-21-21v-3l9-9h3Z",
+    "fill": useId(8)
+  }, null)]);
+  const renderSearch = () => vue.createVNode("svg", {
+    "viewBox": "0 0 160 160"
+  }, [vue.createVNode("defs", null, [vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "y1": "100%",
+    "x2": "50%",
+    "id": getId(9)
+  }, [renderStops("#EEE", "#D8D8D8")]), vue.createVNode("linearGradient", {
+    "x1": "100%",
+    "y1": "50%",
+    "y2": "50%",
+    "id": getId(10)
+  }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "100%",
+    "id": getId(11)
+  }, [renderStops("#F2F3F5", "#DCDEE0")]), vue.createVNode("linearGradient", {
+    "x1": "50%",
+    "x2": "50%",
+    "y2": "100%",
+    "id": getId(12)
+  }, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), vue.createVNode("g", {
+    "transform": "rotate(-45 113 -4)",
+    "fill": "none"
+  }, [vue.createVNode("rect", {
+    "fill": useId(9),
+    "x": "24",
+    "y": "52.8",
+    "width": "5.8",
+    "height": "19",
+    "rx": "1"
+  }, null), vue.createVNode("rect", {
+    "fill": useId(10),
+    "x": "22.1",
+    "y": "67.3",
+    "width": "9.9",
+    "height": "28",
+    "rx": "1"
+  }, null), vue.createVNode("circle", {
+    "stroke": useId(11),
+    "stroke-width": "8",
+    "cx": "27",
+    "cy": "27",
+    "r": "27"
+  }, null), vue.createVNode("circle", {
+    "fill": useId(12),
+    "cx": "27",
+    "cy": "27",
+    "r": "16"
+  }, null), vue.createVNode("path", {
+    "d": "M37 7c-8 0-15 5-16 12",
+    "stroke": useId(11),
+    "stroke-width": "3",
+    "opacity": ".5",
+    "stroke-linecap": "round",
+    "transform": "rotate(45 29 13)"
+  }, null)])]);
+  const [name$D, bem$C] = createNamespace("empty");
+  const PRESET_IMAGES = {
+    error: renderError,
+    search: renderSearch,
+    network: renderNetwork,
+    default: renderMaterial
+  };
+  const emptyProps = {
+    image: makeStringProp("default"),
+    imageSize: [Number, String, Array],
+    description: String
+  };
+  var stdin_default$J = vue.defineComponent({
+    name: name$D,
+    props: emptyProps,
+    setup(props, {
+      slots
+    }) {
+      const renderImage = () => {
+        var _a;
+        if (slots.image) {
+          return slots.image();
+        }
+        return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || vue.createVNode("img", {
+          "src": props.image
+        }, null);
+      };
+      const renderDescription = () => {
+        const description = slots.description ? slots.description() : props.description;
+        if (description) {
+          return vue.createVNode("p", {
+            "class": bem$C("description")
+          }, [description]);
+        }
+      };
+      const renderBottom = () => {
+        if (slots.default) {
+          return vue.createVNode("div", {
+            "class": bem$C("bottom")
+          }, [slots.default()]);
+        }
+      };
+      return () => vue.createVNode("div", {
+        "class": bem$C()
+      }, [vue.createVNode("div", {
+        "class": bem$C("image"),
+        "style": getSizeStyle(props.imageSize)
+      }, [renderImage()]), renderDescription(), renderBottom()]);
+    }
+  });
+  const Empty = withInstall(stdin_default$J);
+  const [name$C, bem$B, 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,
@@ -7839,8 +8162,8 @@
     exchangeButtonLoading: Boolean,
     exchangeButtonDisabled: Boolean
   };
-  var stdin_default$J = vue.defineComponent({
-    name: name$D,
+  var stdin_default$I = vue.defineComponent({
+    name: name$C,
     props: couponListProps,
     emits: ["change", "exchange", "update:code"],
     setup(props, {
@@ -7872,28 +8195,30 @@
           return (_a = couponRefs.value[index]) == null ? void 0 : _a.scrollIntoView();
         });
       };
-      const renderEmpty = () => vue.createVNode("div", {
-        "class": bem$C("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$B("empty-tip")
+        }, [t$8("noCoupon")])]
+      });
       const renderExchangeBar = () => {
         if (props.showExchangeBar) {
           return vue.createVNode("div", {
             "ref": barRef,
-            "class": bem$C("exchange-bar")
+            "class": bem$B("exchange-bar")
           }, [vue.createVNode(Field, {
             "modelValue": currentCode.value,
             "onUpdate:modelValue": ($event) => currentCode.value = $event,
             "clearable": true,
             "border": false,
-            "class": bem$C("field"),
+            "class": bem$B("field"),
             "placeholder": props.inputPlaceholder || t$8("placeholder"),
             "maxlength": "20"
           }, null), vue.createVNode(Button, {
             "plain": true,
             "type": "primary",
-            "class": bem$C("exchange"),
+            "class": bem$B("exchange"),
             "text": props.exchangeButtonText || t$8("exchange"),
             "loading": props.exchangeButtonLoading,
             "disabled": buttonDisabled.value,
@@ -7913,7 +8238,7 @@
           default: () => {
             var _a;
             return [vue.createVNode("div", {
-              "class": bem$C("list", {
+              "class": bem$B("list", {
                 "with-bottom": props.showCloseButton
               }),
               "style": {
@@ -7942,7 +8267,7 @@
           default: () => {
             var _a;
             return [vue.createVNode("div", {
-              "class": bem$C("list", {
+              "class": bem$B("list", {
                 "with-bottom": props.showCloseButton
               }),
               "style": {
@@ -7969,28 +8294,28 @@
       });
       return () => vue.createVNode("div", {
         "ref": root,
-        "class": bem$C()
+        "class": bem$B()
       }, [renderExchangeBar(), vue.createVNode(Tabs, {
         "active": activeTab.value,
         "onUpdate:active": ($event) => activeTab.value = $event,
-        "class": bem$C("tab")
+        "class": bem$B("tab")
       }, {
         default: () => [renderCouponTab(), renderDisabledTab()]
       }), vue.createVNode("div", {
-        "class": bem$C("bottom")
+        "class": bem$B("bottom")
       }, [vue.withDirectives(vue.createVNode(Button, {
         "round": true,
         "block": true,
         "type": "primary",
-        "class": bem$C("close"),
+        "class": bem$B("close"),
         "text": props.closeButtonText || t$8("close"),
         "onClick": () => emit("change", -1)
       }, null), [[vue.vShow, props.showCloseButton]])])]);
     }
   });
-  const CouponList = withInstall(stdin_default$J);
+  const CouponList = withInstall(stdin_default$I);
   const currentYear = new Date().getFullYear();
-  const [name$C] = createNamespace("date-picker");
+  const [name$B] = createNamespace("date-picker");
   const datePickerProps = extend({}, sharedProps, {
     columnsType: {
       type: Array,
@@ -8007,8 +8332,8 @@
       validator: isDate
     }
   });
-  var stdin_default$I = vue.defineComponent({
-    name: name$C,
+  var stdin_default$H = vue.defineComponent({
+    name: name$B,
     props: datePickerProps,
     emits: ["confirm", "cancel", "change", "update:modelValue"],
     setup(props, {
@@ -8092,8 +8417,8 @@
       }, pick(props, pickerInheritKeys)), slots);
     }
   });
-  const DatePicker = withInstall(stdin_default$I);
-  const [name$B, bem$B, t$7] = createNamespace("dialog");
+  const DatePicker = withInstall(stdin_default$H);
+  const [name$A, bem$A, t$7] = createNamespace("dialog");
   const dialogProps = extend({}, popupSharedProps, {
     title: String,
     theme: String,
@@ -8114,8 +8439,8 @@
     closeOnClickOverlay: Boolean
   });
   const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-  var stdin_default$H = vue.defineComponent({
-    name: name$B,
+  var stdin_default$G = vue.defineComponent({
+    name: name$A,
     props: dialogProps,
     emits: ["confirm", "cancel", "keydown", "update:show"],
     setup(props, {
@@ -8172,7 +8497,7 @@
         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]);
@@ -8184,7 +8509,7 @@
           allowHtml,
           messageAlign
         } = props;
-        const classNames = bem$B("message", {
+        const classNames = bem$A("message", {
           "has-title": hasTitle,
           [messageAlign]: messageAlign
         });
@@ -8202,7 +8527,7 @@
       const renderContent = () => {
         if (slots.default) {
           return vue.createVNode("div", {
-            "class": bem$B("content")
+            "class": bem$A("content")
           }, [slots.default()]);
         }
         const {
@@ -8214,18 +8539,18 @@
           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
         },
@@ -8234,7 +8559,7 @@
       }, 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": {
@@ -8244,19 +8569,19 @@
         "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
@@ -8279,7 +8604,7 @@
         return vue.createVNode(Popup, vue.mergeProps({
           "ref": root,
           "role": "dialog",
-          "class": [bem$B([theme]), className],
+          "class": [bem$A([theme]), className],
           "style": {
             width: addUnit(width2)
           },
@@ -8301,7 +8626,7 @@
           state,
           toggle
         } = usePopupState();
-        return () => vue.createVNode(stdin_default$H, vue.mergeProps(state, {
+        return () => vue.createVNode(stdin_default$G, vue.mergeProps(state, {
           "onUpdate:show": toggle
         }), null);
       }
@@ -8366,19 +8691,19 @@
   Dialog.resetDefaultOptions = () => {
     Dialog.currentOptions = extend({}, Dialog.defaultOptions);
   };
-  Dialog.Component = withInstall(stdin_default$H);
+  Dialog.Component = withInstall(stdin_default$G);
   Dialog.install = (app) => {
     app.use(Dialog.Component);
     app.config.globalProperties.$dialog = Dialog;
   };
-  const [name$A, bem$A] = createNamespace("divider");
+  const [name$z, bem$z] = createNamespace("divider");
   const dividerProps = {
     dashed: Boolean,
     hairline: truthProp,
     contentPosition: makeStringProp("center")
   };
-  var stdin_default$G = vue.defineComponent({
-    name: name$A,
+  var stdin_default$F = vue.defineComponent({
+    name: name$z,
     props: dividerProps,
     setup(props, {
       slots
@@ -8387,7 +8712,7 @@
         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
@@ -8396,8 +8721,8 @@
       };
     }
   });
-  const Divider = withInstall(stdin_default$G);
-  const [name$z, bem$z] = createNamespace("dropdown-menu");
+  const Divider = withInstall(stdin_default$F);
+  const [name$y, bem$y] = createNamespace("dropdown-menu");
   const dropdownMenuProps = {
     overlay: truthProp,
     zIndex: numericProp,
@@ -8407,14 +8732,14 @@
     closeOnClickOutside: truthProp,
     closeOnClickOverlay: truthProp
   };
-  const DROPDOWN_KEY = Symbol(name$z);
-  var stdin_default$F = vue.defineComponent({
-    name: name$z,
+  const DROPDOWN_KEY = Symbol(name$y);
+  var stdin_default$E = vue.defineComponent({
+    name: name$y,
     props: dropdownMenuProps,
     setup(props, {
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const root = vue.ref();
       const barRef = vue.ref();
       const offset2 = vue.ref(0);
@@ -8477,7 +8802,7 @@
           "id": `${id}-${index}`,
           "role": "button",
           "tabindex": disabled ? void 0 : 0,
-          "class": [bem$z("item", {
+          "class": [bem$y("item", {
             disabled
           }), {
             [HAPTICS_FEEDBACK]: !disabled
@@ -8488,7 +8813,7 @@
             }
           }
         }, [vue.createVNode("span", {
-          "class": [bem$z("title", {
+          "class": [bem$y("title", {
             down: showPopup === (props.direction === "down"),
             active: showPopup
           }), titleClass],
@@ -8512,18 +8837,18 @@
         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$y, bem$y] = createNamespace("dropdown-item");
+  const [name$x, bem$x] = createNamespace("dropdown-item");
   const dropdownItemProps = {
     title: String,
     options: makeArrayProp(),
@@ -8533,8 +8858,8 @@
     modelValue: unknownProp,
     titleClass: unknownProp
   };
-  var stdin_default$E = vue.defineComponent({
-    name: name$y,
+  var stdin_default$D = vue.defineComponent({
+    name: name$x,
     props: dropdownItemProps,
     emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
     setup(props, {
@@ -8601,7 +8926,7 @@
         const renderIcon = () => {
           if (active) {
             return vue.createVNode(Icon, {
-              "class": bem$y("icon"),
+              "class": bem$x("icon"),
               "color": activeColor,
               "name": "success"
             }, null);
@@ -8612,7 +8937,7 @@
           "key": option.value,
           "icon": option.icon,
           "title": option.text,
-          "class": bem$y("option", {
+          "class": bem$x("option", {
             active
           }),
           "style": {
@@ -8644,13 +8969,13 @@
         }
         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,
@@ -8688,147 +9013,8 @@
       };
     }
   });
-  const DropdownItem = withInstall(stdin_default$E);
-  const DropdownMenu = withInstall(stdin_default$F);
-  const prefix = "van-empty-network-";
-  const renderStop = (color, offset2, opacity) => vue.createVNode("stop", {
-    "stop-color": color,
-    "offset": `${offset2}%`,
-    "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$x, bem$x] = createNamespace("empty");
-  const PRESET_IMAGES = ["error", "search", "default"];
-  const emptyProps = {
-    image: makeStringProp("default"),
-    imageSize: numericProp,
-    description: String
-  };
-  var stdin_default$D = vue.defineComponent({
-    name: name$x,
-    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$D);
+  const DropdownItem = withInstall(stdin_default$D);
+  const DropdownMenu = withInstall(stdin_default$E);
   const [name$w, bem$w] = createNamespace("grid");
   const gridProps = {
     square: Boolean,
@@ -10322,6 +10508,15 @@
       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$r = vue.defineComponent({
     name: name$m,
     props: numberKeyboardProps,
@@ -10336,7 +10531,7 @@
           text: i + 1
         }));
         if (props.randomKeyOrder) {
-          keys2.sort(() => Math.random() > 0.5 ? 1 : -1);
+          shuffle(keys2);
         }
         return keys2;
       };
@@ -10724,21 +10919,6 @@
     }
   });
   const PasswordInput = withInstall(stdin_default$p);
-  function getBoundingClientRect(element, includeScale) {
-    var rect = element.getBoundingClientRect();
-    var scaleX = 1;
-    var scaleY = 1;
-    return {
-      width: rect.width / scaleX,
-      height: rect.height / scaleY,
-      top: rect.top / scaleY,
-      right: rect.right / scaleX,
-      bottom: rect.bottom / scaleY,
-      left: rect.left / scaleX,
-      x: rect.left / scaleX,
-      y: rect.top / scaleY
-    };
-  }
   function getWindow(node) {
     if (node == null) {
       return window;
@@ -10749,15 +10929,6 @@
     }
     return node;
   }
-  function getWindowScroll(node) {
-    var win = getWindow(node);
-    var scrollLeft = win.pageXOffset;
-    var scrollTop = win.pageYOffset;
-    return {
-      scrollLeft,
-      scrollTop
-    };
-  }
   function isElement(node) {
     var OwnElement = getWindow(node).Element;
     return node instanceof OwnElement || node instanceof Element;
@@ -10773,6 +10944,44 @@
     var OwnElement = getWindow(node).ShadowRoot;
     return node instanceof OwnElement || node instanceof ShadowRoot;
   }
+  var round = Math.round;
+  function getBoundingClientRect(element, includeScale) {
+    if (includeScale === void 0) {
+      includeScale = false;
+    }
+    var rect = element.getBoundingClientRect();
+    var scaleX = 1;
+    var scaleY = 1;
+    if (isHTMLElement(element) && includeScale) {
+      var offsetHeight = element.offsetHeight;
+      var offsetWidth = element.offsetWidth;
+      if (offsetWidth > 0) {
+        scaleX = round(rect.width) / offsetWidth || 1;
+      }
+      if (offsetHeight > 0) {
+        scaleY = round(rect.height) / offsetHeight || 1;
+      }
+    }
+    return {
+      width: rect.width / scaleX,
+      height: rect.height / scaleY,
+      top: rect.top / scaleY,
+      right: rect.right / scaleX,
+      bottom: rect.bottom / scaleY,
+      left: rect.left / scaleX,
+      x: rect.left / scaleX,
+      y: rect.top / scaleY
+    };
+  }
+  function getWindowScroll(node) {
+    var win = getWindow(node);
+    var scrollLeft = win.pageXOffset;
+    var scrollTop = win.pageYOffset;
+    return {
+      scrollLeft,
+      scrollTop
+    };
+  }
   function getHTMLElementScroll(element) {
     return {
       scrollLeft: element.scrollLeft,
@@ -10804,8 +11013,8 @@
   }
   function isElementScaled(element) {
     var rect = element.getBoundingClientRect();
-    var scaleX = rect.width / element.offsetWidth || 1;
-    var scaleY = rect.height / element.offsetHeight || 1;
+    var scaleX = round(rect.width) / element.offsetWidth || 1;
+    var scaleY = round(rect.height) / element.offsetHeight || 1;
     return scaleX !== 1 || scaleY !== 1;
   }
   function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
@@ -10813,9 +11022,9 @@
       isFixed = false;
     }
     var isOffsetParentAnElement = isHTMLElement(offsetParent);
-    isHTMLElement(offsetParent) && isElementScaled(offsetParent);
+    var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);
     var documentElement = getDocumentElement(offsetParent);
-    var rect = getBoundingClientRect(elementOrVirtualElement);
+    var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled);
     var scroll = {
       scrollLeft: 0,
       scrollTop: 0
@@ -10829,7 +11038,7 @@
         scroll = getNodeScroll(offsetParent);
       }
       if (isHTMLElement(offsetParent)) {
-        offsets = getBoundingClientRect(offsetParent);
+        offsets = getBoundingClientRect(offsetParent, true);
         offsets.x += offsetParent.clientLeft;
         offsets.y += offsetParent.clientTop;
       } else if (documentElement) {
@@ -10906,6 +11115,9 @@
       }
     }
     var currentNode = getParentNode(element);
+    if (isShadowRoot(currentNode)) {
+      currentNode = currentNode.host;
+    }
     while (isHTMLElement(currentNode) && ["html", "body"].indexOf(getNodeName(currentNode)) < 0) {
       var css = getComputedStyle(currentNode);
       if (css.transform !== "none" || css.perspective !== "none" || css.contain === "paint" || ["transform", "perspective"].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === "filter" || isFirefox && css.filter && css.filter !== "none") {
@@ -11093,7 +11305,6 @@
       return merged[key];
     });
   }
-  var round = Math.round;
   function getVariation(placement) {
     return placement.split("-")[1];
   }
@@ -11384,14 +11595,23 @@
     var win = window;
     var dpr = win.devicePixelRatio || 1;
     return {
-      x: round(round(x * dpr) / dpr) || 0,
-      y: round(round(y * dpr) / dpr) || 0
+      x: round(x * dpr) / dpr || 0,
+      y: round(y * dpr) / dpr || 0
     };
   }
   function mapToStyles(_ref2) {
     var _Object$assign2;
-    var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets;
-    var _ref3 = roundOffsets === true ? roundOffsetsByDPR(offsets) : typeof roundOffsets === "function" ? roundOffsets(offsets) : offsets, _ref3$x = _ref3.x, x = _ref3$x === void 0 ? 0 : _ref3$x, _ref3$y = _ref3.y, y = _ref3$y === void 0 ? 0 : _ref3$y;
+    var popper = _ref2.popper, popperRect = _ref2.popperRect, placement = _ref2.placement, variation = _ref2.variation, offsets = _ref2.offsets, position = _ref2.position, gpuAcceleration = _ref2.gpuAcceleration, adaptive = _ref2.adaptive, roundOffsets = _ref2.roundOffsets, isFixed = _ref2.isFixed;
+    var _offsets$x = offsets.x, x = _offsets$x === void 0 ? 0 : _offsets$x, _offsets$y = offsets.y, y = _offsets$y === void 0 ? 0 : _offsets$y;
+    var _ref3 = typeof roundOffsets === "function" ? roundOffsets({
+      x,
+      y
+    }) : {
+      x,
+      y
+    };
+    x = _ref3.x;
+    y = _ref3.y;
     var hasX = offsets.hasOwnProperty("x");
     var hasY = offsets.hasOwnProperty("y");
     var sideX = left;
@@ -11411,26 +11631,37 @@
       offsetParent = offsetParent;
       if (placement === top || (placement === left || placement === right) && variation === end) {
         sideY = bottom;
-        y -= offsetParent[heightProp] - popperRect.height;
+        var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : offsetParent[heightProp];
+        y -= offsetY - popperRect.height;
         y *= gpuAcceleration ? 1 : -1;
       }
       if (placement === left || (placement === top || placement === bottom) && variation === end) {
         sideX = right;
-        x -= offsetParent[widthProp] - popperRect.width;
+        var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : offsetParent[widthProp];
+        x -= offsetX - popperRect.width;
         x *= gpuAcceleration ? 1 : -1;
       }
     }
     var commonStyles = Object.assign({
       position
     }, adaptive && unsetSides);
+    var _ref4 = roundOffsets === true ? roundOffsetsByDPR({
+      x,
+      y
+    }) : {
+      x,
+      y
+    };
+    x = _ref4.x;
+    y = _ref4.y;
     if (gpuAcceleration) {
       var _Object$assign;
       return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? "0" : "", _Object$assign[sideX] = hasX ? "0" : "", _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? "translate(" + x + "px, " + y + "px)" : "translate3d(" + x + "px, " + y + "px, 0)", _Object$assign));
     }
     return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + "px" : "", _Object$assign2[sideX] = hasX ? x + "px" : "", _Object$assign2.transform = "", _Object$assign2));
   }
-  function computeStyles(_ref4) {
-    var state = _ref4.state, options = _ref4.options;
+  function computeStyles(_ref5) {
+    var state = _ref5.state, options = _ref5.options;
     var _options$gpuAccelerat = options.gpuAcceleration, gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat, _options$adaptive = options.adaptive, adaptive = _options$adaptive === void 0 ? true : _options$adaptive, _options$roundOffsets = options.roundOffsets, roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;
     {
       var transitionProperty = getComputedStyle(state.elements.popper).transitionProperty || "";
@@ -11445,7 +11676,8 @@
       variation: getVariation(state.placement),
       popper: state.elements.popper,
       popperRect: state.rects.popper,
-      gpuAcceleration
+      gpuAcceleration,
+      isFixed: state.options.strategy === "fixed"
     };
     if (state.modifiersData.popperOffsets != null) {
       state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {
@@ -12048,33 +12280,53 @@
     }) {
       const touch = useTouch();
       const [itemRefs, setItemRefs] = useRefs();
+      const groupRef = vue.ref();
       const untouchable = () => props.readonly || props.disabled || !props.touchable;
       const list = vue.computed(() => Array(+props.count).fill("").map((_, i) => getRateStatus(props.modelValue, i + 1, props.allowHalf, props.readonly)));
       let ranges;
+      let groupRefRect;
+      let minRectTop = Number.MAX_SAFE_INTEGER;
+      let maxRectTop = Number.MIN_SAFE_INTEGER;
       const updateRanges = () => {
+        groupRefRect = useRect(groupRef);
         const rects = itemRefs.value.map(useRect);
         ranges = [];
         rects.forEach((rect, index) => {
+          minRectTop = Math.min(rect.top, minRectTop);
+          maxRectTop = Math.max(rect.top, maxRectTop);
           if (props.allowHalf) {
             ranges.push({
               score: index + 0.5,
-              left: rect.left
+              left: rect.left,
+              top: rect.top,
+              height: rect.height
             }, {
               score: index + 1,
-              left: rect.left + rect.width / 2
+              left: rect.left + rect.width / 2,
+              top: rect.top,
+              height: rect.height
             });
           } else {
             ranges.push({
               score: index + 1,
-              left: rect.left
+              left: rect.left,
+              top: rect.top,
+              height: rect.height
             });
           }
         });
       };
-      const getScoreByPosition = (x) => {
+      const getScoreByPosition = (x, y) => {
         for (let i = ranges.length - 1; i > 0; i--) {
-          if (x > ranges[i].left) {
-            return ranges[i].score;
+          if (y >= groupRefRect.top && y <= groupRefRect.bottom) {
+            if (x > ranges[i].left && y >= ranges[i].top && y <= ranges[i].top + ranges[i].height) {
+              return ranges[i].score;
+            }
+          } else {
+            const curTop = y < groupRefRect.top ? minRectTop : maxRectTop;
+            if (x > ranges[i].left && ranges[i].top === curTop) {
+              return ranges[i].score;
+            }
           }
         }
         return props.allowHalf ? 0.5 : 1;
@@ -12099,10 +12351,11 @@
         touch.move(event);
         if (touch.isHorizontal()) {
           const {
-            clientX
+            clientX,
+            clientY
           } = event.touches[0];
           preventDefault(event);
-          select(getScoreByPosition(clientX));
+          select(getScoreByPosition(clientX, clientY));
         }
       };
       const renderStar = (item, index) => {
@@ -12131,7 +12384,7 @@
         }
         const onClickItem = (event) => {
           updateRanges();
-          select(allowHalf ? getScoreByPosition(event.clientX) : score);
+          select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
         };
         return vue.createVNode("div", {
           "key": index,
@@ -12169,6 +12422,7 @@
       };
       useCustomFieldValue(() => props.modelValue);
       return () => vue.createVNode("div", {
+        "ref": groupRef,
         "role": "radiogroup",
         "class": bem$f({
           readonly: props.readonly,
@@ -12203,7 +12457,7 @@
       slots,
       attrs
     }) {
-      const id = useId();
+      const id = useId$1();
       const filedRef = vue.ref();
       const onCancel = () => {
         if (!slots.action) {
@@ -12293,14 +12547,17 @@
     }
   });
   const Search = withInstall(stdin_default$k);
-  const PRESET_ICONS = ["qq", "link", "weibo", "wechat", "poster", "qrcode", "weapp-qrcode", "wechat-moments"];
   const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-  function getIconURL(icon) {
-    if (PRESET_ICONS.includes(icon)) {
-      return `https://img.yzcdn.cn/vant/share-sheet-${icon}.png`;
-    }
-    return icon;
-  }
+  const iconMap = {
+    qq: "qq",
+    link: "link-o",
+    weibo: "weibo",
+    qrcode: "qr",
+    poster: "photo-o",
+    wechat: "wechat",
+    "weapp-qrcode": "miniprogram-o",
+    "wechat-moments": "wechat-moments"
+  };
   const [name$e, bem$d, t$2] = createNamespace("share-sheet");
   const shareSheetProps = extend({}, popupSharedProps, {
     title: String,
@@ -12338,6 +12595,19 @@
           }, [description])]);
         }
       };
+      const renderIcon = (icon) => {
+        if (iconMap[icon]) {
+          return vue.createVNode("div", {
+            "class": bem$d("icon", [icon])
+          }, [vue.createVNode(Icon, {
+            "name": iconMap[icon] || icon
+          }, null)]);
+        }
+        return vue.createVNode("img", {
+          "src": icon,
+          "class": bem$d("image-icon")
+        }, null);
+      };
       const renderOption = (option, index) => {
         const {
           name: name2,
@@ -12350,10 +12620,7 @@
           "tabindex": 0,
           "class": [bem$d("option"), className, HAPTICS_FEEDBACK],
           "onClick": () => onSelect(option, index)
-        }, [vue.createVNode("img", {
-          "src": getIconURL(icon),
-          "class": bem$d("icon")
-        }, null), name2 && vue.createVNode("span", {
+        }, [renderIcon(icon), name2 && vue.createVNode("span", {
           "class": bem$d("name")
         }, [name2]), description && vue.createVNode("span", {
           "class": bem$d("option-description")
@@ -13808,7 +14075,6 @@
   });
   const TreeSelect = withInstall(stdin_default$6);
   const [name, bem, t] = createNamespace("uploader");
-  const toArray = (item) => Array.isArray(item) ? item : [item];
   function readFileContent(file, resultType) {
     return new Promise((resolve) => {
       if (resultType === "file") {
@@ -13874,7 +14140,7 @@
       imageFit: String,
       lazyLoad: Boolean,
       deletable: Boolean,
-      previewSize: numericProp,
+      previewSize: [Number, String, Array],
       beforeDelete: Function
     },
     emits: ["delete", "preview"],
@@ -13921,13 +14187,16 @@
       const onPreview = () => emit("preview");
       const renderDeleteIcon = () => {
         if (props.deletable && props.item.status !== "uploading") {
+          const slot = slots["preview-delete"];
           return vue.createVNode("div", {
             "role": "button",
-            "class": bem("preview-delete"),
+            "class": bem("preview-delete", {
+              shadow: !slot
+            }),
             "tabindex": 0,
             "aria-label": t("delete"),
             "onClick": onDelete
-          }, [vue.createVNode(Icon, {
+          }, [slot ? slot() : vue.createVNode(Icon, {
             "name": "cross",
             "class": bem("preview-delete-icon")
           }, null)]);
@@ -13948,16 +14217,19 @@
       };
       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
@@ -13997,7 +14269,7 @@
     modelValue: makeArrayProp(),
     beforeRead: Function,
     beforeDelete: Function,
-    previewSize: numericProp,
+    previewSize: [Number, String, Array],
     previewImage: truthProp,
     previewOptions: Object,
     previewFullImage: truthProp,
@@ -14151,9 +14423,7 @@
           "onClick": () => emit("clickPreview", item, getDetail(index)),
           "onDelete": () => deleteFile(item, index),
           "onPreview": () => previewImage(item)
-        }, pick(props, ["name", "lazyLoad"]), previewData), {
-          "preview-cover": slots["preview-cover"]
-        });
+        }, pick(props, ["name", "lazyLoad"]), previewData), pick(slots, ["preview-cover", "preview-delete"]));
       };
       const renderPreviewList = () => {
         if (props.previewImage) {
@@ -15064,7 +15334,7 @@
       });
     }
   };
-  const version = "4.0.0-alpha.1";
+  const version = "4.0.0-alpha.4";
   function install(app) {
     const components = [
       ActionBar,
@@ -15256,6 +15526,5 @@
   exports2["default"] = stdin_default;
   exports2.install = install;
   exports2.version = version;
-  Object.defineProperty(exports2, "__esModule", { value: true });
-  exports2[Symbol.toStringTag] = "Module";
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });