@autobest-ui/components 1.5.0 → 2.0.2
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.d.ts +1 -1
- package/esm/accordion/Item.js +5 -3
- package/esm/accordion/index.d.ts +1 -1
- package/esm/accordion/index.js +5 -3
- package/esm/affix/PortalAffix.js +7 -7
- package/esm/affix/index.js +19 -17
- package/esm/carousel/index.js +16 -14
- package/esm/checkbox/index.js +19 -17
- package/esm/collapse/index.js +13 -11
- package/esm/confirm/index.d.ts +1 -1
- package/esm/confirm/index.js +14 -14
- package/esm/date-picker/calendar/Day.d.ts +1 -1
- package/esm/date-picker/calendar/Day.js +11 -11
- package/esm/date-picker/calendar/MonthYear.js +8 -8
- package/esm/date-picker/calendar/grid/index.js +18 -18
- package/esm/date-picker/calendar/index.js +7 -5
- package/esm/date-picker/calendar/types.js +1 -0
- package/esm/date-picker/index.js +15 -13
- package/esm/drawer/Child.js +6 -6
- package/esm/drawer/index.js +11 -9
- package/esm/ellipsis/index.js +4 -4
- package/esm/guide/index.js +15 -13
- package/esm/input-number/index.d.ts +4 -4
- package/esm/input-number/index.js +27 -25
- package/esm/lazy-image/index.d.ts +3 -3
- package/esm/lazy-image/index.js +6 -4
- package/esm/link-list/index.js +24 -22
- package/esm/link-list/style/index.css +1 -1
- package/esm/loading/index.js +4 -4
- package/esm/loading-bar/index.d.ts +1 -0
- package/esm/loading-bar/index.js +3 -3
- package/esm/loading-container/index.js +6 -6
- package/esm/loading-icon/index.js +12 -12
- package/esm/mask/index.js +4 -4
- package/esm/message/index.js +14 -14
- package/esm/modal/Affix.d.ts +1 -0
- package/esm/modal/Affix.js +1 -1
- package/esm/modal/Title.js +9 -9
- package/esm/modal/getPopupLocation.js +1 -1
- package/esm/modal/index.d.ts +1 -1
- package/esm/modal/index.js +21 -19
- package/esm/modal/style/index.css +1 -1
- package/esm/move/index.d.ts +1 -1
- package/esm/move/index.js +14 -12
- package/esm/popover/index.js +9 -9
- package/esm/portal/index.js +5 -3
- package/esm/script/index.js +8 -6
- package/esm/select/index.d.ts +3 -3
- package/esm/select/index.js +34 -36
- package/esm/show-more/index.js +14 -12
- package/esm/skeleton/Item.js +3 -3
- package/esm/skeleton/index.js +11 -15
- package/esm/style.css +12 -12
- package/esm/table/body/BodyRow.js +9 -8
- package/esm/table/body/CheckIcon.js +7 -7
- package/esm/table/body/index.d.ts +1 -1
- package/esm/table/body/index.js +6 -6
- package/esm/table/header/CheckIcon.js +6 -6
- package/esm/table/header/HeaderCell.d.ts +1 -1
- package/esm/table/header/HeaderCell.js +10 -8
- package/esm/table/header/HeaderRow.d.ts +1 -0
- package/esm/table/header/HeaderRow.js +2 -2
- package/esm/table/index.d.ts +3 -7
- package/esm/table/index.js +20 -18
- package/esm/table/interface.js +1 -0
- package/esm/tabs/index.d.ts +1 -1
- package/esm/tabs/index.js +14 -12
- package/esm/tooltip/index.d.ts +1 -0
- package/esm/tooltip/index.js +1 -1
- package/esm/trigger/bottomAlign.js +2 -2
- package/esm/trigger/getPopupLocation.js +2 -1
- package/esm/trigger/index.d.ts +4 -4
- package/esm/trigger/index.js +24 -22
- package/esm/trigger/leftAlign.js +2 -2
- package/esm/trigger/rightAlign.js +2 -2
- package/esm/trigger/topAlign.js +2 -2
- package/esm/trigger/utils.js +2 -2
- package/lib/accordion/Item.d.ts +1 -1
- package/lib/accordion/Item.js +5 -3
- package/lib/accordion/index.d.ts +1 -1
- package/lib/accordion/index.js +5 -3
- package/lib/affix/PortalAffix.js +7 -7
- package/lib/affix/index.js +19 -17
- package/lib/carousel/index.js +16 -14
- package/lib/checkbox/index.js +19 -17
- package/lib/collapse/index.js +13 -11
- package/lib/confirm/index.d.ts +1 -1
- package/lib/confirm/index.js +14 -14
- package/lib/date-picker/calendar/Day.d.ts +1 -1
- package/lib/date-picker/calendar/Day.js +12 -12
- package/lib/date-picker/calendar/MonthYear.js +9 -9
- package/lib/date-picker/calendar/grid/index.js +18 -18
- package/lib/date-picker/calendar/index.js +8 -6
- package/lib/date-picker/calendar/types.js +5 -1
- package/lib/date-picker/index.js +15 -13
- package/lib/date-picker/utils.js +8 -8
- package/lib/drawer/Child.js +6 -6
- package/lib/drawer/index.js +11 -9
- package/lib/ellipsis/index.js +4 -4
- package/lib/guide/index.js +15 -13
- package/lib/index.js +54 -54
- package/lib/input-number/index.d.ts +4 -4
- package/lib/input-number/index.js +27 -25
- package/lib/lazy-image/index.d.ts +3 -3
- package/lib/lazy-image/index.js +6 -4
- package/lib/link-list/index.js +24 -22
- package/lib/link-list/style/index.css +1 -1
- package/lib/loading/index.js +4 -4
- package/lib/loading-bar/index.d.ts +1 -0
- package/lib/loading-bar/index.js +3 -3
- package/lib/loading-container/index.js +6 -6
- package/lib/loading-icon/index.js +12 -12
- package/lib/mask/index.js +4 -4
- package/lib/message/index.js +14 -14
- package/lib/modal/Affix.d.ts +1 -0
- package/lib/modal/Affix.js +1 -1
- package/lib/modal/Title.js +9 -9
- package/lib/modal/getPopupLocation.js +1 -1
- package/lib/modal/index.d.ts +1 -1
- package/lib/modal/index.js +22 -20
- package/lib/modal/style/index.css +1 -1
- package/lib/move/index.d.ts +1 -1
- package/lib/move/index.js +14 -12
- package/lib/popover/index.js +9 -9
- package/lib/portal/index.js +5 -3
- package/lib/script/index.js +8 -6
- package/lib/select/index.d.ts +3 -3
- package/lib/select/index.js +34 -36
- package/lib/show-more/index.js +14 -12
- package/lib/skeleton/Item.js +3 -3
- package/lib/skeleton/index.js +11 -15
- package/lib/style.css +12 -12
- package/lib/table/body/BodyRow.js +9 -8
- package/lib/table/body/CheckIcon.js +7 -7
- package/lib/table/body/index.d.ts +1 -1
- package/lib/table/body/index.js +6 -6
- package/lib/table/header/CheckIcon.js +6 -6
- package/lib/table/header/HeaderCell.d.ts +1 -1
- package/lib/table/header/HeaderCell.js +10 -8
- package/lib/table/header/HeaderRow.d.ts +1 -0
- package/lib/table/header/HeaderRow.js +2 -2
- package/lib/table/index.d.ts +3 -7
- package/lib/table/index.js +20 -18
- package/lib/table/interface.js +5 -1
- package/lib/tabs/index.d.ts +1 -1
- package/lib/tabs/index.js +14 -12
- package/lib/tooltip/index.d.ts +1 -0
- package/lib/tooltip/index.js +1 -1
- package/lib/trigger/align.js +24 -24
- package/lib/trigger/bottomAlign.js +3 -3
- package/lib/trigger/constants.js +1 -1
- package/lib/trigger/getPopupLocation.js +2 -1
- package/lib/trigger/index.d.ts +4 -4
- package/lib/trigger/index.js +25 -23
- package/lib/trigger/leftAlign.js +3 -3
- package/lib/trigger/ref.js +1 -1
- package/lib/trigger/rightAlign.js +3 -3
- package/lib/trigger/topAlign.js +3 -3
- package/lib/trigger/utils.js +4 -4
- package/package.json +3 -3
|
@@ -15,50 +15,50 @@ var cls = 'ab-svg-loading';
|
|
|
15
15
|
|
|
16
16
|
var LoadingIcon = function LoadingIcon(props) {
|
|
17
17
|
var className = props.className;
|
|
18
|
-
return _react.default.createElement("span", {
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
19
19
|
className: (0, _classnames.default)(className, cls)
|
|
20
|
-
}, _react.default.createElement("svg", {
|
|
20
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
21
21
|
xmlns: "http://www.w3.org/2000/svg",
|
|
22
22
|
width: "24",
|
|
23
23
|
height: "24",
|
|
24
24
|
viewBox: "0 0 24 24",
|
|
25
|
-
className: cls
|
|
26
|
-
}, _react.default.createElement("circle", {
|
|
25
|
+
className: "".concat(cls, "-icon")
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement("circle", {
|
|
27
27
|
cx: "12",
|
|
28
28
|
cy: "2",
|
|
29
29
|
r: "2",
|
|
30
30
|
fill: "#202020"
|
|
31
|
-
}), _react.default.createElement("circle", {
|
|
31
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
32
32
|
cx: "19",
|
|
33
33
|
cy: "5",
|
|
34
34
|
r: "2",
|
|
35
35
|
fill: "#404040"
|
|
36
|
-
}), _react.default.createElement("circle", {
|
|
36
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
37
37
|
cx: "22",
|
|
38
38
|
cy: "12",
|
|
39
39
|
r: "2",
|
|
40
40
|
fill: "#606060"
|
|
41
|
-
}), _react.default.createElement("circle", {
|
|
41
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
42
42
|
cx: "19",
|
|
43
43
|
cy: "19",
|
|
44
44
|
r: "2",
|
|
45
45
|
fill: "gray"
|
|
46
|
-
}), _react.default.createElement("circle", {
|
|
46
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
47
47
|
cx: "12",
|
|
48
48
|
cy: "22",
|
|
49
49
|
r: "2",
|
|
50
50
|
fill: "#b0b0b0"
|
|
51
|
-
}), _react.default.createElement("circle", {
|
|
51
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
52
52
|
cx: "5",
|
|
53
53
|
cy: "19",
|
|
54
54
|
r: "2",
|
|
55
55
|
fill: "#d0d0d0"
|
|
56
|
-
}), _react.default.createElement("circle", {
|
|
56
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
57
57
|
cx: "2",
|
|
58
58
|
cy: "12",
|
|
59
59
|
r: "2",
|
|
60
60
|
fill: "#f0f0f0"
|
|
61
|
-
}), _react.default.createElement("circle", {
|
|
61
|
+
}), /*#__PURE__*/_react.default.createElement("circle", {
|
|
62
62
|
cx: "5",
|
|
63
63
|
cy: "5",
|
|
64
64
|
r: "2",
|
|
@@ -66,6 +66,6 @@ var LoadingIcon = function LoadingIcon(props) {
|
|
|
66
66
|
})));
|
|
67
67
|
};
|
|
68
68
|
|
|
69
|
-
var _default = _react.default.memo(LoadingIcon);
|
|
69
|
+
var _default = /*#__PURE__*/_react.default.memo(LoadingIcon);
|
|
70
70
|
|
|
71
71
|
exports.default = _default;
|
package/lib/mask/index.js
CHANGED
|
@@ -33,12 +33,12 @@ function Mask(_a, ref) {
|
|
|
33
33
|
}
|
|
34
34
|
}, [onClose]);
|
|
35
35
|
|
|
36
|
-
return _react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
|
36
|
+
return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
|
37
37
|
in: visible,
|
|
38
38
|
timeout: timeout,
|
|
39
|
-
classNames: prefixCls
|
|
39
|
+
classNames: "".concat(prefixCls, "-fade"),
|
|
40
40
|
appear: true
|
|
41
|
-
}, _react.default.createElement("div", {
|
|
41
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
42
42
|
className: (0, _classnames.default)(prefixCls, className),
|
|
43
43
|
onMouseDown: onChangeVisible,
|
|
44
44
|
onTouchStart: onChangeVisible,
|
|
@@ -46,6 +46,6 @@ function Mask(_a, ref) {
|
|
|
46
46
|
}));
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
-
var _default = _react.default.memo(_react.default.forwardRef(Mask));
|
|
49
|
+
var _default = /*#__PURE__*/_react.default.memo( /*#__PURE__*/_react.default.forwardRef(Mask));
|
|
50
50
|
|
|
51
51
|
exports.default = _default;
|
package/lib/message/index.js
CHANGED
|
@@ -56,7 +56,7 @@ function Message(config) {
|
|
|
56
56
|
|
|
57
57
|
if (!container) {
|
|
58
58
|
container = document.createElement('div');
|
|
59
|
-
container.setAttribute('class', (0, _classnames.default)(currentConfig.className, prefixCls
|
|
59
|
+
container.setAttribute('class', (0, _classnames.default)(currentConfig.className, "".concat(prefixCls, "-container")));
|
|
60
60
|
document.body.appendChild(container);
|
|
61
61
|
}
|
|
62
62
|
|
|
@@ -64,9 +64,9 @@ function Message(config) {
|
|
|
64
64
|
close(items[0].id);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
-
function close(
|
|
67
|
+
function close(currentId) {
|
|
68
68
|
var index = items.findIndex(function (item) {
|
|
69
|
-
return item.id ===
|
|
69
|
+
return item.id === currentId;
|
|
70
70
|
});
|
|
71
71
|
|
|
72
72
|
if (index >= 0) {
|
|
@@ -78,15 +78,15 @@ function Message(config) {
|
|
|
78
78
|
render();
|
|
79
79
|
}
|
|
80
80
|
|
|
81
|
-
function _onExited(
|
|
82
|
-
currentConfig.onDestroy(
|
|
81
|
+
function _onExited(currentId) {
|
|
82
|
+
currentConfig.onDestroy(currentId);
|
|
83
83
|
} // 渲染组件
|
|
84
84
|
|
|
85
85
|
|
|
86
86
|
function render() {
|
|
87
87
|
var cls = prefixCls;
|
|
88
88
|
|
|
89
|
-
_reactDom.default.render(_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
|
|
89
|
+
_reactDom.default.render( /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
|
|
90
90
|
component: null
|
|
91
91
|
}, items.map(function (item) {
|
|
92
92
|
var _a = item.currentConfig,
|
|
@@ -98,19 +98,19 @@ function Message(config) {
|
|
|
98
98
|
width: width,
|
|
99
99
|
height: height
|
|
100
100
|
};
|
|
101
|
-
return _react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
|
101
|
+
return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
|
102
102
|
key: item.id,
|
|
103
103
|
timeout: 300,
|
|
104
|
-
classNames: cls
|
|
104
|
+
classNames: "".concat(cls, "-fade"),
|
|
105
105
|
onExited: function onExited() {
|
|
106
106
|
_onExited(item.id);
|
|
107
107
|
},
|
|
108
108
|
appear: true
|
|
109
|
-
}, _react.default.createElement("div", {
|
|
110
|
-
className: (0, _classnames.default)(cls
|
|
109
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
110
|
+
className: (0, _classnames.default)("".concat(cls, "-content"), contentClassName),
|
|
111
111
|
style: style
|
|
112
|
-
}, content, _react.default.createElement("div", {
|
|
113
|
-
className: cls
|
|
112
|
+
}, content, /*#__PURE__*/_react.default.createElement("div", {
|
|
113
|
+
className: "".concat(cls, "-close"),
|
|
114
114
|
onClick: function onClick() {
|
|
115
115
|
close(item.id);
|
|
116
116
|
}
|
|
@@ -131,8 +131,8 @@ function Message(config) {
|
|
|
131
131
|
}, currentConfig.expires);
|
|
132
132
|
|
|
133
133
|
function destroy() {
|
|
134
|
-
items.forEach(function (
|
|
135
|
-
clearTimeout(
|
|
134
|
+
items.forEach(function (child) {
|
|
135
|
+
clearTimeout(child.timer);
|
|
136
136
|
});
|
|
137
137
|
items = [];
|
|
138
138
|
render();
|
package/lib/modal/Affix.d.ts
CHANGED
package/lib/modal/Affix.js
CHANGED
|
@@ -12,7 +12,7 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
var _portal = _interopRequireDefault(require("../portal"));
|
|
13
13
|
|
|
14
14
|
function Affix(props) {
|
|
15
|
-
return _react.default.createElement(_portal.default, {
|
|
15
|
+
return /*#__PURE__*/_react.default.createElement(_portal.default, {
|
|
16
16
|
getContainer: props.getContainer
|
|
17
17
|
}, props.children);
|
|
18
18
|
}
|
package/lib/modal/Title.js
CHANGED
|
@@ -15,11 +15,11 @@ function Times(_a) {
|
|
|
15
15
|
closable = _a.closable;
|
|
16
16
|
|
|
17
17
|
if (closable) {
|
|
18
|
-
return _react.default.createElement("span", {
|
|
19
|
-
className: prefixCls
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement("span", {
|
|
19
|
+
className: "".concat(prefixCls, "-times"),
|
|
20
20
|
onMouseDown: onClose,
|
|
21
21
|
onTouchStart: onClose
|
|
22
|
-
}, _react.default.createElement("svg", {
|
|
22
|
+
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
23
23
|
viewBox: "64 64 896 896",
|
|
24
24
|
className: "",
|
|
25
25
|
"data-icon": "close",
|
|
@@ -28,7 +28,7 @@ function Times(_a) {
|
|
|
28
28
|
fill: "currentColor",
|
|
29
29
|
"aria-hidden": "true",
|
|
30
30
|
focusable: "false"
|
|
31
|
-
}, _react.default.createElement("path", {
|
|
31
|
+
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
32
32
|
d: "M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"
|
|
33
33
|
})));
|
|
34
34
|
}
|
|
@@ -43,22 +43,22 @@ function Title(_a) {
|
|
|
43
43
|
onClose = _a.onClose;
|
|
44
44
|
|
|
45
45
|
if (title) {
|
|
46
|
-
return _react.default.createElement("div", {
|
|
47
|
-
className: prefixCls
|
|
48
|
-
}, title, _react.default.createElement(Times, {
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
47
|
+
className: "".concat(prefixCls, "-title")
|
|
48
|
+
}, title, /*#__PURE__*/_react.default.createElement(Times, {
|
|
49
49
|
prefixCls: prefixCls,
|
|
50
50
|
closable: closable,
|
|
51
51
|
onClose: onClose
|
|
52
52
|
}));
|
|
53
53
|
}
|
|
54
54
|
|
|
55
|
-
return _react.default.createElement(Times, {
|
|
55
|
+
return /*#__PURE__*/_react.default.createElement(Times, {
|
|
56
56
|
prefixCls: prefixCls,
|
|
57
57
|
closable: closable,
|
|
58
58
|
onClose: onClose
|
|
59
59
|
});
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
var _default = _react.default.memo(Title);
|
|
62
|
+
var _default = /*#__PURE__*/_react.default.memo(Title);
|
|
63
63
|
|
|
64
64
|
exports.default = _default;
|
|
@@ -15,7 +15,7 @@ function getPopupLocation(_a) {
|
|
|
15
15
|
var clientSize = (0, _utils.getAvailSize)(true);
|
|
16
16
|
var popupSize = (0, _utils.getElementSize)(element);
|
|
17
17
|
var doubleLimit = popupLimitSpacing * 2;
|
|
18
|
-
var height = popupSize.height > clientSize.height - doubleLimit ? clientSize.height - doubleLimit
|
|
18
|
+
var height = popupSize.height > clientSize.height - doubleLimit ? "".concat(clientSize.height - doubleLimit, "px") : '';
|
|
19
19
|
|
|
20
20
|
if (placement === 'top') {
|
|
21
21
|
return {
|
package/lib/modal/index.d.ts
CHANGED
|
@@ -77,7 +77,7 @@ interface ModalStates {
|
|
|
77
77
|
cacheVisible: boolean;
|
|
78
78
|
}
|
|
79
79
|
declare class Modal extends React.Component<ModalProps, ModalStates> {
|
|
80
|
-
static Affix: React.ComponentType<Required<
|
|
80
|
+
static Affix: React.ComponentType<Required<Omit<import("../portal").PortalProps, "didUpdate">>>;
|
|
81
81
|
static cacheOpenedIds: number[];
|
|
82
82
|
openId: number;
|
|
83
83
|
prefixCls: string;
|
package/lib/modal/index.js
CHANGED
|
@@ -17,12 +17,12 @@ var _utils = require("@autobest-ui/utils");
|
|
|
17
17
|
|
|
18
18
|
var _portal = _interopRequireDefault(require("../portal"));
|
|
19
19
|
|
|
20
|
+
var _mask = _interopRequireDefault(require("../mask"));
|
|
21
|
+
|
|
20
22
|
var _Title = _interopRequireDefault(require("./Title"));
|
|
21
23
|
|
|
22
24
|
var _Affix = _interopRequireDefault(require("./Affix"));
|
|
23
25
|
|
|
24
|
-
var _mask = _interopRequireDefault(require("../mask"));
|
|
25
|
-
|
|
26
26
|
var _getPopupLocation = _interopRequireDefault(require("./getPopupLocation"));
|
|
27
27
|
|
|
28
28
|
var __extends = void 0 && (void 0).__extends || function () {
|
|
@@ -33,7 +33,7 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
33
33
|
d.__proto__ = b;
|
|
34
34
|
} || function (d, b) {
|
|
35
35
|
for (var p in b) {
|
|
36
|
-
if (
|
|
36
|
+
if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
|
|
@@ -41,6 +41,8 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
41
41
|
};
|
|
42
42
|
|
|
43
43
|
return function (d, b) {
|
|
44
|
+
if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
45
|
+
|
|
44
46
|
_extendStatics(d, b);
|
|
45
47
|
|
|
46
48
|
function __() {
|
|
@@ -70,8 +72,8 @@ function (_super) {
|
|
|
70
72
|
_this.openId = getId();
|
|
71
73
|
_this.prefixCls = 'ab-modal';
|
|
72
74
|
_this.scrollBarSize = 0;
|
|
73
|
-
_this.popupRef = _react.default.createRef();
|
|
74
|
-
_this.maskRef = _react.default.createRef();
|
|
75
|
+
_this.popupRef = /*#__PURE__*/_react.default.createRef();
|
|
76
|
+
_this.maskRef = /*#__PURE__*/_react.default.createRef();
|
|
75
77
|
/**
|
|
76
78
|
* 全局事件回调
|
|
77
79
|
* @param event
|
|
@@ -156,11 +158,11 @@ function (_super) {
|
|
|
156
158
|
currentDocument.style.overflow = 'hidden';
|
|
157
159
|
|
|
158
160
|
if ((0, _utils.hasVerticalScrollbar)(_this.scrollBarSize)) {
|
|
159
|
-
currentDocument.style.paddingRight = _this.scrollBarSize
|
|
161
|
+
currentDocument.style.paddingRight = "".concat(_this.scrollBarSize, "px");
|
|
160
162
|
|
|
161
163
|
if (element && element.parentNode) {
|
|
162
164
|
var parentNode = element.parentNode;
|
|
163
|
-
parentNode.style.paddingRight = _this.scrollBarSize
|
|
165
|
+
parentNode.style.paddingRight = "".concat(_this.scrollBarSize, "px");
|
|
164
166
|
}
|
|
165
167
|
}
|
|
166
168
|
}
|
|
@@ -195,9 +197,9 @@ function (_super) {
|
|
|
195
197
|
var popupHeight = height || _this.props.height;
|
|
196
198
|
|
|
197
199
|
if (!popupHeight || popupHeight === 'auto') {
|
|
198
|
-
lastChild.style.maxHeight = "calc(100vh - .3rem - "
|
|
200
|
+
lastChild.style.maxHeight = "calc(100vh - .3rem - ".concat(placement === 'top' && top ? top : '0px', " - ").concat(firstChildHeight, "px)");
|
|
199
201
|
} else {
|
|
200
|
-
lastChild.style.maxHeight = "calc(100% - "
|
|
202
|
+
lastChild.style.maxHeight = "calc(100% - ".concat(firstChildHeight, "px)");
|
|
201
203
|
}
|
|
202
204
|
});
|
|
203
205
|
}
|
|
@@ -382,27 +384,27 @@ function (_super) {
|
|
|
382
384
|
title = _b.title,
|
|
383
385
|
placement = _b.placement,
|
|
384
386
|
top = _b.top;
|
|
385
|
-
var maxHeight = "calc(100vh - .3rem - "
|
|
386
|
-
return _react.default.createElement("div", {
|
|
387
|
-
className: (0, _classnames.default)(cls, className, (_a = {}, _a[cls
|
|
388
|
-
}, _react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
|
387
|
+
var maxHeight = "calc(100vh - .3rem - ".concat(placement === 'top' && top ? top : '0px', ")");
|
|
388
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
389
|
+
className: (0, _classnames.default)(cls, className, (_a = {}, _a["".concat(cls, "-center")] = placement === 'center', _a["".concat(this.prefixCls, "-hidden")] = !visible && !this.state.isUserOperated, _a))
|
|
390
|
+
}, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
|
389
391
|
in: visible,
|
|
390
392
|
timeout: 300,
|
|
391
|
-
classNames: cls
|
|
393
|
+
classNames: "".concat(cls, "-fade"),
|
|
392
394
|
onEnter: this.onEnter,
|
|
393
395
|
onEntered: this.onEntered,
|
|
394
396
|
onExited: this.onExited,
|
|
395
397
|
appear: true
|
|
396
398
|
}, function (state) {
|
|
397
|
-
return _react.default.createElement("div", {
|
|
398
|
-
className: cls
|
|
399
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
400
|
+
className: "".concat(cls, "-content"),
|
|
399
401
|
style: state !== 'exited' ? {
|
|
400
402
|
width: width,
|
|
401
403
|
height: height,
|
|
402
404
|
maxHeight: maxHeight
|
|
403
405
|
} : undefined,
|
|
404
406
|
ref: _this.popupRef
|
|
405
|
-
}, _react.default.createElement(_Title.default, {
|
|
407
|
+
}, /*#__PURE__*/_react.default.createElement(_Title.default, {
|
|
406
408
|
prefixCls: cls,
|
|
407
409
|
closable: closable,
|
|
408
410
|
onClose: _this.onClose,
|
|
@@ -417,16 +419,16 @@ function (_super) {
|
|
|
417
419
|
var visible = this.props.visible; // 插入元素,不使用传送门, 和当前元素同级
|
|
418
420
|
|
|
419
421
|
if (this.props.isInsertNode) {
|
|
420
|
-
return _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_mask.default, {
|
|
422
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mask.default, {
|
|
421
423
|
visible: visible,
|
|
422
|
-
className: (0, _classnames.default)((_a = {}, _a[this.prefixCls
|
|
424
|
+
className: (0, _classnames.default)((_a = {}, _a["".concat(this.prefixCls, "-hidden")] = !visible && !this.state.isUserOperated, _a)),
|
|
423
425
|
timeout: 500,
|
|
424
426
|
ref: this.maskRef
|
|
425
427
|
}), this.renderPopup());
|
|
426
428
|
}
|
|
427
429
|
|
|
428
430
|
if (visible || this.popupRef.current) {
|
|
429
|
-
return _react.default.createElement(_portal.default, null, _react.default.createElement(_react.default.Fragment, null, _react.default.createElement(_mask.default, {
|
|
431
|
+
return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_mask.default, {
|
|
430
432
|
visible: visible,
|
|
431
433
|
timeout: 500,
|
|
432
434
|
ref: this.maskRef
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.ab-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;overflow:auto;outline:0}.ab-modal.ab-modal-center{text-align:center}.ab-modal.ab-modal-center:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:
|
|
1
|
+
.ab-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:101;overflow:auto;outline:0}.ab-modal.ab-modal-center{text-align:center}.ab-modal.ab-modal-center:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:""}.ab-modal.ab-modal-center .ab-modal-content{top:0;text-align:left;display:inline-block;vertical-align:middle}.ab-modal-content{position:relative;background-color:#fff;max-width:calc(100vw - .3rem);margin-left:auto;margin-right:auto;overflow:auto;-webkit-overflow-scrolling:touch;transition:transform .3s,opacity .3s cubic-bezier(.7,.3,.1,1);z-index:101}.ab-modal-title{position:relative;width:100%}.ab-modal-title .ab-modal-times{top:50%;transform:translateY(-50%)}.ab-modal-times{position:absolute;top:.12rem;right:.12rem;font-size:.15rem;color:#b0b0b0;cursor:pointer}.ab-modal-times svg{display:block}.ab-modal-times:hover{color:#333}.ab-modal-hidden{display:none}@media only screen and (max-width:767px){.ab-modal-content{width:calc(100vw - .3rem)}}.ab-modal-fade-appear,.ab-modal-fade-enter{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-appear-active,.ab-modal-fade-enter-active{transform:translateZ(0);opacity:1}.ab-modal-fade-enter-done{transform:translateZ(0);opacity:1}.ab-modal-fade-exit{transform:translateZ(0);opacity:1}.ab-modal-fade-exit-active{transform:translate3d(0,-30px,0);opacity:0}.ab-modal-fade-exit-done{display:none}
|
package/lib/move/index.d.ts
CHANGED
|
@@ -107,6 +107,6 @@ declare class Move extends React.Component<MoveProps> {
|
|
|
107
107
|
setElementInfo(element: any): void;
|
|
108
108
|
onTransitionEnd: () => void;
|
|
109
109
|
getDomNode(): HTMLElement;
|
|
110
|
-
render(): React.ReactElement<any, string |
|
|
110
|
+
render(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
111
111
|
}
|
|
112
112
|
export default Move;
|
package/lib/move/index.js
CHANGED
|
@@ -33,7 +33,7 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
33
33
|
d.__proto__ = b;
|
|
34
34
|
} || function (d, b) {
|
|
35
35
|
for (var p in b) {
|
|
36
|
-
if (
|
|
36
|
+
if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
37
37
|
}
|
|
38
38
|
};
|
|
39
39
|
|
|
@@ -41,6 +41,8 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
41
41
|
};
|
|
42
42
|
|
|
43
43
|
return function (d, b) {
|
|
44
|
+
if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
45
|
+
|
|
44
46
|
_extendStatics(d, b);
|
|
45
47
|
|
|
46
48
|
function __() {
|
|
@@ -104,7 +106,7 @@ function (_super) {
|
|
|
104
106
|
_this.isTouchScale = false; // 强制刷新元素位置
|
|
105
107
|
|
|
106
108
|
_this.isForceUpdatePlacement = false;
|
|
107
|
-
_this.moveRef = _react.default.createRef();
|
|
109
|
+
_this.moveRef = /*#__PURE__*/_react.default.createRef();
|
|
108
110
|
_this.updateTimer = null;
|
|
109
111
|
|
|
110
112
|
_this.refreshInfo = function (el, prevProps) {
|
|
@@ -374,34 +376,34 @@ function (_super) {
|
|
|
374
376
|
}
|
|
375
377
|
|
|
376
378
|
this.updateTimer = setTimeout(function () {
|
|
377
|
-
var
|
|
379
|
+
var currentElement = _this.getDomNode();
|
|
378
380
|
|
|
379
|
-
if (!
|
|
381
|
+
if (!currentElement) {
|
|
380
382
|
return;
|
|
381
383
|
}
|
|
382
384
|
|
|
383
|
-
_this.refreshInfo(
|
|
385
|
+
_this.refreshInfo(currentElement, prevProps);
|
|
384
386
|
|
|
385
387
|
var isTouch = (0, _utils.isTouchScreen)();
|
|
386
388
|
|
|
387
389
|
if (!_this.startHandler) {
|
|
388
390
|
var eventType = isTouch ? 'touchstart' : 'mousedown';
|
|
389
|
-
_this.startHandler = (0, _utils.addEventListener)(
|
|
390
|
-
return _this.onStart(ev,
|
|
391
|
+
_this.startHandler = (0, _utils.addEventListener)(currentElement, eventType, function (ev) {
|
|
392
|
+
return _this.onStart(ev, currentElement);
|
|
391
393
|
});
|
|
392
394
|
} // 不支持Touch的设备监听滚动
|
|
393
395
|
|
|
394
396
|
|
|
395
397
|
if (_this.props.scalable && !isTouch && !_this.mousewheelHandler) {
|
|
396
|
-
_this.mousewheelHandler = (0, _utils.addEventListener)(
|
|
397
|
-
return _this.onMousewheel(ev,
|
|
398
|
+
_this.mousewheelHandler = (0, _utils.addEventListener)(currentElement, 'wheel', function (ev) {
|
|
399
|
+
return _this.onMousewheel(ev, currentElement);
|
|
398
400
|
});
|
|
399
401
|
} // 加入 resize 监听
|
|
400
402
|
|
|
401
403
|
|
|
402
404
|
if (_this.props.monitorWindowResize && !_this.resizeHandler) {
|
|
403
405
|
_this.resizeHandler = (0, _utils.addEventListener)(window, 'resize', (0, _utils.throttleWithRAF)(function () {
|
|
404
|
-
return _this.refreshInfo(
|
|
406
|
+
return _this.refreshInfo(currentElement, prevProps);
|
|
405
407
|
}));
|
|
406
408
|
}
|
|
407
409
|
}, 0);
|
|
@@ -461,7 +463,7 @@ function (_super) {
|
|
|
461
463
|
};
|
|
462
464
|
|
|
463
465
|
Move.prototype.setElementInfo = function (element) {
|
|
464
|
-
element.style.transform = "translate("
|
|
466
|
+
element.style.transform = "translate(".concat(this.currentObj.left, "px, ").concat(this.currentObj.top, "px) scale(").concat(this.currentScaleSize, ")");
|
|
465
467
|
};
|
|
466
468
|
|
|
467
469
|
Move.prototype.getDomNode = function () {
|
|
@@ -478,7 +480,7 @@ function (_super) {
|
|
|
478
480
|
var child = _react.default.Children.only(children);
|
|
479
481
|
|
|
480
482
|
if (ReactIs.isElement(child) && !ReactIs.isFragment(child)) {
|
|
481
|
-
return _react.default.cloneElement(child, {
|
|
483
|
+
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
482
484
|
ref: this.moveRef,
|
|
483
485
|
onTransitionEnd: this.onTransitionEnd,
|
|
484
486
|
className: (0, _classnames.default)(this.prefixCls, child.props.className)
|
package/lib/popover/index.js
CHANGED
|
@@ -66,30 +66,30 @@ function Popover(props) {
|
|
|
66
66
|
|
|
67
67
|
|
|
68
68
|
if (closeIcon) {
|
|
69
|
-
return _react.default.cloneElement(closeIcon, {
|
|
69
|
+
return /*#__PURE__*/_react.default.cloneElement(closeIcon, {
|
|
70
70
|
onClick: onHidePopup
|
|
71
71
|
});
|
|
72
72
|
}
|
|
73
73
|
|
|
74
|
-
return _react.default.createElement("i", {
|
|
75
|
-
className: (0, _classnames.default)(cls
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement("i", {
|
|
75
|
+
className: (0, _classnames.default)("".concat(cls, "-close"), closeClassName),
|
|
76
76
|
onClick: onHidePopup
|
|
77
77
|
}, "\xD7");
|
|
78
78
|
}
|
|
79
79
|
|
|
80
|
-
var innerClass = (0, _classnames.default)(cls
|
|
80
|
+
var innerClass = (0, _classnames.default)("".concat(cls, "-inner"), innerClassName, (_a = {}, _a["".concat(cls, "-inner-expand")] = !hiddenClose, _a));
|
|
81
81
|
|
|
82
82
|
function renderPopup() {
|
|
83
|
-
return _react.default.createElement(_react.default.Fragment, null, renderClose(), _react.default.createElement("i", {
|
|
84
|
-
className: (0, _classnames.default)(cls
|
|
83
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderClose(), /*#__PURE__*/_react.default.createElement("i", {
|
|
84
|
+
className: (0, _classnames.default)("".concat(cls, "-arrow"), arrowClassName),
|
|
85
85
|
style: arrowStyle
|
|
86
|
-
}), _react.default.createElement("div", {
|
|
86
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
87
87
|
className: innerClass
|
|
88
88
|
}, tip));
|
|
89
89
|
}
|
|
90
90
|
|
|
91
|
-
return _react.default.createElement(_trigger.default, __assign({}, props, {
|
|
92
|
-
wrapClassName: (0, _classnames.default)(cls
|
|
91
|
+
return /*#__PURE__*/_react.default.createElement(_trigger.default, __assign({}, props, {
|
|
92
|
+
wrapClassName: (0, _classnames.default)("".concat(cls, "-wrap "), props.wrapClassName),
|
|
93
93
|
ref: triggerEl,
|
|
94
94
|
hiddenArrow: false,
|
|
95
95
|
popup: renderPopup,
|
package/lib/portal/index.js
CHANGED
|
@@ -19,7 +19,7 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
19
19
|
d.__proto__ = b;
|
|
20
20
|
} || function (d, b) {
|
|
21
21
|
for (var p in b) {
|
|
22
|
-
if (
|
|
22
|
+
if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
25
|
|
|
@@ -27,6 +27,8 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
27
27
|
};
|
|
28
28
|
|
|
29
29
|
return function (d, b) {
|
|
30
|
+
if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
31
|
+
|
|
30
32
|
_extendStatics(d, b);
|
|
31
33
|
|
|
32
34
|
function __() {
|
|
@@ -77,10 +79,10 @@ function (_super) {
|
|
|
77
79
|
|
|
78
80
|
Portal.prototype.render = function () {
|
|
79
81
|
if (this.container) {
|
|
80
|
-
return _reactDom.default.createPortal(this.props.children, this.container);
|
|
82
|
+
return /*#__PURE__*/_reactDom.default.createPortal(this.props.children, this.container);
|
|
81
83
|
}
|
|
82
84
|
|
|
83
|
-
return _react.default.createElement(_react.default.Fragment, null);
|
|
85
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
|
|
84
86
|
};
|
|
85
87
|
|
|
86
88
|
Portal.getContainer = function () {
|
package/lib/script/index.js
CHANGED
|
@@ -17,7 +17,7 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
17
17
|
d.__proto__ = b;
|
|
18
18
|
} || function (d, b) {
|
|
19
19
|
for (var p in b) {
|
|
20
|
-
if (
|
|
20
|
+
if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
|
|
@@ -25,6 +25,8 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
25
25
|
};
|
|
26
26
|
|
|
27
27
|
return function (d, b) {
|
|
28
|
+
if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
29
|
+
|
|
28
30
|
_extendStatics(d, b);
|
|
29
31
|
|
|
30
32
|
function __() {
|
|
@@ -81,7 +83,7 @@ function (_super) {
|
|
|
81
83
|
if (isRefresh || preProps.beforeCode !== beforeCode) {
|
|
82
84
|
// 这里只支持在url改变时,删除code, 并不对code进行判断来删除url的script, 原因是没有这种需求
|
|
83
85
|
if (cancelable && preProps && preProps.beforeCode !== beforeCode) {
|
|
84
|
-
var preCodeElement = document.querySelector("script[data-src='"
|
|
86
|
+
var preCodeElement = document.querySelector("script[data-src='".concat(preProps.url, "']"));
|
|
85
87
|
|
|
86
88
|
if (preCodeElement && preCodeElement.remove) {
|
|
87
89
|
preCodeElement.remove();
|
|
@@ -95,16 +97,16 @@ function (_super) {
|
|
|
95
97
|
|
|
96
98
|
|
|
97
99
|
if (isRefresh || url !== preProps.url) {
|
|
98
|
-
var scriptsElement = document.querySelector("script[src='"
|
|
100
|
+
var scriptsElement = document.querySelector("script[src='".concat(url, "']")); // 如果已经存在, 警告, 并终止执行
|
|
99
101
|
|
|
100
102
|
if (scriptsElement) {
|
|
101
103
|
// eslint-disable-next-line no-console
|
|
102
|
-
console.error("Src: "
|
|
104
|
+
console.error("Src: ".concat(url, " has been created, the corresponding callback will no longer be executed, Please use it directly"));
|
|
103
105
|
return;
|
|
104
106
|
}
|
|
105
107
|
|
|
106
108
|
if (cancelable && preProps && url !== preProps.url) {
|
|
107
|
-
var preScriptsElement = document.querySelector("script[src='"
|
|
109
|
+
var preScriptsElement = document.querySelector("script[src='".concat(preProps.url, "']"));
|
|
108
110
|
|
|
109
111
|
if (preScriptsElement && preScriptsElement.remove) {
|
|
110
112
|
preScriptsElement.remove();
|
|
@@ -136,7 +138,7 @@ function (_super) {
|
|
|
136
138
|
onRemove = _a.onRemove;
|
|
137
139
|
|
|
138
140
|
if (cancelable && url) {
|
|
139
|
-
var scriptsElement = document.querySelector("script[src='"
|
|
141
|
+
var scriptsElement = document.querySelector("script[src='".concat(url, "']"));
|
|
140
142
|
|
|
141
143
|
if (scriptsElement && scriptsElement.remove) {
|
|
142
144
|
scriptsElement.remove();
|
package/lib/select/index.d.ts
CHANGED
|
@@ -110,8 +110,8 @@ declare class Select extends React.Component<SelectProps, SelectStates> {
|
|
|
110
110
|
triggerSelect: (status?: boolean) => void;
|
|
111
111
|
onTriggerSelect: () => void;
|
|
112
112
|
onSelecting(ev: React.MouseEvent | React.TouchEvent, item: any): void;
|
|
113
|
-
renderTitle(): React.ReactElement<any, string |
|
|
114
|
-
renderBottom(): React.ReactElement<any, string |
|
|
113
|
+
renderTitle(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
114
|
+
renderBottom(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
115
115
|
/**
|
|
116
116
|
* 下拉框内容
|
|
117
117
|
*/
|
|
@@ -120,7 +120,7 @@ declare class Select extends React.Component<SelectProps, SelectStates> {
|
|
|
120
120
|
* 根据value获取当前的name,并显示出来
|
|
121
121
|
* @returns {*}
|
|
122
122
|
*/
|
|
123
|
-
getCurrentName():
|
|
123
|
+
getCurrentName(): NameValue;
|
|
124
124
|
render(): JSX.Element;
|
|
125
125
|
}
|
|
126
126
|
export default Select;
|