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

package/es/swipe-cell/index.less

@@ -1,27 +0,0 @@
-.van-swipe-cell {
-  position: relative;
-  overflow: hidden;
-  cursor: grab;
-
-  &__wrapper {
-    transition-timing-function: cubic-bezier(0.18, 0.89, 0.32, 1);
-    transition-property: transform;
-  }
-
-  &__left,
-  &__right {
-    position: absolute;
-    top: 0;
-    height: 100%;
-  }
-
-  &__left {
-    left: 0;
-    transform: translate3d(-100%, 0, 0);
-  }
-
-  &__right {
-    right: 0;
-    transform: translate3d(100%, 0, 0);
-  }
-}

package/es/swipe-cell/style/less.d.ts

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

package/es/swipe-cell/style/less.js

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

package/es/swipe-item/SwipeItem.js

@@ -1,82 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, nextTick, reactive, onMounted, defineComponent } from "vue";
-import { createNamespace } from "../utils";
-import { SWIPE_KEY } from "../swipe/Swipe";
-import { useParent } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
-const [name, bem] = createNamespace("swipe-item");
-var stdin_default = defineComponent({
-  name,
-  setup(props, {
-    slots
-  }) {
-    let rendered;
-    const state = reactive({
-      offset: 0,
-      inited: false,
-      mounted: false
-    });
-    const {
-      parent,
-      index
-    } = useParent(SWIPE_KEY);
-    if (!parent) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error("[Vant] <SwipeItem> must be a child component of <Swipe>.");
-      }
-      return;
-    }
-    const style = computed(() => {
-      const style2 = {};
-      const {
-        vertical
-      } = parent.props;
-      if (parent.size.value) {
-        style2[vertical ? "height" : "width"] = `${parent.size.value}px`;
-      }
-      if (state.offset) {
-        style2.transform = `translate${vertical ? "Y" : "X"}(${state.offset}px)`;
-      }
-      return style2;
-    });
-    const shouldRender = computed(() => {
-      const {
-        loop,
-        lazyRender
-      } = parent.props;
-      if (!lazyRender || rendered) {
-        return true;
-      }
-      if (!state.mounted) {
-        return false;
-      }
-      const active = parent.activeIndicator.value;
-      const maxActive = parent.count.value - 1;
-      const prevActive = active === 0 && loop ? maxActive : active - 1;
-      const nextActive = active === maxActive && loop ? 0 : active + 1;
-      rendered = index.value === active || index.value === prevActive || index.value === nextActive;
-      return rendered;
-    });
-    const setOffset = (offset) => {
-      state.offset = offset;
-    };
-    onMounted(() => {
-      nextTick(() => {
-        state.mounted = true;
-      });
-    });
-    useExpose({
-      setOffset
-    });
-    return () => {
-      var _a;
-      return _createVNode("div", {
-        "class": bem(),
-        "style": style.value
-      }, [shouldRender.value ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/swipe-item/index.js

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

package/es/swipe-item/index.less

@@ -1,6 +0,0 @@
-.van-swipe-item {
-  position: relative;
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-}

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

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

package/es/swipe-item/style/less.js

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

package/es/switch/Switch.js

@@ -1,80 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { addUnit, numericProp, unknownProp, createNamespace } from "../utils";
-import { useCustomFieldValue } from "@vant/use";
-import { Loading } from "../loading";
-const [name, bem] = createNamespace("switch");
-const switchProps = {
-  size: numericProp,
-  loading: Boolean,
-  disabled: Boolean,
-  modelValue: unknownProp,
-  activeColor: String,
-  inactiveColor: String,
-  activeValue: {
-    type: unknownProp,
-    default: true
-  },
-  inactiveValue: {
-    type: unknownProp,
-    default: false
-  }
-};
-var stdin_default = defineComponent({
-  name,
-  props: switchProps,
-  emits: ["change", "update:modelValue"],
-  setup(props, {
-    emit
-  }) {
-    const isChecked = () => props.modelValue === props.activeValue;
-    const onClick = () => {
-      if (!props.disabled && !props.loading) {
-        const newValue = isChecked() ? props.inactiveValue : props.activeValue;
-        emit("update:modelValue", newValue);
-        emit("change", newValue);
-      }
-    };
-    const renderLoading = () => {
-      if (props.loading) {
-        const color = isChecked() ? props.activeColor : props.inactiveColor;
-        return _createVNode(Loading, {
-          "class": bem("loading"),
-          "color": color
-        }, null);
-      }
-    };
-    useCustomFieldValue(() => props.modelValue);
-    return () => {
-      const {
-        size,
-        loading,
-        disabled,
-        activeColor,
-        inactiveColor
-      } = props;
-      const checked = isChecked();
-      const style = {
-        fontSize: addUnit(size),
-        backgroundColor: checked ? activeColor : inactiveColor
-      };
-      return _createVNode("div", {
-        "role": "switch",
-        "class": bem({
-          on: checked,
-          loading,
-          disabled
-        }),
-        "style": style,
-        "tabindex": disabled ? void 0 : 0,
-        "aria-checked": checked,
-        "onClick": onClick
-      }, [_createVNode("div", {
-        "class": bem("node")
-      }, [renderLoading()])]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/switch/index.js

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

package/es/switch/index.less

@@ -1,75 +0,0 @@
-body {
-  --van-switch-size: 26px;
-  --van-switch-width: calc(1.8em + 4px);
-  --van-switch-height: calc(1em + 4px);
-  --van-switch-node-size: 1em;
-  --van-switch-node-background: var(--van-white);
-  --van-switch-node-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.05);
-  --van-switch-background: rgba(120, 120, 128, 0.16);
-  --van-switch-on-background: var(--van-primary-color);
-  --van-switch-duration: var(--van-duration-base);
-  --van-switch-disabled-opacity: var(--van-disabled-opacity);
-}
-
-.van-theme-dark {
-  --van-switch-background: rgba(120, 120, 128, 0.32);
-}
-
-.van-switch {
-  position: relative;
-  display: inline-block;
-  box-sizing: content-box;
-  width: var(--van-switch-width);
-  height: var(--van-switch-height);
-  font-size: var(--van-switch-size);
-  background: var(--van-switch-background);
-  border-radius: var(--van-switch-node-size);
-  cursor: pointer;
-  transition: background-color var(--van-switch-duration);
-
-  &__node {
-    position: absolute;
-    top: 2px;
-    left: 2px;
-    width: var(--van-switch-node-size);
-    height: var(--van-switch-node-size);
-    // https://github.com/youzan/vant/issues/9839
-    font-size: inherit;
-    background: var(--van-switch-node-background);
-    border-radius: 100%;
-    box-shadow: var(--van-switch-node-shadow);
-    transition: transform var(--van-switch-duration)
-      cubic-bezier(0.3, 1.05, 0.4, 1.05);
-  }
-
-  &__loading {
-    top: 25%;
-    left: 25%;
-    width: 50%;
-    height: 50%;
-    line-height: 1;
-  }
-
-  &--on {
-    background: var(--van-switch-on-background);
-
-    .van-switch__node {
-      transform: translateX(
-        calc(var(--van-switch-width) - var(--van-switch-node-size) - 4px)
-      );
-    }
-
-    .van-switch__loading {
-      color: var(--van-switch-on-background);
-    }
-  }
-
-  &--disabled {
-    cursor: not-allowed;
-    opacity: var(--van-switch-disabled-opacity);
-  }
-
-  &--loading {
-    cursor: default;
-  }
-}

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

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

package/es/switch/style/less.js

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

package/es/tab/Tab.js

@@ -1,113 +0,0 @@
-import { withDirectives as _withDirectives, vShow as _vShow, createVNode as _createVNode } from "vue";
-import { ref, watch, provide, computed, nextTick, defineComponent } from "vue";
-import { extend, truthProp, unknownProp, numericProp, createNamespace } from "../utils";
-import { TABS_KEY } from "../tabs/Tabs";
-import { useParent } from "@vant/use";
-import { useId } from "../composables/use-id";
-import { useExpose } from "../composables/use-expose";
-import { routeProps } from "../composables/use-route";
-import { TAB_STATUS_KEY } from "../composables/use-tab-status";
-import { SwipeItem } from "../swipe-item";
-const [name, bem] = createNamespace("tab");
-const tabProps = extend({}, routeProps, {
-  dot: Boolean,
-  name: numericProp,
-  badge: numericProp,
-  title: String,
-  disabled: Boolean,
-  titleClass: unknownProp,
-  titleStyle: [String, Object],
-  showZeroBadge: truthProp
-});
-var stdin_default = defineComponent({
-  name,
-  props: tabProps,
-  setup(props, {
-    slots
-  }) {
-    const id = useId();
-    const inited = ref(false);
-    const {
-      parent,
-      index
-    } = useParent(TABS_KEY);
-    if (!parent) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error("[Vant] <Tab> must be a child component of <Tabs>.");
-      }
-      return;
-    }
-    const getName = () => {
-      var _a;
-      return (_a = props.name) != null ? _a : index.value;
-    };
-    const init = () => {
-      inited.value = true;
-      if (parent.props.lazyRender) {
-        nextTick(() => {
-          parent.onRendered(getName(), props.title);
-        });
-      }
-    };
-    const active = computed(() => {
-      const isActive = getName() === parent.currentName.value;
-      if (isActive && !inited.value) {
-        init();
-      }
-      return isActive;
-    });
-    watch(() => props.title, () => {
-      parent.setLine();
-      parent.scrollIntoView();
-    });
-    provide(TAB_STATUS_KEY, active);
-    return () => {
-      var _a;
-      const label = `${parent.id}-${index.value}`;
-      const {
-        animated,
-        swipeable,
-        scrollspy,
-        lazyRender
-      } = parent.props;
-      if (!slots.default && !animated) {
-        return;
-      }
-      const show = scrollspy || active.value;
-      if (animated || swipeable) {
-        return _createVNode(SwipeItem, {
-          "id": id,
-          "role": "tabpanel",
-          "class": bem("panel-wrapper", {
-            inactive: !active.value
-          }),
-          "tabindex": active.value ? 0 : -1,
-          "aria-hidden": !active.value,
-          "aria-labelledby": label
-        }, {
-          default: () => {
-            var _a2;
-            return [_createVNode("div", {
-              "class": bem("panel")
-            }, [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)])];
-          }
-        });
-      }
-      const shouldRender = inited.value || scrollspy || !lazyRender;
-      const Content = shouldRender ? (_a = slots.default) == null ? void 0 : _a.call(slots) : null;
-      useExpose({
-        id
-      });
-      return _withDirectives(_createVNode("div", {
-        "id": id,
-        "role": "tabpanel",
-        "class": bem("panel"),
-        "tabindex": show ? 0 : -1,
-        "aria-labelledby": label
-      }, [Content]), [[_vShow, show]]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/tab/index.js

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

package/es/tab/index.less

@@ -1,15 +0,0 @@
-.van-tab {
-  &__panel {
-    &,
-    &-wrapper {
-      flex-shrink: 0;
-      box-sizing: border-box;
-      width: 100%;
-    }
-
-    &-wrapper--inactive {
-      height: 0;
-      overflow: visible;
-    }
-  }
-}

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

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

package/es/tab/style/less.js

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

package/es/tabbar/Tabbar.js

@@ -1,84 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { ref, defineComponent } from "vue";
-import { truthProp, numericProp, getZIndexStyle, createNamespace, callInterceptor, makeNumericProp, BORDER_TOP_BOTTOM } from "../utils";
-import { useChildren } from "@vant/use";
-import { usePlaceholder } from "../composables/use-placeholder";
-const [name, bem] = createNamespace("tabbar");
-const tabbarProps = {
-  route: Boolean,
-  fixed: truthProp,
-  border: truthProp,
-  zIndex: numericProp,
-  placeholder: Boolean,
-  activeColor: String,
-  beforeChange: Function,
-  inactiveColor: String,
-  modelValue: makeNumericProp(0),
-  safeAreaInsetBottom: {
-    type: Boolean,
-    default: null
-  }
-};
-const TABBAR_KEY = Symbol(name);
-var stdin_default = defineComponent({
-  name,
-  props: tabbarProps,
-  emits: ["change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const root = ref();
-    const {
-      linkChildren
-    } = useChildren(TABBAR_KEY);
-    const renderPlaceholder = usePlaceholder(root, bem);
-    const enableSafeArea = () => {
-      var _a;
-      return (_a = props.safeAreaInsetBottom) != null ? _a : props.fixed;
-    };
-    const renderTabbar = () => {
-      var _a;
-      const {
-        fixed,
-        zIndex,
-        border
-      } = props;
-      return _createVNode("div", {
-        "ref": root,
-        "role": "tablist",
-        "style": getZIndexStyle(zIndex),
-        "class": [bem({
-          fixed
-        }), {
-          [BORDER_TOP_BOTTOM]: border,
-          "van-safe-area-bottom": enableSafeArea()
-        }]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-    const setActive = (active, afterChange) => {
-      callInterceptor(props.beforeChange, {
-        args: [active],
-        done() {
-          emit("update:modelValue", active);
-          emit("change", active);
-          afterChange();
-        }
-      });
-    };
-    linkChildren({
-      props,
-      setActive
-    });
-    return () => {
-      if (props.fixed && props.placeholder) {
-        return renderPlaceholder(renderTabbar);
-      }
-      return renderTabbar();
-    };
-  }
-});
-export {
-  TABBAR_KEY,
-  stdin_default as default
-};

package/es/tabbar/index.js

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

package/es/tabbar/index.less

@@ -1,20 +0,0 @@
-body {
-  --van-tabbar-height: 50px;
-  --van-tabbar-z-index: 1;
-  --van-tabbar-background: var(--van-background-2);
-}
-
-.van-tabbar {
-  z-index: var(--van-tabbar-z-index);
-  display: flex;
-  box-sizing: content-box;
-  width: 100%;
-  height: var(--van-tabbar-height);
-  background: var(--van-tabbar-background);
-
-  &--fixed {
-    position: fixed;
-    bottom: 0;
-    left: 0;
-  }
-}

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

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

package/es/tabbar/style/less.js

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