vant 3.3.6 → 3.4.2

package/es/datetime-picker/DatePicker.js

@@ -1,19 +1,15 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
-import { ref, watch, computed, nextTick, onMounted, defineComponent } from 'vue'; // Utils
-
-import { pick, clamp, extend, isDate, padZero, makeStringProp, createNamespace } from '../utils';
-import { times, sharedProps, getTrueValue, getMonthEndDay, pickerInheritKeys } from './utils'; // Composables
-
-import { useExpose } from '../composables/use-expose'; // Components
-
-import { Picker } from '../picker'; // Types
-
-var currentYear = new Date().getFullYear();
-var [name] = createNamespace('date-picker');
-export default defineComponent({
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { ref, watch, computed, nextTick, onMounted, defineComponent } from "vue";
+import { pick, clamp, extend, isDate, padZero, makeStringProp, createNamespace } from "../utils";
+import { times, sharedProps, getTrueValue, getMonthEndDay, pickerInheritKeys, proxyPickerMethods } from "./utils";
+import { useExpose } from "../composables/use-expose";
+import { Picker } from "../picker";
+const currentYear = new Date().getFullYear();
+const [name] = createNamespace("date-picker");
+var stdin_default = defineComponent({
   name,
   props: extend({}, sharedProps, {
-    type: makeStringProp('datetime'),
+    type: makeStringProp("datetime"),
     modelValue: Date,
     minDate: {
       type: Date,
@@ -26,262 +22,219 @@ export default defineComponent({
       validator: isDate
     }
   }),
-  emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-
-    var formatValue = value => {
+  emits: ["confirm", "cancel", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const formatValue = (value) => {
       if (isDate(value)) {
-        var timestamp = clamp(value.getTime(), props.minDate.getTime(), props.maxDate.getTime());
+        const timestamp = clamp(value.getTime(), props.minDate.getTime(), props.maxDate.getTime());
         return new Date(timestamp);
       }
-
-      return undefined;
+      return void 0;
     };
-
-    var picker = ref();
-    var currentDate = ref(formatValue(props.modelValue));
-
-    var getBoundary = (type, value) => {
-      var boundary = props[type + "Date"];
-      var year = boundary.getFullYear();
-      var month = 1;
-      var date = 1;
-      var hour = 0;
-      var minute = 0;
-
-      if (type === 'max') {
+    const picker = ref();
+    const currentDate = ref(formatValue(props.modelValue));
+    const getBoundary = (type, value) => {
+      const boundary = props[`${type}Date`];
+      const year = boundary.getFullYear();
+      let month = 1;
+      let date = 1;
+      let hour = 0;
+      let minute = 0;
+      if (type === "max") {
         month = 12;
         date = getMonthEndDay(value.getFullYear(), value.getMonth() + 1);
         hour = 23;
         minute = 59;
       }
-
       if (value.getFullYear() === year) {
         month = boundary.getMonth() + 1;
-
         if (value.getMonth() + 1 === month) {
           date = boundary.getDate();
-
           if (value.getDate() === date) {
             hour = boundary.getHours();
-
             if (value.getHours() === hour) {
               minute = boundary.getMinutes();
             }
           }
         }
       }
-
       return {
-        [type + "Year"]: year,
-        [type + "Month"]: month,
-        [type + "Date"]: date,
-        [type + "Hour"]: hour,
-        [type + "Minute"]: minute
+        [`${type}Year`]: year,
+        [`${type}Month`]: month,
+        [`${type}Date`]: date,
+        [`${type}Hour`]: hour,
+        [`${type}Minute`]: minute
       };
     };
-
-    var ranges = computed(() => {
-      var {
+    const ranges = computed(() => {
+      const {
         maxYear,
         maxDate,
         maxMonth,
         maxHour,
         maxMinute
-      } = getBoundary('max', currentDate.value || props.minDate);
-      var {
+      } = getBoundary("max", currentDate.value || props.minDate);
+      const {
         minYear,
         minDate,
         minMonth,
         minHour,
         minMinute
-      } = getBoundary('min', currentDate.value || props.minDate);
-      var result = [{
-        type: 'year',
+      } = getBoundary("min", currentDate.value || props.minDate);
+      let result = [{
+        type: "year",
         range: [minYear, maxYear]
       }, {
-        type: 'month',
+        type: "month",
         range: [minMonth, maxMonth]
       }, {
-        type: 'day',
+        type: "day",
         range: [minDate, maxDate]
       }, {
-        type: 'hour',
+        type: "hour",
         range: [minHour, maxHour]
       }, {
-        type: 'minute',
+        type: "minute",
         range: [minMinute, maxMinute]
       }];
-
       switch (props.type) {
-        case 'date':
+        case "date":
           result = result.slice(0, 3);
           break;
-
-        case 'year-month':
+        case "year-month":
           result = result.slice(0, 2);
           break;
-
-        case 'month-day':
+        case "month-day":
           result = result.slice(1, 3);
           break;
-
-        case 'datehour':
+        case "datehour":
           result = result.slice(0, 4);
           break;
       }
-
       if (props.columnsOrder) {
-        var columnsOrder = props.columnsOrder.concat(result.map(column => column.type));
+        const columnsOrder = props.columnsOrder.concat(result.map((column) => column.type));
         result.sort((a, b) => columnsOrder.indexOf(a.type) - columnsOrder.indexOf(b.type));
       }
-
       return result;
     });
-    var originColumns = computed(() => ranges.value.map(_ref2 => {
-      var {
-        type,
-        range: rangeArr
-      } = _ref2;
-      var values = times(rangeArr[1] - rangeArr[0] + 1, index => padZero(rangeArr[0] + index));
-
+    const originColumns = computed(() => ranges.value.map(({
+      type,
+      range: rangeArr
+    }) => {
+      let values = times(rangeArr[1] - rangeArr[0] + 1, (index) => padZero(rangeArr[0] + index));
       if (props.filter) {
         values = props.filter(type, values);
       }
-
       return {
         type,
         values
       };
     }));
-    var columns = computed(() => originColumns.value.map(column => ({
-      values: column.values.map(value => props.formatter(column.type, value))
+    const columns = computed(() => originColumns.value.map((column) => ({
+      values: column.values.map((value) => props.formatter(column.type, value))
     })));
-
-    var updateColumnValue = () => {
-      var value = currentDate.value || props.minDate;
-      var {
+    const updateColumnValue = () => {
+      const value = currentDate.value || props.minDate;
+      const {
         formatter
       } = props;
-      var values = originColumns.value.map(column => {
+      const values = originColumns.value.map((column) => {
         switch (column.type) {
-          case 'year':
-            return formatter('year', "" + value.getFullYear());
-
-          case 'month':
-            return formatter('month', padZero(value.getMonth() + 1));
-
-          case 'day':
-            return formatter('day', padZero(value.getDate()));
-
-          case 'hour':
-            return formatter('hour', padZero(value.getHours()));
-
-          case 'minute':
-            return formatter('minute', padZero(value.getMinutes()));
-
+          case "year":
+            return formatter("year", `${value.getFullYear()}`);
+          case "month":
+            return formatter("month", padZero(value.getMonth() + 1));
+          case "day":
+            return formatter("day", padZero(value.getDate()));
+          case "hour":
+            return formatter("hour", padZero(value.getHours()));
+          case "minute":
+            return formatter("minute", padZero(value.getMinutes()));
           default:
-            return '';
+            return "";
         }
       });
       nextTick(() => {
-        var _picker$value;
-
-        (_picker$value = picker.value) == null ? void 0 : _picker$value.setValues(values);
+        var _a;
+        (_a = picker.value) == null ? void 0 : _a.setValues(values);
       });
     };
-
-    var updateInnerValue = () => {
-      var {
+    const updateInnerValue = () => {
+      const {
         type
       } = props;
-      var indexes = picker.value.getIndexes();
-
-      var getValue = type => {
-        var index = 0;
+      const indexes = picker.value.getIndexes();
+      const getValue = (type2) => {
+        let index = 0;
         originColumns.value.forEach((column, columnIndex) => {
-          if (type === column.type) {
+          if (type2 === column.type) {
             index = columnIndex;
           }
         });
-        var {
+        const {
           values
         } = originColumns.value[index];
         return getTrueValue(values[indexes[index]]);
       };
-
-      var year;
-      var month;
-      var day;
-
-      if (type === 'month-day') {
+      let year;
+      let month;
+      let day;
+      if (type === "month-day") {
         year = (currentDate.value || props.minDate).getFullYear();
-        month = getValue('month');
-        day = getValue('day');
+        month = getValue("month");
+        day = getValue("day");
       } else {
-        year = getValue('year');
-        month = getValue('month');
-        day = type === 'year-month' ? 1 : getValue('day');
+        year = getValue("year");
+        month = getValue("month");
+        day = type === "year-month" ? 1 : getValue("day");
       }
-
-      var maxDay = getMonthEndDay(year, month);
+      const maxDay = getMonthEndDay(year, month);
       day = day > maxDay ? maxDay : day;
-      var hour = 0;
-      var minute = 0;
-
-      if (type === 'datehour') {
-        hour = getValue('hour');
+      let hour = 0;
+      let minute = 0;
+      if (type === "datehour") {
+        hour = getValue("hour");
       }
-
-      if (type === 'datetime') {
-        hour = getValue('hour');
-        minute = getValue('minute');
+      if (type === "datetime") {
+        hour = getValue("hour");
+        minute = getValue("minute");
       }
-
-      var value = new Date(year, month - 1, day, hour, minute);
+      const value = new Date(year, month - 1, day, hour, minute);
       currentDate.value = formatValue(value);
     };
-
-    var onConfirm = () => {
-      emit('update:modelValue', currentDate.value);
-      emit('confirm', currentDate.value);
+    const onConfirm = () => {
+      emit("update:modelValue", currentDate.value);
+      emit("confirm", currentDate.value);
     };
-
-    var onCancel = () => emit('cancel');
-
-    var onChange = () => {
+    const onCancel = () => emit("cancel");
+    const onChange = () => {
       updateInnerValue();
       nextTick(() => {
-        nextTick(() => emit('change', currentDate.value));
+        nextTick(() => emit("change", currentDate.value));
       });
     };
-
     onMounted(() => {
       updateColumnValue();
       nextTick(updateInnerValue);
     });
     watch(columns, updateColumnValue);
-    watch(currentDate, (value, oldValue) => emit('update:modelValue', oldValue ? value : null));
+    watch(currentDate, (value, oldValue) => emit("update:modelValue", oldValue ? value : null));
     watch(() => [props.filter, props.maxDate], updateInnerValue);
     watch(() => props.minDate, () => {
       nextTick(updateInnerValue);
     });
-    watch(() => props.modelValue, value => {
-      var _currentDate$value;
-
+    watch(() => props.modelValue, (value) => {
+      var _a;
       value = formatValue(value);
-
-      if (value && value.valueOf() !== ((_currentDate$value = currentDate.value) == null ? void 0 : _currentDate$value.valueOf())) {
+      if (value && value.valueOf() !== ((_a = currentDate.value) == null ? void 0 : _a.valueOf())) {
         currentDate.value = value;
       }
     });
     useExpose({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
     });
     return () => _createVNode(Picker, _mergeProps({
       "ref": picker,
@@ -291,5 +244,7 @@ export default defineComponent({
       "onConfirm": onConfirm
     }, pick(props, pickerInheritKeys)), slots);
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/datetime-picker/DatetimePicker.d.ts

@@ -1,7 +1,7 @@
-import { ExtractPropTypes } from 'vue';
+import { type ExtractPropTypes } from 'vue';
 declare const datetimePickerProps: any;
 export declare type DatetimePickerProps = ExtractPropTypes<typeof datetimePickerProps>;
-declare const _default: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<any>, {} | {
+declare const _default: import("vue").DefineComponent<any, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<any>, {} | {
     [x: string]: any;
 }>;
 export default _default;

package/es/datetime-picker/DatetimePicker.js

@@ -1,41 +1,40 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps, resolveDirective as _resolveDirective } from "vue";
-import { ref, defineComponent } from 'vue';
-import { pick, extend, createNamespace } from '../utils';
-import { useExpose } from '../composables/use-expose';
-import TimePicker from './TimePicker';
-import DatePicker from './DatePicker';
-var [name, bem] = createNamespace('datetime-picker');
-var timePickerPropKeys = Object.keys(TimePicker.props);
-var datePickerPropKeys = Object.keys(DatePicker.props);
-var datetimePickerProps = extend({}, TimePicker.props, DatePicker.props, {
+import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
+import { ref, defineComponent } from "vue";
+import { pick, extend, createNamespace } from "../utils";
+import { useExpose } from "../composables/use-expose";
+import TimePicker from "./TimePicker";
+import DatePicker from "./DatePicker";
+const [name, bem] = createNamespace("datetime-picker");
+const timePickerPropKeys = Object.keys(TimePicker.props);
+const datePickerPropKeys = Object.keys(DatePicker.props);
+const datetimePickerProps = extend({}, TimePicker.props, DatePicker.props, {
   modelValue: [String, Date]
 });
-export default defineComponent({
+var stdin_default = defineComponent({
   name,
   props: datetimePickerProps,
-
-  setup(props, _ref) {
-    var {
-      attrs,
-      slots
-    } = _ref;
-    var root = ref();
+  setup(props, {
+    attrs,
+    slots
+  }) {
+    const root = ref();
     useExpose({
       getPicker: () => {
-        var _root$value;
-
-        return (_root$value = root.value) == null ? void 0 : _root$value.getPicker();
+        var _a;
+        return (_a = root.value) == null ? void 0 : _a.getPicker();
       }
     });
     return () => {
-      var isTimePicker = props.type === 'time';
-      var Component = isTimePicker ? TimePicker : DatePicker;
-      var inheritProps = pick(props, isTimePicker ? timePickerPropKeys : datePickerPropKeys);
+      const isTimePicker = props.type === "time";
+      const Component = isTimePicker ? TimePicker : DatePicker;
+      const inheritProps = pick(props, isTimePicker ? timePickerPropKeys : datePickerPropKeys);
       return _createVNode(Component, _mergeProps({
         "ref": root,
         "class": bem()
       }, inheritProps, attrs), slots);
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/datetime-picker/TimePicker.d.ts

@@ -46,46 +46,55 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
     modelValue: StringConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
-    title?: unknown;
-    loading?: unknown;
-    readonly?: unknown;
-    allowHtml?: unknown;
-    itemHeight?: unknown;
-    showToolbar?: unknown;
-    swipeDuration?: unknown;
-    visibleItemCount?: unknown;
-    cancelButtonText?: unknown;
-    confirmButtonText?: unknown;
-    filter?: unknown;
-    columnsOrder?: unknown;
-    formatter?: unknown;
-    minHour?: unknown;
-    maxHour?: unknown;
-    minMinute?: unknown;
-    maxMinute?: unknown;
-    modelValue?: unknown;
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "cancel" | "confirm")[], "update:modelValue" | "change" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    loading: BooleanConstructor;
+    readonly: BooleanConstructor;
+    allowHtml: BooleanConstructor;
+    itemHeight: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    showToolbar: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    swipeDuration: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    visibleItemCount: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    cancelButtonText: StringConstructor;
+    confirmButtonText: StringConstructor;
 } & {
-    formatter: (type: string, value: string) => string;
-    readonly: boolean;
-    loading: boolean;
-    allowHtml: boolean;
-    itemHeight: string | number;
-    showToolbar: boolean;
-    swipeDuration: string | number;
-    visibleItemCount: string | number;
-    minHour: string | number;
-    maxHour: string | number;
-    minMinute: string | number;
-    maxMinute: string | number;
+    filter: import("vue").PropType<(type: string, values: string[]) => string[]>;
+    columnsOrder: import("vue").PropType<import("./types").DatetimePickerColumnType[]>;
+    formatter: {
+        type: import("vue").PropType<(type: string, value: string) => string>;
+        default: (type: string, value: string) => string;
+    };
 } & {
-    title?: string | undefined;
-    filter?: ((type: string, values: string[]) => string[]) | undefined;
-    modelValue?: string | undefined;
-    cancelButtonText?: string | undefined;
-    confirmButtonText?: string | undefined;
-    columnsOrder?: import("./types").DatetimePickerColumnType[] | undefined;
-}> & {
+    minHour: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxHour: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    minMinute: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    maxMinute: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    modelValue: StringConstructor;
+}>> & {
     onChange?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onCancel?: ((...args: any[]) => any) | undefined;