@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
|
@@ -11,30 +11,27 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
11
11
|
|
|
12
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
15
|
|
|
18
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
17
|
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
+
|
|
20
20
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
21
21
|
|
|
22
22
|
var _react = require("react");
|
|
23
23
|
|
|
24
24
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
25
25
|
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var Option = /*#__PURE__*/function (_Component) {
|
|
26
|
+
/* @flow */
|
|
27
|
+
var Option =
|
|
28
|
+
/*#__PURE__*/
|
|
29
|
+
function (_Component) {
|
|
31
30
|
(0, _inherits2["default"])(Option, _Component);
|
|
32
31
|
|
|
33
|
-
var _super = _createSuper(Option);
|
|
34
|
-
|
|
35
32
|
function Option() {
|
|
36
33
|
(0, _classCallCheck2["default"])(this, Option);
|
|
37
|
-
return
|
|
34
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Option).apply(this, arguments));
|
|
38
35
|
}
|
|
39
36
|
|
|
40
37
|
(0, _createClass2["default"])(Option, [{
|
|
@@ -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
|
|
@@ -17,14 +17,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
17
17
|
|
|
18
18
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
19
19
|
|
|
20
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
|
-
|
|
22
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
|
-
|
|
24
20
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
25
21
|
|
|
26
22
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
27
23
|
|
|
24
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
25
|
+
|
|
26
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
27
|
+
|
|
28
28
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
29
29
|
|
|
30
30
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -51,29 +51,21 @@ var _context = _interopRequireDefault(require("../../context"));
|
|
|
51
51
|
|
|
52
52
|
var _fetchJsonp = _interopRequireDefault(require("fetch-jsonp"));
|
|
53
53
|
|
|
54
|
-
function
|
|
55
|
-
|
|
56
|
-
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; }
|
|
57
|
-
|
|
58
|
-
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; }
|
|
54
|
+
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; }
|
|
59
55
|
|
|
60
56
|
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; }
|
|
61
57
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
function
|
|
65
|
-
|
|
66
|
-
var Select = /*#__PURE__*/function (_Component) {
|
|
58
|
+
var Select =
|
|
59
|
+
/*#__PURE__*/
|
|
60
|
+
function (_Component) {
|
|
67
61
|
(0, _inherits2["default"])(Select, _Component);
|
|
68
62
|
|
|
69
|
-
var _super = _createSuper(Select);
|
|
70
|
-
|
|
71
63
|
// 第一次自动加载数据标识
|
|
72
64
|
function Select(props) {
|
|
73
65
|
var _this;
|
|
74
66
|
|
|
75
67
|
(0, _classCallCheck2["default"])(this, Select);
|
|
76
|
-
_this =
|
|
68
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Select).call(this, props));
|
|
77
69
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "autoloadFlag", true);
|
|
78
70
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputClick", function (e) {
|
|
79
71
|
var dropdownShow = _this.state.dropdownShow;
|
|
@@ -603,15 +595,15 @@ var Select = /*#__PURE__*/function (_Component) {
|
|
|
603
595
|
'is-multiple': mode === 'multiple',
|
|
604
596
|
'is-single': mode === 'single'
|
|
605
597
|
};
|
|
606
|
-
return
|
|
598
|
+
return _react["default"].createElement("div", {
|
|
607
599
|
className: (0, _classnames["default"])('hi-select', className, extraClass),
|
|
608
600
|
style: style
|
|
609
|
-
},
|
|
601
|
+
}, _react["default"].createElement("div", {
|
|
610
602
|
className: "hi-select__input-container",
|
|
611
603
|
ref: function ref(node) {
|
|
612
604
|
_this12.selectInputContainer = node;
|
|
613
605
|
}
|
|
614
|
-
},
|
|
606
|
+
}, _react["default"].createElement(_SelectInput["default"], {
|
|
615
607
|
ref: function ref(node) {
|
|
616
608
|
_this12.selectInput = node;
|
|
617
609
|
},
|
|
@@ -639,14 +631,14 @@ var Select = /*#__PURE__*/function (_Component) {
|
|
|
639
631
|
onClear: this.deleteAllItems.bind(this),
|
|
640
632
|
onSearch: this.debouncedFilterItems.bind(this),
|
|
641
633
|
onEnterSelect: this.onEnterSelect.bind(this)
|
|
642
|
-
})), children,
|
|
634
|
+
})), children, _react["default"].createElement(_popper["default"], {
|
|
643
635
|
show: dropdownShow && this.props.open,
|
|
644
636
|
attachEle: this.selectInputContainer,
|
|
645
637
|
zIndex: 1050,
|
|
646
638
|
topGap: 5,
|
|
647
639
|
className: "hi-select__popper",
|
|
648
640
|
placement: "top-bottom-start"
|
|
649
|
-
},
|
|
641
|
+
}, _react["default"].createElement(_SelectDropdown["default"], {
|
|
650
642
|
noFoundTip: noFoundTip,
|
|
651
643
|
mode: mode,
|
|
652
644
|
showCheckAll: showCheckAll,
|
|
@@ -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,12 +13,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
17
|
|
|
20
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
19
|
|
|
20
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
+
|
|
22
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
23
|
|
|
24
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -27,22 +27,15 @@ var _checkbox = _interopRequireDefault(require("../../checkbox"));
|
|
|
27
27
|
|
|
28
28
|
var _loading = _interopRequireDefault(require("../../loading"));
|
|
29
29
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
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
|
-
var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
30
|
+
/* @flow */
|
|
31
|
+
var SelectDropdown =
|
|
32
|
+
/*#__PURE__*/
|
|
33
|
+
function (_Component) {
|
|
39
34
|
(0, _inherits2["default"])(SelectDropdown, _Component);
|
|
40
35
|
|
|
41
|
-
var _super = _createSuper(SelectDropdown);
|
|
42
|
-
|
|
43
36
|
function SelectDropdown() {
|
|
44
37
|
(0, _classCallCheck2["default"])(this, SelectDropdown);
|
|
45
|
-
return
|
|
38
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SelectDropdown).apply(this, arguments));
|
|
46
39
|
}
|
|
47
40
|
|
|
48
41
|
(0, _createClass2["default"])(SelectDropdown, [{
|
|
@@ -80,17 +73,17 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
80
73
|
return this.props.dropdownRender(item, isSelected);
|
|
81
74
|
}
|
|
82
75
|
|
|
83
|
-
return
|
|
76
|
+
return _react["default"].createElement(_react["default"].Fragment, null, mode === 'multiple' && _react["default"].createElement("div", {
|
|
84
77
|
className: "hi-select__dropdown--item__checkbox"
|
|
85
|
-
},
|
|
78
|
+
}, _react["default"].createElement(_checkbox["default"], {
|
|
86
79
|
legacy: true,
|
|
87
80
|
checked: isSelected,
|
|
88
81
|
disabled: item.disabled
|
|
89
|
-
})),
|
|
82
|
+
})), _react["default"].createElement("div", {
|
|
90
83
|
className: "hi-select__dropdown--item__name"
|
|
91
|
-
}, item.name), mode === 'single' && isSelected &&
|
|
84
|
+
}, item.name), mode === 'single' && isSelected && _react["default"].createElement("div", {
|
|
92
85
|
className: "hi-select__dropdown--item__check-icon"
|
|
93
|
-
},
|
|
86
|
+
}, _react["default"].createElement("i", {
|
|
94
87
|
className: "hi-icon icon-check"
|
|
95
88
|
})));
|
|
96
89
|
}
|
|
@@ -114,15 +107,15 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
114
107
|
var style = optionWidth && {
|
|
115
108
|
width: optionWidth
|
|
116
109
|
};
|
|
117
|
-
return
|
|
110
|
+
return _react["default"].createElement("div", {
|
|
118
111
|
className: "hi-select__dropdown",
|
|
119
112
|
onClick: this.props.onClick,
|
|
120
113
|
style: style
|
|
121
|
-
}, loading &&
|
|
114
|
+
}, loading && _react["default"].createElement("div", {
|
|
122
115
|
className: "hi-select__dropdown--loading"
|
|
123
|
-
},
|
|
116
|
+
}, _react["default"].createElement(_loading["default"], {
|
|
124
117
|
size: "small"
|
|
125
|
-
})), !loading &&
|
|
118
|
+
})), !loading && _react["default"].createElement("ul", {
|
|
126
119
|
className: "hi-select__dropdown--items"
|
|
127
120
|
}, dropdownItems.map(function (item, index) {
|
|
128
121
|
if (matchFilter(item)) {
|
|
@@ -131,7 +124,7 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
131
124
|
var isSelected = _this.itemSelected(item);
|
|
132
125
|
|
|
133
126
|
var isDisabled = item.disabled;
|
|
134
|
-
return
|
|
127
|
+
return _react["default"].createElement("li", {
|
|
135
128
|
className: (0, _classnames["default"])('hi-select__dropdown--item', {
|
|
136
129
|
'is-active': isSelected,
|
|
137
130
|
'is-disabled': isDisabled,
|
|
@@ -147,12 +140,12 @@ var SelectDropdown = /*#__PURE__*/function (_Component) {
|
|
|
147
140
|
}
|
|
148
141
|
}, _this.renderOption(mode, isSelected, item));
|
|
149
142
|
}
|
|
150
|
-
}), matched === 0 &&
|
|
143
|
+
}), matched === 0 && _react["default"].createElement("li", {
|
|
151
144
|
className: "hi-select__dropdown--item hi-select__dropdown-item--empty is-disabled",
|
|
152
145
|
onClick: function onClick(e) {
|
|
153
146
|
return e.stopPropagation();
|
|
154
147
|
}
|
|
155
|
-
}, noFoundTip)), mode === 'multiple' && showCheckAll &&
|
|
148
|
+
}, noFoundTip)), mode === 'multiple' && showCheckAll && _react["default"].createElement("div", {
|
|
156
149
|
className: "hi-select__dropdown-check-all",
|
|
157
150
|
onClick: checkAll
|
|
158
151
|
}, "\u5168\u9009"));
|
|
@@ -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"));
|
|
@@ -29,30 +29,17 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
29
29
|
|
|
30
30
|
var _common = require("./common");
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
|
|
37
|
-
|
|
38
|
-
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
39
|
-
|
|
40
|
-
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
41
|
-
|
|
42
|
-
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); }; }
|
|
43
|
-
|
|
44
|
-
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; } }
|
|
45
|
-
|
|
46
|
-
var SelectInput = /*#__PURE__*/function (_Component) {
|
|
32
|
+
/* @flow */
|
|
33
|
+
var SelectInput =
|
|
34
|
+
/*#__PURE__*/
|
|
35
|
+
function (_Component) {
|
|
47
36
|
(0, _inherits2["default"])(SelectInput, _Component);
|
|
48
37
|
|
|
49
|
-
var _super = _createSuper(SelectInput);
|
|
50
|
-
|
|
51
38
|
function SelectInput(props) {
|
|
52
39
|
var _this;
|
|
53
40
|
|
|
54
41
|
(0, _classCallCheck2["default"])(this, SelectInput);
|
|
55
|
-
_this =
|
|
42
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(SelectInput).call(this, props));
|
|
56
43
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "calShowCountFlag", true);
|
|
57
44
|
_this.state = {
|
|
58
45
|
showCount: 0,
|
|
@@ -73,12 +60,12 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
73
60
|
var width = 0;
|
|
74
61
|
var showCount = 0;
|
|
75
62
|
var items = this.itemsRef.querySelectorAll('.hi-select__input--item');
|
|
76
|
-
|
|
77
|
-
var
|
|
78
|
-
|
|
63
|
+
var _iteratorNormalCompletion = true;
|
|
64
|
+
var _didIteratorError = false;
|
|
65
|
+
var _iteratorError = undefined;
|
|
79
66
|
|
|
80
67
|
try {
|
|
81
|
-
for (_iterator.
|
|
68
|
+
for (var _iterator = items[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
|
|
82
69
|
var item = _step.value;
|
|
83
70
|
var itemRect = item.getBoundingClientRect();
|
|
84
71
|
width += itemRect.width;
|
|
@@ -91,9 +78,18 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
91
78
|
}
|
|
92
79
|
}
|
|
93
80
|
} catch (err) {
|
|
94
|
-
|
|
81
|
+
_didIteratorError = true;
|
|
82
|
+
_iteratorError = err;
|
|
95
83
|
} finally {
|
|
96
|
-
|
|
84
|
+
try {
|
|
85
|
+
if (!_iteratorNormalCompletion && _iterator["return"] != null) {
|
|
86
|
+
_iterator["return"]();
|
|
87
|
+
}
|
|
88
|
+
} finally {
|
|
89
|
+
if (_didIteratorError) {
|
|
90
|
+
throw _iteratorError;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
97
93
|
}
|
|
98
94
|
|
|
99
95
|
this.setState({
|
|
@@ -184,14 +180,14 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
184
180
|
};
|
|
185
181
|
}
|
|
186
182
|
|
|
187
|
-
return
|
|
183
|
+
return _react["default"].createElement("div", {
|
|
188
184
|
className: (0, _classnames["default"])('hi-select__input', 'multiple-values', {
|
|
189
185
|
disabled: disabled
|
|
190
186
|
}),
|
|
191
187
|
onClick: this.props.onClick
|
|
192
|
-
}, selectedItems.length === 0 && !value &&
|
|
188
|
+
}, selectedItems.length === 0 && !value && _react["default"].createElement("div", {
|
|
193
189
|
className: "hi-select__input--placeholder"
|
|
194
|
-
}, placeholder),
|
|
190
|
+
}, placeholder), _react["default"].createElement("div", {
|
|
195
191
|
className: (0, _classnames["default"])('hi-select__input-items', {
|
|
196
192
|
'hi-select__input-items--all': multipleMode === 'wrap'
|
|
197
193
|
}),
|
|
@@ -199,30 +195,30 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
199
195
|
_this3.itemsRef = node;
|
|
200
196
|
}
|
|
201
197
|
}, selectedItems.slice(0, showCount).map(function (item, index) {
|
|
202
|
-
var _item =
|
|
198
|
+
var _item = _react["default"].createElement("div", {
|
|
203
199
|
key: index,
|
|
204
200
|
className: "hi-select__input--item"
|
|
205
|
-
},
|
|
201
|
+
}, _react["default"].createElement("div", {
|
|
206
202
|
className: "hi-select__input--item__name"
|
|
207
|
-
}, item.name),
|
|
203
|
+
}, item.name), _react["default"].createElement("span", {
|
|
208
204
|
className: "hi-select__input--item__remove",
|
|
209
205
|
onClick: function onClick(e) {
|
|
210
206
|
e.stopPropagation();
|
|
211
207
|
|
|
212
208
|
_this3.props.onDelete(item);
|
|
213
209
|
}
|
|
214
|
-
},
|
|
210
|
+
}, _react["default"].createElement("i", {
|
|
215
211
|
className: "hi-icon icon-close"
|
|
216
212
|
})));
|
|
217
213
|
|
|
218
214
|
return _item;
|
|
219
|
-
}), showCount < selectedItems.length &&
|
|
215
|
+
}), showCount < selectedItems.length && _react["default"].createElement("div", {
|
|
220
216
|
className: "hi-select__input-items--left"
|
|
221
|
-
}, "+",
|
|
217
|
+
}, "+", _react["default"].createElement("span", {
|
|
222
218
|
className: "hi-select__input-items--left-count"
|
|
223
|
-
}, selectedItems.length - showCount)), searchable && !disabled &&
|
|
219
|
+
}, selectedItems.length - showCount)), searchable && !disabled && _react["default"].createElement("div", {
|
|
224
220
|
className: "hi-select__input--search"
|
|
225
|
-
},
|
|
221
|
+
}, _react["default"].createElement("input", {
|
|
226
222
|
type: "text",
|
|
227
223
|
style: inputStyle,
|
|
228
224
|
ref: function ref(input) {
|
|
@@ -232,13 +228,13 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
232
228
|
onKeyDown: this.handleKeyDown.bind(this),
|
|
233
229
|
onFocus: onFocus.bind(this),
|
|
234
230
|
onBlur: onBlur.bind(this)
|
|
235
|
-
}))),
|
|
231
|
+
}))), _react["default"].createElement("span", {
|
|
236
232
|
className: "hi-select__input--icon"
|
|
237
|
-
},
|
|
233
|
+
}, _react["default"].createElement("i", {
|
|
238
234
|
className: (0, _classnames["default"])("hi-icon icon-".concat(icon, " hi-select__input--icon__expand"), {
|
|
239
235
|
clearable: clearable && selectedItems.length > 0
|
|
240
236
|
})
|
|
241
|
-
}), clearable && selectedItems.length > 0 &&
|
|
237
|
+
}), clearable && selectedItems.length > 0 && _react["default"].createElement("i", {
|
|
242
238
|
className: "hi-icon icon-close-circle hi-select__input--icon__close",
|
|
243
239
|
onClick: this.handleClear.bind(this)
|
|
244
240
|
})));
|
|
@@ -259,20 +255,20 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
259
255
|
onBlur = _this$props2.onBlur;
|
|
260
256
|
placeholder = selectedItems.length > 0 ? selectedItems[0].name : placeholder;
|
|
261
257
|
var icon = dropdownShow ? 'up' : 'down';
|
|
262
|
-
return
|
|
258
|
+
return _react["default"].createElement("div", {
|
|
263
259
|
className: (0, _classnames["default"])('hi-select__input', 'single-value', {
|
|
264
260
|
disabled: disabled
|
|
265
261
|
}),
|
|
266
262
|
onClick: this.props.onClick
|
|
267
|
-
},
|
|
263
|
+
}, _react["default"].createElement("div", {
|
|
268
264
|
className: (0, _classnames["default"])('hi-select__input--item', {
|
|
269
265
|
'hi-select__hide': !(!dropdownShow && selectedItems.length > 0)
|
|
270
266
|
})
|
|
271
|
-
},
|
|
267
|
+
}, _react["default"].createElement("div", {
|
|
272
268
|
className: "hi-select__input--item__name"
|
|
273
|
-
}, selectedItems[0] && selectedItems[0].name)), (dropdownShow || selectedItems.length === 0) &&
|
|
269
|
+
}, selectedItems[0] && selectedItems[0].name)), (dropdownShow || selectedItems.length === 0) && _react["default"].createElement("div", {
|
|
274
270
|
className: "hi-select__input--search"
|
|
275
|
-
},
|
|
271
|
+
}, _react["default"].createElement("input", {
|
|
276
272
|
type: "text",
|
|
277
273
|
ref: function ref(input) {
|
|
278
274
|
_this4.searchInput = input;
|
|
@@ -283,13 +279,13 @@ var SelectInput = /*#__PURE__*/function (_Component) {
|
|
|
283
279
|
onFocus: onFocus.bind(this),
|
|
284
280
|
onBlur: onBlur.bind(this),
|
|
285
281
|
readOnly: disabled || !searchable
|
|
286
|
-
})),
|
|
282
|
+
})), _react["default"].createElement("span", {
|
|
287
283
|
className: "hi-select__input--icon"
|
|
288
|
-
},
|
|
284
|
+
}, _react["default"].createElement("i", {
|
|
289
285
|
className: (0, _classnames["default"])("hi-icon icon-".concat(icon, " hi-select__input--icon__expand"), {
|
|
290
286
|
clearable: clearable && selectedItems.length > 0
|
|
291
287
|
})
|
|
292
|
-
}), clearable && selectedItems.length > 0 &&
|
|
288
|
+
}), clearable && selectedItems.length > 0 && _react["default"].createElement("i", {
|
|
293
289
|
className: "hi-icon icon-close-circle hi-select__input--icon__close",
|
|
294
290
|
onClick: this.handleClear.bind(this)
|
|
295
291
|
})));
|
package/es/stepper/Stepper.js
CHANGED
|
@@ -11,12 +11,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
11
11
|
|
|
12
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
15
|
-
|
|
16
14
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
15
|
|
|
18
16
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
17
|
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
19
|
+
|
|
20
20
|
var _react = _interopRequireDefault(require("react"));
|
|
21
21
|
|
|
22
22
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -27,10 +27,6 @@ var _context = _interopRequireDefault(require("../context"));
|
|
|
27
27
|
|
|
28
28
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
29
29
|
|
|
30
|
-
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); }; }
|
|
31
|
-
|
|
32
|
-
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; } }
|
|
33
|
-
|
|
34
30
|
/**
|
|
35
31
|
* Props
|
|
36
32
|
* @prop id {string} id
|
|
@@ -47,14 +43,14 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
|
47
43
|
* @prop vertical {boolean} 是否竖直显示
|
|
48
44
|
* @prop itemLayout {string} sign显示位置
|
|
49
45
|
*/
|
|
50
|
-
var Stepper =
|
|
46
|
+
var Stepper =
|
|
47
|
+
/*#__PURE__*/
|
|
48
|
+
function (_React$Component) {
|
|
51
49
|
(0, _inherits2["default"])(Stepper, _React$Component);
|
|
52
50
|
|
|
53
|
-
var _super = _createSuper(Stepper);
|
|
54
|
-
|
|
55
51
|
function Stepper() {
|
|
56
52
|
(0, _classCallCheck2["default"])(this, Stepper);
|
|
57
|
-
return
|
|
53
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Stepper).apply(this, arguments));
|
|
58
54
|
}
|
|
59
55
|
|
|
60
56
|
(0, _createClass2["default"])(Stepper, [{
|
|
@@ -67,20 +63,20 @@ var Stepper = /*#__PURE__*/function (_React$Component) {
|
|
|
67
63
|
|
|
68
64
|
var _c = (0, _classnames["default"])('hi-stepper__item', arg === 'h' && itemLayout === 'vertical' && 'hi-stepper__item--up', info.key <= +current && 'hi-stepper__item--active', info.key < +current && 'hi-stepper__item--done');
|
|
69
65
|
|
|
70
|
-
return
|
|
66
|
+
return _react["default"].createElement("li", {
|
|
71
67
|
className: _c,
|
|
72
68
|
key: info.key
|
|
73
|
-
},
|
|
69
|
+
}, _react["default"].createElement("div", {
|
|
74
70
|
className: "hi-stepper__item-content"
|
|
75
|
-
},
|
|
71
|
+
}, _react["default"].createElement("span", {
|
|
76
72
|
className: "hi-stepper__icon"
|
|
77
|
-
}, icon ? typeof icon === 'string' ?
|
|
73
|
+
}, icon ? typeof icon === 'string' ? _react["default"].createElement(_icon["default"], {
|
|
78
74
|
name: icon
|
|
79
|
-
}) : icon :
|
|
75
|
+
}) : icon : _react["default"].createElement("span", {
|
|
80
76
|
className: "hi-stepper__num"
|
|
81
|
-
}, info.key + 1)),
|
|
77
|
+
}, info.key + 1)), _react["default"].createElement("span", {
|
|
82
78
|
className: "hi-stepper__title"
|
|
83
|
-
}, " ", info.title), (arg === 'v' || itemLayout) &&
|
|
79
|
+
}, " ", info.title), (arg === 'v' || itemLayout) && _react["default"].createElement("span", {
|
|
84
80
|
className: "hi-stepper__text"
|
|
85
81
|
}, info.content)));
|
|
86
82
|
}
|
|
@@ -94,7 +90,7 @@ var Stepper = /*#__PURE__*/function (_React$Component) {
|
|
|
94
90
|
data = _this$props2.data,
|
|
95
91
|
vertical = _this$props2.vertical;
|
|
96
92
|
var len = data.length;
|
|
97
|
-
return
|
|
93
|
+
return _react["default"].createElement("ul", {
|
|
98
94
|
className: "hi-stepper__list"
|
|
99
95
|
}, data.map(function (v, i) {
|
|
100
96
|
var info = Object.assign({
|
|
@@ -120,7 +116,7 @@ var Stepper = /*#__PURE__*/function (_React$Component) {
|
|
|
120
116
|
|
|
121
117
|
var _className = (0, _classnames["default"])('hi-stepper', placement === 'vertical' ? 'hi-stepper--vertical' : 'hi-stepper--horizontal', className, theme && 'theme__' + theme);
|
|
122
118
|
|
|
123
|
-
return
|
|
119
|
+
return _react["default"].createElement("div", {
|
|
124
120
|
style: style,
|
|
125
121
|
className: _className
|
|
126
122
|
}, this.renderStepperBar());
|
|
@@ -23,7 +23,7 @@ describe('stepper', function () {
|
|
|
23
23
|
}, {
|
|
24
24
|
title: '邮箱激活'
|
|
25
25
|
}];
|
|
26
|
-
var wrapper = (0, _enzyme.mount)(
|
|
26
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
27
27
|
data: list1
|
|
28
28
|
}));
|
|
29
29
|
expect(wrapper.find('li')).toHaveLength(2);
|
|
@@ -33,7 +33,7 @@ describe('stepper', function () {
|
|
|
33
33
|
expect(wrapper.find('li')).toHaveLength(3);
|
|
34
34
|
});
|
|
35
35
|
it('current', function () {
|
|
36
|
-
var wrapper = (0, _enzyme.mount)(
|
|
36
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
37
37
|
data: list2,
|
|
38
38
|
current: 1
|
|
39
39
|
}));
|
|
@@ -60,7 +60,7 @@ describe('stepper', function () {
|
|
|
60
60
|
title: '信息登记',
|
|
61
61
|
content: '请输入个人信息'
|
|
62
62
|
}];
|
|
63
|
-
var wrapper = (0, _enzyme.mount)(
|
|
63
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
64
64
|
data: list
|
|
65
65
|
}));
|
|
66
66
|
expect(wrapper.find('.hi-stepper').hasClass('hi-stepper--horizontal')).toBeTruthy();
|
|
@@ -83,7 +83,7 @@ describe('stepper', function () {
|
|
|
83
83
|
title: '信息登记',
|
|
84
84
|
content: '请输入个人信息'
|
|
85
85
|
}];
|
|
86
|
-
var wrapper = (0, _enzyme.mount)(
|
|
86
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
87
87
|
data: list
|
|
88
88
|
}));
|
|
89
89
|
expect(wrapper.find('.hi-stepper__item--up')).toHaveLength(0);
|
|
@@ -101,7 +101,7 @@ describe('stepper', function () {
|
|
|
101
101
|
}, {
|
|
102
102
|
title: '邮箱激活'
|
|
103
103
|
}];
|
|
104
|
-
var wrapper = (0, _enzyme.mount)(
|
|
104
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
105
105
|
list: list1
|
|
106
106
|
}));
|
|
107
107
|
expect(wrapper.find('li')).toHaveLength(2);
|
|
@@ -122,7 +122,7 @@ describe('stepper', function () {
|
|
|
122
122
|
title: '信息登记',
|
|
123
123
|
content: '请输入个人信息'
|
|
124
124
|
}];
|
|
125
|
-
var wrapper = (0, _enzyme.mount)(
|
|
125
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
126
126
|
list: list,
|
|
127
127
|
vertical: true
|
|
128
128
|
}));
|
|
@@ -147,7 +147,7 @@ describe('stepper', function () {
|
|
|
147
147
|
title: '信息登记',
|
|
148
148
|
content: '请输入个人信息'
|
|
149
149
|
}];
|
|
150
|
-
var wrapper = (0, _enzyme.mount)(
|
|
150
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_index["default"], {
|
|
151
151
|
list: list,
|
|
152
152
|
up: true
|
|
153
153
|
}));
|