mirror of
https://github.com/BTMuli/TeyvatGuide.git
synced 2025-12-17 10:08:14 +08:00
132 lines
4.0 KiB
Vue
132 lines
4.0 KiB
Vue
<template>
|
||
<v-card class="common-card">
|
||
<v-card-title>配置</v-card-title>
|
||
</v-card>
|
||
<v-card class="common-card">
|
||
<v-list>
|
||
<v-list-item @click="openMergeData" prepend-icon="mdi-folder">
|
||
<v-list-item-title>打开用户数据目录</v-list-item-title>
|
||
</v-list-item>
|
||
<v-list-item @click="deleteData" prepend-icon="mdi-delete">
|
||
<v-list-item-title>清除用户缓存</v-list-item-title>
|
||
</v-list-item>
|
||
<v-list-item @click="deleteTemp" prepend-icon="mdi-delete">
|
||
<v-list-item-title>删除临时数据</v-list-item-title>
|
||
</v-list-item>
|
||
<v-list-item @click="setDefaultConfig" prepend-icon="mdi-cog">
|
||
<v-list-item-title>初始化数据</v-list-item-title>
|
||
</v-list-item>
|
||
</v-list>
|
||
</v-card>
|
||
<v-card class="common-card">
|
||
<v-list>
|
||
<v-list-item>
|
||
<v-list-item-title>咨讯页渲染模式</v-list-item-title>
|
||
<v-list-item-subtitle
|
||
>推荐采用结构化渲染，当出现内容缺失时建议采用 raw 渲染</v-list-item-subtitle
|
||
>
|
||
<template v-slot:append>
|
||
<v-switch
|
||
:label="renderMode"
|
||
inset
|
||
v-model="renderBool"
|
||
@click="changeRenderMode"
|
||
color="#1E96D5"
|
||
/>
|
||
</template>
|
||
</v-list-item>
|
||
</v-list>
|
||
</v-card>
|
||
<v-card class="common-card">
|
||
<v-list>
|
||
<v-list-item prepend-icon="mdi-folder">
|
||
<v-list-item-title>本地应用数据路径</v-list-item-title>
|
||
<v-list-item-subtitle>{{ appStore.dataPath.app }}</v-list-item-subtitle>
|
||
</v-list-item>
|
||
<v-list-item prepend-icon="mdi-folder">
|
||
<v-list-item-title>本地用户数据路径</v-list-item-title>
|
||
<v-list-item-subtitle>{{ appStore.dataPath.user }}</v-list-item-subtitle>
|
||
</v-list-item>
|
||
</v-list>
|
||
</v-card>
|
||
</template>
|
||
|
||
<script lang="ts" setup>
|
||
import { ref } from "vue";
|
||
import useAppStore from "../store/modules/app";
|
||
import useAchievementsStore from "../store/modules/achievements";
|
||
import { dialog, fs } from "@tauri-apps/api";
|
||
import { BaseDirectory } from "@tauri-apps/api/fs";
|
||
import { getDataList } from "../data/init";
|
||
import { WriteTGData } from "../utils/TGIndex";
|
||
|
||
// Store
|
||
const appStore = useAppStore();
|
||
const achievementsStore = useAchievementsStore();
|
||
|
||
const renderBool = ref(appStore.structureRender);
|
||
const renderMode = ref(renderBool.value ? "结构化渲染" : " raw 渲染");
|
||
|
||
// 切换渲染模式
|
||
function changeRenderMode() {
|
||
renderBool.value = !renderBool.value;
|
||
renderBool.value ? (renderMode.value = "结构化渲染") : (renderMode.value = " raw 渲染");
|
||
appStore.structureRender = renderBool.value;
|
||
dialog.message("已切换渲染模式为" + renderMode.value);
|
||
}
|
||
|
||
// 打开用户数据目录
|
||
async function openMergeData() {
|
||
await dialog.open({
|
||
defaultPath: appStore.dataPath.user,
|
||
filters: [],
|
||
});
|
||
}
|
||
// 删除本地数据
|
||
async function deleteData() {
|
||
const res = await dialog.confirm("确定要删除用户数据吗?");
|
||
if (res) {
|
||
await fs.removeDir("userData", {
|
||
dir: BaseDirectory.AppLocalData,
|
||
recursive: true,
|
||
});
|
||
await fs.removeDir("tempData", {
|
||
dir: BaseDirectory.AppLocalData,
|
||
recursive: true,
|
||
});
|
||
getDataList.map(async item => {
|
||
await WriteTGData(item.name, item.data);
|
||
});
|
||
await dialog.message("用户数据已删除!");
|
||
await achievementsStore.init();
|
||
await fs.createDir("userData", { dir: BaseDirectory.AppLocalData });
|
||
await fs.createDir("tempData", { dir: BaseDirectory.AppLocalData });
|
||
}
|
||
}
|
||
// 删除临时数据
|
||
async function deleteTemp() {
|
||
const res = await dialog.confirm("确定要删除临时数据吗?");
|
||
if (res) {
|
||
await fs.removeDir("tempData", {
|
||
dir: BaseDirectory.AppLocalData,
|
||
recursive: true,
|
||
});
|
||
await fs.createDir("tempData", { dir: BaseDirectory.AppLocalData });
|
||
await dialog.message("临时数据已删除!");
|
||
}
|
||
}
|
||
// 恢复默认配置
|
||
async function setDefaultConfig() {
|
||
const res = await dialog.confirm("确定要初始化数据吗?");
|
||
if (res) {
|
||
await appStore.init();
|
||
await achievementsStore.init();
|
||
dialog.message("已恢复默认配置!").then(() => {
|
||
window.location.reload();
|
||
});
|
||
}
|
||
}
|
||
</script>
|
||
|
||
<style lang="css"></style>
|