@dinert/element-plus 1.0.8 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/element-plus.umd.js +1 -1
- package/dist/element-plus.umd.js.map +1 -1
- package/dist/style.css +1 -1
- package/es/node_modules/@element-plus/icons-vue/dist/index.mjs +82 -22
- package/es/node_modules/@element-plus/icons-vue/dist/index.mjs.map +1 -1
- package/es/packages/assets/scss/dinert-form.scss.mjs +1 -4
- package/es/packages/assets/scss/dinert-form.scss.mjs.map +1 -1
- package/es/packages/assets/scss/dinert-table-page.scss.mjs +1 -4
- package/es/packages/assets/scss/dinert-table-page.scss.mjs.map +1 -1
- package/es/packages/assets/scss/dinert-table.scss.mjs +1 -4
- package/es/packages/assets/scss/dinert-table.scss.mjs.map +1 -1
- package/es/packages/assets/scss/dinert-tooltip.scss.mjs +1 -4
- package/es/packages/assets/scss/dinert-tooltip.scss.mjs.map +1 -1
- package/es/packages/components/form/src/cascader.mjs +10 -16
- package/es/packages/components/form/src/cascader.mjs.map +1 -1
- package/es/packages/components/form/src/checkbox.mjs +17 -15
- package/es/packages/components/form/src/checkbox.mjs.map +1 -1
- package/es/packages/components/form/src/date.mjs +6 -8
- package/es/packages/components/form/src/date.mjs.map +1 -1
- package/es/packages/components/form/src/index.mjs +140 -149
- package/es/packages/components/form/src/index.mjs.map +1 -1
- package/es/packages/components/form/src/input-autocomplete.mjs +5 -7
- package/es/packages/components/form/src/input-autocomplete.mjs.map +1 -1
- package/es/packages/components/form/src/input-number.mjs +9 -16
- package/es/packages/components/form/src/input-number.mjs.map +1 -1
- package/es/packages/components/form/src/input.mjs +12 -19
- package/es/packages/components/form/src/input.mjs.map +1 -1
- package/es/packages/components/form/src/radio.mjs +14 -16
- package/es/packages/components/form/src/radio.mjs.map +1 -1
- package/es/packages/components/form/src/rate.mjs +7 -13
- package/es/packages/components/form/src/rate.mjs.map +1 -1
- package/es/packages/components/form/src/select.mjs +7 -8
- package/es/packages/components/form/src/select.mjs.map +1 -1
- package/es/packages/components/form/src/switch.mjs +5 -12
- package/es/packages/components/form/src/switch.mjs.map +1 -1
- package/es/packages/components/form/src/tree-select.mjs +5 -6
- package/es/packages/components/form/src/tree-select.mjs.map +1 -1
- package/es/packages/components/form/utils/index.mjs +52 -30
- package/es/packages/components/form/utils/index.mjs.map +1 -1
- package/es/packages/components/table/hooks/index.mjs +14 -14
- package/es/packages/components/table/hooks/index.mjs.map +1 -1
- package/es/packages/components/table/src/index.mjs +116 -89
- package/es/packages/components/table/src/index.mjs.map +1 -1
- package/es/packages/components/table/src/recuve-table-column.mjs +148 -133
- package/es/packages/components/table/src/recuve-table-column.mjs.map +1 -1
- package/es/packages/components/table-page/src/index.mjs.map +1 -1
- package/es/packages/components/tooltip/src/index.mjs +16 -14
- package/es/packages/components/tooltip/src/index.mjs.map +1 -1
- package/es/packages/hooks/{useTablePage → TablePage}/index.mjs +24 -18
- package/es/packages/hooks/TablePage/index.mjs.map +1 -0
- package/es/packages/index.mjs +2 -2
- package/es/packages/index.mjs.map +1 -1
- package/es/packages/utils/tools.mjs +26 -41
- package/es/packages/utils/tools.mjs.map +1 -1
- package/es/src/components/dialog/index.d.ts +2 -0
- package/es/src/components/dialog/src/drag.d.ts +5 -0
- package/es/src/components/dialog/src/type.d.ts +15 -0
- package/es/src/components/form/index.d.ts +4 -3
- package/es/src/components/form/src/cascader.d.ts +7 -9
- package/es/src/components/form/src/checkbox.d.ts +7 -8
- package/es/src/components/form/src/date.d.ts +245 -8
- package/es/src/components/form/src/index.d.ts +4 -3
- package/es/src/components/form/src/input-autocomplete.d.ts +7 -8
- package/es/src/components/form/src/input-number.d.ts +7 -8
- package/es/src/components/form/src/input.d.ts +7 -8
- package/es/src/components/form/src/radio.d.ts +7 -8
- package/es/src/components/form/src/rate.d.ts +6 -7
- package/es/src/components/form/src/select.d.ts +7 -9
- package/es/src/components/form/src/switch.d.ts +7 -8
- package/es/src/components/form/src/tree-select.d.ts +7 -19
- package/es/src/components/form/types/components.d.ts +40 -0
- package/es/src/components/form/types/index.d.ts +45 -21
- package/es/src/components/form/types/utils.d.ts +5 -0
- package/es/src/components/form/utils/index.d.ts +1 -0
- package/es/src/components/table/index.d.ts +337 -326
- package/es/src/components/table/src/index.d.ts +338 -327
- package/es/src/components/table/src/recuve-table-column.d.ts +1 -1
- package/es/src/components/table/types/index.d.ts +24 -33
- package/{lib/src/hooks/useTablePage → es/src/hooks/TablePage}/index.d.ts +14 -17
- package/{lib/src/hooks/useTablePage → es/src/hooks/TablePage}/types/index.d.ts +1 -2
- package/es/src/index.d.ts +3 -3
- package/es/src/utils/tools.d.ts +1 -1
- package/es/src/views/test-table-page/types/index.d.ts +24 -0
- package/es/style.css +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/src/components/dialog/index.d.ts +2 -0
- package/lib/src/components/dialog/src/drag.d.ts +5 -0
- package/lib/src/components/dialog/src/type.d.ts +15 -0
- package/lib/src/components/form/index.d.ts +4 -3
- package/lib/src/components/form/src/cascader.d.ts +7 -9
- package/lib/src/components/form/src/checkbox.d.ts +7 -8
- package/lib/src/components/form/src/date.d.ts +245 -8
- package/lib/src/components/form/src/index.d.ts +4 -3
- package/lib/src/components/form/src/input-autocomplete.d.ts +7 -8
- package/lib/src/components/form/src/input-number.d.ts +7 -8
- package/lib/src/components/form/src/input.d.ts +7 -8
- package/lib/src/components/form/src/radio.d.ts +7 -8
- package/lib/src/components/form/src/rate.d.ts +6 -7
- package/lib/src/components/form/src/select.d.ts +7 -9
- package/lib/src/components/form/src/switch.d.ts +7 -8
- package/lib/src/components/form/src/tree-select.d.ts +7 -19
- package/lib/src/components/form/types/components.d.ts +40 -0
- package/lib/src/components/form/types/index.d.ts +45 -21
- package/lib/src/components/form/types/utils.d.ts +5 -0
- package/lib/src/components/form/utils/index.d.ts +1 -0
- package/lib/src/components/table/index.d.ts +337 -326
- package/lib/src/components/table/src/index.d.ts +338 -327
- package/lib/src/components/table/src/recuve-table-column.d.ts +1 -1
- package/lib/src/components/table/types/index.d.ts +24 -33
- package/{es/src/hooks/useTablePage → lib/src/hooks/TablePage}/index.d.ts +14 -17
- package/{es/src/hooks/useTablePage → lib/src/hooks/TablePage}/types/index.d.ts +1 -2
- package/lib/src/index.d.ts +3 -3
- package/lib/src/utils/tools.d.ts +1 -1
- package/lib/src/views/test-table-page/types/index.d.ts +24 -0
- package/lib/style.css +1 -1
- package/package.json +87 -89
- package/es/packages/hooks/useTablePage/index.mjs.map +0 -1
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { defineComponent as
|
|
2
|
-
import { getUuid as
|
|
3
|
-
import { treeNode as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { ArrowDown as
|
|
1
|
+
import { defineComponent as N, ref as n, toRefs as P, computed as _, shallowRef as v, onMounted as B, watch as z, nextTick as C, createVNode as l, resolveComponent as i, mergeProps as w, createTextVNode as D } from "vue";
|
|
2
|
+
import { getUuid as L, getTreeNode as $, columnProp as O, headerProp as V } from "../../../utils/tools.mjs";
|
|
3
|
+
import { treeNode as H, nodeDragEnd as x, treeProps as K, allowDrop as U, resizeTaleHeight as M } from "../hooks/index.mjs";
|
|
4
|
+
import W from "./recuve-table-column.mjs";
|
|
5
|
+
import q from "../../../hooks/useWindowResize.mjs";
|
|
6
|
+
import { Plus as G, Delete as I, Download as J, Upload as Q, ArrowDown as X } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
|
|
7
7
|
import "../../../assets/scss/dinert-table.scss.mjs";
|
|
8
|
-
const
|
|
8
|
+
const re = /* @__PURE__ */ N({
|
|
9
9
|
name: "dinert-table",
|
|
10
10
|
props: {
|
|
11
11
|
table: {
|
|
12
12
|
type: Object
|
|
13
13
|
},
|
|
14
14
|
header: {
|
|
15
|
-
type: Boolean,
|
|
15
|
+
type: [Object, Boolean],
|
|
16
16
|
default: !0
|
|
17
17
|
},
|
|
18
18
|
footer: {
|
|
@@ -25,177 +25,204 @@ const L = /* @__PURE__ */ A({
|
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
emits: ["SizeChange", "CurrentChange"],
|
|
28
|
-
setup(
|
|
29
|
-
var
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
});
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
setup(d) {
|
|
29
|
+
var T;
|
|
30
|
+
const b = n(), m = n(!1), y = n("table_" + L()), f = n(), h = n(!0), p = n(null), e = n(null), o = n(null), r = n(null), {
|
|
31
|
+
table: S,
|
|
32
|
+
header: g
|
|
33
|
+
} = P(d), u = n(((T = S.value) == null ? void 0 : T.tableColumns) || []);
|
|
34
|
+
let k = 1;
|
|
35
|
+
u.value.forEach((a) => (a.sort = typeof a.sort > "u" ? k : a.sort, k++, a)), u.value.sort((a, s) => a.sort - s.sort);
|
|
36
|
+
let R = 1;
|
|
37
|
+
const E = _(() => {
|
|
38
|
+
if (typeof g.value == "boolean")
|
|
39
|
+
return g.value;
|
|
40
|
+
const a = [];
|
|
41
|
+
return Object.keys(g.value).forEach((s) => {
|
|
42
|
+
const t = g.value[s];
|
|
43
|
+
s === "add" ? (t.icon = t.icon || v(G), t.type = "primary") : s === "delete" ? (t.icon = t.icon || v(I), t.plain = t.plain === void 0 ? "plain" : t.plain) : s === "download" ? (t.icon = t.icon || v(J), t.plain = t.plain === void 0 ? "plain" : t.plain, t.type = "primary") : s === "upload" && (t.icon = t.icon || v(Q), t.plain = t.plain === void 0 ? "plain" : t.plain, t.type = "primary"), a.push({
|
|
44
|
+
key: s,
|
|
45
|
+
...t,
|
|
46
|
+
type: t.type || "default",
|
|
47
|
+
sort: typeof t.sort > "u" ? R : t.sort
|
|
48
|
+
}), R++;
|
|
49
|
+
}), a.sort((s, t) => s.sort - t.sort), a;
|
|
50
|
+
}), c = () => {
|
|
51
|
+
M(b.value, p.value, e.value, o.value, r.value, d.table);
|
|
40
52
|
};
|
|
41
|
-
|
|
53
|
+
B(() => {
|
|
42
54
|
setTimeout(() => {
|
|
43
55
|
c();
|
|
44
56
|
});
|
|
45
57
|
});
|
|
46
|
-
const
|
|
47
|
-
var
|
|
48
|
-
return
|
|
49
|
-
}),
|
|
50
|
-
|
|
58
|
+
const A = _(() => {
|
|
59
|
+
var a;
|
|
60
|
+
return $(u.value, "setting", [!0], "setting").length === 0 && ((a = d.table) == null ? void 0 : a.setting) !== !1;
|
|
61
|
+
}), F = $(u.value, "checked", [!0, void 0], "prop"), j = (a, s, t) => {
|
|
62
|
+
a.checked = t || s, C(() => {
|
|
51
63
|
c();
|
|
52
64
|
});
|
|
53
65
|
};
|
|
54
|
-
return
|
|
66
|
+
return q(() => {
|
|
55
67
|
c();
|
|
56
|
-
}, 100),
|
|
57
|
-
var
|
|
58
|
-
return (
|
|
68
|
+
}, 100), z(() => {
|
|
69
|
+
var a;
|
|
70
|
+
return (a = d.table) == null ? void 0 : a.key;
|
|
59
71
|
}, () => {
|
|
60
|
-
|
|
61
|
-
await
|
|
72
|
+
C(async () => {
|
|
73
|
+
await H(f.value, u.value), setTimeout(() => {
|
|
62
74
|
c();
|
|
63
75
|
});
|
|
64
76
|
});
|
|
65
77
|
}, {
|
|
66
78
|
immediate: !0
|
|
67
|
-
}),
|
|
68
|
-
|
|
69
|
-
|
|
79
|
+
}), z(() => u.value, () => {
|
|
80
|
+
C(() => {
|
|
81
|
+
h.value = u.value.every((a) => a.checked === !0);
|
|
70
82
|
});
|
|
71
83
|
}, {
|
|
72
84
|
deep: !0
|
|
73
85
|
}), {
|
|
74
|
-
getSetting:
|
|
75
|
-
tableColumns:
|
|
76
|
-
checkTree:
|
|
77
|
-
defaultCheckedKeys:
|
|
86
|
+
getSetting: A,
|
|
87
|
+
tableColumns: u,
|
|
88
|
+
checkTree: j,
|
|
89
|
+
defaultCheckedKeys: F,
|
|
78
90
|
resizeTaleHeightFn: c,
|
|
79
|
-
nodeDragEnd:
|
|
80
|
-
popoverValue:
|
|
81
|
-
onlyClass:
|
|
82
|
-
isAllData:
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
91
|
+
nodeDragEnd: x,
|
|
92
|
+
popoverValue: m,
|
|
93
|
+
onlyClass: y,
|
|
94
|
+
isAllData: h,
|
|
95
|
+
isFooter: d.footer,
|
|
96
|
+
headerList: E,
|
|
97
|
+
tableRef: b,
|
|
98
|
+
headerRef: p,
|
|
99
|
+
headerFooterRef: r,
|
|
100
|
+
bodyRef: e,
|
|
101
|
+
footerRef: o,
|
|
102
|
+
selectTableRef: f
|
|
89
103
|
};
|
|
90
104
|
},
|
|
91
105
|
render() {
|
|
92
|
-
var
|
|
93
|
-
const
|
|
106
|
+
var y, f, h, p;
|
|
107
|
+
const d = this.tableSlot ? this.$slots : {
|
|
108
|
+
...this.$slots,
|
|
94
109
|
default: (e) => {
|
|
95
|
-
var
|
|
96
|
-
return (
|
|
110
|
+
var o, r;
|
|
111
|
+
return (r = (o = this.$slots)[e.prop && O(e.prop)]) == null ? void 0 : r.call(o, e);
|
|
112
|
+
},
|
|
113
|
+
header: (e) => {
|
|
114
|
+
var o, r;
|
|
115
|
+
return (r = (o = this.$slots)[e.prop && V(e.prop)]) == null ? void 0 : r.call(o, e);
|
|
97
116
|
}
|
|
98
|
-
};
|
|
99
|
-
return
|
|
117
|
+
}, b = this.header || this.getSetting && this.header, m = typeof this.headerList != "boolean" ? this.headerList : [];
|
|
118
|
+
return l("section", {
|
|
100
119
|
class: "dinert-table"
|
|
101
|
-
}, [
|
|
120
|
+
}, [b && l("header", {
|
|
102
121
|
class: "dinert-table-header",
|
|
103
122
|
ref: (e) => {
|
|
104
123
|
this.headerRef = e;
|
|
105
124
|
}
|
|
106
|
-
}, [
|
|
125
|
+
}, [l("div", {
|
|
107
126
|
class: "dinert-table-header-left"
|
|
108
|
-
}, [(
|
|
127
|
+
}, [m.map((e) => {
|
|
128
|
+
var o, r;
|
|
129
|
+
return this.$slots["header_left_" + e.key] ? (r = (o = this.$slots)["header_left_" + e.key]) == null ? void 0 : r.call(o, e) : typeof e.show != "function" && [!0, void 0].includes(e.show) || typeof e.show == "function" && [!0, void 0].includes(e.show(e)) ? l(i("el-button"), w({
|
|
130
|
+
...e,
|
|
131
|
+
type: e.type || "primary"
|
|
132
|
+
}, {
|
|
133
|
+
onClick: () => e.click && e.click(e)
|
|
134
|
+
}), {
|
|
135
|
+
default: () => [e.message]
|
|
136
|
+
}) : null;
|
|
137
|
+
})]), this.getSetting && l("div", {
|
|
109
138
|
class: "dinert-table-header-right"
|
|
110
|
-
}, [
|
|
111
|
-
default: () => [
|
|
139
|
+
}, [l(i("el-button-group"), null, {
|
|
140
|
+
default: () => [l(i("el-button"), {
|
|
112
141
|
type: this.isAllData ? "primary" : "default"
|
|
113
142
|
}, {
|
|
114
|
-
default: () => [
|
|
115
|
-
}),
|
|
143
|
+
default: () => [D("全部显示")]
|
|
144
|
+
}), l(i("el-popover"), {
|
|
116
145
|
teleported: !1
|
|
117
146
|
}, {
|
|
118
|
-
default: () =>
|
|
147
|
+
default: () => l("ul", {
|
|
119
148
|
class: "el-popover-classify"
|
|
120
|
-
}, [
|
|
121
|
-
ref:
|
|
122
|
-
this.selectTableRef = e;
|
|
123
|
-
},
|
|
149
|
+
}, [l(i("el-tree"), {
|
|
150
|
+
ref: this.selectTableRef,
|
|
124
151
|
draggable: !0,
|
|
125
152
|
data: this.tableColumns,
|
|
126
153
|
"default-expand-all": !0,
|
|
127
154
|
"default-checked-keys": this.defaultCheckedKeys,
|
|
128
155
|
"show-checkbox": !0,
|
|
129
156
|
"node-key": "prop",
|
|
130
|
-
props:
|
|
131
|
-
"allow-drop":
|
|
132
|
-
onCheckChange: this.checkTree,
|
|
133
|
-
onNodeDragEnd: (e) =>
|
|
157
|
+
props: K,
|
|
158
|
+
"allow-drop": U,
|
|
159
|
+
onCheckChange: (e, o, r) => this.checkTree(e, o, r),
|
|
160
|
+
onNodeDragEnd: (e) => x(e, this.selectTableRef)
|
|
134
161
|
}, {
|
|
135
162
|
default: ({
|
|
136
163
|
data: e
|
|
137
|
-
}) =>
|
|
164
|
+
}) => l("div", {
|
|
138
165
|
class: "text-dot tree-item"
|
|
139
|
-
}, [
|
|
166
|
+
}, [l(i("el-tooltip"), {
|
|
140
167
|
content: e.label,
|
|
141
168
|
placement: "top",
|
|
142
169
|
disabled: e.label && e.label.length < 8
|
|
143
170
|
}, {
|
|
144
|
-
default: () =>
|
|
171
|
+
default: () => l("span", null, [e.label])
|
|
145
172
|
})])
|
|
146
173
|
})]),
|
|
147
|
-
reference: () =>
|
|
174
|
+
reference: () => l(i("el-button"), {
|
|
148
175
|
type: this.isAllData ? "" : "primary"
|
|
149
176
|
}, {
|
|
150
|
-
default: () => [
|
|
151
|
-
default: () => [
|
|
177
|
+
default: () => [D("分类显示"), l(i("el-icon"), null, {
|
|
178
|
+
default: () => [l(X, null, null)]
|
|
152
179
|
})]
|
|
153
180
|
})
|
|
154
181
|
})]
|
|
155
|
-
})])]), this.$slots["header-footer"] &&
|
|
182
|
+
})])]), this.$slots["header-footer"] && l("header", {
|
|
156
183
|
class: "dinert-table-headerFooter",
|
|
157
184
|
ref: (e) => {
|
|
158
185
|
this.headerFooterRef = e;
|
|
159
186
|
}
|
|
160
|
-
}, [(
|
|
187
|
+
}, [(f = (y = this.$slots)["header-footer"]) == null ? void 0 : f.call(y)]), l("div", {
|
|
161
188
|
ref: (e) => {
|
|
162
189
|
this.bodyRef = e;
|
|
163
190
|
},
|
|
164
191
|
class: "dinert-table-body"
|
|
165
|
-
}, [
|
|
192
|
+
}, [l(i("el-table"), w({
|
|
166
193
|
height: "100%",
|
|
167
194
|
border: !0
|
|
168
195
|
}, this.table, {
|
|
169
196
|
ref: (e) => {
|
|
170
197
|
this.tableRef = e;
|
|
171
198
|
},
|
|
172
|
-
"row-key": (
|
|
173
|
-
}
|
|
174
|
-
default: () => [
|
|
199
|
+
"row-key": (h = this.table) == null ? void 0 : h.rowKey
|
|
200
|
+
}), {
|
|
201
|
+
default: () => [l(W, {
|
|
175
202
|
table: this.table,
|
|
176
203
|
"table-columns": this.tableColumns,
|
|
177
204
|
"only-class": this.onlyClass,
|
|
178
205
|
"popover-value": this.popoverValue
|
|
179
|
-
},
|
|
180
|
-
})]),
|
|
206
|
+
}, d)]
|
|
207
|
+
})]), this.isFooter && l("div", {
|
|
181
208
|
class: "dinert-table-footer",
|
|
182
209
|
ref: (e) => {
|
|
183
210
|
this.footerRef = e;
|
|
184
211
|
}
|
|
185
|
-
}, [
|
|
212
|
+
}, [l(i("el-pagination"), w({
|
|
186
213
|
"model:current-page": 1,
|
|
187
214
|
"model:page-size": 15,
|
|
188
215
|
pageSizes: [15, 30, 50, 70, 100],
|
|
189
216
|
"default-page-size": 15,
|
|
190
217
|
layout: "total, sizes, prev, pager, next, jumper",
|
|
191
218
|
total: 100
|
|
192
|
-
}, (
|
|
219
|
+
}, (p = this.table) == null ? void 0 : p.pagination, {
|
|
193
220
|
onSizeChange: (e) => this.$emit("SizeChange", e),
|
|
194
221
|
onCurrentChange: (e) => this.$emit("CurrentChange", e)
|
|
195
|
-
}
|
|
222
|
+
}), null)])]);
|
|
196
223
|
}
|
|
197
224
|
});
|
|
198
225
|
export {
|
|
199
|
-
|
|
226
|
+
re as default
|
|
200
227
|
};
|
|
201
228
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table/src/index.tsx"],"sourcesContent":["import {defineComponent, ref, computed, nextTick, watch, onMounted, toRefs} from 'vue'\nimport type {RewriteTableProps} from '@packages/components/table/types/index'\nimport {getUuid, columnProp, getTreeNode} from '@packages/utils/tools'\nimport {resizeTaleHeight, allowDrop, nodeDragEnd, treeProps, treeNode} from '@packages/components/table/hooks'\n\nimport DinertRecuveTableColumn from './recuve-table-column'\nimport useWindowResize from '@packages/hooks/useWindowResize'\nimport {ArrowDown} from '@element-plus/icons-vue'\n\n\nimport type {ElTable, ElSelect} from 'element-plus'\nimport type {PropType} from 'vue'\nimport type Node from 'element-plus/es/components/tree/src/model/node'\n\nimport '@packages/assets/scss/dinert-table.scss'\n\n\nexport default defineComponent({\n name: 'dinert-table',\n props: {\n table: {\n type: Object as PropType<RewriteTableProps>,\n },\n header: {\n type: Boolean,\n default: true\n },\n footer: {\n type: Boolean,\n default: true\n },\n tableSlot: {\n type: Boolean,\n default: false\n },\n },\n emits: ['SizeChange', 'CurrentChange'],\n setup(props) {\n const tableRef = ref<InstanceType<typeof ElTable>>()\n const popoverValue = ref(false)\n const onlyClass = ref('table_' + getUuid())\n const selectTableRef = ref<InstanceType<typeof ElSelect>>()\n const isAllData = ref(true)\n const headerRef = ref<HTMLElement | null>(null)\n const bodyRef = ref<HTMLElement | null>(null)\n const footerRef = ref<HTMLElement | null>(null)\n const headerFooterRef = ref<HTMLElement | null>(null)\n\n onMounted(() => {\n console.log(tableRef.value, 'selectTable.value')\n })\n\n\n const {table} = toRefs(props)\n const tableColumns = ref(table.value?.tableColumns || [])\n\n tableColumns.value.forEach((item, index) => {\n item.sort = typeof item.sort === 'undefined' ? index : item.sort\n return item\n })\n\n tableColumns.value.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n\n const resizeTaleHeightFn = () => {\n resizeTaleHeight(\n tableRef.value,\n headerRef.value,\n bodyRef.value,\n footerRef.value,\n headerFooterRef.value,\n (props.table as RewriteTableProps)\n )\n }\n\n onMounted(() => {\n setTimeout(() => {\n resizeTaleHeightFn()\n })\n })\n\n\n const getSetting = computed(() => {\n return getTreeNode(tableColumns.value, 'setting', [true], 'setting').length === 0\n && props.table?.setting !== false\n })\n\n const defaultCheckedKeys = getTreeNode(tableColumns.value, 'checked', [true, undefined], 'prop')\n\n const checkTree = (data: Node, checked: boolean, childChecked: boolean) => {\n data.checked = childChecked || checked\n nextTick(() => {\n resizeTaleHeightFn()\n })\n }\n\n useWindowResize(() => {\n resizeTaleHeightFn()\n }, 100)\n\n\n watch(() => props.table?.key, () => {\n nextTick(async () => {\n await treeNode(selectTableRef.value, tableColumns.value)\n\n setTimeout(() => {\n resizeTaleHeightFn()\n })\n })\n }, {\n immediate: true\n })\n\n watch(() => tableColumns.value, () => {\n nextTick(() => {\n isAllData.value = tableColumns.value.every(item => item.checked === true)\n })\n\n }, {\n deep: true,\n })\n\n\n return {\n getSetting,\n tableColumns,\n checkTree,\n defaultCheckedKeys,\n resizeTaleHeightFn,\n nodeDragEnd,\n popoverValue,\n onlyClass,\n isAllData,\n\n tableRef,\n headerRef,\n headerFooterRef,\n bodyRef,\n footerRef,\n selectTableRef\n }\n },\n render() {\n const slots = this.tableSlot ? this.$slots : {default: (scope: any) => this.$slots[scope.prop && columnProp(scope.prop)]?.(scope)}\n\n\n return (\n <section class={'dinert-table'}>\n {\n this.header\n && <header class={'dinert-table-header'} ref={el => {this.headerRef = el}}>\n {\n this.$slots['header-left']\n && <div class=\"dinert-table-header-left\">\n {this.$slots['header-left']?.()}\n </div>\n }\n {\n this.getSetting\n && <div class={'dinert-table-header-right'}>\n <el-button-group>\n <el-button type={this.isAllData ? 'primary' : 'default'}\n >全部显示\n </el-button>\n <el-popover teleported={false}\n v-slots={\n {\n default: () => (\n <ul class=\"el-popover-classify\">\n <el-tree\n ref={el => {this.selectTableRef = el}}\n draggable\n data={this.tableColumns}\n default-expand-all\n default-checked-keys={this.defaultCheckedKeys}\n show-checkbox\n node-key={'prop'}\n props={treeProps}\n allow-drop={allowDrop}\n onCheckChange={this.checkTree}\n onNodeDragEnd={(node: Node) => nodeDragEnd(node, (this.selectTableRef as any))}\n v-slots={\n {\n default: ({data}: {data: Node}) => (\n <div class=\"text-dot tree-item\">\n <el-tooltip content={data.label}\n placement={'top'}\n disabled={data.label && data.label.length < 8}\n v-slots={\n {\n default: () => (<span>{ data.label }</span>)\n }\n }\n >\n </el-tooltip>\n </div>\n )\n }\n }\n >\n </el-tree>\n </ul>\n ),\n reference: () => (\n <el-button type={!this.isAllData ? 'primary' : ''}>\n 分类显示<el-icon><ArrowDown/></el-icon>\n </el-button>\n )\n }\n\n }\n >\n </el-popover>\n </el-button-group>\n </div>\n }\n </header>\n }\n\n {\n this.$slots['header-footer']\n && <header class={'dinert-table-headerFooter'} ref={el => {this.headerFooterRef = el}}>\n {this.$slots['header-footer']?.()}\n </header>\n }\n\n <div ref={el => {this.bodyRef = el}} class=\"dinert-table-body\">\n <el-table\n height={'100%'}\n border={true}\n {...this.table}\n ref={el => {this.tableRef = el}}\n row-key={this.table?.rowKey}\n {...this.table?.on}\n >\n <DinertRecuveTableColumn table={this.table}\n table-columns={this.tableColumns}\n only-class={this.onlyClass}\n v-slots={slots}\n popover-value={this.popoverValue}\n >\n </DinertRecuveTableColumn>\n\n </el-table>\n </div>\n\n <div class=\"dinert-table-footer\" ref={el => {this.footerRef = el}}>\n <el-pagination\n model:current-page={1}\n model:page-size={15}\n pageSizes={[15, 30, 50, 70, 100]}\n default-page-size={15}\n layout={'total, sizes, prev, pager, next, jumper'}\n total={100}\n {...this.table?.pagination}\n onSizeChange={(val: number) => this.$emit('SizeChange', val)}\n onCurrentChange={(val: number) => this.$emit('CurrentChange', val)}\n {...this.table?.pagination.on}\n >\n\n </el-pagination>\n </div>\n\n </section>\n )\n }\n})\n"],"names":["defineComponent","name","props","table","type","Object","header","Boolean","default","footer","tableSlot","emits","setup","tableRef","ref","popoverValue","onlyClass","getUuid","selectTableRef","isAllData","headerRef","bodyRef","footerRef","headerFooterRef","onMounted","console","log","value","toRefs","tableColumns","forEach","item","index","sort","a","b","resizeTaleHeightFn","resizeTaleHeight","setTimeout","getSetting","computed","getTreeNode","length","setting","defaultCheckedKeys","undefined","checkTree","data","checked","childChecked","nextTick","useWindowResize","watch","key","treeNode","immediate","every","deep","nodeDragEnd","render","slots","$slots","scope","_b","_a","prop","columnProp","_createVNode","el","_resolveComponent","_createTextVNode","treeProps","allowDrop","node","label","reference","ArrowDown","_d","_c","_mergeProps","_e","rowKey","_f","on","DinertRecuveTableColumn","_g","pagination","val","$emit","_h"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table/src/index.tsx"],"sourcesContent":["import {defineComponent, ref, computed, nextTick, watch, onMounted, toRefs, shallowRef} from 'vue'\nimport type {HeaderListProps, RewriteTableProps, TablePageProps} from '@packages/components/table/types/index'\nimport {getUuid, columnProp, getTreeNode, headerProp} from '@packages/utils/tools'\nimport {resizeTaleHeight, allowDrop, nodeDragEnd, treeProps, treeNode} from '@packages/components/table/hooks'\n\nimport DinertRecuveTableColumn from './recuve-table-column'\nimport useWindowResize from '@packages/hooks/useWindowResize'\nimport {ArrowDown, Plus, Delete, Download, Upload} from '@element-plus/icons-vue'\n\n\nimport type {ElTable, ElSelect} from 'element-plus'\nimport type {PropType} from 'vue'\nimport type Node from 'element-plus/es/components/tree/src/model/node'\n\nimport '@packages/assets/scss/dinert-table.scss'\n\n\nexport default defineComponent({\n name: 'dinert-table',\n props: {\n table: {\n type: Object as PropType<RewriteTableProps>,\n },\n header: {\n type: [Object, Boolean] as PropType<HeaderListProps | boolean>,\n default: true\n },\n footer: {\n type: Boolean,\n default: true\n },\n tableSlot: {\n type: Boolean,\n default: false\n },\n },\n emits: ['SizeChange', 'CurrentChange'],\n setup(props) {\n const tableRef = ref<InstanceType<typeof ElTable>>()\n const popoverValue = ref(false)\n const onlyClass = ref('table_' + getUuid())\n const selectTableRef = ref<InstanceType<typeof ElSelect>>()\n const isAllData = ref(true)\n const headerRef = ref<HTMLElement | null>(null)\n const bodyRef = ref<HTMLElement | null>(null)\n const footerRef = ref<HTMLElement | null>(null)\n const headerFooterRef = ref<HTMLElement | null>(null)\n\n const {table, header} = toRefs(props)\n const tableColumns = ref(table.value?.tableColumns || [])\n\n let index = 1\n tableColumns.value.forEach(item => {\n item.sort = typeof item.sort === 'undefined' ? index : item.sort\n index++\n return item\n })\n\n tableColumns.value.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n let index2 = 1\n\n const headerList = computed(() => {\n if (typeof header.value === 'boolean') {\n return header.value\n }\n const result: Array<TablePageProps['header']> = []\n Object.keys(header.value).forEach(key => {\n const tempObj = header.value[key]\n if (key === 'add') {\n tempObj.icon = tempObj.icon || shallowRef(Plus)\n tempObj.type = 'primary'\n } else if (key === 'delete') {\n tempObj.icon = tempObj.icon || shallowRef(Delete)\n tempObj.plain = tempObj.plain === undefined ? 'plain' : tempObj.plain\n } else if (key === 'download') {\n tempObj.icon = tempObj.icon || shallowRef(Download)\n tempObj.plain = tempObj.plain === undefined ? 'plain' : tempObj.plain\n tempObj.type = 'primary'\n } else if (key === 'upload') {\n tempObj.icon = tempObj.icon || shallowRef(Upload)\n tempObj.plain = tempObj.plain === undefined ? 'plain' : tempObj.plain\n tempObj.type = 'primary'\n }\n\n result.push({\n key: key,\n ...tempObj,\n type: tempObj.type || 'default',\n sort: typeof tempObj.sort === 'undefined' ? index2 : tempObj.sort,\n })\n index2++\n })\n\n result.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n return result\n })\n\n const resizeTaleHeightFn = () => {\n resizeTaleHeight(\n tableRef.value,\n headerRef.value,\n bodyRef.value,\n footerRef.value,\n headerFooterRef.value,\n (props.table as RewriteTableProps)\n )\n }\n\n onMounted(() => {\n setTimeout(() => {\n resizeTaleHeightFn()\n })\n })\n\n\n const getSetting = computed(() => {\n return getTreeNode(tableColumns.value, 'setting', [true], 'setting').length === 0\n && props.table?.setting !== false\n })\n\n const defaultCheckedKeys = getTreeNode(tableColumns.value, 'checked', [true, undefined], 'prop')\n\n const checkTree = (data: Node, checked: boolean, childChecked: boolean) => {\n data.checked = childChecked || checked\n nextTick(() => {\n resizeTaleHeightFn()\n })\n }\n\n useWindowResize(() => {\n resizeTaleHeightFn()\n }, 100)\n\n\n watch(() => props.table?.key, () => {\n nextTick(async () => {\n await treeNode(selectTableRef.value, tableColumns.value)\n\n setTimeout(() => {\n resizeTaleHeightFn()\n })\n })\n }, {\n immediate: true\n })\n\n watch(() => tableColumns.value, () => {\n nextTick(() => {\n isAllData.value = tableColumns.value.every(item => item.checked === true)\n })\n\n }, {\n deep: true,\n })\n\n\n return {\n getSetting,\n tableColumns,\n checkTree,\n defaultCheckedKeys,\n resizeTaleHeightFn,\n nodeDragEnd,\n popoverValue,\n onlyClass,\n isAllData,\n isFooter: props.footer,\n headerList,\n\n tableRef,\n headerRef,\n headerFooterRef,\n bodyRef,\n footerRef,\n selectTableRef\n }\n },\n render() {\n const slots = this.tableSlot ? this.$slots : {\n ...this.$slots,\n default: (scope: any) => this.$slots[scope.prop && columnProp(scope.prop)]?.(scope),\n header: (scope: any) => this.$slots[scope.prop && headerProp(scope.prop)]?.(scope)\n }\n const isHeader = this.header || (this.getSetting && this.header)\n\n const headerList = typeof this.headerList !== 'boolean' ? this.headerList as HeaderListProps[] : []\n return (\n <section class={'dinert-table'}>\n {\n isHeader\n && <header class={'dinert-table-header'} ref={el => {this.headerRef = el}}>\n {\n <div class=\"dinert-table-header-left\">\n {\n headerList.map((item: HeaderListProps) => {\n if (this.$slots['header_left_' + (item as any).key]) {\n return this.$slots['header_left_' + (item as any).key]?.(item)\n }\n\n\n if ((typeof item.show !== 'function' && [true, undefined].includes(item.show))\n || (typeof item.show === 'function' && [true, undefined].includes(item.show(item)))\n ) {\n return <el-button {...{\n ...item,\n type: item.type || 'primary',\n }} onClick={() => item.click && item.click(item)}>{item.message}</el-button>\n }\n return null\n })\n }\n </div>\n }\n {\n this.getSetting\n && <div class={'dinert-table-header-right'}>\n <el-button-group>\n <el-button type={this.isAllData ? 'primary' : 'default'}\n >全部显示\n </el-button>\n <el-popover teleported={false}\n v-slots={\n {\n default: () => (\n <ul class=\"el-popover-classify\">\n <el-tree\n ref={this.selectTableRef}\n draggable\n data={this.tableColumns}\n default-expand-all\n default-checked-keys={this.defaultCheckedKeys}\n show-checkbox\n node-key={'prop'}\n props={treeProps}\n allow-drop={allowDrop}\n onCheckChange={(data: Node, checked: boolean, childChecked: boolean) => this.checkTree(data, checked, childChecked)}\n onNodeDragEnd={(node: Node) => nodeDragEnd(node, (this.selectTableRef as any))}\n v-slots={\n {\n default: ({data}: {data: Node}) => (\n <div class=\"text-dot tree-item\">\n <el-tooltip content={data.label}\n placement={'top'}\n disabled={data.label && data.label.length < 8}\n v-slots={\n {\n default: () => (<span>{ data.label }</span>)\n }\n }\n >\n </el-tooltip>\n </div>\n )\n }\n }\n >\n </el-tree>\n </ul>\n ),\n reference: () => (\n <el-button type={!this.isAllData ? 'primary' : ''}>\n 分类显示<el-icon><ArrowDown/></el-icon>\n </el-button>\n )\n }\n\n }\n >\n </el-popover>\n </el-button-group>\n </div>\n }\n </header>\n }\n\n {\n this.$slots['header-footer']\n && <header class={'dinert-table-headerFooter'} ref={el => {this.headerFooterRef = el}}>\n {this.$slots['header-footer']?.()}\n </header>\n }\n\n <div ref={el => {this.bodyRef = el}} class=\"dinert-table-body\">\n <el-table\n height={'100%'}\n border={true}\n {...this.table}\n ref={el => {this.tableRef = el}}\n row-key={this.table?.rowKey}\n >\n <DinertRecuveTableColumn table={this.table}\n table-columns={this.tableColumns}\n only-class={this.onlyClass}\n v-slots={slots}\n popover-value={this.popoverValue}\n >\n </DinertRecuveTableColumn>\n\n </el-table>\n </div>\n\n {this.isFooter && <div class=\"dinert-table-footer\" ref={el => {this.footerRef = el}} >\n <el-pagination\n model:current-page={1}\n model:page-size={15}\n pageSizes={[15, 30, 50, 70, 100]}\n default-page-size={15}\n layout={'total, sizes, prev, pager, next, jumper'}\n total={100}\n {...this.table?.pagination}\n onSizeChange={(val: number) => this.$emit('SizeChange', val)}\n onCurrentChange={(val: number) => this.$emit('CurrentChange', val)}\n >\n\n </el-pagination>\n </div>\n }\n </section>\n )\n }\n})\n"],"names":["defineComponent","name","props","table","type","Object","header","Boolean","default","footer","tableSlot","emits","setup","tableRef","ref","popoverValue","onlyClass","getUuid","selectTableRef","isAllData","headerRef","bodyRef","footerRef","headerFooterRef","toRefs","tableColumns","value","index","forEach","item","sort","a","b","index2","headerList","computed","result","keys","key","tempObj","icon","shallowRef","Plus","Delete","plain","undefined","Download","Upload","push","resizeTaleHeightFn","resizeTaleHeight","onMounted","setTimeout","getSetting","getTreeNode","length","setting","defaultCheckedKeys","checkTree","data","checked","childChecked","nextTick","useWindowResize","watch","treeNode","immediate","every","deep","nodeDragEnd","isFooter","render","slots","$slots","scope","_b","_a","prop","columnProp","headerProp","isHeader","_createVNode","el","map","show","includes","_resolveComponent","_mergeProps","onClick","click","message","_createTextVNode","treeProps","allowDrop","onCheckChange","node","label","reference","ArrowDown","_c","rowKey","DinertRecuveTableColumn","_d","pagination","val","$emit"],"mappings":"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"}
|