vant 3.5.0 → 3.5.3

package/lib/collapse/Collapse.js

@@ -25,6 +25,7 @@ var import_vue = require("vue");
 var import_vue2 = require("vue");
 var import_utils = require("../utils");
 var import_use = require("@vant/use");
+var import_use_expose = require("../composables/use-expose");
 const [name, bem] = (0, import_utils.createNamespace)("collapse");
 const COLLAPSE_KEY = Symbol(name);
 const collapseProps = {
@@ -55,7 +56,8 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const {
-      linkChildren
+      linkChildren,
+      children
     } = (0, import_use.useChildren)(COLLAPSE_KEY);
     const updateName = (name2) => {
       emit("change", name2);
@@ -74,6 +76,28 @@ var stdin_default = (0, import_vue2.defineComponent)({
         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,
@@ -84,6 +108,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
       return accordion ? modelValue === name2 : modelValue.includes(name2);
     };
+    (0, import_use_expose.useExpose)({
+      toggleAll
+    });
     linkChildren({
       toggle,
       isExpanded

package/lib/collapse/index.d.ts

@@ -27,7 +27,7 @@ export declare const Collapse: import("../utils").WithInstall<import("vue").Defi
     accordion: boolean;
 }>>;
 export default Collapse;
-export type { CollapseProps } from './Collapse';
+export type { CollapseProps, CollapseInstance, CollapseToggleAllOptions, } from './Collapse';
 declare module 'vue' {
     interface GlobalComponents {
         VanCollapse: typeof Collapse;

package/lib/collapse-item/CollapseItem.d.ts

@@ -107,11 +107,11 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
 }>>, {
+    required: boolean;
     center: boolean;
     disabled: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
     readonly: boolean;
     lazyRender: boolean;

package/lib/collapse-item/CollapseItem.js

@@ -142,7 +142,9 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[import_vue.vShow, show.value]]);
     });
     (0, import_use_expose.useExpose)({
-      toggle
+      toggle,
+      expanded,
+      itemName: name2
     });
     return () => (0, import_vue.createVNode)("div", {
       "class": [bem({

package/lib/collapse-item/index.d.ts

@@ -69,11 +69,11 @@ export declare const CollapseItem: import("../utils").WithInstall<import("vue").
         default: true;
     };
 }>>, {
+    required: boolean;
     center: boolean;
     disabled: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
     readonly: boolean;
     lazyRender: boolean;

package/lib/collapse-item/index.less

@@ -23,7 +23,7 @@
   &__title {
     .van-cell__right-icon::before {
       // using translateZ to fix safari rendering issues
-      // see: https://github.com/youzan/vant/issues/8608
+      // see: https://github.com/vant-ui/vant/issues/8608
       transform: rotate(90deg) translateZ(0);
       transition: transform var(--van-collapse-item-transition-duration);
     }

package/lib/composables/use-height.d.ts

@@ -1,2 +1,2 @@
 import { Ref } from 'vue';
-export declare const useHeight: (element: Element | Ref<Element | undefined>) => Ref<number | undefined>;
+export declare const useHeight: (element: Element | Ref<Element | undefined>, withSafeArea?: boolean) => Ref<number | undefined>;

package/lib/composables/use-height.js

@@ -22,14 +22,18 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_use = require("@vant/use");
 var import_vue = require("vue");
-const useHeight = (element) => {
+const useHeight = (element, withSafeArea) => {
   const height = (0, import_vue.ref)();
   const setHeight = () => {
     height.value = (0, import_use.useRect)(element).height;
   };
   (0, import_vue.onMounted)(() => {
     (0, import_vue.nextTick)(setHeight);
-    setTimeout(setHeight, 100);
+    if (withSafeArea) {
+      for (let i = 1; i <= 3; i++) {
+        setTimeout(setHeight, 100 * i);
+      }
+    }
   });
   return height;
 };

package/lib/composables/use-placeholder.js

@@ -23,7 +23,7 @@ module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_use_height = require("./use-height");
 function usePlaceholder(contentRef, bem) {
-  const height = (0, import_use_height.useHeight)(contentRef);
+  const height = (0, import_use_height.useHeight)(contentRef, true);
   return (renderContent) => (0, import_vue.createVNode)("div", {
     "class": bem("placeholder"),
     "style": {

package/lib/dialog/Dialog.d.ts

@@ -30,7 +30,7 @@ declare const dialogProps: {
     theme: PropType<DialogTheme>;
     width: (NumberConstructor | StringConstructor)[];
     message: PropType<DialogMessage>;
-    callback: PropType<(action?: DialogAction | undefined) => void>;
+    callback: PropType<(action?: DialogAction) => void>;
     allowHtml: BooleanConstructor;
     className: PropType<unknown>;
     transition: {

package/lib/field/Field.d.ts

@@ -209,7 +209,7 @@ declare const _default: import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     icon: StringConstructor;
     size: PropType<import("../cell").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -297,17 +297,19 @@ declare const _default: import("vue").DefineComponent<{
     onKeypress?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onClick-input"?: ((...args: any[]) => any) | undefined;
+    "onEnd-validate"?: ((...args: any[]) => any) | undefined;
+    "onStart-validate"?: ((...args: any[]) => any) | undefined;
     "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
     "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: FieldType;
+    required: boolean;
     center: boolean;
     autofocus: boolean;
     disabled: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;

package/lib/field/Field.js

@@ -81,7 +81,7 @@ const fieldProps = (0, import_utils.extend)({}, import_Cell.cellSharedProps, fie
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   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
@@ -155,18 +155,24 @@ var stdin_default = (0, import_vue2.defineComponent)({
       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 {

package/lib/field/index.d.ts

@@ -81,7 +81,7 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
         type: BooleanConstructor;
         default: null;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue")[], "clear" | "focus" | "blur" | "keypress" | "click-input" | "end-validate" | "start-validate" | "click-left-icon" | "click-right-icon" | "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     icon: StringConstructor;
     size: import("vue").PropType<import("..").CellSize>;
     title: (NumberConstructor | StringConstructor)[];
@@ -169,17 +169,19 @@ export declare const Field: import("../utils").WithInstall<import("vue").DefineC
     onKeypress?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onClick-input"?: ((...args: any[]) => any) | undefined;
+    "onEnd-validate"?: ((...args: any[]) => any) | undefined;
+    "onStart-validate"?: ((...args: any[]) => any) | undefined;
     "onClick-left-icon"?: ((...args: any[]) => any) | undefined;
     "onClick-right-icon"?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     type: import("./types").FieldType;
+    required: boolean;
     center: boolean;
     autofocus: boolean;
     disabled: boolean;
     isLink: boolean;
     border: boolean;
-    required: boolean;
     clickable: boolean | null;
     clearable: boolean;
     clearIcon: string;

package/lib/field/index.less

@@ -78,7 +78,7 @@
     background-color: transparent;
     border: 0;
     resize: none;
-    // https://github.com/youzan/vant/pull/9418
+    // https://github.com/vant-ui/vant/pull/9418
     user-select: auto;
 
     &::placeholder {

package/lib/grid-item/index.less

@@ -25,7 +25,7 @@
     color: var(--van-grid-item-text-color);
     font-size: var(--van-grid-item-text-font-size);
     line-height: 1.5;
-    // https://github.com/youzan/vant/issues/3894
+    // https://github.com/vant-ui/vant/issues/3894
     word-break: break-all;
   }
 

package/lib/index.d.ts

@@ -90,4 +90,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "3.5.0";
+export const version: "3.5.3";

package/lib/index.js

@@ -194,7 +194,7 @@ __reExport(stdin_exports, require("./tag"), module.exports);
 __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
-const version = "3.5.0";
+const version = "3.5.3";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,

package/lib/locale/index.d.ts

@@ -1,7 +1,7 @@
 declare type Message = Record<string, any>;
 export declare const Locale: {
     messages(): Message;
-    use(newLang: string, newMessages?: Message | undefined): void;
+    use(newLang: string, newMessages?: Message): void;
     add(newMessages?: Message): void;
 };
 export default Locale;

package/lib/popover/Popover.js

@@ -65,22 +65,23 @@ var stdin_default = (0, import_vue2.defineComponent)({
     let popper;
     const wrapperRef = (0, import_vue2.ref)();
     const popoverRef = (0, import_vue2.ref)();
+    const getPopoverOptions = () => ({
+      placement: props.placement,
+      modifiers: [{
+        name: "computeStyles",
+        options: {
+          adaptive: false,
+          gpuAcceleration: false
+        }
+      }, (0, import_utils.extend)({}, import_popperjs.offsetModifier, {
+        options: {
+          offset: props.offset
+        }
+      })]
+    });
     const createPopperInstance = () => {
       if (wrapperRef.value && popoverRef.value) {
-        return (0, import_popperjs.createPopper)(wrapperRef.value, popoverRef.value.popupRef.value, {
-          placement: props.placement,
-          modifiers: [{
-            name: "computeStyles",
-            options: {
-              adaptive: false,
-              gpuAcceleration: false
-            }
-          }, (0, import_utils.extend)({}, import_popperjs.offsetModifier, {
-            options: {
-              offset: props.offset
-            }
-          })]
-        });
+        return (0, import_popperjs.createPopper)(wrapperRef.value, popoverRef.value.popupRef.value, getPopoverOptions());
       }
       return null;
     };
@@ -92,9 +93,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         if (!popper) {
           popper = createPopperInstance();
         } else {
-          popper.setOptions({
-            placement: props.placement
-          });
+          popper.setOptions(getPopoverOptions());
         }
       });
     };
@@ -165,7 +164,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
         popper = null;
       }
     });
-    (0, import_vue2.watch)(() => [props.show, props.placement], updateLocation);
+    (0, import_vue2.watch)(() => [props.show, props.offset, props.placement], updateLocation);
     (0, import_use.useClickAway)(wrapperRef, onClickAway, {
       eventName: "touchstart"
     });

package/lib/popup/Popup.js

@@ -204,7 +204,7 @@ var stdin_default = (0, import_vue2.defineComponent)({
       }
     });
     (0, import_vue2.onDeactivated)(() => {
-      if (props.show) {
+      if (props.show && props.teleport) {
         close();
         shouldReopen = true;
       }

package/lib/pull-refresh/PullRefresh.d.ts

@@ -41,7 +41,7 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {
@@ -62,6 +62,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onRefresh?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/pull-refresh/PullRefresh.js

@@ -44,7 +44,7 @@ const pullRefreshProps = {
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
   props: pullRefreshProps,
-  emits: ["refresh", "update:modelValue"],
+  emits: ["change", "refresh", "update:modelValue"],
   setup(props, {
     emit,
     slots
@@ -89,6 +89,10 @@ var stdin_default = (0, import_vue2.defineComponent)({
       } else {
         state.status = "loosing";
       }
+      emit("change", {
+        status: state.status,
+        distance
+      });
     };
     const getStatusText = () => {
       const {

package/lib/pull-refresh/index.d.ts

@@ -18,7 +18,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "refresh")[], "update:modelValue" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "refresh")[], "update:modelValue" | "change" | "refresh", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: BooleanConstructor;
     modelValue: BooleanConstructor;
     headHeight: {
@@ -39,6 +39,7 @@ export declare const PullRefresh: import("../utils").WithInstall<import("vue").D
         default: number;
     };
 }>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onRefresh?: ((...args: any[]) => any) | undefined;
 }, {

package/lib/sidebar-item/index.less

@@ -38,7 +38,7 @@
   }
 
   &__text {
-    // https://github.com/youzan/vant/issues/7455
+    // https://github.com/vant-ui/vant/issues/7455
     word-break: break-all;
   }
 

package/lib/submit-bar/SubmitBar.d.ts

@@ -20,6 +20,7 @@ declare const submitBarProps: {
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -49,6 +50,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -76,6 +78,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     buttonColor: StringConstructor;
     suffixLabel: StringConstructor;
+    placeholder: BooleanConstructor;
     decimalLength: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
@@ -88,6 +91,7 @@ declare const _default: import("vue").DefineComponent<{
     onSubmit?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
+    placeholder: boolean;
     safeAreaInsetBottom: boolean;
     loading: boolean;
     currency: string;