@bit-sun/business-component 2.2.42 → 2.2.44

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

@@ -1,4 +1,4 @@
 import './index.less';
-export type SiderTheme = 'light' | 'dark';
+export declare 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 type SiderTheme = 'light' | 'dark';
+export declare 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 type SiderTheme = 'light' | 'dark';
-export type GlobalHeaderRightProps = {
+export declare type SiderTheme = 'light' | 'dark';
+export declare 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 type SiderTheme = 'light' | 'dark';
-export type GlobalHeaderRightProps = {
+export declare type SiderTheme = 'light' | 'dark';
+export declare 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 type BasicLayoutProps = {
+export declare type BasicLayoutProps = {
     breadcrumbNameMap: Record<string, MenuDataItem>;
     route: ProLayoutProps['route'] & {
         authority: string[];
     };
     settings: Settings;
 } & ProLayoutProps;
-export type BasicLayoutContext = {
+export declare 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;
-type tableColumnsImageType = {
+declare type tableColumnsImageType = {
     width?: number | string;
     height?: number | string;
     [key: string]: any;
 };
 export declare const tableColumnsImage: (url?: string, paramsObj?: tableColumnsImageType) => JSX.Element;
-type UserColumnsType = {
+declare type UserColumnsType = {
     name: string;
     department?: string;
     position?: string;

package/dist/components/Business/moreTreeTable/FixedScrollBar.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.ForwardRefExoticComponent<Pick<any, string | number | symbol> & React.RefAttributes<unknown>>;
+export default _default;

package/dist/components/Business/moreTreeTable/hooks/useSticky.d.ts

@@ -0,0 +1,8 @@
+interface TableSticky {
+    getContainer?: () => Window | HTMLElement;
+}
+declare const useSticky: (sticky: boolean | TableSticky) => {
+    isSticky: boolean;
+    container: Window | HTMLElement | Document;
+};
+export default useSticky;

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import axios from 'axios';
 import { message, Menu, Space, Dropdown, Tooltip, Button, Checkbox, Input, Modal, Select, Form, Divider, Spin, Table, TreeSelect, Tag, Popover, Card, Avatar, Image, InputNumber, Typography, Alert, Anchor, Breadcrumb, Drawer as Drawer$1, List, Tree, Row, Col, Tabs, Affix } from 'antd';
-import _, { omit, debounce, cloneDeep as cloneDeep$1, isEmpty } from 'lodash';
+import _, { omit, debounce, cloneDeep as cloneDeep$1, throttle, isEmpty } from 'lodash';
 import React, { useState, useEffect, forwardRef, useImperativeHandle, useRef, useMemo, Component, useLayoutEffect, createRef } from 'react';
 import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import { UnorderedListOutlined, ProfileTwoTone, ExclamationCircleOutlined, DownOutlined, CopyOutlined, SearchOutlined, CaretLeftOutlined, CloseCircleOutlined, ArrowLeftOutlined, FolderOutlined, EllipsisOutlined, CaretDownOutlined, HomeOutlined, DoubleLeftOutlined, DoubleRightOutlined, MenuUnfoldOutlined, DashOutlined, SettingOutlined, BulbOutlined, PlayCircleOutlined, SaveOutlined, FullscreenExitOutlined } from '@ant-design/icons';
@@ -10,7 +10,7 @@ import { Resizable } from 'react-resizable';
 import { SortableHandle, SortableElement, SortableContainer } from 'react-sortable-hoc';
 import { arrayMoveImmutable } from 'array-move';
 import { history, formatMessage, useLocation, Link, useModel, useIntl } from 'umi';
-import isEqual$1 from 'lodash/isEqual';
+import isEqual from 'lodash/isEqual';
 import { Table as Table$1, request as request$1, QueryTable, Form as Form$1 } from 'bssula';
 import ProLayout from '@ant-design/pro-layout';
 import cloneDeep from 'lodash/cloneDeep';
@@ -135,33 +135,6 @@ 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) {
@@ -318,9 +291,14 @@ function _regeneratorRuntime() {
     };
   }
   function maybeInvokeDelegate(delegate, context) {
-    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 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 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;
@@ -534,7 +512,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, descriptor.key, descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -546,7 +524,6 @@ 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,
@@ -675,6 +652,30 @@ 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);
@@ -694,20 +695,6 @@ 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({
@@ -3675,52 +3662,41 @@ var setInitialShowColumn = function setInitialShowColumn(tableCode, columns, cal
   callback(showColumns);
 };
 
-var safeIsNaN = Number.isNaN ||
-    function ponyfill(value) {
-        return typeof value === 'number' && value !== value;
-    };
-function isEqual(first, second) {
-    if (first === second) {
-        return true;
-    }
-    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;
-        }
+var simpleIsEqual = function simpleIsEqual(a, b) {
+  return a === b;
+};
+
+function index (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];
     }
-    return true;
-}
 
-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;
+    if (calledOnce && lastThis === this && newArgs.length === lastArgs.length && newArgs.every(isNewArgEqualToLast)) {
+      return lastResult;
     }
-    return memoized;
+
+    lastResult = resultFn.apply(this, newArgs);
+    calledOnce = true;
+    lastThis = this;
+    lastArgs = newArgs;
+    return lastResult;
+  };
+
+  return result;
 }
 
 //! moment.js
@@ -9680,7 +9656,7 @@ var formatter = function formatter(data, parentAuthority, parentName) {
     return item;
   });
 };
-var memoizeOneFormatter = memoizeOne(formatter, isEqual$1);
+var memoizeOneFormatter = index(formatter, isEqual);
 var go2BackAndClose = function go2BackAndClose() {
   localStorage.setItem(ENUM.BROWSER_CACHE.CHILD_APP_BACK, 1);
   history.goBack();
@@ -15239,7 +15215,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index = (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');
@@ -15582,7 +15558,7 @@ var BusinessTreeSearchSelect = function BusinessTreeSearchSelect(props) {
   }, [props === null || props === void 0 ? void 0 : props.value]);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MemoTreeSearchSelect, _objectSpread2({}, currentProps)));
 };
-var index$1 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props, nextProps) {
+var index$2 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props, nextProps) {
   if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
     return false;
   }
@@ -15595,7 +15571,7 @@ var index$1 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props,
 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$2 = (function (props) {
+var index$3 = (function (props) {
   var _props$formStatusMapp = props.formStatusMapping,
     formStatusMapping = _props$formStatusMapp === void 0 ? [] : _props$formStatusMapp;
   return /*#__PURE__*/React.createElement("div", {
@@ -17019,7 +16995,7 @@ var iconMap = {
     src: moreIcon
   })
 };
-var index$3 = (function (props) {
+var index$4 = (function (props) {
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var _useState = useState(pathname + 'id'),
@@ -17236,7 +17212,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$4 = (function (props) {
+var index$5 = (function (props) {
   var _useLocation = useLocation(),
     pathname = _useLocation.pathname;
   var _useState = useState(pathname + 'id'),
@@ -22316,7 +22292,7 @@ var WrapperComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return WrapperComponent;
 }(React.Component);
-var index$5 = (function (props) {
+var index$6 = (function (props) {
   var _useModel = useModel('@@initialState'),
     _useModel$initialStat = _useModel.initialState,
     initialState = _useModel$initialStat === void 0 ? {} : _useModel$initialStat;
@@ -22459,7 +22435,105 @@ var headersToRows = function headersToRows(originColumns) {
 var css_248z$n = ".editTableWrapper {\n  width: 1000px;\n  height: 500px;\n  overflow: auto;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.editTableWrapper table {\n  table-layout: fixed;\n}\n.editTableWrapper .editTable {\n  position: relative;\n  overflow: hidden;\n  border-top: 0;\n  background: #fff;\n}\n.editTableWrapper .north__west {\n  position: sticky;\n  background-color: #f7f8fb;\n  left: 0px;\n  top: 0px;\n  font-size: 14px;\n  color: #606266;\n  z-index: 5;\n}\n.editTableWrapper .north__west th {\n  background: #fff;\n  font-size: 14px;\n  color: #606266;\n  z-index: 5;\n}\n.editTableWrapper .south__west {\n  z-index: 4;\n  position: absolute;\n  left: 0px;\n  top: 0;\n}\n.editTableWrapper .south__west th {\n  background: #fff;\n  font-size: 14px;\n  color: #606266;\n  z-index: 4;\n}\n.editTableWrapper .south__west td {\n  font-size: 12px;\n  background: #fff;\n  color: #6a6a6a;\n}\n.editTableWrapper .south__west td svg {\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n}\n.editTableWrapper .editTable__block {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  position: absolute;\n  border-collapse: collapse;\n  padding: 0;\n}\n.editTableWrapper .editTable__block th,\n.editTableWrapper .editTable__block td {\n  box-sizing: border-box;\n  font-size: 11px;\n  color: #6a6a6a;\n}\n.editTableWrapper .value_table table {\n  table-layout: fixed;\n  min-width: 100%;\n}\n.editTableWrapper .table_border_style {\n  border-collapse: separate;\n  border-spacing: 0;\n  border-left: 1px solid #f0f0f0;\n  border-top: 1px solid #f0f0f0;\n}\n.editTableWrapper .table_border_style td {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  box-sizing: border-box;\n  border-right: 1px solid #f0f0f0;\n  border-bottom: 1px solid #f0f0f0;\n  padding: 0 10px;\n  font-size: 14px;\n  line-height: 28px;\n}\n";
 styleInject(css_248z$n);
 
-var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
+var useSticky = function useSticky(sticky) {
+  var _ref = _typeof(sticky) === 'object' ? sticky : {},
+    _ref$getContainer = _ref.getContainer,
+    getContainer = _ref$getContainer === void 0 ? function () {
+      return window.document;
+    } : _ref$getContainer;
+  var container = getContainer();
+  return React.useMemo(function () {
+    var isSticky = !!sticky;
+    return {
+      isSticky: isSticky,
+      container: container
+    };
+  }, [sticky]);
+};
+
+function getOffset(node) {
+  var box = node.getBoundingClientRect();
+  var docElem = document.documentElement;
+  // < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft
+  return {
+    left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
+    top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
+  };
+}
+var FixedScrollBar = function FixedScrollBar(_ref, ref) {
+  var _viewPort$current, _viewPort$current2;
+  var viewPort = _ref.viewPort,
+    stickyProps = _ref.stickyProps;
+  var _useSticky = useSticky(stickyProps),
+    isSticky = _useSticky.isSticky,
+    container = _useSticky.container;
+  var _useState = useState({
+      isHiddenScrollBar: !isSticky
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollState = _useState2[0],
+    setScrollState = _useState2[1];
+  var onContainerScroll = function onContainerScroll() {
+    if (!viewPort.current) {
+      return;
+    }
+    var tableOffsetTop = getOffset(viewPort.current).top;
+    var tableBottomOffset = tableOffsetTop + viewPort.current.offsetHeight;
+    var currentClientOffset = document.documentElement.scrollTop + window.innerHeight;
+    if (tableBottomOffset - 1 <= currentClientOffset || tableOffsetTop >= currentClientOffset) {
+      setScrollState(function (state) {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          isHiddenScrollBar: true
+        });
+      });
+    } else {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollTo(viewPort.current.scrollLeft, 0);
+      setScrollState(function (state) {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          isHiddenScrollBar: false
+        });
+      });
+    }
+  };
+  useEffect(function () {
+    var onscroll = throttle(onContainerScroll, 50);
+    container.addEventListener('scroll', onscroll);
+    return function () {
+      container.removeEventListener('scroll', onscroll);
+    };
+  }, []);
+  if (scrollState.isHiddenScrollBar) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    onScroll: throttle(function (e) {
+      // @ts-ignore
+      viewPort.current.scrollTo(e.target.scrollLeft, 0);
+    }, 50),
+    style: {
+      position: 'fixed',
+      zIndex: '9999',
+      bottom: '45px',
+      overflowY: 'hidden',
+      overflowX: 'auto',
+      width: ((_viewPort$current = viewPort.current) === null || _viewPort$current === void 0 ? void 0 : _viewPort$current.offsetWidth) || 0,
+      background: '#fff',
+      opacity: 0.6
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'ant-table-sticky-scroll-bar',
+    style: {
+      height: '1px',
+      backgroundColor: '#fff',
+      width: ((_viewPort$current2 = viewPort.current) === null || _viewPort$current2 === void 0 ? void 0 : _viewPort$current2.scrollWidth) || 0
+    }
+  }));
+};
+var FixedScrollBar$1 = /*#__PURE__*/React.forwardRef(FixedScrollBar);
+
+var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -22490,6 +22564,7 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     setViewCount = _useState10[1]; //虚拟表格每次渲染数量
   var itemWidth = 100; // 表格每一项宽度
   var viewPort = useRef(null);
+  var topScrollBar = useRef(null);
   //起始渲染item
   var _useState11 = useState(0),
     _useState12 = _slicedToArray(_useState11, 2),
@@ -22511,6 +22586,9 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     setViewCount(viewCount);
   }, []);
   var onScroll = function onScroll() {
+    if (topScrollBar.current) {
+      topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0);
+    }
     var scrollWidth = viewPort.current.scrollLeft;
     var startIndex = Math.floor(scrollWidth / itemWidth);
     var offsetWidth = startIndex * itemWidth;
@@ -22596,7 +22674,8 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
   //   return <div>loading</div>;
   // }
   var width = props.width,
-    height = props.height;
+    height = props.height,
+    tableProps = props.tableProps;
   var tableWidth = width ? "".concat(width, "px") : '100%';
   var tableHeight = "".concat(height || 400, "px");
   var rightAreaWidth = 'calc(100% - ' + "".concat(config.colHeaderWidth, "px") + ')';
@@ -22609,7 +22688,11 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
     className: 'editTableWrapper',
     onScroll: onScroll,
     ref: viewPort
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement(FixedScrollBar$1, {
+    stickyProps: tableProps === null || tableProps === void 0 ? void 0 : tableProps.sticky,
+    viewPort: viewPort,
+    ref: topScrollBar
+  }), /*#__PURE__*/React.createElement("div", {
     style: {
       width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
       position: 'absolute',
@@ -31162,4 +31245,4 @@ var JsonQueryTable = /*#__PURE__*/React.memo(function (props) {
   }, "setting"));
 });
 
-export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, BillEntry, index$5 as BsLayout, BsSulaQueryTable, BusinessSearchSelect$1 as BusinessSearchSelect, index$1 as BusinessTreeSearchSelect, index as CheckOneUser, ColumnSettingTable, CommodityEntry, DataImport, DataValidation, index$3 as DetailPageWrapper, ExportIcon, GuideWrapper, index$4 as HomePageWrapper, JsonQueryTable, index$6 as MoreTreeTable, QueryMutipleInput, SearchSelect, index$2 as StateFlow, ColumnSettingSulaTable as SulaColumnSettingTable, TableColumnSetting, TreeSearchSelect };
+export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, BillEntry, index$6 as BsLayout, BsSulaQueryTable, BusinessSearchSelect$1 as BusinessSearchSelect, index$2 as BusinessTreeSearchSelect, index$1 as CheckOneUser, ColumnSettingTable, CommodityEntry, DataImport, DataValidation, index$4 as DetailPageWrapper, ExportIcon, GuideWrapper, index$5 as HomePageWrapper, JsonQueryTable, index$7 as MoreTreeTable, QueryMutipleInput, SearchSelect, index$3 as StateFlow, ColumnSettingSulaTable as SulaColumnSettingTable, TableColumnSetting, TreeSearchSelect };

package/dist/index.js

@@ -14,7 +14,7 @@ var reactResizable = require('react-resizable');
 var reactSortableHoc = require('react-sortable-hoc');
 var arrayMove = require('array-move');
 var umi = require('umi');
-var isEqual$1 = require('lodash/isEqual');
+var isEqual = require('lodash/isEqual');
 var bssula = require('bssula');
 var ProLayout = require('@ant-design/pro-layout');
 var cloneDeep = require('lodash/cloneDeep');
@@ -33,7 +33,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual$1);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
 var ProLayout__default = /*#__PURE__*/_interopDefaultLegacy(ProLayout);
 var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
@@ -153,33 +153,6 @@ 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) {
@@ -336,9 +309,14 @@ function _regeneratorRuntime() {
     };
   }
   function maybeInvokeDelegate(delegate, context) {
-    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 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 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;
@@ -552,7 +530,7 @@ function _defineProperties(target, props) {
     descriptor.enumerable = descriptor.enumerable || false;
     descriptor.configurable = true;
     if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor);
+    Object.defineProperty(target, descriptor.key, descriptor);
   }
 }
 function _createClass(Constructor, protoProps, staticProps) {
@@ -564,7 +542,6 @@ 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,
@@ -693,6 +670,30 @@ 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);
@@ -712,20 +713,6 @@ 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({
@@ -3693,52 +3680,41 @@ var setInitialShowColumn = function setInitialShowColumn(tableCode, columns, cal
   callback(showColumns);
 };
 
-var safeIsNaN = Number.isNaN ||
-    function ponyfill(value) {
-        return typeof value === 'number' && value !== value;
-    };
-function isEqual(first, second) {
-    if (first === second) {
-        return true;
-    }
-    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;
-        }
+var simpleIsEqual = function simpleIsEqual(a, b) {
+  return a === b;
+};
+
+function index (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];
     }
-    return true;
-}
 
-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;
+    if (calledOnce && lastThis === this && newArgs.length === lastArgs.length && newArgs.every(isNewArgEqualToLast)) {
+      return lastResult;
     }
-    return memoized;
+
+    lastResult = resultFn.apply(this, newArgs);
+    calledOnce = true;
+    lastThis = this;
+    lastArgs = newArgs;
+    return lastResult;
+  };
+
+  return result;
 }
 
 //! moment.js
@@ -9698,7 +9674,7 @@ var formatter = function formatter(data, parentAuthority, parentName) {
     return item;
   });
 };
-var memoizeOneFormatter = memoizeOne(formatter, isEqual__default['default']);
+var memoizeOneFormatter = index(formatter, isEqual__default['default']);
 var go2BackAndClose = function go2BackAndClose() {
   localStorage.setItem(ENUM.BROWSER_CACHE.CHILD_APP_BACK, 1);
   umi.history.goBack();
@@ -15257,7 +15233,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index = (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');
@@ -15600,7 +15576,7 @@ var BusinessTreeSearchSelect = function BusinessTreeSearchSelect(props) {
   }, [props === null || props === void 0 ? void 0 : props.value]);
   return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MemoTreeSearchSelect, _objectSpread2({}, currentProps)));
 };
-var index$1 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSelect, function (props, nextProps) {
+var index$2 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSelect, function (props, nextProps) {
   if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
     return false;
   }
@@ -15613,7 +15589,7 @@ var index$1 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSele
 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$2 = (function (props) {
+var index$3 = (function (props) {
   var _props$formStatusMapp = props.formStatusMapping,
     formStatusMapping = _props$formStatusMapp === void 0 ? [] : _props$formStatusMapp;
   return /*#__PURE__*/React__default['default'].createElement("div", {
@@ -17037,7 +17013,7 @@ var iconMap = {
     src: moreIcon
   })
 };
-var index$3 = (function (props) {
+var index$4 = (function (props) {
   var _useLocation = umi.useLocation(),
     pathname = _useLocation.pathname;
   var _useState = React.useState(pathname + 'id'),
@@ -17254,7 +17230,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$4 = (function (props) {
+var index$5 = (function (props) {
   var _useLocation = umi.useLocation(),
     pathname = _useLocation.pathname;
   var _useState = React.useState(pathname + 'id'),
@@ -22334,7 +22310,7 @@ var WrapperComponent = /*#__PURE__*/function (_React$Component) {
   }]);
   return WrapperComponent;
 }(React__default['default'].Component);
-var index$5 = (function (props) {
+var index$6 = (function (props) {
   var _useModel = umi.useModel('@@initialState'),
     _useModel$initialStat = _useModel.initialState,
     initialState = _useModel$initialStat === void 0 ? {} : _useModel$initialStat;
@@ -22477,7 +22453,105 @@ var headersToRows = function headersToRows(originColumns) {
 var css_248z$n = ".editTableWrapper {\n  width: 1000px;\n  height: 500px;\n  overflow: auto;\n  position: relative;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.editTableWrapper table {\n  table-layout: fixed;\n}\n.editTableWrapper .editTable {\n  position: relative;\n  overflow: hidden;\n  border-top: 0;\n  background: #fff;\n}\n.editTableWrapper .north__west {\n  position: sticky;\n  background-color: #f7f8fb;\n  left: 0px;\n  top: 0px;\n  font-size: 14px;\n  color: #606266;\n  z-index: 5;\n}\n.editTableWrapper .north__west th {\n  background: #fff;\n  font-size: 14px;\n  color: #606266;\n  z-index: 5;\n}\n.editTableWrapper .south__west {\n  z-index: 4;\n  position: absolute;\n  left: 0px;\n  top: 0;\n}\n.editTableWrapper .south__west th {\n  background: #fff;\n  font-size: 14px;\n  color: #606266;\n  z-index: 4;\n}\n.editTableWrapper .south__west td {\n  font-size: 12px;\n  background: #fff;\n  color: #6a6a6a;\n}\n.editTableWrapper .south__west td svg {\n  width: 20px;\n  height: 20px;\n  vertical-align: middle;\n}\n.editTableWrapper .editTable__block {\n  -webkit-user-select: none;\n     -moz-user-select: none;\n          user-select: none;\n  position: absolute;\n  border-collapse: collapse;\n  padding: 0;\n}\n.editTableWrapper .editTable__block th,\n.editTableWrapper .editTable__block td {\n  box-sizing: border-box;\n  font-size: 11px;\n  color: #6a6a6a;\n}\n.editTableWrapper .value_table table {\n  table-layout: fixed;\n  min-width: 100%;\n}\n.editTableWrapper .table_border_style {\n  border-collapse: separate;\n  border-spacing: 0;\n  border-left: 1px solid #f0f0f0;\n  border-top: 1px solid #f0f0f0;\n}\n.editTableWrapper .table_border_style td {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  box-sizing: border-box;\n  border-right: 1px solid #f0f0f0;\n  border-bottom: 1px solid #f0f0f0;\n  padding: 0 10px;\n  font-size: 14px;\n  line-height: 28px;\n}\n";
 styleInject(css_248z$n);
 
-var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var useSticky = function useSticky(sticky) {
+  var _ref = _typeof(sticky) === 'object' ? sticky : {},
+    _ref$getContainer = _ref.getContainer,
+    getContainer = _ref$getContainer === void 0 ? function () {
+      return window.document;
+    } : _ref$getContainer;
+  var container = getContainer();
+  return React__default['default'].useMemo(function () {
+    var isSticky = !!sticky;
+    return {
+      isSticky: isSticky,
+      container: container
+    };
+  }, [sticky]);
+};
+
+function getOffset(node) {
+  var box = node.getBoundingClientRect();
+  var docElem = document.documentElement;
+  // < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft
+  return {
+    left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
+    top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
+  };
+}
+var FixedScrollBar = function FixedScrollBar(_ref, ref) {
+  var _viewPort$current, _viewPort$current2;
+  var viewPort = _ref.viewPort,
+    stickyProps = _ref.stickyProps;
+  var _useSticky = useSticky(stickyProps),
+    isSticky = _useSticky.isSticky,
+    container = _useSticky.container;
+  var _useState = React.useState({
+      isHiddenScrollBar: !isSticky
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    scrollState = _useState2[0],
+    setScrollState = _useState2[1];
+  var onContainerScroll = function onContainerScroll() {
+    if (!viewPort.current) {
+      return;
+    }
+    var tableOffsetTop = getOffset(viewPort.current).top;
+    var tableBottomOffset = tableOffsetTop + viewPort.current.offsetHeight;
+    var currentClientOffset = document.documentElement.scrollTop + window.innerHeight;
+    if (tableBottomOffset - 1 <= currentClientOffset || tableOffsetTop >= currentClientOffset) {
+      setScrollState(function (state) {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          isHiddenScrollBar: true
+        });
+      });
+    } else {
+      var _ref$current;
+      (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollTo(viewPort.current.scrollLeft, 0);
+      setScrollState(function (state) {
+        return _objectSpread2(_objectSpread2({}, state), {}, {
+          isHiddenScrollBar: false
+        });
+      });
+    }
+  };
+  React.useEffect(function () {
+    var onscroll = _.throttle(onContainerScroll, 50);
+    container.addEventListener('scroll', onscroll);
+    return function () {
+      container.removeEventListener('scroll', onscroll);
+    };
+  }, []);
+  if (scrollState.isHiddenScrollBar) {
+    return null;
+  }
+  return /*#__PURE__*/React__default['default'].createElement("div", {
+    ref: ref,
+    onScroll: _.throttle(function (e) {
+      // @ts-ignore
+      viewPort.current.scrollTo(e.target.scrollLeft, 0);
+    }, 50),
+    style: {
+      position: 'fixed',
+      zIndex: '9999',
+      bottom: '45px',
+      overflowY: 'hidden',
+      overflowX: 'auto',
+      width: ((_viewPort$current = viewPort.current) === null || _viewPort$current === void 0 ? void 0 : _viewPort$current.offsetWidth) || 0,
+      background: '#fff',
+      opacity: 0.6
+    }
+  }, /*#__PURE__*/React__default['default'].createElement("div", {
+    className: 'ant-table-sticky-scroll-bar',
+    style: {
+      height: '1px',
+      backgroundColor: '#fff',
+      width: ((_viewPort$current2 = viewPort.current) === null || _viewPort$current2 === void 0 ? void 0 : _viewPort$current2.scrollWidth) || 0
+    }
+  }));
+};
+var FixedScrollBar$1 = /*#__PURE__*/React__default['default'].forwardRef(FixedScrollBar);
+
+var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -22508,6 +22582,7 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setViewCount = _useState10[1]; //虚拟表格每次渲染数量
   var itemWidth = 100; // 表格每一项宽度
   var viewPort = React.useRef(null);
+  var topScrollBar = React.useRef(null);
   //起始渲染item
   var _useState11 = React.useState(0),
     _useState12 = _slicedToArray(_useState11, 2),
@@ -22529,6 +22604,9 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setViewCount(viewCount);
   }, []);
   var onScroll = function onScroll() {
+    if (topScrollBar.current) {
+      topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0);
+    }
     var scrollWidth = viewPort.current.scrollLeft;
     var startIndex = Math.floor(scrollWidth / itemWidth);
     var offsetWidth = startIndex * itemWidth;
@@ -22614,7 +22692,8 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   //   return <div>loading</div>;
   // }
   var width = props.width,
-    height = props.height;
+    height = props.height,
+    tableProps = props.tableProps;
   var tableWidth = width ? "".concat(width, "px") : '100%';
   var tableHeight = "".concat(height || 400, "px");
   var rightAreaWidth = 'calc(100% - ' + "".concat(config.colHeaderWidth, "px") + ')';
@@ -22627,7 +22706,11 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: 'editTableWrapper',
     onScroll: onScroll,
     ref: viewPort
-  }, /*#__PURE__*/React__default['default'].createElement("div", {
+  }, /*#__PURE__*/React__default['default'].createElement(FixedScrollBar$1, {
+    stickyProps: tableProps === null || tableProps === void 0 ? void 0 : tableProps.sticky,
+    viewPort: viewPort,
+    ref: topScrollBar
+  }), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
       width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
       position: 'absolute',
@@ -31185,24 +31268,24 @@ exports.AddSkcSelect = AddSkcSelect;
 exports.AddSkuSelect = AddSkuSelect;
 exports.AddSpuSelect = AddSpuSelect;
 exports.BillEntry = BillEntry;
-exports.BsLayout = index$5;
+exports.BsLayout = index$6;
 exports.BsSulaQueryTable = BsSulaQueryTable;
 exports.BusinessSearchSelect = BusinessSearchSelect$1;
-exports.BusinessTreeSearchSelect = index$1;
-exports.CheckOneUser = index;
+exports.BusinessTreeSearchSelect = index$2;
+exports.CheckOneUser = index$1;
 exports.ColumnSettingTable = ColumnSettingTable;
 exports.CommodityEntry = CommodityEntry;
 exports.DataImport = DataImport;
 exports.DataValidation = DataValidation;
-exports.DetailPageWrapper = index$3;
+exports.DetailPageWrapper = index$4;
 exports.ExportIcon = ExportIcon;
 exports.GuideWrapper = GuideWrapper;
-exports.HomePageWrapper = index$4;
+exports.HomePageWrapper = index$5;
 exports.JsonQueryTable = JsonQueryTable;
-exports.MoreTreeTable = index$6;
+exports.MoreTreeTable = index$7;
 exports.QueryMutipleInput = QueryMutipleInput;
 exports.SearchSelect = SearchSelect;
-exports.StateFlow = index$2;
+exports.StateFlow = index$3;
 exports.SulaColumnSettingTable = ColumnSettingSulaTable;
 exports.TableColumnSetting = TableColumnSetting;
 exports.TreeSearchSelect = TreeSearchSelect;

package/dist/utils/TableUtils.d.ts

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

package/package.json

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

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

@@ -0,0 +1,86 @@
+import React, {useEffect, useImperativeHandle, useRef, useState} from 'react'
+import {throttle} from "lodash";
+import useSticky from "./hooks/useSticky";
+
+function getOffset(node: any) {
+  const box = node.getBoundingClientRect();
+  const docElem = document.documentElement;
+  // < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft
+  return {
+    left: box.left + (window.pageXOffset || docElem.scrollLeft) -
+      (docElem.clientLeft || document.body.clientLeft || 0),
+    top: box.top + (window.pageYOffset || docElem.scrollTop) -
+      (docElem.clientTop || document.body.clientTop || 0),
+  };
+}
+
+const FixedScrollBar = ({viewPort, stickyProps}: any, ref: any) => {
+  const {isSticky, container} = useSticky(stickyProps)
+  const [scrollState, setScrollState] = useState({
+    isHiddenScrollBar: !isSticky
+  })
+  const onContainerScroll = () => {
+    if (!viewPort.current) {
+      return;
+    }
+    const tableOffsetTop = getOffset(viewPort.current).top;
+    const tableBottomOffset = tableOffsetTop + viewPort.current.offsetHeight;
+    const currentClientOffset = document.documentElement.scrollTop + window.innerHeight
+    if (
+      tableBottomOffset - 1  <= currentClientOffset ||
+      tableOffsetTop >= currentClientOffset
+    ) {
+      setScrollState(state => ({
+        ...state,
+        isHiddenScrollBar: true,
+      }));
+    } else {
+      ref.current?.scrollTo(viewPort.current.scrollLeft, 0)
+      setScrollState(state => ({
+        ...state,
+        isHiddenScrollBar: false,
+      }));
+    }
+  };
+
+  useEffect(() => {
+    const onscroll = throttle(onContainerScroll, 50)
+    container.addEventListener('scroll', onscroll)
+    return () => {
+      container.removeEventListener('scroll', onscroll)
+    }
+  },[])
+
+  if(scrollState.isHiddenScrollBar){
+    return null
+  }
+
+  return (
+    <div
+      ref={ref}
+      onScroll={throttle((e) => {
+        // @ts-ignore
+        viewPort.current.scrollTo(e.target.scrollLeft, 0)
+      }, 50)}
+      style={{
+        position:'fixed',
+        zIndex: '9999',
+        bottom: '45px',
+        overflowY: 'hidden',
+        overflowX: 'auto',
+        width: viewPort.current?.offsetWidth || 0,
+        background:'#fff',
+        opacity: 0.6,
+      }}>
+      <div
+        className={'ant-table-sticky-scroll-bar'}
+        style={{
+          height: '1px',
+          backgroundColor: '#fff',
+          width: viewPort.current?.scrollWidth || 0,
+        }}></div>
+    </div>
+  )
+}
+
+export default React.forwardRef(FixedScrollBar)

package/src/components/Business/moreTreeTable/hooks/useSticky.ts

@@ -0,0 +1,21 @@
+import React from 'react'
+
+interface TableSticky{
+  getContainer?:  () => Window | HTMLElement;
+}
+
+const useSticky = (sticky: boolean | TableSticky) => {
+  const {getContainer = () => window.document} = typeof sticky === 'object' ? sticky : {}
+
+  const container = getContainer()
+  return React.useMemo(() => {
+    const isSticky = !!sticky
+    return {
+      isSticky,
+      container,
+    }
+  },[sticky])
+
+}
+
+export default useSticky

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

@@ -2,6 +2,7 @@
 import React, { useState, useEffect, useImperativeHandle, forwardRef, useMemo, useRef } from 'react';
 import { getAllColumns, convertToRows, headersToRows } from './utils';
 import './index.less';
+import FixedScrollBar from "./FixedScrollBar";
 
 
 export default forwardRef((props, ref) => {
@@ -21,10 +22,11 @@ export default forwardRef((props, ref) => {
   const itemWidth = 100; // 表格每一项宽度
 
   const viewPort = useRef(null);
+  const topScrollBar = useRef(null)
 
   //起始渲染item
   const [startIndex, setStartIndex] = useState(0);
-  
+
   //结束渲染item
   const endIndex = useMemo(() => {
     return startIndex + viewCount;
@@ -41,6 +43,9 @@ export default forwardRef((props, ref) => {
   }, [])
 
   const onScroll = () => {
+    if(topScrollBar.current){
+      topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0)
+    }
     const scrollWidth = viewPort.current.scrollLeft;
     const startIndex = Math.floor(scrollWidth/itemWidth);
     const offsetWidth = startIndex * itemWidth;
@@ -134,8 +139,8 @@ export default forwardRef((props, ref) => {
   // if (!show) {
   //   return <div>loading</div>;
   // }
-  
-  const {width, height } = props;
+
+  const {width, height, tableProps } = props;
   let tableWidth = width ? `${width}px` : '100%';
   let tableHeight = `${height || 400}px`;
   const rightAreaWidth = 'calc(100% - ' +  `${config.colHeaderWidth}px` + ')';
@@ -147,6 +152,11 @@ export default forwardRef((props, ref) => {
         onScroll={onScroll}
         ref={viewPort}
       >
+        <FixedScrollBar
+          stickyProps={tableProps?.sticky}
+          viewPort={viewPort}
+          ref={topScrollBar}
+        />
         <div style={{
           width: `${config.colHeaderWidth + 1 + placeholderWidth}px`,
           position: 'absolute',