ezuikit-js 0.5.0 → 0.5.1

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+V 0.5.1  
+
+Date: 2022年3月31日 19:39:49  
+
+[feat]支持切换主题  
+
+[fix]修复对讲结束问题问题  
+
+[feat]移动端主题支持隐藏回放时间轴  
+

package/demos/react-demo/package.json

@@ -7,7 +7,6 @@
     "@testing-library/react": "^9.5.0",
     "@testing-library/user-event": "^7.2.1",
     "axios": "^0.19.2",
-    "ezuikit-js": "0.1.7",
     "react": "^16.13.1",
     "react-dom": "^16.13.1",
     "react-scripts": "3.4.1"

package/ezuikit.js

@@ -32,6 +32,8 @@ const addJs = (filepath, callback, isReadyFun) => {
     oJs.setAttribute("src", filepath);
     oJs.onload = callback;
     document.getElementsByTagName("head")[0].appendChild(oJs);
+  } else {
+    callback();
   }
 };
 const addCss = (filepath, callback) => {
@@ -397,7 +399,7 @@ class Status {
     loadingContainerDOM.appendChild(loadingItemContainer);
   }
   loadingSetText(opt) {
-    this.loadingClear();
+    this.loadingClearText();
     if (document.getElementById(`${this.id}-loading-item-0`)) {
       var textElement = document.getElementById(`${this.id}-loading-item-0`).childNodes[1];
       if(!textElement) {
@@ -407,9 +409,13 @@ class Status {
         loadingItemContainer.appendChild(textElement);
       }
       textElement.innerHTML = opt.text;
-      if (opt.color) {
-        textElement.style.color = opt.color;
-      }
+      textElement.style.color = opt.color || "#FFFFFF";
+    }
+  }
+  loadingClearText() {
+    var elements = document.getElementById(`${this.id}-loading-item-0`).childNodes;
+    if(elements.length > 1) {
+      elements[1].parentNode.removeChild(elements[1]);
     }
   }
   loadingClear() {
@@ -26164,6 +26170,44 @@ class Theme {
         this.renderThemeData();
       });
   }
+  changeTheme(options) {
+    if(typeof options === 'string') {
+      switch (this.jSPlugin.themeId) {
+        case 'pcLive':
+          this.themeData = pcLiveData.data;
+          this.initThemeData();
+          this.renderThemeData();
+          break;
+        case 'pcRec':
+          this.themeData = pcRecData.data;
+          this.initThemeData();
+          this.renderThemeData();
+          break;
+        case 'mobileLive':
+          this.themeData = mobileLiveData.data;
+          this.initThemeData();
+          this.renderThemeData();
+          break;
+        case 'mobileRec':
+          this.themeData = mobileRecData.data;
+          this.initThemeData();
+          this.renderThemeData();
+          break;
+        case 'themeData':
+          this.themeData = this.jSPlugin.params.themeData;
+          this.initThemeData();
+          this.renderThemeData();
+          break;
+        default:
+          this.fetchThemeData(options);
+          break;
+        }
+    } else if (typeof options === 'object') {
+      this.themeData = options;
+      this.initThemeData();
+      this.renderThemeData();
+    }
+  }
   renderThemeData() {
     const { header, footer } = this.themeData;
     if (this.isNeedRenderHeader && header) {
@@ -26884,10 +26928,10 @@ class Theme {
     this.header = defaultTheme.header;
     this.footer = defaultTheme.footer;
     this.isNeedRenderHeader = lodash.findIndex(header.btnList, (v)=>{
-      return v.isrender === 1;
+      return v.isrender > 0;
     }) >= 0;
     this.isNeedRenderFooter = lodash.findIndex(footer.btnList, (v)=>{
-      return v.isrender === 1;
+      return v.isrender > 0;
     }) >= 0;
     if (this.isNeedRenderHeader) {
       if (!document.getElementById(`${this.jSPlugin.id}-headControl`)) {
@@ -26966,9 +27010,9 @@ class Theme {
         }
       });
     }
-    var isNeedRenderTimeLine = lodash.findIndex(this.themeData.header.btnList, (v)=>{
+    var isNeedRenderTimeLine = (lodash.findIndex(this.themeData.header.btnList, (v)=>{
       return (v.iconId === 'cloudRec' && v.isrender === 1) ||  (v.iconId === 'rec' && v.isrender === 1) ;
-    }) >= 0 || (this.isMobile &&matchEzopenUrl(this.jSPlugin.url).type.indexOf('rec') !== -1);
+    }) >= 0 || (this.isMobile && matchEzopenUrl(this.jSPlugin.url).type.indexOf('rec') !== -1)) && !this.jSPlugin.disabledTimeLine;
     if (isNeedRenderTimeLine) {
       if (this.isMobile) {
         this.Rec = new MobileRec(this.jSPlugin);
@@ -27628,7 +27672,7 @@ class Monitor {
               }
               EZUIKit.opt = _this.opt;
               if(window.EZUIKit) {
-                window.EZUIKit.opt = this.opt;
+                window.EZUIKit.opt = _this.opt;
               }
             }
             request(_this.opt.apiDomain, 'POST', {
@@ -28243,7 +28287,7 @@ class Monitor {
               break;
               case 'stopTalk':
                 // window.stopTalk()
-                // params.stopTalk();
+                _this.stopTalk();
                 _this.openSound();
                 break;
               case 'clickEventHandle':
@@ -29350,6 +29394,7 @@ class EZUIKitPlayer {
       this.audio = true;
       this.poster = params.poster;
       this.speed = 1;
+      this.disabledTimeLine = false;
       this.env = {
         domain: "https://open.ys7.com"
       };
@@ -29360,6 +29405,9 @@ class EZUIKitPlayer {
       if (typeof params.audio !== 'undefined') {
         this.audio = params.audio;
       }
+      if (typeof params.disabledTimeLine !== 'undefined') {
+        this.disabledTimeLine = params.disabledTimeLine;
+      }
       addJs(`${this.staticPath}/js/jsPlugin-4.0.2.min.js`, () => {
         if (autoplay) {
           this.initTime = new Date().getTime();
@@ -30345,7 +30393,7 @@ class EZUIKitPlayer {
     this.Talk.startTalk();
   }
   stopTalk() {
-    this.Talk.startTalk();
+    this.Talk.stopTalk();
   }
   destroy() {
     var destroyRT = this.jSPlugin.JS_DestroyWorker(0);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ezuikit-js",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "ezuikit javascript for npm",
   "main": "ezuikit.js",
   "scripts": {