vant 4.0.5 → 4.0.6

package/lib/col/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Col: () => Col,
+  colProps: () => import_Col2.colProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Col = __toESM(require("./Col"));
+var import_Col2 = require("./Col");
+const Col = (0, import_utils.withInstall)(import_Col.default);
+var stdin_default = Col;

package/lib/col/style/index.d.ts

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

package/lib/col/style/index.js

@@ -0,0 +1,3 @@
+require("../../style/base.css");
+require("../../row/index.css");
+require("../index.css");

package/lib/collapse/Collapse.d.ts

@@ -0,0 +1,55 @@
+import { type PropType, type InjectionKey, type ExtractPropTypes, type ComponentPublicInstance } from 'vue';
+import { type Numeric } from '../utils';
+export type CollapseProvide = {
+    toggle: (name: Numeric, expanded: boolean) => void;
+    isExpanded: (name: Numeric) => boolean;
+};
+export type CollapseToggleAllOptions = boolean | {
+    expanded?: boolean;
+    skipDisabled?: boolean;
+};
+export declare const COLLAPSE_KEY: InjectionKey<CollapseProvide>;
+export declare const collapseProps: {
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+};
+export type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+export type CollapseInstance = ComponentPublicInstance<{
+    toggleAll: (options?: boolean | CollapseToggleAllOptions) => void;
+}>;
+declare const _default: import("vue").DefineComponent<{
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: PropType<Numeric | Numeric[]>;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    border: boolean;
+    modelValue: Numeric | Numeric[];
+    accordion: boolean;
+}>;
+export default _default;

package/lib/collapse/Collapse.js

@@ -0,0 +1,128 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  COLLAPSE_KEY: () => COLLAPSE_KEY,
+  collapseProps: () => collapseProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_utils = require("../utils");
+var import_use = require("@vant/use");
+var import_use_expose = require("../composables/use-expose");
+const [name, bem] = (0, import_utils.createNamespace)("collapse");
+const COLLAPSE_KEY = Symbol(name);
+const collapseProps = {
+  border: import_utils.truthProp,
+  accordion: Boolean,
+  modelValue: {
+    type: [String, Number, Array],
+    default: ""
+  }
+};
+function validateModelValue(modelValue, accordion) {
+  if (accordion && Array.isArray(modelValue)) {
+    console.error('[Vant] Collapse: "v-model" should not be Array in accordion mode');
+    return false;
+  }
+  if (!accordion && !Array.isArray(modelValue)) {
+    console.error('[Vant] Collapse: "v-model" should be Array in non-accordion mode');
+    return false;
+  }
+  return true;
+}
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: collapseProps,
+  emits: ["change", "update:modelValue"],
+  setup(props, {
+    emit,
+    slots
+  }) {
+    const {
+      linkChildren,
+      children
+    } = (0, import_use.useChildren)(COLLAPSE_KEY);
+    const updateName = (name2) => {
+      emit("change", name2);
+      emit("update:modelValue", name2);
+    };
+    const toggle = (name2, expanded) => {
+      const {
+        accordion,
+        modelValue
+      } = props;
+      if (accordion) {
+        updateName(name2 === modelValue ? "" : name2);
+      } else if (expanded) {
+        updateName(modelValue.concat(name2));
+      } else {
+        updateName(modelValue.filter((activeName) => activeName !== name2));
+      }
+    };
+    const toggleAll = (options = {}) => {
+      if (props.accordion) {
+        return;
+      }
+      if (typeof options === "boolean") {
+        options = {
+          expanded: options
+        };
+      }
+      const {
+        expanded,
+        skipDisabled
+      } = options;
+      const expandedChildren = children.filter((item) => {
+        if (item.disabled && skipDisabled) {
+          return item.expanded.value;
+        }
+        return expanded != null ? expanded : !item.expanded.value;
+      });
+      const names = expandedChildren.map((item) => item.itemName.value);
+      updateName(names);
+    };
+    const isExpanded = (name2) => {
+      const {
+        accordion,
+        modelValue
+      } = props;
+      if (process.env.NODE_ENV !== "production" && !validateModelValue(modelValue, accordion)) {
+        return false;
+      }
+      return accordion ? modelValue === name2 : modelValue.includes(name2);
+    };
+    (0, import_use_expose.useExpose)({
+      toggleAll
+    });
+    linkChildren({
+      toggle,
+      isExpanded
+    });
+    return () => {
+      var _a;
+      return (0, import_vue.createVNode)("div", {
+        "class": [bem(), {
+          [import_utils.BORDER_TOP_BOTTOM]: props.border
+        }]
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});

package/lib/collapse/index.d.ts

@@ -0,0 +1,36 @@
+export declare const Collapse: import("../utils").WithInstall<import("vue").DefineComponent<{
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
+        default: string;
+    };
+}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    accordion: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<import("../utils").Numeric | import("../utils").Numeric[]>;
+        default: string;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    border: boolean;
+    modelValue: import("../utils").Numeric | import("../utils").Numeric[];
+    accordion: boolean;
+}>>;
+export default Collapse;
+export { collapseProps } from './Collapse';
+export type { CollapseProps, CollapseInstance, CollapseToggleAllOptions, } from './Collapse';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCollapse: typeof Collapse;
+    }
+}

package/lib/collapse/index.js

@@ -0,0 +1,35 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  Collapse: () => Collapse,
+  collapseProps: () => import_Collapse2.collapseProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_utils = require("../utils");
+var import_Collapse = __toESM(require("./Collapse"));
+var import_Collapse2 = require("./Collapse");
+const Collapse = (0, import_utils.withInstall)(import_Collapse.default);
+var stdin_default = Collapse;

package/lib/collapse/style/index.d.ts

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

package/lib/collapse/style/index.js

@@ -0,0 +1 @@
+require("../../style/base.css");

package/lib/collapse-item/CollapseItem.d.ts

@@ -0,0 +1,132 @@
+import { type ExtractPropTypes } from 'vue';
+export declare const collapseItemProps: {
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    icon: StringConstructor;
+    size: import("vue").PropType<import("../cell").CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: import("vue").PropType<unknown>;
+    labelClass: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+    titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowDirection: import("vue").PropType<import("../cell").CellArrowDirection>;
+    clickable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+} & {
+    name: (NumberConstructor | StringConstructor)[];
+    isLink: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+};
+export type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
+declare const _default: import("vue").DefineComponent<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    icon: StringConstructor;
+    size: import("vue").PropType<import("../cell").CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: import("vue").PropType<unknown>;
+    labelClass: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+    titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowDirection: import("vue").PropType<import("../cell").CellArrowDirection>;
+    clickable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+} & {
+    name: (NumberConstructor | StringConstructor)[];
+    isLink: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}, (() => JSX.Element) | undefined, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    icon: StringConstructor;
+    size: import("vue").PropType<import("../cell").CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    required: BooleanConstructor;
+    iconPrefix: StringConstructor;
+    valueClass: import("vue").PropType<unknown>;
+    labelClass: import("vue").PropType<unknown>;
+    titleClass: import("vue").PropType<unknown>;
+    titleStyle: import("vue").PropType<string | import("vue").CSSProperties>;
+    arrowDirection: import("vue").PropType<import("../cell").CellArrowDirection>;
+    clickable: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+} & {
+    name: (NumberConstructor | StringConstructor)[];
+    isLink: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    disabled: BooleanConstructor;
+    readonly: BooleanConstructor;
+    lazyRender: {
+        type: BooleanConstructor;
+        default: true;
+    };
+}>>, {
+    tag: keyof HTMLElementTagNameMap;
+    center: boolean;
+    disabled: boolean;
+    isLink: boolean;
+    border: boolean;
+    required: boolean;
+    clickable: boolean | null;
+    readonly: boolean;
+    lazyRender: boolean;
+}>;
+export default _default;

package/lib/collapse-item/CollapseItem.js

@@ -0,0 +1,156 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name2 in all)
+    __defProp(target, name2, { get: all[name2], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var stdin_exports = {};
+__export(stdin_exports, {
+  collapseItemProps: () => collapseItemProps,
+  default: () => stdin_default
+});
+module.exports = __toCommonJS(stdin_exports);
+var import_vue = require("vue");
+var import_vue2 = require("vue");
+var import_Cell = require("../cell/Cell");
+var import_utils = require("../utils");
+var import_Collapse = require("../collapse/Collapse");
+var import_use = require("@vant/use");
+var import_use_expose = require("../composables/use-expose");
+var import_use_lazy_render = require("../composables/use-lazy-render");
+var import_cell = require("../cell");
+const [name, bem] = (0, import_utils.createNamespace)("collapse-item");
+const CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
+const collapseItemProps = (0, import_utils.extend)({}, import_Cell.cellSharedProps, {
+  name: import_utils.numericProp,
+  isLink: import_utils.truthProp,
+  disabled: Boolean,
+  readonly: Boolean,
+  lazyRender: import_utils.truthProp
+});
+var stdin_default = (0, import_vue2.defineComponent)({
+  name,
+  props: collapseItemProps,
+  setup(props, {
+    slots
+  }) {
+    const wrapperRef = (0, import_vue2.ref)();
+    const contentRef = (0, import_vue2.ref)();
+    const {
+      parent,
+      index
+    } = (0, import_use.useParent)(import_Collapse.COLLAPSE_KEY);
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <CollapseItem> must be a child component of <Collapse>.");
+      }
+      return;
+    }
+    const name2 = (0, import_vue2.computed)(() => {
+      var _a;
+      return (_a = props.name) != null ? _a : index.value;
+    });
+    const expanded = (0, import_vue2.computed)(() => parent.isExpanded(name2.value));
+    const show = (0, import_vue2.ref)(expanded.value);
+    const lazyRender = (0, import_use_lazy_render.useLazyRender)(() => show.value || !props.lazyRender);
+    const onTransitionEnd = () => {
+      if (!expanded.value) {
+        show.value = false;
+      } else if (wrapperRef.value) {
+        wrapperRef.value.style.height = "";
+      }
+    };
+    (0, import_vue2.watch)(expanded, (value, oldValue) => {
+      if (oldValue === null) {
+        return;
+      }
+      if (value) {
+        show.value = true;
+      }
+      const tick = value ? import_vue2.nextTick : import_use.raf;
+      tick(() => {
+        if (!contentRef.value || !wrapperRef.value) {
+          return;
+        }
+        const {
+          offsetHeight
+        } = contentRef.value;
+        if (offsetHeight) {
+          const contentHeight = `${offsetHeight}px`;
+          wrapperRef.value.style.height = value ? "0" : contentHeight;
+          (0, import_use.doubleRaf)(() => {
+            if (wrapperRef.value) {
+              wrapperRef.value.style.height = value ? contentHeight : "0";
+            }
+          });
+        } else {
+          onTransitionEnd();
+        }
+      });
+    });
+    const toggle = (newValue = !expanded.value) => {
+      parent.toggle(name2.value, newValue);
+    };
+    const onClickTitle = () => {
+      if (!props.disabled && !props.readonly) {
+        toggle();
+      }
+    };
+    const renderTitle = () => {
+      const {
+        border,
+        disabled,
+        readonly
+      } = props;
+      const attrs = (0, import_utils.pick)(props, Object.keys(import_Cell.cellSharedProps));
+      if (readonly) {
+        attrs.isLink = false;
+      }
+      if (disabled || readonly) {
+        attrs.clickable = false;
+      }
+      return (0, import_vue.createVNode)(import_cell.Cell, (0, import_vue.mergeProps)({
+        "role": "button",
+        "class": bem("title", {
+          disabled,
+          expanded: expanded.value,
+          borderless: !border
+        }),
+        "aria-expanded": String(expanded.value),
+        "onClick": onClickTitle
+      }, attrs), (0, import_utils.pick)(slots, CELL_SLOTS));
+    };
+    const renderContent = lazyRender(() => {
+      var _a;
+      return (0, import_vue.withDirectives)((0, import_vue.createVNode)("div", {
+        "ref": wrapperRef,
+        "class": bem("wrapper"),
+        "onTransitionend": onTransitionEnd
+      }, [(0, import_vue.createVNode)("div", {
+        "ref": contentRef,
+        "class": bem("content")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[import_vue.vShow, show.value]]);
+    });
+    (0, import_use_expose.useExpose)({
+      toggle,
+      expanded,
+      itemName: name2
+    });
+    return () => (0, import_vue.createVNode)("div", {
+      "class": [bem({
+        border: index.value && props.border
+      })]
+    }, [renderTitle(), renderContent()]);
+  }
+});

package/lib/collapse-item/index.css

@@ -0,0 +1 @@
+:root{--van-collapse-item-duration: var(--van-duration-base);--van-collapse-item-content-padding: var(--van-padding-sm) var(--van-padding-md);--van-collapse-item-content-font-size: var(--van-font-size-md);--van-collapse-item-content-line-height: 1.5;--van-collapse-item-content-text-color: var(--van-text-color-2);--van-collapse-item-content-background: var(--van-background-2);--van-collapse-item-title-disabled-color: var(--van-text-color-3)}.van-collapse-item{position:relative}.van-collapse-item--border:after{position:absolute;box-sizing:border-box;content:" ";pointer-events:none;top:0;right:var(--van-padding-md);left:var(--van-padding-md);border-top:1px solid var(--van-border-color);transform:scaleY(.5)}.van-collapse-item__title .van-cell__right-icon:before{transform:rotate(90deg) translateZ(0);transition:transform var(--van-collapse-item-duration)}.van-collapse-item__title:after{right:var(--van-padding-md);display:none}.van-collapse-item__title--expanded .van-cell__right-icon:before{transform:rotate(-90deg)}.van-collapse-item__title--expanded:after{display:block}.van-collapse-item__title--borderless:after{display:none}.van-collapse-item__title--disabled{cursor:not-allowed}.van-collapse-item__title--disabled,.van-collapse-item__title--disabled .van-cell__right-icon{color:var(--van-collapse-item-title-disabled-color)}.van-collapse-item__wrapper{overflow:hidden;transition:height var(--van-collapse-item-duration) ease-in-out;will-change:height}.van-collapse-item__content{padding:var(--van-collapse-item-content-padding);color:var(--van-collapse-item-content-text-color);font-size:var(--van-collapse-item-content-font-size);line-height:var(--van-collapse-item-content-line-height);background:var(--van-collapse-item-content-background)}