vant 3.4.5 → 4.0.0-alpha.0

package/es/datetime-picker/DatetimePicker.js

@@ -1,40 +0,0 @@
-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]
-});
-var stdin_default = defineComponent({
-  name,
-  props: datetimePickerProps,
-  setup(props, {
-    attrs,
-    slots
-  }) {
-    const root = ref();
-    useExpose({
-      getPicker: () => {
-        var _a;
-        return (_a = root.value) == null ? void 0 : _a.getPicker();
-      }
-    });
-    return () => {
-      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.js

@@ -1,117 +0,0 @@
-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),
-    maxHour: makeNumericProp(23),
-    minMinute: makeNumericProp(0),
-    maxMinute: makeNumericProp(59),
-    modelValue: String
-  }),
-  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)}`;
-      }
-      let [hour, minute] = value.split(":");
-      hour = padZero(clamp(+hour, +minHour, +maxHour));
-      minute = padZero(clamp(+minute, +minMinute, +maxMinute));
-      return `${hour}:${minute}`;
-    };
-    const picker = ref();
-    const currentDate = ref(formatValue(props.modelValue));
-    const ranges = computed(() => [{
-      type: "hour",
-      range: [+props.minHour, +props.maxHour]
-    }, {
-      type: "minute",
-      range: [+props.minMinute, +props.maxMinute]
-    }]);
-    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
-      };
-    }));
-    const columns = computed(() => originColumns.value.map((column) => ({
-      values: column.values.map((value) => props.formatter(column.type, value))
-    })));
-    const updateColumnValue = () => {
-      const pair = currentDate.value.split(":");
-      const values = [props.formatter("hour", pair[0]), props.formatter("minute", pair[1])];
-      nextTick(() => {
-        var _a;
-        (_a = picker.value) == null ? void 0 : _a.setValues(values);
-      });
-    };
-    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();
-    };
-    const onConfirm = () => emit("confirm", currentDate.value);
-    const onCancel = () => emit("cancel");
-    const onChange = () => {
-      updateInnerValue();
-      nextTick(() => {
-        nextTick(() => emit("change", currentDate.value));
-      });
-    };
-    onMounted(() => {
-      updateColumnValue();
-      nextTick(updateInnerValue);
-    });
-    watch(columns, updateColumnValue);
-    watch(() => [props.filter, props.maxHour, props.minMinute, props.maxMinute], updateInnerValue);
-    watch(() => props.minHour, () => {
-      nextTick(updateInnerValue);
-    });
-    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 && proxyPickerMethods(picker.value, updateInnerValue)
-    });
-    return () => _createVNode(Picker, _mergeProps({
-      "ref": picker,
-      "columns": columns.value,
-      "onChange": onChange,
-      "onCancel": onCancel,
-      "onConfirm": onConfirm
-    }, pick(props, pickerInheritKeys)), slots);
-  }
-});
-export {
-  stdin_default as default
-};

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

@@ -1,12 +0,0 @@
-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").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,8 +0,0 @@
-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/types.d.ts

@@ -1,9 +0,0 @@
-import { ComponentPublicInstance } from 'vue';
-import type { PickerInstance } from '../picker';
-import { DatetimePickerProps } from './DatetimePicker';
-export declare type DatetimePickerColumnType = 'year' | 'month' | 'day' | 'hour' | 'minute';
-export declare type DatetimePickerType = 'date' | 'time' | 'datetime' | 'datehour' | 'month-day' | 'year-month';
-export declare type DatetimePickerExpose = {
-    getPicker: () => PickerInstance;
-};
-export declare type DatetimePickerInstance = ComponentPublicInstance<DatetimePickerProps, DatetimePickerExpose>;

package/es/datetime-picker/utils.js

@@ -1,63 +0,0 @@
-import { extend } from "../utils";
-import { pickerSharedProps } from "../picker/Picker";
-const sharedProps = extend({}, pickerSharedProps, {
-  filter: Function,
-  columnsOrder: Array,
-  formatter: {
-    type: Function,
-    default: (type, value) => value
-  }
-});
-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;
-}
-function getTrueValue(value) {
-  if (!value) {
-    return 0;
-  }
-  while (Number.isNaN(parseInt(value, 10))) {
-    if (value.length > 1) {
-      value = value.slice(1);
-    } else {
-      return 0;
-    }
-  }
-  return parseInt(value, 10);
-}
-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/var.less

@@ -1,21 +0,0 @@
-@import '../style/var.less';
-
-@dialog-width: 320px;
-@dialog-small-screen-width: 90%;
-@dialog-font-size: var(--van-font-size-lg);
-@dialog-transition: var(--van-animation-duration-base);
-@dialog-border-radius: 16px;
-@dialog-background-color: var(--van-background-color-light);
-@dialog-header-font-weight: var(--van-font-weight-bold);
-@dialog-header-line-height: 24px;
-@dialog-header-padding-top: 26px;
-@dialog-header-isolated-padding: var(--van-padding-lg) 0;
-@dialog-message-padding: var(--van-padding-lg);
-@dialog-message-font-size: var(--van-font-size-md);
-@dialog-message-line-height: var(--van-line-height-md);
-@dialog-message-max-height: 60vh;
-@dialog-has-title-message-text-color: var(--van-gray-7);
-@dialog-has-title-message-padding-top: var(--van-padding-xs);
-@dialog-button-height: 48px;
-@dialog-round-button-height: 36px;
-@dialog-confirm-button-text-color: var(--van-danger-color);

package/es/divider/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@divider-margin: var(--van-padding-md) 0;
-@divider-text-color: var(--van-text-color-2);
-@divider-font-size: var(--van-font-size-md);
-@divider-line-height: 24px;
-@divider-border-color: var(--van-border-color);
-@divider-content-padding: var(--van-padding-md);
-@divider-content-left-width: 10%;
-@divider-content-right-width: 10%;

package/es/dropdown-item/var.less

@@ -1,3 +0,0 @@
-@import '../style/var.less';
-
-@dropdown-item-z-index: 10;

package/es/dropdown-menu/var.less

@@ -1,13 +0,0 @@
-@import '../style/var.less';
-
-@dropdown-menu-height: 48px;
-@dropdown-menu-background-color: var(--van-background-color-light);
-@dropdown-menu-box-shadow: 0 2px 12px rgba(100, 101, 102, 0.12);
-@dropdown-menu-title-font-size: 15px;
-@dropdown-menu-title-text-color: var(--van-text-color);
-@dropdown-menu-title-active-text-color: var(--van-danger-color);
-@dropdown-menu-title-disabled-text-color: var(--van-text-color-2);
-@dropdown-menu-title-padding: 0 var(--van-padding-xs);
-@dropdown-menu-title-line-height: var(--van-line-height-lg);
-@dropdown-menu-option-active-color: var(--van-danger-color);
-@dropdown-menu-content-max-height: 80%;

package/es/empty/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@empty-padding: var(--van-padding-xl) 0;
-@empty-image-size: 160px;
-@empty-description-margin-top: var(--van-padding-md);
-@empty-description-padding: 0 60px;
-@empty-description-color: var(--van-text-color-2);
-@empty-description-font-size: var(--van-font-size-md);
-@empty-description-line-height: var(--van-line-height-md);
-@empty-bottom-margin-top: 24px;

package/es/field/var.less

@@ -1,21 +0,0 @@
-@import '../style/var.less';
-
-@field-label-width: 6.2em;
-@field-label-color: var(--van-gray-7);
-@field-label-margin-right: var(--van-padding-sm);
-@field-input-text-color: var(--van-text-color);
-@field-input-error-text-color: var(--van-danger-color);
-@field-input-disabled-text-color: var(--van-text-color-3);
-@field-placeholder-text-color: var(--van-text-color-3);
-@field-icon-size: 16px;
-@field-clear-icon-size: 16px;
-@field-clear-icon-color: var(--van-gray-5);
-@field-right-icon-color: var(--van-gray-6);
-@field-error-message-color: var(--van-danger-color);
-@field-error-message-font-size: 12px;
-@field-text-area-min-height: 60px;
-@field-word-limit-color: var(--van-gray-7);
-@field-word-limit-font-size: var(--van-font-size-sm);
-@field-word-limit-line-height: 16px;
-@field-disabled-text-color: var(--van-text-color-3);
-@field-required-mark-color: var(--van-red);

package/es/grid-item/var.less

@@ -1,8 +0,0 @@
-@import '../style/var.less';
-
-@grid-item-content-padding: var(--van-padding-md) var(--van-padding-xs);
-@grid-item-content-background-color: var(--van-background-color-light);
-@grid-item-content-active-color: var(--van-active-color);
-@grid-item-icon-size: 28px;
-@grid-item-text-color: var(--van-gray-7);
-@grid-item-text-font-size: var(--van-font-size-sm);

package/es/image/var.less

@@ -1,9 +0,0 @@
-@import '../style/var.less';
-
-@image-placeholder-text-color: var(--van-text-color-2);
-@image-placeholder-font-size: var(--van-font-size-md);
-@image-placeholder-background-color: var(--van-background-color);
-@image-loading-icon-size: 32px;
-@image-loading-icon-color: var(--van-gray-4);
-@image-error-icon-size: 32px;
-@image-error-icon-color: var(--van-gray-4);

package/es/image-preview/var.less

@@ -1,11 +0,0 @@
-@import '../style/var.less';
-
-@image-preview-index-text-color: var(--van-white);
-@image-preview-index-font-size: var(--van-font-size-md);
-@image-preview-index-line-height: var(--van-line-height-md);
-@image-preview-index-text-shadow: 0 1px 1px var(--van-gray-8);
-@image-preview-overlay-background-color: rgba(0, 0, 0, 0.9);
-@image-preview-close-icon-size: 22px;
-@image-preview-close-icon-color: var(--van-gray-5);
-@image-preview-close-icon-margin: var(--van-padding-md);
-@image-preview-close-icon-z-index: 1;

package/es/index-anchor/var.less

@@ -1,11 +0,0 @@
-@import '../style/var.less';
-
-@index-anchor-z-index: 1;
-@index-anchor-padding: 0 var(--van-padding-md);
-@index-anchor-text-color: var(--van-text-color);
-@index-anchor-font-weight: var(--van-font-weight-bold);
-@index-anchor-font-size: var(--van-font-size-md);
-@index-anchor-line-height: 32px;
-@index-anchor-background-color: transparent;
-@index-anchor-sticky-text-color: var(--van-danger-color);
-@index-anchor-sticky-background-color: var(--van-background-color-light);

package/es/index-bar/var.less

@@ -1,6 +0,0 @@
-@import '../style/var.less';
-
-@index-bar-sidebar-z-index: 2;
-@index-bar-index-font-size: var(--van-font-size-xs);
-@index-bar-index-line-height: var(--van-line-height-xs);
-@index-bar-index-active-color: var(--van-danger-color);

package/es/list/var.less

@@ -1,6 +0,0 @@
-@import '../style/var.less';
-
-@list-text-color: var(--van-text-color-2);
-@list-text-font-size: var(--van-font-size-md);
-@list-text-line-height: 50px;
-@list-loading-icon-size: 16px;

package/es/loading/var.less

@@ -1,7 +0,0 @@
-@import '../style/var.less';
-
-@loading-text-color: var(--van-text-color-2);
-@loading-text-font-size: var(--van-font-size-md);
-@loading-spinner-color: var(--van-gray-5);
-@loading-spinner-size: 30px;
-@loading-spinner-animation-duration: 0.8s;

package/es/nav-bar/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@nav-bar-height: 46px;
-@nav-bar-background-color: var(--van-background-color-light);
-@nav-bar-arrow-size: 16px;
-@nav-bar-icon-color: var(--van-primary-color);
-@nav-bar-text-color: var(--van-primary-color);
-@nav-bar-title-font-size: var(--van-font-size-lg);
-@nav-bar-title-text-color: var(--van-text-color);
-@nav-bar-z-index: 1;

package/es/notice-bar/var.less

@@ -1,11 +0,0 @@
-@import '../style/var.less';
-
-@notice-bar-height: 40px;
-@notice-bar-padding: 0 var(--van-padding-md);
-@notice-bar-wrapable-padding: var(--van-padding-xs) var(--van-padding-md);
-@notice-bar-text-color: var(--van-orange-dark);
-@notice-bar-font-size: var(--van-font-size-md);
-@notice-bar-line-height: 24px;
-@notice-bar-background-color: var(--van-orange-light);
-@notice-bar-icon-size: 16px;
-@notice-bar-icon-min-width: 24px;

package/es/notify/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@notify-text-color: var(--van-white);
-@notify-padding: var(--van-padding-xs) var(--van-padding-md);
-@notify-font-size: var(--van-font-size-md);
-@notify-line-height: var(--van-line-height-md);
-@notify-primary-background-color: var(--van-primary-color);
-@notify-success-background-color: var(--van-success-color);
-@notify-danger-background-color: var(--van-danger-color);
-@notify-warning-background-color: var(--van-warning-color);

package/es/number-keyboard/var.less

@@ -1,17 +0,0 @@
-@import '../style/var.less';
-
-@number-keyboard-background-color: var(--van-gray-2);
-@number-keyboard-key-height: 48px;
-@number-keyboard-key-font-size: 28px;
-@number-keyboard-key-background-color: var(--van-background-color-light);
-@number-keyboard-key-active-color: var(--van-gray-3);
-@number-keyboard-delete-font-size: var(--van-font-size-lg);
-@number-keyboard-title-color: var(--van-gray-7);
-@number-keyboard-title-height: 34px;
-@number-keyboard-title-font-size: var(--van-font-size-lg);
-@number-keyboard-close-padding: 0 var(--van-padding-md);
-@number-keyboard-close-color: var(--van-text-link-color);
-@number-keyboard-close-font-size: var(--van-font-size-md);
-@number-keyboard-button-text-color: var(--van-white);
-@number-keyboard-button-background-color: var(--van-primary-color);
-@number-keyboard-z-index: 100;

package/es/overlay/var.less

@@ -1,4 +0,0 @@
-@import '../style/var.less';
-
-@overlay-z-index: 1;
-@overlay-background-color: rgba(0, 0, 0, 0.7);

package/es/pagination/var.less

@@ -1,11 +0,0 @@
-@import '../style/var.less';
-
-@pagination-height: 40px;
-@pagination-font-size: var(--van-font-size-md);
-@pagination-item-width: 36px;
-@pagination-item-default-color: var(--van-primary-color);
-@pagination-item-disabled-color: var(--van-gray-7);
-@pagination-item-disabled-background-color: var(--van-background-color);
-@pagination-background-color: var(--van-background-color-light);
-@pagination-desc-color: var(--van-gray-7);
-@pagination-disabled-opacity: var(--van-disabled-opacity);

package/es/password-input/var.less

@@ -1,17 +0,0 @@
-@import '../style/var.less';
-
-@password-input-height: 50px;
-@password-input-margin: 0 var(--van-padding-md);
-@password-input-font-size: 20px;
-@password-input-border-radius: 6px;
-@password-input-background-color: var(--van-background-color-light);
-@password-input-info-color: var(--van-text-color-2);
-@password-input-info-font-size: var(--van-font-size-md);
-@password-input-error-info-color: var(--van-danger-color);
-@password-input-dot-size: 10px;
-@password-input-dot-color: var(--van-text-color);
-@password-input-text-color: var(--van-text-color);
-@password-input-cursor-color: var(--van-text-color);
-@password-input-cursor-width: 1px;
-@password-input-cursor-height: 40%;
-@password-input-cursor-animation-duration: 1s;

package/es/picker/var.less

@@ -1,22 +0,0 @@
-@import '../style/var.less';
-
-@picker-background-color: var(--van-background-color-light);
-@picker-toolbar-height: 44px;
-@picker-title-font-size: var(--van-font-size-lg);
-@picker-title-line-height: var(--van-line-height-md);
-@picker-action-padding: 0 var(--van-padding-md);
-@picker-action-font-size: var(--van-font-size-md);
-@picker-confirm-action-color: var(--van-text-link-color);
-@picker-cancel-action-color: var(--van-text-color-2);
-@picker-option-padding: 0 var(--van-padding-base);
-@picker-option-font-size: var(--van-font-size-lg);
-@picker-option-text-color: var(--van-text-color);
-@picker-option-disabled-opacity: 0.3;
-@picker-mask-color: linear-gradient(
-    180deg,
-    rgba(255, 255, 255, 0.9),
-    rgba(255, 255, 255, 0.4)
-  ),
-  linear-gradient(0deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.4));
-@picker-loading-icon-color: var(--van-primary-color);
-@picker-loading-mask-color: rgba(255, 255, 255, 0.9);

package/es/popover/var.less

@@ -1,15 +0,0 @@
-@import '../style/var.less';
-
-@popover-arrow-size: 6px;
-@popover-border-radius: var(--van-border-radius-lg);
-@popover-action-width: 128px;
-@popover-action-height: 44px;
-@popover-action-font-size: var(--van-font-size-md);
-@popover-action-line-height: var(--van-line-height-md);
-@popover-action-icon-size: 20px;
-@popover-light-text-color: var(--van-text-color);
-@popover-light-background-color: var(--van-background-color-light);
-@popover-light-action-disabled-text-color: var(--van-text-color-3);
-@popover-dark-text-color: var(--van-white);
-@popover-dark-background-color: #4a4a4a;
-@popover-dark-action-disabled-text-color: var(--van-text-color-2);

package/es/popup/var.less

@@ -1,9 +0,0 @@
-@import '../style/var.less';
-
-@popup-background-color: var(--van-background-color-light);
-@popup-transition: transform var(--van-animation-duration-base);
-@popup-round-border-radius: 16px;
-@popup-close-icon-size: 22px;
-@popup-close-icon-color: var(--van-gray-5);
-@popup-close-icon-margin: 16px;
-@popup-close-icon-z-index: 1;

package/es/progress/var.less

@@ -1,11 +0,0 @@
-@import '../style/var.less';
-
-@progress-height: 4px;
-@progress-color: var(--van-primary-color);
-@progress-inactive-color: var(--van-gray-5);
-@progress-background-color: var(--van-gray-3);
-@progress-pivot-padding: 0 5px;
-@progress-pivot-text-color: var(--van-white);
-@progress-pivot-font-size: var(--van-font-size-xs);
-@progress-pivot-line-height: 1.6;
-@progress-pivot-background-color: var(--van-primary-color);

package/es/pull-refresh/var.less

@@ -1,6 +0,0 @@
-@import '../style/var.less';
-
-@pull-refresh-head-height: 50px;
-@pull-refresh-head-font-size: var(--van-font-size-md);
-@pull-refresh-head-text-color: var(--van-text-color-2);
-@pull-refresh-loading-icon-size: 16px;