@gedit/editor-2d 0.1.93 → 0.1.99

package/src/browser/playground/selection-entity-manager.tsx

@@ -12,6 +12,22 @@ import type { PlaygroundContext2d } from './playground-context';
 import { Rectangle } from '@gedit/math';
 import { GameObject } from '@gedit/render-engine';
 
+const numberToFixed4 = (data: {[key: string]: any}) => {
+  const d: any = {};
+  Object.keys(data).forEach(key => {
+    const value = data[key];
+    // 旋转不能四舍五入，不然属性面板旋转角度误差很大
+    if (typeof value === 'number' && key !== 'rotation') {
+      d[key] = parseFloat(value.toFixed(6));
+    } else if (typeof value === 'object') {
+      d[key] = numberToFixed4(value);
+    } else {
+      d[key] = value;
+    }
+  });
+  return d;
+};
+
 /**
  * 选择器实体相关逻辑
  */
@@ -95,23 +111,9 @@ export class SelectionEntityManager {
         lastTransform = newTransform;
         return;
       }; */
+      newTransform = numberToFixed4(newTransform);
       // const delta = TransformSchema.getDelta(lastTransform, newTransform);
-      const numberToFixed4 = (data: {[key: string]: any}) => {
-        const d: any = {};
-        Object.keys(data).forEach(key => {
-          const value = data[key];
-          if (typeof value === 'number') {
-            d[key] = parseFloat(value.toFixed(6));
-          } else if (typeof value === 'object') {
-            d[key] = numberToFixed4(value);
-          } else {
-            d[key] = key;
-          }
-        });
-        return d;
-      };
-
-      document.updateNode(entity.nodeId, numberToFixed4(newTransform), true);
+      document.updateNode(entity.nodeId, newTransform, true);
       // lastTransform = newTransform;
     });
     // 设置控制key

package/src/browser/style/canvas-draw-layer.less

@@ -8,7 +8,7 @@
     position: absolute;
     width: 8px;
     height: 8px;
-    border-radius: 4px;
+    border-radius: var(--g-small-radius);
     margin-top: -4px;
     margin-left: -4px;
     background-color: var(--g-playground-select);

package/src/browser/style/index.less

@@ -17,7 +17,6 @@
     height: 16px;
     color: var(--g-foreground);
     background-color: var(--g-foreground);
-    margin-right: 4px;
     vertical-align: center;
     opacity: 0.7;
     background-repeat: no-repeat;

package/src/browser/utils/snapshot.ts

@@ -1,5 +1,15 @@
 import { CanvasDraw, CanvasDrawOpts } from '../playground/canvas-draw';
-import { Disposable, DisposableCollection, DisposableImpl, Emitter, PromiseDeferred, SizeSchema } from '@gedit/utils';
+import {
+  Disposable,
+  DisposableCollection,
+  DisposableImpl,
+  URI,
+  Emitter,
+  PromiseDeferred,
+  SizeSchema,
+  debounce
+} from '@gedit/utils';
+import type { Editor2dModel } from '../model/editor2d-model';
 import { Editor2dNode } from '../model';
 import { GameConfig } from '@gedit/render-engine/lib/common';
 
@@ -77,7 +87,22 @@ export class SnapshotCreator extends DisposableImpl {
       this.onUpdateEmitter,
     ]);
   }
-
+  /**
+   * 清楚缓存数据
+   */
+  clearResultCache(includeUris: string[]): void {
+    Object.keys(this.result).forEach(key => {
+      if (!includeUris.includes(key)) {
+        delete this.result[key];
+      }
+    });
+  }
+  getResultFromCache(): Snapshot[] {
+    return Object.keys(this.result).map(k => this.result[k]);
+  }
+  updateResultCache(data: Snapshot): void {
+    this.result[data.uri] = data;
+  }
   getSnapshot(uri: string): Snapshot | undefined {
     return this.result[uri];
   }
@@ -91,10 +116,7 @@ export class SnapshotCreator extends DisposableImpl {
     await this.process();
     return scenes.map(s => this.result[s.uri]!);
   }
-  getResult(): Snapshot[] {
-    return Object.keys(this.result).map(k => this.result[k]);
-  }
-  protected async process(): Promise<void> {
+  protected process(): Promise<void> {
     if (this.processing) {
       return this.processing.promise;
     }
@@ -143,15 +165,39 @@ export class SnapshotCreator extends DisposableImpl {
       this.current = next;
       this.drawer.renderWidget?.currentScene?.dispose();
       const appConfig = typeof  this.opts.appConfig === 'function' ? this.opts.appConfig() : this.opts.appConfig;
+      let content: Editor2dNode = next.content;
+      // Empty
+      if (!content || !content.children || Object.keys(content).length === 0) {
+        content = Editor2dNode.createRootNode(new URI(next.uri));
+        const attrs = this.opts.renderEngine.getDisplayDefaultData(this.opts.engineName, content.displayType);
+        Object.assign(content, { ...attrs });
+      }
       this.drawer.update({
         visible: true,
         uri: next.uri,
         engineName: this.opts.engineName,
         appConfig,
-        content: next.content,
+        content,
       });
     } else {
       end();
     }
   }
+  /**
+   * 监听变化，并自动刷新缩略图缓存
+   * @param model
+   * @param fn
+   * @param quility 缩略图质量
+   * @param delay 延迟生成
+   */
+  listenModelChanged(model: Editor2dModel, fn: (imageData: string) => void, quility = 0.1, delay = 1000): Disposable {
+    return model.playground.context.onCanvasDataChanged(debounce(drawer => {
+      const {content, visible} = drawer.getData() || {};
+      if (!content || drawer.loading) return;
+      if (visible) {
+        const widget = drawer.renderWidget!;
+        widget.createSnapShot(this.opts.imageType, quility).then((base64: string) => fn(base64));
+      }
+    }, delay));
+  }
 }