xh-lab-rc 0.18.6 → 0.18.7
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.
|
@@ -24,7 +24,8 @@ var treeCheckedList = [];
|
|
|
24
24
|
var LabOperateTree = function LabOperateTree() {
|
|
25
25
|
var _leafItemTreeList$2;
|
|
26
26
|
var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {
|
|
27
|
-
treeData: []
|
|
27
|
+
treeData: [],
|
|
28
|
+
operateType: 'icon'
|
|
28
29
|
};
|
|
29
30
|
var ref = arguments.length > 1 ? arguments[1] : undefined;
|
|
30
31
|
var _useMemo = useMemo(function () {
|
|
@@ -122,7 +123,7 @@ var LabOperateTree = function LabOperateTree() {
|
|
|
122
123
|
return treeCheckedList;
|
|
123
124
|
};
|
|
124
125
|
|
|
125
|
-
//
|
|
126
|
+
// 给树节点绑定操作按钮和图标
|
|
126
127
|
var initOperateTree = function initOperateTree(treeData, openMarkData) {
|
|
127
128
|
var dfs = function dfs(treeData) {
|
|
128
129
|
treeData.map(function (v) {
|
|
@@ -133,17 +134,40 @@ var LabOperateTree = function LabOperateTree() {
|
|
|
133
134
|
className: 'title-box'
|
|
134
135
|
}, /*#__PURE__*/React.createElement("div", {
|
|
135
136
|
className: 'l'
|
|
136
|
-
}, props.showIcon && /*#__PURE__*/React.createElement("div", null, props.showIcon && (v.iconElement || (props === null || props === void 0 || (_props$iconElementByN = props.iconElementByNodeType) === null || _props$iconElementByN === void 0 ? void 0 : _props$iconElementByN[v === null || v === void 0 ? void 0 : v.NODE_TYPE]) || '')), /*#__PURE__*/React.createElement("div", null,
|
|
137
|
+
}, props.showIcon && /*#__PURE__*/React.createElement("div", null, props.showIcon && (v.iconElement || (props === null || props === void 0 || (_props$iconElementByN = props.iconElementByNodeType) === null || _props$iconElementByN === void 0 ? void 0 : _props$iconElementByN[v === null || v === void 0 ? void 0 : v.NODE_TYPE]) || '')), /*#__PURE__*/React.createElement("div", null, props.operateType === 'title' ? /*#__PURE__*/React.createElement(Popover, {
|
|
138
|
+
arrow: false,
|
|
139
|
+
overlayClassName: 'my-popover-box',
|
|
140
|
+
placement: "bottom",
|
|
141
|
+
content: /*#__PURE__*/React.createElement("div", {
|
|
142
|
+
className: 'popover-box',
|
|
143
|
+
onClick: function onClick() {
|
|
144
|
+
initOperateTree(_toConsumableArray(props.treeData), {});
|
|
145
|
+
}
|
|
146
|
+
}, props.leafOperateListElement),
|
|
147
|
+
open: openMarkData[v.SOURCE_PATH] || false,
|
|
148
|
+
onOpenChange: function onOpenChange(newOpen) {
|
|
149
|
+
if (newOpen) {
|
|
150
|
+
var _props$onOpenPopover;
|
|
151
|
+
props === null || props === void 0 || (_props$onOpenPopover = props.onOpenPopover) === null || _props$onOpenPopover === void 0 || _props$onOpenPopover.call(props, v);
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
destroyTooltipOnHide: true
|
|
155
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
156
|
+
onContextMenu: function onContextMenu(e) {
|
|
157
|
+
e.preventDefault();
|
|
158
|
+
initOperateTree(_toConsumableArray(props.treeData), _defineProperty({}, v.SOURCE_PATH, true));
|
|
159
|
+
}
|
|
160
|
+
}, v === null || v === void 0 ? void 0 : v.NAME)) : v.NAME)), /*#__PURE__*/React.createElement("div", {
|
|
137
161
|
className: 'r',
|
|
138
162
|
onClick: function onClick(e) {
|
|
139
163
|
e.stopPropagation();
|
|
140
164
|
}
|
|
141
165
|
}, props.showOperateIcon && (props !== null && props !== void 0 && props.singleOperateElement ? /*#__PURE__*/React.createElement("span", {
|
|
142
166
|
onClick: function onClick() {
|
|
143
|
-
var _props$
|
|
144
|
-
props === null || props === void 0 || (_props$
|
|
167
|
+
var _props$onOpenPopover2;
|
|
168
|
+
props === null || props === void 0 || (_props$onOpenPopover2 = props.onOpenPopover) === null || _props$onOpenPopover2 === void 0 || _props$onOpenPopover2.call(props, v);
|
|
145
169
|
}
|
|
146
|
-
}, props === null || props === void 0 || (_props$operateElement = props.operateElementByNodeType) === null || _props$operateElement === void 0 ? void 0 : _props$operateElement[v === null || v === void 0 ? void 0 : v.NODE_TYPE]) : /*#__PURE__*/React.createElement(Popover, {
|
|
170
|
+
}, v.operateElement || (props === null || props === void 0 || (_props$operateElement = props.operateElementByNodeType) === null || _props$operateElement === void 0 ? void 0 : _props$operateElement[v === null || v === void 0 ? void 0 : v.NODE_TYPE]) || /*#__PURE__*/React.createElement(MoreOutlined, null)) : props.operateType === 'icon' && /*#__PURE__*/React.createElement(Popover, {
|
|
147
171
|
arrow: false,
|
|
148
172
|
overlayClassName: 'my-popover-box',
|
|
149
173
|
content: /*#__PURE__*/React.createElement("div", {
|
|
@@ -155,8 +179,8 @@ var LabOperateTree = function LabOperateTree() {
|
|
|
155
179
|
open: openMarkData[v.SOURCE_PATH] || false,
|
|
156
180
|
onOpenChange: function onOpenChange(newOpen) {
|
|
157
181
|
if (newOpen) {
|
|
158
|
-
var _props$
|
|
159
|
-
props === null || props === void 0 || (_props$
|
|
182
|
+
var _props$onOpenPopover3;
|
|
183
|
+
props === null || props === void 0 || (_props$onOpenPopover3 = props.onOpenPopover) === null || _props$onOpenPopover3 === void 0 || _props$onOpenPopover3.call(props, v);
|
|
160
184
|
}
|
|
161
185
|
initOperateTree(_toConsumableArray(props.treeData), _defineProperty({}, v.SOURCE_PATH, newOpen));
|
|
162
186
|
},
|