@dolphinweex/weex-harmony 0.1.0

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

@@ -0,0 +1,93 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-ijkplayer-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+    };
+  },
+  name: "MideaIjkplayerView",
+  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,
+
+        onProgress: this.onProgress,
+        onStart: this.onStart,
+        onPause: this.onPause,
+        finish: this.finish,
+        onFail: this.onFail,
+        onReadyToPlay: this.onReadyToPlay
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+    // 自定义拓展其它逻辑
+    onProgress(res) {
+      // TODO liujun189 暂时不能用finish等内置方法，会被vue-precompiler加入一个undefined的stopPropagation()，导致回调异常
+      this.$emit("onProgress", res);
+    },
+
+    onStart(res) {
+      // TODO liujun189 暂时不能用finish等内置方法，会被vue-precompiler加入一个undefined的stopPropagation()，导致回调异常
+      this.$emit("onStart", res);
+    },
+
+    onPause(res) {
+      // TODO liujun189 暂时不能用finish等内置方法，会被vue-precompiler加入一个undefined的stopPropagation()，导致回调异常
+      this.$emit("onPause", res);
+    },
+
+    finish(res) {
+      // TODO liujun189 暂时不能用finish等内置方法，会被vue-precompiler加入一个undefined的stopPropagation()，导致回调异常
+      this.$emit("finish", res);
+    },
+
+    onFail(res) {
+      // TODO liujun189 暂时不能用finish等内置方法，会被vue-precompiler加入一个undefined的stopPropagation()，导致回调异常
+      this.$emit("onFail", res);
+    },
+
+    onReadyToPlay(res) {
+      // TODO liujun189 暂时不能用finish等内置方法，会被vue-precompiler加入一个undefined的stopPropagation()，导致回调异常
+      this.$emit("onReadyToPlay", res);
+    }
+  },
+};
+</script>

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

@@ -0,0 +1,56 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-linechart-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  name: "MideaLinechartView",
+  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-lottie-view.vue

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

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

@@ -0,0 +1,74 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-map-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  >
+  </BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+    };
+  },
+  name: "MideaMapView",
+  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,
+        markerPick: this.markerPick,
+        pointPick: this.pointPick,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+    // 自定义拓展其它逻辑
+    handleOnChange(res) {
+      if (res.mode == 1) {
+        //停止滑动
+        this.$emit("slideEnd", res);
+      } else {
+        this.$emit("slideChange", res);
+      }
+    },
+    markerPick(res) {
+      this.$emit("marker-pick", res);
+    },
+    pointPick(res) {
+      this.$emit("point-pick", res);
+    },
+  },
+};
+</script>

package/src/components/midea-pdf-view-base.vue

@@ -0,0 +1,75 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-pdf-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0
+    }
+  },
+  name: "MideaPdfView",
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    pdfPath: {
+      type: String,  // android是pdfPath, ios为src, 后续可以做兼容
+      require: true
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        pdfPath: this.pdfPath,
+        pagestart: this.handlePagestart,
+        pageprogress: this.handlePageprogress,
+        pagefinish: this.handlePagefinish,
+        pagefailed: this.handlePagefailed,
+        retry: this.handleRetry,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+
+  methods: {
+    // 自定义拓展其它逻辑
+    handlePagestart(res) {
+      this.$emit("pagestart", res);
+    },
+    handlePageprogress(res) {
+      this.$emit("pageprogress", res);
+    },
+    handlePagefinish(res) {
+      this.$emit("pagefinish", res);
+    },
+    handleRetry(res) {
+      this.$emit("pagefailed", res);
+    },
+    handlePagefailed(res) {
+      this.$emit("retry", res);
+    },
+  },
+};
+</script>

package/src/components/midea-picker.vue

@@ -0,0 +1,58 @@
+<template>
+    <BaseSameLayer
+        :hosSameLayerArgs="hosSameLayerArgs"
+        embedType="native/midea-picker"
+        :defaultWidth="300"
+        :defaultHeight="180"
+    ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue'
+
+export default {
+    data() {
+        return {
+            width: 0,
+            height: 0
+        }
+    },
+    name: "MideaPicker",
+    components: {
+        BaseSameLayer
+    },
+    props: {
+        hosUniqueProps: {
+            type: Object,
+            default() {
+                return {}
+            }
+        },
+        config: {
+            type: Object,
+            required: true
+        }
+    },
+    computed: {
+        hosSameLayerArgs() {
+            return {
+                ...this.hosUniqueProps,// 鸿蒙原生组件独有属性
+                width: this.width,
+                height: this.height,
+                config: this.config,
+                onScrollCompleted: this.onScollCompleted
+            }
+        }
+    },
+    mounted() {
+        this.width = this.$el.clientWidth;
+        this.height = this.$el.clientHeight;
+    },
+
+    methods: {
+        onScollCompleted(res) {
+            this.$emit("mideaPickerChange", res)
+        },
+    },
+};
+</script>

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

@@ -0,0 +1,56 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-piechart-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  name: "MideaPiechartView",
+  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-progresscycle-view.vue

@@ -0,0 +1,56 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-progresscycle-view"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  name: "MideaProgresscycleView",
+  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-seek-bar-base.vue

@@ -0,0 +1,136 @@
+<template>
+    <BaseSameLayer
+      :hosSameLayerArgs="hosSameLayerArgs"
+      embedType="native/midea-seek-bar"
+      :defaultWidth="300"
+      :defaultHeight="40"
+    ></BaseSameLayer>
+</template>
+  
+<script>
+  import BaseSameLayer from "./baseSameLayer.vue";
+  
+  export default {
+    data() {
+      return {
+        width: 0,
+        height: 0
+      }
+    },
+    name: "MideaSeekBar",
+    components: {
+      BaseSameLayer,
+    },
+    props: {
+      hosUniqueProps: {
+        type: Object,
+        default() {
+          return {};
+        },
+      },
+      min: {
+        type: Number,
+        required: true,
+      },
+      max: {
+        type: Number,
+        required: true,
+      },
+      value: {
+        type: Number,
+        required: false,
+      },
+      unit: {
+        type: String,
+        required: false,
+      },
+      step: {
+        type: Number,
+        required: false,
+      },
+      showTip: {
+        type: Boolean,
+        required: false,
+      },
+      axisH: {
+        type: Number,
+        required: false,
+      },
+      pointH: {
+        type: Number,
+        required: false,
+      },
+      pointColor: {
+        type: String,
+        required: false,
+      },
+      axisColor: {
+        type: String,
+        required: false,
+      },
+      axisStartColor: {
+        type: String,
+        required: false,
+      },
+      axisEndColor: {
+        type: String,
+        required: false,
+      },
+      axisBgColor: {
+        type: String,
+        required: false,
+      },
+      disable: {
+        type: Boolean,
+        required: false,
+      },
+      sliderImage: {
+        type: String,
+        required: false,
+      },
+    },
+    computed: {
+      hosSameLayerArgs() {
+        return {
+          ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+          width: this.width,
+          height: this.height,
+          min: this.min,
+          max: this.max,
+          value: this.value,
+          unit: this.unit,
+          step: this.step,
+          showTip: this.showTip,
+          axisH: this.axisH,
+          pointH: this.pointH,
+          pointColor: this.pointColor,
+          axisColor: this.axisColor,
+          axisStartColor: this.axisStartColor,
+          axisEndColor: this.axisEndColor,
+          axisBgColor: this.axisBgColor,
+          disable: this.disable,
+          sliderImage: this.sliderImage,
+          handleOnChange: this.handleOnChange,
+        };
+      },
+    },
+    mounted() {
+      this.width = this.$el.clientWidth;
+      this.height = this.$el.clientHeight;
+    },
+  
+    methods: {
+      // 自定义拓展其它逻辑
+      handleOnChange(res) {
+        if (res.mode == 1) {  //停止滑动
+            this.$emit("stopChange", res);
+            this.$emit("slideEnd", res);
+        } else {
+            this.$emit("change", res);
+            this.$emit("slideChange", res);
+        }
+      },
+    },
+  };
+  </script>
+