npm - @shijiu/jsview-vue - Versions diffs - 2.3.0 → 2.3.151-test.0 - Mend

@shijiu/jsview-vue 2.3.0 → 2.3.151-test.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (56) hide show

package/bin/jsview-vue.mjs CHANGED Viewed

@@ -172,17 +172,20 @@ class SeamlessSlide extends SlideSetting {
 class FixPositionSlide extends SlideSetting {
   FixPercent;
   FixFirstPage;
+  Align;
   constructor({
     fixPercent = 0.5,
     speed = defaultSpeed,
     duration = null,
     easing = defaultEasing,
     fixFirstPage = false,
+    align = "center",
     boundaryProtect = SlideSetting.START_PROTECT | SlideSetting.END_PROTECT
   } = {}) {
     super(SlideSetting.Type.FIX_POSITION, speed, duration, easing, boundaryProtect);
     this.FixPercent = fixPercent;
     this.FixFirstPage = fixFirstPage;
+    this.Align = align;
   }
 }
 const FocusMoveType = {
@@ -1031,6 +1034,18 @@ class RangesModel {
 const TAG$5 = "CommonTemplateParser";
 ;
 ;
+function left(item) {
+  return item.left;
+}
+function right(item) {
+  return item.left + item.width - 1;
+}
+function top(item) {
+  return item.top;
+}
+function bottom(item) {
+  return item.top + item.height - 1;
+}
 class CommonMetroTemplate extends MetroTemplate {
   _FenceStack;
   _FenceEdge;
@@ -1339,15 +1354,104 @@ class CommonMetroTemplate extends MetroTemplate {
         );
       }
     }
-    if (nextTemplateItem === null) {
-      if (vOffset != 0 && moveType & FocusMoveType.ROW_FIND_NEAR) {
-        nextTemplateItem = this._GetNearLineItem(itemIndex, vOffset, true);
-      } else if (hOffset != 0 && moveType & FocusMoveType.COLUMN_FIND_NEAR) {
-        nextTemplateItem = this._GetNearLineItem(itemIndex, hOffset, false);
+    if (vOffset != 0 && moveType & FocusMoveType.ROW_FIND_NEAR) {
+      let rowNear = this._GetDirectionNearItem(itemIndex, vOffset > 0 ? "bottom" : "top");
+      if (rowNear) {
+        nextTemplateItem = rowNear;
+      }
+    } else if (hOffset != 0 && moveType & FocusMoveType.COLUMN_FIND_NEAR) {
+      let colNear = this._GetDirectionNearItem(itemIndex, hOffset > 0 ? "right" : "left");
+      if (colNear) {
+        nextTemplateItem = colNear;
       }
     }
     return nextTemplateItem;
   }
+  _GetDirectionNearItem(index, direction, mustFocusable = true) {
+    const SEARCH_RANGE = 100;
+    let searchMin = Math.max(0, index - SEARCH_RANGE);
+    let searchMax = Math.min(this.templateList.length - 1, index + SEARCH_RANGE);
+    let targetItem = this.templateList[index];
+    let tl = left(targetItem);
+    let tr = right(targetItem);
+    let tt = top(targetItem);
+    let tb = bottom(targetItem);
+    let info = {
+      item: null,
+      minMainDistance: -1,
+      minSubDistance: -1
+    };
+    const compare = (item, getMainDistance, getSubDistance) => {
+      if (mustFocusable && !item.focusable)
+        return;
+      const mainDistance = getMainDistance(item);
+      if (mainDistance <= 0)
+        return;
+      const subDistance = getSubDistance(item);
+      if (info.minMainDistance < 0 || mainDistance < info.minMainDistance) {
+        info.minMainDistance = mainDistance;
+        info.minSubDistance = subDistance;
+        info.item = item;
+      } else if (mainDistance === info.minMainDistance && subDistance < info.minSubDistance) {
+        info.minSubDistance = subDistance;
+        info.item = item;
+      }
+    };
+    for (let i = searchMin; i <= searchMax; i++) {
+      const item = this.templateList[i];
+      let il = left(item);
+      let ir = right(item);
+      let it = top(item);
+      let ib = bottom(item);
+      switch (direction) {
+        case "left":
+          compare(
+            item,
+            (item2) => {
+              return tl - il;
+            },
+            (item2) => {
+              return Math.min(Math.abs(tt - it), Math.abs(tb - ib), Math.abs(tt - ib), Math.abs(tb - it));
+            }
+          );
+          break;
+        case "right":
+          compare(
+            item,
+            (item2) => {
+              return ir - tr;
+            },
+            (item2) => {
+              return Math.min(Math.abs(tt - it), Math.abs(tb - ib), Math.abs(tt - ib), Math.abs(tb - it));
+            }
+          );
+          break;
+        case "top":
+          compare(
+            item,
+            (item2) => {
+              return tt - it;
+            },
+            (item2) => {
+              return Math.min(Math.abs(tl - il), Math.abs(tr - ir), Math.abs(tl - ir), Math.abs(tr - il));
+            }
+          );
+          break;
+        case "bottom":
+          compare(
+            item,
+            (item2) => {
+              return ib - tb;
+            },
+            (item2) => {
+              return Math.min(Math.abs(tl - il), Math.abs(tr - ir), Math.abs(tl - ir), Math.abs(tr - il));
+            }
+          );
+          break;
+      }
+    }
+    return info.item;
+  }
   getNextItemInner(index, offset, vertical, useHistory, checkAnchor = -1) {
     const templateList = this.templateList;
     const baseItem = templateList[index];
@@ -1489,6 +1593,21 @@ class CommonMetroTemplate extends MetroTemplate {
     }
     return nearestIndex;
   }
+  _FindNearestByDirection(itemIndexList, direction) {
+    return itemIndexList.reduce((acc, cur) => {
+      const curItem = this.templateList[cur];
+      const accItem = this.templateList[acc];
+      if (direction == "left") {
+        return curItem.left < accItem.left ? cur : acc;
+      } else if (direction == "right") {
+        return curItem.left + curItem.width > accItem.left + accItem.width ? cur : acc;
+      } else if (direction == "top") {
+        return curItem.top < accItem.top ? cur : acc;
+      } else {
+        return curItem.top + curItem.height > accItem.top + accItem.height ? cur : acc;
+      }
+    }, itemIndexList[0]);
+  }
   _GetNextLoopItem(index, offset, isVertical) {
     const templateList = this.templateList;
     const baseItem = templateList[index];
@@ -1502,66 +1621,40 @@ class CommonMetroTemplate extends MetroTemplate {
     let focusableTarget = -1;
     let startIndex = -1;
     let neighborList = [];
-    neighborList = this._GetTotalNeighbor(index, searchDirection);
-    while (startIndex < 0 && neighborList.length > 0) {
-      for (let i of neighborList) {
-        if (this._GetTotalNeighbor(i, startDirection).length > 0) {
-          startIndex = i;
-          break;
-        } else {
-          neighborList = this._GetTotalNeighbor(i, searchDirection);
-        }
+    let curIndex = index;
+    let nextLevelNeighborList = this._GetTotalNeighbor(curIndex, startDirection);
+    while (!nextLevelNeighborList || nextLevelNeighborList.length == 0) {
+      const sameLevelList = this._GetTotalNeighbor(curIndex, searchDirection);
+      if (sameLevelList.length > 0) {
+        const i = this._FindNearestByDirection(sameLevelList, startDirection);
+        nextLevelNeighborList = this._GetTotalNeighbor(i, startDirection);
+        curIndex = i;
+      } else {
+        return null;
       }
     }
-    if (startIndex >= 0) {
-      neighborList = this._GetTotalNeighbor(startIndex, startDirection);
-      let nearestIndex = -1, minDistance = Number.POSITIVE_INFINITY;
-      for (let i of neighborList) {
-        const d = this._GetItemDistance(templateList[i], baseItem);
-        if (d < minDistance) {
-          nearestIndex = i;
-          minDistance = d;
+    if (nextLevelNeighborList && nextLevelNeighborList.length > 0) {
+      for (let i of nextLevelNeighborList) {
+        const item = templateList[i];
+        if (item.focusable) {
+          focusableTarget = i;
+          startIndex = i;
+          break;
         }
       }
-      neighborList = this._GetTotalNeighbor(nearestIndex, searchDirection);
+      neighborList = this._GetTotalNeighbor(startIndex, searchDirection);
       while (neighborList.length > 0) {
-        targetIndex = this._GetNearestItem(nearestIndex, neighborList);
-        if (templateList[targetIndex].focusable) {
-          focusableTarget = targetIndex;
-        }
-        neighborList = this._GetTotalNeighbor(targetIndex, searchDirection);
-      }
-      if (focusableTarget >= 0) {
-        return templateList[focusableTarget];
-      } else if (targetIndex >= 0) {
-        return this._GetNextLoopItem(targetIndex, offset, isVertical);
-      }
-    }
-    return null;
-  }
-  //获取临近行的item
-  _GetNearLineItem(index, offset, isVertical) {
-    const templateList = this.templateList;
-    let searchDirection = isVertical ? "right" : "bottom";
-    let startDirection = isVertical ? "top" : "left";
-    if (offset > 0) {
-      searchDirection = isVertical ? "left" : "top";
-      startDirection = isVertical ? "bottom" : "right";
-    }
-    let startIndex = -1;
-    let neighborList = [];
-    neighborList = this._GetTotalNeighbor(index, searchDirection);
-    while (startIndex < 0 && neighborList.length > 0) {
-      for (let i of neighborList) {
-        const n = this._GetTotalNeighbor(i, startDirection);
-        if (n.length > 0) {
-          return templateList[this._GetNearestItem(index, n)];
-        } else {
-          neighborList = this._GetTotalNeighbor(i, searchDirection);
+        for (let i of neighborList) {
+          const item = templateList[i];
+          if (item.focusable) {
+            focusableTarget = i;
+            break;
+          }
         }
+        neighborList = this._GetTotalNeighbor(focusableTarget, searchDirection);
       }
     }
-    return null;
+    return focusableTarget >= 0 ? templateList[focusableTarget] : null;
   }
   updateItemSize(index, newSize) {
     console.error(TAG$5, "updateItemSize is not supported.");
@@ -2436,11 +2529,13 @@ class RenderItem {
   rootDiv = null;
   enableTap = false;
   renderKey = ref(0);
+  placeHolderLayout = null;
   customerCallbackMap = {};
   onRef;
+  metroWidgetCbk;
   registerObj;
   query;
-  constructor(templateInfo, customerData, renderStyle, itemConfig, onRef, query) {
+  constructor(templateInfo, customerData, renderStyle, itemConfig, onRef, query, metroWidgetCallback) {
     this.templateInfo = templateInfo;
     this.customerData = customerData;
     this.renderStyle = renderStyle;
@@ -2450,6 +2545,7 @@ class RenderItem {
     const unregister = this.unregister.bind(this);
     this.registerObj = { register, unregister };
     this.query = query;
+    this.metroWidgetCbk = metroWidgetCallback;
   }
   get id() {
     return this.templateInfo.id;
@@ -2520,8 +2616,12 @@ class RenderItem {
     }
   }
   onTap = computed(() => {
-    return this.enableTap ? this.onClick.bind(this) : null;
+    return this.enableTap ? this.innerOnTap.bind(this) : null;
   });
+  innerOnTap() {
+    this.metroWidgetCbk?.onTap?.(this);
+    return this.onClick();
+  }
   onClick() {
     if (this.mounted.value) {
       this.customerCallbackMap.onClick?.();
@@ -3140,7 +3240,7 @@ class ActorPackBuilder {
           xSpeed,
           ySpeed,
           [
-            ActionCmdBuilder.ResetAcc(0, 0),
+            ActionCmdBuilder.SetAccel(0, 0),
             this._NexusRecv ? StateCmdBuilder.FireNexusEvent(ActEventDefine.ActFinish, this._NexusRecv.token) : null
           ],
           true,
@@ -3800,7 +3900,9 @@ class SlideAnimWrapper {
     if (typeof setting.duration == "number") {
       duration = setting.duration;
     } 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);
+      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(
       from[0],
@@ -3808,10 +3910,14 @@ class SlideAnimWrapper {
       from[1],
       to[1],
       duration,
-      setting.easing
+      Forge$1.Easing.str2Easing(setting.easing)
     );
     this.forgeAnim.SetAnimationListener(
-      new Forge$1.AnimationListener(this.onStart.bind(this), this.onEnd.bind(this), null)
+      new Forge$1.AnimationListener(
+        this.onStart.bind(this),
+        this.onEnd.bind(this),
+        null
+      )
     );
   }
   start() {
@@ -3982,7 +4088,7 @@ function JsvUseFeature(from, comp_name) {
   if (sActivedMap.has(comp_name)) {
     return;
   }
-  console.error(`Error: ${comp_name}(from ${from}) is not activated, need JsvActiveFeature(JsvFeatureNames.${comp_name}) in boot`);
+  console.log(`LOG: ${comp_name}(from ${from}) is not activated`);
 }
 function JsvShutdownFeatures(comp_name_list) {
   if (sActivedMap.size > 0) {
@@ -4214,6 +4320,17 @@ function openWindow(url, startup_image, startup_video, startup_duration, add_his
   setting.addHistory = add_history ? 1 : 0;
   return window.jJsvRuntimeBridge.openWindow(url, JSON.stringify(setting));
 }
+function openApp(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.openApp(url, JSON.stringify(setting));
+}
 function startUrlInNewTab(url, startup_image, startup_video, startup_duration, add_history) {
   let setting = {};
   if (startup_image !== null && startup_image !== "")
@@ -4225,6 +4342,17 @@ function startUrlInNewTab(url, startup_image, startup_video, startup_duration, a
   setting.addHistory = add_history ? 1 : 0;
   return window.jJsvRuntimeBridge.startUrlInNewTab(url, JSON.stringify(setting));
 }
+function openAppInNewTab(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.openAppInNewTab(url, JSON.stringify(setting));
+}
 function onWindowResult(data) {
   direct_call("onWindowResult", data);
 }
@@ -4248,7 +4376,7 @@ function getSystemProperty(key) {
 function getInstalledApps() {
   return direct_call("getInstalledApps");
 }
-function startNativeApp(package_name, activity, action, uri, flags, param) {
+function startNativeApp(package_name, activity, action, uri, flags, param, category) {
   var obj = {};
   if (package_name !== null && package_name !== "")
     obj.packageName = package_name;
@@ -4262,8 +4390,28 @@ function startNativeApp(package_name, activity, action, uri, flags, param) {
     obj.flags = flags;
   if (param !== null && param.length > 0)
     obj.param = param;
+  if (category !== null && category.length > 0)
+    obj.category = category;
   direct_call("startNativeApp", JSON.stringify(obj));
 }
+function openNativeApp(package_name, activity, action, uri, flags, param, category) {
+  var obj = {};
+  if (package_name !== null && package_name !== "")
+    obj.packageName = package_name;
+  if (activity !== null && activity !== "")
+    obj.activity = activity;
+  if (action !== null && action !== "")
+    obj.action = action;
+  if (uri !== null && uri !== "")
+    obj.uri = uri;
+  if (flags !== null && flags.length > 0)
+    obj.flags = flags;
+  if (param !== null && param.length > 0)
+    obj.param = param;
+  if (category !== null && category.length > 0)
+    obj.category = category;
+  return direct_call("openNativeApp", JSON.stringify(obj));
+}
 function sendNativeBroadcast(package_name, broadcast, action, uri, flags, param) {
   var obj = {};
   if (typeof package_name != void 0 && package_name !== null && package_name !== "")
@@ -4449,7 +4597,9 @@ const bridge = {
   getDeviceUUID,
   getAndroidId,
   openWindow,
+  openApp,
   startUrlInNewTab,
+  openAppInNewTab,
   onWindowResult,
   reloadWindow,
   closePage,
@@ -4457,6 +4607,7 @@ const bridge = {
   getSystemProperty,
   getInstalledApps,
   startNativeApp,
+  openNativeApp,
   sendNativeBroadcast,
   startService,
   getDeviceInfo,
@@ -4980,7 +5131,9 @@ function updateImpactAutoFroze(handler, element_auto_froze_pre_impact, element_a
  * @return {int} 文字宽度
  **/
 const getTextWidth = (text, style) => {
-  let forgeRef = Forge$1;
+  if (text && typeof text != "string") {
+    text = "" + text;
+  }
   return Forge$1.TextUtils.GetTextWidth(text, style);
 };
 /*
@@ -5249,13 +5402,15 @@ class JsvPerformance {
 let handles = {
   TextureManager: null,
   RootView: null,
-  RootActivity: null
+  RootActivity: null,
+  sRenderBridge: null
 };
 const jsvCode = window.JsvCode;
 jsvCode.ForgeHandles.listenToReady(() => {
   handles.TextureManager = jsvCode.ForgeHandles.TextureManager;
   handles.RootView = jsvCode.ForgeHandles.RootView;
   handles.RootActivity = jsvCode.ForgeHandles.RootActivity;
+  handles.sRenderBridge = jsvCode.ForgeHandles.sRenderBridge;
 });
 /*
@@ -5263,9 +5418,14 @@ jsvCode.ForgeHandles.listenToReady(() => {
  */
 class JsvTextureStore {
   textureMap = /* @__PURE__ */ new Map();
+  hasAutoRecycle = false;
   constructor() {
   }
   addToStore(storeName, textureRef) {
+    if (!this.hasAutoRecycle && textureRef && textureRef.isAutoRecycle()) {
+      this.hasAutoRecycle = true;
+      handles.sRenderBridge.AddWillSwapListener("jsv-texture-store", this.onWillSwap.bind(this));
+    }
     this.textureMap.set(storeName, textureRef);
   }
   getFromStore(storeName) {
@@ -5281,22 +5441,43 @@ class JsvTextureStore {
       return void 0;
     }
   }
+  onWillSwap() {
+    this.textureMap.forEach((texture, key) => {
+      if (texture && texture.isAutoRecycle()) {
+        texture.tryRecycle();
+      }
+    });
+  }
 }
 let sStore = new JsvTextureStore();
 /*
  + @file {@link file://./../../../../utils/JsViewVueTools/JsvTextureStore/Texture.ts}
  */
+const AUTO_RECYCLE_DELAY = 3;
 class TextureBase {
   baseName = "T";
   textureRef = null;
   // Forge.ImageTexture
   storeName = "";
+  autoRecycle = false;
+  autoRecycleDelay = AUTO_RECYCLE_DELAY;
   constructor(baseName) {
     if (baseName) {
       this.baseName = baseName;
     }
   }
+  tryRecycle() {
+    if (!this.autoRecycle)
+      return;
+    this.autoRecycleDelay--;
+    if (this.autoRecycleDelay < 0) {
+      this.recycle();
+    }
+  }
+  isAutoRecycle() {
+    return this.autoRecycle;
+  }
   addToStore() {
     this.storeName = this.getStoreName();
     this.textureRef.DisableAutoRecycle();
@@ -5308,7 +5489,7 @@ class TextureBase {
   /**
    * commit
    * 完成绘制设置，出发制作目标texture
-   *
+   *
    * @return {String} BaseName-textureId 格式的名字，用于 jsvtexturestore:// 的访问链接
    */
   commit() {
@@ -5317,7 +5498,7 @@ class TextureBase {
   /**
    * getTextureRef
    * 内部接口，获取内联的Forge.ImageTexture的句柄
-   *
+   *
    * @return {String} BaseName-textureId 格式的名字，用于 jsvtexturestore:// 的访问链接
    */
   getTextureRef() {
@@ -5736,20 +5917,22 @@ class CanvasTexture extends TextureBase {
  + @file {@link file://./../../../../../utils/JsViewVueTools/JsvTextureStore/CapturedTexture/CapturedTexture.ts}
  */
 class CapturedTexture extends TextureBase {
-  _AutoRecycle;
   _Callback;
   _CaptureDiv;
   _Canceled = false;
-  constructor(captureDiv, callback, autoRecycle) {
+  _PostProcessParams = null;
+  constructor(captureDiv, callback, autoRecycle, postProcessParams = null) {
     super(null);
     JsvUseFeature("JsvTextureStoreApi", FeatureNames.Capture2Texture);
     this._CaptureDiv = captureDiv;
     this._Callback = callback;
-    this._AutoRecycle = autoRecycle;
+    this.autoRecycle = autoRecycle;
+    this._PostProcessParams = postProcessParams;
   }
   // 清理对Callback和div的引用，防止泄露
   cancel() {
     if (!this._Canceled) {
+      this._Callback?.("", this.autoRecycle, 0, 0, true);
       this._Callback = null;
       this._CaptureDiv = null;
       this._Canceled = true;
@@ -5764,21 +5947,52 @@ class CapturedTexture extends TextureBase {
         if (this._Canceled) {
           return;
         }
-        if (!this._AutoRecycle) {
-          this.addToStore();
-        }
+        this.addToStore();
         this._Callback?.(
           this.getStoreName(),
-          this._AutoRecycle,
+          this.autoRecycle,
           resultObj.width,
-          resultObj.height
+          resultObj.height,
+          false
         );
-      }
+      },
+      this._PostProcessParams
     );
     return "";
   }
 }
+/*
+ + @file {@link file://./../../../../../utils/JsViewVueTools/JsvTextureStore/DominantColor/GetDominantColor.ts}
+ */
+function getDominantColorByForgeTexture(src, cbk) {
+  if (!src) {
+    console.warn("getDominantColorByForgeTexture: src is empty");
+    return () => {
+    };
+  }
+  const setting = { src };
+  let texture = handles.TextureManager.GetImageProcessTexture(
+    JSON.stringify(setting)
+  );
+  let canceled = false;
+  const callback = (info) => {
+    if (canceled) {
+      return;
+    }
+    cbk(info.extra);
+    texture?.RequestToUnload();
+    texture = null;
+  };
+  texture.DisableAutoRecycle();
+  texture.RegisterLoadImageCallback(src, callback, null);
+  return () => {
+    canceled = true;
+    texture?.RequestToUnload();
+    texture = null;
+  };
+}
 /*
  + @file {@link file://./../../../../utils/JsViewVueTools/JsvTextureStore/JsvTextureStore.ts}
  */
@@ -5842,10 +6056,11 @@ let sTextureStoreApi = {
                                   不需要主动调用deleteTexture释放.
                                   false: 此场景在callback收到资源名后, 需要使用完毕后调用 deleteTexture 手动释放
                                   在手动释放之前，可以赋给其他div/img来复用
+   * @param {any} postProcessParams 可选, 截图处理的参数
    * @return {CapturedTexture} 用于cancel的句柄，当cancel时，会清理对div和Callback的引用
    */
-  capture2Texture: (captureDiv, callback, autoRecycle = true) => {
-    let texture = new CapturedTexture(captureDiv, callback, autoRecycle);
+  capture2Texture: (captureDiv, callback, autoRecycle = true, postProcessParams = null) => {
+    let texture = new CapturedTexture(captureDiv, callback, autoRecycle, postProcessParams);
     texture.commit();
     return texture;
   },
@@ -5860,8 +6075,25 @@ let sTextureStoreApi = {
     if (textureRef) {
       textureRef.recycle();
     }
+  },
+  /**
+   * getDominantColor
+   * 获取图片的 dominant color
+   *
+   * @param src 图片的src
+   * @param callback 回调函数, 参数: info
+   * @return 用于cancel的句柄，当cancel时，会清理对div和Callback的引用
+   */
+  getDominantColor: (src, callback) => {
+    return getDominantColorByForgeTexture(src, (i) => {
+      callback(i);
+    });
   }
 };
+var CaptureProcessType = /* @__PURE__ */ ((CaptureProcessType2) => {
+  CaptureProcessType2[CaptureProcessType2["Blur"] = 1] = "Blur";
+  return CaptureProcessType2;
+})(CaptureProcessType || {});
 /*
  + @file {@link file://./../../../utils/JsViewVueTools/JsvFederationTools.ts}
@@ -6140,7 +6372,11 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   if (props.itemConfig) {
     console.error(TAG$2, "prop: itemCofig will be deprecated soon.");
   }
-  let widgetRectInfo = new WidgetRectInfo(props.width, props.height, props.padding);
+  let widgetRectInfo = new WidgetRectInfo(
+    props.width,
+    props.height,
+    props.padding
+  );
   let metroTemplate = _getMetroTemplate(
     widgetRectInfo,
     props.direction,
@@ -6293,7 +6529,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         if (animInfo) {
           resizeAnimInfo.doAnim = true;
           resizeAnimInfo.duration = animInfo.duration ?? resizeAnimInfo.duration;
-          resizeAnimInfo.easing = animInfo.duration ?? "";
+          resizeAnimInfo.easing = animInfo.easing ?? "";
         }
         minIndex = Math.min(minIndex, index);
         metroTemplate.updateItemSize(task.params.index, {
@@ -6316,7 +6552,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         }
       }
     }
-    let targetRect2 = null;
+    let targetRect = null;
     let direction = void 0;
     let validSlideTask = false;
     let forceSlide = false;
@@ -6330,20 +6566,28 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         case SlideTaskType.SLIDE_BY_DIV:
           {
             const div = slideTask.params.div;
-            const item_layout = div.jsvGetRelativePosition(toRaw(locateDiv.value));
+            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),
+                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);
-            targetRect2 = fakeItem.templateInfo;
+            templateItemAdder.tryAddItemByPosition(
+              vertical ? fakeItem.templateInfo.top : fakeItem.templateInfo.left
+            );
+            targetRect = fakeItem.templateInfo;
           }
           break;
         case SlideTaskType.SLIDE_BY_POS:
@@ -6362,7 +6606,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
               if (typeof slideTask.params.direction != "undefined") {
                 direction = slideTask.params.direction;
               }
-              targetRect2 = targetItem.templateInfo;
+              targetRect = targetItem.templateInfo;
             } else {
               validSlideTask = false;
             }
@@ -6373,7 +6617,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
             if (typeof slideTask.params.direction != "undefined") {
               direction = slideTask.params.direction;
             }
-            targetRect2 = slideTask.params.rect;
+            targetRect = slideTask.params.rect;
           }
           break;
         default:
@@ -6383,37 +6627,57 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     }
     if (!validSlideTask && resizeList.length > 0) {
       if (anchorInfo) {
-        const focusItem = getItemById(focusId);
-        let start = focusItem.templateInfo[pos_key] + focusItem.templateInfo[size_key] * anchorInfo.anchor - 1 - anchorInfo.anchorPosition;
+        const focusItem2 = getItemById(focusId);
+        let start = focusItem2.templateInfo[pos_key] + focusItem2.templateInfo[size_key] * anchorInfo.anchor - 1 - anchorInfo.anchorPosition;
         let totalSize = metroTemplate.getBoundingBoxSize();
-        start = Math.min(Math.max(0, start), totalSize[size_key] - visibleInfo.range);
-        if (focusItem.index == 0) {
-          if (start > focusItem.templateInfo[pos_key]) {
+        start = Math.min(
+          Math.max(0, start),
+          totalSize[size_key] - visibleInfo.range
+        );
+        if (focusItem2.index == 0) {
+          if (start > focusItem2.templateInfo[pos_key]) {
             start = 0;
           }
-        } else if (focusItem.templateInfo.index == metroTemplate.getTailItemIndex()) {
-          if (start + visibleInfo.range > focusItem.templateInfo[pos_key]) {
-            start = Math.max(focusItem.templateInfo[size_key] + focusItem.templateInfo[pos_key] - visibleInfo.range, 0);
+        } else if (focusItem2.templateInfo.index == metroTemplate.getTailItemIndex()) {
+          if (start + visibleInfo.range > focusItem2.templateInfo[pos_key]) {
+            start = Math.max(
+              focusItem2.templateInfo[size_key] + focusItem2.templateInfo[pos_key] - visibleInfo.range,
+              0
+            );
           }
         }
-        targetVisibleStart = normalizeVisibleStart(start, focusItem.templateInfo, focusItem.templateInfo.index, visibleInfo);
+        targetVisibleStart = normalizeVisibleStart(
+          start,
+          focusItem2.templateInfo,
+          focusItem2.templateInfo.index,
+          visibleInfo
+        );
       } else {
-        targetRect2 = getItemById(focusId).templateInfo;
+        targetRect = getItemById(focusId).templateInfo;
       }
       slideDoAnim = resizeAnimInfo.doAnim;
     }
-    if (targetRect2) {
+    if (targetRect) {
       const v = visibleInfo.copy();
       let preInfo = null;
       if (resizeList.length > 0) {
         preInfo = mRectCache.getPreRect();
         if (preInfo) {
           let totalSize = metroTemplate.getBoundingBoxSize();
-          v.start = Math.min(Math.max(0, targetRect2[pos_key] - preInfo[pos_key] + v.start), Math.max(0, totalSize[size_key] - v.range));
+          v.start = Math.min(
+            Math.max(0, targetRect[pos_key] - preInfo[pos_key] + v.start),
+            Math.max(0, totalSize[size_key] - v.range)
+          );
           preInfo[pos_key] += v.start - visibleInfo.start;
         }
       }
-      targetVisibleStart = _calculateVisibleStart(targetRect2, direction, targetRect2, v, preInfo);
+      targetVisibleStart = _calculateVisibleStart(
+        targetRect,
+        direction,
+        targetRect,
+        v,
+        preInfo
+      );
     } else {
       if (resizeList.length > 0) {
         let tRect = getItemById(focusId)?.templateInfo;
@@ -6469,7 +6733,10 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
                     div,
                     [layoutCache.left - left, layoutCache.top - top],
                     [0, 0],
-                    resizeTaskMap[index] ? resizeTaskMap[index].params.animInfo : { duration: resizeAnimInfo.duration }
+                    resizeTaskMap[index] ? resizeTaskMap[index].params.animInfo : {
+                      duration: resizeAnimInfo.duration,
+                      easing: resizeAnimInfo.easing
+                    }
                   );
                   return () => {
                     cancel();
@@ -6495,8 +6762,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       let animInfo = void 0;
       if (slideDoAnim) {
         animInfo = {
-          easing: null,
-          //resizeAnimInfo.doAnim ? resizeAnimInfo.easing : '' /* innerSlideSetting.Easing */,
+          easing: resizeAnimInfo.doAnim ? resizeAnimInfo.easing : innerSlideSetting.Easing,
           duration: resizeAnimInfo.doAnim ? resizeAnimInfo.duration : innerSlideSetting.Duration,
           speed: innerSlideSetting.Speed,
           onStart: null,
@@ -6573,21 +6839,18 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   const updateItemSize = (index, newSize, animInfo) => {
     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.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
         }
-      );
+      });
     }
   };
   let callFocusAfterUpdate = false;
@@ -6664,7 +6927,6 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     if (!item) {
       return;
     }
-    ;
     if (isFocus) {
       item.onClick();
     }
@@ -6678,24 +6940,24 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     }
   };
   let gazeIndex = -1;
-  const onItemFocus = (focusItem, rect) => {
-    if (!focusItem)
+  const onItemFocus = (focusItem2, rect) => {
+    if (!focusItem2)
       return;
-    setItemZIndex(focusItem, innerData.length, true);
+    setItemZIndex(focusItem2, innerData.length, true);
     if (isFocus) {
-      _itemOnFocusSideEffect(focusItem, rect);
+      _itemOnFocusSideEffect(focusItem2, rect);
     }
-    if (focusItem.mounted.value) {
-      if (gazeIndex != focusItem.templateInfo.index) {
+    if (focusItem2.mounted.value) {
+      if (gazeIndex != focusItem2.templateInfo.index) {
         let preGazeItem = getItemByIndex(gazeIndex);
         if (preGazeItem) {
           preGazeItem.onIgnore();
         }
-        gazeIndex = focusItem.templateInfo.index;
-        focusItem.onGaze(rect);
+        gazeIndex = focusItem2.templateInfo.index;
+        focusItem2.onGaze(rect);
       }
       if (isFocus) {
-        focusItem.onFocus(rect);
+        focusItem2.onFocus(rect);
       }
       return true;
     } else {
@@ -6711,6 +6973,16 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       item.onLongPress();
     }
   };
+  const onItemTap = (gazeItem) => {
+    if (gazeIndex != gazeItem.templateInfo.index) {
+      let preGazeItem = getItemByIndex(gazeIndex);
+      if (preGazeItem) {
+        preGazeItem.onIgnore();
+      }
+      gazeIndex = gazeItem.templateInfo.index;
+      gazeItem.onGaze(null);
+    }
+  };
   const setFocusByUid = (uid, needSlide = true, doAnim = false, extraSetting) => {
     if (!uid || innerData.length <= 0) {
       return;
@@ -6821,8 +7093,11 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     if (slideLock || position == (vertical ? slideDivTop.value : slideDivLeft.value)) {
       return;
     }
-    ;
-    taskManager.addTask(TaskType.SLIDE, { position, doAnim, updateParam }, SlideTaskType.SLIDE_BY_POS);
+    taskManager.addTask(
+      TaskType.SLIDE,
+      { position, doAnim, updateParam },
+      SlideTaskType.SLIDE_BY_POS
+    );
   };
   const slideTo = (position, doAnim) => {
     if (typeof position == "number") {
@@ -6897,55 +7172,61 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         let layoutChange = false;
         let onlyDataChangeList = [];
         let targetFocusId = focusId;
-        if (focusId >= newData.length) {
-          targetFocusId = newData.length - 1;
-        }
-        if (!forceUpdate) {
-          for (let i = 0; i < dataList.length; ++i) {
-            let oldItem = dataList[i];
-            let newItem = newData[i];
-            if (newItem) {
-              if ((typeof newItem[DATA_ID_KEY] == "undefined" || typeof dataKeyList[i] == "undefined") && newItem === oldItem || typeof newItem[DATA_ID_KEY] !== "undefined" && typeof dataKeyList[i] !== "undefined" && newItem[DATA_ID_KEY] === dataKeyList[i]) {
-                maxSameIndex = Math.max(maxSameIndex, i);
-              } else {
-                const newMeasureItem = props.measures(newItem);
-                const oldMeasureItem = props.measures(oldItem);
-                layoutChange = ifLayoutChange(props.layoutType, oldMeasureItem, newMeasureItem);
-                if (layoutChange) {
-                  break;
+        let curFocusItemChanged = true;
+        if (newData.length == 0) {
+          layoutChange = true;
+          targetFocusId = -1;
+        } else {
+          if (focusId < 0) {
+            targetFocusId = 0;
+          } else if (focusId >= newData.length) {
+            targetFocusId = newData.length - 1;
+          }
+          if (!forceUpdate) {
+            const curFocusIndex = id2Index(focusId);
+            for (let i = 0; i < dataList.length; ++i) {
+              let oldItem = dataList[i];
+              let newItem = newData[i];
+              if (newItem) {
+                if ((typeof newItem[DATA_ID_KEY] == "undefined" || typeof dataKeyList[i] == "undefined") && newItem === oldItem || typeof newItem[DATA_ID_KEY] !== "undefined" && typeof dataKeyList[i] !== "undefined" && newItem[DATA_ID_KEY] === dataKeyList[i]) {
+                  maxSameIndex = Math.max(maxSameIndex, i);
+                  if (curFocusIndex == i) {
+                    curFocusItemChanged = false;
+                  }
                 } else {
-                  if (i < innerData.length) {
-                    onlyDataChangeList.push({
-                      templateInfo: innerData[i].templateInfo,
-                      measureObj: newMeasureItem,
-                      data: newItem,
-                      index: i
-                    });
+                  const newMeasureItem = props.measures(newItem);
+                  const oldMeasureItem = props.measures(oldItem);
+                  layoutChange = ifLayoutChange(
+                    props.layoutType,
+                    oldMeasureItem,
+                    newMeasureItem
+                  );
+                  if (layoutChange) {
+                    break;
+                  } else {
+                    if (i < innerData.length) {
+                      onlyDataChangeList.push({
+                        templateInfo: innerData[i].templateInfo,
+                        measureObj: newMeasureItem,
+                        data: newItem,
+                        index: i
+                      });
+                    }
                   }
                 }
-              }
-            } else {
-              if (i >= newData.length) {
-                layoutChange = true;
-                break;
               } else {
-                throw new Error("undefined item in data list.", i, newData);
+                if (i >= newData.length) {
+                  layoutChange = true;
+                  break;
+                } else {
+                  throw new Error("undefined item in data list.", i, newData);
+                }
               }
             }
           }
         }
-        let needSlide = false;
-        if (slideToFocus == "enable") {
-          needSlide = true;
-        } else if (slideToFocus == "disable") {
-          needSlide = false;
-        } else {
-          let targetRect2 = mRectCache.getCurRect() ?? mRectCache.getPreRect();
-          if (targetRect2) {
-            needSlide = rectVisibleState(targetRect2) !== 0;
-          } else {
-            needSlide = rectVisibleState(getItemById(focusId)?.templateInfo) !== 0;
-          }
+        if (forceUpdate || curFocusItemChanged || targetFocusId != focusId) {
+          gazeIndex = -1;
         }
         dataList = newData;
         dataKeyList = dataList.map((i) => i[DATA_ID_KEY]);
@@ -6969,15 +7250,15 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
             props.name,
             _onTemplateAddDone
           );
-          if (props.onScroll) {
+          if (props.onScroll || props.touchFlag > 0) {
             templateItemAdder.tryAddItemByIndex(dataList.length - 1);
           } else {
             templateItemAdder.tryAddItemById(targetFocusId);
           }
         } else {
+          templateItemAdder.updateData(newData);
           if (maxSameIndex < newData.length - 1) {
-            templateItemAdder.updateData(newData);
-            if (props.onScroll) {
+            if (props.onScroll || props.touchFlag > 0) {
               templateItemAdder.tryAddItemByIndex(dataList.length - 1);
             } else {
               templateItemAdder.tryAddItemById(targetFocusId);
@@ -6986,7 +7267,10 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           if (onlyDataChangeList.length > 0) {
             for (let i of onlyDataChangeList) {
               if (i.index < innerData.length) {
-                innerData[i.index].updateCustomData(i.data, _getItemConfigFromMeasursObj(i.measureObj));
+                innerData[i.index].updateCustomData(
+                  i.data,
+                  _getItemConfigFromMeasursObj(i.measureObj)
+                );
                 innerData[i.index].enableTap = i.measureObj.enableTap ?? false;
               } else {
                 break;
@@ -6994,14 +7278,6 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
             }
           }
         }
-        if (targetFocusId != focusId) {
-          _changeFocusId(targetFocusId, false);
-          visibleInfo = visibleInfo.copy();
-          visibleInfo.start = 0;
-          visibleInfo._startMax = 0;
-          slideDivLeft.value = 0;
-          slideDivTop.value = 0;
-        }
         const updater = pageUpdater.update(
           metroTemplate,
           visibleInfo.startWithPadding - innerKeepTraceRange * pageRange,
@@ -7011,16 +7287,50 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           permanentItemList
         );
         updater.apply();
-        const focusItem = getItemById(focusId);
-        onItemFocus(focusItem, null);
-        if (needSlide) {
-          if (targetRect) {
-            slideToRectInner(targetRect, false, 0, true);
-          } else if (focusItem.itemConfig.itemSlide == METRO_WIDGET.ITEM_SLIDE.ACT_ITEM_FOCUS) {
-            slideToItemInner(id2Index(focusId), false, 0, 0, true);
+        if (mode.getMode() == TOUCH_MODE) {
+        } else {
+          let needSlide = false;
+          let targetRect = mRectCache.getCurRect() ?? mRectCache.getPreRect();
+          if (targetFocusId != focusId) {
+            needSlide = true;
+          } else if (slideToFocus == "enable") {
+            needSlide = true;
+          } else if (slideToFocus == "disable") {
+            needSlide = false;
+          } else {
+            if (targetRect) {
+              needSlide = rectVisibleState(targetRect) !== 0;
+            } else {
+              needSlide = rectVisibleState(getItemById(focusId)?.templateInfo) !== 0;
+            }
+          }
+          if (targetFocusId != focusId) {
+            visibleInfo = visibleInfo.copy();
+            visibleInfo.start = 0;
+            visibleInfo._startMax = 0;
+            slideDivLeft.value = 0;
+            slideDivTop.value = 0;
+          }
+          if (targetFocusId != focusId) {
+            _changeFocusId(targetFocusId, false);
+          }
+          const focusItem2 = getItemById(focusId);
+          if (focusItem2) {
+            preEdgeRect = null;
+            onItemFocus(focusItem2, null);
+            if (needSlide) {
+              if (targetRect) {
+                slideToRectInner(targetRect, false, 0, true);
+              } else if (focusItem2.itemConfig.itemSlide == METRO_WIDGET.ITEM_SLIDE.ACT_ITEM_FOCUS) {
+                slideToItemInner(id2Index(focusId), false, 0, 0, true);
+              }
+            }
+          } else {
+            slideToInner(0, false);
+            preEdgeRect = null;
+            mRectCache.clean();
           }
         }
-        updateTouchBoxCondition();
       }
     } catch (e) {
       console.log(TAG$2, "refresh error", e);
@@ -7252,13 +7562,16 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     if (mode.getMode() == TOUCH_MODE && !mode.duringTouch()) {
       if (ev.keyCode == 37 || ev.keyCode == 38 || ev.keyCode == 39 || ev.keyCode == 40) {
         mode.keyDown();
-        const focusItem = _getVisibleFocusableItem();
-        const preFocusItem = getItemById(focusId);
-        _changeFocusId(focusItem.id, false);
-        if (preFocusItem.id !== focusItem.id) {
-          onItemBlur(preFocusItem);
+        const focusItem2 = _getVisibleFocusableItem();
+        if (focusItem2) {
+          const preFocusItem = getItemById(focusId);
+          _changeFocusId(focusItem2.id, false);
+          if (preFocusItem.id !== focusItem2.id) {
+            onItemBlur(preFocusItem);
+          }
+          onItemFocus(focusItem2);
         }
-        onItemFocus(focusItem);
+        return true;
       }
     }
     return false;
@@ -7284,13 +7597,14 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   let clickDownReceived = false;
   let longPressTriggered = false;
   const focusBlockOnKeyUp = (ev) => {
-    if (!props.enableLongPress) {
+    const curFocusItem = getItemById(focusId);
+    if (!curFocusItem || !curFocusItem.itemConfig.enableLongPress) {
       return false;
     }
     if (!longPressTriggered) {
       if (ev.keyCode == 13 && clickDownReceived) {
         clickDownReceived = false;
-        onItemClick(getItemById(focusId));
+        onItemClick(curFocusItem);
         return true;
       }
     } else {
@@ -7317,14 +7631,15 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       return true;
     }
     if (ev.keyCode == 13) {
+      const curFocusItem = getItemById(focusId);
       clickDownReceived = true;
-      if (props.enableLongPress) {
+      if (curFocusItem.itemConfig.enableLongPress) {
         if (ev.repeat && ev.timeStamp - preStartKeyDownTime > LONGPRESS_TIMEOUT && !longPressTriggered) {
           longPressTriggered = true;
-          onItemLongPress(getItemById(focusId));
+          onItemLongPress(curFocusItem);
         }
       } else if (!ev.repeat) {
-        onItemClick(getItemById(focusId));
+        onItemClick(curFocusItem);
       }
       return true;
     } else {
@@ -7374,7 +7689,8 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       normalZIndex,
       permanent: measuresObj.permanent ?? false,
       itemSlide: measuresObj.itemSlide ?? METRO_WIDGET.ITEM_SLIDE.ACT_ITEM_FOCUS,
-      showSkeleton: measuresObj.showSkeleton ?? true
+      showSkeleton: measuresObj.showSkeleton ?? true,
+      enableLongPress: measuresObj.enableLongPress ?? props.enableLongPress
     };
   };
   const _onTemplateItemAdd = (customerData, templateItem, measuresObj) => {
@@ -7409,9 +7725,24 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         slideTo,
         updateItemSize,
         widgetHandler: exportObject
+      },
+      {
+        onTap: onItemTap
       }
     );
     item.enableTap = measuresObj.enableTap ?? false;
+    if (props.enableItemRenderBreak) {
+      if (measuresObj.placeHolderLayout && typeof measuresObj.placeHolderLayout.left == "number" && typeof measuresObj.placeHolderLayout.top == "number" && typeof measuresObj.placeHolderLayout.width == "number" && typeof measuresObj.placeHolderLayout.height == "number") {
+        item.placeHolderLayout = Object.assign({}, measuresObj.placeHolderLayout);
+      } else {
+        item.placeHolderLayout = {
+          left: 0,
+          top: 0,
+          width: item.renderStyle.width - (props.placeHolderSetting.gap ?? 0),
+          height: item.renderStyle.height - (props.placeHolderSetting.gap ?? 0)
+        };
+      }
+    }
     innerData.push(item);
     if (item.itemConfig.permanent) {
       permanentItemList.push({
@@ -7439,8 +7770,8 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       if (ev.ownerNode == exportObject) {
         return false;
       }
-      const focusItem = getItemById(focusId);
-      if (focusItem.itemConfig.itemSlide !== METRO_WIDGET.ITEM_SLIDE.ACT_FOCUS_RECT_EVENT) {
+      const focusItem2 = getItemById(focusId);
+      if (focusItem2.itemConfig.itemSlide !== METRO_WIDGET.ITEM_SLIDE.ACT_FOCUS_RECT_EVENT) {
         return;
       }
       let item_div = ev.element;
@@ -7458,7 +7789,9 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           direction = 1;
         }
       }
-      const item_layout = item_div.jsvGetRelativePosition(toRaw(locateDiv.value));
+      const item_layout = item_div.jsvGetRelativePosition(
+        toRaw(locateDiv.value)
+      );
       let fakeItem = {
         templateInfo: {
           left: item_layout.left,
@@ -7470,17 +7803,18 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           index: id2Index(focusId)
         }
       };
-      let cur_slide = _calculateVisibleStart(fakeItem.templateInfo, direction, fakeItem.templateInfo, visibleInfo);
+      let cur_slide = _calculateVisibleStart(
+        fakeItem.templateInfo,
+        direction,
+        fakeItem.templateInfo,
+        visibleInfo
+      );
       if (cur_slide != visibleInfo.start) {
-        slideToInner(
-          cur_slide,
-          true,
-          {
-            //250207 change: 为true时, 会导致不可见的item反复加载,释放, 所以改为false
-            //但之前设为true应该是为了保证滚动时的楼层不提前消失, 此后若再遇到这类问题再考虑
-            mergeTmp: false
-          }
-        );
+        slideToInner(cur_slide, true, {
+          //250207 change: 为true时, 会导致不可见的item反复加载,释放, 所以改为false
+          //但之前设为true应该是为了保证滚动时的楼层不提前消失, 此后若再遇到这类问题再考虑
+          mergeTmp: false
+        });
         return true;
       }
     }
@@ -7488,8 +7822,12 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   };
   const _changeFocusId = (id, cache_pre = true) => {
     preFocusId = cache_pre ? focusId : -1;
-    focusId = id >= 0 && id < metroTemplate.size ? id : 0;
-    currentFocusIndex.value = id2Index(id);
+    if (metroTemplate.size == 0) {
+      focusId = -1;
+    } else {
+      focusId = id >= 0 && id < metroTemplate.size ? id : 0;
+    }
+    currentFocusIndex.value = id2Index(focusId);
     taskManager.addTask(TaskType.ON_FOCUS_CHANGE);
   };
   const _bubbleCustomEvent = (event) => {
@@ -7625,7 +7963,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       });
     }
   };
-  const normalizeVisibleStart = (origin, targetRect2, index, _visibleInfo) => {
+  const normalizeVisibleStart = (origin, targetRect, index, _visibleInfo) => {
     let pos_key = vertical ? "top" : "left";
     let size_key = vertical ? "height" : "width";
     let visibleStart = origin;
@@ -7639,7 +7977,9 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       }
     }
     if ((innerSlideSetting.BoundaryProtect & SlideSetting.END_PROTECT) > 0) {
-      let lastTemplateInfo = getItemByIndex(metroTemplate.getTailItemIndex()).templateInfo;
+      let lastTemplateInfo = getItemByIndex(
+        metroTemplate.getTailItemIndex()
+      ).templateInfo;
       const lastEnd = lastTemplateInfo[pos_key] + lastTemplateInfo[size_key];
       const lastVisibleStart = Math.max(lastEnd - vInfo.range, 0);
       if (vInfo.end <= lastEnd) {
@@ -7652,16 +7992,16 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     return visibleStart;
   };
   const mRectCache = new RectCache();
-  const _calculateVisibleStart = (targetRect2, _direction, templateInfo, vInfo, preInfo = null) => {
-    if (!targetRect2) {
+  const _calculateVisibleStart = (targetRect, _direction, templateInfo, vInfo, preInfo = null) => {
+    if (!targetRect) {
       console.error("MetroWidget: _calculateVisibleStart target item is null");
       return 0;
     }
     const curRect = {
-      left: targetRect2.left,
-      top: targetRect2.top,
-      width: targetRect2.width,
-      height: targetRect2.height,
+      left: targetRect.left,
+      top: targetRect.top,
+      width: targetRect.width,
+      height: targetRect.height,
       frameCount: Forge$2.sFrameCount.count
     };
     mRectCache.cache(curRect);
@@ -7682,14 +8022,20 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     switch (innerSlideSetting.Type) {
       case SlideSetting.Type.FIX_POSITION:
         if (innerSlideSetting.FixFirstPage) {
-          if (targetRect2[pos_key] + targetRect2[size_key] - 1 < vInfo.range) {
+          if (targetRect[pos_key] + targetRect[size_key] - 1 < vInfo.range) {
             new_visible_start = 0;
             needCalculate = false;
           }
         }
         if (needCalculate) {
+          let target = targetRect[pos_key] + targetRect[size_key] / 2;
+          if (innerSlideSetting.Align == "start") {
+            target = targetRect[pos_key];
+          } else if (innerSlideSetting.Align == "end") {
+            target = targetRect[pos_key] + targetRect[size_key];
+          }
           new_visible_start = Math.ceil(
-            targetRect2[pos_key] + targetRect2[size_key] / 2 - vInfo.range * innerSlideSetting.FixPercent
+            target - vInfo.range * innerSlideSetting.FixPercent
           );
         }
         break;
@@ -7704,15 +8050,15 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         break;
       case SlideSetting.Type.SEAMLESS:
         if (innerSlideSetting.FixFirstPage) {
-          if (targetRect2[pos_key] + targetRect2[size_key] - 1 < vInfo.range) {
+          if (targetRect[pos_key] + targetRect[size_key] - 1 < vInfo.range) {
             new_visible_start = 0;
             needCalculate = false;
           }
         }
         if (needCalculate) {
-          const itemStart = targetRect2[pos_key];
-          const itemEnd = targetRect2[pos_key] + targetRect2[size_key] - 1;
-          const itemMainSize = targetRect2[size_key];
+          const itemStart = targetRect[pos_key];
+          const itemEnd = targetRect[pos_key] + targetRect[size_key] - 1;
+          const itemMainSize = targetRect[size_key];
           if (preRect) {
             const rect0Start = vInfo.start;
             const rect0End = vInfo.start + vInfo.range * innerSlideSetting.StartPercent;
@@ -7721,7 +8067,10 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
             const rect1End = vInfo.start + vInfo.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 target1 = Math.max(
+              preRect[pos_key] + preRect[size_key] - 1,
+              rect1Start
+            );
             let rect0Result = void 0;
             let rect1Result = void 0;
             if (itemStart < rect0End) {
@@ -7751,7 +8100,9 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           const headSafeArea = innerSlideSetting.HeadSafeArea * vInfo.range;
           const tailSafeArea = innerSlideSetting.TailSafeArea * vInfo.range;
           if (itemMainSize > vInfo.range - headSafeArea - tailSafeArea) {
-            new_visible_start = Math.round(itemStart - (vInfo.range - itemMainSize) / 2);
+            new_visible_start = Math.round(
+              itemStart - (vInfo.range - itemMainSize) / 2
+            );
           } else {
             if (itemStart < new_visible_start + headSafeArea) {
               new_visible_start = itemStart - headSafeArea;
@@ -7767,7 +8118,12 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           innerSlideSetting.Type
         );
     }
-    new_visible_start = normalizeVisibleStart(new_visible_start, targetRect2, templateInfo?.index, vInfo);
+    new_visible_start = normalizeVisibleStart(
+      new_visible_start,
+      targetRect,
+      templateInfo?.index,
+      vInfo
+    );
     return Math.round(new_visible_start);
   };
   const _onFocusableItemEdge = (edge_info) => {
@@ -7800,14 +8156,14 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       console.log(`MetroWidget: ${props.name} get focus while data is empty.`);
       return;
     }
-    let focus_id = typeof enterFocusId !== "undefined" && enterFocusId >= 0 && enterFocusId < metroTemplate.size ? enterFocusId : focusId;
+    let focus_id = index2Id(gazeIndex);
+    focus_id = typeof enterFocusId !== "undefined" && enterFocusId >= 0 && enterFocusId < metroTemplate.size ? enterFocusId : focus_id;
     focus_id = _ifValidEnterRect(enterFocusRect) ? _calculateNearestItemByRect(pageUpdater.getRange(), enterFocusRect) : focus_id;
     preEdgeRect = enterFocusRect;
     _changeFocusId(focus_id, false);
     enterFocusId = -1;
     enterFocusRect = null;
     firstOnItemFocusCalled = onItemFocus(getItemById(focusId), preEdgeRect);
-    ;
     props.onFocus?.();
   };
   const focusBlockOnBlur = () => {
@@ -7842,16 +8198,20 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     }
   };
   const _getVisibleFocusableItem = () => {
-    const focusItem = getItemById(focusId);
+    let item = getItemByIndex(gazeIndex);
+    if (rectVisibleState(item.templateInfo) == 2) {
+      return item;
+    }
+    item = getItemById(focusId);
     if (rectVisibleState(focusItem.templateInfo) == 2) {
       return focusItem;
-    } else {
-      for (let item of renderData.value) {
-        if (item.templateInfo.focusable && rectVisibleState(item.templateInfo) == 2) {
-          return item;
-        }
+    }
+    for (let item2 of renderData.value) {
+      if (item2.templateInfo.focusable && rectVisibleState(item2.templateInfo) == 2) {
+        return item2;
       }
     }
+    return null;
   };
   const _onScroll = () => {
     if (props.onScroll) {
@@ -7984,12 +8344,19 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     };
     let passDownTouchInfo = nexusCustomData;
     actorController.run((cmds) => [
-      cmds.condition(TouchDownConditionGroup, false).offsetPosition(offsetThreshold.left, offsetThreshold.top, offsetThreshold.right, offsetThreshold.bottom).then([
+      cmds.condition(TouchDownConditionGroup, false).offsetPosition(
+        offsetThreshold.left,
+        offsetThreshold.top,
+        offsetThreshold.right,
+        offsetThreshold.bottom
+      ).then([
         cmds.state().touchLockSwitch(true, vertical ? 1 : 2, unlockThreshold)
       ]),
-      cmds.condition(TouchDownConditionGroup, false).startMove(true, true).then([SliderEditFuncReOrderWrap((d) => {
-        onDragStart(d, null, passDownTouchInfo);
-      })])
+      cmds.condition(TouchDownConditionGroup, false).startMove(true, true).then([
+        SliderEditFuncReOrderWrap((d) => {
+          onDragStart(d, null, passDownTouchInfo);
+        })
+      ])
     ]);
     templateItemAdder.tryAddItemByPosition(visibleInfo.end + visibleInfo.range);
     const updater = pageUpdater.update(
@@ -8007,14 +8374,18 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     let anchorPos = anchorSpacing;
     while (anchorPos < anchorArea) {
       anchorPosList.push(-visibleInfo.start + anchorPos);
-      anchorPosList.push(-visibleInfo.start - visibleInfo.range - anchorPos + 1);
+      anchorPosList.push(
+        -visibleInfo.start - visibleInfo.range - anchorPos + 1
+      );
       anchorPos += anchorSpacing;
     }
     actorController.run((cmds) => {
       const reachConditionList = anchorPosList.map((pos) => {
-        return cmds.condition(reachAnchorGroup).reachPosition(pos, void 0).then([SliderEditFuncReOrderWrap((data2) => {
-          updateRenderItems(true, true);
-        })]);
+        return cmds.condition(reachAnchorGroup).reachPosition(pos, void 0).then([
+          SliderEditFuncReOrderWrap((data2) => {
+            updateRenderItems(true, true);
+          })
+        ]);
       });
       reachConditionList.unshift(
         cmds.state().removeConditionByGroup(reachAnchorGroup)
@@ -8105,7 +8476,9 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     return wall;
   };
   const updateRenderItems = (applyTmp, expand) => {
-    templateItemAdder.tryAddItemByPosition(visibleInfo.start + visibleInfo.range);
+    templateItemAdder.tryAddItemByPosition(
+      visibleInfo.start + visibleInfo.range
+    );
     const updater = pageUpdater.update(
       metroTemplate,
       visibleInfo.startWithPadding - innerKeepTraceRange * pageRange,
@@ -8117,6 +8490,8 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     applyTmp ? updater.applyTmp() : updater.apply();
   };
   const updateTouchBoxCondition = () => {
+    if (mode.getMode() != TOUCH_MODE)
+      return;
     if (actorController != null) {
       const walls = getTouchWall();
       actorController.run((cmds) => [
@@ -8195,7 +8570,14 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     ]);
   }
   function safeProvideData() {
-    return props.provideData() ?? [];
+    const d = props.provideData();
+    if (d instanceof Array) {
+      return d;
+    }
+    console.warn(
+      `MetroWidget provideData must return an array. name:${props.name} provideData:${d}`
+    );
+    return [];
   }
   pageUpdater = new PageUpdater(_updatePage, props.name);
   visibleInfo.range = vertical ? widgetRectInfo.contentHeight : widgetRectInfo.contentWidth;
@@ -8228,7 +8610,12 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     if (item) {
       init_focus_id = props.initFocusId;
       if (item.itemConfig.itemSlide == METRO_WIDGET.ITEM_SLIDE.ACT_ITEM_FOCUS) {
-        initVisibleStart = _calculateVisibleStart(item.templateInfo, 0, item.templateInfo, visibleInfo);
+        initVisibleStart = _calculateVisibleStart(
+          item.templateInfo,
+          0,
+          item.templateInfo,
+          visibleInfo
+        );
       }
     }
   }
@@ -8307,7 +8694,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
 /*
  + @file {@link file://./../../../../utils/JsViewEngineWidget/MetroWidget/SlotComponent.vue}
  */
-const _sfc_main$T = {
+const _sfc_main$X = {
   __name: "SlotComponent",
   setup(__props) {
     onBeforeUpdate(() => {
@@ -8348,7 +8735,7 @@ const _sfc_main$T = {
  *          onAnimationEnd { Function } (选填)animation动画结束的回调
  *          imageBlendType {String}  (选填) alpha合并模式，默认为普通合成，可设置"alphaOverride", 用于Video挖洞操作
 */
-const _sfc_main$S = {
+const _sfc_main$W = {
   __name: "JsvNinePatch",
   props: {
     style: {
@@ -8441,7 +8828,7 @@ const _sfc_main$S = {
 /*
  + @file {@link file://./../../../../utils/JsViewEngineWidget/MetroWidget/DebugFrame.vue}
  */
-const _sfc_main$R = {
+const _sfc_main$V = {
   __name: "DebugFrame",
   props: {
     width: Number,
@@ -8451,7 +8838,7 @@ const _sfc_main$R = {
   setup(__props) {
     const props = __props;
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$S, {
+      return openBlock(), createBlock(_sfc_main$W, {
         style: normalizeStyle({
           width: __props.width,
           height: __props.height
@@ -8523,6 +8910,9 @@ const _sfc_main$R = {
                                       focusBackgroundColor: 获焦时的颜色
                                       borderRadius: 占位符圆角设置
                                       gap: 占位符之间的gap
+                                      logoUrl: 占位符logo的url
+                                      logoWidth: 占位符logo的宽度
+                                      logoHeight: 占位符logo的高度
                                     }
  *      sendFocusRectEvent {boolean} item获焦时在焦点树上冒泡一个事件, MetroWidget接收到事件时会触发滚动操作, 一般用于嵌套
                                      时的滚动
@@ -8550,6 +8940,8 @@ const _sfc_main$R = {
                                           permanent {boolean}: 出去与是否保留
                                           enableTap {boolean}: 是否接受触控tap
                                           showSkeleton {boolean}: 打断描画时, 是否显示骨架图, 默认为true
+                                          enableLongPress {boolean}: item是否支持长按, 默认值为props.enableLongPress
+                                          placeHolderLayout{{left: number, top: number, width: number, height: number}}: 占位符的布局信息
                                         }
  *
  *      onFocus {function} 控件获取焦点的回调
@@ -8565,6 +8957,7 @@ const _sfc_main$R = {
                                 totalSize: 所有item的总长
  *      onFocusRectChange {() => void} 焦点区域变化的回调
  *      onAllItemResizeDone {() => void} 所有item resize完成的回调
+ *      onFocusChange {(id: number) => void} 焦点变化的回调
  *      loadAll {boolean} 加载不显示的view，触控场景使用
  *      flingPageWidth {}
  *      flingPageEdge {}
@@ -8749,7 +9142,7 @@ const _sfc_main$R = {
  * 注意点:
  *    1. MetroWidget中存在一些处理依赖vue的callback执行顺序, 因此涉及更改MetroWidget状态的处理不要在watchPostEffect中调用
 */
-const _sfc_main$Q = {
+const _sfc_main$U = {
   __name: "MetroWidget",
   props: {
     padding: {
@@ -8911,8 +9304,17 @@ const _sfc_main$Q = {
       height: 0
     });
     const normalizedPlaceHolder = computed(() => {
+      let logoInfo = null;
+      if (typeof props.placeHolderSetting.logoUrl == "string" && typeof props.placeHolderSetting.logoWidth == "number" && typeof props.placeHolderSetting.logoHeight == "number") {
+        logoInfo = {
+          url: props.placeHolderSetting.logoUrl,
+          width: props.placeHolderSetting.logoWidth,
+          height: props.placeHolderSetting.logoHeight
+        };
+      }
       return {
         gap: props.placeHolderSetting.gap ?? 0,
+        logoInfo,
         borderRadius: props.placeHolderSetting.borderRadius ?? 0,
         backgroundColor: props.placeHolderSetting.backgroundColor,
         focusBackgroundColor: props.placeHolderSetting.focusBackgroundColor ?? props.placeHolderSetting.backgroundColor
@@ -9042,7 +9444,7 @@ const _sfc_main$Q = {
                         }),
                         onClick: item.onTap.value
                       }, [
-                        __props.enableDebug ? (openBlock(), createBlock(_sfc_main$R, {
+                        __props.enableDebug ? (openBlock(), createBlock(_sfc_main$V, {
                           key: 0,
                           width: item.templateInfo.width,
                           height: item.templateInfo.height,
@@ -9054,7 +9456,7 @@ const _sfc_main$Q = {
                           ref: item.slotRef,
                           id: `${__props.name}_${index}`
                         }, [
-                          createVNode(_sfc_main$T, { key: "__QcodeJsviewFreezeComponent" }, {
+                          createVNode(_sfc_main$X, { key: "__QcodeJsviewFreezeComponent" }, {
                             default: withCtx(() => [
                               renderSlot(_ctx.$slots, "renderItem", {
                                 data: item.customerData,
@@ -9070,12 +9472,25 @@ const _sfc_main$Q = {
                         __props.enableItemRenderBreak && __props.placeHolderSetting && !item.mounted.value && item.itemConfig.showSkeleton ? (openBlock(), createElementBlock("div", {
                           key: 2,
                           style: normalizeStyle({
-                            width: item.renderStyle.width - unref(normalizedPlaceHolder).gap,
-                            height: item.renderStyle.height - unref(normalizedPlaceHolder).gap,
+                            left: item.placeHolderLayout.left,
+                            top: item.placeHolderLayout.top,
+                            width: item.placeHolderLayout.width,
+                            height: item.placeHolderLayout.height,
                             backgroundColor: unref(currentFocusIndex) == item.index && unref(modeForExport) == 2 ? unref(normalizedPlaceHolder).focusBackgroundColor : unref(normalizedPlaceHolder).backgroundColor,
                             borderRadius: unref(normalizedPlaceHolder).borderRadius
                           })
-                        }, null, 4)) : createCommentVNode("", true)
+                        }, [
+                          unref(normalizedPlaceHolder).logoInfo ? (openBlock(), createElementBlock("img", {
+                            key: 0,
+                            src: `url(${unref(normalizedPlaceHolder).logoInfo.url})`,
+                            style: normalizeStyle({
+                              left: (item.placeHolderLayout.width - unref(normalizedPlaceHolder).logoInfo.width) / 2,
+                              top: (item.placeHolderLayout.height - unref(normalizedPlaceHolder).logoInfo.height) / 2,
+                              width: unref(normalizedPlaceHolder).logoInfo.width,
+                              height: unref(normalizedPlaceHolder).logoInfo.height
+                            })
+                          }, null, 12, ["src"])) : createCommentVNode("", true)
+                        ], 4)) : createCommentVNode("", true)
                       ], 12, ["onClick"]);
                     }), 128))
                   ]),
@@ -9099,7 +9514,7 @@ const _sfc_main$Q = {
 /*
  * @file 只显示单列/行的MetroWidget
 */
-const _sfc_main$P = {
+const _sfc_main$T = {
   __name: "ListWidget",
   props: {
     padding: {
@@ -9391,7 +9806,7 @@ const _sfc_main$P = {
                         }),
                         onClick: item.onTap.value
                       }, [
-                        __props.enableDebug ? (openBlock(), createBlock(_sfc_main$R, {
+                        __props.enableDebug ? (openBlock(), createBlock(_sfc_main$V, {
                           key: 0,
                           width: item.templateInfo.width,
                           height: item.templateInfo.height,
@@ -9480,7 +9895,8 @@ class JsvFocusHubApi {
    * getCurrentFocus
    *
    * 获取当前焦点的的 focusName 信息，用于后续的进行的 setFocus 操作
-   * (注意, 不带NameSpace)
+   * (注意1: 获取的NameSpace不带NameSpace)
+   * (注意2: 如果当前状态所设焦点还没Mounted时，也会返回null)
    *
    * @return {string} 当前焦点的focusName
    */
@@ -9548,6 +9964,29 @@ class JsvFocusHubApi {
   getCurrentFocusStack() {
     return this._FocusHub.getCurrentFocusStack();
   }
+  /**
+   * addFocusChangeListener
+   *
+   * 添加焦点变化监听器, 主要用来追踪焦点name的变化，例如路由切换的场景
+   *
+   * @param {Function} listener 焦点变化监听器, 参数为 {focusName: string}
+   * @param {boolean} onRequest 监听时机，true: 在focus请求时即回调，无论节点是否存在；
+   *                             false: 在节点真实存在后，确认进行focus时才回调(在正准备Focus()调用前)
+   */
+  addFocusChangeListener(listener, onRequest = false) {
+    this._FocusHub.addFocusChangeListener(listener, onRequest);
+  }
+  /**
+   * removeFocusChangeListener
+   *
+   * 删除焦点变化监听器
+   *
+   * @param {Function} listener 由addFocusChangeListener添加的变化监听器
+   * @param {boolean} onRequest 和addFocusChangeListener时设置的参数要完全对应
+   */
+  removeFocusChangeListener(listener, onRequest = false) {
+    this._FocusHub.delFocusChangeListener(listener, onRequest);
+  }
 }
 const ROOT_HUB_PROVIDE_NAME = "__jsvFocusRootHub__";
 const HUB_NS_PROVIDE_NAME = "__jsvFocusNameSpace__";
@@ -9584,7 +10023,7 @@ const HUB_NS_PROVIDE_NAME = "__jsvFocusNameSpace__";
         @description 赋予焦点
         @params {boolean} passToChild 焦点由子往父时是否保持子的焦点
 */
-const _sfc_main$O = {
+const _sfc_main$S = {
   __name: "JsvFocusBlock",
   props: {
     style: Object,
@@ -9812,7 +10251,7 @@ class JsvFocusManager {
     }
     const doAppMount = this.$_hookMount(app, options[0]);
     app.mount = doAppMount;
-    app.component("JsvFocusBlock", _sfc_main$O);
+    app.component("JsvFocusBlock", _sfc_main$S);
     app.config.globalProperties.$jsvFocusManager = this;
     app.provide(HUB_NS_PROVIDE_NAME, null);
     app.provide(ROOT_HUB_PROVIDE_NAME, new JsvFocusHubApi(this.$_topFDiv.getHub()));
@@ -10690,7 +11129,7 @@ class AudioProxy {
 /*
  + @file {@link file://./../../../../utils/JsViewPlugin/JsvAudio/JsvAudio.vue}
  */
-const _sfc_main$N = {
+const _sfc_main$R = {
   __name: "JsvAudio",
   props: {
     /**
@@ -10833,7 +11272,7 @@ const _sfc_main$N = {
 /*
  + @file {@link file://./../../../../utils/JsViewPlugin/JsvAudio/JsvAudioProxy.vue}
  */
-const _sfc_main$M = {
+const _sfc_main$Q = {
   __name: "JsvAudioProxy",
   setup(__props) {
     const AsyncComp = defineAsyncComponent(() => {
@@ -10843,7 +11282,7 @@ const _sfc_main$M = {
           const BrowserAudio = import('./browser/BrowserAudio.vue.mjs');
           resolve(BrowserAudio);
         } else {
-          resolve(_sfc_main$N);
+          resolve(_sfc_main$R);
         }
       });
     });
@@ -11116,7 +11555,7 @@ const cssColor2Android = (cssColor) => {
  *   [注意事项]
  *     1. 盒子端的字符串是直接作为数学公式解析的, 所以需要将\n替换为\\, 需要前端自己处理, 这里提供了一个辅助方法processLatexStr来处理简单的情况
 */
-const _sfc_main$L = {
+const _sfc_main$P = {
   __name: "JsvLatex",
   props: {
     latexStr: {
@@ -11240,7 +11679,7 @@ const _sfc_main$L = {
 /*
  + @file {@link file://./../../../../utils/JsViewPlugin/JsvLatex/JsvLatexProxy.vue}
  */
-const _sfc_main$K = {
+const _sfc_main$O = {
   __name: "JsvLatexProxy",
   setup(__props) {
     const AsyncComp = defineAsyncComponent(() => {
@@ -11250,7 +11689,7 @@ const _sfc_main$K = {
           const BrowserJsvLatex = import('./browser/BrowserJsvLatex.vue.mjs');
           resolve(BrowserJsvLatex);
         } else {
-          resolve(_sfc_main$L);
+          resolve(_sfc_main$P);
         }
       });
     });
@@ -11856,7 +12295,7 @@ class JsvActorMoveControl extends ActorControlBase {
  *              功能: 将由moveToX, moveToY, scrollMoveAlongX, scrollMoveAlongY 发起的直线运动进行均匀变速
 */
-const _sfc_main$J = {
+const _sfc_main$N = {
   __name: "JsvActorMove",
   props: {
     control: {
@@ -11911,7 +12350,7 @@ const _sfc_main$J = {
  *      expose说明:
  *          control: Object 控制器句柄，具体参考 ActorControl
 */
-const _sfc_main$I = {
+const _sfc_main$M = {
   __name: "FreeMoveActor",
   props: {
     // div的style设置,
@@ -12019,7 +12458,7 @@ const KeepFlags = {
  *          意味着此FreeMoveAnimation碰撞任何一个EnvBlocker的GID=2的边都会触发回调
  *
 */
-const _sfc_main$H = {
+const _sfc_main$L = {
   __name: "JsvEnvBlocker",
   props: {
     // (支持reactive)位置信息
@@ -12255,7 +12694,7 @@ let FreeMoveFunc = {
  *          getHeight():  当askSize或者onSize生效时，获取元素的高度
  *
 */
-const _sfc_main$G = {
+const _sfc_main$K = {
   __name: "JsvFlexDiv",
   props: {
     style: Object,
@@ -12359,7 +12798,7 @@ const _sfc_main$G = {
  *          getHeight():  当askSize或者onSize生效时，获取元素的高度
  *
 */
-const _sfc_main$F = {
+const _sfc_main$J = {
   __name: "JsvScreenFlex",
   props: {
     style: Object,
@@ -12442,7 +12881,7 @@ const _sfc_main$F = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", { "data-jsv-vw-innerview": unref(vViewId) }, [
-        createVNode(_sfc_main$G, mergeProps({
+        createVNode(_sfc_main$K, mergeProps({
           ref_key: "rStretchedFlex",
           ref: rStretchedFlex
         }, { ...unref(rConfig) }), {
@@ -12476,7 +12915,7 @@ const _sfc_main$F = {
  *          getHeight():  onSize生效时，获取元素的高度
  *
 */
-const _sfc_main$E = {
+const _sfc_main$I = {
   __name: "JsvFullScrAdjust",
   props: {
     childWidth: {
@@ -12571,7 +13010,7 @@ const _sfc_main$E = {
       }
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$F, {
+      return openBlock(), createBlock(_sfc_main$J, {
         style: {
           flexDirection: "row",
           justifyContent: "center",
@@ -12588,7 +13027,9 @@ const _sfc_main$E = {
               transform: unref(rScaleSet)
             })
           }, [
-            renderSlot(_ctx.$slots, "default")
+            createElementVNode("div", { "data-jsv-vw-as-bound-anchor": "true" }, [
+              renderSlot(_ctx.$slots, "default")
+            ])
           ], 4)
         ]),
         _: 3
@@ -12626,7 +13067,7 @@ const LoopType$1 = {
   LOOP_PART: 3,
   LOOP_SINGLE: 4
 };
-const _sfc_main$D = {
+const _sfc_main$H = {
   props: {
     src: String,
     style: Object,
@@ -12727,7 +13168,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle($props.style)
   }, null, 12, ["src"]);
 }
-const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$7]]);
+const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["render", _sfc_render$7]]);
 /*
  + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvApic/index.js}
@@ -12768,7 +13209,7 @@ const LoopType = {
   LOOP_PART: 3,
   LOOP_SINGLE: 4
 };
-const _sfc_main$C = {
+const _sfc_main$G = {
   props: {
     src: String,
     style: Object,
@@ -12866,7 +13307,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle($props.style)
   }, null, 12, ["src"]);
 }
-const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$6]]);
+const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$6]]);
 /*
  + @file {@link file://./../../../../../utils/JsViewVueWidget/JsvApic/JsvApic2/index.js}
@@ -12877,7 +13318,7 @@ const index = JsvApic2;
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/Cursor.vue}
  */
-const _sfc_main$B = {
+const _sfc_main$F = {
   __name: "Cursor",
   props: {
     left: {
@@ -13443,9 +13884,9 @@ class EditViewOperator {
 }
 /*
- + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/JsvInput.vue?vue&type=style&index=0&scoped=3de0c16d&lang.css}
+ + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/JsvInput.vue?vue&type=style&index=0&scoped=8d88074e&lang.css}
  */
-const JsvInput_vue_vue_type_style_index_0_scoped_3de0c16d_lang = "";
+const JsvInput_vue_vue_type_style_index_0_scoped_8d88074e_lang = "";
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/JsvInput.vue}
@@ -13499,7 +13940,7 @@ const JsvInput_vue_vue_type_style_index_0_scoped_3de0c16d_lang = "";
 *        clear
 *          @description 清空文字
 */
-const _sfc_main$A = {
+const _sfc_main$E = {
   __name: "JsvInput",
   props: {
     name: {
@@ -13597,6 +14038,7 @@ const _sfc_main$A = {
       );
       rInputFinalText.value = dsp_text;
       rInputFinalTextLenth.value = dsp_text.length;
+      rProps.onTextChange?.(dsp_text);
     }
     function _OnCursorPositionChanged(text_left, cursor_left) {
       rTextPosLeft.value = text_left;
@@ -13760,7 +14202,7 @@ const _sfc_main$A = {
               })
             }, toDisplayString(rProps.placeholder), 5)) : createCommentVNode("", true)
           ], 4),
-          rProps.cursorShow ? (openBlock(), createBlock(_sfc_main$B, {
+          rProps.cursorShow ? (openBlock(), createBlock(_sfc_main$F, {
             key: 0,
             ref_key: "rCursorRef",
             ref: rCursorRef,
@@ -13782,9 +14224,9 @@ const _sfc_main$A = {
     };
   }
 };
-const styleSheetsContent$2 = { "3de0c16d": { ".testColor": '{"backgroundColor":"#5d5c76"}' } };
+const styleSheetsContent$2 = { "8d88074e": { ".testColor": '{"backgroundColor":"#5d5c76"}' } };
 window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$2);
-const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-3de0c16d"]]);
+const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__scopeId", "data-v-8d88074e"]]);
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvInput/index.js}
@@ -13852,7 +14294,7 @@ const buildDownloadInfo = (url, net_setting = null, get_image_size) => {
     // 用于格式校验
   };
 };
-const _sfc_main$z = {
+const _sfc_main$D = {
   __name: "JsvPreload",
   props: {
     preloadList: Object,
@@ -13964,13 +14406,11 @@ const _sfc_main$z = {
           return;
         }
         const callback_token = texture.RegisterLoadImageCallback(null, (params) => {
-          console.log(`preload succeed ${image_url}`, params);
           preloadStateList[index] = true;
           preloadResultMap[item.url] = {
             width: params.width,
             height: params.height
           };
-          console.log(`preload succeed ${item.url}, params:${params}`);
           _checkPreload();
         });
         texture.EnableBackgroundLoad();
@@ -14133,7 +14573,7 @@ const _sfc_main$z = {
 *                              height {int}     logo的高度
 *                       }
 */
-const _sfc_main$y = {
+const _sfc_main$C = {
   props: {
     value: String,
     size: Number,
@@ -14266,7 +14706,7 @@ const _sfc_main$y = {
 function _sfc_render$5(_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$y, [["render", _sfc_render$5]]);
+const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$5]]);
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpray/JsvSpray.vue}
@@ -14313,7 +14753,7 @@ const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_rend
  *      @descripe 停止喷射
  *      @param immediate { boolean } 是否立即消除粒子, false时会停止喷射,等待已有粒子消失
 */
-const _sfc_main$x = {
+const _sfc_main$B = {
   __name: "JsvSpray",
   props: {
     pointRes: {
@@ -14710,7 +15150,7 @@ const JsvSpriteAnim_vue_vue_type_style_index_0_scoped_a0fb356d_lang = "";
 *              参数表:
 *                index : 目标帧index/"start"/"end"
 */
-const _sfc_main$w = {
+const _sfc_main$A = {
   __name: "JsvSpriteAnim",
   props: {
     spriteInfo: Object,
@@ -15042,7 +15482,7 @@ const _sfc_main$w = {
 };
 const styleSheetsContent$1 = { "0": { "sprite-tag-a0fb356d": "@keyframes sprite-tag-a0fb356d {}" } };
 window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
-const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-a0fb356d"]]);
+const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["__scopeId", "data-v-a0fb356d"]]);
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteLoader.vue}
@@ -15058,7 +15498,7 @@ const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "d
 *          onConfigReady:  config文件下载完成后的回调(data, PromiseResolve)
 *          noNeedResource: 是否需要等待imageUrl和json记载完毕后再激活子内容, 默认为false, 可设置为true
 */
-const _sfc_main$v = {
+const _sfc_main$z = {
   __name: "JsvSpriteLoader",
   props: {
     imageUrl: String,
@@ -15135,7 +15575,7 @@ const _sfc_main$v = {
         id: "sprite-loader",
         key: unref(resetId)
       }, [
-        createVNode(unref(_sfc_main$z), {
+        createVNode(unref(_sfc_main$D), {
           preloadList: unref(preloadInfo),
           onPreloadDone: unref(_onPreloadDone)
         }, null, 8, ["preloadList", "onPreloadDone"]),
@@ -15261,7 +15701,7 @@ let JsvSpriteTools = {
 *     callback {function} (必须, 可响应式)可视变化时的回调处理, 参数
 *               (old_horizantal_visible, new_horizantal_visible, old_vertical_visible, new_vertical_visible)
 */
-const _sfc_main$u = {
+const _sfc_main$y = {
   __name: "JsvVisibleSensor",
   props: {
     // (支持reactive)可视区域设定
@@ -15384,7 +15824,7 @@ const _sfc_main$u = {
 var JsvVisibleSensor$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  default: _sfc_main$u
+  default: _sfc_main$y
 });
 /*
@@ -15456,8 +15896,8 @@ const keyCode2EdgeDirection = (keyCode) => {
       return null;
   }
 };
-const _sfc_main$t = {
-  components: { JsvActorMove: _sfc_main$J, JsvVisibleSensor },
+const _sfc_main$x = {
+  components: { JsvActorMove: _sfc_main$N, JsvVisibleSensor },
   props: {
     showIndicator: {
       type: Boolean,
@@ -15766,6 +16206,7 @@ const _sfc_main$t = {
     },
     _startAnimation(direction, smooth = false) {
       let duration = this.animation.duration;
+      let easing = this.animation.easing ? this.animation.easing : "linear";
       let curViewAnimation;
       let preViewAnimation;
       switch (this.swipeType) {
@@ -15795,7 +16236,7 @@ const _sfc_main$t = {
               this.vertical ? direction * this.layoutInfo.height : 0,
               0,
               duration,
-              null
+              Forge$2.Easing.str2Easing(easing)
             );
             preViewAnimation = new Forge$2.TranslateAnimation(
               this.vertical ? 0 : direction * this.layoutInfo.width,
@@ -15803,7 +16244,7 @@ const _sfc_main$t = {
               this.vertical ? direction * this.layoutInfo.height : 0,
               0,
               duration,
-              null
+              Forge$2.Easing.str2Easing(easing)
             );
           }
           break;
@@ -15870,81 +16311,1181 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
         onBlur: $options._onBlur,
         onKeyDown: $options._onKeyDown
       }
-    }, {
-      default: withCtx(() => [
-        $props.totalFrame == 1 ? (openBlock(), createElementBlock("div", { key: 0 }, [
-          renderSlot(_ctx.$slots, "itemView", {
-            currentIndex: 0,
-            dataIndex: 0,
-            focused: $setup.focused
-          })
-        ])) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          style: normalizeStyle({
-            width: $props.layoutInfo.width,
-            height: $props.layoutInfo.height,
-            overflow: "hidden"
-          })
-        }, [
-          createElementVNode("div", { style: {
-            zIndex: 0
-          } }, [
-            createElementVNode("div", null, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList($options.viewInfoList, (item, index) => {
-                return openBlock(), createElementBlock("div", {
-                  key: index,
-                  style: normalizeStyle(item.style),
-                  ref_for: true,
-                  ref: "element"
-                }, [
-                  (openBlock(), createElementBlock("div", {
-                    key: item.dataIndex
-                  }, [
-                    renderSlot(_ctx.$slots, "itemView", {
-                      currentIndex: $options.currentDataIndex,
-                      dataIndex: item.dataIndex,
-                      focused: $setup.focused
-                    })
-                  ]))
-                ], 4);
-              }), 128))
-            ])
-          ]),
-          $props.showIndicator ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            style: normalizeStyle($options.indicatorLayout)
+    }, {
+      default: withCtx(() => [
+        $props.totalFrame == 1 ? (openBlock(), createElementBlock("div", { key: 0 }, [
+          renderSlot(_ctx.$slots, "itemView", {
+            currentIndex: 0,
+            dataIndex: 0,
+            focused: $setup.focused
+          })
+        ])) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          style: normalizeStyle({
+            width: $props.layoutInfo.width,
+            height: $props.layoutInfo.height,
+            overflow: "hidden"
+          })
+        }, [
+          createElementVNode("div", { style: {
+            zIndex: 0
+          } }, [
+            createElementVNode("div", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList($options.viewInfoList, (item, index) => {
+                return openBlock(), createElementBlock("div", {
+                  key: index,
+                  style: normalizeStyle(item.style),
+                  ref_for: true,
+                  ref: "element"
+                }, [
+                  (openBlock(), createElementBlock("div", {
+                    key: item.dataIndex
+                  }, [
+                    renderSlot(_ctx.$slots, "itemView", {
+                      currentIndex: $options.currentDataIndex,
+                      dataIndex: item.dataIndex,
+                      focused: $setup.focused
+                    })
+                  ]))
+                ], 4);
+              }), 128))
+            ])
+          ]),
+          $props.showIndicator ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            style: normalizeStyle($options.indicatorLayout)
+          }, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList($options.indexList, (index) => {
+              return openBlock(), createElementBlock("div", {
+                key: index,
+                style: normalizeStyle(
+                  $props.vertical ? { top: $options.indicatorDotSize * index } : { left: $options.indicatorDotSize * index }
+                )
+              }, [
+                renderSlot(_ctx.$slots, "indicatorDot", {
+                  dataIndex: index,
+                  currentIndex: $options.currentDataIndex,
+                  focused: $setup.focused
+                }, () => [
+                  createElementVNode("div", {
+                    style: normalizeStyle({
+                      width: $props.dotSize,
+                      height: $props.dotSize,
+                      backgroundColor: index == $options.currentDataIndex ? "rgba(50, 50, 50, 1.0)" : "rgba(100, 100, 100, 0.7)",
+                      borderRadius: Math.round($props.dotSize / 2) + "px"
+                    })
+                  }, null, 4)
+                ])
+              ], 4);
+            }), 128))
+          ], 4)) : createCommentVNode("", true)
+        ], 4))
+      ]),
+      _: 3
+    }, 8, ["name", "style", "onAction"])
+  ], 64);
+}
+const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$4]]);
+/*
+ + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSwiper/JsvSwiper2.vue}
+ */
+/*
+ * @file
+ *
+ * 【模块 export 内容】
+ * JsvSwiper：Vue高阶组件，图片轮播组件
+ *      props说明:
+ *          showIndicator          {boolean}   是否显示指示点，默认显示
+ *          dotSize          {int}   指示点大小，默认为10px
+ *          dotGap          {int}   指示点之间间隔，默认为10px
+ *          indicatorPos          {int}   指示点位置, 横向时为距顶端的位置，默认为高的80%；
+                                          纵向时为距左端的位置，默认为宽的80%
+ *          indicatorAlign          {String}   指示面板的 align, 值为 start / middle / end，默认为middle
+ *          totalFrame          {int}   (必需)item 的个数
+ *          firstFrame          {int}   初始 item 的 index，默认为0
+ *          layoutInfo          {Object}   (必需)组件的大小及位置 {top: 0, left: 0, width: 0, height: 0}
+ *          onClick           {Function}   点击事件 function () {}
+ *          onChange          {Function}   滚动事件 function (index) {}
+ *          onEdge            {Function}   到达边缘事件 ({direction: EdgeDirection}) => Void
+ *          autoplayInterval          {int}   自动滚动的时间（毫秒），等于0时不自动滚动， 默认为5000
+ *          animation          {Object}   滚动动画设置 {duration: 0, easing: "linear"}
+ *          vertical          {boolean}   组件是否为纵向的，默认为 false
+ *          name          {String}   组件获得焦点的 name
+ *          onFocus          {Function}   获得焦点的回调
+ *          onBlur          {Function}   失去焦点的回调
+ *          swipeType          {String}   切换方式，目前只支持 translate，之后可能会添加 opacity 等方式
+ *          smoothTranslate          {boolean}   平滑模式动画开关
+ *          reverseSwipe      {boolean} 反转滚动方向,默认值为false. 默认滚动方向是正向, 既向index增大的方向, 反转后为反向, 既向index减小的方向
+ *          disableLoopWhenFocus {boolean} 获焦时按键是否循环滚动
+ *     public methods:
+ *          slideTo
+ *          @description 滚动到指定id
+            @params {int} id 目标id
+            @params {int} 方向, 1为正向, -1为负向
+*/
+const _sfc_main$w = {
+  __name: "JsvSwiper2",
+  props: {
+    showIndicator: {
+      type: Boolean,
+      default: true
+    },
+    dotSize: {
+      type: Number,
+      default: 10
+    },
+    dotGap: {
+      type: Number,
+      default: 10
+    },
+    indicatorPos: {
+      type: Number,
+      default: -1
+    },
+    indicatorAlign: {
+      type: String,
+      validator(value) {
+        return ["start", "middle", "end"].includes(value);
+      },
+      default: "middle"
+    },
+    totalFrame: {
+      type: Number,
+      required: true
+    },
+    firstFrame: {
+      type: Number,
+      default: 0
+    },
+    layoutInfo: {
+      type: Object,
+      required: true
+    },
+    onClick: {
+      type: Function
+    },
+    onChange: {
+      type: Function
+    },
+    onEdge: {
+      type: Function
+    },
+    autoplayInterval: {
+      type: Number,
+      default: 5e3
+    },
+    animation: {
+      type: Object,
+      default() {
+        return {
+          duration: 200,
+          easing: "linear"
+        };
+      }
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: String
+    },
+    onFocus: {
+      type: Function
+    },
+    onBlur: {
+      type: Function
+    },
+    swipeType: {
+      type: String,
+      default: "translate"
+    },
+    smoothTranslate: {
+      type: Boolean,
+      default: false
+    },
+    reverseSwipe: {
+      type: Boolean,
+      default: false
+    },
+    disableLoopWhenFocus: {
+      type: Boolean,
+      default: false
+    },
+    itemSize: {
+      type: Object
+    },
+    itemGap: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    function modToRange(value, mod, start = 0) {
+      let m = value % mod;
+      if (m < start) {
+        m += mod;
+      } else if (m >= start + mod) {
+        m -= mod;
+      }
+      return m;
+    }
+    const keyCode2EdgeDirection = (keyCode) => {
+      switch (keyCode) {
+        case 37:
+          return EdgeDirection.left;
+        case 38:
+          return EdgeDirection.top;
+        case 39:
+          return EdgeDirection.right;
+        case 40:
+          return EdgeDirection.bottom;
+        default:
+          console.error("not direction key", keyCode);
+          return null;
+      }
+    };
+    const innerItemSize = computed(() => {
+      return props.itemSize || {
+        width: props.layoutInfo.width,
+        height: props.layoutInfo.height
+      };
+    });
+    const visibleCount = computed(() => {
+      if (props.vertical) {
+        return Math.ceil(
+          (props.layoutInfo.height - innerItemSize.value.height) / 2 / (innerItemSize.value.height + props.itemGap)
+        ) * 2 + 1;
+      } else {
+        return Math.ceil(
+          (props.layoutInfo.width - innerItemSize.value.width) / 2 / (innerItemSize.value.width + props.itemGap)
+        ) * 2 + 1;
+      }
+    });
+    const viewNum = computed(() => {
+      return visibleCount.value + 2;
+    });
+    let controllerList = new Array(viewNum.value);
+    if (props.smoothTranslate) {
+      for (let i = 0; i < controllerList.length; i++) {
+        controllerList[i] = new JsvActorMoveControl();
+      }
+    }
+    const focusBlock = ref();
+    let preOffset = ref(-1);
+    const offset = ref(0);
+    const focused = ref(false);
+    let timeoutHandler = -1;
+    let autoplay = ref(false);
+    const element = ref([]);
+    const indexList = computed(() => {
+      return new Array(props.totalFrame).fill(0).map((_, index) => {
+        return index;
+      });
+    });
+    const indicatorLayout = computed(() => {
+      let indicatorSize = props.totalFrame * (props.dotSize + props.dotGap) - props.dotGap;
+      if (props.vertical) {
+        let top;
+        if (props.indicatorAlign === "start") {
+          top = props.dotGap;
+        } else if (props.indicatorAlign === "end") {
+          top = props.layoutInfo.height - indicatorSize - props.dotGap;
+        } else {
+          top = (props.layoutInfo.height - indicatorSize) / 2;
+        }
+        return {
+          left: props.indicatorPos < 0 ? props.layoutInfo.width * 0.8 : props.indicatorPos,
+          top,
+          zIndex: 1
+        };
+      } else {
+        let left;
+        if (props.indicatorAlign === "start") {
+          left = props.dotGap;
+        } else if (props.indicatorAlign === "end") {
+          left = props.layoutInfo.width - indicatorSize - props.dotGap;
+        } else {
+          left = (props.layoutInfo.width - indicatorSize) / 2;
+        }
+        return {
+          left,
+          top: props.indicatorPos < 0 ? props.layoutInfo.height * 0.8 : props.indicatorPos,
+          zIndex: 1
+        };
+      }
+    });
+    const indicatorDotSize = computed(() => {
+      return props.dotSize + props.dotGap;
+    });
+    const currentDataIndex = computed(() => {
+      return modToRange(props.firstFrame + offset.value, props.totalFrame);
+    });
+    const currentViewIndex = computed(() => {
+      return modToRange(
+        offset.value + Math.floor(viewNum.value / 2),
+        viewNum.value
+      );
+    });
+    const viewInfoList = computed(() => {
+      let viewList = [];
+      let widgetSize = props.vertical ? props.layoutInfo.height : props.layoutInfo.width;
+      let itemSize = props.vertical ? innerItemSize.value.height : innerItemSize.value.width;
+      let totalSize = itemSize * viewNum.value + props.itemGap * (viewNum.value - 1);
+      let min = (widgetSize - totalSize) / 2;
+      let centerIndex = Math.floor(viewNum.value / 2);
+      for (let i = 0; i < viewNum.value; i++) {
+        let pos = modToRange(i - offset.value, viewNum.value);
+        const style = {
+          top: props.vertical ? min + pos * itemSize + pos * props.itemGap : 0,
+          left: props.vertical ? 0 : min + pos * itemSize + pos * props.itemGap,
+          width: props.layoutInfo.width,
+          height: props.layoutInfo.height
+        };
+        viewList.push({
+          dataIndex: modToRange(
+            currentDataIndex.value + (pos - centerIndex),
+            props.totalFrame
+          ),
+          style,
+          distanceToCenter: pos - centerIndex
+        });
+      }
+      return viewList;
+    });
+    watch(offset, (newValue) => {
+      props.onChange?.(modToRange(props.firstFrame + newValue, props.totalFrame));
+    });
+    watch(() => currentDataIndex.value, (newVal, oldVal) => {
+      console.log("currentDataIndex变化:", oldVal, "->", newVal);
+    });
+    const getFocusBlockRef = () => {
+      return focusBlock;
+    };
+    const stopAutoplay = () => {
+      autoplay.value = false;
+      clearInterval(timeoutHandler);
+      timeoutHandler = -1;
+    };
+    const startAutoplay = () => {
+      if (props.autoplayInterval > 0 && props.totalFrame > 1) {
+        autoplay.value = true;
+        if (timeoutHandler > 0) {
+          clearInterval(timeoutHandler);
+        }
+        timeoutHandler = setInterval(() => {
+          _trigger(props.reverseSwipe ? -1 : 1);
+        }, props.autoplayInterval);
+      }
+    };
+    const slideTo = (id, direction = 0) => {
+      const curId = modToRange(props.firstFrame + offset.value, props.totalFrame);
+      if (curId != id) {
+        let d;
+        if (direction != 0) {
+          d = direction;
+        } else {
+          d = id - curId;
+        }
+        _trigger(
+          modToRange(
+            id - curId,
+            props.totalFrame,
+            d > 0 ? 0 : -props.totalFrame + 1
+          )
+        );
+      }
+    };
+    const _onKeyDown = (ev) => {
+      let direction = 0;
+      switch (ev.keyCode) {
+        case 37:
+          if (!props.vertical) {
+            direction = -1;
+          }
+          break;
+        case 38:
+          if (props.vertical) {
+            direction = -1;
+          }
+          break;
+        case 39:
+          if (!props.vertical) {
+            direction = 1;
+          }
+          break;
+        case 40:
+          if (props.vertical) {
+            direction = 1;
+          }
+          break;
+        case 13:
+          props.onClick?.(currentDataIndex.value);
+          return true;
+        default:
+          return false;
+      }
+      if (direction !== 0) {
+        if (!props.disableLoopWhenFocus) {
+          _trigger(direction);
+          return true;
+        } else {
+          if (currentDataIndex.value + direction >= 0 && currentDataIndex.value + direction < props.totalFrame) {
+            _trigger(direction);
+            return true;
+          }
+        }
+      }
+      props.onEdge?.({
+        direction: keyCode2EdgeDirection(ev.keyCode),
+        rect: {
+          x: props.layoutInfo.left,
+          y: props.layoutInfo.top,
+          width: props.layoutInfo.width,
+          height: props.layoutInfo.height
+        }
+      });
+      return true;
+    };
+    const _onAnimationEnd = () => {
+    };
+    const _onFocus = () => {
+      focused.value = true;
+      stopAutoplay();
+      props.onFocus?.();
+    };
+    const _onBlur = () => {
+      focused.value = false;
+      startAutoplay();
+      props.onBlur?.();
+    };
+    const _getAnimation = (direction, smooth, addListener) => {
+      let easing = props.animation.easing ? props.animation.easing : "linear";
+      let anim;
+      if (smooth) {
+        const speed = (props.vertical ? props.layoutInfo.height : props.layoutInfo.width) / props.animation.duration * 1e3;
+        anim = new Forge$2.TranslateFrameAnimation(
+          props.vertical ? direction * (props.itemSize.height + props.itemGap) : direction * (props.itemSize.width + props.itemGap),
+          0,
+          speed,
+          !props.vertical,
+          props.vertical ? 0 : direction * (props.itemSize.width + props.itemGap),
+          props.vertical ? direction * (props.itemSize.height + props.itemGap) : 0
+        );
+      } else {
+        anim = new Forge$2.TranslateAnimation(
+          props.vertical ? 0 : direction * (props.itemSize.width + props.itemGap),
+          0,
+          props.vertical ? direction * (props.itemSize.height + props.itemGap) : 0,
+          0,
+          props.animation.duration,
+          Forge$2.Easing.str2Easing(easing)
+        );
+      }
+      if (addListener) {
+        anim.SetAnimationListener(
+          new Forge$2.AnimationListener(null, _onAnimationEnd, null)
+        );
+      }
+      return anim;
+    };
+    const _startAnimation = (direction, smooth = false) => {
+      switch (props.swipeType) {
+        case "translate":
+          let startIndex = currentViewIndex.value - (visibleCount.value - 1) / 2 + (direction > 0 ? -1 : 0);
+          let endIndex = currentViewIndex.value + (visibleCount.value - 1) / 2 + (direction > 0 ? 0 : 1);
+          for (let i = startIndex; i <= endIndex; ++i) {
+            element.value?.[i == currentViewIndex.value ? currentViewIndex.value : modToRange(i, viewNum.value)]?.jsvGetProxyView(true).StartAnimation(
+              _getAnimation(direction, smooth, i == currentViewIndex.value)
+            );
+          }
+          break;
+        case "opacity":
+          break;
+        default:
+          break;
+      }
+    };
+    const _trigger = (direction) => {
+      if (props.totalFrame <= 1)
+        return;
+      preOffset.value = offset.value;
+      offset.value += direction;
+      _startAnimation(direction > 0 ? 1 : -1, props.smoothTranslate);
+    };
+    const onBeVisible = (old_h, new_h, old_v, new_v) => {
+      if (old_h && !new_h || old_v && !new_h) {
+        stopAutoplay();
+      } else if (!old_h && new_h || !old_v && new_h) {
+        if (!focused.value) {
+          startAutoplay();
+        }
+      }
+    };
+    onMounted(() => {
+      if (!focused.value) {
+        startAutoplay();
+      }
+    });
+    onBeforeUnmount(() => {
+      stopAutoplay();
+    });
+    expose({
+      getFocusBlockRef,
+      slideTo
+    });
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(JsvVisibleSensor), {
+          horizonShown: 0.2,
+          verticalShown: 0.2,
+          width: __props.layoutInfo.width,
+          height: __props.layoutInfo.height,
+          enable: true,
+          callback: onBeVisible
+        }, null, 8, ["horizonShown", "verticalShown", "width", "height"]),
+        createVNode(_component_jsv_focus_block, {
+          ref_key: "focusBlock",
+          ref: focusBlock,
+          name: __props.name,
+          style: normalizeStyle({
+            left: __props.layoutInfo.left,
+            top: __props.layoutInfo.top,
+            width: __props.layoutInfo.width,
+            height: __props.layoutInfo.height
+          }),
+          onAction: {
+            onFocus: _onFocus,
+            onBlur: _onBlur,
+            onKeyDown: _onKeyDown
+          }
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", {
+              style: normalizeStyle({
+                width: __props.layoutInfo.width,
+                height: __props.layoutInfo.height,
+                overflow: "hidden"
+              })
+            }, [
+              createElementVNode("div", { style: {
+                zIndex: 0
+              } }, [
+                createElementVNode("div", null, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(viewInfoList), (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      style: normalizeStyle(item.style),
+                      ref_for: true,
+                      ref_key: "element",
+                      ref: element
+                    }, [
+                      (openBlock(), createElementBlock("div", {
+                        key: item.dataIndex
+                      }, [
+                        renderSlot(_ctx.$slots, "itemView", {
+                          currentIndex: unref(currentDataIndex),
+                          dataIndex: item.dataIndex,
+                          focused: focused.value,
+                          distanceToCenter: item.distanceToCenter
+                        })
+                      ]))
+                    ], 4);
+                  }), 128))
+                ])
+              ]),
+              __props.showIndicator ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                style: normalizeStyle(unref(indicatorLayout))
+              }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(unref(indexList), (index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: index,
+                    style: normalizeStyle(
+                      __props.vertical ? { top: unref(indicatorDotSize) * index } : { left: unref(indicatorDotSize) * index }
+                    )
+                  }, [
+                    renderSlot(_ctx.$slots, "indicatorDot", {
+                      dataIndex: index,
+                      currentIndex: unref(currentDataIndex),
+                      focused: focused.value
+                    }, () => [
+                      createElementVNode("div", {
+                        style: normalizeStyle({
+                          width: __props.dotSize,
+                          height: __props.dotSize,
+                          backgroundColor: index == unref(currentDataIndex) ? "rgba(50, 50, 50, 1.0)" : "rgba(100, 100, 100, 0.7)",
+                          borderRadius: Math.round(__props.dotSize / 2) + "px"
+                        })
+                      }, null, 4)
+                    ])
+                  ], 4);
+                }), 128))
+              ], 4)) : createCommentVNode("", true)
+            ], 4)
+          ]),
+          _: 3
+        }, 8, ["name", "style", "onAction"])
+      ], 64);
+    };
+  }
+};
+/*
+ + @file {@link file://./../../../utils/JsViewVueWidget/JsvSmoothSlideContainer.vue}
+ */
+const _sfc_main$v = {
+  __name: "JsvSmoothSlideContainer",
+  props: {
+    initPosition: {
+      type: Array,
+      default: () => [0, 0]
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    const ReachConditionGroup = 2;
+    const root = shallowRef();
+    const actorControl = new ActorControl();
+    let preTarget = props.initPosition;
+    let curTarget = props.initPosition;
+    onMounted(() => {
+      actorControl.bindForgeView(root.value.jsvGetProxyView(), true);
+      actorControl.run((cmds) => [
+        cmds.action().teleportTo(props.initPosition[0], props.initPosition[1])
+      ]);
+    });
+    let curSpeed = 0;
+    const moveTo = (speed, x, y, onReach, prex, prey, onPreReach) => {
+      if (x == curTarget[0] && y == curTarget[1] && curSpeed == speed) {
+        return;
+      }
+      curSpeed = speed;
+      let targetX = void 0;
+      let targetY = void 0;
+      let preTargetX = void 0;
+      let preTargetY = void 0;
+      let speedX = void 0;
+      let speedY = void 0;
+      preTarget = [curTarget[0], curTarget[1]];
+      curTarget = [x, y];
+      const vec = [x - preTarget[0], y - preTarget[1]];
+      const module = Math.sqrt(vec[0] * vec[0] + vec[1] * vec[1]);
+      if (vec[0] != 0) {
+        speedX = vec[0] / module * speed;
+        targetX = x;
+        preTargetX = prex;
+      } else if (vec[1] != 0) {
+        speedY = vec[1] / module * speed;
+        targetY = y;
+        preTargetY = prey;
+      }
+      actorControl.run((cmds) => [
+        cmds.state().removeConditionByGroup(ReachConditionGroup),
+        cmds.action(0, 0).setSpeed(speedX, speedY),
+        cmds.condition(ReachConditionGroup).reachPosition(preTargetX, preTargetY).then([onPreReach]),
+        cmds.condition(ReachConditionGroup).reachPosition(targetX, targetY).then([onReach])
+      ]);
+    };
+    const brakeTo = (x, y) => {
+      actorControl.run((cmds) => [cmds.action(3, 0).brakeToPosition(x, y)]);
+    };
+    const stop = () => {
+      actorControl.run((cmds) => [cmds.action().setSpeed(0, 0)]);
+    };
+    const setSpeed = (speedX, speedY) => {
+      actorControl.run((cmds) => [cmds.action().setSpeed(speedX, speedY)]);
+    };
+    expose({
+      moveTo,
+      brakeTo,
+      stop,
+      setSpeed
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "root",
+        ref: root
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
+  }
+};
+/*
+ + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSwiper/JsvSmoothSwiper.vue}
+ */
+/*
+ * @file
+ *
+ * 【模块 export 内容】
+ * JsvSmoothSwiper：Vue高阶组件，平滑滚动轮播组件
+ *      props说明:
+ *          totalFrame          {int}   (必需)item 的个数
+ *          firstFrame          {int}   初始 item 的 index，默认为0
+ *          layoutInfo          {Object}   (必需)组件的大小及位置 {top: 0, left: 0, width: 0, height: 0}
+ *          onClick           {Function}   点击事件 function () {}
+ *          onChange          {Function}   滚动事件 function (index) {}
+ *          onEdge            {Function}   到达边缘事件 ({direction: EdgeDirection}) => Void
+ *          autoplayInterval          {int}   自动滚动的时间（毫秒），等于0时不自动滚动， 默认为5000
+ *          enableAutoplay          {boolean}   是否启用自动滚动，默认为false
+ *          animation          {Object}   滚动动画设置 {duration: 0, easing: "linear"}
+ *          vertical          {boolean}   组件是否为纵向的，默认为 false
+ *          name          {String}   组件获得焦点的 name
+ *          onFocus          {Function}   获得焦点的回调
+ *          onBlur          {Function}   失去焦点的回调
+ *          reverseSwipe      {boolean} 反转滚动方向,默认值为false. 默认滚动方向是正向, 既向index增大的方向, 反转后为反向, 既向index减小的方向
+ *          itemSize          {Object}   item的大小 {width: 0, height: 0}
+ *          itemGap          {int}   item之间的间隔，默认为0
+ *          padding          {Object}   内边距 {left: 0, top: 0, right: 0, bottom: 0}
+*/
+const _sfc_main$u = {
+  __name: "JsvSmoothSwiper",
+  props: {
+    totalFrame: {
+      type: Number,
+      required: true
+    },
+    firstFrame: {
+      type: Number,
+      default: 0
+    },
+    layoutInfo: {
+      type: Object,
+      required: true
+    },
+    onClick: {
+      type: Function
+    },
+    onChange: {
+      type: Function
+    },
+    onEdge: {
+      type: Function
+    },
+    autoplayInterval: {
+      type: Number,
+      default: 5e3
+    },
+    enableAutoplay: {
+      type: Boolean,
+      default: false
+    },
+    animation: {
+      type: Object,
+      default() {
+        return {
+          duration: 200,
+          easing: "linear"
+        };
+      }
+    },
+    vertical: {
+      type: Boolean,
+      default: false
+    },
+    name: {
+      type: String
+    },
+    onFocus: {
+      type: Function
+    },
+    onBlur: {
+      type: Function
+    },
+    reverseSwipe: {
+      type: Boolean,
+      default: false
+    },
+    itemSize: {
+      type: Object
+    },
+    itemGap: {
+      type: Number,
+      default: 0
+    },
+    padding: {
+      type: Object
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const root = shallowRef();
+    const childDivList = ref([]);
+    window.test = childDivList;
+    const focused = shallowRef(false);
+    const currentIndex = shallowRef(props.firstFrame);
+    const targetIndex = shallowRef(props.firstFrame);
+    const currentDataIndex = computed(() => {
+      return modToRange(currentIndex.value, props.totalFrame);
+    });
+    const keyCode2EdgeDirection = (keyCode) => {
+      switch (keyCode) {
+        case 37:
+          return EdgeDirection.left;
+        case 38:
+          return EdgeDirection.top;
+        case 39:
+          return EdgeDirection.right;
+        case 40:
+          return EdgeDirection.bottom;
+        default:
+          console.error("not direction key", keyCode);
+          return null;
+      }
+    };
+    function modToRange(value, mod, start = 0) {
+      let m = value % mod;
+      if (m < start) {
+        m += mod;
+      } else if (m >= start + mod) {
+        m -= mod;
+      }
+      return m;
+    }
+    const innerPadding = computed(() => {
+      return Object.assign(
+        {
+          left: 0,
+          top: 0,
+          right: 0,
+          bottom: 0
+        },
+        props.padding
+      );
+    });
+    const innerItemSize = computed(() => {
+      return props.itemSize || {
+        width: props.layoutInfo.width,
+        height: props.layoutInfo.height
+      };
+    });
+    const centerOffset = computed(() => {
+      return props.vertical ? (props.layoutInfo.height - (innerPadding.value.top + innerPadding.value.bottom) - innerItemSize.value.height) / 2 : (props.layoutInfo.width - (innerPadding.value.left + innerPadding.value.right) - innerItemSize.value.width) / 2;
+    });
+    const itemStart = (index) => {
+      return props.vertical ? index * props.itemSize.height + index * props.itemGap : index * props.itemSize.width + index * props.itemGap;
+    };
+    const visibleCount = computed(() => {
+      if (props.vertical) {
+        return Math.ceil(
+          (props.layoutInfo.height - innerItemSize.value.height) / 2 / (innerItemSize.value.height + props.itemGap)
+        ) * 2 + 1;
+      } else {
+        return Math.ceil(
+          (props.layoutInfo.width - innerItemSize.value.width) / 2 / (innerItemSize.value.width + props.itemGap)
+        ) * 2 + 1;
+      }
+    });
+    const viewNum = computed(() => {
+      return visibleCount.value + 2;
+    });
+    const viewNumOneSide = computed(() => {
+      return Math.floor(viewNum.value / 2);
+    });
+    let xInitPosition = 0;
+    let yInitPosition = 0;
+    if (props.vertical) {
+      yInitPosition = -itemStart(currentIndex.value) + centerOffset.value;
+    } else {
+      xInitPosition = -itemStart(currentIndex.value) + centerOffset.value;
+    }
+    const initDivList = () => {
+      prepareDiv(currentIndex.value, -1);
+      prepareDiv(currentIndex.value, 1);
+    };
+    const addDiv = (divInfo) => {
+      for (let i of childDivList.value) {
+        if (i.id === divInfo.id) {
+          return;
+        }
+      }
+      childDivList.value.push(divInfo);
+    };
+    const cleanInvisibleDiv = () => {
+      childDivList.value = childDivList.value.filter(
+        (item) => item.id >= currentIndex.value - viewNumOneSide.value && item.id <= currentIndex.value + viewNumOneSide.value
+      );
+    };
+    const prepareDiv = (index, toward = 1) => {
+      const start = Math.min(index, index + toward * viewNumOneSide.value);
+      const end = Math.max(index, index + toward * viewNumOneSide.value);
+      for (let i = start; i <= end; ++i) {
+        const divInfo = {
+          id: i,
+          left: itemStart(i),
+          top: 0,
+          width: props.itemSize.width,
+          height: props.itemSize.height,
+          dataIndex: modToRange(i, props.totalFrame)
+        };
+        addDiv(divInfo);
+      }
+    };
+    let intervalId = null;
+    const startAutoplay = () => {
+      intervalId = setInterval(() => {
+        const toward = props.reverseSwipe ? -1 : 1;
+        moveTo(curTargetIndex + toward, lowSpeed.value);
+      }, props.autoplayInterval);
+    };
+    const stopAutoplay = () => {
+      clearInterval(intervalId);
+    };
+    const onFocus = () => {
+      focused.value = true;
+      stopAutoplay();
+    };
+    const onBlur = () => {
+      focused.value = false;
+      if (props.enableAutoplay && props.autoplayInterval > 0) {
+        startAutoplay();
+      }
+    };
+    const getSlidePosByIndex = (index) => {
+      return -itemStart(index) + centerOffset.value;
+    };
+    let preTargetIndex = props.firstFrame;
+    let curTargetIndex = props.firstFrame;
+    let curMoveDirection = 0;
+    let moveSpeed = 0;
+    let moveDirection = 0;
+    const moveTo = (index, speed) => {
+      if (index == curTargetIndex && speed == moveSpeed) {
+        return;
+      }
+      moveSpeed = speed;
+      if (index != curTargetIndex) {
+        preTargetIndex = curTargetIndex;
+        curTargetIndex = index;
+      }
+      moveDirection = Math.sign(curTargetIndex - preTargetIndex);
+      let targetX = 0;
+      let targetY = 0;
+      let halfTargetX = 0;
+      let halfTargetY = 0;
+      if (props.vertical) {
+        targetY = getSlidePosByIndex(curTargetIndex);
+        let preTargetY = getSlidePosByIndex(preTargetIndex);
+        halfTargetY = (targetY + preTargetY) / 2;
+      } else {
+        targetX = getSlidePosByIndex(curTargetIndex);
+        let preTargetX = getSlidePosByIndex(preTargetIndex);
+        halfTargetX = (targetX + preTargetX) / 2;
+      }
+      prepareDiv(index, moveDirection);
+      root.value.moveTo(
+        speed,
+        targetX,
+        targetY,
+        onReach(index, curMoveDirection),
+        halfTargetX,
+        halfTargetY,
+        onBeforeReach(index, curMoveDirection)
+      );
+      moveInfo.moving = true;
+    };
+    const brakeTo = (index) => {
+      let targetX = void 0;
+      let targetY = void 0;
+      if (props.vertical) {
+        targetY = getSlidePosByIndex(index);
+      } else {
+        targetX = getSlidePosByIndex(index);
+      }
+      root.value.brakeTo(targetX, targetY);
+    };
+    const onReach = (index, toward) => {
+      return () => {
+        moveInfo.reachedIndex = index;
+        if (keyInfo.keyRepeat) {
+          moveTo(
+            curTargetIndex + Math.sign(curTargetIndex - preTargetIndex),
+            moveSpeed
+          );
+        } else {
+          moveInfo.moving = false;
+          moveSpeed = 0;
+          cleanInvisibleDiv();
+          if (curTargetIndex === index) {
+            root.value?.stop();
+          }
+        }
+      };
+    };
+    const onBeforeReach = (index, toward) => {
+      return () => {
+        currentIndex.value = index;
+        props.onChange?.(currentDataIndex.value);
+        if (!keyInfo.keyRepeat) {
+          if (curTargetIndex === index) {
+            brakeTo(index);
+          }
+        }
+      };
+    };
+    let moveInfo = {
+      reachedIndex: props.firstFrame,
+      preReached: false,
+      toward: 0,
+      moving: false,
+      moveSpeed: 0,
+      targetIndex: 0
+    };
+    const lowSpeed = computed(() => {
+      return (props.verticals ? props.itemSize.height : props.itemSize.width) / (60 * props.animation.duration / 1e3);
+    });
+    const highSpeed = computed(() => {
+      return 2 * lowSpeed.value;
+    });
+    const keyInfo = {
+      keyCode: 0,
+      keyRepeat: false
+    };
+    const onKeyDown = (ev) => {
+      if (ev.keyCode == 13) {
+        if (!moveInfo.moving) {
+          props.onClick?.(currentDataIndex.value);
+        }
+        return true;
+      }
+      if (ev.keyCode != 37 && ev.keyCode != 38 && ev.keyCode != 39 && ev.keyCode != 40) {
+        return false;
+      }
+      let toward = 0;
+      if (props.vertical) {
+        toward = ev.keyCode == 38 ? -1 : ev.keyCode == 40 ? 1 : 0;
+      } else {
+        toward = ev.keyCode == 37 ? -1 : ev.keyCode == 39 ? 1 : 0;
+      }
+      if (toward == 0) {
+        props.onEdge?.({
+          direction: keyCode2EdgeDirection(ev.keyCode),
+          rect: {
+            x: props.layoutInfo.left,
+            y: props.layoutInfo.top,
+            width: props.layoutInfo.width,
+            height: props.layoutInfo.height
+          }
+        });
+        return true;
+      }
+      keyInfo.keyCode = ev.keyCode;
+      keyInfo.keyRepeat = ev.repeat;
+      if (moveInfo.moving) {
+        if (ev.repeat) {
+          if (moveSpeed != highSpeed.value) {
+            moveSpeed = highSpeed.value;
+            root.value?.setSpeed(
+              props.vertical ? void 0 : -toward * highSpeed.value,
+              props.vertical ? -toward * highSpeed.value : void 0
+            );
+          }
+          return true;
+        }
+        if (toward == moveDirection) {
+          if (currentIndex.value == curTargetIndex) {
+            moveTo(curTargetIndex + toward, highSpeed.value);
+          }
+        } else {
+          moveTo(curTargetIndex + toward, lowSpeed.value);
+        }
+      } else {
+        moveTo(curTargetIndex + toward, lowSpeed.value);
+      }
+      return true;
+    };
+    const onKeyUp = (ev) => {
+      let targetKey = false;
+      switch (ev.keyCode) {
+        case 37:
+          targetKey = true;
+          break;
+        case 39:
+          targetKey = true;
+          break;
+        case 38:
+          targetKey = true;
+          break;
+        case 40:
+          targetKey = true;
+          break;
+        default:
+          break;
+      }
+      if (targetKey) {
+        if (keyInfo.keyCode != ev.keyCode) {
+          return true;
+        }
+        keyInfo.keyRepeat = false;
+        if (moveInfo.moving) {
+          brakeTo(curTargetIndex);
+        }
+        return true;
+      }
+      return false;
+    };
+    onMounted(() => {
+      initDivList();
+    });
+    return (_ctx, _cache) => {
+      const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
+      return openBlock(), createBlock(_component_jsv_focus_block, {
+        name: __props.name,
+        onAction: { onFocus, onBlur, onKeyDown, onKeyUp }
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            style: normalizeStyle({
+              width: props.layoutInfo.width,
+              height: props.layoutInfo.height,
+              overflow: "hidden"
+            })
           }, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList($options.indexList, (index) => {
-              return openBlock(), createElementBlock("div", {
-                key: index,
-                style: normalizeStyle(
-                  $props.vertical ? { top: $options.indicatorDotSize * index } : { left: $options.indicatorDotSize * index }
-                )
-              }, [
-                renderSlot(_ctx.$slots, "indicatorDot", {
-                  dataIndex: index,
-                  currentIndex: $options.currentDataIndex,
-                  focused: $setup.focused
-                }, () => [
-                  createElementVNode("div", {
-                    style: normalizeStyle({
-                      width: $props.dotSize,
-                      height: $props.dotSize,
-                      backgroundColor: index == $options.currentDataIndex ? "rgba(50, 50, 50, 1.0)" : "rgba(100, 100, 100, 0.7)",
-                      borderRadius: Math.round($props.dotSize / 2) + "px"
-                    })
-                  }, null, 4)
-                ])
-              ], 4);
-            }), 128))
-          ], 4)) : createCommentVNode("", true)
-        ], 4))
-      ]),
-      _: 3
-    }, 8, ["name", "style", "onAction"])
-  ], 64);
-}
-const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$4]]);
+            createElementVNode("div", {
+              style: normalizeStyle({
+                left: unref(innerPadding).left,
+                top: unref(innerPadding).top
+              })
+            }, [
+              createVNode(_sfc_main$v, {
+                ref_key: "root",
+                ref: root,
+                initPosition: [unref(xInitPosition), unref(yInitPosition)]
+              }, {
+                default: withCtx(() => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(childDivList.value, (item) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: item.id,
+                      style: normalizeStyle({
+                        left: item.left,
+                        top: item.top,
+                        width: item.width,
+                        height: item.height
+                      })
+                    }, [
+                      renderSlot(_ctx.$slots, "itemView", {
+                        currentIndex: unref(currentDataIndex),
+                        dataIndex: item.dataIndex,
+                        focused: unref(focused)
+                      })
+                    ], 4);
+                  }), 128))
+                ]),
+                _: 3
+              }, 8, ["initPosition"])
+            ], 4)
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["name", "onAction"]);
+    };
+  }
+};
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvSwiper/index.js}
@@ -15972,7 +17513,7 @@ const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_rend
  *          sideScale         {float}   边缘缩小倍数
  *          initItemStyle    {Object}   (必需)中间最大项的style{width,height}
 */
-const _sfc_main$s = {
+const _sfc_main$t = {
   __name: "JsvSwiper",
   props: {
     dispNumber: { type: Number, require: true },
@@ -16411,7 +17952,7 @@ const STATE_IDLE = 0;
 const STATE_RUNNING = 1;
 const STATE_PAUSED = 2;
 const STATE_END = 3;
-const _sfc_main$r = {
+const _sfc_main$s = {
   props: {
     src: String,
     top: Number,
@@ -16451,6 +17992,11 @@ const _sfc_main$r = {
         this._updateTexCoord();
       },
       deep: true
+    },
+    transform: {
+      handler(newValue, oldValue) {
+        this.innerView.ResetTextureCssTransform(newValue, this.transformOrigin);
+      }
     }
   },
   setup() {
@@ -16559,7 +18105,7 @@ const _sfc_main$r = {
       if (normal_end) {
         this.runningState = STATE_END;
       }
-      this.onAnimationEnd?.();
+      this.onAnimationEnd?.(normal_end);
     },
     _updateTexCoord() {
       if (this.texCoord) {
@@ -16579,12 +18125,12 @@ const _sfc_main$r = {
         }
       }
     },
-    _buildAnimation() {
-      if (this.animation) {
+    _buildAnimation(a) {
+      if (a) {
         let anim = new Forge$2.CssKeyframeAnimation(
-          "@keyframes texAnimDef" + this.animation,
+          "@keyframes texAnimDef" + a,
           this.duration,
-          null,
+          Forge$2.Easing.str2Easing(this.easing),
           1,
           1
         );
@@ -16598,9 +18144,10 @@ const _sfc_main$r = {
         return null;
       }
     },
-    start() {
+    start(customAnim) {
       if (this.innerView) {
-        let anim = this._buildAnimation();
+        const a = customAnim ?? this.animation;
+        let anim = this._buildAnimation(a);
         if (anim) {
           this.runningState = STATE_RUNNING;
           this.innerView.StartTextureAnimation(anim);
@@ -16654,7 +18201,7 @@ const _sfc_main$r = {
   },
   activated() {
     if (this.innerView && this.runningState == STATE_PAUSED) {
-      let anim = this._buildAnimation();
+      let anim = this._buildAnimation(this.animation);
       this.innerView.StartTextureAnimation(anim);
     }
   },
@@ -16679,7 +18226,7 @@ function _sfc_render$3(_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$r, [["render", _sfc_render$3]]);
+const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$3]]);
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvTextureAnim/index.js}
@@ -16703,7 +18250,7 @@ const TexAlignAnchor = JsvTextureAnim.TexAlignAnchor;
  *                                null: 无滤镜
  *                                "gray-down": 黑白滤镜(公祭日滤镜)
 */
-const _sfc_main$q = {
+const _sfc_main$r = {
   __name: "JsvFilterView",
   props: {
     width: {
@@ -16854,7 +18401,7 @@ class LineType extends UpdateType {
     this.end = end;
   }
 }
-const _sfc_main$p = {
+const _sfc_main$q = {
   props: {
     left: {
       type: Number
@@ -17354,7 +18901,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["name", "onAction", "style"]);
 }
-const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$2]]);
+const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$2]]);
 /*
  + @file {@link file://./../../../utils/JsViewVueWidget/JsvNativeSharedDiv.vue}
@@ -17372,7 +18919,7 @@ const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render
 *     @param {number} oversize  为了去除黑边的调整选项，让native video的尺寸信息比扣洞大多少, 默认为0
 *     @param {boolean} frontLayer 视图是在JsView界面前方，不是需要扣洞的后方，默认为false
 */
-const _sfc_main$o = {
+const _sfc_main$p = {
   __name: "JsvNativeSharedDiv",
   props: {
     style: {
@@ -17459,7 +19006,7 @@ const _sfc_main$o = {
           top: __props.style.top
         })
       }, [
-        unref(vNinePatchSet) != null ? (openBlock(), createBlock(_sfc_main$S, {
+        unref(vNinePatchSet) != null ? (openBlock(), createBlock(_sfc_main$W, {
           key: 0,
           style: normalizeStyle({
             width: __props.style.width,
@@ -17517,7 +19064,7 @@ const _sfc_main$o = {
  * 说明
  * JsvMarquee会识别阿拉伯字符自动设置direction
 */
-const _sfc_main$n = {
+const _sfc_main$o = {
   __name: "JsvMarquee",
   props: {
     text: {
@@ -17921,7 +19468,7 @@ const _sfc_main$n = {
  *          maskHeight{double}     蒙版相对于被遮罩图片高度的百分比(蒙版的高度 / 被遮罩图片的宽)
  *
 */
-const _sfc_main$m = {
+const _sfc_main$n = {
   props: {
     class: {
       type: String
@@ -18057,7 +19604,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 12, ["data-jsv-vw-innerview"]);
 }
-const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$1]]);
+const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$1]]);
 /*
  + @file {@link file://./../../../utils/JsViewVueWidget/JsvPosterDiv.vue}
@@ -18075,7 +19622,7 @@ const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc
  *                          的style设置
  *      enableAA: {boolean} 启用非全局的抗锯齿处理，不过这个处理会使绘制的矩形比原尺寸每边少2~3像素点
 */
-const _sfc_main$l = {
+const _sfc_main$m = {
   __name: "JsvPosterDiv",
   props: {
     style: Object,
@@ -18134,7 +19681,7 @@ const _sfc_main$l = {
  *      isPosterImage:      标识是否用于海报位，对于海报位的内容，可以有下载线程控制等策略来优化整体体验
  *      enableAA: {boolean} 启用非全局的抗锯齿处理，不过这个处理会使绘制的矩形比原尺寸每边少2~3像素点
 */
-const _sfc_main$k = {
+const _sfc_main$l = {
   __name: "JsvPosterImage",
   props: {
     colorSpace: {
@@ -18232,7 +19779,7 @@ const _sfc_main$k = {
  *          definitionScale   内部文字被放大的倍数，写法为"1.0x", "1.6x"
  *          其他    同div的其他props，例如style, class等
 */
-const _sfc_main$j = {
+const _sfc_main$k = {
   props: {
     definitionScale: {
       type: String
@@ -18244,7 +19791,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$j, [["render", _sfc_render]]);
+const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render]]);
 /*
  + @file {@link file://./../../../utils/JsViewVueWidget/JsvSoundPool.js}
@@ -18256,20 +19803,52 @@ class AudioController {
     this._SoundId = soundId;
     this._Url = url;
     this._StreamId = -1;
+    this._StreamStartTime = 0;
+    this._SubStreamId = -1;
+    this._SubStreamStartTime = 0;
+    this._LatestStreamStartTime = 0;
     this._Rate = 1;
     this._Loop = 0;
     this._LeftVolume = 1;
     this._RightVolume = 1;
     this._Priority = 0;
+    this._FastRepeatGap = 0;
+  }
+  enableFastRepeat(mini_gap) {
+    this._FastRepeatGap = mini_gap;
   }
   /**
      * @description: 播放音频
      */
   play() {
+    if (this._FastRepeatGap == 0) {
+      this._playMainStream(0);
+    } else {
+      let now = Date.now();
+      if (now - this._LatestStreamStartTime > this._FastRepeatGap / 2 && now - this._StreamStartTime > this._FastRepeatGap) {
+        this._playMainStream(now);
+      } else {
+        if (now - this._LatestStreamStartTime > this._FastRepeatGap / 2 && now - this._SubStreamStartTime > this._FastRepeatGap) {
+          this._playSubStream(now);
+        }
+      }
+    }
+  }
+  _playMainStream(now) {
     if (this._StreamId !== -1) {
       this._SoundPool.stop(this._StreamId);
     }
     this._StreamId = this._SoundPool.play(this._SoundId, this._LeftVolume, this._RightVolume, this._Priority, this._Loop, this._Rate);
+    this._StreamStartTime = now;
+    this._LatestStreamStartTime = now;
+  }
+  _playSubStream(now) {
+    if (this._SubStreamId !== -1) {
+      this._SoundPool.stop(this._SubStreamId);
+    }
+    this._SubStreamId = this._SoundPool.play(this._SoundId, this._LeftVolume, this._RightVolume, this._Priority, this._Loop, this._Rate);
+    this._SubStreamStartTime = now;
+    this._LatestStreamStartTime = now;
   }
   /**
      * @description: 暂停音频(Android4.0不支持)
@@ -18278,6 +19857,10 @@ class AudioController {
     if (this._StreamId !== -1) {
       this._SoundPool.pause(this._StreamId);
     }
+    if (this._SubStreamId !== -1) {
+      this._SoundPool.stop(this._SubStreamId);
+      this._SubStreamId = -1;
+    }
   }
   /**
      * @description: 恢复播放音频(Android4.0不支持)
@@ -18295,6 +19878,10 @@ class AudioController {
       this._SoundPool.stop(this._StreamId);
       this._StreamId = -1;
     }
+    if (this._SubStreamId !== -1) {
+      this._SoundPool.stop(this._SubStreamId);
+      this._SubStreamId = -1;
+    }
   }
   /**
      * @description: 设置播放速度
@@ -18302,9 +19889,6 @@ class AudioController {
      */
   setRate(rate) {
     this._Rate = rate;
-    if (this._Streamid !== -1) {
-      this._SoundPool.setRate(this._StreamId, this._Rate);
-    }
   }
   /**
      * @description: 设置音量
@@ -18314,9 +19898,6 @@ class AudioController {
   setVolume(leftVolume, rightVolume) {
     this._LeftVolume = leftVolume;
     this._RightVolume = rightVolume;
-    if (this._StreamId !== -1) {
-      this._SoundPool.setVolume(this._StreamId, this._LeftVolume, this._RightVolume);
-    }
   }
   /**
      * @description: 设置循环次数, 注意: 循环一次表示总共播两次
@@ -18324,9 +19905,6 @@ class AudioController {
      */
   setLoop(loop) {
     this._Loop = loop;
-    if (this._StreamId !== -1) {
-      this._SoundPool.setLoop(this._StreamId, this._Loop);
-    }
   }
   /**
      * @description: 设置优先级
@@ -18334,9 +19912,6 @@ class AudioController {
      */
   setPriority(priority) {
     this._Priority = priority;
-    if (this._StreamId !== -1) {
-      this._SoundPool.setPriority(this._StreamId, this._Priority);
-    }
   }
 }
 class JsvSoundPool {
@@ -18358,6 +19933,28 @@ class JsvSoundPool {
      * @param {function} callback 资源加载完成回调 function(int state, AudioController controller) {}
      */
   request(url, netSetting, priority, callback) {
+    this._request(url, 0, netSetting, priority, callback);
+  }
+  /**
+     * @description: 准备音频资源
+     * @param {string} url 音频url
+     * @param {int} fastRepeatGap 最小间隔时间, 如果不为0则启用快速重复播放, 用两路音轨解决快速播放的漏音问题
+     * @param {string} netSetting http请求配置
+     * @param {int} priority 优先级
+     * @param {function} callback 资源加载完成回调 function(int state, AudioController controller) {}
+     */
+  requestInRepeatMode(url, fastRepeatGap, netSetting, priority, callback) {
+    this._request(url, fastRepeatGap, netSetting, priority, callback);
+  }
+  /**
+     * @description: 准备音频资源
+     * @param {string} url 音频url
+     * @param {int} repeatFastMiniGap 最小间隔时间, 如果不为0则启用快速重复播放, 用两路音轨解决快速播放的漏音问题
+     * @param {string} netSetting http请求配置
+     * @param {int} priority 优先级
+     * @param {function} callback 资源加载完成回调 function(int state, AudioController controller) {}
+     */
+  _request(url, repeatFastMiniGap, netSetting, priority, callback) {
     if (!supportSoundPool) {
       callback(-1, null);
       console.log("not support sound pool.");
@@ -18377,6 +19974,9 @@ class JsvSoundPool {
             referCount: 1
           };
           const controller = new AudioController(this._SoundPool, sound_id, realUrl);
+          if (repeatFastMiniGap > 0) {
+            controller.enableFastRepeat(repeatFastMiniGap);
+          }
           this._StreamIdMap.add(controller);
           callback(state, controller);
         } else {
@@ -18453,7 +20053,7 @@ class JsvSoundPool {
  * latex混合样式样例
  *    "测试\\textcolor{#FF0000}{红色并且\\textb{加粗}}文字"
 */
-const _sfc_main$i = {
+const _sfc_main$j = {
   __name: "JsvTextBox",
   props: {
     style: Object,
@@ -18499,7 +20099,7 @@ const _sfc_main$i = {
       return props.enableLatex ? 1 : 0;
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$G), {
+      return openBlock(), createBlock(unref(_sfc_main$K), {
         style: normalizeStyle({
           ...props.style,
           flexDirection: "row",
@@ -18547,7 +20147,7 @@ const _sfc_main$i = {
  *      补充说明:
  *          该控件以左上角为顶点旋转渲染，所以图片中带边框的正三角形的三个顶点应该为：左上，右上，左下；请调整图的朝向。
 */
-const _sfc_main$h = {
+const _sfc_main$i = {
   __name: "JsvRadarChart",
   props: {
     style: {
@@ -18789,7 +20389,7 @@ const JsvRippleShape = {
  *            参数:
  *              token: 波源的token
 */
-const _sfc_main$g = {
+const _sfc_main$h = {
   __name: "JsvRipple",
   props: {
     width: {
@@ -18958,7 +20558,7 @@ const JsvLine_vue_vue_type_style_index_0_scoped_5a074e31_lang = "";
  *          borderRadius     {Number}   圆角半径
  *
 */
-const _sfc_main$f = {
+const _sfc_main$g = {
   __name: "JsvLine",
   props: {
     startPos: { type: Object, require: true },
@@ -19019,7 +20619,7 @@ const _sfc_main$f = {
 };
 const styleSheetsContent = { "0": { "fadeIn-5a074e31": "@keyframes fadeIn-5a074e31 {0%{opacity:0;}100%{opacity:1;}}", "fadeOut-5a074e31": "@keyframes fadeOut-5a074e31 {0%{opacity:1;}100%{opacity:0;}}" } };
 window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
-const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-5a074e31"]]);
+const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__scopeId", "data-v-5a074e31"]]);
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvLine/index.js}
@@ -19041,7 +20641,7 @@ const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__scopeId", "data-v-
  *          extraTime       {Number}   可选配置（饼图用）扇形运动额外时间
  *
 */
-const _sfc_main$e = {
+const _sfc_main$f = {
   __name: "JsvSector",
   props: {
     centerPosition: { type: Object, require: true },
@@ -19150,7 +20750,7 @@ const _sfc_main$e = {
  *          data            {Array}    数组对象，包含百分比和颜色。例如:[{color:'#FFFFFF',percent:20}]
  * 说明：传入的数组要为响应式，且保证所有项的percent都是大于0并且相加等于100
 */
-const _sfc_main$d = {
+const _sfc_main$e = {
   __name: "JsvPieChart",
   props: {
     centerPosition: { type: Object, required: true },
@@ -19236,7 +20836,7 @@ const _sfc_main$d = {
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(unref(finalData).slice().reverse(), (item, index) => {
           return openBlock(), createElementBlock("div", null, [
-            (openBlock(), createBlock(_sfc_main$e, {
+            (openBlock(), createBlock(_sfc_main$f, {
               radius: props.radius,
               config: {
                 startAngle: Number(item.startAngle),
@@ -19340,7 +20940,7 @@ class ConnectLineTexture {
  *          RoundSet         {Object}   圆角配置对象，可选开始拐点和结束拐点，false代表不配置，true代表配置。属性值：start，end
  *
 */
-const _sfc_main$c = {
+const _sfc_main$d = {
   __name: "JsvConnectLine",
   props: {
     startPos: {
@@ -19606,7 +21206,7 @@ const _sfc_main$c = {
  *          progress         {Number}    (可选) 进度条的百分比进度。有效值：0-100
  *          isCanvas         {Boolean}   (可选) 进度条的展示样式：①点九 ②clipView 默认为true，即点九样式。
 */
-const _sfc_main$b = {
+const _sfc_main$c = {
   __name: "JsvProgressBar",
   props: {
     width: { type: Number, required: true },
@@ -19683,7 +21283,7 @@ const _sfc_main$b = {
       return openBlock(), createElementBlock(Fragment, null, [
         props.isCanvas ? (openBlock(), createElementBlock("div", { key: 0 }, [
           withDirectives(createElementVNode("div", null, [
-            createVNode(_sfc_main$S, {
+            createVNode(_sfc_main$W, {
               style: normalizeStyle({
                 left: 0,
                 top: 0,
@@ -19725,7 +21325,7 @@ const _sfc_main$b = {
             }, null, 4)
           ], 4)
         ])),
-        createVNode(_sfc_main$S, {
+        createVNode(_sfc_main$W, {
           style: normalizeStyle({
             left: 0,
             top: 0,
@@ -19747,7 +21347,7 @@ const _sfc_main$b = {
 /*
  + @file {@link file://./../../../utils/JsViewVueWidget/JsvEnableRenderBreak.vue}
  */
-const _sfc_main$a = {
+const _sfc_main$b = {
   __name: "JsvEnableRenderBreak",
   setup(__props) {
     const itemMounted = shallowRef(false);
@@ -20910,7 +22510,7 @@ function multiSelect(arr, left, right, n, compare) {
  *          获取当前拖拽块的位置
  *
 */
-const _sfc_main$9 = {
+const _sfc_main$a = {
   __name: "JsvDragBox",
   props: {
     boxRect: {
@@ -21152,7 +22752,7 @@ const _sfc_main$9 = {
 *   layer模式的节点, 有一个子方向, 其子方向是所有子所在的一侧方向(只有上下左右四侧), 若无子, 则父方向的反向为子方向. 确定了父方向和子方向后, 剩余两个方向则寻找该方向最近的兄弟节点, 若无则寻找最近分支上最近的同级或者叶节点
 *   star模式的节点, 除了父方向, 剩余三个方向均寻找相应方向的最近子节点, 若未找到则按layer寻找兄弟节点相同的逻辑寻找同级节点
 */
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   __name: "JsvMindMap",
   props: {
     name: {
@@ -21799,7 +23399,7 @@ const ScrollInnerStyle = {
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvScrollBox/JsvScrollBox.vue?vue&type=script&setup=true&lang.ts}
  */
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "JsvScrollBox",
   props: {
     // 底座的尺寸
@@ -22181,7 +23781,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvScrollBox/JsvScrollFollow.vue?vue&type=script&setup=true&lang.ts}
  */
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "JsvScrollFollow",
   props: {
     proxyType: null,
@@ -22481,7 +24081,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         key: 1,
         ref_key: "rSliderViewRef",
         ref: rSliderViewRef
-      }, unref(rSizeDivProps)), null, 16)) : unref(cProxyType) == unref(ScrollBoxStyle).JsvNinePatch ? (openBlock(), createBlock(_sfc_main$S, mergeProps({
+      }, unref(rSizeDivProps)), null, 16)) : unref(cProxyType) == unref(ScrollBoxStyle).JsvNinePatch ? (openBlock(), createBlock(_sfc_main$W, mergeProps({
         key: 2,
         onDivRef: onNinePatchRef
       }, unref(rNinePatchMergedProps)), null, 16)) : createCommentVNode("", true);
@@ -22544,6 +24144,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 *           @prop {Array}      uniforms       uniform参数, [{ name: string, value: number }]
 *           @prop {Array}      textures       texture参数, [{ name: string, resource: string }]
 *           @prop {() => void} onStart        动画开始回调
+*           @prop {boolean}    reverseAnimate 是否反向动画
 *           @prop {(int,boolean) => void} onEnd
 *                                动画结束回调,
 *                                返回值1号 int: 回到参数为动画的序列号，和startAnim的返回值匹配
@@ -22571,7 +24172,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 *         * 由于坐标系的差异, texture()采样函数需要替换为jsvTexture2D()
 *         * 盒子端的精度有限, 可能会出现精度导致的计算错误
 */
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   __name: "JsvFragShaderView",
   props: {
     style: {
@@ -22586,6 +24187,10 @@ const _sfc_main$5 = {
       type: Boolean,
       default: false
     },
+    reverseAnimate: {
+      type: Boolean,
+      default: false
+    },
     shaderStr: {
       type: String,
       required: true
@@ -22608,7 +24213,6 @@ const _sfc_main$5 = {
   setup(__props, { expose }) {
     const rProps = __props;
     JsvUseFeature("JsvFragShaderView", FeatureNames.CustomFragShader);
-    console.log("LudlDebug using JsvFragShaderView...");
     let rAnimRunning = shallowRef(false);
     let vPreloadHandler = null;
     let vPreloadDone = false;
@@ -22648,19 +24252,19 @@ const _sfc_main$5 = {
           });
           preload_textures.push(new JsvTextureLoadTool.ItemSet(image_url));
         }
-        vPreloadHandler = JsvTextureLoadTool.preload(preload_textures, () => {
-          vPreloadDone = true;
-          vPreloadHandler.recycleResource();
-          vPreloadHandler = null;
-          if (vStartingPromise != null) {
-            vStartingPromise.resolve();
-          }
-        });
-        if (vPreloadHandler == null) {
-          vPreloadDone = true;
-          if (vStartingPromise != null) {
-            vStartingPromise.resolve();
-          }
+      }
+      vPreloadHandler = JsvTextureLoadTool.preload(preload_textures, () => {
+        vPreloadDone = true;
+        vPreloadHandler.recycleResource();
+        vPreloadHandler = null;
+        if (vStartingPromise != null) {
+          vStartingPromise.resolve();
+        }
+      });
+      if (vPreloadHandler == null) {
+        vPreloadDone = true;
+        if (vStartingPromise != null) {
+          vStartingPromise.resolve();
         }
       }
     }
@@ -22682,7 +24286,7 @@ const _sfc_main$5 = {
         vStartAnimTimeoutId = -1;
       }
     }
-    const startAnim = (alt_duration, on_timeout_func) => {
+    const startAnim = (alt_duration, on_timeout_func, reverse = false) => {
       vStartingPromise = null;
       rAnimRunning.value = false;
       vStartToken++;
@@ -22713,7 +24317,9 @@ const _sfc_main$5 = {
         vStartingPromise = null;
         if (duration > 0) {
           let shaderAnimation = new Forge$2.ShaderAnimation(duration, null);
-          shaderAnimation.Enable(1);
+          shaderAnimation.Enable(
+            1 | (reverse ? Forge$2.AnimationEnable.Reverse : 0)
+          );
           shaderAnimation.SetAnimationListener(
             new Forge$2.AnimationListener(
               null,
@@ -22747,7 +24353,7 @@ const _sfc_main$5 = {
     };
     onMounted(() => {
       if (rProps.autoplay) {
-        startAnim(rProps.duration);
+        startAnim(rProps.duration, void 0, rProps.reverseAnimate);
       }
     });
     onUnmounted(() => {
@@ -22783,7 +24389,7 @@ const _sfc_main$5 = {
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvClipDiv/JsvClipDiv.vue?vue&type=script&setup=true&lang.ts}
  */
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "JsvClipDiv",
   props: {
     style: null
@@ -22831,7 +24437,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 /*
  + @file {@link file://./../../../../utils/JsViewVueWidget/JsvDriftScope/JsvDriftScope.vue?vue&type=script&setup=true&lang.ts}
  */
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "JsvDriftScope",
   props: {
     top: { default: 0 },
@@ -22858,7 +24464,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
           style: normalizeStyle(unref(rMergedFrameStyle)),
           "data-jsv-vw-mask-drift": "true"
         }, [
-          createVNode(_sfc_main$4, {
+          createVNode(_sfc_main$5, {
             style: normalizeStyle(rProps.scopeStyle)
           }, {
             default: withCtx(() => [
@@ -22926,7 +24532,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
  *          在MetroWidget的item中,如需监听交互模式变动, 为了避免过多回调, 一般在onFocus中注册, 在onBlur中注销
  *
 */
-const _sfc_main$2 = {
+const _sfc_main$3 = {
   __name: "JsvTouchModeSwitcher",
   props: {
     width: {
@@ -23012,7 +24618,7 @@ const _sfc_main$2 = {
 /*
  + @file {@link file://./../../../utils/JsViewVueWidget/Jsv3dDiv.vue?vue&type=script&setup=true&lang.ts}
  */
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "Jsv3dDiv",
   props: {
     style: { default: null },
@@ -23077,7 +24683,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 /*
  + @file {@link file://./../../../utils/JsViewVueWidget/Jsv3dStage.vue?vue&type=script&setup=true&lang.ts}
  */
-const _sfc_main = /* @__PURE__ */ defineComponent({
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "Jsv3dStage",
   props: {
     style: { default: {
@@ -23124,6 +24730,134 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                                        透视效果适中的场景: 1000~2000
 */
+/*
+ + @file {@link file://./../../../utils/JsViewVueWidget/JsvDashPath.vue}
+ */
+/*
+* @file
+*
+* 【模块 export 内容】
+* JsvDashPath：Vue组件，用于绘制虚线路径
+*      layout {Object}: (必填)组件位置，格式为 {left: number, top: number}
+*      points {Array}: (必填)点数组，每个点包含 x 和 y 坐标，坐标是相对于layout中指定的left和top
+*                     格式为 [{x: number, y: number}, ...]
+*      dash {Array}: 虚线配置数组，例如 [10, 5] 表示10px实线，5px空白，默认值 [10, 10]
+*      phase {Number}: 虚线起始位置偏移，默认值 0
+*      color {String}: 线条颜色，默认值 "#FFFFFF"
+*      lineWidth {Number}: 线条宽度，默认值 2
+*
+* 注意事项:
+*      组件会根据传入的points自动计算所需画布大小
+*      组件会在卸载时自动清理创建的纹理资源
+*/
+const _sfc_main = {
+  __name: "JsvDashPath",
+  props: {
+    // 组件位置 {left: number, top: number}
+    layout: {
+      type: Object,
+      required: true
+    },
+    // 点数组，每个点包含 x 和 y 坐标, 坐标是相对与layout中指定的left和top
+    points: {
+      type: Array,
+      required: true,
+      validator: (value) => {
+        return value.every((point) => "x" in point && "y" in point);
+      }
+    },
+    // 虚线配置，例如 [10, 5] 表示10px实线，5px空白
+    dash: {
+      type: Array,
+      default: () => [10, 10]
+    },
+    // 虚线起始位置偏移
+    phase: {
+      type: Number,
+      default: 0
+    },
+    // 线条颜色
+    color: {
+      type: String,
+      default: "#FFFFFF"
+    },
+    // 线条宽度
+    lineWidth: {
+      type: Number,
+      default: 2
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const canvasInfo = computed(() => {
+      const xValues = props.points.map((p) => p.x);
+      const yValues = props.points.map((p) => p.y);
+      const minX = Math.min(...xValues);
+      const minY = Math.min(...yValues);
+      const lineOffset = Math.ceil(props.lineWidth / 2);
+      const width = Math.max(...xValues) - minX + props.lineWidth * 2;
+      const height = Math.max(...yValues) - minY + props.lineWidth * 2;
+      return {
+        minX,
+        minY,
+        lineOffset,
+        width,
+        height
+      };
+    });
+    let sourceId = "";
+    const canvasRef = sTextureStoreApi.canvasTexture(
+      canvasInfo.value.width,
+      canvasInfo.value.height
+    );
+    canvasRef.drawColor("rgba(0,0,0,0)");
+    const path = canvasRef.customPath();
+    if (props.points.length > 0) {
+      const firstPoint = props.points[0];
+      path.moveTo(
+        firstPoint.x - canvasInfo.value.minX + canvasInfo.value.lineOffset,
+        firstPoint.y - canvasInfo.value.minY + canvasInfo.value.lineOffset
+      );
+      for (let i = 1; i < props.points.length; i++) {
+        const point = props.points[i];
+        path.lineTo(
+          point.x - canvasInfo.value.minX + canvasInfo.value.lineOffset,
+          point.y - canvasInfo.value.minY + canvasInfo.value.lineOffset
+        );
+      }
+      path.close();
+    }
+    path.strokeWithSetting({
+      lineWidth: props.lineWidth,
+      color: props.color,
+      dash: props.dash,
+      phase: props.phase
+    });
+    sourceId = canvasRef.commit();
+    onBeforeUnmount(() => {
+      sTextureStoreApi.deleteTexture(sourceId);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({
+          left: __props.layout.left,
+          top: __props.layout.top
+        })
+      }, [
+        createElementVNode("div", {
+          style: normalizeStyle({
+            left: unref(canvasInfo).minX,
+            top: unref(canvasInfo).minY,
+            width: unref(canvasInfo).width,
+            height: unref(canvasInfo).height,
+            backgroundImage: `url(jsvtexturestore://${unref(sourceId)})`
+          })
+        }, null, 4)
+      ], 4);
+    };
+  }
+};
 /*
  + @file {@link file://./../../../utils/JsViewVueWidget/index.js}
  */
@@ -23132,4 +24866,4 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
  + @file {@link file://./../../utils/index.js}
  */
-export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FeatureNames, FixPositionSlide, FocusMoveType, ForgeConst, ForgeTextureApis, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, _sfc_main$1 as Jsv3dDiv, _sfc_main as Jsv3dStage, JsvAccount, JsvActiveFeature, _sfc_main$J as JsvActorMove, JsvActorMoveControl, index$1 as JsvApic, index as JsvApic2, _sfc_main$M as JsvAudio, _sfc_main$4 as JsvClipDiv, _sfc_main$c as JsvConnectLine, _sfc_main$9 as JsvDragBox, _sfc_main$3 as JsvDriftScope, _sfc_main$a as JsvEnableRenderBreak, _sfc_main$H as JsvEnvBlocker, FeatureNames as JsvFeatureNames, JsvFederationTools, _sfc_main$q as JsvFilterView, _sfc_main$G as JsvFlexDiv, _sfc_main$O as JsvFocusBlock, _sfc_main$5 as JsvFragShaderView, _sfc_main$I as JsvFreeMoveActor, _sfc_main$I as JsvFreeMoveDiv, _sfc_main$E as JsvFullScrAdjust, JsvGrid, _sfc_main$o as JsvHole, JsvInput, _sfc_main$K as JsvLatex, JsvLine, _sfc_main$n as JsvMarquee, JsvMaskClipDiv, _sfc_main$8 as JsvMindMap, _sfc_main$o as JsvNativeSharedDiv, _sfc_main$S as JsvNinePatch, JsvPerformance, _sfc_main$d as JsvPieChart, _sfc_main$l as JsvPosterDiv, _sfc_main$k as JsvPosterImage, exportObj as JsvPreDownloader, _sfc_main$z as JsvPreload, _sfc_main$b as JsvProgressBar, JsvQrcode, _sfc_main$h as JsvRadarChart, _sfc_main$g as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$F as JsvScreenFlex, _sfc_main$7 as JsvScrollBox, _sfc_main$6 as JsvScrollFollow, _sfc_main$e as JsvSector, JsvShutdownFeatures, JsvSoundPool, _sfc_main$x as JsvSpray, JsvSpriteAnim, _sfc_main$v as JsvSpriteLoader, JsvSpriteAnim as JsvSpriteStatic, JsvSpriteTools, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$s as JsvSwiper3D, _sfc_main$i as JsvTextBox, JsvTextStyleClass, JsvTextureAnim, sJsvTextureConst as JsvTextureConst, JsvTextureLoadTool, sTextureStoreApi as JsvTextureStoreApi, _sfc_main$2 as JsvTouchModeSwitcher, _sfc_main$o as JsvTransparentDiv, JsvUseFeature, JsvVisibleSensor, LineType, _sfc_main$P as ListWidget, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$Q as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, ScrollBoxStyle, SeamlessSlide, _sfc_main$Q as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, TextureInstantType, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, getCssStyleGroup, getCurFrameCount, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, bridge as jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, processLatexStr, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };
+export { BaseDispatcher, CaptureProcessType, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FeatureNames, FixPositionSlide, FocusMoveType, ForgeConst, ForgeTextureApis, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, _sfc_main$2 as Jsv3dDiv, _sfc_main$1 as Jsv3dStage, JsvAccount, JsvActiveFeature, _sfc_main$N as JsvActorMove, JsvActorMoveControl, index$1 as JsvApic, index as JsvApic2, _sfc_main$Q as JsvAudio, _sfc_main$5 as JsvClipDiv, _sfc_main$d as JsvConnectLine, _sfc_main as JsvDashPath, _sfc_main$a as JsvDragBox, _sfc_main$4 as JsvDriftScope, _sfc_main$b as JsvEnableRenderBreak, _sfc_main$L as JsvEnvBlocker, FeatureNames as JsvFeatureNames, JsvFederationTools, _sfc_main$r as JsvFilterView, _sfc_main$K as JsvFlexDiv, _sfc_main$S as JsvFocusBlock, _sfc_main$6 as JsvFragShaderView, _sfc_main$M as JsvFreeMoveActor, _sfc_main$M as JsvFreeMoveDiv, _sfc_main$I as JsvFullScrAdjust, JsvGrid, _sfc_main$p as JsvHole, JsvInput, _sfc_main$O as JsvLatex, JsvLine, _sfc_main$o as JsvMarquee, JsvMaskClipDiv, _sfc_main$9 as JsvMindMap, _sfc_main$p as JsvNativeSharedDiv, _sfc_main$W as JsvNinePatch, JsvPerformance, _sfc_main$e as JsvPieChart, _sfc_main$m as JsvPosterDiv, _sfc_main$l as JsvPosterImage, exportObj as JsvPreDownloader, _sfc_main$D as JsvPreload, _sfc_main$c as JsvProgressBar, JsvQrcode, _sfc_main$i as JsvRadarChart, _sfc_main$h as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$J as JsvScreenFlex, _sfc_main$8 as JsvScrollBox, _sfc_main$7 as JsvScrollFollow, _sfc_main$f as JsvSector, JsvShutdownFeatures, _sfc_main$u as JsvSmoothSwiper, JsvSoundPool, _sfc_main$B as JsvSpray, JsvSpriteAnim, _sfc_main$z as JsvSpriteLoader, JsvSpriteAnim as JsvSpriteStatic, JsvSpriteTools, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$w as JsvSwiper2, _sfc_main$t as JsvSwiper3D, _sfc_main$j as JsvTextBox, JsvTextStyleClass, JsvTextureAnim, sJsvTextureConst as JsvTextureConst, JsvTextureLoadTool, sTextureStoreApi as JsvTextureStoreApi, _sfc_main$3 as JsvTouchModeSwitcher, _sfc_main$p as JsvTransparentDiv, JsvUseFeature, JsvVisibleSensor, LineType, _sfc_main$T as ListWidget, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$U as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, ScrollBoxStyle, SeamlessSlide, _sfc_main$U as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, TextureInstantType, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, getCssStyleGroup, getCurFrameCount, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, bridge as jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, processLatexStr, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };