@sheinx/base 3.7.0-beta.3 → 3.7.0-beta.4
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/cjs/sticky/sticky.d.ts.map +1 -1
- package/cjs/sticky/sticky.js +6 -0
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +23 -37
- package/cjs/table/table.type.d.ts +1 -1
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/tbody.d.ts.map +1 -1
- package/cjs/table/tbody.js +0 -2
- package/cjs/table/thead.d.ts.map +1 -1
- package/cjs/table/thead.js +7 -3
- package/cjs/table/tr.d.ts +0 -1
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +15 -5
- package/cjs/virtual-scroll/scroll-table.d.ts +28 -0
- package/cjs/virtual-scroll/scroll-table.d.ts.map +1 -0
- package/cjs/virtual-scroll/scroll-table.js +152 -0
- package/esm/sticky/sticky.d.ts.map +1 -1
- package/esm/sticky/sticky.js +7 -1
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +22 -36
- package/esm/table/table.type.d.ts +1 -1
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/tbody.d.ts.map +1 -1
- package/esm/table/tbody.js +0 -2
- package/esm/table/thead.d.ts.map +1 -1
- package/esm/table/thead.js +7 -3
- package/esm/table/tr.d.ts +0 -1
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +15 -5
- package/esm/virtual-scroll/scroll-table.d.ts +28 -0
- package/esm/virtual-scroll/scroll-table.d.ts.map +1 -0
- package/esm/virtual-scroll/scroll-table.js +145 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,eAAO,MAAM,aAAa,MAAM,CAAC;AAmBjC,QAAA,MAAM,MAAM,UAAW,WAAW,
|
|
1
|
+
{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,eAAO,MAAM,aAAa,MAAM,CAAC;AAmBjC,QAAA,MAAM,MAAM,UAAW,WAAW,4CAoYjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/cjs/sticky/sticky.js
CHANGED
|
@@ -373,6 +373,12 @@ var Sticky = function Sticky(props) {
|
|
|
373
373
|
}
|
|
374
374
|
return cancelParentObserver;
|
|
375
375
|
}, [props.parent, css, context.target, top, bottom]);
|
|
376
|
+
(0, _react.useEffect)(function () {
|
|
377
|
+
if (props.onChange) {
|
|
378
|
+
props.onChange(show);
|
|
379
|
+
}
|
|
380
|
+
;
|
|
381
|
+
}, [show]);
|
|
376
382
|
|
|
377
383
|
// 纯css方法 直接使用css
|
|
378
384
|
// js方法
|
package/cjs/table/table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAe1C,wBAqhBE"}
|
package/cjs/table/table.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var _scrollTable = _interopRequireDefault(require("../virtual-scroll/scroll-table"));
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
10
|
var _spin = _interopRequireDefault(require("../spin"));
|
|
11
11
|
var _pagination = _interopRequireDefault(require("../pagination"));
|
|
@@ -27,27 +27,14 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
|
|
|
27
27
|
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
28
28
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
29
29
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
30
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
31
30
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
32
31
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
33
32
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
34
33
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
35
34
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
35
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
36
36
|
var devUseWarning = _hooks.util.devUseWarning;
|
|
37
37
|
var emptyArr = [];
|
|
38
|
-
var virtualScrollerStyle = {
|
|
39
|
-
flex: 1,
|
|
40
|
-
minWidth: 0,
|
|
41
|
-
minHeight: 0,
|
|
42
|
-
overflow: 'auto',
|
|
43
|
-
width: '100%'
|
|
44
|
-
};
|
|
45
|
-
var scrollWrapperStyle = {
|
|
46
|
-
flex: 1,
|
|
47
|
-
minHeight: 0,
|
|
48
|
-
minWidth: 0,
|
|
49
|
-
display: 'flex'
|
|
50
|
-
};
|
|
51
38
|
var emptyRef = {
|
|
52
39
|
current: null
|
|
53
40
|
};
|
|
@@ -69,15 +56,6 @@ var _default = exports.default = function _default(props) {
|
|
|
69
56
|
var mirrorScrollRef = (0, _react.useRef)(null);
|
|
70
57
|
var tableRef = (0, _react.useRef)(null);
|
|
71
58
|
var browserScrollbarWidth = (0, _hooks.useScrollbarWidth)();
|
|
72
|
-
var emptyStyle = _objectSpread(_objectSpread({}, virtualScrollerStyle), {}, {
|
|
73
|
-
overflow: 'auto hidden',
|
|
74
|
-
position: 'absolute',
|
|
75
|
-
zIndex: 1,
|
|
76
|
-
bottom: 0,
|
|
77
|
-
left: 0,
|
|
78
|
-
right: 0,
|
|
79
|
-
height: browserScrollbarWidth
|
|
80
|
-
});
|
|
81
59
|
if (props.fixed) {
|
|
82
60
|
devUseWarning.deprecated('fixed', 'virtual', 'Table');
|
|
83
61
|
}
|
|
@@ -98,7 +76,8 @@ var _default = exports.default = function _default(props) {
|
|
|
98
76
|
};
|
|
99
77
|
};
|
|
100
78
|
var _useRef = (0, _react.useRef)({
|
|
101
|
-
emptyHeight: 0
|
|
79
|
+
emptyHeight: 0,
|
|
80
|
+
theadAndTfootHeight: 0
|
|
102
81
|
}),
|
|
103
82
|
context = _useRef.current;
|
|
104
83
|
var virtual = ((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) && props.rowsInView !== 0 && (!!props.virtual || props.fixed === 'both' || props.fixed === 'y' || props.fixed === 'auto');
|
|
@@ -230,6 +209,10 @@ var _default = exports.default = function _default(props) {
|
|
|
230
209
|
onChange: inputableData.onChange,
|
|
231
210
|
disabled: props.disabled
|
|
232
211
|
});
|
|
212
|
+
(0, _react.useEffect)(function () {
|
|
213
|
+
var _theadRef$current, _tfootRef$current;
|
|
214
|
+
context.theadAndTfootHeight = ((theadRef === null || theadRef === void 0 || (_theadRef$current = theadRef.current) === null || _theadRef$current === void 0 ? void 0 : _theadRef$current.clientHeight) || 0) + (((_tfootRef$current = tfootRef.current) === null || _tfootRef$current === void 0 ? void 0 : _tfootRef$current.clientHeight) || 0);
|
|
215
|
+
}, [theadRef.current, tfootRef.current]);
|
|
233
216
|
var virtualInfo = (0, _hooks.useTableVirtual)({
|
|
234
217
|
disabled: !virtual,
|
|
235
218
|
data: treeData,
|
|
@@ -240,8 +223,11 @@ var _default = exports.default = function _default(props) {
|
|
|
240
223
|
scrollRef: scrollRef,
|
|
241
224
|
innerRef: tbodyRef,
|
|
242
225
|
scrollLeft: props.scrollLeft,
|
|
243
|
-
isRtl: isRtl
|
|
226
|
+
isRtl: isRtl,
|
|
227
|
+
theadAndTfootHeight: context.theadAndTfootHeight
|
|
244
228
|
});
|
|
229
|
+
|
|
230
|
+
// 简单表格的滚动事件
|
|
245
231
|
var handleBodyScroll = (0, _hooks.usePersistFn)(function (e) {
|
|
246
232
|
var target = e.currentTarget;
|
|
247
233
|
if (!target) return;
|
|
@@ -257,6 +243,8 @@ var _default = exports.default = function _default(props) {
|
|
|
257
243
|
props.onScroll(x, y, target.scrollLeft, target.scrollTop);
|
|
258
244
|
}
|
|
259
245
|
});
|
|
246
|
+
|
|
247
|
+
// 虚拟表格的滚动事件
|
|
260
248
|
var handleVirtualScroll = (0, _hooks.usePersistFn)(function (info) {
|
|
261
249
|
virtualInfo.handleScroll(info);
|
|
262
250
|
layoutFunc.checkFloat();
|
|
@@ -271,7 +259,7 @@ var _default = exports.default = function _default(props) {
|
|
|
271
259
|
var _props$data2;
|
|
272
260
|
if (!((_props$data2 = props.data) !== null && _props$data2 !== void 0 && _props$data2.length) || filteredData !== undefined && filteredData.length === 0) {
|
|
273
261
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
274
|
-
className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper,
|
|
262
|
+
className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper, isScrollX && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyNoBorder)),
|
|
275
263
|
ref: function ref(el) {
|
|
276
264
|
context.emptyHeight = (el === null || el === void 0 ? void 0 : el.clientHeight) || 0;
|
|
277
265
|
},
|
|
@@ -361,9 +349,8 @@ var _default = exports.default = function _default(props) {
|
|
|
361
349
|
parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
|
|
362
350
|
};
|
|
363
351
|
var isRenderVirtualTable = virtual || props.sticky || !((_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length);
|
|
364
|
-
var headWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper
|
|
365
|
-
);
|
|
366
|
-
var footWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
|
|
352
|
+
var headWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper);
|
|
353
|
+
var footWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper);
|
|
367
354
|
var renderHeadMirrorScroller = function renderHeadMirrorScroller() {
|
|
368
355
|
var _scrollRef$current, _scrollRef$current2, _scrollRef$current3;
|
|
369
356
|
if (!props.showTopScrollbar) return null;
|
|
@@ -401,17 +388,16 @@ var _default = exports.default = function _default(props) {
|
|
|
401
388
|
}));
|
|
402
389
|
};
|
|
403
390
|
if (isRenderVirtualTable) {
|
|
404
|
-
var _props$data4;
|
|
391
|
+
var _props$data4, _props$data5;
|
|
405
392
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
406
|
-
children: [renderHeadMirrorScroller(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(
|
|
407
|
-
style: scrollWrapperStyle,
|
|
408
|
-
scrollerStyle: (_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length ? virtualScrollerStyle : emptyStyle,
|
|
393
|
+
children: [renderHeadMirrorScroller(), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_scrollTable.default, {
|
|
409
394
|
wrapperRef: scrollRef,
|
|
410
395
|
scrollWidth: width || 1,
|
|
411
396
|
scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
|
|
412
397
|
onScroll: handleVirtualScroll,
|
|
413
398
|
defaultHeight: context.emptyHeight,
|
|
414
399
|
isScrollY: isScrollY,
|
|
400
|
+
isEmptyContent: !((_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length),
|
|
415
401
|
children: [!props.hideHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)(StickyWrapper, _objectSpread(_objectSpread({}, props.sticky ? stickyProps : {}), {}, {
|
|
416
402
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
417
403
|
className: headWrapperClass,
|
|
@@ -423,7 +409,7 @@ var _default = exports.default = function _default(props) {
|
|
|
423
409
|
children: [Group, /*#__PURE__*/(0, _jsxRuntime.jsx)(_thead.default, _objectSpread({}, headCommonProps))]
|
|
424
410
|
})
|
|
425
411
|
})
|
|
426
|
-
})), /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
|
|
412
|
+
})), !!((_props$data5 = props.data) !== null && _props$data5 !== void 0 && _props$data5.length) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
|
|
427
413
|
style: {
|
|
428
414
|
width: width,
|
|
429
415
|
transform: virtualInfo.getTranslate()
|
|
@@ -443,8 +429,8 @@ var _default = exports.default = function _default(props) {
|
|
|
443
429
|
ref: tfootRef,
|
|
444
430
|
children: [Group, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tfoot.default, _objectSpread({}, footCommonProps))]
|
|
445
431
|
})
|
|
446
|
-
}) : null]
|
|
447
|
-
})
|
|
432
|
+
}) : null, renderEmpty()]
|
|
433
|
+
})]
|
|
448
434
|
});
|
|
449
435
|
}
|
|
450
436
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
@@ -26,7 +26,6 @@ export interface TableClasses {
|
|
|
26
26
|
small: string;
|
|
27
27
|
large: string;
|
|
28
28
|
default: string;
|
|
29
|
-
scrollY: string;
|
|
30
29
|
floatLeft: string;
|
|
31
30
|
floatRight: string;
|
|
32
31
|
bordered: string;
|
|
@@ -41,6 +40,7 @@ export interface TableClasses {
|
|
|
41
40
|
bodyWrapper: string;
|
|
42
41
|
footWrapper: string;
|
|
43
42
|
emptyWrapper: string;
|
|
43
|
+
emptyNoBorder: string;
|
|
44
44
|
cellAlignLeft: string;
|
|
45
45
|
cellAlignRight: string;
|
|
46
46
|
cellAlignCenter: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.type.d.ts","sourceRoot":"","sources":["table.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,
|
|
1
|
+
{"version":3,"file":"table.type.d.ts","sourceRoot":"","sources":["table.type.ts"],"names":[],"mappings":"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"}
|
package/cjs/table/tbody.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,
|
|
1
|
+
{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAsEE"}
|
package/cjs/table/tbody.js
CHANGED
|
@@ -30,7 +30,6 @@ var _default = exports.default = function _default(props) {
|
|
|
30
30
|
hover: hover
|
|
31
31
|
}),
|
|
32
32
|
rowData = _useTableRow.rowData,
|
|
33
|
-
isCellHover = _useTableRow.isCellHover,
|
|
34
33
|
handleCellHover = _useTableRow.handleCellHover,
|
|
35
34
|
hoverIndex = _useTableRow.hoverIndex,
|
|
36
35
|
rowSelectMergeStartData = _useTableRow.rowSelectMergeStartData;
|
|
@@ -67,7 +66,6 @@ var _default = exports.default = function _default(props) {
|
|
|
67
66
|
setRowHeight: props.setRowHeight,
|
|
68
67
|
striped: props.striped,
|
|
69
68
|
radio: props.radio,
|
|
70
|
-
isCellHover: isCellHover,
|
|
71
69
|
hover: hover,
|
|
72
70
|
isSelect: props.datum.check(rowSelectMergeStartData[index]),
|
|
73
71
|
handleCellHover: handleCellHover
|
package/cjs/table/thead.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,
|
|
1
|
+
{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,wBAyTE"}
|
package/cjs/table/thead.js
CHANGED
|
@@ -159,13 +159,17 @@ var _default = exports.default = function _default(props) {
|
|
|
159
159
|
});
|
|
160
160
|
};
|
|
161
161
|
var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
|
|
162
|
+
// 累加level 至 0 的所有高度
|
|
163
|
+
var top = context.trHeights.slice(0, level).reduce(function (a, b) {
|
|
164
|
+
return toNum(a) + toNum(b);
|
|
165
|
+
}, 0);
|
|
162
166
|
if (fixed === 'left') {
|
|
163
167
|
var left = colgroup.slice(0, index).reduce(function (a, b) {
|
|
164
168
|
return toNum(a) + toNum(b);
|
|
165
169
|
}, 0);
|
|
166
170
|
return {
|
|
167
171
|
left: left,
|
|
168
|
-
top:
|
|
172
|
+
top: top,
|
|
169
173
|
position: 'sticky'
|
|
170
174
|
};
|
|
171
175
|
}
|
|
@@ -175,12 +179,12 @@ var _default = exports.default = function _default(props) {
|
|
|
175
179
|
}, 0);
|
|
176
180
|
return {
|
|
177
181
|
right: right,
|
|
178
|
-
top:
|
|
182
|
+
top: top,
|
|
179
183
|
position: 'sticky'
|
|
180
184
|
};
|
|
181
185
|
}
|
|
182
186
|
return {
|
|
183
|
-
top:
|
|
187
|
+
top: top,
|
|
184
188
|
position: 'sticky'
|
|
185
189
|
};
|
|
186
190
|
};
|
package/cjs/table/tr.d.ts
CHANGED
|
@@ -17,7 +17,6 @@ interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum'
|
|
|
17
17
|
handleExpandClick: (col: TableFormatColumn<any>, data: any, index: number) => void;
|
|
18
18
|
treeColumnsName?: string;
|
|
19
19
|
originKey: string | number;
|
|
20
|
-
isCellHover: UseTableRowResult['isCellHover'];
|
|
21
20
|
hover?: boolean;
|
|
22
21
|
handleCellHover: UseTableRowResult['handleCellHover'];
|
|
23
22
|
hoverIndex: UseTableRowResult['hoverIndex'];
|
package/cjs/table/tr.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,YAAY,GACZ,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,
|
|
1
|
+
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,YAAY,GACZ,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,4CAgazB,CAAC;AAEF,eAAe,EAAE,CAAC"}
|
package/cjs/table/tr.js
CHANGED
|
@@ -268,18 +268,28 @@ var Tr = function Tr(props) {
|
|
|
268
268
|
if (data[i]) {
|
|
269
269
|
var last = cols[i + (data[i].colSpan || 1) - 1] || {};
|
|
270
270
|
var isRowSpanTd = data[i].rowSpan > 1;
|
|
271
|
+
var shouldBindMouseEvent = props.hover && hasSiblingRowSpan || isRowSpanTd;
|
|
272
|
+
var showCellHover = props.hoverIndex.has(props.rowIndex);
|
|
273
|
+
if (!showCellHover && data[i].rowSpan > 1) {
|
|
274
|
+
for (var j = 0; j < data[i].rowSpan; j++) {
|
|
275
|
+
if (props.hoverIndex.has(props.rowIndex + j)) {
|
|
276
|
+
showCellHover = true;
|
|
277
|
+
break;
|
|
278
|
+
}
|
|
279
|
+
}
|
|
280
|
+
}
|
|
271
281
|
var td = /*#__PURE__*/(0, _jsxRuntime.jsx)(_td.default, {
|
|
272
282
|
col: col,
|
|
273
283
|
data: data[i].data,
|
|
274
284
|
colSpan: data[i].colSpan,
|
|
275
285
|
rowSpan: data[i].rowSpan,
|
|
276
|
-
onMouseEnter:
|
|
277
|
-
props.handleCellHover(props.rowIndex, data[i].rowSpan);
|
|
286
|
+
onMouseEnter: shouldBindMouseEvent ? function () {
|
|
287
|
+
return props.handleCellHover(props.rowIndex, data[i].rowSpan);
|
|
278
288
|
} : undefined,
|
|
279
|
-
onMouseLeave:
|
|
280
|
-
props.handleCellHover(-1, 0);
|
|
289
|
+
onMouseLeave: shouldBindMouseEvent ? function () {
|
|
290
|
+
return props.handleCellHover(-1, 0);
|
|
281
291
|
} : undefined,
|
|
282
|
-
className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder),
|
|
292
|
+
className: (0, _classnames.default)(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), showCellHover && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
|
|
283
293
|
style: getTdStyle(col, data[i].colSpan),
|
|
284
294
|
direction: config.direction,
|
|
285
295
|
"data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface scrollProps {
|
|
3
|
+
scrollHeight: number;
|
|
4
|
+
scrollWidth: number | string;
|
|
5
|
+
height?: number | string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
keepScrollTop?: boolean;
|
|
8
|
+
wrapperRef?: React.RefObject<HTMLDivElement>;
|
|
9
|
+
tbodyRef?: React.RefObject<HTMLTableElement>;
|
|
10
|
+
onScroll?: (info: {
|
|
11
|
+
scrollLeft: number;
|
|
12
|
+
scrollTop: number;
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
fromDrag: boolean;
|
|
16
|
+
height: number;
|
|
17
|
+
width: number;
|
|
18
|
+
}) => void;
|
|
19
|
+
onScrollToBottom?: (options?: any) => void;
|
|
20
|
+
className?: string;
|
|
21
|
+
childrenStyle?: React.CSSProperties;
|
|
22
|
+
defaultHeight?: number;
|
|
23
|
+
isScrollY?: boolean;
|
|
24
|
+
isEmptyContent?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const Scroll: (props: scrollProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export default Scroll;
|
|
28
|
+
//# sourceMappingURL=scroll-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-table.d.ts","sourceRoot":"","sources":["scroll-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAWD,QAAA,MAAM,MAAM,UAAW,WAAW,4CA0HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _hooks = require("@sheinx/hooks");
|
|
9
|
+
var _config = require("../config");
|
|
10
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
11
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
|
12
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
13
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
14
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
17
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
18
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
19
|
+
var extractHeightValue = function extractHeightValue(num) {
|
|
20
|
+
if (_hooks.util.isNumber(num)) return num;
|
|
21
|
+
var match = num.match(/(\d+)/);
|
|
22
|
+
if (match) {
|
|
23
|
+
return parseInt(match[0], 10);
|
|
24
|
+
}
|
|
25
|
+
return undefined;
|
|
26
|
+
};
|
|
27
|
+
var Scroll = function Scroll(props) {
|
|
28
|
+
var containerRef = (0, _react.useRef)(null);
|
|
29
|
+
var scrollRef = (0, _react.useRef)(null);
|
|
30
|
+
var wrapperRef = (0, _hooks.useForkRef)(scrollRef, props.wrapperRef);
|
|
31
|
+
var _useRef = (0, _react.useRef)({
|
|
32
|
+
timer: null,
|
|
33
|
+
isMouseDown: false
|
|
34
|
+
}),
|
|
35
|
+
context = _useRef.current;
|
|
36
|
+
// TODO: keepScrollTop考虑做成Table的新feat?
|
|
37
|
+
var _props$scrollHeight = props.scrollHeight,
|
|
38
|
+
scrollHeight = _props$scrollHeight === void 0 ? 0 : _props$scrollHeight,
|
|
39
|
+
_props$scrollWidth = props.scrollWidth,
|
|
40
|
+
scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
|
|
41
|
+
_props$defaultHeight = props.defaultHeight,
|
|
42
|
+
defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
|
|
43
|
+
_props$keepScrollTop = props.keepScrollTop,
|
|
44
|
+
keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
|
|
45
|
+
var _useResize = (0, _hooks.useResize)({
|
|
46
|
+
targetRef: containerRef,
|
|
47
|
+
timer: 100
|
|
48
|
+
}),
|
|
49
|
+
width = _useResize.width,
|
|
50
|
+
h = _useResize.height;
|
|
51
|
+
var height = h || defaultHeight;
|
|
52
|
+
var config = (0, _config.useConfig)();
|
|
53
|
+
var isRtl = config.direction === 'rtl';
|
|
54
|
+
var scrollerStyle = {
|
|
55
|
+
flex: 1,
|
|
56
|
+
minWidth: 0,
|
|
57
|
+
minHeight: 0,
|
|
58
|
+
overflow: props.isEmptyContent ? 'hidden' : 'auto',
|
|
59
|
+
width: '100%'
|
|
60
|
+
};
|
|
61
|
+
var containerStyle = {
|
|
62
|
+
height: '100%',
|
|
63
|
+
width: '100%',
|
|
64
|
+
display: 'flex',
|
|
65
|
+
position: 'sticky',
|
|
66
|
+
flexDirection: 'column',
|
|
67
|
+
top: 0,
|
|
68
|
+
overflow: props.isEmptyContent ? 'auto' : undefined
|
|
69
|
+
};
|
|
70
|
+
|
|
71
|
+
// 当滚动容器的高度为 0 时,paddingTop 为 0,避免滚动条抖动现象
|
|
72
|
+
var paddingTop = (0, _react.useMemo)(function () {
|
|
73
|
+
if (keepScrollTop) return Math.max(0, Math.floor(scrollHeight - height));
|
|
74
|
+
return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
|
|
75
|
+
}, [scrollHeight, height]);
|
|
76
|
+
var placeStyle = {
|
|
77
|
+
paddingTop: paddingTop,
|
|
78
|
+
width: scrollWidth,
|
|
79
|
+
overflow: props.isScrollY ? 'hidden' : 'auto hidden',
|
|
80
|
+
height: props.isScrollY ? 0 : 1,
|
|
81
|
+
marginTop: props.isScrollY ? 0 : -1,
|
|
82
|
+
lineHeight: 0
|
|
83
|
+
};
|
|
84
|
+
var handleScroll = (0, _hooks.usePersistFn)(function (e) {
|
|
85
|
+
var onScrollToBottom = props.onScrollToBottom;
|
|
86
|
+
var target = e.currentTarget;
|
|
87
|
+
var scrollLeft = target.scrollLeft,
|
|
88
|
+
scrollTop = target.scrollTop;
|
|
89
|
+
if (props.height && onScrollToBottom) {
|
|
90
|
+
var realHeight = extractHeightValue(props.height);
|
|
91
|
+
if (realHeight !== undefined) {
|
|
92
|
+
var touchBottom = target.scrollHeight === scrollTop + realHeight;
|
|
93
|
+
if (touchBottom) onScrollToBottom();
|
|
94
|
+
}
|
|
95
|
+
}
|
|
96
|
+
var maxY = target.scrollHeight - target.clientHeight;
|
|
97
|
+
var maxX = target.scrollWidth - target.clientWidth;
|
|
98
|
+
if (!isRtl) {
|
|
99
|
+
// 解决浏览器缩放以后导致滚动条长度出现小数
|
|
100
|
+
if (maxX - scrollLeft < 0 || maxX - scrollLeft < 1) scrollLeft = maxX;
|
|
101
|
+
if (scrollLeft < 0) scrollLeft = 0;
|
|
102
|
+
} else {
|
|
103
|
+
if (maxX + scrollLeft < 0 || maxX + scrollLeft < 1) scrollLeft = 0 - maxX;
|
|
104
|
+
if (scrollLeft > 0) scrollLeft = 0;
|
|
105
|
+
}
|
|
106
|
+
if (scrollTop > maxY || maxY - scrollTop < 1) scrollTop = maxY;
|
|
107
|
+
if (scrollTop < 0) scrollTop = 0;
|
|
108
|
+
var x = maxX === 0 ? 0 : Math.min(Math.abs(scrollLeft) / maxX, 1);
|
|
109
|
+
var y = maxY === 0 ? 0 : Math.min(scrollTop / maxY, 1);
|
|
110
|
+
if (props.onScroll) props.onScroll({
|
|
111
|
+
scrollLeft: scrollLeft,
|
|
112
|
+
scrollTop: scrollTop,
|
|
113
|
+
x: x,
|
|
114
|
+
y: y,
|
|
115
|
+
height: height,
|
|
116
|
+
width: width,
|
|
117
|
+
fromDrag: context.isMouseDown
|
|
118
|
+
});
|
|
119
|
+
});
|
|
120
|
+
var handleInnerScroll = (0, _hooks.usePersistFn)(function (e) {
|
|
121
|
+
var scrollTop = e.currentTarget.scrollTop;
|
|
122
|
+
if (scrollRef.current) {
|
|
123
|
+
e.currentTarget.scrollTop = 0;
|
|
124
|
+
scrollRef.current.scrollTop += scrollTop;
|
|
125
|
+
}
|
|
126
|
+
});
|
|
127
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
|
|
128
|
+
role: 'scroll'
|
|
129
|
+
})), {}, {
|
|
130
|
+
style: scrollerStyle,
|
|
131
|
+
onScroll: handleScroll,
|
|
132
|
+
ref: wrapperRef,
|
|
133
|
+
onMouseDown: function onMouseDown() {
|
|
134
|
+
context.isMouseDown = true;
|
|
135
|
+
},
|
|
136
|
+
onMouseUp: function onMouseUp() {
|
|
137
|
+
context.isMouseDown = false;
|
|
138
|
+
},
|
|
139
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread(_objectSpread({}, _hooks.util.getDataAttribute({
|
|
140
|
+
role: 'scroll-container'
|
|
141
|
+
})), {}, {
|
|
142
|
+
style: containerStyle,
|
|
143
|
+
ref: containerRef,
|
|
144
|
+
onScroll: handleInnerScroll,
|
|
145
|
+
children: props.children
|
|
146
|
+
})), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
147
|
+
style: placeStyle,
|
|
148
|
+
children: "\xA0"
|
|
149
|
+
})]
|
|
150
|
+
}));
|
|
151
|
+
};
|
|
152
|
+
var _default = exports.default = Scroll;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,eAAO,MAAM,aAAa,MAAM,CAAC;AAmBjC,QAAA,MAAM,MAAM,UAAW,WAAW,
|
|
1
|
+
{"version":3,"file":"sticky.d.ts","sourceRoot":"","sources":["sticky.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAI5C,eAAO,MAAM,aAAa,MAAM,CAAC;AAmBjC,QAAA,MAAM,MAAM,UAAW,WAAW,4CAoYjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
package/esm/sticky/sticky.js
CHANGED
|
@@ -12,7 +12,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
|
|
|
12
12
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
13
13
|
import { usePersistFn, util, useResize, useRender } from '@sheinx/hooks';
|
|
14
14
|
import { createPortal } from 'react-dom';
|
|
15
|
-
import React, { useLayoutEffect, useRef, useState } from 'react';
|
|
15
|
+
import React, { useEffect, useLayoutEffect, useRef, useState } from 'react';
|
|
16
16
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
17
17
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
18
18
|
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
@@ -367,6 +367,12 @@ var Sticky = function Sticky(props) {
|
|
|
367
367
|
}
|
|
368
368
|
return cancelParentObserver;
|
|
369
369
|
}, [props.parent, css, context.target, top, bottom]);
|
|
370
|
+
useEffect(function () {
|
|
371
|
+
if (props.onChange) {
|
|
372
|
+
props.onChange(show);
|
|
373
|
+
}
|
|
374
|
+
;
|
|
375
|
+
}, [show]);
|
|
370
376
|
|
|
371
377
|
// 纯css方法 直接使用css
|
|
372
378
|
// js方法
|
package/esm/table/table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":"AAyBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAe1C,wBAqhBE"}
|
package/esm/table/table.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
var _excluded = ["data"];
|
|
2
2
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
3
3
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
4
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
5
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
6
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
7
6
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
8
7
|
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
9
8
|
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
9
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
10
10
|
import React, { useEffect, useMemo, useRef } from 'react';
|
|
11
|
-
import Scroll from "../virtual-scroll/scroll";
|
|
11
|
+
import Scroll from "../virtual-scroll/scroll-table";
|
|
12
12
|
import classNames from 'classnames';
|
|
13
13
|
import Spin from "../spin";
|
|
14
14
|
import Pagination from "../pagination";
|
|
@@ -28,19 +28,6 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
28
28
|
import { Fragment as _Fragment } from "react/jsx-runtime";
|
|
29
29
|
var devUseWarning = util.devUseWarning;
|
|
30
30
|
var emptyArr = [];
|
|
31
|
-
var virtualScrollerStyle = {
|
|
32
|
-
flex: 1,
|
|
33
|
-
minWidth: 0,
|
|
34
|
-
minHeight: 0,
|
|
35
|
-
overflow: 'auto',
|
|
36
|
-
width: '100%'
|
|
37
|
-
};
|
|
38
|
-
var scrollWrapperStyle = {
|
|
39
|
-
flex: 1,
|
|
40
|
-
minHeight: 0,
|
|
41
|
-
minWidth: 0,
|
|
42
|
-
display: 'flex'
|
|
43
|
-
};
|
|
44
31
|
var emptyRef = {
|
|
45
32
|
current: null
|
|
46
33
|
};
|
|
@@ -62,15 +49,6 @@ export default (function (props) {
|
|
|
62
49
|
var mirrorScrollRef = useRef(null);
|
|
63
50
|
var tableRef = useRef(null);
|
|
64
51
|
var browserScrollbarWidth = useScrollbarWidth();
|
|
65
|
-
var emptyStyle = _objectSpread(_objectSpread({}, virtualScrollerStyle), {}, {
|
|
66
|
-
overflow: 'auto hidden',
|
|
67
|
-
position: 'absolute',
|
|
68
|
-
zIndex: 1,
|
|
69
|
-
bottom: 0,
|
|
70
|
-
left: 0,
|
|
71
|
-
right: 0,
|
|
72
|
-
height: browserScrollbarWidth
|
|
73
|
-
});
|
|
74
52
|
if (props.fixed) {
|
|
75
53
|
devUseWarning.deprecated('fixed', 'virtual', 'Table');
|
|
76
54
|
}
|
|
@@ -91,7 +69,8 @@ export default (function (props) {
|
|
|
91
69
|
};
|
|
92
70
|
};
|
|
93
71
|
var _useRef = useRef({
|
|
94
|
-
emptyHeight: 0
|
|
72
|
+
emptyHeight: 0,
|
|
73
|
+
theadAndTfootHeight: 0
|
|
95
74
|
}),
|
|
96
75
|
context = _useRef.current;
|
|
97
76
|
var virtual = ((_props$data = props.data) === null || _props$data === void 0 ? void 0 : _props$data.length) && props.rowsInView !== 0 && (!!props.virtual || props.fixed === 'both' || props.fixed === 'y' || props.fixed === 'auto');
|
|
@@ -223,6 +202,10 @@ export default (function (props) {
|
|
|
223
202
|
onChange: inputableData.onChange,
|
|
224
203
|
disabled: props.disabled
|
|
225
204
|
});
|
|
205
|
+
useEffect(function () {
|
|
206
|
+
var _theadRef$current, _tfootRef$current;
|
|
207
|
+
context.theadAndTfootHeight = ((theadRef === null || theadRef === void 0 || (_theadRef$current = theadRef.current) === null || _theadRef$current === void 0 ? void 0 : _theadRef$current.clientHeight) || 0) + (((_tfootRef$current = tfootRef.current) === null || _tfootRef$current === void 0 ? void 0 : _tfootRef$current.clientHeight) || 0);
|
|
208
|
+
}, [theadRef.current, tfootRef.current]);
|
|
226
209
|
var virtualInfo = useTableVirtual({
|
|
227
210
|
disabled: !virtual,
|
|
228
211
|
data: treeData,
|
|
@@ -233,8 +216,11 @@ export default (function (props) {
|
|
|
233
216
|
scrollRef: scrollRef,
|
|
234
217
|
innerRef: tbodyRef,
|
|
235
218
|
scrollLeft: props.scrollLeft,
|
|
236
|
-
isRtl: isRtl
|
|
219
|
+
isRtl: isRtl,
|
|
220
|
+
theadAndTfootHeight: context.theadAndTfootHeight
|
|
237
221
|
});
|
|
222
|
+
|
|
223
|
+
// 简单表格的滚动事件
|
|
238
224
|
var handleBodyScroll = usePersistFn(function (e) {
|
|
239
225
|
var target = e.currentTarget;
|
|
240
226
|
if (!target) return;
|
|
@@ -250,6 +236,8 @@ export default (function (props) {
|
|
|
250
236
|
props.onScroll(x, y, target.scrollLeft, target.scrollTop);
|
|
251
237
|
}
|
|
252
238
|
});
|
|
239
|
+
|
|
240
|
+
// 虚拟表格的滚动事件
|
|
253
241
|
var handleVirtualScroll = usePersistFn(function (info) {
|
|
254
242
|
virtualInfo.handleScroll(info);
|
|
255
243
|
layoutFunc.checkFloat();
|
|
@@ -264,7 +252,7 @@ export default (function (props) {
|
|
|
264
252
|
var _props$data2;
|
|
265
253
|
if (!((_props$data2 = props.data) !== null && _props$data2 !== void 0 && _props$data2.length) || filteredData !== undefined && filteredData.length === 0) {
|
|
266
254
|
return /*#__PURE__*/_jsx("div", {
|
|
267
|
-
className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper,
|
|
255
|
+
className: classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyWrapper, isScrollX && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.emptyNoBorder)),
|
|
268
256
|
ref: function ref(el) {
|
|
269
257
|
context.emptyHeight = (el === null || el === void 0 ? void 0 : el.clientHeight) || 0;
|
|
270
258
|
},
|
|
@@ -354,9 +342,8 @@ export default (function (props) {
|
|
|
354
342
|
parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
|
|
355
343
|
};
|
|
356
344
|
var isRenderVirtualTable = virtual || props.sticky || !((_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length);
|
|
357
|
-
var headWrapperClass = classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper
|
|
358
|
-
);
|
|
359
|
-
var footWrapperClass = classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
|
|
345
|
+
var headWrapperClass = classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper);
|
|
346
|
+
var footWrapperClass = classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper);
|
|
360
347
|
var renderHeadMirrorScroller = function renderHeadMirrorScroller() {
|
|
361
348
|
var _scrollRef$current, _scrollRef$current2, _scrollRef$current3;
|
|
362
349
|
if (!props.showTopScrollbar) return null;
|
|
@@ -394,17 +381,16 @@ export default (function (props) {
|
|
|
394
381
|
}));
|
|
395
382
|
};
|
|
396
383
|
if (isRenderVirtualTable) {
|
|
397
|
-
var _props$data4;
|
|
384
|
+
var _props$data4, _props$data5;
|
|
398
385
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
399
386
|
children: [renderHeadMirrorScroller(), /*#__PURE__*/_jsxs(Scroll, {
|
|
400
|
-
style: scrollWrapperStyle,
|
|
401
|
-
scrollerStyle: (_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length ? virtualScrollerStyle : emptyStyle,
|
|
402
387
|
wrapperRef: scrollRef,
|
|
403
388
|
scrollWidth: width || 1,
|
|
404
389
|
scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
|
|
405
390
|
onScroll: handleVirtualScroll,
|
|
406
391
|
defaultHeight: context.emptyHeight,
|
|
407
392
|
isScrollY: isScrollY,
|
|
393
|
+
isEmptyContent: !((_props$data4 = props.data) !== null && _props$data4 !== void 0 && _props$data4.length),
|
|
408
394
|
children: [!props.hideHeader && /*#__PURE__*/_jsx(StickyWrapper, _objectSpread(_objectSpread({}, props.sticky ? stickyProps : {}), {}, {
|
|
409
395
|
children: /*#__PURE__*/_jsx("div", {
|
|
410
396
|
className: headWrapperClass,
|
|
@@ -416,7 +402,7 @@ export default (function (props) {
|
|
|
416
402
|
children: [Group, /*#__PURE__*/_jsx(Thead, _objectSpread({}, headCommonProps))]
|
|
417
403
|
})
|
|
418
404
|
})
|
|
419
|
-
})), /*#__PURE__*/_jsxs("table", {
|
|
405
|
+
})), !!((_props$data5 = props.data) !== null && _props$data5 !== void 0 && _props$data5.length) && /*#__PURE__*/_jsxs("table", {
|
|
420
406
|
style: {
|
|
421
407
|
width: width,
|
|
422
408
|
transform: virtualInfo.getTranslate()
|
|
@@ -436,8 +422,8 @@ export default (function (props) {
|
|
|
436
422
|
ref: tfootRef,
|
|
437
423
|
children: [Group, /*#__PURE__*/_jsx(Tfoot, _objectSpread({}, footCommonProps))]
|
|
438
424
|
})
|
|
439
|
-
}) : null]
|
|
440
|
-
})
|
|
425
|
+
}) : null, renderEmpty()]
|
|
426
|
+
})]
|
|
441
427
|
});
|
|
442
428
|
}
|
|
443
429
|
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
@@ -26,7 +26,6 @@ export interface TableClasses {
|
|
|
26
26
|
small: string;
|
|
27
27
|
large: string;
|
|
28
28
|
default: string;
|
|
29
|
-
scrollY: string;
|
|
30
29
|
floatLeft: string;
|
|
31
30
|
floatRight: string;
|
|
32
31
|
bordered: string;
|
|
@@ -41,6 +40,7 @@ export interface TableClasses {
|
|
|
41
40
|
bodyWrapper: string;
|
|
42
41
|
footWrapper: string;
|
|
43
42
|
emptyWrapper: string;
|
|
43
|
+
emptyNoBorder: string;
|
|
44
44
|
cellAlignLeft: string;
|
|
45
45
|
cellAlignRight: string;
|
|
46
46
|
cellAlignCenter: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.type.d.ts","sourceRoot":"","sources":["table.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,KAAK,EAAE,UAAU,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAE7C,MAAM,MAAM,SAAS,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AACnE,MAAM,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,YAAY,CAAC,CAAC;AAE5D,MAAM,WAAW,YAAY;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,
|
|
1
|
+
{"version":3,"file":"table.type.d.ts","sourceRoot":"","sources":["table.type.ts"],"names":[],"mappings":"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"}
|
package/esm/table/tbody.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,
|
|
1
|
+
{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["tbody.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAEnB,UAAU;AAAjC,wBAsEE"}
|
package/esm/table/tbody.js
CHANGED
|
@@ -23,7 +23,6 @@ export default (function (props) {
|
|
|
23
23
|
hover: hover
|
|
24
24
|
}),
|
|
25
25
|
rowData = _useTableRow.rowData,
|
|
26
|
-
isCellHover = _useTableRow.isCellHover,
|
|
27
26
|
handleCellHover = _useTableRow.handleCellHover,
|
|
28
27
|
hoverIndex = _useTableRow.hoverIndex,
|
|
29
28
|
rowSelectMergeStartData = _useTableRow.rowSelectMergeStartData;
|
|
@@ -60,7 +59,6 @@ export default (function (props) {
|
|
|
60
59
|
setRowHeight: props.setRowHeight,
|
|
61
60
|
striped: props.striped,
|
|
62
61
|
radio: props.radio,
|
|
63
|
-
isCellHover: isCellHover,
|
|
64
62
|
hover: hover,
|
|
65
63
|
isSelect: props.datum.check(rowSelectMergeStartData[index]),
|
|
66
64
|
handleCellHover: handleCellHover
|
package/esm/table/thead.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,
|
|
1
|
+
{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAWnB,UAAU;AAAjC,wBAyTE"}
|
package/esm/table/thead.js
CHANGED
|
@@ -152,13 +152,17 @@ export default (function (props) {
|
|
|
152
152
|
});
|
|
153
153
|
};
|
|
154
154
|
var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
|
|
155
|
+
// 累加level 至 0 的所有高度
|
|
156
|
+
var top = context.trHeights.slice(0, level).reduce(function (a, b) {
|
|
157
|
+
return toNum(a) + toNum(b);
|
|
158
|
+
}, 0);
|
|
155
159
|
if (fixed === 'left') {
|
|
156
160
|
var left = colgroup.slice(0, index).reduce(function (a, b) {
|
|
157
161
|
return toNum(a) + toNum(b);
|
|
158
162
|
}, 0);
|
|
159
163
|
return {
|
|
160
164
|
left: left,
|
|
161
|
-
top:
|
|
165
|
+
top: top,
|
|
162
166
|
position: 'sticky'
|
|
163
167
|
};
|
|
164
168
|
}
|
|
@@ -168,12 +172,12 @@ export default (function (props) {
|
|
|
168
172
|
}, 0);
|
|
169
173
|
return {
|
|
170
174
|
right: right,
|
|
171
|
-
top:
|
|
175
|
+
top: top,
|
|
172
176
|
position: 'sticky'
|
|
173
177
|
};
|
|
174
178
|
}
|
|
175
179
|
return {
|
|
176
|
-
top:
|
|
180
|
+
top: top,
|
|
177
181
|
position: 'sticky'
|
|
178
182
|
};
|
|
179
183
|
};
|
package/esm/table/tr.d.ts
CHANGED
|
@@ -17,7 +17,6 @@ interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum'
|
|
|
17
17
|
handleExpandClick: (col: TableFormatColumn<any>, data: any, index: number) => void;
|
|
18
18
|
treeColumnsName?: string;
|
|
19
19
|
originKey: string | number;
|
|
20
|
-
isCellHover: UseTableRowResult['isCellHover'];
|
|
21
20
|
hover?: boolean;
|
|
22
21
|
handleCellHover: UseTableRowResult['handleCellHover'];
|
|
23
22
|
hoverIndex: UseTableRowResult['hoverIndex'];
|
package/esm/table/tr.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,YAAY,GACZ,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,
|
|
1
|
+
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAQvD,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAI7D,UAAU,OACR,SAAQ,IAAI,CACV,UAAU,EACR,UAAU,GACV,cAAc,GACd,OAAO,GACP,UAAU,GACV,iBAAiB,GACjB,iBAAiB,GACjB,YAAY,GACZ,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,iBAAiB,GACjB,YAAY,GACZ,cAAc,GACd,aAAa,CAChB;IACD,GAAG,EAAE;QACH,IAAI,EAAE,GAAG,EAAE,CAAC;QACZ,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,OAAO,EAAE,GAAG,CAAC;IACb,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,UAAU,CAAC,eAAe,CAAC,GAAG,SAAS,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,CAAC,GAAG,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnF,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,eAAe,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtD,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAC5C,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,EAAE,UAAW,OAAO,4CAgazB,CAAC;AAEF,eAAe,EAAE,CAAC"}
|
package/esm/table/tr.js
CHANGED
|
@@ -262,18 +262,28 @@ var Tr = function Tr(props) {
|
|
|
262
262
|
if (data[i]) {
|
|
263
263
|
var last = cols[i + (data[i].colSpan || 1) - 1] || {};
|
|
264
264
|
var isRowSpanTd = data[i].rowSpan > 1;
|
|
265
|
+
var shouldBindMouseEvent = props.hover && hasSiblingRowSpan || isRowSpanTd;
|
|
266
|
+
var showCellHover = props.hoverIndex.has(props.rowIndex);
|
|
267
|
+
if (!showCellHover && data[i].rowSpan > 1) {
|
|
268
|
+
for (var j = 0; j < data[i].rowSpan; j++) {
|
|
269
|
+
if (props.hoverIndex.has(props.rowIndex + j)) {
|
|
270
|
+
showCellHover = true;
|
|
271
|
+
break;
|
|
272
|
+
}
|
|
273
|
+
}
|
|
274
|
+
}
|
|
265
275
|
var td = /*#__PURE__*/_jsx(Td, {
|
|
266
276
|
col: col,
|
|
267
277
|
data: data[i].data,
|
|
268
278
|
colSpan: data[i].colSpan,
|
|
269
279
|
rowSpan: data[i].rowSpan,
|
|
270
|
-
onMouseEnter:
|
|
271
|
-
props.handleCellHover(props.rowIndex, data[i].rowSpan);
|
|
280
|
+
onMouseEnter: shouldBindMouseEvent ? function () {
|
|
281
|
+
return props.handleCellHover(props.rowIndex, data[i].rowSpan);
|
|
272
282
|
} : undefined,
|
|
273
|
-
onMouseLeave:
|
|
274
|
-
props.handleCellHover(-1, 0);
|
|
283
|
+
onMouseLeave: shouldBindMouseEvent ? function () {
|
|
284
|
+
return props.handleCellHover(-1, 0);
|
|
275
285
|
} : undefined,
|
|
276
|
-
className: classNames(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder),
|
|
286
|
+
className: classNames(col.className, col.type === 'checkbox' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellCheckbox), col.fixed === 'left' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLeft), col.fixed === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedRight), col.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), col.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), (col.lastFixed || col.firstFixed || last.lastFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), lastRowIndex === i && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder), showCellHover && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
|
|
277
287
|
style: getTdStyle(col, data[i].colSpan),
|
|
278
288
|
direction: config.direction,
|
|
279
289
|
"data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface scrollProps {
|
|
3
|
+
scrollHeight: number;
|
|
4
|
+
scrollWidth: number | string;
|
|
5
|
+
height?: number | string;
|
|
6
|
+
children: React.ReactNode;
|
|
7
|
+
keepScrollTop?: boolean;
|
|
8
|
+
wrapperRef?: React.RefObject<HTMLDivElement>;
|
|
9
|
+
tbodyRef?: React.RefObject<HTMLTableElement>;
|
|
10
|
+
onScroll?: (info: {
|
|
11
|
+
scrollLeft: number;
|
|
12
|
+
scrollTop: number;
|
|
13
|
+
x: number;
|
|
14
|
+
y: number;
|
|
15
|
+
fromDrag: boolean;
|
|
16
|
+
height: number;
|
|
17
|
+
width: number;
|
|
18
|
+
}) => void;
|
|
19
|
+
onScrollToBottom?: (options?: any) => void;
|
|
20
|
+
className?: string;
|
|
21
|
+
childrenStyle?: React.CSSProperties;
|
|
22
|
+
defaultHeight?: number;
|
|
23
|
+
isScrollY?: boolean;
|
|
24
|
+
isEmptyContent?: boolean;
|
|
25
|
+
}
|
|
26
|
+
declare const Scroll: (props: scrollProps) => import("react/jsx-runtime").JSX.Element;
|
|
27
|
+
export default Scroll;
|
|
28
|
+
//# sourceMappingURL=scroll-table.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"scroll-table.d.ts","sourceRoot":"","sources":["scroll-table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAWD,QAAA,MAAM,MAAM,UAAW,WAAW,4CA0HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,145 @@
|
|
|
1
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
2
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
5
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
|
|
6
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
7
|
+
import React, { useMemo, useRef } from 'react';
|
|
8
|
+
import { useForkRef, usePersistFn, useResize, util } from '@sheinx/hooks';
|
|
9
|
+
import { useConfig } from "../config";
|
|
10
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
11
|
+
import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
12
|
+
var extractHeightValue = function extractHeightValue(num) {
|
|
13
|
+
if (util.isNumber(num)) return num;
|
|
14
|
+
var match = num.match(/(\d+)/);
|
|
15
|
+
if (match) {
|
|
16
|
+
return parseInt(match[0], 10);
|
|
17
|
+
}
|
|
18
|
+
return undefined;
|
|
19
|
+
};
|
|
20
|
+
var Scroll = function Scroll(props) {
|
|
21
|
+
var containerRef = useRef(null);
|
|
22
|
+
var scrollRef = useRef(null);
|
|
23
|
+
var wrapperRef = useForkRef(scrollRef, props.wrapperRef);
|
|
24
|
+
var _useRef = useRef({
|
|
25
|
+
timer: null,
|
|
26
|
+
isMouseDown: false
|
|
27
|
+
}),
|
|
28
|
+
context = _useRef.current;
|
|
29
|
+
// TODO: keepScrollTop考虑做成Table的新feat?
|
|
30
|
+
var _props$scrollHeight = props.scrollHeight,
|
|
31
|
+
scrollHeight = _props$scrollHeight === void 0 ? 0 : _props$scrollHeight,
|
|
32
|
+
_props$scrollWidth = props.scrollWidth,
|
|
33
|
+
scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
|
|
34
|
+
_props$defaultHeight = props.defaultHeight,
|
|
35
|
+
defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
|
|
36
|
+
_props$keepScrollTop = props.keepScrollTop,
|
|
37
|
+
keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
|
|
38
|
+
var _useResize = useResize({
|
|
39
|
+
targetRef: containerRef,
|
|
40
|
+
timer: 100
|
|
41
|
+
}),
|
|
42
|
+
width = _useResize.width,
|
|
43
|
+
h = _useResize.height;
|
|
44
|
+
var height = h || defaultHeight;
|
|
45
|
+
var config = useConfig();
|
|
46
|
+
var isRtl = config.direction === 'rtl';
|
|
47
|
+
var scrollerStyle = {
|
|
48
|
+
flex: 1,
|
|
49
|
+
minWidth: 0,
|
|
50
|
+
minHeight: 0,
|
|
51
|
+
overflow: props.isEmptyContent ? 'hidden' : 'auto',
|
|
52
|
+
width: '100%'
|
|
53
|
+
};
|
|
54
|
+
var containerStyle = {
|
|
55
|
+
height: '100%',
|
|
56
|
+
width: '100%',
|
|
57
|
+
display: 'flex',
|
|
58
|
+
position: 'sticky',
|
|
59
|
+
flexDirection: 'column',
|
|
60
|
+
top: 0,
|
|
61
|
+
overflow: props.isEmptyContent ? 'auto' : undefined
|
|
62
|
+
};
|
|
63
|
+
|
|
64
|
+
// 当滚动容器的高度为 0 时,paddingTop 为 0,避免滚动条抖动现象
|
|
65
|
+
var paddingTop = useMemo(function () {
|
|
66
|
+
if (keepScrollTop) return Math.max(0, Math.floor(scrollHeight - height));
|
|
67
|
+
return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
|
|
68
|
+
}, [scrollHeight, height]);
|
|
69
|
+
var placeStyle = {
|
|
70
|
+
paddingTop: paddingTop,
|
|
71
|
+
width: scrollWidth,
|
|
72
|
+
overflow: props.isScrollY ? 'hidden' : 'auto hidden',
|
|
73
|
+
height: props.isScrollY ? 0 : 1,
|
|
74
|
+
marginTop: props.isScrollY ? 0 : -1,
|
|
75
|
+
lineHeight: 0
|
|
76
|
+
};
|
|
77
|
+
var handleScroll = usePersistFn(function (e) {
|
|
78
|
+
var onScrollToBottom = props.onScrollToBottom;
|
|
79
|
+
var target = e.currentTarget;
|
|
80
|
+
var scrollLeft = target.scrollLeft,
|
|
81
|
+
scrollTop = target.scrollTop;
|
|
82
|
+
if (props.height && onScrollToBottom) {
|
|
83
|
+
var realHeight = extractHeightValue(props.height);
|
|
84
|
+
if (realHeight !== undefined) {
|
|
85
|
+
var touchBottom = target.scrollHeight === scrollTop + realHeight;
|
|
86
|
+
if (touchBottom) onScrollToBottom();
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
var maxY = target.scrollHeight - target.clientHeight;
|
|
90
|
+
var maxX = target.scrollWidth - target.clientWidth;
|
|
91
|
+
if (!isRtl) {
|
|
92
|
+
// 解决浏览器缩放以后导致滚动条长度出现小数
|
|
93
|
+
if (maxX - scrollLeft < 0 || maxX - scrollLeft < 1) scrollLeft = maxX;
|
|
94
|
+
if (scrollLeft < 0) scrollLeft = 0;
|
|
95
|
+
} else {
|
|
96
|
+
if (maxX + scrollLeft < 0 || maxX + scrollLeft < 1) scrollLeft = 0 - maxX;
|
|
97
|
+
if (scrollLeft > 0) scrollLeft = 0;
|
|
98
|
+
}
|
|
99
|
+
if (scrollTop > maxY || maxY - scrollTop < 1) scrollTop = maxY;
|
|
100
|
+
if (scrollTop < 0) scrollTop = 0;
|
|
101
|
+
var x = maxX === 0 ? 0 : Math.min(Math.abs(scrollLeft) / maxX, 1);
|
|
102
|
+
var y = maxY === 0 ? 0 : Math.min(scrollTop / maxY, 1);
|
|
103
|
+
if (props.onScroll) props.onScroll({
|
|
104
|
+
scrollLeft: scrollLeft,
|
|
105
|
+
scrollTop: scrollTop,
|
|
106
|
+
x: x,
|
|
107
|
+
y: y,
|
|
108
|
+
height: height,
|
|
109
|
+
width: width,
|
|
110
|
+
fromDrag: context.isMouseDown
|
|
111
|
+
});
|
|
112
|
+
});
|
|
113
|
+
var handleInnerScroll = usePersistFn(function (e) {
|
|
114
|
+
var scrollTop = e.currentTarget.scrollTop;
|
|
115
|
+
if (scrollRef.current) {
|
|
116
|
+
e.currentTarget.scrollTop = 0;
|
|
117
|
+
scrollRef.current.scrollTop += scrollTop;
|
|
118
|
+
}
|
|
119
|
+
});
|
|
120
|
+
return /*#__PURE__*/_jsxs("div", _objectSpread(_objectSpread({}, util.getDataAttribute({
|
|
121
|
+
role: 'scroll'
|
|
122
|
+
})), {}, {
|
|
123
|
+
style: scrollerStyle,
|
|
124
|
+
onScroll: handleScroll,
|
|
125
|
+
ref: wrapperRef,
|
|
126
|
+
onMouseDown: function onMouseDown() {
|
|
127
|
+
context.isMouseDown = true;
|
|
128
|
+
},
|
|
129
|
+
onMouseUp: function onMouseUp() {
|
|
130
|
+
context.isMouseDown = false;
|
|
131
|
+
},
|
|
132
|
+
children: [/*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({}, util.getDataAttribute({
|
|
133
|
+
role: 'scroll-container'
|
|
134
|
+
})), {}, {
|
|
135
|
+
style: containerStyle,
|
|
136
|
+
ref: containerRef,
|
|
137
|
+
onScroll: handleInnerScroll,
|
|
138
|
+
children: props.children
|
|
139
|
+
})), /*#__PURE__*/_jsx("div", {
|
|
140
|
+
style: placeStyle,
|
|
141
|
+
children: "\xA0"
|
|
142
|
+
})]
|
|
143
|
+
}));
|
|
144
|
+
};
|
|
145
|
+
export default Scroll;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sheinx/base",
|
|
3
|
-
"version": "3.7.0-beta.
|
|
3
|
+
"version": "3.7.0-beta.4",
|
|
4
4
|
"description": "",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"module": "./esm/index.js",
|
|
11
11
|
"typings": "./cjs/index.d.ts",
|
|
12
12
|
"dependencies": {
|
|
13
|
-
"@sheinx/hooks": "3.7.0-beta.
|
|
13
|
+
"@sheinx/hooks": "3.7.0-beta.4",
|
|
14
14
|
"immer": "^10.0.0",
|
|
15
15
|
"classnames": "^2.0.0",
|
|
16
16
|
"@shined/reactive": "^0.1.3-alpha.0"
|