@shijiu/jsview-vue 2.1.367-test.0 → 2.1.435

package/bin/jsview-vue.mjs

@@ -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$G = {
   __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$F = {
   __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$G, { 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$E = {
   __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$D = {
   __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$D);
     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$C = {
   __name: "JsvActorMove",
   props: {
     control: {
@@ -8829,7 +8883,7 @@ const _sfc_main$B = {
 
 
  */
-const _sfc_main$A = {
+const _sfc_main$B = {
   __name: "FreeMoveActor",
   props: {
     // 设置给父节点，动画节点必须top/left为0, 以保证PC端模拟通过style直接获取当前位置信息的逻辑能通过
@@ -8915,7 +8969,7 @@ const KeepFlags = {
 
 
  */
-const _sfc_main$z = {
+const _sfc_main$A = {
   __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$z = {
+  __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;
 //!
@@ -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,9 +10593,8 @@ const JsvPreload = _JsvPreload;
  *                              height {int}     logo的高度
  *                       }
  -->
- 
 
- 
+
 
  */
 const _sfc_main$t = {
@@ -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
@@ -11667,7 +11869,7 @@ const keyCode2EdgeDirection = (keyCode) => {
   }
 };
 const _sfc_main$o = {
-  components: { JsvActorMove: _sfc_main$B, JsvVisibleSensor },
+  components: { JsvActorMove: _sfc_main$C, JsvVisibleSensor },
   props: {
     showIndicator: {
       type: Boolean,
@@ -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);
@@ -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
@@ -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,
@@ -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$z), {
+        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"]);
     };
   }
 };
@@ -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$8, {
+              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))
+      ]);
     };
   }
 };
@@ -21206,4 +21400,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$C 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$A as JsvEnvBlocker, _sfc_main$l as JsvFilterView, _sfc_main$z as JsvFlexDiv, _sfc_main$D as JsvFocusBlock, _sfc_main$B 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$E as ListWidget, LoopType, METRO_WIDGET, METRO_WIDGET as METRO_WIDGET_CONST, _sfc_main$F as MetroWidget, PageType, RENDER_ITEM_BREAK_KEY, Dispatcher as SWidgetDispatcher, SeamlessSlide, _sfc_main$F 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 };