vant 4.0.0-alpha.2 → 4.0.0-beta.0

package/es/card/Card.js

@@ -1,126 +0,0 @@
-import { createTextVNode as _createTextVNode, createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { isDef, numericProp, makeStringProp, createNamespace } from "../utils";
-import { Tag } from "../tag";
-import { Image } from "../image";
-const [name, bem] = createNamespace("card");
-const cardProps = {
-  tag: String,
-  num: numericProp,
-  desc: String,
-  thumb: String,
-  title: String,
-  price: numericProp,
-  centered: Boolean,
-  lazyLoad: Boolean,
-  currency: makeStringProp("\xA5"),
-  thumbLink: String,
-  originPrice: numericProp
-};
-var stdin_default = defineComponent({
-  name,
-  props: cardProps,
-  emits: ["clickThumb"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const renderTitle = () => {
-      if (slots.title) {
-        return slots.title();
-      }
-      if (props.title) {
-        return _createVNode("div", {
-          "class": [bem("title"), "van-multi-ellipsis--l2"]
-        }, [props.title]);
-      }
-    };
-    const renderThumbTag = () => {
-      if (slots.tag || props.tag) {
-        return _createVNode("div", {
-          "class": bem("tag")
-        }, [slots.tag ? slots.tag() : _createVNode(Tag, {
-          "mark": true,
-          "type": "primary"
-        }, {
-          default: () => [props.tag]
-        })]);
-      }
-    };
-    const renderThumbImage = () => {
-      if (slots.thumb) {
-        return slots.thumb();
-      }
-      return _createVNode(Image, {
-        "src": props.thumb,
-        "fit": "cover",
-        "width": "100%",
-        "height": "100%",
-        "lazyLoad": props.lazyLoad
-      }, null);
-    };
-    const renderThumb = () => {
-      if (slots.thumb || props.thumb) {
-        return _createVNode("a", {
-          "href": props.thumbLink,
-          "class": bem("thumb"),
-          "onClick": (event) => emit("clickThumb", event)
-        }, [renderThumbImage(), renderThumbTag()]);
-      }
-    };
-    const renderDesc = () => {
-      if (slots.desc) {
-        return slots.desc();
-      }
-      if (props.desc) {
-        return _createVNode("div", {
-          "class": [bem("desc"), "van-ellipsis"]
-        }, [props.desc]);
-      }
-    };
-    const renderPriceText = () => {
-      const priceArr = props.price.toString().split(".");
-      return _createVNode("div", null, [_createVNode("span", {
-        "class": bem("price-currency")
-      }, [props.currency]), _createVNode("span", {
-        "class": bem("price-integer")
-      }, [priceArr[0]]), _createTextVNode("."), _createVNode("span", {
-        "class": bem("price-decimal")
-      }, [priceArr[1]])]);
-    };
-    return () => {
-      var _a, _b, _c;
-      const showNum = slots.num || isDef(props.num);
-      const showPrice = slots.price || isDef(props.price);
-      const showOriginPrice = slots["origin-price"] || isDef(props.originPrice);
-      const showBottom = showNum || showPrice || showOriginPrice || slots.bottom;
-      const Price = showPrice && _createVNode("div", {
-        "class": bem("price")
-      }, [slots.price ? slots.price() : renderPriceText()]);
-      const OriginPrice = showOriginPrice && _createVNode("div", {
-        "class": bem("origin-price")
-      }, [slots["origin-price"] ? slots["origin-price"]() : `${props.currency} ${props.originPrice}`]);
-      const Num = showNum && _createVNode("div", {
-        "class": bem("num")
-      }, [slots.num ? slots.num() : `x${props.num}`]);
-      const Footer = slots.footer && _createVNode("div", {
-        "class": bem("footer")
-      }, [slots.footer()]);
-      const Bottom = showBottom && _createVNode("div", {
-        "class": bem("bottom")
-      }, [(_a = slots["price-top"]) == null ? void 0 : _a.call(slots), Price, OriginPrice, Num, (_b = slots.bottom) == null ? void 0 : _b.call(slots)]);
-      return _createVNode("div", {
-        "class": bem()
-      }, [_createVNode("div", {
-        "class": bem("header")
-      }, [renderThumb(), _createVNode("div", {
-        "class": bem("content", {
-          centered: props.centered
-        })
-      }, [_createVNode("div", null, [renderTitle(), renderDesc(), (_c = slots.tags) == null ? void 0 : _c.call(slots)]), Bottom])]), Footer]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/card/index.js

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

package/es/card/index.less

@@ -1,126 +0,0 @@
-body {
-  --van-card-padding: var(--van-padding-xs) var(--van-padding-md);
-  --van-card-font-size: var(--van-font-size-sm);
-  --van-card-text-color: var(--van-text-color);
-  --van-card-background: var(--van-background);
-  --van-card-thumb-size: 88px;
-  --van-card-thumb-radius: var(--van-radius-lg);
-  --van-card-title-line-height: 16px;
-  --van-card-desc-color: var(--van-text-color-2);
-  --van-card-desc-line-height: var(--van-line-height-md);
-  --van-card-price-color: var(--van-text-color);
-  --van-card-origin-price-color: var(--van-text-color-2);
-  --van-card-num-color: var(--van-text-color-2);
-  --van-card-origin-price-font-size: var(--van-font-size-xs);
-  --van-card-price-font-size: var(--van-font-size-sm);
-  --van-card-price-integer-font-size: var(--van-font-size-lg);
-  --van-card-price-font: var(--van-price-font);
-}
-
-.van-card {
-  position: relative;
-  box-sizing: border-box;
-  padding: var(--van-card-padding);
-  color: var(--van-card-text-color);
-  font-size: var(--van-card-font-size);
-  background: var(--van-card-background);
-
-  &:not(:first-child) {
-    margin-top: var(--van-padding-xs);
-  }
-
-  &__header {
-    display: flex;
-  }
-
-  &__thumb {
-    position: relative;
-    flex: none;
-    width: var(--van-card-thumb-size);
-    height: var(--van-card-thumb-size);
-    margin-right: var(--van-padding-xs);
-
-    img {
-      border-radius: var(--van-card-thumb-radius);
-    }
-  }
-
-  &__content {
-    position: relative;
-    display: flex;
-    flex: 1;
-    flex-direction: column;
-    justify-content: space-between;
-    min-width: 0; /* hack for flex box ellipsis */
-    min-height: var(--van-card-thumb-size);
-
-    &--centered {
-      justify-content: center;
-    }
-  }
-
-  &__title,
-  &__desc {
-    word-wrap: break-word;
-  }
-
-  &__title {
-    max-height: 32px;
-    font-weight: var(--van-font-bold);
-    line-height: var(--van-card-title-line-height);
-  }
-
-  &__desc {
-    max-height: var(--van-card-desc-line-height);
-    color: var(--van-card-desc-color);
-    line-height: var(--van-card-desc-line-height);
-  }
-
-  &__bottom {
-    line-height: var(--van-line-height-md);
-  }
-
-  &__price {
-    display: inline-block;
-    color: var(--van-card-price-color);
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-card-price-font-size);
-  }
-
-  &__price-integer {
-    font-size: var(--van-card-price-integer-font-size);
-    font-family: var(--van-card-price-font);
-  }
-
-  &__price-decimal {
-    font-family: var(--van-card-price-font);
-  }
-
-  &__origin-price {
-    display: inline-block;
-    margin-left: 5px;
-    color: var(--van-card-origin-price-color);
-    font-size: var(--van-card-origin-price-font-size);
-    text-decoration: line-through;
-  }
-
-  &__num {
-    float: right;
-    color: var(--van-card-num-color);
-  }
-
-  &__tag {
-    position: absolute;
-    top: 2px;
-    left: 0;
-  }
-
-  &__footer {
-    flex: none;
-    text-align: right;
-
-    .van-button {
-      margin-left: 5px;
-    }
-  }
-}

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

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

package/es/card/style/less.js

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

package/es/cascader/Cascader.js

@@ -1,227 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, watch, nextTick, defineComponent } from "vue";
-import { extend, truthProp, numericProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
-import { Tab } from "../tab";
-import { Tabs } from "../tabs";
-import { Icon } from "../icon";
-const [name, bem, t] = createNamespace("cascader");
-const cascaderProps = {
-  title: String,
-  options: makeArrayProp(),
-  closeable: truthProp,
-  swipeable: truthProp,
-  closeIcon: makeStringProp("cross"),
-  showHeader: truthProp,
-  modelValue: numericProp,
-  fieldNames: Object,
-  placeholder: String,
-  activeColor: String
-};
-var stdin_default = defineComponent({
-  name,
-  props: cascaderProps,
-  emits: ["close", "change", "finish", "clickTab", "update:modelValue"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const tabs = ref([]);
-    const activeTab = ref(0);
-    const {
-      text: textKey,
-      value: valueKey,
-      children: childrenKey
-    } = extend({
-      text: "text",
-      value: "value",
-      children: "children"
-    }, props.fieldNames);
-    const getSelectedOptionsByValue = (options, value) => {
-      for (const option of options) {
-        if (option[valueKey] === value) {
-          return [option];
-        }
-        if (option[childrenKey]) {
-          const selectedOptions = getSelectedOptionsByValue(option[childrenKey], value);
-          if (selectedOptions) {
-            return [option, ...selectedOptions];
-          }
-        }
-      }
-    };
-    const updateTabs = () => {
-      const {
-        options,
-        modelValue
-      } = props;
-      if (modelValue !== void 0) {
-        const selectedOptions = getSelectedOptionsByValue(options, modelValue);
-        if (selectedOptions) {
-          let optionsCursor = options;
-          tabs.value = selectedOptions.map((option) => {
-            const tab = {
-              options: optionsCursor,
-              selected: option
-            };
-            const next = optionsCursor.find((item) => item[valueKey] === option[valueKey]);
-            if (next) {
-              optionsCursor = next[childrenKey];
-            }
-            return tab;
-          });
-          if (optionsCursor) {
-            tabs.value.push({
-              options: optionsCursor,
-              selected: null
-            });
-          }
-          nextTick(() => {
-            activeTab.value = tabs.value.length - 1;
-          });
-          return;
-        }
-      }
-      tabs.value = [{
-        options,
-        selected: null
-      }];
-    };
-    const onSelect = (option, tabIndex) => {
-      if (option.disabled) {
-        return;
-      }
-      tabs.value[tabIndex].selected = option;
-      if (tabs.value.length > tabIndex + 1) {
-        tabs.value = tabs.value.slice(0, tabIndex + 1);
-      }
-      if (option[childrenKey]) {
-        const nextTab = {
-          options: option[childrenKey],
-          selected: null
-        };
-        if (tabs.value[tabIndex + 1]) {
-          tabs.value[tabIndex + 1] = nextTab;
-        } else {
-          tabs.value.push(nextTab);
-        }
-        nextTick(() => {
-          activeTab.value++;
-        });
-      }
-      const selectedOptions = tabs.value.map((tab) => tab.selected).filter(Boolean);
-      emit("update:modelValue", option[valueKey]);
-      const params = {
-        value: option[valueKey],
-        tabIndex,
-        selectedOptions
-      };
-      emit("change", params);
-      if (!option[childrenKey]) {
-        emit("finish", params);
-      }
-    };
-    const onClose = () => emit("close");
-    const onClickTab = ({
-      name: name2,
-      title
-    }) => emit("clickTab", name2, title);
-    const renderHeader = () => props.showHeader ? _createVNode("div", {
-      "class": bem("header")
-    }, [_createVNode("h2", {
-      "class": bem("title")
-    }, [slots.title ? slots.title() : props.title]), props.closeable ? _createVNode(Icon, {
-      "name": props.closeIcon,
-      "class": [bem("close-icon"), HAPTICS_FEEDBACK],
-      "onClick": onClose
-    }, null) : null]) : null;
-    const renderOption = (option, selectedOption, tabIndex) => {
-      const {
-        disabled
-      } = option;
-      const selected = !!(selectedOption && option[valueKey] === selectedOption[valueKey]);
-      const color = option.color || (selected ? props.activeColor : void 0);
-      const Text = slots.option ? slots.option({
-        option,
-        selected
-      }) : _createVNode("span", null, [option[textKey]]);
-      return _createVNode("li", {
-        "role": "menuitemradio",
-        "class": [bem("option", {
-          selected,
-          disabled
-        }), option.className],
-        "style": {
-          color
-        },
-        "tabindex": disabled ? void 0 : selected ? 0 : -1,
-        "aria-checked": selected,
-        "aria-disabled": disabled || void 0,
-        "onClick": () => onSelect(option, tabIndex)
-      }, [Text, selected ? _createVNode(Icon, {
-        "name": "success",
-        "class": bem("selected-icon")
-      }, null) : null]);
-    };
-    const renderOptions = (options, selectedOption, tabIndex) => _createVNode("ul", {
-      "role": "menu",
-      "class": bem("options")
-    }, [options.map((option) => renderOption(option, selectedOption, tabIndex))]);
-    const renderTab = (tab, tabIndex) => {
-      const {
-        options,
-        selected
-      } = tab;
-      const placeholder = props.placeholder || t("select");
-      const title = selected ? selected[textKey] : placeholder;
-      return _createVNode(Tab, {
-        "title": title,
-        "titleClass": bem("tab", {
-          unselected: !selected
-        })
-      }, {
-        default: () => {
-          var _a, _b;
-          return [(_a = slots["options-top"]) == null ? void 0 : _a.call(slots, {
-            tabIndex
-          }), renderOptions(options, selected, tabIndex), (_b = slots["options-bottom"]) == null ? void 0 : _b.call(slots, {
-            tabIndex
-          })];
-        }
-      });
-    };
-    const renderTabs = () => _createVNode(Tabs, {
-      "active": activeTab.value,
-      "onUpdate:active": ($event) => activeTab.value = $event,
-      "shrink": true,
-      "animated": true,
-      "class": bem("tabs"),
-      "color": props.activeColor,
-      "swipeable": props.swipeable,
-      "onClickTab": onClickTab
-    }, {
-      default: () => [tabs.value.map(renderTab)]
-    });
-    updateTabs();
-    watch(() => props.options, updateTabs, {
-      deep: true
-    });
-    watch(() => props.modelValue, (value) => {
-      if (value !== void 0) {
-        const values = tabs.value.map((tab) => {
-          var _a;
-          return (_a = tab.selected) == null ? void 0 : _a[valueKey];
-        });
-        if (values.includes(value)) {
-          return;
-        }
-      }
-      updateTabs();
-    });
-    return () => _createVNode("div", {
-      "class": bem()
-    }, [renderHeader(), renderTabs()]);
-  }
-});
-export {
-  stdin_default as default
-};

package/es/cascader/index.js

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

package/es/cascader/index.less

@@ -1,92 +0,0 @@
-body {
-  --van-cascader-header-height: 48px;
-  --van-cascader-header-padding: 0 var(--van-padding-md);
-  --van-cascader-title-font-size: var(--van-font-size-lg);
-  --van-cascader-title-line-height: 20px;
-  --van-cascader-close-icon-size: 22px;
-  --van-cascader-close-icon-color: var(--van-gray-5);
-  --van-cascader-selected-icon-size: 18px;
-  --van-cascader-tabs-height: 48px;
-  --van-cascader-active-color: var(--van-primary-color);
-  --van-cascader-options-height: 384px;
-  --van-cascader-option-disabled-color: var(--van-text-color-3);
-  --van-cascader-tab-color: var(--van-text-color);
-  --van-cascader-unselected-tab-color: var(--van-text-color-2);
-}
-
-.van-cascader {
-  &__header {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    height: var(--van-cascader-header-height);
-    padding: var(--van-cascader-header-padding);
-  }
-
-  &__title {
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-cascader-title-font-size);
-    line-height: var(--van-cascader-title-line-height);
-  }
-
-  &__close-icon {
-    color: var(--van-cascader-close-icon-color);
-    font-size: var(--van-cascader-close-icon-size);
-  }
-
-  &__tabs {
-    &.van-tabs--line .van-tabs__wrap {
-      height: var(--van-cascader-tabs-height);
-    }
-  }
-
-  &__tab {
-    color: var(--van-cascader-tab-color);
-    font-weight: var(--van-font-bold);
-
-    &--unselected {
-      color: var(--van-cascader-unselected-tab-color);
-      font-weight: normal;
-    }
-  }
-
-  &__option {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    padding: 10px var(--van-padding-md);
-    font-size: var(--van-font-size-md);
-    line-height: var(--van-line-height-md);
-    cursor: pointer;
-
-    &:active {
-      background-color: var(--van-active-color);
-    }
-
-    &--selected {
-      color: var(--van-cascader-active-color);
-      font-weight: var(--van-font-bold);
-    }
-
-    &--disabled {
-      color: var(--van-cascader-option-disabled-color);
-      cursor: not-allowed;
-
-      &:active {
-        background-color: transparent;
-      }
-    }
-  }
-
-  &__selected-icon {
-    font-size: var(--van-cascader-selected-icon-size);
-  }
-
-  &__options {
-    box-sizing: border-box;
-    height: var(--van-cascader-options-height);
-    padding-top: 6px;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-}

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

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

package/es/cascader/style/less.js

@@ -1,9 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../sticky/index.less";
-import "../../swipe/index.less";
-import "../../swipe-item/index.less";
-import "../../tabs/index.less";
-import "../../tab/index.less";
-import "../index.less";