@shijiu/jsview-vue 2.2.35 → 2.2.128

package/bin/jsview-vue.mjs

@@ -1,14 +1,23 @@
-import { ref, computed, toRaw, reactive, nextTick, onMounted, onUpdated, onBeforeUnmount, onBeforeUpdate, openBlock, createElementBlock, renderSlot, shallowRef, resolveComponent, normalizeStyle, createElementVNode, unref, mergeProps, toHandlers, createVNode, withCtx, Fragment, renderList, createCommentVNode, inject, provide, onUnmounted, onActivated, onDeactivated, createBlock, defineAsyncComponent, normalizeProps, guardReactiveProps, watchEffect, toDisplayString, watch, shallowReactive, withDirectives, vShow } from 'vue';
-import { Forge as Forge$1, ForgeExtension } from '@shijiu/jsview/dom/jsv-forge-define';
+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, mergeProps, toHandlers, createVNode, withCtx, Fragment, renderList, createCommentVNode, inject, provide, onUnmounted, onActivated, onDeactivated, createBlock, defineAsyncComponent, normalizeProps, guardReactiveProps, watchEffect, 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 { Forge as Forge$2 } from '@shijiu/jsview/dom/jsv-forge-define.mjs';
 import { L as LoopType } from './jsview-vue-common.mjs';
 export { A as ApicEndState } from './jsview-vue-common.mjs';
 import { _ as _export_sfc } from './export-sfc.mjs';
 
+//
+// utils/JsViewVueTools/ConstSymbol.ts;
+//
+const VERTICAL = Symbol("vertical");
+const HORIZONTAL = Symbol("horizontal");
+
 //
 // utils/JsViewEngineWidget/WidgetCommon.ts;
 //
+const getCurFrameCount = () => {
+  return Forge$1.sFrameCount.count;
+};
 class BaseDispatcher {
   _Component;
   constructor() {
@@ -86,8 +95,6 @@ const SlideStyle = {
   startBoundaryProtect: 1,
   endBoundaryProtect: 2
 };
-const VERTICAL = Symbol("vertical");
-const HORIZONTAL = Symbol("horizontal");
 const defaultSpeed = 1.5;
 const defaultEasing = "";
 class SlideSetting {
@@ -129,11 +136,15 @@ class SeamlessSlide extends SlideSetting {
   StartPercent;
   EndPercent;
   FixFirstPage;
+  HeadSafeArea;
+  TailSafeArea;
   constructor({
     startPercent = 0.2,
     endPercent = 0.8,
     headRange = void 0,
     tailRange = void 0,
+    headSafeArea = 0.1,
+    tailSafeArea = 0.1,
     speed = defaultSpeed,
     duration = null,
     easing = defaultEasing,
@@ -147,13 +158,15 @@ class SeamlessSlide extends SlideSetting {
       this.StartPercent = headRange;
     }
     if (typeof tailRange !== "undefined") {
-      this.EndPercent = tailRange;
+      this.EndPercent = 1 - tailRange;
     }
     if (this.StartPercent < 0 || this.StartPercent > 1 || this.EndPercent < 0 || this.EndPercent > 1) {
       console.error(`SeamlessSlideSetting error: invalide value, startPercent(${this.StartPercent}) and endPercent(${this.EndPercent}) must between 0 and 1.`);
-      this.StartPercent = 0.2;
-      this.EndPercent = 0.8;
+      this.StartPercent = 0.3;
+      this.EndPercent = 0.7;
     }
+    this.HeadSafeArea = headSafeArea;
+    this.TailSafeArea = tailSafeArea;
     this.FixFirstPage = fixFirstPage;
   }
 }
@@ -394,6 +407,50 @@ const METRO_WIDGET = {
   }
 };
 
+//
+// utils/JsViewEngineWidget/MetroWidget/Slide.ts;
+//
+class RectCache {
+  preRect = null;
+  curRect = null;
+  cache(rect) {
+    if (this.curRect && this.curRect.frameCount < rect?.frameCount) {
+      this.preRect = this.curRect;
+    }
+    this.curRect = rect;
+  }
+  cacheManually() {
+    if (this.curRect && this.curRect.frameCount < getCurFrameCount()) {
+      this.preRect = this.curRect;
+      this.curRect = null;
+    }
+  }
+  getCurRect() {
+    return this.curRect ? { ...this.curRect } : null;
+  }
+  getPreRect() {
+    return this.preRect ? { ...this.preRect } : null;
+  }
+  updatePre(key, value) {
+    if (this.preRect) {
+      let p = this.preRect[key];
+      this.preRect[key] = value;
+    }
+  }
+  clean() {
+    this.preRect = null;
+    this.curRect = null;
+  }
+}
+const getDirectionByRect = (curRect, preRect) => {
+  if (!preRect || !curRect)
+    return { horizontal: 0, vertical: 0 };
+  return {
+    horizontal: curRect.left < preRect.left ? -1 : curRect.left > preRect.left ? 1 : 0,
+    vertical: curRect.top < preRect.top ? -1 : curRect.top > preRect.top ? 1 : 0
+  };
+};
+
 //
 // utils/JsViewEngineWidget/TemplateParser/MetroTemplate.ts;
 //
@@ -584,49 +641,39 @@ class MetroTemplate {
     if (itemObj.uid) {
       this.uidMap[itemObj.uid] = item;
     }
+    item.layoutCache.cache({
+      left: item.left,
+      top: item.top,
+      width: item.width,
+      height: item.height,
+      frameCount: getCurFrameCount()
+    });
     return item;
   }
   getBoundingBoxSize() {
     const lastItem = this.templateList[this.templateList.length - 1];
-    if (this.direction == VERTICAL) {
-      return {
-        width: this.lineMax,
-        height: lastItem.height + lastItem.top - 1
-      };
+    if (lastItem) {
+      if (this.direction == VERTICAL) {
+        return {
+          width: this.lineMax,
+          height: lastItem.height + lastItem.top - 1
+        };
+      } else {
+        return {
+          height: this.lineMax,
+          width: lastItem.width + lastItem.left - 1
+        };
+      }
     } else {
       return {
-        height: this.lineMax,
-        width: lastItem.width + lastItem.left - 1
+        width: 0,
+        height: 0
       };
     }
   }
   getTailItemIndex() {
     return this.tailItemIndex;
   }
-  cacheLayout(start, end) {
-    if (typeof end == "undefined") {
-      end = this.templateList.length;
-    }
-    end = Math.min(end, this.templateList.length);
-    for (let i = start; i < end; ++i) {
-      let item = this.templateList[i];
-      item.layoutCache = {
-        left: item.left,
-        top: item.top,
-        width: item.width,
-        height: item.height
-      };
-    }
-    this.cachedLayoutRange.push([start, end]);
-  }
-  cleanLayoutCache() {
-    for (let r of this.cachedLayoutRange) {
-      for (let i = r[0]; i < r[1]; ++i) {
-        this.templateList[i].layoutCache = null;
-      }
-    }
-    this.cachedLayoutRange = [];
-  }
   static getTemplateItem(itemObj) {
     const valid = this.checkMeasureObject(itemObj);
     if (!valid) {
@@ -667,7 +714,7 @@ class MetroTemplate {
         top: -1,
         bottom: -1
       },
-      layoutCache: null
+      layoutCache: new RectCache()
     };
   }
   static checkMeasureObject(obj) {
@@ -2212,6 +2259,13 @@ class ListMetroTemplate extends MetroTemplate {
     }
     for (let i of needChangeList) {
       this._addTemplateItem(i);
+      i.layoutCache.cache({
+        left: i.left,
+        top: i.top,
+        width: i.width,
+        height: i.height,
+        frameCount: getCurFrameCount()
+      });
     }
   }
 }
@@ -2305,6 +2359,23 @@ class PageUpdater {
   }
 }
 
+//
+// utils/JsViewVueTools/ForgeConstDefine.ts;
+//
+var ForgeConst;
+((ForgeConst2) => {
+  let DragFlags;
+  ((DragFlags2) => {
+    DragFlags2.TOUCH_RECV_CLICK_BIT = 1;
+    DragFlags2.TOUCH_RECV_LONGPRESS_BIT = 2;
+    DragFlags2.TOUCH_RECV_MOVE_BIT = 4;
+    DragFlags2.TOUCH_RECV_FLING_BIT = 32;
+    DragFlags2.TOUCH_RECV_FIRST_START = 8;
+    DragFlags2.TOUCH_RECV_LAST_END = 16;
+    DragFlags2.DRAG_ANY = 16777215;
+  })(DragFlags = ForgeConst2.DragFlags || (ForgeConst2.DragFlags = {}));
+})(ForgeConst || (ForgeConst = {}));
+
 //
 // utils/JsViewEngineWidget/MetroWidget/RenderItem.ts;
 //
@@ -2415,7 +2486,7 @@ class RenderItem {
     this.divMountedCallback.clear();
     if (this.enableTap && this.rootDiv) {
       const divView = this.rootDiv.jsvGetProxyView();
-      divView.DragEnables?.(1);
+      divView.DragEnables?.(ForgeConst.DragFlags.TOUCH_RECV_CLICK_BIT);
     }
   }
   onDivUnmounted() {
@@ -2745,6 +2816,11 @@ class ConditionPackBuilder {
     this._CommonInfoValid = false;
     return this._BuildPack(ConditionSetBuilder.OnFlingDrop(this._CommonInfo, this._ContorlSlefNexus.token));
   }
+  /**
+   * touchCount
+   * 当touchDown时，Count会++，用于解决多次touchDown引发的时序问题
+   * 当native的count计数等于给定的参数设定的count时，触发condition
+   */
   touchCount(count) {
     if (!this._CheckCommonInfo()) {
       return null;
@@ -2752,6 +2828,46 @@ class ConditionPackBuilder {
     this._CommonInfoValid = false;
     return this._BuildPack(ConditionSetBuilder.TouchCount(this._CommonInfo, count));
   }
+  /**
+   * onMovement
+   * 当FreeMove块移动时，移动了给定的距离值后触发条件, 给定的距离值由sensitivity定义
+   * 
+   * @param {float} xSensitivity x轴的敏感度设置，表示移动了多少像素时就触发条件, 最小值为1
+   * @param {float} ySensitivity y轴的敏感度设置，表示移动了多少像素时就触发条件, undefined时等于xSensitivity
+   * @param {int} xyEnables x,y两轴哪个生效, 0b1 为x, 0b10 为y, 默认为都enable
+   */
+  onMovement(xSensitivity, ySensitivity = void 0, xyEnables = void 0) {
+    if (!this._CheckCommonInfo()) {
+      return null;
+    }
+    this._CommonInfoValid = false;
+    if (!xSensitivity || xSensitivity < 1) {
+      xSensitivity = 1;
+    }
+    if (typeof ySensitivity == "undefined") {
+      ySensitivity = xSensitivity;
+      xyEnables = 3;
+    }
+    if (typeof xyEnables == "undefined") {
+      xyEnables = 3;
+    }
+    return this._BuildPack(ConditionSetBuilder.OnMovement(
+      this._CommonInfo,
+      xSensitivity,
+      ySensitivity,
+      xyEnables
+    ));
+  }
+  movementSync(nexusRef) {
+    if (!this._CheckCommonInfo()) {
+      return null;
+    }
+    this._CommonInfoValid = false;
+    return this._BuildPack(ConditionSetBuilder.MovementSyncNexus(
+      this._CommonInfo,
+      nexusRef?.token ? nexusRef.token : 0
+    ));
+  }
   _CheckCommonInfo() {
     if (!this._CommonInfoValid) {
       console.error("Error: must call from new conditoin()");
@@ -3058,6 +3174,28 @@ class ActorPackBuilder {
     cmdList.push(isExact ? ActionCmdBuilder.StopMovingExact() : ActionCmdBuilder.StopMoving());
     return CmdPackBuilder.InitActCmdPack(this._SpeedKeeps, this._AccKeeps, this._NexusRecv?.token, cmdList);
   }
+  /**
+   * ackMovementSync
+   * 只能放在 movementSync 的then中，用于将Sync同步信息按比例转化成
+   * (注意): 如果触发链条上有自己发出的信息，则将不再产生动作，规避循环触发
+   * 
+   * @param {int} left  运动识别区域的left, 可以为负
+   * @param {int} top  运动识别区域的top, 可以为负
+   * @param {int} right  运动识别区域的right, 可以为负，必须大于left
+   * @param {int} bottom  运动识别区域的bottom, 可以为负，必须大于bottom
+   * @param {int} xyEnable  x,y是否都触发, 0b01对应x, 0b10对应y, 可以或运算在一起
+   * @param {int} syncType 换算公式: 
+   *                        1: 正比公式:selfPercent = givenPercent  
+   *                        2: 反比公式:selfPercent = (1 - givenPercent)
+   */
+  ackMovementSync(left, top, right, bottom, xyEnable, syncType) {
+    if (!this._BasicPreProcess("ackMovementSync")) {
+      return;
+    }
+    let cmdList = [];
+    cmdList.push(ActionCmdBuilder.AckMovementSync(left, top, right, bottom, xyEnable, syncType));
+    return CmdPackBuilder.InitActCmdPack(this._SpeedKeeps, this._AccKeeps, this._NexusRecv?.token, cmdList);
+  }
   _BuildAccelOnPole(builderThis, cmdList, nexusRecv, onRevertX, onRevertY) {
     if (nexusRecv || onRevertX || onRevertY) {
       cmdList.push(
@@ -3192,6 +3330,59 @@ class StatePackBuilder {
   fireNexusEvent(nexusRecv, detailEventType) {
     return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.FireNexusEvent(detailEventType, nexusRecv.token));
   }
+  /**
+   * setTouchAttractChild
+   * 
+   * 绑定一个子view中的FreeMoveDiv
+   * 当Touch触控到本div时，这个子div会立刻移动到手指按下的位置，并接受焦点
+   * 
+   * @param {ActorControl} otherFreeMoveControl 其他FreeMoveDiv的control对象
+   */
+  setTouchAttractChild(otherFreeMoveControl) {
+    if (otherFreeMoveControl) {
+      let animRef = otherFreeMoveControl.getBindedAnim();
+      return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.SetTouchAttractChild(animRef));
+    } else {
+      return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.SetTouchAttractChild(null));
+    }
+  }
+  /**
+   * startMovementSync
+   * 
+   * 发出进度同步信号(可以一个FreeMove绑定多个信号发生器，但目前场景估计只需要一个发生器即可)
+   * 计算当前freeMove的postion和运动识别区域的比值
+   * xPercent = (xPos - left) / (right - left)
+   * yPercent = (yPos - top) / (bottom - top)
+   * x和y可以为负数，也可能>100%
+   * 
+   * 当多次调用时，nexusRef相同时，则为更新运动识别区域，nexusRef不同时则为新建信号发起器
+   * 
+   * @param {NexusNode} nexusRef  绑定的nexus句柄，接受者用这个句柄来进行监听
+   * @param {int} left  运动识别区域的left, 可以为负
+   * @param {int} top  运动识别区域的top, 可以为负
+   * @param {int} right  运动识别区域的right, 可以为负，必须大于left
+   * @param {int} bottom  运动识别区域的bottom, 可以为负，必须大于bottom
+   * @param {int} xyEnable  x,y是否都触发, 0b01对应x, 0b10对应y, 可以或运算在一起
+   */
+  startMovementSync(nexusRef, left, top, right, bottom, xyEnable) {
+    return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.StartMovementSync(
+      nexusRef?.token ? nexusRef.token : 0,
+      left,
+      top,
+      right,
+      bottom,
+      xyEnable
+    ));
+  }
+  /*
+   * stopMovementSync
+   * 
+   * 停止由startMovementSync发起的的同步信号
+   * 目前阶段，为关闭所有的信号发起器
+   */
+  stopMovementSync() {
+    return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.StopMovementSync());
+  }
 }
 
 //
@@ -3200,9 +3391,9 @@ class StatePackBuilder {
 class CallbackInfo {
   funcRef;
   // 回调函数
-  times;
+  times = 0;
   // 回调的次数
-  once;
+  once = false;
   // 是否单次回调就销毁
 }
 class CallbackManager {
@@ -3282,6 +3473,7 @@ class ActorControl {
   _BindAnim;
   _Callbacks;
   _SelfNexusRecv;
+  _SizeMode = false;
   _SharedQuickConditionPackBuilder;
   _SharedQuickActionPackBuilder;
   _StatePackBuilder;
@@ -3294,6 +3486,13 @@ class ActorControl {
     this._SharedQuickActionPackBuilder = new ActorPackBuilder(this._Callbacks, this._SelfNexusRecv);
     this._StatePackBuilder = new StatePackBuilder();
   }
+  asSizeMode() {
+    if (this._BindAnim != null) {
+      console.error("error: asSizeMode should call before bindForgeView");
+    } else {
+      this._SizeMode = true;
+    }
+  }
   // debugGetAnimId() {
   //   return this._BindAnim?.AnimNativeId;
   // }
@@ -3378,6 +3577,14 @@ class ActorControl {
   state() {
     return this._StatePackBuilder;
   }
+  getBindedAnim() {
+    this._EnsureAnim();
+    return this._BindAnim;
+  }
+  getBindedView() {
+    this._EnsureAnim();
+    return this._BindView;
+  }
   _OnEchoEvent(retJson) {
     let retJsonObject = JSON.parse(retJson);
     let echoRetList = retJsonObject["retList"];
@@ -3393,7 +3600,11 @@ class ActorControl {
   }
   _EnsureAnim() {
     if (!this._BindAnim) {
-      this._BindAnim = new FreeMoveAnimClass(this._OnEchoEvent.bind(this), this._SelfNexusRecv.token);
+      this._BindAnim = new FreeMoveAnimClass(
+        this._OnEchoEvent.bind(this),
+        this._SelfNexusRecv.token,
+        this._SizeMode
+      );
       this._BindView.StartAnimation(this._BindAnim);
     }
   }
@@ -3417,7 +3628,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$1.TranslateAnimation(
+    this.forgeAnim = new Forge$2.TranslateAnimation(
       from[0],
       to[0],
       from[1],
@@ -3426,7 +3637,7 @@ class SlideAnimWrapper {
       setting.easing
     );
     this.forgeAnim.SetAnimationListener(
-      new Forge$1.AnimationListener(this.onStart.bind(this), this.onEnd.bind(this), null)
+      new Forge$2.AnimationListener(this.onStart.bind(this), this.onEnd.bind(this), null)
     );
   }
   start() {
@@ -3452,7 +3663,7 @@ class AnimationManager {
   animList = [];
   frameCount = 0;
   startSlideAnim(element, from, to, setting) {
-    let curFrameCount = Forge$1.sFrameCount.count;
+    let curFrameCount = Forge$2.sFrameCount.count;
     if (curFrameCount != this.frameCount) {
       this.tryCleanOldAnim();
       this.frameCount = curFrameCount;
@@ -3461,7 +3672,7 @@ class AnimationManager {
     this.animList.push(obj);
     obj.start();
     return () => {
-      if (obj.getFrameCount() == Forge$1.sFrameCount.count) {
+      if (obj.getFrameCount() == Forge$2.sFrameCount.count) {
         obj.removeListener();
       }
       obj.stop();
@@ -3495,33 +3706,65 @@ class CancellableRunner {
   }
 }
 var TaskType = /* @__PURE__ */ ((TaskType2) => {
-  TaskType2[TaskType2["RESIZE_ITEM"] = 0] = "RESIZE_ITEM";
-  TaskType2[TaskType2["SLIDE"] = 1] = "SLIDE";
-  TaskType2[TaskType2["ON_FOCUS_CHANGE"] = 2] = "ON_FOCUS_CHANGE";
+  TaskType2[TaskType2["RESIZE_ITEM"] = 1] = "RESIZE_ITEM";
+  TaskType2[TaskType2["SLIDE"] = 2] = "SLIDE";
+  TaskType2[TaskType2["ON_FOCUS_CHANGE"] = 3] = "ON_FOCUS_CHANGE";
   return TaskType2;
 })(TaskType || {});
+var SlideTaskType = /* @__PURE__ */ ((SlideTaskType2) => {
+  SlideTaskType2[SlideTaskType2["SLIDE_BY_POS"] = 1] = "SLIDE_BY_POS";
+  SlideTaskType2[SlideTaskType2["SLIDE_BY_ITEM"] = 2] = "SLIDE_BY_ITEM";
+  SlideTaskType2[SlideTaskType2["SLIDE_BY_DIV"] = 3] = "SLIDE_BY_DIV";
+  SlideTaskType2[SlideTaskType2["SLIDE_BY_RECT"] = 4] = "SLIDE_BY_RECT";
+  return SlideTaskType2;
+})(SlideTaskType || {});
 class TaskManager {
   constructor(onAddTask) {
     this.onAddTask = onAddTask;
   }
   frameCount = -1;
-  widgetTaskCacheList = [];
   cancellableRunnerList = [];
-  addTask(type, params) {
-    if (this.frameCount != Forge$1.sFrameCount.count) {
-      this.widgetTaskCacheList = [];
+  //三类task: 1.slide, 2.resize, 3.focus
+  allTaskList = {
+    slide: [],
+    focus: [],
+    resize: []
+  };
+  cleanTaskCache() {
+    this.allTaskList.slide = [];
+    this.allTaskList.focus = [];
+    this.allTaskList.resize = [];
+  }
+  addTask(type, params, subtype = null) {
+    if (this.frameCount != Forge$2.sFrameCount.count) {
+      this.cleanTaskCache();
       this.cancellableRunnerList = [];
-      this.frameCount = Forge$1.sFrameCount.count;
+      this.frameCount = Forge$2.sFrameCount.count;
     }
     this.cancellableRunnerList.forEach((t) => {
       t.cancel();
     });
-    this.widgetTaskCacheList.push({
+    const tObj = {
       type,
+      subType: subtype,
       params,
-      frameCount: Forge$1.sFrameCount.count
-    });
-    this.onAddTask(this.widgetTaskCacheList);
+      frameCount: Forge$2.sFrameCount.count
+    };
+    switch (type) {
+      case 2:
+        this.allTaskList.slide.push(tObj);
+        break;
+      case 3:
+        this.allTaskList.focus.push(tObj);
+        break;
+      case 1:
+        this.allTaskList.resize.push(tObj);
+        break;
+      default:
+        console.error("undefined type");
+        break;
+    }
+    this.onAddTask(this.allTaskList);
   }
   run(func) {
     const cancellableRunner = new CancellableRunner(func);
@@ -3588,7 +3831,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     FLING: 3
   };
   let innerKeepTraceRange = 0;
-  if (typeof props.keepTraceRange > 0) {
+  if (typeof props.keepTraceRange == "number" && props.keepTraceRange > 0) {
     innerKeepTraceRange = props.keepTraceRange;
   } else {
     if (props.touchFlag > 0) {
@@ -3649,7 +3892,6 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   let preEdgeRect = null;
   let isFocus = false;
   let vertical = props.direction == VERTICAL;
-  let preAnchorItemIndex = -1;
   let templateItemAdder = null;
   let permanentItemList = [];
   let mounted = false;
@@ -3658,7 +3900,6 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   let childSlideEventLock = false;
   let onKeyDownLock = false;
   let visibleInfo = new VisibleInfo();
-  let preSlideDirection = 0;
   let alreadyCallItemFocus = false;
   let innerSlideSetting = props.slideSetting;
   const currentFocusIndex = ref(0);
@@ -3668,106 +3909,158 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     let size_key = vertical ? "height" : "width";
     return item.templateInfo[pos_key] >= visibleInfo.start && item.templateInfo[pos_key] + item.templateInfo[size_key] - 1 < visibleInfo.end;
   };
-  let templateCacheFrameCount = -1;
-  const onMacroTaskEnd = (taskList) => {
-    let resizeList = [];
+  const lastOfArray = (array) => {
+    if (array instanceof Array && array.length > 0) {
+      return array[array.length - 1];
+    }
+    return null;
+  };
+  const onAddTask = (allTask) => {
     let resizeTaskMap = {};
-    let slideTask = null;
     let minIndex = Infinity;
-    let slideInfo = null;
     let mergeTmp = false;
     let anchorInfo = null;
-    let duration = 200;
-    let easing = null;
     let pos_key = vertical ? "top" : "left";
     let size_key = vertical ? "height" : "width";
-    let doAnim = false;
-    let existOnFocusChange = false;
     let targetVisibleStart = visibleInfo.start;
-    taskList.forEach((i) => {
-      if (i.type == TaskType.SLIDE) {
-        slideTask = i;
-        mergeTmp = mergeTmp || i.params?.updateParam?.mergeTmp;
-        if (!isNaN(i.params?.target)) {
-          targetVisibleStart = -i.params.target;
-        }
-      }
-    });
-    for (let task of taskList) {
-      if (task.type == TaskType.RESIZE_ITEM) {
-        mergeTmp = mergeTmp || task.params?.updateParam?.mergeTmp;
+    let slideDoAnim = false;
+    mRectCache.cacheManually();
+    let resizeAnimInfo = {
+      doAnim: false,
+      duration: 200,
+      easing: ""
+    };
+    let resizeList = allTask.resize.concat();
+    if (resizeList.length > 0) {
+      resizeList.forEach((task) => {
         resizeTaskMap[task.params.index] = task;
-        resizeList.push(task);
         const { index, animInfo } = task.params;
-        doAnim = doAnim || !!animInfo;
-        minIndex = Math.min(minIndex, index);
-        duration = task.params.animInfo?.duration ?? duration;
-        easing = task.params.animInfo?.easing ?? easing;
-        if (index == id2Index(focusId) && typeof animInfo?.anchor != "undefined") {
-          const item = getItemByIndex(index);
-          anchorInfo = {
-            anchorPosition: item.templateInfo[pos_key] + item.templateInfo[size_key] * animInfo.anchor - 1 - targetVisibleStart,
-            anchor: animInfo.anchor
-          };
+        if (animInfo) {
+          resizeAnimInfo.doAnim = true;
+          resizeAnimInfo.duration = animInfo.duration ?? resizeAnimInfo.duration;
+          resizeAnimInfo.easing = animInfo.duration ?? "";
         }
-      } else if (task.type == TaskType.ON_FOCUS_CHANGE) {
-        existOnFocusChange = true;
-      }
-    }
-    if (slideTask) {
-      slideInfo = {
-        target: slideTask.params.target,
-        animObj: slideTask.params.animObj
-      };
-    }
-    let existItemResize = false;
-    if (resizeList.length > 0) {
-      existItemResize = true;
-      if (templateCacheFrameCount != Forge$1.sFrameCount.count) {
-        metroTemplate.cacheLayout(minIndex, minIndex + 20);
-        templateCacheFrameCount = Forge$1.sFrameCount.count;
-      }
-      resizeList.forEach((task) => {
+        minIndex = Math.min(minIndex, index);
         metroTemplate.updateItemSize(task.params.index, {
           width: task.params.width,
           height: task.params.height
         });
       });
+      if (resizeTaskMap[id2Index(focusId)]) {
+        const task = resizeTaskMap[id2Index(focusId)];
+        const animInfo = task.params.animInfo;
+        if (typeof animInfo?.anchor == "number") {
+          const preRect = getItemById(focusId)?.templateInfo?.layoutCache.getPreRect();
+          if (preRect) {
+            anchorInfo = {
+              anchorPosition: preRect[pos_key] + preRect[size_key] * animInfo.anchor - 1 - visibleInfo.start,
+              anchor: animInfo.anchor
+            };
+          }
+        }
+      }
+    }
+    let targetRect = null;
+    let direction = void 0;
+    let validSlideTask = false;
+    if (allTask.slide.length > 0) {
+      validSlideTask = true;
+      tryCancelDelayLoad();
+      let slideTask = lastOfArray(allTask.slide);
+      slideDoAnim = slideTask.params.doAnim;
+      switch (slideTask.subType) {
+        case SlideTaskType.SLIDE_BY_DIV:
+          {
+            const div = slideTask.params.div;
+            const item_layout = div.jsvGetRelativePosition(toRaw(locateDiv.value));
+            let fakeItem = {
+              templateInfo: {
+                left: item_layout.left,
+                top: item_layout.top,
+                width: item_layout.width,
+                height: item_layout.height,
+                centerYPos: Math.floor(item_layout.top + item_layout.height / 2),
+                centerXPos: Math.floor(item_layout.left + item_layout.width / 2),
+                index: id2Index(focusId)
+              }
+            };
+            templateItemAdder.tryAddItemByPosition(vertical ? fakeItem.templateInfo.top : fakeItem.templateInfo.left);
+            targetRect = fakeItem.templateInfo;
+          }
+          break;
+        case SlideTaskType.SLIDE_BY_POS:
+          {
+            const position = slideTask.params.position;
+            templateItemAdder.tryAddItemByPosition(position);
+            targetVisibleStart = position;
+          }
+          break;
+        case SlideTaskType.SLIDE_BY_ITEM:
+          {
+            const index = slideTask.params.index;
+            templateItemAdder.tryAddItemByIndex(index);
+            const targetItem = getItemByIndex(index);
+            if (targetItem) {
+              if (typeof slideTask.params.direction != "undefined") {
+                direction = slideTask.params.direction;
+              }
+              targetRect = targetItem.templateInfo;
+            } else {
+              validSlideTask = false;
+            }
+          }
+          break;
+        case SlideTaskType.SLIDE_BY_RECT:
+          {
+            if (typeof slideTask.params.direction != "undefined") {
+              direction = slideTask.params.direction;
+            }
+            targetRect = slideTask.params.rect;
+          }
+          break;
+        default:
+          break;
+      }
+      mergeTmp = mergeTmp || slideTask.params?.updateParam?.mergeTmp;
+    }
+    if (!validSlideTask && resizeList.length > 0) {
       if (anchorInfo) {
         const focusItem = getItemById(focusId);
         const start = focusItem.templateInfo[pos_key] + focusItem.templateInfo[size_key] * anchorInfo.anchor - 1 - anchorInfo.anchorPosition;
-        targetVisibleStart = normalizeVisibleStart(start, focusItem.templateInfo);
+        targetVisibleStart = normalizeVisibleStart(start, focusItem.templateInfo, focusItem.templateInfo.index);
       } else {
-        targetVisibleStart = _calculateVisibleStart(getItemById(focusId).templateInfo, preSlideDirection);
+        targetRect = getItemById(focusId).templateInfo;
+      }
+      slideDoAnim = resizeAnimInfo.doAnim;
+    }
+    if (targetRect) {
+      const v = visibleInfo.copy();
+      let preInfo = null;
+      if (resizeList.length > 0) {
+        preInfo = mRectCache.getPreRect();
+        if (preInfo) {
+          v.start = targetRect.left - preInfo.left + v.start;
+          preInfo.left += v.start - visibleInfo.start;
+        }
       }
-      if (visibleInfo.start != targetVisibleStart) {
-        slideInfo = {
-          target: -targetVisibleStart
-        };
-        if (doAnim) {
-          slideInfo.animObj = {
-            easing: "",
-            onStart: null,
-            speed: null,
-            duration
-          };
-        } else {
-          if (slideTask) {
-            slideInfo.animObj = slideTask.params?.animObj;
-          } else {
-            slideInfo.animObj = {
-              //resize无动画时正常slide
-              easing: "",
-              onStart: null,
-              onEnd: null,
-              speed: innerSlideSetting.Speed,
-              duration: innerSlideSetting.Duration
-            };
-          }
+      targetVisibleStart = _calculateVisibleStart(targetRect, direction, targetRect, v, preInfo);
+    } else {
+      if (resizeList.length > 0) {
+        let tRect = getItemById(focusId)?.templateInfo;
+        if (tRect) {
+          mRectCache.cache({
+            left: tRect.left,
+            top: tRect.top,
+            width: tRect.width,
+            height: tRect.height,
+            frameCount: Forge$2.sFrameCount.count
+          });
         }
       }
     }
+    let needSlide = false;
     if (targetVisibleStart != visibleInfo.start) {
+      needSlide = true;
       taskManager.run(() => {
         const preVisibleStart = visibleInfo.start;
         visibleInfo.start = targetVisibleStart;
@@ -3792,45 +4085,57 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     });
     if (resizeList.length > 0) {
       updateHandler.applyTmp();
-      if (doAnim) {
+      if (resizeAnimInfo.doAnim) {
         const visibleIndexList = Array.from(pageUpdater.getTmpRange());
         for (let index of visibleIndexList) {
           const renderItem = getItemByIndex(index);
           const { left, top } = renderItem.templateInfo;
           if (index >= minIndex) {
-            const layoutCache = renderItem.templateInfo.layoutCache;
-            const doItemSlide = (div) => {
-              taskManager.run(() => {
-                const cancel = animationManager.startSlideAnim(
-                  div,
-                  [layoutCache.left - left, layoutCache.top - top],
-                  [0, 0],
-                  resizeTaskMap[index] ? resizeTaskMap[index].params.animInfo : { duration }
-                );
-                return () => {
-                  cancel();
-                };
-              });
-            };
-            if (renderItem.mounted.value) {
-              doItemSlide(renderItem.rootDiv);
-            } else {
-              taskManager.run(() => {
-                const unregister = renderItem.addDivMountedListener((div) => {
-                  doItemSlide(div);
+            const layoutCache = renderItem.templateInfo.layoutCache.getPreRect();
+            if (layoutCache) {
+              const doItemSlide = (div) => {
+                taskManager.run(() => {
+                  const cancel = animationManager.startSlideAnim(
+                    div,
+                    [layoutCache.left - left, layoutCache.top - top],
+                    [0, 0],
+                    resizeTaskMap[index] ? resizeTaskMap[index].params.animInfo : { duration: resizeAnimInfo.duration }
+                  );
+                  return () => {
+                    cancel();
+                  };
+                });
+              };
+              if (renderItem.mounted.value) {
+                doItemSlide(renderItem.rootDiv);
+              } else {
+                taskManager.run(() => {
+                  const unregister = renderItem.addDivMountedListener((div) => {
+                    doItemSlide(div);
+                  });
+                  return unregister;
                 });
-                return unregister;
-              });
+              }
             }
           }
         }
       }
     }
-    let viewSlid = false;
-    if (slideInfo) {
-      viewSlid = executeSlide(slideInfo, updateHandler);
+    if (needSlide) {
+      let animInfo = void 0;
+      if (slideDoAnim) {
+        animInfo = {
+          easing: null,
+          //resizeAnimInfo.doAnim ? resizeAnimInfo.easing : '' /* innerSlideSetting.Easing */,
+          duration: resizeAnimInfo.doAnim ? resizeAnimInfo.duration : innerSlideSetting.Duration,
+          speed: innerSlideSetting.Speed,
+          onStart: null,
+          onEnd: null
+        };
+      }
+      executeSlide(visibleInfo.start, animInfo, updateHandler);
     }
-    if (existItemResize && props.onAllItemResizeDone) {
+    if (resizeList.length > 0 && props.onAllItemResizeDone) {
       taskManager.run(() => {
         const handler = setTimeout(() => {
           props.onAllItemResizeDone();
@@ -3840,7 +4145,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         };
       });
     }
-    if ((viewSlid || existOnFocusChange) && props.onFocusRectChange) {
+    if ((needSlide || allTask.focus.length > 0) && props.onFocusRectChange) {
       taskManager.run(() => {
         const handler = setTimeout(() => {
           props.onFocusRectChange();
@@ -3851,21 +4156,20 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       });
     }
   };
-  const taskManager = new TaskManager(onMacroTaskEnd);
+  const taskManager = new TaskManager(onAddTask);
   const animationManager = new AnimationManager();
-  const executeSlide = (slideInfo, updateHandler) => {
+  const executeSlide = (target, animObj, updateHandler) => {
     let preLeft = slideDivLeft.value;
     let preTop = slideDivTop.value;
     taskManager.run(() => {
-      slideDivLeft.value = vertical ? 0 : -visibleInfo.start;
-      slideDivTop.value = vertical ? -visibleInfo.start : 0;
+      slideDivLeft.value = vertical ? 0 : -target;
+      slideDivTop.value = vertical ? -target : 0;
       return () => {
         slideDivLeft.value = preLeft;
         slideDivTop.value = preTop;
       };
     });
-    let viewSlid = preLeft != slideDivLeft.value || preTop != slideDivTop.value;
-    if (slideInfo.animObj) {
+    if (animObj) {
       updateHandler.applyTmp();
       taskManager.run(() => {
         const from = vertical ? [0, preTop - slideDivTop.value] : [preLeft - slideDivLeft.value, 0];
@@ -3874,7 +4178,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           from,
           [0, 0],
           {
-            ...slideInfo.animObj,
+            ...animObj,
             onEnd: () => {
               updateHandler.apply();
             }
@@ -3895,25 +4199,26 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         clearTimeout(handler);
       };
     });
-    return viewSlid;
   };
   const updateItemSize = (index, newSize, animInfo) => {
-    taskManager.addTask(
-      TaskType.RESIZE_ITEM,
-      {
-        index,
-        width: newSize.width,
-        height: newSize.height,
-        animInfo
-      }
-    );
-  };
-  const _slideTo = (target, animObj, updateParam = { mergeTmp: false }) => {
-    if (slideLock || target == visibleInfo.start) {
-      return;
+    const item = getItemByIndex(index);
+    if (item && (item.templateInfo.width !== newSize.width || item.templateInfo.height !== newSize.height)) {
+      taskManager.addTask(
+        TaskType.RESIZE_ITEM,
+        {
+          index,
+          width: newSize.width,
+          height: newSize.height,
+          animInfo,
+          preRect: {
+            left: item.templateInfo.left,
+            top: item.templateInfo.top,
+            width: item.templateInfo.width,
+            height: item.templateInfo.height
+          }
+        }
+      );
     }
-    ;
-    taskManager.addTask(TaskType.SLIDE, { target: -target, animObj, updateParam });
   };
   let callFocusAfterUpdate = false;
   const _onFocusChange = (id) => {
@@ -4108,22 +4413,6 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   const setEnterFocusRect = (rect) => {
     enterFocusRect = rect;
   };
-  const slideTo = (position, doAnim) => {
-    tryCancelDelayLoad();
-    templateItemAdder.tryAddItemByPosition(position);
-    if (typeof position !== "undefined" && position != null) {
-      let animObj = null;
-      if (doAnim) {
-        animObj = {
-          easing: innerSlideSetting.Easing,
-          onStart: null,
-          speed: innerSlideSetting.Speed,
-          duration: innerSlideSetting.Duration
-        };
-      }
-      _slideTo(position, animObj);
-    }
-  };
   const setZIndex = (index, normalZIndex, focusZIndex) => {
     const targetItem = getItemByIndex(index);
     if (targetItem) {
@@ -4134,41 +4423,60 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       setItemZIndex(targetItem, focused ? f : n, focused);
     }
   };
-  const slideToItem = (index, doAnim) => {
-    templateItemAdder.tryAddItemByIndex(index);
-    const targetItem = getItemByIndex(index);
-    if (targetItem) {
-      const direction = index - preAnchorItemIndex >= 0 ? 1 : -1;
-      const visible_start = _calculateVisibleStart(targetItem.templateInfo, direction);
-      slideTo(visible_start, doAnim);
+  const slideToInner = (position, doAnim, updateParam = { mergeTmp: false }) => {
+    if (slideLock || position == (vertical ? slideDivTop.value : slideDivLeft.value)) {
+      return;
+    }
+    ;
+    taskManager.addTask(TaskType.SLIDE, { position, doAnim, updateParam }, SlideTaskType.SLIDE_BY_POS);
+  };
+  const slideTo = (position, doAnim) => {
+    if (typeof position == "number") {
+      slideToInner(position, doAnim);
     }
   };
+  const slideToItemInner = (index, doAnim, direction = void 0, preItem = void 0) => {
+    taskManager.addTask(
+      TaskType.SLIDE,
+      {
+        index,
+        doAnim,
+        direction,
+        preItem
+      },
+      SlideTaskType.SLIDE_BY_ITEM
+    );
+  };
+  const slideToItem = (index, doAnim) => {
+    slideToItemInner(index, doAnim);
+  };
   const slideToDiv = (div, doAnim) => {
-    tryCancelDelayLoad();
+    slideToDivInner(div, doAnim);
+  };
+  const slideToDivInner = (div, doAnim, direction = void 0) => {
     if (div) {
-      const item_layout = div.jsvGetRelativePosition(toRaw(locateDiv.value));
-      const direction = 1;
-      let fakeItem = {
-        templateInfo: {
-          left: item_layout.left,
-          top: item_layout.top,
-          width: item_layout.width,
-          height: item_layout.height,
-          centerYPos: Math.floor(item_layout.top + item_layout.height / 2),
-          centerXPos: Math.floor(item_layout.left + item_layout.width / 2),
-          index: id2Index(focusId)
-        }
-      };
-      let cur_slide = _calculateVisibleStart(fakeItem.templateInfo, direction);
-      if (cur_slide != visibleInfo.start) {
-        _slideTo(cur_slide, doAnim ? {
-          easing: "",
-          onStart: null,
-          speed: innerSlideSetting.Speed,
-          duration: innerSlideSetting.Duration,
-          onEnd: null
-        } : null);
-      }
+      taskManager.addTask(
+        TaskType.SLIDE,
+        {
+          div,
+          doAnim,
+          direction
+        },
+        SlideTaskType.SLIDE_BY_DIV
+      );
+    }
+  };
+  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
+        },
+        SlideTaskType.SLIDE_BY_RECT
+      );
     }
   };
   const refreshData = (force_update) => {
@@ -4246,7 +4554,12 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     );
     updater.apply();
     onItemFocus(getItemById(focusId), null);
-    slideToItem(id2Index(focusId), false);
+    let targetRect = mRectCache.getCurRect() ?? mRectCache.getPreRect();
+    if (targetRect) {
+      slideToRect(targetRect, false);
+    } else {
+      slideToItem(id2Index(focusId), false);
+    }
     updateTouchBoxCondition();
   };
   const getVisibleItems = () => {
@@ -4635,16 +4948,11 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           index: id2Index(focusId)
         }
       };
-      let cur_slide = _calculateVisibleStart(fakeItem.templateInfo, direction);
+      let cur_slide = _calculateVisibleStart(fakeItem.templateInfo, direction, fakeItem.templateInfo, visibleInfo);
       if (cur_slide != visibleInfo.start) {
-        _slideTo(
+        slideToInner(
           cur_slide,
-          {
-            easing: "",
-            onStart: null,
-            speed: innerSlideSetting.Speed,
-            duration: innerSlideSetting.Duration
-          },
+          true,
           {
             mergeTmp: true
           }
@@ -4656,7 +4964,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   };
   const _changeFocusId = (id, cache_pre = true) => {
     preFocusId = cache_pre ? focusId : -1;
-    focusId = id;
+    focusId = id >= 0 && id < metroTemplate.size ? id : 0;
     currentFocusIndex.value = id2Index(id);
     taskManager.addTask(TaskType.ON_FOCUS_CHANGE);
   };
@@ -4733,20 +5041,12 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       onItemBlur(preFocusItem);
       onItemFocus(next_focus_item, preEdgeRect);
       if (next_focus_item.itemConfig.itemSlide == METRO_WIDGET.ITEM_SLIDE.ACT_ITEM_FOCUS) {
-        let cur_visible_start2 = _calculateVisibleStart(
-          next_focus_item.templateInfo,
+        slideToItemInner(
+          next_focus_item.index,
+          true,
           vertical ? vertical_direction : horizontal_direction,
-          preFocusItem.templateInfo
+          preFocusItem
         );
-        if (visibleInfo.start !== cur_visible_start2) {
-          let animObj = {
-            easing: "",
-            onStart: null,
-            speed: innerSlideSetting.Speed,
-            duration: innerSlideSetting.Duration
-          };
-          _slideTo(cur_visible_start2, animObj, { mergeTmp: false });
-        }
       } else {
         const updater = pageUpdater.update(
           metroTemplate,
@@ -4801,7 +5101,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       });
     }
   };
-  const normalizeVisibleStart = (origin, targetItem = null) => {
+  const normalizeVisibleStart = (origin, targetRect = void 0, index = void 0) => {
     let pos_key = vertical ? "top" : "left";
     let size_key = vertical ? "height" : "width";
     let visibleStart = origin;
@@ -4809,7 +5109,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       if (visibleInfo.start >= 0) {
         let boundary = 0;
         const headTemplateInfo = getItemByIndex(0).templateInfo;
-        if (targetItem && (!headTemplateInfo.focusable || targetItem.index == headTemplateInfo.index) && targetItem[pos_key] + targetItem[size_key] <= visibleInfo.range) {
+        if (targetRect && (!headTemplateInfo.focusable || index == headTemplateInfo.index) && targetRect[pos_key] + targetRect[size_key] <= visibleInfo.range) {
           boundary = headTemplateInfo[size_key];
         }
         visibleStart = visibleStart < boundary ? 0 : visibleStart;
@@ -4823,7 +5123,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       const lastVisibleStart = Math.max(lastEnd - visibleInfo.range, 0);
       if (visibleInfo.end <= lastEnd) {
         let boundary = lastVisibleStart;
-        if (targetItem && (!lastTemplateInfo.focusable || targetItem.index == lastTemplateInfo.index) && targetItem[pos_key] - lastVisibleStart >= 0) {
+        if (targetRect && (!lastTemplateInfo.focusable || index == lastTemplateInfo.index) && targetRect[pos_key] - lastVisibleStart >= 0) {
           boundary = lastTemplateInfo[pos_key] - visibleInfo.range;
         }
         visibleStart = visibleStart > boundary ? lastVisibleStart : visibleStart;
@@ -4833,107 +5133,113 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     }
     return visibleStart;
   };
-  let preTemplateInfo = null;
-  const _calculateVisibleStart = (targetTemplateInfo, direction, preInfo = null) => {
-    if (!targetTemplateInfo) {
+  const mRectCache = new RectCache();
+  const _calculateVisibleStart = (targetRect, _direction, templateInfo, visibleInfo2, preInfo = null) => {
+    if (!targetRect) {
       console.error("MetroWidget: _calculateVisibleStart target item is null");
       return 0;
     }
+    const curRect = {
+      left: targetRect.left,
+      top: targetRect.top,
+      width: targetRect.width,
+      height: targetRect.height,
+      frameCount: Forge$2.sFrameCount.count
+    };
+    mRectCache.cache(curRect);
+    let preRect = mRectCache.getPreRect();
     if (preInfo) {
-      preTemplateInfo = preInfo;
+      preRect = preInfo;
+    }
+    let direction = _direction;
+    if (typeof direction != "number") {
+      let d = getDirectionByRect(curRect, preRect);
+      direction = vertical ? d.vertical : d.horizontal;
     }
-    preSlideDirection = direction;
-    preAnchorItemIndex = targetTemplateInfo.index;
     let pos_key = vertical ? "top" : "left";
     let size_key = vertical ? "height" : "width";
     let center_key = vertical ? "centerYPos" : "centerXPos";
-    let new_visible_start = visibleInfo.start;
+    let new_visible_start = visibleInfo2.start;
     let needCalculate = true;
     switch (innerSlideSetting.Type) {
       case SlideSetting.Type.FIX_POSITION:
         if (innerSlideSetting.FixFirstPage) {
-          if (targetTemplateInfo[pos_key] + targetTemplateInfo[size_key] - 1 < visibleInfo.range) {
+          if (targetRect[pos_key] + targetRect[size_key] - 1 < visibleInfo2.range) {
             new_visible_start = 0;
             needCalculate = false;
           }
         }
         if (needCalculate) {
           new_visible_start = Math.ceil(
-            targetTemplateInfo[center_key] - visibleInfo.range * innerSlideSetting.FixPercent
+            targetRect[pos_key] + targetRect[size_key] / 2 - visibleInfo2.range * innerSlideSetting.FixPercent
           );
         }
         break;
       case SlideSetting.Type.WHOLE_PAGE:
-        if (typeof targetTemplateInfo.pageHeadIndex == "undefined") {
+        if (!templateInfo || typeof templateInfo.pageHeadIndex == "undefined") {
           console.error(
             "child controlled whole page slide type is not supported."
           );
         } else {
-          new_visible_start = getItemByIndex(targetTemplateInfo.pageHeadIndex).templateInfo[pos_key];
+          new_visible_start = getItemByIndex(templateInfo.pageHeadIndex).templateInfo[pos_key];
         }
         break;
       case SlideSetting.Type.SEAMLESS:
         if (innerSlideSetting.FixFirstPage) {
-          if (targetTemplateInfo[pos_key] + targetTemplateInfo[size_key] - 1 < visibleInfo.range) {
+          if (targetRect[pos_key] + targetRect[size_key] - 1 < visibleInfo2.range) {
             new_visible_start = 0;
             needCalculate = false;
           }
         }
         if (needCalculate) {
-          const rect0Start = visibleInfo.start;
-          const rect0End = visibleInfo.start + visibleInfo.range * innerSlideSetting.StartPercent;
-          const rect1Start = visibleInfo.start + visibleInfo.range * innerSlideSetting.EndPercent;
-          const rect1End = visibleInfo.end;
-          const itemStart = targetTemplateInfo[pos_key];
-          const itemEnd = targetTemplateInfo[pos_key] + targetTemplateInfo[size_key] - 1;
-          let targetStart;
-          let targetEnd;
-          if (preTemplateInfo != null) {
-            targetStart = preTemplateInfo[pos_key];
-            targetEnd = preTemplateInfo[pos_key] + preTemplateInfo[size_key] - 1;
-          } else {
-            targetStart = rect0End;
-            targetEnd = rect1Start;
-          }
-          let rect0Result = void 0;
-          let rect1Result = void 0;
-          if (itemStart < rect0End) {
-            if (targetStart < rect0Start) {
-              rect0Result = itemStart;
-            } else {
-              if (direction <= 0) {
-                let pre;
-                if (targetStart < rect0End) {
-                  pre = targetStart;
-                } else {
-                  pre = rect0End;
+          const itemStart = targetRect[pos_key];
+          const itemEnd = targetRect[pos_key] + targetRect[size_key] - 1;
+          const itemMainSize = targetRect[size_key];
+          if (preRect) {
+            const rect0Start = visibleInfo2.start;
+            const rect0End = visibleInfo2.start + visibleInfo2.range * innerSlideSetting.StartPercent;
+            const rect0Range = rect0End - rect0Start + 1;
+            const rect1Start = visibleInfo2.start + visibleInfo2.range * innerSlideSetting.EndPercent;
+            const rect1End = visibleInfo2.start + visibleInfo2.range - 1;
+            const rect1Range = rect1End - rect1Start + 1;
+            let target0 = Math.min(preRect[pos_key], rect0End);
+            let target1 = Math.max(preRect[pos_key] + preRect[size_key] - 1, rect1Start);
+            let rect0Result = void 0;
+            let rect1Result = void 0;
+            if (itemStart < rect0End) {
+              if (target0 < rect0Start) {
+              } else {
+                if (direction <= 0) {
+                  rect0Result = visibleInfo2.start + (itemStart - target0);
                 }
-                rect0Result = visibleInfo.start + (itemStart - pre);
               }
             }
-          }
-          if (itemEnd > rect1Start) {
-            if (targetEnd > rect1End) {
-              rect1Result = itemEnd - visibleInfo.range;
-            } else {
-              let pre;
-              if (targetEnd > rect1Start) {
-                pre = targetEnd;
+            if (itemEnd > rect1Start) {
+              if (target1 > rect1End) {
               } else {
-                pre = rect1Start;
-              }
-              if (direction >= 0) {
-                rect1Result = visibleInfo.start + (itemEnd - pre);
+                if (direction >= 0) {
+                  rect1Result = visibleInfo2.start + (itemEnd - target1);
+                }
               }
             }
-          } else {
+            if (typeof rect0Result !== "undefined" && typeof rect1Result !== "undefined") {
+              new_visible_start = rect0Result;
+            } else if (typeof rect0Result !== "undefined") {
+              new_visible_start = rect0Result;
+            } else if (typeof rect1Result !== "undefined") {
+              new_visible_start = rect1Result;
+            }
           }
-          if (typeof rect0Result !== "undefined" && typeof rect1Result !== "undefined") {
-            new_visible_start = rect0Result;
-          } else if (typeof rect0Result !== "undefined") {
-            new_visible_start = rect0Result;
-          } else if (typeof rect1Result !== "undefined") {
-            new_visible_start = rect1Result;
+          const headSafeArea = innerSlideSetting.HeadSafeArea * visibleInfo2.range;
+          const tailSafeArea = innerSlideSetting.TailSafeArea * visibleInfo2.range;
+          if (itemMainSize > visibleInfo2.range - headSafeArea - tailSafeArea) {
+            new_visible_start = Math.round(itemStart - (visibleInfo2.range - itemMainSize) / 2);
+          } else {
+            if (itemStart < new_visible_start + headSafeArea) {
+              new_visible_start = itemStart - headSafeArea;
+            } else if (itemEnd > new_visible_start + visibleInfo2.range - 1 - tailSafeArea) {
+              new_visible_start = itemEnd - visibleInfo2.range + tailSafeArea;
+            }
           }
         }
         break;
@@ -4943,8 +5249,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           innerSlideSetting.Type
         );
     }
-    preTemplateInfo = targetTemplateInfo;
-    new_visible_start = normalizeVisibleStart(new_visible_start, targetTemplateInfo);
+    new_visible_start = normalizeVisibleStart(new_visible_start, targetRect, templateInfo?.index);
     return Math.round(new_visible_start);
   };
   const _onFocusableItemEdge = (edge_info) => {
@@ -4994,17 +5299,27 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     onItemBlur(getItemById(preFocusId));
     props.onBlur?.();
     isFocus = false;
+    mRectCache.clean();
   };
   const _updatePage = (rangeSet) => {
+    let cur = id2Index(focusId);
+    if (cur >= 0) {
+      rangeSet.add(cur);
+    }
     const tmpArray = Array.from(rangeSet);
-    renderData.value = tmpArray.map((item) => {
+    let newArray = tmpArray.map((item) => {
       return getItemByIndex(item);
     });
+    const newItemList = newArray.filter((i) => {
+      return !renderData.value?.includes(i);
+    });
+    renderData.value = newArray;
     if (props.enableItemRenderBreak) {
       itemRender.value = false;
-      nextTick(() => {
+      const f = () => {
         itemRender.value = true;
-      });
+      };
+      nextTick(f);
     }
   };
   const _getVisibleFocusableItem = () => {
@@ -5043,7 +5358,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   let divPos = -1;
   let frameCount = -1;
   const getVisibleStart = (moveInfo) => {
-    if (frameCount != Forge$1.sFrameCount.count) {
+    if (frameCount != Forge$2.sFrameCount.count) {
       divPos = vertical ? slideDivTop.value : slideDivLeft.value;
     }
     if (vertical) {
@@ -5115,7 +5430,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       permanentItemList
     );
     updater.apply();
-    const anchorArea = 2 * Forge$1.sRenderBridge.GetScreenInfo().designedWidth;
+    const anchorArea = 2 * Forge$2.sRenderBridge.GetScreenInfo().designedWidth;
     let anchorPosList = [];
     let anchorSpacing = visibleInfo.range * 2 / 3;
     let anchorPos = anchorSpacing;
@@ -5125,7 +5440,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       anchorPos += anchorSpacing;
     }
     const reachConditionList = anchorPosList.map((pos) => {
-      actorController.condition(reachAnchorGroup).reachPosition(pos, void 0).then([(data2) => {
+      return actorController.condition(reachAnchorGroup).reachPosition(pos, void 0).then([(data2) => {
         updateRenderItems(true, true);
       }]);
     });
@@ -5244,7 +5559,9 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     actorController = new ActorControl();
     const divView = touchDiv.value.jsvGetProxyView();
     actorController.bindForgeView(divView, true);
-    divView.DragEnables?.(4 | 8 | 16);
+    divView.DragEnables?.(
+      ForgeConst.DragFlags.TOUCH_RECV_MOVE_BIT | ForgeConst.DragFlags.TOUCH_RECV_FLING_BIT | ForgeConst.DragFlags.TOUCH_RECV_FIRST_START | ForgeConst.DragFlags.TOUCH_RECV_LAST_END
+    );
     const walls = getTouchWall();
     actorController.run([
       actorController.condition(void 0, true).onTouchDown().then([onTouchDown]),
@@ -5282,23 +5599,24 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     templateItemAdder.tryAddItem(null, 2);
   }
   let init_focus_id = 0;
-  let cur_visible_start = 0;
+  let initVisibleStart = 0;
   if (typeof props.initFocusId == "number") {
     templateItemAdder.tryAddItemById(props.initFocusId);
     const item = getItemById(props.initFocusId);
     if (item) {
       init_focus_id = props.initFocusId;
       if (item.itemConfig.itemSlide == METRO_WIDGET.ITEM_SLIDE.ACT_ITEM_FOCUS) {
-        cur_visible_start = _calculateVisibleStart(item.templateInfo, 0);
+        initVisibleStart = _calculateVisibleStart(item.templateInfo, 0, item.templateInfo, visibleInfo);
       }
     }
   }
   focusId = init_focus_id;
-  visibleInfo.start = cur_visible_start;
+  let initVisibleInfo = visibleInfo.copy();
+  initVisibleInfo.start = initVisibleStart;
   const initUpdater = pageUpdater.update(
     metroTemplate,
-    visibleInfo.startWithPadding,
-    visibleInfo.endWithPadding,
+    initVisibleInfo.startWithPadding,
+    initVisibleInfo.endWithPadding,
     0,
     false,
     permanentItemList
@@ -5307,8 +5625,8 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   const delayLoadHandler = setTimeout(() => {
     const updateHandler = pageUpdater.update(
       metroTemplate,
-      visibleInfo.startWithPadding - innerKeepTraceRange * pageRange,
-      visibleInfo.endWithPadding + innerKeepTraceRange * pageRange,
+      initVisibleInfo.startWithPadding - innerKeepTraceRange * pageRange,
+      initVisibleInfo.endWithPadding + innerKeepTraceRange * pageRange,
       focusId,
       false,
       permanentItemList
@@ -5321,8 +5639,8 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   onMounted(() => {
     _changeFocusId(focusId, false);
     mounted = true;
-    if (visibleInfo.start) {
-      _slideTo(visibleInfo.start, null);
+    if (initVisibleStart) {
+      slideToInner(initVisibleStart, false);
     }
     if (isFocus && !alreadyCallItemFocus) {
       onItemFocus(getItemById(focusId), preEdgeRect);
@@ -5367,7 +5685,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
 
 
  */
-const _sfc_main$H = {
+const _sfc_main$I = {
   __name: "SlotComponent",
   setup(__props) {
     onBeforeUpdate(() => {
@@ -5421,7 +5739,16 @@ const _sfc_main$H = {
                                       @constructor {Object} {speed, easing, boundProtect}
                                     SeamlessSlide
                                       @description 无缝滚动的设置类
-                                      @constructor {Object} {startPercent, endPercent, speed, easing, boundProtect}
+                                      @constructor {Object} {
+ *                                      startPercent: 左/上侧触发滚动的比例 0-1
+ *                                      endPercennt: 右/下侧触发滚动的比例 0-1
+ *                                      headRange: 左/上按键触发滚动的区域比例 0-1
+ *                                      tailRange: 右/下按键触发滚动的区域比例 0-1
+ *                                      speed: 滚动速度, 像素/毫秒 
+ *                                      easing: 滚动动画的easing
+ *                                      boundaryProtect: 确定滚动位置能否小于0或者大于最大长度
+ *                                      fixFirstPage: 首页不滚动
+ *                                    }
                                     FixPositionSlide
                                       @description 固定位置滚动的设置类
                                       @constructor {Object} {fixPercent, speed, easing, boundProtect}
@@ -5635,7 +5962,7 @@ const _sfc_main$H = {
 
 
  */
-const _sfc_main$G = {
+const _sfc_main$H = {
   __name: "MetroWidget",
   props: {
     padding: {
@@ -5902,7 +6229,7 @@ const _sfc_main$G = {
                           ref: item.slotRef,
                           id: `${__props.name}_${index}`
                         }, [
-                          createVNode(_sfc_main$H, { key: "__QcodeJsviewFreezeComponent" }, {
+                          createVNode(_sfc_main$I, { key: "__QcodeJsviewFreezeComponent" }, {
                             default: withCtx(() => [
                               renderSlot(_ctx.$slots, "renderItem", {
                                 data: item.customerData,
@@ -5951,7 +6278,7 @@ const _sfc_main$G = {
 
 
  */
-const _sfc_main$F = {
+const _sfc_main$G = {
   __name: "ListWidget",
   props: {
     padding: {
@@ -6401,7 +6728,7 @@ const HUB_NS_PROVIDE_NAME = "__jsvFocusNameSpace__";
 
 
  */
-const _sfc_main$E = {
+const _sfc_main$F = {
   __name: "JsvFocusBlock",
   props: {
     name: String,
@@ -6609,7 +6936,7 @@ class JsvFocusManager {
     }
     const doAppMount = this.$_hookMount(app, options[0]);
     app.mount = doAppMount;
-    app.component("JsvFocusBlock", _sfc_main$E);
+    app.component("JsvFocusBlock", _sfc_main$F);
     app.config.globalProperties.$jsvFocusManager = this;
     app.provide(HUB_NS_PROVIDE_NAME, null);
     app.provide(ROOT_HUB_PROVIDE_NAME, new JsvFocusHubApi(this.$_topFDiv.getHub()));
@@ -7467,7 +7794,7 @@ class AudioProxy {
 
 
  */
-const _sfc_main$D = {
+const _sfc_main$E = {
   __name: "JsvAudio",
   props: {
     /**
@@ -7614,7 +7941,7 @@ const _sfc_main$D = {
 
 
  */
-const _sfc_main$C = {
+const _sfc_main$D = {
   __name: "JsvAudioProxy",
   setup(__props) {
     const AsyncComp = defineAsyncComponent(() => {
@@ -7624,7 +7951,7 @@ const _sfc_main$C = {
           const BrowserAudio = import('./browser/BrowserAudio.vue.mjs');
           resolve(BrowserAudio);
         } else {
-          resolve(_sfc_main$D);
+          resolve(_sfc_main$E);
         }
       });
     });
@@ -7919,7 +8246,7 @@ const cssColor2Android = (cssColor) => {
 
 
  */
-const _sfc_main$B = {
+const _sfc_main$C = {
   __name: "JsvLatex",
   props: {
     latexStr: {
@@ -7992,11 +8319,11 @@ const _sfc_main$B = {
           clientWidth = Math.round(props.height * (textureW / textureH));
         }
       };
-      let layoutView = new Forge$1.LayoutView(
-        new Forge$1.TextureSetting(pluginTexture)
+      let layoutView = new Forge$2.LayoutView(
+        new Forge$2.TextureSetting(pluginTexture)
       );
       layoutView.EnableAutoSize();
-      innerViewId = Forge$1.sViewStore.add(new Forge$1.ViewInfo(layoutView));
+      innerViewId = Forge$2.sViewStore.add(new Forge$2.ViewInfo(layoutView));
     };
     const loadInfo = sPluginLoader.getLoadInfo();
     if (loadInfo.done) {
@@ -8012,7 +8339,7 @@ const _sfc_main$B = {
     }
     onBeforeUnmount(() => {
       if (innerViewId !== -1) {
-        Forge$1.sViewStore.remove(innerViewId);
+        Forge$2.sViewStore.remove(innerViewId);
         innerViewId = -1;
       }
     });
@@ -8041,7 +8368,7 @@ const _sfc_main$B = {
 
 
  */
-const _sfc_main$A = {
+const _sfc_main$B = {
   __name: "JsvLatexProxy",
   setup(__props) {
     const AsyncComp = defineAsyncComponent(() => {
@@ -8051,7 +8378,7 @@ const _sfc_main$A = {
           const BrowserJsvLatex = import('./browser/BrowserJsvLatex.vue.mjs');
           resolve(BrowserJsvLatex);
         } else {
-          resolve(_sfc_main$B);
+          resolve(_sfc_main$C);
         }
       });
     });
@@ -8262,127 +8589,85 @@ function direct_call(name, ...args) {
   }
   return null;
 }
-/*
- * 获取当前集成JsView的APP目前支持的扩展功能列表
- *
- * @returns {string} 功能列表，以逗号隔开，包含:
- *      favourite : 支持加入收藏夹功能
- *      history : 支持浏览后自动进入历史记录功能
- *      textureVideo : 支持将video渲染到texture的方式(JsvVideo高阶控件的usetexture属性控制)
- */
 function getExtFeatureSupports() {
   if (!feature_supports) {
     feature_supports = direct_call("getExtFeaturesSupport");
   }
   return feature_supports;
 }
-/*
- * 获取设备mac地址，优先获取有线mac，无则获取wifi mac
- * @returns {string} mac address
- *
- */
 function getMac() {
   return direct_call("getMac");
 }
-/*
- * 获取设备有线mac地址
- * @returns {string} mac address
- *
- */
 function getWireMac() {
   return direct_call("getWireMac");
 }
-/*
- * 获取设备wifi mac地址
- * @returns {string} mac address
- *
- */
 function getWifiMac() {
   return direct_call("getWifiMac");
 }
-/*
- * 获取设备UUID
- * @returns {string} UUID
- *
- */
 function getDeviceUUID() {
   return direct_call("getDeviceUUID");
 }
-/*
- * 获取设备Android ID
- * @returns {string} Android ID
- *
- */
 function getAndroidId() {
   return direct_call("getAndroidId");
 }
-/*
- * 打开另外一个小程序
- * @param {string} url 小程序url
- * @param {string} startup_image 启动图url
- * @param {string} startup_video 启动视频url
- * @param {int} startup_duration 启动图时长，默认0
- * @param {int} add_history 是否添加历史，0不添加，1添加
- *
- */
 function openWindow(url, startup_image, startup_video, startup_duration, add_history) {
   let setting = {};
-  if (typeof startup_image !== void 0 && startup_image !== null && startup_image !== "")
+  if (startup_image !== null && startup_image !== "")
     setting.startupImage = startup_image;
-  if (typeof startup_video !== void 0 && startup_video !== null && startup_video !== "") {
+  if (startup_video !== null && startup_video !== "") {
     setting.startupVideo = startup_video;
   }
   setting.startupDuration = startup_duration;
   setting.addHistory = add_history ? 1 : 0;
-  direct_call("openWindow", url, JSON.stringify(setting));
+  return window.jJsvRuntimeBridge.openWindow(url, JSON.stringify(setting));
+}
+function startUrlInNewTab(url, startup_image, startup_video, startup_duration, add_history) {
+  let setting = {};
+  if (startup_image !== null && startup_image !== "")
+    setting.startupImage = startup_image;
+  if (startup_video !== null && startup_video !== "") {
+    setting.startupVideo = startup_video;
+  }
+  setting.startupDuration = startup_duration;
+  setting.addHistory = add_history ? 1 : 0;
+  return window.jJsvRuntimeBridge.startUrlInNewTab(url, JSON.stringify(setting));
+}
+function onWindowResult(data) {
+  direct_call("onWindowResult", data);
+}
+function reloadWindow(url, startup_image, startup_video, startup_duration, add_history) {
+  let setting = {};
+  if (startup_image !== null && startup_image !== "")
+    setting.startupImage = startup_image;
+  if (startup_video !== null && startup_video !== "") {
+    setting.startupVideo = startup_video;
+  }
+  setting.startupDuration = startup_duration;
+  setting.addHistory = add_history ? 1 : 0;
+  return window.jJsvRuntimeBridge.reloadWindow(url, JSON.stringify(setting));
 }
-/*
- * 关闭当前小程序
- *
- */
 function closePage() {
   direct_call("closePage");
 }
-/*
- * 获取设备UUID
- * @param {string} key 属性名称
- * @returns {string} 属性值
- *
- */
 function getSystemProperty(key) {
   return direct_call("getSystemProperty", key);
 }
-/*
- * 获取已安装应用列表
- * @returns {string} 应用列表，JSON结构的数组
- *
- */
 function getInstalledApps() {
   return direct_call("getInstalledApps");
 }
-/*
- * 启动安卓APP
- * @param {string} package_name 包名
- * @param {string} activity Activity方式启动
- * @param {string} action Action方式启动
- * @param {string} uri Uri方式启动
- * @param {Array} flags 数组，用于intent.addFlags
- * @param {Array} param JSON格式数组，用于intent.putExtra
- *
- */
 function startNativeApp(package_name, activity, action, uri, flags, param) {
   var obj = {};
-  if (typeof package_name != void 0 && package_name !== null && package_name !== "")
+  if (package_name !== null && package_name !== "")
     obj.packageName = package_name;
-  if (typeof activity != void 0 && activity !== null && activity !== "")
+  if (activity !== null && activity !== "")
     obj.activity = activity;
-  if (typeof action != void 0 && action !== null && action !== "")
+  if (action !== null && action !== "")
     obj.action = action;
-  if (typeof uri != void 0 && uri !== null && uri !== "")
+  if (uri !== null && uri !== "")
     obj.uri = uri;
-  if (typeof flags != void 0 && flags !== null && flags.length > 0)
+  if (flags !== null && flags.length > 0)
     obj.flags = flags;
-  if (typeof param != void 0 && param !== null && param.length > 0)
+  if (param !== null && param.length > 0)
     obj.param = param;
   direct_call("startNativeApp", JSON.stringify(obj));
 }
@@ -8402,25 +8687,28 @@ function sendNativeBroadcast(package_name, broadcast, action, uri, flags, param)
     obj.param = param;
   direct_call("sendNativeBroadcast", JSON.stringify(obj));
 }
-/*
- * 获取设备信息
- * @returns {string} 终端设备信息，JSON数据结构
- *
- */
+function startService(package_name, services, action, uri, flags, param, is_foreground) {
+  var obj = {};
+  if (typeof package_name != void 0 && package_name !== null && package_name !== "")
+    obj.packageName = package_name;
+  if (typeof services != void 0 && services !== null && services !== "")
+    obj.services = services;
+  if (typeof action != void 0 && action !== null && action !== "")
+    obj.action = action;
+  if (typeof uri != void 0 && uri !== null && uri !== "")
+    obj.uri = uri;
+  if (typeof flags != void 0 && flags !== null && flags.length > 0)
+    obj.flags = flags;
+  if (typeof param != void 0 && param !== null && param.length > 0)
+    obj.param = param;
+  direct_call("startServices", JSON.stringify(obj), is_foreground);
+}
 function getDeviceInfo() {
   return direct_call("getDeviceInfo");
 }
-/*
- * 获取自己的app信息
- * @returns 
- */
 function getAppInfo() {
   return direct_call("getAppInfo");
 }
-/*
- * 页面加载成功后调用去除启动图
- *
- */
 function notifyPageLoadDone() {
   notifyPageLoaded();
 }
@@ -8428,11 +8716,6 @@ function notifyPageLoaded() {
   window.JsView?.enableReceivingUserInput?.();
   direct_call("notifyPageLoaded");
 }
-/*
- * 是否支持收藏功能
- * @returns {boolean} true支持，false不支持
- *
- */
 function hasFavouriteFunction() {
   let features = getExtFeatureSupports();
   if (features && features.indexOf("favourite") >= 0) {
@@ -8440,12 +8723,6 @@ function hasFavouriteFunction() {
   }
   return false;
 }
-/*
- * 获取启动内核版本和引擎
- * @returns {Object} 包含
- *      COREVERSIONRANGE: 启动时设定的内核版本范围
- *      ENGINE: 启动时设定的Js引擎的URL
- */
 function getStartParams() {
   let json = direct_call("getStartParams");
   if (json) {
@@ -8454,12 +8731,6 @@ function getStartParams() {
     return null;
   }
 }
-/*
- * 添加收藏
- * @param {string} url 收藏的url
- * @param {function} callback  执行接口回调, 处理可能被用户否决
- *
- */
 function addFavourite(url, callback) {
   if (window.jJsvRuntimeBridge && typeof window.jJsvRuntimeBridge.addFavourite === "function") {
     let async_message = window.jJsvRuntimeBridge.addFavourite(url);
@@ -8474,12 +8745,6 @@ function addFavourite(url, callback) {
     });
   }
 }
-/*
- * 更新收藏
- * @param {string} url 收藏的url
- * @param {function} callback  执行接口回调, 处理可能被用户否决
- *
- */
 function updateFavourite(url, callback) {
   if (window.jJsvRuntimeBridge && typeof window.jJsvRuntimeBridge.updateFavourite === "function") {
     let async_message = window.jJsvRuntimeBridge.updateFavourite(url);
@@ -8494,12 +8759,6 @@ function updateFavourite(url, callback) {
     });
   }
 }
-/*
- * 删除指定收藏
- * @param {string} app_name app name 唯一标识
- * @param {function} callback  执行接口回调, 处理可能被用户否决
- *
- */
 function removeFavourite(app_name, callback) {
   if (window.jJsvRuntimeBridge && typeof window.jJsvRuntimeBridge.removeFavourite === "function") {
     let async_message = window.jJsvRuntimeBridge.removeFavourite(app_name);
@@ -8514,70 +8773,30 @@ function removeFavourite(app_name, callback) {
     });
   }
 }
-/*
- * 获取指定收藏
- * @param {string} app_name app name 唯一标识
- */
 function getFavourite(app_name) {
   if (window.jJsvRuntimeBridge && typeof window.jJsvRuntimeBridge.getFavourite === "function") {
     return window.jJsvRuntimeBridge.getFavourite(app_name);
   }
   return null;
 }
-/*
- * 获取所有收藏
- *
- */
 function getFavouriteAll() {
   if (window.jJsvRuntimeBridge && typeof window.jJsvRuntimeBridge.getFavouriteAll === "function") {
     return window.jJsvRuntimeBridge.getFavouriteAll();
   }
   return null;
 }
-/*
- * 浮窗控制接口，设置从本浮窗界面进行预热的二级浮窗的启动默认尺寸(若不设置则为全屏)
- * @param {string} mode    全屏模式还是需要Resize的模式。取值范围: "full" 或者 "mini"
- *                         设置成 "mini" 模式后，启动后的界面内需要调用popupResizePosition来调整尺寸才能可见
- */
 function setPopupInitSize(mode) {
   direct_call("setPopupInitSize", mode);
 }
-/*
- * 浮窗控制接口，设置浮窗显示区域，以相对定位的方式调整弹出框的位置(弹出框弹出后先以尺寸1x1的方式展现)
- * @param {string} align    横纵对齐方式，有left, right, bottom, top, center可选择
- *                          例如: 右下角"right bottom", 居中"center center"
- * @param {number} max_width    显示区域最大宽度(占屏幕百分比)
- * @param {number} max_height   显示区域最大高度(占屏幕百分比)
- * @param {number} aspect   横纵比设定
- * 显示区域根据 max_width, max_height, aspect 来计算出同时满足3个条件的最大区域
- */
 function popupResizePosition(align, max_width, max_height, aspect) {
   direct_call("popupResizePosition", align, max_width, max_height, aspect);
 }
-/*
- * 浮窗系统认为自己准备好后，调用此接口，获取设备的焦点。若不调用的话，默认浮窗系统捕获的焦点
- */
 function popupGainFocus() {
   direct_call("popupGainFocus");
 }
 function popupDiscardFocus() {
   direct_call("popupGainFocus");
 }
-/*
- * 页面预热接口，预热页面将会将以一个新的FrameLayout(内含JsView)的方式加载一个新的应用
- * 但这个应用在warmLoadView之前，不会创建texture/surface的实际描画资源，也不会加载图片
- * 仅加载所有JS代码，并正常走完所有启动逻辑(包括描画逻辑)，但不会走setTimeout对应的延时逻辑，也不会显示
- * 预热的界面可以极大加速界面切换的时间，例如应用跳转到购物类界面
- * mode为1表示全预热，app_url不能为空，mode为2表示只预热engine url，如果app_url不为空，engine url来自于app_ur
- * 否则来自于当前使用的engine url，app_url表示小程序的链接。
- * 【特别注意】warmUp起来的view，在warmLoadView调用之前，若启动者JsView关闭的话，此View应该在
- *  View管理模块被清理掉，以防泄露，但在warmLoadView完成后，就不需要进行关联清理，请管理模块务必保证此机制。
- * [参数]
- *      int mode  预热模式，1:全预热，2:半预热
- *      String app_url  要预热的app_url，当半预热时，可以为null
- * [返回值]
- *      int: 为view_refer_id值，预热后的View的ID，用于后续的warmLoadView和closeWarmView使用
- */
 function warmUpView(mode, app_url) {
   if (mode !== 1 && mode !== 2) {
     console.error(`not support mode(${mode})`);
@@ -8589,48 +8808,41 @@ function warmUpView(mode, app_url) {
   }
   return direct_call("warmUpView", mode, app_url);
 }
-/*
- * 将warmUpView后的View展示出来
- * 若warmUpView中app_url不为null，进行了全预热，则本调用的app_url可以为null
- * 当warmUpView中设置了app_url时，仍可以新的app_url调整history hash(#)部分进行子页面切换
- *
- * @param {number} view_refer_id warmUpView调用后返回来的View ID
- * @param {string} app_url      界面的应用地址，支持?(search)和#(hash)字段
- * @param {boolean} add_history 启动的界面是否进访问历史列表
- */
 function warmLoadView(view_refer_id, app_url, add_history) {
   direct_call("warmLoadView", view_refer_id, app_url, !!add_history);
 }
-/*
- * 关闭warmUp后未进行warmLoad的View，释放资源
- * @param {number} view_refer_id warmUpView调用后返回来的View ID
- */
 function closeWarmedView(view_refer_id) {
   direct_call("closeWarmedView", view_refer_id);
 }
-/*
- * 触发预下载内核
- * @param {string} core_version 带branch(主分支版本不带此信息)和版本信息的内核版本, 
- *                              例如: 1021265_release_build_xxx
- * @returns promise 对象，用于监听下载完成与下载失败
- */
 function preDownloadSdk(core_version) {
   return direct_call("preDownloadSdk", core_version);
 }
-// 显示声明，可以提高执行速度和利用上编辑器的成员名提示功能
-const jJsvRuntimeBridge = {
+function getNetworkTypeStatusImmediate() {
+  return direct_call("getNetworkTypeStatusImmediate");
+}
+function registerNetStateListener(callback) {
+  return direct_call("registerNetStateListener", callback);
+}
+function unRegisterNetStateListener(callback) {
+  return direct_call("unRegisterNetStateListener", callback);
+}
+const bridge = {
   getMac,
   getWireMac,
   getWifiMac,
   getDeviceUUID,
   getAndroidId,
   openWindow,
+  startUrlInNewTab,
+  onWindowResult,
+  reloadWindow,
   closePage,
   getStartParams,
   getSystemProperty,
   getInstalledApps,
   startNativeApp,
   sendNativeBroadcast,
+  startService,
   getDeviceInfo,
   getAppInfo,
   notifyPageLoadDone,
@@ -8648,7 +8860,10 @@ const jJsvRuntimeBridge = {
   warmUpView,
   warmLoadView,
   closeWarmedView,
-  preDownloadSdk
+  preDownloadSdk,
+  getNetworkTypeStatusImmediate,
+  registerNetStateListener,
+  unRegisterNetStateListener
 };
 
 //
@@ -8865,7 +9080,7 @@ class JsvStyleClass {
       }
       this._StyleGroup.insertRule(`.${this._Name}${css_define}`);
     } else {
-      Forge$1.ReactUtils.StyleClassMap[this._Name] = this;
+      Forge$2.ReactUtils.StyleClassMap[this._Name] = this;
     }
   }
   _RecycleInner() {
@@ -8873,7 +9088,7 @@ class JsvStyleClass {
       if (window.JsvDisableReactWrapper) {
         this._StyleGroup.removeRule(`.${this._Name}`);
       } else {
-        delete Forge$1.ReactUtils.StyleClassMap[this._Name];
+        delete Forge$2.ReactUtils.StyleClassMap[this._Name];
       }
       this._Name = null;
       this._Styles = null;
@@ -9049,7 +9264,7 @@ window.JsvDebugTools = DebugTools;
  *      Object  句柄，用于传输给 createImpactTracer
  */
 function createImpactCallback(on_contact, on_dis_contact) {
-  return new Forge$1.sImpactSensorManager.Callback(on_contact, on_dis_contact);
+  return new Forge$2.sImpactSensorManager.Callback(on_contact, on_dis_contact);
 }
 /*
  * createImpactTracer 参数说明:
@@ -9061,7 +9276,7 @@ function createImpactCallback(on_contact, on_dis_contact) {
  *      Object  句柄，提供 Recycle() 函数用于停止碰撞检测，需要再componentWillUnmount进行调用(清理)
  */
 function createImpactTracer(ele1, ele2, callback, auto_froze) {
-  return Forge$1.sImpactSensorManager.StartTrace(ele1.jsvGetProxyView(), ele2.jsvGetProxyView(), callback, auto_froze);
+  return Forge$2.sImpactSensorManager.StartTrace(ele1.jsvGetProxyView(), ele2.jsvGetProxyView(), callback, auto_froze);
 }
 // 创建用于设置碰撞即停管理对象的参数
 // 结果用于函数 createImpactAutoFroze 和 updateImpactAutoFroze
@@ -9092,7 +9307,7 @@ function createImpactAutoFroze(element_auto_froze_pre_impact, element_auto_froze
   }
   const pre_impact_list = _ConvertToViewsList(element_auto_froze_pre_impact);
   const on_impact_list = _ConvertToViewsList(element_auto_froze_on_impact);
-  return new Forge$1.sImpactSensorManager.AutoFroze(
+  return new Forge$2.sImpactSensorManager.AutoFroze(
     pre_impact_list.length > 0 ? pre_impact_list : null,
     on_impact_list.length > 0 ? on_impact_list : null
   );
@@ -9106,7 +9321,7 @@ function createImpactAutoFroze(element_auto_froze_pre_impact, element_auto_froze
  *      无
  */
 function updateImpactAutoFroze(handler, element_auto_froze_pre_impact, element_auto_froze_on_impact) {
-  if (handler instanceof Forge$1.sImpactSensorManager.AutoFroze) {
+  if (handler instanceof Forge$2.sImpactSensorManager.AutoFroze) {
     console.error("Error: handler type error");
     return;
   }
@@ -9486,9 +9701,12 @@ class TextureBase {
     }
   }
   addToStore() {
-    this.storeName = `${this.baseName}-${this.textureRef?.GetTextureId()}`;
+    this.storeName = this.getStoreName();
     sStore.addToStore(this.storeName, this);
   }
+  getStoreName() {
+    return `${this.baseName}-${this.textureRef?.GetTextureId()}`;
+  }
   /**
    * commit
    * 完成绘制设置，出发制作目标texture
@@ -9498,6 +9716,15 @@ class TextureBase {
   commit() {
     return this.storeName;
   }
+  /**
+   * getTextureRef
+   * 内部接口，获取内联的Forge.ImageTexture的句柄
+   * 
+   * @return {String} BaseName-textureId 格式的名字，用于 jsvtexturestore:// 的访问链接
+   */
+  getTextureRef() {
+    return this.textureRef;
+  }
   recycle() {
     let textureRef = sStore.removeFromStore(this.storeName);
     if (textureRef) {
@@ -9709,9 +9936,9 @@ class CustomPath extends DrawingPath {
 // utils/JsViewVueTools/JsvTextureDefines.ts;
 //
 class TextureInstantType {
-  static Auto = Forge$2.TextureInstantLoad.AUTO;
-  static Sync = Forge$2.TextureInstantLoad.SYNC;
-  static Async = Forge$2.TextureInstantLoad.ASYNC;
+  static Auto = Forge$1.TextureInstantLoad.AUTO;
+  static Sync = Forge$1.TextureInstantLoad.SYNC;
+  static Async = Forge$1.TextureInstantLoad.ASYNC;
 }
 
 //
@@ -9888,6 +10115,53 @@ class CanvasTexture extends TextureBase {
   }
 }
 
+//
+// utils/JsViewVueTools/JsvTextureStore/CapturedTexture/CapturedTexture.ts;
+//
+class CapturedTexture extends TextureBase {
+  _AutoRecycle;
+  _Callback;
+  _CaptureDiv;
+  _Canceled = false;
+  constructor(captureDiv, callback, autoRecycle) {
+    super(null);
+    this._CaptureDiv = captureDiv;
+    this._Callback = callback;
+    this._AutoRecycle = autoRecycle;
+  }
+  // 清理对Callback和div的引用，防止泄露
+  cancel() {
+    if (!this._Canceled) {
+      this._Callback = null;
+      this._CaptureDiv = null;
+      this._Canceled = true;
+    }
+  }
+  commit() {
+    this.textureRef = handles.TextureManager.GetCapturedTexture();
+    this._CaptureDiv.jsvGetProxyView(true).Capture2Texture(
+      this.textureRef,
+      (result) => {
+        let resultObj = JSON.parse(result);
+        if (this._Canceled) {
+          return;
+        }
+        if (!this._AutoRecycle) {
+          this.textureRef.DisableAutoRecycle();
+          this.addToStore();
+        }
+        this._Callback?.(
+          this.getStoreName(),
+          this._AutoRecycle,
+          resultObj.width,
+          resultObj.height
+        );
+      }
+    );
+    return "";
+  }
+}
+
 //
 // utils/JsViewVueTools/JsvTextureStore/JsvTextureStore.ts;
 //
@@ -9917,7 +10191,7 @@ let sTextureStoreApi = {
   /**
    * canvasTexture
    * 创建CanvasTexture句柄，执行commit()后, 获取访问名(访问名规则: 输入参数 baseName + 分配id)
-   * 可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名"
+   * 可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名" 来使用
    * 
    * @param {int} width  此Canvas画布的宽度
    * @param {int} height  此Canvas画布的高度
@@ -9927,14 +10201,41 @@ let sTextureStoreApi = {
   canvasTexture: (width, height, baseName) => {
     return new CanvasTexture(width, height, baseName);
   },
+  /**
+   * capture2Texture
+   * 对给定div做截图并生成一个Texture, 在回调函数中返回此Texture的访问名,
+   * 此访问名可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名" 来使用
+   * 注意: PC模拟环境下，无法截取运动物体的中间状态，但盒子端可以正常截取
+   * 
+   * 关于 autoRecycle:
+   *   true(默认值): 收到callback的访问名后，请立即设置给使用的地方，若此宏任务结束(其触发的所有微任务全完成后)时，
+   *                若资源未被div和img使用，则会自动回收，回收后此访问名对应内容为黑屏
+   *   false: 截图资源永久存在，可被反复使用，直到 JsvTextureStoreApi.deleteTexture(访问名) 进行清理
+   * 
+   * @param {DivVueRef} captureDiv  要截图的div
+   * @param {CapturedCallback} callback  完成截屏后的回调, 函数参数:
+   *                                     (textureAccessName: string,  // 访问名
+   *                                      autoRecycleSet: boolean,    // 通知是否为自动删除(和入参时一致)
+   *                                      width: number,              // 截取div的宽
+   *                                      height: number) => void     // 截取div的高
+   * @param {boolean} autoRecycle 可选, 是否当无div/img引用时会自动释放
+   *                              为true的场景在callback收到资源名后, 需要使用完毕后调用 deleteTexture 手动释放
+   *                              在手动释放之前，可以赋给其他div/img来复用 
+   * @return {CapturedTexture} 用于cancel的句柄，当cancel时，会清理对div和Callback的引用
+   */
+  capture2Texture: (captureDiv, callback, autoRecycle = true) => {
+    let texture = new CapturedTexture(captureDiv, callback, autoRecycle);
+    texture.commit();
+    return texture;
+  },
   /**
    * deleteTexture
-   * 删除commit后的texture
+   * 删除访问名对应的texture资源
    * 
-   * @param {String} storeName 此Texture的应用名称, 是canvasTexture.commit()后的返回值
+   * @param {String} accessName 此Texture的访问名，访问名来自: CanvasTexture.commit 或 capture2Texture 的回调
    */
-  deleteTexture: (storeName) => {
-    let textureRef = sStore.getFromStore(storeName);
+  deleteTexture: (accessName) => {
+    let textureRef = sStore.getFromStore(accessName);
     if (textureRef) {
       textureRef.recycle();
     }
@@ -10013,13 +10314,13 @@ class ActorControlBase {
     }
   }
   startFpsTesting() {
-    Forge$1.sRenderBridge.SetStepFpsSwitch(true);
+    Forge$2.sRenderBridge.SetStepFpsSwitch(true);
   }
   stopFpsTesting() {
-    Forge$1.sRenderBridge.SetStepFpsSwitch(false);
+    Forge$2.sRenderBridge.SetStepFpsSwitch(false);
   }
   altStraightSpeedInner(newSpeedPerSecond, time) {
-    Forge$1.AnimFireCommand.AltSpeed(this._SpriteView, newSpeedPerSecond, time);
+    Forge$2.AnimFireCommand.AltSpeed(this._SpriteView, newSpeedPerSecond, time);
   }
   _WrapBuildAnimation(repeat_start_array, current_array, tos_array, start_params) {
     console.warn("Should Override", repeat_start_array, current_array, tos_array, start_params);
@@ -10065,7 +10366,7 @@ class ActorControlBase {
     const anim = this._WrapBuildAnimation(froms, tos, start_params);
     const memo_tos = [...tos];
     const that = this;
-    const listener = new Forge$1.AnimationListener().OnFinalProgress(
+    const listener = new Forge$2.AnimationListener().OnFinalProgress(
       (progress) => {
         that._OnPaused(
           froms,
@@ -10088,7 +10389,7 @@ class ActorControlBase {
     }
     this._WrapAddExtraListener(listener, start_params);
     anim.AddAnimationListener(listener);
-    anim.Enable(Forge$1.AnimationEnable.KeepTransform);
+    anim.Enable(Forge$2.AnimationEnable.KeepTransform);
     this._SpriteView.StartAnimation(anim);
     return true;
   }
@@ -10344,7 +10645,7 @@ class JsvActorMoveControl extends ActorControlBase {
     return start_params;
   }
   _BuildAccelAnimation(current_array, tos_array, start_params) {
-    const anim = new Forge$1.ThrowAnimation(
+    const anim = new Forge$2.ThrowAnimation(
       current_array[0],
       current_array[1],
       start_params.xOrY,
@@ -10372,7 +10673,7 @@ class JsvActorMoveControl extends ActorControlBase {
         console.error(`Error: current=${from_pos} out of repeat range[${repeat_set.start}-${to_pos}]`);
         return null;
       }
-      anim = new Forge$1.TranslateFrameAnimation(
+      anim = new Forge$2.TranslateFrameAnimation(
         repeat_set.start,
         to_pos,
         start_params.speed,
@@ -10383,7 +10684,7 @@ class JsvActorMoveControl extends ActorControlBase {
       anim.SetStartPos(start_percent);
       anim.EnableInfinite();
     } else {
-      anim = new Forge$1.TranslateFrameAnimation(
+      anim = new Forge$2.TranslateFrameAnimation(
         from_pos,
         to_pos,
         start_params.speed,
@@ -10395,7 +10696,7 @@ class JsvActorMoveControl extends ActorControlBase {
     return anim;
   }
   _BuildJumpAnimation(current_array, tos_array) {
-    const anim = new Forge$1.TranslateAnimation(
+    const anim = new Forge$2.TranslateAnimation(
       tos_array[0],
       tos_array[0],
       tos_array[1],
@@ -10539,7 +10840,7 @@ class JsvActorMoveControl extends ActorControlBase {
 
 
  */
-const _sfc_main$z = {
+const _sfc_main$A = {
   __name: "JsvActorMove",
   props: {
     control: {
@@ -10583,18 +10884,43 @@ const _sfc_main$z = {
 
 <!--
  * 【模块 export 内容】
- * JsvFreeMoveActor：单轴(X 或 Y)运动控制控件，可控制完成单方向的匀速运动和变速运动（抛物运动），
- *               若想进行X和Y轴同时的运动，可以通过运动分解后的两个JsvActorMove进行组合来实现
- *      props说明:
+ * JsvFreeMoveActor/JsvFreeMoveDiv：
+ *          帧动画控制组件，通过control
+ *              .action()  单一运动指令，新指令发生时会冲掉旧指令  
+ *              .condition()  条件设置，有时间维度，X/Y维度
+ *              .state()  状态调整指令
  *
+ *      props说明:
+ *          class: String, 等同于div的class设置(目前未实装，后续支持...)
+ *          style: Object, 等同于div的style设置
+ *                 特别注意: 在sizeMode模式下，非hidden，控制的是background/image的展示区域，
+ *                 overflow:hidden时，控制的是剪切区域，展示区域保持最初的width/height
+ *          sizeMode: Boolean, 从控制div左上角坐标的模式改为改为通过div矩形宽高
+ *                    (指令控制右下角坐标，实现对[0,0]->[右下角x,y]的矩形的宽高调整，另外，不支持负坐标)
+ *      expose说明:
+ *          control: Object 控制器句柄，具体参考 ActorControl
 -->
 
 
 
  */
-const _sfc_main$y = {
+const _sfc_main$z = {
   __name: "FreeMoveActor",
   props: {
+    // div的style设置,
+    // 其中top, left会作用于父节点，其余内容作用于子节点
+    // width和height在size模式下为初始尺寸
+    // 例如backgroundColor/backgroundImage/overflowHidden
+    style: {
+      type: Object,
+      default: {}
+    },
+    // 动画转而控制width/height，而不是x,y
+    sizeMode: {
+      default: false,
+      type: Boolean
+    },
+    // Deprecated
     // 设置给父节点，动画节点必须top/left为0, 以保证PC端模拟通过style直接获取当前位置信息的逻辑能通过
     top: {
       default: 0,
@@ -10604,7 +10930,9 @@ const _sfc_main$y = {
       default: 0,
       type: Number
     },
-    // 设置给实际的动画节点
+    // Deprecated
+    // 设置给实际的动画节点, 在size模式下为初始尺寸
+    // 可能会被style.width, style.height替代
     width: {
       default: 0,
       type: Number
@@ -10618,8 +10946,11 @@ const _sfc_main$y = {
     const props = __props;
     let mainDivRef = shallowRef(null);
     let controller = new ActorControl();
+    if (props.sizeMode) {
+      controller.asSizeMode();
+    }
     onMounted(() => {
-      controller.bindForgeView(mainDivRef.value.jsvGetProxyView());
+      controller.bindForgeView(mainDivRef.value.jsvGetProxyView(true));
     });
     expose({
       control: controller
@@ -10627,18 +10958,19 @@ const _sfc_main$y = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         style: normalizeStyle({
-          top: props.top,
-          left: props.left
+          top: props.style.top ? props.style.top : props.top,
+          left: props.style.left ? props.style.left : props.left
         })
       }, [
         createElementVNode("div", {
           ref_key: "mainDivRef",
           ref: mainDivRef,
           style: normalizeStyle({
-            top: 0,
-            left: 0,
             width: props.width,
-            height: props.height
+            height: props.height,
+            ...props.style,
+            top: 0,
+            left: 0
           })
         }, [
           renderSlot(_ctx.$slots, "default")
@@ -10682,7 +11014,7 @@ const KeepFlags = {
 
 
  */
-const _sfc_main$x = {
+const _sfc_main$y = {
   __name: "JsvEnvBlocker",
   props: {
     // (支持reactive)位置信息
@@ -10749,7 +11081,7 @@ const _sfc_main$x = {
     });
     onMounted(() => {
       console.log("JsvEnvBlocker: on mounted");
-      sensorRef = new Forge$1.EnvBlockerSensor(
+      sensorRef = new Forge$2.EnvBlockerSensor(
         toRaw(viewRef.value).jsvGetProxyView()
       );
       viewMounted.status = true;
@@ -10789,7 +11121,8 @@ let FreeMoveDef = {
   KeepFlags
 };
 let FreeMoveFunc = {
-  newNexus
+  newNexus,
+  ActControlDebug: ActorControl
 };
 
 //
@@ -10832,7 +11165,7 @@ let FreeMoveFunc = {
 
 
  */
-const _sfc_main$w = {
+const _sfc_main$x = {
   __name: "JsvFlexDiv",
   props: {
     style: Object,
@@ -10939,7 +11272,7 @@ const _sfc_main$w = {
 
 
  */
-const _sfc_main$v = {
+const _sfc_main$w = {
   props: {
     src: String,
     style: Object,
@@ -11031,7 +11364,7 @@ const _sfc_main$v = {
     }
   }
 };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("img", {
     "data-jsv-disable-apic-autoplay": "",
     alt: "",
@@ -11040,7 +11373,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle($props.style)
   }, null, 12, ["src"]);
 }
-const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$b]]);
+const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$a]]);
 
 //
 // utils/JsViewVueWidget/JsvApic/JsvApic/index.js;
@@ -11091,7 +11424,7 @@ const _JsvApic$1 = _JsvApic;
 
 
  */
-const _sfc_main$u = {
+const _sfc_main$v = {
   props: {
     src: String,
     style: Object,
@@ -11180,7 +11513,7 @@ const _sfc_main$u = {
     }
   }
 };
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("img", {
     "data-jsv-disable-apic-autoplay": "",
     alt: "",
@@ -11189,7 +11522,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle($props.style)
   }, null, 12, ["src"]);
 }
-const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$a]]);
+const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$9]]);
 
 //
 // utils/JsViewVueWidget/JsvApic/JsvApic2/index.js;
@@ -11216,7 +11549,7 @@ const _JsvApic2$1 = _JsvApic2;
 
 
  */
-const _sfc_main$t = {
+const _sfc_main$u = {
   props: {
     left: {
       type: Number,
@@ -11258,7 +11591,7 @@ const _sfc_main$t = {
     this._cleanInterval();
   }
 };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle({
       left: $props.left,
@@ -11270,7 +11603,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 4);
 }
-const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$9]]);
+const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$8]]);
 
 //
 // utils/JsViewVueWidget/JsvInput/JsvInput.vue;
@@ -11285,9 +11618,9 @@ const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_rend
 
  */
 const InputType = {
-  TEXT: Forge$1.TextInputType.TEXT,
-  NUMBER: Forge$1.TextInputType.NUMBER,
-  PASSWORD: Forge$1.TextInputType.PASSWORD
+  TEXT: Forge$2.TextInputType.TEXT,
+  NUMBER: Forge$2.TextInputType.NUMBER,
+  PASSWORD: Forge$2.TextInputType.PASSWORD
 };
 const ifDigital = (char) => "0".charCodeAt() <= char.charCodeAt() && char.charCodeAt() <= "9".charCodeAt();
 const ifDirectionKeyCode = (code) => code >= 37 && code <= 40;
@@ -11298,7 +11631,7 @@ const edgeMap = {
   40: EdgeDirection.bottom
 };
 const MAX_WIDTH = 1920;
-const _sfc_main$s = {
+const _sfc_main$t = {
   components: {
     CursorVue
   },
@@ -11473,7 +11806,7 @@ const _sfc_main$s = {
       const alignment = this.fontStyle.textAlign;
       const italic = this.fontStyle.fontStyle === "italic";
       const bold = this.fontStyle.fontWeight === "bold";
-      return Forge$1.sTextUtils.StringWithFont(
+      return Forge$2.sTextUtils.StringWithFont(
         str,
         size,
         font,
@@ -11485,7 +11818,7 @@ const _sfc_main$s = {
       );
     },
     _getFullStringLength(str) {
-      return Forge$1.sTextUtils.GetTextWidth(this._getStringWithFont(str));
+      return Forge$2.sTextUtils.GetTextWidth(this._getStringWithFont(str));
     },
     add(string) {
       if (this.type === InputType.NUMBER && !ifDigital(string)) {
@@ -11522,9 +11855,9 @@ const _sfc_main$s = {
       const target_str = this._GetRealText(full_str);
       const font_params = this._getStringWithFont(target_str);
       const max_width = MAX_WIDTH;
-      const max_rect = new Forge$1.RectArea(0, 0, max_width, this.height);
-      const text_attr = Forge$1.sTextUtils.TextAttr("none", "none");
-      const cur_pos = Forge$1.sTextUtils.GetCursorPosition(
+      const max_rect = new Forge$2.RectArea(0, 0, max_width, this.height);
+      const text_attr = Forge$2.sTextUtils.TextAttr("none", "none");
+      const cur_pos = Forge$2.sTextUtils.GetCursorPosition(
         target_str,
         max_rect,
         font_params,
@@ -11805,7 +12138,7 @@ const _sfc_main$s = {
     },
     _GetRealText(src_str) {
       let value = src_str;
-      if (this.type === Forge$1.TextInputType.PASSWORD) {
+      if (this.type === Forge$2.TextInputType.PASSWORD) {
         value = value.replace(/\w/g, "*");
       }
       return value;
@@ -11815,11 +12148,11 @@ const _sfc_main$s = {
     }
   },
   created() {
-    this.editControlView = new Forge$1.EditControlView();
+    this.editControlView = new Forge$2.EditControlView();
     this.editControlView.OnTextChanged = this._onTextChanged;
     this.editControlView.OnStatusChanged = this._onStatusChanged;
-    this.editControlViewId = Forge$1.sViewStore.add(
-      new Forge$1.ViewInfo(this.editControlView)
+    this.editControlViewId = Forge$2.sViewStore.add(
+      new Forge$2.ViewInfo(this.editControlView)
     );
     const cur_position = this._calculateCursorPosition(
       this.value,
@@ -11836,13 +12169,13 @@ const _sfc_main$s = {
   },
   beforeUnmount() {
     if (this.editControlViewId != -1) {
-      Forge$1.sViewStore.remove(this.editControlViewId);
+      Forge$2.sViewStore.remove(this.editControlViewId);
       this.editControlViewId = -1;
     }
     this.clearCursorPauseTimer();
   }
 };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_cursor_vue = resolveComponent("cursor-vue");
   const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
   return openBlock(), createBlock(_component_jsv_focus_block, {
@@ -11901,7 +12234,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name", "onAction", "style"]);
 }
-const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$8]]);
+const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$7]]);
 
 //
 // utils/JsViewVueWidget/JsvInput/index.js;
@@ -11972,7 +12305,7 @@ const buildDownloadInfo$1 = (url, net_setting = null, get_image_size) => {
     // 用于格式校验
   };
 };
-const _sfc_main$r = {
+const _sfc_main$s = {
   __name: "JsvPreload",
   props: {
     preloadList: Object,
@@ -12006,7 +12339,7 @@ const _sfc_main$r = {
               view_info.textureRef?.UnregisterLoadImageCallback(
                 view_info.callToken
               );
-              Forge$1.sViewStore.remove(id);
+              Forge$2.sViewStore.remove(id);
             }
           }
         }
@@ -12024,7 +12357,7 @@ const _sfc_main$r = {
               view_info.textureRef?.UnregisterLoadImageCallback(
                 view_info.callToken
               );
-              Forge$1.sViewStore.remove(id);
+              Forge$2.sViewStore.remove(id);
             }
           }
         }
@@ -12109,10 +12442,10 @@ const _sfc_main$r = {
           _checkPreload();
         });
         texture.EnableBackgroundLoad();
-        const texture_setting = new Forge$1.ExternalTextureSetting(texture);
-        const preload_view = new Forge$1.PreloadView(texture_setting);
+        const texture_setting = new Forge$2.ExternalTextureSetting(texture);
+        const preload_view = new Forge$2.PreloadView(texture_setting);
         return {
-          viewId: Forge$1.sViewStore.add(new Forge$1.ViewInfo(preload_view)),
+          viewId: Forge$2.sViewStore.add(new Forge$2.ViewInfo(preload_view)),
           textureRef: texture,
           callToken: callback_token
         };
@@ -12179,10 +12512,10 @@ const _sfc_main$r = {
           }
         );
         texture.EnableBackgroundLoad();
-        const texture_setting = new Forge$1.TextureSetting(texture);
-        const preload_view = new Forge$1.PreloadView(texture_setting);
+        const texture_setting = new Forge$2.TextureSetting(texture);
+        const preload_view = new Forge$2.PreloadView(texture_setting);
         return {
-          viewId: Forge$1.sViewStore.add(new Forge$1.ViewInfo(preload_view)),
+          viewId: Forge$2.sViewStore.add(new Forge$2.ViewInfo(preload_view)),
           textureRef: texture,
           callToken: callback_token
         };
@@ -12253,7 +12586,7 @@ const _sfc_main$r = {
 // 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
 let _JsvPreload;
 if (window.JsView) {
-  _JsvPreload = _sfc_main$r;
+  _JsvPreload = _sfc_main$s;
 } else {
   const BrowserPreload = await import('./browser/BrowserPreload.vue.mjs');
   _JsvPreload = BrowserPreload.default;
@@ -12287,7 +12620,7 @@ const JsvPreload = _JsvPreload;
 
 
  */
-const _sfc_main$q = {
+const _sfc_main$r = {
   props: {
     value: String,
     size: Number,
@@ -12348,11 +12681,11 @@ const _sfc_main$q = {
         this.size,
         this.size,
         instantLoad,
-        Forge$1.QRCodeLevel[this.level],
+        Forge$2.QRCodeLevel[this.level],
         this.bgColor,
         this.fgColor
       );
-      view = new Forge$1.LayoutView(new Forge$1.TextureSetting(qrcode_texture));
+      view = new Forge$2.LayoutView(new Forge$2.TextureSetting(qrcode_texture));
       const calculatedImageSettings = this.getImageSettings();
       if (this.imageSettings && calculatedImageSettings) {
         let url = this.imageSettings.src;
@@ -12360,12 +12693,12 @@ const _sfc_main$q = {
           url = new window.JsView.Dom.UrlRef(this.imageSettings.src).href;
         }
         const img_texture = texture_manager.GetImage(url);
-        const img_view = new Forge$1.LayoutView(
-          new Forge$1.TextureSetting(img_texture)
+        const img_view = new Forge$2.LayoutView(
+          new Forge$2.TextureSetting(img_texture)
         );
         view.AddView(
           img_view,
-          new Forge$1.LayoutParams({
+          new Forge$2.LayoutParams({
             x: calculatedImageSettings.x,
             y: calculatedImageSettings.y,
             width: calculatedImageSettings.w,
@@ -12374,7 +12707,7 @@ const _sfc_main$q = {
         );
         console.log("view = " + view);
       }
-      lp_params = new Forge$1.LayoutParams({
+      lp_params = new Forge$2.LayoutParams({
         x: 0,
         y: 0,
         width: this.size,
@@ -12394,9 +12727,9 @@ const _sfc_main$q = {
       imageSettings: this.imageSettings
     };
     if (this.jsvBaseView === null) {
-      this.jsvBaseView = new Forge$1.LayoutView();
-      this.innerViewId = Forge$1.sViewStore.add(
-        new Forge$1.ViewInfo(this.jsvBaseView)
+      this.jsvBaseView = new Forge$2.LayoutView();
+      this.innerViewId = Forge$2.sViewStore.add(
+        new Forge$2.ViewInfo(this.jsvBaseView)
       );
     }
     if (this.oldProps !== propsData) {
@@ -12413,17 +12746,17 @@ const _sfc_main$q = {
   },
   beforeUnmount() {
     if (this.innerViewId !== -1) {
-      Forge$1.sViewStore.remove(this.innerViewId);
+      Forge$2.sViewStore.remove(this.innerViewId);
       this.innerViewId = -1;
       this.jsvBaseView = null;
       console.log("success remove innerview");
     }
   }
 };
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", { "data-jsv-vw-innerview": $data.innerViewId }, null, 8, ["data-jsv-vw-innerview"]);
 }
-const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$7]]);
+const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$6]]);
 
 //
 // utils/JsViewVueWidget/JsvQrcode/index.js;
@@ -12487,7 +12820,7 @@ let buildForgeView = (pointRes, sprayStyle, sizeRef, ignoreClip) => {
   const texture_manager = handles.TextureManager;
   let texture_setting;
   if (pointRes.trim().startsWith("#") || pointRes.trim().startsWith("rgba")) {
-    texture_setting = new Forge$1.TextureSetting(
+    texture_setting = new Forge$2.TextureSetting(
       texture_manager.GetColorTexture(pointRes)
     );
   } else {
@@ -12498,11 +12831,11 @@ let buildForgeView = (pointRes, sprayStyle, sizeRef, ignoreClip) => {
     } else if (window.JsView.Dom.UrlRef) {
       image_url = new window.JsView.Dom.UrlRef(pointRes).href;
     }
-    texture_setting = new Forge$1.ExternalTextureSetting(
+    texture_setting = new Forge$2.ExternalTextureSetting(
       texture_manager.GetImage2(image_url, false, null, "RGB_8888", null)
     );
   }
-  const spray_view = new Forge$1.SprayView(texture_setting);
+  const spray_view = new Forge$2.SprayView(texture_setting);
   const add_num_per_frame = sprayStyle.addNumSpeed ? sprayStyle.addNumSpeed : 1e-3;
   const accelerate_x = typeof sprayStyle.accelerateX !== "undefined" ? sprayStyle.accelerateX : 0;
   const accelerate_y = typeof sprayStyle.accelerateY !== "undefined" ? sprayStyle.accelerateY : -100;
@@ -12549,9 +12882,9 @@ let buildForgeView = (pointRes, sprayStyle, sizeRef, ignoreClip) => {
   const view_height = sprayStyle.deltaHeight === 0 ? 1 : 2 * sprayStyle.deltaHeight;
   sizeRef.width = view_width;
   sizeRef.height = view_height;
-  return Forge$1.sViewStore.add(new Forge$1.ViewInfo(spray_view, null));
+  return Forge$2.sViewStore.add(new Forge$2.ViewInfo(spray_view, null));
 };
-const _sfc_main$p = {
+const _sfc_main$q = {
   props: {
     pointRes: {
       type: String,
@@ -12578,7 +12911,7 @@ const _sfc_main$p = {
   methods: {
     unloadView() {
       if (this.viewId != -1) {
-        Forge$1.sViewStore.remove(this.viewId);
+        Forge$2.sViewStore.remove(this.viewId);
         this.viewId = -1;
       }
     }
@@ -12604,13 +12937,13 @@ const _sfc_main$p = {
     this.unloadView();
   }
 };
-function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle({ width: $data.size.width, height: $data.size.height }),
     "data-jsv-vw-innerview": $data.viewId
   }, null, 12, ["data-jsv-vw-innerview"]);
 }
-const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6]]);
+const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$5]]);
 
 //
 // utils/JsViewVueWidget/JsvSpray/index.js;
@@ -12866,7 +13199,7 @@ const JsvSpriteAnim_vue_vue_type_style_index_0_scoped_00add5ef_lang = "";
 
 
  */
-const _sfc_main$o = {
+const _sfc_main$p = {
   __name: "JsvSpriteAnim",
   props: {
     spriteInfo: Object,
@@ -13203,7 +13536,7 @@ const _sfc_main$o = {
 };
 const styleSheetsContent$1 = { "0": { "sprite-tag-00add5ef": "@keyframes sprite-tag-00add5ef {}" } };
 window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
-const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "data-v-00add5ef"]]);
+const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__scopeId", "data-v-00add5ef"]]);
 
 //
 // utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteLoader.vue;
@@ -13223,7 +13556,7 @@ const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__scopeId", "d
 
 
  */
-const _sfc_main$n = {
+const _sfc_main$o = {
   __name: "JsvSpriteLoader",
   props: {
     imageUrl: String,
@@ -13429,7 +13762,7 @@ let JsvSpriteTools = {
 
 
  */
-const _sfc_main$m = {
+const _sfc_main$n = {
   __name: "JsvVisibleSensor",
   props: {
     // (支持reactive)可视区域设定
@@ -13504,7 +13837,7 @@ const _sfc_main$m = {
     };
     onMounted(() => {
       console.log("JsvVisibleSensor: on mounted");
-      sensorRef = new Forge$1.VisibleSensor(
+      sensorRef = new Forge$2.VisibleSensor(
         toRaw(viewRef.value).jsvGetProxyView(),
         (old_h, new_h, old_v, new_v) => {
           visibleChange(old_h, new_h, old_v, new_v);
@@ -13552,7 +13885,7 @@ const _sfc_main$m = {
 
 var JsvVisibleSensor$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  default: _sfc_main$m
+  default: _sfc_main$n
 });
 
 //
@@ -13627,8 +13960,8 @@ const keyCode2EdgeDirection = (keyCode) => {
       return null;
   }
 };
-const _sfc_main$l = {
-  components: { JsvActorMove: _sfc_main$z, JsvVisibleSensor },
+const _sfc_main$m = {
+  components: { JsvActorMove: _sfc_main$A, JsvVisibleSensor },
   props: {
     showIndicator: {
       type: Boolean,
@@ -13943,7 +14276,7 @@ const _sfc_main$l = {
         case "translate":
           if (smooth) {
             const speed = (this.vertical ? this.layoutInfo.height : this.layoutInfo.width) / this.animation.duration * 1e3;
-            curViewAnimation = new Forge$1.TranslateFrameAnimation(
+            curViewAnimation = new Forge$2.TranslateFrameAnimation(
               this.vertical ? direction * this.layoutInfo.height : direction * this.layoutInfo.width,
               0,
               speed,
@@ -13951,7 +14284,7 @@ const _sfc_main$l = {
               this.vertical ? 0 : direction * this.layoutInfo.width,
               this.vertical ? direction * this.layoutInfo.height : 0
             );
-            preViewAnimation = new Forge$1.TranslateFrameAnimation(
+            preViewAnimation = new Forge$2.TranslateFrameAnimation(
               this.vertical ? direction * this.layoutInfo.height : direction * this.layoutInfo.width,
               0,
               speed,
@@ -13960,7 +14293,7 @@ const _sfc_main$l = {
               this.vertical ? direction * this.layoutInfo.height : 0
             );
           } else {
-            curViewAnimation = new Forge$1.TranslateAnimation(
+            curViewAnimation = new Forge$2.TranslateAnimation(
               this.vertical ? 0 : direction * this.layoutInfo.width,
               0,
               this.vertical ? direction * this.layoutInfo.height : 0,
@@ -13968,7 +14301,7 @@ const _sfc_main$l = {
               duration,
               null
             );
-            preViewAnimation = new Forge$1.TranslateAnimation(
+            preViewAnimation = new Forge$2.TranslateAnimation(
               this.vertical ? 0 : direction * this.layoutInfo.width,
               0,
               this.vertical ? direction * this.layoutInfo.height : 0,
@@ -13984,7 +14317,7 @@ const _sfc_main$l = {
           break;
       }
       curViewAnimation.SetAnimationListener(
-        new Forge$1.AnimationListener(null, this._onAnimationEnd, null)
+        new Forge$2.AnimationListener(null, this._onAnimationEnd, null)
       );
       this.$refs.element?.[this.currentViewIndex]?.jsvGetProxyView(true).StartAnimation(curViewAnimation);
       this.$refs.element?.[modToRange(this.currentViewIndex - direction, VIEW_NUM)]?.jsvGetProxyView(true).StartAnimation(preViewAnimation);
@@ -14015,7 +14348,7 @@ const _sfc_main$l = {
     this.stopAutoplay();
   }
 };
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_jsv_visible_sensor = resolveComponent("jsv-visible-sensor");
   const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
   return openBlock(), createElementBlock(Fragment, null, [
@@ -14115,7 +14448,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "style", "onAction"])
   ], 64);
 }
-const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$5]]);
+const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$4]]);
 
 //
 // utils/JsViewVueWidget/JsvSwiper/index.js;
@@ -14148,7 +14481,7 @@ const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_rend
 
 
  */
-const _sfc_main$k = {
+const _sfc_main$l = {
   __name: "JsvSwiper",
   props: {
     dispNumber: { type: Number, require: true },
@@ -14594,7 +14927,7 @@ const TexAlignAnchor$1 = {
   CENTER_BOTTOM: 8,
   RIGHT_BOTTOM: 9
 };
-const _sfc_main$j = {
+const _sfc_main$k = {
   props: {
     src: String,
     top: Number,
@@ -14650,8 +14983,8 @@ const _sfc_main$j = {
           decorate_setting
         );
       } else {
-        let texture_set = new Forge$1.ExternalTextureSetting(view_texture);
-        return new Forge$1.LayoutView(texture_set);
+        let texture_set = new Forge$2.ExternalTextureSetting(view_texture);
+        return new Forge$2.LayoutView(texture_set);
       }
     },
     _readRadius(setting) {
@@ -14700,8 +15033,8 @@ const _sfc_main$j = {
     },
     _createNinePatchAlphaMixView(view_texture, decorate_setting) {
       const textureManager = handles.TextureManager;
-      let texture_set = new Forge$1.ExternalTextureSetting(view_texture);
-      let nine_patch_view = new Forge$1.NinePatchView(texture_set);
+      let texture_set = new Forge$2.ExternalTextureSetting(view_texture);
+      let nine_patch_view = new Forge$2.NinePatchView(texture_set);
       if (decorate_setting.url) {
         let converted_url = urlCheckSet(decorate_setting.url);
         let view_texture2 = textureManager.GetImage2(converted_url);
@@ -14725,17 +15058,17 @@ const _sfc_main$j = {
       return nine_patch_view;
     },
     _createBorderRadius(view_texture, decorate_setting) {
-      let texture_mask = new Forge$1.ViewRoundCornerMask(
+      let texture_mask = new Forge$2.ViewRoundCornerMask(
         numberCheckSet(decorate_setting.topLeft),
         numberCheckSet(decorate_setting.topRight),
         numberCheckSet(decorate_setting.bottomLeft),
         numberCheckSet(decorate_setting.bottomRight)
       );
-      let texture_set = new Forge$1.ExternalTextureSetting(
+      let texture_set = new Forge$2.ExternalTextureSetting(
         view_texture,
         texture_mask
       );
-      return new Forge$1.LayoutView(texture_set);
+      return new Forge$2.LayoutView(texture_set);
     },
     _onAnimationEnd() {
       this.onAnimationEnd?.();
@@ -14797,7 +15130,7 @@ const _sfc_main$j = {
       }
       this._updateTexCoord();
       if (this.animation) {
-        this.forgeAnimation = new Forge$1.CssKeyframeAnimation(
+        this.forgeAnimation = new Forge$2.CssKeyframeAnimation(
           "@keyframes texAnimDef" + this.animation,
           this.duration,
           null,
@@ -14805,20 +15138,21 @@ const _sfc_main$j = {
           1
         );
         this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+        this.forgeAnimation.Enable(Forge$2.AnimationEnable.ReleaseAfterEndCallback);
         this.forgeAnimation.SetAnimationListener(
-          new Forge$1.AnimationListener(null, this._onAnimationEnd, null)
+          new Forge$2.AnimationListener(null, this._onAnimationEnd, null)
         );
       } else {
         this.forgeAnimation = null;
       }
-      this.innerViewId = Forge$1.sViewStore.add(
-        new Forge$1.ViewInfo(this.innerView)
+      this.innerViewId = Forge$2.sViewStore.add(
+        new Forge$2.ViewInfo(this.innerView)
       );
     }
   },
   beforeUnmount() {
     if (this.innerViewId !== -1) {
-      Forge$1.sViewStore.remove(this.innerViewId);
+      Forge$2.sViewStore.remove(this.innerViewId);
       this.innerViewId = -1;
     }
   },
@@ -14830,7 +15164,7 @@ const _sfc_main$j = {
   activated() {
     if (this.innerView) {
       if (this.animation && this.forgeAnimation == null) {
-        this.forgeAnimation = new Forge$1.CssKeyframeAnimation(
+        this.forgeAnimation = new Forge$2.CssKeyframeAnimation(
           "@keyframes texAnimDef" + this.animation,
           this.duration,
           null,
@@ -14838,8 +15172,9 @@ const _sfc_main$j = {
           1
         );
         this.forgeAnimation.EnableDelay(this.delay).SetRepeat(this.repeat);
+        this.forgeAnimation.Enable(Forge$2.AnimationEnable.ReleaseAfterEndCallback);
         this.forgeAnimation.SetAnimationListener(
-          new Forge$1.AnimationListener(null, this._onAnimationEnd, null)
+          new Forge$2.AnimationListener(null, this._onAnimationEnd, null)
         );
         this.innerView.StartTextureAnimation(this.forgeAnimation);
       } else {
@@ -14854,7 +15189,7 @@ const _sfc_main$j = {
     this.forgeAnimation = null;
   }
 };
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("div", {
     style: normalizeStyle({
       top: $props.top,
@@ -14866,7 +15201,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     "data-jsv-vw-innerview": $setup.innerViewId
   }, null, 12, ["data-jsv-vw-innerview"]);
 }
-const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$4]]);
+const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$3]]);
 
 //
 // utils/JsViewVueWidget/JsvTextureAnim/index.js;
@@ -14899,7 +15234,7 @@ const TexAlignAnchor = TexAlignAnchor$1;
 
 
  */
-const _sfc_main$i = {
+const _sfc_main$j = {
   __name: "JsvFilterView",
   props: {
     width: {
@@ -14923,8 +15258,8 @@ const _sfc_main$i = {
   },
   setup(__props) {
     const props = __props;
-    let filterView = new Forge$1.FilterView();
-    let viewId = Forge$1.sViewStore.add(new Forge$1.ViewInfo(filterView, null));
+    let filterView = new Forge$2.FilterView();
+    let viewId = Forge$2.sViewStore.add(new Forge$2.ViewInfo(filterView, null));
     watchEffect(() => {
       if (filterView) {
         console.log(`filterType change to ${props.filterType}`);
@@ -14939,7 +15274,7 @@ const _sfc_main$i = {
     });
     onBeforeUnmount(() => {
       if (viewId > 0) {
-        Forge$1.sViewStore.remove(viewId);
+        Forge$2.sViewStore.remove(viewId);
         viewId = -1;
       }
     });
@@ -15052,7 +15387,7 @@ class LineType extends UpdateType {
     this.end = end;
   }
 }
-const _sfc_main$h = {
+const _sfc_main$i = {
   props: {
     left: {
       type: Number
@@ -15514,7 +15849,7 @@ const _sfc_main$h = {
     }
   }
 };
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
   return openBlock(), createBlock(_component_jsv_focus_block, {
     ref: "focusBlock",
@@ -15552,101 +15887,252 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["name", "onAction", "style"]);
 }
-const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$3]]);
+const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$2]]);
 
 //
-// utils/JsViewVueWidget/JsvNativeSharedDiv.vue;
+// utils/JsViewVueWidget/JsvNinePatch.vue;
 //
 /* <!--
- * 【控件介绍】
- * JsvNativeSharedDiv：创建一个Native端可以跟进显示位置的div，用于Native端外挂插件的开发
- *                  style {Object}  布局样式(必须)，必须包含的信息为{left, top, width, height}
- *                  getId {function} 回调函数，用于接收ID信息，ID信息用于Native端对该view进行跟踪的标识
- *                  setId {String} 给定命名ID，避免同进程不同context重名要和Context相关，
- *                                 例如`${window.JsView?.getJsContextId()}_${you_name}`
- -->
-
-
-
- */
-const _sfc_main$g = {
-  props: {
-    style: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    getId: Function,
-    setId: String,
-    seeThrough: {
-      type: Boolean,
-      default: true
-    }
+ * 【模块 export 内容】
+ * JsvNinePatch：Vue高阶组件，.9图展示控件，该控件的原图要求为正方形，延展后可为长方形
+ *      props说明:
+ *          style       {Object}    同div的Style，通过width/height来控制.9图片延展后的显示尺寸，另外通过top/left控制坐标
+ *          imageUrl    {String}    (必填)显示图片的加载地址
+ *          imageWidth  {int}       (必填)原图信息: 原图的宽度(由于正方形,宽高相同)
+ *          contentWidth {int}      (废弃)此值为了兼容，会赋值给centerWidth
+ *          centerWidth  {int}      (必填)原图信息: .9图的中心区域宽度(repeat区域)
+ *          imageDspWidth  {int}    原图缩放后的显示宽度，计算方法: 
+ *                                四角为90度圆弧时: imageDspWidth = 显示图形的圆弧半径 / 原图中圆弧的半径 * 原图宽度
+ *                                                原图中圆弧半径 = (原图宽度 - borderOutset * 2) / 2
+ *                                四角为其他形状时，原图.9图的四角区域，缩放到要和显示图形重合后的宽度。
+ *          borderOutset {int}      (必填)原图信息: 图片边缘到中心内容区域边缘的距离, 快速计算: (原图宽度 - 原图中放内容宽度) / 2
+ *          animTime    {int}       (必填)缩放动画的时长(单位秒)
+ *          waitForInit {boolean}  (选填)尺寸为0时是否进行描画(例如: 首次显示不展示动画的场合，设置为true),默认值为true
+ *          onTransitionEnd { Function } (选填)transition动画结束的回调
+ *          imageBlendType {String}  (选填) alpha合并模式，默认为普通合成，可设置"alphaOverride", 用于Video挖洞操作
+-->
+
+
+
+
+ */
+const _sfc_main$h = {
+  __name: "JsvNinePatch",
+  props: {
+    style: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    top: { type: Number, default: 0 },
+    left: { type: Number, default: 0 },
+    waitForInit: { type: Boolean, default: true },
+    imageUrl: { type: String, required: true },
+    imageWidth: { type: Number, required: true },
+    imageDspWidth: { type: Number, default: 0 },
+    contentWidth: { type: Number, default: -1 },
+    centerWidth: { type: Number, default: -1, required: true },
+    borderOutset: { type: Number, required: true },
+    animTime: { type: Number, default: 0 },
+    onTransitionEnd: { type: Function },
+    animation: { type: String },
+    imageBlendType: { type: String, default: null }
   },
-  setup() {
-    return {
-      isBrowserDebug: window.jsvIsBrowserDebug,
-      jsvMainView: void 0,
-      innerViewId: void 0
+  setup(__props) {
+    const props = __props;
+    const isReady = () => {
+      if (!props.waitForInit) {
+        return true;
+      }
+      return props.style && props.style.width !== 0 && props.style.height !== 0;
     };
-  },
-  beforeMount() {
-    if (this.isBrowserDebug) {
-      return;
-    }
-    let textureSetting = null;
-    if (this.seeThrough) {
-      const seeThroughTexture = handles.TextureManager.GetColorTexture("rgba(0,0,0,0)");
-      textureSetting = new Forge$1.TextureSetting(
-        seeThroughTexture,
-        null,
-        null,
-        false
-      );
+    const getTransition = () => {
+      let transition = "";
+      if (props.animTime && props.animTime > 0) {
+        transition = `left ${props.animTime}s, top ${props.animTime}s, width ${props.animTime}s, height ${props.animTime}s`;
+      }
+      return transition;
+    };
+    let centerWidth = props.contentWidth > 0 ? props.contentWidth : 1;
+    if (props.centerWidth >= 0) {
+      centerWidth = props.centerWidth > 0 ? props.centerWidth : 1;
     }
-    this.jsvMainView = new Forge$1.NativeSharedView(textureSetting);
-    this.innerViewId = Forge$1.sViewStore.add(
-      new Forge$1.ViewInfo(this.jsvMainView)
+    const imageDspWidthInner = computed(
+      () => props.imageDspWidth > 0 ? props.imageDspWidth : props.imageWidth
+    );
+    const sliceWidth = ref(
+      Math.ceil(Math.max(0, (props.imageWidth - centerWidth) / 2))
+    );
+    const borderDspWidth = ref(
+      Math.ceil(sliceWidth.value * imageDspWidthInner.value / props.imageWidth)
+    );
+    const convertedBorderOutset = ref(
+      Math.ceil(props.borderOutset * imageDspWidthInner.value / props.imageWidth)
     );
-    if (typeof this.jsvMainView != "undefined" && this.jsvMainView) {
-      if (this.setId) {
-        this.jsvMainView.SetTrackId(this.setId);
+    watchEffect(() => {
+      if (props.style?.width && props.style.width <= imageDspWidthInner.value || props.style?.height && props.style.height <= imageDspWidthInner.value) {
+        console.warn(
+          "JsvNinePatch: style size must be larger than imageDspWidth. style is",
+          props.style,
+          "imageDspWidth is",
+          imageDspWidthInner.value
+        );
       }
-      this.getId?.(this.jsvMainView.GetTrackId());
+    });
+    return (_ctx, _cache) => {
+      return isReady() ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        style: normalizeStyle({
+          ...__props.style,
+          transition: !!__props.animation ? null : getTransition(),
+          animation: __props.animation,
+          borderImage: `url(${__props.imageUrl}) ${sliceWidth.value} fill`,
+          borderImageWidth: `${borderDspWidth.value}px`,
+          borderImageOutset: `${convertedBorderOutset.value}px`,
+          JsvImageBlendType: props.imageBlendType
+        }),
+        onTransitionend: _cache[0] || (_cache[0] = (...args) => props.onTransitionEnd && props.onTransitionEnd(...args))
+      }, null, 36)) : createCommentVNode("", true);
+    };
+  }
+};
+
+//
+// utils/JsViewVueWidget/JsvNativeSharedDiv.vue;
+//
+/* <!--
+ * 【控件介绍】
+ * JsvNativeSharedDiv：创建一个Native端可以跟进显示位置的div，用于Native端外挂插件的开发
+ *                  style {Object}  布局样式(必须)，必须包含的信息为{left, top, width, height}
+ *                  getId {function} 回调函数，用于接收ID信息，ID信息用于Native端对该view进行跟踪的标识
+ *                  setId {String} 给定命名ID，避免同进程不同context重名要和Context相关，
+ *                                 例如`${window.JsView?.getJsContextId()}_${you_name}`
+ *                  corner {Number} 圆角的尺寸，默认为0 
+ *                  
+ -->
+
+
+
+
+ */
+const _sfc_main$g = {
+  __name: "JsvNativeSharedDiv",
+  props: {
+    style: {
+      type: Object,
+      default: () => {
+        return {};
+      }
+    },
+    getId: Function,
+    setId: String,
+    corner: {
+      type: Number,
+      default: 0
     }
   },
-  beforeUnmount() {
-    if (this.isBrowserDebug) {
-      return;
-    }
-    if (this.innerViewId !== -1) {
-      Forge$1.sViewStore.remove(this.innerViewId);
-      this.innerViewId = -1;
-      this.jsvMainView = null;
+  setup(__props) {
+    const props = __props;
+    let isBrowserDebug = window.jsvIsBrowserDebug;
+    let jsvMainView = void 0;
+    let innerViewId = -1;
+    let ninePatchSet = null;
+    if (!isBrowserDebug) {
+      if (props.corner > 0) {
+        let presetGap = 1;
+        ninePatchSet = {
+          imageSize: (props.corner + presetGap) * 2,
+          // 半径 + 中心点1像素
+          textureName: null
+        };
+        let sampleImageWidth = ninePatchSet.imageSize;
+        let innerRadius2 = sampleImageWidth;
+        let circleLineWidth = 1.5 * props.corner + presetGap - props.corner;
+        let canvasRef;
+        canvasRef = sTextureStoreApi.canvasTexture(
+          sampleImageWidth,
+          sampleImageWidth
+        );
+        let circleRadius = Math.floor(innerRadius2 / 2) + Math.floor(circleLineWidth / 2) - presetGap;
+        let customPath = canvasRef.circlePath(
+          Math.floor(sampleImageWidth / 2),
+          Math.floor(sampleImageWidth / 2),
+          circleRadius
+        );
+        canvasRef.drawColor("rgba(0,0,0,0)");
+        customPath.stroke(circleLineWidth, "#FF0000FF");
+        ninePatchSet.textureName = canvasRef.commit();
+      }
+      jsvMainView = new Forge$2.NativeSharedView();
+      innerViewId = Forge$2.sViewStore.add(new Forge$2.ViewInfo(jsvMainView));
+      if (typeof jsvMainView != "undefined" && jsvMainView) {
+        if (props.setId) {
+          jsvMainView.SetTrackId(props.setId);
+        }
+        props.getId?.(jsvMainView.GetTrackId());
+      }
     }
+    onUnmounted(() => {
+      if (isBrowserDebug) {
+        return;
+      }
+      if (innerViewId !== -1) {
+        Forge$2.sViewStore.remove(innerViewId);
+        innerViewId = -1;
+        jsvMainView = null;
+      }
+      if (ninePatchSet != null) {
+        sTextureStoreApi.deleteTexture(ninePatchSet.textureName);
+      }
+    });
+    return (_ctx, _cache) => {
+      return !unref(isBrowserDebug) ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        style: normalizeStyle({
+          left: __props.style.left,
+          top: __props.style.top
+        })
+      }, [
+        unref(ninePatchSet) != null ? (openBlock(), createBlock(_sfc_main$h, {
+          key: 0,
+          style: normalizeStyle({
+            width: __props.style.width,
+            height: __props.style.height
+          }),
+          imageUrl: `jsvtexturestore://${unref(ninePatchSet).textureName}`,
+          imageWidth: unref(ninePatchSet).imageSize,
+          centerWidth: 1,
+          borderOutset: 0,
+          waitForInit: false,
+          imageBlendType: "alphaOverride"
+        }, null, 8, ["style", "imageUrl", "imageWidth"])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          style: normalizeStyle({
+            width: __props.style.width,
+            height: __props.style.height,
+            backgroundColor: "rgba(0,0,0,0)",
+            JsvImageBlendType: "alphaOverride"
+          })
+        }, null, 4)),
+        createElementVNode("div", {
+          style: normalizeStyle({
+            width: __props.style.width,
+            height: __props.style.height
+          }),
+          "data-jsv-vw-innerview": unref(innerViewId)
+        }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 12, ["data-jsv-vw-innerview"])
+      ], 4)) : (openBlock(), createElementBlock("div", {
+        key: 1,
+        style: normalizeStyle({ ...__props.style })
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 4));
+    };
   }
 };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  return !$setup.isBrowserDebug ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    style: normalizeStyle({
-      left: $props.style.left,
-      top: $props.style.top,
-      width: $props.style.width,
-      height: $props.style.height
-    }),
-    "data-jsv-vw-innerview": $setup.innerViewId
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 12, ["data-jsv-vw-innerview"])) : (openBlock(), createElementBlock("div", {
-    key: 1,
-    style: normalizeStyle({ ...$props.style })
-  }, [
-    renderSlot(_ctx.$slots, "default")
-  ], 4));
-}
-const JsvTransparentDiv = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["render", _sfc_render$2]]);
 
 //
 // utils/JsViewVueWidget/JsvHole.js;
@@ -15822,7 +16308,7 @@ const _sfc_main$f = {
     };
     sureNum();
     const baseSlide = (refObj, startPos, endPos, callback) => {
-      const anim = new Forge$1.TranslateFrameAnimation(
+      const anim = new Forge$2.TranslateFrameAnimation(
         startPos,
         endPos,
         props.slideSpeed,
@@ -15831,7 +16317,7 @@ const _sfc_main$f = {
         0
       );
       anim.SetAnimationListener(
-        new Forge$1.AnimationListener(
+        new Forge$2.AnimationListener(
           null,
           (ended) => {
             if (ended) {
@@ -15841,7 +16327,7 @@ const _sfc_main$f = {
           null
         )
       );
-      anim.Enable(Forge$1.AnimationEnable.ReleaseAfterEndCallback);
+      anim.Enable(Forge$2.AnimationEnable.ReleaseAfterEndCallback);
       toRaw(refObj.value)?.jsvGetProxyView(true).StartAnimation(anim);
     };
     const slideTimer = () => {
@@ -16080,6 +16566,7 @@ const _sfc_main$f = {
 
 
  */
+const renderDocument = window.JsvCode.Dom.RenderDocument ? window.JsvCode.Dom.RenderDocument : window.JsvCode.Dom.BrowserDocument;
 const _sfc_main$e = {
   props: {
     class: {
@@ -16168,7 +16655,7 @@ const _sfc_main$e = {
     _initForHtml() {
       let _this = this;
       this.$refs.innerViewDiv?.jsvGetProxyView(true).RegisterOnProxyReady(() => {
-        const canvas = window.originDocument.createElement("canvas");
+        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);
@@ -16190,9 +16677,9 @@ const _sfc_main$e = {
     },
     _updateInnerView() {
       if (this.innerView === null) {
-        this.innerView = new Forge$1.LayoutView();
-        this.innerViewId = Forge$1.sViewStore.add(
-          new Forge$1.ViewInfo(this.innerView, null)
+        this.innerView = new Forge$2.LayoutView();
+        this.innerViewId = Forge$2.sViewStore.add(
+          new Forge$2.ViewInfo(this.innerView, null)
         );
       }
       if (this.viewSrc !== this.cache.viewSrc || this.maskSrc !== this.cache.maskSrc) {
@@ -16230,7 +16717,7 @@ const _sfc_main$e = {
   },
   beforeUnmount() {
     if (this.innerViewId !== -1) {
-      Forge$1.sViewStore.remove(this.innerViewId);
+      Forge$2.sViewStore.remove(this.innerViewId);
       this.innerViewId = -1;
       this.innerView = null;
     }
@@ -16257,112 +16744,6 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
 }
 const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$1]]);
 
-//
-// utils/JsViewVueWidget/JsvNinePatch.vue;
-//
-/* <!--
- * 【模块 export 内容】
- * JsvNinePatch：Vue高阶组件，.9图展示控件，该控件的原图要求为正方形，延展后可为长方形
- *      props说明:
- *          style       {Object}    同div的Style，通过width/height来控制.9图片延展后的显示尺寸，另外通过top/left控制坐标
- *          imageUrl    {String}    (必填)显示图片的加载地址
- *          imageWidth  {int}       (必填)原图信息: 原图的宽度(由于正方形,宽高相同)
- *          contentWidth {int}      (废弃)此值为了兼容，会赋值给centerWidth
- *          centerWidth  {int}      (必填)原图信息: .9图的中心区域宽度(repeat区域)
- *          imageDspWidth  {int}    原图缩放后的显示宽度，计算方法: 
- *                                四角为90度圆弧时: imageDspWidth = 显示图形的圆弧半径 / 原图中圆弧的半径 * 原图宽度
- *                                                原图中圆弧半径 = (原图宽度 - borderOutset * 2) / 2
- *                                四角为其他形状时，原图.9图的四角区域，缩放到要和显示图形重合后的宽度。
- *          borderOutset {int}      (必填)原图信息: 图片边缘到中心内容区域边缘的距离, 快速计算: (原图宽度 - 原图中放内容宽度) / 2
- *          animTime    {int}       (必填)缩放动画的时长(单位秒)
- *          waitForInit {boolean}  (选填)尺寸为0时是否进行描画(例如: 首次显示不展示动画的场合，设置为true),默认值为true
- *          onTransitionEnd { Function } (选填)transition动画结束的回调
--->
-
-
-
-
- */
-const _sfc_main$d = {
-  __name: "JsvNinePatch",
-  props: {
-    style: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    },
-    top: { type: Number, default: 0 },
-    left: { type: Number, default: 0 },
-    waitForInit: { type: Boolean, default: true },
-    imageUrl: { type: String, required: true },
-    imageWidth: { type: Number, required: true },
-    imageDspWidth: { type: Number, default: 0 },
-    contentWidth: { type: Number, default: -1 },
-    centerWidth: { type: Number, default: -1, required: true },
-    borderOutset: { type: Number, required: true },
-    animTime: { type: Number, default: 0 },
-    onTransitionEnd: { type: Function },
-    animation: { type: String }
-  },
-  setup(__props) {
-    const props = __props;
-    const isReady = () => {
-      if (!props.waitForInit) {
-        return true;
-      }
-      return props.style && props.style.width !== 0 && props.style.height !== 0;
-    };
-    const getTransition = () => {
-      let transition = "";
-      if (props.animTime && props.animTime > 0) {
-        transition = `left ${props.animTime}s, top ${props.animTime}s, width ${props.animTime}s, height ${props.animTime}s`;
-      }
-      return transition;
-    };
-    let centerWidth = props.contentWidth > 0 ? props.contentWidth : 1;
-    if (props.centerWidth >= 0) {
-      centerWidth = props.centerWidth > 0 ? props.centerWidth : 1;
-    }
-    const imageDspWidthInner = computed(
-      () => props.imageDspWidth > 0 ? props.imageDspWidth : props.imageWidth
-    );
-    const sliceWidth = ref(
-      Math.ceil(Math.max(0, (props.imageWidth - centerWidth) / 2))
-    );
-    const borderDspWidth = ref(
-      Math.ceil(sliceWidth.value * imageDspWidthInner.value / props.imageWidth)
-    );
-    const convertedBorderOutset = ref(
-      Math.ceil(props.borderOutset * imageDspWidthInner.value / props.imageWidth)
-    );
-    watchEffect(() => {
-      if (props.style?.width && props.style.width <= imageDspWidthInner.value || props.style?.height && props.style.height <= imageDspWidthInner.value) {
-        console.warn(
-          "JsvNinePatch: style size must be larger than imageDspWidth. style is",
-          props.style,
-          "imageDspWidth is",
-          imageDspWidthInner.value
-        );
-      }
-    });
-    return (_ctx, _cache) => {
-      return isReady() ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        style: normalizeStyle({
-          ...__props.style,
-          transition: !!__props.animation ? null : getTransition(),
-          animation: __props.animation,
-          borderImage: `url(${__props.imageUrl}) ${sliceWidth.value} fill`,
-          borderImageWidth: `${borderDspWidth.value}px`,
-          borderImageOutset: `${convertedBorderOutset.value}px`
-        }),
-        onTransitionend: _cache[0] || (_cache[0] = (...args) => props.onTransitionEnd && props.onTransitionEnd(...args))
-      }, null, 36)) : createCommentVNode("", true);
-    };
-  }
-};
-
 //
 // utils/JsViewVueWidget/JsvPosterDiv.vue;
 //
@@ -16380,7 +16761,7 @@ const _sfc_main$d = {
 
 
  */
-const _sfc_main$c = {
+const _sfc_main$d = {
   __name: "JsvPosterDiv",
   props: {
     style: Object
@@ -16421,16 +16802,19 @@ const _sfc_main$c = {
  * 【模块 export 内容】
  * JsvPosterImage：Vue高阶组件，海报描画，可设置color space 和 texture size
  *  props说明:
- *      colorSpace          {String}   颜色空间，默认RGBA_8888
  *      style    {Object}   包含left/top/width/height/border-radius的style设置
+ *      colorSpace {String} 颜色空间，调整其他颜色空间可以节省内存，默认RGBA_8888
  *      imageCompress {boolean} 是否压缩图片, 默认打开
+ *      src {string}        图片的加载地址
+ *      fadeIn: {boolean}   图片加载完成是否有淡入效果，默认为打开
+ *      isPosterImage:      标识是否用于海报位，对于海报位的内容，可以有下载线程控制等策略来优化整体体验
 -->
 
 
 
 
  */
-const _sfc_main$b = {
+const _sfc_main$c = {
   __name: "JsvPosterImage",
   props: {
     colorSpace: {
@@ -16468,7 +16852,15 @@ const _sfc_main$b = {
     let show_background_holder = !!window.JsView;
     watchEffect(() => {
       if (props.style) {
-        let { left, top, width, height, backgroundImage, backgroundColor, ...others } = props.style;
+        let {
+          left,
+          top,
+          width,
+          height,
+          backgroundImage,
+          backgroundColor,
+          ...others
+        } = props.style;
         common_style.left = left;
         common_style.top = top;
         image_style.width = width;
@@ -16513,7 +16905,7 @@ const _sfc_main$b = {
 
 
  */
-const _sfc_main$a = {
+const _sfc_main$b = {
   props: {
     definitionScale: {
       type: String
@@ -16525,7 +16917,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 8, ["data-jsv-vw-text-definition"]);
 }
-const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["render", _sfc_render]]);
+const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render]]);
 
 //
 // utils/JsViewVueWidget/JsvSoundPool.js;
@@ -16756,7 +17148,7 @@ class JsvSoundPool {
 /* <!--
 * Created by chunfeng.luo@qcast.cn on 10/13/20.
 */
-const _sfc_main$9 = {
+const _sfc_main$a = {
   __name: "JsvTextBox",
   props: {
     style: Object,
@@ -16769,10 +17161,13 @@ const _sfc_main$9 = {
       default: "middle"
     },
     enableLatex: Boolean,
-    className: String,
     textDirection: {
       type: String,
       default: "unset"
+    },
+    syncDraw: {
+      type: String,
+      default: "auto"
     }
   },
   setup(__props) {
@@ -16799,7 +17194,7 @@ const _sfc_main$9 = {
       return props.enableLatex ? 1 : 0;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$w), {
+      return openBlock(), createBlock(unref(_sfc_main$x), {
         style: normalizeStyle({
           ...props.style,
           flexDirection: "row",
@@ -16813,10 +17208,11 @@ const _sfc_main$9 = {
               JsvTextLatex: unref(jsvTextLatexValue),
               JsvTextLineAlign: __props.lineAlign,
               JsvTextInnerDirection: __props.textDirection
-            })
+            }),
+            "data-jsv-perf-loadtex": props.syncDraw
           }, [
             renderSlot(_ctx.$slots, "default")
-          ], 4)
+          ], 12, ["data-jsv-perf-loadtex"])
         ]),
         _: 3
       }, 8, ["style"]);
@@ -16846,7 +17242,7 @@ const _sfc_main$9 = {
 -->
 
  */
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   __name: "JsvRadarChart",
   props: {
     style: {
@@ -17090,7 +17486,7 @@ const JsvRippleShape = {
 
 
  */
-const _sfc_main$7 = {
+const _sfc_main$8 = {
   __name: "JsvRipple",
   props: {
     width: {
@@ -17115,8 +17511,8 @@ const _sfc_main$7 = {
   setup(__props, { expose }) {
     const props = __props;
     const TAG = "JsvRipple";
-    let filterView = new Forge$1.FilterView(null, Forge$1.FilterView.Type.WAVE);
-    let viewId = Forge$1.sViewStore.add(new Forge$1.ViewInfo(filterView, null));
+    let filterView = new Forge$2.FilterView(null, Forge$2.FilterView.Type.WAVE);
+    let viewId = Forge$2.sViewStore.add(new Forge$2.ViewInfo(filterView, null));
     watchEffect(() => {
       if (filterView) {
         filterView.FilterSwitch(!!props.enable);
@@ -17124,7 +17520,7 @@ const _sfc_main$7 = {
     });
     onBeforeUnmount(() => {
       if (viewId > 0) {
-        Forge$1.sViewStore.remove(viewId);
+        Forge$2.sViewStore.remove(viewId);
         viewId = -1;
       }
     });
@@ -17264,7 +17660,7 @@ const JsvLine_vue_vue_type_style_index_0_scoped_10b9ebcf_lang = "";
 
 
  */
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   __name: "JsvLine",
   props: {
     startPos: { type: Object, require: true },
@@ -17325,7 +17721,7 @@ const _sfc_main$6 = {
 };
 const styleSheetsContent = { "0": { "fadeIn-10b9ebcf": "@keyframes fadeIn-10b9ebcf {0%{opacity:0;}100%{opacity:1;}}", "fadeOut-10b9ebcf": "@keyframes fadeOut-10b9ebcf {0%{opacity:1;}100%{opacity:0;}}" } };
 window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
-const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-10b9ebcf"]]);
+const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__scopeId", "data-v-10b9ebcf"]]);
 
 //
 // utils/JsViewVueWidget/JsvLine/index.js;
@@ -17351,7 +17747,7 @@ const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-
 
 
  */
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   __name: "JsvSector",
   props: {
     centerPosition: { type: Object, require: true },
@@ -17465,7 +17861,7 @@ const _sfc_main$5 = {
 
 
  */
-const _sfc_main$4 = {
+const _sfc_main$5 = {
   __name: "JsvPieChart",
   props: {
     centerPosition: { type: Object, required: true },
@@ -17551,7 +17947,7 @@ const _sfc_main$4 = {
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(finalData).slice().reverse(), (item, index) => {
           return openBlock(), createElementBlock("div", null, [
-            (openBlock(), createBlock(_sfc_main$5, {
+            (openBlock(), createBlock(_sfc_main$6, {
               radius: props.radius,
               config: {
                 startAngle: Number(item.startAngle),
@@ -17659,7 +18055,7 @@ class ConnectLineTexture {
 
 
  */
-const _sfc_main$3 = {
+const _sfc_main$4 = {
   __name: "JsvConnectLine",
   props: {
     startPos: {
@@ -17927,7 +18323,7 @@ const _sfc_main$3 = {
 
 
  */
-const _sfc_main$2 = {
+const _sfc_main$3 = {
   __name: "JsvProgressBar",
   props: {
     width: { type: Number, required: true },
@@ -18004,7 +18400,7 @@ const _sfc_main$2 = {
       return openBlock(), createElementBlock(Fragment, null, [
         props.isCanvas ? (openBlock(), createElementBlock("div", { key: 0 }, [
           withDirectives(createElementVNode("div", null, [
-            createVNode(_sfc_main$d, {
+            createVNode(_sfc_main$h, {
               style: normalizeStyle({
                 left: 0,
                 top: 0,
@@ -18046,7 +18442,7 @@ const _sfc_main$2 = {
             }, null, 4)
           ], 4)
         ])),
-        createVNode(_sfc_main$d, {
+        createVNode(_sfc_main$h, {
           style: normalizeStyle({
             left: 0,
             top: 0,
@@ -18071,7 +18467,7 @@ const _sfc_main$2 = {
 /* 
 
  */
-const _sfc_main$1 = {
+const _sfc_main$2 = {
   __name: "JsvEnableRenderBreak",
   setup(__props) {
     const itemMounted = shallowRef(false);
@@ -19288,7 +19684,7 @@ function multiSelect(arr, left, right, n, compare) {
 
 
  */
-const _sfc_main = {
+const _sfc_main$1 = {
   __name: "JsvMindMap",
   props: {
     name: {
@@ -19778,6 +20174,273 @@ const _sfc_main = {
 // utils/JsViewVueWidget/JsvMindMap/index.js;
 //
 
+//
+// utils/JsViewVueWidget/JsvScrollBox/ScrollSymbol.ts;
+//
+const ScrollStyle = {
+  // 运动模式
+  DrawerMode: Symbol("DrawerMode"),
+  PinMode: Symbol("PinMode"),
+  // 同步模式
+  SyncParallel: Symbol("AckParallel"),
+  // 百分比完全对齐的同步模式
+  SyncRevert: Symbol("SyncRevert")
+  // (1-百分比)的同步模式
+};
+
+//
+// utils/JsViewVueWidget/JsvScrollBox/JsvScrollBox.vue?vue&type=script&setup=true&lang.ts;
+//
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "JsvScrollBox",
+  props: {
+    // 底座的尺寸
+    style: {
+      type: Object,
+      require: true
+    },
+    // 滑动允许方向(VERTICAL / HORIZONTAL)
+    direction: {
+      type: Symbol,
+      require: true
+    },
+    // 滑块的尺寸，垂直于direction的轴不用设置
+    sliderSize: {
+      type: Object,
+      // {width, height}
+      require: true
+    },
+    // 滑块模式
+    // ScrollStyle.PinMode: 滑块小于底座
+    // ScrollStyle.DrawerMode: 滑块大于底座
+    mode: {
+      type: Symbol,
+      default: ScrollStyle.PinMode
+    },
+    // 初始进度条的进度
+    initPercent: {
+      type: Number,
+      default: 0
+    },
+    enableFling: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(__props, { expose }) {
+    const rProps = __props;
+    const cDirection = rProps.direction;
+    const cMode = rProps.mode;
+    const cInitPercent = rProps.initPercent;
+    const cEnableFling = rProps.enableFling;
+    const cSliderActor = new ActorControl();
+    const cFixedBoxActor = cMode == ScrollStyle.PinMode ? new ActorControl() : null;
+    const cWallConditionGroup = 1;
+    const cSensorConditionGroup = 2;
+    let vMounted = false;
+    let vHorizontalGap = 0;
+    let vVerticalGap = 0;
+    let vSubSyncList = [];
+    let rFixedBoxWidth = shallowRef(NaN);
+    let rFixedBoxHeight = shallowRef(NaN);
+    let rFixedViewRef = shallowRef(null);
+    let rSliderWidth = shallowRef(NaN);
+    let rSliderHeight = shallowRef(NaN);
+    let rSliderViewRef = shallowRef(null);
+    watchEffect(() => {
+      let fixedBoxSize = {
+        width: rProps.style.width,
+        height: rProps.style.height
+      };
+      let sliderSize = {
+        width: rProps.sliderSize.width,
+        height: rProps.sliderSize.height
+      };
+      if (cDirection == VERTICAL) {
+        sliderSize.width = fixedBoxSize.width;
+      } else {
+        sliderSize.height = fixedBoxSize.height;
+      }
+      if (cMode == ScrollStyle.PinMode && (sliderSize.height > fixedBoxSize.height || sliderSize.width > fixedBoxSize.width)) {
+        console.error(
+          `slider oversize in pin-mode bw=${fixedBoxSize.width} bh=${fixedBoxSize.height} sw=${sliderSize.width} sh=${sliderSize.height}`
+        );
+        return;
+      } else if (cMode == ScrollStyle.DrawerMode && (sliderSize.height < fixedBoxSize.height || sliderSize.width < fixedBoxSize.width)) {
+        console.error(
+          `box oversize in drawer-mode bw=${fixedBoxSize.width} bh=${fixedBoxSize.height} sw=${sliderSize.width} sh=${sliderSize.height}`
+        );
+        return;
+      }
+      if (sliderSize.width != rSliderWidth.value || sliderSize.height != rSliderHeight.value || fixedBoxSize.width != rFixedBoxWidth.value || fixedBoxSize.height != rFixedBoxHeight.value) {
+        rSliderWidth.value = sliderSize.width;
+        rSliderHeight.value = sliderSize.height;
+        rFixedBoxWidth.value = fixedBoxSize.width;
+        rFixedBoxHeight.value = fixedBoxSize.height;
+        rebuildSliderSet();
+      }
+    });
+    function rebuildSliderSet() {
+      if (vMounted) {
+        vHorizontalGap = rFixedBoxWidth.value - rSliderWidth.value;
+        vVerticalGap = rFixedBoxHeight.value - rSliderHeight.value;
+        cSliderActor.run([
+          cSliderActor.state().removeConditionByGroup(cWallConditionGroup),
+          cSliderActor.condition(cWallConditionGroup, true).boxPosition(
+            vHorizontalGap > 0 ? 0 : vHorizontalGap,
+            // left
+            vVerticalGap > 0 ? 0 : vVerticalGap,
+            // top
+            vHorizontalGap < 0 ? 0 : vHorizontalGap,
+            // right
+            vVerticalGap < 0 ? 0 : vVerticalGap
+            // bottom
+          ).then([cSliderActor.action().stopMoving(true)])
+        ]);
+      }
+    }
+    function setSensor(callback, sensitivity) {
+      cSliderActor.run([
+        cSliderActor.state().removeConditionByGroup(cSensorConditionGroup)
+      ]);
+      if (callback != null) {
+        cSliderActor.run([
+          cSliderActor.condition(cSensorConditionGroup, true).onMovement(sensitivity).then([
+            (pointInfo) => {
+              let percent = cDirection == HORIZONTAL ? pointInfo.xPos / vHorizontalGap : pointInfo.yPos / vVerticalGap;
+              callback(percent, pointInfo.xPos, pointInfo.yPos);
+            }
+          ])
+        ]);
+      }
+    }
+    function updatePercent(percent) {
+      let xPos = 0;
+      let yPos = 0;
+      if (cDirection == HORIZONTAL) {
+        xPos = Math.floor(percent * vHorizontalGap);
+      } else {
+        yPos = Math.floor(percent * vVerticalGap);
+      }
+      cSliderActor.run([cSliderActor.action().teleportTo(xPos, yPos)]);
+    }
+    onMounted(() => {
+      vMounted = true;
+      let sliderView = rSliderViewRef.value.jsvGetProxyView();
+      cSliderActor.bindForgeView(sliderView, true);
+      sliderView.DragEnables?.(
+        ForgeConst.DragFlags.TOUCH_RECV_MOVE_BIT | (cEnableFling ? ForgeConst.DragFlags.TOUCH_RECV_FLING_BIT : 0) | ForgeConst.DragFlags.TOUCH_RECV_FIRST_START | ForgeConst.DragFlags.TOUCH_RECV_LAST_END
+      );
+      if (cInitPercent != 0) {
+        updatePercent(cInitPercent);
+      }
+      if (cFixedBoxActor != null) {
+        let fixedBoxView = rFixedViewRef.value.jsvGetProxyView();
+        cFixedBoxActor.bindForgeView(fixedBoxView, true);
+        fixedBoxView.DragEnables?.(ForgeConst.DragFlags.TOUCH_RECV_FIRST_START);
+        cFixedBoxActor.run([
+          cFixedBoxActor.state().setTouchAttractChild(cSliderActor)
+        ]);
+      }
+      rebuildSliderSet();
+    });
+    expose({
+      setSensor,
+      updatePercent
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({
+          top: unref(rProps).style?.top,
+          left: unref(rProps).style?.left
+        })
+      }, [
+        createElementVNode("div", {
+          ref_key: "rFixedViewRef",
+          ref: rFixedViewRef,
+          style: normalizeStyle({
+            width: unref(rFixedBoxWidth),
+            height: unref(rFixedBoxHeight)
+          })
+        }, [
+          renderSlot(_ctx.$slots, "FixedBox", {
+            boxWidth: unref(rFixedBoxWidth),
+            boxHeight: unref(rFixedBoxHeight)
+          }),
+          createElementVNode("div", {
+            ref_key: "rSliderViewRef",
+            ref: rSliderViewRef,
+            style: normalizeStyle({
+              width: unref(rSliderWidth),
+              height: unref(rSliderHeight)
+            })
+          }, [
+            renderSlot(_ctx.$slots, "SliderBox", {
+              boxWidth: unref(rSliderWidth),
+              boxHeight: unref(rSliderHeight)
+            })
+          ], 4)
+        ], 4)
+      ], 4);
+    };
+  }
+});
+
+//
+// utils/JsViewVueWidget/JsvScrollBox/JsvScrollBox.vue;
+//
+/* <!--
+ * 【模块 export 内容】
+ * JsvScrollBox：Vue高阶组件，支持触控拖动的滚动型组件。
+ *  props说明:
+ *      style {Object}  (必填,响应式)  其中的width/height为必填项目, 决定scroll固定的底座的尺寸
+ *      sliderSize {Object} (必填,响应式) 滑动区域的尺寸，滑块的尺寸在非滑动方向不能大于组件尺寸
+ *                  { 
+ *                      width {number},  当VERTICAL滑动模式时为选填，HORIZONTAL为必填
+ *                      height {number}, 当HORIZONTAL滑动模式时为选填，VERTICAL为必填
+ *                  }
+ *      mode {ScrollStyle.DrawerMode/ScrollStyle.PinMode} 
+ *                 选填, 非响应式, 默认为 PinMode
+ *                 运动模式选择, DrawerMode: 抽屉模式,内容尺寸大于固定底座
+ *                 PinMode: 滚动杆模式,内容尺寸小于固定底座
+ *      direction  {import VERTICAL/HORIZONTAL} (必填,非响应式) 滑动方向
+ *      enableFling {boolean}  (选填，非响应式) 是否需要支持fling，默认为false
+ *      initPercent  {Number}  (选填,非响应式)  滑块起始位置，等同于mount后进行updatePercent()
+ *
+ *  template说明:
+ *      FfixedBox={boxWidth, boxHeight}:  以本组件底座左上角0,0对齐的一个slot
+ *      SliderBox={boxWidth, boxHeight}:  以滑块div的左上角0,0对齐的一个slot，
+ * 
+ *  expose函数说明:
+ *      setSensor(sensitivity:number, callback:Function<percent:number, x:number, y:number>) 设置运动后触发的回调
+ *                             sensitivity为回调敏感度, 每移动多少像素进行回调，适当放大(推荐10以上)可以极大减小对js回调过多引起的性能降低  
+ *      updatePercent(percent:number)   设置滚动调位置(百分比),百分比 = (SliderTop - 底座Top) / Slider可滑动总区域
+ *                                      Slider可滑动总区域 = 底座Height - SliderHeight
+ *                                      当为横向运动时，Top被Left代换，Height被Width代换
+ *      syncWith(otherScrollBox: JsvScrollBox, syncMode: ScrollStyle)  
+ *                              本滚动条的进度跟随给定的滚动条的进度移动
+ *                              otherScrollBox: 控制者
+ *                              syncMode: 同步模式，有 SyncParallel, SyncRevert   
+ *      addSubSync(view: div|JsvNinePatch, syncMode: ScrollStyle)
+ *                              将外部的div或者JsvNinePatch加入到同步尺寸同步改动器中。
+ *                              view只能是div或者JsvNinePatch, 并且不能有style.animation的控制
+ *                              当SyncParallel模式时, 这个div的初始位置要和本组件的0,0对齐
+ *                              当SyncRevert模式时, 这个div的初始位置要和本组件尾部位置(0, height/width)对齐
+ *
+ *
+-->
+
+
+
+
+
+
+ */
+
+//
+// utils/JsViewVueWidget/JsvScrollBox/index.js;
+//
+
 //
 // utils/JsViewVueWidget/index.js;
 //
@@ -19786,4 +20449,4 @@ const _sfc_main = {
 // utils/index.js;
 //
 
-export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FixPositionSlide, FocusMoveType, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, JsvAccount, _sfc_main$z as JsvActorMove, JsvActorMoveControl, _JsvApic$1 as JsvApic, _JsvApic2$1 as JsvApic2, _sfc_main$C as JsvAudio, _sfc_main$3 as JsvConnectLine, _sfc_main$1 as JsvEnableRenderBreak, _sfc_main$x as JsvEnvBlocker, JsvFederationTools, _sfc_main$i as JsvFilterView, _sfc_main$w as JsvFlexDiv, _sfc_main$E as JsvFocusBlock, _sfc_main$y as JsvFreeMoveActor, JsvGrid, JsvTransparentDiv as JsvHole, JsvInput, _sfc_main$A as JsvLatex, JsvLine, _sfc_main$f as JsvMarquee, JsvMaskClipDiv, _sfc_main as JsvMindMap, JsvTransparentDiv as JsvNativeSharedDiv, _sfc_main$d as JsvNinePatch, JsvPerformance, _sfc_main$4 as JsvPieChart, _sfc_main$c as JsvPosterDiv, _sfc_main$b as JsvPosterImage, exportObj as JsvPreDownloader, JsvPreload, _sfc_main$2 as JsvProgressBar, _JsvQrcode$1 as JsvQrcode, _sfc_main$8 as JsvRadarChart, _sfc_main$7 as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$5 as JsvSector, JsvSoundPool, _JsvSpray$1 as JsvSpray, JsvSpriteAnim, _sfc_main$n as JsvSpriteLoader, JsvSpriteAnim as JsvSpriteStatic, JsvSpriteTools, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$k as JsvSwiper3D, _sfc_main$9 as JsvTextBox, JsvTextStyleClass, _JsvTextureAnim$1 as JsvTextureAnim, sJsvTextureConst as JsvTextureConst, sTextureStoreApi as JsvTextureStoreApi, JsvTransparentDiv, JsvVisibleSensor, LineType, _sfc_main$F as ListWidget, LoopType, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$G as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, SeamlessSlide, _sfc_main$G as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, TextureInstantType, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, disableNativeViewListener, enableNativeViewListener, getCssStyleGroup, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };
+export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FixPositionSlide, FocusMoveType, ForgeConst, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, JsvAccount, _sfc_main$A as JsvActorMove, JsvActorMoveControl, _JsvApic$1 as JsvApic, _JsvApic2$1 as JsvApic2, _sfc_main$D as JsvAudio, _sfc_main$4 as JsvConnectLine, _sfc_main$2 as JsvEnableRenderBreak, _sfc_main$y as JsvEnvBlocker, JsvFederationTools, _sfc_main$j as JsvFilterView, _sfc_main$x as JsvFlexDiv, _sfc_main$F as JsvFocusBlock, _sfc_main$z as JsvFreeMoveActor, _sfc_main$z as JsvFreeMoveDiv, JsvGrid, _sfc_main$g as JsvHole, JsvInput, _sfc_main$B as JsvLatex, JsvLine, _sfc_main$f as JsvMarquee, JsvMaskClipDiv, _sfc_main$1 as JsvMindMap, _sfc_main$g as JsvNativeSharedDiv, _sfc_main$h as JsvNinePatch, JsvPerformance, _sfc_main$5 as JsvPieChart, _sfc_main$d as JsvPosterDiv, _sfc_main$c as JsvPosterImage, exportObj as JsvPreDownloader, JsvPreload, _sfc_main$3 as JsvProgressBar, _JsvQrcode$1 as JsvQrcode, _sfc_main$9 as JsvRadarChart, _sfc_main$8 as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main as JsvScrollBox, _sfc_main$6 as JsvSector, JsvSoundPool, _JsvSpray$1 as JsvSpray, JsvSpriteAnim, _sfc_main$o as JsvSpriteLoader, JsvSpriteAnim as JsvSpriteStatic, JsvSpriteTools, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$l as JsvSwiper3D, _sfc_main$a as JsvTextBox, JsvTextStyleClass, _JsvTextureAnim$1 as JsvTextureAnim, sJsvTextureConst as JsvTextureConst, sTextureStoreApi as JsvTextureStoreApi, _sfc_main$g as JsvTransparentDiv, JsvVisibleSensor, LineType, _sfc_main$G as ListWidget, LoopType, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$H as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, ScrollStyle, SeamlessSlide, _sfc_main$H 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, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };