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

package/es/sticky/Sticky.js

@@ -1,119 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, watch, computed, reactive, defineComponent } from "vue";
-import { extend, isHidden, unitToPx, numericProp, getScrollTop, getZIndexStyle, makeStringProp, makeNumericProp, createNamespace } from "../utils";
-import { useRect, useEventListener, useScrollParent } from "@vant/use";
-import { useVisibilityChange } from "../composables/use-visibility-change";
-const [name, bem] = createNamespace("sticky");
-const stickyProps = {
-  zIndex: numericProp,
-  position: makeStringProp("top"),
-  container: Object,
-  offsetTop: makeNumericProp(0),
-  offsetBottom: makeNumericProp(0)
-};
-var stdin_default = defineComponent({
-  name,
-  props: stickyProps,
-  emits: ["scroll", "change"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const root = ref();
-    const scrollParent = useScrollParent(root);
-    const state = reactive({
-      fixed: false,
-      width: 0,
-      height: 0,
-      transform: 0
-    });
-    const offset = computed(() => unitToPx(props.position === "top" ? props.offsetTop : props.offsetBottom));
-    const rootStyle = computed(() => {
-      const {
-        fixed,
-        height,
-        width
-      } = state;
-      if (fixed) {
-        return {
-          width: `${width}px`,
-          height: `${height}px`
-        };
-      }
-    });
-    const stickyStyle = computed(() => {
-      if (!state.fixed) {
-        return;
-      }
-      const style = extend(getZIndexStyle(props.zIndex), {
-        width: `${state.width}px`,
-        height: `${state.height}px`,
-        [props.position]: `${offset.value}px`
-      });
-      if (state.transform) {
-        style.transform = `translate3d(0, ${state.transform}px, 0)`;
-      }
-      return style;
-    });
-    const emitScroll = (scrollTop) => emit("scroll", {
-      scrollTop,
-      isFixed: state.fixed
-    });
-    const onScroll = () => {
-      if (!root.value || isHidden(root)) {
-        return;
-      }
-      const {
-        container,
-        position
-      } = props;
-      const rootRect = useRect(root);
-      const scrollTop = getScrollTop(window);
-      state.width = rootRect.width;
-      state.height = rootRect.height;
-      if (position === "top") {
-        if (container) {
-          const containerRect = useRect(container);
-          const difference = containerRect.bottom - offset.value - state.height;
-          state.fixed = offset.value > rootRect.top && containerRect.bottom > 0;
-          state.transform = difference < 0 ? difference : 0;
-        } else {
-          state.fixed = offset.value > rootRect.top;
-        }
-      } else {
-        const {
-          clientHeight
-        } = document.documentElement;
-        if (container) {
-          const containerRect = useRect(container);
-          const difference = clientHeight - containerRect.top - offset.value - state.height;
-          state.fixed = clientHeight - offset.value < rootRect.bottom && clientHeight > containerRect.top;
-          state.transform = difference < 0 ? -difference : 0;
-        } else {
-          state.fixed = clientHeight - offset.value < rootRect.bottom;
-        }
-      }
-      emitScroll(scrollTop);
-    };
-    watch(() => state.fixed, (value) => emit("change", value));
-    useEventListener("scroll", onScroll, {
-      target: scrollParent
-    });
-    useVisibilityChange(root, onScroll);
-    return () => {
-      var _a;
-      return _createVNode("div", {
-        "ref": root,
-        "style": rootStyle.value
-      }, [_createVNode("div", {
-        "class": bem({
-          fixed: state.fixed
-        }),
-        "style": stickyStyle.value
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/sticky/index.js

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

package/es/sticky/index.less

@@ -1,10 +0,0 @@
-body {
-  --van-sticky-z-index: 99;
-}
-
-.van-sticky {
-  &--fixed {
-    position: fixed;
-    z-index: var(--van-sticky-z-index);
-  }
-}

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

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

package/es/sticky/style/less.js

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

package/es/style/animation.less

@@ -1,135 +0,0 @@
-@keyframes van-slide-up-enter {
-  from {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes van-slide-up-leave {
-  to {
-    transform: translate3d(0, 100%, 0);
-  }
-}
-
-@keyframes van-slide-down-enter {
-  from {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes van-slide-down-leave {
-  to {
-    transform: translate3d(0, -100%, 0);
-  }
-}
-
-@keyframes van-slide-left-enter {
-  from {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-left-leave {
-  to {
-    transform: translate3d(-100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-right-enter {
-  from {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes van-slide-right-leave {
-  to {
-    transform: translate3d(100%, 0, 0);
-  }
-}
-
-@keyframes van-fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes van-fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-
-@keyframes van-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.van-fade {
-  &-enter-active {
-    animation: var(--van-duration-base) van-fade-in both var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: var(--van-duration-base) van-fade-out both var(--van-ease-in);
-  }
-}
-
-.van-slide-up {
-  &-enter-active {
-    animation: van-slide-up-enter var(--van-duration-base) both
-      var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: van-slide-up-leave var(--van-duration-base) both
-      var(--van-ease-in);
-  }
-}
-
-.van-slide-down {
-  &-enter-active {
-    animation: van-slide-down-enter var(--van-duration-base) both
-      var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: van-slide-down-leave var(--van-duration-base) both
-      var(--van-ease-in);
-  }
-}
-
-.van-slide-left {
-  &-enter-active {
-    animation: van-slide-left-enter var(--van-duration-base) both
-      var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: van-slide-left-leave var(--van-duration-base) both
-      var(--van-ease-in);
-  }
-}
-
-.van-slide-right {
-  &-enter-active {
-    animation: van-slide-right-enter var(--van-duration-base) both
-      var(--van-ease-out);
-  }
-
-  &-leave-active {
-    animation: van-slide-right-leave var(--van-duration-base) both
-      var(--van-ease-in);
-  }
-}

package/es/style/base.less

@@ -1,89 +0,0 @@
-/**
- * Entry of basic styles
- */
-
-@import './css-variables.less';
-@import './normalize.less';
-@import './animation.less';
-@import './mixins/clearfix.less';
-@import './mixins/ellipsis.less';
-@import './mixins/hairline.less';
-
-.van-clearfix {
-  .clearfix();
-}
-
-.van-ellipsis {
-  .ellipsis();
-}
-
-.van-multi-ellipsis--l2 {
-  .multi-ellipsis(2);
-}
-
-.van-multi-ellipsis--l3 {
-  .multi-ellipsis(3);
-}
-
-.van-safe-area-top {
-  padding-top: constant(safe-area-inset-top);
-  padding-top: env(safe-area-inset-top);
-}
-
-.van-safe-area-bottom {
-  padding-bottom: constant(safe-area-inset-bottom);
-  padding-bottom: env(safe-area-inset-bottom);
-}
-
-.van-haptics-feedback {
-  cursor: pointer;
-
-  &:active {
-    opacity: var(--van-active-opacity);
-  }
-}
-
-[class*='van-hairline'] {
-  &::after {
-    .hairline();
-  }
-}
-
-.van-hairline {
-  &,
-  &--top,
-  &--left,
-  &--right,
-  &--bottom,
-  &--surround,
-  &--top-bottom {
-    position: relative;
-  }
-
-  &--top::after {
-    border-top-width: var(--van-border-width);
-  }
-
-  &--left::after {
-    border-left-width: var(--van-border-width);
-  }
-
-  &--right::after {
-    border-right-width: var(--van-border-width);
-  }
-
-  &--bottom::after {
-    border-bottom-width: var(--van-border-width);
-  }
-
-  &,
-  &-unset {
-    &--top-bottom::after {
-      border-width: var(--van-border-width) 0;
-    }
-  }
-
-  &--surround::after {
-    border-width: var(--van-border-width);
-  }
-}

package/es/style/css-variables.less

@@ -1,90 +0,0 @@
-body {
-  // Color Palette
-  --van-black: #000;
-  --van-white: #fff;
-  --van-gray-1: #f7f8fa;
-  --van-gray-2: #f2f3f5;
-  --van-gray-3: #ebedf0;
-  --van-gray-4: #dcdee0;
-  --van-gray-5: #c8c9cc;
-  --van-gray-6: #969799;
-  --van-gray-7: #646566;
-  --van-gray-8: #323233;
-  --van-red: #ee0a24;
-  --van-blue: #1989fa;
-  --van-orange: #ff976a;
-  --van-orange-dark: #ed6a0c;
-  --van-orange-light: #fffbe8;
-  --van-green: #07c160;
-
-  // Gradient Colors
-  --van-gradient-red: linear-gradient(to right, #ff6034, #ee0a24);
-  --van-gradient-orange: linear-gradient(to right, #ffd01e, #ff8917);
-
-  // Component Colors
-  --van-primary-color: var(--van-blue);
-  --van-success-color: var(--van-green);
-  --van-danger-color: var(--van-red);
-  --van-warning-color: var(--van-orange);
-  --van-text-color: var(--van-gray-8);
-  --van-text-color-2: var(--van-gray-6);
-  --van-text-color-3: var(--van-gray-5);
-  --van-link-color: #576b95;
-  --van-active-color: var(--van-gray-2);
-  --van-active-opacity: 0.6;
-  --van-disabled-opacity: 0.5;
-  --van-background: var(--van-gray-1);
-  --van-background-2: var(--van-white);
-  --van-background-3: var(--van-white);
-
-  // Padding
-  --van-padding-base: 4px;
-  --van-padding-xs: 8px;
-  --van-padding-sm: 12px;
-  --van-padding-md: 16px;
-  --van-padding-lg: 24px;
-  --van-padding-xl: 32px;
-
-  // Font
-  --van-font-bold: 600;
-  --van-font-size-xs: 10px;
-  --van-font-size-sm: 12px;
-  --van-font-size-md: 14px;
-  --van-font-size-lg: 16px;
-  --van-line-height-xs: 14px;
-  --van-line-height-sm: 18px;
-  --van-line-height-md: 20px;
-  --van-line-height-lg: 22px;
-  /* stylelint-disable */
-  --van-base-font: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
-    Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui',
-    'Hiragino Sans GB', 'Microsoft Yahei', sans-serif;
-  --van-price-font: avenir-heavy, 'PingFang SC', helvetica neue, arial,
-    sans-serif;
-  /* stylelint-enable */
-
-  // Animation
-  --van-duration-base: 0.3s;
-  --van-duration-fast: 0.2s;
-  --van-ease-out: ease-out;
-  --van-ease-in: ease-in;
-
-  // Border
-  --van-border-color: var(--van-gray-3);
-  --van-border-width: 1px;
-  --van-radius-sm: 2px;
-  --van-radius-md: 4px;
-  --van-radius-lg: 8px;
-  --van-radius-max: 999px;
-}
-
-.van-theme-dark {
-  --van-text-color: #f5f5f5;
-  --van-text-color-2: #707070;
-  --van-text-color-3: #4d4d4d;
-  --van-border-color: #3a3a3c;
-  --van-active-color: #3a3a3c;
-  --van-background: #000;
-  --van-background-2: #1c1c1e;
-  --van-background-3: #37363b;
-}

package/es/style/mixins/clearfix.less

@@ -1,7 +0,0 @@
-.clearfix() {
-  &::after {
-    display: table;
-    clear: both;
-    content: '';
-  }
-}

package/es/style/mixins/ellipsis.less

@@ -1,15 +0,0 @@
-.multi-ellipsis(@lines) {
-  display: -webkit-box;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: @lines;
-
-  /* autoprefixer: ignore next */
-  -webkit-box-orient: vertical;
-}
-
-.ellipsis() {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/es/style/mixins/hairline.less

@@ -1,37 +0,0 @@
-.hairline-common() {
-  position: absolute;
-  box-sizing: border-box;
-  content: ' ';
-  pointer-events: none;
-}
-
-.hairline(@color: var(--van-border-color)) {
-  .hairline-common();
-
-  top: -50%;
-  right: -50%;
-  bottom: -50%;
-  left: -50%;
-  border: 0 solid @color;
-  transform: scale(0.5);
-}
-
-.hairline-top(@color: var(--van-border-color), @left: 0, @right: 0) {
-  .hairline-common();
-
-  top: 0;
-  right: @right;
-  left: @left;
-  border-top: 1px solid @color;
-  transform: scaleY(0.5);
-}
-
-.hairline-bottom(@color: var(--van-border-color), @left: 0, @right: 0) {
-  .hairline-common();
-
-  right: @right;
-  bottom: 0;
-  left: @left;
-  border-bottom: 1px solid @color;
-  transform: scaleY(0.5);
-}

package/es/style/normalize.less

@@ -1,36 +0,0 @@
-html {
-  -webkit-tap-highlight-color: transparent;
-}
-
-body {
-  margin: 0;
-  font-family: var(--van-base-font);
-}
-
-a {
-  text-decoration: none;
-}
-
-input,
-button,
-textarea {
-  color: inherit;
-  font: inherit;
-}
-
-a,
-input,
-button,
-textarea,
-[class*='van-'] {
-  &:focus {
-    outline: none;
-  }
-}
-
-ol,
-ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}

package/es/submit-bar/SubmitBar.js

@@ -1,104 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { truthProp, makeStringProp, makeNumericProp, createNamespace } from "../utils";
-import { Icon } from "../icon";
-import { Button } from "../button";
-const [name, bem, t] = createNamespace("submit-bar");
-const submitBarProps = {
-  tip: String,
-  label: String,
-  price: Number,
-  tipIcon: String,
-  loading: Boolean,
-  currency: makeStringProp("\xA5"),
-  disabled: Boolean,
-  textAlign: String,
-  buttonText: String,
-  buttonType: makeStringProp("danger"),
-  buttonColor: String,
-  suffixLabel: String,
-  decimalLength: makeNumericProp(2),
-  safeAreaInsetBottom: truthProp
-};
-var stdin_default = defineComponent({
-  name,
-  props: submitBarProps,
-  emits: ["submit"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const renderText = () => {
-      const {
-        price,
-        label,
-        currency,
-        textAlign,
-        suffixLabel,
-        decimalLength
-      } = props;
-      if (typeof price === "number") {
-        const pricePair = (price / 100).toFixed(+decimalLength).split(".");
-        const decimal = decimalLength ? `.${pricePair[1]}` : "";
-        return _createVNode("div", {
-          "class": bem("text"),
-          "style": {
-            textAlign
-          }
-        }, [_createVNode("span", null, [label || t("label")]), _createVNode("span", {
-          "class": bem("price")
-        }, [currency, _createVNode("span", {
-          "class": bem("price-integer")
-        }, [pricePair[0]]), decimal]), suffixLabel && _createVNode("span", {
-          "class": bem("suffix-label")
-        }, [suffixLabel])]);
-      }
-    };
-    const renderTip = () => {
-      var _a;
-      const {
-        tip,
-        tipIcon
-      } = props;
-      if (slots.tip || tip) {
-        return _createVNode("div", {
-          "class": bem("tip")
-        }, [tipIcon && _createVNode(Icon, {
-          "class": bem("tip-icon"),
-          "name": tipIcon
-        }, null), tip && _createVNode("span", {
-          "class": bem("tip-text")
-        }, [tip]), (_a = slots.tip) == null ? void 0 : _a.call(slots)]);
-      }
-    };
-    const onClickButton = () => emit("submit");
-    const renderButton = () => {
-      if (slots.button) {
-        return slots.button();
-      }
-      return _createVNode(Button, {
-        "round": true,
-        "type": props.buttonType,
-        "text": props.buttonText,
-        "class": bem("button", props.buttonType),
-        "color": props.buttonColor,
-        "loading": props.loading,
-        "disabled": props.disabled,
-        "onClick": onClickButton
-      }, null);
-    };
-    return () => {
-      var _a, _b;
-      return _createVNode("div", {
-        "class": [bem(), {
-          "van-safe-area-bottom": props.safeAreaInsetBottom
-        }]
-      }, [(_a = slots.top) == null ? void 0 : _a.call(slots), renderTip(), _createVNode("div", {
-        "class": bem("bar")
-      }, [(_b = slots.default) == null ? void 0 : _b.call(slots), renderText(), renderButton()])]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/submit-bar/index.js

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