@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/dropdown/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,13 +21,9 @@ var _Dropdown = _interopRequireDefault(require("./Dropdown"));
|
|
|
21
21
|
|
|
22
22
|
require("./style/index");
|
|
23
23
|
|
|
24
|
-
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); }
|
|
25
|
-
|
|
26
|
-
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; }
|
|
27
|
-
|
|
28
24
|
var prefixCls = 'hi-dropdown';
|
|
29
25
|
exports.prefixCls = prefixCls;
|
|
30
|
-
var CompatedDropdown =
|
|
26
|
+
var CompatedDropdown = (0, _react.forwardRef)(function (_ref, ref) {
|
|
31
27
|
var prefix = _ref.prefix,
|
|
32
28
|
suffix = _ref.suffix,
|
|
33
29
|
data = _ref.data,
|
|
@@ -36,7 +32,7 @@ var CompatedDropdown = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref)
|
|
|
36
32
|
var originData = [];
|
|
37
33
|
originData = list && !data ? (0, _toConsumableArray2["default"])(list) : (0, _toConsumableArray2["default"])(data);
|
|
38
34
|
originData = convertData(originData, prefix, suffix);
|
|
39
|
-
return
|
|
35
|
+
return _react["default"].createElement(_Dropdown["default"], (0, _extends2["default"])({
|
|
40
36
|
ref: ref,
|
|
41
37
|
data: originData
|
|
42
38
|
}, props));
|
|
@@ -56,15 +52,15 @@ function convertData(data) {
|
|
|
56
52
|
|
|
57
53
|
if (item.title !== '-') {
|
|
58
54
|
if (item.prefix) {
|
|
59
|
-
item.title =
|
|
55
|
+
item.title = _react["default"].createElement(_react.Fragment, null, item.prefix, " ", item.title);
|
|
60
56
|
} else {
|
|
61
|
-
item.title =
|
|
57
|
+
item.title = _react["default"].createElement(_react.Fragment, null, prefix, " ", item.title);
|
|
62
58
|
}
|
|
63
59
|
|
|
64
60
|
if (item.suffix && !item.children) {
|
|
65
|
-
item.title =
|
|
61
|
+
item.title = _react["default"].createElement(_react.Fragment, null, item.title, " ", item.suffix);
|
|
66
62
|
} else {
|
|
67
|
-
item.title =
|
|
63
|
+
item.title = _react["default"].createElement(_react.Fragment, null, item.title, " ", suffix);
|
|
68
64
|
}
|
|
69
65
|
}
|
|
70
66
|
|
|
@@ -25,13 +25,13 @@ var listIcons = [{
|
|
|
25
25
|
title: 'one'
|
|
26
26
|
}, {
|
|
27
27
|
title: 'two',
|
|
28
|
-
prefix:
|
|
28
|
+
prefix: _react["default"].createElement(_icon["default"], {
|
|
29
29
|
name: "add"
|
|
30
30
|
}) // 此 prefix 将会被替换为外部的 prefix
|
|
31
31
|
|
|
32
32
|
}, {
|
|
33
33
|
title: 'three',
|
|
34
|
-
suffix:
|
|
34
|
+
suffix: _react["default"].createElement(_icon["default"], {
|
|
35
35
|
name: "truck"
|
|
36
36
|
})
|
|
37
37
|
}];
|
|
@@ -42,7 +42,7 @@ describe('Dropdown', function () {
|
|
|
42
42
|
clickCallback.mockClear();
|
|
43
43
|
});
|
|
44
44
|
it('基础用法', function () {
|
|
45
|
-
wrapper = (0, _enzyme.mount)(
|
|
45
|
+
wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
46
46
|
list: list,
|
|
47
47
|
title: "\u7535\u5B50\u4EA7\u54C1",
|
|
48
48
|
onClick: clickCallback
|
|
@@ -55,12 +55,12 @@ describe('Dropdown', function () {
|
|
|
55
55
|
expect(clickCallback.mock.results[0].value).toBe('电脑');
|
|
56
56
|
});
|
|
57
57
|
it('按钮菜单', function () {
|
|
58
|
-
wrapper = (0, _enzyme.mount)(
|
|
58
|
+
wrapper = (0, _enzyme.mount)(_react["default"].createElement(_["default"], {
|
|
59
59
|
list: listIcons,
|
|
60
60
|
title: "\u6309\u94AE\u83DC\u5355",
|
|
61
61
|
type: "button",
|
|
62
62
|
onClick: clickCallback,
|
|
63
|
-
prefix:
|
|
63
|
+
prefix: _react["default"].createElement(_icon["default"], {
|
|
64
64
|
name: "list"
|
|
65
65
|
})
|
|
66
66
|
}));
|
package/es/ficon/index.js
CHANGED
|
@@ -11,26 +11,22 @@ 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
|
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
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); }; }
|
|
18
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
23
19
|
|
|
24
|
-
|
|
20
|
+
var _react = _interopRequireDefault(require("react"));
|
|
25
21
|
|
|
26
|
-
var Ficon =
|
|
22
|
+
var Ficon =
|
|
23
|
+
/*#__PURE__*/
|
|
24
|
+
function (_React$Component) {
|
|
27
25
|
(0, _inherits2["default"])(Ficon, _React$Component);
|
|
28
26
|
|
|
29
|
-
var _super = _createSuper(Ficon);
|
|
30
|
-
|
|
31
27
|
function Ficon() {
|
|
32
28
|
(0, _classCallCheck2["default"])(this, Ficon);
|
|
33
|
-
return
|
|
29
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Ficon).apply(this, arguments));
|
|
34
30
|
}
|
|
35
31
|
|
|
36
32
|
(0, _createClass2["default"])(Ficon, [{
|
|
@@ -41,7 +37,7 @@ var Ficon = /*#__PURE__*/function (_React$Component) {
|
|
|
41
37
|
name = _this$props.name,
|
|
42
38
|
style = _this$props.style;
|
|
43
39
|
var classes = "hi-fa fa-".concat(name, " ").concat(className || '');
|
|
44
|
-
return
|
|
40
|
+
return _react["default"].createElement("i", {
|
|
45
41
|
className: classes,
|
|
46
42
|
style: {
|
|
47
43
|
style: style
|
package/es/form/Form.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,36 +13,28 @@ 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"));
|
|
25
25
|
|
|
26
26
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
function
|
|
31
|
-
|
|
32
|
-
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); }; }
|
|
33
|
-
|
|
34
|
-
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; } }
|
|
35
|
-
|
|
36
|
-
var Form = /*#__PURE__*/function (_Component) {
|
|
28
|
+
var Form =
|
|
29
|
+
/*#__PURE__*/
|
|
30
|
+
function (_Component) {
|
|
37
31
|
(0, _inherits2["default"])(Form, _Component);
|
|
38
32
|
|
|
39
|
-
var _super = _createSuper(Form);
|
|
40
|
-
|
|
41
33
|
function Form(props) {
|
|
42
34
|
var _this;
|
|
43
35
|
|
|
44
36
|
(0, _classCallCheck2["default"])(this, Form);
|
|
45
|
-
_this =
|
|
37
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Form).call(this, props));
|
|
46
38
|
_this.state = {
|
|
47
39
|
fields: []
|
|
48
40
|
};
|
|
@@ -146,7 +138,7 @@ var Form = /*#__PURE__*/function (_Component) {
|
|
|
146
138
|
children = _this$props2.children,
|
|
147
139
|
className = _this$props2.className,
|
|
148
140
|
style = _this$props2.style;
|
|
149
|
-
return
|
|
141
|
+
return _react["default"].createElement("form", {
|
|
150
142
|
className: (0, _classnames["default"])('hi-form', className, this.getClassNames()),
|
|
151
143
|
style: style,
|
|
152
144
|
onSubmit: function onSubmit(e) {
|
package/es/form/Item.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,12 +15,12 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -31,24 +31,16 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
31
31
|
|
|
32
32
|
var _util = require("../_util");
|
|
33
33
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
function
|
|
37
|
-
|
|
38
|
-
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); }; }
|
|
39
|
-
|
|
40
|
-
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; } }
|
|
41
|
-
|
|
42
|
-
var FormItem = /*#__PURE__*/function (_Component) {
|
|
34
|
+
var FormItem =
|
|
35
|
+
/*#__PURE__*/
|
|
36
|
+
function (_Component) {
|
|
43
37
|
(0, _inherits2["default"])(FormItem, _Component);
|
|
44
38
|
|
|
45
|
-
var _super = _createSuper(FormItem);
|
|
46
|
-
|
|
47
39
|
function FormItem(props, context) {
|
|
48
40
|
var _this;
|
|
49
41
|
|
|
50
42
|
(0, _classCallCheck2["default"])(this, FormItem);
|
|
51
|
-
_this =
|
|
43
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(FormItem).call(this, props));
|
|
52
44
|
_this.state = {
|
|
53
45
|
error: '',
|
|
54
46
|
valid: false,
|
|
@@ -196,12 +188,6 @@ var FormItem = /*#__PURE__*/function (_Component) {
|
|
|
196
188
|
this.validate('onChange');
|
|
197
189
|
}
|
|
198
190
|
}
|
|
199
|
-
}, {
|
|
200
|
-
key: "labelWidth",
|
|
201
|
-
get: function get() {
|
|
202
|
-
var labelWidth = this.props.labelWidth || this.parent.props.labelWidth;
|
|
203
|
-
return this.parent.props.labelPosition === 'top' ? false : labelWidth && parseInt(labelWidth);
|
|
204
|
-
}
|
|
205
191
|
}, {
|
|
206
192
|
key: "render",
|
|
207
193
|
value: function render() {
|
|
@@ -225,22 +211,22 @@ var FormItem = /*#__PURE__*/function (_Component) {
|
|
|
225
211
|
obj['hi-form-item__error'] = error !== '';
|
|
226
212
|
obj['hi-form-item--validating'] = validating;
|
|
227
213
|
obj['hi-form-item--required'] = this.isRequired() || required;
|
|
228
|
-
return
|
|
214
|
+
return _react["default"].createElement("div", {
|
|
229
215
|
className: (0, _classnames["default"])('hi-form-item', className, obj),
|
|
230
216
|
style: style
|
|
231
|
-
}, label || label === '' ?
|
|
217
|
+
}, label || label === '' ? _react["default"].createElement("label", {
|
|
232
218
|
className: "hi-form-item__label",
|
|
233
219
|
style: {
|
|
234
220
|
width: this.labelWidth
|
|
235
221
|
}
|
|
236
|
-
}, typeof label === 'string' && label.trim() || label, shouldShowColon && colon) :
|
|
222
|
+
}, typeof label === 'string' && label.trim() || label, shouldShowColon && colon) : _react["default"].createElement("span", {
|
|
237
223
|
className: "hi-form-item__span",
|
|
238
224
|
style: {
|
|
239
225
|
width: this.labelWidth
|
|
240
226
|
}
|
|
241
|
-
}),
|
|
227
|
+
}), _react["default"].createElement("div", {
|
|
242
228
|
className: 'hi-form-item' + '__content'
|
|
243
|
-
}, Array.isArray(children) || !children ? children :
|
|
229
|
+
}, Array.isArray(children) || !children ? children : _react["default"].cloneElement(children, {
|
|
244
230
|
onChange: function onChange() {
|
|
245
231
|
var _children$props;
|
|
246
232
|
|
|
@@ -259,10 +245,16 @@ var FormItem = /*#__PURE__*/function (_Component) {
|
|
|
259
245
|
_this3.handleFieldBlur();
|
|
260
246
|
});
|
|
261
247
|
}
|
|
262
|
-
}),
|
|
248
|
+
}), _react["default"].createElement("div", {
|
|
263
249
|
className: "hi-form-item--msg__error"
|
|
264
250
|
}, error)));
|
|
265
251
|
}
|
|
252
|
+
}, {
|
|
253
|
+
key: "labelWidth",
|
|
254
|
+
get: function get() {
|
|
255
|
+
var labelWidth = this.props.labelWidth || this.parent.props.labelWidth;
|
|
256
|
+
return this.parent.props.labelPosition === 'top' ? false : labelWidth && parseInt(labelWidth);
|
|
257
|
+
}
|
|
266
258
|
}]);
|
|
267
259
|
return FormItem;
|
|
268
260
|
}(_react.Component);
|