vant 3.3.5 → 3.4.1

package/es/datetime-picker/TimePicker.js

@@ -1,14 +1,11 @@
-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, padZero, createNamespace, makeNumericProp } from '../utils';
-import { times, sharedProps, pickerInheritKeys } from './utils'; // Composables
-
-import { useExpose } from '../composables/use-expose'; // Components
-
-import { Picker } from '../picker';
-var [name] = createNamespace('time-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, padZero, createNamespace, makeNumericProp } from "../utils";
+import { times, sharedProps, pickerInheritKeys, proxyPickerMethods } from "./utils";
+import { useExpose } from "../composables/use-expose";
+import { Picker } from "../picker";
+const [name] = createNamespace("time-picker");
+var stdin_default = defineComponent({
   name,
   props: extend({}, sharedProps, {
     minHour: makeNumericProp(0),
@@ -17,91 +14,75 @@ export default defineComponent({
     maxMinute: makeNumericProp(59),
     modelValue: String
   }),
-  emits: ['confirm', 'cancel', 'change', 'update:modelValue'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-
-    var formatValue = value => {
-      var {
+  emits: ["confirm", "cancel", "change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const formatValue = (value) => {
+      const {
         minHour,
         maxHour,
         maxMinute,
         minMinute
       } = props;
-
       if (!value) {
-        value = padZero(minHour) + ":" + padZero(minMinute);
+        value = `${padZero(minHour)}:${padZero(minMinute)}`;
       }
-
-      var [hour, minute] = value.split(':');
+      let [hour, minute] = value.split(":");
       hour = padZero(clamp(+hour, +minHour, +maxHour));
       minute = padZero(clamp(+minute, +minMinute, +maxMinute));
-      return hour + ":" + minute;
+      return `${hour}:${minute}`;
     };
-
-    var picker = ref();
-    var currentDate = ref(formatValue(props.modelValue));
-    var ranges = computed(() => [{
-      type: 'hour',
+    const picker = ref();
+    const currentDate = ref(formatValue(props.modelValue));
+    const ranges = computed(() => [{
+      type: "hour",
       range: [+props.minHour, +props.maxHour]
     }, {
-      type: 'minute',
+      type: "minute",
       range: [+props.minMinute, +props.maxMinute]
     }]);
-    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 pair = currentDate.value.split(':');
-      var values = [props.formatter('hour', pair[0]), props.formatter('minute', pair[1])];
+    const updateColumnValue = () => {
+      const pair = currentDate.value.split(":");
+      const values = [props.formatter("hour", pair[0]), props.formatter("minute", pair[1])];
       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 [hourIndex, minuteIndex] = picker.value.getIndexes();
-      var [hourColumn, minuteColumn] = originColumns.value;
-      var hour = hourColumn.values[hourIndex] || hourColumn.values[0];
-      var minute = minuteColumn.values[minuteIndex] || minuteColumn.values[0];
-      currentDate.value = formatValue(hour + ":" + minute);
+    const updateInnerValue = () => {
+      const [hourIndex, minuteIndex] = picker.value.getIndexes();
+      const [hourColumn, minuteColumn] = originColumns.value;
+      const hour = hourColumn.values[hourIndex] || hourColumn.values[0];
+      const minute = minuteColumn.values[minuteIndex] || minuteColumn.values[0];
+      currentDate.value = formatValue(`${hour}:${minute}`);
       updateColumnValue();
     };
-
-    var onConfirm = () => emit('confirm', currentDate.value);
-
-    var onCancel = () => emit('cancel');
-
-    var onChange = () => {
+    const onConfirm = () => emit("confirm", currentDate.value);
+    const onCancel = () => emit("cancel");
+    const onChange = () => {
       updateInnerValue();
       nextTick(() => {
-        nextTick(() => emit('change', currentDate.value));
+        nextTick(() => emit("change", currentDate.value));
       });
     };
-
     onMounted(() => {
       updateColumnValue();
       nextTick(updateInnerValue);
@@ -111,17 +92,16 @@ export default defineComponent({
     watch(() => props.minHour, () => {
       nextTick(updateInnerValue);
     });
-    watch(currentDate, value => emit('update:modelValue', value));
-    watch(() => props.modelValue, value => {
+    watch(currentDate, (value) => emit("update:modelValue", value));
+    watch(() => props.modelValue, (value) => {
       value = formatValue(value);
-
       if (value !== currentDate.value) {
         currentDate.value = value;
         updateColumnValue();
       }
     });
     useExpose({
-      getPicker: () => picker.value
+      getPicker: () => picker.value && proxyPickerMethods(picker.value, updateInnerValue)
     });
     return () => _createVNode(Picker, _mergeProps({
       "ref": picker,
@@ -131,5 +111,7 @@ export default defineComponent({
       "onConfirm": onConfirm
     }, pick(props, pickerInheritKeys)), slots);
   }
-
-});
+});
+export {
+  stdin_default as default
+};

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

@@ -1,7 +1,12 @@
 import { DatetimePickerProps } from './DatetimePicker';
-export declare const DatetimePicker: import("../utils").WithInstall<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>, {} | {
+export declare const DatetimePicker: import("../utils").WithInstall<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 DatetimePicker;
 export type { DatetimePickerProps };
 export type { DatetimePickerType, DatetimePickerInstance } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanDatetimePicker: typeof DatetimePicker;
+    }
+}

package/es/datetime-picker/index.js

@@ -1,4 +1,8 @@
-import { withInstall } from '../utils';
-import _DatetimePicker from './DatetimePicker';
-export var DatetimePicker = withInstall(_DatetimePicker);
-export default DatetimePicker;
+import { withInstall } from "../utils";
+import _DatetimePicker from "./DatetimePicker";
+const DatetimePicker = withInstall(_DatetimePicker);
+var stdin_default = DatetimePicker;
+export {
+  DatetimePicker,
+  stdin_default as default
+};

package/es/datetime-picker/style/index.js

@@ -1,3 +1,3 @@
-import '../../style/base.css';
-import '../../loading/index.css';
-import '../../picker/index.css';
+import "../../style/base.css";
+import "../../loading/index.css";
+import "../../picker/index.css";

package/es/datetime-picker/style/less.js

@@ -1,3 +1,3 @@
-import '../../style/base.less';
-import '../../loading/index.less';
-import '../../picker/index.less';
+import "../../style/base.less";
+import "../../loading/index.less";
+import "../../picker/index.less";

package/es/datetime-picker/types.js

@@ -1 +0,0 @@
-export {};

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

@@ -1,4 +1,5 @@
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
+import type { PickerInstance } from '../picker';
 import type { DatetimePickerColumnType } from './types';
 export declare const sharedProps: {
     title: StringConstructor;
@@ -35,3 +36,4 @@ export declare const pickerInheritKeys: ("title" | "readonly" | "loading" | "all
 export declare function times<T>(n: number, iteratee: (index: number) => T): T[];
 export declare function getTrueValue(value: string | undefined): number;
 export declare const getMonthEndDay: (year: number, month: number) => number;
+export declare const proxyPickerMethods: (picker: PickerInstance, callback: () => void) => PickerInstance;

package/es/datetime-picker/utils.js

@@ -1,6 +1,6 @@
-import { extend } from '../utils';
-import { pickerSharedProps } from '../picker/Picker';
-export var sharedProps = extend({}, pickerSharedProps, {
+import { extend } from "../utils";
+import { pickerSharedProps } from "../picker/Picker";
+const sharedProps = extend({}, pickerSharedProps, {
   filter: Function,
   columnsOrder: Array,
   formatter: {
@@ -8,22 +8,22 @@ export var sharedProps = extend({}, pickerSharedProps, {
     default: (type, value) => value
   }
 });
-export var pickerInheritKeys = Object.keys(pickerSharedProps);
-export function times(n, iteratee) {
-  var index = -1;
-  var result = Array(n);
-
+const pickerInheritKeys = Object.keys(pickerSharedProps);
+function times(n, iteratee) {
+  if (n < 0) {
+    return [];
+  }
+  const result = Array(n);
+  let index = -1;
   while (++index < n) {
     result[index] = iteratee(index);
   }
-
   return result;
 }
-export function getTrueValue(value) {
+function getTrueValue(value) {
   if (!value) {
     return 0;
   }
-
   while (Number.isNaN(parseInt(value, 10))) {
     if (value.length > 1) {
       value = value.slice(1);
@@ -31,7 +31,33 @@ export function getTrueValue(value) {
       return 0;
     }
   }
-
   return parseInt(value, 10);
 }
-export var getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+const getMonthEndDay = (year, month) => 32 - new Date(year, month - 1, 32).getDate();
+const proxyPickerMethods = (picker, callback) => {
+  const methods = [
+    "setValues",
+    "setIndexes",
+    "setColumnIndex",
+    "setColumnValue"
+  ];
+  return new Proxy(picker, {
+    get: (target, prop) => {
+      if (methods.includes(prop)) {
+        return (...args) => {
+          target[prop](...args);
+          callback();
+        };
+      }
+      return target[prop];
+    }
+  });
+};
+export {
+  getMonthEndDay,
+  getTrueValue,
+  pickerInheritKeys,
+  proxyPickerMethods,
+  sharedProps,
+  times
+};

package/es/dialog/Dialog.d.ts

@@ -1,4 +1,4 @@
-import { PropType, ExtractPropTypes } from 'vue';
+import { type PropType, type ExtractPropTypes } from 'vue';
 import type { DialogTheme, DialogAction, DialogMessage, DialogMessageAlign } from './types';
 declare const dialogProps: {
     show: BooleanConstructor;
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
         default: true;
     };
     closeOnClickOverlay: BooleanConstructor;
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
     show?: unknown;
     zIndex?: unknown;
     overlay?: unknown;

package/es/dialog/Dialog.js

@@ -1,16 +1,13 @@
 import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { reactive, defineComponent } from 'vue'; // Utils
-
-import { pick, extend, addUnit, truthProp, isFunction, BORDER_TOP, BORDER_LEFT, unknownProp, numericProp, makeStringProp, callInterceptor, createNamespace } from '../utils';
-import { popupSharedProps, popupSharedPropKeys } from '../popup/shared'; // Components
-
-import { Popup } from '../popup';
-import { Button } from '../button';
-import { ActionBar } from '../action-bar';
-import { ActionBarButton } from '../action-bar-button'; // Types
-
-var [name, bem, t] = createNamespace('dialog');
-var dialogProps = extend({}, popupSharedProps, {
+import { reactive, defineComponent } from "vue";
+import { pick, extend, addUnit, truthProp, isFunction, BORDER_TOP, BORDER_LEFT, unknownProp, numericProp, makeStringProp, callInterceptor, createNamespace } from "../utils";
+import { popupSharedProps, popupSharedPropKeys } from "../popup/shared";
+import { Popup } from "../popup";
+import { Button } from "../button";
+import { ActionBar } from "../action-bar";
+import { ActionBarButton } from "../action-bar-button";
+const [name, bem, t] = createNamespace("dialog");
+const dialogProps = extend({}, popupSharedProps, {
   title: String,
   theme: String,
   width: numericProp,
@@ -18,7 +15,7 @@ var dialogProps = extend({}, popupSharedProps, {
   callback: Function,
   allowHtml: Boolean,
   className: unknownProp,
-  transition: makeStringProp('van-dialog-bounce'),
+  transition: makeStringProp("van-dialog-bounce"),
   messageAlign: String,
   closeOnPopstate: truthProp,
   showCancelButton: Boolean,
@@ -29,126 +26,106 @@ var dialogProps = extend({}, popupSharedProps, {
   showConfirmButton: truthProp,
   closeOnClickOverlay: Boolean
 });
-var popupInheritKeys = [...popupSharedPropKeys, 'transition', 'closeOnPopstate'];
-export default defineComponent({
+const popupInheritKeys = [...popupSharedPropKeys, "transition", "closeOnPopstate"];
+var stdin_default = defineComponent({
   name,
   props: dialogProps,
-  emits: ['confirm', 'cancel', 'update:show'],
-
-  setup(props, _ref) {
-    var {
-      emit,
-      slots
-    } = _ref;
-    var loading = reactive({
+  emits: ["confirm", "cancel", "update:show"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const loading = reactive({
       confirm: false,
       cancel: false
     });
-
-    var updateShow = value => emit('update:show', value);
-
-    var close = action => {
+    const updateShow = (value) => emit("update:show", value);
+    const close = (action) => {
+      var _a;
       updateShow(false);
-      props.callback == null ? void 0 : props.callback(action);
+      (_a = props.callback) == null ? void 0 : _a.call(props, action);
     };
-
-    var getActionHandler = action => () => {
-      // should not trigger close event when hidden
+    const getActionHandler = (action) => () => {
       if (!props.show) {
         return;
       }
-
       emit(action);
-
       if (props.beforeClose) {
         loading[action] = true;
         callInterceptor(props.beforeClose, {
           args: [action],
-
           done() {
             close(action);
             loading[action] = false;
           },
-
           canceled() {
             loading[action] = false;
           }
-
         });
       } else {
         close(action);
       }
     };
-
-    var onCancel = getActionHandler('cancel');
-    var onConfirm = getActionHandler('confirm');
-
-    var renderTitle = () => {
-      var title = slots.title ? slots.title() : props.title;
-
+    const onCancel = getActionHandler("cancel");
+    const onConfirm = getActionHandler("confirm");
+    const renderTitle = () => {
+      const title = slots.title ? slots.title() : props.title;
       if (title) {
         return _createVNode("div", {
-          "class": bem('header', {
+          "class": bem("header", {
             isolated: !props.message && !slots.default
           })
         }, [title]);
       }
     };
-
-    var renderMessage = hasTitle => {
-      var {
+    const renderMessage = (hasTitle) => {
+      const {
         message,
         allowHtml,
         messageAlign
       } = props;
-      var classNames = bem('message', {
-        'has-title': hasTitle,
+      const classNames = bem("message", {
+        "has-title": hasTitle,
         [messageAlign]: messageAlign
       });
-      var content = isFunction(message) ? message() : message;
-
-      if (allowHtml && typeof content === 'string') {
+      const content = isFunction(message) ? message() : message;
+      if (allowHtml && typeof content === "string") {
         return _createVNode("div", {
           "class": classNames,
           "innerHTML": content
         }, null);
       }
-
       return _createVNode("div", {
         "class": classNames
       }, [content]);
     };
-
-    var renderContent = () => {
+    const renderContent = () => {
       if (slots.default) {
         return _createVNode("div", {
-          "class": bem('content')
+          "class": bem("content")
         }, [slots.default()]);
       }
-
-      var {
+      const {
         title,
         message,
         allowHtml
       } = props;
-
       if (message) {
-        var hasTitle = !!(title || slots.title);
+        const hasTitle = !!(title || slots.title);
         return _createVNode("div", {
           "key": allowHtml ? 1 : 0,
-          "class": bem('content', {
+          "class": bem("content", {
             isolated: !hasTitle
           })
         }, [renderMessage(hasTitle)]);
       }
     };
-
-    var renderButtons = () => _createVNode("div", {
-      "class": [BORDER_TOP, bem('footer')]
+    const renderButtons = () => _createVNode("div", {
+      "class": [BORDER_TOP, bem("footer")]
     }, [props.showCancelButton && _createVNode(Button, {
       "size": "large",
-      "text": props.cancelButtonText || t('cancel'),
-      "class": bem('cancel'),
+      "text": props.cancelButtonText || t("cancel"),
+      "class": bem("cancel"),
       "style": {
         color: props.cancelButtonColor
       },
@@ -156,8 +133,8 @@ export default defineComponent({
       "onClick": onCancel
     }, null), props.showConfirmButton && _createVNode(Button, {
       "size": "large",
-      "text": props.confirmButtonText || t('confirm'),
-      "class": [bem('confirm'), {
+      "text": props.confirmButtonText || t("confirm"),
+      "class": [bem("confirm"), {
         [BORDER_LEFT]: props.showCancelButton
       }],
       "style": {
@@ -166,37 +143,33 @@ export default defineComponent({
       "loading": loading.confirm,
       "onClick": onConfirm
     }, null)]);
-
-    var renderRoundButtons = () => _createVNode(ActionBar, {
-      "class": bem('footer')
+    const renderRoundButtons = () => _createVNode(ActionBar, {
+      "class": bem("footer")
     }, {
       default: () => [props.showCancelButton && _createVNode(ActionBarButton, {
         "type": "warning",
-        "text": props.cancelButtonText || t('cancel'),
-        "class": bem('cancel'),
+        "text": props.cancelButtonText || t("cancel"),
+        "class": bem("cancel"),
         "color": props.cancelButtonColor,
         "loading": loading.cancel,
         "onClick": onCancel
       }, null), props.showConfirmButton && _createVNode(ActionBarButton, {
         "type": "danger",
-        "text": props.confirmButtonText || t('confirm'),
-        "class": bem('confirm'),
+        "text": props.confirmButtonText || t("confirm"),
+        "class": bem("confirm"),
         "color": props.confirmButtonColor,
         "loading": loading.confirm,
         "onClick": onConfirm
       }, null)]
     });
-
-    var renderFooter = () => {
+    const renderFooter = () => {
       if (slots.footer) {
         return slots.footer();
       }
-
-      return props.theme === 'round-button' ? renderRoundButtons() : renderButtons();
+      return props.theme === "round-button" ? renderRoundButtons() : renderButtons();
     };
-
     return () => {
-      var {
+      const {
         width,
         title,
         theme,
@@ -216,5 +189,7 @@ export default defineComponent({
       });
     };
   }
-
-});
+});
+export {
+  stdin_default as default
+};

package/es/dialog/function-call.d.ts

@@ -109,7 +109,7 @@ declare namespace Dialog {
             default: true;
         };
         closeOnClickOverlay: BooleanConstructor;
-    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("@vue/runtime-core").ComponentCustomProps, Readonly<{
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "cancel" | "confirm")[], "update:show" | "cancel" | "confirm", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
         show?: unknown;
         zIndex?: unknown;
         overlay?: unknown;