@gedit/editor-2d 0.1.111 → 0.1.115

package/lib/browser/utils/snapshot.js

@@ -1,71 +1,9 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (_) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
 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");
+const canvas_draw_1 = require("../playground/canvas-draw");
+const utils_1 = require("@gedit/utils");
+const model_1 = require("../model");
 exports.SnapshotOptsDefault = {
     quility: 0.8,
     imageType: 'image/webp',
@@ -73,163 +11,138 @@ exports.SnapshotOptsDefault = {
 function fixDrawerScale(drawer, limitSize) {
     // const appConfig = drawer.getData()?.appConfig;
     // if (!appConfig) return;
-    var currentSize = drawer.getSceneSize();
-    var scale = utils_1.SizeSchema.fixSize(currentSize, {
+    const currentSize = drawer.getSceneSize();
+    const scale = utils_1.SizeSchema.fixSize(currentSize, {
         width: limitSize.width,
         height: limitSize.height,
     });
     drawer.refreshScale(false, scale);
 }
-function createSnapshots(opts, sceneDatas) {
-    return __awaiter(this, void 0, void 0, function () {
-        var creator, result;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    creator = new SnapshotCreator(opts);
-                    return [4 /*yield*/, creator.draw(sceneDatas)];
-                case 1:
-                    result = _a.sent();
-                    creator.dispose();
-                    return [2 /*return*/, result];
-            }
-        });
-    });
+async function createSnapshots(opts, sceneDatas) {
+    const creator = new SnapshotCreator(opts);
+    const result = await creator.draw(sceneDatas);
+    creator.dispose();
+    return result;
 }
 exports.createSnapshots = createSnapshots;
-var host;
-var SnapshotCreator = /** @class */ (function (_super) {
-    __extends(SnapshotCreator, _super);
-    function SnapshotCreator(opts) {
-        var _this = _super.call(this) || this;
-        _this.opts = opts;
-        _this.result = {};
-        _this.processingData = [];
-        _this.onUpdateEmitter = new utils_1.Emitter();
-        _this.onUpdate = _this.onUpdateEmitter.event;
+let host;
+class SnapshotCreator extends utils_1.DisposableImpl {
+    constructor(opts) {
+        super();
+        this.opts = opts;
+        this.result = {};
+        this.processingData = [];
+        this.onUpdateEmitter = new utils_1.Emitter();
+        this.onUpdate = this.onUpdateEmitter.event;
         if (!host) {
             host = document.createElement('div');
             host.className = 'gedit-editor-snapshots';
             host.style.display = 'none';
             document.body.appendChild(host);
         }
-        _this.drawer = new canvas_draw_1.CanvasDraw(__assign({ host: host }, opts));
-        _this.toDispose.pushAll([
-            _this.drawer,
-            _this.onUpdateEmitter,
+        this.drawer = new canvas_draw_1.CanvasDraw(Object.assign({ host }, opts));
+        this.toDispose.pushAll([
+            this.drawer,
+            this.onUpdateEmitter,
         ]);
-        return _this;
     }
     /**
      * 清楚缓存数据
      */
-    SnapshotCreator.prototype.clearResultCache = function (includeUris) {
-        var _this = this;
-        Object.keys(this.result).forEach(function (key) {
+    clearResultCache(includeUris) {
+        Object.keys(this.result).forEach(key => {
             if (!includeUris.includes(key)) {
-                delete _this.result[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) {
+    }
+    getResultFromCache() {
+        return Object.keys(this.result).map(k => this.result[k]);
+    }
+    updateResultCache(data) {
         this.result[data.uri] = data;
-    };
-    SnapshotCreator.prototype.getSnapshot = function (uri) {
+    }
+    getSnapshot(uri) {
         return this.result[uri];
-    };
-    SnapshotCreator.prototype.draw = function (scenes) {
-        return __awaiter(this, void 0, void 0, function () {
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        this.processingData = scenes.filter(function (s) {
-                            var result = _this.result[s.uri];
-                            if (result && s.version === result.version)
-                                return false;
-                            if (_this.current && _this.current.version === s.version)
-                                return false;
-                            return true;
-                        });
-                        return [4 /*yield*/, this.process()];
-                    case 1:
-                        _a.sent();
-                        return [2 /*return*/, scenes.map(function (s) { return _this.result[s.uri]; })];
-                }
-            });
+    }
+    async draw(scenes) {
+        this.processingData = scenes.filter(s => {
+            const result = this.result[s.uri];
+            if (result && s.version === result.version)
+                return false;
+            if (this.current && this.current.version === s.version)
+                return false;
+            return true;
         });
-    };
-    SnapshotCreator.prototype.process = function () {
-        var _this = this;
+        await this.process();
+        return scenes.map(s => this.result[s.uri]);
+    }
+    process() {
         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 () {
+        const deferred = this.processing = new utils_1.PromiseDeferred();
+        const { drawer } = this;
+        const dispose = new utils_1.DisposableCollection();
+        dispose.push(utils_1.Disposable.create(() => {
             deferred.resolve();
-            _this.current = undefined;
-            _this.processing = undefined;
+            this.current = undefined;
+            this.processing = undefined;
         }));
-        dispose.push(drawer.onLoading(function (e) {
-            var loaded = e.loaded, allCount = e.allCount, currentCount = e.currentCount;
+        dispose.push(drawer.onLoading(e => {
+            const { loaded, allCount, currentCount } = e;
             if (loaded || allCount <= currentCount) {
-                var widget = drawer.renderWidget;
-                if (_this.opts.limitSize) {
-                    fixDrawerScale(drawer, _this.opts.limitSize);
+                const 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;
+                widget.createSnapShot(this.opts.imageType || exports.SnapshotOptsDefault.imageType, this.opts.quility || exports.SnapshotOptsDefault.quility).then(imageData => {
+                    const current = this.current;
                     if (current) {
-                        _this.result[current.uri] = {
+                        this.result[current.uri] = {
                             uri: current.uri,
                             version: current.version,
                             name: current.name,
-                            imageData: imageData
+                            imageData
                         };
-                        _this.onUpdateEmitter.fire();
+                        this.onUpdateEmitter.fire();
                     }
-                    _this.next(function () { return dispose.dispose(); });
+                    this.next(() => dispose.dispose());
                 });
             }
         }));
-        this.next(function () { return dispose.dispose(); });
+        this.next(() => dispose.dispose());
         return deferred.promise;
-    };
-    SnapshotCreator.prototype.next = function (end) {
+    }
+    next(end) {
         var _a, _b;
-        var next = this.processingData.shift();
+        const next = this.processingData.shift();
         if (next) {
             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;
+            const appConfig = typeof this.opts.appConfig === 'function' ? this.opts.appConfig() : this.opts.appConfig;
+            let 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));
+                const attrs = this.opts.renderEngine.getDisplayDefaultData(this.opts.engineName, content.displayType);
+                Object.assign(content, Object.assign({}, attrs));
             }
             this.drawer.update({
                 visible: true,
                 uri: next.uri,
                 engineName: this.opts.engineName,
-                appConfig: appConfig,
-                content: content,
+                appConfig,
+                content,
             });
         }
         else {
             end();
         }
-    };
+    }
     /**
      * 监听变化，并自动刷新缩略图缓存
      * @param model
@@ -237,18 +150,15 @@ var SnapshotCreator = /** @class */ (function (_super) {
      * @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;
+    listenModelChanged(model, fn, quility = 0.1, delay = 1000) {
+        return model.playground.context.onCanvasDataChanged((0, utils_1.debounce)(drawer => {
+            const { content, visible } = drawer.getData() || {};
             if (!content || drawer.loading)
                 return;
             if (visible) {
-                var widget = drawer.renderWidget;
+                const widget = drawer.renderWidget;
                 if (widget) {
-                    widget.createSnapShot(_this.opts.imageType, quility).then(function (base64) {
+                    widget.createSnapShot(this.opts.imageType, quility).then((base64) => {
                         if (base64) {
                             fn(base64);
                         }
@@ -256,8 +166,7 @@ var SnapshotCreator = /** @class */ (function (_super) {
                 }
             }
         }, delay));
-    };
-    return SnapshotCreator;
-}(utils_1.DisposableImpl));
+    }
+}
 exports.SnapshotCreator = SnapshotCreator;
 //# sourceMappingURL=snapshot.js.map

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":";;;AAAA,2DAAuE;AACvE,wCASsB;AAEtB,oCAAwC;AAW3B,QAAA,mBAAmB,GAAG;IACjC,OAAO,EAAE,GAAG;IACZ,SAAS,EAAE,YAAY;CACxB,CAAC;AAgBF,SAAS,cAAc,CAAC,MAAkB,EAAE,SAAqB;IAC/D,iDAAiD;IACjD,0BAA0B;IAC1B,MAAM,WAAW,GAAG,MAAM,CAAC,YAAY,EAAE,CAAC;IAC1C,MAAM,KAAK,GAAG,kBAAU,CAAC,OAAO,CAAC,WAAY,EAAE;QAC7C,KAAK,EAAE,SAAS,CAAC,KAAK;QACtB,MAAM,EAAE,SAAS,CAAC,MAAM;KACzB,CAAC,CAAC;IACH,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;AACpC,CAAC;AAEM,KAAK,UAAU,eAAe,CAAC,IAAkB,EAAE,UAA2B;IACnF,MAAM,OAAO,GAAG,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC;IAC1C,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC9C,OAAO,CAAC,OAAO,EAAE,CAAC;IAClB,OAAO,MAAM,CAAC;AAChB,CAAC;AALD,0CAKC;AAED,IAAI,IAA6B,CAAC;AAElC,MAAa,eAAgB,SAAQ,sBAAc;IAQjD,YACqB,IAAkB;QAErC,KAAK,EAAE,CAAC;QAFW,SAAI,GAAJ,IAAI,CAAc;QAN7B,WAAM,GAAgC,EAAE,CAAC;QACzC,mBAAc,GAAoB,EAAE,CAAC;QACrC,oBAAe,GAAG,IAAI,eAAO,EAAQ,CAAC;QACvC,aAAQ,GAAG,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC;QAM7C,IAAI,CAAC,IAAI,EAAE;YACT,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YACrC,IAAI,CAAC,SAAS,GAAG,wBAAwB,CAAC;YAC1C,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC5B,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;SACjC;QACD,IAAI,CAAC,MAAM,GAAG,IAAI,wBAAU,iBAC1B,IAAI,IACD,IAAI,EACP,CAAC;QACH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;YACrB,IAAI,CAAC,MAAM;YACX,IAAI,CAAC,eAAe;SACrB,CAAC,CAAC;IACL,CAAC;IACD;;OAEG;IACH,gBAAgB,CAAC,WAAqB;QACpC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACrC,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;gBAC9B,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;aACzB;QACH,CAAC,CAAC,CAAC;IACL,CAAC;IACD,kBAAkB;QAChB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IACD,iBAAiB,CAAC,IAAc;QAC9B,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC;IAC/B,CAAC;IACD,WAAW,CAAC,GAAW;QACrB,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC1B,CAAC;IACD,KAAK,CAAC,IAAI,CAAC,MAAuB;QAChC,IAAI,CAAC,cAAc,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE;YACtC,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC;YAClC,IAAI,MAAM,IAAI,CAAC,CAAC,OAAO,KAAK,MAAM,CAAC,OAAO;gBAAE,OAAO,KAAK,CAAC;YACzD,IAAI,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,KAAK,CAAC,CAAC,OAAO;gBAAE,OAAO,KAAK,CAAC;YACrE,OAAO,IAAI,CAAC;QACd,CAAC,CAAC,CAAC;QACH,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC;QACrB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAE,CAAC,CAAC;IAC9C,CAAC;IACS,OAAO;QACf,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,OAAO,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC;SAChC;QACD,MAAM,QAAQ,GAAG,IAAI,CAAC,UAAU,GAAG,IAAI,uBAAe,EAAQ,CAAC;QAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;QACxB,MAAM,OAAO,GAAG,IAAI,4BAAoB,EAAE,CAAC;QAC3C,OAAO,CAAC,IAAI,CAAC,kBAAU,CAAC,MAAM,CAAC,GAAG,EAAE;YAClC,QAAQ,CAAC,OAAO,EAAE,CAAC;YACnB,IAAI,CAAC,OAAO,GAAG,SAAS,CAAC;YACzB,IAAI,CAAC,UAAU,GAAG,SAAS,CAAC;QAC9B,CAAC,CAAC,CAAC,CAAC;QACJ,OAAO,CAAC,IAAI,CACV,MAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE;YACpB,MAAM,EAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAC,GAAG,CAAC,CAAC;YAC3C,IAAI,MAAM,IAAI,QAAQ,IAAI,YAAY,EAAE;gBACtC,MAAM,MAAM,GAAG,MAAO,CAAC,YAAa,CAAC;gBAErC,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE;oBACvB,cAAc,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;iBAC7C;qBAAM;oBACL,MAAM,CAAC,YAAY,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;iBAC/B;gBACD,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,2BAAmB,CAAC,SAAS,EACxE,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,2BAAmB,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE;oBACnE,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;oBAC7B,IAAI,OAAO,EAAE;wBACX,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG;4BACzB,GAAG,EAAE,OAAO,CAAC,GAAG;4BAChB,OAAO,EAAE,OAAO,CAAC,OAAO;4BACxB,IAAI,EAAE,OAAO,CAAC,IAAI;4BAClB,SAAS;yBACV,CAAC;wBACF,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;qBAC7B;oBACD,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;gBACrC,CAAC,CAAC,CAAC;aACJ;QACH,CAAC,CAAC,CACH,CAAC;QACF,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC,CAAC;QACnC,OAAO,QAAQ,CAAC,OAAO,CAAC;IAC1B,CAAC;IACS,IAAI,CAAC,GAAe;;QAC5B,MAAM,IAAI,GAAG,IAAI,CAAC,cAAc,CAAC,KAAK,EAAE,CAAC;QACzC,IAAI,IAAI,EAAE;YACR,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAA,MAAA,IAAI,CAAC,MAAM,CAAC,YAAY,0CAAE,YAAY,0CAAE,OAAO,EAAE,CAAC;YAClD,MAAM,SAAS,GAAG,OAAQ,IAAI,CAAC,IAAI,CAAC,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YAC3G,IAAI,OAAO,GAAiB,IAAI,CAAC,OAAO,CAAC;YACzC,QAAQ;YACR,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtE,OAAO,GAAG,oBAAY,CAAC,cAAc,CAAC,IAAI,WAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;gBACzD,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;gBACtG,MAAM,CAAC,MAAM,CAAC,OAAO,oBAAO,KAAK,EAAG,CAAC;aACtC;YACD,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC;gBACjB,OAAO,EAAE,IAAI;gBACb,GAAG,EAAE,IAAI,CAAC,GAAG;gBACb,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU;gBAChC,SAAS;gBACT,OAAO;aACR,CAAC,CAAC;SACJ;aAAM;YACL,GAAG,EAAE,CAAC;SACP;IACH,CAAC;IACD;;;;;;OAMG;IACH,kBAAkB,CAAC,KAAoB,EAAE,EAA+B,EAAE,OAAO,GAAG,GAAG,EAAE,KAAK,GAAG,IAAI;QACnG,OAAO,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,mBAAmB,CAAC,IAAA,gBAAQ,EAAC,MAAM,CAAC,EAAE;YACpE,MAAM,EAAC,OAAO,EAAE,OAAO,EAAC,GAAG,MAAM,CAAC,OAAO,EAAE,IAAI,EAAE,CAAC;YAClD,IAAI,CAAC,OAAO,IAAI,MAAM,CAAC,OAAO;gBAAE,OAAO;YACvC,IAAI,OAAO,EAAE;gBACX,MAAM,MAAM,GAAG,MAAM,CAAC,YAAY,CAAC;gBACnC,IAAI,MAAM,EAAE;oBACV,MAAM,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,MAAc,EAAE,EAAE;wBAC1E,IAAI,MAAM,EAAE;4BACV,EAAE,CAAC,MAAM,CAAC,CAAC;yBACZ;oBACH,CAAC,CAAC,CAAC;iBACJ;aACF;QACH,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;IACb,CAAC;CACF;AAlJD,0CAkJC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gedit/editor-2d",
-  "version": "0.1.111",
+  "version": "0.1.115",
   "license": "MIT",
   "main": "lib/browser/index",
   "typings": "lib/browser/index.d.ts",
@@ -9,11 +9,11 @@
     "src"
   ],
   "dependencies": {
-    "@gedit/app-config": "^0.1.105",
-    "@gedit/editor": "^0.1.79",
-    "@gedit/playground": "^0.1.88",
-    "@gedit/render-engine-ide": "^0.1.110",
-    "@gedit/workspace-2d": "^0.1.85",
+    "@gedit/app-config": "^0.1.110",
+    "@gedit/editor": "^0.1.83",
+    "@gedit/playground": "^0.1.92",
+    "@gedit/render-engine-ide": "^0.1.114",
+    "@gedit/workspace-2d": "^0.1.89",
     "json-stringify-pretty-compact": "^2.0.0",
     "nanoid": "^3.3.2"
   },
@@ -35,5 +35,5 @@
   "nyc": {
     "extends": "../../configs/nyc.json"
   },
-  "gitHead": "aa2277d4dd13ad48c19ecd96ea829294875549a8"
+  "gitHead": "8bdf36b3a3898da871ec15be92760865fc6a182a"
 }

package/src/browser/editor2d-label-provider.ts

@@ -1,4 +1,4 @@
-import { inject, injectable, postConstruct } from 'inversify';
+import { inject, injectable } from 'inversify';
 import {
   DidChangeLabelEvent,
   LabelProvider,
@@ -22,15 +22,6 @@ export class Editor2dLabelProvider implements LabelProviderContribution {
   protected readonly treeLabelProvider: TreeLabelProvider;
   @inject(AppConfigService) protected appConfig: AppConfigService;
 
-  @postConstruct()
-  protected init(): void {
-    this.appConfig.onConfigChange(() => {
-      this.onDidChangeEmitter.fire({
-        affects: (element: object) => !!this.canHandle(element)
-      });
-    });
-  }
-
   canHandle(element: object): number {
     return Editor2dNode.is(element) ?
       this.treeLabelProvider.canHandle(element) + 1 :
@@ -38,11 +29,6 @@ export class Editor2dLabelProvider implements LabelProviderContribution {
   }
 
   getIcon(node: Editor2dNode | Editor2dContainerNode): string {
-    if (node.tags && node.tags.length > 0) {
-      const tagId = node.tags[0].id;
-      const tagIcon = this.appConfig.getTagIconClass(tagId);
-      if (tagIcon) return tagIcon;
-    }
     // TODO 后边需要支持多引擎适配
     const register = this.renderEngineService.getGameObjectIDERegister(this.appConfig.engineName, node.displayType);
     if (register && register.decoration && register.decoration.iconClass) {

package/src/browser/editor2d-service.ts

@@ -37,7 +37,7 @@ export class Editor2dService {
   getCurrentWidget(): EditorWidget | undefined {
     return this.editorManager.currentEditor;
   }
-  selectNode(nodeId: string): void {
+  selectNode(...nodeIds: string[]): void {
     const model = this.getCurrentModel();
     if (!model) return;
     const { selection } = model;
@@ -47,11 +47,14 @@ export class Editor2dService {
         type: SelectionType.TOGGLE,
       });
     });
-    const node = model.document.getNodeById(nodeId);
-    if (node) {
-      selection.addSelection({
-        node,
-        type: SelectionType.TOGGLE,
+    const nodes = nodeIds.map(c => model.document.getNodeById(c)).filter(c => c);
+
+    if (nodes.length) {
+      nodes.forEach((node: any) => {
+        selection.addSelection({
+          node,
+          type: SelectionType.TOGGLE,
+        });
       });
     }
   }

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

@@ -72,9 +72,10 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
     // 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)));
-    this.toDispose.push(this.resourceService.onRefsChange(async () => {
-      await this.loadRefInfos();
-    }));
+    // TODO
+    // this.toDispose.push(this.resourceService.onRefsChange(async () => {
+    // await this.loadRefInfos();
+    // }));
     // 同步数据
     this.resourceAutoSaveService.sync();
   }
@@ -126,8 +127,7 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
     }
     const name = this.getUniqueName(
       parentNode.children || [],
-      data?.name || this.engineService.getGameObjectIDERegister(this.engineName, displayType).decoration.name,
-      displayType);
+      data?.name || this.engineService.getGameObjectIDERegister(this.engineName, displayType).decoration.name);
     const node = Editor2dNode.createNode({...attrs, ...data, name}, displayType, undefined, Object.keys(this.nodes));
     this.addChildren(node, parentNode, index === undefined ? 0 : index);
     return node as E;
@@ -163,7 +163,7 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
           index = 0;
         }
       }
-      const name = this.getUniqueName((parent.children || []) as Editor2dNode[], nodeData.name!, nodeData.displayType);
+      const name = this.getUniqueName((parent.children || []) as Editor2dNode[], nodeData.name!);
       Object.assign(newNode, { name });
       let children = parent.children as TreeNode[];
       if (!children) {
@@ -250,13 +250,20 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
   /**
    * 检测节点名字，保证唯一
    * @param siblings
-   * @param newName
+   * @param name
    * @protected
    */
-  protected getUniqueName(siblings: Editor2dNode[], newName: string, displayType: GameObjectType): string {
-    let name = newName;
-    const sameNameCount = siblings.filter(n => n.name === name).length;
-    if (sameNameCount >= 1) {
+  protected getUniqueName(siblings: Editor2dNode[], name: string, i: number = 0): string {
+    const numMatched = name.match(/[0-9]+$/);
+    let newName = i ? `${name}${i}` : name;
+    if (numMatched) {
+      newName = name.slice(0, numMatched.index) + (parseInt(numMatched[0]) + i);
+    }
+    if (siblings.some(n => n.name === newName)) {
+      return this.getUniqueName(siblings, name, i + 1);
+    }
+    return newName;
+    /* if (sameNameCount >= 1) {
       const numMatched = name.match(/[0-9]+$/);
       if (numMatched) {
         name = name.slice(0, numMatched.index) + (parseInt(numMatched[0]) + sameNameCount);
@@ -266,7 +273,7 @@ export class Editor2dDocument extends TreeImpl<Editor2dNode, Editor2dContainerNo
       }
       return this.getUniqueName(siblings, name, displayType);
     }
-    return name;
+    return name; */
   }
   getSiblings(treeNode: Editor2dNode): Editor2dNode[] {
     if (treeNode.parent) {

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

@@ -46,6 +46,7 @@ export interface CanvasDrawLoadingState {
   allCount: number,
   currentCount: number,
   loaded: boolean,
+  reload?: boolean, // 重新加载
 }
 
 function replaceSymbolKey(originData: GameObjectData, config: AppConfigData, obj?: any, path?: string): GameObjectData {
@@ -110,6 +111,7 @@ export class CanvasDraw extends DisposableImpl {
     this.toDispose.pushAll([
       this.onDrawEmitter,
       this.onLoadingEmitter,
+      this.onGameObjectChangeEmitter,
     ]);
   }
   protected async startLoadLibs(): Promise<void> {
@@ -162,6 +164,13 @@ export class CanvasDraw extends DisposableImpl {
         this.opts.host.removeChild(element);
         this.renderWidget = undefined;
         this.booted = false;
+        this.loading = true;
+        this.onLoadingEmitter.fire({
+          loaded: false,
+          allCount: this.allCount,
+          currentCount: 0,
+          reload: true,
+        });
       }));
       this.renderWidgetDispose = this.toDispose.push(this.renderWidget);
       this.renderWidget.start().then(() => {
@@ -307,7 +316,11 @@ export class CanvasDraw extends DisposableImpl {
       }
     };
     if (!firstCreate && gameObject.created) {
-      update();
+      try {
+        update();
+      } catch (e) {
+        console.error(e);
+      }
     }
     renderKeys.push(nodePath);
     depth++;

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

@@ -77,14 +77,16 @@ export class CanvasLayer extends Layer<PlaygroundContext2d> {
    * 加载完成
    */
   updateLoading(loadingState: CanvasDrawLoadingState): void {
-    if (!this.config.loading) return;
-    const {loaded, allCount, currentCount} = loadingState;
+    const {loaded, allCount, currentCount, reload } = loadingState;
+    if (!this.config.loading && !reload) return;
     if (loaded || allCount <= currentCount || allCount === 0) {
       this.config.loading = false;
       this.tryToResizeToCenter();
       this.node.classList.add('ready');
       this.loaded();
     } else {
+      this.config.loading = true;
+      this.node.classList.remove('ready');
       this.config.updateConfig({
         loadingHTML: `${Math.round(currentCount / allCount * 100)}%`
       });

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

@@ -5,14 +5,15 @@ import { AppConfigService } from '@gedit/app-config';
 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';
+import { Playground } from '@gedit/playground';
 import { Editor2dDocument } from '../model/editor2d-document';
 import { Editor2dSelection } from '../model/editor2d-selection';
 import { Editor2dModelOptions, Editor2dNode } from '../model/editor2d';
 import { SelectionService } from '@gedit/application-common';
 import { Editor2dContextKeyService } from '../editor2d-context-key-service';
-import SelectionType = TreeSelection.SelectionType;
 import type { CanvasDraw } from './canvas-draw';
+import SelectionType = TreeSelection.SelectionType;
+import { FormService } from '@gedit/ui';
 
 export const Editor2dPlayGround = Symbol('Editor2dPlayGround');
 
@@ -32,6 +33,7 @@ export class PlaygroundContext2d {
     @inject(SelectionService) readonly selectionService: SelectionService,
     @inject(AppConfigService) readonly appConfig: AppConfigService,
     @inject(Editor2dModelOptions) readonly options: Editor2dModelOptions,
+    @inject(FormService) readonly formService: FormService,
     @inject(Editor2dContextKeyService) readonly contextKeyService: Editor2dContextKeyService
   ) {
     this.document.toDispose.push(this.onCanvasDataChangedEmitter);
@@ -66,14 +68,13 @@ export class PlaygroundContext2d {
     });
   }, 0);
 
-  syncToSelectionService(entities: SelectionEntityManager): void {
-    const selectedEntities: Editor2dEntity[] = entities.getSelectedEntities();
-    // TODO 不好理解
-    Selectable.globalAfter(selectedEntities, {
-      selectionService: this.selectionService,
-    });
-  }
-
+  // syncToSelectionService(entities: SelectionEntityManager): void {
+  //   const selectedEntities: Editor2dEntity[] = entities.getSelectedEntities();
+  //   Selectable.globalAfter(selectedEntities, {
+  //     selectionService: this.selectionService,
+  //   });
+  // }
+  //
   protected expandedNode(node: Editor2dNode): void {
     let parent = node.parent;
     while (parent) {