@riil-frontend/component-topology 11.0.25 → 11.0.27

package/es/common/components/ResourceTable/ResourceTable.module.scss

@@ -1,7 +1,3 @@
 .container {
   height: 100%;
-  :global {
-    .next-table-body {
-    }
-  }
 }

package/es/components/BatchAttrMetric/index.js

@@ -22,13 +22,11 @@ var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (_ref, ref) {
     setTrue = _useBoolean$.setTrue,
     setFalse = _useBoolean$.setFalse;
   // 选择类型，single/batch
-  var _useState = useState('batch'),
-    selectType = _useState[0],
-    setSelectType = _useState[1];
+  var selectType = 'batch';
   // 数据类型，tip/tag
-  var _useState2 = useState(),
-    showType = _useState2[0],
-    setShowType = _useState2[1];
+  var _useState = useState(),
+    showType = _useState[0],
+    setShowType = _useState[1];
   useImperativeHandle(ref, function () {
     return {
       /**

package/es/components/BatchAttrMetric/utils.js

@@ -1,9 +1,8 @@
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import _extends from "@babel/runtime/helpers/extends";
 var _excluded = ["list"];
-import React from "react";
-import styles from "./index.module.scss";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
+import React from 'react';
+import rlog from '@riil-frontend/component-topology-utils/es/rlog';
 
 /**
  * 获取树结构数据源
@@ -30,7 +29,7 @@ var toId = function toId(_ref) {
 
 // id反解析回对象
 var reverseToId = function reverseToId(id) {
-  var _id$split = id.split("-"),
+  var _id$split = id.split('-'),
     code = _id$split[0],
     type = _id$split[1];
   return {
@@ -84,20 +83,20 @@ export var saveTransform = function saveTransform(submit) {
  * @returns
  */
 export var initSelected = function initSelected(allCiSet, showType) {
-  rlog.debug("initSelected-allCiSet, dataType", allCiSet, showType);
+  rlog.debug('initSelected-allCiSet, dataType', allCiSet, showType);
   var values = {};
-  Object.keys(allCiSet).map(function (key) {
+  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.map(function (item) {
+    (_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);
+  rlog.debug('initSelected-allCiSet-result, dataType', values);
   return values;
 };
 
@@ -109,7 +108,7 @@ export var initSelected = function initSelected(allCiSet, showType) {
  */
 export var updateCiSetSeleted = function updateCiSetSeleted(selected, allCiSet, showType) {
   var newCiSet = _extends({}, allCiSet);
-  Object.keys(selected).map(function (key) {
+  Object.keys(selected).forEach(function (key) {
     var selectedArr = selected[key];
     var list = allCiSet[key].list.map(function (item) {
       var obj = showType === 'tag' ? _extends({}, item, {
@@ -123,7 +122,7 @@ export var updateCiSetSeleted = function updateCiSetSeleted(selected, allCiSet,
       list: list
     });
   });
-  rlog.debug("updateCiSetSeleted-selected,newCiSet", selected, newCiSet);
+  rlog.debug('updateCiSetSeleted-selected,newCiSet', selected, newCiSet);
   return newCiSet;
 };
 
@@ -158,12 +157,12 @@ export var defaultSelected = function defaultSelected(allCiSet, defaultSet, data
   return values;
 };
 var typeCell = function typeCell(text) {
-  if (text === "attribute") {
-    return "属性";
-  } else if (text === "metric") {
-    return "指标";
+  if (text === 'attribute') {
+    return '属性';
+  } else if (text === 'metric') {
+    return '指标';
   }
-  return "-";
+  return '-';
 };
 
 /**
@@ -177,9 +176,9 @@ export var columns = function columns(dataType, showCiNum) {
   // const ciNumKey = `ci${dataTypeUp}Num`;
   // const ciArrKey = `ci${dataTypeUp}Arr`;
   var values = [{
-    width: "100%",
-    dataIndex: "name",
-    title: "数据",
+    width: '100%',
+    dataIndex: 'name',
+    title: '数据',
     cellOption: {
       nowrap: true
     }
@@ -211,9 +210,9 @@ export var columns = function columns(dataType, showCiNum) {
   //   },
   // },
   {
-    width: "70px",
-    dataIndex: "type",
-    title: "类型",
+    width: '70px',
+    dataIndex: 'type',
+    title: '类型',
     cellOption: {
       nowrap: {
         nowrapCell: typeCell,

package/es/components/BatchAttrMetric2/setting.js

@@ -86,7 +86,6 @@ var Setting = function Setting(_ref) {
   };
   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) {
@@ -96,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

package/es/components/BatchAttrMetric2/utils.js

@@ -1,6 +1,3 @@
-import React from "react";
-import styles from "./index.module.scss";
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
 import { loopTreeNode } from "../../utils/treeUtil";
 
 /**
@@ -18,62 +15,13 @@ 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
-  };
-};
-
-/**
- * 获取默认选择项，用于重置
- * @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;
-};
 export var typeCell = function typeCell(text) {
-  if (text === "attribute") {
-    return "属性";
-  } else if (text === "metric") {
-    return "指标";
+  if (text === 'attribute') {
+    return '属性';
+  } else if (text === 'metric') {
+    return '指标';
   }
-  return "-";
+  return '-';
 };
 
 /**

package/es/components/Drawer/index.module.scss

@@ -7,8 +7,6 @@
   }
 
   :global {
-    .#{$css-prefix}drawer-header {
-    }
     .#{$css-prefix}drawer-body {
       flex: 1;
       display: flex;

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

@@ -45,8 +45,8 @@ var MultipleTypeAttributeSelectDrawer = /*#__PURE__*/forwardRef(function (props,
   });
 
   // 保存指标设置
-  var save = function save(showType, parm) {
-    rlog.debug('saveMarkSetting', showType, parm);
+  var save = function save(xx, parm) {
+    rlog.debug('saveMarkSetting', parm);
     var newSelected = {};
     Object.keys(parm).forEach(function (ciType) {
       newSelected[ciType] = parm[ciType].map(function (id) {

package/es/components/MultiResourceDrawer/ResourceSelect.js

@@ -1,11 +1,10 @@
-import React, { useState, useEffect, useRef, useImperativeHandle } from 'react';
+import React, { useRef, useImperativeHandle } from 'react';
 import Static from "./Static";
 function ResourceSelect(props, ref) {
   var store = props.store,
     initialData = props.initialData,
     totalSelection = props.totalSelection;
-  var dynamicRes = initialData.dynamic,
-    staticRes = initialData["static"];
+  var staticRes = initialData["static"];
   var staticRef = useRef();
   useImperativeHandle(ref, function () {
     return {

package/es/components/ResourceList/ResourceSelect.module.scss

@@ -1,7 +1,3 @@
 .table {
   height: 100%;
-  :global {
-    .next-table-body {
-    }
-  }
 }

package/es/components/TagSelect/index.js

@@ -10,7 +10,6 @@ var TagSelect = function TagSelect(props) {
     value = props.value,
     defaultValue = props.defaultValue,
     dataSource = props.dataSource,
-    size = props.size,
     boxProps = props.boxProps,
     tagProps = props.tagProps;
   var _useState = useState(value || defaultValue),

package/es/components/TagSelect/index.scss

@@ -20,8 +20,6 @@
       .#{$css-prefix}tag-body {
         width: 100%;
         padding: 0;
-
-        .tag-select-img {}
       }
     }
   }

package/es/components/VerticalIconTab/VerticalIconTab.js

@@ -50,10 +50,10 @@ function VerticalIconTab(props) {
   return /*#__PURE__*/React.createElement(_Tab, _extends({
     shape: "wrapped",
     tabPosition: "left",
-    tabRender: function tabRender(key, props) {
+    tabRender: function tabRender(key, tabProps) {
       return /*#__PURE__*/React.createElement(CustomTabItem, _extends({
         key: key
-      }, props));
+      }, tabProps));
     }
   }, props, {
     className: styles.tabs,

package/es/core/components/AlarmListPanel/index.module.scss

@@ -64,21 +64,8 @@
       box-shadow: 0px 1px 0px 0px #E4E9EE;
     }
 
-    .#{$css-prefix}list-header {
-      padding: 8px 16px 12px 16px !important;
-      border-bottom: none;
-      height: 44px;
-      box-shadow: 0px 1px 0px 0px #E4E9EE;
-    }
-
     .#{$css-prefix}list-empty {
       padding: 1px;
-
-    }
-
-    .#{$css-prefix}list-items {
-      // max-height: 230px;
-      // overflow-y: auto;
     }
 
     .#{$css-prefix}list-item {

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

@@ -19,18 +19,15 @@ import BooleanRadio from "../../../components/BooleanRadio";
  */
 function DisplaySetting(props, ref) {
   var topo = props.topo,
-    displaySettingProps = props.displaySettingProps,
-    isEditor = props.isEditor;
+    displaySettingProps = props.displaySettingProps;
   var displayConfig = topo.store.getModelState('displayConfig');
   var _ref = displaySettingProps || {},
     linkTagConfig = _ref.linkTagConfig,
     linkTipConfig = _ref.linkTipConfig,
-    showEdgeExpandConfig = _ref.showEdgeExpandConfig,
     extraConfig = _ref.extraConfig,
     showLinkConfig = _ref.showLinkConfig,
     nodeTagProps = _ref.nodeTagProps,
-    nodeTipProps = _ref.nodeTipProps,
-    isNetworkTopo = _ref.isNetworkTopo;
+    nodeTipProps = _ref.nodeTipProps;
   var field = _Field.useField({
     autoUnmount: false,
     values: {

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

@@ -3,6 +3,7 @@ import _Grid from "@alifd/next/es/grid";
 import React, { useState, useEffect, useRef } from 'react';
 import styles from "./HelpIcon.module.scss";
 import useCanvasThemeConfig from "../../../hooks/useCanvasThemeConfig";
+import classNames from 'classnames';
 var Row = _Grid.Row,
   Col = _Grid.Col;
 function HelpIcon(props) {
@@ -17,6 +18,7 @@ function HelpIcon(props) {
     }),
     themeConfig = _useCanvasThemeConfig.themeConfig;
   var helpIconNames = themeConfig.editor.helpIcon;
+  var helpIconName = themeConfig.editor.helpIconName;
   var onChange = function onChange(visible, type) {
     if (type != 'docClick') {
       setHelpBoxIsShow(visible);
@@ -46,12 +48,12 @@ function HelpIcon(props) {
     align: "t",
     trigger: /*#__PURE__*/React.createElement("div", {
       ref: topoViewerRef,
-      className: styles.topoHelpIconBtn,
+      className: classNames(styles.topoHelpIconBtn, styles["topoHelpIconBtn-" + helpIconNames]),
       onClick: function onClick() {
         open;
       }
     }, /*#__PURE__*/React.createElement("img", {
-      src: "/img/topo/editor/bottomFloatTool/default.svg",
+      src: "/img/topo/editor/bottomTool/help_icon_" + helpIconName + ".svg",
       alt: ""
     })),
     closable: true,
@@ -62,7 +64,7 @@ function HelpIcon(props) {
   }, /*#__PURE__*/React.createElement("div", {
     className: styles.topoHelpIcon
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles[helpIconNames + 'Box']
+    className: styles[helpIconNames + "Box"]
   }, /*#__PURE__*/React.createElement("span", {
     className: styles.title
   }, "\u5FEB\u6377\u952E"), /*#__PURE__*/React.createElement("div", {

package/es/core/editor/components/BottomFloatTool/HelpIcon.module.scss

@@ -8,6 +8,13 @@
     margin-top: -1px;
     margin-left: -1px;
 }
+.topoHelpIconBtn-white {
+    color:$color-text1-4;
+}
+.topoHelpIconBtn-dark {
+    color:$color-text1-5;
+}
+
 :global{
     .white.next-overlay-inner{
         padding: 10px;

package/es/core/editor/components/Toolbar/widgets/EdgeTypeButton/EdgeType.js

@@ -90,7 +90,7 @@ function getValuesByEdges(topo) {
     return edgeValues;
   }
   var selectionEdges = getEdgesBySelection(topo);
-  var edgeValues = getEdgesValues(selectionEdges, topo);
+  var edgeValues = getEdgesValues(selectionEdges);
   var values = {
     baseAgreement: false,
     lineButton: undefined,

package/es/core/hooks/useCanvasThemeConfig.js

@@ -6,7 +6,8 @@ var themeMap = [{
   color: '#FFFFFF',
   editor: {
     // 快捷帮助
-    helpIcon: 'white'
+    helpIcon: 'white',
+    helpIconName: 'dark'
   }
 }, {
   name: 'lightblue',
@@ -14,7 +15,8 @@ var themeMap = [{
   color: '#F9FBFF',
   editor: {
     // 快捷帮助
-    helpIcon: 'white'
+    helpIcon: 'white',
+    helpIconName: 'dark'
   }
 },
 // {
@@ -33,7 +35,8 @@ var themeMap = [{
   color: '#031425',
   editor: {
     // 快捷帮助
-    helpIcon: 'dark'
+    helpIcon: 'dark',
+    helpIconName: 'light'
   }
 }, {
   name: 'poly',
@@ -41,7 +44,8 @@ var themeMap = [{
   backgroundImage: '/img/topo/themes/poly.png',
   editor: {
     // 快捷帮助
-    helpIcon: 'dark'
+    helpIcon: 'dark',
+    helpIconName: 'light'
   }
 }].reduce(function (map, item) {
   var _extends2;