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

package/es/overlay/Overlay.js

@@ -1,47 +0,0 @@
-import { withDirectives as _withDirectives, createVNode as _createVNode, vShow as _vShow } from "vue";
-import { Transition, defineComponent } from "vue";
-import { noop, isDef, extend, truthProp, numericProp, unknownProp, preventDefault, createNamespace, getZIndexStyle } from "../utils";
-import { useLazyRender } from "../composables/use-lazy-render";
-const [name, bem] = createNamespace("overlay");
-const overlayProps = {
-  show: Boolean,
-  zIndex: numericProp,
-  duration: numericProp,
-  className: unknownProp,
-  lockScroll: truthProp,
-  lazyRender: truthProp,
-  customStyle: Object
-};
-var stdin_default = defineComponent({
-  name,
-  props: overlayProps,
-  setup(props, {
-    slots
-  }) {
-    const lazyRender = useLazyRender(() => props.show || !props.lazyRender);
-    const preventTouchMove = (event) => {
-      preventDefault(event, true);
-    };
-    const renderOverlay = lazyRender(() => {
-      var _a;
-      const style = extend(getZIndexStyle(props.zIndex), props.customStyle);
-      if (isDef(props.duration)) {
-        style.animationDuration = `${props.duration}s`;
-      }
-      return _withDirectives(_createVNode("div", {
-        "style": style,
-        "class": [bem(), props.className],
-        "onTouchmove": props.lockScroll ? preventTouchMove : noop
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]), [[_vShow, props.show]]);
-    });
-    return () => _createVNode(Transition, {
-      "name": "van-fade",
-      "appear": true
-    }, {
-      default: renderOverlay
-    });
-  }
-});
-export {
-  stdin_default as default
-};

package/es/overlay/index.js

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

package/es/overlay/index.less

@@ -1,14 +0,0 @@
-body {
-  --van-overlay-z-index: 1;
-  --van-overlay-background: rgba(0, 0, 0, 0.7);
-}
-
-.van-overlay {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: var(--van-overlay-z-index);
-  width: 100%;
-  height: 100%;
-  background: var(--van-overlay-background);
-}

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

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

package/es/overlay/style/less.js

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

package/es/pagination/Pagination.js

@@ -1,144 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, watchEffect, defineComponent } from "vue";
-import { clamp, makeStringProp, makeNumberProp, makeNumericProp, createNamespace, BORDER_SURROUND } from "../utils";
-const [name, bem, t] = createNamespace("pagination");
-const makePage = (number, text, active) => ({
-  number,
-  text,
-  active
-});
-const paginationProps = {
-  mode: makeStringProp("multi"),
-  prevText: String,
-  nextText: String,
-  pageCount: makeNumericProp(0),
-  modelValue: makeNumberProp(0),
-  totalItems: makeNumericProp(0),
-  showPageSize: makeNumericProp(5),
-  itemsPerPage: makeNumericProp(10),
-  forceEllipses: Boolean
-};
-var stdin_default = defineComponent({
-  name,
-  props: paginationProps,
-  emits: ["change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const count = computed(() => {
-      const {
-        pageCount,
-        totalItems,
-        itemsPerPage
-      } = props;
-      const count2 = +pageCount || Math.ceil(+totalItems / +itemsPerPage);
-      return Math.max(1, count2);
-    });
-    const pages = computed(() => {
-      const items = [];
-      const pageCount = count.value;
-      const showPageSize = +props.showPageSize;
-      const {
-        modelValue,
-        forceEllipses
-      } = props;
-      let startPage = 1;
-      let endPage = pageCount;
-      const isMaxSized = showPageSize < pageCount;
-      if (isMaxSized) {
-        startPage = Math.max(modelValue - Math.floor(showPageSize / 2), 1);
-        endPage = startPage + showPageSize - 1;
-        if (endPage > pageCount) {
-          endPage = pageCount;
-          startPage = endPage - showPageSize + 1;
-        }
-      }
-      for (let number = startPage; number <= endPage; number++) {
-        const page = makePage(number, number, number === modelValue);
-        items.push(page);
-      }
-      if (isMaxSized && showPageSize > 0 && forceEllipses) {
-        if (startPage > 1) {
-          const prevPages = makePage(startPage - 1, "...");
-          items.unshift(prevPages);
-        }
-        if (endPage < pageCount) {
-          const nextPages = makePage(endPage + 1, "...");
-          items.push(nextPages);
-        }
-      }
-      return items;
-    });
-    const updateModelValue = (value, emitChange) => {
-      value = clamp(value, 1, count.value);
-      if (props.modelValue !== value) {
-        emit("update:modelValue", value);
-        if (emitChange) {
-          emit("change", value);
-        }
-      }
-    };
-    watchEffect(() => updateModelValue(props.modelValue));
-    const renderDesc = () => _createVNode("li", {
-      "class": bem("page-desc")
-    }, [slots.pageDesc ? slots.pageDesc() : `${props.modelValue}/${count.value}`]);
-    const renderPrevButton = () => {
-      const {
-        mode,
-        modelValue
-      } = props;
-      const slot = slots["prev-text"];
-      const disabled = modelValue === 1;
-      return _createVNode("li", {
-        "class": [bem("item", {
-          disabled,
-          border: mode === "simple",
-          prev: true
-        }), BORDER_SURROUND]
-      }, [_createVNode("button", {
-        "type": "button",
-        "disabled": disabled,
-        "onClick": () => updateModelValue(modelValue - 1, true)
-      }, [slot ? slot() : props.prevText || t("prev")])]);
-    };
-    const renderNextButton = () => {
-      const {
-        mode,
-        modelValue
-      } = props;
-      const slot = slots["next-text"];
-      const disabled = modelValue === count.value;
-      return _createVNode("li", {
-        "class": [bem("item", {
-          disabled,
-          border: mode === "simple",
-          next: true
-        }), BORDER_SURROUND]
-      }, [_createVNode("button", {
-        "type": "button",
-        "disabled": disabled,
-        "onClick": () => updateModelValue(modelValue + 1, true)
-      }, [slot ? slot() : props.nextText || t("next")])]);
-    };
-    const renderPages = () => pages.value.map((page) => _createVNode("li", {
-      "class": [bem("item", {
-        active: page.active,
-        page: true
-      }), BORDER_SURROUND]
-    }, [_createVNode("button", {
-      "type": "button",
-      "aria-current": page.active || void 0,
-      "onClick": () => updateModelValue(page.number, true)
-    }, [slots.page ? slots.page(page) : page.text])]));
-    return () => _createVNode("nav", {
-      "role": "navigation",
-      "class": bem()
-    }, [_createVNode("ul", {
-      "class": bem("items")
-    }, [renderPrevButton(), props.mode === "simple" ? renderDesc() : renderPages(), renderNextButton()])]);
-  }
-});
-export {
-  stdin_default as default
-};

package/es/pagination/index.js

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

package/es/pagination/index.less

@@ -1,89 +0,0 @@
-body {
-  --van-pagination-height: 40px;
-  --van-pagination-font-size: var(--van-font-size-md);
-  --van-pagination-item-width: 36px;
-  --van-pagination-item-default-color: var(--van-primary-color);
-  --van-pagination-item-disabled-color: var(--van-gray-7);
-  --van-pagination-item-disabled-background: var(--van-background);
-  --van-pagination-background: var(--van-background-2);
-  --van-pagination-desc-color: var(--van-gray-7);
-  --van-pagination-disabled-opacity: var(--van-disabled-opacity);
-}
-
-.van-pagination {
-  font-size: var(--van-pagination-font-size);
-
-  &__items {
-    display: flex;
-  }
-
-  &__item,
-  &__page-desc {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  &__item {
-    flex: 1;
-    box-sizing: border-box;
-    min-width: var(--van-pagination-item-width);
-    height: var(--van-pagination-height);
-    color: var(--van-pagination-item-default-color);
-    background: var(--van-pagination-background);
-    cursor: pointer;
-    user-select: none;
-
-    button {
-      flex: 1;
-      height: 100%;
-      border: none;
-      padding: 0;
-      background: transparent;
-
-      &[disabled] {
-        cursor: not-allowed;
-      }
-    }
-
-    &:active {
-      color: var(--van-white);
-      background-color: var(--van-pagination-item-default-color);
-    }
-
-    &:not(:last-child)::after {
-      border-right-width: 0;
-    }
-
-    &--active {
-      color: var(--van-white);
-      background-color: var(--van-pagination-item-default-color);
-    }
-
-    &--page {
-      flex-grow: 0;
-    }
-
-    &--prev,
-    &--next {
-      padding: 0 var(--van-padding-base);
-      cursor: pointer;
-    }
-
-    &--border::after {
-      border-width: var(--van-border-width);
-    }
-
-    &--disabled {
-      color: var(--van-pagination-item-disabled-color);
-      background-color: var(--van-pagination-item-disabled-background);
-      opacity: var(--van-pagination-disabled-opacity);
-    }
-  }
-
-  &__page-desc {
-    flex: 1;
-    height: var(--van-pagination-height);
-    color: var(--van-pagination-desc-color);
-  }
-}

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

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

package/es/pagination/style/less.js

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

package/es/password-input/PasswordInput.js

@@ -1,78 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { addUnit, truthProp, numericProp, BORDER_LEFT, makeStringProp, BORDER_SURROUND, createNamespace, makeNumericProp } from "../utils";
-const [name, bem] = createNamespace("password-input");
-const passwordInputProps = {
-  info: String,
-  mask: truthProp,
-  value: makeStringProp(""),
-  gutter: numericProp,
-  length: makeNumericProp(6),
-  focused: Boolean,
-  errorInfo: String
-};
-var stdin_default = defineComponent({
-  name,
-  props: passwordInputProps,
-  emits: ["focus"],
-  setup(props, {
-    emit
-  }) {
-    const onTouchStart = (event) => {
-      event.stopPropagation();
-      emit("focus", event);
-    };
-    const renderPoints = () => {
-      const Points = [];
-      const {
-        mask,
-        value,
-        length,
-        gutter,
-        focused
-      } = props;
-      for (let i = 0; i < length; i++) {
-        const char = value[i];
-        const showBorder = i !== 0 && !gutter;
-        const showCursor = focused && i === value.length;
-        let style;
-        if (i !== 0 && gutter) {
-          style = {
-            marginLeft: addUnit(gutter)
-          };
-        }
-        Points.push(_createVNode("li", {
-          "class": [{
-            [BORDER_LEFT]: showBorder
-          }, bem("item", {
-            focus: showCursor
-          })],
-          "style": style
-        }, [mask ? _createVNode("i", {
-          "style": {
-            visibility: char ? "visible" : "hidden"
-          }
-        }, null) : char, showCursor && _createVNode("div", {
-          "class": bem("cursor")
-        }, null)]));
-      }
-      return Points;
-    };
-    return () => {
-      const info = props.errorInfo || props.info;
-      return _createVNode("div", {
-        "class": bem()
-      }, [_createVNode("ul", {
-        "class": [bem("security"), {
-          [BORDER_SURROUND]: !props.gutter
-        }],
-        "onTouchstart": onTouchStart
-      }, [renderPoints()]), info && _createVNode("div", {
-        "class": bem(props.errorInfo ? "error-info" : "info")
-      }, [info])]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/password-input/index.js

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

package/es/password-input/index.less

@@ -1,100 +0,0 @@
-body {
-  --van-password-input-height: 50px;
-  --van-password-input-margin: 0 var(--van-padding-md);
-  --van-password-input-font-size: 20px;
-  --van-password-input-radius: 6px;
-  --van-password-input-background: var(--van-background-2);
-  --van-password-input-info-color: var(--van-text-color-2);
-  --van-password-input-info-font-size: var(--van-font-size-md);
-  --van-password-input-error-info-color: var(--van-danger-color);
-  --van-password-input-dot-size: 10px;
-  --van-password-input-dot-color: var(--van-text-color);
-  --van-password-input-text-color: var(--van-text-color);
-  --van-password-input-cursor-color: var(--van-text-color);
-  --van-password-input-cursor-width: 1px;
-  --van-password-input-cursor-height: 40%;
-  --van-password-input-cursor-duration: 1s;
-}
-
-.van-password-input {
-  position: relative;
-  margin: var(--van-password-input-margin);
-  user-select: none;
-
-  &__info,
-  &__error-info {
-    margin-top: var(--van-padding-md);
-    font-size: var(--van-password-input-info-font-size);
-    text-align: center;
-  }
-
-  &__info {
-    color: var(--van-password-input-info-color);
-  }
-
-  &__error-info {
-    color: var(--van-password-input-error-info-color);
-  }
-
-  &__security {
-    display: flex;
-    width: 100%;
-    height: var(--van-password-input-height);
-    cursor: pointer;
-
-    &::after {
-      border-radius: var(--van-password-input-radius);
-    }
-
-    li {
-      position: relative;
-      display: flex;
-      flex: 1;
-      align-items: center;
-      justify-content: center;
-      height: 100%;
-      color: var(--van-password-input-text-color);
-      font-size: var(--van-password-input-font-size);
-      line-height: 1.2;
-      background: var(--van-password-input-background);
-    }
-
-    i {
-      position: absolute;
-      top: 50%;
-      left: 50%;
-      width: var(--van-password-input-dot-size);
-      height: var(--van-password-input-dot-size);
-      background: var(--van-password-input-dot-color);
-      border-radius: 100%;
-      transform: translate(-50%, -50%);
-      visibility: hidden;
-    }
-  }
-
-  &__cursor {
-    position: absolute;
-    top: 50%;
-    left: 50%;
-    width: var(--van-password-input-cursor-width);
-    height: var(--van-password-input-cursor-height);
-    background: var(--van-password-input-cursor-color);
-    transform: translate(-50%, -50%);
-    animation: var(--van-password-input-cursor-duration) van-cursor-flicker
-      infinite;
-  }
-}
-
-@keyframes van-cursor-flicker {
-  from {
-    opacity: 0;
-  }
-
-  50% {
-    opacity: 1;
-  }
-
-  100% {
-    opacity: 0;
-  }
-}

package/es/password-input/style/less.d.ts

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

package/es/password-input/style/less.js

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