element-plus 2.0.2 → 2.0.5

package/es/components/collapse/index.d.ts

@@ -1,10 +1,15 @@
 export declare const ElCollapse: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    accordion: BooleanConstructor;
-    modelValue: {
-        type: PropType<string | number | (string | number)[]>;
-        default: () => never[];
-    };
+    readonly accordion: BooleanConstructor;
+    readonly modelValue: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
 }, {
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly accordion: BooleanConstructor;
+        readonly modelValue: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
+    }>> & {
+        onChange?: ((value: import("./src/collapse").CollapseModelValue) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: import("./src/collapse").CollapseModelValue) => any) | undefined;
+    }>>;
+    emit: ((event: "update:modelValue", value: import("./src/collapse").CollapseModelValue) => void) & ((event: "change", value: import("./src/collapse").CollapseModelValue) => void);
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -19,42 +24,35 @@ export declare const ElCollapse: import("element-plus/es/utils").SFCWithInstall<
             (name: string): string;
         };
     };
-    activeNames: import("vue").Ref<never[]>;
-    setActiveNames: (_activeNames: any) => void;
-    handleItemClick: (name: any) => void;
-}, 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<{
-    accordion: BooleanConstructor;
-    modelValue: {
-        type: PropType<string | number | (string | number)[]>;
-        default: () => never[];
-    };
+    activeNames: import("vue").Ref<(string | number)[]>;
+    setActiveNames: (_activeNames: import("./src/collapse").CollapseActiveName[]) => void;
+    handleItemClick: (name: import("./src/collapse").CollapseActiveName) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: import("./src/collapse").CollapseModelValue) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
+    change: (value: import("./src/collapse").CollapseModelValue) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    readonly accordion: BooleanConstructor;
+    readonly modelValue: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
 }>> & {
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onChange?: ((value: import("./src/collapse").CollapseModelValue) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("./src/collapse").CollapseModelValue) => any) | undefined;
 }, {
-    modelValue: any;
+    modelValue: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, unknown, unknown>;
     accordion: boolean;
 }>> & {
     CollapseItem: import("vue").DefineComponent<{
-        title: {
-            type: StringConstructor;
-            default: string;
-        };
-        name: {
-            type: import("vue").PropType<string | number>;
-            default: () => number;
-        };
-        disabled: BooleanConstructor;
+        readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+        readonly disabled: BooleanConstructor;
     }, {
-        isActive: import("vue").ComputedRef<boolean>;
-        contentWrapStyle: import("vue").Ref<{
-            height: string;
-            display: string;
-        }>;
-        contentHeight: import("vue").Ref<number>;
-        focusing: import("vue").Ref<boolean>;
-        isClick: import("vue").Ref<boolean>;
-        id: import("vue").Ref<number>;
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+            readonly name: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+            readonly disabled: BooleanConstructor;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        collapse: import("../..").CollapseContext | undefined;
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -69,47 +67,94 @@ export declare const ElCollapse: import("element-plus/es/utils").SFCWithInstall<
                 (name: string): string;
             };
         };
+        focusing: import("vue").Ref<boolean>;
+        isClick: import("vue").Ref<boolean>;
+        id: import("vue").Ref<number>;
+        isActive: import("vue").ComputedRef<boolean | undefined>;
         handleFocus: () => void;
         handleHeaderClick: () => void;
         handleEnterClick: () => void;
-        collapse: import("./src/collapse.type").CollapseProvider | undefined;
+        ElCollapseTransition: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
+            on: {
+                beforeEnter(el: any): void;
+                enter(el: any): void;
+                afterEnter(el: any): void;
+                beforeLeave(el: any): void;
+                leave(el: any): void;
+                afterLeave(el: any): void;
+            };
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+        ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+                readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            }>> & {
+                [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+            }>>;
+            ns: {
+                namespace: import("vue").ComputedRef<string>;
+                b: (blockSuffix?: string) => string;
+                e: (element?: string | undefined) => string;
+                m: (modifier?: string | undefined) => string;
+                be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+                em: (element?: string | undefined, modifier?: string | undefined) => string;
+                bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+                bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+                is: {
+                    (name: string, state: boolean | undefined): string;
+                    (name: string): string;
+                };
+            };
+            style: import("vue").ComputedRef<import("vue").CSSProperties>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>>, {
+            size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
+            color: string;
+        }>> & Record<string, any>;
+        ArrowRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-        title: {
-            type: StringConstructor;
-            default: string;
-        };
-        name: {
-            type: import("vue").PropType<string | number>;
-            default: () => number;
-        };
-        disabled: BooleanConstructor;
+        readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+        readonly disabled: BooleanConstructor;
     }>>, {
         disabled: boolean;
-        name: string | number;
+        name: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, unknown, unknown>;
         title: string;
     }>;
 };
 export default ElCollapse;
 export declare const ElCollapseItem: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    name: {
-        type: import("vue").PropType<string | number>;
-        default: () => number;
-    };
-    disabled: BooleanConstructor;
+    readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly disabled: BooleanConstructor;
 }, {
-    isActive: import("vue").ComputedRef<boolean>;
-    contentWrapStyle: import("vue").Ref<{
-        height: string;
-        display: string;
-    }>;
-    contentHeight: import("vue").Ref<number>;
-    focusing: import("vue").Ref<boolean>;
-    isClick: import("vue").Ref<boolean>;
-    id: import("vue").Ref<number>;
+    props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+        readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+        readonly disabled: BooleanConstructor;
+    }>> & {
+        [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+    }>>;
+    collapse: import("../..").CollapseContext | undefined;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -124,22 +169,78 @@ export declare const ElCollapseItem: import("element-plus/es/utils").SFCWithInst
             (name: string): string;
         };
     };
+    focusing: import("vue").Ref<boolean>;
+    isClick: import("vue").Ref<boolean>;
+    id: import("vue").Ref<number>;
+    isActive: import("vue").ComputedRef<boolean | undefined>;
     handleFocus: () => void;
     handleHeaderClick: () => void;
     handleEnterClick: () => void;
-    collapse: import("./src/collapse.type").CollapseProvider | undefined;
+    ElCollapseTransition: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        on: {
+            beforeEnter(el: any): void;
+            enter(el: any): void;
+            afterEnter(el: any): void;
+            beforeLeave(el: any): void;
+            leave(el: any): void;
+            afterLeave(el: any): void;
+        };
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>>;
+    ElIcon: import("element-plus/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }, {
+        props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+            readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        }>> & {
+            [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
+        }>>;
+        ns: {
+            namespace: import("vue").ComputedRef<string>;
+            b: (blockSuffix?: string) => string;
+            e: (element?: string | undefined) => string;
+            m: (modifier?: string | undefined) => string;
+            be: (blockSuffix?: string | undefined, element?: string | undefined) => string;
+            em: (element?: string | undefined, modifier?: string | undefined) => string;
+            bm: (blockSuffix?: string | undefined, modifier?: string | undefined) => string;
+            bem: (blockSuffix?: string | undefined, element?: string | undefined, modifier?: string | undefined) => string;
+            is: {
+                (name: string, state: boolean | undefined): string;
+                (name: string): string;
+            };
+        };
+        style: import("vue").ComputedRef<import("vue").CSSProperties>;
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        readonly size: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-plus/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    }>>, {
+        size: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<string | number>, unknown, unknown>;
+        color: string;
+    }>> & Record<string, any>;
+    ArrowRight: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    title: {
-        type: StringConstructor;
-        default: string;
-    };
-    name: {
-        type: import("vue").PropType<string | number>;
-        default: () => number;
-    };
-    disabled: BooleanConstructor;
+    readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly disabled: BooleanConstructor;
 }>>, {
     disabled: boolean;
-    name: string | number;
+    name: import("element-plus/es/utils").BuildPropType<import("element-plus/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, unknown, unknown>;
     title: string;
 }>>;
+export * from './src/collapse';
+export * from './src/collapse-item';

package/es/components/collapse/index.mjs

@@ -1,12 +1,14 @@
 import '../../utils/index.mjs';
-import Collapse from './src/collapse.mjs';
-import CollapseItem from './src/collapse-item.mjs';
+import _sfc_main from './src/collapse2.mjs';
+import _sfc_main$1 from './src/collapse-item2.mjs';
+export { collapseEmits, collapseProps, emitChangeFn } from './src/collapse.mjs';
+export { collapseItemProps } from './src/collapse-item.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
-const ElCollapse = withInstall(Collapse, {
-  CollapseItem
+const ElCollapse = withInstall(_sfc_main, {
+  CollapseItem: _sfc_main$1
 });
-const ElCollapseItem = withNoopInstall(CollapseItem);
+const ElCollapseItem = withNoopInstall(_sfc_main$1);
 
 export { ElCollapse, ElCollapseItem, ElCollapse as default };
 //# sourceMappingURL=index.mjs.map

package/es/components/collapse/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/collapse/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\n\nimport Collapse from './src/collapse.vue'\nimport CollapseItem from './src/collapse-item.vue'\n\nexport const ElCollapse = withInstall(Collapse, {\n  CollapseItem,\n})\nexport default ElCollapse\nexport const ElCollapseItem = withNoopInstall(CollapseItem)\n"],"names":[],"mappings":";;;;;AAGY,MAAC,UAAU,GAAG,WAAW,CAAC,QAAQ,EAAE;AAChD,EAAE,YAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAG,eAAe,CAAC,YAAY;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/collapse/index.ts"],"sourcesContent":["import { withInstall, withNoopInstall } from '@element-plus/utils'\n\nimport Collapse from './src/collapse.vue'\nimport CollapseItem from './src/collapse-item.vue'\n\nexport const ElCollapse = withInstall(Collapse, {\n  CollapseItem,\n})\nexport default ElCollapse\nexport const ElCollapseItem = withNoopInstall(CollapseItem)\n\nexport * from './src/collapse'\nexport * from './src/collapse-item'\n"],"names":["Collapse","CollapseItem"],"mappings":";;;;;;;AAGY,MAAC,UAAU,GAAG,WAAW,CAACA,SAAQ,EAAE;AAChD,gBAAEC,WAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAG,eAAe,CAACA,WAAY;;;;"}

package/es/components/collapse/src/collapse-item.d.ts

@@ -0,0 +1,10 @@
+import type { ExtractPropTypes } from 'vue';
+import type { CollapseActiveName } from './collapse';
+import type CollapseItem from './collapse-item.vue';
+export declare const collapseItemProps: {
+    readonly title: import("element-plus/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-plus/es/utils").BuildPropReturn<import("element-plus/es/utils").PropWrapper<CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly disabled: BooleanConstructor;
+};
+export declare type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;
+export declare type CollapseItemInstance = InstanceType<typeof CollapseItem>;

package/es/components/collapse/src/collapse-item.mjs

@@ -1,147 +1,18 @@
-import { defineComponent, inject, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, withModifiers, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, withDirectives, vShow } from 'vue';
 import '../../../utils/index.mjs';
-import _CollapseTransition from '../../collapse-transition/index.mjs';
-import { ElIcon } from '../../icon/index.mjs';
-import { ArrowRight } from '@element-plus/icons-vue';
-import '../../../hooks/index.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 import { generateId } from '../../../utils/rand.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
-const _sfc_main = defineComponent({
-  name: "ElCollapseItem",
-  components: { ElCollapseTransition: _CollapseTransition, ElIcon, ArrowRight },
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: [String, Number],
-      default: () => {
-        return generateId();
-      }
-    },
-    disabled: Boolean
+const collapseItemProps = buildProps({
+  title: {
+    type: String,
+    default: ""
   },
-  setup(props) {
-    const collapse = inject("collapse");
-    const ns = useNamespace("collapse");
-    const contentWrapStyle = ref({
-      height: "auto",
-      display: "block"
-    });
-    const contentHeight = ref(0);
-    const focusing = ref(false);
-    const isClick = ref(false);
-    const id = ref(generateId());
-    const isActive = computed(() => {
-      return (collapse == null ? void 0 : collapse.activeNames.value.indexOf(props.name)) > -1;
-    });
-    const handleFocus = () => {
-      setTimeout(() => {
-        if (!isClick.value) {
-          focusing.value = true;
-        } else {
-          isClick.value = false;
-        }
-      }, 50);
-    };
-    const handleHeaderClick = () => {
-      if (props.disabled)
-        return;
-      collapse == null ? void 0 : collapse.handleItemClick(props.name);
-      focusing.value = false;
-      isClick.value = true;
-    };
-    const handleEnterClick = () => {
-      collapse == null ? void 0 : collapse.handleItemClick(props.name);
-    };
-    return {
-      isActive,
-      contentWrapStyle,
-      contentHeight,
-      focusing,
-      isClick,
-      id,
-      ns,
-      handleFocus,
-      handleHeaderClick,
-      handleEnterClick,
-      collapse
-    };
-  }
+  name: {
+    type: definePropType([String, Number]),
+    default: () => generateId()
+  },
+  disabled: Boolean
 });
-const _hoisted_1 = ["aria-expanded", "aria-controls", "aria-describedby"];
-const _hoisted_2 = ["id", "tabindex"];
-const _hoisted_3 = ["id", "aria-hidden", "aria-labelledby"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_arrow_right = resolveComponent("arrow-right");
-  const _component_el_icon = resolveComponent("el-icon");
-  const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      _ctx.ns.b("item"),
-      _ctx.ns.is("active", _ctx.isActive),
-      _ctx.ns.is("disabled", _ctx.disabled)
-    ])
-  }, [
-    createElementVNode("div", {
-      role: "tab",
-      "aria-expanded": _ctx.isActive,
-      "aria-controls": _ctx.ns.b(`content-${_ctx.id}`),
-      "aria-describedby": _ctx.ns.b(`content-${_ctx.id}`)
-    }, [
-      createElementVNode("div", {
-        id: _ctx.ns.b(`head-${_ctx.id}`),
-        class: normalizeClass([
-          _ctx.ns.be("item", "header"),
-          _ctx.ns.is("active", _ctx.isActive),
-          { focusing: _ctx.focusing }
-        ]),
-        role: "button",
-        tabindex: _ctx.disabled ? -1 : 0,
-        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleHeaderClick && _ctx.handleHeaderClick(...args)),
-        onKeyup: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => _ctx.handleEnterClick && _ctx.handleEnterClick(...args), ["stop"]), ["space", "enter"])),
-        onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
-        onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focusing = false)
-      }, [
-        renderSlot(_ctx.$slots, "title", {}, () => [
-          createTextVNode(toDisplayString(_ctx.title), 1)
-        ]),
-        createVNode(_component_el_icon, {
-          class: normalizeClass([_ctx.ns.be("item", "arrow"), _ctx.ns.is("active", _ctx.isActive)])
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_arrow_right)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ], 42, _hoisted_2)
-    ], 8, _hoisted_1),
-    createVNode(_component_el_collapse_transition, null, {
-      default: withCtx(() => [
-        withDirectives(createElementVNode("div", {
-          id: _ctx.ns.b(`content-${_ctx.id}`),
-          class: normalizeClass(_ctx.ns.be("item", "wrap")),
-          role: "tabpanel",
-          "aria-hidden": !_ctx.isActive,
-          "aria-labelledby": _ctx.ns.b(`head-${_ctx.id}`)
-        }, [
-          createElementVNode("div", {
-            class: normalizeClass(_ctx.ns.be("item", "content"))
-          }, [
-            renderSlot(_ctx.$slots, "default")
-          ], 2)
-        ], 10, _hoisted_3), [
-          [vShow, _ctx.isActive]
-        ])
-      ]),
-      _: 3
-    })
-  ], 2);
-}
-var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 
-export { CollapseItem as default };
+export { collapseItemProps };
 //# sourceMappingURL=collapse-item.mjs.map

package/es/components/collapse/src/collapse-item.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      ns.b('item'),\n      ns.is('active', isActive),\n      ns.is('disabled', disabled),\n    ]\"\n  >\n    <div\n      role=\"tab\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"ns.b(`content-${id}`)\"\n      :aria-describedby=\"ns.b(`content-${id}`)\"\n    >\n      <div\n        :id=\"ns.b(`head-${id}`)\"\n        :class=\"[\n          ns.be('item', 'header'),\n          ns.is('active', isActive),\n          { focusing },\n        ]\"\n        role=\"button\"\n        :tabindex=\"disabled ? -1 : 0\"\n        @click=\"handleHeaderClick\"\n        @keyup.space.enter.stop=\"handleEnterClick\"\n        @focus=\"handleFocus\"\n        @blur=\"focusing = false\"\n      >\n        <slot name=\"title\">{{ title }}</slot>\n        <el-icon :class=\"[ns.be('item', 'arrow'), ns.is('active', isActive)]\">\n          <arrow-right />\n        </el-icon>\n      </div>\n    </div>\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"ns.b(`content-${id}`)\"\n        :class=\"ns.be('item', 'wrap')\"\n        role=\"tabpanel\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"ns.b(`head-${id}`)\"\n      >\n        <div :class=\"ns.be('item', 'content')\">\n          <slot></slot>\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { PropType } from 'vue'\nimport type { CollapseProvider } from './collapse.type'\n\nexport default defineComponent({\n  name: 'ElCollapseItem',\n  components: { ElCollapseTransition, ElIcon, ArrowRight },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    name: {\n      type: [String, Number] as PropType<string | number>,\n      default: () => {\n        return generateId()\n      },\n    },\n    disabled: Boolean,\n  },\n  setup(props) {\n    const collapse = inject<CollapseProvider>('collapse')\n    const ns = useNamespace('collapse')\n\n    const contentWrapStyle = ref({\n      height: 'auto',\n      display: 'block',\n    })\n    const contentHeight = ref(0)\n    const focusing = ref(false)\n    const isClick = ref(false)\n    const id = ref(generateId())\n\n    const isActive = computed(() => {\n      return collapse?.activeNames.value.indexOf(props.name) > -1\n    })\n\n    const handleFocus = () => {\n      setTimeout(() => {\n        if (!isClick.value) {\n          focusing.value = true\n        } else {\n          isClick.value = false\n        }\n      }, 50)\n    }\n\n    const handleHeaderClick = () => {\n      if (props.disabled) return\n      collapse?.handleItemClick(props.name)\n      focusing.value = false\n      isClick.value = true\n    }\n\n    const handleEnterClick = () => {\n      collapse?.handleItemClick(props.name)\n    }\n\n    return {\n      isActive,\n      contentWrapStyle,\n      contentHeight,\n      focusing,\n      isClick,\n      id,\n      ns,\n      handleFocus,\n      handleHeaderClick,\n      handleEnterClick,\n      collapse,\n    }\n  },\n})\n</script>\n"],"names":["ElCollapseTransition","_openBlock","_normalizeClass","_withCtx","_createElementVNode"],"mappings":";;;;;;;;;;AA6DA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,wBAAEA,qBAAsB,QAAQ;AAAA,EAC5C,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS,MAAM;AACb,eAAO;AAAA;AAAA;AAAA,IAGX,UAAU;AAAA;AAAA,EAEZ,MAAM,OAAO;AACX,UAAM,WAAW,OAAyB;AAC1C,UAAM,KAAK,aAAa;AAExB,UAAM,mBAAmB,IAAI;AAAA,MAC3B,QAAQ;AAAA,MACR,SAAS;AAAA;AAEX,UAAM,gBAAgB,IAAI;AAC1B,UAAM,WAAW,IAAI;AACrB,UAAM,UAAU,IAAI;AACpB,UAAM,KAAK,IAAI;AAEf,UAAM,WAAW,SAAS,MAAM;AAC9B,aAAO,kDAAkD;AAAA;AAG3D,UAAM,cAAc,MAAM;AACxB,iBAAW,MAAM;AACf,YAAI,CAAC,QAAQ,OAAO;AAClB,mBAAS,QAAQ;AAAA,eACZ;AACL,kBAAQ,QAAQ;AAAA;AAAA,SAEjB;AAAA;AAGL,UAAM,oBAAoB,MAAM;AAC9B,UAAI,MAAM;AAAU;AACpB;AACA,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA;AAGlB,UAAM,mBAAmB,MAAM;AAC7B;AAAgC;AAGlC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;;;;;;SA5HIC;AAAA,WAAUC,eAAI;AAAA,MAAgB,QAAG,EAAE;AAAA,MAA4B,QAAG,GAAE,eAAa;AAAA;;KAMvF;AAAA,uBACY;AAAA,MACT;AAAA,MACA,iBAAe;AAAA,MACf,sBAAkB,KAAE,WAAE,KAAY;AAAA;OAEnC;AAAA,yBACW,OAAS;AAAA,QACjB,SAAK;AAAA,eAAcA,eAAK;AAAA,UAA8B,QAAG,GAAE;AAAA,+BAAkC,KAAQ;AAAA;;QAMrG;AAAA,QACA,UAAK;AAAA,QACL,SAAK,iEAAmB;AAAA,QACxB,SAAK,iDAAE,sCAAW;AAAA,QAClB,SAAI,uCAAE,oBAAQ;AAAA;SAEf;AAAA,6CAAsB;AAAA;;oBACP,oBAAK;AAAA;;mBAClBC,QAAe;AAAA;;;;;OAIrB,GAayB;AAAA,mDADjB;AAAA,uBAXN;AAAA,uBAEWC,mBAAc;AAAA,UACtB,SAAK,gBAAE,KAAE;AAAA,UACV,OAAKF,eAAU;AAAA,UACd;AAAA,UACA,qBAAiB;AAAA;WAElB;AAAA,6BAAW,OAAE;AAAA;aACX;AAAA;;eARc;AAAA;;;;;;;;;;;"}
+{"version":3,"file":"collapse-item.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType, generateId } from '@element-plus/utils'\nimport type { ExtractPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\nimport type CollapseItem from './collapse-item.vue'\n\nexport const collapseItemProps = buildProps({\n  title: {\n    type: String,\n    default: '',\n  },\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: () => generateId(),\n  },\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\n\nexport type CollapseItemInstance = InstanceType<typeof CollapseItem>\n"],"names":[],"mappings":";;;;AACY,MAAC,iBAAiB,GAAG,UAAU,CAAC;AAC5C,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,cAAc,CAAC,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAC1C,IAAI,OAAO,EAAE,MAAM,UAAU,EAAE;AAC/B,GAAG;AACH,EAAE,QAAQ,EAAE,OAAO;AACnB,CAAC;;;;"}