@eva/plugin-renderer-text 2.1.0-beta.13 → 2.1.0-beta.15

package/dist/EVA.plugin.renderer.text.js

@@ -1,9 +1,18 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var globalThis = typeof self !== 'undefined' ? self : typeof window !== 'undefined' ? window : Function('return this')();
 globalThis.EVA = globalThis.EVA || {};
 globalThis.EVA.plugin = globalThis.EVA.plugin || {};
 globalThis.EVA.plugin.renderer = globalThis.EVA.plugin.renderer || {};
 var _EVA_IIFE_text = function (exports, eva_js, pixi_js, pluginRenderer, rendererAdapter) {
   'use strict';
+  function __rest(s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+    }
+    return t;
+  }
   function __decorate(decorators, target, key, desc) {
     var c = arguments.length,
       r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
@@ -41,10 +50,6 @@ var _EVA_IIFE_text = function (exports, eva_js, pixi_js, pluginRenderer, rendere
       step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
   }
-  typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-  };
   class BitmapTextStyleMetadata {}
   __decorate([eva_js.type('string'), __metadata("design:type", Object)], BitmapTextStyleMetadata.prototype, "fontFamily", void 0);
   __decorate([eva_js.type('number'), __metadata("design:type", Object)], BitmapTextStyleMetadata.prototype, "fontSize", void 0);
@@ -226,132 +231,263 @@ var _EVA_IIFE_text = function (exports, eva_js, pixi_js, pluginRenderer, rendere
     constructor() {
       super(...arguments);
       this.name = 'Text';
+      this.presentationAddFlushEnabled = true;
       this.texts = {};
+      this.retired = false;
+      this.pendingHTMLTextComponents = {};
+      this.fontIdentityIds = new WeakMap();
+      this.nextFontIdentityId = 1;
     }
     init() {
       this.renderSystem = this.game.getSystem(pluginRenderer.RendererSystem);
       this.renderSystem.rendererManager.register(this);
     }
+    shouldFlushPresentationAddition(changed) {
+      return changed.componentName === 'Text' || changed.componentName === 'HTMLText' || changed.componentName === 'BitmapText';
+    }
     componentChanged(changed) {
+      var _a, _b, _c, _d, _e;
       return __awaiter(this, void 0, void 0, function* () {
+        if (this.retired) return;
         const isText = changed.componentName === 'Text';
         const isHTMLText = changed.componentName === 'HTMLText';
         const isBitmapText = changed.componentName === 'BitmapText';
         if (!isText && !isHTMLText && !isBitmapText) return;
+        const gameObjectId = changed.gameObject.id;
         if (changed.type === eva_js.OBSERVER_TYPE.ADD) {
           if (isText) {
-            yield this.addTextComponent(changed);
+            const loading = this.addTextComponent(changed);
+            if (loading) yield loading;
           } else if (isHTMLText) {
-            yield this.addHTMLTextComponent(changed);
+            const loading = this.addHTMLTextComponent(changed);
+            if (loading) yield loading;
           } else {
-            yield this.addBitmapTextComponent(changed);
+            const loading = this.addBitmapTextComponent(changed);
+            if (loading) yield loading;
+          }
+          if (((_a = this.texts[gameObjectId]) === null || _a === void 0 ? void 0 : _a.component) === changed.component) {
+            this.setSize(changed);
           }
-          this.setSize(changed);
         } else if (changed.type === eva_js.OBSERVER_TYPE.REMOVE) {
-          this.containerManager.getContainer(changed.gameObject.id).removeChild(this.texts[changed.gameObject.id].text);
-          this.texts[changed.gameObject.id].text.destroy({
+          if (((_b = this.texts[gameObjectId]) === null || _b === void 0 ? void 0 : _b.component) !== changed.component && this.pendingHTMLTextComponents[gameObjectId] !== changed.component) return;
+          this.increaseAsyncId(gameObjectId);
+          if (this.pendingHTMLTextComponents[gameObjectId] === changed.component) {
+            delete this.pendingHTMLTextComponents[gameObjectId];
+          }
+          const current = this.texts[gameObjectId];
+          if (!current || current.component !== changed.component) return;
+          this.containerManager.getContainer(gameObjectId).removeChild(current.text);
+          current.text.destroy({
             children: true
           });
-          delete this.texts[changed.gameObject.id];
+          delete this.texts[gameObjectId];
         } else {
-          this.change(changed);
           const component = changed.component;
-          if (changed.prop.prop[0] === 'style' && component.style && component.style.fontFamily) {
+          const propPath = changed.prop.prop;
+          const fontFamilyChanged = propPath[0] === 'style' && (propPath.length === 1 || propPath[1] === 'fontFamily');
+          const current = this.texts[gameObjectId];
+          if (!current) {
+            if (isHTMLText && this.pendingHTMLTextComponents[gameObjectId] === component && fontFamilyChanged) {
+              yield this.addHTMLTextComponent(changed);
+              if (((_c = this.texts[gameObjectId]) === null || _c === void 0 ? void 0 : _c.component) === component) {
+                this.setSize(changed);
+              }
+            }
+            return;
+          }
+          if (current.component !== component) return;
+          const waitsForFontResource = fontFamilyChanged && component.style && this.needsFontLoad(component.style.fontFamily);
+          if (fontFamilyChanged && !waitsForFontResource) {
+            this.increaseAsyncId(gameObjectId);
+          }
+          this.change(changed);
+          if (waitsForFontResource) {
             const {
               text
-            } = this.texts[changed.gameObject.id];
+            } = current;
             yield this.waitForFontResource(text, changed, component.style.fontFamily);
           }
-          this.setSize(changed);
+          if (((_d = this.texts[gameObjectId]) === null || _d === void 0 ? void 0 : _d.text) === current.text && ((_e = this.texts[gameObjectId]) === null || _e === void 0 ? void 0 : _e.component) === component) {
+            this.setSize(changed);
+          }
         }
       });
     }
     addTextComponent(changed) {
-      return __awaiter(this, void 0, void 0, function* () {
-        const component = changed.component;
-        const styleWithoutFont = this.processStyle(component.style);
-        const fontFamily = styleWithoutFont.fontFamily;
-        delete styleWithoutFont.fontFamily;
-        const initialText = fontFamily ? '' : component.text;
-        const text = new rendererAdapter.Text(initialText, styleWithoutFont);
-        this.containerManager.getContainer(changed.gameObject.id).addChildAt(text, 0);
-        this.texts[changed.gameObject.id] = {
-          text,
-          component
-        };
-        if (fontFamily) {
-          yield this.waitForFontResource(text, changed, fontFamily);
-        }
-      });
+      const component = changed.component;
+      const styleWithoutFont = this.processStyle(component.style);
+      const fontFamily = styleWithoutFont.fontFamily;
+      const waitsForFontResource = this.needsFontLoad(fontFamily);
+      if (waitsForFontResource) delete styleWithoutFont.fontFamily;
+      const initialText = waitsForFontResource ? '' : component.text;
+      const text = new rendererAdapter.Text(initialText, styleWithoutFont);
+      this.containerManager.getContainer(changed.gameObject.id).addChildAt(text, 0);
+      this.texts[changed.gameObject.id] = {
+        text,
+        component,
+        awaitingInitialFont: waitsForFontResource
+      };
+      if (waitsForFontResource) {
+        return this.waitForFontResource(text, changed, fontFamily);
+      }
     }
     addHTMLTextComponent(changed) {
+      const component = changed.component;
+      const gameObjectId = changed.gameObject.id;
+      const initialStyle = this.processStyle(component.style);
+      const fontFamily = initialStyle.fontFamily;
+      const waitsForFontResource = this.needsFontLoad(fontFamily);
+      if (waitsForFontResource) {
+        this.pendingHTMLTextComponents[gameObjectId] = component;
+        return this.addHTMLTextAfterFont(changed, component, fontFamily, this.increaseAsyncId(gameObjectId));
+      } else if (this.pendingHTMLTextComponents[gameObjectId] === component) {
+        delete this.pendingHTMLTextComponents[gameObjectId];
+      }
+      this.mountHTMLText(changed, component);
+    }
+    addHTMLTextAfterFont(changed, component, fontFamily, asyncId) {
+      var _a;
       return __awaiter(this, void 0, void 0, function* () {
-        const component = changed.component;
-        const styleWithoutFont = this.processStyle(component.style);
-        const fontFamily = styleWithoutFont.fontFamily;
-        delete styleWithoutFont.fontFamily;
-        const initialText = fontFamily ? '' : component.text;
-        const htmlText = new rendererAdapter.HTMLText(_extends({
-          text: initialText,
-          style: styleWithoutFont
-        }, component.textureStyle && {
-          textureStyle: component.textureStyle
-        }));
-        this.containerManager.getContainer(changed.gameObject.id).addChildAt(htmlText, 0);
-        this.texts[changed.gameObject.id] = {
-          text: htmlText,
-          component
-        };
-        if (fontFamily) {
-          yield this.waitForFontResource(htmlText, changed, fontFamily);
-        }
+        const gameObjectId = changed.gameObject.id;
+        const fontName = this.getFontName(fontFamily);
+        const loaded = yield this.loadFontResource(fontFamily);
+        if (!loaded || this.retired || changed.gameObject.destroyed || !this.validateAsyncId(gameObjectId, asyncId) || this.pendingHTMLTextComponents[gameObjectId] !== component || this.getFontName((_a = component.style) === null || _a === void 0 ? void 0 : _a.fontFamily) !== fontName) return;
+        this.mountHTMLText(changed, component);
+      });
+    }
+    mountHTMLText(changed, component) {
+      const gameObjectId = changed.gameObject.id;
+      const style = this.processStyle(component.style);
+      const _a = component.textureStyle || {},
+        sampling = __rest(_a, ["resolution"]);
+      const htmlText = new rendererAdapter.HTMLText({
+        text: component.text,
+        style,
+        textureStyle: _extends({}, sampling)
       });
+      htmlText.rasterCacheFontIdentity = families => this.getHTMLRasterFontIdentity(families);
+      this.applyHTMLResolution(htmlText, component, changed);
+      this.containerManager.getContainer(gameObjectId).addChildAt(htmlText, 0);
+      this.texts[gameObjectId] = {
+        text: htmlText,
+        component
+      };
+      delete this.pendingHTMLTextComponents[gameObjectId];
+    }
+    getHTMLRasterFontIdentity(families) {
+      var _a;
+      const uniqueFamilies = [...new Set(families.filter(family => typeof family === 'string').map(family => family.replace(/["']/g, '').trim()).filter(Boolean))];
+      if (!uniqueFamilies.length) return 'external:<default>';
+      const describe = face => [this.objectIdentity(face), face.family, face.style, face.weight, face.stretch, face.unicodeRange, face.variant, face.featureSettings, face.display].map(value => String(value !== null && value !== void 0 ? value : '')).join(':');
+      const identities = [];
+      for (const family of uniqueFamilies) {
+        const current = eva_js.resource.resourcesMap[family];
+        if (!current || current.type !== eva_js.RESOURCE_TYPE.FONT) {
+          identities.push(`external:${family}`);
+          continue;
+        }
+        if (current.complete !== true) return null;
+        const rawFaces = (_a = current.data) === null || _a === void 0 ? void 0 : _a.font;
+        const faces = Array.isArray(rawFaces) ? rawFaces : [rawFaces];
+        if (!faces.length || faces.some(face => !face || typeof face !== 'object' || face.status !== 'loaded')) return null;
+        identities.push(`${family}|resource:${this.objectIdentity(current)}|faces:${faces.map(describe).join(',')}`);
+      }
+      return identities.join(';');
+    }
+    objectIdentity(value) {
+      let id = this.fontIdentityIds.get(value);
+      if (!id) {
+        id = this.nextFontIdentityId++;
+        this.fontIdentityIds.set(value, id);
+      }
+      return id;
     }
     addBitmapTextComponent(changed) {
+      const component = changed.component;
+      const styleWithoutFont = this.processStyle(component.style);
+      const fontFamily = styleWithoutFont.fontFamily;
+      const waitsForFontResource = this.needsFontLoad(fontFamily);
+      if (waitsForFontResource) delete styleWithoutFont.fontFamily;
+      const initialText = waitsForFontResource ? '' : component.text;
+      const bitmapText = new rendererAdapter.BitmapText(initialText, styleWithoutFont);
+      this.containerManager.getContainer(changed.gameObject.id).addChildAt(bitmapText, 0);
+      this.texts[changed.gameObject.id] = {
+        text: bitmapText,
+        component,
+        awaitingInitialFont: waitsForFontResource
+      };
+      if (waitsForFontResource) {
+        return this.waitForFontResource(bitmapText, changed, fontFamily);
+      }
+    }
+    hasRegisteredFont(fontFamily) {
+      var _a;
+      if (!fontFamily) return false;
+      const fontName = this.getFontName(fontFamily);
+      return ((_a = eva_js.resource.resourcesMap[fontName]) === null || _a === void 0 ? void 0 : _a.type) === eva_js.RESOURCE_TYPE.FONT;
+    }
+    needsFontLoad(fontFamily) {
+      if (!this.hasRegisteredFont(fontFamily)) return false;
+      return eva_js.resource.resourcesMap[this.getFontName(fontFamily)].complete !== true;
+    }
+    getFontName(fontFamily) {
+      if (!fontFamily) return undefined;
+      return Array.isArray(fontFamily) ? fontFamily[0] : fontFamily;
+    }
+    loadFontResource(fontFamily) {
       return __awaiter(this, void 0, void 0, function* () {
-        const component = changed.component;
-        const styleWithoutFont = this.processStyle(component.style);
-        const fontFamily = styleWithoutFont.fontFamily;
-        delete styleWithoutFont.fontFamily;
-        const initialText = fontFamily ? '' : component.text;
-        const bitmapText = new rendererAdapter.BitmapText(initialText, styleWithoutFont);
-        this.containerManager.getContainer(changed.gameObject.id).addChildAt(bitmapText, 0);
-        this.texts[changed.gameObject.id] = {
-          text: bitmapText,
-          component
-        };
-        if (fontFamily) {
-          yield this.waitForFontResource(bitmapText, changed, fontFamily);
+        const fontName = this.getFontName(fontFamily);
+        if (!fontName || !this.hasRegisteredFont(fontFamily)) return false;
+        const expectedResource = eva_js.resource.resourcesMap[fontName];
+        try {
+          const loaded = yield eva_js.resource.getResource(fontName);
+          return loaded === expectedResource && loaded.complete === true && eva_js.resource.resourcesMap[fontName] === expectedResource;
+        } catch (error) {
+          console.warn(`字体资源 ${fontFamily} 加载失败:`, error);
+          return false;
         }
       });
     }
     waitForFontResource(text, changed, fontFamily) {
+      var _a;
       return __awaiter(this, void 0, void 0, function* () {
         if (!fontFamily) {
           return;
         }
-        try {
-          const fontName = Array.isArray(fontFamily) ? fontFamily[0] : fontFamily;
-          const asyncId = this.increaseAsyncId(changed.gameObject.id);
-          yield eva_js.resource.getResource(fontName);
-          if (!this.validateAsyncId(changed.gameObject.id, asyncId)) return;
-          const component = this.texts[changed.gameObject.id].component;
-          text.style.fontFamily = fontFamily;
-          text.text = component.text;
-        } catch (error) {
-          console.warn(`字体资源 ${fontFamily} 加载失败:`, error);
+        const gameObjectId = changed.gameObject.id;
+        const fontName = this.getFontName(fontFamily);
+        if (!fontName || !this.hasRegisteredFont(fontFamily)) return;
+        const asyncId = this.increaseAsyncId(gameObjectId);
+        const loaded = yield this.loadFontResource(fontFamily);
+        const current = this.texts[gameObjectId];
+        if (!loaded || this.retired || changed.gameObject.destroyed || !this.validateAsyncId(gameObjectId, asyncId) || !current || current.text !== text || current.component !== changed.component) {
+          return;
         }
+        const currentFontFamily = (_a = current.component.style) === null || _a === void 0 ? void 0 : _a.fontFamily;
+        if (this.getFontName(currentFontFamily) !== fontName) return;
+        text.style.fontFamily = currentFontFamily;
+        current.awaitingInitialFont = false;
+        text.text = current.component.text;
       });
     }
     processStyle(style) {
-      const processed = _extends({}, style);
-      if (processed.strokeThickness) {
-        const color = processed.stroke;
-        processed.stroke = {
-          color,
-          width: processed.strokeThickness
+      const processed = this.cloneStyleValue(style);
+      if (processed.strokeThickness != null || processed.lineJoin != null || processed.miterLimit != null) {
+        const stroke = processed.stroke;
+        const isOptions = stroke && typeof stroke === 'object' && ['color', 'width', 'fill', 'texture', 'join'].some(key => key in stroke);
+        const merged = isOptions ? _extends({}, stroke) : {
+          color: stroke !== null && stroke !== void 0 ? stroke : 0x000000
         };
-        delete processed.strokeThickness;
+        if (processed.strokeThickness != null) merged.width = processed.strokeThickness;
+        if (processed.lineJoin != null) merged.join = processed.lineJoin;
+        if (processed.miterLimit != null) merged.miterLimit = processed.miterLimit;
+        if (stroke != null || processed.strokeThickness != null) processed.stroke = merged;
+      }
+      delete processed.strokeThickness;
+      delete processed.lineJoin;
+      delete processed.miterLimit;
+      if (processed.dropShadow && typeof processed.dropShadow === 'object' && !Array.isArray(processed.dropShadow)) {
+        if (processed.dropShadow.enabled === false) processed.dropShadow = false;else delete processed.dropShadow.enabled;
       }
       const hasFlatDropShadowAlias = processed.dropShadowColor != null || processed.dropShadowDistance != null || processed.dropShadowAngle != null || processed.dropShadowAlpha != null || processed.dropShadowBlur != null;
       if (processed.dropShadow && hasFlatDropShadowAlias) {
@@ -379,57 +515,119 @@ var _EVA_IIFE_text = function (exports, eva_js, pixi_js, pluginRenderer, rendere
       delete processed.dropShadowAlpha;
       delete processed.dropShadowBlur;
       if (Array.isArray(processed.fill)) {
-        processed.fill = processed.fill[0];
-      }
-      if (Array.isArray(processed.fillGradientStops)) {
-        let fontSize;
-        if (processed.fontSize == null) {
-          fontSize = pixi_js.TextStyle.defaultTextStyle.fontSize;
-        } else if (typeof processed.fontSize === 'string') {
-          fontSize = parseInt(processed.fontSize, 10);
+        const colors = processed.fill;
+        if (colors.length > 1) {
+          const supplied = processed.fillGradientStops;
+          const stops = Array.isArray(supplied) && supplied.length === colors.length ? supplied : colors.map((_, index) => index / (colors.length - 1));
+          const horizontal = processed.fillGradientType === 1;
+          const gradient = new pixi_js.FillGradient({
+            start: {
+              x: 0,
+              y: 0
+            },
+            end: horizontal ? {
+              x: 1,
+              y: 0
+            } : {
+              x: 0,
+              y: 1
+            },
+            textureSpace: 'local'
+          });
+          colors.forEach((color, index) => {
+            gradient.addColorStop(stops[index], pixi_js.Color.shared.setValue(color).toNumber());
+          });
+          processed.fill = {
+            fill: gradient
+          };
         } else {
-          fontSize = processed.fontSize;
+          processed.fill = colors[0];
         }
-        const gradientFill = new pixi_js.FillGradient(0, 0, 0, fontSize * 1.7);
-        const fills = processed.fillGradientStops.map(color => pixi_js.Color.shared.setValue(color).toNumber());
-        fills.forEach((number, index) => {
-          const ratio = index / (fills.length - 1);
-          gradientFill.addColorStop(ratio, number);
-        });
-        processed.fill = {
-          fill: gradientFill
-        };
-        delete processed.fillGradientStops;
       }
+      delete processed.fillGradientStops;
+      delete processed.fillGradientType;
       return processed;
     }
     change(changed) {
+      var _a, _b, _c, _d, _e, _f, _g, _h;
+      const current = this.texts[changed.gameObject.id];
       const {
         text,
         component
-      } = this.texts[changed.gameObject.id];
+      } = current;
       const isHTMLText = changed.componentName === 'HTMLText';
       if (changed.prop.prop[0] === 'text') {
-        text.text = component.text;
+        if (!current.awaitingInitialFont) text.text = component.text;
       } else if (changed.prop.prop[0] === 'style') {
         const processedStyle = this.processStyle(component.style);
+        if (this.needsFontLoad(processedStyle.fontFamily)) delete processedStyle.fontFamily;
         _extends(text.style, processedStyle);
+        if (current.awaitingInitialFont && !this.needsFontLoad((_a = component.style) === null || _a === void 0 ? void 0 : _a.fontFamily)) {
+          current.awaitingInitialFont = false;
+          text.text = component.text;
+        }
       } else if (changed.prop.prop[0] === 'textureStyle' && isHTMLText) {
         const htmlComponent = component;
-        const container = this.containerManager.getContainer(changed.gameObject.id);
-        const index = container.getChildIndex(text);
-        container.removeChild(text);
-        text.destroy({
+        const htmlText = text;
+        const _j = htmlComponent.textureStyle || {},
+          sampling = __rest(_j, ["resolution"]);
+        if (htmlText.textureStyle) {
+          const options = _extends(_extends({}, (pixi_js.TextureStyle === null || pixi_js.TextureStyle === void 0 ? void 0 : pixi_js.TextureStyle.defaultOptions) || {
+            addressMode: 'clamp-to-edge',
+            scaleMode: 'linear'
+          }), sampling);
+          htmlText.textureStyle.addressMode = options.addressMode;
+          htmlText.textureStyle.scaleMode = options.scaleMode;
+          _extends(htmlText.textureStyle, {
+            addressModeU: (_b = options.addressModeU) !== null && _b !== void 0 ? _b : options.addressMode,
+            addressModeV: (_c = options.addressModeV) !== null && _c !== void 0 ? _c : options.addressMode,
+            addressModeW: (_d = options.addressModeW) !== null && _d !== void 0 ? _d : options.addressMode,
+            magFilter: (_e = options.magFilter) !== null && _e !== void 0 ? _e : options.scaleMode,
+            minFilter: (_f = options.minFilter) !== null && _f !== void 0 ? _f : options.scaleMode,
+            mipmapFilter: (_g = options.mipmapFilter) !== null && _g !== void 0 ? _g : options.scaleMode,
+            lodMinClamp: options.lodMinClamp,
+            lodMaxClamp: options.lodMaxClamp,
+            compare: options.compare,
+            maxAnisotropy: (_h = options.maxAnisotropy) !== null && _h !== void 0 ? _h : 1
+          });
+          htmlText.textureStyle.update();
+        } else {
+          htmlText.textureStyle = new pixi_js.TextureStyle(sampling);
+        }
+        this.applyHTMLResolution(htmlText, htmlComponent, changed);
+      }
+    }
+    applyHTMLResolution(text, component, changed) {
+      var _a, _b, _c, _d;
+      const render = (_b = (_a = changed.gameObject).getComponent) === null || _b === void 0 ? void 0 : _b.call(_a, 'Render');
+      const resolution = (_c = render === null || render === void 0 ? void 0 : render.resolution) !== null && _c !== void 0 ? _c : (_d = component.textureStyle) === null || _d === void 0 ? void 0 : _d.resolution;
+      if (typeof resolution === 'number' && Number.isFinite(resolution) && resolution > 0 && text.resolution !== resolution) {
+        text.resolution = resolution;
+      } else if (resolution == null) {
+        text.resolution = null;
+      }
+    }
+    onDestroy() {
+      var _a, _b;
+      this.retired = true;
+      for (const id of Object.keys(this.asyncIdMap)) this.increaseAsyncId(Number(id));
+      this.pendingHTMLTextComponents = {};
+      for (const {
+        text
+      } of Object.values(this.texts)) {
+        (_a = text.parent) === null || _a === void 0 ? void 0 : _a.removeChild(text);
+        if (!text.destroyed) (_b = text.destroy) === null || _b === void 0 ? void 0 : _b.call(text, {
           children: true
         });
-        const newText = new rendererAdapter.HTMLText({
-          text: htmlComponent.text,
-          style: htmlComponent.style,
-          textureStyle: htmlComponent.textureStyle
-        });
-        container.addChildAt(newText, index);
-        this.texts[changed.gameObject.id].text = newText;
       }
+      this.texts = {};
+    }
+    cloneStyleValue(value) {
+      if (Array.isArray(value)) return value.map(item => this.cloneStyleValue(item));
+      if (value && Object.getPrototypeOf(value) === Object.prototype) {
+        return Object.fromEntries(Object.entries(value).map(([key, child]) => [key, this.cloneStyleValue(child)]));
+      }
+      return value;
     }
     setSize(changed) {
       const {
@@ -440,8 +638,10 @@ var _EVA_IIFE_text = function (exports, eva_js, pixi_js, pluginRenderer, rendere
         text
       } = this.texts[changed.gameObject.id];
       const size = text.getSize();
+      if (transform.size.width === size.width && transform.size.height === size.height) return;
       transform.size.width = size.width;
       transform.size.height = size.height;
+      this.renderSystem.commitIntrinsicSize(changed.gameObject);
     }
   };
   Text.systemName = 'Text';

package/dist/EVA.plugin.renderer.text.min.js

@@ -1 +1 @@
-function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var i in o)({}).hasOwnProperty.call(o,i)&&(e[i]=o[i])}return e},_extends.apply(null,arguments)}globalThis.EVA=globalThis.EVA||{},globalThis.EVA.plugin=globalThis.EVA.plugin||{},globalThis.EVA.plugin.renderer=globalThis.EVA.plugin.renderer||{};var _EVA_IIFE_text=function(e,t,o,i,n){"use strict";function r(e,t,o,i){var n,r=arguments.length,p=r<3?t:null===i?i=Object.getOwnPropertyDescriptor(t,o):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)p=Reflect.decorate(e,t,o,i);else for(var d=e.length-1;d>=0;d--)(n=e[d])&&(p=(r<3?n(p):r>3?n(t,o,p):n(t,o))||p);return r>3&&p&&Object.defineProperty(t,o,p),p}function p(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function d(e,t,o,i){return new(o||(o=Promise))(function(n,r){function p(e){try{s(i.next(e))}catch(e){r(e)}}function d(e){try{s(i.throw(e))}catch(e){r(e)}}function s(e){var t;e.done?n(e.value):(t=e.value,t instanceof o?t:new o(function(e){e(t)})).then(p,d)}s((i=i.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;class s{}r([t.type("string"),p("design:type",Object)],s.prototype,"fontFamily",void 0),r([t.type("number"),p("design:type",Object)],s.prototype,"fontSize",void 0),r([t.Field({type:"color"}),p("design:type",Object)],s.prototype,"fill",void 0),r([t.type("string"),p("design:type",String)],s.prototype,"align",void 0),r([t.type("number"),p("design:type",Number)],s.prototype,"letterSpacing",void 0),r([t.type("number"),p("design:type",Number)],s.prototype,"padding",void 0),r([t.Field({type:"color"}),p("design:type",Object)],s.prototype,"stroke",void 0),r([t.type("number"),p("design:type",Number)],s.prototype,"strokeThickness",void 0),r([t.type("string"),p("design:type",String)],s.prototype,"fontWeight",void 0),r([t.type("string"),p("design:type",String)],s.prototype,"fontStyle",void 0);class y extends t.Component{constructor(){super(...arguments),this.text="",this.style={}}init(e){this.style=_extends({fontSize:24,fill:"#000000",fontFamily:"Arial"},null==e?void 0:e.style),e&&(this.text=e.text)}}y.componentName="BitmapText",r([t.type("string"),p("design:type",String)],y.prototype,"text",void 0),r([t.Field(()=>s),p("design:type",Object)],y.prototype,"style",void 0);class l{}r([t.type("number"),p("design:type",Number)],l.prototype,"alpha",void 0),r([t.Field({type:"color"}),p("design:type",Object)],l.prototype,"color",void 0),r([t.type("string"),p("design:type",String)],l.prototype,"join",void 0),r([t.type("number"),p("design:type",Number)],l.prototype,"miterLimit",void 0),r([t.type("number"),p("design:type",Number)],l.prototype,"width",void 0);class a{}r([t.type("number"),p("design:type",Number)],a.prototype,"alpha",void 0),r([t.type("number"),p("design:type",Number)],a.prototype,"angle",void 0),r([t.type("number"),p("design:type",Number)],a.prototype,"blur",void 0),r([t.Field({type:"color"}),p("design:type",Object)],a.prototype,"color",void 0),r([t.type("number"),p("design:type",Number)],a.prototype,"distance",void 0),r([t.type("boolean"),p("design:type",Boolean)],a.prototype,"enabled",void 0);class g{}r([t.type("string"),p("design:type",String)],g.prototype,"align",void 0),r([t.type("boolean"),p("design:type",Boolean)],g.prototype,"breakWords",void 0),r([t.Field(()=>a),p("design:type",Object)],g.prototype,"dropShadow",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"dropShadowAlpha",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"dropShadowAngle",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"dropShadowBlur",void 0),r([t.Field({type:"color"}),p("design:type",Object)],g.prototype,"dropShadowColor",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"dropShadowDistance",void 0),r([t.Field({type:"color"}),p("design:type",Object)],g.prototype,"fill",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"fillGradientType",void 0),r([t.type("number"),p("design:type",Array)],g.prototype,"fillGradientStops",void 0),r([t.type("string"),p("design:type",Object)],g.prototype,"fontFamily",void 0),r([t.type("number"),p("design:type",Object)],g.prototype,"fontSize",void 0),r([t.type("string"),p("design:type",String)],g.prototype,"fontStyle",void 0),r([t.type("string"),p("design:type",String)],g.prototype,"fontVariant",void 0),r([t.type("string"),p("design:type",String)],g.prototype,"fontWeight",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"leading",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"letterSpacing",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"lineHeight",void 0),r([t.type("string"),p("design:type",String)],g.prototype,"lineJoin",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"miterLimit",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"padding",void 0),r([t.Field(()=>l),p("design:type",Object)],g.prototype,"stroke",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"strokeThickness",void 0),r([t.type("string"),p("design:type",String)],g.prototype,"textBaseline",void 0),r([t.type("string"),p("design:type",String)],g.prototype,"verticalAlign",void 0),r([t.type("boolean"),p("design:type",Boolean)],g.prototype,"trim",void 0),r([t.type("string"),p("design:type",String)],g.prototype,"whiteSpace",void 0),r([t.type("boolean"),p("design:type",Boolean)],g.prototype,"wordWrap",void 0),r([t.type("number"),p("design:type",Number)],g.prototype,"wordWrapWidth",void 0);class c extends t.Component{constructor(e){super(e),this.text="",this.style={},this.init(e)}init(e){const t=new o.TextStyle({fontSize:20}),i={};for(const e in t)0===e.indexOf("_")&&(i[e.substring(1)]=t[e]);delete i.styleKey,this.style=i,e&&(this.text=e.text,_extends(this.style,e.style))}}c.componentName="Text",r([t.type("string"),p("design:type",String)],c.prototype,"text",void 0),r([t.Field(()=>g),p("design:type",Object)],c.prototype,"style",void 0);class u{}r([t.type("string"),p("design:type",String)],u.prototype,"scaleMode",void 0),r([t.type("number"),p("design:type",Number)],u.prototype,"resolution",void 0);class m{}r([t.type("string"),p("design:type",Object)],m.prototype,"fontFamily",void 0),r([t.type("number"),p("design:type",Object)],m.prototype,"fontSize",void 0),r([t.type("string"),p("design:type",String)],m.prototype,"fontWeight",void 0),r([t.type("string"),p("design:type",String)],m.prototype,"fontStyle",void 0),r([t.type("string"),p("design:type",String)],m.prototype,"fontVariant",void 0),r([t.type("string"),p("design:type",String)],m.prototype,"align",void 0),r([t.type("string"),p("design:type",String)],m.prototype,"textBaseline",void 0),r([t.Field({type:"color"}),p("design:type",Object)],m.prototype,"fill",void 0),r([t.Field({type:"color"}),p("design:type",Object)],m.prototype,"stroke",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"strokeThickness",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"lineHeight",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"letterSpacing",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"padding",void 0),r([t.type("boolean"),p("design:type",Boolean)],m.prototype,"wordWrap",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"wordWrapWidth",void 0),r([t.type("boolean"),p("design:type",Boolean)],m.prototype,"breakWords",void 0),r([t.type("string"),p("design:type",String)],m.prototype,"whiteSpace",void 0),r([t.type("boolean"),p("design:type",Boolean)],m.prototype,"dropShadow",void 0),r([t.Field({type:"color"}),p("design:type",Object)],m.prototype,"dropShadowColor",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"dropShadowAlpha",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"dropShadowAngle",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"dropShadowBlur",void 0),r([t.type("number"),p("design:type",Number)],m.prototype,"dropShadowDistance",void 0),r([t.type("object"),p("design:type",Array)],m.prototype,"cssOverrides",void 0),r([t.type("object"),p("design:type",Object)],m.prototype,"tagStyles",void 0),r([t.type("boolean"),p("design:type",Boolean)],m.prototype,"trim",void 0);class h extends t.Component{constructor(){super(...arguments),this.text="",this.style={},this.textureStyle={}}init(e){this.style=_extends({fontSize:24,fill:"#000000",fontFamily:"Arial"},null==e?void 0:e.style),this.textureStyle=_extends({scaleMode:"linear",resolution:window.devicePixelRatio||1},null==e?void 0:e.textureStyle),e&&(this.text=e.text)}}h.componentName="HTMLText",r([t.type("string"),p("design:type",String)],h.prototype,"text",void 0),r([t.Field(()=>m),p("design:type",Object)],h.prototype,"style",void 0),r([t.Field(()=>u),p("design:type",Object)],h.prototype,"textureStyle",void 0);let b=class extends i.Renderer{constructor(){super(...arguments),this.name="Text",this.texts={}}init(){this.renderSystem=this.game.getSystem(i.RendererSystem),this.renderSystem.rendererManager.register(this)}componentChanged(e){return d(this,void 0,void 0,function*(){const o="Text"===e.componentName,i="HTMLText"===e.componentName,n="BitmapText"===e.componentName;if(o||i||n)if(e.type===t.OBSERVER_TYPE.ADD)o?yield this.addTextComponent(e):i?yield this.addHTMLTextComponent(e):yield this.addBitmapTextComponent(e),this.setSize(e);else if(e.type===t.OBSERVER_TYPE.REMOVE)this.containerManager.getContainer(e.gameObject.id).removeChild(this.texts[e.gameObject.id].text),this.texts[e.gameObject.id].text.destroy({children:!0}),delete this.texts[e.gameObject.id];else{this.change(e);const t=e.component;if("style"===e.prop.prop[0]&&t.style&&t.style.fontFamily){const{text:o}=this.texts[e.gameObject.id];yield this.waitForFontResource(o,e,t.style.fontFamily)}this.setSize(e)}})}addTextComponent(e){return d(this,void 0,void 0,function*(){const t=e.component,o=this.processStyle(t.style),i=o.fontFamily;delete o.fontFamily;const r=i?"":t.text,p=new n.Text(r,o);this.containerManager.getContainer(e.gameObject.id).addChildAt(p,0),this.texts[e.gameObject.id]={text:p,component:t},i&&(yield this.waitForFontResource(p,e,i))})}addHTMLTextComponent(e){return d(this,void 0,void 0,function*(){const t=e.component,o=this.processStyle(t.style),i=o.fontFamily;delete o.fontFamily;const r=i?"":t.text,p=new n.HTMLText(_extends({text:r,style:o},t.textureStyle&&{textureStyle:t.textureStyle}));this.containerManager.getContainer(e.gameObject.id).addChildAt(p,0),this.texts[e.gameObject.id]={text:p,component:t},i&&(yield this.waitForFontResource(p,e,i))})}addBitmapTextComponent(e){return d(this,void 0,void 0,function*(){const t=e.component,o=this.processStyle(t.style),i=o.fontFamily;delete o.fontFamily;const r=i?"":t.text,p=new n.BitmapText(r,o);this.containerManager.getContainer(e.gameObject.id).addChildAt(p,0),this.texts[e.gameObject.id]={text:p,component:t},i&&(yield this.waitForFontResource(p,e,i))})}waitForFontResource(e,o,i){return d(this,void 0,void 0,function*(){if(i)try{const n=Array.isArray(i)?i[0]:i,r=this.increaseAsyncId(o.gameObject.id);if(yield t.resource.getResource(n),!this.validateAsyncId(o.gameObject.id,r))return;const p=this.texts[o.gameObject.id].component;e.style.fontFamily=i,e.text=p.text}catch(e){console.warn(`字体资源 ${i} 加载失败:`,e)}})}processStyle(e){const t=_extends({},e);if(t.strokeThickness){const e=t.stroke;t.stroke={color:e,width:t.strokeThickness},delete t.strokeThickness}const i=null!=t.dropShadowColor||null!=t.dropShadowDistance||null!=t.dropShadowAngle||null!=t.dropShadowAlpha||null!=t.dropShadowBlur;if(t.dropShadow&&i){const e=t.dropShadow&&"object"==typeof t.dropShadow&&!Array.isArray(t.dropShadow)?_extends({},t.dropShadow):{};null!=t.dropShadowColor&&(e.color=t.dropShadowColor),null!=t.dropShadowDistance&&(e.distance=t.dropShadowDistance),null!=t.dropShadowAngle&&(e.angle=t.dropShadowAngle),null!=t.dropShadowAlpha&&(e.alpha=t.dropShadowAlpha),null!=t.dropShadowBlur&&(e.blur=t.dropShadowBlur),t.dropShadow=e}if(delete t.dropShadowColor,delete t.dropShadowDistance,delete t.dropShadowAngle,delete t.dropShadowAlpha,delete t.dropShadowBlur,Array.isArray(t.fill)&&(t.fill=t.fill[0]),Array.isArray(t.fillGradientStops)){let e;e=null==t.fontSize?o.TextStyle.defaultTextStyle.fontSize:"string"==typeof t.fontSize?parseInt(t.fontSize,10):t.fontSize;const i=new o.FillGradient(0,0,0,1.7*e),n=t.fillGradientStops.map(e=>o.Color.shared.setValue(e).toNumber());n.forEach((e,t)=>{const o=t/(n.length-1);i.addColorStop(o,e)}),t.fill={fill:i},delete t.fillGradientStops}return t}change(e){const{text:t,component:o}=this.texts[e.gameObject.id],i="HTMLText"===e.componentName;if("text"===e.prop.prop[0])t.text=o.text;else if("style"===e.prop.prop[0]){const e=this.processStyle(o.style);_extends(t.style,e)}else if("textureStyle"===e.prop.prop[0]&&i){const i=o,r=this.containerManager.getContainer(e.gameObject.id),p=r.getChildIndex(t);r.removeChild(t),t.destroy({children:!0});const d=new n.HTMLText({text:i.text,style:i.style,textureStyle:i.textureStyle});r.addChildAt(d,p),this.texts[e.gameObject.id].text=d}}setSize(e){const{transform:t}=e.gameObject;if(!t)return;const{text:o}=this.texts[e.gameObject.id],i=o.getSize();t.size.width=i.width,t.size.height=i.height}};b.systemName="Text",b=r([t.decorators.componentObserver({Text:["text",{prop:["style"],deep:!0}],HTMLText:["text",{prop:["style"],deep:!0},{prop:["textureStyle"],deep:!0}],BitmapText:["text",{prop:["style"],deep:!0}]})],b);var v=b;return e.BitmapText=y,e.HTMLText=h,e.Text=c,e.TextSystem=v,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,PIXI,EVA.plugin.renderer,EVA.rendererAdapter);globalThis.EVA.plugin.renderer.text=globalThis.EVA.plugin.renderer.text||_EVA_IIFE_text;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var o=arguments[t];for(var n in o)({}).hasOwnProperty.call(o,n)&&(e[n]=o[n])}return e},_extends.apply(null,arguments)}var globalThis="undefined"!=typeof self?self:"undefined"!=typeof window?window:Function("return this")();globalThis.EVA=globalThis.EVA||{},globalThis.EVA.plugin=globalThis.EVA.plugin||{},globalThis.EVA.plugin.renderer=globalThis.EVA.plugin.renderer||{};var _EVA_IIFE_text=function(e,t,o,n,i){"use strict";function r(e,t){var o={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(o[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var i=0;for(n=Object.getOwnPropertySymbols(e);i<n.length;i++)t.indexOf(n[i])<0&&Object.prototype.propertyIsEnumerable.call(e,n[i])&&(o[n[i]]=e[n[i]])}return o}function s(e,t,o,n){var i,r=arguments.length,s=r<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,o):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)s=Reflect.decorate(e,t,o,n);else for(var d=e.length-1;d>=0;d--)(i=e[d])&&(s=(r<3?i(s):r>3?i(t,o,s):i(t,o))||s);return r>3&&s&&Object.defineProperty(t,o,s),s}function d(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function p(e,t,o,n){return new(o||(o=Promise))(function(i,r){function s(e){try{p(n.next(e))}catch(e){r(e)}}function d(e){try{p(n.throw(e))}catch(e){r(e)}}function p(e){var t;e.done?i(e.value):(t=e.value,t instanceof o?t:new o(function(e){e(t)})).then(s,d)}p((n=n.apply(e,t||[])).next())})}"function"==typeof SuppressedError&&SuppressedError;class l{}s([t.type("string"),d("design:type",Object)],l.prototype,"fontFamily",void 0),s([t.type("number"),d("design:type",Object)],l.prototype,"fontSize",void 0),s([t.Field({type:"color"}),d("design:type",Object)],l.prototype,"fill",void 0),s([t.type("string"),d("design:type",String)],l.prototype,"align",void 0),s([t.type("number"),d("design:type",Number)],l.prototype,"letterSpacing",void 0),s([t.type("number"),d("design:type",Number)],l.prototype,"padding",void 0),s([t.Field({type:"color"}),d("design:type",Object)],l.prototype,"stroke",void 0),s([t.type("number"),d("design:type",Number)],l.prototype,"strokeThickness",void 0),s([t.type("string"),d("design:type",String)],l.prototype,"fontWeight",void 0),s([t.type("string"),d("design:type",String)],l.prototype,"fontStyle",void 0);class y extends t.Component{constructor(){super(...arguments),this.text="",this.style={}}init(e){this.style=_extends({fontSize:24,fill:"#000000",fontFamily:"Arial"},null==e?void 0:e.style),e&&(this.text=e.text)}}y.componentName="BitmapText",s([t.type("string"),d("design:type",String)],y.prototype,"text",void 0),s([t.Field(()=>l),d("design:type",Object)],y.prototype,"style",void 0);class a{}s([t.type("number"),d("design:type",Number)],a.prototype,"alpha",void 0),s([t.Field({type:"color"}),d("design:type",Object)],a.prototype,"color",void 0),s([t.type("string"),d("design:type",String)],a.prototype,"join",void 0),s([t.type("number"),d("design:type",Number)],a.prototype,"miterLimit",void 0),s([t.type("number"),d("design:type",Number)],a.prototype,"width",void 0);class c{}s([t.type("number"),d("design:type",Number)],c.prototype,"alpha",void 0),s([t.type("number"),d("design:type",Number)],c.prototype,"angle",void 0),s([t.type("number"),d("design:type",Number)],c.prototype,"blur",void 0),s([t.Field({type:"color"}),d("design:type",Object)],c.prototype,"color",void 0),s([t.type("number"),d("design:type",Number)],c.prototype,"distance",void 0),s([t.type("boolean"),d("design:type",Boolean)],c.prototype,"enabled",void 0);class u{}s([t.type("string"),d("design:type",String)],u.prototype,"align",void 0),s([t.type("boolean"),d("design:type",Boolean)],u.prototype,"breakWords",void 0),s([t.Field(()=>c),d("design:type",Object)],u.prototype,"dropShadow",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"dropShadowAlpha",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"dropShadowAngle",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"dropShadowBlur",void 0),s([t.Field({type:"color"}),d("design:type",Object)],u.prototype,"dropShadowColor",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"dropShadowDistance",void 0),s([t.Field({type:"color"}),d("design:type",Object)],u.prototype,"fill",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"fillGradientType",void 0),s([t.type("number"),d("design:type",Array)],u.prototype,"fillGradientStops",void 0),s([t.type("string"),d("design:type",Object)],u.prototype,"fontFamily",void 0),s([t.type("number"),d("design:type",Object)],u.prototype,"fontSize",void 0),s([t.type("string"),d("design:type",String)],u.prototype,"fontStyle",void 0),s([t.type("string"),d("design:type",String)],u.prototype,"fontVariant",void 0),s([t.type("string"),d("design:type",String)],u.prototype,"fontWeight",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"leading",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"letterSpacing",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"lineHeight",void 0),s([t.type("string"),d("design:type",String)],u.prototype,"lineJoin",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"miterLimit",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"padding",void 0),s([t.Field(()=>a),d("design:type",Object)],u.prototype,"stroke",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"strokeThickness",void 0),s([t.type("string"),d("design:type",String)],u.prototype,"textBaseline",void 0),s([t.type("string"),d("design:type",String)],u.prototype,"verticalAlign",void 0),s([t.type("boolean"),d("design:type",Boolean)],u.prototype,"trim",void 0),s([t.type("string"),d("design:type",String)],u.prototype,"whiteSpace",void 0),s([t.type("boolean"),d("design:type",Boolean)],u.prototype,"wordWrap",void 0),s([t.type("number"),d("design:type",Number)],u.prototype,"wordWrapWidth",void 0);class g extends t.Component{constructor(e){super(e),this.text="",this.style={},this.init(e)}init(e){const t=new o.TextStyle({fontSize:20}),n={};for(const e in t)0===e.indexOf("_")&&(n[e.substring(1)]=t[e]);delete n.styleKey,this.style=n,e&&(this.text=e.text,_extends(this.style,e.style))}}g.componentName="Text",s([t.type("string"),d("design:type",String)],g.prototype,"text",void 0),s([t.Field(()=>u),d("design:type",Object)],g.prototype,"style",void 0);class m{}s([t.type("string"),d("design:type",String)],m.prototype,"scaleMode",void 0),s([t.type("number"),d("design:type",Number)],m.prototype,"resolution",void 0);class h{}s([t.type("string"),d("design:type",Object)],h.prototype,"fontFamily",void 0),s([t.type("number"),d("design:type",Object)],h.prototype,"fontSize",void 0),s([t.type("string"),d("design:type",String)],h.prototype,"fontWeight",void 0),s([t.type("string"),d("design:type",String)],h.prototype,"fontStyle",void 0),s([t.type("string"),d("design:type",String)],h.prototype,"fontVariant",void 0),s([t.type("string"),d("design:type",String)],h.prototype,"align",void 0),s([t.type("string"),d("design:type",String)],h.prototype,"textBaseline",void 0),s([t.Field({type:"color"}),d("design:type",Object)],h.prototype,"fill",void 0),s([t.Field({type:"color"}),d("design:type",Object)],h.prototype,"stroke",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"strokeThickness",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"lineHeight",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"letterSpacing",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"padding",void 0),s([t.type("boolean"),d("design:type",Boolean)],h.prototype,"wordWrap",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"wordWrapWidth",void 0),s([t.type("boolean"),d("design:type",Boolean)],h.prototype,"breakWords",void 0),s([t.type("string"),d("design:type",String)],h.prototype,"whiteSpace",void 0),s([t.type("boolean"),d("design:type",Boolean)],h.prototype,"dropShadow",void 0),s([t.Field({type:"color"}),d("design:type",Object)],h.prototype,"dropShadowColor",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"dropShadowAlpha",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"dropShadowAngle",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"dropShadowBlur",void 0),s([t.type("number"),d("design:type",Number)],h.prototype,"dropShadowDistance",void 0),s([t.type("object"),d("design:type",Array)],h.prototype,"cssOverrides",void 0),s([t.type("object"),d("design:type",Object)],h.prototype,"tagStyles",void 0),s([t.type("boolean"),d("design:type",Boolean)],h.prototype,"trim",void 0);class v extends t.Component{constructor(){super(...arguments),this.text="",this.style={},this.textureStyle={}}init(e){this.style=_extends({fontSize:24,fill:"#000000",fontFamily:"Arial"},null==e?void 0:e.style),this.textureStyle=_extends({scaleMode:"linear",resolution:window.devicePixelRatio||1},null==e?void 0:e.textureStyle),e&&(this.text=e.text)}}v.componentName="HTMLText",s([t.type("string"),d("design:type",String)],v.prototype,"text",void 0),s([t.Field(()=>h),d("design:type",Object)],v.prototype,"style",void 0),s([t.Field(()=>m),d("design:type",Object)],v.prototype,"textureStyle",void 0);let b=class extends n.Renderer{constructor(){super(...arguments),this.name="Text",this.presentationAddFlushEnabled=!0,this.texts={},this.retired=!1,this.pendingHTMLTextComponents={},this.fontIdentityIds=new WeakMap,this.nextFontIdentityId=1}init(){this.renderSystem=this.game.getSystem(n.RendererSystem),this.renderSystem.rendererManager.register(this)}shouldFlushPresentationAddition(e){return"Text"===e.componentName||"HTMLText"===e.componentName||"BitmapText"===e.componentName}componentChanged(e){var o,n,i,r,s;return p(this,void 0,void 0,function*(){if(this.retired)return;const d="Text"===e.componentName,p="HTMLText"===e.componentName,l="BitmapText"===e.componentName;if(!d&&!p&&!l)return;const y=e.gameObject.id;if(e.type===t.OBSERVER_TYPE.ADD){if(d){const t=this.addTextComponent(e);t&&(yield t)}else if(p){const t=this.addHTMLTextComponent(e);t&&(yield t)}else{const t=this.addBitmapTextComponent(e);t&&(yield t)}(null===(o=this.texts[y])||void 0===o?void 0:o.component)===e.component&&this.setSize(e)}else if(e.type===t.OBSERVER_TYPE.REMOVE){if((null===(n=this.texts[y])||void 0===n?void 0:n.component)!==e.component&&this.pendingHTMLTextComponents[y]!==e.component)return;this.increaseAsyncId(y),this.pendingHTMLTextComponents[y]===e.component&&delete this.pendingHTMLTextComponents[y];const t=this.texts[y];if(!t||t.component!==e.component)return;this.containerManager.getContainer(y).removeChild(t.text),t.text.destroy({children:!0}),delete this.texts[y]}else{const t=e.component,o=e.prop.prop,n="style"===o[0]&&(1===o.length||"fontFamily"===o[1]),d=this.texts[y];if(!d)return void(p&&this.pendingHTMLTextComponents[y]===t&&n&&(yield this.addHTMLTextComponent(e),(null===(i=this.texts[y])||void 0===i?void 0:i.component)===t&&this.setSize(e)));if(d.component!==t)return;const l=n&&t.style&&this.needsFontLoad(t.style.fontFamily);if(n&&!l&&this.increaseAsyncId(y),this.change(e),l){const{text:o}=d;yield this.waitForFontResource(o,e,t.style.fontFamily)}(null===(r=this.texts[y])||void 0===r?void 0:r.text)===d.text&&(null===(s=this.texts[y])||void 0===s?void 0:s.component)===t&&this.setSize(e)}})}addTextComponent(e){const t=e.component,o=this.processStyle(t.style),n=o.fontFamily,r=this.needsFontLoad(n);r&&delete o.fontFamily;const s=r?"":t.text,d=new i.Text(s,o);if(this.containerManager.getContainer(e.gameObject.id).addChildAt(d,0),this.texts[e.gameObject.id]={text:d,component:t,awaitingInitialFont:r},r)return this.waitForFontResource(d,e,n)}addHTMLTextComponent(e){const t=e.component,o=e.gameObject.id,n=this.processStyle(t.style).fontFamily;if(this.needsFontLoad(n))return this.pendingHTMLTextComponents[o]=t,this.addHTMLTextAfterFont(e,t,n,this.increaseAsyncId(o));this.pendingHTMLTextComponents[o]===t&&delete this.pendingHTMLTextComponents[o],this.mountHTMLText(e,t)}addHTMLTextAfterFont(e,t,o,n){var i;return p(this,void 0,void 0,function*(){const r=e.gameObject.id,s=this.getFontName(o);(yield this.loadFontResource(o))&&!this.retired&&!e.gameObject.destroyed&&this.validateAsyncId(r,n)&&this.pendingHTMLTextComponents[r]===t&&this.getFontName(null===(i=t.style)||void 0===i?void 0:i.fontFamily)===s&&this.mountHTMLText(e,t)})}mountHTMLText(e,t){const o=e.gameObject.id,n=this.processStyle(t.style),s=r(t.textureStyle||{},["resolution"]),d=new i.HTMLText({text:t.text,style:n,textureStyle:_extends({},s)});d.rasterCacheFontIdentity=e=>this.getHTMLRasterFontIdentity(e),this.applyHTMLResolution(d,t,e),this.containerManager.getContainer(o).addChildAt(d,0),this.texts[o]={text:d,component:t},delete this.pendingHTMLTextComponents[o]}getHTMLRasterFontIdentity(e){var o;const n=[...new Set(e.filter(e=>"string"==typeof e).map(e=>e.replace(/["']/g,"").trim()).filter(Boolean))];if(!n.length)return"external:<default>";const i=e=>[this.objectIdentity(e),e.family,e.style,e.weight,e.stretch,e.unicodeRange,e.variant,e.featureSettings,e.display].map(e=>String(null!=e?e:"")).join(":"),r=[];for(const e of n){const n=t.resource.resourcesMap[e];if(!n||n.type!==t.RESOURCE_TYPE.FONT){r.push(`external:${e}`);continue}if(!0!==n.complete)return null;const s=null===(o=n.data)||void 0===o?void 0:o.font,d=Array.isArray(s)?s:[s];if(!d.length||d.some(e=>!e||"object"!=typeof e||"loaded"!==e.status))return null;r.push(`${e}|resource:${this.objectIdentity(n)}|faces:${d.map(i).join(",")}`)}return r.join(";")}objectIdentity(e){let t=this.fontIdentityIds.get(e);return t||(t=this.nextFontIdentityId++,this.fontIdentityIds.set(e,t)),t}addBitmapTextComponent(e){const t=e.component,o=this.processStyle(t.style),n=o.fontFamily,r=this.needsFontLoad(n);r&&delete o.fontFamily;const s=r?"":t.text,d=new i.BitmapText(s,o);if(this.containerManager.getContainer(e.gameObject.id).addChildAt(d,0),this.texts[e.gameObject.id]={text:d,component:t,awaitingInitialFont:r},r)return this.waitForFontResource(d,e,n)}hasRegisteredFont(e){var o;if(!e)return!1;const n=this.getFontName(e);return(null===(o=t.resource.resourcesMap[n])||void 0===o?void 0:o.type)===t.RESOURCE_TYPE.FONT}needsFontLoad(e){return!!this.hasRegisteredFont(e)&&!0!==t.resource.resourcesMap[this.getFontName(e)].complete}getFontName(e){if(e)return Array.isArray(e)?e[0]:e}loadFontResource(e){return p(this,void 0,void 0,function*(){const o=this.getFontName(e);if(!o||!this.hasRegisteredFont(e))return!1;const n=t.resource.resourcesMap[o];try{const e=yield t.resource.getResource(o);return e===n&&!0===e.complete&&t.resource.resourcesMap[o]===n}catch(t){return console.warn(`字体资源 ${e} 加载失败:`,t),!1}})}waitForFontResource(e,t,o){var n;return p(this,void 0,void 0,function*(){if(!o)return;const i=t.gameObject.id,r=this.getFontName(o);if(!r||!this.hasRegisteredFont(o))return;const s=this.increaseAsyncId(i),d=yield this.loadFontResource(o),p=this.texts[i];if(!d||this.retired||t.gameObject.destroyed||!this.validateAsyncId(i,s)||!p||p.text!==e||p.component!==t.component)return;const l=null===(n=p.component.style)||void 0===n?void 0:n.fontFamily;this.getFontName(l)===r&&(e.style.fontFamily=l,p.awaitingInitialFont=!1,e.text=p.component.text)})}processStyle(e){const t=this.cloneStyleValue(e);if(null!=t.strokeThickness||null!=t.lineJoin||null!=t.miterLimit){const e=t.stroke,o=e&&"object"==typeof e&&["color","width","fill","texture","join"].some(t=>t in e)?_extends({},e):{color:null!=e?e:0};null!=t.strokeThickness&&(o.width=t.strokeThickness),null!=t.lineJoin&&(o.join=t.lineJoin),null!=t.miterLimit&&(o.miterLimit=t.miterLimit),null==e&&null==t.strokeThickness||(t.stroke=o)}delete t.strokeThickness,delete t.lineJoin,delete t.miterLimit,t.dropShadow&&"object"==typeof t.dropShadow&&!Array.isArray(t.dropShadow)&&(!1===t.dropShadow.enabled?t.dropShadow=!1:delete t.dropShadow.enabled);const n=null!=t.dropShadowColor||null!=t.dropShadowDistance||null!=t.dropShadowAngle||null!=t.dropShadowAlpha||null!=t.dropShadowBlur;if(t.dropShadow&&n){const e=t.dropShadow&&"object"==typeof t.dropShadow&&!Array.isArray(t.dropShadow)?_extends({},t.dropShadow):{};null!=t.dropShadowColor&&(e.color=t.dropShadowColor),null!=t.dropShadowDistance&&(e.distance=t.dropShadowDistance),null!=t.dropShadowAngle&&(e.angle=t.dropShadowAngle),null!=t.dropShadowAlpha&&(e.alpha=t.dropShadowAlpha),null!=t.dropShadowBlur&&(e.blur=t.dropShadowBlur),t.dropShadow=e}if(delete t.dropShadowColor,delete t.dropShadowDistance,delete t.dropShadowAngle,delete t.dropShadowAlpha,delete t.dropShadowBlur,Array.isArray(t.fill)){const e=t.fill;if(e.length>1){const n=t.fillGradientStops,i=Array.isArray(n)&&n.length===e.length?n:e.map((t,o)=>o/(e.length-1)),r=1===t.fillGradientType,s=new o.FillGradient({start:{x:0,y:0},end:r?{x:1,y:0}:{x:0,y:1},textureSpace:"local"});e.forEach((e,t)=>{s.addColorStop(i[t],o.Color.shared.setValue(e).toNumber())}),t.fill={fill:s}}else t.fill=e[0]}return delete t.fillGradientStops,delete t.fillGradientType,t}change(e){var t,n,i,s,d,p,l,y;const a=this.texts[e.gameObject.id],{text:c,component:u}=a,g="HTMLText"===e.componentName;if("text"===e.prop.prop[0])a.awaitingInitialFont||(c.text=u.text);else if("style"===e.prop.prop[0]){const e=this.processStyle(u.style);this.needsFontLoad(e.fontFamily)&&delete e.fontFamily,_extends(c.style,e),a.awaitingInitialFont&&!this.needsFontLoad(null===(t=u.style)||void 0===t?void 0:t.fontFamily)&&(a.awaitingInitialFont=!1,c.text=u.text)}else if("textureStyle"===e.prop.prop[0]&&g){const t=u,a=c,g=r(t.textureStyle||{},["resolution"]);if(a.textureStyle){const e=_extends(_extends({},(null===o.TextureStyle||void 0===o.TextureStyle?void 0:o.TextureStyle.defaultOptions)||{addressMode:"clamp-to-edge",scaleMode:"linear"}),g);a.textureStyle.addressMode=e.addressMode,a.textureStyle.scaleMode=e.scaleMode,_extends(a.textureStyle,{addressModeU:null!==(n=e.addressModeU)&&void 0!==n?n:e.addressMode,addressModeV:null!==(i=e.addressModeV)&&void 0!==i?i:e.addressMode,addressModeW:null!==(s=e.addressModeW)&&void 0!==s?s:e.addressMode,magFilter:null!==(d=e.magFilter)&&void 0!==d?d:e.scaleMode,minFilter:null!==(p=e.minFilter)&&void 0!==p?p:e.scaleMode,mipmapFilter:null!==(l=e.mipmapFilter)&&void 0!==l?l:e.scaleMode,lodMinClamp:e.lodMinClamp,lodMaxClamp:e.lodMaxClamp,compare:e.compare,maxAnisotropy:null!==(y=e.maxAnisotropy)&&void 0!==y?y:1}),a.textureStyle.update()}else a.textureStyle=new o.TextureStyle(g);this.applyHTMLResolution(a,t,e)}}applyHTMLResolution(e,t,o){var n,i,r,s;const d=null===(i=(n=o.gameObject).getComponent)||void 0===i?void 0:i.call(n,"Render"),p=null!==(r=null==d?void 0:d.resolution)&&void 0!==r?r:null===(s=t.textureStyle)||void 0===s?void 0:s.resolution;"number"==typeof p&&Number.isFinite(p)&&p>0&&e.resolution!==p?e.resolution=p:null==p&&(e.resolution=null)}onDestroy(){var e,t;this.retired=!0;for(const e of Object.keys(this.asyncIdMap))this.increaseAsyncId(Number(e));this.pendingHTMLTextComponents={};for(const{text:o}of Object.values(this.texts))null===(e=o.parent)||void 0===e||e.removeChild(o),o.destroyed||null===(t=o.destroy)||void 0===t||t.call(o,{children:!0});this.texts={}}cloneStyleValue(e){return Array.isArray(e)?e.map(e=>this.cloneStyleValue(e)):e&&Object.getPrototypeOf(e)===Object.prototype?Object.fromEntries(Object.entries(e).map(([e,t])=>[e,this.cloneStyleValue(t)])):e}setSize(e){const{transform:t}=e.gameObject;if(!t)return;const{text:o}=this.texts[e.gameObject.id],n=o.getSize();t.size.width===n.width&&t.size.height===n.height||(t.size.width=n.width,t.size.height=n.height,this.renderSystem.commitIntrinsicSize(e.gameObject))}};b.systemName="Text",b=s([t.decorators.componentObserver({Text:["text",{prop:["style"],deep:!0}],HTMLText:["text",{prop:["style"],deep:!0},{prop:["textureStyle"],deep:!0}],BitmapText:["text",{prop:["style"],deep:!0}]})],b);var f=b;return e.BitmapText=y,e.HTMLText=v,e.Text=g,e.TextSystem=f,Object.defineProperty(e,"__esModule",{value:!0}),e}({},EVA,PIXI,EVA.plugin.renderer,EVA.rendererAdapter);globalThis.EVA.plugin.renderer.text=globalThis.EVA.plugin.renderer.text||_EVA_IIFE_text;