@autobest-ui/components 2.3.0 → 2.4.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.
- package/esm/accordion/Item.js +6 -23
- package/esm/accordion/index.js +8 -36
- package/esm/affix/PortalAffix.js +7 -11
- package/esm/affix/index.js +30 -70
- package/esm/carousel/index.js +45 -141
- package/esm/checkbox/index.js +12 -37
- package/esm/collapse/index.js +11 -49
- package/esm/confirm/index.d.ts +8 -0
- package/esm/confirm/index.js +23 -31
- package/esm/date-picker/DateEnum.js +0 -3
- package/esm/date-picker/calendar/Day.js +62 -78
- package/esm/date-picker/calendar/MonthYear.js +20 -53
- package/esm/date-picker/calendar/grid/index.js +7 -12
- package/esm/date-picker/calendar/index.js +4 -31
- package/esm/date-picker/index.js +11 -51
- package/esm/date-picker/utils.js +6 -11
- package/esm/drawer/Child.js +10 -20
- package/esm/drawer/index.js +22 -71
- package/esm/ellipsis/index.js +9 -17
- package/esm/guide/index.js +25 -63
- package/esm/index.d.ts +1 -1
- package/esm/input-number/ControlArrow.js +0 -2
- package/esm/input-number/constants.js +2 -2
- package/esm/input-number/index.js +26 -106
- package/esm/lazy-image/index.js +10 -55
- package/esm/link-list/index.js +11 -35
- package/esm/loading/index.js +15 -42
- package/esm/loading-container/index.js +3 -6
- package/esm/loading-icon/index.js +0 -2
- package/esm/mask/index.js +6 -9
- package/esm/message/index.d.ts +17 -6
- package/esm/message/index.js +68 -96
- package/esm/message/renderMessage.d.ts +17 -0
- package/esm/message/renderMessage.js +137 -0
- package/esm/message/style/index.css +1 -1
- package/esm/modal/Title.js +5 -12
- package/esm/modal/getPopupLocation.js +5 -7
- package/esm/modal/index.js +44 -125
- package/esm/move/index.js +32 -132
- package/esm/move/range.js +6 -12
- package/esm/move/utils.js +3 -10
- package/esm/popover/index.js +9 -28
- package/esm/portal/index.js +1 -22
- package/esm/script/index.js +19 -59
- package/esm/select/index.js +28 -106
- package/esm/show-more/index.js +40 -103
- package/esm/skeleton/Item.js +1 -3
- package/esm/skeleton/index.js +5 -11
- package/esm/style.css +1 -1
- package/esm/table/body/BodyRow.js +11 -28
- package/esm/table/body/CheckIcon.js +10 -18
- package/esm/table/body/index.js +8 -12
- package/esm/table/header/CheckIcon.js +3 -11
- package/esm/table/header/HeaderCell.js +12 -33
- package/esm/table/header/HeaderRow.js +6 -17
- package/esm/table/index.js +30 -100
- package/esm/tabs/index.js +35 -118
- package/esm/tooltip/index.js +0 -4
- package/esm/trigger/align.js +6 -6
- package/esm/trigger/bottomAlign.js +33 -45
- package/esm/trigger/constants.js +0 -1
- package/esm/trigger/getPopupLocation.js +48 -68
- package/esm/trigger/index.js +52 -187
- package/esm/trigger/leftAlign.js +33 -47
- package/esm/trigger/ref.js +2 -7
- package/esm/trigger/rightAlign.js +33 -45
- package/esm/trigger/topAlign.js +33 -45
- package/esm/trigger/utils.js +28 -45
- package/lib/accordion/Item.js +6 -27
- package/lib/accordion/index.js +8 -41
- package/lib/affix/PortalAffix.js +7 -17
- package/lib/affix/index.js +30 -75
- package/lib/carousel/index.js +45 -146
- package/lib/checkbox/index.js +12 -41
- package/lib/collapse/index.js +11 -53
- package/lib/confirm/index.d.ts +8 -0
- package/lib/confirm/index.js +23 -38
- package/lib/date-picker/DateEnum.js +0 -3
- package/lib/date-picker/calendar/Day.js +62 -87
- package/lib/date-picker/calendar/MonthYear.js +20 -62
- package/lib/date-picker/calendar/grid/index.js +7 -16
- package/lib/date-picker/calendar/index.js +4 -37
- package/lib/date-picker/index.js +9 -58
- package/lib/date-picker/utils.js +6 -26
- package/lib/drawer/Child.js +10 -25
- package/lib/drawer/index.js +22 -78
- package/lib/ellipsis/index.js +9 -23
- package/lib/guide/index.js +25 -71
- package/lib/index.d.ts +1 -1
- package/lib/index.js +0 -29
- package/lib/input-number/ControlArrow.js +0 -4
- package/lib/input-number/constants.js +2 -2
- package/lib/input-number/index.js +26 -114
- package/lib/lazy-image/index.js +10 -58
- package/lib/link-list/index.js +11 -40
- package/lib/loading/index.js +13 -48
- package/lib/loading-bar/index.js +0 -5
- package/lib/loading-container/index.js +3 -11
- package/lib/loading-icon/index.js +0 -7
- package/lib/mask/index.js +6 -17
- package/lib/message/index.d.ts +17 -6
- package/lib/message/index.js +67 -104
- package/lib/message/renderMessage.d.ts +17 -0
- package/lib/message/renderMessage.js +144 -0
- package/lib/message/style/index.css +1 -1
- package/lib/modal/Affix.js +0 -4
- package/lib/modal/Title.js +5 -15
- package/lib/modal/getPopupLocation.js +5 -9
- package/lib/modal/index.js +44 -135
- package/lib/move/index.js +32 -144
- package/lib/move/range.js +6 -14
- package/lib/move/utils.js +3 -12
- package/lib/popover/index.js +9 -33
- package/lib/portal/index.js +1 -25
- package/lib/script/index.js +19 -61
- package/lib/select/index.js +28 -113
- package/lib/show-more/index.js +40 -110
- package/lib/skeleton/Item.js +1 -8
- package/lib/skeleton/index.js +5 -16
- package/lib/style.css +1 -1
- package/lib/table/body/BodyRow.js +11 -33
- package/lib/table/body/CheckIcon.js +10 -22
- package/lib/table/body/index.js +8 -17
- package/lib/table/header/CheckIcon.js +3 -15
- package/lib/table/header/HeaderCell.js +12 -37
- package/lib/table/header/HeaderRow.js +6 -22
- package/lib/table/index.js +30 -107
- package/lib/tabs/index.js +35 -122
- package/lib/tooltip/index.js +0 -9
- package/lib/trigger/align.js +0 -4
- package/lib/trigger/bottomAlign.js +33 -48
- package/lib/trigger/constants.js +0 -2
- package/lib/trigger/getPopupLocation.js +48 -74
- package/lib/trigger/index.js +52 -198
- package/lib/trigger/leftAlign.js +33 -50
- package/lib/trigger/ref.js +2 -12
- package/lib/trigger/rightAlign.js +33 -48
- package/lib/trigger/topAlign.js +33 -48
- package/lib/trigger/utils.js +28 -53
- package/package.json +7 -3
package/esm/drawer/index.js
CHANGED
|
@@ -9,142 +9,108 @@ 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
|
var __assign = this && this.__assign || function () {
|
|
30
24
|
__assign = Object.assign || function (t) {
|
|
31
25
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
32
26
|
s = arguments[i];
|
|
33
|
-
|
|
34
27
|
for (var p in s) {
|
|
35
28
|
if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
36
29
|
}
|
|
37
30
|
}
|
|
38
|
-
|
|
39
31
|
return t;
|
|
40
32
|
};
|
|
41
|
-
|
|
42
33
|
return __assign.apply(this, arguments);
|
|
43
34
|
};
|
|
44
|
-
|
|
45
35
|
var __rest = this && this.__rest || function (s, e) {
|
|
46
36
|
var t = {};
|
|
47
|
-
|
|
48
37
|
for (var p in s) {
|
|
49
38
|
if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
|
|
50
39
|
}
|
|
51
|
-
|
|
52
40
|
if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
53
41
|
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
|
|
54
42
|
}
|
|
55
43
|
return t;
|
|
56
44
|
};
|
|
57
|
-
|
|
58
45
|
import React from 'react';
|
|
59
46
|
import classNames from 'classnames';
|
|
60
47
|
import { hasVerticalScrollbar, getScrollBarSize } from '@autobest-ui/utils';
|
|
61
48
|
import Portal from '../portal';
|
|
62
49
|
import Mask from '../mask';
|
|
63
50
|
import Child from './Child';
|
|
64
|
-
|
|
65
|
-
var Drawer =
|
|
66
|
-
/** @class */
|
|
67
|
-
function (_super) {
|
|
51
|
+
var Drawer = /** @class */function (_super) {
|
|
68
52
|
__extends(Drawer, _super);
|
|
69
|
-
|
|
70
53
|
function Drawer(props) {
|
|
71
54
|
var _this = _super.call(this, props) || this;
|
|
72
|
-
|
|
73
55
|
_this.prefixCls = 'ab-drawer';
|
|
74
56
|
_this.childRef = /*#__PURE__*/React.createRef();
|
|
75
|
-
|
|
76
57
|
_this.onClose = function () {
|
|
77
58
|
var _a = _this.props,
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
59
|
+
maskClosable = _a.maskClosable,
|
|
60
|
+
onClose = _a.onClose,
|
|
61
|
+
name = _a.name;
|
|
82
62
|
if (maskClosable && onClose) {
|
|
83
63
|
onClose(false, name);
|
|
84
64
|
}
|
|
85
65
|
};
|
|
86
|
-
|
|
87
66
|
_this.onCancel = function () {
|
|
88
67
|
var _a = _this.props,
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
68
|
+
onClose = _a.onClose,
|
|
69
|
+
name = _a.name;
|
|
92
70
|
if (onClose) {
|
|
93
71
|
onClose(false, name);
|
|
94
72
|
}
|
|
95
|
-
};
|
|
96
|
-
|
|
97
|
-
|
|
73
|
+
};
|
|
74
|
+
// 用于标志是否弹出,防止在单页面应用时,没有onEnter,但是在销毁时执行onExited
|
|
98
75
|
_this.isEnter = false;
|
|
99
|
-
|
|
100
76
|
_this.onEnter = function () {
|
|
101
77
|
_this.isEnter = true;
|
|
102
78
|
var currentDocument = window.document.body;
|
|
103
79
|
var hiddenScroll = _this.props.hiddenScroll;
|
|
104
|
-
|
|
105
80
|
if (hiddenScroll) {
|
|
106
81
|
currentDocument.style.overflow = 'hidden';
|
|
107
82
|
var scrollSize = getScrollBarSize();
|
|
108
|
-
|
|
109
83
|
if (hasVerticalScrollbar(scrollSize)) {
|
|
110
84
|
currentDocument.style.paddingRight = "".concat(scrollSize, "px");
|
|
111
85
|
}
|
|
112
86
|
}
|
|
113
87
|
};
|
|
114
|
-
|
|
115
88
|
_this.onExited = function () {
|
|
116
89
|
if (!_this.isEnter) {
|
|
117
90
|
return;
|
|
118
91
|
}
|
|
119
|
-
|
|
120
92
|
var currentDocument = window.document.body;
|
|
121
93
|
var hiddenScroll = _this.props.hiddenScroll;
|
|
122
|
-
|
|
123
94
|
if (hiddenScroll && currentDocument) {
|
|
124
95
|
currentDocument.style.overflow = '';
|
|
125
96
|
currentDocument.style.paddingRight = '';
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
|
|
97
|
+
}
|
|
98
|
+
// 插入元素,在exited时, 设置为hidden
|
|
129
99
|
_this.setState({
|
|
130
100
|
isHidden: true
|
|
131
101
|
});
|
|
132
|
-
|
|
133
102
|
var _a = _this.props,
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
103
|
+
onDestroy = _a.onDestroy,
|
|
104
|
+
name = _a.name;
|
|
137
105
|
if (onDestroy) {
|
|
138
106
|
onDestroy(name);
|
|
139
107
|
}
|
|
140
108
|
};
|
|
141
|
-
|
|
142
109
|
_this.state = {
|
|
143
110
|
isHidden: !props.visible
|
|
144
111
|
};
|
|
145
112
|
return _this;
|
|
146
113
|
}
|
|
147
|
-
|
|
148
114
|
Drawer.getDerivedStateFromProps = function (nextProps, prevState) {
|
|
149
115
|
// 在visible发生改变时,判断是否hidden, 并设置hidden:false,
|
|
150
116
|
// 注:不能在onEnter处理,否则动画无法执行
|
|
@@ -153,22 +119,17 @@ function (_super) {
|
|
|
153
119
|
isHidden: false
|
|
154
120
|
};
|
|
155
121
|
}
|
|
156
|
-
|
|
157
122
|
return null;
|
|
158
123
|
};
|
|
159
|
-
|
|
160
124
|
Drawer.prototype.componentWillUnmount = function () {
|
|
161
125
|
// 销毁时,如果没有执行onExited,则在此执行
|
|
162
126
|
this.onExited();
|
|
163
127
|
};
|
|
164
|
-
|
|
165
128
|
Drawer.prototype.renderMask = function () {
|
|
166
129
|
var _a;
|
|
167
|
-
|
|
168
130
|
var _b = this.props,
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
131
|
+
visible = _b.visible,
|
|
132
|
+
showMask = _b.showMask;
|
|
172
133
|
if (showMask) {
|
|
173
134
|
return /*#__PURE__*/React.createElement(Mask, {
|
|
174
135
|
onClose: this.onClose,
|
|
@@ -177,19 +138,15 @@ function (_super) {
|
|
|
177
138
|
timeout: 300
|
|
178
139
|
});
|
|
179
140
|
}
|
|
180
|
-
|
|
181
141
|
return null;
|
|
182
142
|
};
|
|
183
|
-
|
|
184
143
|
Drawer.prototype.renderChild = function () {
|
|
185
144
|
var _a;
|
|
186
|
-
|
|
187
145
|
var _b = this.props,
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
146
|
+
visible = _b.visible,
|
|
147
|
+
children = _b.children,
|
|
148
|
+
className = _b.className,
|
|
149
|
+
extraProps = __rest(_b, ["visible", "children", "className"]);
|
|
193
150
|
return /*#__PURE__*/React.createElement(Child, __assign({}, extraProps, {
|
|
194
151
|
visible: visible,
|
|
195
152
|
className: classNames(className, (_a = {}, _a["".concat(this.prefixCls, "-hidden")] = this.state.isHidden, _a)),
|
|
@@ -200,24 +157,19 @@ function (_super) {
|
|
|
200
157
|
ref: this.childRef
|
|
201
158
|
}), children);
|
|
202
159
|
};
|
|
203
|
-
|
|
204
160
|
Drawer.prototype.render = function () {
|
|
205
161
|
var _a = this.props,
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
162
|
+
visible = _a.visible,
|
|
163
|
+
isInsertNode = _a.isInsertNode;
|
|
209
164
|
if (isInsertNode) {
|
|
210
165
|
return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderMask(), this.renderChild());
|
|
211
166
|
}
|
|
212
|
-
|
|
213
167
|
if (visible || this.childRef.current) {
|
|
214
168
|
return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(React.Fragment, null, this.renderMask(), this.renderChild()));
|
|
215
169
|
}
|
|
216
|
-
|
|
217
170
|
return null;
|
|
218
|
-
};
|
|
219
|
-
|
|
220
|
-
|
|
171
|
+
};
|
|
172
|
+
// 默认值
|
|
221
173
|
Drawer.defaultProps = {
|
|
222
174
|
placement: 'left',
|
|
223
175
|
width: '2.45rem',
|
|
@@ -231,5 +183,4 @@ function (_super) {
|
|
|
231
183
|
};
|
|
232
184
|
return Drawer;
|
|
233
185
|
}(React.Component);
|
|
234
|
-
|
|
235
186
|
export default Drawer;
|
package/esm/ellipsis/index.js
CHANGED
|
@@ -2,42 +2,36 @@ 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 classNames from 'classnames';
|
|
19
15
|
import { isElement, isFragment } from 'react-is';
|
|
20
16
|
var cls = 'ab-ellipsis';
|
|
21
|
-
|
|
22
17
|
function Ellipsis(props) {
|
|
23
18
|
var _a, _b;
|
|
24
|
-
|
|
25
19
|
var children = props.children,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
20
|
+
maxHeight = props.maxHeight,
|
|
21
|
+
className = props.className,
|
|
22
|
+
_c = props.lines,
|
|
23
|
+
lines = _c === void 0 ? 0 : _c,
|
|
24
|
+
title = props.title,
|
|
25
|
+
_d = props.mobileLines,
|
|
26
|
+
mobileLines = _d === void 0 ? 0 : _d;
|
|
33
27
|
var wrapCls = classNames(cls, className, (_a = {}, _a["".concat(cls, "-line").concat(lines)] = lines > 0, _a), (_b = {}, _b["".concat(cls, "-m-line").concat(mobileLines)] = mobileLines > 0, _b));
|
|
34
28
|
var style = maxHeight ? {
|
|
35
29
|
maxHeight: maxHeight
|
|
36
30
|
} : null;
|
|
37
31
|
var titleParam = title ? {
|
|
38
32
|
title: title
|
|
39
|
-
} : null;
|
|
40
|
-
|
|
33
|
+
} : null;
|
|
34
|
+
// 当children是单个标签元素时(非文本元素),将直接在该标签上加上style, className,title属性
|
|
41
35
|
if (!isFragment(children) && isElement(children)) {
|
|
42
36
|
var child = children;
|
|
43
37
|
return /*#__PURE__*/React.cloneElement(child, __assign(__assign({}, titleParam), {
|
|
@@ -45,12 +39,10 @@ function Ellipsis(props) {
|
|
|
45
39
|
style: __assign(__assign({}, style), child.props.style)
|
|
46
40
|
}));
|
|
47
41
|
}
|
|
48
|
-
|
|
49
42
|
return /*#__PURE__*/React.createElement("span", __assign({
|
|
50
43
|
className: wrapCls
|
|
51
44
|
}, titleParam, {
|
|
52
45
|
style: style
|
|
53
46
|
}), children);
|
|
54
47
|
}
|
|
55
|
-
|
|
56
48
|
export default /*#__PURE__*/React.memo(Ellipsis);
|
package/esm/guide/index.js
CHANGED
|
@@ -9,141 +9,111 @@ 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
|
import { findDOMNode } from 'react-dom';
|
|
32
26
|
import { getOffsetAndSize } from '@autobest-ui/utils';
|
|
33
27
|
import Portal from '../portal';
|
|
34
28
|
import Mask from '../mask';
|
|
35
|
-
|
|
36
|
-
var Guide =
|
|
37
|
-
/** @class */
|
|
38
|
-
function (_super) {
|
|
29
|
+
var Guide = /** @class */function (_super) {
|
|
39
30
|
__extends(Guide, _super);
|
|
40
|
-
|
|
41
31
|
function Guide(props) {
|
|
42
32
|
var _this = _super.call(this, props) || this;
|
|
43
|
-
|
|
44
33
|
_this.prefixCls = 'ab-guide';
|
|
45
34
|
_this.timer = null;
|
|
46
|
-
_this.imgRef = /*#__PURE__*/React.createRef();
|
|
47
|
-
|
|
35
|
+
_this.imgRef = /*#__PURE__*/React.createRef();
|
|
36
|
+
// eslint-disable-next-line react/no-find-dom-node
|
|
48
37
|
_this.getElement = function () {
|
|
49
38
|
return findDOMNode(_this);
|
|
50
39
|
};
|
|
51
|
-
|
|
52
40
|
_this.changeVisible = function () {
|
|
53
41
|
if (_this.timer) {
|
|
54
42
|
clearTimeout(_this.timer);
|
|
55
43
|
}
|
|
56
|
-
|
|
57
44
|
var _a = _this.props,
|
|
58
|
-
|
|
59
|
-
|
|
45
|
+
onClose = _a.onClose,
|
|
46
|
+
expires = _a.expires;
|
|
60
47
|
_this.timer = setTimeout(function () {
|
|
61
48
|
onClose();
|
|
62
49
|
}, expires);
|
|
63
50
|
};
|
|
64
|
-
|
|
65
51
|
_this.onClose = function () {
|
|
66
52
|
if (_this.timer) {
|
|
67
53
|
clearTimeout(_this.timer);
|
|
68
54
|
}
|
|
69
|
-
|
|
70
55
|
_this.props.onClose();
|
|
71
56
|
};
|
|
72
|
-
|
|
73
57
|
_this.state = {
|
|
74
58
|
top: '0',
|
|
75
59
|
left: '0'
|
|
76
60
|
};
|
|
77
61
|
return _this;
|
|
78
62
|
}
|
|
79
|
-
|
|
80
63
|
Guide.prototype.componentDidMount = function () {
|
|
81
64
|
if (this.props.visible) {
|
|
82
65
|
this.changeVisible();
|
|
83
66
|
this.positionPointer();
|
|
84
67
|
}
|
|
85
68
|
};
|
|
86
|
-
|
|
87
69
|
Guide.prototype.componentDidUpdate = function (prevProps) {
|
|
88
70
|
if (prevProps.visible !== this.props.visible && this.props.visible) {
|
|
89
71
|
this.changeVisible();
|
|
90
72
|
this.positionPointer();
|
|
91
73
|
}
|
|
92
74
|
};
|
|
93
|
-
|
|
94
75
|
Guide.prototype.componentWillUnmount = function () {
|
|
95
76
|
if (this.timer) {
|
|
96
77
|
clearTimeout(this.timer);
|
|
97
78
|
}
|
|
98
79
|
};
|
|
99
|
-
|
|
100
80
|
Guide.prototype.positionPointer = function () {
|
|
101
81
|
var _this = this;
|
|
102
|
-
|
|
103
82
|
var _a = this.props,
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
83
|
+
loadablePointer = _a.loadablePointer,
|
|
84
|
+
imgSrc = _a.imgSrc,
|
|
85
|
+
position = _a.position,
|
|
86
|
+
visible = _a.visible,
|
|
87
|
+
translateX = _a.translateX,
|
|
88
|
+
translateY = _a.translateY;
|
|
111
89
|
if (loadablePointer && visible) {
|
|
112
90
|
var image_1 = new Image();
|
|
113
91
|
image_1.src = imgSrc;
|
|
114
|
-
|
|
115
92
|
image_1.onload = function () {
|
|
116
93
|
var element = _this.getElement();
|
|
117
|
-
|
|
118
94
|
if (element) {
|
|
119
95
|
var _a = getOffsetAndSize(element),
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
96
|
+
left = _a.left,
|
|
97
|
+
top_1 = _a.top,
|
|
98
|
+
width = _a.width;
|
|
124
99
|
var imgWidth = image_1.width;
|
|
125
100
|
var imgHeight = image_1.height;
|
|
126
101
|
var imgTop = "".concat(top_1 - imgHeight + translateY, "px");
|
|
127
|
-
|
|
128
102
|
if (position === 'left') {
|
|
129
103
|
_this.setState({
|
|
130
104
|
top: imgTop,
|
|
131
105
|
left: "".concat(left + translateX, "px")
|
|
132
106
|
});
|
|
133
|
-
|
|
134
107
|
return;
|
|
135
108
|
}
|
|
136
|
-
|
|
137
109
|
if (position === 'right') {
|
|
138
110
|
_this.setState({
|
|
139
111
|
top: imgTop,
|
|
140
112
|
left: "".concat(left + width - imgWidth + translateX, "px")
|
|
141
113
|
});
|
|
142
|
-
|
|
143
114
|
return;
|
|
144
|
-
}
|
|
145
|
-
|
|
146
|
-
|
|
115
|
+
}
|
|
116
|
+
// 默认居中
|
|
147
117
|
_this.setState({
|
|
148
118
|
top: imgTop,
|
|
149
119
|
left: "".concat(left + width / 2 - imgWidth / 2 + translateX, "px")
|
|
@@ -152,22 +122,20 @@ function (_super) {
|
|
|
152
122
|
};
|
|
153
123
|
}
|
|
154
124
|
};
|
|
155
|
-
|
|
156
125
|
Guide.prototype.renderMask = function () {
|
|
157
126
|
var _a = this.props,
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
127
|
+
visible = _a.visible,
|
|
128
|
+
loadablePointer = _a.loadablePointer,
|
|
129
|
+
imgSrc = _a.imgSrc;
|
|
161
130
|
var _b = this.state,
|
|
162
|
-
|
|
163
|
-
|
|
131
|
+
top = _b.top,
|
|
132
|
+
left = _b.left;
|
|
164
133
|
var cls = this.prefixCls;
|
|
165
134
|
var style = {
|
|
166
135
|
left: left,
|
|
167
136
|
top: top,
|
|
168
137
|
display: visible ? 'block' : 'none'
|
|
169
138
|
};
|
|
170
|
-
|
|
171
139
|
if (visible || this.imgRef.current) {
|
|
172
140
|
return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Mask, {
|
|
173
141
|
className: "".concat(cls, "-mask"),
|
|
@@ -182,30 +150,25 @@ function (_super) {
|
|
|
182
150
|
ref: this.imgRef
|
|
183
151
|
}) : null));
|
|
184
152
|
}
|
|
185
|
-
|
|
186
153
|
return null;
|
|
187
154
|
};
|
|
188
|
-
|
|
189
155
|
Guide.prototype.render = function () {
|
|
190
156
|
var cls = this.prefixCls;
|
|
191
157
|
var _a = this.props,
|
|
192
|
-
|
|
193
|
-
|
|
158
|
+
children = _a.children,
|
|
159
|
+
visible = _a.visible;
|
|
194
160
|
var className = visible ? "".concat(cls, "-content") : null;
|
|
195
|
-
|
|
196
161
|
if (typeof children === 'function') {
|
|
197
162
|
return /*#__PURE__*/React.createElement(React.Fragment, null, children({
|
|
198
163
|
className: className
|
|
199
164
|
}), this.renderMask());
|
|
200
165
|
}
|
|
201
|
-
|
|
202
166
|
var child = React.Children.only(children);
|
|
203
167
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.cloneElement(child, {
|
|
204
168
|
className: classNames(className, child.props.className)
|
|
205
169
|
}), this.renderMask());
|
|
206
|
-
};
|
|
207
|
-
|
|
208
|
-
|
|
170
|
+
};
|
|
171
|
+
// 默认值
|
|
209
172
|
Guide.defaultProps = {
|
|
210
173
|
loadablePointer: false,
|
|
211
174
|
position: 'center',
|
|
@@ -215,5 +178,4 @@ function (_super) {
|
|
|
215
178
|
};
|
|
216
179
|
return Guide;
|
|
217
180
|
}(React.Component);
|
|
218
|
-
|
|
219
181
|
export default Guide;
|
package/esm/index.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ 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';
|
|
41
|
+
export type { MessageProps, MessageConfig } from './message';
|
|
42
42
|
export { default as Message } from './message';
|
|
43
43
|
export type { TableProps, TableRowSelectionInfo } from './table';
|
|
44
44
|
export type { TableColumnInfo, TableColumnOnRenderReturnObjectInfo } from './table/interface';
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
2
|
function ArrowIcon(props) {
|
|
4
3
|
return /*#__PURE__*/React.createElement("svg", {
|
|
5
4
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -16,7 +15,6 @@ function ArrowIcon(props) {
|
|
|
16
15
|
fillRule: "evenodd"
|
|
17
16
|
}));
|
|
18
17
|
}
|
|
19
|
-
|
|
20
18
|
export default function ControlArrow(props) {
|
|
21
19
|
return /*#__PURE__*/React.createElement("div", {
|
|
22
20
|
className: "".concat(props.cls, "-arrow")
|