From 436b52186129e60ba72c20e43d2845bc3f899901 Mon Sep 17 00:00:00 2001
From: Ben Lin <maobin001@msn.com>
Date: 星期四, 22 八月 2024 11:16:56 +0800
Subject: [PATCH] 取消暂停svg更新
---
src/components/Table/src/components/settings/SizeSetting.vue | 71 +++++++++++++++++------------------
1 files changed, 34 insertions(+), 37 deletions(-)
diff --git a/src/components/Table/src/components/settings/SizeSetting.vue b/src/components/Table/src/components/settings/SizeSetting.vue
index 79c4a22..5e7f5e5 100644
--- a/src/components/Table/src/components/settings/SizeSetting.vue
+++ b/src/components/Table/src/components/settings/SizeSetting.vue
@@ -8,57 +8,54 @@
<ColumnHeightOutlined />
<template #overlay>
<Menu @click="handleTitleClick" selectable v-model:selectedKeys="selectedKeysRef">
- <MenuItem key="default">
+ <Menu.Item key="default">
<span>{{ t('component.table.settingDensDefault') }}</span>
- </MenuItem>
- <MenuItem key="middle">
+ </Menu.Item>
+ <Menu.Item key="middle">
<span>{{ t('component.table.settingDensMiddle') }}</span>
- </MenuItem>
- <MenuItem key="small">
+ </Menu.Item>
+ <Menu.Item key="small">
<span>{{ t('component.table.settingDensSmall') }}</span>
- </MenuItem>
+ </Menu.Item>
</Menu>
</template>
</Dropdown>
</Tooltip>
</template>
-<script lang="ts">
+<script lang="ts" setup>
import type { SizeType } from '../../types/table';
- import { defineComponent, ref } from 'vue';
- import { Tooltip, Dropdown, Menu } from 'ant-design-vue';
+ import { ref, onMounted } from 'vue';
+ import { Tooltip, Dropdown, Menu, type MenuProps } from 'ant-design-vue';
import { ColumnHeightOutlined } from '@ant-design/icons-vue';
- import { useI18n } from '/@/hooks/web/useI18n';
+ import { useI18n } from '@/hooks/web/useI18n';
import { useTableContext } from '../../hooks/useTableContext';
- import { getPopupContainer } from '/@/utils';
+ import { getPopupContainer } from '@/utils';
- export default defineComponent({
- name: 'SizeSetting',
- components: {
- ColumnHeightOutlined,
- Tooltip,
- Dropdown,
- Menu,
- MenuItem: Menu.Item,
- },
- setup() {
- const table = useTableContext();
- const { t } = useI18n();
+ import { useTableSettingStore } from '@/store/modules/tableSetting';
- const selectedKeysRef = ref<SizeType[]>([table.getSize()]);
+ const tableSettingStore = useTableSettingStore();
- function handleTitleClick({ key }: { key: SizeType }) {
- selectedKeysRef.value = [key];
- table.setProps({
- size: key,
- });
- }
+ defineOptions({ name: 'SizeSetting' });
- return {
- handleTitleClick,
- selectedKeysRef,
- getPopupContainer,
- t,
- };
- },
+ const table = useTableContext();
+ const { t } = useI18n();
+
+ const selectedKeysRef = ref<SizeType[]>([table.getSize()]);
+
+ const handleTitleClick: MenuProps['onClick'] = ({ key }) => {
+ selectedKeysRef.value = [key as SizeType];
+
+ tableSettingStore.setTableSize(key as SizeType);
+
+ table.setProps({
+ size: key as SizeType,
+ });
+ };
+
+ onMounted(() => {
+ selectedKeysRef.value = [tableSettingStore.getTableSize];
+ table.setProps({
+ size: selectedKeysRef.value[0],
+ });
});
</script>
--
Gitblit v1.9.3