@mybricks/to-code-taro 1.0.0

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

@@ -0,0 +1,232 @@
+import { VARS_MARK, SUBJECT_VALUE, BASECONTROLLER_MARK, MYBRICKS_DESCRIPTOR, CONTROLLER_CONTEXT } from "./constant";
+import { createModuleEventsHandle } from "./createModuleEventsHandle";
+import { log } from "./log";
+var DEFAULT_GETVAR_RESULT = {
+  setValue: function setValue(value) {
+    log("setValue - 变量未定义，请检查");
+  },
+  getValue: function getValue() {
+    log("getValue - 变量未定义，请检查");
+    return;
+  }
+};
+var getVar = function getVar(_ref) {
+  var that = _ref.that,
+    varName = _ref.varName;
+  var myBricksDescriptor = that[MYBRICKS_DESCRIPTOR];
+  if (!myBricksDescriptor) {
+    return DEFAULT_GETVAR_RESULT;
+  }
+  var vars = myBricksDescriptor.vars,
+    params = myBricksDescriptor.params,
+    parent = myBricksDescriptor.parent;
+  var var0 = vars === null || vars === void 0 ? void 0 : vars[varName];
+  if (var0) {
+    return var0.ext();
+  }
+  if (["page", "popup", "module"].includes(params.type)) {
+    var _params$appContext;
+    // 模块、页面、弹窗是最上层，不再继续向上查
+    var _var = (_params$appContext = params.appContext) === null || _params$appContext === void 0 || (_params$appContext = _params$appContext.globalVars) === null || _params$appContext === void 0 ? void 0 : _params$appContext[varName];
+    if (_var) {
+      return _var.ext();
+    }
+    return DEFAULT_GETVAR_RESULT;
+  }
+  return getVar({
+    that: parent,
+    varName: varName
+  });
+};
+var DEFAULT_GETOUTPUT_RESULT = {
+  setValue: function setValue(value) {
+    log("setValue - 输出未定义，请检查");
+  }
+};
+var getOutput = function getOutput(_ref2) {
+  var that = _ref2.that,
+    outputName = _ref2.outputName;
+  var myBricksDescriptor = that[MYBRICKS_DESCRIPTOR];
+  if (!myBricksDescriptor) {
+    return DEFAULT_GETOUTPUT_RESULT;
+  }
+  var params = myBricksDescriptor.params,
+    controller = myBricksDescriptor.controller,
+    parent = myBricksDescriptor.parent;
+  var type = params.type,
+    outputNameMap = params.outputNameMap,
+    pageId = params.pageId;
+  var outputKey = outputNameMap ? outputNameMap[outputName] || outputName : outputName;
+  if (type === "module") {
+    var _controller$events;
+    if ((_controller$events = controller.events) !== null && _controller$events !== void 0 && _controller$events[outputKey]) {
+      return {
+        setValue: function setValue(value) {
+          var _controller$events2;
+          (_controller$events2 = controller.events) === null || _controller$events2 === void 0 || _controller$events2[outputKey](value);
+        }
+      };
+    }
+  } else if (type === "popup") {
+    if (["commit", "apply", "cancel", "close"].includes(outputKey)) {
+      return {
+        setValue: function setValue(value) {
+          var _params$appContext2;
+          (_params$appContext2 = params.appContext) === null || _params$appContext2 === void 0 || (_params$appContext2 = _params$appContext2.page) === null || _params$appContext2 === void 0 || _params$appContext2[outputKey](pageId, value);
+        }
+      };
+    }
+  } else if (type === "slot") {
+    if (that.params.outputs && outputKey in that.params.outputs) {
+      return {
+        setValue: function setValue(value) {
+          that.params.outputs[outputKey](value);
+        }
+      };
+    }
+  }
+  if (["page", "popup", "module"].includes(type)) {
+    // 模块、页面、弹窗是最上层，不再继续向上查
+    return DEFAULT_GETOUTPUT_RESULT;
+  }
+  return getOutput({
+    that: parent,
+    outputName: outputName
+  });
+};
+var DEFAULT_GETINPUT_RESULT = {
+  getValue: function getValue(value) {
+    log("getValue - 输入未定义，请检查");
+  }
+};
+var getInput = function getInput(_ref3) {
+  var that = _ref3.that,
+    inputName = _ref3.inputName;
+  var myBricksDescriptor = that[MYBRICKS_DESCRIPTOR];
+  if (!myBricksDescriptor) {
+    return DEFAULT_GETINPUT_RESULT;
+  }
+  var params = myBricksDescriptor.params,
+    controller = myBricksDescriptor.controller,
+    parent = myBricksDescriptor.parent;
+  var type = params.type,
+    inputNameMap = params.inputNameMap,
+    pageId = params.pageId;
+  var inputKey = (inputNameMap ? inputNameMap[inputName] : inputName) || inputName;
+  if (type === "slot") {
+    if (inputKey in that.params.inputValues) {
+      return {
+        getValue: function getValue() {
+          return that.params.inputValues[inputKey];
+        }
+      };
+    }
+  } else if (type === "page" || type === "popup") {
+    if (inputKey === "open") {
+      return {
+        getValue: function getValue() {
+          var _params$appContext3;
+          return (_params$appContext3 = params.appContext) === null || _params$appContext3 === void 0 || (_params$appContext3 = _params$appContext3.page) === null || _params$appContext3 === void 0 || (_params$appContext3 = _params$appContext3.getParams(pageId)) === null || _params$appContext3 === void 0 ? void 0 : _params$appContext3[SUBJECT_VALUE];
+        }
+      };
+    }
+    return DEFAULT_GETINPUT_RESULT;
+  } else if (type === "module") {
+    return {
+      getValue: function getValue() {
+        var _controller$controlle;
+        if (inputKey in controller.data) {
+          return controller.data[inputKey];
+        }
+        return (_controller$controlle = controller.controller) === null || _controller$controlle === void 0 || (_controller$controlle = _controller$controlle[inputKey]) === null || _controller$controlle === void 0 ? void 0 : _controller$controlle[SUBJECT_VALUE];
+      }
+    };
+  }
+  if (["page", "popup", "module"].includes(type)) {
+    // 模块、页面、弹窗是最上层，不再继续向上查
+    return DEFAULT_GETINPUT_RESULT;
+  }
+  return getInput({
+    that: parent,
+    inputName: inputName
+  });
+};
+export function MyBricksDescriptor(params) {
+  return function (target, key, descriptor) {
+    var originalMethod = descriptor.value;
+    descriptor.value = function () {
+      var _this = this;
+      var controller = null;
+      var vars = null;
+      Object.keys(this.__proto__).filter(function (key) {
+        return !key.startsWith("__ob_");
+      }).forEach(function (key) {
+        // 过滤出当前组件自身声明的Provider
+        var value = _this[key];
+        if (value !== null && value !== void 0 && value[BASECONTROLLER_MARK]) {
+          var _descriptor = Object.getOwnPropertyDescriptor(_this, key);
+          if (!(_descriptor !== null && _descriptor !== void 0 && _descriptor.get)) {
+            controller = value;
+          }
+        } else if (value !== null && value !== void 0 && value[VARS_MARK]) {
+          var _descriptor2 = Object.getOwnPropertyDescriptor(_this, key);
+          if (!(_descriptor2 !== null && _descriptor2 !== void 0 && _descriptor2.get)) {
+            vars = value;
+          }
+        }
+      });
+      this[MYBRICKS_DESCRIPTOR] = {
+        controller: controller,
+        vars: vars,
+        params: params,
+        parent: this.getParent()
+      };
+      if (controller) {
+        if (this.events) {
+          controller.events = createModuleEventsHandle({
+            that: this,
+            appContext: params.appContext
+          });
+        }
+        if (this.data) {
+          controller.data = this.data;
+        }
+        if (this.controller) {
+          controller.controller = this.controller;
+        }
+        var classController = controller;
+        Object.getOwnPropertyNames(classController).forEach(function (key) {
+          var controllerContext = classController[key][CONTROLLER_CONTEXT];
+          if (controllerContext) {
+            controllerContext["this"] = _this;
+            controllerContext['getVar'] = function (varName) {
+              return getVar({
+                that: _this,
+                varName: varName
+              });
+            };
+            controllerContext['getOutput'] = function (outputName) {
+              return getOutput({
+                that: _this,
+                outputName: outputName
+              });
+            };
+            controllerContext['getInput'] = function (inputName) {
+              return getInput({
+                that: _this,
+                inputName: inputName
+              });
+            };
+            controllerContext['appContext'] = params.appContext;
+          }
+        });
+      }
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      var result = originalMethod.apply(this, args);
+      return result;
+    };
+    return descriptor;
+  };
+}

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

@@ -0,0 +1,143 @@
+import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
+import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/esm/inherits";
+import _createSuper from "@babel/runtime/helpers/esm/createSuper";
+import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIteratorHelper";
+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 { log } from "./log";
+import { SUBJECT_NEXT, SUBJECT_VALUE, SUBJECT_EMPTY, SUBJECT_SETVALUE, SUBJECT_SUBSCRIBE, SUBJECT_UNSUBSCRIBE } from "./constant";
+
+/** 数据流 */
+export var Subject = /*#__PURE__*/function () {
+  function Subject() {
+    var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    _classCallCheck(this, Subject);
+    _defineProperty(this, "_values", []);
+    _defineProperty(this, "_observers", new Set());
+    _defineProperty(this, "_log", undefined);
+    _defineProperty(this, "_empty", true);
+    this._log = params.log;
+    return new Proxy(this, {
+      get: function get(target, prop) {
+        if (prop in target) {
+          return target[prop];
+        }
+        var subjectNext = new SubjectNext(prop);
+        target[SUBJECT_SUBSCRIBE](function (value, extra) {
+          subjectNext[SUBJECT_NEXT](value, extra);
+        });
+        return subjectNext;
+      }
+    });
+  }
+  _createClass(Subject, [{
+    key: SUBJECT_VALUE,
+    get: function get() {
+      return this._values[0];
+    }
+  }, {
+    key: SUBJECT_EMPTY,
+    get: function get() {
+      return this._empty;
+    }
+  }, {
+    key: SUBJECT_SETVALUE,
+    value: function value(_value) {
+      this._values[0] = _value;
+      this._empty = false;
+    }
+  }, {
+    key: SUBJECT_NEXT,
+    value: function value(_value2, extra) {
+      log(this._log, JSON.stringify(_value2));
+      this._values[0] = _value2;
+      this._empty = false;
+      this._observers.forEach(function (observer) {
+        return observer(_value2, extra);
+      });
+    }
+  }, {
+    key: SUBJECT_SUBSCRIBE,
+    value: function value(observer) {
+      if (this._values.length) {
+        observer(this._values[0]);
+      }
+      this._observers.add(observer);
+    }
+  }, {
+    key: SUBJECT_UNSUBSCRIBE,
+    value: function value(observer) {
+      this._observers.delete(observer);
+    }
+  }]);
+  return Subject;
+}();
+function getValueNextByPath(params) {
+  var value = params.value,
+    path = params.path;
+  var current = value;
+  var _iterator = _createForOfIteratorHelper(path),
+    _step;
+  try {
+    for (_iterator.s(); !(_step = _iterator.n()).done;) {
+      var key = _step.value;
+      if (current === null || current === undefined) {
+        return undefined;
+      }
+      current = current[key];
+    }
+  } catch (err) {
+    _iterator.e(err);
+  } finally {
+    _iterator.f();
+  }
+  return current;
+}
+var SubjectNext = /*#__PURE__*/function (_Subject) {
+  _inherits(SubjectNext, _Subject);
+  var _super = _createSuper(SubjectNext);
+  function SubjectNext(path) {
+    var _this;
+    _classCallCheck(this, SubjectNext);
+    _this = _super.call(this);
+    _defineProperty(_assertThisInitialized(_this), "_path", []);
+    _this._path.push(path);
+    return _possibleConstructorReturn(_this, new Proxy(_assertThisInitialized(_this), {
+      get: function get(target, prop) {
+        if (prop in target) {
+          return target[prop];
+        }
+        target._path.push(prop);
+        return target;
+      }
+    }));
+  }
+  _createClass(SubjectNext, [{
+    key: SUBJECT_NEXT,
+    value: function value(_value3, extra) {
+      this._values[0] = _value3;
+      this._empty = false;
+      var nextValue = getValueNextByPath({
+        value: _value3,
+        path: this._path
+      });
+      this._observers.forEach(function (observer) {
+        return observer(nextValue, extra);
+      });
+    }
+  }, {
+    key: SUBJECT_SUBSCRIBE,
+    value: function value(observer) {
+      if (this._values.length) {
+        observer(getValueNextByPath({
+          value: this._values[0],
+          path: this._path
+        }));
+      }
+      this._observers.add(observer);
+    }
+  }]);
+  return SubjectNext;
+}(Subject);

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

@@ -0,0 +1,18 @@
+export var SUBJECT_NEXT = Symbol("SUBJECT_NEXT");
+export var SUBJECT_VALUE = Symbol("SUBJECT_VALUE");
+export var SUBJECT_SUBSCRIBE = Symbol("SUBJECT_SUBSCRIBE");
+export var SUBJECT_UNSUBSCRIBE = Symbol("SUBJECT_UNSUBSCRIBE");
+export var SUBJECT_EMPTY = Symbol("SUBJECT_EMPTY");
+export var SUBJECT_SETVALUE = Symbol("SUBJECT_SETVALUE");
+export var VARS_MARK = Symbol("VARS_MARK");
+export var BASECONTROLLER_MARK = Symbol("BASECONTROLLER_MARK");
+export var MYBRICKS_DESCRIPTOR = Symbol("MYBRICKS_DESCRIPTOR");
+export var EXE_TITLE_MAP = {
+  output: "输出",
+  input: "输入"
+};
+export var CONTROLLER_CONTEXT = Symbol("CONTROLLER_CONTEXT");
+export var EXCUTE_TYPE_KEY = Symbol("EXCUTE_TYPE_KEY");
+export var EXCUTE_TYPE_VALUE = {
+  DATACHANGED: Symbol('DATACHANGED')
+};

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

@@ -0,0 +1,5 @@
+export var context = {
+  /** [TODO] 记录API调用过程中变量的监听，调用回调后销毁 */
+  apiRun: null,
+  apiRunVariablesSubject: {}
+};

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

@@ -0,0 +1,9 @@
+import { CONTROLLER_CONTEXT } from "./constant";
+export var createEnv = function createEnv(params) {
+  var _params$controller$CO;
+  return (_params$controller$CO = params.controller[CONTROLLER_CONTEXT].appContext) === null || _params$controller$CO === void 0 ? void 0 : _params$controller$CO.env;
+};
+export var _createEnv = function _createEnv(params) {
+  var _params$controller$CO2;
+  return (_params$controller$CO2 = params.controller[CONTROLLER_CONTEXT].appContext) === null || _params$controller$CO2 === void 0 ? void 0 : _params$controller$CO2._env;
+};

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

@@ -0,0 +1,138 @@
+import { EXE_TITLE_MAP, SUBJECT_NEXT, SUBJECT_SUBSCRIBE } from "./constant";
+import { Subject } from "./Subject";
+import { log, logger } from "./log";
+import { createReactiveInputHandler } from "./createReactiveInputHandler";
+
+/** utils */
+/**
+ * 判断是否js多输入
+ */
+export var validateJsMultipleInputs = function validateJsMultipleInputs(input) {
+  return input.match(/\./); // input.xxx 为多输入模式
+};
+
+// JS
+export var createJSHandle = function createJSHandle(fn, options) {
+  var controller;
+  var props = options.props,
+    appContext = options.appContext;
+  var inputs = new Proxy({}, {
+    getOwnPropertyDescriptor: function getOwnPropertyDescriptor() {
+      return {
+        enumerable: true,
+        configurable: true
+      };
+    },
+    ownKeys: function ownKeys() {
+      return props.inputs;
+    },
+    get: function get() {
+      return function (input) {
+        // 约定只有一个输入
+        controller = input;
+      };
+    }
+  });
+  var rels = {};
+  var outputs = new Proxy({}, {
+    getOwnPropertyDescriptor: function getOwnPropertyDescriptor() {
+      return {
+        enumerable: true,
+        configurable: true
+      };
+    },
+    ownKeys: function ownKeys() {
+      return props.outputs;
+    },
+    get: function get(_, key) {
+      return function (value) {
+        (rels[key] || (rels[key] = new Subject({
+          log: "".concat(EXE_TITLE_MAP["output"], " ").concat(props.title, " | ").concat(key)
+        })))[SUBJECT_NEXT](value);
+      };
+    }
+  });
+  fn({
+    data: props.data,
+    inputs: inputs,
+    outputs: outputs,
+    logger: logger,
+    env: appContext === null || appContext === void 0 ? void 0 : appContext.env
+  });
+  var isJsMultipleInputs = props.inputs[0] ? validateJsMultipleInputs(props.inputs[0]) : false;
+  var exeOutputs = new Proxy({}, {
+    get: function get(_, key) {
+      return rels[key] || (rels[key] = new Subject({
+        log: "".concat(EXE_TITLE_MAP["output"], " ").concat(props.title, " | ").concat(key)
+      }));
+    }
+  });
+  var exe = function exe() {
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (args.length) {
+      // 调用输入
+      if (isJsMultipleInputs) {
+        // 多输入模式
+        var length = args.length;
+        var valueAry = {};
+        args.forEach(function (value, index) {
+          if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+            value[SUBJECT_SUBSCRIBE](function (value) {
+              log("".concat(EXE_TITLE_MAP["input"], " ").concat(props.title, " | ").concat(props.inputs[index]), JSON.stringify(value));
+              valueAry[props.inputs[index]] = value;
+              if (Object.keys(valueAry).length === length) {
+                createReactiveInputHandler({
+                  input: controller,
+                  value: valueAry,
+                  rels: rels,
+                  title: props.title
+                });
+                // 触发输入后清除
+                valueAry = {};
+              }
+            });
+          } else {
+            log("".concat(EXE_TITLE_MAP["input"], " ").concat(props.title, " | ").concat(props.inputs[index]), JSON.stringify(value));
+            valueAry[props.inputs[index]] = value;
+            if (Object.keys(valueAry).length === length) {
+              createReactiveInputHandler({
+                input: controller,
+                value: valueAry,
+                rels: rels,
+                title: props.title
+              });
+              // 触发输入后清除
+              valueAry = {};
+            }
+          }
+        });
+      } else {
+        // 非多输入
+        var value = args[0];
+        if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+          value[SUBJECT_SUBSCRIBE](function (value) {
+            log("".concat(EXE_TITLE_MAP["input"], " ").concat(props.title, " | ").concat(props.inputs[0]), JSON.stringify(value));
+            createReactiveInputHandler({
+              input: controller,
+              value: value,
+              rels: rels,
+              title: props.title
+            });
+          });
+        } else {
+          log("".concat(EXE_TITLE_MAP["input"], " ").concat(props.title, " | ").concat(props.inputs[0]), JSON.stringify(value));
+          createReactiveInputHandler({
+            input: controller,
+            value: value,
+            rels: rels,
+            title: props.title
+          });
+        }
+      }
+    }
+    return exeOutputs;
+  };
+  return exe;
+};

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

@@ -0,0 +1,26 @@
+import { SUBJECT_SUBSCRIBE } from "./constant";
+
+/** 处理区块事件 */
+export var createModuleEventsHandle = function createModuleEventsHandle(_ref) {
+  var that = _ref.that,
+    appContext = _ref.appContext;
+  var uid = that.uid,
+    events = that.events;
+  return new Proxy(events, {
+    get: function get(_, key) {
+      var _appContext$comEvent;
+      var event = uid ? (appContext === null || appContext === void 0 || (_appContext$comEvent = appContext.comEvent) === null || _appContext$comEvent === void 0 || (_appContext$comEvent = _appContext$comEvent[uid]) === null || _appContext$comEvent === void 0 ? void 0 : _appContext$comEvent[key]) || events[key] : events[key];
+      if (event) {
+        return function (value) {
+          if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+            value[SUBJECT_SUBSCRIBE](function (value) {
+              event(value);
+            });
+          } else {
+            event(value);
+          }
+        };
+      }
+    }
+  });
+};

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

@@ -0,0 +1,40 @@
+import { EXE_TITLE_MAP, SUBJECT_NEXT, SUBJECT_SUBSCRIBE } from "./constant";
+import { Subject } from "./Subject";
+
+/** 组件的输入 */
+export var createReactiveInputHandler = function createReactiveInputHandler(params) {
+  var input = params.input,
+    value = params.value,
+    rels = params.rels,
+    title = params.title;
+  if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+    value[SUBJECT_SUBSCRIBE](function (value) {
+      input(value, new Proxy({}, {
+        get: function get(_, key) {
+          return function (value) {
+            (rels[key] || (rels[key] = new Subject({
+              log: "".concat(EXE_TITLE_MAP["output"], " ").concat(title, " | ").concat(key)
+            })))[SUBJECT_NEXT](value);
+          };
+        }
+      }));
+    });
+  } else {
+    input(value, new Proxy({}, {
+      get: function get(_, key) {
+        return function (value) {
+          (rels[key] || (rels[key] = new Subject({
+            log: "".concat(EXE_TITLE_MAP["output"], " ").concat(title, " | ").concat(key)
+          })))[SUBJECT_NEXT](value);
+        };
+      }
+    }));
+  }
+  return new Proxy({}, {
+    get: function get(_, key) {
+      return rels[key] || (rels[key] = new Subject({
+        log: "".concat(EXE_TITLE_MAP["output"], " ").concat(title, " | ").concat(key)
+      }));
+    }
+  });
+};

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

@@ -0,0 +1,44 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Subject } from "./Subject";
+import { SUBJECT_NEXT, SUBJECT_SUBSCRIBE } from "./constant";
+export var transformEvents = function transformEvents(bus) {
+  return function (newEvents) {
+    Object.entries(newEvents).forEach(function (_ref) {
+      var _ref2 = _slicedToArray(_ref, 2),
+        key = _ref2[0],
+        newEvent = _ref2[1];
+      bus[key] = createEvent(newEvent);
+    });
+  };
+};
+export var createEvent = function createEvent(event) {
+  return function (value) {
+    var outputs = {};
+    var callBack = new Proxy({}, {
+      get: function get(_, key) {
+        return function (value) {
+          var output = outputs[key] || (outputs[key] = new Subject());
+          if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+            value[SUBJECT_SUBSCRIBE](function (value) {
+              output[SUBJECT_NEXT](value);
+            });
+          } else {
+            output[SUBJECT_NEXT](value);
+          }
+        };
+      }
+    });
+    if (value !== null && value !== void 0 && value[SUBJECT_SUBSCRIBE]) {
+      value[SUBJECT_SUBSCRIBE](function (value) {
+        event(value, callBack);
+      });
+    } else {
+      event(value, callBack);
+    }
+    return new Proxy({}, {
+      get: function get(_, key) {
+        return outputs[key] || (outputs[key] = new Subject());
+      }
+    });
+  };
+};