@mybricks/to-code-taro 1.0.0

package/dist/esm/core/mybricks/index.js

@@ -0,0 +1,952 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+var _excluded = ["root"];
+import { SUBJECT_NEXT, SUBJECT_VALUE, VARS_MARK, BASECONTROLLER_MARK, EXE_TITLE_MAP, CONTROLLER_CONTEXT, EXCUTE_TYPE_KEY, EXCUTE_TYPE_VALUE } from "./constant";
+import { log } from "./log";
+import { Subject } from "./Subject";
+import { context } from "./context";
+import { safeSetByPath, isObject } from "./utils";
+import { createReactiveInputHandler } from "./createReactiveInputHandler";
+
+/** 合并数据流 */
+export var merge = function merge() {
+  var merge = new Subject();
+  for (var _len = arguments.length, subjects = new Array(_len), _key = 0; _key < _len; _key++) {
+    subjects[_key] = arguments[_key];
+  }
+  subjects.forEach(function (subject) {
+    if (subject !== null && subject !== void 0 && subject[SUBJECT_SUBSCRIBE]) {
+      subject[SUBJECT_SUBSCRIBE](function (value) {
+        merge[SUBJECT_NEXT](value);
+      });
+    } else {
+      merge[SUBJECT_NEXT](subject);
+    }
+  });
+  return merge;
+};
+
+// UI
+export var createInputsHandle = function createInputsHandle(params) {
+  var init = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  if (init) {
+    /** 注册的输入 */
+    var _inputEvents = {};
+    /** 输入未完成注册，写入todo列表 */
+    var _inputEventsTodo = {};
+    /** 组件基础信息 */
+    var _comInfo = {};
+    /** 全局 */
+    var controllerContext = {
+      initStyles: {},
+      initData: {},
+      dataChangedSubjects: {},
+      // 唯一标记
+      mark: {}
+    };
+    var proxy = new Proxy({}, {
+      get: function get(_, key) {
+        // 内置关键字
+        if (key === "_inputEvents") {
+          return _inputEvents;
+        } else if (key === "_inputEventsTodo") {
+          return _inputEventsTodo;
+        } else if (key === "_comInfo") {
+          return _comInfo;
+        } else if (key === CONTROLLER_CONTEXT) {
+          return controllerContext;
+        } else if (key === "_setStyle") {
+          return function (value0, value1) {
+            var next = function next(value) {
+              if (Object.prototype.toString.call(value) === "[object Object]") {
+                Object.entries(value).forEach(function (_ref) {
+                  var _ref2 = _slicedToArray(_ref, 2),
+                    selector = _ref2[0],
+                    nextStyle = _ref2[1];
+                  if (!controllerContext.styles) {
+                    var initStyles = controllerContext.initStyles;
+                    if (!initStyles[selector]) {
+                      initStyles[selector] = nextStyle;
+                    } else {
+                      var initStyle = initStyles[selector];
+                      Object.entries(nextStyle).forEach(function (_ref3) {
+                        var _ref4 = _slicedToArray(_ref3, 2),
+                          key = _ref4[0],
+                          value = _ref4[1];
+                        initStyle[key] = value;
+                      });
+                    }
+                    return;
+                  }
+                  var _controllerContext$st = controllerContext.styles.getStyle(selector),
+                    style = _controllerContext$st.style;
+                  var updators = controllerContext.styles.getUpdators(selector);
+                  Object.entries(nextStyle).forEach(function (_ref5) {
+                    var _ref6 = _slicedToArray(_ref5, 2),
+                      key = _ref6[0],
+                      value = _ref6[1];
+                    style[key] = value;
+                  });
+                  if (updators) {
+                    updators.forEach(function (updator) {
+                      updator(selector, style);
+                    });
+                  }
+                });
+              }
+            };
+            if (typeof value0 === "string" && value1) {
+              if (value1 !== null && value1 !== void 0 && value1[SUBJECT_SUBSCRIBE]) {
+                value1[SUBJECT_SUBSCRIBE](function (value) {
+                  next(_defineProperty({}, value0, value));
+                });
+              } else {
+                next(_defineProperty({}, value0, value1));
+              }
+            } else {
+              if (value0 !== null && value0 !== void 0 && value0[SUBJECT_SUBSCRIBE]) {
+                value0[SUBJECT_SUBSCRIBE](function (value) {
+                  next(value);
+                });
+              } else {
+                next(value0);
+              }
+            }
+          };
+        } else if (key === "_setData") {
+          return function () {
+            for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+              args[_key2] = arguments[_key2];
+            }
+            if (args.length === 2) {
+              var path = args[0],
+                value = args[1];
+              var next = function next(params) {
+                var path = params.path,
+                  value = params.value;
+                if (!controllerContext.data) {
+                  var initData = controllerContext.initData;
+                  initData[path] = value;
+                  return;
+                }
+                safeSetByPath({
+                  data: controllerContext.data,
+                  path: path.split("."),
+                  value: _defineProperty({
+                    value: value
+                  }, EXCUTE_TYPE_KEY, EXCUTE_TYPE_VALUE.DATACHANGED)
+                });
+              };
+              if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+                value[SUBJECT_SUBSCRIBE](function (value, extra) {
+                  if ((extra === null || extra === void 0 ? void 0 : extra[EXCUTE_TYPE_KEY]) === EXCUTE_TYPE_VALUE.DATACHANGED && (extra === null || extra === void 0 ? void 0 : extra.controllerMark) === controllerContext.mark) {
+                    // 数据流来自「EXCUTE_TYPE_VALUE.DATACHANGED」且来自自身，不再继续执行，避免死循环
+                    return;
+                  }
+                  next({
+                    value: value,
+                    path: path
+                  });
+                });
+              } else {
+                next({
+                  value: value,
+                  path: path
+                });
+              }
+            }
+          };
+        } else if (key === "_dataChanged") {
+          return function (path) {
+            var subject = new Subject();
+            controllerContext.dataChangedSubjects[path] = subject;
+            return subject;
+          };
+        }
+        return function (value) {
+          if (!_inputEvents[key]) {
+            // 组件未完成输入注册
+            if (!_inputEventsTodo[key]) {
+              _inputEventsTodo[key] = [];
+            }
+            var rels = {};
+            _inputEventsTodo[key].push({
+              value: value,
+              rels: rels
+            });
+            return new Proxy({}, {
+              get: function get(_, key) {
+                return rels[key] || (rels[key] = new Subject());
+              }
+            });
+          }
+          return createReactiveInputHandler({
+            input: function input(value, proxy) {
+              log("".concat(EXE_TITLE_MAP["input"], " ").concat(_comInfo.title, " | ").concat(key), JSON.stringify(value));
+              return _inputEvents[key](value, proxy);
+            },
+            title: _comInfo.title,
+            value: value,
+            rels: {}
+          });
+        };
+      }
+    });
+    return proxy;
+  } else {
+    if (!params.controller[CONTROLLER_CONTEXT].inputs) {
+      var _styles$root;
+      var controller = params.controller,
+        title = params.title,
+        styles = params.styles;
+      var _inputEvents2 = controller._inputEvents,
+        _comInfo2 = controller._comInfo,
+        _inputEventsTodo2 = controller._inputEventsTodo,
+        _controllerContext = controller[CONTROLLER_CONTEXT];
+      _comInfo2.title = title;
+      _controllerContext.initModifier = {
+        visibility: (styles === null || styles === void 0 || (_styles$root = styles.root) === null || _styles$root === void 0 ? void 0 : _styles$root.display) === "none" ? Visibility.None : Visibility.Visible
+      };
+      var createVisibilityHandler = function createVisibilityHandler(visibilityState) {
+        return function (value) {
+          var setVisibility = function setVisibility() {
+            var _controllerContext$mo;
+            if (!((_controllerContext$mo = _controllerContext.modifier) !== null && _controllerContext$mo !== void 0 && _controllerContext$mo.attribute)) {
+              _controllerContext.initModifier.visibility = visibilityState;
+            } else {
+              var _controllerContext$mo2;
+              (_controllerContext$mo2 = _controllerContext.modifier.attribute) === null || _controllerContext$mo2 === void 0 || _controllerContext$mo2.visibility(visibilityState);
+            }
+          };
+          if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+            value[SUBJECT_SUBSCRIBE](setVisibility);
+          } else {
+            setVisibility();
+          }
+        };
+      };
+
+      // 内置显示隐藏逻辑
+      _inputEvents2.show = createVisibilityHandler(Visibility.Visible);
+      _inputEvents2.hide = createVisibilityHandler(Visibility.None);
+      _inputEvents2.showOrHide = function (value) {
+        var setVisibility = function setVisibility(value) {
+          var _controllerContext$mo3;
+          if (!((_controllerContext$mo3 = _controllerContext.modifier) !== null && _controllerContext$mo3 !== void 0 && _controllerContext$mo3.attribute)) {
+            _controllerContext.initModifier.visibility = !!value ? Visibility.Visible : Visibility.None;
+          } else {
+            var _controllerContext$mo4;
+            (_controllerContext$mo4 = _controllerContext.modifier.attribute) === null || _controllerContext$mo4 === void 0 || _controllerContext$mo4.visibility(!!value ? Visibility.Visible : Visibility.None);
+          }
+        };
+        if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+          value[SUBJECT_SUBSCRIBE](setVisibility);
+        } else {
+          setVisibility(value);
+        }
+      };
+      // 处理显示隐藏todo项
+      ["show", "hide", "showOrHide"].forEach(function (key) {
+        var todo = _inputEventsTodo2[key];
+        if (todo) {
+          Reflect.deleteProperty(_inputEventsTodo2, key);
+          todo.forEach(function (_ref7) {
+            var value = _ref7.value;
+            _inputEvents2[key](value);
+          });
+        }
+      });
+      var _proxy = new Proxy(controller, {
+        get: function get(_, key) {
+          return function (_input) {
+            if (!_inputEvents2[key]) {
+              // 第一次注册，处理TODO
+              if (_inputEventsTodo2[key]) {
+                _inputEventsTodo2[key].forEach(function (_ref8) {
+                  var value = _ref8.value,
+                    rels = _ref8.rels;
+                  createReactiveInputHandler({
+                    input: function input(value, proxy) {
+                      log("".concat(EXE_TITLE_MAP["input"], " ").concat(title, " | ").concat(key), JSON.stringify(value));
+                      return _input(value, proxy);
+                    },
+                    title: title,
+                    value: value,
+                    rels: rels
+                  });
+                });
+                Reflect.deleteProperty(_inputEventsTodo2, key);
+              }
+            }
+            _inputEvents2[key] = _input;
+          };
+        }
+      });
+      params.controller[CONTROLLER_CONTEXT].inputs = _proxy;
+    }
+    return params.controller[CONTROLLER_CONTEXT].inputs;
+  }
+};
+
+// 事件
+export var createEventsHandle = function createEventsHandle(params) {
+  if (!params.controller[CONTROLLER_CONTEXT].outputs) {
+    params.controller[CONTROLLER_CONTEXT].outputs = new Proxy(params.events || {}, {
+      get: function get(target, key) {
+        var _params$controller$CO;
+        var event = (_params$controller$CO = params.controller[CONTROLLER_CONTEXT].appContext) === null || _params$controller$CO === void 0 || (_params$controller$CO = _params$controller$CO.comEvent) === null || _params$controller$CO === void 0 || (_params$controller$CO = _params$controller$CO[params.uid]) === null || _params$controller$CO === void 0 ? void 0 : _params$controller$CO[key];
+        if (event) {
+          var _params$controller$CO2 = params.controller[CONTROLLER_CONTEXT],
+            getVar = _params$controller$CO2.getVar,
+            getOutput = _params$controller$CO2.getOutput,
+            getInput = _params$controller$CO2.getInput;
+          return function (value) {
+            event(value, {
+              getVar: getVar,
+              getOutput: getOutput,
+              getInput: getInput
+            });
+          };
+        }
+        return target[key] || function () {};
+      }
+    });
+  }
+  return params.controller[CONTROLLER_CONTEXT].outputs;
+};
+
+// 场景打开、输出
+export var pageController = function pageController() {
+  return new Proxy({
+    commit: new Subject(),
+    cancel: new Subject(),
+    apply: new Subject(),
+    close: new Subject()
+  }, {
+    get: function get(target, key) {
+      return target[key];
+    }
+  });
+};
+export var Page = /*#__PURE__*/function () {
+  function Page(appRouter) {
+    _classCallCheck(this, Page);
+    _defineProperty(this, "appRouter", void 0);
+    this.appRouter = appRouter;
+  }
+
+  /** 获取当前页面入参 */
+  _createClass(Page, [{
+    key: "getParams",
+    value: function getParams(name) {
+      var params = this.appRouter.getParams(name);
+      var subject = new Subject();
+      subject[SUBJECT_NEXT](params === null || params === void 0 ? void 0 : params.value);
+      return subject;
+    }
+
+    /** 打开 */
+  }, {
+    key: "open",
+    value: function open(name, value) {
+      var _this = this;
+      var controller = pageController();
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function (value) {
+          _this.appRouter.push(name, {
+            value: value,
+            controller: controller
+          });
+        });
+      } else {
+        this.appRouter.push(name, {
+          value: value,
+          controller: controller
+        });
+      }
+      return controller;
+    }
+
+    /** 打开 */
+  }, {
+    key: "replace",
+    value: function replace(name, value) {
+      var _this2 = this;
+      var controller = pageController();
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function (value) {
+          _this2.appRouter.replace(name, {
+            value: value,
+            controller: controller
+          });
+        });
+      } else {
+        this.appRouter.replace(name, {
+          value: value,
+          controller: controller
+        });
+      }
+      return controller;
+    }
+
+    /** 确定 */
+  }, {
+    key: "commit",
+    value: function commit(name, value) {
+      var _this3 = this;
+      var params = this.appRouter.getParams(name);
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function (value) {
+          _this3.appRouter.pop();
+          setTimeout(function () {
+            params.controller.commit[SUBJECT_NEXT](value);
+          }, 100);
+        });
+      } else {
+        this.appRouter.pop();
+        setTimeout(function () {
+          params.controller.commit[SUBJECT_NEXT](value);
+        }, 100);
+      }
+    }
+
+    /** 取消 */
+  }, {
+    key: "cancel",
+    value: function cancel(name, value) {
+      var _this4 = this;
+      var params = this.appRouter.getParams(name);
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function (value) {
+          _this4.appRouter.pop();
+          setTimeout(function () {
+            params.controller.cancel[SUBJECT_NEXT](value);
+          }, 100);
+        });
+      } else {
+        this.appRouter.pop();
+        setTimeout(function () {
+          params.controller.cancel[SUBJECT_NEXT](value);
+        }, 100);
+      }
+    }
+
+    /** 应用，不关闭 */
+  }, {
+    key: "apply",
+    value: function apply(name, value) {
+      var params = this.appRouter.getParams(name);
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function (value) {
+          params.controller.apply[SUBJECT_NEXT](value);
+        });
+      } else {
+        params.controller.apply[SUBJECT_NEXT](value);
+      }
+    }
+
+    /** 关闭 */
+  }, {
+    key: "close",
+    value: function close(name, value) {
+      var _this5 = this;
+      var params = this.appRouter.getParams(name);
+      if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+        value[SUBJECT_SUBSCRIBE](function (value) {
+          _this5.appRouter.pop();
+          setTimeout(function () {
+            params.controller.close[SUBJECT_NEXT](value);
+          }, 100);
+        });
+      } else {
+        this.appRouter.pop();
+        setTimeout(function () {
+          params.controller.close[SUBJECT_NEXT](value);
+        }, 100);
+      }
+    }
+  }]);
+  return Page;
+}();
+
+// api
+export var emit = function emit(fn, value) {
+  var subject = new Subject();
+  if (!fn) {
+    return subject;
+  }
+  if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+    value[SUBJECT_SUBSCRIBE](function (value) {
+      var res = fn(value);
+      if (res instanceof Promise) {
+        res.then(function (value) {
+          subject[SUBJECT_NEXT](value);
+        });
+      } else {
+        subject[SUBJECT_NEXT](res);
+      }
+    });
+  } else {
+    var res = fn(value);
+    if (res instanceof Promise) {
+      res.then(function (value) {
+        subject[SUBJECT_NEXT](value);
+      });
+    } else {
+      subject[SUBJECT_NEXT](res);
+    }
+  }
+  return subject;
+};
+
+/** 创建fx */
+export var createFx = function createFx(fx) {
+  return function (value) {
+    for (var _len3 = arguments.length, args = new Array(_len3 > 1 ? _len3 - 1 : 0), _key3 = 1; _key3 < _len3; _key3++) {
+      args[_key3 - 1] = arguments[_key3];
+    }
+    var outputs = {};
+    var proxy = new Proxy({}, {
+      get: function get(_, key) {
+        return outputs[key] || (outputs[key] = new Subject());
+      }
+    });
+    var next = function next(value) {
+      var res = fx.apply(void 0, [value].concat(args));
+      if (res) {
+        Object.entries(res).forEach(function (_ref9) {
+          var _ref10 = _slicedToArray(_ref9, 2),
+            key = _ref10[0],
+            value = _ref10[1];
+          if (!outputs[key]) {
+            outputs[key] = new Subject();
+          }
+          if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+            value[SUBJECT_SUBSCRIBE](function (value) {
+              outputs[key][SUBJECT_NEXT](value);
+            });
+          } else {
+            outputs[key][SUBJECT_NEXT](value);
+          }
+        });
+      }
+    };
+    if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+      value[SUBJECT_SUBSCRIBE](function (value) {
+        next(value);
+      });
+    } else {
+      next(value);
+    }
+    return proxy;
+  };
+};
+
+/** 创建插槽IO */
+export var createSlotsIO = function createSlotsIO(params) {
+  if (!params.controller[CONTROLLER_CONTEXT].slotsIO) {
+    var slotsIOMap = {};
+    params.controller[CONTROLLER_CONTEXT].slotsIO = new Proxy({}, {
+      get: function get(_, key) {
+        if (!slotsIOMap[key]) {
+          var inputsMap = {};
+          slotsIOMap[key] = {
+            inputs: new Proxy({}, {
+              get: function get(_, key) {
+                if (!inputsMap[key]) {
+                  inputsMap[key] = new Subject();
+                }
+                var next = function next(value) {
+                  inputsMap[key][SUBJECT_NEXT](value);
+                };
+                next[SUBJECT_SUBSCRIBE] = function (next) {
+                  inputsMap[key][SUBJECT_SUBSCRIBE](next);
+                };
+                return next;
+              }
+            }),
+            outputs: new Proxy({}, {
+              get: function get(_, key) {
+                return function (next) {
+                  return function (value) {
+                    if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+                      value[SUBJECT_SUBSCRIBE](function (value) {
+                        next(value);
+                      });
+                    } else {
+                      next(value);
+                    }
+                  };
+                };
+              }
+            })
+          };
+        }
+        return slotsIOMap[key];
+      }
+    });
+  }
+  return params.controller[CONTROLLER_CONTEXT].slotsIO;
+};
+
+/**
+ * 模块
+ * [TODO] 暂时无法在多处使用关联输出项
+ */
+export var createModuleInputsHandle = function createModuleInputsHandle() {
+  var inputsMap = {};
+  var outputsMap = {};
+  return new Proxy({}, {
+    get: function get(_, key) {
+      if (key === "outputs") {
+        return new Proxy({}, {
+          get: function get(_, key) {
+            if (!outputsMap[key]) {
+              outputsMap[key] = new Subject();
+            }
+            return function (value) {
+              if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+                value[SUBJECT_SUBSCRIBE](function (value) {
+                  outputsMap[key][SUBJECT_NEXT](value);
+                });
+              } else {
+                outputsMap[key][SUBJECT_NEXT](value);
+              }
+            };
+          }
+        });
+      }
+      if (!inputsMap[key]) {
+        inputsMap[key] = new Subject();
+      }
+      var next = function next(value) {
+        if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+          value[SUBJECT_SUBSCRIBE](function (value) {
+            inputsMap[key][SUBJECT_NEXT](value);
+          });
+        } else {
+          inputsMap[key][SUBJECT_NEXT](value);
+        }
+        return new Proxy({}, {
+          get: function get(_, key) {
+            return outputsMap[key] || (outputsMap[key] = new Subject());
+          }
+        });
+      };
+      return new Proxy(next, {
+        get: function get(_, proxyKey) {
+          if (proxyKey === "subscribe" || proxyKey === SUBJECT_SUBSCRIBE) {
+            return function (next) {
+              inputsMap[key][SUBJECT_SUBSCRIBE](next);
+            };
+          } else if (proxyKey === "value" || proxyKey === SUBJECT_VALUE) {
+            return inputsMap[key][SUBJECT_VALUE];
+          }
+        }
+      });
+    }
+  });
+};
+var Styles = /*#__PURE__*/function () {
+  function Styles(styles) {
+    _classCallCheck(this, Styles);
+    _defineProperty(this, "styles", {});
+    _defineProperty(this, "map", new Map());
+    this.styles = styles;
+  }
+  _createClass(Styles, [{
+    key: "getStyle",
+    value: function getStyle(selector) {
+      var _this6 = this;
+      var style = this.styles[selector];
+      if (!style) {
+        this.styles[selector] = {};
+        style = this.styles[selector];
+      }
+      return _objectSpread({
+        selector: selector,
+        style: style,
+        setUpdator: function setUpdator(updator, uid) {
+          if (!_this6.map.has(selector)) {
+            _this6.map.set(selector, new Map());
+          }
+          var selectorMap = _this6.map.get(selector);
+          selectorMap.set(uid, updator);
+        }
+      }, style);
+    }
+  }, {
+    key: "getUpdators",
+    value: function getUpdators(selector) {
+      return this.map.get(selector);
+    }
+  }]);
+  return Styles;
+}();
+/**
+ * 组件样式
+ */
+export var createStyles = function createStyles(params) {
+  if (!params.controller[CONTROLLER_CONTEXT].styles) {
+    var initStyles = params.controller[CONTROLLER_CONTEXT].initStyles;
+    var styles = params.styles,
+      parentSlot = params.parentSlot;
+    Object.entries(initStyles).forEach(function (_ref11) {
+      var _ref12 = _slicedToArray(_ref11, 2),
+        selector = _ref12[0],
+        initStyle = _ref12[1];
+      if (!styles[selector]) {
+        styles[selector] = initStyle;
+      } else {
+        var style = styles[selector];
+        Object.entries(initStyle).forEach(function (_ref13) {
+          var _ref14 = _slicedToArray(_ref13, 2),
+            key = _ref14[0],
+            value = _ref14[1];
+          style[key] = value;
+        });
+      }
+    });
+    if (parentSlot !== null && parentSlot !== void 0 && parentSlot.itemWrap) {
+      var root = styles.root,
+        other = _objectWithoutProperties(styles, _excluded);
+      params.controller[CONTROLLER_CONTEXT].styles = new Styles(other);
+    } else {
+      params.controller[CONTROLLER_CONTEXT].styles = new Styles(styles);
+    }
+  }
+  return new Proxy({}, {
+    ownKeys: function ownKeys() {
+      return Object.keys(params.styles);
+    },
+    getOwnPropertyDescriptor: function getOwnPropertyDescriptor(k) {
+      return {
+        enumerable: true,
+        configurable: true
+      };
+    },
+    get: function get(_, key) {
+      return params.controller[CONTROLLER_CONTEXT].styles.getStyle(key);
+    }
+  });
+};
+
+/**
+ * @returns {any}
+ */
+export var transformApi = function transformApi(api) {
+  return function (value, cb) {
+    var id = "".concat(Math.random(), "_").concat(new Date().getTime());
+    var outputs = {};
+    var dispose = function dispose() {};
+    var proxy = new Proxy(dispose, {
+      get: function get(_, key) {
+        return outputs[key] || (outputs[key] = new Subject());
+      }
+    });
+    var isDispose = false;
+    context.apiRun = id;
+    var res = api(value);
+    context.apiRun = null;
+    if (res) {
+      Object.entries(res).forEach(function (_ref15) {
+        var _ref16 = _slicedToArray(_ref15, 2),
+          key = _ref16[0],
+          value = _ref16[1];
+        if (!outputs[key]) {
+          outputs[key] = new Subject();
+        }
+        if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+          value[SUBJECT_SUBSCRIBE](function (value) {
+            var _cb$key, _context$apiRunVariab;
+            if (isDispose) {
+              return;
+            }
+            isDispose = true;
+            outputs[key][SUBJECT_NEXT](value);
+            cb === null || cb === void 0 || (_cb$key = cb[key]) === null || _cb$key === void 0 || _cb$key.call(cb, value);
+            (_context$apiRunVariab = context.apiRunVariablesSubject[id]) === null || _context$apiRunVariab === void 0 || _context$apiRunVariab.forEach(function (subject) {
+              subject.destroy();
+            });
+          });
+        } else {
+          var _cb$key2, _context$apiRunVariab2;
+          if (isDispose) {
+            return;
+          }
+          isDispose = true;
+          outputs[key][SUBJECT_NEXT](value);
+          cb === null || cb === void 0 || (_cb$key2 = cb[key]) === null || _cb$key2 === void 0 || _cb$key2.call(cb, value);
+          (_context$apiRunVariab2 = context.apiRunVariablesSubject[id]) === null || _context$apiRunVariab2 === void 0 || _context$apiRunVariab2.forEach(function (subject) {
+            subject.destroy();
+          });
+        }
+      });
+    }
+    return proxy;
+  };
+};
+export var transformBus = function transformBus(bus) {
+  return function (newBus) {
+    Object.entries(newBus).forEach(function (_ref17) {
+      var _ref18 = _slicedToArray(_ref17, 2),
+        key = _ref18[0],
+        newBus = _ref18[1];
+      bus[key] = function (value) {
+        var outputs = {};
+        var callBack = new Proxy({}, {
+          get: function get(_, key) {
+            return function (value) {
+              var output = outputs[key] || (outputs[key] = new Subject());
+              output[SUBJECT_NEXT](value);
+            };
+          }
+        });
+        if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+          value[SUBJECT_SUBSCRIBE](function (value) {
+            newBus(value, callBack);
+          });
+        } else {
+          newBus(value, callBack);
+        }
+        return new Proxy({}, {
+          get: function get(_, key) {
+            return outputs[key] || (outputs[key] = new Subject());
+          }
+        });
+      };
+    });
+  };
+};
+export var createBus = function createBus(bus) {
+  return function () {
+    return new Proxy({}, {
+      get: function get() {
+        return new Subject();
+      }
+    });
+  };
+};
+export var join = function join(lastSubject, nextSubject) {
+  var subject = new Subject();
+  var next = function next() {
+    if (nextSubject !== null && nextSubject !== void 0 && nextSubject[SUBJECT_SUBSCRIBE]) {
+      subject[SUBJECT_NEXT](nextSubject[SUBJECT_VALUE]);
+    } else {
+      subject[SUBJECT_NEXT](nextSubject);
+    }
+  };
+  if (lastSubject !== null && lastSubject !== void 0 && lastSubject[SUBJECT_SUBSCRIBE]) {
+    lastSubject[SUBJECT_SUBSCRIBE](function () {
+      next();
+    });
+  } else {
+    next();
+  }
+  return subject;
+};
+export var createModifier = function createModifier(params, Modifier) {
+  if (!params.controller[CONTROLLER_CONTEXT].modifier) {
+    params.controller[CONTROLLER_CONTEXT].modifier = new Modifier(params.controller[CONTROLLER_CONTEXT].initModifier);
+  }
+  return params.controller[CONTROLLER_CONTEXT].modifier;
+};
+var DATA_PROXY = Symbol("DATA_PROXY");
+var dataProxy = function dataProxy(params) {
+  var data = params.data,
+    path = params.path,
+    config = params.config;
+  return new Proxy(data, {
+    get: function get(target, key, receiver) {
+      if (key === DATA_PROXY) {
+        return true;
+      }
+      var value = Reflect.get(target, key, receiver);
+      if (typeof key !== "string" || target.hasOwnProperty(key)) {
+        return value;
+      }
+      if (isObject(value)) {
+        if (value[DATA_PROXY]) {
+          return value;
+        }
+        return dataProxy({
+          data: value,
+          path: path ? "".concat(path, ".").concat(key) : key,
+          config: config
+        });
+      }
+      return value;
+    },
+    set: function set(target, key, value, receiver) {
+      if (typeof key !== "string" || target.hasOwnProperty(key)) {
+        Reflect.set(target, key, value, receiver);
+      } else {
+        if (!(value !== null && value !== void 0 && value[EXCUTE_TYPE_KEY])) {
+          var _config$set;
+          Reflect.set(target, key, value, receiver);
+          // 目前只有「EXCUTE_TYPE_VALUE.DATACHANGED」，所以判断有「EXCUTE_TYPE_KEY」就行
+          config === null || config === void 0 || (_config$set = config.set) === null || _config$set === void 0 || _config$set.call(config, {
+            value: value,
+            path: path ? "".concat(path, ".").concat(key) : key
+          });
+        } else {
+          Reflect.set(target, key, value.value, receiver);
+        }
+      }
+      return true;
+    }
+  });
+};
+export var createData = function createData(params, Data) {
+  if (!params.controller[CONTROLLER_CONTEXT].data) {
+    var _params$controller$CO3 = params.controller[CONTROLLER_CONTEXT],
+      initData = _params$controller$CO3.initData,
+      dataChangedSubjects = _params$controller$CO3.dataChangedSubjects,
+      mark = _params$controller$CO3.mark;
+    var nextData = Object.assign({}, params.data);
+    Object.entries(initData).forEach(function (_ref19) {
+      var _ref20 = _slicedToArray(_ref19, 2),
+        path = _ref20[0],
+        value = _ref20[1];
+      safeSetByPath({
+        data: nextData,
+        path: path.split("."),
+        value: value
+      });
+    });
+    var data = new Data(nextData);
+    var observeData = dataProxy({
+      data: data,
+      path: "",
+      config: {
+        set: function set(params) {
+          var dataChangedSubject = dataChangedSubjects[params.path];
+          if (dataChangedSubject) {
+            dataChangedSubject[SUBJECT_NEXT](params.value, _defineProperty(_defineProperty({}, EXCUTE_TYPE_KEY, EXCUTE_TYPE_VALUE.DATACHANGED), "controllerMark", mark));
+          }
+        }
+      }
+    });
+    params.controller[CONTROLLER_CONTEXT].data = observeData;
+  }
+  return params.controller[CONTROLLER_CONTEXT].data;
+};
+export var Vars = /*#__PURE__*/_createClass(function Vars() {
+  _classCallCheck(this, Vars);
+  _defineProperty(this, VARS_MARK, true);
+});
+export var BaseController = /*#__PURE__*/_createClass(function BaseController() {
+  _classCallCheck(this, BaseController);
+  _defineProperty(this, BASECONTROLLER_MARK, true);
+});
+export * from "./MyBricksDescriptor";
+export * from "./createModuleEventsHandle";
+export * from "./createJSHandle";
+export * from "./Subject";
+export * from "./createEnv";
+export * from "./variables";
+export * from "./event";