@dolphinweex/weex-harmony 0.1.104 → 0.1.106

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dolphinweex/weex-harmony",
-  "version": "0.1.104",
+  "version": "0.1.106",
   "description": "weex harmony adapter",
   "main": "index.js",
   "files": [

package/src/components/midea-iotlinkvideo-view.vue

@@ -113,7 +113,7 @@ export default {
     captureImage(params,callback) {
       delete params.refId
       weexModule.callNative(
-        'ipcLinkApi',
+        'iotLinkApi',
         {
           method: 'captureImage',
           name: this.embedId,
@@ -124,7 +124,7 @@ export default {
     },
     switchVideoQuality(params,callback) {
       weexModule.callNative(
-        'ipcLinkApi',
+        'iotLinkApi',
         {
           method: 'switchVideoQuality',
           name: this.embedId,
@@ -135,7 +135,7 @@ export default {
     },
     getVideoNetworkSpeed(params,callback) {
       weexModule.callNative(
-        'ipcLinkApi',
+        'iotLinkApi',
         {
           method: 'getVideoNetworkSpeed',
           name: this.embedId,
@@ -146,7 +146,7 @@ export default {
     },
     startRecord(params,callback) {
       weexModule.callNative(
-        'ipcLinkApi',
+        'iotLinkApi',
         {
           method: 'startRecord',
           name: this.embedId,
@@ -157,7 +157,7 @@ export default {
     },
     stopRecord(params,callback) {
       weexModule.callNative(
-        'ipcLinkApi',
+        'iotLinkApi',
         {
           method: 'stopRecord',
           name: this.embedId,
@@ -168,7 +168,7 @@ export default {
     },
     changeAudioStatus(params,callback){
       weexModule.callNative(
-        'ipcLinkApi',
+        'iotLinkApi',
         {
           method: 'changeAudioStatus',
           name: this.embedId,

package/src/components/midea-ipc-ijkplayer-view.vue

@@ -127,6 +127,10 @@ export default {
       type: String,
       default: '',
     },
+    controls: {
+      type: String,
+      default: true,
+    },
     isShowTopRightViewOnPortrait: {
       type: Boolean,
       default: false,
@@ -138,6 +142,7 @@ export default {
         ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
         width: this.width,
         height: this.height,
+        controls: this.controls,
         onFullscreenChange: this.onFullscreenChange,
         // 视频播放器相关属性
         config: this.config,
@@ -170,6 +175,7 @@ export default {
         onStartDownload: this.onStartDownload,
         onPreviewImageClick: this.onPreviewImageClick,
         onCaptureCompletion: this.onCaptureCompletion,
+        onPlayerClick: this.onPlayerClick
       };
     },
   },
@@ -186,6 +192,34 @@ export default {
     });
   },
   methods: {
+    setSpeed(params){
+      // {"speed": 1}
+      console.log('cdj---setSpeed',JSON.stringify(params))
+      delete params.refId
+      weexModule.callNative(
+        'ijkLinkApi',
+        {
+          method: 'setSpeed',
+          name: this.embedId,
+          params
+        },
+        callback
+      );
+    },
+    //{"progress": 221}
+    seek(params){
+      console.log('cdj---setSpseekeed',JSON.stringify(params))
+      delete params.refId
+      weexModule.callNative(
+        'ijkLinkApi',
+        {
+          method: 'seek',
+          name: this.embedId,
+          params
+        },
+        callback
+      );
+    },
     captureImage(params,callback) {
       delete params.refId
       weexModule.callNative(
@@ -267,6 +301,9 @@ export default {
     },
     onCaptureCompletion(res){
       this.$emit('onCaptureCompletion', res);
+    },
+    onPlayerClick(res){
+      this.$emit('onPlayerClick', res);
     }
   },
   destroy(){

package/src/components/midea-progresscycle-view.vue

@@ -1,5 +1,6 @@
 <template>
   <BaseSameLayer
+    ref="baseSameLayer"
     :hosSameLayerArgs="hosSameLayerArgs"
     embedType="native/midea-progresscycle-view"
     :defaultWidth="300"
@@ -10,6 +11,7 @@
 
 <script>
 import BaseSameLayer from "./baseSameLayer.vue";
+const weexModule = weex.requireModule('weexModule');
 
 export default {
   name: "MideaProgresscycleView",
@@ -17,7 +19,9 @@ export default {
     return {
       width: 0,
       height: 0,
-      dataVersion: 0
+      dataVersion: 0,
+      observer: null,
+      isVisible: false
     }
   },
   components: {
@@ -70,12 +74,75 @@ export default {
   mounted() {
     this.width = this.$el.clientWidth;
     this.height = this.$el.clientHeight;
+    
+    // 初始化可见性监听
+    this.observeVisibility();
+  },
+  beforeDestroy() {
+    // 销毁前清除观察器
+    if (this.observer) {
+      this.observer.disconnect();
+      this.observer = null;
+    }
   },
 
   methods: {
     handleProgresscycleTap (res){
       this.$emit("progresscycleTap", res);
     },
+
+    /**
+     * 初始化可见性监听
+     * 使用 IntersectionObserver API 监听组件是否进入可见区域
+     */
+    observeVisibility() {
+      // 检查浏览器是否支持 IntersectionObserver
+      if (!window.IntersectionObserver) {
+        console.warn('[MideaProgresscycleView] IntersectionObserver is not supported');
+        return;
+      }
+
+      const options = {
+        root: null, // 相对于视口
+        rootMargin: '0px', // 不设置边距
+        threshold: 0.1 // 当至少 10% 的元素可见时触发
+      };
+
+      this.observer = new IntersectionObserver((entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            // 组件进入可见区域
+            this.onVisibilityChange(true);
+          } else {
+            // 组件离开可见区域
+            this.onVisibilityChange(false);
+          }
+        });
+      }, options);
+
+      // 开始观察该组件
+      if (this.$el) {
+        this.observer.observe(this.$el);
+      }
+    },
+
+    /**
+     * 可见性变化回调函数
+     * @param {Boolean} isVisible - 是否可见
+     */
+    onVisibilityChange(isVisible) {
+      this.isVisible = isVisible;
+      // 通过 $refs 获取子组件 BaseSameLayer 的 embedId
+      const componentId = this.$refs.baseSameLayer.embedId;
+      weexModule.callNative(
+        'GlobalApi',
+        {
+          method: 'visibleChange',
+          componentId: componentId,
+          isVisible
+        },
+      );
+    },
   },
 };
 </script>

package/src/components/midea-timeline-view.vue

@@ -0,0 +1,113 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-timeline-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  >
+  </BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue';
+const weexModule = weex.requireModule('weexModule');
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+    };
+  },
+  name: 'MideaTimelineView',
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+        onBeginDragging: this.onBeginDragging,
+        onStopDragging: this.onStopDragging,
+        onBeginZooming: this.onBeginZooming,
+        onStopZooming: this.onStopZooming,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+    enableUserInteraction(callback) {
+      weexModule.callNative(
+        'timeLineApi',
+        {
+          method: 'enableUserInteraction',
+          name: this.embedId,
+        },
+        callback,
+      );
+    },
+    disableUserInteraction(callback) {
+      weexModule.callNative(
+        'timeLineApi',
+        {
+          method: 'disableUserInteraction',
+          name: this.embedId,
+        },
+        callback,
+      );
+    },
+    updateCurrentTime(params,callback) {
+      weexModule.callNative(
+        'timeLineApi',
+        {
+          method: 'updateCurrentTime',
+          name: this.embedId,
+          params
+        },
+        callback,
+      );
+    },
+    getCurrentTime(callback) {
+      weexModule.callNative(
+        'timeLineApi',
+        {
+          method: 'getCurrentTime',
+          name: this.embedId,
+        },
+        callback,
+      );
+    },
+    onBeginDragging(data) {
+      this.$emit('onBeginDragging', data);
+    },
+    onStopDragging(data) {
+      this.$emit('onStopDragging', data);
+    },
+    onBeginZooming(data) {
+      this.$emit('onBeginZooming', data);
+    },
+    onStopZooming(data) {
+      this.$emit('onStopZooming', data);
+    },
+  },
+};
+</script>

package/src/index.js

@@ -232,7 +232,12 @@ const componentMap = [
   },
   {
     componentName: 'mideaAudioInputView',
-    componentAddress: 'midea-audio-input-view',
+    componentAddress: 'midea-audio-input-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaTimelineView',
+    componentAddress: 'midea-timeline-view.vue',
     isInPlugin: false
   },
 ]