1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
var lodashUnified = require('lodash-unified');
require('../../../utils/index.js');
require('../../../hooks/index.js');
var token = require('./token.js');
var vnode = require('../../../utils/vue/vnode.js');
var style = require('../../../utils/dom/style.js');
var index = require('../../../hooks/use-namespace/index.js');
var ElDescriptionsCell = vue.defineComponent({
name: "ElDescriptionsCell",
props: {
cell: {
type: Object
},
tag: {
type: String,
default: "td"
},
type: {
type: String
}
},
setup() {
const descriptions = vue.inject(token.descriptionsKey, {});
return {
descriptions
};
},
render() {
var _a, _b, _c, _d, _e, _f, _g;
const item = vnode.getNormalizedProps(this.cell);
const directives = (((_a = this.cell) == null ? void 0 : _a.dirs) || []).map((dire) => {
const { dir, arg, modifiers, value } = dire;
return [dir, value, arg, modifiers];
});
const { border, direction } = this.descriptions;
const isVertical = direction === "vertical";
const label = ((_d = (_c = (_b = this.cell) == null ? void 0 : _b.children) == null ? void 0 : _c.label) == null ? void 0 : _d.call(_c)) || item.label;
const content = (_g = (_f = (_e = this.cell) == null ? void 0 : _e.children) == null ? void 0 : _f.default) == null ? void 0 : _g.call(_f);
const span = item.span;
const align = item.align ? `is-${item.align}` : "";
const labelAlign = item.labelAlign ? `is-${item.labelAlign}` : align;
const className = item.className;
const labelClassName = item.labelClassName;
const style$1 = {
width: style.addUnit(item.width),
minWidth: style.addUnit(item.minWidth)
};
const ns = index.useNamespace("descriptions");
switch (this.type) {
case "label":
return vue.withDirectives(vue.h(this.tag, {
style: style$1,
class: [
ns.e("cell"),
ns.e("label"),
ns.is("bordered-label", border),
ns.is("vertical-label", isVertical),
labelAlign,
labelClassName
],
colSpan: isVertical ? span : 1
}, label), directives);
case "content":
return vue.withDirectives(vue.h(this.tag, {
style: style$1,
class: [
ns.e("cell"),
ns.e("content"),
ns.is("bordered-content", border),
ns.is("vertical-content", isVertical),
align,
className
],
colSpan: isVertical ? span : span * 2 - 1
}, content), directives);
default:
return vue.withDirectives(vue.h("td", {
style: style$1,
class: [ns.e("cell"), align],
colSpan: span
}, [
!lodashUnified.isNil(label) ? vue.h("span", {
class: [ns.e("label"), labelClassName]
}, label) : void 0,
vue.h("span", {
class: [ns.e("content"), className]
}, content)
]), directives);
}
}
});
exports["default"] = ElDescriptionsCell;
//# sourceMappingURL=descriptions-cell.js.map