@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/tree/Tree.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
6
|
|
|
7
7
|
Object.defineProperty(exports, "__esModule", {
|
|
8
8
|
value: true
|
|
@@ -15,14 +15,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
15
15
|
|
|
16
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
19
|
-
|
|
20
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
21
|
-
|
|
22
18
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
23
19
|
|
|
24
20
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
25
21
|
|
|
22
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
+
|
|
24
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
+
|
|
26
26
|
var _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/withDragDropCo
|
|
|
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,
|
|
@@ -233,12 +225,12 @@ var Tree = /*#__PURE__*/function (_Component) {
|
|
|
233
225
|
defaultHighlightId = _this$props2.defaultHighlightId,
|
|
234
226
|
theme = _this$props2.theme;
|
|
235
227
|
var data = this.state.data;
|
|
236
|
-
return
|
|
228
|
+
return _react["default"].createElement("div", {
|
|
237
229
|
className: (0, _classnames["default"])("".concat(prefixCls), "theme__".concat(theme), {
|
|
238
230
|
'hi-tree--show-line': apperance === 'line'
|
|
239
231
|
}),
|
|
240
232
|
style: style
|
|
241
|
-
},
|
|
233
|
+
}, _react["default"].createElement(_TreeNode["default"], {
|
|
242
234
|
origin: loadTreeNode,
|
|
243
235
|
showLine: apperance === 'line',
|
|
244
236
|
apperance: apperance,
|
|
@@ -324,26 +316,27 @@ exports.Tree = Tree;
|
|
|
324
316
|
});
|
|
325
317
|
|
|
326
318
|
var HOCTree = function HOCTree(TreeComponent) {
|
|
327
|
-
return
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
}
|
|
336
|
-
|
|
337
|
-
(0, _createClass2["default"])(WrapperTree, [{
|
|
338
|
-
key: "render",
|
|
339
|
-
value: function render() {
|
|
340
|
-
var draggable = this.props.draggable;
|
|
341
|
-
var DraggableTree = (0, _withDragDropContext["default"])(Tree);
|
|
342
|
-
return draggable ? /*#__PURE__*/_react["default"].createElement(DraggableTree, this.props) : /*#__PURE__*/_react["default"].createElement(TreeComponent, this.props);
|
|
319
|
+
return (
|
|
320
|
+
/*#__PURE__*/
|
|
321
|
+
function (_Component2) {
|
|
322
|
+
(0, _inherits2["default"])(WrapperTree, _Component2);
|
|
323
|
+
|
|
324
|
+
function WrapperTree() {
|
|
325
|
+
(0, _classCallCheck2["default"])(this, WrapperTree);
|
|
326
|
+
return (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(WrapperTree).apply(this, arguments));
|
|
343
327
|
}
|
|
344
|
-
|
|
345
|
-
|
|
346
|
-
|
|
328
|
+
|
|
329
|
+
(0, _createClass2["default"])(WrapperTree, [{
|
|
330
|
+
key: "render",
|
|
331
|
+
value: function render() {
|
|
332
|
+
var draggable = this.props.draggable;
|
|
333
|
+
var DraggableTree = (0, _withDragDropContext["default"])(Tree);
|
|
334
|
+
return draggable ? _react["default"].createElement(DraggableTree, this.props) : _react["default"].createElement(TreeComponent, this.props);
|
|
335
|
+
}
|
|
336
|
+
}]);
|
|
337
|
+
return WrapperTree;
|
|
338
|
+
}(_react.Component)
|
|
339
|
+
);
|
|
347
340
|
};
|
|
348
341
|
|
|
349
342
|
var _default = HOCTree(Tree);
|
package/es/tree/TreeDivider.js
CHANGED
|
@@ -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', "theme__".concat(props.theme), "hi-tree__divider--".concat(props.placement))
|
|
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
|
};
|
package/es/tree/TreeItem.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,13 +15,13 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
15
15
|
|
|
16
16
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
17
17
|
|
|
18
|
-
var
|
|
18
|
+
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
19
|
|
|
20
|
-
var
|
|
20
|
+
var _getPrototypeOf4 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
21
|
|
|
22
|
-
var
|
|
22
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
23
|
|
|
24
|
-
var
|
|
24
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
25
|
|
|
26
26
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
27
27
|
|
|
@@ -43,24 +43,18 @@ var _IconLoading = _interopRequireDefault(require("./IconLoading"));
|
|
|
43
43
|
|
|
44
44
|
var _context = _interopRequireDefault(require("../context"));
|
|
45
45
|
|
|
46
|
-
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); }
|
|
47
|
-
|
|
48
|
-
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; }
|
|
49
|
-
|
|
50
|
-
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); }; }
|
|
51
|
-
|
|
52
|
-
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; } }
|
|
53
|
-
|
|
54
46
|
var Types = {
|
|
55
47
|
TreeNode: 'treeNode'
|
|
56
48
|
};
|
|
57
49
|
|
|
58
|
-
var TreeItem =
|
|
50
|
+
var TreeItem =
|
|
51
|
+
/*#__PURE__*/
|
|
52
|
+
function (_Component) {
|
|
59
53
|
(0, _inherits2["default"])(TreeItem, _Component);
|
|
60
54
|
|
|
61
|
-
var _super = _createSuper(TreeItem);
|
|
62
|
-
|
|
63
55
|
function TreeItem() {
|
|
56
|
+
var _getPrototypeOf2;
|
|
57
|
+
|
|
64
58
|
var _this;
|
|
65
59
|
|
|
66
60
|
(0, _classCallCheck2["default"])(this, TreeItem);
|
|
@@ -69,7 +63,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
69
63
|
args[_key] = arguments[_key];
|
|
70
64
|
}
|
|
71
65
|
|
|
72
|
-
_this =
|
|
66
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf2 = (0, _getPrototypeOf4["default"])(TreeItem)).call.apply(_getPrototypeOf2, [this].concat(args)));
|
|
73
67
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "state", {
|
|
74
68
|
loading: false
|
|
75
69
|
});
|
|
@@ -140,25 +134,25 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
140
134
|
confirm = _localeDatas$tree.confirm,
|
|
141
135
|
cancel = _localeDatas$tree.cancel;
|
|
142
136
|
|
|
143
|
-
var treeItem =
|
|
137
|
+
var treeItem = _react["default"].createElement("li", {
|
|
144
138
|
key: item.id,
|
|
145
139
|
className: (0, _classnames["default"])({
|
|
146
140
|
'is-root': isRoot
|
|
147
141
|
}, {
|
|
148
142
|
'no-expanded': !item.children || item.children.length === 0 || item.children && !expanded
|
|
149
143
|
})
|
|
150
|
-
}, direction === 'up' && isOver &&
|
|
144
|
+
}, direction === 'up' && isOver && _react["default"].createElement(_TreeDivider["default"], {
|
|
151
145
|
placement: "top",
|
|
152
146
|
theme: theme
|
|
153
|
-
}),
|
|
147
|
+
}), _react["default"].createElement("div", {
|
|
154
148
|
className: (0, _classnames["default"])('item__wrapper', {
|
|
155
149
|
'can-expand': item.children && item.children.length > 0,
|
|
156
150
|
'item__wrapper--expanded': expanded
|
|
157
151
|
})
|
|
158
|
-
}, (!item.children || item.children && !expanded) && direction === 'down' && isOver &&
|
|
152
|
+
}, (!item.children || item.children && !expanded) && direction === 'down' && isOver && _react["default"].createElement(_TreeDivider["default"], {
|
|
159
153
|
theme: theme,
|
|
160
154
|
placement: "bottom"
|
|
161
|
-
}),
|
|
155
|
+
}), _react["default"].createElement("span", {
|
|
162
156
|
onClick: function onClick() {
|
|
163
157
|
onExpanded(expanded, item);
|
|
164
158
|
|
|
@@ -180,13 +174,13 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
180
174
|
position: 'relative'
|
|
181
175
|
},
|
|
182
176
|
className: "".concat(prefixCls, "_item-icon")
|
|
183
|
-
}, item.children && item.children.length > 0 || origin && !expanded ? renderSwitcher(expanded) : showLine &&
|
|
177
|
+
}, item.children && item.children.length > 0 || origin && !expanded ? renderSwitcher(expanded) : showLine && _react["default"].createElement("span", {
|
|
184
178
|
className: "hi-tree__dot"
|
|
185
|
-
}) || apperance === 'folder' &&
|
|
179
|
+
}) || apperance === 'folder' && _react["default"].createElement("i", {
|
|
186
180
|
className: "hi-icon icon-File"
|
|
187
|
-
}), this.state.loading &&
|
|
181
|
+
}), this.state.loading && _react["default"].createElement(_IconLoading["default"], {
|
|
188
182
|
theme: theme
|
|
189
|
-
})), checkable ?
|
|
183
|
+
})), checkable ? _react["default"].createElement(_index["default"], {
|
|
190
184
|
semi: semiChecked.includes(item.id),
|
|
191
185
|
checked: checked,
|
|
192
186
|
onChange: function onChange() {
|
|
@@ -206,9 +200,9 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
206
200
|
disabled: item.disabled
|
|
207
201
|
}) : item.status === 'editable' || editNodes.map(function (node) {
|
|
208
202
|
return node.id;
|
|
209
|
-
}).includes(item.id) ?
|
|
203
|
+
}).includes(item.id) ? _react["default"].createElement("div", {
|
|
210
204
|
className: "editing"
|
|
211
|
-
},
|
|
205
|
+
}, _react["default"].createElement(_input["default"], {
|
|
212
206
|
placeholder: nodePlaceholder,
|
|
213
207
|
value: (editingNodes.find(function (node) {
|
|
214
208
|
return node.id === item.id;
|
|
@@ -216,7 +210,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
216
210
|
onChange: function onChange(e) {
|
|
217
211
|
onValueChange(e.target.value, item.id);
|
|
218
212
|
}
|
|
219
|
-
}),
|
|
213
|
+
}), _react["default"].createElement("span", {
|
|
220
214
|
style: (editingNodes.find(function (node) {
|
|
221
215
|
return node.id === item.id;
|
|
222
216
|
}) || {}).title === '' ? {
|
|
@@ -235,7 +229,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
235
229
|
saveEditNode(item.id, level);
|
|
236
230
|
}
|
|
237
231
|
}
|
|
238
|
-
}, confirm),
|
|
232
|
+
}, confirm), _react["default"].createElement("span", {
|
|
239
233
|
style: {
|
|
240
234
|
cursor: 'pointer',
|
|
241
235
|
color: '#999'
|
|
@@ -249,7 +243,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
249
243
|
cancelAddSiblingNode(item.id);
|
|
250
244
|
}
|
|
251
245
|
}
|
|
252
|
-
}, cancel)) : draggable ? connectDragSource(
|
|
246
|
+
}, cancel)) : draggable ? connectDragSource(_react["default"].createElement("span", {
|
|
253
247
|
style: item.style,
|
|
254
248
|
className: "".concat(prefixCls, "_item-text ").concat(itemStyle, " ").concat(highlight === item.id ? 'highlight' : '', " ").concat(isDragging ? 'dragging' : '', " ").concat(item.disabled ? prefixCls + '_item-text--disabled' : ''),
|
|
255
249
|
onContextMenu: function onContextMenu(e) {
|
|
@@ -272,10 +266,10 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
272
266
|
highlightable && onSetHighlight(item);
|
|
273
267
|
e.stopPropagation();
|
|
274
268
|
}
|
|
275
|
-
}, item.title, direction === 'sub' && isOver &&
|
|
269
|
+
}, item.title, direction === 'sub' && isOver && _react["default"].createElement(_TreeDivider["default"], {
|
|
276
270
|
placement: "inner",
|
|
277
271
|
theme: this.props.theme
|
|
278
|
-
}))) :
|
|
272
|
+
}))) : _react["default"].createElement("span", {
|
|
279
273
|
style: item.style,
|
|
280
274
|
className: "".concat(prefixCls, "_item-text ").concat(itemStyle, " ").concat(highlight === item.id ? 'highlight' : '', " ").concat(isDragging ? 'dragging' : '', " ").concat(item.disabled ? prefixCls + '_item-text--disabled' : ''),
|
|
281
275
|
onContextMenu: function onContextMenu(e) {
|
|
@@ -298,7 +292,7 @@ var TreeItem = /*#__PURE__*/function (_Component) {
|
|
|
298
292
|
highlightable && onSetHighlight(item);
|
|
299
293
|
e.stopPropagation();
|
|
300
294
|
}
|
|
301
|
-
}, item.title)), item.children && item.children.length > 0 && expanded ? renderTree(item.children, [], level + 1) : null, item.children && expanded && direction === 'down' && isOver &&
|
|
295
|
+
}, item.title)), item.children && item.children.length > 0 && expanded ? renderTree(item.children, [], level + 1) : null, item.children && expanded && direction === 'down' && isOver && _react["default"].createElement(_TreeDivider["default"], {
|
|
302
296
|
placement: "bottom",
|
|
303
297
|
theme: this.props.theme
|
|
304
298
|
}));
|
|
@@ -396,12 +390,16 @@ function targetCollect(connect, monitor) {
|
|
|
396
390
|
var DraggableTreeItem = (0, _reactDnd.DropTarget)(Types['TreeNode'], target, targetCollect)((0, _reactDnd.DragSource)(Types['TreeNode'], source, sourceCollect)(TreeItem));
|
|
397
391
|
|
|
398
392
|
var HOCTreeItem = function HOCTreeItem(TreeItemComponent) {
|
|
399
|
-
|
|
400
|
-
(0, _inherits2["default"])(WrapperTreeItem, _Component2);
|
|
393
|
+
var _temp;
|
|
401
394
|
|
|
402
|
-
|
|
395
|
+
return _temp =
|
|
396
|
+
/*#__PURE__*/
|
|
397
|
+
function (_Component2) {
|
|
398
|
+
(0, _inherits2["default"])(WrapperTreeItem, _Component2);
|
|
403
399
|
|
|
404
400
|
function WrapperTreeItem() {
|
|
401
|
+
var _getPrototypeOf3;
|
|
402
|
+
|
|
405
403
|
var _this3;
|
|
406
404
|
|
|
407
405
|
(0, _classCallCheck2["default"])(this, WrapperTreeItem);
|
|
@@ -410,7 +408,7 @@ var HOCTreeItem = function HOCTreeItem(TreeItemComponent) {
|
|
|
410
408
|
args[_key2] = arguments[_key2];
|
|
411
409
|
}
|
|
412
410
|
|
|
413
|
-
_this3 =
|
|
411
|
+
_this3 = (0, _possibleConstructorReturn2["default"])(this, (_getPrototypeOf3 = (0, _getPrototypeOf4["default"])(WrapperTreeItem)).call.apply(_getPrototypeOf3, [this].concat(args)));
|
|
414
412
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this3), "state", {
|
|
415
413
|
direction: null
|
|
416
414
|
});
|
|
@@ -426,14 +424,14 @@ var HOCTreeItem = function HOCTreeItem(TreeItemComponent) {
|
|
|
426
424
|
key: "render",
|
|
427
425
|
value: function render() {
|
|
428
426
|
var draggable = this.props.draggable;
|
|
429
|
-
return draggable ?
|
|
427
|
+
return draggable ? _react["default"].createElement(DraggableTreeItem, (0, _extends2["default"])({}, this.props, {
|
|
430
428
|
direction: this.state.direction,
|
|
431
429
|
setDirection: this.setDirection
|
|
432
|
-
})) :
|
|
430
|
+
})) : _react["default"].createElement(TreeItemComponent, this.props);
|
|
433
431
|
}
|
|
434
432
|
}]);
|
|
435
433
|
return WrapperTreeItem;
|
|
436
|
-
}(_react.Component);
|
|
434
|
+
}(_react.Component), _temp;
|
|
437
435
|
};
|
|
438
436
|
|
|
439
437
|
var _default = (0, _context["default"])(HOCTreeItem(TreeItem));
|
package/es/tree/TreeNode.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
|
|
@@ -19,14 +19,14 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
|
|
|
19
19
|
|
|
20
20
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
21
|
|
|
22
|
-
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
|
-
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
22
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
23
|
|
|
28
24
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
25
|
|
|
26
|
+
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
27
|
+
|
|
28
|
+
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
29
|
+
|
|
30
30
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
31
|
|
|
32
32
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -57,28 +57,20 @@ var _context3 = _interopRequireDefault(require("../context"));
|
|
|
57
57
|
|
|
58
58
|
var _Modal = _interopRequireDefault(require("../date-picker/Modal"));
|
|
59
59
|
|
|
60
|
-
function
|
|
61
|
-
|
|
62
|
-
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; }
|
|
63
|
-
|
|
64
|
-
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; }
|
|
60
|
+
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; }
|
|
65
61
|
|
|
66
62
|
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; }
|
|
67
63
|
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
function
|
|
71
|
-
|
|
72
|
-
var TreeNode = /*#__PURE__*/function (_Component) {
|
|
64
|
+
var TreeNode =
|
|
65
|
+
/*#__PURE__*/
|
|
66
|
+
function (_Component) {
|
|
73
67
|
(0, _inherits2["default"])(TreeNode, _Component);
|
|
74
68
|
|
|
75
|
-
var _super = _createSuper(TreeNode);
|
|
76
|
-
|
|
77
69
|
function TreeNode(props) {
|
|
78
70
|
var _this;
|
|
79
71
|
|
|
80
72
|
(0, _classCallCheck2["default"])(this, TreeNode);
|
|
81
|
-
_this =
|
|
73
|
+
_this = (0, _possibleConstructorReturn2["default"])(this, (0, _getPrototypeOf2["default"])(TreeNode).call(this, props));
|
|
82
74
|
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "highlightData", function (data, highlightValue) {
|
|
83
75
|
var themeColor = {
|
|
84
76
|
'orange': '#f63',
|
|
@@ -94,7 +86,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
94
86
|
var index = item.title.indexOf(highlightValue);
|
|
95
87
|
var beforeStr = item.title.substr(0, index);
|
|
96
88
|
var afterStr = item.title.substr(index + highlightValue.length);
|
|
97
|
-
item.title =
|
|
89
|
+
item.title = _react["default"].createElement("span", null, beforeStr, _react["default"].createElement("span", {
|
|
98
90
|
style: {
|
|
99
91
|
color: themeColor[_this.props.theme]
|
|
100
92
|
}
|
|
@@ -129,7 +121,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
129
121
|
showLine = _this$props.showLine,
|
|
130
122
|
apperance = _this$props.apperance;
|
|
131
123
|
var switcherClsName = (0, _classnames["default"])("".concat(prefixCls, "-switcher"), 'hi-icon', "icon-".concat(expanded ? openIcon || showLine && 'TreeMinus' || apperance === 'folder' && 'Folder-open' || 'open' : closeIcon || showLine && 'TreePlus' || apperance === 'folder' && 'folder' || 'packup'));
|
|
132
|
-
return
|
|
124
|
+
return _react["default"].createElement("i", {
|
|
133
125
|
className: switcherClsName
|
|
134
126
|
});
|
|
135
127
|
});
|
|
@@ -306,8 +298,12 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
306
298
|
}
|
|
307
299
|
});
|
|
308
300
|
});
|
|
309
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "saveEditNode",
|
|
310
|
-
|
|
301
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "saveEditNode",
|
|
302
|
+
/*#__PURE__*/
|
|
303
|
+
function () {
|
|
304
|
+
var _ref = (0, _asyncToGenerator2["default"])(
|
|
305
|
+
/*#__PURE__*/
|
|
306
|
+
_regenerator["default"].mark(function _callee(itemId, level) {
|
|
311
307
|
var _this$state4, editNodes, dataCache, editingNodes, nodeEdited, _dataCache, result;
|
|
312
308
|
|
|
313
309
|
return _regenerator["default"].wrap(function _callee$(_context) {
|
|
@@ -535,8 +531,12 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
535
531
|
}
|
|
536
532
|
});
|
|
537
533
|
});
|
|
538
|
-
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_deleteNode",
|
|
539
|
-
|
|
534
|
+
(0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "_deleteNode",
|
|
535
|
+
/*#__PURE__*/
|
|
536
|
+
function () {
|
|
537
|
+
var _ref3 = (0, _asyncToGenerator2["default"])(
|
|
538
|
+
/*#__PURE__*/
|
|
539
|
+
_regenerator["default"].mark(function _callee2(delNode) {
|
|
540
540
|
var dataCache, _dataCache, node, result;
|
|
541
541
|
|
|
542
542
|
return _regenerator["default"].wrap(function _callee2$(_context2) {
|
|
@@ -637,7 +637,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
637
637
|
}
|
|
638
638
|
}
|
|
639
639
|
|
|
640
|
-
var contextMenuPanel =
|
|
640
|
+
var contextMenuPanel = _react["default"].createElement("ul", {
|
|
641
641
|
className: "right-click-menu theme__".concat(_this.props.theme),
|
|
642
642
|
style: {
|
|
643
643
|
left: rect.left + rect.width + 5,
|
|
@@ -704,8 +704,8 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
704
704
|
highlight = _this$state5.highlight,
|
|
705
705
|
editNodes = _this$state5.editNodes,
|
|
706
706
|
editingNodes = _this$state5.editingNodes;
|
|
707
|
-
return
|
|
708
|
-
return
|
|
707
|
+
return _react["default"].createElement("ul", null, data.map(function (item, index) {
|
|
708
|
+
return _react["default"].createElement(_TreeItem["default"], {
|
|
709
709
|
origin: origin,
|
|
710
710
|
showLine: showLine,
|
|
711
711
|
key: item.id,
|
|
@@ -772,7 +772,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
772
772
|
del = _props$localeDatas$tr.del;
|
|
773
773
|
_this.defaultEditNodeMenu = {
|
|
774
774
|
'editNode': function editNode(item, menu, index, level) {
|
|
775
|
-
return
|
|
775
|
+
return _react["default"].createElement("li", {
|
|
776
776
|
key: index,
|
|
777
777
|
onClick: function onClick() {
|
|
778
778
|
var node = (0, _util.findNode)(item.id, _this.state.dataCache);
|
|
@@ -783,7 +783,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
783
783
|
}, menu.title || edit);
|
|
784
784
|
},
|
|
785
785
|
'addChildNode': function addChildNode(item, menu, index, level) {
|
|
786
|
-
return
|
|
786
|
+
return _react["default"].createElement("li", {
|
|
787
787
|
key: index,
|
|
788
788
|
onClick: function onClick() {
|
|
789
789
|
menu.onClick ? menu.onClick(item, (0, _assertThisInitialized2["default"])(_this)) : _this.addChildNode(item);
|
|
@@ -793,7 +793,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
793
793
|
}, menu.title || _addChildNode);
|
|
794
794
|
},
|
|
795
795
|
'addSiblingNode': function addSiblingNode(item, menu, index, level) {
|
|
796
|
-
return
|
|
796
|
+
return _react["default"].createElement("li", {
|
|
797
797
|
key: index,
|
|
798
798
|
onClick: function onClick() {
|
|
799
799
|
menu.onClick ? menu.onClick(item, (0, _assertThisInitialized2["default"])(_this)) : _this.addSiblingNode(item.id);
|
|
@@ -803,7 +803,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
803
803
|
}, menu.title || _addNode);
|
|
804
804
|
},
|
|
805
805
|
'deleteNode': function deleteNode(item, menu, index, level) {
|
|
806
|
-
return
|
|
806
|
+
return _react["default"].createElement("li", {
|
|
807
807
|
key: index,
|
|
808
808
|
onClick: function onClick() {
|
|
809
809
|
menu.onClick ? menu.onClick(item, (0, _assertThisInitialized2["default"])(_this)) : _this.deleteNode(item, level);
|
|
@@ -813,7 +813,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
813
813
|
}, menu.title || del);
|
|
814
814
|
},
|
|
815
815
|
'customer': function customer(item, menu, index) {
|
|
816
|
-
return
|
|
816
|
+
return _react["default"].createElement("li", {
|
|
817
817
|
key: index,
|
|
818
818
|
onClick: function onClick() {
|
|
819
819
|
menu.onClick && menu.onClick(item);
|
|
@@ -843,9 +843,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
843
843
|
searchEmptyResult = _localeDatas$tree.searchEmptyResult,
|
|
844
844
|
modalTitle = _localeDatas$tree.modalTitle,
|
|
845
845
|
delTips = _localeDatas$tree.delTips;
|
|
846
|
-
return
|
|
846
|
+
return _react["default"].createElement("div", null, searchable && _react["default"].createElement("div", {
|
|
847
847
|
className: "hi-tree__searcher"
|
|
848
|
-
},
|
|
848
|
+
}, _react["default"].createElement(_input["default"], {
|
|
849
849
|
value: this.state.searchValue,
|
|
850
850
|
type: "text",
|
|
851
851
|
placeholder: searchPlaceholder,
|
|
@@ -857,7 +857,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
857
857
|
|
|
858
858
|
_this2.props.setExpandTreeNodes((0, _util.collectExpandId)(dataCache, e.target.value, [], dataCache));
|
|
859
859
|
},
|
|
860
|
-
append:
|
|
860
|
+
append: _react["default"].createElement(_icon["default"], {
|
|
861
861
|
name: "search",
|
|
862
862
|
style: {
|
|
863
863
|
fontSize: '16px'
|
|
@@ -866,9 +866,9 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
866
866
|
style: {
|
|
867
867
|
width: '272px'
|
|
868
868
|
}
|
|
869
|
-
}), highlightNum === 0 && searchValue !== '' &&
|
|
869
|
+
}), highlightNum === 0 && searchValue !== '' && _react["default"].createElement("div", {
|
|
870
870
|
className: "hi-tree__searcher--empty"
|
|
871
|
-
}, searchEmptyResult)), searchable ? this.renderTree(this.highlightData((0, _cloneDeep["default"])(dataCache), searchValue), dataCache, 0) : this.renderTree((0, _cloneDeep["default"])(dataCache), dataCache, 0),
|
|
871
|
+
}, searchEmptyResult)), searchable ? this.renderTree(this.highlightData((0, _cloneDeep["default"])(dataCache), searchValue), dataCache, 0) : this.renderTree((0, _cloneDeep["default"])(dataCache), dataCache, 0), _react["default"].createElement(_modal["default"], {
|
|
872
872
|
title: modalTitle,
|
|
873
873
|
show: this.state.showModal,
|
|
874
874
|
onConfirm: function onConfirm() {
|
|
@@ -883,7 +883,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
883
883
|
showModal: false
|
|
884
884
|
});
|
|
885
885
|
}
|
|
886
|
-
},
|
|
886
|
+
}, _react["default"].createElement("span", null, delTips)), this.state.contextMenuPanel && _react["default"].createElement(_Modal["default"], {
|
|
887
887
|
clickOutSide: function clickOutSide() {
|
|
888
888
|
_this2.setState({
|
|
889
889
|
contextMenuPanel: null
|
|
@@ -895,7 +895,7 @@ var TreeNode = /*#__PURE__*/function (_Component) {
|
|
|
895
895
|
key: "getDerivedStateFromProps",
|
|
896
896
|
value: function getDerivedStateFromProps(props, state) {
|
|
897
897
|
if (!(0, _isEqual["default"])(props.data, state.prevData)) {
|
|
898
|
-
return _objectSpread(
|
|
898
|
+
return _objectSpread({}, state, {
|
|
899
899
|
prevData: props.data,
|
|
900
900
|
dataCache: props.data
|
|
901
901
|
});
|