@dolphinweex/weex-harmony 0.1.2 → 0.1.4

package/package.json

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

package/src/components/baseSameLayer.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div v-on="filteredListeners">
     <embed
       :id="embedId"
       :type="embedType"
@@ -33,6 +33,11 @@ export default {
       required: false,
       default: 0,
     },
+    listenEvents:{
+      type: Array,
+      required: false,
+      default: [],
+    }
   },
   data() {
     return {
@@ -40,6 +45,17 @@ export default {
     };
   },
   computed: {
+    filteredListeners() {
+      // 指定传给父级标签的vue原生事件 尝试过外面v-on="{ 'click': $listeners.click }" 局部传但是不行
+      if (!this.listenEvents.length) { return {} }
+      const filtered = {};
+      Object.keys(this.$listeners).forEach(event => {
+        if (this.listenEvents.includes(event)) {
+          filtered[event] = this.$listeners[event];
+        }
+      });
+      return filtered;
+    },
     embedWidth() {
       // 如果hosSameLayerArgs.width存在且定义了，则使用该值，否则使用defaultWidth
       return this.hosSameLayerArgs.width || this.defaultWidth;

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

@@ -4,6 +4,8 @@
     embedType="native/midea-lottie-view"
     :defaultWidth="300"
     :defaultHeight="300"
+    v-on="$listeners"
+    :listenEvents="['click']"
   >
   </BaseSameLayer>
 </template>

package/src/transform-loader.js

@@ -152,8 +152,20 @@ function generateCode(moduleResoveRet) {
   let styleAttrs = ''
   let scriptAttrs = ''
 
-  moduleResoveRet.styles.forEach((item) => {
+  let styleStr = ''
+  moduleResoveRet.styles.forEach((item, i) => {
+    styleTemplate = ''
+    styleAttrs = ''
     styleTemplate += item.content
+
+    Object.keys(moduleResoveRet.styles[i].attrs).forEach((item) => {
+      if (typeof moduleResoveRet.styles[i].attrs[item] === 'boolean') {
+        styleAttrs += ` ${item}`
+      } else {
+        styleAttrs += ` ${item}="${moduleResoveRet.styles[i].attrs[item]}"`
+      }
+    })
+    styleStr += `<style${styleAttrs}>${styleTemplate}</style>\n`
   })
 
   Object.keys(moduleResoveRet.script.attrs).forEach((item) => {
@@ -164,20 +176,10 @@ function generateCode(moduleResoveRet) {
     }
   })
 
-  if(moduleResoveRet.styles.length){
-    Object.keys(moduleResoveRet.styles[0].attrs).forEach((item) => {
-      if (typeof moduleResoveRet.styles[0].attrs[item] === 'boolean') {
-        styleAttrs += ` ${item}`
-      } else {
-        styleAttrs += ` ${item}="${moduleResoveRet.styles[0].attrs[item]}"`
-      }
-    })
-  }
-
   const template = `
-<template>${moduleResoveRet.template.content}</template>
-<script${scriptAttrs}>${moduleResoveRet.script.content}</script>
-<style${styleAttrs}>${styleTemplate}</style>
+    <template>${moduleResoveRet.template.content}</template>
+    <script${scriptAttrs}>${moduleResoveRet.script.content}</script>
+    ${styleStr}
   `
   return template
 }
@@ -220,6 +222,28 @@ module.exports = function (source) {
             path.unshiftContainer('body', buildImportDeclaration(componentName))
           })
         },
+        AssignmentExpression(path) {
+          const left = path.node.left;
+          if (
+            left.type === 'MemberExpression' &&
+            left.object.name === 'module' &&
+            left.property.name === 'exports'
+          ) {
+            if (componentSet.size !== 0) {
+              if (t.isObjectExpression(path.node.right)) {
+                const properties = path.node.right.properties
+                const result = properties.find(item => item.key.name == 'components')
+                if (result) {
+                  addComponentsProperty(result)
+                } else {
+                  const componentsAst = t.objectProperty(t.identifier('components'), t.objectExpression([]))
+                  properties.push(componentsAst)
+                  addComponentsProperty(componentsAst)
+                }
+              }
+            }
+          }
+        },
         ExportDefaultDeclaration(path) {
           if (componentSet.size !== 0) {
             if (t.isObjectExpression(path.node.declaration)) {