@shijiu/jsview-vue 2.0.1021 → 2.0.1073

package/utils/JsViewVueWidget/JsvSystemAudio.vue

@@ -13,10 +13,6 @@ export default {
      * 属性，Boolean类型，true表示自动播放，默认false。
      */
     autoplay: { type: Boolean, default: false },
-    /**
-     * 属性，String类型，播放器实例索引，同样的key使用同一个播放器实例。
-     */
-    playerKey: { type: String, default: null },
     /**
      * 属性，Boolean类型，true表示静音，默认false。
      */
@@ -107,46 +103,7 @@ export default {
     };
   },
   mounted() {
-    let key = "JsvAudio_" + Math.floor(Math.random() * 10000);
-    if (this.playerKey) {
-      key = this.playerKey;
-    }
-    console.log("player key:" + key);
-
-    this.audio = new Audio();
-    this.registerEvent();
-    if (this.src && this.src !== "") {
-      let realUrl
-      if (window.JsView) {
-        // jsview上
-        realUrl = new window.JsView.Dom.UrlRef(this.src).href;
-      } else {
-        realUrl = this.src;
-      }
-      this.audio.src = realUrl;
-    }
-
-    if (this.autoplay) {
-      this.audio.autoplay = this.autoplay;
-    }
-
-    if (this.muted) {
-      this.audio.muted = this.muted;
-    }
-
-    if (this.loop) {
-      this.audio.loop = this.loop;
-    }
-    if (this.preDownload) {
-      this.audio.predownload = this.preDownload;
-    }
-    this.onRef?.(this.audio);
-    //初始化
-    Promise.resolve().then(() => {
-      if (this.audio) {
-        this.audio.confirmInitSetup?.();
-      }
-    });
+    this.Jsvinit()
   },
 
   beforeUnmount() {
@@ -155,6 +112,7 @@ export default {
       this.audio.releaseResource?.();
       this.audio.onPlatformDestroy?.();
       this.onRef?.(null);
+      this.unregisterOnVisibilityChange()
     }
   },
 
@@ -170,6 +128,80 @@ export default {
         this.audio.addEventListener("audiofocusgain", this.onAudioFocusGain);
       }
     },
+    onVisibilityChange(status) {
+      if (status.status === "show") {
+        this.onJsViewShow();
+      } else if (status.status === "hide") {
+        this.onJsViewHide();
+      }
+    },
+    registerOnVisibilityChange() {
+      if (window.JsView) {
+        window.JsView.onVisibilityChange(this.onVisibilityChange);
+      }
+    },
+    unregisterOnVisibilityChange() {
+      if (window.JsView) {
+        window.JsView.removeEventCallback(this.onVisibilityChange);
+      }
+    },
+    onJsViewHide() {
+      if (this.audio) {
+        //释放
+        if (!this.audio.paused) {
+          this.stopByOnHide = true;
+        }
+        this.audio.unload();
+      }
+    },
+    onJsViewShow() {
+      //重新加载
+      if (!this.audio) {
+        this.Jsvinit()
+      }
+
+      if (this.stopByOnHide) {
+        this.stopByOnHide = false;
+        this.Jsvinit()
+      }
+    },
+    Jsvinit() {
+      this.audio = new Audio();
+      this.registerEvent();
+      if (this.src && this.src !== "") {
+        let realUrl
+        if (window.JsView) {
+          // jsview上
+          realUrl = new window.JsView.Dom.UrlRef(this.src).href;
+        } else {
+          realUrl = this.src;
+        }
+        this.audio.src = realUrl;
+      }
+
+      if (this.autoplay) {
+        this.audio.autoplay = this.autoplay;
+      }
+
+      if (this.muted) {
+        this.audio.muted = this.muted;
+      }
+
+      if (this.loop) {
+        this.audio.loop = this.loop;
+      }
+      if (this.preDownload) {
+        this.audio.predownload = this.preDownload;
+      }
+      this.onRef?.(this.audio);
+      //初始化
+      Promise.resolve().then(() => {
+        if (this.audio) {
+          this.audio.confirmInitSetup?.();
+        }
+      });
+      this.registerOnVisibilityChange()
+    }
   },
 };
 </script>

package/utils/JsViewVueWidget/index.js

@@ -41,3 +41,4 @@ export { default as JsvTouchContainer } from "./JsvTouchContainer.vue";
 export { default as JsvTransparentDiv } from "./JsvTransparentDiv.vue";
 export { default as JsvVideo } from "./JsvVideo.vue";
 export { default as JsvSystemAudio } from "./JsvSystemAudio.vue";
+export { default as JsvRadarChart} from "./JsvRadarChart.vue";

package/utils/JsViewEngineWidget/MetroWidget/Const.js

@@ -1,11 +0,0 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2022-09-21 10:09:15
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-09-21 10:15:34
- * @Description: file content
- */
-export const METRO_WIDGET = {
-  SLIDE: 0x1,
-  CHILD_SLIDE_EVENT: 0x1 << 1,
-};

package/utils/JsViewEngineWidget/MetroWidget/PageUpdater.js

@@ -1,136 +0,0 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2022-06-10 10:17:35
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-06-10 10:17:36
- * @Description: file content
- */
-class ItemRange {
-  constructor(start, end) {
-    this.start = start;
-    this.end = end;
-  }
-
-  _merge(from, to) {
-    if (to.ifOverlap(from)) {
-      to.start = Math.min(from.start, to.start);
-      to.end = Math.max(from.end, to.end);
-      return true;
-    }
-    return false;
-  }
-
-  merge(from) {
-    let to = this.clone();
-    this._merge(from, to);
-    return to;
-  }
-
-  selfMerge(from) {
-    return this._merge(from, this);
-  }
-
-  ifOverlap(range) {
-    return this.start <= range.end && range.start <= this.end;
-  }
-
-  clone() {
-    return new ItemRange(this.start, this.end);
-  }
-}
-
-function mergeRangeList(list_1, list_2) {
-  const result_list = list_1.concat();
-  for (let list_2_item of list_2) {
-    let item = list_2_item.clone();
-    for (let i = result_list.length - 1; i >= 0; i--) {
-      if (item.selfMerge(result_list[i])) {
-        result_list.splice(i, 1);
-      }
-    }
-    result_list.push(item);
-  }
-  return result_list;
-}
-
-class PageUpdater {
-  constructor(update_func) {
-    this.tmpRangeList = [];
-    this.rangeList = [];
-
-    this._updateFunc = update_func;
-  }
-
-  update(
-    template,
-    visible_start,
-    visible_end,
-    anchor_id,
-    merge_tmp,
-    permanent_list,
-    extension_range = 0
-  ) {
-    if (!template || template.GetLength() === 0) return;
-    let visible_range = template.GetVisibleItemList(
-      visible_start - extension_range,
-      visible_end + extension_range,
-      anchor_id
-    );
-    if (!visible_range) {
-      return;
-    }
-    let pre_tmp = this.tmpRangeList;
-    let pre_list = this.rangeList;
-    let range = new ItemRange(
-      visible_range.visibleStart,
-      visible_range.visibleEnd
-    );
-    this.rangeList = [range];
-    if (permanent_list) {
-      let permanent_show_list = permanent_list.filter((item) => {
-        let result = false;
-        if (item.alreadyShow || item.index <= range.end) {
-          item.alreadyShow = true;
-          result = true;
-        }
-        return result;
-      });
-      let permanent_range_list = permanent_show_list.map((item) => {
-        return new ItemRange(item.index, item.index);
-      });
-      this.rangeList = mergeRangeList([range], permanent_range_list);
-    }
-    if (pre_list.length > 0) {
-      this.tmpRangeList = mergeRangeList(this.rangeList, pre_list);
-      if (merge_tmp) {
-        this.tmpRangeList = mergeRangeList(this.tmpRangeList, pre_tmp);
-      }
-    }
-  }
-
-  debugPrint() {
-    return (
-      "list: " +
-      JSON.stringify(this.rangeList) +
-      ", tmplist: " +
-      JSON.stringify(this.tmpRangeList)
-    );
-  }
-
-  apply() {
-    this.tmpRangeList = [];
-    this._updateFunc(this.rangeList);
-  }
-
-  applyTmp() {
-    if (this.tmpRangeList.length > 0) {
-      this._updateFunc(this.tmpRangeList);
-    }
-  }
-
-  getRange() {
-    return this.rangeList[0];
-  }
-}
-
-export { PageUpdater };

package/utils/JsViewEngineWidget/MetroWidget/ToolFunctions.js

@@ -1,18 +0,0 @@
-/*
- * @Author: ChenChanghua
- * @Date: 2022-06-17 15:51:19
- * @LastEditors: ChenChanghua
- * @LastEditTime: 2022-06-17 16:02:28
- * @Description: file content
- */
-const bindFunctions = (obj, target) => {
-  for (let key in obj) {
-    if (typeof obj[key] === "function") {
-      obj[key] = obj[key].bind(target);
-    } else if (typeof obj[key] === "object") {
-      bindFunctions(obj[key], target);
-    }
-  }
-};
-
-export { bindFunctions };