@bit-sun/business-component 4.2.0-alpha.22 → 4.2.0-alpha.23

package/dist/index.esm.js

@@ -5339,8 +5339,7 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     searchStartLength = _ref.searchStartLength,
     _ref$isQuery = _ref.isQuery,
     isQuery = _ref$isQuery === void 0 ? false : _ref$isQuery,
-    _ref$requestType = _ref.requestType,
-    requestType = _ref$requestType === void 0 ? 'get' : _ref$requestType;
+    _ref$requestType = _ref.requestType;
   var requestConfig = _objectSpread2({
     url: url,
     method: method,
@@ -5627,9 +5626,16 @@ var SearchSelect = /*#__PURE__*/forwardRef(function (props, ref) {
     var getRequest;
     var methodName = method === null || method === void 0 ? void 0 : (_method$toLocaleLower = method.toLocaleLowerCase) === null || _method$toLocaleLower === void 0 ? void 0 : _method$toLocaleLower.call(method);
     if (['post', 'patch', 'put'].includes(methodName)) {
-      getRequest = requestUtil[methodName]("".concat(url).concat(convertUrlQueryParams(queryParams)), convertBodyParams(_objectSpread2(_objectSpread2({}, queryParams), {}, {
-        requestType: requestType
-      })), {
+      var bodyData = convertBodyParams(queryParams);
+      var urlStr = convertUrlQueryParams(queryParams);
+      // Fix: support sending params in body
+      if (requestConfig.isBodyRequest) {
+        if (!bodyData) {
+          bodyData = convertQueryParams(queryParams);
+        }
+        urlStr = '';
+      }
+      getRequest = requestUtil[methodName]("".concat(url).concat(urlStr), bodyData, {
         headers: _objectSpread2({}, extralHeaders)
       });
     } else {

package/dist/index.js

@@ -5362,8 +5362,7 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     searchStartLength = _ref.searchStartLength,
     _ref$isQuery = _ref.isQuery,
     isQuery = _ref$isQuery === void 0 ? false : _ref$isQuery,
-    _ref$requestType = _ref.requestType,
-    requestType = _ref$requestType === void 0 ? 'get' : _ref$requestType;
+    _ref$requestType = _ref.requestType;
   var requestConfig = _objectSpread2({
     url: url,
     method: method,
@@ -5650,9 +5649,16 @@ var SearchSelect = /*#__PURE__*/React$1.forwardRef(function (props, ref) {
     var getRequest;
     var methodName = method === null || method === void 0 ? void 0 : (_method$toLocaleLower = method.toLocaleLowerCase) === null || _method$toLocaleLower === void 0 ? void 0 : _method$toLocaleLower.call(method);
     if (['post', 'patch', 'put'].includes(methodName)) {
-      getRequest = requestUtil[methodName]("".concat(url).concat(convertUrlQueryParams(queryParams)), convertBodyParams(_objectSpread2(_objectSpread2({}, queryParams), {}, {
-        requestType: requestType
-      })), {
+      var bodyData = convertBodyParams(queryParams);
+      var urlStr = convertUrlQueryParams(queryParams);
+      // Fix: support sending params in body
+      if (requestConfig.isBodyRequest) {
+        if (!bodyData) {
+          bodyData = convertQueryParams(queryParams);
+        }
+        urlStr = '';
+      }
+      getRequest = requestUtil[methodName]("".concat(url).concat(urlStr), bodyData, {
         headers: _objectSpread2({}, extralHeaders)
       });
     } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "4.2.0-alpha.22",
+  "version": "4.2.0-alpha.23",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

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

@@ -138,4 +138,113 @@ export default () => {
 };
 ```
 
+## POST Body Request Demo
+
+```tsx
+import React, { useState } from 'react';
+import { Button } from 'antd';
+import { SearchSelect } from '../../../index';
+
+export default () => {
+  const [tableSource, setTableSource] = useState([]);
+  const userInfo = { employeeResVo: { id: 'mock-id' } }; // Mock userInfo
+
+  return (
+    <SearchSelect
+      selectBusinessType="salesOrder" // Custom key
+      modalTableProps={{
+        modalTableTitle: '选择销售单明细',
+        tableSearchForm: [
+          {
+            name: 'orderNo',
+            label: '单据编号',
+            item: {
+              type: 'input'
+            }
+          },
+          {
+            name: 'orderDate',
+            label: '单据日期',
+            item: {
+              type: 'rangepicker'
+            }
+          },
+          {
+            name: 'saleOrgCode',
+            label: '销售组织',
+            item: {
+              type: 'select',
+              props: {
+                showSearch: true,
+                optionFilterProp: 'children'
+              }
+            },
+            remoteSource: {
+              url: `/user/orgViewNode/listNoPage?qp-orgViewCode-eq=sales-organizational-view&qp-employeeId-eq=${userInfo?.employeeResVo?.id}`,
+              method: 'GET',
+              converter: ({ data }: { data: any }) => {
+                return (
+                  (data &&
+                    Array.isArray(data) &&
+                    data.length &&
+                    data.map((v: any) => ({ text: v.name, value: v.code }))) ||
+                  []
+                );
+              },
+            },
+          },
+          {
+            name: 'customerCode',
+            label: '客户',
+            item: {
+              type: 'bs-customer2SearchSelect',
+              props: {
+                selectBusinessType: 'customer2',
+              }
+            },
+          }
+        ],
+        tableColumns: [
+          { title: '单据编号', key: 'orderNo' },
+          { title: '单据日期', key: 'orderDate' },
+          { title: '销售组织', key: 'saleDepartmentName' },
+          { title: '客户', key: 'customerName' },
+          { title: 'SKU', key: 'skuCode' },
+          { title: '商品名称', key: 'spuName' },
+          { title: '数量', key: 'planQuantity' },
+          { title: '销售金额', key: 'saleTaxedAmount' },
+        ],
+      }}
+
+
+      fieldComponent={<Button type="primary">新增</Button>}
+      selectProps={{
+        mode: 'multiple', // Allow multiple selection
+      }}
+      onSaveCallback={(rows: any) => {
+        if (!rows || rows.length === 0) return;
+        const newDetails = rows.map((item: any) => ({
+          key: Date.now() + Math.random(),
+          saleOrderNo: item.orderNo,
+          saleOrderDetailLineNo: item.lineNo,
+          skuCode: item.skuCode,
+          quantity: item.planQuantity,
+          saleAmount: item.saleTaxedAmount,
+          subsidyAmount: 0,
+        }));
+        setTableSource([...tableSource, ...newDetails]);
+        return Promise.resolve();
+      }}
+      requestConfig={{
+        url: '/drp-ops/new/tradeSubOrder/pageListAndDetailByData',
+        method: 'post',
+        isBodyRequest: true, // Enable body params for POST
+        mappingValueField: 'detailId', // Unique ID for selection
+        mappingTextField: 'orderNo', // Just for display if needed
+      }}
+    />
+  );
+};
+```
+
 More skills for writing demo: https://d.umijs.org/guide/demo-principle

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

@@ -7,7 +7,7 @@ import request from '@/utils/request';
 import _, { escapeRegExp, isNil, values, cloneDeep, isEmpty } from "lodash"
 import './index.less';
 import { BusinessSearchSelect, QueryMutipleInput, QueryMutipleSearchSelect } from '@/index';
-import { handleSourceName, getFormRowInfo, hasMoreQueryFields, defaultVisibleFieldsCount, getRealStr, 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, convertQueryParams }  from './utils';
 import { judgeIsRequestError } from '@/utils/requestUtils';
 import zhankaitiaojian from '../../../assets/zhankaitiaojian-icon.svg';
 import PropertySelector from '@/components/Business/PropertyModal';
@@ -242,7 +242,17 @@ const SearchSelect = forwardRef((props: any, ref: any) => {
     let getRequest;
     const methodName = method?.toLocaleLowerCase?.();
     if(['post','patch','put'].includes(methodName)) {
-      getRequest = request[methodName](`${url}${convertUrlQueryParams(queryParams)}`,convertBodyParams({...queryParams, requestType}), { headers: { ...extralHeaders }})
+      let bodyData = convertBodyParams(queryParams);
+      let urlStr = convertUrlQueryParams(queryParams);
+      
+      // Fix: support sending params in body
+      if(requestConfig.isBodyRequest) {
+         if(!bodyData) {
+            bodyData = convertQueryParams(queryParams);
+         }
+         urlStr = '';
+      }
+      getRequest = request[methodName](`${url}${urlStr}`,bodyData, { headers: { ...extralHeaders }})
     } else {
       getRequest = request.get( `${url}${convertUrlQueryParams(queryParams)}`,{headers: { ...extralHeaders }})
     }