vant 4.0.0-alpha.2 → 4.0.0-beta.0

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 = {
@@ -352,7 +353,7 @@
     }
     return { width, height };
   }
-  var overflowScrollReg = /scroll|auto/i;
+  var overflowScrollReg = /scroll|auto|overlay/i;
   var defaultRoot = inBrowser ? window : void 0;
   function isElement$1(node) {
     const ELEMENT_NODE_TYPE = 1;
@@ -667,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;
     };
   }
@@ -745,9 +746,30 @@
     };
     return options;
   }
+  const useHeight = (element) => {
+    const height2 = vue.ref();
+    const setHeight = () => {
+      height2.value = useRect(element).height;
+    };
+    vue.onMounted(() => {
+      vue.nextTick(setHeight);
+      setTimeout(setHeight, 100);
+    });
+    return height2;
+  };
+  function usePlaceholder(contentRef, bem2) {
+    const height2 = useHeight(contentRef);
+    return (renderContent) => vue.createVNode("div", {
+      "class": bem2("placeholder"),
+      "style": {
+        height: height2.value ? `${height2.value}px` : void 0
+      }
+    }, [renderContent()]);
+  }
   const [name$1t, bem$1p] = createNamespace("action-bar");
   const ACTION_BAR_KEY = Symbol(name$1t);
   const actionBarProps = {
+    placeholder: Boolean,
     safeAreaInsetBottom: truthProp
   };
   var stdin_default$1A = vue.defineComponent({
@@ -756,18 +778,27 @@
     setup(props, {
       slots
     }) {
+      const root = vue.ref();
+      const renderPlaceholder = usePlaceholder(root, bem$1p);
       const {
         linkChildren
       } = useChildren(ACTION_BAR_KEY);
       linkChildren();
-      return () => {
+      const renderActionBar = () => {
         var _a;
         return vue.createVNode("div", {
+          "ref": root,
           "class": [bem$1p(), {
             "van-safe-area-bottom": props.safeAreaInsetBottom
           }]
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
       };
+      return () => {
+        if (props.placeholder) {
+          return renderPlaceholder(renderActionBar);
+        }
+        return renderActionBar();
+      };
     }
   });
   const ActionBar = withInstall(stdin_default$1A);
@@ -1036,7 +1067,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
@@ -1658,7 +1691,7 @@
         }
       });
       vue.onDeactivated(() => {
-        if (props.show) {
+        if (props.show && props.teleport) {
           close();
           shouldReopen = true;
         }
@@ -2502,9 +2535,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,
@@ -2584,6 +2620,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) {
@@ -2621,7 +2661,8 @@
         validate,
         getValues,
         scrollToField,
-        resetValidation
+        resetValidation,
+        getValidationStatus
       });
       return () => {
         var _a;
@@ -2717,7 +2758,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}`;
@@ -2772,15 +2813,15 @@
   var stdin_default$1k = vue.defineComponent({
     name: name$1d,
     props: fieldProps,
-    emits: ["blur", "focus", "clear", "keypress", "clickInput", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
+    emits: ["blur", "focus", "clear", "keypress", "clickInput", "endValidate", "startValidate", "clickLeftIcon", "clickRightIcon", "update:modelValue"],
     setup(props, {
       emit,
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const state = vue.reactive({
+        status: "unvalidated",
         focused: false,
-        validateFailed: false,
         validateMessage: ""
       });
       const inputRef = vue.ref();
@@ -2816,7 +2857,7 @@
         return props.modelValue;
       });
       const runRules = (rules) => rules.reduce((promise, rule) => promise.then(() => {
-        if (state.validateFailed) {
+        if (state.status === "failed") {
           return;
         }
         let {
@@ -2826,39 +2867,44 @@
           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 endValidate = () => emit("endValidate", {
+        status: state.status
+      });
       const validate = (rules = props.rules) => new Promise((resolve) => {
         resetValidation();
         if (rules) {
+          emit("startValidate");
           runRules(rules).then(() => {
-            if (state.validateFailed) {
+            if (state.status === "failed") {
               resolve({
                 name: props.name,
                 message: state.validateMessage
               });
+              endValidate();
             } else {
+              state.status = "passed";
               resolve();
+              endValidate();
             }
           });
         } else {
@@ -2867,10 +2913,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;
           });
@@ -2958,7 +3007,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;
         }
       });
@@ -2984,6 +3033,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,
@@ -3002,7 +3052,6 @@
           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,
@@ -3099,7 +3148,8 @@
         focus,
         validate,
         formValue,
-        resetValidation
+        resetValidation,
+        getValidationStatus
       });
       vue.provide(CUSTOM_FIELD_INJECTION_KEY, {
         customValue,
@@ -3149,38 +3199,6 @@
     }
   });
   const Field = withInstall(stdin_default$1k);
-  function usePopupState() {
-    const state = vue.reactive({
-      show: false
-    });
-    const toggle = (show) => {
-      state.show = show;
-    };
-    const open = (props) => {
-      extend(state, props, { transitionAppear: true });
-      toggle(true);
-    };
-    const close = () => toggle(false);
-    useExpose({ open, close, toggle });
-    return {
-      open,
-      close,
-      state,
-      toggle
-    };
-  }
-  function mountComponent(RootComponent) {
-    const app = vue.createApp(RootComponent);
-    const root = document.createElement("div");
-    document.body.appendChild(root);
-    return {
-      instance: app.mount(root),
-      unmount() {
-        app.unmount();
-        document.body.removeChild(root);
-      }
-    };
-  }
   let lockCount = 0;
   function lockClick(lock) {
     if (lock) {
@@ -3304,6 +3322,38 @@
       });
     }
   });
+  function usePopupState() {
+    const state = vue.reactive({
+      show: false
+    });
+    const toggle = (show) => {
+      state.show = show;
+    };
+    const open = (props) => {
+      extend(state, props, { transitionAppear: true });
+      toggle(true);
+    };
+    const close = () => toggle(false);
+    useExpose({ open, close, toggle });
+    return {
+      open,
+      close,
+      state,
+      toggle
+    };
+  }
+  function mountComponent(RootComponent) {
+    const app = vue.createApp(RootComponent);
+    const root = document.createElement("div");
+    document.body.appendChild(root);
+    return {
+      instance: app.mount(root),
+      unmount() {
+        app.unmount();
+        document.body.removeChild(root);
+      }
+    };
+  }
   const defaultOptions$1 = {
     icon: "",
     type: "text",
@@ -3327,7 +3377,7 @@
   };
   let queue = [];
   let allowMultiple = false;
-  let currentOptions = extend({}, defaultOptions$1);
+  let currentOptions$2 = extend({}, defaultOptions$1);
   const defaultOptionsMap = /* @__PURE__ */ new Map();
   function parseOptions$1(message) {
     if (isObject(message)) {
@@ -3369,7 +3419,7 @@
         vue.getCurrentInstance().render = render;
         return {
           open,
-          clear: close,
+          close,
           message
         };
       }
@@ -3383,59 +3433,55 @@
     }
     return queue[queue.length - 1];
   }
-  function Toast(options = {}) {
+  function showToast(options = {}) {
     if (!inBrowser$1) {
       return {};
     }
     const toast = getInstance();
     const parsedOptions = parseOptions$1(options);
-    toast.open(extend({}, currentOptions, defaultOptionsMap.get(parsedOptions.type || currentOptions.type), parsedOptions));
+    toast.open(extend({}, currentOptions$2, defaultOptionsMap.get(parsedOptions.type || currentOptions$2.type), parsedOptions));
     return toast;
   }
-  const createMethod = (type) => (options) => Toast(extend({
+  const createMethod = (type) => (options) => showToast(extend({
     type
   }, parseOptions$1(options)));
-  Toast.loading = createMethod("loading");
-  Toast.success = createMethod("success");
-  Toast.fail = createMethod("fail");
-  Toast.clear = (all) => {
+  const showLoadingToast = createMethod("loading");
+  const showSuccessToast = createMethod("success");
+  const showFailToast = createMethod("fail");
+  const closeToast = (all) => {
     var _a;
     if (queue.length) {
       if (all) {
         queue.forEach((toast) => {
-          toast.clear();
+          toast.close();
         });
         queue = [];
       } else if (!allowMultiple) {
-        queue[0].clear();
+        queue[0].close();
       } else {
-        (_a = queue.shift()) == null ? void 0 : _a.clear();
+        (_a = queue.shift()) == null ? void 0 : _a.close();
       }
     }
   };
-  function setDefaultOptions(type, options) {
+  function setToastDefaultOptions(type, options) {
     if (typeof type === "string") {
       defaultOptionsMap.set(type, options);
     } else {
-      extend(currentOptions, type);
+      extend(currentOptions$2, type);
     }
   }
-  Toast.setDefaultOptions = setDefaultOptions;
-  Toast.resetDefaultOptions = (type) => {
+  const resetToastDefaultOptions = (type) => {
     if (typeof type === "string") {
       defaultOptionsMap.delete(type);
     } else {
-      currentOptions = extend({}, defaultOptions$1);
+      currentOptions$2 = extend({}, defaultOptions$1);
       defaultOptionsMap.clear();
     }
   };
-  Toast.allowMultiple = (value = true) => {
+  const allowMultipleToast = (value = true) => {
     allowMultiple = value;
   };
-  Toast.install = (app) => {
-    app.use(withInstall(stdin_default$1j));
-    app.config.globalProperties.$toast = Toast;
-  };
+  const Toast = withInstall(stdin_default$1j);
   const [name$1b, bem$17] = createNamespace("switch");
   const switchProps = {
     size: numericProp,
@@ -3458,7 +3504,8 @@
     props: switchProps,
     emits: ["change", "update:modelValue"],
     setup(props, {
-      emit
+      emit,
+      slots
     }) {
       const isChecked = () => props.modelValue === props.activeValue;
       const onClick = () => {
@@ -3476,9 +3523,13 @@
             "color": color
           }, null);
         }
+        if (slots.node) {
+          return slots.node();
+        }
       };
       useCustomFieldValue(() => props.modelValue);
       return () => {
+        var _a;
         const {
           size,
           loading,
@@ -3504,7 +3555,7 @@
           "onClick": onClick
         }, [vue.createVNode("div", {
           "class": bem$17("node")
-        }, [renderLoading()])]);
+        }, [renderLoading()]), (_a = slots.background) == null ? void 0 : _a.call(slots)]);
       };
     }
   });
@@ -3698,7 +3749,7 @@
         selectedOptions
       }) => {
         if (selectedValues.some((value) => value === AREA_EMPTY_CODE)) {
-          Toast(t$h("areaEmpty"));
+          showToast(t$h("areaEmpty"));
         } else {
           showAreaPopup.value = false;
           assignAreaText(selectedOptions);
@@ -4337,17 +4388,6 @@
     });
     return filter ? filter(type, options) : options;
   };
-  const useHeight = (element) => {
-    const height2 = vue.ref();
-    const setHeight = () => {
-      height2.value = useRect(element).height;
-    };
-    vue.onMounted(() => {
-      vue.nextTick(setHeight);
-      setTimeout(setHeight, 100);
-    });
-    return height2;
-  };
   const [name$12] = createNamespace("calendar-day");
   var stdin_default$19 = vue.defineComponent({
     name: name$12,
@@ -4819,6 +4859,9 @@
       const months = vue.computed(() => {
         const months2 = [];
         const cursor = new Date(props.minDate);
+        if (props.lazyRender && !props.show && props.poppable) {
+          return months2;
+        }
         cursor.setDate(1);
         do {
           months2.push(new Date(cursor));
@@ -4837,6 +4880,7 @@
         }
         return !currentDate.value;
       });
+      const getSelectedDate = () => currentDate.value;
       const onScroll = () => {
         const top2 = getScrollTop(bodyRef.value);
         const bottom2 = top2 + bodyHeight;
@@ -4921,7 +4965,7 @@
         } = props;
         if (maxRange && calcDateNum(date) > maxRange) {
           if (showRangePrompt) {
-            Toast(rangePrompt || t$f("rangePrompt", maxRange));
+            showToast(rangePrompt || t$f("rangePrompt", maxRange));
           }
           emit("overRange");
           return false;
@@ -5007,7 +5051,7 @@
             const [unselectedDate] = dates.splice(selectedIndex, 1);
             emit("unselect", cloneDate(unselectedDate));
           } else if (props.maxRange && dates.length >= props.maxRange) {
-            Toast(props.rangePrompt || t$f("rangePrompt", props.maxRange));
+            showToast(props.rangePrompt || t$f("rangePrompt", props.maxRange));
           } else {
             select([...dates, date]);
           }
@@ -5079,7 +5123,8 @@
       });
       useExpose({
         reset,
-        scrollToDate
+        scrollToDate,
+        getSelectedDate
       });
       onMountedOrActivated(init);
       return () => {
@@ -6051,7 +6096,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 {
@@ -6438,7 +6483,7 @@
     setup(props, {
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const inited = vue.ref(false);
       const {
         parent,
@@ -7808,31 +7853,78 @@
     }
   });
   const CouponCell = withInstall(stdin_default$K);
-  const prefix = "van-empty-network-";
+  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 Network = vue.createVNode("svg", {
+  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": `${prefix}1`,
+    "id": getId(1),
     "x1": "64%",
     "y1": "100%",
     "x2": "64%"
   }, [renderStop("#FFF", 0, 0.5), renderStop("#F2F3F5", 100)]), vue.createVNode("linearGradient", {
-    "id": `${prefix}2`,
+    "id": getId(2),
     "x1": "50%",
     "x2": "50%",
     "y2": "84%"
   }, [renderStop("#EBEDF0", 0), renderStop("#DCDEE0", 100, 0)]), vue.createVNode("linearGradient", {
-    "id": `${prefix}3`,
+    "id": getId(3),
     "x1": "100%",
     "x2": "100%",
     "y2": "100%"
-  }, [renderStop("#EAEDF0", 0), renderStop("#DCDEE0", 100)]), vue.createVNode("radialGradient", {
-    "id": `${prefix}4`,
+  }, [renderStops("#EAEDF0", "#DCDEE0")]), vue.createVNode("radialGradient", {
+    "id": getId(4),
     "cx": "50%",
     "cy": "0%",
     "fx": "50%",
@@ -7841,36 +7933,28 @@
     "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)`,
+  }, [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": `url(#${prefix}2)`
+    "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": `url(#${prefix}3)`
+    "stroke": useId(3)
   }, null), vue.createVNode("path", {
     "d": "M53 36a34 34 0 0 0 0 48",
-    "stroke": `url(#${prefix}3)`
+    "stroke": useId(3)
   }, null), vue.createVNode("path", {
     "d": "M95 73a19 19 0 0 0 6-13c0-5-2-9-6-13",
-    "stroke": `url(#${prefix}3)`
+    "stroke": useId(3)
   }, null), vue.createVNode("path", {
     "d": "M106 84a34 34 0 0 0 0-48",
-    "stroke": `url(#${prefix}3)`
+    "stroke": useId(3)
   }, null)]), vue.createVNode("g", {
     "transform": "translate(31 105)"
   }, [vue.createVNode("rect", {
@@ -7893,8 +7977,153 @@
     "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", "search", "default"];
+  const PRESET_IMAGES = {
+    error: renderError,
+    search: renderSearch,
+    network: renderNetwork,
+    default: renderMaterial
+  };
   const emptyProps = {
     image: makeStringProp("default"),
     imageSize: [Number, String, Array],
@@ -7907,20 +8136,12 @@
       slots
     }) {
       const renderImage = () => {
+        var _a;
         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
+        return ((_a = PRESET_IMAGES[props.image]) == null ? void 0 : _a.call(PRESET_IMAGES)) || vue.createVNode("img", {
+          "src": props.image
         }, null);
       };
       const renderDescription = () => {
@@ -8239,8 +8460,10 @@
     showCancelButton: Boolean,
     cancelButtonText: String,
     cancelButtonColor: String,
+    cancelButtonDisabled: Boolean,
     confirmButtonText: String,
     confirmButtonColor: String,
+    confirmButtonDisabled: Boolean,
     showConfirmButton: truthProp,
     closeOnClickOverlay: Boolean
   });
@@ -8361,6 +8584,7 @@
           color: props.cancelButtonColor
         },
         "loading": loading.cancel,
+        "disabled": props.cancelButtonDisabled,
         "onClick": onCancel
       }, null), props.showConfirmButton && vue.createVNode(Button, {
         "size": "large",
@@ -8372,6 +8596,7 @@
           color: props.confirmButtonColor
         },
         "loading": loading.confirm,
+        "disabled": props.confirmButtonDisabled,
         "onClick": onConfirm
       }, null)]);
       const renderRoundButtons = () => vue.createVNode(ActionBar, {
@@ -8383,6 +8608,7 @@
           "class": bem$A("cancel"),
           "color": props.cancelButtonColor,
           "loading": loading.cancel,
+          "disabled": props.cancelButtonDisabled,
           "onClick": onCancel
         }, null), props.showConfirmButton && vue.createVNode(ActionBarButton, {
           "type": "danger",
@@ -8390,6 +8616,7 @@
           "class": bem$A("confirm"),
           "color": props.confirmButtonColor,
           "loading": loading.confirm,
+          "disabled": props.confirmButtonDisabled,
           "onClick": onConfirm
         }, null)]
       });
@@ -8425,6 +8652,34 @@
     }
   });
   let instance$2;
+  const DEFAULT_OPTIONS$1 = {
+    title: "",
+    width: "",
+    theme: null,
+    message: "",
+    overlay: true,
+    callback: null,
+    teleport: "body",
+    className: "",
+    allowHtml: false,
+    lockScroll: true,
+    transition: void 0,
+    beforeClose: null,
+    overlayClass: "",
+    overlayStyle: void 0,
+    messageAlign: "",
+    cancelButtonText: "",
+    cancelButtonColor: null,
+    cancelButtonDisabled: false,
+    confirmButtonText: "",
+    confirmButtonColor: null,
+    confirmButtonDisabled: false,
+    showConfirmButton: true,
+    showCancelButton: false,
+    closeOnPopstate: true,
+    closeOnClickOverlay: false
+  };
+  let currentOptions$1 = extend({}, DEFAULT_OPTIONS$1);
   function initInstance$2() {
     const Wrapper = {
       setup() {
@@ -8441,7 +8696,7 @@
       instance: instance$2
     } = mountComponent(Wrapper));
   }
-  function Dialog(options) {
+  function showDialog(options) {
     if (!inBrowser$1) {
       return Promise.resolve();
     }
@@ -8449,59 +8704,28 @@
       if (!instance$2) {
         initInstance$2();
       }
-      instance$2.open(extend({}, Dialog.currentOptions, options, {
+      instance$2.open(extend({}, currentOptions$1, options, {
         callback: (action) => {
           (action === "confirm" ? resolve : reject)(action);
         }
       }));
     });
   }
-  Dialog.defaultOptions = {
-    title: "",
-    width: "",
-    theme: null,
-    message: "",
-    overlay: true,
-    callback: null,
-    teleport: "body",
-    className: "",
-    allowHtml: false,
-    lockScroll: true,
-    transition: void 0,
-    beforeClose: null,
-    overlayClass: "",
-    overlayStyle: void 0,
-    messageAlign: "",
-    cancelButtonText: "",
-    cancelButtonColor: null,
-    confirmButtonText: "",
-    confirmButtonColor: null,
-    showConfirmButton: true,
-    showCancelButton: false,
-    closeOnPopstate: true,
-    closeOnClickOverlay: false
+  const setDialogDefaultOptions = (options) => {
+    extend(currentOptions$1, options);
+  };
+  const resetDialogDefaultOptions = () => {
+    currentOptions$1 = extend({}, DEFAULT_OPTIONS$1);
   };
-  Dialog.currentOptions = extend({}, Dialog.defaultOptions);
-  Dialog.alert = Dialog;
-  Dialog.confirm = (options) => Dialog(extend({
+  const showConfirmDialog = (options) => showDialog(extend({
     showCancelButton: true
   }, options));
-  Dialog.close = () => {
+  const closeDialog = () => {
     if (instance$2) {
       instance$2.toggle(false);
     }
   };
-  Dialog.setDefaultOptions = (options) => {
-    extend(Dialog.currentOptions, options);
-  };
-  Dialog.resetDefaultOptions = () => {
-    Dialog.currentOptions = extend({}, Dialog.defaultOptions);
-  };
-  Dialog.Component = withInstall(stdin_default$G);
-  Dialog.install = (app) => {
-    app.use(Dialog.Component);
-    app.config.globalProperties.$dialog = Dialog;
-  };
+  const Dialog = withInstall(stdin_default$G);
   const [name$z, bem$z] = createNamespace("divider");
   const dividerProps = {
     dashed: Boolean,
@@ -8545,7 +8769,7 @@
     setup(props, {
       slots
     }) {
-      const id = useId();
+      const id = useId$1();
       const root = vue.ref();
       const barRef = vue.ref();
       const offset2 = vue.ref(0);
@@ -9422,7 +9646,7 @@
       }
     }));
   }
-  const ImagePreview = (options, startPosition = 0) => {
+  const showImagePreview = (options, startPosition = 0) => {
     if (!inBrowser$1) {
       return;
     }
@@ -9436,10 +9660,7 @@
     instance$1.open(extend({}, defaultConfig, options));
     return instance$1;
   };
-  ImagePreview.Component = withInstall(stdin_default$z);
-  ImagePreview.install = (app) => {
-    app.use(ImagePreview.Component);
-  };
+  const ImagePreview = withInstall(stdin_default$z);
   function genAlphabet() {
     const charCodeOfA = "A".charCodeAt(0);
     const indexList = Array(26).fill("").map((_, i) => String.fromCharCode(charCodeOfA + i));
@@ -9856,15 +10077,6 @@
     }
   });
   const List = withInstall(stdin_default$w);
-  function usePlaceholder(contentRef, bem2) {
-    const height2 = useHeight(contentRef);
-    return (renderContent) => vue.createVNode("div", {
-      "class": bem2("placeholder"),
-      "style": {
-        height: height2.value ? `${height2.value}px` : void 0
-      }
-    }, [renderContent()]);
-  }
   const [name$q, bem$p] = createNamespace("nav-bar");
   const navBarProps = {
     title: String,
@@ -10160,21 +10372,6 @@
       }
     }));
   }
-  function Notify(options) {
-    if (!inBrowser$1) {
-      return;
-    }
-    if (!instance) {
-      initInstance();
-    }
-    options = extend({}, Notify.currentOptions, parseOptions(options));
-    instance.open(options);
-    clearTimeout(timer);
-    if (options.duration > 0) {
-      timer = window.setTimeout(Notify.clear, options.duration);
-    }
-    return instance;
-  }
   const getDefaultOptions = () => ({
     type: "danger",
     color: void 0,
@@ -10188,23 +10385,32 @@
     lockScroll: false,
     background: void 0
   });
-  Notify.clear = () => {
+  let currentOptions = getDefaultOptions();
+  const closeNotify = () => {
     if (instance) {
       instance.toggle(false);
     }
   };
-  Notify.currentOptions = getDefaultOptions();
-  Notify.setDefaultOptions = (options) => {
-    extend(Notify.currentOptions, options);
-  };
-  Notify.resetDefaultOptions = () => {
-    Notify.currentOptions = getDefaultOptions();
-  };
-  Notify.Component = withInstall(stdin_default$t);
-  Notify.install = (app) => {
-    app.use(Notify.Component);
-    app.config.globalProperties.$notify = Notify;
+  function showNotify(options) {
+    if (!inBrowser$1) {
+      return;
+    }
+    if (!instance) {
+      initInstance();
+    }
+    options = extend({}, currentOptions, parseOptions(options));
+    instance.open(options);
+    clearTimeout(timer);
+    if (options.duration > 0) {
+      timer = window.setTimeout(closeNotify, options.duration);
+    }
+    return instance;
+  }
+  const setNotifyDefaultOptions = (options) => extend(currentOptions, options);
+  const resetNotifyDefaultOptions = () => {
+    currentOptions = getDefaultOptions();
   };
+  const Notify = withInstall(stdin_default$t);
   const [name$n, bem$m] = createNamespace("key");
   const CollapseIcon = vue.createVNode("svg", {
     "class": bem$m("collapse-icon"),
@@ -10725,21 +10931,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;
@@ -10750,15 +10941,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;
@@ -10774,6 +10956,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,
@@ -10805,8 +11025,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) {
@@ -10814,9 +11034,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
@@ -10830,7 +11050,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) {
@@ -10907,6 +11127,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") {
@@ -11094,7 +11317,6 @@
       return merged[key];
     });
   }
-  var round = Math.round;
   function getVariation(placement) {
     return placement.split("-")[1];
   }
@@ -11385,14 +11607,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;
@@ -11412,26 +11643,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 || "";
@@ -11446,7 +11688,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, {
@@ -11839,7 +12082,7 @@
   var stdin_default$m = vue.defineComponent({
     name: name$h,
     props: pullRefreshProps,
-    emits: ["refresh", "update:modelValue"],
+    emits: ["change", "refresh", "update:modelValue"],
     setup(props, {
       emit,
       slots
@@ -11884,6 +12127,10 @@
         } else {
           state.status = "loosing";
         }
+        emit("change", {
+          status: state.status,
+          distance
+        });
       };
       const getStatusText = () => {
         const {
@@ -12226,7 +12473,7 @@
       slots,
       attrs
     }) {
-      const id = useId();
+      const id = useId$1();
       const filedRef = vue.ref();
       const onCancel = () => {
         if (!slots.action) {
@@ -13267,6 +13514,7 @@
     buttonType: makeStringProp("danger"),
     buttonColor: String,
     suffixLabel: String,
+    placeholder: Boolean,
     decimalLength: makeNumericProp(2),
     safeAreaInsetBottom: truthProp
   };
@@ -13278,6 +13526,8 @@
       emit,
       slots
     }) {
+      const root = vue.ref();
+      const renderPlaceholder = usePlaceholder(root, bem$5);
       const renderText = () => {
         const {
           price,
@@ -13337,9 +13587,10 @@
           "onClick": onClickButton
         }, null);
       };
-      return () => {
+      const renderSubmitBar = () => {
         var _a, _b;
         return vue.createVNode("div", {
+          "ref": root,
           "class": [bem$5(), {
             "van-safe-area-bottom": props.safeAreaInsetBottom
           }]
@@ -13347,6 +13598,12 @@
           "class": bem$5("bar")
         }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
       };
+      return () => {
+        if (props.placeholder) {
+          return renderPlaceholder(renderSubmitBar);
+        }
+        return renderSubmitBar();
+      };
     }
   });
   const SubmitBar = withInstall(stdin_default$b);
@@ -13844,7 +14101,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") {
@@ -13957,13 +14213,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)]);
@@ -14157,13 +14416,13 @@
         if (props.previewFullImage) {
           const imageFiles = props.modelValue.filter(isImageFile);
           const images = imageFiles.map((item2) => {
-            if (item2.file && !item2.url) {
+            if (item2.file && !item2.url && item2.status !== "failed") {
               item2.url = URL.createObjectURL(item2.file);
               urls.push(item2.url);
             }
             return item2.url;
           }).filter(Boolean);
-          imagePreview = ImagePreview(extend({
+          imagePreview = showImagePreview(extend({
             images,
             startPosition: imageFiles.indexOf(item),
             onClose: onClosePreview
@@ -14190,9 +14449,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) {
@@ -15103,7 +15360,7 @@
       });
     }
   };
-  const version = "4.0.0-alpha.2";
+  const version = "4.0.0-beta.0";
   function install(app) {
     const components = [
       ActionBar,
@@ -15292,9 +15549,26 @@
   exports2.Toast = Toast;
   exports2.TreeSelect = TreeSelect;
   exports2.Uploader = Uploader;
+  exports2.allowMultipleToast = allowMultipleToast;
+  exports2.closeDialog = closeDialog;
+  exports2.closeNotify = closeNotify;
+  exports2.closeToast = closeToast;
   exports2["default"] = stdin_default;
   exports2.install = install;
+  exports2.resetDialogDefaultOptions = resetDialogDefaultOptions;
+  exports2.resetNotifyDefaultOptions = resetNotifyDefaultOptions;
+  exports2.resetToastDefaultOptions = resetToastDefaultOptions;
+  exports2.setDialogDefaultOptions = setDialogDefaultOptions;
+  exports2.setNotifyDefaultOptions = setNotifyDefaultOptions;
+  exports2.setToastDefaultOptions = setToastDefaultOptions;
+  exports2.showConfirmDialog = showConfirmDialog;
+  exports2.showDialog = showDialog;
+  exports2.showFailToast = showFailToast;
+  exports2.showImagePreview = showImagePreview;
+  exports2.showLoadingToast = showLoadingToast;
+  exports2.showNotify = showNotify;
+  exports2.showSuccessToast = showSuccessToast;
+  exports2.showToast = showToast;
   exports2.version = version;
-  Object.defineProperty(exports2, "__esModule", { value: true });
-  exports2[Symbol.toStringTag] = "Module";
+  Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 });