@dolphinweex/weex-harmony 0.1.0

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

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

package/src/components/midea-video.vue

@@ -0,0 +1,91 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/midea-video"
+    :defaultWidth="300"
+    :defaultHeight="300"
+  >
+  </BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from "./baseSameLayer.vue";
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+    };
+  },
+  name: "MideaVideo",
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    hosUniqueProps: {
+      type: Object,
+      default() {
+        return {};
+      },
+    },
+    autoplay: {
+      type: Boolean,
+      default: true,
+    },
+    src: {
+      type: String,
+      default: "",
+    },
+    videoCover: {
+      type: String,
+      default: "",
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        autoplay: this.autoplay,
+        src: this.src,
+        videoCover: this.videoCover,
+        start: this.start,
+        pause: this.pause,
+        fail: this.fail,
+        finish: this.finish,
+      };
+    },
+  },
+  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);
+      }
+    },
+    //开始
+    start() {
+      this.$emit("start");
+    },
+    pause() {
+      this.$emit("pause");
+    },
+    fail() {
+      this.$emit("fail");
+    },
+    finish() {
+      this.$emit("finish");
+    },
+  },
+};
+</script>

package/src/components/midea-vslider-bar-base.vue

@@ -0,0 +1,89 @@
+<template>
+    <BaseSameLayer
+      :hosSameLayerArgs="hosSameLayerArgs"
+      embedType="native/midea-vslider-bar"
+      :defaultWidth="60"
+      :defaultHeight="300"
+    ></BaseSameLayer>
+  </template>
+  
+  <script>
+  import BaseSameLayer from "./baseSameLayer.vue";
+  
+  export default {
+    data() {
+      return {
+        width: 0,
+        height: 0
+      }
+    },
+    name: "MideaVsliderBar",
+    components: {
+      BaseSameLayer,
+    },
+    props: {
+      hosUniqueProps: {
+        type: Object,
+        default() {
+          return {};
+        },
+      },
+      min: {
+        type: Number,
+        required: true,
+      },
+      max: {
+        type: Number,
+        required: true,
+      },
+      value: {
+        type: Number,
+        required: false,
+      },
+      enable: {
+        type: Boolean,
+        required: false,
+      },
+      image: {
+        type: String,
+        required: false,
+      },
+      size: {
+        type: Number,
+        required: false,
+      },
+    },
+    computed: {
+      hosSameLayerArgs() {
+        return {
+          ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+          width: this.width,
+          height: this.height,
+          min: this.min,
+          max: this.max,
+          value: this.value,
+          enable: this.enable,
+          image: this.image,
+          size: this.size,
+          handleOnChange: this.handleOnChange,
+        };
+      },
+    },
+    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/pick-pallet.vue

@@ -0,0 +1,66 @@
+<template>
+  <BaseSameLayer
+    :hosSameLayerArgs="hosSameLayerArgs"
+    embedType="native/pick-pallet"
+    :defaultWidth="100"
+    :defaultHeight="100"
+  ></BaseSameLayer>
+</template>
+
+<script>
+import BaseSameLayer from './baseSameLayer.vue';
+
+export default {
+  data() {
+    return {
+      width: 0,
+      height: 0,
+    };
+  },
+  name: 'PickPallet',
+  components: {
+    BaseSameLayer,
+  },
+  props: {
+    titleName: {
+      type: String,
+      default: '',
+    },
+    selectionCircleColor: {
+      type: String,
+      default: '#fff',
+    },
+    titleName: {
+      type: String,
+      default: '',
+    },
+    style: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  computed: {
+    hosSameLayerArgs() {
+      return {
+        ...this.hosUniqueProps, // 鸿蒙原生组件独有属性
+        width: this.width,
+        height: this.height,
+        config: this.config,
+        style: this.style,
+        titleName: this.titleName,
+        selectionCircleColor: this.selectionCircleColor,
+        handleChangeColor: this.handleChangeColor,
+      };
+    },
+  },
+  mounted() {
+    this.width = this.$el.clientWidth;
+    this.height = this.$el.clientHeight;
+  },
+  methods: {
+    handleChangeColor(res) {
+      this.$emit('changeColor', res);
+    },
+  },
+};
+</script>

package/src/index.js

@@ -0,0 +1,180 @@
+const componentMap = [
+  {
+    componentName: 'HlRichtext',
+    componentAddress: 'hl-richtext-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'HlVideo',
+    componentAddress: 'hl-video-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'HlLottie',
+    componentAddress: 'hl-lottie-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'HlTextarea',
+    componentAddress: 'hl-textarea-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'HlImage',
+    componentAddress: 'hl-image-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'HlButton',
+    componentAddress: 'hl-button-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'HlSlider',
+    componentAddress: 'hl-slider-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'Web',
+    componentAddress: 'hl-web-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaGesturePassword',
+    componentAddress: 'midea-gesture-password-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaApngView',
+    componentAddress: 'midea-apng-view-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaPdfView',
+    componentAddress: 'midea-pdf-view-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaPicker',
+    componentAddress: 'midea-picker.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaBlurView',
+    componentAddress: 'midea-blur-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaIjkplayerView',
+    componentAddress: 'midea-ijkplayer-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaSeekBar',
+    componentAddress: 'midea-seek-bar-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaDragSlider',
+    componentAddress: 'midea-drag-slider-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaVsliderBar',
+    componentAddress: 'midea-vslider-bar-base.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaCircleProgressView',
+    componentAddress: 'midea-circle-progress.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaTimePave',
+    componentAddress: 'midea-time-pave.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'PickPallet',
+    componentAddress: 'pick-pallet.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaCalendarPave',
+    componentAddress: 'midea-calendar-pave.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaLinechartView',
+    componentAddress: 'midea-linechart-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaDraggingLinechartView',
+    componentAddress: 'midea-dragging-linechart-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaBarchartView',
+    componentAddress: 'midea-barchart-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaPiechartView',
+    componentAddress: 'midea-piechart-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MideaCombinechartView',
+    componentAddress: 'midea-combinechart-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'MdieaArcSlider',
+    componentAddress: 'mdiea-arc-slider.vue',
+    isInPlugin: false,
+  },
+  {
+    componentName: 'MideaProgresscycleView',
+    componentAddress: 'midea-progresscycle-view.vue',
+    isInPlugin: false,
+  },
+  {
+    componentName: 'MideaVideo',
+    componentAddress: 'midea-video.vue',
+    isInPlugin: false,
+  },
+  {
+    componentName: 'MideaMapView',
+    componentAddress: 'midea-map-view.vue',
+    isInPlugin: false,
+  },
+  {
+    componentName: 'MideaCameraView',
+    componentAddress: 'midea-camera-view.vue',
+    isInPlugin: false,
+  },
+
+  {
+    componentName: 'MideaLottieView',
+    componentAddress: 'midea-lottie-view',
+    isInPlugin: false,
+  },
+  {
+    componentName: 'MideaDragListView',
+    componentAddress: 'midea-drag-list-view',
+    isInPlugin: false,
+  },
+  {
+    componentName: 'MideaCommonWeexView',
+    componentAddress: 'midea-common-weex-view.vue',
+    isInPlugin: false
+  },
+  {
+    componentName: 'DragVerticalListView',
+    componentAddress: 'drag-vertical-list-view.vue',
+    isInPlugin: false
+  }
+]
+
+module.exports = componentMap