vant 4.4.0 → 4.5.0

package/lib/time-picker/TimePicker.d.ts

@@ -1,4 +1,4 @@
-import { type PropType, type ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes, type PropType } from 'vue';
 export type TimePickerColumnType = 'hour' | 'minute' | 'second';
 export declare const timePickerProps: {
     loading: BooleanConstructor;
@@ -29,7 +29,7 @@ export declare const timePickerProps: {
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[] | undefined) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -59,10 +59,19 @@ export declare const timePickerProps: {
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    minTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
+    maxTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
     columnsType: {
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
 };
 export type TimePickerProps = ExtractPropTypes<typeof timePickerProps>;
 declare const _default: import("vue").DefineComponent<{
@@ -94,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[] | undefined) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -124,10 +133,19 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    minTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
+    maxTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
     columnsType: {
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -157,7 +175,7 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<string[]>;
         default: () => never[];
     };
-    filter: PropType<(columnType: string, options: import("../picker").PickerOption[]) => import("../picker").PickerOption[]>;
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values?: string[] | undefined) => import("../picker").PickerOption[]>;
     formatter: {
         type: PropType<(type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption>;
         default: (type: string, option: import("../picker").PickerOption) => import("../picker").PickerOption;
@@ -187,10 +205,19 @@ declare const _default: import("vue").DefineComponent<{
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    minTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
+    maxTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
     columnsType: {
         type: PropType<TimePickerColumnType[]>;
         default: () => string[];
     };
+    filter: PropType<(columnType: string, options: import("../picker").PickerOption[], values: string[]) => import("../picker").PickerOption[]>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -213,5 +240,5 @@ declare const _default: import("vue").DefineComponent<{
     maxMinute: string | number;
     minSecond: string | number;
     maxSecond: string | number;
-}>;
+}, {}>;
 export default _default;

package/lib/time-picker/TimePicker.js

@@ -23,21 +23,32 @@ __export(stdin_exports, {
 module.exports = __toCommonJS(stdin_exports);
 var import_vue = require("vue");
 var import_vue2 = require("vue");
-var import_utils = require("../utils");
-var import_utils2 = require("../date-picker/utils");
+var import_utils = require("../date-picker/utils");
+var import_utils2 = require("../utils");
 var import_picker = require("../picker");
-const [name] = (0, import_utils.createNamespace)("time-picker");
-const timePickerProps = (0, import_utils.extend)({}, import_utils2.sharedProps, {
-  minHour: (0, import_utils.makeNumericProp)(0),
-  maxHour: (0, import_utils.makeNumericProp)(23),
-  minMinute: (0, import_utils.makeNumericProp)(0),
-  maxMinute: (0, import_utils.makeNumericProp)(59),
-  minSecond: (0, import_utils.makeNumericProp)(0),
-  maxSecond: (0, import_utils.makeNumericProp)(59),
+const [name] = (0, import_utils2.createNamespace)("time-picker");
+const validateTime = (val) => /^([01]\d|2[0-3]):([0-5]\d):([0-5]\d)$/.test(val);
+const fullColumns = ["hour", "minute", "second"];
+const timePickerProps = (0, import_utils2.extend)({}, import_utils.sharedProps, {
+  minHour: (0, import_utils2.makeNumericProp)(0),
+  maxHour: (0, import_utils2.makeNumericProp)(23),
+  minMinute: (0, import_utils2.makeNumericProp)(0),
+  maxMinute: (0, import_utils2.makeNumericProp)(59),
+  minSecond: (0, import_utils2.makeNumericProp)(0),
+  maxSecond: (0, import_utils2.makeNumericProp)(59),
+  minTime: {
+    type: String,
+    validator: validateTime
+  },
+  maxTime: {
+    type: String,
+    validator: validateTime
+  },
   columnsType: {
     type: Array,
     default: () => ["hour", "minute"]
-  }
+  },
+  filter: Function
 });
 var stdin_default = (0, import_vue2.defineComponent)({
   name,
@@ -48,33 +59,74 @@ var stdin_default = (0, import_vue2.defineComponent)({
     slots
   }) {
     const currentValues = (0, import_vue2.ref)(props.modelValue);
-    const columns = (0, import_vue2.computed)(() => props.columnsType.map((type) => {
-      const {
-        filter,
-        formatter
+    const getValidTime = (time) => {
+      const timeLimitArr = time.split(":");
+      return fullColumns.map((col, i) => props.columnsType.includes(col) ? timeLimitArr[i] : "00");
+    };
+    const columns = (0, import_vue2.computed)(() => {
+      let {
+        minHour,
+        maxHour,
+        minMinute,
+        maxMinute,
+        minSecond,
+        maxSecond
       } = props;
-      switch (type) {
-        case "hour":
-          return (0, import_utils2.genOptions)(+props.minHour, +props.maxHour, type, formatter, filter);
-        case "minute":
-          return (0, import_utils2.genOptions)(+props.minMinute, +props.maxMinute, type, formatter, filter);
-        case "second":
-          return (0, import_utils2.genOptions)(+props.minSecond, +props.maxSecond, type, formatter, filter);
-        default:
-          if (process.env.NODE_ENV !== "production") {
-            throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
-          }
-          return [];
+      if (props.minTime || props.maxTime) {
+        const fullTime = {
+          hour: 0,
+          minute: 0,
+          second: 0
+        };
+        props.columnsType.forEach((col, i) => {
+          var _a;
+          fullTime[col] = (_a = currentValues.value[i]) != null ? _a : 0;
+        });
+        const {
+          hour,
+          minute
+        } = fullTime;
+        if (props.minTime) {
+          const [minH, minM, minS] = getValidTime(props.minTime);
+          minHour = minH;
+          minMinute = +hour <= +minHour ? minM : "00";
+          minSecond = +hour <= +minHour && +minute <= +minMinute ? minS : "00";
+        }
+        if (props.maxTime) {
+          const [maxH, maxM, maxS] = getValidTime(props.maxTime);
+          maxHour = maxH;
+          maxMinute = +hour >= +maxHour ? maxM : "59";
+          maxSecond = +hour >= +maxHour && +minute >= +maxMinute ? maxS : "59";
+        }
       }
-    }));
+      return props.columnsType.map((type) => {
+        const {
+          filter,
+          formatter
+        } = props;
+        switch (type) {
+          case "hour":
+            return (0, import_utils.genOptions)(+minHour, +maxHour, type, formatter, filter, currentValues.value);
+          case "minute":
+            return (0, import_utils.genOptions)(+minMinute, +maxMinute, type, formatter, filter, currentValues.value);
+          case "second":
+            return (0, import_utils.genOptions)(+minSecond, +maxSecond, type, formatter, filter, currentValues.value);
+          default:
+            if (process.env.NODE_ENV !== "production") {
+              throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
+            }
+            return [];
+        }
+      });
+    });
     (0, import_vue2.watch)(currentValues, (newValues) => {
-      if (!(0, import_utils.isSameValue)(newValues, props.modelValue)) {
+      if (!(0, import_utils2.isSameValue)(newValues, props.modelValue)) {
         emit("update:modelValue", newValues);
       }
     });
     (0, import_vue2.watch)(() => props.modelValue, (newValues) => {
-      newValues = (0, import_utils2.formatValueRange)(newValues, columns.value);
-      if (!(0, import_utils.isSameValue)(newValues, currentValues.value)) {
+      newValues = (0, import_utils.formatValueRange)(newValues, columns.value);
+      if (!(0, import_utils2.isSameValue)(newValues, currentValues.value)) {
         currentValues.value = newValues;
       }
     }, {
@@ -90,6 +142,6 @@ var stdin_default = (0, import_vue2.defineComponent)({
       "onChange": onChange,
       "onCancel": onCancel,
       "onConfirm": onConfirm
-    }, (0, import_utils.pick)(props, import_utils2.pickerInheritKeys)), slots);
+    }, (0, import_utils2.pick)(props, import_utils.pickerInheritKeys)), slots);
   }
 });

package/lib/time-picker/index.d.ts

@@ -28,7 +28,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[] | undefined) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -58,10 +58,19 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    minTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
+    maxTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
     columnsType: {
         type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
         default: () => string[];
     };
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "cancel" | "change" | "confirm")[], "update:modelValue" | "cancel" | "change" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     loading: BooleanConstructor;
     readonly: BooleanConstructor;
@@ -91,7 +100,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: import("vue").PropType<string[]>;
         default: () => never[];
     };
-    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[]) => import("..").PickerOption[]>;
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values?: string[] | undefined) => import("..").PickerOption[]>;
     formatter: {
         type: import("vue").PropType<(type: string, option: import("..").PickerOption) => import("..").PickerOption>;
         default: (type: string, option: import("..").PickerOption) => import("..").PickerOption;
@@ -121,10 +130,19 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
         type: (NumberConstructor | StringConstructor)[];
         default: number;
     };
+    minTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
+    maxTime: {
+        type: StringConstructor;
+        validator: (val: string) => boolean;
+    };
     columnsType: {
         type: import("vue").PropType<import("./TimePicker").TimePickerColumnType[]>;
         default: () => string[];
     };
+    filter: import("vue").PropType<(columnType: string, options: import("..").PickerOption[], values: string[]) => import("..").PickerOption[]>;
 }>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
@@ -147,7 +165,7 @@ export declare const TimePicker: import("../utils").WithInstall<import("vue").De
     maxMinute: string | number;
     minSecond: string | number;
     maxSecond: string | number;
-}>>;
+}, {}>>;
 export default TimePicker;
 export { timePickerProps } from './TimePicker';
 export type { TimePickerProps };

package/lib/toast/Toast.d.ts

@@ -111,5 +111,5 @@ declare const _default: import("vue").DefineComponent<{
     transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/toast/index.d.ts

@@ -74,7 +74,7 @@ export declare const Toast: import("../utils").WithInstall<import("vue").DefineC
     transition: string;
     forbidClick: boolean;
     closeOnClick: boolean;
-}>>;
+}, {}>>;
 export default Toast;
 export { toastProps } from './Toast';
 export { showToast, closeToast, showFailToast, showLoadingToast, showSuccessToast, allowMultipleToast, setToastDefaultOptions, resetToastDefaultOptions, } from './function-call';

package/lib/tree-select/TreeSelect.d.ts

@@ -102,5 +102,5 @@ declare const _default: import("vue").DefineComponent<{
     selectedIcon: string;
     mainActiveIndex: string | number;
     activeId: Numeric | Numeric[];
-}>;
+}, {}>;
 export default _default;

package/lib/tree-select/index.d.ts

@@ -60,7 +60,7 @@ export declare const TreeSelect: import("../utils").WithInstall<import("vue").De
     selectedIcon: string;
     mainActiveIndex: string | number;
     activeId: import("../utils").Numeric | import("../utils").Numeric[];
-}>>;
+}, {}>>;
 export default TreeSelect;
 export { treeSelectProps } from './TreeSelect';
 export type { TreeSelectItem, TreeSelectChild, TreeSelectProps, } from './TreeSelect';

package/lib/uploader/Uploader.d.ts

@@ -214,5 +214,5 @@ declare const _default: import("vue").DefineComponent<{
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: UploaderMaxSize;
-}>;
+}, {}>;
 export default _default;

package/lib/uploader/UploaderPreviewItem.d.ts

@@ -36,5 +36,5 @@ declare const _default: import("vue").DefineComponent<{
     lazyLoad: boolean;
     deletable: boolean;
     reupload: boolean;
-}>;
+}, {}>;
 export default _default;

package/lib/uploader/index.d.ts

@@ -147,7 +147,7 @@ export declare const Uploader: import("../utils").WithInstall<import("vue").Defi
     previewImage: boolean;
     previewFullImage: boolean;
     maxSize: import("./types").UploaderMaxSize;
-}>>;
+}, {}>>;
 export default Uploader;
 export { uploaderProps } from './Uploader';
 export type { UploaderProps };

package/lib/utils/basic.d.ts

@@ -13,6 +13,9 @@ export declare function get(object: any, path: string): any;
 export type Writeable<T> = {
     -readonly [P in keyof T]: T[P];
 };
+export type RequiredParams<T> = T extends (...args: infer P) => infer R ? (...args: {
+    [K in keyof P]-?: NonNullable<P[K]>;
+}) => R : never;
 export declare function pick<T, U extends keyof T>(obj: T, keys: ReadonlyArray<U>, ignoreUndefined?: boolean): Writeable<Pick<T, U>>;
 export declare const isSameValue: (newValue: unknown, oldValue: unknown) => boolean;
 export declare const toArray: <T>(item: T | T[]) => T[];

package/lib/utils/constant.d.ts

@@ -3,6 +3,7 @@ import type { FormProvide } from '../form/types';
 export declare const BORDER = "van-hairline";
 export declare const BORDER_TOP: string;
 export declare const BORDER_LEFT: string;
+export declare const BORDER_RIGHT: string;
 export declare const BORDER_BOTTOM: string;
 export declare const BORDER_SURROUND: string;
 export declare const BORDER_TOP_BOTTOM: string;

package/lib/utils/constant.js

@@ -20,6 +20,7 @@ __export(stdin_exports, {
   BORDER: () => BORDER,
   BORDER_BOTTOM: () => BORDER_BOTTOM,
   BORDER_LEFT: () => BORDER_LEFT,
+  BORDER_RIGHT: () => BORDER_RIGHT,
   BORDER_SURROUND: () => BORDER_SURROUND,
   BORDER_TOP: () => BORDER_TOP,
   BORDER_TOP_BOTTOM: () => BORDER_TOP_BOTTOM,
@@ -32,6 +33,7 @@ module.exports = __toCommonJS(stdin_exports);
 const BORDER = "van-hairline";
 const BORDER_TOP = `${BORDER}--top`;
 const BORDER_LEFT = `${BORDER}--left`;
+const BORDER_RIGHT = `${BORDER}--right`;
 const BORDER_BOTTOM = `${BORDER}--bottom`;
 const BORDER_SURROUND = `${BORDER}--surround`;
 const BORDER_TOP_BOTTOM = `${BORDER}--top-bottom`;

package/lib/utils/mount-component.d.ts

@@ -9,6 +9,6 @@ export declare function usePopupState(): {
     toggle: (show: boolean) => void;
 };
 export declare function mountComponent(RootComponent: Component): {
-    instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+    instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}>;
     unmount(): void;
 };