feat: add state for workspace windows

liujuping · JackLian · commit d267fecc67f3 · 2023-07-25T11:05:32.000+08:00
diff --git a/packages/workspace/src/window.ts b/packages/workspace/src/window.ts
@@ -26,6 +26,22 @@ export interface IEditorWindow extends Omit<IPublicModelWindow<IResource>, 'chan
   sleep?: boolean;
 
   init(): void;
+
+  updateState(state: WINDOW_STATE): void;
+}
+
+export enum WINDOW_STATE {
+  // 睡眠
+  sleep = 'sleep',
+
+  // 激活
+  active = 'active',
+
+  // 未激活
+  inactive = 'inactive',
+
+  // 销毁
+  destroyed = 'destroyed'
 }
 
 export class EditorWindow implements IEditorWindow {
@@ -51,6 +67,22 @@ export class EditorWindow implements IEditorWindow {
     this.title = config.title;
     this.icon = resource.icon;
     this.sleep = config.sleep;
+    if (config.sleep) {
+      this.updateState(WINDOW_STATE.sleep);
+    }
+  }
+
+  updateState(state: WINDOW_STATE): void {
+    switch (state) {
+      case WINDOW_STATE.active:
+        this.editorView?.setActivate(true);
+        break;
+      case WINDOW_STATE.inactive:
+        this.editorView?.setActivate(false);
+        break;
+      case WINDOW_STATE.destroyed:
+        break;
+    }
   }
 
   async importSchema(schema: any) {
@@ -102,6 +134,7 @@ export class EditorWindow implements IEditorWindow {
     this.initReady = true;
     this.workspace.checkWindowQueue();
     this.sleep = false;
+    this.updateState(WINDOW_STATE.active);
   }
 
   initViewTypes = async () => {
diff --git a/packages/workspace/src/workspace.ts b/packages/workspace/src/workspace.ts
@@ -2,7 +2,7 @@ import { IDesigner, ILowCodePluginManager, LowCodePluginManager } from '@alilc/l
 import { createModuleEventBus, Editor, IEditor, IEventBus, makeObservable, obx } from '@alilc/lowcode-editor-core';
 import { IPublicApiPlugins, IPublicApiWorkspace, IPublicEnumPluginRegisterLevel, IPublicResourceList, IPublicTypeDisposable, IPublicTypeResourceType, IShellModelFactory } from '@alilc/lowcode-types';
 import { BasicContext } from './context/base-context';
-import { EditorWindow } from './window';
+import { EditorWindow, WINDOW_STATE } from './window';
 import type { IEditorWindow } from './window';
 import { IResource, Resource } from './resource';
 import { IResourceType, ResourceType } from './resource-type';
@@ -198,6 +198,7 @@ export class Workspace implements IWorkspace {
     }
     const window = this.windows[index];
     this.windows.splice(index, 1);
+    this.window?.updateState(WINDOW_STATE.destroyed);
     if (this.window === window) {
       this.window = this.windows[index] || this.windows[index + 1] || this.windows[index - 1];
       if (this.window?.sleep) {
@@ -206,6 +207,7 @@ export class Workspace implements IWorkspace {
       this.emitChangeActiveWindow();
     }
     this.emitChangeWindow();
+    this.window?.updateState(WINDOW_STATE.active);
   }
 
   removeEditorWindow(resourceName: string, title: string) {
@@ -215,13 +217,15 @@ export class Workspace implements IWorkspace {
 
   async openEditorWindowById(id: string) {
     const window = this.editorWindowMap.get(id);
+    this.window?.updateState(WINDOW_STATE.inactive);
     if (window) {
       this.window = window;
       if (window.sleep) {
         await window.init();
       }
       this.emitChangeActiveWindow();
     }
+    this.window?.updateState(WINDOW_STATE.active);
   }
 
   async openEditorWindow(name: string, title: string, options: Object, viewType?: string, sleep?: boolean) {
@@ -236,6 +240,7 @@ export class Workspace implements IWorkspace {
       console.error(`${name} resourceType is not available`);
       return;
     }
+    this.window?.updateState(WINDOW_STATE.inactive);
     const filterWindows = this.windows.filter(d => (d.resource?.name === name && d.resource.title == title));
     if (filterWindows && filterWindows.length) {
       this.window = filterWindows[0];
@@ -245,6 +250,7 @@ export class Workspace implements IWorkspace {
         this.checkWindowQueue();
       }
       this.emitChangeActiveWindow();
+      this.window?.updateState(WINDOW_STATE.active);
       return;
     }
     const resource = new Resource({
@@ -266,6 +272,7 @@ export class Workspace implements IWorkspace {
     }
     this.emitChangeWindow();
     this.emitChangeActiveWindow();
+    this.window?.updateState(WINDOW_STATE.active);
   }
 
   onChangeWindows(fn: () => void) {

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ import { IDesigner, ILowCodePluginManager, LowCodePluginManager } from '@alilc/l`
`2`	`2`	`import { createModuleEventBus, Editor, IEditor, IEventBus, makeObservable, obx } from '@alilc/lowcode-editor-core';`
`3`	`3`	`import { IPublicApiPlugins, IPublicApiWorkspace, IPublicEnumPluginRegisterLevel, IPublicResourceList, IPublicTypeDisposable, IPublicTypeResourceType, IShellModelFactory } from '@alilc/lowcode-types';`
`4`	`4`	`import { BasicContext } from './context/base-context';`
`5`		`-import { EditorWindow } from './window';`
	`5`	`+import { EditorWindow, WINDOW_STATE } from './window';`
`6`	`6`	`import type { IEditorWindow } from './window';`
`7`	`7`	`import { IResource, Resource } from './resource';`
`8`	`8`	`import { IResourceType, ResourceType } from './resource-type';`
`@@ -198,6 +198,7 @@ export class Workspace implements IWorkspace {`
`198`	`198`	`}`
`199`	`199`	`const window = this.windows[index];`
`200`	`200`	`this.windows.splice(index, 1);`
	`201`	`+ this.window?.updateState(WINDOW_STATE.destroyed);`
`201`	`202`	`if (this.window === window) {`
`202`	`203`	`this.window = this.windows[index] \|\| this.windows[index + 1] \|\| this.windows[index - 1];`
`203`	`204`	`if (this.window?.sleep) {`
`@@ -206,6 +207,7 @@ export class Workspace implements IWorkspace {`
`206`	`207`	`this.emitChangeActiveWindow();`
`207`	`208`	`}`
`208`	`209`	`this.emitChangeWindow();`
	`210`	`+ this.window?.updateState(WINDOW_STATE.active);`
`209`	`211`	`}`
`210`	`212`
`211`	`213`	`removeEditorWindow(resourceName: string, title: string) {`
`@@ -215,13 +217,15 @@ export class Workspace implements IWorkspace {`
`215`	`217`
`216`	`218`	`async openEditorWindowById(id: string) {`
`217`	`219`	`const window = this.editorWindowMap.get(id);`
	`220`	`+ this.window?.updateState(WINDOW_STATE.inactive);`
`218`	`221`	`if (window) {`
`219`	`222`	`this.window = window;`
`220`	`223`	`if (window.sleep) {`
`221`	`224`	`await window.init();`
`222`	`225`	`}`
`223`	`226`	`this.emitChangeActiveWindow();`
`224`	`227`	`}`
	`228`	`+ this.window?.updateState(WINDOW_STATE.active);`
`225`	`229`	`}`
`226`	`230`
`227`	`231`	`async openEditorWindow(name: string, title: string, options: Object, viewType?: string, sleep?: boolean) {`
`@@ -236,6 +240,7 @@ export class Workspace implements IWorkspace {`
`236`	`240`	console.error(`${name} resourceType is not available`);
`237`	`241`	`return;`
`238`	`242`	`}`
	`243`	`+ this.window?.updateState(WINDOW_STATE.inactive);`
`239`	`244`	`const filterWindows = this.windows.filter(d => (d.resource?.name === name && d.resource.title == title));`
`240`	`245`	`if (filterWindows && filterWindows.length) {`
`241`	`246`	`this.window = filterWindows[0];`
`@@ -245,6 +250,7 @@ export class Workspace implements IWorkspace {`
`245`	`250`	`this.checkWindowQueue();`
`246`	`251`	`}`
`247`	`252`	`this.emitChangeActiveWindow();`
	`253`	`+ this.window?.updateState(WINDOW_STATE.active);`
`248`	`254`	`return;`
`249`	`255`	`}`
`250`	`256`	`const resource = new Resource({`
`@@ -266,6 +272,7 @@ export class Workspace implements IWorkspace {`
`266`	`272`	`}`
`267`	`273`	`this.emitChangeWindow();`
`268`	`274`	`this.emitChangeActiveWindow();`
	`275`	`+ this.window?.updateState(WINDOW_STATE.active);`
`269`	`276`	`}`
`270`	`277`
`271`	`278`	`onChangeWindows(fn: () => void) {`