@element-plus/nightly 0.0.20220121 → 0.0.20220122

package/es/components/checkbox/src/checkbox.mjs

@@ -1,7 +1,128 @@
-import script from './checkbox.vue_vue_type_script_lang.mjs';
-export { default } from './checkbox.vue_vue_type_script_lang.mjs';
-import { render } from './checkbox.vue_vue_type_template_id_2c9881e5_lang.mjs';
+import { defineComponent, createElementVNode, openBlock, createElementBlock, normalizeClass, withDirectives, vModelCheckbox, renderSlot, Fragment, createTextVNode, toDisplayString, createCommentVNode } from 'vue';
+import { UPDATE_MODEL_EVENT } from '../../../utils/constants.mjs';
+import { isValidComponentSize } from '../../../utils/validators.mjs';
+import { useCheckbox } from './useCheckbox.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/checkbox/src/checkbox.vue";
+const _sfc_main = defineComponent({
+  name: "ElCheckbox",
+  props: {
+    modelValue: {
+      type: [Boolean, Number, String],
+      default: () => void 0
+    },
+    label: {
+      type: [String, Boolean, Number, Object]
+    },
+    indeterminate: Boolean,
+    disabled: Boolean,
+    checked: Boolean,
+    name: {
+      type: String,
+      default: void 0
+    },
+    trueLabel: {
+      type: [String, Number],
+      default: void 0
+    },
+    falseLabel: {
+      type: [String, Number],
+      default: void 0
+    },
+    id: {
+      type: String,
+      default: void 0
+    },
+    controls: {
+      type: String,
+      default: void 0
+    },
+    border: Boolean,
+    size: {
+      type: String,
+      validator: isValidComponentSize
+    },
+    tabindex: [String, Number]
+  },
+  emits: [UPDATE_MODEL_EVENT, "change"],
+  setup(props) {
+    return useCheckbox(props);
+  }
+});
+const _hoisted_1 = ["id", "aria-controls"];
+const _hoisted_2 = ["tabindex", "role", "aria-checked"];
+const _hoisted_3 = /* @__PURE__ */ createElementVNode("span", { class: "el-checkbox__inner" }, null, -1);
+const _hoisted_4 = ["aria-hidden", "name", "tabindex", "disabled", "true-value", "false-value"];
+const _hoisted_5 = ["aria-hidden", "disabled", "value", "name", "tabindex"];
+const _hoisted_6 = {
+  key: 0,
+  class: "el-checkbox__label"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("label", {
+    id: _ctx.id,
+    class: normalizeClass(["el-checkbox", [
+      _ctx.checkboxSize ? "el-checkbox--" + _ctx.checkboxSize : "",
+      { "is-disabled": _ctx.isDisabled },
+      { "is-bordered": _ctx.border },
+      { "is-checked": _ctx.isChecked }
+    ]]),
+    "aria-controls": _ctx.indeterminate ? _ctx.controls : null
+  }, [
+    createElementVNode("span", {
+      class: normalizeClass(["el-checkbox__input", {
+        "is-disabled": _ctx.isDisabled,
+        "is-checked": _ctx.isChecked,
+        "is-indeterminate": _ctx.indeterminate,
+        "is-focus": _ctx.focus
+      }]),
+      tabindex: _ctx.indeterminate ? 0 : void 0,
+      role: _ctx.indeterminate ? "checkbox" : void 0,
+      "aria-checked": _ctx.indeterminate ? "mixed" : false
+    }, [
+      _hoisted_3,
+      _ctx.trueLabel || _ctx.falseLabel ? withDirectives((openBlock(), createElementBlock("input", {
+        key: 0,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.model = $event),
+        class: "el-checkbox__original",
+        type: "checkbox",
+        "aria-hidden": _ctx.indeterminate ? "true" : "false",
+        name: _ctx.name,
+        tabindex: _ctx.tabindex,
+        disabled: _ctx.isDisabled,
+        "true-value": _ctx.trueLabel,
+        "false-value": _ctx.falseLabel,
+        onChange: _cache[1] || (_cache[1] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+        onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.focus = true),
+        onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focus = false)
+      }, null, 40, _hoisted_4)), [
+        [vModelCheckbox, _ctx.model]
+      ]) : withDirectives((openBlock(), createElementBlock("input", {
+        key: 1,
+        "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => _ctx.model = $event),
+        class: "el-checkbox__original",
+        type: "checkbox",
+        "aria-hidden": _ctx.indeterminate ? "true" : "false",
+        disabled: _ctx.isDisabled,
+        value: _ctx.label,
+        name: _ctx.name,
+        tabindex: _ctx.tabindex,
+        onChange: _cache[5] || (_cache[5] = (...args) => _ctx.handleChange && _ctx.handleChange(...args)),
+        onFocus: _cache[6] || (_cache[6] = ($event) => _ctx.focus = true),
+        onBlur: _cache[7] || (_cache[7] = ($event) => _ctx.focus = false)
+      }, null, 40, _hoisted_5)), [
+        [vModelCheckbox, _ctx.model]
+      ])
+    ], 10, _hoisted_2),
+    _ctx.$slots.default || _ctx.label ? (openBlock(), createElementBlock("span", _hoisted_6, [
+      renderSlot(_ctx.$slots, "default"),
+      !_ctx.$slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+        createTextVNode(toDisplayString(_ctx.label), 1)
+      ], 2112)) : createCommentVNode("v-if", true)
+    ])) : createCommentVNode("v-if", true)
+  ], 10, _hoisted_1);
+}
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Checkbox as default };
 //# sourceMappingURL=checkbox.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"checkbox.mjs","sources":["../../../../../../packages/components/checkbox/src/checkbox.vue"],"sourcesContent":["<template>\n  <label\n    :id=\"id\"\n    class=\"el-checkbox\"\n    :class=\"[\n      checkboxSize ? 'el-checkbox--' + checkboxSize : '',\n      { 'is-disabled': isDisabled },\n      { 'is-bordered': border },\n      { 'is-checked': isChecked },\n    ]\"\n    :aria-controls=\"indeterminate ? controls : null\"\n  >\n    <span\n      class=\"el-checkbox__input\"\n      :class=\"{\n        'is-disabled': isDisabled,\n        'is-checked': isChecked,\n        'is-indeterminate': indeterminate,\n        'is-focus': focus,\n      }\"\n      :tabindex=\"indeterminate ? 0 : undefined\"\n      :role=\"indeterminate ? 'checkbox' : undefined\"\n      :aria-checked=\"indeterminate ? 'mixed' : false\"\n    >\n      <span class=\"el-checkbox__inner\"></span>\n      <input\n        v-if=\"trueLabel || falseLabel\"\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        :disabled=\"isDisabled\"\n        :true-value=\"trueLabel\"\n        :false-value=\"falseLabel\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n      <input\n        v-else\n        v-model=\"model\"\n        class=\"el-checkbox__original\"\n        type=\"checkbox\"\n        :aria-hidden=\"indeterminate ? 'true' : 'false'\"\n        :disabled=\"isDisabled\"\n        :value=\"label\"\n        :name=\"name\"\n        :tabindex=\"tabindex\"\n        @change=\"handleChange\"\n        @focus=\"focus = true\"\n        @blur=\"focus = false\"\n      />\n    </span>\n    <span v-if=\"$slots.default || label\" class=\"el-checkbox__label\">\n      <slot></slot>\n      <template v-if=\"!$slots.default\">{{ label }}</template>\n    </span>\n  </label>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\nimport { UPDATE_MODEL_EVENT } from '@element-plus/utils/constants'\nimport { isValidComponentSize } from '@element-plus/utils/validators'\nimport { useCheckbox } from './useCheckbox'\n\nimport type { PropType } from 'vue'\nimport type { ComponentSize } from '@element-plus/utils/types'\n\nexport default defineComponent({\n  name: 'ElCheckbox',\n  props: {\n    modelValue: {\n      type: [Boolean, Number, String],\n      default: () => undefined,\n    },\n    label: {\n      type: [String, Boolean, Number, Object],\n    },\n    indeterminate: Boolean,\n    disabled: Boolean,\n    checked: Boolean,\n    name: {\n      type: String,\n      default: undefined,\n    },\n    trueLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    falseLabel: {\n      type: [String, Number],\n      default: undefined,\n    },\n    id: {\n      type: String,\n      default: undefined,\n    },\n    controls: {\n      type: String,\n      default: undefined,\n    },\n    border: Boolean,\n    size: {\n      type: String as PropType<ComponentSize>,\n      validator: isValidComponentSize,\n    },\n    tabindex: [String, Number],\n  },\n  emits: [UPDATE_MODEL_EVENT, 'change'],\n  setup(props) {\n    return useCheckbox(props)\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock","_normalizeClass"],"mappings":";;;;;;AAsEA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,YAAY;AAAA,MACV,MAAM,CAAC,SAAS,QAAQ;AAAA,MACxB,SAAS,MAAM;AAAA;AAAA,IAEjB,OAAO;AAAA,MACL,MAAM,CAAC,QAAQ,SAAS,QAAQ;AAAA;AAAA,IAElC,eAAe;AAAA,IACf,UAAU;AAAA,IACV,SAAS;AAAA,IACT,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,WAAW;AAAA,MACT,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,YAAY;AAAA,MACV,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS;AAAA;AAAA,IAEX,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,WAAW;AAAA;AAAA,IAEb,UAAU,CAAC,QAAQ;AAAA;AAAA,EAErB,OAAO,CAAC,oBAAoB;AAAA,EAC5B,MAAM,OAAO;AACX,WAAO,YAAY;AAAA;AAAA;;gCAxFjB;;;;;EA+BmC,KAAK;AAAA;;2BAtD5C,wBA0DQ;SAzDDA,aAAEC;AAAA,IACP,SAAK;AAAA,WACWC,eAAY;AAAA,0BAA+D,kBAAU;AAAA,uBAA2B;AAAA,uBAAgC;AAAA;;;KAQhK;AAAA,uBACO,QAAC;AAAA,4BAC2B,uBAAU;AAAA,uBAAwB;AAAA;4BAA0E,KAAK;AAAA;;MAOjJ,UAAM,qBAAa;AAAA,MACnB,2BAAc,aAAa;AAAA;OAE5B;AAAA;;;QAIE,uBAAM,OAAuB;AAAA,QAC7B,OAAK;AAAA,QACJ;AAAA,QACA,eAAU;AAAA,QACV,WAAU;AAAA,QACV,UAAU;AAAA,QACV,eAAY;AAAA,QACZ,cAAW,KAAE;AAAA,QACb,eAAM;AAAA,QACN,UAAK,uCAAE,qBAAK;AAAA,QACZ,SAAI,sCAAE,aAAK;AAAA;mBAXE;AAAA;;;QAgBd,uBAAM,OAAuB;AAAA,QAC7B,OAAK;AAAA,QACJ;AAAA,QACA,eAAU,qBAAU;AAAA,QACpB,UAAO;AAAA,QACP,OAAM;AAAA,QACN,WAAU;AAAA,QACV,UAAM;AAAA,QACN,UAAK,uCAAE,qBAAK;AAAA,QACZ,SAAI,sCAAE,aAAK;AAAA;mBAVE;AAAA;;OAaN,IAAkB;AAAA,2BAA9B,2BACeD;AAAA,iBACI,KAAO,QAAO;AAAA,wEAAU;AAAA;;;;;;;;;"}

package/es/components/checkbox/src/checkbox.vue.d.ts

@@ -87,8 +87,8 @@ declare const _default: import("vue").DefineComponent<{
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    modelValue: string | number | boolean;
     name: string;
+    modelValue: string | number | boolean;
     border: boolean;
     id: string;
     indeterminate: boolean;

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

@@ -53,9 +53,9 @@ export declare const ElCol: import("../../utils/types").SFCWithInstall<import("v
         offset?: number | undefined;
     }>, () => import("../../utils/types").Mutable<{}>, unknown, unknown, unknown>;
 }>>, {
+    push: number;
     span: number;
     offset: number;
-    push: number;
     tag: string;
     pull: number;
     xs: import("../../utils/props").BuildPropType<import("../../utils/props").PropWrapper<number | {

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

@@ -42,9 +42,9 @@ declare const _default: import("vue").DefineComponent<{
     readonly lg: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Size>, () => import("../../../utils/types").Mutable<{}>, unknown, unknown, unknown>;
     readonly xl: import("element-plus/es/utils/props").BuildPropReturn<import("element-plus/es/utils/props").PropWrapper<Size>, () => import("../../../utils/types").Mutable<{}>, unknown, unknown, unknown>;
 }>>, {
+    push: number;
     span: number;
     offset: number;
-    push: number;
     tag: string;
     pull: number;
     xs: import("element-plus/es/utils/props").BuildPropType<import("element-plus/es/utils/props").PropWrapper<Size>, unknown, unknown>;

package/es/components/collapse/index.mjs

@@ -1,13 +1,11 @@
 import { withInstall, withNoopInstall } from '../../utils/with-install.mjs';
-import './src/collapse.mjs';
-import './src/collapse-item.mjs';
-import script from './src/collapse.vue_vue_type_script_lang.mjs';
-import script$1 from './src/collapse-item.vue_vue_type_script_lang.mjs';
+import Collapse from './src/collapse.mjs';
+import CollapseItem from './src/collapse-item.mjs';
 
-const ElCollapse = withInstall(script, {
-  CollapseItem: script$1
+const ElCollapse = withInstall(Collapse, {
+  CollapseItem
 });
-const ElCollapseItem = withNoopInstall(script$1);
+const ElCollapseItem = withNoopInstall(CollapseItem);
 
 export { ElCollapse, ElCollapseItem, ElCollapse as default };
 //# sourceMappingURL=index.mjs.map

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

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

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

@@ -1,7 +1,136 @@
-import script from './collapse-item.vue_vue_type_script_lang.mjs';
-export { default } from './collapse-item.vue_vue_type_script_lang.mjs';
-import { render } from './collapse-item.vue_vue_type_template_id_80da782a_lang.mjs';
+import { defineComponent, inject, ref, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, withKeys, withModifiers, renderSlot, createTextVNode, toDisplayString, createVNode, withCtx, withDirectives, vShow } from 'vue';
+import { generateId } from '../../../utils/util.mjs';
+import _CollapseTransition from '../../collapse-transition/index.mjs';
+import { ElIcon } from '../../icon/index.mjs';
+import { ArrowRight } from '@element-plus/icons-vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/collapse/src/collapse-item.vue";
+const _sfc_main = defineComponent({
+  name: "ElCollapseItem",
+  components: { ElCollapseTransition: _CollapseTransition, ElIcon, ArrowRight },
+  props: {
+    title: {
+      type: String,
+      default: ""
+    },
+    name: {
+      type: [String, Number],
+      default: () => {
+        return generateId();
+      }
+    },
+    disabled: Boolean
+  },
+  setup(props) {
+    const collapse = inject("collapse");
+    const contentWrapStyle = ref({
+      height: "auto",
+      display: "block"
+    });
+    const contentHeight = ref(0);
+    const focusing = ref(false);
+    const isClick = ref(false);
+    const id = ref(generateId());
+    const isActive = computed(() => {
+      return collapse?.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?.handleItemClick(props.name);
+      focusing.value = false;
+      isClick.value = true;
+    };
+    const handleEnterClick = () => {
+      collapse?.handleItemClick(props.name);
+    };
+    return {
+      isActive,
+      contentWrapStyle,
+      contentHeight,
+      focusing,
+      isClick,
+      id,
+      handleFocus,
+      handleHeaderClick,
+      handleEnterClick,
+      collapse
+    };
+  }
+});
+const _hoisted_1 = ["aria-expanded", "aria-controls", "aria-describedby"];
+const _hoisted_2 = ["id", "tabindex"];
+const _hoisted_3 = ["id", "aria-hidden", "aria-labelledby"];
+const _hoisted_4 = { class: "el-collapse-item__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_arrow_right = resolveComponent("arrow-right");
+  const _component_el_icon = resolveComponent("el-icon");
+  const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(["el-collapse-item", { "is-active": _ctx.isActive, "is-disabled": _ctx.disabled }])
+  }, [
+    createElementVNode("div", {
+      role: "tab",
+      "aria-expanded": _ctx.isActive,
+      "aria-controls": `el-collapse-content-${_ctx.id}`,
+      "aria-describedby": `el-collapse-content-${_ctx.id}`
+    }, [
+      createElementVNode("div", {
+        id: `el-collapse-head-${_ctx.id}`,
+        class: normalizeClass(["el-collapse-item__header", {
+          focusing: _ctx.focusing,
+          "is-active": _ctx.isActive
+        }]),
+        role: "button",
+        tabindex: _ctx.disabled ? -1 : 0,
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleHeaderClick && _ctx.handleHeaderClick(...args)),
+        onKeyup: _cache[1] || (_cache[1] = withKeys(withModifiers((...args) => _ctx.handleEnterClick && _ctx.handleEnterClick(...args), ["stop"]), ["space", "enter"])),
+        onFocus: _cache[2] || (_cache[2] = (...args) => _ctx.handleFocus && _ctx.handleFocus(...args)),
+        onBlur: _cache[3] || (_cache[3] = ($event) => _ctx.focusing = false)
+      }, [
+        renderSlot(_ctx.$slots, "title", {}, () => [
+          createTextVNode(toDisplayString(_ctx.title), 1)
+        ]),
+        createVNode(_component_el_icon, {
+          class: normalizeClass(["el-collapse-item__arrow", { "is-active": _ctx.isActive }])
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_arrow_right)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 42, _hoisted_2)
+    ], 8, _hoisted_1),
+    createVNode(_component_el_collapse_transition, null, {
+      default: withCtx(() => [
+        withDirectives(createElementVNode("div", {
+          id: `el-collapse-content-${_ctx.id}`,
+          class: "el-collapse-item__wrap",
+          role: "tabpanel",
+          "aria-hidden": !_ctx.isActive,
+          "aria-labelledby": `el-collapse-head-${_ctx.id}`
+        }, [
+          createElementVNode("div", _hoisted_4, [
+            renderSlot(_ctx.$slots, "default")
+          ])
+        ], 8, _hoisted_3), [
+          [vShow, _ctx.isActive]
+        ])
+      ]),
+      _: 3
+    })
+  ], 2);
+}
+var CollapseItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { CollapseItem as default };
 //# sourceMappingURL=collapse-item.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"collapse-item.mjs","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div\n    class=\"el-collapse-item\"\n    :class=\"{ 'is-active': isActive, 'is-disabled': disabled }\"\n  >\n    <div\n      role=\"tab\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"`el-collapse-content-${id}`\"\n      :aria-describedby=\"`el-collapse-content-${id}`\"\n    >\n      <div\n        :id=\"`el-collapse-head-${id}`\"\n        class=\"el-collapse-item__header\"\n        role=\"button\"\n        :tabindex=\"disabled ? -1 : 0\"\n        :class=\"{\n          focusing: focusing,\n          'is-active': isActive,\n        }\"\n        @click=\"handleHeaderClick\"\n        @keyup.space.enter.stop=\"handleEnterClick\"\n        @focus=\"handleFocus\"\n        @blur=\"focusing = false\"\n      >\n        <slot name=\"title\">{{ title }}</slot>\n        <el-icon\n          class=\"el-collapse-item__arrow\"\n          :class=\"{ 'is-active': isActive }\"\n        >\n          <arrow-right />\n        </el-icon>\n      </div>\n    </div>\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"`el-collapse-content-${id}`\"\n        class=\"el-collapse-item__wrap\"\n        role=\"tabpanel\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"`el-collapse-head-${id}`\"\n      >\n        <div class=\"el-collapse-item__content\">\n          <slot></slot>\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n<script lang=\"ts\">\nimport { defineComponent, inject, computed, ref } from 'vue'\nimport { generateId } from '@element-plus/utils/util'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { PropType } from 'vue'\nimport type { CollapseProvider } from './collapse.type'\n\nexport default defineComponent({\n  name: 'ElCollapseItem',\n  components: { ElCollapseTransition, ElIcon, ArrowRight },\n  props: {\n    title: {\n      type: String,\n      default: '',\n    },\n    name: {\n      type: [String, Number] as PropType<string | number>,\n      default: () => {\n        return generateId()\n      },\n    },\n    disabled: Boolean,\n  },\n  setup(props) {\n    const collapse = inject<CollapseProvider>('collapse')\n\n    const contentWrapStyle = ref({\n      height: 'auto',\n      display: 'block',\n    })\n    const contentHeight = ref(0)\n    const focusing = ref(false)\n    const isClick = ref(false)\n    const id = ref(generateId())\n\n    const isActive = computed(() => {\n      return collapse?.activeNames.value.indexOf(props.name) > -1\n    })\n\n    const handleFocus = () => {\n      setTimeout(() => {\n        if (!isClick.value) {\n          focusing.value = true\n        } else {\n          isClick.value = false\n        }\n      }, 50)\n    }\n\n    const handleHeaderClick = () => {\n      if (props.disabled) return\n      collapse?.handleItemClick(props.name)\n      focusing.value = false\n      isClick.value = true\n    }\n\n    const handleEnterClick = () => {\n      collapse?.handleItemClick(props.name)\n    }\n\n    return {\n      isActive,\n      contentWrapStyle,\n      contentHeight,\n      focusing,\n      isClick,\n      id,\n      handleFocus,\n      handleHeaderClick,\n      handleEnterClick,\n      collapse,\n    }\n  },\n})\n</script>\n"],"names":["ElCollapseTransition","_openBlock","_withCtx","_createElementVNode"],"mappings":";;;;;;;AA4DA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,YAAY,wBAAEA,qBAAsB,QAAQ;AAAA,EAC5C,OAAO;AAAA,IACL,OAAO;AAAA,MACL,MAAM;AAAA,MACN,SAAS;AAAA;AAAA,IAEX,MAAM;AAAA,MACJ,MAAM,CAAC,QAAQ;AAAA,MACf,SAAS,MAAM;AACb,eAAO;AAAA;AAAA;AAAA,IAGX,UAAU;AAAA;AAAA,EAEZ,MAAM,OAAO;AACX,UAAM,WAAW,OAAyB;AAE1C,UAAM,mBAAmB,IAAI;AAAA,MAC3B,QAAQ;AAAA,MACR,SAAS;AAAA;AAEX,UAAM,gBAAgB,IAAI;AAC1B,UAAM,WAAW,IAAI;AACrB,UAAM,UAAU,IAAI;AACpB,UAAM,KAAK,IAAI;AAEf,UAAM,WAAW,SAAS,MAAM;AAC9B,aAAO,UAAU,YAAY,MAAM,QAAQ,MAAM,QAAQ;AAAA;AAG3D,UAAM,cAAc,MAAM;AACxB,iBAAW,MAAM;AACf,YAAI,CAAC,QAAQ,OAAO;AAClB,mBAAS,QAAQ;AAAA,eACZ;AACL,kBAAQ,QAAQ;AAAA;AAAA,SAEjB;AAAA;AAGL,UAAM,oBAAoB,MAAM;AAC9B,UAAI,MAAM;AAAU;AACpB,gBAAU,gBAAgB,MAAM;AAChC,eAAS,QAAQ;AACjB,cAAQ,QAAQ;AAAA;AAGlB,UAAM,mBAAmB,MAAM;AAC7B,gBAAU,gBAAgB,MAAM;AAAA;AAGlC,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;;;0BAhFY,eAAC;;;;;;SAzCVC,gCAAC,OAAkB;AAAA;KAGxB;AAAA,uBACY;AAAA,MACT;AAAA,MACA,iBAAa;AAAA,MACb,wCAAgB,KAAyB;AAAA;OAE1C;AAAA,yBACK,OAAsB;AAAA,QACzB,wBAAM;AAAA,8BAGwB,6BAAQ;AAAA,yBAAyB;AAAA;;QAD9D;AAAA,QAKA,UAAK;AAAA,QACL,SAAK,iEAAmB;AAAA,QACxB,SAAK,iDAAE,sCAAW;AAAA,QAClB,SAAI,uCAAE,oBAAQ;AAAA;SAEf;AAAA,6CAAsB;AAAA;;oBAEf,oBAAC;AAAA;;mBAGNC,QAAe;AAAA;;;;;OAIrB,GAayB;AAAA,mDADjB;AAAA,uBAXN;AAAA,uBAEKC,mBAA2B;AAAA,UAC9B,2BAAM,KAAwB;AAAA,UAC9B,OAAK;AAAA,UACJ;AAAA,UACA,qBAAe;AAAA;WAEhB;AAAA,6BACe;AAAA;;cARP,aAAQ;AAAA;;;;;;;;;;;"}

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

@@ -1,7 +1,66 @@
-import script from './collapse.vue_vue_type_script_lang.mjs';
-export { default } from './collapse.vue_vue_type_script_lang.mjs';
-import { render } from './collapse.vue_vue_type_template_id_71a60e25_lang.mjs';
+import { defineComponent, ref, watch, provide, openBlock, createElementBlock, renderSlot } from 'vue';
+import { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '../../../utils/constants.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/collapse/src/collapse.vue";
+const _sfc_main = defineComponent({
+  name: "ElCollapse",
+  props: {
+    accordion: Boolean,
+    modelValue: {
+      type: [Array, String, Number],
+      default: () => []
+    }
+  },
+  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT],
+  setup(props, { emit }) {
+    const activeNames = ref([].concat(props.modelValue));
+    const setActiveNames = (_activeNames) => {
+      activeNames.value = [].concat(_activeNames);
+      const value = props.accordion ? activeNames.value[0] : activeNames.value;
+      emit(UPDATE_MODEL_EVENT, value);
+      emit(CHANGE_EVENT, value);
+    };
+    const handleItemClick = (name) => {
+      if (props.accordion) {
+        setActiveNames((activeNames.value[0] || activeNames.value[0] === 0) && activeNames.value[0] === name ? "" : name);
+      } else {
+        const _activeNames = activeNames.value.slice(0);
+        const index = _activeNames.indexOf(name);
+        if (index > -1) {
+          _activeNames.splice(index, 1);
+        } else {
+          _activeNames.push(name);
+        }
+        setActiveNames(_activeNames);
+      }
+    };
+    watch(() => props.modelValue, () => {
+      activeNames.value = [].concat(props.modelValue);
+    }, {
+      deep: true
+    });
+    provide("collapse", {
+      activeNames,
+      handleItemClick
+    });
+    return {
+      activeNames,
+      setActiveNames,
+      handleItemClick
+    };
+  }
+});
+const _hoisted_1 = {
+  class: "el-collapse",
+  role: "tablist",
+  "aria-multiselectable": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    renderSlot(_ctx.$slots, "default")
+  ]);
+}
+var Collapse = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { Collapse as default };
 //# sourceMappingURL=collapse.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"collapse.mjs","sources":["../../../../../../packages/components/collapse/src/collapse.vue"],"sourcesContent":["<template>\n  <div class=\"el-collapse\" role=\"tablist\" aria-multiselectable=\"true\">\n    <slot></slot>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref, watch, provide } from 'vue'\nimport { UPDATE_MODEL_EVENT, CHANGE_EVENT } from '@element-plus/utils/constants'\nimport type { PropType } from 'vue'\nimport type { CollapseProvider } from './collapse.type'\n\nexport default defineComponent({\n  name: 'ElCollapse',\n  props: {\n    accordion: Boolean,\n    modelValue: {\n      type: [Array, String, Number] as PropType<\n        string | number | Array<string | number>\n      >,\n      default: () => [],\n    },\n  },\n  emits: [UPDATE_MODEL_EVENT, CHANGE_EVENT],\n  setup(props, { emit }) {\n    const activeNames = ref([].concat(props.modelValue))\n\n    const setActiveNames = (_activeNames) => {\n      activeNames.value = [].concat(_activeNames)\n      const value = props.accordion ? activeNames.value[0] : activeNames.value\n      emit(UPDATE_MODEL_EVENT, value)\n      emit(CHANGE_EVENT, value)\n    }\n\n    const handleItemClick = (name) => {\n      if (props.accordion) {\n        setActiveNames(\n          (activeNames.value[0] || activeNames.value[0] === 0) &&\n            activeNames.value[0] === name\n            ? ''\n            : name\n        )\n      } else {\n        const _activeNames = activeNames.value.slice(0)\n        const index = _activeNames.indexOf(name)\n\n        if (index > -1) {\n          _activeNames.splice(index, 1)\n        } else {\n          _activeNames.push(name)\n        }\n        setActiveNames(_activeNames)\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      () => {\n        activeNames.value = [].concat(props.modelValue)\n      },\n      {\n        deep: true,\n      }\n    )\n\n    provide<CollapseProvider>('collapse', {\n      activeNames,\n      handleItemClick,\n    })\n\n    return {\n      activeNames,\n      setActiveNames,\n      handleItemClick,\n    }\n  },\n})\n</script>\n"],"names":["_openBlock","_createElementBlock"],"mappings":";;;;AAYA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,OAAO;AAAA,IACL,WAAW;AAAA,IACX,YAAY;AAAA,MACV,MAAM,CAAC,OAAO,QAAQ;AAAA,MAGtB,SAAS,MAAM;AAAA;AAAA;AAAA,EAGnB,OAAO,CAAC,oBAAoB;AAAA,EAC5B,MAAM,OAAO,EAAE,QAAQ;AACrB,UAAM,cAAc,IAAI,GAAG,OAAO,MAAM;AAExC,UAAM,iBAAiB,CAAC,iBAAiB;AACvC,kBAAY,QAAQ,GAAG,OAAO;AAC9B,YAAM,QAAQ,MAAM,YAAY,YAAY,MAAM,KAAK,YAAY;AACnE,WAAK,oBAAoB;AACzB,WAAK,cAAc;AAAA;AAGrB,UAAM,kBAAkB,CAAC,SAAS;AAChC,UAAI,MAAM,WAAW;AACnB,uBACG,aAAY,MAAM,MAAM,YAAY,MAAM,OAAO,MAChD,YAAY,MAAM,OAAO,OACvB,KACA;AAAA,aAED;AACL,cAAM,eAAe,YAAY,MAAM,MAAM;AAC7C,cAAM,QAAQ,aAAa,QAAQ;AAEnC,YAAI,QAAQ,IAAI;AACd,uBAAa,OAAO,OAAO;AAAA,eACtB;AACL,uBAAa,KAAK;AAAA;AAEpB,uBAAe;AAAA;AAAA;AAInB,UACE,MAAM,MAAM,YACZ,MAAM;AACJ,kBAAY,QAAQ,GAAG,OAAO,MAAM;AAAA,OAEtC;AAAA,MACE,MAAM;AAAA;AAIV,YAA0B,YAAY;AAAA,MACpC;AAAA,MACA;AAAA;AAGF,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA;AAAA;AAAA;MAxEC,aAAM;AAAA,EAAc,OAAK;AAAA,EAAU;AAAA;;2BAAxC,yCAEM;SADJA,aAAaC;AAAA;;;;;;;"}

package/es/components/collapse-transition/index.mjs

@@ -1,10 +1,9 @@
-import './src/collapse-transition.mjs';
-import script from './src/collapse-transition.vue_vue_type_script_lang.mjs';
+import CollapseTransition from './src/collapse-transition.mjs';
 
-script.install = (app) => {
-  app.component(script.name, script);
+CollapseTransition.install = (app) => {
+  app.component(CollapseTransition.name, CollapseTransition);
 };
-const _CollapseTransition = script;
+const _CollapseTransition = CollapseTransition;
 const ElCollapseTransition = _CollapseTransition;
 
 export { ElCollapseTransition, _CollapseTransition as default };

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/collapse-transition/index.ts"],"sourcesContent":["import CollapseTransition from './src/collapse-transition.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nCollapseTransition.install = (app: App): void => {\n  app.component(CollapseTransition.name, CollapseTransition)\n}\n\nconst _CollapseTransition = CollapseTransition as SFCWithInstall<\n  typeof CollapseTransition\n>\n\nexport default _CollapseTransition\nexport const ElCollapseTransition = _CollapseTransition\n"],"names":["CollapseTransition"],"mappings":";;;AACAA,MAAkB,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AACtC,EAAE,GAAG,CAAC,SAAS,CAACA,MAAkB,CAAC,IAAI,EAAEA,MAAkB,CAAC,CAAC;AAC7D,CAAC,CAAC;AACG,MAAC,mBAAmB,GAAGA,OAAmB;AAEnC,MAAC,oBAAoB,GAAG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/collapse-transition/index.ts"],"sourcesContent":["import CollapseTransition from './src/collapse-transition.vue'\nimport type { App } from 'vue'\nimport type { SFCWithInstall } from '@element-plus/utils/types'\n\nCollapseTransition.install = (app: App): void => {\n  app.component(CollapseTransition.name, CollapseTransition)\n}\n\nconst _CollapseTransition = CollapseTransition as SFCWithInstall<\n  typeof CollapseTransition\n>\n\nexport default _CollapseTransition\nexport const ElCollapseTransition = _CollapseTransition\n"],"names":[],"mappings":";;AACA,kBAAkB,CAAC,OAAO,GAAG,CAAC,GAAG,KAAK;AACtC,EAAE,GAAG,CAAC,SAAS,CAAC,kBAAkB,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;AAC7D,CAAC,CAAC;AACG,MAAC,mBAAmB,GAAG,mBAAmB;AAEnC,MAAC,oBAAoB,GAAG;;;;"}

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

@@ -1,7 +1,72 @@
-import script from './collapse-transition.vue_vue_type_script_lang.mjs';
-export { default } from './collapse-transition.vue_vue_type_script_lang.mjs';
-import { render } from './collapse-transition.vue_vue_type_template_id_f68ae30a_lang.mjs';
+import { defineComponent, openBlock, createBlock, Transition, mergeProps, toHandlers, withCtx, renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/collapse-transition/src/collapse-transition.vue";
+const _sfc_main = defineComponent({
+  name: "ElCollapseTransition",
+  setup() {
+    return {
+      on: {
+        beforeEnter(el) {
+          if (!el.dataset)
+            el.dataset = {};
+          el.dataset.oldPaddingTop = el.style.paddingTop;
+          el.dataset.oldPaddingBottom = el.style.paddingBottom;
+          el.style.maxHeight = 0;
+          el.style.paddingTop = 0;
+          el.style.paddingBottom = 0;
+        },
+        enter(el) {
+          el.dataset.oldOverflow = el.style.overflow;
+          if (el.scrollHeight !== 0) {
+            el.style.maxHeight = `${el.scrollHeight}px`;
+            el.style.paddingTop = el.dataset.oldPaddingTop;
+            el.style.paddingBottom = el.dataset.oldPaddingBottom;
+          } else {
+            el.style.maxHeight = 0;
+            el.style.paddingTop = el.dataset.oldPaddingTop;
+            el.style.paddingBottom = el.dataset.oldPaddingBottom;
+          }
+          el.style.overflow = "hidden";
+        },
+        afterEnter(el) {
+          el.style.maxHeight = "";
+          el.style.overflow = el.dataset.oldOverflow;
+        },
+        beforeLeave(el) {
+          if (!el.dataset)
+            el.dataset = {};
+          el.dataset.oldPaddingTop = el.style.paddingTop;
+          el.dataset.oldPaddingBottom = el.style.paddingBottom;
+          el.dataset.oldOverflow = el.style.overflow;
+          el.style.maxHeight = `${el.scrollHeight}px`;
+          el.style.overflow = "hidden";
+        },
+        leave(el) {
+          if (el.scrollHeight !== 0) {
+            el.style.maxHeight = 0;
+            el.style.paddingTop = 0;
+            el.style.paddingBottom = 0;
+          }
+        },
+        afterLeave(el) {
+          el.style.maxHeight = "";
+          el.style.overflow = el.dataset.oldOverflow;
+          el.style.paddingTop = el.dataset.oldPaddingTop;
+          el.style.paddingBottom = el.dataset.oldPaddingBottom;
+        }
+      }
+    };
+  }
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createBlock(Transition, mergeProps({ name: "el-collapse-transition" }, toHandlers(_ctx.on)), {
+    default: withCtx(() => [
+      renderSlot(_ctx.$slots, "default")
+    ]),
+    _: 3
+  }, 16);
+}
+var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { CollapseTransition as default };
 //# sourceMappingURL=collapse-transition.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-transition.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"collapse-transition.mjs","sources":["../../../../../../packages/components/collapse-transition/src/collapse-transition.vue"],"sourcesContent":["<template>\n  <transition name=\"el-collapse-transition\" v-on=\"on\">\n    <slot></slot>\n  </transition>\n</template>\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCollapseTransition',\n  setup() {\n    return {\n      on: {\n        beforeEnter(el) {\n          if (!el.dataset) el.dataset = {}\n\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n\n          el.style.maxHeight = 0\n          el.style.paddingTop = 0\n          el.style.paddingBottom = 0\n        },\n\n        enter(el) {\n          el.dataset.oldOverflow = el.style.overflow\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = `${el.scrollHeight}px`\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          } else {\n            el.style.maxHeight = 0\n            el.style.paddingTop = el.dataset.oldPaddingTop\n            el.style.paddingBottom = el.dataset.oldPaddingBottom\n          }\n\n          el.style.overflow = 'hidden'\n        },\n\n        afterEnter(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n        },\n\n        beforeLeave(el) {\n          if (!el.dataset) el.dataset = {}\n          el.dataset.oldPaddingTop = el.style.paddingTop\n          el.dataset.oldPaddingBottom = el.style.paddingBottom\n          el.dataset.oldOverflow = el.style.overflow\n\n          el.style.maxHeight = `${el.scrollHeight}px`\n          el.style.overflow = 'hidden'\n        },\n\n        leave(el) {\n          if (el.scrollHeight !== 0) {\n            el.style.maxHeight = 0\n            el.style.paddingTop = 0\n            el.style.paddingBottom = 0\n          }\n        },\n\n        afterLeave(el) {\n          el.style.maxHeight = ''\n          el.style.overflow = el.dataset.oldOverflow\n          el.style.paddingTop = el.dataset.oldPaddingTop\n          el.style.paddingBottom = el.dataset.oldPaddingBottom\n        },\n      },\n    }\n  },\n})\n</script>\n"],"names":["_createBlock","_withCtx"],"mappings":";;;AAQA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,QAAQ;AACN,WAAO;AAAA,MACL,IAAI;AAAA,QACF,YAAY,IAAI;AACd,cAAI,CAAC,GAAG;AAAS,eAAG,UAAU;AAE9B,aAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,aAAG,QAAQ,mBAAmB,GAAG,MAAM;AAEvC,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,aAAa;AACtB,aAAG,MAAM,gBAAgB;AAAA;AAAA,QAG3B,MAAM,IAAI;AACR,aAAG,QAAQ,cAAc,GAAG,MAAM;AAClC,cAAI,GAAG,iBAAiB,GAAG;AACzB,eAAG,MAAM,YAAY,GAAG,GAAG;AAC3B,eAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,eAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA,iBAC/B;AACL,eAAG,MAAM,YAAY;AACrB,eAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,eAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAGtC,aAAG,MAAM,WAAW;AAAA;AAAA,QAGtB,WAAW,IAAI;AACb,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,WAAW,GAAG,QAAQ;AAAA;AAAA,QAGjC,YAAY,IAAI;AACd,cAAI,CAAC,GAAG;AAAS,eAAG,UAAU;AAC9B,aAAG,QAAQ,gBAAgB,GAAG,MAAM;AACpC,aAAG,QAAQ,mBAAmB,GAAG,MAAM;AACvC,aAAG,QAAQ,cAAc,GAAG,MAAM;AAElC,aAAG,MAAM,YAAY,GAAG,GAAG;AAC3B,aAAG,MAAM,WAAW;AAAA;AAAA,QAGtB,MAAM,IAAI;AACR,cAAI,GAAG,iBAAiB,GAAG;AACzB,eAAG,MAAM,YAAY;AACrB,eAAG,MAAM,aAAa;AACtB,eAAG,MAAM,gBAAgB;AAAA;AAAA;AAAA,QAI7B,WAAW,IAAI;AACb,aAAG,MAAM,YAAY;AACrB,aAAG,MAAM,WAAW,GAAG,QAAQ;AAC/B,aAAG,MAAM,aAAa,GAAG,QAAQ;AACjC,aAAG,MAAM,gBAAgB,GAAG,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;2BAjE5C,gBAEa,QAFb,iBAAgB;sBACDA;AAAA,aAAbC,QAAa;AAAA;;;;;;;;;"}

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

@@ -1,7 +1,14 @@
-import script from './collection-item.vue_vue_type_script_lang.mjs';
-export { default } from './collection-item.vue_vue_type_script_lang.mjs';
-import { render } from './collection-item.vue_vue_type_template_id_dd23be6a_lang.mjs';
+import { defineComponent, renderSlot } from 'vue';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
 
-script.render = render;
-script.__file = "packages/components/collection/src/collection-item.vue";
+const _sfc_main = defineComponent({
+  name: "ElCollectionItem",
+  inheritAttrs: false
+});
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+var CollectionItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+
+export { CollectionItem as default };
 //# sourceMappingURL=collection-item.mjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"collection-item.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
+{"version":3,"file":"collection-item.mjs","sources":["../../../../../../packages/components/collection/src/collection-item.vue"],"sourcesContent":["<template>\n  <slot />\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from 'vue'\n\nexport default defineComponent({\n  name: 'ElCollectionItem',\n  inheritAttrs: false,\n})\n</script>\n"],"names":[],"mappings":";;;AAOA,MAAK,YAAa,gBAAa;AAAA,EAC7B,MAAM;AAAA,EACN,cAAc;AAAA;qBARN;;;;;;;"}

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

@@ -1,8 +1,6 @@
 import { ref, unref, provide, inject, onMounted, onBeforeUnmount } from 'vue';
-import './collection2.mjs';
-import './collection-item.mjs';
-import script from './collection.vue_vue_type_script_lang.mjs';
-import script$1 from './collection-item.vue_vue_type_script_lang.mjs';
+import Collection from './collection2.mjs';
+import CollectionItem from './collection-item.mjs';
 
 const COLLECTION_ITEM_SIGN = `data-el-collection-item`;
 const createCollectionWithScope = (name) => {
@@ -11,7 +9,7 @@ const createCollectionWithScope = (name) => {
   const COLLECTION_INJECTION_KEY = Symbol(COLLECTION_NAME);
   const COLLECTION_ITEM_INJECTION_KEY = Symbol(COLLECTION_ITEM_NAME);
   const ElCollection = {
-    ...script,
+    ...Collection,
     name: COLLECTION_NAME,
     setup() {
       const collectionRef = ref(null);
@@ -33,7 +31,7 @@ const createCollectionWithScope = (name) => {
     }
   };
   const ElCollectionItem = {
-    ...script$1,
+    ...CollectionItem,
     name: COLLECTION_ITEM_NAME,
     setup(_, { attrs }) {
       const collectionItemRef = ref(null);