@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/popover/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
|
|
@@ -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"));
|
|
@@ -35,24 +35,16 @@ var _popper = _interopRequireDefault(require("../popper"));
|
|
|
35
35
|
|
|
36
36
|
require("./style/index");
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
function
|
|
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 Popover = /*#__PURE__*/function (_Component) {
|
|
38
|
+
var Popover =
|
|
39
|
+
/*#__PURE__*/
|
|
40
|
+
function (_Component) {
|
|
47
41
|
(0, _inherits2["default"])(Popover, _Component);
|
|
48
42
|
|
|
49
|
-
var _super = _createSuper(Popover);
|
|
50
|
-
|
|
51
43
|
function Popover(props) {
|
|
52
44
|
var _this;
|
|
53
45
|
|
|
54
46
|
(0, _classCallCheck2["default"])(this, Popover);
|
|
55
|
-
_this =
|
|
47
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Popover).call(this, props));
|
|
56
48
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "unbindHover", true);
|
|
57
49
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handlePopperMouseOver", function () {
|
|
58
50
|
var trigger = _this.props.trigger;
|
|
@@ -74,7 +66,7 @@ var Popover = /*#__PURE__*/function (_Component) {
|
|
|
74
66
|
showPopper: false
|
|
75
67
|
};
|
|
76
68
|
_this.eventTarget = null;
|
|
77
|
-
_this.popperRef =
|
|
69
|
+
_this.popperRef = _react["default"].createRef();
|
|
78
70
|
_this.referenceRef = null;
|
|
79
71
|
_this.delayHidePopperTimer = null;
|
|
80
72
|
return _this;
|
|
@@ -181,18 +173,18 @@ var Popover = /*#__PURE__*/function (_Component) {
|
|
|
181
173
|
width = _this$props.width,
|
|
182
174
|
visible = _this$props.visible;
|
|
183
175
|
var showPopper = this.state.showPopper;
|
|
184
|
-
return
|
|
176
|
+
return _react["default"].createElement("div", {
|
|
185
177
|
className: (0, _classnames["default"])(className, 'hi-popover'),
|
|
186
178
|
style: style,
|
|
187
179
|
ref: function ref(node) {
|
|
188
180
|
_this5.popoverContainer = node;
|
|
189
181
|
}
|
|
190
|
-
},
|
|
182
|
+
}, _react["default"].cloneElement(_react["default"].Children.only(this.props.children), {
|
|
191
183
|
ref: function ref(el) {
|
|
192
184
|
_this5.referenceRef = el;
|
|
193
185
|
},
|
|
194
186
|
tabIndex: '0'
|
|
195
|
-
}),
|
|
187
|
+
}), _react["default"].createElement(_popper["default"], {
|
|
196
188
|
className: "hi-popover__popper",
|
|
197
189
|
show: [true, false].includes(visible) ? visible : showPopper,
|
|
198
190
|
attachEle: this.popoverContainer,
|
|
@@ -201,12 +193,12 @@ var Popover = /*#__PURE__*/function (_Component) {
|
|
|
201
193
|
width: width,
|
|
202
194
|
onMouseOver: this.handlePopperMouseOver,
|
|
203
195
|
onMouseOut: this.handlePopperMouseOut
|
|
204
|
-
},
|
|
196
|
+
}, _react["default"].createElement("div", {
|
|
205
197
|
ref: this.popperRef,
|
|
206
198
|
className: (0, _classnames["default"])('hi-popover-base', "hi-popover-".concat(placement))
|
|
207
|
-
}, title &&
|
|
199
|
+
}, title && _react["default"].createElement("div", {
|
|
208
200
|
className: "hi-popover__title"
|
|
209
|
-
}, title),
|
|
201
|
+
}, title), _react["default"].createElement("div", {
|
|
210
202
|
className: "hi-popover__content"
|
|
211
203
|
}, content))));
|
|
212
204
|
}
|
package/es/popper/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
|
|
@@ -13,13 +13,13 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
23
|
|
|
24
24
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
25
25
|
|
|
@@ -35,20 +35,14 @@ var _lodash = _interopRequireDefault(require("lodash"));
|
|
|
35
35
|
|
|
36
36
|
require("./style/index");
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
function
|
|
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 Popper = /*#__PURE__*/function (_Component) {
|
|
38
|
+
var Popper =
|
|
39
|
+
/*#__PURE__*/
|
|
40
|
+
function (_Component) {
|
|
47
41
|
(0, _inherits2["default"])(Popper, _Component);
|
|
48
42
|
|
|
49
|
-
var _super = _createSuper(Popper);
|
|
50
|
-
|
|
51
43
|
function Popper() {
|
|
44
|
+
var _getPrototypeOf2;
|
|
45
|
+
|
|
52
46
|
var _this;
|
|
53
47
|
|
|
54
48
|
(0, _classCallCheck2["default"])(this, Popper);
|
|
@@ -57,7 +51,7 @@ var Popper = /*#__PURE__*/function (_Component) {
|
|
|
57
51
|
args[_key] = arguments[_key];
|
|
58
52
|
}
|
|
59
53
|
|
|
60
|
-
_this =
|
|
54
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(Popper)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
61
55
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "container", undefined);
|
|
62
56
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "popperHeight", undefined);
|
|
63
57
|
return _this;
|
|
@@ -225,7 +219,7 @@ var Popper = /*#__PURE__*/function (_Component) {
|
|
|
225
219
|
var width = offset.width;
|
|
226
220
|
var left = offset.left + 'px';
|
|
227
221
|
var top = offset.top + 'px';
|
|
228
|
-
return
|
|
222
|
+
return _react["default"].createElement("div", {
|
|
229
223
|
className: (0, _classnames["default"])('hi-popper__container', {
|
|
230
224
|
'hi-popper__container--hide': !show
|
|
231
225
|
}),
|
|
@@ -234,7 +228,7 @@ var Popper = /*#__PURE__*/function (_Component) {
|
|
|
234
228
|
top: top,
|
|
235
229
|
zIndex: zIndex
|
|
236
230
|
}
|
|
237
|
-
},
|
|
231
|
+
}, _react["default"].createElement("div", {
|
|
238
232
|
ref: function ref(node) {
|
|
239
233
|
_this3.popperRef = node;
|
|
240
234
|
},
|
package/es/preview/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,14 +15,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
15
15
|
|
|
16
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
19
|
|
|
24
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
21
|
|
|
22
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
+
|
|
24
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
+
|
|
26
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
27
27
|
|
|
28
28
|
var _reactDom = require("react-dom");
|
|
@@ -39,28 +39,20 @@ var _loading = _interopRequireDefault(require("../loading"));
|
|
|
39
39
|
|
|
40
40
|
require("./style/index.js");
|
|
41
41
|
|
|
42
|
-
function
|
|
43
|
-
|
|
44
|
-
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; }
|
|
45
|
-
|
|
46
|
-
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; }
|
|
42
|
+
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; }
|
|
47
43
|
|
|
48
44
|
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; }
|
|
49
45
|
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
function
|
|
53
|
-
|
|
54
|
-
var Preview = /*#__PURE__*/function (_Component) {
|
|
46
|
+
var Preview =
|
|
47
|
+
/*#__PURE__*/
|
|
48
|
+
function (_Component) {
|
|
55
49
|
(0, _inherits2["default"])(Preview, _Component);
|
|
56
50
|
|
|
57
|
-
var _super = _createSuper(Preview);
|
|
58
|
-
|
|
59
51
|
function Preview(props) {
|
|
60
52
|
var _this;
|
|
61
53
|
|
|
62
54
|
(0, _classCallCheck2["default"])(this, Preview);
|
|
63
|
-
_this =
|
|
55
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Preview).call(this, props));
|
|
64
56
|
_this.state = {
|
|
65
57
|
extraClass: '',
|
|
66
58
|
style: {
|
|
@@ -85,8 +77,8 @@ var Preview = /*#__PURE__*/function (_Component) {
|
|
|
85
77
|
};
|
|
86
78
|
_this.node = document.createElement('div');
|
|
87
79
|
document.body.appendChild(_this.node);
|
|
88
|
-
_this.imgRef =
|
|
89
|
-
_this.previewRef =
|
|
80
|
+
_this.imgRef = _react["default"].createRef();
|
|
81
|
+
_this.previewRef = _react["default"].createRef();
|
|
90
82
|
_this.handleMouseDown = _this.handleMouseDown.bind((0, _assertThisInitialized2["default"])(_this));
|
|
91
83
|
_this.handleMouseMove = _this.handleMouseMove.bind((0, _assertThisInitialized2["default"])(_this));
|
|
92
84
|
_this.handleMouseUp = _this.handleMouseUp.bind((0, _assertThisInitialized2["default"])(_this));
|
|
@@ -304,7 +296,8 @@ var Preview = /*#__PURE__*/function (_Component) {
|
|
|
304
296
|
|
|
305
297
|
var _this$props = this.props,
|
|
306
298
|
images = _this$props.images,
|
|
307
|
-
simpleData = _this$props.simpleData
|
|
299
|
+
simpleData = _this$props.simpleData,
|
|
300
|
+
onError = _this$props.onError;
|
|
308
301
|
|
|
309
302
|
if (!images || images.length === 0) {
|
|
310
303
|
return;
|
|
@@ -330,6 +323,15 @@ var Preview = /*#__PURE__*/function (_Component) {
|
|
|
330
323
|
_this4.getImgWidthHeight(img.width, img.height);
|
|
331
324
|
};
|
|
332
325
|
|
|
326
|
+
img.onerror = function () {
|
|
327
|
+
_this4.setState({
|
|
328
|
+
activeIndex: imageIndex,
|
|
329
|
+
isLoaded: true
|
|
330
|
+
});
|
|
331
|
+
|
|
332
|
+
_this4.props.visible && onError && onError(imageIndex);
|
|
333
|
+
};
|
|
334
|
+
|
|
333
335
|
img.src = simpleData ? currentImage : currentImage.url;
|
|
334
336
|
}
|
|
335
337
|
}, {
|
|
@@ -433,19 +435,19 @@ var Preview = /*#__PURE__*/function (_Component) {
|
|
|
433
435
|
return null;
|
|
434
436
|
}
|
|
435
437
|
|
|
436
|
-
return
|
|
438
|
+
return (0, _reactDom.createPortal)(_react["default"].createElement(_reactAddonsCssTransitionGroup["default"], {
|
|
437
439
|
transitionName: "hi-preview",
|
|
438
440
|
transitionEnterTimeout: 50,
|
|
439
441
|
transitionLeaveTimeout: 50,
|
|
440
442
|
component: "div"
|
|
441
|
-
},
|
|
443
|
+
}, _react["default"].createElement("div", {
|
|
442
444
|
key: 1,
|
|
443
445
|
ref: this.previewRef,
|
|
444
446
|
className: (0, _classnames["default"])('hi-preview', extraClass, {
|
|
445
447
|
'hi-preview--hide': !visible
|
|
446
448
|
}),
|
|
447
449
|
onMouseMove: this.handleMouseMove
|
|
448
|
-
}, isLoaded ?
|
|
450
|
+
}, isLoaded ? _react["default"].createElement("img", {
|
|
449
451
|
ref: this.imgRef,
|
|
450
452
|
src: simpleData ? images[activeIndex] : images[activeIndex].url,
|
|
451
453
|
style: _objectSpread({}, compileStyle),
|
|
@@ -454,50 +456,50 @@ var Preview = /*#__PURE__*/function (_Component) {
|
|
|
454
456
|
onMouseEnter: this.imageMouseOver,
|
|
455
457
|
onMouseLeave: this.imageMouseOut,
|
|
456
458
|
className: "hi-preview__image"
|
|
457
|
-
}) :
|
|
459
|
+
}) : _react["default"].createElement(_loading["default"], {
|
|
458
460
|
size: "small"
|
|
459
|
-
}), showBar &&
|
|
461
|
+
}), showBar && _react["default"].createElement("div", {
|
|
460
462
|
className: "hi-preview-toolbar",
|
|
461
463
|
onClick: function onClick(e) {
|
|
462
464
|
e.stopPropagation();
|
|
463
465
|
}
|
|
464
|
-
},
|
|
466
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
465
467
|
name: "zoom-out",
|
|
466
468
|
onClick: this.clickEvent.bind(this, 'zoomOut')
|
|
467
|
-
}),
|
|
469
|
+
}), _react["default"].createElement(_icon["default"], {
|
|
468
470
|
name: "zoom-in",
|
|
469
471
|
onClick: this.clickEvent.bind(this, 'zoomIn')
|
|
470
|
-
}),
|
|
472
|
+
}), _react["default"].createElement(_icon["default"], {
|
|
471
473
|
name: "left",
|
|
472
474
|
onClick: this.clickEvent.bind(this, 'prev')
|
|
473
|
-
}),
|
|
475
|
+
}), _react["default"].createElement(_icon["default"], {
|
|
474
476
|
name: "ratio",
|
|
475
477
|
onClick: this.clickEvent.bind(this, 'reset')
|
|
476
|
-
}),
|
|
478
|
+
}), _react["default"].createElement(_icon["default"], {
|
|
477
479
|
name: "right",
|
|
478
480
|
onClick: this.clickEvent.bind(this, 'next')
|
|
479
|
-
}),
|
|
481
|
+
}), _react["default"].createElement(_icon["default"], {
|
|
480
482
|
name: "rotate-left",
|
|
481
483
|
onClick: this.clickEvent.bind(this, 'leftRotate')
|
|
482
|
-
}),
|
|
484
|
+
}), _react["default"].createElement(_icon["default"], {
|
|
483
485
|
name: "rotate-right",
|
|
484
486
|
onClick: this.clickEvent.bind(this, 'rightRotate')
|
|
485
|
-
})),
|
|
487
|
+
})), _react["default"].createElement("div", {
|
|
486
488
|
className: "hi-preview__close",
|
|
487
489
|
onClick: this.onClose.bind(this)
|
|
488
|
-
},
|
|
490
|
+
}, _react["default"].createElement("img", {
|
|
489
491
|
src: "data:image/png;base64,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"
|
|
490
|
-
})), showArrow &&
|
|
492
|
+
})), showArrow && _react["default"].createElement("div", {
|
|
491
493
|
className: "hi-preview__wrapper-arrow"
|
|
492
|
-
},
|
|
494
|
+
}, _react["default"].createElement(_icon["default"], {
|
|
493
495
|
name: "left",
|
|
494
496
|
onClick: this.clickEvent.bind(this, 'prev')
|
|
495
|
-
}),
|
|
497
|
+
}), _react["default"].createElement(_icon["default"], {
|
|
496
498
|
name: "right",
|
|
497
499
|
onClick: this.clickEvent.bind(this, 'next')
|
|
498
|
-
})), showCount &&
|
|
500
|
+
})), showCount && _react["default"].createElement("div", {
|
|
499
501
|
className: "hi-preview__count"
|
|
500
|
-
},
|
|
502
|
+
}, _react["default"].createElement("span", null, activeIndex + 1), "\xA0/\xA0", _react["default"].createElement("span", null, images.length)))), this.node);
|
|
501
503
|
}
|
|
502
504
|
}]);
|
|
503
505
|
return Preview;
|
|
@@ -11,13 +11,13 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
11
11
|
|
|
12
12
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
13
|
|
|
14
|
-
var
|
|
14
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _getPrototypeOf3 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
21
|
|
|
22
22
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
|
|
@@ -25,16 +25,14 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
25
25
|
|
|
26
26
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
var BarProgress = /*#__PURE__*/function (_React$Component) {
|
|
28
|
+
var BarProgress =
|
|
29
|
+
/*#__PURE__*/
|
|
30
|
+
function (_React$Component) {
|
|
33
31
|
(0, _inherits2["default"])(BarProgress, _React$Component);
|
|
34
32
|
|
|
35
|
-
var _super = _createSuper(BarProgress);
|
|
36
|
-
|
|
37
33
|
function BarProgress() {
|
|
34
|
+
var _getPrototypeOf2;
|
|
35
|
+
|
|
38
36
|
var _this;
|
|
39
37
|
|
|
40
38
|
(0, _classCallCheck2["default"])(this, BarProgress);
|
|
@@ -43,8 +41,8 @@ var BarProgress = /*#__PURE__*/function (_React$Component) {
|
|
|
43
41
|
args[_key] = arguments[_key];
|
|
44
42
|
}
|
|
45
43
|
|
|
46
|
-
_this =
|
|
47
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "textRef",
|
|
44
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(BarProgress)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
45
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "textRef", _react["default"].createRef());
|
|
48
46
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
49
47
|
insidePlacement: 'right'
|
|
50
48
|
});
|
|
@@ -102,21 +100,21 @@ var BarProgress = /*#__PURE__*/function (_React$Component) {
|
|
|
102
100
|
tooltip = _this$props3$tooltip === void 0 ? null : _this$props3$tooltip,
|
|
103
101
|
active = _this$props3.active;
|
|
104
102
|
var percent = percentNum > 0 ? percentNum : 0;
|
|
105
|
-
return
|
|
103
|
+
return _react["default"].createElement("div", null, _react["default"].createElement("div", {
|
|
106
104
|
className: "".concat(prefix, "__inner"),
|
|
107
105
|
style: {
|
|
108
106
|
width: this.getWidth() + 'px',
|
|
109
107
|
height: this.getHeight() + 'px'
|
|
110
108
|
}
|
|
111
|
-
},
|
|
109
|
+
}, _react["default"].createElement("div", {
|
|
112
110
|
className: (0, _classnames["default"])("".concat(prefix, "__bar ").concat(prefix, "__bar--").concat(type), (0, _defineProperty2["default"])({}, "".concat(prefix, "__bar--active"), active)),
|
|
113
111
|
style: {
|
|
114
112
|
width: "".concat(percent, "%")
|
|
115
113
|
}
|
|
116
|
-
}, showInfo && placement === 'inside' && this.getHeight() >= 14 &&
|
|
114
|
+
}, showInfo && placement === 'inside' && this.getHeight() >= 14 && _react["default"].createElement("div", {
|
|
117
115
|
ref: this.textRef,
|
|
118
116
|
className: "".concat(prefix, "__text--inside inside--").concat(this.state.insidePlacement)
|
|
119
|
-
}, content || "".concat(percent, "%")), tooltip)), showInfo && placement === 'outside' &&
|
|
117
|
+
}, content || "".concat(percent, "%")), tooltip)), showInfo && placement === 'outside' && _react["default"].createElement("div", {
|
|
120
118
|
className: "".concat(prefix, "__text ").concat(prefix, "__text--").concat(type)
|
|
121
119
|
}, content || "".concat(percent, "%")));
|
|
122
120
|
}
|
|
@@ -20,20 +20,20 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
20
20
|
var radius = radiusThis > 0 ? radiusThis : 40;
|
|
21
21
|
var totalRadiusWidth = radius + 10;
|
|
22
22
|
var strokeDash = radius * 2 * Math.PI;
|
|
23
|
-
return
|
|
23
|
+
return _react["default"].createElement("div", {
|
|
24
24
|
className: "".concat(prefix, "__svg"),
|
|
25
25
|
style: {
|
|
26
26
|
width: radius * 2,
|
|
27
27
|
height: radius * 2
|
|
28
28
|
}
|
|
29
|
-
},
|
|
29
|
+
}, _react["default"].createElement("svg", {
|
|
30
30
|
viewBox: "0 0 ".concat(totalRadiusWidth * 2, " ").concat(totalRadiusWidth * 2)
|
|
31
|
-
},
|
|
31
|
+
}, _react["default"].createElement("circle", {
|
|
32
32
|
cx: totalRadiusWidth,
|
|
33
33
|
cy: totalRadiusWidth,
|
|
34
34
|
r: radius,
|
|
35
35
|
className: "".concat(prefix, "__svgbackground")
|
|
36
|
-
}),
|
|
36
|
+
}), _react["default"].createElement("circle", {
|
|
37
37
|
cx: totalRadiusWidth,
|
|
38
38
|
cy: totalRadiusWidth,
|
|
39
39
|
r: radius,
|
|
@@ -41,7 +41,7 @@ var CircleProgress = function CircleProgress(props) {
|
|
|
41
41
|
strokeDasharray: "".concat(strokeDash, " ").concat(strokeDash),
|
|
42
42
|
strokeDashoffset: "".concat(strokeDash * ((100 - percent) / 100)),
|
|
43
43
|
strokeLinecap: "round"
|
|
44
|
-
})), showInfo &&
|
|
44
|
+
})), showInfo && _react["default"].createElement("div", {
|
|
45
45
|
className: "".concat(prefix, "__text ").concat(prefix, "__text--").concat(type)
|
|
46
46
|
}, content || "".concat(percent, "%")));
|
|
47
47
|
};
|
|
@@ -33,26 +33,26 @@ var DashboardProgress = function DashboardProgress(props) {
|
|
|
33
33
|
transition: 'stroke-dashoffset 0.3s ease 0s, stroke 0.3s ease',
|
|
34
34
|
fill: '#fff'
|
|
35
35
|
};
|
|
36
|
-
return
|
|
36
|
+
return _react["default"].createElement("div", {
|
|
37
37
|
className: "".concat(prefix, "__svg ").concat(prefix, "__svg_dashboard"),
|
|
38
38
|
style: {
|
|
39
39
|
width: radius * 2,
|
|
40
40
|
height: radius * 2
|
|
41
41
|
}
|
|
42
|
-
},
|
|
42
|
+
}, _react["default"].createElement("svg", {
|
|
43
43
|
viewBox: "0 0 ".concat(totalRadiusWidth * 2, " ").concat(totalRadiusWidth * 2)
|
|
44
|
-
},
|
|
44
|
+
}, _react["default"].createElement("path", {
|
|
45
45
|
className: "".concat(prefix, "__svgbackground"),
|
|
46
46
|
d: pathString,
|
|
47
47
|
fillOpacity: "0",
|
|
48
48
|
strokeLinecap: "round",
|
|
49
49
|
style: trailPathStyle
|
|
50
|
-
}),
|
|
50
|
+
}), _react["default"].createElement("path", {
|
|
51
51
|
className: "".concat(prefix, "__dashboard ").concat(prefix, "__dashboard--").concat(status),
|
|
52
52
|
d: pathString,
|
|
53
53
|
strokeLinecap: "round",
|
|
54
54
|
style: strokePathStyle
|
|
55
|
-
})), showInfo &&
|
|
55
|
+
})), showInfo && _react["default"].createElement("div", {
|
|
56
56
|
className: "".concat(prefix, "__text ").concat(prefix, "__text--").concat(status)
|
|
57
57
|
}, content || "".concat(percent, "%")));
|
|
58
58
|
};
|
package/es/progress/Progress.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,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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
23
|
|
|
24
24
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -35,22 +35,14 @@ var _DashboardProgress = require("./DashboardProgress");
|
|
|
35
35
|
|
|
36
36
|
var _context = _interopRequireDefault(require("../context"));
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
function
|
|
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 Progress = /*#__PURE__*/function (_Component) {
|
|
38
|
+
var Progress =
|
|
39
|
+
/*#__PURE__*/
|
|
40
|
+
function (_Component) {
|
|
47
41
|
(0, _inherits2["default"])(Progress, _Component);
|
|
48
42
|
|
|
49
|
-
var _super = _createSuper(Progress);
|
|
50
|
-
|
|
51
43
|
function Progress() {
|
|
52
44
|
(0, _classCallCheck2["default"])(this, Progress);
|
|
53
|
-
return
|
|
45
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Progress).apply(this, arguments));
|
|
54
46
|
}
|
|
55
47
|
|
|
56
48
|
(0, _createClass2["default"])(Progress, [{
|
|
@@ -58,13 +50,13 @@ var Progress = /*#__PURE__*/function (_Component) {
|
|
|
58
50
|
value: function getRenderType(apperance) {
|
|
59
51
|
switch (apperance) {
|
|
60
52
|
case 'circle':
|
|
61
|
-
return
|
|
53
|
+
return _react["default"].createElement(_CircleProgress.CircleProgress, this.props);
|
|
62
54
|
|
|
63
55
|
case 'dashboard':
|
|
64
|
-
return
|
|
56
|
+
return _react["default"].createElement(_DashboardProgress.DashboardProgress, this.props);
|
|
65
57
|
|
|
66
58
|
default:
|
|
67
|
-
return
|
|
59
|
+
return _react["default"].createElement(_BarProgress["default"], this.props);
|
|
68
60
|
}
|
|
69
61
|
}
|
|
70
62
|
}, {
|
|
@@ -76,7 +68,7 @@ var Progress = /*#__PURE__*/function (_Component) {
|
|
|
76
68
|
className = _this$props$className === void 0 ? '' : _this$props$className,
|
|
77
69
|
apperance = _this$props.apperance,
|
|
78
70
|
theme = _this$props.theme;
|
|
79
|
-
return
|
|
71
|
+
return _react["default"].createElement("div", {
|
|
80
72
|
className: "".concat(prefix, "__container ").concat(className, " theme__").concat(theme)
|
|
81
73
|
}, this.getRenderType(apperance));
|
|
82
74
|
}
|