From 086409456542db2c9a8e666ce51826efb948f1ff Mon Sep 17 00:00:00 2001
From: Meck Zhu <yesmeck@gmail.com>
Date: Sat, 23 May 2020 02:27:30 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=94=AF=E6=8C=81=E8=BF=90=E8=A1=8C?=
 =?UTF-8?q?=E6=97=B6=E6=8F=92=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

close #983
---
 docs/guide/advanced/plugin.md                 |   60 +-
 packages/remax-cli/src/API.ts                 |   10 +
 .../fixtures/runtime-plugin/expected/app.acss |    0
 .../fixtures/runtime-plugin/expected/app.js   |   96 +
 .../fixtures/runtime-plugin/expected/app.json |    5 +
 .../runtime-plugin/expected/pages/index.acss  |    0
 .../runtime-plugin/expected/pages/index.axml  | 1909 ++++++++++
 .../runtime-plugin/expected/pages/index.js    |   63 +
 .../runtime-plugin/expected/pages/index.json  |    3 +
 .../runtime-plugin/expected/remax-vendors.js  | 3119 +++++++++++++++++
 .../runtime-plugin/expected/runtime.js        |  154 +
 .../fixtures/runtime-plugin/remax.config.js   |    7 +
 .../fixtures/runtime-plugin/runtime.js        |    8 +
 .../fixtures/runtime-plugin/src/app.config.js |    3 +
 .../fixtures/runtime-plugin/src/app.js        |    7 +
 .../runtime-plugin/src/pages/index.js         |    6 +
 .../__tests__/integration/helpers/build.ts    |    3 +-
 .../integration/runtimePlugin.test.ts         |    9 +
 .../src/build/webpack/config.mini.ts          |   14 +
 packages/remax-cli/template/plugin.js.ejs     |    8 +
 packages/remax-runtime/package.json           |    1 +
 packages/remax-runtime/src/PluginDriver.ts    |   30 +
 .../src/__mocks__/@remax/runtime-plugin.ts    |    3 +
 .../src/__tests__/PluginDriver.test.ts        |   41 +
 packages/remax-runtime/src/createAppConfig.ts |    3 +-
 .../remax-runtime/src/createPageConfig.ts     |    3 +-
 packages/remax-runtime/src/index.ts           |    1 +
 packages/remax-runtime/tsconfig.json          |    6 +-
 packages/remax-runtime/typings/index.d.ts     |    1 +
 packages/remax-types/src/index.ts             |    5 +
 30 files changed, 5569 insertions(+), 9 deletions(-)
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.acss
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.json
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.acss
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.axml
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.json
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/remax-vendors.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/runtime.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/remax.config.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/runtime.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/app.config.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/app.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/pages/index.js
 create mode 100644 packages/remax-cli/src/__tests__/integration/runtimePlugin.test.ts
 create mode 100644 packages/remax-cli/template/plugin.js.ejs
 create mode 100644 packages/remax-runtime/src/PluginDriver.ts
 create mode 100644 packages/remax-runtime/src/__mocks__/@remax/runtime-plugin.ts
 create mode 100644 packages/remax-runtime/src/__tests__/PluginDriver.test.ts

diff --git a/docs/guide/advanced/plugin.md b/docs/guide/advanced/plugin.md
index 6135a2cb69..374381d068 100644
--- a/docs/guide/advanced/plugin.md
+++ b/docs/guide/advanced/plugin.md
@@ -31,13 +31,13 @@ module.exports = {
 
 ## 编写插件
 
-Remax 的插件是一个简单的方法，这个方法返回一个对象，对象中的 key 是 Remax 提供的 hook 名。通过这些 hook，可以改变 Remax 构建小程序时的行为。
+Remax 插件分为编译时插件和运行时插件，插件是一个 Object，Object 的 key 对应 Remax 提供的 hook 名。
 
 还是以 `@remax/plugin-less` 为例，我们可以通过 `configWebpack` 这个 hook 新增一条处理 less 文件的规则。
 
 ```js
-// 第一个参数是插件的配置
-const lessPlugin = options => {
+// 因为需要接受参数，所以这里用一个方法来返回插件。
+export default options => {
   return {
     configWebpack({ config, addCSSRule }) {
       addCSSRule({
@@ -49,8 +49,6 @@ const lessPlugin = options => {
     },
   };
 };
-
-export default lessPlugin;
 ```
 
 ## Hooks
@@ -81,6 +79,58 @@ export default lessPlugin;
 }
 ```
 
+### registerRuntimePlugin
+
+注册运行时插件。
+
+```js
+{
+  registerRuntimePlugin() {
+    return path.resolve(__dirname, './runtime.js'),
+  }
+}
+```
+
+## 运行时 Hooks
+
+### onAppConfig
+
+修改 App 的配置。
+
+```js
+{
+  onAppConfig(config) {
+    const onLaunch = config.onLaunch;
+    config.onLaunch = () => {
+      console.log('onLaunch');
+      if (onLaunch) {
+        onLaunch();
+      }
+    }
+    return config;
+  }
+}
+```
+
+### onPageConfig
+
+修改 Page 的配置。
+
+```js
+{
+  onPageConfig(config) {
+    const onLoad = config.onLoad;
+    config.onLoad = () => {
+      console.log('onLoad');
+      if (onLoad) {
+        onLoad();
+      }
+    }
+    return config;
+  }
+}
+```
+
 ## 官方插件库
 
 [https://github.com/remaxjs/plugins](https://github.com/remaxjs/plugins)
diff --git a/packages/remax-cli/src/API.ts b/packages/remax-cli/src/API.ts
index 7bdf46a3a4..abe6abfba5 100644
--- a/packages/remax-cli/src/API.ts
+++ b/packages/remax-cli/src/API.ts
@@ -108,6 +108,16 @@ export default class API {
     });
   }
 
+  getRuntimePluginFiles() {
+    return this.plugins
+      .map(plugin => {
+        if (typeof plugin.registerRuntimePlugin === 'function') {
+          return plugin.registerRuntimePlugin();
+        }
+      })
+      .filter(Boolean);
+  }
+
   public registerAdapterPlugins(targetName: Platform, remaxConfig: Options) {
     this.adapter.target = targetName;
     this.adapter.name = targetName;
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.acss b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.acss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.js
new file mode 100644
index 0000000000..d423e38f4d
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.js
@@ -0,0 +1,96 @@
+require('./runtime.js');
+require('./remax-vendors.js');
+(my["webpackJsonp"] = my["webpackJsonp"] || []).push([[1],[
+/* 0 */
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(1);
+
+
+/***/ }),
+/* 1 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _remax_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function () { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+var _App = /*#__PURE__*/function (_React$Component) {
+  _inherits(_App, _React$Component);
+
+  var _super = _createSuper(_App);
+
+  function _App() {
+    _classCallCheck(this, _App);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(_App, [{
+    key: "render",
+    value: function render() {
+      return this.props.children;
+    }
+  }]);
+
+  return _App;
+}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]);
+
+/* harmony default export */ __webpack_exports__["default"] = (App(Object(_remax_runtime__WEBPACK_IMPORTED_MODULE_0__["createAppConfig"])(_App)));
+
+/***/ }),
+/* 2 */,
+/* 3 */,
+/* 4 */
+/***/ (function(module, exports) {
+
+module.exports = require("react-reconciler");
+
+/***/ }),
+/* 5 */,
+/* 6 */
+/***/ (function(module, exports) {
+
+module.exports = require("scheduler");
+
+/***/ }),
+/* 7 */,
+/* 8 */,
+/* 9 */,
+/* 10 */,
+/* 11 */,
+/* 12 */,
+/* 13 */,
+/* 14 */
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ })
+],[[0,0,2]]]);
\ No newline at end of file
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.json b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.json
new file mode 100644
index 0000000000..f1ba5b614e
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/app.json
@@ -0,0 +1,5 @@
+{
+  "pages": [
+    "pages/index"
+  ]
+}
\ No newline at end of file
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.acss b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.acss
new file mode 100644
index 0000000000..e69de29bb2
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.axml b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.axml
new file mode 100644
index 0000000000..88308fe2eb
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.axml
@@ -0,0 +1,1909 @@
+<template is="REMAX_TPL" data="{{ root: root }}" />
+
+<template name="REMAX_TPL">
+  <block a:for="{{root.children}}" a:key="{{item.id}}">
+    <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+  </block>
+</template>
+
+
+  <template name="REMAX_TPL_1_button">
+  <button 
+    
+    app-parameter="{{item.props['app-parameter']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    form-type="{{item.props['form-type']}}"
+    
+    
+    
+    hover-class="{{item.props['hover-class']}}"
+    
+    
+    
+    hover-start-time="{{item.props['hover-start-time']}}"
+    
+    
+    
+    hover-stay-time="{{item.props['hover-stay-time']}}"
+    
+    
+    
+    hover-stop-propagation="{{item.props['hover-stop-propagation']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    loading="{{item.props['loading']}}"
+    
+    
+    
+    onGetAuthorize="{{item.props['onGetAuthorize']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    open-type="{{item.props['open-type']}}"
+    
+    
+    
+    plain="{{item.props['plain']}}"
+    
+    
+    
+    public-id="{{item.props['public-id']}}"
+    
+    
+    
+    scope="{{item.props['scope']}}"
+    
+    
+    
+    size="{{item.props['size']}}"
+    
+    
+    
+    type="{{item.props['type']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </button>
+</template>
+
+  
+  <template name="REMAX_TPL_1_canvas">
+  <canvas 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    disable-scroll="{{item.props['disable-scroll']}}"
+    
+    
+    
+    height="{{item.props['height']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    onLongTap="{{item.props['onLongTap']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    onTouchCancel="{{item.props['onTouchCancel']}}"
+    
+    
+    
+    onTouchEnd="{{item.props['onTouchEnd']}}"
+    
+    
+    
+    onTouchMove="{{item.props['onTouchMove']}}"
+    
+    
+    
+    onTouchStart="{{item.props['onTouchStart']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    width="{{item.props['width']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </canvas>
+</template>
+
+  
+  <template name="REMAX_TPL_1_checkbox">
+  <checkbox 
+    
+    checked="{{item.props['checked']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    color="{{item.props['color']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    value="{{item.props['value']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </checkbox>
+</template>
+
+  
+  <template name="REMAX_TPL_1_checkbox-group">
+  <checkbox-group 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </checkbox-group>
+</template>
+
+  
+  <template name="REMAX_TPL_1_contact-button">
+  <contact-button 
+    
+    alipay-card-no="{{item.props['alipay-card-no']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    color="{{item.props['color']}}"
+    
+    
+    
+    icon="{{item.props['icon']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    scene="{{item.props['scene']}}"
+    
+    
+    
+    size="{{item.props['size']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    tnt-inst-id="{{item.props['tnt-inst-id']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </contact-button>
+</template>
+
+  
+  <template name="REMAX_TPL_1_cover-image">
+  <cover-image 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    src="{{item.props['src']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </cover-image>
+</template>
+
+  
+  <template name="REMAX_TPL_1_cover-view">
+  <cover-view 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </cover-view>
+</template>
+
+  
+  <template name="REMAX_TPL_1_form">
+  <form 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    onReset="{{item.props['onReset']}}"
+    
+    
+    
+    onSubmit="{{item.props['onSubmit']}}"
+    
+    
+    
+    report-submit="{{item.props['report-submit']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </form>
+</template>
+
+  
+  <template name="REMAX_TPL_1_icon">
+  <icon 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    color="{{item.props['color']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    size="{{item.props['size']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    type="{{item.props['type']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </icon>
+</template>
+
+  
+  <template name="REMAX_TPL_1_image">
+  <image 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    lazy-load="{{item.props['lazy-load']}}"
+    
+    
+    
+    mode="{{item.props['mode']}}"
+    
+    
+    
+    onError="{{item.props['onError']}}"
+    
+    
+    
+    onLoad="{{item.props['onLoad']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    onTouchCancel="{{item.props['onTouchCancel']}}"
+    
+    
+    
+    onTouchEnd="{{item.props['onTouchEnd']}}"
+    
+    
+    
+    onTouchMove="{{item.props['onTouchMove']}}"
+    
+    
+    
+    onTouchStart="{{item.props['onTouchStart']}}"
+    
+    
+    
+    src="{{item.props['src']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </image>
+</template>
+
+  
+  <template name="REMAX_TPL_1_input">
+  <input 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    confirm-hold="{{item.props['confirm-hold']}}"
+    
+    
+    
+    confirm-type="{{item.props['confirm-type']}}"
+    
+    
+    
+    controlled="{{item.props['controlled']}}"
+    
+    
+    
+    cursor="{{item.props['cursor']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    enableNative="{{item.props['enableNative']}}"
+    
+    
+    
+    focus="{{item.props['focus']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    maxlength="{{item.props['maxlength']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onBlur="{{item.props['onBlur']}}"
+    
+    
+    
+    onConfirm="{{item.props['onConfirm']}}"
+    
+    
+    
+    onFocus="{{item.props['onFocus']}}"
+    
+    
+    
+    onInput="{{item.props['onInput']}}"
+    
+    
+    
+    password="{{item.props['password']}}"
+    
+    
+    
+    placeholder="{{item.props['placeholder']}}"
+    
+    
+    
+    placeholder-class="{{item.props['placeholder-class']}}"
+    
+    
+    
+    placeholder-style="{{item.props['placeholder-style']}}"
+    
+    
+    
+    randomNumber="{{item.props['randomNumber']}}"
+    
+    
+    
+    selection-end="{{item.props['selection-end']}}"
+    
+    
+    
+    selection-start="{{item.props['selection-start']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    type="{{item.props['type']}}"
+    
+    
+    
+    value="{{item.props['value']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </input>
+</template>
+
+  
+  <template name="REMAX_TPL_1_label">
+  <label 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    for="{{item.props['for']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </label>
+</template>
+
+  
+  <template name="REMAX_TPL_1_lifestyle">
+  <lifestyle 
+    
+    onFollow="{{item.props['onFollow']}}"
+    
+    
+    
+    public-id="{{item.props['public-id']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </lifestyle>
+</template>
+
+  
+  <template name="REMAX_TPL_1_map">
+  <map 
+    
+    circles="{{item.props['circles']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    controls="{{item.props['controls']}}"
+    
+    
+    
+    ground-overlays="{{item.props['ground-overlays']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    include-padding="{{item.props['include-padding']}}"
+    
+    
+    
+    include-points="{{item.props['include-points']}}"
+    
+    
+    
+    latitude="{{item.props['latitude']}}"
+    
+    
+    
+    longitude="{{item.props['longitude']}}"
+    
+    
+    
+    markers="{{item.props['markers']}}"
+    
+    
+    
+    onCalloutTap="{{item.props['onCalloutTap']}}"
+    
+    
+    
+    onControlTap="{{item.props['onControlTap']}}"
+    
+    
+    
+    onMarkerTap="{{item.props['onMarkerTap']}}"
+    
+    
+    
+    onRegionChange="{{item.props['onRegionChange']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    polygon="{{item.props['polygon']}}"
+    
+    
+    
+    polyline="{{item.props['polyline']}}"
+    
+    
+    
+    scale="{{item.props['scale']}}"
+    
+    
+    
+    setting="{{item.props['setting']}}"
+    
+    
+    
+    show-location="{{item.props['show-location']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    tile-overlay="{{item.props['tile-overlay']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </map>
+</template>
+
+  
+  <template name="REMAX_TPL_1_movable-area">
+  <movable-area 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    height="{{item.props['height']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    width="{{item.props['width']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </movable-area>
+</template>
+
+  
+  <template name="REMAX_TPL_1_movable-view">
+  <movable-view 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    direction="{{item.props['direction']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    height="{{item.props['height']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    onChangeEnd="{{item.props['onChangeEnd']}}"
+    
+    
+    
+    onTouchCancel="{{item.props['onTouchCancel']}}"
+    
+    
+    
+    onTouchEnd="{{item.props['onTouchEnd']}}"
+    
+    
+    
+    onTouchMove="{{item.props['onTouchMove']}}"
+    
+    
+    
+    onTouchStart="{{item.props['onTouchStart']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    width="{{item.props['width']}}"
+    
+    
+    
+    x="{{item.props['x']}}"
+    
+    
+    
+    y="{{item.props['y']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </movable-view>
+</template>
+
+  
+  <template name="REMAX_TPL_1_navigator">
+  <navigator 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    hover-class="{{item.props['hover-class']}}"
+    
+    
+    
+    hover-start-time="{{item.props['hover-start-time']}}"
+    
+    
+    
+    hover-stay-time="{{item.props['hover-stay-time']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    open-type="{{item.props['open-type']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    url="{{item.props['url']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </navigator>
+</template>
+
+  
+  <template name="REMAX_TPL_1_picker">
+  <picker 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    range="{{item.props['range']}}"
+    
+    
+    
+    range-key="{{item.props['range-key']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    value="{{item.props['value']}}"
+    
+    
+    
+  >
+    
+    <view>
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item.children[0]}}" />
+    </view>
+    
+  </picker>
+</template>
+
+  
+  <template name="REMAX_TPL_1_picker-view">
+  <picker-view 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    indicator-class="{{item.props['indicator-class']}}"
+    
+    
+    
+    indicator-style="{{item.props['indicator-style']}}"
+    
+    
+    
+    mask-class="{{item.props['mask-class']}}"
+    
+    
+    
+    mask-style="{{item.props['mask-style']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    value="{{item.props['value']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <picker-view-column>
+        <view a:for="{{item.children}}">
+          <template is="REMAX_TPL_1_CONTAINER" data="{{item}}" />
+        </view>
+      </picker-view-column>
+    </block>
+    
+  </picker-view>
+</template>
+
+  
+  <template name="REMAX_TPL_1_progress">
+  <progress 
+    
+    active="{{item.props['active']}}"
+    
+    
+    
+    active-color="{{item.props['active-color']}}"
+    
+    
+    
+    background-color="{{item.props['background-color']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    percent="{{item.props['percent']}}"
+    
+    
+    
+    show-info="{{item.props['show-info']}}"
+    
+    
+    
+    stroke-width="{{item.props['stroke-width']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </progress>
+</template>
+
+  
+  <template name="REMAX_TPL_1_radio">
+  <radio 
+    
+    checked="{{item.props['checked']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    color="{{item.props['color']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    value="{{item.props['value']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </radio>
+</template>
+
+  
+  <template name="REMAX_TPL_1_radio-group">
+  <radio-group 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </radio-group>
+</template>
+
+  
+  <template name="REMAX_TPL_1_rich-text">
+  <rich-text 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    nodes="{{item.props['nodes']}}"
+    
+    
+    
+    onLongTap="{{item.props['onLongTap']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    onTouchCancel="{{item.props['onTouchCancel']}}"
+    
+    
+    
+    onTouchEnd="{{item.props['onTouchEnd']}}"
+    
+    
+    
+    onTouchMove="{{item.props['onTouchMove']}}"
+    
+    
+    
+    onTouchStart="{{item.props['onTouchStart']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </rich-text>
+</template>
+
+  
+  <template name="REMAX_TPL_1_scroll-view">
+  <scroll-view 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    enable-back-to-top="{{item.props['enable-back-to-top']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    lower-threshold="{{item.props['lower-threshold']}}"
+    
+    
+    
+    onScroll="{{item.props['onScroll']}}"
+    
+    
+    
+    onScrollToLower="{{item.props['onScrollToLower']}}"
+    
+    
+    
+    onScrollToUpper="{{item.props['onScrollToUpper']}}"
+    
+    
+    
+    onTouchCancel="{{item.props['onTouchCancel']}}"
+    
+    
+    
+    onTouchEnd="{{item.props['onTouchEnd']}}"
+    
+    
+    
+    onTouchMove="{{item.props['onTouchMove']}}"
+    
+    
+    
+    onTouchStart="{{item.props['onTouchStart']}}"
+    
+    
+    
+    scroll-animation-duration="{{item.props['scroll-animation-duration']}}"
+    
+    
+    
+    scroll-into-view="{{item.props['scroll-into-view']}}"
+    
+    
+    
+    scroll-left="{{item.props['scroll-left']}}"
+    
+    
+    
+    scroll-top="{{item.props['scroll-top']}}"
+    
+    
+    
+    scroll-with-animation="{{item.props['scroll-with-animation']}}"
+    
+    
+    
+    scroll-x="{{item.props['scroll-x']}}"
+    
+    
+    
+    scroll-y="{{item.props['scroll-y']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    trap-scroll="{{item.props['trap-scroll']}}"
+    
+    
+    
+    upper-threshold="{{item.props['upper-threshold']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </scroll-view>
+</template>
+
+  
+  <template name="REMAX_TPL_1_slider">
+  <slider 
+    
+    active-color="{{item.props['active-color']}}"
+    
+    
+    
+    background-color="{{item.props['background-color']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    handle-color="{{item.props['handle-color']}}"
+    
+    
+    
+    handle-size="{{item.props['handle-size']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    max="{{item.props['max']}}"
+    
+    
+    
+    min="{{item.props['min']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    onChanging="{{item.props['onChanging']}}"
+    
+    
+    
+    show-value="{{item.props['show-value']}}"
+    
+    
+    
+    step="{{item.props['step']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    track-size="{{item.props['track-size']}}"
+    
+    
+    
+    value="{{item.props['value']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </slider>
+</template>
+
+  
+  <template name="REMAX_TPL_1_swiper">
+  <swiper 
+    
+    acceleration="{{item.props['acceleration']}}"
+    
+    
+    
+    active-class="{{item.props['active-class']}}"
+    
+    
+    
+    autoplay="{{item.props['autoplay']}}"
+    
+    
+    
+    changing-class="{{item.props['changing-class']}}"
+    
+    
+    
+    circular="{{item.props['circular']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    current="{{item.props['current']}}"
+    
+    
+    
+    disable-programmatic-animation="{{item.props['disable-programmatic-animation']}}"
+    
+    
+    
+    disable-touch="{{item.props['disable-touch']}}"
+    
+    
+    
+    duration="{{item.props['duration']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    indicator-active-color="{{item.props['indicator-active-color']}}"
+    
+    
+    
+    indicator-color="{{item.props['indicator-color']}}"
+    
+    
+    
+    indicator-dots="{{item.props['indicator-dots']}}"
+    
+    
+    
+    interval="{{item.props['interval']}}"
+    
+    
+    
+    next-margin="{{item.props['next-margin']}}"
+    
+    
+    
+    onAnimationEnd="{{item.props['onAnimationEnd']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    onTransition="{{item.props['onTransition']}}"
+    
+    
+    
+    previous-margin="{{item.props['previous-margin']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    vertical="{{item.props['vertical']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <swiper-item key="{{item.props.__key}}">
+        <block a:for="{{item.children}}" key="{{item.id}}">
+          <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+        </block>
+      </swiper-item>
+    </block>
+    
+  </swiper>
+</template>
+
+  
+  <template name="REMAX_TPL_1_switch">
+  <switch 
+    
+    checked="{{item.props['checked']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    color="{{item.props['color']}}"
+    
+    
+    
+    controlled="{{item.props['controlled']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onChange="{{item.props['onChange']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </switch>
+</template>
+
+  
+  <template name="REMAX_TPL_1_text">
+  <text 
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    decode="{{item.props['decode']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    number-of-lines="{{item.props['number-of-lines']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    selectable="{{item.props['selectable']}}"
+    
+    
+    
+    space="{{item.props['space']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </text>
+</template>
+
+  
+  <template name="REMAX_TPL_1_textarea">
+  <textarea 
+    
+    auto-height="{{item.props['auto-height']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    controlled="{{item.props['controlled']}}"
+    
+    
+    
+    disabled="{{item.props['disabled']}}"
+    
+    
+    
+    focus="{{item.props['focus']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    maxlength="{{item.props['maxlength']}}"
+    
+    
+    
+    name="{{item.props['name']}}"
+    
+    
+    
+    onBlur="{{item.props['onBlur']}}"
+    
+    
+    
+    onConfirm="{{item.props['onConfirm']}}"
+    
+    
+    
+    onFocus="{{item.props['onFocus']}}"
+    
+    
+    
+    onInput="{{item.props['onInput']}}"
+    
+    
+    
+    placeholder="{{item.props['placeholder']}}"
+    
+    
+    
+    placeholder-class="{{item.props['placeholder-class']}}"
+    
+    
+    
+    placeholder-style="{{item.props['placeholder-style']}}"
+    
+    
+    
+    show-count="{{item.props['show-count']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+    value="{{item.props['value']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </textarea>
+</template>
+
+  
+  <template name="REMAX_TPL_1_video">
+  <video 
+    
+    autoplay="{{item.props['autoplay']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    controls="{{item.props['controls']}}"
+    
+    
+    
+    direction="{{item.props['direction']}}"
+    
+    
+    
+    duration="{{item.props['duration']}}"
+    
+    
+    
+    enableProgressGesture="{{item.props['enableProgressGesture']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    initial-time="{{item.props['initial-time']}}"
+    
+    
+    
+    loop="{{item.props['loop']}}"
+    
+    
+    
+    mobilenetHintType="{{item.props['mobilenetHintType']}}"
+    
+    
+    
+    muted="{{item.props['muted']}}"
+    
+    
+    
+    objectFit="{{item.props['objectFit']}}"
+    
+    
+    
+    onEnded="{{item.props['onEnded']}}"
+    
+    
+    
+    onError="{{item.props['onError']}}"
+    
+    
+    
+    onFullScreenChange="{{item.props['onFullScreenChange']}}"
+    
+    
+    
+    onLoading="{{item.props['onLoading']}}"
+    
+    
+    
+    onPause="{{item.props['onPause']}}"
+    
+    
+    
+    onPlay="{{item.props['onPlay']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    onTimeUpdate="{{item.props['onTimeUpdate']}}"
+    
+    
+    
+    onUserAction="{{item.props['onUserAction']}}"
+    
+    
+    
+    poster="{{item.props['poster']}}"
+    
+    
+    
+    show-center-play-btn="{{item.props['show-center-play-btn']}}"
+    
+    
+    
+    show-fullscreen-btn="{{item.props['show-fullscreen-btn']}}"
+    
+    
+    
+    show-mute-btn="{{item.props['show-mute-btn']}}"
+    
+    
+    
+    show-play-btn="{{item.props['show-play-btn']}}"
+    
+    
+    
+    src="{{item.props['src']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </video>
+</template>
+
+  
+  <template name="REMAX_TPL_1_view">
+  <view 
+    
+    animation="{{item.props['animation']}}"
+    
+    
+    
+    class="{{item.props['class']}}"
+    
+    
+    
+    disable-scroll="{{item.props['disable-scroll']}}"
+    
+    
+    
+    hidden="{{item.props['hidden']}}"
+    
+    
+    
+    hover-class="{{item.props['hover-class']}}"
+    
+    
+    
+    hover-start-time="{{item.props['hover-start-time']}}"
+    
+    
+    
+    hover-stay-time="{{item.props['hover-stay-time']}}"
+    
+    
+    
+    hover-stop-propagation="{{item.props['hover-stop-propagation']}}"
+    
+    
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    onAnimationEnd="{{item.props['onAnimationEnd']}}"
+    
+    
+    
+    onAnimationIteration="{{item.props['onAnimationIteration']}}"
+    
+    
+    
+    onAnimationStart="{{item.props['onAnimationStart']}}"
+    
+    
+    
+    onAppear="{{item.props['onAppear']}}"
+    
+    
+    
+    onDisappear="{{item.props['onDisappear']}}"
+    
+    
+    
+    onFirstAppear="{{item.props['onFirstAppear']}}"
+    
+    
+    
+    onLongTap="{{item.props['onLongTap']}}"
+    
+    
+    
+    onTap="{{item.props['onTap']}}"
+    
+    
+    
+    onTouchCancel="{{item.props['onTouchCancel']}}"
+    
+    
+    
+    onTouchEnd="{{item.props['onTouchEnd']}}"
+    
+    
+    
+    onTouchMove="{{item.props['onTouchMove']}}"
+    
+    
+    
+    onTouchStart="{{item.props['onTouchStart']}}"
+    
+    
+    
+    onTransitionEnd="{{item.props['onTransitionEnd']}}"
+    
+    
+    
+    style="{{item.props['style']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </view>
+</template>
+
+  
+  <template name="REMAX_TPL_1_web-view">
+  <web-view 
+    
+    id="{{item.props['id']}}"
+    
+    
+    
+    onMessage="{{item.props['onMessage']}}"
+    
+    
+    
+    src="{{item.props['src']}}"
+    
+    
+    
+  >
+    
+    <block a:for="{{item.children}}" key="{{item.id}}">
+      <template is="REMAX_TPL_1_CONTAINER" data="{{item: item}}" />
+    </block>
+    
+  </web-view>
+</template>
+
+  
+
+<template name="REMAX_TPL_1_plain-text">
+  <block>{{item.text}}</block>
+</template>
+
+<template name="REMAX_TPL_1_CONTAINER">
+  <template is="{{'REMAX_TPL_1_' + item.type}}" data="{{item: item}}" />
+</template>
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.js
new file mode 100644
index 0000000000..17e040dbf5
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.js
@@ -0,0 +1,63 @@
+require('./../runtime.js');
+require('./../remax-vendors.js');
+(my["webpackJsonp"] = my["webpackJsonp"] || []).push([[3],{
+
+/***/ 14:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 4:
+/***/ (function(module, exports) {
+
+module.exports = require("react-reconciler");
+
+/***/ }),
+
+/***/ 43:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(44);
+
+
+/***/ }),
+
+/***/ 44:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _remax_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var remax_ali__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(45);
+/* harmony import */ var remax_ali__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(remax_ali__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+
+var _page = function _page() {
+  return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1__["createElement"](remax_ali__WEBPACK_IMPORTED_MODULE_2__["View"], null, "hello");
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (Page(Object(_remax_runtime__WEBPACK_IMPORTED_MODULE_0__["createPageConfig"])(_page, "pages/index")));
+
+/***/ }),
+
+/***/ 45:
+/***/ (function(module, exports) {
+
+module.exports = require("remax/ali");
+
+/***/ }),
+
+/***/ 6:
+/***/ (function(module, exports) {
+
+module.exports = require("scheduler");
+
+/***/ })
+
+},[[43,0,2]]]);
\ No newline at end of file
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.json b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.json
new file mode 100644
index 0000000000..8835af0699
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/pages/index.json
@@ -0,0 +1,3 @@
+{
+  "usingComponents": {}
+}
\ No newline at end of file
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/remax-vendors.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/remax-vendors.js
new file mode 100644
index 0000000000..ed8a732050
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/remax-vendors.js
@@ -0,0 +1,3119 @@
+(my["webpackJsonp"] = my["webpackJsonp"] || []).push([[2],[
+/* 0 */,
+/* 1 */,
+/* 2 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "unstable_batchedUpdates", function() { return unstable_batchedUpdates; });
+/* harmony import */ var _render__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "render", function() { return _render__WEBPACK_IMPORTED_MODULE_0__["default"]; });
+
+/* harmony import */ var _createAppConfig__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(19);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createAppConfig", function() { return _createAppConfig__WEBPACK_IMPORTED_MODULE_1__["default"]; });
+
+/* harmony import */ var _createPageConfig__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(31);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createPageConfig", function() { return _createPageConfig__WEBPACK_IMPORTED_MODULE_2__["default"]; });
+
+/* harmony import */ var _createHostComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(13);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createHostComponent", function() { return _createHostComponent__WEBPACK_IMPORTED_MODULE_3__["default"]; });
+
+/* harmony import */ var _createNativeComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(39);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "createNativeComponent", function() { return _createNativeComponent__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+
+/* harmony import */ var _PluginDriver__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(40);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PluginDriver", function() { return _PluginDriver__WEBPACK_IMPORTED_MODULE_5__["default"]; });
+
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(41);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "usePageInstance", function() { return _hooks__WEBPACK_IMPORTED_MODULE_6__["usePageInstance"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useQuery", function() { return _hooks__WEBPACK_IMPORTED_MODULE_6__["useQuery"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useNativeEffect", function() { return _hooks__WEBPACK_IMPORTED_MODULE_6__["useNativeEffect"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "usePageEvent", function() { return _hooks__WEBPACK_IMPORTED_MODULE_6__["usePageEvent"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useAppEvent", function() { return _hooks__WEBPACK_IMPORTED_MODULE_6__["useAppEvent"]; });
+
+
+
+
+
+
+
+
+ // eslint-disable-next-line @typescript-eslint/camelcase
+
+var unstable_batchedUpdates = _render__WEBPACK_IMPORTED_MODULE_0__["ReactReconcilerInst"].batchedUpdates;
+
+/***/ }),
+/* 3 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ReactReconcilerInst", function() { return ReactReconcilerInst; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return render; });
+/* harmony import */ var react_reconciler__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4);
+/* harmony import */ var react_reconciler__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_reconciler__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _hostConfig__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(5);
+
+
+var ReactReconcilerInst = react_reconciler__WEBPACK_IMPORTED_MODULE_0___default()(_hostConfig__WEBPACK_IMPORTED_MODULE_1__["default"]);
+
+function getPublicRootInstance(container) {
+  var containerFiber = container.current;
+
+  if (!containerFiber.child) {
+    return null;
+  }
+
+  return containerFiber.child.stateNode;
+}
+
+function render(rootElement, container) {
+  // Create a root Container if it doesnt exist
+  if (!container._rootContainer) {
+    container._rootContainer = ReactReconcilerInst.createContainer(container, false, false);
+  }
+
+  ReactReconcilerInst.updateContainer(rootElement, container._rootContainer, null, function () {// ignore
+  });
+  return getPublicRootInstance(container._rootContainer);
+}
+
+/***/ }),
+/* 4 */,
+/* 5 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var scheduler__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6);
+/* harmony import */ var scheduler__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(scheduler__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+/* harmony import */ var _instanceId__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(8);
+/* harmony import */ var _VNode__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(9);
+/* harmony import */ var _SyntheticEvent_createCallbackProxy__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(15);
+/* harmony import */ var _diffProperties__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(18);
+var __values = undefined && undefined.__values || function (o) {
+  var s = typeof Symbol === "function" && Symbol.iterator,
+      m = s && o[s],
+      i = 0;
+  if (m) return m.call(o);
+  if (o && typeof o.length === "number") return {
+    next: function next() {
+      if (o && i >= o.length) o = void 0;
+      return {
+        value: o && o[i++],
+        done: !o
+      };
+    }
+  };
+  throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+
+
+
+
+
+
+
+var scheduleDeferredCallback = scheduler__WEBPACK_IMPORTED_MODULE_0__["unstable_scheduleCallback"],
+    cancelDeferredCallback = scheduler__WEBPACK_IMPORTED_MODULE_0__["unstable_cancelCallback"],
+    shouldYield = scheduler__WEBPACK_IMPORTED_MODULE_0__["unstable_shouldYield"],
+    now = scheduler__WEBPACK_IMPORTED_MODULE_0__["unstable_now"];
+
+function processProps(newProps, node, id) {
+  var e_1, _a;
+
+  var props = {};
+
+  try {
+    for (var _b = __values(Object.keys(newProps)), _c = _b.next(); !_c.done; _c = _b.next()) {
+      var propKey = _c.value;
+
+      if (typeof newProps[propKey] === 'function') {
+        var contextKey = _constants__WEBPACK_IMPORTED_MODULE_1__["REMAX_METHOD"] + "_" + id + "_" + propKey;
+        node.container.createCallback(contextKey, Object(_SyntheticEvent_createCallbackProxy__WEBPACK_IMPORTED_MODULE_4__["createCallbackProxy"])(propKey, node, newProps[propKey]));
+        props[propKey] = contextKey;
+      } else if (propKey === 'style') {
+        props[propKey] = newProps[propKey] || '';
+      } else if (propKey === 'children') {// pass
+      } else {
+        props[propKey] = newProps[propKey];
+      }
+    }
+  } catch (e_1_1) {
+    e_1 = {
+      error: e_1_1
+    };
+  } finally {
+    try {
+      if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+    } finally {
+      if (e_1) throw e_1.error;
+    }
+  }
+
+  return props;
+}
+
+var rootHostContext = {};
+var childHostContext = {};
+/* harmony default export */ __webpack_exports__["default"] = ({
+  now: now,
+  getPublicInstance: function getPublicInstance(inst) {
+    return inst;
+  },
+  getRootHostContext: function getRootHostContext() {
+    return rootHostContext;
+  },
+  shouldSetTextContent: function shouldSetTextContent(type) {
+    return type === 'stub-block';
+  },
+  prepareForCommit: function prepareForCommit() {// nothing to do
+  },
+  resetAfterCommit: function resetAfterCommit() {// nothing to do
+  },
+  getChildHostContext: function getChildHostContext() {
+    return childHostContext;
+  },
+  createInstance: function createInstance(type, newProps, container) {
+    var id = Object(_instanceId__WEBPACK_IMPORTED_MODULE_2__["generate"])();
+    var node = new _VNode__WEBPACK_IMPORTED_MODULE_3__["default"]({
+      id: id,
+      type: type,
+      props: {},
+      container: container
+    });
+    node.props = processProps(newProps, node, id);
+    return node;
+  },
+  createTextInstance: function createTextInstance(text, container) {
+    var id = Object(_instanceId__WEBPACK_IMPORTED_MODULE_2__["generate"])();
+    var node = new _VNode__WEBPACK_IMPORTED_MODULE_3__["default"]({
+      id: id,
+      type: _constants__WEBPACK_IMPORTED_MODULE_1__["TYPE_TEXT"],
+      props: null,
+      container: container
+    });
+    node.text = text;
+    return node;
+  },
+  commitTextUpdate: function commitTextUpdate(node, oldText, newText) {
+    if (oldText !== newText) {
+      node.text = newText;
+      node.update();
+    }
+  },
+  prepareUpdate: function prepareUpdate(node, type, lastProps, nextProps) {
+    lastProps = processProps(lastProps, node, node.id);
+    nextProps = processProps(nextProps, node, node.id);
+
+    if (Object(_diffProperties__WEBPACK_IMPORTED_MODULE_5__["default"])(lastProps, nextProps)) {
+      return true;
+    }
+
+    return null;
+  },
+  commitUpdate: function commitUpdate(node, updatePayload, type, oldProps, newProps) {
+    node.props = processProps(newProps, node, node.id);
+    node.update();
+  },
+  appendInitialChild: function appendInitialChild(parent, child) {
+    parent.appendChild(child, false);
+  },
+  appendChild: function appendChild(parent, child) {
+    parent.appendChild(child, false);
+  },
+  insertBefore: function insertBefore(parent, child, beforeChild) {
+    parent.insertBefore(child, beforeChild, false);
+  },
+  removeChild: function removeChild(parent, child) {
+    parent.removeChild(child, false);
+  },
+  finalizeInitialChildren: function finalizeInitialChildren() {
+    return false;
+  },
+  appendChildToContainer: function appendChildToContainer(container, child) {
+    container.appendChild(child);
+    child.mounted = true;
+  },
+  insertInContainerBefore: function insertInContainerBefore(container, child, beforeChild) {
+    container.insertBefore(child, beforeChild);
+  },
+  removeChildFromContainer: function removeChildFromContainer(container, child) {
+    container.removeChild(child);
+  },
+  schedulePassiveEffects: scheduleDeferredCallback,
+  cancelPassiveEffects: cancelDeferredCallback,
+  shouldYield: shouldYield,
+  scheduleDeferredCallback: scheduleDeferredCallback,
+  cancelDeferredCallback: cancelDeferredCallback,
+  supportsMutation: true
+});
+
+/***/ }),
+/* 6 */,
+/* 7 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "REMAX_ROOT_BACKUP", function() { return REMAX_ROOT_BACKUP; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "REMAX_METHOD", function() { return REMAX_METHOD; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "TYPE_TEXT", function() { return TYPE_TEXT; });
+var REMAX_ROOT_BACKUP = '$$REMAX_ROOT_BACKUP';
+var REMAX_METHOD = '$$REMAX_METHOD';
+var TYPE_TEXT = 'plain-text';
+
+/***/ }),
+/* 8 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "reset", function() { return reset; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "generate", function() { return generate; });
+var instanceId = 0;
+function reset() {
+  instanceId = 0;
+}
+function generate() {
+  var id = instanceId;
+  instanceId += 1;
+  return id;
+}
+
+/***/ }),
+/* 9 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _propsAlias__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(10);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(7);
+
+
+
+function toRawNode(node) {
+  if (node.type === _constants__WEBPACK_IMPORTED_MODULE_1__["TYPE_TEXT"]) {
+    return {
+      type: node.type,
+      text: node.text
+    };
+  }
+
+  return {
+    id: node.id,
+    type: node.type,
+    props: Object(_propsAlias__WEBPACK_IMPORTED_MODULE_0__["default"])(node.props, node.type),
+    children: [],
+    text: node.text
+  };
+}
+
+var VNode =
+/** @class */
+function () {
+  function VNode(_a) {
+    var id = _a.id,
+        type = _a.type,
+        props = _a.props,
+        container = _a.container;
+    this.mounted = false;
+    this.parent = null;
+    this.firstChild = null;
+    this.lastChild = null;
+    this.size = 0;
+    this.previousSibling = null;
+    this.nextSibling = null;
+    this.id = id;
+    this.container = container;
+    this.type = type;
+    this.props = props;
+  }
+
+  VNode.prototype.appendChild = function (node, immediately) {
+    this.removeChild(node, immediately);
+    this.size += 1;
+    node.parent = this;
+
+    if (!this.firstChild) {
+      this.firstChild = node;
+    }
+
+    if (this.lastChild) {
+      this.lastChild.nextSibling = node;
+      node.previousSibling = this.lastChild;
+    }
+
+    this.lastChild = node;
+
+    if (this.isMounted()) {
+      this.container.requestUpdate(this.path + '.children', this.size - 1, 0, immediately, node.toJSON());
+    }
+  };
+
+  VNode.prototype.removeChild = function (node, immediately) {
+    var previousSibling = node.previousSibling,
+        nextSibling = node.nextSibling;
+
+    if (node.parent !== this) {
+      return;
+    }
+
+    var index = node.index;
+    this.size -= 1;
+
+    if (this.firstChild === node) {
+      this.firstChild = node.nextSibling;
+    }
+
+    if (this.lastChild === node) {
+      this.lastChild = node.previousSibling;
+    }
+
+    if (previousSibling) {
+      previousSibling.nextSibling = nextSibling;
+    }
+
+    if (nextSibling) {
+      nextSibling.previousSibling = previousSibling;
+    }
+
+    node.previousSibling = null;
+    node.nextSibling = null;
+
+    if (this.isMounted()) {
+      this.container.requestUpdate(this.path + '.children', index, 1, immediately);
+    }
+  };
+
+  VNode.prototype.insertBefore = function (node, referenceNode, immediately) {
+    this.removeChild(node, immediately);
+    this.size += 1;
+    node.parent = this;
+
+    if (referenceNode === this.firstChild) {
+      this.firstChild = node;
+    }
+
+    if (referenceNode.previousSibling) {
+      referenceNode.previousSibling.nextSibling = node;
+      node.previousSibling = referenceNode.previousSibling;
+    }
+
+    referenceNode.previousSibling = node;
+    node.nextSibling = referenceNode;
+
+    if (this.isMounted()) {
+      this.container.requestUpdate(this.path + '.children', node.index, 0, immediately, node.toJSON());
+    }
+  };
+
+  VNode.prototype.update = function () {
+    // root 不会更新，所以肯定有 parent
+    this.container.requestUpdate(this.parent.path + '.children', this.index, 1, false, this.toJSON());
+  };
+
+  Object.defineProperty(VNode.prototype, "index", {
+    get: function get() {
+      var value = 0;
+      var previousSibling = this.previousSibling;
+
+      while (previousSibling) {
+        value += 1;
+        previousSibling = previousSibling.previousSibling;
+      }
+
+      return value;
+    },
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(VNode.prototype, "children", {
+    get: function get() {
+      var arr = [];
+      var item = this.firstChild;
+
+      while (item) {
+        arr.push(item);
+        item = item.nextSibling;
+      }
+
+      return arr;
+    },
+    enumerable: false,
+    configurable: true
+  });
+  Object.defineProperty(VNode.prototype, "path", {
+    get: function get() {
+      var dataPath = 'root';
+      var parents = [];
+      var parent = this.parent;
+
+      while (parent) {
+        parents.unshift(parent);
+        parent = parent.parent;
+      }
+
+      for (var i = 0; i < parents.length; i++) {
+        var child = parents[i + 1] || this;
+        dataPath += '.children.' + child.index;
+      }
+
+      return dataPath;
+    },
+    enumerable: false,
+    configurable: true
+  });
+
+  VNode.prototype.isMounted = function () {
+    return this.parent ? this.parent.isMounted() : this.mounted;
+  };
+
+  VNode.prototype.toJSON = function () {
+    var stack = [];
+    var rawNode = toRawNode(this);
+    stack.push({
+      currentNode: rawNode,
+      children: this.children
+    });
+
+    while (stack.length > 0) {
+      // while 循环已经保证了不会有空值
+      var stackItem = stack.pop();
+      var _a = stackItem.children,
+          children = _a === void 0 ? [] : _a,
+          currentNode = stackItem.currentNode;
+
+      for (var i = children.length - 1; i >= 0; i--) {
+        var currentVNode = children[i];
+        var currentRawNode = toRawNode(currentVNode);
+        currentNode.children[i] = currentRawNode;
+        stack.push({
+          currentNode: currentRawNode,
+          children: currentVNode.children
+        });
+      }
+    }
+
+    return rawNode;
+  };
+
+  return VNode;
+}();
+
+/* harmony default export */ __webpack_exports__["default"] = (VNode);
+
+/***/ }),
+/* 10 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getAlias", function() { return getAlias; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return propsAlias; });
+/* harmony import */ var _utils_plainStyle__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(11);
+/* harmony import */ var _createHostComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(13);
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+
+
+function getAlias(prop, type) {
+  var _a, _b;
+
+  prop = prop.replace('className', 'class');
+  var hostComponent = _createHostComponent__WEBPACK_IMPORTED_MODULE_1__["hostComponents"][type];
+  var prefix = "ali" + "-"; // 判断是否是平台独有属性
+
+  if (prop.startsWith(prefix)) {
+    return prop.replace(new RegExp("^" + prefix), '');
+  }
+
+  return (_b = (_a = hostComponent === null || hostComponent === void 0 ? void 0 : hostComponent.alias) === null || _a === void 0 ? void 0 : _a[prop]) !== null && _b !== void 0 ? _b : prop;
+}
+
+function getValue(prop, value) {
+  if (prop.toLowerCase().endsWith('style') && _typeof(value) === 'object') {
+    return Object(_utils_plainStyle__WEBPACK_IMPORTED_MODULE_0__["default"])(value);
+  }
+
+  return value;
+}
+
+function propsAlias(props, type) {
+  if (!props) {
+    return props;
+  }
+
+  var aliasProps = {};
+
+  for (var prop in props) {
+    aliasProps[getAlias(prop, type)] = getValue(prop, props[prop]);
+  }
+
+  return aliasProps;
+}
+
+/***/ }),
+/* 11 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _CSSProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(12);
+var __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spread = undefined && undefined.__spread || function () {
+  for (var ar = [], i = 0; i < arguments.length; i++) {
+    ar = ar.concat(__read(arguments[i]));
+  }
+
+  return ar;
+};
+
+
+var vendorPrefixes = ['webkit', 'moz', 'ms', 'o'];
+
+var transformReactStyleKey = function transformReactStyleKey(key) {
+  // css3 var
+  if (key === null || key === void 0 ? void 0 : key.startsWith('--')) {
+    return key;
+  }
+
+  var styleValue = key.replace(/\.?([A-Z]+)/g, function (_x, y) {
+    return '-' + y.toLowerCase();
+  }); // vendor prefix
+
+  if (styleValue === null || styleValue === void 0 ? void 0 : styleValue.startsWith('-')) {
+    var firstWord_1 = styleValue.split('-').filter(function (s) {
+      return s;
+    })[0];
+    styleValue = styleValue.replace(/^-/, '');
+
+    if (vendorPrefixes.find(function (prefix) {
+      return prefix === firstWord_1;
+    })) {
+      styleValue = '-' + styleValue;
+    }
+  }
+
+  return styleValue;
+};
+
+var transformPx = function transformPx(value) {
+  if (typeof value !== 'string') {
+    return value;
+  }
+
+  return value.replace(/\b(\d+(\.\d+)?)px\b/g, function (match, x) {
+    var targetUnit = 'rpx';
+    var size = Number(x);
+    return size % 1 === 0 ? size + targetUnit : size.toFixed(2) + targetUnit;
+  });
+};
+
+var plainStyle = function plainStyle(style) {
+  return Object.keys(style).reduce(function (acc, key) {
+    var value = style[key];
+
+    if (!Number.isNaN(Number(value)) && !_CSSProperty__WEBPACK_IMPORTED_MODULE_0__["isUnitlessNumber"][key]) {
+      value = value + 'rpx';
+    }
+
+    return __spread(acc, [transformReactStyleKey(key) + ":" + ( true ? transformPx(value) : undefined) + ";"]);
+  }, []).join('');
+};
+
+/* harmony default export */ __webpack_exports__["default"] = (plainStyle);
+
+/***/ }),
+/* 12 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isUnitlessNumber", function() { return isUnitlessNumber; });
+// https://github.com/facebook/react/blob/master/packages/react-dom/src/shared/CSSProperty.js
+
+/**
+ * CSS properties which accept numbers but are not in units of "px".
+ */
+var isUnitlessNumber = {
+  animationIterationCount: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  boxFlex: true,
+  boxFlexGroup: true,
+  boxOrdinalGroup: true,
+  columnCount: true,
+  columns: true,
+  flex: true,
+  flexGrow: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  flexOrder: true,
+  gridArea: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowSpan: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnSpan: true,
+  gridColumnStart: true,
+  fontWeight: true,
+  lineClamp: true,
+  lineHeight: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  tabSize: true,
+  widows: true,
+  zIndex: true,
+  zoom: true,
+  // SVG-related properties
+  fillOpacity: true,
+  floodOpacity: true,
+  stopOpacity: true,
+  strokeDasharray: true,
+  strokeDashoffset: true,
+  strokeMiterlimit: true,
+  strokeOpacity: true,
+  strokeWidth: true
+};
+/**
+ * @param {string} prefix vendor-specific prefix, eg: Webkit
+ * @param {string} key style name, eg: transitionDuration
+ * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+ * WebkitTransitionDuration
+ */
+
+function prefixKey(prefix, key) {
+  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+}
+/**
+ * Support style names that may come passed in prefixed by adding permutations
+ * of vendor prefixes.
+ */
+
+
+var prefixes = ['Webkit', 'ms', 'Moz', 'O'];
+
+var _loop_1 = function _loop_1(prop) {
+  prefixes.forEach(function (prefix) {
+    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+  });
+};
+
+for (var prop in isUnitlessNumber) {
+  _loop_1(prop);
+}
+
+/***/ }),
+/* 13 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "hostComponents", function() { return hostComponents; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return createHostComponent; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+
+var hostComponents = {
+  "button": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "size": "size",
+      "type": "type",
+      "plain": "plain",
+      "disabled": "disabled",
+      "loading": "loading",
+      "hoverClass": "hover-class",
+      "hoverClassName": "hover-class",
+      "hoverStartTime": "hover-start-time",
+      "hoverStayTime": "hover-stay-time",
+      "hoverStopPropagation": "hover-stop-propagation",
+      "formType": "form-type",
+      "openType": "open-type",
+      "scope": "scope",
+      "onClick": "onTap",
+      "onTap": "onTap",
+      "appParameter": "app-parameter",
+      "publicId": "public-id",
+      "onGetAuthorize": "onGetAuthorize"
+    }
+  },
+  "canvas": {
+    "alias": {
+      "id": "id",
+      "style": "style",
+      "className": "class",
+      "width": "width",
+      "height": "height",
+      "disableScroll": "disable-scroll",
+      "onClick": "onTap",
+      "onTap": "onTap",
+      "onTouchStart": "onTouchStart",
+      "onTouchMove": "onTouchMove",
+      "onTouchEnd": "onTouchEnd",
+      "onTouchCancel": "onTouchCancel",
+      "onLongTap": "onLongTap",
+      "onLongClick": "onLongTap"
+    }
+  },
+  "checkbox-group": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "name": "name",
+      "onChange": "onChange"
+    }
+  },
+  "checkbox": {
+    "alias": {
+      "className": "class",
+      "style": "style",
+      "id": "id",
+      "name": "name",
+      "value": "value",
+      "checked": "checked",
+      "disabled": "disabled",
+      "onChange": "onChange",
+      "color": "color"
+    }
+  },
+  "contact-button": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "tntInstId": "tnt-inst-id",
+      "scene": "scene",
+      "size": "size",
+      "color": "color",
+      "icon": "icon",
+      "alipayCardNo": "alipay-card-no"
+    }
+  },
+  "cover-image": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "src": "src",
+      "style": "style",
+      "onClick": "onTap",
+      "onTap": "onTap"
+    }
+  },
+  "cover-view": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "onTap": "onTap",
+      "onClick": "onTap"
+    }
+  },
+  "form": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "reportSubmit": "report-submit",
+      "onSubmit": "onSubmit",
+      "onReset": "onReset"
+    }
+  },
+  "icon": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "type": "type",
+      "size": "size",
+      "color": "color"
+    }
+  },
+  "image": {
+    "alias": {
+      "id": "id",
+      "src": "src",
+      "mode": "mode",
+      "className": "class",
+      "style": "style",
+      "lazyLoad": "lazy-load",
+      "onLoad": "onLoad",
+      "onError": "onError",
+      "onTap": "onTap",
+      "onTouchStart": "onTouchStart",
+      "onTouchMove": "onTouchMove",
+      "onTouchEnd": "onTouchEnd",
+      "onTouchCancel": "onTouchCancel",
+      "onClick": "onTap"
+    }
+  },
+  "input": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "value": "value",
+      "name": "name",
+      "type": "type",
+      "password": "password",
+      "placeholder": "placeholder",
+      "placeholderStyle": "placeholder-style",
+      "placeholderClass": "placeholder-class",
+      "placeholderClassName": "placeholder-class",
+      "disabled": "disabled",
+      "maxlength": "maxlength",
+      "focus": "focus",
+      "confirmType": "confirm-type",
+      "confirmHold": "confirm-hold",
+      "cursor": "cursor",
+      "selectionStart": "selection-start",
+      "selectionEnd": "selection-end",
+      "randomNumber": "randomNumber",
+      "controlled": "controlled",
+      "enableNative": "enableNative",
+      "onInput": "onInput",
+      "onConfirm": "onConfirm",
+      "onFocus": "onFocus",
+      "onBlur": "onBlur"
+    }
+  },
+  "label": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "for": "for"
+    }
+  },
+  "lifestyle": {
+    "alias": {
+      "publicId": "public-id",
+      "onFollow": "onFollow"
+    }
+  },
+  "map": {
+    "alias": {
+      "id": "id",
+      "style": "style",
+      "className": "class",
+      "latitude": "latitude",
+      "longitude": "longitude",
+      "scale": "scale",
+      "markers": "markers",
+      "polyline": "polyline",
+      "circles": "circles",
+      "controls": "controls",
+      "polygon": "polygon",
+      "showLocation": "show-location",
+      "includePoints": "include-points",
+      "includePadding": "include-padding",
+      "groundOverlays": "ground-overlays",
+      "tileOverlay": "tile-overlay",
+      "setting": "setting",
+      "onMarkerTap": "onMarkerTap",
+      "onMarkerClick": "onMarkerTap",
+      "onCalloutTap": "onCalloutTap",
+      "onCalloutClick": "onCalloutTap",
+      "onControlTap": "onControlTap",
+      "onControlClick": "onControlTap",
+      "onRegionChange": "onRegionChange",
+      "onTap": "onTap",
+      "onClick": "onTap"
+    }
+  },
+  "movable-area": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "width": "width",
+      "height": "height"
+    }
+  },
+  "movable-view": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "direction": "direction",
+      "width": "width",
+      "height": "height",
+      "x": "x",
+      "y": "y",
+      "disabled": "disabled",
+      "onTouchStart": "onTouchStart",
+      "onTouchMove": "onTouchMove",
+      "onTouchEnd": "onTouchEnd",
+      "onTouchCancel": "onTouchCancel",
+      "onChange": "onChange",
+      "onChangeEnd": "onChangeEnd"
+    }
+  },
+  "navigator": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "openType": "open-type",
+      "hoverClass": "hover-class",
+      "hoverClassName": "hover-class",
+      "hoverStartTime": "hover-start-time",
+      "hoverStayTime": "hover-stay-time",
+      "url": "url"
+    }
+  },
+  "picker-view-column": {
+    "alias": {}
+  },
+  "picker-view": {
+    "alias": {
+      "id": "id",
+      "name": "name",
+      "className": "class",
+      "style": "style",
+      "value": "value",
+      "indicatorStyle": "indicator-style",
+      "indicatorClass": "indicator-class",
+      "indicatorClassName": "indicator-class",
+      "maskStyle": "mask-style",
+      "maskClass": "mask-class",
+      "maskClassName": "mask-class",
+      "onChange": "onChange"
+    }
+  },
+  "picker": {
+    "alias": {
+      "id": "id",
+      "name": "name",
+      "className": "class",
+      "style": "style",
+      "range": "range",
+      "rangeKey": "range-key",
+      "value": "value",
+      "onChange": "onChange",
+      "disabled": "disabled"
+    }
+  },
+  "progress": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "percent": "percent",
+      "showInfo": "show-info",
+      "strokeWidth": "stroke-width",
+      "activeColor": "active-color",
+      "backgroundColor": "background-color",
+      "active": "active"
+    }
+  },
+  "radio-group": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "onChange": "onChange",
+      "name": "name"
+    }
+  },
+  "radio": {
+    "alias": {
+      "id": "id",
+      "name": "name",
+      "className": "class",
+      "style": "style",
+      "value": "value",
+      "checked": "checked",
+      "disabled": "disabled",
+      "color": "color"
+    }
+  },
+  "rich-text": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "nodes": "nodes",
+      "onTap": "onTap",
+      "onClick": "onTap",
+      "onTouchStart": "onTouchStart",
+      "onTouchMove": "onTouchMove",
+      "onTouchEnd": "onTouchEnd",
+      "onTouchCancel": "onTouchCancel",
+      "onLongTap": "onLongTap",
+      "onLongClick": "onLongTap"
+    }
+  },
+  "scroll-view": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "scrollX": "scroll-x",
+      "scrollY": "scroll-y",
+      "upperThreshold": "upper-threshold",
+      "lowerThreshold": "lower-threshold",
+      "scrollTop": "scroll-top",
+      "scrollLeft": "scroll-left",
+      "scrollIntoView": "scroll-into-view",
+      "scrollWithAnimation": "scroll-with-animation",
+      "scrollAnimationDuration": "scroll-animation-duration",
+      "enableBackToTop": "enable-back-to-top",
+      "trapScroll": "trap-scroll",
+      "onScrollToUpper": "onScrollToUpper",
+      "onScrollToLower": "onScrollToLower",
+      "onScroll": "onScroll",
+      "onTouchStart": "onTouchStart",
+      "onTouchMove": "onTouchMove",
+      "onTouchEnd": "onTouchEnd",
+      "onTouchCancel": "onTouchCancel"
+    }
+  },
+  "slider": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "name": "name",
+      "min": "min",
+      "max": "max",
+      "step": "step",
+      "disabled": "disabled",
+      "value": "value",
+      "showValue": "show-value",
+      "activeColor": "active-color",
+      "backgroundColor": "background-color",
+      "trackSize": "track-size",
+      "handleSize": "handle-size",
+      "handleColor": "handle-color",
+      "onChange": "onChange",
+      "onChanging": "onChanging"
+    }
+  },
+  "swiper-item": {
+    "alias": {
+      "key": "key"
+    }
+  },
+  "swiper": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "indicatorDots": "indicator-dots",
+      "indicatorColor": "indicator-color",
+      "indicatorActiveColor": "indicator-active-color",
+      "activeClass": "active-class",
+      "activeClassName": "active-class",
+      "changingClass": "changing-class",
+      "changingClassName": "changing-class",
+      "autoplay": "autoplay",
+      "current": "current",
+      "duration": "duration",
+      "interval": "interval",
+      "circular": "circular",
+      "vertical": "vertical",
+      "previousMargin": "previous-margin",
+      "nextMargin": "next-margin",
+      "acceleration": "acceleration",
+      "disableProgrammaticAnimation": "disable-programmatic-animation",
+      "onChange": "onChange",
+      "onTransition": "onTransition",
+      "onAnimationEnd": "onAnimationEnd",
+      "disableTouch": "disable-touch"
+    }
+  },
+  "switch": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "name": "name",
+      "checked": "checked",
+      "disabled": "disabled",
+      "color": "color",
+      "onChange": "onChange",
+      "controlled": "controlled"
+    }
+  },
+  "text": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "selectable": "selectable",
+      "space": "space",
+      "decode": "decode",
+      "numberOfLines": "number-of-lines",
+      "onClick": "onTap",
+      "onTap": "onTap"
+    }
+  },
+  "textarea": {
+    "alias": {
+      "id": "id",
+      "className": "class",
+      "style": "style",
+      "name": "name",
+      "value": "value",
+      "placeholder": "placeholder",
+      "placeholderStyle": "placeholder-style",
+      "placeholderClass": "placeholder-class",
+      "placeholderClassName": "placeholder-class",
+      "disabled": "disabled",
+      "maxlength": "maxlength",
+      "focus": "focus",
+      "autoHeight": "auto-height",
+      "showCount": "show-count",
+      "controlled": "controlled",
+      "onInput": "onInput",
+      "onFocus": "onFocus",
+      "onBlur": "onBlur",
+      "onConfirm": "onConfirm"
+    }
+  },
+  "view": {
+    "alias": {
+      "id": "id",
+      "disableScroll": "disable-scroll",
+      "hoverClass": "hover-class",
+      "hoverClassName": "hover-class",
+      "hoverStartTime": "hover-start-time",
+      "hoverStayTime": "hover-stay-time",
+      "hidden": "hidden",
+      "className": "class",
+      "style": "style",
+      "animation": "animation",
+      "hoverStopPropagation": "hover-stop-propagation",
+      "onClick": "onTap",
+      "onTap": "onTap",
+      "onTouchStart": "onTouchStart",
+      "onTouchMove": "onTouchMove",
+      "onTouchEnd": "onTouchEnd",
+      "onTouchCancel": "onTouchCancel",
+      "onLongTap": "onLongTap",
+      "onLongClick": "onLongTap",
+      "onTransitionEnd": "onTransitionEnd",
+      "onAnimationIteration": "onAnimationIteration",
+      "onAnimationStart": "onAnimationStart",
+      "onAnimationEnd": "onAnimationEnd",
+      "onAppear": "onAppear",
+      "onDisappear": "onDisappear",
+      "onFirstAppear": "onFirstAppear"
+    }
+  },
+  "web-view": {
+    "alias": {
+      "id": "id",
+      "src": "src",
+      "onMessage": "onMessage"
+    }
+  },
+  "video": {
+    "alias": {
+      "className": "class",
+      "src": "src",
+      "id": "id",
+      "poster": "poster",
+      "objectFit": "objectFit",
+      "initialTime": "initial-time",
+      "duration": "duration",
+      "controls": "controls",
+      "autoplay": "autoplay",
+      "direction": "direction",
+      "loop": "loop",
+      "muted": "muted",
+      "showFullscreenBtn": "show-fullscreen-btn",
+      "showPlayBtn": "show-play-btn",
+      "showCenterPlayBtn": "show-center-play-btn",
+      "showMuteBtn": "show-mute-btn",
+      "enableProgressGesture": "enableProgressGesture",
+      "mobilenetHintType": "mobilenetHintType",
+      "onPlay": "onPlay",
+      "onPause": "onPause",
+      "onEnded": "onEnded",
+      "onTimeUpdate": "onTimeUpdate",
+      "onLoading": "onLoading",
+      "onError": "onError",
+      "onFullScreenChange": "onFullScreenChange",
+      "onTap": "onTap",
+      "onClick": "onTap",
+      "onUserAction": "onUserAction"
+    }
+  }
+} || {};
+function createHostComponent(name, component) {
+  if (component) {
+    return component;
+  }
+
+  var Component = function Component(props, ref) {
+    var _a = props.children,
+        children = _a === void 0 ? [] : _a;
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](name, __assign(__assign({}, props), {
+      ref: ref
+    }), children);
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](Component);
+}
+
+/***/ }),
+/* 14 */,
+/* 15 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createCallbackProxy", function() { return createCallbackProxy; });
+/* harmony import */ var _stopPropagation__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(16);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(17);
+var __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spread = undefined && undefined.__spread || function () {
+  for (var ar = [], i = 0; i < arguments.length; i++) {
+    ar = ar.concat(__read(arguments[i]));
+  }
+
+  return ar;
+};
+
+
+
+
+function isSyntheticType(inputType) {
+  if (_constants__WEBPACK_IMPORTED_MODULE_1__["DEPRECATED_CATCH_TYPE"] === inputType) {
+    console.warn('DEPRECATION: remax 已支持在 onClick 事件中使用 stopPropagation 阻止事件冒泡，请尽量不要使用 catchClick');
+  }
+
+  return !!_constants__WEBPACK_IMPORTED_MODULE_1__["SYNTHETIC_TYPES"].find(function (type) {
+    return type === inputType;
+  });
+}
+
+function createBaseSyntheticEvent(node, nativeEvent) {
+  if (!nativeEvent) {
+    return;
+  } // 添加阻止冒泡方法
+
+
+  nativeEvent.stopPropagation = function () {
+    Object(_stopPropagation__WEBPACK_IMPORTED_MODULE_0__["default"])(node);
+  };
+
+  return nativeEvent;
+}
+
+function createCallbackProxy(eventType, node, callback) {
+  if (!isSyntheticType(eventType)) {
+    return callback;
+  }
+
+  return function (nativeEvent) {
+    var restParams = [];
+
+    for (var _i = 1; _i < arguments.length; _i++) {
+      restParams[_i - 1] = arguments[_i];
+    }
+
+    var syntheticEvent = createBaseSyntheticEvent(node, nativeEvent);
+
+    if (_stopPropagation__WEBPACK_IMPORTED_MODULE_0__["isPropagationStopped"]) {
+      Object(_stopPropagation__WEBPACK_IMPORTED_MODULE_0__["validate"])(node);
+      return;
+    }
+
+    return callback.apply(void 0, __spread([syntheticEvent], restParams));
+  };
+}
+
+/***/ }),
+/* 16 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isPropagationStopped", function() { return isPropagationStopped; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "validate", function() { return validate; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return stopPropagation; });
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(17);
+
+var isPropagationStopped = false;
+/**
+ * 检查父元素里还有没有点击事件
+ *
+ * @export
+ * @param {VNode} node
+ * @returns
+ */
+
+function validate(node) {
+  var _a;
+
+  var parent = node.parent;
+
+  if (!parent) {
+    isPropagationStopped = false;
+    return;
+  }
+
+  for (var i = 0; i < _constants__WEBPACK_IMPORTED_MODULE_0__["SYNTHETIC_TYPES"].length; i++) {
+    if ((_a = parent.props) === null || _a === void 0 ? void 0 : _a[_constants__WEBPACK_IMPORTED_MODULE_0__["SYNTHETIC_TYPES"][i]]) {
+      return;
+    }
+  }
+
+  validate(parent);
+}
+function stopPropagation(node) {
+  isPropagationStopped = true;
+  validate(node);
+}
+
+/***/ }),
+/* 17 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DEPRECATED_CATCH_TYPE", function() { return DEPRECATED_CATCH_TYPE; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SYNTHETIC_TYPES", function() { return SYNTHETIC_TYPES; });
+var DEPRECATED_CATCH_TYPE = 'catchClick';
+var SYNTHETIC_TYPES = ['onClick', 'onTap', 'onLongClick', 'onLongTap'];
+
+/***/ }),
+/* 18 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return diffProperties; });
+var STYLE = 'style';
+var CHILDREN = 'children';
+function diffProperties(lastRawProps, nextRawProps) {
+  var updatePayload = null;
+  var lastProps = lastRawProps;
+  var nextProps = nextRawProps;
+  var propKey;
+  var styleName;
+  var styleUpdates = null;
+
+  for (propKey in lastProps) {
+    if (Object.prototype.hasOwnProperty.call(nextProps, propKey) || !Object.prototype.hasOwnProperty.call(lastProps, propKey) || lastProps[propKey] == null) {
+      continue;
+    }
+
+    if (propKey === STYLE) {
+      var lastStyle = lastProps[propKey];
+
+      for (styleName in lastStyle) {
+        if (Object.prototype.hasOwnProperty.call(lastStyle, styleName)) {
+          if (!styleUpdates) {
+            styleUpdates = {};
+          }
+
+          styleUpdates[styleName] = '';
+        }
+      }
+    } else {
+      // For all other deleted properties we add it to the queue. We use
+      // the whitelist in the commit phase instead.
+      (updatePayload = updatePayload || []).push(propKey, null);
+    }
+  }
+
+  for (propKey in nextProps) {
+    var nextProp = nextProps[propKey];
+    var lastProp = lastProps != null ? lastProps[propKey] : undefined;
+
+    if (!Object.prototype.hasOwnProperty.call(nextProps, propKey) || nextProp === lastProp || nextProp == null && lastProp == null) {
+      continue;
+    }
+
+    if (propKey === STYLE) {
+      if (false) {}
+
+      if (lastProp) {
+        // Unset styles on `lastProp` but not on `nextProp`.
+        for (styleName in lastProp) {
+          if (Object.prototype.hasOwnProperty.call(lastProp, styleName) && (!nextProp || !Object.prototype.hasOwnProperty.call(nextProp, styleName))) {
+            if (!styleUpdates) {
+              styleUpdates = {};
+            }
+
+            styleUpdates[styleName] = '';
+          }
+        } // Update styles that changed since `lastProp`.
+
+
+        for (styleName in nextProp) {
+          if (Object.prototype.hasOwnProperty.call(nextProp, styleName) && lastProp[styleName] !== nextProp[styleName]) {
+            if (!styleUpdates) {
+              styleUpdates = {};
+            }
+
+            styleUpdates[styleName] = nextProp[styleName];
+          }
+        }
+      } else {
+        // Relies on `updateStylesByID` not mutating `styleUpdates`.
+        if (!styleUpdates) {
+          if (!updatePayload) {
+            updatePayload = [];
+          }
+
+          updatePayload.push(propKey, styleUpdates);
+        }
+
+        styleUpdates = nextProp;
+      }
+    } else if (propKey === CHILDREN) {
+      if (lastProp !== nextProp && (typeof nextProp === 'string' || typeof nextProp === 'number')) {
+        (updatePayload = updatePayload || []).push(propKey, '' + nextProp);
+      }
+    } else {
+      // For any other property we always add it to the queue and then we
+      // filter it out using the whitelist during the commit.
+      (updatePayload = updatePayload || []).push(propKey, nextProp);
+    }
+  }
+
+  if (styleUpdates) {
+    (updatePayload = updatePayload || []).push(STYLE, styleUpdates);
+  }
+
+  return updatePayload;
+}
+
+/***/ }),
+/* 19 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return createAppConfig; });
+/* harmony import */ var _polyfills_Function__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(20);
+/* harmony import */ var _polyfills_Function__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_polyfills_Function__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _remax_runtime_plugin__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(21);
+/* harmony import */ var _render__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(3);
+/* harmony import */ var _AppContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(23);
+/* harmony import */ var _utils_isClassComponent__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(24);
+/* harmony import */ var _lifecycle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(25);
+/* harmony import */ var _AppInstanceContext__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(29);
+/* harmony import */ var _ReactIs__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(30);
+var __extends = undefined && undefined.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spread = undefined && undefined.__spread || function () {
+  for (var ar = [], i = 0; i < arguments.length; i++) {
+    ar = ar.concat(__read(arguments[i]));
+  }
+
+  return ar;
+};
+
+
+
+
+
+
+
+
+
+
+
+var DefaultAppComponent =
+/** @class */
+function (_super) {
+  __extends(DefaultAppComponent, _super);
+
+  function DefaultAppComponent() {
+    return _super !== null && _super.apply(this, arguments) || this;
+  }
+
+  DefaultAppComponent.prototype.render = function () {
+    return react__WEBPACK_IMPORTED_MODULE_1__["createElement"](react__WEBPACK_IMPORTED_MODULE_1__["Fragment"], null, this.props.children);
+  };
+
+  return DefaultAppComponent;
+}(react__WEBPACK_IMPORTED_MODULE_1__["Component"]);
+
+function createAppConfig(App) {
+  var _this = this;
+
+  var createConfig = function createConfig(AppComponent) {
+    if (AppComponent === void 0) {
+      AppComponent = DefaultAppComponent;
+    }
+
+    var config = {
+      _container: new _AppContainer__WEBPACK_IMPORTED_MODULE_4__["default"](_this),
+      _pages: [],
+      _instance: react__WEBPACK_IMPORTED_MODULE_1__["createRef"](),
+      onLaunch: function onLaunch(options) {
+        this._render();
+
+        return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["AppLifecycle"].launch, options);
+      },
+      callLifecycle: function callLifecycle(lifecycle) {
+        var _a;
+
+        var args = [];
+
+        for (var _i = 1; _i < arguments.length; _i++) {
+          args[_i - 1] = arguments[_i];
+        }
+
+        var callbacks = _AppInstanceContext__WEBPACK_IMPORTED_MODULE_7__["default"].lifecycleCallback[lifecycle] || [];
+        var result;
+        callbacks.forEach(function (callback) {
+          result = callback.apply(void 0, __spread(args));
+        });
+
+        if (result) {
+          return result;
+        }
+
+        var callback = Object(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["callbackName"])(lifecycle);
+
+        if (this._instance.current && this._instance.current[callback]) {
+          return (_a = this._instance.current)[callback].apply(_a, __spread(args));
+        }
+      },
+      _mount: function _mount(pageInstance) {
+        this._pages.push(pageInstance);
+
+        this._render();
+      },
+      _unmount: function _unmount(pageInstance) {
+        this._pages.splice(this._pages.indexOf(pageInstance), 1);
+
+        this._render();
+      },
+      _render: function _render() {
+        var props = {};
+
+        if (Object(_utils_isClassComponent__WEBPACK_IMPORTED_MODULE_5__["default"])(AppComponent) || AppComponent.$$typeof === _ReactIs__WEBPACK_IMPORTED_MODULE_8__["ForwardRef"]) {
+          props.ref = this._instance;
+        }
+
+        return Object(_render__WEBPACK_IMPORTED_MODULE_3__["default"])(react__WEBPACK_IMPORTED_MODULE_1__["createElement"](AppComponent, props, this._pages.map(function (p) {
+          return p.element;
+        })), this._container);
+      }
+    };
+    var lifecycleEvent = {
+      onShow: function onShow(options) {
+        return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["AppLifecycle"].show, options);
+      },
+      onHide: function onHide() {
+        return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["AppLifecycle"].hide);
+      },
+      onError: function onError(error) {
+        return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["AppLifecycle"].error, error);
+      },
+      // 阿里
+      onShareAppMessage: function onShareAppMessage(options) {
+        return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["AppLifecycle"].shareAppMessage, options);
+      },
+      // 微信
+      onPageNotFound: function onPageNotFound(options) {
+        return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["AppLifecycle"].pageNotFound, options);
+      },
+      // 微信
+      onUnhandledRejection: function onUnhandledRejection(options) {
+        return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["AppLifecycle"].unhandledRejection, options);
+      },
+      // 微信
+      onThemeChange: function onThemeChange(options) {
+        return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["AppLifecycle"].themeChange, options);
+      }
+    };
+    Object(_lifecycle__WEBPACK_IMPORTED_MODULE_6__["appEvents"])().forEach(function (eventName) {
+      if (lifecycleEvent[eventName]) {
+        config[eventName] = lifecycleEvent[eventName];
+      }
+    });
+    return _remax_runtime_plugin__WEBPACK_IMPORTED_MODULE_2__["pluginDriver"].onAppConfig(config);
+  };
+
+  return createConfig(App);
+}
+
+/***/ }),
+/* 20 */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var __read = this && this.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spread = this && this.__spread || function () {
+  for (var ar = [], i = 0; i < arguments.length; i++) {
+    ar = ar.concat(__read(arguments[i]));
+  }
+
+  return ar;
+};
+/* eslint-disable prefer-rest-params */
+
+/* istanbul ignore next */
+
+
+if (typeof Function.prototype.call === 'undefined') {
+  Function.prototype.call = function (context) {
+    context = context || window;
+    context.fn = this;
+
+    var args = __spread(arguments).slice(1);
+
+    var result = context.fn.apply(context, __spread(args));
+    delete context.fn;
+    return result;
+  };
+}
+/* istanbul ignore next */
+
+
+if (typeof Function.prototype.apply === 'undefined') {
+  Function.prototype.apply = function (context) {
+    context = context || window;
+    context.fn = this;
+    var result;
+
+    if (arguments[1]) {
+      result = context.fn.apply(context, __spread(arguments[1]));
+    } else {
+      result = context.fn();
+    }
+
+    delete context.fn;
+    return result;
+  };
+}
+
+/***/ }),
+/* 21 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* istanbul ignore next */
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pluginDriver", function() { return pluginDriver; });
+/* harmony import */ var _remax_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+
+var pluginDriver = new _remax_runtime__WEBPACK_IMPORTED_MODULE_0__["PluginDriver"]([__webpack_require__(22)]);
+
+/***/ }),
+/* 22 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ __webpack_exports__["default"] = ({
+  onAppConfig: function onAppConfig(config) {
+    return config;
+  },
+  onPageConfig: function onPageConfig(config) {
+    return config;
+  }
+});
+
+/***/ }),
+/* 23 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _VNode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
+/* harmony import */ var _instanceId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+
+
+
+var AppContainer =
+/** @class */
+function () {
+  function AppContainer(context) {
+    this.updateQueue = [];
+    this.context = context;
+    this.root = new _VNode__WEBPACK_IMPORTED_MODULE_0__["default"]({
+      id: Object(_instanceId__WEBPACK_IMPORTED_MODULE_1__["generate"])(),
+      type: 'root',
+      container: this
+    });
+    this.root.mounted = true;
+  }
+
+  AppContainer.prototype.requestUpdate = function (path, start, deleteCount) {
+    var items = [];
+
+    for (var _i = 3; _i < arguments.length; _i++) {
+      items[_i - 3] = arguments[_i];
+    } // ignore
+
+  };
+
+  AppContainer.prototype.createCallback = function (name, fn) {
+    this.context[name] = fn;
+  };
+
+  AppContainer.prototype.appendChild = function (child) {
+    this.root.appendChild(child, true);
+  };
+
+  AppContainer.prototype.removeChild = function (child) {
+    this.root.removeChild(child, true);
+  };
+
+  AppContainer.prototype.insertBefore = function (child, beforeChild) {
+    this.root.insertBefore(child, beforeChild, true);
+  };
+
+  return AppContainer;
+}();
+
+/* harmony default export */ __webpack_exports__["default"] = (AppContainer);
+
+/***/ }),
+/* 24 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return isClassComponent; });
+function isClassComponent(Component) {
+  return Component.prototype && typeof Component.prototype.render === 'function';
+}
+
+/***/ }),
+/* 25 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Lifecycle", function() { return Lifecycle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AppLifecycle", function() { return AppLifecycle; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "lifeCycleName", function() { return lifeCycleName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "callbackName", function() { return callbackName; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "registerLifecycle", function() { return registerLifecycle; });
+/* harmony import */ var _utils_capitalize__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(26);
+/* harmony import */ var _utils_lowercase__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(27);
+/* harmony import */ var _events__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(28);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "pageEvents", function() { return _events__WEBPACK_IMPORTED_MODULE_2__["pageEvents"]; });
+
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "appEvents", function() { return _events__WEBPACK_IMPORTED_MODULE_2__["appEvents"]; });
+
+
+
+var Lifecycle;
+
+(function (Lifecycle) {
+  Lifecycle["load"] = "load";
+  Lifecycle["show"] = "show";
+  Lifecycle["hide"] = "hide";
+  Lifecycle["ready"] = "ready";
+  Lifecycle["pullDownRefresh"] = "pullDownRefresh";
+  Lifecycle["reachBottom"] = "reachBottom";
+  Lifecycle["pageScroll"] = "pageScroll";
+  Lifecycle["shareAppMessage"] = "shareAppMessage";
+  Lifecycle["titleClick"] = "titleClick";
+  Lifecycle["optionMenuClick"] = "optionMenuClick";
+  Lifecycle["popMenuClick"] = "popMenuClick";
+  Lifecycle["pullIntercept"] = "pullIntercept";
+  Lifecycle["back"] = "back";
+  Lifecycle["keyboardHeight"] = "keyboardHeight";
+  Lifecycle["tabItemTap"] = "tabItemTap";
+  Lifecycle["beforeTabItemTap"] = "beforeTabItemTap";
+  Lifecycle["resize"] = "resize";
+  Lifecycle["unload"] = "unload";
+})(Lifecycle || (Lifecycle = {}));
+
+var AppLifecycle;
+
+(function (AppLifecycle) {
+  AppLifecycle["launch"] = "launch";
+  AppLifecycle["show"] = "show";
+  AppLifecycle["hide"] = "hide";
+  AppLifecycle["error"] = "error";
+  AppLifecycle["shareAppMessage"] = "shareAppMessage";
+  AppLifecycle["pageNotFound"] = "pageNotFound";
+  AppLifecycle["unhandledRejection"] = "unhandledRejection";
+  AppLifecycle["themeChange"] = "themeChange";
+})(AppLifecycle || (AppLifecycle = {}));
+
+function lifeCycleName(name) {
+  if (name.startsWith('before')) {
+    return name;
+  }
+
+  return Object(_utils_lowercase__WEBPACK_IMPORTED_MODULE_1__["default"])(name.slice(2));
+}
+function callbackName(name) {
+  if (name.startsWith('before')) {
+    return name;
+  }
+
+  return 'on' + Object(_utils_capitalize__WEBPACK_IMPORTED_MODULE_0__["default"])(name);
+}
+function registerLifecycle(instance, method, callback) {
+  return instance.registerLifecycle(method, callback);
+}
+
+
+/***/ }),
+/* 26 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return capitalize; });
+function capitalize(str) {
+  return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+/***/ }),
+/* 27 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return lowercase; });
+function lowercase(str) {
+  return str.charAt(0).toLowerCase() + str.slice(1);
+}
+
+/***/ }),
+/* 28 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "pageEvents", function() { return pageEvents; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "appEvents", function() { return appEvents; });
+var PAGE_EVENTS = {
+  "pages/index": []
+};
+var APP_EVENTS = [];
+function pageEvents(name) {
+  return PAGE_EVENTS[name];
+}
+function appEvents() {
+  return APP_EVENTS;
+}
+
+/***/ }),
+/* 29 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+var context = {
+  lifecycleCallback: {},
+  registerLifecycle: function registerLifecycle(lifecycle, callback) {
+    var _this = this;
+
+    this.lifecycleCallback[lifecycle] = this.lifecycleCallback[lifecycle] || [];
+    this.lifecycleCallback[lifecycle].push(callback);
+    return function () {
+      _this.lifecycleCallback[lifecycle].splice(_this.lifecycleCallback[lifecycle].indexOf(callback), 1);
+    };
+  }
+};
+/* harmony default export */ __webpack_exports__["default"] = (context);
+
+/***/ }),
+/* 30 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isValidElementType", function() { return isValidElementType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "typeOf", function() { return typeOf; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AsyncMode", function() { return AsyncMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ConcurrentMode", function() { return ConcurrentMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContextConsumer", function() { return ContextConsumer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContextProvider", function() { return ContextProvider; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Element", function() { return Element; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ForwardRef", function() { return ForwardRef; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Fragment", function() { return Fragment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Lazy", function() { return Lazy; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Memo", function() { return Memo; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Portal", function() { return Portal; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Profiler", function() { return Profiler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StrictMode", function() { return StrictMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Suspense", function() { return Suspense; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isAsyncMode", function() { return isAsyncMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isConcurrentMode", function() { return isConcurrentMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isContextConsumer", function() { return isContextConsumer; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isContextProvider", function() { return isContextProvider; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isElement", function() { return isElement; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isForwardRef", function() { return isForwardRef; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isFragment", function() { return isFragment; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isLazy", function() { return isLazy; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isMemo", function() { return isMemo; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isPortal", function() { return isPortal; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isProfiler", function() { return isProfiler; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isStrictMode", function() { return isStrictMode; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "isSuspense", function() { return isSuspense; });
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+/* eslint-disable */
+
+/* istanbul ignore file */
+
+/** @license React v16.12.0
+ * react-is.development.js
+ *
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
+// nor polyfill, then a plain number is used for performance.
+var hasSymbol = typeof Symbol === 'function' && Symbol.for;
+var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
+var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
+var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
+var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
+var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
+var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
+var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
+// (unstable) APIs that have been removed. Can we remove the symbols?
+
+var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
+var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
+var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
+var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
+var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
+var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
+var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
+var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
+var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
+var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
+function isValidElementType(type) {
+  return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
+  type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || _typeof(type) === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE);
+}
+/**
+ * Forked from fbjs/warning:
+ * https://github.com/facebook/fbjs/blob/e66ba20ad5be433eb54423f2b097d829324d9de6/packages/fbjs/src/__forks__/warning.js
+ *
+ * Only change is we use console.warn instead of console.error,
+ * and do nothing when 'console' is not supported.
+ * This really simplifies the code.
+ * ---
+ * Similar to invariant but only logs a warning if the condition is not met.
+ * This can be used to log issues in development environments in critical
+ * paths. Removing the logging code for production environments will keep the
+ * same logic and follow the same code paths.
+ */
+
+var lowPriorityWarningWithoutStack = function lowPriorityWarningWithoutStack() {};
+
+{
+  var printWarning_1 = function printWarning_1(format) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    var argIndex = 0;
+    var message = 'Warning: ' + format.replace(/%s/g, function () {
+      return args[argIndex++];
+    });
+
+    if (typeof console !== 'undefined') {
+      console.warn(message);
+    }
+
+    try {
+      // --- Welcome to debugging React ---
+      // This error was thrown as a convenience so that you can use this stack
+      // to find the callsite that caused this warning to fire.
+      throw new Error(message);
+    } catch (x) {}
+  };
+
+  lowPriorityWarningWithoutStack = function lowPriorityWarningWithoutStack(condition, format) {
+    if (format === undefined) {
+      throw new Error('`lowPriorityWarningWithoutStack(condition, format, ...args)` requires a warning ' + 'message argument');
+    }
+
+    if (!condition) {
+      for (var _len2 = arguments.length, args = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+        args[_key2 - 2] = arguments[_key2];
+      }
+
+      printWarning_1.apply(void 0, [format].concat(args));
+    }
+  };
+}
+var lowPriorityWarningWithoutStack$1 = lowPriorityWarningWithoutStack;
+function typeOf(object) {
+  if (_typeof(object) === 'object' && object !== null) {
+    var $$typeof = object.$$typeof;
+
+    switch ($$typeof) {
+      case REACT_ELEMENT_TYPE:
+        var type = object.type;
+
+        switch (type) {
+          case REACT_ASYNC_MODE_TYPE:
+          case REACT_CONCURRENT_MODE_TYPE:
+          case REACT_FRAGMENT_TYPE:
+          case REACT_PROFILER_TYPE:
+          case REACT_STRICT_MODE_TYPE:
+          case REACT_SUSPENSE_TYPE:
+            return type;
+
+          default:
+            var $$typeofType = type && type.$$typeof;
+
+            switch ($$typeofType) {
+              case REACT_CONTEXT_TYPE:
+              case REACT_FORWARD_REF_TYPE:
+              case REACT_LAZY_TYPE:
+              case REACT_MEMO_TYPE:
+              case REACT_PROVIDER_TYPE:
+                return $$typeofType;
+
+              default:
+                return $$typeof;
+            }
+
+        }
+
+      case REACT_PORTAL_TYPE:
+        return $$typeof;
+    }
+  }
+
+  return undefined;
+} // AsyncMode is deprecated along with isAsyncMode
+
+var AsyncMode = REACT_ASYNC_MODE_TYPE;
+var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
+var ContextConsumer = REACT_CONTEXT_TYPE;
+var ContextProvider = REACT_PROVIDER_TYPE;
+var Element = REACT_ELEMENT_TYPE;
+var ForwardRef = REACT_FORWARD_REF_TYPE;
+var Fragment = REACT_FRAGMENT_TYPE;
+var Lazy = REACT_LAZY_TYPE;
+var Memo = REACT_MEMO_TYPE;
+var Portal = REACT_PORTAL_TYPE;
+var Profiler = REACT_PROFILER_TYPE;
+var StrictMode = REACT_STRICT_MODE_TYPE;
+var Suspense = REACT_SUSPENSE_TYPE;
+var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
+
+function isAsyncMode(object) {
+  {
+    if (!hasWarnedAboutDeprecatedIsAsyncMode) {
+      hasWarnedAboutDeprecatedIsAsyncMode = true;
+      lowPriorityWarningWithoutStack$1(false, 'The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
+    }
+  }
+  return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
+}
+function isConcurrentMode(object) {
+  return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
+}
+function isContextConsumer(object) {
+  return typeOf(object) === REACT_CONTEXT_TYPE;
+}
+function isContextProvider(object) {
+  return typeOf(object) === REACT_PROVIDER_TYPE;
+}
+function isElement(object) {
+  return _typeof(object) === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
+}
+function isForwardRef(object) {
+  return typeOf(object) === REACT_FORWARD_REF_TYPE;
+}
+function isFragment(object) {
+  return typeOf(object) === REACT_FRAGMENT_TYPE;
+}
+function isLazy(object) {
+  return typeOf(object) === REACT_LAZY_TYPE;
+}
+function isMemo(object) {
+  return typeOf(object) === REACT_MEMO_TYPE;
+}
+function isPortal(object) {
+  return typeOf(object) === REACT_PORTAL_TYPE;
+}
+function isProfiler(object) {
+  return typeOf(object) === REACT_PROFILER_TYPE;
+}
+function isStrictMode(object) {
+  return typeOf(object) === REACT_STRICT_MODE_TYPE;
+}
+function isSuspense(object) {
+  return typeOf(object) === REACT_SUSPENSE_TYPE;
+}
+
+/***/ }),
+/* 31 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "resetPageId", function() { return resetPageId; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return createPageConfig; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _remax_runtime_plugin__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
+/* harmony import */ var _createPageWrapper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(32);
+/* harmony import */ var _lifecycle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(25);
+/* harmony import */ var _stopPullDownRefresh__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(34);
+/* harmony import */ var _Container__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(35);
+/* harmony import */ var _ReactPortal__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(38);
+var __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spread = undefined && undefined.__spread || function () {
+  for (var ar = [], i = 0; i < arguments.length; i++) {
+    ar = ar.concat(__read(arguments[i]));
+  }
+
+  return ar;
+};
+
+
+
+
+
+
+
+
+var idCounter = 0;
+
+function generatePageId() {
+  var id = idCounter;
+  var pageId = 'page_' + id;
+  idCounter += 1;
+  return pageId;
+} // for testing
+
+
+function resetPageId() {
+  idCounter = 0;
+}
+function createPageConfig(Page, name) {
+  var app = getApp();
+  var config = {
+    data: {
+      action: {},
+      root: {
+        children: []
+      }
+    },
+    wrapperRef: react__WEBPACK_IMPORTED_MODULE_0__["createRef"](),
+    lifecycleCallback: {},
+    onLoad: function onLoad(query) {
+      var PageWrapper = Object(_createPageWrapper__WEBPACK_IMPORTED_MODULE_2__["default"])(Page, query);
+      this.pageId = generatePageId();
+      this.query = query;
+      this.container = new _Container__WEBPACK_IMPORTED_MODULE_5__["default"](this);
+      this.element = Object(_ReactPortal__WEBPACK_IMPORTED_MODULE_6__["createPortal"])(react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PageWrapper, {
+        page: this,
+        ref: this.wrapperRef
+      }), this.container, this.pageId);
+
+      app._mount(this);
+    },
+    onUnload: function onUnload() {
+      this.unloaded = true;
+      this.container.clearUpdate();
+
+      app._unmount(this);
+
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].load);
+    },
+    onTabItemTap: function onTabItemTap(e) {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].tabItemTap, e);
+    },
+    onResize: function onResize(e) {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].resize, e);
+    },
+
+    /**
+     * Lifecycle start
+     */
+    registerLifecycle: function registerLifecycle(lifecycle, callback) {
+      var _this = this;
+
+      this.lifecycleCallback[lifecycle] = this.lifecycleCallback[lifecycle] || [];
+      this.lifecycleCallback[lifecycle].push(callback);
+      return function () {
+        _this.lifecycleCallback[lifecycle].splice(_this.lifecycleCallback[lifecycle].indexOf(callback), 1);
+      };
+    },
+    callLifecycle: function callLifecycle(lifecycle) {
+      var _a;
+
+      var args = [];
+
+      for (var _i = 1; _i < arguments.length; _i++) {
+        args[_i - 1] = arguments[_i];
+      }
+
+      var callbacks = this.lifecycleCallback[lifecycle] || [];
+      var result;
+      callbacks.forEach(function (callback) {
+        result = callback.apply(void 0, __spread(args));
+      });
+
+      if (result) {
+        return result;
+      }
+
+      var callback = Object(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["callbackName"])(lifecycle);
+
+      if (this.wrapperRef.current && this.wrapperRef.current[callback]) {
+        return (_a = this.wrapperRef.current)[callback].apply(_a, __spread(args));
+      }
+    },
+    events: {
+      // 页面返回时触发
+      onBack: function onBack(e) {
+        return config.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].back, e);
+      },
+      // 键盘高度变化时触发
+      onKeyboardHeight: function onKeyboardHeight(e) {
+        return config.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].keyboardHeight, e);
+      },
+      onTabItemTap: function onTabItemTap(e) {
+        return config.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].tabItemTap, e);
+      },
+      // 点击但切换tabItem前触发
+      beforeTabItemTap: function beforeTabItemTap() {
+        return config.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].beforeTabItemTap);
+      },
+      onResize: function onResize(e) {
+        return config.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].resize, e);
+      }
+    }
+  };
+  var lifecycleEvents = {
+    onShow: function onShow() {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].show);
+    },
+    onHide: function onHide() {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].hide);
+    },
+    onReady: function onReady() {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].ready);
+    },
+    onPullDownRefresh: function onPullDownRefresh(e) {
+      var result = this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].pullDownRefresh, e);
+
+      if (result && typeof result.then === 'function') {
+        Promise.resolve(result).then(function () {
+          Object(_stopPullDownRefresh__WEBPACK_IMPORTED_MODULE_4__["default"])();
+        });
+      }
+    },
+    onReachBottom: function onReachBottom() {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].reachBottom);
+    },
+    onPageScroll: function onPageScroll(e) {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].pageScroll, e);
+    },
+    onShareAppMessage: function onShareAppMessage(options) {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].shareAppMessage, options) || {};
+    },
+    onTitleClick: function onTitleClick() {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].titleClick);
+    },
+    onOptionMenuClick: function onOptionMenuClick(e) {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].optionMenuClick, e);
+    },
+    onPopMenuClick: function onPopMenuClick(e) {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].popMenuClick, e);
+    },
+    onPullIntercept: function onPullIntercept() {
+      return this.callLifecycle(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["Lifecycle"].pullIntercept);
+    }
+  };
+  Object(_lifecycle__WEBPACK_IMPORTED_MODULE_3__["pageEvents"])(name).forEach(function (eventName) {
+    if (lifecycleEvents[eventName]) {
+      config[eventName] = lifecycleEvents[eventName];
+    }
+  });
+  return _remax_runtime_plugin__WEBPACK_IMPORTED_MODULE_1__["pluginDriver"].onPageConfig(config);
+}
+
+/***/ }),
+/* 32 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return createPageWrapper; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _utils_isClassComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(24);
+/* harmony import */ var _lifecycle__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(25);
+/* harmony import */ var _PageInstanceContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(33);
+/* harmony import */ var _ReactIs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(30);
+var __extends = undefined && undefined.__extends || function () {
+  var _extendStatics = function extendStatics(d, b) {
+    _extendStatics = Object.setPrototypeOf || {
+      __proto__: []
+    } instanceof Array && function (d, b) {
+      d.__proto__ = b;
+    } || function (d, b) {
+      for (var p in b) {
+        if (b.hasOwnProperty(p)) d[p] = b[p];
+      }
+    };
+
+    return _extendStatics(d, b);
+  };
+
+  return function (d, b) {
+    _extendStatics(d, b);
+
+    function __() {
+      this.constructor = d;
+    }
+
+    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+  };
+}();
+
+var __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spread = undefined && undefined.__spread || function () {
+  for (var ar = [], i = 0; i < arguments.length; i++) {
+    ar = ar.concat(__read(arguments[i]));
+  }
+
+  return ar;
+};
+
+
+
+
+
+
+function createPageWrapper(Page, query) {
+  return (
+    /** @class */
+    function (_super) {
+      __extends(PageWrapper, _super);
+
+      function PageWrapper(props) {
+        var _this = _super.call(this, props) || this; // 页面组件的实例
+
+
+        _this.pageComponentInstance = null;
+        _this.callbacks = new Map();
+        Object.keys(_lifecycle__WEBPACK_IMPORTED_MODULE_2__["Lifecycle"]).forEach(function (phase) {
+          var callback = Object(_lifecycle__WEBPACK_IMPORTED_MODULE_2__["callbackName"])(phase);
+
+          _this[callback] = function () {
+            var args = [];
+
+            for (var _i = 0; _i < arguments.length; _i++) {
+              args[_i] = arguments[_i];
+            }
+
+            return _this.callLifecycle.apply(_this, __spread([phase], args));
+          };
+        });
+        return _this;
+      }
+
+      PageWrapper.prototype.callLifecycle = function (phase) {
+        var _a;
+
+        var args = [];
+
+        for (var _i = 1; _i < arguments.length; _i++) {
+          args[_i - 1] = arguments[_i];
+        }
+
+        var callback = Object(_lifecycle__WEBPACK_IMPORTED_MODULE_2__["callbackName"])(phase);
+
+        if (this.pageComponentInstance && typeof this.pageComponentInstance[callback] === 'function') {
+          return (_a = this.pageComponentInstance)[callback].apply(_a, __spread(args));
+        }
+      };
+
+      PageWrapper.prototype.render = function () {
+        var _this = this;
+
+        var props = {
+          location: {
+            query: query || {}
+          }
+        };
+
+        if (Object(_utils_isClassComponent__WEBPACK_IMPORTED_MODULE_1__["default"])(Page) || Page.$$typeof === _ReactIs__WEBPACK_IMPORTED_MODULE_4__["ForwardRef"]) {
+          props.ref = function (node) {
+            return _this.pageComponentInstance = node;
+          };
+        }
+
+        return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_PageInstanceContext__WEBPACK_IMPORTED_MODULE_3__["default"].Provider, {
+          value: this.props.page
+        }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](Page, props));
+      };
+
+      return PageWrapper;
+    }(react__WEBPACK_IMPORTED_MODULE_0__["Component"])
+  );
+}
+
+/***/ }),
+/* 33 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+var PageInstanceContext = react__WEBPACK_IMPORTED_MODULE_0__["createContext"](null);
+/* harmony default export */ __webpack_exports__["default"] = (PageInstanceContext);
+
+/***/ }),
+/* 34 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony default export */ __webpack_exports__["default"] = (my.stopPullDownRefresh);
+
+/***/ }),
+/* 35 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _VNode__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9);
+/* harmony import */ var _instanceId__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(8);
+/* harmony import */ var _actionId__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(36);
+/* harmony import */ var _nativeEffect__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(37);
+var __read = undefined && undefined.__read || function (o, n) {
+  var m = typeof Symbol === "function" && o[Symbol.iterator];
+  if (!m) return o;
+  var i = m.call(o),
+      r,
+      ar = [],
+      e;
+
+  try {
+    while ((n === void 0 || n-- > 0) && !(r = i.next()).done) {
+      ar.push(r.value);
+    }
+  } catch (error) {
+    e = {
+      error: error
+    };
+  } finally {
+    try {
+      if (r && !r.done && (m = i["return"])) m.call(i);
+    } finally {
+      if (e) throw e.error;
+    }
+  }
+
+  return ar;
+};
+
+var __spread = undefined && undefined.__spread || function () {
+  for (var ar = [], i = 0; i < arguments.length; i++) {
+    ar = ar.concat(__read(arguments[i]));
+  }
+
+  return ar;
+};
+
+
+
+
+
+
+var Container =
+/** @class */
+function () {
+  function Container(context) {
+    this.updateQueue = [];
+    this.rendered = false;
+    this.context = context;
+    this.root = new _VNode__WEBPACK_IMPORTED_MODULE_0__["default"]({
+      id: Object(_instanceId__WEBPACK_IMPORTED_MODULE_1__["generate"])(),
+      type: 'root',
+      container: this
+    });
+    this.root.mounted = true;
+  }
+
+  Container.prototype.requestUpdate = function (path, start, deleteCount, immediately) {
+    var _this = this;
+
+    var items = [];
+
+    for (var _i = 4; _i < arguments.length; _i++) {
+      items[_i - 4] = arguments[_i];
+    }
+
+    var update = {
+      path: path,
+      start: start,
+      deleteCount: deleteCount,
+      items: items
+    };
+
+    if (immediately) {
+      this.updateQueue.push(update);
+      this.applyUpdate();
+    } else {
+      if (this.updateQueue.length === 0) {
+        Promise.resolve().then(function () {
+          return _this.applyUpdate();
+        });
+      }
+
+      this.updateQueue.push(update);
+    }
+  };
+
+  Container.prototype.applyUpdate = function () {
+    var _this = this;
+
+    if (this.stopUpdate) {
+      return;
+    }
+
+    var startTime = new Date().getTime();
+
+    if (typeof this.context.$spliceData === 'function') {
+      var $batchedUpdates = function $batchedUpdates(callback) {
+        callback();
+      };
+
+      if (typeof this.context.$batchedUpdates === 'function') {
+        $batchedUpdates = this.context.$batchedUpdates;
+      }
+
+      $batchedUpdates(function () {
+        _this.updateQueue.map(function (update, index) {
+          var _a;
+
+          var callback = undefined;
+
+          if (index + 1 === _this.updateQueue.length) {
+            callback = function callback() {
+              _nativeEffect__WEBPACK_IMPORTED_MODULE_3__["default"].run();
+              /* istanbul ignore next */
+
+              if (undefined) {
+                console.log("setData => \u56DE\u8C03\u65F6\u95F4\uFF1A" + (new Date().getTime() - startTime) + "ms");
+              }
+            };
+          }
+
+          _this.context.$spliceData((_a = {}, _a[update.path] = __spread([update.start, update.deleteCount], update.items), _a), callback);
+        });
+      });
+      this.updateQueue = [];
+      return;
+    } // TODO 统一更新行为
+
+
+    var action = {
+      type: 'splice',
+      payload: this.updateQueue.map(function (update) {
+        return {
+          path: update.path,
+          start: update.start,
+          deleteCount: update.deleteCount,
+          item: update.items[0]
+        };
+      }),
+      id: Object(_actionId__WEBPACK_IMPORTED_MODULE_2__["generate"])()
+    };
+
+    if (false) {}
+
+    this.context.setData({
+      action: action
+    }, function () {
+      _nativeEffect__WEBPACK_IMPORTED_MODULE_3__["default"].run();
+      /* istanbul ignore next */
+
+      if (undefined) {
+        console.log("setData => \u56DE\u8C03\u65F6\u95F4\uFF1A" + (new Date().getTime() - startTime) + "ms", action);
+      }
+    });
+    this.updateQueue = [];
+  };
+
+  Container.prototype.clearUpdate = function () {
+    this.stopUpdate = true;
+
+    if (false) {}
+  };
+
+  Container.prototype.createCallback = function (name, fn) {
+    this.context[name] = fn;
+  };
+
+  Container.prototype.appendChild = function (child) {
+    this.root.appendChild(child, true);
+  };
+
+  Container.prototype.removeChild = function (child) {
+    this.root.removeChild(child, true);
+  };
+
+  Container.prototype.insertBefore = function (child, beforeChild) {
+    this.root.insertBefore(child, beforeChild, true);
+  };
+
+  return Container;
+}();
+
+/* harmony default export */ __webpack_exports__["default"] = (Container);
+
+/***/ }),
+/* 36 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "reset", function() { return reset; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "generate", function() { return generate; });
+var actionId = 0;
+function reset() {
+  actionId = 0;
+}
+function generate() {
+  var id = actionId;
+  actionId += 1;
+  return id;
+}
+
+/***/ }),
+/* 37 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+var effector = {
+  listenerConfigs: []
+};
+
+function dispose(listener) {
+  effector.listenerConfigs = effector.listenerConfigs.filter(function (config) {
+    return config.listener !== listener;
+  });
+}
+
+function connect(listener, once) {
+  effector.listenerConfigs.push({
+    listener: listener,
+    once: once
+  });
+  return function () {
+    return dispose(listener);
+  };
+}
+
+function run() {
+  effector.listenerConfigs.forEach(function (config) {
+    config.listener();
+
+    if (config.once) {
+      dispose(config.listener);
+    }
+  });
+}
+
+/* harmony default export */ __webpack_exports__["default"] = ({
+  connect: connect,
+  run: run,
+  dispose: dispose
+});
+
+/***/ }),
+/* 38 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "createPortal", function() { return createPortal; });
+/* harmony import */ var _ReactIs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(30);
+
+function createPortal(children, containerInfo, key) {
+  return {
+    // This tag allow us to uniquely identify this as a React Portal
+    $$typeof: _ReactIs__WEBPACK_IMPORTED_MODULE_0__["Portal"],
+    key: key == null ? null : '' + key,
+    children: children,
+    containerInfo: containerInfo,
+    implementation: null
+  };
+}
+
+/***/ }),
+/* 39 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return createNativeComponent; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+var __assign = undefined && undefined.__assign || function () {
+  __assign = Object.assign || function (t) {
+    for (var s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (var p in s) {
+        if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+      }
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+
+function createNativeComponent(name) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["forwardRef"](function (props, ref) {
+    var newProps = __assign({}, props);
+
+    newProps.__ref = typeof ref === 'function' ? ref : function (e) {
+      if (ref) {
+        ref.current = e;
+      }
+    };
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](name, newProps, props.children);
+  });
+}
+
+/***/ }),
+/* 40 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+var PluginDriver =
+/** @class */
+function () {
+  function PluginDriver(plugins) {
+    this.plugins = plugins;
+  }
+
+  PluginDriver.prototype.onAppConfig = function (config) {
+    return this.plugins.reduce(function (acc, plugin) {
+      if (typeof plugin.onAppConfig === 'function') {
+        acc = plugin.onAppConfig(config);
+      }
+
+      return acc;
+    }, config);
+  };
+
+  PluginDriver.prototype.onPageConfig = function (config) {
+    return this.plugins.reduce(function (acc, plugin) {
+      if (typeof plugin.onPageConfig === 'function') {
+        acc = plugin.onPageConfig(config);
+      }
+
+      return acc;
+    }, config);
+  };
+
+  return PluginDriver;
+}();
+
+/* harmony default export */ __webpack_exports__["default"] = (PluginDriver);
+
+/***/ }),
+/* 41 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "usePageInstance", function() { return usePageInstance; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useQuery", function() { return useQuery; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "usePageEvent", function() { return usePageEvent; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAppEvent", function() { return useAppEvent; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _lifecycle__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
+/* harmony import */ var _PageInstanceContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(33);
+/* harmony import */ var _AppInstanceContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(29);
+/* harmony import */ var _useNativeEffect__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(42);
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "useNativeEffect", function() { return _useNativeEffect__WEBPACK_IMPORTED_MODULE_4__["default"]; });
+
+
+
+
+
+/**
+ *  Page Hooks
+ */
+
+function usePageInstance() {
+  return Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_PageInstanceContext__WEBPACK_IMPORTED_MODULE_2__["default"]);
+}
+function useQuery() {
+  var pageInstance = Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_PageInstanceContext__WEBPACK_IMPORTED_MODULE_2__["default"]);
+  return pageInstance.query;
+}
+
+function usePageEvent(eventName, callback) {
+  var pageInstance = Object(react__WEBPACK_IMPORTED_MODULE_0__["useContext"])(_PageInstanceContext__WEBPACK_IMPORTED_MODULE_2__["default"]);
+  var lifeCycle = Object(_lifecycle__WEBPACK_IMPORTED_MODULE_1__["lifeCycleName"])(eventName);
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"])(function () {
+    return Object(_lifecycle__WEBPACK_IMPORTED_MODULE_1__["registerLifecycle"])(pageInstance, lifeCycle, callback);
+  });
+}
+/**
+ * App Hooks
+ */
+
+function useAppEvent(eventName, callback) {
+  var lifeCycle = Object(_lifecycle__WEBPACK_IMPORTED_MODULE_1__["lifeCycleName"])(eventName);
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"])(function () {
+    return Object(_lifecycle__WEBPACK_IMPORTED_MODULE_1__["registerLifecycle"])(_AppInstanceContext__WEBPACK_IMPORTED_MODULE_3__["default"], lifeCycle, callback);
+  });
+}
+
+/***/ }),
+/* 42 */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return useNativeEffect; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(14);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _nativeEffect__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(37);
+
+
+function useNativeEffect(listener, deps) {
+  Object(react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"])(function () {
+    return _nativeEffect__WEBPACK_IMPORTED_MODULE_1__["default"].connect(listener, !!deps);
+  }, deps);
+}
+
+/***/ })
+]]);
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/runtime.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/runtime.js
new file mode 100644
index 0000000000..12681a65c6
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/expected/runtime.js
@@ -0,0 +1,154 @@
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// install a JSONP callback for chunk loading
+/******/ 	function webpackJsonpCallback(data) {
+/******/ 		var chunkIds = data[0];
+/******/ 		var moreModules = data[1];
+/******/ 		var executeModules = data[2];
+/******/
+/******/ 		// add "moreModules" to the modules object,
+/******/ 		// then flag all "chunkIds" as loaded and fire callback
+/******/ 		var moduleId, chunkId, i = 0, resolves = [];
+/******/ 		for(;i < chunkIds.length; i++) {
+/******/ 			chunkId = chunkIds[i];
+/******/ 			if(Object.prototype.hasOwnProperty.call(installedChunks, chunkId) && installedChunks[chunkId]) {
+/******/ 				resolves.push(installedChunks[chunkId][0]);
+/******/ 			}
+/******/ 			installedChunks[chunkId] = 0;
+/******/ 		}
+/******/ 		for(moduleId in moreModules) {
+/******/ 			if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
+/******/ 				modules[moduleId] = moreModules[moduleId];
+/******/ 			}
+/******/ 		}
+/******/ 		if(parentJsonpFunction) parentJsonpFunction(data);
+/******/
+/******/ 		while(resolves.length) {
+/******/ 			resolves.shift()();
+/******/ 		}
+/******/
+/******/ 		// add entry modules from loaded chunk to deferred list
+/******/ 		deferredModules.push.apply(deferredModules, executeModules || []);
+/******/
+/******/ 		// run deferred modules when all chunks ready
+/******/ 		return checkDeferredModules();
+/******/ 	};
+/******/ 	function checkDeferredModules() {
+/******/ 		var result;
+/******/ 		for(var i = 0; i < deferredModules.length; i++) {
+/******/ 			var deferredModule = deferredModules[i];
+/******/ 			var fulfilled = true;
+/******/ 			for(var j = 1; j < deferredModule.length; j++) {
+/******/ 				var depId = deferredModule[j];
+/******/ 				if(installedChunks[depId] !== 0) fulfilled = false;
+/******/ 			}
+/******/ 			if(fulfilled) {
+/******/ 				deferredModules.splice(i--, 1);
+/******/ 				result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
+/******/ 			}
+/******/ 		}
+/******/
+/******/ 		return result;
+/******/ 	}
+/******/
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// object to store loaded and loading chunks
+/******/ 	// undefined = chunk not loaded, null = chunk preloaded/prefetched
+/******/ 	// Promise = chunk loading, 0 = chunk loaded
+/******/ 	var installedChunks = {
+/******/ 		0: 0
+/******/ 	};
+/******/
+/******/ 	var deferredModules = [];
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "/";
+/******/
+/******/ 	var jsonpArray = my["webpackJsonp"] = my["webpackJsonp"] || [];
+/******/ 	var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
+/******/ 	jsonpArray.push = webpackJsonpCallback;
+/******/ 	jsonpArray = jsonpArray.slice();
+/******/ 	for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
+/******/ 	var parentJsonpFunction = oldJsonpFunction;
+/******/
+/******/
+/******/ 	// run deferred modules from other chunks
+/******/ 	checkDeferredModules();
+/******/ })
+/************************************************************************/
+/******/ ([]);
\ No newline at end of file
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/remax.config.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/remax.config.js
new file mode 100644
index 0000000000..cf0177491c
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/remax.config.js
@@ -0,0 +1,7 @@
+module.exports = {
+  plugins: [
+    {
+      registerRuntimePlugin: () => require.resolve('./runtime'),
+    },
+  ],
+};
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/runtime.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/runtime.js
new file mode 100644
index 0000000000..0c2416247c
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/runtime.js
@@ -0,0 +1,8 @@
+export default {
+  onAppConfig(config) {
+    return config;
+  },
+  onPageConfig(config) {
+    return config;
+  },
+};
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/app.config.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/app.config.js
new file mode 100644
index 0000000000..9a445a331b
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/app.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  pages: ['pages/index'],
+};
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/app.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/app.js
new file mode 100644
index 0000000000..934be50bc2
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/app.js
@@ -0,0 +1,7 @@
+import * as React from 'react';
+
+export default class App extends React.Component {
+  render() {
+    return this.props.children;
+  }
+}
diff --git a/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/pages/index.js b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/pages/index.js
new file mode 100644
index 0000000000..ead0f1c2cd
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/fixtures/runtime-plugin/src/pages/index.js
@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { View } from 'remax/ali';
+
+export default () => {
+  return <View>hello</View>;
+};
diff --git a/packages/remax-cli/src/__tests__/integration/helpers/build.ts b/packages/remax-cli/src/__tests__/integration/helpers/build.ts
index e55b04cb8e..cfe28634f5 100644
--- a/packages/remax-cli/src/__tests__/integration/helpers/build.ts
+++ b/packages/remax-cli/src/__tests__/integration/helpers/build.ts
@@ -62,6 +62,7 @@ export default async function build(app: string, target: Platform, options: Part
   const externals: any = [
     nodeExternals({
       modulesDir: path.resolve(__dirname, '../../../../../../node_modules'),
+      whitelist: options.externalsIgnore,
     }),
     {
       '@remax/runtime': JSON.stringify('@remax/runtime'),
@@ -77,7 +78,7 @@ export default async function build(app: string, target: Platform, options: Part
   ];
 
   (options.externalsIgnore || []).forEach(k => {
-    delete externals[k];
+    delete externals[1][k];
   });
 
   const remaxOptions = {
diff --git a/packages/remax-cli/src/__tests__/integration/runtimePlugin.test.ts b/packages/remax-cli/src/__tests__/integration/runtimePlugin.test.ts
new file mode 100644
index 0000000000..1bf781349d
--- /dev/null
+++ b/packages/remax-cli/src/__tests__/integration/runtimePlugin.test.ts
@@ -0,0 +1,9 @@
+import * as path from 'path';
+import runTest from './helpers/runTest';
+import { Platform } from '@remax/types';
+
+describe('runtime plugin', () => {
+  runTest('runtime-plugin', Platform.ali, path.resolve(__dirname, `./fixtures/runtime-plugin/expected`), {
+    externalsIgnore: ['@remax/runtime', '@remax/runtime-plugin'],
+  });
+});
diff --git a/packages/remax-cli/src/build/webpack/config.mini.ts b/packages/remax-cli/src/build/webpack/config.mini.ts
index afa4778d64..a794b622d4 100644
--- a/packages/remax-cli/src/build/webpack/config.mini.ts
+++ b/packages/remax-cli/src/build/webpack/config.mini.ts
@@ -2,9 +2,11 @@ import * as path from 'path';
 import * as webpack from 'webpack';
 import Config from 'webpack-chain';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
+import VirtualModulesPlugin from 'webpack-virtual-modules';
 import WebpackBar from 'webpackbar';
 import { Options } from '@remax/types';
 import { Platform } from '@remax/types';
+import ejs from 'ejs';
 import extensions, { moduleMatcher } from '../../extensions';
 import getEntries from '../../getEntries';
 import * as TurboPages from '../utils/turboPages';
@@ -177,6 +179,18 @@ export default function webpackConfig(api: API, options: Options, target: Platfo
     .use('file')
     .loader(require.resolve('file-loader'));
 
+  const pluginTemplate = fs.readFileSync(path.resolve(__dirname, '../../../template/plugin.js.ejs'), 'utf-8');
+  const pluginPath = path.join(
+    path.resolve(path.dirname(require.resolve('@remax/runtime')), '..'),
+    'node_modules/@remax/runtime-plugin.js'
+  );
+  const virtualModules = new VirtualModulesPlugin({
+    [pluginPath]: ejs.render(pluginTemplate, {
+      pluginFiles: api.getRuntimePluginFiles(),
+    }),
+  });
+  config.plugin('webpack-virtual-modules').use(virtualModules);
+
   config.plugin('webpackbar').use(WebpackBar, [{ name: target }]);
 
   config.plugin('mini-css-extract-plugin').use(MiniCssExtractPlugin, [{ filename: `[name]${meta.style}` }]);
diff --git a/packages/remax-cli/template/plugin.js.ejs b/packages/remax-cli/template/plugin.js.ejs
new file mode 100644
index 0000000000..c5ab583a11
--- /dev/null
+++ b/packages/remax-cli/template/plugin.js.ejs
@@ -0,0 +1,8 @@
+import { PluginDriver } from '@remax/runtime';
+
+export const pluginDriver = new PluginDriver([
+<% pluginFiles.forEach(file => { %>
+  require('<%- file %>'),
+<% }) %>
+]);
+
diff --git a/packages/remax-runtime/package.json b/packages/remax-runtime/package.json
index f0698c7012..e9266fcf72 100644
--- a/packages/remax-runtime/package.json
+++ b/packages/remax-runtime/package.json
@@ -32,6 +32,7 @@
     "@types/react": "^16.9.33"
   },
   "dependencies": {
+    "@remax/types": "^2.1.1",
     "@remax/web": "2.1.1",
     "qs": "^6.9.3",
     "react-reconciler": "0.25.1",
diff --git a/packages/remax-runtime/src/PluginDriver.ts b/packages/remax-runtime/src/PluginDriver.ts
new file mode 100644
index 0000000000..efd1e1c9ed
--- /dev/null
+++ b/packages/remax-runtime/src/PluginDriver.ts
@@ -0,0 +1,30 @@
+interface Plugin {
+  onAppConfig?: (config: any) => any;
+  onPageConfig?: (config: any) => any;
+}
+
+export default class PluginDriver {
+  plugins: Plugin[];
+
+  constructor(plugins: Plugin[]) {
+    this.plugins = plugins;
+  }
+
+  onAppConfig(config: any) {
+    return this.plugins.reduce((acc, plugin) => {
+      if (typeof plugin.onAppConfig === 'function') {
+        acc = plugin.onAppConfig(config);
+      }
+      return acc;
+    }, config);
+  }
+
+  onPageConfig(config: any) {
+    return this.plugins.reduce((acc, plugin) => {
+      if (typeof plugin.onPageConfig === 'function') {
+        acc = plugin.onPageConfig(config);
+      }
+      return acc;
+    }, config);
+  }
+}
diff --git a/packages/remax-runtime/src/__mocks__/@remax/runtime-plugin.ts b/packages/remax-runtime/src/__mocks__/@remax/runtime-plugin.ts
new file mode 100644
index 0000000000..baf3968f1d
--- /dev/null
+++ b/packages/remax-runtime/src/__mocks__/@remax/runtime-plugin.ts
@@ -0,0 +1,3 @@
+import PluginDriver from '../../PluginDriver';
+
+export const pluginDriver = new PluginDriver([]);
diff --git a/packages/remax-runtime/src/__tests__/PluginDriver.test.ts b/packages/remax-runtime/src/__tests__/PluginDriver.test.ts
new file mode 100644
index 0000000000..6d90aa23d7
--- /dev/null
+++ b/packages/remax-runtime/src/__tests__/PluginDriver.test.ts
@@ -0,0 +1,41 @@
+import PluginDriver from '../PluginDriver';
+
+describe('PluginDriver', () => {
+  it('onAppConfig', () => {
+    const pluginDriver = new PluginDriver([
+      {
+        onAppConfig(config) {
+          config.foo = 1;
+          return config;
+        },
+      },
+      {
+        onAppConfig(config) {
+          config.bar = 1;
+          return config;
+        },
+      },
+    ]);
+
+    expect(pluginDriver.onAppConfig({})).toEqual({ foo: 1, bar: 1 });
+  });
+
+  it('onPageConfig', () => {
+    const pluginDriver = new PluginDriver([
+      {
+        onPageConfig(config) {
+          config.foo = 1;
+          return config;
+        },
+      },
+      {
+        onPageConfig(config) {
+          config.bar = 1;
+          return config;
+        },
+      },
+    ]);
+
+    expect(pluginDriver.onPageConfig({})).toEqual({ foo: 1, bar: 1 });
+  });
+});
diff --git a/packages/remax-runtime/src/createAppConfig.ts b/packages/remax-runtime/src/createAppConfig.ts
index 09761e862e..f0d3c0964f 100644
--- a/packages/remax-runtime/src/createAppConfig.ts
+++ b/packages/remax-runtime/src/createAppConfig.ts
@@ -1,5 +1,6 @@
 import './polyfills/Function';
 import * as React from 'react';
+import { pluginDriver } from '@remax/runtime-plugin';
 import render from './render';
 import AppContainer from './AppContainer';
 import isClassComponent from './utils/isClassComponent';
@@ -112,7 +113,7 @@ export default function createAppConfig(this: any, App: any) {
       }
     });
 
-    return config;
+    return pluginDriver.onAppConfig(config);
   };
 
   return createConfig(App);
diff --git a/packages/remax-runtime/src/createPageConfig.ts b/packages/remax-runtime/src/createPageConfig.ts
index 229d087a2e..6d599a5ce1 100644
--- a/packages/remax-runtime/src/createPageConfig.ts
+++ b/packages/remax-runtime/src/createPageConfig.ts
@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { pluginDriver } from '@remax/runtime-plugin';
 import createPageWrapper from './createPageWrapper';
 import { Lifecycle, callbackName, pageEvents } from './lifecycle';
 import stopPullDownRefresh from './stopPullDownRefresh';
@@ -184,5 +185,5 @@ export default function createPageConfig(Page: React.ComponentType<any>, name: s
     }
   });
 
-  return config;
+  return pluginDriver.onPageConfig(config);
 }
diff --git a/packages/remax-runtime/src/index.ts b/packages/remax-runtime/src/index.ts
index 4db8347cbf..5e8888f035 100644
--- a/packages/remax-runtime/src/index.ts
+++ b/packages/remax-runtime/src/index.ts
@@ -3,6 +3,7 @@ export { default as createAppConfig } from './createAppConfig';
 export { default as createPageConfig } from './createPageConfig';
 export { default as createHostComponent } from './createHostComponent';
 export { default as createNativeComponent } from './createNativeComponent';
+export { default as PluginDriver } from './PluginDriver';
 export * from './hooks';
 
 import { ReactReconcilerInst } from './render';
diff --git a/packages/remax-runtime/tsconfig.json b/packages/remax-runtime/tsconfig.json
index b82b688281..44f95c8f44 100644
--- a/packages/remax-runtime/tsconfig.json
+++ b/packages/remax-runtime/tsconfig.json
@@ -8,7 +8,11 @@
     "jsx": "react",
     "types": ["@types/jest", "@types/node"],
     "skipLibCheck": true,
-    "downlevelIteration": true
+    "downlevelIteration": true,
+    "baseUrl": ".",
+    "paths": {
+      "*": [ "./typings/*" ]
+    },
   },
   "include": [
     "src/**/*",
diff --git a/packages/remax-runtime/typings/index.d.ts b/packages/remax-runtime/typings/index.d.ts
index c2b01f3030..ba365c6e30 100644
--- a/packages/remax-runtime/typings/index.d.ts
+++ b/packages/remax-runtime/typings/index.d.ts
@@ -9,3 +9,4 @@ declare const __REMAX_HOST_COMPONENTS__: any;
 declare const __REMAX_ENTRY_INFO__: any;
 declare const __REMAX_APP_EVENTS__: any;
 declare const __REMAX_PAGE_EVENTS__: any;
+declare module '@remax/runtime-plugin';
diff --git a/packages/remax-types/src/index.ts b/packages/remax-types/src/index.ts
index 9fd0f33039..be4f43d53b 100644
--- a/packages/remax-types/src/index.ts
+++ b/packages/remax-types/src/index.ts
@@ -152,6 +152,11 @@ export interface Plugin {
    * 修改 babel 配置
    */
   configBabel?: (params: { config: any }) => void;
+
+  /**
+   * 注册运行时插件
+   */
+  registerRuntimePlugin?: () => string;
 }
 
 export type PluginConstructor = (options?: any) => Plugin;