@riil-frontend/component-topology 11.0.1 → 11.0.2

package/lib/components/BatchAttrMetric2/constant.js

@@ -0,0 +1,36 @@
+"use strict";
+
+exports.__esModule = true;
+exports.SELECT_TYPE = exports.DATA_TYPE = void 0;
+// 选择类型
+var SELECT_TYPE = {
+  single: {
+    showTree: false,
+    showCiNum: false,
+    drawerWidth: "calc(" + 5 + "/24 * 100%)"
+  },
+  batch: {
+    showTree: true,
+    showCiNum: true,
+    drawerWidth: "calc(" + 10 + "/24 * 100%)"
+  }
+}; // 数据类型
+
+exports.SELECT_TYPE = SELECT_TYPE;
+var DATA_TYPE = {
+  tag: {
+    drawerTitle: '选择图数据',
+    maxSelect: 4,
+    label: '图',
+    poslabel: '拓扑图上',
+    message: "\u56FE\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728\u62D3\u6251\u56FE\u4E0A\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 4 \u9879\u3002"
+  },
+  tip: {
+    drawerTitle: '选择Tooltips显示数据',
+    maxSelect: 10,
+    label: 'Tootip',
+    poslabel: 'Tooltip中',
+    message: "Tootip\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728Tooltip\u4E2D\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 10 \u9879\u3002"
+  }
+};
+exports.DATA_TYPE = DATA_TYPE;

package/lib/components/BatchAttrMetric2/index.js

@@ -0,0 +1,93 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _drawer = _interopRequireDefault(require("@alifd/next/lib/drawer"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ahooks = require("ahooks");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
+var _setting = _interopRequireDefault(require("./setting"));
+
+var _constant = require("./constant");
+
+var _excluded = ["saveCb", "showType"],
+    _excluded2 = ["drawerTitle", "drawerWidth"];
+
+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 BatchAttrMetricDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var _saveCb = props.saveCb,
+      showType = props.showType,
+      settingProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+
+  var _useBoolean = (0, _ahooks.useBoolean)(false),
+      visible = _useBoolean[0],
+      _useBoolean$ = _useBoolean[1],
+      setTrue = _useBoolean$.setTrue,
+      setFalse = _useBoolean$.setFalse;
+
+  var selectType = 'batch';
+  (0, _react.useImperativeHandle)(ref, function () {
+    return {
+      /**
+       * 展开抽屉
+       */
+      show: function show(entryConfig) {
+        if (entryConfig === void 0) {
+          entryConfig = {};
+        }
+
+        setTrue();
+      }
+    };
+  });
+  var config = (0, _extends2["default"])({}, _constant.SELECT_TYPE[selectType], _constant.DATA_TYPE[showType]);
+  var drawerTitle = config.drawerTitle,
+      drawerWidth = config.drawerWidth,
+      pageConfig = (0, _objectWithoutPropertiesLoose2["default"])(config, _excluded2);
+  return /*#__PURE__*/_react["default"].createElement(_drawer["default"], {
+    closeMode: ['close', 'esc'],
+    visible: visible,
+    onClose: setFalse,
+    title: drawerTitle,
+    className: _indexModule["default"].drawer,
+    width: drawerWidth
+  }, visible && /*#__PURE__*/_react["default"].createElement(_setting["default"], (0, _extends2["default"])({}, pageConfig, settingProps, {
+    cancelCb: setFalse,
+    saveCb: function saveCb(values) {
+      setFalse();
+
+      _saveCb(showType, values);
+    }
+  })));
+});
+BatchAttrMetricDrawer.displayName = 'BatchAttrMetricDrawer';
+BatchAttrMetricDrawer.propTypes = {
+  // 数据项
+  dataSource: _propTypes["default"].array.isRequired,
+  // 保存回调
+  saveCb: _propTypes["default"].func
+};
+BatchAttrMetricDrawer.defaultProps = {
+  saveCb: function saveCb() {}
+};
+var _default = BatchAttrMetricDrawer;
+exports["default"] = _default;

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

@@ -0,0 +1,76 @@
+@import "@alifd/next/variables";
+
+.drawer {
+  & > div {
+    overflow: hidden !important;
+  }
+  :global {
+    .#{$css-prefix}drawer-body {
+      padding: 0;
+      height: calc(100% - 45px);
+    }
+  }
+}
+.layout {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  & > div:last-child > button:first-child {
+    float: left;
+    line-height: 24px;
+  }
+  :global {
+    .riil-footer {
+      position: unset;
+    }
+  }
+}
+.message {
+  padding: 16px 24px 0;
+}
+.content {
+  padding: 16px 24px 0;
+  flex: auto;
+  overflow: hidden;
+  & > div:first-child:not(:last-child) {
+    box-shadow: 1px 0px 0px 0px #E4E9EE;
+    padding-right: $s-4;
+  }
+  & > div:last-child:not(:first-child) {
+    padding-left: $s-4;
+  }
+  :global {
+    .#{$css-prefix}table-header-node.#{$css-prefix}table-selection {
+      .#{$css-prefix}checkbox-wrapper {
+        display: none;
+      }
+    }
+    .#{$css-prefix}table-cell-wrapper {
+      white-space: unset !important;
+    }
+  }
+}
+.tree-wrap {
+  :global {
+    .#{$css-prefix}tree-node-label-wrapper {
+      width: 1px;
+      .tree-node-label > span {
+        display: inline-block;
+        width: calc(100% - 24px);
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+  }
+}
+.table-wrap {
+  height: calc(100% + 1.5px);
+}
+.tip-content {
+  max-height: 250px;
+  overflow: auto;
+  & > div {
+    line-height: 20px;
+  }
+}

package/lib/components/BatchAttrMetric2/setting.js

@@ -0,0 +1,216 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
+var _table = _interopRequireDefault(require("@alifd/next/lib/table"));
+
+var _search = _interopRequireDefault(require("@alifd/next/lib/search"));
+
+var _grid = _interopRequireDefault(require("@alifd/next/lib/grid"));
+
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
+var _componentActionTree = _interopRequireDefault(require("@riil-frontend/component-action-tree"));
+
+var _NoDataPage = _interopRequireDefault(require("@riil-frontend/component-topology-common/es/components/NoDataPage"));
+
+var _componentTableLayout = _interopRequireDefault(require("@riil-frontend/component-table-layout"));
+
+var _hooks = _interopRequireDefault(require("@riil-frontend/hooks"));
+
+var utils = _interopRequireWildcard(require("./utils"));
+
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
+var _treeUtil = require("../../utils/treeUtil");
+
+var _excluded = ["value", "defaultSet", "dataSource"];
+
+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 Setting = function Setting(_ref) {
+  var _ref$value = _ref.value,
+      value = _ref$value === void 0 ? {} : _ref$value,
+      defaultSet = _ref.defaultSet,
+      dataSource = _ref.dataSource,
+      props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, _excluded);
+  var limit = props.limit,
+      saveCb = props.saveCb;
+  var allCiSet = (0, _react.useMemo)(function () {
+    var map = {};
+    (0, _treeUtil.loopTreeNode)(dataSource, function (item) {
+      map[item.id] = item;
+    });
+    return map;
+  }, [dataSource]);
+
+  var _useState = (0, _react.useState)(Object.keys(allCiSet)[0]),
+      ciType = _useState[0],
+      setCiType = _useState[1];
+
+  var _useState2 = (0, _react.useState)(''),
+      search = _useState2[0],
+      setSearch = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(value),
+      selected = _useState3[0],
+      setSelected = _useState3[1];
+
+  var selectedRowKeys = selected[ciType] || [];
+
+  var _RiilHooks$useTableCo = _hooks["default"].useTableColumn({
+    columns: [{
+      width: '100%',
+      dataIndex: 'name',
+      title: '数据',
+      cellOption: {
+        nowrap: true
+      }
+    }, {
+      width: '70px',
+      dataIndex: 'type',
+      title: '类型',
+      cellOption: {
+        nowrap: {
+          nowrapCell: utils.typeCell,
+          title: utils.typeCell
+        }
+      }
+    }]
+  }),
+      columnNodes = _RiilHooks$useTableCo.columnNodes;
+
+  var onTreeSelect = function onTreeSelect(_ref2) {
+    var selectedKey = _ref2[0];
+
+    if (selectedKey && allCiSet[selectedKey].type !== 'folder') {
+      setCiType(selectedKey);
+    }
+  };
+
+  var onTableSelect = function onTableSelect(selectedKeys) {
+    var values = (0, _extends2["default"])({}, selected);
+
+    _rlog["default"].debug('Setting-allCiSet-onTableSelect', limit, selectedKeys, selected);
+
+    values[ciType] = selectedKeys;
+    setSelected(values);
+  };
+
+  var saveSelected = function saveSelected() {
+    saveCb(selected);
+  };
+
+  var onReset = function onReset() {
+    setSelected({});
+  };
+
+  var tableData = (0, _react.useMemo)(function () {
+    var _allCiSet$ciType;
+
+    // console.log('allCiSet,ciType,search', allCiSet, ciType, search);
+    var list = ((_allCiSet$ciType = allCiSet[ciType]) === null || _allCiSet$ciType === void 0 ? void 0 : _allCiSet$ciType.list) || [];
+
+    if (search) {
+      list = list.filter(function (item) {
+        var _item$name;
+
+        return ((_item$name = item.name) === null || _item$name === void 0 ? void 0 : _item$name.toUpperCase().indexOf(search.toUpperCase())) !== -1;
+      });
+    }
+
+    return list;
+  }, [allCiSet, ciType, search]);
+
+  function onSearch(value) {
+    // console.log('search', search);
+    setSearch(value);
+  }
+
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].layout
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _indexModule["default"].message
+  }, /*#__PURE__*/_react["default"].createElement(_message["default"], {
+    type: "notice"
+  }, props.label + "\u6570\u636E\uFF1A\u9009\u62E9\u7684\u6307\u6807\u548C\u5C5E\u6027\u5C06\u4F1A\u663E\u793A\u5728" + props.poslabel + "\uFF0C\u6700\u591A\u652F\u6301\u52FE\u9009 " + limit + " \u9879\u3002")), /*#__PURE__*/_react["default"].createElement(_grid["default"].Row, {
+    className: _indexModule["default"].content
+  }, /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
+    span: 8,
+    className: _indexModule["default"]['tree-wrap']
+  }, /*#__PURE__*/_react["default"].createElement(_componentActionTree["default"], {
+    dataSource: dataSource,
+    onSelect: onTreeSelect,
+    draggable: false,
+    treeProps: {
+      selectedKeys: [ciType]
+    }
+  })), /*#__PURE__*/_react["default"].createElement(_grid["default"].Col, {
+    className: _indexModule["default"]['table-wrap']
+  }, /*#__PURE__*/_react["default"].createElement(_componentTableLayout["default"], {
+    filterItems: /*#__PURE__*/_react["default"].createElement("div", {
+      className: _indexModule["default"].filter
+    }, /*#__PURE__*/_react["default"].createElement(_search["default"], {
+      // className={styles.search}
+      style: {
+        width: 200
+      },
+      shape: "simple",
+      placeholder: "\u8BF7\u8F93\u5165\u5173\u952E\u5B57",
+      onSearch: onSearch,
+      onChange: function onChange(val) {
+        return !val && onSearch('');
+      },
+      hasClear: true
+    })),
+    table: /*#__PURE__*/_react["default"].createElement(_table["default"], {
+      fixedHeader: true,
+      hasBorder: false,
+      dataSource: tableData,
+      emptyContent: /*#__PURE__*/_react["default"].createElement(_NoDataPage["default"], {
+        type: "table"
+      }),
+      rowSelection: {
+        selectedRowKeys: selectedRowKeys,
+        onChange: onTableSelect,
+        getProps: function getProps(_ref3) {
+          var id = _ref3.id;
+          return {
+            disabled: !selectedRowKeys.includes(id) && selectedRowKeys.length >= limit
+          };
+        }
+      }
+    }, columnNodes)
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "riil-footer right"
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    text: true,
+    type: "primary",
+    onClick: onReset
+  }, "\u91CD\u7F6E"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    type: "primary",
+    onClick: function onClick() {
+      saveSelected();
+    }
+  }, "\u786E\u5B9A"), /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    onClick: props.cancelCb
+  }, "\u53D6\u6D88")));
+};
+
+var _default = Setting;
+exports["default"] = _default;

package/lib/components/BatchAttrMetric2/utils.js

@@ -0,0 +1,97 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports.typeCell = exports.treeDs = exports.defaultSelected = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _indexModule = _interopRequireDefault(require("./index.module.scss"));
+
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
+/**
+ * 获取树结构数据源
+ * @param {*} allCiSet 数据源
+ * @returns
+ */
+var treeDs = function treeDs(allCiSet) {
+  return Object.keys(allCiSet).map(function (key) {
+    var _allCiSet$key, _allCiSet$key2;
+
+    return {
+      id: key,
+      label: (_allCiSet$key = allCiSet[key]) === null || _allCiSet$key === void 0 ? void 0 : _allCiSet$key.name,
+      icon: "/img/model/" + ((_allCiSet$key2 = allCiSet[key]) === null || _allCiSet$key2 === void 0 ? void 0 : _allCiSet$key2.icon) + ".svg"
+    };
+  });
+}; // 由于属性和指标code存在重复，拼接code与类型作为id
+
+
+exports.treeDs = treeDs;
+
+var toId = function toId(_ref) {
+  var code = _ref.code,
+      type = _ref.type;
+  return type ? code + "-" + type : code;
+}; // id反解析回对象
+
+
+var reverseToId = function reverseToId(id) {
+  var _id$split = id.split("-"),
+      code = _id$split[0],
+      type = _id$split[1];
+
+  return {
+    code: code,
+    type: type
+  };
+};
+/**
+ * 获取默认选择项，用于重置
+ * @param {*} allCiSet 数据源
+ * @param {*} defaultSet 默认选择项数据源
+ * @param {*} dataType 数据类型
+ * @returns
+ */
+
+
+var defaultSelected = function defaultSelected(allCiSet, defaultSet, dataType) {
+  if (defaultSet === void 0) {
+    defaultSet = {};
+  }
+
+  var values = {};
+  Object.keys(allCiSet).forEach(function (key) {
+    var ciTypeSelected = defaultSet[key] || defaultSet[allCiSet[key].code]; // 没有ci类型对应的默认配置 ->  使用通用的配置项
+    // const selected = (ciTypeSelected || defaultSet['common'])[dataType] || [];
+
+    var selected = [];
+    var selectedIds = selected.map(function (item) {
+      return toId(item);
+    });
+    var data = allCiSet[key].list;
+    var selectedData = data === null || data === void 0 ? void 0 : data.filter(function (item) {
+      return selectedIds.includes(item.id);
+    });
+    values[key] = selectedData.map(function (item) {
+      return item.id;
+    }) || [];
+  });
+  return values;
+};
+
+exports.defaultSelected = defaultSelected;
+
+var typeCell = function typeCell(text) {
+  if (text === "attribute") {
+    return "属性";
+  } else if (text === "metric") {
+    return "指标";
+  }
+
+  return "-";
+};
+
+exports.typeCell = typeCell;

package/lib/components/ModelAttrSelectDrawer/components/ModelAttrSelect.js

@@ -0,0 +1,15 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function ModelAttrSelect(props) {
+  return /*#__PURE__*/_react["default"].createElement("div", null, "ModelAttrSelect");
+}
+
+var _default = ModelAttrSelect;
+exports["default"] = _default;

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

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _BatchAttrMetric = _interopRequireDefault(require("../../BatchAttrMetric2"));
+
+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 ModelAttrSelectDrawer = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+  var value = props.value,
+      dataSource = props.dataSource,
+      limit = props.limit,
+      showType = props.showType,
+      onOk = props.onOk;
+  return /*#__PURE__*/_react["default"].createElement(_BatchAttrMetric["default"], {
+    ref: ref,
+    value: value,
+    dataSource: dataSource,
+    limit: limit,
+    showType: showType,
+    saveCb: onOk
+  });
+});
+ModelAttrSelectDrawer.displayName = 'ModelAttrSelectDrawer';
+ModelAttrSelectDrawer.propTypes = {
+  // 数据项
+  dataSource: _propTypes["default"].array,
+  value: _propTypes["default"].object,
+  limit: _propTypes["default"].number,
+  showType: _propTypes["default"].oneOf(['tag', 'tip', null]),
+  // 保存回调
+  onOk: _propTypes["default"].func
+};
+ModelAttrSelectDrawer.defaultProps = {
+  dataSource: [],
+  value: {},
+  limit: 999,
+  showType: null,
+  onOk: function onOk(val) {}
+};
+var _default = ModelAttrSelectDrawer;
+exports["default"] = _default;

package/lib/components/ModelAttrSelectDrawer/index.js

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

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

@@ -42,6 +42,7 @@ var NodeTag = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   }));
 });
 
+NodeTag.displayName = 'NodeTag';
 NodeTag.propTypes = {
   commonOptions: _propTypes["default"].array
 };

package/lib/core/models/TopoApp.js

@@ -56,7 +56,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "11.0.1" === 'string' ? "11.0.1" : null;
+var version = typeof "11.0.2" === 'string' ? "11.0.2" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

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

@@ -98,7 +98,7 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
   _proto.getLinkConfigItems = function getLinkConfigItems() {
     var mtCodes = (0, _utils.getLinkMtCodes)(this.topoData);
     var linkFidldMap = this.getLinkFidldMap();
-    return [{
+    var list = [{
       id: 'm.critical_link',
       label: '关键链路'
     }, {
@@ -113,6 +113,14 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
         list: linkFidldMap[t.id] || []
       });
     });
+    return list; // return [
+    //   { id: 'ax1', label: '本级平台', children: list, type: 'folder', disabled: true },
+    //   {
+    //     id: 'bb22', label: '下级平台', type: 'folder', children: [
+    //       { id: 'xvdafa', label: '关键链路', icon: '/img/model/networkLink.svg' },
+    //     ]
+    //   },
+    // ]
   };
 
   _proto.getFiedldMapByType = function getFiedldMapByType(mtCodes, type) {
@@ -140,16 +148,18 @@ var ElementTagTipConfig = /*#__PURE__*/function () {
       map[mtCode] = [].concat(extItems, attributes.map(function (item) {
         return {
           type: 'attribute',
-          typeName: '属性',
+          id: "attribute:" + item.code,
+          code: "attribute:" + item.code,
           name: item.name,
-          code: "attribute:" + item.code
+          typeName: '属性'
         };
       }), metrics.map(function (item) {
         return {
           type: 'metric',
-          typeName: '指标',
+          id: "metric:" + item.code,
+          code: "metric:" + item.code,
           name: item.name,
-          code: "metric:" + item.code
+          typeName: '指标'
         };
       }));
     });

package/lib/core/utils/showGraphManageStatusUtil.js

@@ -33,12 +33,12 @@ function showManageStatus(options) {
       var readable = !!(permission !== null && permission !== void 0 && permission.readable);
       var showUnMoniteStatus = !hasAlarm(id) && isNotMonite && readable;
       var element = topo.getDataModel().getDataByTag(id);
-      if (!element) return;
+      if (!element) return; // ht元素设置是否显示监控状态，是否展示，用于缩小色块时显示未监控颜色
+
+      element.a('ci.isMonitoring', !showUnMoniteStatus);
 
       if (type === 'node') {
         try {
-          element.a('isMonitoring', showUnMoniteStatus); // 用于缩小色块时显示未监控颜色
-
           if (showUnMoniteStatus) {
             topo.getHtTopo().setNodeStyleIcon(element, {
               styleIcon: 'unMoniter',