liuhuajie/lowcode-frontend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

完善工具栏的样式和功能 #2

Merged
liuhuajie merged 26 commits from master into stage 2024-11-17 01:53:32 +08:00
Conversation 0 Commits 26 Files Changed 12 +524 -480
12 changed files with 524 additions and 480 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 0c99073376 - Show all commits

40
src/stores/useSchemeStore.ts
View File

@ -1,24 +1,11 @@
import { defineStore } from 'pinia'; import { defineStore } from 'pinia';
import { IPageComponent } from '@/type/IPageComponent'; import { IPageComponent } from '@/type/IPageComponent';
import { sha256 } from 'js-sha256'; import { sha256 } from 'js-sha256';
import { popFromStack, pushToStack, topFromStack } from '@/utils/LRU.ts';
// 缓存对象 // 缓存对象
const idToObjectCache = new Map<string, IPageComponent>(); const idToObjectCache = new Map<string, IPageComponent>();
// 栈维护函数
function pushToStack(stack: string[], id: string): void {
if (!stack.includes(id)) {
stack.push(id);
}
}
function popFromStack(stack: string[]): string | undefined {
return stack.pop();
}
function topFromStack(stack: string[]): string | undefined {
return stack.at(-1); // 使用 .at() 方法访问最后一个元素
}
function findObjectById(obj: any, targetId: string) { function findObjectById(obj: any, targetId: string) {
if (Array.isArray(obj)) { if (Array.isArray(obj)) {
for (let i = 0; i < obj.length; i++) { for (let i = 0; i < obj.length; i++) {
@ -93,18 +80,17 @@ export const useSchemeStore = defineStore('scheme', {
}, },
updateNowScheme(updates: Partial<IPageComponent>) { updateNowScheme(updates: Partial<IPageComponent>) {
debugger;
this.nowComponentsData = updates; this.nowComponentsData = updates;
pushToStack(this.selectedComponentStack, this.nowComponentsData.id); pushToStack(this.selectedComponentStack, this.nowComponentsData.id);
console.log("更新nowComponentsData", this.nowComponentsData); console.log("更新nowComponentsData", this.nowComponentsData);
console.log("更新selectedComponentStack",this.selectedComponentStack);
return this.nowComponentsData; return this.nowComponentsData;
}, },
deleteScheme(id: string) { deleteScheme(id: string) {
console.log("删除前,组件id",id) debugger;
console.log("删除前,栈",this.selectedComponentStack) console.log("删除前,组件id", id);
const currentStateHash = this.currentHash; const currentStateHash = this.currentHash;
const objToDelete = findObjectById(this.previewScheme, id); const objToDelete = findObjectById(this.previewScheme, id);
if (objToDelete) { if (objToDelete) {
@ -113,18 +99,14 @@ export const useSchemeStore = defineStore('scheme', {
idToObjectCache.delete(id); // 从缓存中删除 idToObjectCache.delete(id); // 从缓存中删除
// 清理 history 中的引用 // 清理 history 中的引用
this.cleanupReferences(id); this.cleanupReferences(id);
} }
this.saveNewState(currentStateHash); this.saveNewState(currentStateHash);
popFromStack(this.selectedComponentStack); popFromStack(this.selectedComponentStack);
console.log("scheme",this.previewScheme); const preComponentId = topFromStack(this.selectedComponentStack);
const preComponentId=topFromStack(this.selectedComponentStack) this.nowComponentsData = this.getSchemeObj(preComponentId || '');
console.log("删除后,栈",this.selectedComponentStack) console.log("删除后,栈", this.selectedComponentStack);
console.log("删除后,前一个组件id",preComponentId) console.log("删除后,前一个组件id", preComponentId);
const preObj=this.getSchemeObj(preComponentId) console.log("删除后,前一个组件", this.nowComponentsData);
console.log("删除后,前一个组件",preObj)
this.nowComponentsData = preObj;
}, },
cleanupReferences(id: string) { cleanupReferences(id: string) {
// 清理 nowComponentsData // 清理 nowComponentsData
@ -150,7 +132,7 @@ export const useSchemeStore = defineStore('scheme', {
const prevState = this.history[this.currentIndex % HISTORY_LENGTH]; const prevState = this.history[this.currentIndex % HISTORY_LENGTH];
if (prevState) { if (prevState) {
this.previewScheme = prevState; this.previewScheme = prevState;
this.nowComponentsData = this.previewScheme[0] || {} as IPageComponent; this.nowComponentsData = this.getSchemeObj(topFromStack(this.selectedComponentStack) || '');
this.currentHash = sha256(JSON.stringify(this.previewScheme)); this.currentHash = sha256(JSON.stringify(this.previewScheme));
} }
} }
@ -161,7 +143,7 @@ export const useSchemeStore = defineStore('scheme', {
const nextState = this.history[this.currentIndex % HISTORY_LENGTH]; const nextState = this.history[this.currentIndex % HISTORY_LENGTH];
if (nextState) { if (nextState) {
this.previewScheme = nextState; this.previewScheme = nextState;
this.nowComponentsData = this.previewScheme[0] || {} as IPageComponent; this.nowComponentsData = this.getSchemeObj(topFromStack(this.selectedComponentStack) || '');
this.currentHash = sha256(JSON.stringify(this.previewScheme)); this.currentHash = sha256(JSON.stringify(this.previewScheme));
} }
} }