@bit-sun/business-component 2.2.41 → 2.2.43
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Business/BsLayouts/Components/AllFunc/drawContent.d.ts +1 -1
- package/dist/components/Business/BsLayouts/Components/AllFunc/index.d.ts +1 -1
- package/dist/components/Business/BsLayouts/Components/RightContent/index.d.ts +2 -2
- package/dist/components/Business/BsLayouts/Components/SearchFunc/index.d.ts +2 -2
- package/dist/components/Business/BsLayouts/index.d.ts +2 -2
- package/dist/components/Business/BsSulaQueryTable/SearchItemSetting.d.ts +1 -0
- package/dist/components/Business/BsSulaQueryTable/setting.d.ts +1 -0
- package/dist/components/Business/BsSulaQueryTable/utils.d.ts +2 -2
- package/dist/components/Business/moreTreeTable/FixedScrollBar.d.ts +3 -0
- package/dist/index.esm.js +265 -134
- package/dist/index.js +272 -141
- package/dist/utils/TableUtils.d.ts +2 -2
- package/package.json +1 -1
- package/src/components/Business/BsSulaQueryTable/SearchItemSetting.tsx +37 -11
- package/src/components/Business/BsSulaQueryTable/index.less +6 -4
- package/src/components/Business/BsSulaQueryTable/setting.tsx +37 -11
- package/src/components/Business/moreTreeTable/FixedScrollBar.tsx +92 -0
- package/src/components/Business/moreTreeTable/index.tsx +13 -3
package/dist/index.esm.js
CHANGED
|
@@ -10,7 +10,7 @@ import { Resizable } from 'react-resizable';
|
|
|
10
10
|
import { SortableHandle, SortableElement, SortableContainer } from 'react-sortable-hoc';
|
|
11
11
|
import { arrayMoveImmutable } from 'array-move';
|
|
12
12
|
import { history, formatMessage, useLocation, Link, useModel, useIntl } from 'umi';
|
|
13
|
-
import isEqual
|
|
13
|
+
import isEqual from 'lodash/isEqual';
|
|
14
14
|
import { Table as Table$1, request as request$1, QueryTable, Form as Form$1 } from 'bssula';
|
|
15
15
|
import ProLayout from '@ant-design/pro-layout';
|
|
16
16
|
import cloneDeep from 'lodash/cloneDeep';
|
|
@@ -135,33 +135,6 @@ axios.interceptors.request.use(function (config) {
|
|
|
135
135
|
return config;
|
|
136
136
|
});
|
|
137
137
|
|
|
138
|
-
function _iterableToArrayLimit(arr, i) {
|
|
139
|
-
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
140
|
-
if (null != _i) {
|
|
141
|
-
var _s,
|
|
142
|
-
_e,
|
|
143
|
-
_x,
|
|
144
|
-
_r,
|
|
145
|
-
_arr = [],
|
|
146
|
-
_n = !0,
|
|
147
|
-
_d = !1;
|
|
148
|
-
try {
|
|
149
|
-
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
150
|
-
if (Object(_i) !== _i) return;
|
|
151
|
-
_n = !1;
|
|
152
|
-
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
153
|
-
} catch (err) {
|
|
154
|
-
_d = !0, _e = err;
|
|
155
|
-
} finally {
|
|
156
|
-
try {
|
|
157
|
-
if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
|
|
158
|
-
} finally {
|
|
159
|
-
if (_d) throw _e;
|
|
160
|
-
}
|
|
161
|
-
}
|
|
162
|
-
return _arr;
|
|
163
|
-
}
|
|
164
|
-
}
|
|
165
138
|
function ownKeys(object, enumerableOnly) {
|
|
166
139
|
var keys = Object.keys(object);
|
|
167
140
|
if (Object.getOwnPropertySymbols) {
|
|
@@ -318,9 +291,14 @@ function _regeneratorRuntime() {
|
|
|
318
291
|
};
|
|
319
292
|
}
|
|
320
293
|
function maybeInvokeDelegate(delegate, context) {
|
|
321
|
-
var
|
|
322
|
-
|
|
323
|
-
|
|
294
|
+
var method = delegate.iterator[context.method];
|
|
295
|
+
if (undefined === method) {
|
|
296
|
+
if (context.delegate = null, "throw" === context.method) {
|
|
297
|
+
if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
|
|
298
|
+
context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
|
|
299
|
+
}
|
|
300
|
+
return ContinueSentinel;
|
|
301
|
+
}
|
|
324
302
|
var record = tryCatch(method, delegate.iterator, context.arg);
|
|
325
303
|
if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
|
|
326
304
|
var info = record.arg;
|
|
@@ -534,7 +512,7 @@ function _defineProperties(target, props) {
|
|
|
534
512
|
descriptor.enumerable = descriptor.enumerable || false;
|
|
535
513
|
descriptor.configurable = true;
|
|
536
514
|
if ("value" in descriptor) descriptor.writable = true;
|
|
537
|
-
Object.defineProperty(target,
|
|
515
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
538
516
|
}
|
|
539
517
|
}
|
|
540
518
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
@@ -546,7 +524,6 @@ function _createClass(Constructor, protoProps, staticProps) {
|
|
|
546
524
|
return Constructor;
|
|
547
525
|
}
|
|
548
526
|
function _defineProperty(obj, key, value) {
|
|
549
|
-
key = _toPropertyKey(key);
|
|
550
527
|
if (key in obj) {
|
|
551
528
|
Object.defineProperty(obj, key, {
|
|
552
529
|
value: value,
|
|
@@ -675,6 +652,30 @@ function _arrayWithHoles(arr) {
|
|
|
675
652
|
function _iterableToArray(iter) {
|
|
676
653
|
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
677
654
|
}
|
|
655
|
+
function _iterableToArrayLimit(arr, i) {
|
|
656
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
657
|
+
if (_i == null) return;
|
|
658
|
+
var _arr = [];
|
|
659
|
+
var _n = true;
|
|
660
|
+
var _d = false;
|
|
661
|
+
var _s, _e;
|
|
662
|
+
try {
|
|
663
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
664
|
+
_arr.push(_s.value);
|
|
665
|
+
if (i && _arr.length === i) break;
|
|
666
|
+
}
|
|
667
|
+
} catch (err) {
|
|
668
|
+
_d = true;
|
|
669
|
+
_e = err;
|
|
670
|
+
} finally {
|
|
671
|
+
try {
|
|
672
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
673
|
+
} finally {
|
|
674
|
+
if (_d) throw _e;
|
|
675
|
+
}
|
|
676
|
+
}
|
|
677
|
+
return _arr;
|
|
678
|
+
}
|
|
678
679
|
function _unsupportedIterableToArray(o, minLen) {
|
|
679
680
|
if (!o) return;
|
|
680
681
|
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
@@ -694,20 +695,6 @@ function _nonIterableSpread() {
|
|
|
694
695
|
function _nonIterableRest() {
|
|
695
696
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
696
697
|
}
|
|
697
|
-
function _toPrimitive(input, hint) {
|
|
698
|
-
if (typeof input !== "object" || input === null) return input;
|
|
699
|
-
var prim = input[Symbol.toPrimitive];
|
|
700
|
-
if (prim !== undefined) {
|
|
701
|
-
var res = prim.call(input, hint || "default");
|
|
702
|
-
if (typeof res !== "object") return res;
|
|
703
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
704
|
-
}
|
|
705
|
-
return (hint === "string" ? String : Number)(input);
|
|
706
|
-
}
|
|
707
|
-
function _toPropertyKey(arg) {
|
|
708
|
-
var key = _toPrimitive(arg, "string");
|
|
709
|
-
return typeof key === "symbol" ? key : String(key);
|
|
710
|
-
}
|
|
711
698
|
|
|
712
699
|
var checkQuantityAccuracy = function checkQuantityAccuracy(value, accuracy, errorInfo) {
|
|
713
700
|
var errorMessage = _objectSpread2({
|
|
@@ -3675,52 +3662,41 @@ var setInitialShowColumn = function setInitialShowColumn(tableCode, columns, cal
|
|
|
3675
3662
|
callback(showColumns);
|
|
3676
3663
|
};
|
|
3677
3664
|
|
|
3678
|
-
var
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
function
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3692
|
-
|
|
3693
|
-
|
|
3694
|
-
|
|
3695
|
-
|
|
3696
|
-
|
|
3697
|
-
|
|
3698
|
-
|
|
3665
|
+
var simpleIsEqual = function simpleIsEqual(a, b) {
|
|
3666
|
+
return a === b;
|
|
3667
|
+
};
|
|
3668
|
+
|
|
3669
|
+
function index (resultFn, isEqual) {
|
|
3670
|
+
if (isEqual === void 0) {
|
|
3671
|
+
isEqual = simpleIsEqual;
|
|
3672
|
+
}
|
|
3673
|
+
|
|
3674
|
+
var lastThis;
|
|
3675
|
+
var lastArgs = [];
|
|
3676
|
+
var lastResult;
|
|
3677
|
+
var calledOnce = false;
|
|
3678
|
+
|
|
3679
|
+
var isNewArgEqualToLast = function isNewArgEqualToLast(newArg, index) {
|
|
3680
|
+
return isEqual(newArg, lastArgs[index], index);
|
|
3681
|
+
};
|
|
3682
|
+
|
|
3683
|
+
var result = function result() {
|
|
3684
|
+
for (var _len = arguments.length, newArgs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
3685
|
+
newArgs[_key] = arguments[_key];
|
|
3699
3686
|
}
|
|
3700
|
-
return true;
|
|
3701
|
-
}
|
|
3702
3687
|
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
var lastThis;
|
|
3706
|
-
var lastArgs = [];
|
|
3707
|
-
var lastResult;
|
|
3708
|
-
var calledOnce = false;
|
|
3709
|
-
function memoized() {
|
|
3710
|
-
var newArgs = [];
|
|
3711
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
3712
|
-
newArgs[_i] = arguments[_i];
|
|
3713
|
-
}
|
|
3714
|
-
if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
|
|
3715
|
-
return lastResult;
|
|
3716
|
-
}
|
|
3717
|
-
lastResult = resultFn.apply(this, newArgs);
|
|
3718
|
-
calledOnce = true;
|
|
3719
|
-
lastThis = this;
|
|
3720
|
-
lastArgs = newArgs;
|
|
3721
|
-
return lastResult;
|
|
3688
|
+
if (calledOnce && lastThis === this && newArgs.length === lastArgs.length && newArgs.every(isNewArgEqualToLast)) {
|
|
3689
|
+
return lastResult;
|
|
3722
3690
|
}
|
|
3723
|
-
|
|
3691
|
+
|
|
3692
|
+
lastResult = resultFn.apply(this, newArgs);
|
|
3693
|
+
calledOnce = true;
|
|
3694
|
+
lastThis = this;
|
|
3695
|
+
lastArgs = newArgs;
|
|
3696
|
+
return lastResult;
|
|
3697
|
+
};
|
|
3698
|
+
|
|
3699
|
+
return result;
|
|
3724
3700
|
}
|
|
3725
3701
|
|
|
3726
3702
|
//! moment.js
|
|
@@ -9680,7 +9656,7 @@ var formatter = function formatter(data, parentAuthority, parentName) {
|
|
|
9680
9656
|
return item;
|
|
9681
9657
|
});
|
|
9682
9658
|
};
|
|
9683
|
-
var memoizeOneFormatter =
|
|
9659
|
+
var memoizeOneFormatter = index(formatter, isEqual);
|
|
9684
9660
|
var go2BackAndClose = function go2BackAndClose() {
|
|
9685
9661
|
localStorage.setItem(ENUM.BROWSER_CACHE.CHILD_APP_BACK, 1);
|
|
9686
9662
|
history.goBack();
|
|
@@ -15239,7 +15215,7 @@ var CommodityEntry = function CommodityEntry(props) {
|
|
|
15239
15215
|
* @LastEditTime: 2022-01-14 17:17:26
|
|
15240
15216
|
* @LastEditors: rodchen
|
|
15241
15217
|
*/
|
|
15242
|
-
var index = (function (storageKeyString) {
|
|
15218
|
+
var index$1 = (function (storageKeyString) {
|
|
15243
15219
|
var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
|
|
15244
15220
|
var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
|
|
15245
15221
|
if (typeof seconds !== 'number') throw new Error('seconds should be number');
|
|
@@ -15582,7 +15558,7 @@ var BusinessTreeSearchSelect = function BusinessTreeSearchSelect(props) {
|
|
|
15582
15558
|
}, [props === null || props === void 0 ? void 0 : props.value]);
|
|
15583
15559
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MemoTreeSearchSelect, _objectSpread2({}, currentProps)));
|
|
15584
15560
|
};
|
|
15585
|
-
var index$
|
|
15561
|
+
var index$2 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props, nextProps) {
|
|
15586
15562
|
if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
|
|
15587
15563
|
return false;
|
|
15588
15564
|
}
|
|
@@ -15595,7 +15571,7 @@ var index$1 = /*#__PURE__*/React.memo(BusinessTreeSearchSelect, function (props,
|
|
|
15595
15571
|
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";
|
|
15596
15572
|
styleInject(css_248z$8);
|
|
15597
15573
|
|
|
15598
|
-
var index$
|
|
15574
|
+
var index$3 = (function (props) {
|
|
15599
15575
|
var _props$formStatusMapp = props.formStatusMapping,
|
|
15600
15576
|
formStatusMapping = _props$formStatusMapp === void 0 ? [] : _props$formStatusMapp;
|
|
15601
15577
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -17019,7 +16995,7 @@ var iconMap = {
|
|
|
17019
16995
|
src: moreIcon
|
|
17020
16996
|
})
|
|
17021
16997
|
};
|
|
17022
|
-
var index$
|
|
16998
|
+
var index$4 = (function (props) {
|
|
17023
16999
|
var _useLocation = useLocation(),
|
|
17024
17000
|
pathname = _useLocation.pathname;
|
|
17025
17001
|
var _useState = useState(pathname + 'id'),
|
|
@@ -17236,7 +17212,7 @@ var css_248z$d = ".home_page_head {\n height: 54px;\n display: flex;\n justif
|
|
|
17236
17212
|
styleInject(css_248z$d);
|
|
17237
17213
|
|
|
17238
17214
|
var _excluded$c = ["children"];
|
|
17239
|
-
var index$
|
|
17215
|
+
var index$5 = (function (props) {
|
|
17240
17216
|
var _useLocation = useLocation(),
|
|
17241
17217
|
pathname = _useLocation.pathname;
|
|
17242
17218
|
var _useState = useState(pathname + 'id'),
|
|
@@ -17343,7 +17319,7 @@ var HeaderWrapper = /*#__PURE__*/React.memo(function (_ref) {
|
|
|
17343
17319
|
return true;
|
|
17344
17320
|
});
|
|
17345
17321
|
|
|
17346
|
-
var css_248z$e = ".sort_table_wrapper .sort_table {\n display: flex;\n}\n.sort_table_wrapper .sort_table .sort_table_column_wrapper {\n width: 560px;\n margin-right: 10px;\n}\n.sort_table_wrapper .sort_table .sort_table_content_wrapper {\n width: 210px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count,\n.sort_table_wrapper .sort_table .sort_table_content_count {\n height: 20px;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n font-size: 14px;\n color: #000000;\n letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count span,\n.sort_table_wrapper .sort_table .sort_table_content_count span {\n color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column {\n margin-top: 10px;\n width: 560px;\n height: 430px;\n overflow: auto;\n padding: 10px;\n background: #ffffff;\n border: 1px solid #d9d9d9;\n border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all_empty {\n width: 538px;\n line-height: 360px;\n text-align: center;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n font-size: 14px;\n color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column_special {\n margin-top: 40px;\n width: 100px;\n height: 20px;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n font-size: 14px;\n color: #848484;\n letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper {\n width: 144px;\n margin-top: 16px;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper + .ant-checkbox-wrapper {\n margin-left: 0px;\n}\n.sort_table_wrapper .sort_table .sort_table_content {\n margin-top: 10px;\n padding-top: 10px;\n padding-bottom: 10px;\n border: 1px solid #d9d9d9;\n border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_content .ant-table-wrapper {\n padding: 0px !important;\n}\n.sort_table_wrapper .sort_table .sort_table_content .sort_table_title {\n height: 32px;\n line-height: 32px;\n padding-left: 10px;\n color: gray;\n}\n.sort_table_wrapper div.ant-modal-header {\n width: 820px;\n height: 64px;\n background: #ffffff;\n padding: 20px;\n border: 0px;\n}\n.sort_table_wrapper div.ant-modal-header div.ant-modal-title {\n height: 24px;\n font-family: PingFangSC-Medium;\n font-weight: 500;\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n line-height: 24px;\n}\n.sort_table_wrapper .ant-modal-body {\n padding: 0 20px !important;\n}\n.sort_table_wrapper .ant-modal-close-x {\n height: 24px;\n font-family: PingFangSC-Medium;\n font-weight: 500;\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n}\n.sort_table_wrapper .ant-input-affix-wrapper {\n padding: 0px;\n padding-right: 10px;\n}\n.sort_table_wrapper input {\n height: 32px;\n padding: 6px 4px;\n border-radius: 5px;\n}\n.sort_table_wrapper .ant-input-prefix {\n width: 24px;\n height: 24px;\n margin: 4px;\n display: flex;\n justify-content: center;\n}\n.sort_table_wrapper .ant-modal-footer {\n height: 70px;\n border: 0;\n padding: 20px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn {\n width: 80px;\n height: 34px;\n border-radius: 5px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn span {\n font-family: PingFangSC-Medium;\n font-weight: 600;\n font-size: 14px;\n letter-spacing: 0;\n text-align: center;\n line-height: 20px;\n}\n.sort_table_wrapper .ant-
|
|
17322
|
+
var css_248z$e = ".sort_table_wrapper .sort_table {\n display: flex;\n}\n.sort_table_wrapper .sort_table .sort_table_column_wrapper {\n width: 560px;\n margin-right: 10px;\n}\n.sort_table_wrapper .sort_table .sort_table_content_wrapper {\n width: 210px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count,\n.sort_table_wrapper .sort_table .sort_table_content_count {\n height: 20px;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n font-size: 14px;\n color: #000000;\n letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column_count span,\n.sort_table_wrapper .sort_table .sort_table_content_count span {\n color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column {\n margin-top: 10px;\n width: 560px;\n height: 430px;\n overflow: auto;\n padding: 10px;\n background: #ffffff;\n border: 1px solid #d9d9d9;\n border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all {\n display: flex;\n flex-wrap: wrap;\n justify-content: space-between;\n}\n.sort_table_wrapper .sort_table .sort_table_column_all_empty {\n width: 538px;\n line-height: 360px;\n text-align: center;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n font-size: 14px;\n color: #848484;\n}\n.sort_table_wrapper .sort_table .sort_table_column_special {\n margin-top: 40px;\n width: 100px;\n height: 20px;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n font-size: 14px;\n color: #848484;\n letter-spacing: 0;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper {\n width: 144px;\n margin-top: 16px;\n}\n.sort_table_wrapper .sort_table .sort_table_column .ant-checkbox-wrapper + .ant-checkbox-wrapper {\n margin-left: 0px;\n}\n.sort_table_wrapper .sort_table .sort_table_content {\n margin-top: 10px;\n padding-top: 10px;\n padding-bottom: 10px;\n border: 1px solid #d9d9d9;\n border-radius: 5px;\n}\n.sort_table_wrapper .sort_table .sort_table_content .ant-table-wrapper {\n padding: 0px !important;\n}\n.sort_table_wrapper .sort_table .sort_table_content .sort_table_title {\n height: 32px;\n line-height: 32px;\n padding-left: 10px;\n color: gray;\n}\n.sort_table_wrapper div.ant-modal-header {\n width: 820px;\n height: 64px;\n background: #ffffff;\n padding: 20px;\n border: 0px;\n}\n.sort_table_wrapper div.ant-modal-header div.ant-modal-title {\n height: 24px;\n font-family: PingFangSC-Medium;\n font-weight: 500;\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n line-height: 24px;\n}\n.sort_table_wrapper .ant-modal-body {\n padding: 0 20px !important;\n}\n.sort_table_wrapper .ant-modal-close-x {\n height: 24px;\n font-family: PingFangSC-Medium;\n font-weight: 500;\n font-size: 18px;\n color: #000000;\n letter-spacing: 0;\n}\n.sort_table_wrapper .ant-input-affix-wrapper {\n padding: 0px;\n padding-right: 10px;\n}\n.sort_table_wrapper input {\n height: 32px;\n padding: 6px 4px;\n border-radius: 5px;\n}\n.sort_table_wrapper .ant-input-prefix {\n width: 24px;\n height: 24px;\n margin: 4px;\n display: flex;\n justify-content: center;\n}\n.sort_table_wrapper .ant-modal-footer {\n height: 70px;\n border: 0;\n padding: 20px;\n display: flex;\n justify-content: space-between;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn {\n width: 80px;\n height: 34px;\n border-radius: 5px;\n}\n.sort_table_wrapper .ant-modal-footer .ant-btn span {\n font-family: PingFangSC-Medium;\n font-weight: 600;\n font-size: 14px;\n letter-spacing: 0;\n text-align: center;\n line-height: 20px;\n}\n.sort_table_wrapper .ant-table-wrapper::-webkit-scrollbar {\n display: none;\n}\n.sort_table_wrapper .ant-table-wrapper {\n margin-top: 10px;\n height: 364px;\n overflow: scroll;\n padding-bottom: 50px;\n}\n.sort_table_wrapper .ant-table-wrapper tr {\n height: 36px;\n}\n.sort_table_wrapper .ant-table-wrapper tr td {\n width: 24px !important;\n height: 36px !important;\n font-family: PingFangSC-Regular;\n font-weight: 400;\n font-size: 14px;\n color: #000000;\n letter-spacing: 0;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:first-child {\n padding-left: 10px !important;\n padding-right: 0px !important;\n width: 115px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td img {\n cursor: pointer;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:not(:first-child) {\n padding-left: 0px !important;\n padding-right: 0px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child {\n padding-left: 0px !important;\n padding-right: 3px !important;\n width: 34px !important;\n}\n.sort_table_wrapper .ant-table-wrapper tr td:last-child img {\n position: relative;\n top: 1px;\n}\n";
|
|
17347
17323
|
styleInject(css_248z$e);
|
|
17348
17324
|
|
|
17349
17325
|
var _excluded$d = ["className", "style"];
|
|
@@ -17418,7 +17394,10 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17418
17394
|
return [];
|
|
17419
17395
|
};
|
|
17420
17396
|
_this.patchConfigToLocalstorage = function (configvalue) {
|
|
17421
|
-
var
|
|
17397
|
+
var _this$props = _this.props,
|
|
17398
|
+
setShowColumns = _this$props.setShowColumns,
|
|
17399
|
+
_this$props$datasourc = _this$props.datasource,
|
|
17400
|
+
datasource = _this$props$datasourc === void 0 ? [] : _this$props$datasourc;
|
|
17422
17401
|
var _this$state = _this.state,
|
|
17423
17402
|
sortDataSource = _this$state.sortDataSource,
|
|
17424
17403
|
bsTableCode = _this$state.bsTableCode;
|
|
@@ -17439,12 +17418,29 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17439
17418
|
_this.setState({
|
|
17440
17419
|
visible: false
|
|
17441
17420
|
});
|
|
17442
|
-
|
|
17421
|
+
if (configvalue) {
|
|
17422
|
+
setShowColumns(_toConsumableArray(sortDataSource));
|
|
17423
|
+
} else {
|
|
17424
|
+
_this.setState({
|
|
17425
|
+
isDefaultValue: true,
|
|
17426
|
+
dataSource: _toConsumableArray(datasource.map(function (item) {
|
|
17427
|
+
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
17428
|
+
hidden: false
|
|
17429
|
+
});
|
|
17430
|
+
})),
|
|
17431
|
+
sortDataSource: _toConsumableArray(datasource.map(function (item) {
|
|
17432
|
+
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
17433
|
+
hidden: false
|
|
17434
|
+
});
|
|
17435
|
+
}))
|
|
17436
|
+
});
|
|
17437
|
+
setShowColumns(_toConsumableArray(datasource));
|
|
17438
|
+
}
|
|
17443
17439
|
};
|
|
17444
17440
|
_this.setInitValue = function () {
|
|
17445
|
-
var _this$
|
|
17446
|
-
datasource = _this$
|
|
17447
|
-
showColumn = _this$
|
|
17441
|
+
var _this$props2 = _this.props,
|
|
17442
|
+
datasource = _this$props2.datasource,
|
|
17443
|
+
showColumn = _this$props2.showColumn;
|
|
17448
17444
|
var config = _this.getConfigFromlocalstorage();
|
|
17449
17445
|
_this.setState({
|
|
17450
17446
|
isDefaultValue: true,
|
|
@@ -17799,6 +17795,9 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17799
17795
|
_this.handleReset = function () {
|
|
17800
17796
|
_this.setInitValue(true);
|
|
17801
17797
|
};
|
|
17798
|
+
_this.handleResetSetting = function () {
|
|
17799
|
+
_this.patchUserColumnConfig('');
|
|
17800
|
+
};
|
|
17802
17801
|
_this.onSearch = function (e) {
|
|
17803
17802
|
_this.setState({
|
|
17804
17803
|
searchDataSource: e.target.value
|
|
@@ -17814,10 +17813,10 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17814
17813
|
_createClass(SortableTable, [{
|
|
17815
17814
|
key: "componentDidMount",
|
|
17816
17815
|
value: function componentDidMount() {
|
|
17817
|
-
var _this$
|
|
17818
|
-
datasource = _this$
|
|
17819
|
-
showColumn = _this$
|
|
17820
|
-
bsTableCode = _this$
|
|
17816
|
+
var _this$props3 = this.props,
|
|
17817
|
+
datasource = _this$props3.datasource,
|
|
17818
|
+
showColumn = _this$props3.showColumn,
|
|
17819
|
+
bsTableCode = _this$props3.bsTableCode;
|
|
17821
17820
|
var config = this.getConfigFromlocalstorage();
|
|
17822
17821
|
this.setState({
|
|
17823
17822
|
dataSource: datasource.map(function (item) {
|
|
@@ -17885,17 +17884,26 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17885
17884
|
visible: visible,
|
|
17886
17885
|
onOk: this.handleOk,
|
|
17887
17886
|
onCancel: this.handleCancel,
|
|
17888
|
-
footer: [/*#__PURE__*/React.createElement(Button, {
|
|
17887
|
+
footer: [/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
|
|
17889
17888
|
key: "back",
|
|
17890
|
-
onClick: this.handleReset
|
|
17891
|
-
|
|
17889
|
+
onClick: this.handleReset,
|
|
17890
|
+
style: {
|
|
17891
|
+
marginRight: 0
|
|
17892
|
+
}
|
|
17893
|
+
}, "\u6062\u590D\u9ED8\u8BA4"), ",", /*#__PURE__*/React.createElement(Button, {
|
|
17894
|
+
key: "back",
|
|
17895
|
+
onClick: this.handleResetSetting
|
|
17896
|
+
}, "\u91CD\u7F6E\u8BBE\u7F6E")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
|
|
17892
17897
|
key: "submit",
|
|
17893
|
-
onClick: this.handleCancel
|
|
17894
|
-
|
|
17898
|
+
onClick: this.handleCancel,
|
|
17899
|
+
style: {
|
|
17900
|
+
marginRight: 0
|
|
17901
|
+
}
|
|
17902
|
+
}, "\u53D6\u6D88"), ",", /*#__PURE__*/React.createElement(Button, {
|
|
17895
17903
|
key: "submit",
|
|
17896
17904
|
type: "primary",
|
|
17897
17905
|
onClick: this.handleOk
|
|
17898
|
-
}, "\u786E\u8BA4")]
|
|
17906
|
+
}, "\u786E\u8BA4"))]
|
|
17899
17907
|
}, /*#__PURE__*/React.createElement("div", {
|
|
17900
17908
|
className: 'sort_table'
|
|
17901
17909
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -18107,7 +18115,10 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18107
18115
|
return [];
|
|
18108
18116
|
};
|
|
18109
18117
|
_this.patchConfigToLocalstorage = function (configvalue) {
|
|
18110
|
-
var
|
|
18118
|
+
var _this$props = _this.props,
|
|
18119
|
+
setShowSearchFields = _this$props.setShowSearchFields,
|
|
18120
|
+
_this$props$datasourc = _this$props.datasource,
|
|
18121
|
+
datasource = _this$props$datasourc === void 0 ? [] : _this$props$datasourc;
|
|
18111
18122
|
var _this$state = _this.state,
|
|
18112
18123
|
sortDataSource = _this$state.sortDataSource,
|
|
18113
18124
|
bsTableCode = _this$state.bsTableCode;
|
|
@@ -18128,14 +18139,31 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18128
18139
|
_this.setState({
|
|
18129
18140
|
visible: false
|
|
18130
18141
|
});
|
|
18131
|
-
|
|
18142
|
+
if (configvalue) {
|
|
18143
|
+
setShowSearchFields(_toConsumableArray(sortDataSource));
|
|
18144
|
+
} else {
|
|
18145
|
+
_this.setState({
|
|
18146
|
+
isDefaultValue: true,
|
|
18147
|
+
dataSource: _toConsumableArray(datasource.map(function (item) {
|
|
18148
|
+
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
18149
|
+
hidden: false
|
|
18150
|
+
});
|
|
18151
|
+
})),
|
|
18152
|
+
sortDataSource: _toConsumableArray(datasource.map(function (item) {
|
|
18153
|
+
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
18154
|
+
hidden: false
|
|
18155
|
+
});
|
|
18156
|
+
}))
|
|
18157
|
+
});
|
|
18158
|
+
setShowSearchFields(_toConsumableArray(datasource));
|
|
18159
|
+
}
|
|
18132
18160
|
};
|
|
18133
18161
|
_this.setInitValue = function () {
|
|
18134
|
-
var _this$
|
|
18135
|
-
_this$
|
|
18136
|
-
datasource = _this$
|
|
18137
|
-
_this$
|
|
18138
|
-
showSearchFields = _this$
|
|
18162
|
+
var _this$props2 = _this.props,
|
|
18163
|
+
_this$props2$datasour = _this$props2.datasource,
|
|
18164
|
+
datasource = _this$props2$datasour === void 0 ? [] : _this$props2$datasour,
|
|
18165
|
+
_this$props2$showSear = _this$props2.showSearchFields,
|
|
18166
|
+
showSearchFields = _this$props2$showSear === void 0 ? [] : _this$props2$showSear;
|
|
18139
18167
|
var config = _this.getConfigFromlocalstorage();
|
|
18140
18168
|
_this.setState({
|
|
18141
18169
|
isDefaultValue: true,
|
|
@@ -18321,6 +18349,9 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18321
18349
|
_this.handleReset = function () {
|
|
18322
18350
|
_this.setInitValue(true);
|
|
18323
18351
|
};
|
|
18352
|
+
_this.handleResetSetting = function () {
|
|
18353
|
+
_this.patchUserSearchFieldsConfig('');
|
|
18354
|
+
};
|
|
18324
18355
|
_this.onSearch = function (e) {
|
|
18325
18356
|
_this.setState({
|
|
18326
18357
|
searchDataSource: e.target.value
|
|
@@ -18336,10 +18367,10 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18336
18367
|
_createClass(SearchItemTable, [{
|
|
18337
18368
|
key: "componentDidMount",
|
|
18338
18369
|
value: function componentDidMount() {
|
|
18339
|
-
var _this$
|
|
18340
|
-
datasource = _this$
|
|
18341
|
-
showSearchFields = _this$
|
|
18342
|
-
bsTableCode = _this$
|
|
18370
|
+
var _this$props3 = this.props,
|
|
18371
|
+
datasource = _this$props3.datasource,
|
|
18372
|
+
showSearchFields = _this$props3.showSearchFields,
|
|
18373
|
+
bsTableCode = _this$props3.bsTableCode;
|
|
18343
18374
|
var config = this.getConfigFromlocalstorage();
|
|
18344
18375
|
this.setState({
|
|
18345
18376
|
dataSource: datasource.map(function (item) {
|
|
@@ -18394,17 +18425,26 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18394
18425
|
visible: visible,
|
|
18395
18426
|
onOk: this.handleOk,
|
|
18396
18427
|
onCancel: this.handleCancel,
|
|
18397
|
-
footer: [/*#__PURE__*/React.createElement(Button, {
|
|
18428
|
+
footer: [/*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
|
|
18398
18429
|
key: "back",
|
|
18399
|
-
onClick: this.handleReset
|
|
18400
|
-
|
|
18430
|
+
onClick: this.handleReset,
|
|
18431
|
+
style: {
|
|
18432
|
+
marginRight: 0
|
|
18433
|
+
}
|
|
18434
|
+
}, "\u6062\u590D\u9ED8\u8BA4"), ",", /*#__PURE__*/React.createElement(Button, {
|
|
18435
|
+
key: "back",
|
|
18436
|
+
onClick: this.handleResetSetting
|
|
18437
|
+
}, "\u91CD\u7F6E\u8BBE\u7F6E")), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Button, {
|
|
18401
18438
|
key: "submit",
|
|
18402
|
-
onClick: this.handleCancel
|
|
18403
|
-
|
|
18439
|
+
onClick: this.handleCancel,
|
|
18440
|
+
style: {
|
|
18441
|
+
marginRight: 0
|
|
18442
|
+
}
|
|
18443
|
+
}, "\u53D6\u6D88"), ",", /*#__PURE__*/React.createElement(Button, {
|
|
18404
18444
|
key: "submit",
|
|
18405
18445
|
type: "primary",
|
|
18406
18446
|
onClick: this.handleOk
|
|
18407
|
-
}, "\u786E\u8BA4")]
|
|
18447
|
+
}, "\u786E\u8BA4"))]
|
|
18408
18448
|
}, /*#__PURE__*/React.createElement("div", {
|
|
18409
18449
|
className: 'sort_table'
|
|
18410
18450
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -22252,7 +22292,7 @@ var WrapperComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
22252
22292
|
}]);
|
|
22253
22293
|
return WrapperComponent;
|
|
22254
22294
|
}(React.Component);
|
|
22255
|
-
var index$
|
|
22295
|
+
var index$6 = (function (props) {
|
|
22256
22296
|
var _useModel = useModel('@@initialState'),
|
|
22257
22297
|
_useModel$initialStat = _useModel.initialState,
|
|
22258
22298
|
initialState = _useModel$initialStat === void 0 ? {} : _useModel$initialStat;
|
|
@@ -22395,7 +22435,89 @@ var headersToRows = function headersToRows(originColumns) {
|
|
|
22395
22435
|
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";
|
|
22396
22436
|
styleInject(css_248z$n);
|
|
22397
22437
|
|
|
22398
|
-
|
|
22438
|
+
function getOffset(node) {
|
|
22439
|
+
var box = node.getBoundingClientRect();
|
|
22440
|
+
var docElem = document.documentElement;
|
|
22441
|
+
console.log(box, 'box', {
|
|
22442
|
+
left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
|
|
22443
|
+
top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
|
|
22444
|
+
});
|
|
22445
|
+
// < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft
|
|
22446
|
+
return {
|
|
22447
|
+
left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
|
|
22448
|
+
top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
|
|
22449
|
+
};
|
|
22450
|
+
}
|
|
22451
|
+
var FixedScrollBar = function FixedScrollBar(_ref, ref) {
|
|
22452
|
+
var _viewPort$current;
|
|
22453
|
+
var viewPort = _ref.viewPort,
|
|
22454
|
+
width = _ref.width;
|
|
22455
|
+
var _useState = useState({
|
|
22456
|
+
isHiddenScrollBar: false
|
|
22457
|
+
}),
|
|
22458
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
22459
|
+
scrollState = _useState2[0],
|
|
22460
|
+
setScrollState = _useState2[1];
|
|
22461
|
+
var onContainerScroll = function onContainerScroll() {
|
|
22462
|
+
if (!viewPort.current) {
|
|
22463
|
+
return;
|
|
22464
|
+
}
|
|
22465
|
+
var tableOffsetTop = getOffset(viewPort.current).top;
|
|
22466
|
+
var tableBottomOffset = tableOffsetTop + viewPort.current.offsetHeight;
|
|
22467
|
+
var currentClientOffset = document.documentElement.scrollTop + window.innerHeight;
|
|
22468
|
+
if (tableBottomOffset - 1 <= currentClientOffset || tableOffsetTop >= currentClientOffset) {
|
|
22469
|
+
setScrollState(function (state) {
|
|
22470
|
+
return _objectSpread2(_objectSpread2({}, state), {}, {
|
|
22471
|
+
isHiddenScrollBar: true
|
|
22472
|
+
});
|
|
22473
|
+
});
|
|
22474
|
+
} else {
|
|
22475
|
+
var _ref$current;
|
|
22476
|
+
(_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollTo(viewPort.current.scrollLeft, 0);
|
|
22477
|
+
setScrollState(function (state) {
|
|
22478
|
+
return _objectSpread2(_objectSpread2({}, state), {}, {
|
|
22479
|
+
isHiddenScrollBar: false
|
|
22480
|
+
});
|
|
22481
|
+
});
|
|
22482
|
+
}
|
|
22483
|
+
};
|
|
22484
|
+
useEffect(function () {
|
|
22485
|
+
document.addEventListener('scroll', onContainerScroll);
|
|
22486
|
+
return function () {
|
|
22487
|
+
document.removeEventListener('scroll', onContainerScroll);
|
|
22488
|
+
};
|
|
22489
|
+
}, []);
|
|
22490
|
+
if (scrollState.isHiddenScrollBar) {
|
|
22491
|
+
return null;
|
|
22492
|
+
}
|
|
22493
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
22494
|
+
ref: ref,
|
|
22495
|
+
onScroll: function onScroll(e) {
|
|
22496
|
+
// @ts-ignore
|
|
22497
|
+
viewPort.current.scrollTo(e.target.scrollLeft, 0);
|
|
22498
|
+
},
|
|
22499
|
+
style: {
|
|
22500
|
+
position: 'fixed',
|
|
22501
|
+
zIndex: '9999',
|
|
22502
|
+
bottom: '45px',
|
|
22503
|
+
overflowY: 'hidden',
|
|
22504
|
+
overflowX: 'auto',
|
|
22505
|
+
width: ((_viewPort$current = viewPort.current) === null || _viewPort$current === void 0 ? void 0 : _viewPort$current.offsetWidth) || 0,
|
|
22506
|
+
background: '#fff',
|
|
22507
|
+
opacity: 0.6
|
|
22508
|
+
}
|
|
22509
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
22510
|
+
className: 'ant-table-sticky-scroll-bar',
|
|
22511
|
+
style: {
|
|
22512
|
+
height: '1px',
|
|
22513
|
+
backgroundColor: '#fff',
|
|
22514
|
+
width: width
|
|
22515
|
+
}
|
|
22516
|
+
}));
|
|
22517
|
+
};
|
|
22518
|
+
var FixedScrollBar$1 = /*#__PURE__*/React.forwardRef(FixedScrollBar);
|
|
22519
|
+
|
|
22520
|
+
var index$7 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
22399
22521
|
var _useState = useState(false),
|
|
22400
22522
|
_useState2 = _slicedToArray(_useState, 2),
|
|
22401
22523
|
show = _useState2[0],
|
|
@@ -22426,6 +22548,7 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
22426
22548
|
setViewCount = _useState10[1]; //虚拟表格每次渲染数量
|
|
22427
22549
|
var itemWidth = 100; // 表格每一项宽度
|
|
22428
22550
|
var viewPort = useRef(null);
|
|
22551
|
+
var topScrollBar = useRef(null);
|
|
22429
22552
|
//起始渲染item
|
|
22430
22553
|
var _useState11 = useState(0),
|
|
22431
22554
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
@@ -22447,6 +22570,9 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
22447
22570
|
setViewCount(viewCount);
|
|
22448
22571
|
}, []);
|
|
22449
22572
|
var onScroll = function onScroll() {
|
|
22573
|
+
if (topScrollBar.current) {
|
|
22574
|
+
topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0);
|
|
22575
|
+
}
|
|
22450
22576
|
var scrollWidth = viewPort.current.scrollLeft;
|
|
22451
22577
|
var startIndex = Math.floor(scrollWidth / itemWidth);
|
|
22452
22578
|
var offsetWidth = startIndex * itemWidth;
|
|
@@ -22532,7 +22658,8 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
22532
22658
|
// return <div>loading</div>;
|
|
22533
22659
|
// }
|
|
22534
22660
|
var width = props.width,
|
|
22535
|
-
height = props.height
|
|
22661
|
+
height = props.height,
|
|
22662
|
+
tableProps = props.tableProps;
|
|
22536
22663
|
var tableWidth = width ? "".concat(width, "px") : '100%';
|
|
22537
22664
|
var tableHeight = "".concat(height || 400, "px");
|
|
22538
22665
|
var rightAreaWidth = 'calc(100% - ' + "".concat(config.colHeaderWidth, "px") + ')';
|
|
@@ -22545,7 +22672,11 @@ var index$6 = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
22545
22672
|
className: 'editTableWrapper',
|
|
22546
22673
|
onScroll: onScroll,
|
|
22547
22674
|
ref: viewPort
|
|
22548
|
-
}, /*#__PURE__*/React.createElement(
|
|
22675
|
+
}, (tableProps === null || tableProps === void 0 ? void 0 : tableProps.sticky) && /*#__PURE__*/React.createElement(FixedScrollBar$1, {
|
|
22676
|
+
viewPort: viewPort,
|
|
22677
|
+
width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
|
|
22678
|
+
ref: topScrollBar
|
|
22679
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
22549
22680
|
style: {
|
|
22550
22681
|
width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
|
|
22551
22682
|
position: 'absolute',
|
|
@@ -31098,4 +31229,4 @@ var JsonQueryTable = /*#__PURE__*/React.memo(function (props) {
|
|
|
31098
31229
|
}, "setting"));
|
|
31099
31230
|
});
|
|
31100
31231
|
|
|
31101
|
-
export { AddSelect, AddSkcSelect, AddSkuSelect, AddSpuSelect, BillEntry, index$
|
|
31232
|
+
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 };
|