feat: support multiple sources

Author: fjc0k

src/index.js

@@ -15,59 +15,62 @@ const assign = function (target, source, handler) {
   return target
 }
 
-export default function mergeData(target, source) {
-  // Shallow copy target
-  target = assign({}, target)
+export default function mergeData() {
+  const args = [].slice.call(arguments)
+  const target = assign({}, args[0])
+  const sources = args.slice(1)
 
-  // Merge
-  assign(target, source, propName => {
-    const targetValue = target[propName]
-    const sourceValue = source[propName]
-    if (targetValue) {
-      switch (propName) {
-        // append
-        case 'staticClass':
-          target[propName] = (targetValue + ' ' + sourceValue).trim()
-          break
-        // override
-        case 'attrs':
-        case 'domProps':
-        case 'scopedSlots':
-        case 'staticStyle':
-        case 'props':
-        case 'hook':
-        case 'transition':
-          assign(targetValue, sourceValue)
-          break
-        // expand
-        case 'class':
-        case 'style':
-        case 'directives':
-          target[propName] = [].concat(sourceValue, targetValue)
-          break
-        // expand
-        case 'on':
-        case 'nativeOn':
-          assign(targetValue, sourceValue, listenerName => {
-            if (targetValue[listenerName]) {
-              targetValue[listenerName] = [].concat(
-                sourceValue[listenerName],
-                targetValue[listenerName]
-              )
-            } else {
-              targetValue[listenerName] = sourceValue[listenerName]
-            }
-          })
-          break
-        // override
-        default:
-          target[propName] = source[propName]
-          break
+  for (const i in sources) {
+    const source = sources[i]
+    assign(target, source, propName => {
+      const targetValue = target[propName]
+      const sourceValue = source[propName]
+      if (targetValue) {
+        switch (propName) {
+          // append
+          case 'staticClass':
+            target[propName] = (targetValue + ' ' + sourceValue).trim()
+            break
+          // override
+          case 'attrs':
+          case 'domProps':
+          case 'scopedSlots':
+          case 'staticStyle':
+          case 'props':
+          case 'hook':
+          case 'transition':
+            assign(targetValue, sourceValue)
+            break
+          // expand
+          case 'class':
+          case 'style':
+          case 'directives':
+            target[propName] = [].concat(sourceValue, targetValue)
+            break
+          // expand
+          case 'on':
+          case 'nativeOn':
+            assign(targetValue, sourceValue, listenerName => {
+              if (targetValue[listenerName]) {
+                targetValue[listenerName] = [].concat(
+                  sourceValue[listenerName],
+                  targetValue[listenerName]
+                )
+              } else {
+                targetValue[listenerName] = sourceValue[listenerName]
+              }
+            })
+            break
+          // override
+          default:
+            target[propName] = source[propName]
+            break
+        }
+      } else {
+        target[propName] = sourceValue
       }
-    } else {
-      target[propName] = sourceValue
-    }
-  })
+    })
+  }
 
   return target
 }

test/index.test.js

@@ -60,11 +60,18 @@ const source = {
   }
 }
 
+const source2 = {
+  attrs: {
+    new: true
+  }
+}
+
 const result = {
   attrs: {
     disabled: true,
     id: 'btn',
-    type: 'button'
+    type: 'button',
+    new: true
   },
   class: [
     'btn3',
@@ -115,5 +122,5 @@ const result = {
 }
 
 test('The merged data is correct.', () => {
-  expect(mergeData(target, source)).toEqual(result)
+  expect(mergeData(target, source, source2)).toEqual(result)
 })