vant 4.0.0-alpha.3 → 4.0.0-beta.1

package/es/contact-list/index.less

@@ -1,65 +0,0 @@
-body {
-  --van-contact-list-edit-icon-size: 16px;
-  --van-contact-list-add-button-z-index: 999;
-  --van-contact-list-radio-color: var(--van-primary-color);
-  --van-contact-list-item-padding: var(--van-padding-md);
-}
-
-.van-contact-list {
-  box-sizing: border-box;
-  height: 100%;
-  padding-bottom: 80px;
-
-  &__item {
-    padding: var(--van-contact-list-item-padding);
-  }
-
-  &__item-title {
-    display: flex;
-    align-items: center;
-    padding-right: var(--van-padding-xl);
-    padding-left: var(--van-padding-xs);
-  }
-
-  &__item-tag {
-    flex: none;
-    margin-left: var(--van-padding-xs);
-    padding-top: 0;
-    padding-bottom: 0;
-    line-height: 1.4em;
-  }
-
-  &__group {
-    box-sizing: border-box;
-    height: 100%;
-    overflow-y: scroll;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__edit {
-    font-size: var(--van-contact-list-edit-icon-size);
-  }
-
-  &__radio {
-    .van-radio__icon--checked .van-icon {
-      background-color: var(--van-contact-list-radio-color);
-      border-color: var(--van-contact-list-radio-color);
-    }
-  }
-
-  &__bottom {
-    position: fixed;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: var(--van-contact-list-add-button-z-index);
-    padding-left: var(--van-padding-md);
-    padding-right: var(--van-padding-md);
-    background-color: var(--van-background-2);
-  }
-
-  &__add {
-    height: 40px;
-    margin: 5px 0;
-  }
-}

package/es/contact-list/style/less.d.ts

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

package/es/contact-list/style/less.js

@@ -1,11 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../tag/index.less";
-import "../../cell/index.less";
-import "../../loading/index.less";
-import "../../button/index.less";
-import "../../radio-group/index.less";
-import "../../checkbox/index.less";
-import "../../radio/index.less";
-import "../index.less";

package/es/count-down/CountDown.js

@@ -1,56 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { watch, computed, defineComponent } from "vue";
-import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils";
-import { parseFormat } from "./utils";
-import { useCountDown } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
-const [name, bem] = createNamespace("count-down");
-const countDownProps = {
-  time: makeNumericProp(0),
-  format: makeStringProp("HH:mm:ss"),
-  autoStart: truthProp,
-  millisecond: Boolean
-};
-var stdin_default = defineComponent({
-  name,
-  props: countDownProps,
-  emits: ["change", "finish"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const {
-      start,
-      pause,
-      reset,
-      current
-    } = useCountDown({
-      time: +props.time,
-      millisecond: props.millisecond,
-      onChange: (current2) => emit("change", current2),
-      onFinish: () => emit("finish")
-    });
-    const timeText = computed(() => parseFormat(props.format, current.value));
-    const resetTime = () => {
-      reset(+props.time);
-      if (props.autoStart) {
-        start();
-      }
-    };
-    watch(() => props.time, resetTime, {
-      immediate: true
-    });
-    useExpose({
-      start,
-      pause,
-      reset: resetTime
-    });
-    return () => _createVNode("div", {
-      "role": "timer",
-      "class": bem()
-    }, [slots.default ? slots.default(current.value) : timeText.value]);
-  }
-});
-export {
-  stdin_default as default
-};

package/es/count-down/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _CountDown from "./CountDown";
-const CountDown = withInstall(_CountDown);
-var stdin_default = CountDown;
-export {
-  CountDown,
-  stdin_default as default
-};

package/es/count-down/index.less

@@ -1,11 +0,0 @@
-body {
-  --van-count-down-text-color: var(--van-text-color);
-  --van-count-down-font-size: var(--van-font-size-md);
-  --van-count-down-line-height: var(--van-line-height-md);
-}
-
-.van-count-down {
-  color: var(--van-count-down-text-color);
-  font-size: var(--van-count-down-font-size);
-  line-height: var(--van-count-down-line-height);
-}

package/es/count-down/style/less.d.ts

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

package/es/count-down/style/less.js

@@ -1,2 +0,0 @@
-import "../../style/base.less";
-import "../index.less";

package/es/count-down/utils.js

@@ -1,39 +0,0 @@
-import { padZero } from "../utils";
-function parseFormat(format, currentTime) {
-  const { days } = currentTime;
-  let { hours, minutes, seconds, milliseconds } = currentTime;
-  if (format.includes("DD")) {
-    format = format.replace("DD", padZero(days));
-  } else {
-    hours += days * 24;
-  }
-  if (format.includes("HH")) {
-    format = format.replace("HH", padZero(hours));
-  } else {
-    minutes += hours * 60;
-  }
-  if (format.includes("mm")) {
-    format = format.replace("mm", padZero(minutes));
-  } else {
-    seconds += minutes * 60;
-  }
-  if (format.includes("ss")) {
-    format = format.replace("ss", padZero(seconds));
-  } else {
-    milliseconds += seconds * 1e3;
-  }
-  if (format.includes("S")) {
-    const ms = padZero(milliseconds, 3);
-    if (format.includes("SSS")) {
-      format = format.replace("SSS", ms);
-    } else if (format.includes("SS")) {
-      format = format.replace("SS", ms.slice(0, 2));
-    } else {
-      format = format.replace("S", ms.charAt(0));
-    }
-  }
-  return format;
-}
-export {
-  parseFormat
-};

package/es/coupon/Coupon.js

@@ -1,80 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
-import { makeStringProp, createNamespace, makeRequiredProp } from "../utils";
-import { getDate, formatAmount, formatDiscount } from "./utils";
-import { Checkbox } from "../checkbox";
-const [name, bem, t] = createNamespace("coupon");
-var stdin_default = defineComponent({
-  name,
-  props: {
-    chosen: Boolean,
-    coupon: makeRequiredProp(Object),
-    disabled: Boolean,
-    currency: makeStringProp("\xA5")
-  },
-  setup(props) {
-    const validPeriod = computed(() => {
-      const {
-        startAt,
-        endAt
-      } = props.coupon;
-      return `${getDate(startAt)} - ${getDate(endAt)}`;
-    });
-    const faceAmount = computed(() => {
-      const {
-        coupon,
-        currency
-      } = props;
-      if (coupon.valueDesc) {
-        return [coupon.valueDesc, _createVNode("span", null, [coupon.unitDesc || ""])];
-      }
-      if (coupon.denominations) {
-        const denominations = formatAmount(coupon.denominations);
-        return [_createVNode("span", null, [currency]), ` ${denominations}`];
-      }
-      if (coupon.discount) {
-        return t("discount", formatDiscount(coupon.discount));
-      }
-      return "";
-    });
-    const conditionMessage = computed(() => {
-      const condition = formatAmount(props.coupon.originCondition || 0);
-      return condition === "0" ? t("unlimited") : t("condition", condition);
-    });
-    return () => {
-      const {
-        chosen,
-        coupon,
-        disabled
-      } = props;
-      const description = disabled && coupon.reason || coupon.description;
-      return _createVNode("div", {
-        "class": bem({
-          disabled
-        })
-      }, [_createVNode("div", {
-        "class": bem("content")
-      }, [_createVNode("div", {
-        "class": bem("head")
-      }, [_createVNode("h2", {
-        "class": bem("amount")
-      }, [faceAmount.value]), _createVNode("p", {
-        "class": bem("condition")
-      }, [coupon.condition || conditionMessage.value])]), _createVNode("div", {
-        "class": bem("body")
-      }, [_createVNode("p", {
-        "class": bem("name")
-      }, [coupon.name]), _createVNode("p", {
-        "class": bem("valid")
-      }, [validPeriod.value]), !disabled && _createVNode(Checkbox, {
-        "class": bem("corner"),
-        "modelValue": chosen
-      }, null)])]), description && _createVNode("p", {
-        "class": bem("description")
-      }, [description])]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/coupon/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _Coupon from "./Coupon";
-const Coupon = withInstall(_Coupon);
-var stdin_default = Coupon;
-export {
-  Coupon,
-  stdin_default as default
-};

package/es/coupon/index.less

@@ -1,127 +0,0 @@
-@import '../style/mixins/ellipsis';
-
-body {
-  --van-coupon-margin: 0 var(--van-padding-sm) var(--van-padding-sm);
-  --van-coupon-content-height: 84px;
-  --van-coupon-content-padding: 14px 0;
-  --van-coupon-content-text-color: var(--van-text-color);
-  --van-coupon-background: var(--van-background-2);
-  --van-coupon-active-background: var(--van-active-color);
-  --van-coupon-radius: var(--van-radius-lg);
-  --van-coupon-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
-  --van-coupon-head-width: 96px;
-  --van-coupon-amount-color: var(--van-primary-color);
-  --van-coupon-amount-font-size: 30px;
-  --van-coupon-currency-font-size: 40%;
-  --van-coupon-name-font-size: var(--van-font-size-md);
-  --van-coupon-disabled-text-color: var(--van-text-color-2);
-  --van-coupon-description-padding: var(--van-padding-xs) var(--van-padding-md);
-  --van-coupon-description-border-color: var(--van-border-color);
-  --van-coupon-checkbox-color: var(--van-primary-color);
-}
-
-.van-coupon {
-  margin: var(--van-coupon-margin);
-  overflow: hidden;
-  background: var(--van-coupon-background);
-  border-radius: var(--van-coupon-radius);
-  box-shadow: var(--van-coupon-shadow);
-
-  &:active {
-    background-color: var(--van-coupon-active-background);
-  }
-
-  &__content {
-    display: flex;
-    align-items: center;
-    box-sizing: border-box;
-    min-height: var(--van-coupon-content-height);
-    padding: var(--van-coupon-content-padding);
-    color: var(--van-coupon-content-text-color);
-  }
-
-  &__head {
-    position: relative;
-    min-width: var(--van-coupon-head-width);
-    padding: 0 var(--van-padding-xs);
-    color: var(--van-coupon-amount-color);
-    text-align: center;
-  }
-
-  &__amount,
-  &__condition,
-  &__name,
-  &__valid {
-    .ellipsis();
-  }
-
-  &__amount {
-    margin-bottom: 6px;
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-coupon-amount-font-size);
-    .ellipsis();
-
-    span {
-      font-size: var(--van-coupon-currency-font-size);
-
-      &:not(:empty) {
-        margin-left: 2px;
-      }
-    }
-  }
-
-  &__condition {
-    font-size: var(--van-font-size-sm);
-    line-height: 16px;
-    white-space: pre-wrap;
-  }
-
-  &__body {
-    position: relative;
-    flex: 1;
-    border-radius: 0 var(--van-coupon-radius) var(--van-coupon-radius) 0;
-  }
-
-  &__name {
-    margin-bottom: 10px;
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-coupon-name-font-size);
-    line-height: var(--van-line-height-md);
-  }
-
-  &__valid {
-    font-size: var(--van-font-size-sm);
-  }
-
-  &__corner {
-    position: absolute;
-    top: 0;
-    right: var(--van-padding-md);
-    bottom: 0;
-
-    .van-checkbox__icon--checked .van-icon {
-      background-color: var(--van-coupon-checkbox-color);
-      border-color: var(--van-coupon-checkbox-color);
-    }
-  }
-
-  &__description {
-    padding: var(--van-coupon-description-padding);
-    font-size: var(--van-font-size-sm);
-    border-top: 1px dashed var(--van-coupon-description-border-color);
-  }
-
-  &--disabled {
-    &:active {
-      background-color: var(--van-coupon-background);
-    }
-
-    .van-coupon-item__content {
-      height: calc(var(--van-coupon-content-height) - 10px);
-    }
-
-    .van-coupon__head {
-      color: inherit;
-    }
-  }
-}

package/es/coupon/style/less.d.ts

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

package/es/coupon/style/less.js

@@ -1,6 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../checkbox-group/index.less";
-import "../../checkbox/index.less";
-import "../index.less";

package/es/coupon/utils.js

@@ -1,12 +0,0 @@
-import { padZero } from "../utils";
-function getDate(timeStamp) {
-  const date = new Date(timeStamp * 1e3);
-  return `${date.getFullYear()}.${padZero(date.getMonth() + 1)}.${padZero(date.getDate())}`;
-}
-const formatDiscount = (discount) => (discount / 10).toFixed(discount % 10 === 0 ? 0 : 1);
-const formatAmount = (amount) => (amount / 100).toFixed(amount % 100 === 0 ? 0 : amount % 10 === 0 ? 1 : 2);
-export {
-  formatAmount,
-  formatDiscount,
-  getDate
-};

package/es/coupon-cell/CouponCell.js

@@ -1,54 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { isDef, truthProp, makeArrayProp, makeStringProp, makeNumericProp, createNamespace } from "../utils";
-import { Cell } from "../cell";
-const [name, bem, t] = createNamespace("coupon-cell");
-const couponCellProps = {
-  title: String,
-  border: truthProp,
-  editable: truthProp,
-  coupons: makeArrayProp(),
-  currency: makeStringProp("\xA5"),
-  chosenCoupon: makeNumericProp(-1)
-};
-function formatValue({
-  coupons,
-  chosenCoupon,
-  currency
-}) {
-  const coupon = coupons[+chosenCoupon];
-  if (coupon) {
-    let value = 0;
-    if (isDef(coupon.value)) {
-      ({
-        value
-      } = coupon);
-    } else if (isDef(coupon.denominations)) {
-      value = coupon.denominations;
-    }
-    return `-${currency} ${(value / 100).toFixed(2)}`;
-  }
-  return coupons.length === 0 ? t("noCoupon") : t("count", coupons.length);
-}
-var stdin_default = defineComponent({
-  name,
-  props: couponCellProps,
-  setup(props) {
-    return () => {
-      const selected = props.coupons[+props.chosenCoupon];
-      return _createVNode(Cell, {
-        "class": bem(),
-        "value": formatValue(props),
-        "title": props.title || t("title"),
-        "border": props.border,
-        "isLink": props.editable,
-        "valueClass": bem("value", {
-          selected
-        })
-      }, null);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/coupon-cell/index.js

@@ -1,8 +0,0 @@
-import { withInstall } from "../utils";
-import _CouponCell from "./CouponCell";
-const CouponCell = withInstall(_CouponCell);
-var stdin_default = CouponCell;
-export {
-  CouponCell,
-  stdin_default as default
-};

package/es/coupon-cell/index.less

@@ -1,9 +0,0 @@
-body {
-  --van-coupon-cell-selected-text-color: var(--van-text-color);
-}
-
-.van-coupon-cell {
-  &__value--selected {
-    color: var(--van-coupon-cell-selected-text-color);
-  }
-}

package/es/coupon-cell/style/less.d.ts

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

package/es/coupon-cell/style/less.js

@@ -1,5 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../cell/index.less";
-import "../index.less";