@shijiu/jsview-vue 2.2.373 → 2.2.426-test.0

package/bin/jsview-vue.mjs

@@ -1,7 +1,7 @@
 import { Forge as Forge$1 } from '@shijiu/jsview/dom/jsv-forge-define.mjs';
 import { ref, computed, toRaw, reactive, nextTick, onMounted, onUpdated, onBeforeUnmount, onBeforeUpdate, openBlock, createElementBlock, renderSlot, shallowRef, resolveComponent, normalizeStyle, createElementVNode, unref, createVNode, withCtx, Fragment, renderList, createCommentVNode, inject, provide, onUnmounted, onActivated, onDeactivated, createBlock, defineAsyncComponent, normalizeProps, guardReactiveProps, watchEffect, mergeProps, toDisplayString, watch, shallowReactive, withDirectives, vShow, defineComponent } from 'vue';
 import { Forge as Forge$2, ForgeExtension } from '@shijiu/jsview/dom/jsv-forge-define';
-import { createWebHashHistory, createMemoryHistory } from 'vue-router';
+import { createMemoryHistory } from 'vue-router';
 import { _ as _export_sfc } from './export-sfc.mjs';
 export { A as ApicEndState, L as LoopType } from './jsview-vue-common.mjs';
 
@@ -3771,7 +3771,7 @@ class SlideAnimWrapper {
     } else if (typeof setting.speed == "number") {
       duration = Math.round(Math.max(Math.abs(to[0] - from[0]), Math.abs(to[1] - from[1])) / setting.speed);
     }
-    this.forgeAnim = new Forge$2.TranslateAnimation(
+    this.forgeAnim = new Forge$1.TranslateAnimation(
       from[0],
       to[0],
       from[1],
@@ -3780,7 +3780,7 @@ class SlideAnimWrapper {
       setting.easing
     );
     this.forgeAnim.SetAnimationListener(
-      new Forge$2.AnimationListener(this.onStart.bind(this), this.onEnd.bind(this), null)
+      new Forge$1.AnimationListener(this.onStart.bind(this), this.onEnd.bind(this), null)
     );
   }
   start() {
@@ -3806,7 +3806,7 @@ class AnimationManager {
   animList = [];
   frameCount = 0;
   startSlideAnim(element, from, to, setting) {
-    let curFrameCount = Forge$2.sFrameCount.count;
+    let curFrameCount = Forge$1.sFrameCount.count;
     if (curFrameCount != this.frameCount) {
       this.tryCleanOldAnim();
       this.frameCount = curFrameCount;
@@ -3815,7 +3815,7 @@ class AnimationManager {
     this.animList.push(obj);
     obj.start();
     return () => {
-      if (obj.getFrameCount() == Forge$2.sFrameCount.count) {
+      if (obj.getFrameCount() == Forge$1.sFrameCount.count) {
         obj.removeListener();
       }
       obj.stop();
@@ -3879,10 +3879,10 @@ class TaskManager {
     this.allTaskList.resize = [];
   }
   addTask(type, params, subtype = null) {
-    if (this.frameCount != Forge$2.sFrameCount.count) {
+    if (this.frameCount != Forge$1.sFrameCount.count) {
       this.cleanTaskCache();
       this.cancellableRunnerList = [];
-      this.frameCount = Forge$2.sFrameCount.count;
+      this.frameCount = Forge$1.sFrameCount.count;
     }
     this.cancellableRunnerList.forEach((t) => {
       t.cancel();
@@ -3891,7 +3891,7 @@ class TaskManager {
       type,
       subType: subtype,
       params,
-      frameCount: Forge$2.sFrameCount.count
+      frameCount: Forge$1.sFrameCount.count
     };
     switch (type) {
       case 2:
@@ -4181,13 +4181,11 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     let targetRect = null;
     let direction = void 0;
     let validSlideTask = false;
-    let forceSlide = false;
     if (allTask.slide.length > 0) {
       validSlideTask = true;
       tryCancelDelayLoad();
       let slideTask = lastOfArray(allTask.slide);
       slideDoAnim = slideTask.params.doAnim;
-      forceSlide = slideTask.params.force;
       switch (slideTask.subType) {
         case SlideTaskType.SLIDE_BY_DIV:
           {
@@ -4344,7 +4342,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         }
       }
     }
-    if (forceSlide || needSlide) {
+    if (needSlide) {
       let animInfo = void 0;
       if (slideDoAnim) {
         animInfo = {
@@ -4658,15 +4656,14 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       slideToInner(position, doAnim);
     }
   };
-  const slideToItemInner = (index, doAnim, direction = void 0, preItem = void 0, force = false) => {
+  const slideToItemInner = (index, doAnim, direction = void 0, preItem = void 0) => {
     taskManager.addTask(
       TaskType.SLIDE,
       {
         index,
         doAnim,
         direction,
-        preItem,
-        force
+        preItem
       },
       SlideTaskType.SLIDE_BY_ITEM
     );
@@ -4690,23 +4687,19 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       );
     }
   };
-  const slideToRectInner = (rect, doAnim, direction, force) => {
+  const slideToRect = (rect, doAnim, direction = void 0) => {
     if (rect && typeof rect.left == "number" && typeof rect.top == "number" && typeof rect.width == "number" && typeof rect.height == "number") {
       taskManager.addTask(
         TaskType.SLIDE,
         {
           rect,
           doAnim,
-          direction,
-          force
+          direction
         },
         SlideTaskType.SLIDE_BY_RECT
       );
     }
   };
-  const slideToRect = (rect, doAnim, direction = void 0) => {
-    slideToRectInner(rect, doAnim, direction, false);
-  };
   function ifLayoutChange(type, oldMeasureItem, newMeasureItem) {
     let changed = newMeasureItem.width !== oldMeasureItem.width || newMeasureItem.height !== oldMeasureItem.height || newMeasureItem.focusable !== oldMeasureItem.focusable || newMeasureItem.marginRight !== oldMeasureItem.marginRight || newMeasureItem.marginBottom !== oldMeasureItem.marginBottom;
     if (type !== "relative") {
@@ -4721,14 +4714,13 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       return;
     }
     try {
-      let newData = toRaw(props.provideData()).concat();
+      let newData = toRaw(props.provideData());
       if (newData instanceof Array) {
         let maxSameIndex = -1;
         let layoutChange = false;
         let onlyDataChangeList = [];
-        let targetFocusId = focusId;
         if (focusId >= newData.length) {
-          targetFocusId = newData.length - 1;
+          _changeFocusId(newData.length - 1, false);
         }
         if (!forceUpdate) {
           for (let i = 0; i < dataList.length; ++i) {
@@ -4764,7 +4756,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
             }
           }
         }
-        dataList = newData;
+        dataList = newData.concat();
         if (forceUpdate || layoutChange) {
           pageUpdateToken.value++;
           permanentItemList = [];
@@ -4788,15 +4780,15 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           if (props.onScroll) {
             templateItemAdder.tryAddItemByIndex(dataList.length - 1);
           } else {
-            templateItemAdder.tryAddItemById(targetFocusId);
+            templateItemAdder.tryAddItemById(focusId);
           }
         } else {
-          if (maxSameIndex < newData.length - 1) {
+          if (maxSameIndex < newData.length) {
             templateItemAdder.updateData(newData);
             if (props.onScroll) {
               templateItemAdder.tryAddItemByIndex(dataList.length - 1);
             } else {
-              templateItemAdder.tryAddItemById(targetFocusId);
+              templateItemAdder.tryAddItemById(focusId);
             }
           }
           if (onlyDataChangeList.length > 0) {
@@ -4810,14 +4802,6 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
             }
           }
         }
-        if (targetFocusId != focusId) {
-          _changeFocusId(targetFocusId, false);
-          visibleInfo = visibleInfo.copy();
-          visibleInfo.start = 0;
-          visibleInfo._startMax = 0;
-          slideDivLeft.value = 0;
-          slideDivTop.value = 0;
-        }
         const updater = pageUpdater.update(
           metroTemplate,
           visibleInfo.startWithPadding - innerKeepTraceRange * pageRange,
@@ -4830,9 +4814,9 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         onItemFocus(getItemById(focusId), null);
         let targetRect = mRectCache.getCurRect() ?? mRectCache.getPreRect();
         if (targetRect) {
-          slideToRectInner(targetRect, false, 0, true);
+          slideToRect(targetRect, false);
         } else {
-          slideToItemInner(id2Index(focusId), false, 0, 0, true);
+          slideToItem(id2Index(focusId), false);
         }
         updateTouchBoxCondition();
       }
@@ -5981,9 +5965,9 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   visibleInfo.range = vertical ? widgetRectInfo.contentHeight : widgetRectInfo.contentWidth;
   visibleInfo.padding = vertical ? { start: widgetRectInfo.padding.top, end: widgetRectInfo.padding.bottom } : { start: widgetRectInfo.padding.left, end: widgetRectInfo.padding.right };
   if (props.provideData) {
-    dataList = toRaw(props.provideData())?.concat();
+    dataList = toRaw(props.provideData());
   } else if (props.data) {
-    dataList = toRaw(props.data)?.concat();
+    dataList = toRaw(props.data);
   }
   templateItemAdder = new TemplateItemAdder(
     metroTemplate,
@@ -7350,9 +7334,7 @@ class JsvFocusManager {
   // #aliasMap = {}
   $_appMount = void 0;
   $_topFDiv = void 0;
-  $_autoSearchFocus = false;
-  constructor(config) {
-    this.$_autoSearchFocus = config.autoSearchFocus;
+  constructor() {
   }
   install(app, ...options) {
     console.log("JsvFocusManager install");
@@ -7409,7 +7391,6 @@ class JsvFocusManager {
   $_hookMount(app, rootNodeId) {
     rootNodeId = rootNodeId.replace("#", "");
     this.$_topFDiv = document.jsvInitFDivRoot(rootNodeId);
-    this.$_topFDiv.enableAutoSearchFocus(this.$_autoSearchFocus);
     this.$_appMount = app.mount.bind(app);
     return this.$_doAppMount.bind(this);
   }
@@ -7419,14 +7400,8 @@ class JsvFocusManager {
     return rootComponent;
   }
 }
-function jsvCreateFocusManager(config = null) {
-  let defualt_config = {
-    autoSearchFocus: false
-  };
-  return new JsvFocusManager({
-    ...defualt_config,
-    ...config
-  });
+function jsvCreateFocusManager() {
+  return new JsvFocusManager();
 }
 
 /* 
@@ -7657,10 +7632,9 @@ let PluginInfo$1 = {
   //插件初始化方法
   listener: "top.JsvAudioPluginLoadResult",
   //插件加载结果回调
-  listener2: "top.JsvAudioPluginStatus",
+  listener2: "top.JsvAudioPluginStatus"
   // debug:true,
-  md5: "5ab9bfbec33034a6a26df7c1187b3c8f"
-  // 插件的md5, 此信息是内网场景回使用，一定要对齐md5
+  // md5:"baafc8ea737adcad5443f44cc0112498"
 };
 
 /* 
@@ -8863,11 +8837,7 @@ function processLatexStr(origin) {
  */
 class JsvHashHistory {
   constructor(base) {
-    if (window.jsvIsBrowserDebug) {
-      this.#history = createWebHashHistory(base);
-    } else {
-      this.#history = this.#createMockHashHistory(base);
-    }
+    this.#history = this.#createMockHashHistory(base);
   }
   get location() {
     return this.#history.location;
@@ -8928,25 +8898,21 @@ class JsvHashHistory {
   }
   #getInitHash() {
     let initHash;
-    if (window.JsView.takeNativeHashChange) {
-      initHash = window.JsView.takeNativeHashChange({
-        //this.push(new_hash.substring(1)); // 去除#
-      });
-      if (initHash != null) {
-        console.log("History: found init hash change to:" + initHash);
-      } else {
-        initHash = window.location.hash;
-      }
+    initHash = window.JsvCoreApi.takeNativeHashChange((new_hash) => {
+    });
+    if (initHash != null) {
+      console.log("History: found init hash change to:" + initHash);
+    } else {
+      initHash = window.location.hash;
     }
     return initHash;
   }
   #updateLocation(location2) {
-    if (!window.jsvIsBrowserDebug) {
-      const url = new window.JsView.Dom.UrlRef(
-        location2 ? this.baseURL + location2 : this.baseURL,
-        true
-      );
+    const url = new URL(location2 ? this.baseURL + location2 : this.baseURL);
+    if (window.location.applyUrlInfo) {
       window.location.applyUrlInfo(url);
+    } else {
+      window.history.pushState(null, "", url.href);
     }
   }
   #convertUrlParams(value) {
@@ -9173,7 +9139,7 @@ function notifyPageLoadDone() {
   notifyPageLoaded();
 }
 function notifyPageLoaded() {
-  window.JsView?.enableReceivingUserInput?.();
+  window.JsvCoreApi.enableReceivingUserInput?.();
   direct_call("notifyPageLoaded");
 }
 function hasFavouriteFunction() {
@@ -9385,9 +9351,26 @@ function toNinePatchForgeViewSet(imageWidth, centerWidth, imageDspWidth, borderO
 }
 
 /* 
- + @file {@link file://./../../../utils/JsViewVueTools/TypeCheckAndSet.js}
+ + @file {@link file://./../../../utils/JsViewVueTools/TypeCheckAndSet.ts}
  */
 var number_convert_tmp = new Float32Array(1);
+function parseUrl(origin_url) {
+  let url_result = origin_url;
+  if (url_result.startsWith("url") === true) {
+    let startIdx = url_result.indexOf("(") + 1;
+    let endIdx = url_result.lastIndexOf(")");
+    url_result = url_result.substring(startIdx, endIdx).trim();
+    if (url_result === "undefined" || url_result === "null" || url_result.length === 0) {
+      return url_result;
+    }
+  }
+  if (url_result.startsWith("data:") === true || url_result.startsWith("jsvtexturestore:") === true) {
+    return url_result;
+  }
+  let base_url = window.location.jsvGetLocation ? window.location.jsvGetLocation() : window.location.href;
+  let url_parse = new window.JsvCoreApi.UrlBuilder(url_result, base_url);
+  return url_parse.href;
+}
 function numberCheckSet(number) {
   number_convert_tmp[0] = number;
   if (!isNaN(number_convert_tmp[0])) {
@@ -9400,11 +9383,8 @@ function numberCheckSet(number) {
 function urlCheckSet(origin_url) {
   if (origin_url && origin_url.indexOf("http") === 0) {
     return origin_url;
-  } else if (window.JsView.Dom.UrlRef) {
-    return new window.JsView.Dom.UrlRef(origin_url).href;
   } else {
-    console.warn(`${origin_url} is not valid url format, default as null`);
-    return null;
+    return parseUrl(origin_url);
   }
 }
 
@@ -9829,14 +9809,8 @@ function updateImpactAutoFroze(handler, element_auto_froze_pre_impact, element_a
  * @return {int} 文字宽度
  **/
 const getTextWidth = (text, style) => {
-  const textParams = {
-    str: text ? text : "",
-    font: style.fontFamily ? style.fontFamily : Forge$1.TextUtils.sDefaultFont,
-    size: style.fontSize ? style.fontSize : Forge$1.TextUtils.sDefaultFontSize,
-    italic: style.fontStyle === "italic" ? "italic" : "",
-    bold: style.fontWeight === "bold" ? "bold" : ""
-  };
-  return window.PlatformUtils.GetTextWidth(textParams);
+  let forgeRef = Forge$1;
+  return Forge$1.TextUtils.GetTextWidth(text, style);
 };
 /*
  * @typedef {object} SliceInfo
@@ -9860,25 +9834,7 @@ const getOneLineTextDrawWidth = (text, style) => {
   if (text && typeof text != "string") {
     text = "" + text;
   }
-  const info = window.PlatformUtils.GetOneLineTextDrawWidth(
-    text ?? "",
-    style.fontFamily ?? Forge$1.TextUtils.sDefaultFont,
-    style.fontSize ?? Forge$1.TextUtils.sDefaultFontSize,
-    style.fontStyle === "italic" ? "italic" : "",
-    style.fontWeight === "bold" ? "bold" : ""
-  );
-  const result = {
-    totalWidth: info[0],
-    sliceInfo: []
-  };
-  for (let i = 1; i < info.length; i += 3) {
-    result.sliceInfo.push({
-      start: info[i],
-      end: info[i + 1],
-      width: info[2 + 2]
-    });
-  }
-  return result;
+  return Forge$1.TextUtils.GetOneLineTextDrawWidth(text, style);
 };
 const isRtl = (str) => {
   for (let i = 0; i < str.length; i++) {
@@ -9893,55 +9849,38 @@ const isRtl = (str) => {
   }
   return false;
 };
-function GetCursorPosition(str, max_rect, font_params, text_attr, line_height, cursor_offset) {
-  let api = window.PlatformUtils?.GetCursorPosition.bind(window.PlatformUtils);
-  if (api) {
-    return api(str, max_rect, font_params, text_attr, line_height, cursor_offset);
-  } else {
-    return { x: 0, y: 0 };
-  }
-}
-class PackedFontParams {
-  font;
-  // font family name
-  size;
-  // font size
-  bold;
-  // ""/"bold"
-  italic;
-  // ""/"italic"
-  alignment;
-  // left / right /center
-  textColour;
+function getCursorPosition(cursorOffset, text, fontStyle, textLayoutStyle, buildCache) {
+  let result = Forge$1.TextUtils.GetCursorPosition(
+    0,
+    cursorOffset,
+    text,
+    fontStyle,
+    textLayoutStyle,
+    buildCache
+  );
+  return result;
 }
-function PackFontParams(font_family, font_size, bold, italic, alignment, text_color) {
-  let packed = new PackedFontParams();
-  if (!font_size)
-    font_size = Forge$1.TextUtils.sDefaultFontSize;
-  if (!font_family)
-    font_family = Forge$1.TextUtils.sDefaultFont;
-  packed.size = font_size;
-  packed.font = font_family;
-  packed.italic = italic ? "italic" : "";
-  packed.bold = bold ? "bold" : "";
-  packed.alignment = alignment && alignment.length > 0 ? alignment : "left";
-  packed.textColour = text_color ? text_color : Forge$1.TextUtils.sDefaultFontColor;
-  return packed;
+function getCursorPositionCached(cachedId, cursorOffset) {
+  let result = Forge$1.TextUtils.GetCursorPosition(
+    cachedId,
+    cursorOffset,
+    null,
+    null,
+    null,
+    true
+  );
+  return result;
 }
-function PackTextAttrs(text_overflow, word_wrap) {
-  if (!text_overflow)
-    text_overflow = "none";
-  if (!word_wrap)
-    word_wrap = "none";
-  return { text_overflow, word_wrap };
+function recycleCursorPositionCache(cached_id) {
+  Forge$1.TextUtils.RemoveCursorTextCache(cached_id);
 }
 const TextTools = {
   getOneLineTextDrawWidth,
   getTextWidth,
   isRtl,
-  PackFontParams,
-  PackTextAttrs,
-  GetCursorPosition
+  getCursorPosition,
+  getCursorPositionCached,
+  recycleCursorPositionCache
 };
 
 /* 
@@ -12068,7 +12007,7 @@ const _sfc_main$D = {
     const rProps = __props;
     const cDivWidth = Forge$2.sRenderBridge.GetScreenInfo().designedWidth;
     let rConfig = shallowRef({});
-    let vTextreStringCache = null;
+    let vTextureStringCache = null;
     let vStretchViewRef = null;
     const fncBuildForgeView = () => {
       vStretchViewRef = new Forge$2.AutoStretchView();
@@ -12086,23 +12025,17 @@ const _sfc_main$D = {
       }
       rConfig.value.askSize = rProps.askSize;
       rConfig.value.onSized = rProps.onSized;
-      if (rProps.background != vTextreStringCache) {
-        vTextreStringCache = rProps.background;
+      if (rProps.background != vTextureStringCache) {
+        vTextureStringCache = rProps.background;
         let texture_setting = null;
-        if (vTextreStringCache != null) {
+        if (vTextureStringCache != null) {
           const texture_manager = handles.TextureManager;
-          if (vTextreStringCache.trim().startsWith("#") || vTextreStringCache.trim().startsWith("rgba")) {
+          if (vTextureStringCache.trim().startsWith("#") || vTextureStringCache.trim().startsWith("rgba")) {
             texture_setting = new Forge$2.TextureSetting(
-              ForgeTextureApis.GetColorTexture(texture_manager, vTextreStringCache)
+              ForgeTextureApis.GetColorTexture(texture_manager, vTextureStringCache)
             );
           } else {
-            const base_url = vTextreStringCache;
-            let image_url = base_url;
-            if (base_url && base_url.indexOf("http") === 0) {
-              image_url = base_url;
-            } else if (window.JsView?.Dom.UrlRef) {
-              image_url = new window.JsView.Dom.UrlRef(base_url).href;
-            }
+            let image_url = urlCheckSet(vTextureStringCache);
             texture_setting = new Forge$2.ExternalTextureSetting(
               ForgeTextureApis.GetImage(texture_manager, image_url)
             );
@@ -12501,44 +12434,36 @@ const _sfc_main$A = {
   }
 };
 
-/* 
- + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/SharedDefine.ts}
- */
-const InputType = {
-  TEXT: Forge$1.TextInputType.TEXT,
-  NUMBER: Forge$1.TextInputType.NUMBER,
-  PASSWORD: Forge$1.TextInputType.PASSWORD
-};
-const MAX_WIDTH = 2e3;
-
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/SystemTextTools.ts}
  */
 function calculateCursorPosition(display_text, cursor_offset, rect_width, rect_height, line_height, font_style) {
-  const target_str = display_text;
-  const font_params = _getPackedFontParams(font_style);
-  const max_width = MAX_WIDTH;
-  const text_attr = TextTools.PackTextAttrs("none", "none");
-  const cur_pos = TextTools.GetCursorPosition(
-    target_str,
-    { width: rect_width, height: rect_height },
-    font_params,
-    text_attr,
-    line_height,
-    cursor_offset
-  );
-  return cur_pos.x;
+  let css_font_style = {
+    fontFamily: font_style.fontFamily,
+    fontSize: font_style.fontSize,
+    fontStyle: font_style.fontStyle,
+    fontWeight: font_style.fontWeight
+  };
+  let css_textlayout_style = {
+    width: rect_width,
+    height: rect_height,
+    lineHeight: line_height
+  };
+  let cursor_info = TextTools.getCursorPosition(cursor_offset, display_text, css_font_style, css_textlayout_style, true);
+  return {
+    x: cursor_info.x,
+    cachedId: cursor_info.cachedId
+  };
 }
-function getTextDisplayWidth(text, font_style) {
-  return getTextWidth(text, font_style);
+function calculateCursorPositionCached(cursor_offset, cached_id) {
+  let cursor_info = TextTools.getCursorPositionCached(cached_id, cursor_offset);
+  return cursor_info.x;
 }
-function _getPackedFontParams(font_style) {
-  const size = font_style.fontSize ? font_style.fontSize : 12;
-  const font = font_style.fontFamily;
-  const alignment = font_style.textAlign;
-  const italic = font_style.fontStyle === "italic";
-  const bold = font_style.fontWeight === "bold";
-  return TextTools.PackFontParams(font, size, bold, italic, alignment, null);
+function recycleCursorMeasureCache(cached_id) {
+  TextTools.recycleCursorPositionCache(cached_id);
+}
+function getTextDisplayWidth(text, font_style) {
+  return TextTools.getTextWidth(text, font_style);
 }
 
 /* 
@@ -12557,6 +12482,9 @@ class EditVisibleArea {
   // 显示区域的末尾是整段文字第几个像素上
   _VisibleAreaCurPos = 0;
   // 光标在整段文字的第几个像素上
+  // 管理Cursor measure的cache
+  _CursorMeasureCachedId = 0;
+  _CursorMeasuredToken = 0;
   constructor(area_width, area_height, cursor_width, font_style, is_right_align) {
     this._CursorWidth = cursor_width;
     this._FontStyle = font_style;
@@ -12570,21 +12498,46 @@ class EditVisibleArea {
   getCursorPosition() {
     return this._VisibleAreaCurPos;
   }
-  calculateSlide(pre_str, target_str, pre_str_dsp_width, target_str_dsp_width, cur_index, moved) {
+  releaseResource() {
+    if (this._CursorMeasureCachedId > 0) {
+      recycleCursorMeasureCache(this._CursorMeasureCachedId);
+      this._CursorMeasureCachedId = 0;
+    }
+  }
+  calculateSlide(pre_str, target_str, pre_str_dsp_width, target_str_dsp_width, cur_index, moved, text_info_token) {
     if (target_str.length === 0) {
       this._VisibleAreaCurPos = 0;
       this._updateVisibleAreaPos(0, target_str_dsp_width);
       return this._caculateTextLeft(target_str_dsp_width);
     }
     let new_left = this._TextLeft;
-    const current_cursor_position = calculateCursorPosition(
-      target_str,
-      cur_index,
-      target_str_dsp_width,
-      this._AreaHeight,
-      this._AreaHeight,
-      this._FontStyle
-    );
+    let current_cursor_position = 0;
+    if (cur_index == target_str.length) {
+      current_cursor_position = target_str_dsp_width;
+    } else {
+      if (this._CursorMeasuredToken == text_info_token && this._CursorMeasureCachedId > 0) {
+        current_cursor_position = calculateCursorPositionCached(
+          cur_index,
+          this._CursorMeasureCachedId
+        );
+      } else {
+        if (this._CursorMeasureCachedId > 0) {
+          recycleCursorMeasureCache(this._CursorMeasureCachedId);
+          this._CursorMeasureCachedId = 0;
+        }
+        let measure_result = calculateCursorPosition(
+          target_str,
+          cur_index,
+          target_str_dsp_width,
+          this._AreaHeight,
+          this._AreaHeight,
+          this._FontStyle
+        );
+        current_cursor_position = measure_result.x;
+        this._CursorMeasureCachedId = measure_result.cachedId;
+        this._CursorMeasuredToken = text_info_token;
+      }
+    }
     let option_mode = "op_vis_normal";
     if (pre_str.length > target_str.length) {
       option_mode = "op_del";
@@ -12715,6 +12668,16 @@ class EditVisibleArea {
   }
 }
 
+/* 
+ + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/SharedDefine.ts}
+ */
+const InputType = {
+  TEXT: Forge$1.TextInputType.TEXT,
+  NUMBER: Forge$1.TextInputType.NUMBER,
+  PASSWORD: Forge$1.TextInputType.PASSWORD
+};
+const MAX_WIDTH = 2e3;
+
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/EditViewOperator.ts}
  */
@@ -12742,6 +12705,8 @@ class EditViewOperator {
   // 相对可视区域的左边缘的焦点显示位置
   _IsFocus = false;
   _EditVisibleArea;
+  _TextChangedCount = 0;
+  // 记录文字变化的次数，可用于确认文字是否变化，当style变化或者文字内容变化时+1
   // Callback
   _OnTextChangedCallback;
   _OnCursorMoved;
@@ -12762,7 +12727,9 @@ class EditViewOperator {
           this._EditViewHandle.showIme(
             this._InputType,
             this._CurrentFullText,
-            this._CurrentCursorOffset
+            this._CurrentCursorOffset,
+            Math.ceil(-this._TextLeft),
+            0
           );
         }
       }
@@ -12779,10 +12746,12 @@ class EditViewOperator {
     this._EditViewHandle.showIme(
       this._InputType,
       this._CurrentFullText,
-      this._CurrentCursorOffset
+      this._CurrentCursorOffset,
+      Math.ceil(-this._TextLeft),
+      0
     );
   }
-  updateInputConfig(box_width, box_height, cursor_width, font_style, input_type, max_input_lenth, text_read_only) {
+  updateInputConfig(box_width, box_height, cursor_width, font_style, input_type, max_input_lenth, text_read_only, editorTextColor, editorBackground) {
     this._FontStyle = {
       fontSize: !font_style.fontSize || isNaN(font_style.fontSize) ? Forge$1.TextUtils.sDefaultFontSize : font_style.fontSize,
       fontFamily: !font_style.fontFamily ? Forge$1.TextUtils.sDefaultFontSize : font_style.fontFamily,
@@ -12801,11 +12770,20 @@ class EditViewOperator {
       font_style,
       font_style.textAlign === "right"
     );
+    this._EditViewHandle.setEditorStyle(
+      this._FontStyle.fontSize,
+      this._FontStyle.textAlign,
+      editorTextColor,
+      editorBackground
+    );
   }
   generateView() {
     this._EditViewHandle = new Forge$1.EditControlView();
-    this._EditViewHandle.OnTextChanged = this._OnTextChanged.bind(this);
-    this._EditViewHandle.OnStatusChanged = this._OnStatusChanged.bind(this);
+    this._EditViewHandle.addImeEventListener({
+      OnTextChanged: this._OnTextChanged.bind(this),
+      OnStatusChanged: this._OnStatusChanged.bind(this),
+      OnEditAction: null
+    });
     this._EditViewId = Forge$1.sViewStore.add(
       new Forge$1.ViewInfo(this._EditViewHandle)
     );
@@ -12834,7 +12812,8 @@ class EditViewOperator {
           this._CurrentDspWith,
           this._CurrentDspWith,
           new_cursor_index,
-          true
+          true,
+          this._TextChangedCount
         );
         this._UpdateDispay(new_text_left, new_cursor_index);
       }
@@ -12849,6 +12828,8 @@ class EditViewOperator {
     }
   }
   onUnmounted() {
+    this._EditViewHandle?.releaseResource();
+    this._EditVisibleArea.releaseResource();
     if (this._EditViewId != -1) {
       Forge$1.sViewStore.remove(this._EditViewId);
       this._EditViewId = -1;
@@ -12869,12 +12850,19 @@ class EditViewOperator {
     }
   }
   // EditControlView当输入变化时的回调
-  _OnTextChanged(text, cursor_index) {
+  _OnTextChanged(text, cursor_index, scroll_left) {
+    let p = {
+      text,
+      cursor_index,
+      scroll_left
+    };
     if (typeof text != "string" || text.length >= this._MaxInputLenth) {
       if (this._EditViewHandle && this._IsFocus) {
         this._EditViewHandle.updateCursorOffset(
           this._CurrentDspText,
-          this._CurrentCursorOffset
+          this._CurrentCursorOffset,
+          Math.ceil(-this._TextLeft),
+          0
         );
       }
       return;
@@ -12886,7 +12874,9 @@ class EditViewOperator {
       if (add_text && !ifDigital(add_text) && this._InputType === InputType.NUMBER) {
         this._EditViewHandle.updateCursorOffset(
           this._CurrentDspText,
-          this._CurrentCursorOffset
+          this._CurrentCursorOffset,
+          Math.ceil(-this._TextLeft),
+          0
         );
         return;
       }
@@ -12902,6 +12892,7 @@ class EditViewOperator {
         this._CurrentDspText = text;
       }
       this._CurrentDspWith = getTextDisplayWidth(this._CurrentDspText, this._FontStyle);
+      this._TextChangedCount++;
     } else {
     }
     let new_text_left = this._EditVisibleArea.calculateSlide(
@@ -12910,14 +12901,15 @@ class EditViewOperator {
       origin_dsp_width,
       this._CurrentDspWith,
       cursor_index,
-      false
+      false,
+      this._TextChangedCount
     );
     this._UpdateDispay(new_text_left, cursor_index);
     if (text_changed) {
       this._OnTextChangedCallback?.(this._CurrentFullText, this._CurrentDspText);
     }
   }
-  _OnStatusChanged() {
+  _OnStatusChanged(visible) {
   }
   addText(text) {
     if (this._InputType === InputType.NUMBER && !ifDigital(text)) {
@@ -12950,6 +12942,11 @@ class EditViewOperator {
   }
 }
 
+/* 
+ + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/JsvInput.vue?vue&type=style&index=0&scoped=3de0c16d&lang.css}
+ */
+const JsvInput_vue_vue_type_style_index_0_scoped_3de0c16d_lang = "";
+
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/JsvInput.vue}
  */
@@ -12964,6 +12961,7 @@ class EditViewOperator {
 *         type Input.type.TEXT         若为number类型，则输入时，非number无法输入
 *         placeholder {string}         文字颜色值为灰色,默认值为"请输入文字"
 *         placeholderColor {string}    默认文字颜色,默认值为灰色
+*         editorBackground {string}    当ime出现时，输入框呈现的强调颜色,注意:不能为半透明色
 *         maxLength {number}           最大字符长度, 默认100，支持单行最大宽度为1920*2，
 *                                      fontsize为30，则字数大约为1920*2/30 = 100个左右
 *         readonly {bool}              属性规定输入字段是只读的, 默认false
@@ -13035,6 +13033,10 @@ const _sfc_main$z = {
       type: String,
       default: "#CDCCD6"
     },
+    editorBackground: {
+      type: String,
+      default: "#5d5c76"
+    },
     maxLength: {
       type: Number,
       default: 100
@@ -13097,9 +13099,6 @@ const _sfc_main$z = {
       rInputFinalTextLenth.value = dsp_text.length;
     }
     function _OnCursorPositionChanged(text_left, cursor_left) {
-      console.log(
-        "_OnCursorPositionChanged text_left=" + text_left + " cursor_left=" + cursor_left
-      );
       rTextPosLeft.value = text_left;
       rCursorLeft.value = cursor_left + text_left;
     }
@@ -13116,7 +13115,9 @@ const _sfc_main$z = {
       rProps.fontStyle,
       rProps.type,
       rProps.maxLength,
-      rProps.readonly
+      rProps.readonly,
+      rProps.fontStyle.color,
+      rProps.editorBackground
     );
     function _FocusBlockOnFocus() {
       cEditViewOperator.updateFocus(true);
@@ -13131,10 +13132,10 @@ const _sfc_main$z = {
       39: EdgeDirection.right,
       40: EdgeDirection.bottom
     };
-    function _FocusBlockOnKeyDown(keyEvent2) {
+    function _FocusBlockOnKeyDown(keyEvent) {
       let key_used = false;
       let valid_move = false;
-      switch (keyEvent2.keyCode) {
+      switch (keyEvent.keyCode) {
         case 37:
           valid_move = cEditViewOperator.moveCursorOffset(-1);
           key_used = true;
@@ -13161,10 +13162,10 @@ const _sfc_main$z = {
           }
           break;
       }
-      if (fncIfDirectionKeyCode(keyEvent2.keyCode) && !valid_move) {
-        if (rProps.onEdge && cEdgeMap[keyEvent2.keyCode]) {
+      if (fncIfDirectionKeyCode(keyEvent.keyCode) && !valid_move) {
+        if (rProps.onEdge && cEdgeMap[keyEvent.keyCode]) {
           rProps.onEdge({
-            direction: cEdgeMap[keyEvent2.keyCode],
+            direction: cEdgeMap[keyEvent.keyCode],
             rect: {
               x: rProps.left,
               y: rProps.top,
@@ -13177,7 +13178,7 @@ const _sfc_main$z = {
       return key_used;
     }
     function _FocusBlockOnKeyUp(ev) {
-      if (keyEvent.keyCode == 1e4) {
+      if (ev.keyCode == 1e4) {
         return !!rProps.onBackKey?.(true);
       }
       return false;
@@ -13268,13 +13269,22 @@ const _sfc_main$z = {
             color: unref(rCursorColorInner),
             width: rProps.cursorWidth
           }, null, 8, ["left", "height", "color", "width"])) : createCommentVNode("", true),
-          createElementVNode("div", { "data-jsv-vw-innerview": unref(vEditViewInnerId) }, null, 8, ["data-jsv-vw-innerview"])
+          createElementVNode("div", {
+            style: normalizeStyle({
+              width: rProps.width,
+              height: rProps.height
+            }),
+            "data-jsv-vw-innerview": unref(vEditViewInnerId)
+          }, null, 12, ["data-jsv-vw-innerview"])
         ]),
         _: 1
       }, 8, ["name", "onAction", "style"]);
     };
   }
 };
+const styleSheetsContent$2 = { "3de0c16d": { ".testColor": '{"backgroundColor":"#5d5c76"}' } };
+window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$2);
+const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__scopeId", "data-v-3de0c16d"]]);
 
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/index.js}
@@ -13321,7 +13331,7 @@ const _sfc_main$z = {
 *        net_setting {object}:  (未实现)网络加载参数，cookie, refer等，默认值 null
 */
 const CONST_FORMAT_TOKEN = "_JsvP_";
-const buildPreloadInfo$1 = (url, width = 0, height = 0, color_type = "RGBA_8888", net_setting = null, is_poster_img) => {
+const buildPreloadInfo = (url, width = 0, height = 0, color_type = "RGBA_8888", net_setting = null, is_poster_img) => {
   return {
     url,
     width,
@@ -13333,7 +13343,7 @@ const buildPreloadInfo$1 = (url, width = 0, height = 0, color_type = "RGBA_8888"
     isPosterImage: is_poster_img ?? false
   };
 };
-const buildDownloadInfo$1 = (url, net_setting = null, get_image_size) => {
+const buildDownloadInfo = (url, net_setting = null, get_image_size) => {
   return {
     url,
     netSetting: net_setting,
@@ -13353,7 +13363,6 @@ const _sfc_main$y = {
   },
   setup(__props) {
     const props = __props;
-    const CONST_FORMAT_TOKEN2 = "_JsvP_";
     const loadViewList = reactive({
       preloadViewList: [],
       downloadViewList: []
@@ -13367,35 +13376,27 @@ const _sfc_main$y = {
     let preloadToken = 1;
     let downloadToken = 1;
     const _releasePreloadView = () => {
-      if (window.JsView) {
-        if (loadViewList.preloadViewList.length > 0) {
-          for (const view_info of loadViewList.preloadViewList) {
-            if (view_info) {
-              const id = view_info.viewId;
-              view_info.textureRef?.DisableBackgroundLoad();
-              view_info.textureRef?.UnregisterLoadImageCallback(
-                view_info.callToken
-              );
-              Forge$2.sViewStore.remove(id);
-            }
+      if (loadViewList.preloadViewList.length > 0) {
+        for (const view_info of loadViewList.preloadViewList) {
+          if (view_info) {
+            const id = view_info.viewId;
+            view_info.textureRef?.DisableBackgroundLoad();
+            view_info.textureRef?.UnregisterLoadImageCallback(view_info.callToken);
+            Forge$2.sViewStore.remove(id);
           }
         }
-        loadViewList.preloadViewList = [];
-        preloadStateList = [];
       }
+      loadViewList.preloadViewList = [];
+      preloadStateList = [];
     };
     const _releaseDownloadView = () => {
-      if (window.JsView) {
-        if (loadViewList.downloadViewList.length > 0) {
-          for (const view_info of loadViewList.downloadViewList) {
-            if (view_info) {
-              const id = view_info.viewId;
-              view_info.textureRef?.DisableBackgroundLoad();
-              view_info.textureRef?.UnregisterLoadImageCallback(
-                view_info.callToken
-              );
-              Forge$2.sViewStore.remove(id);
-            }
+      if (loadViewList.downloadViewList.length > 0) {
+        for (const view_info of loadViewList.downloadViewList) {
+          if (view_info) {
+            const id = view_info.viewId;
+            view_info.textureRef?.DisableBackgroundLoad();
+            view_info.textureRef?.UnregisterLoadImageCallback(view_info.callToken);
+            Forge$2.sViewStore.remove(id);
           }
         }
       }
@@ -13432,18 +13433,12 @@ const _sfc_main$y = {
         }
       }
       loadViewList.preloadViewList = preloadListData.map((item, index) => {
-        if (item.magicToken !== CONST_FORMAT_TOKEN2) {
+        if (item.magicToken !== CONST_FORMAT_TOKEN) {
           console.error(
             "Error:format mismatch, data should comes from function buildPreloadInfo()"
           );
         }
-        const base_url = item.url;
-        let image_url = base_url;
-        if (base_url && base_url.indexOf("http") < 0) {
-          if (window.JsView.Dom.UrlRef) {
-            image_url = new window.JsView.Dom.UrlRef(base_url).href;
-          }
-        }
+        let image_url = urlCheckSet(item.url);
         let target_size = null;
         if (item.width !== 0 && item.height !== 0) {
           target_size = { width: item.width, height: item.height };
@@ -13511,19 +13506,13 @@ const _sfc_main$y = {
         }
       }
       loadViewList.downloadViewList = downloadListData.map((item, index) => {
-        if (item.magicToken !== CONST_FORMAT_TOKEN2) {
+        if (item.magicToken !== CONST_FORMAT_TOKEN) {
           console.error(
             "Error:format mismatch, data should comes from function buildDownloadInfo()"
           );
         }
         console.log(`OnDownload get${index} url=${item.url}`);
-        const base_url = item.url;
-        let image_url = base_url;
-        if (base_url && base_url.indexOf("http") < 0) {
-          if (window.JsView.Dom.UrlRef) {
-            image_url = new window.JsView.Dom.UrlRef(base_url).href;
-          }
-        }
+        let image_url = urlCheckSet(item.url);
         const texture = handles.TextureManager.GetDownloadTexture(
           image_url,
           null,
@@ -13620,17 +13609,6 @@ const _sfc_main$y = {
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvPreload/index.js}
  */
-// 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
-let _JsvPreload;
-if (window.JsView) {
-  _JsvPreload = _sfc_main$y;
-} else {
-  const BrowserPreload = await import('./browser/BrowserPreload.vue.mjs');
-  _JsvPreload = BrowserPreload.default;
-}
-let buildPreloadInfo = buildPreloadInfo$1;
-let buildDownloadInfo = buildDownloadInfo$1;
-const JsvPreload = _JsvPreload;
 
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvQrcode/JsvQrcode.vue}
@@ -13725,7 +13703,7 @@ const _sfc_main$x = {
       if (this.imageSettings && calculatedImageSettings) {
         let url = this.imageSettings.src;
         if (typeof url === "string") {
-          url = new window.JsView.Dom.UrlRef(this.imageSettings.src).href;
+          url = urlCheckSet(this.imageSettings.src);
         }
         const img_texture = texture_manager.GetImage(url);
         const img_view = new Forge$2.LayoutView(
@@ -13790,19 +13768,6 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$6]]);
 
-/* 
- + @file {@link file://./../../../../utils/JsViewVueWidget/JsvQrcode/index.js}
- */
-// 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
-let _JsvQrcode;
-if (window.JsView) {
-  _JsvQrcode = JsvQrcode;
-} else {
-  const BrowserQrcode = await import('./browser/BrowserQrcode.vue.mjs');
-  _JsvQrcode = BrowserQrcode.default;
-}
-const _JsvQrcode$1 = _JsvQrcode;
-
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpray/JsvSpray.vue}
  */
@@ -13852,13 +13817,7 @@ let buildForgeView = (pointRes, sprayStyle, sizeRef, ignoreClip) => {
       texture_manager.GetColorTexture(pointRes)
     );
   } else {
-    const base_url = pointRes;
-    let image_url = base_url;
-    if (base_url && base_url.indexOf("http") === 0) {
-      image_url = base_url;
-    } else if (window.JsView.Dom.UrlRef) {
-      image_url = new window.JsView.Dom.UrlRef(pointRes).href;
-    }
+    let image_url = urlCheckSet(pointRes);
     texture_setting = new Forge$2.ExternalTextureSetting(
       texture_manager.GetImage2(image_url, false, null, "RGB_8888", null)
     );
@@ -13882,7 +13841,10 @@ let buildForgeView = (pointRes, sprayStyle, sizeRef, ignoreClip) => {
   }
   let lifeMin = sprayStyle.lifeMin, lifeMax = sprayStyle.lifeMax;
   if (sprayStyle.lifeMax > 50 * 1e3) {
-    console.warn("JsvSpray: particle maximum lifetime is 50000ms, current value is", sprayStyle.lifeMax);
+    console.warn(
+      "JsvSpray: particle maximum lifetime is 50000ms, current value is",
+      sprayStyle.lifeMax
+    );
     lifeMin = sprayStyle.lifeMin > 5e4 ? 5e4 : sprayStyle.lifeMin;
     lifeMax = sprayStyle.lifeMax > 5e4 ? 5e4 : sprayStyle.lifeMax;
   }
@@ -13985,19 +13947,6 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$5]]);
 
-/* 
- + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpray/index.js}
- */
-// 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
-let _JsvSpray;
-if (window.JsView) {
-  _JsvSpray = JsvSpray;
-} else {
-  const BrowserSpray = await import('./browser/BrowserSpray.vue.mjs');
-  _JsvSpray = BrowserSpray.default;
-}
-const _JsvSpray$1 = _JsvSpray;
-
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpriteAnim/sAnimationToken.ts}
  */
@@ -14181,9 +14130,9 @@ function newFrozeFrame(image_url, frame_info_list, index, canvas_width, canvas_h
 ;
 
 /* 
- + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteAnim.vue?vue&type=style&index=0&scoped=942faa0f&lang.css}
+ + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteAnim.vue?vue&type=style&index=0&scoped=a0fb356d&lang.css}
  */
-const JsvSpriteAnim_vue_vue_type_style_index_0_scoped_942faa0f_lang = "";
+const JsvSpriteAnim_vue_vue_type_style_index_0_scoped_a0fb356d_lang = "";
 
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteAnim.vue}
@@ -14473,11 +14422,6 @@ const _sfc_main$v = {
     });
     const onAnimEndDelegate = () => {
       if (props.onAnimEnd) {
-        if (!window.JsView) {
-          console.log(
-            "JsvSpriteAnim 结束回调时进行隐藏在PC环境会有一帧残留，盒子环境是正常,可忽略这个问题"
-          );
-        }
         props.onAnimEnd();
       }
       if (apiStartEndCallback) {
@@ -14570,9 +14514,9 @@ const _sfc_main$v = {
     };
   }
 };
-const styleSheetsContent$1 = { "0": { "sprite-tag-942faa0f": "@keyframes sprite-tag-942faa0f {}" } };
+const styleSheetsContent$1 = { "0": { "sprite-tag-a0fb356d": "@keyframes sprite-tag-a0fb356d {}" } };
 window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
-const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-942faa0f"]]);
+const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__scopeId", "data-v-a0fb356d"]]);
 
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteLoader.vue}
@@ -14665,7 +14609,7 @@ const _sfc_main$u = {
         id: "sprite-loader",
         key: unref(resetId)
       }, [
-        createVNode(unref(JsvPreload), {
+        createVNode(unref(_sfc_main$y), {
           preloadList: unref(preloadInfo),
           onPreloadDone: unref(_onPreloadDone)
         }, null, 8, ["preloadList", "onPreloadDone"]),
@@ -15937,10 +15881,6 @@ const TexAlignAnchor$1 = {
   CENTER_BOTTOM: 8,
   RIGHT_BOTTOM: 9
 };
-const STATE_IDLE = 0;
-const STATE_RUNNING = 1;
-const STATE_PAUSED = 2;
-const STATE_END = 3;
 const _sfc_main$q = {
   props: {
     src: String,
@@ -15985,8 +15925,7 @@ const _sfc_main$q = {
   },
   setup() {
     return {
-      runningState: STATE_IDLE,
-      // 0:未开始, 1:运行中, 2:暂停, 3:正常结束
+      forgeAnimation: null,
       innerViewId: -1
     };
   },
@@ -16085,10 +16024,7 @@ const _sfc_main$q = {
       );
       return new Forge$2.LayoutView(texture_set);
     },
-    _onAnimationEnd(normal_end) {
-      if (normal_end) {
-        this.runningState = STATE_END;
-      }
+    _onAnimationEnd() {
       this.onAnimationEnd?.();
     },
     _updateTexCoord() {
@@ -16109,32 +16045,9 @@ const _sfc_main$q = {
         }
       }
     },
-    _buildAnimation() {
-      if (this.animation) {
-        let anim = new Forge$2.CssKeyframeAnimation(
-          "@keyframes texAnimDef" + this.animation,
-          this.duration,
-          null,
-          1,
-          1
-        );
-        anim.EnableDelay(this.delay).SetRepeat(this.repeat);
-        anim.Enable(Forge$2.AnimationEnable.ReleaseAfterEndCallback);
-        anim.SetAnimationListener(
-          new Forge$2.AnimationListener(null, this._onAnimationEnd, null)
-        );
-        return anim;
-      } else {
-        return null;
-      }
-    },
     start() {
-      if (this.innerView) {
-        let anim = this._buildAnimation();
-        if (anim) {
-          this.runningState = STATE_RUNNING;
-          this.innerView.StartTextureAnimation(anim);
-        }
+      if (this.forgeAnimation && this.innerView) {
+        this.innerView.StartTextureAnimation(this.forgeAnimation);
       }
     },
     getTransition() {
@@ -16148,32 +16061,41 @@ const _sfc_main$q = {
     }
   },
   created() {
-    if (window.JsView) {
-      const textureManager = handles.TextureManager;
-      let image_url = urlCheckSet(this.src);
-      let view_texture = textureManager.GetImage2(
-        image_url,
-        false,
+    const textureManager = handles.TextureManager;
+    let image_url = urlCheckSet(this.src);
+    let view_texture = textureManager.GetImage2(
+      image_url,
+      false,
+      null,
+      "RGB_8888",
+      null
+    );
+    let decorate = this.$props.decorate;
+    this.innerView = this._createForgeView(view_texture, decorate);
+    if (this.transform) {
+      this.innerView.ResetTextureCssTransform(
+        this.transform,
+        this.transformOrigin
+      );
+    }
+    this._updateTexCoord();
+    if (this.animation) {
+      this.forgeAnimation = new Forge$2.CssKeyframeAnimation(
+        "@keyframes texAnimDef" + this.animation,
+        this.duration,
         null,
-        "RGB_8888",
-        null
+        1,
+        1
       );
-      let decorate = this.$props.decorate;
-      if (this.$props.borderRadius) {
-        decorate = this._readRadius(this.$props.borderRadius);
-      }
-      this.innerView = this._createForgeView(view_texture, decorate);
-      if (this.transform) {
-        this.innerView.ResetTextureCssTransform(
-          this.transform,
-          this.transformOrigin
-        );
-      }
-      this._updateTexCoord();
-      this.innerViewId = Forge$2.sViewStore.add(
-        new Forge$2.ViewInfo(this.innerView)
+      this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+      this.forgeAnimation.Enable(Forge$2.AnimationEnable.ReleaseAfterEndCallback);
+      this.forgeAnimation.SetAnimationListener(
+        new Forge$2.AnimationListener(null, this._onAnimationEnd, null)
       );
+    } else {
+      this.forgeAnimation = null;
     }
+    this.innerViewId = Forge$2.sViewStore.add(new Forge$2.ViewInfo(this.innerView));
   },
   beforeUnmount() {
     if (this.innerViewId !== -1) {
@@ -16187,18 +16109,33 @@ const _sfc_main$q = {
     }
   },
   activated() {
-    if (this.innerView && this.runningState == STATE_PAUSED) {
-      let anim = this._buildAnimation();
-      this.innerView.StartTextureAnimation(anim);
+    if (this.innerView) {
+      if (this.animation && this.forgeAnimation == null) {
+        this.forgeAnimation = new Forge$2.CssKeyframeAnimation(
+          "@keyframes texAnimDef" + this.animation,
+          this.duration,
+          null,
+          1,
+          1
+        );
+        this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+        this.forgeAnimation.Enable(
+          Forge$2.AnimationEnable.ReleaseAfterEndCallback
+        );
+        this.forgeAnimation.SetAnimationListener(
+          new Forge$2.AnimationListener(null, this._onAnimationEnd, null)
+        );
+        this.innerView.StartTextureAnimation(this.forgeAnimation);
+      } else {
+        this.forgeAnimation = null;
+      }
     }
   },
   deactivated() {
     if (this.innerView) {
       this.innerView.StopTextureAnimation();
-      if (this.runningState == STATE_RUNNING) {
-        this.runningState = STATE_PAUSED;
-      }
     }
+    this.forgeAnimation = null;
   }
 };
 function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
@@ -16218,15 +16155,7 @@ const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvTextureAnim/index.js}
  */
-let _JsvTextureAnim;
-if (window.JsView) {
-  _JsvTextureAnim = JsvTextureAnim;
-} else {
-  const BrowserTextureAnim = await import('./browser/BrowserTextureAnim.vue.mjs');
-  _JsvTextureAnim = BrowserTextureAnim.default;
-}
-const _JsvTextureAnim$1 = _JsvTextureAnim;
-const TexAlignAnchor = TexAlignAnchor$1;
+const TexAlignAnchor = JsvTextureAnim.TexAlignAnchor;
 
 /* 
  + @file {@link file://./../../../utils/JsViewVueWidget/JsvFilterView.vue}
@@ -17592,7 +17521,6 @@ const _sfc_main$l = {
  *          maskHeight{double}     蒙版相对于被遮罩图片高度的百分比(蒙版的高度 / 被遮罩图片的宽)
  *
 */
-const renderDocument = window.JsvCode.Dom.RenderDocument ? window.JsvCode.Dom.RenderDocument : window.JsvCode.Dom.BrowserDocument;
 const _sfc_main$k = {
   props: {
     class: {
@@ -17631,7 +17559,6 @@ const _sfc_main$k = {
       innerView: null,
       innerViewId: -1,
       styleDetail: null,
-      html: !window.JsView,
       cache: {
         viewSrc: null,
         maskSrc: null,
@@ -17678,29 +17605,6 @@ const _sfc_main$k = {
       this.cache.maskWidth = this.maskWidth;
       this.cache.maskHeight = this.maskHeight;
     },
-    _initForHtml() {
-      let _this = this;
-      this.$refs.innerViewDiv?.jsvGetProxyView(true).RegisterOnProxyReady(() => {
-        const canvas = renderDocument.createElement("canvas");
-        canvas.style.width = _this.style.width + "px";
-        canvas.style.height = _this.style.height + "px";
-        _this.$refs.innerViewDiv?.jsvGetProxyView(true).HtmlGetElement().appendChild(canvas);
-        const clip_image = new Image();
-        const bg_image = new Image();
-        clip_image.src = _this.maskSrc;
-        bg_image.src = _this.viewSrc;
-        let clip_ready = false;
-        let bg_ready = false;
-        clip_image.onload = () => {
-          clip_ready = true;
-          _this._drawClip(canvas, clip_image, clip_ready, bg_image, bg_ready);
-        };
-        bg_image.onload = () => {
-          bg_ready = true;
-          _this._drawClip(canvas, clip_image, clip_ready, bg_image, bg_ready);
-        };
-      });
-    },
     _updateInnerView() {
       if (this.innerView === null) {
         this.innerView = new Forge$2.LayoutView();
@@ -17727,19 +17631,12 @@ const _sfc_main$k = {
     }
   },
   created() {
-    if (window.JsView) {
-      this._updateInnerView();
-    }
+    this._updateInnerView();
   },
   mounted() {
-    if (!window.JsView) {
-      this._initForHtml();
-    }
   },
   updated() {
-    if (window.JsView) {
-      this._updateInnerView();
-    }
+    this._updateInnerView();
   },
   beforeUnmount() {
     if (this.innerViewId !== -1) {
@@ -17750,7 +17647,7 @@ const _sfc_main$k = {
   }
 };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  return $setup.html ? (openBlock(), createElementBlock("div", {
+  return _ctx.html ? (openBlock(), createElementBlock("div", {
     key: 0,
     ref: "innerViewDiv",
     style: normalizeStyle({
@@ -17870,7 +17767,6 @@ const _sfc_main$i = {
     });
     let common_style = reactive({});
     let image_style = reactive({});
-    let show_background_holder = !!window.JsView;
     watchEffect(() => {
       if (props.style) {
         let {
@@ -17893,9 +17789,9 @@ const _sfc_main$i = {
       return openBlock(), createElementBlock("div", {
         style: normalizeStyle(unref(common_style))
       }, [
-        unref(show_background_holder) ? renderSlot(_ctx.$slots, "default", { key: 0 }) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default"),
         !!props.src ? (openBlock(), createElementBlock("img", mergeProps({
-          key: 1,
+          key: 0,
           "data-jsv-vw-enable-fade": props.fadeIn,
           "data-jsv-vw-mask-poster-on-top": "true",
           "data-jsv-img-scaledown-tex": unref(scaleddown),
@@ -17942,43 +17838,6 @@ const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sf
 /* 
  + @file {@link file://./../../../utils/JsViewVueWidget/JsvSoundPool.js}
  */
-/*
- * @file
- *
- * 【模块 export 内容】
- * JsvSoundPool: 面向对象的类，用于播放效果音，创建JsvSoundPool对象后通过request的回调获得AudioController句柄后进行控制
- *      功能函数: (参数说明见函数本体)
- *          constructor(max)
- *              功能: 构造JsvSoundPool，构造后需要destroy进行资源释放
- *          request(url, netSetting, priority, callback)
- *              功能: 创建加载指定音轨(url)的控制器(AudioController)，在回调中获得AudioController
- *          release(controller)
- *              功能: 释放指定AudioController资源
- *          destroy()
- *              功能: 释放JsvSoundPool管理的所有资源
- *          autoPause()
- *              功能: 暂停当前Pool中所有正在播放的音轨
- *          autoResume()
- *              功能: 播放当前Pool中所有暂停掉的音轨
- * AudioController:
- *      功能函数: (参数说明见函数本体)
- *          play()
- *              功能: 播放当前音轨，与stop()配套
- *          pause()
- *              功能: 暂停当前音轨，与resume()配套
- *          stop()
- *              功能: 停止当前音轨，与play()配套
- *          resume()
- *              功能: 恢复当前音轨播放，与pause()配套
- *          setRate(rate)
- *              功能: 当前播放速率
- *          setVolume(leftVolume, rightVolume)
- *              功能: 调整音量
- *          setLoop(loop)
- *              功能: 设置是否进行循环和循环次数
- *          setPriority(priority)
- *              功能: 设置播放优先级
- */
 const supportSoundPool = !!window.SoundPool;
 class AudioController {
   constructor(soundPool, soundId, url) {
@@ -18093,12 +17952,7 @@ class JsvSoundPool {
       console.log("not support sound pool.");
       return;
     }
-    let realUrl;
-    if (window.JsView) {
-      realUrl = new window.JsView.Dom.UrlRef(url).href;
-    } else {
-      realUrl = url;
-    }
+    let realUrl = urlCheckSet(url);
     if (this._SoundIdMap[realUrl]) {
       this._SoundIdMap[realUrl].referCount++;
       const controller = new AudioController(this._SoundPool, this._SoundIdMap[realUrl].soundId);
@@ -22343,6 +22197,7 @@ const _sfc_main$3 = {
   setup(__props, { expose }) {
     const rProps = __props;
     JsvUseFeature("JsvFragShaderView", FeatureNames.CustomFragShader);
+    console.log("LudlDebug using JsvFragShaderView...");
     let rAnimRunning = shallowRef(false);
     let vPreloadHandler = null;
     let vPreloadDone = false;
@@ -22367,7 +22222,7 @@ const _sfc_main$3 = {
         if (typeof item.resource == "string") {
           let image_url = item.resource;
           if (item.resource && item.resource.trim().indexOf("url(") === 0) {
-            image_url = new window.JsView.Dom.UrlRef(image_url).href;
+            image_url = urlCheckSet(image_url);
           }
           const texture = texture_manager.GetImage2(
             image_url,
@@ -22513,15 +22368,6 @@ const _sfc_main$3 = {
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvFragShaderView/index.js}
  */
-// 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
-let _JsvFragShaderView;
-if (window.JsView) {
-  _JsvFragShaderView = _sfc_main$3;
-} else {
-  const BrowserJsvFragShaderView = await import('./browser/BrowserJsvFragShaderView.vue.mjs');
-  _JsvFragShaderView = BrowserJsvFragShaderView.default;
-}
-const _JsvFragShaderView$1 = _JsvFragShaderView;
 
 /* 
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvClipDiv/JsvClipDiv.vue?vue&type=script&setup=true&lang.ts}
@@ -22760,4 +22606,4 @@ const _sfc_main = {
  + @file {@link file://./../../utils/index.js}
  */
 
-export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FeatureNames, FixPositionSlide, FocusMoveType, ForgeConst, ForgeTextureApis, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, JsvAccount, JsvActiveFeature, _sfc_main$H as JsvActorMove, JsvActorMoveControl, _JsvApic$1 as JsvApic, _JsvApic2$1 as JsvApic2, _sfc_main$K as JsvAudio, _sfc_main$2 as JsvClipDiv, _sfc_main$a as JsvConnectLine, _sfc_main$7 as JsvDragBox, _sfc_main$1 as JsvDriftScope, _sfc_main$8 as JsvEnableRenderBreak, _sfc_main$F as JsvEnvBlocker, FeatureNames as JsvFeatureNames, JsvFederationTools, _sfc_main$p as JsvFilterView, _sfc_main$E as JsvFlexDiv, _sfc_main$M as JsvFocusBlock, _JsvFragShaderView$1 as JsvFragShaderView, _sfc_main$G as JsvFreeMoveActor, _sfc_main$G as JsvFreeMoveDiv, JsvGrid, _sfc_main$m as JsvHole, _sfc_main$z as JsvInput, _sfc_main$I as JsvLatex, JsvLine, _sfc_main$l as JsvMarquee, JsvMaskClipDiv, _sfc_main$6 as JsvMindMap, _sfc_main$m as JsvNativeSharedDiv, _sfc_main$n as JsvNinePatch, JsvPerformance, _sfc_main$b as JsvPieChart, _sfc_main$j as JsvPosterDiv, _sfc_main$i as JsvPosterImage, exportObj as JsvPreDownloader, JsvPreload, _sfc_main$9 as JsvProgressBar, _JsvQrcode$1 as JsvQrcode, _sfc_main$f as JsvRadarChart, _sfc_main$e as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$D as JsvScreenFlex, _sfc_main$5 as JsvScrollBox, _sfc_main$4 as JsvScrollFollow, _sfc_main$c as JsvSector, JsvShutdownFeatures, JsvSoundPool, _JsvSpray$1 as JsvSpray, JsvSpriteAnim, _sfc_main$u as JsvSpriteLoader, JsvSpriteAnim as JsvSpriteStatic, JsvSpriteTools, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$r as JsvSwiper3D, _sfc_main$g as JsvTextBox, JsvTextStyleClass, _JsvTextureAnim$1 as JsvTextureAnim, sJsvTextureConst as JsvTextureConst, JsvTextureLoadTool, sTextureStoreApi as JsvTextureStoreApi, _sfc_main as JsvTouchModeSwitcher, _sfc_main$m as JsvTransparentDiv, JsvUseFeature, JsvVisibleSensor, LineType, _sfc_main$N as ListWidget, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$O as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, ScrollBoxStyle, SeamlessSlide, _sfc_main$O as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, TextureInstantType, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, disableNativeViewListener, enableNativeViewListener, getCssStyleGroup, getCurFrameCount, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, bridge as jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, processLatexStr, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };
+export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FeatureNames, FixPositionSlide, FocusMoveType, ForgeConst, ForgeTextureApis, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, JsvAccount, JsvActiveFeature, _sfc_main$H as JsvActorMove, JsvActorMoveControl, _JsvApic$1 as JsvApic, _JsvApic2$1 as JsvApic2, _sfc_main$K as JsvAudio, _sfc_main$2 as JsvClipDiv, _sfc_main$a as JsvConnectLine, _sfc_main$7 as JsvDragBox, _sfc_main$1 as JsvDriftScope, _sfc_main$8 as JsvEnableRenderBreak, _sfc_main$F as JsvEnvBlocker, FeatureNames as JsvFeatureNames, JsvFederationTools, _sfc_main$p as JsvFilterView, _sfc_main$E as JsvFlexDiv, _sfc_main$M as JsvFocusBlock, _sfc_main$3 as JsvFragShaderView, _sfc_main$G as JsvFreeMoveActor, _sfc_main$G as JsvFreeMoveDiv, JsvGrid, _sfc_main$m as JsvHole, JsvInput, _sfc_main$I as JsvLatex, JsvLine, _sfc_main$l as JsvMarquee, JsvMaskClipDiv, _sfc_main$6 as JsvMindMap, _sfc_main$m as JsvNativeSharedDiv, _sfc_main$n as JsvNinePatch, JsvPerformance, _sfc_main$b as JsvPieChart, _sfc_main$j as JsvPosterDiv, _sfc_main$i as JsvPosterImage, exportObj as JsvPreDownloader, _sfc_main$y as JsvPreload, _sfc_main$9 as JsvProgressBar, JsvQrcode, _sfc_main$f as JsvRadarChart, _sfc_main$e as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$D as JsvScreenFlex, _sfc_main$5 as JsvScrollBox, _sfc_main$4 as JsvScrollFollow, _sfc_main$c as JsvSector, JsvShutdownFeatures, JsvSoundPool, JsvSpray, JsvSpriteAnim, _sfc_main$u as JsvSpriteLoader, JsvSpriteAnim as JsvSpriteStatic, JsvSpriteTools, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$r as JsvSwiper3D, _sfc_main$g as JsvTextBox, JsvTextStyleClass, JsvTextureAnim, sJsvTextureConst as JsvTextureConst, JsvTextureLoadTool, sTextureStoreApi as JsvTextureStoreApi, _sfc_main as JsvTouchModeSwitcher, _sfc_main$m as JsvTransparentDiv, JsvUseFeature, JsvVisibleSensor, LineType, _sfc_main$N as ListWidget, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$O as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, ScrollBoxStyle, SeamlessSlide, _sfc_main$O as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, TextureInstantType, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, disableNativeViewListener, enableNativeViewListener, getCssStyleGroup, getCurFrameCount, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, bridge as jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, processLatexStr, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };