@bit-sun/business-component 4.2.0-alpha.3 → 4.2.0-alpha.31

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']; //区间类型
@@ -1932,7 +1948,7 @@ export default class RuleField extends Component {
         }
       }
       // 配送方式选择器
-      if (dataChoiceBusinessType == 310) {
+      if (dataChoiceBusinessType == 310 || dataChoiceBusinessType == 311) {
         if (INTERVAL_TYPE.indexOf(selectOperation) > -1) {
           return (
             <>
@@ -1952,6 +1968,14 @@ export default class RuleField extends Component {
                 labelInValue={true}
                 value={values[0]}
                 requestConfig={{
+                  ...(dataChoiceBusinessType === 311
+                  ? {
+                      otherParams: {
+                        // 配送方式只选择标准配送方式
+                        'qp-recordChannnelCode-eq': 80,
+                      },
+                    }
+                  : {}),
                   filterInit: 'qp-code-in',
                 }}
                 onChange={(value) => {
@@ -1983,6 +2007,14 @@ export default class RuleField extends Component {
                 labelInValue={true}
                 value={values[1]}
                 requestConfig={{
+                  ...(dataChoiceBusinessType === 311
+                  ? {
+                      otherParams: {
+                        // 配送方式只选择标准配送方式
+                        'qp-recordChannnelCode-eq': 80,
+                      },
+                    }
+                  : {}),
                   filterInit: 'qp-code-in',
                 }}
                 onChange={(value) => {
@@ -2020,6 +2052,14 @@ export default class RuleField extends Component {
               labelInValue={true}
               value={currentValue}
               requestConfig={{
+                ...(dataChoiceBusinessType === 311
+                ? {
+                    otherParams: {
+                      // 配送方式只选择标准配送方式
+                      'qp-recordChannnelCode-eq': 80,
+                    },
+                  }
+                : {}),
                 filterInit: 'qp-code-in',
               }}
               onChange={(value) => {

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,8 +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 * 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;
-};
+};

package/src/utils/utils.ts

@@ -267,4 +267,44 @@ export const handleConvertResponse = (items: any, total: number): object => {
 
 export const noEmptyArray = (targetObj: any) => {
   return Array.isArray(targetObj) && targetObj.length !== 0;
-};
+};
+
+export const formContainerAndItemLayout = (type: string, title: any, name: string) => {
+  return type === 'form' ? {
+    container: {
+      type: 'card',
+      props: {
+        title,
+        id: Math.random(),
+        level: 1,
+        name
+      },
+    },
+    itemLayout: {
+      span: 8, // span表示每项所占的栅格数
+      labelCol: {
+        span: 8,
+      },
+      wrapperCol: {
+        span: 18,
+      },
+    },
+  } : {
+    container: {
+      type: 'card',
+      props: {
+        title,
+        id: Math.random(),
+        level: 1,
+        bordered: null,
+        isWhiteCard: true,
+        name
+      },
+    },
+    itemLayout: {
+      wrapperCol: {
+        span: 0,
+      },
+    },
+  }
+}