optimize asset merging

Author: yyx990803

component.json

@@ -69,8 +69,8 @@
     "src/util/env.js",
     "src/util/index.js",
     "src/util/lang.js",
-    "src/util/merge-option.js",
     "src/util/misc.js",
+    "src/util/options.js",
     "src/vue.js",
     "src/watcher.js"
   ]

src/api/global.js

@@ -1,5 +1,5 @@
 var _ = require('../util')
-var mergeOptions = require('../util/merge-option')
+var config = require('../config')
 
 /**
  * Expose useful internals
@@ -48,7 +48,7 @@ exports.extend = function (extendOptions) {
   Sub.prototype = Object.create(Super.prototype)
   Sub.prototype.constructor = Sub
   Sub.cid = cid++
-  Sub.options = mergeOptions(
+  Sub.options = _.mergeOptions(
     Super.options,
     extendOptions
   )
@@ -101,13 +101,6 @@ exports.use = function (plugin) {
  * @param {Function} Constructor
  */
 
-var assetTypes = [
-  'directive',
-  'elementDirective',
-  'filter',
-  'transition'
-]
-
 function createAssetRegisters (Constructor) {
 
   /* Asset registration methods share the same signature:
@@ -116,7 +109,7 @@ function createAssetRegisters (Constructor) {
    * @param {*} definition
    */
 
-  assetTypes.forEach(function (type) {
+  config._assetTypes.forEach(function (type) {
     Constructor[type] = function (id, definition) {
       if (!definition) {
         return this.options[type + 's'][id]

src/compiler/compile.js

@@ -3,6 +3,7 @@ var config = require('../config')
 var textParser = require('../parsers/text')
 var dirParser = require('../parsers/directive')
 var templateParser = require('../parsers/template')
+var resolveAsset = _.resolveAsset
 
 // internal directives
 var propDef = require('../directives/prop')
@@ -278,7 +279,7 @@ function processTextToken (token, options) {
   }
   function setTokenType (type) {
     token.type = type
-    token.def = options.directives[type]
+    token.def = resolveAsset(options, 'directives', type)
     token.descriptor = dirParser.parse(token.value)[0]
   }
   return el
@@ -469,7 +470,7 @@ function makePropsLinkFn (props) {
 
 function checkElementDirectives (el, options) {
   var tag = el.tagName.toLowerCase()
-  var def = options.elementDirectives[tag]
+  var def = resolveAsset(options, 'elementDirectives', tag)
   if (def) {
     return makeTerminalNodeLinkFn(el, tag, '', options, def)
   }
@@ -539,6 +540,8 @@ skip.terminal = true
 
 function makeTerminalNodeLinkFn (el, dirName, value, options, def) {
   var descriptor = dirParser.parse(value)[0]
+  // no need to call resolveAsset since terminal directives
+  // are always internal
   def = def || options.directives[dirName]
   var fn = function terminalNodeLinkFn (vm, el, host) {
     vm._bindDir(dirName, el, descriptor, def, host)
@@ -571,7 +574,7 @@ function compileDirectives (elOrAttrs, options) {
     if (value === null) continue
     if (name.indexOf(config.prefix) === 0) {
       dirName = name.slice(config.prefix.length)
-      dirDef = options.directives[dirName]
+      dirDef = resolveAsset(options, 'directives', dirName)
       _.assertAsset(dirDef, 'directive', dirName)
       if (dirDef) {
         dirs.push({

src/config.js

@@ -62,7 +62,20 @@ module.exports = {
    * @type {Boolean}
    */
 
-  _delimitersChanged: true
+  _delimitersChanged: true,
+
+  /**
+   * List of asset types that a component can own.
+   *
+   * @type {Array}
+   */
+
+  _assetTypes: [
+    'directive',
+    'elementDirective',
+    'filter',
+    'transition'
+  ]
 
 }
 

src/directives/repeat.js

@@ -6,7 +6,6 @@ var expParser = require('../parsers/expression')
 var templateParser = require('../parsers/template')
 var compile = require('../compiler/compile')
 var transclude = require('../compiler/transclude')
-var mergeOptions = require('../util/merge-option')
 var uid = 0
 
 // async component resolution states
@@ -133,7 +132,7 @@ module.exports = {
         return
       }
       this.Ctor = Ctor
-      var merged = mergeOptions(Ctor.options, {}, {
+      var merged = _.mergeOptions(Ctor.options, {}, {
         $parent: this.vm
       })
       merged.template = this.inlineTempalte || merged.template
@@ -175,7 +174,7 @@ module.exports = {
       _.define(context, key, meta[key])
     }
     var id = this.ctorGetter.call(context, context)
-    var Ctor = this.vm.$options.components[id]
+    var Ctor = _.resolveAsset(this.vm.$options, 'components', id)
     _.assertAsset(Ctor, 'component', id)
     if (!Ctor.options) {
       _.warn(

src/directives/transition.js

@@ -19,7 +19,7 @@ module.exports = {
       // so the transition module knows this is a
       // javascript transition without having to check
       // computed CSS.
-      fns: vm.$options.transitions[id]
+      fns: _.resolveAsset(vm.$options, 'transitions', id)
     }
     if (oldId) {
       _.removeClass(this.el, oldId + '-transition')

src/instance/init.js

@@ -1,4 +1,4 @@
-var mergeOptions = require('../util/merge-option')
+var mergeOptions = require('../util').mergeOptions
 
 /**
  * The main init sequence. This is called for every

src/instance/misc.js

@@ -11,8 +11,7 @@ var _ = require('../util')
  */
 
 exports._applyFilter = function (id, args) {
-  var registry = this.$options.filters
-  var filter = registry[id]
+  var filter = _.resolveAsset(this.$options, 'filters', id)
   _.assertAsset(filter, 'filter', id)
   return (filter.read || filter).apply(this, args)
 }
@@ -29,8 +28,7 @@ exports._applyFilter = function (id, args) {
  */
 
 exports._resolveComponent = function (id, cb) {
-  var registry = this.$options.components
-  var factory = registry[id]
+  var factory = _.resolveAsset(this.$options, 'components', id)
   _.assertAsset(factory, 'component', id)
   // async component factory
   if (!factory.options) {

src/util/index.js

@@ -5,4 +5,5 @@ extend(exports, lang)
 extend(exports, require('./env'))
 extend(exports, require('./dom'))
 extend(exports, require('./misc'))
-extend(exports, require('./debug'))
+extend(exports, require('./debug'))
+extend(exports, require('./options'))

src/util/misc.js

@@ -1,5 +1,6 @@
-var _ = require('./debug')
+var _ = require('./index')
 var config = require('../config')
+var commonTagRE = /^(div|p|span|img|a|br|ul|ol|li|h1|h2|h3|h4|h5|table|tbody|tr|td|pre)$/
 
 /**
  * Check if an element is a component, if yes return its
@@ -17,7 +18,10 @@ exports.checkComponent = function (el, options) {
     var exp = el.getAttribute('is')
     el.removeAttribute('is')
     return exp
-  } else if (options.components[tag]) {
+  } else if (
+    !commonTagRE.test(tag) &&
+    _.resolveAsset(options, 'components', tag)
+  ) {
     return tag
   }
 }
@@ -66,7 +70,7 @@ exports.resolveFilters = function (vm, filters, target) {
   var res = target || {}
   // var registry = vm.$options.filters
   filters.forEach(function (f) {
-    var def = vm.$options.filters[f.name]
+    var def = _.resolveAsset(vm.$options, 'filters', f.name)
     _.assertAsset(def, 'filter', f.name)
     if (!def) return
     var args = f.args