@dinert/element-plus 1.0.3 → 1.0.5
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/README.md +1 -1
- 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/packages/components/form/src/cascader.mjs.map +1 -1
- package/es/packages/components/form/src/index.mjs +89 -83
- package/es/packages/components/form/src/index.mjs.map +1 -1
- package/es/packages/components/form/src/rate.mjs.map +1 -1
- package/es/packages/components/form/src/select.mjs +4 -4
- package/es/packages/components/form/src/select.mjs.map +1 -1
- package/es/packages/components/table/hooks/index.mjs +12 -12
- package/es/packages/components/table/hooks/index.mjs.map +1 -1
- package/es/packages/components/table/src/index.mjs +115 -91
- package/es/packages/components/table/src/index.mjs.map +1 -1
- package/es/packages/components/table/src/recuve-table-column.mjs +96 -88
- package/es/packages/components/table/src/recuve-table-column.mjs.map +1 -1
- package/es/packages/utils/tools.mjs +19 -24
- package/es/packages/utils/tools.mjs.map +1 -1
- package/es/src/components/form/src/cascader.d.ts +29 -0
- package/es/src/components/form/src/rate.d.ts +1 -1
- package/es/src/components/form/src/select.d.ts +29 -0
- package/es/src/components/form/types/index.d.ts +1 -0
- package/es/src/components/table/hooks/index.d.ts +1 -1
- package/es/src/components/table/index.d.ts +24714 -1
- package/es/src/components/table/src/index.d.ts +24716 -2
- package/es/src/components/table/types/index.d.ts +2 -2
- package/es/style.css +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/src/components/form/src/cascader.d.ts +29 -0
- package/lib/src/components/form/src/rate.d.ts +1 -1
- package/lib/src/components/form/src/select.d.ts +29 -0
- package/lib/src/components/form/types/index.d.ts +1 -0
- package/lib/src/components/table/hooks/index.d.ts +1 -1
- package/lib/src/components/table/index.d.ts +24714 -1
- package/lib/src/components/table/src/index.d.ts +24716 -2
- package/lib/src/components/table/types/index.d.ts +2 -2
- package/lib/style.css +1 -1
- package/package.json +1 -1
- package/es/src/components/table-page/index.d.ts +0 -1329
- package/es/src/components/table-page/src/index.d.ts +0 -1330
- package/lib/src/components/table-page/index.d.ts +0 -1329
- package/lib/src/components/table-page/src/index.d.ts +0 -1330
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table/hooks/index.ts"],"sourcesContent":["\n\nimport type {RewriteTableColumnCtx, SelectTable, RewriteTableProps} from '../types/index'\nimport type Node from 'element-plus/es/components/tree/src/model/node'\nimport type {\n AllowDropType,\n} from 'element-plus/es/components/tree/src/tree.type'\n\nexport const allShow = (selectTable: any, tableColumns: RewriteTableColumnCtx[]) => {\n selectTable?.setCheckedNodes(tableColumns)\n}\n\nexport const checkTree = (data: Node, checked: boolean, childChecked: boolean) => {\n data.checked = childChecked || checked\n}\n\nexport const treeNode = async (selectTable: any, treeData2: any) => {\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < treeData2.length; i++) {\n if (treeData2[i].checked === undefined) {\n treeData2[i].checked = true\n await selectTable?.setChecked(treeData2[i].prop, true)\n } else if (treeData2[i].checked !== undefined) {\n await selectTable?.setChecked(treeData2[i].prop, treeData2[i].checked)\n }\n if (treeData2[i].children && treeData2[i].children.length) {\n treeNode(selectTable, treeData2[i].children)\n }\n }\n}\n\nexport const allowDrop = (draggingNode: Node, dropNode: Node, type: AllowDropType) => {\n if (draggingNode.level === dropNode.level) {\n if (draggingNode.parent === dropNode.parent) {\n return type === 'prev' || type === 'next'\n } else {\n return false\n }\n } else {\n // 不同级进行处理\n return false\n }\n}\n\nexport const nodeDragEnd = (node: Node, selectTable: SelectTable)
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table/hooks/index.ts"],"sourcesContent":["\n\nimport type {RewriteTableColumnCtx, SelectTable, RewriteTableProps} from '../types/index'\nimport type Node from 'element-plus/es/components/tree/src/model/node'\nimport type {\n AllowDropType,\n} from 'element-plus/es/components/tree/src/tree.type'\n\nexport const allShow = (selectTable: any, tableColumns: RewriteTableColumnCtx[]) => {\n selectTable?.setCheckedNodes(tableColumns)\n}\n\nexport const checkTree = (data: Node, checked: boolean, childChecked: boolean) => {\n data.checked = childChecked || checked\n}\n\nexport const treeNode = async (selectTable: any, treeData2: any) => {\n\n // eslint-disable-next-line @typescript-eslint/prefer-for-of\n for (let i = 0; i < treeData2.length; i++) {\n if (treeData2[i].checked === undefined) {\n treeData2[i].checked = true\n await selectTable?.setChecked(treeData2[i].prop, true)\n } else if (treeData2[i].checked !== undefined) {\n await selectTable?.setChecked(treeData2[i].prop, treeData2[i].checked)\n }\n if (treeData2[i].children && treeData2[i].children.length) {\n treeNode(selectTable, treeData2[i].children)\n }\n }\n}\n\nexport const allowDrop = (draggingNode: Node, dropNode: Node, type: AllowDropType) => {\n if (draggingNode.level === dropNode.level) {\n if (draggingNode.parent === dropNode.parent) {\n return type === 'prev' || type === 'next'\n } else {\n return false\n }\n } else {\n // 不同级进行处理\n return false\n }\n}\n\nexport const nodeDragEnd = async (node: Node, selectTable: SelectTable) => {\n treeNode(selectTable, [node.data])\n}\n\nexport const resizeTaleHeight = (table: any, header: any, body: any, footer: any, headerFooterRef: any, tableProps: RewriteTableProps) => {\n if (!tableProps.height) {\n\n if (body && body.parentElement && body.parentElement.parentElement) {\n body.parentElement.parentElement.style.height = '100%'\n }\n\n const bodyPPT = (body && parseInt(window.getComputedStyle(body.parentElement, null).paddingTop))\n const bodyPPB = (body && parseInt(window.getComputedStyle(body.parentElement, null).paddingBottom))\n\n const headerH = (header && header.offsetHeight) || 0\n const headerMT = (header && parseInt(window.getComputedStyle(header, null).marginTop)) || 0\n const headerBT = (header && parseInt(window.getComputedStyle(header, null).marginBottom)) || 0\n\n const headerFooter = table && table.headerFooter\n const headerFooterH = (headerFooter && headerFooter.offsetHeight) || 0\n\n const footerH = (footer && footer.offsetHeight) || 0\n const footerMT = (footer && parseInt(window.getComputedStyle(footer, null).marginTop)) || 0\n const bodyCurrentH = body && body.parentElement && (body.parentElement.offsetHeight - headerH - headerFooterH - footerH - footerMT - headerMT - bodyPPT - bodyPPB)\n\n const tableHeaderH = (body && body.querySelector('.el-table__header-wrapper table').offsetHeight) || 0\n const tableBodyH = (body && body.querySelector('.el-table__body-wrapper table').offsetHeight) || 0\n\n\n const isXOverflow = (body && (body.querySelector('.el-table__body-wrapper.is-scrolling-left') || body.querySelector('.el-table__body-wrapper.is-scrolling-right') || body.querySelector('.el-table__body-wrapper.is-scrolling-middle')))\n const xOverflowH = isXOverflow ? 17 : 0\n\n // 当表格头和表格内容大于\n if (body) {\n if ((tableHeaderH + tableBodyH + headerBT) > bodyCurrentH || (tableProps.data && tableProps.data.length === 0)) {\n body.style.height = '0px'\n body.style.flex = '1'\n\n if (body.parentElement && body.parentElement.parentElement) {\n body.parentElement.parentElement.style.height = '100%'\n }\n } else {\n body.style.height = (tableBodyH + tableHeaderH + 1 + xOverflowH) + 'px'\n body.style.flex = 'unset'\n\n if (body.parentElement && body.parentElement.parentElement) {\n body.parentElement.parentElement.style.height = 'auto'\n }\n\n }\n }\n }\n}\n\nexport const treeProps = {\n children: 'children',\n label: 'label',\n class: (data: any) => {\n const hide = data.show === false || data.setting || ['index', 'selection'].includes(data.type) || ['selection'].includes(data.prop) ? 'hide' : ''\n return hide\n }\n}\n"],"names":["allShow","selectTable","tableColumns","checkTree","data","checked","childChecked","treeNode","treeData2","i","allowDrop","draggingNode","dropNode","type","nodeDragEnd","node","resizeTaleHeight","table","header","body","footer","headerFooterRef","tableProps","bodyPPT","bodyPPB","headerH","headerMT","headerBT","headerFooter","headerFooterH","footerH","footerMT","bodyCurrentH","tableHeaderH","tableBodyH","xOverflowH","treeProps"],"mappings":"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"}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { getUuid as
|
|
3
|
-
import { treeNode as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { ArrowDown as
|
|
1
|
+
import { defineComponent as A, ref as o, onMounted as C, toRefs as E, computed as N, watch as R, nextTick as v, createVNode as t, resolveComponent as r, createTextVNode as k, mergeProps as T } from "vue";
|
|
2
|
+
import { getUuid as B, getTreeNode as w, columnProp as F } from "../../../utils/tools.mjs";
|
|
3
|
+
import { treeNode as V, nodeDragEnd as z, treeProps as _, allowDrop as K, resizeTaleHeight as P } from "../hooks/index.mjs";
|
|
4
|
+
import j from "./recuve-table-column.mjs";
|
|
5
|
+
import H from "../../../hooks/useWindowResize.mjs";
|
|
6
|
+
import { ArrowDown as M } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
|
|
7
7
|
import "../../../assets/scss/dinert-table.scss.mjs";
|
|
8
|
-
const
|
|
8
|
+
const L = /* @__PURE__ */ A({
|
|
9
9
|
name: "dinert-table",
|
|
10
10
|
props: {
|
|
11
11
|
table: {
|
|
@@ -25,153 +25,177 @@ const M = n(!1), O = n("table_" + E()), d = n(), b = n(!0), m = n(), z = n(null)
|
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
27
|
emits: ["SizeChange", "CurrentChange"],
|
|
28
|
-
setup(
|
|
29
|
-
|
|
30
|
-
|
|
28
|
+
setup(s) {
|
|
29
|
+
var y;
|
|
30
|
+
const n = o(), b = o(!1), g = o("table_" + B()), u = o(), i = o(!0), d = o(null), h = o(null), f = o(null), e = o(null);
|
|
31
|
+
C(() => {
|
|
32
|
+
console.log(n.value, "selectTable.value");
|
|
33
|
+
});
|
|
34
|
+
const {
|
|
35
|
+
table: m
|
|
36
|
+
} = E(s), a = o(((y = m.value) == null ? void 0 : y.tableColumns) || []);
|
|
37
|
+
a.value.forEach((l, p) => (l.sort = typeof l.sort > "u" ? p : l.sort, l)), a.value.sort((l, p) => l.sort - p.sort);
|
|
38
|
+
const c = () => {
|
|
39
|
+
P(n.value, d.value, h.value, f.value, e.value, s.table);
|
|
31
40
|
};
|
|
32
|
-
|
|
41
|
+
C(() => {
|
|
33
42
|
setTimeout(() => {
|
|
34
|
-
|
|
43
|
+
c();
|
|
35
44
|
});
|
|
36
45
|
});
|
|
37
|
-
const
|
|
38
|
-
var
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
return w(u.value, "setting", [!0], "setting").length === 0 && ((t = i.table) == null ? void 0 : t.setting) !== !1;
|
|
44
|
-
}), c = w(u.value, "checked", [!0, void 0], "prop"), f = (t, o, a) => {
|
|
45
|
-
t.checked = a || o, p(() => {
|
|
46
|
-
s();
|
|
46
|
+
const D = N(() => {
|
|
47
|
+
var l;
|
|
48
|
+
return w(a.value, "setting", [!0], "setting").length === 0 && ((l = s.table) == null ? void 0 : l.setting) !== !1;
|
|
49
|
+
}), S = w(a.value, "checked", [!0, void 0], "prop"), $ = (l, p, x) => {
|
|
50
|
+
l.checked = x || p, v(() => {
|
|
51
|
+
c();
|
|
47
52
|
});
|
|
48
53
|
};
|
|
49
|
-
return
|
|
50
|
-
|
|
51
|
-
}, 100),
|
|
52
|
-
var
|
|
53
|
-
return (
|
|
54
|
+
return H(() => {
|
|
55
|
+
c();
|
|
56
|
+
}, 100), R(() => {
|
|
57
|
+
var l;
|
|
58
|
+
return (l = s.table) == null ? void 0 : l.key;
|
|
54
59
|
}, () => {
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
s();
|
|
60
|
+
v(async () => {
|
|
61
|
+
await V(u.value, a.value), setTimeout(() => {
|
|
62
|
+
c();
|
|
59
63
|
});
|
|
60
64
|
});
|
|
61
65
|
}, {
|
|
62
66
|
immediate: !0
|
|
63
|
-
}),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
b.value = t.length === (o && o.length);
|
|
67
|
+
}), R(() => a.value, () => {
|
|
68
|
+
v(() => {
|
|
69
|
+
i.value = a.value.every((l) => l.checked === !0);
|
|
67
70
|
});
|
|
68
71
|
}, {
|
|
69
72
|
deep: !0
|
|
70
73
|
}), {
|
|
71
|
-
getSetting:
|
|
72
|
-
tableColumns:
|
|
73
|
-
checkTree:
|
|
74
|
-
defaultCheckedKeys:
|
|
75
|
-
resizeTaleHeightFn:
|
|
76
|
-
|
|
74
|
+
getSetting: D,
|
|
75
|
+
tableColumns: a,
|
|
76
|
+
checkTree: $,
|
|
77
|
+
defaultCheckedKeys: S,
|
|
78
|
+
resizeTaleHeightFn: c,
|
|
79
|
+
nodeDragEnd: z,
|
|
80
|
+
popoverValue: b,
|
|
81
|
+
onlyClass: g,
|
|
82
|
+
isAllData: i,
|
|
83
|
+
tableRef: n,
|
|
84
|
+
headerRef: d,
|
|
85
|
+
headerFooterRef: e,
|
|
86
|
+
bodyRef: h,
|
|
87
|
+
footerRef: f,
|
|
88
|
+
selectTableRef: u
|
|
77
89
|
};
|
|
78
90
|
},
|
|
79
91
|
render() {
|
|
80
|
-
var
|
|
81
|
-
const
|
|
82
|
-
default: (
|
|
83
|
-
var
|
|
84
|
-
return (
|
|
92
|
+
var n, b, g, u, i, d, h, f;
|
|
93
|
+
const s = this.tableSlot ? this.$slots : {
|
|
94
|
+
default: (e) => {
|
|
95
|
+
var m, a;
|
|
96
|
+
return (a = (m = this.$slots)[e.prop && F(e.prop)]) == null ? void 0 : a.call(m, e);
|
|
85
97
|
}
|
|
86
98
|
};
|
|
87
|
-
return
|
|
99
|
+
return t("section", {
|
|
88
100
|
class: "dinert-table"
|
|
89
|
-
}, [this.header &&
|
|
101
|
+
}, [this.header && t("header", {
|
|
90
102
|
class: "dinert-table-header",
|
|
91
|
-
ref:
|
|
92
|
-
|
|
103
|
+
ref: (e) => {
|
|
104
|
+
this.headerRef = e;
|
|
105
|
+
}
|
|
106
|
+
}, [this.$slots["header-left"] && t("div", {
|
|
93
107
|
class: "dinert-table-header-left"
|
|
94
|
-
}, [(
|
|
108
|
+
}, [(b = (n = this.$slots)["header-left"]) == null ? void 0 : b.call(n)]), this.getSetting && t("div", {
|
|
95
109
|
class: "dinert-table-header-right"
|
|
96
|
-
}, [
|
|
97
|
-
default: () => [
|
|
98
|
-
type:
|
|
110
|
+
}, [t(r("el-button-group"), null, {
|
|
111
|
+
default: () => [t(r("el-button"), {
|
|
112
|
+
type: this.isAllData ? "primary" : "default"
|
|
99
113
|
}, {
|
|
100
114
|
default: () => [k("全部显示")]
|
|
101
|
-
}),
|
|
115
|
+
}), t(r("el-popover"), {
|
|
102
116
|
teleported: !1
|
|
103
117
|
}, {
|
|
104
|
-
default: () =>
|
|
118
|
+
default: () => t("ul", {
|
|
105
119
|
class: "el-popover-classify"
|
|
106
|
-
}, [
|
|
107
|
-
ref:
|
|
120
|
+
}, [t(r("el-tree"), {
|
|
121
|
+
ref: (e) => {
|
|
122
|
+
this.selectTableRef = e;
|
|
123
|
+
},
|
|
108
124
|
draggable: !0,
|
|
109
125
|
data: this.tableColumns,
|
|
110
126
|
"default-expand-all": !0,
|
|
111
127
|
"default-checked-keys": this.defaultCheckedKeys,
|
|
112
128
|
"show-checkbox": !0,
|
|
113
129
|
"node-key": "prop",
|
|
114
|
-
props:
|
|
115
|
-
"allow-drop":
|
|
130
|
+
props: _,
|
|
131
|
+
"allow-drop": K,
|
|
116
132
|
onCheckChange: this.checkTree,
|
|
117
|
-
|
|
133
|
+
onNodeDragEnd: (e) => z(e, this.selectTableRef)
|
|
118
134
|
}, {
|
|
119
135
|
default: ({
|
|
120
|
-
data:
|
|
121
|
-
}) =>
|
|
136
|
+
data: e
|
|
137
|
+
}) => t("div", {
|
|
122
138
|
class: "text-dot tree-item"
|
|
123
|
-
}, [
|
|
124
|
-
content:
|
|
139
|
+
}, [t(r("el-tooltip"), {
|
|
140
|
+
content: e.label,
|
|
125
141
|
placement: "top",
|
|
126
|
-
disabled:
|
|
142
|
+
disabled: e.label && e.label.length < 8
|
|
127
143
|
}, {
|
|
128
|
-
default: () =>
|
|
144
|
+
default: () => t("span", null, [e.label])
|
|
129
145
|
})])
|
|
130
146
|
})]),
|
|
131
|
-
reference: () =>
|
|
132
|
-
type:
|
|
147
|
+
reference: () => t(r("el-button"), {
|
|
148
|
+
type: this.isAllData ? "" : "primary"
|
|
133
149
|
}, {
|
|
134
|
-
default: () => [k("分类显示"),
|
|
135
|
-
default: () => [
|
|
150
|
+
default: () => [k("分类显示"), t(r("el-icon"), null, {
|
|
151
|
+
default: () => [t(M, null, null)]
|
|
136
152
|
})]
|
|
137
153
|
})
|
|
138
154
|
})]
|
|
139
|
-
})])]), this.$slots["header-footer"] &&
|
|
155
|
+
})])]), this.$slots["header-footer"] && t("header", {
|
|
140
156
|
class: "dinert-table-headerFooter",
|
|
141
|
-
ref:
|
|
142
|
-
|
|
143
|
-
|
|
157
|
+
ref: (e) => {
|
|
158
|
+
this.headerFooterRef = e;
|
|
159
|
+
}
|
|
160
|
+
}, [(u = (g = this.$slots)["header-footer"]) == null ? void 0 : u.call(g)]), t("div", {
|
|
161
|
+
ref: (e) => {
|
|
162
|
+
this.bodyRef = e;
|
|
163
|
+
},
|
|
144
164
|
class: "dinert-table-body"
|
|
145
|
-
}, [
|
|
165
|
+
}, [t(r("el-table"), T({
|
|
146
166
|
height: "100%",
|
|
147
167
|
border: !0
|
|
148
168
|
}, this.table, {
|
|
149
|
-
ref:
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
169
|
+
ref: (e) => {
|
|
170
|
+
this.tableRef = e;
|
|
171
|
+
},
|
|
172
|
+
"row-key": (i = this.table) == null ? void 0 : i.rowKey
|
|
173
|
+
}, (d = this.table) == null ? void 0 : d.on), {
|
|
174
|
+
default: () => [t(j, {
|
|
153
175
|
table: this.table,
|
|
154
176
|
"table-columns": this.tableColumns,
|
|
155
|
-
"only-class":
|
|
156
|
-
"popover-value":
|
|
157
|
-
},
|
|
158
|
-
})]),
|
|
177
|
+
"only-class": this.onlyClass,
|
|
178
|
+
"popover-value": this.popoverValue
|
|
179
|
+
}, s)]
|
|
180
|
+
})]), t("div", {
|
|
159
181
|
class: "dinert-table-footer",
|
|
160
|
-
ref:
|
|
161
|
-
|
|
182
|
+
ref: (e) => {
|
|
183
|
+
this.footerRef = e;
|
|
184
|
+
}
|
|
185
|
+
}, [t(r("el-pagination"), T({
|
|
162
186
|
"model:current-page": 1,
|
|
163
187
|
"model:page-size": 15,
|
|
164
188
|
pageSizes: [15, 30, 50, 70, 100],
|
|
165
189
|
"default-page-size": 15,
|
|
166
190
|
layout: "total, sizes, prev, pager, next, jumper",
|
|
167
191
|
total: 100
|
|
168
|
-
}, (
|
|
169
|
-
onSizeChange: (
|
|
170
|
-
onCurrentChange: (
|
|
171
|
-
}, (
|
|
192
|
+
}, (h = this.table) == null ? void 0 : h.pagination, {
|
|
193
|
+
onSizeChange: (e) => this.$emit("SizeChange", e),
|
|
194
|
+
onCurrentChange: (e) => this.$emit("CurrentChange", e)
|
|
195
|
+
}, (f = this.table) == null ? void 0 : f.pagination.on), null)])]);
|
|
172
196
|
}
|
|
173
197
|
});
|
|
174
198
|
export {
|
|
175
|
-
|
|
199
|
+
L as default
|
|
176
200
|
};
|
|
177
201
|
//# 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} from 'vue'\nimport type {RewriteTableColumnCtx, RewriteTableProps} from '@packages/components/table/types/index'\nimport {getUuid, convertToFlat, 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\nconst popoverValue = ref(false)\nconst onlyClass = ref('table_' + getUuid())\nconst selectTable = ref<InstanceType<typeof ElSelect>>()\nconst isAllData = ref(true)\nconst tableRef = ref<InstanceType<typeof ElTable>>()\nconst headerRef = ref<HTMLElement | null>(null)\nconst bodyRef = ref<HTMLElement | null>(null)\nconst footerRef = ref<HTMLElement | null>(null)\nconst headerFooterRef = ref<HTMLElement | null>(null)\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\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 tableColumns = computed<RewriteTableColumnCtx[]>(() => {\n let tableColumns = props.table?.tableColumns || []\n tableColumns = tableColumns.map((item, index) => {\n item.sort = typeof item.sort === 'undefined' ? index : item.sort\n return item\n })\n\n tableColumns.sort((a: any, b: any) => {\n return a.sort - b.sort\n })\n\n return tableColumns\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(selectTable.value, props.table?.tableColumns)\n\n setTimeout(() => {\n resizeTaleHeightFn()\n })\n })\n }, {\n immediate: true\n })\n\n watch(() => tableColumns.value, () => {\n nextTick(() => {\n const tableColumnsData = convertToFlat(tableColumns.value)\n const selectData: any = selectTable.value && (selectTable.value as any).getCheckedKeys()\n isAllData.value = tableColumnsData.length === (selectData && selectData.length)\n })\n\n }, {\n deep: true,\n })\n\n\n return {\n getSetting,\n tableColumns,\n checkTree,\n defaultCheckedKeys,\n resizeTaleHeightFn,\n tableRef\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={headerRef}>\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={isAllData.value ? '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={selectTable}\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 nodeDragEnd={(e: Node) => nodeDragEnd(e, (selectTable.value 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={!isAllData.value ? '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={headerFooterRef}>\n {this.$slots['header-footer']?.()}\n </header>\n }\n\n <div ref={bodyRef} class=\"dinert-table-body\">\n <el-table\n height={'100%'}\n border={true}\n {...this.table}\n ref={tableRef}\n row-key={this.table?.rowKey}\n {...this.table?.on}\n >\n <DinertRecuveTableColumn table={this.table}\n table-columns={this.tableColumns}\n only-class={onlyClass.value}\n v-slots={slots}\n popover-value={popoverValue.value}\n >\n </DinertRecuveTableColumn>\n\n </el-table>\n </div>\n\n <div class=\"dinert-table-footer\" ref={footerRef}>\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":["popoverValue","ref","onlyClass","getUuid","selectTable","isAllData","tableRef","headerRef","bodyRef","footerRef","headerFooterRef","defineComponent","name","props","table","type","Object","header","Boolean","default","footer","tableSlot","emits","setup","resizeTaleHeightFn","resizeTaleHeight","value","onMounted","setTimeout","tableColumns","computed","map","item","index","sort","a","b","getSetting","getTreeNode","length","setting","defaultCheckedKeys","undefined","checkTree","data","checked","childChecked","nextTick","useWindowResize","watch","key","treeNode","immediate","tableColumnsData","convertToFlat","selectData","getCheckedKeys","deep","render","slots","$slots","scope","_b","_a","prop","columnProp","_createVNode","_resolveComponent","_createTextVNode","treeProps","allowDrop","e","nodeDragEnd","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} 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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"}
|