first commit

node_modules/vant/es/collapse-item/CollapseItem.d.ts

@@ -0,0 +1,141 @@
+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;
+    };
+    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>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
+    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<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;
+    };
+    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>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
+    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;
+    };
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, 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;
+    };
+    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>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
+    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;
+    };
+}>> & Readonly<{}>, {
+    tag: keyof HTMLElementTagNameMap;
+    center: boolean;
+    disabled: boolean;
+    border: boolean;
+    isLink: boolean;
+    required: boolean | "auto";
+    clickable: boolean | null;
+    readonly: boolean;
+    lazyRender: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

node_modules/vant/es/collapse-item/CollapseItem.mjs

@@ -0,0 +1,136 @@
+import { ref, watch, computed, nextTick, defineComponent, mergeProps as _mergeProps, createVNode as _createVNode, vShow as _vShow, withDirectives as _withDirectives } from "vue";
+import { cellSharedProps } from "../cell/Cell.mjs";
+import { pick, extend, truthProp, numericProp, createNamespace } from "../utils/index.mjs";
+import { COLLAPSE_KEY } from "../collapse/Collapse.mjs";
+import { raf, doubleRaf, useParent } from "@vant/use";
+import { useExpose } from "../composables/use-expose.mjs";
+import { useLazyRender } from "../composables/use-lazy-render.mjs";
+import { Cell } from "../cell/index.mjs";
+const [name, bem] = createNamespace("collapse-item");
+const CELL_SLOTS = ["icon", "title", "value", "label", "right-icon"];
+const collapseItemProps = extend({}, cellSharedProps, {
+  name: numericProp,
+  isLink: truthProp,
+  disabled: Boolean,
+  readonly: Boolean,
+  lazyRender: truthProp
+});
+var stdin_default = defineComponent({
+  name,
+  props: collapseItemProps,
+  setup(props, {
+    slots
+  }) {
+    const wrapperRef = ref();
+    const contentRef = ref();
+    const {
+      parent,
+      index
+    } = useParent(COLLAPSE_KEY);
+    if (!parent) {
+      if (process.env.NODE_ENV !== "production") {
+        console.error("[Vant] <CollapseItem> must be a child component of <Collapse>.");
+      }
+      return;
+    }
+    const name2 = computed(() => {
+      var _a;
+      return (_a = props.name) != null ? _a : index.value;
+    });
+    const expanded = computed(() => parent.isExpanded(name2.value));
+    const show = ref(expanded.value);
+    const lazyRender = useLazyRender(() => show.value || !props.lazyRender);
+    const onTransitionEnd = () => {
+      if (!expanded.value) {
+        show.value = false;
+      } else if (wrapperRef.value) {
+        wrapperRef.value.style.height = "";
+      }
+    };
+    watch(expanded, (value, oldValue) => {
+      if (oldValue === null) {
+        return;
+      }
+      if (value) {
+        show.value = true;
+      }
+      const tick = value ? nextTick : 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;
+          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 = pick(props, Object.keys(cellSharedProps));
+      if (readonly) {
+        attrs.isLink = false;
+      }
+      if (disabled || readonly) {
+        attrs.clickable = false;
+      }
+      return _createVNode(Cell, _mergeProps({
+        "role": "button",
+        "class": bem("title", {
+          disabled,
+          expanded: expanded.value,
+          borderless: !border
+        }),
+        "aria-expanded": String(expanded.value),
+        "onClick": onClickTitle
+      }, attrs), pick(slots, CELL_SLOTS));
+    };
+    const renderContent = lazyRender(() => {
+      var _a;
+      return _withDirectives(_createVNode("div", {
+        "ref": wrapperRef,
+        "class": bem("wrapper"),
+        "onTransitionend": onTransitionEnd
+      }, [_createVNode("div", {
+        "ref": contentRef,
+        "class": bem("content")
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)])]), [[_vShow, show.value]]);
+    });
+    useExpose({
+      toggle,
+      expanded,
+      itemName: name2
+    });
+    return () => _createVNode("div", {
+      "class": [bem({
+        border: index.value && props.border
+      })]
+    }, [renderTitle(), renderContent()]);
+  }
+});
+export {
+  collapseItemProps,
+  stdin_default as default
+};

node_modules/vant/es/collapse-item/index.css

@@ -0,0 +1 @@
+:root,:host{--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)}

node_modules/vant/es/collapse-item/index.d.ts

@@ -0,0 +1,104 @@
+export declare const CollapseItem: import("../utils").WithInstall<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    icon: StringConstructor;
+    size: import("vue").PropType<import("..").CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    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("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
+    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;
+    };
+}>, (() => import("vue/jsx-runtime").JSX.Element) | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    tag: {
+        type: import("vue").PropType<keyof HTMLElementTagNameMap>;
+        default: keyof HTMLElementTagNameMap;
+    };
+    icon: StringConstructor;
+    size: import("vue").PropType<import("..").CellSize>;
+    title: (NumberConstructor | StringConstructor)[];
+    value: (NumberConstructor | StringConstructor)[];
+    label: (NumberConstructor | StringConstructor)[];
+    center: BooleanConstructor;
+    isLink: BooleanConstructor;
+    border: {
+        type: BooleanConstructor;
+        default: true;
+    };
+    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("..").CellArrowDirection>;
+    required: {
+        type: import("vue").PropType<boolean | "auto">;
+        default: null;
+    };
+    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;
+    };
+}>> & Readonly<{}>, {
+    tag: keyof HTMLElementTagNameMap;
+    center: boolean;
+    disabled: boolean;
+    border: boolean;
+    isLink: boolean;
+    required: boolean | "auto";
+    clickable: boolean | null;
+    readonly: boolean;
+    lazyRender: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>>;
+export default CollapseItem;
+export { collapseItemProps } from './CollapseItem';
+export type { CollapseItemProps } from './CollapseItem';
+export type { CollapseItemInstance, CollapseItemThemeVars } from './types';
+declare module 'vue' {
+    interface GlobalComponents {
+        VanCollapseItem: typeof CollapseItem;
+    }
+}

node_modules/vant/es/collapse-item/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from "../utils/index.mjs";
+import _CollapseItem from "./CollapseItem.mjs";
+const CollapseItem = withInstall(_CollapseItem);
+var stdin_default = CollapseItem;
+import { collapseItemProps } from "./CollapseItem.mjs";
+export {
+  CollapseItem,
+  collapseItemProps,
+  stdin_default as default
+};

node_modules/vant/es/collapse-item/style/index.d.ts

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

node_modules/vant/es/collapse-item/style/index.mjs

@@ -0,0 +1,5 @@
+import "../../style/base.css";
+import "../../badge/index.css";
+import "../../icon/index.css";
+import "../../cell/index.css";
+import "../index.css";

node_modules/vant/es/collapse-item/types.d.ts

@@ -0,0 +1,15 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { CollapseItemProps } from './CollapseItem';
+export type CollapseItemExpose = {
+    toggle: (newValue?: boolean) => void;
+};
+export type CollapseItemInstance = ComponentPublicInstance<CollapseItemProps, CollapseItemExpose>;
+export type CollapseItemThemeVars = {
+    collapseItemDuration?: string;
+    collapseItemContentPadding?: string;
+    collapseItemContentFontSize?: string;
+    collapseItemContentLineHeight?: number | string;
+    collapseItemContentTextColor?: string;
+    collapseItemContentBackground?: string;
+    collapseItemTitleDisabledColor?: string;
+};