119 lines
2.6 KiB
TypeScript
119 lines
2.6 KiB
TypeScript
import { useMessageBridge } from "@/api/message-bridge";
|
|
import { pinkLog } from "@/views/setting/util";
|
|
import { debugModes, tabs } from "@/components/main-panel/panel";
|
|
import { markRaw, ref, nextTick } from "vue";
|
|
import { v4 as uuidv4 } from 'uuid';
|
|
|
|
interface SaveTabItem {
|
|
name: string;
|
|
icon: string;
|
|
type: string;
|
|
componentIndex: number;
|
|
storage: Record<string, any>;
|
|
}
|
|
|
|
interface SaveTab {
|
|
tabs: SaveTabItem[]
|
|
currentIndex: number
|
|
}
|
|
|
|
export const panelLoaded = ref(false);
|
|
|
|
export function loadPanels() {
|
|
|
|
return new Promise((resolve, reject) => {
|
|
const bridge = useMessageBridge();
|
|
|
|
bridge.addCommandListener('panel/load', data => {
|
|
if (data.code !== 200) {
|
|
pinkLog('tabs 加载失败');
|
|
console.log(data.msg);
|
|
|
|
} else {
|
|
const persistTab = data.msg as SaveTab;
|
|
|
|
pinkLog('tabs 加载成功');
|
|
|
|
if (persistTab.tabs.length === 0) {
|
|
// 空的，直接返回不需要管
|
|
panelLoaded.value = true;
|
|
resolve(void 0);
|
|
return;
|
|
}
|
|
|
|
tabs.activeIndex = 0;
|
|
tabs.content = [];
|
|
|
|
for (const tab of persistTab.tabs || []) {
|
|
|
|
const component = tab.componentIndex >= 0? markRaw(debugModes[tab.componentIndex]) : undefined;
|
|
|
|
tabs.content.push({
|
|
id: uuidv4(),
|
|
name: tab.name,
|
|
icon: tab.icon,
|
|
type: tab.type,
|
|
componentIndex: tab.componentIndex,
|
|
component: component,
|
|
storage: tab.storage
|
|
});
|
|
}
|
|
|
|
tabs.activeIndex = persistTab.currentIndex;
|
|
}
|
|
|
|
panelLoaded.value = true;
|
|
resolve(void 0);
|
|
}, { once: true });
|
|
|
|
bridge.postMessage({
|
|
command: 'panel/load'
|
|
});
|
|
});
|
|
}
|
|
|
|
let debounceHandler: NodeJS.Timeout;
|
|
|
|
export function safeSavePanels() {
|
|
clearTimeout(debounceHandler);
|
|
debounceHandler = setTimeout(() => {
|
|
savePanels();
|
|
}, 100);
|
|
}
|
|
|
|
export function savePanels(saveHandler?: () => void) {
|
|
// // 没有完成 panel 加载就不保存
|
|
// if (!panelLoaded.value) {
|
|
// return;
|
|
// }
|
|
|
|
const bridge = useMessageBridge();
|
|
|
|
const saveTabs: SaveTab = {
|
|
currentIndex: tabs.activeIndex,
|
|
tabs: []
|
|
};
|
|
for (const tab of tabs.content) {
|
|
saveTabs.tabs.push({
|
|
name: tab.name,
|
|
icon: tab.icon,
|
|
type: tab.type,
|
|
componentIndex: tab.componentIndex,
|
|
storage: JSON.parse(JSON.stringify(tab.storage))
|
|
});
|
|
}
|
|
|
|
bridge.addCommandListener('panel/save', data => {
|
|
const saveStatusCode = data.code;
|
|
pinkLog('配置保存状态：' + saveStatusCode);
|
|
|
|
if (saveHandler) {
|
|
saveHandler();
|
|
}
|
|
}, { once: true });
|
|
|
|
bridge.postMessage({
|
|
command: 'panel/save',
|
|
data: saveTabs
|
|
});
|
|
} |