@shijiu/jsview-vue 2.2.35 → 2.2.128

package/utils/JsViewVueWidget/JsvTextBox.vue

@@ -3,11 +3,15 @@
  */
 
 /*
- * JsvTextBox：Vue高阶组件，文字的垂直对齐方式显示控件
+ * JsvTextBox：Vue高阶组件，用于文字绘制要精细调整的场景，
+ *            注意: 其中Jsv打头的属性为内部属性，不要在组件外直接使用，规避后续调整时进行变名等调整导致使用不了。
  *      props说明:
  *          verticalAlign {string}  垂直对齐方式 (必需) top、middle、bottom
  *          style {object}          样式(必需)
  *          enableLatex {bool}     是否启用Latex文字描画模式
+ *          textDirection {string}  文字方向，主要考虑阿拉伯语的方向场景
+ *          syncDraw {string}  文字较长时，是强制同步绘制还是自动的进入异步绘制，可选"auto","sync","async"
+ *                             其中"async"为强制包含短文字的场景也异步绘制
  * latex语法样例
  *    1. 颜色:     "测试\\textcolor{#FF0000}{红色}文字"
  *    2. 加粗:     "测试\\textb{加粗}文字"
@@ -33,11 +37,14 @@ const props = defineProps({
     default: "middle",
   },
   enableLatex: Boolean,
-  className: String,
   textDirection: {
     type: String,
     default: "unset",
   },
+  syncDraw: {
+    type: String,
+    default: "auto",
+  },
 });
 
 const computeAlignItems = computed(() => {
@@ -54,14 +61,14 @@ const computeAlignItems = computed(() => {
 
 const textWidth = computed(() => {
   let w = props.style?.width;
-  if (typeof w == "undefined" ) {
+  if (typeof w == "undefined") {
     w = 0;
   }
   return w;
 });
 
 const jsvTextLatexValue = computed(() => {
-  return props.enableLatex ? 1 : 0
+  return props.enableLatex ? 1 : 0;
 });
 </script>
 
@@ -80,6 +87,7 @@ const jsvTextLatexValue = computed(() => {
         JsvTextLineAlign: lineAlign,
         JsvTextInnerDirection: textDirection,
       }"
+      :data-jsv-perf-loadtex="props.syncDraw"
     >
       <slot />
     </div>

package/utils/JsViewVueWidget/JsvTextureAnim/BrowserTextureAnim.vue

@@ -7,6 +7,9 @@
 <script>
 // Forge共享数据引用，在Browser处理中window引用，规避Browser触发vite循环引用bug
 const forgeTextureManager = window.JsvCode.ForgeHandles.TextureManager;
+const renderDocument = window.JsvCode.Dom.RenderDocument
+  ? window.JsvCode.Dom.RenderDocument
+  : window.JsvCode.Dom.BrowserDocument;
 
 const DECORATE_BORDER_RADIUS = "BroderRaidus";
 const DECORATE_NINEPATCH_ALPHA_MIX = "NinePatchAlphaMix";
@@ -261,11 +264,11 @@ export default {
     },
 
     insertKeyframe(animDefine) {
-      const index = document.styleSheets[0].cssRules.length;
-      document.styleSheets[0].insertRule(animDefine, index);
+      const index = renderDocument.styleSheets[0].cssRules.length;
+      renderDocument.styleSheets[0].insertRule(animDefine, index);
     },
     removeKeyframe(animName) {
-      const styleSheetRef = document.styleSheets[0];
+      const styleSheetRef = renderDocument.styleSheets[0];
       const cssRulesRef = styleSheetRef.cssRules;
       // 对CssRules进行删除操作，倒序轮询
       for (let i = cssRulesRef.length - 1; i >= 0; i--) {
@@ -285,18 +288,18 @@ export default {
     this.$refs.root.jsvGetProxyView().RegisterOnProxyReady(() => {
       const root = this.$refs.root.jsvGetProxyView().HtmlGetElement();
       //绕过 jsview 对document 的 hook
-      this.clipDiv = window.originDocument.createElement("div");
+      this.clipDiv = renderDocument.createElement("div");
       Object.assign(this.clipDiv.style, this.maskStyle);
 
       const textureLayout = this.textureLayout;
-      this.animDiv = window.originDocument.createElement("div");
+      this.animDiv = renderDocument.createElement("div");
       Object.assign(this.animDiv.style, textureLayout);
       this.animDiv.onanimationend = () => {
         this.animDiv.style.animation = null;
         this.onAnimationEnd?.();
       };
 
-      this.imgDiv = window.originDocument.createElement("div");
+      this.imgDiv = renderDocument.createElement("div");
       this.imgDiv.style.width = textureLayout.width;
       this.imgDiv.style.height = textureLayout.height;
       this.imgDiv.style.backgroundImage = `url(${this.src})`;

package/utils/JsViewVueWidget/JsvTextureAnim/JsvTextureAnim.vue

@@ -337,6 +337,7 @@ export default {
           1
         );
         this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+        this.forgeAnimation.Enable(Forge.AnimationEnable.ReleaseAfterEndCallback);
         this.forgeAnimation.SetAnimationListener(
           new Forge.AnimationListener(null, this._onAnimationEnd, null)
         );
@@ -373,6 +374,7 @@ export default {
           1
         );
         this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+        this.forgeAnimation.Enable(Forge.AnimationEnable.ReleaseAfterEndCallback);
         this.forgeAnimation.SetAnimationListener(
           new Forge.AnimationListener(null, this._onAnimationEnd, null)
         );

package/utils/JsViewVueWidget/index.js

@@ -57,3 +57,4 @@ export {
 }
 export { default as JsvEnableRenderBreak } from "./JsvEnableRenderBreak.vue";
 export { JsvMindMap } from "./JsvMindMap"
+export * from "./JsvScrollBox"