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

package/es/search/index.less

@@ -1,76 +0,0 @@
-body {
-  --van-search-padding: 10px var(--van-padding-sm);
-  --van-search-background: var(--van-background-2);
-  --van-search-content-background: var(--van-gray-1);
-  --van-search-input-height: 34px;
-  --van-search-label-padding: 0 5px;
-  --van-search-label-color: var(--van-text-color);
-  --van-search-label-font-size: var(--van-font-size-md);
-  --van-search-left-icon-color: var(--van-gray-6);
-  --van-search-action-padding: 0 var(--van-padding-xs);
-  --van-search-action-text-color: var(--van-text-color);
-  --van-search-action-font-size: var(--van-font-size-md);
-}
-
-.van-search {
-  display: flex;
-  align-items: center;
-  box-sizing: border-box;
-  padding: var(--van-search-padding);
-  background: var(--van-search-background);
-
-  &__content {
-    display: flex;
-    flex: 1;
-    padding-left: var(--van-padding-sm);
-    background: var(--van-search-content-background);
-    border-radius: var(--van-radius-sm);
-
-    &--round {
-      border-radius: var(--van-radius-max);
-    }
-  }
-
-  &__label {
-    padding: var(--van-search-label-padding);
-    color: var(--van-search-label-color);
-    font-size: var(--van-search-label-font-size);
-    line-height: var(--van-search-input-height);
-  }
-
-  &__field {
-    flex: 1;
-    padding: 5px var(--van-padding-xs) 5px 0;
-    background-color: transparent;
-
-    .van-field__left-icon {
-      color: var(--van-search-left-icon-color);
-    }
-  }
-
-  &--show-action {
-    padding-right: 0;
-  }
-
-  input {
-    &::-webkit-search-decoration,
-    &::-webkit-search-cancel-button,
-    &::-webkit-search-results-button,
-    &::-webkit-search-results-decoration {
-      display: none;
-    }
-  }
-
-  &__action {
-    padding: var(--van-search-action-padding);
-    color: var(--van-search-action-text-color);
-    font-size: var(--van-search-action-font-size);
-    line-height: var(--van-search-input-height);
-    cursor: pointer;
-    user-select: none;
-
-    &:active {
-      background-color: var(--van-active-color);
-    }
-  }
-}

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

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

package/es/search/style/less.js

@@ -1,6 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../icon/index.less";
-import "../../cell/index.less";
-import "../../field/index.less";
-import "../index.less";

package/es/share-sheet/ShareSheet.js

@@ -1,122 +0,0 @@
-import { mergeProps as _mergeProps, createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { pick, extend, truthProp, makeArrayProp, createNamespace, HAPTICS_FEEDBACK } from "../utils";
-import { popupSharedProps, popupSharedPropKeys } from "../popup/shared";
-import { Icon } from "../icon";
-import { Popup } from "../popup";
-const popupInheritKeys = [...popupSharedPropKeys, "round", "closeOnPopstate", "safeAreaInsetBottom"];
-const iconMap = {
-  qq: "qq",
-  link: "link-o",
-  weibo: "weibo",
-  qrcode: "qr",
-  poster: "photo-o",
-  wechat: "wechat",
-  "weapp-qrcode": "miniprogram-o",
-  "wechat-moments": "wechat-moments"
-};
-const [name, bem, t] = createNamespace("share-sheet");
-const shareSheetProps = extend({}, popupSharedProps, {
-  title: String,
-  round: truthProp,
-  options: makeArrayProp(),
-  cancelText: String,
-  description: String,
-  closeOnPopstate: truthProp,
-  safeAreaInsetBottom: truthProp
-});
-var stdin_default = defineComponent({
-  name,
-  props: shareSheetProps,
-  emits: ["cancel", "select", "update:show"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const updateShow = (value) => emit("update:show", value);
-    const onCancel = () => {
-      updateShow(false);
-      emit("cancel");
-    };
-    const onSelect = (option, index) => emit("select", option, index);
-    const renderHeader = () => {
-      const title = slots.title ? slots.title() : props.title;
-      const description = slots.description ? slots.description() : props.description;
-      if (title || description) {
-        return _createVNode("div", {
-          "class": bem("header")
-        }, [title && _createVNode("h2", {
-          "class": bem("title")
-        }, [title]), description && _createVNode("span", {
-          "class": bem("description")
-        }, [description])]);
-      }
-    };
-    const renderIcon = (icon) => {
-      if (iconMap[icon]) {
-        return _createVNode("div", {
-          "class": bem("icon", [icon])
-        }, [_createVNode(Icon, {
-          "name": iconMap[icon] || icon
-        }, null)]);
-      }
-      return _createVNode("img", {
-        "src": icon,
-        "class": bem("image-icon")
-      }, null);
-    };
-    const renderOption = (option, index) => {
-      const {
-        name: name2,
-        icon,
-        className,
-        description
-      } = option;
-      return _createVNode("div", {
-        "role": "button",
-        "tabindex": 0,
-        "class": [bem("option"), className, HAPTICS_FEEDBACK],
-        "onClick": () => onSelect(option, index)
-      }, [renderIcon(icon), name2 && _createVNode("span", {
-        "class": bem("name")
-      }, [name2]), description && _createVNode("span", {
-        "class": bem("option-description")
-      }, [description])]);
-    };
-    const renderOptions = (options, border) => _createVNode("div", {
-      "class": bem("options", {
-        border
-      })
-    }, [options.map(renderOption)]);
-    const renderRows = () => {
-      const {
-        options
-      } = props;
-      if (Array.isArray(options[0])) {
-        return options.map((item, index) => renderOptions(item, index !== 0));
-      }
-      return renderOptions(options);
-    };
-    const renderCancelButton = () => {
-      var _a;
-      const cancelText = (_a = props.cancelText) != null ? _a : t("cancel");
-      if (slots.cancel || cancelText) {
-        return _createVNode("button", {
-          "type": "button",
-          "class": bem("cancel"),
-          "onClick": onCancel
-        }, [slots.cancel ? slots.cancel() : cancelText]);
-      }
-    };
-    return () => _createVNode(Popup, _mergeProps({
-      "class": bem(),
-      "position": "bottom",
-      "onUpdate:show": updateShow
-    }, pick(props, popupInheritKeys)), {
-      default: () => [renderHeader(), renderRows(), renderCancelButton()]
-    });
-  }
-});
-export {
-  stdin_default as default
-};

package/es/share-sheet/index.js

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

package/es/share-sheet/index.less

@@ -1,152 +0,0 @@
-@import '../style/mixins/hairline';
-
-body {
-  --van-share-sheet-header-padding: var(--van-padding-sm) var(--van-padding-md);
-  --van-share-sheet-title-color: var(--van-text-color);
-  --van-share-sheet-title-font-size: var(--van-font-size-md);
-  --van-share-sheet-title-line-height: var(--van-line-height-md);
-  --van-share-sheet-description-color: var(--van-text-color-2);
-  --van-share-sheet-description-font-size: var(--van-font-size-sm);
-  --van-share-sheet-description-line-height: 16px;
-  --van-share-sheet-icon-size: 48px;
-  --van-share-sheet-option-name-color: var(--van-gray-7);
-  --van-share-sheet-option-name-font-size: var(--van-font-size-sm);
-  --van-share-sheet-option-description-color: var(--van-text-color-3);
-  --van-share-sheet-option-description-font-size: var(--van-font-size-sm);
-  --van-share-sheet-cancel-button-font-size: var(--van-font-size-lg);
-  --van-share-sheet-cancel-button-height: 48px;
-  --van-share-sheet-cancel-button-background: var(--van-background-2);
-}
-
-.van-share-sheet {
-  &__header {
-    padding: var(--van-share-sheet-header-padding);
-    text-align: center;
-  }
-
-  &__title {
-    margin-top: var(--van-padding-xs);
-    color: var(--van-share-sheet-title-color);
-    font-weight: normal;
-    font-size: var(--van-share-sheet-title-font-size);
-    line-height: var(--van-share-sheet-title-line-height);
-  }
-
-  &__description {
-    display: block;
-    margin-top: var(--van-padding-xs);
-    color: var(--van-share-sheet-description-color);
-    font-size: var(--van-share-sheet-description-font-size);
-    line-height: var(--van-share-sheet-description-line-height);
-  }
-
-  &__options {
-    position: relative;
-    display: flex;
-    padding: var(--van-padding-md) 0 var(--van-padding-md) var(--van-padding-xs);
-    overflow-x: auto;
-    overflow-y: visible;
-    -webkit-overflow-scrolling: touch;
-
-    &--border::before {
-      .hairline-top(var(--van-border-color), var(--van-padding-md));
-    }
-
-    &::-webkit-scrollbar {
-      height: 0;
-    }
-  }
-
-  &__option {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    user-select: none;
-  }
-
-  &__icon,
-  &__image-icon {
-    width: var(--van-share-sheet-icon-size);
-    height: var(--van-share-sheet-icon-size);
-    margin: 0 var(--van-padding-md);
-  }
-
-  &__icon {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    color: var(--van-gray-7);
-    border-radius: 100%;
-    background-color: var(--van-gray-2);
-
-    &--link,
-    &--poster,
-    &--qrcode {
-      font-size: 26px;
-    }
-
-    &--weapp-qrcode {
-      font-size: 28px;
-    }
-
-    &--qq,
-    &--weibo,
-    &--wechat,
-    &--wechat-moments {
-      font-size: 30px;
-      color: var(--van-white);
-    }
-
-    &--qq {
-      background-color: #38b9fa;
-    }
-
-    &--wechat {
-      background-color: #0bc15f;
-    }
-
-    &--weibo {
-      background-color: #ee575e;
-    }
-
-    &--wechat-moments {
-      background-color: #7bc845;
-    }
-  }
-
-  &__name {
-    margin-top: var(--van-padding-xs);
-    padding: 0 var(--van-padding-base);
-    color: var(--van-share-sheet-option-name-color);
-    font-size: var(--van-share-sheet-option-name-font-size);
-  }
-
-  &__option-description {
-    padding: 0 var(--van-padding-base);
-    color: var(--van-share-sheet-option-description-color);
-    font-size: var(--van-share-sheet-option-description-font-size);
-  }
-
-  &__cancel {
-    display: block;
-    width: 100%;
-    padding: 0;
-    font-size: var(--van-share-sheet-cancel-button-font-size);
-    line-height: var(--van-share-sheet-cancel-button-height);
-    text-align: center;
-    background: var(--van-share-sheet-cancel-button-background);
-    border: none;
-    cursor: pointer;
-
-    &::before {
-      display: block;
-      height: var(--van-padding-xs);
-      background-color: var(--van-background);
-      content: ' ';
-    }
-
-    &:active {
-      background-color: var(--van-active-color);
-    }
-  }
-}

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

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

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

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

package/es/sidebar/Sidebar.js

@@ -1,44 +0,0 @@
-import { createVNode as _createVNode } from "vue";
-import { defineComponent } from "vue";
-import { makeNumericProp, createNamespace } from "../utils";
-import { useChildren } from "@vant/use";
-const [name, bem] = createNamespace("sidebar");
-const SIDEBAR_KEY = Symbol(name);
-const sidebarProps = {
-  modelValue: makeNumericProp(0)
-};
-var stdin_default = defineComponent({
-  name,
-  props: sidebarProps,
-  emits: ["change", "update:modelValue"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const {
-      linkChildren
-    } = useChildren(SIDEBAR_KEY);
-    const getActive = () => +props.modelValue;
-    const setActive = (value) => {
-      if (value !== getActive()) {
-        emit("update:modelValue", value);
-        emit("change", value);
-      }
-    };
-    linkChildren({
-      getActive,
-      setActive
-    });
-    return () => {
-      var _a;
-      return _createVNode("div", {
-        "role": "tablist",
-        "class": bem()
-      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
-    };
-  }
-});
-export {
-  SIDEBAR_KEY,
-  stdin_default as default
-};

package/es/sidebar/index.js

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

package/es/sidebar/index.less

@@ -1,9 +0,0 @@
-body {
-  --van-sidebar-width: 80px;
-}
-
-.van-sidebar {
-  width: var(--van-sidebar-width);
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
-}

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

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

package/es/sidebar/style/less.js

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

package/es/sidebar-item/SidebarItem.js

@@ -1,72 +0,0 @@
-import { createVNode as _createVNode, mergeProps as _mergeProps } from "vue";
-import { defineComponent } from "vue";
-import { extend, numericProp, createNamespace } from "../utils";
-import { SIDEBAR_KEY } from "../sidebar/Sidebar";
-import { useParent } from "@vant/use";
-import { useRoute, routeProps } from "../composables/use-route";
-import { Badge } from "../badge";
-const [name, bem] = createNamespace("sidebar-item");
-const sidebarItemProps = extend({}, routeProps, {
-  dot: Boolean,
-  title: String,
-  badge: numericProp,
-  disabled: Boolean,
-  badgeProps: Object
-});
-var stdin_default = defineComponent({
-  name,
-  props: sidebarItemProps,
-  emits: ["click"],
-  setup(props, {
-    emit,
-    slots
-  }) {
-    const route = useRoute();
-    const {
-      parent,
-      index
-    } = useParent(SIDEBAR_KEY);
-    if (!parent) {
-      if (process.env.NODE_ENV !== "production") {
-        console.error("[Vant] <SidebarItem> must be a child component of <Sidebar>.");
-      }
-      return;
-    }
-    const onClick = () => {
-      if (props.disabled) {
-        return;
-      }
-      emit("click", index.value);
-      parent.setActive(index.value);
-      route();
-    };
-    return () => {
-      const {
-        dot,
-        badge,
-        title,
-        disabled
-      } = props;
-      const selected = index.value === parent.getActive();
-      return _createVNode("div", {
-        "role": "tab",
-        "class": bem({
-          select: selected,
-          disabled
-        }),
-        "tabindex": disabled ? void 0 : 0,
-        "aria-selected": selected,
-        "onClick": onClick
-      }, [_createVNode(Badge, _mergeProps({
-        "dot": dot,
-        "class": bem("text"),
-        "content": badge
-      }, props.badgeProps), {
-        default: () => [slots.title ? slots.title() : title]
-      })]);
-    };
-  }
-});
-export {
-  stdin_default as default
-};

package/es/sidebar-item/index.js

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

package/es/sidebar-item/index.less

@@ -1,72 +0,0 @@
-body {
-  --van-sidebar-font-size: var(--van-font-size-md);
-  --van-sidebar-line-height: var(--van-line-height-md);
-  --van-sidebar-text-color: var(--van-text-color);
-  --van-sidebar-disabled-text-color: var(--van-text-color-3);
-  --van-sidebar-padding: 20px var(--van-padding-sm);
-  --van-sidebar-active-color: var(--van-active-color);
-  --van-sidebar-background: var(--van-background);
-  --van-sidebar-selected-font-weight: var(--van-font-bold);
-  --van-sidebar-selected-text-color: var(--van-text-color);
-  --van-sidebar-selected-border-width: 4px;
-  --van-sidebar-selected-border-height: 16px;
-  --van-sidebar-selected-border-color: var(--van-primary-color);
-  --van-sidebar-selected-background: var(--van-background-2);
-}
-
-.van-sidebar-item {
-  position: relative;
-  display: block;
-  box-sizing: border-box;
-  padding: var(--van-sidebar-padding);
-  overflow: hidden;
-  color: var(--van-sidebar-text-color);
-  font-size: var(--van-sidebar-font-size);
-  line-height: var(--van-sidebar-line-height);
-  background: var(--van-sidebar-background);
-  cursor: pointer;
-  user-select: none;
-
-  &:active {
-    background-color: var(--van-sidebar-active-color);
-  }
-
-  &:not(:last-child)::after {
-    border-bottom-width: 1px;
-  }
-
-  &__text {
-    // https://github.com/youzan/vant/issues/7455
-    word-break: break-all;
-  }
-
-  &--select {
-    color: var(--van-sidebar-selected-text-color);
-    font-weight: var(--van-sidebar-selected-font-weight);
-
-    &,
-    &:active {
-      background-color: var(--van-sidebar-selected-background);
-    }
-
-    &::before {
-      position: absolute;
-      top: 50%;
-      left: 0;
-      width: var(--van-sidebar-selected-border-width);
-      height: var(--van-sidebar-selected-border-height);
-      background-color: var(--van-sidebar-selected-border-color);
-      transform: translateY(-50%);
-      content: '';
-    }
-  }
-
-  &--disabled {
-    color: var(--van-sidebar-disabled-text-color);
-    cursor: not-allowed;
-
-    &:active {
-      background-color: var(--van-sidebar-background);
-    }
-  }
-}

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

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

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

@@ -1,4 +0,0 @@
-import "../../style/base.less";
-import "../../badge/index.less";
-import "../../sidebar/index.less";
-import "../index.less";