@element-plus/nightly 0.0.20260117 → 0.0.20260118

package/lib/components/countdown/src/countdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown.js","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":["buildProps","definePropType","CHANGE_EVENT","isNumber"],"mappings":";;;;;;AAOO,MAAM,iBAAiBA,kBAAA,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,EAAMC,sBAAA,CAA+B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACrD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,MAAMA,sBAAA,CAA2B,CAAC,MAAA,EAAQ,MAAA,EAAQ,KAAK,CAAC;AAAA;AAE5D,CAAU;AAIH,MAAM,cAAA,GAAiB;AAAA,EAC5B,QAAQ,MAAM,IAAA;AAAA,EACd,CAACC,kBAAY,GAAG,CAAC,KAAA,KAAkBC,eAAS,KAAK;AACnD;;;;;"}
+{"version":3,"file":"countdown.js","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":["buildProps","definePropType","CHANGE_EVENT","isNumber"],"mappings":";;;;;;AAqCO,MAAM,iBAAiBA,kBAAA,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,EAAMC,sBAAA,CAA+B,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACrD,OAAA,EAAS;AAAA,GACX;AAAA;AAAA;AAAA;AAAA,EAIA,UAAA,EAAY;AAAA,IACV,MAAMA,sBAAA,CAA2B,CAAC,MAAA,EAAQ,MAAA,EAAQ,KAAK,CAAC;AAAA;AAE5D,CAAU;AAMH,MAAM,cAAA,GAAiB;AAAA,EAC5B,QAAQ,MAAM,IAAA;AAAA,EACd,CAACC,kBAAY,GAAG,CAAC,KAAA,KAAkBC,eAAS,KAAK;AACnD;;;;;"}

package/lib/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/lib/components/countdown/src/countdown.vue2.js

@@ -14,7 +14,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElCountdown"
   },
   __name: "countdown",
-  props: countdown.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: countdown.countdownEmits,
   setup(__props, { expose: __expose, emit: __emit }) {
     const props = __props;
@@ -70,10 +77,10 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createBlock(vue.unref(index.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
       }, vue.createSlots({
         _: 2

package/lib/components/countdown/src/countdown.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"countdown.vue2.js","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":["ref","computed","formatTime","cAF","getTime","CHANGE_EVENT","rAF","onMounted","watch","onBeforeUnmount","_createBlock","_unref","ElStatistic","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,GAAWA,QAAY,CAAC,CAAA;AAC9B,IAAA,MAAM,YAAA,GAAeC,aAAS,MAAMC,gBAAA,CAAW,SAAS,KAAA,EAAO,KAAA,CAAM,MAAM,CAAC,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgBA,gBAAA,CAAW,GAAA,EAAK,MAAM,MAAM,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAA,EAAO;AACT,QAAAC,OAAA,CAAI,KAAK,CAAA;AACT,QAAA,KAAA,GAAQ,MAAA;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,MAAM,SAAA,GAAYC,aAAA,CAAQ,KAAA,CAAM,KAAK,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AACtB,QAAA,IAAI,IAAA,GAAO,SAAA,GAAY,IAAA,CAAK,GAAA,EAAI;AAChC,QAAA,IAAA,CAAKC,oBAAc,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,GAAQC,QAAI,SAAS,CAAA;AAAA,QACvB;AACA,QAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AAAA,MACnB,CAAA;AACA,MAAA,KAAA,GAAQA,QAAI,SAAS,CAAA;AAAA,IACvB,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQH,aAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAA,EAAI;AAEjD,MAAAI,SAAA;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,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,SAAA,EAAU;AAAA,IACZ,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;8BAnFCC,eAAA,CAWeC,SAAA,CAAAC,iBAAA,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;;;;uBAE6BC,IAAAA,CAAAA,MAAAA,EAAM,CAAlB,GAAG,IAAA,KAAI;;;4BACvB,MAAqB;AAAA,cAArBC,cAAA,CAAqB,IAAA,SAAR,IAAI;AAAA;;;;;;;;;;"}
+{"version":3,"file":"countdown.vue2.js","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":["ref","computed","formatTime","cAF","getTime","CHANGE_EVENT","rAF","onMounted","watch","onBeforeUnmount","_createBlock","_unref","ElStatistic","$slots","_renderSlot"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA4BA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,IAAA,GAAO,MAAA;AAEb,IAAA,IAAI,KAAA;AACJ,IAAA,MAAM,QAAA,GAAWA,QAAY,CAAC,CAAA;AAC9B,IAAA,MAAM,YAAA,GAAeC,aAAS,MAAMC,gBAAA,CAAW,SAAS,KAAA,EAAO,KAAA,CAAM,MAAM,CAAC,CAAA;AAE5E,IAAA,MAAM,YAAY,CAAC,GAAA,KAAgBA,gBAAA,CAAW,GAAA,EAAK,MAAM,MAAM,CAAA;AAE/D,IAAA,MAAM,YAAY,MAAM;AACtB,MAAA,IAAI,KAAA,EAAO;AACT,QAAAC,OAAA,CAAI,KAAK,CAAA;AACT,QAAA,KAAA,GAAQ,MAAA;AAAA,MACV;AAAA,IACF,CAAA;AAEA,IAAA,MAAM,aAAa,MAAM;AACvB,MAAA,MAAM,SAAA,GAAYC,aAAA,CAAQ,KAAA,CAAM,KAAK,CAAA;AACrC,MAAA,MAAM,YAAY,MAAM;AACtB,QAAA,IAAI,IAAA,GAAO,SAAA,GAAY,IAAA,CAAK,GAAA,EAAI;AAChC,QAAA,IAAA,CAAKC,oBAAc,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,GAAQC,QAAI,SAAS,CAAA;AAAA,QACvB;AACA,QAAA,QAAA,CAAS,KAAA,GAAQ,IAAA;AAAA,MACnB,CAAA;AACA,MAAA,KAAA,GAAQA,QAAI,SAAS,CAAA;AAAA,IACvB,CAAA;AAEA,IAAAC,aAAA,CAAU,MAAM;AACd,MAAA,QAAA,CAAS,QAAQH,aAAA,CAAQ,KAAA,CAAM,KAAK,CAAA,GAAI,KAAK,GAAA,EAAI;AAEjD,MAAAI,SAAA;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,IAAAC,mBAAA,CAAgB,MAAM;AACpB,MAAA,SAAA,EAAU;AAAA,IACZ,CAAC,CAAA;AAED,IAAA,QAAA,CAAa;AAAA;AAAA;AAAA;AAAA,MAIX;AAAA,KACD,CAAA;;8BAxFCC,eAAA,CAWeC,SAAA,CAAAC,iBAAA,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;;;;uBAE6BC,IAAAA,CAAAA,MAAAA,EAAM,CAAlB,GAAG,IAAA,KAAI;;;4BACvB,MAAqB;AAAA,cAArBC,cAAA,CAAqB,IAAA,SAAR,IAAI;AAAA;;;;;;;;;;"}

package/lib/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/lib/components/descriptions/src/description.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.js","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":["buildProps","useSizeProp"],"mappings":";;;;;AAMO,MAAM,mBAAmBA,kBAAA,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,EAAMC,iBAAA;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.js","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":["buildProps","useSizeProp"],"mappings":";;;;;AA+CO,MAAM,mBAAmBA,kBAAA,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,EAAMC,iBAAA;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/lib/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/lib/components/descriptions/src/description.vue2.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var descriptionsRow_vue_vue_type_script_setup_true_lang = require('./descriptions-row.vue2.js');
 var token = require('./token.js');
-var description = require('./description.js');
 var constants = require('./constants.js');
 var index = require('../../../hooks/use-namespace/index.js');
 var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
@@ -16,7 +15,15 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElDescriptions"
   },
   __name: "description",
-  props: description.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 = index.useNamespace("descriptions");
@@ -94,7 +101,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
           class: vue.normalizeClass(descriptionKls.value)
         },
         [
-          _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
+          __props.title || __props.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
             "div",
             {
               key: 0,
@@ -109,7 +116,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 [
                   vue.renderSlot(_ctx.$slots, "title", {}, () => [
                     vue.createTextVNode(
-                      vue.toDisplayString(_ctx.title),
+                      vue.toDisplayString(__props.title),
                       1
                       /* TEXT */
                     )
@@ -126,7 +133,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
                 [
                   vue.renderSlot(_ctx.$slots, "extra", {}, () => [
                     vue.createTextVNode(
-                      vue.toDisplayString(_ctx.extra),
+                      vue.toDisplayString(__props.extra),
                       1
                       /* TEXT */
                     )
@@ -148,7 +155,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
               vue.createElementVNode(
                 "table",
                 {
-                  class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", _ctx.border)])
+                  class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", __props.border)])
                 },
                 [
                   vue.createElementVNode("tbody", null, [

package/lib/components/descriptions/src/description.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"description.vue2.js","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":["useNamespace","useFormSize","useSlots","provide","descriptionsKey","computed","flattedChildren","COMPONENT_NAME","_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,GAAKA,mBAAa,cAAc,CAAA;AAEtC,IAAA,MAAM,mBAAmBC,8BAAA,EAAY;AAErC,IAAA,MAAM,QAAQC,YAAA,EAAS;AAEvB,IAAAC,WAAA,CAAQC,uBAAiB,KAA4B,CAAA;AAErD,IAAA,MAAM,cAAA,GAAiBC,YAAA,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,GAAWC,qBAAA,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,MAASC,wBAAA;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;;8BA/HEC,sBAAA;AAAA,QAsBM,KAAA;AAAA,QAAA;AAAA,UAtBA,KAAA,qBAAO,cAAA,CAAA,KAAc;AAAA;;UAEjBC,IAAAA,CAAAA,KAAAA,IAASC,IAAAA,UAASC,IAAAA,CAAAA,MAAAA,CAAO,KAAA,IAASA,IAAAA,CAAAA,MAAAA,CAAO,KAAA,qBADjDH,sBAAA;AAAA,YAUM,KAAA;AAAA,YAAA;AAAA;cARH,OAAKI,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,QAAA,CAAA;AAAA;;cAEZC,sBAAA;AAAA,gBAEM,KAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKF,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;kBACfE,eAAqC,IAAA,sBAArC,MAAqC;AAAA;0CAAfN,KAAAA,KAAK,CAAA;AAAA,sBAAA;AAAA;AAAA;AAAA;;;;;cAE7BK,sBAAA;AAAA,gBAEM,KAAA;AAAA,gBAAA;AAAA,kBAFA,OAAKF,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,OAAA,CAAA;AAAA;;kBACfE,eAAqC,IAAA,sBAArC,MAAqC;AAAA;0CAAfL,KAAAA,KAAK,CAAA;AAAA,sBAAA;AAAA;AAAA;AAAA;;;;;;;;;UAI/BI,sBAAA;AAAA,YAQM,KAAA;AAAA,YAAA;AAAA,cARA,OAAKF,kBAAA,CAAEC,SAAA,CAAA,EAAA,CAAA,CAAG,CAAA,CAAC,MAAA,CAAA;AAAA;;cACfC,sBAAA;AAAA,gBAMQ,OAAA;AAAA,gBAAA;AAAA,kBANA,OAAKF,kBAAA,CAAA,CAAGC,SAAA,KAAG,CAAA,WAAYA,SAAA,CAAA,EAAA,CAAA,CAAG,EAAA,CAAE,YAAaG,IAAAA,CAAAA,MAAM,CAAA,CAAA;AAAA;;kBACrDF,sBAAA,CAIQ,SAAA,IAAA,EAAA;AAAA,qBAHNG,aAAA,CAAA,IAAA,CAAA,EAAAT,sBAAA;AAAA,sBAEWU,YAAA;AAAA,sBAAA,IAAA;AAAA,sBAAAC,cAAA,CAFuB,OAAA,EAAO,EAAA,CAAvB,KAAK,MAAA,KAAM;gDAC3BC,eAAA,CAAkCC,2DAAA,EAAA;AAAA,+BADe,MAAA;AAAA,0BAC3B;AAAA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"description.vue2.js","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":["useNamespace","useFormSize","useSlots","provide","descriptionsKey","computed","flattedChildren","COMPONENT_NAME","_createElementBlock","$slots","_normalizeClass","_unref","_createElementVNode","_renderSlot","_openBlock","_Fragment","_renderList","_createBlock","ElDescriptionsRow"],"mappings":"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"}

package/lib/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/lib/components/descriptions/src/descriptions-row.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions-row.js","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":["buildProps","definePropType"],"mappings":";;;;AAIO,MAAM,uBAAuBA,kBAAA,CAAW;AAAA,EAC7C,GAAA,EAAK;AAAA,IACH,IAAA,EAAMC,uBAAuC,KAAK,CAAA;AAAA,IAClD,OAAA,EAAS,MAAM;AAAC;AAEpB,CAAU;;;;"}
+{"version":3,"file":"descriptions-row.js","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":["buildProps","definePropType"],"mappings":";;;;AAWO,MAAM,uBAAuBA,kBAAA,CAAW;AAAA,EAC7C,GAAA,EAAK;AAAA,IACH,IAAA,EAAMC,uBAAuC,KAAK,CAAA;AAAA,IAClD,OAAA,EAAS,MAAM;AAAC;AAEpB,CAAU;;;;"}

package/lib/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/lib/components/descriptions/src/descriptions-row.vue2.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var vue = require('vue');
 var descriptionsCell = require('./descriptions-cell.js');
 var token = require('./token.js');
-var descriptionsRow = require('./descriptions-row.js');
 
 const _hoisted_1 = { key: 1 };
 var _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -13,7 +12,9 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
     name: "ElDescriptionsRow"
   },
   __name: "descriptions-row",
-  props: descriptionsRow.descriptionsRowProps,
+  props: {
+    row: { type: Array, required: false, default: () => [] }
+  },
   setup(__props) {
     const descriptions = vue.inject(token.descriptionsKey, {});
     return (_ctx, _cache) => {
@@ -25,7 +26,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
-              vue.renderList(_ctx.row, (cell, _index) => {
+              vue.renderList(__props.row, (cell, _index) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell.default), {
                   key: `tr1-${_index}`,
                   cell,
@@ -41,7 +42,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
-              vue.renderList(_ctx.row, (cell, _index) => {
+              vue.renderList(__props.row, (cell, _index) => {
                 return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell.default), {
                   key: `tr2-${_index}`,
                   cell,
@@ -60,7 +61,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
         (vue.openBlock(true), vue.createElementBlock(
           vue.Fragment,
           null,
-          vue.renderList(_ctx.row, (cell, _index) => {
+          vue.renderList(__props.row, (cell, _index) => {
             return vue.openBlock(), vue.createElementBlock(
               vue.Fragment,
               {

package/lib/components/descriptions/src/descriptions-row.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions-row.vue2.js","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":["inject","descriptionsKey","_unref","_createElementBlock","_Fragment","_createElementVNode","_openBlock","_renderList","row","_createBlock","ElDescriptionsCell","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,IAAA,MAAM,YAAA,GAAeA,UAAA,CAAOC,qBAAA,EAAiB,EAAyB,CAAA;;AArCpD,MAAA,OAAAC,UAAA,YAAA,CAAA,CAAa,SAAA,KAAS,UAAA,qBAAtCC,sBAAA;AAAA,QAWWC,YAAA;AAAA,QAAA,EAAA,KAAA,CAAA,EAAA;AAAA,QAAA;AAAA,UAVTC,sBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHC,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,cAEWC,YAAA;AAAA,cAAA,IAAA;AAAA,cAAAG,cAAA,CAFwBC,IAAAA,CAAAA,GAAAA,EAAG,CAApB,MAAM,MAAA,KAAM;wCAC5BC,eAAA,CAA2DP,SAAA,CAAAQ,wBAAA,CAAA,EAAA;AAAA,8BADR,MAAM,CAAA,CAAA;AAAA,kBAClC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;UAGrDL,sBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHC,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,cAEWC,YAAA;AAAA,cAAA,IAAA;AAAA,cAAAG,cAAA,CAFwBC,IAAAA,CAAAA,GAAAA,EAAG,CAApB,MAAM,MAAA,KAAM;wCAC5BC,eAAA,CAA6DP,SAAA,CAAAQ,wBAAA,CAAA,EAAA;AAAA,8BADV,MAAM,CAAA,CAAA;AAAA,kBAClC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;;;;6BAIvDP,sBAAA,CAQK,MAAA,UAAA,EAAA;AAAA,SAPHG,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,UAMWC,YAAA;AAAA,UAAA,IAAA;AAAA,UAAAG,cAAA,CANwBC,IAAAA,CAAAA,GAAAA,EAAG,CAApB,MAAM,MAAA,KAAM;;;;4BAAuB,MAAM,CAAA;AAAA;;gBACzCN,SAAA,CAAA,YAAA,CAAA,CAAa,MAAA,qBAA7BC,sBAAA;AAAA,kBAGWC,YAAA;AAAA,kBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,kBAAA;AAAA,oBAFTO,eAAA,CAA2DT,SAAA,CAAAQ,wBAAA,CAAA,EAAA;AAAA,sBAApC,IAAA;AAAA,sBAAY,GAAA,EAAI,IAAA;AAAA,sBAAK,IAAA,EAAK;AAAA;oBACjDC,eAAA,CAA6DT,SAAA,CAAAQ,wBAAA,CAAA,EAAA;AAAA,sBAAtC,IAAA;AAAA,sBAAY,GAAA,EAAI,IAAA;AAAA,sBAAK,IAAA,EAAK;AAAA;;;;uCAEnDD,eAAA,CAAiEP,SAAA,CAAAQ,wBAAA,CAAA,EAAA;AAAA;kBAAnC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"descriptions-row.vue2.js","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":["inject","descriptionsKey","_unref","_createElementBlock","_Fragment","_createElementVNode","_openBlock","_renderList","_createBlock","ElDescriptionsCell","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,IAAA,MAAM,YAAA,GAAeA,UAAA,CAAOC,qBAAA,EAAiB,EAAyB,CAAA;;AAvCpD,MAAA,OAAAC,UAAA,YAAA,CAAA,CAAa,SAAA,KAAS,UAAA,qBAAtCC,sBAAA;AAAA,QAWWC,YAAA;AAAA,QAAA,EAAA,KAAA,CAAA,EAAA;AAAA,QAAA;AAAA,UAVTC,sBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHC,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,cAEWC,YAAA;AAAA,cAAA,IAAA;AAAA,cAAAG,cAAA,CAFwB,OAAA,CAAA,GAAA,EAAG,CAApB,MAAM,MAAA,KAAM;wCAC5BC,eAAA,CAA2DN,SAAA,CAAAO,wBAAA,CAAA,EAAA;AAAA,8BADR,MAAM,CAAA,CAAA;AAAA,kBAClC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;UAGrDJ,sBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHC,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,cAEWC,YAAA;AAAA,cAAA,IAAA;AAAA,cAAAG,cAAA,CAFwB,OAAA,CAAA,GAAA,EAAG,CAApB,MAAM,MAAA,KAAM;wCAC5BC,eAAA,CAA6DN,SAAA,CAAAO,wBAAA,CAAA,EAAA;AAAA,8BADV,MAAM,CAAA,CAAA;AAAA,kBAClC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;;;;6BAIvDN,sBAAA,CAQK,MAAA,UAAA,EAAA;AAAA,SAPHG,aAAA,CAAA,IAAA,CAAA,EAAAH,sBAAA;AAAA,UAMWC,YAAA;AAAA,UAAA,IAAA;AAAA,UAAAG,cAAA,CANwB,OAAA,CAAA,GAAA,EAAG,CAApB,MAAM,MAAA,KAAM;;;;4BAAuB,MAAM,CAAA;AAAA;;gBACzCL,SAAA,CAAA,YAAA,CAAA,CAAa,MAAA,qBAA7BC,sBAAA;AAAA,kBAGWC,YAAA;AAAA,kBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,kBAAA;AAAA,oBAFTM,eAAA,CAA2DR,SAAA,CAAAO,wBAAA,CAAA,EAAA;AAAA,sBAApC,IAAA;AAAA,sBAAY,GAAA,EAAI,IAAA;AAAA,sBAAK,IAAA,EAAK;AAAA;oBACjDC,eAAA,CAA6DR,SAAA,CAAAO,wBAAA,CAAA,EAAA;AAAA,sBAAtC,IAAA;AAAA,sBAAY,GAAA,EAAI,IAAA;AAAA,sBAAK,IAAA,EAAK;AAAA;;;;uCAEnDD,eAAA,CAAiEN,SAAA,CAAAO,wBAAA,CAAA,EAAA;AAAA;kBAAnC,IAAA;AAAA,kBAAY,GAAA,EAAI,IAAA;AAAA,kBAAK,IAAA,EAAK;AAAA;;;;;;;;;;;;;;;;"}

package/lib/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/lib/components/divider/src/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","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":["buildProps","definePropType"],"mappings":";;;;AAOO,MAAM,eAAeA,kBAAA,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,EAAMC,uBAA4B,MAAM,CAAA;AAAA,IACxC,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}
+{"version":3,"file":"divider.js","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":["buildProps","definePropType"],"mappings":";;;;AAsBO,MAAM,eAAeA,kBAAA,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,EAAMC,uBAA4B,MAAM,CAAA;AAAA,IACxC,OAAA,EAAS;AAAA;AAEb,CAAU;;;;"}