@sheinx/base 3.5.0-beta.5 → 3.5.0-beta.6
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/absolute-list/absolute-context.d.ts.map +1 -1
- package/cjs/absolute-list/absolute-context.js +1 -0
- package/cjs/card/card.js +4 -2
- package/cjs/card-group/item.d.ts.map +1 -1
- package/cjs/card-group/item.js +20 -2
- package/cjs/card-group/lazyload.d.ts +1 -0
- package/cjs/card-group/lazyload.d.ts.map +1 -1
- package/cjs/card-group/lazyload.js +1 -1
- package/cjs/cascader/node.d.ts.map +1 -1
- package/cjs/cascader/node.js +3 -2
- package/cjs/form/form.d.ts.map +1 -1
- package/cjs/form/form.js +7 -1
- package/cjs/form/form.type.d.ts +1 -0
- package/cjs/form/form.type.d.ts.map +1 -1
- package/cjs/link/link.type.d.ts +10 -0
- package/cjs/link/link.type.d.ts.map +1 -1
- package/cjs/modal/modal.type.d.ts +2 -1
- package/cjs/modal/modal.type.d.ts.map +1 -1
- package/cjs/pagination/pagination-size-list.d.ts.map +1 -1
- package/cjs/pagination/pagination-size-list.js +8 -1
- package/cjs/pagination/pagination-size-list.type.d.ts +1 -1
- package/cjs/pagination/pagination-size-list.type.d.ts.map +1 -1
- package/cjs/pagination/pagination.d.ts.map +1 -1
- package/cjs/pagination/pagination.js +3 -1
- package/cjs/pagination/pagination.type.d.ts +15 -0
- package/cjs/pagination/pagination.type.d.ts.map +1 -1
- package/cjs/radio/radio-group.d.ts.map +1 -1
- package/cjs/radio/radio-group.js +6 -6
- package/cjs/select/result.d.ts.map +1 -1
- package/cjs/select/result.js +9 -4
- package/cjs/spin/base.js +2 -1
- package/cjs/spin/spin.js +2 -1
- package/cjs/spin/spin.type.d.ts +2 -2
- package/cjs/spin/spin.type.d.ts.map +1 -1
- package/cjs/spin/spins.js +13 -13
- package/cjs/table/colgroup.d.ts +1 -0
- package/cjs/table/colgroup.d.ts.map +1 -1
- package/cjs/table/colgroup.js +9 -3
- package/cjs/table/table.d.ts.map +1 -1
- package/cjs/table/table.js +6 -6
- package/cjs/table/table.type.d.ts +13 -3
- package/cjs/table/table.type.d.ts.map +1 -1
- package/cjs/table/tbody.d.ts.map +1 -1
- package/cjs/table/tbody.js +3 -1
- package/cjs/table/tbody.type.d.ts +1 -1
- package/cjs/table/tbody.type.d.ts.map +1 -1
- package/cjs/table/thead.d.ts.map +1 -1
- package/cjs/table/thead.js +26 -3
- package/cjs/table/tr.d.ts +1 -1
- package/cjs/table/tr.d.ts.map +1 -1
- package/cjs/table/tr.js +96 -12
- package/esm/absolute-list/absolute-context.d.ts.map +1 -1
- package/esm/absolute-list/absolute-context.js +1 -0
- package/esm/card/card.js +4 -2
- package/esm/card-group/item.d.ts.map +1 -1
- package/esm/card-group/item.js +21 -2
- package/esm/card-group/lazyload.d.ts +1 -0
- package/esm/card-group/lazyload.d.ts.map +1 -1
- package/esm/card-group/lazyload.js +1 -1
- package/esm/cascader/node.d.ts.map +1 -1
- package/esm/cascader/node.js +3 -2
- package/esm/form/form.d.ts.map +1 -1
- package/esm/form/form.js +8 -2
- package/esm/form/form.type.d.ts +1 -0
- package/esm/form/form.type.d.ts.map +1 -1
- package/esm/link/link.type.d.ts +10 -0
- package/esm/link/link.type.d.ts.map +1 -1
- package/esm/modal/modal.type.d.ts +2 -1
- package/esm/modal/modal.type.d.ts.map +1 -1
- package/esm/pagination/pagination-size-list.d.ts.map +1 -1
- package/esm/pagination/pagination-size-list.js +8 -1
- package/esm/pagination/pagination-size-list.type.d.ts +1 -1
- package/esm/pagination/pagination-size-list.type.d.ts.map +1 -1
- package/esm/pagination/pagination.d.ts.map +1 -1
- package/esm/pagination/pagination.js +3 -1
- package/esm/pagination/pagination.type.d.ts +15 -0
- package/esm/pagination/pagination.type.d.ts.map +1 -1
- package/esm/radio/radio-group.d.ts.map +1 -1
- package/esm/radio/radio-group.js +6 -6
- package/esm/select/result.d.ts.map +1 -1
- package/esm/select/result.js +9 -4
- package/esm/spin/base.js +2 -1
- package/esm/spin/spin.js +2 -1
- package/esm/spin/spin.type.d.ts +2 -2
- package/esm/spin/spin.type.d.ts.map +1 -1
- package/esm/spin/spins.js +13 -13
- package/esm/table/colgroup.d.ts +1 -0
- package/esm/table/colgroup.d.ts.map +1 -1
- package/esm/table/colgroup.js +9 -3
- package/esm/table/table.d.ts.map +1 -1
- package/esm/table/table.js +6 -6
- package/esm/table/table.type.d.ts +13 -3
- package/esm/table/table.type.d.ts.map +1 -1
- package/esm/table/tbody.d.ts.map +1 -1
- package/esm/table/tbody.js +3 -1
- package/esm/table/tbody.type.d.ts +1 -1
- package/esm/table/tbody.type.d.ts.map +1 -1
- package/esm/table/thead.d.ts.map +1 -1
- package/esm/table/thead.js +27 -4
- package/esm/table/tr.d.ts +1 -1
- package/esm/table/tr.d.ts.map +1 -1
- package/esm/table/tr.js +97 -13
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colgroup.d.ts","sourceRoot":"","sources":["colgroup.tsx"],"names":[],"mappings":";AAAA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE;
|
|
1
|
+
{"version":3,"file":"colgroup.d.ts","sourceRoot":"","sources":["colgroup.tsx"],"names":[],"mappings":";AAAA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC3C,OAAO,CAAC,EAAE;QACR,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,EAAE,CAAC;IACJ,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AACD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA6BrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
package/cjs/table/colgroup.js
CHANGED
|
@@ -16,10 +16,16 @@ var Colgroup = function Colgroup(props) {
|
|
|
16
16
|
children: colgroup === null || colgroup === void 0 ? void 0 : colgroup.map(function (item, index) {
|
|
17
17
|
var isLast = index === colgroup.length - 1;
|
|
18
18
|
var width = isLast && props.shouldLastColAuto ? undefined : item;
|
|
19
|
+
var minWidth = columns[index].minWidth;
|
|
20
|
+
var style = {};
|
|
21
|
+
if (minWidth) {
|
|
22
|
+
style.minWidth = minWidth;
|
|
23
|
+
}
|
|
24
|
+
if (width) {
|
|
25
|
+
style.width = width;
|
|
26
|
+
}
|
|
19
27
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("col", {
|
|
20
|
-
style:
|
|
21
|
-
width: width
|
|
22
|
-
}
|
|
28
|
+
style: style
|
|
23
29
|
}, columns[index].key);
|
|
24
30
|
})
|
|
25
31
|
});
|
package/cjs/table/table.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,
|
|
1
|
+
{"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,wBAuiBE"}
|
package/cjs/table/table.js
CHANGED
|
@@ -276,7 +276,7 @@ var _default = exports.default = function _default(props) {
|
|
|
276
276
|
});
|
|
277
277
|
};
|
|
278
278
|
var renderTable = function renderTable() {
|
|
279
|
-
var _props$summary, _sticky$top, _props$
|
|
279
|
+
var _props$summary, _sticky$top, _props$data3;
|
|
280
280
|
var Group = /*#__PURE__*/(0, _jsxRuntime.jsx)(_colgroup.default, {
|
|
281
281
|
colgroup: colgroup,
|
|
282
282
|
columns: columns,
|
|
@@ -299,6 +299,8 @@ var _default = exports.default = function _default(props) {
|
|
|
299
299
|
expandKeys: props.expandKeys,
|
|
300
300
|
datum: datum,
|
|
301
301
|
treeEmptyExpand: props.treeEmptyExpand,
|
|
302
|
+
treeExpandIcon: props.treeExpandIcon,
|
|
303
|
+
loader: props.loader,
|
|
302
304
|
isEmptyTree: isEmptyTree,
|
|
303
305
|
treeColumnsName: treeColumnsName,
|
|
304
306
|
striped: props.striped,
|
|
@@ -348,7 +350,7 @@ var _default = exports.default = function _default(props) {
|
|
|
348
350
|
css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
|
|
349
351
|
parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
|
|
350
352
|
};
|
|
351
|
-
var isRenderVirtualTable = virtual || props.sticky ||
|
|
353
|
+
var isRenderVirtualTable = virtual || props.sticky || !((_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length);
|
|
352
354
|
var headWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
|
|
353
355
|
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));
|
|
354
356
|
var renderHeadMirrorScroller = function renderHeadMirrorScroller() {
|
|
@@ -361,12 +363,10 @@ var _default = exports.default = function _default(props) {
|
|
|
361
363
|
// 开启了双滚,但是没有滚动条,不显示
|
|
362
364
|
if (!scrollRefWidth || !mirrorScrollRefWidth || !showScroll) return null;
|
|
363
365
|
var scrollerStickyProps = _objectSpread(_objectSpread({}, stickyProps), {}, {
|
|
364
|
-
top: ((sticky === null || sticky === void 0 ? void 0 : sticky.top) || browserScrollbarWidth) - browserScrollbarWidth
|
|
366
|
+
top: ((sticky === null || sticky === void 0 ? void 0 : sticky.top) || browserScrollbarWidth) - browserScrollbarWidth,
|
|
367
|
+
zIndex: _sticky.defaultZIndex + 1
|
|
365
368
|
});
|
|
366
369
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(StickyWrapper, _objectSpread(_objectSpread({}, props.sticky ? scrollerStickyProps : {}), {}, {
|
|
367
|
-
style: {
|
|
368
|
-
zIndex: _sticky.defaultZIndex + 1
|
|
369
|
-
},
|
|
370
370
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
371
371
|
className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headMirrorScroller,
|
|
372
372
|
style: {
|
|
@@ -2,14 +2,19 @@ import React from 'react';
|
|
|
2
2
|
import { CommonType } from '../common/type';
|
|
3
3
|
import type { ObjectType, TableColumnItem, BaseTableProps, ObjectKey } from '@sheinx/hooks';
|
|
4
4
|
import { useListSelect, useTableTree } from '@sheinx/hooks';
|
|
5
|
-
import { CheckboxClasses } from '../checkbox/checkbox.type';
|
|
6
|
-
import { RadioClasses } from '../radio/radio.type';
|
|
7
5
|
import { SpinClasses } from '../spin/spin.type';
|
|
8
6
|
import { PaginationProps } from '../pagination/pagination.type';
|
|
9
7
|
import { PaginationClasses } from '../pagination/pagination.type';
|
|
10
8
|
import { ButtonClasses } from '../button/button.type';
|
|
11
|
-
import { InputClasses } from '../input/input.type';
|
|
12
9
|
import { EmptyClasses } from '../empty/empty.type';
|
|
10
|
+
import { InputClasses } from '../input/input.type';
|
|
11
|
+
import { CascaderClasses } from '../cascader/cascader.type';
|
|
12
|
+
import { SelectClasses } from '../select/select.type';
|
|
13
|
+
import { TreeSelectClasses } from '../tree-select/tree-select.type';
|
|
14
|
+
import { DatePickerClasses } from '../date-picker/date-picker.type';
|
|
15
|
+
import { SwitchClasses } from '../switch/switch.type';
|
|
16
|
+
import { CheckboxClasses } from '../checkbox/checkbox.type';
|
|
17
|
+
import { RadioClasses } from '../radio/radio.type';
|
|
13
18
|
export type ListDatum = ReturnType<typeof useListSelect<any, any>>;
|
|
14
19
|
export type UseTreeResult = ReturnType<typeof useTableTree>;
|
|
15
20
|
export interface TableClasses {
|
|
@@ -103,6 +108,11 @@ export interface TableProps<DataItem, Value> extends Pick<CommonType, 'className
|
|
|
103
108
|
button?: () => ButtonClasses;
|
|
104
109
|
input?: () => InputClasses;
|
|
105
110
|
empty?: () => EmptyClasses;
|
|
111
|
+
select?: () => SelectClasses;
|
|
112
|
+
cascader?: () => CascaderClasses;
|
|
113
|
+
treeSelect?: () => TreeSelectClasses;
|
|
114
|
+
datePicker?: () => DatePickerClasses;
|
|
115
|
+
switch?: () => SwitchClasses;
|
|
106
116
|
};
|
|
107
117
|
/**
|
|
108
118
|
*
|
|
@@ -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,eAAe,EAAE,MAAM,
|
|
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,wBAwEE"}
|
package/cjs/table/tbody.js
CHANGED
|
@@ -40,7 +40,7 @@ var _default = exports.default = function _default(props) {
|
|
|
40
40
|
var renderRow = function renderRow(item, index) {
|
|
41
41
|
var rowIndex = index + currentIndex;
|
|
42
42
|
var originKey = _hooks.util.getKey(props.keygen, item, rowIndex);
|
|
43
|
-
var trRenderKey = "".concat(originKey, "-").concat(rowIndex);
|
|
43
|
+
var trRenderKey = props.loader ? originKey : "".concat(originKey, "-").concat(rowIndex);
|
|
44
44
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tr.default, {
|
|
45
45
|
originKey: originKey,
|
|
46
46
|
row: rowData[index],
|
|
@@ -59,6 +59,8 @@ var _default = exports.default = function _default(props) {
|
|
|
59
59
|
treeFunc: props.treeFunc,
|
|
60
60
|
treeExpandLevel: props.treeExpandLevel,
|
|
61
61
|
treeEmptyExpand: props.treeEmptyExpand,
|
|
62
|
+
treeExpandIcon: props.treeExpandIcon,
|
|
63
|
+
loader: props.loader,
|
|
62
64
|
isEmptyTree: props.isEmptyTree,
|
|
63
65
|
treeColumnsName: props.treeColumnsName,
|
|
64
66
|
setRowHeight: props.setRowHeight,
|
|
@@ -3,7 +3,7 @@ import { TableProps, ListDatum, UseTreeResult } from './table.type';
|
|
|
3
3
|
import type { TableFormatColumn, OptionalToRequired } from '@sheinx/hooks';
|
|
4
4
|
export type UseColumnsResult = ReturnType<typeof useTableColumns>;
|
|
5
5
|
export type UseTableRowResult = ReturnType<typeof useTableRow>;
|
|
6
|
-
export interface TbodyProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'rowClassName' | 'expandKeys' | 'keygen' | 'treeEmptyExpand' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'disabled' | 'hover' | 'treeCheckAll' | 'onCellClick'> {
|
|
6
|
+
export interface TbodyProps extends Pick<OptionalToRequired<TableProps<any, any>>, 'data' | 'jssStyle' | 'rowClassName' | 'expandKeys' | 'keygen' | 'treeEmptyExpand' | 'treeExpandIcon' | 'loader' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'disabled' | 'hover' | 'treeCheckAll' | 'onCellClick'> {
|
|
7
7
|
columns: TableFormatColumn<any>[];
|
|
8
8
|
data: any[];
|
|
9
9
|
colgroup: (number | string | undefined)[];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tbody.type.d.ts","sourceRoot":"","sources":["tbody.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAClE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAE/D,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,iBAAiB,GACjB,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,UAAU,GACV,OAAO,GACP,cAAc,GACd,aAAa,CAChB;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
|
|
1
|
+
{"version":3,"file":"tbody.type.d.ts","sourceRoot":"","sources":["tbody.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAE3E,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,eAAe,CAAC,CAAC;AAClE,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,OAAO,WAAW,CAAC,CAAC;AAE/D,MAAM,WAAW,UACf,SAAQ,IAAI,CACV,kBAAkB,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,EACtC,MAAM,GACN,UAAU,GACV,cAAc,GACd,YAAY,GACZ,QAAQ,GACR,iBAAiB,GACjB,gBAAgB,GAChB,QAAQ,GACR,SAAS,GACT,OAAO,GACP,YAAY,GACZ,cAAc,GACd,WAAW,GACX,UAAU,GACV,OAAO,GACP,cAAc,GACd,aAAa,CAChB;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,gBAAgB,CAAC,eAAe,CAAC,CAAC;IACjD,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAChC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,WAAW,EAAE,OAAO,GAAG,SAAS,CAAC;IACjC,eAAe,EAAE,MAAM,GAAG,SAAS,CAAC;IACpC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB"}
|
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;gCAUnB,UAAU;AAAjC,
|
|
1
|
+
{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["thead.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;gCAUnB,UAAU;AAAjC,wBA4QE"}
|
package/cjs/table/thead.js
CHANGED
|
@@ -30,15 +30,23 @@ var _default = exports.default = function _default(props) {
|
|
|
30
30
|
_props$showSelectAll = props.showSelectAll,
|
|
31
31
|
showSelectAll = _props$showSelectAll === void 0 ? true : _props$showSelectAll;
|
|
32
32
|
var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
|
|
33
|
+
var trRefs = (0, _react.useRef)([]);
|
|
33
34
|
var _useTableGroup = (0, _hooks.useTableGroup)({
|
|
34
35
|
columns: props.columns,
|
|
35
36
|
bordered: props.bordered
|
|
36
37
|
}),
|
|
37
38
|
groupColumns = _useTableGroup.groupColumns,
|
|
38
39
|
columnLevel = _useTableGroup.columnLevel;
|
|
40
|
+
(0, _react.useEffect)(function () {
|
|
41
|
+
var heights = trRefs.current.map(function (tr) {
|
|
42
|
+
return (tr === null || tr === void 0 ? void 0 : tr.offsetHeight) || 0;
|
|
43
|
+
});
|
|
44
|
+
context.trHeights = heights;
|
|
45
|
+
}, [groupColumns]);
|
|
39
46
|
var config = (0, _config.useConfig)();
|
|
40
47
|
var _useRef = (0, _react.useRef)({
|
|
41
|
-
dragIndex: -1
|
|
48
|
+
dragIndex: -1,
|
|
49
|
+
trHeights: []
|
|
42
50
|
}),
|
|
43
51
|
context = _useRef.current;
|
|
44
52
|
var handleDragMove = (0, _hooks.usePersistFn)(function (deltaX) {
|
|
@@ -113,9 +121,10 @@ var _default = exports.default = function _default(props) {
|
|
|
113
121
|
dir: config.direction
|
|
114
122
|
});
|
|
115
123
|
};
|
|
116
|
-
var getFixedStyle = function getFixedStyle(fixed, index, colSpan) {
|
|
124
|
+
var getFixedStyle = function getFixedStyle(fixed, index, colSpan, level) {
|
|
117
125
|
if (fixed === 'left') {
|
|
118
126
|
if (props.fixLeftNum !== undefined) {
|
|
127
|
+
// 这是virtual table场景下的th样式
|
|
119
128
|
return {
|
|
120
129
|
transform: "translate3d(".concat(props.fixLeftNum, "px, 0, 0)")
|
|
121
130
|
};
|
|
@@ -123,13 +132,16 @@ var _default = exports.default = function _default(props) {
|
|
|
123
132
|
var left = colgroup.slice(0, index).reduce(function (a, b) {
|
|
124
133
|
return toNum(a) + toNum(b);
|
|
125
134
|
}, 0);
|
|
135
|
+
// 这是base table场景下的th样式
|
|
126
136
|
return {
|
|
127
137
|
left: left,
|
|
138
|
+
top: context.trHeights[level - 1] || 0,
|
|
128
139
|
position: 'sticky'
|
|
129
140
|
};
|
|
130
141
|
}
|
|
131
142
|
if (fixed === 'right') {
|
|
132
143
|
if (props.fixRightNum !== undefined) {
|
|
144
|
+
// 这是virtual table场景下的th样式
|
|
133
145
|
return {
|
|
134
146
|
transform: "translate3d(".concat(0 - props.fixRightNum, "px, 0, 0)")
|
|
135
147
|
};
|
|
@@ -137,16 +149,24 @@ var _default = exports.default = function _default(props) {
|
|
|
137
149
|
var right = colgroup.slice(index + colSpan).reduce(function (a, b) {
|
|
138
150
|
return toNum(a) + toNum(b);
|
|
139
151
|
}, 0);
|
|
152
|
+
// 这是base table场景下的th样式
|
|
140
153
|
return {
|
|
141
154
|
right: right,
|
|
155
|
+
top: context.trHeights[level - 1] || 0,
|
|
142
156
|
position: 'sticky'
|
|
143
157
|
};
|
|
144
158
|
}
|
|
159
|
+
|
|
160
|
+
// 这是base table场景下的非fixed th样式
|
|
161
|
+
return {
|
|
162
|
+
top: context.trHeights[level - 1] || 0,
|
|
163
|
+
position: 'sticky'
|
|
164
|
+
};
|
|
145
165
|
};
|
|
146
166
|
var createTh = function createTh(trs, col, level, isLast) {
|
|
147
167
|
var colTemp = col;
|
|
148
168
|
var colTemp2 = col;
|
|
149
|
-
var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1);
|
|
169
|
+
var fixedStyle = getFixedStyle(col.fixed, col.index, colTemp2.colSpan || 1, level);
|
|
150
170
|
var cellClassName = (0, _classnames.default)(colTemp.className, colTemp.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), colTemp.align === 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignCenter), colTemp.align === 'right' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignRight), colTemp.align !== 'right' && colTemp.align !== 'center' && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellAlignLeft), (col.lastFixed || col.firstFixed) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellFixedLast), isLast && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellIgnoreBorder));
|
|
151
171
|
var isExpand = colTemp.type === 'expand' || colTemp.type === 'row-expand';
|
|
152
172
|
if (colTemp.title || isExpand) {
|
|
@@ -224,6 +244,9 @@ var _default = exports.default = function _default(props) {
|
|
|
224
244
|
});
|
|
225
245
|
return trs.map(function (tr, i) {
|
|
226
246
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
|
|
247
|
+
ref: function ref(el) {
|
|
248
|
+
return trRefs.current[i] = el;
|
|
249
|
+
},
|
|
227
250
|
children: tr
|
|
228
251
|
}, i);
|
|
229
252
|
});
|
package/cjs/table/tr.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import type { TableFormatColumn } from '@sheinx/hooks';
|
|
3
3
|
import { TbodyProps, UseTableRowResult } from './tbody.type';
|
|
4
|
-
interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum' | 'treeFunc' | 'treeExpandLevel' | 'treeEmptyExpand' | 'isEmptyTree' | 'setRowHeight' | 'fixLeftNum' | 'fixRightNum' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'bodyScrollWidth' | 'resizeFlag' | 'treeCheckAll' | 'onCellClick'> {
|
|
4
|
+
interface TrProps extends Pick<TbodyProps, 'jssStyle' | 'rowClassName' | 'datum' | 'treeFunc' | 'treeExpandLevel' | 'treeEmptyExpand' | 'treeExpandIcon' | 'loader' | 'isEmptyTree' | 'setRowHeight' | 'fixLeftNum' | 'fixRightNum' | 'striped' | 'radio' | 'onRowClick' | 'rowClickAttr' | 'rowEvents' | 'bodyScrollWidth' | 'resizeFlag' | 'treeCheckAll' | 'onCellClick'> {
|
|
5
5
|
row: {
|
|
6
6
|
data: any[];
|
|
7
7
|
colSpan: number;
|
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;
|
|
1
|
+
{"version":3,"file":"tr.d.ts","sourceRoot":"","sources":["tr.tsx"],"names":[],"mappings":";AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAOvD,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,gBAAgB,GAChB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,YAAY,GACZ,aAAa,GACb,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,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAC;IAC9C,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,gBAkYzB,CAAC;AAEF,eAAe,EAAE,CAAC"}
|
package/cjs/table/tr.js
CHANGED
|
@@ -7,6 +7,7 @@ exports.default = void 0;
|
|
|
7
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _hooks = require("@sheinx/hooks");
|
|
9
9
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
10
|
+
var _spin = _interopRequireDefault(require("../spin"));
|
|
10
11
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
11
12
|
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
12
13
|
var _radio = _interopRequireDefault(require("../radio"));
|
|
@@ -16,6 +17,15 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
16
17
|
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); }
|
|
17
18
|
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; }
|
|
18
19
|
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); }
|
|
20
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
|
21
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
22
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
|
23
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
24
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
26
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
27
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
28
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
29
|
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; }
|
|
20
30
|
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; }
|
|
21
31
|
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; }
|
|
@@ -23,8 +33,9 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
|
|
|
23
33
|
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); }
|
|
24
34
|
var toNum = _hooks.util.toNum;
|
|
25
35
|
var Tr = function Tr(props) {
|
|
26
|
-
var _props$jssStyle, _props$jssStyle$table, _props$rowClassName;
|
|
27
|
-
var treeFunc = props.treeFunc
|
|
36
|
+
var _props$jssStyle, _props$jssStyle$table, _jssStyle$input, _jssStyle$select, _jssStyle$datePicker, _jssStyle$treeSelect, _jssStyle$switch, _jssStyle$checkbox, _jssStyle$radio, _jssStyle$cascader, _props$rowClassName;
|
|
37
|
+
var treeFunc = props.treeFunc,
|
|
38
|
+
jssStyle = props.jssStyle;
|
|
28
39
|
var tableClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$table = _props$jssStyle.table) === null || _props$jssStyle$table === void 0 ? void 0 : _props$jssStyle$table.call(_props$jssStyle);
|
|
29
40
|
var trRef = (0, _react.useRef)(null);
|
|
30
41
|
var expandRef = (0, _react.useRef)(null);
|
|
@@ -91,35 +102,94 @@ var Tr = function Tr(props) {
|
|
|
91
102
|
cancelObserver();
|
|
92
103
|
};
|
|
93
104
|
}, []);
|
|
105
|
+
var _useState = (0, _react.useState)(false),
|
|
106
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
107
|
+
isExpandLoading = _useState2[0],
|
|
108
|
+
setIsExpandLoading = _useState2[1];
|
|
109
|
+
var innerExpandClick = (0, _hooks.usePersistFn)( /*#__PURE__*/function () {
|
|
110
|
+
var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(showLoader) {
|
|
111
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
112
|
+
while (1) switch (_context.prev = _context.next) {
|
|
113
|
+
case 0:
|
|
114
|
+
if (!(showLoader && props.loader)) {
|
|
115
|
+
_context.next = 11;
|
|
116
|
+
break;
|
|
117
|
+
}
|
|
118
|
+
setIsExpandLoading(true);
|
|
119
|
+
_context.prev = 2;
|
|
120
|
+
_context.next = 5;
|
|
121
|
+
return props.loader(props.rawData, props.rowIndex);
|
|
122
|
+
case 5:
|
|
123
|
+
treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
|
|
124
|
+
case 6:
|
|
125
|
+
_context.prev = 6;
|
|
126
|
+
setIsExpandLoading(false);
|
|
127
|
+
return _context.finish(6);
|
|
128
|
+
case 9:
|
|
129
|
+
_context.next = 12;
|
|
130
|
+
break;
|
|
131
|
+
case 11:
|
|
132
|
+
treeFunc.handleTreeExpand(props.rawData, props.rowIndex);
|
|
133
|
+
case 12:
|
|
134
|
+
case "end":
|
|
135
|
+
return _context.stop();
|
|
136
|
+
}
|
|
137
|
+
}, _callee, null, [[2,, 6, 9]]);
|
|
138
|
+
}));
|
|
139
|
+
return function (_x) {
|
|
140
|
+
return _ref.apply(this, arguments);
|
|
141
|
+
};
|
|
142
|
+
}());
|
|
94
143
|
var renderTreeExpand = function renderTreeExpand(content) {
|
|
95
144
|
var treeIndent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 22;
|
|
96
145
|
var level = props.treeExpandLevel.get(props.originKey) || 0;
|
|
97
146
|
var className = tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandWrapper;
|
|
98
147
|
var children = props.rawData[props.treeColumnsName];
|
|
148
|
+
var showLoader = children === undefined && typeof props.loader === 'function';
|
|
99
149
|
var isExpanded = props.treeFunc.isTreeExpanded(props.rawData, props.rowIndex);
|
|
100
150
|
var dirName = isRtl ? 'Right' : 'Left';
|
|
101
|
-
|
|
151
|
+
var shouldRenderPlain = !children && !props.loader || (children === null || children === void 0 ? void 0 : children.length) === 0 && !props.treeEmptyExpand && !props.loader;
|
|
152
|
+
if (shouldRenderPlain) {
|
|
102
153
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
103
154
|
className: className,
|
|
104
155
|
style: _defineProperty(_defineProperty({}, "margin".concat(dirName), level * treeIndent), "padding".concat(dirName), props.isEmptyTree ? 0 : 22),
|
|
105
156
|
children: content
|
|
106
157
|
});
|
|
107
158
|
}
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
159
|
+
var $expandIcon;
|
|
160
|
+
if (typeof props.treeExpandIcon === 'function') {
|
|
161
|
+
$expandIcon = props.treeExpandIcon(props.rawData, props.rowIndex, isExpanded);
|
|
162
|
+
} else if (showLoader) {
|
|
163
|
+
$expandIcon = _icons.default.table.Collapse;
|
|
164
|
+
} else if ((children === null || children === void 0 ? void 0 : children.length) > 0 || props.treeEmptyExpand) {
|
|
165
|
+
$expandIcon = isExpanded ? _icons.default.table.Expand : _icons.default.table.Collapse;
|
|
166
|
+
}
|
|
167
|
+
if (isExpandLoading) {
|
|
168
|
+
$expandIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_spin.default, {
|
|
169
|
+
size: 12,
|
|
170
|
+
jssStyle: props.jssStyle
|
|
171
|
+
});
|
|
172
|
+
}
|
|
173
|
+
var $expandIconWrapper;
|
|
174
|
+
if ($expandIcon !== null) {
|
|
175
|
+
$expandIconWrapper = /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
114
176
|
className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper),
|
|
115
177
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
178
|
+
"data-role": "tree-expand-icon",
|
|
116
179
|
className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
|
|
117
180
|
onClick: function onClick() {
|
|
118
|
-
|
|
181
|
+
return innerExpandClick(showLoader);
|
|
119
182
|
},
|
|
120
|
-
children:
|
|
183
|
+
children: $expandIcon
|
|
121
184
|
})
|
|
122
|
-
})
|
|
185
|
+
});
|
|
186
|
+
}
|
|
187
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
188
|
+
className: className,
|
|
189
|
+
style: {
|
|
190
|
+
marginLeft: level * treeIndent
|
|
191
|
+
},
|
|
192
|
+
children: [$expandIconWrapper, content]
|
|
123
193
|
});
|
|
124
194
|
};
|
|
125
195
|
var renderContent = function renderContent(col, data) {
|
|
@@ -133,6 +203,7 @@ var Tr = function Tr(props) {
|
|
|
133
203
|
className: (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.iconWrapper, tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIconWrapper),
|
|
134
204
|
onClick: clickEvent,
|
|
135
205
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
206
|
+
"data-role": "expand-icon",
|
|
136
207
|
className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.expandIcon,
|
|
137
208
|
children: props.expanded ? _icons.default.table.Expand : _icons.default.table.Collapse
|
|
138
209
|
})
|
|
@@ -215,6 +286,7 @@ var Tr = function Tr(props) {
|
|
|
215
286
|
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), data[i].rowSpan > 1 && props.isCellHover(props.rowIndex, data[i].rowSpan) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.cellHover)),
|
|
216
287
|
style: getTdStyle(col, data[i].colSpan),
|
|
217
288
|
dir: config.direction,
|
|
289
|
+
"data-role": col.type === 'checkbox' ? 'checkbox' : undefined,
|
|
218
290
|
onClick: props.onCellClick ? function () {
|
|
219
291
|
return handleCellClick(data[i].data, i);
|
|
220
292
|
} : undefined,
|
|
@@ -251,6 +323,17 @@ var Tr = function Tr(props) {
|
|
|
251
323
|
}
|
|
252
324
|
}
|
|
253
325
|
};
|
|
326
|
+
var preventClasses = [jssStyle === null || jssStyle === void 0 || (_jssStyle$input = jssStyle.input) === null || _jssStyle$input === void 0 ? void 0 : _jssStyle$input.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$select = jssStyle.select) === null || _jssStyle$select === void 0 ? void 0 : _jssStyle$select.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$datePicker = jssStyle.datePicker) === null || _jssStyle$datePicker === void 0 ? void 0 : _jssStyle$datePicker.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$treeSelect = jssStyle.treeSelect) === null || _jssStyle$treeSelect === void 0 ? void 0 : _jssStyle$treeSelect.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$switch = jssStyle.switch) === null || _jssStyle$switch === void 0 ? void 0 : _jssStyle$switch.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$radio = jssStyle.radio) === null || _jssStyle$radio === void 0 ? void 0 : _jssStyle$radio.call(jssStyle).wrapper, jssStyle === null || jssStyle === void 0 || (_jssStyle$cascader = jssStyle.cascader) === null || _jssStyle$cascader === void 0 ? void 0 : _jssStyle$cascader.call(jssStyle).wrapper];
|
|
327
|
+
var isNotExpandableElement = function isNotExpandableElement(el) {
|
|
328
|
+
var tagName = el.tagName;
|
|
329
|
+
if (tagName === 'TD' || tagName === 'TR') return false;
|
|
330
|
+
if (tagName === 'A' || tagName === 'BUTTON' || tagName === 'INPUT') return true;
|
|
331
|
+
if (preventClasses.find(function (c) {
|
|
332
|
+
return el.classList.contains(c);
|
|
333
|
+
})) return true;
|
|
334
|
+
if (!el.parentElement) return true;
|
|
335
|
+
return isNotExpandableElement(el.parentElement);
|
|
336
|
+
};
|
|
254
337
|
var handleRowClick = (0, _hooks.usePersistFn)(function (e) {
|
|
255
338
|
var target = e.target;
|
|
256
339
|
var _props$rowClickAttr = props.rowClickAttr,
|
|
@@ -271,6 +354,7 @@ var Tr = function Tr(props) {
|
|
|
271
354
|
}
|
|
272
355
|
}
|
|
273
356
|
}
|
|
357
|
+
if (isNotExpandableElement(target)) return;
|
|
274
358
|
if (props.rowClickExpand) {
|
|
275
359
|
props.handleExpandClick(props.expandCol, props.rawData, props.rowIndex);
|
|
276
360
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"absolute-context.d.ts","sourceRoot":"","sources":["absolute-context.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,eAAe,kCAAgC,CAAC;
|
|
1
|
+
{"version":3,"file":"absolute-context.d.ts","sourceRoot":"","sources":["absolute-context.tsx"],"names":[],"mappings":";AAIA,QAAA,MAAM,eAAe,kCAAgC,CAAC;AAItD,eAAe,eAAe,CAAC"}
|
package/esm/card/card.js
CHANGED
|
@@ -22,7 +22,9 @@ import { jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
22
22
|
var Card = function Card(props) {
|
|
23
23
|
var _props$jssStyle, _props$jssStyle$card, _props$id;
|
|
24
24
|
var _props$style = props.style,
|
|
25
|
-
style = _props$style === void 0 ? {} : _props$style
|
|
25
|
+
style = _props$style === void 0 ? {} : _props$style,
|
|
26
|
+
_props$defaultCollaps = props.defaultCollapsed,
|
|
27
|
+
defaultCollapsed = _props$defaultCollaps === void 0 ? true : _props$defaultCollaps;
|
|
26
28
|
var cardClasses = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$card = _props$jssStyle.card) === null || _props$jssStyle$card === void 0 ? void 0 : _props$jssStyle$card.call(_props$jssStyle);
|
|
27
29
|
var panelRef = useRef(null);
|
|
28
30
|
var forceUpdate = useRender();
|
|
@@ -30,7 +32,7 @@ var Card = function Card(props) {
|
|
|
30
32
|
id: undefined
|
|
31
33
|
}),
|
|
32
34
|
context = _useRef.current;
|
|
33
|
-
var _useState = useState(
|
|
35
|
+
var _useState = useState(defaultCollapsed),
|
|
34
36
|
_useState2 = _slicedToArray(_useState, 2),
|
|
35
37
|
collapsed = _useState2[0],
|
|
36
38
|
setCollapsed = _useState2[1];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["item.tsx"],"names":[],"mappings":";AAOA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAEtD,QAAA,MAAM,IAAI,kDAkDT,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/esm/card-group/item.js
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
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); }
|
|
1
7
|
import React, { useContext } from 'react';
|
|
2
|
-
import { usePersistFn } from '@sheinx/hooks';
|
|
8
|
+
import { useInView, usePersistFn } from '@sheinx/hooks';
|
|
3
9
|
import classNames from 'classnames';
|
|
4
10
|
import { CardGroupContext } from "./card-group-context";
|
|
5
11
|
import Lazyload from "./lazyload";
|
|
@@ -12,6 +18,13 @@ var Item = function Item(props) {
|
|
|
12
18
|
var _useContext = useContext(CardGroupContext),
|
|
13
19
|
container = _useContext.container;
|
|
14
20
|
var classes = (_props$jssStyle = props.jssStyle) === null || _props$jssStyle === void 0 || (_props$jssStyle$cardG = _props$jssStyle.cardGroup) === null || _props$jssStyle$cardG === void 0 ? void 0 : _props$jssStyle$cardG.call(_props$jssStyle);
|
|
21
|
+
var _useInView = useInView({
|
|
22
|
+
rootMargin: "".concat((container === null || container === void 0 ? void 0 : container.offsetHeight) || 500, "px"),
|
|
23
|
+
root: container,
|
|
24
|
+
threshold: [0, 1]
|
|
25
|
+
}),
|
|
26
|
+
itemRef = _useInView.ref,
|
|
27
|
+
isInView = _useInView.isInView;
|
|
15
28
|
var handleChange = usePersistFn(function (_, checked) {
|
|
16
29
|
if (props.onChange) props.onChange(checked, props.value);
|
|
17
30
|
});
|
|
@@ -21,6 +34,7 @@ var Item = function Item(props) {
|
|
|
21
34
|
return /*#__PURE__*/_jsx(Lazyload, {
|
|
22
35
|
container: container,
|
|
23
36
|
placeholder: props.placeholder,
|
|
37
|
+
isInView: isInView,
|
|
24
38
|
children: content
|
|
25
39
|
});
|
|
26
40
|
};
|
|
@@ -35,9 +49,14 @@ var Item = function Item(props) {
|
|
|
35
49
|
className: classes === null || classes === void 0 ? void 0 : classes.checkbox
|
|
36
50
|
})]
|
|
37
51
|
});
|
|
52
|
+
var hiddenStyle = isInView ? undefined : {
|
|
53
|
+
visibility: 'hidden'
|
|
54
|
+
};
|
|
55
|
+
var itemStyle = _objectSpread(_objectSpread({}, props.style), hiddenStyle);
|
|
38
56
|
return /*#__PURE__*/_jsx("div", {
|
|
57
|
+
ref: itemRef,
|
|
39
58
|
className: cls,
|
|
40
|
-
style:
|
|
59
|
+
style: itemStyle,
|
|
41
60
|
children: renderChildren(content)
|
|
42
61
|
});
|
|
43
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"lazyload.d.ts","sourceRoot":"","sources":["lazyload.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAK3D,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,UAAW,aAAa,gBAyBrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|