@autobest-ui/components 1.4.0 → 2.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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.d.ts +4 -5
- package/esm/guide/index.js +19 -19
- package/esm/index.d.ts +0 -1
- package/esm/index.js +0 -1
- 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.d.ts +7 -2
- package/esm/loading/index.js +20 -26
- package/esm/loading/style/index.css +1 -1
- package/esm/loading/style/index.scss +0 -10
- 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 +14 -15
- package/esm/table/body/BodyRow.js +8 -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.d.ts +4 -5
- package/lib/guide/index.js +19 -20
- package/lib/index.d.ts +0 -1
- package/lib/index.js +54 -62
- 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.d.ts +7 -2
- package/lib/loading/index.js +20 -27
- package/lib/loading/style/index.css +1 -1
- package/lib/loading/style/index.scss +0 -10
- 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 +14 -15
- package/lib/table/body/BodyRow.js +8 -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
- package/esm/use-config/index.d.ts +0 -5
- package/esm/use-config/index.js +0 -13
- package/esm/use-config/style/index.css +0 -0
- package/esm/use-config/style/index.d.ts +0 -1
- package/esm/use-config/style/index.js +0 -1
- package/esm/use-config/style/index.scss +0 -0
- package/lib/use-config/index.d.ts +0 -5
- package/lib/use-config/index.js +0 -21
- package/lib/use-config/style/index.css +0 -0
- package/lib/use-config/style/index.d.ts +0 -1
- package/lib/use-config/style/index.js +0 -1
- package/lib/use-config/style/index.scss +0 -0
package/esm/table/index.js
CHANGED
|
@@ -6,7 +6,7 @@ var __extends = this && this.__extends || function () {
|
|
|
6
6
|
d.__proto__ = b;
|
|
7
7
|
} || function (d, b) {
|
|
8
8
|
for (var p in b) {
|
|
9
|
-
if (
|
|
9
|
+
if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -14,6 +14,8 @@ var __extends = this && this.__extends || function () {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
return function (d, b) {
|
|
17
|
+
if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
18
|
+
|
|
17
19
|
_extendStatics(d, b);
|
|
18
20
|
|
|
19
21
|
function __() {
|
|
@@ -56,8 +58,8 @@ function (_super) {
|
|
|
56
58
|
var _this = _super.call(this, props) || this;
|
|
57
59
|
|
|
58
60
|
_this.prefixCls = 'ab-table';
|
|
59
|
-
_this.headerRef = React.createRef();
|
|
60
|
-
_this.bodyRef = React.createRef();
|
|
61
|
+
_this.headerRef = /*#__PURE__*/React.createRef();
|
|
62
|
+
_this.bodyRef = /*#__PURE__*/React.createRef();
|
|
61
63
|
_this.defaultRowSelection = {
|
|
62
64
|
selectAllVisible: true,
|
|
63
65
|
selectAllChecked: false,
|
|
@@ -187,8 +189,8 @@ function (_super) {
|
|
|
187
189
|
return previousValue;
|
|
188
190
|
}
|
|
189
191
|
|
|
190
|
-
var data = dataSource.find(function (
|
|
191
|
-
return getRowKey(
|
|
192
|
+
var data = dataSource.find(function (item) {
|
|
193
|
+
return getRowKey(item) === currentValue;
|
|
192
194
|
});
|
|
193
195
|
|
|
194
196
|
if (data) {
|
|
@@ -263,13 +265,13 @@ function (_super) {
|
|
|
263
265
|
var _a = _this.props,
|
|
264
266
|
columns = _a.columns,
|
|
265
267
|
rowSelection = _a.rowSelection;
|
|
266
|
-
return React.createElement("colgroup", null, rowSelection ? React.createElement("col", {
|
|
268
|
+
return /*#__PURE__*/React.createElement("colgroup", null, rowSelection ? /*#__PURE__*/React.createElement("col", {
|
|
267
269
|
width: 32
|
|
268
270
|
}) : null, columns.map(function (item) {
|
|
269
271
|
var width = item.width;
|
|
270
272
|
|
|
271
273
|
if (width) {
|
|
272
|
-
return React.createElement("col", {
|
|
274
|
+
return /*#__PURE__*/React.createElement("col", {
|
|
273
275
|
key: item.key,
|
|
274
276
|
style: {
|
|
275
277
|
width: width,
|
|
@@ -278,7 +280,7 @@ function (_super) {
|
|
|
278
280
|
});
|
|
279
281
|
}
|
|
280
282
|
|
|
281
|
-
return React.createElement("col", {
|
|
283
|
+
return /*#__PURE__*/React.createElement("col", {
|
|
282
284
|
key: item.key
|
|
283
285
|
});
|
|
284
286
|
}));
|
|
@@ -293,7 +295,7 @@ function (_super) {
|
|
|
293
295
|
sortIcon = _a.sortIcon,
|
|
294
296
|
onSortChange = _a.onSortChange;
|
|
295
297
|
var rowSelection = _this.state.rowSelection;
|
|
296
|
-
return React.createElement("thead", null, React.createElement(HeaderRow, {
|
|
298
|
+
return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement(HeaderRow, {
|
|
297
299
|
prefixCls: cls,
|
|
298
300
|
columns: columns,
|
|
299
301
|
sortName: sortName,
|
|
@@ -314,7 +316,7 @@ function (_super) {
|
|
|
314
316
|
var _b = _this.state,
|
|
315
317
|
rowSelection = _b.rowSelection,
|
|
316
318
|
selectedRowKeys = _b.selectedRowKeys;
|
|
317
|
-
return React.createElement("tbody", null, React.createElement(Body, {
|
|
319
|
+
return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement(Body, {
|
|
318
320
|
prefixCls: cls,
|
|
319
321
|
getRowKey: getRowKey,
|
|
320
322
|
columns: columns,
|
|
@@ -359,25 +361,25 @@ function (_super) {
|
|
|
359
361
|
loading = _a.loading;
|
|
360
362
|
|
|
361
363
|
if (fixedHeader) {
|
|
362
|
-
return React.createElement(LoadingContainer, {
|
|
364
|
+
return /*#__PURE__*/React.createElement(LoadingContainer, {
|
|
363
365
|
loading: loading,
|
|
364
366
|
className: classNames(className, cls)
|
|
365
|
-
}, React.createElement("div", {
|
|
366
|
-
className: cls
|
|
367
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
368
|
+
className: "".concat(cls, "-header"),
|
|
367
369
|
ref: this.headerRef
|
|
368
|
-
}, React.createElement("table", null, this.renderColgroup(), this.renderHeader())), React.createElement("div", {
|
|
369
|
-
className: cls
|
|
370
|
+
}, /*#__PURE__*/React.createElement("table", null, this.renderColgroup(), this.renderHeader())), /*#__PURE__*/React.createElement("div", {
|
|
371
|
+
className: "".concat(cls, "-body"),
|
|
370
372
|
style: {
|
|
371
373
|
maxHeight: maxHeight
|
|
372
374
|
},
|
|
373
375
|
ref: this.bodyRef
|
|
374
|
-
}, React.createElement("table", null, this.renderColgroup(), this.renderBody())));
|
|
376
|
+
}, /*#__PURE__*/React.createElement("table", null, this.renderColgroup(), this.renderBody())));
|
|
375
377
|
}
|
|
376
378
|
|
|
377
|
-
return React.createElement(LoadingContainer, {
|
|
379
|
+
return /*#__PURE__*/React.createElement(LoadingContainer, {
|
|
378
380
|
loading: loading,
|
|
379
381
|
className: classNames(className, cls)
|
|
380
|
-
}, React.createElement("table", null, this.renderColgroup(), this.renderHeader(), this.renderBody()));
|
|
382
|
+
}, /*#__PURE__*/React.createElement("table", null, this.renderColgroup(), this.renderHeader(), this.renderBody()));
|
|
381
383
|
};
|
|
382
384
|
|
|
383
385
|
Table.defaultProps = {
|
package/esm/table/interface.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
package/esm/tabs/index.d.ts
CHANGED
|
@@ -80,7 +80,7 @@ declare class Tabs extends React.Component<TabsProps, TabsStates> {
|
|
|
80
80
|
* 根据placement不同,设置bar的位置
|
|
81
81
|
*/
|
|
82
82
|
setBarStyles: () => void;
|
|
83
|
-
onChange: (ev: React.SyntheticEvent<HTMLDivElement
|
|
83
|
+
onChange: (ev: React.SyntheticEvent<HTMLDivElement>) => Promise<void>;
|
|
84
84
|
render(): JSX.Element;
|
|
85
85
|
}
|
|
86
86
|
export default Tabs;
|
package/esm/tabs/index.js
CHANGED
|
@@ -6,7 +6,7 @@ var __extends = this && this.__extends || function () {
|
|
|
6
6
|
d.__proto__ = b;
|
|
7
7
|
} || function (d, b) {
|
|
8
8
|
for (var p in b) {
|
|
9
|
-
if (
|
|
9
|
+
if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -14,6 +14,8 @@ var __extends = this && this.__extends || function () {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
return function (d, b) {
|
|
17
|
+
if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
18
|
+
|
|
17
19
|
_extendStatics(d, b);
|
|
18
20
|
|
|
19
21
|
function __() {
|
|
@@ -181,7 +183,7 @@ function (_super) {
|
|
|
181
183
|
|
|
182
184
|
_this.prefixCls = 'ab-tabs';
|
|
183
185
|
_this.resizeHandler = null;
|
|
184
|
-
_this.ulRef = React.createRef();
|
|
186
|
+
_this.ulRef = /*#__PURE__*/React.createRef();
|
|
185
187
|
/**
|
|
186
188
|
* 处理value在使用data-value后,将number转成string问题
|
|
187
189
|
* @param value
|
|
@@ -231,13 +233,13 @@ function (_super) {
|
|
|
231
233
|
var barStyles = {};
|
|
232
234
|
|
|
233
235
|
if (placement === 'top' || placement === 'bottom') {
|
|
234
|
-
barStyles.width = offsetAndSize.width
|
|
236
|
+
barStyles.width = "".concat(offsetAndSize.width, "px");
|
|
235
237
|
barStyles.height = barSize;
|
|
236
|
-
barStyles.transform = "translate("
|
|
238
|
+
barStyles.transform = "translate(".concat(offsetAndSize.offsetLeft, "px, 0)");
|
|
237
239
|
} else if (placement === 'left' || placement === 'right') {
|
|
238
|
-
barStyles.height = offsetAndSize.height
|
|
240
|
+
barStyles.height = "".concat(offsetAndSize.height, "px");
|
|
239
241
|
barStyles.width = barSize;
|
|
240
|
-
barStyles.transform = "translate(0, "
|
|
242
|
+
barStyles.transform = "translate(0, ".concat(offsetAndSize.offsetTop, "px)");
|
|
241
243
|
}
|
|
242
244
|
|
|
243
245
|
_this.setState({
|
|
@@ -375,20 +377,20 @@ function (_super) {
|
|
|
375
377
|
var _b = this.state,
|
|
376
378
|
activeValue = _b.activeValue,
|
|
377
379
|
barStyles = _b.barStyles;
|
|
378
|
-
return React.createElement("div", {
|
|
379
|
-
className: classNames(cls, className, cls
|
|
380
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
381
|
+
className: classNames(cls, className, "".concat(cls, "-").concat(placement)),
|
|
380
382
|
ref: this.ulRef
|
|
381
383
|
}, options.map(function (item) {
|
|
382
384
|
var _a;
|
|
383
385
|
|
|
384
|
-
return React.createElement("div", {
|
|
386
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
385
387
|
key: item.value,
|
|
386
|
-
className: classNames(cls
|
|
388
|
+
className: classNames("".concat(cls, "-item"), item.className, (_a = {}, _a["".concat(cls, "-active")] = activeValue === item.value, _a["".concat(cls, "-disabled")] = item.disabled, _a)),
|
|
387
389
|
"data-value": item.value,
|
|
388
390
|
onClick: _this.onChange
|
|
389
391
|
}, item.name);
|
|
390
|
-
}), React.createElement("div", {
|
|
391
|
-
className: cls
|
|
392
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
393
|
+
className: "".concat(cls, "-bar"),
|
|
392
394
|
style: barStyles
|
|
393
395
|
}));
|
|
394
396
|
};
|
package/esm/tooltip/index.d.ts
CHANGED
package/esm/tooltip/index.js
CHANGED
|
@@ -18,7 +18,7 @@ import React from 'react';
|
|
|
18
18
|
import Popover from '../popover';
|
|
19
19
|
var cls = 'ab-tooltip';
|
|
20
20
|
export default function Tooltip(props) {
|
|
21
|
-
return React.createElement(Popover, __assign({}, props, {
|
|
21
|
+
return /*#__PURE__*/React.createElement(Popover, __assign({}, props, {
|
|
22
22
|
prefixCls: cls
|
|
23
23
|
}), props.children);
|
|
24
24
|
}
|
|
@@ -30,11 +30,11 @@ function getBottomCommon(_a) {
|
|
|
30
30
|
height: popInfo.height,
|
|
31
31
|
top: top + rootInfo.height + rootToPopupSpacing,
|
|
32
32
|
arrowStyle: hiddenArrow ? {} : {
|
|
33
|
-
left: arrowLeft
|
|
33
|
+
left: "".concat(arrowLeft, "px"),
|
|
34
34
|
top: '-4px',
|
|
35
35
|
transform: 'translateX(-50%) rotate(-135deg)'
|
|
36
36
|
},
|
|
37
|
-
transformOrigin: isTransformHorizontalDirection ? 'center top' : arrowLeft
|
|
37
|
+
transformOrigin: isTransformHorizontalDirection ? 'center top' : "".concat(arrowLeft, "px top")
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
|
|
@@ -99,9 +99,10 @@ export default function getPopupLocation(placement, rootEl, popupEl, initTransla
|
|
|
99
99
|
}),
|
|
100
100
|
methodStr = _a.methodStr,
|
|
101
101
|
isVertical = _a.isVertical; // 拼装方法名
|
|
102
|
+
// eslint-disable-next-line import/namespace
|
|
102
103
|
|
|
103
104
|
|
|
104
|
-
var currentMethod = alignUtil["get"
|
|
105
|
+
var currentMethod = alignUtil["get".concat(methodStr, "LocationInfo")]; // 执行方法
|
|
105
106
|
|
|
106
107
|
var result = currentMethod(params);
|
|
107
108
|
|
package/esm/trigger/index.d.ts
CHANGED
|
@@ -139,7 +139,7 @@ declare class Trigger extends React.Component<TriggerProps, TriggerStates> {
|
|
|
139
139
|
componentWillUnmount(): void;
|
|
140
140
|
clearPopupTimer: (popupEl?: HTMLElement) => void;
|
|
141
141
|
forceAlign: (popupEl?: HTMLElement) => void;
|
|
142
|
-
getRootDomNode: () => HTMLElement;
|
|
142
|
+
getRootDomNode: () => HTMLElement | null;
|
|
143
143
|
getPopupDomNode(): HTMLDivElement;
|
|
144
144
|
getMaskDomNode(): HTMLDivElement;
|
|
145
145
|
clearOutsideHandler(ignoreDelayTimer?: boolean): void;
|
|
@@ -158,7 +158,7 @@ declare class Trigger extends React.Component<TriggerProps, TriggerStates> {
|
|
|
158
158
|
*/
|
|
159
159
|
triggerPopup: (nextVisible: boolean) => void;
|
|
160
160
|
onPopupMouseDown: () => void;
|
|
161
|
-
onClick: (event: React.
|
|
161
|
+
onClick: (event: React.TouchEvent | React.MouseEvent) => void;
|
|
162
162
|
onMouseEnter: () => void;
|
|
163
163
|
onMouseLeave: () => void;
|
|
164
164
|
onPopupMouseEnter: () => void;
|
|
@@ -166,13 +166,13 @@ declare class Trigger extends React.Component<TriggerProps, TriggerStates> {
|
|
|
166
166
|
onExited: () => void;
|
|
167
167
|
isCurrentTrigger: (eventName: string, trigger: string) => boolean;
|
|
168
168
|
isOutsideControl: () => boolean;
|
|
169
|
-
onPreventThrough: (event: React.TouchEvent
|
|
169
|
+
onPreventThrough: (event: React.TouchEvent) => void;
|
|
170
170
|
renderMask(): JSX.Element;
|
|
171
171
|
renderPopupContent(): JSX.Element;
|
|
172
172
|
/**
|
|
173
173
|
* 扩充children属性,根据trigger绑定不同事件
|
|
174
174
|
*/
|
|
175
|
-
renderChildComponent(): React.ReactElement<any, string |
|
|
175
|
+
renderChildComponent(): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
176
176
|
renderPopupComponent(): JSX.Element;
|
|
177
177
|
render(): JSX.Element;
|
|
178
178
|
}
|
package/esm/trigger/index.js
CHANGED
|
@@ -6,7 +6,7 @@ var __extends = this && this.__extends || function () {
|
|
|
6
6
|
d.__proto__ = b;
|
|
7
7
|
} || function (d, b) {
|
|
8
8
|
for (var p in b) {
|
|
9
|
-
if (
|
|
9
|
+
if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
10
10
|
}
|
|
11
11
|
};
|
|
12
12
|
|
|
@@ -14,6 +14,8 @@ var __extends = this && this.__extends || function () {
|
|
|
14
14
|
};
|
|
15
15
|
|
|
16
16
|
return function (d, b) {
|
|
17
|
+
if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
18
|
+
|
|
17
19
|
_extendStatics(d, b);
|
|
18
20
|
|
|
19
21
|
function __() {
|
|
@@ -45,8 +47,8 @@ import { findDOMNode } from 'react-dom';
|
|
|
45
47
|
import classNames from 'classnames';
|
|
46
48
|
import { getElementSize, getStyleValue, isTouchScreen, isEmptyObject, throttleWithRAF, contains, addEventListener } from '@autobest-ui/utils';
|
|
47
49
|
import { CSSTransition } from 'react-transition-group';
|
|
48
|
-
import { supportRef, composeRef } from './ref';
|
|
49
50
|
import Portal from '../portal';
|
|
51
|
+
import { supportRef, composeRef } from './ref';
|
|
50
52
|
import getPopupLocation from './getPopupLocation';
|
|
51
53
|
|
|
52
54
|
function noop() {}
|
|
@@ -60,9 +62,9 @@ function (_super) {
|
|
|
60
62
|
var _this = _super.call(this, props) || this;
|
|
61
63
|
|
|
62
64
|
_this.prefixCls = 'ab-trigger';
|
|
63
|
-
_this.popupRef = React.createRef();
|
|
64
|
-
_this.maskRef = React.createRef();
|
|
65
|
-
_this.triggerRef = React.createRef();
|
|
65
|
+
_this.popupRef = /*#__PURE__*/React.createRef();
|
|
66
|
+
_this.maskRef = /*#__PURE__*/React.createRef();
|
|
67
|
+
_this.triggerRef = /*#__PURE__*/React.createRef();
|
|
66
68
|
|
|
67
69
|
_this.isClickToHide = function () {
|
|
68
70
|
return _this.props.trigger.indexOf('click') !== -1;
|
|
@@ -104,7 +106,7 @@ function (_super) {
|
|
|
104
106
|
isInsertNode = _a.isInsertNode;
|
|
105
107
|
|
|
106
108
|
if (maxHeight) {
|
|
107
|
-
popupEl.style.maxHeight = maxHeight
|
|
109
|
+
popupEl.style.maxHeight = "".concat(maxHeight, "px");
|
|
108
110
|
popupEl.style.overflowY = 'auto';
|
|
109
111
|
}
|
|
110
112
|
|
|
@@ -112,11 +114,11 @@ function (_super) {
|
|
|
112
114
|
var rootWidth = getElementSize(rootEl).width;
|
|
113
115
|
|
|
114
116
|
if (isMinRootWidth) {
|
|
115
|
-
popupEl.style.minWidth = rootWidth
|
|
117
|
+
popupEl.style.minWidth = "".concat(rootWidth, "px");
|
|
116
118
|
}
|
|
117
119
|
|
|
118
120
|
if (isMaxRootWidth) {
|
|
119
|
-
popupEl.style.maxWidth = rootWidth
|
|
121
|
+
popupEl.style.maxWidth = "".concat(rootWidth, "px");
|
|
120
122
|
popupEl.style.overflowX = 'auto';
|
|
121
123
|
}
|
|
122
124
|
} // 计算Popup元素应该显示的位置
|
|
@@ -143,15 +145,15 @@ function (_super) {
|
|
|
143
145
|
}
|
|
144
146
|
|
|
145
147
|
popupEl.style.transformOrigin = transformOrigin;
|
|
146
|
-
popupEl.style.left = left
|
|
147
|
-
popupEl.style.top = top
|
|
148
|
+
popupEl.style.left = "".concat(left, "px");
|
|
149
|
+
popupEl.style.top = "".concat(top, "px");
|
|
148
150
|
|
|
149
151
|
if (popupMaxHeightByCalc) {
|
|
150
|
-
popupEl.style.maxHeight = popupMaxWidthByCalc
|
|
152
|
+
popupEl.style.maxHeight = "".concat(popupMaxWidthByCalc, "px");
|
|
151
153
|
}
|
|
152
154
|
|
|
153
155
|
if (popupMaxWidthByCalc) {
|
|
154
|
-
popupEl.style.maxWidth = popupMaxWidthByCalc
|
|
156
|
+
popupEl.style.maxWidth = "".concat(popupMaxWidthByCalc, "px");
|
|
155
157
|
popupEl.style.overflowX = 'auto';
|
|
156
158
|
} else if (!isMaxRootWidth) {
|
|
157
159
|
popupEl.style.maxWidth = '';
|
|
@@ -517,8 +519,8 @@ function (_super) {
|
|
|
517
519
|
|
|
518
520
|
if (showMask) {
|
|
519
521
|
var cls = this.prefixCls;
|
|
520
|
-
return React.createElement("div", {
|
|
521
|
-
className: classNames(cls
|
|
522
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
523
|
+
className: classNames("".concat(cls, "-mask"), (_a = {}, _a["".concat(cls, "-mask-show")] = visible, _a)),
|
|
522
524
|
ref: this.maskRef,
|
|
523
525
|
onTouchEnd: this.onPreventThrough
|
|
524
526
|
});
|
|
@@ -540,7 +542,7 @@ function (_super) {
|
|
|
540
542
|
visible = _c.visible,
|
|
541
543
|
isUserOperated = _c.isUserOperated,
|
|
542
544
|
trigger = _c.trigger;
|
|
543
|
-
var wrapClass = classNames(cls
|
|
545
|
+
var wrapClass = classNames("".concat(cls, "-wrap"), wrapClassName, (_a = {}, _a["".concat(cls, "-hidden")] = isInsertNode && !isUserOperated && !visible, _a)); // hover 下,对popup增加相应的事件,延迟隐藏,可以在弹框中停留
|
|
544
546
|
|
|
545
547
|
var mouseProps = {};
|
|
546
548
|
|
|
@@ -551,14 +553,14 @@ function (_super) {
|
|
|
551
553
|
|
|
552
554
|
mouseProps.onMouseDown = this.onPopupMouseDown;
|
|
553
555
|
mouseProps.onTouchStart = this.onPopupMouseDown;
|
|
554
|
-
return React.createElement(CSSTransition, {
|
|
556
|
+
return /*#__PURE__*/React.createElement(CSSTransition, {
|
|
555
557
|
"in": visible,
|
|
556
558
|
onEnter: this.forceAlign,
|
|
557
559
|
timeout: 200,
|
|
558
|
-
classNames: cls
|
|
560
|
+
classNames: "".concat(cls, "-fade").concat(isTransformHorizontalDirection ? '-hr' : ''),
|
|
559
561
|
onExited: this.onExited,
|
|
560
562
|
appear: true
|
|
561
|
-
}, React.createElement("div", __assign({}, mouseProps, {
|
|
563
|
+
}, /*#__PURE__*/React.createElement("div", __assign({}, mouseProps, {
|
|
562
564
|
className: wrapClass,
|
|
563
565
|
ref: this.popupRef
|
|
564
566
|
}), typeof popup === 'function' ? popup() : popup));
|
|
@@ -600,23 +602,23 @@ function (_super) {
|
|
|
600
602
|
} // 对当前children元素添加额外属性
|
|
601
603
|
|
|
602
604
|
|
|
603
|
-
return React.cloneElement(child, cloneProps);
|
|
605
|
+
return /*#__PURE__*/React.cloneElement(child, cloneProps);
|
|
604
606
|
};
|
|
605
607
|
|
|
606
608
|
Trigger.prototype.renderPopupComponent = function () {
|
|
607
609
|
if (this.props.isInsertNode) {
|
|
608
|
-
return React.createElement(React.Fragment, null, this.renderMask(), this.renderPopupContent());
|
|
610
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderMask(), this.renderPopupContent());
|
|
609
611
|
}
|
|
610
612
|
|
|
611
613
|
if (this.state.visible || this.popupRef.current) {
|
|
612
|
-
return React.createElement(Portal, null, React.createElement(React.Fragment, null, this.renderMask(), this.renderPopupContent()));
|
|
614
|
+
return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(React.Fragment, null, this.renderMask(), this.renderPopupContent()));
|
|
613
615
|
}
|
|
614
616
|
|
|
615
617
|
return null;
|
|
616
618
|
};
|
|
617
619
|
|
|
618
620
|
Trigger.prototype.render = function () {
|
|
619
|
-
return React.createElement(React.Fragment, null, this.renderChildComponent(), this.renderPopupComponent());
|
|
621
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, this.renderChildComponent(), this.renderPopupComponent());
|
|
620
622
|
};
|
|
621
623
|
|
|
622
624
|
Trigger.defaultProps = {
|
package/esm/trigger/leftAlign.js
CHANGED
|
@@ -30,11 +30,11 @@ function getLeftCommon(_a) {
|
|
|
30
30
|
height: popInfo.height,
|
|
31
31
|
left: left - (rootToPopupSpacing + popInfo.width),
|
|
32
32
|
arrowStyle: hiddenArrow ? {} : {
|
|
33
|
-
top: arrowTop
|
|
33
|
+
top: "".concat(arrowTop, "px"),
|
|
34
34
|
right: '-4px',
|
|
35
35
|
transform: 'translateY(-50%) rotate(-45deg)'
|
|
36
36
|
},
|
|
37
|
-
transformOrigin: isTransformHorizontalDirection ? 'right center' : "right "
|
|
37
|
+
transformOrigin: isTransformHorizontalDirection ? 'right center' : "right ".concat(arrowTop, "px")
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
/* 具体方位 */
|
|
@@ -30,11 +30,11 @@ function getRightCommon(_a) {
|
|
|
30
30
|
height: popInfo.height,
|
|
31
31
|
left: left + rootToPopupSpacing + rootInfo.width,
|
|
32
32
|
arrowStyle: hiddenArrow ? {} : {
|
|
33
|
-
top: arrowTop
|
|
33
|
+
top: "".concat(arrowTop, "px"),
|
|
34
34
|
left: '-4px',
|
|
35
35
|
transform: 'translateY(-50%) rotate(-225deg)'
|
|
36
36
|
},
|
|
37
|
-
transformOrigin: isTransformHorizontalDirection ? 'left center' : "left "
|
|
37
|
+
transformOrigin: isTransformHorizontalDirection ? 'left center' : "left ".concat(arrowTop, "px")
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
|
package/esm/trigger/topAlign.js
CHANGED
|
@@ -29,12 +29,12 @@ function getTopCommon(_a) {
|
|
|
29
29
|
width: popInfo.width,
|
|
30
30
|
height: popInfo.height,
|
|
31
31
|
arrowStyle: hiddenArrow ? {} : {
|
|
32
|
-
left: arrowLeft
|
|
32
|
+
left: "".concat(arrowLeft, "px"),
|
|
33
33
|
bottom: '-4px',
|
|
34
34
|
transform: 'translateX(-50%) rotate(45deg)'
|
|
35
35
|
},
|
|
36
36
|
top: top - (rootToPopupSpacing + popInfo.height),
|
|
37
|
-
transformOrigin: isTransformHorizontalDirection ? 'center bottom' : arrowLeft
|
|
37
|
+
transformOrigin: isTransformHorizontalDirection ? 'center bottom' : "".concat(arrowLeft, "px bottom")
|
|
38
38
|
};
|
|
39
39
|
}
|
|
40
40
|
|
package/esm/trigger/utils.js
CHANGED
|
@@ -167,7 +167,7 @@ export function getLocationMethodByPlacement(_a) {
|
|
|
167
167
|
availHeight: availSize.height
|
|
168
168
|
});
|
|
169
169
|
return {
|
|
170
|
-
methodStr: useTopLocation ? "Top"
|
|
170
|
+
methodStr: useTopLocation ? "Top".concat(splitArr[1]) : "Bottom".concat(splitArr[1]),
|
|
171
171
|
isVertical: true
|
|
172
172
|
};
|
|
173
173
|
} // 判断悬浮框最终位置
|
|
@@ -181,7 +181,7 @@ export function getLocationMethodByPlacement(_a) {
|
|
|
181
181
|
availWidth: availSize.width
|
|
182
182
|
});
|
|
183
183
|
return {
|
|
184
|
-
methodStr: useLeftLocation ? "Left"
|
|
184
|
+
methodStr: useLeftLocation ? "Left".concat(splitArr[1]) : "Right".concat(splitArr[1]),
|
|
185
185
|
isVertical: false
|
|
186
186
|
};
|
|
187
187
|
}
|
package/lib/accordion/Item.d.ts
CHANGED
|
@@ -16,7 +16,7 @@ export interface AccordionItemProps extends BaseAccordionItemProps, Pick<Collaps
|
|
|
16
16
|
onTitleClick?: () => void;
|
|
17
17
|
}
|
|
18
18
|
declare class AccordionItem extends React.Component<AccordionItemProps, null> {
|
|
19
|
-
getTitle: () => React.ReactElement<any, string |
|
|
19
|
+
getTitle: () => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
|
|
20
20
|
render(): JSX.Element;
|
|
21
21
|
}
|
|
22
22
|
export default AccordionItem;
|
package/lib/accordion/Item.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 __() {
|
|
@@ -56,7 +58,7 @@ function (_super) {
|
|
|
56
58
|
|
|
57
59
|
var child = _react.default.Children.only(title);
|
|
58
60
|
|
|
59
|
-
return _react.default.cloneElement(child, {
|
|
61
|
+
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
60
62
|
onClick: onTitleClick
|
|
61
63
|
});
|
|
62
64
|
};
|
|
@@ -69,7 +71,7 @@ function (_super) {
|
|
|
69
71
|
appear = _a.appear,
|
|
70
72
|
children = _a.children,
|
|
71
73
|
visible = _a.visible;
|
|
72
|
-
return _react.default.createElement("li", null, _react.default.createElement(_collapse.default, {
|
|
74
|
+
return /*#__PURE__*/_react.default.createElement("li", null, /*#__PURE__*/_react.default.createElement(_collapse.default, {
|
|
73
75
|
title: this.getTitle(),
|
|
74
76
|
visible: visible,
|
|
75
77
|
appear: appear
|
package/lib/accordion/index.d.ts
CHANGED
|
@@ -42,7 +42,7 @@ declare class Accordion extends React.Component<AccordionProps, AccordionState>
|
|
|
42
42
|
* 展开下拉链接列表
|
|
43
43
|
* @param name
|
|
44
44
|
*/
|
|
45
|
-
onVisibleChange: (name:
|
|
45
|
+
onVisibleChange: (name: React.ReactText) => void;
|
|
46
46
|
render(): JSX.Element;
|
|
47
47
|
}
|
|
48
48
|
export default Accordion;
|
package/lib/accordion/index.js
CHANGED
|
@@ -23,7 +23,7 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
23
23
|
d.__proto__ = b;
|
|
24
24
|
} || function (d, b) {
|
|
25
25
|
for (var p in b) {
|
|
26
|
-
if (
|
|
26
|
+
if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p];
|
|
27
27
|
}
|
|
28
28
|
};
|
|
29
29
|
|
|
@@ -31,6 +31,8 @@ var __extends = void 0 && (void 0).__extends || function () {
|
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
return function (d, b) {
|
|
34
|
+
if (typeof b !== "function" && b !== null) throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
35
|
+
|
|
34
36
|
_extendStatics(d, b);
|
|
35
37
|
|
|
36
38
|
function __() {
|
|
@@ -126,11 +128,11 @@ function (_super) {
|
|
|
126
128
|
className = _a.className,
|
|
127
129
|
children = _a.children;
|
|
128
130
|
var visibleNames = this.state.visibleNames;
|
|
129
|
-
return _react.default.createElement("ul", {
|
|
131
|
+
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
130
132
|
className: (0, _classnames.default)(cls, className)
|
|
131
133
|
}, _react.default.Children.map(children, function (child) {
|
|
132
134
|
var name = child.props.name;
|
|
133
|
-
return _react.default.cloneElement(child, {
|
|
135
|
+
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
134
136
|
key: name,
|
|
135
137
|
onTitleClick: function onTitleClick() {
|
|
136
138
|
_this.onVisibleChange(name);
|
package/lib/affix/PortalAffix.js
CHANGED
|
@@ -31,26 +31,26 @@ function PortalAffix(_a, ref) {
|
|
|
31
31
|
};
|
|
32
32
|
|
|
33
33
|
if (fadeEffect) {
|
|
34
|
-
return _react.default.createElement(_portal.default, null, _react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
|
34
|
+
return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
|
|
35
35
|
in: visible,
|
|
36
36
|
timeout: 200,
|
|
37
|
-
classNames: cls
|
|
37
|
+
classNames: "".concat(cls, "-fade"),
|
|
38
38
|
appear: true
|
|
39
|
-
}, _react.default.createElement("div", {
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
40
40
|
style: style,
|
|
41
41
|
ref: ref,
|
|
42
|
-
className: (0, _classnames.default)(className, cls
|
|
42
|
+
className: (0, _classnames.default)(className, "".concat(cls, "-custom"))
|
|
43
43
|
}, children)));
|
|
44
44
|
}
|
|
45
45
|
|
|
46
46
|
style.display = visible ? '' : 'none';
|
|
47
|
-
return _react.default.createElement(_portal.default, null, _react.default.createElement("div", {
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_portal.default, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
48
48
|
style: style,
|
|
49
49
|
ref: ref,
|
|
50
|
-
className: (0, _classnames.default)(className, cls
|
|
50
|
+
className: (0, _classnames.default)(className, "".concat(cls, "-custom"))
|
|
51
51
|
}, children));
|
|
52
52
|
}
|
|
53
53
|
|
|
54
|
-
var _default = _react.default.forwardRef(PortalAffix);
|
|
54
|
+
var _default = /*#__PURE__*/_react.default.forwardRef(PortalAffix);
|
|
55
55
|
|
|
56
56
|
exports.default = _default;
|