@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/upload/UploadPhoto.js
CHANGED
|
@@ -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 = _interopRequireDefault(require("react"));
|
|
23
23
|
|
|
24
24
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
@@ -29,24 +29,20 @@ var _preview = _interopRequireDefault(require("../preview"));
|
|
|
29
29
|
|
|
30
30
|
var _icon = _interopRequireDefault(require("../icon"));
|
|
31
31
|
|
|
32
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly)
|
|
32
|
+
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; }
|
|
33
33
|
|
|
34
34
|
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; }
|
|
35
35
|
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
var UploadPhoto = /*#__PURE__*/function (_Upload) {
|
|
36
|
+
var UploadPhoto =
|
|
37
|
+
/*#__PURE__*/
|
|
38
|
+
function (_Upload) {
|
|
41
39
|
(0, _inherits2["default"])(UploadPhoto, _Upload);
|
|
42
40
|
|
|
43
|
-
var _super = _createSuper(UploadPhoto);
|
|
44
|
-
|
|
45
41
|
function UploadPhoto(props) {
|
|
46
42
|
var _this;
|
|
47
43
|
|
|
48
44
|
(0, _classCallCheck2["default"])(this, UploadPhoto);
|
|
49
|
-
_this =
|
|
45
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(UploadPhoto).call(this, props));
|
|
50
46
|
_this.state = Object.assign({
|
|
51
47
|
uploading: false,
|
|
52
48
|
progressNumber: 0,
|
|
@@ -120,7 +116,7 @@ var UploadPhoto = /*#__PURE__*/function (_Upload) {
|
|
|
120
116
|
url: file.url
|
|
121
117
|
};
|
|
122
118
|
});
|
|
123
|
-
return
|
|
119
|
+
return _react["default"].createElement("div", {
|
|
124
120
|
className: (0, _classnames["default"])('hi-upload hi-upload--photo', "theme__".concat(theme), {
|
|
125
121
|
'hi-upload--disabled': disabled
|
|
126
122
|
}),
|
|
@@ -129,30 +125,30 @@ var UploadPhoto = /*#__PURE__*/function (_Upload) {
|
|
|
129
125
|
_this2.uploadRef.value = '';
|
|
130
126
|
}
|
|
131
127
|
}
|
|
132
|
-
}, this.outMaxsizeTip(),
|
|
128
|
+
}, this.outMaxsizeTip(), _react["default"].createElement("ul", {
|
|
133
129
|
className: "hi-upload__list"
|
|
134
130
|
}, fileList.map(function (file, index) {
|
|
135
131
|
if (file.uploadState === 'loading') {
|
|
136
|
-
return
|
|
132
|
+
return _react["default"].createElement("li", {
|
|
137
133
|
key: index,
|
|
138
134
|
className: (0, _classnames["default"])('hi-upload__item', "hi-upload__item--".concat(photoSize))
|
|
139
|
-
},
|
|
135
|
+
}, _react["default"].createElement("img", {
|
|
140
136
|
src: file.url,
|
|
141
137
|
className: "hi-upload__thumb"
|
|
142
|
-
}),
|
|
138
|
+
}), _react["default"].createElement("div", {
|
|
143
139
|
className: (0, _classnames["default"])('hi-upload__precent', "hi-upload__precent--".concat(photoSize))
|
|
144
|
-
},
|
|
140
|
+
}, _react["default"].createElement("p", {
|
|
145
141
|
className: "hi-upload__loading-text"
|
|
146
|
-
}, file.progressNumber ? file.progressNumber < 100 ? file.progressNumber + '%' : localeDatas.upload.uploadSuccess : 0 + '%'),
|
|
142
|
+
}, file.progressNumber ? file.progressNumber < 100 ? file.progressNumber + '%' : localeDatas.upload.uploadSuccess : 0 + '%'), _react["default"].createElement("div", {
|
|
147
143
|
className: "hi-upload__loading-bar",
|
|
148
144
|
style: {
|
|
149
145
|
width: file.progressNumber * _this2.precentNum() + 'px'
|
|
150
146
|
}
|
|
151
|
-
}),
|
|
147
|
+
}), _react["default"].createElement("div", {
|
|
152
148
|
className: "hi-upload__loading-shadow"
|
|
153
149
|
})));
|
|
154
150
|
} else {
|
|
155
|
-
return
|
|
151
|
+
return _react["default"].createElement("li", {
|
|
156
152
|
key: index,
|
|
157
153
|
className: (0, _classnames["default"])('hi-upload__item', "hi-upload__item--".concat(photoSize)),
|
|
158
154
|
style: {
|
|
@@ -161,10 +157,10 @@ var UploadPhoto = /*#__PURE__*/function (_Upload) {
|
|
|
161
157
|
onClick: function onClick() {
|
|
162
158
|
return _this2.previewImage(file, index);
|
|
163
159
|
}
|
|
164
|
-
},
|
|
160
|
+
}, _react["default"].createElement("img", {
|
|
165
161
|
src: file.url,
|
|
166
162
|
className: "hi-upload__thumb ".concat(file.uploadState === 'error' && 'error')
|
|
167
|
-
}), onRemove &&
|
|
163
|
+
}), onRemove && _react["default"].createElement(_icon["default"], {
|
|
168
164
|
name: "close-circle",
|
|
169
165
|
className: "hi-upload__photo-del",
|
|
170
166
|
onClick: function onClick(e) {
|
|
@@ -172,17 +168,17 @@ var UploadPhoto = /*#__PURE__*/function (_Upload) {
|
|
|
172
168
|
|
|
173
169
|
_this2.deleteFile(file, index);
|
|
174
170
|
}
|
|
175
|
-
}), file.uploadState === 'error' &&
|
|
171
|
+
}), file.uploadState === 'error' && _react["default"].createElement("div", {
|
|
176
172
|
className: "hi-upload__item--photo-error"
|
|
177
173
|
}, localeDatas.upload.uploadFailed));
|
|
178
174
|
}
|
|
179
|
-
}), !fileCountLimted &&
|
|
175
|
+
}), !fileCountLimted && _react["default"].createElement("li", {
|
|
180
176
|
className: (0, _classnames["default"])('hi-upload__item', 'hi-upload__item--upload', "hi-upload__item--".concat(photoSize))
|
|
181
|
-
},
|
|
177
|
+
}, _react["default"].createElement("label", {
|
|
182
178
|
style: {
|
|
183
179
|
display: 'block'
|
|
184
180
|
}
|
|
185
|
-
},
|
|
181
|
+
}, _react["default"].createElement("input", {
|
|
186
182
|
ref: function ref(node) {
|
|
187
183
|
_this2.uploadRef = node;
|
|
188
184
|
},
|
|
@@ -193,9 +189,9 @@ var UploadPhoto = /*#__PURE__*/function (_Upload) {
|
|
|
193
189
|
return _this2.uploadFiles(e.target.files);
|
|
194
190
|
},
|
|
195
191
|
hidden: true
|
|
196
|
-
}),
|
|
192
|
+
}), _react["default"].createElement(_icon["default"], {
|
|
197
193
|
name: "plus"
|
|
198
|
-
})))), showModal &&
|
|
194
|
+
})))), showModal && _react["default"].createElement(_preview["default"] // src={previewFile.url}
|
|
199
195
|
, {
|
|
200
196
|
images: images,
|
|
201
197
|
activeIndex: activeIndex,
|
|
@@ -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
|
|
|
@@ -31,20 +31,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
|
|
|
31
31
|
|
|
32
32
|
var _button = _interopRequireDefault(require("../button"));
|
|
33
33
|
|
|
34
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly)
|
|
34
|
+
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; }
|
|
35
35
|
|
|
36
36
|
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; }
|
|
37
37
|
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
var UploadPictureCard = /*#__PURE__*/function (_Upload) {
|
|
38
|
+
var UploadPictureCard =
|
|
39
|
+
/*#__PURE__*/
|
|
40
|
+
function (_Upload) {
|
|
43
41
|
(0, _inherits2["default"])(UploadPictureCard, _Upload);
|
|
44
42
|
|
|
45
|
-
var _super = _createSuper(UploadPictureCard);
|
|
46
|
-
|
|
47
43
|
function UploadPictureCard() {
|
|
44
|
+
var _getPrototypeOf2;
|
|
45
|
+
|
|
48
46
|
var _this;
|
|
49
47
|
|
|
50
48
|
(0, _classCallCheck2["default"])(this, UploadPictureCard);
|
|
@@ -53,7 +51,7 @@ var UploadPictureCard = /*#__PURE__*/function (_Upload) {
|
|
|
53
51
|
args[_key] = arguments[_key];
|
|
54
52
|
}
|
|
55
53
|
|
|
56
|
-
_this =
|
|
54
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf3["default"])(UploadPictureCard)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
57
55
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleButtonClick", function () {
|
|
58
56
|
_this.uploadRef.value = '';
|
|
59
57
|
|
|
@@ -80,9 +78,9 @@ var UploadPictureCard = /*#__PURE__*/function (_Upload) {
|
|
|
80
78
|
var _this$state = this.state,
|
|
81
79
|
fileList = _this$state.fileList,
|
|
82
80
|
fileCountLimted = _this$state.fileCountLimted;
|
|
83
|
-
return
|
|
81
|
+
return _react["default"].createElement("div", {
|
|
84
82
|
className: "hi-upload hi-upload--picture-card theme__".concat(theme)
|
|
85
|
-
}, this.outMaxsizeTip(),
|
|
83
|
+
}, this.outMaxsizeTip(), _react["default"].createElement("div", null, _react["default"].createElement("label", null, _react["default"].createElement("input", {
|
|
86
84
|
ref: function ref(node) {
|
|
87
85
|
_this2.uploadRef = node;
|
|
88
86
|
},
|
|
@@ -95,26 +93,26 @@ var UploadPictureCard = /*#__PURE__*/function (_Upload) {
|
|
|
95
93
|
disabled: (disabled || fileCountLimted) && 'disabled',
|
|
96
94
|
accept: accept,
|
|
97
95
|
hidden: true
|
|
98
|
-
}),
|
|
96
|
+
}), _react["default"].createElement(_button["default"], {
|
|
99
97
|
type: "primary",
|
|
100
98
|
disabled: disabled || fileCountLimted,
|
|
101
99
|
onClick: this.handleButtonClick
|
|
102
|
-
}, content || localeDatas.upload.buttonText))), showUploadList &&
|
|
100
|
+
}, content || localeDatas.upload.buttonText))), showUploadList && _react["default"].createElement("ul", {
|
|
103
101
|
className: "hi-upload__list"
|
|
104
102
|
}, fileList.map(function (file, index) {
|
|
105
103
|
var fileNameCls = (0, _classnames["default"])('hi-upload__filename', file.uploadState === 'error' && 'hi-upload__filename--error');
|
|
106
104
|
var itemCls = (0, _classnames["default"])('hi-upload__item', file.uploadState === 'error' && 'hi-upload__item--error');
|
|
107
|
-
return
|
|
105
|
+
return _react["default"].createElement("li", {
|
|
108
106
|
key: index,
|
|
109
107
|
title: file.name,
|
|
110
108
|
className: itemCls
|
|
111
|
-
},
|
|
109
|
+
}, _react["default"].createElement("div", {
|
|
112
110
|
className: "img-wrap"
|
|
113
|
-
},
|
|
111
|
+
}, _react["default"].createElement("img", {
|
|
114
112
|
src: file.url
|
|
115
|
-
})),
|
|
113
|
+
})), _react["default"].createElement("div", {
|
|
116
114
|
className: "hi-upload__right-content"
|
|
117
|
-
},
|
|
115
|
+
}, _react["default"].createElement("a", {
|
|
118
116
|
target: "_blank",
|
|
119
117
|
href: file.url || null,
|
|
120
118
|
className: fileNameCls,
|
|
@@ -125,14 +123,14 @@ var UploadPictureCard = /*#__PURE__*/function (_Upload) {
|
|
|
125
123
|
onDownload(file);
|
|
126
124
|
}
|
|
127
125
|
}
|
|
128
|
-
}, file.name),
|
|
126
|
+
}, file.name), _react["default"].createElement("span", null, onRemove && _react["default"].createElement(_icon["default"], {
|
|
129
127
|
name: file.uploadState === 'loading' ? 'close' : 'delete',
|
|
130
128
|
onClick: function onClick() {
|
|
131
129
|
return _this2.deleteFile(file, index);
|
|
132
130
|
}
|
|
133
|
-
})), file.uploadState === 'loading' &&
|
|
131
|
+
})), file.uploadState === 'loading' && _react["default"].createElement("div", {
|
|
134
132
|
className: "hi-upload__upstatus"
|
|
135
|
-
},
|
|
133
|
+
}, _react["default"].createElement("i", {
|
|
136
134
|
className: "hi-upload__upstatus-line",
|
|
137
135
|
style: {
|
|
138
136
|
width: file.progressNumber + '%'
|
|
@@ -50,8 +50,8 @@ describe('Upload', function () {
|
|
|
50
50
|
});
|
|
51
51
|
describe('PropTypes', function () {
|
|
52
52
|
it('type', function () {
|
|
53
|
-
var wrapper = (0, _enzyme.mount)(
|
|
54
|
-
return
|
|
53
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", null, types.map(function (type, index) {
|
|
54
|
+
return _react["default"].createElement(_main["default"], {
|
|
55
55
|
type: type,
|
|
56
56
|
key: index,
|
|
57
57
|
localeDatas: localeDatas
|
|
@@ -72,7 +72,7 @@ describe('Upload', function () {
|
|
|
72
72
|
});
|
|
73
73
|
it('accept', function () {
|
|
74
74
|
types.forEach(function (type) {
|
|
75
|
-
var wrapper = (0, _enzyme.mount)(
|
|
75
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
76
76
|
accept: "image/png",
|
|
77
77
|
type: type,
|
|
78
78
|
localeDatas: localeDatas
|
|
@@ -83,7 +83,7 @@ describe('Upload', function () {
|
|
|
83
83
|
});
|
|
84
84
|
it('disabled', function () {
|
|
85
85
|
types.forEach(function (type) {
|
|
86
|
-
var wrapper = (0, _enzyme.mount)(
|
|
86
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
87
87
|
disabled: true,
|
|
88
88
|
type: type,
|
|
89
89
|
localeDatas: localeDatas
|
|
@@ -126,7 +126,7 @@ describe('Upload', function () {
|
|
|
126
126
|
});
|
|
127
127
|
});
|
|
128
128
|
it('loading', function () {
|
|
129
|
-
var wrapper = (0, _enzyme.mount)(
|
|
129
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
130
130
|
disabled: true,
|
|
131
131
|
localeDatas: localeDatas
|
|
132
132
|
}));
|
|
@@ -138,7 +138,7 @@ describe('Upload', function () {
|
|
|
138
138
|
wrapper.unmount();
|
|
139
139
|
});
|
|
140
140
|
it('content', function () {
|
|
141
|
-
var wrapper = (0, _enzyme.mount)(
|
|
141
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
142
142
|
localeDatas: localeDatas
|
|
143
143
|
}));
|
|
144
144
|
expect(wrapper.find('.hi-upload').find('button').text()).toEqual('本地上传');
|
|
@@ -186,7 +186,7 @@ describe('Upload', function () {
|
|
|
186
186
|
}];
|
|
187
187
|
fileTypes.map(function (ft) {
|
|
188
188
|
var mockFile = new File(['foo'], "foo.".concat(ft.type));
|
|
189
|
-
var wrapper = (0, _enzyme.mount)(
|
|
189
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
190
190
|
localeDatas: localeDatas,
|
|
191
191
|
uploadAction: "https://www.mocky.io/v2/5dc3b4413000007600347501"
|
|
192
192
|
}));
|
|
@@ -201,7 +201,7 @@ describe('Upload', function () {
|
|
|
201
201
|
});
|
|
202
202
|
it('can upload', function () {
|
|
203
203
|
var mockFile = new File(['foo'], 'foo.jpg');
|
|
204
|
-
var wrapper = (0, _enzyme.mount)(
|
|
204
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
205
205
|
localeDatas: localeDatas,
|
|
206
206
|
uploadAction: "https://www.mocky.io/v2/5dc3b4413000007600347501"
|
|
207
207
|
}));
|
|
@@ -219,7 +219,7 @@ describe('Upload', function () {
|
|
|
219
219
|
var mockFile = new File(['foo'], 'foo.txt', {
|
|
220
220
|
type: 'text/plain'
|
|
221
221
|
});
|
|
222
|
-
var wrapper = (0, _enzyme.mount)(
|
|
222
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
223
223
|
localeDatas: localeDatas,
|
|
224
224
|
uploadAction: "https://www.mocky.io/v2/5dc3b4413000007600347501"
|
|
225
225
|
}));
|
|
@@ -264,7 +264,7 @@ describe('Upload', function () {
|
|
|
264
264
|
return 120;
|
|
265
265
|
}
|
|
266
266
|
});
|
|
267
|
-
var wrapper = (0, _enzyme.mount)(
|
|
267
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
268
268
|
type: "avatar",
|
|
269
269
|
uploadAction: "http://www.mocky.io/v2/5dc3b4413000007600347501",
|
|
270
270
|
onChange: function onChange(file, fileList, response) {
|
|
@@ -301,7 +301,7 @@ describe('Upload', function () {
|
|
|
301
301
|
wrapper.unmount();
|
|
302
302
|
});
|
|
303
303
|
it('should can preview', function () {
|
|
304
|
-
var wrapper = (0, _enzyme.mount)(
|
|
304
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
305
305
|
type: "photo",
|
|
306
306
|
uploadAction: "http://www.mocky.io/v2/5dc3b4413000007600347501",
|
|
307
307
|
onChange: function onChange(file, fileList, response) {
|
|
@@ -376,7 +376,7 @@ describe('Upload', function () {
|
|
|
376
376
|
wrapper.unmount();
|
|
377
377
|
});
|
|
378
378
|
it('should can drag', function () {
|
|
379
|
-
var wrapper = (0, _enzyme.mount)(
|
|
379
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
380
380
|
type: "drag",
|
|
381
381
|
uploadAction: "http://www.mocky.io/v2/5dc3b4413000007600347501",
|
|
382
382
|
onChange: function onChange(file, fileList, response) {
|
|
@@ -429,7 +429,7 @@ describe('Upload', function () {
|
|
|
429
429
|
}); // TODO: 目前只有 type === 'default' 和 type === 'pictureCard' 支持 showUploadList 为 false 时隐藏上传列表
|
|
430
430
|
|
|
431
431
|
types.forEach(function (type, index) {
|
|
432
|
-
var wrapper = (0, _enzyme.mount)(
|
|
432
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
433
433
|
localeDatas: localeDatas,
|
|
434
434
|
type: type,
|
|
435
435
|
uploadAction: "https://www.mocky.io/v2/5dc3b4413000007600347501"
|
|
@@ -451,7 +451,7 @@ describe('Upload', function () {
|
|
|
451
451
|
});
|
|
452
452
|
it('show default file list', function () {
|
|
453
453
|
types.forEach(function (type) {
|
|
454
|
-
var wrapper = (0, _enzyme.mount)(
|
|
454
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
455
455
|
localeDatas: localeDatas,
|
|
456
456
|
type: type,
|
|
457
457
|
defaultFileList: [{
|
|
@@ -481,7 +481,7 @@ describe('Upload', function () {
|
|
|
481
481
|
});
|
|
482
482
|
it('fileList has priority over defaultFileList', function () {
|
|
483
483
|
types.forEach(function (type) {
|
|
484
|
-
var wrapper = (0, _enzyme.mount)(
|
|
484
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
485
485
|
localeDatas: localeDatas,
|
|
486
486
|
type: type,
|
|
487
487
|
fileList: [{
|
|
@@ -520,7 +520,7 @@ describe('Upload', function () {
|
|
|
520
520
|
type: 'text/plain'
|
|
521
521
|
});
|
|
522
522
|
types.forEach(function (type, index) {
|
|
523
|
-
var wrapper = (0, _enzyme.mount)(
|
|
523
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
524
524
|
localeDatas: localeDatas,
|
|
525
525
|
type: type,
|
|
526
526
|
fileList: [{
|
|
@@ -604,7 +604,7 @@ describe('Upload', function () {
|
|
|
604
604
|
},
|
|
605
605
|
onChange: function onChange() {}
|
|
606
606
|
};
|
|
607
|
-
var wrapper = (0, _enzyme.mount)(
|
|
607
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], props));
|
|
608
608
|
var spyFunc = jest.spyOn(wrapper.instance().uploadRef.current, 'uploadFile');
|
|
609
609
|
wrapper.find('input').simulate('change', {
|
|
610
610
|
target: {
|
|
@@ -643,7 +643,7 @@ describe('Upload', function () {
|
|
|
643
643
|
maxSize: 0.001,
|
|
644
644
|
onChange: function onChange() {}
|
|
645
645
|
};
|
|
646
|
-
var wrapper = (0, _enzyme.mount)(
|
|
646
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], props));
|
|
647
647
|
var spyFunc = jest.spyOn(wrapper.instance().uploadRef.current, 'uploadFile');
|
|
648
648
|
wrapper.find('input').simulate('change', {
|
|
649
649
|
target: {
|
|
@@ -681,7 +681,7 @@ describe('Upload', function () {
|
|
|
681
681
|
customUpload: jest.fn(),
|
|
682
682
|
onChange: jest.fn()
|
|
683
683
|
};
|
|
684
|
-
var wrapper = (0, _enzyme.mount)(
|
|
684
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], props));
|
|
685
685
|
wrapper.find('input').simulate('change', {
|
|
686
686
|
target: {
|
|
687
687
|
files: [mockFile]
|
|
@@ -693,7 +693,7 @@ describe('Upload', function () {
|
|
|
693
693
|
});
|
|
694
694
|
it('can remove', function () {
|
|
695
695
|
types.forEach(function (type, index) {
|
|
696
|
-
var wrapper = (0, _enzyme.mount)(
|
|
696
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
697
697
|
localeDatas: localeDatas,
|
|
698
698
|
type: type,
|
|
699
699
|
fileList: [{
|
|
@@ -722,7 +722,7 @@ describe('Upload', function () {
|
|
|
722
722
|
});
|
|
723
723
|
it('can not remove file when onRemove return false', function () {
|
|
724
724
|
types.forEach(function (type, index) {
|
|
725
|
-
var wrapper = (0, _enzyme.mount)(
|
|
725
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(_main["default"], {
|
|
726
726
|
localeDatas: localeDatas,
|
|
727
727
|
type: type,
|
|
728
728
|
fileList: [{
|
package/es/upload/main.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 _UploadClick = _interopRequireDefault(require("./UploadClick"));
|
|
@@ -35,25 +35,17 @@ var _UploadPictureCard = _interopRequireDefault(require("./UploadPictureCard"));
|
|
|
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 Upload = /*#__PURE__*/function (_Component) {
|
|
38
|
+
var Upload =
|
|
39
|
+
/*#__PURE__*/
|
|
40
|
+
function (_Component) {
|
|
47
41
|
(0, _inherits2["default"])(Upload, _Component);
|
|
48
42
|
|
|
49
|
-
var _super = _createSuper(Upload);
|
|
50
|
-
|
|
51
43
|
function Upload() {
|
|
52
44
|
var _this;
|
|
53
45
|
|
|
54
46
|
(0, _classCallCheck2["default"])(this, Upload);
|
|
55
|
-
_this =
|
|
56
|
-
_this.uploadRef =
|
|
47
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Upload).call(this));
|
|
48
|
+
_this.uploadRef = _react["default"].createRef();
|
|
57
49
|
return _this;
|
|
58
50
|
}
|
|
59
51
|
|
|
@@ -63,23 +55,23 @@ var Upload = /*#__PURE__*/function (_Component) {
|
|
|
63
55
|
var type = this.props.type;
|
|
64
56
|
|
|
65
57
|
if (type === 'drag') {
|
|
66
|
-
return
|
|
58
|
+
return _react["default"].createElement(_UploadDrag["default"], (0, _extends2["default"])({}, this.props, {
|
|
67
59
|
ref: this.uploadRef
|
|
68
60
|
}));
|
|
69
61
|
} else if (type === 'photo') {
|
|
70
|
-
return
|
|
62
|
+
return _react["default"].createElement(_UploadPhoto["default"], (0, _extends2["default"])({}, this.props, {
|
|
71
63
|
ref: this.uploadRef
|
|
72
64
|
}));
|
|
73
65
|
} else if (type === 'avatar') {
|
|
74
|
-
return
|
|
66
|
+
return _react["default"].createElement(_UploadAvatar["default"], (0, _extends2["default"])({}, this.props, {
|
|
75
67
|
ref: this.uploadRef
|
|
76
68
|
}));
|
|
77
69
|
} else if (type === 'pictureCard') {
|
|
78
|
-
return
|
|
70
|
+
return _react["default"].createElement(_UploadPictureCard["default"], (0, _extends2["default"])({}, this.props, {
|
|
79
71
|
ref: this.uploadRef
|
|
80
72
|
}));
|
|
81
73
|
} else {
|
|
82
|
-
return
|
|
74
|
+
return _react["default"].createElement(_UploadClick["default"], (0, _extends2["default"])({}, this.props, {
|
|
83
75
|
ref: this.uploadRef
|
|
84
76
|
}));
|
|
85
77
|
}
|