| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132 |
- import { defineComponent, useSlots, provide, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, renderSlot, createTextVNode, toDisplayString, createCommentVNode, Fragment, renderList, createBlock } from 'vue';
- import ElDescriptionsRow from './descriptions-row2.mjs';
- import { descriptionsKey } from './token.mjs';
- import { descriptionProps } from './description.mjs';
- import { COMPONENT_NAME } from './constants.mjs';
- import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
- import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
- import { useFormSize } from '../../form/src/hooks/use-form-common-props.mjs';
- import { flattedChildren } from '../../../utils/vue/vnode.mjs';
- const __default__ = defineComponent({
- name: "ElDescriptions"
- });
- const _sfc_main = /* @__PURE__ */ defineComponent({
- ...__default__,
- props: descriptionProps,
- setup(__props) {
- const props = __props;
- const ns = useNamespace("descriptions");
- const descriptionsSize = useFormSize();
- const slots = useSlots();
- provide(descriptionsKey, props);
- const descriptionKls = 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 = flattedChildren(slots.default()).filter((node) => {
- var _a;
- return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === 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 openBlock(), createElementBlock("div", {
- class: normalizeClass(unref(descriptionKls))
- }, [
- _ctx.title || _ctx.extra || _ctx.$slots.title || _ctx.$slots.extra ? (openBlock(), createElementBlock("div", {
- key: 0,
- class: normalizeClass(unref(ns).e("header"))
- }, [
- createElementVNode("div", {
- class: normalizeClass(unref(ns).e("title"))
- }, [
- renderSlot(_ctx.$slots, "title", {}, () => [
- createTextVNode(toDisplayString(_ctx.title), 1)
- ])
- ], 2),
- createElementVNode("div", {
- class: normalizeClass(unref(ns).e("extra"))
- }, [
- renderSlot(_ctx.$slots, "extra", {}, () => [
- createTextVNode(toDisplayString(_ctx.extra), 1)
- ])
- ], 2)
- ], 2)) : createCommentVNode("v-if", true),
- createElementVNode("div", {
- class: normalizeClass(unref(ns).e("body"))
- }, [
- createElementVNode("table", {
- class: normalizeClass([unref(ns).e("table"), unref(ns).is("bordered", _ctx.border)])
- }, [
- createElementVNode("tbody", null, [
- (openBlock(true), createElementBlock(Fragment, null, renderList(getRows(), (row, _index) => {
- return openBlock(), createBlock(ElDescriptionsRow, {
- key: _index,
- row
- }, null, 8, ["row"]);
- }), 128))
- ])
- ], 2)
- ], 2)
- ], 2);
- };
- }
- });
- var Descriptions = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "description.vue"]]);
- export { Descriptions as default };
- //# sourceMappingURL=description2.mjs.map
|