@bit-sun/business-component 2.3.3 → 2.3.5

package/dist/components/Business/TreeSearchSelect/utils.d.ts

@@ -1,2 +1,4 @@
-declare const handleDefaultProps: (type: string) => {};
+declare const handleDefaultProps: (type: string, otherRequestConfig: {
+    extralHeaders?: string;
+} | undefined) => {};
 export { handleDefaultProps };

package/dist/index.esm.js

@@ -9688,6 +9688,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
     disabled = props.disabled,
     restProps = _objectWithoutProperties(props, _excluded$5);
   var url = remoteSource.url,
+    headers = remoteSource.headers,
     _remoteSource$paramsK = remoteSource.paramsKey,
     paramsKey = _remoteSource$paramsK === void 0 ? 'qp-name-like' : _remoteSource$paramsK,
     _remoteSource$resKeyV = remoteSource.resKeyValue,
@@ -9718,7 +9719,9 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
   /* 实时查询   但是目前用的直接是完整数据源, 所以没有使用 */
   var handleSearch = function handleSearch(q) {
     var paramsData = _objectSpread2(_defineProperty({}, "".concat(paramsKey), q), initialParams);
-    axios.get("".concat(url, "?").concat(stringify(paramsData))).then( /*#__PURE__*/function () {
+    axios.get("".concat(url, "?").concat(stringify(paramsData)), {
+      headers: headers
+    }).then( /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {
         var _ctx$form;
         var resData, coverData, data, dataList;
@@ -9858,7 +9861,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
   })));
 };
 
-var handleDefaultProps = function handleDefaultProps(type) {
+var handleDefaultProps = function handleDefaultProps(type, otherRequestConfig) {
   var result = {};
   switch (type) {
     case 'department':
@@ -9867,6 +9870,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'administrative-organization-view'
           },
@@ -9879,6 +9883,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'sales-organizational-view',
             'qp-status-eq': 10
@@ -9892,6 +9897,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'purchase-organizational-view',
             'qp-status-eq': 10
@@ -9905,6 +9911,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'stock-organizational-view',
             'qp-status-eq': 10
@@ -9918,6 +9925,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/channel-manage/tagNode/getTree/10",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           resKeyValue: ['code', 'name']
         }
       };
@@ -9928,6 +9936,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'administrative-organization-view'
           },
@@ -9942,7 +9951,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
 var MemoTreeSearchSelect = /*#__PURE__*/React.memo(TreeSearchSelect);
 var BusinessTreeSearchSelect = function BusinessTreeSearchSelect(props) {
   var businessType = (props === null || props === void 0 ? void 0 : props.businessType) || 'department';
-  var handleBusinessProps = handleDefaultProps(businessType);
+  var handleBusinessProps = handleDefaultProps(businessType, props === null || props === void 0 ? void 0 : props.requestConfig);
   var currentProps = useMemo(function () {
     return _objectSpread2(_objectSpread2({}, handleBusinessProps), props);
   }, [props === null || props === void 0 ? void 0 : props.value]);
@@ -16950,7 +16959,6 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
       colLastData: [],
       rowHeader: [],
       rowLastData: [],
-      colHeaderWidth: 400,
       colHeaderToTop: 0
     }),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -16969,27 +16977,36 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     viewCount = _useState10[0],
     setViewCount = _useState10[1]; //虚拟表格每次渲染数量
   var itemWidth = 100; // 表格每一项宽度
+  var _useState11 = useState((props === null || props === void 0 ? void 0 : props.colHeaderWidth) || 400),
+    _useState12 = _slicedToArray(_useState11, 2),
+    realColHeaderWidth = _useState12[0],
+    setLeftWidth = _useState12[1];
   var viewPort = useRef(null);
   var topScrollBar = useRef(null);
+  var leftTableRef = useRef(null);
   //起始渲染item
-  var _useState11 = useState(0),
-    _useState12 = _slicedToArray(_useState11, 2),
-    startIndex = _useState12[0],
-    setStartIndex = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    startIndex = _useState14[0],
+    setStartIndex = _useState14[1];
   //结束渲染item
   var endIndex = useMemo(function () {
     return startIndex + viewCount;
   }, [startIndex, viewCount]);
   //表格偏移量
-  var _useState13 = useState(0),
-    _useState14 = _slicedToArray(_useState13, 2),
-    offsetWidth = _useState14[0],
-    setOffset = _useState14[1];
+  var _useState15 = useState(0),
+    _useState16 = _slicedToArray(_useState15, 2),
+    offsetWidth = _useState16[0],
+    setOffset = _useState16[1];
   useEffect(function () {
-    var viewPortWidth = viewPort.current.clientWidth;
-    var defaultTableWidth = viewPortWidth - (props.colHeaderWidth || 400);
-    var viewCount = Math.floor(defaultTableWidth / itemWidth) + 2 <= 10 ? 10 : Math.floor(defaultTableWidth / itemWidth) + 2;
-    setViewCount(viewCount);
+    setTimeout(function () {
+      var realLeftTableWidth = leftTableRef.current.clientWidth;
+      var viewPortWidth = viewPort.current.clientWidth;
+      var defaultTableWidth = viewPortWidth - realLeftTableWidth;
+      var viewCount = Math.floor(defaultTableWidth / itemWidth) + 2 <= 10 ? 10 : Math.floor(defaultTableWidth / itemWidth) + 2;
+      setViewCount(viewCount);
+      setLeftWidth(realLeftTableWidth);
+    });
   }, []);
   var onScroll = function onScroll() {
     if (topScrollBar.current) {
@@ -16997,6 +17014,9 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     }
     var scrollWidth = viewPort.current.scrollLeft;
     var startIndex = Math.floor(scrollWidth / itemWidth);
+    if (startIndex + viewCount >= colTableData.length) {
+      startIndex = colTableData.length - viewCount;
+    }
     var offsetWidth = startIndex * itemWidth;
     setStartIndex(startIndex);
     setOffset(offsetWidth);
@@ -17014,9 +17034,7 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
   // 设置表头相关信息
   useEffect(function () {
     var colData = props.colData,
-      rowData = props.rowData,
-      _props$colHeaderWidth = props.colHeaderWidth,
-      colHeaderWidth = _props$colHeaderWidth === void 0 ? 400 : _props$colHeaderWidth;
+      rowData = props.rowData;
     var tableType;
     if (colData && colData.length && rowData && rowData.length) {
       tableType = 'multi-header-table';
@@ -17029,7 +17047,6 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
         rowHeader: [],
         rowLastData: []
       }, colHeaderData), rowHeaderData), {}, {
-        colHeaderWidth: colHeaderWidth,
         colHeaderToTop: ((rowHeader === null || rowHeader === void 0 ? void 0 : rowHeader.length) || 0) * 40,
         tableType: tableType
       }));
@@ -17042,7 +17059,6 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
         rowHeader: [],
         rowLastData: []
       }, _colHeaderData), {}, {
-        colHeaderWidth: colHeaderWidth || 400,
         colHeaderToTop: 0,
         tableType: tableType
       }));
@@ -17084,7 +17100,7 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     tableProps = props.tableProps;
   var tableWidth = width ? "".concat(width, "px") : '100%';
   var tableHeight = "".concat(height || 400, "px");
-  var rightAreaWidth = 'calc(100% - ' + "".concat(config.colHeaderWidth, "px") + ')';
+  var rightAreaWidth = 'calc(100% - ' + "".concat(realColHeaderWidth, "px") + ')';
   return /*#__PURE__*/React.createElement("div", {
     style: {
       width: tableWidth,
@@ -17100,7 +17116,7 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     ref: topScrollBar
   }), /*#__PURE__*/React.createElement("div", {
     style: {
-      width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
+      width: "".concat(realColHeaderWidth + placeholderWidth, "px"),
       position: 'absolute',
       top: 0,
       left: 0,
@@ -17108,7 +17124,7 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     }
   }), /*#__PURE__*/React.createElement("table", {
     style: {
-      width: "".concat(config.colHeaderWidth + 1, "px"),
+      width: "".concat(realColHeaderWidth, "px"),
       height: "".concat(config.colHeaderToTop, "px"),
       display: config.tableType === 'col-header-table' ? 'none' : ''
     },
@@ -17117,11 +17133,12 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     style: {
       tableLayout: 'auto',
       minWidth: '100px',
-      width: "".concat(config.colHeaderWidth + 1, "px"),
+      width: "".concat(realColHeaderWidth, "px"),
       top: "".concat(config.colHeaderToTop, "px"),
       left: '0px',
       position: 'sticky'
     },
+    ref: leftTableRef,
     className: 'south__west'.concat(" ", 'editTable__block', " ", 'table_border_style')
   }, /*#__PURE__*/React.createElement("tbody", null, config.colHeader.map(function (item, index) {
     return /*#__PURE__*/React.createElement("tr", null, item.map(function (innerItem) {
@@ -17147,7 +17164,7 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     style: {
       width: '100%',
       top: 0,
-      left: "".concat(config.colHeaderWidth, "px"),
+      left: "".concat(realColHeaderWidth, "px"),
       position: 'absolute',
       display: config.tableType === 'col-header-table' ? 'none' : ''
     }
@@ -17173,7 +17190,7 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
   }))), /*#__PURE__*/React.createElement("div", {
     style: {
       position: 'absolute',
-      left: "".concat(config.colHeaderWidth, "px"),
+      left: "".concat(realColHeaderWidth, "px"),
       top: "".concat(config.colHeaderToTop, "px"),
       minWidth: rightAreaWidth,
       zIndex: 0

package/dist/index.js

@@ -9707,6 +9707,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
     disabled = props.disabled,
     restProps = _objectWithoutProperties(props, _excluded$5);
   var url = remoteSource.url,
+    headers = remoteSource.headers,
     _remoteSource$paramsK = remoteSource.paramsKey,
     paramsKey = _remoteSource$paramsK === void 0 ? 'qp-name-like' : _remoteSource$paramsK,
     _remoteSource$resKeyV = remoteSource.resKeyValue,
@@ -9737,7 +9738,9 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
   /* 实时查询   但是目前用的直接是完整数据源, 所以没有使用 */
   var handleSearch = function handleSearch(q) {
     var paramsData = _objectSpread2(_defineProperty({}, "".concat(paramsKey), q), initialParams);
-    axios__default['default'].get("".concat(url, "?").concat(querystring.stringify(paramsData))).then( /*#__PURE__*/function () {
+    axios__default['default'].get("".concat(url, "?").concat(querystring.stringify(paramsData)), {
+      headers: headers
+    }).then( /*#__PURE__*/function () {
       var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(res) {
         var _ctx$form;
         var resData, coverData, data, dataList;
@@ -9877,7 +9880,7 @@ var TreeSearchSelect = function TreeSearchSelect(props) {
   })));
 };
 
-var handleDefaultProps = function handleDefaultProps(type) {
+var handleDefaultProps = function handleDefaultProps(type, otherRequestConfig) {
   var result = {};
   switch (type) {
     case 'department':
@@ -9886,6 +9889,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'administrative-organization-view'
           },
@@ -9898,6 +9902,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'sales-organizational-view',
             'qp-status-eq': 10
@@ -9911,6 +9916,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'purchase-organizational-view',
             'qp-status-eq': 10
@@ -9924,6 +9930,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'stock-organizational-view',
             'qp-status-eq': 10
@@ -9937,6 +9944,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/channel-manage/tagNode/getTree/10",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           resKeyValue: ['code', 'name']
         }
       };
@@ -9947,6 +9955,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
         isChoose: true,
         remoteSource: {
           url: "/user/orgViewNode/common/getTreeForOrgViewAndTenant",
+          headers: otherRequestConfig === null || otherRequestConfig === void 0 ? void 0 : otherRequestConfig.extralHeaders,
           initialParams: {
             'orgViewCode': 'administrative-organization-view'
           },
@@ -9961,7 +9970,7 @@ var handleDefaultProps = function handleDefaultProps(type) {
 var MemoTreeSearchSelect = /*#__PURE__*/React__default['default'].memo(TreeSearchSelect);
 var BusinessTreeSearchSelect = function BusinessTreeSearchSelect(props) {
   var businessType = (props === null || props === void 0 ? void 0 : props.businessType) || 'department';
-  var handleBusinessProps = handleDefaultProps(businessType);
+  var handleBusinessProps = handleDefaultProps(businessType, props === null || props === void 0 ? void 0 : props.requestConfig);
   var currentProps = React.useMemo(function () {
     return _objectSpread2(_objectSpread2({}, handleBusinessProps), props);
   }, [props === null || props === void 0 ? void 0 : props.value]);
@@ -16969,7 +16978,6 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
       colLastData: [],
       rowHeader: [],
       rowLastData: [],
-      colHeaderWidth: 400,
       colHeaderToTop: 0
     }),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -16988,27 +16996,36 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     viewCount = _useState10[0],
     setViewCount = _useState10[1]; //虚拟表格每次渲染数量
   var itemWidth = 100; // 表格每一项宽度
+  var _useState11 = React.useState((props === null || props === void 0 ? void 0 : props.colHeaderWidth) || 400),
+    _useState12 = _slicedToArray(_useState11, 2),
+    realColHeaderWidth = _useState12[0],
+    setLeftWidth = _useState12[1];
   var viewPort = React.useRef(null);
   var topScrollBar = React.useRef(null);
+  var leftTableRef = React.useRef(null);
   //起始渲染item
-  var _useState11 = React.useState(0),
-    _useState12 = _slicedToArray(_useState11, 2),
-    startIndex = _useState12[0],
-    setStartIndex = _useState12[1];
+  var _useState13 = React.useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    startIndex = _useState14[0],
+    setStartIndex = _useState14[1];
   //结束渲染item
   var endIndex = React.useMemo(function () {
     return startIndex + viewCount;
   }, [startIndex, viewCount]);
   //表格偏移量
-  var _useState13 = React.useState(0),
-    _useState14 = _slicedToArray(_useState13, 2),
-    offsetWidth = _useState14[0],
-    setOffset = _useState14[1];
+  var _useState15 = React.useState(0),
+    _useState16 = _slicedToArray(_useState15, 2),
+    offsetWidth = _useState16[0],
+    setOffset = _useState16[1];
   React.useEffect(function () {
-    var viewPortWidth = viewPort.current.clientWidth;
-    var defaultTableWidth = viewPortWidth - (props.colHeaderWidth || 400);
-    var viewCount = Math.floor(defaultTableWidth / itemWidth) + 2 <= 10 ? 10 : Math.floor(defaultTableWidth / itemWidth) + 2;
-    setViewCount(viewCount);
+    setTimeout(function () {
+      var realLeftTableWidth = leftTableRef.current.clientWidth;
+      var viewPortWidth = viewPort.current.clientWidth;
+      var defaultTableWidth = viewPortWidth - realLeftTableWidth;
+      var viewCount = Math.floor(defaultTableWidth / itemWidth) + 2 <= 10 ? 10 : Math.floor(defaultTableWidth / itemWidth) + 2;
+      setViewCount(viewCount);
+      setLeftWidth(realLeftTableWidth);
+    });
   }, []);
   var onScroll = function onScroll() {
     if (topScrollBar.current) {
@@ -17016,6 +17033,9 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     var scrollWidth = viewPort.current.scrollLeft;
     var startIndex = Math.floor(scrollWidth / itemWidth);
+    if (startIndex + viewCount >= colTableData.length) {
+      startIndex = colTableData.length - viewCount;
+    }
     var offsetWidth = startIndex * itemWidth;
     setStartIndex(startIndex);
     setOffset(offsetWidth);
@@ -17033,9 +17053,7 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // 设置表头相关信息
   React.useEffect(function () {
     var colData = props.colData,
-      rowData = props.rowData,
-      _props$colHeaderWidth = props.colHeaderWidth,
-      colHeaderWidth = _props$colHeaderWidth === void 0 ? 400 : _props$colHeaderWidth;
+      rowData = props.rowData;
     var tableType;
     if (colData && colData.length && rowData && rowData.length) {
       tableType = 'multi-header-table';
@@ -17048,7 +17066,6 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
         rowHeader: [],
         rowLastData: []
       }, colHeaderData), rowHeaderData), {}, {
-        colHeaderWidth: colHeaderWidth,
         colHeaderToTop: ((rowHeader === null || rowHeader === void 0 ? void 0 : rowHeader.length) || 0) * 40,
         tableType: tableType
       }));
@@ -17061,7 +17078,6 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
         rowHeader: [],
         rowLastData: []
       }, _colHeaderData), {}, {
-        colHeaderWidth: colHeaderWidth || 400,
         colHeaderToTop: 0,
         tableType: tableType
       }));
@@ -17103,7 +17119,7 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tableProps = props.tableProps;
   var tableWidth = width ? "".concat(width, "px") : '100%';
   var tableHeight = "".concat(height || 400, "px");
-  var rightAreaWidth = 'calc(100% - ' + "".concat(config.colHeaderWidth, "px") + ')';
+  var rightAreaWidth = 'calc(100% - ' + "".concat(realColHeaderWidth, "px") + ')';
   return /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       width: tableWidth,
@@ -17119,7 +17135,7 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: topScrollBar
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
-      width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
+      width: "".concat(realColHeaderWidth + placeholderWidth, "px"),
       position: 'absolute',
       top: 0,
       left: 0,
@@ -17127,7 +17143,7 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }), /*#__PURE__*/React__default['default'].createElement("table", {
     style: {
-      width: "".concat(config.colHeaderWidth + 1, "px"),
+      width: "".concat(realColHeaderWidth, "px"),
       height: "".concat(config.colHeaderToTop, "px"),
       display: config.tableType === 'col-header-table' ? 'none' : ''
     },
@@ -17136,11 +17152,12 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: {
       tableLayout: 'auto',
       minWidth: '100px',
-      width: "".concat(config.colHeaderWidth + 1, "px"),
+      width: "".concat(realColHeaderWidth, "px"),
       top: "".concat(config.colHeaderToTop, "px"),
       left: '0px',
       position: 'sticky'
     },
+    ref: leftTableRef,
     className: 'south__west'.concat(" ", 'editTable__block', " ", 'table_border_style')
   }, /*#__PURE__*/React__default['default'].createElement("tbody", null, config.colHeader.map(function (item, index) {
     return /*#__PURE__*/React__default['default'].createElement("tr", null, item.map(function (innerItem) {
@@ -17166,7 +17183,7 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     style: {
       width: '100%',
       top: 0,
-      left: "".concat(config.colHeaderWidth, "px"),
+      left: "".concat(realColHeaderWidth, "px"),
       position: 'absolute',
       display: config.tableType === 'col-header-table' ? 'none' : ''
     }
@@ -17192,7 +17209,7 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }))), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       position: 'absolute',
-      left: "".concat(config.colHeaderWidth, "px"),
+      left: "".concat(realColHeaderWidth, "px"),
       top: "".concat(config.colHeaderToTop, "px"),
       minWidth: rightAreaWidth,
       zIndex: 0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bit-sun/business-component",
-  "version": "2.3.3",
+  "version": "2.3.5",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

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

@@ -7,8 +7,7 @@ const MemoTreeSearchSelect = React.memo(TreeSearchSelect)
 const  BusinessTreeSearchSelect = (props: any) => {
   const businessType = props?.businessType || 'department';
 
-  const handleBusinessProps = handleDefaultProps(businessType);
-
+  const handleBusinessProps = handleDefaultProps(businessType, props?.requestConfig);
   const currentProps = useMemo(() => {
     return {
       ...handleBusinessProps,

package/src/components/Business/TreeSearchSelect/utils.ts

@@ -1,4 +1,4 @@
-const handleDefaultProps = (type: string) => {
+const handleDefaultProps = (type: string, otherRequestConfig: {extralHeaders?: string}|undefined) => {
   let result = {};
   switch (type){
     case 'department':
@@ -7,6 +7,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'administrative-organization-view' },
           resKeyValue: ['code', 'name'],
         },
@@ -17,6 +18,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'sales-organizational-view', 'qp-status-eq': 10 }, // status: 10启用 20禁用
           resKeyValue: ['code', 'name'],
         },
@@ -27,6 +29,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'purchase-organizational-view', 'qp-status-eq': 10 },
           resKeyValue: ['code', 'name'],
         },
@@ -37,6 +40,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'stock-organizational-view', 'qp-status-eq': 10 },
           resKeyValue: ['code', 'name'],
         },
@@ -47,6 +51,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/channel-manage/tagNode/getTree/10`,
+          headers: otherRequestConfig?.extralHeaders,
           resKeyValue: ['code', 'name'],
         },
       };
@@ -57,6 +62,7 @@ const handleDefaultProps = (type: string) => {
         isChoose: true,
         remoteSource: {
           url: `/user/orgViewNode/common/getTreeForOrgViewAndTenant`,
+          headers: otherRequestConfig?.extralHeaders,
           initialParams: { 'orgViewCode': 'administrative-organization-view' },
           resKeyValue: ['code', 'name'],
         },

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

@@ -22,7 +22,7 @@ export default () => {
   const colTableRef = useRef(null);
 
   let colTableData = [];
-  for (let i = 1; i < 10001; i++) {
+  for (let i = 1; i < 1001; i++) {
     colTableData.push({
        '1111-1-2': '1',
         '1111-1-3': '2',
@@ -35,7 +35,7 @@ export default () => {
         'fixed2': `标题1-${i}`,
     })
   }
-  for (let j = 1; j < 10001; j++) {
+  for (let j = 1; j < 1001; j++) {
     colTableData.push({
        '1111-1-2': '1',
         '1111-1-3': '2',

package/src/components/Business/moreTreeTable/index.tsx

@@ -13,16 +13,17 @@ export default forwardRef((props, ref) => {
     colLastData: [],
     rowHeader: [],
     rowLastData: [],
-    colHeaderWidth: 400,
     colHeaderToTop: 0,
   });
   const [colTableData, setColTableData] = useState([]); //纵向表头数据
   const [multiTableData, setMmultiTableData] = useState({}); //多表头数据
   const [viewCount, setViewCount] = useState(10); //虚拟表格每次渲染数量
   const itemWidth = 100; // 表格每一项宽度
+  const [realColHeaderWidth, setLeftWidth] = useState(props?.colHeaderWidth || 400);
 
   const viewPort = useRef(null);
-  const topScrollBar = useRef(null)
+  const topScrollBar = useRef(null);
+  const leftTableRef = useRef(null);
 
   //起始渲染item
   const [startIndex, setStartIndex] = useState(0);
@@ -36,10 +37,14 @@ export default forwardRef((props, ref) => {
   const [offsetWidth, setOffset] = useState(0);
 
   useEffect(() => { //根据容器宽度计算每次渲染个数
-    let viewPortWidth = viewPort.current.clientWidth;
-    let defaultTableWidth =  viewPortWidth - (props.colHeaderWidth || 400);
-    let viewCount = Math.floor(defaultTableWidth/itemWidth) + 2 <= 10 ? 10 : Math.floor(defaultTableWidth/itemWidth) + 2;
-    setViewCount(viewCount)
+    setTimeout(() => {
+      let realLeftTableWidth = leftTableRef.current.clientWidth;
+      let viewPortWidth = viewPort.current.clientWidth;
+      let defaultTableWidth =  viewPortWidth - realLeftTableWidth;
+      let viewCount = Math.floor(defaultTableWidth/itemWidth) + 2 <= 10 ? 10 : Math.floor(defaultTableWidth/itemWidth) + 2;
+      setViewCount(viewCount)
+      setLeftWidth(realLeftTableWidth);
+    })
   }, [])
 
   const onScroll = () => {
@@ -47,7 +52,10 @@ export default forwardRef((props, ref) => {
       topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0)
     }
     const scrollWidth = viewPort.current.scrollLeft;
-    const startIndex = Math.floor(scrollWidth/itemWidth);
+    let startIndex = Math.floor(scrollWidth/itemWidth);
+    if ( startIndex + viewCount >= colTableData.length) {
+      startIndex = colTableData.length - viewCount;
+    }
     const offsetWidth = startIndex * itemWidth;
     setStartIndex(startIndex);
     setOffset(offsetWidth);
@@ -66,7 +74,7 @@ export default forwardRef((props, ref) => {
 
   // 设置表头相关信息
   useEffect(() => {
-    const { colData, rowData, colHeaderWidth=400 } = props;
+    const { colData, rowData } = props;
     let tableType;
     if (colData && colData.length && rowData && rowData.length) {
       tableType = 'multi-header-table';
@@ -80,7 +88,6 @@ export default forwardRef((props, ref) => {
         rowLastData: [],
         ...colHeaderData,
         ...rowHeaderData,
-        colHeaderWidth: colHeaderWidth,
         colHeaderToTop: (rowHeader?.length || 0)*40,
         tableType: tableType
       })
@@ -93,7 +100,6 @@ export default forwardRef((props, ref) => {
         rowHeader: [],
         rowLastData: [],
         ...colHeaderData,
-        colHeaderWidth: colHeaderWidth || 400,
         colHeaderToTop: 0,
         tableType: tableType
       })
@@ -143,7 +149,7 @@ export default forwardRef((props, ref) => {
   const {width, height, tableProps } = props;
   let tableWidth = width ? `${width}px` : '100%';
   let tableHeight = `${height || 400}px`;
-  const rightAreaWidth = 'calc(100% - ' +  `${config.colHeaderWidth}px` + ')';
+  const rightAreaWidth = 'calc(100% - ' +  `${realColHeaderWidth}px` + ')';
   return (
       <div 
         style={{width: tableWidth, height: tableHeight}}
@@ -158,7 +164,7 @@ export default forwardRef((props, ref) => {
           ref={topScrollBar}
         />
         <div style={{
-          width: `${config.colHeaderWidth + 1 + placeholderWidth}px`,
+          width: `${realColHeaderWidth + placeholderWidth}px`,
           position: 'absolute',
           top: 0,
           left: 0,
@@ -168,7 +174,7 @@ export default forwardRef((props, ref) => {
          {/* -------------------------------------左上角区域--------------------------------------- */}
          <table 
           style={{
-            width: `${config.colHeaderWidth+1}px`, 
+            width: `${realColHeaderWidth}px`, 
             height:  `${config.colHeaderToTop}px`, 
             display: config.tableType === 'col-header-table' ? 'none' : '',
           }} 
@@ -181,11 +187,12 @@ export default forwardRef((props, ref) => {
           style={{
             tableLayout:'auto',
             minWidth: '100px',
-            width: `${config.colHeaderWidth+1}px`,
+            width: `${realColHeaderWidth}px`,
             top: `${config.colHeaderToTop}px`,
             left: '0px',
             position: 'sticky',
           }}
+          ref={leftTableRef}
           className={`${'south__west'} ${'editTable__block'} ${'table_border_style'}`}
         >
           <tbody>
@@ -225,7 +232,7 @@ export default forwardRef((props, ref) => {
           style={{
             width: '100%',
             top: 0,
-            left: `${config.colHeaderWidth}px`,
+            left: `${realColHeaderWidth}px`,
             position: 'absolute',
             display: config.tableType === 'col-header-table' ? 'none' : ''
           }}
@@ -271,7 +278,7 @@ export default forwardRef((props, ref) => {
         <div
           style={{
             position: 'absolute',
-            left: `${config.colHeaderWidth}px`,
+            left: `${realColHeaderWidth}px`,
             top: `${config.colHeaderToTop}px`, 
             minWidth: rightAreaWidth,
             zIndex: 0,

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

@@ -34,6 +34,7 @@ const TreeSearchSelect = (props: any) => {
 
   const {
     url,
+    headers,
     paramsKey = 'qp-name-like',
     resKeyValue = ['id', 'name'],
     initialParams = {},
@@ -66,7 +67,7 @@ const TreeSearchSelect = (props: any) => {
       [`${paramsKey}`]: q,
       ...initialParams,
     }
-    axios.get(`${url}?${stringify(paramsData)}`).then(async (res: any) => {
+    axios.get(`${url}?${stringify(paramsData)}`, {headers}).then(async (res: any) => {
       const resData = res?.data || [];
       let coverData;