@sheinx/base 3.8.10-beta.8 → 3.8.10-beta.9

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.
@@ -4,6 +4,7 @@ interface scrollProps {
4
4
  scrollWidth: number | string;
5
5
  height?: number | string;
6
6
  children: React.ReactNode;
7
+ keepScrollTop?: boolean;
7
8
  wrapperRef?: React.RefObject<HTMLDivElement>;
8
9
  onScroll?: (info: {
9
10
  scrollLeft: number;
@@ -1 +1 @@
1
- {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,4CA+HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,4CAiIjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -30,7 +30,9 @@ var Scroll = function Scroll(props) {
30
30
  _props$scrollWidth = props.scrollWidth,
31
31
  scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
32
32
  _props$defaultHeight = props.defaultHeight,
33
- defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
33
+ defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
34
+ _props$keepScrollTop = props.keepScrollTop,
35
+ keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
34
36
  var _useResize = (0, _hooks.useResize)({
35
37
  targetRef: containerRef,
36
38
  timer: 100
@@ -55,7 +57,9 @@ var Scroll = function Scroll(props) {
55
57
 
56
58
  // 当滚动容器的高度为 0 时,paddingTop 为 0,避免滚动条抖动现象
57
59
  var paddingTop = (0, _react.useMemo)(function () {
58
- return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
60
+ var maxHeight = Math.max(0, scrollHeight - height);
61
+ if (keepScrollTop) return maxHeight;
62
+ return height === 0 ? 0 : maxHeight;
59
63
  }, [scrollHeight, height]);
60
64
  var placeStyle = {
61
65
  paddingTop: paddingTop,
@@ -1 +1 @@
1
- {"version":3,"file":"virtual-scroll-list.d.ts","sourceRoot":"","sources":["virtual-scroll-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,WAAW,0FAwQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"virtual-scroll-list.d.ts","sourceRoot":"","sources":["virtual-scroll-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,WAAW,0FAyQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -208,6 +208,7 @@ var VirtualList = function VirtualList(props) {
208
208
  wrapperRef: wrapperRef,
209
209
  onScroll: handleScroll,
210
210
  onMouseMove: handleMouseMove,
211
+ keepScrollTop: keepScrollTop,
211
212
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Tag, {
212
213
  className: tagClassName,
213
214
  style: innerStyle,
@@ -4,6 +4,7 @@ interface scrollProps {
4
4
  scrollWidth: number | string;
5
5
  height?: number | string;
6
6
  children: React.ReactNode;
7
+ keepScrollTop?: boolean;
7
8
  wrapperRef?: React.RefObject<HTMLDivElement>;
8
9
  onScroll?: (info: {
9
10
  scrollLeft: number;
@@ -1 +1 @@
1
- {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,4CA+HjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0B,MAAM,OAAO,CAAC;AAI/C,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,IAAI,EAAE;QAChB,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;QAClB,CAAC,EAAE,MAAM,CAAC;QACV,CAAC,EAAE,MAAM,CAAC;QACV,QAAQ,EAAE,OAAO,CAAC;QAClB,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,KAAK,IAAI,CAAC;IACX,gBAAgB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,4CAiIjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
@@ -23,7 +23,9 @@ var Scroll = function Scroll(props) {
23
23
  _props$scrollWidth = props.scrollWidth,
24
24
  scrollWidth = _props$scrollWidth === void 0 ? 0 : _props$scrollWidth,
25
25
  _props$defaultHeight = props.defaultHeight,
26
- defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight;
26
+ defaultHeight = _props$defaultHeight === void 0 ? 0 : _props$defaultHeight,
27
+ _props$keepScrollTop = props.keepScrollTop,
28
+ keepScrollTop = _props$keepScrollTop === void 0 ? false : _props$keepScrollTop;
27
29
  var _useResize = useResize({
28
30
  targetRef: containerRef,
29
31
  timer: 100
@@ -48,7 +50,9 @@ var Scroll = function Scroll(props) {
48
50
 
49
51
  // 当滚动容器的高度为 0 时,paddingTop 为 0,避免滚动条抖动现象
50
52
  var paddingTop = useMemo(function () {
51
- return height === 0 ? 0 : Math.max(0, Math.floor(scrollHeight - height));
53
+ var maxHeight = Math.max(0, scrollHeight - height);
54
+ if (keepScrollTop) return maxHeight;
55
+ return height === 0 ? 0 : maxHeight;
52
56
  }, [scrollHeight, height]);
53
57
  var placeStyle = {
54
58
  paddingTop: paddingTop,
@@ -1 +1 @@
1
- {"version":3,"file":"virtual-scroll-list.d.ts","sourceRoot":"","sources":["virtual-scroll-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,WAAW,0FAwQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
1
+ {"version":3,"file":"virtual-scroll-list.d.ts","sourceRoot":"","sources":["virtual-scroll-list.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAE9D,QAAA,MAAM,WAAW,0FAyQhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
@@ -199,6 +199,7 @@ var VirtualList = function VirtualList(props) {
199
199
  wrapperRef: wrapperRef,
200
200
  onScroll: handleScroll,
201
201
  onMouseMove: handleMouseMove,
202
+ keepScrollTop: keepScrollTop,
202
203
  children: /*#__PURE__*/_jsx(Tag, {
203
204
  className: tagClassName,
204
205
  style: innerStyle,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.8.10-beta.8",
3
+ "version": "3.8.10-beta.9",
4
4
  "description": "",
5
5
  "keywords": [],
6
6
  "license": "MIT",
@@ -10,7 +10,7 @@
10
10
  "module": "./esm/index.js",
11
11
  "typings": "./cjs/index.d.ts",
12
12
  "dependencies": {
13
- "@sheinx/hooks": "3.8.10-beta.8",
13
+ "@sheinx/hooks": "3.8.10-beta.9",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.1.3-alpha.0"