@bit-sun/business-component 2.3.4 → 2.3.6

package/dist/components/Business/BsLayouts/Components/AllFunc/drawContent.d.ts

@@ -1,4 +1,4 @@
 import './index.less';
-export declare type SiderTheme = 'light' | 'dark';
+export type SiderTheme = 'light' | 'dark';
 declare const DrawContent: ({ onClose, itemPath }: any) => JSX.Element;
 export default DrawContent;

package/dist/components/Business/BsLayouts/Components/AllFunc/index.d.ts

@@ -1,4 +1,4 @@
 import './index.less';
-export declare type SiderTheme = 'light' | 'dark';
+export type SiderTheme = 'light' | 'dark';
 declare const AllFunc: any;
 export default AllFunc;

package/dist/components/Business/BsLayouts/Components/RightContent/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './home.less';
-export declare type SiderTheme = 'light' | 'dark';
-export declare type GlobalHeaderRightProps = {
+export type SiderTheme = 'light' | 'dark';
+export type GlobalHeaderRightProps = {
     menu?: boolean;
 };
 declare const GlobalHeaderRight: React.FC<GlobalHeaderRightProps>;

package/dist/components/Business/BsLayouts/Components/SearchFunc/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './index.less';
-export declare type SiderTheme = 'light' | 'dark';
-export declare type GlobalHeaderRightProps = {
+export type SiderTheme = 'light' | 'dark';
+export type GlobalHeaderRightProps = {
     menu?: boolean;
 };
 declare const AllFunc: React.FC<GlobalHeaderRightProps>;

package/dist/components/Business/BsLayouts/index.d.ts

@@ -2,14 +2,14 @@ import type { MenuDataItem, BasicLayoutProps as ProLayoutProps, Settings } from
 import React from 'react';
 import './index.less';
 export declare const RouterContext: React.Context<{}>;
-export declare type BasicLayoutProps = {
+export type BasicLayoutProps = {
     breadcrumbNameMap: Record<string, MenuDataItem>;
     route: ProLayoutProps['route'] & {
         authority: string[];
     };
     settings: Settings;
 } & ProLayoutProps;
-export declare type BasicLayoutContext = {
+export type BasicLayoutContext = {
     [K in 'location']: BasicLayoutProps[K];
 } & {
     breadcrumbNameMap: Record<string, MenuDataItem>;

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

@@ -46,13 +46,13 @@ export declare const handleTextLineFeed: (text: string | undefined, width?: numb
 export declare const handleTextOverflow: (text: string | undefined, width?: number) => JSX.Element;
 export declare const handleTooltip: (text: any, timeTrue?: boolean) => JSX.Element;
 export declare const handleTooltipHours: (text: any, timeTrue?: boolean) => JSX.Element;
-declare type tableColumnsImageType = {
+type tableColumnsImageType = {
     width?: number | string;
     height?: number | string;
     [key: string]: any;
 };
 export declare const tableColumnsImage: (url?: string, paramsObj?: tableColumnsImageType) => JSX.Element;
-declare type UserColumnsType = {
+type UserColumnsType = {
     name: string;
     department?: string;
     position?: string;

package/dist/components/Functional/BsAntdSula/BsCascader/index.d.ts

@@ -1,5 +1,5 @@
 import type { CascaderProps as ACascaderProps } from 'antd/lib/cascader';
-export declare type CascaderSourceItem = {
+export type CascaderSourceItem = {
     text: any;
     value: any;
 };

package/dist/index.esm.js

@@ -2,7 +2,7 @@ import axios from 'axios';
 import { message as message$1, Popover, Card, Avatar, Tooltip, Image, Menu, Space, Dropdown, Button, Checkbox, Input, Modal, Select, Form, Divider, Spin, Table, TreeSelect, Tag, InputNumber, Typography, Alert, Anchor, Breadcrumb, Drawer as Drawer$1, List, Tree, Row, Col, Tabs, Affix, Cascader, DatePicker, TimePicker, Switch } from 'antd';
 import _, { omit, debounce, cloneDeep as cloneDeep$1, throttle, isEmpty } from 'lodash';
 import { history, formatMessage, useLocation, Link, useModel, useIntl } from 'umi';
-import isEqual from 'lodash/isEqual';
+import isEqual$1 from 'lodash/isEqual';
 import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef, useMemo, Component, useLayoutEffect, createRef } from 'react';
 import moment$1 from 'moment';
 import { UnorderedListOutlined, ProfileTwoTone, ExclamationCircleOutlined, DownOutlined, CopyOutlined, SearchOutlined, CaretLeftOutlined, CloseCircleOutlined, ArrowLeftOutlined, FolderOutlined, EllipsisOutlined, CaretDownOutlined, HomeOutlined, DoubleLeftOutlined, DoubleRightOutlined, MenuUnfoldOutlined, DashOutlined, SettingOutlined, BulbOutlined, PlayCircleOutlined, SaveOutlined, FullscreenExitOutlined, EditOutlined, MinusCircleOutlined, PlusCircleOutlined } from '@ant-design/icons';
@@ -136,6 +136,33 @@ axios.interceptors.request.use(function (config) {
   return config;
 });
 
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -292,14 +319,9 @@ function _regeneratorRuntime() {
     };
   }
   function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-    if (undefined === method) {
-      if (context.delegate = null, "throw" === context.method) {
-        if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-      }
-      return ContinueSentinel;
-    }
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
     var record = tryCatch(method, delegate.iterator, context.arg);
     if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
     var info = record.arg;
@@ -513,7 +535,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -525,6 +547,7 @@ function _createClass(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -667,30 +690,6 @@ function _arrayWithHoles(arr) {
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-  return _arr;
-}
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -710,6 +709,20 @@ function _nonIterableSpread() {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 var checkQuantityAccuracy = function checkQuantityAccuracy(value, accuracy, errorInfo) {
   var errorMessage = _objectSpread2({
@@ -749,41 +762,52 @@ var precisionQuantity = function precisionQuantity(num, accuracy) {
   return '';
 };
 
-var simpleIsEqual = function simpleIsEqual(a, b) {
-  return a === b;
-};
-
-function index$1 (resultFn, isEqual) {
-  if (isEqual === void 0) {
-    isEqual = simpleIsEqual;
-  }
-
-  var lastThis;
-  var lastArgs = [];
-  var lastResult;
-  var calledOnce = false;
-
-  var isNewArgEqualToLast = function isNewArgEqualToLast(newArg, index) {
-    return isEqual(newArg, lastArgs[index], index);
-  };
-
-  var result = function result() {
-    for (var _len = arguments.length, newArgs = new Array(_len), _key = 0; _key < _len; _key++) {
-      newArgs[_key] = arguments[_key];
+var safeIsNaN = Number.isNaN ||
+    function ponyfill(value) {
+        return typeof value === 'number' && value !== value;
+    };
+function isEqual(first, second) {
+    if (first === second) {
+        return true;
     }
-
-    if (calledOnce && lastThis === this && newArgs.length === lastArgs.length && newArgs.every(isNewArgEqualToLast)) {
-      return lastResult;
+    if (safeIsNaN(first) && safeIsNaN(second)) {
+        return true;
     }
+    return false;
+}
+function areInputsEqual(newInputs, lastInputs) {
+    if (newInputs.length !== lastInputs.length) {
+        return false;
+    }
+    for (var i = 0; i < newInputs.length; i++) {
+        if (!isEqual(newInputs[i], lastInputs[i])) {
+            return false;
+        }
+    }
+    return true;
+}
 
-    lastResult = resultFn.apply(this, newArgs);
-    calledOnce = true;
-    lastThis = this;
-    lastArgs = newArgs;
-    return lastResult;
-  };
-
-  return result;
+function memoizeOne(resultFn, isEqual) {
+    if (isEqual === void 0) { isEqual = areInputsEqual; }
+    var lastThis;
+    var lastArgs = [];
+    var lastResult;
+    var calledOnce = false;
+    function memoized() {
+        var newArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            newArgs[_i] = arguments[_i];
+        }
+        if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
+            return lastResult;
+        }
+        lastResult = resultFn.apply(this, newArgs);
+        calledOnce = true;
+        lastThis = this;
+        lastArgs = newArgs;
+        return lastResult;
+    }
+    return memoized;
 }
 
 function styleInject(css, ref) {
@@ -1094,7 +1118,7 @@ var formatter = function formatter(data, parentAuthority, parentName) {
     return item;
   });
 };
-var memoizeOneFormatter = index$1(formatter, isEqual);
+var memoizeOneFormatter = memoizeOne(formatter, isEqual$1);
 var go2BackAndClose = function go2BackAndClose() {
   localStorage.setItem(ENUM.BROWSER_CACHE.CHILD_APP_BACK, 1);
   history.goBack();
@@ -9581,7 +9605,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index$2 = (function (storageKeyString) {
+var index$1 = (function (storageKeyString) {
   var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
   if (typeof seconds !== 'number') throw new Error('seconds should be number');
@@ -9946,7 +9970,7 @@ var BusinessTreeSearchSelect$1 = /*#__PURE__*/React.memo(BusinessTreeSearchSelec
 var css_248z$8 = ".form-status-label {\n  height: 48px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.form-status-label:last-child {\n  margin-right: 0px;\n}\n.form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -48px;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -48px;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.status-label-index {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #FFFFFF;\n  color: #FFFFFF;\n  border-radius: 50%;\n  font-family: Montserrat;\n  font-size: 14px;\n  line-height: 24px;\n  text-align: center;\n  margin: 0 6px 0 20px;\n}\n.status-label-key {\n  width: 50px;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n}\n.status-label-operate {\n  float: left;\n  width: calc(100% - 50px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 100%;\n  margin: 4px 0;\n}\n.status-label-operate > div {\n  font-size: 12px;\n  height: 20px;\n  line-height: 20px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.status-label-operate > div:first-child {\n  font-size: 14px;\n  font-weight: 600;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
 styleInject(css_248z$8);
 
-var index$3 = (function (props) {
+var index$2 = (function (props) {
   var _props$formStatusMapp = props.formStatusMapping,
     formStatusMapping = _props$formStatusMapp === void 0 ? [] : _props$formStatusMapp;
   return /*#__PURE__*/React.createElement("div", {
@@ -11370,7 +11394,7 @@ var iconMap = {
     src: moreIcon
   })
 };
-var index$4 = (function (props) {
+var index$3 = (function (props) {
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var _useState = useState(pathname + 'id'),
@@ -11587,7 +11611,7 @@ var css_248z$d = ".home_page_head {\n  height: 54px;\n  display: flex;\n  justif
 styleInject(css_248z$d);
 
 var _excluded$c = ["children"];
-var index$5 = (function (props) {
+var index$4 = (function (props) {
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var _useState = useState(pathname + 'id'),
@@ -16683,7 +16707,7 @@ var WrapperComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return WrapperComponent;
 }(React.Component);
-var index$6 = (function (props) {
+var index$5 = (function (props) {
   var _useModel = useModel('@@initialState'),
     _useModel$initialStat = _useModel.initialState,
     initialState = _useModel$initialStat === void 0 ? {} : _useModel$initialStat;
@@ -16924,7 +16948,7 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
 };
 var FixedScrollBar$1 = /*#__PURE__*/React.forwardRef(FixedScrollBar);
 
-var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
+var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -16935,7 +16959,6 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
       colLastData: [],
       rowHeader: [],
       rowLastData: [],
-      colHeaderWidth: 400,
       colHeaderToTop: 0
     }),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -16954,34 +16977,46 @@ var index$7 = /*#__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() {
+  var onScroll = function onScroll(e) {
     if (topScrollBar.current) {
       topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0);
     }
     var scrollWidth = viewPort.current.scrollLeft;
     var startIndex = Math.floor(scrollWidth / itemWidth);
+    if (startIndex + viewCount >= colTableData.length) {
+      startIndex = colTableData.length - viewCount <= 0 ? 0 : colTableData.length - viewCount;
+    }
     var offsetWidth = startIndex * itemWidth;
     setStartIndex(startIndex);
     setOffset(offsetWidth);
@@ -16999,9 +17034,7 @@ var index$7 = /*#__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';
@@ -17014,7 +17047,6 @@ var index$7 = /*#__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
       }));
@@ -17027,7 +17059,6 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
         rowHeader: [],
         rowLastData: []
       }, _colHeaderData), {}, {
-        colHeaderWidth: colHeaderWidth || 400,
         colHeaderToTop: 0,
         tableType: tableType
       }));
@@ -17069,7 +17100,7 @@ var index$7 = /*#__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,
@@ -17085,7 +17116,7 @@ var index$7 = /*#__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,
@@ -17093,7 +17124,7 @@ var index$7 = /*#__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' : ''
     },
@@ -17102,11 +17133,12 @@ var index$7 = /*#__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) {
@@ -17132,7 +17164,7 @@ var index$7 = /*#__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' : ''
     }
@@ -17158,7 +17190,7 @@ var index$7 = /*#__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
@@ -30332,4 +30364,4 @@ var RuleObjectComponent = /*#__PURE__*/function (_Component) {
   return RuleObjectComponent;
 }(Component);
 
-export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, BillEntry, BsCascader, index$6 as BsLayout, BsSulaQueryTable, BusinessSearchSelect$1 as BusinessSearchSelect, BusinessTreeSearchSelect$1 as BusinessTreeSearchSelect, index$2 as CheckOneUser, ColumnSettingTable, CommodityEntry, DataImport, DataValidation, index$4 as DetailPageWrapper, EllipsisTooltip, ExportIcon, GuideWrapper, index$5 as HomePageWrapper, JsonQueryTable, index$7 as MoreTreeTable, QueryMutipleInput, RuleObjectComponent as RuleComponent, SearchSelect, index$3 as StateFlow, ColumnSettingSulaTable as SulaColumnSettingTable, TableColumnSetting, TreeSearchSelect };
+export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, BillEntry, BsCascader, index$5 as BsLayout, BsSulaQueryTable, BusinessSearchSelect$1 as BusinessSearchSelect, BusinessTreeSearchSelect$1 as BusinessTreeSearchSelect, index$1 as CheckOneUser, ColumnSettingTable, CommodityEntry, DataImport, DataValidation, index$3 as DetailPageWrapper, EllipsisTooltip, ExportIcon, GuideWrapper, index$4 as HomePageWrapper, JsonQueryTable, index$6 as MoreTreeTable, QueryMutipleInput, RuleObjectComponent as RuleComponent, SearchSelect, index$2 as StateFlow, ColumnSettingSulaTable as SulaColumnSettingTable, TableColumnSetting, TreeSearchSelect };

package/dist/index.js

@@ -6,7 +6,7 @@ var axios = require('axios');
 var antd = require('antd');
 var _ = require('lodash');
 var umi = require('umi');
-var isEqual = require('lodash/isEqual');
+var isEqual$1 = require('lodash/isEqual');
 var React = require('react');
 var moment$1 = require('moment');
 var icons = require('@ant-design/icons');
@@ -33,7 +33,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual$1);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment$1);
 var ProLayout__default = /*#__PURE__*/_interopDefaultLegacy(ProLayout);
@@ -155,6 +155,33 @@ axios__default['default'].interceptors.request.use(function (config) {
   return config;
 });
 
+function _iterableToArrayLimit(arr, i) {
+  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
+  if (null != _i) {
+    var _s,
+      _e,
+      _x,
+      _r,
+      _arr = [],
+      _n = !0,
+      _d = !1;
+    try {
+      if (_x = (_i = _i.call(arr)).next, 0 === i) {
+        if (Object(_i) !== _i) return;
+        _n = !1;
+      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
+    } catch (err) {
+      _d = !0, _e = err;
+    } finally {
+      try {
+        if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
+      } finally {
+        if (_d) throw _e;
+      }
+    }
+    return _arr;
+  }
+}
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -311,14 +338,9 @@ function _regeneratorRuntime() {
     };
   }
   function maybeInvokeDelegate(delegate, context) {
-    var method = delegate.iterator[context.method];
-    if (undefined === method) {
-      if (context.delegate = null, "throw" === context.method) {
-        if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
-        context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
-      }
-      return ContinueSentinel;
-    }
+    var methodName = context.method,
+      method = delegate.iterator[methodName];
+    if (undefined === method) return context.delegate = null, "throw" === methodName && delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method) || "return" !== methodName && (context.method = "throw", context.arg = new TypeError("The iterator does not provide a '" + methodName + "' method")), ContinueSentinel;
     var record = tryCatch(method, delegate.iterator, context.arg);
     if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
     var info = record.arg;
@@ -532,7 +554,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
+    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -544,6 +566,7 @@ function _createClass(Constructor, protoProps, staticProps) {
   return Constructor;
 }
 function _defineProperty(obj, key, value) {
+  key = _toPropertyKey(key);
   if (key in obj) {
     Object.defineProperty(obj, key, {
       value: value,
@@ -686,30 +709,6 @@ function _arrayWithHoles(arr) {
 function _iterableToArray(iter) {
   if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
 }
-function _iterableToArrayLimit(arr, i) {
-  var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _s, _e;
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-  return _arr;
-}
 function _unsupportedIterableToArray(o, minLen) {
   if (!o) return;
   if (typeof o === "string") return _arrayLikeToArray(o, minLen);
@@ -729,6 +728,20 @@ function _nonIterableSpread() {
 function _nonIterableRest() {
   throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
+function _toPrimitive(input, hint) {
+  if (typeof input !== "object" || input === null) return input;
+  var prim = input[Symbol.toPrimitive];
+  if (prim !== undefined) {
+    var res = prim.call(input, hint || "default");
+    if (typeof res !== "object") return res;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (hint === "string" ? String : Number)(input);
+}
+function _toPropertyKey(arg) {
+  var key = _toPrimitive(arg, "string");
+  return typeof key === "symbol" ? key : String(key);
+}
 
 var checkQuantityAccuracy = function checkQuantityAccuracy(value, accuracy, errorInfo) {
   var errorMessage = _objectSpread2({
@@ -768,41 +781,52 @@ var precisionQuantity = function precisionQuantity(num, accuracy) {
   return '';
 };
 
-var simpleIsEqual = function simpleIsEqual(a, b) {
-  return a === b;
-};
-
-function index$1 (resultFn, isEqual) {
-  if (isEqual === void 0) {
-    isEqual = simpleIsEqual;
-  }
-
-  var lastThis;
-  var lastArgs = [];
-  var lastResult;
-  var calledOnce = false;
-
-  var isNewArgEqualToLast = function isNewArgEqualToLast(newArg, index) {
-    return isEqual(newArg, lastArgs[index], index);
-  };
-
-  var result = function result() {
-    for (var _len = arguments.length, newArgs = new Array(_len), _key = 0; _key < _len; _key++) {
-      newArgs[_key] = arguments[_key];
+var safeIsNaN = Number.isNaN ||
+    function ponyfill(value) {
+        return typeof value === 'number' && value !== value;
+    };
+function isEqual(first, second) {
+    if (first === second) {
+        return true;
     }
-
-    if (calledOnce && lastThis === this && newArgs.length === lastArgs.length && newArgs.every(isNewArgEqualToLast)) {
-      return lastResult;
+    if (safeIsNaN(first) && safeIsNaN(second)) {
+        return true;
     }
+    return false;
+}
+function areInputsEqual(newInputs, lastInputs) {
+    if (newInputs.length !== lastInputs.length) {
+        return false;
+    }
+    for (var i = 0; i < newInputs.length; i++) {
+        if (!isEqual(newInputs[i], lastInputs[i])) {
+            return false;
+        }
+    }
+    return true;
+}
 
-    lastResult = resultFn.apply(this, newArgs);
-    calledOnce = true;
-    lastThis = this;
-    lastArgs = newArgs;
-    return lastResult;
-  };
-
-  return result;
+function memoizeOne(resultFn, isEqual) {
+    if (isEqual === void 0) { isEqual = areInputsEqual; }
+    var lastThis;
+    var lastArgs = [];
+    var lastResult;
+    var calledOnce = false;
+    function memoized() {
+        var newArgs = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            newArgs[_i] = arguments[_i];
+        }
+        if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
+            return lastResult;
+        }
+        lastResult = resultFn.apply(this, newArgs);
+        calledOnce = true;
+        lastThis = this;
+        lastArgs = newArgs;
+        return lastResult;
+    }
+    return memoized;
 }
 
 function styleInject(css, ref) {
@@ -1113,7 +1137,7 @@ var formatter = function formatter(data, parentAuthority, parentName) {
     return item;
   });
 };
-var memoizeOneFormatter = index$1(formatter, isEqual__default['default']);
+var memoizeOneFormatter = memoizeOne(formatter, isEqual__default['default']);
 var go2BackAndClose = function go2BackAndClose() {
   localStorage.setItem(ENUM.BROWSER_CACHE.CHILD_APP_BACK, 1);
   umi.history.goBack();
@@ -9600,7 +9624,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index$2 = (function (storageKeyString) {
+var index$1 = (function (storageKeyString) {
   var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
   var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
   if (typeof seconds !== 'number') throw new Error('seconds should be number');
@@ -9965,7 +9989,7 @@ var BusinessTreeSearchSelect$1 = /*#__PURE__*/React__default['default'].memo(Bus
 var css_248z$8 = ".form-status-label {\n  height: 48px;\n  margin-right: 12px;\n  display: inline-block;\n  position: relative;\n  background-color: #B0B4B7;\n  align-items: center;\n}\n.choosed-status-label.form-status-label {\n  background-color: #005CFF;\n}\n.form-status-label:last-child {\n  margin-right: 0px;\n}\n.form-status-label:first-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -48px;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.choosed-status-label.form-status-label::after {\n  border-left: 12px solid #005CFF;\n}\n.choosed-status-label.form-status-label:not(:first-child):not(:last-child)::after {\n  border-left: 12px solid #005CFF;\n}\n.form-status-label:last-child::after {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::before {\n  position: absolute;\n  display: block;\n  content: '';\n  left: 0;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #ffffff;\n}\n.form-status-label:not(:first-child):not(:last-child)::after {\n  position: absolute;\n  display: block;\n  content: '';\n  right: -48px;\n  top: 0;\n  width: 48px;\n  height: 48px;\n  border: 24px solid;\n  border-color: transparent transparent transparent transparent;\n  border-left: 12px solid #B0B4B7;\n}\n.status-label-index {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  border: 1px solid #FFFFFF;\n  color: #FFFFFF;\n  border-radius: 50%;\n  font-family: Montserrat;\n  font-size: 14px;\n  line-height: 24px;\n  text-align: center;\n  margin: 0 6px 0 20px;\n}\n.status-label-key {\n  width: 50px;\n  height: 100%;\n  display: inline-flex;\n  float: left;\n  align-items: center;\n  justify-content: center;\n}\n.status-label-operate {\n  float: left;\n  width: calc(100% - 50px);\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  height: 100%;\n  margin: 4px 0;\n}\n.status-label-operate > div {\n  font-size: 12px;\n  height: 20px;\n  line-height: 20px;\n  color: #FFFFFF;\n  font-family: PingFangSC;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.status-label-operate > div:first-child {\n  font-size: 14px;\n  font-weight: 600;\n}\n.only-one-child.form-status-label::after,\n.only-one-child.form-status-label::before {\n  border-left: 0px;\n}\n";
 styleInject(css_248z$8);
 
-var index$3 = (function (props) {
+var index$2 = (function (props) {
   var _props$formStatusMapp = props.formStatusMapping,
     formStatusMapping = _props$formStatusMapp === void 0 ? [] : _props$formStatusMapp;
   return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -11389,7 +11413,7 @@ var iconMap = {
     src: moreIcon
   })
 };
-var index$4 = (function (props) {
+var index$3 = (function (props) {
   var _useLocation = umi.useLocation(),
     pathname = _useLocation.pathname;
   var _useState = React.useState(pathname + 'id'),
@@ -11606,7 +11630,7 @@ var css_248z$d = ".home_page_head {\n  height: 54px;\n  display: flex;\n  justif
 styleInject(css_248z$d);
 
 var _excluded$c = ["children"];
-var index$5 = (function (props) {
+var index$4 = (function (props) {
   var _useLocation = umi.useLocation(),
     pathname = _useLocation.pathname;
   var _useState = React.useState(pathname + 'id'),
@@ -16702,7 +16726,7 @@ var WrapperComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return WrapperComponent;
 }(React__default['default'].Component);
-var index$6 = (function (props) {
+var index$5 = (function (props) {
   var _useModel = umi.useModel('@@initialState'),
     _useModel$initialStat = _useModel.initialState,
     initialState = _useModel$initialStat === void 0 ? {} : _useModel$initialStat;
@@ -16943,7 +16967,7 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
 };
 var FixedScrollBar$1 = /*#__PURE__*/React__default['default'].forwardRef(FixedScrollBar);
 
-var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -16954,7 +16978,6 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
       colLastData: [],
       rowHeader: [],
       rowLastData: [],
-      colHeaderWidth: 400,
       colHeaderToTop: 0
     }),
     _useState4 = _slicedToArray(_useState3, 2),
@@ -16973,34 +16996,46 @@ var index$7 = /*#__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() {
+  var onScroll = function onScroll(e) {
     if (topScrollBar.current) {
       topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0);
     }
     var scrollWidth = viewPort.current.scrollLeft;
     var startIndex = Math.floor(scrollWidth / itemWidth);
+    if (startIndex + viewCount >= colTableData.length) {
+      startIndex = colTableData.length - viewCount <= 0 ? 0 : colTableData.length - viewCount;
+    }
     var offsetWidth = startIndex * itemWidth;
     setStartIndex(startIndex);
     setOffset(offsetWidth);
@@ -17018,9 +17053,7 @@ var index$7 = /*#__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';
@@ -17033,7 +17066,6 @@ var index$7 = /*#__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
       }));
@@ -17046,7 +17078,6 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
         rowHeader: [],
         rowLastData: []
       }, _colHeaderData), {}, {
-        colHeaderWidth: colHeaderWidth || 400,
         colHeaderToTop: 0,
         tableType: tableType
       }));
@@ -17088,7 +17119,7 @@ var index$7 = /*#__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,
@@ -17104,7 +17135,7 @@ var index$7 = /*#__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,
@@ -17112,7 +17143,7 @@ var index$7 = /*#__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' : ''
     },
@@ -17121,11 +17152,12 @@ var index$7 = /*#__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) {
@@ -17151,7 +17183,7 @@ var index$7 = /*#__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' : ''
     }
@@ -17177,7 +17209,7 @@ var index$7 = /*#__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
@@ -30357,26 +30389,26 @@ exports.AddSkuSelect = AddSkuSelect;
 exports.AddSpuSelect = AddSpuSelect;
 exports.BillEntry = BillEntry;
 exports.BsCascader = BsCascader;
-exports.BsLayout = index$6;
+exports.BsLayout = index$5;
 exports.BsSulaQueryTable = BsSulaQueryTable;
 exports.BusinessSearchSelect = BusinessSearchSelect$1;
 exports.BusinessTreeSearchSelect = BusinessTreeSearchSelect$1;
-exports.CheckOneUser = index$2;
+exports.CheckOneUser = index$1;
 exports.ColumnSettingTable = ColumnSettingTable;
 exports.CommodityEntry = CommodityEntry;
 exports.DataImport = DataImport;
 exports.DataValidation = DataValidation;
-exports.DetailPageWrapper = index$4;
+exports.DetailPageWrapper = index$3;
 exports.EllipsisTooltip = EllipsisTooltip;
 exports.ExportIcon = ExportIcon;
 exports.GuideWrapper = GuideWrapper;
-exports.HomePageWrapper = index$5;
+exports.HomePageWrapper = index$4;
 exports.JsonQueryTable = JsonQueryTable;
-exports.MoreTreeTable = index$7;
+exports.MoreTreeTable = index$6;
 exports.QueryMutipleInput = QueryMutipleInput;
 exports.RuleComponent = RuleObjectComponent;
 exports.SearchSelect = SearchSelect;
-exports.StateFlow = index$3;
+exports.StateFlow = index$2;
 exports.SulaColumnSettingTable = ColumnSettingSulaTable;
 exports.TableColumnSetting = TableColumnSetting;
 exports.TreeSearchSelect = TreeSearchSelect;

package/dist/utils/TableUtils.d.ts

@@ -1,9 +1,9 @@
-declare type mediaListType = {
+type mediaListType = {
     type: number;
     url: string;
     [key: string]: any;
 };
-declare type recordType = {
+type recordType = {
     mediaList?: mediaListType;
     [key: string]: any;
 };

package/package.json

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

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,18 +37,25 @@ 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 = () => {
+  const onScroll = (e) => {
     if(topScrollBar.current){
       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 <= 0 ? 0 : 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,