@byteluck-fe/model-driven-engine 1.3.0-beta.25

package/dist/esm/common/OkWorker.js

@@ -0,0 +1,89 @@
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+import { log } from "@byteluck-fe/model-driven-shared";
+var OkWorker = /*#__PURE__*/ function() {
+    "use strict";
+    function OkWorker() {
+        _classCallCheck(this, OkWorker);
+    }
+    var _proto = OkWorker.prototype;
+    _proto.run = function run(initState) {
+        this.worker = OkWorker.createWorker();
+        this.postMessage({
+            action: "init",
+            payload: initState
+        });
+    };
+    _proto.destroy = function destroy() {
+        var ref;
+        (ref = this.worker) === null || ref === void 0 ? void 0 : ref.terminate();
+    };
+    _proto.postMessage = function postMessage(message) {
+        var ref;
+        (ref = this.worker) === null || ref === void 0 ? void 0 : ref.postMessage(message);
+    };
+    OkWorker.createWorker = function createWorker() {
+        var blob = new Blob([
+            "(".concat(OkWorker.createWorkerFunction().toString(), ")()")
+        ]);
+        var url = window.URL.createObjectURL(blob);
+        return new Worker(url);
+    };
+    OkWorker.createWorkerFunction = function createWorkerFunction() {
+        return function() {
+            var createHandler = function createHandler(parentKey) {
+                return {
+                    get: function get(target, key, value) {
+                        return Reflect.get(target, key, value);
+                    },
+                    set: function set(target, key, value) {
+                        if (parentKey) {
+                            _self.postMessage({
+                                action: "update",
+                                key: "".concat(parentKey, ".").concat(key)
+                            });
+                        }
+                        return Reflect.set(target, key, value);
+                    }
+                };
+            };
+            log("‍\uD83D\uDE80 worker running");
+            var _self = self;
+            // function createProxy(
+            // 	obj: Record<string, unknown> | Array<Record<string, unknown>>,
+            // 	parentKey?: string
+            // ) {
+            // 	for (const key in obj) {
+            // 		if (Array.isArray(obj[key])) {
+            //
+            // 		}
+            // 	}
+            // 	return new Proxy(obj, createHandler(parentKey))
+            // }
+            _self.addEventListener("message", function(event) {
+                var _data = event.data, action = _data.action, payload = _data.payload, fn = _data.fn;
+                log(action, payload);
+                // 通过proxy进行代理，每次修改的时候，自动向外抛出postMessage
+                // data.key1 = 1
+                //
+                // data.key2.amount = 1
+                //
+                // data.key3[0].key1 = 2
+                //
+                // const result = fn(data, schema)
+                _self.postMessage({
+                    action: "delete",
+                    payload: {
+                        key: "key3[0].key1",
+                        value: "index"
+                    }
+                });
+            });
+        };
+    };
+    return OkWorker;
+}();
+export { OkWorker };

package/dist/esm/common/Plugin.js

@@ -0,0 +1,10 @@
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+var Plugin = function Plugin() {
+    "use strict";
+    _classCallCheck(this, Plugin);
+};
+export { Plugin };

package/dist/esm/common/Runtime.js

@@ -0,0 +1,257 @@
+function _assertThisInitialized(self) {
+    if (self === void 0) {
+        throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+    return self;
+}
+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 _getPrototypeOf(o) {
+    _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
+        return o.__proto__ || Object.getPrototypeOf(o);
+    };
+    return _getPrototypeOf(o);
+}
+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 _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+function _possibleConstructorReturn(self, call) {
+    if (call && (_typeof(call) === "object" || typeof call === "function")) {
+        return call;
+    }
+    return _assertThisInitialized(self);
+}
+function _setPrototypeOf(o, p) {
+    _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) {
+        o.__proto__ = p;
+        return o;
+    };
+    return _setPrototypeOf(o, p);
+}
+var _typeof = function(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+};
+function _isNativeReflectConstruct() {
+    if (typeof Reflect === "undefined" || !Reflect.construct) return false;
+    if (Reflect.construct.sham) return false;
+    if (typeof Proxy === "function") return true;
+    try {
+        Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {}));
+        return true;
+    } catch (e) {
+        return false;
+    }
+}
+function _createSuper(Derived) {
+    var hasNativeReflectConstruct = _isNativeReflectConstruct();
+    return function _createSuperInternal() {
+        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);
+    };
+}
+import { RuntimeFormControl, RuntimeListControl, RegisterControls } from "@byteluck-fe/model-driven-core";
+import { CONTROL_TYPE, loopFormSchema } from "@byteluck-fe/model-driven-shared";
+import { hasChildrenControl, loopDataViewControl, loopFormControl } from "../utils/runtimeUtils";
+export var Runtime = /*#__PURE__*/ function(RegisterControls) {
+    "use strict";
+    _inherits(Runtime, RegisterControls);
+    var _super = _createSuper(Runtime);
+    function Runtime(props) {
+        _classCallCheck(this, Runtime);
+        var _this;
+        _this = _super.call(this, "Runtime");
+        _this._flatInstances = [];
+        _this._instanceMap = {};
+        var schema = props.schema;
+        _this._schema = schema;
+        _this._instance = _this.createControl(schema, props.beforeCreateInstance);
+        _this.getFlatInstances();
+        return _this;
+    }
+    var _proto = Runtime.prototype;
+    _proto.getFlatInstances = function getFlatInstances() {
+        var instances = [];
+        var instanceMap = {};
+        loop(this._instance, function(item) {
+            instances.push(item);
+            if (!instanceMap[item.id]) {
+                instanceMap[item.id] = [];
+            }
+            instanceMap[item.id].push(item);
+        });
+        this._flatInstances = instances;
+        this._instanceMap = instanceMap;
+        return this._flatInstances;
+    };
+    _createClass(Runtime, [
+        {
+            key: "schema",
+            get: function get() {
+                return this._schema;
+            }
+        },
+        {
+            key: "instance",
+            get: function get() {
+                return this._instance;
+            }
+        },
+        {
+            key: "flatInstances",
+            get: function get() {
+                return this._flatInstances;
+            }
+        },
+        {
+            key: "instanceMap",
+            get: function get() {
+                return this._instanceMap;
+            }
+        },
+        {
+            key: "rules",
+            get: function get() {
+                var ruleItems = {};
+                loopDataViewControl(this._instance, function(dataView) {
+                    ruleItems[dataView.id] = dataView.rules[0];
+                    loopFormControl(dataView.children, function(item) {
+                        if (_instanceof(item, RuntimeFormControl) || _instanceof(item, RuntimeListControl)) {
+                            buildControlRules(ruleItems[dataView.id].fields, item);
+                        }
+                    });
+                });
+                return ruleItems;
+            }
+        },
+        {
+            key: "antdRules",
+            get: function get() {
+                var antdRules = {};
+                loopDataViewControl(this._instance, function(dataView) {
+                    antdRules[dataView.id] = dataView.rules[0];
+                    loopFormControl(dataView.children, function(item) {
+                        if (_instanceof(item, RuntimeFormControl) || _instanceof(item, RuntimeListControl)) {
+                            buildControlAntdRules(antdRules[dataView.id].fields, item);
+                        }
+                    });
+                });
+                return antdRules;
+            }
+        }
+    ]);
+    return Runtime;
+}(RegisterControls);
+function loop(control, callback) {
+    if (Array.isArray(control)) {
+        control.map(function(item) {
+            callback(item);
+            if (hasChildrenControl(item)) {
+                // @ts-ignore
+                loop(item.children, callback);
+            }
+        });
+    } else {
+        callback(control);
+    }
+}
+/**
+ * 控件是否在视图中隐藏，遍历查找所有parent
+ * */ function getControlIsHide(control) {
+    if (control.props.isHide) {
+        return true;
+    }
+    if (control.parent === null) {
+        return false;
+    }
+    return getControlIsHide(control.parent);
+}
+function buildControlRules(data, // @ts-ignore
+item) {
+    if (getControlIsHide(item)) {
+        return;
+    }
+    if (_instanceof(item, RuntimeFormControl)) {
+        data[item.id] = item.rules;
+    } else if (item.type === CONTROL_TYPE.SUBTABLE) {
+        data[item.id] = item.rules;
+        var itemRules = {
+            type: "array",
+            fields: {}
+        };
+        item.children.forEach(function(row, index) {
+            loopFormSchema(row.children, function(formControl) {
+                if (itemRules.fields) {
+                    if (!itemRules.fields[index]) {
+                        itemRules.fields[index] = {
+                            type: "object",
+                            required: true,
+                            fields: {}
+                        };
+                    }
+                    // @ts-ignore
+                    itemRules.fields[index].fields[formControl.id] = formControl.rules;
+                }
+            });
+        });
+        data[item.id].push(itemRules);
+    }
+}
+function buildControlAntdRules(antdRules, // @ts-ignore
+item) {
+    if (getControlIsHide(item)) {
+        return;
+    }
+    if (_instanceof(item, RuntimeFormControl)) {
+        antdRules[item.id] = item.rules;
+    } else if (item.type === CONTROL_TYPE.SUBTABLE && item.children.length) {
+        antdRules[item.id] = [];
+        item.children.forEach(function(row) {
+            var rules = {};
+            loopFormSchema(row.children, function(formControl) {
+                rules[formControl.id] = formControl.rules;
+            });
+            antdRules[item.id].push(rules);
+        });
+    }
+}

package/dist/esm/common/Store.js

@@ -0,0 +1,331 @@
+function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+        throw new TypeError("Cannot call a class as a function");
+    }
+}
+function _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _instanceof(left, right) {
+    if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
+        return !!right[Symbol.hasInstance](left);
+    } else {
+        return left instanceof right;
+    }
+}
+import { RuntimeFormControl, DataBind, ObjectDataBind } from "@byteluck-fe/model-driven-core";
+import { loopFormSchema, JSONCopy, warn, CONTROL_TYPE } from "@byteluck-fe/model-driven-shared";
+import { loopDataViewControl, loopFormControl } from "../utils/runtimeUtils";
+var Store = /*#__PURE__*/ function() {
+    "use strict";
+    function Store(props) {
+        _classCallCheck(this, Store);
+        var ref = init(props.instance), state = ref.state, emptyState = ref.emptyState, databindMapping = ref.databindMapping, controlidMapping = ref.controlidMapping;
+        this.emptyState = emptyState;
+        this.state = state;
+        this.dataBindMapping = databindMapping;
+        this.controlIdMapping = controlidMapping;
+    }
+    var _proto = Store.prototype;
+    /**
+   * 使用该方法仅改变数据，不会表单触发事件。明细表可全量赋值也可根据rowIndex进行单独设置
+   * @param controlId 组件ID
+   * @param value
+   */ _proto.setState = function setState(controlId, value, rowIndex) {
+        var _this = this;
+        var controlInfo = this.controlIdMapping[controlId];
+        if (controlInfo !== undefined) {
+            //qiyu 按照对象赋值，Object.assign会触发多次key的change事件
+            this.state[controlInfo.dataView][controlId] = value;
+        // if (
+        //   controlInfo.dataBind instanceof ObjectDataBind &&
+        //   isPlainObject(value)
+        // ) {
+        //   Object.assign(this.state[controlInfo.dataView][controlId], value)
+        // } else {
+        //   this.state[controlInfo.dataView][controlId] = value
+        // }
+        } else {
+            if (rowIndex !== undefined) {
+                //TODO 目前只找了一层明细表，没有递归
+                Object.keys(this.controlIdMapping).map(function(subtableId) {
+                    var dataView = _this.controlIdMapping[subtableId].dataView;
+                    var children = _this.controlIdMapping[subtableId].children;
+                    if (children !== undefined) {
+                        Object.keys(children).map(function(childControlId) {
+                            if (childControlId === controlId) {
+                                _this.state[dataView][subtableId][rowIndex][controlId] = value;
+                            }
+                        });
+                    }
+                });
+            } else {
+                //不存在的 controlId，直接被挂载到外部key
+                this.state[controlId] = value;
+            }
+        }
+    };
+    _proto.getState = function getState(controlId, rowIndex) {
+        var _this = this;
+        //qiyu 由于header的数据是后补充的，所以从state获取第一层值。
+        // const controlInfo = this.controlIdMapping[controlId]
+        var detection = this.state[controlId];
+        if (detection !== undefined) {
+            return this.state[controlId];
+        } else {
+            var controlInfo = this.controlIdMapping[controlId];
+            if (controlInfo !== undefined) {
+                return this.state[controlInfo.dataView][controlId];
+            } else {
+                if (rowIndex !== undefined) {
+                    var state;
+                    //TODO 目前只找了一层明细表，没有递归
+                    Object.keys(this.controlIdMapping).map(function(subtableId) {
+                        var dataViewId = _this.controlIdMapping[subtableId].dataView;
+                        var children = _this.controlIdMapping[subtableId].children;
+                        if (children !== undefined) {
+                            Object.keys(children).map(function(childControlId) {
+                                if (childControlId === controlId) {
+                                    var ref;
+                                    state = (ref = _this.state[dataViewId][subtableId][rowIndex]) === null || ref === void 0 ? void 0 : ref[controlId];
+                                }
+                            });
+                        }
+                    });
+                    return state;
+                } else {
+                    var states = [];
+                    Object.keys(this.controlIdMapping).map(function(subtableId) {
+                        var dataViewId = _this.controlIdMapping[subtableId].dataView;
+                        var children = _this.controlIdMapping[subtableId].children;
+                        if (children !== undefined) {
+                            Object.keys(children).map(function(childControlId) {
+                                if (childControlId === controlId) {
+                                    _this.state[dataViewId][subtableId].map(function(item) {
+                                        states.push(item[controlId]);
+                                    });
+                                }
+                            });
+                        }
+                    });
+                    return states;
+                }
+            }
+        }
+    };
+    _proto.getEmptyState = function getEmptyState(controlId) {
+        var _this = this;
+        var detection = this.emptyState[controlId];
+        if (detection !== undefined) {
+            return this.emptyState[controlId];
+        } else {
+            var controlInfo = this.controlIdMapping[controlId];
+            if (controlInfo !== undefined) {
+                return this.emptyState[controlInfo.dataView][controlId];
+            } else {
+                var state;
+                //TODO 目前只找了一层明细表，没有递归
+                Object.keys(this.controlIdMapping).map(function(subtableId) {
+                    var dataViewId = _this.controlIdMapping[subtableId].dataView;
+                    var children = _this.controlIdMapping[subtableId].children;
+                    if (children !== undefined) {
+                        Object.keys(children).map(function(childControlId) {
+                            if (childControlId === controlId) {
+                                state = _this.emptyState[dataViewId][subtableId][controlId];
+                            }
+                        });
+                    }
+                });
+                return state;
+            }
+        }
+    };
+    _proto.getDataBind = function getDataBind(controlId) {
+        var result = this.controlIdMapping[controlId];
+        if (result) {
+            return result.dataBind;
+        }
+        wrapperFor: for(var id in this.controlIdMapping){
+            var dataBindMapping = this.controlIdMapping[id];
+            if (dataBindMapping.children) {
+                for(var subId in dataBindMapping.children){
+                    if (subId === controlId) {
+                        result = dataBindMapping.children[subId];
+                        break wrapperFor;
+                    }
+                }
+            }
+        }
+        return result === null || result === void 0 ? void 0 : result.dataBind;
+    };
+    return Store;
+}();
+function init(instance) {
+    var state = {};
+    var emptyState = {};
+    var databindMapping = {};
+    var controlidMapping = {};
+    // loopFormControl(instance, (item, children) => {
+    // })
+    // @ts-ignore
+    loopDataViewControl(instance, function(dataView) {
+        var dvId = dataView.id;
+        var dataViewState = {};
+        var emptyDataViewState = {};
+        // @ts-ignore
+        loopFormControl([
+            dataView
+        ], function(item, children) {
+            buildState(dataViewState, emptyDataViewState, item);
+            buildDataBindMapping(databindMapping, dvId, item);
+            buildControlIdMapping(controlidMapping, dvId, item);
+        });
+        state[dvId] = dataViewState;
+        emptyState[dvId] = emptyDataViewState;
+    });
+    return {
+        state: state,
+        emptyState: emptyState,
+        databindMapping: databindMapping,
+        controlidMapping: controlidMapping
+    };
+}
+function buildState(dataViewState, emptyDataViewState, // @ts-ignore
+item) {
+    if (_instanceof(item, RuntimeFormControl)) {
+        dataViewState[item.id] = JSONCopy(item.props.defaultValue);
+        emptyDataViewState[item.id] = JSONCopy(item.props.defaultValue);
+    } else {
+        var emptyTemplate = {};
+        loopFormSchema(item.props.headers, function(headerItem) {
+            emptyTemplate[headerItem.id] = JSONCopy(headerItem.props.defaultValue);
+        });
+        var _defaultRows;
+        dataViewState[item.id] = new Array((_defaultRows = item.props.defaultRows) !== null && _defaultRows !== void 0 ? _defaultRows : 1).fill(0).map(function() {
+            return JSONCopy(emptyTemplate);
+        });
+        emptyDataViewState[item.id] = emptyTemplate;
+    }
+}
+function buildDataBindMapping(data, dataViewId, // @ts-ignore
+item) {
+    if (_instanceof(item, RuntimeFormControl)) {
+        if (_instanceof(item.props.dataBind, ObjectDataBind)) {
+            // 特殊的dataBind，比如:金额是currency+amount两个key组成的，日期区间，继承自ObjectDataBind的需要通过Object.keys拿到多个databind
+            Object.keys(item.props.dataBind).map(function(key) {
+                var dataBind = item.props.dataBind;
+                var dataCode = dataBind[key].dataCode;
+                if (dataCode !== undefined) {
+                    if (data[dataCode] === undefined) {
+                        data[dataCode] = {
+                            controlId: item.id,
+                            fields: [],
+                            dataViewId: dataViewId
+                        };
+                    }
+                    data[dataCode].fields.push({
+                        fieldCode: dataBind[key].fieldCode,
+                        controlId: item.id,
+                        dataBind: dataBind,
+                        dataViewId: [
+                            dataViewId
+                        ]
+                    });
+                }
+            });
+        } else {
+            if (data[item.props.dataBind.dataCode] === undefined) {
+                data[item.props.dataBind.dataCode] = {
+                    controlId: dataViewId,
+                    fields: [],
+                    dataViewId: dataViewId
+                };
+            }
+            data[item.props.dataBind.dataCode].fields.push({
+                fieldCode: item.props.dataBind.fieldCode,
+                controlId: item.id,
+                dataBind: item.props.dataBind,
+                dataViewId: [
+                    dataViewId
+                ]
+            });
+        }
+    } else {
+        if (item.props.datasourceBind.dataCode === "") {
+            //敏捷依赖后端生成dataCode，预览的时候没有
+            warn("datasourceBind.dataCode is empty! maybe in preview mode, control:".concat(item.id, " type:").concat(item.type));
+            return;
+        }
+        data[item.props.datasourceBind.dataCode] = {
+            controlId: item.id,
+            fields: [],
+            dataViewId: dataViewId
+        };
+        var subtableId = item.id;
+        loopFormSchema(item.props.headers, function(item) {
+            if (_instanceof(item.props.dataBind, ObjectDataBind)) {
+                Object.keys(item.props.dataBind).map(function(key) {
+                    var dataBind = item.props.dataBind;
+                    var dataCode = dataBind[key].dataCode;
+                    data[dataCode].fields.push({
+                        fieldCode: dataBind[key].fieldCode,
+                        controlId: item.id,
+                        dataBind: dataBind,
+                        dataViewId: [
+                            dataViewId,
+                            subtableId
+                        ]
+                    });
+                });
+            } else {
+                data[item.props.dataBind.dataCode].fields.push({
+                    fieldCode: item.props.dataBind.fieldCode,
+                    controlId: item.id,
+                    dataBind: item.props.dataBind,
+                    dataViewId: [
+                        dataViewId,
+                        subtableId
+                    ]
+                });
+            }
+        });
+    }
+}
+function buildControlIdMapping(data, dataViewId, // @ts-ignore
+item) {
+    if (_instanceof(item, RuntimeFormControl)) {
+        data[item.id] = {
+            dataBind: item.props.dataBind,
+            options: [],
+            dataView: dataViewId
+        };
+    } else if (item.type === CONTROL_TYPE.SUBTABLE) {
+        data[item.id] = {
+            dataBind: new DataBind({
+                dataCode: item.props.datasourceBind.dataCode,
+                fieldCode: ""
+            }),
+            dataView: dataViewId,
+            children: {},
+            options: []
+        };
+        loopFormSchema(item.props.headers, function(formControl) {
+            var ref;
+            var ref1;
+            Object.assign((ref1 = (ref = data[item.id]) === null || ref === void 0 ? void 0 : ref.children) !== null && ref1 !== void 0 ? ref1 : {}, _defineProperty({}, formControl.id, {
+                dataBind: formControl.props.dataBind
+            }));
+        });
+    }
+}
+export { Store };