@element-plus/nightly 0.0.20260117 → 0.0.20260118

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

@@ -1 +1 @@
-{"version":3,"file":"countdown.mjs","sources":["../../../../../../packages/components/countdown/src/countdown.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Countdown from './countdown.vue'\n\nexport const countdownProps = buildProps({\n  /**\n   * @description Formatting the countdown display\n   */\n  format: {\n    type: String,\n    default: 'HH:mm:ss',\n  },\n  /**\n   * @description Sets the prefix of a countdown\n   */\n  prefix: String,\n  /**\n   * @description Sets the suffix of a countdown\n   */\n  suffix: String,\n  /**\n   * @description countdown titles\n   */\n  title: String,\n  /**\n   * @description target time\n   */\n  value: {\n    type: definePropType<number | Dayjs>([Number, Object]),\n    default: 0,\n  },\n  /**\n   * @description Styles countdown values\n   */\n  valueStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n  },\n} as const)\nexport type CountdownProps = ExtractPropTypes<typeof countdownProps>\nexport type CountdownPropsPublic = ExtractPublicPropTypes<typeof countdownProps>\n\nexport const countdownEmits = {\n  finish: () => true,\n  [CHANGE_EVENT]: (value: number) => isNumber(value),\n}\nexport type CountdownEmits = typeof countdownEmits\n\nexport type CountdownInstance = InstanceType<typeof Countdown> & unknown\n"],"names":[],"mappings":";;;;AAOO,MAAM,iBAAiB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIvC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,MAAA;AAAA;AAAA;AAAA;AAAA,EAIR,MAAA,EAAQ,MAAA;AAAA;AAAA;AAAA;AAAA,EAIR,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA,CAA+B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACrD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,MAAM,cAAA,CAA2B,CAAC,MAAA,EAAQ,MAAA,EAAQ,KAAK,CAAC;AAAA;AAE5D,CAAU;AAIH,MAAM,cAAA,GAAiB;AAAA,EAC5B,QAAQ,MAAM,IAAA;AAAA,EACd,CAAC,YAAY,GAAG,CAAC,KAAA,KAAkB,SAAS,KAAK;AACnD;;;;"}
+{"version":3,"file":"countdown.mjs","sources":["../../../../../../packages/components/countdown/src/countdown.ts"],"sourcesContent":["import { buildProps, definePropType, isNumber } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\n\nimport type { ExtractPublicPropTypes, StyleValue } from 'vue'\nimport type { Dayjs } from 'dayjs'\nimport type Countdown from './countdown.vue'\n\nexport interface CountdownProps {\n  /**\n   * @description Formatting the countdown display\n   */\n  format?: string\n  /**\n   * @description Sets the prefix of a countdown\n   */\n  prefix?: string\n  /**\n   * @description Sets the suffix of a countdown\n   */\n  suffix?: string\n  /**\n   * @description countdown titles\n   */\n  title?: string\n  /**\n   * @description target time\n   */\n  value?: number | Dayjs\n  /**\n   * @description Styles countdown values\n   */\n  valueStyle?: StyleValue\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `CountdownProps` instead.\n */\nexport const countdownProps = buildProps({\n  /**\n   * @description Formatting the countdown display\n   */\n  format: {\n    type: String,\n    default: 'HH:mm:ss',\n  },\n  /**\n   * @description Sets the prefix of a countdown\n   */\n  prefix: String,\n  /**\n   * @description Sets the suffix of a countdown\n   */\n  suffix: String,\n  /**\n   * @description countdown titles\n   */\n  title: String,\n  /**\n   * @description target time\n   */\n  value: {\n    type: definePropType<number | Dayjs>([Number, Object]),\n    default: 0,\n  },\n  /**\n   * @description Styles countdown values\n   */\n  valueStyle: {\n    type: definePropType<StyleValue>([String, Object, Array]),\n  },\n} as const)\n/**\n * @deprecated Removed after 3.0.0, Use `CountdownProps` instead.\n */\nexport type CountdownPropsPublic = ExtractPublicPropTypes<typeof countdownProps>\n\nexport const countdownEmits = {\n  finish: () => true,\n  [CHANGE_EVENT]: (value: number) => isNumber(value),\n}\nexport type CountdownEmits = typeof countdownEmits\n\nexport type CountdownInstance = InstanceType<typeof Countdown> & unknown\n"],"names":[],"mappings":";;;;AAqCO,MAAM,iBAAiB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIvC,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,MAAA,EAAQ,MAAA;AAAA;AAAA;AAAA;AAAA,EAIR,MAAA,EAAQ,MAAA;AAAA;AAAA;AAAA;AAAA,EAIR,KAAA,EAAO,MAAA;AAAA;AAAA;AAAA;AAAA,EAIP,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,cAAA,CAA+B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACrD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,MAAM,cAAA,CAA2B,CAAC,MAAA,EAAQ,MAAA,EAAQ,KAAK,CAAC;AAAA;AAE5D,CAAU;AAMH,MAAM,cAAA,GAAiB;AAAA,EAC5B,QAAQ,MAAM,IAAA;AAAA,EACd,CAAC,YAAY,GAAG,CAAC,KAAA,KAAkB,SAAS,KAAK;AACnD;;;;"}

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

@@ -1,20 +1,13 @@
+import type { CountdownProps } from './countdown';
 declare var __VLS_9: string | number, __VLS_10: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_9>]?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly format: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "HH:mm:ss", boolean>;
-    readonly prefix: StringConstructor;
-    readonly suffix: StringConstructor;
-    readonly title: StringConstructor;
-    readonly value: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs) | ((new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs))[], unknown, unknown, 0, boolean>;
-    readonly valueStyle: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}, {
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CountdownProps>, {
+    format: string;
+    value: number;
+    valueStyle: undefined;
+}>, {
     /**
      * @description current display value
      */
@@ -22,30 +15,39 @@ declare const __VLS_base: import("vue").DefineComponent<{
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     change: (value: number) => void;
     finish: () => void;
-}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly format: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "HH:mm:ss", boolean>;
-    readonly prefix: StringConstructor;
-    readonly suffix: StringConstructor;
-    readonly title: StringConstructor;
-    readonly value: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs) | ((new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs))[], unknown, unknown, 0, boolean>;
-    readonly valueStyle: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue) | ((new (...args: any[]) => string | false | import("vue").CSSProperties | import("vue").StyleValue[]) | (() => import("vue").StyleValue))[], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>> & {
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<CountdownProps>, {
+    format: string;
+    value: number;
+    valueStyle: undefined;
+}>>> & {
     onChange?: ((value: number) => any) | undefined;
     onFinish?: (() => any) | undefined;
 }, {
-    readonly value: import("@element-plus/nightly/es/utils").EpPropMergeType<(new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs) | ((new (...args: any[]) => number | import("dayjs").Dayjs) | (() => number | import("dayjs").Dayjs))[], unknown, unknown>;
-    readonly format: string;
+    value: number | import("dayjs").Dayjs;
+    format: string;
+    valueStyle: string | false | import("vue").CSSProperties | import("vue").StyleValue[] | 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/countdown/src/countdown.vue2.mjs

@@ -1,6 +1,6 @@
 import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, createBlock, openBlock, unref, createSlots, renderList, withCtx, renderSlot } from 'vue';
 import { ElStatistic } from '../../statistic/index.mjs';
-import { countdownEmits, countdownProps } from './countdown.mjs';
+import { countdownEmits } from './countdown.mjs';
 import { formatTime, getTime } from './utils.mjs';
 import { rAF, cAF } from '../../../utils/raf.mjs';
 import { CHANGE_EVENT } from '../../../constants/event.mjs';
@@ -10,7 +10,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElCountdown"
   },
   __name: "countdown",
-  props: countdownProps,
+  props: {
+    format: { type: String, required: false, default: "HH:mm:ss" },
+    prefix: { type: String, required: false },
+    suffix: { type: String, required: false },
+    title: { type: String, required: false },
+    value: { type: null, required: false, default: 0 },
+    valueStyle: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true, default: void 0 }
+  },
   emits: countdownEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -66,10 +73,10 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(ElStatistic), {
         value: rawValue.value,
-        title: _ctx.title,
-        prefix: _ctx.prefix,
-        suffix: _ctx.suffix,
-        "value-style": _ctx.valueStyle,
+        title: __props.title,
+        prefix: __props.prefix,
+        suffix: __props.suffix,
+        "value-style": __props.valueStyle,
         formatter
       }, createSlots({
         _: 2

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

@@ -1 +1 @@
-{"version":3,"file":"countdown.vue2.mjs","sources":["../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n  <el-statistic\n    :value=\"rawValue\"\n    :title=\"title\"\n    :prefix=\"prefix\"\n    :suffix=\"suffix\"\n    :value-style=\"valueStyle\"\n    :formatter=\"formatter\"\n  >\n    <template v-for=\"(_, name) in $slots\" #[name]>\n      <slot :name=\"name\" />\n    </template>\n  </el-statistic>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { cAF, rAF } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { countdownEmits, countdownProps } from './countdown'\nimport { formatTime, getTime } from './utils'\n\ndefineOptions({\n  name: 'ElCountdown',\n})\n\nconst props = defineProps(countdownProps)\nconst emit = defineEmits(countdownEmits)\n\nlet timer: ReturnType<typeof rAF> | undefined\nconst rawValue = ref<number>(0)\nconst displayValue = computed(() => formatTime(rawValue.value, props.format))\n\nconst formatter = (val: number) => formatTime(val, props.format)\n\nconst stopTimer = () => {\n  if (timer) {\n    cAF(timer)\n    timer = undefined\n  }\n}\n\nconst startTimer = () => {\n  const timestamp = getTime(props.value)\n  const frameFunc = () => {\n    let diff = timestamp - Date.now()\n    emit(CHANGE_EVENT, diff)\n    if (diff <= 0) {\n      diff = 0\n      stopTimer()\n      emit('finish')\n    } else {\n      timer = rAF(frameFunc)\n    }\n    rawValue.value = diff\n  }\n  timer = rAF(frameFunc)\n}\n\nonMounted(() => {\n  rawValue.value = getTime(props.value) - Date.now()\n\n  watch(\n    () => [props.value, props.format],\n    () => {\n      stopTimer()\n      startTimer()\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  stopTimer()\n})\n\ndefineExpose({\n  /**\n   * @description current display value\n   */\n  displayValue,\n})\n</script>\n"],"names":["_createBlock","_unref","title","prefix","suffix","valueStyle","$slots","_renderSlot"],"mappings":";;;;;;;;;;;;;;;AA2BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AACd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,IAAI,KAAA;AACJ,IAAA,MAAM,QAAA,GAAW,IAAY,CAAC,CAAA;AAC9B,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM,UAAA,CAAW,SAAS,KAAA,EAAO,KAAA,CAAM,MAAM,CAAC,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgB,UAAA,CAAW,GAAA,EAAK,MAAM,MAAM,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,GAAA,CAAI,KAAK,CAAA;AACT,QAAA,KAAA,GAAQ,MAAA;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AACtB,QAAA,IAAI,IAAA,GAAO,SAAA,GAAY,IAAA,CAAK,GAAA,EAAI;AAChC,QAAA,IAAA,CAAK,cAAc,IAAI,CAAA;AACvB,QAAA,IAAI,QAAQ,CAAA,EAAG;AACb,UAAA,IAAA,GAAO,CAAA;AACP,UAAA,SAAA,EAAU;AACV,UAAA,IAAA,CAAK,QAAQ,CAAA;AAAA,QACf,CAAA,MAAO;AACL,UAAA,KAAA,GAAQ,IAAI,SAAS,CAAA;AAAA,QACvB;AACA,QAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AAAA,MACnB,CAAA;AACA,MAAA,KAAA,GAAQ,IAAI,SAAS,CAAA;AAAA,IACvB,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQ,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAA,EAAI;AAEjD,MAAA,KAAA;AAAA,QACE,MAAM,CAAC,KAAA,CAAM,KAAA,EAAO,MAAM,MAAM,CAAA;AAAA,QAChC,MAAM;AACJ,UAAA,SAAA,EAAU;AACV,UAAA,UAAA,EAAW;AAAA,QACb,CAAA;AAAA,QACA;AAAA,UACE,SAAA,EAAW;AAAA;AACb,OACF;AAAA,IACF,CAAC,CAAA;AAED,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,SAAA,EAAU;AAAA,IACZ,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;0BAnFCA,WAAA,CAWeC,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,QAVZ,OAAO,QAAA,CAAA,KAAA;AAAA,QACP,OAAOC,IAAAA,CAAAA,KAAAA;AAAAA,QACP,QAAQC,IAAAA,CAAAA,MAAAA;AAAAA,QACR,QAAQC,IAAAA,CAAAA,MAAAA;AAAAA,QACR,eAAaC,IAAAA,CAAAA,UAAAA;AAAAA,QACb;AAAA;;;;mBAE6BC,IAAAA,CAAAA,MAAAA,EAAM,CAAlB,GAAG,IAAA,KAAI;;;wBACvB,MAAqB;AAAA,cAArBC,UAAA,CAAqB,IAAA,SAAR,IAAI;AAAA;;;;;;;;;;"}
+{"version":3,"file":"countdown.vue2.mjs","sources":["../../../../../../packages/components/countdown/src/countdown.vue"],"sourcesContent":["<template>\n  <el-statistic\n    :value=\"rawValue\"\n    :title=\"title\"\n    :prefix=\"prefix\"\n    :suffix=\"suffix\"\n    :value-style=\"valueStyle\"\n    :formatter=\"formatter\"\n  >\n    <template v-for=\"(_, name) in $slots\" #[name]>\n      <slot :name=\"name\" />\n    </template>\n  </el-statistic>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { ElStatistic } from '@element-plus/components/statistic'\nimport { cAF, rAF } from '@element-plus/utils'\nimport { CHANGE_EVENT } from '@element-plus/constants'\nimport { countdownEmits } from './countdown'\nimport { formatTime, getTime } from './utils'\n\nimport type { CountdownProps } from './countdown'\n\ndefineOptions({\n  name: 'ElCountdown',\n})\nconst props = withDefaults(defineProps<CountdownProps>(), {\n  format: 'HH:mm:ss',\n  value: 0,\n  valueStyle: undefined,\n})\nconst emit = defineEmits(countdownEmits)\n\nlet timer: ReturnType<typeof rAF> | undefined\nconst rawValue = ref<number>(0)\nconst displayValue = computed(() => formatTime(rawValue.value, props.format))\n\nconst formatter = (val: number) => formatTime(val, props.format)\n\nconst stopTimer = () => {\n  if (timer) {\n    cAF(timer)\n    timer = undefined\n  }\n}\n\nconst startTimer = () => {\n  const timestamp = getTime(props.value)\n  const frameFunc = () => {\n    let diff = timestamp - Date.now()\n    emit(CHANGE_EVENT, diff)\n    if (diff <= 0) {\n      diff = 0\n      stopTimer()\n      emit('finish')\n    } else {\n      timer = rAF(frameFunc)\n    }\n    rawValue.value = diff\n  }\n  timer = rAF(frameFunc)\n}\n\nonMounted(() => {\n  rawValue.value = getTime(props.value) - Date.now()\n\n  watch(\n    () => [props.value, props.format],\n    () => {\n      stopTimer()\n      startTimer()\n    },\n    {\n      immediate: true,\n    }\n  )\n})\n\nonBeforeUnmount(() => {\n  stopTimer()\n})\n\ndefineExpose({\n  /**\n   * @description current display value\n   */\n  displayValue,\n})\n</script>\n"],"names":["_createBlock","_unref","$slots","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,IAAI,KAAA;AACJ,IAAA,MAAM,QAAA,GAAW,IAAY,CAAC,CAAA;AAC9B,IAAA,MAAM,YAAA,GAAe,SAAS,MAAM,UAAA,CAAW,SAAS,KAAA,EAAO,KAAA,CAAM,MAAM,CAAC,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgB,UAAA,CAAW,GAAA,EAAK,MAAM,MAAM,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAA,EAAO;AACT,QAAA,GAAA,CAAI,KAAK,CAAA;AACT,QAAA,KAAA,GAAQ,MAAA;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,MAAM,SAAA,GAAY,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AACtB,QAAA,IAAI,IAAA,GAAO,SAAA,GAAY,IAAA,CAAK,GAAA,EAAI;AAChC,QAAA,IAAA,CAAK,cAAc,IAAI,CAAA;AACvB,QAAA,IAAI,QAAQ,CAAA,EAAG;AACb,UAAA,IAAA,GAAO,CAAA;AACP,UAAA,SAAA,EAAU;AACV,UAAA,IAAA,CAAK,QAAQ,CAAA;AAAA,QACf,CAAA,MAAO;AACL,UAAA,KAAA,GAAQ,IAAI,SAAS,CAAA;AAAA,QACvB;AACA,QAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AAAA,MACnB,CAAA;AACA,MAAA,KAAA,GAAQ,IAAI,SAAS,CAAA;AAAA,IACvB,CAAA;AAEA,IAAA,SAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQ,OAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAA,EAAI;AAEjD,MAAA,KAAA;AAAA,QACE,MAAM,CAAC,KAAA,CAAM,KAAA,EAAO,MAAM,MAAM,CAAA;AAAA,QAChC,MAAM;AACJ,UAAA,SAAA,EAAU;AACV,UAAA,UAAA,EAAW;AAAA,QACb,CAAA;AAAA,QACA;AAAA,UACE,SAAA,EAAW;AAAA;AACb,OACF;AAAA,IACF,CAAC,CAAA;AAED,IAAA,eAAA,CAAgB,MAAM;AACpB,MAAA,SAAA,EAAU;AAAA,IACZ,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;0BAxFCA,WAAA,CAWeC,KAAA,CAAA,WAAA,CAAA,EAAA;AAAA,QAVZ,OAAO,QAAA,CAAA,KAAA;AAAA,QACP,OAAO,OAAA,CAAA,KAAA;AAAA,QACP,QAAQ,OAAA,CAAA,MAAA;AAAA,QACR,QAAQ,OAAA,CAAA,MAAA;AAAA,QACR,eAAa,OAAA,CAAA,UAAA;AAAA,QACb;AAAA;;;;mBAE6BC,IAAAA,CAAAA,MAAAA,EAAM,CAAlB,GAAG,IAAA,KAAI;;;wBACvB,MAAqB;AAAA,cAArBC,UAAA,CAAqB,IAAA,SAAR,IAAI;AAAA;;;;;;;;;;"}

package/es/components/descriptions/src/description.d.ts

@@ -1,5 +1,45 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import { ComponentSize } from '@element-plus/nightly/es/constants';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Description from './description.vue';
+export interface DescriptionProps {
+    /**
+     * @description with or without border
+     * @default false
+     */
+    border?: boolean;
+    /**
+     * @description numbers of `Descriptions Item` in one line
+     * @default 3
+     */
+    column?: number;
+    /**
+     * @description direction of list
+     * @default 'horizontal'
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * @description size of list
+     * @default ''
+     */
+    size?: ComponentSize;
+    /**
+     * @description title text, display on the top left
+     * @default ''
+     */
+    title?: string;
+    /**
+     * @description extra text, display on the top right
+     * @default ''
+     */
+    extra?: string;
+    /**
+     * @description width of every label column
+     */
+    labelWidth?: string | number;
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.
+ */
 export declare const descriptionProps: {
     readonly border: BooleanConstructor;
     readonly column: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
@@ -19,6 +59,8 @@ export declare const descriptionProps: {
         __epPropKey: true;
     };
 };
-export type DescriptionProps = ExtractPropTypes<typeof descriptionProps>;
+/**
+ * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.
+ */
 export type DescriptionPropsPublic = ExtractPublicPropTypes<typeof descriptionProps>;
 export type DescriptionInstance = InstanceType<typeof Description> & unknown;

package/es/components/descriptions/src/description.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"description.mjs","sources":["../../../../../../packages/components/descriptions/src/description.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Description from './description.vue'\n\nexport const descriptionProps = buildProps({\n  /**\n   * @description with or without border\n   */\n  border: Boolean,\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   */\n  column: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description direction of list\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description size of list\n   */\n  size: useSizeProp,\n  /**\n   * @description title text, display on the top left\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description extra text, display on the top right\n   */\n  extra: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description width of every label column\n   */\n  labelWidth: {\n    type: [String, Number],\n  },\n} as const)\n\nexport type DescriptionProps = ExtractPropTypes<typeof descriptionProps>\nexport type DescriptionPropsPublic = ExtractPublicPropTypes<\n  typeof descriptionProps\n>\nexport type DescriptionInstance = InstanceType<typeof Description> & unknown\n"],"names":[],"mappings":";;;AAMO,MAAM,mBAAmB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIzC,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM,WAAA;AAAA;AAAA;AAAA;AAAA,EAIN,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA;AAEzB,CAAU;;;;"}
+{"version":3,"file":"description.mjs","sources":["../../../../../../packages/components/descriptions/src/description.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { useSizeProp } from '@element-plus/hooks'\nimport { ComponentSize } from '@element-plus/constants'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Description from './description.vue'\n\nexport interface DescriptionProps {\n  /**\n   * @description with or without border\n   * @default false\n   */\n  border?: boolean\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   * @default 3\n   */\n  column?: number\n  /**\n   * @description direction of list\n   * @default 'horizontal'\n   */\n  direction?: 'horizontal' | 'vertical'\n  /**\n   * @description size of list\n   * @default ''\n   */\n  size?: ComponentSize\n  /**\n   * @description title text, display on the top left\n   * @default ''\n   */\n  title?: string\n  /**\n   * @description extra text, display on the top right\n   * @default ''\n   */\n  extra?: string\n  /**\n   * @description width of every label column\n   */\n  labelWidth?: string | number\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.\n */\nexport const descriptionProps = buildProps({\n  /**\n   * @description with or without border\n   */\n  border: Boolean,\n  /**\n   * @description numbers of `Descriptions Item` in one line\n   */\n  column: {\n    type: Number,\n    default: 3,\n  },\n  /**\n   * @description direction of list\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description size of list\n   */\n  size: useSizeProp,\n  /**\n   * @description title text, display on the top left\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description extra text, display on the top right\n   */\n  extra: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description width of every label column\n   */\n  labelWidth: {\n    type: [String, Number],\n  },\n} as const)\n\n/**\n * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.\n */\nexport type DescriptionPropsPublic = ExtractPublicPropTypes<\n  typeof descriptionProps\n>\nexport type DescriptionInstance = InstanceType<typeof Description> & unknown\n"],"names":[],"mappings":";;;AA+CO,MAAM,mBAAmB,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIzC,MAAA,EAAQ,OAAA;AAAA;AAAA;AAAA;AAAA,EAIR,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,IAAA,EAAM,WAAA;AAAA;AAAA;AAAA;AAAA,EAIN,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,KAAA,EAAO;AAAA,IACL,IAAA,EAAM,MAAA;AAAA,IACN,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM;AAAA;AAEzB,CAAU;;;;"}

package/es/components/descriptions/src/description.vue.d.ts

@@ -1,57 +1,47 @@
+import type { DescriptionProps } from './description';
 declare var __VLS_1: {}, __VLS_3: {};
 type __VLS_Slots = {} & {
     title?: (props: typeof __VLS_1) => any;
 } & {
     extra?: (props: typeof __VLS_3) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{
-    readonly border: BooleanConstructor;
-    readonly column: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly extra: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly labelWidth: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, 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 border: BooleanConstructor;
-    readonly column: import("@element-plus/nightly/es/utils").EpPropFinalized<NumberConstructor, unknown, unknown, 3, boolean>;
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
-    readonly size: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "small" | "default" | "large", never>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-    readonly title: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly extra: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-    readonly labelWidth: {
-        readonly type: import("vue").PropType<import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>>;
-        readonly required: false;
-        readonly validator: ((val: unknown) => boolean) | undefined;
-        __epPropKey: true;
-    };
-}>>, {
-    readonly title: string;
-    readonly direction: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
-    readonly border: boolean;
-    readonly column: number;
-    readonly extra: string;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DescriptionProps>, {
+    column: number;
+    direction: string;
+    title: string;
+    extra: string;
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DescriptionProps>, {
+    column: number;
+    direction: string;
+    title: string;
+    extra: string;
+}>>>, {
+    title: string;
+    direction: "horizontal" | "vertical";
+    column: number;
+    extra: string;
 }, {}>;
 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/descriptions/src/description.vue2.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, useSlots, provide, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, unref, renderSlot, createTextVNode, toDisplayString, Fragment, renderList, createBlock } from 'vue';
 import _sfc_main$1 from './descriptions-row.vue2.mjs';
 import { descriptionsKey } from './token.mjs';
-import { descriptionProps } from './description.mjs';
 import { COMPONENT_NAME } from './constants.mjs';
 import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
 import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
@@ -12,7 +11,15 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElDescriptions"
   },
   __name: "description",
-  props: descriptionProps,
+  props: {
+    border: { type: Boolean, required: false },
+    column: { type: Number, required: false, default: 3 },
+    direction: { type: String, required: false, default: "horizontal" },
+    size: { type: null, required: false },
+    title: { type: String, required: false, default: "" },
+    extra: { type: String, required: false, default: "" },
+    labelWidth: { type: [String, Number], required: false }
+  },
   setup(__props) {
     const props = __props;
     const ns = useNamespace("descriptions");
@@ -90,7 +97,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
           class: normalizeClass(descriptionKls.value)
         },
         [
-          _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock(
+          __props.title || __props.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock(
             "div",
             {
               key: 0,
@@ -105,7 +112,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 [
                   renderSlot(_ctx.$slots, "title", {}, () => [
                     createTextVNode(
-                      toDisplayString(_ctx.title),
+                      toDisplayString(__props.title),
                       1
                       /* TEXT */
                     )
@@ -122,7 +129,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
                 [
                   renderSlot(_ctx.$slots, "extra", {}, () => [
                     createTextVNode(
-                      toDisplayString(_ctx.extra),
+                      toDisplayString(__props.extra),
                       1
                       /* TEXT */
                     )
@@ -144,7 +151,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode(
                 "table",
                 {
-                  class: normalizeClass([unref(ns).e("table"), unref(ns).is("bordered", _ctx.border)])
+                  class: normalizeClass([unref(ns).e("table"), unref(ns).is("bordered", __props.border)])
                 },
                 [
                   createElementVNode("tbody", null, [

package/es/components/descriptions/src/description.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"description.vue2.mjs","sources":["../../../../../../packages/components/descriptions/src/description.vue"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      :class=\"ns.e('header')\"\n    >\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div :class=\"ns.e('extra')\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div :class=\"ns.e('body')\">\n      <table :class=\"[ns.e('table'), ns.is('bordered', border)]\">\n        <tbody>\n          <template v-for=\"(row, _index) in getRows()\" :key=\"_index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, useSlots } from 'vue'\nimport { flattedChildren } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport ElDescriptionsRow from './descriptions-row.vue'\nimport { descriptionsKey } from './token'\nimport { descriptionProps } from './description'\nimport { COMPONENT_NAME } from './constants'\n\nimport type { IDescriptionsInject } from './descriptions.type'\nimport type { DescriptionItemVNode } from './description-item'\n\ndefineOptions({\n  name: 'ElDescriptions',\n})\n\nconst props = defineProps(descriptionProps)\n\nconst ns = useNamespace('descriptions')\n\nconst descriptionsSize = useFormSize()\n\nconst slots = useSlots()\n\nprovide(descriptionsKey, props as IDescriptionsInject)\n\nconst descriptionKls = computed(() => [ns.b(), ns.m(descriptionsSize.value)])\n\nconst filledNode = (\n  node: DescriptionItemVNode,\n  span: number,\n  count: number,\n  isLast = false\n) => {\n  if (!node.props) {\n    node.props = {}\n  }\n  if (span > count) {\n    node.props.span = count\n  }\n  if (isLast) {\n    // set the last span\n    node.props.span = span\n  }\n  return node\n}\n\nconst getRows = () => {\n  if (!slots.default) return []\n\n  const children = flattedChildren(slots.default()).filter(\n    (node): node is DescriptionItemVNode =>\n      (node as any)?.type?.name === COMPONENT_NAME\n  )\n  const rows: DescriptionItemVNode[][] = []\n  let temp: DescriptionItemVNode[] = []\n  let count = props.column\n  let totalSpan = 0 // all spans number of item\n  const rowspanTemp: number[] = [] // the number of row spans\n\n  children.forEach((node, index) => {\n    const span = node.props?.span || 1\n    const rowspan = node.props?.rowspan || 1\n    const rowNo = rows.length\n    rowspanTemp[rowNo] ||= 0\n\n    if (rowspan > 1) {\n      for (let i = 1; i < rowspan; i++) {\n        rowspanTemp[rowNo + i] ||= 0\n        rowspanTemp[rowNo + i]++\n        totalSpan++\n      }\n    }\n    if (rowspanTemp[rowNo] > 0) {\n      count -= rowspanTemp[rowNo]\n      rowspanTemp[rowNo] = 0\n    }\n    if (index < children.length - 1) {\n      totalSpan += span > count ? count : span\n    }\n\n    if (index === children.length - 1) {\n      // calculate the last item span\n      const lastSpan = props.column - (totalSpan % props.column)\n      temp.push(filledNode(node, lastSpan, count, true))\n      rows.push(temp)\n      return\n    }\n\n    if (span < count) {\n      count -= span\n      temp.push(node)\n    } else {\n      temp.push(filledNode(node, span, count))\n      rows.push(temp)\n      count = props.column\n      temp = []\n    }\n  })\n\n  return rows\n}\n</script>\n"],"names":["_createElementBlock","title","extra","$slots","_normalizeClass","_unref","_createElementVNode","_renderSlot","border","_openBlock","_Fragment","_renderList","_createBlock","ElDescriptionsRow"],"mappings":";;;;;;;;;;;;;;;;AA2CA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAEd,IAAA,MAAM,EAAA,GAAK,aAAa,cAAc,CAAA;AAEtC,IAAA,MAAM,mBAAmB,WAAA,EAAY;AAErC,IAAA,MAAM,QAAQ,QAAA,EAAS;AAEvB,IAAA,OAAA,CAAQ,iBAAiB,KAA4B,CAAA;AAErD,IAAA,MAAM,cAAA,GAAiB,QAAA,CAAS,MAAM,CAAC,EAAA,CAAG,CAAA,EAAE,EAAG,EAAA,CAAG,CAAA,CAAE,gBAAA,CAAiB,KAAK,CAAC,CAAC,CAAA;AAE5E,IAAA,MAAM,aAAa,CACjB,IAAA,EACA,IAAA,EACA,KAAA,EACA,SAAS,KAAA,KACN;AACH,MAAA,IAAI,CAAC,KAAK,KAAA,EAAO;AACf,QAAA,IAAA,CAAK,QAAQ,EAAC;AAAA,MAChB;AACA,MAAA,IAAI,OAAO,KAAA,EAAO;AAChB,QAAA,IAAA,CAAK,MAAM,IAAA,GAAO,KAAA;AAAA,MACpB;AACA,MAAA,IAAI,MAAA,EAAQ;AAEV,QAAA,IAAA,CAAK,MAAM,IAAA,GAAO,IAAA;AAAA,MACpB;AACA,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;AAEA,IAAA,MAAM,UAAU,MAAM;AACpB,MAAA,IAAI,CAAC,KAAA,CAAM,OAAA,EAAS,OAAO,EAAC;AAE5B,MAAA,MAAM,QAAA,GAAW,eAAA,CAAgB,KAAA,CAAM,OAAA,EAAS,CAAA,CAAE,MAAA;AAAA,QAChD,CAAC,IAAA,KAAoC;;AAClC,UAAA,OAAA,CAAA,CAAA,EAAA,GAAA,IAAA,IAAA,IAAA,GAAA,MAAA,GAAA,IAAA,CAAc,IAAA,KAAd,mBAAoB,IAAA,MAAS,cAAA;AAAA,QAAA;AAAA,OAClC;AACA,MAAA,MAAM,OAAiC,EAAC;AACxC,MAAA,IAAI,OAA+B,EAAC;AACpC,MAAA,IAAI,QAAQ,KAAA,CAAM,MAAA;AAClB,MAAA,IAAI,SAAA,GAAY,CAAA;AAChB,MAAA,MAAM,cAAwB,EAAC;AAE/B,MAAA,QAAA,CAAS,OAAA,CAAQ,CAAC,IAAA,EAAM,KAAA,KAAU;;AAChC,QAAA,MAAM,IAAA,GAAA,CAAA,CAAO,EAAA,GAAA,IAAA,CAAK,KAAA,KAAL,IAAA,GAAA,MAAA,GAAA,EAAA,CAAY,IAAA,KAAQ,CAAA;AACjC,QAAA,MAAM,OAAA,GAAA,CAAA,CAAU,EAAA,GAAA,IAAA,CAAK,KAAA,KAAL,IAAA,GAAA,MAAA,GAAA,EAAA,CAAY,OAAA,KAAW,CAAA;AACvC,QAAA,MAAM,QAAQ,IAAA,CAAK,MAAA;AACnB,QAAA,WAAA,CAAA,KAAA,CAAA,KAAA,WAAA,CAAA,KAAA,CAAA,GAAuB,CAAA,CAAA;AAEvB,QAAA,IAAI,UAAU,CAAA,EAAG;AACf,UAAA,KAAA,IAAS,CAAA,GAAI,CAAA,EAAG,CAAA,GAAI,OAAA,EAAS,CAAA,EAAA,EAAK;AAChC,YAAA,WAAA,CAAA,EAAA,GAAY,KAAA,GAAQ,OAApB,WAAA,CAAA,EAAA,CAAA,GAA2B,CAAA,CAAA;AAC3B,YAAA,WAAA,CAAY,QAAQ,CAAC,CAAA,EAAA;AACrB,YAAA,SAAA,EAAA;AAAA,UACF;AAAA,QACF;AACA,QAAA,IAAI,WAAA,CAAY,KAAK,CAAA,GAAI,CAAA,EAAG;AAC1B,UAAA,KAAA,IAAS,YAAY,KAAK,CAAA;AAC1B,UAAA,WAAA,CAAY,KAAK,CAAA,GAAI,CAAA;AAAA,QACvB;AACA,QAAA,IAAI,KAAA,GAAQ,QAAA,CAAS,MAAA,GAAS,CAAA,EAAG;AAC/B,UAAA,SAAA,IAAa,IAAA,GAAO,QAAQ,KAAA,GAAQ,IAAA;AAAA,QACtC;AAEA,QAAA,IAAI,KAAA,KAAU,QAAA,CAAS,MAAA,GAAS,CAAA,EAAG;AAEjC,UAAA,MAAM,QAAA,GAAW,KAAA,CAAM,MAAA,GAAU,SAAA,GAAY,KAAA,CAAM,MAAA;AACnD,UAAA,IAAA,CAAK,KAAK,UAAA,CAAW,IAAA,EAAM,QAAA,EAAU,KAAA,EAAO,IAAI,CAAC,CAAA;AACjD,UAAA,IAAA,CAAK,KAAK,IAAI,CAAA;AACd,UAAA;AAAA,QACF;AAEA,QAAA,IAAI,OAAO,KAAA,EAAO;AAChB,UAAA,KAAA,IAAS,IAAA;AACT,UAAA,IAAA,CAAK,KAAK,IAAI,CAAA;AAAA,QAChB,CAAA,MAAO;AACL,UAAA,IAAA,CAAK,IAAA,CAAK,UAAA,CAAW,IAAA,EAAM,IAAA,EAAM,KAAK,CAAC,CAAA;AACvC,UAAA,IAAA,CAAK,KAAK,IAAI,CAAA;AACd,UAAA,KAAA,GAAQ,KAAA,CAAM,MAAA;AACd,UAAA,IAAA,GAAO,EAAC;AAAA,QACV;AAAA,MACF,CAAC,CAAA;AAED,MAAA,OAAO,IAAA;AAAA,IACT,CAAA;;0BA/HEA,kBAAA;AAAA,QAsBM,KAAA;AAAA,QAAA;AAAA,UAtBA,KAAA,iBAAO,cAAA,CAAA,KAAc;AAAA;;UAEjBC,IAAAA,CAAAA,KAAAA,IAASC,IAAAA,UAASC,IAAAA,CAAAA,MAAAA,CAAO,KAAA,IAASA,IAAAA,CAAAA,MAAAA,CAAO,KAAA,iBADjDH,kBAAA;AAAA,YAUM,KAAA;AAAA,YAAA;AAAA;cARH,OAAKI,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,QAAA,CAAA;AAAA;;cAEZC,kBAAA;AAAA,gBAEM,KAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;kBACfE,WAAqC,IAAA,sBAArC,MAAqC;AAAA;sCAAfN,KAAAA,KAAK,CAAA;AAAA,sBAAA;AAAA;AAAA;AAAA;;;;;cAE7BK,kBAAA;AAAA,gBAEM,KAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;kBACfE,WAAqC,IAAA,sBAArC,MAAqC;AAAA;sCAAfL,KAAAA,KAAK,CAAA;AAAA,sBAAA;AAAA;AAAA;AAAA;;;;;;;;;UAI/BI,kBAAA;AAAA,YAQM,KAAA;AAAA,YAAA;AAAA,cARA,OAAKF,cAAA,CAAEC,KAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,MAAA,CAAA;AAAA;;cACfC,kBAAA;AAAA,gBAMQ,OAAA;AAAA,gBAAA;AAAA,kBANA,OAAKF,cAAA,CAAA,CAAGC,KAAA,KAAG,CAAA,WAAYA,KAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,YAAaG,IAAAA,CAAAA,MAAM,CAAA,CAAA;AAAA;;kBACrDF,kBAAA,CAIQ,SAAA,IAAA,EAAA;AAAA,qBAHNG,SAAA,CAAA,IAAA,CAAA,EAAAT,kBAAA;AAAA,sBAEWU,QAAA;AAAA,sBAAA,IAAA;AAAA,sBAAAC,UAAA,CAFuB,OAAA,EAAO,EAAA,CAAvB,KAAK,MAAA,KAAM;4CAC3BC,WAAA,CAAkCC,WAAA,EAAA;AAAA,+BADe,MAAA;AAAA,0BAC3B;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"description.vue2.mjs","sources":["../../../../../../packages/components/descriptions/src/description.vue"],"sourcesContent":["<template>\n  <div :class=\"descriptionKls\">\n    <div\n      v-if=\"title || extra || $slots.title || $slots.extra\"\n      :class=\"ns.e('header')\"\n    >\n      <div :class=\"ns.e('title')\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div :class=\"ns.e('extra')\">\n        <slot name=\"extra\">{{ extra }}</slot>\n      </div>\n    </div>\n\n    <div :class=\"ns.e('body')\">\n      <table :class=\"[ns.e('table'), ns.is('bordered', border)]\">\n        <tbody>\n          <template v-for=\"(row, _index) in getRows()\" :key=\"_index\">\n            <el-descriptions-row :row=\"row\" />\n          </template>\n        </tbody>\n      </table>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, provide, useSlots } from 'vue'\nimport { flattedChildren } from '@element-plus/utils'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport ElDescriptionsRow from './descriptions-row.vue'\nimport { descriptionsKey } from './token'\nimport { COMPONENT_NAME } from './constants'\n\nimport type { DescriptionProps } from './description'\nimport type { IDescriptionsInject } from './descriptions.type'\nimport type { DescriptionItemVNode } from './description-item'\n\ndefineOptions({\n  name: 'ElDescriptions',\n})\n\nconst props = withDefaults(defineProps<DescriptionProps>(), {\n  column: 3,\n  direction: 'horizontal',\n  title: '',\n  extra: '',\n})\n\nconst ns = useNamespace('descriptions')\n\nconst descriptionsSize = useFormSize()\n\nconst slots = useSlots()\n\nprovide(descriptionsKey, props as IDescriptionsInject)\n\nconst descriptionKls = computed(() => [ns.b(), ns.m(descriptionsSize.value)])\n\nconst filledNode = (\n  node: DescriptionItemVNode,\n  span: number,\n  count: number,\n  isLast = false\n) => {\n  if (!node.props) {\n    node.props = {}\n  }\n  if (span > count) {\n    node.props.span = count\n  }\n  if (isLast) {\n    // set the last span\n    node.props.span = span\n  }\n  return node\n}\n\nconst getRows = () => {\n  if (!slots.default) return []\n\n  const children = flattedChildren(slots.default()).filter(\n    (node): node is DescriptionItemVNode =>\n      (node as any)?.type?.name === COMPONENT_NAME\n  )\n  const rows: DescriptionItemVNode[][] = []\n  let temp: DescriptionItemVNode[] = []\n  let count = props.column\n  let totalSpan = 0 // all spans number of item\n  const rowspanTemp: number[] = [] // the number of row spans\n\n  children.forEach((node, index) => {\n    const span = node.props?.span || 1\n    const rowspan = node.props?.rowspan || 1\n    const rowNo = rows.length\n    rowspanTemp[rowNo] ||= 0\n\n    if (rowspan > 1) {\n      for (let i = 1; i < rowspan; i++) {\n        rowspanTemp[rowNo + i] ||= 0\n        rowspanTemp[rowNo + i]++\n        totalSpan++\n      }\n    }\n    if (rowspanTemp[rowNo] > 0) {\n      count -= rowspanTemp[rowNo]\n      rowspanTemp[rowNo] = 0\n    }\n    if (index < children.length - 1) {\n      totalSpan += span > count ? count : span\n    }\n\n    if (index === children.length - 1) {\n      // calculate the last item span\n      const lastSpan = props.column - (totalSpan % props.column)\n      temp.push(filledNode(node, lastSpan, count, true))\n      rows.push(temp)\n      return\n    }\n\n    if (span < count) {\n      count -= span\n      temp.push(node)\n    } else {\n      temp.push(filledNode(node, span, count))\n      rows.push(temp)\n      count = props.column\n      temp = []\n    }\n  })\n\n  return rows\n}\n</script>\n"],"names":["_createElementBlock","$slots","_normalizeClass","_unref","_createElementVNode","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","ElDescriptionsRow"],"mappings":"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"}

package/es/components/descriptions/src/descriptions-row.d.ts

@@ -1,4 +1,10 @@
 import type { DescriptionItemVNode } from './description-item';
+export interface DescriptionsRowProps {
+    row?: DescriptionItemVNode[];
+}
+/**
+ * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.
+ */
 export declare const descriptionsRowProps: {
     readonly row: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => DescriptionItemVNode[]) | (() => DescriptionItemVNode[]) | ((new (...args: any[]) => DescriptionItemVNode[]) | (() => DescriptionItemVNode[]))[], unknown, unknown, () => never[], boolean>;
 };

package/es/components/descriptions/src/descriptions-row.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions-row.mjs","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { DescriptionItemVNode } from './description-item'\n\nexport const descriptionsRowProps = buildProps({\n  row: {\n    type: definePropType<DescriptionItemVNode[]>(Array),\n    default: () => [],\n  },\n} as const)\n"],"names":[],"mappings":";;AAIO,MAAM,uBAAuB,UAAA,CAAW;AAAA,EAC7C,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,eAAuC,KAAK,CAAA;AAAA,IAClD,OAAA,EAAS,MAAM;AAAC;AAEpB,CAAU;;;;"}
+{"version":3,"file":"descriptions-row.mjs","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { DescriptionItemVNode } from './description-item'\n\nexport interface DescriptionsRowProps {\n  row?: DescriptionItemVNode[]\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `DescriptionProps` instead.\n */\nexport const descriptionsRowProps = buildProps({\n  row: {\n    type: definePropType<DescriptionItemVNode[]>(Array),\n    default: () => [],\n  },\n} as const)\n"],"names":[],"mappings":";;AAWO,MAAM,uBAAuB,UAAA,CAAW;AAAA,EAC7C,GAAA,EAAK;AAAA,IACH,IAAA,EAAM,eAAuC,KAAK,CAAA;AAAA,IAClD,OAAA,EAAS,MAAM;AAAC;AAEpB,CAAU;;;;"}

package/es/components/descriptions/src/descriptions-row.vue.d.ts

@@ -1,9 +1,26 @@
-declare const __VLS_export: import("vue").DefineComponent<{
-    readonly row: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").DescriptionItemVNode[]) | (() => import("element-plus").DescriptionItemVNode[]) | ((new (...args: any[]) => import("element-plus").DescriptionItemVNode[]) | (() => import("element-plus").DescriptionItemVNode[]))[], unknown, unknown, () => never[], boolean>;
-}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-    readonly row: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => import("element-plus").DescriptionItemVNode[]) | (() => import("element-plus").DescriptionItemVNode[]) | ((new (...args: any[]) => import("element-plus").DescriptionItemVNode[]) | (() => import("element-plus").DescriptionItemVNode[]))[], unknown, unknown, () => never[], boolean>;
-}>>, {
-    readonly row: import("element-plus").DescriptionItemVNode[];
+import type { DescriptionsRowProps } from './descriptions-row';
+declare const __VLS_export: import("vue").DefineComponent<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DescriptionsRowProps>, {
+    row: () => never[];
+}>, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaultsLocal<__VLS_TypePropsToOption<DescriptionsRowProps>, {
+    row: () => never[];
+}>>>, {
+    row: import("element-plus").DescriptionItemVNode[];
 }, {}>;
 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_PrettifyLocal<T> = {
+    [K in keyof T as K]: T[K];
+} & {};

package/es/components/descriptions/src/descriptions-row.vue2.mjs

@@ -1,7 +1,6 @@
 import { defineComponent, inject, createElementBlock, unref, openBlock, Fragment, createElementVNode, renderList, createBlock, createVNode } from 'vue';
 import ElDescriptionsCell from './descriptions-cell.mjs';
 import { descriptionsKey } from './token.mjs';
-import { descriptionsRowProps } from './descriptions-row.mjs';
 
 const _hoisted_1 = { key: 1 };
 var _sfc_main = /* @__PURE__ */ defineComponent({
@@ -9,7 +8,9 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
     name: "ElDescriptionsRow"
   },
   __name: "descriptions-row",
-  props: descriptionsRowProps,
+  props: {
+    row: { type: Array, required: false, default: () => [] }
+  },
   setup(__props) {
     const descriptions = inject(descriptionsKey, {});
     return (_ctx, _cache) => {
@@ -21,7 +22,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(
               Fragment,
               null,
-              renderList(_ctx.row, (cell, _index) => {
+              renderList(__props.row, (cell, _index) => {
                 return openBlock(), createBlock(unref(ElDescriptionsCell), {
                   key: `tr1-${_index}`,
                   cell,
@@ -37,7 +38,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
             (openBlock(true), createElementBlock(
               Fragment,
               null,
-              renderList(_ctx.row, (cell, _index) => {
+              renderList(__props.row, (cell, _index) => {
                 return openBlock(), createBlock(unref(ElDescriptionsCell), {
                   key: `tr2-${_index}`,
                   cell,
@@ -56,7 +57,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
         (openBlock(true), createElementBlock(
           Fragment,
           null,
-          renderList(_ctx.row, (cell, _index) => {
+          renderList(__props.row, (cell, _index) => {
             return openBlock(), createElementBlock(
               Fragment,
               {

package/es/components/descriptions/src/descriptions-row.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions-row.vue2.mjs","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.vue"],"sourcesContent":["<template>\n  <template v-if=\"descriptions.direction === 'vertical'\">\n    <tr>\n      <template v-for=\"(cell, _index) in row\" :key=\"`tr1-${_index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"th\" type=\"label\" />\n      </template>\n    </tr>\n    <tr>\n      <template v-for=\"(cell, _index) in row\" :key=\"`tr2-${_index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n    </tr>\n  </template>\n  <tr v-else>\n    <template v-for=\"(cell, _index) in row\" :key=\"`tr3-${_index}`\">\n      <template v-if=\"descriptions.border\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"label\" />\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n      <el-descriptions-cell v-else :cell=\"cell\" tag=\"td\" type=\"both\" />\n    </template>\n  </tr>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport ElDescriptionsCell from './descriptions-cell'\nimport { descriptionsKey } from './token'\nimport { descriptionsRowProps } from './descriptions-row'\n\nimport type { IDescriptionsInject } from './descriptions.type'\n\ndefineOptions({\n  name: 'ElDescriptionsRow',\n})\n\ndefineProps(descriptionsRowProps)\n\nconst descriptions = inject(descriptionsKey, {} as IDescriptionsInject)\n</script>\n"],"names":["_unref","_createElementBlock","_Fragment","_createElementVNode","_openBlock","_renderList","row","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;;AAsCA,IAAA,MAAM,YAAA,GAAe,MAAA,CAAO,eAAA,EAAiB,EAAyB,CAAA;;AArCpD,MAAA,OAAAA,MAAA,YAAA,CAAA,CAAa,SAAA,KAAS,UAAA,iBAAtCC,kBAAA;AAAA,QAWWC,QAAA;AAAA,QAAA,EAAA,KAAA,CAAA,EAAA;AAAA,QAAA;AAAA,UAVTC,kBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHC,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,cAEWC,QAAA;AAAA,cAAA,IAAA;AAAA,cAAAG,UAAA,CAFwBC,IAAAA,CAAAA,GAAAA,EAAG,CAApB,MAAM,MAAA,KAAM;oCAC5BC,WAAA,CAA2DP,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,8BADR,MAAM,CAAA,CAAA;AAAA,kBAClC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;UAGrDG,kBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHC,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,cAEWC,QAAA;AAAA,cAAA,IAAA;AAAA,cAAAG,UAAA,CAFwBC,IAAAA,CAAAA,GAAAA,EAAG,CAApB,MAAM,MAAA,KAAM;oCAC5BC,WAAA,CAA6DP,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,8BADV,MAAM,CAAA,CAAA;AAAA,kBAClC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;;;;yBAIvDC,kBAAA,CAQK,MAAA,UAAA,EAAA;AAAA,SAPHG,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,UAMWC,QAAA;AAAA,UAAA,IAAA;AAAA,UAAAG,UAAA,CANwBC,IAAAA,CAAAA,GAAAA,EAAG,CAApB,MAAM,MAAA,KAAM;;;;4BAAuB,MAAM,CAAA;AAAA;;gBACzCN,KAAA,CAAA,YAAA,CAAA,CAAa,MAAA,iBAA7BC,kBAAA;AAAA,kBAGWC,QAAA;AAAA,kBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,kBAAA;AAAA,oBAFTM,WAAA,CAA2DR,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,sBAApC,IAAA;AAAA,sBAAY,GAAA,EAAI,IAAA;AAAA,sBAAK,IAAA,EAAK;AAAA;oBACjDQ,WAAA,CAA6DR,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,sBAAtC,IAAA;AAAA,sBAAY,GAAA,EAAI,IAAA;AAAA,sBAAK,IAAA,EAAK;AAAA;;;;mCAEnDO,WAAA,CAAiEP,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA;kBAAnC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"descriptions-row.vue2.mjs","sources":["../../../../../../packages/components/descriptions/src/descriptions-row.vue"],"sourcesContent":["<template>\n  <template v-if=\"descriptions.direction === 'vertical'\">\n    <tr>\n      <template v-for=\"(cell, _index) in row\" :key=\"`tr1-${_index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"th\" type=\"label\" />\n      </template>\n    </tr>\n    <tr>\n      <template v-for=\"(cell, _index) in row\" :key=\"`tr2-${_index}`\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n    </tr>\n  </template>\n  <tr v-else>\n    <template v-for=\"(cell, _index) in row\" :key=\"`tr3-${_index}`\">\n      <template v-if=\"descriptions.border\">\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"label\" />\n        <el-descriptions-cell :cell=\"cell\" tag=\"td\" type=\"content\" />\n      </template>\n      <el-descriptions-cell v-else :cell=\"cell\" tag=\"td\" type=\"both\" />\n    </template>\n  </tr>\n</template>\n\n<script lang=\"ts\" setup>\nimport { inject } from 'vue'\nimport ElDescriptionsCell from './descriptions-cell'\nimport { descriptionsKey } from './token'\n\nimport type { DescriptionsRowProps } from './descriptions-row'\nimport type { IDescriptionsInject } from './descriptions.type'\n\ndefineOptions({\n  name: 'ElDescriptionsRow',\n})\n\nwithDefaults(defineProps<DescriptionsRowProps>(), {\n  row: () => [],\n})\n\nconst descriptions = inject(descriptionsKey, {} as IDescriptionsInject)\n</script>\n"],"names":["_unref","_createElementBlock","_Fragment","_createElementVNode","_openBlock","_renderList","_createBlock","_createVNode"],"mappings":";;;;;;;;;;;;;;AAwCA,IAAA,MAAM,YAAA,GAAe,MAAA,CAAO,eAAA,EAAiB,EAAyB,CAAA;;AAvCpD,MAAA,OAAAA,MAAA,YAAA,CAAA,CAAa,SAAA,KAAS,UAAA,iBAAtCC,kBAAA;AAAA,QAWWC,QAAA;AAAA,QAAA,EAAA,KAAA,CAAA,EAAA;AAAA,QAAA;AAAA,UAVTC,kBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHC,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,cAEWC,QAAA;AAAA,cAAA,IAAA;AAAA,cAAAG,UAAA,CAFwB,OAAA,CAAA,GAAA,EAAG,CAApB,MAAM,MAAA,KAAM;oCAC5BC,WAAA,CAA2DN,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,8BADR,MAAM,CAAA,CAAA;AAAA,kBAClC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;UAGrDG,kBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHC,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,cAEWC,QAAA;AAAA,cAAA,IAAA;AAAA,cAAAG,UAAA,CAFwB,OAAA,CAAA,GAAA,EAAG,CAApB,MAAM,MAAA,KAAM;oCAC5BC,WAAA,CAA6DN,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,8BADV,MAAM,CAAA,CAAA;AAAA,kBAClC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;;;;yBAIvDC,kBAAA,CAQK,MAAA,UAAA,EAAA;AAAA,SAPHG,SAAA,CAAA,IAAA,CAAA,EAAAH,kBAAA;AAAA,UAMWC,QAAA;AAAA,UAAA,IAAA;AAAA,UAAAG,UAAA,CANwB,OAAA,CAAA,GAAA,EAAG,CAApB,MAAM,MAAA,KAAM;;;;4BAAuB,MAAM,CAAA;AAAA;;gBACzCL,KAAA,CAAA,YAAA,CAAA,CAAa,MAAA,iBAA7BC,kBAAA;AAAA,kBAGWC,QAAA;AAAA,kBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,kBAAA;AAAA,oBAFTK,WAAA,CAA2DP,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,sBAApC,IAAA;AAAA,sBAAY,GAAA,EAAI,IAAA;AAAA,sBAAK,IAAA,EAAK;AAAA;oBACjDO,WAAA,CAA6DP,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA,sBAAtC,IAAA;AAAA,sBAAY,GAAA,EAAI,IAAA;AAAA,sBAAK,IAAA,EAAK;AAAA;;;;mCAEnDM,WAAA,CAAiEN,KAAA,CAAA,kBAAA,CAAA,EAAA;AAAA;kBAAnC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;;;;;;;;;;;"}

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

@@ -1,11 +1,24 @@
-import type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue';
+import type { ExtractPublicPropTypes } from 'vue';
 import type Divider from './divider.vue';
 export type BorderStyle = CSSStyleDeclaration['borderStyle'];
+export interface DividerProps {
+    /**
+     * @description Set divider's direction
+     */
+    direction?: 'horizontal' | 'vertical';
+    /**
+     * @description Set the style of divider
+     */
+    contentPosition?: 'left' | 'center' | 'right';
+    /**
+     * @description the position of the customized content on the divider line
+     */
+    borderStyle?: BorderStyle;
+}
 export declare const dividerProps: {
     readonly direction: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
     readonly contentPosition: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "center" | "left" | "right", unknown, "center", boolean>;
     readonly borderStyle: import("@element-plus/nightly/es/utils").EpPropFinalized<(new (...args: any[]) => string) | (() => string) | ((new (...args: any[]) => string) | (() => string))[], unknown, unknown, "solid", boolean>;
 };
-export type DividerProps = ExtractPropTypes<typeof dividerProps>;
 export type DividerPropsPublic = ExtractPublicPropTypes<typeof dividerProps>;
 export type DividerInstance = InstanceType<typeof Divider> & unknown;

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

@@ -1 +1 @@
-{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport const dividerProps = buildProps({\n  /**\n   * @description Set divider's direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerProps = ExtractPropTypes<typeof dividerProps>\nexport type DividerPropsPublic = ExtractPublicPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider> & unknown\n"],"names":[],"mappings":";;AAOO,MAAM,eAAe,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIrC,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,MAAA,EAAQ,QAAA,EAAU,OAAO,CAAA;AAAA,IAClC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,IACxC,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}
+{"version":3,"file":"divider.mjs","sources":["../../../../../../packages/components/divider/src/divider.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\n\nimport type { ExtractPublicPropTypes } from 'vue'\nimport type Divider from './divider.vue'\n\nexport type BorderStyle = CSSStyleDeclaration['borderStyle']\n\nexport interface DividerProps {\n  /**\n   * @description Set divider's direction\n   */\n  direction?: 'horizontal' | 'vertical'\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition?: 'left' | 'center' | 'right'\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle?: BorderStyle\n}\n\nexport const dividerProps = buildProps({\n  /**\n   * @description Set divider's direction\n   */\n  direction: {\n    type: String,\n    values: ['horizontal', 'vertical'],\n    default: 'horizontal',\n  },\n  /**\n   * @description Set the style of divider\n   */\n  contentPosition: {\n    type: String,\n    values: ['left', 'center', 'right'],\n    default: 'center',\n  },\n  /**\n   * @description the position of the customized content on the divider line\n   */\n  borderStyle: {\n    type: definePropType<BorderStyle>(String),\n    default: 'solid',\n  },\n} as const)\nexport type DividerPropsPublic = ExtractPublicPropTypes<typeof dividerProps>\n\nexport type DividerInstance = InstanceType<typeof Divider> & unknown\n"],"names":[],"mappings":";;AAsBO,MAAM,eAAe,UAAA,CAAW;AAAA;AAAA;AAAA;AAAA,EAIrC,SAAA,EAAW;AAAA,IACT,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,MAAA,EAAQ,QAAA,EAAU,OAAO,CAAA;AAAA,IAClC,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,WAAA,EAAa;AAAA,IACX,IAAA,EAAM,eAA4B,MAAM,CAAA;AAAA,IACxC,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}