@shijiu/jsview-vue 2.1.341-test.0 → 2.1.363-test.0

package/bin/jsview-vue.mjs

@@ -1,7 +1,7 @@
-import { ref, computed, toRaw, reactive, nextTick, onMounted, onUpdated, onBeforeUnmount, onBeforeUpdate, openBlock, renderSlot, createElementBlock, shallowRef, resolveComponent, normalizeStyle, unref, createElementVNode, Fragment, withCtx, createVNode, createCommentVNode, renderList, inject, provide, onUnmounted, onActivated, onDeactivated, createBlock, watchEffect, toDisplayString, watch, mergeProps, vShow, withDirectives } 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, toDisplayString, watch, mergeProps, withDirectives, vShow } from 'vue';
 import { Forge as Forge$1, ForgeExtension } from '@shijiu/jsview/dom/jsv-forge-define';
-import { L as LoopType } from './jsview-common.mjs';
-export { A as ApicEndState } from './jsview-common.mjs';
+import { L as LoopType } from './jsview-vue-common.mjs';
+export { A as ApicEndState } from './jsview-vue-common.mjs';
 import { _ as _export_sfc } from './export-sfc.mjs';
 import { createWebHashHistory, createMemoryHistory } from 'vue-router';
 
@@ -9,6 +9,7 @@ import { createWebHashHistory, createMemoryHistory } from 'vue-router';
 //! utils/JsViewEngineWidget/WidgetCommon.ts;
 //!
 class BaseDispatcher {
+  _Component;
   constructor() {
     console.error("BaseDispatcher is deprecated and will be removed soon. Use MetroWidget exposed methods instead.");
     this._Component = null;
@@ -89,9 +90,19 @@ const HORIZONTAL = Symbol("horizontal");
 const defaultSpeed = 1.5;
 const defaultEasing = "";
 class SlideSetting {
+  static Type = {
+    WHOLE_PAGE: 0,
+    SEAMLESS: 1,
+    FIX_POSITION: 2
+  };
+  static START_PROTECT = 1;
+  static END_PROTECT = 2;
+  Type;
+  Speed = null;
+  Easing;
+  BoundaryProtect;
+  Duration = null;
   constructor(type, speed, duration, easing, boundaryProtect) {
-    this.Speed = null;
-    this.Duration = null;
     if (typeof speed != "number" || speed <= 0) {
       console.error("SlideSetting error: speed must be number greater than 0.");
       speed = defaultSpeed;
@@ -102,19 +113,6 @@ class SlideSetting {
     this.Duration = duration;
     this.BoundaryProtect = boundaryProtect;
   }
-  static {
-    this.Type = {
-      WHOLE_PAGE: 0,
-      SEAMLESS: 1,
-      FIX_POSITION: 2
-    };
-  }
-  static {
-    this.START_PROTECT = 1;
-  }
-  static {
-    this.END_PROTECT = 2;
-  }
 }
 class WholePageSlide extends SlideSetting {
   constructor({
@@ -127,6 +125,9 @@ class WholePageSlide extends SlideSetting {
   }
 }
 class SeamlessSlide extends SlideSetting {
+  StartPercent;
+  EndPercent;
+  FixFirstPage;
   constructor({
     startPercent = 0.2,
     endPercent = 0.8,
@@ -143,6 +144,8 @@ class SeamlessSlide extends SlideSetting {
   }
 }
 class FixPositionSlide extends SlideSetting {
+  FixPercent;
+  FixFirstPage;
   constructor({
     fixPercent = 0.5,
     speed = defaultSpeed,
@@ -182,6 +185,20 @@ Dispatcher.Type = {
 //! utils/JsViewEngineWidget/TemplateParser/Fence.ts;
 //!
 class Fence {
+  /**
+   * MetroLayout用于计算使用区域的Fence(栅栏)
+   *
+   * @private
+   * @constructor _Fence
+   * @memberof Forge.MetroLayout
+   * @param {int} takenStartPos     栅栏使用区域的起始位置
+   * @param {int} width               栅栏使用区域的宽度
+   * @param {int} fenceWidth         栅栏的总宽度
+   * @param {int} offsetAhead        栅栏的横向位置
+   * */
+  Gaps;
+  FenceTotalWidth;
+  AheadOffsetInner;
   constructor(takenStartPos, width, fenceWidth, offsetAhead) {
     this.Gaps = [{ GapStart: 0, GapEnd: fenceWidth - 1 }];
     this.FenceTotalWidth = fenceWidth;
@@ -485,9 +502,17 @@ const measureObjectDefine = {
   }
 };
 class MetroTemplate {
+  supportHistoryPath;
+  idsMap;
+  uidMap;
+  templateList;
+  direction;
+  lineMax;
+  pageSize;
+  layoutType;
+  tailItemIndex = -1;
+  cachedLayoutRange = [];
   constructor(direction, lineMax, pageSize, layoutType, supportHistoryPath) {
-    this.tailItemIndex = -1;
-    this.cachedLayoutRange = [];
     this.idsMap = [];
     this.templateList = [];
     this.direction = direction;
@@ -947,6 +972,9 @@ const TAG$5 = "CommonTemplateParser";
 ;
 ;
 class CommonMetroTemplate extends MetroTemplate {
+  _FenceStack;
+  _FenceEdge;
+  _NotOccupiedEdgeList;
   constructor(direction, lineMax, pageSize, layoutType, supportHistoryPath) {
     super(direction, lineMax, pageSize, layoutType, supportHistoryPath);
     this._FenceStack = [new Fence(0, 0, this.lineMax, 0)];
@@ -1481,9 +1509,7 @@ class CommonMetroTemplate extends MetroTemplate {
   static intersects(s0, e0, s1, e1) {
     return s0 <= e1 && s1 <= e0;
   }
-  static {
-    this.iterCount = 0;
-  }
+  static iterCount = 0;
   /** get visible item list functions */
   getVisibleItemList(visibleStart, visibleEnd, baseId) {
     if (visibleStart > visibleEnd || this.templateList.length == 0) {
@@ -1862,6 +1888,16 @@ class CommonMetroTemplate extends MetroTemplate {
 //! utils/JsViewEngineWidget/TemplateParser/TemplateItemAdder.ts;
 //!
 class TemplateItemAdder {
+  _MetroTemplate;
+  _Data;
+  _PageRange;
+  _MeasureFunc;
+  _CurIndex;
+  _CurPage;
+  _SideEffect;
+  _Key;
+  _ID;
+  _OnAddDone;
   constructor(template_parser, data, measure_func, page_range, side_effect, id, onAddDone = null) {
     this._MetroTemplate = template_parser;
     this._Data = data;
@@ -2170,8 +2206,11 @@ class ListMetroTemplate extends MetroTemplate {
 //! utils/JsViewEngineWidget/MetroWidget/PageUpdater.ts;
 //!
 class PageUpdater {
+  tmpRangeSet;
+  rangeSet;
+  updateFunc;
+  count = 1;
   constructor(updateFunc) {
-    this.count = 1;
     this.tmpRangeSet = /* @__PURE__ */ new Set();
     this.rangeSet = /* @__PURE__ */ new Set();
     ;
@@ -2250,32 +2289,20 @@ class PageUpdater {
 //!
 ;
 class RenderItem {
+  divMountedCallback = [];
+  customerData;
+  templateInfo;
+  renderStyle;
+  itemConfig;
+  mounted = ref(false);
+  touchInit = false;
+  rootDiv = null;
+  enableTap = false;
+  customerCallbackMap = {};
+  onRef;
+  registerObj;
+  query;
   constructor(templateInfo, customerData, renderStyle, itemConfig, onRef, query) {
-    this.divMountedCallback = [];
-    this.mounted = ref(false);
-    this.touchInit = false;
-    this.rootDiv = null;
-    this.enableTap = false;
-    this.customerCallbackMap = {};
-    this.divRef = (ele) => {
-      this.rootDiv = ele;
-      if (ele) {
-        this.onDivMounted();
-      } else {
-        this.onDivUnmounted();
-      }
-    };
-    this.slotRef = (ele) => {
-      if (!this.mounted.value && ele) {
-        this.mounted.value = true;
-        this.onRef?.();
-      } else if (!ele && this.mounted.value) {
-        this.mounted.value = false;
-      }
-    };
-    this.onTap = computed(() => {
-      return this.enableTap ? { click: this.onClick.bind(this) } : {};
-    });
     this.templateInfo = templateInfo;
     this.customerData = customerData;
     this.renderStyle = renderStyle;
@@ -2292,6 +2319,23 @@ class RenderItem {
   get index() {
     return this.templateInfo.index;
   }
+  //TODO item的div ref 会调用多次, 待调查
+  divRef = (ele) => {
+    this.rootDiv = ele;
+    if (ele) {
+      this.onDivMounted();
+    } else {
+      this.onDivUnmounted();
+    }
+  };
+  slotRef = (ele) => {
+    if (!this.mounted.value && ele) {
+      this.mounted.value = true;
+      this.onRef?.();
+    } else if (!ele && this.mounted.value) {
+      this.mounted.value = false;
+    }
+  };
   register(name, callback) {
     this.customerCallbackMap[name] = callback;
   }
@@ -2314,6 +2358,9 @@ class RenderItem {
       return false;
     }
   }
+  onTap = computed(() => {
+    return this.enableTap ? { click: this.onClick.bind(this) } : {};
+  });
   onClick() {
     if (this.mounted.value) {
       this.customerCallbackMap.onClick?.();
@@ -2358,11 +2405,10 @@ class RenderItem {
 //! utils/JsViewEngineWidget/MetroWidget/VisibleInfo.ts;
 //!
 class VisibleInfo {
-  constructor() {
-    this._start = 0;
-    this.range = 0;
-    this._startMax = 0;
-  }
+  _start = 0;
+  range = 0;
+  padding;
+  _startMax = 0;
   set start(value) {
     this._start = value;
     this._startMax = Math.max(this._start, this._startMax);
@@ -2396,13 +2442,15 @@ class VisibleInfo {
 //! utils/JsViewEngineWidget/MetroWidget/WidgetRectInfo.ts;
 //!
 class WidgetRectInfo {
+  mWidth;
+  mHeight;
+  mPadding = {
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0
+  };
   constructor(w, h, padding) {
-    this.mPadding = {
-      left: 0,
-      top: 0,
-      right: 0,
-      bottom: 0
-    };
     this.mWidth = w;
     this.mHeight = h;
     this.mPadding.left = padding?.left ?? 0;
@@ -2440,11 +2488,14 @@ var TaskType = /* @__PURE__ */ ((TaskType2) => {
   return TaskType2;
 })(TaskType || {});
 class MacroEndTaskManager {
+  taskList = [];
+  frameCount;
+  customerOnFlushTakEnd;
+  customerOnBreak;
+  mTaskToken = ref(0);
+  mToken = 0;
+  mFlushedFrameCount = -1;
   constructor(onFlushTask, onBreak) {
-    this.taskList = [];
-    this.mTaskToken = ref(0);
-    this.mToken = 0;
-    this.mFlushedFrameCount = -1;
     this.customerOnBreak = onBreak;
     this.customerOnFlushTakEnd = onFlushTask;
   }
@@ -2499,6 +2550,10 @@ class MacroEndTaskManager {
   }
 }
 class AnimObject {
+  frameCount;
+  forgeAnim;
+  element;
+  animSetting;
   constructor(frameCount, element, from, to, setting) {
     this.frameCount = frameCount;
     this.animSetting = setting;
@@ -2538,10 +2593,8 @@ class AnimObject {
   }
 }
 class AnimationManager {
-  constructor() {
-    this.animList = [];
-    this.frameCount = 0;
-  }
+  animList = [];
+  frameCount = 0;
   startSlideAnim(element, from, to, setting) {
     let curFrameCount = Forge$1.sFrameCount.count;
     if (curFrameCount != this.frameCount) {
@@ -2596,6 +2649,10 @@ const setChildCommnadPackList = (conditionSet, callbackManager, cmdPackList) =>
   ConditionSetBuilder.SetCmdPackList(conditionSet, cmdPackList);
 };
 class ConditionPackBuilder {
+  _Callbacks;
+  _CommonInfo;
+  _CommonInfoValid;
+  _ContorlSlefNexus;
   constructor(callbackManager, selfNexus) {
     this._Callbacks = callbackManager;
     this._CommonInfo = ConditionSetBuilder.InitCommonInfo();
@@ -2816,6 +2873,13 @@ const ActOnGetAcrossSpeed = (builderThis, xSpeed, ySpeed, acts, isFinal, callbac
   }, acts, isFinal, callback);
 };
 class ActorPackBuilder {
+  _CallbackManager;
+  _ActionTokenGen;
+  _SpeedKeeps;
+  _AccKeeps;
+  _NexusRecv;
+  _CommonInfoValid;
+  _ContorlSlefNexus;
   constructor(callbackManager, selfNexus) {
     this._CallbackManager = callbackManager;
     this._ActionTokenGen = 1;
@@ -3191,9 +3255,16 @@ class StatePackBuilder {
 //! utils/JsViewVueWidget/JsvFreeMoveActor/CallbackManager.ts;
 //!
 class CallbackInfo {
+  funcRef;
+  // 回调函数
+  times;
+  // 回调的次数
+  once;
   // 是否单次回调就销毁
 }
 class CallbackManager {
+  _CallbackMap;
+  _IdGen;
   constructor() {
     this._CallbackMap = /* @__PURE__ */ new Map();
     this._IdGen = 1;
@@ -3250,6 +3321,7 @@ class CallbackManager {
 //!
 let sNexusIdGen = 1073741824;
 class NexusNode {
+  token;
   constructor() {
     sNexusIdGen = (sNexusIdGen + 1 - 1073741824) % 1073741824 + 1073741824;
     this.token = sNexusIdGen;
@@ -3263,6 +3335,13 @@ function newNexus() {
 //! utils/JsViewVueWidget/JsvFreeMoveActor/ActorControl.ts;
 //!
 class ActorControl {
+  _BindView;
+  _BindAnim;
+  _Callbacks;
+  _SelfNexusRecv;
+  _SharedQuickConditionPackBuilder;
+  _SharedQuickActionPackBuilder;
+  _StatePackBuilder;
   constructor() {
     this._BindView = null;
     this._BindAnim = null;
@@ -5919,6 +5998,7 @@ const _sfc_main$D = {
 //! utils/JsViewEngineWidget/JsvFocus/JsvFocusHub.ts;
 //!
 class JsvFocusHubApi {
+  _FocusHub;
   // JsvFocusableNode中的class Hub
   constructor(focusableHubRef) {
     this._FocusHub = focusableHubRef;
@@ -6715,7 +6795,7 @@ window.top.CreatePlayerResult = function(result) {
   } else {
     logError("Create player failed, key=" + result_obj.key);
   }
-}.bind(void 0);
+}.bind(globalThis);
 function JsvPlayerPluginEvent(data) {
   console.log("LoadPlugin2 result: " + data);
   let obj = JSON.parse(data);
@@ -9995,7 +10075,8 @@ const JsvInput = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_rende
  -->
 
 
-  
+
+
  */
 const CONST_FORMAT_TOKEN = "_JsvP_";
 const buildPreloadInfo$1 = (url, width = 0, height = 0, color_type = "RGBA_8888", net_setting = null, is_poster_img) => {
@@ -10145,19 +10226,16 @@ const _sfc_main$u = {
           preloadStateList[index] = true;
           return;
         }
-        const callback_token = texture.RegisterLoadImageCallback(
-          null,
-          (params) => {
-            console.log(`preload succeed ${image_url}`, params);
-            preloadStateList[index] = true;
-            preloadResultMap[item.url] = {
-              width: params.width,
-              height: params.height
-            };
-            console.log(`preload succeed ${item.url}, params:${params}`);
-            _checkPreload();
-          }
-        );
+        const callback_token = texture.RegisterLoadImageCallback(null, (params) => {
+          console.log(`preload succeed ${image_url}`, params);
+          preloadStateList[index] = true;
+          preloadResultMap[item.url] = {
+            width: params.width,
+            height: params.height
+          };
+          console.log(`preload succeed ${item.url}, params:${params}`);
+          _checkPreload();
+        });
         texture.EnableBackgroundLoad();
         const texture_setting = new Forge$1.ExternalTextureSetting(texture);
         const preload_view = new Forge$1.PreloadView(texture_setting);
@@ -10174,10 +10252,7 @@ const _sfc_main$u = {
         loadedNum = state ? ++loadedNum : loadedNum;
       });
       if (props.onDownloadDone && loadedNum === downloadStateList.length - downloadIsNullNum) {
-        props.onDownloadDone(
-          downloadStateList,
-          downloadResultMap
-        );
+        props.onDownloadDone(downloadStateList, downloadResultMap);
       }
     };
     const _getDownloadViewIdList = () => {
@@ -10213,9 +10288,7 @@ const _sfc_main$u = {
           item.getImageSize
         );
         if (!texture) {
-          console.error(
-            "Error: Down view build texture failed for " + image_url
-          );
+          console.error("Error: Down view build texture failed for " + image_url);
           downloadStateList[index] = "invalid";
           return;
         }
@@ -10244,8 +10317,6 @@ const _sfc_main$u = {
       });
     };
     _releaseForgeView();
-    _getPreloadViewIdList();
-    _getDownloadViewIdList();
     watchEffect(() => {
       if (props.preloadList) {
         console.log("JsvPreload: update preloadList");
@@ -10698,26 +10769,24 @@ const getsAnimationToken = () => {
 let keyFrameStyleSheet = getKeyFramesGroup(null);
 const TRANSFORM_ORIGIN_LEFT_TOP = "left top";
 class TransformInfoResule {
-  constructor() {
-    this.csw = 1;
-    this.csh = 1;
-    this.cx = 0;
-    this.cy = 0;
-    this.sw = 1;
-    this.sh = 1;
-    this.x = 0;
-    this.y = 0;
-  }
+  csw = 1;
+  csh = 1;
+  cx = 0;
+  cy = 0;
+  sw = 1;
+  sh = 1;
+  x = 0;
+  y = 0;
 }
 class SpritePack {
-  constructor() {
-    this.keyFrameRefName = null;
-    this.clipKeyFrameName = null;
-    this.transKeyFrameName = null;
-    this.clipStyle = null;
-    this.transStyle = null;
-    this.imageStyle = null;
-  }
+  keyFrameRefName = null;
+  clipKeyFrameName = null;
+  transKeyFrameName = null;
+  clipStyle = null;
+  // 对应clip div的style控制
+  transStyle = null;
+  // 对应translate div的style控制
+  imageStyle = null;
   // 对应最内部的图片展示的div的style控制
 }
 function getAnimNameBase() {
@@ -10866,8 +10935,9 @@ function newFrozeFrame(image_url, frame_info_list, index, canvas_width, canvas_h
 ;
 
 //!
-//! utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteAnim.vue?vue&type=style&index=0&scoped=3f4fc537&lang.css;
+//! utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteAnim.vue?vue&type=style&index=0&scoped=fa78d758&lang.css;
 //!
+const JsvSpriteAnim_vue_vue_type_style_index_0_scoped_fa78d758_lang = "";
 
 //!
 //! utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteAnim.vue;
@@ -11134,7 +11204,7 @@ const _sfc_main$r = {
           indexArray = "all";
         }
         if (!loopSet) {
-          loopSet = "";
+          loopSet = props.loop;
         }
         if (!duration) {
           duration = props.duration;
@@ -11197,9 +11267,9 @@ const _sfc_main$r = {
     };
   }
 };
-const styleSheetsContent$1 = { "0": { "sprite-tag-3f4fc537": "@keyframes sprite-tag-3f4fc537 {}" } };
+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-3f4fc537"]]);
+const JsvSpriteAnim = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__scopeId", "data-v-fa78d758"]]);
 
 //!
 //! utils/JsViewVueWidget/JsvSpriteAnim/JsvSpriteLoader.vue;
@@ -12199,6 +12269,7 @@ const _sfc_main$n = {
       let startPosX = leftArray[i + 1].left + leftArray[i + 1].width / 2;
       leftArray[i].left = startPosX - space.value - leftArray[i].width / 2;
     }
+    let aniDistance = leftArray[midIndex].left - leftArray[midIndex - 1].left;
     for (let i = midIndex + 1; i < items.length; i++) {
       let startPosX = leftArray[i - 1].left + leftArray[i - 1].width / 2;
       leftArray[i].left = startPosX + space.value - leftArray[i].width / 2;
@@ -12321,7 +12392,7 @@ const _sfc_main$n = {
     let styleShell = getKeyFramesGroup();
     let slideToLeftA = `@keyframes slideToLeftA {
             from {
-              transform: translate3d(${-150}, 0, 0);
+              transform: translate3d(${-aniDistance}, 0, 0);
             }
             to {
               transform: translate3d(0, 0, 0);
@@ -12330,7 +12401,7 @@ const _sfc_main$n = {
     styleShell.insertRule(slideToLeftA);
     let slideToLeftB = `@keyframes slideToLeftB {
             from {
-              transform: translate3d(${-150}, 0, 0);
+              transform: translate3d(${-aniDistance}, 0, 0);
             }
             to {
               transform: translate3d(0, 0, 0);
@@ -12339,7 +12410,7 @@ const _sfc_main$n = {
     styleShell.insertRule(slideToLeftB);
     let slideToRightA = `@keyframes slideToRightA {
             from {
-              transform: translate3d(${150}, 0, 0);
+              transform: translate3d(${aniDistance}, 0, 0);
             }
             to {
               transform: translate3d(0, 0, 0);
@@ -12348,7 +12419,7 @@ const _sfc_main$n = {
     styleShell.insertRule(slideToRightA);
     let slideToRightB = `@keyframes slideToRightB {
             from {
-              transform: translate3d(${150}, 0, 0);
+              transform: translate3d(${aniDistance}, 0, 0);
             }
             to {
               transform: translate3d(0, 0, 0);
@@ -12357,7 +12428,7 @@ const _sfc_main$n = {
     styleShell.insertRule(slideToRightB);
     let lowerA = `@keyframes lowerA {
             from {
-              transform: scale3d(1.1, 1.1, 1);
+              transform: scale3d(${1 + props.sideScale},${1 + props.sideScale}, 1);
             }
             to {
               transform: scale3d(1, 1, 1);
@@ -12366,7 +12437,7 @@ const _sfc_main$n = {
     styleShell.insertRule(lowerA);
     let lowerB = `@keyframes lowerB {
             from {
-              transform: scale3d(1.1, 1.1, 1);
+              transform: scale3d(${1 + props.sideScale},${1 + props.sideScale}, 1);
             }
             to {
               transform: scale3d(1, 1, 1);
@@ -12375,7 +12446,7 @@ const _sfc_main$n = {
     styleShell.insertRule(lowerB);
     let biggerA = `@keyframes biggerA {
             from {
-              transform: scale3d(${1 / 1.1},${1 / 1.1} , 1);
+              transform: scale3d(${1 / (1 + props.sideScale)},${1 / (1 + props.sideScale)} , 1);
             }
             to {
               transform: scale3d(1, 1, 1);
@@ -12384,7 +12455,7 @@ const _sfc_main$n = {
     styleShell.insertRule(biggerA);
     let biggerB = `@keyframes biggerB {
             from {
-              transform: scale3d(${1 / 1.1},${1 / 1.1} , 1);
+              transform: scale3d(${1 / (1 + props.sideScale)},${1 / (1 + props.sideScale)} , 1);
             }
             to {
               transform: scale3d(1, 1, 1);
@@ -12393,7 +12464,7 @@ const _sfc_main$n = {
     styleShell.insertRule(biggerB);
     let slideToLeft0A = `@keyframes slideToLeft0A {
       from {
-              transform: translate3d(${150}, 0, 0);
+              transform: translate3d(${aniDistance}, 0, 0);
             }
             to {
               transform: translate3d(0, 0, 0);
@@ -12402,7 +12473,7 @@ const _sfc_main$n = {
     styleShell.insertRule(slideToLeft0A);
     let slideToLeft0B = `@keyframes slideToLeft0B {
       from {
-              transform: translate3d(${150}, 0, 0);
+              transform: translate3d(${aniDistance}, 0, 0);
             }
             to {
               transform: translate3d(0, 0, 0);
@@ -12411,7 +12482,7 @@ const _sfc_main$n = {
     styleShell.insertRule(slideToLeft0B);
     let slideToRight0A = `@keyframes slideToRight0A {
       from {
-              transform: translate3d(${-150}, 0, 0);
+              transform: translate3d(${-aniDistance}, 0, 0);
             }
             to {
               transform: translate3d(0, 0, 0);
@@ -12420,7 +12491,7 @@ const _sfc_main$n = {
     styleShell.insertRule(slideToRight0A);
     let slideToRight0B = `@keyframes slideToRight0B {
       from {
-              transform: translate3d(${-150}, 0, 0);
+              transform: translate3d(${-aniDistance}, 0, 0);
             }
             to {
               transform: translate3d(0, 0, 0);
@@ -12452,6 +12523,20 @@ const _sfc_main$n = {
       onFocus: props.onFocus,
       onBlur: props.onBlur
     };
+    onBeforeUnmount(() => {
+      styleShell.removeRule("slideToLeftA");
+      styleShell.removeRule("slideToLeftB");
+      styleShell.removeRule("slideToRightA");
+      styleShell.removeRule("slideToRightB");
+      styleShell.removeRule("slideToLeft0A");
+      styleShell.removeRule("slideToLeft0B");
+      styleShell.removeRule("slideToRight0A");
+      styleShell.removeRule("slideToRight0B");
+      styleShell.removeRule("lowerA");
+      styleShell.removeRule("lowerB");
+      styleShell.removeRule("biggerA");
+      styleShell.removeRule("biggerB");
+    });
     return (_ctx, _cache) => {
       const _component_jsv_focus_block = resolveComponent("jsv-focus-block");
       return openBlock(), createBlock(_component_jsv_focus_block, {
@@ -14929,9 +15014,7 @@ const disableNativeViewListener = (listenerId) => {
 //! utils/JsViewVueTools/JsvPerformance.ts;
 //!
 class JsvPerformance {
-  static {
-    this.posterSingleThreadDecode = false;
-  }
+  static posterSingleThreadDecode = false;
   static setPosterSingleThreadDecode(v) {
     JsvPerformance.posterSingleThreadDecode = v;
   }
@@ -14944,8 +15027,8 @@ class JsvPerformance {
 //! utils/JsViewVueTools/JsvTextureStore/Store.ts;
 //!
 class JsvTextureStore {
+  textureMap = /* @__PURE__ */ new Map();
   constructor() {
-    this.textureMap = /* @__PURE__ */ new Map();
   }
   addToStore(storeName, textureRef) {
     this.textureMap.set(storeName, textureRef);
@@ -14970,10 +15053,11 @@ let sStore = new JsvTextureStore();
 //! utils/JsViewVueTools/JsvTextureStore/Texture.ts;
 //!
 class TextureBase {
+  baseName = "T";
+  textureRef = null;
+  // Forge.ImageTexture
+  storeName = "";
   constructor(baseName) {
-    this.baseName = "T";
-    this.textureRef = null;
-    this.storeName = "";
     if (baseName) {
       this.baseName = baseName;
     }
@@ -15027,10 +15111,10 @@ const PATH_CMD_CLOSE = 33;
 //! utils/JsViewVueTools/JsvTextureStore/CanvasTexture/Path.ts;
 //!
 class DrawingPath {
+  drawCommandsRefs = [];
+  finishedDraw = false;
   // 控制stroke和fill只能调用一次
   constructor(drawCmds) {
-    this.drawCommandsRefs = [];
-    this.finishedDraw = false;
     this.drawCommandsRefs = drawCmds;
   }
   /**
@@ -15077,6 +15161,10 @@ class DrawingPath {
   }
 }
 class RectPath extends DrawingPath {
+  rectLeft;
+  rectTop;
+  rectRight;
+  rectBottom;
   constructor(drawCmds, left, top, right, bottom) {
     super(drawCmds);
     this.rectLeft = left;
@@ -15096,6 +15184,9 @@ class RectPath extends DrawingPath {
   }
 }
 class CirclePath extends DrawingPath {
+  circleCenterX;
+  circleCenterY;
+  circleRadius;
   constructor(drawCmds, centerX, centerY, radius) {
     super(drawCmds);
     this.circleCenterX = centerX;
@@ -15113,9 +15204,9 @@ class CirclePath extends DrawingPath {
   }
 }
 class CustomPath extends DrawingPath {
+  pathCommands = [];
   constructor(drawCmds) {
     super(drawCmds);
-    this.pathCommands = [];
   }
   /**
    * moveTo
@@ -15195,6 +15286,8 @@ class CustomPath extends DrawingPath {
 //! utils/JsViewVueTools/JsvTextureStore/CanvasTexture/CanvasTexture.ts;
 //!
 class CanvasTexture extends TextureBase {
+  drawCommands = [];
+  commited = false;
   // commit只能执行一次, 执行过后无法再更改texture内容
   /**
    * canvasTexture
@@ -15205,8 +15298,6 @@ class CanvasTexture extends TextureBase {
    */
   constructor(width, height, baseName) {
     super(baseName);
-    this.drawCommands = [];
-    this.commited = false;
     this.drawCommands?.push({
       "cmd": CMD_ALLOC_CANVAS,
       "w": width,
@@ -17011,6 +17102,7 @@ class LineTexture {
 //!
 //! utils/JsViewVueWidget/JsvLine/JsvLine.vue?vue&type=style&index=0&scoped=10b9ebcf&lang.css;
 //!
+const JsvLine_vue_vue_type_style_index_0_scoped_10b9ebcf_lang = "";
 
 //!
 //! utils/JsViewVueWidget/JsvLine/JsvLine.vue;
@@ -17910,9 +18002,9 @@ function opposite(dir) {
   }
 }
 class Point {
+  x = 0;
+  y = 0;
   constructor(x, y) {
-    this.x = 0;
-    this.y = 0;
     this.x = x;
     this.y = y;
   }
@@ -17945,6 +18037,8 @@ class Point {
   }
 }
 class Line {
+  p0;
+  p1;
   constructor(p0, p1) {
     this.p0 = p0;
     this.p1 = p1;
@@ -17954,6 +18048,10 @@ class Line {
   }
 }
 class Rect {
+  x;
+  y;
+  width;
+  height;
   constructor(x, y, width, height) {
     this.x = x;
     this.y = y;
@@ -18142,48 +18240,33 @@ class Rect {
 const NO_NEIGHBOR = Symbol("noNeighbor");
 let token = 0;
 class DataNode {
+  idToken = token++;
+  static DEFAULT_MOVE_TYPE = "star";
+  parent = null;
+  children = [];
+  rect;
+  depth;
+  customerData;
+  customerId;
+  moveType = "inherit";
+  lineList = [];
+  //焦点移动相关
+  moveInfoCache = {
+    moveType: null,
+    parentDir: null,
+    childDir: null,
+    left: null,
+    top: null,
+    right: null,
+    bottom: null
+  };
   constructor(rect, depth, id, data, moveType = "inherit") {
-    this.idToken = token++;
-    this.parent = null;
-    this.children = [];
-    this.moveType = "inherit";
-    this.lineList = [];
-    this.moveInfoCache = {
-      moveType: null,
-      parentDir: null,
-      childDir: null,
-      left: null,
-      top: null,
-      right: null,
-      bottom: null
-    };
-    this.customerListener = {};
-    this.mounted = false;
-    this.focused = false;
-    this.divRef = null;
-    this.lineStyle = null;
-    this.onRef = (divRef) => {
-      if (this.divRef == null && !!divRef) {
-        this.mounted = true;
-        this.divRef = divRef;
-        if (this.focused) {
-          this.customerListener.onFocus?.();
-        }
-      } else if (this.divRef != null && !divRef) {
-        this.divRef = null;
-        this.mounted = false;
-        this.customerListener = {};
-      }
-    };
     this.rect = rect;
     this.depth = depth;
     this.customerData = data;
     this.moveType = moveType;
     this.customerId = id;
   }
-  static {
-    this.DEFAULT_MOVE_TYPE = "star";
-  }
   //>>>>为了对接rtree库>>>>
   get minX() {
     return this.rect.minX;
@@ -18452,6 +18535,12 @@ class DataNode {
     }
     return targetChild;
   }
+  //描画相关代码
+  customerListener = {};
+  mounted = false;
+  focused = false;
+  divRef = null;
+  lineStyle = null;
   setLineStyle(style) {
     this.lineStyle = style;
   }
@@ -18476,6 +18565,19 @@ class DataNode {
       }
     };
   }
+  onRef = (divRef) => {
+    if (this.divRef == null && !!divRef) {
+      this.mounted = true;
+      this.divRef = divRef;
+      if (this.focused) {
+        this.customerListener.onFocus?.();
+      }
+    } else if (this.divRef != null && !divRef) {
+      this.divRef = null;
+      this.mounted = false;
+      this.customerListener = {};
+    }
+  };
 }
 
 //!
@@ -19993,10 +20095,10 @@ let PluginInfo$1 = {
   // downloadUrl:"http://192.168.0.63:8080/plugin/JsvAudio-164.zip", //插件下载地址
   packageName: "com.qcode.jsvaudio",
   name: "音频插件",
-  version: "1.0.26",
+  version: "1.0.27",
   //插件需要的版本号
-  versionCodeMin: 26,
-  versionCodeMax: 26,
+  versionCodeMin: 27,
+  versionCodeMax: 27,
   bridgeName: "jsvAudioBridge",
   //插件bridge注册到jsview的名称
   className: "com.qcode.jsvaudio.JsvAudio",
@@ -20656,9 +20758,10 @@ const _sfc_main$1 = {
   },
   setup(__props) {
     const props = __props;
-    let key = "JsvAudio_" + window.JsView?.getJsContextId?.() + "_" + getKeyToken();
+    const jsviewCoreInfo = window.JsView?.getJsContextId?.() + "_" + window.JsView.CodeRevision;
+    let key = "JsvAudio_" + jsviewCoreInfo + "_" + getKeyToken();
     if (props.playerKey) {
-      key = props.playerKey + "_" + window.JsView?.getJsContextId?.();
+      key = props.playerKey + "_" + jsviewCoreInfo;
     }
     console.log("player key:" + key);
     const audio = sAudioManager.createAudio(key);