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

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;
@@ -997,6 +1017,7 @@ class RuleObjectComponent extends Component {
                       itemDetail.params = [];
                     } else {
                       itemDetail.systemCode = null;
+                      delete itemDetail.type;
                     }
 
                     this.setState(
@@ -1030,6 +1051,8 @@ class RuleObjectComponent extends Component {
                     itemDetail.type = 30;
                     itemDetail.paramNames = [];
                     itemDetail.params = [];
+                  } else {
+                    delete itemDetail.type;
                   }
 
                   this.setState(
@@ -1049,13 +1072,21 @@ class RuleObjectComponent extends Component {
           <div
             style={{
               display:
-                itemDetail.operationType == 'logic' && !disabled
+                itemDetail.operationType == 'logic' &&
+                (!disabled ||
+                  (itemDetail.reqConditionData &&
+                    itemDetail.reqConditionData.reqParamName &&
+                    itemDetail.reqConditionData.params?.length))
                   ? 'block'
                   : 'none',
             }}
           >
             <span
-              style={{ color: '#008fe0', cursor: 'pointer' }}
+              style={{
+                color: '#008fe0',
+                cursor: 'pointer',
+                display: disabled ? 'none' : 'inline',
+              }}
               type="link"
               onClick={() => {
                 this.addPeerRule(itemDetail);
@@ -1070,6 +1101,138 @@ class RuleObjectComponent extends Component {
               />
               添加条件
             </span>
+            {needShowReqCondition && (
+              <span
+                style={{
+                  marginLeft: 10,
+                  display: disabled ? 'none' : 'inline',
+                }}
+              >
+                <Button
+                  type="link"
+                  disabled={
+                    disabled &&
+                    (!itemDetail.reqConditionData ||
+                      !itemDetail.reqConditionData.reqParamName ||
+                      !itemDetail.reqConditionData.params?.length)
+                  }
+                  style={{ padding: 0, height: 'auto' }}
+                  onClick={() => this.handleReqConditionToggle(itemDetail)}
+                >
+                  {itemDetail.isReqCondition
+                    ? '取消参数条件控制'
+                    : '参数条件控制'}
+                </Button>
+              </span>
+            )}
+            {(itemDetail.isReqCondition ||
+              (disabled &&
+                itemDetail.reqConditionData &&
+                itemDetail.reqConditionData.reqParamName &&
+                itemDetail.reqConditionData.params?.length)) &&
+              itemDetail.reqConditionData && (
+                <div
+                  style={{
+                    marginTop: 10,
+                    display:
+                      disabled &&
+                      (!itemDetail.reqConditionData.reqParamName ||
+                        !itemDetail.reqConditionData.params?.length)
+                        ? 'none'
+                        : 'flex',
+                    alignItems: 'center',
+                    background: '#f5f5f5',
+                    padding: '10px',
+                    borderRadius: '4px',
+                  }}
+                >
+                <Select
+                  disabled={disabled}
+                  style={{ width: 150, marginRight: 10 }}
+                  placeholder="请选择"
+                  value={String(
+                    itemDetail.reqConditionData.reqParamType || '10',
+                  )}
+                  onChange={(val) =>
+                    this.handleReqDataChange(itemDetail, 'reqParamType', val)
+                  }
+                >
+                  <Select.Option value="10">请求参数名称</Select.Option>
+                  <Select.Option value="20">请求头参数名称</Select.Option>
+                  <Select.Option value="40">源请求地址</Select.Option>
+                </Select>
+                {String(itemDetail.reqConditionData.reqParamType || '10') !==
+                  '40' && (
+                  <Input
+                    disabled={disabled}
+                    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
+                  disabled={disabled}
+                  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
+                  disabled={disabled}
+                  style={{ width: 120, marginRight: 10 }}
+                  value={itemDetail.reqConditionData.operationCode}
+                  onChange={(val) =>
+                    this.handleReqDataChange(itemDetail, 'operationCode', val)
+                  }
+                >
+                  {[
+        { 'code': '1', 'name': '在集合' },
+        { 'code': '2', 'name': '不等于' },
+        { code: '3', name: '小于' },
+        { code: '4', name: '大于' },
+        { code: '5', name: '等于' },
+      ].map((op) => (
+                    <Select.Option key={op.code} value={op.code}>
+                      {op.name}
+                    </Select.Option>
+                  ))}
+                </Select>
+
+                <RuleField
+                  customerWidth={'180px'}
+                  isQueryParams={true}
+                  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 +1660,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 +1727,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 +1814,67 @@ 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: '10',
+        entityInputType: '10',
+        entityValueType: '10',
+        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.entityInputType = value;
+      itemDetail.reqConditionData.entityValueType = 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;
+      }
+    } else if (field === 'reqParamType') {
+      itemDetail.reqConditionData.reqParamType = value;
+    }
+
+    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;
 
@@ -29,6 +27,7 @@ export default class RuleField extends Component {
       thresholdQuery: {},
       thresholdList: [],
       options: [],
+      isQueryParams: false
     };
   }
 
@@ -45,6 +44,7 @@ export default class RuleField extends Component {
       queryIdentify,
       propertyCode,
       queryIdentifyType,
+      isQueryParams
     } = this.props;
     this.setState(
       {
@@ -57,6 +57,7 @@ export default class RuleField extends Component {
         dataTypeCode,
         dataChoiceBusinessType,
         dataInputBusinessType,
+        isQueryParams,
         others,
         fieldValues: [...values],
         options,
@@ -283,11 +284,26 @@ export default class RuleField extends Component {
       itemDetail={},
       others={}, 
       propertyCode,
+      isQueryParams
     } = this.props;
     const { thresholdList } = this.state;
     const styleCommon = {
       width: customerWidth || '180px',
     };
+
+    if(isQueryParams) {
+      return <Input
+              defaultValue={values.join(',')}
+              disabled={disabled}
+              style={styleCommon}
+              onBlur={(e) => {
+                values = e.target.value.split(',');
+                valueNames = e.target.value.split(',');
+                callback(values, valueNames);
+              }}
+            />
+    }
+
     if (!selectOperation) return <Input disabled style={styleCommon}></Input>;
     const SET_TYPE = ['in', 'nin', 'cn', 'ncn','5']; //集合类型 （数字为 兼容用户管理子应用使用规则组件）
     const INTERVAL_TYPE = ['be', 'bed', 'nbe', 'nbed', 'ber', 'bel']; //区间类型

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` 为空：主要用于设计规则模板本身，加载的是模板定义数据。

package/src/index.ts

@@ -43,10 +43,17 @@ export { default as EllipsisTooltip} from './components/Functional/EllipsisToolt
 export * from './components/Functional/BsAntdSula/index';
 export { default as RuleComponent} from './components/Solution/RuleComponent';
 export { default as RuleSetter} from './components/Solution/RuleSetter';
+export { default as RenderCompItem} from './components/Solution/RuleComponent/RenderCompItem';
+export { default as TrialCalculation} from './components/Business/TrialCalculation';
+
+export { processDetailButtonsVisible as processDetailButtonsVisible } from './components/Business/DetailPageWrapper';
+
+
 
 // 通用组件
 export { default as ExtendedCollapse } from './components/Common/ExtendedCollapse';
 export { default as Section } from './components/Common/Section';
 export { default as ParagraphCopier } from './components/Common/ParagraphCopier';
 
-export { default as SystemLog } from './components/Business/SystemLog';
+export { default as SystemLog } from './components/Business/SystemLog';
+export * from './components/Business/ImportExport';

package/src/typings/umi.d.ts

@@ -0,0 +1,9 @@
+declare module 'umi' {
+  /**
+   * 宿主 Umi 项目提供的请求函数。
+   */
+  export const request: (
+    url: string,
+    options?: Record<string, any>,
+  ) => Promise<any>;
+}

package/src/utils/LocalstorageUtils.ts

@@ -1,4 +1,4 @@
-import ENUM from '@/utils/enumConfig';
+import ENUM from './enumConfig';
 
 const resposne =()=> JSON.parse(localStorage.getItem(ENUM.BROWSER_CACHE.USER_INFO) || '{}');
 

package/src/utils/auth.ts

@@ -1,4 +1,41 @@
-import { getMenuAuthDataKey } from '@/utils/LocalstorageUtils';
+import { getLimitMenuDataKey, getMenuAuthDataKey } from './LocalstorageUtils';
+
+/**
+ * 根据上游权限编码获取关联的导入导出业务功能编码。
+ */
+export const getRelationTemplateCode = (authCode: string): string => {
+  if (!authCode) return '';
+
+  let menuData: any[] = [];
+  try {
+    const storedMenuData = JSON.parse(
+      localStorage.getItem(getLimitMenuDataKey()) || '[]',
+    );
+    menuData = Array.isArray(storedMenuData) ? storedMenuData : [];
+  } catch (error) {
+    return '';
+  }
+
+  let buttonDataList: any[] = [];
+  /**
+   * 递归收集叶子菜单下的按钮配置。
+   */
+  const collectButtons = (items: any[]) => {
+    items.forEach((item: any) => {
+      if (item?.children?.length) {
+        collectButtons(item.children);
+      } else {
+        buttonDataList = [...buttonDataList, ...(item?.buttons || [])];
+      }
+    });
+  };
+  collectButtons(menuData);
+
+  return (
+    buttonDataList.find((item) => item.bizCode === authCode)
+      ?.relationExcelTemplateCode || ''
+  );
+};
 
 // 判断某个按钮/菜单 是否有权限，返回布尔值
 export const authFunc = (code: string) => {
@@ -36,4 +73,4 @@ export const handleJudgeAuthButtons = (buttonCodeArray: any[]) => {
 export const shouldUseAuth = () => {
   // @ts-ignore
   return window.__POWERED_BY_WUJIE__ ? true : false;
-};
+};