@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,24 +1,16 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = void 0;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  var _classnames = _interopRequireDefault(require("classnames"));
13
-
14
10
  var _reactDom = require("react-dom");
15
-
16
11
  var _utils = require("@autobest-ui/utils");
17
-
18
12
  var _portal = _interopRequireDefault(require("../portal"));
19
-
20
13
  var _mask = _interopRequireDefault(require("../mask"));
21
-
22
14
  var __extends = void 0 && (void 0).__extends || function () {
23
15
  var _extendStatics = function extendStatics(d, b) {
24
16
  _extendStatics = Object.setPrototypeOf || {
@@ -30,134 +22,105 @@ var __extends = void 0 && (void 0).__extends || function () {
30
22
  if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
31
23
  }
32
24
  };
33
-
34
25
  return _extendStatics(d, b);
35
26
  };
36
-
37
27
  return function (d, b) {
38
28
  if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
39
-
40
29
  _extendStatics(d, b);
41
-
42
30
  function __() {
43
31
  this.constructor = d;
44
32
  }
45
-
46
33
  d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
47
34
  };
48
35
  }();
49
-
50
- var Guide =
51
- /** @class */
52
- function (_super) {
36
+ var Guide = /** @class */function (_super) {
53
37
  __extends(Guide, _super);
54
-
55
38
  function Guide(props) {
56
39
  var _this = _super.call(this, props) || this;
57
-
58
40
  _this.prefixCls = 'ab-guide';
59
41
  _this.timer = null;
60
- _this.imgRef = /*#__PURE__*/_react.default.createRef(); // eslint-disable-next-line react/no-find-dom-node
61
-
42
+ _this.imgRef = /*#__PURE__*/_react.default.createRef();
43
+ // eslint-disable-next-line react/no-find-dom-node
62
44
  _this.getElement = function () {
63
45
  return (0, _reactDom.findDOMNode)(_this);
64
46
  };
65
-
66
47
  _this.changeVisible = function () {
67
48
  if (_this.timer) {
68
49
  clearTimeout(_this.timer);
69
50
  }
70
-
71
51
  var _a = _this.props,
72
- onClose = _a.onClose,
73
- expires = _a.expires;
52
+ onClose = _a.onClose,
53
+ expires = _a.expires;
74
54
  _this.timer = setTimeout(function () {
75
55
  onClose();
76
56
  }, expires);
77
57
  };
78
-
79
58
  _this.onClose = function () {
80
59
  if (_this.timer) {
81
60
  clearTimeout(_this.timer);
82
61
  }
83
-
84
62
  _this.props.onClose();
85
63
  };
86
-
87
64
  _this.state = {
88
65
  top: '0',
89
66
  left: '0'
90
67
  };
91
68
  return _this;
92
69
  }
93
-
94
70
  Guide.prototype.componentDidMount = function () {
95
71
  if (this.props.visible) {
96
72
  this.changeVisible();
97
73
  this.positionPointer();
98
74
  }
99
75
  };
100
-
101
76
  Guide.prototype.componentDidUpdate = function (prevProps) {
102
77
  if (prevProps.visible !== this.props.visible && this.props.visible) {
103
78
  this.changeVisible();
104
79
  this.positionPointer();
105
80
  }
106
81
  };
107
-
108
82
  Guide.prototype.componentWillUnmount = function () {
109
83
  if (this.timer) {
110
84
  clearTimeout(this.timer);
111
85
  }
112
86
  };
113
-
114
87
  Guide.prototype.positionPointer = function () {
115
88
  var _this = this;
116
-
117
89
  var _a = this.props,
118
- loadablePointer = _a.loadablePointer,
119
- imgSrc = _a.imgSrc,
120
- position = _a.position,
121
- visible = _a.visible,
122
- translateX = _a.translateX,
123
- translateY = _a.translateY;
124
-
90
+ loadablePointer = _a.loadablePointer,
91
+ imgSrc = _a.imgSrc,
92
+ position = _a.position,
93
+ visible = _a.visible,
94
+ translateX = _a.translateX,
95
+ translateY = _a.translateY;
125
96
  if (loadablePointer && visible) {
126
97
  var image_1 = new Image();
127
98
  image_1.src = imgSrc;
128
-
129
99
  image_1.onload = function () {
130
100
  var element = _this.getElement();
131
-
132
101
  if (element) {
133
102
  var _a = (0, _utils.getOffsetAndSize)(element),
134
- left = _a.left,
135
- top_1 = _a.top,
136
- width = _a.width;
137
-
103
+ left = _a.left,
104
+ top_1 = _a.top,
105
+ width = _a.width;
138
106
  var imgWidth = image_1.width;
139
107
  var imgHeight = image_1.height;
140
108
  var imgTop = "".concat(top_1 - imgHeight + translateY, "px");
141
-
142
109
  if (position === 'left') {
143
110
  _this.setState({
144
111
  top: imgTop,
145
112
  left: "".concat(left + translateX, "px")
146
113
  });
147
-
148
114
  return;
149
115
  }
150
-
151
116
  if (position === 'right') {
152
117
  _this.setState({
153
118
  top: imgTop,
154
119
  left: "".concat(left + width - imgWidth + translateX, "px")
155
120
  });
156
-
157
121
  return;
158
- } // 默认居中
159
-
160
-
122
+ }
123
+ // 默认居中
161
124
  _this.setState({
162
125
  top: imgTop,
163
126
  left: "".concat(left + width / 2 - imgWidth / 2 + translateX, "px")
@@ -166,22 +129,20 @@ function (_super) {
166
129
  };
167
130
  }
168
131
  };
169
-
170
132
  Guide.prototype.renderMask = function () {
171
133
  var _a = this.props,
172
- visible = _a.visible,
173
- loadablePointer = _a.loadablePointer,
174
- imgSrc = _a.imgSrc;
134
+ visible = _a.visible,
135
+ loadablePointer = _a.loadablePointer,
136
+ imgSrc = _a.imgSrc;
175
137
  var _b = this.state,
176
- top = _b.top,
177
- left = _b.left;
138
+ top = _b.top,
139
+ left = _b.left;
178
140
  var cls = this.prefixCls;
179
141
  var style = {
180
142
  left: left,
181
143
  top: top,
182
144
  display: visible ? 'block' : 'none'
183
145
  };
184
-
185
146
  if (visible || this.imgRef.current) {
186
147
  return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mask.default, {
187
148
  className: "".concat(cls, "-mask"),
@@ -196,31 +157,25 @@ function (_super) {
196
157
  ref: this.imgRef
197
158
  }) : null));
198
159
  }
199
-
200
160
  return null;
201
161
  };
202
-
203
162
  Guide.prototype.render = function () {
204
163
  var cls = this.prefixCls;
205
164
  var _a = this.props,
206
- children = _a.children,
207
- visible = _a.visible;
165
+ children = _a.children,
166
+ visible = _a.visible;
208
167
  var className = visible ? "".concat(cls, "-content") : null;
209
-
210
168
  if (typeof children === 'function') {
211
169
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children({
212
170
  className: className
213
171
  }), this.renderMask());
214
172
  }
215
-
216
173
  var child = _react.default.Children.only(children);
217
-
218
174
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.cloneElement(child, {
219
175
  className: (0, _classnames.default)(className, child.props.className)
220
176
  }), this.renderMask());
221
- }; // 默认值
222
-
223
-
177
+ };
178
+ // 默认值
224
179
  Guide.defaultProps = {
225
180
  loadablePointer: false,
226
181
  position: 'center',
@@ -230,6 +185,5 @@ function (_super) {
230
185
  };
231
186
  return Guide;
232
187
  }(_react.default.Component);
233
-
234
188
  var _default = Guide;
235
189
  exports.default = _default;
package/lib/index.d.ts CHANGED
@@ -38,8 +38,8 @@ export type { CheckboxProps } from './checkbox';
38
38
  export { default as Checkbox } from './checkbox';
39
39
  export type { ScriptAttributes, ScriptProps } from './script';
40
40
  export { default as Script } from './script';
41
- export type { MessageProps } from './message';
42
- export { default as Message } from './message';
41
+ export type { MessageProps, MessageConfig, MessageResult } from './message';
42
+ export { default as message, Message } from './message';
43
43
  export type { TableProps, TableRowSelectionInfo } from './table';
44
44
  export type { TableColumnInfo, TableColumnOnRenderReturnObjectInfo } from './table/interface';
45
45
  export { default as Table } from './table';
package/lib/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
4
+ var _typeof = require("@babel/runtime/helpers/typeof");
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
@@ -110,7 +110,7 @@ Object.defineProperty(exports, "LoadingIcon", {
110
110
  Object.defineProperty(exports, "Message", {
111
111
  enumerable: true,
112
112
  get: function get() {
113
- return _message.default;
113
+ return _message.Message;
114
114
  }
115
115
  });
116
116
  Object.defineProperty(exports, "Modal", {
@@ -173,59 +173,39 @@ Object.defineProperty(exports, "Tooltip", {
173
173
  return _tooltip.default;
174
174
  }
175
175
  });
176
-
176
+ Object.defineProperty(exports, "message", {
177
+ enumerable: true,
178
+ get: function get() {
179
+ return _message.default;
180
+ }
181
+ });
177
182
  var _accordion = _interopRequireDefault(require("./accordion"));
178
-
179
183
  var _ellipsis = _interopRequireDefault(require("./ellipsis"));
180
-
181
184
  var _affix = _interopRequireDefault(require("./affix"));
182
-
183
185
  var _modal = _interopRequireDefault(require("./modal"));
184
-
185
186
  var _popover = _interopRequireDefault(require("./popover"));
186
-
187
187
  var _tooltip = _interopRequireDefault(require("./tooltip"));
188
-
189
188
  var _skeleton = _interopRequireDefault(require("./skeleton"));
190
-
191
189
  var _move = _interopRequireDefault(require("./move"));
192
-
193
190
  var _showMore = _interopRequireDefault(require("./show-more"));
194
-
195
191
  var _select = _interopRequireDefault(require("./select"));
196
-
197
192
  var _confirm = _interopRequireDefault(require("./confirm"));
198
-
199
193
  var _collapse = _interopRequireDefault(require("./collapse"));
200
-
201
194
  var _carousel = _interopRequireDefault(require("./carousel"));
202
-
203
195
  var _guide = _interopRequireDefault(require("./guide"));
204
-
205
196
  var _drawer = _interopRequireDefault(require("./drawer"));
206
-
207
197
  var _inputNumber = _interopRequireDefault(require("./input-number"));
208
-
209
198
  var _lazyImage = _interopRequireDefault(require("./lazy-image"));
210
-
211
199
  var _linkList = _interopRequireDefault(require("./link-list"));
212
-
213
200
  var _checkbox = _interopRequireDefault(require("./checkbox"));
214
-
215
201
  var _script = _interopRequireDefault(require("./script"));
216
-
217
- var _message = _interopRequireDefault(require("./message"));
218
-
202
+ var _message = _interopRequireWildcard(require("./message"));
219
203
  var _table = _interopRequireDefault(require("./table"));
220
-
221
204
  var _datePicker = _interopRequireDefault(require("./date-picker"));
222
-
223
205
  var _tabs = _interopRequireDefault(require("./tabs"));
224
-
225
206
  var _loading = _interopRequireDefault(require("./loading"));
226
-
227
207
  var _loadingContainer = _interopRequireDefault(require("./loading-container"));
228
-
229
208
  var _loadingBar = _interopRequireDefault(require("./loading-bar"));
230
-
231
- var _loadingIcon = _interopRequireDefault(require("./loading-icon"));
209
+ var _loadingIcon = _interopRequireDefault(require("./loading-icon"));
210
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
211
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -1,14 +1,11 @@
1
1
  "use strict";
2
2
 
3
3
  var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
4
-
5
4
  Object.defineProperty(exports, "__esModule", {
6
5
  value: true
7
6
  });
8
7
  exports.default = ControlArrow;
9
-
10
8
  var _react = _interopRequireDefault(require("react"));
11
-
12
9
  function ArrowIcon(props) {
13
10
  return /*#__PURE__*/_react.default.createElement("svg", {
14
11
  xmlns: "http://www.w3.org/2000/svg",
@@ -25,7 +22,6 @@ function ArrowIcon(props) {
25
22
  fillRule: "evenodd"
26
23
  }));
27
24
  }
28
-
29
25
  function ControlArrow(props) {
30
26
  return /*#__PURE__*/_react.default.createElement("div", {
31
27
  className: "".concat(props.cls, "-arrow")
@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.NumberReg = exports.FirstZeroReg = void 0;
7
7
  // 只能输入数字格式
8
- var NumberReg = /^(-?\d+)(\.\d*)?$/; // 0 开头后面直接是数字,没有点如:011, 01.11, 这是不合法的
9
-
8
+ var NumberReg = /^(-?\d+)(\.\d*)?$/;
9
+ // 0 开头后面直接是数字,没有点如:011, 01.11, 这是不合法的
10
10
  exports.NumberReg = NumberReg;
11
11
  var FirstZeroReg = /^0\d+(\.\d*)?$/;
12
12
  exports.FirstZeroReg = FirstZeroReg;