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

package/es/action-bar/ActionBar.js

@@ -1,33 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { truthProp, createNamespace } from "../utils";
-import { useChildren } from "@vant/use";
-const [name, bem] = createNamespace("action-bar");
-const ACTION_BAR_KEY = Symbol(name);
-const actionBarProps = {
-  safeAreaInsetBottom: truthProp
-};
-var stdin_default = defineComponent({
-  name,
-  props: actionBarProps,
-  setup(props, {
-    slots
-  }) {
-    const {
-      linkChildren
-    } = useChildren(ACTION_BAR_KEY);
-    linkChildren();
-    return () => {
-      var _a;
-      return _createVNode("div", {
-        "class": [bem(), {
-          "van-safe-area-bottom": props.safeAreaInsetBottom
-        }]
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-  }
-});
-export {
-  ACTION_BAR_KEY,
-  stdin_default as default
-};

package/es/action-bar/index.js

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

package/es/action-bar/index.less

@@ -1,16 +0,0 @@
-body {
-  --van-action-bar-background: var(--van-background-2);
-  --van-action-bar-height: 50px;
-}
-
-.van-action-bar {
-  position: fixed;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  display: flex;
-  align-items: center;
-  box-sizing: content-box;
-  height: var(--van-action-bar-height);
-  background: var(--van-action-bar-background);
-}

package/es/action-bar/style/less.d.ts

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

package/es/action-bar/style/less.js

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

package/es/action-bar-button/ActionBarButton.js

@@ -1,73 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { computed, defineComponent } from "vue";
-import { extend, createNamespace } from "../utils";
-import { ACTION_BAR_KEY } from "../action-bar/ActionBar";
-import { useParent } from "@vant/use";
-import { useExpose } from "../composables/use-expose";
-import { useRoute, routeProps } from "../composables/use-route";
-import { Button } from "../button";
-const [name, bem] = createNamespace("action-bar-button");
-const actionBarButtonProps = extend({}, routeProps, {
-  type: String,
-  text: String,
-  icon: String,
-  color: String,
-  loading: Boolean,
-  disabled: Boolean
-});
-var stdin_default = defineComponent({
-  name,
-  props: actionBarButtonProps,
-  setup(props, {
-    slots
-  }) {
-    const route = useRoute();
-    const {
-      parent,
-      index
-    } = useParent(ACTION_BAR_KEY);
-    const isFirst = computed(() => {
-      if (parent) {
-        const prev = parent.children[index.value - 1];
-        return !(prev && "isButton" in prev);
-      }
-    });
-    const isLast = computed(() => {
-      if (parent) {
-        const next = parent.children[index.value + 1];
-        return !(next && "isButton" in next);
-      }
-    });
-    useExpose({
-      isButton: true
-    });
-    return () => {
-      const {
-        type,
-        icon,
-        text,
-        color,
-        loading,
-        disabled
-      } = props;
-      return _createVNode(Button, {
-        "class": bem([type, {
-          last: isLast.value,
-          first: isFirst.value
-        }]),
-        "size": "large",
-        "type": type,
-        "icon": icon,
-        "color": color,
-        "loading": loading,
-        "disabled": disabled,
-        "onClick": route
-      }, {
-        default: () => [slots.default ? slots.default() : text]
-      });
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/action-bar-button/index.js

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

package/es/action-bar-button/index.less

@@ -1,38 +0,0 @@
-body {
-  --van-action-bar-button-height: 40px;
-  --van-action-bar-button-warning-color: var(--van-gradient-orange);
-  --van-action-bar-button-danger-color: var(--van-gradient-red);
-}
-
-.van-action-bar-button {
-  flex: 1;
-  height: var(--van-action-bar-button-height);
-  font-weight: var(--van-font-bold);
-  font-size: var(--van-font-size-md);
-  border: none;
-  border-radius: 0;
-
-  &--first {
-    margin-left: 5px;
-    border-top-left-radius: var(--van-radius-max);
-    border-bottom-left-radius: var(--van-radius-max);
-  }
-
-  &--last {
-    margin-right: 5px;
-    border-top-right-radius: var(--van-radius-max);
-    border-bottom-right-radius: var(--van-radius-max);
-  }
-
-  &--warning {
-    background: var(--van-action-bar-button-warning-color);
-  }
-
-  &--danger {
-    background: var(--van-action-bar-button-danger-color);
-  }
-
-  @media (max-width: 321px) {
-    font-size: 13px;
-  }
-}

package/es/action-bar-button/style/less.d.ts

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

package/es/action-bar-button/style/less.js

@@ -1,7 +0,0 @@
-import "../../style/base.less";
-import "../../action-bar/index.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../loading/index.less";
-import "../../button/index.less";
-import "../index.less";

package/es/action-bar-icon/ActionBarIcon.js

@@ -1,68 +0,0 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { defineComponent } from "vue";
-import { extend, createNamespace, unknownProp, numericProp } from "../utils";
-import { ACTION_BAR_KEY } from "../action-bar/ActionBar";
-import { useParent } from "@vant/use";
-import { useRoute, routeProps } from "../composables/use-route";
-import { Icon } from "../icon";
-import { Badge } from "../badge";
-const [name, bem] = createNamespace("action-bar-icon");
-const actionBarIconProps = extend({}, routeProps, {
-  dot: Boolean,
-  text: String,
-  icon: String,
-  color: String,
-  badge: numericProp,
-  iconClass: unknownProp,
-  badgeProps: Object,
-  iconPrefix: String
-});
-var stdin_default = defineComponent({
-  name,
-  props: actionBarIconProps,
-  setup(props, {
-    slots
-  }) {
-    const route = useRoute();
-    useParent(ACTION_BAR_KEY);
-    const renderIcon = () => {
-      const {
-        dot,
-        badge,
-        icon,
-        color,
-        iconClass,
-        badgeProps,
-        iconPrefix
-      } = props;
-      if (slots.icon) {
-        return _createVNode(Badge, _mergeProps({
-          "dot": dot,
-          "class": bem("icon"),
-          "content": badge
-        }, badgeProps), {
-          default: slots.icon
-        });
-      }
-      return _createVNode(Icon, {
-        "tag": "div",
-        "dot": dot,
-        "name": icon,
-        "badge": badge,
-        "color": color,
-        "class": [bem("icon"), iconClass],
-        "badgeProps": badgeProps,
-        "classPrefix": iconPrefix
-      }, null);
-    };
-    return () => _createVNode("div", {
-      "role": "button",
-      "class": bem(),
-      "tabindex": 0,
-      "onClick": route
-    }, [renderIcon(), slots.default ? slots.default() : props.text]);
-  }
-});
-export {
-  stdin_default as default
-};

package/es/action-bar-icon/index.js

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

package/es/action-bar-icon/index.less

@@ -1,34 +0,0 @@
-body {
-  --van-action-bar-icon-width: 48px;
-  --van-action-bar-icon-height: 100%;
-  --van-action-bar-icon-color: var(--van-text-color);
-  --van-action-bar-icon-size: 18px;
-  --van-action-bar-icon-font-size: var(--van-font-size-xs);
-  --van-action-bar-icon-active-color: var(--van-active-color);
-  --van-action-bar-icon-text-color: var(--van-text-color);
-  --van-action-bar-icon-background: var(--van-background-2);
-}
-
-.van-action-bar-icon {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  min-width: var(--van-action-bar-icon-width);
-  height: var(--van-action-bar-icon-height);
-  color: var(--van-action-bar-icon-text-color);
-  font-size: var(--van-action-bar-icon-font-size);
-  line-height: 1;
-  text-align: center;
-  background: var(--van-action-bar-icon-background);
-  cursor: pointer;
-
-  &:active {
-    background-color: var(--van-action-bar-icon-active-color);
-  }
-
-  &__icon {
-    margin: 0 auto var(--van-padding-base);
-    color: var(--van-action-bar-icon-color);
-    font-size: var(--van-action-bar-icon-size);
-  }
-}

package/es/action-bar-icon/style/less.d.ts

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

package/es/action-bar-icon/style/less.js

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

package/es/action-sheet/ActionSheet.js

@@ -1,131 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { nextTick, defineComponent } from "vue";
-import { pick, extend, truthProp, makeArrayProp, makeStringProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
-import { Icon } from "../icon";
-import { Popup } from "../popup";
-import { Loading } from "../loading";
-import { popupSharedProps, popupSharedPropKeys } from "../popup/shared";
-const [name, bem] = createNamespace("action-sheet");
-const actionSheetProps = extend({}, popupSharedProps, {
-  title: String,
-  round: truthProp,
-  actions: makeArrayProp(),
-  closeIcon: makeStringProp("cross"),
-  closeable: truthProp,
-  cancelText: String,
-  description: String,
-  closeOnPopstate: truthProp,
-  closeOnClickAction: Boolean,
-  safeAreaInsetBottom: truthProp
-});
-const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-var stdin_default = defineComponent({
-  name,
-  props: actionSheetProps,
-  emits: ["select", "cancel", "update:show"],
-  setup(props, {
-    slots,
-    emit
-  }) {
-    const updateShow = (show) => emit("update:show", show);
-    const onCancel = () => {
-      updateShow(false);
-      emit("cancel");
-    };
-    const renderHeader = () => {
-      if (props.title) {
-        return _createVNode("div", {
-          "class": bem("header")
-        }, [props.title, props.closeable && _createVNode(Icon, {
-          "name": props.closeIcon,
-          "class": [bem("close"), HAPTICS_FEEDBACK],
-          "onClick": onCancel
-        }, null)]);
-      }
-    };
-    const renderCancel = () => {
-      if (slots.cancel || props.cancelText) {
-        return [_createVNode("div", {
-          "class": bem("gap")
-        }, null), _createVNode("button", {
-          "type": "button",
-          "class": bem("cancel"),
-          "onClick": onCancel
-        }, [slots.cancel ? slots.cancel() : props.cancelText])];
-      }
-    };
-    const renderActionContent = (action, index) => {
-      if (action.loading) {
-        return _createVNode(Loading, {
-          "class": bem("loading-icon")
-        }, null);
-      }
-      if (slots.action) {
-        return slots.action({
-          action,
-          index
-        });
-      }
-      return [_createVNode("span", {
-        "class": bem("name")
-      }, [action.name]), action.subname && _createVNode("div", {
-        "class": bem("subname")
-      }, [action.subname])];
-    };
-    const renderAction = (action, index) => {
-      const {
-        color,
-        loading,
-        callback,
-        disabled,
-        className
-      } = action;
-      const onClick = () => {
-        if (disabled || loading) {
-          return;
-        }
-        if (callback) {
-          callback(action);
-        }
-        if (props.closeOnClickAction) {
-          updateShow(false);
-        }
-        nextTick(() => emit("select", action, index));
-      };
-      return _createVNode("button", {
-        "type": "button",
-        "style": {
-          color
-        },
-        "class": [bem("item", {
-          loading,
-          disabled
-        }), className],
-        "onClick": onClick
-      }, [renderActionContent(action, index)]);
-    };
-    const renderDescription = () => {
-      if (props.description || slots.description) {
-        const content = slots.description ? slots.description() : props.description;
-        return _createVNode("div", {
-          "class": bem("description")
-        }, [content]);
-      }
-    };
-    return () => _createVNode(Popup, _mergeProps({
-      "class": bem(),
-      "position": "bottom",
-      "onUpdate:show": updateShow
-    }, pick(props, popupInheritKeys)), {
-      default: () => {
-        var _a;
-        return [renderHeader(), renderDescription(), _createVNode("div", {
-          "class": bem("content")
-        }, [props.actions.map(renderAction), (_a = slots.default) == null ? void 0 : _a.call(slots)]), renderCancel()];
-      }
-    });
-  }
-});
-export {
-  stdin_default as default
-};

package/es/action-sheet/index.js

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

package/es/action-sheet/index.less

@@ -1,131 +0,0 @@
-@import '../style/mixins/hairline';
-
-body {
-  --van-action-sheet-max-height: 80%;
-  --van-action-sheet-header-height: 48px;
-  --van-action-sheet-header-font-size: var(--van-font-size-lg);
-  --van-action-sheet-description-color: var(--van-text-color-2);
-  --van-action-sheet-description-font-size: var(--van-font-size-md);
-  --van-action-sheet-description-line-height: var(--van-line-height-md);
-  --van-action-sheet-item-background: var(--van-background-2);
-  --van-action-sheet-item-font-size: var(--van-font-size-lg);
-  --van-action-sheet-item-line-height: var(--van-line-height-lg);
-  --van-action-sheet-item-text-color: var(--van-text-color);
-  --van-action-sheet-item-disabled-text-color: var(--van-text-color-3);
-  --van-action-sheet-subname-color: var(--van-text-color-2);
-  --van-action-sheet-subname-font-size: var(--van-font-size-sm);
-  --van-action-sheet-subname-line-height: var(--van-line-height-sm);
-  --van-action-sheet-close-icon-size: 22px;
-  --van-action-sheet-close-icon-color: var(--van-gray-5);
-  --van-action-sheet-close-icon-padding: 0 var(--van-padding-md);
-  --van-action-sheet-cancel-text-color: var(--van-gray-7);
-  --van-action-sheet-cancel-padding-top: var(--van-padding-xs);
-  --van-action-sheet-cancel-padding-color: var(--van-background);
-  --van-action-sheet-loading-icon-size: 22px;
-}
-
-.van-action-sheet {
-  display: flex;
-  flex-direction: column;
-  max-height: var(--van-action-sheet-max-height);
-  overflow: hidden;
-  color: var(--van-action-sheet-item-text-color);
-
-  &__content {
-    flex: 1 auto;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__item,
-  &__cancel {
-    display: block;
-    width: 100%;
-    padding: 14px var(--van-padding-md);
-    font-size: var(--van-action-sheet-item-font-size);
-    background: var(--van-action-sheet-item-background);
-    border: none;
-    cursor: pointer;
-
-    &:active {
-      background-color: var(--van-active-color);
-    }
-  }
-
-  &__item {
-    line-height: var(--van-action-sheet-item-line-height);
-
-    &--loading,
-    &--disabled {
-      color: var(--van-action-sheet-item-disabled-text-color);
-
-      &:active {
-        background-color: var(--van-action-sheet-item-background);
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-    }
-
-    &--loading {
-      cursor: default;
-    }
-  }
-
-  &__cancel {
-    flex-shrink: 0;
-    box-sizing: border-box;
-    color: var(--van-action-sheet-cancel-text-color);
-  }
-
-  &__subname {
-    margin-top: var(--van-padding-xs);
-    color: var(--van-action-sheet-subname-color);
-    font-size: var(--van-action-sheet-subname-font-size);
-    line-height: var(--van-action-sheet-subname-line-height);
-  }
-
-  &__gap {
-    display: block;
-    height: var(--van-action-sheet-cancel-padding-top);
-    background: var(--van-action-sheet-cancel-padding-color);
-  }
-
-  &__header {
-    flex-shrink: 0;
-    font-weight: var(--van-font-bold);
-    font-size: var(--van-action-sheet-header-font-size);
-    line-height: var(--van-action-sheet-header-height);
-    text-align: center;
-  }
-
-  &__description {
-    position: relative;
-    flex-shrink: 0;
-    padding: 20px var(--van-padding-md);
-    color: var(--van-action-sheet-description-color);
-    font-size: var(--van-action-sheet-description-font-size);
-    line-height: var(--van-action-sheet-description-line-height);
-    text-align: center;
-
-    &::after {
-      .hairline-bottom(var(--van-border-color), var(--van-padding-md), var(--van-padding-md));
-    }
-  }
-
-  &__loading-icon .van-loading__spinner {
-    width: var(--van-action-sheet-loading-icon-size);
-    height: var(--van-action-sheet-loading-icon-size);
-  }
-
-  &__close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: var(--van-action-sheet-close-icon-padding);
-    color: var(--van-action-sheet-close-icon-color);
-    font-size: var(--van-action-sheet-close-icon-size);
-    line-height: inherit;
-  }
-}

package/es/action-sheet/style/less.d.ts

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

package/es/action-sheet/style/less.js

@@ -1,7 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../loading/index.less";
-import "../../overlay/index.less";
-import "../../popup/index.less";
-import "../index.less";