@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.js
CHANGED
|
@@ -14,7 +14,7 @@ var reactResizable = require('react-resizable');
|
|
|
14
14
|
var reactSortableHoc = require('react-sortable-hoc');
|
|
15
15
|
var arrayMove = require('array-move');
|
|
16
16
|
var umi = require('umi');
|
|
17
|
-
var isEqual
|
|
17
|
+
var isEqual = require('lodash/isEqual');
|
|
18
18
|
var bssula = require('bssula');
|
|
19
19
|
var ProLayout = require('@ant-design/pro-layout');
|
|
20
20
|
var cloneDeep = require('lodash/cloneDeep');
|
|
@@ -33,7 +33,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
33
33
|
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
|
34
34
|
var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
|
|
35
35
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
36
|
-
var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual
|
|
36
|
+
var isEqual__default = /*#__PURE__*/_interopDefaultLegacy(isEqual);
|
|
37
37
|
var ProLayout__default = /*#__PURE__*/_interopDefaultLegacy(ProLayout);
|
|
38
38
|
var cloneDeep__default = /*#__PURE__*/_interopDefaultLegacy(cloneDeep);
|
|
39
39
|
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
@@ -153,33 +153,6 @@ axios__default['default'].interceptors.request.use(function (config) {
|
|
|
153
153
|
return config;
|
|
154
154
|
});
|
|
155
155
|
|
|
156
|
-
function _iterableToArrayLimit(arr, i) {
|
|
157
|
-
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
158
|
-
if (null != _i) {
|
|
159
|
-
var _s,
|
|
160
|
-
_e,
|
|
161
|
-
_x,
|
|
162
|
-
_r,
|
|
163
|
-
_arr = [],
|
|
164
|
-
_n = !0,
|
|
165
|
-
_d = !1;
|
|
166
|
-
try {
|
|
167
|
-
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
168
|
-
if (Object(_i) !== _i) return;
|
|
169
|
-
_n = !1;
|
|
170
|
-
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
171
|
-
} catch (err) {
|
|
172
|
-
_d = !0, _e = err;
|
|
173
|
-
} finally {
|
|
174
|
-
try {
|
|
175
|
-
if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
|
|
176
|
-
} finally {
|
|
177
|
-
if (_d) throw _e;
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
return _arr;
|
|
181
|
-
}
|
|
182
|
-
}
|
|
183
156
|
function ownKeys(object, enumerableOnly) {
|
|
184
157
|
var keys = Object.keys(object);
|
|
185
158
|
if (Object.getOwnPropertySymbols) {
|
|
@@ -336,9 +309,14 @@ function _regeneratorRuntime() {
|
|
|
336
309
|
};
|
|
337
310
|
}
|
|
338
311
|
function maybeInvokeDelegate(delegate, context) {
|
|
339
|
-
var
|
|
340
|
-
|
|
341
|
-
|
|
312
|
+
var method = delegate.iterator[context.method];
|
|
313
|
+
if (undefined === method) {
|
|
314
|
+
if (context.delegate = null, "throw" === context.method) {
|
|
315
|
+
if (delegate.iterator.return && (context.method = "return", context.arg = undefined, maybeInvokeDelegate(delegate, context), "throw" === context.method)) return ContinueSentinel;
|
|
316
|
+
context.method = "throw", context.arg = new TypeError("The iterator does not provide a 'throw' method");
|
|
317
|
+
}
|
|
318
|
+
return ContinueSentinel;
|
|
319
|
+
}
|
|
342
320
|
var record = tryCatch(method, delegate.iterator, context.arg);
|
|
343
321
|
if ("throw" === record.type) return context.method = "throw", context.arg = record.arg, context.delegate = null, ContinueSentinel;
|
|
344
322
|
var info = record.arg;
|
|
@@ -552,7 +530,7 @@ function _defineProperties(target, props) {
|
|
|
552
530
|
descriptor.enumerable = descriptor.enumerable || false;
|
|
553
531
|
descriptor.configurable = true;
|
|
554
532
|
if ("value" in descriptor) descriptor.writable = true;
|
|
555
|
-
Object.defineProperty(target,
|
|
533
|
+
Object.defineProperty(target, descriptor.key, descriptor);
|
|
556
534
|
}
|
|
557
535
|
}
|
|
558
536
|
function _createClass(Constructor, protoProps, staticProps) {
|
|
@@ -564,7 +542,6 @@ function _createClass(Constructor, protoProps, staticProps) {
|
|
|
564
542
|
return Constructor;
|
|
565
543
|
}
|
|
566
544
|
function _defineProperty(obj, key, value) {
|
|
567
|
-
key = _toPropertyKey(key);
|
|
568
545
|
if (key in obj) {
|
|
569
546
|
Object.defineProperty(obj, key, {
|
|
570
547
|
value: value,
|
|
@@ -693,6 +670,30 @@ function _arrayWithHoles(arr) {
|
|
|
693
670
|
function _iterableToArray(iter) {
|
|
694
671
|
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
695
672
|
}
|
|
673
|
+
function _iterableToArrayLimit(arr, i) {
|
|
674
|
+
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
675
|
+
if (_i == null) return;
|
|
676
|
+
var _arr = [];
|
|
677
|
+
var _n = true;
|
|
678
|
+
var _d = false;
|
|
679
|
+
var _s, _e;
|
|
680
|
+
try {
|
|
681
|
+
for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
|
|
682
|
+
_arr.push(_s.value);
|
|
683
|
+
if (i && _arr.length === i) break;
|
|
684
|
+
}
|
|
685
|
+
} catch (err) {
|
|
686
|
+
_d = true;
|
|
687
|
+
_e = err;
|
|
688
|
+
} finally {
|
|
689
|
+
try {
|
|
690
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
|
691
|
+
} finally {
|
|
692
|
+
if (_d) throw _e;
|
|
693
|
+
}
|
|
694
|
+
}
|
|
695
|
+
return _arr;
|
|
696
|
+
}
|
|
696
697
|
function _unsupportedIterableToArray(o, minLen) {
|
|
697
698
|
if (!o) return;
|
|
698
699
|
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
@@ -712,20 +713,6 @@ function _nonIterableSpread() {
|
|
|
712
713
|
function _nonIterableRest() {
|
|
713
714
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
714
715
|
}
|
|
715
|
-
function _toPrimitive(input, hint) {
|
|
716
|
-
if (typeof input !== "object" || input === null) return input;
|
|
717
|
-
var prim = input[Symbol.toPrimitive];
|
|
718
|
-
if (prim !== undefined) {
|
|
719
|
-
var res = prim.call(input, hint || "default");
|
|
720
|
-
if (typeof res !== "object") return res;
|
|
721
|
-
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
722
|
-
}
|
|
723
|
-
return (hint === "string" ? String : Number)(input);
|
|
724
|
-
}
|
|
725
|
-
function _toPropertyKey(arg) {
|
|
726
|
-
var key = _toPrimitive(arg, "string");
|
|
727
|
-
return typeof key === "symbol" ? key : String(key);
|
|
728
|
-
}
|
|
729
716
|
|
|
730
717
|
var checkQuantityAccuracy = function checkQuantityAccuracy(value, accuracy, errorInfo) {
|
|
731
718
|
var errorMessage = _objectSpread2({
|
|
@@ -3693,52 +3680,41 @@ var setInitialShowColumn = function setInitialShowColumn(tableCode, columns, cal
|
|
|
3693
3680
|
callback(showColumns);
|
|
3694
3681
|
};
|
|
3695
3682
|
|
|
3696
|
-
var
|
|
3697
|
-
|
|
3698
|
-
|
|
3699
|
-
|
|
3700
|
-
function
|
|
3701
|
-
|
|
3702
|
-
|
|
3703
|
-
|
|
3704
|
-
|
|
3705
|
-
|
|
3706
|
-
|
|
3707
|
-
|
|
3708
|
-
|
|
3709
|
-
|
|
3710
|
-
|
|
3711
|
-
|
|
3712
|
-
|
|
3713
|
-
|
|
3714
|
-
|
|
3715
|
-
|
|
3716
|
-
|
|
3683
|
+
var simpleIsEqual = function simpleIsEqual(a, b) {
|
|
3684
|
+
return a === b;
|
|
3685
|
+
};
|
|
3686
|
+
|
|
3687
|
+
function index (resultFn, isEqual) {
|
|
3688
|
+
if (isEqual === void 0) {
|
|
3689
|
+
isEqual = simpleIsEqual;
|
|
3690
|
+
}
|
|
3691
|
+
|
|
3692
|
+
var lastThis;
|
|
3693
|
+
var lastArgs = [];
|
|
3694
|
+
var lastResult;
|
|
3695
|
+
var calledOnce = false;
|
|
3696
|
+
|
|
3697
|
+
var isNewArgEqualToLast = function isNewArgEqualToLast(newArg, index) {
|
|
3698
|
+
return isEqual(newArg, lastArgs[index], index);
|
|
3699
|
+
};
|
|
3700
|
+
|
|
3701
|
+
var result = function result() {
|
|
3702
|
+
for (var _len = arguments.length, newArgs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
3703
|
+
newArgs[_key] = arguments[_key];
|
|
3717
3704
|
}
|
|
3718
|
-
return true;
|
|
3719
|
-
}
|
|
3720
3705
|
|
|
3721
|
-
|
|
3722
|
-
|
|
3723
|
-
var lastThis;
|
|
3724
|
-
var lastArgs = [];
|
|
3725
|
-
var lastResult;
|
|
3726
|
-
var calledOnce = false;
|
|
3727
|
-
function memoized() {
|
|
3728
|
-
var newArgs = [];
|
|
3729
|
-
for (var _i = 0; _i < arguments.length; _i++) {
|
|
3730
|
-
newArgs[_i] = arguments[_i];
|
|
3731
|
-
}
|
|
3732
|
-
if (calledOnce && lastThis === this && isEqual(newArgs, lastArgs)) {
|
|
3733
|
-
return lastResult;
|
|
3734
|
-
}
|
|
3735
|
-
lastResult = resultFn.apply(this, newArgs);
|
|
3736
|
-
calledOnce = true;
|
|
3737
|
-
lastThis = this;
|
|
3738
|
-
lastArgs = newArgs;
|
|
3739
|
-
return lastResult;
|
|
3706
|
+
if (calledOnce && lastThis === this && newArgs.length === lastArgs.length && newArgs.every(isNewArgEqualToLast)) {
|
|
3707
|
+
return lastResult;
|
|
3740
3708
|
}
|
|
3741
|
-
|
|
3709
|
+
|
|
3710
|
+
lastResult = resultFn.apply(this, newArgs);
|
|
3711
|
+
calledOnce = true;
|
|
3712
|
+
lastThis = this;
|
|
3713
|
+
lastArgs = newArgs;
|
|
3714
|
+
return lastResult;
|
|
3715
|
+
};
|
|
3716
|
+
|
|
3717
|
+
return result;
|
|
3742
3718
|
}
|
|
3743
3719
|
|
|
3744
3720
|
//! moment.js
|
|
@@ -9698,7 +9674,7 @@ var formatter = function formatter(data, parentAuthority, parentName) {
|
|
|
9698
9674
|
return item;
|
|
9699
9675
|
});
|
|
9700
9676
|
};
|
|
9701
|
-
var memoizeOneFormatter =
|
|
9677
|
+
var memoizeOneFormatter = index(formatter, isEqual__default['default']);
|
|
9702
9678
|
var go2BackAndClose = function go2BackAndClose() {
|
|
9703
9679
|
localStorage.setItem(ENUM.BROWSER_CACHE.CHILD_APP_BACK, 1);
|
|
9704
9680
|
umi.history.goBack();
|
|
@@ -15257,7 +15233,7 @@ var CommodityEntry = function CommodityEntry(props) {
|
|
|
15257
15233
|
* @LastEditTime: 2022-01-14 17:17:26
|
|
15258
15234
|
* @LastEditors: rodchen
|
|
15259
15235
|
*/
|
|
15260
|
-
var index = (function (storageKeyString) {
|
|
15236
|
+
var index$1 = (function (storageKeyString) {
|
|
15261
15237
|
var seconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 2;
|
|
15262
15238
|
var tipsCallFunction = arguments.length > 2 ? arguments[2] : undefined;
|
|
15263
15239
|
if (typeof seconds !== 'number') throw new Error('seconds should be number');
|
|
@@ -15600,7 +15576,7 @@ var BusinessTreeSearchSelect = function BusinessTreeSearchSelect(props) {
|
|
|
15600
15576
|
}, [props === null || props === void 0 ? void 0 : props.value]);
|
|
15601
15577
|
return /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(MemoTreeSearchSelect, _objectSpread2({}, currentProps)));
|
|
15602
15578
|
};
|
|
15603
|
-
var index$
|
|
15579
|
+
var index$2 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSelect, function (props, nextProps) {
|
|
15604
15580
|
if (props && props.labelInValue && props.value && JSON.stringify(props.value) !== JSON.stringify(nextProps.value)) {
|
|
15605
15581
|
return false;
|
|
15606
15582
|
}
|
|
@@ -15613,7 +15589,7 @@ var index$1 = /*#__PURE__*/React__default['default'].memo(BusinessTreeSearchSele
|
|
|
15613
15589
|
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";
|
|
15614
15590
|
styleInject(css_248z$8);
|
|
15615
15591
|
|
|
15616
|
-
var index$
|
|
15592
|
+
var index$3 = (function (props) {
|
|
15617
15593
|
var _props$formStatusMapp = props.formStatusMapping,
|
|
15618
15594
|
formStatusMapping = _props$formStatusMapp === void 0 ? [] : _props$formStatusMapp;
|
|
15619
15595
|
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -17037,7 +17013,7 @@ var iconMap = {
|
|
|
17037
17013
|
src: moreIcon
|
|
17038
17014
|
})
|
|
17039
17015
|
};
|
|
17040
|
-
var index$
|
|
17016
|
+
var index$4 = (function (props) {
|
|
17041
17017
|
var _useLocation = umi.useLocation(),
|
|
17042
17018
|
pathname = _useLocation.pathname;
|
|
17043
17019
|
var _useState = React.useState(pathname + 'id'),
|
|
@@ -17254,7 +17230,7 @@ var css_248z$d = ".home_page_head {\n height: 54px;\n display: flex;\n justif
|
|
|
17254
17230
|
styleInject(css_248z$d);
|
|
17255
17231
|
|
|
17256
17232
|
var _excluded$c = ["children"];
|
|
17257
|
-
var index$
|
|
17233
|
+
var index$5 = (function (props) {
|
|
17258
17234
|
var _useLocation = umi.useLocation(),
|
|
17259
17235
|
pathname = _useLocation.pathname;
|
|
17260
17236
|
var _useState = React.useState(pathname + 'id'),
|
|
@@ -17361,7 +17337,7 @@ var HeaderWrapper = /*#__PURE__*/React__default['default'].memo(function (_ref)
|
|
|
17361
17337
|
return true;
|
|
17362
17338
|
});
|
|
17363
17339
|
|
|
17364
|
-
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-
|
|
17340
|
+
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";
|
|
17365
17341
|
styleInject(css_248z$e);
|
|
17366
17342
|
|
|
17367
17343
|
var _excluded$d = ["className", "style"];
|
|
@@ -17436,7 +17412,10 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17436
17412
|
return [];
|
|
17437
17413
|
};
|
|
17438
17414
|
_this.patchConfigToLocalstorage = function (configvalue) {
|
|
17439
|
-
var
|
|
17415
|
+
var _this$props = _this.props,
|
|
17416
|
+
setShowColumns = _this$props.setShowColumns,
|
|
17417
|
+
_this$props$datasourc = _this$props.datasource,
|
|
17418
|
+
datasource = _this$props$datasourc === void 0 ? [] : _this$props$datasourc;
|
|
17440
17419
|
var _this$state = _this.state,
|
|
17441
17420
|
sortDataSource = _this$state.sortDataSource,
|
|
17442
17421
|
bsTableCode = _this$state.bsTableCode;
|
|
@@ -17457,12 +17436,29 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17457
17436
|
_this.setState({
|
|
17458
17437
|
visible: false
|
|
17459
17438
|
});
|
|
17460
|
-
|
|
17439
|
+
if (configvalue) {
|
|
17440
|
+
setShowColumns(_toConsumableArray(sortDataSource));
|
|
17441
|
+
} else {
|
|
17442
|
+
_this.setState({
|
|
17443
|
+
isDefaultValue: true,
|
|
17444
|
+
dataSource: _toConsumableArray(datasource.map(function (item) {
|
|
17445
|
+
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
17446
|
+
hidden: false
|
|
17447
|
+
});
|
|
17448
|
+
})),
|
|
17449
|
+
sortDataSource: _toConsumableArray(datasource.map(function (item) {
|
|
17450
|
+
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
17451
|
+
hidden: false
|
|
17452
|
+
});
|
|
17453
|
+
}))
|
|
17454
|
+
});
|
|
17455
|
+
setShowColumns(_toConsumableArray(datasource));
|
|
17456
|
+
}
|
|
17461
17457
|
};
|
|
17462
17458
|
_this.setInitValue = function () {
|
|
17463
|
-
var _this$
|
|
17464
|
-
datasource = _this$
|
|
17465
|
-
showColumn = _this$
|
|
17459
|
+
var _this$props2 = _this.props,
|
|
17460
|
+
datasource = _this$props2.datasource,
|
|
17461
|
+
showColumn = _this$props2.showColumn;
|
|
17466
17462
|
var config = _this.getConfigFromlocalstorage();
|
|
17467
17463
|
_this.setState({
|
|
17468
17464
|
isDefaultValue: true,
|
|
@@ -17817,6 +17813,9 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17817
17813
|
_this.handleReset = function () {
|
|
17818
17814
|
_this.setInitValue(true);
|
|
17819
17815
|
};
|
|
17816
|
+
_this.handleResetSetting = function () {
|
|
17817
|
+
_this.patchUserColumnConfig('');
|
|
17818
|
+
};
|
|
17820
17819
|
_this.onSearch = function (e) {
|
|
17821
17820
|
_this.setState({
|
|
17822
17821
|
searchDataSource: e.target.value
|
|
@@ -17832,10 +17831,10 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17832
17831
|
_createClass(SortableTable, [{
|
|
17833
17832
|
key: "componentDidMount",
|
|
17834
17833
|
value: function componentDidMount() {
|
|
17835
|
-
var _this$
|
|
17836
|
-
datasource = _this$
|
|
17837
|
-
showColumn = _this$
|
|
17838
|
-
bsTableCode = _this$
|
|
17834
|
+
var _this$props3 = this.props,
|
|
17835
|
+
datasource = _this$props3.datasource,
|
|
17836
|
+
showColumn = _this$props3.showColumn,
|
|
17837
|
+
bsTableCode = _this$props3.bsTableCode;
|
|
17839
17838
|
var config = this.getConfigFromlocalstorage();
|
|
17840
17839
|
this.setState({
|
|
17841
17840
|
dataSource: datasource.map(function (item) {
|
|
@@ -17903,17 +17902,26 @@ var SortableTable$1 = /*#__PURE__*/function (_React$Component) {
|
|
|
17903
17902
|
visible: visible,
|
|
17904
17903
|
onOk: this.handleOk,
|
|
17905
17904
|
onCancel: this.handleCancel,
|
|
17906
|
-
footer: [/*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
17905
|
+
footer: [/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
17907
17906
|
key: "back",
|
|
17908
|
-
onClick: this.handleReset
|
|
17909
|
-
|
|
17907
|
+
onClick: this.handleReset,
|
|
17908
|
+
style: {
|
|
17909
|
+
marginRight: 0
|
|
17910
|
+
}
|
|
17911
|
+
}, "\u6062\u590D\u9ED8\u8BA4"), ",", /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
17912
|
+
key: "back",
|
|
17913
|
+
onClick: this.handleResetSetting
|
|
17914
|
+
}, "\u91CD\u7F6E\u8BBE\u7F6E")), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
17910
17915
|
key: "submit",
|
|
17911
|
-
onClick: this.handleCancel
|
|
17912
|
-
|
|
17916
|
+
onClick: this.handleCancel,
|
|
17917
|
+
style: {
|
|
17918
|
+
marginRight: 0
|
|
17919
|
+
}
|
|
17920
|
+
}, "\u53D6\u6D88"), ",", /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
17913
17921
|
key: "submit",
|
|
17914
17922
|
type: "primary",
|
|
17915
17923
|
onClick: this.handleOk
|
|
17916
|
-
}, "\u786E\u8BA4")]
|
|
17924
|
+
}, "\u786E\u8BA4"))]
|
|
17917
17925
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
17918
17926
|
className: 'sort_table'
|
|
17919
17927
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -18125,7 +18133,10 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18125
18133
|
return [];
|
|
18126
18134
|
};
|
|
18127
18135
|
_this.patchConfigToLocalstorage = function (configvalue) {
|
|
18128
|
-
var
|
|
18136
|
+
var _this$props = _this.props,
|
|
18137
|
+
setShowSearchFields = _this$props.setShowSearchFields,
|
|
18138
|
+
_this$props$datasourc = _this$props.datasource,
|
|
18139
|
+
datasource = _this$props$datasourc === void 0 ? [] : _this$props$datasourc;
|
|
18129
18140
|
var _this$state = _this.state,
|
|
18130
18141
|
sortDataSource = _this$state.sortDataSource,
|
|
18131
18142
|
bsTableCode = _this$state.bsTableCode;
|
|
@@ -18146,14 +18157,31 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18146
18157
|
_this.setState({
|
|
18147
18158
|
visible: false
|
|
18148
18159
|
});
|
|
18149
|
-
|
|
18160
|
+
if (configvalue) {
|
|
18161
|
+
setShowSearchFields(_toConsumableArray(sortDataSource));
|
|
18162
|
+
} else {
|
|
18163
|
+
_this.setState({
|
|
18164
|
+
isDefaultValue: true,
|
|
18165
|
+
dataSource: _toConsumableArray(datasource.map(function (item) {
|
|
18166
|
+
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
18167
|
+
hidden: false
|
|
18168
|
+
});
|
|
18169
|
+
})),
|
|
18170
|
+
sortDataSource: _toConsumableArray(datasource.map(function (item) {
|
|
18171
|
+
return _objectSpread2(_objectSpread2({}, item), {}, {
|
|
18172
|
+
hidden: false
|
|
18173
|
+
});
|
|
18174
|
+
}))
|
|
18175
|
+
});
|
|
18176
|
+
setShowSearchFields(_toConsumableArray(datasource));
|
|
18177
|
+
}
|
|
18150
18178
|
};
|
|
18151
18179
|
_this.setInitValue = function () {
|
|
18152
|
-
var _this$
|
|
18153
|
-
_this$
|
|
18154
|
-
datasource = _this$
|
|
18155
|
-
_this$
|
|
18156
|
-
showSearchFields = _this$
|
|
18180
|
+
var _this$props2 = _this.props,
|
|
18181
|
+
_this$props2$datasour = _this$props2.datasource,
|
|
18182
|
+
datasource = _this$props2$datasour === void 0 ? [] : _this$props2$datasour,
|
|
18183
|
+
_this$props2$showSear = _this$props2.showSearchFields,
|
|
18184
|
+
showSearchFields = _this$props2$showSear === void 0 ? [] : _this$props2$showSear;
|
|
18157
18185
|
var config = _this.getConfigFromlocalstorage();
|
|
18158
18186
|
_this.setState({
|
|
18159
18187
|
isDefaultValue: true,
|
|
@@ -18339,6 +18367,9 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18339
18367
|
_this.handleReset = function () {
|
|
18340
18368
|
_this.setInitValue(true);
|
|
18341
18369
|
};
|
|
18370
|
+
_this.handleResetSetting = function () {
|
|
18371
|
+
_this.patchUserSearchFieldsConfig('');
|
|
18372
|
+
};
|
|
18342
18373
|
_this.onSearch = function (e) {
|
|
18343
18374
|
_this.setState({
|
|
18344
18375
|
searchDataSource: e.target.value
|
|
@@ -18354,10 +18385,10 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18354
18385
|
_createClass(SearchItemTable, [{
|
|
18355
18386
|
key: "componentDidMount",
|
|
18356
18387
|
value: function componentDidMount() {
|
|
18357
|
-
var _this$
|
|
18358
|
-
datasource = _this$
|
|
18359
|
-
showSearchFields = _this$
|
|
18360
|
-
bsTableCode = _this$
|
|
18388
|
+
var _this$props3 = this.props,
|
|
18389
|
+
datasource = _this$props3.datasource,
|
|
18390
|
+
showSearchFields = _this$props3.showSearchFields,
|
|
18391
|
+
bsTableCode = _this$props3.bsTableCode;
|
|
18361
18392
|
var config = this.getConfigFromlocalstorage();
|
|
18362
18393
|
this.setState({
|
|
18363
18394
|
dataSource: datasource.map(function (item) {
|
|
@@ -18412,17 +18443,26 @@ var SearchItemTable = /*#__PURE__*/function (_React$Component) {
|
|
|
18412
18443
|
visible: visible,
|
|
18413
18444
|
onOk: this.handleOk,
|
|
18414
18445
|
onCancel: this.handleCancel,
|
|
18415
|
-
footer: [/*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
18446
|
+
footer: [/*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
18416
18447
|
key: "back",
|
|
18417
|
-
onClick: this.handleReset
|
|
18418
|
-
|
|
18448
|
+
onClick: this.handleReset,
|
|
18449
|
+
style: {
|
|
18450
|
+
marginRight: 0
|
|
18451
|
+
}
|
|
18452
|
+
}, "\u6062\u590D\u9ED8\u8BA4"), ",", /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
18453
|
+
key: "back",
|
|
18454
|
+
onClick: this.handleResetSetting
|
|
18455
|
+
}, "\u91CD\u7F6E\u8BBE\u7F6E")), /*#__PURE__*/React__default['default'].createElement("div", null, /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
18419
18456
|
key: "submit",
|
|
18420
|
-
onClick: this.handleCancel
|
|
18421
|
-
|
|
18457
|
+
onClick: this.handleCancel,
|
|
18458
|
+
style: {
|
|
18459
|
+
marginRight: 0
|
|
18460
|
+
}
|
|
18461
|
+
}, "\u53D6\u6D88"), ",", /*#__PURE__*/React__default['default'].createElement(antd.Button, {
|
|
18422
18462
|
key: "submit",
|
|
18423
18463
|
type: "primary",
|
|
18424
18464
|
onClick: this.handleOk
|
|
18425
|
-
}, "\u786E\u8BA4")]
|
|
18465
|
+
}, "\u786E\u8BA4"))]
|
|
18426
18466
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
18427
18467
|
className: 'sort_table'
|
|
18428
18468
|
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
@@ -22270,7 +22310,7 @@ var WrapperComponent = /*#__PURE__*/function (_React$Component) {
|
|
|
22270
22310
|
}]);
|
|
22271
22311
|
return WrapperComponent;
|
|
22272
22312
|
}(React__default['default'].Component);
|
|
22273
|
-
var index$
|
|
22313
|
+
var index$6 = (function (props) {
|
|
22274
22314
|
var _useModel = umi.useModel('@@initialState'),
|
|
22275
22315
|
_useModel$initialStat = _useModel.initialState,
|
|
22276
22316
|
initialState = _useModel$initialStat === void 0 ? {} : _useModel$initialStat;
|
|
@@ -22413,7 +22453,89 @@ var headersToRows = function headersToRows(originColumns) {
|
|
|
22413
22453
|
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";
|
|
22414
22454
|
styleInject(css_248z$n);
|
|
22415
22455
|
|
|
22416
|
-
|
|
22456
|
+
function getOffset(node) {
|
|
22457
|
+
var box = node.getBoundingClientRect();
|
|
22458
|
+
var docElem = document.documentElement;
|
|
22459
|
+
console.log(box, 'box', {
|
|
22460
|
+
left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
|
|
22461
|
+
top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
|
|
22462
|
+
});
|
|
22463
|
+
// < ie8 不支持 win.pageXOffset, 则使用 docElem.scrollLeft
|
|
22464
|
+
return {
|
|
22465
|
+
left: box.left + (window.pageXOffset || docElem.scrollLeft) - (docElem.clientLeft || document.body.clientLeft || 0),
|
|
22466
|
+
top: box.top + (window.pageYOffset || docElem.scrollTop) - (docElem.clientTop || document.body.clientTop || 0)
|
|
22467
|
+
};
|
|
22468
|
+
}
|
|
22469
|
+
var FixedScrollBar = function FixedScrollBar(_ref, ref) {
|
|
22470
|
+
var _viewPort$current;
|
|
22471
|
+
var viewPort = _ref.viewPort,
|
|
22472
|
+
width = _ref.width;
|
|
22473
|
+
var _useState = React.useState({
|
|
22474
|
+
isHiddenScrollBar: false
|
|
22475
|
+
}),
|
|
22476
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
22477
|
+
scrollState = _useState2[0],
|
|
22478
|
+
setScrollState = _useState2[1];
|
|
22479
|
+
var onContainerScroll = function onContainerScroll() {
|
|
22480
|
+
if (!viewPort.current) {
|
|
22481
|
+
return;
|
|
22482
|
+
}
|
|
22483
|
+
var tableOffsetTop = getOffset(viewPort.current).top;
|
|
22484
|
+
var tableBottomOffset = tableOffsetTop + viewPort.current.offsetHeight;
|
|
22485
|
+
var currentClientOffset = document.documentElement.scrollTop + window.innerHeight;
|
|
22486
|
+
if (tableBottomOffset - 1 <= currentClientOffset || tableOffsetTop >= currentClientOffset) {
|
|
22487
|
+
setScrollState(function (state) {
|
|
22488
|
+
return _objectSpread2(_objectSpread2({}, state), {}, {
|
|
22489
|
+
isHiddenScrollBar: true
|
|
22490
|
+
});
|
|
22491
|
+
});
|
|
22492
|
+
} else {
|
|
22493
|
+
var _ref$current;
|
|
22494
|
+
(_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.scrollTo(viewPort.current.scrollLeft, 0);
|
|
22495
|
+
setScrollState(function (state) {
|
|
22496
|
+
return _objectSpread2(_objectSpread2({}, state), {}, {
|
|
22497
|
+
isHiddenScrollBar: false
|
|
22498
|
+
});
|
|
22499
|
+
});
|
|
22500
|
+
}
|
|
22501
|
+
};
|
|
22502
|
+
React.useEffect(function () {
|
|
22503
|
+
document.addEventListener('scroll', onContainerScroll);
|
|
22504
|
+
return function () {
|
|
22505
|
+
document.removeEventListener('scroll', onContainerScroll);
|
|
22506
|
+
};
|
|
22507
|
+
}, []);
|
|
22508
|
+
if (scrollState.isHiddenScrollBar) {
|
|
22509
|
+
return null;
|
|
22510
|
+
}
|
|
22511
|
+
return /*#__PURE__*/React__default['default'].createElement("div", {
|
|
22512
|
+
ref: ref,
|
|
22513
|
+
onScroll: function onScroll(e) {
|
|
22514
|
+
// @ts-ignore
|
|
22515
|
+
viewPort.current.scrollTo(e.target.scrollLeft, 0);
|
|
22516
|
+
},
|
|
22517
|
+
style: {
|
|
22518
|
+
position: 'fixed',
|
|
22519
|
+
zIndex: '9999',
|
|
22520
|
+
bottom: '45px',
|
|
22521
|
+
overflowY: 'hidden',
|
|
22522
|
+
overflowX: 'auto',
|
|
22523
|
+
width: ((_viewPort$current = viewPort.current) === null || _viewPort$current === void 0 ? void 0 : _viewPort$current.offsetWidth) || 0,
|
|
22524
|
+
background: '#fff',
|
|
22525
|
+
opacity: 0.6
|
|
22526
|
+
}
|
|
22527
|
+
}, /*#__PURE__*/React__default['default'].createElement("div", {
|
|
22528
|
+
className: 'ant-table-sticky-scroll-bar',
|
|
22529
|
+
style: {
|
|
22530
|
+
height: '1px',
|
|
22531
|
+
backgroundColor: '#fff',
|
|
22532
|
+
width: width
|
|
22533
|
+
}
|
|
22534
|
+
}));
|
|
22535
|
+
};
|
|
22536
|
+
var FixedScrollBar$1 = /*#__PURE__*/React__default['default'].forwardRef(FixedScrollBar);
|
|
22537
|
+
|
|
22538
|
+
var index$7 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
22417
22539
|
var _useState = React.useState(false),
|
|
22418
22540
|
_useState2 = _slicedToArray(_useState, 2),
|
|
22419
22541
|
show = _useState2[0],
|
|
@@ -22444,6 +22566,7 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
22444
22566
|
setViewCount = _useState10[1]; //虚拟表格每次渲染数量
|
|
22445
22567
|
var itemWidth = 100; // 表格每一项宽度
|
|
22446
22568
|
var viewPort = React.useRef(null);
|
|
22569
|
+
var topScrollBar = React.useRef(null);
|
|
22447
22570
|
//起始渲染item
|
|
22448
22571
|
var _useState11 = React.useState(0),
|
|
22449
22572
|
_useState12 = _slicedToArray(_useState11, 2),
|
|
@@ -22465,6 +22588,9 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
22465
22588
|
setViewCount(viewCount);
|
|
22466
22589
|
}, []);
|
|
22467
22590
|
var onScroll = function onScroll() {
|
|
22591
|
+
if (topScrollBar.current) {
|
|
22592
|
+
topScrollBar.current.scrollTo(viewPort.current.scrollLeft, 0);
|
|
22593
|
+
}
|
|
22468
22594
|
var scrollWidth = viewPort.current.scrollLeft;
|
|
22469
22595
|
var startIndex = Math.floor(scrollWidth / itemWidth);
|
|
22470
22596
|
var offsetWidth = startIndex * itemWidth;
|
|
@@ -22550,7 +22676,8 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
22550
22676
|
// return <div>loading</div>;
|
|
22551
22677
|
// }
|
|
22552
22678
|
var width = props.width,
|
|
22553
|
-
height = props.height
|
|
22679
|
+
height = props.height,
|
|
22680
|
+
tableProps = props.tableProps;
|
|
22554
22681
|
var tableWidth = width ? "".concat(width, "px") : '100%';
|
|
22555
22682
|
var tableHeight = "".concat(height || 400, "px");
|
|
22556
22683
|
var rightAreaWidth = 'calc(100% - ' + "".concat(config.colHeaderWidth, "px") + ')';
|
|
@@ -22563,7 +22690,11 @@ var index$6 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
22563
22690
|
className: 'editTableWrapper',
|
|
22564
22691
|
onScroll: onScroll,
|
|
22565
22692
|
ref: viewPort
|
|
22566
|
-
}, /*#__PURE__*/React__default['default'].createElement(
|
|
22693
|
+
}, (tableProps === null || tableProps === void 0 ? void 0 : tableProps.sticky) && /*#__PURE__*/React__default['default'].createElement(FixedScrollBar$1, {
|
|
22694
|
+
viewPort: viewPort,
|
|
22695
|
+
width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
|
|
22696
|
+
ref: topScrollBar
|
|
22697
|
+
}), /*#__PURE__*/React__default['default'].createElement("div", {
|
|
22567
22698
|
style: {
|
|
22568
22699
|
width: "".concat(config.colHeaderWidth + 1 + placeholderWidth, "px"),
|
|
22569
22700
|
position: 'absolute',
|
|
@@ -31121,24 +31252,24 @@ exports.AddSkcSelect = AddSkcSelect;
|
|
|
31121
31252
|
exports.AddSkuSelect = AddSkuSelect;
|
|
31122
31253
|
exports.AddSpuSelect = AddSpuSelect;
|
|
31123
31254
|
exports.BillEntry = BillEntry;
|
|
31124
|
-
exports.BsLayout = index$
|
|
31255
|
+
exports.BsLayout = index$6;
|
|
31125
31256
|
exports.BsSulaQueryTable = BsSulaQueryTable;
|
|
31126
31257
|
exports.BusinessSearchSelect = BusinessSearchSelect$1;
|
|
31127
|
-
exports.BusinessTreeSearchSelect = index$
|
|
31128
|
-
exports.CheckOneUser = index;
|
|
31258
|
+
exports.BusinessTreeSearchSelect = index$2;
|
|
31259
|
+
exports.CheckOneUser = index$1;
|
|
31129
31260
|
exports.ColumnSettingTable = ColumnSettingTable;
|
|
31130
31261
|
exports.CommodityEntry = CommodityEntry;
|
|
31131
31262
|
exports.DataImport = DataImport;
|
|
31132
31263
|
exports.DataValidation = DataValidation;
|
|
31133
|
-
exports.DetailPageWrapper = index$
|
|
31264
|
+
exports.DetailPageWrapper = index$4;
|
|
31134
31265
|
exports.ExportIcon = ExportIcon;
|
|
31135
31266
|
exports.GuideWrapper = GuideWrapper;
|
|
31136
|
-
exports.HomePageWrapper = index$
|
|
31267
|
+
exports.HomePageWrapper = index$5;
|
|
31137
31268
|
exports.JsonQueryTable = JsonQueryTable;
|
|
31138
|
-
exports.MoreTreeTable = index$
|
|
31269
|
+
exports.MoreTreeTable = index$7;
|
|
31139
31270
|
exports.QueryMutipleInput = QueryMutipleInput;
|
|
31140
31271
|
exports.SearchSelect = SearchSelect;
|
|
31141
|
-
exports.StateFlow = index$
|
|
31272
|
+
exports.StateFlow = index$3;
|
|
31142
31273
|
exports.SulaColumnSettingTable = ColumnSettingSulaTable;
|
|
31143
31274
|
exports.TableColumnSetting = TableColumnSetting;
|
|
31144
31275
|
exports.TreeSearchSelect = TreeSearchSelect;
|