@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
|
@@ -6,12 +6,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
6
6
|
|
|
7
7
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
8
8
|
|
|
9
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
10
|
-
|
|
11
9
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
12
10
|
|
|
13
11
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
14
12
|
|
|
13
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
14
|
+
|
|
15
15
|
var _react = _interopRequireDefault(require("react"));
|
|
16
16
|
|
|
17
17
|
var _enzyme = require("enzyme");
|
|
@@ -26,20 +26,16 @@ var _sinon = _interopRequireDefault(require("sinon"));
|
|
|
26
26
|
|
|
27
27
|
var _testUtils = _interopRequireDefault(require("react-dom/test-utils"));
|
|
28
28
|
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
function
|
|
32
|
-
|
|
33
|
-
var Foo = /*#__PURE__*/function (_React$Component) {
|
|
29
|
+
var Foo =
|
|
30
|
+
/*#__PURE__*/
|
|
31
|
+
function (_React$Component) {
|
|
34
32
|
(0, _inherits2["default"])(Foo, _React$Component);
|
|
35
33
|
|
|
36
|
-
var _super = _createSuper(Foo);
|
|
37
|
-
|
|
38
34
|
function Foo(props) {
|
|
39
35
|
var _this;
|
|
40
36
|
|
|
41
37
|
(0, _classCallCheck2["default"])(this, Foo);
|
|
42
|
-
_this =
|
|
38
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Foo).call(this, props));
|
|
43
39
|
_this.treeData = [{
|
|
44
40
|
id: 1,
|
|
45
41
|
title: '小米人',
|
|
@@ -95,11 +91,11 @@ var Foo = /*#__PURE__*/function (_React$Component) {
|
|
|
95
91
|
value: function render() {
|
|
96
92
|
var _this2 = this;
|
|
97
93
|
|
|
98
|
-
return
|
|
94
|
+
return _react["default"].createElement("div", {
|
|
99
95
|
style: {
|
|
100
96
|
width: 300
|
|
101
97
|
}
|
|
102
|
-
},
|
|
98
|
+
}, _react["default"].createElement(_["default"], {
|
|
103
99
|
checkable: true,
|
|
104
100
|
defaultExpandAll: true,
|
|
105
101
|
editable: true,
|
|
@@ -171,11 +167,11 @@ describe('tree', function () {
|
|
|
171
167
|
}]
|
|
172
168
|
}];
|
|
173
169
|
it('basic And defaultExpandAll', function () {
|
|
174
|
-
var wrapper = (0, _enzyme.mount)(
|
|
170
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
|
|
175
171
|
style: {
|
|
176
172
|
width: 500
|
|
177
173
|
}
|
|
178
|
-
},
|
|
174
|
+
}, _react["default"].createElement(_["default"], {
|
|
179
175
|
data: treeData,
|
|
180
176
|
defaultExpandAll: true,
|
|
181
177
|
onChange: function onChange(data) {},
|
|
@@ -189,11 +185,11 @@ describe('tree', function () {
|
|
|
189
185
|
wrapper.unmount();
|
|
190
186
|
});
|
|
191
187
|
it('basic Legacy', function () {
|
|
192
|
-
var wrapper = (0, _enzyme.mount)(
|
|
188
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
|
|
193
189
|
style: {
|
|
194
190
|
width: 500
|
|
195
191
|
}
|
|
196
|
-
},
|
|
192
|
+
}, _react["default"].createElement(_["default"], {
|
|
197
193
|
Legacy: true,
|
|
198
194
|
data: treeData,
|
|
199
195
|
defaultExpandAll: true,
|
|
@@ -208,7 +204,7 @@ describe('tree', function () {
|
|
|
208
204
|
wrapper.unmount();
|
|
209
205
|
});
|
|
210
206
|
it('should checkable', function () {
|
|
211
|
-
var wrapper = (0, _enzyme.mount)(
|
|
207
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(Foo, null));
|
|
212
208
|
expect(wrapper.find('.hi-tree')).toHaveLength(1);
|
|
213
209
|
expect(wrapper.find('.hi-checkbox-legacy__input')).toHaveLength(12);
|
|
214
210
|
expect(wrapper.find('.is-root').at(0).find('.hi-checkbox-legacy__input')).toHaveLength(6);
|
|
@@ -230,11 +226,11 @@ describe('tree', function () {
|
|
|
230
226
|
});
|
|
231
227
|
it('ContextMenuOption', function () {
|
|
232
228
|
var fn = jest.fn();
|
|
233
|
-
var wrapper = (0, _enzyme.mount)(
|
|
229
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
|
|
234
230
|
style: {
|
|
235
231
|
width: 500
|
|
236
232
|
}
|
|
237
|
-
},
|
|
233
|
+
}, _react["default"].createElement(_["default"], {
|
|
238
234
|
editable: true,
|
|
239
235
|
data: treeData,
|
|
240
236
|
onSave: function onSave(saveNode, data) {},
|
|
@@ -256,11 +252,11 @@ describe('tree', function () {
|
|
|
256
252
|
wrapper.unmount();
|
|
257
253
|
});
|
|
258
254
|
it('should editable Node CRUD For contextMenu And apperance Is line', function () {
|
|
259
|
-
var wrapper = (0, _enzyme.mount)(
|
|
255
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
|
|
260
256
|
style: {
|
|
261
257
|
width: 500
|
|
262
258
|
}
|
|
263
|
-
},
|
|
259
|
+
}, _react["default"].createElement(_["default"], {
|
|
264
260
|
data: treeData,
|
|
265
261
|
editable: true,
|
|
266
262
|
apperance: "line",
|
|
@@ -334,11 +330,11 @@ describe('tree', function () {
|
|
|
334
330
|
wrapper.unmount();
|
|
335
331
|
});
|
|
336
332
|
it('should searchable', function () {
|
|
337
|
-
var wrapper = (0, _enzyme.mount)(
|
|
333
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
|
|
338
334
|
style: {
|
|
339
335
|
width: 500
|
|
340
336
|
}
|
|
341
|
-
},
|
|
337
|
+
}, _react["default"].createElement(_["default"], {
|
|
342
338
|
searchable: true,
|
|
343
339
|
data: treeData,
|
|
344
340
|
onChange: function onChange(data) {},
|
|
@@ -355,7 +351,7 @@ describe('tree', function () {
|
|
|
355
351
|
});
|
|
356
352
|
it('should draggable', function (done) {
|
|
357
353
|
var WrapTrees = (0, _reactDndTestUtils.wrapInTestContext)(_Tree.Tree);
|
|
358
|
-
var wrapper = (0, _enzyme.mount)(
|
|
354
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement(WrapTrees // defaultExpandAll
|
|
359
355
|
, {
|
|
360
356
|
draggable: true,
|
|
361
357
|
editable: true,
|
|
@@ -567,11 +563,11 @@ describe('tree', function () {
|
|
|
567
563
|
title: '产品'
|
|
568
564
|
}]
|
|
569
565
|
}];
|
|
570
|
-
var wrapper = (0, _enzyme.mount)(
|
|
566
|
+
var wrapper = (0, _enzyme.mount)(_react["default"].createElement("div", {
|
|
571
567
|
style: {
|
|
572
568
|
width: 500
|
|
573
569
|
}
|
|
574
|
-
},
|
|
570
|
+
}, _react["default"].createElement(_["default"], {
|
|
575
571
|
loadTreeNode: function loadTreeNode(id) {
|
|
576
572
|
var obj = {
|
|
577
573
|
method: 'get',
|
|
@@ -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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
27
|
|
|
28
28
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -39,24 +39,16 @@ var _withDragDropContext = _interopRequireDefault(require("../../lib/withDragDro
|
|
|
39
39
|
|
|
40
40
|
require("./style/index");
|
|
41
41
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
function
|
|
45
|
-
|
|
46
|
-
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); }; }
|
|
47
|
-
|
|
48
|
-
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; } }
|
|
49
|
-
|
|
50
|
-
var Tree = /*#__PURE__*/function (_Component) {
|
|
42
|
+
var Tree =
|
|
43
|
+
/*#__PURE__*/
|
|
44
|
+
function (_Component) {
|
|
51
45
|
(0, _inherits2["default"])(Tree, _Component);
|
|
52
46
|
|
|
53
|
-
var _super = _createSuper(Tree);
|
|
54
|
-
|
|
55
47
|
function Tree(props) {
|
|
56
48
|
var _this;
|
|
57
49
|
|
|
58
50
|
(0, _classCallCheck2["default"])(this, Tree);
|
|
59
|
-
_this =
|
|
51
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(Tree).call(this, props));
|
|
60
52
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onCheckChange", function (checked, item) {
|
|
61
53
|
var _this$props = _this.props,
|
|
62
54
|
onChange = _this$props.onChange,
|
|
@@ -229,10 +221,10 @@ var Tree = /*#__PURE__*/function (_Component) {
|
|
|
229
221
|
onDelete = _this$props2.onDelete,
|
|
230
222
|
onSave = _this$props2.onSave;
|
|
231
223
|
var data = this.state.data;
|
|
232
|
-
return
|
|
224
|
+
return _react["default"].createElement("div", {
|
|
233
225
|
className: (0, _classnames["default"])("".concat(prefixCls)),
|
|
234
226
|
style: style
|
|
235
|
-
},
|
|
227
|
+
}, _react["default"].createElement(_TreeNode["default"], {
|
|
236
228
|
origin: origin,
|
|
237
229
|
checked: this.props.checkedKeys || [],
|
|
238
230
|
onNodeClick: this.props.onNodeClick,
|
|
@@ -310,26 +302,27 @@ var Tree = /*#__PURE__*/function (_Component) {
|
|
|
310
302
|
});
|
|
311
303
|
|
|
312
304
|
var HOCTree = function HOCTree(TreeComponent) {
|
|
313
|
-
return
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
}
|
|
322
|
-
|
|
323
|
-
(0, _createClass2["default"])(WrapperTree, [{
|
|
324
|
-
key: "render",
|
|
325
|
-
value: function render() {
|
|
326
|
-
var draggable = this.props.draggable;
|
|
327
|
-
var DraggableTree = (0, _withDragDropContext["default"])(Tree);
|
|
328
|
-
return draggable ? /*#__PURE__*/_react["default"].createElement(DraggableTree, this.props) : /*#__PURE__*/_react["default"].createElement(TreeComponent, this.props);
|
|
305
|
+
return (
|
|
306
|
+
/*#__PURE__*/
|
|
307
|
+
function (_Component2) {
|
|
308
|
+
(0, _inherits2["default"])(WrapperTree, _Component2);
|
|
309
|
+
|
|
310
|
+
function WrapperTree() {
|
|
311
|
+
(0, _classCallCheck2["default"])(this, WrapperTree);
|
|
312
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(WrapperTree).apply(this, arguments));
|
|
329
313
|
}
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
314
|
+
|
|
315
|
+
(0, _createClass2["default"])(WrapperTree, [{
|
|
316
|
+
key: "render",
|
|
317
|
+
value: function render() {
|
|
318
|
+
var draggable = this.props.draggable;
|
|
319
|
+
var DraggableTree = (0, _withDragDropContext["default"])(Tree);
|
|
320
|
+
return draggable ? _react["default"].createElement(DraggableTree, this.props) : _react["default"].createElement(TreeComponent, this.props);
|
|
321
|
+
}
|
|
322
|
+
}]);
|
|
323
|
+
return WrapperTree;
|
|
324
|
+
}(_react.Component)
|
|
325
|
+
);
|
|
333
326
|
};
|
|
334
327
|
|
|
335
328
|
var _default = HOCTree(Tree);
|
|
@@ -12,11 +12,11 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
13
13
|
|
|
14
14
|
var TreeDivider = function TreeDivider(props) {
|
|
15
|
-
return
|
|
15
|
+
return _react["default"].createElement("div", {
|
|
16
16
|
className: (0, _classnames["default"])('hi-tree__divider', "hi-tree__divider--".concat(props.top ? 'top' : 'bottom'))
|
|
17
|
-
},
|
|
17
|
+
}, _react["default"].createElement("div", {
|
|
18
18
|
className: "divider-circle"
|
|
19
|
-
}),
|
|
19
|
+
}), _react["default"].createElement("div", {
|
|
20
20
|
className: "divider-line"
|
|
21
21
|
}));
|
|
22
22
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -13,12 +13,12 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
13
13
|
|
|
14
14
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
15
15
|
|
|
16
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
17
|
|
|
20
18
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
19
|
|
|
20
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
+
|
|
22
22
|
var _react = _interopRequireWildcard(require("react"));
|
|
23
23
|
|
|
24
24
|
var _index = _interopRequireDefault(require("../../table/checkbox/index"));
|
|
@@ -31,26 +31,18 @@ var _reactDom = require("react-dom");
|
|
|
31
31
|
|
|
32
32
|
var _TreeDivider = _interopRequireDefault(require("./TreeDivider"));
|
|
33
33
|
|
|
34
|
-
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); }
|
|
35
|
-
|
|
36
|
-
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; }
|
|
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
34
|
var Types = {
|
|
43
35
|
TreeNode: 'treeNode'
|
|
44
36
|
};
|
|
45
37
|
|
|
46
|
-
var TreeItem =
|
|
38
|
+
var TreeItem =
|
|
39
|
+
/*#__PURE__*/
|
|
40
|
+
function (_Component) {
|
|
47
41
|
(0, _inherits2["default"])(TreeItem, _Component);
|
|
48
42
|
|
|
49
|
-
var _super = _createSuper(TreeItem);
|
|
50
|
-
|
|
51
43
|
function TreeItem() {
|
|
52
44
|
(0, _classCallCheck2["default"])(this, TreeItem);
|
|
53
|
-
return
|
|
45
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TreeItem).apply(this, arguments));
|
|
54
46
|
}
|
|
55
47
|
|
|
56
48
|
(0, _createClass2["default"])(TreeItem, [{
|
|
@@ -95,13 +87,13 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
95
87
|
origin = _this$props.origin,
|
|
96
88
|
loadChildren = _this$props.loadChildren;
|
|
97
89
|
|
|
98
|
-
var treeItem =
|
|
90
|
+
var treeItem = _react["default"].createElement("li", {
|
|
99
91
|
key: item.id
|
|
100
|
-
},
|
|
92
|
+
}, _react["default"].createElement("div", {
|
|
101
93
|
className: "item--wrapper"
|
|
102
|
-
}, targetNode === item.id && dropDividerPosition === 'down' && isOver &&
|
|
94
|
+
}, targetNode === item.id && dropDividerPosition === 'down' && isOver && _react["default"].createElement(_TreeDivider["default"], {
|
|
103
95
|
top: true
|
|
104
|
-
}),
|
|
96
|
+
}), _react["default"].createElement("span", {
|
|
105
97
|
onClick: function onClick() {
|
|
106
98
|
onExpanded(expanded, item);
|
|
107
99
|
|
|
@@ -110,7 +102,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
110
102
|
}
|
|
111
103
|
},
|
|
112
104
|
className: "".concat(prefixCls, "_item-icon")
|
|
113
|
-
}, (item.children && item.children.length > 0 || origin && !expanded) && renderSwitcher(expanded)), checkable ?
|
|
105
|
+
}, (item.children && item.children.length > 0 || origin && !expanded) && renderSwitcher(expanded)), checkable ? _react["default"].createElement(_index["default"], {
|
|
114
106
|
semi: semiChecked.includes(item.id),
|
|
115
107
|
checked: checked,
|
|
116
108
|
onChange: function onChange() {
|
|
@@ -127,9 +119,9 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
127
119
|
disabled: item.disabled
|
|
128
120
|
}) : item.status === 'editable' || editNodes.map(function (node) {
|
|
129
121
|
return node.id;
|
|
130
|
-
}).includes(item.id) ?
|
|
122
|
+
}).includes(item.id) ? _react["default"].createElement("div", {
|
|
131
123
|
className: "editing"
|
|
132
|
-
},
|
|
124
|
+
}, _react["default"].createElement(_input["default"], {
|
|
133
125
|
placeholder: "\u8BF7\u8F93\u5165\u83DC\u5355\u540D\u79F0",
|
|
134
126
|
value: (editingNodes.find(function (node) {
|
|
135
127
|
return node.id === item.id;
|
|
@@ -137,7 +129,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
137
129
|
onChange: function onChange(e) {
|
|
138
130
|
onValueChange(e.target.value, item.id);
|
|
139
131
|
}
|
|
140
|
-
}),
|
|
132
|
+
}), _react["default"].createElement("span", {
|
|
141
133
|
style: {
|
|
142
134
|
cursor: 'pointer',
|
|
143
135
|
marginRight: 12,
|
|
@@ -146,7 +138,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
146
138
|
onClick: function onClick() {
|
|
147
139
|
saveEditNode(item.id);
|
|
148
140
|
}
|
|
149
|
-
}, "\u786E\u5B9A"),
|
|
141
|
+
}, "\u786E\u5B9A"), _react["default"].createElement("span", {
|
|
150
142
|
style: {
|
|
151
143
|
cursor: 'pointer'
|
|
152
144
|
},
|
|
@@ -159,7 +151,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
159
151
|
cancelAddSiblingNode(item.id);
|
|
160
152
|
}
|
|
161
153
|
}
|
|
162
|
-
}, "\u53D6\u6D88")) : draggable ? connectDragSource(
|
|
154
|
+
}, "\u53D6\u6D88")) : draggable ? connectDragSource(_react["default"].createElement("span", {
|
|
163
155
|
style: item.style,
|
|
164
156
|
className: "".concat(prefixCls, "_item-text ").concat(itemStyle, " ").concat(highlight === item.id ? 'highlight' : '', " ").concat(draggingNode === item.id ? 'dragging' : ''),
|
|
165
157
|
onContextMenu: function onContextMenu(e) {
|
|
@@ -175,7 +167,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
175
167
|
highlightable && onSetHighlight(item);
|
|
176
168
|
e.stopPropagation();
|
|
177
169
|
}
|
|
178
|
-
}, item.title, renderRightClickMenu(item), targetNode === item.id && dropDividerPosition === 'sub' && isOver &&
|
|
170
|
+
}, item.title, renderRightClickMenu(item), targetNode === item.id && dropDividerPosition === 'sub' && isOver && _react["default"].createElement(_TreeDivider["default"], null))) : _react["default"].createElement("span", {
|
|
179
171
|
style: item.style,
|
|
180
172
|
className: "".concat(prefixCls, "_item-text ").concat(itemStyle, " ").concat(highlight === item.id ? 'highlight' : '', " ").concat(draggingNode === item.id ? 'dragging' : ''),
|
|
181
173
|
onContextMenu: function onContextMenu(e) {
|
|
@@ -307,25 +299,26 @@ function targetCollect(connect, monitor) {
|
|
|
307
299
|
var DraggableTreeItem = (0, _reactDnd.DropTarget)(Types['TreeNode'], target, targetCollect)((0, _reactDnd.DragSource)(Types['TreeNode'], source, sourceCollect)(TreeItem));
|
|
308
300
|
|
|
309
301
|
var HOCTreeItem = function HOCTreeItem(TreeItemComponent) {
|
|
310
|
-
return
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
}
|
|
319
|
-
|
|
320
|
-
(0, _createClass2["default"])(WrapperTreeItem, [{
|
|
321
|
-
key: "render",
|
|
322
|
-
value: function render() {
|
|
323
|
-
var draggable = this.props.draggable;
|
|
324
|
-
return draggable ? /*#__PURE__*/_react["default"].createElement(DraggableTreeItem, this.props) : /*#__PURE__*/_react["default"].createElement(TreeItemComponent, this.props);
|
|
302
|
+
return (
|
|
303
|
+
/*#__PURE__*/
|
|
304
|
+
function (_Component2) {
|
|
305
|
+
(0, _inherits2["default"])(WrapperTreeItem, _Component2);
|
|
306
|
+
|
|
307
|
+
function WrapperTreeItem() {
|
|
308
|
+
(0, _classCallCheck2["default"])(this, WrapperTreeItem);
|
|
309
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(WrapperTreeItem).apply(this, arguments));
|
|
325
310
|
}
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
311
|
+
|
|
312
|
+
(0, _createClass2["default"])(WrapperTreeItem, [{
|
|
313
|
+
key: "render",
|
|
314
|
+
value: function render() {
|
|
315
|
+
var draggable = this.props.draggable;
|
|
316
|
+
return draggable ? _react["default"].createElement(DraggableTreeItem, this.props) : _react["default"].createElement(TreeItemComponent, this.props);
|
|
317
|
+
}
|
|
318
|
+
}]);
|
|
319
|
+
return WrapperTreeItem;
|
|
320
|
+
}(_react.Component)
|
|
321
|
+
);
|
|
329
322
|
};
|
|
330
323
|
|
|
331
324
|
var _default = HOCTreeItem(TreeItem);
|
|
@@ -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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
27
|
|
|
28
28
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -51,28 +51,20 @@ var _axios = _interopRequireDefault(require("axios"));
|
|
|
51
51
|
|
|
52
52
|
var _qs = _interopRequireDefault(require("qs"));
|
|
53
53
|
|
|
54
|
-
function
|
|
55
|
-
|
|
56
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
57
|
-
|
|
58
|
-
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
|
|
54
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
|
59
55
|
|
|
60
56
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
|
61
57
|
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
function
|
|
65
|
-
|
|
66
|
-
var TreeNode = /*#__PURE__*/function (_Component) {
|
|
58
|
+
var TreeNode =
|
|
59
|
+
/*#__PURE__*/
|
|
60
|
+
function (_Component) {
|
|
67
61
|
(0, _inherits2["default"])(TreeNode, _Component);
|
|
68
62
|
|
|
69
|
-
var _super = _createSuper(TreeNode);
|
|
70
|
-
|
|
71
63
|
function TreeNode(props) {
|
|
72
64
|
var _this;
|
|
73
65
|
|
|
74
66
|
(0, _classCallCheck2["default"])(this, TreeNode);
|
|
75
|
-
_this =
|
|
67
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TreeNode).call(this, props));
|
|
76
68
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "setPosition", function (x, y) {
|
|
77
69
|
var _this$state = _this.state,
|
|
78
70
|
positionX = _this$state.positionX,
|
|
@@ -96,7 +88,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
96
88
|
var index = item.title.indexOf(highlightValue);
|
|
97
89
|
var beforeStr = item.title.substr(0, index);
|
|
98
90
|
var afterStr = item.title.substr(index + highlightValue.length);
|
|
99
|
-
item.title =
|
|
91
|
+
item.title = _react["default"].createElement("span", null, beforeStr, _react["default"].createElement("span", {
|
|
100
92
|
style: {
|
|
101
93
|
color: '#4284f5'
|
|
102
94
|
}
|
|
@@ -125,7 +117,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
125
117
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderSwitcher", function (expanded) {
|
|
126
118
|
var prefixCls = _this.props.prefixCls;
|
|
127
119
|
var switcherClsName = (0, _classnames["default"])("".concat(prefixCls, "-switcher"), 'hi-icon', "icon-".concat(expanded ? 'open' : 'packup'));
|
|
128
|
-
return
|
|
120
|
+
return _react["default"].createElement("i", {
|
|
129
121
|
className: switcherClsName
|
|
130
122
|
});
|
|
131
123
|
});
|
|
@@ -134,7 +126,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
134
126
|
prefixCls = _this$props.prefixCls,
|
|
135
127
|
itemIcon = _this$props.itemIcon;
|
|
136
128
|
var switcherClsName = (0, _classnames["default"])("".concat(prefixCls, "-switcher"), 'hi-icon', "icon-".concat(itemIcon || 'document'));
|
|
137
|
-
return
|
|
129
|
+
return _react["default"].createElement("i", {
|
|
138
130
|
className: switcherClsName
|
|
139
131
|
});
|
|
140
132
|
});
|
|
@@ -484,21 +476,21 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
484
476
|
_this.props.onDelete(node, _dataCache);
|
|
485
477
|
});
|
|
486
478
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "renderRightClickMenu", function (item) {
|
|
487
|
-
return item.id === _this.state.showRightClickMenu &&
|
|
479
|
+
return item.id === _this.state.showRightClickMenu && _react["default"].createElement("ul", {
|
|
488
480
|
className: "right-click-menu"
|
|
489
|
-
},
|
|
481
|
+
}, _react["default"].createElement("li", {
|
|
490
482
|
onClick: function onClick() {
|
|
491
483
|
return _this.addSiblingNode(item.id);
|
|
492
484
|
}
|
|
493
|
-
}, "\u6DFB\u52A0\u8282\u70B9"),
|
|
485
|
+
}, "\u6DFB\u52A0\u8282\u70B9"), _react["default"].createElement("li", {
|
|
494
486
|
onClick: function onClick() {
|
|
495
487
|
return _this.addChildNode(item);
|
|
496
488
|
}
|
|
497
|
-
}, "\u6DFB\u52A0\u5B50\u8282\u70B9"),
|
|
489
|
+
}, "\u6DFB\u52A0\u5B50\u8282\u70B9"), _react["default"].createElement("li", {
|
|
498
490
|
onClick: function onClick() {
|
|
499
491
|
return _this.editNode(item);
|
|
500
492
|
}
|
|
501
|
-
}, "\u7F16\u8F91"),
|
|
493
|
+
}, "\u7F16\u8F91"), _react["default"].createElement("li", {
|
|
502
494
|
onClick: function onClick() {
|
|
503
495
|
_this.setCurrentDeleteNode(item.id);
|
|
504
496
|
|
|
@@ -570,8 +562,8 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
570
562
|
dropDividerPosition = _this$state6.dropDividerPosition,
|
|
571
563
|
positionX = _this$state6.positionX,
|
|
572
564
|
positionY = _this$state6.positionY;
|
|
573
|
-
return
|
|
574
|
-
return
|
|
565
|
+
return _react["default"].createElement("ul", null, data.map(function (item) {
|
|
566
|
+
return _react["default"].createElement(_TreeItem["default"], {
|
|
575
567
|
origin: origin,
|
|
576
568
|
key: item.id,
|
|
577
569
|
editable: editable,
|
|
@@ -657,9 +649,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
657
649
|
searchValue = _this$state7.searchValue,
|
|
658
650
|
highlightNum = _this$state7.highlightNum;
|
|
659
651
|
var searchable = this.props.searchable;
|
|
660
|
-
return
|
|
652
|
+
return _react["default"].createElement("div", null, searchable && _react["default"].createElement("div", {
|
|
661
653
|
className: "hi-tree__searcher"
|
|
662
|
-
},
|
|
654
|
+
}, _react["default"].createElement(_input["default"], {
|
|
663
655
|
value: this.state.searchValue,
|
|
664
656
|
type: "text",
|
|
665
657
|
placeholder: "\u5173\u952E\u8BCD\u641C\u7D22",
|
|
@@ -671,7 +663,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
671
663
|
|
|
672
664
|
_this2.props.setExpandTreeNodes((0, _util.collectExpandId)(dataCache, e.target.value, [], dataCache));
|
|
673
665
|
},
|
|
674
|
-
append:
|
|
666
|
+
append: _react["default"].createElement(_icon["default"], {
|
|
675
667
|
name: "search",
|
|
676
668
|
style: {
|
|
677
669
|
color: '#4284F5',
|
|
@@ -681,9 +673,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
681
673
|
style: {
|
|
682
674
|
width: '272px'
|
|
683
675
|
}
|
|
684
|
-
}), highlightNum === 0 && searchValue !== '' &&
|
|
676
|
+
}), highlightNum === 0 && searchValue !== '' && _react["default"].createElement("div", {
|
|
685
677
|
className: "hi-tree__searcher--empty"
|
|
686
|
-
}, "\u672A\u627E\u5230\u641C\u7D22\u7ED3\u679C")), searchable ? this.renderTree(this.highlightData((0, _cloneDeep["default"])(dataCache), searchValue)) : this.renderTree((0, _cloneDeep["default"])(dataCache)),
|
|
678
|
+
}, "\u672A\u627E\u5230\u641C\u7D22\u7ED3\u679C")), searchable ? this.renderTree(this.highlightData((0, _cloneDeep["default"])(dataCache), searchValue)) : this.renderTree((0, _cloneDeep["default"])(dataCache)), _react["default"].createElement(_modal["default"], {
|
|
687
679
|
title: "\u63D0\u793A",
|
|
688
680
|
show: this.state.showModal,
|
|
689
681
|
onConfirm: function onConfirm() {
|
|
@@ -698,13 +690,13 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
698
690
|
showModal: false
|
|
699
691
|
});
|
|
700
692
|
}
|
|
701
|
-
},
|
|
693
|
+
}, _react["default"].createElement("span", null, "\u5220\u9664\u8282\u70B9\u5C06\u5220\u9664\u6240\u6709\u5B50\u8282\u70B9\uFF0C\u786E\u5B9A\u5220\u9664\u5417\uFF1F")));
|
|
702
694
|
}
|
|
703
695
|
}], [{
|
|
704
696
|
key: "getDerivedStateFromProps",
|
|
705
697
|
value: function getDerivedStateFromProps(props, state) {
|
|
706
698
|
if (!(0, _isEqual["default"])(props.data, state.prevData)) {
|
|
707
|
-
return _objectSpread(
|
|
699
|
+
return _objectSpread({}, state, {
|
|
708
700
|
prevData: props.data,
|
|
709
701
|
dataCache: props.data
|
|
710
702
|
});
|