@bit-sun/business-component 4.0.13-alpha.9 → 4.2.0-alpha.1

package/src/components/Functional/DataValidation/index.md

@@ -43,6 +43,7 @@ export default () => {
         onRef={(ref) => {
           dataValidationRef = ref;
         }}
+        getTemplate={() => {}}
       />
     </div>
   );

package/src/components/Functional/DataValidation/index.tsx

@@ -28,7 +28,7 @@ import {
 } from '@ant-design/icons';
 import request from '@/utils/request';
 import './index.less';
-import _ from "lodash"
+import _, { ceil, isNumber } from "lodash"
 import { judgeIsRequestError } from '@/utils/requestUtils';
 import { readerXlsxToList } from '@/utils/xlsxUtil';
 
@@ -179,10 +179,26 @@ class DataValidation extends React.Component {
   }
 
   getCount = () => {
-    const { resultData } = this.state;
+    const { resultData = [] } = this.state;
+    const totalQuantity = resultData.reduce((total, item) => {
+        total += Number(item.quantity || 0);
+      return total;
+    }, 0);
+    const totalSuccessQuantity = resultData.filter(item => item.flag).reduce((total, item) => {
+        total += Number(item.quantity || 0);
+      return total;
+    }, 0);
+    const totalErrorQuantity = resultData.filter(item => !item.flag).reduce((total, item) => {
+        total += Number(item.quantity || 0);
+      return total;
+    }, 0);
     return {
       total: resultData.length,
+      totalQuantity,
+      totalSuccessQuantity,
+      totalErrorQuantity,
       error: resultData.filter((item) => !item.flag).length,
+      success: resultData.filter((item) => item.flag).length,
     };
   };
 
@@ -191,7 +207,7 @@ class DataValidation extends React.Component {
     const { notValid } = this.props;
     return {
       container: 'luckysheet',
-      showtoolbar: false,
+      // showtoolbar: false,
       hook: {
         columnTitleCellRenderBefore: function (columnAbc, postion, ctx) {
           if (columnAbc.name) {
@@ -233,18 +249,9 @@ class DataValidation extends React.Component {
           // console.info(data,sheetFile,ctx)
         },
       },
-      // showtoolbarConfig: {
-      //   undoRedo: true, //撤销重做，注意撤消重做是两个按钮，由这一个配置决定显示还是隐藏
-      //   paintFormat: false, //格式刷
-      //   currencyFormat: false, //货币格式
-      //   percentageFormat: false, //百分比格式
-      //   numberDecrease: false, // '减少小数位数'
-      //   numberIncrease: false, // '增加小数位数
-      //   moreFormats: false, // '更多格式'
-      //   font: true, // '字体'
-      //   fontSize: true, // '字号大小'
-
-      // },
+      showtoolbarConfig: {
+        sortAndFilter: true,
+      },
       data: [
         {
           name: 'Cell', //工作表名称
@@ -365,7 +372,7 @@ class DataValidation extends React.Component {
       showsheetbar: false,
       optionstate: false,
       showstatisticBarConfig: {
-        count: false, // 计数栏
+        count: true, // 计数栏
         view: false, // 打印视图
         zoom: false, // 缩放
       },
@@ -422,6 +429,54 @@ class DataValidation extends React.Component {
     return data.filter(d => _.compact(Object.values(d)).length);
   };
 
+  naturalCompare = (a, b) => {
+  const checkNumber = (value) => {
+    return /^[-+]?(\d+\.?\d*|\.\d+)([eE][-+]?\d+)?$/.test(value.trim())
+  };
+
+  if (checkNumber(a) && checkNumber(b)) {
+    return Number(a) - Number(b);
+  }
+  // 优先处理 "通过" 的情况
+  if (a === "通过" && b !== "通过") return -1;
+  if (b === "通过" && a !== "通过") return 1;
+  
+  return a.localeCompare(b);
+
+}
+
+customSort = (a, b) => {
+
+  // 处理空值
+  const aEmpty = !a;
+
+  const bEmpty = !b;
+
+  if (aEmpty && bEmpty) return 0;
+
+  if (aEmpty) return 1; // a空，排后面
+
+  if (bEmpty) return -1; // b空，a排前面
+
+  return this.naturalCompare(a, b);
+
+}
+
+  sortData = (sorterKey: string) => {
+    let sheetData = luckysheet.getSheetData();
+    let newData = JSON.parse(JSON.stringify(sheetData)).sort((cur, prev) => {
+      let cellIndex = itemsTemp.findIndex(item => item.code === sorterKey);
+      if (sorterKey === 'checkresult') {
+        cellIndex = itemsTemp.length;
+      }
+      return this.customSort(cur[cellIndex]?.v, prev[cellIndex]?.v);
+    })
+    luckysheet.create(this.setConfig(luckysheet.transToCellData(newData)));
+    this.setState({
+      data: luckysheet.transToCellData(newData),
+    });
+  }
+
   resetData = () => {
     const { validDataUrl, validDataParams, updateData, columns, isBrandAuth, isCheckStockNum = true, customerColumnsMapping } = this.props;
     const resultData = this.getData().filter(d => {
@@ -523,7 +578,6 @@ class DataValidation extends React.Component {
 
   toggleData = () => {
     const { showErrorData, data } = this.state;
-
     if (showErrorData) {
       luckysheet.create(this.setConfig(data));
     } else {
@@ -615,6 +669,44 @@ class DataValidation extends React.Component {
       </div>
     </Menu>
   );
+
+
+  getSortList = () => {
+    let sortList = []
+    if (this.props?.customerColumnsMapping?.length) {
+      sortList = this.props?.customerColumnsMapping?.map((item, index) => {
+        return createItem('item-0', index, item.title, item.name, this.format);
+      })||[]
+    } else {
+      sortList = this.props?.columns?.map((item, index) => {
+        if (!mapping.get(item))
+          throw Error(
+            `${item} is not in DataValidation component, please fix this error`,
+          );
+        return createItem('item-0', index, mapping.get(item), item, this.format);
+      })||[];
+    }
+
+    return (
+      <Menu>
+        {
+          (sortList || []).map((item, index) =>{
+            return  (
+              <>
+                <Menu.Item key={index} className="sheet_table-menu_item_text">
+                  <a onClick={() => this.sortData(item.code)}>{item.content}</a>
+                </Menu.Item>
+                <Menu.Divider />
+              </>
+            )
+          })
+        }
+        <Menu.Item key="checkresult" className="sheet_table-menu_item_text">
+          <a onClick={() => this.sortData('checkresult')}>校验结果</a>
+        </Menu.Item>
+      </Menu>
+    )
+  }
   
   getSheetMap = () => {
     const { customerColumnsMapping, columns } = this.props;
@@ -653,7 +745,7 @@ class DataValidation extends React.Component {
 
   render() {
     const { errorListCheck } = this.state;
-    const { title, notValid, notExcelImport, excelImportConfig } = this.props;
+    const { title, notValid, notExcelImport, excelImportConfig, getTemplate } = this.props;
     const { size, accept, suffixRule } = excelImportConfig || {}
 
     let totalSummary = this.getCount();
@@ -708,6 +800,8 @@ class DataValidation extends React.Component {
       left: '0px',
       top: '0px',
     };
+
+    console.log('itemsTemp', itemsTemp)
     return (
       <>
         <div className="sheet_table_top">
@@ -745,9 +839,16 @@ class DataValidation extends React.Component {
           </Space>
           <Space>
             {!notExcelImport && (
-              <Upload {...uploadProps}>
-                <Button>导入</Button>
-              </Upload>
+              <>
+                {
+                  getTemplate && (
+                    <Button onClick={getTemplate}>下载模板</Button>
+                  )
+                }
+                <Upload {...uploadProps}>
+                  <Button>导入</Button>
+                </Upload>
+              </>
             )}
             <Dropdown
               trigger={['click']}
@@ -759,6 +860,16 @@ class DataValidation extends React.Component {
                 <DownOutlined />
               </Button>
             </Dropdown>
+            <Dropdown
+              trigger={['click']}
+              overlay={this.getSortList()}
+              placement="bottomRight"
+            >
+              <Button>
+                排序
+                <DownOutlined />
+              </Button>
+            </Dropdown>
 
             {!notValid && <Button type="primary" onClick={this.resetData}>
               识别
@@ -769,9 +880,13 @@ class DataValidation extends React.Component {
         <div style={{ position: 'relative', height: '400px' }}>
           <div id="luckysheet" style={luckyCss}></div>
         </div>
-        {!this.props.notValid && <div className="sheet_table_footer">
+        {!this.props.notValid && !!totalSummary.total && <div className="sheet_table_footer">
           <span className="sheet_table_footer_l">
-            共 {totalSummary.total} 条数据{!notValid && `, 其中错误 ${totalSummary.error} 项`}
+            共 {totalSummary.total} 条数据：
+            <span style={{color: 'green', marginLeft: '5px'}}> 成功条数：</span>{totalSummary.success}
+            <span style={{color: 'green', marginLeft: '5px'}}> 成功数量：</span>{totalSummary.totalSuccessQuantity || 0}
+            <span style={{color: 'red', marginLeft: '5px'}}> 失败条数：</span>{totalSummary.error || 0}
+            <span style={{color: 'red', marginLeft: '5px'}}> 失败数量：</span>{totalSummary.totalErrorQuantity || 0}
           </span>
           {!notValid && <Space className="sheet_table_footer_r">
             <Checkbox

package/src/components/Functional/QueryMutipleInput/index.tsx

@@ -11,9 +11,9 @@ import { useDebounceFn } from 'ahooks';
 import { Input, Button, Modal, ConfigProvider } from 'antd';
 import './index.less';
 
-const QueryMutipleInput = ({ onValueChange,onPressEnter }) => {
+const QueryMutipleInput = ({ onValueChange,onPressEnter, value: initialValue }) => {
   const [isModalVisible, setIsModalVisible] = useState(false);
-  const [value, setValue] = useState('');
+  const [value, setValue] = useState(initialValue);
   const [popvalue, setPopValue] = useState('');
   const { run } = useDebounceFn(
     () => {
@@ -24,6 +24,14 @@ const QueryMutipleInput = ({ onValueChange,onPressEnter }) => {
     },
   );
 
+  /**
+   * 初始化参数
+   * 处理参数不展示和清空不同步的问题
+  */
+  useEffect(() => {
+    setValue(initialValue);
+  }, [initialValue]);
+
   useEffect(() => {
     setPopValue(value);
     onValueChange(value);
@@ -67,6 +75,7 @@ const QueryMutipleInput = ({ onValueChange,onPressEnter }) => {
         <Input
           value={value}
           onChange={outerChange}
+          allowClear
           onBlur={(e) => {
             formaData(e.target.value);
           }}

package/src/components/Functional/QueryMutipleSelect/index.tsx

@@ -91,6 +91,7 @@ const QueryMutipleSearchSelect = ({ onValueChange, requestConfig={}, selectProps
    const getData = (params: any = {}, callback?: any) => {
     if (!requestConfig) return;
     if (!url) return;
+    if(!searchValue?.length) return; // 空值默认不查询
 
     setFetching(true)
 
@@ -105,7 +106,7 @@ const QueryMutipleSearchSelect = ({ onValueChange, requestConfig={}, selectProps
     let getRequest;
     const methodName = method?.toLocaleLowerCase();
     if(['post','patch','put'].includes(methodName)) {
-      getRequest = request[methodName](`${url}${convertUrlQueryParams(queryParams)}`,convertBodyParams(queryParams))
+      getRequest = request[methodName](`${url}${convertUrlQueryParams(queryParams)}`,convertBodyParams(queryParams),{headers: { ...extralHeaders }})
     } else {
       getRequest = request.get( `${url}${convertUrlQueryParams(queryParams)}`,{headers: { ...extralHeaders }})
     }

package/src/components/Functional/SearchSelect/index.less

@@ -249,6 +249,10 @@
       &_wrapLeft1, &_wrapLeft2, &_wrapRight{
         background: #fff;
         width: calc(50% - 5px);
+        // 解决全选按钮位置偏左问题
+        .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table .ant-table-thead .ant-table-selection .ant-checkbox-wrapper {
+          justify-content: center;
+        }
       }
       &_wrapLeft1 {
         width: 100%;

package/src/components/Functional/SearchSelect/index.tsx

@@ -1,16 +1,17 @@
 // @ts-nocheck
 import React, { useState, useEffect, forwardRef, useImperativeHandle } from 'react';
 import { useDebounceFn } from 'ahooks';
-import { Input, Button, Modal, Select, Divider, message, Spin, Form, Table, Checkbox, TreeSelect, Tooltip, Tag, Row, Col, Space, Tabs } from 'antd';
+import { Input, Button, Modal, Select, Divider, message, Spin, Form, Table, Checkbox, TreeSelect, Tooltip, Tag, Row, Col, Space, Tabs, Empty, DatePicker } from 'antd';
 import { SearchOutlined, CopyOutlined, CaretLeftOutlined } from '@ant-design/icons';
 import request from '@/utils/request';
 import _, { escapeRegExp, isNil, values } from "lodash"
 import './index.less';
 import { BusinessSearchSelect, QueryMutipleInput, QueryMutipleSearchSelect } from '@/index';
-import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, ColSpan, getTableHeigth, getCurrentSRKs, getRenderSource, handleParams, convertUrlQueryParams, convertBodyParams, formatSelectedValue, convertResData, makeUniqueValue, handleSelectOptionsShowValue, LightHeightOption, maxTagPlaceholder, getShowStr, handleTableColumns }  from './utils';
+import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, getTableHeigth, getCurrentSRKs, getRenderSource, handleParams, convertUrlQueryParams, convertBodyParams, formatSelectedValue, convertResData, makeUniqueValue, handleSelectOptionsShowValue, LightHeightOption, maxTagPlaceholder, getShowStr, handleTableColumns }  from './utils';
 import { judgeIsRequestError } from '@/utils/requestUtils';
 import zhankaitiaojian from '../../../assets/zhankaitiaojian-icon.svg';
 import PropertySelector from '@/components/Business/PropertyModal';
+import ItemPropertySelector from '@/components/Business/ItemPropertySelector';
 
 const { Option } = Select;
 
@@ -52,6 +53,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     noOperate, // 级联禁用按钮设置字段
     viewShowValueStr, // 详情展示值,不传展示组件处理的默认值
     searchStartLength, // 默认不校验长度去搜索，如果配置了，则按照配置项长度进行处理搜索
+    isQuery = false, // 是否是查询条件
   } = rCTemp || {};
   const requestConfig = {url,method,otherParams,isMap,fixedparameter,fieldValToParam,fixedparamsDisabled,mappingTextField,mappingTextShowKeyField,mappingValueField,mappingTextShowTextField,init,extralHeaders,specialBracket,noNeedSplit,noOperate,viewShowValueStr,searchStartLength,...rCTemp};
   const resultSourceKey = handleSourceName(sourceName || requestConfig?.sourceName || ctx?.name || 'supplierCode')
@@ -92,7 +94,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     });
     return formValueList.filter((item: any) => item).length > 0
   }
-  const sDisabled = disabled || (isHaveDependency && !!!isHaveDValue());
+  const sDisabled = disabled || (isHaveDependency && !!!isHaveDValue() && !isQuery);
 
   const [items, setItems] = useState([]);
   const [selectOpen, setSelectOpen] = useState(false);
@@ -230,14 +232,14 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
       ...fixedParam,
       ...params,
     };
-    if (isNil(queryParams[selectParamsKey])) {
-      queryParams[selectParamsKey] = searchValue;
+    if (isNil(queryParams[selectParamsKey])&&searchValue?.length) {
+      queryParams[selectParamsKey] = searchValue?.trim?.();
     }
 
     let getRequest;
     const methodName = method?.toLocaleLowerCase?.();
     if(['post','patch','put'].includes(methodName)) {
-      getRequest = request[methodName](`${url}${convertUrlQueryParams(queryParams)}`,convertBodyParams(queryParams))
+      getRequest = request[methodName](`${url}${convertUrlQueryParams(queryParams)}`,convertBodyParams(queryParams), { headers: { ...extralHeaders }})
     } else {
       getRequest = request.get( `${url}${convertUrlQueryParams(queryParams)}`,{headers: { ...extralHeaders }})
     }
@@ -335,8 +337,8 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
 
   // 处理键盘事件
   const handleKeyPress = (event) => {
-    if ((event.metaKey || event.ctrlKey) && (event.key === 'U' || event.keyCode == 85)) {
-      // ctrl + U 键 重置
+    if ((event.metaKey || event.ctrlKey) && (event.key === 'I' || event.keyCode == 73)) {
+      // ctrl + I 键 重置
       onResetTable()
     } else if (event.key === 'Enter' || event.keyCode == 13) {
       // Enter 键 查询
@@ -456,7 +458,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
   const refreshItems = () => {
     // 查看是否存在关联值 如果有关联值 就查询 没有就不能查询
     if (fieldValToParam && ctx && fixedparamsDisabled) {
-      if (!!isHaveDValue()) {
+      if (!!isHaveDValue() || isQuery) {
         run();
       } else {
         clearSelectDataSource();
@@ -467,7 +469,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
   }
 
   const onSearchChange = (v) => {
-    setSearchValue(v);
+    setSearchValue(v?.trim?.()||'');
     if(!!searchStartLength && v?.length < searchStartLength) return;
     refreshItems();
   }
@@ -573,9 +575,10 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
         }
       };
 
-      const { emptyArray } = getFormRowInfo(list);
+      const { emptyArray, ColSpan } = getFormRowInfo(list, modalTableProps?.tableSearchColSpan);
       const addKong = emptyArray?.map((i: any) =>({ type: 'kong'}))||[];
-      return list?.concat(addKong)?.map((i: any, index: number) => {
+      const searchList = modalTableProps?.noEmptySearchField ? list : list?.concat(addKong);
+      return searchList.map((i: any, index: number) => {
         if(i?.type === 'kong') return <Col span={ColSpan} key={i}></Col>;
 
         if (i?.type === 'select' || i?.field?.type === 'select') {
@@ -602,6 +605,25 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
           )
         }
 
+        if (i?.type === 'rangepicker' || i?.field?.type === 'rangepicker') {
+          return (
+            <Col span={ColSpan} key={i.name}>
+              <Form.Item name={i.name} label={i.label} key={i.name} initialValue={i?.initialValue ?? []}>
+                <DatePicker.RangePicker style={{ width: '100%' }} placeholder='请选择' {...i?.field?.props} disabled={setDisabled(i.name)}></DatePicker.RangePicker>
+              </Form.Item>
+            </Col>
+          )
+        }
+        if (i?.type === 'datepicker' || i?.field?.type === 'datepicker') {
+          return (
+            <Col span={ColSpan} key={i.name}>
+              <Form.Item name={i.name} label={i.label} key={i.name}>
+                <DatePicker style={{ width: '100%' }} placeholder='请选择' {...i?.field?.props} disabled={setDisabled(i.name)}></DatePicker>
+              </Form.Item>
+            </Col>
+          )
+        }
+
         if (i?.type === 'businessSearchSelect' || i?.field?.type === 'businessSearchSelect') {
           return (
             <Col span={ColSpan} key={i.name}>
@@ -635,6 +657,19 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
             </Col>
           );
         }
+        if (i?.type === 'itemPropertySelector' || i?.field?.type === 'itemPropertySelector') {
+          return (
+            <Col span={ColSpan} key={i.name}>
+              <Form.Item name={i.name} label={i.label} key={i.name}>
+                <ItemPropertySelector
+                  style={{ width: '100%' }}
+                  placeholder="请选择"
+                  {...i?.field?.props}
+                ></ItemPropertySelector>
+              </Form.Item>
+            </Col>
+          );
+        }
         if (i?.field?.type === 'multipleQuerySearchSelect') {
           return (
             <Col span={ColSpan} key={i.name}>
@@ -667,9 +702,15 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     return collapsed ? formItem(list?.slice(0,viCount)) : formItem(list)
   }
 
+  const renderEmptyText = (text: string,x: string) => {
+    return <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} description={text} style={{ margin: `${x} 0px`}} />
+  }
+
   const renderShowTable =  (tableList, type) => {
     const tableBoxHeighth = getTableHeigth(modalTableProps?.tableSearchForm);
-    const oSY = `calc(100vh - ${tableBoxHeighth}px - 82px)`;  // 分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
+    const x = tableList?.length ? 82 : 28;  // 无数据没有分页，有数据计算减去：分页 24+16*2+10 「高 + margin * 2 + paddingBottom 10 」
+    const oSY = `calc(100vh - ${tableBoxHeighth}px - ${x}px)`; 
+    const mTB = `calc(50vh - ${tableBoxHeighth/2}px - ${x/2}px - 40px)`
     return (
       <div style={{ height: `calc(100vh - ${tableBoxHeighth}px)` }}> 
         <Table
@@ -681,14 +722,14 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
           {...type=='noPage'?{
             pagination: { ...initPagination,showSizeChanger: false },
             locale: {
-              emptyText: '暂无已选结果',
+              emptyText: renderEmptyText('暂无已选结果',mTB),
             }
           }:{
             pagination: tablePagination,
             onChange: handleTableChange,
             loading: fetching,
             locale: {
-              emptyText: modalSearched? '无匹配结果,请更换其他内容再试' : '请输入搜索条件',
+              emptyText: modalSearched? renderEmptyText('匹配结果,请更换其他内容再试',mTB) : renderEmptyText('请输入搜索条件',mTB),
             }
           }}
           rowKey={mappingValueField}
@@ -881,7 +922,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
         <Modal
           maskClosable={false}
           destroyOnClose
-          width="80%"
+          width={`calc(100% - 320px)`}
           title={modalTableProps?.modalTableTitle}
           visible={isModalVisible}
           confirmLoading={confirmLoading}
@@ -916,14 +957,14 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
                     {renderFormItem(modalTableProps?.tableSearchForm)}
                     <Col span={6}>
                       <Space>
-                        <Button key="search" type="primary" onClick={onSearchTable}>
+                        <Button key="search" type="primary" onClick={onSearchTable} disabled={fetching}>
                           查询 Enter
                         </Button>
-                        <Button key="reset" onClick={onResetTable}>
-                          重置 ctrl+U
+                        <Button key="reset" onClick={onResetTable} disabled={fetching}>
+                          重置 ctrl+I
                         </Button>
                         <div style={{position: 'absolute',top: 0,right: 0}}>
-                          {hasMoreQueryFields(modalTableProps) && modalTableProps?.isHorizontally
+                          {hasMoreQueryFields(modalTableProps)
                               ? <img onClick={() => {toggleCollapsed()}} style={{
                                 cursor: 'pointer',
                                 fontSize: '10px',

package/src/components/Functional/SearchSelect/utils.tsx

@@ -17,12 +17,13 @@ export const handleSourceName = (sName: any) => {
 }
 
 // ------------------------------------------处理样式相关--开始----------------------------------------
-export const getFormRowInfo = (list: any) => {
-  const totalRows = Math.ceil(list.length / columnsPerRow); // 计算总行数
-  const lastRowColumns = (list.length+1) % columnsPerRow; // 计算最后一行的实际列数
-  const emptySlots = lastRowColumns === 0 ? 0 : columnsPerRow - lastRowColumns; // 计算最后一行的空位数
+export const getFormRowInfo = (list: any, tableSearchColSpan: number) => {
+  const lastColumnsPerRow = tableSearchColSpan == 6 ? columnsPerRow : 3;
+  const totalRows = Math.ceil(list.length / lastColumnsPerRow); // 计算总行数
+  const lastRowColumns = (list.length+1) % lastColumnsPerRow; // 计算最后一行的实际列数
+  const emptySlots = lastRowColumns === 0 ? 0 : lastColumnsPerRow - lastRowColumns; // 计算最后一行的空位数
   const emptyArray = new Array(emptySlots).fill(null); // 生成长度为 emptySlots 的数组
-  return { totalRows, emptyArray }
+  return { totalRows, emptyArray, ColSpan: tableSearchColSpan ??  ColSpan}
 }
 
 export const defaultVisibleFieldsCount = 7;
@@ -60,11 +61,11 @@ export const getRealStr = (oldSelect: any,newSelect: any, record: any) => {
   return oldSelect?.length ? oldSelect.some((o: any) => o.value == record?.value) ? oldSelect.filter((s: any) => s.value != record?.value) : [...oldSelect,...newSelect] : newSelect;
 }
 export const getCurrentSRKs = (selectMode: any,labelInValue:boolean,value: any) => {
-  return selectMode ? (labelInValue ? value?.map((s: any)=> (s?.value||s)) : value) : (labelInValue ? value?.value&&[value?.value]||[] : value&&[value]||[])
+  return selectMode ? (labelInValue ? value?.map((s: any)=> (s?.value||s)) : (value||[])) : (labelInValue ? value?.value&&[value?.value]||[] : value&&[value]||[])
 }
 export const getRenderSource = (currentSRKs: any, items: any) => {
   // 判空处理
-  if(!currentSRKs?.length) return items||[];
+  if(!currentSRKs || !currentSRKs?.length) return items||[];
 
   // 创建映射对象 用于记录原始选中顺序
   const orderMap = new Map<number, number>();
@@ -157,12 +158,14 @@ export const handleParams = (params: any) => {
         delete params[key];
       } else if (element && key.indexOf('*multiInput') >= 0) {
       let name = '',
-        value = element['value'];
+        value = (element?.['value']||element)?.trim?.();
+        const searchKey = element?.['name']||key?.split('*multiInput')?.[0]
       if (value.indexOf(',') >= 0) {
-        name = `qp-${element['name']}-in`;
+        name = `qp-${searchKey}-in`;
       } else {
-        name = `qp-${element['name']}-like`;
+        name = `qp-${searchKey}-like`;
       }
+      value = value?.trim?.();
       params[name] = value;
       delete params[key];
     }

package/src/components/Functional/TreeSearchSelect/index.tsx

@@ -53,6 +53,7 @@ const TreeSearchSelect = (props: any) => {
         : treeDataItem[resKeyValue[1]],
       key: treeDataItem[resKeyValue[0]],
       value: treeDataItem[resKeyValue[0]],
+      label: `${treeDataItem[resKeyValue[0]]}${treeDataItem[resKeyValue[1]]}`,
       parentId: treeDataItem.parent,
       data: { ...treeDataItem },
       isLeaf: !haveChildren,
@@ -207,7 +208,7 @@ const TreeSearchSelect = (props: any) => {
           labelInValue={labelInValue}
           showArrow={showArrow}
           showCheckedStrategy={showCheckedStrategy}
-          treeNodeFilterProp={'title'}
+          filterTreeNode={(inputValue, treeNode) => treeNode.props.label.toLowerCase().indexOf(inputValue.toLowerCase()) > -1}
           treeDefaultExpandAll
           multiple={multiple} // 	支持多选（当设置 treeCheckable 时自动变为 true）
           maxTagPlaceholder={maxTagPlaceholder}

package/src/components/Solution/RuleComponent/InnerSelect.tsx

@@ -57,6 +57,7 @@ export default (props: Iprops) => {
         // handleEdit(ites.code, value);
       }}
       options={dataSource}
+      filterOption ={(input: any, option: any) => option?.label?.toLowerCase()?.indexOf(input?.toLowerCase()) >= 0}
     />
   );
 };

package/src/components/Solution/RuleComponent/RenderCompItem.tsx

@@ -155,6 +155,7 @@ export default function RenderCompItem(props:any){
               onChange={(value) => {
                 handleEdit(ites.code, value);
               }}
+              filterOption ={(input: any, option: any) => option?.text?.toLowerCase()?.indexOf(input?.toLowerCase()) >= 0}
             >
               {Object.keys(ites.enumeration).map((it) => (
                 <Select.Option key={it} value={it}>
@@ -170,7 +171,7 @@ export default function RenderCompItem(props:any){
             <InnerSelect
               disabled={disabled}
               inputType={ites?.inputType}
-              defaultValue={ites.defaultValue}
+              defaultValue={ites?.defaultValue}
               styleCommon={styleCommon}
               value={showValue(ites.code)}
               onChange={(value) => {