@byteluck-fe/model-driven-engine 4.37.0-lx2 → 5.3.0-1-beta2

package/dist/esm/common/Store.js

@@ -68,10 +68,10 @@ var Store = /*#__PURE__*/ function() {
     }
     _create_class(Store, [
         {
-            /**
-   * 使用该方法仅改变数据，不会表单触发事件。明细表可全量赋值也可根据rowIndex进行单独设置
-   * @param controlId 组件ID
-   * @param value
+            /**
+   * 使用该方法仅改变数据，不会表单触发事件。明细表可全量赋值也可根据rowIndex进行单独设置
+   * @param controlId 组件ID
+   * @param value
    */ key: "setState",
             value: function setState(controlId, value, rowIndex) {
                 var _this = this;
@@ -366,15 +366,17 @@ item) {
                 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
-                        ]
-                    });
+                    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) {

package/dist/esm/common/checkerValue.js

@@ -530,7 +530,7 @@ var ValueCheckerFactory = /*#__PURE__*/ function() {
                     case FieldTypes.VARCHAR:
                     case FieldTypes.TIMESTAMP:
                     case FieldTypes.TEXT:
-                    case FieldTypes.RELATION:
+                    // case FieldTypes.RELATION:
                     case FieldTypes.AUTO_NUMBER:
                         checker = new StringValueChecker();
                         break;

package/dist/esm/common/proxyState.js

@@ -28,7 +28,7 @@ function _unsupported_iterable_to_array(o, minLen) {
     if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
 }
 var cc = console;
-import { error, logerror, JSONCopy } from '@byteluck-fe/model-driven-shared';
+import { CONTROL_BASE_TYPE, error, logerror, JSONCopy } from '@byteluck-fe/model-driven-shared';
 var proxyArrayApi = [
     'splice',
     'push',
@@ -105,11 +105,11 @@ function ArrayHandler(target, propertyKey, value, thisKey, callback) {
         }
     }
 }
-/**
- * 返回proxy操作对象
- * @param thisKey 当前对象在上级中的key
- * @param callback 需要在修改的时候，触发的回调函数
- * @param beforeSetCallback 需要在修改之前触发的回调函数，可以进行校验和对值的修改等等，最终的返回值不为undefined就会使用
+/**
+ * 返回proxy操作对象
+ * @param thisKey 当前对象在上级中的key
+ * @param callback 需要在修改的时候，触发的回调函数
+ * @param beforeSetCallback 需要在修改之前触发的回调函数，可以进行校验和对值的修改等等，最终的返回值不为undefined就会使用
  * */ function handler(thisKey, callback, beforeSetCallback) {
     return {
         __engineProxy__: true,
@@ -183,12 +183,12 @@ function ArrayHandler(target, propertyKey, value, thisKey, callback) {
         }
     };
 }
-/**
- * 代理state数据
- * @param state 数据对象
- * @param callback 触发set时候的回调函数
- * @param beforeSetCallback
- * @param prevKey 递归对象的key
+/**
+ * 代理state数据
+ * @param state 数据对象
+ * @param callback 触发set时候的回调函数
+ * @param beforeSetCallback
+ * @param prevKey 递归对象的key
  * */ export function proxyState(state, callback, beforeSetCallback) {
     var prevKey = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : '';
     // 冻结的对象不需要再执行proxy，否则会报错
@@ -216,37 +216,44 @@ function flatInstanceForChildren(controls) {
     });
     return result;
 }
-/**
- * 在flatInstance中通过key查找出对应的instance
- * @param flatInstance 拍平的instance数组
- * @param key 操作的数据在state的key - 可以是深层次的 subtable.0.input等
- * */ export function findItem(key, engine) {
-    if (key === '') return {
-        instance: undefined,
-        rowIndex: undefined
-    };
+/**
+ * 在flatInstance中通过key查找出对应的instance
+ * @param flatInstance 拍平的instance数组
+ * @param key 操作的数据在state的key - 可以是深层次的 subtable.0.input等
+ * */ export function findItem(flatInstance, key, instanceMap) {
+    if (key === '') return undefined;
     var keys = key.split('.');
-    if (keys.length === 0) return {
-        instance: undefined,
-        rowIndex: undefined
-    };
-    var instanceIndex = keys.filter(function(item) {
-        return !isNaN(item);
-    }).at(-1);
-    var findKeyIndex = instanceIndex ? keys.lastIndexOf(instanceIndex) : -1;
-    var rowIndex;
-    var controlId;
-    if (findKeyIndex > -1) {
-        rowIndex = Number(keys[findKeyIndex]);
-        controlId = keys === null || keys === void 0 ? void 0 : keys[findKeyIndex + 1];
-    } else {
-        controlId = keys[1];
-    }
-    var proxyInstance = engine.getInstance(controlId, rowIndex);
-    return {
-        instance: proxyInstance,
-        rowIndex: rowIndex
-    };
+    if (keys.length === 0) return undefined;
+    var oneKey = keys[0];
+    var otherKeys = keys.slice(1);
+    // 3.4.1 优化速度，读取instanceMap
+    // cc.time('findItem flatInstance find')
+    // const initInstance = flatInstance.find((item) => item.id === oneKey)
+    // cc.log('🏠 findItem flatInstance find result', initInstance)
+    // cc.timeEnd('findItem flatInstance find')
+    // cc.time('findItem instanceMap match')
+    var initInstance = instanceMap[oneKey] ? instanceMap[oneKey][0] : undefined;
+    // cc.log('🏠 findItem instanceMap match result', initInstance)
+    // cc.timeEnd('findItem instanceMap match')
+    if (otherKeys.length === 0) return initInstance;
+    // @ts-ignore
+    return otherKeys.reduce(function(prevItem, key) {
+        var index = Number(key);
+        var isNotIndex = Number.isNaN(index);
+        if (isNotIndex && prevItem) {
+            var flatChildren = (prevItem === null || prevItem === void 0 ? void 0 : prevItem.children) ? flatInstanceForChildren(prevItem.children) : undefined;
+            var findEndItem = flatChildren === null || flatChildren === void 0 ? void 0 : flatChildren.find(function(item) {
+                return item.id === key;
+            });
+            // 最后一个key可能是值对象上边的key，比如金额的amount和currency，计算公式的result和unit，所以需要判断前一个控件是不是一个表单控件，是的话就返回最后一个表单控件
+            return findEndItem ? findEndItem : prevItem.controlType === CONTROL_BASE_TYPE.FORM ? prevItem : undefined;
+        } else {
+            var _prevItem_children;
+            var _prevItem_children_index;
+            // 如果有children，则取children中对应的下标，没有的话一直返回prevItem
+            return (_prevItem_children_index = prevItem === null || prevItem === void 0 ? void 0 : (_prevItem_children = prevItem.children) === null || _prevItem_children === void 0 ? void 0 : _prevItem_children[index]) !== null && _prevItem_children_index !== void 0 ? _prevItem_children_index : prevItem;
+        }
+    }, initInstance);
 }
 function getArrayNewValue(type, args) {
     if ([
@@ -269,9 +276,9 @@ function getArrayNewArgs(type, args, value) {
         return args.slice(0, 2).concat(value);
     }
 }
-/**
- * TODO 数组劫持操作需要模仿vue3进行重构，不再直接劫持原生property
- * 劫持数组api，达到操作数组api的时候，可以同步操作instance
+/**
+ * TODO 数组劫持操作需要模仿vue3进行重构，不再直接劫持原生property
+ * 劫持数组api，达到操作数组api的时候，可以同步操作instance
  * */ function hijackArrayProperty() {
     proxyArrayApi.forEach(function(key) {
         var oldApiHandler = Array.prototype[key];

package/dist/esm/plugins/CalcPlugin.js

@@ -62,11 +62,11 @@ function _unsupported_iterable_to_array(o, minLen) {
 import { CONTROL_TYPE, CALC_TOKEN_TYPE, CALC_AGGREGATE_TYPE } from '@byteluck-fe/model-driven-shared';
 import { format } from 'mathjs';
 var DisplayType = /*#__PURE__*/ function(DisplayType) {
-    /**
-   * 完全等于
+    /**
+   * 完全等于
    */ DisplayType["EQ"] = "EQ";
-    /**
-   * 包含
+    /**
+   * 包含
    * */ DisplayType["IN"] = "IN";
     return DisplayType;
 }(DisplayType || {});
@@ -76,16 +76,16 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         _class_call_check(this, CalcPlugin);
         _define_property(this, "engine", void 0);
         _define_property(this, "options", void 0);
-        /**
-   * 所有的计算公式控件
+        /**
+   * 所有的计算公式控件
    * */ // @ts-ignore
         _define_property(this, "calcControls", []);
-        /**
-   * key=控件id  value=控件修改后需要触发重新计算的计算公式控件组成的数组
-   * 存储为一个Map，用于在控件change的时候，重新计算依赖的calc
+        /**
+   * key=控件id  value=控件修改后需要触发重新计算的计算公式控件组成的数组
+   * 存储为一个Map，用于在控件change的时候，重新计算依赖的calc
    * */ _define_property(this, "dependenciesTriggerMap", new Map());
-        /**
-   * 隐藏以后需要被计算的控件
+        /**
+   * 隐藏以后需要被计算的控件
    * */ _define_property(this, "hideNotRememberControlIds", []);
         _define_property(this, "dontHasPermissionControlIds", []);
         _define_property(this, "cacheComputedResult", {});
@@ -96,8 +96,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
     _create_class(CalcPlugin, [
         {
             key: "getNeedHideRememberControlIds",
-            value: /**
-   * @description 获取显隐控制的需要被记住值的控件id
+            value: /**
+   * @description 获取显隐控制的需要被记住值的控件id
    * */ function getNeedHideRememberControlIds() {
                 var _this_options;
                 if (!((_this_options = this.options) === null || _this_options === void 0 ? void 0 : _this_options.displayBoList)) {
@@ -114,8 +114,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "getDontHasPermissionControlIds",
-            value: /**
-   * @description 获取权限控制的隐藏的字段，不需要参与计算
+            value: /**
+   * @description 获取权限控制的隐藏的字段，不需要参与计算
    * */ function getDontHasPermissionControlIds() {
                 var _this_options;
                 if (!((_this_options = this.options) === null || _this_options === void 0 ? void 0 : _this_options.behavior)) {
@@ -131,9 +131,9 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "controlNeedComputedValue",
-            value: /**
-   * @description 判断控件是否需要被计算
-   * @param control 控件
+            value: /**
+   * @description 判断控件是否需要被计算
+   * @param control 控件
    * */ function controlNeedComputedValue(control) {
                 if (!control) {
                     return false;
@@ -153,9 +153,9 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "getControlIsHide",
-            value: /**
-   * @description 获取控件是否被隐藏
-   * @param control 控件
+            value: /**
+   * @description 获取控件是否被隐藏
+   * @param control 控件
    * */ function getControlIsHide(control) {
                 if (control.props.isHide) {
                     return true;
@@ -184,8 +184,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "resetDependencies",
-            value: /**
-   * @description 重置依赖，获取所有的计算公式控件，并根据计算公式获取控件依赖关系
+            value: /**
+   * @description 重置依赖，获取所有的计算公式控件，并根据计算公式获取控件依赖关系
    * */ function resetDependencies() {
                 this.calcControls = [];
                 this.dependenciesTriggerMap.clear();
@@ -195,8 +195,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "allCalcControlComputed",
-            value: /**
-   * @description 执行所有计算公式控件的计算
+            value: /**
+   * @description 执行所有计算公式控件的计算
    * */ function allCalcControlComputed() {
                 var _this = this;
                 this.calcControls.forEach(function(item) {
@@ -210,8 +210,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "getAllCalcControl",
-            value: /**
-   * @description 获取所有的计算公式控件
+            value: /**
+   * @description 获取所有的计算公式控件
    * */ function getAllCalcControl() {
                 this.calcControls = this.engine.runtime.flatInstances.filter(// @ts-ignore
                 function(item) {
@@ -221,8 +221,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "getCalcDependencies",
-            value: /**
-   * @description 获取计算公式控件依赖，组成 依赖=>[计算公式] 的Map结构
+            value: /**
+   * @description 获取计算公式控件依赖，组成 依赖=>[计算公式] 的Map结构
    * */ function getCalcDependencies() {
                 var _this = this;
                 this.calcControls.forEach(function(item) {
@@ -274,8 +274,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "watchSchemaHideChange",
-            value: /**
-   * @description 监听控件的显隐事件，把显隐会影响的控件触发一遍计算
+            value: /**
+   * @description 监听控件的显隐事件，把显隐会影响的控件触发一遍计算
    * */ function watchSchemaHideChange() {
                 var _this = this;
                 this.engine.on('schema-change', function(payload) {
@@ -291,8 +291,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "watchSubtableChange",
-            value: /**
-   * @description 监听明细子表的change事件，把明细表会影响的控件触发一遍计算
+            value: /**
+   * @description 监听明细子表的change事件，把明细表会影响的控件触发一遍计算
    * */ function watchSubtableChange() {
                 var _this = this;
                 this.engine.on('list-change', function(payload) {
@@ -319,8 +319,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "watchControlChange",
-            value: /**
-   * @description 监听控件的change事件，当控件change的时候，取到控件会影响的计算公式，然后执行对应的计算
+            value: /**
+   * @description 监听控件的change事件，当控件change的时候，取到控件会影响的计算公式，然后执行对应的计算
    * */ function watchControlChange() {
                 var _this = this;
                 this.engine.on('change', function(payload) {
@@ -355,8 +355,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "controlInSubtable",
-            value: /**
-   * @description 控件在明细子表内
+            value: /**
+   * @description 控件在明细子表内
    * */ function controlInSubtable(control) {
                 var _control_parent;
                 return ((_control_parent = control.parent) === null || _control_parent === void 0 ? void 0 : _control_parent.type) === CONTROL_TYPE.SUBTABLE_COLUMN;
@@ -364,8 +364,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "computedCalcValue",
-            value: /**
-   * @description 执行计算公式的计算
+            value: /**
+   * @description 执行计算公式的计算
    * */ // @ts-ignore
             function computedCalcValue(control) {
                 var _this = this;
@@ -455,8 +455,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "getNumberValue",
-            value: /**
-   * @description 获取数字值，因为计算公式可以依赖计算公式和金额，所以需要从value中取到对应的值
+            value: /**
+   * @description 获取数字值，因为计算公式可以依赖计算公式和金额，所以需要从value中取到对应的值
    * */ function getNumberValue(value) {
                 if ((typeof value === "undefined" ? "undefined" : _type_of(value)) === 'object' && value) {
                     if ('result' in value) {
@@ -473,8 +473,8 @@ export var CalcPlugin = /*#__PURE__*/ function() {
         },
         {
             key: "getAggregateTypeValue",
-            value: /**
-   * 计算明细子表最大值最小值平均值总和
+            value: /**
+   * 计算明细子表最大值最小值平均值总和
    * */ function getAggregateTypeValue(values, type) {
                 if (!type || !values || !values.length) return 0;
                 switch(type){

package/dist/esm/plugins/ControlsEventPlugin.js

@@ -156,11 +156,13 @@ import { EventLogic } from '@byteluck-fe/model-driven-shared';
 // }
 export var ControlsEventPlugin = /*#__PURE__*/ function() {
     "use strict";
-    function ControlsEventPlugin(config) {
+    function ControlsEventPlugin(config, customEvents) {
         _class_call_check(this, ControlsEventPlugin);
         _define_property(this, "config", void 0);
         _define_property(this, "engine", void 0);
+        _define_property(this, "customEvents", void 0);
         this.config = config;
+        this.customEvents = customEvents;
     }
     _create_class(ControlsEventPlugin, [
         {
@@ -197,6 +199,14 @@ export var ControlsEventPlugin = /*#__PURE__*/ function() {
                         _this.engineAddEventListener(eventItem.code, eventItem.key);
                     }
                 });
+                //注册自定义组件事件
+                this.customEvents.map(function(item) {
+                    var key = item.key;
+                    if (item.namespace !== undefined && item.namespace !== null && item.namespace !== '') {
+                        key = item.namespace + ':' + item.key;
+                    }
+                    _this.engineAddEventListener(key, key);
+                });
             }
         },
         {

package/dist/esm/plugins/StylePlugin.js

@@ -1,9 +1,9 @@
-/*
- * @Author: zhaoxiaoyang zhaoxiaoyang@byteluck.com
- * @Date: 2022-04-15 14:06:03
- * @LastEditors: zhaoxiaoyang zhaoxiaoyang@byteluck.com
- * @LastEditTime: 2023-11-30 16:38:47
- * @FilePath: /model-driven/packages/engine/src/plugins/StylePlugin.ts
+/*
+ * @Author: zhaoxiaoyang zhaoxiaoyang@byteluck.com
+ * @Date: 2022-04-15 14:06:03
+ * @LastEditors: SuperLuckyqi
+ * @LastEditTime: 2024-11-08 11:17:53
+ * @FilePath: /model-driven/packages/engine/src/plugins/StylePlugin.ts
  */ function _class_call_check(instance, Constructor) {
     if (!(instance instanceof Constructor)) {
         throw new TypeError("Cannot call a class as a function");
@@ -36,13 +36,19 @@ function _define_property(obj, key, value) {
     }
     return obj;
 }
+import postcss from 'postcss';
+import prefixSelector from 'postcss-prefix-selector';
+import postcssNested from 'postcss-nested';
 export var StylePlugin = /*#__PURE__*/ function() {
     "use strict";
     function StylePlugin(config) {
+        var isPC = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true;
         _class_call_check(this, StylePlugin);
         _define_property(this, "config", void 0);
         _define_property(this, "engine", void 0);
+        _define_property(this, "isPc", void 0);
         this.config = config;
+        this.isPc = isPC;
     }
     _create_class(StylePlugin, [
         {
@@ -53,11 +59,27 @@ export var StylePlugin = /*#__PURE__*/ function() {
                 var _this_config_source;
                 var compiledStyle = (_this_config_source = (_this_config = this.config) === null || _this_config === void 0 ? void 0 : _this_config.source) !== null && _this_config_source !== void 0 ? _this_config_source : '';
                 var style = document.createElement('style');
-                style.className = 'edit-css';
-                style.type = 'text/css';
-                style.innerHTML = compiledStyle;
+                style.className = 'edit-css-' + engine.id;
                 var dom = document.querySelector('head');
-                dom.appendChild(style);
+                dom === null || dom === void 0 ? void 0 : dom.appendChild(style);
+                var plugins = [
+                    postcssNested()
+                ];
+                if (this.isPc) {
+                    var _this_engine;
+                    plugins.push(prefixSelector({
+                        prefix: ".render-engine-".concat((_this_engine = this.engine) === null || _this_engine === void 0 ? void 0 : _this_engine.id),
+                        // 明确将前缀通过空格连接到每个选择器，避免重复前缀
+                        transform: function transform(prefix, selector) {
+                            if (selector.startsWith(prefix)) return selector;
+                            return "".concat(prefix, " ").concat(selector);
+                        }
+                    }));
+                }
+                var cssStyleText = postcss(plugins).process(compiledStyle, {
+                    from: undefined
+                }).css;
+                style.appendChild(document.createTextNode(cssStyleText));
             }
         }
     ]);

package/dist/esm/utils/runtimeUtils.js

@@ -6,7 +6,8 @@ export function loopFormControl(control, callback) {
     if (Array.isArray(control)) {
         control.map(function(item) {
             //TODO 此处需要再抽象一层 datagrid/datalist
-            if (item.type === CONTROL_TYPE.SUBTABLE) {
+            // if (item.type === CONTROL_TYPE.SUBTABLE) {
+            if (item.controlType === CONTROL_BASE_TYPE.LIST) {
                 // @ts-ignore
                 var children = []//item.getChildrenFormControl() as RuntimeFormControl[]
                 ;