@ditari/bsui 5.0.17 → 5.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/layout/Layout.vue2.cjs +6 -6
- package/dist/cjs/components/layout/Layout.vue2.cjs.map +1 -1
- package/dist/cjs/components/layout/components/menu/Menu.cjs +32 -25
- package/dist/cjs/components/layout/components/menu/Menu.cjs.map +1 -1
- package/dist/cjs/components/table/Table.cjs +0 -1
- package/dist/cjs/components/table/Table.cjs.map +1 -1
- package/dist/cjs/utils/useMenuCore.cjs +53 -0
- package/dist/cjs/utils/useMenuCore.cjs.map +1 -0
- package/dist/esm/components/layout/Layout.vue2.mjs +6 -6
- package/dist/esm/components/layout/Layout.vue2.mjs.map +1 -1
- package/dist/esm/components/layout/components/menu/Menu.mjs +32 -25
- package/dist/esm/components/layout/components/menu/Menu.mjs.map +1 -1
- package/dist/esm/components/table/Table.mjs +0 -1
- package/dist/esm/components/table/Table.mjs.map +1 -1
- package/dist/esm/utils/useMenuCore.mjs +49 -0
- package/dist/esm/utils/useMenuCore.mjs.map +1 -0
- package/dist/types/components/layout/Layout.vue.d.ts +7 -7
- package/dist/types/components/layout/Layout.vue.d.ts.map +1 -1
- package/dist/types/components/layout/components/menu/Menu.d.ts +2 -2
- package/dist/types/components/layout/components/menu/Menu.d.ts.map +1 -1
- package/dist/types/components/table/Table.d.ts.map +1 -1
- package/dist/types/utils/useMenuCore.d.ts +9 -0
- package/dist/types/utils/useMenuCore.d.ts.map +1 -0
- package/package.json +1 -1
|
@@ -24,14 +24,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
24
24
|
}) },
|
|
25
25
|
isSettings: { type: Boolean, required: false, default: true }
|
|
26
26
|
},
|
|
27
|
-
emits: ["
|
|
27
|
+
emits: ["onMenuClick"],
|
|
28
28
|
setup(__props, { emit: __emit }) {
|
|
29
29
|
const props = __props;
|
|
30
30
|
const emits = __emit;
|
|
31
31
|
const { layout, modeConfig, sideTokenStyle } = pinia.storeToRefs(store.useAppStore());
|
|
32
32
|
const route = vueRouter.useRoute();
|
|
33
33
|
useWatermark();
|
|
34
|
-
const {
|
|
34
|
+
const { onMenuClick } = useMenu();
|
|
35
35
|
const {
|
|
36
36
|
layoutStyle,
|
|
37
37
|
siderStyle,
|
|
@@ -109,11 +109,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
109
109
|
};
|
|
110
110
|
}
|
|
111
111
|
function useMenu() {
|
|
112
|
-
const
|
|
113
|
-
emits("
|
|
112
|
+
const onMenuClick2 = (item) => {
|
|
113
|
+
emits("onMenuClick", item);
|
|
114
114
|
};
|
|
115
115
|
return {
|
|
116
|
-
|
|
116
|
+
onMenuClick: onMenuClick2
|
|
117
117
|
};
|
|
118
118
|
}
|
|
119
119
|
return (_ctx, _cache) => {
|
|
@@ -140,7 +140,7 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
|
|
|
140
140
|
default: vue.withCtx(() => [
|
|
141
141
|
vue.createElementVNode("div", _hoisted_1, [
|
|
142
142
|
vue.renderSlot(_ctx.$slots, "logo"),
|
|
143
|
-
vue.createVNode(vue.unref(Menu.default), { onMenuChange: vue.unref(
|
|
143
|
+
vue.createVNode(vue.unref(Menu.default), { onMenuChange: vue.unref(onMenuClick) }, null, 8, ["onMenuChange"])
|
|
144
144
|
])
|
|
145
145
|
]),
|
|
146
146
|
_: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.vue2.cjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n useAppStore,\r\n useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n watermark: { type: Object, required: false, default: () => ({\r\n content: \"\"\r\n }) },\n isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"
|
|
1
|
+
{"version":3,"file":"Layout.vue2.cjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n useAppStore,\r\n useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n watermark: { type: Object, required: false, default: () => ({\r\n content: \"\"\r\n }) },\n isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n storeToRefs(useAppStore());\r\nconst route = useRoute();\r\nuseWatermark();\r\nconst { onMenuClick } = useMenu();\r\n\r\nconst {\r\n layoutStyle,\r\n siderStyle,\r\n rightStyle,\r\n rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n // 保存需要被缓存的标签\r\n const { save } = useKeepAliveStore();\r\n\r\n watch(\r\n () => route.path,\r\n () => {\r\n save(route);\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n}\r\n\r\nfunction useWatermark() {\r\n const watermarkContent = ref(\"\");\r\n provide(\"watermarkContent\", watermarkContent);\r\n // 监听 watermark 的变化\r\n watch(\r\n () => props.watermark,\r\n val => {\r\n watermarkContent.value = val.content || \"\";\r\n },\r\n { deep: true, immediate: true }\r\n );\r\n}\r\n\r\nfunction useStyle() {\r\n const layoutStyle = css`\r\n height: 100vh;\r\n `;\r\n\r\n const transitionStyle = css`\r\n transition: margin-left 0.4s\r\n cubic-bezier(0.22, 1.2, 0.36, 1);\r\n `;\r\n\r\n const left = computed(\r\n () =>\r\n `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n );\r\n\r\n const siderStyle = computed(\r\n () => css`\r\n position: fixed !important;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1;\r\n width: ${layout.value.sideWidth}px;\r\n\r\n .app-side {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n ${modeConfig.value.mode === \"light\"\r\n ? `background:${sideTokenStyle.value.bgColor};`\r\n : \"\"}\r\n }\r\n `\r\n );\r\n\r\n const rightStyle = computed(\r\n () => css`\r\n margin-left: ${left.value};\r\n ${transitionStyle}\r\n `\r\n );\r\n\r\n const rightContentStyle = computed(\r\n () => css`\r\n padding-top: ${layout.value.headerHeight}px;\r\n `\r\n );\r\n\r\n return {\r\n layoutStyle,\r\n siderStyle,\r\n rightStyle,\r\n rightContentStyle\r\n };\r\n}\r\n\r\nfunction useMenu() {\r\n const onMenuClick = (item: never) => {\r\n emits(\"onMenuClick\", item);\r\n };\r\n\r\n return {\r\n onMenuClick\r\n };\r\n}\r\n</script>\r\n\r\n<template>\r\n <a-layout :class=\"layoutStyle\">\r\n <a-layout-sider\r\n v-model:collapsed=\"layout.collapsed\"\r\n theme=\"light\"\r\n collapsible\r\n :trigger=\"null\"\r\n :class=\"siderStyle\"\r\n >\r\n <div class=\"app-side\">\r\n <slot name=\"logo\"></slot>\r\n <d-menu @menu-change=\"onMenuClick\" />\r\n </div>\r\n </a-layout-sider>\r\n <a-layout :class=\"rightStyle\">\r\n <header-layout>\r\n <slot name=\"headerRight\"></slot>\r\n </header-layout>\r\n <a-layout-content :class=\"rightContentStyle\">\r\n <RouterContent />\r\n </a-layout-content>\r\n </a-layout>\r\n </a-layout>\r\n\r\n <SettingDrawer v-if=\"isSettings\" />\r\n <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["storeToRefs","useAppStore","useRoute","useKeepAliveStore","watch","ref","provide","layoutStyle","css","computed","siderStyle","rightStyle","rightContentStyle","onMenuClick"],"mappings":"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"}
|
|
@@ -7,6 +7,7 @@ var vueRouter = require('vue-router');
|
|
|
7
7
|
var pinia = require('pinia');
|
|
8
8
|
var store = require('@ditari/store');
|
|
9
9
|
var css = require('@emotion/css');
|
|
10
|
+
var useMenuCore = require('../../../../utils/useMenuCore.cjs');
|
|
10
11
|
|
|
11
12
|
"use strict";
|
|
12
13
|
var __async = (__this, __arguments, generator) => {
|
|
@@ -31,7 +32,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
31
32
|
};
|
|
32
33
|
var Menu = /* @__PURE__ */ vue.defineComponent({
|
|
33
34
|
name: "DMenu",
|
|
34
|
-
emits: ["
|
|
35
|
+
emits: ["onMenuClick"],
|
|
35
36
|
setup(_, {
|
|
36
37
|
emit
|
|
37
38
|
}) {
|
|
@@ -39,6 +40,10 @@ var Menu = /* @__PURE__ */ vue.defineComponent({
|
|
|
39
40
|
layout,
|
|
40
41
|
modeConfig
|
|
41
42
|
} = pinia.storeToRefs(store.useAppStore());
|
|
43
|
+
const {
|
|
44
|
+
findMatchedMenuById,
|
|
45
|
+
findMenuItemByUrl
|
|
46
|
+
} = useMenuCore.default();
|
|
42
47
|
const {
|
|
43
48
|
menuList
|
|
44
49
|
} = pinia.storeToRefs(store.useNoStore());
|
|
@@ -85,52 +90,52 @@ var Menu = /* @__PURE__ */ vue.defineComponent({
|
|
|
85
90
|
if (!flag) {
|
|
86
91
|
const rs = _findMatchedMenuKey(path, data.value);
|
|
87
92
|
if (rs) {
|
|
93
|
+
let matchItem = null;
|
|
94
|
+
if (rs.matchedUrl) {
|
|
95
|
+
matchItem = findMenuItemByUrl(rs.matchedUrl, data.value);
|
|
96
|
+
}
|
|
88
97
|
if (!layout.value.collapsed) {
|
|
89
|
-
|
|
90
|
-
openKeys2.value = [rs.parentKey];
|
|
91
|
-
} else {
|
|
92
|
-
openKeys2.value = [rs.matchedKey];
|
|
93
|
-
}
|
|
98
|
+
openKeys2.value = [matchItem == null ? void 0 : matchItem.parentId];
|
|
94
99
|
}
|
|
95
|
-
selectedKeys2.value = [
|
|
100
|
+
selectedKeys2.value = [matchItem == null ? void 0 : matchItem.id];
|
|
96
101
|
}
|
|
97
102
|
}
|
|
98
103
|
}));
|
|
99
104
|
vue.watch(() => layout.value.collapsed, (val) => {
|
|
100
|
-
const
|
|
101
|
-
const rs =
|
|
105
|
+
const id = selectedKeys2.value[0];
|
|
106
|
+
const rs = findMatchedMenuById(id, data.value);
|
|
102
107
|
if (val) {
|
|
103
108
|
openKeys2.value = [];
|
|
104
109
|
} else {
|
|
105
|
-
if (rs == null ? void 0 : rs.
|
|
106
|
-
openKeys2.value = [rs.
|
|
110
|
+
if (rs == null ? void 0 : rs.parentItem) {
|
|
111
|
+
openKeys2.value = [rs.parentItem.key];
|
|
107
112
|
} else {
|
|
108
|
-
openKeys2.value = [rs.
|
|
113
|
+
openKeys2.value = [rs.matchItem.key];
|
|
109
114
|
}
|
|
110
115
|
}
|
|
111
116
|
});
|
|
112
|
-
const _findMatchedMenuKey = (path, menuItems,
|
|
117
|
+
const _findMatchedMenuKey = (path, menuItems, parentUrl = "") => {
|
|
113
118
|
for (const item of menuItems) {
|
|
114
|
-
if (item.
|
|
119
|
+
if (item.url === path) {
|
|
115
120
|
return {
|
|
116
|
-
|
|
117
|
-
|
|
121
|
+
matchedUrl: item.url,
|
|
122
|
+
parentUrl
|
|
118
123
|
};
|
|
119
124
|
}
|
|
120
125
|
if (item.children && item.children.length > 0) {
|
|
121
|
-
const result = _findMatchedMenuKey(path, item.children, item.
|
|
126
|
+
const result = _findMatchedMenuKey(path, item.children, item.url);
|
|
122
127
|
if (result) {
|
|
123
128
|
return result;
|
|
124
129
|
}
|
|
125
130
|
}
|
|
126
|
-
if (path.startsWith(item.
|
|
131
|
+
if (path.startsWith(item.url)) {
|
|
127
132
|
if (!item.children || item.children.length === 0) {
|
|
128
133
|
return {
|
|
129
|
-
|
|
130
|
-
|
|
134
|
+
matchedUrl: item.url,
|
|
135
|
+
parentUrl
|
|
131
136
|
};
|
|
132
137
|
}
|
|
133
|
-
const result = _findMatchedMenuKey(path, item.children, item.
|
|
138
|
+
const result = _findMatchedMenuKey(path, item.children, item.url);
|
|
134
139
|
if (result) {
|
|
135
140
|
return result;
|
|
136
141
|
}
|
|
@@ -143,13 +148,15 @@ var Menu = /* @__PURE__ */ vue.defineComponent({
|
|
|
143
148
|
keyPath,
|
|
144
149
|
item
|
|
145
150
|
}) => {
|
|
151
|
+
var _a, _b, _c;
|
|
152
|
+
const rs = findMatchedMenuById(key, data.value);
|
|
146
153
|
if (item.isFrame && item.isFrame === "0") {
|
|
147
|
-
emit("
|
|
154
|
+
emit("onMenuClick", item);
|
|
148
155
|
} else {
|
|
149
156
|
openKeys2.value = keyPath;
|
|
150
|
-
selectedKeys2.value = [key];
|
|
151
|
-
if (
|
|
152
|
-
router.push(
|
|
157
|
+
selectedKeys2.value = [(_a = rs.matchItem) == null ? void 0 : _a.key];
|
|
158
|
+
if (((_b = rs.matchItem) == null ? void 0 : _b.url) !== route.path) {
|
|
159
|
+
router.push((_c = rs.matchItem) == null ? void 0 : _c.url).then((r) => {
|
|
153
160
|
if (r) {
|
|
154
161
|
console.warn(r);
|
|
155
162
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.cjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n useAppStore,\r\n useMenuStore,\r\n useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nexport default defineComponent({\r\n name: \"DMenu\",\r\n emits: [\"menuChange\"],\r\n setup(_, { emit }) {\r\n const { layout, modeConfig } =\r\n storeToRefs(useAppStore());\r\n const { menuList } = storeToRefs(useNoStore());\r\n const { menuWrapperStyle } = useStyle();\r\n const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n function useStyle() {\r\n const menuWrapperStyle = computed(\r\n () => css`\r\n flex: 1;\r\n overflow: hidden;\r\n\r\n .ant-menu {\r\n height: 100%;\r\n overflow: scroll;\r\n -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n ${modeConfig.value.mode === \"light\"\r\n ? \"background:transparent;\"\r\n : \"\"}\r\n /* Webkit 浏览器 */\r\n ::-webkit-scrollbar {\r\n display: none;\r\n }\r\n }\r\n `\r\n );\r\n return {\r\n menuWrapperStyle\r\n };\r\n }\r\n\r\n function useMenu() {\r\n const { openKeys, selectedKeys, data } =\r\n storeToRefs(useMenuStore());\r\n const route = useRoute();\r\n const router = useRouter();\r\n\r\n /**\r\n * 在标签切换的时候,路由会变化,需要动态关联左侧菜单的选中状态\r\n */\r\n watch(\r\n () => route.fullPath,\r\n async path => {\r\n const flag = selectedKeys.value.some(\r\n (item: string) => item === path\r\n );\r\n if (!flag) {\r\n const rs = _findMatchedMenuKey(\r\n path,\r\n data.value as never\r\n );\r\n if (rs) {\r\n if (!layout.value.collapsed) {\r\n if (rs?.parentKey) {\r\n openKeys.value = [rs.parentKey];\r\n } else {\r\n openKeys.value = [rs!.matchedKey];\r\n }\r\n }\r\n selectedKeys.value = [rs!.matchedKey];\r\n }\r\n }\r\n }\r\n );\r\n\r\n watch(\r\n () => layout.value.collapsed,\r\n val => {\r\n const path = selectedKeys.value[0];\r\n const rs = _findMatchedMenuKey(\r\n path,\r\n data.value as never\r\n );\r\n if (val) {\r\n openKeys.value = [];\r\n } else {\r\n if (rs?.parentKey) {\r\n openKeys.value = [rs.parentKey];\r\n } else {\r\n openKeys.value = [rs!.matchedKey];\r\n }\r\n }\r\n }\r\n );\r\n\r\n const _findMatchedMenuKey = (\r\n path: string,\r\n menuItems: { key: string; children?: never[] }[],\r\n parentKey: string = \"\"\r\n ): {\r\n matchedKey: string;\r\n parentKey: string;\r\n } | null => {\r\n // 遍历菜单项\r\n for (const item of menuItems) {\r\n // 完全匹配\r\n if (item.key === path) {\r\n return { matchedKey: item.key, parentKey };\r\n }\r\n\r\n // 如果当前菜单项有 children,递归查找\r\n if (item.children && item.children.length > 0) {\r\n const result = _findMatchedMenuKey(\r\n path,\r\n item.children,\r\n item.key\r\n );\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n\r\n // 匹配路径前缀(确保只匹配最深层的菜单项)\r\n if (path.startsWith(item.key)) {\r\n // 如果路径以该菜单项的 key 开头,且该菜单项没有子菜单,直接返回匹配的菜单\r\n if (\r\n !item.children ||\r\n item.children.length === 0\r\n ) {\r\n return { matchedKey: item.key, parentKey };\r\n }\r\n // 如果是父菜单且有子菜单,继续递归寻找匹配的子菜单\r\n const result = _findMatchedMenuKey(\r\n path,\r\n item.children,\r\n item.key\r\n );\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n }\r\n\r\n // 如果没有找到匹配的菜单项,返回 null\r\n return null;\r\n };\r\n\r\n const onClick = ({\r\n key,\r\n keyPath,\r\n item\r\n }: {\r\n item: { isFrame: string };\r\n key: string;\r\n keyPath: string[];\r\n }) => {\r\n if (item.isFrame && item.isFrame === \"0\") {\r\n emit(\"menuChange\", item);\r\n } else {\r\n openKeys.value = keyPath;\r\n selectedKeys.value = [key];\r\n if (route.path !== key) {\r\n // 判断目标路由和当前路由是否相等;\r\n // 不相等的时候再跳转\r\n router.push(key).then(r => {\r\n if (r) {\r\n console.warn(r);\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n return {\r\n openKeys,\r\n selectedKeys,\r\n data,\r\n onClick\r\n };\r\n }\r\n\r\n return () => (\r\n <div class={menuWrapperStyle.value}>\r\n <a-menu\r\n v-model:open-keys={openKeys.value}\r\n v-model:selected-keys={selectedKeys.value}\r\n items={menuList.value}\r\n mode=\"inline\"\r\n triggerSubMenuAction={\"hover\"}\r\n onClick={onClick}\r\n ></a-menu>\r\n </div>\r\n );\r\n }\r\n});\r\n"],"names":["defineComponent","name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","rs","_findMatchedMenuKey","collapsed","parentKey","matchedKey","val","menuItems","key","children","length","result","startsWith","keyPath","isFrame","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Menu.cjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n useAppStore,\r\n useMenuStore,\r\n useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport useMenuCore from \"../../../../utils/useMenuCore\";\r\n\r\nexport default defineComponent({\r\n name: \"DMenu\",\r\n emits: [\"onMenuClick\"],\r\n setup(_, { emit }) {\r\n const { layout, modeConfig } =\r\n storeToRefs(useAppStore());\r\n const { findMatchedMenuById, findMenuItemByUrl } =\r\n useMenuCore();\r\n const { menuList } = storeToRefs(useNoStore());\r\n const { menuWrapperStyle } = useStyle();\r\n const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n function useStyle() {\r\n const menuWrapperStyle = computed(\r\n () => css`\r\n flex: 1;\r\n overflow: hidden;\r\n\r\n .ant-menu {\r\n height: 100%;\r\n overflow: scroll;\r\n -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n ${modeConfig.value.mode === \"light\"\r\n ? \"background:transparent;\"\r\n : \"\"}\r\n /* Webkit 浏览器 */\r\n ::-webkit-scrollbar {\r\n display: none;\r\n }\r\n }\r\n `\r\n );\r\n return {\r\n menuWrapperStyle\r\n };\r\n }\r\n\r\n function useMenu() {\r\n const { openKeys, selectedKeys, data } =\r\n storeToRefs(useMenuStore());\r\n const route = useRoute();\r\n const router = useRouter();\r\n\r\n /**\r\n * 在标签切换的时候,路由会变化,需要动态关联左侧菜单的选中状态\r\n */\r\n watch(\r\n () => route.fullPath,\r\n async path => {\r\n const flag = selectedKeys.value.some(\r\n (item: string) => item === path\r\n );\r\n if (!flag) {\r\n const rs = _findMatchedMenuKey(\r\n path,\r\n data.value as never\r\n );\r\n if (rs) {\r\n let matchItem = null;\r\n if (rs.matchedUrl) {\r\n matchItem = findMenuItemByUrl(\r\n rs.matchedUrl,\r\n data.value as never\r\n );\r\n }\r\n\r\n if (!layout.value.collapsed) {\r\n openKeys.value = [matchItem?.parentId];\r\n }\r\n selectedKeys.value = [matchItem?.id];\r\n }\r\n }\r\n }\r\n );\r\n\r\n watch(\r\n () => layout.value.collapsed,\r\n val => {\r\n const id = selectedKeys.value[0];\r\n const rs = findMatchedMenuById(\r\n id,\r\n data.value as never\r\n );\r\n\r\n if (val) {\r\n openKeys.value = [];\r\n } else {\r\n if (rs?.parentItem) {\r\n openKeys.value = [rs.parentItem.key];\r\n } else {\r\n openKeys.value = [rs!.matchItem.key];\r\n }\r\n }\r\n }\r\n );\r\n\r\n const _findMatchedMenuKey = (\r\n path: string,\r\n menuItems: any[],\r\n parentUrl: string = \"\"\r\n ): {\r\n matchedUrl: string;\r\n parentUrl: string;\r\n } | null => {\r\n // 遍历菜单项\r\n for (const item of menuItems) {\r\n // 完全匹配\r\n if (item.url === path) {\r\n return { matchedUrl: item.url, parentUrl };\r\n }\r\n\r\n // 如果当前菜单项有 children,递归查找\r\n if (item.children && item.children.length > 0) {\r\n const result = _findMatchedMenuKey(\r\n path,\r\n item.children,\r\n item.url\r\n );\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n\r\n // 匹配路径前缀(确保只匹配最深层的菜单项)\r\n if (path.startsWith(item.url)) {\r\n // 如果路径以该菜单项的 key 开头,且该菜单项没有子菜单,直接返回匹配的菜单\r\n if (\r\n !item.children ||\r\n item.children.length === 0\r\n ) {\r\n return { matchedUrl: item.url, parentUrl };\r\n }\r\n // 如果是父菜单且有子菜单,继续递归寻找匹配的子菜单\r\n const result = _findMatchedMenuKey(\r\n path,\r\n item.children,\r\n item.url\r\n );\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n }\r\n\r\n // 如果没有找到匹配的菜单项,返回 null\r\n return null;\r\n };\r\n\r\n const onClick = ({\r\n key,\r\n keyPath,\r\n item\r\n }: {\r\n item: { isFrame: string };\r\n key: string;\r\n keyPath: string[];\r\n }) => {\r\n const rs = findMatchedMenuById(key, data.value);\r\n if (item.isFrame && item.isFrame === \"0\") {\r\n emit(\"onMenuClick\", item);\r\n } else {\r\n openKeys.value = keyPath;\r\n selectedKeys.value = [rs.matchItem?.key];\r\n if (rs.matchItem?.url !== route.path) {\r\n // 判断目标路由和当前路由是否相等;\r\n // 不相等的时候再跳转\r\n router.push(rs.matchItem?.url).then(r => {\r\n if (r) {\r\n console.warn(r);\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n return {\r\n openKeys,\r\n selectedKeys,\r\n data,\r\n onClick\r\n };\r\n }\r\n\r\n return () => (\r\n <div class={menuWrapperStyle.value}>\r\n <a-menu\r\n v-model:open-keys={openKeys.value}\r\n v-model:selected-keys={selectedKeys.value}\r\n items={menuList.value}\r\n mode=\"inline\"\r\n triggerSubMenuAction={\"hover\"}\r\n onClick={onClick}\r\n ></a-menu>\r\n </div>\r\n );\r\n }\r\n});\r\n"],"names":["defineComponent","name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","findMatchedMenuById","findMenuItemByUrl","useMenuCore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","rs","_findMatchedMenuKey","matchItem","matchedUrl","collapsed","parentId","id","val","parentItem","key","menuItems","parentUrl","url","children","length","result","startsWith","keyPath","isFrame","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.cjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n nextTick,\r\n onMounted,\r\n ref,\r\n watch\r\n} from \"vue\";\r\nimport { type ExtractPropTypes, type PropType } from \"vue\";\r\nimport { Flex, Pagination, Table } from \"ant-design-vue\";\r\nimport { type TablePaginationConfig } from \"ant-design-vue\";\r\n\r\nimport { type PaginationProps } from \"./interface\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { ColumnsType } from \"ant-design-vue/es/table\";\r\nimport type {\r\n SelectionSelectFn,\r\n TableRowSelection\r\n} from \"ant-design-vue/es/table/interface\";\r\nimport { merge } from \"lodash\";\r\n\r\nexport type Key = string | number;\r\nexport type SizeType =\r\n | \"small\"\r\n | \"middle\"\r\n | \"large\"\r\n | undefined;\r\n\r\n// 定义分页\r\ninterface Page {\r\n total: number;\r\n current: number;\r\n pageSize: number;\r\n}\r\n\r\n// 定义表格配置接口,支持泛型\r\ninterface Config<T = unknown> {\r\n columns: ColumnsType<T>;\r\n // 分页\r\n pagination?: Page | undefined;\r\n // 分页配置\r\n paginationConfig?: PaginationProps;\r\n changePagination?: (\r\n current: number,\r\n size: number\r\n ) => void;\r\n // 单击\r\n click?: (\r\n record: Record<string, unknown>,\r\n index: number\r\n ) => void;\r\n // 双击\r\n dbClick?: (\r\n record: Record<string, unknown>,\r\n index: number\r\n ) => void;\r\n // 选择框的默认属性配置\r\n getCheckboxProps?: (\r\n record: unknown\r\n ) => Record<string, unknown> | undefined; // 返回一个对象或者 undefined\r\n // 点击行号激活的class\r\n activeRowClass?: string;\r\n // 复选框方式\r\n selection?: string;\r\n // 切换分页是否保留选中的ID\r\n keepSelected?: boolean;\r\n}\r\n\r\n// 定义 Props 类型,支持泛型\r\nexport const tableProps = <T = unknown,>() => ({\r\n height: { type: Number, default: 0 },\r\n data: { type: Array as PropType<T[]>, default: () => [] }, // 泛型约束\r\n loading: { type: Boolean, default: false },\r\n rowKey: { type: String, default: \"id\" },\r\n bordered: { type: Boolean, default: false },\r\n size: {\r\n type: String as PropType<SizeType>,\r\n default: \"small\"\r\n },\r\n keys: {\r\n type: Array as PropType<Key[]>,\r\n default: () => []\r\n },\r\n config: {\r\n type: Object as PropType<Config<T>>,\r\n required: true\r\n }\r\n});\r\n\r\nexport type TableProps = Partial<\r\n ExtractPropTypes<ReturnType<typeof tableProps>>\r\n>;\r\n\r\n// 分页组件默认配置\r\nconst defaultPaginationProps: PaginationProps = {\r\n defaultPageSize: 20,\r\n disabled: false,\r\n hideOnSinglePage: false,\r\n pageSize: 20,\r\n pageSizeOptions: [\"20\", \"40\", \"60\", \"80\", \"99\"],\r\n responsive: false,\r\n showLessItems: false,\r\n showQuickJumper: true,\r\n showSizeChanger: true, // 默认展示切换器\r\n showTotal: total => `总共 ${total} 条数据`,\r\n simple: false,\r\n size: \"default\",\r\n total: 0\r\n};\r\n\r\n// 表格默认配置\r\nconst defaultConfig: Config = {\r\n columns: [],\r\n pagination: undefined,\r\n paginationConfig: defaultPaginationProps,\r\n activeRowClass: \"\",\r\n selection: \"N\",\r\n keepSelected: false\r\n};\r\n\r\nconst paginationStyle = css`\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 6px;\r\n`;\r\n\r\n// 定义泛型组件\r\nconst DTable = defineComponent({\r\n name: \"DTable\",\r\n props: tableProps(), // 初始泛型设置为 `unknown`\r\n emits: [\"update:keys\"],\r\n setup(props, { emit, slots, attrs }) {\r\n // 保存选中的唯一id\r\n const selectedRowKeys = ref<Key[]>(props.keys || []);\r\n // 计算表格高度\r\n //const height = computed(() => props.height);\r\n\r\n const { columns, data, pagination } = useProps();\r\n const { tableSlots } = useSlots();\r\n const { paginationConfig, onPaginationChange } =\r\n usePagination();\r\n const { tableRef, tableHeight, antTableBodyRef } =\r\n useHeight();\r\n const rowSelection = useRowSelection();\r\n\r\n onMounted(() => {});\r\n\r\n /**\r\n * props计算属性处理\r\n */\r\n function useProps() {\r\n // 定义计算属性\r\n const _config = computed(() =>\r\n merge({}, defaultConfig, props.config)\r\n );\r\n const columns = computed(() => _config.value.columns);\r\n const data = computed(() => props.data || []);\r\n const pagination = computed(\r\n () => _config.value.pagination || false\r\n );\r\n\r\n return {\r\n columns,\r\n data,\r\n pagination\r\n };\r\n }\r\n\r\n /**\r\n * 插槽处理\r\n */\r\n function useSlots() {\r\n // 定义插槽\r\n const tableSlots = {\r\n bodyCell: (params: unknown) =>\r\n slots.bodyCell?.(params),\r\n summary: () => slots.summary?.()\r\n };\r\n\r\n return {\r\n tableSlots\r\n };\r\n }\r\n\r\n function useHeight() {\r\n const tableRef = ref();\r\n const tableHeight = ref(0);\r\n let headerHeight = 0,\r\n tableEl: HTMLElement;\r\n\r\n // 表格body对象\r\n const antTableBodyRef = ref<HTMLElement>();\r\n\r\n watch(\r\n () => props.height,\r\n val => {\r\n if (val !== 0) {\r\n nextTick(() => {\r\n _tableBodyHeight(val);\r\n });\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n function _tableBodyHeight(height: number) {\r\n tableEl = tableRef?.value?.$el;\r\n //表头高度\r\n headerHeight = useEleHeight(\r\n tableEl.getElementsByClassName(\r\n \"ant-table-header\"\r\n )[0]\r\n );\r\n // 分页\r\n const paginationEl = tableEl.getElementsByClassName(\r\n \"d-pagination\"\r\n )[0] as HTMLElement | undefined;\r\n let paginationHeight = 0;\r\n if (paginationEl) {\r\n paginationEl.style.marginBottom = \"0\";\r\n paginationHeight =\r\n useEleHeight(paginationEl as never) ?? 0;\r\n }\r\n\r\n //总结行\r\n let summaryHeight = 0;\r\n const summaryEl = tableEl.getElementsByClassName(\r\n \"ant-table-summary\"\r\n )[0] as HTMLElement | undefined;\r\n if (summaryEl) {\r\n summaryHeight =\r\n useEleHeight(summaryEl as HTMLElement) ?? 0;\r\n }\r\n\r\n tableHeight.value =\r\n height -\r\n paginationHeight -\r\n headerHeight -\r\n summaryHeight;\r\n\r\n antTableBodyRef.value =\r\n tableEl.getElementsByClassName(\r\n \"ant-table-body\"\r\n )[0] as HTMLElement;\r\n\r\n if (antTableBodyRef.value) {\r\n // 设置body高度\r\n antTableBodyRef.value.style.height =\r\n tableHeight.value + \"px\";\r\n //TODO antTableBodyRef 滚动到底部的时候,需要去除底部边框,否则边框会重叠\r\n //antTableBodyRef.value.style.borderBottom = \"1px solid #f0f0f0\";\r\n }\r\n }\r\n\r\n return {\r\n tableRef,\r\n tableHeight,\r\n antTableBodyRef\r\n };\r\n }\r\n\r\n function usePagination() {\r\n const { changePagination } = props.config!;\r\n const paginationConfig =\r\n computed<TablePaginationConfig>(() => {\r\n return {\r\n position: [\"bottomCenter\"], // 符合类型的分页位置\r\n total: 0, // 确保符合要求\r\n ...defaultPaginationProps,\r\n ...pagination.value\r\n };\r\n });\r\n\r\n const onPaginationChange = (\r\n page: number,\r\n pageSize: number\r\n ) => {\r\n const { selection, keepSelected } = props.config!;\r\n changePagination?.(page, pageSize);\r\n // 切换分页的时候,表体滚动到顶部\r\n antTableBodyRef.value!.scrollTop = 0;\r\n\r\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\r\n // 清空历史选中数据\r\n if (selection === \"S\" || !keepSelected) {\r\n // 只有selectedRowKeys被清空时,这里才触发update;\r\n // 不加判断,会出现执行update后,父组件监听的watch每次都会触发\r\n if (selectedRowKeys.value.length > 0) {\r\n selectedRowKeys.value = [];\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n }\r\n }\r\n };\r\n\r\n return {\r\n paginationConfig,\r\n onPaginationChange\r\n };\r\n }\r\n\r\n function useCustomRow() {\r\n return (record: never, index: number) => {\r\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\r\n let clickTimeout: number = 0;\r\n const {\r\n rowKey,\r\n config: {\r\n click,\r\n dbClick,\r\n selection,\r\n getCheckboxProps\r\n } = {} as Config\r\n } = props;\r\n\r\n // 当前点击行的唯一ID,通过rowKey从record中取值\r\n const id = record[rowKey];\r\n\r\n /**\r\n * 处理单击事件业务\r\n * @param record 当前点击行数据\r\n */\r\n const onClick = () => {\r\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\r\n // 否则checkEnable为false\r\n const checkEnable =\r\n getCheckboxProps === undefined\r\n ? false\r\n : getCheckboxProps(record)?.disabled;\r\n\r\n if (selection === \"N\" || checkEnable) {\r\n // 1. 未开启复选框 则不处理数据选中操作\r\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\r\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\r\n // 方法返回的disabled为true就不执行\r\n // 复选框选中的操作\r\n return;\r\n }\r\n const haveState = selectedRowKeys.value.some(\r\n (key: Key) => key === id\r\n );\r\n if (haveState) {\r\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\r\n selectedRowKeys.value =\r\n selectedRowKeys.value.filter(\r\n (key: Key) => key !== id\r\n );\r\n } else {\r\n if (selection === \"S\") {\r\n //单选的时候 清空选中的数据 再赋值新的ID\r\n selectedRowKeys.value = [];\r\n selectedRowKeys.value.push(id);\r\n } else {\r\n //多选直接追加ID\r\n selectedRowKeys.value.push(id);\r\n }\r\n }\r\n console.log(\"onSelect\", selectedRowKeys.value);\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n function activeRowBackground(event: Event) {\r\n const { activeRowClass } = props.config!;\r\n if (!activeRowClass) return;\r\n const curEl = event.target;\r\n if (curEl instanceof HTMLElement) {\r\n const parentElement =\r\n curEl.parentNode as HTMLElement;\r\n if (\r\n parentElement &&\r\n parentElement.classList.contains(\r\n activeRowClass\r\n )\r\n ) {\r\n parentElement.classList.remove(\r\n activeRowClass\r\n );\r\n } else {\r\n parentElement?.classList.add(activeRowClass);\r\n }\r\n }\r\n }\r\n\r\n return {\r\n onClick: (event: Event) => {\r\n clearTimeout(clickTimeout);\r\n clickTimeout = window.setTimeout(() => {\r\n // 处理背景激活逻辑\r\n activeRowBackground(event);\r\n // 处理单击事件业务\r\n onClick();\r\n // 回传数据 自定义单击后的业务\r\n click?.(record, index);\r\n }, 200);\r\n }, // 点击行\r\n onDblclick: () => {\r\n clearTimeout(clickTimeout);\r\n // 回传数据 自定义单击后的业务\r\n dbClick?.(record, index);\r\n }\r\n };\r\n };\r\n }\r\n\r\n function useRowSelection() {\r\n const rowSelection = ref<\r\n TableRowSelection<unknown> | undefined\r\n >(undefined);\r\n\r\n const {\r\n rowKey,\r\n config: { getCheckboxProps, selection } = {}\r\n } = props;\r\n\r\n const onSelect: SelectionSelectFn<unknown> = (\r\n record,\r\n selected\r\n ) => {\r\n const data = record as Record<string, never>;\r\n if (selection === \"S\") {\r\n selectedRowKeys.value = [];\r\n selectedRowKeys.value = selected\r\n ? [data[rowKey]]\r\n : [];\r\n } else {\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(data[rowKey])\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => key !== data[rowKey]\r\n );\r\n }\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n const onSelectAll = (\r\n selected: boolean,\r\n selectedRows: unknown[],\r\n changeRows: unknown[]\r\n ) => {\r\n const _ids = changeRows.map(\r\n (record: unknown) =>\r\n (record as { [key: string]: never })[rowKey]\r\n );\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(_ids)\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => !_ids.includes(key as never)\r\n );\r\n\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n //TODO 这个方法在单选的时候 会出现异常bug,暂时不知道怎么解决\r\n const onChange = (\r\n rowKeys: Key[],\r\n selectedRows: unknown[]\r\n ) => {\r\n // 显式转换 selectedRows 的类型为 Record<string, never>[]\r\n const data = selectedRows as Record<\r\n string,\r\n never\r\n >[];\r\n // 等于0 说明是取消全选,反之\r\n const selected = data.length !== 0;\r\n // 显式转换 _ids 的类型为 Key[]\r\n const _ids: Key[] = props.data.map(\r\n record =>\r\n (record as Record<string, unknown>)[\r\n rowKey\r\n ] as Key\r\n );\r\n\r\n // 更新 selectedRowKeys\r\n // selected 为true,说明是全选,那么rowKeys是权限后的数组ID,需要过滤掉selectedRowKeys里的不在id才进行添加,\r\n // 否则会出现,比如一开始选择了两条数据,然后再进行全选的话 会多出两个重复ID\r\n // selected 为false,说明是取消全选,那么需要从selectedRowKeys过滤掉 _ids的id\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(\r\n rowKeys.filter(\r\n (key: Key) =>\r\n !selectedRowKeys.value.includes(key)\r\n )\r\n )\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => !_ids.includes(key)\r\n );\r\n console.log(\"onSelect\", selectedRowKeys.value);\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\r\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\r\n watch(\r\n () => props.keys,\r\n val => {\r\n selectedRowKeys.value = val;\r\n },\r\n {\r\n deep: true,\r\n immediate: true\r\n }\r\n );\r\n\r\n watch(\r\n () => props.config?.selection,\r\n val => {\r\n if (val !== \"N\") {\r\n rowSelection.value = {\r\n selectedRowKeys: selectedRowKeys as never,\r\n onSelect,\r\n onSelectAll,\r\n fixed: true,\r\n columnTitle:\r\n selection === \"S\" ? \"选择\" : null,\r\n columnWidth: selection === \"S\" ? 60 : 40,\r\n getCheckboxProps: getCheckboxProps as never\r\n };\r\n } else {\r\n rowSelection.value = undefined;\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n return rowSelection;\r\n }\r\n\r\n return () => (\r\n <Flex vertical={true} ref={tableRef}>\r\n <Table\r\n {...attrs}\r\n loading={props.loading}\r\n size={props.size}\r\n bordered={props.bordered}\r\n dataSource={data.value}\r\n columns={columns.value}\r\n rowSelection={rowSelection.value}\r\n customRow={useCustomRow() as never}\r\n pagination={false}\r\n rowKey={props.rowKey}\r\n v-slots={tableSlots}\r\n scroll={{\r\n y: tableHeight.value,\r\n x: \"100%\",\r\n scrollToFirstRowOnChange: true\r\n }}\r\n />\r\n {pagination.value && (\r\n <div class={[paginationStyle, \"d-pagination\"]}>\r\n {\r\n <Pagination\r\n v-model:current={\r\n paginationConfig.value.current\r\n }\r\n v-model:pageSize={\r\n paginationConfig.value.pageSize\r\n }\r\n total={paginationConfig.value.total}\r\n disabled={props.loading}\r\n show-size-changer\r\n size={\"default\"}\r\n hide-on-single-page={\r\n paginationConfig.value.hideOnSinglePage\r\n }\r\n show-quick-jumper={\r\n paginationConfig.value.showQuickJumper\r\n }\r\n default-page-size={\r\n paginationConfig.value.defaultPageSize\r\n }\r\n page-size-options={\r\n paginationConfig.value.pageSizeOptions\r\n }\r\n show-total={\r\n paginationConfig.value.showTotal\r\n }\r\n onChange={onPaginationChange}\r\n showLessItems={true}\r\n ></Pagination>\r\n }\r\n </div>\r\n )}\r\n </Flex>\r\n );\r\n }\r\n});\r\n\r\nexport const useEleHeight = (node: Element) => {\r\n const list = [\r\n \"margin-top\",\r\n \"margin-bottom\",\r\n \"border-top\",\r\n \"border-bottom\",\r\n \"padding-top\",\r\n \"padding-bottom\",\r\n \"height\"\r\n ];\r\n const style = getComputedStyle(node);\r\n return list\r\n .map(k => parseInt(style.getPropertyValue(k), 10))\r\n .reduce((prev, cur) => {\r\n return prev + cur;\r\n });\r\n};\r\n\r\nexport default DTable;\r\n"],"names":["tableProps","height","type","Number","default","data","Array","loading","Boolean","rowKey","String","bordered","size","keys","config","Object","required","defaultPaginationProps","defaultPageSize","disabled","hideOnSinglePage","pageSize","pageSizeOptions","responsive","showLessItems","showQuickJumper","showSizeChanger","showTotal","total","simple","defaultConfig","columns","pagination","undefined","paginationConfig","activeRowClass","selection","keepSelected","paginationStyle","css","DTable","defineComponent","name","props","emits","setup","emit","slots","attrs","selectedRowKeys","ref","useProps","tableSlots","useSlots","onPaginationChange","usePagination","tableRef","tableHeight","antTableBodyRef","useHeight","rowSelection","useRowSelection","onMounted","_config","computed","merge","value","bodyCell","params","summary","headerHeight","tableEl","watch","val","nextTick","_tableBodyHeight","immediate","$el","useEleHeight","getElementsByClassName","paginationEl","paginationHeight","style","marginBottom","summaryHeight","summaryEl","changePagination","position","page","scrollTop","length","useCustomRow","record","index","clickTimeout","click","dbClick","getCheckboxProps","id","onClick","checkEnable","haveState","some","key","filter","push","console","log","activeRowBackground","event","curEl","target","HTMLElement","parentElement","parentNode","classList","contains","remove","add","clearTimeout","window","setTimeout","onDblclick","onSelect","selected","concat","onSelectAll","selectedRows","changeRows","_ids","map","includes","onChange","rowKeys","deep","fixed","columnTitle","columnWidth","_createVNode","Flex","Table","_mergeProps","y","x","scrollToFirstRowOnChange","Pagination","current","$event","node","list","getComputedStyle","k","parseInt","getPropertyValue","reduce","prev","cur"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.cjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n nextTick,\r\n onMounted,\r\n ref,\r\n watch\r\n} from \"vue\";\r\nimport { type ExtractPropTypes, type PropType } from \"vue\";\r\nimport { Flex, Pagination, Table } from \"ant-design-vue\";\r\nimport { type TablePaginationConfig } from \"ant-design-vue\";\r\n\r\nimport { type PaginationProps } from \"./interface\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { ColumnsType } from \"ant-design-vue/es/table\";\r\nimport type {\r\n SelectionSelectFn,\r\n TableRowSelection\r\n} from \"ant-design-vue/es/table/interface\";\r\nimport { merge } from \"lodash\";\r\n\r\nexport type Key = string | number;\r\nexport type SizeType =\r\n | \"small\"\r\n | \"middle\"\r\n | \"large\"\r\n | undefined;\r\n\r\n// 定义分页\r\ninterface Page {\r\n total: number;\r\n current: number;\r\n pageSize: number;\r\n}\r\n\r\n// 定义表格配置接口,支持泛型\r\ninterface Config<T = unknown> {\r\n columns: ColumnsType<T>;\r\n // 分页\r\n pagination?: Page | undefined;\r\n // 分页配置\r\n paginationConfig?: PaginationProps;\r\n changePagination?: (\r\n current: number,\r\n size: number\r\n ) => void;\r\n // 单击\r\n click?: (\r\n record: Record<string, unknown>,\r\n index: number\r\n ) => void;\r\n // 双击\r\n dbClick?: (\r\n record: Record<string, unknown>,\r\n index: number\r\n ) => void;\r\n // 选择框的默认属性配置\r\n getCheckboxProps?: (\r\n record: unknown\r\n ) => Record<string, unknown> | undefined; // 返回一个对象或者 undefined\r\n // 点击行号激活的class\r\n activeRowClass?: string;\r\n // 复选框方式\r\n selection?: string;\r\n // 切换分页是否保留选中的ID\r\n keepSelected?: boolean;\r\n}\r\n\r\n// 定义 Props 类型,支持泛型\r\nexport const tableProps = <T = unknown,>() => ({\r\n height: { type: Number, default: 0 },\r\n data: { type: Array as PropType<T[]>, default: () => [] }, // 泛型约束\r\n loading: { type: Boolean, default: false },\r\n rowKey: { type: String, default: \"id\" },\r\n bordered: { type: Boolean, default: false },\r\n size: {\r\n type: String as PropType<SizeType>,\r\n default: \"small\"\r\n },\r\n keys: {\r\n type: Array as PropType<Key[]>,\r\n default: () => []\r\n },\r\n config: {\r\n type: Object as PropType<Config<T>>,\r\n required: true\r\n }\r\n});\r\n\r\nexport type TableProps = Partial<\r\n ExtractPropTypes<ReturnType<typeof tableProps>>\r\n>;\r\n\r\n// 分页组件默认配置\r\nconst defaultPaginationProps: PaginationProps = {\r\n defaultPageSize: 20,\r\n disabled: false,\r\n hideOnSinglePage: false,\r\n pageSize: 20,\r\n pageSizeOptions: [\"20\", \"40\", \"60\", \"80\", \"99\"],\r\n responsive: false,\r\n showLessItems: false,\r\n showQuickJumper: true,\r\n showSizeChanger: true, // 默认展示切换器\r\n showTotal: total => `总共 ${total} 条数据`,\r\n simple: false,\r\n size: \"default\",\r\n total: 0\r\n};\r\n\r\n// 表格默认配置\r\nconst defaultConfig: Config = {\r\n columns: [],\r\n pagination: undefined,\r\n paginationConfig: defaultPaginationProps,\r\n activeRowClass: \"\",\r\n selection: \"N\",\r\n keepSelected: false\r\n};\r\n\r\nconst paginationStyle = css`\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 6px;\r\n`;\r\n\r\n// 定义泛型组件\r\nconst DTable = defineComponent({\r\n name: \"DTable\",\r\n props: tableProps(), // 初始泛型设置为 `unknown`\r\n emits: [\"update:keys\"],\r\n setup(props, { emit, slots, attrs }) {\r\n // 保存选中的唯一id\r\n const selectedRowKeys = ref<Key[]>(props.keys || []);\r\n // 计算表格高度\r\n //const height = computed(() => props.height);\r\n\r\n const { columns, data, pagination } = useProps();\r\n const { tableSlots } = useSlots();\r\n const { paginationConfig, onPaginationChange } =\r\n usePagination();\r\n const { tableRef, tableHeight, antTableBodyRef } =\r\n useHeight();\r\n const rowSelection = useRowSelection();\r\n\r\n onMounted(() => {});\r\n\r\n /**\r\n * props计算属性处理\r\n */\r\n function useProps() {\r\n // 定义计算属性\r\n const _config = computed(() =>\r\n merge({}, defaultConfig, props.config)\r\n );\r\n const columns = computed(() => _config.value.columns);\r\n const data = computed(() => props.data || []);\r\n const pagination = computed(\r\n () => _config.value.pagination || false\r\n );\r\n\r\n return {\r\n columns,\r\n data,\r\n pagination\r\n };\r\n }\r\n\r\n /**\r\n * 插槽处理\r\n */\r\n function useSlots() {\r\n // 定义插槽\r\n const tableSlots = {\r\n bodyCell: (params: unknown) =>\r\n slots.bodyCell?.(params),\r\n summary: () => slots.summary?.()\r\n };\r\n\r\n return {\r\n tableSlots\r\n };\r\n }\r\n\r\n function useHeight() {\r\n const tableRef = ref();\r\n const tableHeight = ref(0);\r\n let headerHeight = 0,\r\n tableEl: HTMLElement;\r\n\r\n // 表格body对象\r\n const antTableBodyRef = ref<HTMLElement>();\r\n\r\n watch(\r\n () => props.height,\r\n val => {\r\n if (val !== 0) {\r\n nextTick(() => {\r\n _tableBodyHeight(val);\r\n });\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n function _tableBodyHeight(height: number) {\r\n tableEl = tableRef?.value?.$el;\r\n //表头高度\r\n headerHeight = useEleHeight(\r\n tableEl.getElementsByClassName(\r\n \"ant-table-header\"\r\n )[0]\r\n );\r\n // 分页\r\n const paginationEl = tableEl.getElementsByClassName(\r\n \"d-pagination\"\r\n )[0] as HTMLElement | undefined;\r\n let paginationHeight = 0;\r\n if (paginationEl) {\r\n paginationEl.style.marginBottom = \"0\";\r\n paginationHeight =\r\n useEleHeight(paginationEl as never) ?? 0;\r\n }\r\n\r\n //总结行\r\n let summaryHeight = 0;\r\n const summaryEl = tableEl.getElementsByClassName(\r\n \"ant-table-summary\"\r\n )[0] as HTMLElement | undefined;\r\n if (summaryEl) {\r\n summaryHeight =\r\n useEleHeight(summaryEl as HTMLElement) ?? 0;\r\n }\r\n\r\n tableHeight.value =\r\n height -\r\n paginationHeight -\r\n headerHeight -\r\n summaryHeight;\r\n\r\n antTableBodyRef.value =\r\n tableEl.getElementsByClassName(\r\n \"ant-table-body\"\r\n )[0] as HTMLElement;\r\n\r\n if (antTableBodyRef.value) {\r\n // 设置body高度\r\n antTableBodyRef.value.style.height =\r\n tableHeight.value + \"px\";\r\n //TODO antTableBodyRef 滚动到底部的时候,需要去除底部边框,否则边框会重叠\r\n //antTableBodyRef.value.style.borderBottom = \"1px solid #f0f0f0\";\r\n }\r\n }\r\n\r\n return {\r\n tableRef,\r\n tableHeight,\r\n antTableBodyRef\r\n };\r\n }\r\n\r\n function usePagination() {\r\n const { changePagination } = props.config!;\r\n const paginationConfig =\r\n computed<TablePaginationConfig>(() => {\r\n return {\r\n position: [\"bottomCenter\"], // 符合类型的分页位置\r\n total: 0, // 确保符合要求\r\n ...defaultPaginationProps,\r\n ...pagination.value\r\n };\r\n });\r\n\r\n const onPaginationChange = (\r\n page: number,\r\n pageSize: number\r\n ) => {\r\n const { selection, keepSelected } = props.config!;\r\n changePagination?.(page, pageSize);\r\n // 切换分页的时候,表体滚动到顶部\r\n antTableBodyRef.value!.scrollTop = 0;\r\n\r\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\r\n // 清空历史选中数据\r\n if (selection === \"S\" || !keepSelected) {\r\n // 只有selectedRowKeys被清空时,这里才触发update;\r\n // 不加判断,会出现执行update后,父组件监听的watch每次都会触发\r\n if (selectedRowKeys.value.length > 0) {\r\n selectedRowKeys.value = [];\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n }\r\n }\r\n };\r\n\r\n return {\r\n paginationConfig,\r\n onPaginationChange\r\n };\r\n }\r\n\r\n function useCustomRow() {\r\n return (record: never, index: number) => {\r\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\r\n let clickTimeout: number = 0;\r\n const {\r\n rowKey,\r\n config: {\r\n click,\r\n dbClick,\r\n selection,\r\n getCheckboxProps\r\n } = {} as Config\r\n } = props;\r\n\r\n // 当前点击行的唯一ID,通过rowKey从record中取值\r\n const id = record[rowKey];\r\n\r\n /**\r\n * 处理单击事件业务\r\n * @param record 当前点击行数据\r\n */\r\n const onClick = () => {\r\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\r\n // 否则checkEnable为false\r\n const checkEnable =\r\n getCheckboxProps === undefined\r\n ? false\r\n : getCheckboxProps(record)?.disabled;\r\n\r\n if (selection === \"N\" || checkEnable) {\r\n // 1. 未开启复选框 则不处理数据选中操作\r\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\r\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\r\n // 方法返回的disabled为true就不执行\r\n // 复选框选中的操作\r\n return;\r\n }\r\n const haveState = selectedRowKeys.value.some(\r\n (key: Key) => key === id\r\n );\r\n if (haveState) {\r\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\r\n selectedRowKeys.value =\r\n selectedRowKeys.value.filter(\r\n (key: Key) => key !== id\r\n );\r\n } else {\r\n if (selection === \"S\") {\r\n //单选的时候 清空选中的数据 再赋值新的ID\r\n selectedRowKeys.value = [];\r\n selectedRowKeys.value.push(id);\r\n } else {\r\n //多选直接追加ID\r\n selectedRowKeys.value.push(id);\r\n }\r\n }\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n function activeRowBackground(event: Event) {\r\n const { activeRowClass } = props.config!;\r\n if (!activeRowClass) return;\r\n const curEl = event.target;\r\n if (curEl instanceof HTMLElement) {\r\n const parentElement =\r\n curEl.parentNode as HTMLElement;\r\n if (\r\n parentElement &&\r\n parentElement.classList.contains(\r\n activeRowClass\r\n )\r\n ) {\r\n parentElement.classList.remove(\r\n activeRowClass\r\n );\r\n } else {\r\n parentElement?.classList.add(activeRowClass);\r\n }\r\n }\r\n }\r\n\r\n return {\r\n onClick: (event: Event) => {\r\n clearTimeout(clickTimeout);\r\n clickTimeout = window.setTimeout(() => {\r\n // 处理背景激活逻辑\r\n activeRowBackground(event);\r\n // 处理单击事件业务\r\n onClick();\r\n // 回传数据 自定义单击后的业务\r\n click?.(record, index);\r\n }, 200);\r\n }, // 点击行\r\n onDblclick: () => {\r\n clearTimeout(clickTimeout);\r\n // 回传数据 自定义单击后的业务\r\n dbClick?.(record, index);\r\n }\r\n };\r\n };\r\n }\r\n\r\n function useRowSelection() {\r\n const rowSelection = ref<\r\n TableRowSelection<unknown> | undefined\r\n >(undefined);\r\n\r\n const {\r\n rowKey,\r\n config: { getCheckboxProps, selection } = {}\r\n } = props;\r\n\r\n const onSelect: SelectionSelectFn<unknown> = (\r\n record,\r\n selected\r\n ) => {\r\n const data = record as Record<string, never>;\r\n if (selection === \"S\") {\r\n selectedRowKeys.value = [];\r\n selectedRowKeys.value = selected\r\n ? [data[rowKey]]\r\n : [];\r\n } else {\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(data[rowKey])\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => key !== data[rowKey]\r\n );\r\n }\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n const onSelectAll = (\r\n selected: boolean,\r\n selectedRows: unknown[],\r\n changeRows: unknown[]\r\n ) => {\r\n const _ids = changeRows.map(\r\n (record: unknown) =>\r\n (record as { [key: string]: never })[rowKey]\r\n );\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(_ids)\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => !_ids.includes(key as never)\r\n );\r\n\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n //TODO 这个方法在单选的时候 会出现异常bug,暂时不知道怎么解决\r\n const onChange = (\r\n rowKeys: Key[],\r\n selectedRows: unknown[]\r\n ) => {\r\n // 显式转换 selectedRows 的类型为 Record<string, never>[]\r\n const data = selectedRows as Record<\r\n string,\r\n never\r\n >[];\r\n // 等于0 说明是取消全选,反之\r\n const selected = data.length !== 0;\r\n // 显式转换 _ids 的类型为 Key[]\r\n const _ids: Key[] = props.data.map(\r\n record =>\r\n (record as Record<string, unknown>)[\r\n rowKey\r\n ] as Key\r\n );\r\n\r\n // 更新 selectedRowKeys\r\n // selected 为true,说明是全选,那么rowKeys是权限后的数组ID,需要过滤掉selectedRowKeys里的不在id才进行添加,\r\n // 否则会出现,比如一开始选择了两条数据,然后再进行全选的话 会多出两个重复ID\r\n // selected 为false,说明是取消全选,那么需要从selectedRowKeys过滤掉 _ids的id\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(\r\n rowKeys.filter(\r\n (key: Key) =>\r\n !selectedRowKeys.value.includes(key)\r\n )\r\n )\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => !_ids.includes(key)\r\n );\r\n console.log(\"onSelect\", selectedRowKeys.value);\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\r\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\r\n watch(\r\n () => props.keys,\r\n val => {\r\n selectedRowKeys.value = val;\r\n },\r\n {\r\n deep: true,\r\n immediate: true\r\n }\r\n );\r\n\r\n watch(\r\n () => props.config?.selection,\r\n val => {\r\n if (val !== \"N\") {\r\n rowSelection.value = {\r\n selectedRowKeys: selectedRowKeys as never,\r\n onSelect,\r\n onSelectAll,\r\n fixed: true,\r\n columnTitle:\r\n selection === \"S\" ? \"选择\" : null,\r\n columnWidth: selection === \"S\" ? 60 : 40,\r\n getCheckboxProps: getCheckboxProps as never\r\n };\r\n } else {\r\n rowSelection.value = undefined;\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n return rowSelection;\r\n }\r\n\r\n return () => (\r\n <Flex vertical={true} ref={tableRef}>\r\n <Table\r\n {...attrs}\r\n loading={props.loading}\r\n size={props.size}\r\n bordered={props.bordered}\r\n dataSource={data.value}\r\n columns={columns.value}\r\n rowSelection={rowSelection.value}\r\n customRow={useCustomRow() as never}\r\n pagination={false}\r\n rowKey={props.rowKey}\r\n v-slots={tableSlots}\r\n scroll={{\r\n y: tableHeight.value,\r\n x: \"100%\",\r\n scrollToFirstRowOnChange: true\r\n }}\r\n />\r\n {pagination.value && (\r\n <div class={[paginationStyle, \"d-pagination\"]}>\r\n {\r\n <Pagination\r\n v-model:current={\r\n paginationConfig.value.current\r\n }\r\n v-model:pageSize={\r\n paginationConfig.value.pageSize\r\n }\r\n total={paginationConfig.value.total}\r\n disabled={props.loading}\r\n show-size-changer\r\n size={\"default\"}\r\n hide-on-single-page={\r\n paginationConfig.value.hideOnSinglePage\r\n }\r\n show-quick-jumper={\r\n paginationConfig.value.showQuickJumper\r\n }\r\n default-page-size={\r\n paginationConfig.value.defaultPageSize\r\n }\r\n page-size-options={\r\n paginationConfig.value.pageSizeOptions\r\n }\r\n show-total={\r\n paginationConfig.value.showTotal\r\n }\r\n onChange={onPaginationChange}\r\n showLessItems={true}\r\n ></Pagination>\r\n }\r\n </div>\r\n )}\r\n </Flex>\r\n );\r\n }\r\n});\r\n\r\nexport const useEleHeight = (node: Element) => {\r\n const list = [\r\n \"margin-top\",\r\n \"margin-bottom\",\r\n \"border-top\",\r\n \"border-bottom\",\r\n \"padding-top\",\r\n \"padding-bottom\",\r\n \"height\"\r\n ];\r\n const style = getComputedStyle(node);\r\n return list\r\n .map(k => parseInt(style.getPropertyValue(k), 10))\r\n .reduce((prev, cur) => {\r\n return prev + cur;\r\n });\r\n};\r\n\r\nexport default DTable;\r\n"],"names":["tableProps","height","type","Number","default","data","Array","loading","Boolean","rowKey","String","bordered","size","keys","config","Object","required","defaultPaginationProps","defaultPageSize","disabled","hideOnSinglePage","pageSize","pageSizeOptions","responsive","showLessItems","showQuickJumper","showSizeChanger","showTotal","total","simple","defaultConfig","columns","pagination","undefined","paginationConfig","activeRowClass","selection","keepSelected","paginationStyle","css","DTable","defineComponent","name","props","emits","setup","emit","slots","attrs","selectedRowKeys","ref","useProps","tableSlots","useSlots","onPaginationChange","usePagination","tableRef","tableHeight","antTableBodyRef","useHeight","rowSelection","useRowSelection","onMounted","_config","computed","merge","value","bodyCell","params","summary","headerHeight","tableEl","watch","val","nextTick","_tableBodyHeight","immediate","$el","useEleHeight","getElementsByClassName","paginationEl","paginationHeight","style","marginBottom","summaryHeight","summaryEl","changePagination","position","page","scrollTop","length","useCustomRow","record","index","clickTimeout","click","dbClick","getCheckboxProps","id","onClick","checkEnable","haveState","some","key","filter","push","activeRowBackground","event","curEl","target","HTMLElement","parentElement","parentNode","classList","contains","remove","add","clearTimeout","window","setTimeout","onDblclick","onSelect","selected","concat","onSelectAll","selectedRows","changeRows","_ids","map","includes","onChange","rowKeys","console","log","deep","fixed","columnTitle","columnWidth","_createVNode","Flex","Table","_mergeProps","y","x","scrollToFirstRowOnChange","Pagination","current","$event","node","list","getComputedStyle","k","parseInt","getPropertyValue","reduce","prev","cur"],"mappings":"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"}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
"use strict";
|
|
6
|
+
var useMenuCore = () => {
|
|
7
|
+
const findMatchedMenuById = (id, menuItems) => {
|
|
8
|
+
const targetItem = findMenuItemById(id, menuItems);
|
|
9
|
+
if (!targetItem)
|
|
10
|
+
return { matchItem: null, parentItem: null };
|
|
11
|
+
if (!targetItem.parentId) {
|
|
12
|
+
return {
|
|
13
|
+
matchItem: targetItem,
|
|
14
|
+
parentItem: null
|
|
15
|
+
};
|
|
16
|
+
}
|
|
17
|
+
const parentItem = findMenuItemById(
|
|
18
|
+
targetItem.parentId,
|
|
19
|
+
menuItems
|
|
20
|
+
);
|
|
21
|
+
return {
|
|
22
|
+
matchItem: targetItem,
|
|
23
|
+
parentItem: parentItem ? parentItem : null
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
const findMenuItemById = (id, menuItems) => {
|
|
27
|
+
for (const item of menuItems) {
|
|
28
|
+
if (item.id === id) return item;
|
|
29
|
+
if (item.children) {
|
|
30
|
+
const found = findMenuItemById(id, item.children);
|
|
31
|
+
if (found) return found;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
return null;
|
|
35
|
+
};
|
|
36
|
+
const findMenuItemByUrl = (url, menuItems) => {
|
|
37
|
+
for (const item of menuItems) {
|
|
38
|
+
if (item.url === url) return item;
|
|
39
|
+
if (item.children) {
|
|
40
|
+
const found = findMenuItemByUrl(url, item.children);
|
|
41
|
+
if (found) return found;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
return null;
|
|
45
|
+
};
|
|
46
|
+
return {
|
|
47
|
+
findMatchedMenuById,
|
|
48
|
+
findMenuItemByUrl
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
|
|
52
|
+
exports.default = useMenuCore;
|
|
53
|
+
//# sourceMappingURL=useMenuCore.cjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMenuCore.cjs","sources":["../../../src/utils/useMenuCore.ts"],"sourcesContent":["export default () => {\r\n /**\r\n * 通过 id 查找菜单项(包括其 path 和父级 path)\r\n * @param id 要查找的菜单项 id\r\n * @param menuItems 菜单数据\r\n * @returns { matchedPath: string; parentPath: string | null } | null\r\n */\r\n const findMatchedMenuById = (\r\n id: string,\r\n menuItems: any[]\r\n ): { parentItem: any; matchItem: any } => {\r\n // 先找到目标菜单项\r\n const targetItem = findMenuItemById(id, menuItems);\r\n if (!targetItem)\r\n return { matchItem: null, parentItem: null };\r\n\r\n // 如果是顶级菜单,parentPath 为 null\r\n if (!targetItem.parentId) {\r\n return {\r\n matchItem: targetItem,\r\n parentItem: null\r\n };\r\n }\r\n\r\n // 否则找到父级菜单的 path\r\n const parentItem = findMenuItemById(\r\n targetItem.parentId,\r\n menuItems\r\n );\r\n return {\r\n matchItem: targetItem,\r\n parentItem: parentItem ? parentItem : null\r\n };\r\n };\r\n\r\n /**\r\n * 通过 id 查找单个菜单项(辅助函数)\r\n */\r\n const findMenuItemById = (\r\n id: string,\r\n menuItems: any[]\r\n ): any | null => {\r\n for (const item of menuItems) {\r\n if (item.id === id) return item;\r\n if (item.children) {\r\n const found = findMenuItemById(id, item.children);\r\n if (found) return found;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n const findMenuItemByUrl = (\r\n url: string,\r\n menuItems: any[]\r\n ): any => {\r\n for (const item of menuItems) {\r\n if (item.url === url) return item;\r\n if (item.children) {\r\n const found = findMenuItemByUrl(url, item.children);\r\n if (found) return found;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n return {\r\n findMatchedMenuById,\r\n findMenuItemByUrl\r\n };\r\n};\r\n"],"names":[],"mappings":";;;;;AAAA,kBAAe,MAAM;AAOnB,EAAM,MAAA,mBAAA,GAAsB,CAC1B,EAAA,EACA,SACwC,KAAA;AAExC,IAAM,MAAA,UAAA,GAAa,gBAAiB,CAAA,EAAA,EAAI,SAAS,CAAA;AACjD,IAAA,IAAI,CAAC,UAAA;AACH,MAAA,OAAO,EAAE,SAAA,EAAW,IAAM,EAAA,UAAA,EAAY,IAAK,EAAA;AAG7C,IAAI,IAAA,CAAC,WAAW,QAAU,EAAA;AACxB,MAAO,OAAA;AAAA,QACL,SAAW,EAAA,UAAA;AAAA,QACX,UAAY,EAAA;AAAA,OACd;AAAA;AAIF,IAAA,MAAM,UAAa,GAAA,gBAAA;AAAA,MACjB,UAAW,CAAA,QAAA;AAAA,MACX;AAAA,KACF;AACA,IAAO,OAAA;AAAA,MACL,SAAW,EAAA,UAAA;AAAA,MACX,UAAA,EAAY,aAAa,UAAa,GAAA;AAAA,KACxC;AAAA,GACF;AAKA,EAAM,MAAA,gBAAA,GAAmB,CACvB,EAAA,EACA,SACe,KAAA;AACf,IAAA,KAAA,MAAW,QAAQ,SAAW,EAAA;AAC5B,MAAI,IAAA,IAAA,CAAK,EAAO,KAAA,EAAA,EAAW,OAAA,IAAA;AAC3B,MAAA,IAAI,KAAK,QAAU,EAAA;AACjB,QAAA,MAAM,KAAQ,GAAA,gBAAA,CAAiB,EAAI,EAAA,IAAA,CAAK,QAAQ,CAAA;AAChD,QAAA,IAAI,OAAc,OAAA,KAAA;AAAA;AACpB;AAEF,IAAO,OAAA,IAAA;AAAA,GACT;AAEA,EAAM,MAAA,iBAAA,GAAoB,CACxB,GAAA,EACA,SACQ,KAAA;AACR,IAAA,KAAA,MAAW,QAAQ,SAAW,EAAA;AAC5B,MAAI,IAAA,IAAA,CAAK,GAAQ,KAAA,GAAA,EAAY,OAAA,IAAA;AAC7B,MAAA,IAAI,KAAK,QAAU,EAAA;AACjB,QAAA,MAAM,KAAQ,GAAA,iBAAA,CAAkB,GAAK,EAAA,IAAA,CAAK,QAAQ,CAAA;AAClD,QAAA,IAAI,OAAc,OAAA,KAAA;AAAA;AACpB;AAEF,IAAO,OAAA,IAAA;AAAA,GACT;AAEA,EAAO,OAAA;AAAA,IACL,mBAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;;;;"}
|
|
@@ -20,14 +20,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
20
20
|
}) },
|
|
21
21
|
isSettings: { type: Boolean, required: false, default: true }
|
|
22
22
|
},
|
|
23
|
-
emits: ["
|
|
23
|
+
emits: ["onMenuClick"],
|
|
24
24
|
setup(__props, { emit: __emit }) {
|
|
25
25
|
const props = __props;
|
|
26
26
|
const emits = __emit;
|
|
27
27
|
const { layout, modeConfig, sideTokenStyle } = storeToRefs(useAppStore());
|
|
28
28
|
const route = useRoute();
|
|
29
29
|
useWatermark();
|
|
30
|
-
const {
|
|
30
|
+
const { onMenuClick } = useMenu();
|
|
31
31
|
const {
|
|
32
32
|
layoutStyle,
|
|
33
33
|
siderStyle,
|
|
@@ -105,11 +105,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
105
105
|
};
|
|
106
106
|
}
|
|
107
107
|
function useMenu() {
|
|
108
|
-
const
|
|
109
|
-
emits("
|
|
108
|
+
const onMenuClick2 = (item) => {
|
|
109
|
+
emits("onMenuClick", item);
|
|
110
110
|
};
|
|
111
111
|
return {
|
|
112
|
-
|
|
112
|
+
onMenuClick: onMenuClick2
|
|
113
113
|
};
|
|
114
114
|
}
|
|
115
115
|
return (_ctx, _cache) => {
|
|
@@ -136,7 +136,7 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
136
136
|
default: withCtx(() => [
|
|
137
137
|
createElementVNode("div", _hoisted_1, [
|
|
138
138
|
renderSlot(_ctx.$slots, "logo"),
|
|
139
|
-
createVNode(unref(Menu), { onMenuChange: unref(
|
|
139
|
+
createVNode(unref(Menu), { onMenuChange: unref(onMenuClick) }, null, 8, ["onMenuChange"])
|
|
140
140
|
])
|
|
141
141
|
]),
|
|
142
142
|
_: 3
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n useAppStore,\r\n useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n watermark: { type: Object, required: false, default: () => ({\r\n content: \"\"\r\n }) },\n isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"
|
|
1
|
+
{"version":3,"file":"Layout.vue2.mjs","sources":["../../../../src/components/layout/Layout.vue"],"sourcesContent":["<script setup lang=\"ts\">\r\nimport { computed, provide, ref, watch } from \"vue\";\r\nimport { useRoute } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport DMenu from \"./components/menu/Menu\";\r\nimport SettingDrawer from \"./components/settings/SettingDrawer\";\r\nimport {\r\n useAppStore,\r\n useKeepAliveStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport HeaderLayout from \"./components/layout/HeaderLayout.vue\";\r\nimport RouterContent from \"./components/layout/RouterContent.vue\";\r\n\r\nconst props = defineProps({\n watermark: { type: Object, required: false, default: () => ({\r\n content: \"\"\r\n }) },\n isSettings: { type: Boolean, required: false, default: true }\n});\r\nconst emits = defineEmits([\"onMenuClick\"]);\r\n\r\nconst { layout, modeConfig, sideTokenStyle } =\r\n storeToRefs(useAppStore());\r\nconst route = useRoute();\r\nuseWatermark();\r\nconst { onMenuClick } = useMenu();\r\n\r\nconst {\r\n layoutStyle,\r\n siderStyle,\r\n rightStyle,\r\n rightContentStyle\r\n} = useStyle();\r\nuseKeepAlive();\r\n\r\nfunction useKeepAlive() {\r\n // 保存需要被缓存的标签\r\n const { save } = useKeepAliveStore();\r\n\r\n watch(\r\n () => route.path,\r\n () => {\r\n save(route);\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n}\r\n\r\nfunction useWatermark() {\r\n const watermarkContent = ref(\"\");\r\n provide(\"watermarkContent\", watermarkContent);\r\n // 监听 watermark 的变化\r\n watch(\r\n () => props.watermark,\r\n val => {\r\n watermarkContent.value = val.content || \"\";\r\n },\r\n { deep: true, immediate: true }\r\n );\r\n}\r\n\r\nfunction useStyle() {\r\n const layoutStyle = css`\r\n height: 100vh;\r\n `;\r\n\r\n const transitionStyle = css`\r\n transition: margin-left 0.4s\r\n cubic-bezier(0.22, 1.2, 0.36, 1);\r\n `;\r\n\r\n const left = computed(\r\n () =>\r\n `${layout.value.collapsed ? layout.value.collapsedWidth : layout.value.sideWidth}px`\r\n );\r\n\r\n const siderStyle = computed(\r\n () => css`\r\n position: fixed !important;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: 1;\r\n width: ${layout.value.sideWidth}px;\r\n\r\n .app-side {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n ${modeConfig.value.mode === \"light\"\r\n ? `background:${sideTokenStyle.value.bgColor};`\r\n : \"\"}\r\n }\r\n `\r\n );\r\n\r\n const rightStyle = computed(\r\n () => css`\r\n margin-left: ${left.value};\r\n ${transitionStyle}\r\n `\r\n );\r\n\r\n const rightContentStyle = computed(\r\n () => css`\r\n padding-top: ${layout.value.headerHeight}px;\r\n `\r\n );\r\n\r\n return {\r\n layoutStyle,\r\n siderStyle,\r\n rightStyle,\r\n rightContentStyle\r\n };\r\n}\r\n\r\nfunction useMenu() {\r\n const onMenuClick = (item: never) => {\r\n emits(\"onMenuClick\", item);\r\n };\r\n\r\n return {\r\n onMenuClick\r\n };\r\n}\r\n</script>\r\n\r\n<template>\r\n <a-layout :class=\"layoutStyle\">\r\n <a-layout-sider\r\n v-model:collapsed=\"layout.collapsed\"\r\n theme=\"light\"\r\n collapsible\r\n :trigger=\"null\"\r\n :class=\"siderStyle\"\r\n >\r\n <div class=\"app-side\">\r\n <slot name=\"logo\"></slot>\r\n <d-menu @menu-change=\"onMenuClick\" />\r\n </div>\r\n </a-layout-sider>\r\n <a-layout :class=\"rightStyle\">\r\n <header-layout>\r\n <slot name=\"headerRight\"></slot>\r\n </header-layout>\r\n <a-layout-content :class=\"rightContentStyle\">\r\n <RouterContent />\r\n </a-layout-content>\r\n </a-layout>\r\n </a-layout>\r\n\r\n <SettingDrawer v-if=\"isSettings\" />\r\n <a-back-top></a-back-top>\r\n</template>\r\n\r\n<style scoped></style>\r\n"],"names":["layoutStyle","siderStyle","rightStyle","rightContentStyle","onMenuClick"],"mappings":"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"}
|
|
@@ -3,6 +3,7 @@ import { useRoute, useRouter } from 'vue-router';
|
|
|
3
3
|
import { storeToRefs } from 'pinia';
|
|
4
4
|
import { useAppStore, useNoStore, useMenuStore } from '@ditari/store';
|
|
5
5
|
import { css } from '@emotion/css';
|
|
6
|
+
import useMenuCore from '../../../../utils/useMenuCore.mjs';
|
|
6
7
|
|
|
7
8
|
"use strict";
|
|
8
9
|
var __async = (__this, __arguments, generator) => {
|
|
@@ -27,7 +28,7 @@ var __async = (__this, __arguments, generator) => {
|
|
|
27
28
|
};
|
|
28
29
|
var Menu = /* @__PURE__ */ defineComponent({
|
|
29
30
|
name: "DMenu",
|
|
30
|
-
emits: ["
|
|
31
|
+
emits: ["onMenuClick"],
|
|
31
32
|
setup(_, {
|
|
32
33
|
emit
|
|
33
34
|
}) {
|
|
@@ -35,6 +36,10 @@ var Menu = /* @__PURE__ */ defineComponent({
|
|
|
35
36
|
layout,
|
|
36
37
|
modeConfig
|
|
37
38
|
} = storeToRefs(useAppStore());
|
|
39
|
+
const {
|
|
40
|
+
findMatchedMenuById,
|
|
41
|
+
findMenuItemByUrl
|
|
42
|
+
} = useMenuCore();
|
|
38
43
|
const {
|
|
39
44
|
menuList
|
|
40
45
|
} = storeToRefs(useNoStore());
|
|
@@ -81,52 +86,52 @@ var Menu = /* @__PURE__ */ defineComponent({
|
|
|
81
86
|
if (!flag) {
|
|
82
87
|
const rs = _findMatchedMenuKey(path, data.value);
|
|
83
88
|
if (rs) {
|
|
89
|
+
let matchItem = null;
|
|
90
|
+
if (rs.matchedUrl) {
|
|
91
|
+
matchItem = findMenuItemByUrl(rs.matchedUrl, data.value);
|
|
92
|
+
}
|
|
84
93
|
if (!layout.value.collapsed) {
|
|
85
|
-
|
|
86
|
-
openKeys2.value = [rs.parentKey];
|
|
87
|
-
} else {
|
|
88
|
-
openKeys2.value = [rs.matchedKey];
|
|
89
|
-
}
|
|
94
|
+
openKeys2.value = [matchItem == null ? void 0 : matchItem.parentId];
|
|
90
95
|
}
|
|
91
|
-
selectedKeys2.value = [
|
|
96
|
+
selectedKeys2.value = [matchItem == null ? void 0 : matchItem.id];
|
|
92
97
|
}
|
|
93
98
|
}
|
|
94
99
|
}));
|
|
95
100
|
watch(() => layout.value.collapsed, (val) => {
|
|
96
|
-
const
|
|
97
|
-
const rs =
|
|
101
|
+
const id = selectedKeys2.value[0];
|
|
102
|
+
const rs = findMatchedMenuById(id, data.value);
|
|
98
103
|
if (val) {
|
|
99
104
|
openKeys2.value = [];
|
|
100
105
|
} else {
|
|
101
|
-
if (rs == null ? void 0 : rs.
|
|
102
|
-
openKeys2.value = [rs.
|
|
106
|
+
if (rs == null ? void 0 : rs.parentItem) {
|
|
107
|
+
openKeys2.value = [rs.parentItem.key];
|
|
103
108
|
} else {
|
|
104
|
-
openKeys2.value = [rs.
|
|
109
|
+
openKeys2.value = [rs.matchItem.key];
|
|
105
110
|
}
|
|
106
111
|
}
|
|
107
112
|
});
|
|
108
|
-
const _findMatchedMenuKey = (path, menuItems,
|
|
113
|
+
const _findMatchedMenuKey = (path, menuItems, parentUrl = "") => {
|
|
109
114
|
for (const item of menuItems) {
|
|
110
|
-
if (item.
|
|
115
|
+
if (item.url === path) {
|
|
111
116
|
return {
|
|
112
|
-
|
|
113
|
-
|
|
117
|
+
matchedUrl: item.url,
|
|
118
|
+
parentUrl
|
|
114
119
|
};
|
|
115
120
|
}
|
|
116
121
|
if (item.children && item.children.length > 0) {
|
|
117
|
-
const result = _findMatchedMenuKey(path, item.children, item.
|
|
122
|
+
const result = _findMatchedMenuKey(path, item.children, item.url);
|
|
118
123
|
if (result) {
|
|
119
124
|
return result;
|
|
120
125
|
}
|
|
121
126
|
}
|
|
122
|
-
if (path.startsWith(item.
|
|
127
|
+
if (path.startsWith(item.url)) {
|
|
123
128
|
if (!item.children || item.children.length === 0) {
|
|
124
129
|
return {
|
|
125
|
-
|
|
126
|
-
|
|
130
|
+
matchedUrl: item.url,
|
|
131
|
+
parentUrl
|
|
127
132
|
};
|
|
128
133
|
}
|
|
129
|
-
const result = _findMatchedMenuKey(path, item.children, item.
|
|
134
|
+
const result = _findMatchedMenuKey(path, item.children, item.url);
|
|
130
135
|
if (result) {
|
|
131
136
|
return result;
|
|
132
137
|
}
|
|
@@ -139,13 +144,15 @@ var Menu = /* @__PURE__ */ defineComponent({
|
|
|
139
144
|
keyPath,
|
|
140
145
|
item
|
|
141
146
|
}) => {
|
|
147
|
+
var _a, _b, _c;
|
|
148
|
+
const rs = findMatchedMenuById(key, data.value);
|
|
142
149
|
if (item.isFrame && item.isFrame === "0") {
|
|
143
|
-
emit("
|
|
150
|
+
emit("onMenuClick", item);
|
|
144
151
|
} else {
|
|
145
152
|
openKeys2.value = keyPath;
|
|
146
|
-
selectedKeys2.value = [key];
|
|
147
|
-
if (
|
|
148
|
-
router.push(
|
|
153
|
+
selectedKeys2.value = [(_a = rs.matchItem) == null ? void 0 : _a.key];
|
|
154
|
+
if (((_b = rs.matchItem) == null ? void 0 : _b.url) !== route.path) {
|
|
155
|
+
router.push((_c = rs.matchItem) == null ? void 0 : _c.url).then((r) => {
|
|
149
156
|
if (r) {
|
|
150
157
|
console.warn(r);
|
|
151
158
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.mjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n useAppStore,\r\n useMenuStore,\r\n useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nexport default defineComponent({\r\n name: \"DMenu\",\r\n emits: [\"menuChange\"],\r\n setup(_, { emit }) {\r\n const { layout, modeConfig } =\r\n storeToRefs(useAppStore());\r\n const { menuList } = storeToRefs(useNoStore());\r\n const { menuWrapperStyle } = useStyle();\r\n const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n function useStyle() {\r\n const menuWrapperStyle = computed(\r\n () => css`\r\n flex: 1;\r\n overflow: hidden;\r\n\r\n .ant-menu {\r\n height: 100%;\r\n overflow: scroll;\r\n -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n ${modeConfig.value.mode === \"light\"\r\n ? \"background:transparent;\"\r\n : \"\"}\r\n /* Webkit 浏览器 */\r\n ::-webkit-scrollbar {\r\n display: none;\r\n }\r\n }\r\n `\r\n );\r\n return {\r\n menuWrapperStyle\r\n };\r\n }\r\n\r\n function useMenu() {\r\n const { openKeys, selectedKeys, data } =\r\n storeToRefs(useMenuStore());\r\n const route = useRoute();\r\n const router = useRouter();\r\n\r\n /**\r\n * 在标签切换的时候,路由会变化,需要动态关联左侧菜单的选中状态\r\n */\r\n watch(\r\n () => route.fullPath,\r\n async path => {\r\n const flag = selectedKeys.value.some(\r\n (item: string) => item === path\r\n );\r\n if (!flag) {\r\n const rs = _findMatchedMenuKey(\r\n path,\r\n data.value as never\r\n );\r\n if (rs) {\r\n if (!layout.value.collapsed) {\r\n if (rs?.parentKey) {\r\n openKeys.value = [rs.parentKey];\r\n } else {\r\n openKeys.value = [rs!.matchedKey];\r\n }\r\n }\r\n selectedKeys.value = [rs!.matchedKey];\r\n }\r\n }\r\n }\r\n );\r\n\r\n watch(\r\n () => layout.value.collapsed,\r\n val => {\r\n const path = selectedKeys.value[0];\r\n const rs = _findMatchedMenuKey(\r\n path,\r\n data.value as never\r\n );\r\n if (val) {\r\n openKeys.value = [];\r\n } else {\r\n if (rs?.parentKey) {\r\n openKeys.value = [rs.parentKey];\r\n } else {\r\n openKeys.value = [rs!.matchedKey];\r\n }\r\n }\r\n }\r\n );\r\n\r\n const _findMatchedMenuKey = (\r\n path: string,\r\n menuItems: { key: string; children?: never[] }[],\r\n parentKey: string = \"\"\r\n ): {\r\n matchedKey: string;\r\n parentKey: string;\r\n } | null => {\r\n // 遍历菜单项\r\n for (const item of menuItems) {\r\n // 完全匹配\r\n if (item.key === path) {\r\n return { matchedKey: item.key, parentKey };\r\n }\r\n\r\n // 如果当前菜单项有 children,递归查找\r\n if (item.children && item.children.length > 0) {\r\n const result = _findMatchedMenuKey(\r\n path,\r\n item.children,\r\n item.key\r\n );\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n\r\n // 匹配路径前缀(确保只匹配最深层的菜单项)\r\n if (path.startsWith(item.key)) {\r\n // 如果路径以该菜单项的 key 开头,且该菜单项没有子菜单,直接返回匹配的菜单\r\n if (\r\n !item.children ||\r\n item.children.length === 0\r\n ) {\r\n return { matchedKey: item.key, parentKey };\r\n }\r\n // 如果是父菜单且有子菜单,继续递归寻找匹配的子菜单\r\n const result = _findMatchedMenuKey(\r\n path,\r\n item.children,\r\n item.key\r\n );\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n }\r\n\r\n // 如果没有找到匹配的菜单项,返回 null\r\n return null;\r\n };\r\n\r\n const onClick = ({\r\n key,\r\n keyPath,\r\n item\r\n }: {\r\n item: { isFrame: string };\r\n key: string;\r\n keyPath: string[];\r\n }) => {\r\n if (item.isFrame && item.isFrame === \"0\") {\r\n emit(\"menuChange\", item);\r\n } else {\r\n openKeys.value = keyPath;\r\n selectedKeys.value = [key];\r\n if (route.path !== key) {\r\n // 判断目标路由和当前路由是否相等;\r\n // 不相等的时候再跳转\r\n router.push(key).then(r => {\r\n if (r) {\r\n console.warn(r);\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n return {\r\n openKeys,\r\n selectedKeys,\r\n data,\r\n onClick\r\n };\r\n }\r\n\r\n return () => (\r\n <div class={menuWrapperStyle.value}>\r\n <a-menu\r\n v-model:open-keys={openKeys.value}\r\n v-model:selected-keys={selectedKeys.value}\r\n items={menuList.value}\r\n mode=\"inline\"\r\n triggerSubMenuAction={\"hover\"}\r\n onClick={onClick}\r\n ></a-menu>\r\n </div>\r\n );\r\n }\r\n});\r\n"],"names":["name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","rs","_findMatchedMenuKey","collapsed","parentKey","matchedKey","val","menuItems","key","children","length","result","startsWith","keyPath","isFrame","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Menu.mjs","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"sourcesContent":["import { computed, defineComponent, watch } from \"vue\";\r\nimport { useRoute, useRouter } from \"vue-router\";\r\nimport { storeToRefs } from \"pinia\";\r\n\r\nimport {\r\n useAppStore,\r\n useMenuStore,\r\n useNoStore\r\n} from \"@ditari/store\";\r\nimport { css } from \"@emotion/css\";\r\n\r\nimport useMenuCore from \"../../../../utils/useMenuCore\";\r\n\r\nexport default defineComponent({\r\n name: \"DMenu\",\r\n emits: [\"onMenuClick\"],\r\n setup(_, { emit }) {\r\n const { layout, modeConfig } =\r\n storeToRefs(useAppStore());\r\n const { findMatchedMenuById, findMenuItemByUrl } =\r\n useMenuCore();\r\n const { menuList } = storeToRefs(useNoStore());\r\n const { menuWrapperStyle } = useStyle();\r\n const { openKeys, selectedKeys, onClick } = useMenu();\r\n\r\n function useStyle() {\r\n const menuWrapperStyle = computed(\r\n () => css`\r\n flex: 1;\r\n overflow: hidden;\r\n\r\n .ant-menu {\r\n height: 100%;\r\n overflow: scroll;\r\n -ms-overflow-style: none; /* 对 IE 和 Edge 生效 */\r\n scrollbar-width: none; /* 对 Firefox 生效 */\r\n\r\n ${modeConfig.value.mode === \"light\"\r\n ? \"background:transparent;\"\r\n : \"\"}\r\n /* Webkit 浏览器 */\r\n ::-webkit-scrollbar {\r\n display: none;\r\n }\r\n }\r\n `\r\n );\r\n return {\r\n menuWrapperStyle\r\n };\r\n }\r\n\r\n function useMenu() {\r\n const { openKeys, selectedKeys, data } =\r\n storeToRefs(useMenuStore());\r\n const route = useRoute();\r\n const router = useRouter();\r\n\r\n /**\r\n * 在标签切换的时候,路由会变化,需要动态关联左侧菜单的选中状态\r\n */\r\n watch(\r\n () => route.fullPath,\r\n async path => {\r\n const flag = selectedKeys.value.some(\r\n (item: string) => item === path\r\n );\r\n if (!flag) {\r\n const rs = _findMatchedMenuKey(\r\n path,\r\n data.value as never\r\n );\r\n if (rs) {\r\n let matchItem = null;\r\n if (rs.matchedUrl) {\r\n matchItem = findMenuItemByUrl(\r\n rs.matchedUrl,\r\n data.value as never\r\n );\r\n }\r\n\r\n if (!layout.value.collapsed) {\r\n openKeys.value = [matchItem?.parentId];\r\n }\r\n selectedKeys.value = [matchItem?.id];\r\n }\r\n }\r\n }\r\n );\r\n\r\n watch(\r\n () => layout.value.collapsed,\r\n val => {\r\n const id = selectedKeys.value[0];\r\n const rs = findMatchedMenuById(\r\n id,\r\n data.value as never\r\n );\r\n\r\n if (val) {\r\n openKeys.value = [];\r\n } else {\r\n if (rs?.parentItem) {\r\n openKeys.value = [rs.parentItem.key];\r\n } else {\r\n openKeys.value = [rs!.matchItem.key];\r\n }\r\n }\r\n }\r\n );\r\n\r\n const _findMatchedMenuKey = (\r\n path: string,\r\n menuItems: any[],\r\n parentUrl: string = \"\"\r\n ): {\r\n matchedUrl: string;\r\n parentUrl: string;\r\n } | null => {\r\n // 遍历菜单项\r\n for (const item of menuItems) {\r\n // 完全匹配\r\n if (item.url === path) {\r\n return { matchedUrl: item.url, parentUrl };\r\n }\r\n\r\n // 如果当前菜单项有 children,递归查找\r\n if (item.children && item.children.length > 0) {\r\n const result = _findMatchedMenuKey(\r\n path,\r\n item.children,\r\n item.url\r\n );\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n\r\n // 匹配路径前缀(确保只匹配最深层的菜单项)\r\n if (path.startsWith(item.url)) {\r\n // 如果路径以该菜单项的 key 开头,且该菜单项没有子菜单,直接返回匹配的菜单\r\n if (\r\n !item.children ||\r\n item.children.length === 0\r\n ) {\r\n return { matchedUrl: item.url, parentUrl };\r\n }\r\n // 如果是父菜单且有子菜单,继续递归寻找匹配的子菜单\r\n const result = _findMatchedMenuKey(\r\n path,\r\n item.children,\r\n item.url\r\n );\r\n if (result) {\r\n return result;\r\n }\r\n }\r\n }\r\n\r\n // 如果没有找到匹配的菜单项,返回 null\r\n return null;\r\n };\r\n\r\n const onClick = ({\r\n key,\r\n keyPath,\r\n item\r\n }: {\r\n item: { isFrame: string };\r\n key: string;\r\n keyPath: string[];\r\n }) => {\r\n const rs = findMatchedMenuById(key, data.value);\r\n if (item.isFrame && item.isFrame === \"0\") {\r\n emit(\"onMenuClick\", item);\r\n } else {\r\n openKeys.value = keyPath;\r\n selectedKeys.value = [rs.matchItem?.key];\r\n if (rs.matchItem?.url !== route.path) {\r\n // 判断目标路由和当前路由是否相等;\r\n // 不相等的时候再跳转\r\n router.push(rs.matchItem?.url).then(r => {\r\n if (r) {\r\n console.warn(r);\r\n }\r\n });\r\n }\r\n }\r\n };\r\n\r\n return {\r\n openKeys,\r\n selectedKeys,\r\n data,\r\n onClick\r\n };\r\n }\r\n\r\n return () => (\r\n <div class={menuWrapperStyle.value}>\r\n <a-menu\r\n v-model:open-keys={openKeys.value}\r\n v-model:selected-keys={selectedKeys.value}\r\n items={menuList.value}\r\n mode=\"inline\"\r\n triggerSubMenuAction={\"hover\"}\r\n onClick={onClick}\r\n ></a-menu>\r\n </div>\r\n );\r\n }\r\n});\r\n"],"names":["name","emits","setup","_","emit","layout","modeConfig","storeToRefs","useAppStore","findMatchedMenuById","findMenuItemByUrl","useMenuCore","menuList","useNoStore","menuWrapperStyle","useStyle","openKeys","selectedKeys","onClick","useMenu","computed","css","value","mode","data","useMenuStore","route","useRoute","router","useRouter","watch","fullPath","path","flag","some","item","rs","_findMatchedMenuKey","matchItem","matchedUrl","collapsed","parentId","id","val","parentItem","key","menuItems","parentUrl","url","children","length","result","startsWith","keyPath","isFrame","push","then","r","console","warn","_createVNode","_resolveComponent","$event"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.mjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n nextTick,\r\n onMounted,\r\n ref,\r\n watch\r\n} from \"vue\";\r\nimport { type ExtractPropTypes, type PropType } from \"vue\";\r\nimport { Flex, Pagination, Table } from \"ant-design-vue\";\r\nimport { type TablePaginationConfig } from \"ant-design-vue\";\r\n\r\nimport { type PaginationProps } from \"./interface\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { ColumnsType } from \"ant-design-vue/es/table\";\r\nimport type {\r\n SelectionSelectFn,\r\n TableRowSelection\r\n} from \"ant-design-vue/es/table/interface\";\r\nimport { merge } from \"lodash\";\r\n\r\nexport type Key = string | number;\r\nexport type SizeType =\r\n | \"small\"\r\n | \"middle\"\r\n | \"large\"\r\n | undefined;\r\n\r\n// 定义分页\r\ninterface Page {\r\n total: number;\r\n current: number;\r\n pageSize: number;\r\n}\r\n\r\n// 定义表格配置接口,支持泛型\r\ninterface Config<T = unknown> {\r\n columns: ColumnsType<T>;\r\n // 分页\r\n pagination?: Page | undefined;\r\n // 分页配置\r\n paginationConfig?: PaginationProps;\r\n changePagination?: (\r\n current: number,\r\n size: number\r\n ) => void;\r\n // 单击\r\n click?: (\r\n record: Record<string, unknown>,\r\n index: number\r\n ) => void;\r\n // 双击\r\n dbClick?: (\r\n record: Record<string, unknown>,\r\n index: number\r\n ) => void;\r\n // 选择框的默认属性配置\r\n getCheckboxProps?: (\r\n record: unknown\r\n ) => Record<string, unknown> | undefined; // 返回一个对象或者 undefined\r\n // 点击行号激活的class\r\n activeRowClass?: string;\r\n // 复选框方式\r\n selection?: string;\r\n // 切换分页是否保留选中的ID\r\n keepSelected?: boolean;\r\n}\r\n\r\n// 定义 Props 类型,支持泛型\r\nexport const tableProps = <T = unknown,>() => ({\r\n height: { type: Number, default: 0 },\r\n data: { type: Array as PropType<T[]>, default: () => [] }, // 泛型约束\r\n loading: { type: Boolean, default: false },\r\n rowKey: { type: String, default: \"id\" },\r\n bordered: { type: Boolean, default: false },\r\n size: {\r\n type: String as PropType<SizeType>,\r\n default: \"small\"\r\n },\r\n keys: {\r\n type: Array as PropType<Key[]>,\r\n default: () => []\r\n },\r\n config: {\r\n type: Object as PropType<Config<T>>,\r\n required: true\r\n }\r\n});\r\n\r\nexport type TableProps = Partial<\r\n ExtractPropTypes<ReturnType<typeof tableProps>>\r\n>;\r\n\r\n// 分页组件默认配置\r\nconst defaultPaginationProps: PaginationProps = {\r\n defaultPageSize: 20,\r\n disabled: false,\r\n hideOnSinglePage: false,\r\n pageSize: 20,\r\n pageSizeOptions: [\"20\", \"40\", \"60\", \"80\", \"99\"],\r\n responsive: false,\r\n showLessItems: false,\r\n showQuickJumper: true,\r\n showSizeChanger: true, // 默认展示切换器\r\n showTotal: total => `总共 ${total} 条数据`,\r\n simple: false,\r\n size: \"default\",\r\n total: 0\r\n};\r\n\r\n// 表格默认配置\r\nconst defaultConfig: Config = {\r\n columns: [],\r\n pagination: undefined,\r\n paginationConfig: defaultPaginationProps,\r\n activeRowClass: \"\",\r\n selection: \"N\",\r\n keepSelected: false\r\n};\r\n\r\nconst paginationStyle = css`\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 6px;\r\n`;\r\n\r\n// 定义泛型组件\r\nconst DTable = defineComponent({\r\n name: \"DTable\",\r\n props: tableProps(), // 初始泛型设置为 `unknown`\r\n emits: [\"update:keys\"],\r\n setup(props, { emit, slots, attrs }) {\r\n // 保存选中的唯一id\r\n const selectedRowKeys = ref<Key[]>(props.keys || []);\r\n // 计算表格高度\r\n //const height = computed(() => props.height);\r\n\r\n const { columns, data, pagination } = useProps();\r\n const { tableSlots } = useSlots();\r\n const { paginationConfig, onPaginationChange } =\r\n usePagination();\r\n const { tableRef, tableHeight, antTableBodyRef } =\r\n useHeight();\r\n const rowSelection = useRowSelection();\r\n\r\n onMounted(() => {});\r\n\r\n /**\r\n * props计算属性处理\r\n */\r\n function useProps() {\r\n // 定义计算属性\r\n const _config = computed(() =>\r\n merge({}, defaultConfig, props.config)\r\n );\r\n const columns = computed(() => _config.value.columns);\r\n const data = computed(() => props.data || []);\r\n const pagination = computed(\r\n () => _config.value.pagination || false\r\n );\r\n\r\n return {\r\n columns,\r\n data,\r\n pagination\r\n };\r\n }\r\n\r\n /**\r\n * 插槽处理\r\n */\r\n function useSlots() {\r\n // 定义插槽\r\n const tableSlots = {\r\n bodyCell: (params: unknown) =>\r\n slots.bodyCell?.(params),\r\n summary: () => slots.summary?.()\r\n };\r\n\r\n return {\r\n tableSlots\r\n };\r\n }\r\n\r\n function useHeight() {\r\n const tableRef = ref();\r\n const tableHeight = ref(0);\r\n let headerHeight = 0,\r\n tableEl: HTMLElement;\r\n\r\n // 表格body对象\r\n const antTableBodyRef = ref<HTMLElement>();\r\n\r\n watch(\r\n () => props.height,\r\n val => {\r\n if (val !== 0) {\r\n nextTick(() => {\r\n _tableBodyHeight(val);\r\n });\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n function _tableBodyHeight(height: number) {\r\n tableEl = tableRef?.value?.$el;\r\n //表头高度\r\n headerHeight = useEleHeight(\r\n tableEl.getElementsByClassName(\r\n \"ant-table-header\"\r\n )[0]\r\n );\r\n // 分页\r\n const paginationEl = tableEl.getElementsByClassName(\r\n \"d-pagination\"\r\n )[0] as HTMLElement | undefined;\r\n let paginationHeight = 0;\r\n if (paginationEl) {\r\n paginationEl.style.marginBottom = \"0\";\r\n paginationHeight =\r\n useEleHeight(paginationEl as never) ?? 0;\r\n }\r\n\r\n //总结行\r\n let summaryHeight = 0;\r\n const summaryEl = tableEl.getElementsByClassName(\r\n \"ant-table-summary\"\r\n )[0] as HTMLElement | undefined;\r\n if (summaryEl) {\r\n summaryHeight =\r\n useEleHeight(summaryEl as HTMLElement) ?? 0;\r\n }\r\n\r\n tableHeight.value =\r\n height -\r\n paginationHeight -\r\n headerHeight -\r\n summaryHeight;\r\n\r\n antTableBodyRef.value =\r\n tableEl.getElementsByClassName(\r\n \"ant-table-body\"\r\n )[0] as HTMLElement;\r\n\r\n if (antTableBodyRef.value) {\r\n // 设置body高度\r\n antTableBodyRef.value.style.height =\r\n tableHeight.value + \"px\";\r\n //TODO antTableBodyRef 滚动到底部的时候,需要去除底部边框,否则边框会重叠\r\n //antTableBodyRef.value.style.borderBottom = \"1px solid #f0f0f0\";\r\n }\r\n }\r\n\r\n return {\r\n tableRef,\r\n tableHeight,\r\n antTableBodyRef\r\n };\r\n }\r\n\r\n function usePagination() {\r\n const { changePagination } = props.config!;\r\n const paginationConfig =\r\n computed<TablePaginationConfig>(() => {\r\n return {\r\n position: [\"bottomCenter\"], // 符合类型的分页位置\r\n total: 0, // 确保符合要求\r\n ...defaultPaginationProps,\r\n ...pagination.value\r\n };\r\n });\r\n\r\n const onPaginationChange = (\r\n page: number,\r\n pageSize: number\r\n ) => {\r\n const { selection, keepSelected } = props.config!;\r\n changePagination?.(page, pageSize);\r\n // 切换分页的时候,表体滚动到顶部\r\n antTableBodyRef.value!.scrollTop = 0;\r\n\r\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\r\n // 清空历史选中数据\r\n if (selection === \"S\" || !keepSelected) {\r\n // 只有selectedRowKeys被清空时,这里才触发update;\r\n // 不加判断,会出现执行update后,父组件监听的watch每次都会触发\r\n if (selectedRowKeys.value.length > 0) {\r\n selectedRowKeys.value = [];\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n }\r\n }\r\n };\r\n\r\n return {\r\n paginationConfig,\r\n onPaginationChange\r\n };\r\n }\r\n\r\n function useCustomRow() {\r\n return (record: never, index: number) => {\r\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\r\n let clickTimeout: number = 0;\r\n const {\r\n rowKey,\r\n config: {\r\n click,\r\n dbClick,\r\n selection,\r\n getCheckboxProps\r\n } = {} as Config\r\n } = props;\r\n\r\n // 当前点击行的唯一ID,通过rowKey从record中取值\r\n const id = record[rowKey];\r\n\r\n /**\r\n * 处理单击事件业务\r\n * @param record 当前点击行数据\r\n */\r\n const onClick = () => {\r\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\r\n // 否则checkEnable为false\r\n const checkEnable =\r\n getCheckboxProps === undefined\r\n ? false\r\n : getCheckboxProps(record)?.disabled;\r\n\r\n if (selection === \"N\" || checkEnable) {\r\n // 1. 未开启复选框 则不处理数据选中操作\r\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\r\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\r\n // 方法返回的disabled为true就不执行\r\n // 复选框选中的操作\r\n return;\r\n }\r\n const haveState = selectedRowKeys.value.some(\r\n (key: Key) => key === id\r\n );\r\n if (haveState) {\r\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\r\n selectedRowKeys.value =\r\n selectedRowKeys.value.filter(\r\n (key: Key) => key !== id\r\n );\r\n } else {\r\n if (selection === \"S\") {\r\n //单选的时候 清空选中的数据 再赋值新的ID\r\n selectedRowKeys.value = [];\r\n selectedRowKeys.value.push(id);\r\n } else {\r\n //多选直接追加ID\r\n selectedRowKeys.value.push(id);\r\n }\r\n }\r\n console.log(\"onSelect\", selectedRowKeys.value);\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n function activeRowBackground(event: Event) {\r\n const { activeRowClass } = props.config!;\r\n if (!activeRowClass) return;\r\n const curEl = event.target;\r\n if (curEl instanceof HTMLElement) {\r\n const parentElement =\r\n curEl.parentNode as HTMLElement;\r\n if (\r\n parentElement &&\r\n parentElement.classList.contains(\r\n activeRowClass\r\n )\r\n ) {\r\n parentElement.classList.remove(\r\n activeRowClass\r\n );\r\n } else {\r\n parentElement?.classList.add(activeRowClass);\r\n }\r\n }\r\n }\r\n\r\n return {\r\n onClick: (event: Event) => {\r\n clearTimeout(clickTimeout);\r\n clickTimeout = window.setTimeout(() => {\r\n // 处理背景激活逻辑\r\n activeRowBackground(event);\r\n // 处理单击事件业务\r\n onClick();\r\n // 回传数据 自定义单击后的业务\r\n click?.(record, index);\r\n }, 200);\r\n }, // 点击行\r\n onDblclick: () => {\r\n clearTimeout(clickTimeout);\r\n // 回传数据 自定义单击后的业务\r\n dbClick?.(record, index);\r\n }\r\n };\r\n };\r\n }\r\n\r\n function useRowSelection() {\r\n const rowSelection = ref<\r\n TableRowSelection<unknown> | undefined\r\n >(undefined);\r\n\r\n const {\r\n rowKey,\r\n config: { getCheckboxProps, selection } = {}\r\n } = props;\r\n\r\n const onSelect: SelectionSelectFn<unknown> = (\r\n record,\r\n selected\r\n ) => {\r\n const data = record as Record<string, never>;\r\n if (selection === \"S\") {\r\n selectedRowKeys.value = [];\r\n selectedRowKeys.value = selected\r\n ? [data[rowKey]]\r\n : [];\r\n } else {\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(data[rowKey])\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => key !== data[rowKey]\r\n );\r\n }\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n const onSelectAll = (\r\n selected: boolean,\r\n selectedRows: unknown[],\r\n changeRows: unknown[]\r\n ) => {\r\n const _ids = changeRows.map(\r\n (record: unknown) =>\r\n (record as { [key: string]: never })[rowKey]\r\n );\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(_ids)\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => !_ids.includes(key as never)\r\n );\r\n\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n //TODO 这个方法在单选的时候 会出现异常bug,暂时不知道怎么解决\r\n const onChange = (\r\n rowKeys: Key[],\r\n selectedRows: unknown[]\r\n ) => {\r\n // 显式转换 selectedRows 的类型为 Record<string, never>[]\r\n const data = selectedRows as Record<\r\n string,\r\n never\r\n >[];\r\n // 等于0 说明是取消全选,反之\r\n const selected = data.length !== 0;\r\n // 显式转换 _ids 的类型为 Key[]\r\n const _ids: Key[] = props.data.map(\r\n record =>\r\n (record as Record<string, unknown>)[\r\n rowKey\r\n ] as Key\r\n );\r\n\r\n // 更新 selectedRowKeys\r\n // selected 为true,说明是全选,那么rowKeys是权限后的数组ID,需要过滤掉selectedRowKeys里的不在id才进行添加,\r\n // 否则会出现,比如一开始选择了两条数据,然后再进行全选的话 会多出两个重复ID\r\n // selected 为false,说明是取消全选,那么需要从selectedRowKeys过滤掉 _ids的id\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(\r\n rowKeys.filter(\r\n (key: Key) =>\r\n !selectedRowKeys.value.includes(key)\r\n )\r\n )\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => !_ids.includes(key)\r\n );\r\n console.log(\"onSelect\", selectedRowKeys.value);\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\r\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\r\n watch(\r\n () => props.keys,\r\n val => {\r\n selectedRowKeys.value = val;\r\n },\r\n {\r\n deep: true,\r\n immediate: true\r\n }\r\n );\r\n\r\n watch(\r\n () => props.config?.selection,\r\n val => {\r\n if (val !== \"N\") {\r\n rowSelection.value = {\r\n selectedRowKeys: selectedRowKeys as never,\r\n onSelect,\r\n onSelectAll,\r\n fixed: true,\r\n columnTitle:\r\n selection === \"S\" ? \"选择\" : null,\r\n columnWidth: selection === \"S\" ? 60 : 40,\r\n getCheckboxProps: getCheckboxProps as never\r\n };\r\n } else {\r\n rowSelection.value = undefined;\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n return rowSelection;\r\n }\r\n\r\n return () => (\r\n <Flex vertical={true} ref={tableRef}>\r\n <Table\r\n {...attrs}\r\n loading={props.loading}\r\n size={props.size}\r\n bordered={props.bordered}\r\n dataSource={data.value}\r\n columns={columns.value}\r\n rowSelection={rowSelection.value}\r\n customRow={useCustomRow() as never}\r\n pagination={false}\r\n rowKey={props.rowKey}\r\n v-slots={tableSlots}\r\n scroll={{\r\n y: tableHeight.value,\r\n x: \"100%\",\r\n scrollToFirstRowOnChange: true\r\n }}\r\n />\r\n {pagination.value && (\r\n <div class={[paginationStyle, \"d-pagination\"]}>\r\n {\r\n <Pagination\r\n v-model:current={\r\n paginationConfig.value.current\r\n }\r\n v-model:pageSize={\r\n paginationConfig.value.pageSize\r\n }\r\n total={paginationConfig.value.total}\r\n disabled={props.loading}\r\n show-size-changer\r\n size={\"default\"}\r\n hide-on-single-page={\r\n paginationConfig.value.hideOnSinglePage\r\n }\r\n show-quick-jumper={\r\n paginationConfig.value.showQuickJumper\r\n }\r\n default-page-size={\r\n paginationConfig.value.defaultPageSize\r\n }\r\n page-size-options={\r\n paginationConfig.value.pageSizeOptions\r\n }\r\n show-total={\r\n paginationConfig.value.showTotal\r\n }\r\n onChange={onPaginationChange}\r\n showLessItems={true}\r\n ></Pagination>\r\n }\r\n </div>\r\n )}\r\n </Flex>\r\n );\r\n }\r\n});\r\n\r\nexport const useEleHeight = (node: Element) => {\r\n const list = [\r\n \"margin-top\",\r\n \"margin-bottom\",\r\n \"border-top\",\r\n \"border-bottom\",\r\n \"padding-top\",\r\n \"padding-bottom\",\r\n \"height\"\r\n ];\r\n const style = getComputedStyle(node);\r\n return list\r\n .map(k => parseInt(style.getPropertyValue(k), 10))\r\n .reduce((prev, cur) => {\r\n return prev + cur;\r\n });\r\n};\r\n\r\nexport default DTable;\r\n"],"names":["tableProps","height","type","Number","default","data","Array","loading","Boolean","rowKey","String","bordered","size","keys","config","Object","required","defaultPaginationProps","defaultPageSize","disabled","hideOnSinglePage","pageSize","pageSizeOptions","responsive","showLessItems","showQuickJumper","showSizeChanger","showTotal","total","simple","defaultConfig","columns","pagination","undefined","paginationConfig","activeRowClass","selection","keepSelected","paginationStyle","css","DTable","name","props","emits","setup","emit","slots","attrs","selectedRowKeys","ref","useProps","tableSlots","useSlots","onPaginationChange","usePagination","tableRef","tableHeight","antTableBodyRef","useHeight","rowSelection","useRowSelection","onMounted","_config","computed","merge","value","bodyCell","params","summary","headerHeight","tableEl","watch","val","nextTick","_tableBodyHeight","immediate","$el","useEleHeight","getElementsByClassName","paginationEl","paginationHeight","style","marginBottom","summaryHeight","summaryEl","changePagination","position","page","scrollTop","length","useCustomRow","record","index","clickTimeout","click","dbClick","getCheckboxProps","id","onClick","checkEnable","haveState","some","key","filter","push","console","log","activeRowBackground","event","curEl","target","HTMLElement","parentElement","parentNode","classList","contains","remove","add","clearTimeout","window","setTimeout","onDblclick","onSelect","selected","concat","onSelectAll","selectedRows","changeRows","_ids","map","includes","onChange","rowKeys","deep","fixed","columnTitle","columnWidth","_createVNode","Flex","Table","_mergeProps","y","x","scrollToFirstRowOnChange","Pagination","current","$event","node","list","getComputedStyle","k","parseInt","getPropertyValue","reduce","prev","cur"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Table.mjs","sources":["../../../../src/components/table/Table.tsx"],"sourcesContent":["import {\r\n computed,\r\n defineComponent,\r\n nextTick,\r\n onMounted,\r\n ref,\r\n watch\r\n} from \"vue\";\r\nimport { type ExtractPropTypes, type PropType } from \"vue\";\r\nimport { Flex, Pagination, Table } from \"ant-design-vue\";\r\nimport { type TablePaginationConfig } from \"ant-design-vue\";\r\n\r\nimport { type PaginationProps } from \"./interface\";\r\nimport { css } from \"@emotion/css\";\r\nimport type { ColumnsType } from \"ant-design-vue/es/table\";\r\nimport type {\r\n SelectionSelectFn,\r\n TableRowSelection\r\n} from \"ant-design-vue/es/table/interface\";\r\nimport { merge } from \"lodash\";\r\n\r\nexport type Key = string | number;\r\nexport type SizeType =\r\n | \"small\"\r\n | \"middle\"\r\n | \"large\"\r\n | undefined;\r\n\r\n// 定义分页\r\ninterface Page {\r\n total: number;\r\n current: number;\r\n pageSize: number;\r\n}\r\n\r\n// 定义表格配置接口,支持泛型\r\ninterface Config<T = unknown> {\r\n columns: ColumnsType<T>;\r\n // 分页\r\n pagination?: Page | undefined;\r\n // 分页配置\r\n paginationConfig?: PaginationProps;\r\n changePagination?: (\r\n current: number,\r\n size: number\r\n ) => void;\r\n // 单击\r\n click?: (\r\n record: Record<string, unknown>,\r\n index: number\r\n ) => void;\r\n // 双击\r\n dbClick?: (\r\n record: Record<string, unknown>,\r\n index: number\r\n ) => void;\r\n // 选择框的默认属性配置\r\n getCheckboxProps?: (\r\n record: unknown\r\n ) => Record<string, unknown> | undefined; // 返回一个对象或者 undefined\r\n // 点击行号激活的class\r\n activeRowClass?: string;\r\n // 复选框方式\r\n selection?: string;\r\n // 切换分页是否保留选中的ID\r\n keepSelected?: boolean;\r\n}\r\n\r\n// 定义 Props 类型,支持泛型\r\nexport const tableProps = <T = unknown,>() => ({\r\n height: { type: Number, default: 0 },\r\n data: { type: Array as PropType<T[]>, default: () => [] }, // 泛型约束\r\n loading: { type: Boolean, default: false },\r\n rowKey: { type: String, default: \"id\" },\r\n bordered: { type: Boolean, default: false },\r\n size: {\r\n type: String as PropType<SizeType>,\r\n default: \"small\"\r\n },\r\n keys: {\r\n type: Array as PropType<Key[]>,\r\n default: () => []\r\n },\r\n config: {\r\n type: Object as PropType<Config<T>>,\r\n required: true\r\n }\r\n});\r\n\r\nexport type TableProps = Partial<\r\n ExtractPropTypes<ReturnType<typeof tableProps>>\r\n>;\r\n\r\n// 分页组件默认配置\r\nconst defaultPaginationProps: PaginationProps = {\r\n defaultPageSize: 20,\r\n disabled: false,\r\n hideOnSinglePage: false,\r\n pageSize: 20,\r\n pageSizeOptions: [\"20\", \"40\", \"60\", \"80\", \"99\"],\r\n responsive: false,\r\n showLessItems: false,\r\n showQuickJumper: true,\r\n showSizeChanger: true, // 默认展示切换器\r\n showTotal: total => `总共 ${total} 条数据`,\r\n simple: false,\r\n size: \"default\",\r\n total: 0\r\n};\r\n\r\n// 表格默认配置\r\nconst defaultConfig: Config = {\r\n columns: [],\r\n pagination: undefined,\r\n paginationConfig: defaultPaginationProps,\r\n activeRowClass: \"\",\r\n selection: \"N\",\r\n keepSelected: false\r\n};\r\n\r\nconst paginationStyle = css`\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 6px;\r\n`;\r\n\r\n// 定义泛型组件\r\nconst DTable = defineComponent({\r\n name: \"DTable\",\r\n props: tableProps(), // 初始泛型设置为 `unknown`\r\n emits: [\"update:keys\"],\r\n setup(props, { emit, slots, attrs }) {\r\n // 保存选中的唯一id\r\n const selectedRowKeys = ref<Key[]>(props.keys || []);\r\n // 计算表格高度\r\n //const height = computed(() => props.height);\r\n\r\n const { columns, data, pagination } = useProps();\r\n const { tableSlots } = useSlots();\r\n const { paginationConfig, onPaginationChange } =\r\n usePagination();\r\n const { tableRef, tableHeight, antTableBodyRef } =\r\n useHeight();\r\n const rowSelection = useRowSelection();\r\n\r\n onMounted(() => {});\r\n\r\n /**\r\n * props计算属性处理\r\n */\r\n function useProps() {\r\n // 定义计算属性\r\n const _config = computed(() =>\r\n merge({}, defaultConfig, props.config)\r\n );\r\n const columns = computed(() => _config.value.columns);\r\n const data = computed(() => props.data || []);\r\n const pagination = computed(\r\n () => _config.value.pagination || false\r\n );\r\n\r\n return {\r\n columns,\r\n data,\r\n pagination\r\n };\r\n }\r\n\r\n /**\r\n * 插槽处理\r\n */\r\n function useSlots() {\r\n // 定义插槽\r\n const tableSlots = {\r\n bodyCell: (params: unknown) =>\r\n slots.bodyCell?.(params),\r\n summary: () => slots.summary?.()\r\n };\r\n\r\n return {\r\n tableSlots\r\n };\r\n }\r\n\r\n function useHeight() {\r\n const tableRef = ref();\r\n const tableHeight = ref(0);\r\n let headerHeight = 0,\r\n tableEl: HTMLElement;\r\n\r\n // 表格body对象\r\n const antTableBodyRef = ref<HTMLElement>();\r\n\r\n watch(\r\n () => props.height,\r\n val => {\r\n if (val !== 0) {\r\n nextTick(() => {\r\n _tableBodyHeight(val);\r\n });\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n function _tableBodyHeight(height: number) {\r\n tableEl = tableRef?.value?.$el;\r\n //表头高度\r\n headerHeight = useEleHeight(\r\n tableEl.getElementsByClassName(\r\n \"ant-table-header\"\r\n )[0]\r\n );\r\n // 分页\r\n const paginationEl = tableEl.getElementsByClassName(\r\n \"d-pagination\"\r\n )[0] as HTMLElement | undefined;\r\n let paginationHeight = 0;\r\n if (paginationEl) {\r\n paginationEl.style.marginBottom = \"0\";\r\n paginationHeight =\r\n useEleHeight(paginationEl as never) ?? 0;\r\n }\r\n\r\n //总结行\r\n let summaryHeight = 0;\r\n const summaryEl = tableEl.getElementsByClassName(\r\n \"ant-table-summary\"\r\n )[0] as HTMLElement | undefined;\r\n if (summaryEl) {\r\n summaryHeight =\r\n useEleHeight(summaryEl as HTMLElement) ?? 0;\r\n }\r\n\r\n tableHeight.value =\r\n height -\r\n paginationHeight -\r\n headerHeight -\r\n summaryHeight;\r\n\r\n antTableBodyRef.value =\r\n tableEl.getElementsByClassName(\r\n \"ant-table-body\"\r\n )[0] as HTMLElement;\r\n\r\n if (antTableBodyRef.value) {\r\n // 设置body高度\r\n antTableBodyRef.value.style.height =\r\n tableHeight.value + \"px\";\r\n //TODO antTableBodyRef 滚动到底部的时候,需要去除底部边框,否则边框会重叠\r\n //antTableBodyRef.value.style.borderBottom = \"1px solid #f0f0f0\";\r\n }\r\n }\r\n\r\n return {\r\n tableRef,\r\n tableHeight,\r\n antTableBodyRef\r\n };\r\n }\r\n\r\n function usePagination() {\r\n const { changePagination } = props.config!;\r\n const paginationConfig =\r\n computed<TablePaginationConfig>(() => {\r\n return {\r\n position: [\"bottomCenter\"], // 符合类型的分页位置\r\n total: 0, // 确保符合要求\r\n ...defaultPaginationProps,\r\n ...pagination.value\r\n };\r\n });\r\n\r\n const onPaginationChange = (\r\n page: number,\r\n pageSize: number\r\n ) => {\r\n const { selection, keepSelected } = props.config!;\r\n changePagination?.(page, pageSize);\r\n // 切换分页的时候,表体滚动到顶部\r\n antTableBodyRef.value!.scrollTop = 0;\r\n\r\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\r\n // 清空历史选中数据\r\n if (selection === \"S\" || !keepSelected) {\r\n // 只有selectedRowKeys被清空时,这里才触发update;\r\n // 不加判断,会出现执行update后,父组件监听的watch每次都会触发\r\n if (selectedRowKeys.value.length > 0) {\r\n selectedRowKeys.value = [];\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n }\r\n }\r\n };\r\n\r\n return {\r\n paginationConfig,\r\n onPaginationChange\r\n };\r\n }\r\n\r\n function useCustomRow() {\r\n return (record: never, index: number) => {\r\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\r\n let clickTimeout: number = 0;\r\n const {\r\n rowKey,\r\n config: {\r\n click,\r\n dbClick,\r\n selection,\r\n getCheckboxProps\r\n } = {} as Config\r\n } = props;\r\n\r\n // 当前点击行的唯一ID,通过rowKey从record中取值\r\n const id = record[rowKey];\r\n\r\n /**\r\n * 处理单击事件业务\r\n * @param record 当前点击行数据\r\n */\r\n const onClick = () => {\r\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\r\n // 否则checkEnable为false\r\n const checkEnable =\r\n getCheckboxProps === undefined\r\n ? false\r\n : getCheckboxProps(record)?.disabled;\r\n\r\n if (selection === \"N\" || checkEnable) {\r\n // 1. 未开启复选框 则不处理数据选中操作\r\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\r\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\r\n // 方法返回的disabled为true就不执行\r\n // 复选框选中的操作\r\n return;\r\n }\r\n const haveState = selectedRowKeys.value.some(\r\n (key: Key) => key === id\r\n );\r\n if (haveState) {\r\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\r\n selectedRowKeys.value =\r\n selectedRowKeys.value.filter(\r\n (key: Key) => key !== id\r\n );\r\n } else {\r\n if (selection === \"S\") {\r\n //单选的时候 清空选中的数据 再赋值新的ID\r\n selectedRowKeys.value = [];\r\n selectedRowKeys.value.push(id);\r\n } else {\r\n //多选直接追加ID\r\n selectedRowKeys.value.push(id);\r\n }\r\n }\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n function activeRowBackground(event: Event) {\r\n const { activeRowClass } = props.config!;\r\n if (!activeRowClass) return;\r\n const curEl = event.target;\r\n if (curEl instanceof HTMLElement) {\r\n const parentElement =\r\n curEl.parentNode as HTMLElement;\r\n if (\r\n parentElement &&\r\n parentElement.classList.contains(\r\n activeRowClass\r\n )\r\n ) {\r\n parentElement.classList.remove(\r\n activeRowClass\r\n );\r\n } else {\r\n parentElement?.classList.add(activeRowClass);\r\n }\r\n }\r\n }\r\n\r\n return {\r\n onClick: (event: Event) => {\r\n clearTimeout(clickTimeout);\r\n clickTimeout = window.setTimeout(() => {\r\n // 处理背景激活逻辑\r\n activeRowBackground(event);\r\n // 处理单击事件业务\r\n onClick();\r\n // 回传数据 自定义单击后的业务\r\n click?.(record, index);\r\n }, 200);\r\n }, // 点击行\r\n onDblclick: () => {\r\n clearTimeout(clickTimeout);\r\n // 回传数据 自定义单击后的业务\r\n dbClick?.(record, index);\r\n }\r\n };\r\n };\r\n }\r\n\r\n function useRowSelection() {\r\n const rowSelection = ref<\r\n TableRowSelection<unknown> | undefined\r\n >(undefined);\r\n\r\n const {\r\n rowKey,\r\n config: { getCheckboxProps, selection } = {}\r\n } = props;\r\n\r\n const onSelect: SelectionSelectFn<unknown> = (\r\n record,\r\n selected\r\n ) => {\r\n const data = record as Record<string, never>;\r\n if (selection === \"S\") {\r\n selectedRowKeys.value = [];\r\n selectedRowKeys.value = selected\r\n ? [data[rowKey]]\r\n : [];\r\n } else {\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(data[rowKey])\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => key !== data[rowKey]\r\n );\r\n }\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n const onSelectAll = (\r\n selected: boolean,\r\n selectedRows: unknown[],\r\n changeRows: unknown[]\r\n ) => {\r\n const _ids = changeRows.map(\r\n (record: unknown) =>\r\n (record as { [key: string]: never })[rowKey]\r\n );\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(_ids)\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => !_ids.includes(key as never)\r\n );\r\n\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n //TODO 这个方法在单选的时候 会出现异常bug,暂时不知道怎么解决\r\n const onChange = (\r\n rowKeys: Key[],\r\n selectedRows: unknown[]\r\n ) => {\r\n // 显式转换 selectedRows 的类型为 Record<string, never>[]\r\n const data = selectedRows as Record<\r\n string,\r\n never\r\n >[];\r\n // 等于0 说明是取消全选,反之\r\n const selected = data.length !== 0;\r\n // 显式转换 _ids 的类型为 Key[]\r\n const _ids: Key[] = props.data.map(\r\n record =>\r\n (record as Record<string, unknown>)[\r\n rowKey\r\n ] as Key\r\n );\r\n\r\n // 更新 selectedRowKeys\r\n // selected 为true,说明是全选,那么rowKeys是权限后的数组ID,需要过滤掉selectedRowKeys里的不在id才进行添加,\r\n // 否则会出现,比如一开始选择了两条数据,然后再进行全选的话 会多出两个重复ID\r\n // selected 为false,说明是取消全选,那么需要从selectedRowKeys过滤掉 _ids的id\r\n selectedRowKeys.value = selected\r\n ? selectedRowKeys.value.concat(\r\n rowKeys.filter(\r\n (key: Key) =>\r\n !selectedRowKeys.value.includes(key)\r\n )\r\n )\r\n : selectedRowKeys.value.filter(\r\n (key: Key) => !_ids.includes(key)\r\n );\r\n console.log(\"onSelect\", selectedRowKeys.value);\r\n emit(\"update:keys\", selectedRowKeys.value);\r\n };\r\n\r\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\r\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\r\n watch(\r\n () => props.keys,\r\n val => {\r\n selectedRowKeys.value = val;\r\n },\r\n {\r\n deep: true,\r\n immediate: true\r\n }\r\n );\r\n\r\n watch(\r\n () => props.config?.selection,\r\n val => {\r\n if (val !== \"N\") {\r\n rowSelection.value = {\r\n selectedRowKeys: selectedRowKeys as never,\r\n onSelect,\r\n onSelectAll,\r\n fixed: true,\r\n columnTitle:\r\n selection === \"S\" ? \"选择\" : null,\r\n columnWidth: selection === \"S\" ? 60 : 40,\r\n getCheckboxProps: getCheckboxProps as never\r\n };\r\n } else {\r\n rowSelection.value = undefined;\r\n }\r\n },\r\n {\r\n immediate: true\r\n }\r\n );\r\n\r\n return rowSelection;\r\n }\r\n\r\n return () => (\r\n <Flex vertical={true} ref={tableRef}>\r\n <Table\r\n {...attrs}\r\n loading={props.loading}\r\n size={props.size}\r\n bordered={props.bordered}\r\n dataSource={data.value}\r\n columns={columns.value}\r\n rowSelection={rowSelection.value}\r\n customRow={useCustomRow() as never}\r\n pagination={false}\r\n rowKey={props.rowKey}\r\n v-slots={tableSlots}\r\n scroll={{\r\n y: tableHeight.value,\r\n x: \"100%\",\r\n scrollToFirstRowOnChange: true\r\n }}\r\n />\r\n {pagination.value && (\r\n <div class={[paginationStyle, \"d-pagination\"]}>\r\n {\r\n <Pagination\r\n v-model:current={\r\n paginationConfig.value.current\r\n }\r\n v-model:pageSize={\r\n paginationConfig.value.pageSize\r\n }\r\n total={paginationConfig.value.total}\r\n disabled={props.loading}\r\n show-size-changer\r\n size={\"default\"}\r\n hide-on-single-page={\r\n paginationConfig.value.hideOnSinglePage\r\n }\r\n show-quick-jumper={\r\n paginationConfig.value.showQuickJumper\r\n }\r\n default-page-size={\r\n paginationConfig.value.defaultPageSize\r\n }\r\n page-size-options={\r\n paginationConfig.value.pageSizeOptions\r\n }\r\n show-total={\r\n paginationConfig.value.showTotal\r\n }\r\n onChange={onPaginationChange}\r\n showLessItems={true}\r\n ></Pagination>\r\n }\r\n </div>\r\n )}\r\n </Flex>\r\n );\r\n }\r\n});\r\n\r\nexport const useEleHeight = (node: Element) => {\r\n const list = [\r\n \"margin-top\",\r\n \"margin-bottom\",\r\n \"border-top\",\r\n \"border-bottom\",\r\n \"padding-top\",\r\n \"padding-bottom\",\r\n \"height\"\r\n ];\r\n const style = getComputedStyle(node);\r\n return list\r\n .map(k => parseInt(style.getPropertyValue(k), 10))\r\n .reduce((prev, cur) => {\r\n return prev + cur;\r\n });\r\n};\r\n\r\nexport default DTable;\r\n"],"names":["tableProps","height","type","Number","default","data","Array","loading","Boolean","rowKey","String","bordered","size","keys","config","Object","required","defaultPaginationProps","defaultPageSize","disabled","hideOnSinglePage","pageSize","pageSizeOptions","responsive","showLessItems","showQuickJumper","showSizeChanger","showTotal","total","simple","defaultConfig","columns","pagination","undefined","paginationConfig","activeRowClass","selection","keepSelected","paginationStyle","css","DTable","name","props","emits","setup","emit","slots","attrs","selectedRowKeys","ref","useProps","tableSlots","useSlots","onPaginationChange","usePagination","tableRef","tableHeight","antTableBodyRef","useHeight","rowSelection","useRowSelection","onMounted","_config","computed","merge","value","bodyCell","params","summary","headerHeight","tableEl","watch","val","nextTick","_tableBodyHeight","immediate","$el","useEleHeight","getElementsByClassName","paginationEl","paginationHeight","style","marginBottom","summaryHeight","summaryEl","changePagination","position","page","scrollTop","length","useCustomRow","record","index","clickTimeout","click","dbClick","getCheckboxProps","id","onClick","checkEnable","haveState","some","key","filter","push","activeRowBackground","event","curEl","target","HTMLElement","parentElement","parentNode","classList","contains","remove","add","clearTimeout","window","setTimeout","onDblclick","onSelect","selected","concat","onSelectAll","selectedRows","changeRows","_ids","map","includes","onChange","rowKeys","console","log","deep","fixed","columnTitle","columnWidth","_createVNode","Flex","Table","_mergeProps","y","x","scrollToFirstRowOnChange","Pagination","current","$event","node","list","getComputedStyle","k","parseInt","getPropertyValue","reduce","prev","cur"],"mappings":"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"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var useMenuCore = () => {
|
|
3
|
+
const findMatchedMenuById = (id, menuItems) => {
|
|
4
|
+
const targetItem = findMenuItemById(id, menuItems);
|
|
5
|
+
if (!targetItem)
|
|
6
|
+
return { matchItem: null, parentItem: null };
|
|
7
|
+
if (!targetItem.parentId) {
|
|
8
|
+
return {
|
|
9
|
+
matchItem: targetItem,
|
|
10
|
+
parentItem: null
|
|
11
|
+
};
|
|
12
|
+
}
|
|
13
|
+
const parentItem = findMenuItemById(
|
|
14
|
+
targetItem.parentId,
|
|
15
|
+
menuItems
|
|
16
|
+
);
|
|
17
|
+
return {
|
|
18
|
+
matchItem: targetItem,
|
|
19
|
+
parentItem: parentItem ? parentItem : null
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
const findMenuItemById = (id, menuItems) => {
|
|
23
|
+
for (const item of menuItems) {
|
|
24
|
+
if (item.id === id) return item;
|
|
25
|
+
if (item.children) {
|
|
26
|
+
const found = findMenuItemById(id, item.children);
|
|
27
|
+
if (found) return found;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
return null;
|
|
31
|
+
};
|
|
32
|
+
const findMenuItemByUrl = (url, menuItems) => {
|
|
33
|
+
for (const item of menuItems) {
|
|
34
|
+
if (item.url === url) return item;
|
|
35
|
+
if (item.children) {
|
|
36
|
+
const found = findMenuItemByUrl(url, item.children);
|
|
37
|
+
if (found) return found;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
return null;
|
|
41
|
+
};
|
|
42
|
+
return {
|
|
43
|
+
findMatchedMenuById,
|
|
44
|
+
findMenuItemByUrl
|
|
45
|
+
};
|
|
46
|
+
};
|
|
47
|
+
|
|
48
|
+
export { useMenuCore as default };
|
|
49
|
+
//# sourceMappingURL=useMenuCore.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMenuCore.mjs","sources":["../../../src/utils/useMenuCore.ts"],"sourcesContent":["export default () => {\r\n /**\r\n * 通过 id 查找菜单项(包括其 path 和父级 path)\r\n * @param id 要查找的菜单项 id\r\n * @param menuItems 菜单数据\r\n * @returns { matchedPath: string; parentPath: string | null } | null\r\n */\r\n const findMatchedMenuById = (\r\n id: string,\r\n menuItems: any[]\r\n ): { parentItem: any; matchItem: any } => {\r\n // 先找到目标菜单项\r\n const targetItem = findMenuItemById(id, menuItems);\r\n if (!targetItem)\r\n return { matchItem: null, parentItem: null };\r\n\r\n // 如果是顶级菜单,parentPath 为 null\r\n if (!targetItem.parentId) {\r\n return {\r\n matchItem: targetItem,\r\n parentItem: null\r\n };\r\n }\r\n\r\n // 否则找到父级菜单的 path\r\n const parentItem = findMenuItemById(\r\n targetItem.parentId,\r\n menuItems\r\n );\r\n return {\r\n matchItem: targetItem,\r\n parentItem: parentItem ? parentItem : null\r\n };\r\n };\r\n\r\n /**\r\n * 通过 id 查找单个菜单项(辅助函数)\r\n */\r\n const findMenuItemById = (\r\n id: string,\r\n menuItems: any[]\r\n ): any | null => {\r\n for (const item of menuItems) {\r\n if (item.id === id) return item;\r\n if (item.children) {\r\n const found = findMenuItemById(id, item.children);\r\n if (found) return found;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n const findMenuItemByUrl = (\r\n url: string,\r\n menuItems: any[]\r\n ): any => {\r\n for (const item of menuItems) {\r\n if (item.url === url) return item;\r\n if (item.children) {\r\n const found = findMenuItemByUrl(url, item.children);\r\n if (found) return found;\r\n }\r\n }\r\n return null;\r\n };\r\n\r\n return {\r\n findMatchedMenuById,\r\n findMenuItemByUrl\r\n };\r\n};\r\n"],"names":[],"mappings":";AAAA,kBAAe,MAAM;AAOnB,EAAM,MAAA,mBAAA,GAAsB,CAC1B,EAAA,EACA,SACwC,KAAA;AAExC,IAAM,MAAA,UAAA,GAAa,gBAAiB,CAAA,EAAA,EAAI,SAAS,CAAA;AACjD,IAAA,IAAI,CAAC,UAAA;AACH,MAAA,OAAO,EAAE,SAAA,EAAW,IAAM,EAAA,UAAA,EAAY,IAAK,EAAA;AAG7C,IAAI,IAAA,CAAC,WAAW,QAAU,EAAA;AACxB,MAAO,OAAA;AAAA,QACL,SAAW,EAAA,UAAA;AAAA,QACX,UAAY,EAAA;AAAA,OACd;AAAA;AAIF,IAAA,MAAM,UAAa,GAAA,gBAAA;AAAA,MACjB,UAAW,CAAA,QAAA;AAAA,MACX;AAAA,KACF;AACA,IAAO,OAAA;AAAA,MACL,SAAW,EAAA,UAAA;AAAA,MACX,UAAA,EAAY,aAAa,UAAa,GAAA;AAAA,KACxC;AAAA,GACF;AAKA,EAAM,MAAA,gBAAA,GAAmB,CACvB,EAAA,EACA,SACe,KAAA;AACf,IAAA,KAAA,MAAW,QAAQ,SAAW,EAAA;AAC5B,MAAI,IAAA,IAAA,CAAK,EAAO,KAAA,EAAA,EAAW,OAAA,IAAA;AAC3B,MAAA,IAAI,KAAK,QAAU,EAAA;AACjB,QAAA,MAAM,KAAQ,GAAA,gBAAA,CAAiB,EAAI,EAAA,IAAA,CAAK,QAAQ,CAAA;AAChD,QAAA,IAAI,OAAc,OAAA,KAAA;AAAA;AACpB;AAEF,IAAO,OAAA,IAAA;AAAA,GACT;AAEA,EAAM,MAAA,iBAAA,GAAoB,CACxB,GAAA,EACA,SACQ,KAAA;AACR,IAAA,KAAA,MAAW,QAAQ,SAAW,EAAA;AAC5B,MAAI,IAAA,IAAA,CAAK,GAAQ,KAAA,GAAA,EAAY,OAAA,IAAA;AAC7B,MAAA,IAAI,KAAK,QAAU,EAAA;AACjB,QAAA,MAAM,KAAQ,GAAA,iBAAA,CAAkB,GAAK,EAAA,IAAA,CAAK,QAAQ,CAAA;AAClD,QAAA,IAAI,OAAc,OAAA,KAAA;AAAA;AACpB;AAEF,IAAO,OAAA,IAAA;AAAA,GACT;AAEA,EAAO,OAAA;AAAA,IACL,mBAAA;AAAA,IACA;AAAA,GACF;AACF,CAAA;;;;"}
|
|
@@ -13,7 +13,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
13
13
|
};
|
|
14
14
|
}>, {
|
|
15
15
|
props: any;
|
|
16
|
-
emits: (event: "
|
|
16
|
+
emits: (event: "onMenuClick", ...args: any[]) => void;
|
|
17
17
|
layout: import("vue").Ref<{
|
|
18
18
|
sideWidth: number;
|
|
19
19
|
headerHeight: number;
|
|
@@ -28,7 +28,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
28
28
|
modeConfig: import("vue").Ref<import("@ditari/store/dist/types/modules/useAppStore").Mode, import("@ditari/store/dist/types/modules/useAppStore").Mode>;
|
|
29
29
|
sideTokenStyle: import("vue").Ref<Record<string, string>, Record<string, string>>;
|
|
30
30
|
route: import("vue-router").RouteLocationNormalizedLoadedGeneric;
|
|
31
|
-
|
|
31
|
+
onMenuClick: (item: never) => void;
|
|
32
32
|
layoutStyle: string;
|
|
33
33
|
siderStyle: import("vue").ComputedRef<string>;
|
|
34
34
|
rightStyle: import("vue").ComputedRef<string>;
|
|
@@ -42,10 +42,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
42
42
|
rightContentStyle: import("vue").ComputedRef<string>;
|
|
43
43
|
};
|
|
44
44
|
useMenu: () => {
|
|
45
|
-
|
|
45
|
+
onMenuClick: (item: never) => void;
|
|
46
46
|
};
|
|
47
|
-
readonly DMenu: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "
|
|
48
|
-
|
|
47
|
+
readonly DMenu: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onMenuClick"[], "onMenuClick", import("vue").PublicProps, Readonly<{}> & Readonly<{
|
|
48
|
+
onOnMenuClick?: ((...args: any[]) => any) | undefined;
|
|
49
49
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
50
50
|
readonly SettingDrawer: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
|
|
51
51
|
BlockCheckbox: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
@@ -148,7 +148,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
148
148
|
RouterContent: import("vue").DefineComponent<{}, {
|
|
149
149
|
keepAliveNames: string[];
|
|
150
150
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
151
|
-
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "
|
|
151
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onMenuClick"[], "onMenuClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
152
152
|
watermark: {
|
|
153
153
|
type: ObjectConstructor;
|
|
154
154
|
required: false;
|
|
@@ -162,7 +162,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
162
162
|
default: boolean;
|
|
163
163
|
};
|
|
164
164
|
}>> & Readonly<{
|
|
165
|
-
|
|
165
|
+
onOnMenuClick?: ((...args: any[]) => any) | undefined;
|
|
166
166
|
}>, {
|
|
167
167
|
watermark: Record<string, any>;
|
|
168
168
|
isSettings: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Layout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Layout.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Layout.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/Layout.vue.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBAkI6B,KAAK;;;;;;;;;;;;;;4BAAL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjHlC,wBA+HE"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "
|
|
2
|
-
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "onMenuClick"[], "onMenuClick", import("vue").PublicProps, Readonly<{}> & Readonly<{
|
|
2
|
+
onOnMenuClick?: ((...args: any[]) => any) | undefined;
|
|
3
3
|
}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
4
4
|
export default _default;
|
|
5
5
|
//# sourceMappingURL=Menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../../../../src/components/layout/components/menu/Menu.tsx"],"names":[],"mappings":";;;AAaA,wBAsMG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAI3D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAClC,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;AAGd,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAGD,UAAU,MAAM,CAAC,CAAC,GAAG,OAAO;IAC1B,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAExB,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAE9B,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,gBAAgB,CAAC,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,KACT,IAAI,CAAC;IAEV,KAAK,CAAC,EAAE,CACN,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IAEV,OAAO,CAAC,EAAE,CACR,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IAEV,gBAAgB,CAAC,EAAE,CACjB,MAAM,EAAE,OAAO,KACZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAEzC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAGD,eAAO,MAAM,UAAU,GAAI,CAAC;;;;;;cAEH,QAAQ,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;cAKlB,QAAQ,CAAC,QAAQ,CAAC;;;;cAInB,QAAQ,CAAC,GAAG,EAAE,CAAC;;;;cAId,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;;;CAGrC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,CAC9B,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAChD,CAAC;AAoCF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;cAnDQ,QAAQ,CAAC,QAAQ,CAAC;;;;cAInB,QAAQ,CAAC,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAJd,QAAQ,CAAC,QAAQ,CAAC;;;;cAInB,QAAQ,CAAC,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/table/Table.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAC;AAI3D,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,aAAa,CAAC;AAEnD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAO3D,MAAM,MAAM,GAAG,GAAG,MAAM,GAAG,MAAM,CAAC;AAClC,MAAM,MAAM,QAAQ,GAChB,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,CAAC;AAGd,UAAU,IAAI;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAGD,UAAU,MAAM,CAAC,CAAC,GAAG,OAAO;IAC1B,OAAO,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC;IAExB,UAAU,CAAC,EAAE,IAAI,GAAG,SAAS,CAAC;IAE9B,gBAAgB,CAAC,EAAE,eAAe,CAAC;IACnC,gBAAgB,CAAC,EAAE,CACjB,OAAO,EAAE,MAAM,EACf,IAAI,EAAE,MAAM,KACT,IAAI,CAAC;IAEV,KAAK,CAAC,EAAE,CACN,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IAEV,OAAO,CAAC,EAAE,CACR,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAC/B,KAAK,EAAE,MAAM,KACV,IAAI,CAAC;IAEV,gBAAgB,CAAC,EAAE,CACjB,MAAM,EAAE,OAAO,KACZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,SAAS,CAAC;IAEzC,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAGD,eAAO,MAAM,UAAU,GAAI,CAAC;;;;;;cAEH,QAAQ,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;cAKlB,QAAQ,CAAC,QAAQ,CAAC;;;;cAInB,QAAQ,CAAC,GAAG,EAAE,CAAC;;;;cAId,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;;;CAGrC,CAAC;AAEH,MAAM,MAAM,UAAU,GAAG,OAAO,CAC9B,gBAAgB,CAAC,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC,CAChD,CAAC;AAoCF,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;cAnDQ,QAAQ,CAAC,QAAQ,CAAC;;;;cAInB,QAAQ,CAAC,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAJd,QAAQ,CAAC,QAAQ,CAAC;;;;cAInB,QAAQ,CAAC,GAAG,EAAE,CAAC;;;;;;;;;;;;;;;;;4EA2fhC,CAAC;AAEH,eAAO,MAAM,YAAY,SAAU,OAAO,WAgBzC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
declare const _default: () => {
|
|
2
|
+
findMatchedMenuById: (id: string, menuItems: any[]) => {
|
|
3
|
+
parentItem: any;
|
|
4
|
+
matchItem: any;
|
|
5
|
+
};
|
|
6
|
+
findMenuItemByUrl: (url: string, menuItems: any[]) => any;
|
|
7
|
+
};
|
|
8
|
+
export default _default;
|
|
9
|
+
//# sourceMappingURL=useMenuCore.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useMenuCore.d.ts","sourceRoot":"","sources":["../../../src/utils/useMenuCore.ts"],"names":[],"mappings":";8BAQQ,MAAM,aACC,GAAG,EAAE,KACf;QAAE,UAAU,EAAE,GAAG,CAAC;QAAC,SAAS,EAAE,GAAG,CAAA;KAAE;6BA2C/B,MAAM,aACA,GAAG,EAAE,KACf,GAAG;;AAvDR,wBAsEE"}
|