@riil-frontend/component-topology 12.0.0-dev.1 → 12.0.0-dev.11

package/lib/networkTopo/components/Link/index.js

@@ -17,7 +17,7 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _ahooks = require("ahooks");
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
 
@@ -107,7 +107,7 @@ var LinkDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _rlog["default"].debug('useTopoEdit.refreshLink');
+            _componentTopologyUtils.rlog.debug('useTopoEdit.refreshLink');
 
             _context.next = 3;
             return editDispatchers.fetchData();

package/lib/networkTopo/hooks/viewer/useRelateTopo.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _tree = require("../../../utils/tree");
 
@@ -34,7 +34,7 @@ function useRelateTopo(params) {
 
   function onEvent(event) {
     if (event.name === _componentTopologyGraph.TopoEvent.EVENT_DOUBLE_CLICK) {
-      _rlog["default"].debug('双击事件', event); // 在开锁状态下禁用：双击节点跳转到拓扑图、双击缩略图返回来源拓扑图
+      _componentTopologyUtils.rlog.debug('双击事件', event); // 在开锁状态下禁用：双击节点跳转到拓扑图、双击缩略图返回来源拓扑图
 
 
       if (!lock) {
@@ -75,14 +75,14 @@ function useRelateTopo(params) {
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
-            _rlog["default"].info('打开关联拓扑图', topoId);
+            _componentTopologyUtils.rlog.info('打开关联拓扑图', topoId);
 
             if (checkTopoExisted(topoId)) {
               _context.next = 4;
               break;
             }
 
-            _rlog["default"].error('关联拓扑图不存在：', topoId);
+            _componentTopologyUtils.rlog.error('关联拓扑图不存在：', topoId);
 
             return _context.abrupt("return");
 

package/lib/networkTopo/models/LinkDynamicStyleExecutor.js

@@ -1,11 +1,9 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _clusterUtil = require("../../utils/clusterUtil");
 
@@ -101,7 +99,7 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
           edgeGroup.getEdgeGroupAgent().s('edge.width', _this.calcLinkEdgeWidth(link));
         }
       } else {
-        _rlog["default"].warn('动态链路样式执行：未找到聚合链路的ht元素', link);
+        _componentTopologyUtils.rlog.warn('动态链路样式执行：未找到聚合链路的ht元素', link);
       }
     }); // 3、如果连线组未关联链路并可见，设置线宽。
 
@@ -133,7 +131,7 @@ var LinkDynamicStyleExecutor = /*#__PURE__*/function () {
           }
         }
       } catch (error) {
-        _rlog["default"].error('连线组未关联链路并可见，设置线宽：异常', edge, error);
+        _componentTopologyUtils.rlog.error('连线组未关联链路并可见，设置线宽：异常', edge, error);
       }
     });
     topo.historyManager && topo.historyManager.setDisabled(false, '链路动态样式');

package/lib/networkTopo/models/LinkTagsTipsBuilder.js

@@ -7,7 +7,7 @@ exports["default"] = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _htElementUtils = require("../../utils/htElementUtils");
 
@@ -167,7 +167,7 @@ var LinkTagsTipsBuilder = /*#__PURE__*/function () {
 
     var mergeData = this.buildData(data, linkChildren);
 
-    _rlog["default"].debug('buildEdgeGroupTagTagsAndTips', {
+    _componentTopologyUtils.rlog.debug('buildEdgeGroupTagTagsAndTips', {
       groupId: groupId,
       config: config,
       linkChildren: linkChildren,
@@ -231,7 +231,7 @@ var LinkTagsTipsBuilder = /*#__PURE__*/function () {
         });
         mergeData.metricMap[m.code] = calcFnMap[m.calcType](values);
       } catch (error) {
-        _rlog["default"].warn('连线组指标计算异常', error);
+        _componentTopologyUtils.rlog.warn('连线组指标计算异常', error);
       }
     }); // console.error(groupId, {config, linkChildrenData, mergeData})
 

package/lib/networkTopo/models/TopoCenter.js

@@ -15,7 +15,7 @@ var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _TopoApp2 = _interopRequireDefault(require("../../core/models/TopoApp"));
 

package/lib/networkTopo/services/model.js

@@ -20,8 +20,6 @@ var _componentTopologyUtils = require("@riil-frontend/component-topology-utils")
 
 var _utils = require("@riil-frontend/utils");
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
 var _storage = require("../utils/storage");
 
 var _mdc = require("./mdc");
@@ -1162,7 +1160,7 @@ function _formatCiAttributes() {
               });
             }
           } catch (error) {
-            _rlog["default"].error('services=>model=>:', error);
+            _componentTopologyUtils.rlog.error('services=>model=>:', error);
           }
 
           return _context31.abrupt("return", meta);

package/lib/networkTopo/services/topo/basic.js

@@ -15,8 +15,6 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
 var _blacklist = _interopRequireDefault(require("./blacklist"));
 
 var _constants = require("./constants");
@@ -25,7 +23,7 @@ var _model = require("../model");
 
 var _exitLinkUtil = require("../../utils/exitLinkUtil");
 
-var _excluded = ["groups", "resources", "exportLinkIdList"];
+var _excluded = ["groups", "resources"];
 var API_ROOT = _constants.TOPO_API_ROOT;
 /**
  * 拓扑图（看做一个容器）的“父容器”ID
@@ -482,11 +480,11 @@ var _default = (0, _extends2["default"])({
   */
   bindResourceToTopo: function bindResourceToTopo(id, config) {
     return (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee14() {
-      var groups, resources, exportLinkIdList, otherConfig, newGroups, obj;
+      var groups, resources, otherConfig, newGroups, obj;
       return _regenerator["default"].wrap(function _callee14$(_context14) {
         while (1) switch (_context14.prev = _context14.next) {
           case 0:
-            groups = config.groups, resources = config.resources, exportLinkIdList = config.exportLinkIdList, otherConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded);
+            groups = config.groups, resources = config.resources, otherConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded);
             newGroups = Array.isArray(groups) ? groups : [];
 
             if (resources) {
@@ -552,7 +550,7 @@ var _default = (0, _extends2["default"])({
       return _regenerator["default"].wrap(function _callee16$(_context16) {
         while (1) switch (_context16.prev = _context16.next) {
           case 0:
-            _rlog["default"].debug('saveTopoSettings', settings);
+            _componentTopologyUtils.rlog.debug('saveTopoSettings', settings);
 
             parm = {
               id: id,

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

@@ -9,8 +9,6 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
 var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _constants = require("./constants");

package/lib/networkTopo/store/functionAuth.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 /**
  * 功能权限 Model

package/lib/networkTopo/store/topoCenter.js

@@ -11,7 +11,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 /**
  * 拓扑中心 Model

package/lib/networkTopo/store/topoTreeMod.js

@@ -13,7 +13,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _tree = require("../../utils/tree");
 
@@ -165,7 +165,7 @@ function _default(topoApp) {
                     conditions = {};
                   }
 
-                  _rlog["default"].debug('editTopoOnTree', conditions);
+                  _componentTopologyUtils.rlog.debug('editTopoOnTree', conditions);
 
                   _context4.next = 4;
                   return topoApp.serverApi.editTopo({
@@ -236,7 +236,7 @@ function _default(topoApp) {
             return _regenerator["default"].wrap(function _callee5$(_context5) {
               while (1) switch (_context5.prev = _context5.next) {
                 case 0:
-                  _rlog["default"].debug('deleteTopoOnTree', conditions, state, dispatch.topoMod);
+                  _componentTopologyUtils.rlog.debug('deleteTopoOnTree', conditions, state, dispatch.topoMod);
 
                   currentTopoId = state.topoMod.topoId;
 
@@ -245,7 +245,7 @@ function _default(topoApp) {
                     break;
                   }
 
-                  _rlog["default"].debug('deleteTopo-currentTopo', conditions);
+                  _componentTopologyUtils.rlog.debug('deleteTopo-currentTopo', conditions);
 
                   _context5.next = 6;
                   return dispatch.topoMod.updateDelId("" + conditions);
@@ -304,7 +304,7 @@ function _default(topoApp) {
                     conditions = {};
                   }
 
-                  _rlog["default"].debug('setDefTopoOnTree', conditions);
+                  _componentTopologyUtils.rlog.debug('setDefTopoOnTree', conditions);
 
                   _context6.next = 4;
                   return topoApp.serverApi.setDefTopo(parseInt(conditions, 10));

package/lib/networkTopo/utils/exportData.js

@@ -11,8 +11,6 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
 var _clusterUtil = require("../../utils/clusterUtil");
 
 function _default(_x) {
@@ -57,7 +55,7 @@ function _ref() {
             })
           };
 
-          _rlog["default"].error('导出数据', params);
+          _componentTopologyUtils.rlog.error('导出数据', params);
 
           _context.next = 6;
           return _componentTopologyUtils.request.post('/topo/v1/api/structure/excel', params, {

package/lib/style.js

@@ -1,7 +1,7 @@
 require('@riil-frontend/component-topology-graph/lib/style');
 require('@alifd/next/lib/box/style');
-require('@alifd/next/lib/message/style');
 require('@riil-frontend/component-topology-utils/lib/style');
+require('@alifd/next/lib/message/style');
 require('@riil-frontend/component-riil-event-emitter/lib/style');
 require('@riil-frontend/utils/lib/style');
 require('@alifd/next/lib/menu-button/style');

package/lib/utils/ResourceConfigUtil.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _sortBy = _interopRequireDefault(require("lodash/sortBy"));
 
@@ -53,12 +53,6 @@ function getResourceConfigFromHt(topo) {
     layers: (0, _sortBy["default"])(layers, 'order'),
     groups: groups,
     resources: resources,
-    exportLinkIdList: getExportLinkIdList({
-      topo: topo,
-      htTopo: htTopo,
-      dataModel: dataModel
-    }),
-    // 出口链路id列表
     relateTopoIdList: getRelateTopoIdList(dataModel)
   };
 } // 查询关联拓扑id列表
@@ -75,35 +69,6 @@ function getRelateTopoIdList(dataModel) {
 
     return topoIds;
   }, []);
-} // 查询出口链路列表
-
-
-function getExportLinkIdList(_ref) {
-  var topo = _ref.topo,
-      htTopo = _ref.htTopo,
-      dataModel = _ref.dataModel;
-  var exportLinkIdList = [];
-  var edges = (0, _htElementUtils.getEdges)(dataModel);
-
-  _rlog["default"].debug(' 查询出口链路列表-edges', edges, dataModel);
-
-  edges.forEach(function (edge) {
-    var edgeData = htTopo.getEdgeData(edge); // 有组无子连线返回null
-
-    if (edgeData) {
-      // eslint-disable-next-line no-underscore-dangle
-      var id = edgeData._attrObject.id;
-
-      if (id) {
-        var linkData = topo.dataModel.getDataById(id);
-
-        if ((0, _linkUtils.isExitLink)(linkData) && !exportLinkIdList.includes(id)) {
-          exportLinkIdList.push(id);
-        }
-      }
-    }
-  });
-  return exportLinkIdList;
 }
 
 function getLayerDatas(dataModel) {
@@ -127,9 +92,9 @@ function getLayerDatas(dataModel) {
   return layers;
 }
 
-function getGroupDatas(_ref2) {
-  var groupElements = _ref2.groupElements,
-      layers = _ref2.layers;
+function getGroupDatas(_ref) {
+  var groupElements = _ref.groupElements,
+      layers = _ref.layers;
   // 获得视图上的区域配置
   var groups = groupElements.filter(function (node) {
     return !node.getParent();

package/lib/utils/ciRefAttributeTranslateUtil.d.ts

@@ -0,0 +1,12 @@
+/**
+ * 翻译ci列表引用属性名称
+ * @param ciDatas
+ * @returns
+ */
+export declare function translateCisRefAttributeName(ciDatas: Array<any>): Promise<Array<any>>;
+/**
+ * 翻译ci引用属性名称
+ * @param ciData
+ * @returns
+ */
+export declare function translateCiRefAttributeName(ciData: any): Promise<any>;

package/lib/utils/ciRefAttributeTranslateUtil.js

@@ -0,0 +1,169 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.translateCiRefAttributeName = translateCiRefAttributeName;
+exports.translateCisRefAttributeName = translateCisRefAttributeName;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
+
+var _CiTypeCache = _interopRequireDefault(require("../core/models/cache/CiTypeCache"));
+
+var _CiCache = _interopRequireDefault(require("../core/models/cache/CiCache"));
+
+var _topoData = require("./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.typeCode || ciData.ciType;
+    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 {
+      _componentTopologyUtils.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 = (0, _extends2["default"])({}, 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 (0, _extends2["default"])({}, ciData, {
+      attributeMap: attributeMap
+    });
+  });
+}
+/**
+ * 翻译ci列表引用属性名称
+ * @param ciDatas 
+ * @returns 
+ */
+
+
+function translateCisRefAttributeName(_x) {
+  return _translateCisRefAttributeName.apply(this, arguments);
+}
+/**
+ * 翻译ci引用属性名称
+ * @param ciData
+ * @returns 
+ */
+
+
+function _translateCisRefAttributeName() {
+  _translateCisRefAttributeName = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(ciDatas) {
+    var ciTypeMap, ciRefAttributesMap, refIds, refCiMap;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return _CiTypeCache["default"].load((0, _topoData.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["default"].load(refIds);
+
+        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);
+}
+
+function translateCiRefAttributeName(_x2) {
+  return _translateCiRefAttributeName.apply(this, arguments);
+}
+
+function _translateCiRefAttributeName() {
+  _translateCiRefAttributeName = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(ciData) {
+    var result;
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          result = translateCisRefAttributeName([]);
+          return _context2.abrupt("return", result[0]);
+
+        case 2:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _translateCiRefAttributeName.apply(this, arguments);
+}

package/lib/utils/clipboardUtil.d.ts

@@ -0,0 +1,7 @@
+declare function writeText(text: string): Promise<void>;
+declare function readText(): Promise<string>;
+export declare const clipboard: {
+    readText: typeof readText;
+    writeText: typeof writeText;
+};
+export {};

package/lib/utils/clipboardUtil.js

@@ -0,0 +1,113 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.clipboard = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+function writeText(_x) {
+  return _writeText.apply(this, arguments);
+}
+
+function _writeText() {
+  _writeText = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(text) {
+    var success, textArea;
+    return _regenerator["default"].wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          success = false;
+          _context.prev = 1;
+
+          if (!navigator.clipboard) {
+            _context.next = 5;
+            break;
+          }
+
+          _context.next = 5;
+          return navigator.clipboard.writeText(text);
+
+        case 5:
+          success = true;
+          _context.next = 10;
+          break;
+
+        case 8:
+          _context.prev = 8;
+          _context.t0 = _context["catch"](1);
+
+        case 10:
+          if (!success) {
+            // 创建text area
+            textArea = document.createElement('textarea');
+            textArea.value = text; // 使text area不在viewport，同时设置不可见
+
+            document.body.appendChild(textArea);
+            textArea.focus();
+            textArea.select();
+            document.execCommand('copy');
+            textArea.remove();
+          }
+
+        case 11:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[1, 8]]);
+  }));
+  return _writeText.apply(this, arguments);
+}
+
+function readText() {
+  return _readText.apply(this, arguments);
+}
+
+function _readText() {
+  _readText = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    var text, textareaElement, _text;
+
+    return _regenerator["default"].wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          if (!navigator.clipboard) {
+            _context2.next = 7;
+            break;
+          }
+
+          _context2.next = 3;
+          return navigator.clipboard.readText();
+
+        case 3:
+          text = _context2.sent;
+          return _context2.abrupt("return", text);
+
+        case 7:
+          textareaElement = document.createElement('textarea');
+          document.body.appendChild(textareaElement);
+          textareaElement.innerText = '';
+          textareaElement.focus();
+          textareaElement.select();
+          document.execCommand('paste');
+          _text = textareaElement.innerText; // 从该元素中读取内容
+
+          document.body.removeChild(textareaElement); // 移除元素
+
+          return _context2.abrupt("return", _text);
+
+        case 16:
+        case "end":
+          return _context2.stop();
+      }
+    }, _callee2);
+  }));
+  return _readText.apply(this, arguments);
+}
+
+var clipboard = {
+  readText: readText,
+  writeText: writeText
+};
+exports.clipboard = clipboard;

package/lib/utils/format.js

@@ -15,7 +15,7 @@ exports.sortData = sortData;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+var _componentTopologyUtils = require("@riil-frontend/component-topology-utils");
 
 var _utils = require("@riil-frontend/utils");