@riil-frontend/component-topology 7.0.0-dev.2 → 7.0.0-dev.21

package/es/networkTopo/services/topo/blacklist.js

@@ -0,0 +1,60 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { request } from '@riil-frontend/component-topology-utils';
+import { TOPO_API_ROOT } from "./constants";
+export default {
+  /**
+   * 查询黑名单列表
+   */
+  queryBlackList: function queryBlackList(topoId) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return request.post(TOPO_API_ROOT + "/blackList/" + topoId);
+
+            case 2:
+              return _context.abrupt("return", _context.sent);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+
+  /**
+   * （批量）添加节点到黑名单
+   * @param {*} id 拓扑ID
+   * @param {*} ciIdList 节点ID
+   * @returns
+   */
+  addToBlocklist: function addToBlocklist(id, ciIdList) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var ciIds;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              ciIds = ciIdList.join(',');
+
+              if (!(ciIdList.length > 0)) {
+                _context2.next = 3;
+                break;
+              }
+
+              return _context2.abrupt("return", request.post(TOPO_API_ROOT + "/blackList/add?topoId=" + id + "&ciList=" + (encodeURIComponent(ciIds) || '""')));
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+  }
+};

package/es/networkTopo/services/topo/ciInfo.js

@@ -0,0 +1,69 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import { request } from '@riil-frontend/component-topology-utils';
+import { TOPO_API_ROOT } from "./constants";
+export default {
+  /**
+   * 批量查询ci类型的属性和指标定义
+   * @param {string[]} ciTypes
+   */
+  batchQueryCiTypeInfo: function batchQueryCiTypeInfo(ciTypes) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var param;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (ciTypes.length) {
+                _context.next = 2;
+                break;
+              }
+
+              return _context.abrupt("return", []);
+
+            case 2:
+              param = {
+                typeCodes: ciTypes
+              }; // rlog.debug('getBatchCi', param);
+
+              _context.next = 5;
+              return request.post(TOPO_API_ROOT + "/attributes/once", param);
+
+            case 5:
+              return _context.abrupt("return", _context.sent);
+
+            case 6:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+
+  /**
+   * 批量查询ci的属性和指标
+   * @param {*} params Topo ID
+   */
+  batchQueryCiInfo: function batchQueryCiInfo(params) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return request.post(TOPO_API_ROOT + "/attributes/polling", params);
+
+            case 2:
+              return _context2.abrupt("return", _context2.sent);
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+  }
+};

package/es/networkTopo/services/topo/constants.js

@@ -0,0 +1 @@
+export var TOPO_API_ROOT = '/topo/v1/api';

package/es/networkTopo/services/topo/icon.js

@@ -0,0 +1,131 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { request } from '@riil-frontend/component-topology-utils';
+import { TOPO_API_ROOT } from "./constants";
+var API_ROOT = TOPO_API_ROOT;
+export var UPLOAD_ICON_URL = API_ROOT + "/shape/upload";
+export default {
+  UPLOAD_ICON_URL: UPLOAD_ICON_URL,
+  listAll: function listAll() {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return request.get(API_ROOT + "/shape");
+
+            case 2:
+              return _context.abrupt("return", _context.sent);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+
+  /**
+   * 批量重命名
+   * @param data {[{id, name}]}
+   */
+  batchRename: function batchRename(data) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.next = 2;
+              return request.post(API_ROOT + "/shape/batch", data);
+
+            case 2:
+              return _context2.abrupt("return", _context2.sent);
+
+            case 3:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+  },
+
+  /**
+   * 重命名
+   */
+  rename: function rename(_ref) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      var id, name;
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              id = _ref.id, name = _ref.name;
+              _context3.next = 3;
+              return request.post(API_ROOT + "/shape/batch", [{
+                id: id,
+                name: name
+              }]);
+
+            case 3:
+              return _context3.abrupt("return", _context3.sent);
+
+            case 4:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }))();
+  },
+  "delete": function _delete(id) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) {
+          switch (_context4.prev = _context4.next) {
+            case 0:
+              _context4.next = 2;
+              return request["delete"](API_ROOT + "/shape/" + id);
+
+            case 2:
+              return _context4.abrupt("return", _context4.sent);
+
+            case 3:
+            case "end":
+              return _context4.stop();
+          }
+        }
+      }, _callee4);
+    }))();
+  },
+  getIconJsonUrl: function getIconJsonUrl(id) {
+    return API_ROOT + "/shape/" + id + ".json";
+  },
+  getIconImageUrl: function getIconImageUrl(id) {
+    return API_ROOT + "/shape/download/" + id;
+  },
+  getIconJson: function getIconJson(id) {
+    var _this = this;
+
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) {
+          switch (_context5.prev = _context5.next) {
+            case 0:
+              _context5.next = 2;
+              return request.get(_this.getDownloadUrl(id));
+
+            case 2:
+              return _context5.abrupt("return", _context5.sent);
+
+            case 3:
+            case "end":
+              return _context5.stop();
+          }
+        }
+      }, _callee5);
+    }))();
+  }
+};

package/es/networkTopo/services/topo/index.js

@@ -0,0 +1,18 @@
+import _extends from "@babel/runtime/helpers/extends";
+import icon from "./icon";
+import basic, { TOPO_GROUP_ID, TOPO_PARENT_ID } from "./basic";
+import auth from "./auth";
+import alert from "../alert";
+import resourceWebUrl from "./resourceWebUrl";
+import relation from "./relation";
+import ciInfo from "./ciInfo";
+import networkLink from "./networkLink";
+export { TOPO_GROUP_ID, TOPO_PARENT_ID };
+export default _extends({}, basic, alert, {
+  ciInfo: ciInfo,
+  relation: relation,
+  auth: auth,
+  icon: icon,
+  resourceWebUrl: resourceWebUrl,
+  networkLink: networkLink
+});

package/es/networkTopo/services/topo/networkLink.js

@@ -0,0 +1,33 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { request } from '@riil-frontend/component-topology-utils';
+import { TOPO_API_ROOT } from "./constants";
+var API_ROOT = TOPO_API_ROOT;
+export default {
+  /**
+   * 批量查询ci类型是否可创建链路
+   * 
+   * @param {*} typeCodes 
+   * @returns 
+   */
+  getCiTypesConnectable: function getCiTypesConnectable(typeCodes) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return request.post(API_ROOT + "/networkLink/ciTypesConnectable", typeCodes);
+
+            case 2:
+              return _context.abrupt("return", _context.sent);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  }
+};

package/es/networkTopo/services/topo/relation.js

@@ -0,0 +1,27 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { request } from '@riil-frontend/component-topology-utils';
+import { TOPO_API_ROOT } from "./constants";
+var API_ROOT = TOPO_API_ROOT;
+export default {
+  batchQueryRelation: function batchQueryRelation(ids) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return request.post(API_ROOT + "/structure/relationList", ids);
+
+            case 2:
+              return _context.abrupt("return", _context.sent);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  }
+};

package/es/networkTopo/services/topo/resourceWebUrl.js

@@ -0,0 +1,84 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+
+/**
+ * 资源 web 控制台地址
+ */
+import { request } from '@riil-frontend/component-topology-utils';
+import { TOPO_API_ROOT } from "./constants";
+var API_ROOT = TOPO_API_ROOT;
+export default {
+  list: function list(ids) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return request.post(API_ROOT + "/webUrl/list", ids);
+
+            case 2:
+              return _context.abrupt("return", _context.sent);
+
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }))();
+  },
+  save: function save(id, url) {
+    var _this = this;
+
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              if (!url) {
+                _context2.next = 6;
+                break;
+              }
+
+              _context2.next = 3;
+              return request.post(API_ROOT + "/webUrl", {
+                ciId: id,
+                webUrl: url
+              });
+
+            case 3:
+              return _context2.abrupt("return", _context2.sent);
+
+            case 6:
+              return _context2.abrupt("return", _this.deleteByIds([id]));
+
+            case 7:
+            case "end":
+              return _context2.stop();
+          }
+        }
+      }, _callee2);
+    }))();
+  },
+  deleteByIds: function deleteByIds(ids) {
+    return _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) {
+          switch (_context3.prev = _context3.next) {
+            case 0:
+              _context3.next = 2;
+              return request.put(API_ROOT + "/webUrl/list/delete", ids);
+
+            case 2:
+              return _context3.abrupt("return", _context3.sent);
+
+            case 3:
+            case "end":
+              return _context3.stop();
+          }
+        }
+      }, _callee3);
+    }))();
+  }
+};

package/es/networkTopo/store/topoTreeMod.js

@@ -162,7 +162,11 @@ export default function (topoApp) {
 
                     rlog.debug('editTopoOnTree', conditions);
                     _context4.next = 4;
-                    return topoApp.serverApi.editTopoonTree(parseInt(conditions.id, 10), conditions.name, conditions.type);
+                    return topoApp.serverApi.editTopo({
+                      id: parseInt(conditions.id, 10),
+                      name: conditions.name,
+                      type: conditions.type
+                    });
 
                   case 4:
                     resTreeData = _context4.sent;

package/es/networkTopo/utils/storage.js

@@ -0,0 +1,38 @@
+// 数据字典缓存
+import { isAvailableArray } from '@riil-frontend/utils';
+export var DICT = {
+  getAll: function getAll() {
+    return JSON.parse(window.sessionStorage.getItem('dists'));
+  },
+  get: function get(code) {
+    if (isAvailableArray(this.getAll())) {
+      return this.getAll().find(function (item) {
+        return item.code === code;
+      });
+    }
+
+    return null;
+  },
+  set: function set(dists) {
+    window.sessionStorage.setItem('dists', JSON.stringify(dists));
+  },
+  isEmpty: function isEmpty() {
+    return !window.sessionStorage.getItem('dists');
+  }
+}; // storage 方法封装
+
+export var SessionStorage = {
+  get: function get(key) {
+    if (window.sessionStorage.getItem(key)) {
+      return JSON.parse(window.sessionStorage.getItem(key));
+    }
+
+    return null;
+  },
+  set: function set(key, value) {
+    window.sessionStorage.setItem(key, JSON.stringify(value));
+  },
+  remove: function remove(key) {
+    window.sessionStorage.removeItem(key);
+  }
+};

package/es/style.js

@@ -1,45 +1,45 @@
 import '@riil-frontend/component-topology-graph/es/style';
 import '@alifd/next/es/box/style';
 import '@alifd/next/es/message/style';
-import '@alifd/next/es/button/style';
-import '@alifd/next/es/icon/style';
-import '@alifd/next/es/overlay/style';
-import '@alifd/next/es/list/style';
-import '@alifd/next/es/card/style';
-import '@riil-frontend/component-no-data-page/es/style';
-import '@alifd/next/es/drawer/style';
-import '@alifd/next/es/form/style';
-import '@alifd/next/es/field/style';
-import '@alifd/next/es/radio/style';
-import '@alifd/next/es/checkbox/style';
-import '@alifd/next/es/table/style';
-import '@alifd/next/es/search/style';
-import '@alifd/next/es/grid/style';
-import '@riil-frontend/component-action-tree/es/style';
-import '@riil-frontend/component-table-layout/es/style';
-import '@riil-frontend/hooks/es/style';
-import '@alifd/next/es/balloon/style';
 import '@riil-frontend/component-topology-utils/es/style';
-import '@alifd/next/es/dropdown/style';
-import '@alifd/next/es/menu/style';
-import '@alifd/next/es/dialog/style';
 import '@riil-frontend/utils/es/style';
 import '@riil-frontend/component-riil-event-emitter/es/style';
+import '@alifd/next/es/drawer/style';
 import '@alifd/next/es/menu-button/style';
+import '@alifd/next/es/search/style';
 import '@alifd/next/es/tab/style';
+import '@alifd/next/es/table/style';
+import '@riil-frontend/component-table-layout/es/style';
 import '@riil-frontend/component-pager/es/style';
+import '@alifd/next/es/button/style';
+import '@alifd/next/es/icon/style';
 import '@alifd/next/es/loading/style';
 import '@alifd/next/es/divider/style';
+import '@riil-frontend/component-no-data-page/es/style';
 
+import '@alifd/next/es/overlay/style';
+import '@alifd/next/es/checkbox/style';
 import '@riil-frontend/component-crucial-link-topo/es/style';
 import '@alifd/next/es/input/style';
+import '@alifd/next/es/field/style';
+import '@alifd/next/es/form/style';
+import '@alifd/next/es/dialog/style';
 import '@alifd/next/es/upload/style';
 import '@alifd/next/es/config-provider/style';
 import '@riil-frontend/component-common-res-list/es/style';
+import '@alifd/next/es/balloon/style';
+import '@alifd/next/es/menu/style';
+import '@alifd/next/es/dropdown/style';
 import '@alifd/next/es/range/style';
+import '@alifd/next/es/radio/style';
 import '@alifd/next/es/tag/style';
 import '@alifd/next/es/number-picker/style';
 import '@alifd/next/es/select/style';
 import '@alifd/next/es/collapse/style';
+import '@alifd/next/es/list/style';
 
+import '@alifd/next/es/grid/style';
+import '@riil-frontend/component-action-tree/es/style';
+import '@riil-frontend/hooks/es/style';
+import '@alifd/next/es/card/style';
 import './index.scss';

package/es/utils/tree.js

@@ -33,6 +33,7 @@ export function formatTree(json, funcPermissions) {
       }
 
       return {
+        data: node,
         id: "" + id,
         label: name,
         parentId: parentId,

package/lib/core/components/TopoView/topoView.js

@@ -21,8 +21,6 @@ var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-ut
 
 var _showMessage = _interopRequireDefault(require("../../utils/showMessage"));
 
-var _TitleBar = _interopRequireDefault(require("../titlebar/TitleBar"));
-
 var _template = require("../../../utils/template");
 
 var _edgeUtil = require("../../utils/edgeUtil");
@@ -73,7 +71,6 @@ var Topology = function Topology(props) {
       onLoad = props.onLoad,
       onDestroy = props.onDestroy,
       onRefreshTopo = props.onRefresh,
-      onEnterEdit = props.onEnterEdit,
       onSave = props.onSave,
       nodeDeleteable = props.nodeDeleteable,
       onNodeDelete = props.onNodeDelete,
@@ -246,10 +243,6 @@ var Topology = function Topology(props) {
         rightEventHandle(event);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_DATA_PICK:
-        topoEdit.onBindData(event.data);
-        break;
-
       case _componentTopologyGraph.TopoEvent.EVENT_DATA_DELETE:
         topoEdit.onDeleteElement(event.data);
         break;
@@ -263,10 +256,6 @@ var Topology = function Topology(props) {
         onRefresh(event.data);
         break;
 
-      case _componentTopologyGraph.TopoEvent.EVENT_EDIT_EXIT:
-        topoEdit.onExitEdit(event.data);
-        break;
-
       case _componentTopologyGraph.TopoEvent.EVENT_CONTEXT_TOOL:
         _rlog["default"].debug('自定义工具栏事件', event);
 
@@ -306,12 +295,7 @@ var Topology = function Topology(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _TopoViewModule["default"].topoView,
     "data-version": topo.version
-  }, titleBar !== false && (titleBar || /*#__PURE__*/_react["default"].createElement(_TitleBar["default"], {
-    topo: topo,
-    viewerProps: viewerProps,
-    onEnterEdit: onEnterEdit,
-    topoEditApi: topoEdit
-  })), isEditMode && /*#__PURE__*/_react["default"].createElement(_EditorToolbar["default"], {
+  }, titleBar !== false && titleBar, isEditMode && /*#__PURE__*/_react["default"].createElement(_EditorToolbar["default"], {
     topo: topo,
     topoEdit: topoEdit,
     topoContext: {
@@ -353,8 +337,6 @@ Topology.propTypes = {
   viewerProps: _propTypes["default"].object,
   editorProps: _propTypes["default"].object,
   topoContext: _propTypes["default"].object,
-  // 进入编辑模式
-  onEnterEdit: _propTypes["default"].func,
   onRefresh: _propTypes["default"].func,
   onSave: _propTypes["default"].func,
   nodeDeleteable: _propTypes["default"].func,
@@ -366,7 +348,7 @@ Topology.propTypes = {
   /**
    * @deprecated 工具栏
    */
-  titleBar: _propTypes["default"].oneOf([_react["default"].ReactNode, false])
+  titleBar: _propTypes["default"].any
 };
 Topology.defaultProps = {
   defaultEnterEditMode: false,

package/lib/core/components/titlebar/index.js

@@ -30,4 +30,8 @@ exports.TitleWidget = _TitleWidget["default"];
 
 var _ViewerTools = _interopRequireDefault(require("../../viewer/components/titlebar/ViewerTools"));
 
-exports.ViewerTools = _ViewerTools["default"];
+exports.ViewerTools = _ViewerTools["default"];
+
+var _DebugTools = _interopRequireDefault(require("../../editor/components/titlebar/widgets/DebugTools"));
+
+exports.DebugTools = _DebugTools["default"];

package/lib/core/editor/components/EditorPlugin.js

@@ -13,8 +13,6 @@ var _CustomIconPlugin = _interopRequireDefault(require("./CustomIconPlugin"));
 
 var _SaveLoading = _interopRequireDefault(require("./plugins/SaveLoading"));
 
-var _MultipleResourceSelectPlugin = _interopRequireDefault(require("./plugins/MultipleResourceSelectPlugin"));
-
 var _GroupAddResourceDrawerPlugin = _interopRequireDefault(require("./GroupAddResourceDrawerPlugin"));
 
 var _MetricPollingPlugin = _interopRequireDefault(require("../../viewer/components/plugins/MetricPollingPlugin"));
@@ -47,7 +45,7 @@ function TopoEditorPlugin(props) {
     return null;
   }
 
-  var plugins = [_CorePlugin["default"], _SaveLoading["default"], _AddElementThemePlugin["default"], _CustomIconPlugin["default"], _GroupAddResourceDrawerPlugin["default"], _MultipleResourceSelectPlugin["default"], _MetricPollingPlugin["default"]].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
+  var plugins = [_CorePlugin["default"], _SaveLoading["default"], _AddElementThemePlugin["default"], _CustomIconPlugin["default"], _GroupAddResourceDrawerPlugin["default"], _MetricPollingPlugin["default"]].concat((editorProps === null || editorProps === void 0 ? void 0 : editorProps.plugins) || []);
   return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, plugins.map(function (Plugin, index) {
     return /*#__PURE__*/_react["default"].createElement(Plugin, (0, _extends2["default"])({
       key: index,

package/lib/core/editor/components/Toolbar/buttons.js

@@ -57,7 +57,7 @@ function getButtons(isNetworkTopo) {
   _Divider["default"], _NodeImageButton["default"], // 替换图片
   _NodeSizeButton["default"], // 图片尺寸
   _Divider["default"], _Layout["default"], // 布局方式
-  _NodeAlignWidget["default"] // 对齐方式
-  // SearchWidget, // 搜索
+  _NodeAlignWidget["default"], // 对齐方式
+  _SearchWidget["default"] // 搜索
   ]);
 }