@dolphinweex/weex-harmony 0.1.0

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

@@ -0,0 +1,57 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-blur-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+    };
+  },
+  name: "MideaBlurView",
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+    // 自定义拓展其它逻辑
+  },
+};
+</script>

package/src/components/midea-calendar-pave.vue

@@ -0,0 +1,64 @@
+<template>
+    <BaseSameLayer
+        :hosSameLayerArgs="hosSameLayerArgs"
+        embedType="native/midea-calendar-pave"
+        :defaultWidth="300"
+        :defaultHeight="300"
+    ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue'
+
+export default {
+    data() {
+        return {
+            width: 0,
+            height: 0
+        }
+    },
+    name: "MideaCalendarPave",
+    components: {
+        BaseSameLayer
+    },
+    props: {
+        hosUniqueProps: {
+            type: Object,
+            default() {
+                return {}
+            }
+        },
+        value: {
+            type: Array,
+            required: false
+        },
+        activeColor: {
+            type: String,
+            required: false
+        }
+    },
+    computed: {
+        hosSameLayerArgs() {
+            return {
+                ...this.hosUniqueProps,// 鸿蒙原生组件独有属性
+                width: this.width,
+                height: this.height,
+                value: this.value,
+                activeColor: this.activeColor,
+                onSelectDateChanged: this.onSelectDateChanged
+            }
+        }
+    },
+    mounted() {
+        this.width = this.$el.clientWidth;
+        this.height = this.$el.clientHeight;
+    },
+
+    methods: {
+        onSelectDateChanged(res) {
+            /* Warning: 和系统的事件重名了，需要加前缀，待同步修改 */
+            this.$emit("change", res)
+        },
+    },
+};
+</script>

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

@@ -0,0 +1,91 @@
+<template>
+  <BaseSameLayer
+    ref="mideaCameraViewRef"
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-camera-view"
+    :defaultWidth="500"
+    :defaultHeight="600"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue';
+const weexModule = weex.requireModule('weexModule');
+
+export default {
+  name: 'MideaCameraView',
+  data() {
+    return {
+      width: 0,
+      height: 0,
+      embedId: '',
+    };
+  },
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+        takePhotoFinish: this.takePhotoFinish,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+    this.embedId = this.$refs.mideaCameraViewRef.embedId;
+    console.log(this.embedId, 'this.embedId');
+  },
+
+  methods: {
+    takePhotoFinish(res) {
+      this.$emit('takePhotoFinish', res);
+    },
+    takePhoto() {
+      weexModule.callNative('cameraHandle', {
+        method: 'takePhoto',
+        name: this.embedId,
+      });
+    },
+    changeCameraPosition() {
+      weexModule.callNative('cameraHandle', {
+        method: 'changeCameraPosition',
+        name: this.embedId,
+      });
+    },
+    openTorch(params) {
+      weexModule.callNative('cameraHandle', {
+        method: 'openTorch',
+        name: this.embedId,
+        params,
+      });
+    },
+    closeTorch(params) {
+      weexModule.callNative('cameraHandle', {
+        method: 'closeTorch',
+        name: this.embedId,
+        params,
+      });
+    },
+  },
+};
+</script>

package/src/components/midea-circle-progress.vue

@@ -0,0 +1,56 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-circle-progress-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  name: "MideaCircleProgressView",
+  data() {
+    return {
+      width: 0,
+      height: 0
+    }
+  },
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+  },
+};
+</script>

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

@@ -0,0 +1,56 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-combinechart-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  name: "MideaCombinechartView",
+  data() {
+    return {
+      width: 0,
+      height: 0
+    }
+  },
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+  },
+};
+</script>

package/src/components/midea-common-weex-view.vue

@@ -0,0 +1,55 @@
+<template>
+  <iframe :src="url"></iframe>
+</template>
+
+<script>
+const weexModule = weex.requireModule('weexModule') 
+
+export default {
+  data() {
+    return {
+      url: "",
+      backgroundColor: "transparent",
+    };
+  },
+  name: "MideaCommonWeexView",
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    router: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    src: {
+      type: String,
+    },
+    pluginData: {
+      type: Object,
+    },
+  },
+  created() {
+    weexModule.callNative(
+      `webview.webHandle`,
+      {
+        method: "parseCommonWeexParams",
+        ...this.hosUniqueProps,
+        router: this.router,
+        src: this.src,
+        pluginData: this.pluginData,
+      },
+      (args) => {
+        console.log(args);
+
+        this.url = args.url;
+        this.backgroundColor = args.pageBackgroundColor;
+      }
+    );
+  },
+};
+</script>

package/src/components/midea-drag-list-view.vue

@@ -0,0 +1,89 @@
+<template>
+  <BaseSameLayer
+    ref="mideaDragListView"
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-drag-list-view"
+    :defaultWidth="500"
+    :defaultHeight="500"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue';
+const weexModule = weex.requireModule('weexModule');
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+      embedId: '',
+    };
+  },
+  name: 'MideaDragListView',
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    data: {
+      hosUniqueProps: {
+        type: Object,
+        default() {
+          return {};
+        },
+      },
+      data: {
+        type: Object,
+        default() {
+          return {};
+        },
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+        onDeleteEvent: this.onDeleteEvent,
+        onDragEventStart: this.onDragEventStart,
+        onDragEventEnd: this.onDragEventEnd,
+        onClickEvent: this.onClickEvent,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+    this.embedId = this.$refs.mideaDragListView.embedId;
+  },
+
+  methods: {
+    onDeleteEvent(params) {
+      this.$emit('onDeleteEvent', params);
+    },
+    onDragEventStart(params) {
+      this.$emit('onDragEventStart', params);
+    },
+    onDragEventEnd(params) {
+      this.$emit('onDragEventEnd', params);
+    },
+    onClickEvent(params) {
+      this.$emit('onClickEvent', params);
+    },
+    getListData(callback) {
+      weexModule.callNative(
+        'dragListHandle',
+        {
+          method: 'getListData',
+          name: this.embedId,
+        },
+        callback,
+        callback
+      );
+    },
+  },
+};
+</script>

package/src/components/midea-drag-slider-base.vue

@@ -0,0 +1,66 @@
+<template>
+    <BaseSameLayer
+      :hosSameLayerArgs="hosSameLayerArgs"
+      embedType="native/midea-drag-slider"
+      :defaultWidth="300"
+      :defaultHeight="40"
+    ></BaseSameLayer>
+  </template>
+  
+  <script>
+  import BaseSameLayer from "./baseSameLayer.vue";
+  
+  export default {
+    data() {
+      return {
+        width: 0,
+        height: 0
+      }
+    },
+    name: "MideaDragSlider",
+    components: {
+      BaseSameLayer,
+    },
+    props: {
+      hosUniqueProps: {
+        type: Object,
+        default() {
+          return {};
+        },
+      },
+      data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    },
+    computed: {
+      hosSameLayerArgs() {
+        return {
+          ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+          width: this.width,
+          height: this.height,
+          data: this.data,
+          handleOnChange: this.handleOnChange,
+        };
+      },
+    },
+    mounted() {
+      this.width = this.$el.clientWidth;
+      this.height = this.$el.clientHeight;
+    },
+  
+    methods: {
+      // 自定义拓展其它逻辑
+      handleOnChange(res) {
+        if (res.mode == 1) {  //停止滑动
+            this.$emit("endProgress", res);
+        } else {
+            this.$emit("onProgress", res);
+        }
+      },
+    },
+  };
+  </script>
+  

package/src/components/midea-dragging-linechart-view.vue

@@ -0,0 +1,56 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-dragging-linechart-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  name: "MideaDraggingLinechartView",
+  data() {
+    return {
+      width: 0,
+      height: 0
+    }
+  },
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    data: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        data: this.data,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+  },
+};
+</script>

package/src/components/midea-gesture-password-base.vue

@@ -0,0 +1,63 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-gesture-password"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0
+    }
+  },
+  name: "MideaGesturePassword",
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    property: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        property: this.property,
+        handleFinish: this.handleFinish,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+    // 自定义拓展其它逻辑
+    handleFinish(res) {
+      // 暂时不能用finish等内置方法，会被vue-precompiler加入一个undefined的stopPropagation()，导致回调异常
+      // update 20240828 自定义的vue-precompiler 已经修复 by wuhl
+      this.$emit("finish", res);
+    },
+  },
+};
+</script>