@shijiu/jsview 1.9.719

package/dom/jsview-dom/src/engine-js/browser/text_view.js

@@ -0,0 +1,428 @@
+/* eslint-disable no-unused-vars */
+/* eslint-disable no-prototype-builtins */
+import Forge from "../ForgeDefine";
+
+Forge.TextShaderType = {
+  LinearGradient: 0,
+  Image: 1,
+};
+class TextShader {
+  constructor(type, params) {
+    this.Type = type;
+    this.Params = params;
+  }
+}
+Forge.TextShader = TextShader;
+class TextViewParams {
+  constructor() {
+    const layout_view = new Forge.LayoutView();
+    const renderer = layout_view.GetRenderer();
+    this._Renderer = renderer;
+    this.StringWithFont = Forge.sTextUtils.StringWithFont("", 0, undefined, "center", "middle", undefined, false, false, undefined, undefined, "top");
+    this.RectArea = new Forge.RectArea(0, 0, 0, 0);// default w:0, h:0
+    this.TextAttr = Forge.sTextUtils.TextAttr("ellipsis", "none");
+    this.Marquee = null;// {repetition: "infinite", direction: "left", speed: "normal" };
+    this.Shader = null;
+    this.IsInstantLoad = true;
+    this.LineHeight = 0;
+    this.LatexMode = false;
+  }
+
+  SetInstantLoad(is_instant_load) {
+    this.IsInstantLoad = is_instant_load;
+    return this;
+  }
+
+  SetStringWithFont(string_with_font) {
+    this.StringWithFont = string_with_font;// renderer.StringWithFont
+    return this;
+  }
+
+  SetLatexMode(latex_mode) {
+    this.LatexMode = latex_mode;
+    return this;
+  }
+
+  SetFontStyle(_size_or_set, _font, _alignment, _vertical_align, _text_color, _italic, _bold, _shadow, _stroke_width, _vertical_area_align) {
+    if (typeof _size_or_set === "object") {
+      this.StringWithFont = Forge.sTextUtils.StringWithFont(
+        "",
+        (typeof _size_or_set.size !== "undefined" ? _size_or_set.size : 10),
+        (typeof _size_or_set.font !== "undefined" ? _size_or_set.font : "宋体"),
+        (typeof _size_or_set.hAlign !== "undefined" ? _size_or_set.hAlign : "center"),
+        (typeof _size_or_set.vAlign !== "undefined" ? _size_or_set.vAlign : "middle"),
+        (typeof _size_or_set.textColor !== "undefined" ? _size_or_set.textColor : "#000000"),
+        (typeof _size_or_set.italic !== "undefined" ? _size_or_set.italic : false),
+        (typeof _size_or_set.bold !== "undefined" ? _size_or_set.bold : false),
+        (typeof _size_or_set.shadow !== "undefined" ? _size_or_set.shadow : null),
+        (typeof _size_or_set.strokeWidth !== "undefined" ? _size_or_set.strokeWidth : null),
+        (typeof _size_or_set.vAreaAlign !== "undefined" ? _size_or_set.vAreaAlign : "top"),
+      );
+    } else {
+      this.StringWithFont = Forge.sTextUtils.StringWithFont(
+        "", _size_or_set, _font, _alignment, _vertical_align, _text_color, _italic, _bold, _shadow, _stroke_width, _vertical_area_align);
+    }
+    return this;
+  }
+
+  SetRectArea(rect_area) {
+    if (rect_area instanceof Forge.RectArea) {
+      this.RectArea = rect_area;
+    } else {
+      this.RectArea = new Forge.RectArea(rect_area.x, rect_area.y, rect_area.width, rect_area.height);
+    }
+    return this;
+  }
+
+  SetViewSize(rect_area) {
+    if (!(rect_area instanceof Forge.RectArea)) {
+      rect_area = new Forge.RectArea(rect_area.x, rect_area.y, rect_area.width, rect_area.height);
+    }
+    this.SetRectArea(rect_area);
+    if (this.LineHeight === 0 && rect_area.height !== 0) {
+      this.LineHeight = rect_area.height;
+    }
+    return this;
+  }
+
+  SetTextAttr(set) {
+    let text_overflow;
+    if (set.hasOwnProperty("textOverflow")) { text_overflow = set.textOverflow; } else if (set.hasOwnProperty("text_overflow")) // 兼容老定义
+    { text_overflow = set.text_overflow; } else { text_overflow = "clip"; }
+    let word_wrap;
+    if (set.hasOwnProperty("wordWrap")) { word_wrap = set.wordWrap; } else if (set.hasOwnProperty("word_wrap")) // 兼容老定义
+    { word_wrap = set.word_wrap; } else { word_wrap = "none"; }
+    this.TextAttr = {
+      word_wrap,
+      text_overflow
+    };
+    return this;
+  }
+
+  SetMarquee(marquee) {
+    if (marquee) {
+      this.Marquee = { repetition: "infinite", direction: "left", speed: "normal" };// set default
+      if (marquee.repetition) { this.Marquee.repetition = marquee.repetition; }
+      if (marquee.direction) { this.Marquee.direction = marquee.direction; }
+      if (marquee.speed) { this.Marquee.speed = marquee.speed; }
+    }
+    return this;
+  }
+
+  SetShader(shader) {
+    this.Shader = shader;
+    return this;
+  }
+
+  SetLineHeight(line_height) {
+    this.LineHeight = line_height;
+    return this;
+  }
+
+  // 启用获取复制文字Texture信息功能
+  EnableDuplicateBuilder() {
+    this.BuildCopyBag = true;
+  }
+
+  Clone() {
+    const text_view_params = new TextViewParams(null);
+    text_view_params.StringWithFont = this.StringWithFont;
+    text_view_params.RectArea = this.RectArea;
+    text_view_params.TextAttr = this.TextAttr;
+    text_view_params.LineHeight = this.LineHeight;
+    return text_view_params;
+  }
+}
+Forge.TextViewParams = TextViewParams;
+window.TextViewParams = Forge.TextViewParams;
+
+class TextViewEx {
+  constructor(texture_manager, text_view_params, text_string, quick, texture_onload_callbacks) {
+    this._layoutView = null;
+    this._textWidth = 0;
+    this._textViewReahHeight = 0;
+    this._marqueeRunning = true;
+    this._marqueePause = false;
+    this._marqueeCurrentNum = 2;
+    this._textView = null;
+    this._TextViewParams = text_view_params;
+    this._NeedQuick = typeof quick === "undefined" ? false : quick;// 默认需要实际高度
+    this._marquee = text_view_params.Marquee;
+    this._rectArea = text_view_params.RectArea;
+    this._DrawCount = 0;
+    this._ShowInterval = 0;
+    this._TextureManager = texture_manager;
+    this._LatexMode = text_view_params.LatexMode;
+    this._Shader = text_view_params.Shader;
+    this._IsInstantLoad = text_view_params.IsInstantLoad ? 1 : 0;
+    this._AutoHeight = false;
+    this._EnableTextureOnloadCallback = !!texture_onload_callbacks;
+    this._DuplicateBag = (text_view_params.BuildCopyBag ?
+      {
+        // 创建非空bag后，就可以在GetTextTextureByMultiRows()处理时获取信息
+        Set: null, // Texture的ResourceInfo中的Set
+        Swf: null, // String with font
+        Siz: null, // AddView时的width和height
+      } : null);
+    const _this = this;
+    let _renderer = null;
+    const _blockWidth = text_view_params.RectArea.width;
+    const _blockHeight = text_view_params.RectArea.height;
+    let _stringWithFont = null;
+    let _matrixClipLayoutview = null;
+
+    if (this._marquee !== null) {
+      // 只有在Maquee情况下需要ClipView(PS: react模式下不需要文字自身的maquee)
+      _matrixClipLayoutview = new Forge.ClipView();
+      _matrixClipLayoutview.Init();
+      _matrixClipLayoutview.SetClipRect(
+        0,
+        0,
+        _blockWidth,
+        _blockHeight,
+        true);
+      _matrixClipLayoutview.SetId("matrixClipLayoutview");
+      _matrixClipLayoutview.OnDettachFromSystem = function () {
+        _this._marqueeRunning = false;
+        Forge.ClipView.prototype.OnDettachFromSystem.call(this); // Call to super class
+      };
+    } else {
+      _matrixClipLayoutview = new Forge.LayoutView();
+      _matrixClipLayoutview.OnDettachFromSystem = function () {
+        if (this._TextureOnloadCallbacksTimer) {
+          clearTimeout(this._TextureOnloadCallbacksTimer);
+          this._TextureOnloadCallbacksTimer = null;
+        }
+      };
+    }
+
+    _renderer = _matrixClipLayoutview.GetRenderer();
+    this._Renderer = _renderer;
+    let text_str = text_string;
+    if (!text_str) {
+      text_str = text_view_params.StringWithFont.str;
+    }
+    // 对字符串进行转义字符替换(Escape character);
+    text_str = this._ConvertEscToString(text_str);
+    let italic = false;
+    if (text_view_params.StringWithFont.italic.length > 0) {
+      italic = true;
+    }
+    let bold = false;
+    if (text_view_params.StringWithFont.bold.length > 0) {
+      bold = true;
+    }
+    _stringWithFont = Forge.sTextUtils.StringWithFont(
+      text_str,
+      text_view_params.StringWithFont.size,
+      text_view_params.StringWithFont.font,
+      text_view_params.StringWithFont.alignment,
+      text_view_params.StringWithFont.vertical_align,
+      text_view_params.StringWithFont.textColour,
+      italic,
+      bold,
+      text_view_params.StringWithFont.shadow,
+      text_view_params.StringWithFont.stroke_width,
+      text_view_params.StringWithFont.vertical_area_align
+    );
+
+    // 需要实际宽高时，或有跑马灯设置，才获取实际的宽度
+    if (typeof text_view_params.Marquee !== "undefined"
+            && text_view_params.Marquee !== null) {
+      this._textWidth = Forge.sTextUtils.GetTextWidth(_stringWithFont);
+    } else if (!this._NeedQuick) {
+      this._textWidth = Forge.sTextUtils.GetTextWidth(_stringWithFont);
+    } else {
+      this._textWidth = text_view_params.RectArea.width - 2 * text_view_params.RectArea.x;
+    }
+
+    // add text view
+    this.addTextView(_matrixClipLayoutview, _stringWithFont,
+      text_view_params.TextAttr, text_view_params.RectArea,
+      text_view_params.Marquee, text_view_params.LineHeight);
+    if (this._TextureOnloadCallbacksTimer) {
+      clearTimeout(this._TextureOnloadCallbacksTimer);
+      this._TextureOnloadCallbacksTimer = null;
+    }
+    this._TextureOnloadCallbacksTimer = setTimeout(() => {
+      if (texture_onload_callbacks) {
+        texture_onload_callbacks({
+          width: this._textView.Element.clientWidth,
+          height: this._textView.Element.clientHeight
+        });
+      }
+    }, 0);
+
+    this._layoutView = _matrixClipLayoutview;
+
+    this._TextTexture = null;
+
+    this._MarqueeTimer = null;
+  }
+
+  _ConvertEscToString(src_string) {
+    let dst_str = `${src_string}`;// 强转字符串型
+    if (dst_str.indexOf(""") !== -1) {
+      dst_str = dst_str.replace(/"/ig, "\"");
+    }
+    if (dst_str.indexOf("&") !== -1) {
+      dst_str = dst_str.replace(/&/ig, "&");
+    }
+    if (dst_str.indexOf("<") !== -1) {
+      dst_str = dst_str.replace(/</ig, ">");
+    }
+    if (dst_str.indexOf(">") !== -1) {
+      dst_str = dst_str.replace(/&gt;/ig, "<");
+    }
+    if (dst_str.indexOf("&nbsp;") !== -1) {
+      dst_str = dst_str.replace(/&nbsp;/ig, " ");
+    }
+    return dst_str;
+  }
+
+  EnableAutoHeight() {
+    this._AutoHeight = true;
+    this._textView.EnableAutoHeight();
+  }
+
+  addTextView(parent_view, t_StringWithFont, t_TextAttr, t_RectArea, t_Marquee, line_height) {
+    const block_height = t_RectArea.height;
+    let text_texture;
+    const rect_area = Forge.Clone(t_RectArea);
+    let text_view = null;
+    if (t_StringWithFont.str.length !== 0) {
+      text_texture = this._TextureManager.GetTextTextureByMultiRows(t_StringWithFont, t_TextAttr, rect_area,
+        line_height, this._NeedQuick, this._Shader, this._IsInstantLoad, this._LatexMode, this._DuplicateBag);
+
+      // Set text texture
+      this._TextTexture = text_texture.texture;
+
+      // set real height
+      this._textViewReahHeight = text_texture.real_height;
+      text_view = new Forge.LayoutView();
+      text_view.Init(new Forge.TextureSetting(text_texture.texture, null, null, true));
+      text_view.SetId(`Text-${t_StringWithFont.str}`);
+
+      if (t_StringWithFont.vertical_area_align === "middle" || t_StringWithFont.vertical_area_align === "bottom") {
+        text_view.Element.style.display = "table-cell";
+        text_view.Element.style.position = "static";
+        parent_view.Element.style.display = "table";
+        parent_view.Element.style.position = "static";
+      }
+      parent_view.AddView(text_view,
+        new Forge.LayoutParams({
+          x: 0,
+          y: 0,
+          width: rect_area.width,
+          height: block_height
+        }));
+      this._textView = text_view;
+    } else {
+      this._textViewReahHeight = 0;
+      Forge.LogI("t_StringWithFont.str.length is 0");
+    }
+  }
+
+  // 获取快速构建同样文字样式TextViewEx的信息（样式和描画区域相同，一般出现在MetroWidget的重复项中的文字样式
+  // 获取样式后，通过 CopiedTextViewEx 快速创建文字View
+  GetDuplicateBuilder() {
+    return this._DuplicateBag;
+  }
+
+  GetLayoutView() {
+    return this._layoutView;
+  }
+
+  GetTextWidth() {
+    if (this._textView) {
+      return this._textView.Element.clientWidth;
+    }
+    return Math.floor(this._textWidth + 0.5);
+  }
+
+  StartAnimation(animation) {
+    if (animation && this._textView !== null) {
+      this._textView.StartAnimation(animation);
+    }
+  }
+}
+Forge.TextViewEx = TextViewEx;
+Forge.TextViewControl = TextViewEx;
+
+class CopiedTextViewEx {
+  /**
+   * 通过TextViewEx.GetDuplicateBuilder获得信息快速构建的文字View控件<br>
+   * 【重要】该控件主要为React场景服务，不支持Maquee和needQuick模式
+   *
+   * @public
+   * @param texture_manager {Forge.TextureManager}
+   * @param {String} text_string 文本
+   * @param {Object} text_area_size 文字展示区域，格式 {width:xxx, height:xxx}
+   * @param {Object} duplicate_info_bag TextViewEx.GetDuplicateBuilder得到的结构体(不要进行改动)
+   * @param {Function} texture_onload_callbacks 加载完成后的回调
+   * @class Forge.CopiedTextViewEx
+   **/
+  constructor(texture_manager, text_string, text_area_size, duplicate_info_bag, texture_onload_callbacks) {
+    const text_area = { x: 0, y: 0, width: text_area_size.width, height: text_area_size.height };
+
+    this._ContainerView = new Forge.LayoutView();
+    this._TextView = this._AddTextView(
+      texture_manager, text_string, text_area,
+      this._ContainerView, duplicate_info_bag, texture_onload_callbacks);
+  }
+
+  _AddTextView(texture_manager, text_string, text_area,
+    container_view, duplicate_info_bag, texture_onload_callbacks) {
+    let text_view = null;
+    if (text_string && text_string.length !== 0) {
+      const text_texture = texture_manager.GetCopiedTextTexture(
+        text_string,
+        text_area,
+        duplicate_info_bag,
+        texture_onload_callbacks);
+
+      text_view = new Forge.LayoutView();
+      text_view.Init(new Forge.TextureSetting(text_texture, null, null, true));
+      if (text_string.length < 15) {
+        text_view.SetId(`Text-${text_string}`);
+      } else {
+        // 文字太长时，使用长度来代表view id
+        text_view.SetId(`Text-Long${text_string.length}`);
+      }
+
+      container_view.AddView(text_view,
+        new Forge.LayoutParams({
+          x: 0,
+          y: 0,
+          width: text_area.width,
+          height: text_area.height
+        }));
+
+      // 注册加载完成后的回调
+      if (texture_onload_callbacks) {
+        text_texture.RegisterLoadImageCallback(null, texture_onload_callbacks, null);
+      }
+    }
+
+    return text_view;
+  }
+
+  EnableAutoHeight() {
+    if (this._TextView) {
+      this._TextView.EnableAutoHeight();
+    }
+  }
+
+  GetLayoutView() {
+    return this._ContainerView;
+  }
+}
+Forge.CopiedTextViewEx = CopiedTextViewEx;
+
+Forge.Clone = function (obj) {
+  // 效率低的深度层次拷贝
+  // 非深层次拷贝请换成Object.assign进行拷贝
+  return JSON.parse(JSON.stringify(obj));
+};
+
+window.Clone = Forge.Clone;