@element-plus/nightly 0.0.20260108 → 0.0.20260110

package/lib/components/collapse/src/collapse-item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.ts"],"sourcesContent":["import { buildProps, definePropType, iconPropType } from '@element-plus/utils'\nimport { ArrowRight } from '@element-plus/icons-vue'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\nimport type { CollapseActiveName } from './collapse'\n\nexport const collapseItemProps = buildProps({\n  /**\n   * @description title of the panel\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description unique identification of the panel\n   */\n  name: {\n    type: definePropType<CollapseActiveName>([String, Number]),\n    default: undefined,\n  },\n  /**\n   * @description icon of the collapse item\n   */\n  icon: {\n    type: iconPropType,\n    default: ArrowRight,\n  },\n  /**\n   * @description disable the collapse item\n   */\n  disabled: Boolean,\n} as const)\nexport type CollapseItemProps = ExtractPropTypes<typeof collapseItemProps>\nexport type CollapseItemPropsPublic = ExtractPublicPropTypes<\n  typeof collapseItemProps\n>\n"],"names":["buildProps","definePropType","iconPropType","ArrowRight"],"mappings":";;;;;;;;AAMO,MAAM,oBAAoBA,kBAAW,CAAA;AAAA,EAI1C,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,sBAAA,CAAmC,CAAC,MAAA,EAAQ,MAAM,CAAC,CAAA;AAAA,IACzD,OAAS,EAAA,KAAA,CAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,IACN,OAAS,EAAAC,mBAAA;AAAA,GACX;AAAA,EAIA,QAAU,EAAA,OAAA;AACZ,CAAU;;;;"}
+{"version":3,"file":"collapse-item2.js","sources":["../../../../../../packages/components/collapse/src/collapse-item.vue"],"sourcesContent":["<template>\n  <div :class=\"rootKls\">\n    <div\n      :id=\"scopedHeadId\"\n      :class=\"headKls\"\n      :aria-expanded=\"isActive\"\n      :aria-controls=\"scopedContentId\"\n      :aria-describedby=\"scopedContentId\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-disabled=\"disabled\"\n      role=\"button\"\n      @click=\"handleHeaderClick\"\n      @keydown.space.enter.stop=\"handleEnterClick\"\n      @focus=\"handleFocus\"\n      @blur=\"focusing = false\"\n    >\n      <span :class=\"itemTitleKls\">\n        <slot name=\"title\" :is-active=\"isActive\">{{ title }}</slot>\n      </span>\n      <slot name=\"icon\" :is-active=\"isActive\">\n        <el-icon :class=\"arrowKls\">\n          <component :is=\"icon\" />\n        </el-icon>\n      </slot>\n    </div>\n\n    <el-collapse-transition>\n      <div\n        v-show=\"isActive\"\n        :id=\"scopedContentId\"\n        role=\"region\"\n        :class=\"itemWrapperKls\"\n        :aria-hidden=\"!isActive\"\n        :aria-labelledby=\"scopedHeadId\"\n      >\n        <div :class=\"itemContentKls\">\n          <slot />\n        </div>\n      </div>\n    </el-collapse-transition>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport ElCollapseTransition from '@element-plus/components/collapse-transition'\nimport ElIcon from '@element-plus/components/icon'\nimport { collapseItemProps } from './collapse-item'\nimport { useCollapseItem, useCollapseItemDOM } from './use-collapse-item'\n\ndefineOptions({\n  name: 'ElCollapseItem',\n})\n\nconst props = defineProps(collapseItemProps)\nconst {\n  focusing,\n  id,\n  isActive,\n  handleFocus,\n  handleHeaderClick,\n  handleEnterClick,\n} = useCollapseItem(props)\n\nconst {\n  arrowKls,\n  headKls,\n  rootKls,\n  itemTitleKls,\n  itemWrapperKls,\n  itemContentKls,\n  scopedContentId,\n  scopedHeadId,\n} = useCollapseItemDOM(props, { focusing, isActive, id })\n\ndefineExpose({\n  /** @description current collapse-item whether active */\n  isActive,\n})\n</script>\n"],"names":["useCollapseItem","useCollapseItemDOM","_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","disabled","_withKeys","_withModifiers","_renderSlot","_createTextVNode","title","_createVNode","ElIcon","_createBlock","_resolveDynamicComponent","icon","ElCollapseTransition","_withCtx","_withDirectives"],"mappings":"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"}

package/lib/components/descriptions/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var description$1 = require('./src/description2.js');
+var description$1 = require('./src/description.js');
 var descriptionItem = require('./src/description-item.js');
-var description = require('./src/description.js');
+var description = require('./src/description2.js');
 var install = require('../../utils/vue/install.js');
 
 const ElDescriptions = install.withInstall(description$1["default"], {

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

@@ -2,33 +2,178 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
-var index = require('../../../hooks/use-size/index.js');
+var vue = require('vue');
+var descriptionsRow = require('./descriptions-row.js');
+var token = require('./token.js');
+var description = require('./description2.js');
+var constants = require('./constants.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-namespace/index.js');
+var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
+var vnode = require('../../../utils/vue/vnode.js');
 
-const descriptionProps = runtime.buildProps({
-  border: Boolean,
-  column: {
-    type: Number,
-    default: 3
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElDescriptions"
   },
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  size: index.useSizeProp,
-  title: {
-    type: String,
-    default: ""
-  },
-  extra: {
-    type: String,
-    default: ""
-  },
-  labelWidth: {
-    type: [String, Number]
+  __name: "description",
+  props: description.descriptionProps,
+  setup(__props) {
+    const props = __props;
+    const ns = index.useNamespace("descriptions");
+    const descriptionsSize = useFormCommonProps.useFormSize();
+    const slots = vue.useSlots();
+    vue.provide(token.descriptionsKey, props);
+    const descriptionKls = vue.computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
+    const filledNode = (node, span, count, isLast = false) => {
+      if (!node.props) {
+        node.props = {};
+      }
+      if (span > count) {
+        node.props.span = count;
+      }
+      if (isLast) {
+        node.props.span = span;
+      }
+      return node;
+    };
+    const getRows = () => {
+      if (!slots.default)
+        return [];
+      const children = vnode.flattedChildren(slots.default()).filter(
+        (node) => {
+          var _a;
+          return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === constants.COMPONENT_NAME;
+        }
+      );
+      const rows = [];
+      let temp = [];
+      let count = props.column;
+      let totalSpan = 0;
+      const rowspanTemp = [];
+      children.forEach((node, index) => {
+        var _a, _b, _c;
+        const span = ((_a = node.props) == null ? void 0 : _a.span) || 1;
+        const rowspan = ((_b = node.props) == null ? void 0 : _b.rowspan) || 1;
+        const rowNo = rows.length;
+        rowspanTemp[rowNo] || (rowspanTemp[rowNo] = 0);
+        if (rowspan > 1) {
+          for (let i = 1; i < rowspan; i++) {
+            rowspanTemp[_c = rowNo + i] || (rowspanTemp[_c] = 0);
+            rowspanTemp[rowNo + i]++;
+            totalSpan++;
+          }
+        }
+        if (rowspanTemp[rowNo] > 0) {
+          count -= rowspanTemp[rowNo];
+          rowspanTemp[rowNo] = 0;
+        }
+        if (index < children.length - 1) {
+          totalSpan += span > count ? count : span;
+        }
+        if (index === children.length - 1) {
+          const lastSpan = props.column - totalSpan % props.column;
+          temp.push(filledNode(node, lastSpan, count, true));
+          rows.push(temp);
+          return;
+        }
+        if (span < count) {
+          count -= span;
+          temp.push(node);
+        } else {
+          temp.push(filledNode(node, span, count));
+          rows.push(temp);
+          count = props.column;
+          temp = [];
+        }
+      });
+      return rows;
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass(descriptionKls.value)
+        },
+        [
+          _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 0,
+              class: vue.normalizeClass(vue.unref(ns).e("header"))
+            },
+            [
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(ns).e("title"))
+                },
+                [
+                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.title),
+                      1
+                    )
+                  ])
+                ],
+                2
+              ),
+              vue.createElementVNode(
+                "div",
+                {
+                  class: vue.normalizeClass(vue.unref(ns).e("extra"))
+                },
+                [
+                  vue.renderSlot(_ctx.$slots, "extra", {}, () => [
+                    vue.createTextVNode(
+                      vue.toDisplayString(_ctx.extra),
+                      1
+                    )
+                  ])
+                ],
+                2
+              )
+            ],
+            2
+          )) : vue.createCommentVNode("v-if", true),
+          vue.createElementVNode(
+            "div",
+            {
+              class: vue.normalizeClass(vue.unref(ns).e("body"))
+            },
+            [
+              vue.createElementVNode(
+                "table",
+                {
+                  class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", _ctx.border)])
+                },
+                [
+                  vue.createElementVNode("tbody", null, [
+                    (vue.openBlock(true), vue.createElementBlock(
+                      vue.Fragment,
+                      null,
+                      vue.renderList(getRows(), (row, _index) => {
+                        return vue.openBlock(), vue.createBlock(descriptionsRow["default"], {
+                          key: _index,
+                          row
+                        }, null, 8, ["row"]);
+                      }),
+                      128
+                    ))
+                  ])
+                ],
+                2
+              )
+            ],
+            2
+          )
+        ],
+        2
+      );
+    };
   }
 });
+var Descriptions = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/descriptions/src/description.vue"]]);
 
-exports.descriptionProps = descriptionProps;
+exports["default"] = Descriptions;
 //# sourceMappingURL=description.js.map

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,kBAAW,CAAA;AAAA,EAIzC,MAAQ,EAAA,OAAA;AAAA,EAIR,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAAC,iBAAA;AAAA,EAIN,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AACF,CAAU;;;;"}
+{"version":3,"file":"description.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","_openBlock","_createElementBlock","_normalizeClass","title","extra","$slots","_unref","_createElementVNode","_renderSlot","_createTextVNode","border","_Fragment","_renderList","_createBlock","ElDescriptionsRow"],"mappings":"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"}

package/lib/components/descriptions/src/description2.js

@@ -2,178 +2,33 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var descriptionsRow = require('./descriptions-row2.js');
-var token = require('./token.js');
-var description = require('./description.js');
-var constants = require('./constants.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
-var vnode = require('../../../utils/vue/vnode.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var index = require('../../../hooks/use-size/index.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElDescriptions"
+const descriptionProps = runtime.buildProps({
+  border: Boolean,
+  column: {
+    type: Number,
+    default: 3
   },
-  __name: "description",
-  props: description.descriptionProps,
-  setup(__props) {
-    const props = __props;
-    const ns = index.useNamespace("descriptions");
-    const descriptionsSize = useFormCommonProps.useFormSize();
-    const slots = vue.useSlots();
-    vue.provide(token.descriptionsKey, props);
-    const descriptionKls = vue.computed(() => [ns.b(), ns.m(descriptionsSize.value)]);
-    const filledNode = (node, span, count, isLast = false) => {
-      if (!node.props) {
-        node.props = {};
-      }
-      if (span > count) {
-        node.props.span = count;
-      }
-      if (isLast) {
-        node.props.span = span;
-      }
-      return node;
-    };
-    const getRows = () => {
-      if (!slots.default)
-        return [];
-      const children = vnode.flattedChildren(slots.default()).filter(
-        (node) => {
-          var _a;
-          return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === constants.COMPONENT_NAME;
-        }
-      );
-      const rows = [];
-      let temp = [];
-      let count = props.column;
-      let totalSpan = 0;
-      const rowspanTemp = [];
-      children.forEach((node, index) => {
-        var _a, _b, _c;
-        const span = ((_a = node.props) == null ? void 0 : _a.span) || 1;
-        const rowspan = ((_b = node.props) == null ? void 0 : _b.rowspan) || 1;
-        const rowNo = rows.length;
-        rowspanTemp[rowNo] || (rowspanTemp[rowNo] = 0);
-        if (rowspan > 1) {
-          for (let i = 1; i < rowspan; i++) {
-            rowspanTemp[_c = rowNo + i] || (rowspanTemp[_c] = 0);
-            rowspanTemp[rowNo + i]++;
-            totalSpan++;
-          }
-        }
-        if (rowspanTemp[rowNo] > 0) {
-          count -= rowspanTemp[rowNo];
-          rowspanTemp[rowNo] = 0;
-        }
-        if (index < children.length - 1) {
-          totalSpan += span > count ? count : span;
-        }
-        if (index === children.length - 1) {
-          const lastSpan = props.column - totalSpan % props.column;
-          temp.push(filledNode(node, lastSpan, count, true));
-          rows.push(temp);
-          return;
-        }
-        if (span < count) {
-          count -= span;
-          temp.push(node);
-        } else {
-          temp.push(filledNode(node, span, count));
-          rows.push(temp);
-          count = props.column;
-          temp = [];
-        }
-      });
-      return rows;
-    };
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock(
-        "div",
-        {
-          class: vue.normalizeClass(descriptionKls.value)
-        },
-        [
-          _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (vue.openBlock(), vue.createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: vue.normalizeClass(vue.unref(ns).e("header"))
-            },
-            [
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(vue.unref(ns).e("title"))
-                },
-                [
-                  vue.renderSlot(_ctx.$slots, "title", {}, () => [
-                    vue.createTextVNode(
-                      vue.toDisplayString(_ctx.title),
-                      1
-                    )
-                  ])
-                ],
-                2
-              ),
-              vue.createElementVNode(
-                "div",
-                {
-                  class: vue.normalizeClass(vue.unref(ns).e("extra"))
-                },
-                [
-                  vue.renderSlot(_ctx.$slots, "extra", {}, () => [
-                    vue.createTextVNode(
-                      vue.toDisplayString(_ctx.extra),
-                      1
-                    )
-                  ])
-                ],
-                2
-              )
-            ],
-            2
-          )) : vue.createCommentVNode("v-if", true),
-          vue.createElementVNode(
-            "div",
-            {
-              class: vue.normalizeClass(vue.unref(ns).e("body"))
-            },
-            [
-              vue.createElementVNode(
-                "table",
-                {
-                  class: vue.normalizeClass([vue.unref(ns).e("table"), vue.unref(ns).is("bordered", _ctx.border)])
-                },
-                [
-                  vue.createElementVNode("tbody", null, [
-                    (vue.openBlock(true), vue.createElementBlock(
-                      vue.Fragment,
-                      null,
-                      vue.renderList(getRows(), (row, _index) => {
-                        return vue.openBlock(), vue.createBlock(descriptionsRow["default"], {
-                          key: _index,
-                          row
-                        }, null, 8, ["row"]);
-                      }),
-                      128
-                    ))
-                  ])
-                ],
-                2
-              )
-            ],
-            2
-          )
-        ],
-        2
-      );
-    };
+  direction: {
+    type: String,
+    values: ["horizontal", "vertical"],
+    default: "horizontal"
+  },
+  size: index.useSizeProp,
+  title: {
+    type: String,
+    default: ""
+  },
+  extra: {
+    type: String,
+    default: ""
+  },
+  labelWidth: {
+    type: [String, Number]
   }
 });
-var Descriptions = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/descriptions/src/description.vue"]]);
 
-exports["default"] = Descriptions;
+exports.descriptionProps = descriptionProps;
 //# sourceMappingURL=description2.js.map

package/lib/components/descriptions/src/description2.js.map

@@ -1 +1 @@
-{"version":3,"file":"description2.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","_openBlock","_createElementBlock","_normalizeClass","title","extra","$slots","_unref","_createElementVNode","_renderSlot","_createTextVNode","border","_Fragment","_renderList","_createBlock","ElDescriptionsRow"],"mappings":"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"}
+{"version":3,"file":"description2.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,kBAAW,CAAA;AAAA,EAIzC,MAAQ,EAAA,OAAA;AAAA,EAIR,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,CAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA;AAAA,IACT,IAAM,EAAA,MAAA;AAAA,IACN,MAAA,EAAQ,CAAC,YAAA,EAAc,UAAU,CAAA;AAAA,IACjC,OAAS,EAAA,YAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAAC,iBAAA;AAAA,EAIN,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,UAAY,EAAA;AAAA,IACV,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AACF,CAAU;;;;"}

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

@@ -2,14 +2,102 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var runtime = require('../../../utils/vue/props/runtime.js');
+var vue = require('vue');
+var descriptionsCell = require('./descriptions-cell.js');
+var token = require('./token.js');
+var descriptionsRow = require('./descriptions-row2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
 
-const descriptionsRowProps = runtime.buildProps({
-  row: {
-    type: runtime.definePropType(Array),
-    default: () => []
+const _hoisted_1 = { key: 1 };
+const _sfc_main = vue.defineComponent({
+  ...{
+    name: "ElDescriptionsRow"
+  },
+  __name: "descriptions-row",
+  props: descriptionsRow.descriptionsRowProps,
+  setup(__props) {
+    const descriptions = vue.inject(token.descriptionsKey, {});
+    return (_ctx, _cache) => {
+      return vue.unref(descriptions).direction === "vertical" ? (vue.openBlock(), vue.createElementBlock(
+        vue.Fragment,
+        { key: 0 },
+        [
+          vue.createElementVNode("tr", null, [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.row, (cell, _index) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
+                  key: `tr1-${_index}`,
+                  cell,
+                  tag: "th",
+                  type: "label"
+                }, null, 8, ["cell"]);
+              }),
+              128
+            ))
+          ]),
+          vue.createElementVNode("tr", null, [
+            (vue.openBlock(true), vue.createElementBlock(
+              vue.Fragment,
+              null,
+              vue.renderList(_ctx.row, (cell, _index) => {
+                return vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
+                  key: `tr2-${_index}`,
+                  cell,
+                  tag: "td",
+                  type: "content"
+                }, null, 8, ["cell"]);
+              }),
+              128
+            ))
+          ])
+        ],
+        64
+      )) : (vue.openBlock(), vue.createElementBlock("tr", _hoisted_1, [
+        (vue.openBlock(true), vue.createElementBlock(
+          vue.Fragment,
+          null,
+          vue.renderList(_ctx.row, (cell, _index) => {
+            return vue.openBlock(), vue.createElementBlock(
+              vue.Fragment,
+              {
+                key: `tr3-${_index}`
+              },
+              [
+                vue.unref(descriptions).border ? (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  { key: 0 },
+                  [
+                    vue.createVNode(vue.unref(descriptionsCell["default"]), {
+                      cell,
+                      tag: "td",
+                      type: "label"
+                    }, null, 8, ["cell"]),
+                    vue.createVNode(vue.unref(descriptionsCell["default"]), {
+                      cell,
+                      tag: "td",
+                      type: "content"
+                    }, null, 8, ["cell"])
+                  ],
+                  64
+                )) : (vue.openBlock(), vue.createBlock(vue.unref(descriptionsCell["default"]), {
+                  key: 1,
+                  cell,
+                  tag: "td",
+                  type: "both"
+                }, null, 8, ["cell"]))
+              ],
+              64
+            );
+          }),
+          128
+        ))
+      ]));
+    };
   }
 });
+var ElDescriptionsRow = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/descriptions/src/descriptions-row.vue"]]);
 
-exports.descriptionsRowProps = descriptionsRowProps;
+exports["default"] = ElDescriptionsRow;
 //# sourceMappingURL=descriptions-row.js.map

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,kBAAW,CAAA;AAAA,EAC7C,GAAK,EAAA;AAAA,IACH,IAAA,EAAMC,uBAAuC,KAAK,CAAA;AAAA,IAClD,OAAA,EAAS,MAAM,EAAC;AAAA,GAClB;AACF,CAAU;;;;"}
+{"version":3,"file":"descriptions-row.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","_openBlock","_createElementBlock","_Fragment","_createElementVNode","row","_createBlock","ElDescriptionsCell","_createVNode"],"mappings":";;;;;;;;;;;;;;;;;;AAsCA,IAAA,MAAM,YAAe,GAAAA,UAAA,CAAOC,qBAAiB,EAAA,EAAyB,CAAA,CAAA;;AArCpD,MAAA,OAAAC,UAAA,YAAA,CAAA,CAAa,SAAS,KAAA,UAAA,IAAtCC,eAAA,EAAAC,sBAAA;AAAA,QAWWC,YAAA;AAAA,QAAA,EAAA,KAAA,CAAA,EAAA;AAAA,QAAA;AAAA,UAVTC,sBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHH,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA;AAAA,cAEWC,YAAA;AAAA,cAAA,IAAA;AAAA,cAFwBE,cAAAA,CAAAA,IAAAA,CAAAA,GAAG,EAAA,CAApB,MAAM,MAAM,KAAA;wCAC5BC,eAA2D,CAAAN,SAAA,CAAAO,2BAAA,CAAA,EAAA;AAAA,kBAAA,KAAA,CADR,IAAA,EAAA,MAAA,CAAA,CAAA;AAAA,kBAC5B,IAAA;AAAA,kBAAY,GAAI,EAAA,IAAA;AAAA,kBAAK,IAAK,EAAA,OAAA;AAAA,iBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA;;;;UAGrDH,sBAAA,CAIK,MAAA,IAAA,EAAA;AAAA,aAHHH,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA;AAAA,cAEWC,YAAA;AAAA,cAAA,IAAA;AAAA,cAFwBE,cAAAA,CAAAA,IAAAA,CAAAA,GAAG,EAAA,CAApB,MAAM,MAAM,KAAA;wCAC5BC,eAA6D,CAAAN,SAAA,CAAAO,2BAAA,CAAA,EAAA;AAAA,kBAAA,KAAA,CADV,IAAA,EAAA,MAAA,CAAA,CAAA;AAAA,kBAC5B,IAAA;AAAA,kBAAY,GAAI,EAAA,IAAA;AAAA,kBAAK,IAAK,EAAA,SAAA;AAAA,iBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA;;;;;;2BAIvD,EAAAL,sBAAA,CAQK,MAAA,UAAA,EAAA;AAAA,SAPHD,aAAA,CAAA,IAAA,CAAA,EAAAC,sBAAA;AAAA,UAMWC,YAAA;AAAA,UAAA,IAAA;AAAA,UANwBE,cAAAA,CAAAA,IAAAA,CAAAA,GAAG,EAAA,CAApB,MAAM,MAAM,KAAA;;;;sBAAuB,IAAA,EAAA,MAAA,CAAA,CAAA;AAAA,eAAM;AAAA;gBACzCL,SAAA,CAAA,YAAA,CAAa,CAAA,MAAA,IAA7BC,eAAA,EAAAC,sBAAA;AAAA,kBAGWC,YAAA;AAAA,kBAAA,EAAA,KAAA,CAAA,EAAA;AAAA,kBAAA;AAAA,oBAFTK,eAAA,CAA2DR,SAAA,CAAAO,2BAAA,CAAA,EAAA;AAAA,sBAApC,IAAA;AAAA,sBAAY,GAAI,EAAA,IAAA;AAAA,sBAAK,IAAK,EAAA,OAAA;AAAA,qBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AAAA,oBACjDC,eAAA,CAA6DR,SAAA,CAAAO,2BAAA,CAAA,EAAA;AAAA,sBAAtC,IAAA;AAAA,sBAAY,GAAI,EAAA,IAAA;AAAA,sBAAK,IAAK,EAAA,SAAA;AAAA,qBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA;AAAA;;uCAEnDD,eAAiE,CAAAN,SAAA,CAAAO,2BAAA,CAAA,EAAA;AAAA,kBAAA,GAAA,EAAA,CAAA;AAAA,kBAAnC,IAAA;AAAA,kBAAY,GAAI,EAAA,IAAA;AAAA,kBAAK,IAAK,EAAA,MAAA;AAAA,iBAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,MAAA,CAAA,CAAA,CAAA;AAAA;;;;;;;;;;;;;;"}