@sheinx/hooks 3.7.0-beta.1 → 3.7.0-beta.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (13) hide show
  1. package/cjs/components/use-table/use-table-layout.d.ts +0 -1
  2. package/cjs/components/use-table/use-table-layout.d.ts.map +1 -1
  3. package/cjs/components/use-table/use-table-layout.js +1 -1
  4. package/cjs/components/use-table/use-table-virtual.d.ts +0 -1
  5. package/cjs/components/use-table/use-table-virtual.d.ts.map +1 -1
  6. package/cjs/components/use-table/use-table-virtual.js +17 -28
  7. package/esm/components/use-table/use-table-layout.d.ts +0 -1
  8. package/esm/components/use-table/use-table-layout.d.ts.map +1 -1
  9. package/esm/components/use-table/use-table-layout.js +1 -1
  10. package/esm/components/use-table/use-table-virtual.d.ts +0 -1
  11. package/esm/components/use-table/use-table-virtual.d.ts.map +1 -1
  12. package/esm/components/use-table/use-table-virtual.js +17 -28
  13. package/package.json +1 -1
package/cjs/components/use-table/use-table-layout.d.ts CHANGED
@@ -24,7 +24,6 @@ declare const useTableLayout: (props: UseTableLayoutProps) => {
24
24
  width: string | number | undefined;
25
25
  shouldLastColAuto: boolean | undefined;
26
26
  scrollWidth: number;
27
- maxScrollLeft: number;
28
27
  resizeFlag: number;
29
28
  };
30
29
  export default useTableLayout;
package/cjs/components/use-table/use-table-layout.d.ts.map CHANGED
@@ -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;AAerE,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"}
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;AAerE,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"}
package/cjs/components/use-table/use-table-layout.js CHANGED
@@ -368,7 +368,7 @@ var useTableLayout = function useTableLayout(props) {
368
368
  width: tableWidth,
369
369
  shouldLastColAuto: props.columnResizable && !adjust,
370
370
  scrollWidth: scrollWidth,
371
- maxScrollLeft: scrollWidth - context.clientWidth,
371
+ // maxScrollLeft: scrollWidth - context.clientWidth,
372
372
  resizeFlag: resizeFlag
373
373
  };
374
374
  };
package/cjs/components/use-table/use-table-virtual.d.ts CHANGED
@@ -15,7 +15,6 @@ interface UseTableVirtualProps {
15
15
  declare const useTableVirtual: (props: UseTableVirtualProps) => {
16
16
  scrollHeight: number;
17
17
  startIndex: number;
18
- innerLeft: number;
19
18
  innerTop: number;
20
19
  data: any[];
21
20
  handleScroll: (info: {
package/cjs/components/use-table/use-table-virtual.d.ts.map CHANGED
@@ -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;CAC3C;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;;oBAuMpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAnGuB,MAAM,UAAU,MAAM;0BAxBtB,MAAM,QAAQ,MAAM;2BA+JnB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAWR,MAAM,GAAG,MAAM;CA2FnE,CAAC;AAEF,eAAe,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;CAC3C;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBA6LpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAnGuB,MAAM,UAAU,MAAM;0BAjBtB,MAAM,QAAQ,MAAM;2BAuJnB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;CAgGnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/cjs/components/use-table/use-table-virtual.js CHANGED
@@ -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
- innerLeft = _useState2[0],
41
- setLeft = _useState2[1];
42
- var _useState3 = (0, _react.useState)(0),
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
- innerTop = _useState4[0],
45
- setTop = _useState4[1];
46
- var _useState5 = (0, _react.useState)(props.data.length * props.rowHeight),
44
+ scrollHeight = _useState4[0],
45
+ setHeight = _useState4[1];
46
+ var _useState5 = (0, _react.useState)(0),
47
47
  _useState6 = _slicedToArray(_useState5, 2),
48
- scrollHeight = _useState6[0],
49
- setHeight = _useState6[1];
48
+ startIndex = _useState6[0],
49
+ setStartIndex = _useState6[1];
50
50
  var _useState7 = (0, _react.useState)(0),
51
51
  _useState8 = _slicedToArray(_useState7, 2),
52
- startIndex = _useState8[0],
53
- setStartIndex = _useState8[1];
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';
@@ -129,18 +124,11 @@ var useTableVirtual = function useTableVirtual(props) {
129
124
  }),
130
125
  context = _useRef.current;
131
126
  var getTranslate = (0, _usePersistFn.usePersistFn)(function (left, top) {
132
- var l = left === undefined ? sleft : left;
133
127
  var t = top === undefined ? innerTop + offsetY : top;
134
128
  if (t < 0) {
135
129
  t = 0;
136
130
  }
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)");
131
+ return "translate3d(0, ".concat(0 - t, "px, 0)");
144
132
  });
145
133
  var getContentHeight = function getContentHeight(index) {
146
134
  if (props.disabled) return 0;
@@ -242,12 +230,10 @@ var useTableVirtual = function useTableVirtual(props) {
242
230
  setHeight(sumHeight);
243
231
  });
244
232
  var handleScroll = function handleScroll(info) {
245
- var scrollLeft = info.scrollLeft,
246
- height = info.height,
233
+ var height = info.height,
247
234
  y = info.y,
248
235
  fromDrag = info.fromDrag;
249
236
  var scrollTop = info.scrollTop;
250
- setLeft(scrollLeft);
251
237
  if (props.disabled) {
252
238
  setTop(scrollTop);
253
239
  return;
@@ -304,7 +290,6 @@ var useTableVirtual = function useTableVirtual(props) {
304
290
  var max = scrollEl.scrollWidth - scrollEl.clientWidth;
305
291
  var left = Math.min(targetLeft, max);
306
292
  if (left === scrollEl.scrollLeft) return;
307
- setLeft(left);
308
293
  scrollEl.scrollLeft = left;
309
294
  });
310
295
  var scrollColumnIntoView = (0, _usePersistFn.usePersistFn)(function (colKey) {
@@ -323,6 +308,11 @@ var useTableVirtual = function useTableVirtual(props) {
323
308
  }
324
309
  scrollColumnByLeft(left);
325
310
  });
311
+ (0, _react.useEffect)(function () {
312
+ if (props.scrollLeft) {
313
+ scrollColumnByLeft(props.scrollLeft);
314
+ }
315
+ }, [props.scrollLeft]);
326
316
  (0, _react.useEffect)(function () {
327
317
  var scrollRefHeight = props.scrollRef.current ? props.scrollRef.current.clientHeight : 0;
328
318
  var tableRefHeight = props.innerRef.current ? props.innerRef.current.clientHeight : 0;
@@ -382,7 +372,6 @@ var useTableVirtual = function useTableVirtual(props) {
382
372
  return {
383
373
  scrollHeight: scrollHeight,
384
374
  startIndex: startIndex,
385
- innerLeft: sleft,
386
375
  innerTop: innerTop + offsetY,
387
376
  data: renderData,
388
377
  handleScroll: handleScroll,
package/esm/components/use-table/use-table-layout.d.ts CHANGED
@@ -24,7 +24,6 @@ declare const useTableLayout: (props: UseTableLayoutProps) => {
24
24
  width: string | number | undefined;
25
25
  shouldLastColAuto: boolean | undefined;
26
26
  scrollWidth: number;
27
- maxScrollLeft: number;
28
27
  resizeFlag: number;
29
28
  };
30
29
  export default useTableLayout;
package/esm/components/use-table/use-table-layout.d.ts.map CHANGED
@@ -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;AAerE,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"}
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;AAerE,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"}
package/esm/components/use-table/use-table-layout.js CHANGED
@@ -359,7 +359,7 @@ var useTableLayout = function useTableLayout(props) {
359
359
  width: tableWidth,
360
360
  shouldLastColAuto: props.columnResizable && !adjust,
361
361
  scrollWidth: scrollWidth,
362
- maxScrollLeft: scrollWidth - context.clientWidth,
362
+ // maxScrollLeft: scrollWidth - context.clientWidth,
363
363
  resizeFlag: resizeFlag
364
364
  };
365
365
  };
package/esm/components/use-table/use-table-virtual.d.ts CHANGED
@@ -15,7 +15,6 @@ interface UseTableVirtualProps {
15
15
  declare const useTableVirtual: (props: UseTableVirtualProps) => {
16
16
  scrollHeight: number;
17
17
  startIndex: number;
18
- innerLeft: number;
19
18
  innerTop: number;
20
19
  data: any[];
21
20
  handleScroll: (info: {
package/esm/components/use-table/use-table-virtual.d.ts.map CHANGED
@@ -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;CAC3C;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;;oBAuMpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAnGuB,MAAM,UAAU,MAAM;0BAxBtB,MAAM,QAAQ,MAAM;2BA+JnB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAWR,MAAM,GAAG,MAAM;CA2FnE,CAAC;AAEF,eAAe,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;CAC3C;AACD,QAAA,MAAM,eAAe,UAAW,oBAAoB;;;;;;oBA6LpC,MAAM;mBACP,MAAM;WACd,MAAM;gBACD,MAAM;kBACJ,OAAO;;0BAnGuB,MAAM,UAAU,MAAM;0BAjBtB,MAAM,QAAQ,MAAM;2BAuJnB,MAAM,aAAa,MAAM,IAAI;qCAoBnB,MAAM;mCAUR,MAAM,GAAG,MAAM;CAgGnE,CAAC;AAEF,eAAe,eAAe,CAAC"}
package/esm/components/use-table/use-table-virtual.js CHANGED
@@ -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
- innerLeft = _useState2[0],
35
- setLeft = _useState2[1];
36
- var _useState3 = useState(0),
34
+ innerTop = _useState2[0],
35
+ setTop = _useState2[1];
36
+ var _useState3 = useState(props.data.length * props.rowHeight),
37
37
  _useState4 = _slicedToArray(_useState3, 2),
38
- innerTop = _useState4[0],
39
- setTop = _useState4[1];
40
- var _useState5 = useState(props.data.length * props.rowHeight),
38
+ scrollHeight = _useState4[0],
39
+ setHeight = _useState4[1];
40
+ var _useState5 = useState(0),
41
41
  _useState6 = _slicedToArray(_useState5, 2),
42
- scrollHeight = _useState6[0],
43
- setHeight = _useState6[1];
42
+ startIndex = _useState6[0],
43
+ setStartIndex = _useState6[1];
44
44
  var _useState7 = useState(0),
45
45
  _useState8 = _slicedToArray(_useState7, 2),
46
- startIndex = _useState8[0],
47
- setStartIndex = _useState8[1];
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';
@@ -123,18 +118,11 @@ var useTableVirtual = function useTableVirtual(props) {
123
118
  }),
124
119
  context = _useRef.current;
125
120
  var getTranslate = usePersistFn(function (left, top) {
126
- var l = left === undefined ? sleft : left;
127
121
  var t = top === undefined ? innerTop + offsetY : top;
128
122
  if (t < 0) {
129
123
  t = 0;
130
124
  }
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)");
125
+ return "translate3d(0, ".concat(0 - t, "px, 0)");
138
126
  });
139
127
  var getContentHeight = function getContentHeight(index) {
140
128
  if (props.disabled) return 0;
@@ -236,12 +224,10 @@ var useTableVirtual = function useTableVirtual(props) {
236
224
  setHeight(sumHeight);
237
225
  });
238
226
  var handleScroll = function handleScroll(info) {
239
- var scrollLeft = info.scrollLeft,
240
- height = info.height,
227
+ var height = info.height,
241
228
  y = info.y,
242
229
  fromDrag = info.fromDrag;
243
230
  var scrollTop = info.scrollTop;
244
- setLeft(scrollLeft);
245
231
  if (props.disabled) {
246
232
  setTop(scrollTop);
247
233
  return;
@@ -298,7 +284,6 @@ var useTableVirtual = function useTableVirtual(props) {
298
284
  var max = scrollEl.scrollWidth - scrollEl.clientWidth;
299
285
  var left = Math.min(targetLeft, max);
300
286
  if (left === scrollEl.scrollLeft) return;
301
- setLeft(left);
302
287
  scrollEl.scrollLeft = left;
303
288
  });
304
289
  var scrollColumnIntoView = usePersistFn(function (colKey) {
@@ -317,6 +302,11 @@ var useTableVirtual = function useTableVirtual(props) {
317
302
  }
318
303
  scrollColumnByLeft(left);
319
304
  });
305
+ useEffect(function () {
306
+ if (props.scrollLeft) {
307
+ scrollColumnByLeft(props.scrollLeft);
308
+ }
309
+ }, [props.scrollLeft]);
320
310
  useEffect(function () {
321
311
  var scrollRefHeight = props.scrollRef.current ? props.scrollRef.current.clientHeight : 0;
322
312
  var tableRefHeight = props.innerRef.current ? props.innerRef.current.clientHeight : 0;
@@ -376,7 +366,6 @@ var useTableVirtual = function useTableVirtual(props) {
376
366
  return {
377
367
  scrollHeight: scrollHeight,
378
368
  startIndex: startIndex,
379
- innerLeft: sleft,
380
369
  innerTop: innerTop + offsetY,
381
370
  data: renderData,
382
371
  handleScroll: handleScroll,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/hooks",
3
- "version": "3.7.0-beta.1",
3
+ "version": "3.7.0-beta.3",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",