@sheinx/base 3.3.0-beta.12 → 3.3.0-beta.13

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 (15) hide show
  1. package/cjs/table/colgroup.d.ts.map +1 -1
  2. package/cjs/table/colgroup.js +2 -1
  3. package/cjs/table/table.d.ts.map +1 -1
  4. package/cjs/table/table.js +3 -2
  5. package/cjs/virtual-scroll/scroll.d.ts +1 -0
  6. package/cjs/virtual-scroll/scroll.d.ts.map +1 -1
  7. package/cjs/virtual-scroll/scroll.js +11 -3
  8. package/esm/table/colgroup.d.ts.map +1 -1
  9. package/esm/table/colgroup.js +2 -1
  10. package/esm/table/table.d.ts.map +1 -1
  11. package/esm/table/table.js +3 -2
  12. package/esm/virtual-scroll/scroll.d.ts +1 -0
  13. package/esm/virtual-scroll/scroll.d.ts.map +1 -1
  14. package/esm/virtual-scroll/scroll.js +11 -3
  15. package/package.json +2 -2
package/cjs/table/colgroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colgroup.d.ts","sourceRoot":"","sources":["colgroup.tsx"],"names":[],"mappings":";AAAA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AACD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA0BrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"colgroup.d.ts","sourceRoot":"","sources":["colgroup.tsx"],"names":[],"mappings":";AAAA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AACD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA2BrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/cjs/table/colgroup.js CHANGED
@@ -15,9 +15,10 @@ var Colgroup = function Colgroup(props) {
15
15
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("colgroup", {
16
16
  children: colgroup === null || colgroup === void 0 ? void 0 : colgroup.map(function (item, index) {
17
17
  var isLast = index === colgroup.length - 1;
18
+ var width = isLast && props.shouldLastColAuto ? undefined : item;
18
19
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("col", {
19
20
  style: {
20
- width: isLast && props.shouldLastColAuto ? undefined : item
21
+ width: width
21
22
  }
22
23
  }, columns[index].key);
23
24
  })
package/cjs/table/table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,wBAwdE"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,wBAydE"}
package/cjs/table/table.js CHANGED
@@ -323,8 +323,8 @@ var _default = exports.default = function _default(props) {
323
323
  parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
324
324
  };
325
325
  var isRenderBaseTable = !virtual && !isScrollY && !props.sticky && ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.length);
326
- var headWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, (isScrollY && scrollBarWidth || isRenderBaseTable) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
327
- var footWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, (isScrollY && scrollBarWidth || isRenderBaseTable) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
326
+ var headWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
327
+ var footWrapperClass = (0, _classnames.default)(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
328
328
  if (isRenderBaseTable) {
329
329
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
330
330
  ref: scrollRef,
@@ -363,6 +363,7 @@ var _default = exports.default = function _default(props) {
363
363
  scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
364
364
  onScroll: handleVirtualScroll,
365
365
  defaultHeight: context.emptyHeight,
366
+ isScrollY: isScrollY,
366
367
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
367
368
  style: {
368
369
  width: width,
package/cjs/virtual-scroll/scroll.d.ts CHANGED
@@ -19,6 +19,7 @@ interface scrollProps {
19
19
  scrollerStyle?: React.CSSProperties;
20
20
  onMouseMove?: () => void;
21
21
  defaultHeight?: number;
22
+ isScrollY?: boolean;
22
23
  }
23
24
  declare const Scroll: (props: scrollProps) => JSX.Element;
24
25
  export default Scroll;
package/cjs/virtual-scroll/scroll.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBA2FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,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,gBAmGjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/cjs/virtual-scroll/scroll.js CHANGED
@@ -20,7 +20,8 @@ var Scroll = function Scroll(props) {
20
20
  var containerRef = (0, _react.useRef)(null);
21
21
  var _useRef = (0, _react.useRef)({
22
22
  timer: null,
23
- isMouseDown: false
23
+ isMouseDown: false,
24
+ lastPaddingTop: 0
24
25
  }),
25
26
  context = _useRef.current;
26
27
  var _props$scrollHeight = props.scrollHeight,
@@ -49,10 +50,17 @@ var Scroll = function Scroll(props) {
49
50
  overflow: 'hidden',
50
51
  position: 'sticky'
51
52
  }, isRtl ? 'right' : 'left', 0), "top", 0);
53
+ var pd = context.lastPaddingTop;
54
+ if (height > 0 && scrollHeight > 0) {
55
+ pd = Math.max(0, Math.floor(scrollHeight - height));
56
+ context.lastPaddingTop = pd;
57
+ }
52
58
  var placeStyle = {
53
- paddingTop: height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0,
59
+ paddingTop: pd,
54
60
  width: scrollWidth,
55
- overflow: 'hidden',
61
+ overflow: props.isScrollY ? 'hidden' : 'auto hidden',
62
+ height: props.isScrollY ? 0 : 1,
63
+ marginTop: props.isScrollY ? 0 : -1,
56
64
  lineHeight: 0
57
65
  };
58
66
  var handleScroll = (0, _hooks.usePersistFn)(function (e) {
package/esm/table/colgroup.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"colgroup.d.ts","sourceRoot":"","sources":["colgroup.tsx"],"names":[],"mappings":";AAAA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AACD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA0BrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"colgroup.d.ts","sourceRoot":"","sources":["colgroup.tsx"],"names":[],"mappings":";AAAA,UAAU,aAAa;IACrB,QAAQ,CAAC,EAAE,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IAClC,OAAO,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IACrD,iBAAiB,EAAE,OAAO,CAAC;CAC5B;AACD,QAAA,MAAM,QAAQ,UAAW,aAAa,gBA2BrC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
package/esm/table/colgroup.js CHANGED
@@ -9,9 +9,10 @@ var Colgroup = function Colgroup(props) {
9
9
  return /*#__PURE__*/_jsx("colgroup", {
10
10
  children: colgroup === null || colgroup === void 0 ? void 0 : colgroup.map(function (item, index) {
11
11
  var isLast = index === colgroup.length - 1;
12
+ var width = isLast && props.shouldLastColAuto ? undefined : item;
12
13
  return /*#__PURE__*/_jsx("col", {
13
14
  style: {
14
- width: isLast && props.shouldLastColAuto ? undefined : item
15
+ width: width
15
16
  }
16
17
  }, columns[index].key);
17
18
  })
package/esm/table/table.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,wBAwdE"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,wBAydE"}
package/esm/table/table.js CHANGED
@@ -316,8 +316,8 @@ export default (function (props) {
316
316
  parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
317
317
  };
318
318
  var isRenderBaseTable = !virtual && !isScrollY && !props.sticky && ((_props$data3 = props.data) === null || _props$data3 === void 0 ? void 0 : _props$data3.length);
319
- var headWrapperClass = classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, (isScrollY && scrollBarWidth || isRenderBaseTable) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
320
- var footWrapperClass = classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, (isScrollY && scrollBarWidth || isRenderBaseTable) && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
319
+ var headWrapperClass = classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.headWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
320
+ var footWrapperClass = classNames(tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.footWrapper, isScrollY && scrollBarWidth && (tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.scrollY));
321
321
  if (isRenderBaseTable) {
322
322
  return /*#__PURE__*/_jsx("div", {
323
323
  ref: scrollRef,
@@ -356,6 +356,7 @@ export default (function (props) {
356
356
  scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
357
357
  onScroll: handleVirtualScroll,
358
358
  defaultHeight: context.emptyHeight,
359
+ isScrollY: isScrollY,
359
360
  children: /*#__PURE__*/_jsxs("table", {
360
361
  style: {
361
362
  width: width,
package/esm/virtual-scroll/scroll.d.ts CHANGED
@@ -19,6 +19,7 @@ interface scrollProps {
19
19
  scrollerStyle?: React.CSSProperties;
20
20
  onMouseMove?: () => void;
21
21
  defaultHeight?: number;
22
+ isScrollY?: boolean;
22
23
  }
23
24
  declare const Scroll: (props: scrollProps) => JSX.Element;
24
25
  export default Scroll;
package/esm/virtual-scroll/scroll.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,QAAA,MAAM,MAAM,UAAW,WAAW,gBA2FjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
1
+ {"version":3,"file":"scroll.d.ts","sourceRoot":"","sources":["scroll.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAItC,UAAU,WAAW;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACpC,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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,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,gBAmGjC,CAAC;AAEF,eAAe,MAAM,CAAC"}
package/esm/virtual-scroll/scroll.js CHANGED
@@ -13,7 +13,8 @@ var Scroll = function Scroll(props) {
13
13
  var containerRef = useRef(null);
14
14
  var _useRef = useRef({
15
15
  timer: null,
16
- isMouseDown: false
16
+ isMouseDown: false,
17
+ lastPaddingTop: 0
17
18
  }),
18
19
  context = _useRef.current;
19
20
  var _props$scrollHeight = props.scrollHeight,
@@ -42,10 +43,17 @@ var Scroll = function Scroll(props) {
42
43
  overflow: 'hidden',
43
44
  position: 'sticky'
44
45
  }, isRtl ? 'right' : 'left', 0), "top", 0);
46
+ var pd = context.lastPaddingTop;
47
+ if (height > 0 && scrollHeight > 0) {
48
+ pd = Math.max(0, Math.floor(scrollHeight - height));
49
+ context.lastPaddingTop = pd;
50
+ }
45
51
  var placeStyle = {
46
- paddingTop: height > 0 && scrollHeight > 0 ? Math.max(0, Math.floor(scrollHeight - height)) : 0,
52
+ paddingTop: pd,
47
53
  width: scrollWidth,
48
- overflow: 'hidden',
54
+ overflow: props.isScrollY ? 'hidden' : 'auto hidden',
55
+ height: props.isScrollY ? 0 : 1,
56
+ marginTop: props.isScrollY ? 0 : -1,
49
57
  lineHeight: 0
50
58
  };
51
59
  var handleScroll = usePersistFn(function (e) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sheinx/base",
3
- "version": "3.3.0-beta.12",
3
+ "version": "3.3.0-beta.13",
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.3.0-beta.12",
13
+ "@sheinx/hooks": "3.3.0-beta.13",
14
14
  "immer": "^10.0.0",
15
15
  "classnames": "^2.0.0",
16
16
  "@shined/reactive": "^0.1.3-alpha.0"