@autobest-ui/components 2.3.0 → 2.5.0

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 (141) hide show
  1. package/esm/accordion/Item.js +6 -23
  2. package/esm/accordion/index.js +8 -36
  3. package/esm/affix/PortalAffix.js +7 -11
  4. package/esm/affix/index.js +30 -70
  5. package/esm/carousel/index.js +45 -141
  6. package/esm/checkbox/index.js +12 -37
  7. package/esm/collapse/index.js +11 -49
  8. package/esm/confirm/index.d.ts +8 -0
  9. package/esm/confirm/index.js +23 -31
  10. package/esm/date-picker/DateEnum.js +0 -3
  11. package/esm/date-picker/calendar/Day.js +62 -78
  12. package/esm/date-picker/calendar/MonthYear.js +20 -53
  13. package/esm/date-picker/calendar/grid/index.js +7 -12
  14. package/esm/date-picker/calendar/index.js +4 -31
  15. package/esm/date-picker/index.js +11 -51
  16. package/esm/date-picker/utils.js +6 -11
  17. package/esm/drawer/Child.js +10 -20
  18. package/esm/drawer/index.js +22 -71
  19. package/esm/ellipsis/index.js +9 -17
  20. package/esm/guide/index.js +25 -63
  21. package/esm/index.d.ts +2 -2
  22. package/esm/index.js +1 -1
  23. package/esm/input-number/ControlArrow.js +0 -2
  24. package/esm/input-number/constants.js +2 -2
  25. package/esm/input-number/index.js +26 -106
  26. package/esm/lazy-image/index.js +10 -55
  27. package/esm/link-list/index.js +11 -35
  28. package/esm/loading/index.js +15 -42
  29. package/esm/loading-container/index.js +3 -6
  30. package/esm/loading-icon/index.js +0 -2
  31. package/esm/mask/index.js +6 -9
  32. package/esm/message/index.d.ts +44 -7
  33. package/esm/message/index.js +96 -111
  34. package/esm/message/renderMessage.d.ts +17 -0
  35. package/esm/message/renderMessage.js +137 -0
  36. package/esm/message/style/index.css +1 -1
  37. package/esm/modal/Title.js +5 -12
  38. package/esm/modal/getPopupLocation.js +5 -7
  39. package/esm/modal/index.js +44 -125
  40. package/esm/move/index.js +32 -132
  41. package/esm/move/range.js +6 -12
  42. package/esm/move/utils.js +3 -10
  43. package/esm/popover/index.js +9 -28
  44. package/esm/portal/index.js +1 -22
  45. package/esm/script/index.js +19 -59
  46. package/esm/select/index.js +28 -106
  47. package/esm/show-more/index.js +40 -103
  48. package/esm/skeleton/Item.js +1 -3
  49. package/esm/skeleton/index.js +5 -11
  50. package/esm/style.css +1 -1
  51. package/esm/table/body/BodyRow.js +11 -28
  52. package/esm/table/body/CheckIcon.js +10 -18
  53. package/esm/table/body/index.js +8 -12
  54. package/esm/table/header/CheckIcon.js +3 -11
  55. package/esm/table/header/HeaderCell.js +12 -33
  56. package/esm/table/header/HeaderRow.js +6 -17
  57. package/esm/table/index.js +30 -100
  58. package/esm/tabs/index.js +35 -118
  59. package/esm/tooltip/index.js +0 -4
  60. package/esm/trigger/align.js +6 -6
  61. package/esm/trigger/bottomAlign.js +33 -45
  62. package/esm/trigger/constants.js +0 -1
  63. package/esm/trigger/getPopupLocation.js +48 -68
  64. package/esm/trigger/index.js +52 -187
  65. package/esm/trigger/leftAlign.js +33 -47
  66. package/esm/trigger/ref.js +2 -7
  67. package/esm/trigger/rightAlign.js +33 -45
  68. package/esm/trigger/topAlign.js +33 -45
  69. package/esm/trigger/utils.js +28 -45
  70. package/lib/accordion/Item.js +6 -27
  71. package/lib/accordion/index.js +8 -41
  72. package/lib/affix/PortalAffix.js +7 -17
  73. package/lib/affix/index.js +30 -75
  74. package/lib/carousel/index.js +45 -146
  75. package/lib/checkbox/index.js +12 -41
  76. package/lib/collapse/index.js +11 -53
  77. package/lib/confirm/index.d.ts +8 -0
  78. package/lib/confirm/index.js +23 -38
  79. package/lib/date-picker/DateEnum.js +0 -3
  80. package/lib/date-picker/calendar/Day.js +62 -87
  81. package/lib/date-picker/calendar/MonthYear.js +20 -62
  82. package/lib/date-picker/calendar/grid/index.js +7 -16
  83. package/lib/date-picker/calendar/index.js +4 -37
  84. package/lib/date-picker/index.js +9 -58
  85. package/lib/date-picker/utils.js +6 -26
  86. package/lib/drawer/Child.js +10 -25
  87. package/lib/drawer/index.js +22 -78
  88. package/lib/ellipsis/index.js +9 -23
  89. package/lib/guide/index.js +25 -71
  90. package/lib/index.d.ts +2 -2
  91. package/lib/index.js +12 -32
  92. package/lib/input-number/ControlArrow.js +0 -4
  93. package/lib/input-number/constants.js +2 -2
  94. package/lib/input-number/index.js +26 -114
  95. package/lib/lazy-image/index.js +10 -58
  96. package/lib/link-list/index.js +11 -40
  97. package/lib/loading/index.js +13 -48
  98. package/lib/loading-bar/index.js +0 -5
  99. package/lib/loading-container/index.js +3 -11
  100. package/lib/loading-icon/index.js +0 -7
  101. package/lib/mask/index.js +6 -17
  102. package/lib/message/index.d.ts +44 -7
  103. package/lib/message/index.js +97 -120
  104. package/lib/message/renderMessage.d.ts +17 -0
  105. package/lib/message/renderMessage.js +144 -0
  106. package/lib/message/style/index.css +1 -1
  107. package/lib/modal/Affix.js +0 -4
  108. package/lib/modal/Title.js +5 -15
  109. package/lib/modal/getPopupLocation.js +5 -9
  110. package/lib/modal/index.js +44 -135
  111. package/lib/move/index.js +32 -144
  112. package/lib/move/range.js +6 -14
  113. package/lib/move/utils.js +3 -12
  114. package/lib/popover/index.js +9 -33
  115. package/lib/portal/index.js +1 -25
  116. package/lib/script/index.js +19 -61
  117. package/lib/select/index.js +28 -113
  118. package/lib/show-more/index.js +40 -110
  119. package/lib/skeleton/Item.js +1 -8
  120. package/lib/skeleton/index.js +5 -16
  121. package/lib/style.css +1 -1
  122. package/lib/table/body/BodyRow.js +11 -33
  123. package/lib/table/body/CheckIcon.js +10 -22
  124. package/lib/table/body/index.js +8 -17
  125. package/lib/table/header/CheckIcon.js +3 -15
  126. package/lib/table/header/HeaderCell.js +12 -37
  127. package/lib/table/header/HeaderRow.js +6 -22
  128. package/lib/table/index.js +30 -107
  129. package/lib/tabs/index.js +35 -122
  130. package/lib/tooltip/index.js +0 -9
  131. package/lib/trigger/align.js +0 -4
  132. package/lib/trigger/bottomAlign.js +33 -48
  133. package/lib/trigger/constants.js +0 -2
  134. package/lib/trigger/getPopupLocation.js +48 -74
  135. package/lib/trigger/index.js +52 -198
  136. package/lib/trigger/leftAlign.js +33 -50
  137. package/lib/trigger/ref.js +2 -12
  138. package/lib/trigger/rightAlign.js +33 -48
  139. package/lib/trigger/topAlign.js +33 -48
  140. package/lib/trigger/utils.js +28 -53
  141. package/package.json +7 -3
@@ -1,37 +1,30 @@
1
1
  import React from 'react';
2
2
  import Checkbox from '../../checkbox';
3
-
4
3
  function BodyCheckIcon(_a) {
5
4
  var cls = _a.prefixCls,
6
- rowData = _a.rowData,
7
- rowKey = _a.rowKey,
8
- rowIndex = _a.rowIndex,
9
- selectedRowKeys = _a.selectedRowKeys,
10
- _b = _a.rowSelection,
11
- checkIcon = _b.checkIcon,
12
- getDisabled = _b.getDisabled,
13
- onSelect = _b.onSelect;
5
+ rowData = _a.rowData,
6
+ rowKey = _a.rowKey,
7
+ rowIndex = _a.rowIndex,
8
+ selectedRowKeys = _a.selectedRowKeys,
9
+ _b = _a.rowSelection,
10
+ checkIcon = _b.checkIcon,
11
+ getDisabled = _b.getDisabled,
12
+ onSelect = _b.onSelect;
14
13
  var checked = selectedRowKeys.includes(rowKey);
15
-
16
14
  if (checkIcon) {
17
15
  return /*#__PURE__*/React.createElement("td", null, checkIcon(checked, rowData, rowIndex));
18
16
  }
19
-
20
17
  var disabled = getDisabled(rowData);
21
-
22
18
  var onCheckBoxChange = function onCheckBoxChange(currentChecked) {
23
19
  onSelect(currentChecked, rowData, rowIndex);
24
20
  };
25
-
26
21
  var onClickCell = function onClickCell(ev) {
27
22
  if (!ev) {
28
23
  return;
29
- } // 阻止触发onRowClick
30
-
31
-
24
+ }
25
+ // 阻止触发onRowClick
32
26
  ev.stopPropagation();
33
27
  };
34
-
35
28
  return /*#__PURE__*/React.createElement("td", {
36
29
  className: "".concat(cls, "-checkbox"),
37
30
  onClick: onClickCell
@@ -41,5 +34,4 @@ function BodyCheckIcon(_a) {
41
34
  onChange: onCheckBoxChange
42
35
  }));
43
36
  }
44
-
45
37
  export default /*#__PURE__*/React.memo(BodyCheckIcon);
@@ -2,21 +2,19 @@ import React from 'react';
2
2
  import { isBlank } from '@autobest-ui/utils';
3
3
  import BodyRow from './BodyRow';
4
4
  import CheckIcon from './CheckIcon';
5
-
6
5
  var noop = function noop() {
7
6
  return null;
8
7
  };
9
-
10
8
  function Body(_a) {
11
9
  var prefixCls = _a.prefixCls,
12
- columns = _a.columns,
13
- dataSource = _a.dataSource,
14
- getRowKey = _a.getRowKey,
15
- rowSelection = _a.rowSelection,
16
- selectedRowKeys = _a.selectedRowKeys,
17
- expandable = _a.expandable,
18
- onRowClick = _a.onRowClick,
19
- getRowClassName = _a.getRowClassName;
10
+ columns = _a.columns,
11
+ dataSource = _a.dataSource,
12
+ getRowKey = _a.getRowKey,
13
+ rowSelection = _a.rowSelection,
14
+ selectedRowKeys = _a.selectedRowKeys,
15
+ expandable = _a.expandable,
16
+ onRowClick = _a.onRowClick,
17
+ getRowClassName = _a.getRowClassName;
20
18
  var rows = [];
21
19
  var expandedRowRenderer = expandable ? expandable.expandedRowRender : noop;
22
20
  dataSource.forEach(function (row, rowIndex) {
@@ -40,7 +38,6 @@ function Body(_a) {
40
38
  onRowClick: onRowClick,
41
39
  className: getRowClassName(row, rowIndex)
42
40
  }));
43
-
44
41
  if (expandable) {
45
42
  var expandedRowKey = "".concat(rowKey, " expanded");
46
43
  var expandedColumns = [{
@@ -64,5 +61,4 @@ function Body(_a) {
64
61
  });
65
62
  return /*#__PURE__*/React.createElement(React.Fragment, null, rows);
66
63
  }
67
-
68
64
  export default Body;
@@ -1,31 +1,24 @@
1
1
  import React from 'react';
2
2
  import Checkbox from '../../checkbox';
3
-
4
3
  function HeaderCheckIcon(_a) {
5
4
  var cls = _a.prefixCls,
6
- rowSelection = _a.rowSelection;
7
-
5
+ rowSelection = _a.rowSelection;
8
6
  if (!rowSelection) {
9
7
  return null;
10
8
  }
11
-
12
9
  if (!rowSelection.selectAllVisible) {
13
10
  // 有勾选功能,但是没有全选功能,需有占位元素
14
11
  return /*#__PURE__*/React.createElement("th", null, " ");
15
12
  }
16
-
17
13
  var checkIcon = rowSelection.checkIcon,
18
- selectAllChecked = rowSelection.selectAllChecked,
19
- onSelectAll = rowSelection.onSelectAll;
20
-
14
+ selectAllChecked = rowSelection.selectAllChecked,
15
+ onSelectAll = rowSelection.onSelectAll;
21
16
  if (checkIcon) {
22
17
  return /*#__PURE__*/React.createElement("th", null, checkIcon(selectAllChecked, null, -1));
23
18
  }
24
-
25
19
  var onCheckBoxChange = function onCheckBoxChange() {
26
20
  onSelectAll(!selectAllChecked);
27
21
  };
28
-
29
22
  return /*#__PURE__*/React.createElement("th", {
30
23
  className: "".concat(cls, "-checkbox")
31
24
  }, /*#__PURE__*/React.createElement(Checkbox, {
@@ -33,5 +26,4 @@ function HeaderCheckIcon(_a) {
33
26
  onChange: onCheckBoxChange
34
27
  }));
35
28
  }
36
-
37
29
  export default /*#__PURE__*/React.memo(HeaderCheckIcon);
@@ -9,62 +9,46 @@ var __extends = this && this.__extends || function () {
9
9
  if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
10
10
  }
11
11
  };
12
-
13
12
  return _extendStatics(d, b);
14
13
  };
15
-
16
14
  return function (d, b) {
17
15
  if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
18
-
19
16
  _extendStatics(d, b);
20
-
21
17
  function __() {
22
18
  this.constructor = d;
23
19
  }
24
-
25
20
  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
26
21
  };
27
22
  }();
28
-
29
23
  import React from 'react';
30
24
  import classNames from 'classnames';
31
25
  var rotate180Style = {
32
26
  transform: 'rotate(180deg)'
33
27
  };
34
-
35
- var HeaderCell =
36
- /** @class */
37
- function (_super) {
28
+ var HeaderCell = /** @class */function (_super) {
38
29
  __extends(HeaderCell, _super);
39
-
40
30
  function HeaderCell() {
41
31
  var _this = _super !== null && _super.apply(this, arguments) || this;
42
-
43
32
  _this.onClick = function () {
44
33
  var _a = _this.props,
45
- onSort = _a.onSort,
46
- sortName = _a.sortName;
47
-
34
+ onSort = _a.onSort,
35
+ sortName = _a.sortName;
48
36
  if (sortName && onSort) {
49
37
  onSort(sortName);
50
38
  }
51
39
  };
52
-
53
40
  _this.renderArrow = function () {
54
41
  var _a = _this.props,
55
- prefixCls = _a.prefixCls,
56
- isSort = _a.isSort,
57
- isSortedDescending = _a.isSortedDescending,
58
- sortIcon = _a.sortIcon;
59
-
42
+ prefixCls = _a.prefixCls,
43
+ isSort = _a.isSort,
44
+ isSortedDescending = _a.isSortedDescending,
45
+ sortIcon = _a.sortIcon;
60
46
  if (!isSort) {
61
47
  return null;
62
48
  }
63
-
64
49
  if (sortIcon) {
65
50
  return sortIcon(isSortedDescending);
66
51
  }
67
-
68
52
  return /*#__PURE__*/React.createElement("span", {
69
53
  className: "".concat(prefixCls, "-arrow")
70
54
  }, /*#__PURE__*/React.createElement("svg", {
@@ -79,19 +63,16 @@ function (_super) {
79
63
  d: "M525.339326 186.172452L801.789086 462.622212c12.496698 12.496698 32.758136 12.496698 45.254834 0 12.497405-12.497405 12.496698-32.758136 0-45.254834l-331.014362-331.014362c-12.496698-12.496698-32.757429-12.497405-45.254834 0l-341.795619 339.143969c-12.496698 12.496698-12.496698 32.758136 0 45.254834 12.496698 12.496698 32.758136 12.496698 45.254834 0l287.10586-284.454209L461.372325 925.726242c0 17.673427 14.32669 32.000117 32.000118 32.000117 17.67272-0.000707 31.99941-14.327398 32.000117-32.000117l-0.032527-739.553083z"
80
64
  })));
81
65
  };
82
-
83
66
  return _this;
84
67
  }
85
-
86
68
  HeaderCell.prototype.render = function () {
87
69
  var _a;
88
-
89
70
  var _b = this.props,
90
- prefixCls = _b.prefixCls,
91
- className = _b.className,
92
- title = _b.title,
93
- sortName = _b.sortName,
94
- colSpan = _b.colSpan;
71
+ prefixCls = _b.prefixCls,
72
+ className = _b.className,
73
+ title = _b.title,
74
+ sortName = _b.sortName,
75
+ colSpan = _b.colSpan;
95
76
  return /*#__PURE__*/React.createElement("th", {
96
77
  className: classNames(className, (_a = {}, _a["".concat(prefixCls, "-point")] = sortName, _a)),
97
78
  colSpan: colSpan,
@@ -100,8 +81,6 @@ function (_super) {
100
81
  className: "".concat(prefixCls, "-title")
101
82
  }, title, this.renderArrow()));
102
83
  };
103
-
104
84
  return HeaderCell;
105
85
  }(React.PureComponent);
106
-
107
86
  export default HeaderCell;
@@ -2,58 +2,48 @@ var __assign = this && this.__assign || function () {
2
2
  __assign = Object.assign || function (t) {
3
3
  for (var s, i = 1, n = arguments.length; i < n; i++) {
4
4
  s = arguments[i];
5
-
6
5
  for (var p in s) {
7
6
  if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
8
7
  }
9
8
  }
10
-
11
9
  return t;
12
10
  };
13
-
14
11
  return __assign.apply(this, arguments);
15
12
  };
16
-
17
13
  import React from 'react';
18
14
  import HeaderCell from './HeaderCell';
19
15
  import HeaderCheckIcon from './CheckIcon';
20
-
21
16
  function parseHeaderRows(columns) {
22
17
  var rows = [];
23
18
  columns.forEach(function (col) {
24
19
  if ('colSpan' in col && col.colSpan === 0) {
25
20
  return;
26
21
  }
27
-
28
22
  rows.push(__assign(__assign({}, col), {
29
23
  colSpan: col.colSpan ? col.colSpan : 1
30
24
  }));
31
25
  });
32
26
  return rows;
33
27
  }
34
-
35
28
  function HeaderRow(_a) {
36
29
  var cls = _a.prefixCls,
37
- columns = _a.columns,
38
- rowSelection = _a.rowSelection,
39
- sortName = _a.sortName,
40
- isSortedDescending = _a.isSortedDescending,
41
- onSortChange = _a.onSortChange,
42
- sortIcon = _a.sortIcon;
30
+ columns = _a.columns,
31
+ rowSelection = _a.rowSelection,
32
+ sortName = _a.sortName,
33
+ isSortedDescending = _a.isSortedDescending,
34
+ onSortChange = _a.onSortChange,
35
+ sortIcon = _a.sortIcon;
43
36
  /**
44
37
  * 点击某一列的表头,触发排序
45
38
  * @param name
46
39
  */
47
-
48
40
  var onSort = function onSort(name) {
49
41
  if (!onSortChange) {
50
42
  return;
51
43
  }
52
-
53
44
  var isSortedDesc = sortName === name ? !isSortedDescending : true;
54
45
  onSortChange(isSortedDesc, name);
55
46
  };
56
-
57
47
  var rows = React.useMemo(function () {
58
48
  return parseHeaderRows(columns);
59
49
  }, [columns]);
@@ -72,5 +62,4 @@ function HeaderRow(_a) {
72
62
  }));
73
63
  }));
74
64
  }
75
-
76
65
  export default HeaderRow;