@sheinx/hooks 3.6.4-beta.8 → 3.7.0-beta.10
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/common/use-component-memo/index.d.ts +2 -0
- package/cjs/common/use-component-memo/index.d.ts.map +1 -0
- package/cjs/common/use-component-memo/index.js +20 -0
- package/cjs/common/use-component-memo/use-memo.d.ts +2 -0
- package/cjs/common/use-component-memo/use-memo.d.ts.map +1 -0
- package/cjs/common/use-component-memo/use-memo.js +19 -0
- package/cjs/common/use-position-style/index.d.ts.map +1 -1
- package/cjs/common/use-position-style/index.js +1 -5
- package/cjs/components/use-table/index.d.ts +1 -1
- package/cjs/components/use-table/index.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-layout.d.ts +0 -1
- package/cjs/components/use-table/use-table-layout.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-layout.js +30 -2
- package/cjs/components/use-table/use-table-row.d.ts +0 -1
- package/cjs/components/use-table/use-table-row.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-row.js +0 -11
- package/cjs/components/use-table/use-table-virtual.d.ts +2 -3
- package/cjs/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/cjs/components/use-table/use-table-virtual.js +32 -41
- package/cjs/components/use-table/use-table.type.d.ts +16 -0
- package/cjs/components/use-table/use-table.type.d.ts.map +1 -1
- package/cjs/index.d.ts +1 -0
- package/cjs/index.d.ts.map +1 -1
- package/cjs/index.js +12 -0
- package/esm/common/use-component-memo/index.d.ts +2 -0
- package/esm/common/use-component-memo/index.d.ts.map +1 -0
- package/esm/common/use-component-memo/index.js +2 -0
- package/esm/common/use-component-memo/use-memo.d.ts +2 -0
- package/esm/common/use-component-memo/use-memo.d.ts.map +1 -0
- package/esm/common/use-component-memo/use-memo.js +10 -0
- package/esm/common/use-position-style/index.d.ts.map +1 -1
- package/esm/common/use-position-style/index.js +1 -5
- package/esm/components/use-table/index.d.ts +1 -1
- package/esm/components/use-table/index.d.ts.map +1 -1
- package/esm/components/use-table/use-table-layout.d.ts +0 -1
- package/esm/components/use-table/use-table-layout.d.ts.map +1 -1
- package/esm/components/use-table/use-table-layout.js +30 -2
- package/esm/components/use-table/use-table-row.d.ts +0 -1
- package/esm/components/use-table/use-table-row.d.ts.map +1 -1
- package/esm/components/use-table/use-table-row.js +0 -11
- package/esm/components/use-table/use-table-virtual.d.ts +2 -3
- package/esm/components/use-table/use-table-virtual.d.ts.map +1 -1
- package/esm/components/use-table/use-table-virtual.js +32 -41
- package/esm/components/use-table/use-table.type.d.ts +16 -0
- package/esm/components/use-table/use-table.type.d.ts.map +1 -1
- package/esm/index.d.ts +1 -0
- package/esm/index.d.ts.map +1 -1
- package/esm/index.js +1 -0
- package/package.json +1 -1
- package/cjs/common/use-position-style/check-element-size.d.ts +0 -10
- package/cjs/common/use-position-style/check-element-size.d.ts.map +0 -1
- package/cjs/common/use-position-style/check-element-size.js +0 -65
- package/esm/common/use-position-style/check-element-size.d.ts +0 -10
- package/esm/common/use-position-style/check-element-size.d.ts.map +0 -1
- package/esm/common/use-position-style/check-element-size.js +0 -59
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC"}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
"use strict";
|
2
|
+
"use client";
|
3
|
+
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
Object.defineProperty(exports, "default", {
|
8
|
+
enumerable: true,
|
9
|
+
get: function get() {
|
10
|
+
return _useMemo.default;
|
11
|
+
}
|
12
|
+
});
|
13
|
+
Object.defineProperty(exports, "useComponentMemo", {
|
14
|
+
enumerable: true,
|
15
|
+
get: function get() {
|
16
|
+
return _useMemo.default;
|
17
|
+
}
|
18
|
+
});
|
19
|
+
var _useMemo = _interopRequireDefault(require("./use-memo"));
|
20
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"use-memo.d.ts","sourceRoot":"","sources":["use-memo.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,EAAE,EACtD,QAAQ,EAAE,MAAM,KAAK,EACrB,SAAS,EAAE,SAAS,EACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,KAAK,OAAO,qBAc7D"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
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); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.default = useMemo;
|
8
|
+
var React = _interopRequireWildcard(require("react"));
|
9
|
+
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); }
|
10
|
+
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; }
|
11
|
+
function useMemo(getValue, condition, shouldUpdate) {
|
12
|
+
var cacheRef = React.useRef({});
|
13
|
+
if (!shouldUpdate) return getValue();
|
14
|
+
if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
|
15
|
+
cacheRef.current.value = getValue();
|
16
|
+
cacheRef.current.condition = condition;
|
17
|
+
}
|
18
|
+
return cacheRef.current.value;
|
19
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;AAOD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CAqR3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
@@ -10,7 +10,6 @@ var _react = _interopRequireWildcard(require("react"));
|
|
10
10
|
var _getPositionStyle = require("./get-position-style");
|
11
11
|
var _checkPosition = require("./check-position");
|
12
12
|
var _checkBorder = require("./check-border");
|
13
|
-
var _checkElementSize = require("./check-element-size");
|
14
13
|
var _shallowEqual = _interopRequireDefault(require("../../utils/shallow-equal"));
|
15
14
|
var _usePersistFn = _interopRequireDefault(require("../use-persist-fn"));
|
16
15
|
var _utils = require("../../utils");
|
@@ -77,9 +76,6 @@ var usePositionStyle = exports.usePositionStyle = function usePositionStyle(conf
|
|
77
76
|
var parentElBorderWidth = (0, _checkBorder.useCheckElementBorderWidth)(parentElRef, {
|
78
77
|
direction: 'horizontal'
|
79
78
|
});
|
80
|
-
var popupElSize = (0, _checkElementSize.useCheckElementSize)(popupElRef, {
|
81
|
-
enable: show
|
82
|
-
});
|
83
79
|
var adjustPosition = function adjustPosition(position) {
|
84
80
|
var winHeight = _utils.docSize.height;
|
85
81
|
if (!verticalPosition.includes(position)) return position;
|
@@ -316,7 +312,7 @@ var usePositionStyle = exports.usePositionStyle = function usePositionStyle(conf
|
|
316
312
|
// 当父元素的滚动容器滚动时,判断是否需要更新弹出层位置,包括是否隐藏弹出层(通过hideStyle隐藏,不是show状态)
|
317
313
|
context.prevParentPosition = parentElNewPosition;
|
318
314
|
});
|
319
|
-
(0, _react.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition
|
315
|
+
(0, _react.useEffect)(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition]);
|
320
316
|
return {
|
321
317
|
style: style
|
322
318
|
};
|
@@ -7,5 +7,5 @@ export { default as useTableRow } from './use-table-row';
|
|
7
7
|
export { default as useTableExpand } from './use-table-expand';
|
8
8
|
export { default as useTableTree } from './use-table-tree';
|
9
9
|
export { default as useTableVirtual } from './use-table-virtual';
|
10
|
-
export type { TableFormatColumn, TableColumnItem, TableHeadColumn, TableGroupColumn, TableSorterInfo, BaseTableProps, TableColumnFilter, TableFilterData, } from './use-table.type';
|
10
|
+
export type { TableFormatColumn, TableColumnItem, TableHeadColumn, TableGroupColumn, TableSorterInfo, BaseTableProps, TableColumnFilter, TableFilterData, shouldCellUpdate, } from './use-table.type';
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,eAAe,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,gBAAgB,GACjB,MAAM,kBAAkB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;
|
1
|
+
{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA0CrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA+CX,MAAM,UAAU,MAAM;;;;;;;CA+O5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
@@ -30,6 +30,34 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
30
30
|
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; }
|
31
31
|
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; } }
|
32
32
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
33
|
+
function getDecimalAndIntegerPart(num) {
|
34
|
+
if (!num) return [0, 0];
|
35
|
+
var str = num.toString();
|
36
|
+
var dotIndex = str.indexOf('.');
|
37
|
+
if (dotIndex === -1) return [parseInt(str), 0];
|
38
|
+
var integerPart = parseInt(str.slice(0, dotIndex));
|
39
|
+
var decimalPart = parseFloat("0.".concat(str.slice(dotIndex + 1)));
|
40
|
+
return [integerPart, decimalPart];
|
41
|
+
}
|
42
|
+
|
43
|
+
// 将所有的小数部分转移到最后一列
|
44
|
+
function shiftDecimalToLastColumn(cols) {
|
45
|
+
var decimalSum = 0;
|
46
|
+
cols.forEach(function (v, i) {
|
47
|
+
var _getDecimalAndInteger = getDecimalAndIntegerPart(v),
|
48
|
+
_getDecimalAndInteger2 = _slicedToArray(_getDecimalAndInteger, 2),
|
49
|
+
inter = _getDecimalAndInteger2[0],
|
50
|
+
decimal = _getDecimalAndInteger2[1];
|
51
|
+
if (decimal > 0) {
|
52
|
+
decimalSum += decimal;
|
53
|
+
cols[i] = inter;
|
54
|
+
}
|
55
|
+
});
|
56
|
+
if (decimalSum > 0) {
|
57
|
+
cols[cols.length - 1] = Number(cols[cols.length - 1]) + decimalSum;
|
58
|
+
}
|
59
|
+
return cols;
|
60
|
+
}
|
33
61
|
var MIN_RESIZABLE_WIDTH = 20;
|
34
62
|
function compareColumnWidth(curCols, preCols) {
|
35
63
|
if (curCols.length !== preCols.length) return false;
|
@@ -151,7 +179,7 @@ var useTableLayout = function useTableLayout(props) {
|
|
151
179
|
if (cols && cols.every(function (v) {
|
152
180
|
return v === 0;
|
153
181
|
})) return;
|
154
|
-
setColgroup(cols);
|
182
|
+
setColgroup(shiftDecimalToLastColumn(cols));
|
155
183
|
setAdjust(adjust);
|
156
184
|
if (!adjust) {
|
157
185
|
updateResizeFlag();
|
@@ -368,7 +396,7 @@ var useTableLayout = function useTableLayout(props) {
|
|
368
396
|
width: tableWidth,
|
369
397
|
shouldLastColAuto: props.columnResizable && !adjust,
|
370
398
|
scrollWidth: scrollWidth,
|
371
|
-
maxScrollLeft: scrollWidth - context.clientWidth,
|
399
|
+
// maxScrollLeft: scrollWidth - context.clientWidth,
|
372
400
|
resizeFlag: resizeFlag
|
373
401
|
};
|
374
402
|
};
|
@@ -24,7 +24,6 @@ export interface Row {
|
|
24
24
|
declare const useTableRow: (props: TableRowProps) => {
|
25
25
|
rowData: Row[][];
|
26
26
|
handleCellHover: (rowIndex: number, colSpan?: any) => void;
|
27
|
-
isCellHover: (rowIndex: number, colSpan?: any) => boolean;
|
28
27
|
hoverIndex: Set<number>;
|
29
28
|
rowSelectMergeStartData: any[];
|
30
29
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-row.d.ts","sourceRoot":"","sources":["use-table-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtE,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4CD;;;;GAIG;AACH,QAAA,MAAM,WAAW,UAAW,aAAa;;gCASS,MAAM
|
1
|
+
{"version":3,"file":"use-table-row.d.ts","sourceRoot":"","sources":["use-table-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtE,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4CD;;;;GAIG;AACH,QAAA,MAAM,WAAW,UAAW,aAAa;;gCASS,MAAM;;;CAgDvD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
@@ -71,16 +71,6 @@ var useTableRow = function useTableRow(props) {
|
|
71
71
|
}
|
72
72
|
setHoverIndex(hoverIndex);
|
73
73
|
});
|
74
|
-
var isCellHover = (0, _usePersistFn.usePersistFn)(function (rowIndex) {
|
75
|
-
var colSpan = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
76
|
-
if (!props.hover) return false;
|
77
|
-
var isHover = false;
|
78
|
-
for (var i = 0; i < colSpan; i++) {
|
79
|
-
isHover = hoverIndex.has(rowIndex + i);
|
80
|
-
if (isHover) break;
|
81
|
-
}
|
82
|
-
return isHover;
|
83
|
-
});
|
84
74
|
var rowData = (0, _react.useMemo)(function () {
|
85
75
|
var rows = [];
|
86
76
|
context.rowSelectMergeStartData = [];
|
@@ -114,7 +104,6 @@ var useTableRow = function useTableRow(props) {
|
|
114
104
|
return {
|
115
105
|
rowData: rowData,
|
116
106
|
handleCellHover: handleCellHover,
|
117
|
-
isCellHover: isCellHover,
|
118
107
|
hoverIndex: hoverIndex,
|
119
108
|
rowSelectMergeStartData: context.rowSelectMergeStartData
|
120
109
|
};
|
@@ -11,12 +11,12 @@ interface UseTableVirtualProps {
|
|
11
11
|
isRtl?: boolean;
|
12
12
|
columns: TableFormatColumn<any>[];
|
13
13
|
colgroup: (number | string | undefined)[];
|
14
|
+
theadAndTfootHeight: number;
|
14
15
|
}
|
15
16
|
declare const useTableVirtual: (props: UseTableVirtualProps) => {
|
16
17
|
scrollHeight: number;
|
17
18
|
startIndex: number;
|
18
|
-
|
19
|
-
innerTop: number;
|
19
|
+
translateStyle: string;
|
20
20
|
data: any[];
|
21
21
|
handleScroll: (info: {
|
22
22
|
scrollLeft: number;
|
@@ -26,7 +26,6 @@ declare const useTableVirtual: (props: UseTableVirtualProps) => {
|
|
26
26
|
fromDrag: boolean;
|
27
27
|
}) => void;
|
28
28
|
setRowHeight: (index: number, height: number) => void;
|
29
|
-
getTranslate: (left?: number, top?: number) => string;
|
30
29
|
scrollToIndex: (index: number, callback?: () => void) => void;
|
31
30
|
scrollColumnByLeft: (targetLeft: number) => void;
|
32
31
|
scrollColumnIntoView: (colKey: string | number) => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;
|
1
|
+
{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBAqLpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAnGuB,MAAM,UAAU,MAAM;2BAsIrB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;CA0GnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
@@ -37,26 +37,21 @@ function getMaxRowSpanLength(input) {
|
|
37
37
|
var useTableVirtual = function useTableVirtual(props) {
|
38
38
|
var _useState = (0, _react.useState)(0),
|
39
39
|
_useState2 = _slicedToArray(_useState, 2),
|
40
|
-
|
41
|
-
|
42
|
-
var _useState3 = (0, _react.useState)(
|
40
|
+
innerTop = _useState2[0],
|
41
|
+
setTop = _useState2[1];
|
42
|
+
var _useState3 = (0, _react.useState)(props.data.length * props.rowHeight),
|
43
43
|
_useState4 = _slicedToArray(_useState3, 2),
|
44
|
-
|
45
|
-
|
46
|
-
var _useState5 = (0, _react.useState)(
|
44
|
+
scrollHeight = _useState4[0],
|
45
|
+
setHeight = _useState4[1];
|
46
|
+
var _useState5 = (0, _react.useState)(0),
|
47
47
|
_useState6 = _slicedToArray(_useState5, 2),
|
48
|
-
|
49
|
-
|
48
|
+
startIndex = _useState6[0],
|
49
|
+
setStartIndex = _useState6[1];
|
50
50
|
var _useState7 = (0, _react.useState)(0),
|
51
51
|
_useState8 = _slicedToArray(_useState7, 2),
|
52
|
-
|
53
|
-
|
54
|
-
var _useState9 = (0, _react.useState)(0),
|
55
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
56
|
-
offsetY = _useState10[0],
|
57
|
-
setOffsetY = _useState10[1];
|
52
|
+
offsetY = _useState8[0],
|
53
|
+
setOffsetY = _useState8[1];
|
58
54
|
var rowsInView = props.rowsInView === 0 ? props.data.length : props.rowsInView;
|
59
|
-
var sleft = props.scrollLeft !== undefined ? props.scrollLeft : innerLeft;
|
60
55
|
var rowSpanInfo = (0, _react.useMemo)(function () {
|
61
56
|
var rowSpanColumns = props.columns.filter(function (col) {
|
62
57
|
return typeof col.rowSpan === 'function';
|
@@ -128,27 +123,13 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
128
123
|
autoAddRows: 0
|
129
124
|
}),
|
130
125
|
context = _useRef.current;
|
131
|
-
var getTranslate = (0, _usePersistFn.usePersistFn)(function (left, top) {
|
132
|
-
var l = left === undefined ? sleft : left;
|
133
|
-
var t = top === undefined ? innerTop + offsetY : top;
|
134
|
-
if (t < 0) {
|
135
|
-
t = 0;
|
136
|
-
}
|
137
|
-
if (!props.isRtl && l < 0) {
|
138
|
-
l = 0;
|
139
|
-
}
|
140
|
-
if (props.isRtl && l > 0) {
|
141
|
-
l = 0;
|
142
|
-
}
|
143
|
-
return "translate3d(".concat(0 - l, "px, ").concat(0 - t, "px, 0)");
|
144
|
-
});
|
145
126
|
var getContentHeight = function getContentHeight(index) {
|
146
127
|
if (props.disabled) return 0;
|
147
128
|
var sum = 0;
|
148
129
|
for (var i = 0; i <= index; i++) {
|
149
130
|
sum += context.cachedHeight[i] || props.rowHeight;
|
150
131
|
}
|
151
|
-
return sum;
|
132
|
+
return sum + props.theadAndTfootHeight;
|
152
133
|
};
|
153
134
|
var setRowHeight = (0, _usePersistFn.usePersistFn)(function (index, height) {
|
154
135
|
if (props.disabled) return;
|
@@ -241,13 +222,11 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
241
222
|
};
|
242
223
|
setHeight(sumHeight);
|
243
224
|
});
|
244
|
-
var handleScroll = function
|
245
|
-
var
|
246
|
-
height = info.height,
|
225
|
+
var handleScroll = (0, _usePersistFn.usePersistFn)(function (info) {
|
226
|
+
var height = info.height,
|
247
227
|
y = info.y,
|
248
228
|
fromDrag = info.fromDrag;
|
249
229
|
var scrollTop = info.scrollTop;
|
250
|
-
setLeft(scrollLeft);
|
251
230
|
if (props.disabled) {
|
252
231
|
setTop(scrollTop);
|
253
232
|
return;
|
@@ -277,7 +256,7 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
277
256
|
} else {
|
278
257
|
updateIndexAndTopFromTop(scrollTop);
|
279
258
|
}
|
280
|
-
};
|
259
|
+
});
|
281
260
|
var scrollToIndex = (0, _usePersistFn.usePersistFn)(function (index, callback) {
|
282
261
|
if (props.disabled) return;
|
283
262
|
if (props.scrollRef.current) {
|
@@ -304,7 +283,6 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
304
283
|
var max = scrollEl.scrollWidth - scrollEl.clientWidth;
|
305
284
|
var left = Math.min(targetLeft, max);
|
306
285
|
if (left === scrollEl.scrollLeft) return;
|
307
|
-
setLeft(left);
|
308
286
|
scrollEl.scrollLeft = left;
|
309
287
|
});
|
310
288
|
var scrollColumnIntoView = (0, _usePersistFn.usePersistFn)(function (colKey) {
|
@@ -323,6 +301,11 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
323
301
|
}
|
324
302
|
scrollColumnByLeft(left);
|
325
303
|
});
|
304
|
+
(0, _react.useEffect)(function () {
|
305
|
+
if (props.scrollLeft) {
|
306
|
+
scrollColumnByLeft(props.scrollLeft);
|
307
|
+
}
|
308
|
+
}, [props.scrollLeft]);
|
326
309
|
(0, _react.useEffect)(function () {
|
327
310
|
var scrollRefHeight = props.scrollRef.current ? props.scrollRef.current.clientHeight : 0;
|
328
311
|
var tableRefHeight = props.innerRef.current ? props.innerRef.current.clientHeight : 0;
|
@@ -366,7 +349,7 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
366
349
|
(0, _react.useEffect)(function () {
|
367
350
|
if (props.disabled) return;
|
368
351
|
setHeight(getContentHeight(props.data.length - 1));
|
369
|
-
}, [props.data.length]);
|
352
|
+
}, [props.data.length, props.theadAndTfootHeight]);
|
370
353
|
(0, _react.useEffect)(function () {
|
371
354
|
if (props.disabled) return;
|
372
355
|
if (context.heightCallback) {
|
@@ -378,16 +361,24 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
378
361
|
}
|
379
362
|
}, [scrollHeight]);
|
380
363
|
var finalRowsInView = rowsInView + context.rowSpanRows + context.autoAddRows;
|
381
|
-
var renderData =
|
364
|
+
var renderData = (0, _react.useMemo)(function () {
|
365
|
+
if (props.disabled) return props.data;
|
366
|
+
return _toConsumableArray(props.data).slice(startIndex, startIndex + finalRowsInView);
|
367
|
+
}, [props.data, startIndex, finalRowsInView]);
|
368
|
+
var translateStyle = (0, _react.useMemo)(function () {
|
369
|
+
var t = innerTop + offsetY;
|
370
|
+
if (t < 0) {
|
371
|
+
t = 0;
|
372
|
+
}
|
373
|
+
return "translate3d(0, ".concat(0 - t, "px, 0)");
|
374
|
+
}, [innerTop]);
|
382
375
|
return {
|
383
376
|
scrollHeight: scrollHeight,
|
384
377
|
startIndex: startIndex,
|
385
|
-
|
386
|
-
innerTop: innerTop + offsetY,
|
378
|
+
translateStyle: translateStyle,
|
387
379
|
data: renderData,
|
388
380
|
handleScroll: handleScroll,
|
389
381
|
setRowHeight: setRowHeight,
|
390
|
-
getTranslate: getTranslate,
|
391
382
|
scrollToIndex: scrollToIndex,
|
392
383
|
scrollColumnByLeft: scrollColumnByLeft,
|
393
384
|
scrollColumnIntoView: scrollColumnIntoView
|
@@ -116,6 +116,12 @@ export interface BaseTableProps<Item> {
|
|
116
116
|
* When it is a string,ues the value of the string.For example, 'id' is the same thing as (d) => d.id .
|
117
117
|
*/
|
118
118
|
keygen: StructKeygenType<Item>;
|
119
|
+
/**
|
120
|
+
* @en The function to determine whether a cell needs to be updated. The return value should be a boolean indicating whether the cell should re-render.
|
121
|
+
* @cn 控制单元格是否需要更新的函数。返回值应为布尔值,指示单元格是否需要重新渲染
|
122
|
+
* @version 3.7.0
|
123
|
+
*/
|
124
|
+
shouldCellUpdate?: shouldCellUpdate<Item>;
|
119
125
|
}
|
120
126
|
export interface TableSorterInfo {
|
121
127
|
order: TableColumnOrder;
|
@@ -373,7 +379,17 @@ export interface TableColumnItem<DataItem> {
|
|
373
379
|
* @en Separately set a column not to be draggable
|
374
380
|
*/
|
375
381
|
columnResizable?: false;
|
382
|
+
/**
|
383
|
+
* @cn 是否需要更新单元格,dependencies是外部更新依赖项
|
384
|
+
* @en Whether the cell needs to be updated, the third parameter is the external dependency
|
385
|
+
* @version 3.7.0
|
386
|
+
*/
|
387
|
+
shouldCellUpdate?: shouldCellUpdate<DataItem>;
|
376
388
|
}
|
389
|
+
export type shouldCellUpdate<T> = ((prev: T, next: T) => boolean) | {
|
390
|
+
update: (prev: T, next: T) => boolean;
|
391
|
+
dependencies: any[];
|
392
|
+
};
|
377
393
|
export interface TableFormatColumn<DataItem> extends TableColumnItem<DataItem> {
|
378
394
|
index: number;
|
379
395
|
key: string | number;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table.type.d.ts","sourceRoot":"","sources":["use-table.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,MAAM,CAAC;AAC9C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AACD,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,YAAY,EAAE,CAAC;IACvC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F;;;OAGG;IACH,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAEhC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAErF;;;;OAIG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,OAAO,EACnB,cAAc,EAAE,KAAK,CAAC,SAAS,EAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,KACpB,KAAK,CAAC,SAAS,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtD;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,KAAK,GAAG,MAAM,EACtB,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,KAC/B,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;IACvD;;;OAGG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,KAAK,GAAG,MAAM,EACvB,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,QAAQ,EAAE,EAClB,MAAM,EAAE,MAAM,KACX,IAAI,CAAC;IAEV;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC;IAEpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B;;;;;;;;OAQG;IACH,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"use-table.type.d.ts","sourceRoot":"","sources":["use-table.type.ts"],"names":[],"mappings":"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"}
|
package/cjs/index.d.ts
CHANGED
@@ -23,6 +23,7 @@ export * from './common/use-drag-mock';
|
|
23
23
|
export * from './common/use-pagination-list';
|
24
24
|
export * from './common/use-filter';
|
25
25
|
export * from './common/use-scrollbar-width';
|
26
|
+
export * from './common/use-component-memo';
|
26
27
|
export * from './components/use-input';
|
27
28
|
export * from './components/use-textarea';
|
28
29
|
export * from './components/use-form';
|
package/cjs/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,cAAc,eAAe,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,cAAc,eAAe,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;;AAE1C,wBAAkB"}
|
package/cjs/index.js
CHANGED
@@ -287,6 +287,18 @@ Object.keys(_useScrollbarWidth).forEach(function (key) {
|
|
287
287
|
}
|
288
288
|
});
|
289
289
|
});
|
290
|
+
var _useComponentMemo = require("./common/use-component-memo");
|
291
|
+
Object.keys(_useComponentMemo).forEach(function (key) {
|
292
|
+
if (key === "default" || key === "__esModule") return;
|
293
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
294
|
+
if (key in exports && exports[key] === _useComponentMemo[key]) return;
|
295
|
+
Object.defineProperty(exports, key, {
|
296
|
+
enumerable: true,
|
297
|
+
get: function get() {
|
298
|
+
return _useComponentMemo[key];
|
299
|
+
}
|
300
|
+
});
|
301
|
+
});
|
290
302
|
var _useInput = require("./components/use-input");
|
291
303
|
Object.keys(_useInput).forEach(function (key) {
|
292
304
|
if (key === "default" || key === "__esModule") return;
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,YAAY,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"use-memo.d.ts","sourceRoot":"","sources":["use-memo.ts"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,EAAE,EACtD,QAAQ,EAAE,MAAM,KAAK,EACrB,SAAS,EAAE,SAAS,EACpB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,SAAS,KAAK,OAAO,qBAc7D"}
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
export default function useMemo(getValue, condition, shouldUpdate) {
|
3
|
+
var cacheRef = React.useRef({});
|
4
|
+
if (!shouldUpdate) return getValue();
|
5
|
+
if (!('value' in cacheRef.current) || shouldUpdate(cacheRef.current.condition, condition)) {
|
6
|
+
cacheRef.current.value = getValue();
|
7
|
+
cacheRef.current.condition = condition;
|
8
|
+
}
|
9
|
+
return cacheRef.current.value;
|
10
|
+
}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,MAAM,MAAM,kBAAkB,GAC1B,aAAa,GACb,UAAU,GACV,cAAc,GACd,WAAW,GACX,MAAM,GACN,OAAO,CAAC;AACZ,MAAM,MAAM,gBAAgB,GACxB,aAAa,GACb,cAAc,GACd,UAAU,GACV,WAAW,GACX,KAAK,GACL,QAAQ,CAAC;AAYb,KAAK,YAAY,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,OAAO,CAAC;AACpE,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,YAAY,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,CAAC;IAEd,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAE1C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAEzC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC3C,YAAY,EAAE,MAAM,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACnD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC3B;AAOD,eAAO,MAAM,gBAAgB,WAAY,mBAAmB;;CAqR3D,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
@@ -9,7 +9,6 @@ import React, { useEffect, useState } from 'react';
|
|
9
9
|
import { getPositionStyle } from "./get-position-style";
|
10
10
|
import { useCheckElementPosition } from "./check-position";
|
11
11
|
import { useCheckElementBorderWidth } from "./check-border";
|
12
|
-
import { useCheckElementSize } from "./check-element-size";
|
13
12
|
import shallowEqual from "../../utils/shallow-equal";
|
14
13
|
import usePersistFn from "../use-persist-fn";
|
15
14
|
import { getCurrentCSSZoom } from "../../utils";
|
@@ -68,9 +67,6 @@ export var usePositionStyle = function usePositionStyle(config) {
|
|
68
67
|
var parentElBorderWidth = useCheckElementBorderWidth(parentElRef, {
|
69
68
|
direction: 'horizontal'
|
70
69
|
});
|
71
|
-
var popupElSize = useCheckElementSize(popupElRef, {
|
72
|
-
enable: show
|
73
|
-
});
|
74
70
|
var adjustPosition = function adjustPosition(position) {
|
75
71
|
var winHeight = docSize.height;
|
76
72
|
if (!verticalPosition.includes(position)) return position;
|
@@ -307,7 +303,7 @@ export var usePositionStyle = function usePositionStyle(config) {
|
|
307
303
|
// 当父元素的滚动容器滚动时,判断是否需要更新弹出层位置,包括是否隐藏弹出层(通过hideStyle隐藏,不是show状态)
|
308
304
|
context.prevParentPosition = parentElNewPosition;
|
309
305
|
});
|
310
|
-
useEffect(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition
|
306
|
+
useEffect(updateStyle, [show, position, absolute, updateKey, fixedWidth, parentElNewPosition]);
|
311
307
|
return {
|
312
308
|
style: style
|
313
309
|
};
|
@@ -7,5 +7,5 @@ export { default as useTableRow } from './use-table-row';
|
|
7
7
|
export { default as useTableExpand } from './use-table-expand';
|
8
8
|
export { default as useTableTree } from './use-table-tree';
|
9
9
|
export { default as useTableVirtual } from './use-table-virtual';
|
10
|
-
export type { TableFormatColumn, TableColumnItem, TableHeadColumn, TableGroupColumn, TableSorterInfo, BaseTableProps, TableColumnFilter, TableFilterData, } from './use-table.type';
|
10
|
+
export type { TableFormatColumn, TableColumnItem, TableHeadColumn, TableGroupColumn, TableSorterInfo, BaseTableProps, TableColumnFilter, TableFilterData, shouldCellUpdate, } from './use-table.type';
|
11
11
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,eAAe,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAEjE,YAAY,EACV,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,gBAAgB,GACjB,MAAM,kBAAkB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;
|
1
|
+
{"version":3,"file":"use-table-layout.d.ts","sourceRoot":"","sources":["use-table-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAKlE,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AA0CrE,MAAM,WAAW,mBACf,SAAQ,IAAI,CACV,cAAc,CAAC,GAAG,CAAC,EACnB,MAAM,GAAG,kBAAkB,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,OAAO,CAC7E;IACD,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACvC,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACxC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,cAAc,UAAW,mBAAmB;;;;;;;;;;;yBA+CX,MAAM,UAAU,MAAM;;;;;;;CA+O5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
@@ -21,6 +21,34 @@ import usePrevious from "../../common/use-previous";
|
|
21
21
|
import { addResizeObserver } from "../../utils/dom/element";
|
22
22
|
import { isFunc, isNumber } from "../../utils/is";
|
23
23
|
import { toNum } from "../../utils/number";
|
24
|
+
function getDecimalAndIntegerPart(num) {
|
25
|
+
if (!num) return [0, 0];
|
26
|
+
var str = num.toString();
|
27
|
+
var dotIndex = str.indexOf('.');
|
28
|
+
if (dotIndex === -1) return [parseInt(str), 0];
|
29
|
+
var integerPart = parseInt(str.slice(0, dotIndex));
|
30
|
+
var decimalPart = parseFloat("0.".concat(str.slice(dotIndex + 1)));
|
31
|
+
return [integerPart, decimalPart];
|
32
|
+
}
|
33
|
+
|
34
|
+
// 将所有的小数部分转移到最后一列
|
35
|
+
function shiftDecimalToLastColumn(cols) {
|
36
|
+
var decimalSum = 0;
|
37
|
+
cols.forEach(function (v, i) {
|
38
|
+
var _getDecimalAndInteger = getDecimalAndIntegerPart(v),
|
39
|
+
_getDecimalAndInteger2 = _slicedToArray(_getDecimalAndInteger, 2),
|
40
|
+
inter = _getDecimalAndInteger2[0],
|
41
|
+
decimal = _getDecimalAndInteger2[1];
|
42
|
+
if (decimal > 0) {
|
43
|
+
decimalSum += decimal;
|
44
|
+
cols[i] = inter;
|
45
|
+
}
|
46
|
+
});
|
47
|
+
if (decimalSum > 0) {
|
48
|
+
cols[cols.length - 1] = Number(cols[cols.length - 1]) + decimalSum;
|
49
|
+
}
|
50
|
+
return cols;
|
51
|
+
}
|
24
52
|
var MIN_RESIZABLE_WIDTH = 20;
|
25
53
|
function compareColumnWidth(curCols, preCols) {
|
26
54
|
if (curCols.length !== preCols.length) return false;
|
@@ -142,7 +170,7 @@ var useTableLayout = function useTableLayout(props) {
|
|
142
170
|
if (cols && cols.every(function (v) {
|
143
171
|
return v === 0;
|
144
172
|
})) return;
|
145
|
-
setColgroup(cols);
|
173
|
+
setColgroup(shiftDecimalToLastColumn(cols));
|
146
174
|
setAdjust(adjust);
|
147
175
|
if (!adjust) {
|
148
176
|
updateResizeFlag();
|
@@ -359,7 +387,7 @@ var useTableLayout = function useTableLayout(props) {
|
|
359
387
|
width: tableWidth,
|
360
388
|
shouldLastColAuto: props.columnResizable && !adjust,
|
361
389
|
scrollWidth: scrollWidth,
|
362
|
-
maxScrollLeft: scrollWidth - context.clientWidth,
|
390
|
+
// maxScrollLeft: scrollWidth - context.clientWidth,
|
363
391
|
resizeFlag: resizeFlag
|
364
392
|
};
|
365
393
|
};
|
@@ -24,7 +24,6 @@ export interface Row {
|
|
24
24
|
declare const useTableRow: (props: TableRowProps) => {
|
25
25
|
rowData: Row[][];
|
26
26
|
handleCellHover: (rowIndex: number, colSpan?: any) => void;
|
27
|
-
isCellHover: (rowIndex: number, colSpan?: any) => boolean;
|
28
27
|
hoverIndex: Set<number>;
|
29
28
|
rowSelectMergeStartData: any[];
|
30
29
|
};
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-row.d.ts","sourceRoot":"","sources":["use-table-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtE,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4CD;;;;GAIG;AACH,QAAA,MAAM,WAAW,UAAW,aAAa;;gCASS,MAAM
|
1
|
+
{"version":3,"file":"use-table-row.d.ts","sourceRoot":"","sources":["use-table-row.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAKjD,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC;IACtE,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,YAAY,EAAE,MAAM,CAAC;IACrB,KAAK,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,GAAG,CAAC;IACV,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AA4CD;;;;GAIG;AACH,QAAA,MAAM,WAAW,UAAW,aAAa;;gCASS,MAAM;;;CAgDvD,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
@@ -65,16 +65,6 @@ var useTableRow = function useTableRow(props) {
|
|
65
65
|
}
|
66
66
|
setHoverIndex(hoverIndex);
|
67
67
|
});
|
68
|
-
var isCellHover = usePersistFn(function (rowIndex) {
|
69
|
-
var colSpan = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
|
70
|
-
if (!props.hover) return false;
|
71
|
-
var isHover = false;
|
72
|
-
for (var i = 0; i < colSpan; i++) {
|
73
|
-
isHover = hoverIndex.has(rowIndex + i);
|
74
|
-
if (isHover) break;
|
75
|
-
}
|
76
|
-
return isHover;
|
77
|
-
});
|
78
68
|
var rowData = useMemo(function () {
|
79
69
|
var rows = [];
|
80
70
|
context.rowSelectMergeStartData = [];
|
@@ -108,7 +98,6 @@ var useTableRow = function useTableRow(props) {
|
|
108
98
|
return {
|
109
99
|
rowData: rowData,
|
110
100
|
handleCellHover: handleCellHover,
|
111
|
-
isCellHover: isCellHover,
|
112
101
|
hoverIndex: hoverIndex,
|
113
102
|
rowSelectMergeStartData: context.rowSelectMergeStartData
|
114
103
|
};
|
@@ -11,12 +11,12 @@ interface UseTableVirtualProps {
|
|
11
11
|
isRtl?: boolean;
|
12
12
|
columns: TableFormatColumn<any>[];
|
13
13
|
colgroup: (number | string | undefined)[];
|
14
|
+
theadAndTfootHeight: number;
|
14
15
|
}
|
15
16
|
declare const useTableVirtual: (props: UseTableVirtualProps) => {
|
16
17
|
scrollHeight: number;
|
17
18
|
startIndex: number;
|
18
|
-
|
19
|
-
innerTop: number;
|
19
|
+
translateStyle: string;
|
20
20
|
data: any[];
|
21
21
|
handleScroll: (info: {
|
22
22
|
scrollLeft: number;
|
@@ -26,7 +26,6 @@ declare const useTableVirtual: (props: UseTableVirtualProps) => {
|
|
26
26
|
fromDrag: boolean;
|
27
27
|
}) => void;
|
28
28
|
setRowHeight: (index: number, height: number) => void;
|
29
|
-
getTranslate: (left?: number, top?: number) => string;
|
30
29
|
scrollToIndex: (index: number, callback?: () => void) => void;
|
31
30
|
scrollColumnByLeft: (targetLeft: number) => void;
|
32
31
|
scrollColumnIntoView: (colKey: string | number) => void;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;
|
1
|
+
{"version":3,"file":"use-table-virtual.d.ts","sourceRoot":"","sources":["use-table-virtual.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAWrD,UAAU,oBAAoB;IAC5B,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC3C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,iBAAiB,CAAC,GAAG,CAAC,EAAE,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAC1C,mBAAmB,EAAE,MAAM,CAAC;CAC7B;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBAqLpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAnGuB,MAAM,UAAU,MAAM;2BAsIrB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;CA0GnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
@@ -31,26 +31,21 @@ function getMaxRowSpanLength(input) {
|
|
31
31
|
var useTableVirtual = function useTableVirtual(props) {
|
32
32
|
var _useState = useState(0),
|
33
33
|
_useState2 = _slicedToArray(_useState, 2),
|
34
|
-
|
35
|
-
|
36
|
-
var _useState3 = useState(
|
34
|
+
innerTop = _useState2[0],
|
35
|
+
setTop = _useState2[1];
|
36
|
+
var _useState3 = useState(props.data.length * props.rowHeight),
|
37
37
|
_useState4 = _slicedToArray(_useState3, 2),
|
38
|
-
|
39
|
-
|
40
|
-
var _useState5 = useState(
|
38
|
+
scrollHeight = _useState4[0],
|
39
|
+
setHeight = _useState4[1];
|
40
|
+
var _useState5 = useState(0),
|
41
41
|
_useState6 = _slicedToArray(_useState5, 2),
|
42
|
-
|
43
|
-
|
42
|
+
startIndex = _useState6[0],
|
43
|
+
setStartIndex = _useState6[1];
|
44
44
|
var _useState7 = useState(0),
|
45
45
|
_useState8 = _slicedToArray(_useState7, 2),
|
46
|
-
|
47
|
-
|
48
|
-
var _useState9 = useState(0),
|
49
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
50
|
-
offsetY = _useState10[0],
|
51
|
-
setOffsetY = _useState10[1];
|
46
|
+
offsetY = _useState8[0],
|
47
|
+
setOffsetY = _useState8[1];
|
52
48
|
var rowsInView = props.rowsInView === 0 ? props.data.length : props.rowsInView;
|
53
|
-
var sleft = props.scrollLeft !== undefined ? props.scrollLeft : innerLeft;
|
54
49
|
var rowSpanInfo = useMemo(function () {
|
55
50
|
var rowSpanColumns = props.columns.filter(function (col) {
|
56
51
|
return typeof col.rowSpan === 'function';
|
@@ -122,27 +117,13 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
122
117
|
autoAddRows: 0
|
123
118
|
}),
|
124
119
|
context = _useRef.current;
|
125
|
-
var getTranslate = usePersistFn(function (left, top) {
|
126
|
-
var l = left === undefined ? sleft : left;
|
127
|
-
var t = top === undefined ? innerTop + offsetY : top;
|
128
|
-
if (t < 0) {
|
129
|
-
t = 0;
|
130
|
-
}
|
131
|
-
if (!props.isRtl && l < 0) {
|
132
|
-
l = 0;
|
133
|
-
}
|
134
|
-
if (props.isRtl && l > 0) {
|
135
|
-
l = 0;
|
136
|
-
}
|
137
|
-
return "translate3d(".concat(0 - l, "px, ").concat(0 - t, "px, 0)");
|
138
|
-
});
|
139
120
|
var getContentHeight = function getContentHeight(index) {
|
140
121
|
if (props.disabled) return 0;
|
141
122
|
var sum = 0;
|
142
123
|
for (var i = 0; i <= index; i++) {
|
143
124
|
sum += context.cachedHeight[i] || props.rowHeight;
|
144
125
|
}
|
145
|
-
return sum;
|
126
|
+
return sum + props.theadAndTfootHeight;
|
146
127
|
};
|
147
128
|
var setRowHeight = usePersistFn(function (index, height) {
|
148
129
|
if (props.disabled) return;
|
@@ -235,13 +216,11 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
235
216
|
};
|
236
217
|
setHeight(sumHeight);
|
237
218
|
});
|
238
|
-
var handleScroll = function
|
239
|
-
var
|
240
|
-
height = info.height,
|
219
|
+
var handleScroll = usePersistFn(function (info) {
|
220
|
+
var height = info.height,
|
241
221
|
y = info.y,
|
242
222
|
fromDrag = info.fromDrag;
|
243
223
|
var scrollTop = info.scrollTop;
|
244
|
-
setLeft(scrollLeft);
|
245
224
|
if (props.disabled) {
|
246
225
|
setTop(scrollTop);
|
247
226
|
return;
|
@@ -271,7 +250,7 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
271
250
|
} else {
|
272
251
|
updateIndexAndTopFromTop(scrollTop);
|
273
252
|
}
|
274
|
-
};
|
253
|
+
});
|
275
254
|
var scrollToIndex = usePersistFn(function (index, callback) {
|
276
255
|
if (props.disabled) return;
|
277
256
|
if (props.scrollRef.current) {
|
@@ -298,7 +277,6 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
298
277
|
var max = scrollEl.scrollWidth - scrollEl.clientWidth;
|
299
278
|
var left = Math.min(targetLeft, max);
|
300
279
|
if (left === scrollEl.scrollLeft) return;
|
301
|
-
setLeft(left);
|
302
280
|
scrollEl.scrollLeft = left;
|
303
281
|
});
|
304
282
|
var scrollColumnIntoView = usePersistFn(function (colKey) {
|
@@ -317,6 +295,11 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
317
295
|
}
|
318
296
|
scrollColumnByLeft(left);
|
319
297
|
});
|
298
|
+
useEffect(function () {
|
299
|
+
if (props.scrollLeft) {
|
300
|
+
scrollColumnByLeft(props.scrollLeft);
|
301
|
+
}
|
302
|
+
}, [props.scrollLeft]);
|
320
303
|
useEffect(function () {
|
321
304
|
var scrollRefHeight = props.scrollRef.current ? props.scrollRef.current.clientHeight : 0;
|
322
305
|
var tableRefHeight = props.innerRef.current ? props.innerRef.current.clientHeight : 0;
|
@@ -360,7 +343,7 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
360
343
|
useEffect(function () {
|
361
344
|
if (props.disabled) return;
|
362
345
|
setHeight(getContentHeight(props.data.length - 1));
|
363
|
-
}, [props.data.length]);
|
346
|
+
}, [props.data.length, props.theadAndTfootHeight]);
|
364
347
|
useEffect(function () {
|
365
348
|
if (props.disabled) return;
|
366
349
|
if (context.heightCallback) {
|
@@ -372,16 +355,24 @@ var useTableVirtual = function useTableVirtual(props) {
|
|
372
355
|
}
|
373
356
|
}, [scrollHeight]);
|
374
357
|
var finalRowsInView = rowsInView + context.rowSpanRows + context.autoAddRows;
|
375
|
-
var renderData =
|
358
|
+
var renderData = useMemo(function () {
|
359
|
+
if (props.disabled) return props.data;
|
360
|
+
return _toConsumableArray(props.data).slice(startIndex, startIndex + finalRowsInView);
|
361
|
+
}, [props.data, startIndex, finalRowsInView]);
|
362
|
+
var translateStyle = useMemo(function () {
|
363
|
+
var t = innerTop + offsetY;
|
364
|
+
if (t < 0) {
|
365
|
+
t = 0;
|
366
|
+
}
|
367
|
+
return "translate3d(0, ".concat(0 - t, "px, 0)");
|
368
|
+
}, [innerTop]);
|
376
369
|
return {
|
377
370
|
scrollHeight: scrollHeight,
|
378
371
|
startIndex: startIndex,
|
379
|
-
|
380
|
-
innerTop: innerTop + offsetY,
|
372
|
+
translateStyle: translateStyle,
|
381
373
|
data: renderData,
|
382
374
|
handleScroll: handleScroll,
|
383
375
|
setRowHeight: setRowHeight,
|
384
|
-
getTranslate: getTranslate,
|
385
376
|
scrollToIndex: scrollToIndex,
|
386
377
|
scrollColumnByLeft: scrollColumnByLeft,
|
387
378
|
scrollColumnIntoView: scrollColumnIntoView
|
@@ -116,6 +116,12 @@ export interface BaseTableProps<Item> {
|
|
116
116
|
* When it is a string,ues the value of the string.For example, 'id' is the same thing as (d) => d.id .
|
117
117
|
*/
|
118
118
|
keygen: StructKeygenType<Item>;
|
119
|
+
/**
|
120
|
+
* @en The function to determine whether a cell needs to be updated. The return value should be a boolean indicating whether the cell should re-render.
|
121
|
+
* @cn 控制单元格是否需要更新的函数。返回值应为布尔值,指示单元格是否需要重新渲染
|
122
|
+
* @version 3.7.0
|
123
|
+
*/
|
124
|
+
shouldCellUpdate?: shouldCellUpdate<Item>;
|
119
125
|
}
|
120
126
|
export interface TableSorterInfo {
|
121
127
|
order: TableColumnOrder;
|
@@ -373,7 +379,17 @@ export interface TableColumnItem<DataItem> {
|
|
373
379
|
* @en Separately set a column not to be draggable
|
374
380
|
*/
|
375
381
|
columnResizable?: false;
|
382
|
+
/**
|
383
|
+
* @cn 是否需要更新单元格,dependencies是外部更新依赖项
|
384
|
+
* @en Whether the cell needs to be updated, the third parameter is the external dependency
|
385
|
+
* @version 3.7.0
|
386
|
+
*/
|
387
|
+
shouldCellUpdate?: shouldCellUpdate<DataItem>;
|
376
388
|
}
|
389
|
+
export type shouldCellUpdate<T> = ((prev: T, next: T) => boolean) | {
|
390
|
+
update: (prev: T, next: T) => boolean;
|
391
|
+
dependencies: any[];
|
392
|
+
};
|
377
393
|
export interface TableFormatColumn<DataItem> extends TableColumnItem<DataItem> {
|
378
394
|
index: number;
|
379
395
|
key: string | number;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"use-table.type.d.ts","sourceRoot":"","sources":["use-table.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,MAAM,CAAC;AAC9C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AACD,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,YAAY,EAAE,CAAC;IACvC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F;;;OAGG;IACH,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAEhC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAErF;;;;OAIG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,OAAO,EACnB,cAAc,EAAE,KAAK,CAAC,SAAS,EAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,KACpB,KAAK,CAAC,SAAS,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtD;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,KAAK,GAAG,MAAM,EACtB,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,KAC/B,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;IACvD;;;OAGG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,KAAK,GAAG,MAAM,EACvB,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,QAAQ,EAAE,EAClB,MAAM,EAAE,MAAM,KACX,IAAI,CAAC;IAEV;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC;IAEpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B;;;;;;;;OAQG;IACH,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"use-table.type.d.ts","sourceRoot":"","sources":["use-table.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAE9E,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,MAAM,CAAC;AAC9C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,CAAC;AAC9C,MAAM,MAAM,eAAe,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAC;AAEnE,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,EAAE,YAAY,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;CACjB;AACD,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC;;;;OAIG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,qBAAqB,CAAC,EAAE,YAAY,EAAE,CAAC;IACvC;;;OAGG;IACH,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F;;;OAGG;IACH,cAAc,CAAC,EAAE,YAAY,EAAE,CAAC;IAEhC;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IAErF;;;;OAIG;IACH,UAAU,CAAC,EAAE,CACX,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,MAAM,EACb,UAAU,EAAE,OAAO,EACnB,cAAc,EAAE,KAAK,CAAC,SAAS,EAC/B,UAAU,CAAC,EAAE,MAAM,IAAI,KACpB,KAAK,CAAC,SAAS,CAAC;IAErB;;;;OAIG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEtD;;;;OAIG;IACH,IAAI,CAAC,EAAE,IAAI,EAAE,CAAC;IACd;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,CACP,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,KAAK,GAAG,MAAM,EACtB,UAAU,EAAE,KAAK,CAAC,eAAe,CAAC,KAC/B,SAAS,GAAG,IAAI,GAAG,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC;IACvD;;;OAGG;IACH,YAAY,CAAC,EAAE,CACb,OAAO,EAAE,KAAK,GAAG,MAAM,EACvB,GAAG,EAAE,YAAY,EACjB,MAAM,EAAE,QAAQ,EAAE,EAClB,MAAM,EAAE,MAAM,KACX,IAAI,CAAC;IAEV;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC;IAEpC;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;;OAIG;IACH,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,CAAC,IAAI,CAAC,EAAE,KAAK,IAAI,CAAC;IAC5D;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,YAAY,EAAE,CAAC;IAC5B;;;;;;;;OAQG;IACH,MAAM,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAC/B;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,IAAI,CAAC,CAAC;CAC3C;AACD,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,gBAAgB,CAAC;IACxB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,iBAAiB;IAChC,IAAI,EAAE,MAAM,GAAG,CAAC,CAAC,MAAM,EAAE,eAAe,EAAE,KAAK,IAAI,CAAC,CAAC;IACrD,MAAM,EAAE,MAAM,CAAC;CAChB;AACD,MAAM,WAAW,gBAAgB,CAAC,QAAQ;IACxC,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,GAC5E,KAAK,CAAC,SAAS,GACf,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAC;CAC7B;AAED,MAAM,WAAW,qBAAqB,CAAC,QAAQ;IAC7C;;;OAGG;IACH,IAAI,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAE1B;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;IAEjD;;;OAGG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;IACX,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B,CAAC;AACF,MAAM,WAAW,sBAAsB,CAAC,QAAQ,CAAE,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IACvF;;;OAGG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;OAEG;IACH,MAAM,EAAE;QACN;;;WAGG;QACH,IAAI,EAAE,KAAK,CAAC,eAAe,CAAC,CAAC;QAE7B;;;;WAIG;QACH,UAAU,CAAC,EAAE,CAAC,CAAC,IAAI,EAAE,eAAe,KAAK,KAAK,CAAC,SAAS,CAAC,GAAG,SAAS,CAAC,eAAe,CAAC,CAAC;QAEvF;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QAEnB;;;WAGG;QACH,MAAM,CAAC,EAAE,OAAO,CAAC;QAEjB;;;WAGG;QACH,SAAS,CAAC,EAAE,OAAO,CAAC;KACrB,CAAC;IAEF;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,QAAQ,KAAK,OAAO,CAAC;CAClD;AAED,MAAM,WAAW,sBAAsB,CAAC,QAAQ,CAAE,SAAQ,qBAAqB,CAAC,QAAQ,CAAC;IACvF;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;IAEf;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,MAAM,iBAAiB,CAAC,QAAQ,IAClC,sBAAsB,CAAC,QAAQ,CAAC,GAChC,sBAAsB,CAAC,QAAQ,CAAC,CAAC;AAErC;;GAEG;AACH,MAAM,WAAW,eAAe,CAAC,QAAQ;IACvC;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAEpC;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAEnD;;;OAGG;IACH,YAAY,CAAC,EAAE,gBAAgB,CAAC;IAEhC;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC;IAEnE;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,CAAC;IAE7C;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE1D;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,KAAK,OAAO,CAAC;IAEpE;;;;;;;;;;;OAWG;IACH,MAAM,CAAC,EACH,CAAC,CACC,KAAK,EAAE,gBAAgB,KACpB,CAAC,CAAC,WAAW,EAAE,QAAQ,EAAE,WAAW,EAAE,QAAQ,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC,GACvE,MAAM,GACN,iBAAiB,CAAC;IAEtB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,GAAG,MAAM,CAAC,EAAE,CAAC;IAEpC;;;;OAIG;IACH,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAErC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,OAAO,EAAE,QAAQ,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IAE9E;;;OAGG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;IAEtC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;;;;;;;;OAUG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IAEvB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAExB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAE5B;;;OAGG;IACH,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnD;;;OAGG;IACH,eAAe,CAAC,EAAE,KAAK,CAAC;IAExB;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,QAAQ,CAAC,CAAC;CAC/C;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,IAC1B,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC,GAC/B;IACE,MAAM,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACtC,YAAY,EAAE,GAAG,EAAE,CAAC;CACrB,CAAC;AAEN,MAAM,WAAW,iBAAiB,CAAC,QAAQ,CAAE,SAAQ,eAAe,CAAC,QAAQ,CAAC;IAC5E,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,cAAc,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,eAAe,EAAE,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,MAAM,eAAe,GAAG,gBAAgB,GAAG,iBAAiB,CAAC,GAAG,CAAC,CAAC"}
|
package/esm/index.d.ts
CHANGED
@@ -23,6 +23,7 @@ export * from './common/use-drag-mock';
|
|
23
23
|
export * from './common/use-pagination-list';
|
24
24
|
export * from './common/use-filter';
|
25
25
|
export * from './common/use-scrollbar-width';
|
26
|
+
export * from './common/use-component-memo';
|
26
27
|
export * from './components/use-input';
|
27
28
|
export * from './components/use-textarea';
|
28
29
|
export * from './components/use-form';
|
package/esm/index.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,cAAc,eAAe,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,IAAI,MAAM,UAAU,CAAC;AAEjC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,IAAI,EAAE,CAAC;AAGhB,cAAc,eAAe,CAAC;AAE9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,6BAA6B,CAAC;AAG5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,2BAA2B,CAAC;;AAE1C,wBAAkB"}
|
package/esm/index.js
CHANGED
@@ -26,6 +26,7 @@ export * from "./common/use-drag-mock";
|
|
26
26
|
export * from "./common/use-pagination-list";
|
27
27
|
export * from "./common/use-filter";
|
28
28
|
export * from "./common/use-scrollbar-width";
|
29
|
+
export * from "./common/use-component-memo";
|
29
30
|
|
30
31
|
//components
|
31
32
|
export * from "./components/use-input";
|
package/package.json
CHANGED
@@ -1,10 +0,0 @@
|
|
1
|
-
export interface Size {
|
2
|
-
width?: number;
|
3
|
-
height?: number;
|
4
|
-
}
|
5
|
-
interface UseCheckElementSizeOptions {
|
6
|
-
enable?: boolean;
|
7
|
-
}
|
8
|
-
export declare const useCheckElementSize: (targetElementRef: React.RefObject<HTMLElement>, options?: UseCheckElementSizeOptions) => Size | null;
|
9
|
-
export {};
|
10
|
-
//# sourceMappingURL=check-element-size.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"check-element-size.d.ts","sourceRoot":"","sources":["check-element-size.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,IAAI;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,0BAA0B;IAElC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,qBACZ,MAAM,SAAS,CAAC,WAAW,CAAC,YACrC,0BAA0B,KAClC,IAAI,GAAG,IAmDT,CAAC"}
|
@@ -1,65 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.useCheckElementSize = void 0;
|
7
|
-
var _react = require("react");
|
8
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
9
|
-
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."); }
|
10
|
-
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); }
|
11
|
-
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; }
|
12
|
-
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; } }
|
13
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
14
|
-
var useCheckElementSize = exports.useCheckElementSize = function useCheckElementSize(targetElementRef) {
|
15
|
-
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
16
|
-
var enable = options.enable;
|
17
|
-
var _useState = (0, _react.useState)({
|
18
|
-
width: 0,
|
19
|
-
height: 0
|
20
|
-
}),
|
21
|
-
_useState2 = _slicedToArray(_useState, 2),
|
22
|
-
size = _useState2[0],
|
23
|
-
setSize = _useState2[1];
|
24
|
-
var lastSize = (0, _react.useRef)({
|
25
|
-
width: 0,
|
26
|
-
height: 0
|
27
|
-
});
|
28
|
-
var checkSize = (0, _react.useCallback)(function () {
|
29
|
-
if (targetElementRef.current) {
|
30
|
-
var rect = targetElementRef.current.getBoundingClientRect();
|
31
|
-
var newSize = {
|
32
|
-
width: rect.width,
|
33
|
-
height: rect.height
|
34
|
-
};
|
35
|
-
if (newSize.width !== lastSize.current.width || newSize.height !== lastSize.current.height) {
|
36
|
-
setSize(newSize);
|
37
|
-
lastSize.current = newSize;
|
38
|
-
}
|
39
|
-
}
|
40
|
-
}, [targetElementRef]);
|
41
|
-
(0, _react.useEffect)(function () {
|
42
|
-
var _window;
|
43
|
-
if (!enable) return;
|
44
|
-
var element = targetElementRef.current;
|
45
|
-
if (!element) return;
|
46
|
-
|
47
|
-
// 初始检查
|
48
|
-
checkSize();
|
49
|
-
var resizeObserver = null;
|
50
|
-
if ((_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
|
51
|
-
resizeObserver = new ResizeObserver(checkSize);
|
52
|
-
resizeObserver.observe(element);
|
53
|
-
}
|
54
|
-
|
55
|
-
// 清理函数
|
56
|
-
return function () {
|
57
|
-
var _resizeObserver;
|
58
|
-
(_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 || _resizeObserver.disconnect();
|
59
|
-
};
|
60
|
-
}, [enable, targetElementRef, checkSize]);
|
61
|
-
if (!enable || !targetElementRef) {
|
62
|
-
return null;
|
63
|
-
}
|
64
|
-
return size;
|
65
|
-
};
|
@@ -1,10 +0,0 @@
|
|
1
|
-
export interface Size {
|
2
|
-
width?: number;
|
3
|
-
height?: number;
|
4
|
-
}
|
5
|
-
interface UseCheckElementSizeOptions {
|
6
|
-
enable?: boolean;
|
7
|
-
}
|
8
|
-
export declare const useCheckElementSize: (targetElementRef: React.RefObject<HTMLElement>, options?: UseCheckElementSizeOptions) => Size | null;
|
9
|
-
export {};
|
10
|
-
//# sourceMappingURL=check-element-size.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"check-element-size.d.ts","sourceRoot":"","sources":["check-element-size.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,IAAI;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,0BAA0B;IAElC,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,qBACZ,MAAM,SAAS,CAAC,WAAW,CAAC,YACrC,0BAA0B,KAClC,IAAI,GAAG,IAmDT,CAAC"}
|
@@ -1,59 +0,0 @@
|
|
1
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
2
|
-
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."); }
|
3
|
-
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); }
|
4
|
-
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; }
|
5
|
-
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; } }
|
6
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
7
|
-
import { useState, useEffect, useRef, useCallback } from 'react';
|
8
|
-
export var useCheckElementSize = function useCheckElementSize(targetElementRef) {
|
9
|
-
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
10
|
-
var enable = options.enable;
|
11
|
-
var _useState = useState({
|
12
|
-
width: 0,
|
13
|
-
height: 0
|
14
|
-
}),
|
15
|
-
_useState2 = _slicedToArray(_useState, 2),
|
16
|
-
size = _useState2[0],
|
17
|
-
setSize = _useState2[1];
|
18
|
-
var lastSize = useRef({
|
19
|
-
width: 0,
|
20
|
-
height: 0
|
21
|
-
});
|
22
|
-
var checkSize = useCallback(function () {
|
23
|
-
if (targetElementRef.current) {
|
24
|
-
var rect = targetElementRef.current.getBoundingClientRect();
|
25
|
-
var newSize = {
|
26
|
-
width: rect.width,
|
27
|
-
height: rect.height
|
28
|
-
};
|
29
|
-
if (newSize.width !== lastSize.current.width || newSize.height !== lastSize.current.height) {
|
30
|
-
setSize(newSize);
|
31
|
-
lastSize.current = newSize;
|
32
|
-
}
|
33
|
-
}
|
34
|
-
}, [targetElementRef]);
|
35
|
-
useEffect(function () {
|
36
|
-
var _window;
|
37
|
-
if (!enable) return;
|
38
|
-
var element = targetElementRef.current;
|
39
|
-
if (!element) return;
|
40
|
-
|
41
|
-
// 初始检查
|
42
|
-
checkSize();
|
43
|
-
var resizeObserver = null;
|
44
|
-
if ((_window = window) !== null && _window !== void 0 && _window.ResizeObserver) {
|
45
|
-
resizeObserver = new ResizeObserver(checkSize);
|
46
|
-
resizeObserver.observe(element);
|
47
|
-
}
|
48
|
-
|
49
|
-
// 清理函数
|
50
|
-
return function () {
|
51
|
-
var _resizeObserver;
|
52
|
-
(_resizeObserver = resizeObserver) === null || _resizeObserver === void 0 || _resizeObserver.disconnect();
|
53
|
-
};
|
54
|
-
}, [enable, targetElementRef, checkSize]);
|
55
|
-
if (!enable || !targetElementRef) {
|
56
|
-
return null;
|
57
|
-
}
|
58
|
-
return size;
|
59
|
-
};
|