@ditari/bsui 1.1.37 → 1.1.39

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -1,5 +1,17 @@
1
1
  # @ditari/bsui
2
2
 
3
+ ## 1.1.39
4
+
5
+ ### Patch Changes
6
+
7
+ - 接近缓存导致内存溢出的问题
8
+
9
+ ## 1.1.38
10
+
11
+ ### Patch Changes
12
+
13
+ - 表格添加点击激活的背景 class
14
+
3
15
  ## 1.1.37
4
16
 
5
17
  ### Patch Changes
@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{}, {
41
41
  }>;
42
42
  switchCollapsed: () => void;
43
43
  collapsedStatus: import("vue").ComputedRef<boolean>;
44
+ keepAliveRef: import("vue").Ref<any>;
44
45
  readonly MenuFoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuFoldOutlined").MenuFoldOutlinedIconType;
45
46
  readonly MenuUnfoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuUnfoldOutlined").MenuUnfoldOutlinedIconType;
46
47
  DNavTabs: import("vue").DefineComponent<{}, {
@@ -19,6 +19,11 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
19
19
  const settingsStore = store.useSettingsStore();
20
20
  const { switchCollapsed } = settingsStore;
21
21
  const collapsedStatus = vue.computed(() => settingsStore.getCollapsed);
22
+ const keepAliveRef = vue.ref();
23
+ vue.nextTick(() => {
24
+ const instance = vue.getCurrentInstance();
25
+ console.log(instance);
26
+ });
22
27
  return (_ctx, _cache) => {
23
28
  const _component_a_layout_sider = vue.resolveComponent("a-layout-sider");
24
29
  const _component_router_view = vue.resolveComponent("router-view");
@@ -85,36 +90,12 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
85
90
  class: "ditari-layout-content"
86
91
  }, {
87
92
  default: vue.withCtx(() => [
88
- vue.createVNode(_component_router_view, null, {
89
- default: vue.withCtx(({ Component }) => [
90
- vue.createVNode(
91
- vue.Transition,
92
- {
93
- name: "main",
94
- mode: "out-in",
95
- appear: ""
96
- },
97
- {
98
- default: vue.withCtx(() => [
99
- (vue.openBlock(), vue.createBlock(vue.KeepAlive, {
100
- ref: "keepAliveRef",
101
- include: keepAliveNames.value
102
- }, [
103
- (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
104
- key: _ctx.$route.path
105
- }))
106
- ], 1032, ["include"]))
107
- ]),
108
- _: 2
109
- /* DYNAMIC */
110
- },
111
- 1024
112
- /* DYNAMIC_SLOTS */
113
- )
114
- ]),
115
- _: 1
116
- /* STABLE */
117
- }),
93
+ vue.createVNode(_component_router_view),
94
+ vue.createCommentVNode(' <transition name="main" mode="out-in" appear>'),
95
+ vue.createCommentVNode(' <keep-alive ref="keepAliveRef" :include="keepAliveNames">'),
96
+ vue.createCommentVNode(' <component :is="Component" :key="$route.path" />'),
97
+ vue.createCommentVNode(" </keep-alive>"),
98
+ vue.createCommentVNode(" </transition>"),
118
99
  vue.renderSlot(_ctx.$slots, "micro")
119
100
  ]),
120
101
  _: 3
@@ -1 +1 @@
1
- {"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-nav-tabs />\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n <a-layout-content\n style=\"margin-top: 42px\"\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore"],"mappings":";;;;;;;;;;;;;;;;AAcA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FuckMain.vue2.cjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, getCurrentInstance, nextTick, ref } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n\nconst keepAliveRef = ref();\n\nnextTick(() => {\n const instance: any = getCurrentInstance();\n console.log(instance);\n});\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-nav-tabs />\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n <a-layout-content\n style=\"margin-top: 42px\"\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view />\n <!-- <transition name=\"main\" mode=\"out-in\" appear>-->\n <!-- <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">-->\n <!-- <component :is=\"Component\" :key=\"$route.path\" />-->\n <!-- </keep-alive>-->\n <!-- </transition>-->\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore","ref","nextTick","getCurrentInstance"],"mappings":";;;;;;;;;;;;;;;;AAcA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAA,MAAM,eAAeE,OAAI,EAAA,CAAA;AAEzB,IAAAC,YAAA,CAAS,MAAM;AACb,MAAA,MAAM,WAAgBC,sBAAmB,EAAA,CAAA;AACzC,MAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA,CAAA;AAAA,KACrB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -101,36 +101,14 @@ var _sfc_main = /* @__PURE__ */ vue.defineComponent({
101
101
  style: vue.normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "200px" })
102
102
  }, {
103
103
  default: vue.withCtx(() => [
104
- vue.createVNode(_component_router_view, null, {
105
- default: vue.withCtx(({ Component }) => [
106
- vue.createVNode(
107
- vue.Transition,
108
- {
109
- name: "main",
110
- mode: "out-in",
111
- appear: ""
112
- },
113
- {
114
- default: vue.withCtx(() => [
115
- (vue.openBlock(), vue.createBlock(vue.KeepAlive, {
116
- ref: "keepAliveRef",
117
- include: keepAliveNames.value
118
- }, [
119
- (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(Component), {
120
- key: _ctx.$route.path
121
- }))
122
- ], 1032, ["include"]))
123
- ]),
124
- _: 2
125
- /* DYNAMIC */
126
- },
127
- 1024
128
- /* DYNAMIC_SLOTS */
129
- )
130
- ]),
131
- _: 1
132
- /* STABLE */
133
- }),
104
+ vue.createVNode(_component_router_view),
105
+ vue.createCommentVNode(' <router-view v-slot="{ Component }">'),
106
+ vue.createCommentVNode(' <transition name="main" mode="out-in" appear>'),
107
+ vue.createCommentVNode(' <keep-alive ref="keepAliveRef" :include="keepAliveNames">'),
108
+ vue.createCommentVNode(' <component :is="Component" :key="$route.path" />'),
109
+ vue.createCommentVNode(" </keep-alive>"),
110
+ vue.createCommentVNode(" </transition>"),
111
+ vue.createCommentVNode(" </router-view>"),
134
112
  vue.renderSlot(_ctx.$slots, "micro")
135
113
  ]),
136
114
  _: 3
@@ -1 +1 @@
1
- {"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <d-nav-tabs />\n <div class=\"ditari-layout-header\">\n <div class=\"ditari-layout-header-left\">\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-breadcrumb />\n </div>\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n </div>\n <a-layout-content\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore","provide"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQE,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Main.vue2.cjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <d-nav-tabs />\n <div class=\"ditari-layout-header\">\n <div class=\"ditari-layout-header-left\">\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-breadcrumb />\n </div>\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n </div>\n <a-layout-content\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view />\n <!-- <router-view v-slot=\"{ Component }\">-->\n <!-- <transition name=\"main\" mode=\"out-in\" appear>-->\n <!-- <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">-->\n <!-- <component :is=\"Component\" :key=\"$route.path\" />-->\n <!-- </keep-alive>-->\n <!-- </transition>-->\n <!-- </router-view>-->\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":["store","useKeepAliveStore","computed","useSettingsStore","provide"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAMA,UAAQC,uBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAAC,YAAA,CAAS,MAAMF,OAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgBG,sBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAAD,YAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQE,WAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -261,10 +261,25 @@ const DXTable = /* @__PURE__ */ vue.defineComponent({
261
261
  }
262
262
  emit("update:keys", selectedRowKeys.value);
263
263
  };
264
+ function onClickSelectedBg(event) {
265
+ const {
266
+ clickSelectedClassName
267
+ } = props.config;
268
+ if (!clickSelectedClassName)
269
+ return;
270
+ const curEl = event.target;
271
+ const parentElement = curEl.parentNode;
272
+ if (!parentElement.classList.contains(clickSelectedClassName)) {
273
+ parentElement.classList.add(clickSelectedClassName);
274
+ } else {
275
+ parentElement.classList.remove(clickSelectedClassName);
276
+ }
277
+ }
264
278
  return {
265
- onClick: () => {
279
+ onClick: (event) => {
266
280
  clearTimeout(clickTimeout);
267
281
  clickTimeout = setTimeout(() => {
282
+ onClickSelectedBg(event);
268
283
  onClick();
269
284
  click ? click(record, index) : void 0;
270
285
  }, 200);
@@ -274,15 +289,6 @@ const DXTable = /* @__PURE__ */ vue.defineComponent({
274
289
  clearTimeout(clickTimeout);
275
290
  dbClick ? dbClick(record, index) : void 0;
276
291
  }
277
- // onContextmenu: (event) => {
278
- // //TODO
279
- // },
280
- // onMouseenter: (event) => {
281
- // //TODO
282
- // }, // 鼠标移入行
283
- // onMouseleave: (event) => {
284
- // //TODO
285
- // }
286
292
  };
287
293
  };
288
294
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Table.cjs","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n nextTick,\n PropType,\n reactive,\n ref,\n watch,\n watchEffect\n} from \"vue\";\nimport { Pagination, Space, Table } from \"ant-design-vue\";\nimport { useEleHeight } from \"../_utils/html\";\nimport { prefixName } from \"../theme\";\n\nimport type { TableProps, Key } from \"./interface/table\";\n/**\n * 表格组件 基于TSX封装ATable\n */\nconst tableProps = () => {\n return {\n data: {\n type: Object as PropType<TableProps[\"data\"]>,\n required: true\n },\n height: {\n type: Number as PropType<TableProps[\"height\"]>,\n default: 300\n },\n keys: Array as PropType<TableProps[\"keys\"]>,\n rowKey: {\n type: String as PropType<TableProps[\"rowKey\"]>,\n default: \"id\"\n },\n loading: {\n type: Boolean as PropType<TableProps[\"loading\"]>,\n default: false\n },\n pagination: {\n type: Object as PropType<TableProps[\"pagination\"]>,\n default: () => ({})\n },\n config: {\n type: Object as PropType<TableProps[\"config\"]>,\n default: () => ({})\n },\n expandedRowKeys: {\n type: Object as PropType<TableProps[\"expandedRowKeys\"]>,\n default: () => []\n },\n defaultExpandAllRows: {\n type: Boolean as PropType<TableProps[\"defaultExpandAllRows\"]>,\n default: () => true\n }\n };\n};\n\n// 使用有问题\n// const tableEmits = defineEmits<{\n// \"update:keys\": (keys: []) => void;\n// }>();\n// interface MyEvents {\n// [key: string]: (...args: any[]) => void;\n// \"update:keys\": (keys: []) => void;\n// }\n\n//分页class名称\nconst basePageClassName = `${prefixName}-pagination`;\n\n/**\n * 表格组件定义\n */\nconst DXTable = defineComponent({\n name: \"DTable\",\n inheritAttrs: false,\n props: tableProps(),\n // emits: { \"update:keys\": (keys: []) => void }\n // TODO 需要做调整\n emits: [\"update:keys\"],\n setup: function (props, { emit, slots, attrs }) {\n //分页默认配置\n const paginationConfig = reactive({\n defaultPageSize: 20,\n hideOnSinglePage: false,\n pageSizeOptions: [\"10\", \"20\", \"30\", \"40\"],\n responsive: true,\n showQuickJumper: true,\n showLessItems: true,\n showTotal: (total: number) => {\n return `总共 ${total} 条`;\n }\n });\n\n // 保存选中的唯一id\n const selectedRowKeys = ref<any>(props.keys || []);\n // 数据源\n const dataSource = computed(() => props.data);\n // 表格列\n const columns = computed(() => props.config?.columns ?? []);\n const paginationState = computed(\n () => props.config?.pagination ?? ({} as any)\n );\n // 展开行\n // eslint-disable-next-line vue/no-setup-props-destructure\n const expandedKeys = ref<any>(props.expandedRowKeys);\n // 分页条数配置\n paginationConfig.pageSizeOptions =\n props.config?.pageOption?.sizeOptions ?? paginationConfig.pageSizeOptions;\n // 默认条数\n paginationConfig.defaultPageSize =\n props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;\n\n watchEffect(() => {\n const { expandedRowKeys } = props;\n expandedKeys.value = expandedRowKeys;\n });\n\n // 初始化表格\n const {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n } = useTable();\n\n function useTable() {\n const {\n rowClassName,\n keepSelected,\n onPageChange: onChange\n } = props.config;\n\n const selection = props.config.selection ?? \"N\";\n const isInit = ref(false);\n // 表格根div\n const tableRootRef = ref<HTMLElement>();\n // 表格组件对象\n const tableRef = ref<any>(null);\n // 表格计算出来的高度\n const tableHeight = ref<number>();\n // 表格body对象\n const antTableBodyRef = ref<any>(null);\n // 计算高度\n const playHeight = (height: number) => {\n try {\n const tableEl = tableRef?.value?.$el;\n const headerHeight = useEleHeight(\n tableEl.getElementsByClassName(\"ant-table-header\")[0]\n );\n isInit.value = true;\n // 获取分页组件高度\n let paginationHeight = 0;\n if (props.config.pagination) {\n const paginationEl =\n tableRootRef.value?.getElementsByClassName(basePageClassName)[0];\n paginationHeight = useEleHeight(paginationEl as any) ?? 0;\n }\n tableHeight.value = height - (headerHeight + paginationHeight);\n\n // 设置body高度\n tableEl.getElementsByClassName(\"ant-table-body\")[0].style.height =\n tableHeight.value + \"px\";\n // 表格body对象 用于切换页码后滚动条置顶\n antTableBodyRef.value =\n tableEl.getElementsByClassName(\"ant-table-body\")[0];\n } catch (e) {\n console.warn(e);\n }\n };\n //监听传入的height的变化 默认组件创建的时候会执行一次\n watchEffect(() => {\n if (props.height !== 0) {\n nextTick(() => {\n if (isInit.value) {\n playHeight(props.height);\n } else {\n // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n setTimeout(() => {\n playHeight(props.height);\n // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n }, 100);\n }\n });\n }\n });\n // 监听分页组件\n const onPageChange = (page: number, size: number) => {\n onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;\n // 切换分页的时候,表体滚动到顶部\n antTableBodyRef.value.scrollTop = 0;\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\n // 清空历史选中数据\n if (selection === \"S\" || !keepSelected) {\n selectedRowKeys.value = [];\n emit(\"update:keys\", selectedRowKeys.value);\n }\n };\n //自定义样式\n const onRowClassName = (record: any, index: number) => {\n return rowClassName ? rowClassName(record, index) : undefined;\n };\n return {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n };\n }\n\n //表格选中配置\n const rowSelection = useRowSelection();\n\n function useRowSelection() {\n const {\n rowKey,\n config: { getCheckboxProps }\n } = props;\n\n let localSelection = props.config.selection ?? \"N\";\n //if (selection === \"N\") return undefined;\n\n const onSelect = (record: any, selected: any) => {\n if (localSelection === \"S\") {\n selectedRowKeys.value = [];\n selectedRowKeys.value = selected ? [record[rowKey]] : [];\n } else {\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(record[rowKey])\n : selectedRowKeys.value.filter(\n (key: Key) => key !== record[rowKey]\n );\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n const onSelectAll = (\n selected: any,\n selectedRows: any,\n changeRows: any\n ) => {\n const _ids = changeRows.map((record: any) => record[rowKey]);\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(_ids)\n : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));\n\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\n watch(\n () => props.keys,\n (val) => {\n selectedRowKeys.value = val;\n }\n );\n\n const rowSelection = ref<any>(undefined);\n\n watchEffect(() => {\n const { selection } = props.config;\n localSelection = selection as any;\n if (localSelection !== \"N\") {\n rowSelection.value = {\n selectedRowKeys,\n onSelect,\n onSelectAll,\n fixed: true,\n columnTitle: localSelection === \"S\" ? \"选择\" : null,\n columnWidth: localSelection === \"S\" ? 60 : 40,\n getCheckboxProps: getCheckboxProps\n };\n } else {\n rowSelection.value = undefined;\n }\n });\n\n // return {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n return rowSelection;\n }\n\n const customRow = useCustomRow();\n\n //表格行配置\n function useCustomRow() {\n return (record: any, index: any) => {\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\n let clickTimeout: any = undefined;\n const {\n rowKey,\n config: { click, dbClick, selection, getCheckboxProps }\n } = props as any;\n\n // 当前点击行的唯一ID,通过rowKey从record中取值\n const id = record[rowKey];\n\n /**\n * 处理单击事件业务\n * @param record 当前点击行数据\n */\n const onClick = () => {\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\n // 否则checkEnable为false\n const checkEnable =\n getCheckboxProps === undefined\n ? false\n : getCheckboxProps(record).disabled;\n\n if (selection === \"N\" || checkEnable) {\n // 1. 未开启复选框 则不处理数据选中操作\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\n // 方法返回的disabled为true就不执行\n // 复选框选中的操作\n return;\n }\n const haveState = selectedRowKeys.value.some(\n (key: Key) => key === id\n );\n if (haveState) {\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\n selectedRowKeys.value = selectedRowKeys.value.filter(\n (key: Key) => key !== id\n );\n } else {\n if (selection === \"S\") {\n //单选的时候 清空选中的数据 再赋值新的ID\n selectedRowKeys.value = [];\n selectedRowKeys.value.push(id);\n } else {\n //多选直接追加ID\n selectedRowKeys.value.push(id);\n }\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n return {\n onClick: () => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n // 处理单击事件业务\n onClick();\n // 回传数据 自定义单击后的业务\n click ? click(record, index) : undefined;\n }, 200);\n }, // 点击行\n onDblclick: () => {\n clearTimeout(clickTimeout);\n // 回传数据 自定义单击后的业务\n dbClick ? dbClick(record, index) : undefined;\n }\n // onContextmenu: (event) => {\n // //TODO\n // },\n // onMouseenter: (event) => {\n // //TODO\n // }, // 鼠标移入行\n // onMouseleave: (event) => {\n // //TODO\n // }\n };\n };\n }\n\n const actionStop = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n const expandRowByClick = computed(() => {\n const { selection } = props.config;\n return selection === \"N\";\n });\n const tableSlots: any = {};\n if (slots.expandedRowRender) {\n tableSlots.expandedRowRender = (record: any) => {\n return (\n <>{slots.expandedRowRender && slots.expandedRowRender(record)}</>\n );\n };\n }\n const summary = () => {\n return <>{slots.summary && slots.summary()}</>;\n };\n\n /**\n * 展开行事件\n * @param expanded\n * @param record\n */\n const onExpand = (expanded: any, record: any) => {\n props.config.onExpand && props.config.onExpand({ expanded, record });\n };\n\n return () => (\n <div ref={tableRootRef}>\n <Table\n ref={tableRef}\n row-key={props.rowKey}\n bordered={props.config.bordered}\n {...attrs}\n columns={columns.value}\n dataSource={dataSource.value}\n loading={props.loading}\n size={props.config?.size ?? \"small\"}\n scroll={{\n scrollToFirstRowOnChange: true,\n x: \"100%\",\n y: tableHeight.value + \"px\"\n }}\n v-model:expandedRowKeys={expandedKeys.value}\n expandRowByClick={expandRowByClick.value}\n defaultExpandAllRows={props.defaultExpandAllRows}\n pagination={false}\n customRow={customRow}\n rowSelection={rowSelection.value}\n rowClassName={onRowClassName}\n onExpand={onExpand}\n >\n {{\n bodyCell: ({ column, record, index }: any) => {\n if (column.slot === \"action\") {\n return (\n <div onClick={actionStop} onDblclick={actionStop}>\n <Space>\n {slots.action && slots.action({ record, index })}\n </Space>\n </div>\n );\n }\n },\n ...tableSlots,\n // 总结栏插槽\n summary: summary\n }}\n </Table>\n <Pagination\n v-show={props.config.pagination}\n class={[basePageClassName]}\n v-model:current={paginationState.value.current}\n v-model:pageSize={paginationState.value.pageSize}\n disabled={props.loading}\n show-size-changer\n size={\"default\"}\n hide-on-single-page={paginationConfig.hideOnSinglePage}\n show-quick-jumper={paginationConfig.showQuickJumper}\n default-page-size={paginationConfig.defaultPageSize}\n page-size-options={paginationConfig.pageSizeOptions}\n show-total={paginationConfig.showTotal}\n total={paginationState.value.total}\n onChange={onPageChange}\n />\n </div>\n );\n }\n});\n\nexport default DXTable;\n"],"names":["tableProps","data","type","Object","required","height","Number","default","keys","Array","rowKey","String","loading","Boolean","pagination","config","expandedRowKeys","defaultExpandAllRows","basePageClassName","prefixName","DXTable","defineComponent","name","inheritAttrs","props","emits","setup","emit","slots","attrs","paginationConfig","reactive","defaultPageSize","hideOnSinglePage","pageSizeOptions","responsive","showQuickJumper","showLessItems","showTotal","total","selectedRowKeys","ref","dataSource","computed","columns","paginationState","expandedKeys","pageOption","sizeOptions","defaultSize","watchEffect","value","tableRef","tableRootRef","tableHeight","onPageChange","onRowClassName","useTable","rowClassName","keepSelected","onChange","selection","isInit","antTableBodyRef","playHeight","tableEl","$el","headerHeight","useEleHeight","getElementsByClassName","paginationHeight","paginationEl","style","e","console","warn","nextTick","setTimeout","page","size","scrollTop","record","index","undefined","rowSelection","useRowSelection","getCheckboxProps","localSelection","onSelect","selected","concat","filter","key","onSelectAll","selectedRows","changeRows","_ids","map","includes","watch","val","fixed","columnTitle","columnWidth","customRow","useCustomRow","clickTimeout","click","dbClick","id","onClick","checkEnable","disabled","haveState","some","push","clearTimeout","onDblclick","actionStop","event","stopPropagation","expandRowByClick","tableSlots","expandedRowRender","_createVNode","_Fragment","summary","onExpand","expanded","Table","_mergeProps","bordered","scrollToFirstRowOnChange","x","y","$event","bodyCell","column","slot","Space","action","_withDirectives","Pagination","current","pageSize","_vShow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAMA,aAAaA,MAAM;AACvB,EAAO,OAAA;AAAA,IACLC,IAAM,EAAA;AAAA,MACJC,IAAMC,EAAAA,MAAAA;AAAAA,MACNC,QAAU,EAAA,IAAA;AAAA,KACZ;AAAA,IACAC,MAAQ,EAAA;AAAA,MACNH,IAAMI,EAAAA,MAAAA;AAAAA,MACNC,OAAS,EAAA,GAAA;AAAA,KACX;AAAA,IACAC,IAAMC,EAAAA,KAAAA;AAAAA,IACNC,MAAQ,EAAA;AAAA,MACNR,IAAMS,EAAAA,MAAAA;AAAAA,MACNJ,OAAS,EAAA,IAAA;AAAA,KACX;AAAA,IACAK,OAAS,EAAA;AAAA,MACPV,IAAMW,EAAAA,OAAAA;AAAAA,MACNN,OAAS,EAAA,KAAA;AAAA,KACX;AAAA,IACAO,UAAY,EAAA;AAAA,MACVZ,IAAMC,EAAAA,MAAAA;AAAAA,MACNI,OAAAA,EAASA,OAAO,EAAC,CAAA;AAAA,KACnB;AAAA,IACAQ,MAAQ,EAAA;AAAA,MACNb,IAAMC,EAAAA,MAAAA;AAAAA,MACNI,OAAAA,EAASA,OAAO,EAAC,CAAA;AAAA,KACnB;AAAA,IACAS,eAAiB,EAAA;AAAA,MACfd,IAAMC,EAAAA,MAAAA;AAAAA,MACNI,OAAAA,EAASA,MAAM,EAAA;AAAA,KACjB;AAAA,IACAU,oBAAsB,EAAA;AAAA,MACpBf,IAAMW,EAAAA,OAAAA;AAAAA,MACNN,SAASA,MAAM,IAAA;AAAA,KACjB;AAAA,GACF,CAAA;AACF,CAAA,CAAA;AAYA,MAAMW,iBAAAA,GAAqB,GAAEC,gBAAW,CAAA,WAAA,CAAA,CAAA;AAKxC,MAAMC,0BAA0BC,mBAAA,CAAA;AAAA,EAC9BC,IAAM,EAAA,QAAA;AAAA,EACNC,YAAc,EAAA,KAAA;AAAA,EACdC,OAAOxB,UAAW,EAAA;AAAA;AAAA;AAAA,EAGlByB,KAAAA,EAAO,CAAC,aAAa,CAAA;AAAA,EACrBC,KAAAA,EAAO,SAAUF,KAAO,EAAA;AAAA,IAAEG,IAAAA;AAAAA,IAAMC,KAAAA;AAAAA,IAAOC,KAAAA;AAAAA,GAAS,EAAA;;AAE9C,IAAA,MAAMC,mBAAmBC,YAAS,CAAA;AAAA,MAChCC,eAAiB,EAAA,EAAA;AAAA,MACjBC,gBAAkB,EAAA,KAAA;AAAA,MAClBC,eAAiB,EAAA,CAAC,IAAM,EAAA,IAAA,EAAM,MAAM,IAAI,CAAA;AAAA,MACxCC,UAAY,EAAA,IAAA;AAAA,MACZC,eAAiB,EAAA,IAAA;AAAA,MACjBC,aAAe,EAAA,IAAA;AAAA,MACfC,WAAYC,CAAkB,KAAA,KAAA;AAC5B,QAAA,OAAQ,gBAAKA,KAAM,CAAA,OAAA,CAAA,CAAA;AAAA,OACrB;AAAA,KACD,CAAA,CAAA;AAGD,IAAA,MAAMC,eAAkBC,GAAAA,OAAAA,CAASjB,KAAMhB,CAAAA,IAAAA,IAAQ,EAAE,CAAA,CAAA;AAEjD,IAAA,MAAMkC,UAAaC,GAAAA,YAAAA,CAAS,MAAMnB,KAAAA,CAAMvB,IAAI,CAAA,CAAA;AAE5C,IAAM2C,MAAAA,OAAAA,GAAUD,aAAS,MAAMnB;;AAAAA,MAAAA,OAAAA,CAAAA,GAAAA,GAAAA,CAAAA,MAAAA,KAAMT,CAAAA,MAAAA,KAANS,gBAAAA,GAAcoB,CAAAA,OAAAA,KAAdpB,IAAAA,GAAAA,GAAAA,GAAyB,EAAA,CAAA;AAAA,KAAE,CAAA,CAAA;AAC1D,IAAMqB,MAAAA,eAAAA,GAAkBF,aACtB,MAAMnB;;AAAAA,MAAAA,OAAAA,CAAAA,GAAAA,GAAAA,CAAAA,MAAAA,KAAMT,CAAAA,MAAAA,KAANS,gBAAAA,GAAcV,CAAAA,UAAAA,KAAdU,IAAAA,GAAAA,GAAAA,GAA6B,EAAC,CAAA;AAAA,KACtC,CAAA,CAAA;AAGA,IAAMsB,MAAAA,YAAAA,GAAeL,OAASjB,CAAAA,KAAAA,CAAMR,eAAe,CAAA,CAAA;AAEnDc,IAAiBI,gBAAAA,CAAAA,eAAAA,GAAAA,CACfV,uBAAMT,MAANS,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAcuB,eAAdvB,IAA0BwB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,WAAAA,KAA1BxB,YAAyCM,gBAAiBI,CAAAA,eAAAA,CAAAA;AAE5DJ,IAAiBE,gBAAAA,CAAAA,eAAAA,GAAAA,CACfR,uBAAMT,MAANS,KAAAA,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAcuB,eAAdvB,IAA0ByB,GAAAA,KAAAA,CAAAA,GAAAA,EAAAA,CAAAA,WAAAA,KAA1BzB,YAAyCM,gBAAiBE,CAAAA,eAAAA,CAAAA;AAE5DkB,IAAAA,eAAAA,CAAY,MAAM;AAChB,MAAM,MAAA;AAAA,QAAElC,eAAAA;AAAAA,OAAoBQ,GAAAA,KAAAA,CAAAA;AAC5BsB,MAAAA,YAAAA,CAAaK,KAAQnC,GAAAA,eAAAA,CAAAA;AAAAA,KACtB,CAAA,CAAA;AAGD,IAAM,MAAA;AAAA,MACJoC,QAAAA;AAAAA,MACAC,YAAAA;AAAAA,MACAC,WAAAA;AAAAA,MACAC,YAAAA;AAAAA,MACAC,cAAAA;AAAAA,QACEC,QAAS,EAAA,CAAA;AAEb,IAAA,SAASA,QAAW,GAAA;;AAClB,MAAM,MAAA;AAAA,QACJC,YAAAA;AAAAA,QACAC,YAAAA;AAAAA,QACAJ,YAAcK,EAAAA,QAAAA;AAAAA,UACZpC,KAAMT,CAAAA,MAAAA,CAAAA;AAEV,MAAA,MAAM8C,aAAYrC,GAAAA,GAAAA,KAAAA,CAAMT,MAAO8C,CAAAA,SAAAA,KAAbrC,OAAAA,GAA0B,GAAA,GAAA,CAAA;AAC5C,MAAMsC,MAAAA,MAAAA,GAASrB,QAAI,KAAK,CAAA,CAAA;AAExB,MAAA,MAAMY,gBAAeZ,OAAiB,EAAA,CAAA;AAEtC,MAAMW,MAAAA,SAAAA,GAAWX,QAAS,IAAI,CAAA,CAAA;AAE9B,MAAA,MAAMa,eAAcb,OAAY,EAAA,CAAA;AAEhC,MAAMsB,MAAAA,eAAAA,GAAkBtB,QAAS,IAAI,CAAA,CAAA;AAErC,MAAA,MAAMuB,aAAc3D,CAAmB,MAAA,KAAA;;AACrC,QAAI,IAAA;AACF,UAAA,MAAM4D,WAAUb,GAAAA,GAAAA,SAAAA,IAAAA,gBAAAA,SAAUD,CAAAA,KAAAA,KAAVC,gBAAAA,GAAiBc,CAAAA,GAAAA,CAAAA;AACjC,UAAA,MAAMC,eAAeC,iBACnBH,CAAAA,OAAAA,CAAQI,uBAAuB,kBAAkB,CAAA,CAAE,CAAC,CACtD,CAAA,CAAA;AACAP,UAAAA,MAAAA,CAAOX,KAAQ,GAAA,IAAA,CAAA;AAEf,UAAA,IAAImB,gBAAmB,GAAA,CAAA,CAAA;AACvB,UAAI9C,IAAAA,KAAAA,CAAMT,OAAOD,UAAY,EAAA;AAC3B,YAAA,MAAMyD,gBACJlB,GAAAA,GAAAA,aAAAA,CAAaF,UAAbE,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAoBgB,uBAAuBnD,iBAAmB,CAAA,CAAA,CAAA,CAAA,CAAA;AAChEoD,YAAAA,gBAAAA,GAAAA,CAAmBF,GAAAA,GAAAA,iBAAAA,CAAaG,YAAmB,CAAA,KAAhCH,OAAAA,GAAqC,GAAA,CAAA,CAAA;AAAA,WAC1D;AACAd,UAAAA,YAAAA,CAAYH,KAAQ9C,GAAAA,MAAAA,IAAU8D,YAAeG,GAAAA,gBAAAA,CAAAA,CAAAA;AAG7CL,UAAQI,OAAAA,CAAAA,sBAAAA,CAAuB,gBAAgB,CAAE,CAAA,CAAC,EAAEG,KAAMnE,CAAAA,MAAAA,GACxDiD,aAAYH,KAAQ,GAAA,IAAA,CAAA;AAEtBY,UAAAA,eAAAA,CAAgBZ,KACdc,GAAAA,OAAAA,CAAQI,sBAAuB,CAAA,gBAAgB,EAAE,CAAC,CAAA,CAAA;AAAA,iBAC7CI,CAAG,EAAA;AACVC,UAAAA,OAAAA,CAAQC,KAAKF,CAAC,CAAA,CAAA;AAAA,SAChB;AAAA,OACF,CAAA;AAEAvB,MAAAA,eAAAA,CAAY,MAAM;AAChB,QAAI1B,IAAAA,KAAAA,CAAMnB,WAAW,CAAG,EAAA;AACtBuE,UAAAA,YAAAA,CAAS,MAAM;AACb,YAAA,IAAId,OAAOX,KAAO,EAAA;AAChBa,cAAAA,UAAAA,CAAWxC,MAAMnB,MAAM,CAAA,CAAA;AAAA,aAClB,MAAA;AAELwE,cAAAA,UAAAA,CAAW,MAAM;AACfb,gBAAAA,UAAAA,CAAWxC,MAAMnB,MAAM,CAAA,CAAA;AAAA,iBAEtB,GAAG,CAAA,CAAA;AAAA,aACR;AAAA,WACD,CAAA,CAAA;AAAA,SACH;AAAA,OACD,CAAA,CAAA;AAED,MAAMkD,MAAAA,aAAAA,GAAeA,CAACuB,IAAAA,EAAcC,IAAiB,KAAA;AACnDnB,QAAAA,QAAAA,GAAWA,QAAS,CAAA;AAAA,UAAEkB,IAAAA,EAAMA,IAAS,KAAA,CAAA,GAAI,CAAIA,GAAAA,IAAAA;AAAAA,UAAMC,IAAAA;AAAAA,SAAM,CAAI,GAAA,IAAA,CAAA;AAE7DhB,QAAAA,eAAAA,CAAgBZ,MAAM6B,SAAY,GAAA,CAAA,CAAA;AAGlC,QAAInB,IAAAA,SAAAA,KAAc,GAAO,IAAA,CAACF,YAAc,EAAA;AACtCnB,UAAAA,eAAAA,CAAgBW,QAAQ,EAAE,CAAA;AAC1BxB,UAAK,IAAA,CAAA,aAAA,EAAea,gBAAgBW,KAAK,CAAA,CAAA;AAAA,SAC3C;AAAA,OACF,CAAA;AAEA,MAAMK,MAAAA,eAAAA,GAAiBA,CAACyB,MAAAA,EAAaC,KAAkB,KAAA;AACrD,QAAA,OAAOxB,YAAeA,GAAAA,YAAAA,CAAauB,MAAQC,EAAAA,KAAK,CAAIC,GAAAA,KAAAA,CAAAA,CAAAA;AAAAA,OACtD,CAAA;AACA,MAAO,OAAA;AAAA,QACL/B,QAAAA,EAAAA,SAAAA;AAAAA,QACAC,YAAAA,EAAAA,aAAAA;AAAAA,QACAC,WAAAA,EAAAA,YAAAA;AAAAA,QACAC,YAAAA,EAAAA,aAAAA;AAAAA,QACAC,cAAAA,EAAAA,eAAAA;AAAAA,OACF,CAAA;AAAA,KACF;AAGA,IAAA,MAAM4B,eAAeC,eAAgB,EAAA,CAAA;AAErC,IAAA,SAASA,eAAkB,GAAA;;AACzB,MAAM,MAAA;AAAA,QACJ3E,MAAAA;AAAAA,QACAK,MAAQ,EAAA;AAAA,UAAEuE,gBAAAA;AAAAA,SAAiB;AAAA,OACzB9D,GAAAA,KAAAA,CAAAA;AAEJ,MAAA,IAAI+D,kBAAiB/D,GAAAA,GAAAA,KAAAA,CAAMT,MAAO8C,CAAAA,SAAAA,KAAbrC,OAAAA,GAA0B,GAAA,GAAA,CAAA;AAG/C,MAAMgE,MAAAA,QAAAA,GAAWA,CAACP,MAAAA,EAAaQ,QAAkB,KAAA;AAC/C,QAAA,IAAIF,mBAAmB,GAAK,EAAA;AAC1B/C,UAAAA,eAAAA,CAAgBW,QAAQ,EAAE,CAAA;AAC1BX,UAAAA,eAAAA,CAAgBW,QAAQsC,QAAW,GAAA,CAACR,OAAOvE,MAAM,CAAC,IAAI,EAAE,CAAA;AAAA,SACnD,MAAA;AACL8B,UAAAA,eAAAA,CAAgBW,QAAQsC,QACpBjD,GAAAA,eAAAA,CAAgBW,KAAMuC,CAAAA,MAAAA,CAAOT,OAAOvE,MAAM,CAAC,CAC3C8B,GAAAA,eAAAA,CAAgBW,MAAMwC,MACnBC,CAAAA,CAAAA,GAAAA,KAAaA,GAAQX,KAAAA,MAAAA,CAAOvE,MAAM,CACrC,CAAA,CAAA;AAAA,SACN;AACAiB,QAAK,IAAA,CAAA,aAAA,EAAea,gBAAgBW,KAAK,CAAA,CAAA;AAAA,OAC3C,CAAA;AAEA,MAAA,MAAM0C,WAAcA,GAAAA,CAClBJ,QACAK,EAAAA,YAAAA,EACAC,UACG,KAAA;AACH,QAAA,MAAMC,OAAOD,UAAWE,CAAAA,GAAAA,CAAKhB,CAAgBA,MAAAA,KAAAA,MAAAA,CAAOvE,MAAM,CAAC,CAAA,CAAA;AAC3D8B,QAAAA,eAAAA,CAAgBW,KAAQsC,GAAAA,QAAAA,GACpBjD,eAAgBW,CAAAA,KAAAA,CAAMuC,OAAOM,IAAI,CAAA,GACjCxD,eAAgBW,CAAAA,KAAAA,CAAMwC,OAAQC,CAAa,GAAA,KAAA,CAACI,IAAKE,CAAAA,QAAAA,CAASN,GAAG,CAAC,CAAA,CAAA;AAElEjE,QAAK,IAAA,CAAA,aAAA,EAAea,gBAAgBW,KAAK,CAAA,CAAA;AAAA,OAC3C,CAAA;AAIAgD,MACEA,SAAA,CAAA,MAAM3E,KAAMhB,CAAAA,IAAAA,EACX4F,CAAQ,GAAA,KAAA;AACP5D,QAAAA,eAAAA,CAAgBW,KAAQiD,GAAAA,GAAAA,CAAAA;AAAAA,OAE5B,CAAA,CAAA;AAEA,MAAMhB,MAAAA,aAAAA,GAAe3C,QAAS0C,KAAS,CAAA,CAAA,CAAA;AAEvCjC,MAAAA,eAAAA,CAAY,MAAM;AAChB,QAAM,MAAA;AAAA,UAAEW,SAAAA;AAAAA,YAAcrC,KAAMT,CAAAA,MAAAA,CAAAA;AAC5BwE,QAAiB1B,cAAAA,GAAAA,SAAAA,CAAAA;AACjB,QAAA,IAAI0B,mBAAmB,GAAK,EAAA;AAC1BH,UAAAA,cAAajC,KAAQ,GAAA;AAAA,YACnBX,eAAAA;AAAAA,YACAgD,QAAAA;AAAAA,YACAK,WAAAA;AAAAA,YACAQ,KAAO,EAAA,IAAA;AAAA,YACPC,WAAAA,EAAaf,cAAmB,KAAA,GAAA,GAAM,cAAO,GAAA,IAAA;AAAA,YAC7CgB,WAAAA,EAAahB,cAAmB,KAAA,GAAA,GAAM,EAAK,GAAA,EAAA;AAAA,YAC3CD,gBAAAA;AAAAA,WACF,CAAA;AAAA,SACK,MAAA;AACLF,UAAAA,cAAajC,KAAQgC,GAAAA,KAAAA,CAAAA,CAAAA;AAAAA,SACvB;AAAA,OACD,CAAA,CAAA;AAWD,MAAOC,OAAAA,aAAAA,CAAAA;AAAAA,KACT;AAEA,IAAA,MAAMoB,YAAYC,YAAa,EAAA,CAAA;AAG/B,IAAA,SAASA,YAAe,GAAA;AACtB,MAAO,OAAA,CAACxB,QAAaC,KAAe,KAAA;AAElC,QAAA,IAAIwB,YAAoBvB,GAAAA,KAAAA,CAAAA,CAAAA;AACxB,QAAM,MAAA;AAAA,UACJzE,MAAAA;AAAAA,UACAK,MAAQ,EAAA;AAAA,YAAE4F,KAAAA;AAAAA,YAAOC,OAAAA;AAAAA,YAAS/C,SAAAA;AAAAA,YAAWyB,gBAAAA;AAAAA,WAAiB;AAAA,SACpD9D,GAAAA,KAAAA,CAAAA;AAGJ,QAAMqF,MAAAA,EAAAA,GAAK5B,OAAOvE,MAAM,CAAA,CAAA;AAMxB,QAAA,MAAMoG,UAAUA,MAAM;AAGpB,UAAA,MAAMC,cACJzB,gBAAqBH,KAAAA,KAAAA,CAAAA,GACjB,KACAG,GAAAA,gBAAAA,CAAiBL,MAAM,CAAE+B,CAAAA,QAAAA,CAAAA;AAE/B,UAAInD,IAAAA,SAAAA,KAAc,OAAOkD,WAAa,EAAA;AAMpC,YAAA,OAAA;AAAA,WACF;AACA,UAAA,MAAME,YAAYzE,eAAgBW,CAAAA,KAAAA,CAAM+D,IACrCtB,CAAAA,CAAAA,GAAAA,KAAaA,QAAQiB,EACxB,CAAA,CAAA;AACA,UAAA,IAAII,SAAW,EAAA;AAEbzE,YAAAA,eAAAA,CAAgBW,QAAQX,eAAgBW,CAAAA,KAAAA,CAAMwC,MAC3CC,CAAAA,CAAAA,GAAAA,KAAaA,QAAQiB,EACxB,CAAA,CAAA;AAAA,WACK,MAAA;AACL,YAAA,IAAIhD,cAAc,GAAK,EAAA;AAErBrB,cAAAA,eAAAA,CAAgBW,QAAQ,EAAE,CAAA;AAC1BX,cAAgBW,eAAAA,CAAAA,KAAAA,CAAMgE,KAAKN,EAAE,CAAA,CAAA;AAAA,aACxB,MAAA;AAELrE,cAAgBW,eAAAA,CAAAA,KAAAA,CAAMgE,KAAKN,EAAE,CAAA,CAAA;AAAA,aAC/B;AAAA,WACF;AACAlF,UAAK,IAAA,CAAA,aAAA,EAAea,gBAAgBW,KAAK,CAAA,CAAA;AAAA,SAC3C,CAAA;AAEA,QAAO,OAAA;AAAA,UACL2D,SAASA,MAAM;AACbM,YAAAA,YAAAA,CAAaV,YAAY,CAAA,CAAA;AACzBA,YAAAA,YAAAA,GAAe7B,WAAW,MAAM;AAE9BiC,cAAQ,OAAA,EAAA,CAAA;AAERH,cAAQA,KAAAA,GAAAA,KAAAA,CAAM1B,MAAQC,EAAAA,KAAK,CAAIC,GAAAA,KAAAA,CAAAA,CAAAA;AAAAA,eAC9B,GAAG,CAAA,CAAA;AAAA,WACR;AAAA;AAAA,UACAkC,YAAYA,MAAM;AAChBD,YAAAA,YAAAA,CAAaV,YAAY,CAAA,CAAA;AAEzBE,YAAUA,OAAAA,GAAAA,OAAAA,CAAQ3B,MAAQC,EAAAA,KAAK,CAAIC,GAAAA,KAAAA,CAAAA,CAAAA;AAAAA,WACrC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAUF,CAAA;AAAA,OACF,CAAA;AAAA,KACF;AAEA,IAAA,MAAMmC,aAAcC,CAAsB,KAAA,KAAA;AACxCA,MAAAA,KAAAA,CAAMC,eAAgB,EAAA,CAAA;AAAA,KACxB,CAAA;AAEA,IAAMC,MAAAA,gBAAAA,GAAmB9E,aAAS,MAAM;AACtC,MAAM,MAAA;AAAA,QAAEkB,SAAAA;AAAAA,UAAcrC,KAAMT,CAAAA,MAAAA,CAAAA;AAC5B,MAAA,OAAO8C,SAAc,KAAA,GAAA,CAAA;AAAA,KACtB,CAAA,CAAA;AACD,IAAA,MAAM6D,aAAkB,EAAC,CAAA;AACzB,IAAA,IAAI9F,MAAM+F,iBAAmB,EAAA;AAC3BD,MAAAA,UAAAA,CAAWC,oBAAqB1C,CAAgB,MAAA,KAAA;AAC9C,QAAA2C,OAAAA,eAAAA,CAAAC,YAAA,EAAA,IAAA,EAAA,CACKjG,KAAAA,CAAM+F,qBAAqB/F,KAAM+F,CAAAA,iBAAAA,CAAkB1C,MAAM,CAAC,CAAA,CAAA,CAAA;AAAA,OAEjE,CAAA;AAAA,KACF;AACA,IAAA,MAAM6C,UAAUA,MAAM;AACpB,MAAAF,OAAAA,eAAAA,CAAAC,cAAA,IAAA,EAAA,CAAUjG,MAAMkG,OAAWlG,IAAAA,KAAAA,CAAMkG,OAAQ,EAAC,CAAA,CAAA,CAAA;AAAA,KAC5C,CAAA;AAOA,IAAMC,MAAAA,QAAAA,GAAWA,CAACC,QAAAA,EAAe/C,MAAgB,KAAA;AAC/CzD,MAAAA,KAAAA,CAAMT,MAAOgH,CAAAA,QAAAA,IAAYvG,KAAMT,CAAAA,MAAAA,CAAOgH,QAAS,CAAA;AAAA,QAAEC,QAAAA;AAAAA,QAAU/C,MAAAA;AAAAA,OAAQ,CAAA,CAAA;AAAA,KACrE,CAAA;AAEA,IAAA,OAAO;;AAAA2C,MAAAA,OAAAA,eAAAA,CAAA,KAAA,EAAA;AAAA,QAAA,KACKvE,EAAAA,YAAAA;AAAAA,OAAY,EAAA,CAAAuE,eAAAK,CAAAA,kBAAAA,EAAAC,cAAA,CAAA;AAAA,QAAA,KAEb9E,EAAAA,QAAAA;AAAAA,QAAQ,WACJ5B,KAAMd,CAAAA,MAAAA;AAAAA,QAAM,UAAA,EACXc,MAAMT,MAAOoH,CAAAA,QAAAA;AAAAA,SACnBtG,KAAK,EAAA;AAAA,QAAA,WACAe,OAAQO,CAAAA,KAAAA;AAAAA,QAAK,cACVT,UAAWS,CAAAA,KAAAA;AAAAA,QAAK,WACnB3B,KAAMZ,CAAAA,OAAAA;AAAAA,QAAO,MAAA,EAAA,CAChBY,OAAAA,GAAAA,GAAAA,KAAAA,CAAMT,WAANS,IAAAA,GAAAA,KAAAA,CAAAA,GAAAA,GAAAA,CAAcuD,IAAdvD,KAAAA,IAAAA,GAAAA,GAAsB,GAAA,OAAA;AAAA,QAAO,QAC3B,EAAA;AAAA,UACN4G,wBAA0B,EAAA,IAAA;AAAA,UAC1BC,CAAG,EAAA,MAAA;AAAA,UACHC,CAAAA,EAAGhF,YAAYH,KAAQ,GAAA,IAAA;AAAA,SACzB;AAAA,QAAC,mBACwBL,YAAaK,CAAAA,KAAAA;AAAAA,QAAK,0BAAA,EAAAoF,CAAlBzF,MAAAA,KAAAA,YAAAA,CAAaK,KAAKoF,GAAAA,MAAAA;AAAAA,QAAA,oBACzBd,gBAAiBtE,CAAAA,KAAAA;AAAAA,QAAK,wBAClB3B,KAAMP,CAAAA,oBAAAA;AAAAA,QAAoB,YACpC,EAAA,KAAA;AAAA,QAAK,WACNuF,EAAAA,SAAAA;AAAAA,QAAS,gBACNpB,YAAajC,CAAAA,KAAAA;AAAAA,QAAK,cAClBK,EAAAA,cAAAA;AAAAA,QAAc,UAClBuE,EAAAA,QAAAA;AAAAA,OAAQ,CAAA,EAAA,aAAA,CAAA,cAAA,CAAA;AAAA,QAGhBS,UAAUA,CAAC;AAAA,UAAEC,MAAAA;AAAAA,UAAQxD,MAAAA;AAAAA,UAAQC,KAAAA;AAAAA,SAAiB,KAAA;AAC5C,UAAIuD,IAAAA,MAAAA,CAAOC,SAAS,QAAU,EAAA;AAC5B,YAAA,OAAAd,gBAAA,KAAA,EAAA;AAAA,cAAA,SACgBN,EAAAA,UAAAA;AAAAA,cAAU,YAAcA,EAAAA,UAAAA;AAAAA,aAAUM,EAAAA,CAAAA,eAAAe,CAAAA,kBAAAA,EAAA,IAAA,EAAA;AAAA,cAAApI,SAAAA,MAAA,CAE3CqB,KAAMgH,CAAAA,MAAAA,IAAUhH,MAAMgH,MAAO,CAAA;AAAA,gBAAE3D,MAAAA;AAAAA,gBAAQC,KAAAA;AAAAA,eAAO,CAAC,CAAA;AAAA,aAAA,CAAA,CAAA,CAAA,CAAA;AAAA,WAIxD;AAAA,SACF;AAAA,OAAA,EACGwC,UAda,CAAA,EAAA;AAAA;AAAA,QAgBhBI,OAAAA;AAAAA,OAAgB,CAAA,CAAA,EAAAe,kBAAAjB,CAAAA,eAAAA,CAAAkB,uBAAA,EAAA;AAAA,QAAA,OAAA,EAKX,CAAC5H,iBAAiB,CAAA;AAAA,QAAC,SAAA,EACT2B,gBAAgBM,KAAM4F,CAAAA,OAAAA;AAAAA,QAAO,kBAAAR,EAAAA,CAAAA,MAAAA,KAA7B1F,eAAgBM,CAAAA,KAAAA,CAAM4F,OAAOR,GAAAA,MAAAA;AAAAA,QAAA,UAAA,EAC5B1F,gBAAgBM,KAAM6F,CAAAA,QAAAA;AAAAA,QAAQ,mBAAAT,EAAAA,CAAAA,MAAAA,KAA9B1F,eAAgBM,CAAAA,KAAAA,CAAM6F,QAAQT,GAAAA,MAAAA;AAAAA,QAAA,YACtC/G,KAAMZ,CAAAA,OAAAA;AAAAA,QAAO,mBAAA,EAAA,IAAA;AAAA,QAAA,MAEjB,EAAA,SAAA;AAAA,QAAS,uBACMkB,gBAAiBG,CAAAA,gBAAAA;AAAAA,QAAgB,qBACnCH,gBAAiBM,CAAAA,eAAAA;AAAAA,QAAe,qBAChCN,gBAAiBE,CAAAA,eAAAA;AAAAA,QAAe,qBAChCF,gBAAiBI,CAAAA,eAAAA;AAAAA,QAAe,cACvCJ,gBAAiBQ,CAAAA,SAAAA;AAAAA,QAAS,OAAA,EAC/BO,gBAAgBM,KAAMZ,CAAAA,KAAAA;AAAAA,QAAK,UACxBgB,EAAAA,YAAAA;AAAAA,OAAY,EAAA,IAAA,CAAA,EAAA,CAAA,CAAA0F,SAAAA,EAbdzH,KAAMT,CAAAA,MAAAA,CAAOD,UAAU,CAgBpC,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KAAA,CAAA;AAAA,GACH;AACF,CAAC;;;;"}
1
+ {"version":3,"file":"Table.cjs","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n nextTick,\n PropType,\n reactive,\n ref,\n watch,\n watchEffect\n} from \"vue\";\nimport { Pagination, Space, Table } from \"ant-design-vue\";\nimport { useEleHeight } from \"../_utils/html\";\nimport { prefixName } from \"../theme\";\n\nimport type { TableProps, Key } from \"./interface/table\";\n/**\n * 表格组件 基于TSX封装ATable\n */\nconst tableProps = () => {\n return {\n data: {\n type: Object as PropType<TableProps[\"data\"]>,\n required: true\n },\n height: {\n type: Number as PropType<TableProps[\"height\"]>,\n default: 300\n },\n keys: Array as PropType<TableProps[\"keys\"]>,\n rowKey: {\n type: String as PropType<TableProps[\"rowKey\"]>,\n default: \"id\"\n },\n loading: {\n type: Boolean as PropType<TableProps[\"loading\"]>,\n default: false\n },\n pagination: {\n type: Object as PropType<TableProps[\"pagination\"]>,\n default: () => ({})\n },\n config: {\n type: Object as PropType<TableProps[\"config\"]>,\n default: () => ({})\n },\n expandedRowKeys: {\n type: Object as PropType<TableProps[\"expandedRowKeys\"]>,\n default: () => []\n },\n defaultExpandAllRows: {\n type: Boolean as PropType<TableProps[\"defaultExpandAllRows\"]>,\n default: () => true\n }\n };\n};\n\n// 使用有问题\n// const tableEmits = defineEmits<{\n// \"update:keys\": (keys: []) => void;\n// }>();\n// interface MyEvents {\n// [key: string]: (...args: any[]) => void;\n// \"update:keys\": (keys: []) => void;\n// }\n\n//分页class名称\nconst basePageClassName = `${prefixName}-pagination`;\n\n/**\n * 表格组件定义\n */\nconst DXTable = defineComponent({\n name: \"DTable\",\n inheritAttrs: false,\n props: tableProps(),\n // emits: { \"update:keys\": (keys: []) => void }\n // TODO 需要做调整\n emits: [\"update:keys\"],\n setup: function (props, { emit, slots, attrs }) {\n //分页默认配置\n const paginationConfig = reactive({\n defaultPageSize: 20,\n hideOnSinglePage: false,\n pageSizeOptions: [\"10\", \"20\", \"30\", \"40\"],\n responsive: true,\n showQuickJumper: true,\n showLessItems: true,\n showTotal: (total: number) => {\n return `总共 ${total} 条`;\n }\n });\n\n // 保存选中的唯一id\n const selectedRowKeys = ref<any>(props.keys || []);\n // 数据源\n const dataSource = computed(() => props.data);\n // 表格列\n const columns = computed(() => props.config?.columns ?? []);\n const paginationState = computed(\n () => props.config?.pagination ?? ({} as any)\n );\n // 展开行\n // eslint-disable-next-line vue/no-setup-props-destructure\n const expandedKeys = ref<any>(props.expandedRowKeys);\n // 分页条数配置\n paginationConfig.pageSizeOptions =\n props.config?.pageOption?.sizeOptions ?? paginationConfig.pageSizeOptions;\n // 默认条数\n paginationConfig.defaultPageSize =\n props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;\n\n watchEffect(() => {\n const { expandedRowKeys } = props;\n expandedKeys.value = expandedRowKeys;\n });\n\n // 初始化表格\n const {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n } = useTable();\n\n function useTable() {\n const {\n rowClassName,\n keepSelected,\n onPageChange: onChange\n } = props.config;\n\n const selection = props.config.selection ?? \"N\";\n const isInit = ref(false);\n // 表格根div\n const tableRootRef = ref<HTMLElement>();\n // 表格组件对象\n const tableRef = ref<any>(null);\n // 表格计算出来的高度\n const tableHeight = ref<number>();\n // 表格body对象\n const antTableBodyRef = ref<any>(null);\n // 计算高度\n const playHeight = (height: number) => {\n try {\n const tableEl = tableRef?.value?.$el;\n const headerHeight = useEleHeight(\n tableEl.getElementsByClassName(\"ant-table-header\")[0]\n );\n isInit.value = true;\n // 获取分页组件高度\n let paginationHeight = 0;\n if (props.config.pagination) {\n const paginationEl =\n tableRootRef.value?.getElementsByClassName(basePageClassName)[0];\n paginationHeight = useEleHeight(paginationEl as any) ?? 0;\n }\n tableHeight.value = height - (headerHeight + paginationHeight);\n\n // 设置body高度\n tableEl.getElementsByClassName(\"ant-table-body\")[0].style.height =\n tableHeight.value + \"px\";\n // 表格body对象 用于切换页码后滚动条置顶\n antTableBodyRef.value =\n tableEl.getElementsByClassName(\"ant-table-body\")[0];\n } catch (e) {\n console.warn(e);\n }\n };\n //监听传入的height的变化 默认组件创建的时候会执行一次\n watchEffect(() => {\n if (props.height !== 0) {\n nextTick(() => {\n if (isInit.value) {\n playHeight(props.height);\n } else {\n // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n setTimeout(() => {\n playHeight(props.height);\n // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n }, 100);\n }\n });\n }\n });\n // 监听分页组件\n const onPageChange = (page: number, size: number) => {\n onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;\n // 切换分页的时候,表体滚动到顶部\n antTableBodyRef.value.scrollTop = 0;\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\n // 清空历史选中数据\n if (selection === \"S\" || !keepSelected) {\n selectedRowKeys.value = [];\n emit(\"update:keys\", selectedRowKeys.value);\n }\n };\n //自定义样式\n const onRowClassName = (record: any, index: number) => {\n return rowClassName ? rowClassName(record, index) : undefined;\n };\n return {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n };\n }\n\n //表格选中配置\n const rowSelection = useRowSelection();\n\n function useRowSelection() {\n const {\n rowKey,\n config: { getCheckboxProps }\n } = props;\n\n let localSelection = props.config.selection ?? \"N\";\n //if (selection === \"N\") return undefined;\n\n const onSelect = (record: any, selected: any) => {\n if (localSelection === \"S\") {\n selectedRowKeys.value = [];\n selectedRowKeys.value = selected ? [record[rowKey]] : [];\n } else {\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(record[rowKey])\n : selectedRowKeys.value.filter(\n (key: Key) => key !== record[rowKey]\n );\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n const onSelectAll = (\n selected: any,\n selectedRows: any,\n changeRows: any\n ) => {\n const _ids = changeRows.map((record: any) => record[rowKey]);\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(_ids)\n : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));\n\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\n watch(\n () => props.keys,\n (val) => {\n selectedRowKeys.value = val;\n }\n );\n\n const rowSelection = ref<any>(undefined);\n\n watchEffect(() => {\n const { selection } = props.config;\n localSelection = selection as any;\n if (localSelection !== \"N\") {\n rowSelection.value = {\n selectedRowKeys,\n onSelect,\n onSelectAll,\n fixed: true,\n columnTitle: localSelection === \"S\" ? \"选择\" : null,\n columnWidth: localSelection === \"S\" ? 60 : 40,\n getCheckboxProps: getCheckboxProps\n };\n } else {\n rowSelection.value = undefined;\n }\n });\n\n // return {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n return rowSelection;\n }\n\n const customRow = useCustomRow();\n\n //表格行配置\n function useCustomRow() {\n return (record: any, index: any) => {\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\n let clickTimeout: any = undefined;\n const {\n rowKey,\n config: { click, dbClick, selection, getCheckboxProps }\n } = props as any;\n\n // 当前点击行的唯一ID,通过rowKey从record中取值\n const id = record[rowKey];\n\n /**\n * 处理单击事件业务\n * @param record 当前点击行数据\n */\n const onClick = () => {\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\n // 否则checkEnable为false\n const checkEnable =\n getCheckboxProps === undefined\n ? false\n : getCheckboxProps(record).disabled;\n\n if (selection === \"N\" || checkEnable) {\n // 1. 未开启复选框 则不处理数据选中操作\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\n // 方法返回的disabled为true就不执行\n // 复选框选中的操作\n return;\n }\n const haveState = selectedRowKeys.value.some(\n (key: Key) => key === id\n );\n if (haveState) {\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\n selectedRowKeys.value = selectedRowKeys.value.filter(\n (key: Key) => key !== id\n );\n } else {\n if (selection === \"S\") {\n //单选的时候 清空选中的数据 再赋值新的ID\n selectedRowKeys.value = [];\n selectedRowKeys.value.push(id);\n } else {\n //多选直接追加ID\n selectedRowKeys.value.push(id);\n }\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n function onClickSelectedBg(event: any) {\n const { clickSelectedClassName } = props.config;\n if (!clickSelectedClassName) return;\n const curEl = event.target;\n // 找到父元素\n const parentElement = curEl.parentNode;\n // 判断父元素是否有某个 class\n if (!parentElement.classList.contains(clickSelectedClassName)) {\n // 如果父元素没有指定的 class,则添加 class\n parentElement.classList.add(clickSelectedClassName);\n } else {\n // 如果父元素已经有指定的 class,则移除 class\n parentElement.classList.remove(clickSelectedClassName);\n }\n }\n\n return {\n onClick: (event: any) => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n // 处理背景激活逻辑\n onClickSelectedBg(event);\n // 处理单击事件业务\n onClick();\n // 回传数据 自定义单击后的业务\n click ? click(record, index) : undefined;\n }, 200);\n }, // 点击行\n onDblclick: () => {\n clearTimeout(clickTimeout);\n // 回传数据 自定义单击后的业务\n dbClick ? dbClick(record, index) : undefined;\n }\n };\n };\n }\n\n const actionStop = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n const expandRowByClick = computed(() => {\n const { selection } = props.config;\n return selection === \"N\";\n });\n const tableSlots: any = {};\n if (slots.expandedRowRender) {\n tableSlots.expandedRowRender = (record: any) => {\n return (\n <>{slots.expandedRowRender && slots.expandedRowRender(record)}</>\n );\n };\n }\n const summary = () => {\n return <>{slots.summary && slots.summary()}</>;\n };\n\n /**\n * 展开行事件\n * @param expanded\n * @param record\n */\n const onExpand = (expanded: any, record: any) => {\n props.config.onExpand && props.config.onExpand({ expanded, record });\n };\n\n return () => (\n <div ref={tableRootRef}>\n <Table\n ref={tableRef}\n row-key={props.rowKey}\n bordered={props.config.bordered}\n {...attrs}\n columns={columns.value}\n dataSource={dataSource.value}\n loading={props.loading}\n size={props.config?.size ?? \"small\"}\n scroll={{\n scrollToFirstRowOnChange: true,\n x: \"100%\",\n y: tableHeight.value + \"px\"\n }}\n v-model:expandedRowKeys={expandedKeys.value}\n expandRowByClick={expandRowByClick.value}\n defaultExpandAllRows={props.defaultExpandAllRows}\n pagination={false}\n customRow={customRow}\n rowSelection={rowSelection.value}\n rowClassName={onRowClassName}\n onExpand={onExpand}\n >\n {{\n bodyCell: ({ column, record, index }: any) => {\n if (column.slot === \"action\") {\n return (\n <div onClick={actionStop} onDblclick={actionStop}>\n <Space>\n {slots.action && slots.action({ record, index })}\n </Space>\n </div>\n );\n }\n },\n ...tableSlots,\n // 总结栏插槽\n summary: summary\n }}\n </Table>\n <Pagination\n v-show={props.config.pagination}\n class={[basePageClassName]}\n v-model:current={paginationState.value.current}\n v-model:pageSize={paginationState.value.pageSize}\n disabled={props.loading}\n show-size-changer\n size={\"default\"}\n hide-on-single-page={paginationConfig.hideOnSinglePage}\n show-quick-jumper={paginationConfig.showQuickJumper}\n default-page-size={paginationConfig.defaultPageSize}\n page-size-options={paginationConfig.pageSizeOptions}\n show-total={paginationConfig.showTotal}\n total={paginationState.value.total}\n onChange={onPageChange}\n />\n </div>\n );\n }\n});\n\nexport default DXTable;\n"],"names":["tableProps","data","type","Object","required","height","Number","default","keys","Array","rowKey","String","loading","Boolean","pagination","config","expandedRowKeys","defaultExpandAllRows","basePageClassName","prefixName","DXTable","defineComponent","name","inheritAttrs","props","emits","setup","emit","slots","attrs","paginationConfig","reactive","defaultPageSize","hideOnSinglePage","pageSizeOptions","responsive","showQuickJumper","showLessItems","showTotal","total","selectedRowKeys","ref","dataSource","computed","columns","paginationState","expandedKeys","pageOption","sizeOptions","defaultSize","watchEffect","value","tableRef","tableRootRef","tableHeight","onPageChange","onRowClassName","useTable","rowClassName","keepSelected","onChange","selection","isInit","antTableBodyRef","playHeight","tableEl","$el","headerHeight","useEleHeight","getElementsByClassName","paginationHeight","paginationEl","style","e","console","warn","nextTick","setTimeout","page","size","scrollTop","record","index","undefined","rowSelection","useRowSelection","getCheckboxProps","localSelection","onSelect","selected","concat","filter","key","onSelectAll","selectedRows","changeRows","_ids","map","includes","watch","val","fixed","columnTitle","columnWidth","customRow","useCustomRow","clickTimeout","click","dbClick","id","onClick","checkEnable","disabled","haveState","some","push","onClickSelectedBg","event","clickSelectedClassName","curEl","target","parentElement","parentNode","classList","contains","add","remove","clearTimeout","onDblclick","actionStop","stopPropagation","expandRowByClick","tableSlots","expandedRowRender","_createVNode","_Fragment","summary","onExpand","expanded","Table","_mergeProps","bordered","scrollToFirstRowOnChange","x","y","$event","bodyCell","column","slot","Space","action","_withDirectives","Pagination","current","pageSize","_vShow"],"mappings":"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"}
@@ -17,6 +17,7 @@ export interface Config {
17
17
  click?: (record: unknown) => void;
18
18
  dbClick?: (record: any) => void;
19
19
  getCheckboxProps?: (record: any) => any;
20
+ clickSelectedClassName?: string;
20
21
  pageOption: {
21
22
  sizeOptions: string[];
22
23
  defaultSize: number;
@@ -41,6 +41,7 @@ declare const _default: import("vue").DefineComponent<{}, {
41
41
  }>;
42
42
  switchCollapsed: () => void;
43
43
  collapsedStatus: import("vue").ComputedRef<boolean>;
44
+ keepAliveRef: import("vue").Ref<any>;
44
45
  readonly MenuFoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuFoldOutlined").MenuFoldOutlinedIconType;
45
46
  readonly MenuUnfoldOutlined: import("@ant-design/icons-vue/lib/icons/MenuUnfoldOutlined").MenuUnfoldOutlinedIconType;
46
47
  DNavTabs: import("vue").DefineComponent<{}, {
@@ -1,4 +1,4 @@
1
- import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, Transition, KeepAlive, resolveDynamicComponent } from 'vue';
1
+ import { defineComponent, computed, ref, nextTick, getCurrentInstance, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, createCommentVNode } from 'vue';
2
2
  import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
3
3
  import { useKeepAliveStore, useSettingsStore } from '@ditari/store';
4
4
  import DNavTabs from './NavTabs.vue.mjs';
@@ -15,6 +15,11 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
15
15
  const settingsStore = useSettingsStore();
16
16
  const { switchCollapsed } = settingsStore;
17
17
  const collapsedStatus = computed(() => settingsStore.getCollapsed);
18
+ const keepAliveRef = ref();
19
+ nextTick(() => {
20
+ const instance = getCurrentInstance();
21
+ console.log(instance);
22
+ });
18
23
  return (_ctx, _cache) => {
19
24
  const _component_a_layout_sider = resolveComponent("a-layout-sider");
20
25
  const _component_router_view = resolveComponent("router-view");
@@ -81,36 +86,12 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
81
86
  class: "ditari-layout-content"
82
87
  }, {
83
88
  default: withCtx(() => [
84
- createVNode(_component_router_view, null, {
85
- default: withCtx(({ Component }) => [
86
- createVNode(
87
- Transition,
88
- {
89
- name: "main",
90
- mode: "out-in",
91
- appear: ""
92
- },
93
- {
94
- default: withCtx(() => [
95
- (openBlock(), createBlock(KeepAlive, {
96
- ref: "keepAliveRef",
97
- include: keepAliveNames.value
98
- }, [
99
- (openBlock(), createBlock(resolveDynamicComponent(Component), {
100
- key: _ctx.$route.path
101
- }))
102
- ], 1032, ["include"]))
103
- ]),
104
- _: 2
105
- /* DYNAMIC */
106
- },
107
- 1024
108
- /* DYNAMIC_SLOTS */
109
- )
110
- ]),
111
- _: 1
112
- /* STABLE */
113
- }),
89
+ createVNode(_component_router_view),
90
+ createCommentVNode(' <transition name="main" mode="out-in" appear>'),
91
+ createCommentVNode(' <keep-alive ref="keepAliveRef" :include="keepAliveNames">'),
92
+ createCommentVNode(' <component :is="Component" :key="$route.path" />'),
93
+ createCommentVNode(" </keep-alive>"),
94
+ createCommentVNode(" </transition>"),
114
95
  renderSlot(_ctx.$slots, "micro")
115
96
  ]),
116
97
  _: 3
@@ -1 +1 @@
1
- {"version":3,"file":"FuckMain.vue2.mjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-nav-tabs />\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n <a-layout-content\n style=\"margin-top: 42px\"\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"FuckMain.vue2.mjs","sources":["../../../src/layout/FuckMain.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * FUCK MAIN 入口文件\n */\nimport { computed, getCurrentInstance, nextTick, ref } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n\nconst keepAliveRef = ref();\n\nnextTick(() => {\n const instance: any = getCurrentInstance();\n console.log(instance);\n});\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-fuck-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-nav-tabs />\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n <a-layout-content\n style=\"margin-top: 42px\"\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view />\n <!-- <transition name=\"main\" mode=\"out-in\" appear>-->\n <!-- <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">-->\n <!-- <component :is=\"Component\" :key=\"$route.path\" />-->\n <!-- </keep-alive>-->\n <!-- </transition>-->\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n"],"names":[],"mappings":";;;;;;;;;;;;AAcA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAA,MAAM,eAAe,GAAI,EAAA,CAAA;AAEzB,IAAA,QAAA,CAAS,MAAM;AACb,MAAA,MAAM,WAAgB,kBAAmB,EAAA,CAAA;AACzC,MAAA,OAAA,CAAQ,IAAI,QAAQ,CAAA,CAAA;AAAA,KACrB,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- import { defineComponent, computed, provide, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, Transition, KeepAlive, resolveDynamicComponent } from 'vue';
1
+ import { defineComponent, computed, provide, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createElementVNode, renderSlot, unref, normalizeStyle, createBlock, createCommentVNode } from 'vue';
2
2
  import { MenuUnfoldOutlined, MenuFoldOutlined } from '@ant-design/icons-vue';
3
3
  import { useKeepAliveStore, useSettingsStore } from '@ditari/store';
4
4
  import DNavTabs from './NavTabs.vue.mjs';
@@ -97,36 +97,14 @@ var _sfc_main = /* @__PURE__ */ defineComponent({
97
97
  style: normalizeStyle({ marginLeft: collapsedStatus.value ? "80px" : "200px" })
98
98
  }, {
99
99
  default: withCtx(() => [
100
- createVNode(_component_router_view, null, {
101
- default: withCtx(({ Component }) => [
102
- createVNode(
103
- Transition,
104
- {
105
- name: "main",
106
- mode: "out-in",
107
- appear: ""
108
- },
109
- {
110
- default: withCtx(() => [
111
- (openBlock(), createBlock(KeepAlive, {
112
- ref: "keepAliveRef",
113
- include: keepAliveNames.value
114
- }, [
115
- (openBlock(), createBlock(resolveDynamicComponent(Component), {
116
- key: _ctx.$route.path
117
- }))
118
- ], 1032, ["include"]))
119
- ]),
120
- _: 2
121
- /* DYNAMIC */
122
- },
123
- 1024
124
- /* DYNAMIC_SLOTS */
125
- )
126
- ]),
127
- _: 1
128
- /* STABLE */
129
- }),
100
+ createVNode(_component_router_view),
101
+ createCommentVNode(' <router-view v-slot="{ Component }">'),
102
+ createCommentVNode(' <transition name="main" mode="out-in" appear>'),
103
+ createCommentVNode(' <keep-alive ref="keepAliveRef" :include="keepAliveNames">'),
104
+ createCommentVNode(' <component :is="Component" :key="$route.path" />'),
105
+ createCommentVNode(" </keep-alive>"),
106
+ createCommentVNode(" </transition>"),
107
+ createCommentVNode(" </router-view>"),
130
108
  renderSlot(_ctx.$slots, "micro")
131
109
  ]),
132
110
  _: 3
@@ -1 +1 @@
1
- {"version":3,"file":"Main.vue2.mjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <d-nav-tabs />\n <div class=\"ditari-layout-header\">\n <div class=\"ditari-layout-header-left\">\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-breadcrumb />\n </div>\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n </div>\n <a-layout-content\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view v-slot=\"{ Component }\">\n <transition name=\"main\" mode=\"out-in\" appear>\n <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">\n <component :is=\"Component\" :key=\"$route.path\" />\n </keep-alive>\n </transition>\n </router-view>\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"Main.vue2.mjs","sources":["../../../src/layout/Main.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * 入口文件\n */\nimport { computed, provide } from \"vue\";\nimport { MenuFoldOutlined, MenuUnfoldOutlined } from \"@ant-design/icons-vue\";\nimport { useKeepAliveStore, useSettingsStore } from \"@ditari/store\";\n\n//标签页组件\nimport DNavTabs from \"./NavTabs.vue\";\n//面包屑组件\nimport DBreadcrumb from \"./Breadcrumb.vue\";\n// 菜单组件\nimport Menu from \"../menu/Menu\";\n\nconst props = defineProps({\n \"showConfig\": { type: null, required: false, default: { backBtn: \"LeftOutlined\" } as any },\n \"breadcrumbStatus\": { type: Boolean, required: false, }\n});\n\n// 缓存store\nconst store = useKeepAliveStore();\n// 缓存的names\nconst keepAliveNames = computed(() => store.get);\n// 设置store\nconst settingsStore = useSettingsStore();\nconst { switchCollapsed } = settingsStore;\nconst collapsedStatus = computed(() => settingsStore.getCollapsed);\n// 注入show组件的配置文件\nprovide(\"showConfig\", props.showConfig);\n</script>\n<template>\n <a-layout class=\"ditari-layout\">\n <a-layout-sider\n v-model:collapsed=\"collapsedStatus\"\n :trigger=\"null\"\n collapsible\n class=\"ditari-layout-sider\"\n >\n <div>\n <div class=\"ditari-logo\">\n <slot name=\"logo\"></slot>\n </div>\n <div class=\"ditari-menu\">\n <Menu />\n </div>\n </div>\n </a-layout-sider>\n <a-layout>\n <div\n class=\"ditari-top-layout\"\n :style=\"{ left: collapsedStatus ? '80px' : '200px' }\"\n >\n <d-nav-tabs />\n <div class=\"ditari-layout-header\">\n <div class=\"ditari-layout-header-left\">\n <div class=\"ditari-side-collapsed\" @click=\"switchCollapsed\">\n <menu-unfold-outlined\n v-if=\"collapsedStatus\"\n class=\"trigger\"\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n <menu-fold-outlined\n v-else\n style=\"font-size: 16px; font-weight: bold; cursor: pointer\"\n />\n </div>\n <d-breadcrumb />\n </div>\n <div class=\"ditari-user-menu\">\n <slot name=\"operation\"></slot>\n </div>\n </div>\n </div>\n <a-layout-content\n class=\"ditari-layout-content\"\n :style=\"{ marginLeft: collapsedStatus ? '80px' : '200px' }\"\n >\n <router-view />\n <!-- <router-view v-slot=\"{ Component }\">-->\n <!-- <transition name=\"main\" mode=\"out-in\" appear>-->\n <!-- <keep-alive ref=\"keepAliveRef\" :include=\"keepAliveNames\">-->\n <!-- <component :is=\"Component\" :key=\"$route.path\" />-->\n <!-- </keep-alive>-->\n <!-- </transition>-->\n <!-- </router-view>-->\n <slot name=\"micro\"></slot>\n </a-layout-content>\n </a-layout>\n </a-layout>\n <a-back-top class=\"ditari-ant-back-top\" :visibility-height=\"50\"></a-back-top>\n</template>\n<style lang=\"scss\"></style>\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAqBA,IAAA,MAAM,QAAQ,iBAAkB,EAAA,CAAA;AAEhC,IAAA,MAAM,cAAiB,GAAA,QAAA,CAAS,MAAM,KAAA,CAAM,GAAG,CAAA,CAAA;AAE/C,IAAA,MAAM,gBAAgB,gBAAiB,EAAA,CAAA;AACvC,IAAM,MAAA,EAAE,iBAAoB,GAAA,aAAA,CAAA;AAC5B,IAAA,MAAM,eAAkB,GAAA,QAAA,CAAS,MAAM,aAAA,CAAc,YAAY,CAAA,CAAA;AAEjE,IAAQ,OAAA,CAAA,YAAA,EAAc,MAAM,UAAU,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -257,10 +257,25 @@ const DXTable = /* @__PURE__ */ defineComponent({
257
257
  }
258
258
  emit("update:keys", selectedRowKeys.value);
259
259
  };
260
+ function onClickSelectedBg(event) {
261
+ const {
262
+ clickSelectedClassName
263
+ } = props.config;
264
+ if (!clickSelectedClassName)
265
+ return;
266
+ const curEl = event.target;
267
+ const parentElement = curEl.parentNode;
268
+ if (!parentElement.classList.contains(clickSelectedClassName)) {
269
+ parentElement.classList.add(clickSelectedClassName);
270
+ } else {
271
+ parentElement.classList.remove(clickSelectedClassName);
272
+ }
273
+ }
260
274
  return {
261
- onClick: () => {
275
+ onClick: (event) => {
262
276
  clearTimeout(clickTimeout);
263
277
  clickTimeout = setTimeout(() => {
278
+ onClickSelectedBg(event);
264
279
  onClick();
265
280
  click ? click(record, index) : void 0;
266
281
  }, 200);
@@ -270,15 +285,6 @@ const DXTable = /* @__PURE__ */ defineComponent({
270
285
  clearTimeout(clickTimeout);
271
286
  dbClick ? dbClick(record, index) : void 0;
272
287
  }
273
- // onContextmenu: (event) => {
274
- // //TODO
275
- // },
276
- // onMouseenter: (event) => {
277
- // //TODO
278
- // }, // 鼠标移入行
279
- // onMouseleave: (event) => {
280
- // //TODO
281
- // }
282
288
  };
283
289
  };
284
290
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Table.mjs","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n nextTick,\n PropType,\n reactive,\n ref,\n watch,\n watchEffect\n} from \"vue\";\nimport { Pagination, Space, Table } from \"ant-design-vue\";\nimport { useEleHeight } from \"../_utils/html\";\nimport { prefixName } from \"../theme\";\n\nimport type { TableProps, Key } from \"./interface/table\";\n/**\n * 表格组件 基于TSX封装ATable\n */\nconst tableProps = () => {\n return {\n data: {\n type: Object as PropType<TableProps[\"data\"]>,\n required: true\n },\n height: {\n type: Number as PropType<TableProps[\"height\"]>,\n default: 300\n },\n keys: Array as PropType<TableProps[\"keys\"]>,\n rowKey: {\n type: String as PropType<TableProps[\"rowKey\"]>,\n default: \"id\"\n },\n loading: {\n type: Boolean as PropType<TableProps[\"loading\"]>,\n default: false\n },\n pagination: {\n type: Object as PropType<TableProps[\"pagination\"]>,\n default: () => ({})\n },\n config: {\n type: Object as PropType<TableProps[\"config\"]>,\n default: () => ({})\n },\n expandedRowKeys: {\n type: Object as PropType<TableProps[\"expandedRowKeys\"]>,\n default: () => []\n },\n defaultExpandAllRows: {\n type: Boolean as PropType<TableProps[\"defaultExpandAllRows\"]>,\n default: () => true\n }\n };\n};\n\n// 使用有问题\n// const tableEmits = defineEmits<{\n// \"update:keys\": (keys: []) => void;\n// }>();\n// interface MyEvents {\n// [key: string]: (...args: any[]) => void;\n// \"update:keys\": (keys: []) => void;\n// }\n\n//分页class名称\nconst basePageClassName = `${prefixName}-pagination`;\n\n/**\n * 表格组件定义\n */\nconst DXTable = defineComponent({\n name: \"DTable\",\n inheritAttrs: false,\n props: tableProps(),\n // emits: { \"update:keys\": (keys: []) => void }\n // TODO 需要做调整\n emits: [\"update:keys\"],\n setup: function (props, { emit, slots, attrs }) {\n //分页默认配置\n const paginationConfig = reactive({\n defaultPageSize: 20,\n hideOnSinglePage: false,\n pageSizeOptions: [\"10\", \"20\", \"30\", \"40\"],\n responsive: true,\n showQuickJumper: true,\n showLessItems: true,\n showTotal: (total: number) => {\n return `总共 ${total} 条`;\n }\n });\n\n // 保存选中的唯一id\n const selectedRowKeys = ref<any>(props.keys || []);\n // 数据源\n const dataSource = computed(() => props.data);\n // 表格列\n const columns = computed(() => props.config?.columns ?? []);\n const paginationState = computed(\n () => props.config?.pagination ?? ({} as any)\n );\n // 展开行\n // eslint-disable-next-line vue/no-setup-props-destructure\n const expandedKeys = ref<any>(props.expandedRowKeys);\n // 分页条数配置\n paginationConfig.pageSizeOptions =\n props.config?.pageOption?.sizeOptions ?? paginationConfig.pageSizeOptions;\n // 默认条数\n paginationConfig.defaultPageSize =\n props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;\n\n watchEffect(() => {\n const { expandedRowKeys } = props;\n expandedKeys.value = expandedRowKeys;\n });\n\n // 初始化表格\n const {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n } = useTable();\n\n function useTable() {\n const {\n rowClassName,\n keepSelected,\n onPageChange: onChange\n } = props.config;\n\n const selection = props.config.selection ?? \"N\";\n const isInit = ref(false);\n // 表格根div\n const tableRootRef = ref<HTMLElement>();\n // 表格组件对象\n const tableRef = ref<any>(null);\n // 表格计算出来的高度\n const tableHeight = ref<number>();\n // 表格body对象\n const antTableBodyRef = ref<any>(null);\n // 计算高度\n const playHeight = (height: number) => {\n try {\n const tableEl = tableRef?.value?.$el;\n const headerHeight = useEleHeight(\n tableEl.getElementsByClassName(\"ant-table-header\")[0]\n );\n isInit.value = true;\n // 获取分页组件高度\n let paginationHeight = 0;\n if (props.config.pagination) {\n const paginationEl =\n tableRootRef.value?.getElementsByClassName(basePageClassName)[0];\n paginationHeight = useEleHeight(paginationEl as any) ?? 0;\n }\n tableHeight.value = height - (headerHeight + paginationHeight);\n\n // 设置body高度\n tableEl.getElementsByClassName(\"ant-table-body\")[0].style.height =\n tableHeight.value + \"px\";\n // 表格body对象 用于切换页码后滚动条置顶\n antTableBodyRef.value =\n tableEl.getElementsByClassName(\"ant-table-body\")[0];\n } catch (e) {\n console.warn(e);\n }\n };\n //监听传入的height的变化 默认组件创建的时候会执行一次\n watchEffect(() => {\n if (props.height !== 0) {\n nextTick(() => {\n if (isInit.value) {\n playHeight(props.height);\n } else {\n // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n setTimeout(() => {\n playHeight(props.height);\n // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n }, 100);\n }\n });\n }\n });\n // 监听分页组件\n const onPageChange = (page: number, size: number) => {\n onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;\n // 切换分页的时候,表体滚动到顶部\n antTableBodyRef.value.scrollTop = 0;\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\n // 清空历史选中数据\n if (selection === \"S\" || !keepSelected) {\n selectedRowKeys.value = [];\n emit(\"update:keys\", selectedRowKeys.value);\n }\n };\n //自定义样式\n const onRowClassName = (record: any, index: number) => {\n return rowClassName ? rowClassName(record, index) : undefined;\n };\n return {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n };\n }\n\n //表格选中配置\n const rowSelection = useRowSelection();\n\n function useRowSelection() {\n const {\n rowKey,\n config: { getCheckboxProps }\n } = props;\n\n let localSelection = props.config.selection ?? \"N\";\n //if (selection === \"N\") return undefined;\n\n const onSelect = (record: any, selected: any) => {\n if (localSelection === \"S\") {\n selectedRowKeys.value = [];\n selectedRowKeys.value = selected ? [record[rowKey]] : [];\n } else {\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(record[rowKey])\n : selectedRowKeys.value.filter(\n (key: Key) => key !== record[rowKey]\n );\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n const onSelectAll = (\n selected: any,\n selectedRows: any,\n changeRows: any\n ) => {\n const _ids = changeRows.map((record: any) => record[rowKey]);\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(_ids)\n : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));\n\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\n watch(\n () => props.keys,\n (val) => {\n selectedRowKeys.value = val;\n }\n );\n\n const rowSelection = ref<any>(undefined);\n\n watchEffect(() => {\n const { selection } = props.config;\n localSelection = selection as any;\n if (localSelection !== \"N\") {\n rowSelection.value = {\n selectedRowKeys,\n onSelect,\n onSelectAll,\n fixed: true,\n columnTitle: localSelection === \"S\" ? \"选择\" : null,\n columnWidth: localSelection === \"S\" ? 60 : 40,\n getCheckboxProps: getCheckboxProps\n };\n } else {\n rowSelection.value = undefined;\n }\n });\n\n // return {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n return rowSelection;\n }\n\n const customRow = useCustomRow();\n\n //表格行配置\n function useCustomRow() {\n return (record: any, index: any) => {\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\n let clickTimeout: any = undefined;\n const {\n rowKey,\n config: { click, dbClick, selection, getCheckboxProps }\n } = props as any;\n\n // 当前点击行的唯一ID,通过rowKey从record中取值\n const id = record[rowKey];\n\n /**\n * 处理单击事件业务\n * @param record 当前点击行数据\n */\n const onClick = () => {\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\n // 否则checkEnable为false\n const checkEnable =\n getCheckboxProps === undefined\n ? false\n : getCheckboxProps(record).disabled;\n\n if (selection === \"N\" || checkEnable) {\n // 1. 未开启复选框 则不处理数据选中操作\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\n // 方法返回的disabled为true就不执行\n // 复选框选中的操作\n return;\n }\n const haveState = selectedRowKeys.value.some(\n (key: Key) => key === id\n );\n if (haveState) {\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\n selectedRowKeys.value = selectedRowKeys.value.filter(\n (key: Key) => key !== id\n );\n } else {\n if (selection === \"S\") {\n //单选的时候 清空选中的数据 再赋值新的ID\n selectedRowKeys.value = [];\n selectedRowKeys.value.push(id);\n } else {\n //多选直接追加ID\n selectedRowKeys.value.push(id);\n }\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n return {\n onClick: () => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n // 处理单击事件业务\n onClick();\n // 回传数据 自定义单击后的业务\n click ? click(record, index) : undefined;\n }, 200);\n }, // 点击行\n onDblclick: () => {\n clearTimeout(clickTimeout);\n // 回传数据 自定义单击后的业务\n dbClick ? dbClick(record, index) : undefined;\n }\n // onContextmenu: (event) => {\n // //TODO\n // },\n // onMouseenter: (event) => {\n // //TODO\n // }, // 鼠标移入行\n // onMouseleave: (event) => {\n // //TODO\n // }\n };\n };\n }\n\n const actionStop = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n const expandRowByClick = computed(() => {\n const { selection } = props.config;\n return selection === \"N\";\n });\n const tableSlots: any = {};\n if (slots.expandedRowRender) {\n tableSlots.expandedRowRender = (record: any) => {\n return (\n <>{slots.expandedRowRender && slots.expandedRowRender(record)}</>\n );\n };\n }\n const summary = () => {\n return <>{slots.summary && slots.summary()}</>;\n };\n\n /**\n * 展开行事件\n * @param expanded\n * @param record\n */\n const onExpand = (expanded: any, record: any) => {\n props.config.onExpand && props.config.onExpand({ expanded, record });\n };\n\n return () => (\n <div ref={tableRootRef}>\n <Table\n ref={tableRef}\n row-key={props.rowKey}\n bordered={props.config.bordered}\n {...attrs}\n columns={columns.value}\n dataSource={dataSource.value}\n loading={props.loading}\n size={props.config?.size ?? \"small\"}\n scroll={{\n scrollToFirstRowOnChange: true,\n x: \"100%\",\n y: tableHeight.value + \"px\"\n }}\n v-model:expandedRowKeys={expandedKeys.value}\n expandRowByClick={expandRowByClick.value}\n defaultExpandAllRows={props.defaultExpandAllRows}\n pagination={false}\n customRow={customRow}\n rowSelection={rowSelection.value}\n rowClassName={onRowClassName}\n onExpand={onExpand}\n >\n {{\n bodyCell: ({ column, record, index }: any) => {\n if (column.slot === \"action\") {\n return (\n <div onClick={actionStop} onDblclick={actionStop}>\n <Space>\n {slots.action && slots.action({ record, index })}\n </Space>\n </div>\n );\n }\n },\n ...tableSlots,\n // 总结栏插槽\n summary: summary\n }}\n </Table>\n <Pagination\n v-show={props.config.pagination}\n class={[basePageClassName]}\n v-model:current={paginationState.value.current}\n v-model:pageSize={paginationState.value.pageSize}\n disabled={props.loading}\n show-size-changer\n size={\"default\"}\n hide-on-single-page={paginationConfig.hideOnSinglePage}\n show-quick-jumper={paginationConfig.showQuickJumper}\n default-page-size={paginationConfig.defaultPageSize}\n page-size-options={paginationConfig.pageSizeOptions}\n show-total={paginationConfig.showTotal}\n total={paginationState.value.total}\n onChange={onPageChange}\n />\n </div>\n );\n }\n});\n\nexport default DXTable;\n"],"names":["tableProps","data","type","Object","required","height","Number","default","keys","Array","rowKey","String","loading","Boolean","pagination","config","expandedRowKeys","defaultExpandAllRows","basePageClassName","prefixName","DXTable","name","inheritAttrs","props","emits","setup","emit","slots","attrs","paginationConfig","reactive","defaultPageSize","hideOnSinglePage","pageSizeOptions","responsive","showQuickJumper","showLessItems","showTotal","total","selectedRowKeys","ref","dataSource","computed","columns","paginationState","expandedKeys","pageOption","sizeOptions","defaultSize","watchEffect","value","tableRef","tableRootRef","tableHeight","onPageChange","onRowClassName","useTable","rowClassName","keepSelected","onChange","selection","isInit","antTableBodyRef","playHeight","tableEl","$el","headerHeight","useEleHeight","getElementsByClassName","paginationHeight","paginationEl","style","e","console","warn","nextTick","setTimeout","page","size","scrollTop","record","index","undefined","rowSelection","useRowSelection","getCheckboxProps","localSelection","onSelect","selected","concat","filter","key","onSelectAll","selectedRows","changeRows","_ids","map","includes","watch","val","fixed","columnTitle","columnWidth","customRow","useCustomRow","clickTimeout","click","dbClick","id","onClick","checkEnable","disabled","haveState","some","push","clearTimeout","onDblclick","actionStop","event","stopPropagation","expandRowByClick","tableSlots","expandedRowRender","_createVNode","_Fragment","summary","onExpand","expanded","Table","_mergeProps","bordered","scrollToFirstRowOnChange","x","y","$event","bodyCell","column","slot","Space","action","_withDirectives","Pagination","current","pageSize","_vShow"],"mappings":"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"}
1
+ {"version":3,"file":"Table.mjs","sources":["../../../src/table/Table.tsx"],"sourcesContent":["import {\n computed,\n defineComponent,\n nextTick,\n PropType,\n reactive,\n ref,\n watch,\n watchEffect\n} from \"vue\";\nimport { Pagination, Space, Table } from \"ant-design-vue\";\nimport { useEleHeight } from \"../_utils/html\";\nimport { prefixName } from \"../theme\";\n\nimport type { TableProps, Key } from \"./interface/table\";\n/**\n * 表格组件 基于TSX封装ATable\n */\nconst tableProps = () => {\n return {\n data: {\n type: Object as PropType<TableProps[\"data\"]>,\n required: true\n },\n height: {\n type: Number as PropType<TableProps[\"height\"]>,\n default: 300\n },\n keys: Array as PropType<TableProps[\"keys\"]>,\n rowKey: {\n type: String as PropType<TableProps[\"rowKey\"]>,\n default: \"id\"\n },\n loading: {\n type: Boolean as PropType<TableProps[\"loading\"]>,\n default: false\n },\n pagination: {\n type: Object as PropType<TableProps[\"pagination\"]>,\n default: () => ({})\n },\n config: {\n type: Object as PropType<TableProps[\"config\"]>,\n default: () => ({})\n },\n expandedRowKeys: {\n type: Object as PropType<TableProps[\"expandedRowKeys\"]>,\n default: () => []\n },\n defaultExpandAllRows: {\n type: Boolean as PropType<TableProps[\"defaultExpandAllRows\"]>,\n default: () => true\n }\n };\n};\n\n// 使用有问题\n// const tableEmits = defineEmits<{\n// \"update:keys\": (keys: []) => void;\n// }>();\n// interface MyEvents {\n// [key: string]: (...args: any[]) => void;\n// \"update:keys\": (keys: []) => void;\n// }\n\n//分页class名称\nconst basePageClassName = `${prefixName}-pagination`;\n\n/**\n * 表格组件定义\n */\nconst DXTable = defineComponent({\n name: \"DTable\",\n inheritAttrs: false,\n props: tableProps(),\n // emits: { \"update:keys\": (keys: []) => void }\n // TODO 需要做调整\n emits: [\"update:keys\"],\n setup: function (props, { emit, slots, attrs }) {\n //分页默认配置\n const paginationConfig = reactive({\n defaultPageSize: 20,\n hideOnSinglePage: false,\n pageSizeOptions: [\"10\", \"20\", \"30\", \"40\"],\n responsive: true,\n showQuickJumper: true,\n showLessItems: true,\n showTotal: (total: number) => {\n return `总共 ${total} 条`;\n }\n });\n\n // 保存选中的唯一id\n const selectedRowKeys = ref<any>(props.keys || []);\n // 数据源\n const dataSource = computed(() => props.data);\n // 表格列\n const columns = computed(() => props.config?.columns ?? []);\n const paginationState = computed(\n () => props.config?.pagination ?? ({} as any)\n );\n // 展开行\n // eslint-disable-next-line vue/no-setup-props-destructure\n const expandedKeys = ref<any>(props.expandedRowKeys);\n // 分页条数配置\n paginationConfig.pageSizeOptions =\n props.config?.pageOption?.sizeOptions ?? paginationConfig.pageSizeOptions;\n // 默认条数\n paginationConfig.defaultPageSize =\n props.config?.pageOption?.defaultSize ?? paginationConfig.defaultPageSize;\n\n watchEffect(() => {\n const { expandedRowKeys } = props;\n expandedKeys.value = expandedRowKeys;\n });\n\n // 初始化表格\n const {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n } = useTable();\n\n function useTable() {\n const {\n rowClassName,\n keepSelected,\n onPageChange: onChange\n } = props.config;\n\n const selection = props.config.selection ?? \"N\";\n const isInit = ref(false);\n // 表格根div\n const tableRootRef = ref<HTMLElement>();\n // 表格组件对象\n const tableRef = ref<any>(null);\n // 表格计算出来的高度\n const tableHeight = ref<number>();\n // 表格body对象\n const antTableBodyRef = ref<any>(null);\n // 计算高度\n const playHeight = (height: number) => {\n try {\n const tableEl = tableRef?.value?.$el;\n const headerHeight = useEleHeight(\n tableEl.getElementsByClassName(\"ant-table-header\")[0]\n );\n isInit.value = true;\n // 获取分页组件高度\n let paginationHeight = 0;\n if (props.config.pagination) {\n const paginationEl =\n tableRootRef.value?.getElementsByClassName(basePageClassName)[0];\n paginationHeight = useEleHeight(paginationEl as any) ?? 0;\n }\n tableHeight.value = height - (headerHeight + paginationHeight);\n\n // 设置body高度\n tableEl.getElementsByClassName(\"ant-table-body\")[0].style.height =\n tableHeight.value + \"px\";\n // 表格body对象 用于切换页码后滚动条置顶\n antTableBodyRef.value =\n tableEl.getElementsByClassName(\"ant-table-body\")[0];\n } catch (e) {\n console.warn(e);\n }\n };\n //监听传入的height的变化 默认组件创建的时候会执行一次\n watchEffect(() => {\n if (props.height !== 0) {\n nextTick(() => {\n if (isInit.value) {\n playHeight(props.height);\n } else {\n // 必须在组件挂载成功后 执行计算高度 否则无法正确获取元素的高度\n setTimeout(() => {\n playHeight(props.height);\n // 如果表格头有很多列的情况下,获取到的头部高度不对,需要延迟执行获取高度方法\n }, 100);\n }\n });\n }\n });\n // 监听分页组件\n const onPageChange = (page: number, size: number) => {\n onChange ? onChange({ page: page === 0 ? 1 : page, size }) : null;\n // 切换分页的时候,表体滚动到顶部\n antTableBodyRef.value.scrollTop = 0;\n // 如果当前为单选或未开启分页保留数据选中的数据都会被清除\n // 清空历史选中数据\n if (selection === \"S\" || !keepSelected) {\n selectedRowKeys.value = [];\n emit(\"update:keys\", selectedRowKeys.value);\n }\n };\n //自定义样式\n const onRowClassName = (record: any, index: number) => {\n return rowClassName ? rowClassName(record, index) : undefined;\n };\n return {\n tableRef,\n tableRootRef,\n tableHeight,\n onPageChange,\n onRowClassName\n };\n }\n\n //表格选中配置\n const rowSelection = useRowSelection();\n\n function useRowSelection() {\n const {\n rowKey,\n config: { getCheckboxProps }\n } = props;\n\n let localSelection = props.config.selection ?? \"N\";\n //if (selection === \"N\") return undefined;\n\n const onSelect = (record: any, selected: any) => {\n if (localSelection === \"S\") {\n selectedRowKeys.value = [];\n selectedRowKeys.value = selected ? [record[rowKey]] : [];\n } else {\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(record[rowKey])\n : selectedRowKeys.value.filter(\n (key: Key) => key !== record[rowKey]\n );\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n const onSelectAll = (\n selected: any,\n selectedRows: any,\n changeRows: any\n ) => {\n const _ids = changeRows.map((record: any) => record[rowKey]);\n selectedRowKeys.value = selected\n ? selectedRowKeys.value.concat(_ids)\n : selectedRowKeys.value.filter((key: Key) => !_ids.includes(key));\n\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n // 监听父组件手动改变keys 重新赋值给 表格选中变量selectedRowKeys\n // 否则父组件 改变keys后当前selectedRowKeys还是原来的值\n watch(\n () => props.keys,\n (val) => {\n selectedRowKeys.value = val;\n }\n );\n\n const rowSelection = ref<any>(undefined);\n\n watchEffect(() => {\n const { selection } = props.config;\n localSelection = selection as any;\n if (localSelection !== \"N\") {\n rowSelection.value = {\n selectedRowKeys,\n onSelect,\n onSelectAll,\n fixed: true,\n columnTitle: localSelection === \"S\" ? \"选择\" : null,\n columnWidth: localSelection === \"S\" ? 60 : 40,\n getCheckboxProps: getCheckboxProps\n };\n } else {\n rowSelection.value = undefined;\n }\n });\n\n // return {\n // selectedRowKeys,\n // onSelect,\n // onSelectAll,\n // fixed: true,\n // columnTitle: localSelection === \"S\" ? \"选择\" : null,\n // columnWidth: localSelection === \"S\" ? 60 : 40,\n // getCheckboxProps: getCheckboxProps\n // };\n return rowSelection;\n }\n\n const customRow = useCustomRow();\n\n //表格行配置\n function useCustomRow() {\n return (record: any, index: any) => {\n // 用于存储 在某个事件内双击两次 则取消单击事件业务\n let clickTimeout: any = undefined;\n const {\n rowKey,\n config: { click, dbClick, selection, getCheckboxProps }\n } = props as any;\n\n // 当前点击行的唯一ID,通过rowKey从record中取值\n const id = record[rowKey];\n\n /**\n * 处理单击事件业务\n * @param record 当前点击行数据\n */\n const onClick = () => {\n // 获取getCheckboxProps方法,如果不等于undefined,则执行方法获取disabled的值\n // 否则checkEnable为false\n const checkEnable =\n getCheckboxProps === undefined\n ? false\n : getCheckboxProps(record).disabled;\n\n if (selection === \"N\" || checkEnable) {\n // 1. 未开启复选框 则不处理数据选中操作\n // 2. 如果当前点击的行 包含在禁用的数据项目里面 则不进行选中操作\n // 3. checkEnable 用来判断复选框属性的值,如果当前的数据满足getCheckboxProps这个\n // 方法返回的disabled为true就不执行\n // 复选框选中的操作\n return;\n }\n const haveState = selectedRowKeys.value.some(\n (key: Key) => key === id\n );\n if (haveState) {\n //如果 当前点击行的ID 已存在 那么直接过滤掉当前的id\n selectedRowKeys.value = selectedRowKeys.value.filter(\n (key: Key) => key !== id\n );\n } else {\n if (selection === \"S\") {\n //单选的时候 清空选中的数据 再赋值新的ID\n selectedRowKeys.value = [];\n selectedRowKeys.value.push(id);\n } else {\n //多选直接追加ID\n selectedRowKeys.value.push(id);\n }\n }\n emit(\"update:keys\", selectedRowKeys.value);\n };\n\n function onClickSelectedBg(event: any) {\n const { clickSelectedClassName } = props.config;\n if (!clickSelectedClassName) return;\n const curEl = event.target;\n // 找到父元素\n const parentElement = curEl.parentNode;\n // 判断父元素是否有某个 class\n if (!parentElement.classList.contains(clickSelectedClassName)) {\n // 如果父元素没有指定的 class,则添加 class\n parentElement.classList.add(clickSelectedClassName);\n } else {\n // 如果父元素已经有指定的 class,则移除 class\n parentElement.classList.remove(clickSelectedClassName);\n }\n }\n\n return {\n onClick: (event: any) => {\n clearTimeout(clickTimeout);\n clickTimeout = setTimeout(() => {\n // 处理背景激活逻辑\n onClickSelectedBg(event);\n // 处理单击事件业务\n onClick();\n // 回传数据 自定义单击后的业务\n click ? click(record, index) : undefined;\n }, 200);\n }, // 点击行\n onDblclick: () => {\n clearTimeout(clickTimeout);\n // 回传数据 自定义单击后的业务\n dbClick ? dbClick(record, index) : undefined;\n }\n };\n };\n }\n\n const actionStop = (event: MouseEvent) => {\n event.stopPropagation();\n };\n\n const expandRowByClick = computed(() => {\n const { selection } = props.config;\n return selection === \"N\";\n });\n const tableSlots: any = {};\n if (slots.expandedRowRender) {\n tableSlots.expandedRowRender = (record: any) => {\n return (\n <>{slots.expandedRowRender && slots.expandedRowRender(record)}</>\n );\n };\n }\n const summary = () => {\n return <>{slots.summary && slots.summary()}</>;\n };\n\n /**\n * 展开行事件\n * @param expanded\n * @param record\n */\n const onExpand = (expanded: any, record: any) => {\n props.config.onExpand && props.config.onExpand({ expanded, record });\n };\n\n return () => (\n <div ref={tableRootRef}>\n <Table\n ref={tableRef}\n row-key={props.rowKey}\n bordered={props.config.bordered}\n {...attrs}\n columns={columns.value}\n dataSource={dataSource.value}\n loading={props.loading}\n size={props.config?.size ?? \"small\"}\n scroll={{\n scrollToFirstRowOnChange: true,\n x: \"100%\",\n y: tableHeight.value + \"px\"\n }}\n v-model:expandedRowKeys={expandedKeys.value}\n expandRowByClick={expandRowByClick.value}\n defaultExpandAllRows={props.defaultExpandAllRows}\n pagination={false}\n customRow={customRow}\n rowSelection={rowSelection.value}\n rowClassName={onRowClassName}\n onExpand={onExpand}\n >\n {{\n bodyCell: ({ column, record, index }: any) => {\n if (column.slot === \"action\") {\n return (\n <div onClick={actionStop} onDblclick={actionStop}>\n <Space>\n {slots.action && slots.action({ record, index })}\n </Space>\n </div>\n );\n }\n },\n ...tableSlots,\n // 总结栏插槽\n summary: summary\n }}\n </Table>\n <Pagination\n v-show={props.config.pagination}\n class={[basePageClassName]}\n v-model:current={paginationState.value.current}\n v-model:pageSize={paginationState.value.pageSize}\n disabled={props.loading}\n show-size-changer\n size={\"default\"}\n hide-on-single-page={paginationConfig.hideOnSinglePage}\n show-quick-jumper={paginationConfig.showQuickJumper}\n default-page-size={paginationConfig.defaultPageSize}\n page-size-options={paginationConfig.pageSizeOptions}\n show-total={paginationConfig.showTotal}\n total={paginationState.value.total}\n onChange={onPageChange}\n />\n </div>\n );\n }\n});\n\nexport default DXTable;\n"],"names":["tableProps","data","type","Object","required","height","Number","default","keys","Array","rowKey","String","loading","Boolean","pagination","config","expandedRowKeys","defaultExpandAllRows","basePageClassName","prefixName","DXTable","name","inheritAttrs","props","emits","setup","emit","slots","attrs","paginationConfig","reactive","defaultPageSize","hideOnSinglePage","pageSizeOptions","responsive","showQuickJumper","showLessItems","showTotal","total","selectedRowKeys","ref","dataSource","computed","columns","paginationState","expandedKeys","pageOption","sizeOptions","defaultSize","watchEffect","value","tableRef","tableRootRef","tableHeight","onPageChange","onRowClassName","useTable","rowClassName","keepSelected","onChange","selection","isInit","antTableBodyRef","playHeight","tableEl","$el","headerHeight","useEleHeight","getElementsByClassName","paginationHeight","paginationEl","style","e","console","warn","nextTick","setTimeout","page","size","scrollTop","record","index","undefined","rowSelection","useRowSelection","getCheckboxProps","localSelection","onSelect","selected","concat","filter","key","onSelectAll","selectedRows","changeRows","_ids","map","includes","watch","val","fixed","columnTitle","columnWidth","customRow","useCustomRow","clickTimeout","click","dbClick","id","onClick","checkEnable","disabled","haveState","some","push","onClickSelectedBg","event","clickSelectedClassName","curEl","target","parentElement","parentNode","classList","contains","add","remove","clearTimeout","onDblclick","actionStop","stopPropagation","expandRowByClick","tableSlots","expandedRowRender","_createVNode","_Fragment","summary","onExpand","expanded","Table","_mergeProps","bordered","scrollToFirstRowOnChange","x","y","$event","bodyCell","column","slot","Space","action","_withDirectives","Pagination","current","pageSize","_vShow"],"mappings":"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"}
@@ -17,6 +17,7 @@ export interface Config {
17
17
  click?: (record: unknown) => void;
18
18
  dbClick?: (record: any) => void;
19
19
  getCheckboxProps?: (record: any) => any;
20
+ clickSelectedClassName?: string;
20
21
  pageOption: {
21
22
  sizeOptions: string[];
22
23
  defaultSize: number;
@@ -1,7 +1,9 @@
1
1
  <script setup lang="ts">
2
+ import { useRouter } from "vue-router";
3
+
2
4
  import { UserOutlined } from "@ant-design/icons-vue";
3
5
  import { FuckMain as FuckMain } from "../../../src/components";
4
- import { useMenuStore } from "../../../../store";
6
+ import { useMenuStore, useNavTabsStore } from "../../../../store";
5
7
 
6
8
  const MenuList = [
7
9
  {
@@ -15,13 +17,11 @@ const MenuList = [
15
17
  },
16
18
  {
17
19
  title: "表格ADD",
18
- url: "/table/add",
19
- children: [
20
- {
21
- title: "表格demo Add",
22
- url: "/table/add/demo"
23
- }
24
- ]
20
+ url: "/table/add"
21
+ },
22
+ {
23
+ title: "表格Edit",
24
+ url: "/table/edit"
25
25
  }
26
26
  ]
27
27
  },
@@ -44,10 +44,33 @@ const MenuList = [
44
44
  ];
45
45
  const store = useMenuStore();
46
46
  store.save(MenuList);
47
-
47
+ const { deleteTabs } = useNavTabsStore();
48
+ const router = useRouter();
48
49
  const showConfig = {
49
50
  backBtn: "BackBtn"
50
51
  };
52
+
53
+ function onAuto() {
54
+ let i = 0;
55
+ const timer = setInterval(() => {
56
+ router.push("/table/add");
57
+ setTimeout(() => {
58
+ deleteTabs("/table/add");
59
+ router.push("/table/edit");
60
+ }, 100);
61
+
62
+ setTimeout(() => {
63
+ deleteTabs("/table/edit");
64
+ router.push("/table/add");
65
+ }, 200);
66
+
67
+ i++;
68
+
69
+ // if (i === 100) {
70
+ // clearInterval(timer);
71
+ // }
72
+ }, 300);
73
+ }
51
74
  </script>
52
75
  <script lang="ts">
53
76
  export default {
@@ -66,7 +89,7 @@ export default {
66
89
  <a-avatar :size="30">
67
90
  <template #icon><UserOutlined /></template>
68
91
  </a-avatar>
69
- 云南大通汇国际电子商务有限公司
92
+ <a-button @click="onAuto">模拟执行</a-button>
70
93
  </a>
71
94
  <template #overlay>
72
95
  <a-menu>
@@ -1,5 +1,5 @@
1
1
  <script setup lang="ts">
2
- import { onActivated, ref } from "vue";
2
+ import { onActivated, onUnmounted, ref } from "vue";
3
3
  import { useRoute } from "vue-router";
4
4
 
5
5
  const columns = [
@@ -25,6 +25,13 @@ const loading = ref(false);
25
25
  const formState = ref({
26
26
  originCountry: ""
27
27
  });
28
+
29
+ onUnmounted(() => {
30
+ console.log("onUnmounted");
31
+ });
32
+ onActivated(() => {
33
+ console.log("onActivated");
34
+ });
28
35
  </script>
29
36
  <script lang="ts">
30
37
  export default {
@@ -20,7 +20,8 @@ export const useTable = () => {
20
20
  columns,
21
21
  // bordered: true,
22
22
  pagination,
23
- selection: "N",
23
+
24
+ clickSelectedClassName: "ant-table-row-selected",
24
25
  onPageChange,
25
26
  dbClick: (record: any) => {
26
27
  const index = selectedRowKeys.value.indexOf(record.id);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ditari/bsui",
3
- "version": "1.1.37",
3
+ "version": "1.1.39",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "author": "",
@@ -2,7 +2,7 @@
2
2
  /**
3
3
  * FUCK MAIN 入口文件
4
4
  */
5
- import { computed } from "vue";
5
+ import { computed, getCurrentInstance, nextTick, ref } from "vue";
6
6
  import { MenuFoldOutlined, MenuUnfoldOutlined } from "@ant-design/icons-vue";
7
7
  import { useKeepAliveStore, useSettingsStore } from "@ditari/store";
8
8
 
@@ -19,6 +19,13 @@ const keepAliveNames = computed(() => store.get);
19
19
  const settingsStore = useSettingsStore();
20
20
  const { switchCollapsed } = settingsStore;
21
21
  const collapsedStatus = computed(() => settingsStore.getCollapsed);
22
+
23
+ const keepAliveRef = ref();
24
+
25
+ nextTick(() => {
26
+ const instance: any = getCurrentInstance();
27
+ console.log(instance);
28
+ });
22
29
  </script>
23
30
  <template>
24
31
  <a-layout class="ditari-layout">
@@ -61,13 +68,12 @@ const collapsedStatus = computed(() => settingsStore.getCollapsed);
61
68
  class="ditari-layout-content"
62
69
  :style="{ marginLeft: collapsedStatus ? '80px' : '200px' }"
63
70
  >
64
- <router-view v-slot="{ Component }">
65
- <transition name="main" mode="out-in" appear>
66
- <keep-alive ref="keepAliveRef" :include="keepAliveNames">
67
- <component :is="Component" :key="$route.path" />
68
- </keep-alive>
69
- </transition>
70
- </router-view>
71
+ <router-view />
72
+ <!-- <transition name="main" mode="out-in" appear>-->
73
+ <!-- <keep-alive ref="keepAliveRef" :include="keepAliveNames">-->
74
+ <!-- <component :is="Component" :key="$route.path" />-->
75
+ <!-- </keep-alive>-->
76
+ <!-- </transition>-->
71
77
  <slot name="micro"></slot>
72
78
  </a-layout-content>
73
79
  </a-layout>
@@ -16,7 +16,7 @@ import Menu from "../menu/Menu";
16
16
  const props = withDefaults(
17
17
  defineProps<{
18
18
  showConfig?: any;
19
- breadcrumbStatus?:boolean
19
+ breadcrumbStatus?: boolean;
20
20
  }>(),
21
21
  {
22
22
  showConfig: { backBtn: "LeftOutlined" } as any
@@ -81,13 +81,14 @@ provide("showConfig", props.showConfig);
81
81
  class="ditari-layout-content"
82
82
  :style="{ marginLeft: collapsedStatus ? '80px' : '200px' }"
83
83
  >
84
- <router-view v-slot="{ Component }">
85
- <transition name="main" mode="out-in" appear>
86
- <keep-alive ref="keepAliveRef" :include="keepAliveNames">
87
- <component :is="Component" :key="$route.path" />
88
- </keep-alive>
89
- </transition>
90
- </router-view>
84
+ <router-view />
85
+ <!-- <router-view v-slot="{ Component }">-->
86
+ <!-- <transition name="main" mode="out-in" appear>-->
87
+ <!-- <keep-alive ref="keepAliveRef" :include="keepAliveNames">-->
88
+ <!-- <component :is="Component" :key="$route.path" />-->
89
+ <!-- </keep-alive>-->
90
+ <!-- </transition>-->
91
+ <!-- </router-view>-->
91
92
  <slot name="micro"></slot>
92
93
  </a-layout-content>
93
94
  </a-layout>
@@ -344,10 +344,28 @@ const DXTable = defineComponent({
344
344
  emit("update:keys", selectedRowKeys.value);
345
345
  };
346
346
 
347
+ function onClickSelectedBg(event: any) {
348
+ const { clickSelectedClassName } = props.config;
349
+ if (!clickSelectedClassName) return;
350
+ const curEl = event.target;
351
+ // 找到父元素
352
+ const parentElement = curEl.parentNode;
353
+ // 判断父元素是否有某个 class
354
+ if (!parentElement.classList.contains(clickSelectedClassName)) {
355
+ // 如果父元素没有指定的 class,则添加 class
356
+ parentElement.classList.add(clickSelectedClassName);
357
+ } else {
358
+ // 如果父元素已经有指定的 class,则移除 class
359
+ parentElement.classList.remove(clickSelectedClassName);
360
+ }
361
+ }
362
+
347
363
  return {
348
- onClick: () => {
364
+ onClick: (event: any) => {
349
365
  clearTimeout(clickTimeout);
350
366
  clickTimeout = setTimeout(() => {
367
+ // 处理背景激活逻辑
368
+ onClickSelectedBg(event);
351
369
  // 处理单击事件业务
352
370
  onClick();
353
371
  // 回传数据 自定义单击后的业务
@@ -359,15 +377,6 @@ const DXTable = defineComponent({
359
377
  // 回传数据 自定义单击后的业务
360
378
  dbClick ? dbClick(record, index) : undefined;
361
379
  }
362
- // onContextmenu: (event) => {
363
- // //TODO
364
- // },
365
- // onMouseenter: (event) => {
366
- // //TODO
367
- // }, // 鼠标移入行
368
- // onMouseleave: (event) => {
369
- // //TODO
370
- // }
371
380
  };
372
381
  };
373
382
  }
@@ -27,6 +27,8 @@ export interface Config {
27
27
  dbClick?: (record: any) => void;
28
28
  // 选择框的默认属性配置
29
29
  getCheckboxProps?: (record: any) => any;
30
+ // 点击激活背景色的class
31
+ clickSelectedClassName?: string;
30
32
  // 分页配置
31
33
  pageOption: {
32
34
  sizeOptions: string[];