vant 3.5.1 → 3.5.4

package/lib/vant.js

@@ -352,7 +352,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;
@@ -747,9 +747,34 @@
     };
     return options;
   }
+  const useHeight = (element, withSafeArea) => {
+    const height2 = vue.ref();
+    const setHeight = () => {
+      height2.value = useRect(element).height;
+    };
+    vue.onMounted(() => {
+      vue.nextTick(setHeight);
+      if (withSafeArea) {
+        for (let i = 1; i <= 3; i++) {
+          setTimeout(setHeight, 100 * i);
+        }
+      }
+    });
+    return height2;
+  };
+  function usePlaceholder(contentRef, bem2) {
+    const height2 = useHeight(contentRef, true);
+    return (renderContent) => vue.createVNode("div", {
+      "class": bem2("placeholder"),
+      "style": {
+        height: height2.value ? `${height2.value}px` : void 0
+      }
+    }, [renderContent()]);
+  }
   const [name$1u, bem$1q] = createNamespace("action-bar");
   const ACTION_BAR_KEY = Symbol(name$1u);
   const actionBarProps = {
+    placeholder: Boolean,
     safeAreaInsetBottom: truthProp
   };
   var stdin_default$1B = vue.defineComponent({
@@ -758,18 +783,27 @@
     setup(props, {
       slots
     }) {
+      const root = vue.ref();
+      const renderPlaceholder = usePlaceholder(root, bem$1q);
       const {
         linkChildren
       } = useChildren(ACTION_BAR_KEY);
       linkChildren();
-      return () => {
+      const renderActionBar = () => {
         var _a;
         return vue.createVNode("div", {
+          "ref": root,
           "class": [bem$1q(), {
             "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$1B);
@@ -2969,7 +3003,7 @@
   var stdin_default$1l = vue.defineComponent({
     name: name$1e,
     props: fieldProps,
-    emits: ["blur", "focus", "clear", "keypress", "click-input", "click-left-icon", "click-right-icon", "update:modelValue"],
+    emits: ["blur", "focus", "clear", "keypress", "click-input", "end-validate", "start-validate", "click-left-icon", "click-right-icon", "update:modelValue"],
     setup(props, {
       emit,
       slots
@@ -3043,18 +3077,24 @@
         state.status = "unvalidated";
         state.validateMessage = "";
       };
+      const endValidate = () => emit("end-validate", {
+        status: state.status
+      });
       const validate = (rules = props.rules) => new Promise((resolve) => {
         resetValidation();
         if (rules) {
+          emit("start-validate");
           runRules(rules).then(() => {
             if (state.status === "failed") {
               resolve({
                 name: props.name,
                 message: state.validateMessage
               });
+              endValidate();
             } else {
               state.status = "passed";
               resolve();
+              endValidate();
             }
           });
         } else {
@@ -4599,17 +4639,6 @@
       }
     });
   };
-  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$13] = createNamespace("calendar-day");
   var stdin_default$1a = vue.defineComponent({
     name: name$13,
@@ -5102,6 +5131,7 @@
         }
         return !currentDate.value;
       });
+      const getSelectedDate = () => currentDate.value;
       const onScroll = () => {
         const top2 = getScrollTop(bodyRef.value);
         const bottom2 = top2 + bodyHeight;
@@ -5344,7 +5374,8 @@
       });
       useExpose({
         reset,
-        scrollToDate
+        scrollToDate,
+        getSelectedDate
       });
       onMountedOrActivated(init);
       return () => {
@@ -7484,7 +7515,8 @@
       slots
     }) {
       const {
-        linkChildren
+        linkChildren,
+        children
       } = useChildren(COLLAPSE_KEY);
       const updateName = (name2) => {
         emit("change", name2);
@@ -7503,6 +7535,28 @@
           updateName(modelValue.filter((activeName) => activeName !== name2));
         }
       };
+      const toggleAll = (options = {}) => {
+        if (props.accordion) {
+          return;
+        }
+        if (typeof options === "boolean") {
+          options = {
+            expanded: options
+          };
+        }
+        const {
+          expanded,
+          skipDisabled
+        } = options;
+        const expandedChildren = children.filter((item) => {
+          if (item.disabled && skipDisabled) {
+            return item.expanded.value;
+          }
+          return expanded != null ? expanded : !item.expanded.value;
+        });
+        const names = expandedChildren.map((item) => item.itemName.value);
+        updateName(names);
+      };
       const isExpanded = (name2) => {
         const {
           accordion,
@@ -7510,6 +7564,9 @@
         } = props;
         return accordion ? modelValue === name2 : modelValue.includes(name2);
       };
+      useExpose({
+        toggleAll
+      });
       linkChildren({
         toggle,
         isExpanded
@@ -7635,7 +7692,9 @@
         }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[vue.vShow, show.value]]);
       });
       useExpose({
-        toggle
+        toggle,
+        expanded,
+        itemName: name2
       });
       return () => vue.createVNode("div", {
         "class": [bem$K({
@@ -10586,15 +10645,6 @@
     }
   });
   const List = withInstall(stdin_default$v);
-  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$p, bem$p] = createNamespace("nav-bar");
   const navBarProps = {
     title: String,
@@ -12387,22 +12437,23 @@
       let popper;
       const wrapperRef = vue.ref();
       const popoverRef = vue.ref();
+      const getPopoverOptions = () => ({
+        placement: props.placement,
+        modifiers: [{
+          name: "computeStyles",
+          options: {
+            adaptive: false,
+            gpuAcceleration: false
+          }
+        }, extend({}, offset_default, {
+          options: {
+            offset: props.offset
+          }
+        })]
+      });
       const createPopperInstance = () => {
         if (wrapperRef.value && popoverRef.value) {
-          return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, {
-            placement: props.placement,
-            modifiers: [{
-              name: "computeStyles",
-              options: {
-                adaptive: false,
-                gpuAcceleration: false
-              }
-            }, extend({}, offset_default, {
-              options: {
-                offset: props.offset
-              }
-            })]
-          });
+          return createPopper(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
         }
         return null;
       };
@@ -12414,9 +12465,7 @@
           if (!popper) {
             popper = createPopperInstance();
           } else {
-            popper.setOptions({
-              placement: props.placement
-            });
+            popper.setOptions(getPopoverOptions());
           }
         });
       };
@@ -12487,7 +12536,7 @@
           popper = null;
         }
       });
-      vue.watch(() => [props.show, props.placement], updateLocation);
+      vue.watch(() => [props.show, props.offset, props.placement], updateLocation);
       useClickAway(wrapperRef, onClickAway, {
         eventName: "touchstart"
       });
@@ -14039,6 +14088,7 @@
     buttonType: makeStringProp("danger"),
     buttonColor: String,
     suffixLabel: String,
+    placeholder: Boolean,
     decimalLength: makeNumericProp(2),
     safeAreaInsetBottom: truthProp
   };
@@ -14050,6 +14100,8 @@
       emit,
       slots
     }) {
+      const root = vue.ref();
+      const renderPlaceholder = usePlaceholder(root, bem$5);
       const renderText = () => {
         const {
           price,
@@ -14109,9 +14161,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
           }]
@@ -14119,6 +14172,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$a);
@@ -14867,7 +14926,7 @@
         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);
             }
@@ -15811,7 +15870,7 @@
       });
     }
   };
-  const version = "3.5.1";
+  const version = "3.5.4";
   function install(app) {
     const components = [
       ActionBar,
@@ -15998,7 +16057,7 @@
   exports2.Toast = Toast;
   exports2.TreeSelect = TreeSelect;
   exports2.Uploader = Uploader;
-  exports2["default"] = stdin_default;
+  exports2.default = stdin_default;
   exports2.install = install;
   exports2.version = version;
   Object.defineProperties(exports2, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });