/** * @copyright 2017 Alex Regan * @license MIT * @see https://github.com/alexsasharegan/vue-functional-data-merge */ export default function mergeData() { const mergeTarget = {}; let i = arguments.length; let prop; let event; // Allow for variadic argument length. while (i--) { // Iterate through the data properties and execute merge strategies // Object.keys eliminates need for hasOwnProperty call for (prop of Object.keys(arguments[i])) { switch (prop) { // Array merge strategy (array concatenation) case 'class': case 'style': case 'directives': if (!Array.isArray(mergeTarget[prop])) { mergeTarget[prop] = []; } // Repackaging in an array allows Vue runtime // to merge class/style bindings regardless of type. mergeTarget[prop] = mergeTarget[prop].concat(arguments[i][prop]); break; // Space delimited string concatenation strategy case 'staticClass': if (!arguments[i][prop]) { break; } if (mergeTarget[prop] === undefined) { mergeTarget[prop] = ''; } if (mergeTarget[prop]) { // Not an empty string, so concatenate mergeTarget[prop] += ' '; } mergeTarget[prop] += arguments[i][prop].trim(); break; // Object, the properties of which to merge via array merge strategy (array concatenation). // Callback merge strategy merges callbacks to the beginning of the array, // so that the last defined callback will be invoked first. // This is done since to mimic how Object.assign merging // uses the last given value to assign. case 'on': case 'nativeOn': if (!mergeTarget[prop]) { mergeTarget[prop] = {}; } const listeners = mergeTarget[prop]; for (event of Object.keys(arguments[i][prop] || {})) { // Concat function to array of functions if callback present. if (listeners[event]) { // Insert current iteration data in beginning of merged array. listeners[event] = Array().concat( // eslint-disable-line listeners[event], arguments[i][prop][event]); } else { // Straight assign. listeners[event] = arguments[i][prop][event]; } } break; // Object merge strategy case 'attrs': case 'props': case 'domProps': case 'scopedSlots': case 'staticStyle': case 'hook': case 'transition': if (!mergeTarget[prop]) { mergeTarget[prop] = {}; } mergeTarget[prop] = { ...arguments[i][prop], ...mergeTarget[prop] }; break; // Reassignment strategy (no merge) case 'slot': case 'key': case 'ref': case 'tag': case 'show': case 'keepAlive': default: if (!mergeTarget[prop]) { mergeTarget[prop] = arguments[i][prop]; } } } } return mergeTarget; } //# sourceMappingURL=mergeData.js.map