@hi-ui/hiui 2.15.10 → 2.15.12
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/CHANGELOG.md +3 -0
- package/es/_util/SwitchVersion.js +5 -9
- package/es/_util/depreactedPropsCompat.js +2 -2
- package/es/_util/index.js +0 -1
- package/es/alert/Alert.js +15 -23
- package/es/alert/__tests__/index.test.js +11 -15
- package/es/badge/Badge.js +11 -19
- package/es/badge/__tests__/index.test.js +8 -8
- package/es/breadcrumb/__tests__/index.test.js +4 -4
- package/es/breadcrumb/index.js +13 -21
- package/es/button/Button.js +16 -22
- package/es/button/ButtonGroup.js +9 -17
- package/es/button/IconLoading.js +4 -4
- package/es/button/__tests__/index.test.js +48 -46
- package/es/card/__tests__/index.test.js +54 -44
- package/es/card/index.js +17 -25
- package/es/carousel/__tests__/index.test.js +10 -10
- package/es/carousel/index.js +22 -30
- package/es/cascader/Cascader.js +22 -30
- package/es/cascader/Menu.js +17 -23
- package/es/cascader/__tests__/index.test.js +42 -39
- package/es/checkbox/Checkbox.js +14 -22
- package/es/checkbox/Group.js +13 -21
- package/es/checkbox/__tests__/index.test.js +18 -18
- package/es/checkbox/checkbox-legacy/Base.js +13 -21
- package/es/checkbox/checkbox-legacy/CheckBox.js +12 -20
- package/es/collapse/__tests__/index.test.js +19 -19
- package/es/collapse/index.js +20 -28
- package/es/confirm/index.js +11 -19
- package/es/context/index.js +16 -24
- package/es/counter/Counter.js +23 -27
- package/es/counter/__tests__/index.test.js +7 -7
- package/es/counter/counter-legacy/index.js +11 -15
- package/es/date-picker/BasePicker.js +17 -25
- package/es/date-picker/Calender.js +28 -36
- package/es/date-picker/DatePanel.js +29 -37
- package/es/date-picker/DatePicker.js +17 -21
- package/es/date-picker/DateRangePanel.js +39 -47
- package/es/date-picker/Modal.js +7 -11
- package/es/date-picker/Time.js +16 -24
- package/es/date-picker/TimeList.js +18 -26
- package/es/date-picker/TimePanel.js +10 -18
- package/es/date-picker/TimePeriodPanel.js +14 -22
- package/es/date-picker/TimePicker.js +8 -12
- package/es/date-picker/TimeRangePanel.js +12 -20
- package/es/date-picker/WeekRangePanel.js +33 -41
- package/es/date-picker/YMRangePanel.js +25 -33
- package/es/date-picker/__tests__/index.test.js +36 -41
- package/es/date-picker/datepicker-legacy/BasePicker.js +18 -26
- package/es/date-picker/datepicker-legacy/Calender.js +16 -24
- package/es/date-picker/datepicker-legacy/DatePanel.js +31 -39
- package/es/date-picker/datepicker-legacy/DatePicker.js +10 -14
- package/es/date-picker/datepicker-legacy/DateRangePanel.js +35 -43
- package/es/date-picker/datepicker-legacy/Modal.js +7 -11
- package/es/date-picker/datepicker-legacy/Time.js +39 -47
- package/es/date-picker/datepicker-legacy/TimePanel.js +10 -18
- package/es/date-picker/datepicker-legacy/TimePeriodPanel.js +14 -22
- package/es/date-picker/datepicker-legacy/TimePicker.js +8 -12
- package/es/date-picker/datepicker-legacy/TimeRangePanel.js +12 -20
- package/es/date-picker/datepicker-legacy/WeekRangePanel.js +28 -36
- package/es/dropdown/Dropdown.js +16 -22
- package/es/dropdown/DropdownButton.js +10 -14
- package/es/dropdown/DropdownMenu.js +9 -13
- package/es/dropdown/DropdownMenuItem.js +20 -26
- package/es/dropdown/__tests__/index.test.js +20 -24
- package/es/dropdown/index.js +8 -12
- package/es/dropdown/tests/index.test.js +5 -5
- package/es/ficon/index.js +7 -11
- package/es/form/Form.js +9 -17
- package/es/form/Item.js +20 -28
- package/es/form/__tests__/index.test.js +69 -73
- package/es/grid/__tests__/index.test.js +21 -25
- package/es/grid/index.js +19 -27
- package/es/icon/index.js +7 -11
- package/es/input/Input.js +24 -36
- package/es/input/__tests__/index.test.js +34 -39
- package/es/input/index.js +4 -8
- package/es/input/input-legacy/index.js +19 -31
- package/es/loading/Loading.js +16 -24
- package/es/loading/__tests__/index.test.js +7 -7
- package/es/locales/en-US.js +3 -1
- package/es/locales/zh-CN.js +3 -1
- package/es/locales/zh-Hant-HK.js +3 -1
- package/es/locales/zh-Hant-TW.js +3 -1
- package/es/menu/Item.js +10 -18
- package/es/menu/Menu.js +20 -28
- package/es/menu/SubMenu.js +16 -24
- package/es/menu/Title.js +11 -19
- package/es/menu/__tests__/index.test.js +14 -19
- package/es/message/__tests__/index.test.js +1 -5
- package/es/message/index.js +4 -4
- package/es/modal/__tests__/index.test.js +15 -15
- package/es/modal/index.js +20 -28
- package/es/nav-menu/NavMenu.js +23 -26
- package/es/nav-menu/__test__/index.test.js +6 -6
- package/es/nav-menu/__tests__/index.test.js +1 -5
- package/es/notice/Notice.js +17 -23
- package/es/notice/NoticeContainer.js +14 -20
- package/es/notice/__tests__/index.test.js +14 -14
- package/es/notice/index.js +2 -2
- package/es/notification/HandleNotification/index.js +16 -24
- package/es/notification/__tests__/index.test.js +1 -5
- package/es/notification/index.js +7 -7
- package/es/pagination/Pager.js +2 -2
- package/es/pagination/Pagination.js +31 -39
- package/es/pagination/__tests__/index.test.js +15 -19
- package/es/panel/index.js +13 -21
- package/es/popover/__test__/index.test.js +8 -8
- package/es/popover/__tests__/index.test.js +16 -16
- package/es/popover/index.js +17 -25
- package/es/popper/index.js +14 -20
- package/es/preview/index.js +43 -41
- package/es/progress/BarProgress.js +15 -17
- package/es/progress/CircleProgress.js +5 -5
- package/es/progress/DashboardProgress.js +5 -5
- package/es/progress/Progress.js +12 -20
- package/es/progress/__tests__/index.test.js +10 -10
- package/es/radio/Group.js +12 -16
- package/es/radio/Radio.js +14 -18
- package/es/radio/__tests__/index.test.js +9 -10
- package/es/radio/radio-legacy/__test__/index.test.js +3 -3
- package/es/radio/radio-legacy/index.js +13 -21
- package/es/rate/Icons.js +68 -68
- package/es/rate/Rate.js +22 -30
- package/es/rate/__tests__/index.test.js +7 -7
- package/es/select/Select.js +18 -25
- package/es/select/SelectDropdown.js +29 -37
- package/es/select/SelectInput.js +47 -52
- package/es/select/__tests__/index.test.js +15 -15
- package/es/select/select-legacy/Option.js +7 -10
- package/es/select/select-legacy/Select.js +16 -24
- package/es/select/select-legacy/SelectDropdown.js +21 -28
- package/es/select/select-legacy/SelectInput.js +48 -52
- package/es/stepper/Stepper.js +15 -19
- package/es/stepper/__tests__/index.test.js +7 -7
- package/es/switch/__tests__/index.test.js +6 -6
- package/es/switch/index.js +10 -18
- package/es/table/Body.js +30 -38
- package/es/table/ClickOuterside.js +11 -19
- package/es/table/Footer.js +19 -27
- package/es/table/Header.js +42 -46
- package/es/table/TableContent.js +14 -22
- package/es/table/__tests__/index.test.js +12 -16
- package/es/table/checkbox/index.js +11 -19
- package/es/table/index.js +98 -105
- package/es/table/menu/index.js +13 -21
- package/es/tabs/ItemDropdown.js +17 -25
- package/es/tabs/TabPane.js +9 -17
- package/es/tabs/Tabs.js +24 -32
- package/es/tabs/__tests__/index.test.js +33 -37
- package/es/tabs/tabs-legacy/ItemDropdown.js +17 -25
- package/es/tabs/tabs-legacy/TabPane.js +9 -17
- package/es/tabs/tabs-legacy/Tabs.js +24 -32
- package/es/tag/__tests__/index.test.js +7 -7
- package/es/tag/index.js +9 -17
- package/es/timeline/__tests__/index.test.js +11 -11
- package/es/timeline/index.js +58 -64
- package/es/tooltip/__tests__/index.test.js +19 -23
- package/es/tooltip/index.js +22 -28
- package/es/transfer/Item.js +33 -40
- package/es/transfer/Transfer.js +30 -38
- package/es/transfer/__tests__/index.test.js +6 -6
- package/es/tree/IconLoading.js +4 -4
- package/es/tree/Tree.js +32 -39
- package/es/tree/TreeDivider.js +3 -3
- package/es/tree/TreeItem.js +40 -42
- package/es/tree/TreeNode.js +40 -40
- package/es/tree/__tests__/index.test.js +22 -26
- package/es/tree/tree-legacy/Tree.js +32 -39
- package/es/tree/tree-legacy/TreeDivider.js +3 -3
- package/es/tree/tree-legacy/TreeItem.js +38 -45
- package/es/tree/tree-legacy/TreeNode.js +28 -36
- package/es/tree/tree-legacy/util.js +1 -1
- package/es/tree/util.js +1 -1
- package/es/upload/Upload.js +23 -27
- package/es/upload/UploadAvatar.js +29 -33
- package/es/upload/UploadClick.js +23 -25
- package/es/upload/UploadDrag.js +28 -32
- package/es/upload/UploadPhoto.js +24 -28
- package/es/upload/UploadPictureCard.js +23 -25
- package/es/upload/__tests__/index.test.js +21 -21
- package/es/upload/main.js +14 -22
- package/es/upload/upload-legacy/Preview.js +26 -34
- package/es/upload/upload-legacy/Upload.js +6 -10
- package/es/upload/upload-legacy/UploadAvatar.js +27 -31
- package/es/upload/upload-legacy/UploadClick.js +19 -23
- package/es/upload/upload-legacy/UploadDrag.js +24 -28
- package/es/upload/upload-legacy/UploadPhoto.js +25 -29
- package/es/upload/upload-legacy/UploadPictureCard.js +20 -24
- package/es/upload/upload-legacy/index.js +13 -21
- package/es/watermark/index.js +8 -12
- package/es/watermark/watermark.js +30 -19
- package/package.json +4 -1
package/es/table/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -21,14 +21,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
21
21
|
|
|
22
22
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
23
23
|
|
|
24
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
25
|
-
|
|
26
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
27
|
-
|
|
28
24
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
29
25
|
|
|
30
26
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
31
27
|
|
|
28
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
29
|
+
|
|
30
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
31
|
+
|
|
32
32
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
33
33
|
|
|
34
34
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -63,28 +63,20 @@ var _axios = _interopRequireDefault(require("axios"));
|
|
|
63
63
|
|
|
64
64
|
var _qs = _interopRequireDefault(require("qs"));
|
|
65
65
|
|
|
66
|
-
function
|
|
67
|
-
|
|
68
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
69
|
-
|
|
70
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
66
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
71
67
|
|
|
72
68
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
73
69
|
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
function
|
|
77
|
-
|
|
78
|
-
var Table = /*#__PURE__*/function (_Component) {
|
|
70
|
+
var Table =
|
|
71
|
+
/*#__PURE__*/
|
|
72
|
+
function (_Component) {
|
|
79
73
|
(0, _inherits2["default"])(Table, _Component);
|
|
80
74
|
|
|
81
|
-
var _super = _createSuper(Table);
|
|
82
|
-
|
|
83
75
|
function Table(props) {
|
|
84
76
|
var _this;
|
|
85
77
|
|
|
86
78
|
(0, _classCallCheck2["default"])(this, Table);
|
|
87
|
-
_this =
|
|
79
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Table).call(this, props)); // 只有dataSource,columns重造
|
|
88
80
|
|
|
89
81
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "cbs", {
|
|
90
82
|
highlighCol: function highlighCol(key) {
|
|
@@ -240,7 +232,7 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
240
232
|
|
|
241
233
|
var current = _this.state.serverPagination.current;
|
|
242
234
|
|
|
243
|
-
var requestParams = _objectSpread(
|
|
235
|
+
var requestParams = _objectSpread((0, _defineProperty2["default"])({}, currentPageName, current), data, {}, extra);
|
|
244
236
|
|
|
245
237
|
var options = {
|
|
246
238
|
url: url,
|
|
@@ -270,9 +262,9 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
270
262
|
|
|
271
263
|
var columnsDetail = _this.setColumnsDetail(null, null, columns);
|
|
272
264
|
|
|
273
|
-
_this.setState(_objectSpread(
|
|
265
|
+
_this.setState(_objectSpread({
|
|
274
266
|
dataSource: data
|
|
275
|
-
}, columnsDetail
|
|
267
|
+
}, columnsDetail, {
|
|
276
268
|
serverPagination: page
|
|
277
269
|
}));
|
|
278
270
|
|
|
@@ -291,11 +283,11 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
291
283
|
_scroll = props.scroll;
|
|
292
284
|
|
|
293
285
|
_data = (0, _tool.setKey)(_data, 'id');
|
|
294
|
-
_this.dom =
|
|
295
|
-
_this.fixLeft =
|
|
296
|
-
_this.fixRight =
|
|
297
|
-
_this.fixRight =
|
|
298
|
-
_this.setting =
|
|
286
|
+
_this.dom = _react["default"].createRef();
|
|
287
|
+
_this.fixLeft = _react["default"].createRef();
|
|
288
|
+
_this.fixRight = _react["default"].createRef();
|
|
289
|
+
_this.fixRight = _react["default"].createRef();
|
|
290
|
+
_this.setting = _react["default"].createRef();
|
|
299
291
|
_this.state = {
|
|
300
292
|
dataSource: _data,
|
|
301
293
|
highlightCols: [],
|
|
@@ -443,16 +435,16 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
443
435
|
if (leftFiexColumns.length === 0 && rightFixColumns.length === 0) {
|
|
444
436
|
scrollTable = this.getBaseContent();
|
|
445
437
|
} else {
|
|
446
|
-
scrollTable = [
|
|
438
|
+
scrollTable = [_react["default"].createElement("div", {
|
|
447
439
|
className: (0, _prefix["default"])('table-scroll'),
|
|
448
440
|
onScroll: handleScroll,
|
|
449
441
|
key: "content"
|
|
450
|
-
},
|
|
442
|
+
}, _react["default"].createElement("div", {
|
|
451
443
|
className: (0, _prefix["default"])('table-body'),
|
|
452
444
|
style: {
|
|
453
445
|
overflowX: 'auto'
|
|
454
446
|
}
|
|
455
|
-
},
|
|
447
|
+
}, _react["default"].createElement(_TableContent["default"], (0, _extends2["default"])({
|
|
456
448
|
style: _objectSpread({}, style)
|
|
457
449
|
}, Object.assign({}, _objectSpread({}, props), {
|
|
458
450
|
columns: columns
|
|
@@ -471,18 +463,18 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
471
463
|
})))), dataSource.length === 0 ? this.getEmptyContent() : null)];
|
|
472
464
|
|
|
473
465
|
if (leftFiexColumns.length > 0) {
|
|
474
|
-
scrollTable.push(
|
|
466
|
+
scrollTable.push(_react["default"].createElement("div", {
|
|
475
467
|
className: (0, _prefix["default"])('table-fixed-left'),
|
|
476
468
|
ref: this.fixLeft,
|
|
477
469
|
style: {
|
|
478
470
|
display: 'none'
|
|
479
471
|
},
|
|
480
472
|
key: "left"
|
|
481
|
-
},
|
|
473
|
+
}, _react["default"].createElement("div", {
|
|
482
474
|
className: (0, _prefix["default"])('table-outer')
|
|
483
|
-
},
|
|
475
|
+
}, _react["default"].createElement("div", {
|
|
484
476
|
className: (0, _prefix["default"])('table-inner')
|
|
485
|
-
},
|
|
477
|
+
}, _react["default"].createElement(_TableContent["default"], (0, _extends2["default"])({
|
|
486
478
|
style: _objectSpread({
|
|
487
479
|
width: 'auto'
|
|
488
480
|
}, style),
|
|
@@ -504,15 +496,15 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
504
496
|
}
|
|
505
497
|
|
|
506
498
|
if (rightFixColumns.length > 0) {
|
|
507
|
-
scrollTable.push(
|
|
499
|
+
scrollTable.push(_react["default"].createElement("div", {
|
|
508
500
|
className: (0, _prefix["default"])('table-fixed-right'),
|
|
509
501
|
ref: this.fixRight,
|
|
510
502
|
key: "right"
|
|
511
|
-
},
|
|
503
|
+
}, _react["default"].createElement("div", {
|
|
512
504
|
className: (0, _prefix["default"])('table-outer')
|
|
513
|
-
},
|
|
505
|
+
}, _react["default"].createElement("div", {
|
|
514
506
|
className: (0, _prefix["default"])('table-inner')
|
|
515
|
-
},
|
|
507
|
+
}, _react["default"].createElement(_TableContent["default"], (0, _extends2["default"])({
|
|
516
508
|
style: _objectSpread({
|
|
517
509
|
width: 'auto'
|
|
518
510
|
}, style),
|
|
@@ -534,7 +526,7 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
534
526
|
}
|
|
535
527
|
}
|
|
536
528
|
|
|
537
|
-
return
|
|
529
|
+
return _react["default"].createElement("div", {
|
|
538
530
|
className: (0, _prefix["default"])('table-content')
|
|
539
531
|
}, scrollTable);
|
|
540
532
|
}
|
|
@@ -552,13 +544,13 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
552
544
|
_this$props3$style = _this$props3.style,
|
|
553
545
|
style = _this$props3$style === void 0 ? {} : _this$props3$style,
|
|
554
546
|
props = (0, _objectWithoutProperties2["default"])(_this$props3, ["style"]);
|
|
555
|
-
return
|
|
547
|
+
return _react["default"].createElement("div", {
|
|
556
548
|
className: (0, _prefix["default"])('table-content')
|
|
557
|
-
},
|
|
549
|
+
}, _react["default"].createElement("div", {
|
|
558
550
|
className: (0, _prefix["default"])('table-scroll')
|
|
559
|
-
},
|
|
551
|
+
}, _react["default"].createElement("div", {
|
|
560
552
|
className: (0, _prefix["default"])('table-head')
|
|
561
|
-
},
|
|
553
|
+
}, _react["default"].createElement(_TableContent["default"], Object.assign({}, _objectSpread({}, props), {
|
|
562
554
|
style: _objectSpread({}, style)
|
|
563
555
|
}, {
|
|
564
556
|
columns: columns
|
|
@@ -572,13 +564,13 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
572
564
|
cbs: this.cbs,
|
|
573
565
|
fetch: this.fetch,
|
|
574
566
|
t: this
|
|
575
|
-
}))),
|
|
567
|
+
}))), _react["default"].createElement("div", {
|
|
576
568
|
className: (0, _prefix["default"])('table-body'),
|
|
577
569
|
style: {
|
|
578
570
|
maxHeight: scroll.y + 'px',
|
|
579
571
|
overflow: 'auto'
|
|
580
572
|
}
|
|
581
|
-
},
|
|
573
|
+
}, _react["default"].createElement(_TableContent["default"], Object.assign({}, _objectSpread({}, props), {
|
|
582
574
|
style: _objectSpread({}, style)
|
|
583
575
|
}, {
|
|
584
576
|
columns: columns
|
|
@@ -609,14 +601,14 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
609
601
|
_this$props4$style = _this$props4.style,
|
|
610
602
|
style = _this$props4$style === void 0 ? {} : _this$props4$style,
|
|
611
603
|
props = (0, _objectWithoutProperties2["default"])(_this$props4, ["style"]);
|
|
612
|
-
return
|
|
604
|
+
return _react["default"].createElement("div", {
|
|
613
605
|
className: (0, _prefix["default"])('table-content')
|
|
614
|
-
},
|
|
606
|
+
}, _react["default"].createElement("div", {
|
|
615
607
|
className: (0, _prefix["default"])('table-body'),
|
|
616
608
|
style: {
|
|
617
609
|
overflowX: 'auto'
|
|
618
610
|
}
|
|
619
|
-
},
|
|
611
|
+
}, _react["default"].createElement(_TableContent["default"], Object.assign({}, {
|
|
620
612
|
style: _objectSpread({}, style)
|
|
621
613
|
}, _objectSpread({}, props), {
|
|
622
614
|
columns: columns
|
|
@@ -633,37 +625,6 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
633
625
|
headerColumns: headerColumns
|
|
634
626
|
}))), this.isEmpty ? this.getEmptyContent() : null);
|
|
635
627
|
}
|
|
636
|
-
}, {
|
|
637
|
-
key: "isEmpty",
|
|
638
|
-
get: function get() {
|
|
639
|
-
var dataLen = this.state.dataSource.length;
|
|
640
|
-
|
|
641
|
-
if (dataLen > 0) {
|
|
642
|
-
return false;
|
|
643
|
-
}
|
|
644
|
-
|
|
645
|
-
if (!this.props.advance) {
|
|
646
|
-
return true;
|
|
647
|
-
}
|
|
648
|
-
|
|
649
|
-
var advance = this.props.advance;
|
|
650
|
-
var prefixLen = 0;
|
|
651
|
-
var suffixLen = 0;
|
|
652
|
-
|
|
653
|
-
if (advance.prefix) {
|
|
654
|
-
prefixLen = advance.prefix.length;
|
|
655
|
-
}
|
|
656
|
-
|
|
657
|
-
if (advance.suffix) {
|
|
658
|
-
suffixLen = advance.suffix.length;
|
|
659
|
-
}
|
|
660
|
-
|
|
661
|
-
if (prefixLen + suffixLen > 0) {
|
|
662
|
-
return false;
|
|
663
|
-
}
|
|
664
|
-
|
|
665
|
-
return true;
|
|
666
|
-
}
|
|
667
628
|
}, {
|
|
668
629
|
key: "getEmptyContent",
|
|
669
630
|
value: function getEmptyContent() {
|
|
@@ -678,7 +639,7 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
678
639
|
text = localeDatas.table.emptyText;
|
|
679
640
|
}
|
|
680
641
|
|
|
681
|
-
return
|
|
642
|
+
return _react["default"].createElement("div", {
|
|
682
643
|
className: "hi-table-placeholder"
|
|
683
644
|
}, text);
|
|
684
645
|
}
|
|
@@ -753,7 +714,8 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
753
714
|
header = _this$props7$header === void 0 ? null : _this$props7$header,
|
|
754
715
|
_this$props7$footer = _this$props7.footer,
|
|
755
716
|
footer = _this$props7$footer === void 0 ? null : _this$props7$footer,
|
|
756
|
-
theme = _this$props7.theme
|
|
717
|
+
theme = _this$props7.theme,
|
|
718
|
+
localeDatas = _this$props7.localeDatas; // noinspection JSAnnotator
|
|
757
719
|
|
|
758
720
|
var _this$state7 = this.state,
|
|
759
721
|
scroll = _this$state7.scroll,
|
|
@@ -817,23 +779,23 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
817
779
|
}
|
|
818
780
|
|
|
819
781
|
var serverPaginationConfig = serverPagination;
|
|
820
|
-
return
|
|
782
|
+
return _react["default"].createElement("div", {
|
|
821
783
|
className: (0, _prefix["default"])((_prifix = {
|
|
822
784
|
table: true
|
|
823
785
|
}, (0, _defineProperty2["default"])(_prifix, "theme__".concat(theme), true), (0, _defineProperty2["default"])(_prifix, size, size), (0, _defineProperty2["default"])(_prifix, "bordered", bordered), (0, _defineProperty2["default"])(_prifix, "striped", striped), _prifix)),
|
|
824
786
|
ref: this.dom
|
|
825
|
-
}, header &&
|
|
787
|
+
}, header && _react["default"].createElement("div", {
|
|
826
788
|
className: (0, _prefix["default"])({
|
|
827
789
|
'table-pre-header': true
|
|
828
790
|
})
|
|
829
|
-
}, header()),
|
|
791
|
+
}, header()), _react["default"].createElement("div", {
|
|
830
792
|
className: (0, _prefix["default"])({
|
|
831
793
|
'table-container': true
|
|
832
794
|
})
|
|
833
|
-
},
|
|
795
|
+
}, _react["default"].createElement("div", null, content), name && _react["default"].createElement("div", {
|
|
834
796
|
className: (0, _prefix["default"])('table-setting'),
|
|
835
797
|
ref: this.setting
|
|
836
|
-
},
|
|
798
|
+
}, _react["default"].createElement("div", {
|
|
837
799
|
onClick: function onClick(e) {
|
|
838
800
|
var columnMenu = _this4.state.columnMenu;
|
|
839
801
|
|
|
@@ -841,29 +803,29 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
841
803
|
columnMenu: !columnMenu
|
|
842
804
|
});
|
|
843
805
|
}
|
|
844
|
-
},
|
|
806
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
845
807
|
name: "menu",
|
|
846
808
|
style: {
|
|
847
809
|
fontSize: '24px'
|
|
848
810
|
}
|
|
849
|
-
})), columnMenu &&
|
|
811
|
+
})), columnMenu && _react["default"].createElement(_ClickOuterside["default"], {
|
|
850
812
|
onClickOutside: function onClickOutside(e) {
|
|
851
813
|
return _this4.setState({
|
|
852
814
|
columnMenu: false
|
|
853
815
|
});
|
|
854
816
|
}
|
|
855
|
-
},
|
|
817
|
+
}, _react["default"].createElement("div", {
|
|
856
818
|
className: (0, _prefix["default"])('table-setting-menu column-menu')
|
|
857
819
|
}, columns.map(function (item) {
|
|
858
|
-
return
|
|
820
|
+
return _react["default"].createElement("div", {
|
|
859
821
|
key: item.key
|
|
860
|
-
},
|
|
822
|
+
}, _react["default"].createElement("div", null, function () {
|
|
861
823
|
if (item.type === 'select') {
|
|
862
|
-
return
|
|
824
|
+
return localeDatas.table.checkAll;
|
|
863
825
|
}
|
|
864
826
|
|
|
865
827
|
if (item.type === 'expand') {
|
|
866
|
-
return
|
|
828
|
+
return localeDatas.table.expand;
|
|
867
829
|
}
|
|
868
830
|
|
|
869
831
|
if (typeof item.title === 'function') {
|
|
@@ -871,37 +833,37 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
871
833
|
}
|
|
872
834
|
|
|
873
835
|
return item.title;
|
|
874
|
-
}()),
|
|
836
|
+
}()), _react["default"].createElement("div", null, _react["default"].createElement(_checkbox["default"], {
|
|
875
837
|
checked: !item.hide,
|
|
876
838
|
onChange: function onChange(e) {
|
|
877
839
|
_this4.cbs.hideCol(item.key);
|
|
878
840
|
}
|
|
879
841
|
})));
|
|
880
|
-
}))))), footer &&
|
|
842
|
+
}))))), footer && _react["default"].createElement("div", {
|
|
881
843
|
className: (0, _prefix["default"])({
|
|
882
844
|
'table-pre-footer': true
|
|
883
845
|
})
|
|
884
|
-
}, footer()), (pagination || columns) &&
|
|
846
|
+
}, footer()), (pagination || columns) && _react["default"].createElement("br", null), pagination && _react["default"].createElement("div", {
|
|
885
847
|
style: {
|
|
886
848
|
display: 'flex',
|
|
887
849
|
justifyContent: pagePosition
|
|
888
850
|
}
|
|
889
|
-
},
|
|
851
|
+
}, _react["default"].createElement("div", {
|
|
890
852
|
className: (0, _prefix["default"])('table-page')
|
|
891
|
-
},
|
|
853
|
+
}, _react["default"].createElement(_pagination["default"], pagination))), serverPaginationConfig && _react["default"].createElement("div", {
|
|
892
854
|
style: {
|
|
893
855
|
display: 'flex',
|
|
894
856
|
justifyContent: serverPagePosition
|
|
895
857
|
},
|
|
896
858
|
a: "1"
|
|
897
|
-
},
|
|
859
|
+
}, _react["default"].createElement("div", {
|
|
898
860
|
className: (0, _prefix["default"])('table-page')
|
|
899
|
-
},
|
|
861
|
+
}, _react["default"].createElement(_pagination["default"], (0, _extends2["default"])({}, serverPaginationConfig, {
|
|
900
862
|
onChange: function onChange(current) {
|
|
901
863
|
serverPaginationConfig.onChange && serverPaginationConfig.onChange(current);
|
|
902
864
|
|
|
903
865
|
_this4.setState({
|
|
904
|
-
serverPagination: _objectSpread(
|
|
866
|
+
serverPagination: _objectSpread({}, serverPagination, {
|
|
905
867
|
current: current
|
|
906
868
|
})
|
|
907
869
|
}, _this4.fetch);
|
|
@@ -1024,7 +986,7 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
1024
986
|
};
|
|
1025
987
|
} : _rowSelection$getChec,
|
|
1026
988
|
_onChange = rowSelection.onChange;
|
|
1027
|
-
return
|
|
989
|
+
return _react["default"].createElement(_checkbox["default"], {
|
|
1028
990
|
type: "checkbox",
|
|
1029
991
|
checked: selectedRowKeys.length === _this6.state.dataSource.filter(function (record) {
|
|
1030
992
|
return !getCheckboxProps(record).disabled;
|
|
@@ -1063,7 +1025,7 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
1063
1025
|
} : _rowSelection$getChec2,
|
|
1064
1026
|
_onChange2 = rowSelection.onChange; // todo dataName 是干嘛的不明白
|
|
1065
1027
|
|
|
1066
|
-
return
|
|
1028
|
+
return _react["default"].createElement(_checkbox["default"], {
|
|
1067
1029
|
type: "checkbox",
|
|
1068
1030
|
checked: selectedRowKeys.includes(record[dataName]),
|
|
1069
1031
|
disabled: getCheckboxProps(record).disabled,
|
|
@@ -1405,15 +1367,46 @@ var Table = /*#__PURE__*/function (_Component) {
|
|
|
1405
1367
|
width: width,
|
|
1406
1368
|
scroll: scroll
|
|
1407
1369
|
}, props));
|
|
1408
|
-
this.setState(_objectSpread(
|
|
1370
|
+
this.setState(_objectSpread({
|
|
1409
1371
|
dataSource: data,
|
|
1410
1372
|
scroll: scroll
|
|
1411
|
-
}, columnsDetail
|
|
1373
|
+
}, columnsDetail, {}, props));
|
|
1412
1374
|
setTimeout(function () {
|
|
1413
1375
|
_this9.runMemory();
|
|
1414
1376
|
}, 0);
|
|
1415
1377
|
}
|
|
1416
1378
|
}
|
|
1379
|
+
}, {
|
|
1380
|
+
key: "isEmpty",
|
|
1381
|
+
get: function get() {
|
|
1382
|
+
var dataLen = this.state.dataSource.length;
|
|
1383
|
+
|
|
1384
|
+
if (dataLen > 0) {
|
|
1385
|
+
return false;
|
|
1386
|
+
}
|
|
1387
|
+
|
|
1388
|
+
if (!this.props.advance) {
|
|
1389
|
+
return true;
|
|
1390
|
+
}
|
|
1391
|
+
|
|
1392
|
+
var advance = this.props.advance;
|
|
1393
|
+
var prefixLen = 0;
|
|
1394
|
+
var suffixLen = 0;
|
|
1395
|
+
|
|
1396
|
+
if (advance.prefix) {
|
|
1397
|
+
prefixLen = advance.prefix.length;
|
|
1398
|
+
}
|
|
1399
|
+
|
|
1400
|
+
if (advance.suffix) {
|
|
1401
|
+
suffixLen = advance.suffix.length;
|
|
1402
|
+
}
|
|
1403
|
+
|
|
1404
|
+
if (prefixLen + suffixLen > 0) {
|
|
1405
|
+
return false;
|
|
1406
|
+
}
|
|
1407
|
+
|
|
1408
|
+
return true;
|
|
1409
|
+
}
|
|
1417
1410
|
}]);
|
|
1418
1411
|
return Table;
|
|
1419
1412
|
}(_react.Component);
|
package/es/table/menu/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -15,35 +15,27 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
15
15
|
|
|
16
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
19
|
|
|
22
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
21
|
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
24
|
var _react = _interopRequireWildcard(require("react"));
|
|
25
25
|
|
|
26
26
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
27
27
|
|
|
28
28
|
var _prefix = _interopRequireDefault(require("../prefix"));
|
|
29
29
|
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
34
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
35
|
-
|
|
36
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
37
|
-
|
|
38
30
|
// import {scrollTop, scrollLeft} from '../tool'
|
|
39
|
-
var HeaderMenu =
|
|
31
|
+
var HeaderMenu =
|
|
32
|
+
/*#__PURE__*/
|
|
33
|
+
function (_Component) {
|
|
40
34
|
(0, _inherits2["default"])(HeaderMenu, _Component);
|
|
41
35
|
|
|
42
|
-
var _super = _createSuper(HeaderMenu);
|
|
43
|
-
|
|
44
36
|
function HeaderMenu() {
|
|
45
37
|
(0, _classCallCheck2["default"])(this, HeaderMenu);
|
|
46
|
-
return
|
|
38
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(HeaderMenu).apply(this, arguments));
|
|
47
39
|
}
|
|
48
40
|
|
|
49
41
|
(0, _createClass2["default"])(HeaderMenu, [{
|
|
@@ -57,17 +49,17 @@ var HeaderMenu = /*#__PURE__*/function (_Component) {
|
|
|
57
49
|
freeze = _this$props.freeze,
|
|
58
50
|
canHideCol = _this$props.canHideCol,
|
|
59
51
|
localeDatas = _this$props.localeDatas;
|
|
60
|
-
return
|
|
52
|
+
return _react["default"].createElement("div", {
|
|
61
53
|
className: (0, _prefix["default"])('table-header-menu')
|
|
62
|
-
},
|
|
54
|
+
}, _react["default"].createElement("p", {
|
|
63
55
|
onClick: function onClick(e) {
|
|
64
56
|
return highlighCol(index);
|
|
65
57
|
}
|
|
66
|
-
}, localeDatas.table.highlight), freeze &&
|
|
58
|
+
}, localeDatas.table.highlight), freeze && _react["default"].createElement("p", {
|
|
67
59
|
onClick: function onClick(e) {
|
|
68
60
|
return freezeCol(index);
|
|
69
61
|
}
|
|
70
|
-
}, localeDatas.table.freeze), canHideCol &&
|
|
62
|
+
}, localeDatas.table.freeze), canHideCol && _react["default"].createElement("p", {
|
|
71
63
|
onClick: function onClick(e) {
|
|
72
64
|
return hideCol(index);
|
|
73
65
|
}
|
|
@@ -101,7 +93,7 @@ var _default = {
|
|
|
101
93
|
div.className = 'hi-table-header-menu-' + size;
|
|
102
94
|
div.style.zIndex = '99999';
|
|
103
95
|
|
|
104
|
-
_reactDom["default"].render(
|
|
96
|
+
_reactDom["default"].render(_react["default"].createElement(HeaderMenu, (0, _extends2["default"])({}, cbs, {
|
|
105
97
|
canHideCol: canHideCol,
|
|
106
98
|
index: key,
|
|
107
99
|
freeze: freeze,
|
package/es/tabs/ItemDropdown.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -13,14 +13,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
17
|
-
|
|
18
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
-
|
|
20
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
21
17
|
|
|
22
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
23
19
|
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
+
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
+
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
26
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -33,24 +33,16 @@ var _context = _interopRequireDefault(require("../context"));
|
|
|
33
33
|
|
|
34
34
|
var _popper = _interopRequireDefault(require("../popper"));
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
|
|
41
|
-
|
|
42
|
-
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
43
|
-
|
|
44
|
-
var ItemDropdown = /*#__PURE__*/function (_Component) {
|
|
36
|
+
var ItemDropdown =
|
|
37
|
+
/*#__PURE__*/
|
|
38
|
+
function (_Component) {
|
|
45
39
|
(0, _inherits2["default"])(ItemDropdown, _Component);
|
|
46
40
|
|
|
47
|
-
var _super = _createSuper(ItemDropdown);
|
|
48
|
-
|
|
49
41
|
function ItemDropdown(props) {
|
|
50
42
|
var _this;
|
|
51
43
|
|
|
52
44
|
(0, _classCallCheck2["default"])(this, ItemDropdown);
|
|
53
|
-
_this =
|
|
45
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(ItemDropdown).call(this, props));
|
|
54
46
|
_this.state = {
|
|
55
47
|
visible: false,
|
|
56
48
|
activeIndex: -1
|
|
@@ -107,11 +99,11 @@ var ItemDropdown = /*#__PURE__*/function (_Component) {
|
|
|
107
99
|
items.map(function (item, index) {
|
|
108
100
|
if (item.tabId === activeId) activeIndex = index;
|
|
109
101
|
});
|
|
110
|
-
return
|
|
102
|
+
return _react["default"].createElement("div", {
|
|
111
103
|
className: (0, _classnames["default"])('hi-tabs-dropdown', "theme__".concat(theme), {
|
|
112
104
|
'hi-tabs-dropdown--active': !!items[activeIndex]
|
|
113
105
|
})
|
|
114
|
-
},
|
|
106
|
+
}, _react["default"].createElement("div", {
|
|
115
107
|
className: "hi-tabs-dropdown__toggle",
|
|
116
108
|
ref: function ref(node) {
|
|
117
109
|
_this2.toggleRef = node;
|
|
@@ -121,11 +113,11 @@ var ItemDropdown = /*#__PURE__*/function (_Component) {
|
|
|
121
113
|
|
|
122
114
|
_this2.toggle();
|
|
123
115
|
}
|
|
124
|
-
},
|
|
116
|
+
}, _react["default"].createElement("span", {
|
|
125
117
|
className: "hi-tabs-dropdown__toggle-title"
|
|
126
|
-
}, items[activeIndex] && items[activeIndex].tabTitle || localeDatas.tabs.more),
|
|
118
|
+
}, items[activeIndex] && items[activeIndex].tabTitle || localeDatas.tabs.more), _react["default"].createElement("i", {
|
|
127
119
|
className: "hi-icon icon-down"
|
|
128
|
-
})),
|
|
120
|
+
})), _react["default"].createElement(_popper["default"], {
|
|
129
121
|
className: "hi-tabs-dropdown__popper",
|
|
130
122
|
show: visible,
|
|
131
123
|
attachEle: this.toggleRef,
|
|
@@ -133,10 +125,10 @@ var ItemDropdown = /*#__PURE__*/function (_Component) {
|
|
|
133
125
|
width: "auto",
|
|
134
126
|
leftGap: -18,
|
|
135
127
|
topGap: 3
|
|
136
|
-
},
|
|
128
|
+
}, _react["default"].createElement("div", {
|
|
137
129
|
className: (0, _classnames["default"])('hi-tabs-dropdown__items', "theme__".concat(theme))
|
|
138
130
|
}, items.map(function (item, index) {
|
|
139
|
-
return
|
|
131
|
+
return _react["default"].createElement("div", {
|
|
140
132
|
className: (0, _classnames["default"])('hi-tabs-dropdown__item', {
|
|
141
133
|
'hi-tabs-dropdown__item--active': index === activeIndex
|
|
142
134
|
}),
|