@sheinx/base 3.3.0-beta.9 → 3.3.0-fix.1

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 (69) hide show
  1. package/cjs/card/card.js +11 -11
  2. package/cjs/cascader/cascader.d.ts.map +1 -1
  3. package/cjs/cascader/cascader.js +4 -0
  4. package/cjs/checkbox/checkbox-group.d.ts.map +1 -1
  5. package/cjs/checkbox/checkbox-group.js +4 -1
  6. package/cjs/icons/config.js +1 -1
  7. package/cjs/menu/menu.js +1 -1
  8. package/cjs/menu/menu.type.d.ts +1 -1
  9. package/cjs/menu/search.js +3 -3
  10. package/cjs/menu/search.type.d.ts +1 -1
  11. package/cjs/modal/modal-content.d.ts.map +1 -1
  12. package/cjs/modal/modal-content.js +16 -6
  13. package/cjs/modal/modal.type.d.ts +3 -2
  14. package/cjs/modal/modal.type.d.ts.map +1 -1
  15. package/cjs/spin/spin.d.ts.map +1 -1
  16. package/cjs/spin/spin.js +2 -1
  17. package/cjs/spin/spin.type.d.ts +5 -0
  18. package/cjs/spin/spin.type.d.ts.map +1 -1
  19. package/cjs/spin/spins.d.ts.map +1 -1
  20. package/cjs/spin/spins.js +24 -37
  21. package/cjs/steps/step.default.js +1 -2
  22. package/cjs/table/colgroup.d.ts.map +1 -1
  23. package/cjs/table/colgroup.js +2 -1
  24. package/cjs/table/table.d.ts.map +1 -1
  25. package/cjs/table/table.js +5 -3
  26. package/cjs/table/table.type.d.ts +1 -1
  27. package/cjs/table/table.type.d.ts.map +1 -1
  28. package/cjs/tooltip/tooltip.d.ts.map +1 -1
  29. package/cjs/tooltip/tooltip.js +3 -0
  30. package/cjs/tooltip/tooltip.type.d.ts +6 -2
  31. package/cjs/tooltip/tooltip.type.d.ts.map +1 -1
  32. package/cjs/virtual-scroll/scroll.d.ts +1 -0
  33. package/cjs/virtual-scroll/scroll.d.ts.map +1 -1
  34. package/cjs/virtual-scroll/scroll.js +11 -3
  35. package/esm/card/card.js +11 -11
  36. package/esm/cascader/cascader.d.ts.map +1 -1
  37. package/esm/cascader/cascader.js +5 -1
  38. package/esm/checkbox/checkbox-group.d.ts.map +1 -1
  39. package/esm/checkbox/checkbox-group.js +4 -1
  40. package/esm/icons/config.js +1 -1
  41. package/esm/menu/menu.js +1 -1
  42. package/esm/menu/menu.type.d.ts +1 -1
  43. package/esm/menu/search.js +3 -3
  44. package/esm/menu/search.type.d.ts +1 -1
  45. package/esm/modal/modal-content.d.ts.map +1 -1
  46. package/esm/modal/modal-content.js +17 -7
  47. package/esm/modal/modal.type.d.ts +3 -2
  48. package/esm/modal/modal.type.d.ts.map +1 -1
  49. package/esm/spin/spin.d.ts.map +1 -1
  50. package/esm/spin/spin.js +2 -1
  51. package/esm/spin/spin.type.d.ts +5 -0
  52. package/esm/spin/spin.type.d.ts.map +1 -1
  53. package/esm/spin/spins.d.ts.map +1 -1
  54. package/esm/spin/spins.js +24 -37
  55. package/esm/steps/step.default.js +1 -2
  56. package/esm/table/colgroup.d.ts.map +1 -1
  57. package/esm/table/colgroup.js +2 -1
  58. package/esm/table/table.d.ts.map +1 -1
  59. package/esm/table/table.js +5 -3
  60. package/esm/table/table.type.d.ts +1 -1
  61. package/esm/table/table.type.d.ts.map +1 -1
  62. package/esm/tooltip/tooltip.d.ts.map +1 -1
  63. package/esm/tooltip/tooltip.js +3 -0
  64. package/esm/tooltip/tooltip.type.d.ts +6 -2
  65. package/esm/tooltip/tooltip.type.d.ts.map +1 -1
  66. package/esm/virtual-scroll/scroll.d.ts +1 -0
  67. package/esm/virtual-scroll/scroll.d.ts.map +1 -1
  68. package/esm/virtual-scroll/scroll.js +11 -3
  69. package/package.json +2 -2
package/cjs/card/card.js CHANGED
@@ -37,8 +37,8 @@ var Card = function Card(props) {
37
37
  context = _useRef.current;
38
38
  var _useState = (0, _react.useState)(props.defaultCollapsed),
39
39
  _useState2 = _slicedToArray(_useState, 2),
40
- collpased = _useState2[0],
41
- setCollpased = _useState2[1];
40
+ collapsed = _useState2[0],
41
+ setCollapsed = _useState2[1];
42
42
  var moveInfo = (0, _hooks.useDragMove)();
43
43
  var resizeInfo = (0, _hooks.useDragResize)({
44
44
  defaultWidth: style === null || style === void 0 ? void 0 : style.width,
@@ -58,13 +58,13 @@ var Card = function Card(props) {
58
58
  }, []);
59
59
  var id = (_props$id = props.id) !== null && _props$id !== void 0 ? _props$id : context.id;
60
60
  var collapsible = props.collapsible || inAccordion;
61
- var getCollpased = function getCollpased() {
61
+ var getCollapsed = function getCollapsed() {
62
62
  if (inAccordion) return activeId !== id;
63
63
  if (!collapsible) return false;
64
64
  if (props.collapsed !== undefined) return !!props.collapsed;
65
- return collpased;
65
+ return collapsed;
66
66
  };
67
- var handleCollpased = (0, _hooks.usePersistFn)(function () {
67
+ var handleCollapsed = (0, _hooks.usePersistFn)(function () {
68
68
  var _props$onCollapse;
69
69
  if (inAccordion) {
70
70
  onActiveChange(id);
@@ -72,17 +72,17 @@ var Card = function Card(props) {
72
72
  }
73
73
  if (!collapsible) return;
74
74
  (_props$onCollapse = props.onCollapse) === null || _props$onCollapse === void 0 || _props$onCollapse.call(props, !props.collapsed);
75
- setCollpased(!collpased);
75
+ setCollapsed(!collapsed);
76
76
  });
77
- var realCollpased = getCollpased();
77
+ var realCollapsed = getCollapsed();
78
78
  var contextValue = (0, _react.useMemo)(function () {
79
79
  return {
80
- collapsed: realCollpased,
80
+ collapsed: realCollapsed,
81
81
  collapsible: collapsible,
82
- onCollapse: handleCollpased,
82
+ onCollapse: handleCollapsed,
83
83
  handleDragMouseDown: moveInfo.handleMouseDown
84
84
  };
85
- }, [realCollpased, collapsible]);
85
+ }, [realCollapsed, collapsible]);
86
86
  var alwaysShowShadow = props.shadow && props.shadow !== 'hover';
87
87
  var renderResize = function renderResize() {
88
88
  if (!props.resizable) return null;
@@ -108,7 +108,7 @@ var Card = function Card(props) {
108
108
  wrapStyle.transform = "translate(".concat(moveInfo.pos.x, "px, ").concat(moveInfo.pos.y, "px)");
109
109
  }
110
110
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
111
- className: (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapper, props.shadow === 'hover' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperHover), alwaysShowShadow && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperShadow), collapsible && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsible), realCollpased && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsed), props.resizable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperResizable), props.moveable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperMoveable), props.split && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperSplit), inAccordion && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperInAccordion)),
111
+ className: (0, _classnames.default)(props.className, cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapper, props.shadow === 'hover' && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperHover), alwaysShowShadow && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperShadow), collapsible && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsible), realCollapsed && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperCollapsed), props.resizable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperResizable), props.moveable && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperMoveable), props.split && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperSplit), inAccordion && (cardClasses === null || cardClasses === void 0 ? void 0 : cardClasses.wrapperInAccordion)),
112
112
  ref: panelRef,
113
113
  style: wrapStyle,
114
114
  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_card.CardContext.Provider, {
@@ -1 +1 @@
1
- {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAYhD,QAAA,MAAM,QAAQ,iGA0sBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
1
+ {"version":3,"file":"cascader.d.ts","sourceRoot":"","sources":["cascader.tsx"],"names":[],"mappings":";AAEA,OAAO,EAML,YAAY,EAIb,MAAM,eAAe,CAAC;AAMvB,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAYhD,QAAA,MAAM,QAAQ,iGA+sBb,CAAC;AACF,eAAe,QAAQ,CAAC"}
@@ -148,6 +148,9 @@ var Cascader = function Cascader(props0) {
148
148
  onFilter = _useFilter.onFilter;
149
149
  var isDataEmpty = !filterData || filterData.length === 0;
150
150
  var isMultiple = multiple === true || mode !== undefined;
151
+ var updateKey = (0, _react.useMemo)(function () {
152
+ return path.join('-');
153
+ }, [path]);
151
154
  var _useCascader = (0, _hooks.useCascader)({
152
155
  data: data,
153
156
  control: 'value' in props,
@@ -650,6 +653,7 @@ var Cascader = function Cascader(props0) {
650
653
  absolute: absolute,
651
654
  zIndex: zIndex,
652
655
  position: position,
656
+ updateKey: updateKey,
653
657
  popupGap: 4,
654
658
  popupElRef: popupRef,
655
659
  parentElRef: targetRef,
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["checkbox-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQ3D,QAAA,MAAM,KAAK;;;oBAyFG,GAAG;wBACC,GAAG;;CAHpB,CAAC;AAMF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"checkbox-group.d.ts","sourceRoot":"","sources":["checkbox-group.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAQ3D,QAAA,MAAM,KAAK;;;oBA2FG,GAAG;wBACC,GAAG;;CAHpB,CAAC;AAMF,eAAe,KAAK,CAAC"}
@@ -20,6 +20,7 @@ var Group = function Group(props0) {
20
20
  block = props.block,
21
21
  keygen = props.keygen,
22
22
  jssStyle = props.jssStyle,
23
+ size = props.size,
23
24
  style = props.style,
24
25
  disabled = props.disabled;
25
26
  var checkboxStyle = jssStyle === null || jssStyle === void 0 || (_jssStyle$checkbox = jssStyle.checkbox) === null || _jssStyle$checkbox === void 0 ? void 0 : _jssStyle$checkbox.call(jssStyle);
@@ -64,7 +65,8 @@ var Group = function Group(props0) {
64
65
  var providerValue = {
65
66
  checked: isChecked,
66
67
  onChange: handleItemChange,
67
- disabled: disabled
68
+ disabled: disabled,
69
+ size: size
68
70
  };
69
71
  var groupClass = (0, _classnames.default)(className, checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.group, !!block && (checkboxStyle === null || checkboxStyle === void 0 ? void 0 : checkboxStyle.groupBlock));
70
72
  if (props.data === undefined) {
@@ -83,6 +85,7 @@ var Group = function Group(props0) {
83
85
  children: [props.data.map(function (d, i) {
84
86
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.default, {
85
87
  jssStyle: jssStyle,
88
+ size: size,
86
89
  checked: datum.check(d),
87
90
  disabled: datum.disabledCheck(d),
88
91
  htmlValue: d,
@@ -69,7 +69,7 @@ var config = {
69
69
  ArrowLeft: _icons.default.ArrowLeft,
70
70
  Hide: _icons.default.Hide,
71
71
  Show: _icons.default.Display,
72
- Close: _icons.default.CloseOpaqueMultic1
72
+ Close: _icons.default.PcCloseCircleFill
73
73
  },
74
74
  menu: {
75
75
  CollapseArrow: _icons.default.ArrowDown,
package/cjs/menu/menu.js CHANGED
@@ -92,7 +92,7 @@ var Menu = function Menu(props) {
92
92
  }
93
93
  }, [data, openKeys]);
94
94
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", _objectSpread(_objectSpread({
95
- className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollpase), context.inTransition && (classes === null || classes === void 0 ? void 0 : classes.wrapperInTransition))
95
+ className: (0, _classnames.default)(props.className, classes === null || classes === void 0 ? void 0 : classes.wrapper, mode === 'inline' && (classes === null || classes === void 0 ? void 0 : classes.wrapperInline), (mode === 'vertical' || mode === 'vertical-auto') && (classes === null || classes === void 0 ? void 0 : classes.wrapperVertical), mode === 'horizontal' && (classes === null || classes === void 0 ? void 0 : classes.wrapperHorizontal), hasOpen && (classes === null || classes === void 0 ? void 0 : classes.wrapperHasOpen), theme === 'dark' ? classes === null || classes === void 0 ? void 0 : classes.wrapperDark : classes === null || classes === void 0 ? void 0 : classes.wrapperLight, collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapse), context.inTransition && (classes === null || classes === void 0 ? void 0 : classes.wrapperInTransition))
96
96
  }, _hooks.util.getDataAttribute({
97
97
  theme: theme,
98
98
  mode: isVertical ? 'vertical' : mode
@@ -12,7 +12,7 @@ export interface MenuClasses {
12
12
  wrapperHasOpen: string;
13
13
  wrapperLight: string;
14
14
  wrapperDark: string;
15
- wrapperCollpase: string;
15
+ wrapperCollapse: string;
16
16
  wrapperInTransition: string;
17
17
  header: string;
18
18
  root: string;
@@ -10,7 +10,7 @@ var _input = require("../input");
10
10
  var _classnames = _interopRequireDefault(require("classnames"));
11
11
  var _icons = _interopRequireDefault(require("../icons"));
12
12
  var _jsxRuntime = require("react/jsx-runtime");
13
- var _excluded = ["tip", "status", "innerTitle", "placeTitle", "onSearchClick", "collpase", "theme", "jssStyle", "className", "style"];
13
+ var _excluded = ["tip", "status", "innerTitle", "placeTitle", "onSearchClick", "collapse", "theme", "jssStyle", "className", "style"];
14
14
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
15
15
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
16
16
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -26,7 +26,7 @@ var Search = function Search(props) {
26
26
  _innerTitle = props.innerTitle,
27
27
  _placeTitle = props.placeTitle,
28
28
  onSearchClick = props.onSearchClick,
29
- collpase = props.collpase,
29
+ collapse = props.collapse,
30
30
  _props$theme = props.theme,
31
31
  theme = _props$theme === void 0 ? 'light' : _props$theme,
32
32
  jssStyle = props.jssStyle,
@@ -39,7 +39,7 @@ var Search = function Search(props) {
39
39
  children: _icons.default.menu.Search
40
40
  });
41
41
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
42
- className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.wrapper, theme === 'light' && (classes === null || classes === void 0 ? void 0 : classes.wrapperLight), theme === 'dark' && (classes === null || classes === void 0 ? void 0 : classes.wrapperDark), !!rest.disabled && (classes === null || classes === void 0 ? void 0 : classes.wrapperDisabled), collpase && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapsed), className),
42
+ className: (0, _classnames.default)(classes === null || classes === void 0 ? void 0 : classes.wrapper, theme === 'light' && (classes === null || classes === void 0 ? void 0 : classes.wrapperLight), theme === 'dark' && (classes === null || classes === void 0 ? void 0 : classes.wrapperDark), !!rest.disabled && (classes === null || classes === void 0 ? void 0 : classes.wrapperDisabled), collapse && (classes === null || classes === void 0 ? void 0 : classes.wrapperCollapsed), className),
43
43
  style: style,
44
44
  onClick: !props.disabled ? onSearchClick : undefined,
45
45
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_input.Input, _objectSpread(_objectSpread({
@@ -17,7 +17,7 @@ export interface MenuSearchProps extends Omit<InputProps, 'tip' | 'status' | 'in
17
17
  * @cn 是否折叠
18
18
  * @en Whether to collapse
19
19
  */
20
- collpase?: boolean;
20
+ collapse?: boolean;
21
21
  /**
22
22
  * @cn 主题
23
23
  * @en Theme
@@ -1 +1 @@
1
- {"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBAmTtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"modal-content.d.ts","sourceRoot":"","sources":["modal-content.tsx"],"names":[],"mappings":";AAQA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAoB9D,QAAA,MAAM,KAAK,UAAW,iBAAiB,uBAsUtC,CAAC;AAEF,eAAe,KAAK,CAAC"}
@@ -208,24 +208,34 @@ var Modal = function Modal(props) {
208
208
  }, []);
209
209
 
210
210
  // render
211
-
212
- var renderIcon = function renderIcon() {
211
+ var renderIcon = function renderIcon(isEmptyTitle) {
212
+ var iconRoot = (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerIcon, isEmptyTitle && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyIcon));
213
213
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_alertIcon.default, {
214
214
  jssStyle: props.jssStyle,
215
215
  type: props.type,
216
- className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerIcon
216
+ className: iconRoot
217
217
  });
218
218
  };
219
219
  var renderHeader = function renderHeader() {
220
- var showCloseIcon = maskCloseAble === null || !!maskCloseAble;
220
+ var showCloseIcon = (maskCloseAble === null || !!maskCloseAble) && !props.hideClose;
221
221
  var isEmptyTitle = !props.title && props.title !== 0;
222
+ if (isEmptyTitle) {
223
+ var closeRoot = (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose, modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.emptyClose);
224
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
225
+ children: [renderIcon(isEmptyTitle), showCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
226
+ className: closeRoot,
227
+ onClick: handleClose,
228
+ children: _icons.default.modal.Close
229
+ })]
230
+ });
231
+ }
222
232
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
223
- className: (0, _classnames.default)(modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header, isEmptyTitle && (modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerEmptyTitle)),
233
+ className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.header,
224
234
  onMouseDown: props.moveable ? moveInfo.handleMouseDown : undefined,
225
235
  children: [renderIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
226
236
  className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerTitle,
227
237
  children: props.title
228
- }), showCloseIcon && !props.hideClose && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
238
+ }), showCloseIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
229
239
  className: modalClasses === null || modalClasses === void 0 ? void 0 : modalClasses.headerClose,
230
240
  onClick: handleClose,
231
241
  children: _icons.default.modal.Close
@@ -21,10 +21,11 @@ export interface ModalClasses {
21
21
  mask: string;
22
22
  panel: string;
23
23
  header: string;
24
- headerEmptyTitle: string;
25
24
  headerIcon: string;
25
+ emptyIcon: string;
26
26
  headerTitle: string;
27
27
  headerClose: string;
28
+ emptyClose: string;
28
29
  body: string;
29
30
  bodyWithIcon: string;
30
31
  footer: string;
@@ -159,7 +160,7 @@ export interface ModalProps extends Pick<CommonType, 'className' | 'style'> {
159
160
  hideClose?: boolean;
160
161
  /**
161
162
  * @en pop-up Title show status icon
162
- * @cn 弹出层 title 显示状态 icon
163
+ * @cn 弹出层 title 显示状态 icon,drawer模式下需配合title使用
163
164
  */
164
165
  type?: 'success' | 'info' | 'warning' | 'error';
165
166
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["modal.type.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"modal.type.d.ts","sourceRoot":"","sources":["modal.type.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBAoE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
1
+ {"version":3,"file":"spin.d.ts","sourceRoot":"","sources":["spin.tsx"],"names":[],"mappings":";AACA,OAAO,EAAe,SAAS,EAAE,MAAM,aAAa,CAAC;AAIrD,QAAA,MAAM,IAAI,WAAW,SAAS,uBAqE7B,CAAC;AAEF,eAAe,IAAI,CAAC"}
package/cjs/spin/spin.js CHANGED
@@ -25,6 +25,7 @@ var Spin = function Spin() {
25
25
  loading = props.loading,
26
26
  nameProps = props.name,
27
27
  tip = props.tip,
28
+ tipClassName = props.tipClassName,
28
29
  color = props.color,
29
30
  _props$mode = props.mode,
30
31
  mode = _props$mode === void 0 ? 'vertical' : _props$mode;
@@ -44,7 +45,7 @@ var Spin = function Spin() {
44
45
  };
45
46
  var renderTip = function renderTip() {
46
47
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
47
- className: (0, _classnames.default)(className, spinStyle.tip),
48
+ className: (0, _classnames.default)(tipClassName, spinStyle.tip),
48
49
  style: {
49
50
  color: color
50
51
  },
@@ -56,6 +56,11 @@ export interface BaseSpinProps {
56
56
  }
57
57
  export interface SpinProps extends Pick<CommonType, 'className' | 'style'> {
58
58
  jssStyle?: SpinStyle;
59
+ /**
60
+ * @en Tip className
61
+ * @cn tip 文案上的 className
62
+ */
63
+ tipClassName?: string;
59
64
  /**
60
65
  * @en Spin has children
61
66
  * @cn 作为包裹元素使用
@@ -1 +1 @@
1
- {"version":3,"file":"spin.type.d.ts","sourceRoot":"","sources":["spin.type.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"spin.type.d.ts","sourceRoot":"","sources":["spin.type.ts"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"spins.d.ts","sourceRoot":"","sources":["spins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgC,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;AAyQtE,wBAcE"}
1
+ {"version":3,"file":"spins.d.ts","sourceRoot":"","sources":["spins.tsx"],"names":[],"mappings":";AACA,OAAO,EAAgC,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;;;;;;;;;AAmOtE,wBAcE"}
package/cjs/spin/spins.js CHANGED
@@ -74,15 +74,14 @@ var Default = function Default(props) {
74
74
  var _jssStyle$spin4;
75
75
  var jssStyle = props.jssStyle,
76
76
  _props$size = props.size,
77
- size = _props$size === void 0 ? 'default' : _props$size,
78
- className = props.className;
77
+ size = _props$size === void 0 ? 'default' : _props$size;
79
78
  var _formatSize = (0, _utils.formatSize)(size),
80
79
  value = _formatSize.value,
81
80
  unit = _formatSize.unit;
82
81
  var sizeSet = Math.ceil(value / 12.5) + unit;
83
82
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin4 = jssStyle.spin) === null || _jssStyle$spin4 === void 0 ? void 0 : _jssStyle$spin4.call(jssStyle)) || {};
84
83
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
85
- className: (0, _classnames.default)(className, spinStyles.default),
84
+ className: spinStyles.default,
86
85
  count: 12,
87
86
  itemStyle: {
88
87
  width: sizeSet,
@@ -93,34 +92,31 @@ var Default = function Default(props) {
93
92
  };
94
93
  var ChasingDots = function ChasingDots(props) {
95
94
  var _jssStyle$spin5;
96
- var jssStyle = props.jssStyle,
97
- className = props.className;
95
+ var jssStyle = props.jssStyle;
98
96
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin5 = jssStyle.spin) === null || _jssStyle$spin5 === void 0 ? void 0 : _jssStyle$spin5.call(jssStyle)) || {};
99
97
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
100
98
  count: 2,
101
- className: (0, _classnames.default)(className, spinStyles.chasingDots),
99
+ className: spinStyles.chasingDots,
102
100
  render: renderSvgItem
103
101
  }));
104
102
  };
105
103
  var CubeGrid = function CubeGrid(props) {
106
104
  var _jssStyle$spin6;
107
- var jssStyle = props.jssStyle,
108
- className = props.className;
105
+ var jssStyle = props.jssStyle;
109
106
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin6 = jssStyle.spin) === null || _jssStyle$spin6 === void 0 ? void 0 : _jssStyle$spin6.call(jssStyle)) || {};
110
107
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
111
108
  count: 9,
112
- className: (0, _classnames.default)(className, spinStyles.cubeGrid),
109
+ className: spinStyles.cubeGrid,
113
110
  render: renderSimpleItem
114
111
  }));
115
112
  };
116
113
  var DoubleBounce = function DoubleBounce(props) {
117
114
  var _jssStyle$spin7;
118
- var jssStyle = props.jssStyle,
119
- className = props.className;
115
+ var jssStyle = props.jssStyle;
120
116
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin7 = jssStyle.spin) === null || _jssStyle$spin7 === void 0 ? void 0 : _jssStyle$spin7.call(jssStyle)) || {};
121
117
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
122
118
  count: 2,
123
- className: (0, _classnames.default)(className, spinStyles.doubleBounce),
119
+ className: spinStyles.doubleBounce,
124
120
  render: renderSimpleItem
125
121
  }));
126
122
  };
@@ -128,8 +124,7 @@ var FadingCircle = function FadingCircle(props) {
128
124
  var _jssStyle$spin8;
129
125
  var _props$size2 = props.size,
130
126
  size = _props$size2 === void 0 ? 40 : _props$size2,
131
- jssStyle = props.jssStyle,
132
- className = props.className;
127
+ jssStyle = props.jssStyle;
133
128
  var _formatSize2 = (0, _utils.formatSize)(size),
134
129
  value = _formatSize2.value,
135
130
  unit = _formatSize2.unit;
@@ -137,7 +132,7 @@ var FadingCircle = function FadingCircle(props) {
137
132
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin8 = jssStyle.spin) === null || _jssStyle$spin8 === void 0 ? void 0 : _jssStyle$spin8.call(jssStyle)) || {};
138
133
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
139
134
  count: 12,
140
- className: (0, _classnames.default)(className, spinStyles.fadingCircle),
135
+ className: spinStyles.fadingCircle,
141
136
  itemSize: itemSize,
142
137
  itemClass: (0, _classnames.default)(spinStyles.fade),
143
138
  render: renderSvgItem
@@ -147,8 +142,7 @@ var ScaleCircle = function ScaleCircle(props) {
147
142
  var _jssStyle$spin9;
148
143
  var _props$size3 = props.size,
149
144
  size = _props$size3 === void 0 ? 40 : _props$size3,
150
- jssStyle = props.jssStyle,
151
- className = props.className;
145
+ jssStyle = props.jssStyle;
152
146
  var _formatSize3 = (0, _utils.formatSize)(size),
153
147
  value = _formatSize3.value,
154
148
  unit = _formatSize3.unit;
@@ -156,7 +150,7 @@ var ScaleCircle = function ScaleCircle(props) {
156
150
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin9 = jssStyle.spin) === null || _jssStyle$spin9 === void 0 ? void 0 : _jssStyle$spin9.call(jssStyle)) || {};
157
151
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
158
152
  count: 12,
159
- className: (0, _classnames.default)(className, spinStyles.fadingCircle),
153
+ className: spinStyles.fadingCircle,
160
154
  itemSize: itemSize,
161
155
  itemClass: (0, _classnames.default)(spinStyles.scaleCircle),
162
156
  render: renderSvgItem
@@ -164,20 +158,18 @@ var ScaleCircle = function ScaleCircle(props) {
164
158
  };
165
159
  var FourDots = function FourDots(props) {
166
160
  var _jssStyle$spin10;
167
- var jssStyle = props.jssStyle,
168
- className = props.className;
161
+ var jssStyle = props.jssStyle;
169
162
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin10 = jssStyle.spin) === null || _jssStyle$spin10 === void 0 ? void 0 : _jssStyle$spin10.call(jssStyle)) || {};
170
163
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
171
164
  count: 4,
172
- className: (0, _classnames.default)(className, spinStyles.fourDots),
165
+ className: spinStyles.fourDots,
173
166
  render: renderSvgItem
174
167
  }));
175
168
  };
176
169
  var Plane = function Plane(props) {
177
170
  var _jssStyle$spin11;
178
171
  var color = props.color,
179
- jssStyle = props.jssStyle,
180
- className = props.className;
172
+ jssStyle = props.jssStyle;
181
173
  var style = {
182
174
  backgroundColor: color
183
175
  };
@@ -185,14 +177,13 @@ var Plane = function Plane(props) {
185
177
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
186
178
  count: 0,
187
179
  style: style,
188
- className: (0, _classnames.default)(className, spinStyles.plane)
180
+ className: spinStyles.plane
189
181
  }));
190
182
  };
191
183
  var Pulse = function Pulse(props) {
192
184
  var _jssStyle$spin12;
193
185
  var color = props.color,
194
- jssStyle = props.jssStyle,
195
- className = props.className;
186
+ jssStyle = props.jssStyle;
196
187
  var style = {
197
188
  backgroundColor: color
198
189
  };
@@ -200,7 +191,7 @@ var Pulse = function Pulse(props) {
200
191
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
201
192
  count: 0,
202
193
  style: style,
203
- className: (0, _classnames.default)(className, spinStyles.pulse)
194
+ className: spinStyles.pulse
204
195
  }));
205
196
  };
206
197
  var Ring = function Ring(props) {
@@ -209,7 +200,6 @@ var Ring = function Ring(props) {
209
200
  size = _props$size4 === void 0 ? 40 : _props$size4,
210
201
  color = props.color,
211
202
  jssStyle = props.jssStyle,
212
- className = props.className,
213
203
  _props$style = props.style,
214
204
  styleProp = _props$style === void 0 ? {} : _props$style;
215
205
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin13 = jssStyle.spin) === null || _jssStyle$spin13 === void 0 ? void 0 : _jssStyle$spin13.call(jssStyle)) || {};
@@ -226,15 +216,14 @@ var Ring = function Ring(props) {
226
216
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
227
217
  count: 0,
228
218
  style: style,
229
- className: (0, _classnames.default)(className, spinStyles.ring)
219
+ className: spinStyles.ring
230
220
  }));
231
221
  };
232
222
  var ThreeBounce = function ThreeBounce(props) {
233
223
  var _jssStyle$spin14;
234
224
  var _props$size5 = props.size,
235
225
  size = _props$size5 === void 0 ? 40 : _props$size5,
236
- jssStyle = props.jssStyle,
237
- className = props.className;
226
+ jssStyle = props.jssStyle;
238
227
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin14 = jssStyle.spin) === null || _jssStyle$spin14 === void 0 ? void 0 : _jssStyle$spin14.call(jssStyle)) || {};
239
228
  var _formatSize5 = (0, _utils.formatSize)(size),
240
229
  value = _formatSize5.value,
@@ -246,7 +235,7 @@ var ThreeBounce = function ThreeBounce(props) {
246
235
  width: value * 2 + unit,
247
236
  height: 'auto'
248
237
  },
249
- className: (0, _classnames.default)(className, spinStyles.threeBounce),
238
+ className: spinStyles.threeBounce,
250
239
  render: renderSvgItem
251
240
  }));
252
241
  };
@@ -254,8 +243,7 @@ var Wave = function Wave(props) {
254
243
  var _jssStyle$spin15;
255
244
  var _props$size6 = props.size,
256
245
  size = _props$size6 === void 0 ? 40 : _props$size6,
257
- jssStyle = props.jssStyle,
258
- className = props.className;
246
+ jssStyle = props.jssStyle;
259
247
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin15 = jssStyle.spin) === null || _jssStyle$spin15 === void 0 ? void 0 : _jssStyle$spin15.call(jssStyle)) || {};
260
248
  var _formatSize6 = (0, _utils.formatSize)(size),
261
249
  value = _formatSize6.value,
@@ -274,7 +262,7 @@ var Wave = function Wave(props) {
274
262
  marginRight: margin
275
263
  },
276
264
  count: 5,
277
- className: (0, _classnames.default)(className, spinStyles.wave),
265
+ className: spinStyles.wave,
278
266
  render: renderSimpleItem
279
267
  }));
280
268
  };
@@ -283,7 +271,6 @@ var ChasingRing = function ChasingRing(props) {
283
271
  var _props$size7 = props.size,
284
272
  size = _props$size7 === void 0 ? 40 : _props$size7,
285
273
  color = props.color,
286
- className = props.className,
287
274
  jssStyle = props.jssStyle;
288
275
  var spinStyles = (jssStyle === null || jssStyle === void 0 || (_jssStyle$spin16 = jssStyle.spin) === null || _jssStyle$spin16 === void 0 ? void 0 : _jssStyle$spin16.call(jssStyle)) || {};
289
276
  var _formatSize7 = (0, _utils.formatSize)(size),
@@ -298,7 +285,7 @@ var ChasingRing = function ChasingRing(props) {
298
285
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.default, _objectSpread(_objectSpread({}, props), {}, {
299
286
  count: 4,
300
287
  itemStyle: style,
301
- className: (0, _classnames.default)(className, spinStyles.chasingRing),
288
+ className: spinStyles.chasingRing,
302
289
  render: renderSimpleItem
303
290
  }));
304
291
  };
@@ -53,7 +53,6 @@ var DefaultStep = function DefaultStep(props) {
53
53
  var renderIcon = function renderIcon() {
54
54
  if (renderIconProp) return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
55
55
  className: iconClass,
56
- onClick: onChange,
57
56
  dir: config.direction,
58
57
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
59
58
  className: styles.iconWrapper,
@@ -70,7 +69,6 @@ var DefaultStep = function DefaultStep(props) {
70
69
  }
71
70
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
72
71
  className: iconClass,
73
- onClick: onChange,
74
72
  children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
75
73
  className: styles.iconWrapper,
76
74
  children: iconComponent
@@ -85,6 +83,7 @@ var DefaultStep = function DefaultStep(props) {
85
83
  };
86
84
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
87
85
  className: rootClass,
86
+ onClick: onChange,
88
87
  children: [showTail && renderTail(), renderIcon(), renderContent()]
89
88
  });
90
89
  };
@@ -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"}
@@ -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
  })
@@ -1 +1 @@
1
- {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,wBAodE"}
1
+ {"version":3,"file":"table.d.ts","sourceRoot":"","sources":["table.tsx"],"names":[],"mappings":";AAsBA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;;AAyB1C,wBAydE"}
@@ -310,8 +310,6 @@ var _default = exports.default = function _default(props) {
310
310
  jssStyle: props.jssStyle,
311
311
  colgroup: colgroup
312
312
  };
313
- 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));
314
- 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));
315
313
  var fixRightNum = (isRtl ? -1 * maxScrollLeft : maxScrollLeft) - virtualInfo.innerLeft;
316
314
  var Wrapper = props.sticky ? _sticky.default : _react.default.Fragment;
317
315
  var sticky = _typeof(props.sticky) === 'object' ? props.sticky : {
@@ -324,7 +322,10 @@ var _default = exports.default = function _default(props) {
324
322
  css: sticky === null || sticky === void 0 ? void 0 : sticky.css,
325
323
  parent: tableRef === null || tableRef === void 0 ? void 0 : tableRef.current
326
324
  };
327
- if (!virtual && !isScrollY && !props.sticky && (_props$data3 = props.data) !== null && _props$data3 !== void 0 && _props$data3.length) {
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 && (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
+ if (isRenderBaseTable) {
328
329
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
329
330
  ref: scrollRef,
330
331
  className: tableClasses === null || tableClasses === void 0 ? void 0 : tableClasses.bodyWrapper,
@@ -362,6 +363,7 @@ var _default = exports.default = function _default(props) {
362
363
  scrollHeight: virtual ? virtualInfo.scrollHeight : tbodyHeight,
363
364
  onScroll: handleVirtualScroll,
364
365
  defaultHeight: context.emptyHeight,
366
+ isScrollY: isScrollY,
365
367
  children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("table", {
366
368
  style: {
367
369
  width: width,
@@ -142,7 +142,7 @@ export interface TableProps<DataItem, Value> extends Pick<CommonType, 'className
142
142
  * @en height of table, same with style.height
143
143
  * @cn 表格高度,与 style.height 作用相同
144
144
  */
145
- height?: number;
145
+ height?: number | string;
146
146
  /**
147
147
  * @en The callback function after scrolling.\nx: Horizontal rolling ratio(0 <= x <= 1)\ny: Vertical scroll ratio(0 <= y <= 1)
148
148
  * @cn 滚动条滚动后回调函数;\nx: 横向滚动比(0 <= x <= 1)\ny: 纵向滚动比(0 <= y <= 1)