@bit-sun/business-component 4.0.13-alpha.3 → 4.0.13-alpha.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.0.13-alpha.3",
+  "version": "4.0.13-alpha.5",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",
@@ -53,6 +53,7 @@
     "querystring": "^0.2.1",
     "react": "^16.12.0",
     "react-beautiful-dnd": "10.0.0",
+    "react-dom": "^16.12.0",
     "react-resizable": "^3.0.4",
     "react-sortable-hoc": "^2.0.0",
     "serialize-javascript": "^6.0.0",

package/src/components/Business/BsSulaQueryTable/utils.tsx

@@ -1,5 +1,6 @@
 // @ts-nocheck
 import React, { useState } from 'react';
+import * as ReactDOMServer from 'react-dom/server';
 import {
   Tooltip,
   Badge,
@@ -722,7 +723,7 @@ export const authFn = (code?: any) => {
 export const renderToString = (
   render: ReactElement<any, string | JSXElementConstructor<any>> | string,
 ) => {
-  return render;
+  // return render;
   return typeof render === 'string'
     ? render
     : ReactDOMServer.renderToString(render);

package/src/components/Business/SearchSelect/BusinessUtils.tsx

@@ -342,6 +342,7 @@ export function commonFun (type?: string, prefixUrl: any, parentProps?:any) {
             specialBracket: true,
             otherParams: {
               'ownOrgSign': getCurrentTargetBgId(),
+              'ctl-count': true
             }, // 默认参数
           },
         }
@@ -360,6 +361,10 @@ export function commonFun (type?: string, prefixUrl: any, parentProps?:any) {
             mappingValueField: 'itemCode',
             sourceName: 'qp-itemCode-in',
             specialBracket: true,
+            otherParams: {
+              'ownOrgSign': getCurrentTargetBgId(),
+              'ctl-count': true
+            }, // 默认参数
           },
         }
       } },

package/src/components/Business/SearchSelect/index.md

@@ -54,7 +54,7 @@ export default () => {
       setValue(value)
     },
     selectBusinessType: 'supplier',
-    disabled: true,
+    // disabled: true,
   };
   
   const props2 = {

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

@@ -9,7 +9,7 @@ title: 批量搜索查询组件
 order: 2
 ---
 
-## QueryMutipleInput
+## QueryMutipleSearchSelect
 
 Demo:
 
@@ -20,8 +20,7 @@ import { QueryMutipleSearchSelect } from '../../../index';
 export default () => {
   const requestConfig = {
     url: '/items/item/listNoPage/Simple',
-    filter: 'qp-name-like', // qp-itemCode-like
-    // filter: 'qp-skuCode,name-orGroup,like',
+    filter: 'qp-itemCode,name-orGroup,like',
     mappingTextField: 'name',
     mappingValueField: 'itemCode',
     sourceName: 'qp-itemCode-in'

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

@@ -167,7 +167,7 @@ const QueryMutipleSearchSelect = ({ onValueChange, requestConfig={}, selectProps
               <Spin size="small" className='searchSelectSpin' />
             ) : (
               <div style={{ textAlign: 'center' }}>
-                <div>{searchValue?'无匹配结果,请更换其他内容再试':`请录入内容模糊查询`}</div>
+                <div>{searchValue?'无匹配结果,请更换其他内容再试': (selectProps?.notFoundText||`请录入编码/名称模糊查询`)}</div>
               </div>
             )
           }

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

@@ -73,11 +73,6 @@
   &_dropdown_table {
     // padding: 4px 10px 6px;
 
-    // 下拉table 复选框为单选时候隐藏
-    .ant-table-cell .ant-table-selection-column .ant-radio,table tr td.ant-table-selection-column .ant-radio-wrapper {
-      display: none;
-    }
-
     // 下拉table 表头表体样式
     .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table {
       font-family: MiSans-Regular;
@@ -103,7 +98,18 @@
     .ant-table.ant-table-bordered > .ant-table-container {
       .ant-table-body > table > tbody > tr > td.ant-table-selection-column,
       .ant-table-header > table > thead > tr > th.ant-table-selection-column {
-        display: none;
+        visibility: hidden; // 不使用 display: none; 是因为此设置不占位，会导致表格scroll.x: 'max-content' 计算不准确
+        padding: 0;
+        margin: 0;
+        width: 0;
+        height: 0;
+        min-width: 0;
+        min-height: 0;
+        border: none;
+
+        .ant-radio-wrapper {
+          display: none;
+        }
       }
     }
   }

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

@@ -7,7 +7,7 @@ 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 }  from './utils';
+import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, ColSpan, getTableHeigth, getCurrentSRKs, getRenderSource, handleParams, convertUrlQueryParams, convertBodyParams, formatSelectedValue, convertResData, makeUniqueValue, handleSelectOptionsShowValue, LightHeightOption, maxTagPlaceholder, getShowStr }  from './utils';
 import { judgeIsRequestError } from '@/utils/requestUtils';
 import zhankaitiaojian from '../../../assets/zhankaitiaojian-icon.svg';
 import PropertySelector from '@/components/Business/PropertyModal';
@@ -21,7 +21,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     selectProps = {},
     modalTableProps = {},
     labelInValue = false,
-    requestConfig,
+    requestConfig:rCTemp,
     ctx,
     onlyShowStr = false,
     sourceName,
@@ -51,7 +51,8 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     noOperate, // 级联禁用按钮设置字段
     viewShowValueStr, // 详情展示值,不传展示组件处理的默认值
     searchStartLength, // 默认不校验长度去搜索，如果配置了，则按照配置项长度进行处理搜索
-  } = requestConfig || {};
+  } = 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')
 
   const selectMode = selectProps?.mode  // 设定当前选择器 为单选或者多选模式 无设定为单选模式（默认）
@@ -80,7 +81,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
 
   const initPagination = { showQuickJumper: true, showSizeChanger: true, showTotal: (total: any) => `共 ${total} 条`, pageSize: tableInitPageSize }
   const tableInitPagination = { ...initPagination, total: 0, current: 1 }
-  const disabled = noOperate || selectProps?.disabled || props?.disabled;
+  const disabled = !!noOperate || selectProps?.disabled || props?.disabled;
   const isHaveDependency = fixedparameter && fieldValToParam && ctx;
   const isHaveDValue = () => {
     let formValueList = [];
@@ -233,7 +234,7 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     }
 
     let getRequest;
-    const methodName = method?.toLocaleLowerCase();
+    const methodName = method?.toLocaleLowerCase?.();
     if(['post','patch','put'].includes(methodName)) {
       getRequest = request[methodName](`${url}${convertUrlQueryParams(queryParams)}`,convertBodyParams(queryParams))
     } else {
@@ -811,34 +812,6 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     );
   }
 
-  const getShowLabelTextStr = (kongValue): string => {
-    if (selectMode) {
-      return Array.isArray(value) && value?.map(item => item.label || item.text || '')?.join(',') || kongValue;
-    }
-    return (value?.label || value?.text || kongValue) as string;
-  };
-  const getSelectValueText = (v: any) => {
-    return (items || []).filter(item => item.value === v)?.[0]?.text || v || '';
-  }
-  const getShowValueStr = (kongValue): string => {
-    if (selectMode) {
-      return Array.isArray(value) && value?.map(item => getSelectValueText(item))?.join(',') || kongValue;
-    }
-    return (getSelectValueText(value) || kongValue) as string;
-  }
-  const getShowStr = () => {
-    // 优先使用业务使用传入的展示
-    if(viewShowValueStr) return viewShowValueStr;
-
-    const kongValue = '无'
-    // 先判断labelInValue与否，labelInValue可以直接去value中获取字段名称，否则去下拉框数据里面去拿；
-    // 再判断是单选还是多选，数据类型不同取值方式也不同
-    if (labelInValue) {
-      return getShowLabelTextStr(kongValue);
-    }
-    return getShowValueStr(kongValue);
-  }
-
   const isShouldShowStr = (props.disabled && ctx) || ctx?.mode == 'view';
   return (
     <div className={'search_select'}>
@@ -853,8 +826,8 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
         </div>
       ) : (
         isShouldShowStr ?
-        (<div title={getShowStr()} style={{overflow:'hidden',textOverflow:'ellipsis',whiteSpace:'nowrap'}} className={'search_select_show'}>
-          {getShowStr()}
+        (<div title={getShowStr({ viewShowValueStr, labelInValue, selectMode, value, items })} style={{overflow:'hidden',textOverflow:'ellipsis',whiteSpace:'nowrap'}} className={'search_select_show'}>
+          {getShowStr({viewShowValueStr, labelInValue, selectMode, value, items })}
         </div>) :
         <div
           className={`${isFormPage ? '' : 'search_select_show_list'} search_select_show`}

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

@@ -397,4 +397,36 @@ export const maxTagPlaceholder = (selectedValues: any, { selectProps, onChange,
   )
 }
 
-// ------------------------------------------ 数据源展示 相关处理--结束----------------------------------------
+// ------------------------------------------ 数据源展示 相关处理--结束----------------------------------------
+
+
+
+// ------------------------------------------ 选中数据展示 相关处理--开始----------------------------------------
+const getShowLabelTextStr = ({ kongValue, selectMode, value, items }: any) => {
+  if (selectMode) {
+    return Array.isArray(value) && value?.map(item => item.label || item.text || '')?.join(',') || kongValue;
+  }
+  return (value?.label || value?.text || kongValue) as string;
+};
+const getSelectValueText = (v: any, items: any) => {
+  return (items || []).filter((item: any) => item.value === v)?.[0]?.text || v || '';
+}
+const getShowValueStr = ({ kongValue, selectMode, value, items }: any): string => {
+  if (selectMode) {
+    return Array.isArray(value) && value?.map(item => getSelectValueText(item, items))?.join(',') || kongValue;
+  }
+  return (getSelectValueText(value, items) || kongValue) as string;
+}
+export const getShowStr = ({ viewShowValueStr, labelInValue, selectMode, value, items }: any) => {
+  // 优先使用业务使用传入的展示
+  if(viewShowValueStr) return viewShowValueStr;
+
+  const kongValue = '无'
+  // 先判断labelInValue与否，labelInValue可以直接去value中获取字段名称，否则去下拉框数据里面去拿；
+  // 再判断是单选还是多选，数据类型不同取值方式也不同
+  if (labelInValue) {
+    return getShowLabelTextStr({ kongValue, selectMode, value, items});
+  }
+  return getShowValueStr({ kongValue, selectMode, value, items });
+}
+// ------------------------------------------ 选中数据展示 相关处理--结束---------------------------------------