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

package/es/collapse-item/index.less

@@ -1,75 +0,0 @@
-@import '../style/mixins/hairline';
-
-body {
-  --van-collapse-item-duration: var(--van-duration-base);
-  --van-collapse-item-content-padding: var(--van-padding-sm)
-    var(--van-padding-md);
-  --van-collapse-item-content-font-size: var(--van-font-size-md);
-  --van-collapse-item-content-line-height: 1.5;
-  --van-collapse-item-content-text-color: var(--van-text-color-2);
-  --van-collapse-item-content-background: var(--van-background-2);
-  --van-collapse-item-title-disabled-color: var(--van-text-color-3);
-}
-
-.van-collapse-item {
-  position: relative;
-
-  &--border {
-    &::after {
-      .hairline-top(var(--van-border-color), var(--van-padding-md), var(--van-padding-md));
-    }
-  }
-
-  &__title {
-    .van-cell__right-icon::before {
-      // using translateZ to fix safari rendering issues
-      // see: https://github.com/youzan/vant/issues/8608
-      transform: rotate(90deg) translateZ(0);
-      transition: transform var(--van-collapse-item-duration);
-    }
-
-    &::after {
-      right: var(--van-padding-md);
-      display: none;
-    }
-
-    &--expanded {
-      .van-cell__right-icon::before {
-        transform: rotate(-90deg);
-      }
-
-      &::after {
-        display: block;
-      }
-    }
-
-    &--borderless {
-      &::after {
-        display: none;
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-
-      &,
-      & .van-cell__right-icon {
-        color: var(--van-collapse-item-title-disabled-color);
-      }
-    }
-  }
-
-  &__wrapper {
-    overflow: hidden;
-    transition: height var(--van-collapse-item-duration) ease-in-out;
-    will-change: height;
-  }
-
-  &__content {
-    padding: var(--van-collapse-item-content-padding);
-    color: var(--van-collapse-item-content-text-color);
-    font-size: var(--van-collapse-item-content-font-size);
-    line-height: var(--van-collapse-item-content-line-height);
-    background: var(--van-collapse-item-content-background);
-  }
-}

package/es/collapse-item/style/less.d.ts

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

package/es/collapse-item/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";

package/es/composables/use-expose.js

@@ -1,11 +0,0 @@
-import { getCurrentInstance } from "vue";
-import { extend } from "../utils";
-function useExpose(apis) {
-  const instance = getCurrentInstance();
-  if (instance) {
-    extend(instance.proxy, apis);
-  }
-}
-export {
-  useExpose
-};

package/es/composables/use-height.js

@@ -1,16 +0,0 @@
-import { useRect } from "@vant/use";
-import { ref, onMounted, nextTick } from "vue";
-const useHeight = (element) => {
-  const height = ref();
-  const setHeight = () => {
-    height.value = useRect(element).height;
-  };
-  onMounted(() => {
-    nextTick(setHeight);
-    setTimeout(setHeight, 100);
-  });
-  return height;
-};
-export {
-  useHeight
-};

package/es/composables/use-lock-scroll.js

@@ -1,53 +0,0 @@
-import { watch, onBeforeUnmount, onDeactivated } from "vue";
-import { getScrollParent, onMountedOrActivated } from "@vant/use";
-import { useTouch } from "./use-touch";
-import { preventDefault } from "../utils";
-let totalLockCount = 0;
-const BODY_LOCK_CLASS = "van-overflow-hidden";
-function useLockScroll(rootRef, shouldLock) {
-  const touch = useTouch();
-  const onTouchMove = (event) => {
-    touch.move(event);
-    const direction = touch.deltaY.value > 0 ? "10" : "01";
-    const el = getScrollParent(event.target, rootRef.value);
-    const { scrollHeight, offsetHeight, scrollTop } = el;
-    let status = "11";
-    if (scrollTop === 0) {
-      status = offsetHeight >= scrollHeight ? "00" : "01";
-    } else if (scrollTop + offsetHeight >= scrollHeight) {
-      status = "10";
-    }
-    if (status !== "11" && touch.isVertical() && !(parseInt(status, 2) & parseInt(direction, 2))) {
-      preventDefault(event, true);
-    }
-  };
-  const lock = () => {
-    document.addEventListener("touchstart", touch.start);
-    document.addEventListener("touchmove", onTouchMove, { passive: false });
-    if (!totalLockCount) {
-      document.body.classList.add(BODY_LOCK_CLASS);
-    }
-    totalLockCount++;
-  };
-  const unlock = () => {
-    if (totalLockCount) {
-      document.removeEventListener("touchstart", touch.start);
-      document.removeEventListener("touchmove", onTouchMove);
-      totalLockCount--;
-      if (!totalLockCount) {
-        document.body.classList.remove(BODY_LOCK_CLASS);
-      }
-    }
-  };
-  const init = () => shouldLock() && lock();
-  const destroy = () => shouldLock() && unlock();
-  onMountedOrActivated(init);
-  onDeactivated(destroy);
-  onBeforeUnmount(destroy);
-  watch(shouldLock, (value) => {
-    value ? lock() : unlock();
-  });
-}
-export {
-  useLockScroll
-};

package/es/composables/use-placeholder.js

@@ -1,14 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { useHeight } from "./use-height";
-function usePlaceholder(contentRef, bem) {
-  const height = useHeight(contentRef);
-  return (renderContent) => _createVNode("div", {
-    "class": bem("placeholder"),
-    "style": {
-      height: height.value ? `${height.value}px` : void 0
-    }
-  }, [renderContent()]);
-}
-export {
-  usePlaceholder
-};

package/es/composables/use-visibility-change.js

@@ -1,27 +0,0 @@
-import { inBrowser } from "../utils";
-import { onDeactivated, onBeforeUnmount } from "vue";
-import { onMountedOrActivated } from "@vant/use";
-function useVisibilityChange(target, onChange) {
-  if (!inBrowser || !window.IntersectionObserver) {
-    return;
-  }
-  const observer = new IntersectionObserver((entries) => {
-    onChange(entries[0].intersectionRatio > 0);
-  }, { root: document.body });
-  const observe = () => {
-    if (target.value) {
-      observer.observe(target.value);
-    }
-  };
-  const unobserve = () => {
-    if (target.value) {
-      observer.unobserve(target.value);
-    }
-  };
-  onDeactivated(unobserve);
-  onBeforeUnmount(unobserve);
-  onMountedOrActivated(observe);
-}
-export {
-  useVisibilityChange
-};

package/es/config-provider/ConfigProvider.js

@@ -1,53 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { watch, provide, computed, defineComponent } from "vue";
-import { inBrowser, kebabCase, makeStringProp, createNamespace } from "../utils";
-const [name, bem] = createNamespace("config-provider");
-const CONFIG_PROVIDER_KEY = Symbol(name);
-const configProviderProps = {
-  tag: makeStringProp("div"),
-  theme: makeStringProp("light"),
-  themeVars: Object,
-  iconPrefix: String
-};
-function mapThemeVarsToCSSVars(themeVars) {
-  const cssVars = {};
-  Object.keys(themeVars).forEach((key) => {
-    cssVars[`--van-${kebabCase(key)}`] = themeVars[key];
-  });
-  return cssVars;
-}
-var stdin_default = defineComponent({
-  name,
-  props: configProviderProps,
-  setup(props, {
-    slots
-  }) {
-    const style = computed(() => {
-      if (props.themeVars) {
-        return mapThemeVarsToCSSVars(props.themeVars);
-      }
-    });
-    if (inBrowser) {
-      watch(() => props.theme, (newVal, oldVal) => {
-        document.body.classList.remove(`van-theme-${oldVal}`);
-        document.body.classList.add(`van-theme-${newVal}`);
-      }, {
-        immediate: true
-      });
-    }
-    provide(CONFIG_PROVIDER_KEY, props);
-    return () => _createVNode(props.tag, {
-      "class": bem(),
-      "style": style.value
-    }, {
-      default: () => {
-        var _a;
-        return [(_a = slots.default) == null ? void 0 : _a.call(slots)];
-      }
-    });
-  }
-});
-export {
-  CONFIG_PROVIDER_KEY,
-  stdin_default as default
-};

package/es/config-provider/index.js

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

package/es/config-provider/style/less.d.ts

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

package/es/config-provider/style/less.js

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

package/es/contact-card/ContactCard.js

@@ -1,46 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { truthProp, makeStringProp, createNamespace } from "../utils";
-import { Cell } from "../cell";
-const [name, bem, t] = createNamespace("contact-card");
-const contactCardProps = {
-  tel: String,
-  name: String,
-  type: makeStringProp("add"),
-  addText: String,
-  editable: truthProp
-};
-var stdin_default = defineComponent({
-  name,
-  props: contactCardProps,
-  emits: ["click"],
-  setup(props, {
-    emit
-  }) {
-    const onClick = (event) => {
-      if (props.editable) {
-        emit("click", event);
-      }
-    };
-    const renderContent = () => {
-      if (props.type === "add") {
-        return props.addText || t("addContact");
-      }
-      return [_createVNode("div", null, [`${t("name")}\uFF1A${props.name}`]), _createVNode("div", null, [`${t("tel")}\uFF1A${props.tel}`])];
-    };
-    return () => _createVNode(Cell, {
-      "center": true,
-      "icon": props.type === "edit" ? "contact" : "add-square",
-      "class": bem([props.type]),
-      "border": false,
-      "isLink": props.editable,
-      "titleClass": bem("title"),
-      "onClick": onClick
-    }, {
-      title: renderContent
-    });
-  }
-});
-export {
-  stdin_default as default
-};

package/es/contact-card/index.js

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

package/es/contact-card/index.less

@@ -1,47 +0,0 @@
-body {
-  --van-contact-card-padding: var(--van-padding-md);
-  --van-contact-card-add-icon-size: 40px;
-  --van-contact-card-add-icon-color: var(--van-primary-color);
-  --van-contact-card-title-line-height: var(--van-line-height-md);
-}
-
-.van-contact-card {
-  padding: var(--van-contact-card-padding);
-
-  &__title {
-    margin-left: 5px;
-    line-height: var(--van-contact-card-title-line-height);
-  }
-
-  &--add {
-    .van-contact-card__value {
-      line-height: var(--van-contact-card-add-icon-size);
-    }
-
-    .van-cell__left-icon {
-      color: var(--van-contact-card-add-icon-color);
-      font-size: var(--van-contact-card-add-icon-size);
-    }
-  }
-
-  &::before {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    height: 2px;
-    background: repeating-linear-gradient(
-      -45deg,
-      var(--van-warning-color) 0,
-      var(--van-warning-color) 20%,
-      transparent 0,
-      transparent 25%,
-      var(--van-primary-color) 0,
-      var(--van-primary-color) 45%,
-      transparent 0,
-      transparent 50%
-    );
-    background-size: 80px;
-    content: '';
-  }
-}

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

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

package/es/contact-card/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";

package/es/contact-edit/ContactEdit.js

@@ -1,112 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { watch, reactive, defineComponent } from "vue";
-import { isMobile, createNamespace, extend } from "../utils";
-import { Cell } from "../cell";
-import { Form } from "../form";
-import { Field } from "../field";
-import { Button } from "../button";
-import { Switch } from "../switch";
-const [name, bem, t] = createNamespace("contact-edit");
-const DEFAULT_CONTACT = {
-  tel: "",
-  name: ""
-};
-const contactEditProps = {
-  isEdit: Boolean,
-  isSaving: Boolean,
-  isDeleting: Boolean,
-  showSetDefault: Boolean,
-  setDefaultLabel: String,
-  contactInfo: {
-    type: Object,
-    default: () => extend({}, DEFAULT_CONTACT)
-  },
-  telValidator: {
-    type: Function,
-    default: isMobile
-  }
-};
-var stdin_default = defineComponent({
-  name,
-  props: contactEditProps,
-  emits: ["save", "delete", "changeDefault"],
-  setup(props, {
-    emit
-  }) {
-    const contact = reactive(extend({}, DEFAULT_CONTACT, props.contactInfo));
-    const onSave = () => {
-      if (!props.isSaving) {
-        emit("save", contact);
-      }
-    };
-    const onDelete = () => emit("delete", contact);
-    const renderButtons = () => _createVNode("div", {
-      "class": bem("buttons")
-    }, [_createVNode(Button, {
-      "block": true,
-      "round": true,
-      "type": "primary",
-      "text": t("save"),
-      "class": bem("button"),
-      "loading": props.isSaving,
-      "nativeType": "submit"
-    }, null), props.isEdit && _createVNode(Button, {
-      "block": true,
-      "round": true,
-      "text": t("delete"),
-      "class": bem("button"),
-      "loading": props.isDeleting,
-      "onClick": onDelete
-    }, null)]);
-    const renderSwitch = () => _createVNode(Switch, {
-      "modelValue": contact.isDefault,
-      "onUpdate:modelValue": ($event) => contact.isDefault = $event,
-      "onChange": (checked) => emit("changeDefault", checked)
-    }, null);
-    const renderSetDefault = () => {
-      if (props.showSetDefault) {
-        return _createVNode(Cell, {
-          "title": props.setDefaultLabel,
-          "class": bem("switch-cell"),
-          "border": false
-        }, {
-          "right-icon": renderSwitch
-        });
-      }
-    };
-    watch(() => props.contactInfo, (value) => extend(contact, DEFAULT_CONTACT, value));
-    return () => _createVNode(Form, {
-      "class": bem(),
-      "onSubmit": onSave
-    }, {
-      default: () => [_createVNode("div", {
-        "class": bem("fields")
-      }, [_createVNode(Field, {
-        "modelValue": contact.name,
-        "onUpdate:modelValue": ($event) => contact.name = $event,
-        "clearable": true,
-        "label": t("name"),
-        "rules": [{
-          required: true,
-          message: t("nameEmpty")
-        }],
-        "maxlength": "30",
-        "placeholder": t("name")
-      }, null), _createVNode(Field, {
-        "modelValue": contact.tel,
-        "onUpdate:modelValue": ($event) => contact.tel = $event,
-        "clearable": true,
-        "type": "tel",
-        "label": t("tel"),
-        "rules": [{
-          validator: props.telValidator,
-          message: t("telInvalid")
-        }],
-        "placeholder": t("tel")
-      }, null)]), renderSetDefault(), renderButtons()]
-    });
-  }
-});
-export {
-  stdin_default as default
-};

package/es/contact-edit/index.js

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

package/es/contact-edit/index.less

@@ -1,37 +0,0 @@
-body {
-  --van-contact-edit-padding: var(--van-padding-md);
-  --van-contact-edit-fields-radius: var(--van-radius-md);
-  --van-contact-edit-buttons-padding: var(--van-padding-xl) 0;
-  --van-contact-edit-button-margin-bottom: var(--van-padding-sm);
-  --van-contact-edit-button-font-size: var(--van-font-size-lg);
-  --van-contact-edit-field-label-width: 4.1em;
-}
-
-.van-contact-edit {
-  padding: var(--van-contact-edit-padding);
-
-  &__fields {
-    overflow: hidden;
-    border-radius: var(--van-contact-edit-fields-radius);
-
-    .van-field__label {
-      width: var(--van-contact-edit-field-label-width);
-    }
-  }
-
-  &__switch-cell {
-    margin-top: 10px;
-    padding-top: 9px;
-    padding-bottom: 9px;
-    border-radius: var(--van-contact-edit-fields-radius);
-  }
-
-  &__buttons {
-    padding: var(--van-contact-edit-buttons-padding);
-  }
-
-  &__button {
-    margin-bottom: var(--van-contact-edit-button-margin-bottom);
-    font-size: var(--van-contact-edit-button-font-size);
-  }
-}

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

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

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

@@ -1,9 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../cell/index.less";
-import "../../field/index.less";
-import "../../loading/index.less";
-import "../../switch/index.less";
-import "../../button/index.less";
-import "../index.less";

package/es/contact-list/ContactList.js

@@ -1,89 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { createNamespace, unknownProp } from "../utils";
-import { Tag } from "../tag";
-import { Icon } from "../icon";
-import { Cell } from "../cell";
-import { Radio } from "../radio";
-import { Button } from "../button";
-import { RadioGroup } from "../radio-group";
-const [name, bem, t] = createNamespace("contact-list");
-const contactListProps = {
-  list: Array,
-  addText: String,
-  modelValue: unknownProp,
-  defaultTagText: String
-};
-var stdin_default = defineComponent({
-  name,
-  props: contactListProps,
-  emits: ["add", "edit", "select", "update:modelValue"],
-  setup(props, {
-    emit
-  }) {
-    const renderItem = (item, index) => {
-      const onClick = () => {
-        emit("update:modelValue", item.id);
-        emit("select", item, index);
-      };
-      const renderRightIcon = () => _createVNode(Radio, {
-        "class": bem("radio"),
-        "name": item.id,
-        "iconSize": 16
-      }, null);
-      const renderEditIcon = () => _createVNode(Icon, {
-        "name": "edit",
-        "class": bem("edit"),
-        "onClick": (event) => {
-          event.stopPropagation();
-          emit("edit", item, index);
-        }
-      }, null);
-      const renderContent = () => {
-        const nodes = [`${item.name}\uFF0C${item.tel}`];
-        if (item.isDefault && props.defaultTagText) {
-          nodes.push(_createVNode(Tag, {
-            "type": "primary",
-            "round": true,
-            "class": bem("item-tag")
-          }, {
-            default: () => [props.defaultTagText]
-          }));
-        }
-        return nodes;
-      };
-      return _createVNode(Cell, {
-        "key": item.id,
-        "isLink": true,
-        "center": true,
-        "class": bem("item"),
-        "titleClass": bem("item-title"),
-        "onClick": onClick
-      }, {
-        icon: renderEditIcon,
-        title: renderContent,
-        "right-icon": renderRightIcon
-      });
-    };
-    return () => _createVNode("div", {
-      "class": bem()
-    }, [_createVNode(RadioGroup, {
-      "modelValue": props.modelValue,
-      "class": bem("group")
-    }, {
-      default: () => [props.list && props.list.map(renderItem)]
-    }), _createVNode("div", {
-      "class": [bem("bottom"), "van-safe-area-bottom"]
-    }, [_createVNode(Button, {
-      "round": true,
-      "block": true,
-      "type": "primary",
-      "class": bem("add"),
-      "text": props.addText || t("addContact"),
-      "onClick": () => emit("add")
-    }, null)])]);
-  }
-});
-export {
-  stdin_default as default
-};

package/es/contact-list/index.js

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