@kdcloudjs/kdesign 1.5.0 → 1.5.3
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/CHANGELOG.md +64 -0
- package/dist/kdesign-complete.less +15 -3
- package/dist/kdesign.css +16 -6
- package/dist/kdesign.css.map +1 -1
- package/dist/kdesign.js +326 -178
- package/dist/kdesign.js.map +1 -1
- package/dist/kdesign.min.css +2 -2
- package/dist/kdesign.min.js +8 -8
- package/dist/kdesign.min.js.map +1 -1
- package/es/anchor/anchor-link.js +0 -6
- package/es/anchor/anchor.js +102 -2
- package/es/avatar/avatar.js +3 -1
- package/es/input/ClearableLabeledInput.js +7 -8
- package/es/input/style/index.css +10 -0
- package/es/input/style/index.less +11 -0
- package/es/select/select.js +1 -1
- package/es/select/style/index.css +5 -5
- package/es/select/style/index.less +1 -1
- package/es/select/style/token.less +3 -2
- package/es/table/table.js +8 -2
- package/es/tree/utils/treeUtils.js +1 -1
- package/lib/anchor/anchor-link.js +0 -6
- package/lib/anchor/anchor.js +102 -2
- package/lib/avatar/avatar.js +3 -1
- package/lib/input/ClearableLabeledInput.js +7 -8
- package/lib/input/style/index.css +10 -0
- package/lib/input/style/index.less +11 -0
- package/lib/select/select.js +1 -1
- package/lib/select/style/index.css +5 -5
- package/lib/select/style/index.less +1 -1
- package/lib/select/style/token.less +3 -2
- package/lib/table/table.js +8 -2
- package/lib/tree/utils/treeUtils.js +1 -1
- package/package.json +2 -2
package/dist/kdesign.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
*
|
|
3
|
-
* @kdcloudjs/kdesign v1.
|
|
3
|
+
* @kdcloudjs/kdesign v1.5.2
|
|
4
4
|
*
|
|
5
5
|
* Copyright 2020-present, Kingdee, Inc.
|
|
6
6
|
* All rights reserved.
|
|
@@ -2314,19 +2314,13 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2314
2314
|
__webpack_require__.r(__webpack_exports__);
|
|
2315
2315
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @babel/runtime/helpers/defineProperty */ "./node_modules/@babel/runtime/helpers/defineProperty.js");
|
|
2316
2316
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__);
|
|
2317
|
-
/* harmony import */ var
|
|
2318
|
-
/* harmony import */ var
|
|
2319
|
-
/* harmony import */ var
|
|
2320
|
-
/* harmony import */ var
|
|
2321
|
-
/* harmony import */ var
|
|
2322
|
-
/* harmony import */ var
|
|
2323
|
-
/* harmony import */ var
|
|
2324
|
-
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_4__);
|
|
2325
|
-
/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./context */ "./components/anchor/context.ts");
|
|
2326
|
-
/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
|
|
2327
|
-
/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
|
|
2328
|
-
|
|
2329
|
-
|
|
2317
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
|
|
2318
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
|
|
2319
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
2320
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_2__);
|
|
2321
|
+
/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./context */ "./components/anchor/context.ts");
|
|
2322
|
+
/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
|
|
2323
|
+
/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
|
|
2330
2324
|
|
|
2331
2325
|
|
|
2332
2326
|
|
|
@@ -2342,22 +2336,22 @@ var AnchorLink = function AnchorLink(props) {
|
|
|
2342
2336
|
className = props.className,
|
|
2343
2337
|
isFirstLevel = props.isFirstLevel;
|
|
2344
2338
|
|
|
2345
|
-
var _useContext = Object(
|
|
2339
|
+
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_1__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_4__["default"]),
|
|
2346
2340
|
getPrefixCls = _useContext.getPrefixCls,
|
|
2347
2341
|
prefixCls = _useContext.prefixCls;
|
|
2348
2342
|
|
|
2349
2343
|
var anchorLinkPrefixCls = getPrefixCls(prefixCls, 'anchor', customPrefixcls); // 锚点样式前缀
|
|
2350
2344
|
|
|
2351
|
-
var _useContext2 = Object(
|
|
2345
|
+
var _useContext2 = Object(react__WEBPACK_IMPORTED_MODULE_1__["useContext"])(_context__WEBPACK_IMPORTED_MODULE_3__["default"]),
|
|
2352
2346
|
activeLink = _useContext2.activeLink,
|
|
2353
2347
|
scrollTo = _useContext2.scrollTo,
|
|
2354
2348
|
onClick = _useContext2.onClick,
|
|
2355
2349
|
type = _useContext2.type,
|
|
2356
2350
|
registerLink = _useContext2.registerLink;
|
|
2357
2351
|
|
|
2358
|
-
var prevHref = Object(
|
|
2359
|
-
var mounting = Object(
|
|
2360
|
-
Object(
|
|
2352
|
+
var prevHref = Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_5__["usePrevious"])(href);
|
|
2353
|
+
var mounting = Object(react__WEBPACK_IMPORTED_MODULE_1__["useRef"])(true);
|
|
2354
|
+
Object(react__WEBPACK_IMPORTED_MODULE_1__["useEffect"])(function () {
|
|
2361
2355
|
if (mounting.current) {
|
|
2362
2356
|
registerLink(href);
|
|
2363
2357
|
mounting.current = false;
|
|
@@ -2370,12 +2364,6 @@ var AnchorLink = function AnchorLink(props) {
|
|
|
2370
2364
|
}, [href, registerLink, prevHref]);
|
|
2371
2365
|
|
|
2372
2366
|
var handleClick = function handleClick(e) {
|
|
2373
|
-
var anchorElement = document.getElementById(href.replace('#', ''));
|
|
2374
|
-
|
|
2375
|
-
if (anchorElement) {
|
|
2376
|
-
anchorElement.scrollIntoView();
|
|
2377
|
-
}
|
|
2378
|
-
|
|
2379
2367
|
onClick === null || onClick === void 0 ? void 0 : onClick(e, {
|
|
2380
2368
|
title: title,
|
|
2381
2369
|
href: href
|
|
@@ -2387,11 +2375,11 @@ var AnchorLink = function AnchorLink(props) {
|
|
|
2387
2375
|
var _classNames2;
|
|
2388
2376
|
|
|
2389
2377
|
var active = activeLink === href;
|
|
2390
|
-
var anchorLinkClasses =
|
|
2391
|
-
var titleClassName =
|
|
2392
|
-
return /*#__PURE__*/
|
|
2378
|
+
var anchorLinkClasses = classnames__WEBPACK_IMPORTED_MODULE_2___default()("".concat(anchorLinkPrefixCls, "-link"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()({}, "".concat(anchorLinkPrefixCls, "-link-active"), active), className);
|
|
2379
|
+
var titleClassName = classnames__WEBPACK_IMPORTED_MODULE_2___default()("".concat(anchorLinkPrefixCls, "-link-title"), (_classNames2 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(anchorLinkPrefixCls, "-link-title-active"), active), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0___default()(_classNames2, "".concat(anchorLinkPrefixCls, "-link-title-secondary"), !isFirstLevel && type === 'bookmarks'), _classNames2));
|
|
2380
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("div", {
|
|
2393
2381
|
className: anchorLinkClasses
|
|
2394
|
-
}, /*#__PURE__*/
|
|
2382
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_1___default.a.createElement("span", {
|
|
2395
2383
|
title: typeof title === 'string' ? title : '',
|
|
2396
2384
|
className: titleClassName,
|
|
2397
2385
|
onClick: handleClick
|
|
@@ -2421,51 +2409,53 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
2421
2409
|
/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1__);
|
|
2422
2410
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @babel/runtime/helpers/slicedToArray */ "./node_modules/@babel/runtime/helpers/slicedToArray.js");
|
|
2423
2411
|
/* harmony import */ var _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2__);
|
|
2424
|
-
/* harmony import */ var
|
|
2425
|
-
/* harmony import */ var
|
|
2426
|
-
/* harmony import */ var
|
|
2427
|
-
/* harmony import */ var
|
|
2428
|
-
/* harmony import */ var
|
|
2429
|
-
/* harmony import */ var
|
|
2430
|
-
/* harmony import */ var
|
|
2431
|
-
/* harmony import */ var
|
|
2432
|
-
/* harmony import */ var
|
|
2433
|
-
/* harmony import */ var
|
|
2434
|
-
/* harmony import */ var
|
|
2435
|
-
/* harmony import */ var
|
|
2436
|
-
/* harmony import */ var
|
|
2437
|
-
/* harmony import */ var
|
|
2438
|
-
/* harmony import */ var
|
|
2439
|
-
/* harmony import */ var
|
|
2440
|
-
/* harmony import */ var
|
|
2441
|
-
/* harmony import */ var
|
|
2442
|
-
/* harmony import */ var
|
|
2443
|
-
/* harmony import */ var
|
|
2444
|
-
/* harmony import */ var
|
|
2445
|
-
/* harmony import */ var
|
|
2446
|
-
/* harmony import */ var
|
|
2447
|
-
/* harmony import */ var
|
|
2448
|
-
/* harmony import */ var
|
|
2449
|
-
/* harmony import */ var
|
|
2450
|
-
/* harmony import */ var
|
|
2451
|
-
/* harmony import */ var
|
|
2452
|
-
/* harmony import */ var
|
|
2453
|
-
/* harmony import */ var
|
|
2454
|
-
/* harmony import */ var
|
|
2455
|
-
/* harmony import */ var
|
|
2456
|
-
/* harmony import */ var
|
|
2457
|
-
/* harmony import */ var
|
|
2458
|
-
/* harmony import */ var
|
|
2459
|
-
/* harmony import */ var
|
|
2460
|
-
/* harmony import */ var
|
|
2461
|
-
/* harmony import */ var
|
|
2462
|
-
/* harmony import */ var
|
|
2463
|
-
/* harmony import */ var
|
|
2464
|
-
/* harmony import */ var
|
|
2465
|
-
/* harmony import */ var
|
|
2466
|
-
/* harmony import */ var
|
|
2467
|
-
/* harmony import */ var
|
|
2468
|
-
/* harmony import */ var
|
|
2412
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es.function.name.js */ "./node_modules/core-js/modules/es.function.name.js");
|
|
2413
|
+
/* harmony import */ var core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_function_name_js__WEBPACK_IMPORTED_MODULE_3__);
|
|
2414
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! core-js/modules/es.array.map.js */ "./node_modules/core-js/modules/es.array.map.js");
|
|
2415
|
+
/* harmony import */ var core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_map_js__WEBPACK_IMPORTED_MODULE_4__);
|
|
2416
|
+
/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! core-js/modules/es.array.from.js */ "./node_modules/core-js/modules/es.array.from.js");
|
|
2417
|
+
/* harmony import */ var core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_from_js__WEBPACK_IMPORTED_MODULE_5__);
|
|
2418
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! core-js/modules/es.string.iterator.js */ "./node_modules/core-js/modules/es.string.iterator.js");
|
|
2419
|
+
/* harmony import */ var core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_iterator_js__WEBPACK_IMPORTED_MODULE_6__);
|
|
2420
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! core-js/modules/es.array.includes.js */ "./node_modules/core-js/modules/es.array.includes.js");
|
|
2421
|
+
/* harmony import */ var core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_includes_js__WEBPACK_IMPORTED_MODULE_7__);
|
|
2422
|
+
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! core-js/modules/es.string.includes.js */ "./node_modules/core-js/modules/es.string.includes.js");
|
|
2423
|
+
/* harmony import */ var core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_includes_js__WEBPACK_IMPORTED_MODULE_8__);
|
|
2424
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! core-js/modules/es.array.concat.js */ "./node_modules/core-js/modules/es.array.concat.js");
|
|
2425
|
+
/* harmony import */ var core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_concat_js__WEBPACK_IMPORTED_MODULE_9__);
|
|
2426
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! core-js/modules/es.object.to-string.js */ "./node_modules/core-js/modules/es.object.to-string.js");
|
|
2427
|
+
/* harmony import */ var core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_to_string_js__WEBPACK_IMPORTED_MODULE_10__);
|
|
2428
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! core-js/modules/web.dom-collections.for-each.js */ "./node_modules/core-js/modules/web.dom-collections.for-each.js");
|
|
2429
|
+
/* harmony import */ var core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_web_dom_collections_for_each_js__WEBPACK_IMPORTED_MODULE_11__);
|
|
2430
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! core-js/modules/es.regexp.exec.js */ "./node_modules/core-js/modules/es.regexp.exec.js");
|
|
2431
|
+
/* harmony import */ var core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_exec_js__WEBPACK_IMPORTED_MODULE_12__);
|
|
2432
|
+
/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! core-js/modules/es.regexp.to-string.js */ "./node_modules/core-js/modules/es.regexp.to-string.js");
|
|
2433
|
+
/* harmony import */ var core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_13___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_regexp_to_string_js__WEBPACK_IMPORTED_MODULE_13__);
|
|
2434
|
+
/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! core-js/modules/es.string.link.js */ "./node_modules/core-js/modules/es.string.link.js");
|
|
2435
|
+
/* harmony import */ var core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_string_link_js__WEBPACK_IMPORTED_MODULE_14__);
|
|
2436
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! core-js/modules/es.object.keys.js */ "./node_modules/core-js/modules/es.object.keys.js");
|
|
2437
|
+
/* harmony import */ var core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_keys_js__WEBPACK_IMPORTED_MODULE_15__);
|
|
2438
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! core-js/modules/es.symbol.js */ "./node_modules/core-js/modules/es.symbol.js");
|
|
2439
|
+
/* harmony import */ var core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_symbol_js__WEBPACK_IMPORTED_MODULE_16__);
|
|
2440
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! core-js/modules/es.array.filter.js */ "./node_modules/core-js/modules/es.array.filter.js");
|
|
2441
|
+
/* harmony import */ var core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_array_filter_js__WEBPACK_IMPORTED_MODULE_17__);
|
|
2442
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptor.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptor.js");
|
|
2443
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_18___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptor_js__WEBPACK_IMPORTED_MODULE_18__);
|
|
2444
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! core-js/modules/es.object.get-own-property-descriptors.js */ "./node_modules/core-js/modules/es.object.get-own-property-descriptors.js");
|
|
2445
|
+
/* harmony import */ var core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_19___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es_object_get_own_property_descriptors_js__WEBPACK_IMPORTED_MODULE_19__);
|
|
2446
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! react */ "react");
|
|
2447
|
+
/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_20___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_20__);
|
|
2448
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! classnames */ "./node_modules/classnames/index.js");
|
|
2449
|
+
/* harmony import */ var classnames__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(classnames__WEBPACK_IMPORTED_MODULE_21__);
|
|
2450
|
+
/* harmony import */ var _config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../config-provider/ConfigContext */ "./components/config-provider/ConfigContext.tsx");
|
|
2451
|
+
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../_utils */ "./components/_utils/index.ts");
|
|
2452
|
+
/* harmony import */ var _utils_type__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! ../_utils/type */ "./components/_utils/type.ts");
|
|
2453
|
+
/* harmony import */ var _context__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! ./context */ "./components/anchor/context.ts");
|
|
2454
|
+
/* harmony import */ var _utils_devwarning__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ../_utils/devwarning */ "./components/_utils/devwarning.ts");
|
|
2455
|
+
/* harmony import */ var _index__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../index */ "./components/index.tsx");
|
|
2456
|
+
/* harmony import */ var _utils_usePopper__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../_utils/usePopper */ "./components/_utils/usePopper.tsx");
|
|
2457
|
+
/* harmony import */ var _utils_react_children__WEBPACK_IMPORTED_MODULE_29__ = __webpack_require__(/*! ../_utils/react-children */ "./components/_utils/react-children.ts");
|
|
2458
|
+
/* harmony import */ var _utils_hooks__WEBPACK_IMPORTED_MODULE_30__ = __webpack_require__(/*! ../_utils/hooks */ "./components/_utils/hooks.tsx");
|
|
2469
2459
|
|
|
2470
2460
|
|
|
2471
2461
|
|
|
@@ -2499,10 +2489,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
2499
2489
|
|
|
2500
2490
|
|
|
2501
2491
|
|
|
2492
|
+
|
|
2502
2493
|
|
|
2503
2494
|
|
|
2504
2495
|
var sharpMatcherRegx = /#(\S+)$/;
|
|
2505
|
-
var AnchorTypes = Object(
|
|
2496
|
+
var AnchorTypes = Object(_utils_type__WEBPACK_IMPORTED_MODULE_24__["tuple"])('bookmarks', 'menu', 'advanced');
|
|
2506
2497
|
|
|
2507
2498
|
function getDefaultContainer() {
|
|
2508
2499
|
return window;
|
|
@@ -2527,15 +2518,94 @@ function getOffsetTop(element, container) {
|
|
|
2527
2518
|
return rect.top;
|
|
2528
2519
|
}
|
|
2529
2520
|
|
|
2521
|
+
function isWindow(obj) {
|
|
2522
|
+
return obj !== null && obj !== undefined && obj === obj.window;
|
|
2523
|
+
}
|
|
2524
|
+
|
|
2525
|
+
function getScroll(target, top) {
|
|
2526
|
+
if (typeof window === 'undefined') {
|
|
2527
|
+
return 0;
|
|
2528
|
+
}
|
|
2529
|
+
|
|
2530
|
+
var method = top ? 'scrollTop' : 'scrollLeft';
|
|
2531
|
+
var result = 0;
|
|
2532
|
+
|
|
2533
|
+
if (isWindow(target)) {
|
|
2534
|
+
result = target[top ? 'pageYOffset' : 'pageXOffset'];
|
|
2535
|
+
} else if (target instanceof Document) {
|
|
2536
|
+
result = target.documentElement[method];
|
|
2537
|
+
} else if (target) {
|
|
2538
|
+
result = target[method];
|
|
2539
|
+
}
|
|
2540
|
+
|
|
2541
|
+
if (target && !isWindow(target) && typeof result !== 'number') {
|
|
2542
|
+
var _documentElement;
|
|
2543
|
+
|
|
2544
|
+
result = (_documentElement = (target.ownerDocument || target).documentElement) === null || _documentElement === void 0 ? void 0 : _documentElement[method];
|
|
2545
|
+
}
|
|
2546
|
+
|
|
2547
|
+
return result;
|
|
2548
|
+
}
|
|
2549
|
+
|
|
2550
|
+
function easeInOutCubic(t, b, c, d) {
|
|
2551
|
+
var cc = c - b;
|
|
2552
|
+
t /= d / 2;
|
|
2553
|
+
|
|
2554
|
+
if (t < 1) {
|
|
2555
|
+
return cc / 2 * t * t * t + b;
|
|
2556
|
+
}
|
|
2557
|
+
|
|
2558
|
+
return cc / 2 * ((t -= 2) * t * t + 2) + b;
|
|
2559
|
+
}
|
|
2560
|
+
|
|
2561
|
+
function scrollTo(y) {
|
|
2562
|
+
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
2563
|
+
var _options$getContainer = options.getContainer,
|
|
2564
|
+
getContainer = _options$getContainer === void 0 ? function () {
|
|
2565
|
+
return window;
|
|
2566
|
+
} : _options$getContainer,
|
|
2567
|
+
callback = options.callback,
|
|
2568
|
+
_options$duration = options.duration,
|
|
2569
|
+
duration = _options$duration === void 0 ? 450 : _options$duration;
|
|
2570
|
+
var container = getContainer();
|
|
2571
|
+
var scrollTop = getScroll(container, true);
|
|
2572
|
+
var startTime = Date.now();
|
|
2573
|
+
|
|
2574
|
+
var frameFunc = function frameFunc() {
|
|
2575
|
+
var timestamp = Date.now();
|
|
2576
|
+
var time = timestamp - startTime;
|
|
2577
|
+
var nextScrollTop = easeInOutCubic(time > duration ? duration : time, scrollTop, y, duration);
|
|
2578
|
+
|
|
2579
|
+
if (isWindow(container)) {
|
|
2580
|
+
;
|
|
2581
|
+
container.scrollTo(window.pageXOffset, nextScrollTop);
|
|
2582
|
+
} else if (container instanceof HTMLDocument || container.constructor.name === 'HTMLDocument') {
|
|
2583
|
+
;
|
|
2584
|
+
container.documentElement.scrollTop = nextScrollTop;
|
|
2585
|
+
} else {
|
|
2586
|
+
;
|
|
2587
|
+
container.scrollTop = nextScrollTop;
|
|
2588
|
+
}
|
|
2589
|
+
|
|
2590
|
+
if (time < duration) {
|
|
2591
|
+
window.requestAnimationFrame(frameFunc);
|
|
2592
|
+
} else if (typeof callback === 'function') {
|
|
2593
|
+
callback();
|
|
2594
|
+
}
|
|
2595
|
+
};
|
|
2596
|
+
|
|
2597
|
+
window.requestAnimationFrame(frameFunc);
|
|
2598
|
+
}
|
|
2599
|
+
|
|
2530
2600
|
var InternalAnchor = function InternalAnchor(props, ref) {
|
|
2531
2601
|
var _current;
|
|
2532
2602
|
|
|
2533
|
-
var _useContext = Object(
|
|
2603
|
+
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_20__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_22__["default"]),
|
|
2534
2604
|
getPrefixCls = _useContext.getPrefixCls,
|
|
2535
2605
|
prefixCls = _useContext.prefixCls,
|
|
2536
2606
|
userDefaultProps = _useContext.compDefaultProps;
|
|
2537
2607
|
|
|
2538
|
-
var anchorProps = Object(
|
|
2608
|
+
var anchorProps = Object(_utils__WEBPACK_IMPORTED_MODULE_23__["getCompProps"])('Anchor', userDefaultProps, props);
|
|
2539
2609
|
var customPrefixcls = anchorProps.prefixCls,
|
|
2540
2610
|
className = anchorProps.className,
|
|
2541
2611
|
children = anchorProps.children,
|
|
@@ -2545,6 +2615,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2545
2615
|
getCurrentAnchor = anchorProps.getCurrentAnchor,
|
|
2546
2616
|
_anchorProps$offsetTo = anchorProps.offsetTop,
|
|
2547
2617
|
offsetTop = _anchorProps$offsetTo === void 0 ? 0 : _anchorProps$offsetTo,
|
|
2618
|
+
targetOffset = anchorProps.targetOffset,
|
|
2548
2619
|
getContainer = anchorProps.getContainer,
|
|
2549
2620
|
_anchorProps$bounds = anchorProps.bounds,
|
|
2550
2621
|
bounds = _anchorProps$bounds === void 0 ? 5 : _anchorProps$bounds,
|
|
@@ -2557,79 +2628,79 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2557
2628
|
onVisibleChange = anchorProps.onVisibleChange;
|
|
2558
2629
|
var anchorPrefixCls = getPrefixCls(prefixCls, 'anchor', customPrefixcls); // 锚点样式前缀
|
|
2559
2630
|
|
|
2560
|
-
Object(
|
|
2631
|
+
Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_26__["default"])(AnchorTypes.indexOf(type) === -1, 'anchor', "cannot found anchor type '".concat(type, "'"));
|
|
2561
2632
|
|
|
2562
|
-
var _useState = Object(
|
|
2633
|
+
var _useState = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(null),
|
|
2563
2634
|
_useState2 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState, 2),
|
|
2564
2635
|
activeLink = _useState2[0],
|
|
2565
2636
|
setActiveLink = _useState2[1];
|
|
2566
2637
|
|
|
2567
|
-
var _useState3 = Object(
|
|
2638
|
+
var _useState3 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(false),
|
|
2568
2639
|
_useState4 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState3, 2),
|
|
2569
2640
|
fixedTop = _useState4[0],
|
|
2570
2641
|
setFixedTop = _useState4[1];
|
|
2571
2642
|
|
|
2572
|
-
var _useState5 = Object(
|
|
2643
|
+
var _useState5 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])([]),
|
|
2573
2644
|
_useState6 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState5, 2),
|
|
2574
2645
|
links = _useState6[0],
|
|
2575
2646
|
setLinks = _useState6[1];
|
|
2576
2647
|
|
|
2577
|
-
var _useState7 = Object(
|
|
2648
|
+
var _useState7 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])({}),
|
|
2578
2649
|
_useState8 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState7, 2),
|
|
2579
2650
|
anchorPosition = _useState8[0],
|
|
2580
2651
|
setAnchorPosition = _useState8[1];
|
|
2581
2652
|
|
|
2582
|
-
var _useState9 = Object(
|
|
2653
|
+
var _useState9 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(0),
|
|
2583
2654
|
_useState10 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState9, 2),
|
|
2584
2655
|
listWidth = _useState10[0],
|
|
2585
2656
|
setListWidth = _useState10[1];
|
|
2586
2657
|
|
|
2587
|
-
var _useState11 = Object(
|
|
2658
|
+
var _useState11 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(0),
|
|
2588
2659
|
_useState12 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState11, 2),
|
|
2589
2660
|
menuWrapWidth = _useState12[0],
|
|
2590
2661
|
setMenuWrapWidth = _useState12[1];
|
|
2591
2662
|
|
|
2592
|
-
var _useState13 = Object(
|
|
2663
|
+
var _useState13 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(0),
|
|
2593
2664
|
_useState14 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState13, 2),
|
|
2594
2665
|
listPostion = _useState14[0],
|
|
2595
2666
|
setListPosition = _useState14[1];
|
|
2596
2667
|
|
|
2597
|
-
var _useState15 = Object(
|
|
2668
|
+
var _useState15 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])([0]),
|
|
2598
2669
|
_useState16 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState15, 2),
|
|
2599
2670
|
positionHistory = _useState16[0],
|
|
2600
2671
|
setPositionHistory = _useState16[1];
|
|
2601
2672
|
|
|
2602
|
-
var _useState17 = Object(
|
|
2673
|
+
var _useState17 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(!!props.visible),
|
|
2603
2674
|
_useState18 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState17, 2),
|
|
2604
2675
|
optionShow = _useState18[0],
|
|
2605
2676
|
setOptionShow = _useState18[1];
|
|
2606
2677
|
|
|
2607
|
-
var _useState19 = Object(
|
|
2678
|
+
var _useState19 = Object(react__WEBPACK_IMPORTED_MODULE_20__["useState"])(false),
|
|
2608
2679
|
_useState20 = _babel_runtime_helpers_slicedToArray__WEBPACK_IMPORTED_MODULE_2___default()(_useState19, 2),
|
|
2609
2680
|
isLocked = _useState20[0],
|
|
2610
2681
|
setIsLocked = _useState20[1];
|
|
2611
2682
|
|
|
2612
2683
|
var isAdcanced = type === 'advanced'; // ref
|
|
2613
2684
|
|
|
2614
|
-
var wrapperRef =
|
|
2615
|
-
var inkRef =
|
|
2616
|
-
var linkContentRef =
|
|
2617
|
-
var iconRef =
|
|
2618
|
-
var menuWrapRef = /*#__PURE__*/
|
|
2619
|
-
var normalRef =
|
|
2685
|
+
var wrapperRef = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef(null);
|
|
2686
|
+
var inkRef = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef(null);
|
|
2687
|
+
var linkContentRef = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef(null);
|
|
2688
|
+
var iconRef = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef(null);
|
|
2689
|
+
var menuWrapRef = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createRef();
|
|
2690
|
+
var normalRef = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef(null);
|
|
2620
2691
|
var anchorRef = ref || normalRef;
|
|
2621
|
-
var linksWidthRef =
|
|
2622
|
-
var wrapperClass =
|
|
2692
|
+
var linksWidthRef = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef([]);
|
|
2693
|
+
var wrapperClass = classnames__WEBPACK_IMPORTED_MODULE_21___default()(className, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorPrefixCls, "-wrapper"), true)); // classes
|
|
2623
2694
|
|
|
2624
|
-
var anchorMenuClass =
|
|
2625
|
-
var anchorAdvancedClass =
|
|
2626
|
-
var inkClass =
|
|
2695
|
+
var anchorMenuClass = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorPrefixCls, "-menu"), true));
|
|
2696
|
+
var anchorAdvancedClass = classnames__WEBPACK_IMPORTED_MODULE_21___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorPrefixCls, "-advanced"), true));
|
|
2697
|
+
var inkClass = classnames__WEBPACK_IMPORTED_MODULE_21___default()("".concat(anchorPrefixCls, "-line-slider"), {
|
|
2627
2698
|
visible: activeLink
|
|
2628
2699
|
});
|
|
2629
|
-
|
|
2700
|
+
react__WEBPACK_IMPORTED_MODULE_20___default.a.useEffect(function () {
|
|
2630
2701
|
setOptionShow(!!props.visible);
|
|
2631
2702
|
}, [props.visible]);
|
|
2632
|
-
var updateInk = Object(
|
|
2703
|
+
var updateInk = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
|
|
2633
2704
|
var anchorNode = (isAdcanced ? wrapperRef : anchorRef).current;
|
|
2634
2705
|
var inkNode = inkRef.current;
|
|
2635
2706
|
var linkNode = anchorNode === null || anchorNode === void 0 ? void 0 : anchorNode.getElementsByClassName("".concat(anchorPrefixCls, "-link-title-active"))[0];
|
|
@@ -2638,9 +2709,9 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2638
2709
|
inkNode.style.top = "".concat(linkNode.offsetTop + 1, "px");
|
|
2639
2710
|
}
|
|
2640
2711
|
}, [anchorPrefixCls, anchorRef, isAdcanced]);
|
|
2641
|
-
var mounting =
|
|
2712
|
+
var mounting = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef(true); // eslint-disable-next-line react-hooks/exhaustive-deps
|
|
2642
2713
|
|
|
2643
|
-
Object(
|
|
2714
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
2644
2715
|
if (mounting.current) {
|
|
2645
2716
|
mounting.current = false;
|
|
2646
2717
|
|
|
@@ -2659,7 +2730,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2659
2730
|
|
|
2660
2731
|
updateInk();
|
|
2661
2732
|
});
|
|
2662
|
-
Object(
|
|
2733
|
+
Object(_utils_hooks__WEBPACK_IMPORTED_MODULE_30__["useResizeObserver"])(anchorRef.current, function () {
|
|
2663
2734
|
var _linkContentRef$curre2;
|
|
2664
2735
|
|
|
2665
2736
|
var nodelist = (_linkContentRef$curre2 = linkContentRef.current) === null || _linkContentRef$curre2 === void 0 ? void 0 : _linkContentRef$curre2.children;
|
|
@@ -2669,7 +2740,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2669
2740
|
});
|
|
2670
2741
|
linksWidthRef.current = linksWidth;
|
|
2671
2742
|
});
|
|
2672
|
-
Object(
|
|
2743
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
2673
2744
|
if (linkContentRef.current) {
|
|
2674
2745
|
setTimeout(function () {
|
|
2675
2746
|
var _linkContentRef$curre3;
|
|
@@ -2679,7 +2750,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2679
2750
|
}, 0);
|
|
2680
2751
|
}
|
|
2681
2752
|
}, [linkContentRef, menuWrapRef, children]);
|
|
2682
|
-
Object(
|
|
2753
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
2683
2754
|
if (menuWrapRef.current) {
|
|
2684
2755
|
setTimeout(function () {
|
|
2685
2756
|
var _menuWrapRef$current;
|
|
@@ -2697,11 +2768,11 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2697
2768
|
}
|
|
2698
2769
|
};
|
|
2699
2770
|
|
|
2700
|
-
var getScrollContainer = Object(
|
|
2771
|
+
var getScrollContainer = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
|
|
2701
2772
|
var getFunc = getContainer || getDefaultContainer;
|
|
2702
2773
|
return getFunc();
|
|
2703
2774
|
}, [getContainer]);
|
|
2704
|
-
var getAnchor = Object(
|
|
2775
|
+
var getAnchor = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
|
|
2705
2776
|
var offsetTop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
2706
2777
|
var bounds = arguments.length > 1 ? arguments[1] : undefined;
|
|
2707
2778
|
var linkSections = [];
|
|
@@ -2739,9 +2810,29 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2739
2810
|
|
|
2740
2811
|
var handleScrollTo = function handleScrollTo(link) {
|
|
2741
2812
|
setCurrentActiveLink(link);
|
|
2813
|
+
var container = getScrollContainer();
|
|
2814
|
+
var scrollTop = getScroll(container, true);
|
|
2815
|
+
var sharpLinkMatch = sharpMatcherRegx.exec(link);
|
|
2816
|
+
|
|
2817
|
+
if (!sharpLinkMatch) {
|
|
2818
|
+
return;
|
|
2819
|
+
}
|
|
2820
|
+
|
|
2821
|
+
var targetElement = document.getElementById(sharpLinkMatch[1]);
|
|
2822
|
+
|
|
2823
|
+
if (!targetElement) {
|
|
2824
|
+
return;
|
|
2825
|
+
}
|
|
2826
|
+
|
|
2827
|
+
var eleOffsetTop = getOffsetTop(targetElement, container);
|
|
2828
|
+
var y = scrollTop + eleOffsetTop;
|
|
2829
|
+
y -= targetOffset !== undefined ? targetOffset : offsetTop || 0;
|
|
2830
|
+
scrollTo(y, {
|
|
2831
|
+
getContainer: getScrollContainer
|
|
2832
|
+
});
|
|
2742
2833
|
};
|
|
2743
2834
|
|
|
2744
|
-
var setCurrentActiveLink = Object(
|
|
2835
|
+
var setCurrentActiveLink = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function (link) {
|
|
2745
2836
|
if (activeLink === link) {
|
|
2746
2837
|
return undefined;
|
|
2747
2838
|
}
|
|
@@ -2749,7 +2840,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2749
2840
|
setActiveLink(typeof getCurrentAnchor === 'function' ? getCurrentAnchor() : link);
|
|
2750
2841
|
onChange === null || onChange === void 0 ? void 0 : onChange(link);
|
|
2751
2842
|
}, [onChange, setActiveLink, activeLink, getCurrentAnchor]);
|
|
2752
|
-
var handleScroll = Object(
|
|
2843
|
+
var handleScroll = Object(react__WEBPACK_IMPORTED_MODULE_20__["useCallback"])(function () {
|
|
2753
2844
|
if (affix && type !== 'advanced' && anchorRef.current) {
|
|
2754
2845
|
var container = getScrollContainer();
|
|
2755
2846
|
var top = getOffsetTop(anchorRef.current, container);
|
|
@@ -2763,17 +2854,17 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2763
2854
|
}
|
|
2764
2855
|
}
|
|
2765
2856
|
|
|
2766
|
-
var currentActiveLink = getAnchor(offsetTop || 0, bounds);
|
|
2857
|
+
var currentActiveLink = getAnchor(targetOffset !== undefined ? targetOffset : offsetTop || 0, bounds);
|
|
2767
2858
|
currentActiveLink && setCurrentActiveLink(currentActiveLink);
|
|
2768
|
-
}, [affix, setFixedTop, offsetTop, bounds, getAnchor, setCurrentActiveLink, type, getScrollContainer, anchorRef]);
|
|
2769
|
-
Object(
|
|
2859
|
+
}, [affix, setFixedTop, offsetTop, bounds, getAnchor, setCurrentActiveLink, type, getScrollContainer, anchorRef, targetOffset]);
|
|
2860
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
2770
2861
|
getScrollContainer().addEventListener('scroll', handleScroll);
|
|
2771
2862
|
handleScroll();
|
|
2772
2863
|
return function () {
|
|
2773
2864
|
return getScrollContainer().removeEventListener('scroll', handleScroll);
|
|
2774
2865
|
};
|
|
2775
2866
|
}, [handleScroll, getScrollContainer]);
|
|
2776
|
-
Object(
|
|
2867
|
+
Object(react__WEBPACK_IMPORTED_MODULE_20__["useEffect"])(function () {
|
|
2777
2868
|
if (!isAdcanced && anchorRef && anchorRef.current) {
|
|
2778
2869
|
var _anchorRef$current$ge = anchorRef.current.getBoundingClientRect(),
|
|
2779
2870
|
top = _anchorRef$current$ge.top,
|
|
@@ -2804,7 +2895,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2804
2895
|
onVisibleChange: handleVisibleChange
|
|
2805
2896
|
});
|
|
2806
2897
|
|
|
2807
|
-
var fixedRef =
|
|
2898
|
+
var fixedRef = react__WEBPACK_IMPORTED_MODULE_20___default.a.useRef(null);
|
|
2808
2899
|
|
|
2809
2900
|
if (type === 'advanced' && isLocked) {
|
|
2810
2901
|
if (fixedRef.current) {
|
|
@@ -2821,9 +2912,9 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2821
2912
|
}
|
|
2822
2913
|
|
|
2823
2914
|
var addChildrenProps = function addChildrenProps(linksChildren) {
|
|
2824
|
-
return Object(
|
|
2915
|
+
return Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_29__["toArray"])(linksChildren).map(function (item, indx) {
|
|
2825
2916
|
if (!item) return item;
|
|
2826
|
-
return /*#__PURE__*/
|
|
2917
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.cloneElement(item, {
|
|
2827
2918
|
isFirstLevel: true,
|
|
2828
2919
|
key: indx
|
|
2829
2920
|
});
|
|
@@ -2831,27 +2922,27 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2831
2922
|
};
|
|
2832
2923
|
|
|
2833
2924
|
var anchorBookmarksContent = function anchorBookmarksContent(ref) {
|
|
2834
|
-
return /*#__PURE__*/
|
|
2925
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
2835
2926
|
ref: ref,
|
|
2836
2927
|
className: wrapperClass,
|
|
2837
2928
|
style: style
|
|
2838
|
-
}, /*#__PURE__*/
|
|
2929
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
2839
2930
|
className: anchorPrefixCls,
|
|
2840
2931
|
style: fixedTop ? {
|
|
2841
2932
|
position: 'fixed',
|
|
2842
2933
|
top: offsetTop || 0,
|
|
2843
2934
|
width: anchorPosition.width
|
|
2844
2935
|
} : undefined
|
|
2845
|
-
}, /*#__PURE__*/
|
|
2936
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
2846
2937
|
className: "".concat(anchorPrefixCls, "-line")
|
|
2847
|
-
}, /*#__PURE__*/
|
|
2938
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
2848
2939
|
className: inkClass,
|
|
2849
2940
|
ref: inkRef
|
|
2850
2941
|
})), addChildrenProps(children)));
|
|
2851
2942
|
};
|
|
2852
2943
|
|
|
2853
2944
|
var renderLeftArrow = function renderLeftArrow() {
|
|
2854
|
-
var leftClasses =
|
|
2945
|
+
var leftClasses = classnames__WEBPACK_IMPORTED_MODULE_21___default()("".concat(anchorMenuClass, "-left-arrows"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorMenuClass, "-left-arrows-disabled"), listPostion === 0));
|
|
2855
2946
|
|
|
2856
2947
|
var handleLeft = function handleLeft() {
|
|
2857
2948
|
if (listPostion === 0) return;
|
|
@@ -2863,10 +2954,10 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2863
2954
|
setListPosition(positions[positions.length - 1]);
|
|
2864
2955
|
};
|
|
2865
2956
|
|
|
2866
|
-
return /*#__PURE__*/
|
|
2957
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
2867
2958
|
className: leftClasses,
|
|
2868
2959
|
onClick: handleLeft
|
|
2869
|
-
}, /*#__PURE__*/
|
|
2960
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_27__["Icon"], {
|
|
2870
2961
|
type: "arrow-left"
|
|
2871
2962
|
}));
|
|
2872
2963
|
};
|
|
@@ -2886,7 +2977,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2886
2977
|
|
|
2887
2978
|
var renderRightArrow = function renderRightArrow() {
|
|
2888
2979
|
var canActionRightArrow = listPostion === menuWrapWidth - listWidth;
|
|
2889
|
-
var rightClasses =
|
|
2980
|
+
var rightClasses = classnames__WEBPACK_IMPORTED_MODULE_21___default()("".concat(anchorMenuClass, "-right-arrows"), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_1___default()({}, "".concat(anchorMenuClass, "-right-arrows-disabled"), canActionRightArrow));
|
|
2890
2981
|
|
|
2891
2982
|
var handleRight = function handleRight() {
|
|
2892
2983
|
if (canActionRightArrow) return;
|
|
@@ -2898,21 +2989,21 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2898
2989
|
setListPosition(posiostion);
|
|
2899
2990
|
};
|
|
2900
2991
|
|
|
2901
|
-
return /*#__PURE__*/
|
|
2992
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
2902
2993
|
className: rightClasses,
|
|
2903
2994
|
onClick: handleRight
|
|
2904
|
-
}, /*#__PURE__*/
|
|
2995
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_27__["Icon"], {
|
|
2905
2996
|
type: "arrow-right"
|
|
2906
2997
|
}));
|
|
2907
2998
|
};
|
|
2908
2999
|
|
|
2909
|
-
var anchorMenuContent = /*#__PURE__*/
|
|
3000
|
+
var anchorMenuContent = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
2910
3001
|
ref: anchorRef,
|
|
2911
3002
|
className: "".concat(anchorPrefixCls, "-menu-wrapper"),
|
|
2912
3003
|
style: _objectSpread({
|
|
2913
3004
|
width: '100%'
|
|
2914
3005
|
}, style)
|
|
2915
|
-
}, /*#__PURE__*/
|
|
3006
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
2916
3007
|
className: anchorMenuClass,
|
|
2917
3008
|
style: fixedTop ? {
|
|
2918
3009
|
position: 'fixed',
|
|
@@ -2921,13 +3012,13 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2921
3012
|
} : {
|
|
2922
3013
|
width: style === null || style === void 0 ? void 0 : style.width
|
|
2923
3014
|
}
|
|
2924
|
-
}, renderLeftArrow(), /*#__PURE__*/
|
|
3015
|
+
}, renderLeftArrow(), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
2925
3016
|
className: "".concat(anchorPrefixCls, "-menu-wrap"),
|
|
2926
3017
|
ref: menuWrapRef,
|
|
2927
3018
|
style: {
|
|
2928
3019
|
maxWidth: listWidth
|
|
2929
3020
|
}
|
|
2930
|
-
}, /*#__PURE__*/
|
|
3021
|
+
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
2931
3022
|
ref: linkContentRef,
|
|
2932
3023
|
className: "".concat(anchorPrefixCls, "-menu-link-list"),
|
|
2933
3024
|
style: {
|
|
@@ -2936,18 +3027,18 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2936
3027
|
}, children)), renderRightArrow()));
|
|
2937
3028
|
|
|
2938
3029
|
var renderAnchorAdvanced = function renderAnchorAdvanced() {
|
|
2939
|
-
var iconList = Object(
|
|
2940
|
-
var unlock = iconList[0] || /*#__PURE__*/
|
|
3030
|
+
var iconList = Object(_utils_react_children__WEBPACK_IMPORTED_MODULE_29__["toArray"])(lockedIcon);
|
|
3031
|
+
var unlock = iconList[0] || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_27__["Icon"], {
|
|
2941
3032
|
type: "unlock-solid"
|
|
2942
3033
|
});
|
|
2943
|
-
var lock = iconList[1] || /*#__PURE__*/
|
|
3034
|
+
var lock = iconList[1] || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_27__["Icon"], {
|
|
2944
3035
|
type: "lock-solid"
|
|
2945
3036
|
});
|
|
2946
|
-
return /*#__PURE__*/
|
|
3037
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("div", {
|
|
2947
3038
|
ref: fixedRef,
|
|
2948
3039
|
className: anchorAdvancedClass,
|
|
2949
3040
|
style: dropdownStyle
|
|
2950
|
-
}, lockedIcon !== false && /*#__PURE__*/
|
|
3041
|
+
}, lockedIcon !== false && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
2951
3042
|
className: "".concat(anchorPrefixCls, "-advanced-lock"),
|
|
2952
3043
|
onClick: function onClick() {
|
|
2953
3044
|
return setIsLocked(!isLocked);
|
|
@@ -2955,10 +3046,10 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2955
3046
|
}, isLocked ? lock : unlock), anchorBookmarksContent(wrapperRef));
|
|
2956
3047
|
};
|
|
2957
3048
|
|
|
2958
|
-
var anchorAdvancedContent = Object(
|
|
3049
|
+
var anchorAdvancedContent = Object(_utils_usePopper__WEBPACK_IMPORTED_MODULE_28__["default"])( /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement("span", {
|
|
2959
3050
|
className: "".concat(anchorPrefixCls, "-advanced-arrows"),
|
|
2960
3051
|
ref: isAdcanced ? ref || iconRef : null
|
|
2961
|
-
}, icon || /*#__PURE__*/
|
|
3052
|
+
}, icon || /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_index__WEBPACK_IMPORTED_MODULE_27__["Icon"], {
|
|
2962
3053
|
type: "location-solid"
|
|
2963
3054
|
})), renderAnchorAdvanced(), popperProps);
|
|
2964
3055
|
|
|
@@ -2978,7 +3069,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2978
3069
|
}
|
|
2979
3070
|
};
|
|
2980
3071
|
|
|
2981
|
-
return /*#__PURE__*/
|
|
3072
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.createElement(_context__WEBPACK_IMPORTED_MODULE_25__["default"].Provider, {
|
|
2982
3073
|
value: {
|
|
2983
3074
|
registerLink: registerLink,
|
|
2984
3075
|
activeLink: activeLink,
|
|
@@ -2989,7 +3080,7 @@ var InternalAnchor = function InternalAnchor(props, ref) {
|
|
|
2989
3080
|
}, renderAnchorContent(type));
|
|
2990
3081
|
};
|
|
2991
3082
|
|
|
2992
|
-
var Anchor = /*#__PURE__*/
|
|
3083
|
+
var Anchor = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_20___default.a.forwardRef(InternalAnchor);
|
|
2993
3084
|
Anchor.displayName = 'Anchor';
|
|
2994
3085
|
/* harmony default export */ __webpack_exports__["default"] = (Anchor);
|
|
2995
3086
|
|
|
@@ -3145,7 +3236,8 @@ var InternalAvatar = function InternalAvatar(props, ref) {
|
|
|
3145
3236
|
alt = avatarProps.alt,
|
|
3146
3237
|
children = avatarProps.children,
|
|
3147
3238
|
gap = avatarProps.gap,
|
|
3148
|
-
disabled = avatarProps.disabled
|
|
3239
|
+
disabled = avatarProps.disabled,
|
|
3240
|
+
srcSet = avatarProps.srcSet;
|
|
3149
3241
|
Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_15__["default"])(AvatarSizes.indexOf(size) === -1 && typeof size !== 'number', 'avatar', "cannot found avatar type '".concat(size, "'"));
|
|
3150
3242
|
Object(_utils_devwarning__WEBPACK_IMPORTED_MODULE_15__["default"])(AvatarShapes.indexOf(shape) === -1, 'avatar', "cannot found avatar shape '".concat(shape, "'"));
|
|
3151
3243
|
|
|
@@ -3219,6 +3311,7 @@ var InternalAvatar = function InternalAvatar(props, ref) {
|
|
|
3219
3311
|
if (typeof src === 'string' && isImgExist) {
|
|
3220
3312
|
childrenToRender = /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_10___default.a.createElement("img", {
|
|
3221
3313
|
src: src,
|
|
3314
|
+
srcSet: srcSet,
|
|
3222
3315
|
draggable: draggable,
|
|
3223
3316
|
onError: handleImgLoadError,
|
|
3224
3317
|
alt: alt
|
|
@@ -19643,13 +19736,13 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
19643
19736
|
};
|
|
19644
19737
|
|
|
19645
19738
|
var renderSuffix = function renderSuffix() {
|
|
19646
|
-
if (
|
|
19647
|
-
return
|
|
19739
|
+
if (suffix || !disabled && allowClear) {
|
|
19740
|
+
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.createElement("span", {
|
|
19741
|
+
className: "".concat(prefixCls, "-suffix")
|
|
19742
|
+
}, renderClearIcon(), suffix);
|
|
19648
19743
|
}
|
|
19649
19744
|
|
|
19650
|
-
return
|
|
19651
|
-
className: "".concat(prefixCls, "-suffix")
|
|
19652
|
-
}, renderClearIcon(), suffix);
|
|
19745
|
+
return null;
|
|
19653
19746
|
};
|
|
19654
19747
|
|
|
19655
19748
|
var renderInputWithFixNode = function renderInputWithFixNode(originElement) {
|
|
@@ -19693,8 +19786,7 @@ var ClearableInput = function ClearableInput(props) {
|
|
|
19693
19786
|
className: inputGroupClasses,
|
|
19694
19787
|
style: style
|
|
19695
19788
|
}, addonBeforeNode, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_2___default.a.cloneElement(originElement, {
|
|
19696
|
-
style: null
|
|
19697
|
-
className: "".concat(originElement.props.className || '', " ").concat(prefixCls, "-wrapper")
|
|
19789
|
+
style: null
|
|
19698
19790
|
}), addonAfterNode));
|
|
19699
19791
|
};
|
|
19700
19792
|
|
|
@@ -28047,7 +28139,7 @@ var InternalSelect = function InternalSelect(props, ref) {
|
|
|
28047
28139
|
var selectedVal = multipleRef.current.selectedVal; // 选择器下拉icon样式
|
|
28048
28140
|
|
|
28049
28141
|
var arrowIconCls = classnames__WEBPACK_IMPORTED_MODULE_20___default()((_classNames8 = {}, _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-icon-arrow"), true), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-up"), optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-down"), !optionShow), _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()(_classNames8, "".concat(selectPrefixCls, "-icon-arrow-focus"), optionShow), _classNames8));
|
|
28050
|
-
var iconShow = allowClear && (isMultiple ? mulOptions.length > 0 : selectedVal);
|
|
28142
|
+
var iconShow = allowClear && !disabled && (isMultiple ? mulOptions.length > 0 : selectedVal);
|
|
28051
28143
|
var clearIconCls = classnames__WEBPACK_IMPORTED_MODULE_20___default()(_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_8___default()({}, "".concat(selectPrefixCls, "-icon-clear"), true));
|
|
28052
28144
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_18___default.a.Fragment, null, iconShow && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_18___default.a.createElement("span", {
|
|
28053
28145
|
onClick: handleReset,
|
|
@@ -31316,7 +31408,10 @@ function Table(props) {
|
|
|
31316
31408
|
getTableProps = props.getTableProps,
|
|
31317
31409
|
contextMenu = props.contextMenu,
|
|
31318
31410
|
rangeSelection = props.rangeSelection,
|
|
31319
|
-
cssVariables = props.cssVariables
|
|
31411
|
+
cssVariables = props.cssVariables,
|
|
31412
|
+
stickyScrollHeight = props.stickyScrollHeight,
|
|
31413
|
+
scrollbarWidth = props.scrollbarWidth,
|
|
31414
|
+
scrollLoad = props.scrollLoad;
|
|
31320
31415
|
|
|
31321
31416
|
var _useContext = Object(react__WEBPACK_IMPORTED_MODULE_4__["useContext"])(_config_provider_ConfigContext__WEBPACK_IMPORTED_MODULE_6__["default"]),
|
|
31322
31417
|
getPrefixCls = _useContext.getPrefixCls,
|
|
@@ -31395,7 +31490,10 @@ function Table(props) {
|
|
|
31395
31490
|
hasHeader: hasHeader,
|
|
31396
31491
|
useOuterBorder: useOuterBorder,
|
|
31397
31492
|
defaultColumnWidth: defaultColumnWidth,
|
|
31398
|
-
cssVariables: cssVariables
|
|
31493
|
+
cssVariables: cssVariables,
|
|
31494
|
+
stickyScrollHeight: stickyScrollHeight,
|
|
31495
|
+
scrollbarWidth: scrollbarWidth,
|
|
31496
|
+
scrollLoad: scrollLoad
|
|
31399
31497
|
}));
|
|
31400
31498
|
}
|
|
31401
31499
|
|
|
@@ -35157,7 +35255,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
35157
35255
|
|
|
35158
35256
|
|
|
35159
35257
|
|
|
35160
|
-
var DRAG_OFFSET = 0.
|
|
35258
|
+
var DRAG_OFFSET = 0.3;
|
|
35161
35259
|
/**
|
|
35162
35260
|
* 打平所有数组,并添加pos位置信息,
|
|
35163
35261
|
* 方便根据expandKeys等计算节点的expand,checkedKeys计算节点checked状态
|
|
@@ -40702,31 +40800,33 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
40702
40800
|
}, {
|
|
40703
40801
|
key: "getTableRows",
|
|
40704
40802
|
value: function getTableRows() {
|
|
40705
|
-
var
|
|
40706
|
-
|
|
40803
|
+
var _context2;
|
|
40804
|
+
|
|
40805
|
+
var tbody = this.artTable.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context2 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableBody, " .")).call(_context2, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].virtual, " table tbody"));
|
|
40806
|
+
return tbody.childNodes;
|
|
40707
40807
|
}
|
|
40708
40808
|
}, {
|
|
40709
40809
|
key: "getTableBodyHtmlTable",
|
|
40710
40810
|
value: function getTableBodyHtmlTable() {
|
|
40711
|
-
var
|
|
40811
|
+
var _context3;
|
|
40712
40812
|
|
|
40713
|
-
return this.artTable.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(
|
|
40813
|
+
return this.artTable.querySelector(_babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context3 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableBody, " .")).call(_context3, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].virtual, " table"));
|
|
40714
40814
|
}
|
|
40715
40815
|
}, {
|
|
40716
40816
|
key: "getLeftLockShadow",
|
|
40717
40817
|
value: function getLeftLockShadow() {
|
|
40718
|
-
var
|
|
40818
|
+
var _context4;
|
|
40719
40819
|
|
|
40720
|
-
var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(
|
|
40820
|
+
var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context4 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].lockShadowMask, " .")).call(_context4, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].leftLockShadow);
|
|
40721
40821
|
|
|
40722
40822
|
return this.artTable.querySelector(selector);
|
|
40723
40823
|
}
|
|
40724
40824
|
}, {
|
|
40725
40825
|
key: "getRightLockShadow",
|
|
40726
40826
|
value: function getRightLockShadow() {
|
|
40727
|
-
var
|
|
40827
|
+
var _context5;
|
|
40728
40828
|
|
|
40729
|
-
var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(
|
|
40829
|
+
var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context5 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].lockShadowMask, " .")).call(_context5, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].rightLockShadow);
|
|
40730
40830
|
|
|
40731
40831
|
return this.artTable.querySelector(selector);
|
|
40732
40832
|
}
|
|
@@ -40738,11 +40838,11 @@ var TableDOMHelper = /*#__PURE__*/function () {
|
|
|
40738
40838
|
}, {
|
|
40739
40839
|
key: "getRowTop",
|
|
40740
40840
|
value: function getRowTop(rowIndex) {
|
|
40741
|
-
var
|
|
40841
|
+
var _context6, _context7;
|
|
40742
40842
|
|
|
40743
40843
|
if (rowIndex === 0) return 0;
|
|
40744
40844
|
|
|
40745
|
-
var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(
|
|
40845
|
+
var selector = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context6 = _babel_runtime_corejs3_core_js_stable_instance_concat__WEBPACK_IMPORTED_MODULE_2___default()(_context7 = ".".concat(_styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableBody, " .")).call(_context7, _styles__WEBPACK_IMPORTED_MODULE_3__["Classes"].tableRow, "[data-rowindex=\"")).call(_context6, rowIndex, "\"]");
|
|
40746
40846
|
|
|
40747
40847
|
var row = this.artTable.querySelector(selector);
|
|
40748
40848
|
var rowOffsetTop = row && row.offsetTop || 0;
|
|
@@ -41202,8 +41302,6 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
41202
41302
|
/* harmony import */ var _colgroup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./colgroup */ "./node_modules/@kdcloudjs/table/es/table/base/colgroup.js");
|
|
41203
41303
|
/* harmony import */ var _helpers_SpanManager__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./helpers/SpanManager */ "./node_modules/@kdcloudjs/table/es/table/base/helpers/SpanManager.js");
|
|
41204
41304
|
/* harmony import */ var _styles__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./styles */ "./node_modules/@kdcloudjs/table/es/table/base/styles.js");
|
|
41205
|
-
/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./utils */ "./node_modules/@kdcloudjs/table/es/table/base/utils.js");
|
|
41206
|
-
|
|
41207
41305
|
|
|
41208
41306
|
|
|
41209
41307
|
|
|
@@ -41219,7 +41317,7 @@ function HtmlTable(_ref) {
|
|
|
41219
41317
|
var tbodyHtmlTag = _ref.tbodyHtmlTag,
|
|
41220
41318
|
getRowProps = _ref.getRowProps,
|
|
41221
41319
|
primaryKey = _ref.primaryKey,
|
|
41222
|
-
|
|
41320
|
+
stickyRightOffset = _ref.stickyRightOffset,
|
|
41223
41321
|
data = _ref.data,
|
|
41224
41322
|
verInfo = _ref.verticalRenderInfo,
|
|
41225
41323
|
hozInfo = _ref.horizontalRenderInfo,
|
|
@@ -41324,14 +41422,13 @@ function HtmlTable(_ref) {
|
|
|
41324
41422
|
rowSpan = Math.max(rowSpan, 1);
|
|
41325
41423
|
colSpan = Math.max(colSpan, 1);
|
|
41326
41424
|
var positionStyle = {};
|
|
41327
|
-
var scrollbarWidth = hasScrollY ? Object(_utils__WEBPACK_IMPORTED_MODULE_11__["getScrollbarSize"])().width : 0;
|
|
41328
41425
|
|
|
41329
41426
|
if (colIndex < leftFlatCount) {
|
|
41330
41427
|
positionStyle.position = 'sticky';
|
|
41331
41428
|
positionStyle.left = hozInfo.stickyLeftMap.get(colIndex);
|
|
41332
41429
|
} else if (colIndex >= fullFlatCount - rightFlatCount) {
|
|
41333
41430
|
positionStyle.position = 'sticky';
|
|
41334
|
-
positionStyle.right = hozInfo.stickyRightMap.get(colIndex) -
|
|
41431
|
+
positionStyle.right = hozInfo.stickyRightMap.get(colIndex) - stickyRightOffset;
|
|
41335
41432
|
}
|
|
41336
41433
|
|
|
41337
41434
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_6___default.a.createElement('td', _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({
|
|
@@ -41611,14 +41708,14 @@ function renderTableBodyInIE(info, props, extra) {
|
|
|
41611
41708
|
primaryKey: primaryKey,
|
|
41612
41709
|
data: _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_3___default()(dataSource).call(dataSource, topIndex, bottomIndex)
|
|
41613
41710
|
};
|
|
41614
|
-
var scrollbarWidth = extra.hasScrollY ? Object(_utils__WEBPACK_IMPORTED_MODULE_10__["getScrollbarSize"])().width : 0;
|
|
41615
41711
|
var fixedRightTableStyle = {
|
|
41616
|
-
right: -
|
|
41712
|
+
right: -extra.stickyRightOffset
|
|
41617
41713
|
};
|
|
41618
41714
|
return /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
|
|
41619
41715
|
className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].tableBody, _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].horizontalScrollContainer)
|
|
41620
41716
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
|
|
41621
|
-
className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtual
|
|
41717
|
+
className: _styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtual,
|
|
41718
|
+
tabIndex: -1
|
|
41622
41719
|
}, topBlank > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_5___default.a.createElement("div", {
|
|
41623
41720
|
key: "top-blank",
|
|
41624
41721
|
className: classnames__WEBPACK_IMPORTED_MODULE_7___default()(_styles__WEBPACK_IMPORTED_MODULE_9__["Classes"].virtualBlank, 'top'),
|
|
@@ -41678,7 +41775,7 @@ function renderTableBodyInIE(info, props, extra) {
|
|
|
41678
41775
|
tbodyHtmlTag: "tbody"
|
|
41679
41776
|
}, commonProps, {
|
|
41680
41777
|
tbodyPosition: "right",
|
|
41681
|
-
|
|
41778
|
+
stickyRightOffset: extra.stickyRightOffset,
|
|
41682
41779
|
horizontalRenderInfo: _babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()(_babel_runtime_corejs3_helpers_extends__WEBPACK_IMPORTED_MODULE_0___default()({}, info), {
|
|
41683
41780
|
flat: {
|
|
41684
41781
|
center: right,
|
|
@@ -41971,8 +42068,7 @@ var defaultCSSVariables = {
|
|
|
41971
42068
|
'--cell-border-horizontal': '1px solid #dfe3e8',
|
|
41972
42069
|
'---cell-border-vertical': '1px solid #dfe3e8',
|
|
41973
42070
|
'--header-cell-border': '1px solid #dfe3e8',
|
|
41974
|
-
'--header-cell-border-horizontal': '1px solid #dfe3e8'
|
|
41975
|
-
'--header-cell-border-vertical': '1px solid #dfe3e8'
|
|
42071
|
+
'--header-cell-border-horizontal': '1px solid #dfe3e8'
|
|
41976
42072
|
};
|
|
41977
42073
|
var variableConst = getCssVariableText(defaultCSSVariables);
|
|
41978
42074
|
var StyledArtTableWrapper = styled_components__WEBPACK_IMPORTED_MODULE_3__["default"].div(_templateObject2 || (_templateObject2 = _babel_runtime_corejs3_helpers_taggedTemplateLiteral__WEBPACK_IMPORTED_MODULE_0___default()(["\n :root {\n ", "\n }\n ", "\n\n box-sizing: border-box;\n * {\n box-sizing: border-box;\n }\n cursor: default;\n color: var(--color);\n font-size: var(--font-size);\n line-height: var(--line-height);\n position: relative;\n\n // \u8868\u683C\u5916\u8FB9\u6846\u7531 art-table-wrapper \u63D0\u4F9B\uFF0C\u800C\u4E0D\u662F\u7531\u5355\u5143\u683C\u63D0\u4F9B\n &.use-outer-border {\n ", ";\n }\n\n .no-scrollbar {\n ::-webkit-scrollbar {\n display: none;\n }\n }\n\n .", " {\n overflow: auto;\n flex-shrink: 1;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n user-select:none;\n }\n\n .", " {\n overflow: hidden;\n background: var(--header-bgcolor);\n display: flex;\n flex-shrink: 0;\n border-bottom: var(--header-cell-border-horizontal);\n }\n\n .", " {\n display: flex;\n // justify-content: flex-start;\n align-items: center;\n height: inherit;\n }\n\n .", " {\n overflow-x:auto;\n flex-shrink: 0;\n flex-grow: 0;\n scrollbar-width: none; // \u517C\u5BB9\u706B\u72D0\n & {\n ::-webkit-scrollbar {\n display:none;\n }\n }\n }\n\n .", " {\n display: flex;\n flex: none;\n }\n .", ", .", " {\n background: var(--bgcolor);\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n position:relative;\n &.empty {\n position: relative;\n }\n }\n\n .", " {\n position: relative;\n }\n .", " {\n .", "{\n background-color: #e6effb !important;\n }\n .", "{\n border-top: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-left: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-bottom: 1px solid #0E5FD8 !important;\n }\n .", "{\n border-right: 1px solid #0E5FD8 !important;\n }\n }\n \n\n &.sticky-header .", " {\n position: sticky;\n top: 0;\n z-index: ", ";\n }\n\n &.sticky-footer .", " {\n position: sticky;\n bottom: 0;\n z-index: ", ";\n }\n\n table {\n width: 0;\n table-layout: fixed;\n border-collapse: separate;\n border-spacing: 0;\n display: table;\n margin: 0;\n padding: 0;\n flex-shrink: 0;\n flex-grow: 0;\n position:relative;\n }\n\n // \u5728 tr \u4E0A\u8BBE\u7F6E .no-hover \u53EF\u4EE5\u7981\u7528\u9F20\u6807\u60AC\u505C\u6548\u679C\n tr:not(.no-hover):hover > td {\n background: var(--hover-bgcolor);\n }\n // \u5728 tr \u8BBE\u7F6E highlight \u53EF\u4EE5\u4E3A\u5E95\u4E0B\u7684 td \u8BBE\u7F6E\u4E3A\u9AD8\u4EAE\u8272\n // \u800C\u8BBE\u7F6E .no-highlight \u7684\u8BDD\u5219\u53EF\u4EE5\u7981\u7528\u9AD8\u4EAE\u6548\u679C\uFF1B\n tr:not(.no-highlight).highlight > td {\n background: var(--highlight-bgcolor);\n }\n\n th {\n font-weight: normal;\n text-align: left;\n padding: var(--cell-padding);\n height: var(--header-row-height);\n color: var(--header-color);\n background: var(--header-bgcolor);\n border:1px solid transparent;\n border-right: var(--header-cell-border-vertical);\n border-bottom: var(--header-cell-border-horizontal);\n position: relative;\n }\n\n th.resizeable{\n border-right:none\n }\n\n th.", " {\n border-right: none;\n border-bottom: none;\n }\n\n tr.", " th {\n border-top: var(--header-cell-border-horizontal);\n }\n th.", " {\n border-left: var(--header-cell-border-vertical);\n }\n\n td {\n padding: var(--cell-padding);\n background: var(--bgcolor);\n height: var(--row-height);\n border:1px solid transparent;\n border-right: var(--cell-border-vertical);\n border-bottom: var(--cell-border-horizontal);\n word-break: break-all;\n }\n td.", " {\n border-left: var(--cell-border-vertical);\n }\n tr.", " td {\n border-top: var(--cell-border-horizontal);\n }\n &.has-header tbody tr.", " td {\n border-top: none;\n }\n &.has-footer tbody tr.", " td {\n border-bottom: none;\n }\n\n .", ",\n .", " {\n z-index: ", ";\n }\n\n //#region \u9501\u5217\u9634\u5F71\n .", " {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: ", ";\n pointer-events: none;\n overflow: hidden;\n\n .", " {\n height: 100%;\n }\n\n .", " {\n margin-right: ", "px;\n box-shadow: none;\n\n &.show-shadow {\n box-shadow: var(--lock-shadow);\n border-right: var(--cell-border-vertical);\n }\n }\n\n .", " {\n margin-left: ", "px;\n box-shadow: none;\n\n &.show-shadow {\n box-shadow: var(--lock-shadow);\n border-left: var(--cell-border-vertical);\n }\n }\n }\n //#endregion\n\n //#region \u7A7A\u8868\u683C\u5C55\u73B0\n .", " {\n pointer-events: none;\n color: #99a3b3;\n font-size: 12px;\n text-align: center;\n position: absolute;\n left: 50%;\n top: 50%;\n transform: translate(-50%, -50%);\n\n .empty-image {\n width: 50px;\n height: 50px;\n }\n\n .empty-tips {\n margin-top: 16px;\n line-height: 1.5;\n }\n }\n //#endregion\n\n //#region IE\u517C\u5BB9\n &.ie-polyfill-wrapper {\n //\u9501\u5B9A\u5217\u517C\u5BB9 \u4EC5\u5728\u9501\u5B9A\u5217\u7684\u60C5\u51B5\u4E0B\u751F\u6548\n .", " {\n overflow-x: hidden;\n }\n .", ", .", " {\n position:relative;\n }\n .", " {\n overflow: hidden;\n }\n .", " {\n position: relative;\n }\n\n .", " {\n overflow: auto;\n overflow-x: hidden;\n overflow-anchor: none;\n }\n\n .", ", .", "{\n position: absolute;\n z-index: ", ";\n top: 0;\n }\n .", "{\n left:0;\n }\n .", "{\n right:0;\n }\n\n .", "{\n .", "{\n position: absolute;\n top: 0;\n width: 100%;\n z-index: ", ";\n }\n }\n\n tr:not(.no-hover).row-hover > td {\n background: var(--hover-bgcolor);\n }\n }\n //#endregion\n\n //#region \u7C98\u6027\u6EDA\u52A8\u6761\n .", " {\n overflow-y: hidden;\n overflow-x: auto;\n z-index: ", ";\n flex-shrink: 0;\n flex-grow: 0;\n border-top: 1px solid var(--border-color);\n background: var(--bgcolor);\n }\n\n .", " {\n // \u5FC5\u987B\u6709\u9AD8\u5EA6\u624D\u80FD\u51FA\u73B0\u6EDA\u52A8\u6761\n height: 1px;\n visibility: hidden;\n }\n //#endregion\n\n //#region \u52A0\u8F7D\u6837\u5F0F\n .", " {\n position: relative;\n width: 100%;\n height: 100%;\n overflow: auto;\n\n .", " {\n filter: none;\n width: 100%;\n height: 100%;\n overflow: auto;\n display: flex;\n position: relative;\n flex-direction: column;\n }\n\n .", " {\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n pointer-events: none;\n }\n\n .", " {\n position: sticky;\n z-index: ", ";\n transform: translateY(-50%);\n }\n }\n //#endregion\n \n //#region \u8868\u683C\u8FC7\u6EE4\n .", " {\n color:var(--icon-color);\n &.active{\n color:var(--primary-color);\n }\n }\n //#endregion\n\n //#region \u8868\u683C\u6392\u5E8F\n .", " {\n color:var(--icon-color);\n &.active{\n color:var(--primary-color);\n }\n }\n //#endregion\n\n //#region \u6EDA\u52A8\u6761\u5360\u4F4D\n .", " {\n visibility: hidden;\n flex-shrink: 0;\n }\n .", " .", " {\n border-top: var(--cell-border-horizontal);\n }\n //#endregion\n "])), variableConst, variableConst, outerBorderStyleMixin, Classes.artTable, Classes.tableHeader, Classes.tableHeaderCellContent, Classes.virtual, Classes.tableFooter, Classes.tableBody, Classes.tableFooter, Classes.tableRow, Classes.tableBody, Classes.tableCellRangeSelected, Classes.tableCellRangeTop, Classes.tableCellRangeLeft, Classes.tableCellRangeBottom, Classes.tableCellRangeRight, Classes.tableHeader, Z.header, Classes.tableFooter, Z.footer, Classes.leaf, Classes.first, Classes.first, Classes.first, Classes.first, Classes.first, Classes.last, Classes.lockLeft, Classes.lockRight, Z.lock, Classes.lockShadowMask, Z.lockShadow, Classes.lockShadow, Classes.leftLockShadow, LOCK_SHADOW_PADDING, Classes.rightLockShadow, LOCK_SHADOW_PADDING, Classes.emptyWrapper, Classes.virtual, Classes.tableBody, Classes.tableFooter, Classes.tableHeaderMain, Classes.tableHeader, Classes.tableFooterMain, Classes.fixedLeft, Classes.fixedRight, Z.lock, Classes.fixedLeft, Classes.fixedRight, Classes.rowDetailContainer, Classes.rowDetailItem, Z.rowDetail, Classes.stickyScroll, Z.scrollItem, Classes.stickyScrollItem, Classes.loadingWrapper, Classes.loadingContentWrapper, Classes.loadingIndicatorWrapper, Classes.loadingIndicator, Z.loadingIndicator, Classes.tableFilterTrigger, Classes.tableSortIcon, Classes.verticalScrollPlaceholder, Classes.tableFooter, Classes.verticalScrollPlaceholder);
|
|
@@ -42143,6 +42239,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42143
42239
|
_this.rootSubscription = new rxjs__WEBPACK_IMPORTED_MODULE_17__["Subscription"]();
|
|
42144
42240
|
_this.hasScrollY = false;
|
|
42145
42241
|
_this.resizeSubject = new rxjs__WEBPACK_IMPORTED_MODULE_17__["Subject"]();
|
|
42242
|
+
_this.offsetY = 0;
|
|
42146
42243
|
|
|
42147
42244
|
_this.getRowNodeListByEvent = function (e) {
|
|
42148
42245
|
var nodeList = null;
|
|
@@ -42208,6 +42305,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42208
42305
|
className: classnames__WEBPACK_IMPORTED_MODULE_15___default()(tableBodyClassName, 'empty')
|
|
42209
42306
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
|
|
42210
42307
|
className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtual,
|
|
42308
|
+
tabIndex: -1,
|
|
42211
42309
|
style: virtualStyle
|
|
42212
42310
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement(_empty__WEBPACK_IMPORTED_MODULE_20__["EmptyHtmlTable"], {
|
|
42213
42311
|
descriptors: info.visible,
|
|
@@ -42222,6 +42320,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42222
42320
|
bottomBlank = _info$verticalRenderR.bottomBlank,
|
|
42223
42321
|
topBlank = _info$verticalRenderR.topBlank,
|
|
42224
42322
|
bottomIndex = _info$verticalRenderR.bottomIndex;
|
|
42323
|
+
var stickyRightOffset = _this.hasScrollY ? _this.getScrollBarWidth() : 0;
|
|
42225
42324
|
var renderBody = Object(_renderTemplates__WEBPACK_IMPORTED_MODULE_31__["default"])('body');
|
|
42226
42325
|
|
|
42227
42326
|
if (typeof renderBody === 'function') {
|
|
@@ -42230,7 +42329,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42230
42329
|
onMouseEnter: _this.handleRowMouseEnter,
|
|
42231
42330
|
onMouseLeave: _this.handleRowMouseLeave
|
|
42232
42331
|
},
|
|
42233
|
-
|
|
42332
|
+
stickyRightOffset: stickyRightOffset
|
|
42234
42333
|
});
|
|
42235
42334
|
}
|
|
42236
42335
|
|
|
@@ -42238,6 +42337,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42238
42337
|
className: tableBodyClassName
|
|
42239
42338
|
}, /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
|
|
42240
42339
|
className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].virtual,
|
|
42340
|
+
tabIndex: -1,
|
|
42241
42341
|
style: virtualStyle
|
|
42242
42342
|
}, topBlank > 0 && /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
|
|
42243
42343
|
key: "top-blank",
|
|
@@ -42250,7 +42350,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42250
42350
|
getRowProps: getRowProps,
|
|
42251
42351
|
primaryKey: primaryKey,
|
|
42252
42352
|
data: _babel_runtime_corejs3_core_js_stable_instance_slice__WEBPACK_IMPORTED_MODULE_12___default()(dataSource).call(dataSource, topIndex, bottomIndex),
|
|
42253
|
-
|
|
42353
|
+
stickyRightOffset: stickyRightOffset,
|
|
42254
42354
|
horizontalRenderInfo: info,
|
|
42255
42355
|
verticalRenderInfo: {
|
|
42256
42356
|
first: 0,
|
|
@@ -42311,7 +42411,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42311
42411
|
var innerTableWidth = tableBodyHtmlTable.offsetWidth;
|
|
42312
42412
|
var artTableWidth = artTable.offsetWidth;
|
|
42313
42413
|
var stickyScrollHeightProp = this.props.stickyScrollHeight;
|
|
42314
|
-
var stickyScrollHeight = stickyScrollHeightProp === 'auto' ?
|
|
42414
|
+
var stickyScrollHeight = stickyScrollHeightProp === 'auto' ? this.getScrollBarWidth() : stickyScrollHeightProp; // stickyScroll.style.marginTop = `-${stickyScrollHeight + 1}px`
|
|
42315
42415
|
// 设置滚动条高度
|
|
42316
42416
|
|
|
42317
42417
|
stickyScroll.style.height = "".concat(stickyScrollHeight, "px");
|
|
@@ -42376,7 +42476,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42376
42476
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
|
|
42377
42477
|
className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].verticalScrollPlaceholder,
|
|
42378
42478
|
style: this.hasScrollY ? {
|
|
42379
|
-
width:
|
|
42479
|
+
width: this.getScrollBarWidth()
|
|
42380
42480
|
} : undefined
|
|
42381
42481
|
}));
|
|
42382
42482
|
}
|
|
@@ -42485,7 +42585,7 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42485
42585
|
}), /*#__PURE__*/react__WEBPACK_IMPORTED_MODULE_16___default.a.createElement("div", {
|
|
42486
42586
|
className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].verticalScrollPlaceholder,
|
|
42487
42587
|
style: this.hasScrollY ? {
|
|
42488
|
-
width:
|
|
42588
|
+
width: this.getScrollBarWidth(),
|
|
42489
42589
|
visibility: 'initial'
|
|
42490
42590
|
} : undefined
|
|
42491
42591
|
}));
|
|
@@ -42530,6 +42630,11 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42530
42630
|
className: _styles__WEBPACK_IMPORTED_MODULE_27__["Classes"].stickyScrollItem
|
|
42531
42631
|
}));
|
|
42532
42632
|
}
|
|
42633
|
+
}, {
|
|
42634
|
+
key: "getScrollBarWidth",
|
|
42635
|
+
value: function getScrollBarWidth() {
|
|
42636
|
+
return this.props.scrollbarWidth || Object(_utils__WEBPACK_IMPORTED_MODULE_28__["getScrollbarSize"])().width;
|
|
42637
|
+
}
|
|
42533
42638
|
}, {
|
|
42534
42639
|
key: "render",
|
|
42535
42640
|
value: function render() {
|
|
@@ -42704,6 +42809,47 @@ var BaseTable = /*#__PURE__*/function (_React$Component) {
|
|
|
42704
42809
|
})).subscribe(function (sizeAndOffset) {
|
|
42705
42810
|
_this2.setState(sizeAndOffset);
|
|
42706
42811
|
}));
|
|
42812
|
+
this.rootSubscription.add(richVisibleRects$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (_ref7) {
|
|
42813
|
+
var clipRect = _ref7.clipRect,
|
|
42814
|
+
offsetY = _ref7.offsetY;
|
|
42815
|
+
return {
|
|
42816
|
+
maxRenderHeight: clipRect.bottom - clipRect.top,
|
|
42817
|
+
maxRenderWidth: clipRect.right - clipRect.left,
|
|
42818
|
+
offsetY: offsetY
|
|
42819
|
+
};
|
|
42820
|
+
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](function (x, y) {
|
|
42821
|
+
return x.offsetY - y.offsetY === 0;
|
|
42822
|
+
}), // 计算得到当前行索引对应的数据块,blocks改成数组的形式,兼容快速拖动可视区域出现两个数据块的情况
|
|
42823
|
+
rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (sizeAndOffset) {
|
|
42824
|
+
var _a;
|
|
42825
|
+
|
|
42826
|
+
var offsetY = sizeAndOffset.offsetY,
|
|
42827
|
+
maxRenderHeight = sizeAndOffset.maxRenderHeight;
|
|
42828
|
+
var scrollDirection = offsetY - _this2.offsetY >= 0 ? 'down' : 'up';
|
|
42829
|
+
_this2.offsetY = offsetY;
|
|
42830
|
+
var rowCount = _this2.props.dataSource.length;
|
|
42831
|
+
|
|
42832
|
+
var vertical = _this2.rowHeightManager.getRenderRange(offsetY, maxRenderHeight, rowCount);
|
|
42833
|
+
|
|
42834
|
+
var topIndex = vertical.topIndex,
|
|
42835
|
+
bottomIndex = vertical.bottomIndex;
|
|
42836
|
+
var blockSize = ((_a = _this2.props.scrollLoad) === null || _a === void 0 ? void 0 : _a.blockSize) || 200;
|
|
42837
|
+
var topBlockStartIndex = Math.floor(Math.max(topIndex - 1, 0) / blockSize) * blockSize;
|
|
42838
|
+
var bottomBlockStartIndex = Math.floor((bottomIndex + 1) / blockSize) * blockSize;
|
|
42839
|
+
return scrollDirection === 'down' ? [topBlockStartIndex, bottomBlockStartIndex] : [bottomBlockStartIndex, topBlockStartIndex];
|
|
42840
|
+
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"](function (x, y) {
|
|
42841
|
+
return x[0] === y[0] && x[1] === y[1];
|
|
42842
|
+
}), rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["switchMap"](function (startIndexs) {
|
|
42843
|
+
var event$ = Object(rxjs__WEBPACK_IMPORTED_MODULE_17__["from"])(startIndexs);
|
|
42844
|
+
return event$.pipe(rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["map"](function (startIndex) {
|
|
42845
|
+
return startIndex;
|
|
42846
|
+
}));
|
|
42847
|
+
}), // 过滤掉重复掉值
|
|
42848
|
+
rxjs_operators__WEBPACK_IMPORTED_MODULE_18__["distinctUntilChanged"]()).subscribe(function (startIndex) {
|
|
42849
|
+
var _a;
|
|
42850
|
+
|
|
42851
|
+
(_a = _this2.props.scrollLoad) === null || _a === void 0 ? void 0 : _a.callback(startIndex);
|
|
42852
|
+
}));
|
|
42707
42853
|
}
|
|
42708
42854
|
}, {
|
|
42709
42855
|
key: "componentWillUnmount",
|
|
@@ -46019,6 +46165,8 @@ function rangeSelection(opts) {
|
|
|
46019
46165
|
};
|
|
46020
46166
|
|
|
46021
46167
|
var onKeyDown = function onKeyDown(e) {
|
|
46168
|
+
if (!Object(_utils__WEBPACK_IMPORTED_MODULE_5__["isElementInEventPath"])(tableBody, e.nativeEvent)) return;
|
|
46169
|
+
|
|
46022
46170
|
if ((e.ctrlKey || e.metaKey) && e.key === 'a') {
|
|
46023
46171
|
var rowLen = pipeline.getDataSource().length;
|
|
46024
46172
|
|