@element-plus/nightly 0.0.20251225 → 0.0.20251227

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

@@ -1,22 +1,123 @@
-import { ArrowRight } from '@element-plus/icons-vue';
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, withKeys, withModifiers, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent, withDirectives, vShow } from 'vue';
+import { ElCollapseTransition } from '../../collapse-transition/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { collapseItemProps } from './collapse-item.mjs';
+import { useCollapseItem, useCollapseItemDOM } from './use-collapse-item.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const collapseItemProps = buildProps({
-  title: {
-    type: String,
-    default: ""
+const _hoisted_1 = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "aria-disabled"];
+const _hoisted_2 = ["id", "aria-hidden", "aria-labelledby"];
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElCollapseItem"
   },
-  name: {
-    type: definePropType([String, Number]),
-    default: void 0
-  },
-  icon: {
-    type: iconPropType,
-    default: ArrowRight
-  },
-  disabled: Boolean
+  __name: "collapse-item",
+  props: collapseItemProps,
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const {
+      focusing,
+      id,
+      isActive,
+      handleFocus,
+      handleHeaderClick,
+      handleEnterClick
+    } = useCollapseItem(props);
+    const {
+      arrowKls,
+      headKls,
+      rootKls,
+      itemTitleKls,
+      itemWrapperKls,
+      itemContentKls,
+      scopedContentId,
+      scopedHeadId
+    } = useCollapseItemDOM(props, { focusing, isActive, id });
+    __expose({
+      isActive
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(rootKls))
+        },
+        [
+          createElementVNode("div", {
+            id: unref(scopedHeadId),
+            class: normalizeClass(unref(headKls)),
+            "aria-expanded": unref(isActive),
+            "aria-controls": unref(scopedContentId),
+            "aria-describedby": unref(scopedContentId),
+            tabindex: _ctx.disabled ? void 0 : 0,
+            "aria-disabled": _ctx.disabled,
+            role: "button",
+            onClick: _cache[0] || (_cache[0] = (...args) => unref(handleHeaderClick) && unref(handleHeaderClick)(...args)),
+            onKeydown: _cache[1] || (_cache[1] = withKeys(withModifiers(
+              (...args) => unref(handleEnterClick) && unref(handleEnterClick)(...args),
+              ["stop"]
+            ), ["space", "enter"])),
+            onFocus: _cache[2] || (_cache[2] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
+            onBlur: _cache[3] || (_cache[3] = ($event) => focusing.value = false)
+          }, [
+            createElementVNode(
+              "span",
+              {
+                class: normalizeClass(unref(itemTitleKls))
+              },
+              [
+                renderSlot(_ctx.$slots, "title", { isActive: unref(isActive) }, () => [
+                  createTextVNode(
+                    toDisplayString(_ctx.title),
+                    1
+                  )
+                ])
+              ],
+              2
+            ),
+            renderSlot(_ctx.$slots, "icon", { isActive: unref(isActive) }, () => [
+              createVNode(unref(ElIcon), {
+                class: normalizeClass(unref(arrowKls))
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ])
+          ], 42, _hoisted_1),
+          createVNode(unref(ElCollapseTransition), null, {
+            default: withCtx(() => [
+              withDirectives(createElementVNode("div", {
+                id: unref(scopedContentId),
+                role: "region",
+                class: normalizeClass(unref(itemWrapperKls)),
+                "aria-hidden": !unref(isActive),
+                "aria-labelledby": unref(scopedHeadId)
+              }, [
+                createElementVNode(
+                  "div",
+                  {
+                    class: normalizeClass(unref(itemContentKls))
+                  },
+                  [
+                    renderSlot(_ctx.$slots, "default")
+                  ],
+                  2
+                )
+              ], 10, _hoisted_2), [
+                [vShow, unref(isActive)]
+              ])
+            ]),
+            _: 3
+          })
+        ],
+        2
+      );
+    };
+  }
 });
+var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/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, iconPropType } from '@element-plus/utils'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description icon of the collapse item\n   */\n  icon: {\n    type: iconPropType,\n    default: ArrowRight,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\nexport type CollapseItemPropsPublic = ExtractPublicPropTypes<\n  typeof collapseItemProps\n>\n"],"names":[],"mappings":";;;;AAMO,MAAM,oBAAoB,UAAW,CAAA;AAAA,EAI1C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,cAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,YAAA;AAAA,IACN,OAAS,EAAA,UAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}
+{"version":3,"file":"collapse-item2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div\n      :id=\"scopedHeadId\"\n      :class=\"headKls\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"scopedContentId\"\n      :aria-describedby=\"scopedContentId\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"button\"\n      @click=\"handleHeaderClick\"\n      @keydown.space.enter.stop=\"handleEnterClick\"\n      @focus=\"handleFocus\"\n      @blur=\"focusing = false\"\n    >\n      <span :class=\"itemTitleKls\">\n        <slot name=\"title\" :is-active=\"isActive\">{{ title }}</slot>\n      </span>\n      <slot name=\"icon\" :is-active=\"isActive\">\n        <el-icon :class=\"arrowKls\">\n          <component :is=\"icon\" />\n        </el-icon>\n      </slot>\n    </div>\n\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"scopedContentId\"\n        role=\"region\"\n        :class=\"itemWrapperKls\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"scopedHeadId\"\n      >\n        <div :class=\"itemContentKls\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { collapseItemProps } from './collapse-item'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\nconst {\n  focusing,\n  id,\n  isActive,\n  handleFocus,\n  handleHeaderClick,\n  handleEnterClick,\n} = useCollapseItem(props)\n\nconst {\n  arrowKls,\n  headKls,\n  rootKls,\n  itemTitleKls,\n  itemWrapperKls,\n  itemContentKls,\n  scopedContentId,\n  scopedHeadId,\n} = useCollapseItemDOM(props, { focusing, isActive, id })\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","disabled","_withKeys","_withModifiers","_renderSlot","_createTextVNode","title","_createVNode","_createBlock","_resolveDynamicComponent","icon","_withCtx","_withDirectives"],"mappings":"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"}

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

@@ -1,39 +1,30 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
-import { collapseProps, collapseEmits } from './collapse2.mjs';
-import { useCollapse, useCollapseDOM } from './use-collapse.mjs';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
+import { isNumber } from '../../../utils/types.mjs';
+import { isString, isArray } from '@vue/shared';
+import { mutable } from '../../../utils/typescript.mjs';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
 
-const _sfc_main = defineComponent({
-  ...{
-    name: "ElCollapse"
+const emitChangeFn = (value) => isNumber(value) || isString(value) || isArray(value);
+const collapseProps = buildProps({
+  accordion: Boolean,
+  modelValue: {
+    type: definePropType([Array, String, Number]),
+    default: () => mutable([])
   },
-  __name: "collapse",
-  props: collapseProps,
-  emits: collapseEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { activeNames, setActiveNames } = useCollapse(props, emit);
-    const { rootKls } = useCollapseDOM(props);
-    __expose({
-      activeNames,
-      setActiveNames
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(rootKls))
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-      );
-    };
+  expandIconPosition: {
+    type: definePropType([String]),
+    default: "right"
+  },
+  beforeCollapse: {
+    type: definePropType(
+      Function
+    )
   }
 });
-var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/collapse/src/collapse.vue"]]);
+const collapseEmits = {
+  [UPDATE_MODEL_EVENT]: emitChangeFn,
+  [CHANGE_EVENT]: emitChangeFn
+};
 
-export { Collapse as default };
+export { collapseEmits, collapseProps, emitChangeFn };
 //# sourceMappingURL=collapse.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { collapseEmits, collapseProps } from './collapse'\nimport { useCollapse, useCollapseDOM } from './use-collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\nconst { rootKls } = useCollapseDOM(props)\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAmB,GAAA,WAAA,CAAY,OAAO,IAAI,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,OAAA,EAAY,GAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAE3B,IAAA,QAAA,CAAA;AAAA,MAEX,WAAA;AAAA,MAEA,cAAA;AAAA,KACD,CAAA,CAAA;;AAxBC,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,KAAK,EAAAC,cAAA,CAAEC,KAAO,CAAA,OAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAClBC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}
+{"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n  isString,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Arrayable, Awaitable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport type CollapseIconPositionType = 'left' | 'right'\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n  isNumber(value) || isString(value) || isArray(value)\n\nexport const collapseProps = buildProps({\n  /**\n   * @description whether to activate accordion mode\n   */\n  accordion: Boolean,\n  /**\n   * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`\n   */\n  modelValue: {\n    type: definePropType<CollapseModelValue>([Array, String, Number]),\n    default: () => mutable([] as const),\n  },\n  /**\n   * @description set expand icon position\n   */\n  expandIconPosition: {\n    type: definePropType<CollapseIconPositionType>([String]),\n    default: 'right',\n  },\n  /**\n   * @description before-collapse hook before the collapse state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop collapsing\n   */\n  beforeCollapse: {\n    type: definePropType<(name: CollapseActiveName) => Awaitable<boolean>>(\n      Function\n    ),\n  },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\nexport type CollapsePropsPublic = ExtractPublicPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n"],"names":[],"mappings":";;;;;;AAkBa,MAAA,YAAA,GAAe,CAAC,KAAA,KAC3B,QAAS,CAAA,KAAK,KAAK,QAAS,CAAA,KAAK,CAAK,IAAA,OAAA,CAAQ,KAAK,EAAA;AAE9C,MAAM,gBAAgB,UAAW,CAAA;AAAA,EAItC,SAAW,EAAA,OAAA;AAAA,EAIX,UAAY,EAAA;AAAA,IACV,MAAM,cAAmC,CAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAChE,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AAAA,EAIA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,cAAA,CAAyC,CAAC,MAAM,CAAC,CAAA;AAAA,IACvD,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,cAAA;AAAA,MACJ,QAAA;AAAA,KACF;AAAA,GACF;AACF,CAAU,EAAA;AAIH,MAAM,aAAgB,GAAA;AAAA,EAC3B,CAAC,kBAAqB,GAAA,YAAA;AAAA,EACtB,CAAC,YAAe,GAAA,YAAA;AAClB;;;;"}

package/es/components/collapse/src/collapse2.mjs

@@ -1,30 +1,39 @@
-import { buildProps, definePropType } from '../../../utils/vue/props/runtime.mjs';
-import { isNumber } from '../../../utils/types.mjs';
-import { isString, isArray } from '@vue/shared';
-import { mutable } from '../../../utils/typescript.mjs';
-import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../constants/event.mjs';
+import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot } from 'vue';
+import { collapseProps, collapseEmits } from './collapse.mjs';
+import { useCollapse, useCollapseDOM } from './use-collapse.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const emitChangeFn = (value) => isNumber(value) || isString(value) || isArray(value);
-const collapseProps = buildProps({
-  accordion: Boolean,
-  modelValue: {
-    type: definePropType([Array, String, Number]),
-    default: () => mutable([])
+const _sfc_main = defineComponent({
+  ...{
+    name: "ElCollapse"
   },
-  expandIconPosition: {
-    type: definePropType([String]),
-    default: "right"
-  },
-  beforeCollapse: {
-    type: definePropType(
-      Function
-    )
+  __name: "collapse",
+  props: collapseProps,
+  emits: collapseEmits,
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const { activeNames, setActiveNames } = useCollapse(props, emit);
+    const { rootKls } = useCollapseDOM(props);
+    __expose({
+      activeNames,
+      setActiveNames
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: normalizeClass(unref(rootKls))
+        },
+        [
+          renderSlot(_ctx.$slots, "default")
+        ],
+        2
+      );
+    };
   }
 });
-const collapseEmits = {
-  [UPDATE_MODEL_EVENT]: emitChangeFn,
-  [CHANGE_EVENT]: emitChangeFn
-};
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/collapse/src/collapse.vue"]]);
 
-export { collapseEmits, collapseProps, emitChangeFn };
+export { Collapse as default };
 //# sourceMappingURL=collapse2.mjs.map

package/es/components/collapse/src/collapse2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.ts"],"sourcesContent":["import {\n  buildProps,\n  definePropType,\n  isArray,\n  isNumber,\n  isString,\n  mutable,\n} from '@element-plus/utils'\nimport { CHANGE_EVENT, UPDATE_MODEL_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { Arrayable, Awaitable } from '@element-plus/utils'\n\nexport type CollapseActiveName = string | number\nexport type CollapseModelValue = Arrayable<CollapseActiveName>\n\nexport type CollapseIconPositionType = 'left' | 'right'\n\nexport const emitChangeFn = (value: CollapseModelValue) =>\n  isNumber(value) || isString(value) || isArray(value)\n\nexport const collapseProps = buildProps({\n  /**\n   * @description whether to activate accordion mode\n   */\n  accordion: Boolean,\n  /**\n   * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`\n   */\n  modelValue: {\n    type: definePropType<CollapseModelValue>([Array, String, Number]),\n    default: () => mutable([] as const),\n  },\n  /**\n   * @description set expand icon position\n   */\n  expandIconPosition: {\n    type: definePropType<CollapseIconPositionType>([String]),\n    default: 'right',\n  },\n  /**\n   * @description before-collapse hook before the collapse state changes. If `false` is returned or a `Promise` is returned and then is rejected, will stop collapsing\n   */\n  beforeCollapse: {\n    type: definePropType<(name: CollapseActiveName) => Awaitable<boolean>>(\n      Function\n    ),\n  },\n} as const)\nexport type CollapseProps = ExtractPropTypes<typeof collapseProps>\nexport type CollapsePropsPublic = ExtractPublicPropTypes<typeof collapseProps>\n\nexport const collapseEmits = {\n  [UPDATE_MODEL_EVENT]: emitChangeFn,\n  [CHANGE_EVENT]: emitChangeFn,\n}\nexport type CollapseEmits = typeof collapseEmits\n"],"names":[],"mappings":";;;;;;AAkBa,MAAA,YAAA,GAAe,CAAC,KAAA,KAC3B,QAAS,CAAA,KAAK,KAAK,QAAS,CAAA,KAAK,CAAK,IAAA,OAAA,CAAQ,KAAK,EAAA;AAE9C,MAAM,gBAAgB,UAAW,CAAA;AAAA,EAItC,SAAW,EAAA,OAAA;AAAA,EAIX,UAAY,EAAA;AAAA,IACV,MAAM,cAAmC,CAAA,CAAC,KAAO,EAAA,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAChE,OAAS,EAAA,MAAM,OAAQ,CAAA,EAAW,CAAA;AAAA,GACpC;AAAA,EAIA,kBAAoB,EAAA;AAAA,IAClB,IAAM,EAAA,cAAA,CAAyC,CAAC,MAAM,CAAC,CAAA;AAAA,IACvD,OAAS,EAAA,OAAA;AAAA,GACX;AAAA,EAIA,cAAgB,EAAA;AAAA,IACd,IAAM,EAAA,cAAA;AAAA,MACJ,QAAA;AAAA,KACF;AAAA,GACF;AACF,CAAU,EAAA;AAIH,MAAM,aAAgB,GAAA;AAAA,EAC3B,CAAC,kBAAqB,GAAA,YAAA;AAAA,EACtB,CAAC,YAAe,GAAA,YAAA;AAClB;;;;"}
+{"version":3,"file":"collapse2.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <slot />\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { collapseEmits, collapseProps } from './collapse'\nimport { useCollapse, useCollapseDOM } from './use-collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = defineProps(collapseProps)\nconst emit = defineEmits(collapseEmits)\n\nconst { activeNames, setActiveNames } = useCollapse(props, emit)\n\nconst { rootKls } = useCollapseDOM(props)\n\ndefineExpose({\n  /** @description active names */\n  activeNames,\n  /** @description set active names */\n  setActiveNames,\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;AAaA,IAAA,MAAM,KAAQ,GAAA,OAAA,CAAA;AACd,IAAA,MAAM,IAAO,GAAA,MAAA,CAAA;AAEb,IAAA,MAAM,EAAE,WAAa,EAAA,cAAA,EAAmB,GAAA,WAAA,CAAY,OAAO,IAAI,CAAA,CAAA;AAE/D,IAAA,MAAM,EAAE,OAAA,EAAY,GAAA,cAAA,CAAe,KAAK,CAAA,CAAA;AAE3B,IAAA,QAAA,CAAA;AAAA,MAEX,WAAA;AAAA,MAEA,cAAA;AAAA,KACD,CAAA,CAAA;;AAxBC,MAAA,OAAAA,WAAA,EAAAC,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,KAAK,EAAAC,cAAA,CAAEC,KAAO,CAAA,OAAA,CAAA,CAAA;AAAA,SAAA;AAAA;UAClBC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA;AAAA,SAAA;AAAA;;;;;;;;;"}

package/es/components/collection/index.mjs

@@ -1,2 +1,2 @@
-export { COLLECTION_ITEM_SIGN, createCollectionWithScope } from './src/collection2.mjs';
+export { COLLECTION_ITEM_SIGN, createCollectionWithScope } from './src/collection.mjs';
 //# sourceMappingURL=index.mjs.map

package/es/components/collection/src/collection.mjs

@@ -1,13 +1,67 @@
-import { defineComponent, renderSlot } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { ref, provide, inject, onMounted, unref, onBeforeUnmount } from 'vue';
+import Collection from './collection2.mjs';
+import CollectionItem from './collection-item.mjs';
 
-const _sfc_main = defineComponent({
-  inheritAttrs: false
-});
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return renderSlot(_ctx.$slots, "default");
-}
-var Collection = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
+const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
+const createCollectionWithScope = (name) => {
+  const COLLECTION_NAME = `El${name}Collection`;
+  const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`;
+  const COLLECTION_INJECTION_KEY = Symbol(COLLECTION_NAME);
+  const COLLECTION_ITEM_INJECTION_KEY = Symbol(COLLECTION_ITEM_NAME);
+  const ElCollection = Object.assign({}, Collection, {
+    name: COLLECTION_NAME,
+    setup() {
+      const collectionRef = ref();
+      const itemMap = /* @__PURE__ */ new Map();
+      const getItems = () => {
+        const collectionEl = unref(collectionRef);
+        if (!collectionEl)
+          return [];
+        const orderedNodes = Array.from(
+          collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)
+        );
+        const items = [...itemMap.values()];
+        return items.sort(
+          (a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref)
+        );
+      };
+      provide(COLLECTION_INJECTION_KEY, {
+        itemMap,
+        getItems,
+        collectionRef
+      });
+    }
+  });
+  const ElCollectionItem = Object.assign({}, CollectionItem, {
+    name: COLLECTION_ITEM_NAME,
+    setup(_, { attrs }) {
+      const collectionItemRef = ref();
+      const collectionInjection = inject(COLLECTION_INJECTION_KEY, void 0);
+      provide(COLLECTION_ITEM_INJECTION_KEY, {
+        collectionItemRef
+      });
+      onMounted(() => {
+        const collectionItemEl = unref(collectionItemRef);
+        if (collectionItemEl) {
+          collectionInjection.itemMap.set(collectionItemEl, {
+            ref: collectionItemEl,
+            ...attrs
+          });
+        }
+      });
+      onBeforeUnmount(() => {
+        const collectionItemEl = unref(collectionItemRef);
+        collectionInjection.itemMap.delete(collectionItemEl);
+      });
+    }
+  });
+  return {
+    COLLECTION_INJECTION_KEY,
+    COLLECTION_ITEM_INJECTION_KEY,
+    ElCollection,
+    ElCollectionItem
+  };
+};
 
-export { Collection as default };
+export { COLLECTION_ITEM_SIGN, createCollectionWithScope };
 //# sourceMappingURL=collection.mjs.map

package/es/components/collection/src/collection.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collection.mjs","sources":["../../../../../../packages/components/collection/src/collection.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  inheritAttrs: false,\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;AAOA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,YAAc,EAAA,KAAA;AAChB,CAAC,CAAA,CAAA;;EARC,OAAAA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;;;;;;"}
+{"version":3,"file":"collection.mjs","sources":["../../../../../../packages/components/collection/src/collection.ts"],"sourcesContent":["import { inject, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue'\nimport Collection from './collection.vue'\nimport CollectionItem from './collection-item.vue'\n\nimport type { InjectionKey, SetupContext } from 'vue'\nimport type {\n  ElCollectionInjectionContext,\n  ElCollectionItemInjectionContext,\n} from './tokens'\n\nexport const COLLECTION_ITEM_SIGN = `data-el-collection-item`\n\n// Make sure the first letter of name is capitalized\nexport const createCollectionWithScope = (name: string) => {\n  const COLLECTION_NAME = `El${name}Collection`\n  const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`\n  const COLLECTION_INJECTION_KEY: InjectionKey<ElCollectionInjectionContext> =\n    Symbol(COLLECTION_NAME)\n  const COLLECTION_ITEM_INJECTION_KEY: InjectionKey<ElCollectionItemInjectionContext> =\n    Symbol(COLLECTION_ITEM_NAME)\n\n  const ElCollection = Object.assign({}, Collection, {\n    name: COLLECTION_NAME,\n    setup() {\n      const collectionRef = ref<HTMLElement>()\n      const itemMap: ElCollectionInjectionContext['itemMap'] = new Map()\n      const getItems = (() => {\n        const collectionEl = unref(collectionRef)\n\n        if (!collectionEl) return []\n        const orderedNodes = Array.from(\n          collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)\n        )\n\n        const items = [...itemMap.values()]\n\n        return items.sort(\n          (a, b) => orderedNodes.indexOf(a.ref!) - orderedNodes.indexOf(b.ref!)\n        )\n      }) as ElCollectionInjectionContext['getItems']\n\n      provide(COLLECTION_INJECTION_KEY, {\n        itemMap,\n        getItems,\n        collectionRef,\n      })\n    },\n  })\n\n  const ElCollectionItem = Object.assign({}, CollectionItem, {\n    name: COLLECTION_ITEM_NAME,\n    setup(_: unknown, { attrs }: SetupContext) {\n      const collectionItemRef = ref<HTMLElement>()\n      const collectionInjection = inject(COLLECTION_INJECTION_KEY, undefined)!\n\n      provide(COLLECTION_ITEM_INJECTION_KEY, {\n        collectionItemRef,\n      })\n\n      onMounted(() => {\n        const collectionItemEl = unref(collectionItemRef)\n        if (collectionItemEl) {\n          collectionInjection.itemMap.set(collectionItemEl, {\n            ref: collectionItemEl,\n            ...attrs,\n          })\n        }\n      })\n\n      onBeforeUnmount(() => {\n        const collectionItemEl = unref(collectionItemRef)!\n        collectionInjection.itemMap.delete(collectionItemEl)\n      })\n    },\n  })\n\n  return {\n    COLLECTION_INJECTION_KEY,\n    COLLECTION_ITEM_INJECTION_KEY,\n    ElCollection,\n    ElCollectionItem,\n  }\n}\n"],"names":[],"mappings":";;;;AAUO,MAAM,oBAAuB,GAAA,CAAA,uBAAA,EAAA;AAGvB,MAAA,yBAAA,GAA4B,CAAC,IAAiB,KAAA;AACzD,EAAA,MAAM,kBAAkB,CAAK,EAAA,EAAA,IAAA,CAAA,UAAA,CAAA,CAAA;AAC7B,EAAA,MAAM,uBAAuB,CAAG,EAAA,eAAA,CAAA,IAAA,CAAA,CAAA;AAChC,EAAM,MAAA,wBAAA,GACJ,OAAO,eAAe,CAAA,CAAA;AACxB,EAAM,MAAA,6BAAA,GACJ,OAAO,oBAAoB,CAAA,CAAA;AAE7B,EAAA,MAAM,YAAe,GAAA,MAAA,CAAO,MAAO,CAAA,IAAI,UAAY,EAAA;AAAA,IACjD,IAAM,EAAA,eAAA;AAAA,IACN,KAAQ,GAAA;AACN,MAAA,MAAM,gBAAgB,GAAiB,EAAA,CAAA;AACvC,MAAM,MAAA,OAAA,uBAAuD,GAAI,EAAA,CAAA;AACjE,MAAA,MAAM,WAAY,MAAM;AACtB,QAAM,MAAA,YAAA,GAAe,MAAM,aAAa,CAAA,CAAA;AAExC,QAAA,IAAI,CAAC,YAAA;AAAc,UAAA,OAAO,EAAC,CAAA;AAC3B,QAAA,MAAM,eAAe,KAAM,CAAA,IAAA;AAAA,UACzB,YAAA,CAAa,gBAAiB,CAAA,CAAA,CAAA,EAAI,oBAAuB,CAAA,CAAA,CAAA,CAAA;AAAA,SAC3D,CAAA;AAEA,QAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,OAAA,CAAQ,QAAQ,CAAA,CAAA;AAElC,QAAA,OAAO,KAAM,CAAA,IAAA;AAAA,UACX,CAAC,CAAG,EAAA,CAAA,KAAM,YAAa,CAAA,OAAA,CAAQ,CAAE,CAAA,GAAI,CAAI,GAAA,YAAA,CAAa,OAAQ,CAAA,CAAA,CAAE,GAAI,CAAA;AAAA,SACtE,CAAA;AAAA,OACF,CAAA;AAEA,MAAA,OAAA,CAAQ,wBAA0B,EAAA;AAAA,QAChC,OAAA;AAAA,QACA,QAAA;AAAA,QACA,aAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,GACD,CAAA,CAAA;AAED,EAAA,MAAM,gBAAmB,GAAA,MAAA,CAAO,MAAO,CAAA,IAAI,cAAgB,EAAA;AAAA,IACzD,IAAM,EAAA,oBAAA;AAAA,IACN,KAAM,CAAA,CAAA,EAAY,EAAE,KAAA,EAAuB,EAAA;AACzC,MAAA,MAAM,oBAAoB,GAAiB,EAAA,CAAA;AAC3C,MAAM,MAAA,mBAAA,GAAsB,MAAO,CAAA,wBAAA,EAA0B,KAAS,CAAA,CAAA,CAAA;AAEtE,MAAA,OAAA,CAAQ,6BAA+B,EAAA;AAAA,QACrC,iBAAA;AAAA,OACD,CAAA,CAAA;AAED,MAAA,SAAA,CAAU,MAAM;AACd,QAAM,MAAA,gBAAA,GAAmB,MAAM,iBAAiB,CAAA,CAAA;AAChD,QAAA,IAAI,gBAAkB,EAAA;AACpB,UAAoB,mBAAA,CAAA,OAAA,CAAQ,IAAI,gBAAkB,EAAA;AAAA,YAChD,GAAK,EAAA,gBAAA;AAAA,YACL,GAAG,KAAA;AAAA,WACJ,CAAA,CAAA;AAAA,SACH;AAAA,OACD,CAAA,CAAA;AAED,MAAA,eAAA,CAAgB,MAAM;AACpB,QAAM,MAAA,gBAAA,GAAmB,MAAM,iBAAiB,CAAA,CAAA;AAChD,QAAoB,mBAAA,CAAA,OAAA,CAAQ,OAAO,gBAAgB,CAAA,CAAA;AAAA,OACpD,CAAA,CAAA;AAAA,KACH;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,wBAAA;AAAA,IACA,6BAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}

package/es/components/collection/src/collection2.mjs

@@ -1,67 +1,13 @@
-import { ref, provide, inject, onMounted, unref, onBeforeUnmount } from 'vue';
-import Collection from './collection.mjs';
-import CollectionItem from './collection-item.mjs';
+import { defineComponent, renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
-const createCollectionWithScope = (name) => {
-  const COLLECTION_NAME = `El${name}Collection`;
-  const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`;
-  const COLLECTION_INJECTION_KEY = Symbol(COLLECTION_NAME);
-  const COLLECTION_ITEM_INJECTION_KEY = Symbol(COLLECTION_ITEM_NAME);
-  const ElCollection = Object.assign({}, Collection, {
-    name: COLLECTION_NAME,
-    setup() {
-      const collectionRef = ref();
-      const itemMap = /* @__PURE__ */ new Map();
-      const getItems = () => {
-        const collectionEl = unref(collectionRef);
-        if (!collectionEl)
-          return [];
-        const orderedNodes = Array.from(
-          collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)
-        );
-        const items = [...itemMap.values()];
-        return items.sort(
-          (a, b) => orderedNodes.indexOf(a.ref) - orderedNodes.indexOf(b.ref)
-        );
-      };
-      provide(COLLECTION_INJECTION_KEY, {
-        itemMap,
-        getItems,
-        collectionRef
-      });
-    }
-  });
-  const ElCollectionItem = Object.assign({}, CollectionItem, {
-    name: COLLECTION_ITEM_NAME,
-    setup(_, { attrs }) {
-      const collectionItemRef = ref();
-      const collectionInjection = inject(COLLECTION_INJECTION_KEY, void 0);
-      provide(COLLECTION_ITEM_INJECTION_KEY, {
-        collectionItemRef
-      });
-      onMounted(() => {
-        const collectionItemEl = unref(collectionItemRef);
-        if (collectionItemEl) {
-          collectionInjection.itemMap.set(collectionItemEl, {
-            ref: collectionItemEl,
-            ...attrs
-          });
-        }
-      });
-      onBeforeUnmount(() => {
-        const collectionItemEl = unref(collectionItemRef);
-        collectionInjection.itemMap.delete(collectionItemEl);
-      });
-    }
-  });
-  return {
-    COLLECTION_INJECTION_KEY,
-    COLLECTION_ITEM_INJECTION_KEY,
-    ElCollection,
-    ElCollectionItem
-  };
-};
+const _sfc_main = defineComponent({
+  inheritAttrs: false
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+var Collection = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "/home/runner/work/element-plus/element-plus/packages/components/collection/src/collection.vue"]]);
 
-export { COLLECTION_ITEM_SIGN, createCollectionWithScope };
+export { Collection as default };
 //# sourceMappingURL=collection2.mjs.map

package/es/components/collection/src/collection2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"collection2.mjs","sources":["../../../../../../packages/components/collection/src/collection.ts"],"sourcesContent":["import { inject, onBeforeUnmount, onMounted, provide, ref, unref } from 'vue'\nimport Collection from './collection.vue'\nimport CollectionItem from './collection-item.vue'\n\nimport type { InjectionKey, SetupContext } from 'vue'\nimport type {\n  ElCollectionInjectionContext,\n  ElCollectionItemInjectionContext,\n} from './tokens'\n\nexport const COLLECTION_ITEM_SIGN = `data-el-collection-item`\n\n// Make sure the first letter of name is capitalized\nexport const createCollectionWithScope = (name: string) => {\n  const COLLECTION_NAME = `El${name}Collection`\n  const COLLECTION_ITEM_NAME = `${COLLECTION_NAME}Item`\n  const COLLECTION_INJECTION_KEY: InjectionKey<ElCollectionInjectionContext> =\n    Symbol(COLLECTION_NAME)\n  const COLLECTION_ITEM_INJECTION_KEY: InjectionKey<ElCollectionItemInjectionContext> =\n    Symbol(COLLECTION_ITEM_NAME)\n\n  const ElCollection = Object.assign({}, Collection, {\n    name: COLLECTION_NAME,\n    setup() {\n      const collectionRef = ref<HTMLElement>()\n      const itemMap: ElCollectionInjectionContext['itemMap'] = new Map()\n      const getItems = (() => {\n        const collectionEl = unref(collectionRef)\n\n        if (!collectionEl) return []\n        const orderedNodes = Array.from(\n          collectionEl.querySelectorAll(`[${COLLECTION_ITEM_SIGN}]`)\n        )\n\n        const items = [...itemMap.values()]\n\n        return items.sort(\n          (a, b) => orderedNodes.indexOf(a.ref!) - orderedNodes.indexOf(b.ref!)\n        )\n      }) as ElCollectionInjectionContext['getItems']\n\n      provide(COLLECTION_INJECTION_KEY, {\n        itemMap,\n        getItems,\n        collectionRef,\n      })\n    },\n  })\n\n  const ElCollectionItem = Object.assign({}, CollectionItem, {\n    name: COLLECTION_ITEM_NAME,\n    setup(_: unknown, { attrs }: SetupContext) {\n      const collectionItemRef = ref<HTMLElement>()\n      const collectionInjection = inject(COLLECTION_INJECTION_KEY, undefined)!\n\n      provide(COLLECTION_ITEM_INJECTION_KEY, {\n        collectionItemRef,\n      })\n\n      onMounted(() => {\n        const collectionItemEl = unref(collectionItemRef)\n        if (collectionItemEl) {\n          collectionInjection.itemMap.set(collectionItemEl, {\n            ref: collectionItemEl,\n            ...attrs,\n          })\n        }\n      })\n\n      onBeforeUnmount(() => {\n        const collectionItemEl = unref(collectionItemRef)!\n        collectionInjection.itemMap.delete(collectionItemEl)\n      })\n    },\n  })\n\n  return {\n    COLLECTION_INJECTION_KEY,\n    COLLECTION_ITEM_INJECTION_KEY,\n    ElCollection,\n    ElCollectionItem,\n  }\n}\n"],"names":[],"mappings":";;;;AAUO,MAAM,oBAAuB,GAAA,CAAA,uBAAA,EAAA;AAGvB,MAAA,yBAAA,GAA4B,CAAC,IAAiB,KAAA;AACzD,EAAA,MAAM,kBAAkB,CAAK,EAAA,EAAA,IAAA,CAAA,UAAA,CAAA,CAAA;AAC7B,EAAA,MAAM,uBAAuB,CAAG,EAAA,eAAA,CAAA,IAAA,CAAA,CAAA;AAChC,EAAM,MAAA,wBAAA,GACJ,OAAO,eAAe,CAAA,CAAA;AACxB,EAAM,MAAA,6BAAA,GACJ,OAAO,oBAAoB,CAAA,CAAA;AAE7B,EAAA,MAAM,YAAe,GAAA,MAAA,CAAO,MAAO,CAAA,IAAI,UAAY,EAAA;AAAA,IACjD,IAAM,EAAA,eAAA;AAAA,IACN,KAAQ,GAAA;AACN,MAAA,MAAM,gBAAgB,GAAiB,EAAA,CAAA;AACvC,MAAM,MAAA,OAAA,uBAAuD,GAAI,EAAA,CAAA;AACjE,MAAA,MAAM,WAAY,MAAM;AACtB,QAAM,MAAA,YAAA,GAAe,MAAM,aAAa,CAAA,CAAA;AAExC,QAAA,IAAI,CAAC,YAAA;AAAc,UAAA,OAAO,EAAC,CAAA;AAC3B,QAAA,MAAM,eAAe,KAAM,CAAA,IAAA;AAAA,UACzB,YAAA,CAAa,gBAAiB,CAAA,CAAA,CAAA,EAAI,oBAAuB,CAAA,CAAA,CAAA,CAAA;AAAA,SAC3D,CAAA;AAEA,QAAA,MAAM,KAAQ,GAAA,CAAC,GAAG,OAAA,CAAQ,QAAQ,CAAA,CAAA;AAElC,QAAA,OAAO,KAAM,CAAA,IAAA;AAAA,UACX,CAAC,CAAG,EAAA,CAAA,KAAM,YAAa,CAAA,OAAA,CAAQ,CAAE,CAAA,GAAI,CAAI,GAAA,YAAA,CAAa,OAAQ,CAAA,CAAA,CAAE,GAAI,CAAA;AAAA,SACtE,CAAA;AAAA,OACF,CAAA;AAEA,MAAA,OAAA,CAAQ,wBAA0B,EAAA;AAAA,QAChC,OAAA;AAAA,QACA,QAAA;AAAA,QACA,aAAA;AAAA,OACD,CAAA,CAAA;AAAA,KACH;AAAA,GACD,CAAA,CAAA;AAED,EAAA,MAAM,gBAAmB,GAAA,MAAA,CAAO,MAAO,CAAA,IAAI,cAAgB,EAAA;AAAA,IACzD,IAAM,EAAA,oBAAA;AAAA,IACN,KAAM,CAAA,CAAA,EAAY,EAAE,KAAA,EAAuB,EAAA;AACzC,MAAA,MAAM,oBAAoB,GAAiB,EAAA,CAAA;AAC3C,MAAM,MAAA,mBAAA,GAAsB,MAAO,CAAA,wBAAA,EAA0B,KAAS,CAAA,CAAA,CAAA;AAEtE,MAAA,OAAA,CAAQ,6BAA+B,EAAA;AAAA,QACrC,iBAAA;AAAA,OACD,CAAA,CAAA;AAED,MAAA,SAAA,CAAU,MAAM;AACd,QAAM,MAAA,gBAAA,GAAmB,MAAM,iBAAiB,CAAA,CAAA;AAChD,QAAA,IAAI,gBAAkB,EAAA;AACpB,UAAoB,mBAAA,CAAA,OAAA,CAAQ,IAAI,gBAAkB,EAAA;AAAA,YAChD,GAAK,EAAA,gBAAA;AAAA,YACL,GAAG,KAAA;AAAA,WACJ,CAAA,CAAA;AAAA,SACH;AAAA,OACD,CAAA,CAAA;AAED,MAAA,eAAA,CAAgB,MAAM;AACpB,QAAM,MAAA,gBAAA,GAAmB,MAAM,iBAAiB,CAAA,CAAA;AAChD,QAAoB,mBAAA,CAAA,OAAA,CAAQ,OAAO,gBAAgB,CAAA,CAAA;AAAA,OACpD,CAAA,CAAA;AAAA,KACH;AAAA,GACD,CAAA,CAAA;AAED,EAAO,OAAA;AAAA,IACL,wBAAA;AAAA,IACA,6BAAA;AAAA,IACA,YAAA;AAAA,IACA,gBAAA;AAAA,GACF,CAAA;AACF;;;;"}
+{"version":3,"file":"collection2.mjs","sources":["../../../../../../packages/components/collection/src/collection.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  inheritAttrs: false,\n})\n</script>\n"],"names":["_renderSlot"],"mappings":";;;AAOA,MAAK,YAAa,eAAa,CAAA;AAAA,EAC7B,YAAc,EAAA,KAAA;AAChB,CAAC,CAAA,CAAA;;EARC,OAAAA,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA,CAAA,CAAA;;;;;;"}

package/es/components/dropdown/src/dropdown-item-impl.mjs

@@ -5,7 +5,7 @@ import { DROPDOWN_INJECTION_KEY } from './tokens.mjs';
 import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 import { ROVING_FOCUS_ITEM_COLLECTION_INJECTION_KEY as COLLECTION_ITEM_INJECTION_KEY } from '../../roving-focus-group/src/roving-focus-group.mjs';
 import { ROVING_FOCUS_GROUP_ITEM_INJECTION_KEY } from '../../roving-focus-group/src/tokens.mjs';
-import { COLLECTION_ITEM_SIGN } from '../../collection/src/collection2.mjs';
+import { COLLECTION_ITEM_SIGN } from '../../collection/src/collection.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { composeRefs } from '../../../utils/vue/refs.mjs';
 import { composeEventHandlers, getEventCode } from '../../../utils/dom/event.mjs';

package/es/components/image/index.mjs

@@ -1,5 +1,5 @@
-import Image from './src/image.mjs';
-export { imageEmits, imageProps } from './src/image2.mjs';
+import Image from './src/image2.mjs';
+export { imageEmits, imageProps } from './src/image.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElImage = withInstall(Image);