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

package/es/tabs/index.less

@@ -1,170 +0,0 @@
-body {
-  --van-tab-text-color: var(--van-gray-7);
-  --van-tab-active-text-color: var(--van-text-color);
-  --van-tab-disabled-text-color: var(--van-text-color-3);
-  --van-tab-font-size: var(--van-font-size-md);
-  --van-tab-line-height: var(--van-line-height-md);
-  --van-tabs-default-color: var(--van-primary-color);
-  --van-tabs-line-height: 44px;
-  --van-tabs-card-height: 30px;
-  --van-tabs-nav-background: var(--van-background-2);
-  --van-tabs-bottom-bar-width: 40px;
-  --van-tabs-bottom-bar-height: 3px;
-  --van-tabs-bottom-bar-color: var(--van-primary-color);
-}
-
-.van-tab {
-  position: relative;
-  display: flex;
-  flex: 1;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  padding: 0 var(--van-padding-base);
-  color: var(--van-tab-text-color);
-  font-size: var(--van-tab-font-size);
-  line-height: var(--van-tab-line-height);
-  cursor: pointer;
-
-  &--active {
-    color: var(--van-tab-active-text-color);
-    font-weight: var(--van-font-bold);
-  }
-
-  &--disabled {
-    color: var(--van-tab-disabled-text-color);
-    cursor: not-allowed;
-  }
-
-  &--grow {
-    flex: 1 0 auto;
-    padding: 0 var(--van-padding-sm);
-  }
-
-  &--shrink {
-    flex: none;
-    padding: 0 var(--van-padding-xs);
-  }
-
-  &--card {
-    color: var(--van-tabs-default-color);
-    border-right: var(--van-border-width) solid var(--van-tabs-default-color);
-
-    &:last-child {
-      border-right: none;
-    }
-
-    &.van-tab--active {
-      color: var(--van-white);
-      background-color: var(--van-tabs-default-color);
-    }
-
-    &--disabled {
-      color: var(--van-tab-disabled-text-color);
-    }
-  }
-
-  &__text {
-    &--ellipsis {
-      display: -webkit-box;
-      overflow: hidden;
-      -webkit-line-clamp: 1;
-      -webkit-box-orient: vertical;
-    }
-  }
-}
-
-.van-tabs {
-  position: relative;
-
-  &__wrap {
-    overflow: hidden;
-
-    &--page-top {
-      position: fixed;
-    }
-
-    &--content-bottom {
-      top: auto;
-      bottom: 0;
-    }
-  }
-
-  &__nav {
-    position: relative;
-    display: flex;
-    background: var(--van-tabs-nav-background);
-    user-select: none;
-
-    &--complete {
-      overflow-x: auto;
-      overflow-y: hidden;
-      -webkit-overflow-scrolling: touch;
-
-      &::-webkit-scrollbar {
-        display: none;
-      }
-    }
-
-    &--line {
-      box-sizing: content-box;
-      height: 100%;
-      padding-bottom: 15px; /* 15px padding to hide scrollbar in mobile safari */
-    }
-
-    &--line&--shrink,
-    &--line&--complete {
-      padding-right: var(--van-padding-xs);
-      padding-left: var(--van-padding-xs);
-    }
-
-    &--card {
-      box-sizing: border-box;
-      height: var(--van-tabs-card-height);
-      margin: 0 var(--van-padding-md);
-      border: var(--van-border-width) solid var(--van-tabs-default-color);
-      border-radius: var(--van-border-radius-sm);
-    }
-
-    &--card&--shrink {
-      display: inline-flex;
-    }
-  }
-
-  &__line {
-    position: absolute;
-    bottom: 15px;
-    left: 0;
-    z-index: 1;
-    width: var(--van-tabs-bottom-bar-width);
-    height: var(--van-tabs-bottom-bar-height);
-    background: var(--van-tabs-bottom-bar-color);
-    border-radius: var(--van-tabs-bottom-bar-height);
-  }
-
-  &__track {
-    position: relative;
-    display: flex;
-    width: 100%;
-    height: 100%;
-    will-change: left;
-  }
-
-  &__content {
-    &--animated {
-      overflow: hidden;
-    }
-  }
-
-  &--line {
-    .van-tabs__wrap {
-      height: var(--van-tabs-line-height);
-    }
-  }
-
-  &--card {
-    > .van-tabs__wrap {
-      height: var(--van-tabs-card-height);
-    }
-  }
-}

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

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

package/es/tabs/style/less.js

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

package/es/tabs/utils.js

@@ -1,37 +0,0 @@
-import { raf } from "@vant/use";
-import { getScrollTop, setScrollTop } from "../utils";
-function scrollLeftTo(scroller, to, duration) {
-  let count = 0;
-  const from = scroller.scrollLeft;
-  const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
-  function animate() {
-    scroller.scrollLeft += (to - from) / frames;
-    if (++count < frames) {
-      raf(animate);
-    }
-  }
-  animate();
-}
-function scrollTopTo(scroller, to, duration, callback) {
-  let current = getScrollTop(scroller);
-  const isDown = current < to;
-  const frames = duration === 0 ? 1 : Math.round(duration * 1e3 / 16);
-  const step = (to - current) / frames;
-  function animate() {
-    current += step;
-    if (isDown && current > to || !isDown && current < to) {
-      current = to;
-    }
-    setScrollTop(scroller, current);
-    if (isDown && current < to || !isDown && current > to) {
-      raf(animate);
-    } else if (callback) {
-      raf(callback);
-    }
-  }
-  animate();
-}
-export {
-  scrollLeftTo,
-  scrollTopTo
-};

package/es/tag/Tag.js

@@ -1,78 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { Transition, defineComponent } from "vue";
-import { truthProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
-import { Icon } from "../icon";
-const [name, bem] = createNamespace("tag");
-const tagProps = {
-  size: String,
-  mark: Boolean,
-  show: truthProp,
-  type: makeStringProp("default"),
-  color: String,
-  plain: Boolean,
-  round: Boolean,
-  textColor: String,
-  closeable: Boolean
-};
-var stdin_default = defineComponent({
-  name,
-  props: tagProps,
-  emits: ["close"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const onClose = (event) => {
-      event.stopPropagation();
-      emit("close", event);
-    };
-    const getStyle = () => {
-      if (props.plain) {
-        return {
-          color: props.textColor || props.color,
-          borderColor: props.color
-        };
-      }
-      return {
-        color: props.textColor,
-        background: props.color
-      };
-    };
-    const renderTag = () => {
-      var _a;
-      const {
-        type,
-        mark,
-        plain,
-        round,
-        size,
-        closeable
-      } = props;
-      const classes = {
-        mark,
-        plain,
-        round
-      };
-      if (size) {
-        classes[size] = size;
-      }
-      const CloseIcon = closeable && _createVNode(Icon, {
-        "name": "cross",
-        "class": [bem("close"), HAPTICS_FEEDBACK],
-        "onClick": onClose
-      }, null);
-      return _createVNode("span", {
-        "style": getStyle(),
-        "class": bem([classes, type])
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots), CloseIcon]);
-    };
-    return () => _createVNode(Transition, {
-      "name": props.closeable ? "van-fade" : void 0
-    }, {
-      default: () => [props.show ? renderTag() : null]
-    });
-  }
-});
-export {
-  stdin_default as default
-};

package/es/tag/index.js

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

package/es/tag/index.less

@@ -1,115 +0,0 @@
-body {
-  --van-tag-padding: 0 var(--van-padding-base);
-  --van-tag-text-color: var(--van-white);
-  --van-tag-font-size: var(--van-font-size-sm);
-  --van-tag-radius: 2px;
-  --van-tag-line-height: 16px;
-  --van-tag-medium-padding: 2px 6px;
-  --van-tag-large-padding: var(--van-padding-base) var(--van-padding-xs);
-  --van-tag-large-radius: var(--van-radius-md);
-  --van-tag-large-font-size: var(--van-font-size-md);
-  --van-tag-round-radius: var(--van-radius-max);
-  --van-tag-danger-color: var(--van-danger-color);
-  --van-tag-primary-color: var(--van-primary-color);
-  --van-tag-success-color: var(--van-success-color);
-  --van-tag-warning-color: var(--van-warning-color);
-  --van-tag-default-color: var(--van-gray-6);
-  --van-tag-plain-background: var(--van-background-2);
-}
-
-.van-tag {
-  position: relative;
-  display: inline-flex;
-  align-items: center;
-  padding: var(--van-tag-padding);
-  color: var(--van-tag-text-color);
-  font-size: var(--van-tag-font-size);
-  line-height: var(--van-tag-line-height);
-  border-radius: var(--van-tag-radius);
-
-  &--default {
-    background: var(--van-tag-default-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-default-color);
-    }
-  }
-
-  &--danger {
-    background: var(--van-tag-danger-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-danger-color);
-    }
-  }
-
-  &--primary {
-    background: var(--van-tag-primary-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-primary-color);
-    }
-  }
-
-  &--success {
-    background: var(--van-tag-success-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-success-color);
-    }
-  }
-
-  &--warning {
-    background: var(--van-tag-warning-color);
-
-    &.van-tag--plain {
-      color: var(--van-tag-warning-color);
-    }
-  }
-
-  &--plain {
-    background: var(--van-tag-plain-background);
-    border-color: currentColor;
-
-    &::before {
-      position: absolute;
-      top: 0;
-      right: 0;
-      bottom: 0;
-      left: 0;
-      border: 1px solid;
-      border-color: inherit;
-      border-radius: inherit;
-      content: '';
-      pointer-events: none;
-    }
-  }
-
-  &--medium {
-    padding: var(--van-tag-medium-padding);
-  }
-
-  &--large {
-    padding: var(--van-tag-large-padding);
-    font-size: var(--van-tag-large-font-size);
-    border-radius: var(--van-tag-large-radius);
-  }
-
-  &--mark {
-    border-radius: 0 var(--van-tag-round-radius) var(--van-tag-round-radius) 0;
-
-    &::after {
-      display: block;
-      width: 2px;
-      content: '';
-    }
-  }
-
-  &--round {
-    border-radius: var(--van-tag-round-radius);
-  }
-
-  &__close {
-    margin-left: 2px;
-  }
-}

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

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

package/es/tag/style/less.js

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

package/es/time-picker/TimePicker.js

@@ -1,71 +0,0 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { ref, watch, computed, defineComponent } from "vue";
-import { pick, extend, createNamespace, makeNumericProp, isSameValue } from "../utils";
-import { genOptions, sharedProps, pickerInheritKeys } from "../date-picker/utils";
-import { Picker } from "../picker";
-const [name] = createNamespace("time-picker");
-const timePickerProps = extend({}, sharedProps, {
-  minHour: makeNumericProp(0),
-  maxHour: makeNumericProp(23),
-  minMinute: makeNumericProp(0),
-  maxMinute: makeNumericProp(59),
-  minSecond: makeNumericProp(0),
-  maxSecond: makeNumericProp(59),
-  columnsType: {
-    type: Array,
-    default: () => ["hour", "minute"]
-  }
-});
-var stdin_default = defineComponent({
-  name,
-  props: timePickerProps,
-  emits: ["confirm", "cancel", "change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const currentValues = ref(props.modelValue);
-    const columns = computed(() => props.columnsType.map((type) => {
-      const {
-        filter,
-        formatter
-      } = props;
-      switch (type) {
-        case "hour":
-          return genOptions(+props.minHour, +props.maxHour, type, formatter, filter);
-        case "minute":
-          return genOptions(+props.minMinute, +props.maxMinute, type, formatter, filter);
-        case "second":
-          return genOptions(+props.minSecond, +props.maxSecond, type, formatter, filter);
-        default:
-          throw new Error(`[Vant] DatePicker: unsupported columns type: ${type}`);
-      }
-    }));
-    watch(currentValues, (newValues) => {
-      if (!isSameValue(newValues, props.modelValue)) {
-        emit("update:modelValue", newValues);
-      }
-    }, {
-      immediate: true
-    });
-    watch(() => props.modelValue, (newValues) => {
-      if (!isSameValue(newValues, currentValues.value)) {
-        currentValues.value = newValues;
-      }
-    });
-    const onChange = (...args) => emit("change", ...args);
-    const onCancel = (...args) => emit("cancel", ...args);
-    const onConfirm = (...args) => emit("confirm", ...args);
-    return () => _createVNode(Picker, _mergeProps({
-      "modelValue": currentValues.value,
-      "onUpdate:modelValue": ($event) => currentValues.value = $event,
-      "columns": columns.value,
-      "onChange": onChange,
-      "onCancel": onCancel,
-      "onConfirm": onConfirm
-    }, pick(props, pickerInheritKeys)), slots);
-  }
-});
-export {
-  stdin_default as default
-};

package/es/time-picker/index.js

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

package/es/time-picker/style/less.d.ts

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

package/es/time-picker/style/less.js

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

package/es/toast/Toast.js

@@ -1,119 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { watch, onMounted, onUnmounted, defineComponent } from "vue";
-import { pick, isDef, unknownProp, numericProp, makeStringProp, makeNumberProp, createNamespace } from "../utils";
-import { lockClick } from "./lock-click";
-import { Icon } from "../icon";
-import { Popup } from "../popup";
-import { Loading } from "../loading";
-const [name, bem] = createNamespace("toast");
-const popupInheritProps = ["show", "overlay", "teleport", "transition", "overlayClass", "overlayStyle", "closeOnClickOverlay"];
-const toastProps = {
-  icon: String,
-  show: Boolean,
-  type: makeStringProp("text"),
-  overlay: Boolean,
-  message: numericProp,
-  iconSize: numericProp,
-  duration: makeNumberProp(2e3),
-  position: makeStringProp("middle"),
-  teleport: [String, Object],
-  className: unknownProp,
-  iconPrefix: String,
-  transition: makeStringProp("van-fade"),
-  loadingType: String,
-  forbidClick: Boolean,
-  overlayClass: unknownProp,
-  overlayStyle: Object,
-  closeOnClick: Boolean,
-  closeOnClickOverlay: Boolean
-};
-var stdin_default = defineComponent({
-  name,
-  props: toastProps,
-  emits: ["update:show"],
-  setup(props, {
-    emit
-  }) {
-    let timer;
-    let clickable = false;
-    const toggleClickable = () => {
-      const newValue = props.show && props.forbidClick;
-      if (clickable !== newValue) {
-        clickable = newValue;
-        lockClick(clickable);
-      }
-    };
-    const updateShow = (show) => emit("update:show", show);
-    const onClick = () => {
-      if (props.closeOnClick) {
-        updateShow(false);
-      }
-    };
-    const clearTimer = () => clearTimeout(timer);
-    const renderIcon = () => {
-      const {
-        icon,
-        type,
-        iconSize,
-        iconPrefix,
-        loadingType
-      } = props;
-      const hasIcon = icon || type === "success" || type === "fail";
-      if (hasIcon) {
-        return _createVNode(Icon, {
-          "name": icon || type,
-          "size": iconSize,
-          "class": bem("icon"),
-          "classPrefix": iconPrefix
-        }, null);
-      }
-      if (type === "loading") {
-        return _createVNode(Loading, {
-          "class": bem("loading"),
-          "size": iconSize,
-          "type": loadingType
-        }, null);
-      }
-    };
-    const renderMessage = () => {
-      const {
-        type,
-        message
-      } = props;
-      if (isDef(message) && message !== "") {
-        return type === "html" ? _createVNode("div", {
-          "key": 0,
-          "class": bem("text"),
-          "innerHTML": String(message)
-        }, null) : _createVNode("div", {
-          "class": bem("text")
-        }, [message]);
-      }
-    };
-    watch(() => [props.show, props.forbidClick], toggleClickable);
-    watch(() => [props.show, props.type, props.message, props.duration], () => {
-      clearTimer();
-      if (props.show && props.duration > 0) {
-        timer = setTimeout(() => {
-          updateShow(false);
-        }, props.duration);
-      }
-    });
-    onMounted(toggleClickable);
-    onUnmounted(toggleClickable);
-    return () => _createVNode(Popup, _mergeProps({
-      "class": [bem([props.position, {
-        [props.type]: !props.icon
-      }]), props.className],
-      "lockScroll": false,
-      "onClick": onClick,
-      "onClosed": clearTimer,
-      "onUpdate:show": updateShow
-    }, pick(props, popupInheritProps)), {
-      default: () => [renderIcon(), renderMessage()]
-    });
-  }
-});
-export {
-  stdin_default as default
-};