@shijiu/jsview-vue 1.9.650 → 1.9.720

package/utils/JsViewPlugin/JsvPlayer/JsvMedia.js

@@ -190,7 +190,7 @@ function findMediaObjectByKey(key){
 }
 
 class JsvBaseMedia {
-    constructor(type, hole_id, player_type, key, background, design_map_width, decode_type) {
+    constructor(type, window_mode, hole_id, player_type, key, background, design_map_width, decode_type) {
         logTrace("Create JsvBaseMedia, type="+type+", hole_id="+hole_id+", player_type="+player_type+", key="+key+", background="+background+", design_map_width="+design_map_width+", decode_type="+decode_type);
         
         this.state = {
@@ -206,6 +206,7 @@ class JsvBaseMedia {
             timeUpdateLess: false,
             rate: 1.0,
             volume: 1.0,
+            chromaKey: null,
         };
         
 		this.local = {
@@ -219,6 +220,7 @@ class JsvBaseMedia {
         this.type = type;
         this.playerCreate = false;
         this.key = key;
+        this.windowMode = window_mode;
         this.background = background;
         this.holeId = hole_id;
         this.holeIdModify = hole_id;
@@ -265,7 +267,7 @@ class JsvBaseMedia {
 
         let share_view = true;
 
-        let result = window.jsvPlayerBridge.CreatePlayer(this.key, this.holeId, this.background, this.designMapWidth, share_view, this.playerType, this.decodeType, "top.CreatePlayerResult");
+        let result = window.jsvPlayerBridge.CreatePlayer(this.key, this.windowMode, this.holeId, this.background, this.designMapWidth, share_view, this.playerType, this.decodeType, "top.CreatePlayerResult");
         if(result > 0){
             this.initPlayer();
         }
@@ -341,6 +343,10 @@ class JsvBaseMedia {
         if(this.state["aspectRatio"] !== "origin"){
             this.setState("aspectRatio", this.state["aspectRatio"], "string");
         }
+
+        if(this.state["chromaKey"]){
+            this.setState("chromaKey", this.state["chromaKey"], "string");
+        }
     }
 
     onVisibilityChangeCallBack(){
@@ -841,7 +847,7 @@ class JsvBaseMedia {
      * 属性，string类型，播放地址，不支持读取。
      */
     set src(value) {
-        this.setSrc(value, null, 1)
+        this.setSrc(value, null, null, 1)
     }
 
     /**
@@ -890,17 +896,26 @@ class JsvBaseMedia {
     /**
      * 设置播放地址。
      * @param {string} url 播放地址。
+     * @param {String} windowMode 播放器窗口模式。
+     *                 null：使用this.windowMode作为窗口模式。
+     *                 full：观影模式，全屏方式，不建议修改w/h/l/t，视频清晰度/流畅度最佳；
+     *                 resizable：可变窗口模式，可以随意修改w/h/l/t，支持动画效果，视频清晰度/流畅度表现可能不如full模式；
+     *                 pip：画中画模式，只在支持多路硬解的情况下使用，用户画中画的小窗播放，对清晰度/流畅度要求较差，可能会有反交错问题。
      * @param {string} head 网络请求的head信息，可以为NULL。
-     * @param {int} type 类型，1表示点播，2表示直播，3表示时移，默认1。
+     * @param {int} type 类型，1表示点播，2表示直播，3表示时移，4表示回看，默认1。
      * @param {double} timeShift 时移时间，只有在type=3时才有效，表示从当前时间时移多长时间，单位秒。
      * @param {int} 分辨率类型 0:unknown或其它；1:标清；2:高清；3:超清（720P）；4:蓝光（1080P）；5:2K；6:4K；7:8K。
+     * @param {int} 用户频道号，只在直播回看状态下需要设置 
      */
-    setSrc(url, head, type, timeShift, resolution){
+    setSrc(url, windowMode, head, type, timeShift, resolution, mixNo){
         let src = {};
         src.url = url;
         if(head){
             src.head = head;
         }
+        if(windowMode){
+            src.windowMode = windowMode;
+        }
         if(type){
             src.type = type;
         }else{
@@ -914,6 +929,10 @@ class JsvBaseMedia {
             src.resolution = resolution;
         }
 
+        if(mixNo && typeof mixNo == "number"){
+            src.channelID = mixNo;
+        }
+
         this.currentEventStatus = EVENT_STATUS_NONE;
         this.setState("src", JSON.stringify(src), "string");
         this.eventReport = true;
@@ -1154,12 +1173,46 @@ class JsvBaseMedia {
      * @param {double} time，值为从当前时间计算向前移动了多长时间，单位秒。
      */
     setTimeShift(time){
-        logTrace("setTimeShift, key="+this.key+", time"+time);
+        logTrace("setTimeShift, key="+this.key+", time="+time);
         if(this.playerCreate && this.appVisible){
             window.jsvPlayerBridge.setTimeShift(this.key, time);
         }
     }
 
+    /**
+     * 设置色度抠像参数，只支持扣绿。
+     * 参考格式：{color: 0x30FF30, colorDistance: 0.15, edgeDistance: 0.4, greenOffset: 0.05}
+     * @param {JSON object} chromaKey，抠像参数，JSON Object包含的参数如下：
+     *                                 color，色值，int类型，为抠图色值范围的中心点，格式为0xRRGGBB。
+     *                                 colorDistance，float类型，色域范围，范围0-1.0。
+     *                                 edgeDistance，float类型，alpha透明度距离，范围colorDistance-1.0，从colorDistance到edgeDistance的alpha值从1.0-0线性递减。
+     *                                 greenOffset，float类型，红蓝差值，范围0-1.0。
+     */
+     setChromaKey(chromaKey){
+        logTrace("setChromaKey, key="+this.key+", chroma key="+JSON.stringify(chromaKey));
+        this.setState("chromaKey", JSON.stringify(chromaKey), "string");
+    }
+
+    setDebugMode(mode){
+        logTrace("setDebugMode, key="+this.key+", mode="+mode);
+        if(typeof window.jsvPlayerBridge !== "undefined"){
+            return window.jsvPlayerBridge.setDebugMode(this.key, mode);
+        }
+    }
+
+    /**
+     * 获取是否支持倍速设置，在onCanPlay事件发送以后，通过此接口查询。
+     * @returns {boolean} true:支持播放倍速设置；false：不支持播放倍速设置。
+     * */
+    supportPlaybackRateSet(){
+        logTrace("supportPlaybackRateSet, key="+this.key);
+        if(typeof window.jsvPlayerBridge !== "undefined"){
+            return window.jsvPlayerBridge.supportRateSet(this.key);
+        }
+
+        return false;
+    }
+
     /**
      * 私有接口，外部不需要调用此接口。
      */
@@ -1215,21 +1268,21 @@ class JsvBaseMedia {
 }
 
 class JsvMedia extends JsvBaseMedia {
-    constructor(type, hole_id, player_type, key, background, design_map_width, decode_type) {
-        super(type, hole_id, player_type, key, background, design_map_width, decode_type);
+    constructor(type, window_mode, hole_id, player_type, key, background, design_map_width, decode_type) {
+        super(type, window_mode, hole_id, player_type, key, background, design_map_width, decode_type);
         //super.buildPlatformInstance(type);
     }
 }
 
 class JsvMediaAudio extends JsvMedia {
     constructor() {
-        super("audio", null, null, null, null, null, 0);
+        super("audio", "resizable", null, null, null, null, null, 0);
     }
 }
 
 class JsvMediaVideo extends JsvMedia {
-    constructor(hole_id, player_type, key, background, design_map_width, decode_type) {
-        super("video", hole_id, player_type, key, background, design_map_width, decode_type);
+    constructor(hole_id, window_mode, player_type, key, background, design_map_width, decode_type) {
+        super("video", window_mode, hole_id, player_type, key, background, design_map_width, decode_type);
         
         this.state.aspectRatio = 'origin'; // 'origin', 'full', '16:9', '4:3',
     }
@@ -1286,7 +1339,7 @@ function getJsvPlayerCapabilitySet(){
      *                  支持三个属性：1、total：总的播放器个数；2、hardware：硬解播放器个数；3、软解播放器个数，如果硬解播放器个数不满足需求，会根据cpu能力确定是否提供软解播放器。
      * */
 function setJsvPlayerNumber(videoType, num){
-    logTrace("setPlayerNumber, key="+this.key+", videoType="+videoType+", num="+num);
+    logTrace("setPlayerNumber, videoType="+videoType+", num="+num);
     if(typeof window.jsvPlayerBridge !== "undefined"){
         return window.jsvPlayerBridge.setPlayerNumber(videoType, num);
     }else{
@@ -1294,10 +1347,37 @@ function setJsvPlayerNumber(videoType, num){
     }
 }
 
+function setJsvPlayerDebugMode(mode){
+    logTrace("setJsvPlayerDebugMode, mode="+mode);
+    if(typeof window.jsvPlayerBridge !== "undefined"){
+        window.jsvPlayerBridge.setDebugMode(null, mode);
+    }
+}
+
+function getJsvPlayerRunningNum(){
+    logTrace("getJsvPlayerRunningNum");
+    if(typeof window.jsvPlayerBridge !== "undefined"){
+        return window.jsvPlayerBridge.getRunningPlayerNum();
+    }
+    return -1;
+}
+
+function setOperator(operator){
+    logTrace("setOperator");
+    if(typeof window.jsvPlayerBridge !== "undefined"){
+        return window.jsvPlayerBridge.setOperator(operator);
+    }
+}
+
+function globalLoadSetOperator(operator){
+    setOperator(operator)
+}
+
 export {
     JsvMediaVideo,
     JsvMediaAudio,
     globalLoadJsvPlayerPlugin,
+    globalLoadSetOperator,
     findMediaObjectByKey,
     getJsvPlayerCapabilitySet,
     setJsvPlayerNumber,
@@ -1307,4 +1387,7 @@ export {
     logWarning,
     logDebug,
     logTrace,
+    setJsvPlayerDebugMode,
+    getJsvPlayerRunningNum,
+    setOperator,
 }

package/utils/JsViewPlugin/JsvPlayer/JsvPlayer.vue

@@ -1,6 +1,6 @@
 <script>
 import {JsvMediaVideo, findMediaObjectByKey, logDebug} from './JsvMedia'
-import JsvNativeSharedDiv from 'jsview/utils/JsViewVueWidget/JsvNativeSharedDiv.vue'
+import JsvNativeSharedDiv from '../../JsViewVueWidget/JsvNativeSharedDiv.vue'
 
 
 export default {
@@ -18,6 +18,13 @@ export default {
 		 * 属性，String类型，播放器实例索引，同样的key使用同一个播放器实例。
 		 */
 		playerKey: { type: String, default: null},
+		/**
+		 *  属性，String类型，播放器窗口模式，默认resizable模式。
+		 *                  full：观影模式，全屏方式，不建议修改w/h/l/t，视频清晰度/流畅度最佳；
+		 *                  resizable：可变窗口模式，可以随意修改w/h/l/t，支持动画效果，视频清晰度/流畅度表现可能不如full模式；
+		 *                  pip：画中画模式，只在支持多路硬解的情况下使用，用户画中画的小窗播放，对清晰度/流畅度要求较差，可能会有反交错问题。
+		 */
+		windowMode: {type: String, default: "resizable"},
 		/**
 		 * 属性，int类型，底层使用的播放器类型。1：系统播放器；2:jsv播放器。默认2。
 		 */
@@ -54,6 +61,16 @@ export default {
 		 * 属性，String类型，视频显示比例，origin原始比例显示，full全屏显示，x:y按照指定比例显示。
 		 */
 		videoAspectRatio: {type: String, default: "origin"},
+		/**
+		 * 属性，JSON Object类型，色度抠像参数，包含color，colorDistance，edgeDistance，greenOffset四个参数，
+		 * 参考格式：{color: 0x30FF30, colorDistance: 0.15, edgeDistance: 0.4, greenOffset: 0.05}
+		 *          color，色值，int类型，为抠图色值范围的中心点，格式为0xRRGGBB。
+     	 *          colorDistance，float类型，色域范围，范围0-1.0。
+     	 *          edgeDistance，float类型，alpha透明度距离，范围colorDistance-1.0，从colorDistance到edgeDistance的alpha值从1.0-0线性递减。
+     	 *          greenOffset，float类型，红蓝差值，范围0-1.0。
+		 * 目前只支持扣绿。
+		 */
+		chromaKey: {type: Object, default: null},
 		/**
 		 * 回调函数，播放结束时通过此回调接口通知。
 		 */
@@ -226,7 +243,7 @@ export default {
 		let first_create = true;
 
 		if(!this.video){
-			this.video = new JsvMediaVideo(this.holeId, player_type, key, background, designMap.width, this.decodeType);
+			this.video = new JsvMediaVideo(this.holeId, this.windowMode, player_type, key, background, designMap.width, this.decodeType);
 		}else{
 			this.video.setRef();
 			first_create = false;
@@ -262,6 +279,10 @@ export default {
 					if(this.videoAspectRatio !== "origin"){
 						this.video.videoAspectRatio = this.videoAspectRatio;
 					}
+
+					if(this.chromaKey && this.chromaKey !== ""){
+						this.video.setChromaKey(this.chromaKey)
+					}
 				//}else{
 				if(!first_create){
 					this.video.setHoleID(this.holeId);

package/utils/JsViewPlugin/JsvPlayer/JsvPlayerBrowser.vue

@@ -38,7 +38,7 @@ export default {
   beforeUnmount() {
     if (this.onRef) {
         // video_ref为null，代表video标签卸载处理
-        this.onRef(null);
+        this.onshallowRef(null);
     }
   }
 };

package/utils/JsViewPlugin/JsvPlayer/index.js

@@ -2,10 +2,17 @@
 import * as JsvPlayer from "./JsvPlayer.vue";
 import { globalLoadJsvPlayerPlugin as initPlugin } from "./JsvMedia.js"
 import { getJsvPlayerCapabilitySet as getCapabilitySet } from "./JsvMedia.js"
+import { setJsvPlayerDebugMode as setDebugMode } from "./JsvMedia.js"
+import { getJsvPlayerRunningNum as getRunningPlayerNum } from "./JsvMedia.js"
+import { globalLoadSetOperator as setOperator } from"./JsvMedia.js"
 let _JsvPlayer = JsvPlayer;
 
 let globalLoadJsvPlayerPlugin = initPlugin;
 let getJsvPlayerCapabilitySet = getCapabilitySet;
+let setJsvPlayerDebugMode = setDebugMode;
+let getJsvPlayerRunningNum = getRunningPlayerNum;
+let globalLoadSetOperator = setOperator;
+
 if (window.JsvWidgetWrapperGroup?.BrowserJsvPlayer) {
     // 浏览器版本
     _JsvPlayer = window.JsvWidgetWrapperGroup.BrowserJsvPlayer;
@@ -19,6 +26,18 @@ if (window.JsvWidgetWrapperGroup?.BrowserJsvPlayer) {
     getJsvPlayerCapabilitySet = () => {
         return null;
     }
+
+    setJsvPlayerDebugMode = () => {
+        console.log("Set debug mode");
+    }
+
+    getJsvPlayerRunningNum = () => {
+        return -1;
+    }
+
+    globalLoadSetOperator = (operator)=>{
+        console.log("operator is "+operator);
+    }
 }
 
 let component = _JsvPlayer.default;
@@ -27,5 +46,7 @@ export default component;
 export {
     globalLoadJsvPlayerPlugin, // 全局初始化播放器插件处理
     getJsvPlayerCapabilitySet, //获取设备能力集
-
+    setJsvPlayerDebugMode, //设置调试模式，可以查看帧率等信息
+    getJsvPlayerRunningNum, //获取正在运行的播放器个数
+    globalLoadSetOperator,// 设置运营商
 }

package/utils/JsViewPlugin/JsvPlayer/version.js

@@ -2,16 +2,16 @@ let PluginInfo={
     // downloadUrl:"http://192.168.0.63:8080/plugin/JsvPlayer-164.zip", //插件下载地址
     packageName:"com.qcode.jsvplayer",
     name:"播放器插件",
-    version:"1.6.6",  //插件需要的版本号
-    versionCodeMin:166,
-    versionCodeMax:166,
+    version:"1.8.6",  //插件需要的版本号
+    versionCodeMin:186,
+    versionCodeMax:186,
     bridgeName:"jsvPlayerBridge", //插件bridge注册到jsview的名称
     className:"com.qcode.jsvplayer.JsvPlayer",  //插件初始化类名称
     initMethod:"createInstance",   //插件初始化方法
     listener:"top.JsvPlayerPluginLoadResult",  //插件加载结果回调
     listener2: "top.JsvPlayerPluginStatus",
     // debug:true,
-    md5:"b08edbe68f22ba93855a2016d9372858"
+    md5:"1371d41e658d20b4b29477a3c7649654"
 };
 
 // 不要用export default，update-env脚本不能解析

package/utils/JsViewVueTools/JsvImpactTracer.js

@@ -0,0 +1,113 @@
+/*
+ * @Author: ChenChanghua
+ * @Date: 2022-08-30 10:54:42
+ * @LastEditors: ChenChanghua
+ * @LastEditTime: 2022-08-30 10:54:44
+ * @Description: file content
+ */
+/**
+ * Created by donglin.lu@qcast.cn on 4/30/2020.
+ */
+
+/*
+ * 【模块 export 内容】
+ * createImpactTracer: 函数，创建碰撞跟踪对象
+ * createImpactCallback: 函数，创建碰撞发生后的回调函数
+ * createImpactAutoFroze: 函数，注册碰撞发生后，控制动画立刻停止的管理对象
+ * updateImpactAutoFroze: 函数，更新 createImpactAutoFroze 创建的碰撞即停管理对象中管理的运动元素列表
+ */
+
+import { Forge } from "../../../jsview/dom/jsv-forge-define";
+
+/*
+ * createImpactCallback 参数说明:
+ *      on_contact      (function[]) 接受碰撞事件的回调
+ *      on_dis_contact  (function[]) 接受物体分离事件的回调
+ *  返回值:
+ *      Object  句柄，用于传输给 createImpactTracer
+ */
+function createImpactCallback(on_contact, on_dis_contact) {
+  return new Forge.sImpactSensorManager.Callback(on_contact, on_dis_contact);
+}
+
+/*
+ * createImpactTracer 参数说明:
+ *      ele1        (Element)   html element句柄，1号碰撞体
+ *      ele2        (Element)   html element句柄，2号碰撞体
+ *      callback    (Object)   由 createImpactCallback 创建的回调构造体句柄
+ *      auto_froze  (Object)   由 createImpactAutoFroze 创建的碰撞即停构造体句柄
+ *  返回值:
+ *      Object  句柄，提供 Recycle() 函数用于停止碰撞检测，需要再componentWillUnmount进行调用(清理)
+ */
+function createImpactTracer(ele1, ele2, callback, auto_froze) {
+  return Forge.sImpactSensorManager.StartTrace(ele1.jsvGetProxyView(), ele2.jsvGetProxyView(), callback, auto_froze);
+}
+
+// 创建用于设置碰撞即停管理对象的参数
+// 结果用于函数 createImpactAutoFroze 和 updateImpactAutoFroze
+function _ConvertToViewsList(elements_array) {
+  const views_array = [];
+  if (elements_array) {
+    for (const ele of elements_array) {
+      views_array.push(ele.jsvGetProxyView());
+    }
+  }
+  return views_array;
+}
+
+/*
+ * createImpactAutoFroze 参数说明:
+ *      element_auto_froze_pre_impact   (Array<Element>)    关联运动元素的列表,这些元素碰撞前一帧停止运动
+ *      element_auto_froze_on_impact    (Array<Element>)    关联运动元素的列表,这些元素碰撞当前帧停止运动
+ *  返回值:
+ *      Object  句柄，用于传输给 createImpactTracer，也用于 updateImpactAutoFroze 调整关联元素
+ *
+ *  【注意点】
+ *        多个碰撞对可以共享同一个碰撞管理对象，并且建议共享同一个对象以提升效率
+ *        该管理对象中的view的列表可以通过 updateImpactAutoFrozeHandler进行更新，
+ *        更新后立刻在对所有的共享此管理对象的碰撞对中生效
+ */
+function createImpactAutoFroze(element_auto_froze_pre_impact, element_auto_froze_on_impact) {
+  if (!element_auto_froze_pre_impact && !element_auto_froze_on_impact) {
+    // Nothing to set
+    return;
+  }
+
+  const pre_impact_list = _ConvertToViewsList(element_auto_froze_pre_impact);
+  const on_impact_list = _ConvertToViewsList(element_auto_froze_on_impact);
+
+  return new Forge.sImpactSensorManager.AutoFroze(
+    (pre_impact_list.length > 0 ? pre_impact_list : null),
+    (on_impact_list.length > 0 ? on_impact_list : null));
+}
+
+/*
+ * updateImpactAutoFroze 参数说明:
+ *      handler                         (Object)            由 createImpactAutoFroze 创建的句柄
+ *      element_auto_froze_pre_impact   (Array<Element>)    关联运动元素的列表,这些元素碰撞前一帧停止运动
+ *      element_auto_froze_on_impact    (Array<Element>)    关联运动元素的列表,这些元素碰撞当前帧停止运动
+ *  返回值:
+ *      无
+ */
+function updateImpactAutoFroze(handler, element_auto_froze_pre_impact, element_auto_froze_on_impact) {
+  if (handler instanceof Forge.sImpactSensorManager.AutoFroze) {
+    console.error("Error: handler type error");
+    return;
+  }
+
+  const pre_impact_list = _ConvertToViewsList(element_auto_froze_pre_impact);
+  const on_impact_list = _ConvertToViewsList(element_auto_froze_on_impact);
+
+  // 更新碰撞即停列表
+  handler.UpdatePreImpactList((pre_impact_list.length > 0 ? pre_impact_list : null));
+
+  // 更新接触接触即停列表
+  handler.UpdateOnImpactList((on_impact_list.length ? on_impact_list : null));
+}
+
+export {
+  createImpactCallback,
+  createImpactTracer,
+  createImpactAutoFroze,
+  updateImpactAutoFroze,
+};

package/utils/JsViewVueTools/JsvStyleClass.js

@@ -33,7 +33,7 @@
  */
 
 import { getCssStyleGroup } from "./JsvDynamicCssStyle";
-import { Forge } from "../../dom/jsv-forge-define";
+import { Forge } from "../../../jsview/dom/jsv-forge-define";
 
 let sIdGenerator = 100;
 

package/utils/JsViewVueTools/index.js

@@ -2,7 +2,7 @@
  * @Author: ChenChanghua
  * @Date: 2022-07-05 14:09:55
  * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-07-06 11:03:34
+ * @LastEditTime: 2022-08-30 10:58:14
  * @Description: file content
  */
 
@@ -16,4 +16,5 @@ export * from "./JsvRefTaker.js";
 export * from "./JsvStyleClass.js";
 export * from "./DebugContentShellJBridge.js";
 export * from "./DebugTool.js";
+export * from "./JsvImpactTracer.js";
 export { default as DefaultKeyCodeMap } from "./DefaultKeyMap.js";

package/utils/JsViewVueWidget/BrowserDebugWidget/BrowserPreload.vue

@@ -10,6 +10,8 @@ export default {
   setup() {
     return {
       preloadResultMap: {},
+      downloadResultMap: {},
+      downloadUrlList: [],
       unmountStatus: {unmount:false}
     };
   },
@@ -70,16 +72,19 @@ export default {
     },
     getDownloadList() {
       this.downloadStateList = new Array(this.downloadList.length).fill(false);
+      this.downloadUrlList = new Array(this.downloadStateList.length);
       let downloadListData = this.downloadList;
       for (let i = 0; i < downloadListData.length; i++) {
         if (!downloadListData[i].url) {
           this.downloadStateList[i] = true;
+          this.downloadUrlList[i] = "invalid";
           // downloadListData.splice(i, 1);
         }
       }
       this._DownloadViewList = downloadListData.map((item, index) => {
         if (!item.url) {
           this.downloadStateList[index] = true;
+          this.downloadUrlList[index] = "invalid";
           return null;
         }
         const image = new Image();
@@ -91,6 +96,11 @@ export default {
           }
 
           this.downloadStateList[index] = true;
+          this.downloadUrlList[index] = item.url;
+          this.downloadResultMap[item.url] = {
+            width: image.width,
+            height: image.height
+          }
           console.log(`pre download succeed ${item.url}`);
           if (this.onDownloadDone) {
             let downloadNum = 0;
@@ -98,7 +108,7 @@ export default {
               downloadNum += item ? 1 : 0;
             });
             if (downloadNum == this.downloadStateList.length) {
-              this.onDownloadDone?.();
+              this.onDownloadDone?.(this.downloadUrlList, this.downloadResultMap);
             }
           }
         };

package/utils/JsViewVueWidget/BrowserDebugWidget/BrowserSpray.vue

@@ -6,7 +6,7 @@
  * @Description: file content
 -->
 <script>
-import { Forge } from "../../../dom/jsv-forge-define";
+import { Forge } from "../../../../jsview/dom/jsv-forge-define";
 
 export default {
   props: {

package/utils/JsViewVueWidget/BrowserDebugWidget/BrowserTextureAnim.vue

@@ -2,12 +2,11 @@
  * @Author: ChenChanghua
  * @Date: 2022-02-08 09:29:17
  * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-08-22 16:00:50
+ * @LastEditTime: 2022-11-24 10:15:37
  * @Description: file content
 -->
 <script>
-import { ref } from "vue";
-import { getKeyFramesGroup } from "jsview/utils/JsViewVueTools/JsvDynamicKeyFrames";
+import { getKeyFramesGroup } from "../../JsViewVueTools/JsvDynamicKeyFrames";
 
 const DECORATE_BORDER_RADIUS = "BroderRaidus";
 const DECORATE_NINEPATCH_ALPHA_MIX = "NinePatchAlphaMix";
@@ -102,7 +101,7 @@ export default {
       type: Object,
     },
   },
-  setup(props) {
+  setup() {
     let styleShell = getKeyFramesGroup();
     return {
       styleShell,
@@ -205,15 +204,14 @@ export default {
             overflow: 'hidden',
           };
         }
-      } else {
-        return {
+      }
+      return {
           left: this.left + "px",
           top: this.top + "px",
           width: this.width + "px",
           height: this.height + "px",
           overflow: 'hidden',
         };
-      }
     },
   },
   methods: {
@@ -250,7 +248,7 @@ export default {
 
     this.animDiv.appendChild(imgDiv);
     clipDiv.appendChild(this.animDiv);
-    this.$refs.root.jsvMaskView.Element.appendChild(clipDiv);
+    this.$refs.root.jsvGetProxyView(true).Element.appendChild(clipDiv);
 
     this.watcherHandlerList.push(
       this.$watch("left", (newValue) => {
@@ -297,4 +295,4 @@ export default {
 
 <template>
   <div ref="root"></div>
-</template>
+</template>

package/utils/JsViewVueWidget/JsvActorMove/ActorControlBase.js

@@ -5,7 +5,7 @@
  * @LastEditTime: 2021-10-21 13:17:11
  * @Description: file content
  */
-import { Forge } from "../../../dom/jsv-forge-define";
+import { Forge } from "../../../../jsview/dom/jsv-forge-define";
 
 // JsvSpriteBase comes from JsView React Project
 

package/utils/JsViewVueWidget/JsvActorMove/JsvActorMove.vue

@@ -2,7 +2,7 @@
  * @Author: ChenChanghua
  * @Date: 2021-10-20 17:21:21
  * @LastEditors: ChenChanghua
- * @LastEditTime: 2021-11-18 16:45:05
+ * @LastEditTime: 2022-08-31 11:14:13
  * @Description: file content
 -->
 
@@ -44,11 +44,11 @@ export default {
     refDefine: Object,
   },
   mounted() {
-    this.control._SetView(this.$refs.element.jsvMainView);
+    this.control._SetView(this.$refs.element.jsvGetProxyView());
     if (this.refDefine) {
       const type = typeof this.refDefine;
       if (type === "object") {
-        type.current = this.$refs.element;
+        this.refDefine.current = this.$refs.element;
       } else if (type === "function") {
         this.refDefine(this.$refs.element);
       }

package/utils/JsViewVueWidget/JsvActorMove/JsvActorMoveControl.js

@@ -6,7 +6,7 @@
  * @Description: file content
  */
 
-import { Forge } from "../../../dom/jsv-forge-define";
+import { Forge } from "../../../../jsview/dom/jsv-forge-define";
 import ActorControlBase from "./ActorControlBase";
 
 const CONST_MOVE_TYPE_ACC = 1; // 抛物变速运动