vant 3.4.5 → 4.0.0-alpha.1

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/coupon-cell/var.less

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

package/lib/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/lib/datetime-picker/DatePicker.js

@@ -1,274 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var stdin_exports = {};
-__export(stdin_exports, {
-  default: () => stdin_default
-});
-var import_vue = require("vue");
-var import_vue2 = require("vue");
-var import_utils = require("../utils");
-var import_utils2 = require("./utils");
-var import_use_expose = require("../composables/use-expose");
-var import_picker = require("../picker");
-const currentYear = new Date().getFullYear();
-const [name] = (0, import_utils.createNamespace)("date-picker");
-var stdin_default = (0, import_vue2.defineComponent)({
-  name,
-  props: (0, import_utils.extend)({}, import_utils2.sharedProps, {
-    type: (0, import_utils.makeStringProp)("datetime"),
-    modelValue: Date,
-    minDate: {
-      type: Date,
-      default: () => new Date(currentYear - 10, 0, 1),
-      validator: import_utils.isDate
-    },
-    maxDate: {
-      type: Date,
-      default: () => new Date(currentYear + 10, 11, 31),
-      validator: import_utils.isDate
-    }
-  }),
-  emits: ["confirm", "cancel", "change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const formatValue = (value) => {
-      if ((0, import_utils.isDate)(value)) {
-        const timestamp = (0, import_utils.clamp)(value.getTime(), props.minDate.getTime(), props.maxDate.getTime());
-        return new Date(timestamp);
-      }
-      return void 0;
-    };
-    const picker = (0, import_vue2.ref)();
-    const currentDate = (0, import_vue2.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 = (0, import_utils2.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 = (0, import_vue2.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 = (0, import_vue2.computed)(() => ranges.value.map(({
-      type,
-      range: rangeArr
-    }) => {
-      let values = (0, import_utils2.times)(rangeArr[1] - rangeArr[0] + 1, (index) => (0, import_utils.padZero)(rangeArr[0] + index));
-      if (props.filter) {
-        values = props.filter(type, values);
-      }
-      return {
-        type,
-        values
-      };
-    }));
-    const columns = (0, import_vue2.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", (0, import_utils.padZero)(value.getMonth() + 1));
-          case "day":
-            return formatter("day", (0, import_utils.padZero)(value.getDate()));
-          case "hour":
-            return formatter("hour", (0, import_utils.padZero)(value.getHours()));
-          case "minute":
-            return formatter("minute", (0, import_utils.padZero)(value.getMinutes()));
-          default:
-            return "";
-        }
-      });
-      (0, import_vue2.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 (0, import_utils2.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 = (0, import_utils2.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();
-      (0, import_vue2.nextTick)(() => {
-        (0, import_vue2.nextTick)(() => emit("change", currentDate.value));
-      });
-    };
-    (0, import_vue2.onMounted)(() => {
-      updateColumnValue();
-      (0, import_vue2.nextTick)(updateInnerValue);
-    });
-    (0, import_vue2.watch)(columns, updateColumnValue);
-    (0, import_vue2.watch)(currentDate, (value, oldValue) => emit("update:modelValue", oldValue ? value : null));
-    (0, import_vue2.watch)(() => [props.filter, props.maxDate], updateInnerValue);
-    (0, import_vue2.watch)(() => props.minDate, () => {
-      (0, import_vue2.nextTick)(updateInnerValue);
-    });
-    (0, import_vue2.watch)(() => props.modelValue, (value) => {
-      var _a;
-      value = formatValue(value);
-      if (value && value.valueOf() !== ((_a = currentDate.value) == null ? void 0 : _a.valueOf())) {
-        currentDate.value = value;
-      }
-    });
-    (0, import_use_expose.useExpose)({
-      getPicker: () => picker.value && (0, import_utils2.proxyPickerMethods)(picker.value, updateInnerValue)
-    });
-    return () => (0, import_vue.createVNode)(import_picker.Picker, (0, import_vue.mergeProps)({
-      "ref": picker,
-      "columns": columns.value,
-      "onChange": onChange,
-      "onCancel": onCancel,
-      "onConfirm": onConfirm
-    }, (0, import_utils.pick)(props, import_utils2.pickerInheritKeys)), slots);
-  }
-});
-module.exports = __toCommonJS(stdin_exports);

package/lib/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;

package/lib/datetime-picker/DatetimePicker.js

@@ -1,69 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name2 in all)
-    __defProp(target, name2, { get: all[name2], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var stdin_exports = {};
-__export(stdin_exports, {
-  default: () => stdin_default
-});
-var import_vue = require("vue");
-var import_vue2 = require("vue");
-var import_utils = require("../utils");
-var import_use_expose = require("../composables/use-expose");
-var import_TimePicker = __toESM(require("./TimePicker"));
-var import_DatePicker = __toESM(require("./DatePicker"));
-const [name, bem] = (0, import_utils.createNamespace)("datetime-picker");
-const timePickerPropKeys = Object.keys(import_TimePicker.default.props);
-const datePickerPropKeys = Object.keys(import_DatePicker.default.props);
-const datetimePickerProps = (0, import_utils.extend)({}, import_TimePicker.default.props, import_DatePicker.default.props, {
-  modelValue: [String, Date]
-});
-var stdin_default = (0, import_vue2.defineComponent)({
-  name,
-  props: datetimePickerProps,
-  setup(props, {
-    attrs,
-    slots
-  }) {
-    const root = (0, import_vue2.ref)();
-    (0, import_use_expose.useExpose)({
-      getPicker: () => {
-        var _a;
-        return (_a = root.value) == null ? void 0 : _a.getPicker();
-      }
-    });
-    return () => {
-      const isTimePicker = props.type === "time";
-      const Component = isTimePicker ? import_TimePicker.default : import_DatePicker.default;
-      const inheritProps = (0, import_utils.pick)(props, isTimePicker ? timePickerPropKeys : datePickerPropKeys);
-      return (0, import_vue.createVNode)(Component, (0, import_vue.mergeProps)({
-        "ref": root,
-        "class": bem()
-      }, inheritProps, attrs), slots);
-    };
-  }
-});
-module.exports = __toCommonJS(stdin_exports);