@bit-sun/business-component 2.2.43 → 2.2.45

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/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 from 'lodash/isEqual';
+import isEqual$1 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,6 +135,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) {
@@ -291,14 +318,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;
@@ -512,7 +534,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) {
@@ -524,6 +546,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,
@@ -652,30 +675,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);
@@ -695,6 +694,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({
@@ -3662,41 +3675,52 @@ var setInitialShowColumn = function setInitialShowColumn(tableCode, columns, cal
   callback(showColumns);
 };
 
-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];
+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;
 }
 
 //! moment.js
@@ -9656,7 +9680,7 @@ var formatter = function formatter(data, parentAuthority, parentName) {
     return item;
   });
 };
-var memoizeOneFormatter = index(formatter, isEqual);
+var memoizeOneFormatter = memoizeOne(formatter, isEqual$1);
 var go2BackAndClose = function go2BackAndClose() {
   localStorage.setItem(ENUM.BROWSER_CACHE.CHILD_APP_BACK, 1);
   history.goBack();
@@ -15215,7 +15239,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index$1 = (function (storageKeyString) {
+var index = (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');
@@ -15558,7 +15582,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$2 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props, nextProps) {
+var index$1 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props, nextProps) {
   if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
     return false;
   }
@@ -15571,7 +15595,7 @@ var index$2 = /*#__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$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", {
@@ -16995,7 +17019,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'),
@@ -17212,7 +17236,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'),
@@ -17325,6 +17349,7 @@ styleInject(css_248z$e);
 var _excluded$d = ["className", "style"];
 var DragHandle$2 = SortableHandle(function () {
   return /*#__PURE__*/React.createElement("img", {
+    width: 25,
     src: drag
   });
 });
@@ -17540,11 +17565,17 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
                 }))
               });
             }
+          },
+          style: {
+            display: 'inline-block',
+            width: '24px',
+            textAlign: 'center'
           }
         }, /*#__PURE__*/React.createElement(Tooltip, {
           placement: "top",
           title: (record === null || record === void 0 ? void 0 : record.fixed) === 'left' ? '取消固定' : '固定列首'
         }, /*#__PURE__*/React.createElement("img", {
+          width: 18,
           src: (record === null || record === void 0 ? void 0 : record.fixed) === 'left' ? fixedLeftActive : fixedLeft
         })));
       }
@@ -17610,11 +17641,17 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
                 }))
               });
             }
+          },
+          style: {
+            display: 'inline-block',
+            width: '24px',
+            textAlign: 'center'
           }
         }, /*#__PURE__*/React.createElement(Tooltip, {
           placement: "top",
           title: (record === null || record === void 0 ? void 0 : record.fixed) === 'right' ? '取消固定' : '固定列尾'
         }, /*#__PURE__*/React.createElement("img", {
+          width: 18,
           src: (record === null || record === void 0 ? void 0 : record.fixed) === 'right' ? fixedRightActive : fixedRight
         })));
       }
@@ -17640,6 +17677,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
             });
           }
         }, /*#__PURE__*/React.createElement("img", {
+          width: 24,
           src: close
         }));
       }
@@ -18049,6 +18087,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
 var _excluded$e = ["className", "style"];
 var DragHandle$3 = SortableHandle(function () {
   return /*#__PURE__*/React.createElement("img", {
+    width: 25,
     src: drag
   });
 });
@@ -18217,6 +18256,7 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
             });
           }
         }, /*#__PURE__*/React.createElement("img", {
+          width: 24,
           src: close
         }));
       }
@@ -22292,7 +22332,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;
@@ -22435,13 +22475,25 @@ 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 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;
-  console.log(box, 'box', {
-    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)
-  });
   // < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft
   return {
     left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
@@ -22449,11 +22501,14 @@ function getOffset(node) {
   };
 }
 var FixedScrollBar = function FixedScrollBar(_ref, ref) {
-  var _viewPort$current;
+  var _viewPort$current, _viewPort$current2;
   var viewPort = _ref.viewPort,
-    width = _ref.width;
+    stickyProps = _ref.stickyProps;
+  var _useSticky = useSticky(stickyProps),
+    isSticky = _useSticky.isSticky,
+    container = _useSticky.container;
   var _useState = useState({
-      isHiddenScrollBar: false
+      isHiddenScrollBar: !isSticky
     }),
     _useState2 = _slicedToArray(_useState, 2),
     scrollState = _useState2[0],
@@ -22482,9 +22537,10 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
     }
   };
   useEffect(function () {
-    document.addEventListener('scroll', onContainerScroll);
+    var onscroll = throttle(onContainerScroll, 50);
+    container.addEventListener('scroll', onscroll);
     return function () {
-      document.removeEventListener('scroll', onContainerScroll);
+      container.removeEventListener('scroll', onscroll);
     };
   }, []);
   if (scrollState.isHiddenScrollBar) {
@@ -22492,10 +22548,10 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
   }
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    onScroll: function onScroll(e) {
+    onScroll: throttle(function (e) {
       // @ts-ignore
       viewPort.current.scrollTo(e.target.scrollLeft, 0);
-    },
+    }, 50),
     style: {
       position: 'fixed',
       zIndex: '9999',
@@ -22511,13 +22567,13 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
     style: {
       height: '1px',
       backgroundColor: '#fff',
-      width: width
+      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 index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -22672,9 +22728,9 @@ var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
     className: 'editTableWrapper',
     onScroll: onScroll,
     ref: viewPort
-  }, (tableProps === null || tableProps === void 0 ? void 0 : tableProps.sticky) && /*#__PURE__*/React.createElement(FixedScrollBar$1, {
+  }, /*#__PURE__*/React.createElement(FixedScrollBar$1, {
+    stickyProps: tableProps === null || tableProps === void 0 ? void 0 : tableProps.sticky,
     viewPort: viewPort,
-    width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
     ref: topScrollBar
   }), /*#__PURE__*/React.createElement("div", {
     style: {
@@ -31229,4 +31285,4 @@ var JsonQueryTable = /*#__PURE__*/React.memo(function (props) {
   }, "setting"));
 });
 
-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 };
+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 };

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 = require('lodash/isEqual');
+var isEqual$1 = 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);
+var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual$1);
 var ProLayout__default = /*#__PURE__*/_interopDefaultLegacy(ProLayout);
 var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
@@ -153,6 +153,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) {
@@ -309,14 +336,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;
@@ -530,7 +552,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) {
@@ -542,6 +564,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,
@@ -670,30 +693,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);
@@ -713,6 +712,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({
@@ -3680,41 +3693,52 @@ var setInitialShowColumn = function setInitialShowColumn(tableCode, columns, cal
   callback(showColumns);
 };
 
-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];
+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;
 }
 
 //! moment.js
@@ -9674,7 +9698,7 @@ var formatter = function formatter(data, parentAuthority, parentName) {
     return item;
   });
 };
-var memoizeOneFormatter = index(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();
@@ -15233,7 +15257,7 @@ var CommodityEntry = function CommodityEntry(props) {
  * @LastEditTime: 2022-01-14 17:17:26
  * @LastEditors: rodchen
  */
-var index$1 = (function (storageKeyString) {
+var index = (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');
@@ -15576,7 +15600,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$2 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSelect, function (props, nextProps) {
+var index$1 = /*#__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;
   }
@@ -15589,7 +15613,7 @@ var index$2 = /*#__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$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", {
@@ -17013,7 +17037,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'),
@@ -17230,7 +17254,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'),
@@ -17343,6 +17367,7 @@ styleInject(css_248z$e);
 var _excluded$d = ["className", "style"];
 var DragHandle$2 = reactSortableHoc.SortableHandle(function () {
   return /*#__PURE__*/React__default['default'].createElement("img", {
+    width: 25,
     src: drag
   });
 });
@@ -17558,11 +17583,17 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
                 }))
               });
             }
+          },
+          style: {
+            display: 'inline-block',
+            width: '24px',
+            textAlign: 'center'
           }
         }, /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
           placement: "top",
           title: (record === null || record === void 0 ? void 0 : record.fixed) === 'left' ? '取消固定' : '固定列首'
         }, /*#__PURE__*/React__default['default'].createElement("img", {
+          width: 18,
           src: (record === null || record === void 0 ? void 0 : record.fixed) === 'left' ? fixedLeftActive : fixedLeft
         })));
       }
@@ -17628,11 +17659,17 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
                 }))
               });
             }
+          },
+          style: {
+            display: 'inline-block',
+            width: '24px',
+            textAlign: 'center'
           }
         }, /*#__PURE__*/React__default['default'].createElement(antd.Tooltip, {
           placement: "top",
           title: (record === null || record === void 0 ? void 0 : record.fixed) === 'right' ? '取消固定' : '固定列尾'
         }, /*#__PURE__*/React__default['default'].createElement("img", {
+          width: 18,
           src: (record === null || record === void 0 ? void 0 : record.fixed) === 'right' ? fixedRightActive : fixedRight
         })));
       }
@@ -17658,6 +17695,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
             });
           }
         }, /*#__PURE__*/React__default['default'].createElement("img", {
+          width: 24,
           src: close
         }));
       }
@@ -18067,6 +18105,7 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
 var _excluded$e = ["className", "style"];
 var DragHandle$3 = reactSortableHoc.SortableHandle(function () {
   return /*#__PURE__*/React__default['default'].createElement("img", {
+    width: 25,
     src: drag
   });
 });
@@ -18235,6 +18274,7 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
             });
           }
         }, /*#__PURE__*/React__default['default'].createElement("img", {
+          width: 24,
           src: close
         }));
       }
@@ -22310,7 +22350,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;
@@ -22453,13 +22493,25 @@ 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 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;
-  console.log(box, 'box', {
-    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)
-  });
   // < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft
   return {
     left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
@@ -22467,11 +22519,14 @@ function getOffset(node) {
   };
 }
 var FixedScrollBar = function FixedScrollBar(_ref, ref) {
-  var _viewPort$current;
+  var _viewPort$current, _viewPort$current2;
   var viewPort = _ref.viewPort,
-    width = _ref.width;
+    stickyProps = _ref.stickyProps;
+  var _useSticky = useSticky(stickyProps),
+    isSticky = _useSticky.isSticky,
+    container = _useSticky.container;
   var _useState = React.useState({
-      isHiddenScrollBar: false
+      isHiddenScrollBar: !isSticky
     }),
     _useState2 = _slicedToArray(_useState, 2),
     scrollState = _useState2[0],
@@ -22500,9 +22555,10 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
     }
   };
   React.useEffect(function () {
-    document.addEventListener('scroll', onContainerScroll);
+    var onscroll = _.throttle(onContainerScroll, 50);
+    container.addEventListener('scroll', onscroll);
     return function () {
-      document.removeEventListener('scroll', onContainerScroll);
+      container.removeEventListener('scroll', onscroll);
     };
   }, []);
   if (scrollState.isHiddenScrollBar) {
@@ -22510,10 +22566,10 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
   }
   return /*#__PURE__*/React__default['default'].createElement("div", {
     ref: ref,
-    onScroll: function onScroll(e) {
+    onScroll: _.throttle(function (e) {
       // @ts-ignore
       viewPort.current.scrollTo(e.target.scrollLeft, 0);
-    },
+    }, 50),
     style: {
       position: 'fixed',
       zIndex: '9999',
@@ -22529,13 +22585,13 @@ var FixedScrollBar = function FixedScrollBar(_ref, ref) {
     style: {
       height: '1px',
       backgroundColor: '#fff',
-      width: width
+      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 index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     show = _useState2[0],
@@ -22690,9 +22746,9 @@ var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
     className: 'editTableWrapper',
     onScroll: onScroll,
     ref: viewPort
-  }, (tableProps === null || tableProps === void 0 ? void 0 : tableProps.sticky) && /*#__PURE__*/React__default['default'].createElement(FixedScrollBar$1, {
+  }, /*#__PURE__*/React__default['default'].createElement(FixedScrollBar$1, {
+    stickyProps: tableProps === null || tableProps === void 0 ? void 0 : tableProps.sticky,
     viewPort: viewPort,
-    width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
     ref: topScrollBar
   }), /*#__PURE__*/React__default['default'].createElement("div", {
     style: {
@@ -31252,24 +31308,24 @@ exports.AddSkcSelect = AddSkcSelect;
 exports.AddSkuSelect = AddSkuSelect;
 exports.AddSpuSelect = AddSpuSelect;
 exports.BillEntry = BillEntry;
-exports.BsLayout = index$6;
+exports.BsLayout = index$5;
 exports.BsSulaQueryTable = BsSulaQueryTable;
 exports.BusinessSearchSelect = BusinessSearchSelect$1;
-exports.BusinessTreeSearchSelect = index$2;
-exports.CheckOneUser = index$1;
+exports.BusinessTreeSearchSelect = index$1;
+exports.CheckOneUser = index;
 exports.ColumnSettingTable = ColumnSettingTable;
 exports.CommodityEntry = CommodityEntry;
 exports.DataImport = DataImport;
 exports.DataValidation = DataValidation;
-exports.DetailPageWrapper = index$4;
+exports.DetailPageWrapper = index$3;
 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.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.2.43",
+  "version": "2.2.45",
   "scripts": {
     "start": "dumi dev",
     "docs:build": "dumi build",

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

@@ -22,7 +22,7 @@ import drag from '../../../assets/drag.svg';
 import './index.less';
 import ENUM from '@/utils/enumConfig';
 
-const DragHandle = SortableHandle(() => <img src={drag} />);
+const DragHandle = SortableHandle(() => <img width={25} src={drag} />);
 const SortableItem = SortableElement((props) => <tr {...props} />);
 const SortableBody = SortableContainer((props) => <tbody {...props} />);
 
@@ -229,7 +229,7 @@ class SearchItemTable extends React.Component {
               });
             }}
           >
-            <img src={close} />
+            <img width={24} src={close} />
           </span>
         );
       },

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

@@ -27,7 +27,7 @@ import fixedRightActive from '../../../assets/fixed-right-active.svg';
 import './index.less';
 import ENUM from '@/utils/enumConfig';
 
-const DragHandle = SortableHandle(() => <img src={drag} />);
+const DragHandle = SortableHandle(() => <img width={25} src={drag} />);
 
 const SortableItem = SortableElement((props) => <tr {...props} />);
 const SortableBody = SortableContainer((props) => <tbody {...props} />);
@@ -292,12 +292,14 @@ class SortableTable extends React.Component {
                 });
               }
             }}
+            style={{ display: 'inline-block', width: '24px', textAlign: 'center' }}
           >
             <Tooltip
               placement="top"
               title={record?.fixed === 'left' ? '取消固定' : '固定列首'}
             >
               <img
+                width={18}
                 src={record?.fixed === 'left' ? fixedLeftActive : fixedLeft}
               />
             </Tooltip>
@@ -373,12 +375,14 @@ class SortableTable extends React.Component {
                 });
               }
             }}
+            style={{ display: 'inline-block', width: '24px', textAlign: 'center' }}
           >
             <Tooltip
               placement="top"
               title={record?.fixed === 'right' ? '取消固定' : '固定列尾'}
             >
               <img
+                width={18}
                 src={record?.fixed === 'right' ? fixedRightActive : fixedRight}
               />
             </Tooltip>
@@ -413,7 +417,7 @@ class SortableTable extends React.Component {
               });
             }}
           >
-            <img src={close} />
+            <img width={24} src={close} />
           </span>
         );
       },

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

@@ -1,14 +1,10 @@
 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;
-  console.log(box, 'box', {
-    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),
-  })
   // < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft
   return {
     left: box.left + (window.pageXOffset || docElem.scrollLeft) -
@@ -18,13 +14,11 @@ function getOffset(node: any) {
   };
 }
 
-
-const FixedScrollBar = ({viewPort, width}: any, ref: any) => {
-
+const FixedScrollBar = ({viewPort, stickyProps}: any, ref: any) => {
+  const {isSticky, container} = useSticky(stickyProps)
   const [scrollState, setScrollState] = useState({
-    isHiddenScrollBar: false
+    isHiddenScrollBar: !isSticky
   })
-
   const onContainerScroll = () => {
     if (!viewPort.current) {
       return;
@@ -32,7 +26,6 @@ const FixedScrollBar = ({viewPort, width}: any, ref: any) => {
     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
@@ -51,9 +44,10 @@ const FixedScrollBar = ({viewPort, width}: any, ref: any) => {
   };
 
   useEffect(() => {
-    document.addEventListener('scroll', onContainerScroll)
+    const onscroll = throttle(onContainerScroll, 50)
+    container.addEventListener('scroll', onscroll)
     return () => {
-      document.removeEventListener('scroll', onContainerScroll)
+      container.removeEventListener('scroll', onscroll)
     }
   },[])
 
@@ -64,10 +58,10 @@ const FixedScrollBar = ({viewPort, width}: any, ref: any) => {
   return (
     <div
       ref={ref}
-      onScroll={(e) => {
+      onScroll={throttle((e) => {
         // @ts-ignore
         viewPort.current.scrollTo(e.target.scrollLeft, 0)
-      }}
+      }, 50)}
       style={{
         position:'fixed',
         zIndex: '9999',
@@ -83,7 +77,7 @@ const FixedScrollBar = ({viewPort, width}: any, ref: any) => {
         style={{
           height: '1px',
           backgroundColor: '#fff',
-          width,
+          width: viewPort.current?.scrollWidth || 0,
         }}></div>
     </div>
   )

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

@@ -152,11 +152,11 @@ export default forwardRef((props, ref) => {
         onScroll={onScroll}
         ref={viewPort}
       >
-        {tableProps?.sticky && <FixedScrollBar
+        <FixedScrollBar
+          stickyProps={tableProps?.sticky}
           viewPort={viewPort}
-          width={`${config.colHeaderWidth + 1 + placeholderWidth}px`}
           ref={topScrollBar}
-        />}
+        />
         <div style={{
           width: `${config.colHeaderWidth + 1 + placeholderWidth}px`,
           position: 'absolute',