npm - @shijiu/jsview-vue - Versions diffs - 2.1.366-test.0 → 2.1.428 - Mend

@shijiu/jsview-vue 2.1.366-test.0 → 2.1.428

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 (27) hide show

package/bin/jsview-vue.mjs CHANGED Viewed

@@ -1,8 +1,9 @@
-import { ref, computed, toRaw, reactive, nextTick, onMounted, onUpdated, onBeforeUnmount, onBeforeUpdate, openBlock, createElementBlock, renderSlot, shallowRef, resolveComponent, normalizeStyle, createElementVNode, unref, createVNode, withCtx, Fragment, renderList, createCommentVNode, inject, provide, onUnmounted, onActivated, onDeactivated, createBlock, watchEffect, toDisplayString, watch, mergeProps, withDirectives, vShow } from 'vue';
+import { ref, computed, toRaw, reactive, nextTick, onMounted, onUpdated, onBeforeUnmount, onBeforeUpdate, openBlock, createElementBlock, renderSlot, shallowRef, resolveComponent, normalizeStyle, createElementVNode, unref, createVNode, withCtx, Fragment, renderList, createCommentVNode, inject, provide, onUnmounted, onActivated, onDeactivated, createBlock, watchEffect, mergeProps, toDisplayString, watch, shallowReactive, withDirectives, vShow } from 'vue';
 import { Forge as Forge$1, ForgeExtension } from '@shijiu/jsview/dom/jsv-forge-define';
 import { L as LoopType } from './jsview-vue-common.mjs';
 export { A as ApicEndState } from './jsview-vue-common.mjs';
 import { _ as _export_sfc } from './export-sfc.mjs';
+import { Forge as Forge$2 } from '@shijiu/jsview/dom/jsv-forge-define.mjs';
 import { createWebHashHistory, createMemoryHistory } from 'vue-router';
 //!
@@ -2183,6 +2184,10 @@ class ListMetroTemplate extends MetroTemplate {
     return [start, end];
   }
   updateItemSize(index, newSize) {
+    const item = this.templateList[index];
+    if (!item || item.width == newSize.width && item.height == newSize.height) {
+      return;
+    }
     const needChangeList = this.templateList.splice(index);
     needChangeList[0].width = newSize.width;
     needChangeList[0].height = newSize.height;
@@ -2264,11 +2269,14 @@ class PageUpdater {
           this.applyTmp();
         } else {
         }
+      },
+      recover: () => {
+        this.rangeSet = preRangeSet;
+        this.tmpRangeSet = preTmpRangeSet;
       }
     };
   }
   apply() {
-    this.tmpRangeSet.clear();
     this.updateFunc(this.rangeSet);
   }
   applyTmp() {
@@ -2289,7 +2297,7 @@ class PageUpdater {
 //!
 ;
 class RenderItem {
-  divMountedCallback = [];
+  divMountedCallback = /* @__PURE__ */ new Set();
   customerData;
   templateInfo;
   renderStyle;
@@ -2378,18 +2386,20 @@ class RenderItem {
     }
   }
   addDivMountedListener(cbk) {
-    this.divMountedCallback.push(cbk);
-    ;
+    this.divMountedCallback.add(cbk);
+    return () => {
+      this.divMountedCallback.delete(cbk);
+    };
   }
   onDivMounted() {
-    if (this.divMountedCallback.length > 0) {
+    if (this.divMountedCallback.size > 0) {
       this.divMountedCallback.forEach((cbk) => {
         if (this.rootDiv) {
           cbk(this.rootDiv);
         }
       });
     }
-    this.divMountedCallback = [];
+    this.divMountedCallback.clear();
     if (this.enableTap && this.rootDiv) {
       const divView = this.rootDiv.jsvGetProxyView();
       divView.DragEnables?.(1);
@@ -2397,7 +2407,7 @@ class RenderItem {
   }
   onDivUnmounted() {
     this.touchInit = false;
-    this.divMountedCallback = [];
+    this.divMountedCallback.clear();
   }
 }
@@ -2478,144 +2488,6 @@ class WidgetRectInfo {
   }
 }
-//!
-//! utils/JsViewEngineWidget/MetroWidget/AnimationManager.ts;
-//!
-var TaskType = /* @__PURE__ */ ((TaskType2) => {
-  TaskType2[TaskType2["RESIZE_ITEM"] = 0] = "RESIZE_ITEM";
-  TaskType2[TaskType2["SLIDE"] = 1] = "SLIDE";
-  TaskType2[TaskType2["ON_FOCUS_CHANGE"] = 2] = "ON_FOCUS_CHANGE";
-  return TaskType2;
-})(TaskType || {});
-class MacroEndTaskManager {
-  taskList = [];
-  frameCount;
-  customerOnFlushTakEnd;
-  customerOnBreak;
-  mTaskToken = ref(0);
-  mToken = 0;
-  mFlushedFrameCount = -1;
-  constructor(onFlushTask, onBreak) {
-    this.customerOnBreak = onBreak;
-    this.customerOnFlushTakEnd = onFlushTask;
-  }
-  getToken() {
-    if (this.mToken < Number.MAX_SAFE_INTEGER) {
-      ++this.mToken;
-    } else {
-      this.mToken = 1;
-    }
-    return this.mToken;
-  }
-  addTask(type, params) {
-    if (this.mFlushedFrameCount == Forge$1.sFrameCount.count) {
-      console.log("MetroWidget: tasks in currnet frame flushed. ignore task", type, params);
-      return;
-    }
-    this.taskList.push({
-      type,
-      params,
-      frameCount: Forge$1.sFrameCount.count
-    });
-    if (this.frameCount !== Forge$1.sFrameCount.count) {
-      this.frameCount = Forge$1.sFrameCount.count;
-      const breakList = [];
-      for (let i = this.taskList.length - 1; i >= 0; --i) {
-        if (this.taskList[i].frameCount != this.frameCount) {
-          let t = this.taskList.splice(i, 1);
-          breakList.push(t[0]);
-        }
-      }
-      this.onBreak(breakList);
-    }
-    this.mTaskToken.value = this.getToken();
-    let selfToken = this.mTaskToken.value;
-    Promise.resolve().then(() => {
-      if (selfToken == this.mTaskToken.value) {
-        this.onFlushTask();
-        this.mFlushedFrameCount = this.frameCount;
-        Forge$1.sRenderBridge.RequestSwap();
-      } else {
-      }
-    });
-  }
-  onFlushTask() {
-    if (this.taskList.length > 0) {
-      this.customerOnFlushTakEnd(this.taskList);
-      this.taskList = [];
-    }
-  }
-  onBreak(taskList) {
-    this.customerOnBreak(taskList);
-  }
-}
-class AnimObject {
-  frameCount;
-  forgeAnim;
-  element;
-  animSetting;
-  constructor(frameCount, element, from, to, setting) {
-    this.frameCount = frameCount;
-    this.animSetting = setting;
-    this.element = element;
-    let duration = 0;
-    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);
-    }
-    this.forgeAnim = new Forge$1.TranslateAnimation(
-      from[0],
-      to[0],
-      from[1],
-      to[1],
-      duration,
-      setting.easing
-    );
-    this.forgeAnim.SetAnimationListener(
-      new Forge$1.AnimationListener(this.onStart.bind(this), this.onEnd.bind(this), null)
-    );
-  }
-  start() {
-    this.element?.jsvGetProxyView(true).StartAnimation(this.forgeAnim);
-  }
-  stop() {
-    this.element?.jsvGetProxyView(true).StopAnimation();
-  }
-  getFrameCount() {
-    return this.frameCount;
-  }
-  onStart() {
-    this.animSetting?.onStart?.();
-  }
-  onEnd(done) {
-    this.animSetting?.onEnd?.(done);
-  }
-}
-class AnimationManager {
-  animList = [];
-  frameCount = 0;
-  startSlideAnim(element, from, to, setting) {
-    let curFrameCount = Forge$1.sFrameCount.count;
-    if (curFrameCount != this.frameCount) {
-      this.tryCleanOldAnim();
-      this.frameCount = curFrameCount;
-    }
-    const obj = new AnimObject(curFrameCount, element, from, to, setting);
-    this.animList.push(obj);
-    obj.start();
-  }
-  tryCleanOldAnim() {
-    for (let i = this.animList.length - 1; i >= 0; --i) {
-      const anim = this.animList[i];
-      if (anim.getFrameCount() != this.frameCount) {
-        this.animList.splice(i, 1);
-        anim.stop();
-      }
-    }
-  }
-}
 //!
 //! utils/JsViewVueWidget/JsvFreeMoveActor/ForgeTypeDefine.ts;
 //!
@@ -2703,6 +2575,27 @@ class ConditionPackBuilder {
     this._CommonInfoValid = false;
     return this._BuildPack(ConditionSetBuilder.BoxPosition(left, top, right, bottom, this._CommonInfo));
   }
+  offsetPosition(left, top, right, bottom) {
+    if (!this._CheckCommonInfo()) {
+      return null;
+    }
+    this._CommonInfoValid = false;
+    return this._BuildPack(ConditionSetBuilder.OffsetPosition(left, top, right, bottom, this._CommonInfo));
+  }
+  startMove(xEnable, yEnable) {
+    if (!this._CheckCommonInfo()) {
+      return null;
+    }
+    this._CommonInfoValid = false;
+    let direction = 0;
+    if (xEnable) {
+      direction |= 1;
+    }
+    if (yEnable) {
+      direction |= 2;
+    }
+    return this._BuildPack(ConditionSetBuilder.StartMove(direction, this._CommonInfo));
+  }
   /**
    * AcrossPosition
    * 获取 AcrossPosition 的condition
@@ -2814,6 +2707,13 @@ class ConditionPackBuilder {
     this._CommonInfoValid = false;
     return this._BuildPack(ConditionSetBuilder.OnFlingEnd(this._CommonInfo, this._ContorlSlefNexus.token));
   }
+  onFlingCancel() {
+    if (!this._CheckCommonInfo()) {
+      return null;
+    }
+    this._CommonInfoValid = false;
+    return this._BuildPack(ConditionSetBuilder.OnFlingCancel(this._CommonInfo, this._ContorlSlefNexus.token));
+  }
   _CheckCommonInfo() {
     if (!this._CommonInfoValid) {
       console.error("Error: must call from new conditoin()");
@@ -3243,6 +3143,9 @@ class StatePackBuilder {
   setHitWallOverflow() {
     return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.SetHitWallOverflow());
   }
+  touchLockSwitch(isLock, direction, unlockThreshold = -1) {
+    return CmdPackBuilder.InitStateCmdPack(StateCmdBuilder.TouchLockSwitch(isLock, direction, unlockThreshold));
+  }
   /*
    * fireNexusEvent 发出Nexus event
    */
@@ -3453,6 +3356,137 @@ class ActorControl {
   }
 }
+//!
+//! utils/JsViewEngineWidget/MetroWidget/TaskManager.ts;
+//!
+class SlideAnimWrapper {
+  frameCount;
+  forgeAnim;
+  element;
+  animSetting;
+  constructor(frameCount, element, from, to, setting) {
+    this.frameCount = frameCount;
+    this.animSetting = setting;
+    this.element = element;
+    let duration = 0;
+    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);
+    }
+    this.forgeAnim = new Forge$1.TranslateAnimation(
+      from[0],
+      to[0],
+      from[1],
+      to[1],
+      duration,
+      setting.easing
+    );
+    this.forgeAnim.SetAnimationListener(
+      new Forge$1.AnimationListener(this.onStart.bind(this), this.onEnd.bind(this), null)
+    );
+  }
+  start() {
+    this.element?.jsvGetProxyView(true).StartAnimation(this.forgeAnim);
+  }
+  removeListener() {
+    this.forgeAnim?.RemoveAnimationListener();
+  }
+  stop() {
+    this.element?.jsvGetProxyView(true).StopAnimation();
+  }
+  getFrameCount() {
+    return this.frameCount;
+  }
+  onStart() {
+    this.animSetting?.onStart?.();
+  }
+  onEnd(done) {
+    this.animSetting?.onEnd?.(done);
+  }
+}
+class AnimationManager {
+  animList = [];
+  frameCount = 0;
+  startSlideAnim(element, from, to, setting) {
+    let curFrameCount = Forge$1.sFrameCount.count;
+    if (curFrameCount != this.frameCount) {
+      this.tryCleanOldAnim();
+      this.frameCount = curFrameCount;
+    }
+    const obj = new SlideAnimWrapper(curFrameCount, element, from, to, setting);
+    this.animList.push(obj);
+    obj.start();
+    return () => {
+      if (obj.getFrameCount() == Forge$1.sFrameCount.count) {
+        obj.removeListener();
+      }
+      obj.stop();
+    };
+  }
+  tryCleanOldAnim() {
+    for (let i = this.animList.length - 1; i >= 0; --i) {
+      const anim = this.animList[i];
+      if (anim.getFrameCount() != this.frameCount) {
+        this.animList.splice(i, 1);
+        anim.stop();
+      }
+    }
+  }
+}
+class CancellableRunner {
+  cancelHandler = null;
+  runner = null;
+  constructor(r) {
+    this.runner = r;
+  }
+  run() {
+    if (this.runner) {
+      this.cancelHandler = this.runner();
+    }
+  }
+  cancel() {
+    this.cancelHandler?.();
+    this.runner = null;
+    this.cancelHandler = null;
+  }
+}
+var TaskType = /* @__PURE__ */ ((TaskType2) => {
+  TaskType2[TaskType2["RESIZE_ITEM"] = 0] = "RESIZE_ITEM";
+  TaskType2[TaskType2["SLIDE"] = 1] = "SLIDE";
+  TaskType2[TaskType2["ON_FOCUS_CHANGE"] = 2] = "ON_FOCUS_CHANGE";
+  return TaskType2;
+})(TaskType || {});
+class TaskManager {
+  constructor(onAddTask) {
+    this.onAddTask = onAddTask;
+  }
+  frameCount = -1;
+  widgetTaskCacheList = [];
+  cancellableRunnerList = [];
+  addTask(type, params) {
+    if (this.frameCount != Forge$1.sFrameCount.count) {
+      this.widgetTaskCacheList = [];
+      this.cancellableRunnerList = [];
+      this.frameCount = Forge$1.sFrameCount.count;
+    }
+    this.cancellableRunnerList.forEach((t) => {
+      t.cancel();
+    });
+    this.widgetTaskCacheList.push({
+      type,
+      params,
+      frameCount: Forge$1.sFrameCount.count
+    });
+    this.onAddTask(this.widgetTaskCacheList);
+  }
+  run(func) {
+    const cancellableRunner = new CancellableRunner(func);
+    this.cancellableRunnerList.push(cancellableRunner);
+    cancellableRunner.run();
+  }
+}
 //!
 //! utils/JsViewEngineWidget/MetroWidget/MetroWidgetSetup.js;
 //!
@@ -3510,6 +3544,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     DRAG: 2,
     FLING: 3
   };
+  const modeForExport = ref(FOCUS_MODE);
   const mode = {
     _mode: FOCUS_MODE,
     _touchState: TouchState.IDLE,
@@ -3517,6 +3552,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     _duringFling: false,
     touchStart() {
       this._mode = TOUCH_MODE;
+      modeForExport.value = TOUCH_MODE;
       this._touchState = TouchState.TAP;
     },
     touchEnd() {
@@ -3534,6 +3570,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     },
     keyDown() {
       this._mode = FOCUS_MODE;
+      modeForExport.value = FOCUS_MODE;
       this._touchState = TouchState.IDLE;
     },
     duringFling() {
@@ -3577,13 +3614,14 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     let size_key = vertical ? "height" : "width";
     return item.templateInfo[pos_key] >= visibleInfo.start && item.templateInfo[pos_key] + item.templateInfo[size_key] - 1 < visibleInfo.end;
   };
-  const animationManager = new AnimationManager();
+  let templateCacheFrameCount = -1;
   const onMacroTaskEnd = (taskList) => {
     let resizeList = [];
     let resizeTaskMap = {};
     let slideTask = null;
     let minIndex = Infinity;
     let slideInfo = null;
+    let mergeTmp = false;
     let anchorInfo = null;
     let duration = 200;
     let easing = null;
@@ -3591,8 +3629,19 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     let size_key = vertical ? "height" : "width";
     let doAnim = false;
     let existOnFocusChange = false;
+    let targetVisibleStart = visibleInfo.start;
+    taskList.forEach((i) => {
+      if (i.type == TaskType.SLIDE) {
+        slideTask = i;
+        mergeTmp = mergeTmp || i.params?.updateParam?.mergeTmp;
+        if (!isNaN(i.params?.target)) {
+          targetVisibleStart = -i.params.target;
+        }
+      }
+    });
     for (let task of taskList) {
       if (task.type == TaskType.RESIZE_ITEM) {
+        mergeTmp = mergeTmp || task.params?.updateParam?.mergeTmp;
         resizeTaskMap[task.params.index] = task;
         resizeList.push(task);
         const { index, animInfo } = task.params;
@@ -3603,12 +3652,10 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         if (index == id2Index(focusId) && typeof animInfo?.anchor != "undefined") {
           const item = getItemByIndex(index);
           anchorInfo = {
-            anchorPosition: item.templateInfo[pos_key] + item.templateInfo[size_key] * animInfo.anchor - 1 - visibleInfo.start,
+            anchorPosition: item.templateInfo[pos_key] + item.templateInfo[size_key] * animInfo.anchor - 1 - targetVisibleStart,
             anchor: animInfo.anchor
           };
         }
-      } else if (task.type == TaskType.SLIDE) {
-        slideTask = task;
       } else if (task.type == TaskType.ON_FOCUS_CHANGE) {
         existOnFocusChange = true;
       }
@@ -3622,33 +3669,33 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     let existItemResize = false;
     if (resizeList.length > 0) {
       existItemResize = true;
-      metroTemplate.cacheLayout(minIndex, minIndex + 20);
+      if (templateCacheFrameCount != Forge$1.sFrameCount.count) {
+        metroTemplate.cacheLayout(minIndex, minIndex + 20);
+        templateCacheFrameCount = Forge$1.sFrameCount.count;
+      }
       resizeList.forEach((task) => {
         metroTemplate.updateItemSize(task.params.index, {
           width: task.params.width,
           height: task.params.height
         });
       });
-      let preVisibleStart = visibleInfo.start;
       if (anchorInfo) {
         const focusItem = getItemById(focusId);
         const start = focusItem.templateInfo[pos_key] + focusItem.templateInfo[size_key] * anchorInfo.anchor - 1 - anchorInfo.anchorPosition;
-        visibleInfo.start = normalizeVisibleStart(start, focusItem.templateInfo);
+        targetVisibleStart = normalizeVisibleStart(start, focusItem.templateInfo);
       } else {
-        visibleInfo.start = _calculateVisibleStart(getItemById(focusId).templateInfo, preSlideDirection);
+        targetVisibleStart = _calculateVisibleStart(getItemById(focusId).templateInfo, preSlideDirection);
       }
-      if (preVisibleStart != visibleInfo.start) {
+      if (visibleInfo.start != targetVisibleStart) {
         slideInfo = {
-          target: -visibleInfo.start
+          target: -targetVisibleStart
         };
         if (doAnim) {
           slideInfo.animObj = {
             easing: "",
             onStart: null,
             speed: null,
-            duration,
-            onEnd: (animDone) => {
-            }
+            duration
           };
         } else {
           if (slideTask) {
@@ -3665,15 +3712,35 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           }
         }
       }
-      const handler = pageUpdater.update(
+    }
+    if (targetVisibleStart != visibleInfo.start) {
+      taskManager.run(() => {
+        const preVisibleStart = visibleInfo.start;
+        visibleInfo.start = targetVisibleStart;
+        return () => {
+          visibleInfo.start = preVisibleStart;
+        };
+      });
+    }
+    let updateHandler;
+    taskManager.run(() => {
+      updateHandler = pageUpdater.update(
         metroTemplate,
-        visibleInfo.startWithPadding,
-        visibleInfo.endWithPadding,
+        visibleInfo.startWithPadding - props.keepTraceRange * pageRange,
+        Math.min(
+          visibleInfo.startMax + visibleInfo.range + visibleInfo.padding.end - 1,
+          visibleInfo.endWithPadding + props.keepTraceRange * pageRange
+        ),
         focusId,
-        true,
+        mergeTmp,
         permanentItemList
       );
-      handler.applyTmp();
+      return () => {
+        updateHandler.recover();
+      };
+    });
+    if (resizeList.length > 0) {
+      updateHandler.applyTmp();
       if (doAnim) {
         const visibleIndexList = Array.from(pageUpdater.getTmpRange());
         for (let index of visibleIndexList) {
@@ -3681,21 +3748,27 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
           const { left, top } = renderItem.templateInfo;
           if (index >= minIndex) {
             const layoutCache = renderItem.templateInfo.layoutCache;
-            if (renderItem.mounted.value) {
-              animationManager.startSlideAnim(
-                renderItem.rootDiv,
-                [layoutCache.left - left, layoutCache.top - top],
-                [0, 0],
-                resizeTaskMap[index] ? resizeTaskMap[index].params.animInfo : { duration }
-              );
-            } else {
-              renderItem.addDivMountedListener((div) => {
-                animationManager.startSlideAnim(
+            const doItemSlide = (div) => {
+              taskManager.run(() => {
+                const cancel = animationManager.startSlideAnim(
                   div,
                   [layoutCache.left - left, layoutCache.top - top],
                   [0, 0],
                   resizeTaskMap[index] ? resizeTaskMap[index].params.animInfo : { duration }
                 );
+                return () => {
+                  cancel();
+                };
+              });
+            };
+            if (renderItem.mounted.value) {
+              doItemSlide(renderItem.rootDiv);
+            } else {
+              taskManager.run(() => {
+                const unregister = renderItem.addDivMountedListener((div) => {
+                  doItemSlide(div);
+                });
+                return unregister;
               });
             }
           }
@@ -3704,68 +3777,77 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     }
     let viewSlid = false;
     if (slideInfo) {
-      const target = slideInfo.target;
-      viewSlid = executeSlide(target, slideInfo);
+      viewSlid = executeSlide(slideInfo, updateHandler);
     }
-    if (existItemResize) {
-      props.onAllItemResizeDone?.();
+    if (existItemResize && props.onAllItemResizeDone) {
+      taskManager.run(() => {
+        const handler = setTimeout(() => {
+          props.onAllItemResizeDone();
+        }, 0);
+        return () => {
+          clearTimeout(handler);
+        };
+      });
     }
-    if (viewSlid || existOnFocusChange) {
-      props.onFocusRectChange?.();
+    if ((viewSlid || existOnFocusChange) && props.onFocusRectChange) {
+      taskManager.run(() => {
+        const handler = setTimeout(() => {
+          props.onFocusRectChange();
+        }, 0);
+        return () => {
+          clearTimeout(handler);
+        };
+      });
     }
   };
-  const executeSlide = (target, slideInfo) => {
+  const taskManager = new TaskManager(onMacroTaskEnd);
+  const animationManager = new AnimationManager();
+  const executeSlide = (slideInfo, updateHandler) => {
     let preLeft = slideDivLeft.value;
     let preTop = slideDivTop.value;
-    slideDivLeft.value = vertical ? 0 : target;
-    slideDivTop.value = vertical ? target : 0;
+    taskManager.run(() => {
+      slideDivLeft.value = vertical ? 0 : -visibleInfo.start;
+      slideDivTop.value = vertical ? -visibleInfo.start : 0;
+      return () => {
+        slideDivLeft.value = preLeft;
+        slideDivTop.value = preTop;
+      };
+    });
     let viewSlid = preLeft != slideDivLeft.value || preTop != slideDivTop.value;
-    visibleInfo.start = -target;
-    const updater2 = pageUpdater.update(
-      metroTemplate,
-      visibleInfo.startWithPadding - props.keepTraceRange * pageRange,
-      Math.min(
-        visibleInfo.startMax + visibleInfo.range + visibleInfo.padding.end - 1,
-        visibleInfo.endWithPadding + props.keepTraceRange * pageRange
-      ),
-      focusId,
-      true,
-      permanentItemList
-    );
     if (slideInfo.animObj) {
-      updater2.applyTmp();
-      animationManager.startSlideAnim(
-        slideDiv.value,
-        vertical ? [0, preTop - slideDivTop.value] : [preLeft - slideDivLeft.value, 0],
-        [0, 0],
-        {
-          ...slideInfo.animObj,
-          onEnd: () => {
-            updater2.apply();
+      updateHandler.applyTmp();
+      taskManager.run(() => {
+        const from = vertical ? [0, preTop - slideDivTop.value] : [preLeft - slideDivLeft.value, 0];
+        const cancel = animationManager.startSlideAnim(
+          slideDiv.value,
+          from,
+          [0, 0],
+          {
+            ...slideInfo.animObj,
+            onEnd: () => {
+              updateHandler.apply();
+            }
           }
-        }
-      );
+        );
+        return () => {
+          cancel();
+        };
+      });
     } else {
-      updater2.apply();
+      updateHandler.apply();
     }
-    _onScroll();
+    taskManager.run(() => {
+      const handler = setTimeout(() => {
+        _onScroll();
+      }, 0);
+      return () => {
+        clearTimeout(handler);
+      };
+    });
     return viewSlid;
   };
-  const onMacroEndTaskBreak = (list) => {
-    if (list) {
-      list.forEach((task) => {
-        if (task.type == TaskType.RESIZE_ITEM) {
-          metroTemplate.updateItemSize(task.params.index, {
-            width: task.params.width,
-            height: task.params.height
-          });
-        }
-      });
-    }
-  };
-  const macroEndTaskManager = new MacroEndTaskManager(onMacroTaskEnd, onMacroEndTaskBreak);
   const updateItemSize = (index, newSize, animInfo) => {
-    macroEndTaskManager.addTask(
+    taskManager.addTask(
       TaskType.RESIZE_ITEM,
       {
         index,
@@ -3775,12 +3857,12 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       }
     );
   };
-  const _slideTo = (target, animObj) => {
+  const _slideTo = (target, animObj, updateParam = { mergeTmp: false }) => {
     if (slideLock) {
       return;
     }
     ;
-    macroEndTaskManager.addTask(TaskType.SLIDE, { target: -target, animObj });
+    taskManager.addTask(TaskType.SLIDE, { target: -target, animObj, updateParam });
   };
   let callFocusAfterUpdate = false;
   const _onFocusChange = (id) => {
@@ -3976,32 +4058,17 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   };
   const slideTo = (position, doAnim) => {
     templateItemAdder.tryAddItemByPosition(position);
-    if (typeof position !== "undefined" && position != null && visibleInfo.start !== position) {
-      visibleInfo.start = position;
-      const updater2 = pageUpdater.update(
-        metroTemplate,
-        visibleInfo.startWithPadding,
-        visibleInfo.endWithPadding,
-        focusId,
-        false,
-        permanentItemList
-      );
+    if (typeof position !== "undefined" && position != null) {
       let animObj = null;
       if (doAnim) {
         animObj = {
           easing: props.slideSetting.Easing,
           onStart: null,
           speed: props.slideSetting.Speed,
-          duration: props.slideSetting.Duration,
-          onEnd: () => {
-            updater2.apply();
-          }
+          duration: props.slideSetting.Duration
         };
-        pageUpdater.applyTmp();
-      } else {
-        pageUpdater.apply();
       }
-      _slideTo(visibleInfo.start, animObj);
+      _slideTo(position, animObj);
     }
   };
   const setZIndex = (index, normalZIndex, focusZIndex) => {
@@ -4115,7 +4182,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         templateItemAdder.tryAddItemById(focusId);
       }
     }
-    const updater2 = pageUpdater.update(
+    const updater = pageUpdater.update(
       metroTemplate,
       visibleInfo.startWithPadding - props.keepTraceRange * pageRange,
       Math.min(
@@ -4126,7 +4193,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       false,
       permanentItemList
     );
-    updater2.apply();
+    updater.apply();
     onItemFocus(getItemById(focusId), null);
     slideToItem(id2Index(focusId), false);
   };
@@ -4504,28 +4571,18 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       };
       let cur_slide = _calculateVisibleStart(fakeItem.templateInfo, direction);
       if (cur_slide != visibleInfo.start) {
-        visibleInfo.start = cur_slide;
-        const updater2 = pageUpdater.update(
-          metroTemplate,
-          visibleInfo.startWithPadding - props.keepTraceRange * pageRange,
-          Math.min(
-            visibleInfo.startMax + visibleInfo.range + visibleInfo.padding.end - 1,
-            visibleInfo.endWithPadding + props.keepTraceRange * pageRange
-          ),
-          focusId,
-          true,
-          permanentItemList
-        );
-        updater2.applyTmp();
-        _slideTo(visibleInfo.start, {
-          easing: "",
-          onStart: null,
-          speed: props.slideSetting.Speed,
-          duration: props.slideSetting.Duration,
-          onEnd: () => {
-            updater2.apply();
+        _slideTo(
+          cur_slide,
+          {
+            easing: "",
+            onStart: null,
+            speed: props.slideSetting.Speed,
+            duration: props.slideSetting.Duration
+          },
+          {
+            mergeTmp: true
           }
-        });
+        );
         return true;
       }
     }
@@ -4535,7 +4592,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     preFocusId = cache_pre ? focusId : -1;
     focusId = id;
     currentFocusIndex.value = id2Index(id);
-    macroEndTaskManager.addTask(TaskType.ON_FOCUS_CHANGE);
+    taskManager.addTask(TaskType.ON_FOCUS_CHANGE);
   };
   const _bubbleCustomEvent = (event) => {
     if (props.sendFocusRectEvent && event) {
@@ -4612,31 +4669,15 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       let cur_visible_start2 = _calculateVisibleStart(next_focus_item.templateInfo, vertical ? vertical_direction : horizontal_direction);
       if (visibleInfo.start !== cur_visible_start2) {
         if (next_focus_item.itemConfig.itemSlide == METRO_WIDGET.ITEM_SLIDE.ACT_ITEM_FOCUS) {
-          visibleInfo.start = cur_visible_start2;
-          const updater2 = pageUpdater.update(
-            metroTemplate,
-            visibleInfo.startWithPadding - props.keepTraceRange * pageRange,
-            Math.min(
-              visibleInfo.startMax + visibleInfo.range + visibleInfo.padding.end - 1,
-              visibleInfo.endWithPadding + props.keepTraceRange * pageRange
-            ),
-            next_focus_item.id,
-            false,
-            permanentItemList
-          );
-          updater2.applyTmp();
           let animObj = {
             easing: "",
             onStart: null,
             speed: props.slideSetting.Speed,
-            duration: props.slideSetting.Duration,
-            onEnd: (animDone) => {
-              updater2.apply();
-            }
+            duration: props.slideSetting.Duration
           };
-          _slideTo(visibleInfo.start, animObj);
+          _slideTo(cur_visible_start2, animObj, { mergeTmp: false });
         } else {
-          const updater2 = pageUpdater.update(
+          const updater = pageUpdater.update(
             metroTemplate,
             cur_visible_start2,
             cur_visible_start2 + visibleInfo.range + visibleInfo.padding.end - 1,
@@ -4644,7 +4685,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
             false,
             permanentItemList
           );
-          updater2.applyTmp();
+          updater.applyTmp();
         }
       }
     } else {
@@ -4879,11 +4920,16 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   const touchLoadItemRect = visibleInfo.range;
   const reachAnchorGroup = 2;
   const wallConditionGroup = 1;
+  let divPos = -1;
+  let frameCount = -1;
   const getVisibleStart = (moveInfo) => {
+    if (frameCount != Forge$1.sFrameCount.count) {
+      divPos = vertical ? slideDivTop.value : slideDivLeft.value;
+    }
     if (vertical) {
-      return -(slideDivTop.value + Math.round(moveInfo.yPos));
+      return -(divPos + Math.round(moveInfo.yPos));
     } else {
-      return -(slideDivLeft.value + Math.round(moveInfo.xPos));
+      return -(divPos + Math.round(moveInfo.xPos));
     }
   };
   const mergeTouchSlideToSlideDiv = () => {
@@ -4903,10 +4949,20 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   const onTouchDown = (data) => {
     mode.touchStart();
     mode.flingEnd();
+    const t = 100;
+    const offsetThreshold = {
+      left: vertical ? void 0 : t,
+      right: vertical ? void 0 : t,
+      top: vertical ? t : void 0,
+      bottom: vertical ? t : void 0
+    };
+    actorController.run([
+      actorController.condition(void 0, false).offsetPosition(offsetThreshold.left, offsetThreshold.top, offsetThreshold.right, offsetThreshold.bottom).then([actorController.state().touchLockSwitch(true, vertical ? 1 : 2, t)]),
+      actorController.condition(void 0, false).startMove(true, true).then([onDragStart])
+    ]);
     onItemBlur(getItemById(focusId));
-    visibleInfo.start = getVisibleStart(data);
     templateItemAdder.tryAddItemByPosition(visibleInfo.end + visibleInfo.range);
-    const updater2 = pageUpdater.update(
+    const updater = pageUpdater.update(
       metroTemplate,
       visibleInfo.startWithPadding - visibleInfo.range,
       visibleInfo.endWithPadding + visibleInfo.range,
@@ -4914,7 +4970,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       false,
       permanentItemList
     );
-    updater2.apply();
+    updater.apply();
     const anchorArea = 2 * Forge$1.sRenderBridge.GetScreenInfo().designedWidth;
     let anchorPosList = [];
     let anchorSpacing = visibleInfo.range * 2 / 3;
@@ -4936,7 +4992,6 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   };
   const onTouchRelease = () => {
     if (mode.getTouchState() == TouchState.TAP) {
-      mergeTouchSlideToSlideDiv();
       updateRenderItems(false, false);
       mode.touchEnd();
     }
@@ -4991,7 +5046,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   };
   const updateRenderItems = (applyTmp, expand) => {
     templateItemAdder.tryAddItemByPosition(visibleInfo.start + visibleInfo.range);
-    const updater2 = pageUpdater.update(
+    const updater = pageUpdater.update(
       metroTemplate,
       expand ? visibleInfo.start - visibleInfo.range : visibleInfo.startWithPadding,
       expand ? visibleInfo.start + 2 * visibleInfo.range : visibleInfo.endWithPadding,
@@ -4999,7 +5054,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
       true,
       permanentItemList
     );
-    applyTmp ? updater2.applyTmp() : updater2.apply();
+    applyTmp ? updater.applyTmp() : updater.apply();
   };
   const resetDragRect = () => {
     if (actorController != null) {
@@ -5019,11 +5074,15 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     const walls = getTouchWall();
     actorController.run([
       actorController.condition(void 0, true).onTouchDown().then([onTouchDown]),
-      actorController.condition(void 0, true).onDragStart().then([onDragStart]),
+      // actorController
+      //   .condition(undefined, true)
+      //   .onDragStart()
+      //   .then([onDragStart]),
       actorController.condition(void 0, true).onDragEnd().then([onDragEnd]),
       actorController.condition(void 0, true).onFlingStart().then([onFlingStart]),
       actorController.condition(void 0, true).onFlingProgress().then([onFlingProgress]),
       actorController.condition(void 0, true).onFlingEnd().then([onFlingEnd]),
+      actorController.condition(void 0, true).onTouchRelease().then([actorController.state().touchLockSwitch(false, vertical ? 1 : 2)]),
       actorController.condition(wallConditionGroup, true).boxPosition(walls.left, walls.top, walls.right, walls.bottom).then([actorController.state().setHitWallOverflow()])
       //TODO 通过prop设置哪个方向overflow
     ]);
@@ -5064,7 +5123,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
   }
   focusId = init_focus_id;
   visibleInfo.start = cur_visible_start;
-  const updater = pageUpdater.update(
+  const initUpdater = pageUpdater.update(
     metroTemplate,
     visibleInfo.startWithPadding,
     visibleInfo.endWithPadding,
@@ -5072,7 +5131,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     false,
     permanentItemList
   );
-  updater.apply();
+  initUpdater.apply();
   onMounted(() => {
     _changeFocusId(focusId, false);
     mounted = true;
@@ -5087,7 +5146,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
         itemRender.value = true;
       });
     }
-    if (props.enableTouch) {
+    if (props.touchFlag === 1) {
       initTouch();
     }
   });
@@ -5107,7 +5166,8 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
     setZIndex,
     onTouchDown,
     onTouchRelease,
-    currentFocusIndex
+    currentFocusIndex,
+    modeForExport
   };
 };
@@ -5120,7 +5180,7 @@ const setup = (props, itemRender, locateDiv, renderData, slideDiv, slideDivLeft,
  */
-const _sfc_main$F = {
+const _sfc_main$H = {
   __name: "SlotComponent",
   setup(__props) {
     onBeforeUpdate(() => {
@@ -5211,6 +5271,7 @@ const _sfc_main$F = {
                                             METRO_WIDGET_CONST.ITEM_SLIDE.ACT_FOCUS_RECT_EVENT 按照子组件发送的focusRect事件滚动
                                           zIndex {int | object}: item的zIndex, 为object时可以分别设置{focus: 0, normal: 0}, 为number时则同时设置获焦和不获焦的zIndex,
                                           uid {string}: item的uid, 可以通过uid来设置焦点
+                                          permanent {boolean}: 出去与是否保留
                                         }
  *
  *      onFocus {function} 控件获取焦点的回调
@@ -5379,7 +5440,7 @@ const _sfc_main$F = {
  */
-const _sfc_main$E = {
+const _sfc_main$G = {
   __name: "MetroWidget",
   props: {
     padding: {
@@ -5405,10 +5466,6 @@ const _sfc_main$E = {
       type: Number,
       required: true
     },
-    loopFocus: {
-      type: Boolean,
-      default: false
-    },
     onEdge: {
       type: Function,
       default: null
@@ -5514,11 +5571,11 @@ const _sfc_main$E = {
     },
     onAllItemResizeDone: {
       type: Function
+    },
+    touchFlag: {
+      type: Number,
+      default: 0
     }
-    // enableTouch: {
-    //   type: Boolean,
-    //   default: false,
-    // },
   },
   setup(__props, { expose }) {
     const props = __props;
@@ -5554,7 +5611,8 @@ const _sfc_main$E = {
       exportObject,
       onTouchDown,
       onTouchRelease,
-      currentFocusIndex
+      currentFocusIndex,
+      modeForExport
     } = setup(
       props,
       itemRender,
@@ -5645,7 +5703,7 @@ const _sfc_main$E = {
                           ref: item.slotRef,
                           id: `${__props.name}_${index}`
                         }, [
-                          createVNode(_sfc_main$F, { key: "__QcodeJsviewFreezeComponent" }, {
+                          createVNode(_sfc_main$H, { key: "__QcodeJsviewFreezeComponent" }, {
                             default: withCtx(() => [
                               renderSlot(_ctx.$slots, "renderItem", {
                                 data: item.customerData,
@@ -5663,7 +5721,7 @@ const _sfc_main$E = {
                           style: normalizeStyle({
                             width: item.renderStyle.width - unref(normalizedPlaceHolder).gap,
                             height: item.renderStyle.height - unref(normalizedPlaceHolder).gap,
-                            backgroundColor: unref(currentFocusIndex) == item.index ? unref(normalizedPlaceHolder).focusBackgroundColor : unref(normalizedPlaceHolder).backgroundColor,
+                            backgroundColor: unref(currentFocusIndex) == item.index && unref(modeForExport) == 2 ? unref(normalizedPlaceHolder).focusBackgroundColor : unref(normalizedPlaceHolder).backgroundColor,
                             borderRadius: unref(normalizedPlaceHolder).borderRadius
                           })
                         }, null, 4)) : createCommentVNode("", true)
@@ -5694,7 +5752,7 @@ const _sfc_main$E = {
  */
-const _sfc_main$D = {
+const _sfc_main$F = {
   __name: "ListWidget",
   props: {
     padding: {
@@ -5720,10 +5778,6 @@ const _sfc_main$D = {
       type: Number,
       required: true
     },
-    loopFocus: {
-      type: Boolean,
-      default: false
-    },
     onEdge: {
       type: Function,
       default: null
@@ -5829,11 +5883,11 @@ const _sfc_main$D = {
     },
     onAllItemResizeDone: {
       type: Function
+    },
+    touchFlag: {
+      type: Number,
+      default: 0
     }
-    // enableTouch: {
-    //   type: Boolean,
-    //   default: false,
-    // },
   },
   setup(__props, { expose }) {
     const props = __props;
@@ -6144,7 +6198,7 @@ const HUB_NS_PROVIDE_NAME = "__jsvFocusNameSpace__";
  */
-const _sfc_main$C = {
+const _sfc_main$E = {
   __name: "JsvFocusBlock",
   props: {
     name: String,
@@ -6352,7 +6406,7 @@ class JsvFocusManager {
     }
     const doAppMount = this.$_hookMount(app, options[0]);
     app.mount = doAppMount;
-    app.component("JsvFocusBlock", _sfc_main$C);
+    app.component("JsvFocusBlock", _sfc_main$E);
     app.config.globalProperties.$jsvFocusManager = this;
     app.provide(HUB_NS_PROVIDE_NAME, null);
     app.provide(ROOT_HUB_PROVIDE_NAME, new JsvFocusHubApi(this.$_topFDiv.getHub()));
@@ -8776,7 +8830,7 @@ class JsvActorMoveControl extends ActorControlBase {
  */
-const _sfc_main$B = {
+const _sfc_main$D = {
   __name: "JsvActorMove",
   props: {
     control: {
@@ -8829,7 +8883,7 @@ const _sfc_main$B = {
  */
-const _sfc_main$A = {
+const _sfc_main$C = {
   __name: "FreeMoveActor",
   props: {
     // 设置给父节点，动画节点必须top/left为0, 以保证PC端模拟通过style直接获取当前位置信息的逻辑能通过
@@ -8915,7 +8969,7 @@ const KeepFlags = {
  */
-const _sfc_main$z = {
+const _sfc_main$B = {
   __name: "JsvEnvBlocker",
   props: {
     // (支持reactive)位置信息
@@ -9025,6 +9079,125 @@ let FreeMoveFunc = {
   newNexus
 };
+//!
+//! utils/JsViewVueWidget/JsvFlexCell/JsvFlexDiv.vue;
+//!
+/*! <!--
+ * @Author: donglin.lu@qcast.cn
+ * @Date: 2024-01-26 17:24:00
+ * @LastEditors: donglin.lu@qcast.cn
+ * @Description: file content
+-->
+<!--
+ * 【模块 export 内容】
+ *  JsvFlexDiv: 包装成一个支持flex属性的div
+ *      props说明:
+ *          class: 等同于div的class设置(目前未实装，后续支持...)
+ *          style: 等同于div的style，关于flex的属性支持如下：
+ *              作为container:
+ *                  flexDirection: row|row-reverse|column|column-reverse  默认row, 决定主轴为行还是列，正向还是反向
+ *                  flexWrap: nowrap|wrap  默认nowrap, 主轴方向是否换行
+ *                  justifyContent: flex-start|flex-end|center  默认flex-start
+ *                                  主轴对齐方式(与direction相关决定start为左还是右)
+ *                  alignItems: flex-start|flex-end|center|stretch  默认center
+ *                                  副轴方向单行内的对齐方式，例如主轴为行时，项目在每行中竖直方向的对齐
+ *                  alignContent: flex-start|flex-end|center  默认flex-start
+ *                                  副轴方向多行内容总体的对齐方式，例如主轴为行时，项目在每行中竖直方向的对齐
+ *              作为item(二级container):
+ *                  alignSelf: auto|flex-start|flex-end|center|stretch  默认auto, 覆盖container的alignItems设置
+ *              特别注意: 这些属性会引起位置对齐问题, 所以会自动去掉: "overflow:hidden"
+ *          askSize: boolean  设置会跟进flex的尺寸变化，但会降低性能
+ *          onSized: Function 比askSize更进一步，可以通过回调知道尺寸变化后的时机，回调参数(width, height)为flex后的尺寸
+ *
+ *      expose说明:
+ *          getWidth():  当askSize或者onSize生效时，获取元素的宽度
+ *          getHeight():  当askSize或者onSize生效时，获取元素的高度
+ *
+-->
+ */
+const _sfc_main$A = {
+  __name: "JsvFlexDiv",
+  props: {
+    style: Object,
+    askSize: {
+      type: Boolean,
+      default: false
+    },
+    onSized: {
+      type: Function,
+      default: null
+    }
+  },
+  setup(__props, { expose }) {
+    const props = __props;
+    let config = shallowRef({});
+    config.value["data-jsv-flex-container"] = true;
+    watchEffect(() => {
+      config.value.style = { flexWrap: "nowrap", ...props.style, overflow: "" };
+    });
+    let SizeX = shallowRef(void 0);
+    let SizeY = shallowRef(void 0);
+    let SizeWidth = shallowRef(void 0);
+    let SizeHeight = shallowRef(void 0);
+    let onSizeCallback = (x, y, width, height) => {
+      SizeX.value = x;
+      SizeY.value = y;
+      SizeWidth.value = width;
+      SizeHeight.value = height;
+      if (width != 0 && height != 0) {
+        props.onSized?.(width, height);
+      }
+    };
+    let containerRef = shallowRef(null);
+    let flexCallbackRegisted = false;
+    watchEffect(() => {
+      if ((props.askSize || props.onSized != null) && containerRef.value != null) {
+        if (!flexCallbackRegisted) {
+          containerRef.value.jsvGetProxyView().RegisterFlexAssigned(onSizeCallback);
+          flexCallbackRegisted = true;
+        }
+      } else {
+        if (flexCallbackRegisted) {
+          containerRef.value.jsvGetProxyView().RegisterFlexAssigned(null);
+          flexCallbackRegisted = false;
+        }
+      }
+    });
+    expose({
+      // TODO: PC模拟环境中目前没有浏览器的类似ResizeObserver接口
+      //       可以监听到left/ top变化，所以先关闭Left / Top的获取
+      // getLeft: () => {
+      //   return SizeX.value;
+      // },
+      // getTop: () => {
+      //   return SizeY.value;
+      // },
+      getWidth: () => {
+        return SizeWidth.value;
+      },
+      getHeight: () => {
+        return SizeHeight.value;
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", mergeProps({
+        ref_key: "containerRef",
+        ref: containerRef
+      }, { ..._ctx.$attrs, ...unref(config) }), [
+        renderSlot(_ctx.$slots, "default")
+      ], 16);
+    };
+  }
+};
+//!
+//! utils/JsViewVueWidget/JsvFlexCell/index.js;
+//!
 //!
 //! utils/JsViewVueTools/ForgeHandles.js;
 //!
@@ -9067,7 +9240,7 @@ window.JsvCode.ForgeHandles.listenToReady(() => {
  */
-const _sfc_main$y = {
+const _sfc_main$z = {
   props: {
     src: String,
     style: Object,
@@ -9168,7 +9341,7 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle($props.style)
   }, null, 12, ["src"]);
 }
-const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$c]]);
+const JsvApic = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$c]]);
 //!
 //! utils/JsViewVueWidget/JsvApic/JsvApic/index.js;
@@ -9219,7 +9392,7 @@ const _JsvApic$1 = _JsvApic;
  */
-const _sfc_main$x = {
+const _sfc_main$y = {
   props: {
     src: String,
     style: Object,
@@ -9317,7 +9490,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     style: normalizeStyle($props.style)
   }, null, 12, ["src"]);
 }
-const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$b]]);
+const JsvApic2 = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$b]]);
 //!
 //! utils/JsViewVueWidget/JsvApic/JsvApic2/index.js;
@@ -9344,7 +9517,7 @@ const _JsvApic2$1 = _JsvApic2;
  */
-const _sfc_main$w = {
+const _sfc_main$x = {
   props: {
     left: {
       type: Number,
@@ -9398,7 +9571,7 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 4);
 }
-const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$a]]);
+const CursorVue = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$a]]);
 //!
 //! utils/JsViewVueWidget/JsvInput/JsvInput.vue;
@@ -9426,7 +9599,7 @@ const edgeMap = {
   40: EdgeDirection.bottom
 };
 const MAX_WIDTH = 1920;
-const _sfc_main$v = {
+const _sfc_main$w = {
   components: {
     CursorVue
   },
@@ -10029,7 +10202,7 @@ function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["name", "onAction", "style"]);
 }
-const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$9]]);
+const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["render", _sfc_render$9]]);
 //!
 //! utils/JsViewVueWidget/JsvInput/index.js;
@@ -10100,7 +10273,7 @@ const buildDownloadInfo$1 = (url, net_setting = null, get_image_size) => {
     // 用于格式校验
   };
 };
-const _sfc_main$u = {
+const _sfc_main$v = {
   __name: "JsvPreload",
   props: {
     preloadList: Object,
@@ -10381,7 +10554,7 @@ const _sfc_main$u = {
 //! 考虑到.vue文件除了export default的component外，还有可能export其他对象,因此使用import * as
 let _JsvPreload;
 if (window.JsView) {
-  _JsvPreload = _sfc_main$u;
+  _JsvPreload = _sfc_main$v;
 } else {
   const BrowserPreload = await import('./browser/BrowserPreload.vue.mjs');
   _JsvPreload = BrowserPreload.default;
@@ -10390,6 +10563,15 @@ let buildPreloadInfo = buildPreloadInfo$1;
 let buildDownloadInfo = buildDownloadInfo$1;
 const JsvPreload = _JsvPreload;
+//!
+//! utils/JsViewVueTools/JsvTextureDefines.ts;
+//!
+class TextureInstantType {
+  static Auto = Forge$2.TextureInstantLoad.AUTO;
+  static Sync = Forge$2.TextureInstantLoad.SYNC;
+  static Async = Forge$2.TextureInstantLoad.ASYNC;
+}
 //!
 //! utils/JsViewVueWidget/JsvQrcode/JsvQrcode.vue;
 //!
@@ -10402,6 +10584,8 @@ const JsvPreload = _JsvPreload;
  *            fgColor {string}          二维码前景色，默认值"#000000"，黑色
  *            bgColor {string}          二维码背景色，默认值"#ffffff"，白色
  *            level {string}            二维码的容错能力，可选值{'L':低, 'M':中, 'H':高, 'Q':最精细}，默认值'L'
+ *            instant {string}      是否立即加载(auto, sync, async), auto = async
+ *                                      是否当前帧限制(默认为非当前帧显示，不影响按键响应，但是会闪)
  *            imageSettings {Object}    设置中心logo图片，默认值为null，设置格式为：
  *                       {
  *                              src {string}        logo的url地址
@@ -10409,12 +10593,11 @@ const JsvPreload = _JsvPreload;
  *                              height {int}     logo的高度
  *                       }
  -->
  */
-const _sfc_main$t = {
+const _sfc_main$u = {
   props: {
     value: String,
     size: Number,
@@ -10431,6 +10614,12 @@ const _sfc_main$t = {
       // ，容错级别，分别是L(7%)、M(15%)、Q(25%)、H(30%),
       default: "L"
     },
+    sync: {
+      // 是否当前帧限制(默认为非当前帧显示，不影响按键响应，但是会闪)
+      type: String,
+      default: "auto"
+      // QrCode的 auto = async
+    },
     imageSettings: Object
   },
   methods: {
@@ -10452,10 +10641,23 @@ const _sfc_main$t = {
       let view = null;
       let lp_params = null;
       const texture_manager = handles.TextureManager;
+      let instantLoad;
+      switch (this.sync) {
+        case "sync":
+          instantLoad = TextureInstantType.Sync;
+          break;
+        case "async":
+          instantLoad = TextureInstantType.Async;
+          break;
+        case "auto":
+        default:
+          instantLoad = TextureInstantType.Auto;
+      }
       const qrcode_texture = texture_manager.GetQRCodeTexture(
         this.value,
         this.size,
         this.size,
+        instantLoad,
         Forge$1.QRCodeLevel[this.level],
         this.bgColor,
         this.fgColor
@@ -10530,7 +10732,7 @@ const _sfc_main$t = {
 function _sfc_render$8(_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$t, [["render", _sfc_render$8]]);
+const JsvQrcode = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$8]]);
 //!
 //! utils/JsViewVueWidget/JsvQrcode/index.js;
@@ -10658,7 +10860,7 @@ let buildForgeView = (pointRes, sprayStyle, sizeRef, ignoreClip) => {
   sizeRef.height = view_height;
   return Forge$1.sViewStore.add(new Forge$1.ViewInfo(spray_view, null));
 };
-const _sfc_main$s = {
+const _sfc_main$t = {
   props: {
     pointRes: {
       type: String,
@@ -10717,7 +10919,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     "data-jsv-vw-innerview": $data.viewId
   }, null, 12, ["data-jsv-vw-innerview"]);
 }
-const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$7]]);
+const JsvSpray = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$7]]);
 //!
 //! utils/JsViewVueWidget/JsvSpray/index.js;
@@ -10988,7 +11190,7 @@ const JsvSpriteAnim_vue_vue_type_style_index_0_scoped_fa78d758_lang = "";
  */
-const _sfc_main$r = {
+const _sfc_main$s = {
   __name: "JsvSpriteAnim",
   props: {
     spriteInfo: Object,
@@ -11269,7 +11471,7 @@ const _sfc_main$r = {
 };
 const styleSheetsContent$1 = { "0": { "sprite-tag-fa78d758": "@keyframes sprite-tag-fa78d758 {}" } };
 window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent$1);
-const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-fa78d758"]]);
+const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__scopeId", "data-v-fa78d758"]]);
 //!
 //! utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteLoader.vue;
@@ -11289,7 +11491,7 @@ const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "d
  */
-const _sfc_main$q = {
+const _sfc_main$r = {
   __name: "JsvSpriteLoader",
   props: {
     imageUrl: String,
@@ -11468,7 +11670,7 @@ class SpriteController {
  */
-const _sfc_main$p = {
+const _sfc_main$q = {
   __name: "JsvVisibleSensor",
   props: {
     // (支持reactive)可视区域设定
@@ -11591,7 +11793,7 @@ const _sfc_main$p = {
 var JsvVisibleSensor$1 = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  default: _sfc_main$p
+  default: _sfc_main$q
 });
 //!
@@ -11666,8 +11868,8 @@ const keyCode2EdgeDirection = (keyCode) => {
       return null;
   }
 };
-const _sfc_main$o = {
-  components: { JsvActorMove: _sfc_main$B, JsvVisibleSensor },
+const _sfc_main$p = {
+  components: { JsvActorMove: _sfc_main$D, JsvVisibleSensor },
   props: {
     showIndicator: {
       type: Boolean,
@@ -12148,7 +12350,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["name", "style", "onAction"])
   ], 64);
 }
-const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$6]]);
+const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$6]]);
 //!
 //! utils/JsViewVueWidget/JsvSwiper/index.js;
@@ -12181,7 +12383,7 @@ const JsvSwiper = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_rend
  */
-const _sfc_main$n = {
+const _sfc_main$o = {
   __name: "JsvSwiper",
   props: {
     dispNumber: { type: Number, require: true },
@@ -12199,14 +12401,18 @@ const _sfc_main$n = {
   },
   setup(__props) {
     const props = __props;
+    let showNumber = props.dispNumber < 3 ? 3 : props.dispNumber;
+    if (showNumber % 2 == 0) {
+      showNumber = showNumber + 1;
+    }
+    let items = shallowReactive(new Array(showNumber + 2));
     let currentId;
     let preFocusedIdx;
     if (props.initIndex == void 0) {
-      currentId = Math.floor(props.dispNumber / 2);
+      currentId = Math.floor(showNumber / 2);
     } else {
       currentId = props.initIndex;
     }
-    let items = reactive(new Array(props.dispNumber + 2));
     let allItems = [];
     let length = props.ItemArray.length;
     if (length < props.dispNumber) {
@@ -12214,17 +12420,22 @@ const _sfc_main$n = {
     } else {
       for (let i = 0; i < props.ItemArray.length; i++) {
         allItems.push({
-          ...props.ItemArray[i],
-          dataIndex: i
+          propsItem: props.ItemArray[i],
+          dataIndex: i,
+          defineSize: {
+            top: null,
+            width: null,
+            height: null
+          }
         });
       }
     }
     let space = shallowRef(0);
     let direction = "left";
     let focusedIdx = currentId;
-    let prevNumber = Math.floor(props.dispNumber / 2) + 1;
+    let prevNumber = Math.floor(showNumber / 2) + 1;
     const move1 = () => {
-      for (let i = 0; i < props.dispNumber + 2; i++) {
+      for (let i = 0; i < showNumber + 2; i++) {
         let itemIdx = focusedIdx - prevNumber + i;
         if (itemIdx < 0) {
           itemIdx += props.ItemArray.length;
@@ -12255,7 +12466,7 @@ const _sfc_main$n = {
       if (index == items.length - 2) {
         let startPosX = props.layoutInfo.width / 2;
         let endPosX = props.layoutInfo.width - width / 2;
-        space.value = (endPosX - startPosX) / ((props.dispNumber - 1) / 2);
+        space.value = (endPosX - startPosX) / ((showNumber - 1) / 2);
       }
       leftArray[index] = { index, width };
     }
@@ -12291,12 +12502,12 @@ const _sfc_main$n = {
       if (index == items.length - 2) {
         let startPosX = props.layoutInfo.width / 2;
         let endPosX = props.layoutInfo.width - width / 2;
-        space.value = (endPosX - startPosX) / ((props.dispNumber - 1) / 2);
+        space.value = (endPosX - startPosX) / ((showNumber - 1) / 2);
       }
       left = leftArray[index].left;
-      items[index].top = top;
-      items[index].width = width;
-      items[index].height = height;
+      items[index].defineSize.top = top;
+      items[index].defineSize.width = width;
+      items[index].defineSize.height = height;
       return {
         zIndex,
         left,
@@ -12309,10 +12520,8 @@ const _sfc_main$n = {
     const scaleItemStyle = (index) => {
       const currentIndex = Math.abs(index - Math.floor(items.length / 2));
       const scale = 1 - currentIndex * props.sideScale;
-      const backgroundImage = items[index].image;
       const width = props.initItemStyle.width * scale;
       const height = props.initItemStyle.height * scale;
-      items[index].backgroundImage = backgroundImage;
       if (direction == "left") {
         return {
           width,
@@ -12562,7 +12771,7 @@ const _sfc_main$n = {
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
                 return openBlock(), createElementBlock("div", {
-                  key: item.image + `${index}`,
+                  key: item + `${index}`,
                   style: normalizeStyle(getItemStyle(index))
                 }, [
                   createElementVNode("div", {
@@ -12570,7 +12779,8 @@ const _sfc_main$n = {
                   }, [
                     renderSlot(_ctx.$slots, "itemView", {
                       dataIndex: item.dataIndex,
-                      item
+                      propsItem: item.propsItem,
+                      defineSize: item.defineSize
                     })
                   ], 4)
                 ], 4);
@@ -12675,7 +12885,7 @@ const TexAlignAnchor$1 = {
   CENTER_BOTTOM: 8,
   RIGHT_BOTTOM: 9
 };
-const _sfc_main$m = {
+const _sfc_main$n = {
   props: {
     src: String,
     top: Number,
@@ -12947,7 +13157,7 @@ function _sfc_render$5(_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$m, [["render", _sfc_render$5]]);
+const JsvTextureAnim = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["render", _sfc_render$5]]);
 //!
 //! utils/JsViewVueWidget/JsvTextureAnim/index.js;
@@ -12980,7 +13190,7 @@ const TexAlignAnchor = TexAlignAnchor$1;
  */
-const _sfc_main$l = {
+const _sfc_main$m = {
   __name: "JsvFilterView",
   props: {
     width: {
@@ -13133,7 +13343,7 @@ class LineType extends UpdateType {
     this.end = end;
   }
 }
-const _sfc_main$k = {
+const _sfc_main$l = {
   props: {
     left: {
       type: Number
@@ -13633,7 +13843,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     _: 3
   }, 8, ["name", "onAction", "style"]);
 }
-const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$4]]);
+const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$4]]);
 //!
 //! utils/JsViewVueWidget/JsvNativeSharedDiv.vue;
@@ -13650,7 +13860,7 @@ const JsvGrid = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render
  */
-const _sfc_main$j = {
+const _sfc_main$k = {
   props: {
     style: {
       type: Object,
@@ -13727,7 +13937,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 4));
 }
-const JsvNativeSharedDiv = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render$3]]);
+const JsvNativeSharedDiv = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["render", _sfc_render$3]]);
 //!
 //! utils/JsViewVueWidget/JsvHole.js;
@@ -15100,7 +15310,7 @@ const CMD_DRAW_CIRCLE_WITH_PAINT = 12;
 const CMD_DRAW_RECT_WITH_PAINT = 13;
 const CMD_DRAW_PATH_WITH_PAINT = 14;
 const CMD_DRAW_LINE = 15;
-const CMD_FILL_LINEAR_GRADIENT = 16;
+const CMD_DRAW_LINEAR_GRADIENT_RECT = 16;
 //! Path的子命令
 const PATH_CMD_MOVE_TO = 30;
 const PATH_CMD_LINE_TO = 31;
@@ -15289,6 +15499,7 @@ class CanvasTexture extends TextureBase {
   drawCommands = [];
   commited = false;
   // commit只能执行一次, 执行过后无法再更改texture内容
+  instantLoad = TextureInstantType.Sync;
   /**
    * canvasTexture
    *
@@ -15408,9 +15619,13 @@ class CanvasTexture extends TextureBase {
    * @param {Array<String>} colorArray 颜色设定的数组
    * @param {Array<double>} stopsArray 与color数组个数相同,颜色基准点位置
    */
-  fillLinearGradient(fromX, fromY, toX, toY, colorArray, stopsArray) {
+  drawLinearGradientRect(fromX, fromY, toX, toY, colorArray, stopsArray) {
+    if (!colorArray || !stopsArray || colorArray.length !== stopsArray.length) {
+      console.error("CanvasTexture error: drawLinearGradientRect colorArray.length must be equal to stopsArray.length. Current array is:", Array.from(colorArray), Array.from(stopsArray));
+      return;
+    }
     this.drawCommands?.push({
-      "cmd": CMD_FILL_LINEAR_GRADIENT,
+      "cmd": CMD_DRAW_LINEAR_GRADIENT_RECT,
       "x0": fromX,
       "y0": fromY,
       "x1": toX,
@@ -15419,10 +15634,27 @@ class CanvasTexture extends TextureBase {
       "stops": stopsArray
     });
   }
+  /**
+   * setAsyncLoad
+   * texture异步加载，让界面不会卡顿
+   *
+   * @param {int} fromX 绘制起点X
+   * @param {int} fromY 绘制起点Y
+   * @param {int} toX 绘制终点X
+   * @param {int} toY 绘制终点Y
+   * @param {Array<String>} colorArray 颜色设定的数组
+   * @param {Array<double>} stopsArray 与color数组个数相同,颜色基准点位置
+   */
+  setAsyncLoad() {
+    this.instantLoad = TextureInstantType.Async;
+  }
   // override
   commit() {
     if (!this.commited) {
-      this.textureRef = handles.TextureManager.GetCanvasTexture(JSON.stringify(this.drawCommands));
+      this.textureRef = handles.TextureManager.GetCanvasTexture(
+        JSON.stringify(this.drawCommands),
+        this.instantLoad
+      );
       this.addToStore();
       this.commited = true;
       this.drawCommands = null;
@@ -15472,26 +15704,6 @@ let sTextureStoreApi = {
   canvasTexture: (width, height, baseName) => {
     return new CanvasTexture(width, height, baseName);
   },
-  /**
-   * getLinearGradientTexture
-   * 按照要求创建一个绘制渐变色的纹理,
-   * 绘制从起始位置到终止位置的一条线，
-   * 例如从右边上的中点绘制到上边缘的中点的直线: RIGHT:0.5 -> TOP:0.5
-   * 返回值为访问名
-   *
-   * @param {int} startSide  JsvTextureConst的 LEFT/TOP/RIGHT/BOTTOM, 起始位置
-   * @param {double} startSidePercent  起始点在所在边的比例位置
-   * @param {int} endSide  JsvTextureConst的 LEFT/TOP/RIGHT/BOTTOM, 终止位置
-   * @param {double} endSidePercent  终止点在所在边的比例位置
-   * @param {Array<String>} colorArray 颜色基准点的颜色队列
-   * @param {int} stopsDenominator  stops信息百分比的分母，值越小其texture越省内存
-   * @param {Array<int>} stopsArray  颜色基准点的百分比的分子队列
-   *
-   * @return {String} 此Texture的访问名，可以在 img.src 或者 div.backgroundImage 通过 "texturestore://访问名"使用
-   */
-  getLinearGradientTexture: (startSide, startSidePercent, endSide, endSidePercent, colorArray, stopsDenominator, stopsArray) => {
-    return "";
-  },
   /**
    * deleteTexture
    * 删除commit后的texture
@@ -15532,7 +15744,7 @@ let sTextureStoreApi = {
  */
-const _sfc_main$i = {
+const _sfc_main$j = {
   __name: "JsvMarquee",
   props: {
     text: {
@@ -15938,7 +16150,7 @@ const _sfc_main$i = {
  */
-const _sfc_main$h = {
+const _sfc_main$i = {
   props: {
     class: {
       type: String
@@ -16025,11 +16237,11 @@ const _sfc_main$h = {
     },
     _initForHtml() {
       let _this = this;
-      this.$refs.innerView?.jsvGetProxyView(true).RegisterOnProxyReady(() => {
+      this.$refs.innerViewDiv?.jsvGetProxyView(true).RegisterOnProxyReady(() => {
         const canvas = window.originDocument.createElement("canvas");
         canvas.style.width = _this.style.width + "px";
         canvas.style.height = _this.style.height + "px";
-        _this.$refs.innerView?.jsvGetProxyView(true).HtmlGetElement().appendChild(canvas);
+        _this.$refs.innerViewDiv?.jsvGetProxyView(true).HtmlGetElement().appendChild(canvas);
         const clip_image = new Image();
         const bg_image = new Image();
         clip_image.src = _this.maskSrc;
@@ -16097,14 +16309,13 @@ const _sfc_main$h = {
 function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return $setup.html ? (openBlock(), createElementBlock("div", {
     key: 0,
-    ref: "innerView",
+    ref: "innerViewDiv",
     style: normalizeStyle({
       top: $props.style.top,
       left: $props.style.left
     })
   }, null, 4)) : (openBlock(), createElementBlock("div", {
     key: 1,
-    ref: "innerView",
     "data-jsv-vw-innerview": $setup.innerViewId,
     style: normalizeStyle({
       top: $props.style.top,
@@ -16114,7 +16325,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     })
   }, null, 12, ["data-jsv-vw-innerview"]));
 }
-const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc_render$2]]);
+const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["render", _sfc_render$2]]);
 //!
 //! utils/JsViewVueWidget/JsvNinePatch.vue;
@@ -16142,7 +16353,7 @@ const JsvMaskClipDiv = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["render", _sfc
  */
-const _sfc_main$g = {
+const _sfc_main$h = {
   __name: "JsvNinePatch",
   props: {
     style: {
@@ -16239,7 +16450,7 @@ const _sfc_main$g = {
  */
-const _sfc_main$f = {
+const _sfc_main$g = {
   __name: "JsvPosterDiv",
   props: {
     style: Object
@@ -16289,7 +16500,7 @@ const _sfc_main$f = {
  */
-const _sfc_main$e = {
+const _sfc_main$f = {
   __name: "JsvPosterImage",
   props: {
     colorSpace: {
@@ -16372,7 +16583,7 @@ const _sfc_main$e = {
  */
-const _sfc_main$d = {
+const _sfc_main$e = {
   props: {
     definitionScale: {
       type: String
@@ -16384,7 +16595,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     renderSlot(_ctx.$slots, "default")
   ], 8, ["data-jsv-vw-text-definition"]);
 }
-const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$1]]);
+const JsvScaleTextBox = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["render", _sfc_render$1]]);
 //!
 //! utils/JsViewVueWidget/JsvSoundPool.js;
@@ -16615,7 +16826,7 @@ class JsvSoundPool {
 /*! <!--
 * Created by chunfeng.luo@qcast.cn on 10/13/20.
 */
-const _sfc_main$c = {
+const _sfc_main$d = {
   __name: "JsvTextBox",
   props: {
     style: Object,
@@ -16636,53 +16847,39 @@ const _sfc_main$c = {
   },
   setup(__props) {
     const props = __props;
-    const innerStyle = computed(() => {
-      let result = { ...props.style };
-      if (!result.verticalAlign) {
-        result.verticalAlign = props.verticalAlign;
-      }
-      if (!result.lineAlign) {
-        result.lineAlign = props.lineAlign;
+    const computeAlignItems = computed(() => {
+      switch (props.verticalAlign) {
+        case "top":
+          return "flex-start";
+        case "bottom":
+          return "flex-end";
+        default:
+        case "center":
+          return "center";
       }
-      return result;
     });
-    const disable = window.JsvDisableReactWrapper;
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", null, [
-        unref(disable) ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          style: normalizeStyle(__props.style)
-        }, [
-          createElementVNode("div", { style: { position: "static", display: "table" } }, [
-            createElementVNode("div", {
-              className: __props.className,
-              style: normalizeStyle({
-                position: "static",
-                display: "table-cell",
-                width: __props.style.width,
-                height: __props.style.height,
-                verticalAlign: __props.verticalAlign
-              }),
-              "jsv-inherit-class": "2"
-            }, [
-              renderSlot(_ctx.$slots, "default")
-            ], 12, ["className"])
-          ])
-        ], 4)) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          className: __props.className,
-          style: normalizeStyle({
-            ...__props.style,
-            JsvTextLatex: __props.enableLatex ? 1 : 0,
-            JsvTextVerticalAlign: __props.verticalAlign,
-            JsvTextLineAlign: __props.lineAlign,
-            JsvTextInnerDirection: __props.textDirection
-          }),
-          "jsv-inherit-class": "1"
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 12, ["className"]))
-      ]);
+      return openBlock(), createBlock(unref(_sfc_main$A), {
+        style: normalizeStyle({
+          ...props.style,
+          flexDirection: "row",
+          alignItems: unref(computeAlignItems)
+        })
+      }, {
+        default: withCtx(() => [
+          createElementVNode("div", {
+            style: normalizeStyle({
+              width: props.style.width,
+              JsvTextLatex: __props.enableLatex ? 1 : 0,
+              JsvTextLineAlign: __props.lineAlign,
+              JsvTextInnerDirection: __props.textDirection
+            })
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 4)
+        ]),
+        _: 3
+      }, 8, ["style"]);
     };
   }
 };
@@ -16709,7 +16906,7 @@ const _sfc_main$c = {
 -->
  */
-const _sfc_main$b = {
+const _sfc_main$c = {
   __name: "JsvRadarChart",
   props: {
     style: {
@@ -16953,7 +17150,7 @@ const JsvRippleShape = {
  */
-const _sfc_main$a = {
+const _sfc_main$b = {
   __name: "JsvRipple",
   props: {
     width: {
@@ -17127,7 +17324,7 @@ const JsvLine_vue_vue_type_style_index_0_scoped_10b9ebcf_lang = "";
  */
-const _sfc_main$9 = {
+const _sfc_main$a = {
   __name: "JsvLine",
   props: {
     startPos: { type: Object, require: true },
@@ -17188,7 +17385,7 @@ const _sfc_main$9 = {
 };
 const styleSheetsContent = { "0": { "fadeIn-10b9ebcf": "@keyframes fadeIn-10b9ebcf {0%{opacity:0;}100%{opacity:1;}}", "fadeOut-10b9ebcf": "@keyframes fadeOut-10b9ebcf {0%{opacity:1;}100%{opacity:0;}}" } };
 window.JsvCode.Dom.DeclareStyleSheets(styleSheetsContent);
-const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-10b9ebcf"]]);
+const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__scopeId", "data-v-10b9ebcf"]]);
 //!
 //! utils/JsViewVueWidget/JsvLine/index.js;
@@ -17214,7 +17411,7 @@ const JsvLine = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__scopeId", "data-v-
  */
-const _sfc_main$8 = {
+const _sfc_main$9 = {
   __name: "JsvSector",
   props: {
     centerPosition: { type: Object, require: true },
@@ -17328,7 +17525,7 @@ const _sfc_main$8 = {
  */
-const _sfc_main$7 = {
+const _sfc_main$8 = {
   __name: "JsvPieChart",
   props: {
     centerPosition: { type: Object, required: true },
@@ -17349,20 +17546,21 @@ const _sfc_main$7 = {
       let totalPercent = 0;
       data.forEach((item) => {
         if (!item.hasOwnProperty("percent")) {
-          throw new Error("每一项必须包含percent属性");
+          console.error("每一项必须包含percent属性");
         }
-        if (item.percent <= 0 || item.percent > 100) {
-          throw new Error("每一项percent必须大于0或者小于等于100！");
+        if (item.percent < 0 || item.percent > 100) {
+          console.error("每一项percent必须大于0或者小于等于100！");
         }
         totalPercent += item.percent;
       });
       if (totalPercent < 99 || totalPercent > 101) {
-        throw new Error("percent属性值总和必须等于100！");
+        console.error("percent属性值总和必须等于100！");
       }
       return true;
     };
     CheckData(props.data);
     let finalData = reactive([]);
+    let TempAngleArray = [];
     const filterData = (data) => {
       data.forEach((item, index) => {
         if (item.percent > previousPercent[index]) {
@@ -17372,7 +17570,7 @@ const _sfc_main$7 = {
         } else {
           extraTimeArray[index] = 0;
         }
-        item.angle = (item.percent / 100 * 360).toFixed(2);
+        TempAngleArray.push((item.percent / 100 * 360).toFixed(2));
         if (index == 0) {
           finalData.push({
             startAngle: Number(0).toFixed(2),
@@ -17384,54 +17582,50 @@ const _sfc_main$7 = {
         } else {
           finalData.push({
             startAngle: (Number(finalData[index - 1].startAngle) + Number(finalData[index - 1].sweepAngle)).toFixed(2),
-            sweepAngle: Number(item.angle).toFixed(2),
+            sweepAngle: Number(TempAngleArray[index]).toFixed(2),
             color: item.color,
             index,
             extraTime: extraTimeArray[index]
           });
         }
       });
+      TempAngleArray = [];
     };
     filterData(myData);
-    watch(
-      props.data,
-      (n, o) => {
-        if (CheckData(n)) {
-          finalData.splice(0, finalData.length);
-          filterData(n);
-          myData = n;
-        }
-      },
-      { deep: true }
-    );
-    watch(myData, (n, o) => {
-      previousPercent = [];
-      extraTimeArray = [];
-      myData.forEach((item, index) => {
-        previousPercent.push(item.percent);
-        extraTimeArray.push(0);
-      });
-      n.forEach((item, index) => {
-        previousPercent.push(item.percent);
-      });
+    watchEffect(() => {
+      if (CheckData(props.data)) {
+        finalData.splice(0, finalData.length);
+        filterData(props.data);
+        myData = props.data;
+        previousPercent = [];
+        extraTimeArray = [];
+        myData.forEach((item, index) => {
+          previousPercent.push(item.percent);
+          extraTimeArray.push(0);
+        });
+      }
     });
     return (_ctx, _cache) => {
-      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(finalData).slice().reverse(), (item, index) => {
-        return openBlock(), createElementBlock("div", null, [
-          createVNode(_sfc_main$8, {
-            radius: props.radius,
-            config: {
-              startAngle: Number(item.startAngle),
-              sweepAngle: Number(item.sweepAngle) + 1,
-              color: item.color
-            },
-            id: `indexZ${index}`,
-            animationTime: props.animationTime,
-            centerPosition: props.centerPosition,
-            extraTime: item.extraTime
-          }, null, 8, ["radius", "config", "id", "animationTime", "centerPosition", "extraTime"])
-        ]);
-      }), 256);
+      return openBlock(), createElementBlock("div", {
+        key: "pie-" + unref(finalData).length
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(finalData).slice().reverse(), (item, index) => {
+          return openBlock(), createElementBlock("div", null, [
+            (openBlock(), createBlock(_sfc_main$9, {
+              radius: props.radius,
+              config: {
+                startAngle: Number(item.startAngle),
+                sweepAngle: unref(finalData).length == 1 || item.sweepAngle == 360 ? Number(item.sweepAngle) : Number(item.sweepAngle) + 1,
+                color: item.color
+              },
+              key: `indexZ${index}`,
+              animationTime: props.animationTime,
+              centerPosition: props.centerPosition,
+              extraTime: item.extraTime
+            }, null, 8, ["radius", "config", "animationTime", "centerPosition", "extraTime"]))
+          ]);
+        }), 256))
+      ]);
     };
   }
 };
@@ -17525,7 +17719,7 @@ class ConnectLineTexture {
  */
-const _sfc_main$6 = {
+const _sfc_main$7 = {
   __name: "JsvConnectLine",
   props: {
     startPos: {
@@ -17793,7 +17987,7 @@ const _sfc_main$6 = {
  */
-const _sfc_main$5 = {
+const _sfc_main$6 = {
   __name: "JsvProgressBar",
   props: {
     width: { type: Number, required: true },
@@ -17870,7 +18064,7 @@ const _sfc_main$5 = {
       return openBlock(), createElementBlock(Fragment, null, [
         props.isCanvas ? (openBlock(), createElementBlock("div", { key: 0 }, [
           withDirectives(createElementVNode("div", null, [
-            createVNode(_sfc_main$g, {
+            createVNode(_sfc_main$h, {
               style: normalizeStyle({
                 left: 0,
                 top: 0,
@@ -17912,7 +18106,7 @@ const _sfc_main$5 = {
             }, null, 4)
           ], 4)
         ])),
-        createVNode(_sfc_main$g, {
+        createVNode(_sfc_main$h, {
           style: normalizeStyle({
             left: 0,
             top: 0,
@@ -17931,6 +18125,147 @@ const _sfc_main$5 = {
   }
 };
+//!
+//! utils/JsViewVueWidget/JsvSceneTransition.vue;
+//!
+/*! <!--
+ * 【模块 export 内容】
+ * JsvSceneTransition:场景过渡组件。
+ *      props说明:
+ *          imageUrl     {String}    (必填) 显示图片的加载地址
+ *          displayWidth {Number}    (必填) 想要展示的宽度
+ *          ArraySet     {Array}     (必填) 模板配置项，包括：每个模块的width,height,left,top,url
+ *          style        {Object}    (必填) 横纵模板总长度和总宽度。(width,height)
+ *          onOff       {Boolean}   (必填) 组件挂载好后是否立即动画的开关，后续可通过改值为true开启。
+-->
+ */
+const _sfc_main$5 = {
+  __name: "JsvSceneTransition",
+  props: {
+    imageUrl: { type: String, require: true },
+    displayWidth: { type: Number, require: true },
+    ArraySet: { type: Array, require: true },
+    style: { type: Object, require: true },
+    onOff: { type: Boolean, require: true }
+  },
+  setup(__props) {
+    const props = __props;
+    const refArray = [];
+    const controlArray = new Array(props.ArraySet.length).fill(null);
+    watch(
+      () => props.onOff,
+      (n, o) => {
+        if (n == true) {
+          MoveFunc();
+        }
+      }
+    );
+    const MoveFunc = () => {
+      controlArray[0].run([
+        controlArray[0].action().setSpdAndAccel(-6, -9, 0, 1, null, null),
+        controlArray[0].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[0].action().stopMoving()])
+      ]);
+      controlArray[1].run([
+        controlArray[1].action().setSpdAndAccel(0, -5, 0, 1, null, null),
+        controlArray[1].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[1].action().stopMoving()])
+      ]);
+      controlArray[2].run([
+        controlArray[2].action().setSpdAndAccel(6, -9, 0, 1, null, null),
+        controlArray[2].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[2].action().stopMoving()])
+      ]);
+      controlArray[3].run([
+        controlArray[3].action().setSpdAndAccel(-6, -7, 0, 1, null, null),
+        controlArray[3].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[3].action().stopMoving()])
+      ]);
+      controlArray[4].run([
+        controlArray[4].action().setSpdAndAccel(0, -8, 0, 1, null, null),
+        controlArray[4].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[4].action().stopMoving()])
+      ]);
+      controlArray[5].run([
+        controlArray[5].action().setSpdAndAccel(6, -7, 0, 1, null, null),
+        controlArray[5].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[5].action().stopMoving()])
+      ]);
+      controlArray[6].run([
+        controlArray[6].action().setSpdAndAccel(-6, -4, 0, 1, null, null),
+        controlArray[6].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[6].action().stopMoving()])
+      ]);
+      controlArray[7].run([
+        controlArray[7].action().setSpdAndAccel(0, -8, 0, 1, null, null),
+        controlArray[7].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[7].action().stopMoving()])
+      ]);
+      controlArray[8].run([
+        controlArray[8].action().setSpdAndAccel(2, -7, 0, 1, null, null),
+        controlArray[8].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[8].action().stopMoving()])
+      ]);
+      controlArray[9].run([
+        controlArray[9].action().setSpdAndAccel(6, -7, 0, 1, null, null),
+        controlArray[9].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[9].action().stopMoving()])
+      ]);
+      controlArray[10].run([
+        controlArray[10].action().setSpdAndAccel(4, -4, 0, 1, null, null),
+        controlArray[10].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[10].action().stopMoving()])
+      ]);
+      controlArray[11].run([
+        controlArray[11].action().setSpdAndAccel(6, -4, 0, 1, null, null),
+        controlArray[11].condition().reachPosition(void 0, props.style.height + 100).then([controlArray[11].action().stopMoving()])
+      ]);
+    };
+    onMounted(() => {
+      for (let i = 0; i < refArray.length; i++) {
+        controlArray[i] = refArray[i].control;
+      }
+      if (props.onOff == true) {
+        MoveFunc();
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle({
+          width: 1280,
+          height: 720,
+          transform: `scale3d(${props.displayWidth / 1280},${props.displayWidth / 1280},1)`,
+          transformOrigin: "left top"
+        })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(props.ArraySet, (item, index) => {
+          return openBlock(), createBlock(unref(_sfc_main$C), {
+            ref_for: true,
+            ref: (el) => refArray[index] = el,
+            top: item.top,
+            left: item.left,
+            width: item.width,
+            height: item.height
+          }, {
+            default: withCtx(() => [
+              createVNode(JsvMaskClipDiv, {
+                style: normalizeStyle({
+                  top: 0,
+                  left: 0,
+                  width: item.width,
+                  height: item.height
+                }),
+                viewSrc: props.imageUrl,
+                maskSrc: item.url,
+                maskLeft: item.left / props.style.width,
+                maskTop: item.top / props.style.height,
+                maskWidth: item.width / props.style.width,
+                maskHeight: item.height / props.style.height
+              }, null, 8, ["style", "viewSrc", "maskSrc", "maskLeft", "maskTop", "maskWidth", "maskHeight"])
+            ]),
+            _: 2
+          }, 1032, ["top", "left", "width", "height"]);
+        }), 256))
+      ], 4);
+    };
+  }
+};
 //!
 //! utils/JsViewVueWidget/JsvEnableRenderBreak.vue;
 //!
@@ -21206,4 +21541,4 @@ if (!window.JsView) {
 //! utils/index.js;
 //!
-export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FixPositionSlide, FocusMoveType, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, JsvAccount, _sfc_main$B as JsvActorMove, JsvActorMoveControl, _JsvApic$1 as JsvApic, _JsvApic2$1 as JsvApic2, _JsvAudio as JsvAudio, _sfc_main$6 as JsvConnectLine, _sfc_main$4 as JsvEnableRenderBreak, _sfc_main$z as JsvEnvBlocker, _sfc_main$l as JsvFilterView, _sfc_main$C as JsvFocusBlock, _sfc_main$A as JsvFreeMoveActor, JsvGrid, JsvNativeSharedDiv as JsvHole, JsvInput, _JsvLatex as JsvLatex, JsvLine, _sfc_main$i as JsvMarquee, JsvMaskClipDiv, _sfc_main$3 as JsvMindMap, JsvNativeSharedDiv, _sfc_main$g as JsvNinePatch, JsvPerformance, _sfc_main$7 as JsvPieChart, _JsvPlayer as JsvPlayer, _sfc_main$f as JsvPosterDiv, _sfc_main$e as JsvPosterImage, exportObj as JsvPreDownloader, JsvPreload, _sfc_main$5 as JsvProgressBar, _JsvQrcode$1 as JsvQrcode, _sfc_main$b as JsvRadarChart, _sfc_main$a as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$8 as JsvSector, JsvSoundPool, _JsvSpray$1 as JsvSpray, JsvSpriteAnim, _sfc_main$q as JsvSpriteLoader, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$n as JsvSwiper3D, _sfc_main$c as JsvTextBox, JsvTextStyleClass, _JsvTextureAnim$1 as JsvTextureAnim, sJsvTextureConst as JsvTextureConst, sTextureStoreApi as JsvTextureStoreApi, JsvNativeSharedDiv as JsvTransparentDiv, JsvVisibleSensor, LineType, _sfc_main$D as ListWidget, LoopType, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$E as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, SeamlessSlide, _sfc_main$E as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, disableNativeViewListener, enableNativeViewListener, getCssStyleGroup, getJsvPlayerCapabilitySet, getJsvPlayerRunningNum, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, globalLoadJsvPlayerPlugin, globalLoadSetOperator, globalPreLoadJsvPlayerPlugin, bridge as jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, setJsvPlayerDebugMode, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };
+export { BaseDispatcher, DECORATE_BORDER_RADIUS, DECORATE_NINEPATCH_ALPHA_MIX, DebugObjectRefer, DebugTools, DebugWrap81ErrorStack, DebugWrap81WarnStack, DefaultKeyCodeMap, EdgeDirection, FixPositionSlide, FocusMoveType, FreeMoveDef, FreeMoveFunc, HORIZONTAL, InputType, instance as JSBridge, JsvAccount, _sfc_main$D as JsvActorMove, JsvActorMoveControl, _JsvApic$1 as JsvApic, _JsvApic2$1 as JsvApic2, _JsvAudio as JsvAudio, _sfc_main$7 as JsvConnectLine, _sfc_main$4 as JsvEnableRenderBreak, _sfc_main$B as JsvEnvBlocker, _sfc_main$m as JsvFilterView, _sfc_main$A as JsvFlexDiv, _sfc_main$E as JsvFocusBlock, _sfc_main$C as JsvFreeMoveActor, JsvGrid, JsvNativeSharedDiv as JsvHole, JsvInput, _JsvLatex as JsvLatex, JsvLine, _sfc_main$j as JsvMarquee, JsvMaskClipDiv, _sfc_main$3 as JsvMindMap, JsvNativeSharedDiv, _sfc_main$h as JsvNinePatch, JsvPerformance, _sfc_main$8 as JsvPieChart, _JsvPlayer as JsvPlayer, _sfc_main$g as JsvPosterDiv, _sfc_main$f as JsvPosterImage, exportObj as JsvPreDownloader, JsvPreload, _sfc_main$6 as JsvProgressBar, _JsvQrcode$1 as JsvQrcode, _sfc_main$c as JsvRadarChart, _sfc_main$b as JsvRipple, JsvRippleShape, JsvScaleTextBox, _sfc_main$5 as JsvSceneTransition, _sfc_main$9 as JsvSector, JsvSoundPool, _JsvSpray$1 as JsvSpray, JsvSpriteAnim, _sfc_main$r as JsvSpriteLoader, JsvStyleClass, JsvStyleSheetsDeclarer, JsvSwiper, _sfc_main$o as JsvSwiper3D, _sfc_main$d as JsvTextBox, JsvTextStyleClass, _JsvTextureAnim$1 as JsvTextureAnim, sJsvTextureConst as JsvTextureConst, sTextureStoreApi as JsvTextureStoreApi, JsvNativeSharedDiv as JsvTransparentDiv, JsvVisibleSensor, LineType, _sfc_main$F as ListWidget, LoopType, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$G as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, SeamlessSlide, _sfc_main$G as SimpleWidget, SlideSetting, SlideStyle, SpriteController, TexAlignAnchor, TextTools, TextureInstantType, VERTICAL, WholePageSlide, buildDownloadInfo, buildPreloadInfo, combinedStyles, createImpactAutoFroze, createImpactCallback, createImpactTracer, disableNativeViewListener, enableNativeViewListener, getCssStyleGroup, getJsvPlayerCapabilitySet, getJsvPlayerRunningNum, getKeyFramesGroup, getMeasureObj, getPositionRelativeToView, getTextWidth, globalLoadJsvAudioPlugin, globalLoadJsvLatexPlugin, globalLoadJsvPlayerPlugin, globalLoadSetOperator, globalPreLoadJsvPlayerPlugin, bridge as jJsvRuntimeBridge, jsvCreateFocusManager, jsvCreateHashHistory, numberCheckSet, setJsvPlayerDebugMode, toHtmlBorderSet, toNinePatchForgeViewSet, updateImpactAutoFroze, urlCheckSet, useFocusHub };