@dinert/element-plus 1.1.3 → 1.1.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/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/index.mjs +83 -83
- package/es/packages/components/form/src/index.mjs.map +1 -1
- package/es/packages/components/form/utils/index.mjs +16 -16
- package/es/packages/components/form/utils/index.mjs.map +1 -1
- package/es/packages/components/table-page/src/index.mjs +5 -4
- package/es/packages/components/table-page/src/index.mjs.map +1 -1
- package/es/packages/hooks/TablePage/index.mjs +69 -69
- package/es/packages/hooks/TablePage/index.mjs.map +1 -1
- package/es/style.css +1 -1
- package/lib/index.js +1 -1
- package/lib/index.js.map +1 -1
- package/lib/style.css +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table-page/src/index.tsx"],"sourcesContent":["import {defineComponent, ref} from 'vue'\n\nimport DinertTable from '@packages/components/table'\nimport DinertForm from '@packages/components/form'\n\nimport type {RewriteTableProps, HeaderListProps} from '@packages/components/table/types/index'\nimport type {PropType} from 'vue'\nimport type {RewriteFormProps} from '@packages/components/form/types'\n\nimport '@packages/assets/scss/dinert-table-page.scss'\n\n\nexport default defineComponent({\n name: 'dinert-table-page',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n table: {\n type: Object as PropType<RewriteTableProps>,\n default: () => ({})\n },\n search: {\n type: Boolean,\n default: true\n },\n footer: {\n type: Boolean,\n default: true\n },\n header: {\n type: [Object, Boolean] as PropType<HeaderListProps | boolean>,\n default: true\n },\n tableSlot: {\n type: Boolean,\n default: false\n }\n },\n emits: ['SizeChange', 'CurrentChange', 'SearchFn', 'ResetFn', 'CheckedChange'],\n setup() {\n\n const tablePageDom = ref<HTMLElement>()\n const tableRef = ref<InstanceType<typeof DinertTable>>()\n const formRef = ref<InstanceType<typeof DinertForm>>()\n\n const onUnFold = () => {\n const timer = setTimeout(() => {\n tableRef.value?.resizeTaleHeightFn()\n clearTimeout(timer)\n }, 300)\n }\n\n return {\n tablePageDom,\n tableRef,\n formRef,\n onUnFold\n }\n },\n render() {\n const slots = this.tableSlot ? this.$slots : {\n ...this.$slots,\n default: (scope: any) => this.$slots[(scope.prop)]?.(scope)\n }\n\n return (\n <section class={['dinert-table-page', this.search ? 'search' : '']} ref={el => {this.tablePageDom = el}}>\n {this.search\n && <DinertForm form={this.form}\n v-slots={this.$slots}\n onSearchFn={() => this.$emit('SearchFn')}\n onResetFn={() => this.$emit('ResetFn')}\n onUnFold={this.onUnFold}\n ref={el => {this.formRef = el}}></DinertForm>\n }\n <DinertTable\n ref={el => {this.tableRef = el}}\n table={this.table}\n header={this.header}\n footer={this.footer}\n tableSlot={this.tableSlot}\n v-slots={slots}\n onSizeChange={(val: number) => this.$emit('SizeChange', val)}\n onCurrentChange={(val: number) => this.$emit('CurrentChange', val)}\n onCheckedChange={(data: Node, checked: boolean, childChecked: boolean) => this.$emit('CheckedChange', data, checked, childChecked)}\n >\n </DinertTable>\n </section>\n )\n }\n})\n"],"names":["defineComponent","name","props","form","type","Object","default","table","search","Boolean","footer","header","tableSlot","emits","setup","tablePageDom","ref","tableRef","formRef","onUnFold","timer","setTimeout","value","resizeTaleHeightFn","clearTimeout","render","slots","$slots","scope","_b","_a","prop","_createVNode","el","DinertForm","onSearchFn","$emit","onResetFn","DinertTable","val","onCheckedChange","data","checked","childChecked"],"mappings":";;;;AAYA,MAAeA,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,OAAO;AAAA,MACHH,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDE,QAAQ;AAAA,MACJJ,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDI,QAAQ;AAAA,MACJN,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDK,QAAQ;AAAA,MACJP,MAAM,CAACC,QAAQI,OAAO;AAAA,MACtBH,SAAS;AAAA,IACZ;AAAA,IACDM,WAAW;AAAA,MACPR,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDO,OAAO,CAAC,cAAc,iBAAiB,YAAY,WAAW,eAAe;AAAA,EAC7EC,QAAQ;AAEJ,UAAMC,IAAeC,KACfC,IAAWD,KACXE,IAAUF;AAShB,WAAO;AAAA,MACHD,cAAAA;AAAAA,MACAE,UAAAA;AAAAA,MACAC,SAAAA;AAAAA,MACAC,UAXaA,MAAM;AACnB,cAAMC,IAAQC,WAAW,MAAM;;AAC3BJ,WAAAA,IAAAA,EAASK,UAATL,QAAAA,EAAgBM,sBAChBC,aAAaJ,CAAK;AAAA,QACrB,GAAE,GAAG;AAAA;;EASb;AAAA,EACDK,SAAS;AACL,UAAMC,IAAQ,KAAKd,YAAY,KAAKe,SAAS;AAAA,MACzC,GAAG,KAAKA;AAAAA,MACRrB,SAAUsB,CAAAA,MAAU;;AAAK,gBAAAC,KAAAC,IAAA,KAAKH,QAAQC,EAAMG,UAAnB,gBAAAF,EAAA,KAAAC,GAA4BF;AAAAA;AAAAA;AAGzD,WAAAI,EAAA,WAAA;AAAA,MAAA,OACoB,CAAC,qBAAqB,KAAKxB,SAAS,WAAW,EAAE;AAAA,MAAC,KAAOyB,CAAAA,MAAM;AAAC,aAAKlB,eAAekB;AAAAA,MAAE;AAAA,IAAC,GAAA,CAClG,KAAKzB,UAAMwB,EAAAE,GAAA;AAAA,MAAA,MACS,KAAK/B;AAAAA,MAAI,
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/table-page/src/index.tsx"],"sourcesContent":["import {defineComponent, ref} from 'vue'\n\nimport DinertTable from '@packages/components/table'\nimport DinertForm from '@packages/components/form'\n\nimport type {RewriteTableProps, HeaderListProps} from '@packages/components/table/types/index'\nimport type {PropType} from 'vue'\nimport type {RewriteFormProps} from '@packages/components/form/types'\n\nimport '@packages/assets/scss/dinert-table-page.scss'\n\n\nexport default defineComponent({\n name: 'dinert-table-page',\n props: {\n form: {\n type: Object as PropType<RewriteFormProps>,\n default: () => ({})\n },\n table: {\n type: Object as PropType<RewriteTableProps>,\n default: () => ({})\n },\n search: {\n type: Boolean,\n default: true\n },\n footer: {\n type: Boolean,\n default: true\n },\n header: {\n type: [Object, Boolean] as PropType<HeaderListProps | boolean>,\n default: true\n },\n tableSlot: {\n type: Boolean,\n default: false\n }\n },\n emits: ['SizeChange', 'CurrentChange', 'SearchFn', 'ResetFn', 'CheckedChange'],\n setup() {\n\n const tablePageDom = ref<HTMLElement>()\n const tableRef = ref<InstanceType<typeof DinertTable>>()\n const formRef = ref<InstanceType<typeof DinertForm>>()\n\n const onUnFold = () => {\n const timer = setTimeout(() => {\n tableRef.value?.resizeTaleHeightFn()\n clearTimeout(timer)\n }, 300)\n }\n\n return {\n tablePageDom,\n tableRef,\n formRef,\n onUnFold\n }\n },\n render() {\n const slots = this.tableSlot ? this.$slots : {\n ...this.$slots,\n default: (scope: any) => this.$slots[(scope.prop)]?.(scope)\n }\n\n return (\n <section class={['dinert-table-page', this.search ? 'search' : '']} ref={el => {this.tablePageDom = el}}>\n {this.search\n && <DinertForm form={this.form}\n class=\"near\"\n v-slots={this.$slots}\n onSearchFn={() => this.$emit('SearchFn')}\n onResetFn={() => this.$emit('ResetFn')}\n onUnFold={this.onUnFold}\n ref={el => {this.formRef = el}}></DinertForm>\n }\n <DinertTable\n ref={el => {this.tableRef = el}}\n table={this.table}\n header={this.header}\n footer={this.footer}\n tableSlot={this.tableSlot}\n v-slots={slots}\n onSizeChange={(val: number) => this.$emit('SizeChange', val)}\n onCurrentChange={(val: number) => this.$emit('CurrentChange', val)}\n onCheckedChange={(data: Node, checked: boolean, childChecked: boolean) => this.$emit('CheckedChange', data, checked, childChecked)}\n >\n </DinertTable>\n </section>\n )\n }\n})\n"],"names":["defineComponent","name","props","form","type","Object","default","table","search","Boolean","footer","header","tableSlot","emits","setup","tablePageDom","ref","tableRef","formRef","onUnFold","timer","setTimeout","value","resizeTaleHeightFn","clearTimeout","render","slots","$slots","scope","_b","_a","prop","_createVNode","el","DinertForm","onSearchFn","$emit","onResetFn","DinertTable","val","onCheckedChange","data","checked","childChecked"],"mappings":";;;;AAYA,MAAeA,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,MAAM;AAAA,MACFC,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDC,OAAO;AAAA,MACHH,MAAMC;AAAAA,MACNC,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDE,QAAQ;AAAA,MACJJ,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDI,QAAQ;AAAA,MACJN,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACZ;AAAA,IACDK,QAAQ;AAAA,MACJP,MAAM,CAACC,QAAQI,OAAO;AAAA,MACtBH,SAAS;AAAA,IACZ;AAAA,IACDM,WAAW;AAAA,MACPR,MAAMK;AAAAA,MACNH,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDO,OAAO,CAAC,cAAc,iBAAiB,YAAY,WAAW,eAAe;AAAA,EAC7EC,QAAQ;AAEJ,UAAMC,IAAeC,KACfC,IAAWD,KACXE,IAAUF;AAShB,WAAO;AAAA,MACHD,cAAAA;AAAAA,MACAE,UAAAA;AAAAA,MACAC,SAAAA;AAAAA,MACAC,UAXaA,MAAM;AACnB,cAAMC,IAAQC,WAAW,MAAM;;AAC3BJ,WAAAA,IAAAA,EAASK,UAATL,QAAAA,EAAgBM,sBAChBC,aAAaJ,CAAK;AAAA,QACrB,GAAE,GAAG;AAAA;;EASb;AAAA,EACDK,SAAS;AACL,UAAMC,IAAQ,KAAKd,YAAY,KAAKe,SAAS;AAAA,MACzC,GAAG,KAAKA;AAAAA,MACRrB,SAAUsB,CAAAA,MAAU;;AAAK,gBAAAC,KAAAC,IAAA,KAAKH,QAAQC,EAAMG,UAAnB,gBAAAF,EAAA,KAAAC,GAA4BF;AAAAA;AAAAA;AAGzD,WAAAI,EAAA,WAAA;AAAA,MAAA,OACoB,CAAC,qBAAqB,KAAKxB,SAAS,WAAW,EAAE;AAAA,MAAC,KAAOyB,CAAAA,MAAM;AAAC,aAAKlB,eAAekB;AAAAA,MAAE;AAAA,IAAC,GAAA,CAClG,KAAKzB,UAAMwB,EAAAE,GAAA;AAAA,MAAA,MACS,KAAK/B;AAAAA,MAAI,OAAA;AAAA,MAAA,YAGdgC,MAAM,KAAKC,MAAM,UAAU;AAAA,MAAC,WAC7BC,MAAM,KAAKD,MAAM,SAAS;AAAA,MAAC,UAC5B,KAAKjB;AAAAA,MAAQ,KAClBc,CAAAA,MAAM;AAAC,aAAKf,UAAUe;AAAAA,MAAE;AAAA,IAAC,GAJrB,KAAKN,MAAM,GAIyBK,EAAAM,GAAA;AAAA,MAAA,KAGxCL,CAAAA,MAAM;AAAC,aAAKhB,WAAWgB;AAAAA,MAAG;AAAA,MAAA,OACxB,KAAK1B;AAAAA,MAAK,QACT,KAAKI;AAAAA,MAAM,QACX,KAAKD;AAAAA,MAAM,WACR,KAAKE;AAAAA,MAAS,cAEV2B,CAAAA,MAAgB,KAAKH,MAAM,cAAcG,CAAG;AAAA,MAAC,iBAC1CA,CAAAA,MAAgB,KAAKH,MAAM,iBAAiBG,CAAG;AAAA,MAAC,iBACjDC,CAACC,GAAYC,GAAkBC,MAA0B,KAAKP,MAAM,iBAAiBK,GAAMC,GAASC,CAAY;AAAA,IAAC,GAHzHjB,CAAK,CAAA,CAAA;AAAA,EAQ9B;AACJ,CAAC;"}
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import { ref as
|
|
2
|
-
import { getUuid as
|
|
1
|
+
import { ref as s, onMounted as f } from "vue";
|
|
2
|
+
import { getUuid as b } from "../../utils/tools.mjs";
|
|
3
3
|
import i from "lodash";
|
|
4
|
-
class
|
|
5
|
-
constructor(
|
|
6
|
-
this.selecTableDatas =
|
|
4
|
+
class v {
|
|
5
|
+
constructor(e) {
|
|
6
|
+
this.selecTableDatas = s([]), this.lastSelectDatas = s([]), this.ids = s([]), this.tablePageRef = s(null), this.tableRef = s(null), this.tableOriginRef = s(null), this.formRef = s(null), this.formOriginRef = s(null), this.defaultOptions = {
|
|
7
7
|
table: {
|
|
8
8
|
rowKey: "id",
|
|
9
|
-
className: "table_page" +
|
|
9
|
+
className: "table_page" + b(),
|
|
10
10
|
tableColumns: [],
|
|
11
11
|
data: [],
|
|
12
12
|
key: !0,
|
|
@@ -33,116 +33,116 @@ class c {
|
|
|
33
33
|
},
|
|
34
34
|
form: { model: {}, formItem: {} }
|
|
35
35
|
}, this.getTableParams = () => ({}), this.ajaxTableDataAfter = () => {
|
|
36
|
-
}, this.options = i.defaultsDeep(i.cloneDeep(
|
|
36
|
+
}, this.options = i.defaultsDeep(i.cloneDeep(e), this.defaultOptions), this.firstOptions = i.cloneDeep(this.options), this.table = s(this.options.table), this.form = s(this.options.form), this.footer = s(this.options.footer), this.header = s(this.options.header), this.showSearch = s(this.options.search), this.params = {}, this.oldParams = {}, [void 0, !0].includes(e.initMounteFlag) && this.initMonunt(), this.tableSelectEvent();
|
|
37
37
|
}
|
|
38
38
|
initMonunt() {
|
|
39
|
-
|
|
40
|
-
var
|
|
41
|
-
this.tableRef.value = (
|
|
39
|
+
f(() => {
|
|
40
|
+
var e, a, t, l, r, o;
|
|
41
|
+
this.tableRef.value = (e = this.tablePageRef.value) == null ? void 0 : e.tableRef, this.tableOriginRef.value = (t = (a = this.tablePageRef.value) == null ? void 0 : a.tableRef) == null ? void 0 : t.tableRef, this.formRef.value = (l = this.tablePageRef.value) == null ? void 0 : l.formRef, this.formOriginRef.value = (o = (r = this.tablePageRef.value) == null ? void 0 : r.formRef) == null ? void 0 : o.formRef;
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
|
-
sizeChange(
|
|
45
|
-
const
|
|
46
|
-
this.table.value.pagination.pageSize =
|
|
44
|
+
sizeChange(e) {
|
|
45
|
+
const a = this.table.value.pagination.pageSize;
|
|
46
|
+
this.table.value.pagination.pageSize = e;
|
|
47
47
|
const t = this.table.value.pagination;
|
|
48
|
-
(
|
|
48
|
+
(a > e || t.currentPage <= Math.ceil(t.total / t.pageSize)) && this.search({ name: "size", pageSize: e });
|
|
49
49
|
}
|
|
50
|
-
currentChange(
|
|
51
|
-
this.table.value.pagination.currentPage =
|
|
50
|
+
currentChange(e) {
|
|
51
|
+
this.table.value.pagination.currentPage = e, this.search({ name: "current", currentPage: e });
|
|
52
52
|
}
|
|
53
|
-
async getTableData(
|
|
54
|
-
const
|
|
55
|
-
return this.changeTableData(
|
|
53
|
+
async getTableData(e) {
|
|
54
|
+
const a = await this.ajaxTableData(e);
|
|
55
|
+
return this.changeTableData(a), typeof this.ajaxTableDataAfter == "function" && this.ajaxTableDataAfter(a), this.table.value.key = !this.table.value.key, a;
|
|
56
56
|
}
|
|
57
57
|
// 获取请求的所有参数
|
|
58
|
-
getAjaxTableDataParams(
|
|
59
|
-
this.params = this.getTableParams(
|
|
60
|
-
const
|
|
61
|
-
return
|
|
58
|
+
getAjaxTableDataParams(e) {
|
|
59
|
+
this.params = this.getTableParams(e);
|
|
60
|
+
const a = i.isEqual(this.params, this.oldParams);
|
|
61
|
+
return e.name === "search" ? (a || (this.table.value.pagination.currentPage = 1, this.params = this.getTableParams(e)), this.oldParams = i.cloneDeep(this.params)) : e.name === "reset" ? (this.resetPagination(), this.params = this.getTableParams(e), this.oldParams = i.cloneDeep(this.params)) : e.name === "delete" ? this.table.value.data && this.table.value.data.length && this.table.value.data.length === 1 && this.table.value.pagination.currentPage > 1 && (this.table.value.pagination.currentPage = this.table.value.pagination.currentPage - 1, this.params = this.getTableParams(e)) : ["current", "size", "reset"].includes(e.name || "") && (this.oldParams = i.cloneDeep(this.params)), (!["size", "current"].includes(e.name || "") || !this.table.value.rowKey) && (this.selecTableDatas.value = []), this.params;
|
|
62
62
|
}
|
|
63
63
|
// 请求
|
|
64
|
-
ajaxTableData(
|
|
65
|
-
return new Promise((
|
|
66
|
-
|
|
64
|
+
ajaxTableData(e) {
|
|
65
|
+
return new Promise((a) => {
|
|
66
|
+
a(this.getAjaxTableDataParams(e));
|
|
67
67
|
});
|
|
68
68
|
}
|
|
69
|
-
changeTableData(
|
|
70
|
-
if (
|
|
71
|
-
for (let
|
|
72
|
-
|
|
73
|
-
this.table.value.data =
|
|
69
|
+
changeTableData(e) {
|
|
70
|
+
if (e && e.data && e.data.length) {
|
|
71
|
+
for (let a = 0; a < e.data.length; a++)
|
|
72
|
+
e.data[a].index = a + 1 + e.pageNum * e.pageSize;
|
|
73
|
+
this.table.value.data = e.data, this.table.value.pagination.total = e.total;
|
|
74
74
|
}
|
|
75
75
|
}
|
|
76
76
|
// 查询
|
|
77
|
-
search(
|
|
78
|
-
var
|
|
79
|
-
for (const
|
|
80
|
-
[null, void 0, ""].includes(this.form.value.model[
|
|
81
|
-
return this.getTableData(
|
|
77
|
+
search(e = { name: "search" }) {
|
|
78
|
+
var a, t;
|
|
79
|
+
for (const l in (a = this.form.value) == null ? void 0 : a.model)
|
|
80
|
+
[null, void 0, ""].includes(this.form.value.model[l]) && ((t = this.form.value) == null || delete t.model[l]);
|
|
81
|
+
return this.getTableData(e);
|
|
82
82
|
}
|
|
83
83
|
// 重置查询
|
|
84
|
-
resetSearch(
|
|
85
|
-
this.resetParams(), this.search(
|
|
84
|
+
resetSearch(e = { name: "reset" }) {
|
|
85
|
+
this.resetParams(), this.search(e);
|
|
86
86
|
}
|
|
87
87
|
// 重置分页参数
|
|
88
88
|
resetPagination() {
|
|
89
|
-
this.table.value.pagination = this.defaultOptions.table.pagination;
|
|
89
|
+
this.table.value.pagination = { ...this.defaultOptions.table.pagination };
|
|
90
90
|
}
|
|
91
91
|
// 重置表格请求参数
|
|
92
92
|
resetParams() {
|
|
93
|
-
var
|
|
94
|
-
if (i.isEmpty((
|
|
95
|
-
for (const
|
|
96
|
-
(t = this.form.value) == null || delete t.model[
|
|
93
|
+
var e, a, t, l, r, o, n;
|
|
94
|
+
if (i.isEmpty((e = this.firstOptions.form) == null ? void 0 : e.model))
|
|
95
|
+
for (const h in (a = this.form.value) == null ? void 0 : a.model)
|
|
96
|
+
(t = this.form.value) == null || delete t.model[h];
|
|
97
97
|
else {
|
|
98
|
-
for (const
|
|
99
|
-
(
|
|
100
|
-
for (const
|
|
101
|
-
this.form.value.model[
|
|
98
|
+
for (const h in (l = this.form.value) == null ? void 0 : l.model)
|
|
99
|
+
(r = this.form.value) == null || delete r.model[h];
|
|
100
|
+
for (const h in (o = this.firstOptions.form) == null ? void 0 : o.model)
|
|
101
|
+
this.form.value.model[h] = (n = this.firstOptions.form) == null ? void 0 : n.model[h];
|
|
102
102
|
}
|
|
103
103
|
}
|
|
104
104
|
// 清空参数
|
|
105
105
|
clearParams() {
|
|
106
|
-
var
|
|
107
|
-
for (const
|
|
108
|
-
delete this.form.value.model[
|
|
106
|
+
var e;
|
|
107
|
+
for (const a in (e = this.form.value) == null ? void 0 : e.model)
|
|
108
|
+
delete this.form.value.model[a];
|
|
109
109
|
}
|
|
110
110
|
// 根据key获取表格中的数据
|
|
111
|
-
getTableDataKeys(
|
|
112
|
-
return this.ids.value = i.map(this.table.value.data || [],
|
|
111
|
+
getTableDataKeys(e = "id") {
|
|
112
|
+
return this.ids.value = i.map(this.table.value.data || [], e), this.ids.value;
|
|
113
113
|
}
|
|
114
114
|
// 回显选中
|
|
115
115
|
echoOperations() {
|
|
116
|
-
const
|
|
116
|
+
const e = this.table.value.rowKey, a = (this.selecTableDatas.value || []).map((t) => t[e]);
|
|
117
117
|
this.tablePageRef.value && (this.table.value.data || []).forEach((t) => {
|
|
118
|
-
var
|
|
119
|
-
|
|
118
|
+
var l, r, o, n, h, u;
|
|
119
|
+
a.includes(t[e]) ? (o = (r = (l = this.tablePageRef.value) == null ? void 0 : l.tableRef) == null ? void 0 : r.tableRef) == null || o.toggleRowSelection(t, !0) : (u = (h = (n = this.tablePageRef.value) == null ? void 0 : n.tableRef) == null ? void 0 : h.tableRef) == null || u.toggleRowSelection(t, !1);
|
|
120
120
|
});
|
|
121
121
|
}
|
|
122
122
|
// 懒加载使用
|
|
123
|
-
lazyAddKey(
|
|
124
|
-
return
|
|
123
|
+
lazyAddKey(e = [], a = "children") {
|
|
124
|
+
return e.map((t) => (t[a] && (t.children2 = [...t[a]], t.hasChildren = !0, delete t[a]), {
|
|
125
125
|
...t,
|
|
126
126
|
children2: t.children2 ? this.lazyAddKey(t.children2) : []
|
|
127
127
|
}));
|
|
128
128
|
}
|
|
129
129
|
// 监听表格选择事件,包括全选和单选
|
|
130
130
|
tableSelectEvent() {
|
|
131
|
-
const
|
|
132
|
-
this.table.value && (this.table.value.onSelect || (this.table.value.onSelect = (
|
|
133
|
-
|
|
134
|
-
for (let
|
|
135
|
-
t[
|
|
136
|
-
}), this.selecTableDatas.value = i.uniqBy(
|
|
137
|
-
}), this.table.value["onSelect-all"] || (this.table.value["onSelect-all"] = (
|
|
138
|
-
|
|
139
|
-
for (let
|
|
140
|
-
t[
|
|
141
|
-
}) : this.selecTableDatas.value = i.uniqBy(
|
|
131
|
+
const e = this.table.value.rowKey;
|
|
132
|
+
this.table.value && (this.table.value.onSelect || (this.table.value.onSelect = (a) => {
|
|
133
|
+
e ? (this.table.value.data.forEach((t) => {
|
|
134
|
+
for (let l = 0; l < this.selecTableDatas.value.length; l++)
|
|
135
|
+
t[e] === this.selecTableDatas.value[l][e] && this.selecTableDatas.value.splice(l, 1);
|
|
136
|
+
}), this.selecTableDatas.value = i.uniqBy(a.concat(this.selecTableDatas.value), e)) : this.selecTableDatas.value = a;
|
|
137
|
+
}), this.table.value["onSelect-all"] || (this.table.value["onSelect-all"] = (a) => {
|
|
138
|
+
e ? a.length === 0 ? this.table.value.data.forEach((t) => {
|
|
139
|
+
for (let l = 0; l < this.selecTableDatas.value.length; l++)
|
|
140
|
+
t[e] === this.selecTableDatas.value[l][e] && this.selecTableDatas.value.splice(l, 1);
|
|
141
|
+
}) : this.selecTableDatas.value = i.uniqBy(a.concat(this.selecTableDatas.value), e) : this.selecTableDatas.value = a;
|
|
142
142
|
}));
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
export {
|
|
146
|
-
|
|
146
|
+
v as default
|
|
147
147
|
};
|
|
148
148
|
//# sourceMappingURL=index.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.mjs","sources":["../../../../packages/hooks/TablePage/index.ts"],"sourcesContent":["\nimport {Ref, onMounted, ref} from 'vue'\n\nimport type {DinertTablePageProps, AjaxTableProps} from './types'\n\nimport TablePageComponent from '@packages/components/table-page/index'\nimport TableComponent from '@packages/components/table/index'\nimport FormComponent from '@packages/components/form/index'\nimport {getUuid} from '@packages/utils/tools'\nimport lodash from 'lodash'\nimport {MergeProp} from '@packages/components/form/types/utils'\n\n/**\n * T 表格data数据格式\n * D 表单model的数据格式\n * FI 表单formItem的数据格式\n * P 发起请求的数据格式\n * R 请求回来的数据格式\n */\n\nclass TablePage<T, D = any, FI = any, P = object, R = any> {\n showSearch: Ref<DinertTablePageProps['search']>\n table: Ref<DinertTablePageProps<T, D, FI>['table']>\n form: Ref<DinertTablePageProps<T, D, FI>['form']>\n footer: Ref<DinertTablePageProps['footer']>\n header: Ref<DinertTablePageProps['header']>\n\n selecTableDatas: Ref<T[]> = ref([])\n lastSelectDatas: Ref<T[]> = ref([])\n\n options: DinertTablePageProps<T, D, FI>\n\n ids: Ref<string[]> = ref([])\n\n params: P | any\n oldParams: P | any\n\n tablePageRef: Ref<InstanceType<typeof TablePageComponent> | null> = ref(null)\n\n tableRef: Ref<InstanceType<typeof TablePageComponent>['tableRef'] | null> = ref(null) // DinertTable的Dom\n tableOriginRef: Ref<InstanceType<typeof TableComponent>['tableRef'] | null> = ref(null) // elTable的Dom\n\n formRef: Ref<(InstanceType<typeof TablePageComponent>['formRef']) | null> = ref(null) // DinertForm的Dom\n formOriginRef: Ref<(InstanceType<typeof FormComponent>['formRef']) | null> = ref(null) // elForm的Dom\n\n private readonly defaultOptions: DinertTablePageProps<T, D, FI> = {\n table: {\n rowKey: 'id',\n className: 'table_page' + getUuid(),\n tableColumns: [],\n data: [],\n key: true,\n border: true,\n pagination: {\n total: 0,\n currentPage: 1,\n pageSize: 10,\n pageSizes: [10, 20, 30, 50, 100],\n },\n },\n form: {\n model: {},\n formItem: {}\n },\n footer: false,\n search: false\n }\n\n\n private readonly firstOptions: DinertTablePageProps<T, D, FI> = {\n table: {\n tableColumns: [],\n data: [],\n key: true,\n pagination: {}\n },\n form: {model: {}, formItem: {}}\n }\n\n\n constructor(options: DinertTablePageProps<T, D, FI> & {initMounteFlag?: boolean}) {\n\n this.options = lodash.defaultsDeep(lodash.cloneDeep(options), this.defaultOptions)\n\n this.firstOptions = lodash.cloneDeep(this.options)\n\n this.table = ref<DinertTablePageProps<T, D, FI>['table'] | any>(this.options.table)\n\n this.form = ref<DinertTablePageProps<T, D, FI>['form'] | any>(this.options.form)\n\n this.footer = ref<DinertTablePageProps<T, D, FI>['footer']>(this.options.footer)\n\n this.header = ref<DinertTablePageProps<T, D, FI>['header']>(this.options.header)\n\n this.showSearch = ref<DinertTablePageProps<T, D, FI>['search']>(this.options.search)\n\n this.params = {}\n this.oldParams = {};\n\n // 在组件挂载时调用\n ([undefined, true].includes(options.initMounteFlag)) && this.initMonunt()\n\n // 监听表格选择的方法,方便表格数据回显\n this.tableSelectEvent()\n }\n\n initMonunt() {\n onMounted(() => {\n this.tableRef.value = this.tablePageRef.value?.tableRef\n this.tableOriginRef.value = this.tablePageRef.value?.tableRef?.tableRef\n\n this.formRef.value = this.tablePageRef.value?.formRef\n this.formOriginRef.value = this.tablePageRef.value?.formRef?.formRef\n })\n }\n\n // 获取请求参数\n getTableParams: (params: P) => (Partial<P>) = () => ({} as P)\n ajaxTableDataAfter: (res: R) => void = () => undefined\n\n sizeChange(size: number) {\n\n const pageSize = this.table.value.pagination.pageSize\n this.table.value.pagination.pageSize = size\n const pagination = this.table.value.pagination\n if ((pageSize as any) > size\n || (pagination.currentPage as any) <= Math.ceil((pagination.total as any) / (pagination.pageSize as any))) {\n this.search({name: 'size', pageSize: size})\n }\n\n }\n\n currentChange(currentPage: number) {\n this.table.value.pagination.currentPage = currentPage\n this.search({name: 'current', currentPage})\n }\n\n async getTableData(options: (MergeProp<P, AjaxTableProps>)) {\n const res = await this.ajaxTableData(options)\n this.changeTableData(res)\n\n typeof this.ajaxTableDataAfter === 'function' && this.ajaxTableDataAfter(res)\n\n this.table.value.key = !this.table.value.key\n return res\n }\n\n // 获取请求的所有参数\n getAjaxTableDataParams(options: MergeProp<P, AjaxTableProps> | any): MergeProp<P, AjaxTableProps> {\n this.params = this.getTableParams(options)\n\n const isSame = lodash.isEqual(this.params, this.oldParams) // 判断当前提交的参数和上一次提交的参数是否相同\n\n if (options.name === 'search') {\n if (!isSame) {\n this.table.value.pagination.currentPage = 1\n this.params = this.getTableParams(options)\n }\n\n this.oldParams = lodash.cloneDeep(this.params)\n } else if (options.name === 'reset') {\n this.resetPagination()\n this.params = this.getTableParams(options)\n\n this.oldParams = lodash.cloneDeep(this.params)\n } else if (options.name === 'delete') {\n if (this.table.value.data && this.table.value.data.length) {\n if (this.table.value.data.length === 1 && (this.table.value as any).pagination.currentPage > 1) {\n this.table.value.pagination.currentPage = 2\n\n this.params = this.getTableParams(options)\n }\n }\n } else if (options.name === 'current') {\n if (this.oldParams.data && this.oldParams.data.pageNum) {\n this.oldParams.data.pageNum = options.currentPage\n } else if (this.oldParams.data && this.oldParams.data.page) {\n this.oldParams.data.page = options.currentPage\n } else if (this.oldParams.params && this.oldParams.params.page) {\n this.oldParams.params.page = options.currentPage\n } else if (this.oldParams.params && this.oldParams.params.pageNum) {\n this.oldParams.params.pageNum = options.currentPage\n }\n\n if (this.oldParams.data && this.oldParams.data.pageSize) {\n this.oldParams.data.pageSize = this.table.value.pagination.pageSize\n } else if (this.oldParams.params && this.oldParams.params.pageSize) {\n this.oldParams.params.pageSize = this.table.value.pagination.pageSize\n }\n\n this.params = lodash.cloneDeep(this.oldParams)\n } else if (options.name === 'size') {\n if (this.oldParams.data && this.oldParams.data.pageSize) {\n this.oldParams.data.pageSize = options.pageSize\n } else if (this.oldParams.params && this.oldParams.params.pageSize) {\n this.oldParams.params.pageSize = options.pageSize\n }\n\n this.params = lodash.cloneDeep(this.oldParams)\n }\n if (!['size', 'current'].includes(options.name || '') || !this.table.value.rowKey) {\n this.selecTableDatas.value = []\n }\n\n return this.params\n }\n\n // 请求\n ajaxTableData(options: (MergeProp<P, AjaxTableProps>)): Promise<R> {\n return new Promise(resolve => {\n resolve(this.getAjaxTableDataParams(options) as any)\n })\n }\n\n changeTableData(res: R | any) {\n if (res && res.data && res.data.length) {\n for (let i = 0; i < res.data.length; i++) {\n res.data[i].index = i + 1 + (res.pageNum as number) * (res.pageSize as number)\n }\n this.table.value.data = res.data\n this.table.value.pagination.total = res.total\n }\n }\n\n\n // 查询\n search(options: (P & AjaxTableProps) | any = {name: 'search'}) {\n\n for (const prop in this.form.value?.model) {\n if ([null, undefined, ''].includes((this.form.value.model as any)[prop])) {\n delete this.form.value?.model[prop]\n }\n }\n return this.getTableData(options)\n }\n\n // 重置查询\n resetSearch(options: (P & AjaxTableProps) | any = {name: 'reset'}) {\n this.resetParams()\n this.search(options)\n }\n\n\n // 重置分页参数\n resetPagination() {\n this.table.value.pagination = this.defaultOptions.table.pagination\n }\n\n // 重置表格请求参数\n resetParams() {\n if (lodash.isEmpty(this.firstOptions.form?.model)) { // 判断查询的默认参数是否为空\n for (const prop in this.form.value?.model) {\n delete this.form.value?.model[prop]\n }\n } else {\n for (const prop in this.form.value?.model) {\n delete this.form.value?.model[prop]\n }\n for (const prop in this.firstOptions.form?.model) {\n this.form.value.model[prop] = this.firstOptions.form?.model[prop]\n }\n }\n }\n\n // 清空参数\n clearParams() {\n for (const prop in this.form.value?.model) {\n delete this.form.value.model[prop]\n }\n }\n\n // 根据key获取表格中的数据\n getTableDataKeys(key: string = 'id') {\n this.ids.value = lodash.map(this.table.value.data || [], key)\n return this.ids.value\n }\n\n // 回显选中\n echoOperations() {\n const rowKey = this.table.value.rowKey as any\n const keys = (this.selecTableDatas.value || []).map((item: any) => item[rowKey])\n if (this.tablePageRef.value) {\n (this.table.value.data || []).forEach((item: any) => {\n if (keys.includes(item[rowKey])) {\n this.tablePageRef.value?.tableRef?.tableRef?.toggleRowSelection(item, true)\n } else {\n this.tablePageRef.value?.tableRef?.tableRef?.toggleRowSelection(item, false)\n }\n })\n }\n\n }\n\n // 懒加载使用\n lazyAddKey<T = any>(arr: any = [], children: string = 'children'): T {\n return arr.map((item: any) => {\n if (item[children]) {\n item.children2 = [...item[children]]\n item.hasChildren = true\n delete item[children]\n }\n return {\n ...item,\n children2: item.children2 ? this.lazyAddKey(item.children2) : []\n }\n })\n }\n\n // 监听表格选择事件,包括全选和单选\n tableSelectEvent() {\n const rowKey: any = this.table.value.rowKey\n if (this.table.value) {\n if (!this.table.value.onSelect) {\n this.table.value.onSelect = (selection: T[]) => {\n if (rowKey) {\n this.table.value.data.forEach((item: any) => {\n for (let i = 0; i < this.selecTableDatas.value.length; i++) {\n if (item[rowKey] === (this.selecTableDatas.value[i]as any)[rowKey]) {\n this.selecTableDatas.value.splice(i, 1)\n }\n }\n })\n this.selecTableDatas.value = lodash.uniqBy(selection.concat(this.selecTableDatas.value), rowKey)\n } else {\n this.selecTableDatas.value = selection\n }\n }\n }\n if (!this.table.value['onSelect-all']) {\n this.table.value['onSelect-all'] = (selection: T[]) => {\n if (rowKey) {\n if (selection.length === 0) {\n this.table.value.data.forEach((item: any) => {\n for (let i = 0; i < this.selecTableDatas.value.length; i++) {\n if (item[rowKey] === (this.selecTableDatas.value[i] as any)[rowKey]) {\n this.selecTableDatas.value.splice(i, 1)\n }\n }\n })\n } else {\n this.selecTableDatas.value = lodash.uniqBy(selection.concat(this.selecTableDatas.value), rowKey)\n }\n\n } else {\n this.selecTableDatas.value = selection\n }\n }\n }\n }\n }\n}\n\n\nexport default TablePage\n"],"names":["TablePage","options","ref","getUuid","lodash","onMounted","_a","_c","_b","_d","_f","_e","size","pageSize","pagination","currentPage","res","isSame","resolve","i","prop","_g","key","rowKey","keys","item","arr","children","selection"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.mjs","sources":["../../../../packages/hooks/TablePage/index.ts"],"sourcesContent":["\nimport {Ref, onMounted, ref} from 'vue'\n\nimport type {DinertTablePageProps, AjaxTableProps} from './types'\n\nimport TablePageComponent from '@packages/components/table-page/index'\nimport TableComponent from '@packages/components/table/index'\nimport FormComponent from '@packages/components/form/index'\nimport {getUuid} from '@packages/utils/tools'\nimport lodash from 'lodash'\nimport {MergeProp} from '@packages/components/form/types/utils'\n\n/**\n * T 表格data数据格式\n * D 表单model的数据格式\n * FI 表单formItem的数据格式\n * P 发起请求的数据格式\n * R 请求回来的数据格式\n */\n\nclass TablePage<T, D = any, FI = any, P = object, R = any> {\n showSearch: Ref<DinertTablePageProps['search']>\n table: Ref<DinertTablePageProps<T, D, FI>['table']>\n form: Ref<DinertTablePageProps<T, D, FI>['form']>\n footer: Ref<DinertTablePageProps['footer']>\n header: Ref<DinertTablePageProps['header']>\n\n selecTableDatas: Ref<T[]> = ref([])\n lastSelectDatas: Ref<T[]> = ref([])\n\n options: DinertTablePageProps<T, D, FI>\n\n ids: Ref<string[]> = ref([])\n\n params: P | any\n oldParams: P | any\n\n tablePageRef: Ref<InstanceType<typeof TablePageComponent> | null> = ref(null)\n\n tableRef: Ref<InstanceType<typeof TablePageComponent>['tableRef'] | null> = ref(null) // DinertTable的Dom\n tableOriginRef: Ref<InstanceType<typeof TableComponent>['tableRef'] | null> = ref(null) // elTable的Dom\n\n formRef: Ref<(InstanceType<typeof TablePageComponent>['formRef']) | null> = ref(null) // DinertForm的Dom\n formOriginRef: Ref<(InstanceType<typeof FormComponent>['formRef']) | null> = ref(null) // elForm的Dom\n\n private readonly defaultOptions: DinertTablePageProps<T, D, FI> = {\n table: {\n rowKey: 'id',\n className: 'table_page' + getUuid(),\n tableColumns: [],\n data: [],\n key: true,\n border: true,\n pagination: {\n total: 0,\n currentPage: 1,\n pageSize: 10,\n pageSizes: [10, 20, 30, 50, 100],\n },\n },\n form: {\n model: {},\n formItem: {}\n },\n footer: false,\n search: false\n }\n\n\n private readonly firstOptions: DinertTablePageProps<T, D, FI> = {\n table: {\n tableColumns: [],\n data: [],\n key: true,\n pagination: {}\n },\n form: {model: {}, formItem: {}}\n }\n\n\n constructor(options: DinertTablePageProps<T, D, FI> & {initMounteFlag?: boolean}) {\n\n this.options = lodash.defaultsDeep(lodash.cloneDeep(options), this.defaultOptions)\n\n this.firstOptions = lodash.cloneDeep(this.options)\n\n this.table = ref<DinertTablePageProps<T, D, FI>['table'] | any>(this.options.table)\n\n this.form = ref<DinertTablePageProps<T, D, FI>['form'] | any>(this.options.form)\n\n this.footer = ref<DinertTablePageProps<T, D, FI>['footer']>(this.options.footer)\n\n this.header = ref<DinertTablePageProps<T, D, FI>['header']>(this.options.header)\n\n this.showSearch = ref<DinertTablePageProps<T, D, FI>['search']>(this.options.search)\n\n this.params = {}\n this.oldParams = {};\n\n // 在组件挂载时调用\n ([undefined, true].includes(options.initMounteFlag)) && this.initMonunt()\n\n // 监听表格选择的方法,方便表格数据回显\n this.tableSelectEvent()\n }\n\n initMonunt() {\n onMounted(() => {\n this.tableRef.value = this.tablePageRef.value?.tableRef\n this.tableOriginRef.value = this.tablePageRef.value?.tableRef?.tableRef\n\n this.formRef.value = this.tablePageRef.value?.formRef\n this.formOriginRef.value = this.tablePageRef.value?.formRef?.formRef\n })\n }\n\n // 获取请求参数\n getTableParams: (params: P) => (Partial<P>) = () => ({} as P)\n ajaxTableDataAfter: (res: R) => void = () => undefined\n\n sizeChange(size: number) {\n\n const pageSize = this.table.value.pagination.pageSize\n this.table.value.pagination.pageSize = size\n const pagination = this.table.value.pagination\n if ((pageSize as any) > size\n || (pagination.currentPage as any) <= Math.ceil((pagination.total as any) / (pagination.pageSize as any))) {\n this.search({name: 'size', pageSize: size})\n }\n\n }\n\n currentChange(currentPage: number) {\n this.table.value.pagination.currentPage = currentPage\n this.search({name: 'current', currentPage})\n }\n\n async getTableData(options: (MergeProp<P, AjaxTableProps>)) {\n const res = await this.ajaxTableData(options)\n this.changeTableData(res)\n\n typeof this.ajaxTableDataAfter === 'function' && this.ajaxTableDataAfter(res)\n\n this.table.value.key = !this.table.value.key\n return res\n }\n\n // 获取请求的所有参数\n getAjaxTableDataParams(options: MergeProp<P, AjaxTableProps> | any): MergeProp<P, AjaxTableProps> {\n this.params = this.getTableParams(options)\n\n const isSame = lodash.isEqual(this.params, this.oldParams) // 判断当前提交的参数和上一次提交的参数是否相同\n\n if (options.name === 'search') {\n if (!isSame) {\n this.table.value.pagination.currentPage = 1\n this.params = this.getTableParams(options)\n }\n\n this.oldParams = lodash.cloneDeep(this.params)\n } else if (options.name === 'reset') {\n this.resetPagination()\n this.params = this.getTableParams(options)\n\n this.oldParams = lodash.cloneDeep(this.params)\n } else if (options.name === 'delete') {\n if (this.table.value.data && this.table.value.data.length) {\n if (this.table.value.data.length === 1 && (this.table.value as any).pagination.currentPage > 1) {\n this.table.value.pagination.currentPage = (this.table.value.pagination as any).currentPage - 1\n\n this.params = this.getTableParams(options)\n }\n }\n } else if (['current', 'size', 'reset'].includes(options.name || '')) {\n this.oldParams = lodash.cloneDeep(this.params)\n }\n\n if (!['size', 'current'].includes(options.name || '') || !this.table.value.rowKey) {\n this.selecTableDatas.value = []\n }\n\n return this.params\n }\n\n // 请求\n ajaxTableData(options: (MergeProp<P, AjaxTableProps>)): Promise<R> {\n return new Promise(resolve => {\n resolve(this.getAjaxTableDataParams(options) as any)\n })\n }\n\n changeTableData(res: R | any) {\n if (res && res.data && res.data.length) {\n for (let i = 0; i < res.data.length; i++) {\n res.data[i].index = i + 1 + (res.pageNum as number) * (res.pageSize as number)\n }\n this.table.value.data = res.data\n this.table.value.pagination.total = res.total\n }\n }\n\n\n // 查询\n search(options: (P & AjaxTableProps) | any = {name: 'search'}) {\n\n for (const prop in this.form.value?.model) {\n if ([null, undefined, ''].includes((this.form.value.model as any)[prop])) {\n delete this.form.value?.model[prop]\n }\n }\n return this.getTableData(options)\n }\n\n // 重置查询\n resetSearch(options: (P & AjaxTableProps) | any = {name: 'reset'}) {\n this.resetParams()\n this.search(options)\n }\n\n\n // 重置分页参数\n resetPagination() {\n this.table.value.pagination = {...this.defaultOptions.table.pagination}\n }\n\n // 重置表格请求参数\n resetParams() {\n if (lodash.isEmpty(this.firstOptions.form?.model)) { // 判断查询的默认参数是否为空\n for (const prop in this.form.value?.model) {\n delete this.form.value?.model[prop]\n }\n } else {\n for (const prop in this.form.value?.model) {\n delete this.form.value?.model[prop]\n }\n for (const prop in this.firstOptions.form?.model) {\n this.form.value.model[prop] = this.firstOptions.form?.model[prop]\n }\n }\n }\n\n // 清空参数\n clearParams() {\n for (const prop in this.form.value?.model) {\n delete this.form.value.model[prop]\n }\n }\n\n // 根据key获取表格中的数据\n getTableDataKeys(key: string = 'id') {\n this.ids.value = lodash.map(this.table.value.data || [], key)\n return this.ids.value\n }\n\n // 回显选中\n echoOperations() {\n const rowKey = this.table.value.rowKey as any\n const keys = (this.selecTableDatas.value || []).map((item: any) => item[rowKey])\n if (this.tablePageRef.value) {\n (this.table.value.data || []).forEach((item: any) => {\n if (keys.includes(item[rowKey])) {\n this.tablePageRef.value?.tableRef?.tableRef?.toggleRowSelection(item, true)\n } else {\n this.tablePageRef.value?.tableRef?.tableRef?.toggleRowSelection(item, false)\n }\n })\n }\n\n }\n\n // 懒加载使用\n lazyAddKey<T = any>(arr: any = [], children: string = 'children'): T {\n return arr.map((item: any) => {\n if (item[children]) {\n item.children2 = [...item[children]]\n item.hasChildren = true\n delete item[children]\n }\n return {\n ...item,\n children2: item.children2 ? this.lazyAddKey(item.children2) : []\n }\n })\n }\n\n // 监听表格选择事件,包括全选和单选\n tableSelectEvent() {\n const rowKey: any = this.table.value.rowKey\n if (this.table.value) {\n if (!this.table.value.onSelect) {\n this.table.value.onSelect = (selection: T[]) => {\n if (rowKey) {\n this.table.value.data.forEach((item: any) => {\n for (let i = 0; i < this.selecTableDatas.value.length; i++) {\n if (item[rowKey] === (this.selecTableDatas.value[i]as any)[rowKey]) {\n this.selecTableDatas.value.splice(i, 1)\n }\n }\n })\n this.selecTableDatas.value = lodash.uniqBy(selection.concat(this.selecTableDatas.value), rowKey)\n } else {\n this.selecTableDatas.value = selection\n }\n }\n }\n if (!this.table.value['onSelect-all']) {\n this.table.value['onSelect-all'] = (selection: T[]) => {\n if (rowKey) {\n if (selection.length === 0) {\n this.table.value.data.forEach((item: any) => {\n for (let i = 0; i < this.selecTableDatas.value.length; i++) {\n if (item[rowKey] === (this.selecTableDatas.value[i] as any)[rowKey]) {\n this.selecTableDatas.value.splice(i, 1)\n }\n }\n })\n } else {\n this.selecTableDatas.value = lodash.uniqBy(selection.concat(this.selecTableDatas.value), rowKey)\n }\n\n } else {\n this.selecTableDatas.value = selection\n }\n }\n }\n }\n }\n}\n\n\nexport default TablePage\n"],"names":["TablePage","options","ref","getUuid","lodash","onMounted","_a","_c","_b","_d","_f","_e","size","pageSize","pagination","currentPage","res","isSame","resolve","i","prop","_g","key","rowKey","keys","item","arr","children","selection"],"mappings":"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"}
|
package/es/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.tree-item{width:100%}.tree-item .el-tooltip__trigger{display:block;overflow:hidden;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-popover-classify{overflow-y:auto;margin:0;padding:0;list-style:none}.el-popover-classify li{margin:0;padding:0;list-style:none}.el-popover-classify li:first-child{border-bottom:1px solid var(--el-fill-color);line-height:32px}.el-popover-classify>.el-tree>.el-tree-node>.el-tree-node__content>.el-tree-node__expand-icon.is-leaf{display:none}.el-popover-classify .el-tree-node__children{overflow:unset}.dinert-table{display:flex;padding:20px;height:100%;border-radius:var(--el-bg-radius);background-color:var(--el-bg-color);flex-direction:column;box-sizing:border-box}.dinert-table .dinert-table-header{display:flex;justify-content:space-between;margin-bottom:12px;text-align:right}.dinert-table .dinert-table-header .el-popover-classify li .el-checkbox{width:100%;line-height:24px;height:24px}.dinert-table .dinert-table-header .dinert-table-header-left{text-align:left}.dinert-table .dinert-table-body{flex:1;height:0}.dinert-table .dinert-table-body .el-table .el-popper{max-width:50%}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell.setting .setting-icon{display:inline-block}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell .cell{color:var(--zp-color-secondary-text-title)}.dinert-table .dinert-table-body .el-table .el-table__header .el-table__cell .cell .setting-icon{vertical-align:-1px;margin-left:4px;cursor:pointer}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td{color:var(--zp-color-secondary-text-title)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td .cell.el-tooltip>.cell-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper td .cell.el-tooltip>.cell-item .cell-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .el-dropdown{vertical-align:-2px}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell{display:flex;justify-content:center;align-items:center}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-button{margin-right:8px;margin-left:0}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-button:focus-visible{outline:none}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-svg-icon{font-size:14px;color:var(--el-color-primary);cursor:pointer;flex:1}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .el-svg-icon.delete{color:var(--el-color-danger)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .svg-icon{width:16px;height:16px;vertical-align:-2px;flex:1;color:var(--el-color-primary);cursor:pointer;fill:var(--el-color-primary)}.dinert-table .dinert-table-body .el-table .el-table__body-wrapper .operations .cell .svg-icon.f-14{width:14px;height:14px}.dinert-table .dinert-table-footer{display:flex;margin-top:16px}.dinert-table .dinert-table-footer .el-pagination{display:flex;flex-wrap:wrap}.dinert-table-page{display:flex;flex-direction:column;box-sizing:border-box}.dinert-table-page.text-wrap .el-table__header .cell{white-space:pre-wrap}.dinert-table-page.text-wrap .el-table__body .el-table__row td>.cell,.dinert-table-page.text-wrap .el-table__body .el-table__row td>.cell>.cell-item,.dinert-table-page.text-wrap .el-table__body .el-table__row td .cell.el-tooltip>.cell-item{white-space:pre-wrap}.dinert-table-page.text-wrap .el-table__body .el-table__row .el-button>span{text-align:left}.dinert-table-page.text-wrap .el-table__body .el-table__row span{white-space:pre-wrap;line-height:23px}.dinert-table-page.header-center .el-table__header .el-table__cell{text-align:center}.dinert-table-page.near .el-form-left{flex:unset}.dinert-table-page.near .el-form-left .el-col{margin-right:16px;width:auto;max-width:unset;flex:unset}.dinert-table-page.near .dinert-table-footer .el-pagination{margin-left:auto}.dinert-table-page.maxWidthAuto .el-form .el-form-item .el-form-item__label{max-width:unset}.dinert-table-page .dinert-form{padding:20px 20px 0;max-height:300px}.dinert-table-page .dinert-table{padding-top:0;height:0;flex:1}.el-form{display:flex;overflow:hidden;padding:0;min-height:50px;border-radius:4px;background-color:var(--el-bg-color);transition:all .3s cubic-bezier(.645,.045,.355,1);box-sizing:content-box}.el-form.dinert-form.packUp{max-height:50px}.el-form.near .el-form-left .el-col{display:flex;align-items:center;margin-right:10px;width:auto;max-width:unset;flex:unset}.el-form.near .el-form-right.isArrow{width:230px;flex:0 0 230px}.el-form.dialog .el-form-left{flex:1}.el-form.dialog .el-form-left .el-col .label-text>div{width:100%}.el-form .el-form-left .el-col .label-text .el-radio.is-bordered,.el-form .el-form-left .el-col .label-text .el-checkbox.is-bordered{margin-right:16px}.el-form .el-form-left .el-col .label-text .el-date-editor{width:210px}.el-form .el-form-left .el-col .label-text .el-date-editor--daterange{width:260px}.el-form .el-form-left .el-col .label-text>.el-input{width:210px}.el-form .el-form-left .el-col .label-text>.el-select{width:210px}.el-form .el-form-left .el-col .label-text .el-date-editor--datetimerange{width:400px}.el-form .el-form-right{display:flex;margin-left:24px}.el-form .el-form-right .el-form-right-operation{padding:0}.el-form .el-form-right .el-form-right-operation.el-button.is-text{padding-right:0;background-color:unset}.el-form div.el-form-item{position:relative;display:flex;margin-right:0;margin-bottom:18px;width:100%}.el-form div.el-form-item.show-label .label-text{overflow:unset;text-overflow:unset;white-space:unset}.el-form div.el-form-item.label-wrap .el-form-item__label{height:auto}.el-form div.el-form-item.label-wrap .el-form-item__label .label-text{display:inline;text-align:left;white-space:normal}.el-form .el-form-item__content{flex:1;margin-left:0}.el-form .el-form-item__content .el-tooltip__trigger,.el-form .el-form-item__content .el-input-number{width:100%}.el-form .el-form-item__content .el-input-number .el-input__inner{text-align:center}.el-form .el-form-item__content .el-textarea .el-textarea__inner{height:80px}.el-form .el-form-item__content .el-date-editor,.el-form .el-form-item__content .el-date-editor .el-input__wrapper{width:100%;box-sizing:border-box}.el-form .el-form-item__content .el-input__inner{overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.el-form .el-form-item__content .el-form-item__label{overflow:hidden;width:80px;max-width:80px;text-align:right;text-overflow:ellipsis;white-space:nowrap}.el-form .el-form-item__content .el-form-item__label .el-tooltip,.el-form .el-form-item__content .el-form-item__label .el-tooltip .label-text{display:inline}.dinert-tooltip.el-tooltip__trigger{display:block;height:100%}.dinert-tooltip.el-tooltip__trigger .text-tooltip{position:absolute;left:-999999999999px}.dinert-tooltip.el-tooltip__trigger .label-text{display:block;overflow:hidden;width:100%;height:100%;text-overflow:ellipsis;white-space:nowrap}.el-overlay.autoHeight .el-dialog{height:80%}.el-overlay.notPadding .el-dialog__body{padding:0}.el-overlay .el-dialog{top:10%;display:flex;min-width:310px;max-height:80%;border-radius:4px;flex-direction:column;--el-dialog-margin-top: 0;--el-dialog-padding-primary: 0}.el-overlay .el-dialog.is-fullscreen{top:unset;max-height:unset}.el-overlay .el-dialog__headerbtn{right:0;width:40px;height:100%;color:var(--el-color-info)}.el-overlay .el-dialog .full{position:absolute;top:-1.5px;right:34px;display:flex;justify-content:center;align-items:center;width:40px;height:100%;font-size:var(--el-message-close-size, 16px);border:none;color:var(--el-color-info);background:transparent;outline:none;cursor:pointer}.el-overlay .el-dialog .full:hover .icon{fill:var(--el-color-primary);color:var(--el-color-primary)}.el-overlay .el-dialog .full .icon{overflow:hidden;width:14px;height:14px;vertical-align:-.15em;fill:var(--el-color-info)}.el-overlay .el-dialog__header{position:relative;margin-right:0;padding:16px 24px;height:54px;box-sizing:border-box}.el-overlay .el-dialog__body{display:flex;overflow-y:auto;padding:24px;flex-direction:column;flex:1;word-wrap:break-word}.el-overlay .el-dialog__body>.el-form{overflow:unset}.el-overlay .el-dialog__footer{display:flex;justify-content:center;align-items:center;clear:both;padding:12px 24px 16px}.el-overlay .el-dialog__footer .el-button{margin:0}.el-overlay .el-dialog__footer .el-button+.el-button{margin-left:12px}
|