@gedit/editor-2d 0.1.93 → 0.1.99

package/lib/browser/utils/snapshot.js

@@ -65,6 +65,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SnapshotCreator = exports.createSnapshots = exports.SnapshotOptsDefault = void 0;
 var canvas_draw_1 = require("../playground/canvas-draw");
 var utils_1 = require("@gedit/utils");
+var model_1 = require("../model");
 exports.SnapshotOptsDefault = {
     quility: 0.8,
     imageType: 'image/webp',
@@ -119,6 +120,24 @@ var SnapshotCreator = /** @class */ (function (_super) {
         ]);
         return _this;
     }
+    /**
+     * 清楚缓存数据
+     */
+    SnapshotCreator.prototype.clearResultCache = function (includeUris) {
+        var _this = this;
+        Object.keys(this.result).forEach(function (key) {
+            if (!includeUris.includes(key)) {
+                delete _this.result[key];
+            }
+        });
+    };
+    SnapshotCreator.prototype.getResultFromCache = function () {
+        var _this = this;
+        return Object.keys(this.result).map(function (k) { return _this.result[k]; });
+    };
+    SnapshotCreator.prototype.updateResultCache = function (data) {
+        this.result[data.uri] = data;
+    };
     SnapshotCreator.prototype.getSnapshot = function (uri) {
         return this.result[uri];
     };
@@ -144,55 +163,46 @@ var SnapshotCreator = /** @class */ (function (_super) {
             });
         });
     };
-    SnapshotCreator.prototype.getResult = function () {
-        var _this = this;
-        return Object.keys(this.result).map(function (k) { return _this.result[k]; });
-    };
     SnapshotCreator.prototype.process = function () {
-        return __awaiter(this, void 0, void 0, function () {
-            var deferred, drawer, dispose;
-            var _this = this;
-            return __generator(this, function (_a) {
-                if (this.processing) {
-                    return [2 /*return*/, this.processing.promise];
+        var _this = this;
+        if (this.processing) {
+            return this.processing.promise;
+        }
+        var deferred = this.processing = new utils_1.PromiseDeferred();
+        var drawer = this.drawer;
+        var dispose = new utils_1.DisposableCollection();
+        dispose.push(utils_1.Disposable.create(function () {
+            deferred.resolve();
+            _this.current = undefined;
+            _this.processing = undefined;
+        }));
+        dispose.push(drawer.onLoading(function (e) {
+            var loaded = e.loaded, allCount = e.allCount, currentCount = e.currentCount;
+            if (loaded || allCount <= currentCount) {
+                var widget = drawer.renderWidget;
+                if (_this.opts.limitSize) {
+                    fixDrawerScale(drawer, _this.opts.limitSize);
                 }
-                deferred = this.processing = new utils_1.PromiseDeferred();
-                drawer = this.drawer;
-                dispose = new utils_1.DisposableCollection();
-                dispose.push(utils_1.Disposable.create(function () {
-                    deferred.resolve();
-                    _this.current = undefined;
-                    _this.processing = undefined;
-                }));
-                dispose.push(drawer.onLoading(function (e) {
-                    var loaded = e.loaded, allCount = e.allCount, currentCount = e.currentCount;
-                    if (loaded || allCount <= currentCount) {
-                        var widget = drawer.renderWidget;
-                        if (_this.opts.limitSize) {
-                            fixDrawerScale(drawer, _this.opts.limitSize);
-                        }
-                        else {
-                            drawer.refreshScale(false, 1);
-                        }
-                        widget.createSnapShot(_this.opts.imageType || exports.SnapshotOptsDefault.imageType, _this.opts.quility || exports.SnapshotOptsDefault.quility).then(function (imageData) {
-                            var current = _this.current;
-                            if (current) {
-                                _this.result[current.uri] = {
-                                    uri: current.uri,
-                                    version: current.version,
-                                    name: current.name,
-                                    imageData: imageData
-                                };
-                                _this.onUpdateEmitter.fire();
-                            }
-                            _this.next(function () { return dispose.dispose(); });
-                        });
+                else {
+                    drawer.refreshScale(false, 1);
+                }
+                widget.createSnapShot(_this.opts.imageType || exports.SnapshotOptsDefault.imageType, _this.opts.quility || exports.SnapshotOptsDefault.quility).then(function (imageData) {
+                    var current = _this.current;
+                    if (current) {
+                        _this.result[current.uri] = {
+                            uri: current.uri,
+                            version: current.version,
+                            name: current.name,
+                            imageData: imageData
+                        };
+                        _this.onUpdateEmitter.fire();
                     }
-                }));
-                this.next(function () { return dispose.dispose(); });
-                return [2 /*return*/, deferred.promise];
-            });
-        });
+                    _this.next(function () { return dispose.dispose(); });
+                });
+            }
+        }));
+        this.next(function () { return dispose.dispose(); });
+        return deferred.promise;
     };
     SnapshotCreator.prototype.next = function (end) {
         var _a, _b;
@@ -201,18 +211,46 @@ var SnapshotCreator = /** @class */ (function (_super) {
             this.current = next;
             (_b = (_a = this.drawer.renderWidget) === null || _a === void 0 ? void 0 : _a.currentScene) === null || _b === void 0 ? void 0 : _b.dispose();
             var appConfig = typeof this.opts.appConfig === 'function' ? this.opts.appConfig() : this.opts.appConfig;
+            var content = next.content;
+            // Empty
+            if (!content || !content.children || Object.keys(content).length === 0) {
+                content = model_1.Editor2dNode.createRootNode(new utils_1.URI(next.uri));
+                var attrs = this.opts.renderEngine.getDisplayDefaultData(this.opts.engineName, content.displayType);
+                Object.assign(content, __assign({}, attrs));
+            }
             this.drawer.update({
                 visible: true,
                 uri: next.uri,
                 engineName: this.opts.engineName,
                 appConfig: appConfig,
-                content: next.content,
+                content: content,
             });
         }
         else {
             end();
         }
     };
+    /**
+     * 监听变化，并自动刷新缩略图缓存
+     * @param model
+     * @param fn
+     * @param quility 缩略图质量
+     * @param delay 延迟生成
+     */
+    SnapshotCreator.prototype.listenModelChanged = function (model, fn, quility, delay) {
+        var _this = this;
+        if (quility === void 0) { quility = 0.1; }
+        if (delay === void 0) { delay = 1000; }
+        return model.playground.context.onCanvasDataChanged((0, utils_1.debounce)(function (drawer) {
+            var _a = drawer.getData() || {}, content = _a.content, visible = _a.visible;
+            if (!content || drawer.loading)
+                return;
+            if (visible) {
+                var widget = drawer.renderWidget;
+                widget.createSnapShot(_this.opts.imageType, quility).then(function (base64) { return fn(base64); });
+            }
+        }, delay));
+    };
     return SnapshotCreator;
 }(utils_1.DisposableImpl));
 exports.SnapshotCreator = SnapshotCreator;

package/lib/browser/utils/snapshot.js.map

@@ -1 +1 @@
-{"version":3,"file":"snapshot.js","sourceRoot":"","sources":["../../../src/browser/utils/snapshot.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"snapshot.js","sourceRoot":"","sources":["../../../src/browser/utils/snapshot.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gedit/editor-2d",
-  "version": "0.1.93",
+  "version": "0.1.99",
   "license": "MIT",
   "main": "lib/browser/index",
   "typings": "lib/browser/index.d.ts",
@@ -9,11 +9,11 @@
     "src"
   ],
   "dependencies": {
-    "@gedit/app-config": "^0.1.87",
-    "@gedit/editor": "^0.1.69",
-    "@gedit/playground": "^0.1.77",
-    "@gedit/render-engine-ide": "^0.1.93",
-    "@gedit/workspace-2d": "^0.1.73",
+    "@gedit/app-config": "^0.1.93",
+    "@gedit/editor": "^0.1.75",
+    "@gedit/playground": "^0.1.83",
+    "@gedit/render-engine-ide": "^0.1.99",
+    "@gedit/workspace-2d": "^0.1.79",
     "json-stringify-pretty-compact": "^2.0.0"
   },
   "geditExtensions": [
@@ -34,5 +34,5 @@
   "nyc": {
     "extends": "../../configs/nyc.json"
   },
-  "gitHead": "f76d857b72ca85cb6090328623331a727eaf2815"
+  "gitHead": "ab65209853e8f4806908425345aedaaad8ba08e2"
 }

package/src/browser/editor2d-contribution.ts

@@ -118,12 +118,12 @@ export class Editor2dContribution implements FrontendApplicationContribution, Co
   }
 
   registerToolbarItems(toolbars: TabBarToolbarRegistry): void {
-    toolbars.registerItem({
+    /* toolbars.registerItem({
       id: Editor2dCommands.FULLSCREEN.id,
       command: Editor2dCommands.FULLSCREEN.id,
       tooltip: Editor2dCommands.FULLSCREEN.label,
       priority: 0,
-    });
+    }); */
     /*
         toolbars.registerItem({
           id: Editor2dCommands.ZOOM_IN.id,

package/src/browser/editor2d-frontend-module.ts

@@ -25,6 +25,7 @@ export default new ContainerModule(bind => {
     Editor2dRefProviderContribution,
     Editor2dContextKeyService,
   ]);
+  bind(Editor2dService.Provider).toFactory(ctx => () => ctx.container.get(Editor2dService));
   bindContributions(bind, Editor2dContribution, [
     FrontendApplicationContribution,
     CommandContribution,

package/src/browser/editor2d-service.ts

@@ -5,7 +5,7 @@ import {
   SelectionService,
 } from '@gedit/application-common';
 import { Editor2dModel } from './model/editor2d-model';
-import { EditorAccess, EditorManager, EditorWidget } from '@gedit/editor';
+import { EditorAccess, EditorDocumentChangeEvent, EditorManager, EditorWidget } from '@gedit/editor';
 import { Editor2dNode } from './model/editor2d';
 import { Editor2dDocument } from './model/editor2d-document';
 import { SelectableTreeNode, TreeSelection } from '@gedit/tree';
@@ -17,6 +17,10 @@ export interface Editor2dSelectedNodesChangedEvent {
   document: Editor2dDocument | undefined; // 如果为空，代表当前没有在编辑文档
 }
 
+export interface Editor2dModelContentChangedEvent extends Editor2dSelectedNodesChangedEvent {
+  event: EditorDocumentChangeEvent<Editor2dDocument>
+}
+
 @injectable()
 export class Editor2dService {
   @inject(SelectionService) protected readonly selectionService: SelectionService;
@@ -59,7 +63,21 @@ export class Editor2dService {
       fn(this.getCurrentModel());
     });
   }
-  onDeleteNode(fn: (e: Editor2dSelectedNodesChangedEvent & { deleteNodes: Editor2dNode[] }) => void): Disposable {
+  onDeleteNode(fn: (e: Editor2dModelContentChangedEvent & { deleteNodes: Editor2dNode[] }) => void): Disposable {
+    return this.onCurrentModelContentChanged(e => {
+      if (e.event.type === 'delete') {
+        return fn({
+          ...e,
+          deleteNodes: (e.event.nodes as Editor2dNode[]) || [],
+        });
+      }
+    });
+  }
+  /**
+   * 内容修改触发
+   * @param fn
+   */
+  onCurrentModelContentChanged(fn: (e: Editor2dModelContentChangedEvent) => void): Disposable {
     const self = this;
     let model: Editor2dModel | undefined;
     const toDispose = new DisposableCollection();
@@ -71,15 +89,13 @@ export class Editor2dService {
       preDispose.dispose();
       preDispose = new DisposableCollection();
       if (model) {
-        preDispose.push(model.onDocumentContentChanged(e => {
-          if (e.type === 'delete') {
-            fn({
-              selectedNodes: model?.selection.selectedNodes || [],
-              deleteNodes: (e.nodes as Editor2dNode[]) || [],
-              document: model?.document,
-              model,
-            });
-          }
+        preDispose.push(model.onDocumentContentChanged(event => {
+          fn({
+            selectedNodes: model?.selection.selectedNodes || [],
+            document: model?.document,
+            model,
+            event
+          });
         }));
       }
       toDispose.push(preDispose);
@@ -153,3 +169,9 @@ export class Editor2dService {
     return toDispose;
   }
 }
+
+export namespace Editor2dService {
+  // 动态获取, 用于循环依赖情况, 可以在AppShell加载之后使用
+  export type Provider = () => Editor2dService;
+  export const Provider = Symbol('Editor2dService.Provider');
+}

package/src/browser/model/editor2d-document.ts

@@ -12,7 +12,13 @@ import {
   PromiseDeferred,
   URI,
 } from '@gedit/utils';
-import { Editor2dContainerNode, Editor2dContent, Editor2dModelOptions, Editor2dNode, } from './editor2d';
+import {
+  checkDuplicateNodes,
+  Editor2dContainerNode,
+  Editor2dContent,
+  Editor2dModelOptions,
+  Editor2dNode,
+} from './editor2d';
 import { GameObject, GameObjectBaseType, GameObjectType } from '@gedit/render-engine';
 import { GameObjectDecoration, RenderEngineIDEService } from '@gedit/render-engine-ide';
 import { CompositeTreeNode, ExpandableTreeNode, Tree, TreeImpl, TreeNode } from '@gedit/tree';
@@ -36,7 +42,8 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
   readonly onSaved = this.onSavedEmitter.event;
   public animationStarted: boolean = false;
   protected animationIds: string[] = []; // 当前正在录制的动画节点
-  private _localVersion: number = versionId++;
+  private _localVersion: number = 0;
+  private _saveVersion: number = 0;
   protected errors: ResourceRefError[] = [];
   protected componentContents: { [key: string]: Editor2dNode } = {};
   protected _snaplines: any[] = [];
@@ -61,6 +68,7 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
     super();
     this.toDispose.push(this.onContentChangedEmitter);
     this.toDispose.push(this.onSavedEmitter);
+    // this.toDispose.
     // this.toDispose.push(this.resourceAutoSaveService);
     this.toDispose.push(this.resourceAutoSaveService.onSyncContent(content => this.reloadContent(content || '')));
     this.toDispose.push(this.onSaved(event => this.resourceAutoSaveService.fireDidChangeContent(event)));
@@ -217,6 +225,11 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
     //   }
     // }
     // 这里采用深度比较, 因为数据层次定义不会太多
+    if (data && data.id && data.id !== treeNode.id) {
+      alert('节点更新出错，不同节点无法互相覆盖');
+      console.error('无法覆盖同步节点数据: ', treeNode, data);
+      return;
+    }
     const changed = forceUpdate ? true : Compare.isDeepChanged(treeNode, data);
     if (changed) {
       Object.assign(treeNode, data);
@@ -264,7 +277,9 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
     }
     if (data.content) {
       this._localVersion = data.content.version;
-      this.root = data.content;
+      (data.content as any).visible = false;
+      this._saveVersion = data.version || 0;
+      this.root = checkDuplicateNodes(data.content);
     } else {
       this.root = this.createRootNode();
     }
@@ -296,6 +311,10 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
       this.onContentChangedEmitter.fire({ document: this, contentChanges: contents, nodes, type });
     }
     if (!this.loading && !noSave) {
+      this._saveVersion++;
+      if (this._saveVersion === Number.MAX_VALUE) {
+        this._saveVersion = 0;
+      }
       this.onSavedEmitter.fire({ document: this, contentChanges: contents, nodes, type });
     }
   };
@@ -576,7 +595,6 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
         });
         if (nodes.length) {
           // TODO: 音乐素材变更
-          console.log('document update to timeline', nodes, e.type);
           onNodeChange(nodes, e.type);
         }
       }
@@ -756,4 +774,7 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
       this.fireContentChanged([], 'update');
     }
   }
+  get saveVersion(): number {
+    return this._saveVersion;
+  }
 }

package/src/browser/model/editor2d-selection.ts

@@ -2,10 +2,20 @@ import { injectable } from 'inversify';
 import { EditorDocumentSelection } from '@gedit/editor';
 import { TreeSelectionServiceImpl } from '@gedit/tree/lib/browser/tree-selection-impl';
 import { Editor2dNode } from './editor2d';
+import { SelectableTreeNode, TreeSelection } from '@gedit/tree';
+import SelectionType = TreeSelection.SelectionType;
 
 @injectable()
 export class Editor2dSelection extends TreeSelectionServiceImpl implements EditorDocumentSelection {
   get selectedNodes(): Editor2dNode[] {
     return this.state.selection() as Editor2dNode[];
   }
+  clearSelection(): void {
+    this.selectedNodes.forEach(node =>
+      this.addSelection({
+        node: node as Readonly<SelectableTreeNode>,
+        type: SelectionType.TOGGLE
+      })
+    );
+  }
 }

package/src/browser/model/editor2d.ts

@@ -86,6 +86,7 @@ export interface Editor2dContainerNode extends Editor2dNode, ExpandableTreeNode
 
 export namespace Editor2dNode {
   export const ROOT_NODE_ID = 'root';
+  export const GLOBAL_ADD_EVENT = 'global_add_event'; // 全局添加标记事件
   export function createNodeId(): string {
     return generateUuid();
   }
@@ -112,6 +113,14 @@ export namespace Editor2dNode {
     }
     return path.join('/');
   }
+  export function getDepth(node: Editor2dNode | Editor2dContainerNode | TreeNode): number {
+    let depth = 0;
+    while (node && !Editor2dNode.isRootNode(node)) {
+      depth ++;
+      node = node.parent as Editor2dContainerNode;
+    }
+    return depth;
+  }
   export function toLeafNode(node: Editor2dNode | Editor2dContainerNode): Editor2dNode {
     if (node.children) {
       delete node.children;
@@ -188,7 +197,7 @@ export namespace Editor2dNode {
       parent: undefined,
       name: uri.displayName,
       children: [],
-      visible: true,
+      visible: false,
       expanded: true,
       selected: false,
       locked: false,
@@ -247,7 +256,7 @@ export async function getEditor2dModelOpts(resource: Resource, resourceService:
   const options: ResourceAutoSaveOptions = {
     encoding,
     resource,
-    saveAsString: e => Editor2dContent.parseToString({version: e.document.version, content: e.document.root, snaplines: e.document.snaplines})
+    saveAsString: e => Editor2dContent.parseToString({version: e.document.saveVersion, content: e.document.root, snaplines: e.document.snaplines})
   };
   const autoSaveService = await resourceService.createAutoSaveResource(options);
   return {
@@ -255,3 +264,23 @@ export async function getEditor2dModelOpts(resource: Resource, resourceService:
     autoSaveService,
   };
 }
+
+/**
+ * 检测重复节点数据, 可能为误操作造成，避免对编辑态造成影响
+ * @param node
+ */
+export function checkDuplicateNodes(node: Editor2dNode, map: { [key: string]: Editor2dNode } = {}): Editor2dNode {
+  if (node.children) {
+    node.children.slice().forEach((c: Editor2dNode) => {
+      if (map[c.id]) {
+        const index = node.children!.indexOf(c);
+        node.children!.splice(index, 1);
+        console.log('>>> 清除重复数据: ', c.name);
+      } else {
+        map[c.id] = c;
+        checkDuplicateNodes(c, map);
+      }
+    });
+  }
+  return node;
+}

package/src/browser/playground/canvas-layer.ts

@@ -61,7 +61,7 @@ export class CanvasLayer extends Layer<PlaygroundContext2d> {
         this.document?.updateNode(e.node, {error: e.error});
         break;
     }
-    this.context.onCanvasDataChanged(this.canvasDrawer!);
+    this.context.onCanvasDataChangedEmitter.fire(this.canvasDrawer!);
   }
 
   getAssetsURI(): string {

package/src/browser/playground/playground-context.ts

@@ -2,7 +2,7 @@ import { inject, injectable } from 'inversify';
 import { RenderEngineIDEService } from '@gedit/render-engine-ide';
 import { SelectableTreeNode, TreeSelection } from '@gedit/tree';
 import { AppConfigService } from '@gedit/app-config';
-import { debounce, URI } from '@gedit/utils';
+import { debounce, Emitter, URI } from '@gedit/utils';
 import { Editor2dEntity } from './entities/editor2d-entity';
 import type { SelectionEntityManager } from './selection-entity-manager';
 import { Playground, Selectable } from '@gedit/playground';
@@ -16,10 +16,15 @@ import type { CanvasDraw } from './canvas-draw';
 
 export const Editor2dPlayGround = Symbol('Editor2dPlayGround');
 
-export type Editor2dPlayGround = Playground;
+export type Editor2dPlayGround = Playground<PlaygroundContext2d>;
 
 @injectable()
 export class PlaygroundContext2d {
+  readonly onCanvasDataChangedEmitter = new Emitter<CanvasDraw>();
+  /**
+   * 监听画布变化，可用于生成缩略图
+   */
+  readonly onCanvasDataChanged = this.onCanvasDataChangedEmitter.event;
   constructor(
     @inject(RenderEngineIDEService) readonly renderEngine: RenderEngineIDEService,
     @inject(Editor2dDocument) readonly document: Editor2dDocument,
@@ -29,12 +34,9 @@ export class PlaygroundContext2d {
     @inject(Editor2dModelOptions) readonly options: Editor2dModelOptions,
     @inject(Editor2dContextKeyService) readonly contextKeyService: Editor2dContextKeyService
   ) {
-  }
-
-  // 画布数据更新
-  onCanvasDataChanged(drawer: CanvasDraw): void {
-    if (this.options.onCanvasDataChanged) {
-      this.options.onCanvasDataChanged(drawer);
+    this.document.toDispose.push(this.onCanvasDataChangedEmitter);
+    if (options.onCanvasDataChanged) {
+      this.onCanvasDataChanged(drawer => options.onCanvasDataChanged!(drawer));
     }
   }
   /**

package/src/browser/playground/playground-contribution.ts

@@ -1,6 +1,8 @@
 import { inject, injectable } from 'inversify';
 import {
+  EditorStateConfigEntity,
   Playground,
+  PlaygroundConfig,
   PlaygroundContribution,
   PlaygroundRegistry,
   RulerConfigEntity,
@@ -12,13 +14,19 @@ import { CanvasDrawLayer } from './canvas-draw-layer';
 // import { SelectionLayer } from './selection-layer';
 import { AppConfigData, AppConfigService } from '@gedit/app-config';
 import { HistoryService } from '@gedit/history';
-import { Editor2dModelOptions } from '../model/editor2d';
+import { Editor2dModelOptions, Editor2dNode } from '../model/editor2d';
+import { ContextMenuRenderer } from '@gedit/layout';
+import { CommandService } from '@gedit/command';
+import { CommonCommands } from '@gedit/application-common/lib/browser';
 
 @injectable()
 export class PlaygroundContribution2d implements PlaygroundContribution {
   @inject(AppConfigService) readonly appConfig: AppConfigService;
   @inject(Editor2dModelOptions) readonly modelOpts: Editor2dModelOptions;
   @inject(HistoryService) readonly historyService: HistoryService;
+  @inject(PlaygroundConfig) readonly config: PlaygroundConfig;
+  @inject(CommandService) readonly commandService: CommandService;
+  @inject(ContextMenuRenderer) readonly menuRender: ContextMenuRenderer;
   registerPlayground(registry: PlaygroundRegistry): void {
     registry.registerLayer(CanvasLayer);
     registry.registerLayer(CanvasDrawLayer);
@@ -34,6 +42,7 @@ export class PlaygroundContribution2d implements PlaygroundContribution {
     // 开启缩放
     playground.zoomEnable = true;
     const rulerEntity = playground.entityManager.getEntity<RulerConfigEntity>(RulerConfigEntity);
+    const stateEntity = playground.entityManager.getEntity<EditorStateConfigEntity>(EditorStateConfigEntity);
     // 新版隐藏标尺
     if (rulerEntity) {
       rulerEntity.updateConfig({
@@ -41,6 +50,40 @@ export class PlaygroundContribution2d implements PlaygroundContribution {
         gridVisible: false,
       });
     }
+    if (stateEntity) {
+      stateEntity.registerState({
+        id: 'FULL_SCREEN',
+        icon: 'gedit-toolbar-full',
+        title: '全屏',
+        priority: 6,
+        cancelMode: 'once',
+        handle: () => {
+          this.commandService.executeCommand(CommonCommands.TOGGLE_MAXIMIZED.id);
+          setTimeout(() => {
+            playground.config.scrollPageBoundsToCenter();
+          }, 10);
+        }
+      });
+      stateEntity.registerState({
+        id: 'ADD_ELEMENT',
+        icon: 'gedit-toolbar-add',
+        title: '添加',
+        shortcut: '',
+        showTitle: true,
+        priority: 0,
+        cancelMode: 'once',
+        handle: (_: any, e: any) => {
+          const dom = e.event.target as HTMLElement;
+          const parentNode = (dom.className.match('gedit-toolbar-item') ? dom :  dom.parentNode) as HTMLDivElement;
+          const rect = parentNode.getBoundingClientRect();
+          this.menuRender.render({
+            menuPath: this.config.contextMenuPath!,
+            anchor: {x: rect.x + rect.width + 8, y: rect.y},
+            args: [Editor2dNode.GLOBAL_ADD_EVENT],
+          });
+        }
+      });
+    }
     // 模板编辑器模式
     if (this.modelOpts.isTemplate) {
       // playground.getConfigEntity<RulerConfigEntity>(RulerConfigEntity).updateConfig({