@ditari/bsui 1.1.39 → 1.1.40
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/CHANGELOG.md +6 -0
- package/dist/cjs/layout/FuckMain.vue.d.ts +26 -3
- package/dist/cjs/layout/FuckMain.vue2.cjs +36 -11
- package/dist/cjs/layout/FuckMain.vue2.cjs.map +1 -1
- package/dist/cjs/layout/Main.vue2.cjs +31 -9
- package/dist/cjs/layout/Main.vue2.cjs.map +1 -1
- package/dist/cjs/table/Table.cjs +4 -13
- package/dist/cjs/table/Table.cjs.map +1 -1
- package/dist/esm/layout/FuckMain.vue.d.ts +26 -3
- package/dist/esm/layout/FuckMain.vue2.mjs +37 -12
- package/dist/esm/layout/FuckMain.vue2.mjs.map +1 -1
- package/dist/esm/layout/Main.vue2.mjs +32 -10
- package/dist/esm/layout/Main.vue2.mjs.map +1 -1
- package/dist/esm/table/Table.mjs +5 -14
- package/dist/esm/table/Table.mjs.map +1 -1
- package/example/src/App.vue +3 -5
- package/example/src/components/AppMain.vue +6 -6
- package/example/src/views/table/List.vue +0 -19
- package/package.json +1 -1
- package/src/layout/FuckMain.vue +22 -14
- package/src/layout/Main.vue +10 -11
- package/src/table/Table.tsx +73 -35
package/CHANGELOG.md
CHANGED
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
showConfig: {
|
|
3
|
+
type: null;
|
|
4
|
+
required: false;
|
|
5
|
+
default: any;
|
|
6
|
+
};
|
|
7
|
+
breadcrumbStatus: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
required: false;
|
|
10
|
+
};
|
|
11
|
+
}, {
|
|
12
|
+
props: any;
|
|
2
13
|
store: import("pinia").Store<string, {
|
|
3
14
|
list: string[];
|
|
4
15
|
}, {
|
|
@@ -41,7 +52,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
41
52
|
}>;
|
|
42
53
|
switchCollapsed: () => void;
|
|
43
54
|
collapsedStatus: import("vue").ComputedRef<boolean>;
|
|
44
|
-
keepAliveRef: import("vue").Ref<any>;
|
|
45
55
|
readonly MenuFoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuFoldOutlined").MenuFoldOutlinedIconType;
|
|
46
56
|
readonly MenuUnfoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuUnfoldOutlined").MenuUnfoldOutlinedIconType;
|
|
47
57
|
DNavTabs: import("vue").DefineComponent<{}, {
|
|
@@ -125,5 +135,18 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
125
135
|
readonly CloseOutlined: import("@ant-design/icons-vue/lib/icons/CloseOutlined").CloseOutlinedIconType;
|
|
126
136
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
127
137
|
readonly Menu: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
128
|
-
},
|
|
138
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
139
|
+
showConfig: {
|
|
140
|
+
type: null;
|
|
141
|
+
required: false;
|
|
142
|
+
default: any;
|
|
143
|
+
};
|
|
144
|
+
breadcrumbStatus: {
|
|
145
|
+
type: BooleanConstructor;
|
|
146
|
+
required: false;
|
|
147
|
+
};
|
|
148
|
+
}>>, {
|
|
149
|
+
showConfig: any;
|
|
150
|
+
breadcrumbStatus: boolean;
|
|
151
|
+
}, {}>;
|
|
129
152
|
export default _default;
|
|
@@ -13,17 +13,18 @@ const _hoisted_2 = { class: "ditari-menu" };
|
|
|
13
13
|
const _hoisted_3 = { class: "ditari-user-menu" };
|
|
14
14
|
var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
15
15
|
__name: "FuckMain",
|
|
16
|
+
props: {
|
|
17
|
+
"showConfig": { type: null, required: false, default: { backBtn: "LeftOutlined" } },
|
|
18
|
+
"breadcrumbStatus": { type: Boolean, required: false }
|
|
19
|
+
},
|
|
16
20
|
setup(__props) {
|
|
21
|
+
const props = __props;
|
|
22
|
+
vue.provide("showConfig", props.showConfig);
|
|
17
23
|
const store$1 = store.useKeepAliveStore();
|
|
18
24
|
const keepAliveNames = vue.computed(() => store$1.get);
|
|
19
25
|
const settingsStore = store.useSettingsStore();
|
|
20
26
|
const { switchCollapsed } = settingsStore;
|
|
21
27
|
const collapsedStatus = vue.computed(() => settingsStore.getCollapsed);
|
|
22
|
-
const keepAliveRef = vue.ref();
|
|
23
|
-
vue.nextTick(() => {
|
|
24
|
-
const instance = vue.getCurrentInstance();
|
|
25
|
-
console.log(instance);
|
|
26
|
-
});
|
|
27
28
|
return (_ctx, _cache) => {
|
|
28
29
|
const _component_a_layout_sider = vue.resolveComponent("a-layout-sider");
|
|
29
30
|
const _component_router_view = vue.resolveComponent("router-view");
|
|
@@ -90,12 +91,36 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
90
91
|
class: "ditari-layout-content"
|
|
91
92
|
}, {
|
|
92
93
|
default: vue.withCtx(() => [
|
|
93
|
-
vue.createVNode(_component_router_view
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
94
|
+
vue.createVNode(_component_router_view, null, {
|
|
95
|
+
default: vue.withCtx(({ Component }) => [
|
|
96
|
+
vue.createVNode(
|
|
97
|
+
vue.Transition,
|
|
98
|
+
{
|
|
99
|
+
name: "main",
|
|
100
|
+
mode: "out-in",
|
|
101
|
+
appear: ""
|
|
102
|
+
},
|
|
103
|
+
{
|
|
104
|
+
default: vue.withCtx(() => [
|
|
105
|
+
(vue.openBlock(), vue.createBlock(vue.KeepAlive, {
|
|
106
|
+
ref: "keepAliveRef",
|
|
107
|
+
include: keepAliveNames.value
|
|
108
|
+
}, [
|
|
109
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
|
|
110
|
+
key: _ctx.$route.path
|
|
111
|
+
}))
|
|
112
|
+
], 1032, ["include"]))
|
|
113
|
+
]),
|
|
114
|
+
_: 2
|
|
115
|
+
/* DYNAMIC */
|
|
116
|
+
},
|
|
117
|
+
1024
|
|
118
|
+
/* DYNAMIC_SLOTS */
|
|
119
|
+
)
|
|
120
|
+
]),
|
|
121
|
+
_: 1
|
|
122
|
+
/* STABLE */
|
|
123
|
+
}),
|
|
99
124
|
vue.renderSlot(_ctx.$slots, "micro")
|
|
100
125
|
]),
|
|
101
126
|
_: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed,
|
|
1
|
+
{"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-nav-tabs />\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n <a-layout-content\n style=\"margin-top: 42px\"\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":["provide","store","useKeepAliveStore","computed","useSettingsStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAoBA,IAAQA,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;AAGtC,IAAA,MAAMC,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -22,12 +22,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
22
22
|
},
|
|
23
23
|
setup(__props) {
|
|
24
24
|
const props = __props;
|
|
25
|
+
vue.provide("showConfig", props.showConfig);
|
|
25
26
|
const store$1 = store.useKeepAliveStore();
|
|
26
27
|
const keepAliveNames = vue.computed(() => store$1.get);
|
|
27
28
|
const settingsStore = store.useSettingsStore();
|
|
28
29
|
const { switchCollapsed } = settingsStore;
|
|
29
30
|
const collapsedStatus = vue.computed(() => settingsStore.getCollapsed);
|
|
30
|
-
vue.provide("showConfig", props.showConfig);
|
|
31
31
|
return (_ctx, _cache) => {
|
|
32
32
|
const _component_a_layout_sider = vue.resolveComponent("a-layout-sider");
|
|
33
33
|
const _component_router_view = vue.resolveComponent("router-view");
|
|
@@ -101,14 +101,36 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
101
101
|
style: vue.normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "200px" })
|
|
102
102
|
}, {
|
|
103
103
|
default: vue.withCtx(() => [
|
|
104
|
-
vue.createVNode(_component_router_view
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
104
|
+
vue.createVNode(_component_router_view, null, {
|
|
105
|
+
default: vue.withCtx(({ Component }) => [
|
|
106
|
+
vue.createVNode(
|
|
107
|
+
vue.Transition,
|
|
108
|
+
{
|
|
109
|
+
name: "main",
|
|
110
|
+
mode: "out-in",
|
|
111
|
+
appear: ""
|
|
112
|
+
},
|
|
113
|
+
{
|
|
114
|
+
default: vue.withCtx(() => [
|
|
115
|
+
(vue.openBlock(), vue.createBlock(vue.KeepAlive, {
|
|
116
|
+
ref: "keepAliveRef",
|
|
117
|
+
include: keepAliveNames.value
|
|
118
|
+
}, [
|
|
119
|
+
(vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
|
|
120
|
+
key: _ctx.$route.path
|
|
121
|
+
}))
|
|
122
|
+
], 1032, ["include"]))
|
|
123
|
+
]),
|
|
124
|
+
_: 2
|
|
125
|
+
/* DYNAMIC */
|
|
126
|
+
},
|
|
127
|
+
1024
|
|
128
|
+
/* DYNAMIC_SLOTS */
|
|
129
|
+
)
|
|
130
|
+
]),
|
|
131
|
+
_: 1
|
|
132
|
+
/* STABLE */
|
|
133
|
+
}),
|
|
112
134
|
vue.renderSlot(_ctx.$slots, "micro")
|
|
113
135
|
]),
|
|
114
136
|
_: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n
|
|
1
|
+
{"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <d-nav-tabs />\n <div class=\"ditari-layout-header\">\n <div class=\"ditari-layout-header-left\">\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-breadcrumb />\n </div>\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n </div>\n <a-layout-content\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["provide","store","useKeepAliveStore","computed","useSettingsStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAQA,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;AAEtC,IAAA,MAAMC,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/cjs/table/Table.cjs
CHANGED
|
@@ -101,12 +101,6 @@ const DXTable = /* @__PURE__ */ vue.defineComponent({
|
|
|
101
101
|
const expandedKeys = vue.ref(props.expandedRowKeys);
|
|
102
102
|
paginationConfig.pageSizeOptions = (_c = (_b = (_a = props.config) == null ? void 0 : _a.pageOption) == null ? void 0 : _b.sizeOptions) != null ? _c : paginationConfig.pageSizeOptions;
|
|
103
103
|
paginationConfig.defaultPageSize = (_f = (_e = (_d = props.config) == null ? void 0 : _d.pageOption) == null ? void 0 : _e.defaultSize) != null ? _f : paginationConfig.defaultPageSize;
|
|
104
|
-
vue.watchEffect(() => {
|
|
105
|
-
const {
|
|
106
|
-
expandedRowKeys
|
|
107
|
-
} = props;
|
|
108
|
-
expandedKeys.value = expandedRowKeys;
|
|
109
|
-
});
|
|
110
104
|
const {
|
|
111
105
|
tableRef,
|
|
112
106
|
tableRootRef,
|
|
@@ -145,8 +139,8 @@ const DXTable = /* @__PURE__ */ vue.defineComponent({
|
|
|
145
139
|
console.warn(e);
|
|
146
140
|
}
|
|
147
141
|
};
|
|
148
|
-
vue.
|
|
149
|
-
if (
|
|
142
|
+
vue.watch(() => props.height, (val) => {
|
|
143
|
+
if (val !== 0) {
|
|
150
144
|
vue.nextTick(() => {
|
|
151
145
|
if (isInit.value) {
|
|
152
146
|
playHeight(props.height);
|
|
@@ -208,11 +202,8 @@ const DXTable = /* @__PURE__ */ vue.defineComponent({
|
|
|
208
202
|
selectedRowKeys.value = val;
|
|
209
203
|
});
|
|
210
204
|
const rowSelection2 = vue.ref(void 0);
|
|
211
|
-
vue.
|
|
212
|
-
|
|
213
|
-
selection
|
|
214
|
-
} = props.config;
|
|
215
|
-
localSelection = selection;
|
|
205
|
+
vue.watch(() => props.config.selection, (val) => {
|
|
206
|
+
localSelection = val;
|
|
216
207
|
if (localSelection !== "N") {
|
|
217
208
|
rowSelection2.value = {
|
|
218
209
|
selectedRowKeys,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.cjs","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n nextTick,\n PropType,\n reactive,\n ref,\n watch,\n watchEffect\n} from \"vue\";\nimport { Pagination, Space, Table } from \"ant-design-vue\";\nimport { useEleHeight } from \"../_utils/html\";\nimport { prefixName } from \"../theme\";\n\nimport type { TableProps, Key } from \"./interface/table\";\n/**\n * 表格组件 基于TSX封装ATable\n */\nconst tableProps = () => {\n return {\n data: {\n type: Object as PropType<TableProps[\"data\"]>,\n required: true\n },\n height: {\n type: Number as PropType<TableProps[\"height\"]>,\n default: 300\n },\n keys: Array as PropType<TableProps[\"keys\"]>,\n rowKey: {\n type: String as PropType<TableProps[\"rowKey\"]>,\n default: \"id\"\n },\n loading: {\n type: Boolean as PropType<TableProps[\"loading\"]>,\n default: false\n },\n pagination: {\n type: Object as PropType<TableProps[\"pagination\"]>,\n default: () => ({})\n },\n config: {\n type: Object as PropType<TableProps[\"config\"]>,\n default: () => ({})\n },\n expandedRowKeys: {\n type: Object as PropType<TableProps[\"expandedRowKeys\"]>,\n default: () => []\n },\n defaultExpandAllRows: {\n type: Boolean as PropType<TableProps[\"defaultExpandAllRows\"]>,\n default: () => true\n }\n };\n};\n\n// 使用有问题\n// const tableEmits = defineEmits<{\n// \"update:keys\": (keys: []) => void;\n// }>();\n// interface MyEvents {\n// [key: string]: (...args: any[]) => void;\n// \"update:keys\": (keys: []) => void;\n// }\n\n//分页class名称\nconst basePageClassName = `${prefixName}-pagination`;\n\n/**\n * 表格组件定义\n */\nconst DXTable = defineComponent({\n name: \"DTable\",\n inheritAttrs: false,\n props: tableProps(),\n // emits: { \"update:keys\": (keys: []) => void }\n // TODO 需要做调整\n emits: [\"update:keys\"],\n setup: function (props, { emit, slots, attrs }) {\n //分页默认配置\n const paginationConfig = reactive({\n defaultPageSize: 20,\n hideOnSinglePage: false,\n pageSizeOptions: [\"10\", \"20\", \"30\", \"40\"],\n responsive: true,\n showQuickJumper: true,\n showLessItems: true,\n showTotal: (total: number) => {\n return `总共 ${total} 条`;\n }\n });\n\n // 保存选中的唯一id\n const selectedRowKeys = ref<any>(props.keys || []);\n // 数据源\n const dataSource = computed(() => props.data);\n // 表格列\n const columns = computed(() => props.config?.columns ?? []);\n const paginationState = computed(\n () => props.config?.pagination ?? ({} as any)\n );\n // 展开行\n // eslint-disable-next-line vue/no-setup-props-destructure\n const expandedKeys = ref<any>(props.expandedRowKeys);\n // 分页条数配置\n paginationConfig.pageSizeOptions =\n props.config?.pageOption?.sizeOptions ?? paginationConfig.pageSizeOptions;\n // 默认条数\n paginationConfig.defaultPageSize =\n props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;\n\n watchEffect(() => {\n const { expandedRowKeys } = props;\n expandedKeys.value = expandedRowKeys;\n });\n\n // 初始化表格\n const {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n } = useTable();\n\n function useTable() {\n const {\n rowClassName,\n keepSelected,\n onPageChange: onChange\n } = props.config;\n\n const selection = props.config.selection ?? \"N\";\n const isInit = ref(false);\n // 表格根div\n const tableRootRef = ref<HTMLElement>();\n // 表格组件对象\n const tableRef = ref<any>(null);\n // 表格计算出来的高度\n const tableHeight = ref<number>();\n // 表格body对象\n const antTableBodyRef = ref<any>(null);\n // 计算高度\n const playHeight = (height: number) => {\n try {\n const tableEl = tableRef?.value?.$el;\n const headerHeight = useEleHeight(\n tableEl.getElementsByClassName(\"ant-table-header\")[0]\n );\n isInit.value = true;\n // 获取分页组件高度\n let paginationHeight = 0;\n if (props.config.pagination) {\n const paginationEl =\n tableRootRef.value?.getElementsByClassName(basePageClassName)[0];\n paginationHeight = useEleHeight(paginationEl as any) ?? 0;\n }\n tableHeight.value = height - (headerHeight + paginationHeight);\n\n // 设置body高度\n tableEl.getElementsByClassName(\"ant-table-body\")[0].style.height =\n tableHeight.value + \"px\";\n // 表格body对象 用于切换页码后滚动条置顶\n antTableBodyRef.value =\n tableEl.getElementsByClassName(\"ant-table-body\")[0];\n } catch (e) {\n console.warn(e);\n }\n };\n //监听传入的height的变化 默认组件创建的时候会执行一次\n watchEffect(() => {\n if (props.height !== 0) {\n nextTick(() => {\n if (isInit.value) {\n playHeight(props.height);\n } else {\n // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n setTimeout(() => {\n playHeight(props.height);\n // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n }, 100);\n }\n });\n }\n });\n // 监听分页组件\n const onPageChange = (page: number, size: number) => {\n onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;\n // 切换分页的时候,表体滚动到顶部\n antTableBodyRef.value.scrollTop = 0;\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\n // 清空历史选中数据\n if (selection === \"S\" || !keepSelected) {\n selectedRowKeys.value = [];\n emit(\"update:keys\", selectedRowKeys.value);\n }\n };\n //自定义样式\n const onRowClassName = (record: any, index: number) => {\n return rowClassName ? rowClassName(record, index) : undefined;\n };\n return {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n };\n }\n\n //表格选中配置\n const rowSelection = useRowSelection();\n\n function useRowSelection() {\n const {\n rowKey,\n config: { getCheckboxProps }\n } = props;\n\n let localSelection = props.config.selection ?? \"N\";\n //if (selection === \"N\") return undefined;\n\n const onSelect = (record: any, selected: any) => {\n if (localSelection === \"S\") {\n selectedRowKeys.value = [];\n selectedRowKeys.value = selected ? [record[rowKey]] : [];\n } else {\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(record[rowKey])\n : selectedRowKeys.value.filter(\n (key: Key) => key !== record[rowKey]\n );\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n const onSelectAll = (\n selected: any,\n selectedRows: any,\n changeRows: any\n ) => {\n const _ids = changeRows.map((record: any) => record[rowKey]);\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(_ids)\n : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));\n\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\n watch(\n () => props.keys,\n (val) => {\n selectedRowKeys.value = val;\n }\n );\n\n const rowSelection = ref<any>(undefined);\n\n watchEffect(() => {\n const { selection } = props.config;\n localSelection = selection as any;\n if (localSelection !== \"N\") {\n rowSelection.value = {\n selectedRowKeys,\n onSelect,\n onSelectAll,\n fixed: true,\n columnTitle: localSelection === \"S\" ? \"选择\" : null,\n columnWidth: localSelection === \"S\" ? 60 : 40,\n getCheckboxProps: getCheckboxProps\n };\n } else {\n rowSelection.value = undefined;\n }\n });\n\n // return {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n return rowSelection;\n }\n\n const customRow = useCustomRow();\n\n //表格行配置\n function useCustomRow() {\n return (record: any, index: any) => {\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\n let clickTimeout: any = undefined;\n const {\n rowKey,\n config: { click, dbClick, selection, getCheckboxProps }\n } = props as any;\n\n // 当前点击行的唯一ID,通过rowKey从record中取值\n const id = record[rowKey];\n\n /**\n * 处理单击事件业务\n * @param record 当前点击行数据\n */\n const onClick = () => {\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\n // 否则checkEnable为false\n const checkEnable =\n getCheckboxProps === undefined\n ? false\n : getCheckboxProps(record).disabled;\n\n if (selection === \"N\" || checkEnable) {\n // 1. 未开启复选框 则不处理数据选中操作\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\n // 方法返回的disabled为true就不执行\n // 复选框选中的操作\n return;\n }\n const haveState = selectedRowKeys.value.some(\n (key: Key) => key === id\n );\n if (haveState) {\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\n selectedRowKeys.value = selectedRowKeys.value.filter(\n (key: Key) => key !== id\n );\n } else {\n if (selection === \"S\") {\n //单选的时候 清空选中的数据 再赋值新的ID\n selectedRowKeys.value = [];\n selectedRowKeys.value.push(id);\n } else {\n //多选直接追加ID\n selectedRowKeys.value.push(id);\n }\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n function onClickSelectedBg(event: any) {\n const { clickSelectedClassName } = props.config;\n if (!clickSelectedClassName) return;\n const curEl = event.target;\n // 找到父元素\n const parentElement = curEl.parentNode;\n // 判断父元素是否有某个 class\n if (!parentElement.classList.contains(clickSelectedClassName)) {\n // 如果父元素没有指定的 class,则添加 class\n parentElement.classList.add(clickSelectedClassName);\n } else {\n // 如果父元素已经有指定的 class,则移除 class\n parentElement.classList.remove(clickSelectedClassName);\n }\n }\n\n return {\n onClick: (event: any) => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n // 处理背景激活逻辑\n onClickSelectedBg(event);\n // 处理单击事件业务\n onClick();\n // 回传数据 自定义单击后的业务\n click ? click(record, index) : undefined;\n }, 200);\n }, // 点击行\n onDblclick: () => {\n clearTimeout(clickTimeout);\n // 回传数据 自定义单击后的业务\n dbClick ? dbClick(record, index) : undefined;\n }\n };\n };\n }\n\n const actionStop = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n const expandRowByClick = computed(() => {\n const { selection } = props.config;\n return selection === \"N\";\n });\n const tableSlots: any = {};\n if (slots.expandedRowRender) {\n tableSlots.expandedRowRender = (record: any) => {\n return (\n <>{slots.expandedRowRender && slots.expandedRowRender(record)}</>\n );\n };\n }\n const summary = () => {\n return <>{slots.summary && slots.summary()}</>;\n };\n\n /**\n * 展开行事件\n * @param expanded\n * @param record\n */\n const onExpand = (expanded: any, record: any) => {\n props.config.onExpand && props.config.onExpand({ expanded, record });\n };\n\n return () => (\n <div ref={tableRootRef}>\n <Table\n ref={tableRef}\n row-key={props.rowKey}\n bordered={props.config.bordered}\n {...attrs}\n columns={columns.value}\n dataSource={dataSource.value}\n loading={props.loading}\n size={props.config?.size ?? \"small\"}\n scroll={{\n scrollToFirstRowOnChange: true,\n x: \"100%\",\n y: tableHeight.value + \"px\"\n }}\n v-model:expandedRowKeys={expandedKeys.value}\n expandRowByClick={expandRowByClick.value}\n defaultExpandAllRows={props.defaultExpandAllRows}\n pagination={false}\n customRow={customRow}\n rowSelection={rowSelection.value}\n rowClassName={onRowClassName}\n onExpand={onExpand}\n >\n {{\n bodyCell: ({ column, record, index }: any) => {\n if (column.slot === \"action\") {\n return (\n <div onClick={actionStop} onDblclick={actionStop}>\n <Space>\n {slots.action && slots.action({ record, index })}\n </Space>\n </div>\n );\n }\n },\n ...tableSlots,\n // 总结栏插槽\n summary: summary\n }}\n </Table>\n <Pagination\n v-show={props.config.pagination}\n class={[basePageClassName]}\n v-model:current={paginationState.value.current}\n v-model:pageSize={paginationState.value.pageSize}\n disabled={props.loading}\n show-size-changer\n size={\"default\"}\n hide-on-single-page={paginationConfig.hideOnSinglePage}\n show-quick-jumper={paginationConfig.showQuickJumper}\n default-page-size={paginationConfig.defaultPageSize}\n page-size-options={paginationConfig.pageSizeOptions}\n show-total={paginationConfig.showTotal}\n total={paginationState.value.total}\n onChange={onPageChange}\n />\n </div>\n );\n }\n});\n\nexport default DXTable;\n"],"names":["tableProps","data","type","Object","required","height","Number","default","keys","Array","rowKey","String","loading","Boolean","pagination","config","expandedRowKeys","defaultExpandAllRows","basePageClassName","prefixName","DXTable","defineComponent","name","inheritAttrs","props","emits","setup","emit","slots","attrs","paginationConfig","reactive","defaultPageSize","hideOnSinglePage","pageSizeOptions","responsive","showQuickJumper","showLessItems","showTotal","total","selectedRowKeys","ref","dataSource","computed","columns","paginationState","expandedKeys","pageOption","sizeOptions","defaultSize","watchEffect","value","tableRef","tableRootRef","tableHeight","onPageChange","onRowClassName","useTable","rowClassName","keepSelected","onChange","selection","isInit","antTableBodyRef","playHeight","tableEl","$el","headerHeight","useEleHeight","getElementsByClassName","paginationHeight","paginationEl","style","e","console","warn","nextTick","setTimeout","page","size","scrollTop","record","index","undefined","rowSelection","useRowSelection","getCheckboxProps","localSelection","onSelect","selected","concat","filter","key","onSelectAll","selectedRows","changeRows","_ids","map","includes","watch","val","fixed","columnTitle","columnWidth","customRow","useCustomRow","clickTimeout","click","dbClick","id","onClick","checkEnable","disabled","haveState","some","push","onClickSelectedBg","event","clickSelectedClassName","curEl","target","parentElement","parentNode","classList","contains","add","remove","clearTimeout","onDblclick","actionStop","stopPropagation","expandRowByClick","tableSlots","expandedRowRender","_createVNode","_Fragment","summary","onExpand","expanded","Table","_mergeProps","bordered","scrollToFirstRowOnChange","x","y","$event","bodyCell","column","slot","Space","action","_withDirectives","Pagination","current","pageSize","_vShow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.cjs","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n nextTick,\n PropType,\n reactive,\n ref,\n watch\n // watchEffect\n} from \"vue\";\nimport { Pagination, Space, Table } from \"ant-design-vue\";\nimport { useEleHeight } from \"../_utils/html\";\nimport { prefixName } from \"../theme\";\n\nimport type { TableProps, Key } from \"./interface/table\";\n/**\n * 表格组件 基于TSX封装ATable\n */\nconst tableProps = () => {\n return {\n data: {\n type: Object as PropType<TableProps[\"data\"]>,\n required: true\n },\n height: {\n type: Number as PropType<TableProps[\"height\"]>,\n default: 300\n },\n keys: Array as PropType<TableProps[\"keys\"]>,\n rowKey: {\n type: String as PropType<TableProps[\"rowKey\"]>,\n default: \"id\"\n },\n loading: {\n type: Boolean as PropType<TableProps[\"loading\"]>,\n default: false\n },\n pagination: {\n type: Object as PropType<TableProps[\"pagination\"]>,\n default: () => ({})\n },\n config: {\n type: Object as PropType<TableProps[\"config\"]>,\n default: () => ({})\n },\n expandedRowKeys: {\n type: Object as PropType<TableProps[\"expandedRowKeys\"]>,\n default: () => []\n },\n defaultExpandAllRows: {\n type: Boolean as PropType<TableProps[\"defaultExpandAllRows\"]>,\n default: () => true\n }\n };\n};\n\n// 使用有问题\n// const tableEmits = defineEmits<{\n// \"update:keys\": (keys: []) => void;\n// }>();\n// interface MyEvents {\n// [key: string]: (...args: any[]) => void;\n// \"update:keys\": (keys: []) => void;\n// }\n\n//分页class名称\nconst basePageClassName = `${prefixName}-pagination`;\n\n/**\n * 表格组件定义\n */\nconst DXTable = defineComponent({\n name: \"DTable\",\n inheritAttrs: false,\n props: tableProps(),\n // emits: { \"update:keys\": (keys: []) => void }\n // TODO 需要做调整\n emits: [\"update:keys\"],\n setup: function (props, { emit, slots, attrs }) {\n //分页默认配置\n const paginationConfig = reactive({\n defaultPageSize: 20,\n hideOnSinglePage: false,\n pageSizeOptions: [\"10\", \"20\", \"30\", \"40\"],\n responsive: true,\n showQuickJumper: true,\n showLessItems: true,\n showTotal: (total: number) => {\n return `总共 ${total} 条`;\n }\n });\n\n // 保存选中的唯一id\n const selectedRowKeys = ref<any>(props.keys || []);\n // 数据源\n const dataSource = computed(() => props.data);\n // 表格列\n const columns = computed(() => props.config?.columns ?? []);\n const paginationState = computed(\n () => props.config?.pagination ?? ({} as any)\n );\n // 展开行\n // eslint-disable-next-line vue/no-setup-props-destructure\n const expandedKeys = ref<any>(props.expandedRowKeys);\n // 分页条数配置\n paginationConfig.pageSizeOptions =\n props.config?.pageOption?.sizeOptions ?? paginationConfig.pageSizeOptions;\n // 默认条数\n paginationConfig.defaultPageSize =\n props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;\n\n //TODO 后续改进\n // watchEffect(() => {\n // const { expandedRowKeys } = props;\n // expandedKeys.value = expandedRowKeys;\n // });\n\n // 初始化表格\n const {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n } = useTable();\n\n function useTable() {\n const {\n rowClassName,\n keepSelected,\n onPageChange: onChange\n } = props.config;\n\n const selection = props.config.selection ?? \"N\";\n const isInit = ref(false);\n // 表格根div\n const tableRootRef = ref<HTMLElement>();\n // 表格组件对象\n const tableRef = ref<any>(null);\n // 表格计算出来的高度\n const tableHeight = ref<number>();\n // 表格body对象\n const antTableBodyRef = ref<any>(null);\n // 计算高度\n const playHeight = (height: number) => {\n try {\n const tableEl = tableRef?.value?.$el;\n const headerHeight = useEleHeight(\n tableEl.getElementsByClassName(\"ant-table-header\")[0]\n );\n isInit.value = true;\n // 获取分页组件高度\n let paginationHeight = 0;\n if (props.config.pagination) {\n const paginationEl =\n tableRootRef.value?.getElementsByClassName(basePageClassName)[0];\n paginationHeight = useEleHeight(paginationEl as any) ?? 0;\n }\n tableHeight.value = height - (headerHeight + paginationHeight);\n\n // 设置body高度\n tableEl.getElementsByClassName(\"ant-table-body\")[0].style.height =\n tableHeight.value + \"px\";\n // 表格body对象 用于切换页码后滚动条置顶\n antTableBodyRef.value =\n tableEl.getElementsByClassName(\"ant-table-body\")[0];\n } catch (e) {\n console.warn(e);\n }\n };\n //监听传入的height的变化 默认组件创建的时候会执行一次\n // watchEffect(() => {\n // if (props.height !== 0) {\n // nextTick(() => {\n // if (isInit.value) {\n // playHeight(props.height);\n // } else {\n // // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n // setTimeout(() => {\n // playHeight(props.height);\n // // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n // }, 100);\n // }\n // });\n // }\n // });\n watch(\n () => props.height,\n (val) => {\n if (val !== 0) {\n nextTick(() => {\n if (isInit.value) {\n playHeight(props.height);\n } else {\n // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n setTimeout(() => {\n playHeight(props.height);\n // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n }, 100);\n }\n });\n }\n }\n );\n // 监听分页组件\n const onPageChange = (page: number, size: number) => {\n onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;\n // 切换分页的时候,表体滚动到顶部\n antTableBodyRef.value.scrollTop = 0;\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\n // 清空历史选中数据\n if (selection === \"S\" || !keepSelected) {\n selectedRowKeys.value = [];\n emit(\"update:keys\", selectedRowKeys.value);\n }\n };\n //自定义样式\n const onRowClassName = (record: any, index: number) => {\n return rowClassName ? rowClassName(record, index) : undefined;\n };\n return {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n };\n }\n\n //表格选中配置\n const rowSelection = useRowSelection();\n\n function useRowSelection() {\n const {\n rowKey,\n config: { getCheckboxProps }\n } = props;\n\n let localSelection = props.config.selection ?? \"N\";\n //if (selection === \"N\") return undefined;\n\n const onSelect = (record: any, selected: any) => {\n if (localSelection === \"S\") {\n selectedRowKeys.value = [];\n selectedRowKeys.value = selected ? [record[rowKey]] : [];\n } else {\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(record[rowKey])\n : selectedRowKeys.value.filter(\n (key: Key) => key !== record[rowKey]\n );\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n const onSelectAll = (\n selected: any,\n selectedRows: any,\n changeRows: any\n ) => {\n const _ids = changeRows.map((record: any) => record[rowKey]);\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(_ids)\n : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));\n\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\n watch(\n () => props.keys,\n (val) => {\n selectedRowKeys.value = val;\n }\n );\n\n const rowSelection = ref<any>(undefined);\n\n // watchEffect(() => {\n // const { selection } = props.config;\n // localSelection = selection as any;\n // if (localSelection !== \"N\") {\n // rowSelection.value = {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n // } else {\n // rowSelection.value = undefined;\n // }\n // });\n watch(\n () => props.config.selection,\n (val) => {\n localSelection = val as any;\n if (localSelection !== \"N\") {\n rowSelection.value = {\n selectedRowKeys,\n onSelect,\n onSelectAll,\n fixed: true,\n columnTitle: localSelection === \"S\" ? \"选择\" : null,\n columnWidth: localSelection === \"S\" ? 60 : 40,\n getCheckboxProps: getCheckboxProps\n };\n } else {\n rowSelection.value = undefined;\n }\n }\n );\n\n // return {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n return rowSelection;\n }\n\n const customRow = useCustomRow();\n\n //表格行配置\n function useCustomRow() {\n return (record: any, index: any) => {\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\n let clickTimeout: any = undefined;\n const {\n rowKey,\n config: { click, dbClick, selection, getCheckboxProps }\n } = props as any;\n\n // 当前点击行的唯一ID,通过rowKey从record中取值\n const id = record[rowKey];\n\n /**\n * 处理单击事件业务\n * @param record 当前点击行数据\n */\n const onClick = () => {\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\n // 否则checkEnable为false\n const checkEnable =\n getCheckboxProps === undefined\n ? false\n : getCheckboxProps(record).disabled;\n\n if (selection === \"N\" || checkEnable) {\n // 1. 未开启复选框 则不处理数据选中操作\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\n // 方法返回的disabled为true就不执行\n // 复选框选中的操作\n return;\n }\n const haveState = selectedRowKeys.value.some(\n (key: Key) => key === id\n );\n if (haveState) {\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\n selectedRowKeys.value = selectedRowKeys.value.filter(\n (key: Key) => key !== id\n );\n } else {\n if (selection === \"S\") {\n //单选的时候 清空选中的数据 再赋值新的ID\n selectedRowKeys.value = [];\n selectedRowKeys.value.push(id);\n } else {\n //多选直接追加ID\n selectedRowKeys.value.push(id);\n }\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n function onClickSelectedBg(event: any) {\n const { clickSelectedClassName } = props.config;\n if (!clickSelectedClassName) return;\n const curEl = event.target;\n // 找到父元素\n const parentElement = curEl.parentNode;\n // 判断父元素是否有某个 class\n if (!parentElement.classList.contains(clickSelectedClassName)) {\n // 如果父元素没有指定的 class,则添加 class\n parentElement.classList.add(clickSelectedClassName);\n } else {\n // 如果父元素已经有指定的 class,则移除 class\n parentElement.classList.remove(clickSelectedClassName);\n }\n }\n\n return {\n onClick: (event: any) => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n // 处理背景激活逻辑\n onClickSelectedBg(event);\n // 处理单击事件业务\n onClick();\n // 回传数据 自定义单击后的业务\n click ? click(record, index) : undefined;\n }, 200);\n }, // 点击行\n onDblclick: () => {\n clearTimeout(clickTimeout);\n // 回传数据 自定义单击后的业务\n dbClick ? dbClick(record, index) : undefined;\n }\n };\n };\n }\n\n const actionStop = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n const expandRowByClick = computed(() => {\n const { selection } = props.config;\n return selection === \"N\";\n });\n const tableSlots: any = {};\n if (slots.expandedRowRender) {\n tableSlots.expandedRowRender = (record: any) => {\n return (\n <>{slots.expandedRowRender && slots.expandedRowRender(record)}</>\n );\n };\n }\n const summary = () => {\n return <>{slots.summary && slots.summary()}</>;\n };\n\n /**\n * 展开行事件\n * @param expanded\n * @param record\n */\n const onExpand = (expanded: any, record: any) => {\n props.config.onExpand && props.config.onExpand({ expanded, record });\n };\n\n return () => (\n <div ref={tableRootRef}>\n <Table\n ref={tableRef}\n row-key={props.rowKey}\n bordered={props.config.bordered}\n {...attrs}\n columns={columns.value}\n dataSource={dataSource.value}\n loading={props.loading}\n size={props.config?.size ?? \"small\"}\n scroll={{\n scrollToFirstRowOnChange: true,\n x: \"100%\",\n y: tableHeight.value + \"px\"\n }}\n v-model:expandedRowKeys={expandedKeys.value}\n expandRowByClick={expandRowByClick.value}\n defaultExpandAllRows={props.defaultExpandAllRows}\n pagination={false}\n customRow={customRow}\n rowSelection={rowSelection.value}\n rowClassName={onRowClassName}\n onExpand={onExpand}\n >\n {{\n bodyCell: ({ column, record, index }: any) => {\n if (column.slot === \"action\") {\n return (\n <div onClick={actionStop} onDblclick={actionStop}>\n <Space>\n {slots.action && slots.action({ record, index })}\n </Space>\n </div>\n );\n }\n },\n ...tableSlots,\n // 总结栏插槽\n summary: summary\n }}\n </Table>\n <Pagination\n v-show={props.config.pagination}\n class={[basePageClassName]}\n v-model:current={paginationState.value.current}\n v-model:pageSize={paginationState.value.pageSize}\n disabled={props.loading}\n show-size-changer\n size={\"default\"}\n hide-on-single-page={paginationConfig.hideOnSinglePage}\n show-quick-jumper={paginationConfig.showQuickJumper}\n default-page-size={paginationConfig.defaultPageSize}\n page-size-options={paginationConfig.pageSizeOptions}\n show-total={paginationConfig.showTotal}\n total={paginationState.value.total}\n onChange={onPageChange}\n />\n </div>\n );\n }\n});\n\nexport default DXTable;\n"],"names":["tableProps","data","type","Object","required","height","Number","default","keys","Array","rowKey","String","loading","Boolean","pagination","config","expandedRowKeys","defaultExpandAllRows","basePageClassName","prefixName","DXTable","defineComponent","name","inheritAttrs","props","emits","setup","emit","slots","attrs","paginationConfig","reactive","defaultPageSize","hideOnSinglePage","pageSizeOptions","responsive","showQuickJumper","showLessItems","showTotal","total","selectedRowKeys","ref","dataSource","computed","columns","paginationState","expandedKeys","pageOption","sizeOptions","defaultSize","tableRef","tableRootRef","tableHeight","onPageChange","onRowClassName","useTable","rowClassName","keepSelected","onChange","selection","isInit","antTableBodyRef","playHeight","tableEl","value","$el","headerHeight","useEleHeight","getElementsByClassName","paginationHeight","paginationEl","style","e","console","warn","watch","val","nextTick","setTimeout","page","size","scrollTop","record","index","undefined","rowSelection","useRowSelection","getCheckboxProps","localSelection","onSelect","selected","concat","filter","key","onSelectAll","selectedRows","changeRows","_ids","map","includes","fixed","columnTitle","columnWidth","customRow","useCustomRow","clickTimeout","click","dbClick","id","onClick","checkEnable","disabled","haveState","some","push","onClickSelectedBg","event","clickSelectedClassName","curEl","target","parentElement","parentNode","classList","contains","add","remove","clearTimeout","onDblclick","actionStop","stopPropagation","expandRowByClick","tableSlots","expandedRowRender","_createVNode","_Fragment","summary","onExpand","expanded","Table","_mergeProps","bordered","scrollToFirstRowOnChange","x","y","$event","bodyCell","column","slot","Space","action","_withDirectives","Pagination","current","pageSize","_vShow"],"mappings":"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"}
|
|
@@ -1,4 +1,15 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
showConfig: {
|
|
3
|
+
type: null;
|
|
4
|
+
required: false;
|
|
5
|
+
default: any;
|
|
6
|
+
};
|
|
7
|
+
breadcrumbStatus: {
|
|
8
|
+
type: BooleanConstructor;
|
|
9
|
+
required: false;
|
|
10
|
+
};
|
|
11
|
+
}, {
|
|
12
|
+
props: any;
|
|
2
13
|
store: import("pinia").Store<string, {
|
|
3
14
|
list: string[];
|
|
4
15
|
}, {
|
|
@@ -41,7 +52,6 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
41
52
|
}>;
|
|
42
53
|
switchCollapsed: () => void;
|
|
43
54
|
collapsedStatus: import("vue").ComputedRef<boolean>;
|
|
44
|
-
keepAliveRef: import("vue").Ref<any>;
|
|
45
55
|
readonly MenuFoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuFoldOutlined").MenuFoldOutlinedIconType;
|
|
46
56
|
readonly MenuUnfoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuUnfoldOutlined").MenuUnfoldOutlinedIconType;
|
|
47
57
|
DNavTabs: import("vue").DefineComponent<{}, {
|
|
@@ -125,5 +135,18 @@ declare const _default: import("vue").DefineComponent<{}, {
|
|
|
125
135
|
readonly CloseOutlined: import("@ant-design/icons-vue/lib/icons/CloseOutlined").CloseOutlinedIconType;
|
|
126
136
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
127
137
|
readonly Menu: import("vue").DefineComponent<{}, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
|
|
128
|
-
},
|
|
138
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
139
|
+
showConfig: {
|
|
140
|
+
type: null;
|
|
141
|
+
required: false;
|
|
142
|
+
default: any;
|
|
143
|
+
};
|
|
144
|
+
breadcrumbStatus: {
|
|
145
|
+
type: BooleanConstructor;
|
|
146
|
+
required: false;
|
|
147
|
+
};
|
|
148
|
+
}>>, {
|
|
149
|
+
showConfig: any;
|
|
150
|
+
breadcrumbStatus: boolean;
|
|
151
|
+
}, {}>;
|
|
129
152
|
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent,
|
|
1
|
+
import { defineComponent, provide, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, Transition, KeepAlive, resolveDynamicComponent } from 'vue';
|
|
2
2
|
import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
|
|
3
3
|
import { useKeepAliveStore, useSettingsStore } from '@ditari/store';
|
|
4
4
|
import DNavTabs from './NavTabs.vue.mjs';
|
|
@@ -9,17 +9,18 @@ const _hoisted_2 = { class: "ditari-menu" };
|
|
|
9
9
|
const _hoisted_3 = { class: "ditari-user-menu" };
|
|
10
10
|
var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
11
11
|
__name: "FuckMain",
|
|
12
|
+
props: {
|
|
13
|
+
"showConfig": { type: null, required: false, default: { backBtn: "LeftOutlined" } },
|
|
14
|
+
"breadcrumbStatus": { type: Boolean, required: false }
|
|
15
|
+
},
|
|
12
16
|
setup(__props) {
|
|
17
|
+
const props = __props;
|
|
18
|
+
provide("showConfig", props.showConfig);
|
|
13
19
|
const store = useKeepAliveStore();
|
|
14
20
|
const keepAliveNames = computed(() => store.get);
|
|
15
21
|
const settingsStore = useSettingsStore();
|
|
16
22
|
const { switchCollapsed } = settingsStore;
|
|
17
23
|
const collapsedStatus = computed(() => settingsStore.getCollapsed);
|
|
18
|
-
const keepAliveRef = ref();
|
|
19
|
-
nextTick(() => {
|
|
20
|
-
const instance = getCurrentInstance();
|
|
21
|
-
console.log(instance);
|
|
22
|
-
});
|
|
23
24
|
return (_ctx, _cache) => {
|
|
24
25
|
const _component_a_layout_sider = resolveComponent("a-layout-sider");
|
|
25
26
|
const _component_router_view = resolveComponent("router-view");
|
|
@@ -86,12 +87,36 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
86
87
|
class: "ditari-layout-content"
|
|
87
88
|
}, {
|
|
88
89
|
default: withCtx(() => [
|
|
89
|
-
createVNode(_component_router_view
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
90
|
+
createVNode(_component_router_view, null, {
|
|
91
|
+
default: withCtx(({ Component }) => [
|
|
92
|
+
createVNode(
|
|
93
|
+
Transition,
|
|
94
|
+
{
|
|
95
|
+
name: "main",
|
|
96
|
+
mode: "out-in",
|
|
97
|
+
appear: ""
|
|
98
|
+
},
|
|
99
|
+
{
|
|
100
|
+
default: withCtx(() => [
|
|
101
|
+
(openBlock(), createBlock(KeepAlive, {
|
|
102
|
+
ref: "keepAliveRef",
|
|
103
|
+
include: keepAliveNames.value
|
|
104
|
+
}, [
|
|
105
|
+
(openBlock(), createBlock(resolveDynamicComponent(Component), {
|
|
106
|
+
key: _ctx.$route.path
|
|
107
|
+
}))
|
|
108
|
+
], 1032, ["include"]))
|
|
109
|
+
]),
|
|
110
|
+
_: 2
|
|
111
|
+
/* DYNAMIC */
|
|
112
|
+
},
|
|
113
|
+
1024
|
|
114
|
+
/* DYNAMIC_SLOTS */
|
|
115
|
+
)
|
|
116
|
+
]),
|
|
117
|
+
_: 1
|
|
118
|
+
/* STABLE */
|
|
119
|
+
}),
|
|
95
120
|
renderSlot(_ctx.$slots, "micro")
|
|
96
121
|
]),
|
|
97
122
|
_: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FuckMain.vue2.mjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed,
|
|
1
|
+
{"version":3,"file":"FuckMain.vue2.mjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-nav-tabs />\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n <a-layout-content\n style=\"margin-top: 42px\"\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAoBA,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;AAGtC,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent,
|
|
1
|
+
import { defineComponent, provide, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, Transition, KeepAlive, resolveDynamicComponent } from 'vue';
|
|
2
2
|
import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
|
|
3
3
|
import { useKeepAliveStore, useSettingsStore } from '@ditari/store';
|
|
4
4
|
import DNavTabs from './NavTabs.vue.mjs';
|
|
@@ -18,12 +18,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
18
18
|
},
|
|
19
19
|
setup(__props) {
|
|
20
20
|
const props = __props;
|
|
21
|
+
provide("showConfig", props.showConfig);
|
|
21
22
|
const store = useKeepAliveStore();
|
|
22
23
|
const keepAliveNames = computed(() => store.get);
|
|
23
24
|
const settingsStore = useSettingsStore();
|
|
24
25
|
const { switchCollapsed } = settingsStore;
|
|
25
26
|
const collapsedStatus = computed(() => settingsStore.getCollapsed);
|
|
26
|
-
provide("showConfig", props.showConfig);
|
|
27
27
|
return (_ctx, _cache) => {
|
|
28
28
|
const _component_a_layout_sider = resolveComponent("a-layout-sider");
|
|
29
29
|
const _component_router_view = resolveComponent("router-view");
|
|
@@ -97,14 +97,36 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
97
97
|
style: normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "200px" })
|
|
98
98
|
}, {
|
|
99
99
|
default: withCtx(() => [
|
|
100
|
-
createVNode(_component_router_view
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
100
|
+
createVNode(_component_router_view, null, {
|
|
101
|
+
default: withCtx(({ Component }) => [
|
|
102
|
+
createVNode(
|
|
103
|
+
Transition,
|
|
104
|
+
{
|
|
105
|
+
name: "main",
|
|
106
|
+
mode: "out-in",
|
|
107
|
+
appear: ""
|
|
108
|
+
},
|
|
109
|
+
{
|
|
110
|
+
default: withCtx(() => [
|
|
111
|
+
(openBlock(), createBlock(KeepAlive, {
|
|
112
|
+
ref: "keepAliveRef",
|
|
113
|
+
include: keepAliveNames.value
|
|
114
|
+
}, [
|
|
115
|
+
(openBlock(), createBlock(resolveDynamicComponent(Component), {
|
|
116
|
+
key: _ctx.$route.path
|
|
117
|
+
}))
|
|
118
|
+
], 1032, ["include"]))
|
|
119
|
+
]),
|
|
120
|
+
_: 2
|
|
121
|
+
/* DYNAMIC */
|
|
122
|
+
},
|
|
123
|
+
1024
|
|
124
|
+
/* DYNAMIC_SLOTS */
|
|
125
|
+
)
|
|
126
|
+
]),
|
|
127
|
+
_: 1
|
|
128
|
+
/* STABLE */
|
|
129
|
+
}),
|
|
108
130
|
renderSlot(_ctx.$slots, "micro")
|
|
109
131
|
]),
|
|
110
132
|
_: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Main.vue2.mjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n
|
|
1
|
+
{"version":3,"file":"Main.vue2.mjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n// 注入show组件的配置文件\n// eslint-disable-next-line vue/no-setup-props-destructure\nprovide(\"showConfig\", props.showConfig);\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <d-nav-tabs />\n <div class=\"ditari-layout-header\">\n <div class=\"ditari-layout-header-left\">\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-breadcrumb />\n </div>\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n </div>\n <a-layout-content\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;AAEtC,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/esm/table/Table.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { defineComponent, reactive, ref, computed,
|
|
1
|
+
import { defineComponent, reactive, ref, computed, watch, nextTick, createVNode, Fragment, mergeProps, withDirectives, vShow } from 'vue';
|
|
2
2
|
import { Table, Space, Pagination } from 'ant-design-vue';
|
|
3
3
|
import { useEleHeight } from '../_utils/html.mjs';
|
|
4
4
|
import { prefixName } from '../theme/index.mjs';
|
|
@@ -97,12 +97,6 @@ const DXTable = /* @__PURE__ */ defineComponent({
|
|
|
97
97
|
const expandedKeys = ref(props.expandedRowKeys);
|
|
98
98
|
paginationConfig.pageSizeOptions = (_c = (_b = (_a = props.config) == null ? void 0 : _a.pageOption) == null ? void 0 : _b.sizeOptions) != null ? _c : paginationConfig.pageSizeOptions;
|
|
99
99
|
paginationConfig.defaultPageSize = (_f = (_e = (_d = props.config) == null ? void 0 : _d.pageOption) == null ? void 0 : _e.defaultSize) != null ? _f : paginationConfig.defaultPageSize;
|
|
100
|
-
watchEffect(() => {
|
|
101
|
-
const {
|
|
102
|
-
expandedRowKeys
|
|
103
|
-
} = props;
|
|
104
|
-
expandedKeys.value = expandedRowKeys;
|
|
105
|
-
});
|
|
106
100
|
const {
|
|
107
101
|
tableRef,
|
|
108
102
|
tableRootRef,
|
|
@@ -141,8 +135,8 @@ const DXTable = /* @__PURE__ */ defineComponent({
|
|
|
141
135
|
console.warn(e);
|
|
142
136
|
}
|
|
143
137
|
};
|
|
144
|
-
|
|
145
|
-
if (
|
|
138
|
+
watch(() => props.height, (val) => {
|
|
139
|
+
if (val !== 0) {
|
|
146
140
|
nextTick(() => {
|
|
147
141
|
if (isInit.value) {
|
|
148
142
|
playHeight(props.height);
|
|
@@ -204,11 +198,8 @@ const DXTable = /* @__PURE__ */ defineComponent({
|
|
|
204
198
|
selectedRowKeys.value = val;
|
|
205
199
|
});
|
|
206
200
|
const rowSelection2 = ref(void 0);
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
selection
|
|
210
|
-
} = props.config;
|
|
211
|
-
localSelection = selection;
|
|
201
|
+
watch(() => props.config.selection, (val) => {
|
|
202
|
+
localSelection = val;
|
|
212
203
|
if (localSelection !== "N") {
|
|
213
204
|
rowSelection2.value = {
|
|
214
205
|
selectedRowKeys,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.mjs","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n nextTick,\n PropType,\n reactive,\n ref,\n watch,\n watchEffect\n} from \"vue\";\nimport { Pagination, Space, Table } from \"ant-design-vue\";\nimport { useEleHeight } from \"../_utils/html\";\nimport { prefixName } from \"../theme\";\n\nimport type { TableProps, Key } from \"./interface/table\";\n/**\n * 表格组件 基于TSX封装ATable\n */\nconst tableProps = () => {\n return {\n data: {\n type: Object as PropType<TableProps[\"data\"]>,\n required: true\n },\n height: {\n type: Number as PropType<TableProps[\"height\"]>,\n default: 300\n },\n keys: Array as PropType<TableProps[\"keys\"]>,\n rowKey: {\n type: String as PropType<TableProps[\"rowKey\"]>,\n default: \"id\"\n },\n loading: {\n type: Boolean as PropType<TableProps[\"loading\"]>,\n default: false\n },\n pagination: {\n type: Object as PropType<TableProps[\"pagination\"]>,\n default: () => ({})\n },\n config: {\n type: Object as PropType<TableProps[\"config\"]>,\n default: () => ({})\n },\n expandedRowKeys: {\n type: Object as PropType<TableProps[\"expandedRowKeys\"]>,\n default: () => []\n },\n defaultExpandAllRows: {\n type: Boolean as PropType<TableProps[\"defaultExpandAllRows\"]>,\n default: () => true\n }\n };\n};\n\n// 使用有问题\n// const tableEmits = defineEmits<{\n// \"update:keys\": (keys: []) => void;\n// }>();\n// interface MyEvents {\n// [key: string]: (...args: any[]) => void;\n// \"update:keys\": (keys: []) => void;\n// }\n\n//分页class名称\nconst basePageClassName = `${prefixName}-pagination`;\n\n/**\n * 表格组件定义\n */\nconst DXTable = defineComponent({\n name: \"DTable\",\n inheritAttrs: false,\n props: tableProps(),\n // emits: { \"update:keys\": (keys: []) => void }\n // TODO 需要做调整\n emits: [\"update:keys\"],\n setup: function (props, { emit, slots, attrs }) {\n //分页默认配置\n const paginationConfig = reactive({\n defaultPageSize: 20,\n hideOnSinglePage: false,\n pageSizeOptions: [\"10\", \"20\", \"30\", \"40\"],\n responsive: true,\n showQuickJumper: true,\n showLessItems: true,\n showTotal: (total: number) => {\n return `总共 ${total} 条`;\n }\n });\n\n // 保存选中的唯一id\n const selectedRowKeys = ref<any>(props.keys || []);\n // 数据源\n const dataSource = computed(() => props.data);\n // 表格列\n const columns = computed(() => props.config?.columns ?? []);\n const paginationState = computed(\n () => props.config?.pagination ?? ({} as any)\n );\n // 展开行\n // eslint-disable-next-line vue/no-setup-props-destructure\n const expandedKeys = ref<any>(props.expandedRowKeys);\n // 分页条数配置\n paginationConfig.pageSizeOptions =\n props.config?.pageOption?.sizeOptions ?? paginationConfig.pageSizeOptions;\n // 默认条数\n paginationConfig.defaultPageSize =\n props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;\n\n watchEffect(() => {\n const { expandedRowKeys } = props;\n expandedKeys.value = expandedRowKeys;\n });\n\n // 初始化表格\n const {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n } = useTable();\n\n function useTable() {\n const {\n rowClassName,\n keepSelected,\n onPageChange: onChange\n } = props.config;\n\n const selection = props.config.selection ?? \"N\";\n const isInit = ref(false);\n // 表格根div\n const tableRootRef = ref<HTMLElement>();\n // 表格组件对象\n const tableRef = ref<any>(null);\n // 表格计算出来的高度\n const tableHeight = ref<number>();\n // 表格body对象\n const antTableBodyRef = ref<any>(null);\n // 计算高度\n const playHeight = (height: number) => {\n try {\n const tableEl = tableRef?.value?.$el;\n const headerHeight = useEleHeight(\n tableEl.getElementsByClassName(\"ant-table-header\")[0]\n );\n isInit.value = true;\n // 获取分页组件高度\n let paginationHeight = 0;\n if (props.config.pagination) {\n const paginationEl =\n tableRootRef.value?.getElementsByClassName(basePageClassName)[0];\n paginationHeight = useEleHeight(paginationEl as any) ?? 0;\n }\n tableHeight.value = height - (headerHeight + paginationHeight);\n\n // 设置body高度\n tableEl.getElementsByClassName(\"ant-table-body\")[0].style.height =\n tableHeight.value + \"px\";\n // 表格body对象 用于切换页码后滚动条置顶\n antTableBodyRef.value =\n tableEl.getElementsByClassName(\"ant-table-body\")[0];\n } catch (e) {\n console.warn(e);\n }\n };\n //监听传入的height的变化 默认组件创建的时候会执行一次\n watchEffect(() => {\n if (props.height !== 0) {\n nextTick(() => {\n if (isInit.value) {\n playHeight(props.height);\n } else {\n // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n setTimeout(() => {\n playHeight(props.height);\n // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n }, 100);\n }\n });\n }\n });\n // 监听分页组件\n const onPageChange = (page: number, size: number) => {\n onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;\n // 切换分页的时候,表体滚动到顶部\n antTableBodyRef.value.scrollTop = 0;\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\n // 清空历史选中数据\n if (selection === \"S\" || !keepSelected) {\n selectedRowKeys.value = [];\n emit(\"update:keys\", selectedRowKeys.value);\n }\n };\n //自定义样式\n const onRowClassName = (record: any, index: number) => {\n return rowClassName ? rowClassName(record, index) : undefined;\n };\n return {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n };\n }\n\n //表格选中配置\n const rowSelection = useRowSelection();\n\n function useRowSelection() {\n const {\n rowKey,\n config: { getCheckboxProps }\n } = props;\n\n let localSelection = props.config.selection ?? \"N\";\n //if (selection === \"N\") return undefined;\n\n const onSelect = (record: any, selected: any) => {\n if (localSelection === \"S\") {\n selectedRowKeys.value = [];\n selectedRowKeys.value = selected ? [record[rowKey]] : [];\n } else {\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(record[rowKey])\n : selectedRowKeys.value.filter(\n (key: Key) => key !== record[rowKey]\n );\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n const onSelectAll = (\n selected: any,\n selectedRows: any,\n changeRows: any\n ) => {\n const _ids = changeRows.map((record: any) => record[rowKey]);\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(_ids)\n : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));\n\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\n watch(\n () => props.keys,\n (val) => {\n selectedRowKeys.value = val;\n }\n );\n\n const rowSelection = ref<any>(undefined);\n\n watchEffect(() => {\n const { selection } = props.config;\n localSelection = selection as any;\n if (localSelection !== \"N\") {\n rowSelection.value = {\n selectedRowKeys,\n onSelect,\n onSelectAll,\n fixed: true,\n columnTitle: localSelection === \"S\" ? \"选择\" : null,\n columnWidth: localSelection === \"S\" ? 60 : 40,\n getCheckboxProps: getCheckboxProps\n };\n } else {\n rowSelection.value = undefined;\n }\n });\n\n // return {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n return rowSelection;\n }\n\n const customRow = useCustomRow();\n\n //表格行配置\n function useCustomRow() {\n return (record: any, index: any) => {\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\n let clickTimeout: any = undefined;\n const {\n rowKey,\n config: { click, dbClick, selection, getCheckboxProps }\n } = props as any;\n\n // 当前点击行的唯一ID,通过rowKey从record中取值\n const id = record[rowKey];\n\n /**\n * 处理单击事件业务\n * @param record 当前点击行数据\n */\n const onClick = () => {\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\n // 否则checkEnable为false\n const checkEnable =\n getCheckboxProps === undefined\n ? false\n : getCheckboxProps(record).disabled;\n\n if (selection === \"N\" || checkEnable) {\n // 1. 未开启复选框 则不处理数据选中操作\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\n // 方法返回的disabled为true就不执行\n // 复选框选中的操作\n return;\n }\n const haveState = selectedRowKeys.value.some(\n (key: Key) => key === id\n );\n if (haveState) {\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\n selectedRowKeys.value = selectedRowKeys.value.filter(\n (key: Key) => key !== id\n );\n } else {\n if (selection === \"S\") {\n //单选的时候 清空选中的数据 再赋值新的ID\n selectedRowKeys.value = [];\n selectedRowKeys.value.push(id);\n } else {\n //多选直接追加ID\n selectedRowKeys.value.push(id);\n }\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n function onClickSelectedBg(event: any) {\n const { clickSelectedClassName } = props.config;\n if (!clickSelectedClassName) return;\n const curEl = event.target;\n // 找到父元素\n const parentElement = curEl.parentNode;\n // 判断父元素是否有某个 class\n if (!parentElement.classList.contains(clickSelectedClassName)) {\n // 如果父元素没有指定的 class,则添加 class\n parentElement.classList.add(clickSelectedClassName);\n } else {\n // 如果父元素已经有指定的 class,则移除 class\n parentElement.classList.remove(clickSelectedClassName);\n }\n }\n\n return {\n onClick: (event: any) => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n // 处理背景激活逻辑\n onClickSelectedBg(event);\n // 处理单击事件业务\n onClick();\n // 回传数据 自定义单击后的业务\n click ? click(record, index) : undefined;\n }, 200);\n }, // 点击行\n onDblclick: () => {\n clearTimeout(clickTimeout);\n // 回传数据 自定义单击后的业务\n dbClick ? dbClick(record, index) : undefined;\n }\n };\n };\n }\n\n const actionStop = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n const expandRowByClick = computed(() => {\n const { selection } = props.config;\n return selection === \"N\";\n });\n const tableSlots: any = {};\n if (slots.expandedRowRender) {\n tableSlots.expandedRowRender = (record: any) => {\n return (\n <>{slots.expandedRowRender && slots.expandedRowRender(record)}</>\n );\n };\n }\n const summary = () => {\n return <>{slots.summary && slots.summary()}</>;\n };\n\n /**\n * 展开行事件\n * @param expanded\n * @param record\n */\n const onExpand = (expanded: any, record: any) => {\n props.config.onExpand && props.config.onExpand({ expanded, record });\n };\n\n return () => (\n <div ref={tableRootRef}>\n <Table\n ref={tableRef}\n row-key={props.rowKey}\n bordered={props.config.bordered}\n {...attrs}\n columns={columns.value}\n dataSource={dataSource.value}\n loading={props.loading}\n size={props.config?.size ?? \"small\"}\n scroll={{\n scrollToFirstRowOnChange: true,\n x: \"100%\",\n y: tableHeight.value + \"px\"\n }}\n v-model:expandedRowKeys={expandedKeys.value}\n expandRowByClick={expandRowByClick.value}\n defaultExpandAllRows={props.defaultExpandAllRows}\n pagination={false}\n customRow={customRow}\n rowSelection={rowSelection.value}\n rowClassName={onRowClassName}\n onExpand={onExpand}\n >\n {{\n bodyCell: ({ column, record, index }: any) => {\n if (column.slot === \"action\") {\n return (\n <div onClick={actionStop} onDblclick={actionStop}>\n <Space>\n {slots.action && slots.action({ record, index })}\n </Space>\n </div>\n );\n }\n },\n ...tableSlots,\n // 总结栏插槽\n summary: summary\n }}\n </Table>\n <Pagination\n v-show={props.config.pagination}\n class={[basePageClassName]}\n v-model:current={paginationState.value.current}\n v-model:pageSize={paginationState.value.pageSize}\n disabled={props.loading}\n show-size-changer\n size={\"default\"}\n hide-on-single-page={paginationConfig.hideOnSinglePage}\n show-quick-jumper={paginationConfig.showQuickJumper}\n default-page-size={paginationConfig.defaultPageSize}\n page-size-options={paginationConfig.pageSizeOptions}\n show-total={paginationConfig.showTotal}\n total={paginationState.value.total}\n onChange={onPageChange}\n />\n </div>\n );\n }\n});\n\nexport default DXTable;\n"],"names":["tableProps","data","type","Object","required","height","Number","default","keys","Array","rowKey","String","loading","Boolean","pagination","config","expandedRowKeys","defaultExpandAllRows","basePageClassName","prefixName","DXTable","name","inheritAttrs","props","emits","setup","emit","slots","attrs","paginationConfig","reactive","defaultPageSize","hideOnSinglePage","pageSizeOptions","responsive","showQuickJumper","showLessItems","showTotal","total","selectedRowKeys","ref","dataSource","computed","columns","paginationState","expandedKeys","pageOption","sizeOptions","defaultSize","watchEffect","value","tableRef","tableRootRef","tableHeight","onPageChange","onRowClassName","useTable","rowClassName","keepSelected","onChange","selection","isInit","antTableBodyRef","playHeight","tableEl","$el","headerHeight","useEleHeight","getElementsByClassName","paginationHeight","paginationEl","style","e","console","warn","nextTick","setTimeout","page","size","scrollTop","record","index","undefined","rowSelection","useRowSelection","getCheckboxProps","localSelection","onSelect","selected","concat","filter","key","onSelectAll","selectedRows","changeRows","_ids","map","includes","watch","val","fixed","columnTitle","columnWidth","customRow","useCustomRow","clickTimeout","click","dbClick","id","onClick","checkEnable","disabled","haveState","some","push","onClickSelectedBg","event","clickSelectedClassName","curEl","target","parentElement","parentNode","classList","contains","add","remove","clearTimeout","onDblclick","actionStop","stopPropagation","expandRowByClick","tableSlots","expandedRowRender","_createVNode","_Fragment","summary","onExpand","expanded","Table","_mergeProps","bordered","scrollToFirstRowOnChange","x","y","$event","bodyCell","column","slot","Space","action","_withDirectives","Pagination","current","pageSize","_vShow"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.mjs","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n nextTick,\n PropType,\n reactive,\n ref,\n watch\n // watchEffect\n} from \"vue\";\nimport { Pagination, Space, Table } from \"ant-design-vue\";\nimport { useEleHeight } from \"../_utils/html\";\nimport { prefixName } from \"../theme\";\n\nimport type { TableProps, Key } from \"./interface/table\";\n/**\n * 表格组件 基于TSX封装ATable\n */\nconst tableProps = () => {\n return {\n data: {\n type: Object as PropType<TableProps[\"data\"]>,\n required: true\n },\n height: {\n type: Number as PropType<TableProps[\"height\"]>,\n default: 300\n },\n keys: Array as PropType<TableProps[\"keys\"]>,\n rowKey: {\n type: String as PropType<TableProps[\"rowKey\"]>,\n default: \"id\"\n },\n loading: {\n type: Boolean as PropType<TableProps[\"loading\"]>,\n default: false\n },\n pagination: {\n type: Object as PropType<TableProps[\"pagination\"]>,\n default: () => ({})\n },\n config: {\n type: Object as PropType<TableProps[\"config\"]>,\n default: () => ({})\n },\n expandedRowKeys: {\n type: Object as PropType<TableProps[\"expandedRowKeys\"]>,\n default: () => []\n },\n defaultExpandAllRows: {\n type: Boolean as PropType<TableProps[\"defaultExpandAllRows\"]>,\n default: () => true\n }\n };\n};\n\n// 使用有问题\n// const tableEmits = defineEmits<{\n// \"update:keys\": (keys: []) => void;\n// }>();\n// interface MyEvents {\n// [key: string]: (...args: any[]) => void;\n// \"update:keys\": (keys: []) => void;\n// }\n\n//分页class名称\nconst basePageClassName = `${prefixName}-pagination`;\n\n/**\n * 表格组件定义\n */\nconst DXTable = defineComponent({\n name: \"DTable\",\n inheritAttrs: false,\n props: tableProps(),\n // emits: { \"update:keys\": (keys: []) => void }\n // TODO 需要做调整\n emits: [\"update:keys\"],\n setup: function (props, { emit, slots, attrs }) {\n //分页默认配置\n const paginationConfig = reactive({\n defaultPageSize: 20,\n hideOnSinglePage: false,\n pageSizeOptions: [\"10\", \"20\", \"30\", \"40\"],\n responsive: true,\n showQuickJumper: true,\n showLessItems: true,\n showTotal: (total: number) => {\n return `总共 ${total} 条`;\n }\n });\n\n // 保存选中的唯一id\n const selectedRowKeys = ref<any>(props.keys || []);\n // 数据源\n const dataSource = computed(() => props.data);\n // 表格列\n const columns = computed(() => props.config?.columns ?? []);\n const paginationState = computed(\n () => props.config?.pagination ?? ({} as any)\n );\n // 展开行\n // eslint-disable-next-line vue/no-setup-props-destructure\n const expandedKeys = ref<any>(props.expandedRowKeys);\n // 分页条数配置\n paginationConfig.pageSizeOptions =\n props.config?.pageOption?.sizeOptions ?? paginationConfig.pageSizeOptions;\n // 默认条数\n paginationConfig.defaultPageSize =\n props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;\n\n //TODO 后续改进\n // watchEffect(() => {\n // const { expandedRowKeys } = props;\n // expandedKeys.value = expandedRowKeys;\n // });\n\n // 初始化表格\n const {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n } = useTable();\n\n function useTable() {\n const {\n rowClassName,\n keepSelected,\n onPageChange: onChange\n } = props.config;\n\n const selection = props.config.selection ?? \"N\";\n const isInit = ref(false);\n // 表格根div\n const tableRootRef = ref<HTMLElement>();\n // 表格组件对象\n const tableRef = ref<any>(null);\n // 表格计算出来的高度\n const tableHeight = ref<number>();\n // 表格body对象\n const antTableBodyRef = ref<any>(null);\n // 计算高度\n const playHeight = (height: number) => {\n try {\n const tableEl = tableRef?.value?.$el;\n const headerHeight = useEleHeight(\n tableEl.getElementsByClassName(\"ant-table-header\")[0]\n );\n isInit.value = true;\n // 获取分页组件高度\n let paginationHeight = 0;\n if (props.config.pagination) {\n const paginationEl =\n tableRootRef.value?.getElementsByClassName(basePageClassName)[0];\n paginationHeight = useEleHeight(paginationEl as any) ?? 0;\n }\n tableHeight.value = height - (headerHeight + paginationHeight);\n\n // 设置body高度\n tableEl.getElementsByClassName(\"ant-table-body\")[0].style.height =\n tableHeight.value + \"px\";\n // 表格body对象 用于切换页码后滚动条置顶\n antTableBodyRef.value =\n tableEl.getElementsByClassName(\"ant-table-body\")[0];\n } catch (e) {\n console.warn(e);\n }\n };\n //监听传入的height的变化 默认组件创建的时候会执行一次\n // watchEffect(() => {\n // if (props.height !== 0) {\n // nextTick(() => {\n // if (isInit.value) {\n // playHeight(props.height);\n // } else {\n // // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n // setTimeout(() => {\n // playHeight(props.height);\n // // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n // }, 100);\n // }\n // });\n // }\n // });\n watch(\n () => props.height,\n (val) => {\n if (val !== 0) {\n nextTick(() => {\n if (isInit.value) {\n playHeight(props.height);\n } else {\n // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n setTimeout(() => {\n playHeight(props.height);\n // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n }, 100);\n }\n });\n }\n }\n );\n // 监听分页组件\n const onPageChange = (page: number, size: number) => {\n onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;\n // 切换分页的时候,表体滚动到顶部\n antTableBodyRef.value.scrollTop = 0;\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\n // 清空历史选中数据\n if (selection === \"S\" || !keepSelected) {\n selectedRowKeys.value = [];\n emit(\"update:keys\", selectedRowKeys.value);\n }\n };\n //自定义样式\n const onRowClassName = (record: any, index: number) => {\n return rowClassName ? rowClassName(record, index) : undefined;\n };\n return {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n };\n }\n\n //表格选中配置\n const rowSelection = useRowSelection();\n\n function useRowSelection() {\n const {\n rowKey,\n config: { getCheckboxProps }\n } = props;\n\n let localSelection = props.config.selection ?? \"N\";\n //if (selection === \"N\") return undefined;\n\n const onSelect = (record: any, selected: any) => {\n if (localSelection === \"S\") {\n selectedRowKeys.value = [];\n selectedRowKeys.value = selected ? [record[rowKey]] : [];\n } else {\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(record[rowKey])\n : selectedRowKeys.value.filter(\n (key: Key) => key !== record[rowKey]\n );\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n const onSelectAll = (\n selected: any,\n selectedRows: any,\n changeRows: any\n ) => {\n const _ids = changeRows.map((record: any) => record[rowKey]);\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(_ids)\n : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));\n\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\n watch(\n () => props.keys,\n (val) => {\n selectedRowKeys.value = val;\n }\n );\n\n const rowSelection = ref<any>(undefined);\n\n // watchEffect(() => {\n // const { selection } = props.config;\n // localSelection = selection as any;\n // if (localSelection !== \"N\") {\n // rowSelection.value = {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n // } else {\n // rowSelection.value = undefined;\n // }\n // });\n watch(\n () => props.config.selection,\n (val) => {\n localSelection = val as any;\n if (localSelection !== \"N\") {\n rowSelection.value = {\n selectedRowKeys,\n onSelect,\n onSelectAll,\n fixed: true,\n columnTitle: localSelection === \"S\" ? \"选择\" : null,\n columnWidth: localSelection === \"S\" ? 60 : 40,\n getCheckboxProps: getCheckboxProps\n };\n } else {\n rowSelection.value = undefined;\n }\n }\n );\n\n // return {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n return rowSelection;\n }\n\n const customRow = useCustomRow();\n\n //表格行配置\n function useCustomRow() {\n return (record: any, index: any) => {\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\n let clickTimeout: any = undefined;\n const {\n rowKey,\n config: { click, dbClick, selection, getCheckboxProps }\n } = props as any;\n\n // 当前点击行的唯一ID,通过rowKey从record中取值\n const id = record[rowKey];\n\n /**\n * 处理单击事件业务\n * @param record 当前点击行数据\n */\n const onClick = () => {\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\n // 否则checkEnable为false\n const checkEnable =\n getCheckboxProps === undefined\n ? false\n : getCheckboxProps(record).disabled;\n\n if (selection === \"N\" || checkEnable) {\n // 1. 未开启复选框 则不处理数据选中操作\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\n // 方法返回的disabled为true就不执行\n // 复选框选中的操作\n return;\n }\n const haveState = selectedRowKeys.value.some(\n (key: Key) => key === id\n );\n if (haveState) {\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\n selectedRowKeys.value = selectedRowKeys.value.filter(\n (key: Key) => key !== id\n );\n } else {\n if (selection === \"S\") {\n //单选的时候 清空选中的数据 再赋值新的ID\n selectedRowKeys.value = [];\n selectedRowKeys.value.push(id);\n } else {\n //多选直接追加ID\n selectedRowKeys.value.push(id);\n }\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n function onClickSelectedBg(event: any) {\n const { clickSelectedClassName } = props.config;\n if (!clickSelectedClassName) return;\n const curEl = event.target;\n // 找到父元素\n const parentElement = curEl.parentNode;\n // 判断父元素是否有某个 class\n if (!parentElement.classList.contains(clickSelectedClassName)) {\n // 如果父元素没有指定的 class,则添加 class\n parentElement.classList.add(clickSelectedClassName);\n } else {\n // 如果父元素已经有指定的 class,则移除 class\n parentElement.classList.remove(clickSelectedClassName);\n }\n }\n\n return {\n onClick: (event: any) => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n // 处理背景激活逻辑\n onClickSelectedBg(event);\n // 处理单击事件业务\n onClick();\n // 回传数据 自定义单击后的业务\n click ? click(record, index) : undefined;\n }, 200);\n }, // 点击行\n onDblclick: () => {\n clearTimeout(clickTimeout);\n // 回传数据 自定义单击后的业务\n dbClick ? dbClick(record, index) : undefined;\n }\n };\n };\n }\n\n const actionStop = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n const expandRowByClick = computed(() => {\n const { selection } = props.config;\n return selection === \"N\";\n });\n const tableSlots: any = {};\n if (slots.expandedRowRender) {\n tableSlots.expandedRowRender = (record: any) => {\n return (\n <>{slots.expandedRowRender && slots.expandedRowRender(record)}</>\n );\n };\n }\n const summary = () => {\n return <>{slots.summary && slots.summary()}</>;\n };\n\n /**\n * 展开行事件\n * @param expanded\n * @param record\n */\n const onExpand = (expanded: any, record: any) => {\n props.config.onExpand && props.config.onExpand({ expanded, record });\n };\n\n return () => (\n <div ref={tableRootRef}>\n <Table\n ref={tableRef}\n row-key={props.rowKey}\n bordered={props.config.bordered}\n {...attrs}\n columns={columns.value}\n dataSource={dataSource.value}\n loading={props.loading}\n size={props.config?.size ?? \"small\"}\n scroll={{\n scrollToFirstRowOnChange: true,\n x: \"100%\",\n y: tableHeight.value + \"px\"\n }}\n v-model:expandedRowKeys={expandedKeys.value}\n expandRowByClick={expandRowByClick.value}\n defaultExpandAllRows={props.defaultExpandAllRows}\n pagination={false}\n customRow={customRow}\n rowSelection={rowSelection.value}\n rowClassName={onRowClassName}\n onExpand={onExpand}\n >\n {{\n bodyCell: ({ column, record, index }: any) => {\n if (column.slot === \"action\") {\n return (\n <div onClick={actionStop} onDblclick={actionStop}>\n <Space>\n {slots.action && slots.action({ record, index })}\n </Space>\n </div>\n );\n }\n },\n ...tableSlots,\n // 总结栏插槽\n summary: summary\n }}\n </Table>\n <Pagination\n v-show={props.config.pagination}\n class={[basePageClassName]}\n v-model:current={paginationState.value.current}\n v-model:pageSize={paginationState.value.pageSize}\n disabled={props.loading}\n show-size-changer\n size={\"default\"}\n hide-on-single-page={paginationConfig.hideOnSinglePage}\n show-quick-jumper={paginationConfig.showQuickJumper}\n default-page-size={paginationConfig.defaultPageSize}\n page-size-options={paginationConfig.pageSizeOptions}\n show-total={paginationConfig.showTotal}\n total={paginationState.value.total}\n onChange={onPageChange}\n />\n </div>\n );\n }\n});\n\nexport default DXTable;\n"],"names":["tableProps","data","type","Object","required","height","Number","default","keys","Array","rowKey","String","loading","Boolean","pagination","config","expandedRowKeys","defaultExpandAllRows","basePageClassName","prefixName","DXTable","name","inheritAttrs","props","emits","setup","emit","slots","attrs","paginationConfig","reactive","defaultPageSize","hideOnSinglePage","pageSizeOptions","responsive","showQuickJumper","showLessItems","showTotal","total","selectedRowKeys","ref","dataSource","computed","columns","paginationState","expandedKeys","pageOption","sizeOptions","defaultSize","tableRef","tableRootRef","tableHeight","onPageChange","onRowClassName","useTable","rowClassName","keepSelected","onChange","selection","isInit","antTableBodyRef","playHeight","tableEl","value","$el","headerHeight","useEleHeight","getElementsByClassName","paginationHeight","paginationEl","style","e","console","warn","watch","val","nextTick","setTimeout","page","size","scrollTop","record","index","undefined","rowSelection","useRowSelection","getCheckboxProps","localSelection","onSelect","selected","concat","filter","key","onSelectAll","selectedRows","changeRows","_ids","map","includes","fixed","columnTitle","columnWidth","customRow","useCustomRow","clickTimeout","click","dbClick","id","onClick","checkEnable","disabled","haveState","some","push","onClickSelectedBg","event","clickSelectedClassName","curEl","target","parentElement","parentNode","classList","contains","add","remove","clearTimeout","onDblclick","actionStop","stopPropagation","expandRowByClick","tableSlots","expandedRowRender","_createVNode","_Fragment","summary","onExpand","expanded","Table","_mergeProps","bordered","scrollToFirstRowOnChange","x","y","$event","bodyCell","column","slot","Space","action","_withDirectives","Pagination","current","pageSize","_vShow"],"mappings":"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"}
|
package/example/src/App.vue
CHANGED
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
<script setup lang="ts"></script>
|
|
2
2
|
<template>
|
|
3
|
-
<
|
|
4
|
-
<
|
|
5
|
-
|
|
6
|
-
</keep-alive>
|
|
7
|
-
</router-view>
|
|
3
|
+
<a-config-provider>
|
|
4
|
+
<router-view />
|
|
5
|
+
</a-config-provider>
|
|
8
6
|
</template>
|
|
9
7
|
<style></style>
|
|
@@ -55,20 +55,20 @@ function onAuto() {
|
|
|
55
55
|
const timer = setInterval(() => {
|
|
56
56
|
router.push("/table/add");
|
|
57
57
|
setTimeout(() => {
|
|
58
|
-
deleteTabs("/table/add");
|
|
59
|
-
router.push("/table
|
|
58
|
+
//deleteTabs("/table/add");
|
|
59
|
+
router.push("/table");
|
|
60
60
|
}, 100);
|
|
61
61
|
|
|
62
62
|
setTimeout(() => {
|
|
63
|
-
deleteTabs("/table/edit");
|
|
63
|
+
//deleteTabs("/table/edit");
|
|
64
64
|
router.push("/table/add");
|
|
65
65
|
}, 200);
|
|
66
66
|
|
|
67
67
|
i++;
|
|
68
68
|
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
69
|
+
if (i === 100) {
|
|
70
|
+
clearInterval(timer);
|
|
71
|
+
}
|
|
72
72
|
}, 300);
|
|
73
73
|
}
|
|
74
74
|
</script>
|
|
@@ -300,26 +300,7 @@ export default {
|
|
|
300
300
|
<a-button>ok</a-button>
|
|
301
301
|
</template>
|
|
302
302
|
</d-table>
|
|
303
|
-
<!-- <d-table-->
|
|
304
|
-
<!-- v-model:keys="selectedRowKeys"-->
|
|
305
|
-
<!-- row-key="id"-->
|
|
306
|
-
<!-- :loading="loading"-->
|
|
307
|
-
<!-- :expanded-row-keys="['1', '2']"-->
|
|
308
|
-
<!-- :data="data"-->
|
|
309
|
-
<!-- :config="config"-->
|
|
310
|
-
<!-- :height="200"-->
|
|
311
|
-
<!-- @change="-->
|
|
312
|
-
<!-- () => {-->
|
|
313
|
-
<!-- console.log('change');-->
|
|
314
|
-
<!-- }-->
|
|
315
|
-
<!-- "-->
|
|
316
|
-
<!-- >-->
|
|
317
|
-
<!-- <template #action>-->
|
|
318
|
-
<!-- <a-button>ok</a-button>-->
|
|
319
|
-
<!-- </template>-->
|
|
320
|
-
<!-- </d-table>-->
|
|
321
303
|
</template>
|
|
322
|
-
<!-- <TestModal v-model:visible="visible" />-->
|
|
323
304
|
</d-list-layout>
|
|
324
305
|
</template>
|
|
325
306
|
<style lang="scss">
|
package/package.json
CHANGED
package/src/layout/FuckMain.vue
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/**
|
|
3
3
|
* FUCK MAIN 入口文件
|
|
4
4
|
*/
|
|
5
|
-
import { computed,
|
|
5
|
+
import { computed, provide } from "vue";
|
|
6
6
|
import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons-vue";
|
|
7
7
|
import { useKeepAliveStore, useSettingsStore } from "@ditari/store";
|
|
8
8
|
|
|
@@ -11,6 +11,20 @@ import DNavTabs from "./NavTabs.vue";
|
|
|
11
11
|
// 菜单组件
|
|
12
12
|
import Menu from "../menu/Menu";
|
|
13
13
|
|
|
14
|
+
const props = withDefaults(
|
|
15
|
+
defineProps<{
|
|
16
|
+
showConfig?: any;
|
|
17
|
+
breadcrumbStatus?: boolean;
|
|
18
|
+
}>(),
|
|
19
|
+
{
|
|
20
|
+
showConfig: { backBtn: "LeftOutlined" } as any
|
|
21
|
+
}
|
|
22
|
+
);
|
|
23
|
+
|
|
24
|
+
// 注入show组件的配置文件
|
|
25
|
+
// eslint-disable-next-line vue/no-setup-props-destructure
|
|
26
|
+
provide("showConfig", props.showConfig);
|
|
27
|
+
|
|
14
28
|
// 缓存store
|
|
15
29
|
const store = useKeepAliveStore();
|
|
16
30
|
// 缓存的names
|
|
@@ -19,13 +33,6 @@ const keepAliveNames = computed(() => store.get);
|
|
|
19
33
|
const settingsStore = useSettingsStore();
|
|
20
34
|
const { switchCollapsed } = settingsStore;
|
|
21
35
|
const collapsedStatus = computed(() => settingsStore.getCollapsed);
|
|
22
|
-
|
|
23
|
-
const keepAliveRef = ref();
|
|
24
|
-
|
|
25
|
-
nextTick(() => {
|
|
26
|
-
const instance: any = getCurrentInstance();
|
|
27
|
-
console.log(instance);
|
|
28
|
-
});
|
|
29
36
|
</script>
|
|
30
37
|
<template>
|
|
31
38
|
<a-layout class="ditari-layout">
|
|
@@ -68,12 +75,13 @@ nextTick(() => {
|
|
|
68
75
|
class="ditari-layout-content"
|
|
69
76
|
:style="{ marginLeft: collapsedStatus ? '80px' : '200px' }"
|
|
70
77
|
>
|
|
71
|
-
<router-view
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
78
|
+
<router-view v-slot="{ Component }">
|
|
79
|
+
<transition name="main" mode="out-in" appear>
|
|
80
|
+
<keep-alive ref="keepAliveRef" :include="keepAliveNames">
|
|
81
|
+
<component :is="Component" :key="$route.path" />
|
|
82
|
+
</keep-alive>
|
|
83
|
+
</transition>
|
|
84
|
+
</router-view>
|
|
77
85
|
<slot name="micro"></slot>
|
|
78
86
|
</a-layout-content>
|
|
79
87
|
</a-layout>
|
package/src/layout/Main.vue
CHANGED
|
@@ -22,7 +22,9 @@ const props = withDefaults(
|
|
|
22
22
|
showConfig: { backBtn: "LeftOutlined" } as any
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
|
-
|
|
25
|
+
// 注入show组件的配置文件
|
|
26
|
+
// eslint-disable-next-line vue/no-setup-props-destructure
|
|
27
|
+
provide("showConfig", props.showConfig);
|
|
26
28
|
// 缓存store
|
|
27
29
|
const store = useKeepAliveStore();
|
|
28
30
|
// 缓存的names
|
|
@@ -31,8 +33,6 @@ const keepAliveNames = computed(() => store.get);
|
|
|
31
33
|
const settingsStore = useSettingsStore();
|
|
32
34
|
const { switchCollapsed } = settingsStore;
|
|
33
35
|
const collapsedStatus = computed(() => settingsStore.getCollapsed);
|
|
34
|
-
// 注入show组件的配置文件
|
|
35
|
-
provide("showConfig", props.showConfig);
|
|
36
36
|
</script>
|
|
37
37
|
<template>
|
|
38
38
|
<a-layout class="ditari-layout">
|
|
@@ -81,14 +81,13 @@ provide("showConfig", props.showConfig);
|
|
|
81
81
|
class="ditari-layout-content"
|
|
82
82
|
:style="{ marginLeft: collapsedStatus ? '80px' : '200px' }"
|
|
83
83
|
>
|
|
84
|
-
<router-view
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
<!-- </router-view>-->
|
|
84
|
+
<router-view v-slot="{ Component }">
|
|
85
|
+
<transition name="main" mode="out-in" appear>
|
|
86
|
+
<keep-alive ref="keepAliveRef" :include="keepAliveNames">
|
|
87
|
+
<component :is="Component" :key="$route.path" />
|
|
88
|
+
</keep-alive>
|
|
89
|
+
</transition>
|
|
90
|
+
</router-view>
|
|
92
91
|
<slot name="micro"></slot>
|
|
93
92
|
</a-layout-content>
|
|
94
93
|
</a-layout>
|
package/src/table/Table.tsx
CHANGED
|
@@ -5,8 +5,8 @@ import {
|
|
|
5
5
|
PropType,
|
|
6
6
|
reactive,
|
|
7
7
|
ref,
|
|
8
|
-
watch
|
|
9
|
-
watchEffect
|
|
8
|
+
watch
|
|
9
|
+
// watchEffect
|
|
10
10
|
} from "vue";
|
|
11
11
|
import { Pagination, Space, Table } from "ant-design-vue";
|
|
12
12
|
import { useEleHeight } from "../_utils/html";
|
|
@@ -109,10 +109,11 @@ const DXTable = defineComponent({
|
|
|
109
109
|
paginationConfig.defaultPageSize =
|
|
110
110
|
props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;
|
|
111
111
|
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
112
|
+
//TODO 后续改进
|
|
113
|
+
// watchEffect(() => {
|
|
114
|
+
// const { expandedRowKeys } = props;
|
|
115
|
+
// expandedKeys.value = expandedRowKeys;
|
|
116
|
+
// });
|
|
116
117
|
|
|
117
118
|
// 初始化表格
|
|
118
119
|
const {
|
|
@@ -168,21 +169,39 @@ const DXTable = defineComponent({
|
|
|
168
169
|
}
|
|
169
170
|
};
|
|
170
171
|
//监听传入的height的变化 默认组件创建的时候会执行一次
|
|
171
|
-
watchEffect(() => {
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
172
|
+
// watchEffect(() => {
|
|
173
|
+
// if (props.height !== 0) {
|
|
174
|
+
// nextTick(() => {
|
|
175
|
+
// if (isInit.value) {
|
|
176
|
+
// playHeight(props.height);
|
|
177
|
+
// } else {
|
|
178
|
+
// // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度
|
|
179
|
+
// setTimeout(() => {
|
|
180
|
+
// playHeight(props.height);
|
|
181
|
+
// // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法
|
|
182
|
+
// }, 100);
|
|
183
|
+
// }
|
|
184
|
+
// });
|
|
185
|
+
// }
|
|
186
|
+
// });
|
|
187
|
+
watch(
|
|
188
|
+
() => props.height,
|
|
189
|
+
(val) => {
|
|
190
|
+
if (val !== 0) {
|
|
191
|
+
nextTick(() => {
|
|
192
|
+
if (isInit.value) {
|
|
179
193
|
playHeight(props.height);
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
194
|
+
} else {
|
|
195
|
+
// 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度
|
|
196
|
+
setTimeout(() => {
|
|
197
|
+
playHeight(props.height);
|
|
198
|
+
// 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法
|
|
199
|
+
}, 100);
|
|
200
|
+
}
|
|
201
|
+
});
|
|
202
|
+
}
|
|
184
203
|
}
|
|
185
|
-
|
|
204
|
+
);
|
|
186
205
|
// 监听分页组件
|
|
187
206
|
const onPageChange = (page: number, size: number) => {
|
|
188
207
|
onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;
|
|
@@ -258,23 +277,42 @@ const DXTable = defineComponent({
|
|
|
258
277
|
|
|
259
278
|
const rowSelection = ref<any>(undefined);
|
|
260
279
|
|
|
261
|
-
watchEffect(() => {
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
280
|
+
// watchEffect(() => {
|
|
281
|
+
// const { selection } = props.config;
|
|
282
|
+
// localSelection = selection as any;
|
|
283
|
+
// if (localSelection !== "N") {
|
|
284
|
+
// rowSelection.value = {
|
|
285
|
+
// selectedRowKeys,
|
|
286
|
+
// onSelect,
|
|
287
|
+
// onSelectAll,
|
|
288
|
+
// fixed: true,
|
|
289
|
+
// columnTitle: localSelection === "S" ? "选择" : null,
|
|
290
|
+
// columnWidth: localSelection === "S" ? 60 : 40,
|
|
291
|
+
// getCheckboxProps: getCheckboxProps
|
|
292
|
+
// };
|
|
293
|
+
// } else {
|
|
294
|
+
// rowSelection.value = undefined;
|
|
295
|
+
// }
|
|
296
|
+
// });
|
|
297
|
+
watch(
|
|
298
|
+
() => props.config.selection,
|
|
299
|
+
(val) => {
|
|
300
|
+
localSelection = val as any;
|
|
301
|
+
if (localSelection !== "N") {
|
|
302
|
+
rowSelection.value = {
|
|
303
|
+
selectedRowKeys,
|
|
304
|
+
onSelect,
|
|
305
|
+
onSelectAll,
|
|
306
|
+
fixed: true,
|
|
307
|
+
columnTitle: localSelection === "S" ? "选择" : null,
|
|
308
|
+
columnWidth: localSelection === "S" ? 60 : 40,
|
|
309
|
+
getCheckboxProps: getCheckboxProps
|
|
310
|
+
};
|
|
311
|
+
} else {
|
|
312
|
+
rowSelection.value = undefined;
|
|
313
|
+
}
|
|
276
314
|
}
|
|
277
|
-
|
|
315
|
+
);
|
|
278
316
|
|
|
279
317
|
// return {
|
|
280
318
|
// selectedRowKeys,
|