feat(component): add like vue's vm.$emit function

- add vue's vm.$emit function
``` javascript
// emit props['onClick'] bind
this.$emit("Click", 1);
```
- render function add params createElement function
``` javascript
// auto bind event function this is here conmponent
render: function(props, state, content, createElement);
```

config/rollup.base.config.js

@@ -0,0 +1,31 @@
+const rollupTypescript = require('rollup-plugin-typescript')
+const uglify = require('rollup-plugin-uglify')
+const { minify } = require('uglify-es')
+const replace = require('rollup-plugin-replace')
+const pkg = require('../package.json')
+const commonjs = require('rollup-plugin-commonjs');
+
+const isProduction = process.env.NODE_ENV === 'production'
+
+const rollupTypescriptPlugin = rollupTypescript()
+const replacePlugin = replace({
+    VERSION_ENV: JSON.stringify(pkg.version),
+    ENV: JSON.stringify(process.env.NODE_ENV)
+})
+const commonjsPlugin = commonjs({
+    include: 'node_modules/**'
+})
+
+module.exports = {
+    plugins: !isProduction ? [
+        rollupTypescriptPlugin,
+        replacePlugin,
+        commonjsPlugin
+    ] : [
+        rollupTypescriptPlugin,
+        uglify({}, minify),
+        replacePlugin,
+        commonjsPlugin
+    ],
+    sourcemap: !isProduction
+}

config/rollup.config.js

@@ -1,31 +1,11 @@
-import rollupTypescript from 'rollup-plugin-typescript'
-import uglify from 'rollup-plugin-uglify'
-import { minify } from 'uglify-es'
-import pkg from '../package.json'
-import replace from 'rollup-plugin-replace'
-// import typescript from 'typescript'
+const pkg = require('../package.json')
+const baseConfig = require('./rollup.base.config')
 
 const isProduction = process.env.NODE_ENV === 'production'
 
-// set new typescript
-const rollupTypescriptPlugin = rollupTypescript()
-const replacePlugin = replace({
-    VERSION_ENV: JSON.stringify(pkg.version),
-    ENV: JSON.stringify(process.env.NODE_ENV)
-})
-export default {
+const config = Object.assign({
     input: 'src/zreact.ts',
     name: 'zreact',
-    // dest: isProduction ? 'dist/zreact.min.js' : 'dist/zreact.js',
-    plugins: !isProduction ? [
-        rollupTypescriptPlugin,
-        replacePlugin
-    ] : [
-        rollupTypescriptPlugin,
-        uglify({}, minify),
-        replacePlugin
-    ],
-    sourcemap: !isProduction,
     output: isProduction ? [
         {
             format: 'umd',
@@ -41,4 +21,6 @@ export default {
             file: pkg.module
         }
 	]
-}
+}, baseConfig)
+
+export default config

config/rollup.ie8.config.js

@@ -0,0 +1,14 @@
+const baseConfig = require('./rollup.base.config')
+
+const config = Object.assign({
+    input: 'src/ie8.ts',
+    name: 'zreact',
+    output:[
+        {
+            format: 'umd',
+            file: 'dist/zreact.ie8.js'
+        }
+	]
+}, baseConfig)
+
+export default config

package.json

@@ -20,6 +20,7 @@
     "build": "cross-env NODE_ENV=production DEVTOOLS_ENV=production rollup -c config/rollup.config.js",
     "build:devtools-run": "rollup -c config/rollup.config.devtools-run.js",
     "build:dev": "cross-env DEVTOOLS_ENV=production NODE_ENV=dev rollup -c config/rollup.config.js",
+    "build:ie8": "cross-env DEVTOOLS_ENV=production NODE_ENV=dev rollup -c config/rollup.ie8.config.js",
     "dev": "cross-env DEVTOOLS_ENV=production NODE_ENV=dev rollup -c config/rollup.config.js -w",
     "test": "babel test/test.jsx -o test/test.js && node test/test.js",
     "test:karma": "karma start test/karma.conf.js --single-run",
@@ -72,6 +73,7 @@
     "rimraf": "^2.6.1",
     "rollup": "^0.49.2",
     "rollup-plugin-alias": "^1.3.1",
+    "rollup-plugin-commonjs": "^8.2.1",
     "rollup-plugin-replace": "^2.0.0",
     "rollup-plugin-typescript": "zeromake/rollup-plugin-typescript",
     "rollup-plugin-uglify": "^2.0.1",

src/component.ts

@@ -118,6 +118,10 @@ export class Component <PropsType extends IKeyValue, StateType extends IKeyValue
      * 是否停用
      */
     public _disable?: boolean;
+    /**
+     * 模拟vue.emit用的上下文保存
+     */
+    public _emitComponent?: Component<any, any>;
     /**
      * react标准用于设置component实例
      */
@@ -127,8 +131,11 @@ export class Component <PropsType extends IKeyValue, StateType extends IKeyValue
         this._dirty = true;
         this.context = context;
         this.props = props;
-        this.state = this.state || {};
-        this.h = h;
+        this.state = (this.state || {}) as StateType;
+        const self = this;
+        this.h = function _(){
+            return h.apply(self, Array.prototype.slice.call(arguments, 0));
+        } as typeof h;
     }
     /**
      * 设置state并通过enqueueRender异步更新dom
@@ -176,7 +183,24 @@ export class Component <PropsType extends IKeyValue, StateType extends IKeyValue
      * @param state
      * @param context
      */
-    public render(props?: PropsType, state?: StateType, context?: IKeyValue): IVNode | void {
+    public render(props: PropsType, state: StateType, context: IKeyValue, createElement: typeof h): IVNode | void {
         // console.error("not set render");
     }
+    /**
+     * 触发props上的on开头的方法，并以_emitComponent为this
+     * @param eventName 事件名去除
+     * @param args 传递的参数
+     */
+    public $emit(eventName: string, args: any) {
+        const event = this.props["on" + eventName];
+        if (event) {
+            let result;
+            if (this._emitComponent) {
+                result = event.call(this._emitComponent, args);
+            } else {
+                result = event(args);
+            }
+            return result;
+        }
+    }
 }

src/h.ts

@@ -88,7 +88,7 @@ export function h(this: Component<IKeyValue, IKeyValue> | undefined | void | nul
         }
     }
     const self = this;
-    const component: Component<IKeyValue, IKeyValue> | undefined = self != null && self.setState ? self : undefined;
+    const component: Component<IKeyValue, IKeyValue> | undefined = self && self.setState ? self : undefined;
     const p: IVNode = {
         // 设置属性
         attributes: attributes == null ? undefined : attributes,

src/ie8.ts

@@ -0,0 +1,5 @@
+import "./polyfill";
+
+import zreact from "./zreact";
+
+export default zreact;

src/options.ts

@@ -1,5 +1,5 @@
 import { IVNode } from "./vnode";
-import { Component } from "component";
+import { Component } from "./component";
 import { IKeyValue } from "./types";
 
 const options: {