element-pe 2.0.3 → 2.0.6

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

@@ -1,10 +1,10 @@
-export declare const ElCollapse: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
+export declare const ElCollapse: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
     readonly accordion: BooleanConstructor;
-    readonly modelValue: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
+    readonly modelValue: import("element-pe/es/utils").BuildPropReturn<import("element-pe/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-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
+        readonly modelValue: import("element-pe/es/utils").BuildPropReturn<import("element-pe/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;
@@ -32,22 +32,22 @@ export declare const ElCollapse: import("element-pe/utils").SFCWithInstall<impor
     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-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, () => [], unknown, unknown, unknown>;
+    readonly modelValue: import("element-pe/es/utils").BuildPropReturn<import("element-pe/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;
 }, {
-    modelValue: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, unknown, unknown>;
+    modelValue: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<import("./src/collapse").CollapseModelValue>, unknown, unknown>;
     accordion: boolean;
 }>> & {
     CollapseItem: import("vue").DefineComponent<{
-        readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+        readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
         readonly disabled: BooleanConstructor;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-            readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+            readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+            readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/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;
@@ -74,7 +74,7 @@ export declare const ElCollapse: import("element-pe/utils").SFCWithInstall<impor
         handleFocus: () => void;
         handleHeaderClick: () => void;
         handleEnterClick: () => void;
-        ElCollapseTransition: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+        ElCollapseTransition: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
             ns: {
                 namespace: import("vue").ComputedRef<string>;
                 b: (blockSuffix?: string) => string;
@@ -98,13 +98,13 @@ export declare const ElCollapse: import("element-pe/utils").SFCWithInstall<impor
                 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-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
-            readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        ElIcon: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+            readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
         }, {
             props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-                readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-                readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+                readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+                readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
             }>> & {
                 [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
             }>>;
@@ -124,32 +124,32 @@ export declare const ElCollapse: import("element-pe/utils").SFCWithInstall<impor
             };
             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-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
         }>>, {
-            size: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown>;
+            size: import("element-pe/es/utils").BuildPropType<import("element-pe/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<{
-        readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+        readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
         readonly disabled: BooleanConstructor;
     }>>, {
         disabled: boolean;
-        name: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, unknown, unknown>;
+        name: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, unknown, unknown>;
         title: string;
     }>;
 };
 export default ElCollapse;
-export declare const ElCollapseItem: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
-    readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+export declare const ElCollapseItem: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+    readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+        readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/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;
@@ -176,7 +176,7 @@ export declare const ElCollapseItem: import("element-pe/utils").SFCWithInstall<i
     handleFocus: () => void;
     handleHeaderClick: () => void;
     handleEnterClick: () => void;
-    ElCollapseTransition: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+    ElCollapseTransition: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -200,13 +200,13 @@ export declare const ElCollapseItem: import("element-pe/utils").SFCWithInstall<i
             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-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
-        readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    ElIcon: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -226,20 +226,20 @@ export declare const ElCollapseItem: import("element-pe/utils").SFCWithInstall<i
         };
         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-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }>>, {
-        size: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown>;
+        size: import("element-pe/es/utils").BuildPropType<import("element-pe/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<{
-    readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 }>>, {
     disabled: boolean;
-    name: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, unknown, unknown>;
+    name: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<import("./src/collapse").CollapseActiveName>, unknown, unknown>;
     title: string;
 }>>;
 export * from './src/collapse';

package/es/components/collapse/index.mjs

@@ -1,8 +1,8 @@
 import '../../utils/index.mjs';
 import Collapse from './src/collapse2.mjs';
-import CollapseItem from './src/collapse-item.mjs';
+import CollapseItem from './src/collapse-item2.mjs';
 export { collapseEmits, collapseProps, emitChangeFn } from './src/collapse.mjs';
-export { collapseItemProps } from './src/collapse-item2.mjs';
+export { collapseItemProps } from './src/collapse-item.mjs';
 import { withInstall, withNoopInstall } from '../../utils/vue/install.mjs';
 
 const ElCollapse = withInstall(Collapse, {

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

@@ -2,8 +2,8 @@ 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-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<CollapseActiveName>, () => number, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 };
 export declare type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>;

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

@@ -1,121 +1,18 @@
-import { defineComponent, inject, ref, computed, openBlock, createElementBlock, normalizeClass, unref, 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 '../../../tokens/index.mjs';
-import { collapseItemProps } from './collapse-item2.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
-import { collapseContextKey } from '../../../tokens/collapse.mjs';
-import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props.mjs';
 import { generateId } from '../../../utils/rand.mjs';
 
-const _hoisted_1 = ["aria-expanded", "aria-controls", "aria-describedby"];
-const _hoisted_2 = ["id", "tabindex", "onKeypress"];
-const _hoisted_3 = ["id", "aria-hidden", "aria-labelledby"];
-const __default__ = {
-  name: "ElCollapseItem"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: collapseItemProps,
-  setup(__props, { expose }) {
-    const props = __props;
-    const collapse = inject(collapseContextKey);
-    const ns = useNamespace("collapse");
-    const focusing = ref(false);
-    const isClick = ref(false);
-    const id = ref(generateId());
-    const isActive = computed(() => collapse == null ? void 0 : collapse.activeNames.value.includes(props.name));
-    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);
-    };
-    expose({
-      isActive
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([
-          unref(ns).b("item"),
-          unref(ns).is("active", unref(isActive)),
-          unref(ns).is("disabled", _ctx.disabled)
-        ])
-      }, [
-        createElementVNode("div", {
-          role: "tab",
-          "aria-expanded": unref(isActive),
-          "aria-controls": unref(ns).b(`content-${id.value}`),
-          "aria-describedby": unref(ns).b(`content-${id.value}`)
-        }, [
-          createElementVNode("div", {
-            id: unref(ns).b(`head-${id.value}`),
-            class: normalizeClass([
-              unref(ns).be("item", "header"),
-              unref(ns).is("active", unref(isActive)),
-              { focusing: focusing.value }
-            ]),
-            role: "button",
-            tabindex: _ctx.disabled ? -1 : 0,
-            onClick: handleHeaderClick,
-            onKeypress: withKeys(withModifiers(handleEnterClick, ["stop", "prevent"]), ["space", "enter"]),
-            onFocus: handleFocus,
-            onBlur: _cache[0] || (_cache[0] = ($event) => focusing.value = false)
-          }, [
-            renderSlot(_ctx.$slots, "title", {}, () => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ]),
-            createVNode(unref(ElIcon), {
-              class: normalizeClass([unref(ns).be("item", "arrow"), unref(ns).is("active", unref(isActive))])
-            }, {
-              default: withCtx(() => [
-                createVNode(unref(ArrowRight))
-              ]),
-              _: 1
-            }, 8, ["class"])
-          ], 42, _hoisted_2)
-        ], 8, _hoisted_1),
-        createVNode(unref(_CollapseTransition), null, {
-          default: withCtx(() => [
-            withDirectives(createElementVNode("div", {
-              id: unref(ns).b(`content-${id.value}`),
-              class: normalizeClass(unref(ns).be("item", "wrap")),
-              role: "tabpanel",
-              "aria-hidden": !unref(isActive),
-              "aria-labelledby": unref(ns).b(`head-${id.value}`)
-            }, [
-              createElementVNode("div", {
-                class: normalizeClass(unref(ns).be("item", "content"))
-              }, [
-                renderSlot(_ctx.$slots, "default")
-              ], 2)
-            ], 10, _hoisted_3), [
-              [vShow, unref(isActive)]
-            ])
-          ]),
-          _: 3
-        })
-      ], 2);
-    };
-  }
+const collapseItemProps = buildProps({
+  title: {
+    type: String,
+    default: ""
+  },
+  name: {
+    type: definePropType([String, Number]),
+    default: () => generateId()
+  },
+  disabled: Boolean
 });
-var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/collapse/src/collapse-item.vue"]]);
 
-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        @keypress.space.enter.stop.prevent=\"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 />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, 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'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseItemProps } from './collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\n\nconst collapse = inject(collapseContextKey)\nconst ns = useNamespace('collapse')\n\nconst focusing = ref(false)\nconst isClick = ref(false)\nconst id = ref(generateId())\n\nconst isActive = computed(() =>\n  collapse?.activeNames.value.includes(props.name)\n)\n\nconst handleFocus = () => {\n  setTimeout(() => {\n    if (!isClick.value) {\n      focusing.value = true\n    } else {\n      isClick.value = false\n    }\n  }, 50)\n}\n\nconst handleHeaderClick = () => {\n  if (props.disabled) return\n  collapse?.handleItemClick(props.name)\n  focusing.value = false\n  isClick.value = true\n}\n\nconst handleEnterClick = () => {\n  collapse?.handleItemClick(props.name)\n}\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAA,MAAA,QAAA,GAAA,OAAA,kBAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,UAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,GAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAA,SAAA,MACA,QAAA,gBAAA,CAAA,GAAA,QAAA,CAAA,WACA,CAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,MAAA;AACA,MAAA,UAAA,CAAA,MAAA;AACA,QAAA,IAAA,CAAA,QAAA,KAAA,EAAA;AACA,UAAA,QAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,SACA;AAAA,SACA,EAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,oBAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,QAAA;AAAA,QAAA,OAAA;AACA,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,WAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,mBAAA,MAAA;AACA,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,WAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,QAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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;;;;"}

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

@@ -1,16 +1,16 @@
 declare const _default: import("vue").DefineComponent<{
-    readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-        readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-        readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+        readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+        readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
         readonly disabled: BooleanConstructor;
     }>> & {
         [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
     }>>;
-    collapse: import("element-pe/tokens").CollapseContext | undefined;
+    collapse: import("element-pe/es/tokens").CollapseContext | undefined;
     ns: {
         namespace: import("vue").ComputedRef<string>;
         b: (blockSuffix?: string) => string;
@@ -32,7 +32,7 @@ declare const _default: import("vue").DefineComponent<{
     handleFocus: () => void;
     handleHeaderClick: () => void;
     handleEnterClick: () => void;
-    ElCollapseTransition: import("element-pe/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
+    ElCollapseTransition: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{}, {
         ns: {
             namespace: import("vue").ComputedRef<string>;
             b: (blockSuffix?: string) => string;
@@ -56,13 +56,13 @@ declare const _default: import("vue").DefineComponent<{
             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-pe/utils").SFCWithInstall<import("vue").DefineComponent<{
-        readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+    ElIcon: import("element-pe/es/utils").SFCWithInstall<import("vue").DefineComponent<{
+        readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }, {
         props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
-            readonly size: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-            readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+            readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+            readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
         }>> & {
             [x: string & `on${string}`]: ((...args: any[]) => any) | ((...args: unknown[]) => any) | undefined;
         }>>;
@@ -82,20 +82,20 @@ declare const _default: import("vue").DefineComponent<{
         };
         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-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
-        readonly color: import("element-pe/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
+        readonly size: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<string | number>, unknown, unknown, unknown, unknown>;
+        readonly color: import("element-pe/es/utils").BuildPropReturn<StringConstructor, unknown, unknown, unknown, unknown>;
     }>>, {
-        size: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<string | number>, unknown, unknown>;
+        size: import("element-pe/es/utils").BuildPropType<import("element-pe/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<{
-    readonly title: import("element-pe/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
-    readonly name: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
+    readonly title: import("element-pe/es/utils").BuildPropReturn<StringConstructor, "", unknown, unknown, unknown>;
+    readonly name: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseActiveName>, () => number, unknown, unknown, unknown>;
     readonly disabled: BooleanConstructor;
 }>>, {
     disabled: boolean;
-    name: import("element-pe/utils").BuildPropType<import("element-pe/utils").PropWrapper<import("./collapse").CollapseActiveName>, unknown, unknown>;
+    name: import("element-pe/es/utils").BuildPropType<import("element-pe/es/utils").PropWrapper<import("./collapse").CollapseActiveName>, unknown, unknown>;
     title: string;
 }>;
 export default _default;

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

@@ -1,18 +1,121 @@
+import { defineComponent, inject, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, withKeys, withModifiers, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, withDirectives, vShow } from 'vue';
 import '../../../utils/index.mjs';
-import { buildProps, definePropType } from '../../../utils/vue/props.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 '../../../tokens/index.mjs';
+import { collapseItemProps } from './collapse-item.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { collapseContextKey } from '../../../tokens/collapse.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { generateId } from '../../../utils/rand.mjs';
 
-const collapseItemProps = buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  name: {
-    type: definePropType([String, Number]),
-    default: () => generateId()
-  },
-  disabled: Boolean
+const _hoisted_1 = ["aria-expanded", "aria-controls", "aria-describedby"];
+const _hoisted_2 = ["id", "tabindex", "onKeypress"];
+const _hoisted_3 = ["id", "aria-hidden", "aria-labelledby"];
+const __default__ = {
+  name: "ElCollapseItem"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: collapseItemProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const collapse = inject(collapseContextKey);
+    const ns = useNamespace("collapse");
+    const focusing = ref(false);
+    const isClick = ref(false);
+    const id = ref(generateId());
+    const isActive = computed(() => collapse == null ? void 0 : collapse.activeNames.value.includes(props.name));
+    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);
+    };
+    expose({
+      isActive
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([
+          unref(ns).b("item"),
+          unref(ns).is("active", unref(isActive)),
+          unref(ns).is("disabled", _ctx.disabled)
+        ])
+      }, [
+        createElementVNode("div", {
+          role: "tab",
+          "aria-expanded": unref(isActive),
+          "aria-controls": unref(ns).b(`content-${id.value}`),
+          "aria-describedby": unref(ns).b(`content-${id.value}`)
+        }, [
+          createElementVNode("div", {
+            id: unref(ns).b(`head-${id.value}`),
+            class: normalizeClass([
+              unref(ns).be("item", "header"),
+              unref(ns).is("active", unref(isActive)),
+              { focusing: focusing.value }
+            ]),
+            role: "button",
+            tabindex: _ctx.disabled ? -1 : 0,
+            onClick: handleHeaderClick,
+            onKeypress: withKeys(withModifiers(handleEnterClick, ["stop", "prevent"]), ["space", "enter"]),
+            onFocus: handleFocus,
+            onBlur: _cache[0] || (_cache[0] = ($event) => focusing.value = false)
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ]),
+            createVNode(unref(ElIcon), {
+              class: normalizeClass([unref(ns).be("item", "arrow"), unref(ns).is("active", unref(isActive))])
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(ArrowRight))
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 42, _hoisted_2)
+        ], 8, _hoisted_1),
+        createVNode(unref(_CollapseTransition), null, {
+          default: withCtx(() => [
+            withDirectives(createElementVNode("div", {
+              id: unref(ns).b(`content-${id.value}`),
+              class: normalizeClass(unref(ns).be("item", "wrap")),
+              role: "tabpanel",
+              "aria-hidden": !unref(isActive),
+              "aria-labelledby": unref(ns).b(`head-${id.value}`)
+            }, [
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).be("item", "content"))
+              }, [
+                renderSlot(_ctx.$slots, "default")
+              ], 2)
+            ], 10, _hoisted_3), [
+              [vShow, unref(isActive)]
+            ])
+          ]),
+          _: 3
+        })
+      ], 2);
+    };
+  }
 });
+var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/Users/meng/workspace/element-pe/packages/components/collapse/src/collapse-item.vue"]]);
 
-export { collapseItemProps };
+export { CollapseItem as default };
 //# sourceMappingURL=collapse-item2.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.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;;;;"}
+{"version":3,"file":"collapse-item2.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        @keypress.space.enter.stop.prevent=\"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 />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, inject, 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'\nimport { collapseContextKey } from '@element-plus/tokens'\nimport { collapseItemProps } from './collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\n\nconst collapse = inject(collapseContextKey)\nconst ns = useNamespace('collapse')\n\nconst focusing = ref(false)\nconst isClick = ref(false)\nconst id = ref(generateId())\n\nconst isActive = computed(() =>\n  collapse?.activeNames.value.includes(props.name)\n)\n\nconst handleFocus = () => {\n  setTimeout(() => {\n    if (!isClick.value) {\n      focusing.value = true\n    } else {\n      isClick.value = false\n    }\n  }, 50)\n}\n\nconst handleHeaderClick = () => {\n  if (props.disabled) return\n  collapse?.handleItemClick(props.name)\n  focusing.value = false\n  isClick.value = true\n}\n\nconst handleEnterClick = () => {\n  collapse?.handleItemClick(props.name)\n}\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAmEA,IAAA,MAAA,QAAA,GAAA,OAAA,kBAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,aAAA,UAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,OAAA,GAAA,IAAA,KAAA,CAAA,CAAA;AACA,IAAA,MAAA,EAAA,GAAA,GAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAEA,IAAA,MAAA,QAAA,GAAA,SAAA,MACA,QAAA,gBAAA,CAAA,GAAA,QAAA,CAAA,WACA,CAAA,KAAA,CAAA,QAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA,CAAA;AAEA,IAAA,MAAA,cAAA,MAAA;AACA,MAAA,UAAA,CAAA,MAAA;AACA,QAAA,IAAA,CAAA,QAAA,KAAA,EAAA;AACA,UAAA,QAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,SACA,MAAA;AACA,UAAA,OAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AAAA,SACA;AAAA,SACA,EAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,oBAAA,MAAA;AACA,MAAA,IAAA,KAAA,CAAA,QAAA;AAAA,QAAA,OAAA;AACA,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,WAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AACA,MAAA,QAAA,CAAA,KAAA,GAAA,KAAA,CAAA;AACA,MAAA,OAAA,CAAA,KAAA,GAAA,IAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,mBAAA,MAAA;AACA,MAAA,QAAA,IAAA,IAAA,GAAA,KAAA,CAAA,WAAA,CAAA,eAAA,CAAA,KAAA,CAAA,IAAA,CAAA,CAAA;AAAA,KACA,CAAA;AAEA,IAAA,MAAA,CAAA;AAAA,MAEA,QAAA;AAAA,KACA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,12 +1,12 @@
 import type { ExtractPropTypes } from 'vue';
 import type Collapse from './collapse.vue';
-import type { Arrayable } from 'element-pe/utils';
+import type { Arrayable } from 'element-pe/es/utils';
 export declare type CollapseActiveName = string | number;
 export declare type CollapseModelValue = Arrayable<CollapseActiveName>;
 export declare const emitChangeFn: (value: CollapseModelValue) => "string" | "number" | "bigint" | "boolean" | "symbol" | "undefined" | "object" | "function";
 export declare const collapseProps: {
     readonly accordion: BooleanConstructor;
-    readonly modelValue: import("element-pe/utils").BuildPropReturn<import("element-pe/utils").PropWrapper<CollapseModelValue>, () => [], unknown, unknown, unknown>;
+    readonly modelValue: import("element-pe/es/utils").BuildPropReturn<import("element-pe/es/utils").PropWrapper<CollapseModelValue>, () => [], unknown, unknown, unknown>;
 };
 export declare type CollapseProps = ExtractPropTypes<typeof collapseProps>;
 export declare const collapseEmits: {