[build] 6.2.0

Author: ktsn

dist/vue-class-component.common.js

@@ -1,6 +1,6 @@
 /**
-  * vue-class-component v6.1.2
-  * (c) 2015-2017 Evan You
+  * vue-class-component v6.2.0
+  * (c) 2015-present Evan You
   * @license MIT
   */
 'use strict';
@@ -26,6 +26,13 @@ function createDecorator(factory) {
         Ctor.__decorators__.push(function (options) { return factory(options, key, index); });
     };
 }
+function mixins() {
+    var Ctors = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        Ctors[_i] = arguments[_i];
+    }
+    return Vue.extend({ mixins: Ctors });
+}
 function isPrimitive(value) {
     var type = typeof value;
     return value == null || (type !== "object" && type !== "function");
@@ -37,10 +44,13 @@ function warn(message) {
 }
 
 function collectDataFromConstructor(vm, Component) {
+    // override _init to prevent to init as Vue instance
     var originalInit = Component.prototype._init;
     Component.prototype._init = function () {
         var _this = this;
+        // proxy to actual vm
         var keys = Object.getOwnPropertyNames(vm);
+        // 2.2.0 compat (props are no longer exposed as self properties)
         if (vm.$options.props) {
             for (var key in vm.$options.props) {
                 if (!vm.hasOwnProperty(key)) {
@@ -58,8 +68,11 @@ function collectDataFromConstructor(vm, Component) {
             }
         });
     };
+    // should be acquired class property values
     var data = new Component();
+    // restore original _init to avoid memory leak (#209)
     Component.prototype._init = originalInit;
+    // create plain data object
     var plainData = {};
     Object.keys(data).forEach(function (key) {
         if (data[key] !== undefined) {
@@ -88,25 +101,29 @@ var $internalHooks = [
     'activated',
     'deactivated',
     'render',
-    'errorCaptured'
+    'errorCaptured' // 2.5
 ];
 function componentFactory(Component, options) {
     if (options === void 0) { options = {}; }
     options.name = options.name || Component._componentTag || Component.name;
+    // prototype props.
     var proto = Component.prototype;
     Object.getOwnPropertyNames(proto).forEach(function (key) {
         if (key === 'constructor') {
             return;
         }
+        // hooks
         if ($internalHooks.indexOf(key) > -1) {
             options[key] = proto[key];
             return;
         }
         var descriptor = Object.getOwnPropertyDescriptor(proto, key);
         if (typeof descriptor.value === 'function') {
+            // methods
             (options.methods || (options.methods = {}))[key] = descriptor.value;
         }
         else if (descriptor.get || descriptor.set) {
+            // computed properties
             (options.computed || (options.computed = {}))[key] = {
                 get: descriptor.get,
                 set: descriptor.set
@@ -118,11 +135,13 @@ function componentFactory(Component, options) {
             return collectDataFromConstructor(this, Component);
         }
     });
+    // decorate options
     var decorators = Component.__decorators__;
     if (decorators) {
         decorators.forEach(function (fn) { return fn(options); });
         delete Component.__decorators__;
     }
+    // find super
     var superProto = Object.getPrototypeOf(Component.prototype);
     var Super = superProto instanceof Vue
         ? superProto.constructor
@@ -132,27 +151,44 @@ function componentFactory(Component, options) {
     return Extended;
 }
 var reservedPropertyNames = [
+    // Unique id
     'cid',
+    // Super Vue constructor
     'super',
+    // Component options that will be used by the component
     'options',
     'superOptions',
     'extendOptions',
     'sealedOptions',
+    // Private assets
     'component',
     'directive',
     'filter'
 ];
 function forwardStaticMembers(Extended, Original, Super) {
+    // We have to use getOwnPropertyNames since Babel registers methods as non-enumerable
     Object.getOwnPropertyNames(Original).forEach(function (key) {
+        // `prototype` should not be overwritten
         if (key === 'prototype') {
             return;
         }
+        // Some browsers does not allow reconfigure built-in properties
         var extendedDescriptor = Object.getOwnPropertyDescriptor(Extended, key);
         if (extendedDescriptor && !extendedDescriptor.configurable) {
             return;
         }
         var descriptor = Object.getOwnPropertyDescriptor(Original, key);
+        // If the user agent does not support `__proto__` or its family (IE <= 10),
+        // the sub class properties may be inherited properties from the super class in TypeScript.
+        // We need to exclude such properties to prevent to overwrite
+        // the component options object which stored on the extended constructor (See #192).
+        // If the value is a referenced value (object or function),
+        // we can check equality of them and exclude it if they have the same reference.
+        // If it is a primitive value, it will be forwarded for safety.
         if (!hasProto) {
+            // Only `cid` is explicitly exluded from property forwarding
+            // because we cannot detect whether it is a inherited property or not
+            // on the no `__proto__` environment even though the property is reserved.
             if (key === 'cid') {
                 return;
             }
@@ -163,6 +199,7 @@ function forwardStaticMembers(Extended, Original, Super) {
                 return;
             }
         }
+        // Warn if the users manually declare reserved properties
         if (process.env.NODE_ENV !== 'production'
             && reservedPropertyNames.indexOf(key) >= 0) {
             warn("Static property name '" + key + "' declared on class '" + Original.name + "' " +
@@ -189,5 +226,6 @@ function Component(options) {
 })(Component || (Component = {}));
 var Component$1 = Component;
 
-exports['default'] = Component$1;
+exports.default = Component$1;
 exports.createDecorator = createDecorator;
+exports.mixins = mixins;

dist/vue-class-component.js

@@ -1,6 +1,6 @@
 /**
-  * vue-class-component v6.1.2
-  * (c) 2015-2017 Evan You
+  * vue-class-component v6.2.0
+  * (c) 2015-present Evan You
   * @license MIT
   */
 (function (global, factory) {
@@ -26,6 +26,13 @@ function createDecorator(factory) {
         Ctor.__decorators__.push(function (options) { return factory(options, key, index); });
     };
 }
+function mixins() {
+    var Ctors = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        Ctors[_i] = arguments[_i];
+    }
+    return Vue.extend({ mixins: Ctors });
+}
 function isPrimitive(value) {
     var type = typeof value;
     return value == null || (type !== "object" && type !== "function");
@@ -37,10 +44,13 @@ function warn(message) {
 }
 
 function collectDataFromConstructor(vm, Component) {
+    // override _init to prevent to init as Vue instance
     var originalInit = Component.prototype._init;
     Component.prototype._init = function () {
         var _this = this;
+        // proxy to actual vm
         var keys = Object.getOwnPropertyNames(vm);
+        // 2.2.0 compat (props are no longer exposed as self properties)
         if (vm.$options.props) {
             for (var key in vm.$options.props) {
                 if (!vm.hasOwnProperty(key)) {
@@ -58,8 +68,11 @@ function collectDataFromConstructor(vm, Component) {
             }
         });
     };
+    // should be acquired class property values
     var data = new Component();
+    // restore original _init to avoid memory leak (#209)
     Component.prototype._init = originalInit;
+    // create plain data object
     var plainData = {};
     Object.keys(data).forEach(function (key) {
         if (data[key] !== undefined) {
@@ -88,25 +101,29 @@ var $internalHooks = [
     'activated',
     'deactivated',
     'render',
-    'errorCaptured'
+    'errorCaptured' // 2.5
 ];
 function componentFactory(Component, options) {
     if (options === void 0) { options = {}; }
     options.name = options.name || Component._componentTag || Component.name;
+    // prototype props.
     var proto = Component.prototype;
     Object.getOwnPropertyNames(proto).forEach(function (key) {
         if (key === 'constructor') {
             return;
         }
+        // hooks
         if ($internalHooks.indexOf(key) > -1) {
             options[key] = proto[key];
             return;
         }
         var descriptor = Object.getOwnPropertyDescriptor(proto, key);
         if (typeof descriptor.value === 'function') {
+            // methods
             (options.methods || (options.methods = {}))[key] = descriptor.value;
         }
         else if (descriptor.get || descriptor.set) {
+            // computed properties
             (options.computed || (options.computed = {}))[key] = {
                 get: descriptor.get,
                 set: descriptor.set
@@ -118,11 +135,13 @@ function componentFactory(Component, options) {
             return collectDataFromConstructor(this, Component);
         }
     });
+    // decorate options
     var decorators = Component.__decorators__;
     if (decorators) {
         decorators.forEach(function (fn) { return fn(options); });
         delete Component.__decorators__;
     }
+    // find super
     var superProto = Object.getPrototypeOf(Component.prototype);
     var Super = superProto instanceof Vue
         ? superProto.constructor
@@ -132,27 +151,44 @@ function componentFactory(Component, options) {
     return Extended;
 }
 var reservedPropertyNames = [
+    // Unique id
     'cid',
+    // Super Vue constructor
     'super',
+    // Component options that will be used by the component
     'options',
     'superOptions',
     'extendOptions',
     'sealedOptions',
+    // Private assets
     'component',
     'directive',
     'filter'
 ];
 function forwardStaticMembers(Extended, Original, Super) {
+    // We have to use getOwnPropertyNames since Babel registers methods as non-enumerable
     Object.getOwnPropertyNames(Original).forEach(function (key) {
+        // `prototype` should not be overwritten
         if (key === 'prototype') {
             return;
         }
+        // Some browsers does not allow reconfigure built-in properties
         var extendedDescriptor = Object.getOwnPropertyDescriptor(Extended, key);
         if (extendedDescriptor && !extendedDescriptor.configurable) {
             return;
         }
         var descriptor = Object.getOwnPropertyDescriptor(Original, key);
+        // If the user agent does not support `__proto__` or its family (IE <= 10),
+        // the sub class properties may be inherited properties from the super class in TypeScript.
+        // We need to exclude such properties to prevent to overwrite
+        // the component options object which stored on the extended constructor (See #192).
+        // If the value is a referenced value (object or function),
+        // we can check equality of them and exclude it if they have the same reference.
+        // If it is a primitive value, it will be forwarded for safety.
         if (!hasProto) {
+            // Only `cid` is explicitly exluded from property forwarding
+            // because we cannot detect whether it is a inherited property or not
+            // on the no `__proto__` environment even though the property is reserved.
             if (key === 'cid') {
                 return;
             }
@@ -163,6 +199,7 @@ function forwardStaticMembers(Extended, Original, Super) {
                 return;
             }
         }
+        // Warn if the users manually declare reserved properties
         if ("development" !== 'production'
             && reservedPropertyNames.indexOf(key) >= 0) {
             warn("Static property name '" + key + "' declared on class '" + Original.name + "' " +
@@ -189,8 +226,9 @@ function Component(options) {
 })(Component || (Component = {}));
 var Component$1 = Component;
 
-exports['default'] = Component$1;
+exports.default = Component$1;
 exports.createDecorator = createDecorator;
+exports.mixins = mixins;
 
 Object.defineProperty(exports, '__esModule', { value: true });