@element-plus/nightly 0.0.20260117 → 0.0.20260118

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

@@ -1,7 +1,7 @@
-import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, withKeys, withModifiers, renderSlot, createTextVNode, toDisplayString, withCtx, createBlock, resolveDynamicComponent, withDirectives, vShow } from 'vue';
+import { defineComponent, markRaw, createElementBlock, openBlock, normalizeClass, unref, createElementVNode, createVNode, withKeys, withModifiers, renderSlot, createTextVNode, toDisplayString, 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 { ArrowRight } from '@element-plus/icons-vue';
 import { useCollapseItem, useCollapseItemDOM } from './use-collapse-item.mjs';
 
 const _hoisted_1 = ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "aria-disabled"];
@@ -11,7 +11,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElCollapseItem"
   },
   __name: "collapse-item",
-  props: collapseItemProps,
+  props: {
+    title: { type: String, required: false, default: "" },
+    name: { type: [String, Number], required: false },
+    icon: { type: null, required: false, default: markRaw(ArrowRight) },
+    disabled: { type: Boolean, required: false }
+  },
   setup(__props, { expose: __expose }) {
     const props = __props;
     const {
@@ -49,8 +54,8 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             "aria-expanded": unref(isActive),
             "aria-controls": unref(scopedContentId),
             "aria-describedby": unref(scopedContentId),
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
+            tabindex: __props.disabled ? void 0 : 0,
+            "aria-disabled": __props.disabled,
             role: "button",
             onClick: _cache[0] || (_cache[0] = //@ts-ignore
             (...args) => unref(handleHeaderClick) && unref(handleHeaderClick)(...args)),
@@ -71,7 +76,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               [
                 renderSlot(_ctx.$slots, "title", { isActive: unref(isActive) }, () => [
                   createTextVNode(
-                    toDisplayString(_ctx.title),
+                    toDisplayString(__props.title),
                     1
                     /* TEXT */
                   )
@@ -85,7 +90,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 class: normalizeClass(unref(arrowKls))
               }, {
                 default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                  (openBlock(), createBlock(resolveDynamicComponent(__props.icon)))
                 ]),
                 _: 1
                 /* STABLE */

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

@@ -1 +1 @@
-{"version":3,"file":"collapse-item.vue2.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":["_createElementBlock","_unref","_createElementVNode","disabled","_withKeys","_withModifiers","_renderSlot","title","_createVNode","_openBlock","_createBlock","_resolveDynamicComponent","icon"],"mappings":"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"}
+{"version":3,"file":"collapse-item.vue2.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 { markRaw } from 'vue'\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { ArrowRight } from '@element-plus/icons-vue'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\nimport type { CollapseItemProps } from './collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = withDefaults(defineProps<CollapseItemProps>(), {\n  title: '',\n  icon: markRaw(ArrowRight),\n})\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":["_createElementBlock","_unref","_createElementVNode","_withKeys","_withModifiers","_renderSlot","_createVNode","_openBlock","_createBlock","_resolveDynamicComponent"],"mappings":"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"}

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

@@ -1,9 +1,30 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type { Arrayable, Awaitable } from '@element-plus/nightly/es/utils';
 export type CollapseActiveName = string | number;
 export type CollapseModelValue = Arrayable<CollapseActiveName>;
 export type CollapseIconPositionType = 'left' | 'right';
 export declare const emitChangeFn: (value: CollapseModelValue) => value is string | number | CollapseActiveName[];
+export interface CollapseProps {
+    /**
+     * @description whether to activate accordion mode
+     */
+    accordion?: boolean;
+    /**
+     * @description currently active panel, the type is `string` in accordion mode, otherwise it is `array`
+     */
+    modelValue?: CollapseModelValue;
+    /**
+     * @description set expand icon position
+     */
+    expandIconPosition?: CollapseIconPositionType;
+    /**
+     * @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
+     */
+    beforeCollapse?: (name: CollapseActiveName) => Awaitable<boolean>;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `CollapseProps` instead.
+ */
 export declare const collapseProps: {
     readonly accordion: BooleanConstructor;
     readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue) | ((new (...args: any[]) => string | number | CollapseActiveName[]) | (() => CollapseModelValue))[], unknown, unknown, () => [], boolean>;
@@ -15,7 +36,9 @@ export declare const collapseProps: {
         __epPropKey: true;
     };
 };
-export type CollapseProps = ExtractPropTypes<typeof collapseProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `CollapseProps` instead.
+ */
 export type CollapsePropsPublic = ExtractPublicPropTypes<typeof collapseProps>;
 export declare const collapseEmits: {
     "update:modelValue": (value: CollapseModelValue) => value is string | number | CollapseActiveName[];

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

@@ -1 +1 @@
-{"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":";;;;;;AAkBO,MAAM,YAAA,GAAe,CAAC,KAAA,KAC3B,QAAA,CAAS,KAAK,KAAK,QAAA,CAAS,KAAK,CAAA,IAAK,OAAA,CAAQ,KAAK;AAE9C,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,UAAA,EAAY;AAAA,IACV,MAAM,cAAA,CAAmC,CAAC,KAAA,EAAO,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAChE,OAAA,EAAS,MAAM,OAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,cAAA,CAAyC,CAAC,MAAM,CAAC,CAAA;AAAA,IACvD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,cAAA;AAAA,MACJ;AAAA;AACF;AAEJ,CAAU;AAIH,MAAM,aAAA,GAAgB;AAAA,EAC3B,CAAC,kBAAkB,GAAG,YAAA;AAAA,EACtB,CAAC,YAAY,GAAG;AAClB;;;;"}
+{"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 { 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 interface CollapseProps {\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?: CollapseModelValue\n  /**\n   * @description set expand icon position\n   */\n  expandIconPosition?: CollapseIconPositionType\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?: (name: CollapseActiveName) => Awaitable<boolean>\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CollapseProps` instead.\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)\n\n/**\n * @deprecated Removed after 3.0.0, Use `CollapseProps` instead.\n */\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":";;;;;;AAkBO,MAAM,YAAA,GAAe,CAAC,KAAA,KAC3B,QAAA,CAAS,KAAK,KAAK,QAAA,CAAS,KAAK,CAAA,IAAK,OAAA,CAAQ,KAAK;AAwB9C,MAAM,gBAAgB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAItC,SAAA,EAAW,OAAA;AAAA;AAAA;AAAA;AAAA,EAIX,UAAA,EAAY;AAAA,IACV,MAAM,cAAA,CAAmC,CAAC,KAAA,EAAO,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IAChE,OAAA,EAAS,MAAM,OAAA,CAAQ,EAAW;AAAA,GACpC;AAAA;AAAA;AAAA;AAAA,EAIA,kBAAA,EAAoB;AAAA,IAClB,IAAA,EAAM,cAAA,CAAyC,CAAC,MAAM,CAAC,CAAA;AAAA,IACvD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,cAAA,EAAgB;AAAA,IACd,IAAA,EAAM,cAAA;AAAA,MACJ;AAAA;AACF;AAEJ,CAAU;AAOH,MAAM,aAAA,GAAgB;AAAA,EAC3B,CAAC,kBAAkB,GAAG,YAAA;AAAA,EACtB,CAAC,YAAY,GAAG;AAClB;;;;"}

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

@@ -1,18 +1,12 @@
+import type { CollapseProps } from './collapse';
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly accordion: BooleanConstructor;
-    readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | import("./collapse").CollapseActiveName[]) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => string | number | import("./collapse").CollapseActiveName[]) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown, () => [], boolean>;
-    readonly expandIconPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right") | (() => import("./collapse").CollapseIconPositionType) | ((new (...args: any[]) => "left" | "right") | (() => import("./collapse").CollapseIconPositionType))[], unknown, unknown, "right", boolean>;
-    readonly beforeCollapse: {
-        readonly type: import("vue").PropType<(name: import("./collapse").CollapseActiveName) => import("@element-plus/nightly/es/utils").Awaitable<boolean>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CollapseProps>, {
+    modelValue: () => never[];
+    expandIconPosition: string;
+}>, {
     /** @description active names */
     activeNames: import("vue").Ref<(string | number)[]>;
     /** @description set active names */
@@ -20,29 +14,37 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: import("./collapse").CollapseModelValue) => void;
     change: (value: import("./collapse").CollapseModelValue) => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly accordion: BooleanConstructor;
-    readonly modelValue: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string | number | import("./collapse").CollapseActiveName[]) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => string | number | import("./collapse").CollapseActiveName[]) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown, () => [], boolean>;
-    readonly expandIconPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => "left" | "right") | (() => import("./collapse").CollapseIconPositionType) | ((new (...args: any[]) => "left" | "right") | (() => import("./collapse").CollapseIconPositionType))[], unknown, unknown, "right", boolean>;
-    readonly beforeCollapse: {
-        readonly type: import("vue").PropType<(name: import("./collapse").CollapseActiveName) => import("@element-plus/nightly/es/utils").Awaitable<boolean>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CollapseProps>, {
+    modelValue: () => never[];
+    expandIconPosition: string;
+}>>> & {
     "onUpdate:modelValue"?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
     onChange?: ((value: import("./collapse").CollapseModelValue) => any) | undefined;
 }, {
-    readonly modelValue: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | number | import("./collapse").CollapseActiveName[]) | (() => import("./collapse").CollapseModelValue) | ((new (...args: any[]) => string | number | import("./collapse").CollapseActiveName[]) | (() => import("./collapse").CollapseModelValue))[], unknown, unknown>;
-    readonly expandIconPosition: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => "left" | "right") | (() => import("./collapse").CollapseIconPositionType) | ((new (...args: any[]) => "left" | "right") | (() => import("./collapse").CollapseIconPositionType))[], unknown, unknown>;
-    readonly accordion: boolean;
+    modelValue: import("./collapse").CollapseModelValue;
+    expandIconPosition: import("./collapse").CollapseIconPositionType;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

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

@@ -1,5 +1,5 @@
 import { defineComponent, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from 'vue';
-import { collapseEmits, collapseProps } from './collapse.mjs';
+import { collapseEmits } from './collapse.mjs';
 import { useCollapse, useCollapseDOM } from './use-collapse.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -7,7 +7,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElCollapse"
   },
   __name: "collapse",
-  props: collapseProps,
+  props: {
+    accordion: { type: Boolean, required: false },
+    modelValue: { type: null, required: false, default: () => [] },
+    expandIconPosition: { type: String, required: false, default: "right" },
+    beforeCollapse: { type: Function, required: false }
+  },
   emits: collapseEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;

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

@@ -1 +1 @@
-{"version":3,"file":"collapse.vue2.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":["_createElementBlock","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;AAaA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAe,GAAI,WAAA,CAAY,OAAO,IAAI,CAAA;AAE/D,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,cAAA,CAAe,KAAK,CAAA;AAExC,IAAA,QAAA,CAAa;AAAA;AAAA,MAEX,WAAA;AAAA;AAAA,MAEA;AAAA,KACD,CAAA;;0BAxBCA,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,KAAA,iBAAOC,KAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"collapse.vue2.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 } from './collapse'\nimport { useCollapse, useCollapseDOM } from './use-collapse'\n\nimport type { CollapseProps } from './collapse'\n\ndefineOptions({\n  name: 'ElCollapse',\n})\nconst props = withDefaults(defineProps<CollapseProps>(), {\n  modelValue: () => [],\n  expandIconPosition: 'right',\n})\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":["_createElementBlock","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,MAAM,EAAE,WAAA,EAAa,cAAA,EAAe,GAAI,WAAA,CAAY,OAAO,IAAI,CAAA;AAE/D,IAAA,MAAM,EAAE,OAAA,EAAQ,GAAI,cAAA,CAAe,KAAK,CAAA;AAExC,IAAA,QAAA,CAAa;AAAA;AAAA,MAEX,WAAA;AAAA;AAAA,MAEA;AAAA,KACD,CAAA;;0BA7BCA,kBAAA;AAAA,QAEM,KAAA;AAAA,QAAA;AAAA,UAFA,KAAA,iBAAOC,KAAA,CAAA,OAAA,CAAO;AAAA;;UAClBC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/es/components/container/src/aside.vue.d.ts

@@ -1,31 +1,41 @@
+interface AsideProps {
+    /**
+     * @description width of the side section
+     */
+    width?: string | null;
+}
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    /**
-     * @description width of the side section
-     */
-    width: {
-        type: StringConstructor;
-        default: null;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * @description width of the side section
-     */
-    width: {
-        type: StringConstructor;
-        default: null;
-    };
-}>>, {
-    width: string;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<AsideProps>, {
+    width: null;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<AsideProps>, {
+    width: null;
+}>>>, {
+    width: string | null;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/container/src/aside.vue2.mjs

@@ -7,13 +7,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "aside",
   props: {
-    /**
-     * @description width of the side section
-     */
-    width: {
-      type: String,
-      default: null
-    }
+    width: { type: [String, null], required: false, default: null }
   },
   setup(__props) {
     const props = __props;

package/es/components/container/src/aside.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"aside.vue2.mjs","sources":["../../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<template>\n  <aside :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElAside',\n})\nconst props = defineProps({\n  /**\n   * @description width of the side section\n   */\n  width: {\n    type: String,\n    default: null,\n  },\n})\n\nconst ns = useNamespace('aside')\nconst style = computed(\n  () =>\n    (props.width ? ns.cssVarBlock({ width: props.width }) : {}) as CSSProperties\n)\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAUd,IAAA,MAAM,EAAA,GAAK,aAAa,OAAO,CAAA;AAC/B,IAAA,MAAM,KAAA,GAAQ,QAAA;AAAA,MACZ,MACG,KAAA,CAAM,KAAA,GAAQ,EAAA,CAAG,WAAA,CAAY,EAAE,KAAA,EAAO,KAAA,CAAM,KAAA,EAAO,CAAA,GAAI;AAAC,KAC7D;;0BA5BEA,kBAAA;AAAA,QAEQ,OAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,UAAK,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;;UAClCC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"aside.vue2.mjs","sources":["../../../../../../packages/components/container/src/aside.vue"],"sourcesContent":["<template>\n  <aside :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </aside>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface AsideProps {\n  /**\n   * @description width of the side section\n   */\n  width?: string | null\n}\n\ndefineOptions({\n  name: 'ElAside',\n})\nconst props = withDefaults(defineProps<AsideProps>(), {\n  width: null,\n})\n\nconst ns = useNamespace('aside')\nconst style = computed(\n  () =>\n    (props.width ? ns.cssVarBlock({ width: props.width }) : {}) as CSSProperties\n)\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;AAsBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,EAAA,GAAK,aAAa,OAAO,CAAA;AAC/B,IAAA,MAAM,KAAA,GAAQ,QAAA;AAAA,MACZ,MACG,KAAA,CAAM,KAAA,GAAQ,EAAA,CAAG,WAAA,CAAY,EAAE,KAAA,EAAO,KAAA,CAAM,KAAA,EAAO,CAAA,GAAI;AAAC,KAC7D;;0BA7BEA,kBAAA;AAAA,QAEQ,OAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,UAAK,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;;UAClCC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

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

@@ -2,21 +2,7 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly direction: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly direction: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>>, {}, {}>;
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/es/components/container/src/container.vue2.mjs

@@ -1,5 +1,4 @@
 import { defineComponent, useSlots, computed, createElementBlock, openBlock, normalizeClass, unref, renderSlot } from 'vue';
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -7,15 +6,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElContainer"
   },
   __name: "container",
-  props: buildProps({
-    /**
-     * @description layout direction for child elements
-     */
-    direction: {
-      type: String,
-      values: ["horizontal", "vertical"]
-    }
-  }),
+  props: {
+    direction: { type: String, required: false }
+  },
   setup(__props) {
     const props = __props;
     const slots = useSlots();

package/es/components/container/src/container.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"container.vue2.mjs","sources":["../../../../../../packages/components/container/src/container.vue"],"sourcesContent":["<template>\n  <section :class=\"[ns.b(), ns.is('vertical', isVertical)]\">\n    <slot />\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { buildProps } from '@element-plus/utils'\n\nimport type { Component, VNode } from 'vue'\n\ndefineOptions({\n  name: 'ElContainer',\n})\n\nconst props = defineProps(\n  buildProps({\n    /**\n     * @description layout direction for child elements\n     */\n    direction: {\n      type: String,\n      values: ['horizontal', 'vertical'],\n    },\n  } as const)\n)\nconst slots = useSlots()\n\nconst ns = useNamespace('container')\n\nconst isVertical = computed(() => {\n  if (props.direction === 'vertical') {\n    return true\n  } else if (props.direction === 'horizontal') {\n    return false\n  }\n  if (slots && slots.default) {\n    const vNodes: VNode[] = slots.default()\n    return vNodes.some((vNode) => {\n      const tag = (vNode.type as Component).name\n      return tag === 'ElHeader' || tag === 'ElFooter'\n    })\n  } else {\n    return false\n  }\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;AAiBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAWd,IAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,IAAA,MAAM,EAAA,GAAK,aAAa,WAAW,CAAA;AAEnC,IAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,IAAI,KAAA,CAAM,cAAc,UAAA,EAAY;AAClC,QAAA,OAAO,IAAA;AAAA,MACT,CAAA,MAAA,IAAW,KAAA,CAAM,SAAA,KAAc,YAAA,EAAc;AAC3C,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,IAAI,KAAA,IAAS,MAAM,OAAA,EAAS;AAC1B,QAAA,MAAM,MAAA,GAAkB,MAAM,OAAA,EAAQ;AACtC,QAAA,OAAO,MAAA,CAAO,IAAA,CAAK,CAAC,KAAA,KAAU;AAC5B,UAAA,MAAM,GAAA,GAAO,MAAM,IAAA,CAAmB,IAAA;AACtC,UAAA,OAAO,GAAA,KAAQ,cAAc,GAAA,KAAQ,UAAA;AAAA,QACvC,CAAC,CAAA;AAAA,MACH,CAAA,MAAO;AACL,QAAA,OAAO,KAAA;AAAA,MACT;AAAA,IACF,CAAC,CAAA;;0BA9CCA,kBAAA;AAAA,QAEU,SAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,IAAKA,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,UAAA,EAAa,UAAA,CAAA,KAAU,CAAA,CAAA;AAAA;;UACpDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"container.vue2.mjs","sources":["../../../../../../packages/components/container/src/container.vue"],"sourcesContent":["<template>\n  <section :class=\"[ns.b(), ns.is('vertical', isVertical)]\">\n    <slot />\n  </section>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, useSlots } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { Component, VNode } from 'vue'\n\ninterface ContainerProps {\n  /**\n   * @description layout direction for child elements\n   */\n  direction?: 'horizontal' | 'vertical'\n}\n\ndefineOptions({\n  name: 'ElContainer',\n})\n\nconst props = defineProps<ContainerProps>()\nconst slots = useSlots()\n\nconst ns = useNamespace('container')\n\nconst isVertical = computed(() => {\n  if (props.direction === 'vertical') {\n    return true\n  } else if (props.direction === 'horizontal') {\n    return false\n  }\n  if (slots && slots.default) {\n    const vNodes: VNode[] = slots.default()\n    return vNodes.some((vNode) => {\n      const tag = (vNode.type as Component).name\n      return tag === 'ElHeader' || tag === 'ElFooter'\n    })\n  } else {\n    return false\n  }\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,IAAA,MAAM,EAAA,GAAK,aAAa,WAAW,CAAA;AAEnC,IAAA,MAAM,UAAA,GAAa,SAAS,MAAM;AAChC,MAAA,IAAI,KAAA,CAAM,cAAc,UAAA,EAAY;AAClC,QAAA,OAAO,IAAA;AAAA,MACT,CAAA,MAAA,IAAW,KAAA,CAAM,SAAA,KAAc,YAAA,EAAc;AAC3C,QAAA,OAAO,KAAA;AAAA,MACT;AACA,MAAA,IAAI,KAAA,IAAS,MAAM,OAAA,EAAS;AAC1B,QAAA,MAAM,MAAA,GAAkB,MAAM,OAAA,EAAQ;AACtC,QAAA,OAAO,MAAA,CAAO,IAAA,CAAK,CAAC,KAAA,KAAU;AAC5B,UAAA,MAAM,GAAA,GAAO,MAAM,IAAA,CAAmB,IAAA;AACtC,UAAA,OAAO,GAAA,KAAQ,cAAc,GAAA,KAAQ,UAAA;AAAA,QACvC,CAAC,CAAA;AAAA,MACH,CAAA,MAAO;AACL,QAAA,OAAO,KAAA;AAAA,MACT;AAAA,IACF,CAAC,CAAA;;0BA1CCA,kBAAA;AAAA,QAEU,SAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,IAAKA,KAAA,CAAA,EAAA,EAAG,EAAA,CAAE,UAAA,EAAa,UAAA,CAAA,KAAU,CAAA,CAAA;AAAA;;UACpDC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/es/components/container/src/footer.vue.d.ts

@@ -1,31 +1,41 @@
+interface FooterProps {
+    /**
+     * @description height of the footer
+     */
+    height?: string | null;
+}
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    /**
-     * @description height of the footer
-     */
-    height: {
-        type: StringConstructor;
-        default: null;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * @description height of the footer
-     */
-    height: {
-        type: StringConstructor;
-        default: null;
-    };
-}>>, {
-    height: string;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<FooterProps>, {
+    height: null;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<FooterProps>, {
+    height: null;
+}>>>, {
+    height: string | null;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/container/src/footer.vue2.mjs

@@ -7,13 +7,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "footer",
   props: {
-    /**
-     * @description height of the footer
-     */
-    height: {
-      type: String,
-      default: null
-    }
+    height: { type: [String, null], required: false, default: null }
   },
   setup(__props) {
     const props = __props;

package/es/components/container/src/footer.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"footer.vue2.mjs","sources":["../../../../../../packages/components/container/src/footer.vue"],"sourcesContent":["<template>\n  <footer :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElFooter',\n})\nconst props = defineProps({\n  /**\n   * @description height of the footer\n   */\n  height: {\n    type: String,\n    default: null,\n  },\n})\n\nconst ns = useNamespace('footer')\n\nconst style = computed(\n  () =>\n    (props.height\n      ? ns.cssVarBlock({ height: props.height })\n      : {}) as CSSProperties\n)\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;AAeA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAUd,IAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAEhC,IAAA,MAAM,KAAA,GAAQ,QAAA;AAAA,MACZ,MACG,KAAA,CAAM,MAAA,GACH,EAAA,CAAG,WAAA,CAAY,EAAE,MAAA,EAAQ,KAAA,CAAM,MAAA,EAAQ,CAAA,GACvC;AAAC,KACT;;0BA/BEA,kBAAA;AAAA,QAES,QAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,UAAK,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;;UACnCC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"footer.vue2.mjs","sources":["../../../../../../packages/components/container/src/footer.vue"],"sourcesContent":["<template>\n  <footer :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </footer>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface FooterProps {\n  /**\n   * @description height of the footer\n   */\n  height?: string | null\n}\n\ndefineOptions({\n  name: 'ElFooter',\n})\nconst props = withDefaults(defineProps<FooterProps>(), {\n  height: null,\n})\n\nconst ns = useNamespace('footer')\n\nconst style = computed(\n  () =>\n    (props.height\n      ? ns.cssVarBlock({ height: props.height })\n      : {}) as CSSProperties\n)\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;AAsBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAEhC,IAAA,MAAM,KAAA,GAAQ,QAAA;AAAA,MACZ,MACG,KAAA,CAAM,MAAA,GACH,EAAA,CAAG,WAAA,CAAY,EAAE,MAAA,EAAQ,KAAA,CAAM,MAAA,EAAQ,CAAA,GACvC;AAAC,KACT;;0BAhCEA,kBAAA;AAAA,QAES,QAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,UAAK,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;;UACnCC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/es/components/container/src/header.vue.d.ts

@@ -1,31 +1,41 @@
+interface HeaderProps {
+    /**
+     * @description height of the header
+     */
+    height?: string | null;
+}
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    /**
-     * @description height of the header
-     */
-    height: {
-        type: StringConstructor;
-        default: null;
-    };
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    /**
-     * @description height of the header
-     */
-    height: {
-        type: StringConstructor;
-        default: null;
-    };
-}>>, {
-    height: string;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<HeaderProps>, {
+    height: null;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<HeaderProps>, {
+    height: null;
+}>>>, {
+    height: string | null;
 }, {}>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaultsLocal<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
 type __VLS_WithSlots<T, S> = T & {
     new (): {
         $slots: S;
     };
 };
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/container/src/header.vue2.mjs

@@ -7,13 +7,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "header",
   props: {
-    /**
-     * @description height of the header
-     */
-    height: {
-      type: String,
-      default: null
-    }
+    height: { type: [String, null], required: false, default: null }
   },
   setup(__props) {
     const props = __props;

package/es/components/container/src/header.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"header.vue2.mjs","sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n  <header :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </header>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ndefineOptions({\n  name: 'ElHeader',\n})\n\nconst props = defineProps({\n  /**\n   * @description height of the header\n   */\n  height: {\n    type: String,\n    default: null,\n  },\n})\n\nconst ns = useNamespace('header')\nconst style = computed(() => {\n  return props.height\n    ? (ns.cssVarBlock({\n        height: props.height,\n      }) as CSSProperties)\n    : {}\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;AAgBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAUd,IAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAChC,IAAA,MAAM,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,OAAO,KAAA,CAAM,MAAA,GACR,EAAA,CAAG,WAAA,CAAY;AAAA,QACd,QAAQ,KAAA,CAAM;AAAA,OACf,IACD,EAAC;AAAA,IACP,CAAC,CAAA;;0BAhCCA,kBAAA;AAAA,QAES,QAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,UAAK,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;;UACnCC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}
+{"version":3,"file":"header.vue2.mjs","sources":["../../../../../../packages/components/container/src/header.vue"],"sourcesContent":["<template>\n  <header :class=\"ns.b()\" :style=\"style\">\n    <slot />\n  </header>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\n\nimport type { CSSProperties } from 'vue'\n\ninterface HeaderProps {\n  /**\n   * @description height of the header\n   */\n  height?: string | null\n}\n\ndefineOptions({\n  name: 'ElHeader',\n})\n\nconst props = withDefaults(defineProps<HeaderProps>(), {\n  height: null,\n})\n\nconst ns = useNamespace('header')\nconst style = computed(() => {\n  return props.height\n    ? (ns.cssVarBlock({\n        height: props.height,\n      }) as CSSProperties)\n    : {}\n})\n</script>\n"],"names":["_createElementBlock","_normalizeClass","_unref","_renderSlot"],"mappings":";;;;;;;;;;;;AAuBA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAId,IAAA,MAAM,EAAA,GAAK,aAAa,QAAQ,CAAA;AAChC,IAAA,MAAM,KAAA,GAAQ,SAAS,MAAM;AAC3B,MAAA,OAAO,KAAA,CAAM,MAAA,GACR,EAAA,CAAG,WAAA,CAAY;AAAA,QACd,QAAQ,KAAA,CAAM;AAAA,OACf,IACD,EAAC;AAAA,IACP,CAAC,CAAA;;0BAjCCA,kBAAA;AAAA,QAES,QAAA;AAAA,QAAA;AAAA,UAFA,OAAKC,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,GAAC,CAAA;AAAA,UAAK,KAAA,iBAAO,KAAA,CAAA,KAAK;AAAA;;UACnCC,UAAA,CAAQ,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

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

@@ -1,6 +1,35 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue';
+import type { ExtractPublicPropTypes, StyleValue } from 'vue';
 import type { Dayjs } from 'dayjs';
 import type Countdown from './countdown.vue';
+export interface CountdownProps {
+    /**
+     * @description Formatting the countdown display
+     */
+    format?: string;
+    /**
+     * @description Sets the prefix of a countdown
+     */
+    prefix?: string;
+    /**
+     * @description Sets the suffix of a countdown
+     */
+    suffix?: string;
+    /**
+     * @description countdown titles
+     */
+    title?: string;
+    /**
+     * @description target time
+     */
+    value?: number | Dayjs;
+    /**
+     * @description Styles countdown values
+     */
+    valueStyle?: StyleValue;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `CountdownProps` instead.
+ */
 export declare const countdownProps: {
     readonly format: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "HH:mm:ss", boolean>;
     readonly prefix: StringConstructor;
@@ -14,7 +43,9 @@ export declare const countdownProps: {
         __epPropKey: true;
     };
 };
-export type CountdownProps = ExtractPropTypes<typeof countdownProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `CountdownProps` instead.
+ */
 export type CountdownPropsPublic = ExtractPublicPropTypes<typeof countdownProps>;
 export declare const countdownEmits: {
     finish: () => boolean;