@dolphinweex/weex-harmony 0.1.93 → 0.1.95

package/package.json

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

package/src/components/midea-audio-input-view.vue

@@ -0,0 +1,87 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-audio-input-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+    ref="audioWaveRef"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+const weexModule = weex.requireModule('weexModule');
+
+export default {
+  name: "mideaAudioInputView",
+  data() {
+    return {
+      width: 0,
+      height: 0
+    }
+  },
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {
+          embedId:''
+        };
+      },
+    },
+    accessible: {
+      type: Boolean,
+      default: true
+    },
+    ariaLabel: {
+      type: String,
+      default: '确认'
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+        accessible: this.accessible,
+        btnText: this.ariaLabel,
+        onAudioInputStart: this.onAudioInputStart,
+        onAudioInputCancel: this.onAudioInputCancel,
+        onAudioInputFail: this.onAudioInputFail,
+        onAudioInputComplete: this.onAudioInputComplete,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+    this.embedId = this.$refs.audioWaveRef.embedId;
+  },
+
+  methods: {
+    onAudioInputStart(res){
+      this.$emit("onAudioInputStart", res);
+    },
+    onAudioInputCancel(res){
+      this.$emit("onAudioInputCancel", res);
+    },
+    onAudioInputFail(res){
+      this.$emit("onAudioInputFail", res);
+    },
+    onAudioInputComplete(res){
+      this.$emit("onAudioInputComplete", res);
+    }
+  },
+};
+</script>

package/src/components/midea-video.vue

@@ -86,6 +86,25 @@ export default {
   },
 
   methods: {
+    /** 判断组件是否可见 */
+    isInBrowserViewport() {
+      const el = this.$el;
+      if (!el || typeof el.getBoundingClientRect !== "function") {
+        return false;
+      }
+      const rect = el.getBoundingClientRect();
+      const vw = window.innerWidth || 0;
+      const vh = window.innerHeight || 0;
+      if (!vw || !vh) {
+        return false;
+      }
+      return (
+        rect.bottom > 0 &&
+        rect.right > 0 &&
+        rect.top < vh &&
+        rect.left < vw
+      );
+    },
     // 自定义拓展其它逻辑
     handleOnChange(res) {
       if (res.mode == 1) {
@@ -109,7 +128,12 @@ export default {
       this.$emit("finish", event || {});
     },
     appear(event) {
-      this.$emit("appear", event || {});
+      this.$nextTick(() => {
+        if (!this.isInBrowserViewport()) {
+          return;
+        }
+        this.$emit("appear", event || {});
+      });
     },
   },
 };