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

package/lib/vant.es.js

@@ -23,6 +23,7 @@ function pick(obj, keys, ignoreUndefined) {
   }, {});
 }
 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 = {
@@ -119,6 +120,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,
@@ -280,10 +287,8 @@ var stdin_default$1C = {
   },
   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"
   },
@@ -309,10 +314,10 @@ const Locale = {
 };
 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;
   };
 }
@@ -678,7 +683,9 @@ var stdin_default$1w = defineComponent({
       return createVNode("div", {
         "class": bem$1l([type, {
           vertical
-        }])
+        }]),
+        "aria-live": "polite",
+        "aria-busy": true
       }, [createVNode("span", {
         "class": bem$1l("spinner", type),
         "style": spinnerStyle.value
@@ -996,7 +1003,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);
@@ -2144,9 +2151,12 @@ const formProps = {
   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 = defineComponent({
   name: name$1e,
@@ -2226,6 +2236,10 @@ var stdin_default$1l = defineComponent({
         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) {
@@ -2261,8 +2275,10 @@ var stdin_default$1l = defineComponent({
     useExpose({
       submit,
       validate,
+      getValues,
       scrollToField,
-      resetValidation
+      resetValidation,
+      getValidationStatus
     });
     return () => {
       var _a;
@@ -2358,7 +2374,7 @@ function cutString(str, maxlength) {
   return [...str].slice(0, maxlength).join("");
 }
 let current = 0;
-function useId() {
+function useId$1() {
   const vm = getCurrentInstance();
   const { name: name2 = "unknown" } = (vm == null ? void 0 : vm.type) || {};
   return `${name2}-${++current}`;
@@ -2379,6 +2395,7 @@ const fieldSharedProps = {
   placeholder: String,
   autocomplete: String,
   errorMessage: String,
+  enterkeyhint: String,
   clearTrigger: makeStringProp("focus"),
   formatTrigger: makeStringProp("onChange"),
   error: {
@@ -2417,10 +2434,10 @@ var stdin_default$1k = defineComponent({
     emit,
     slots
   }) {
-    const id = useId();
+    const id = useId$1();
     const state = reactive({
+      status: "unvalidated",
       focused: false,
-      validateFailed: false,
       validateMessage: ""
     });
     const inputRef = ref();
@@ -2456,7 +2473,7 @@ var stdin_default$1k = defineComponent({
       return props.modelValue;
     });
     const runRules = (rules) => rules.reduce((promise, rule) => promise.then(() => {
-      if (state.validateFailed) {
+      if (state.status === "failed") {
         return;
       }
       let {
@@ -2466,38 +2483,37 @@ var stdin_default$1k = defineComponent({
         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();
           }
         });
@@ -2507,10 +2523,13 @@ var stdin_default$1k = defineComponent({
     });
     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;
         });
@@ -2598,7 +2617,7 @@ var stdin_default$1k = defineComponent({
       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;
       }
     });
@@ -2624,6 +2643,7 @@ var stdin_default$1k = defineComponent({
       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,
@@ -2642,12 +2662,12 @@ var stdin_default$1k = defineComponent({
         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,
@@ -2738,7 +2758,8 @@ var stdin_default$1k = defineComponent({
       focus,
       validate,
       formValue,
-      resetValidation
+      resetValidation,
+      getValidationStatus
     });
     provide(CUSTOM_FIELD_INJECTION_KEY, {
       customValue,
@@ -3097,7 +3118,8 @@ var stdin_default$1i = defineComponent({
   props: switchProps,
   emits: ["change", "update:modelValue"],
   setup(props, {
-    emit
+    emit,
+    slots
   }) {
     const isChecked = () => props.modelValue === props.activeValue;
     const onClick = () => {
@@ -3115,6 +3137,9 @@ var stdin_default$1i = defineComponent({
           "color": color
         }, null);
       }
+      if (slots.node) {
+        return slots.node();
+      }
     };
     useCustomFieldValue(() => props.modelValue);
     return () => {
@@ -3226,10 +3251,8 @@ const DEFAULT_DATA = {
   province: "",
   areaCode: "",
   isDefault: false,
-  postalCode: "",
   addressDetail: ""
 };
-const isPostal = (value) => /^\d{6}$/.test(value);
 const addressEditProps = {
   areaList: Object,
   isSaving: Boolean,
@@ -3238,7 +3261,6 @@ const addressEditProps = {
   showArea: truthProp,
   showDetail: truthProp,
   showDelete: Boolean,
-  showPostal: Boolean,
   disableArea: Boolean,
   searchResult: Array,
   telMaxlength: numericProp,
@@ -3257,10 +3279,6 @@ const addressEditProps = {
   telValidator: {
     type: Function,
     default: isMobile
-  },
-  postalValidator: {
-    type: Function,
-    default: isPostal
   }
 };
 var stdin_default$1g = defineComponent({
@@ -3303,8 +3321,7 @@ var stdin_default$1g = defineComponent({
     const rules = computed(() => {
       const {
         validator,
-        telValidator,
-        postalValidator
+        telValidator
       } = props;
       const makeRule = (name2, emptyMessage) => ({
         validator: (value) => {
@@ -3327,11 +3344,7 @@ var stdin_default$1g = defineComponent({
           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);
@@ -3456,16 +3469,7 @@ var stdin_default$1g = defineComponent({
             "onFocus": () => onFocus("addressDetail"),
             "onInput": onChangeDetail,
             "onSelectSearch": (event) => emit("selectSearch", event)
-          }, null), props.showPostal && withDirectives(createVNode(Field, {
-            "modelValue": data.postalCode,
-            "onUpdate:modelValue": ($event) => data.postalCode = $event,
-            "type": "tel",
-            "rules": rules.value.postalCode,
-            "label": t$h("postal"),
-            "maxlength": "6",
-            "placeholder": t$h("postal"),
-            "onFocus": () => onFocus("postalCode")
-          }, null), [[vShow, !hideBottomFields.value]]), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), withDirectives(createVNode("div", {
+          }, null), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderSetDefaultCell(), withDirectives(createVNode("div", {
             "class": bem$15("buttons")
           }, [createVNode(Button, {
             "block": true,
@@ -4024,6 +4028,7 @@ var stdin_default$19 = defineComponent({
     slots
   }) {
     const style = computed(() => {
+      var _a;
       const {
         item,
         index,
@@ -4055,6 +4060,9 @@ var stdin_default$19 = defineComponent({
             break;
         }
       }
+      if (offset + (((_a = item.date) == null ? void 0 : _a.getDate()) || 1) > 28) {
+        style2.marginBottom = 0;
+      }
       return style2;
     });
     const onClick = () => {
@@ -4562,8 +4570,8 @@ var stdin_default$16 = defineComponent({
       }
       raf(() => {
         bodyHeight = Math.floor(useRect(bodyRef).height);
-        scrollToCurrentDate();
       });
+      scrollToCurrentDate();
     };
     const reset = (date = getInitialDate()) => {
       currentDate.value = date;
@@ -5707,7 +5715,7 @@ var stdin_default$$ = defineComponent({
     const root = ref();
     const navRef = ref();
     const wrapRef = ref();
-    const id = useId();
+    const id = useId$1();
     const scroller = useScrollParent(root);
     const [titleRefs, setTitleRefs] = useRefs();
     const {
@@ -5874,6 +5882,7 @@ var stdin_default$$ = defineComponent({
       }
     };
     const renderNav = () => children.map((item, index) => createVNode(stdin_default$12, mergeProps({
+      "key": item.id,
       "id": `${id}-${index}`,
       "ref": setTitleRefs(index),
       "type": props.type,
@@ -6093,7 +6102,7 @@ var stdin_default$Z = defineComponent({
   setup(props, {
     slots
   }) {
-    const id = useId();
+    const id = useId$1();
     const inited = ref(false);
     const {
       parent,
@@ -7463,14 +7472,328 @@ var stdin_default$K = defineComponent({
   }
 });
 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, offset, opacity) => createVNode("stop", {
+  "stop-color": color,
+  "offset": `${offset}%`,
+  "stop-opacity": opacity
+}, null);
+const renderStops = (fromColor, toColor) => [renderStop(fromColor, 0), renderStop(toColor, 100)];
+const renderShadow = (id) => [createVNode("defs", null, [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)])]), createVNode("ellipse", {
+  "fill": useId(id),
+  "opacity": ".8",
+  "cx": "80",
+  "cy": "140",
+  "rx": "46",
+  "ry": "8"
+}, null)];
+const renderBuilding = () => [createVNode("defs", null, [createVNode("linearGradient", {
+  "id": getId("a"),
+  "x1": "64%",
+  "y1": "100%",
+  "x2": "64%"
+}, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)])]), createVNode("g", {
+  "opacity": ".8"
+}, [createVNode("path", {
+  "d": "M36 131V53H16v20H2v58h34z",
+  "fill": useId("a")
+}, null), createVNode("path", {
+  "d": "M123 15h22v14h9v77h-31V15z",
+  "fill": useId("a")
+}, null)])];
+const renderCloud = () => [createVNode("defs", null, [createVNode("linearGradient", {
+  "id": getId("b"),
+  "x1": "64%",
+  "y1": "97%",
+  "x2": "64%",
+  "y2": "0%"
+}, [renderStop("#F2F3F5", 0, 0.3), renderStop("#F2F3F5", 100)])]), createVNode("g", {
+  "opacity": ".8"
+}, [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), 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 = () => createVNode("svg", {
+  "viewBox": "0 0 160 160"
+}, [createVNode("defs", null, [createVNode("linearGradient", {
+  "id": getId(1),
+  "x1": "64%",
+  "y1": "100%",
+  "x2": "64%"
+}, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), createVNode("linearGradient", {
+  "id": getId(2),
+  "x1": "50%",
+  "x2": "50%",
+  "y2": "84%"
+}, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), createVNode("linearGradient", {
+  "id": getId(3),
+  "x1": "100%",
+  "x2": "100%",
+  "y2": "100%"
+}, [renderStops("#EAEDF0", "#DCDEE0")]), 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)])]), createVNode("g", {
+  "fill": "none"
+}, [renderBuilding(), createVNode("path", {
+  "fill": useId(4),
+  "d": "M0 139h160v21H0z"
+}, null), 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), createVNode("g", {
+  "opacity": ".6",
+  "stroke-linecap": "round",
+  "stroke-width": "7"
+}, [createVNode("path", {
+  "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
+  "stroke": useId(3)
+}, null), createVNode("path", {
+  "d": "M53 36a34 34 0 0 0 0 48",
+  "stroke": useId(3)
+}, null), createVNode("path", {
+  "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
+  "stroke": useId(3)
+}, null), createVNode("path", {
+  "d": "M106 84a34 34 0 0 0 0-48",
+  "stroke": useId(3)
+}, null)]), createVNode("g", {
+  "transform": "translate(31 105)"
+}, [createVNode("rect", {
+  "fill": "#EBEDF0",
+  "width": "98",
+  "height": "34",
+  "rx": "2"
+}, null), createVNode("rect", {
+  "fill": "#FFF",
+  "x": "9",
+  "y": "8",
+  "width": "80",
+  "height": "18",
+  "rx": "1.1"
+}, null), createVNode("rect", {
+  "fill": "#EBEDF0",
+  "x": "15",
+  "y": "12",
+  "width": "18",
+  "height": "6",
+  "rx": "1.1"
+}, null)])])]);
+const renderMaterial = () => createVNode("svg", {
+  "viewBox": "0 0 160 160"
+}, [createVNode("defs", null, [createVNode("linearGradient", {
+  "x1": "50%",
+  "x2": "50%",
+  "y2": "100%",
+  "id": getId(5)
+}, [renderStops("#F2F3F5", "#DCDEE0")]), createVNode("linearGradient", {
+  "x1": "95%",
+  "y1": "48%",
+  "x2": "5.5%",
+  "y2": "51%",
+  "id": getId(6)
+}, [renderStops("#EAEDF1", "#DCDEE0")]), createVNode("linearGradient", {
+  "y1": "45%",
+  "x2": "100%",
+  "y2": "54%",
+  "id": getId(7)
+}, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), createVNode("g", {
+  "transform": "translate(36 50)",
+  "fill": "none"
+}, [createVNode("g", {
+  "transform": "translate(8)"
+}, [createVNode("rect", {
+  "fill": "#EBEDF0",
+  "opacity": ".6",
+  "x": "38",
+  "y": "13",
+  "width": "36",
+  "height": "53",
+  "rx": "2"
+}, null), createVNode("rect", {
+  "fill": useId(5),
+  "width": "64",
+  "height": "66",
+  "rx": "2"
+}, null), createVNode("rect", {
+  "fill": "#FFF",
+  "x": "6",
+  "y": "6",
+  "width": "52",
+  "height": "55",
+  "rx": "1"
+}, null), createVNode("g", {
+  "transform": "translate(15 17)",
+  "fill": useId(6)
+}, [createVNode("rect", {
+  "width": "34",
+  "height": "6",
+  "rx": "1"
+}, null), createVNode("path", {
+  "d": "M0 14h34v6H0z"
+}, null), createVNode("rect", {
+  "y": "28",
+  "width": "34",
+  "height": "6",
+  "rx": "1"
+}, null)])]), createVNode("rect", {
+  "fill": useId(7),
+  "y": "61",
+  "width": "88",
+  "height": "28",
+  "rx": "1"
+}, null), createVNode("rect", {
+  "fill": "#F7F8FA",
+  "x": "29",
+  "y": "72",
+  "width": "30",
+  "height": "6",
+  "rx": "1"
+}, null)])]);
+const renderError = () => createVNode("svg", {
+  "viewBox": "0 0 160 160"
+}, [createVNode("defs", null, [createVNode("linearGradient", {
+  "x1": "50%",
+  "x2": "50%",
+  "y2": "100%",
+  "id": getId(8)
+}, [renderStops("#EAEDF1", "#DCDEE0")])]), renderBuilding(), renderCloud(), renderShadow("c"), 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 = () => createVNode("svg", {
+  "viewBox": "0 0 160 160"
+}, [createVNode("defs", null, [createVNode("linearGradient", {
+  "x1": "50%",
+  "y1": "100%",
+  "x2": "50%",
+  "id": getId(9)
+}, [renderStops("#EEE", "#D8D8D8")]), createVNode("linearGradient", {
+  "x1": "100%",
+  "y1": "50%",
+  "y2": "50%",
+  "id": getId(10)
+}, [renderStops("#F2F3F5", "#DCDEE0")]), createVNode("linearGradient", {
+  "x1": "50%",
+  "x2": "50%",
+  "y2": "100%",
+  "id": getId(11)
+}, [renderStops("#F2F3F5", "#DCDEE0")]), createVNode("linearGradient", {
+  "x1": "50%",
+  "x2": "50%",
+  "y2": "100%",
+  "id": getId(12)
+}, [renderStops("#FFF", "#F7F8FA")])]), renderBuilding(), renderCloud(), renderShadow("d"), createVNode("g", {
+  "transform": "rotate(-45 113 -4)",
+  "fill": "none"
+}, [createVNode("rect", {
+  "fill": useId(9),
+  "x": "24",
+  "y": "52.8",
+  "width": "5.8",
+  "height": "19",
+  "rx": "1"
+}, null), createVNode("rect", {
+  "fill": useId(10),
+  "x": "22.1",
+  "y": "67.3",
+  "width": "9.9",
+  "height": "28",
+  "rx": "1"
+}, null), createVNode("circle", {
+  "stroke": useId(11),
+  "stroke-width": "8",
+  "cx": "27",
+  "cy": "27",
+  "r": "27"
+}, null), createVNode("circle", {
+  "fill": useId(12),
+  "cx": "27",
+  "cy": "27",
+  "r": "16"
+}, null), 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 = 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)) || createVNode("img", {
+        "src": props.image
+      }, null);
+    };
+    const renderDescription = () => {
+      const description = slots.description ? slots.description() : props.description;
+      if (description) {
+        return createVNode("p", {
+          "class": bem$C("description")
+        }, [description]);
+      }
+    };
+    const renderBottom = () => {
+      if (slots.default) {
+        return createVNode("div", {
+          "class": bem$C("bottom")
+        }, [slots.default()]);
+      }
+    };
+    return () => createVNode("div", {
+      "class": bem$C()
+    }, [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,
@@ -7485,8 +7808,8 @@ const couponListProps = {
   exchangeButtonLoading: Boolean,
   exchangeButtonDisabled: Boolean
 };
-var stdin_default$J = defineComponent({
-  name: name$D,
+var stdin_default$I = defineComponent({
+  name: name$C,
   props: couponListProps,
   emits: ["change", "exchange", "update:code"],
   setup(props, {
@@ -7518,28 +7841,30 @@ var stdin_default$J = defineComponent({
         return (_a = couponRefs.value[index]) == null ? void 0 : _a.scrollIntoView();
       });
     };
-    const renderEmpty = () => createVNode("div", {
-      "class": bem$C("empty")
-    }, [createVNode("img", {
-      "src": props.emptyImage
-    }, null), createVNode("p", null, [t$8("noCoupon")])]);
+    const renderEmpty = () => createVNode(Empty, {
+      "image": props.emptyImage
+    }, {
+      default: () => [createVNode("p", {
+        "class": bem$B("empty-tip")
+      }, [t$8("noCoupon")])]
+    });
     const renderExchangeBar = () => {
       if (props.showExchangeBar) {
         return createVNode("div", {
           "ref": barRef,
-          "class": bem$C("exchange-bar")
+          "class": bem$B("exchange-bar")
         }, [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), 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,
@@ -7559,7 +7884,7 @@ var stdin_default$J = defineComponent({
         default: () => {
           var _a;
           return [createVNode("div", {
-            "class": bem$C("list", {
+            "class": bem$B("list", {
               "with-bottom": props.showCloseButton
             }),
             "style": {
@@ -7588,7 +7913,7 @@ var stdin_default$J = defineComponent({
         default: () => {
           var _a;
           return [createVNode("div", {
-            "class": bem$C("list", {
+            "class": bem$B("list", {
               "with-bottom": props.showCloseButton
             }),
             "style": {
@@ -7615,28 +7940,28 @@ var stdin_default$J = defineComponent({
     });
     return () => createVNode("div", {
       "ref": root,
-      "class": bem$C()
+      "class": bem$B()
     }, [renderExchangeBar(), createVNode(Tabs, {
       "active": activeTab.value,
       "onUpdate:active": ($event) => activeTab.value = $event,
-      "class": bem$C("tab")
+      "class": bem$B("tab")
     }, {
       default: () => [renderCouponTab(), renderDisabledTab()]
     }), createVNode("div", {
-      "class": bem$C("bottom")
+      "class": bem$B("bottom")
     }, [withDirectives(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), [[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,
@@ -7653,8 +7978,8 @@ const datePickerProps = extend({}, sharedProps, {
     validator: isDate
   }
 });
-var stdin_default$I = defineComponent({
-  name: name$C,
+var stdin_default$H = defineComponent({
+  name: name$B,
   props: datePickerProps,
   emits: ["confirm", "cancel", "change", "update:modelValue"],
   setup(props, {
@@ -7738,8 +8063,8 @@ var stdin_default$I = defineComponent({
     }, 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,
@@ -7760,8 +8085,8 @@ const dialogProps = extend({}, popupSharedProps, {
   closeOnClickOverlay: Boolean
 });
 const popupInheritKeys$1 = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
-var stdin_default$H = defineComponent({
-  name: name$B,
+var stdin_default$G = defineComponent({
+  name: name$A,
   props: dialogProps,
   emits: ["confirm", "cancel", "keydown", "update:show"],
   setup(props, {
@@ -7818,7 +8143,7 @@ var stdin_default$H = defineComponent({
       const title = slots.title ? slots.title() : props.title;
       if (title) {
         return createVNode("div", {
-          "class": bem$B("header", {
+          "class": bem$A("header", {
             isolated: !props.message && !slots.default
           })
         }, [title]);
@@ -7830,7 +8155,7 @@ var stdin_default$H = defineComponent({
         allowHtml,
         messageAlign
       } = props;
-      const classNames = bem$B("message", {
+      const classNames = bem$A("message", {
         "has-title": hasTitle,
         [messageAlign]: messageAlign
       });
@@ -7848,7 +8173,7 @@ var stdin_default$H = defineComponent({
     const renderContent = () => {
       if (slots.default) {
         return createVNode("div", {
-          "class": bem$B("content")
+          "class": bem$A("content")
         }, [slots.default()]);
       }
       const {
@@ -7860,18 +8185,18 @@ var stdin_default$H = defineComponent({
         const hasTitle = !!(title || slots.title);
         return createVNode("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem$B("content", {
+          "class": bem$A("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
     const renderButtons = () => createVNode("div", {
-      "class": [BORDER_TOP, bem$B("footer")]
+      "class": [BORDER_TOP, bem$A("footer")]
     }, [props.showCancelButton && createVNode(Button, {
       "size": "large",
       "text": props.cancelButtonText || t$7("cancel"),
-      "class": bem$B("cancel"),
+      "class": bem$A("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
@@ -7880,7 +8205,7 @@ var stdin_default$H = defineComponent({
     }, null), props.showConfirmButton && createVNode(Button, {
       "size": "large",
       "text": props.confirmButtonText || t$7("confirm"),
-      "class": [bem$B("confirm"), {
+      "class": [bem$A("confirm"), {
         [BORDER_LEFT]: props.showCancelButton
       }],
       "style": {
@@ -7890,19 +8215,19 @@ var stdin_default$H = defineComponent({
       "onClick": onConfirm
     }, null)]);
     const renderRoundButtons = () => createVNode(ActionBar, {
-      "class": bem$B("footer")
+      "class": bem$A("footer")
     }, {
       default: () => [props.showCancelButton && 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 && 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
@@ -7925,7 +8250,7 @@ var stdin_default$H = defineComponent({
       return createVNode(Popup, mergeProps({
         "ref": root,
         "role": "dialog",
-        "class": [bem$B([theme]), className],
+        "class": [bem$A([theme]), className],
         "style": {
           width: addUnit(width)
         },
@@ -7947,7 +8272,7 @@ function initInstance$2() {
         state,
         toggle
       } = usePopupState();
-      return () => createVNode(stdin_default$H, mergeProps(state, {
+      return () => createVNode(stdin_default$G, mergeProps(state, {
         "onUpdate:show": toggle
       }), null);
     }
@@ -8012,19 +8337,19 @@ Dialog.setDefaultOptions = (options) => {
 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 = defineComponent({
-  name: name$A,
+var stdin_default$F = defineComponent({
+  name: name$z,
   props: dividerProps,
   setup(props, {
     slots
@@ -8033,7 +8358,7 @@ var stdin_default$G = defineComponent({
       var _a;
       return createVNode("div", {
         "role": "separator",
-        "class": bem$A({
+        "class": bem$z({
           dashed: props.dashed,
           hairline: props.hairline,
           [`content-${props.contentPosition}`]: !!slots.default
@@ -8042,8 +8367,8 @@ var stdin_default$G = defineComponent({
     };
   }
 });
-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,
@@ -8053,14 +8378,14 @@ const dropdownMenuProps = {
   closeOnClickOutside: truthProp,
   closeOnClickOverlay: truthProp
 };
-const DROPDOWN_KEY = Symbol(name$z);
-var stdin_default$F = defineComponent({
-  name: name$z,
+const DROPDOWN_KEY = Symbol(name$y);
+var stdin_default$E = defineComponent({
+  name: name$y,
   props: dropdownMenuProps,
   setup(props, {
     slots
   }) {
-    const id = useId();
+    const id = useId$1();
     const root = ref();
     const barRef = ref();
     const offset = ref(0);
@@ -8123,7 +8448,7 @@ var stdin_default$F = defineComponent({
         "id": `${id}-${index}`,
         "role": "button",
         "tabindex": disabled ? void 0 : 0,
-        "class": [bem$z("item", {
+        "class": [bem$y("item", {
           disabled
         }), {
           [HAPTICS_FEEDBACK]: !disabled
@@ -8134,7 +8459,7 @@ var stdin_default$F = defineComponent({
           }
         }
       }, [createVNode("span", {
-        "class": [bem$z("title", {
+        "class": [bem$y("title", {
           down: showPopup === (props.direction === "down"),
           active: showPopup
         }), titleClass],
@@ -8158,18 +8483,18 @@ var stdin_default$F = defineComponent({
       var _a;
       return createVNode("div", {
         "ref": root,
-        "class": bem$z()
+        "class": bem$y()
       }, [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(),
@@ -8179,8 +8504,8 @@ const dropdownItemProps = {
   modelValue: unknownProp,
   titleClass: unknownProp
 };
-var stdin_default$E = defineComponent({
-  name: name$y,
+var stdin_default$D = defineComponent({
+  name: name$x,
   props: dropdownItemProps,
   emits: ["open", "opened", "close", "closed", "change", "update:modelValue"],
   setup(props, {
@@ -8247,7 +8572,7 @@ var stdin_default$E = defineComponent({
       const renderIcon = () => {
         if (active) {
           return createVNode(Icon, {
-            "class": bem$y("icon"),
+            "class": bem$x("icon"),
             "color": activeColor,
             "name": "success"
           }, null);
@@ -8258,7 +8583,7 @@ var stdin_default$E = defineComponent({
         "key": option.value,
         "icon": option.icon,
         "title": option.text,
-        "class": bem$y("option", {
+        "class": bem$x("option", {
           active
         }),
         "style": {
@@ -8290,13 +8615,13 @@ var stdin_default$E = defineComponent({
       }
       return withDirectives(createVNode("div", {
         "style": style,
-        "class": bem$y([direction]),
+        "class": bem$x([direction]),
         "onClick": onClickWrapper
       }, [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,
@@ -8334,147 +8659,8 @@ var stdin_default$E = defineComponent({
     };
   }
 });
-const DropdownItem = withInstall(stdin_default$E);
-const DropdownMenu = withInstall(stdin_default$F);
-const prefix = "van-empty-network-";
-const renderStop = (color, offset, opacity) => createVNode("stop", {
-  "stop-color": color,
-  "offset": `${offset}%`,
-  "stop-opacity": opacity
-}, null);
-const Network = createVNode("svg", {
-  "viewBox": "0 0 160 160"
-}, [createVNode("defs", null, [createVNode("linearGradient", {
-  "id": `${prefix}1`,
-  "x1": "64%",
-  "y1": "100%",
-  "x2": "64%"
-}, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), createVNode("linearGradient", {
-  "id": `${prefix}2`,
-  "x1": "50%",
-  "x2": "50%",
-  "y2": "84%"
-}, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), createVNode("linearGradient", {
-  "id": `${prefix}3`,
-  "x1": "100%",
-  "x2": "100%",
-  "y2": "100%"
-}, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), 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)])]), createVNode("g", {
-  "fill": "none"
-}, [createVNode("g", {
-  "opacity": ".8"
-}, [createVNode("path", {
-  "d": "M36 131V53H16v20H2v58h34z",
-  "fill": `url(#${prefix}1)`
-}, null), createVNode("path", {
-  "d": "M123 15h22v14h9v77h-31V15z",
-  "fill": `url(#${prefix}1)`
-}, null)]), createVNode("path", {
-  "fill": `url(#${prefix}4)`,
-  "d": "M0 139h160v21H0z"
-}, null), 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), createVNode("g", {
-  "opacity": ".6",
-  "stroke-linecap": "round",
-  "stroke-width": "7"
-}, [createVNode("path", {
-  "d": "M64 47a19 19 0 0 0-5 13c0 5 2 10 5 13",
-  "stroke": `url(#${prefix}3)`
-}, null), createVNode("path", {
-  "d": "M53 36a34 34 0 0 0 0 48",
-  "stroke": `url(#${prefix}3)`
-}, null), createVNode("path", {
-  "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
-  "stroke": `url(#${prefix}3)`
-}, null), createVNode("path", {
-  "d": "M106 84a34 34 0 0 0 0-48",
-  "stroke": `url(#${prefix}3)`
-}, null)]), createVNode("g", {
-  "transform": "translate(31 105)"
-}, [createVNode("rect", {
-  "fill": "#EBEDF0",
-  "width": "98",
-  "height": "34",
-  "rx": "2"
-}, null), createVNode("rect", {
-  "fill": "#FFF",
-  "x": "9",
-  "y": "8",
-  "width": "80",
-  "height": "18",
-  "rx": "1.1"
-}, null), 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 = 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 createVNode("img", {
-        "src": image
-      }, null);
-    };
-    const renderDescription = () => {
-      const description = slots.description ? slots.description() : props.description;
-      if (description) {
-        return createVNode("p", {
-          "class": bem$x("description")
-        }, [description]);
-      }
-    };
-    const renderBottom = () => {
-      if (slots.default) {
-        return createVNode("div", {
-          "class": bem$x("bottom")
-        }, [slots.default()]);
-      }
-    };
-    return () => createVNode("div", {
-      "class": bem$x()
-    }, [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,
@@ -9968,6 +10154,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$r = defineComponent({
   name: name$m,
   props: numberKeyboardProps,
@@ -9982,7 +10177,7 @@ var stdin_default$r = defineComponent({
         text: i + 1
       }));
       if (props.randomKeyOrder) {
-        keys2.sort(() => Math.random() > 0.5 ? 1 : -1);
+        shuffle(keys2);
       }
       return keys2;
     };
@@ -10837,33 +11032,53 @@ var stdin_default$l = defineComponent({
   }) {
     const touch = useTouch();
     const [itemRefs, setItemRefs] = useRefs();
+    const groupRef = ref();
     const untouchable = () => props.readonly || props.disabled || !props.touchable;
     const list = 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;
@@ -10888,10 +11103,11 @@ var stdin_default$l = defineComponent({
       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) => {
@@ -10920,7 +11136,7 @@ var stdin_default$l = defineComponent({
       }
       const onClickItem = (event) => {
         updateRanges();
-        select(allowHalf ? getScoreByPosition(event.clientX) : score);
+        select(allowHalf ? getScoreByPosition(event.clientX, event.clientY) : score);
       };
       return createVNode("div", {
         "key": index,
@@ -10958,6 +11174,7 @@ var stdin_default$l = defineComponent({
     };
     useCustomFieldValue(() => props.modelValue);
     return () => createVNode("div", {
+      "ref": groupRef,
       "role": "radiogroup",
       "class": bem$f({
         readonly: props.readonly,
@@ -10992,7 +11209,7 @@ var stdin_default$k = defineComponent({
     slots,
     attrs
   }) {
-    const id = useId();
+    const id = useId$1();
     const filedRef = ref();
     const onCancel = () => {
       if (!slots.action) {
@@ -11082,14 +11299,17 @@ var stdin_default$k = defineComponent({
   }
 });
 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,
@@ -11127,6 +11347,19 @@ var stdin_default$j = defineComponent({
         }, [description])]);
       }
     };
+    const renderIcon = (icon) => {
+      if (iconMap[icon]) {
+        return createVNode("div", {
+          "class": bem$d("icon", [icon])
+        }, [createVNode(Icon, {
+          "name": iconMap[icon] || icon
+        }, null)]);
+      }
+      return createVNode("img", {
+        "src": icon,
+        "class": bem$d("image-icon")
+      }, null);
+    };
     const renderOption = (option, index) => {
       const {
         name: name2,
@@ -11139,10 +11372,7 @@ var stdin_default$j = defineComponent({
         "tabindex": 0,
         "class": [bem$d("option"), className, HAPTICS_FEEDBACK],
         "onClick": () => onSelect(option, index)
-      }, [createVNode("img", {
-        "src": getIconURL(icon),
-        "class": bem$d("icon")
-      }, null), name2 && createVNode("span", {
+      }, [renderIcon(icon), name2 && createVNode("span", {
         "class": bem$d("name")
       }, [name2]), description && createVNode("span", {
         "class": bem$d("option-description")
@@ -12597,7 +12827,6 @@ var stdin_default$6 = defineComponent({
 });
 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") {
@@ -12663,7 +12892,7 @@ var stdin_default$5 = defineComponent({
     imageFit: String,
     lazyLoad: Boolean,
     deletable: Boolean,
-    previewSize: numericProp,
+    previewSize: [Number, String, Array],
     beforeDelete: Function
   },
   emits: ["delete", "preview"],
@@ -12710,13 +12939,16 @@ var stdin_default$5 = defineComponent({
     const onPreview = () => emit("preview");
     const renderDeleteIcon = () => {
       if (props.deletable && props.item.status !== "uploading") {
+        const slot = slots["preview-delete"];
         return createVNode("div", {
           "role": "button",
-          "class": bem("preview-delete"),
+          "class": bem("preview-delete", {
+            shadow: !slot
+          }),
           "tabindex": 0,
           "aria-label": t("delete"),
           "onClick": onDelete
-        }, [createVNode(Icon, {
+        }, [slot ? slot() : createVNode(Icon, {
           "name": "cross",
           "class": bem("preview-delete-icon")
         }, null)]);
@@ -12737,16 +12969,19 @@ var stdin_default$5 = defineComponent({
     };
     const renderPreview = () => {
       const {
-        item
+        item,
+        lazyLoad,
+        imageFit,
+        previewSize
       } = props;
       if (isImageFile(item)) {
         return 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
@@ -12786,7 +13021,7 @@ const uploaderProps = {
   modelValue: makeArrayProp(),
   beforeRead: Function,
   beforeDelete: Function,
-  previewSize: numericProp,
+  previewSize: [Number, String, Array],
   previewImage: truthProp,
   previewOptions: Object,
   previewFullImage: truthProp,
@@ -12940,9 +13175,7 @@ var stdin_default$4 = defineComponent({
         "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) {
@@ -13853,7 +14086,7 @@ const Lazyload = {
     });
   }
 };
-const version = "4.0.0-alpha.1";
+const version = "4.0.0-alpha.4";
 function install(app) {
   const components = [
     ActionBar,