vant 4.4.1 → 4.5.0

package/lib/index.d.ts

@@ -35,6 +35,7 @@ export * from "./dropdown-item";
 export * from "./dropdown-menu";
 export * from "./empty";
 export * from "./field";
+export * from "./floating-panel";
 export * from "./form";
 export * from "./grid";
 export * from "./grid-item";
@@ -102,4 +103,4 @@ declare namespace _default {
 }
 export default _default;
 export function install(app: any): void;
-export const version: "4.4.1";
+export const version: "4.5.0";

package/lib/index.js

@@ -60,6 +60,7 @@ var import_dropdown_item = require("./dropdown-item");
 var import_dropdown_menu = require("./dropdown-menu");
 var import_empty = require("./empty");
 var import_field = require("./field");
+var import_floating_panel = require("./floating-panel");
 var import_form = require("./form");
 var import_grid = require("./grid");
 var import_grid_item = require("./grid-item");
@@ -157,6 +158,7 @@ __reExport(stdin_exports, require("./dropdown-item"), module.exports);
 __reExport(stdin_exports, require("./dropdown-menu"), module.exports);
 __reExport(stdin_exports, require("./empty"), module.exports);
 __reExport(stdin_exports, require("./field"), module.exports);
+__reExport(stdin_exports, require("./floating-panel"), module.exports);
 __reExport(stdin_exports, require("./form"), module.exports);
 __reExport(stdin_exports, require("./grid"), module.exports);
 __reExport(stdin_exports, require("./grid-item"), module.exports);
@@ -218,7 +220,7 @@ __reExport(stdin_exports, require("./toast"), module.exports);
 __reExport(stdin_exports, require("./tree-select"), module.exports);
 __reExport(stdin_exports, require("./uploader"), module.exports);
 __reExport(stdin_exports, require("./watermark"), module.exports);
-const version = "4.4.1";
+const version = "4.5.0";
 function install(app) {
   const components = [
     import_action_bar.ActionBar,
@@ -258,6 +260,7 @@ function install(app) {
     import_dropdown_menu.DropdownMenu,
     import_empty.Empty,
     import_field.Field,
+    import_floating_panel.FloatingPanel,
     import_form.Form,
     import_grid.Grid,
     import_grid_item.GridItem,

package/lib/slider/Slider.js

@@ -233,17 +233,25 @@ var stdin_default = (0, import_vue2.defineComponent)({
       return bem("button-wrapper", props.reverse ? "left" : "right");
     };
     const renderButtonContent = (value, index) => {
+      const dragging = dragStatus.value === "dragging";
       if (typeof index === "number") {
         const slot = slots[index === 0 ? "left-button" : "right-button"];
+        let dragIndex;
+        if (dragging && Array.isArray(current)) {
+          dragIndex = current[0] > current[1] ? buttonIndex ^ 1 : buttonIndex;
+        }
         if (slot) {
           return slot({
-            value
+            value,
+            dragging,
+            dragIndex
           });
         }
       }
       if (slots.button) {
         return slots.button({
-          value
+          value,
+          dragging
         });
       }
       return (0, import_vue.createVNode)("div", {

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;

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;

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[];