@riil-frontend/component-topology 11.0.27 → 11.0.29

package/es/components/BatchAttrMetric/index.js

@@ -1,7 +1,7 @@
 import _Drawer from "@alifd/next/es/drawer";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["saveCb"],
+var _excluded = ["saveCb", "showType"],
   _excluded2 = ["drawerTitle", "drawerWidth"];
 import React, { forwardRef, useImperativeHandle, useState } from 'react';
 import { useBoolean } from 'ahooks';
@@ -13,34 +13,25 @@ import { SELECT_TYPE, DATA_TYPE } from "./constant";
 /**
  * 属性指标配置抽屉
  */
-var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _saveCb = _ref.saveCb,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
+  var _saveCb = props.saveCb,
+    showType = props.showType,
+    settingProps = _objectWithoutPropertiesLoose(props, _excluded);
   var _useBoolean = useBoolean(false),
     visible = _useBoolean[0],
     _useBoolean$ = _useBoolean[1],
     setTrue = _useBoolean$.setTrue,
     setFalse = _useBoolean$.setFalse;
-  // 选择类型，single/batch
   var selectType = 'batch';
-  // 数据类型，tip/tag
-  var _useState = useState(),
-    showType = _useState[0],
-    setShowType = _useState[1];
   useImperativeHandle(ref, function () {
     return {
       /**
        * 展开抽屉
-       * @param {*} entryConfig 入口配置对象，必须
-       * @param {*} entryConfig.selectType 选择类型(single/batch)，必须
-       * @param {*} entryConfig.dataType 数据类型(tip/tag)，必须
        */
       show: function show(entryConfig) {
         if (entryConfig === void 0) {
           entryConfig = {};
         }
-        // setSelectType(entryConfig.selectType);
-        setShowType(entryConfig.showType);
         setTrue();
       }
     };
@@ -56,19 +47,18 @@ var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     title: drawerTitle,
     className: styles.drawer,
     width: drawerWidth
-  }, visible && /*#__PURE__*/React.createElement(SettingPage, _extends({}, pageConfig, props, {
-    showType: showType,
+  }, visible && /*#__PURE__*/React.createElement(SettingPage, _extends({}, pageConfig, settingProps, {
     cancelCb: setFalse,
     saveCb: function saveCb(values) {
       setFalse();
-      _saveCb(showType, values, selectType);
+      _saveCb(showType, values);
     }
   })));
 });
-BatchAttrMetricDrawer.displayName = 'BatchAttrMetricDrawer';
+BatchAttrMetricDrawer.displayName = 'BatchAttrMetricDrawerV2';
 BatchAttrMetricDrawer.propTypes = {
   // 数据项
-  allCiSet: PropTypes.any.isRequired,
+  dataSource: PropTypes.array.isRequired,
   // 保存回调
   saveCb: PropTypes.func
 };

package/es/components/BatchAttrMetric/setting.js

@@ -5,30 +5,39 @@ import _Grid from "@alifd/next/es/grid";
 import _Message from "@alifd/next/es/message";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-var _excluded = ["value", "defaultSet", "allCiSet", "showType"];
-import React, { useState, useMemo } from "react";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-import ActionTree from "@riil-frontend/component-action-tree";
-import NoDataPage from "@riil-frontend/component-topology-common/es/components/NoDataPage";
-import TableLayout from "@riil-frontend/component-table-layout";
-import RiilHooks from "@riil-frontend/hooks";
+var _excluded = ["value", "defaultSet", "dataSource"];
+import React, { useState, useMemo, useEffect } from 'react';
+import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import ActionTree from '@riil-frontend/component-action-tree';
+import NoDataPage from '@riil-frontend/component-topology-common/es/components/NoDataPage';
+import TableLayout from '@riil-frontend/component-table-layout';
+import RiilHooks from '@riil-frontend/hooks';
 import * as utils from "./utils";
 import styles from "./index.module.scss";
+import { loopTreeNode } from "../../utils/treeUtil";
 var Setting = function Setting(_ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? {} : _ref$value,
     defaultSet = _ref.defaultSet,
-    allCiSet = _ref.allCiSet,
-    showType = _ref.showType,
+    dataSource = _ref.dataSource,
     props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  // const allCiSet = utils.dsTransform(props.allCiSet);
-
   var limit = props.limit,
-    saveCb = props.saveCb,
-    elementType = props.elementType;
-  var _useState = useState(Object.keys(allCiSet)[0]),
+    saveCb = props.saveCb;
+  var allCiSet = useMemo(function () {
+    var map = {};
+    loopTreeNode(dataSource, function (item) {
+      if (item.type !== 'folder') {
+        map[item.id] = item;
+      }
+    });
+    return map;
+  }, [dataSource]);
+  var _useState = useState(utils.getDefaultSelectedCiType(dataSource)),
     ciType = _useState[0],
     setCiType = _useState[1];
+  useEffect(function () {
+    setCiType(utils.getDefaultSelectedCiType(dataSource));
+  }, [dataSource]);
   var _useState2 = useState(''),
     search = _useState2[0],
     setSearch = _useState2[1];
@@ -37,31 +46,46 @@ var Setting = function Setting(_ref) {
     setSelected = _useState3[1];
   var selectedRowKeys = selected[ciType] || [];
   var _RiilHooks$useTableCo = RiilHooks.useTableColumn({
-      columns: utils.columns(showType, props.showCiNum)
+      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) {
+    if (selectedKey && allCiSet[selectedKey] && allCiSet[selectedKey].type !== 'folder') {
       setCiType(selectedKey);
     }
   };
   var onTableSelect = function onTableSelect(selectedKeys) {
     var values = _extends({}, selected);
-    rlog.debug("Setting-allCiSet-onTableSelect", limit, selectedKeys, selected);
+    rlog.debug('Setting-allCiSet-onTableSelect', limit, selectedKeys, selected);
     values[ciType] = selectedKeys;
     setSelected(values);
   };
   var saveSelected = function saveSelected() {
-    saveCb(utils.saveTransform(selected));
+    saveCb(selected);
   };
   var onReset = function onReset() {
-    var values = utils.defaultSelected(allCiSet, defaultSet, showType);
-    setSelected(values);
+    setSelected({});
   };
   var tableData = 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) {
@@ -71,9 +95,8 @@ var Setting = function Setting(_ref) {
     }
     return list;
   }, [allCiSet, ciType, search]);
-  function onSearch(value) {
-    // console.log('search', search);
-    setSearch(value);
+  function onSearch(searchValue) {
+    setSearch(searchValue);
   }
   return /*#__PURE__*/React.createElement("div", {
     className: styles.layout
@@ -83,18 +106,29 @@ var Setting = function Setting(_ref) {
     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.createElement(_Grid.Row, {
     className: styles.content
-  }, props.showTree && /*#__PURE__*/React.createElement(_Grid.Col, {
+  }, /*#__PURE__*/React.createElement(_Grid.Col, {
     span: 8,
-    className: styles["tree-wrap"]
-  }, /*#__PURE__*/React.createElement(ActionTree, {
-    dataSource: utils.treeDs(allCiSet),
+    className: styles['tree-wrap']
+  }, dataSource.length && /*#__PURE__*/React.createElement(ActionTree, {
+    dataSource: dataSource,
     onSelect: onTreeSelect,
     draggable: false,
     treeProps: {
-      selectedKeys: [ciType]
+      selectedKeys: [ciType],
+      defaultExpandedKeys: dataSource.filter(function (item) {
+        return item.type === 'folder';
+      }).map(function (item) {
+        return item.id;
+      }),
+      expandedKeys: dataSource.filter(function (item) {
+        return item.type === 'folder';
+      }).map(function (item) {
+        return item.id;
+      }),
+      defaultExpandAll: true
     }
   })), /*#__PURE__*/React.createElement(_Grid.Col, {
-    className: styles["table-wrap"]
+    className: styles['table-wrap']
   }, /*#__PURE__*/React.createElement(TableLayout, {
     filterItems: /*#__PURE__*/React.createElement("div", {
       className: styles.filter

package/es/components/BatchAttrMetric/utils.js

@@ -1,8 +1,4 @@
-import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
-import _extends from "@babel/runtime/helpers/extends";
-var _excluded = ["list"];
-import React from 'react';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
+import { loopTreeNode } from "../../utils/treeUtil";
 
 /**
  * 获取树结构数据源
@@ -19,144 +15,7 @@ export var treeDs = function treeDs(allCiSet) {
     };
   });
 };
-
-// 由于属性和指标code存在重复，拼接code与类型作为id
-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
-  };
-};
-
-/**
- * 数据源转换，追加id
- * @param {*} allCiSet 数据源
- * @returns
- */
-export var dsTransform = function dsTransform(allCiSet) {
-  var values = {};
-  Object.keys(_extends({}, allCiSet)).forEach(function (key) {
-    var _allCiSet$key3 = allCiSet[key],
-      list = _allCiSet$key3.list,
-      value = _objectWithoutPropertiesLoose(_allCiSet$key3, _excluded);
-    var data = list.map(function (item) {
-      return _extends({}, item, {
-        id: toId(item)
-      });
-    });
-    values[key] = _extends({
-      list: data
-    }, value);
-  });
-  return values;
-};
-
-/**
- * 保存时的转换，将id转为对象
- * @param {*} submit 保存的数据
- * @returns
- */
-export var saveTransform = function saveTransform(submit) {
-  var values = {};
-  Object.keys(submit).forEach(function (key) {
-    values[key] = submit[key].map(function (item) {
-      return reverseToId(item);
-    });
-  });
-  return values;
-};
-
-/**
- * 获取初始选中项
- * @param {*} allCiSet 数据源
- * @param {*} showType 数据类型
- * @returns
- */
-export var initSelected = function initSelected(allCiSet, showType) {
-  rlog.debug('initSelected-allCiSet, dataType', allCiSet, showType);
-  var values = {};
-  Object.keys(allCiSet).forEach(function (key) {
-    var _value$list;
-    var value = allCiSet[key];
-    var result = [];
-    (_value$list = value.list) === null || _value$list === void 0 ? void 0 : _value$list.forEach(function (item) {
-      if (item[showType]) {
-        result.push(item.id);
-      }
-    });
-    values[key] = result;
-  });
-  rlog.debug('initSelected-allCiSet-result, dataType', values);
-  return values;
-};
-
-/**
- * 更新保存选择结果
- * @param {*} selected
- * @param {*} allCiSet
- * @returns
- */
-export var updateCiSetSeleted = function updateCiSetSeleted(selected, allCiSet, showType) {
-  var newCiSet = _extends({}, allCiSet);
-  Object.keys(selected).forEach(function (key) {
-    var selectedArr = selected[key];
-    var list = allCiSet[key].list.map(function (item) {
-      var obj = showType === 'tag' ? _extends({}, item, {
-        tag: selectedArr.indexOf(item.id) >= 0
-      }) : _extends({}, item, {
-        tip: selectedArr.indexOf(item.id) >= 0
-      });
-      return obj;
-    });
-    newCiSet[key] = _extends({}, allCiSet[key], {
-      list: list
-    });
-  });
-  rlog.debug('updateCiSetSeleted-selected,newCiSet', selected, newCiSet);
-  return newCiSet;
-};
-
-/**
- * 获取默认选择项，用于重置
- * @param {*} allCiSet 数据源
- * @param {*} defaultSet 默认选择项数据源
- * @param {*} dataType 数据类型
- * @returns
- */
-export 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;
-};
-var typeCell = function typeCell(text) {
+export var typeCell = function typeCell(text) {
   if (text === 'attribute') {
     return '属性';
   } else if (text === 'metric') {
@@ -166,62 +25,18 @@ var typeCell = function typeCell(text) {
 };
 
 /**
- * 获取表格列配置
- * @param {*} dataType 数据类型
- * @param {*} showCiNum 是否展示‘匹配资源’列
- * @returns
+ * 获得默认选中第一个模型
+ * @param {*} tree 
+ * @returns 
  */
-export var columns = function columns(dataType, showCiNum) {
-  // const dataTypeUp = `${dataType[0].toUpperCase()}${dataType.slice(1)}`;
-  // const ciNumKey = `ci${dataTypeUp}Num`;
-  // const ciArrKey = `ci${dataTypeUp}Arr`;
-  var values = [{
-    width: '100%',
-    dataIndex: 'name',
-    title: '数据',
-    cellOption: {
-      nowrap: true
-    }
-  },
-  // {
-  //   width: '50%',
-  //   dataIndex: ciNumKey,
-  //   title: '匹配资源',
-  //   cell: (text, index, record) => {
-  //     const trigger = (
-  //       <Button text type="primary">
-  //         {text || 0}
-  //       </Button>
-  //     );
-  //     return (
-  //       <Balloon
-  //         needAdjust
-  //         trigger={trigger}
-  //         closable={false}
-  //         triggerType={text ? 'hover' : []}
-  //       >
-  //         <div className={styles['tip-content']}>
-  //           {record[ciArrKey].map((ci, i) => (
-  //             <div key={i}>{ci}</div>
-  //           ))}
-  //         </div>
-  //       </Balloon>
-  //     );
-  //   },
-  // },
-  {
-    width: '70px',
-    dataIndex: 'type',
-    title: '类型',
-    cellOption: {
-      nowrap: {
-        nowrapCell: typeCell,
-        title: typeCell
+export function getDefaultSelectedCiType(tree) {
+  var ciType = null;
+  loopTreeNode(tree, function (item) {
+    if (item.type !== 'folder') {
+      if (!ciType) {
+        ciType = item.id;
       }
     }
-  }];
-  return values;
-  // return showCiNum
-  //   ? values
-  //   : values.filter((item) => item.dataIndex !== ciNumKey);
-};
+  });
+  return ciType;
+}

package/es/components/ModelAttrSelectDrawer/components/ModelAttrSelectDrawer.js

@@ -1,6 +1,6 @@
 import React, { forwardRef } from 'react';
 import PropTypes from 'prop-types';
-import BatchAttrMetricDrawer from "../../BatchAttrMetric2";
+import BatchAttrMetricDrawer from "../../BatchAttrMetric";
 var ModelAttrSelectDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
   var value = props.value,
     dataSource = props.dataSource,

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

@@ -1,19 +1,18 @@
 import _Button from "@alifd/next/es/button";
 import _Box from "@alifd/next/es/box";
 import _Radio from "@alifd/next/es/radio";
-import React, { useEffect, useImperativeHandle, useRef, useState } from "react";
-import PropTypes from "prop-types";
+import React, { useImperativeHandle, useRef } from 'react';
+import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 import { DEFAULT_CUSTOM_CONFIG } from "../../../../constants/ResourceInfoDisplay";
 import CommonCheckboxGroup from "./CommonCheckboxGroup";
 import ResourceDiplayInfoSetting from "../../ResourceViewAttributeSetting/Setting";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
 
 /**
  * 配置类型
  */
 var ConfigType = {
-  DEFAULT: "0",
-  CUSTOM: "1"
+  DEFAULT: '0',
+  CUSTOM: '1'
 };
 function BasicConfig(props, ref) {
   var topo = props.topo,
@@ -45,7 +44,7 @@ function BasicConfig(props, ref) {
   };
   // 默认选择框change
   var handleCommonCheckboxGroupChange = function handleCommonCheckboxGroupChange(selected) {
-    rlog.debug("handleCommonCheckboxGroupChange", selected);
+    rlog.debug('handleCommonCheckboxGroupChange', selected);
     onChange({
       isCustom: isCustom,
       data: selected
@@ -58,7 +57,7 @@ function BasicConfig(props, ref) {
   };
   // 自定义选择框change
   var handleCustomChange = function handleCustomChange(parm) {
-    rlog.debug("handleCustomChange", parm);
+    rlog.debug('handleCustomChange', parm);
     onChange(parm);
   };
   // 渲染自定义配置抽屉

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

@@ -1,70 +1,42 @@
 import _extends from "@babel/runtime/helpers/extends";
-import React, { useState, useEffect, useRef, useCallback, useImperativeHandle, forwardRef, useMemo } from "react";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-import BatchAttrMetricDrawer from "../../../components/BatchAttrMetric";
-import { getNodeCiModSet } from "./nodeCiTypeAttrUtil";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
+var _excluded = ["topo", "elementType", "showType", "value"];
+import React, { forwardRef, useState } from 'react';
+import rlog from '@riil-frontend/component-topology-utils/lib/rlog';
+import { getNodeModels } from "./nodeCiTypeAttrUtil";
+import ModelAttrSelectDrawer from "../../../components/ModelAttrSelectDrawer";
 
 /**
- * 资源显示属性、指标配置
+ * 标注、悬浮框设置
  */
-var ResourceDiplayInfoSetting = /*#__PURE__*/forwardRef(function (props, ref) {
-  var value = props.value,
-    topo = props.topo,
+var AttrSettingDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
+  var topo = props.topo,
     elementType = props.elementType,
     showType = props.showType,
-    limit = props.limit,
-    onChange = props.onChange,
-    queryData = props.queryData;
-  var batchAttrMetric = useRef();
-  var _useState = useState({}),
-    markData = _useState[0],
-    setMarkarkData = _useState[1];
-  var openMarkSetting = function openMarkSetting(parm) {
-    rlog.debug("openMarkSetting", parm, elementType, showType);
-    if (queryData) {
-      setMarkarkData(queryData());
+    value = props.value,
+    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+  var _useState = useState([]),
+    data = _useState[0],
+    setData = _useState[1];
+  var queryData = function queryData() {
+    rlog.info('属性配置：加载数据');
+    if (elementType === 'node') {
+      var items = getNodeModels(topo);
+      setData(items);
     } else {
-      setMarkarkData(elementType === "node" ? getNodeCiModSet({
-        topo: topo
-      }) : undefined);
+      var _items = topo.elementTagTipConfig.getLinkConfigItems();
+      setData(_items);
     }
-    batchAttrMetric.current.show({
-      showType: showType
-    });
   };
-
-  // 保存指标设置
-  var saveMarkSetting = function saveMarkSetting(showType, parm, selectType) {
-    rlog.debug("saveMarkSetting", showType, parm);
-    onChange({
-      isCustom: true,
-      data: parm
-    });
-  };
-  useImperativeHandle(ref, function () {
-    return {
-      show: openMarkSetting
-    };
-  });
-  var newValue = useMemo(function () {
-    var d = _extends({}, (value === null || value === void 0 ? void 0 : value.data) || {});
-    Object.keys(d).forEach(function (key) {
-      d[key] = (d[key] || []).map(function (item) {
-        return item.code + "-" + item.type;
-      });
-    });
-    return d;
-  }, [value]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BatchAttrMetricDrawer, {
-    ref: batchAttrMetric,
-    value: newValue,
-    allCiSet: markData,
-    limit: limit,
-    topo: topo,
-    elementType: elementType,
+  return /*#__PURE__*/React.createElement(ModelAttrSelectDrawer, _extends({
+    ref: ref
+  }, otherProps, {
+    value: value,
+    data: data,
     showType: showType,
-    saveCb: saveMarkSetting
+    queryData: queryData
   }));
 });
-ResourceDiplayInfoSetting.displayName = 'ResourceDiplayInfoSetting';
-export default ResourceDiplayInfoSetting;
+AttrSettingDrawer.displayName = 'AttrSettingDrawer';
+AttrSettingDrawer.propTypes = {};
+export default AttrSettingDrawer;

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

@@ -36,7 +36,6 @@ var Topology = function Topology(props) {
   var topo = props.topo,
     defaultEnterEditMode = props.defaultEnterEditMode,
     titleBar = props.titleBar,
-    toolbar = props.toolbar,
     buildLoadOptions = props.buildLoadOptions,
     onReady = props.onReady,
     onLoaded = props.onLoaded,

package/es/core/components/titlebar/TitleBar.module.scss

@@ -7,10 +7,6 @@
     align-items: center;
   }
 
-  .right {
-
-  }
-
   &.titlebarViewMode {
     padding: 16px;
   }
@@ -31,8 +27,3 @@
   display: flex;
 }
 
-.button {
-}
-
-.moreMenuButton {
-}

package/es/core/components/titlebar/widgets/TitleWidget.js

@@ -1,14 +1,11 @@
-import React, { useState, useEffect, useRef, useCallback } from 'react';
+import React from 'react';
 import styles from "../TitleBar.module.scss";
 export default function TitleWidget(props) {
   var topo = props.topo;
   var store = topo.store;
-  var _store$useModel = store.useModel('topoMod'),
-    topoState = _store$useModel[0],
-    topoDispatchers = _store$useModel[1];
+  var topoState = store.useModelState('topoMod');
   var _topoState$currentTop = topoState.currentTopo,
     _topoState$currentTop2 = _topoState$currentTop === void 0 ? {} : _topoState$currentTop,
-    topoId = _topoState$currentTop2.id,
     topoName = _topoState$currentTop2.name;
   return /*#__PURE__*/React.createElement("div", {
     className: styles.title

package/es/core/editor/components/BottomFloatTool/HelpIcon.js

@@ -48,10 +48,7 @@ function HelpIcon(props) {
     align: "t",
     trigger: /*#__PURE__*/React.createElement("div", {
       ref: topoViewerRef,
-      className: classNames(styles.topoHelpIconBtn, styles["topoHelpIconBtn-" + helpIconNames]),
-      onClick: function onClick() {
-        open;
-      }
+      className: classNames(styles.topoHelpIconBtn, styles["topoHelpIconBtn-" + helpIconNames])
     }, /*#__PURE__*/React.createElement("img", {
       src: "/img/topo/editor/bottomTool/help_icon_" + helpIconName + ".svg",
       alt: ""