@luck-design-biz/luckda 1.0.0-5-alpha → 1.0.0-7-alpha

package/lib/locales/zh-CN.js

@@ -67,6 +67,14 @@ var _default = exports.default = {
   "luckda.lowcode.painter.panel-section.splitdisplay.split": "分割方向",
   "luckda.lowcode.painter.panel-section.splitdisplay.ratio": "列比例",
   "luckda.lowcode.painter.panel-section.Layoutratio.placeholder": "请输入列比例",
+  "luckda.lowcode.painter.pageVars.var": "变量",
+  "luckda.lowcode.painter.pageVars.api": "远程 API",
+  "luckda.lowcode.painter.pageVars.edit": "编辑数据源",
+  "luckda.lowcode.painter.pageVars.copy": "拷贝",
+  "luckda.lowcode.painter.pageVars.delete": "删除",
+  "luckda.lowcode.painter.pageVars.all": "全部",
+  "luckda.lowcode.painter.pageVars.placeholder.search": "请输入",
+  "luckda.lowcode.painter.pageVars.add": "添加",
   "luckda.lowcode.painter.panel-section.Layoutratio.err": "必须是数字或者数字加:号的组合",
   "luckda.lowcode.painter.panel-section.Layoutratio.label": "列比例",
   "luckda.lowcode.painter.panel-section.style-panel.sourceedit": "源码编辑",
@@ -77,6 +85,10 @@ var _default = exports.default = {
   "luckda.lowcode.painter.panel-section.fieldsSetting.field": "数据字段",
   "luckda.lowcode.painter.panel-section.fieldsSetting.title": "标题",
   "luckda.lowcode.painter.panel-section.fieldsSetting.batch": "批量设置",
+  "luckda.lowcode.painter.panel-section.complexPop.assisted": "辅助选择",
+  "luckda.lowcode.painter.panel-section.complexPop.assistedGrid": "辅助弹窗显示字段",
+  "luckda.lowcode.painter.panel-section.complexPop.assistedGridFields": "展示区",
+  "luckda.lowcode.painter.panel-section.complexPop.gridFields": "可选区",
   "luckda.lowcode.painter.panel-section.style-panel.box-shadow": "阴影",
   "luckda.lowcode.painter.panel-section.style-panel.box-shadow.big": "大",
   "luckda.lowcode.painter.panel-section.style-panel.box-shadow.middle": "中",
@@ -179,6 +191,28 @@ var _default = exports.default = {
   "luckda.lowcode.painter.panel-section.actionEditor.serial": "资源串",
   "luckda.lowcode.painter.panel-section.actionEditor.serialEffect": "越权效果",
   "luckda.lowcode.painter.panel-section.actionEditor.riskLevel": "风险等级",
+  "luckda.lowcode.painter.pageVars.taskType.serial": "串行",
+  "luckda.lowcode.painter.pageVars.taskType.parallel": "并行",
+  "luckda.lowcode.painter.pageVars.method.jsonp": "JSONP",
+  "luckda.lowcode.painter.pageVars.method.get": "GET",
+  "luckda.lowcode.painter.pageVars.taskType.post": "POST",
+  "luckda.lowcode.painter.pageVars.taskType.put": "PUT",
+  "luckda.lowcode.painter.pageVars.taskType.delete": "DELETE",
+  "luckda.lowcode.painter.pageVars.name": "名称",
+  "luckda.lowcode.painter.pageVars.messag.name": "请输入变量名",
+  "luckda.lowcode.painter.pageVars.desc": "描述",
+  "luckda.lowcode.painter.pageVars.placeholder": "请输入",
+  "luckda.lowcode.painter.pageVars.data": "数据",
+  "luckda.lowcode.painter.pageVars.auto": "自动加载",
+  "luckda.lowcode.painter.pageVars.taskType": "加载方式",
+  "luckda.lowcode.painter.pageVars.url": "请求地址",
+  "luckda.lowcode.painter.pageVars.method": "请求方式",
+  "luckda.lowcode.painter.pageVars.urlParams": "请求参数",
+  "luckda.lowcode.painter.pageVars.tip.urlParams": "URL 请求参数，格式为 {key1:value1,key2:value2} ，等价于 ?key1=value1&key2=value2",
+  "luckda.lowcode.painter.pageVars.body": "请求体",
+  "luckda.lowcode.painter.pageVars.tip.body": "接口请求体(body)，格式为 {key1:value1,key2:value2}",
+  "luckda.lowcode.painter.pageVars.process": "数据处理",
+  "luckda.lowcode.painter.pageVars.defaultValue": "默认数据",
   "luckda.lowcode.painter.panel-section.components.listeditor.add": "添加一项",
   "luckda.lowcode.painter.panel-section.field-selector.placeholder": "请选择字段",
   "luckda.lowcode.painter.advancePanel.render": "是否渲染",
@@ -212,6 +246,7 @@ var _default = exports.default = {
   "luckda.lowcode.painter.panel-section.fieldsSetting.form.display": "表单中显示",
   "luckda.lowcode.painter.panel-section.fieldsSetting.writable": "是否可写",
   "luckda.lowcode.painter.panel-section.fieldsSetting.readonly": "是否只读",
+  "luckda.lowcode.painter.panel-section.fieldsSetting.render": "内容定制渲染",
   "luckda.lowcode.painter.panel-section.fieldsSetting.defaultValue": "默认值",
   "luckda.lowcode.painter.settingTo": "设置为",
   "luckda.lowcode.painter.setting": "设置",

package/lib/lowcode/engine/meta/fieldcomplex.props.default.json

@@ -7,6 +7,7 @@
   "groupName": "表单项",
   "order": 1,
   "allowClear": true,
+  "showPop": true,
   "col": 1,
   "row": 1,
   "state": {

package/lib/lowcode/engine/meta/fieldcomplex.props.json

@@ -18,6 +18,13 @@
       "type": "switch",
       "default": true
     },
+    {
+      "key": "showPop",
+      "name": "辅助选择",
+      "type": "_ComplexPop",
+      "wrapper": "hidden",
+      "default": true
+    },
     {
       "key": "generalSetting",
       "name": "通用配置",

package/lib/lowcode/engine/meta/form.props.json

@@ -261,7 +261,7 @@
                 "name": "格式化默认数据",
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
-                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return defaultValues; \n}",
+                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
@@ -363,7 +363,7 @@
                 "name": "格式化默认数据",
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
-                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return defaultValues; \n}",
+                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {
@@ -489,7 +489,7 @@
                 "name": "格式化默认数据",
                 "desc": "格式化新增时默认数据",
                 "type": "_JSEditor",
-                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return defaultValues; \n}",
+                "defaultCode": "function defaultDataSourceFormat(defaultValues) { \n return {}; \n}",
                 "mustConfirm": true,
                 "wrapper": "collapse",
                 "wrapperProps": {

package/lib/lowcode/engine/meta/js-editor/auto-complete.json

@@ -206,12 +206,24 @@
         "insertText": "topics",
         "documentation": "      /**\r\n       * @property {object} topics - 内置的事件话题\r\n       */\r"
       },
+      {
+        "label": "API_PREFIX",
+        "kind": "property",
+        "insertText": "API_PREFIX",
+        "documentation": "      /**\r\n       * @property {object} topics - service api前缀\r\n       */\r"
+      },
       {
         "label": "PRIMARY_KEY",
         "kind": "property",
         "insertText": "PRIMARY_KEY",
         "documentation": "      /**\r\n       * @property {string} PRIMARY_KEY - 主键key\r\n       */\r"
       },
+      {
+        "label": "PARENT_KEY",
+        "kind": "property",
+        "insertText": "PARENT_KEY",
+        "documentation": "      /**\r\n       * @property {string} PARENT_KEY - 树组件主键key\r\n       */\r"
+      },
       {
         "label": "getElementById",
         "kind": "method",
@@ -236,6 +248,12 @@
         "insertText": "want",
         "documentation": "      /**\r\n       * @method - 是否有权限\r\n       * @return {string} wanted - 期望的资源串\r\n       */\r"
       },
+      {
+        "label": "getBehaviorUrl",
+        "kind": "method",
+        "insertText": "getBehaviorUrl",
+        "documentation": "      /**\r\n       * @method - 获取执行行为请求的接口URL\r\n       * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL\r\n       */\r"
+      },
       {
         "label": "utils",
         "kind": "property",

package/lib/lowcode/engine/meta/page.props.json

@@ -27,6 +27,12 @@
           "default": "false"
         }
       ]
+    },
+    {
+      "key": "vars",
+      "name": "页面数据源",
+      "type": "_PageVars",
+      "wrapper": "collapse"
     }
   ],
   "css": "background-color: transparent;",

package/lib/lowcode/engine/provider/ContextProvider/index.js

@@ -8,16 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 var _exportNames = {
   Context: true,
   useContext: true,
-  useRemoteSource: true,
-  useStateStore: true
+  useRemoteSource: true
 };
 exports.useRemoteSource = exports.useContext = exports.default = exports.Context = void 0;
-Object.defineProperty(exports, "useStateStore", {
-  enumerable: true,
-  get: function get() {
-    return _usePageVar2.useStateStore;
-  }
-});
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -25,9 +18,9 @@ var _ahooks = require("ahooks");
 var _lodash = require("lodash");
 var _EventBusProvider = require("../EventBusProvider");
 var _RemoteSourceProvider = _interopRequireWildcard(require("../RemoteSourceProvider"));
-var _usePageVar2 = _interopRequireWildcard(require("./usePageVar"));
-var _useTodo3 = _interopRequireDefault(require("../../tools/useTodo"));
-var _usePageDataStore = require("../../tools/usePageDataStore");
+var _usePageVar2 = _interopRequireDefault(require("./usePageVar"));
+var _useTodo3 = _interopRequireDefault(require("./useTodo"));
+var _usePageDataStore = require("./usePageDataStore");
 Object.keys(_usePageDataStore).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
@@ -39,6 +32,8 @@ Object.keys(_usePageDataStore).forEach(function (key) {
     }
   });
 });
+var _ApiConfig = _interopRequireDefault(require("@/services/ApiConfig"));
+var _apiUrl = require("../../../constants/api-url");
 var topics = _interopRequireWildcard(require("../../../constants/event-topics"));
 var utils = _interopRequireWildcard(require("./utils"));
 var router = _interopRequireWildcard(require("./router"));
@@ -49,7 +44,7 @@ var useContext = exports.useContext = function useContext() {
 var useRemoteSource = exports.useRemoteSource = function useRemoteSource() {
   return (0, _react.useContext)(_RemoteSourceProvider.RemoteSourceContext);
 };
-var PRIVATE_KEYS = ['componentList', 'componentMap'];
+var PRIVATE_KEYS = ['componentList', 'componentMap', 'remoteApiMap'];
 var _default = exports.default = function _default(_ref) {
   var children = _ref.children,
     code = _ref.code;
@@ -64,12 +59,16 @@ var _default = exports.default = function _default(_ref) {
     global = _usePageVar.global,
     setGlobal = _usePageVar.setGlobal;
   var _componentList = (0, _react.useRef)([]);
+  var _remoteApiMap = (0, _react.useRef)(new Map());
   var _privateGetter = (0, _react.useRef)({
     componentList: function componentList() {
       return _componentList.current;
     },
     componentMap: function componentMap() {
       return new Map(_componentList.current);
+    },
+    remoteApiMap: function remoteApiMap() {
+      return Object.fromEntries(_remoteApiMap.current.entries());
     }
   });
   var _register = (0, _ahooks.useMemoizedFn)(function (id, component) {
@@ -82,6 +81,9 @@ var _default = exports.default = function _default(_ref) {
       return _id !== id;
     });
   });
+  var _initRemoteApiMap = (0, _ahooks.useMemoizedFn)(function (_apiMap) {
+    _remoteApiMap.current = _apiMap;
+  });
   var getElementById = (0, _ahooks.useMemoizedFn)(function (compId) {
     var _componentList$curren;
     return (_componentList$curren = _componentList.current.find(function (_ref4) {
@@ -117,6 +119,7 @@ var _default = exports.default = function _default(_ref) {
   var ctx = new Proxy((0, _objectSpread2.default)({
     _register: _register,
     _unregister: _unregister,
+    _initRemoteApiMap: _initRemoteApiMap,
     /**
      * @property {boolean} loading - loading状态
      */
@@ -125,10 +128,17 @@ var _default = exports.default = function _default(_ref) {
      * @property {object} topics - 内置的事件话题
      */
     topics: topics,
+    /**
+     * @property {object} topics - service api前缀
+     */
+    API_PREFIX: _ApiConfig.default,
     /**
      * @property {string} PRIMARY_KEY - 主键key
      */
     PRIMARY_KEY: window.appConfig.constraintKeys.PRIMARY,
+    /**
+     * @property {string} PARENT_KEY - 树组件主键key
+     */
     PARENT_KEY: window.appConfig.constraintKeys.PARENT,
     /**
      * @method - 根据组件ID获取实例
@@ -155,6 +165,11 @@ var _default = exports.default = function _default(_ref) {
      * @return {string} wanted - 期望的资源串
      */
     want: want,
+    /**
+     * @method - 获取执行行为请求的接口URL
+     * @return {string} BEHAVIOR_URL - 执行行为请求的接口URL
+     */
+    getBehaviorUrl: _apiUrl.getBehaviorUrl,
     /**
      * @typedef {Object} Utils
      * @property {function(type, props): void} dialog - 弹出对话框
@@ -192,6 +207,8 @@ var _default = exports.default = function _default(_ref) {
     set: function set(target, property, receiver) {
       if (PRIVATE_KEYS.includes(property)) {
         throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u53EA\u8BFB\u7684"));
+      } else if (property.startsWith('_')) {
+        throw new Error("\u5C5E\u6027 \"".concat(property, "\" \u662F\u79C1\u6709\u7684"));
       } else if (property === 'state') {
         setState(receiver);
         return true;

package/lib/lowcode/engine/provider/ContextProvider/router.js

@@ -33,7 +33,7 @@ function push(path, params) {
   } else if (type === 'sso') {
     window.openUrl("sso:".concat(path));
   } else {
-    _umi.history[type](url, params);
+    _umi.history[type](path, params);
   }
 }
 function replace(path, state) {

package/lib/lowcode/engine/{tools → provider/ContextProvider}/usePageDataStore.js

@@ -14,8 +14,8 @@ var _middleware = require("zustand/middleware");
 var _shallow = require("zustand/react/shallow");
 var _lodash = require("lodash");
 var _fastDeepEqual = _interopRequireDefault(require("fast-deep-equal"));
-var _dataProcess = require("./dataProcess");
-var _constants = require("../../constants");
+var _dataProcess = require("../../tools/dataProcess");
+var _constants = require("../../../constants");
 var temporalStateCreator = function temporalStateCreator(userSet, userGet, options) {
   var stateCreator = function stateCreator(set, get) {
     return {
@@ -191,11 +191,13 @@ var _default = exports.default = usePageDataStore;
 usePageDataStore.subscribe(function (state) {
   return state.pageData;
 }, function (_, prev) {
-  if (prev !== null) {
-    usePageDataStore.setState(function (state) {
-      if (state.needPrompt === false) state.needPrompt = true;
-    });
-  }
+  usePageDataStore.setState(function (state) {
+    if (prev === null) {
+      state.needPrompt = false;
+    } else if (state.needPrompt === false) {
+      state.needPrompt = true;
+    }
+  });
 });
 var resetPageData = exports.resetPageData = function resetPageData(data) {
   usePageDataStore.setState(function (state) {

package/lib/lowcode/engine/{tools → provider/ContextProvider}/useTodo.js

@@ -12,9 +12,9 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _ahooks = require("ahooks");
 var _antd = require("luck-design/antd");
 var _lodash = require("lodash");
-var _usePageDataStore = _interopRequireDefault(require("./usePageDataStore"));
-var _helper = require("./helper");
-var _apiUrl = require("../../constants/api-url");
+var _usePageDataStore = require("./usePageDataStore");
+var _helper = require("../../tools/helper");
+var _apiUrl = require("../../../constants/api-url");
 var _excluded = ["datasetCode"];
 var useTodo = function useTodo() {
   var _useBoolean = (0, _ahooks.useBoolean)(),
@@ -33,9 +33,6 @@ var useTodo = function useTodo() {
       behaviorKey: behaviorKey
     }, params), data);
   });
-  var moduleData = (0, _usePageDataStore.default)(function (state) {
-    return state.moduleData;
-  });
   var todo = (0, _ahooks.useMemoizedFn)(function (ctx, actionPool) {
     var argsMap = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
     if ((0, _lodash.isNil)(actionPool)) {
@@ -64,6 +61,7 @@ var useTodo = function useTodo() {
                 params = _ref4.params,
                 data = _ref4.data,
                 after = _ref4.after;
+              var moduleData = (0, _usePageDataStore.getModuleData)();
               var _moduleCode = moduleCode || moduleData.moduleCode;
               var _dscode = datasetCode || dsCode;
               if (!_moduleCode || !_dscode) {

package/lib/lowcode/engine/provider/RemoteSourceProvider.js

@@ -17,8 +17,7 @@ var _umi = require("umi");
 var _launcher = _interopRequireDefault(require("../launcher"));
 var _Builder = require("../../../components/Builder");
 var _action2 = require("../../../helper/action");
-var _usePageDataStore2 = _interopRequireDefault(require("../tools/usePageDataStore"));
-var _ContextProvider = require("../provider/ContextProvider");
+var _usePageDataStore2 = _interopRequireWildcard(require("./ContextProvider/usePageDataStore"));
 var _dataProcess = require("../tools/dataProcess");
 var _apiUrl = require("../../constants/api-url");
 var _constants = require("../../constants");
@@ -39,7 +38,7 @@ var _default = exports.default = function _default(_ref) {
     initialize = _usePageDataStore.initialize,
     initializeModule = _usePageDataStore.initializeModule,
     reset = _usePageDataStore.reset;
-  var _useTemporalStore = (0, _ContextProvider.useTemporalStore)(function (state) {
+  var _useTemporalStore = (0, _usePageDataStore2.useTemporalStore)(function (state) {
       return {
         pause: state.pause,
         resume: state.resume,

package/lib/lowcode/engine/tools/helper.js

@@ -139,8 +139,13 @@ function executeCode(context, code, argsName) {
     throw new Error('executeCode参数不匹配');
   }
   var ctx = getCtx(context);
-  var func = (0, _construct2.default)(Function, (0, _toConsumableArray2.default)(argsName || []).concat(['ctx', 'window', "\"use strict\"; ".concat(getFuncBody(code))]));
-  return func.apply(void 0, args.concat([ctx, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, window.proxy), window)]));
+  try {
+    var func = (0, _construct2.default)(Function, (0, _toConsumableArray2.default)(argsName || []).concat(['ctx', 'window', "\"use strict\"; ".concat(getFuncBody(code))]));
+    return func.apply(void 0, args.concat([ctx, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, window.proxy), window)]));
+  } catch (e) {
+    console.error("".concat(code, "\u65E0\u6CD5\u88AB\u6267\u884C"), e);
+    return null;
+  }
 }
 function parseCSS(cssString) {
   // 创建一个空对象来存储解析后的样式

package/lib/lowcode/engine/tools/initDS.js

@@ -0,0 +1,270 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = initialize;
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toArray"));
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _lodash = require("lodash");
+var _utils = require("@luck-design-biz/base/utils");
+var _usePageDataStore = _interopRequireDefault(require("../provider/ContextProvider/usePageDataStore"));
+var _usePageVar = require("../provider/ContextProvider/usePageVar");
+var _helper = require("./helper");
+var parseVar = function parseVar(ctx, input) {
+  if ((0, _lodash.isNil)(input)) {
+    return null;
+  }
+  try {
+    return (0, _helper.executeCode)(ctx, "function() {return ".concat(input, "}"));
+  } catch (err) {
+    return input;
+  }
+};
+var Task = /*#__PURE__*/function () {
+  function Task(ctx, props) {
+    (0, _classCallCheck2.default)(this, Task);
+    this.ctx = ctx;
+    this.name = props.name;
+    this.props = props;
+  }
+  (0, _createClass2.default)(Task, [{
+    key: "run",
+    value: function () {
+      var _run = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee(_params, _data) {
+        var _this = this;
+        var _this$props, willFetch, didFetch, onError, _this$props$data, url, params, body, method, defaultValue, vars, config;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _this$props = this.props, willFetch = _this$props.willFetch, didFetch = _this$props.didFetch, onError = _this$props.onError;
+              _this$props$data = this.props.data, url = _this$props$data.url, params = _this$props$data.params, body = _this$props$data.body, method = _this$props$data.method, defaultValue = _this$props$data.defaultValue;
+              vars = {
+                params: (0, _lodash.isNil)(params) || params === '' ? {} : parseVar(this.ctx, params),
+                data: (0, _lodash.isNil)(body) || body === '' ? {} : parseVar(this.ctx, body)
+              };
+              config = {
+                headers: {}
+              };
+              if (willFetch) {
+                (0, _helper.executeCode)(this.ctx, willFetch, ['vars', 'config'], vars, config);
+              }
+              return _context.abrupt("return", (0, _utils.request)(parseVar(this.ctx, url), (0, _objectSpread2.default)({
+                params: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, vars.params), _params),
+                data: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, vars.data), _data),
+                method: parseVar(this.ctx, method)
+              }, config)).then(function (res) {
+                if (res.code === 1) {
+                  var list = res.list,
+                    detail = res.detail;
+                  var content;
+                  if (list.length === 1) {
+                    content = detail[list[0]];
+                  } else {
+                    content = list.map(function (_id) {
+                      return detail[_id];
+                    });
+                  }
+                  if (didFetch) {
+                    return (0, _helper.executeCode)(_this.ctx, didFetch, ['content', 'origin'], content, res);
+                  }
+                  return content;
+                } else if (onError) {
+                  (0, _helper.executeCode)(_this.ctx, onError, ['error'], res);
+                }
+                if (defaultValue) {
+                  return parseVar(_this.ctx, defaultValue);
+                }
+              }));
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function run(_x, _x2) {
+        return _run.apply(this, arguments);
+      }
+      return run;
+    }()
+  }, {
+    key: "load",
+    value: function () {
+      var _load = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2(params, data) {
+        var _this2 = this;
+        var content;
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return this.run(params, data);
+            case 2:
+              content = _context2.sent;
+              _usePageVar.useStateStore.setState(function (store) {
+                store.state[_this2.name] = content;
+              });
+              return _context2.abrupt("return", content);
+            case 5:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, this);
+      }));
+      function load(_x3, _x4) {
+        return _load.apply(this, arguments);
+      }
+      return load;
+    }()
+  }]);
+  return Task;
+}();
+var wrapPromise = function wrapPromise(promise) {
+  var cache = {
+    status: 'pending',
+    data: null
+  };
+  var suspender = promise.then(function (r) {
+    cache.status = 'fulfilled';
+    cache.data = r;
+  }, function (e) {
+    cache.status = 'rejected';
+    cache.data = e;
+  });
+  return {
+    read: function read() {
+      if (cache.status === 'pending') {
+        throw suspender;
+      } else if (cache.status === 'rejected') {
+        throw cache.data;
+      } else if (cache.status === 'fulfilled') {
+        return cache.data;
+      }
+    }
+  };
+};
+function initialize(ctx) {
+  var pageVars = _usePageDataStore.default.getState().pageData.props.vars;
+  if ((0, _lodash.isNil)(pageVars)) return null;
+  var remoteApis = new Map();
+  var _reduce = (0, _lodash.reduce)(pageVars, function (ret, val) {
+      if (val.type === 'var') {
+        ret[0][val.name] = parseVar(ctx, val.data);
+      } else if (val.type === 'api') {
+        var _val$data = val.data,
+          auto = _val$data.auto,
+          taskType = _val$data.taskType;
+        var task = new Task(ctx, val);
+        remoteApis.set(val.name, task);
+        if (!auto) return ret;
+        if (taskType === 'serial') {
+          ret.push(task);
+        } else if (taskType === 'parallel') {
+          var lastIndex = ret.length - 1;
+          if (lastIndex > 0 && (0, _lodash.isArray)(ret[lastIndex])) {
+            ret[lastIndex].push(task);
+          } else {
+            ret.push([task]);
+          }
+        }
+      }
+      return ret;
+    }, [{}]),
+    _reduce2 = (0, _toArray2.default)(_reduce),
+    variables = _reduce2[0],
+    autoTasks = _reduce2.slice(1);
+  _usePageVar.useStateStore.getState().initialize(variables);
+  ctx._initRemoteApiMap(remoteApis);
+  function run() {
+    return _run2.apply(this, arguments);
+  }
+  function _run2() {
+    _run2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee3() {
+      var result, _loop, i;
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee3$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            result = {};
+            _loop = /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _loop(i) {
+              var contents, _loop2, j, content;
+              return (0, _regeneratorRuntime2.default)().wrap(function _loop$(_context4) {
+                while (1) switch (_context4.prev = _context4.next) {
+                  case 0:
+                    if (!(0, _lodash.isArray)(autoTasks[i])) {
+                      _context4.next = 13;
+                      break;
+                    }
+                    _context4.next = 3;
+                    return Promise.all(autoTasks[i].map(function (t) {
+                      return t.run();
+                    }));
+                  case 3:
+                    contents = _context4.sent;
+                    _loop2 = /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _loop2(j) {
+                      return (0, _regeneratorRuntime2.default)().wrap(function _loop2$(_context3) {
+                        while (1) switch (_context3.prev = _context3.next) {
+                          case 0:
+                            _usePageVar.useStateStore.setState(function (store) {
+                              store.state[autoTasks[i][j].name] = contents[j];
+                            });
+                          case 1:
+                          case "end":
+                            return _context3.stop();
+                        }
+                      }, _loop2);
+                    });
+                    _context4.t0 = (0, _regeneratorRuntime2.default)().keys(autoTasks[i]);
+                  case 6:
+                    if ((_context4.t1 = _context4.t0()).done) {
+                      _context4.next = 11;
+                      break;
+                    }
+                    j = _context4.t1.value;
+                    return _context4.delegateYield(_loop2(j), "t2", 9);
+                  case 9:
+                    _context4.next = 6;
+                    break;
+                  case 11:
+                    _context4.next = 17;
+                    break;
+                  case 13:
+                    _context4.next = 15;
+                    return autoTasks[i].run();
+                  case 15:
+                    content = _context4.sent;
+                    _usePageVar.useStateStore.setState(function (store) {
+                      store.state[autoTasks[i].name] = content;
+                    });
+                  case 17:
+                  case "end":
+                    return _context4.stop();
+                }
+              }, _loop);
+            });
+            _context5.t0 = (0, _regeneratorRuntime2.default)().keys(autoTasks);
+          case 3:
+            if ((_context5.t1 = _context5.t0()).done) {
+              _context5.next = 8;
+              break;
+            }
+            i = _context5.t1.value;
+            return _context5.delegateYield(_loop(i), "t2", 6);
+          case 6:
+            _context5.next = 3;
+            break;
+          case 8:
+            return _context5.abrupt("return", result);
+          case 9:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee3);
+    }));
+    return _run2.apply(this, arguments);
+  }
+  return wrapPromise(run());
+}