maishu-chitu-react - npm Package Compare versions

Comparing version 1.5.12 to 1.5.14

dist/index.js

 /*!
  * 
- *  maishu-chitu-react v1.5.12
+ *  maishu-chitu-react v1.5.14
  *  https://github.com/ansiboy/services-sdk
@@ -93,3 +93,3 @@ *
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = "./out/index.js");
+/******/ 	return __webpack_require__(__webpack_require__.s = "./out/es6/index.js");
 /******/ })
@@ -99,32 +99,32 @@ /************************************************************************/
 
-/***/ "./out/application.js":
-/*!****************************!*\
-  !*** ./out/application.js ***!
-  \****************************/
+/***/ "./out/es6/application.js":
+/*!********************************!*\
+  !*** ./out/es6/application.js ***!
+  \********************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n};\r\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! react */ \"react\"), __webpack_require__(/*! react-dom */ \"react-dom\"), __webpack_require__(/*! maishu-chitu */ \"maishu-chitu\"), __webpack_require__(/*! ./errors */ \"./out/errors.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, React, ReactDOM, chitu, errors_1) {\r\n    \"use strict\";\r\n    Object.defineProperty(exports, \"__esModule\", { value: true });\r\n    class Page extends chitu.Page {\r\n        constructor() {\r\n            super(...arguments);\r\n            this.component = null;\r\n        }\r\n    }\r\n    exports.Page = Page;\r\n    class Application extends chitu.Application {\r\n        constructor(args) {\r\n            super(args);\r\n            this.pageCreated.add((sender, page) => {\r\n                page.element.className = \"page\";\r\n            });\r\n        }\r\n        createDefaultAction(url, loadjs) {\r\n            return (page) => __awaiter(this, void 0, void 0, function* () {\r\n                let actionExports = yield loadjs(url);\r\n                if (!actionExports)\r\n                    throw errors_1.Errors.exportsCanntNull(url);\r\n                let _action = actionExports['default'];\r\n                if (_action == null) {\r\n                    throw errors_1.Errors.canntFindAction(page.name);\r\n                }\r\n                let action;\r\n                if (!chitu.PageMaster.isClass(_action)) {\r\n                    return _action(page, this);\r\n                }\r\n                action = _action;\r\n                let app = this;\r\n                let props = {\r\n                    app,\r\n                    data: page.data,\r\n                    source: page,\r\n                    createService(type) {\r\n                        return page.createService(type);\r\n                    }\r\n                };\r\n                let element = React.createElement(action, props);\r\n                let component = ReactDOM.render(element, page.element);\r\n                page.component = component;\r\n            });\r\n        }\r\n    }\r\n    exports.Application = Application;\r\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n\n\n//# sourceURL=webpack:///./out/application.js?");
+eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : new P(function (resolve) { resolve(result.value); }).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n};\r\n!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! react */ \"react\"), __webpack_require__(/*! react-dom */ \"react-dom\"), __webpack_require__(/*! maishu-chitu */ \"maishu-chitu\"), __webpack_require__(/*! ./errors */ \"./out/es6/errors.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, React, ReactDOM, chitu, errors_1) {\r\n    \"use strict\";\r\n    Object.defineProperty(exports, \"__esModule\", { value: true });\r\n    class Page extends chitu.Page {\r\n        constructor() {\r\n            super(...arguments);\r\n            this.component = null;\r\n        }\r\n    }\r\n    exports.Page = Page;\r\n    class Application extends chitu.Application {\r\n        constructor(args) {\r\n            super(args);\r\n            this.pageCreated.add((sender, page) => {\r\n                page.element.className = \"page\";\r\n            });\r\n        }\r\n        createDefaultAction(url, loadjs) {\r\n            return (page) => __awaiter(this, void 0, void 0, function* () {\r\n                let actionExports = yield loadjs(url);\r\n                if (!actionExports)\r\n                    throw errors_1.Errors.exportsCanntNull(url);\r\n                let _action = actionExports['default'];\r\n                if (_action == null) {\r\n                    throw errors_1.Errors.canntFindAction(page.name);\r\n                }\r\n                let action;\r\n                if (!chitu.PageMaster.isClass(_action)) {\r\n                    return _action(page, this);\r\n                }\r\n                action = _action;\r\n                let app = this;\r\n                let props = {\r\n                    app,\r\n                    data: page.data,\r\n                    source: page,\r\n                    createService(type) {\r\n                        return page.createService(type);\r\n                    }\r\n                };\r\n                let element = React.createElement(action, props);\r\n                let component = ReactDOM.render(element, page.element);\r\n                page.component = component;\r\n            });\r\n        }\r\n    }\r\n    exports.Application = Application;\r\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n\n\n//# sourceURL=webpack:///./out/es6/application.js?");
 
 /***/ }),
 
-/***/ "./out/errors.js":
-/*!***********************!*\
-  !*** ./out/errors.js ***!
-  \***********************/
+/***/ "./out/es6/errors.js":
+/*!***************************!*\
+  !*** ./out/es6/errors.js ***!
+  \***************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports) {\r\n    \"use strict\";\r\n    Object.defineProperty(exports, \"__esModule\", { value: true });\r\n    class Errors {\r\n        static canntFindAction(pageName) {\r\n            let msg = `Cannt find action in page '${pageName}', is the exports has default field?`;\r\n            return new Error(msg);\r\n        }\r\n        static exportsCanntNull(pageName) {\r\n            let msg = `Exports of page '${pageName}' is null.`;\r\n            return new Error(msg);\r\n        }\r\n    }\r\n    exports.Errors = Errors;\r\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n\n\n//# sourceURL=webpack:///./out/errors.js?");
+eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports) {\r\n    \"use strict\";\r\n    Object.defineProperty(exports, \"__esModule\", { value: true });\r\n    class Errors {\r\n        static canntFindAction(pageName) {\r\n            let msg = `Cannt find action in page '${pageName}', is the exports has default field?`;\r\n            return new Error(msg);\r\n        }\r\n        static exportsCanntNull(pageName) {\r\n            let msg = `Exports of page '${pageName}' is null.`;\r\n            return new Error(msg);\r\n        }\r\n    }\r\n    exports.Errors = Errors;\r\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n\n\n//# sourceURL=webpack:///./out/es6/errors.js?");
 
 /***/ }),
 
-/***/ "./out/index.js":
-/*!**********************!*\
-  !*** ./out/index.js ***!
-  \**********************/
+/***/ "./out/es6/index.js":
+/*!**************************!*\
+  !*** ./out/es6/index.js ***!
+  \**************************/
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./application */ \"./out/application.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, application_1) {\r\n    \"use strict\";\r\n    Object.defineProperty(exports, \"__esModule\", { value: true });\r\n    exports.Application = application_1.Application;\r\n    exports.Page = application_1.Page;\r\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n// export { dataPage, DataPageContext, DataPageProps, DataPageState } from './data-page'\r\n// import './css/index.css'\r\n// import './css/minirefresh.css'\r\n\n\n//# sourceURL=webpack:///./out/index.js?");
+eval("var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;!(__WEBPACK_AMD_DEFINE_ARRAY__ = [__webpack_require__, exports, __webpack_require__(/*! ./application */ \"./out/es6/application.js\")], __WEBPACK_AMD_DEFINE_RESULT__ = (function (require, exports, application_1) {\r\n    \"use strict\";\r\n    Object.defineProperty(exports, \"__esModule\", { value: true });\r\n    exports.Application = application_1.Application;\r\n    exports.Page = application_1.Page;\r\n}).apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__),\n\t\t\t\t__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));\r\n// export { dataPage, DataPageContext, DataPageProps, DataPageState } from './data-page'\r\n// import './css/index.css'\r\n// import './css/minirefresh.css'\r\n\n\n//# sourceURL=webpack:///./out/es6/index.js?");
 
@@ -131,0 +131,0 @@ /***/ }),

Gruntfile.js

 let node_modules = 'node_modules'
 
+const webpackES6Config = require('./webpack.config.js');
+let webpackES5Config = Object.assign({}, webpackES6Config)
+webpackES5Config.entry = __dirname + "/out/es5/index.js"//已多次提及的唯一入口文件
+webpackES5Config.output.filename = "index.es5.js"
 
-
 module.exports = function (grunt) {
@@ -22,3 +25,3 @@
             src: {
-                command: `tsc -p src`,
+                command: `tsc -p src`
             },
@@ -29,5 +32,23 @@ webpack: {
         },
+        webpack: {
+            es6: webpackES6Config,
+            es5: webpackES5Config,
+        },
+        babel: {
+            options: {
+                sourceMap: true,
+                presets: ['@babel/preset-env']
+            },
+            dist: {
+                files: [{
+                    expand: true,
+                    cwd: 'out/es6',
+                    src: ['**/*.js'],
+                    dest: 'out/es5/'
+                }]
+            }
+        },
     })
 
-    grunt.registerTask('default', ['shell']);
+    grunt.registerTask('default', ['shell', 'babel', 'webpack']);
 }

package.json

 {
   "name": "maishu-chitu-react",
-  "version": "1.5.12",
+  "version": "1.5.14",
   "description": "",
@@ -29,4 +29,8 @@ "main": "dist/index.js",
   "devDependencies": {
+    "@babel/core": "^7.4.4",
+    "@babel/preset-env": "^7.4.4",
     "grunt": "^1.0.3",
+    "grunt-babel": "^8.0.0",
     "grunt-shell": "^2.1.0",
+    "grunt-webpack": "^3.1.3",
     "load-grunt-tasks": "^4.0.0",
@@ -33,0 +37,0 @@ "webpack": "^4.30.0",

src/tsconfig.json

@@ -8,3 +8,3 @@ {
         "baseUrl": "./",
-        "outDir": "../out",
+        "outDir": "../out/es6",
         "paths": {
@@ -11,0 +11,0 @@ "maishu-chitu": [

webpack.config.js

@@ -11,3 +11,3 @@ const webpack = require('webpack');
 module.exports = {
-    entry: __dirname + "/out/index.js",//已多次提及的唯一入口文件
+    entry: __dirname + "/out/es6/index.js",//已多次提及的唯一入口文件
     output: {
@@ -14,0 +14,0 @@ path: __dirname + "/dist",//打包后的文件存放的地方

No alert changes

Improved metrics

Total package byte prevSize

362320

increased by10.19%

Number of package files

38

increased by22.58%

Lines of code

1723

increased by28.01%

Worsened metrics

Dev dependency count

9

increased by80%

No dependency changes