@byteluck-fe/model-driven-engine 2.3.1-beta.25 → 2.3.1-beta.27

package/dist/esm/common/Store.js

@@ -0,0 +1,377 @@
+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 _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 { DataBind, ObjectDataBind } from "@byteluck-fe/model-driven-core";
+import { loopFormSchema, JSONCopy, warn, CONTROL_TYPE, CONTROL_BASE_TYPE } from "@byteluck-fe/model-driven-shared";
+import { loopDataViewControl, loopFormControl, buildUUID } from "../utils/runtimeUtils";
+var Store = /*#__PURE__*/ function() {
+    "use strict";
+    function Store(props) {
+        _classCallCheck(this, Store);
+        _defineProperty(this, "emptyState", void 0);
+        _defineProperty(this, "state", void 0);
+        _defineProperty(this, "dataBindMapping", void 0 // 主要提供给二开使用
+        );
+        _defineProperty(this, "controlIdMapping", void 0);
+        var _init = init(props.instance), state = _init.state, emptyState = _init.emptyState, databindMapping = _init.databindMapping, controlidMapping = _init.controlidMapping;
+        this.emptyState = emptyState;
+        this.state = state;
+        this.dataBindMapping = databindMapping;
+        this.controlIdMapping = controlidMapping;
+    }
+    _createClass(Store, [
+        {
+            /**
+   * 使用该方法仅改变数据，不会表单触发事件。明细表可全量赋值也可根据rowIndex进行单独设置
+   * @param controlId 组件ID
+   * @param value
+   */ key: "setState",
+            value: 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 目前只找了一层明细表，没有递归 如果是添加uid
+                        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;
+                    }
+                }
+            }
+        },
+        {
+            key: "getState",
+            value: 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 _this_state_dataViewId_subtableId_rowIndex;
+                                            state = (_this_state_dataViewId_subtableId_rowIndex = _this.state[dataViewId][subtableId][rowIndex]) === null || _this_state_dataViewId_subtableId_rowIndex === void 0 ? void 0 : _this_state_dataViewId_subtableId_rowIndex[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;
+                        }
+                    }
+                }
+            }
+        },
+        {
+            key: "getEmptyState",
+            value: 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) {
+                        var state = this.emptyState[controlInfo.dataView][controlId];
+                        //判断找到的是否是明细表的控件
+                        if ("children" in controlInfo) {
+                            Object.assign(state, {
+                                uid: "new:" + buildUUID("uid")
+                            });
+                        }
+                        return state;
+                    } else {
+                        var state1;
+                        //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) {
+                                        state1 = _this.emptyState[dataViewId][subtableId][controlId];
+                                    }
+                                });
+                            }
+                        });
+                        return state1;
+                    }
+                }
+            }
+        },
+        {
+            key: "getDataBind",
+            value: 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 (item instanceof RuntimeFormControl) {
+    if (item.controlType === CONTROL_BASE_TYPE.FORM) {
+        // 2023-4-2 jiaqi 首次进入页面去除填充默认值
+        // 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 _item_props_defaultRows;
+        dataViewState[item.id] = new Array((_item_props_defaultRows = item.props.defaultRows) !== null && _item_props_defaultRows !== void 0 ? _item_props_defaultRows : 1).fill(0).map(function() {
+            return JSONCopy(emptyTemplate);
+        });
+        emptyDataViewState[item.id] = emptyTemplate;
+    }
+}
+function buildDataBindMapping(data, dataViewId, // @ts-ignore
+item) {
+    // if (item instanceof RuntimeFormControl) {
+    if (item.controlType === CONTROL_BASE_TYPE.FORM) {
+        var _item_props, _item_props_dataBind;
+        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 (((_item_props = item.props) === null || _item_props === void 0 ? void 0 : (_item_props_dataBind = _item_props.dataBind) === null || _item_props_dataBind === void 0 ? void 0 : _item_props_dataBind.dataCode) === undefined) {
+        //qiyu 2023-2-27 为空跳过。form自定义组件加载失败时，hack的组件props为空。
+        } 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 (item instanceof RuntimeFormControl) {
+    if (item.controlType === CONTROL_BASE_TYPE.FORM) {
+        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 _data_item_id;
+            var _data_item_id_children;
+            Object.assign((_data_item_id_children = (_data_item_id = data[item.id]) === null || _data_item_id === void 0 ? void 0 : _data_item_id.children) !== null && _data_item_id_children !== void 0 ? _data_item_id_children : {}, _defineProperty({}, formControl.id, {
+                dataBind: formControl.props.dataBind
+            }));
+        });
+    }
+}
+export { Store };