@bit-sun/business-component 4.2.1-alpha.17-aiwei → 4.2.1-alpha.18-aiwei

package/dist/index.esm.js

@@ -38348,6 +38348,18 @@ function RenderCompItem(props) {
 }
 
 var RangePicker$2 = DatePicker.RangePicker;
+var FIXED_DATA_TYPES = {
+  10: '字符串',
+  20: '短整数',
+  21: '长整数',
+  22: '小数',
+  40: '数组',
+  41: '布尔值',
+  12: '富文本',
+  30: '日期',
+  31: '时间',
+  32: '日期时间'
+};
 var RuleObjectComponent = /*#__PURE__*/function (_Component) {
   function RuleObjectComponent(props) {
     var _this;
@@ -38391,6 +38403,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
               value: element.id,
               id: element.id,
               dataTypeCode: element.valueType,
+              entityValueType: element.entityValueType,
+              entityInputType: element.entityInputType,
               dataChoiceBusinessType: element.choiceType,
               dataInputBusinessType: element.inputType,
               info: element.info,
@@ -38412,6 +38426,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           metaObjectCode: _this.props.metaObjectCode || item.code
         }, item), {}, {
           dataTypeCode: item.valueType,
+          entityValueType: item.entityValueType,
+          entityInputType: item.entityInputType,
           dataChoiceBusinessType: item.choiceType,
           dataInputBusinessType: item.inputType
         }));
@@ -38445,6 +38461,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           value: element.id,
           id: element.id,
           dataTypeCode: element.valueType,
+          entityValueType: element.entityValueType,
+          entityInputType: element.entityInputType,
           dataChoiceBusinessType: element.choiceType,
           dataInputBusinessType: element.inputType,
           info: element.info,
@@ -38814,7 +38832,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
         initialThresholdQuery = _this$props3$initialT === void 0 ? {} : _this$props3$initialT,
         disabled = _this$props3.disabled,
         systemVariableList = _this$props3.systemVariableList,
-        needShowInsertSQL = _this$props3.needShowInsertSQL;
+        needShowInsertSQL = _this$props3.needShowInsertSQL,
+        needShowReqCondition = _this$props3.needShowReqCondition;
       var thresholdQuery = _objectSpread2(_objectSpread2({}, initialThresholdQuery), relateDatas);
       var finalIndex = floorIndex + 1;
       var queryIdentify = '';
@@ -38905,6 +38924,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           itemDetail.elementId = nodeInfo.triggerNode.props.id;
           itemDetail.elementName = nodeInfo.triggerNode.props.title;
           itemDetail.dataTypeCode = nodeInfo.triggerNode.props.dataTypeCode;
+          itemDetail.entityValueType = nodeInfo.triggerNode.props.entityValueType;
+          itemDetail.entityInputType = nodeInfo.triggerNode.props.entityInputType;
           itemDetail.metaObjectCode = nodeInfo.triggerNode.props.metaObjectCode;
           itemDetail.isInsertParam = false;
           if (needShowInsertSQL) {
@@ -39091,7 +39112,98 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           fontSize: '14px',
           marginRight: '5px'
         }
-      }), "\u6DFB\u52A0\u6761\u4EF6"))));
+      }), "\u6DFB\u52A0\u6761\u4EF6"), needShowReqCondition && /*#__PURE__*/React$1.createElement("span", {
+        style: {
+          marginLeft: 10
+        }
+      }, /*#__PURE__*/React$1.createElement(Button, {
+        type: "link",
+        style: {
+          padding: 0,
+          height: 'auto'
+        },
+        onClick: function onClick() {
+          return _this.handleReqConditionToggle(itemDetail);
+        }
+      }, itemDetail.isReqCondition ? '取消参数条件控制' : '参数条件控制')), itemDetail.isReqCondition && itemDetail.reqConditionData && /*#__PURE__*/React$1.createElement("div", {
+        style: {
+          marginTop: 10,
+          display: 'flex',
+          alignItems: 'center',
+          background: '#f5f5f5',
+          padding: '10px',
+          borderRadius: '4px'
+        }
+      }, /*#__PURE__*/React$1.createElement("span", {
+        style: {
+          marginRight: 8,
+          flexShrink: 0
+        }
+      }, "\u8BF7\u6C42\u53C2\u6570\u540D\u79F0:"), /*#__PURE__*/React$1.createElement(Input, {
+        style: {
+          width: 150,
+          marginRight: 10
+        },
+        value: itemDetail.reqConditionData.reqParamName,
+        onChange: function onChange(e) {
+          return _this.handleReqDataChange(itemDetail, 'reqParamName', e.target.value);
+        }
+      }), /*#__PURE__*/React$1.createElement("span", {
+        style: {
+          marginRight: 8,
+          flexShrink: 0
+        }
+      }, "\u7C7B\u578B:"), /*#__PURE__*/React$1.createElement(Select, {
+        style: {
+          width: 120,
+          marginRight: 10
+        },
+        value: itemDetail.reqConditionData.dataTypeCode,
+        onChange: function onChange(val) {
+          return _this.handleReqDataChange(itemDetail, 'dataTypeCode', val);
+        }
+      }, Object.keys(FIXED_DATA_TYPES).map(function (code) {
+        return /*#__PURE__*/React$1.createElement(Select.Option, {
+          key: code,
+          value: code
+        }, FIXED_DATA_TYPES[code]);
+      })), /*#__PURE__*/React$1.createElement(Select, {
+        style: {
+          width: 120,
+          marginRight: 10
+        },
+        value: itemDetail.reqConditionData.operationCode,
+        onChange: function onChange(val) {
+          return _this.handleReqDataChange(itemDetail, 'operationCode', val);
+        }
+      }, [{
+        'code': 'eq',
+        'name': '等于'
+      }, {
+        'code': 'cn',
+        'name': '包含'
+      }, {
+        code: 'gt',
+        name: '大于'
+      }, {
+        code: 'lt',
+        name: '小于'
+      }].map(function (op) {
+        return /*#__PURE__*/React$1.createElement(Select.Option, {
+          key: op.code,
+          value: op.code
+        }, op.name);
+      })), /*#__PURE__*/React$1.createElement(RuleField, {
+        customerWidth: '180px',
+        selectOperation: itemDetail.reqConditionData.operationCode,
+        dataTypeCode: itemDetail.reqConditionData.dataTypeCode,
+        values: itemDetail.reqConditionData.params || [],
+        valueNames: itemDetail.reqConditionData.paramNames || [],
+        callback: function callback(newValues, newValueNames) {
+          return _this.handleReqDataChange(itemDetail, 'params', newValues, newValueNames);
+        },
+        disabled: disabled
+      })))));
     };
     _this.handleEditExtraInfoResponse = function (code, val, parentDetail, classDataIndex, key) {
       var ruleClassData = _this.state.ruleClassData;
@@ -39407,6 +39519,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
       delete itemDetail.params;
       delete itemDetail.paramNames;
       delete itemDetail.dataTypeCode;
+      delete itemDetail.entityValueType;
+      delete itemDetail.entityInputType;
       delete itemDetail.elementId;
       delete itemDetail.elementName;
       delete itemDetail.metaObjectCode;
@@ -39457,6 +39571,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
             parentDetail.elementId = parentDetail.subExpression[0].elementId;
             parentDetail.elementName = parentDetail.subExpression[0].elementName;
             parentDetail.dataTypeCode = parentDetail.subExpression[0].dataTypeCode;
+            parentDetail.entityValueType = parentDetail.subExpression[0].entityValueType;
+            parentDetail.entityInputType = parentDetail.subExpression[0].entityInputType;
             delete parentDetail.subExpression;
           }
         }
@@ -39530,6 +39646,51 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
         callBack(ruleClassData);
       });
     };
+    _this.handleReqConditionToggle = function (itemDetail) {
+      var ruleClassData = _this.state.ruleClassData;
+      var callBack = _this.props.callBack;
+      itemDetail.isReqCondition = !itemDetail.isReqCondition;
+      if (itemDetail.isReqCondition && !itemDetail.reqConditionData) {
+        itemDetail.reqConditionData = {
+          operationType: 'relation',
+          dataTypeCode: '21',
+          operationCode: '',
+          reqParamName: '',
+          params: [],
+          paramNames: []
+        };
+      }
+      _this.setState({
+        ruleClassData: ruleClassData
+      }, function () {
+        callBack(ruleClassData);
+      });
+    };
+    _this.handleReqDataChange = function (itemDetail, field, value, valueNames) {
+      var ruleClassData = _this.state.ruleClassData;
+      var callBack = _this.props.callBack;
+      if (!itemDetail.reqConditionData) return;
+      if (field === 'dataTypeCode') {
+        itemDetail.reqConditionData.dataTypeCode = value;
+        itemDetail.reqConditionData.operationCode = '';
+        itemDetail.reqConditionData.params = [];
+        itemDetail.reqConditionData.paramNames = [];
+      } else if (field === 'operationCode') {
+        itemDetail.reqConditionData.operationCode = value;
+      } else if (field === 'reqParamName') {
+        itemDetail.reqConditionData.reqParamName = value;
+      } else if (field === 'params') {
+        itemDetail.reqConditionData.params = value;
+        if (valueNames) {
+          itemDetail.reqConditionData.paramNames = valueNames;
+        }
+      }
+      _this.setState({
+        ruleClassData: ruleClassData
+      }, function () {
+        callBack(ruleClassData);
+      });
+    };
     _this.state = {
       editNameIndex: 0,
       isEdit: false,

package/dist/index.js

@@ -38371,6 +38371,18 @@ function RenderCompItem(props) {
 }
 
 var RangePicker$2 = antd.DatePicker.RangePicker;
+var FIXED_DATA_TYPES = {
+  10: '字符串',
+  20: '短整数',
+  21: '长整数',
+  22: '小数',
+  40: '数组',
+  41: '布尔值',
+  12: '富文本',
+  30: '日期',
+  31: '时间',
+  32: '日期时间'
+};
 var RuleObjectComponent = /*#__PURE__*/function (_Component) {
   function RuleObjectComponent(props) {
     var _this;
@@ -38414,6 +38426,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
               value: element.id,
               id: element.id,
               dataTypeCode: element.valueType,
+              entityValueType: element.entityValueType,
+              entityInputType: element.entityInputType,
               dataChoiceBusinessType: element.choiceType,
               dataInputBusinessType: element.inputType,
               info: element.info,
@@ -38435,6 +38449,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           metaObjectCode: _this.props.metaObjectCode || item.code
         }, item), {}, {
           dataTypeCode: item.valueType,
+          entityValueType: item.entityValueType,
+          entityInputType: item.entityInputType,
           dataChoiceBusinessType: item.choiceType,
           dataInputBusinessType: item.inputType
         }));
@@ -38468,6 +38484,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           value: element.id,
           id: element.id,
           dataTypeCode: element.valueType,
+          entityValueType: element.entityValueType,
+          entityInputType: element.entityInputType,
           dataChoiceBusinessType: element.choiceType,
           dataInputBusinessType: element.inputType,
           info: element.info,
@@ -38837,7 +38855,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
         initialThresholdQuery = _this$props3$initialT === void 0 ? {} : _this$props3$initialT,
         disabled = _this$props3.disabled,
         systemVariableList = _this$props3.systemVariableList,
-        needShowInsertSQL = _this$props3.needShowInsertSQL;
+        needShowInsertSQL = _this$props3.needShowInsertSQL,
+        needShowReqCondition = _this$props3.needShowReqCondition;
       var thresholdQuery = _objectSpread2(_objectSpread2({}, initialThresholdQuery), relateDatas);
       var finalIndex = floorIndex + 1;
       var queryIdentify = '';
@@ -38928,6 +38947,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           itemDetail.elementId = nodeInfo.triggerNode.props.id;
           itemDetail.elementName = nodeInfo.triggerNode.props.title;
           itemDetail.dataTypeCode = nodeInfo.triggerNode.props.dataTypeCode;
+          itemDetail.entityValueType = nodeInfo.triggerNode.props.entityValueType;
+          itemDetail.entityInputType = nodeInfo.triggerNode.props.entityInputType;
           itemDetail.metaObjectCode = nodeInfo.triggerNode.props.metaObjectCode;
           itemDetail.isInsertParam = false;
           if (needShowInsertSQL) {
@@ -39114,7 +39135,98 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
           fontSize: '14px',
           marginRight: '5px'
         }
-      }), "\u6DFB\u52A0\u6761\u4EF6"))));
+      }), "\u6DFB\u52A0\u6761\u4EF6"), needShowReqCondition && /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          marginLeft: 10
+        }
+      }, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
+        type: "link",
+        style: {
+          padding: 0,
+          height: 'auto'
+        },
+        onClick: function onClick() {
+          return _this.handleReqConditionToggle(itemDetail);
+        }
+      }, itemDetail.isReqCondition ? '取消参数条件控制' : '参数条件控制')), itemDetail.isReqCondition && itemDetail.reqConditionData && /*#__PURE__*/React__default['default'].createElement("div", {
+        style: {
+          marginTop: 10,
+          display: 'flex',
+          alignItems: 'center',
+          background: '#f5f5f5',
+          padding: '10px',
+          borderRadius: '4px'
+        }
+      }, /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          marginRight: 8,
+          flexShrink: 0
+        }
+      }, "\u8BF7\u6C42\u53C2\u6570\u540D\u79F0:"), /*#__PURE__*/React__default['default'].createElement(antd.Input, {
+        style: {
+          width: 150,
+          marginRight: 10
+        },
+        value: itemDetail.reqConditionData.reqParamName,
+        onChange: function onChange(e) {
+          return _this.handleReqDataChange(itemDetail, 'reqParamName', e.target.value);
+        }
+      }), /*#__PURE__*/React__default['default'].createElement("span", {
+        style: {
+          marginRight: 8,
+          flexShrink: 0
+        }
+      }, "\u7C7B\u578B:"), /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+        style: {
+          width: 120,
+          marginRight: 10
+        },
+        value: itemDetail.reqConditionData.dataTypeCode,
+        onChange: function onChange(val) {
+          return _this.handleReqDataChange(itemDetail, 'dataTypeCode', val);
+        }
+      }, Object.keys(FIXED_DATA_TYPES).map(function (code) {
+        return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
+          key: code,
+          value: code
+        }, FIXED_DATA_TYPES[code]);
+      })), /*#__PURE__*/React__default['default'].createElement(antd.Select, {
+        style: {
+          width: 120,
+          marginRight: 10
+        },
+        value: itemDetail.reqConditionData.operationCode,
+        onChange: function onChange(val) {
+          return _this.handleReqDataChange(itemDetail, 'operationCode', val);
+        }
+      }, [{
+        'code': 'eq',
+        'name': '等于'
+      }, {
+        'code': 'cn',
+        'name': '包含'
+      }, {
+        code: 'gt',
+        name: '大于'
+      }, {
+        code: 'lt',
+        name: '小于'
+      }].map(function (op) {
+        return /*#__PURE__*/React__default['default'].createElement(antd.Select.Option, {
+          key: op.code,
+          value: op.code
+        }, op.name);
+      })), /*#__PURE__*/React__default['default'].createElement(RuleField, {
+        customerWidth: '180px',
+        selectOperation: itemDetail.reqConditionData.operationCode,
+        dataTypeCode: itemDetail.reqConditionData.dataTypeCode,
+        values: itemDetail.reqConditionData.params || [],
+        valueNames: itemDetail.reqConditionData.paramNames || [],
+        callback: function callback(newValues, newValueNames) {
+          return _this.handleReqDataChange(itemDetail, 'params', newValues, newValueNames);
+        },
+        disabled: disabled
+      })))));
     };
     _this.handleEditExtraInfoResponse = function (code, val, parentDetail, classDataIndex, key) {
       var ruleClassData = _this.state.ruleClassData;
@@ -39430,6 +39542,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
       delete itemDetail.params;
       delete itemDetail.paramNames;
       delete itemDetail.dataTypeCode;
+      delete itemDetail.entityValueType;
+      delete itemDetail.entityInputType;
       delete itemDetail.elementId;
       delete itemDetail.elementName;
       delete itemDetail.metaObjectCode;
@@ -39480,6 +39594,8 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
             parentDetail.elementId = parentDetail.subExpression[0].elementId;
             parentDetail.elementName = parentDetail.subExpression[0].elementName;
             parentDetail.dataTypeCode = parentDetail.subExpression[0].dataTypeCode;
+            parentDetail.entityValueType = parentDetail.subExpression[0].entityValueType;
+            parentDetail.entityInputType = parentDetail.subExpression[0].entityInputType;
             delete parentDetail.subExpression;
           }
         }
@@ -39553,6 +39669,51 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
         callBack(ruleClassData);
       });
     };
+    _this.handleReqConditionToggle = function (itemDetail) {
+      var ruleClassData = _this.state.ruleClassData;
+      var callBack = _this.props.callBack;
+      itemDetail.isReqCondition = !itemDetail.isReqCondition;
+      if (itemDetail.isReqCondition && !itemDetail.reqConditionData) {
+        itemDetail.reqConditionData = {
+          operationType: 'relation',
+          dataTypeCode: '21',
+          operationCode: '',
+          reqParamName: '',
+          params: [],
+          paramNames: []
+        };
+      }
+      _this.setState({
+        ruleClassData: ruleClassData
+      }, function () {
+        callBack(ruleClassData);
+      });
+    };
+    _this.handleReqDataChange = function (itemDetail, field, value, valueNames) {
+      var ruleClassData = _this.state.ruleClassData;
+      var callBack = _this.props.callBack;
+      if (!itemDetail.reqConditionData) return;
+      if (field === 'dataTypeCode') {
+        itemDetail.reqConditionData.dataTypeCode = value;
+        itemDetail.reqConditionData.operationCode = '';
+        itemDetail.reqConditionData.params = [];
+        itemDetail.reqConditionData.paramNames = [];
+      } else if (field === 'operationCode') {
+        itemDetail.reqConditionData.operationCode = value;
+      } else if (field === 'reqParamName') {
+        itemDetail.reqConditionData.reqParamName = value;
+      } else if (field === 'params') {
+        itemDetail.reqConditionData.params = value;
+        if (valueNames) {
+          itemDetail.reqConditionData.paramNames = valueNames;
+        }
+      }
+      _this.setState({
+        ruleClassData: ruleClassData
+      }, function () {
+        callBack(ruleClassData);
+      });
+    };
     _this.state = {
       editNameIndex: 0,
       isEdit: false,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.2.1-alpha.17-aiwei",
+  "version": "4.2.1-alpha.18-aiwei",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

package/src/components/Solution/RuleComponent/README.md

@@ -0,0 +1,171 @@
+# RuleObjectComponent 规则组件
+
+## 简介
+`RuleObjectComponent` 是一个功能强大的规则构建器组件，支持可视化的条件组合（并且/或者逻辑嵌套）、动态参数插入、执行动作配置以及返回值配置。它广泛应用于需要灵活定义业务规则的场景。
+
+## 组件路径
+`src/components/Solution/RuleComponent/index.js`
+
+## Props 属性说明
+
+| 属性名 | 类型 | 必填 | 说明 |
+|Ref | --- | --- | --- |
+| regularDataList | `Array` | 是 | 规则左侧“对象”选择树的数据源。 |
+| operationList | `Array` | 是 | 规则中间“操作符”下拉列表的数据源。 |
+| ruleClassData | `Array` | 是 | 规则组件的核心数据模型，用于回显和存储规则配置。 |
+| callBack | `Function` | 是 | 数据变更时的回调函数，返回最新的 `ruleClassData`。 |
+| systemVariableList | `Array` | 否 | “插入参数”功能的数据源，允许用户选择系统变量而非固定值。 |
+| initialThresholdQuery | `Object` | 否 | 用于获取规则值域（右侧输入框/选择框）的初始查询参数。 |
+| ruleGroupInfo | `Object` | 否 | 规则组信息，用于规则组实例场景。 |
+| ruleTypeData | `Array` | 否 | “动作”配置的数据源。 |
+| ruleReturnConfig | `Array` | 否 | “返回值”配置的数据源。 |
+| disabled | `Boolean` | 否 | 是否禁用（只读模式）。 |
+| canDelete | `Boolean` | 否 | 是否显示删除规则按钮。 |
+| onlyOneRule | `Boolean` | 否 | 是否限制为单条规则（不显示新增规则按钮）。 |
+| onlyCondition | `Boolean` | 否 | 是否仅展示条件部分（隐藏动作和返回值）。 |
+| onlyAction | `Boolean` | 否 | 是否仅展示动作部分。 |
+| needShowInsertSQL | `Boolean` | 否 | 是否显示“插入SQL”功能按钮。 |
+| headerButtonComponentFun | `Function` | 否 | 自定义头部按钮渲染函数。 |
+
+## 数据结构示例
+
+### ruleClassData 结构
+```json
+[
+  {
+    "ruleName": "规则1",
+    "subExpression": [
+      {
+        "operationType": "logic", // logic 或 relation
+        "operationCode": "and",   // logic时为 and/or
+        "subExpression": [ ... ]  // 嵌套子条件
+      },
+      {
+        "operationType": "relation",
+        "elementId": "...",       // 左侧对象ID
+        "operationCode": "...",   // 操作符
+        "params": ["..."],        // 右侧值
+        // 新增参数条件控制
+        "isReqCondition": true,
+        "reqConditionData": {
+           "reqParamName": "param1",
+           "dataTypeCode": "21",
+           "operationCode": "eq",
+           "params": ["value"]
+        }
+      }
+    ],
+    "extraInfo": {
+      "execute": [], // 动作
+      "response": [] // 返回值
+    }
+  }
+]
+```
+
+## 功能特性
+1.  **多层级逻辑嵌套**：支持无限层级的“并且/或者”逻辑组合。
+2.  **动态表单渲染**：根据选择的对象属性类型（`dataTypeCode`），自动渲染对应的输入组件（文本框、日期选择、业务选择器等）。
+3.  **参数插入**：支持将系统变量作为条件值。
+4.  **参数条件控制**：支持为特定条件配置请求参数名称、类型及校验规则。
+5.  **动作与返回值**：支持配置规则命中后的执行动作及返回值。
+
+## 代码演示
+
+```tsx
+import React, { useState } from 'react';
+import { RuleComponent } from '../../../index';
+
+export default () => {
+  const [ruleClassData, setRuleClassData] = useState([]);
+
+  // 模拟规则对象数据源
+  const regularDataList = [
+    {
+      id: 'user_info',
+      name: '用户信息',
+      code: 'user',
+      valueType: 'object',
+      propertyList: [
+        { id: 'age', name: '年龄', code: 'age', valueType: '22', inputType: 11, choiceType: 10, entityValueType: '20', entityInputType: 11 },
+        { id: 'name', name: '姓名', code: 'name', valueType: '21', inputType: 11, choiceType: 10, entityValueType: '10', entityInputType: 11 },
+      ]
+    },
+    {
+      id: 'order_info',
+      name: '订单信息',
+      code: 'order',
+      valueType: 'object',
+      propertyList: [
+        { id: 'amount', name: '金额', code: 'amount', valueType: '22', inputType: 11, choiceType: 10, entityValueType: '22', entityInputType: 11 },
+      ]
+    }
+  ];
+
+  // 模拟操作符数据源
+  const operationList = [
+    {
+      code: '21', // 字符串
+      operationList: [
+        { code: 'eq', name: '等于' },
+        { code: 'cn', name: '包含' },
+      ]
+    },
+    {
+      code: '22', // 数值
+      operationList: [
+        { code: 'eq', name: '等于' },
+        { code: 'gt', name: '大于' },
+        { code: 'lt', name: '小于' },
+      ]
+    }
+  ];
+
+  // 模拟系统变量
+  const systemVariableList = [
+    { code: 'sys_uid', name: '当前用户ID' },
+    { code: 'sys_time', name: '当前时间' },
+  ];
+
+  const handleSave = () => {
+    console.log('保存规则数据:', JSON.stringify(ruleClassData, null, 2));
+    alert('规则数据已输出到控制台，请查看！');
+  };
+
+  return (
+    <div style={{ background: '#f0f2f5', padding: 20, width: '1200px' }}>
+      <div style={{ marginBottom: 16, textAlign: 'right' }}>
+        <button
+          onClick={handleSave}
+          style={{
+            backgroundColor: '#1890ff',
+            color: '#fff',
+            border: 'none',
+            padding: '6px 15px',
+            borderRadius: '2px',
+            cursor: 'pointer'
+          }}
+        >
+          保存规则
+        </button>
+      </div>
+      <RuleComponent
+        regularDataList={regularDataList}
+        operationList={operationList}
+        ruleClassData={ruleClassData}
+        needShowInsertSQL={true}
+        needShowReqCondition={true}
+        systemVariableList={systemVariableList}
+        callBack={(newData) => {
+          console.log('Rule Changed:', newData);
+          setRuleClassData([...newData]);
+        }}
+      />
+      <div style={{ marginTop: 20 }}>
+        <h4>当前规则数据：</h4>
+        <pre>{JSON.stringify(ruleClassData, null, 2)}</pre>
+      </div>
+    </div>
+  );
+};
+```

package/src/components/Solution/RuleComponent/RuleField.md

@@ -0,0 +1,63 @@
+# RuleField 规则字段组件
+
+## 简介
+`RuleField` 是 `RuleObjectComponent` 内部使用的核心子组件，主要负责根据规则配置的**数据类型**和**操作符**，动态渲染出合适的输入控件（如输入框、下拉框、日期选择器、业务选择器等）。
+
+## 组件路径
+`src/components/Solution/RuleComponent/ruleFiled.js`
+
+## Props 属性说明
+
+| 属性名 | 类型 | 说明 |
+| --- | --- | --- |
+| selectOperation | `String` | 当前选中的操作符编码（如 `eq`, `in`, `be` 等）。 |
+| dataTypeCode | `String` | 数据类型编码（21:字符串, 22:数值, 41:日期, 32:日期时间等）。 |
+| dataChoiceBusinessType | `String`/`Number` | 业务数据选择类型（如 110:物理仓, 120:逻辑仓, 250:客户 等），用于决定渲染哪种业务选择器。 |
+| dataInputBusinessType | `Number` | 输入交互类型（11:单选, 12:多选）。 |
+| values | `Array` | 当前输入的值数组。 |
+| valueNames | `Array` | 当前输入值的名称数组（用于回显）。 |
+| callback | `Function` | 值发生变化时的回调，签名：`(newValues, newValueNames) => void`。 |
+| disabled | `Boolean` | 是否禁用。 |
+| customerWidth | `String` | 自定义控件宽度。 |
+| queryIdentify | `String` | 字典或枚举的标识符，用于获取下拉选项数据。 |
+| queryIdentifyType | `String` | 标识符类型（`dictCodeIdentify`, `dynamicDictCodeIdentify` 等）。 |
+| initialThresholdQuery | `Object` | 初始查询参数。 |
+| propertyCode | `String` | 属性编码。 |
+| others | `Object` | 其他扩展配置，如 `customSelectorConfig`。 |
+
+## 支持的控件类型
+
+组件根据 `dataTypeCode` 和 `dataChoiceBusinessType` 自动匹配以下控件：
+
+1.  **基础控件**：
+    *   Input (文本/数值)
+    *   DatePicker / RangePicker (日期/时间)
+    *   Select (枚举/字典下拉)
+
+2.  **区间控件**：
+    *   当操作符为区间类型（如 `be`, `bed`）时，自动渲染两个输入控件及中间的 `~` 符号。
+
+3.  **业务选择器**：
+    *   物理仓 (`physicalWarehouse`)
+    *   逻辑仓 (`realWarehouse`)
+    *   虚拟仓 (`virtualWarehouse`)
+    *   渠道仓 (`channelWarehouse`)
+    *   商品SPU/SKU
+    *   省市区级联 (`BsCascader`)
+    *   行政/采购/销售/库存/结算组织 (`BusinessTreeSearchSelect`)
+    *   供应商/客户/店铺/员工 (`BusinessSearchSelect`)
+    *   品牌/类目
+    *   自定义选择器 (`CustomSelector`)
+
+## 使用示例
+
+```javascript
+<RuleField
+  selectOperation="eq"
+  dataTypeCode="21"
+  values={['some value']}
+  valueNames={['some value']}
+  callback={(vals, names) => console.log(vals, names)}
+  disabled={false}
+/>
+```

package/src/components/Solution/RuleComponent/index.js

@@ -35,12 +35,10 @@ import {
 } from './util';
 import { getDictionarySource, judgeIsEmpty, uuid } from '../../../utils/utils';
 import { coverToParallel } from '../../../utils/TreeUtils';
-import {
-  BusinessSearchSelect,
-  BusinessTreeSearchSelect,
-  EllipsisTooltip,
-  BsCascader,
-} from '../../../index';
+import BusinessSearchSelect from '../../Business/SearchSelect';
+import BusinessTreeSearchSelect from '../../Business/TreeSearchSelect';
+import EllipsisTooltip from '../../Functional/EllipsisTooltip';
+import { BsCascader } from '../../Functional/BsAntdSula/index';
 import { request } from 'bssula';
 import Formula from './Formula';
 import RenderSpecificAction from './renderSpecificAction';
@@ -48,6 +46,19 @@ import RenderCompItem from './RenderCompItem';
 
 const { RangePicker } = DatePicker;
 
+const FIXED_DATA_TYPES = {
+  10: '字符串',
+  20: '短整数',
+  21: '长整数',
+  22: '小数',
+  40: '数组',
+  41: '布尔值',
+  12: '富文本',
+  30: '日期',
+  31: '时间',
+  32: '日期时间',
+};
+
 class RuleObjectComponent extends Component {
   constructor(props) {
     super(props);
@@ -151,6 +162,8 @@ class RuleObjectComponent extends Component {
                   value: element.id,
                   id: element.id,
                   dataTypeCode: element.valueType,
+                  entityValueType: element.entityValueType,
+                  entityInputType: element.entityInputType,
                   dataChoiceBusinessType: element.choiceType,
                   dataInputBusinessType: element.inputType,
                   info: element.info,
@@ -178,6 +191,8 @@ class RuleObjectComponent extends Component {
             metaObjectCode: this.props.metaObjectCode || item.code,
             ...item,
             dataTypeCode: item.valueType,
+            entityValueType: item.entityValueType,
+            entityInputType: item.entityInputType,
             dataChoiceBusinessType: item.choiceType,
             dataInputBusinessType: item.inputType,
           }),
@@ -225,6 +240,8 @@ class RuleObjectComponent extends Component {
         value: element.id,
         id: element.id,
         dataTypeCode: element.valueType,
+        entityValueType: element.entityValueType,
+        entityInputType: element.entityInputType,
         dataChoiceBusinessType: element.choiceType,
         dataInputBusinessType: element.inputType,
         info: element.info,
@@ -689,6 +706,7 @@ class RuleObjectComponent extends Component {
       disabled,
       systemVariableList,
       needShowInsertSQL,
+      needShowReqCondition,
     } = this.props;
     let thresholdQuery = {
       ...initialThresholdQuery,
@@ -824,6 +842,8 @@ class RuleObjectComponent extends Component {
                   itemDetail.elementName = nodeInfo.triggerNode.props.title;
                   itemDetail.dataTypeCode =
                     nodeInfo.triggerNode.props.dataTypeCode;
+                  itemDetail.entityValueType = nodeInfo.triggerNode.props.entityValueType;
+                  itemDetail.entityInputType = nodeInfo.triggerNode.props.entityInputType;
                   itemDetail.metaObjectCode =
                     nodeInfo.triggerNode.props.metaObjectCode;
                   itemDetail.isInsertParam = false;
@@ -1070,6 +1090,97 @@ class RuleObjectComponent extends Component {
               />
               添加条件
             </span>
+            {needShowReqCondition && (
+              <span style={{ marginLeft: 10 }}>
+                <Button
+                  type="link"
+                  style={{ padding: 0, height: 'auto' }}
+                  onClick={() => this.handleReqConditionToggle(itemDetail)}
+                >
+                  {itemDetail.isReqCondition
+                    ? '取消参数条件控制'
+                    : '参数条件控制'}
+                </Button>
+              </span>
+            )}
+            {itemDetail.isReqCondition && itemDetail.reqConditionData && (
+              <div
+                style={{
+                  marginTop: 10,
+                  display: 'flex',
+                  alignItems: 'center',
+                  background: '#f5f5f5',
+                  padding: '10px',
+                  borderRadius: '4px',
+                }}
+              >
+                <span style={{ marginRight: 8, flexShrink: 0 }}>
+                  请求参数名称:
+                </span>
+                <Input
+                  style={{ width: 150, marginRight: 10 }}
+                  value={itemDetail.reqConditionData.reqParamName}
+                  onChange={(e) =>
+                    this.handleReqDataChange(
+                      itemDetail,
+                      'reqParamName',
+                      e.target.value,
+                    )
+                  }
+                />
+
+                <span style={{ marginRight: 8, flexShrink: 0 }}>类型:</span>
+                <Select
+                  style={{ width: 120, marginRight: 10 }}
+                  value={itemDetail.reqConditionData.dataTypeCode}
+                  onChange={(val) =>
+                    this.handleReqDataChange(itemDetail, 'dataTypeCode', val)
+                  }
+                >
+                  {Object.keys(FIXED_DATA_TYPES).map((code) => (
+                    <Select.Option key={code} value={code}>
+                      {FIXED_DATA_TYPES[code]}
+                    </Select.Option>
+                  ))}
+                </Select>
+
+                <Select
+                  style={{ width: 120, marginRight: 10 }}
+                  value={itemDetail.reqConditionData.operationCode}
+                  onChange={(val) =>
+                    this.handleReqDataChange(itemDetail, 'operationCode', val)
+                  }
+                >
+                  {[
+        { 'code': 'eq', 'name': '等于' },
+        { 'code': 'cn', 'name': '包含' },
+        { code: 'gt', name: '大于' },
+        { code: 'lt', name: '小于' },
+      ].map((op) => (
+                    <Select.Option key={op.code} value={op.code}>
+                      {op.name}
+                    </Select.Option>
+                  ))}
+                </Select>
+
+                <RuleField
+                  customerWidth={'180px'}
+                  selectOperation={itemDetail.reqConditionData.operationCode}
+                  dataTypeCode={itemDetail.reqConditionData.dataTypeCode}
+                  values={itemDetail.reqConditionData.params || []}
+                  valueNames={itemDetail.reqConditionData.paramNames || []}
+                  callback={(newValues, newValueNames) =>
+                    this.handleReqDataChange(
+                      itemDetail,
+                      'params',
+                      newValues,
+                      newValueNames,
+                    )
+                  }
+                  disabled={disabled}
+                />
+              </div>
+            )}
           </div>
         </div>
       </div>
@@ -1497,6 +1608,8 @@ class RuleObjectComponent extends Component {
     delete itemDetail.params;
     delete itemDetail.paramNames;
     delete itemDetail.dataTypeCode;
+    delete itemDetail.entityValueType;
+    delete itemDetail.entityInputType;
     delete itemDetail.elementId;
     delete itemDetail.elementName;
     delete itemDetail.metaObjectCode;
@@ -1562,6 +1675,8 @@ class RuleObjectComponent extends Component {
           parentDetail.elementName = parentDetail.subExpression[0].elementName;
           parentDetail.dataTypeCode =
             parentDetail.subExpression[0].dataTypeCode;
+          parentDetail.entityValueType = parentDetail.subExpression[0].entityValueType;
+          parentDetail.entityInputType = parentDetail.subExpression[0].entityInputType;
           delete parentDetail.subExpression;
         }
       }
@@ -1647,6 +1762,61 @@ class RuleObjectComponent extends Component {
     );
   };
 
+  handleReqConditionToggle = (itemDetail) => {
+    const { ruleClassData } = this.state;
+    const { callBack } = this.props;
+    itemDetail.isReqCondition = !itemDetail.isReqCondition;
+    if (itemDetail.isReqCondition && !itemDetail.reqConditionData) {
+      itemDetail.reqConditionData = {
+        operationType: 'relation',
+        dataTypeCode: '21',
+        operationCode: '',
+        reqParamName: '',
+        params: [],
+        paramNames: [],
+      };
+    }
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
+  handleReqDataChange = (itemDetail, field, value, valueNames) => {
+    const { ruleClassData } = this.state;
+    const { callBack } = this.props;
+    if (!itemDetail.reqConditionData) return;
+
+    if (field === 'dataTypeCode') {
+      itemDetail.reqConditionData.dataTypeCode = value;
+      itemDetail.reqConditionData.operationCode = '';
+      itemDetail.reqConditionData.params = [];
+      itemDetail.reqConditionData.paramNames = [];
+    } else if (field === 'operationCode') {
+      itemDetail.reqConditionData.operationCode = value;
+    } else if (field === 'reqParamName') {
+      itemDetail.reqConditionData.reqParamName = value;
+    } else if (field === 'params') {
+      itemDetail.reqConditionData.params = value;
+      if (valueNames) {
+        itemDetail.reqConditionData.paramNames = valueNames;
+      }
+    }
+
+    this.setState(
+      {
+        ruleClassData,
+      },
+      () => {
+        callBack(ruleClassData);
+      },
+    );
+  };
+
   render() {
     const { onlyOneRule, callBack, disabled, headerButtonComponentFun } = this.props;
     const { ruleClassData, modalParams } = this.state;

package/src/components/Solution/RuleComponent/ruleFiled.js

@@ -8,11 +8,9 @@ import { handleError } from '../../../utils/requestUtils';
 import { queryIdentityInfo, findChangedThresholdQuery, setParams, dateFormat, fullDateFormat } from './util';
 import { request as SulaRequest } from 'bssula';
 import { stringify } from 'querystring';
-import {
-  BusinessSearchSelect,
-  BusinessTreeSearchSelect,
-  BsCascader
-} from '../../../index';
+import BusinessSearchSelect from '../../Business/SearchSelect';
+import BusinessTreeSearchSelect from '../../Business/TreeSearchSelect';
+import { BsCascader } from '../../Functional/BsAntdSula/index';
 import CustomSelector from './CustomPlugin/CustomSelector';
 const { RangePicker } = DatePicker;
 

package/src/components/Solution/RuleSetter/README.md

@@ -0,0 +1,97 @@
+# RuleSetter 规则设置器组件
+
+## 简介
+`RuleSetter` 是一个封装了完整规则编辑逻辑的高级业务组件。它内部集成了 `RuleObjectComponent`，并内置了规则模板详情查询、规则对象树加载、操作符获取、规则实例数据回显以及规则保存等全套数据交互逻辑。
+
+开发者只需提供规则模板 ID (`id`) 和业务标识 (`extStrField01`)，即可快速在页面中引入一个功能完备的规则编辑器。
+
+## 组件路径
+`src/components/Solution/RuleSetter/index.tsx`
+
+## Props 属性说明
+
+| 属性名 | 类型 | 必填 | 说明 |
+|Ref | --- | --- | --- |
+| id / sceneId | `String` | 是 | 规则模板 ID，用于加载规则元数据（对象树、操作符等）。 |
+| extStrField01 | `String` | 否 | 业务关键字段（如业务单据ID、租户ID等），用于区分同一模板下的不同业务实例。 |
+| name | `String` | 否 | 规则实例名称。 |
+| type | `String` | 否 | 组件模式。`instance` 表示规则实例模式（加载并保存具体的业务规则）；为空则通常用于模板设计模式。 |
+| saveUrl | `String` | 否 | 自定义保存接口地址。默认为 `/basic/ruleDetail/addAndUpdate`。 |
+| customerValidator | `Function` | 否 | 自定义校验函数。`(ruleResultList, ruleTypeData) => boolean`。 |
+| parseCustomParams | `Function` | 否 | 自定义保存参数处理函数。`(params) => newParams`。 |
+| RuleObjectComponentProps | `Object` | 否 | 透传给底层 `RuleObjectComponent` 的属性对象。可用于开启特定功能（如插入SQL）。 |
+
+## 开启“插入 SQL”功能
+
+通过 `RuleObjectComponentProps` 属性，可以将 `needShowInsertSQL` 参数传递给底层的规则组件，从而开启“插入 SQL”功能。
+
+开启后，在每条规则条件的右侧会新增一个“插入 SQL”按钮，允许用户直接输入 SQL 片段作为条件值。
+
+```javascript
+<RuleSetter
+  id="template_123"
+  type="instance"
+  RuleObjectComponentProps={{
+    needShowInsertSQL: true
+  }}
+/>
+```
+
+## 代码演示
+
+```tsx
+import React, { useRef } from 'react';
+import { Button, message } from 'antd';
+import { RuleSetter } from '../../../index';
+
+export default () => {
+  const ruleSetterRef = useRef();
+
+  const handleSave = () => {
+    if (ruleSetterRef.current) {
+      // 调用组件内部的保存方法
+      ruleSetterRef.current.handleSave()
+        .then(() => {
+          message.success('规则保存成功');
+        })
+        .catch((err) => {
+          console.error('保存失败', err);
+        });
+    }
+  };
+
+  return (
+    <div style={{ background: '#f5f5f5', padding: 20 }}>
+      <div style={{ marginBottom: 16, textAlign: 'right' }}>
+        <Button type="primary" onClick={handleSave}>
+          保存规则
+        </Button>
+      </div>
+      
+      <RuleSetter
+        ref={ruleSetterRef}
+        id="100000132" // 示例模板ID，请替换为实际存在的ID
+        type="instance"
+        extStrField01="business_order_001" // 示例业务ID
+        name="订单审核规则"
+        // 开启插入SQL功能
+        RuleObjectComponentProps={{
+          needShowInsertSQL: true,
+          needShowReqCondition: true,
+          // 也可以传递其他 RuleObjectComponent 支持的属性
+          onlyCondition: false
+        }}
+        saveUrl="/api/custom/save/rule" // 可选：自定义保存接口
+      />
+    </div>
+  );
+};
+```
+
+## 注意事项
+
+1.  **数据依赖**：该组件强依赖后端接口（如 `/basic/ruleTemplate/`等），请确保后端服务正常且接口地址匹配。
+2.  **Ref 引用**：组件暴露了 `handleSave` 方法，父组件需要通过 `ref` 来触发保存操作。
+3.  **模式区别**：
+    *   `type="instance"`：会根据 `id` 和 `extStrField01` 加载已保存的规则实例数据。
+    *   `type` 为空：主要用于设计规则模板本身，加载的是模板定义数据。