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

package/es/address-list/index.less

@@ -1,110 +0,0 @@
-body {
-  --van-address-list-padding: var(--van-padding-sm) var(--van-padding-sm) 80px;
-  --van-address-list-disabled-text-color: var(--van-text-color-2);
-  --van-address-list-disabled-text-padding: calc(var(--van-padding-base) * 5) 0;
-  --van-address-list-disabled-text-font-size: var(--van-font-size-md);
-  --van-address-list-disabled-text-line-height: var(--van-line-height-md);
-  --van-address-list-add-button-z-index: 999;
-  --van-address-list-item-padding: var(--van-padding-sm);
-  --van-address-list-item-text-color: var(--van-text-color);
-  --van-address-list-item-disabled-text-color: var(--van-text-color-3);
-  --van-address-list-item-font-size: 13px;
-  --van-address-list-item-line-height: var(--van-line-height-sm);
-  --van-address-list-radio-color: var(--van-primary-color);
-  --van-address-list-edit-icon-size: 20px;
-}
-
-.van-address-list {
-  box-sizing: border-box;
-  height: 100%;
-  padding: var(--van-address-list-padding);
-
-  &__bottom {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-    z-index: var(--van-address-list-add-button-z-index);
-    box-sizing: border-box;
-    width: 100%;
-    padding-left: var(--van-padding-md);
-    padding-right: var(--van-padding-md);
-    background-color: var(--van-background-2);
-  }
-
-  &__add {
-    height: 40px;
-    margin: 5px 0;
-  }
-
-  &__disabled-text {
-    padding: var(--van-address-list-disabled-text-padding);
-    color: var(--van-address-list-disabled-text-color);
-    font-size: var(--van-address-list-disabled-text-font-size);
-    line-height: var(--van-address-list-disabled-text-line-height);
-  }
-}
-
-.van-address-item {
-  padding: var(--van-address-list-item-padding);
-  background-color: var(--van-background-2);
-  border-radius: var(--van-radius-lg);
-
-  &:not(:last-child) {
-    margin-bottom: var(--van-padding-sm);
-  }
-
-  &__title {
-    padding-right: 44px;
-  }
-
-  &__name {
-    display: flex;
-    align-items: center;
-    margin-bottom: var(--van-padding-xs);
-    font-size: var(--van-font-size-lg);
-    line-height: var(--van-line-height-lg);
-  }
-
-  &__tag {
-    flex: none;
-    margin-left: var(--van-padding-xs);
-    padding-top: 0;
-    padding-bottom: 0;
-    line-height: 1.4em;
-  }
-
-  &__address {
-    color: var(--van-address-list-item-text-color);
-    font-size: var(--van-address-list-item-font-size);
-    line-height: var(--van-address-list-item-line-height);
-  }
-
-  &--disabled {
-    .van-address-item__name,
-    .van-address-item__address {
-      color: var(--van-address-list-item-disabled-text-color);
-    }
-  }
-
-  &__edit {
-    position: absolute;
-    top: 50%;
-    right: var(--van-padding-md);
-    color: var(--van-gray-6);
-    font-size: var(--van-address-list-edit-icon-size);
-    transform: translateY(-50%);
-  }
-
-  .van-cell {
-    padding: 0;
-  }
-
-  .van-radio__label {
-    margin-left: var(--van-padding-sm);
-  }
-
-  .van-radio__icon--checked .van-icon {
-    background-color: var(--van-address-list-radio-color);
-    border-color: var(--van-address-list-radio-color);
-  }
-}

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

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

package/es/address-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/area/Area.js

@@ -1,76 +0,0 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { ref, watch, computed, defineComponent } from "vue";
-import { pick, extend, makeArrayProp, makeNumericProp, createNamespace } from "../utils";
-import { pickerSharedProps } from "../picker/Picker";
-import { INHERIT_PROPS, INHERIT_SLOTS, formatDataForCascade } from "./utils";
-import { useExpose } from "../composables/use-expose";
-import { Picker } from "../picker";
-const [name, bem] = createNamespace("area");
-const areaProps = extend({}, pickerSharedProps, {
-  modelValue: String,
-  columnsNum: makeNumericProp(3),
-  columnsPlaceholder: makeArrayProp(),
-  areaList: {
-    type: Object,
-    default: () => ({})
-  }
-});
-var stdin_default = defineComponent({
-  name,
-  props: areaProps,
-  emits: ["change", "confirm", "cancel", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const codes = ref([]);
-    const picker = ref();
-    const columns = computed(() => formatDataForCascade(props));
-    const onChange = (...args) => emit("change", ...args);
-    const onCancel = (...args) => emit("cancel", ...args);
-    const onConfirm = (...args) => emit("confirm", ...args);
-    watch(codes, (newCodes) => {
-      const lastCode = newCodes.length ? newCodes[newCodes.length - 1] : "";
-      if (lastCode && lastCode !== props.modelValue) {
-        emit("update:modelValue", lastCode);
-      }
-    }, {
-      deep: true
-    });
-    watch(() => props.modelValue, (newCode) => {
-      if (newCode) {
-        const lastCode = codes.value.length ? codes.value[codes.value.length - 1] : "";
-        if (newCode !== lastCode) {
-          codes.value = [`${newCode.slice(0, 2)}0000`, `${newCode.slice(0, 4)}00`, newCode].slice(0, +props.columnsNum);
-        }
-      } else {
-        codes.value = [];
-      }
-    }, {
-      immediate: true
-    });
-    useExpose({
-      confirm: () => {
-        var _a;
-        return (_a = picker.value) == null ? void 0 : _a.confirm();
-      },
-      getSelectedOptions: () => {
-        var _a;
-        return ((_a = picker.value) == null ? void 0 : _a.getSelectedOptions()) || [];
-      }
-    });
-    return () => _createVNode(Picker, _mergeProps({
-      "ref": picker,
-      "modelValue": codes.value,
-      "onUpdate:modelValue": ($event) => codes.value = $event,
-      "class": bem(),
-      "columns": columns.value,
-      "onChange": onChange,
-      "onCancel": onCancel,
-      "onConfirm": onConfirm
-    }, pick(props, INHERIT_PROPS)), pick(slots, INHERIT_SLOTS));
-  }
-});
-export {
-  stdin_default as default
-};

package/es/area/index.js

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

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

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

package/es/area/style/less.js

@@ -1,3 +0,0 @@
-import "../../style/base.less";
-import "../../loading/index.less";
-import "../../picker/index.less";

package/es/badge/Badge.js

@@ -1,95 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
-import { isDef, addUnit, isNumeric, truthProp, numericProp, makeStringProp, createNamespace } from "../utils";
-const [name, bem] = createNamespace("badge");
-const badgeProps = {
-  dot: Boolean,
-  max: numericProp,
-  tag: makeStringProp("div"),
-  color: String,
-  offset: Array,
-  content: numericProp,
-  showZero: truthProp,
-  position: makeStringProp("top-right")
-};
-var stdin_default = defineComponent({
-  name,
-  props: badgeProps,
-  setup(props, {
-    slots
-  }) {
-    const hasContent = () => {
-      if (slots.content) {
-        return true;
-      }
-      const {
-        content,
-        showZero
-      } = props;
-      return isDef(content) && content !== "" && (showZero || content !== 0);
-    };
-    const renderContent = () => {
-      const {
-        dot,
-        max,
-        content
-      } = props;
-      if (!dot && hasContent()) {
-        if (slots.content) {
-          return slots.content();
-        }
-        if (isDef(max) && isNumeric(content) && +content > max) {
-          return `${max}+`;
-        }
-        return content;
-      }
-    };
-    const style = computed(() => {
-      const style2 = {
-        background: props.color
-      };
-      if (props.offset) {
-        const [x, y] = props.offset;
-        if (slots.default) {
-          style2.top = addUnit(y);
-          if (typeof x === "number") {
-            style2.right = addUnit(-x);
-          } else {
-            style2.right = x.startsWith("-") ? x.replace("-", "") : `-${x}`;
-          }
-        } else {
-          style2.marginTop = addUnit(y);
-          style2.marginLeft = addUnit(x);
-        }
-      }
-      return style2;
-    });
-    const renderBadge = () => {
-      if (hasContent() || props.dot) {
-        return _createVNode("div", {
-          "class": bem([props.position, {
-            dot: props.dot,
-            fixed: !!slots.default
-          }]),
-          "style": style.value
-        }, [renderContent()]);
-      }
-    };
-    return () => {
-      if (slots.default) {
-        const {
-          tag
-        } = props;
-        return _createVNode(tag, {
-          "class": bem("wrapper")
-        }, {
-          default: () => [slots.default(), renderBadge()]
-        });
-      }
-      return renderBadge();
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/badge/index.js

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

package/es/badge/index.less

@@ -1,72 +0,0 @@
-body {
-  --van-badge-size: 16px;
-  --van-badge-color: var(--van-white);
-  --van-badge-padding: 0 3px;
-  --van-badge-font-size: var(--van-font-size-sm);
-  --van-badge-font-weight: var(--van-font-bold);
-  --van-badge-border-width: var(--van-border-width);
-  --van-badge-background: var(--van-danger-color);
-  --van-badge-dot-color: var(--van-danger-color);
-  --van-badge-dot-size: 8px;
-  --van-badge-font: -apple-system-font, helvetica neue, arial, sans-serif;
-}
-
-.van-badge {
-  display: inline-block;
-  box-sizing: border-box;
-  min-width: var(--van-badge-size);
-  padding: var(--van-badge-padding);
-  color: var(--van-badge-color);
-  font-weight: var(--van-badge-font-weight);
-  font-size: var(--van-badge-font-size);
-  font-family: var(--van-badge-font);
-  line-height: 1.2;
-  text-align: center;
-  background: var(--van-badge-background);
-  border: var(--van-badge-border-width) solid var(--van-background-2);
-  border-radius: var(--van-radius-max);
-
-  &--fixed {
-    position: absolute;
-    transform-origin: 100%;
-  }
-
-  &--top-left {
-    top: 0;
-    left: 0;
-    transform: translate(-50%, -50%);
-  }
-
-  &--top-right {
-    top: 0;
-    right: 0;
-    transform: translate(50%, -50%);
-  }
-
-  &--bottom-left {
-    bottom: 0;
-    left: 0;
-    transform: translate(-50%, 50%);
-  }
-
-  &--bottom-right {
-    bottom: 0;
-    right: 0;
-    transform: translate(50%, 50%);
-  }
-
-  &--dot {
-    width: var(--van-badge-dot-size);
-    min-width: 0;
-    height: var(--van-badge-dot-size);
-    background: var(--van-badge-dot-color);
-    border-radius: 100%;
-    border: none;
-    padding: 0;
-  }
-
-  &__wrapper {
-    position: relative;
-    display: inline-block;
-  }
-}

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

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

package/es/badge/style/less.js

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

package/es/button/Button.js

@@ -1,148 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { extend, numericProp, preventDefault, makeStringProp, createNamespace, BORDER_SURROUND } from "../utils";
-import { useRoute, routeProps } from "../composables/use-route";
-import { Icon } from "../icon";
-import { Loading } from "../loading";
-const [name, bem] = createNamespace("button");
-const buttonProps = extend({}, routeProps, {
-  tag: makeStringProp("button"),
-  text: String,
-  icon: String,
-  type: makeStringProp("default"),
-  size: makeStringProp("normal"),
-  color: String,
-  block: Boolean,
-  plain: Boolean,
-  round: Boolean,
-  square: Boolean,
-  loading: Boolean,
-  hairline: Boolean,
-  disabled: Boolean,
-  iconPrefix: String,
-  nativeType: makeStringProp("button"),
-  loadingSize: numericProp,
-  loadingText: String,
-  loadingType: String,
-  iconPosition: makeStringProp("left")
-});
-var stdin_default = defineComponent({
-  name,
-  props: buttonProps,
-  emits: ["click"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const route = useRoute();
-    const renderLoadingIcon = () => {
-      if (slots.loading) {
-        return slots.loading();
-      }
-      return _createVNode(Loading, {
-        "size": props.loadingSize,
-        "type": props.loadingType,
-        "class": bem("loading")
-      }, null);
-    };
-    const renderIcon = () => {
-      if (props.loading) {
-        return renderLoadingIcon();
-      }
-      if (slots.icon) {
-        return _createVNode("div", {
-          "class": bem("icon")
-        }, [slots.icon()]);
-      }
-      if (props.icon) {
-        return _createVNode(Icon, {
-          "name": props.icon,
-          "class": bem("icon"),
-          "classPrefix": props.iconPrefix
-        }, null);
-      }
-    };
-    const renderText = () => {
-      let text;
-      if (props.loading) {
-        text = props.loadingText;
-      } else {
-        text = slots.default ? slots.default() : props.text;
-      }
-      if (text) {
-        return _createVNode("span", {
-          "class": bem("text")
-        }, [text]);
-      }
-    };
-    const getStyle = () => {
-      const {
-        color,
-        plain
-      } = props;
-      if (color) {
-        const style = {
-          color: plain ? color : "white"
-        };
-        if (!plain) {
-          style.background = color;
-        }
-        if (color.includes("gradient")) {
-          style.border = 0;
-        } else {
-          style.borderColor = color;
-        }
-        return style;
-      }
-    };
-    const onClick = (event) => {
-      if (props.loading) {
-        preventDefault(event);
-      } else if (!props.disabled) {
-        emit("click", event);
-        route();
-      }
-    };
-    return () => {
-      const {
-        tag,
-        type,
-        size,
-        block,
-        round,
-        plain,
-        square,
-        loading,
-        disabled,
-        hairline,
-        nativeType,
-        iconPosition
-      } = props;
-      const classes = [bem([type, size, {
-        plain,
-        block,
-        round,
-        square,
-        loading,
-        disabled,
-        hairline
-      }]), {
-        [BORDER_SURROUND]: hairline
-      }];
-      return _createVNode(tag, {
-        "type": nativeType,
-        "class": classes,
-        "style": getStyle(),
-        "disabled": disabled,
-        "onClick": onClick
-      }, {
-        default: () => [_createVNode("div", {
-          "class": bem("content")
-        }, [iconPosition === "left" && renderIcon(), renderText(), iconPosition === "right" && renderIcon()])]
-      });
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/button/index.js

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