@riil-frontend/component-topology 3.3.0 → 3.5.0-a.1

package/es/topoCenter/components/editor/propertyViews/edge/addLinkDrawer/AddLinkDrawer.js

@@ -23,6 +23,10 @@ function AddLinkDrawer(props) {
       lineData = props.lineData;
   var store = topo.store;
 
+  var _topo$store$useModel = topo.store.useModel("topoMod"),
+      topoState = _topo$store$useModel[0],
+      topoDispatchers = _topo$store$useModel[1];
+
   var _store$useModel = store.useModel("topoConfig"),
       editState = _store$useModel[0],
       editDispatchers = _store$useModel[1];
@@ -33,8 +37,6 @@ function AddLinkDrawer(props) {
 
   var addLinkIsOpen = editState.addLinkIsOpen,
       currentLink = editState.currentLink;
-  var ciConnectable = linkState.ciConnectable; // // rlog.debug("addLinkDrawer--init-addLinkIsOpen", addLinkIsOpen, currentLink);
-  // const [visible, { setTrue, setFalse }] = useBoolean();
 
   var _useState = useState(),
       link = _useState[0],
@@ -46,12 +48,16 @@ function AddLinkDrawer(props) {
 
   var _useState3 = useState(false),
       loading = _useState3[0],
-      setLoading = _useState3[1]; // 保存后更新拓扑图状态
+      setLoading = _useState3[1];
+
+  var _useState4 = useState(),
+      sourceIFDoc = _useState4[0],
+      setSourceIFDoc = _useState4[1]; // 保存后更新拓扑图状态
 
 
-  var _useState4 = useState([]),
-      ciIdsConnectable = _useState4[0],
-      setCiIdsConnectable = _useState4[1];
+  var _useState5 = useState([]),
+      ciIdsConnectable = _useState5[0],
+      setCiIdsConnectable = _useState5[1];
 
   var linkNodesRef = useRef();
 
@@ -193,6 +199,7 @@ function AddLinkDrawer(props) {
 
             case 6:
               targetPorts = _context3.sent;
+              setSourceIFDoc(sourcePorts.portsDoc);
               connect_type = currentLink.attributes["network_link.connect_type"] === "exit" ? "exit" : "phy";
               setLink({
                 source: {
@@ -220,7 +227,7 @@ function AddLinkDrawer(props) {
                 })
               });
 
-            case 9:
+            case 10:
             case "end":
               return _context3.stop();
           }
@@ -243,23 +250,17 @@ function AddLinkDrawer(props) {
 
   var getCiTypesConnectable = /*#__PURE__*/function () {
     var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
-      var notifier, ciTypesConnectable, nodes, ciIds, ciNodes;
+      var ciTypesConnectable, nodes, ciIds, ciNodes;
       return _regeneratorRuntime.wrap(function _callee4$(_context4) {
         while (1) {
           switch (_context4.prev = _context4.next) {
             case 0:
-              notifier = topo.view.topoClient.notifier; // rlog.debug("加载哪些ci类型可创建链路-getCiTypesConnectable");
-              // 加载哪些ci类型可创建链路
-
-              _context4.next = 3;
+              _context4.next = 2;
               return topoService.networkLink.getCiTypesConnectable(RESOURCE_LIMIT_TYPES);
 
-            case 3:
+            case 2:
               ciTypesConnectable = _context4.sent;
-              nodes = getNodes(topo.getDataModel()); // rlog.debug("getCiTypesConnectable", nodes);
-              // const tags = topo.getTag();
-              // rlog.debug("加载哪些ci类型可创建链路", ciTypesConnectable, topo, nodes);
-
+              nodes = getNodes(topo.getDataModel());
               ciIds = [];
               ciNodes = [];
               nodes.map(function (node) {
@@ -275,7 +276,7 @@ function AddLinkDrawer(props) {
               setCiIdsConnectable(ciIds);
               return _context4.abrupt("return", ciNodes);
 
-            case 11:
+            case 10:
             case "end":
               return _context4.stop();
           }
@@ -342,15 +343,7 @@ function AddLinkDrawer(props) {
     var htTopo = topo.getHtTopo();
     var _linkNodesRef$current = linkNodesRef.current,
         source = _linkNodesRef$current.source,
-        target = _linkNodesRef$current.target; // rlog.debug(
-    //   "addLinkToGraph",
-    //   source,
-    //   source.getTag(),
-    //   target,
-    //   target.getTag(),
-    //   linkData,
-    //   htTopo
-    // );
+        target = _linkNodesRef$current.target;
 
     try {
       // 获取两个节点间的连线数据列表
@@ -375,10 +368,7 @@ function AddLinkDrawer(props) {
           // rlog.debug("addLinkToGraph-exit-target", target, target.getTag());
           target.a("name", targetName);
         }
-      } //console.log("选中", topo.getGraphView().dm().sm());
-      //console.log("选中", topo.getDataModel().getDataByTag(linkData.id));
-      // TODO 选中
-
+      }
 
       topo.getGraphView().dm().sm().ss(topo.getDataModel().getDataByTag(linkData.id));
     } catch (error) {
@@ -386,16 +376,43 @@ function AddLinkDrawer(props) {
     }
   };
 
+  var mergeExitLinkData = function mergeExitLinkData(data, attributes) {
+    return {
+      id: data.id,
+      name: data.name,
+      source: data["network_link.source_device_id"],
+      target: data["network_link.destination_device_id"],
+      operation: data.operation,
+      interfaceSource: data["source_id"],
+      interfaceTarget: data["destination_id"],
+      ciType: data.ciType,
+      attributes: _extends({}, attributes, {
+        display_name: data.display_name,
+        name: data.name,
+        "network_link.actual_bandwidth": data["network_link.actual_bandwidth"],
+        "network_link.connect_type": data["network_link.connect_type"],
+        "network_link.destination_ipv4": data["network_link.destination_ipv4"],
+        "network_link.source_device_id": data["network_link.source_device_id"],
+        source_id: data.source_id,
+        support_templates: data.support_templates,
+        use: data.use,
+        source_id_object: {
+          displayName: sourceIFDoc[data.source_id].label
+        }
+      })
+    };
+  };
+
   var onSave = /*#__PURE__*/function () {
     var _ref6 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5(data) {
-      var parm, result, config, exportLinkIdList, _yield$editDispatcher, elements, linkData, linkType;
+      var parm, result, linkType, config, exportLinkIdList, _yield$editDispatcher, elements, linkData, edge, aobj, target, links, linkAttrKey, newLinkData, newLinks, newData;
 
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
               //editDispatchers.update({ addLinkIsOpen: false });
-              // rlog.debug("保存链路信息", data);
+              // rlog.debug("保存链路信息", isAddMode, data);
               setLoading(true);
               parm = {
                 attributes: data
@@ -424,23 +441,19 @@ function AddLinkDrawer(props) {
               result = _context5.sent;
 
             case 13:
-              setLoading(false); // if (result) {
-              //   Message.success("保存成功");
-              // }
-
-              _context5.prev = 14;
+              setLoading(false);
+              linkType = data["network_link.connect_type"];
+              _context5.prev = 15;
 
               if (!result) {
-                _context5.next = 36;
+                _context5.next = 35;
                 break;
               }
 
-              config = topo.resourceConfig.getConfigFromHt(); // rlog.debug("getConfigFromHt", config, topo.resourceConfig);
-
-              console.log("save success", data, result); // 新建后显示到图上
+              config = topo.resourceConfig.getConfigFromHt(); // 新建后显示到图上
 
               if (!isAddMode) {
-                _context5.next = 33;
+                _context5.next = 31;
                 break;
               }
 
@@ -452,7 +465,8 @@ function AddLinkDrawer(props) {
 
               topo.resourceConfig.updateConfig(_extends({}, config, {
                 exportLinkIdList: exportLinkIdList
-              }));
+              })); // const linkType = data["network_link.connect_type"];
+
               _context5.next = 24;
               return editDispatchers.fetchDataByConfig();
 
@@ -462,46 +476,67 @@ function AddLinkDrawer(props) {
               linkData = elements.find(function (element) {
                 return element.id === result;
               });
-              linkType = data["network_link.connect_type"];
               addLinkToGraph({
                 linkData: clone(linkData),
                 linkType: linkType,
                 targetName: data["network_link.destination_ipv4"]
               });
 
-              if (data["network_link.connect_type"] === "exit") {
-                console.log("save success--- data, elements", data, elements);
-              }
-
               _Message.success("创建成功");
 
-              _context5.next = 34;
+              _context5.next = 33;
               break;
 
-            case 33:
+            case 31:
+              // console.log("保存编辑信息", data, linkType);
+              if (linkType === "exit") {
+                edge = topo.getGraphView().dm().sm().ld();
+                aobj = edge.getAttrObject();
+                edge.setAttrObject(_extends({}, aobj, data));
+                target = edge.getTarget();
+
+                if (target.getTag() === undefined) {
+                  target.a("name", data["network_link.destination_ipv4"]);
+                }
+
+                links = topoState.data.links;
+                linkAttrKey = links.findIndex(function (item) {
+                  return item.id === aobj.id;
+                });
+                newLinkData = mergeExitLinkData(edge.getAttrObject(), links[linkAttrKey]);
+                newLinks = clone(links);
+                newLinks.splice(linkAttrKey, 1, newLinkData);
+                newData = _extends({}, topoState.data, {
+                  links: newLinks
+                });
+                topoDispatchers.update({
+                  data: newData
+                });
+              }
+
               _Message.success("保存成功");
 
-            case 34:
+            case 33:
               editDispatchers.update({
                 addLinkIsOpen: false,
                 currentLink: null
               });
               topo.linkDynamicStyleExecutor.execute();
 
-            case 36:
-              _context5.next = 40;
+            case 35:
+              _context5.next = 39;
               break;
 
-            case 38:
-              _context5.prev = 38;
-              _context5.t0 = _context5["catch"](14);
+            case 37:
+              _context5.prev = 37;
+              _context5.t0 = _context5["catch"](15);
 
-            case 40:
+            case 39:
             case "end":
               return _context5.stop();
           }
         }
-      }, _callee5, null, [[14, 38]]);
+      }, _callee5, null, [[15, 37]]);
     }));
 
     return function onSave(_x3) {

package/es/topoCenter/components/editor/propertyViews/edge/addLinkDrawer/components/editLinkInfo.js

@@ -63,8 +63,8 @@ export default function EditLinkInfo(props) {
       setConnectEnable = _useState4[1];
 
   var fieldOnChange = function fieldOnChange(name, value) {
-    var newValues = field.getValues();
-    rlog.debug("Field-onChange", newValues, name, value);
+    var newValues = field.getValues(); // rlog.debug("Field-onChange", newValues, name, value);
+
     setValus(newValues);
   };
 
@@ -111,7 +111,6 @@ export default function EditLinkInfo(props) {
   };
 
   var connectHandleChange = function connectHandleChange(v) {
-    console.log("connectHandleChange", v);
     field.setValue("connect_type", v);
   };
 
@@ -129,9 +128,9 @@ export default function EditLinkInfo(props) {
       actualBandwidth = Math.min(sourceRb, targetRb);
     } else {
       actualBandwidth = sourceRb || targetRb;
-    }
+    } // rlog.debug("network_link.actual_bandwidth", actualBandwidth);
+
 
-    rlog.debug("network_link.actual_bandwidth", actualBandwidth);
     field.setValue("network_link.actual_bandwidth", actualBandwidth);
   };
 
@@ -140,14 +139,15 @@ export default function EditLinkInfo(props) {
       if (errors) {
         rlog.debug("saveHandleChange-error", errors, values);
       } else {
-        var _valus$destination_id, _sourceValue$portsDoc3, _sourceValue$portsDoc4, _targetValue$portsDoc3, _targetValue$portsDoc4, _sourceValue$ipAddres, _targetValue$ipAddres, _targetValue$id;
+        var _valus$destination_id, _sourceValue$portsDoc3, _sourceValue$portsDoc4, _targetValue$portsDoc3, _targetValue$portsDoc4, _targetValue$ipAddres, _sourceValue$ipAddres, _targetValue$id;
 
         rlog.debug("saveHandleChange", valus, source, target);
         var sourceId = valus["source_id"];
         var destinationId = (_valus$destination_id = valus["destination_id"]) !== null && _valus$destination_id !== void 0 ? _valus$destination_id : "";
         var sourceType = (_sourceValue$portsDoc3 = (_sourceValue$portsDoc4 = sourceValue.portsDoc[sourceId]) === null || _sourceValue$portsDoc4 === void 0 ? void 0 : _sourceValue$portsDoc4.type) !== null && _sourceValue$portsDoc3 !== void 0 ? _sourceValue$portsDoc3 : "";
         var destinationType = (_targetValue$portsDoc3 = (_targetValue$portsDoc4 = targetValue.portsDoc[destinationId]) === null || _targetValue$portsDoc4 === void 0 ? void 0 : _targetValue$portsDoc4.type) !== null && _targetValue$portsDoc3 !== void 0 ? _targetValue$portsDoc3 : "";
-        var typeJudge = linkTypeJudge(sourceType, destinationType, valus["connect_type"]);
+        var typeJudge = linkTypeJudge(sourceType, destinationType, valus["network_link.connect_type"]);
+        var destination_ipv4 = valus["network_link.connect_type"] !== "exit" ? (_targetValue$ipAddres = targetValue.ipAddress) !== null && _targetValue$ipAddres !== void 0 ? _targetValue$ipAddres : valus["network_link.destination_ipv4"] : valus["network_link.destination_ipv4"];
         var obj = {
           display_name: valus["display_name"],
           // 链路名称
@@ -155,7 +155,7 @@ export default function EditLinkInfo(props) {
           // 链路名称
           "network_link.source_ipv4": (_sourceValue$ipAddres = sourceValue.ipAddress) !== null && _sourceValue$ipAddres !== void 0 ? _sourceValue$ipAddres : valus["network_link.source_ipv4"],
           // 源IP
-          "network_link.destination_ipv4": (_targetValue$ipAddres = targetValue.ipAddress) !== null && _targetValue$ipAddres !== void 0 ? _targetValue$ipAddres : valus["network_link.destination_ipv4"],
+          "network_link.destination_ipv4": destination_ipv4,
           // 目的IP
           // source_id, // 源端口
           // destination_id, // 目的端口
@@ -224,6 +224,16 @@ export default function EditLinkInfo(props) {
     });
   };
 
+  var targetIpComp = function targetIpComp(targetValue) {
+    return targetValue.ipAddress && targetValue.ciType !== "customNode" ? /*#__PURE__*/React.createElement("div", {
+      className: styles.label
+    }, targetValue.ipAddress) : /*#__PURE__*/React.createElement(_Input, {
+      placeholder: "\u8BF7\u8F93\u5165",
+      name: "network_link.destination_ipv4",
+      maxLength: 128
+    });
+  };
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.editForm
   }, /*#__PURE__*/React.createElement(_Form, {
@@ -262,13 +272,7 @@ export default function EditLinkInfo(props) {
   }, /*#__PURE__*/React.createElement(FormItem, _extends({}, formItemLayout, {
     labelAlign: labelAlign,
     label: "\u76EE\u7684\u8282\u70B9IP"
-  }), targetValue.ipAddress ? /*#__PURE__*/React.createElement("div", {
-    className: styles.label
-  }, targetValue.ipAddress) : /*#__PURE__*/React.createElement(_Input, {
-    placeholder: "\u8BF7\u8F93\u5165",
-    name: "network_link.destination_ipv4",
-    maxLength: 128
-  })))), /*#__PURE__*/React.createElement(Row, {
+  }), targetIpComp(target)))), /*#__PURE__*/React.createElement(Row, {
     gutter: "16"
   }, /*#__PURE__*/React.createElement(Col, {
     span: "12"

package/es/topoCenter/hooks/editor/useDeleteEdges.js

@@ -166,6 +166,8 @@ export default (function (_ref) {
     } else {
       htTopo.deleteEdge(edge);
     }
+
+    topo.linkDynamicStyleExecutor.execute();
   };
 
   var deleteEdges = function deleteEdges(edges) {

package/es/topoCenter/services/link.js

@@ -146,41 +146,49 @@ export default {
    *
    * @param {array} ciIds
    */
-  queryAssociatedlinks: function queryAssociatedlinks(ids) {
+  queryAssociatedlinks: function queryAssociatedlinks(ids, type) {
     return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
-      var idtxt, parm, jsonParm, result;
+      var stag, ttag, condition, parm, jsonParm, result;
       return _regeneratorRuntime.wrap(function _callee5$(_context5) {
         while (1) {
           switch (_context5.prev = _context5.next) {
             case 0:
-              idtxt = "'" + ids[0] + "','" + ids[1] + "'";
+              // const idtxt = `'${ids[0]}','${ids[1]}'`;
+              stag = ids[0];
+              ttag = ids[1];
+              condition = "type('network_link') && network_link.connect_type = 'exit' && network_link.source_device_id ='" + stag + "'";
+
+              if (ttag) {
+                condition = "type('network_link') && network_link.connect_type = 'exit' && network_link.source_device_id ='" + stag + "' && network_link.destination_device_id='" + ttag + "'";
+              }
+
               parm = {
-                condition: "type('network_link') && network_link.connect_type = 'exit' && network_link.source_device_id in [" + idtxt + "]",
+                condition: condition,
                 sort: "name asc",
                 currentPage: 1,
-                pageSize: 20
+                pageSize: 99
               };
               jsonParm = JSON.stringify(parm);
-              console.log("queryAssociatedlinks", ids, idtxt, parm, jsonParm);
-              _context5.prev = 4;
-              _context5.next = 7;
+              console.log("queryAssociatedlinks", ids, parm, jsonParm);
+              _context5.prev = 7;
+              _context5.next = 10;
               return getRequest().post("/mdc/v1/api/cmdb/commonQueryCiData", jsonParm);
 
-            case 7:
+            case 10:
               result = _context5.sent;
               return _context5.abrupt("return", result);
 
-            case 11:
-              _context5.prev = 11;
-              _context5.t0 = _context5["catch"](4);
+            case 14:
+              _context5.prev = 14;
+              _context5.t0 = _context5["catch"](7);
               rlog.error("查询可关联链路", _context5.t0);
 
-            case 14:
+            case 17:
             case "end":
               return _context5.stop();
           }
         }
-      }, _callee5, null, [[4, 11]]);
+      }, _callee5, null, [[7, 14]]);
     }))();
   }
 };

package/es/topoCenter/store/topoTreeMod.js

@@ -1,9 +1,9 @@
+import _Message from "@alifd/next/es/message";
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _extends from "@babel/runtime/helpers/extends";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import topoServer from '@riil-frontend/component-topology-common/es/services/topo';
 import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import { treeMockData, topoInteData } from "../../utils/topoMocks";
 import { formatTree, loopTree, loopTreeFun, findParentIdsById, treeNodeCount } from "../../utils/tree";
 
 var clone = function clone(data) {
@@ -20,7 +20,6 @@ export default function (topoApp) {
       treeData: [],
       // 是否加载数据
       loaded: false,
-      topoInteData: topoInteData,
       selectedNode: [],
       defId: '',
       drawVisible: false,
@@ -263,25 +262,13 @@ export default function (topoApp) {
 
                   case 4:
                     resTreeData = _context5.sent;
+                    _context5.next = 7;
+                    return _this4.refreshTree();
 
-                    _this4.refreshTree(); // let treeData = clone(state.topoTreeMod.treeData);
-                    // loopTree(
-                    //   treeData,
-                    //   conditions,
-                    //   (parent, index, arr) => {
-                    //     arr[index].showDefault = true;
-                    //   }
-                    // );
-                    //
-                    // treeData = formatTree(treeData, state.functionAuth.permissions);
-                    //
-                    // this.update({
-                    //   treeData,
-                    //   defId: conditions,
-                    // });
-
+                  case 7:
+                    _Message.success('设置成功');
 
-                  case 6:
+                  case 8:
                   case "end":
                     return _context5.stop();
                 }

package/es/topoCenter/utils/linPermissionUtil.js

@@ -18,14 +18,13 @@ var isWriteable = function isWriteable(link, source, target, linkType) {
 
 export function getLinkPermission(edge, nodes, link) {
   var source = nodes.find(function (node) {
-    return node.id === edge.source;
+    return node.id === edge.getSource().getTag();
   });
   var target = nodes.find(function (node) {
-    return node.id === edge.target;
+    return node.id === edge.getTarget().getTag();
   }); // console.log("getLinkPermission", edge, source, target, link);
 
-  var linkType = link.attributes["network_link.connect_type"]; //TODO 这里的逻辑因为 出口链路 可能需要调整
-
+  var linkType = link ? link.attributes["network_link.connect_type"] : edge.a("network_link.connect_type");
   return {
     readable: (source === null || source === void 0 ? void 0 : source.operation) || (target === null || target === void 0 ? void 0 : target.operation),
     writeable: isWriteable(edge, source, target, linkType),

package/lib/components/MultiResourceDrawer/index.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _ResourceSelectDrawer = _interopRequireDefault(require("../ResourceSelectDrawer"));
+var _NetworkTopoResourceSelectDrawer = _interopRequireDefault(require("../NetworkTopoResourceSelectDrawer"));
 
 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); }
 
@@ -56,7 +56,7 @@ var MultiResourceDrawer = function MultiResourceDrawer(props) {
     };
   }();
 
-  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_NetworkTopoResourceSelectDrawer["default"], {
     visible: visible,
     getExcludeIds: getExcludeIds,
     onOk: onDrawerSave,

package/lib/components/NetworkTopoResourceSelectDrawer/NetworkTopoResourceSelectDrawer.js

@@ -0,0 +1,20 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = NetworkTopoResourceSelectDrawer;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ResourceTypeLimit = require("../../constants/ResourceTypeLimit");
+
+var _ResourceSelectDrawer = _interopRequireDefault(require("../ResourceSelectDrawer/ResourceSelectDrawer"));
+
+function NetworkTopoResourceSelectDrawer(props) {
+  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], (0, _extends2["default"])({
+    commonResListProps: (0, _ResourceTypeLimit.getNetworkTopoCommonResListProps)()
+  }, props));
+}

package/lib/components/NetworkTopoResourceSelectDrawer/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _NetworkTopoResourceSelectDrawer = _interopRequireDefault(require("./NetworkTopoResourceSelectDrawer"));
+
+var _default = _NetworkTopoResourceSelectDrawer["default"];
+exports["default"] = _default;

package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js

@@ -32,12 +32,14 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function ResourceSelectDrawer(props) {
   var visible = props.visible,
+      title = props.title,
       selectionMode = props.selectionMode,
       limitTypes = props.limitTypes,
       excludeIds = props.excludeIds,
       getExcludeIds = props.getExcludeIds,
       onOk = props.onOk,
-      onClose = props.onClose;
+      onClose = props.onClose,
+      commonResListProps = props.commonResListProps;
   var resourceSelectRef = (0, _react.useRef)();
 
   var _useState = (0, _react.useState)(false),
@@ -101,7 +103,7 @@ function ResourceSelectDrawer(props) {
   }
 
   return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], {
-    title: "\u6DFB\u52A0\u8D44\u6E90",
+    title: title,
     visible: visible,
     loading: loading,
     onSave: handleOk,
@@ -115,12 +117,14 @@ function ResourceSelectDrawer(props) {
     ref: resourceSelectRef,
     selectionMode: selectionMode,
     limitTypes: limitTypes,
-    excludeIds: finalExcludeIds
+    excludeIds: finalExcludeIds,
+    commonResListProps: commonResListProps
   }));
 }
 
 ResourceSelectDrawer.propTypes = {
   visible: _propTypes["default"].bool,
+  title: _propTypes["default"].string,
   limitTypes: _propTypes["default"].array,
   excludeIds: _propTypes["default"].array,
   selectionMode: _propTypes["default"].any,
@@ -129,6 +133,7 @@ ResourceSelectDrawer.propTypes = {
 };
 ResourceSelectDrawer.defaultProps = {
   visible: true,
+  title: '添加资源',
   excludeIds: [],
   onOk: function onOk() {},
   onClose: function onClose() {}