♻️ Refactor and clean up the code
This commit is contained in:
@@ -1,7 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { useConfigStore } from '@/stores/configStore';
|
||||
import { useThemeStore } from '@/stores/themeStore';
|
||||
import { useErrorHandler } from '@/utils/errorHandler';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import SettingSection from '../components/SettingSection.vue';
|
||||
import SettingItem from '../components/SettingItem.vue';
|
||||
@@ -10,7 +9,6 @@ import { SystemThemeType, LanguageType } from '@/../bindings/voidraft/internal/m
|
||||
const { t } = useI18n();
|
||||
const configStore = useConfigStore();
|
||||
const themeStore = useThemeStore();
|
||||
const { safeCall } = useErrorHandler();
|
||||
|
||||
// 语言选项
|
||||
const languageOptions = [
|
||||
@@ -30,10 +28,7 @@ const updateLanguage = async (event: Event) => {
|
||||
const select = event.target as HTMLSelectElement;
|
||||
const selectedLanguage = select.value as LanguageType;
|
||||
|
||||
await safeCall(
|
||||
() => configStore.setLanguage(selectedLanguage),
|
||||
'config.languageChangeFailed'
|
||||
);
|
||||
await configStore.setLanguage(selectedLanguage);
|
||||
};
|
||||
|
||||
// 更新系统主题设置
|
||||
@@ -41,10 +36,7 @@ const updateSystemTheme = async (event: Event) => {
|
||||
const select = event.target as HTMLSelectElement;
|
||||
const selectedSystemTheme = select.value as SystemThemeType;
|
||||
|
||||
await safeCall(
|
||||
() => themeStore.setTheme(selectedSystemTheme),
|
||||
'config.systemThemeChangeFailed'
|
||||
);
|
||||
await themeStore.setTheme(selectedSystemTheme);
|
||||
};
|
||||
</script>
|
||||
|
||||
|
@@ -1,7 +1,6 @@
|
||||
<script setup lang="ts">
|
||||
import { useConfigStore } from '@/stores/configStore';
|
||||
import { FONT_OPTIONS } from '@/stores/configStore';
|
||||
import { useErrorHandler } from '@/utils/errorHandler';
|
||||
import { useI18n } from 'vue-i18n';
|
||||
import {computed, onMounted } from 'vue';
|
||||
import SettingSection from '../components/SettingSection.vue';
|
||||
@@ -11,7 +10,6 @@ import { TabType } from '@/../bindings/voidraft/internal/models/';
|
||||
|
||||
const { t } = useI18n();
|
||||
const configStore = useConfigStore();
|
||||
const { safeCall } = useErrorHandler();
|
||||
|
||||
// 确保配置已加载
|
||||
onMounted(async () => {
|
||||
@@ -29,10 +27,7 @@ const handleFontFamilyChange = async (event: Event) => {
|
||||
const target = event.target as HTMLSelectElement;
|
||||
const fontFamily = target.value;
|
||||
if (fontFamily) {
|
||||
await safeCall(
|
||||
() => configStore.setFontFamily(fontFamily),
|
||||
'config.fontFamilyUpdateFailed'
|
||||
);
|
||||
await configStore.setFontFamily(fontFamily);
|
||||
}
|
||||
};
|
||||
|
||||
@@ -52,42 +47,27 @@ const fontWeightOptions = [
|
||||
// 字体粗细选择
|
||||
const handleFontWeightChange = async (event: Event) => {
|
||||
const target = event.target as HTMLSelectElement;
|
||||
await safeCall(
|
||||
() => configStore.setFontWeight(target.value),
|
||||
'config.fontWeightUpdateFailed'
|
||||
);
|
||||
await configStore.setFontWeight(target.value);
|
||||
};
|
||||
|
||||
// 行高控制
|
||||
const increaseLineHeight = async () => {
|
||||
const newLineHeight = Math.min(3.0, configStore.config.editing.lineHeight + 0.1);
|
||||
await safeCall(
|
||||
() => configStore.setLineHeight(Math.round(newLineHeight * 10) / 10),
|
||||
'config.lineHeightIncreaseFailed'
|
||||
);
|
||||
await configStore.setLineHeight(Math.round(newLineHeight * 10) / 10);
|
||||
};
|
||||
|
||||
const decreaseLineHeight = async () => {
|
||||
const newLineHeight = Math.max(1.0, configStore.config.editing.lineHeight - 0.1);
|
||||
await safeCall(
|
||||
() => configStore.setLineHeight(Math.round(newLineHeight * 10) / 10),
|
||||
'config.lineHeightDecreaseFailed'
|
||||
);
|
||||
await configStore.setLineHeight(Math.round(newLineHeight * 10) / 10);
|
||||
};
|
||||
|
||||
// 字体大小控制
|
||||
const increaseFontSize = async () => {
|
||||
await safeCall(
|
||||
() => configStore.increaseFontSize(),
|
||||
'config.fontSizeIncreaseFailed'
|
||||
);
|
||||
await configStore.increaseFontSize();
|
||||
};
|
||||
|
||||
const decreaseFontSize = async () => {
|
||||
await safeCall(
|
||||
() => configStore.decreaseFontSize(),
|
||||
'config.fontSizeDecreaseFailed'
|
||||
);
|
||||
await configStore.decreaseFontSize();
|
||||
};
|
||||
|
||||
// Tab类型切换
|
||||
@@ -99,35 +79,23 @@ const tabTypeText = computed(() => {
|
||||
|
||||
// Tab大小增减
|
||||
const increaseTabSize = async () => {
|
||||
await safeCall(
|
||||
() => configStore.increaseTabSize(),
|
||||
'config.tabSizeIncreaseFailed'
|
||||
);
|
||||
await configStore.increaseTabSize();
|
||||
};
|
||||
|
||||
const decreaseTabSize = async () => {
|
||||
await safeCall(
|
||||
() => configStore.decreaseTabSize(),
|
||||
'config.tabSizeDecreaseFailed'
|
||||
);
|
||||
await configStore.decreaseTabSize();
|
||||
};
|
||||
|
||||
// Tab相关操作
|
||||
const handleToggleTabType = async () => {
|
||||
await safeCall(
|
||||
() => configStore.toggleTabType(),
|
||||
'config.tabTypeToggleFailed'
|
||||
);
|
||||
await configStore.toggleTabType();
|
||||
};
|
||||
|
||||
// 创建双向绑定的计算属性
|
||||
const enableTabIndent = computed({
|
||||
get: () => configStore.config.editing.enableTabIndent,
|
||||
set: async (value: boolean) => {
|
||||
await safeCall(
|
||||
() => configStore.setEnableTabIndent(value),
|
||||
'config.tabIndentToggleFailed'
|
||||
);
|
||||
await configStore.setEnableTabIndent(value);
|
||||
}
|
||||
});
|
||||
|
||||
@@ -136,10 +104,7 @@ const handleAutoSaveDelayChange = async (event: Event) => {
|
||||
const target = event.target as HTMLInputElement;
|
||||
const value = parseInt(target.value, 10);
|
||||
if (!isNaN(value) && value >= 1000 && value <= 30000) {
|
||||
await safeCall(
|
||||
() => configStore.setAutoSaveDelay(value),
|
||||
'config.autoSaveDelayUpdateFailed'
|
||||
);
|
||||
await configStore.setAutoSaveDelay(value);
|
||||
}
|
||||
};
|
||||
|
||||
|
@@ -5,13 +5,11 @@ import {computed, onUnmounted, ref} from 'vue';
|
||||
import SettingSection from '../components/SettingSection.vue';
|
||||
import SettingItem from '../components/SettingItem.vue';
|
||||
import ToggleSwitch from '../components/ToggleSwitch.vue';
|
||||
import {useErrorHandler} from '@/utils/errorHandler';
|
||||
import {DialogService, MigrationService, MigrationProgress, MigrationStatus} from '@/../bindings/voidraft/internal/services';
|
||||
import * as runtime from '@wailsio/runtime';
|
||||
|
||||
const {t} = useI18n();
|
||||
const configStore = useConfigStore();
|
||||
const {safeCall} = useErrorHandler();
|
||||
|
||||
// 迁移进度状态
|
||||
const migrationProgress = ref<MigrationProgress>(new MigrationProgress({
|
||||
@@ -143,12 +141,10 @@ const enableGlobalHotkey = computed({
|
||||
const alwaysOnTop = computed({
|
||||
get: () => configStore.config.general.alwaysOnTop,
|
||||
set: async (value: boolean) => {
|
||||
await safeCall(async () => {
|
||||
// 先更新配置
|
||||
await configStore.setAlwaysOnTop(value);
|
||||
// 然后立即应用窗口置顶状态
|
||||
await runtime.Window.SetAlwaysOnTop(value);
|
||||
}, 'config.alwaysOnTopFailed', 'config.alwaysOnTopSuccess');
|
||||
// 先更新配置
|
||||
await configStore.setAlwaysOnTop(value);
|
||||
// 然后立即应用窗口置顶状态
|
||||
await runtime.Window.SetAlwaysOnTop(value);
|
||||
}
|
||||
});
|
||||
|
||||
|
Reference in New Issue
Block a user