@element-plus/nightly 0.0.20220227 → 0.0.20220302

package/lib/components/col/src/col.js

@@ -54,8 +54,16 @@ const colProps = props.buildProps({
 var Col = vue.defineComponent({
   name: "ElCol",
   props: colProps,
-  setup(props, { slots }) {
-    const { gutter } = vue.inject("ElRow", { gutter: { value: 0 } });
+  setup(props, {
+    slots
+  }) {
+    const {
+      gutter
+    } = vue.inject("ElRow", {
+      gutter: {
+        value: 0
+      }
+    });
     const ns = index.useNamespace("col");
     const style = vue.computed(() => {
       if (gutter.value) {
@@ -66,38 +74,38 @@ var Col = vue.defineComponent({
       }
       return {};
     });
-    const classList = vue.computed(() => {
-      const classes = [];
+    const classes = vue.computed(() => {
+      const classes2 = [];
       const pos = ["span", "offset", "pull", "push"];
       pos.forEach((prop) => {
         const size = props[prop];
         if (typeof size === "number") {
           if (prop === "span")
-            classes.push(ns.b(`${props[prop]}`));
+            classes2.push(ns.b(`${props[prop]}`));
           else if (size > 0)
-            classes.push(ns.b(`${prop}-${props[prop]}`));
+            classes2.push(ns.b(`${prop}-${props[prop]}`));
         }
       });
       const sizes = ["xs", "sm", "md", "lg", "xl"];
       sizes.forEach((size) => {
         if (typeof props[size] === "number") {
-          classes.push(ns.b(`${size}-${props[size]}`));
+          classes2.push(ns.b(`${size}-${props[size]}`));
         } else if (typeof props[size] === "object") {
           const sizeProps = props[size];
           Object.keys(sizeProps).forEach((prop) => {
-            classes.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProps[prop]}`) : ns.b(`${size}-${sizeProps[prop]}`));
+            classes2.push(prop !== "span" ? ns.b(`${size}-${prop}-${sizeProps[prop]}`) : ns.b(`${size}-${sizeProps[prop]}`));
           });
         }
       });
       if (gutter.value) {
-        classes.push("is-guttered");
+        classes2.push(ns.is("guttered"));
       }
-      return classes;
+      return classes2;
     });
-    return () => vue.h(props.tag, {
-      class: [ns.b(), classList.value],
-      style: style.value
-    }, [vue.renderSlot(slots, "default")]);
+    return () => vue.createVNode(props.tag, {
+      "class": [ns.b(), classes.value],
+      "style": style.value
+    }, slots);
   }
 });
 

package/lib/components/col/src/col.js.map

@@ -1 +1 @@
-{"version":3,"file":"col.js","sources":["../../../../../../packages/components/col/src/col.ts"],"sourcesContent":["import { defineComponent, computed, inject, h, renderSlot } from 'vue'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport type { ExtractPropTypes, CSSProperties } from 'vue'\n\ntype SizeObject = {\n  span?: number\n  offset?: number\n}\ntype Size = number | SizeObject\n\nexport const colProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  span: {\n    type: Number,\n    default: 24,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  push: {\n    type: Number,\n    default: 0,\n  },\n  xs: {\n    type: definePropType<Size>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  sm: {\n    type: definePropType<Size>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  md: {\n    type: definePropType<Size>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  lg: {\n    type: definePropType<Size>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  xl: {\n    type: definePropType<Size>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\n\nexport default defineComponent({\n  name: 'ElCol',\n  props: colProps,\n\n  setup(props, { slots }) {\n    const { gutter } = inject('ElRow', { gutter: { value: 0 } })\n    const ns = useNamespace('col')\n\n    const style = computed<CSSProperties>(() => {\n      if (gutter.value) {\n        return {\n          paddingLeft: `${gutter.value / 2}px`,\n          paddingRight: `${gutter.value / 2}px`,\n        }\n      }\n      return {}\n    })\n\n    const classList = computed(() => {\n      const classes: string[] = []\n\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (typeof size === 'number') {\n          if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (typeof props[size] === 'number') {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        } else if (typeof props[size] === 'object') {\n          const sizeProps = props[size]\n          Object.keys(sizeProps).forEach((prop) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProps[prop]}`)\n                : ns.b(`${size}-${sizeProps[prop]}`)\n            )\n          })\n        }\n      })\n      // this is for the fix\n      if (gutter.value) {\n        classes.push('is-guttered')\n      }\n\n      return classes\n    })\n\n    return () =>\n      h(\n        props.tag,\n        {\n          class: [ns.b(), classList.value],\n          style: style.value,\n        },\n        [renderSlot(slots, 'default')]\n      )\n  },\n})\n"],"names":["buildProps","definePropType","mutable","defineComponent","inject","useNamespace","computed","h","renderSlot"],"mappings":"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"}
+{"version":3,"file":"col.js","sources":["../../../../../../packages/components/col/src/col.tsx"],"sourcesContent":["import { defineComponent, computed, inject } from 'vue'\nimport { buildProps, definePropType, mutable } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport type { ExtractPropTypes, CSSProperties } from 'vue'\n\nexport type ColSizeObject = {\n  span?: number\n  offset?: number\n}\nexport type ColSize = number | ColSizeObject\n\nexport const colProps = buildProps({\n  tag: {\n    type: String,\n    default: 'div',\n  },\n  span: {\n    type: Number,\n    default: 24,\n  },\n  offset: {\n    type: Number,\n    default: 0,\n  },\n  pull: {\n    type: Number,\n    default: 0,\n  },\n  push: {\n    type: Number,\n    default: 0,\n  },\n  xs: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  sm: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  md: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  lg: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n  xl: {\n    type: definePropType<ColSize>([Number, Object]),\n    default: () => mutable({} as const),\n  },\n} as const)\nexport type ColProps = ExtractPropTypes<typeof colProps>\n\nexport default defineComponent({\n  name: 'ElCol',\n  props: colProps,\n\n  setup(props, { slots }) {\n    const { gutter } = inject('ElRow', { gutter: { value: 0 } })\n    const ns = useNamespace('col')\n\n    const style = computed<CSSProperties>(() => {\n      if (gutter.value) {\n        return {\n          paddingLeft: `${gutter.value / 2}px`,\n          paddingRight: `${gutter.value / 2}px`,\n        }\n      }\n      return {}\n    })\n\n    const classes = computed(() => {\n      const classes: string[] = []\n\n      const pos = ['span', 'offset', 'pull', 'push'] as const\n      pos.forEach((prop) => {\n        const size = props[prop]\n        if (typeof size === 'number') {\n          if (prop === 'span') classes.push(ns.b(`${props[prop]}`))\n          else if (size > 0) classes.push(ns.b(`${prop}-${props[prop]}`))\n        }\n      })\n\n      const sizes = ['xs', 'sm', 'md', 'lg', 'xl'] as const\n      sizes.forEach((size) => {\n        if (typeof props[size] === 'number') {\n          classes.push(ns.b(`${size}-${props[size]}`))\n        } else if (typeof props[size] === 'object') {\n          const sizeProps = props[size]\n          Object.keys(sizeProps).forEach((prop) => {\n            classes.push(\n              prop !== 'span'\n                ? ns.b(`${size}-${prop}-${sizeProps[prop]}`)\n                : ns.b(`${size}-${sizeProps[prop]}`)\n            )\n          })\n        }\n      })\n      // this is for the fix\n      if (gutter.value) {\n        classes.push(ns.is('guttered'))\n      }\n\n      return classes\n    })\n\n    return () => (\n      <props.tag\n        v-slots={slots}\n        class={[ns.b(), classes.value]}\n        style={style.value}\n      />\n    )\n  },\n})\n"],"names":["colProps","buildProps","tag","type","String","default","span","Number","offset","pull","push","xs","definePropType","Object","mutable","sm","md","lg","xl","defineComponent","name","props","setup","slots","gutter","value","ns","useNamespace","style","paddingLeft","paddingRight","pos","size","classes","b","prop","sizes","forEach","sizeProps","keys"],"mappings":"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"}

package/lib/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/lib/components/collapse/index.js

@@ -3,15 +3,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('../../utils/index.js');
+var collapse$1 = require('./src/collapse2.js');
+var collapseItem$1 = require('./src/collapse-item2.js');
 var collapse = require('./src/collapse.js');
 var collapseItem = require('./src/collapse-item.js');
 var install = require('../../utils/vue/install.js');
 
-const ElCollapse = install.withInstall(collapse["default"], {
-  CollapseItem: collapseItem["default"]
+const ElCollapse = install.withInstall(collapse$1["default"], {
+  CollapseItem: collapseItem$1["default"]
 });
-const ElCollapseItem = install.withNoopInstall(collapseItem["default"]);
+const ElCollapseItem = install.withNoopInstall(collapseItem$1["default"]);
 
+exports.collapseEmits = collapse.collapseEmits;
+exports.collapseProps = collapse.collapseProps;
+exports.emitChangeFn = collapse.emitChangeFn;
+exports.collapseItemProps = collapseItem.collapseItemProps;
 exports.ElCollapse = ElCollapse;
 exports.ElCollapseItem = ElCollapseItem;
 exports["default"] = ElCollapse;

package/lib/components/collapse/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","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":["withInstall","Collapse","CollapseItem","withNoopInstall"],"mappings":";;;;;;;;;AAGY,MAAC,UAAU,GAAGA,mBAAW,CAACC,mBAAQ,EAAE;AAChD,gBAAEC,uBAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAGC,uBAAe,CAACD,uBAAY;;;;;;"}
+{"version":3,"file":"index.js","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":["withInstall","Collapse","CollapseItem","withNoopInstall"],"mappings":";;;;;;;;;;;AAGY,MAAC,UAAU,GAAGA,mBAAW,CAACC,qBAAQ,EAAE;AAChD,gBAAEC,yBAAY;AACd,CAAC,EAAE;AAES,MAAC,cAAc,GAAGC,uBAAe,CAACD,yBAAY;;;;;;;;;;"}

package/lib/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/lib/components/collapse/src/collapse-item.js

@@ -2,150 +2,21 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
 require('../../../utils/index.js');
-var index = require('../../collapse-transition/index.js');
-var index$1 = require('../../icon/index.js');
-var iconsVue = require('@element-plus/icons-vue');
-require('../../../hooks/index.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var props = require('../../../utils/vue/props.js');
 var rand = require('../../../utils/rand.js');
-var index$2 = require('../../../hooks/use-namespace/index.js');
 
-const _sfc_main = vue.defineComponent({
-  name: "ElCollapseItem",
-  components: { ElCollapseTransition: index["default"], ElIcon: index$1.ElIcon, ArrowRight: iconsVue.ArrowRight },
-  props: {
-    title: {
-      type: String,
-      default: ""
-    },
-    name: {
-      type: [String, Number],
-      default: () => {
-        return rand.generateId();
-      }
-    },
-    disabled: Boolean
+const collapseItemProps = props.buildProps({
+  title: {
+    type: String,
+    default: ""
   },
-  setup(props) {
-    const collapse = vue.inject("collapse");
-    const ns = index$2.useNamespace("collapse");
-    const contentWrapStyle = vue.ref({
-      height: "auto",
-      display: "block"
-    });
-    const contentHeight = vue.ref(0);
-    const focusing = vue.ref(false);
-    const isClick = vue.ref(false);
-    const id = vue.ref(rand.generateId());
-    const isActive = vue.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: props.definePropType([String, Number]),
+    default: () => rand.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 = vue.resolveComponent("arrow-right");
-  const _component_el_icon = vue.resolveComponent("el-icon");
-  const _component_el_collapse_transition = vue.resolveComponent("el-collapse-transition");
-  return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass([
-      _ctx.ns.b("item"),
-      _ctx.ns.is("active", _ctx.isActive),
-      _ctx.ns.is("disabled", _ctx.disabled)
-    ])
-  }, [
-    vue.createElementVNode("div", {
-      role: "tab",
-      "aria-expanded": _ctx.isActive,
-      "aria-controls": _ctx.ns.b(`content-${_ctx.id}`),
-      "aria-describedby": _ctx.ns.b(`content-${_ctx.id}`)
-    }, [
-      vue.createElementVNode("div", {
-        id: _ctx.ns.b(`head-${_ctx.id}`),
-        class: vue.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] = vue.withKeys(vue.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)
-      }, [
-        vue.renderSlot(_ctx.$slots, "title", {}, () => [
-          vue.createTextVNode(vue.toDisplayString(_ctx.title), 1)
-        ]),
-        vue.createVNode(_component_el_icon, {
-          class: vue.normalizeClass([_ctx.ns.be("item", "arrow"), _ctx.ns.is("active", _ctx.isActive)])
-        }, {
-          default: vue.withCtx(() => [
-            vue.createVNode(_component_arrow_right)
-          ]),
-          _: 1
-        }, 8, ["class"])
-      ], 42, _hoisted_2)
-    ], 8, _hoisted_1),
-    vue.createVNode(_component_el_collapse_transition, null, {
-      default: vue.withCtx(() => [
-        vue.withDirectives(vue.createElementVNode("div", {
-          id: _ctx.ns.b(`content-${_ctx.id}`),
-          class: vue.normalizeClass(_ctx.ns.be("item", "wrap")),
-          role: "tabpanel",
-          "aria-hidden": !_ctx.isActive,
-          "aria-labelledby": _ctx.ns.b(`head-${_ctx.id}`)
-        }, [
-          vue.createElementVNode("div", {
-            class: vue.normalizeClass(_ctx.ns.be("item", "content"))
-          }, [
-            vue.renderSlot(_ctx.$slots, "default")
-          ], 2)
-        ], 10, _hoisted_3), [
-          [vue.vShow, _ctx.isActive]
-        ])
-      ]),
-      _: 3
-    })
-  ], 2);
-}
-var CollapseItem = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["render", _sfc_render]]);
 
-exports["default"] = CollapseItem;
+exports.collapseItemProps = collapseItemProps;
 //# sourceMappingURL=collapse-item.js.map