@byteluck-fe/model-driven-engine 2.23.0-beta.26-chrome86 → 2.23.0-beta.26-chrome86-2

package/dist/esm/common/Store.js

@@ -0,0 +1,443 @@
+function _class_call_check(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 _create_class(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+}
+function _define_property(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 _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+import { DataBind, isDataBind } 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) {
+        _class_call_check(this, Store);
+        _define_property(this, "emptyState", void 0);
+        _define_property(this, "state", void 0);
+        _define_property(this, "dataBindMapping", void 0); // 主要提供给二开使用
+        _define_property(this, "controlIdMapping", void 0);
+        _define_property(this, "subtableHeadersControlIdMapping", void 0);
+        _define_property(this, "defaultState", void 0);
+        var _init = init(props.instance), state = _init.state, emptyState = _init.emptyState, databindMapping = _init.databindMapping, controlidMapping = _init.controlidMapping, defaultState = _init.defaultState, subtableHeadersControlIdMapping = _init.subtableHeadersControlIdMapping;
+        this.emptyState = emptyState;
+        this.state = state;
+        this.dataBindMapping = databindMapping;
+        this.controlIdMapping = controlidMapping;
+        this.defaultState = defaultState;
+        this.subtableHeadersControlIdMapping = subtableHeadersControlIdMapping;
+    }
+    _create_class(Store, [
+        {
+            /**
+   * 使用该方法仅改变数据，不会表单触发事件。明细表可全量赋值也可根据rowIndex进行单独设置
+   * @param controlId 组件ID
+   * @param value
+   */ key: "setState",
+            value: function setState(controlId, value, rowIndex) {
+                var _this = this;
+                var controlInfo = this.controlIdMapping[controlId];
+                var noProxyValue = JSONCopy(value);
+                if (controlInfo !== undefined) {
+                    //明细表
+                    if (controlInfo.children) {
+                        ;
+                        value.forEach(function(item) {
+                            if (!item.uid) {
+                                Object.assign(item, {
+                                    uid: 'new:' + buildUUID('uid')
+                                });
+                            }
+                        });
+                    }
+                    //qiyu 按照对象赋值，Object.assign会触发多次key的change事件
+                    this.state[controlInfo.dataView][controlId] = noProxyValue;
+                // 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) {
+                                        if (_this.state[dataView][subtableId][rowIndex]) {
+                                            ;
+                                            _this.state[dataView][subtableId][rowIndex][controlId] = noProxyValue;
+                                        }
+                                    }
+                                });
+                            }
+                        });
+                    } else {
+                        //不存在的 controlId，直接被挂载到外部key
+                        this.state[controlId] = noProxyValue;
+                    }
+                }
+            }
+        },
+        {
+            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) {
+                        var data = this.state[controlInfo.dataView][controlId];
+                        var _controlInfo_children;
+                        // 只有明细表key，再通过rowIndex获取行数据
+                        if (rowIndex !== undefined && Object.keys((_controlInfo_children = controlInfo === null || controlInfo === void 0 ? void 0 : controlInfo.children) !== null && _controlInfo_children !== void 0 ? _controlInfo_children : {}).length > 0) {
+                            return data[rowIndex];
+                        } else {
+                            return data;
+                        }
+                    } 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 = {};
+    var subtableHeadersControlIdMapping = {};
+    var defaultState = {};
+    // 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);
+            buildSubtableHeadersControlIdMapping(subtableHeadersControlIdMapping, item);
+        });
+        state[dvId] = {};
+        defaultState[dvId] = dataViewState;
+        emptyState[dvId] = emptyDataViewState;
+    });
+    return {
+        state: state,
+        defaultState: defaultState,
+        subtableHeadersControlIdMapping: subtableHeadersControlIdMapping,
+        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, _fill_map;
+        dataViewState[item.id] = (_fill_map = new Array((_item_props_defaultRows = item.props.defaultRows) !== null && _item_props_defaultRows !== void 0 ? _item_props_defaultRows : 1).fill(0).map(function() {
+            return _object_spread({
+                uid: 'new:' + buildUUID('uid')
+            }, JSONCopy(emptyTemplate));
+        })) !== null && _fill_map !== void 0 ? _fill_map : [];
+        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_dataBind, _item_props;
+        // if (item.props.dataBind instanceof ObjectDataBind) {
+        if (!isDataBind(item.props.dataBind)) {
+            // 特殊的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 (item.props.dataBind instanceof ObjectDataBind) {
+            if (!isDataBind(item.props.dataBind)) {
+                Object.keys(item.props.dataBind).map(function(key) {
+                    var dataBind = item.props.dataBind;
+                    var dataCode = dataBind[key].dataCode;
+                    if (dataBind[key].fieldCode !== '') {
+                        data[dataCode].fields.push({
+                            fieldCode: dataBind[key].fieldCode,
+                            controlId: item.id,
+                            dataBind: dataBind,
+                            dataViewId: [
+                                dataViewId,
+                                subtableId
+                            ]
+                        });
+                    }
+                });
+            } 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,
+                        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 : {}, _define_property({}, formControl.id, {
+                dataBind: formControl.props.dataBind
+            }));
+        });
+    }
+}
+function buildSubtableHeadersControlIdMapping(data, // @ts-ignore
+item) {
+    if (item.type === CONTROL_TYPE.SUBTABLE) {
+        var headersInstances = {};
+        item.props.headers.map(// @ts-ignore
+        function(item) {
+            item.children.map(function(item) {
+                Object.assign(headersInstances, _define_property({}, item.id, item));
+            });
+        });
+        Object.assign(data, _define_property({}, item.id, headersInstances));
+    }
+}
+export { Store };