@riil-frontend/component-topology 12.0.0-dev.3 → 12.0.0-dev.31

package/es/utils/ciRefAttributeTranslateUtil.js

@@ -0,0 +1,155 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _extends from "@babel/runtime/helpers/extends";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import { rlog } from '@riil-frontend/component-topology-utils';
+import ciTypeCache from "../core/models/cache/CiTypeCache";
+import ciCache from "../core/models/cache/CiCache";
+import { getCiTypesFromCiElements } from "./topoData";
+
+/**
+ * 获取ci列表的引用字段列表
+ */
+function getCiRefAttributesMap(ciDatas, ciTypeMap) {
+  // ci引用字段列表
+  var ciRefAttributeMap = {};
+  ciDatas.forEach(function (ciData) {
+    var id = ciData.id;
+    var attributeMap = ciData.attributeMap || ciData.attributes;
+    ciRefAttributeMap[id] = [];
+    var typeCode = ciData.ciType || ciData.typeCode;
+    var ciTypeMeta = ciTypeMap[typeCode];
+
+    if (ciTypeMeta) {
+      ciTypeMeta.attributes.filter(function (attributeMeta) {
+        return !!attributeMeta.refCi;
+      }).forEach(function (attributeMeta) {
+        var refId = attributeMap[attributeMeta.code];
+
+        if (refId) {
+          var ciRefAttributeData = {
+            attrCode: attributeMeta.code,
+            id: refId
+          };
+          ciRefAttributeMap[ciData.id].push(ciRefAttributeData);
+        }
+      });
+    } else {
+      rlog.warn("\u7FFB\u8BD1\u5F15\u7528\u5B57\u6BB5\u540D\u79F0\uFF1A\u672A\u67E5\u8BE2\u5230ciType " + typeCode, ciData);
+    }
+  });
+  return ciRefAttributeMap;
+}
+
+function getRefIds(ciRefAttributesMap) {
+  var refIds = [];
+  Object.keys(ciRefAttributesMap).forEach(function (ciId) {
+    var ciRefAttributeDatas = ciRefAttributesMap[ciId];
+    ciRefAttributeDatas.forEach(function (ciRefAttributeData) {
+      var refId = ciRefAttributeData.id;
+
+      if (!refIds.includes(refId)) {
+        refIds.push(refId);
+      }
+    });
+  });
+  return refIds;
+}
+
+function addRefCiNameToCiDatas(ciDatas, ciRefAttributesMap, refCiMap) {
+  return ciDatas.map(function (ciData) {
+    var id = ciData.id;
+
+    var attributeMap = _extends({}, ciData.attributeMap || ciData.attributes);
+
+    ciRefAttributesMap[id].forEach(function (refAttrs) {
+      var refCi = refCiMap[refAttrs.id];
+
+      if (refCi) {
+        // 引用ci名称获取规则：如果ci是树形结构（例如区域），取 tree_name_path；非树形，取display_name
+        var displayName = refCi.attributes.tree_name_path || refCi.attributes.display_name;
+        attributeMap[refAttrs.attrCode + "_object"] = {
+          displayName: displayName
+        };
+      }
+    });
+    return _extends({}, ciData, {
+      attributeMap: attributeMap
+    });
+  });
+}
+
+/**
+ * 翻译ci列表引用属性名称
+ * @param ciDatas 
+ * @returns 
+ */
+export function translateCisRefAttributeName(_x, _x2) {
+  return _translateCisRefAttributeName.apply(this, arguments);
+}
+/**
+ * 翻译ci引用属性名称
+ * @param ciData
+ * @returns 
+ */
+
+function _translateCisRefAttributeName() {
+  _translateCisRefAttributeName = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(ciDatas, options) {
+    var ciTypeMap, ciRefAttributesMap, refIds, refCiMap;
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return ciTypeCache.load(getCiTypesFromCiElements(ciDatas));
+
+        case 2:
+          ciTypeMap = _context.sent;
+          // 2. 查找引用字段及值
+          ciRefAttributesMap = getCiRefAttributesMap(ciDatas, ciTypeMap); // 3. 引用id列表
+
+          refIds = getRefIds(ciRefAttributesMap);
+
+          if (refIds.length) {
+            _context.next = 7;
+            break;
+          }
+
+          return _context.abrupt("return", ciDatas);
+
+        case 7:
+          _context.next = 9;
+          return ciCache.load(refIds, options === null || options === void 0 ? void 0 : options.refreshCiCache);
+
+        case 9:
+          refCiMap = _context.sent;
+          return _context.abrupt("return", addRefCiNameToCiDatas(ciDatas, ciRefAttributesMap, refCiMap));
+
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  }));
+  return _translateCisRefAttributeName.apply(this, arguments);
+}
+
+export function translateCiRefAttributeName(_x3, _x4) {
+  return _translateCiRefAttributeName.apply(this, arguments);
+}
+
+function _translateCiRefAttributeName() {
+  _translateCiRefAttributeName = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(ciData, options) {
+    var result;
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          result = translateCisRefAttributeName([ciData], options);
+          return _context2.abrupt("return", result[0]);
+
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _translateCiRefAttributeName.apply(this, arguments);
+}

package/es/utils/format.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import { rlog } from '@riil-frontend/component-topology-utils';
 import { isAvailableArray, isNull } from '@riil-frontend/utils';
 export function formatDataForTable(dataSource, total, currentPage, pageSize) {
   // 权限过滤 (无权限时：ip地址，类型，厂家为'未知')

package/es/utils/topoData.js

@@ -97,8 +97,10 @@ var tfLink = function tfLink(engine, link) {
 export function getCiTypesFromCiElements(allCi) {
   var ciTypes = [];
   allCi.forEach(function (element) {
-    if (element.ciType && ciTypes.indexOf(element.ciType) < 0) {
-      ciTypes.push(element.ciType);
+    var typeCode = element.ciType || element.typeCode;
+
+    if (typeCode && ciTypes.indexOf(typeCode) < 0) {
+      ciTypes.push(typeCode);
     }
   });
   return ciTypes;

package/lib/components/BatchAttrMetric/setting.js

@@ -21,7 +21,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _componentActionTree = _interopRequireDefault(require("@riil-frontend/component-action-tree"));
 
@@ -112,7 +112,7 @@ var Setting = function Setting(_ref) {
   var onTableSelect = function onTableSelect(selectedKeys) {
     var values = (0, _extends2["default"])({}, selected);
 
-    _rlog["default"].debug('Setting-allCiSet-onTableSelect', limit, selectedKeys, selected);
+    _componentTopologyUtils.rlog.debug('Setting-allCiSet-onTableSelect', limit, selectedKeys, selected);
 
     values[ciType] = selectedKeys;
     setSelected(values);

package/lib/components/ModelAttrSelectDrawer/components/MultipleTypeAttributeSelectDrawer.js

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _ModelAttrSelectDrawer = _interopRequireDefault(require("./ModelAttrSelectDrawer"));
 
@@ -62,7 +62,7 @@ var MultipleTypeAttributeSelectDrawer = /*#__PURE__*/(0, _react.forwardRef)(func
   }); // 保存指标设置
 
   var save = function save(xx, parm) {
-    _rlog["default"].debug('saveMarkSetting', parm);
+    _componentTopologyUtils.rlog.debug('saveMarkSetting', parm);
 
     var newSelected = {};
     Object.keys(parm).forEach(function (ciType) {

package/lib/components/ResourceSelectDrawer/ResourceSelectDrawer.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/lib/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _Drawer = _interopRequireDefault(require("../Drawer"));
 
@@ -83,7 +83,7 @@ function ResourceSelectDrawer(props) {
             _context.t0 = _context["catch"](1);
             setLoading(false);
 
-            _rlog["default"].error('ResourceSelectDrawer.handleOk', _context.t0);
+            _componentTopologyUtils.rlog.error('ResourceSelectDrawer.handleOk', _context.t0);
 
           case 13:
           case "end":

package/lib/components/TemplateButton/index.module.scss

@@ -26,7 +26,7 @@
   line-height: 20px;
   font-size: 18px;
   margin-top: 14px;
-  color: $color-text1-3;
+  color: $color-text1-4;
   outline: none;
 }
 

package/lib/core/components/AlarmListPanel/components/AlarmListItem.js

@@ -5,6 +5,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _list = _interopRequireDefault(require("@alifd/next/lib/list"));
 
 var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
@@ -47,6 +51,7 @@ function AlarmListItem(props) {
   var topo = props.topo,
       alarmInfo = props.alarmInfo,
       onClick = props.onClick;
+  console.log("AlarmListPanel", topo, alarmInfo);
   return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
     className: _indexModule["default"].AlarmListItem,
     media: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
@@ -101,10 +106,62 @@ function RiskListItem(props) {
   }, "\u67E5\u770B\u8BE6\u60C5"))));
 }
 
+function SubListItem(props) {
+  // 传入参数
+  var topo = props.topo,
+      alarmInfo = props.alarmInfo,
+      onClick = props.onClick;
+  var creatAlarmTips = topo.viewProps.creatAlarmTips;
+  var subNode = topo.getData().nodes.find(function (node) {
+    return node.ciId === alarmInfo.mainCiId;
+  });
+  var plarm = alarmInfo.cmpCode ? "\u3010" + (subNode === null || subNode === void 0 ? void 0 : subNode.sourceName) + "\u3011" : "【本级平台】";
+  return /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
+    className: _indexModule["default"].AlarmListItem,
+    media: /*#__PURE__*/_react["default"].createElement(_icon["default"], {
+      type: "gaojing-3",
+      size: "xs",
+      className: _indexModule["default"]["alarm-color-icon"] + " alarm-color-icon-lv" + alarmInfo.alertLevel
+    })
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    className: _indexModule["default"].content
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].list,
+    onClick: function onClick() {
+      getNode(topo, alarmInfo);
+    }
+  }, "" + plarm + alarmInfo.alertObject + alarmInfo.alertTitle), alarmInfo.cmpCode ? /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
+    trigger: /*#__PURE__*/_react["default"].createElement("span", {
+      className: _indexModule["default"].listLink
+    }, "\u67E5\u770B\u8BE6\u60C5"),
+    closable: true,
+    triggerType: "click",
+    align: "bl",
+    popupClassName: _indexModule["default"]["enjoydata-alarm-table-balloon"],
+    popupStyle: {
+      maxWidth: "700px",
+      width: 530
+    }
+  }, creatAlarmTips((0, _extends2["default"])({}, alarmInfo, {
+    sourceName: plarm
+  }))) : /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].listLink
+  }, /*#__PURE__*/_react["default"].createElement(_Link["default"], {
+    onClick: onClick,
+    to: alarmLink(alarmInfo)
+  }, "\u67E5\u770B\u8BE6\u60C5"))));
+}
+
 function ListItem(props) {
-  var alarmInfo = props.alarmInfo;
-  var ListItemWidget = alarmInfo.eventType === 'risk' ? RiskListItem : AlarmListItem;
-  return /*#__PURE__*/_react["default"].createElement(ListItemWidget, props);
+  var topo = props.topo,
+      alarmInfo = props.alarmInfo;
+
+  if (topo.isCMPTopo) {
+    return /*#__PURE__*/_react["default"].createElement(SubListItem, props);
+  } else {
+    var ListItemWidget = alarmInfo.eventType === "risk" ? RiskListItem : AlarmListItem;
+    return /*#__PURE__*/_react["default"].createElement(ListItemWidget, props);
+  }
 }
 
 var _default = ListItem;

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

@@ -15,7 +15,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _componentNoDataPage = _interopRequireDefault(require("@riil-frontend/component-no-data-page"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _AlarmListItem = _interopRequireDefault(require("./components/AlarmListItem"));
 

package/lib/core/components/DisplaySettingDrawer/DisplaySetting.js

@@ -15,7 +15,7 @@ var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _NodeTag = _interopRequireDefault(require("./NodeTag"));
 
@@ -66,7 +66,7 @@ function DisplaySetting(props, ref) {
       edgeFlowDirection: displayConfig.edgeFlowDirection
     },
     onChange: function onChange(name, value) {
-      _rlog["default"].debug('DisplaySetting-onChange', name, value); // 告警静默设置
+      _componentTopologyUtils.rlog.debug('DisplaySetting-onChange', name, value); // 告警静默设置
 
 
       if (name === 'alarmSwitch') {

package/lib/core/components/DisplaySettingDrawer/DisplaySettingDrawer.js

@@ -15,7 +15,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/lib/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _Drawer = _interopRequireDefault(require("../../../components/Drawer"));
 
@@ -71,7 +71,7 @@ function DisplaySettingDrawer(props) {
             _context.t0 = _context["catch"](1);
             setLoading(false);
 
-            _rlog["default"].error('DisplaySettingDrawer.handleOk', _context.t0);
+            _componentTopologyUtils.rlog.error('DisplaySettingDrawer.handleOk', _context.t0);
 
             _message["default"].warning('保存失败');
 

package/lib/core/components/DisplaySettingDrawer/ResourceDisplay/BasicConfig.js

@@ -13,7 +13,7 @@ var _radio = _interopRequireDefault(require("@alifd/next/lib/radio"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _ResourceInfoDisplay = require("../../../../constants/ResourceInfoDisplay");
 
@@ -65,7 +65,7 @@ function BasicConfig(props, ref) {
 
 
   var handleCommonCheckboxGroupChange = function handleCommonCheckboxGroupChange(selected) {
-    _rlog["default"].debug('handleCommonCheckboxGroupChange', selected);
+    _componentTopologyUtils.rlog.debug('handleCommonCheckboxGroupChange', selected);
 
     onChange({
       isCustom: isCustom,
@@ -80,7 +80,7 @@ function BasicConfig(props, ref) {
 
 
   var handleCustomChange = function handleCustomChange(parm) {
-    _rlog["default"].debug('handleCustomChange', parm);
+    _componentTopologyUtils.rlog.debug('handleCustomChange', parm);
 
     onChange(parm);
   }; // 渲染自定义配置抽屉

package/lib/core/components/DisplaySettingDrawer/components/NodeAttrSettingDrawer.js

@@ -13,7 +13,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/lib/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _ModelAttrSelectDrawer = _interopRequireDefault(require("../../../../components/ModelAttrSelectDrawer"));
 
@@ -39,7 +39,7 @@ var NodeAttrSettingDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props,
       setData = _useState[1];
 
   var queryData = function queryData() {
-    _rlog["default"].info('属性配置：加载数据');
+    _componentTopologyUtils.rlog.info('属性配置：加载数据');
 
     var items = (0, _nodeCiTypeAttrUtil.getNodeModels)(topo);
     setData(items);

package/lib/core/components/ResourceViewAttributeSetting/Setting.js

@@ -11,7 +11,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/lib/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _nodeCiTypeAttrUtil = require("./nodeCiTypeAttrUtil");
 
@@ -38,7 +38,7 @@ var AttrSettingDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref
       setData = _useState[1];
 
   var queryData = function queryData() {
-    _rlog["default"].info('属性配置：加载数据');
+    _componentTopologyUtils.rlog.info('属性配置：加载数据');
 
     if (elementType === 'node') {
       var items = (0, _nodeCiTypeAttrUtil.getNodeModels)(topo);

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

@@ -19,7 +19,7 @@ var _componentTopologyGraph = _interopRequireWildcard(require("@riil-frontend/co
 
 var _PortalContainer = _interopRequireDefault(require("@riil-frontend/component-topology-graph/es/components/PortalContainer"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _showMessage = _interopRequireDefault(require("../../utils/showMessage"));
 
@@ -138,7 +138,7 @@ var Topology = function Topology(props) {
   (0, _react.useEffect)(function () {
     // 拓扑退出注销
     return function () {
-      _rlog["default"].info('TopoView 退出');
+      _componentTopologyUtils.rlog.info('TopoView 退出');
 
       topo.selectionModel.destroy();
       topoDispatchers.reset();
@@ -147,14 +147,14 @@ var Topology = function Topology(props) {
   var onGraphCreated = (0, _react.useCallback)(function (topoClient) {
     topo.view.onCreatedView(topoClient);
 
-    _rlog["default"].info('TopoView.onGraphCreated');
+    _componentTopologyUtils.rlog.info('TopoView.onGraphCreated');
 
     if (onReady) {
       onReady();
     }
   }, []);
   var handleGraphDataLoaded = (0, _react.useCallback)(function () {
-    _rlog["default"].info('TopoView.handleGraphDataLoaded', new Date().toString(), {
+    _componentTopologyUtils.rlog.info('TopoView.handleGraphDataLoaded', new Date().toString(), {
       topoMod: topo.store.getState().topoMod,
       topoData: topoData,
       htElements: topo.getDataModel().getDatas().toArray()
@@ -181,7 +181,7 @@ var Topology = function Topology(props) {
     }
   }, [topoData]);
   var handleGraphLoaded = (0, _react.useCallback)(function () {
-    _rlog["default"].info('TopoView.handleGraphLoaded', new Date().toString(), {
+    _componentTopologyUtils.rlog.info('TopoView.handleGraphLoaded', new Date().toString(), {
       topoMod: topo.store.getState().topoMod,
       topoData: topoData,
       htElements: topo.getDataModel().getDatas().toArray()
@@ -202,7 +202,11 @@ var Topology = function Topology(props) {
 
     if (initSelectionId) {
       var ele = topo.getHtTopo().getGraphView().dm().getDataByTag(initSelectionId);
-      topo.getHtTopo().getGraphView().sm().setSelection([ele]);
+
+      if (ele) {
+        topo.getHtTopo().getGraphView().sm().setSelection([ele]);
+      }
+
       var selectionDispatchers = topo.store.getModelDispatchers('selection');
       selectionDispatchers.update({
         initSelectionId: null
@@ -219,7 +223,7 @@ var Topology = function Topology(props) {
   }, [topoData]);
 
   var rightEventHandle = function rightEventHandle(event) {
-    _rlog["default"].debug('右键事件', event);
+    _componentTopologyUtils.rlog.debug('右键事件', event);
 
     var contextMenu = topo.view.contextMenu;
 
@@ -229,7 +233,7 @@ var Topology = function Topology(props) {
   };
 
   var onRefresh = function onRefresh(e) {
-    _rlog["default"].debug('TopoView:onRefresh', e);
+    _componentTopologyUtils.rlog.debug('TopoView:onRefresh', e);
 
     onRefreshTopo ? onRefreshTopo() : topoDispatchers.refreshTopo();
   };
@@ -240,7 +244,7 @@ var Topology = function Topology(props) {
 
 
   var handleEvent = function handleEvent(event) {
-    _rlog["default"].debug('TopoView:onEvent', event);
+    _componentTopologyUtils.rlog.debug('TopoView:onEvent', event);
 
     onEvent && onEvent(event);
     topoEdit.onEvent(event);
@@ -268,7 +272,7 @@ var Topology = function Topology(props) {
         break;
 
       case _componentTopologyGraph.TopoEvent.EVENT_CONTEXT_TOOL:
-        _rlog["default"].debug('自定义工具栏事件', event);
+        _componentTopologyUtils.rlog.debug('自定义工具栏事件', event);
 
         break;
 

package/lib/core/editor/components/BackgroundView/index.js

@@ -35,7 +35,7 @@ var _backgroundUtil = require("../../../utils/backgroundUtil");
 
 var _imageUtil = require("../../../utils/imageUtil");
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 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); }
 
@@ -245,7 +245,7 @@ function BackgroundView(props) {
           case 7:
             size = _context2.sent;
 
-            _rlog["default"].debug('获取图片大小', size);
+            _componentTopologyUtils.rlog.debug('获取图片大小', size);
 
             _context2.next = 11;
             return setBackground((0, _extends2["default"])({}, currentBg, size));
@@ -259,7 +259,7 @@ function BackgroundView(props) {
             _context2.prev = 14;
             _context2.t0 = _context2["catch"](4);
 
-            _rlog["default"].error('设置背景失败', _context2.t0);
+            _componentTopologyUtils.rlog.error('设置背景失败', _context2.t0);
 
           case 17:
             topo.historyManager.endTransaction();

package/lib/core/editor/components/CustomIconPlugin/UploadIconDialog.js

@@ -31,7 +31,7 @@ var _lodash = _interopRequireDefault(require("lodash"));
 
 var _utils = require("@riil-frontend/utils");
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _SpecialCharacterValidateUtil = require("../../../../utils/SpecialCharacterValidateUtil");
 
@@ -250,7 +250,7 @@ var UploadIconDialog = /*#__PURE__*/function (_React$Component) {
     };
 
     _this.handleUploadError = function () {
-      _rlog["default"].error('上传失败');
+      _componentTopologyUtils.rlog.error('上传失败');
 
       _this.handleError();
     };

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

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _CustomIconPlugin = _interopRequireDefault(require("./CustomIconPlugin"));
 
@@ -38,10 +38,10 @@ function TopoEditorPlugin(props) {
       graphLoaded = _topo$store$useModelS.graphLoaded;
 
   (0, _react.useEffect)(function () {
-    _rlog["default"].debug('TopoEditorPlugin 进来了');
+    _componentTopologyUtils.rlog.debug('TopoEditorPlugin 进来了');
 
     return function () {
-      _rlog["default"].debug('TopoEditorPlugin 进来了');
+      _componentTopologyUtils.rlog.debug('TopoEditorPlugin 进来了');
 
       topoEdit.reset();
     };

package/lib/core/editor/components/Sidebar/views/ComponentPanel.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports["default"] = ComponentPanel;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 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); }
 
@@ -32,7 +30,7 @@ function ComponentPanel(props) {
     try {
       viewRef.current = htTopo.createBasicPalette(container);
     } catch (error) {
-      _rlog["default"].error('初始化资源面板失败', error);
+      _componentTopologyUtils.rlog.error('初始化资源面板失败', error);
     } // 注销组件
 
 

package/lib/core/editor/components/Sidebar/views/ImagePanel/CiTypeImagePanel.js

@@ -7,7 +7,7 @@ exports["default"] = CiTypeImagePanel;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _HtImagePalette = _interopRequireDefault(require("./HtImagePalette"));
 

package/lib/core/editor/components/Sidebar/views/ImagePanel/CustomImagePanel.js

@@ -7,7 +7,7 @@ exports["default"] = CustomImagePanel;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _icon = require("../../../../../common/icons/icon");