vant 3.4.2 → 4.0.0-alpha.0

package/es/action-bar/var.less

@@ -1,4 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-background-color: var(--van-background-color-light);
-@action-bar-height: 50px;

package/es/action-bar-button/var.less

@@ -1,5 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-button-height: 40px;
-@action-bar-button-warning-color: var(--van-gradient-orange);
-@action-bar-button-danger-color: var(--van-gradient-red);

package/es/action-bar-icon/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@action-bar-icon-width: 48px;
-@action-bar-icon-height: 100%;
-@action-bar-icon-color: var(--van-text-color);
-@action-bar-icon-size: 18px;
-@action-bar-icon-font-size: var(--van-font-size-xs);
-@action-bar-icon-active-color: var(--van-active-color);
-@action-bar-icon-text-color: var(--van-gray-7);
-@action-bar-icon-background-color: var(--van-background-color-light);

package/es/action-sheet/var.less

@@ -1,23 +0,0 @@
-@import '../style/var.less';
-
-@action-sheet-max-height: 80%;
-@action-sheet-header-height: 48px;
-@action-sheet-header-font-size: var(--van-font-size-lg);
-@action-sheet-description-color: var(--van-text-color-2);
-@action-sheet-description-font-size: var(--van-font-size-md);
-@action-sheet-description-line-height: var(--van-line-height-md);
-@action-sheet-item-background: var(--van-background-color-light);
-@action-sheet-item-font-size: var(--van-font-size-lg);
-@action-sheet-item-line-height: var(--van-line-height-lg);
-@action-sheet-item-text-color: var(--van-text-color);
-@action-sheet-item-disabled-text-color: var(--van-text-color-3);
-@action-sheet-subname-color: var(--van-text-color-2);
-@action-sheet-subname-font-size: var(--van-font-size-sm);
-@action-sheet-subname-line-height: var(--van-line-height-sm);
-@action-sheet-close-icon-size: 22px;
-@action-sheet-close-icon-color: var(--van-gray-5);
-@action-sheet-close-icon-padding: 0 var(--van-padding-md);
-@action-sheet-cancel-text-color: var(--van-gray-7);
-@action-sheet-cancel-padding-top: var(--van-padding-xs);
-@action-sheet-cancel-padding-color: var(--van-background-color);
-@action-sheet-loading-icon-size: 22px;

package/es/address-edit/var.less

@@ -1,6 +0,0 @@
-@import '../style/var.less';
-
-@address-edit-padding: var(--van-padding-sm);
-@address-edit-buttons-padding: var(--van-padding-xl) var(--van-padding-base);
-@address-edit-button-margin-bottom: var(--van-padding-sm);
-@address-edit-button-font-size: var(--van-font-size-lg);

package/es/address-list/var.less

@@ -1,16 +0,0 @@
-@import '../style/var.less';
-
-@address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
-@address-list-disabled-text-color: var(--van-text-color-2);
-@address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0
-  var(--van-padding-md);
-@address-list-disabled-text-font-size: var(--van-font-size-md);
-@address-list-disabled-text-line-height: var(--van-line-height-md);
-@address-list-add-button-z-index: 999;
-@address-list-item-padding: var(--van-padding-sm);
-@address-list-item-text-color: var(--van-text-color);
-@address-list-item-disabled-text-color: var(--van-text-color-3);
-@address-list-item-font-size: 13px;
-@address-list-item-line-height: var(--van-line-height-sm);
-@address-list-item-radio-icon-color: var(--van-danger-color);
-@address-list-edit-icon-size: 20px;

package/es/badge/var.less

@@ -1,12 +0,0 @@
-@import '../style/var.less';
-
-@badge-size: 16px;
-@badge-color: var(--van-white);
-@badge-padding: 0 3px;
-@badge-font-size: var(--van-font-size-sm);
-@badge-font-weight: var(--van-font-weight-bold);
-@badge-border-width: var(--van-border-width-base);
-@badge-background-color: var(--van-danger-color);
-@badge-dot-color: var(--van-danger-color);
-@badge-dot-size: 8px;
-@badge-font-family: -apple-system-font, Helvetica Neue, Arial, sans-serif;

package/es/button/var.less

@@ -1,36 +0,0 @@
-@import '../style/var.less';
-
-@button-mini-height: 24px;
-@button-mini-padding: 0 var(--van-padding-base);
-@button-mini-font-size: var(--van-font-size-xs);
-@button-small-height: 32px;
-@button-small-padding: 0 var(--van-padding-xs);
-@button-small-font-size: var(--van-font-size-sm);
-@button-normal-padding: 0 15px;
-@button-normal-font-size: var(--van-font-size-md);
-@button-large-height: 50px;
-@button-default-height: 44px;
-@button-default-line-height: 1.2;
-@button-default-font-size: var(--van-font-size-lg);
-@button-default-color: var(--van-text-color);
-@button-default-background-color: var(--van-background-color-light);
-@button-default-border-color: var(--van-border-color);
-@button-primary-color: var(--van-white);
-@button-primary-background-color: var(--van-primary-color);
-@button-primary-border-color: var(--van-primary-color);
-@button-success-color: var(--van-white);
-@button-success-background-color: var(--van-success-color);
-@button-success-border-color: var(--van-success-color);
-@button-danger-color: var(--van-white);
-@button-danger-background-color: var(--van-danger-color);
-@button-danger-border-color: var(--van-danger-color);
-@button-warning-color: var(--van-white);
-@button-warning-background-color: var(--van-warning-color);
-@button-warning-border-color: var(--van-warning-color);
-@button-border-width: var(--van-border-width-base);
-@button-border-radius: var(--van-border-radius-sm);
-@button-round-border-radius: var(--van-border-radius-max);
-@button-plain-background-color: var(--van-white);
-@button-disabled-opacity: var(--van-disabled-opacity);
-@button-icon-size: 1.2em;
-@button-loading-icon-size: 20px;

package/es/calendar/var.less

@@ -1,27 +0,0 @@
-@import '../style/var.less';
-
-@calendar-background-color: var(--van-background-color-light);
-@calendar-popup-height: 80%;
-@calendar-header-box-shadow: 0 2px 10px rgba(125, 126, 128, 0.16);
-@calendar-header-title-height: 44px;
-@calendar-header-title-font-size: var(--van-font-size-lg);
-@calendar-header-subtitle-font-size: var(--van-font-size-md);
-@calendar-weekdays-height: 30px;
-@calendar-weekdays-font-size: var(--van-font-size-sm);
-@calendar-month-title-font-size: var(--van-font-size-md);
-@calendar-month-mark-color: rgba(242, 243, 245, 0.8);
-@calendar-month-mark-font-size: 160px;
-@calendar-day-height: 64px;
-@calendar-day-font-size: var(--van-font-size-lg);
-@calendar-range-edge-color: var(--van-white);
-@calendar-range-edge-background-color: var(--van-danger-color);
-@calendar-range-middle-color: var(--van-danger-color);
-@calendar-range-middle-background-opacity: 0.1;
-@calendar-selected-day-size: 54px;
-@calendar-selected-day-color: var(--van-white);
-@calendar-info-font-size: var(--van-font-size-xs);
-@calendar-info-line-height: var(--van-line-height-xs);
-@calendar-selected-day-background-color: var(--van-danger-color);
-@calendar-day-disabled-color: var(--van-text-color-3);
-@calendar-confirm-button-height: 36px;
-@calendar-confirm-button-margin: 7px 0;

package/es/card/var.less

@@ -1,18 +0,0 @@
-@import '../style/var.less';
-
-@card-padding: var(--van-padding-xs) var(--van-padding-md);
-@card-font-size: var(--van-font-size-sm);
-@card-text-color: var(--van-text-color);
-@card-background-color: var(--van-gray-1);
-@card-thumb-size: 88px;
-@card-thumb-border-radius: var(--van-border-radius-lg);
-@card-title-line-height: 16px;
-@card-desc-color: var(--van-gray-7);
-@card-desc-line-height: var(--van-line-height-md);
-@card-price-color: var(--van-gray-8);
-@card-origin-price-color: var(--van-text-color-2);
-@card-num-color: var(--van-text-color-2);
-@card-origin-price-font-size: var(--van-font-size-xs);
-@card-price-font-size: var(--van-font-size-sm);
-@card-price-integer-font-size: var(--van-font-size-lg);
-@card-price-font-family: var(--van-price-integer-font-family);

package/es/cascader/var.less

@@ -1,15 +0,0 @@
-@import '../style/var.less';
-
-@cascader-header-height: 48px;
-@cascader-header-padding: 0 var(--van-padding-md);
-@cascader-title-font-size: var(--van-font-size-lg);
-@cascader-title-line-height: 20px;
-@cascader-close-icon-size: 22px;
-@cascader-close-icon-color: var(--van-gray-5);
-@cascader-selected-icon-size: 18px;
-@cascader-tabs-height: 48px;
-@cascader-active-color: var(--van-danger-color);
-@cascader-options-height: 384px;
-@cascader-option-disabled-color: var(--van-text-color-3);
-@cascader-tab-color: var(--van-text-color);
-@cascader-unselected-tab-color: var(--van-text-color-2);

package/es/cell/var.less

@@ -1,21 +0,0 @@
-@import '../style/var.less';
-
-@cell-font-size: var(--van-font-size-md);
-@cell-line-height: 24px;
-@cell-vertical-padding: 10px;
-@cell-horizontal-padding: var(--van-padding-md);
-@cell-text-color: var(--van-text-color);
-@cell-background-color: var(--van-background-color-light);
-@cell-border-color: var(--van-border-color);
-@cell-active-color: var(--van-active-color);
-@cell-required-color: var(--van-danger-color);
-@cell-label-color: var(--van-text-color-2);
-@cell-label-font-size: var(--van-font-size-sm);
-@cell-label-line-height: var(--van-line-height-sm);
-@cell-label-margin-top: var(--van-padding-base);
-@cell-value-color: var(--van-text-color-2);
-@cell-icon-size: 16px;
-@cell-right-icon-color: var(--van-gray-6);
-@cell-large-vertical-padding: var(--van-padding-sm);
-@cell-large-title-font-size: var(--van-font-size-lg);
-@cell-large-label-font-size: var(--van-font-size-md);

package/es/cell-group/var.less

@@ -1,12 +0,0 @@
-@import '../style/var.less';
-
-@cell-group-background-color: var(--van-background-color-light);
-@cell-group-title-color: var(--van-text-color-2);
-@cell-group-title-padding: var(--van-padding-md) var(--van-padding-md)
-  var(--van-padding-xs);
-@cell-group-title-font-size: var(--van-font-size-md);
-@cell-group-title-line-height: 16px;
-@cell-group-inset-padding: 0 var(--van-padding-md);
-@cell-group-inset-border-radius: var(--van-border-radius-lg);
-@cell-group-inset-title-padding: var(--van-padding-md) var(--van-padding-md)
-  var(--van-padding-xs) var(--van-padding-xl);

package/es/checkbox/var.less

@@ -1,11 +0,0 @@
-@import '../style/var.less';
-
-@checkbox-size: 20px;
-@checkbox-border-color: var(--van-gray-5);
-@checkbox-transition-duration: var(--van-animation-duration-fast);
-@checkbox-label-margin: var(--van-padding-xs);
-@checkbox-label-color: var(--van-text-color);
-@checkbox-checked-icon-color: var(--van-primary-color);
-@checkbox-disabled-icon-color: var(--van-gray-5);
-@checkbox-disabled-label-color: var(--van-text-color-3);
-@checkbox-disabled-background-color: var(--van-border-color);

package/es/circle/var.less

@@ -1,9 +0,0 @@
-@import '../style/var.less';
-
-@circle-size: 100px;
-@circle-color: var(--van-primary-color);
-@circle-layer-color: var(--van-white);
-@circle-text-color: var(--van-text-color);
-@circle-text-font-weight: var(--van-font-weight-bold);
-@circle-text-font-size: var(--van-font-size-md);
-@circle-text-line-height: var(--van-line-height-md);

package/es/collapse-item/var.less

@@ -1,9 +0,0 @@
-@import '../style/var.less';
-
-@collapse-item-transition-duration: var(--van-animation-duration-base);
-@collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);
-@collapse-item-content-font-size: var(--van-font-size-md);
-@collapse-item-content-line-height: 1.5;
-@collapse-item-content-text-color: var(--van-text-color-2);
-@collapse-item-content-background-color: var(--van-background-color-light);
-@collapse-item-title-disabled-color: var(--van-text-color-3);

package/es/contact-card/var.less

@@ -1,6 +0,0 @@
-@import '../style/var.less';
-
-@contact-card-padding: var(--van-padding-md);
-@contact-card-add-icon-size: 40px;
-@contact-card-add-icon-color: var(--van-primary-color);
-@contact-card-value-line-height: var(--van-line-height-md);

package/es/contact-edit/var.less

@@ -1,8 +0,0 @@
-@import '../style/var.less';
-
-@contact-edit-padding: var(--van-padding-md);
-@contact-edit-fields-radius: var(--van-border-radius-md);
-@contact-edit-buttons-padding: var(--van-padding-xl) 0;
-@contact-edit-button-margin-bottom: var(--van-padding-sm);
-@contact-edit-button-font-size: var(--van-font-size-lg);
-@contact-edit-field-label-width: 4.1em;

package/es/contact-list/var.less

@@ -1,6 +0,0 @@
-@import '../style/var.less';
-
-@contact-list-edit-icon-size: 16px;
-@contact-list-add-button-z-index: 999;
-@contact-list-item-padding: var(--van-padding-md);
-@contact-list-item-radio-icon-color: var(--van-danger-color);

package/es/count-down/var.less

@@ -1,5 +0,0 @@
-@import '../style/var.less';
-
-@count-down-text-color: var(--van-text-color);
-@count-down-font-size: var(--van-font-size-md);
-@count-down-line-height: var(--van-line-height-md);

package/es/coupon/var.less

@@ -1,19 +0,0 @@
-@import '../style/var.less';
-
-@coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);
-@coupon-content-height: 84px;
-@coupon-content-padding: 14px 0;
-@coupon-content-text-color: var(--van-text-color);
-@coupon-background-color: var(--van-background-color-light);
-@coupon-active-background-color: var(--van-active-color);
-@coupon-border-radius: var(--van-border-radius-lg);
-@coupon-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
-@coupon-head-width: 96px;
-@coupon-amount-color: var(--van-danger-color);
-@coupon-amount-font-size: 30px;
-@coupon-currency-font-size: 40%;
-@coupon-name-font-size: var(--van-font-size-md);
-@coupon-disabled-text-color: var(--van-text-color-2);
-@coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);
-@coupon-description-border-color: var(--van-border-color);
-@coupon-corner-checkbox-icon-color: var(--van-danger-color);

package/es/coupon-cell/var.less

@@ -1,3 +0,0 @@
-@import '../style/var.less';
-
-@coupon-cell-selected-text-color: var(--van-text-color);

package/es/coupon-list/var.less

@@ -1,10 +0,0 @@
-@import '../style/var.less';
-
-@coupon-list-background-color: var(--van-background-color);
-@coupon-list-field-padding: 5px 0 5px var(--van-padding-md);
-@coupon-list-exchange-button-height: 32px;
-@coupon-list-close-button-height: 40px;
-@coupon-list-empty-image-size: 200px;
-@coupon-list-empty-tip-color: var(--van-text-color-2);
-@coupon-list-empty-tip-font-size: var(--van-font-size-md);
-@coupon-list-empty-tip-line-height: var(--van-line-height-md);

package/es/datetime-picker/DatePicker.js

@@ -1,250 +0,0 @@
-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"),
-    modelValue: Date,
-    minDate: {
-      type: Date,
-      default: () => new Date(currentYear - 10, 0, 1),
-      validator: isDate
-    },
-    maxDate: {
-      type: Date,
-      default: () => new Date(currentYear + 10, 11, 31),
-      validator: isDate
-    }
-  }),
-  emits: ["confirm", "cancel", "change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const formatValue = (value) => {
-      if (isDate(value)) {
-        const timestamp = clamp(value.getTime(), props.minDate.getTime(), props.maxDate.getTime());
-        return new Date(timestamp);
-      }
-      return void 0;
-    };
-    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
-      };
-    };
-    const ranges = computed(() => {
-      const {
-        maxYear,
-        maxDate,
-        maxMonth,
-        maxHour,
-        maxMinute
-      } = getBoundary("max", currentDate.value || props.minDate);
-      const {
-        minYear,
-        minDate,
-        minMonth,
-        minHour,
-        minMinute
-      } = getBoundary("min", currentDate.value || props.minDate);
-      let result = [{
-        type: "year",
-        range: [minYear, maxYear]
-      }, {
-        type: "month",
-        range: [minMonth, maxMonth]
-      }, {
-        type: "day",
-        range: [minDate, maxDate]
-      }, {
-        type: "hour",
-        range: [minHour, maxHour]
-      }, {
-        type: "minute",
-        range: [minMinute, maxMinute]
-      }];
-      switch (props.type) {
-        case "date":
-          result = result.slice(0, 3);
-          break;
-        case "year-month":
-          result = result.slice(0, 2);
-          break;
-        case "month-day":
-          result = result.slice(1, 3);
-          break;
-        case "datehour":
-          result = result.slice(0, 4);
-          break;
-      }
-      if (props.columnsOrder) {
-        const columnsOrder = props.columnsOrder.concat(result.map((column) => column.type));
-        result.sort((a, b) => columnsOrder.indexOf(a.type) - columnsOrder.indexOf(b.type));
-      }
-      return result;
-    });
-    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 value = currentDate.value || props.minDate;
-      const {
-        formatter
-      } = props;
-      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()));
-          default:
-            return "";
-        }
-      });
-      nextTick(() => {
-        var _a;
-        (_a = picker.value) == null ? void 0 : _a.setValues(values);
-      });
-    };
-    const updateInnerValue = () => {
-      const {
-        type
-      } = props;
-      const indexes = picker.value.getIndexes();
-      const getValue = (type2) => {
-        let index = 0;
-        originColumns.value.forEach((column, columnIndex) => {
-          if (type2 === column.type) {
-            index = columnIndex;
-          }
-        });
-        const {
-          values
-        } = originColumns.value[index];
-        return getTrueValue(values[indexes[index]]);
-      };
-      let year;
-      let month;
-      let day;
-      if (type === "month-day") {
-        year = (currentDate.value || props.minDate).getFullYear();
-        month = getValue("month");
-        day = getValue("day");
-      } else {
-        year = getValue("year");
-        month = getValue("month");
-        day = type === "year-month" ? 1 : getValue("day");
-      }
-      const maxDay = getMonthEndDay(year, month);
-      day = day > maxDay ? maxDay : day;
-      let hour = 0;
-      let minute = 0;
-      if (type === "datehour") {
-        hour = getValue("hour");
-      }
-      if (type === "datetime") {
-        hour = getValue("hour");
-        minute = getValue("minute");
-      }
-      const value = new Date(year, month - 1, day, hour, minute);
-      currentDate.value = formatValue(value);
-    };
-    const onConfirm = () => {
-      emit("update:modelValue", currentDate.value);
-      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(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 _a;
-      value = formatValue(value);
-      if (value && value.valueOf() !== ((_a = currentDate.value) == null ? void 0 : _a.valueOf())) {
-        currentDate.value = value;
-      }
-    });
-    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/DatetimePicker.d.ts

@@ -1,7 +0,0 @@
-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").ComponentCustomProps, Readonly<any>, {} | {
-    [x: string]: any;
-}>;
-export default _default;