@riil-frontend/component-topology 11.0.10 → 11.0.11

package/es/core/models/AttributeMetricDisplay.js

@@ -1,14 +1,12 @@
 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 { keyBy } from 'lodash';
 import { DEFAULT_NODE_TAG_COMMON_CONFIG, DEFAULT_TIP_COMMON_CONFIG } from "../../constants/ResourceInfoDisplay";
-import { queryCisByIds } from "../services";
 import { isMonitoring } from "../utils/manageStatusUtil";
 import AttributeFormatter from "./attributeFormatter";
 import DictCache from "./cache/DictCache";
+import { getNodesNameVisible as _getNodesNameVisible, updateNodesNameVisible as _updateNodesNameVisible } from "./utils/nodeNameVisibleUtil";
 
 function isGraphField(item) {
   return item.type === 'graph';
@@ -293,67 +291,21 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
       });
     });
     return metricCodes;
-  }
-  /**
-   * 从配置获得节点名称是否显示
-   * @param {*} node
-   * @returns
-   */
-  ;
-
-  _proto.getNodeNameVisible = function getNodeNameVisible(node) {
-    // if (!this.topo.isViewMode()) {
-    //   return true;
-    // }
-    var _this$getConfig3 = this.getConfig(),
-        nodeTag = _this$getConfig3.nodeTag;
-
-    var visible = true;
-
-    if (nodeTag) {
-      var isCustom = nodeTag.isCustom,
-          data = nodeTag.data;
-      var items = (isCustom ? data[node.ciType] : data) || [];
-      visible = !!items.filter(function (item) {
-        return item.type === 'graph';
-      }).length; // ipNode逻辑
-
-      if (isCustom && node.bindType === 'ip') {
-        visible = true;
-      }
-    }
-
-    return visible;
   };
 
   _proto.getNodesNameVisible = function getNodesNameVisible() {
-    var _this4 = this;
-
-    var nodes = this.topo.dataModel.getNodes();
-    return nodes.map(function (node) {
-      // console.log("getNodesNameVisible", node);
-      return {
-        id: node.id,
-        visible: _this4.getNodeNameVisible(node)
-      };
-    });
+    return _getNodesNameVisible(this.topo);
   }
   /**
    * 根据配置执行节点名称显示隐藏
+   * 1. 资源根据标注配置显示隐藏
+   * 2. 默认标注配置不勾选图片名称，图片节点名称不显示
+   * 3. 自定义标注配置，图片名称显示
    */
   ;
 
   _proto.updateNodesNameVisible = function updateNodesNameVisible() {
-    var dm = this.topo.getDataModel();
-    this.getNodesNameVisible().forEach(function (_ref) {
-      var id = _ref.id,
-          visible = _ref.visible;
-      var ele = dm.getDataByTag(id); //
-
-      if (ele) {
-        ele.a('isShowName', visible);
-      }
-    });
+    _updateNodesNameVisible(this.topo);
   }
   /**
    * 加载标注、悬浮框数据
@@ -457,7 +409,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
   /*#__PURE__*/
   function () {
     var _translateRefAttribute = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(ciDatas) {
-      var _this5 = this;
+      var _this4 = this;
 
       var refIdMap, ciRefAttributeMap, refIds, refCiMap;
       return _regeneratorRuntime.wrap(function _callee3$(_context3) {
@@ -473,7 +425,7 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
                     attributeMap = ciData.attributeMap;
                 ciRefAttributeMap[id] = [];
 
-                var ciTypeMeta = _this5.topo.ciTyeCache.getCiType(ciType);
+                var ciTypeMeta = _this4.topo.ciTyeCache.getCiType(ciType);
 
                 if (ciTypeMeta) {
                   ciTypeMeta.attributes.filter(function (attributeMeta) {
@@ -653,14 +605,14 @@ var AttributeMetricDisplay = /*#__PURE__*/function () {
   ;
 
   _proto.buildTagsTips = function buildTagsTips() {
-    var _this6 = this,
+    var _this5 = this,
         _this$extElementTagTi;
 
     // 获取标注、悬浮框配置
     var ciConfigs = this.getResourceTagTipConfig(); // console.log("buildTagsTips---ciConfigs", ciConfigs);
 
     var ciTagsAndTips = ciConfigs.map(function (ciConfig) {
-      return _this6.buildElementTagsTips(ciConfig.id);
+      return _this5.buildElementTagsTips(ciConfig.id);
     }); // console.log("ciTagsAndTips", ciTagsAndTips);
 
     var extTagsAndTips = ((_this$extElementTagTi = this.extElementTagTipBuilder) === null || _this$extElementTagTi === void 0 ? void 0 : _this$extElementTagTi.getExtElementTagsAndTips()) || [];

package/es/core/models/TopoApp.js

@@ -24,7 +24,7 @@ import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionModel from "./SelectionModel";
 import CiCache from "./cache/CiCache"; // eslint-disable-next-line no-undef
 
-var version = typeof "11.0.10" === 'string' ? "11.0.10" : null;
+var version = typeof "11.0.11" === 'string' ? "11.0.11" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/es/core/models/tagstips/ElementTagTipConfig.js

@@ -70,7 +70,7 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
 
   _proto.getNodeFiedldMap = function getNodeFiedldMap() {
     var mtCodes = getNodeMtCodes(this.topoData);
-    return this.getFiedldMapByType(mtCodes, 'node');
+    return this.getFiedldMapByMtCodes(mtCodes, 'node');
   }
   /**
    * 获得节点字段配置项map
@@ -79,8 +79,13 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
 
   _proto.getLinkFidldMap = function getLinkFidldMap() {
     var mtCodes = getLinkMtCodes(this.topoData);
-    return this.getFiedldMapByType(mtCodes, 'link');
-  };
+    return this.getFiedldMapByMtCodes(mtCodes, 'link');
+  }
+  /**
+   * 获取链路标注悬浮框属性配置数据
+   * @returns 
+   */
+  ;
 
   _proto.getLinkConfigItems = function getLinkConfigItems() {
     var mtCodes = getLinkMtCodes(this.topoData);
@@ -110,49 +115,50 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
     // ]
   };
 
-  _proto.getFiedldMapByType = function getFiedldMapByType(mtCodes, type) {
+  _proto.getFiedldMapByMtCodes = function getFiedldMapByMtCodes(mtCodes, type) {
     var _this = this;
 
     var map = {};
     mtCodes.forEach(function (mtCode) {
       var ciType = _this.mtCiTypeMap[mtCode];
-
-      var attributes = _this.topo.ciTyeCache.getCiType(ciType).attributes.filter(function (attr) {
-        return !!attr.userVisible;
-      });
-
-      var metrics = _this.getMtMetricModels(mtCode);
-
-      var extItems = type === 'node' ? [{
-        lavel: '图片名称',
-        value: 'graph:name',
-        typeName: null
-      }, {
-        lavel: '资源类型',
-        value: 'ciType:name',
-        typeName: null
-      }] : [];
-      map[mtCode] = [].concat(extItems, attributes.map(function (item) {
-        return {
-          type: 'attribute',
-          id: "attribute:" + item.code,
-          code: "attribute:" + item.code,
-          name: item.name,
-          typeName: '属性'
-        };
-      }), metrics.map(function (item) {
-        return {
-          type: 'metric',
-          id: "metric:" + item.code,
-          code: "metric:" + item.code,
-          name: item.name,
-          typeName: '指标'
-        };
-      }));
+      map[mtCode] = _this.getFiedldMapByType(ciType, type, mtCode);
     });
     return map;
   };
 
+  _proto.getFiedldMapByType = function getFiedldMapByType(ciType, type, mtCode) {
+    var attributes = this.topo.ciTyeCache.getCiType(ciType).attributes.filter(function (attr) {
+      return !!attr.userVisible;
+    });
+    var metrics = this.getMtMetricModels(mtCode);
+    var extItems = type === 'node' ? [{
+      lavel: '图片名称',
+      value: 'graph:name',
+      typeName: null
+    }, {
+      lavel: '资源类型',
+      value: 'ciType:name',
+      typeName: null
+    }] : [];
+    return [].concat(extItems, attributes.map(function (item) {
+      return {
+        type: 'attribute',
+        id: "attribute:" + item.code,
+        code: "attribute:" + item.code,
+        name: item.name,
+        typeName: '属性'
+      };
+    }), metrics.map(function (item) {
+      return {
+        type: 'metric',
+        id: "metric:" + item.code,
+        code: "metric:" + item.code,
+        name: item.name,
+        typeName: '指标'
+      };
+    }));
+  };
+
   _proto.getMtMetricModels = function getMtMetricModels(mtCode) {
     var _this2 = this;
 

package/es/core/models/utils/nodeNameVisibleUtil.js

@@ -0,0 +1,116 @@
+import { getNodes, isNode } from "../../../utils/htElementUtils";
+/**
+ * 根据配置执行节点名称显示隐藏
+ * 1. 资源根据标注配置显示隐藏
+ * 2. 默认标注配置不勾选图片名称，图片节点名称不显示
+ * 3. 自定义标注配置，图片名称显示
+ */
+
+export function updateNodesNameVisible(topo) {
+  getNodesNameVisible(topo).forEach(function (_ref) {
+    var htNode = _ref.htNode,
+        visible = _ref.visible;
+    var prevVisible = htNode.a('isShowName');
+
+    if (prevVisible !== visible) {
+      htNode.a('isShowName', visible);
+    }
+  });
+}
+/**
+ * 新加入节点按配置显示隐藏名称
+ * @param {*} topo 
+ */
+
+export function setNewNodeNameVisible(topo, element) {
+  if (isNode(element)) {
+    var _topo$store$getModelS = topo.store.getModelState('displayConfig'),
+        nodeTag = _topo$store$getModelS.nodeTag;
+
+    var nameVisible = getNodeNameVisible({
+      node: element,
+      topo: topo,
+      nodeTag: nodeTag
+    });
+    element.a('isShowName', nameVisible);
+  }
+}
+export function getNodesNameVisible(topo) {
+  var _topo$store$getModelS2 = topo.store.getModelState('displayConfig'),
+      nodeTag = _topo$store$getModelS2.nodeTag;
+
+  var dm = topo.getDataModel();
+  var htNodes = getNodes(dm);
+  return htNodes.map(function (htNode) {
+    var node = topo.dataModel.getDataById(htNode.getTag());
+    return {
+      htNode: htNode,
+      node: node,
+      visible: getNodeNameVisible({
+        node: node,
+        topo: topo,
+        nodeTag: nodeTag
+      })
+    };
+  });
+}
+/**
+ * 从配置获得资源节点名称是否显示
+ * @param {*} node
+ * @returns
+ */
+
+export function getNodeNameVisible(_ref2) {
+  var node = _ref2.node,
+      topo = _ref2.topo,
+      nodeTag = _ref2.nodeTag;
+
+  if (node !== null && node !== void 0 && node.ciType) {
+    return getCiNodeNameVisible({
+      node: node,
+      nodeTag: nodeTag
+    });
+  } else {
+    return getCommonNodeNameVisible({
+      node: node,
+      nodeTag: nodeTag
+    });
+  }
+} // 非CI节点
+
+function getCommonNodeNameVisible(_ref3) {
+  var node = _ref3.node,
+      nodeTag = _ref3.nodeTag;
+  var visible = true;
+
+  if (nodeTag) {
+    var isCustom = nodeTag.isCustom,
+        data = nodeTag.data;
+
+    if (!isCustom) {
+      var items = data || [];
+      visible = !!items.filter(function (item) {
+        return item.type === 'graph';
+      }).length;
+    }
+  }
+
+  return visible;
+}
+
+function getCiNodeNameVisible(_ref4) {
+  var node = _ref4.node,
+      nodeTag = _ref4.nodeTag;
+  var visible = true;
+
+  if (nodeTag) {
+    var isCustom = nodeTag.isCustom,
+        data = nodeTag.data;
+    var items = (isCustom ? data[node.ciType] : data) || [];
+    visible = !!items.filter(function (item) {
+      return item.type === 'graph';
+    }).length;
+  }
+
+  return visible;
+}

package/es/utils/topoData.js

@@ -11,6 +11,7 @@ import { getBackgroundImageUrl } from "../core/utils/backgroundUtil";
 import { isClusterHtElement, processCluster } from "./clusterUtil";
 import { isGroup } from "./htElementUtils";
 import v140UpgradeSerializeNodeImageSize from "../core/upgrade/v140UpgradeSerializeNodeImageSize";
+import { getNodeNameVisible } from "../core/models/utils/nodeNameVisibleUtil";
 /**
  * 查找数组中对应key的值为value的元素并返回,只查找第一个符合的元素
  * @param {Array} arr 数组
@@ -63,13 +64,20 @@ var tfNode = function tfNode(topoEngine, node) {
  */
 
 
-function updateNodeInfo(topoEngine, topoData) {
+function updateNodeInfo(topo, topoData) {
+  var _topo$store$getModelS = topo.store.getModelState('displayConfig'),
+      nodeTag = _topo$store$getModelS.nodeTag;
+
   return _extends({}, topoData, {
     nodes: topoData.nodes.map(function (node) {
       var attributes = node.attributes;
       return _extends({}, node, {
         ipAddress: node.ipAddress || (attributes === null || attributes === void 0 ? void 0 : attributes.ipv4_address) || null,
-        isShowName: topoEngine.attributeMetricDisplay.getNodeNameVisible(node)
+        isShowName: getNodeNameVisible({
+          node: node,
+          topo: topo,
+          nodeTag: nodeTag
+        })
       });
     })
   });

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

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
+var _ModelAttrSelectDrawer = _interopRequireDefault(require("./ModelAttrSelectDrawer"));
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function parseValue(value) {
+  var selected = {};
+  Object.keys(value).forEach(function (ciType) {
+    selected[ciType] = value[ciType].map(function (_ref) {
+      var type = _ref.type,
+          code = _ref.code;
+      return type + ":" + code;
+    });
+  });
+  return selected;
+}
+/**
+ * 资源显示属性、指标配置
+ */
+
+
+var MultipleTypeAttributeSelectDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var value = props.value,
+      data = props.data,
+      showType = props.showType,
+      limit = props.limit,
+      onChange = props.onChange,
+      queryData = props.queryData;
+  var batchAttrMetric = (0, _react.useRef)();
+
+  var _useState = (0, _react.useState)(parseValue((value === null || value === void 0 ? void 0 : value.data) || {})),
+      selected = _useState[0],
+      setSelected = _useState[1];
+
+  (0, _react.useEffect)(function () {
+    setSelected(parseValue((value === null || value === void 0 ? void 0 : value.data) || {}));
+  }, [value]); // 点击选择数据，显示抽屉
+
+  var show = function show() {
+    queryData();
+    batchAttrMetric.current.show({
+      showType: showType
+    });
+  };
+
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      show: show
+    };
+  }); // 保存指标设置
+
+  var save = function save(showType, parm) {
+    _rlog["default"].debug('saveMarkSetting', showType, parm);
+
+    var newSelected = {};
+    Object.keys(parm).forEach(function (ciType) {
+      newSelected[ciType] = parm[ciType].map(function (id) {
+        var _id$split = id.split(':'),
+            type = _id$split[0],
+            code = _id$split[1];
+
+        return {
+          code: code,
+          type: type
+        };
+      });
+    });
+    onChange({
+      isCustom: true,
+      data: newSelected
+    });
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_ModelAttrSelectDrawer["default"], {
+    ref: batchAttrMetric,
+    value: selected,
+    dataSource: data,
+    limit: limit,
+    showType: showType,
+    onOk: save
+  });
+});
+MultipleTypeAttributeSelectDrawer.displayName = 'MultipleTypeAttributeSelectDrawer';
+var _default = MultipleTypeAttributeSelectDrawer;
+exports["default"] = _default;

package/lib/components/ModelAttrSelectDrawer/index.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
-var _ModelAttrSelectDrawer = _interopRequireDefault(require("./components/ModelAttrSelectDrawer"));
+var _MultipleTypeAttributeSelectDrawer = _interopRequireDefault(require("./components/MultipleTypeAttributeSelectDrawer"));
 
-var _default = _ModelAttrSelectDrawer["default"];
+var _default = _MultipleTypeAttributeSelectDrawer["default"];
 exports["default"] = _default;

package/lib/components/VerticalIconTab/VerticalIconTab.js

@@ -15,10 +15,10 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _VerticalIconTabModule = _interopRequireDefault(require("./VerticalIconTab.module.scss"));
-
 var _variables = _interopRequireDefault(require("@alifd/theme-19926/variables.js"));
 
+var _VerticalIconTabModule = _interopRequireDefault(require("./VerticalIconTab.module.scss"));
+
 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); }
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }

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

@@ -15,6 +15,8 @@ var _ResourceInfoDisplay = require("../../../constants/ResourceInfoDisplay");
 
 var _BasicConfig = _interopRequireDefault(require("./ResourceDisplay/BasicConfig"));
 
+var _NodeAttrSettingDrawer = _interopRequireDefault(require("./components/NodeAttrSettingDrawer"));
+
 var defaultCommonOptions = [{
   value: 'graph:name',
   label: '图片名称'
@@ -31,15 +33,17 @@ var defaultCommonOptions = [{
 var NodeTag = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var commonOptions = props.commonOptions;
   return /*#__PURE__*/_react["default"].createElement(_BasicConfig["default"], (0, _extends2["default"])({
-    ref: ref
-  }, props, {
+    ref: ref,
     limit: 3,
     elementType: "node",
     showType: "tag",
     commonOptions: commonOptions || defaultCommonOptions,
     defaultCommonConfig: _ResourceInfoDisplay.DEFAULT_NODE_TAG_COMMON_CONFIG,
+    customSettingDrawer: function customSettingDrawer(params) {
+      return /*#__PURE__*/_react["default"].createElement(_NodeAttrSettingDrawer["default"], params);
+    },
     type: "node"
-  }));
+  }, props));
 });
 
 NodeTag.displayName = 'NodeTag';

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

@@ -15,6 +15,8 @@ var _ResourceInfoDisplay = require("../../../constants/ResourceInfoDisplay");
 
 var _BasicConfig = _interopRequireDefault(require("./ResourceDisplay/BasicConfig"));
 
+var _NodeAttrSettingDrawer = _interopRequireDefault(require("./components/NodeAttrSettingDrawer"));
+
 var defaultCommonOptions = [{
   value: 'attribute:display_name',
   label: '显示名称'
@@ -31,14 +33,16 @@ var defaultCommonOptions = [{
 var NodeTip = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var commonOptions = props.commonOptions;
   return /*#__PURE__*/_react["default"].createElement(_BasicConfig["default"], (0, _extends2["default"])({
-    ref: ref
-  }, props, {
+    ref: ref,
     limit: 4,
     elementType: "node",
     showType: "tip",
     commonOptions: commonOptions || defaultCommonOptions,
-    defaultCommonConfig: _ResourceInfoDisplay.DEFAULT_TIP_COMMON_CONFIG
-  }));
+    defaultCommonConfig: _ResourceInfoDisplay.DEFAULT_TIP_COMMON_CONFIG,
+    customSettingDrawer: function customSettingDrawer(params) {
+      return /*#__PURE__*/_react["default"].createElement(_NodeAttrSettingDrawer["default"], params);
+    }
+  }, props));
 });
 
 NodeTip.propTypes = {

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

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/lib/rlog"));
+
+var _ModelAttrSelectDrawer = _interopRequireDefault(require("../../../../components/ModelAttrSelectDrawer"));
+
+var _nodeCiTypeAttrUtil = require("../../ResourceViewAttributeSetting/nodeCiTypeAttrUtil");
+
+var _excluded = ["topo", "showType", "value"];
+
+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); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+/**
+ * 节点标注、悬浮框设置
+ */
+var NodeAttrSettingDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var topo = props.topo,
+      showType = props.showType,
+      value = props.value,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+
+  var _useState = (0, _react.useState)([]),
+      data = _useState[0],
+      setData = _useState[1];
+
+  var queryData = function queryData() {
+    _rlog["default"].info('属性配置：加载数据');
+
+    var items = (0, _nodeCiTypeAttrUtil.getNodeModels)(topo);
+    setData(items);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_ModelAttrSelectDrawer["default"], (0, _extends2["default"])({
+    ref: ref
+  }, otherProps, {
+    value: value,
+    data: data,
+    showType: showType,
+    queryData: queryData
+  }));
+});
+NodeAttrSettingDrawer.displayName = 'NodeAttrSettingDrawer';
+NodeAttrSettingDrawer.propTypes = {};
+var _default = NodeAttrSettingDrawer;
+exports["default"] = _default;