@riil-frontend/component-topology 2.14.2-alpha.2 → 2.14.2-alpha.6

package/es/core/editor/components/ResourceViewAttributeSetting/ResourceViewAttributeSettingPlugin.js

@@ -1,57 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useState, useEffect, useRef, useCallback } from 'react';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
-import ResourceDiplayInfoSetting from "./Setting";
-import '@riil-frontend/css/lib/index.scss';
-/**
- * 显示属性、指标配置
- */
-
-export default function ResourceViewAttributeSettingPlugin(props) {
-  var topo = props.topo;
-  var batchAttrMetric = useRef(); // 打开指标抽屉
-
-  var openMarkSetting = function openMarkSetting(params) {
-    batchAttrMetric.current.show(params);
-  };
-
-  var openMarkSettingByType = function openMarkSettingByType(data) {
-    if (data) {
-      openMarkSetting({
-        selectType: data.id === 'global' ? 'batch' : 'single',
-        dataType: data.type,
-        ciId: data.id
-      });
-    }
-  };
-
-  useEffect(function () {
-    // 注册菜单点击处理
-    var contextMenuCommands = {
-      'openSet': function openSet(e) {
-        var data = e.bussiInformation;
-        openMarkSetting({
-          selectType: 'single',
-          dataType: 'tag',
-          ciId: data.id
-        });
-      },
-      'openAllSet': function openAllSet(e) {
-        openMarkSetting({
-          selectType: 'batch',
-          dataType: 'tag'
-        });
-      }
-    };
-    topo.view.contextMenu.registerCommands(contextMenuCommands);
-    var notifier = topo.view.topoClient.notifier;
-    notifier.on(TopoEvent.OPEN_MARK_SETTING, openMarkSettingByType);
-    return function () {
-      notifier.off(TopoEvent.OPEN_MARK_SETTING, openMarkSettingByType);
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResourceDiplayInfoSetting, _extends({
-    ref: batchAttrMetric
-  }, props)));
-}
-;

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

@@ -1,114 +0,0 @@
-import _extends from "@babel/runtime/helpers/extends";
-import React, { useState, useEffect, useRef, useCallback, useImperativeHandle, forwardRef } from 'react';
-import { TopoEvent } from '@riil-frontend/component-topology-graph';
-import rlog from '@riil-frontend/component-topology-utils/es/rlog';
-import BatchAttrMetricDrawer from "../../../../components/BatchAttrMetric";
-import { updateAllCiDoc, updateCiDoc } from "../../../../utils/topoData";
-/**
- * 资源显示属性、指标配置
- */
-
-var ResourceDiplayInfoSetting = /*#__PURE__*/forwardRef(function (props, ref) {
-  var topo = props.topo;
-  var batchAttrMetric = useRef();
-
-  var _useState = useState({}),
-      markData = _useState[0],
-      setMarkarkData = _useState[1];
-
-  var _topo$store$useModel = topo.store.useModel('topoBizMod'),
-      bizState = _topo$store$useModel[0],
-      bizDispatchers = _topo$store$useModel[1]; // rlog.debug('TopoView---income', topoId, viewState);
-
-
-  var defaultSet = bizState.defaultSet,
-      allCiSet = bizState.allCiSet,
-      ciSetDoc = bizState.ciSetDoc,
-      setConfig = bizState.setConfig;
-
-  var openMarkSetting = function openMarkSetting(parm) {
-    rlog.debug('openMarkSetting', parm, allCiSet, ciSetDoc, setConfig);
-
-    if (parm.selectType === 'batch') {
-      setMarkarkData(setConfig !== null && setConfig !== void 0 ? setConfig : allCiSet);
-    } else {
-      var setObj = {};
-
-      if (ciSetDoc !== null && ciSetDoc !== void 0 && ciSetDoc.hasOwnProperty(parm.ciId)) {
-        setObj[parm.ciId] = _extends({}, ciSetDoc[parm.ciId], {
-          tag: ((ciSetDoc[parm.ciId] || {}).tag || []).map(function (t) {
-            // return t.split('-')[0];
-            return t.code;
-          }),
-          tip: ((ciSetDoc[parm.ciId] || {}).tip || []).map(function (t) {
-            return t.code;
-          })
-        });
-      } else {
-        setObj[parm.ciId] = {
-          code: '',
-          list: [],
-          tag: [],
-          tip: []
-        };
-      }
-
-      rlog.debug('setMarkarkData', setObj);
-      setMarkarkData(setObj);
-    }
-
-    batchAttrMetric.current.show({
-      selectType: parm.selectType,
-      dataType: parm.dataType
-    });
-  }; // 保存指标设置
-
-
-  var saveMarkSetting = function saveMarkSetting(dataType, parm, selectType) {
-    rlog.debug('saveMarkSetting', dataType, parm, allCiSet);
-    var doc = ciSetDoc;
-    var ciDoc = {};
-    var allCiset = allCiSet;
-
-    if (selectType === 'single') {
-      var singleResult = updateCiDoc(dataType, parm, doc, allCiSet);
-      ciDoc = singleResult.cidoc;
-      allCiset = singleResult.allciset;
-    } else {
-      var allResult = updateAllCiDoc(dataType, parm, doc, allCiSet);
-      ciDoc = allResult.cidoc;
-      allCiset = allResult.allciset;
-    }
-
-    rlog.debug('saveMarkSetting', {
-      parm: parm,
-      allCiSet: allCiSet,
-      ciDoc: ciDoc,
-      allCiset: allCiset
-    });
-    topo.view.topoClient.setTagAndTipConfig(ciDoc);
-    bizDispatchers.update({
-      ciSetDoc: ciDoc,
-      setConfig: allCiset
-    });
-  };
-
-  useImperativeHandle(ref, function () {
-    return {
-      show: openMarkSetting,
-      openGlobalTootipSetting: function openGlobalTootipSetting() {
-        openMarkSetting({
-          selectType: 'batch',
-          dataType: 'tip'
-        });
-      }
-    };
-  });
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(BatchAttrMetricDrawer, {
-    ref: batchAttrMetric,
-    defaultSet: defaultSet,
-    allCiSet: markData,
-    saveCb: saveMarkSetting
-  }));
-});
-export default ResourceDiplayInfoSetting;

package/es/core/models/attrAndMetric.js

@@ -1,131 +0,0 @@
-import rlog from "@riil-frontend/component-topology-utils/es/rlog";
-import { findItem } from "../../utils/topoData";
-import { TopoEvent } from "@riil-frontend/component-topology-graph";
-import { metricValueFormat } from "@riil-frontend/utils";
-import DictCache from "./cache/DictCache";
-export function updateAttrsAndMetrics(options) {
-  var topo = options.topo,
-      data = options.data;
-  var store = topo.store;
-  var dd = data;
-
-  var _store$getModel = store.getModel('topoBizMod'),
-      bizState = _store$getModel[0],
-      bizDispatchers = _store$getModel[1];
-
-  var linkDynamicStyleDispatcher = store.getModelDispatchers('linkDynamicStyle');
-  var resAndMetrics = bizState.resAndMetrics,
-      pollingSwitch = bizState.pollingSwitch;
-  bizDispatchers.setAttrsAndMetrics(dd); // sendMetricsData(dd);
-
-  sendAttributesData(dd); // 刷新链路动态样式
-
-  linkDynamicStyleDispatcher.execute();
-
-  function sendAttributesData(data) {
-    var attrsDoc = resAndMetrics.attrsDoc,
-        metricsDoc = resAndMetrics.metricsDoc,
-        allAttrs = resAndMetrics.allAttrs,
-        allMetrics = resAndMetrics.allMetrics,
-        ciDoc = resAndMetrics.ciDoc;
-    rlog.debug('TopoView:sendAttributesData', {
-      data: data,
-      resAndMetrics: resAndMetrics,
-      allAttrs: allAttrs
-    });
-    var arr = [];
-    data.forEach(function (item) {
-      // rlog.debug('TopoView:sendAttributesData---item', item);
-      var itemAttrData = attrsDoc[item.id] || [];
-      var itemMetricData = metricsDoc[item.id] || [];
-      var obj = {
-        id: item.id,
-        metrics: itemMetricData.map(function (code) {
-          var _findItem, _findItem2;
-
-          var metricInfo = findItem((_findItem = findItem(allMetrics, 'code', ciDoc[item.id].code)) === null || _findItem === void 0 ? void 0 : _findItem.metrics, 'code', code);
-          var codeMetricName = (metricInfo === null || metricInfo === void 0 ? void 0 : metricInfo.name) || '';
-          var metricValue = (_findItem2 = findItem(item.metrics, 'code', code)) === null || _findItem2 === void 0 ? void 0 : _findItem2.value;
-          return {
-            code: code,
-            name: codeMetricName,
-            value: formatMetric({
-              val: metricValue
-            }, {
-              dataType: metricInfo.dataType,
-              unit: metricInfo.unit,
-              code: metricInfo.code
-            })
-          };
-        }),
-        attributes: itemAttrData.map(function (code) {
-          var _findItem3;
-
-          var attrInfo = findItem(findItem(allAttrs, 'code', ciDoc[item.id].code).attributes, 'code', code);
-          var codename = attrInfo.name;
-          var arrValue = (_findItem3 = findItem(item.attributes, 'code', code)) === null || _findItem3 === void 0 ? void 0 : _findItem3.value;
-          return {
-            code: code,
-            name: codename,
-            value: formatMetric({
-              val: arrValue
-            }, {
-              dataType: attrInfo.dataType,
-              unit: attrInfo.unit,
-              code: attrInfo.code
-            })
-          };
-        })
-      };
-      arr.push(obj);
-    });
-    topo.view.topoClient.emitEvent(TopoEvent.EVENT_LOAD_INDICATOR, arr);
-  }
-
-  function sendMetricsData(data) {
-    var metricsDoc = resAndMetrics.metricsDoc,
-        allMetrics = resAndMetrics.allMetrics;
-    rlog.debug('TopoView:sendMetricsData', data, metricsDoc, allMetrics);
-    var doc = {};
-    data.forEach(function (item) {
-      var _findItem4;
-
-      var metricInfo = findItem((_findItem4 = findItem(allMetrics, 'code', item.type)) === null || _findItem4 === void 0 ? void 0 : _findItem4.metrics, 'code', item.code);
-      var metrics = doc[item.id] || [];
-      metrics.push({
-        code: item.code,
-        // 指标code
-        name: (metricInfo === null || metricInfo === void 0 ? void 0 : metricInfo.name) || '',
-        value: formatMetric(item, metricInfo) // 指标数值
-
-      });
-      doc[item.id] = metrics;
-    });
-    var arr = Object.keys(doc).map(function (id) {
-      return {
-        id: id,
-        metrics: doc[id]
-      };
-    });
-    topo.view.topoClient.emitEvent(TopoEvent.EVENT_LOAD_INDICATOR, arr);
-  }
-}
-/**
- * 格式化指标
- */
-
-function formatMetric(item, metricInfo) {
-  // rlog.debug('formatMetric', item, metricInfo);
-  if (metricInfo) {
-    var result = metricValueFormat({
-      value: item.val,
-      dataType: metricInfo.dataType,
-      dict: DictCache.getDictObject(),
-      unit: metricInfo.unit,
-      code: metricInfo.code
-    });
-    return result.value + " " + (result.value === '-' ? '' : result.unit);
-  } else {
-    return "" + item.val;
-  }
-}

package/lib/core/editor/components/ResourceViewAttributeSetting/ResourceViewAttributeSettingPlugin.js

@@ -1,73 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports["default"] = ResourceViewAttributeSettingPlugin;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
-
-var _Setting = _interopRequireDefault(require("./Setting"));
-
-require("@riil-frontend/css/lib/index.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; }
-
-/**
- * 显示属性、指标配置
- */
-function ResourceViewAttributeSettingPlugin(props) {
-  var topo = props.topo;
-  var batchAttrMetric = (0, _react.useRef)(); // 打开指标抽屉
-
-  var openMarkSetting = function openMarkSetting(params) {
-    batchAttrMetric.current.show(params);
-  };
-
-  var openMarkSettingByType = function openMarkSettingByType(data) {
-    if (data) {
-      openMarkSetting({
-        selectType: data.id === 'global' ? 'batch' : 'single',
-        dataType: data.type,
-        ciId: data.id
-      });
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    // 注册菜单点击处理
-    var contextMenuCommands = {
-      'openSet': function openSet(e) {
-        var data = e.bussiInformation;
-        openMarkSetting({
-          selectType: 'single',
-          dataType: 'tag',
-          ciId: data.id
-        });
-      },
-      'openAllSet': function openAllSet(e) {
-        openMarkSetting({
-          selectType: 'batch',
-          dataType: 'tag'
-        });
-      }
-    };
-    topo.view.contextMenu.registerCommands(contextMenuCommands);
-    var notifier = topo.view.topoClient.notifier;
-    notifier.on(_componentTopologyGraph.TopoEvent.OPEN_MARK_SETTING, openMarkSettingByType);
-    return function () {
-      notifier.off(_componentTopologyGraph.TopoEvent.OPEN_MARK_SETTING, openMarkSettingByType);
-    };
-  }, []);
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Setting["default"], (0, _extends2["default"])({
-    ref: batchAttrMetric
-  }, props)));
-}
-
-;

package/lib/core/models/attrAndMetric.js

@@ -1,148 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-exports.__esModule = true;
-exports.updateAttrsAndMetrics = updateAttrsAndMetrics;
-
-var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
-
-var _topoData = require("../../utils/topoData");
-
-var _componentTopologyGraph = require("@riil-frontend/component-topology-graph");
-
-var _utils = require("@riil-frontend/utils");
-
-var _DictCache = _interopRequireDefault(require("./cache/DictCache"));
-
-function updateAttrsAndMetrics(options) {
-  var topo = options.topo,
-      data = options.data;
-  var store = topo.store;
-  var dd = data;
-
-  var _store$getModel = store.getModel('topoBizMod'),
-      bizState = _store$getModel[0],
-      bizDispatchers = _store$getModel[1];
-
-  var linkDynamicStyleDispatcher = store.getModelDispatchers('linkDynamicStyle');
-  var resAndMetrics = bizState.resAndMetrics,
-      pollingSwitch = bizState.pollingSwitch;
-  bizDispatchers.setAttrsAndMetrics(dd); // sendMetricsData(dd);
-
-  sendAttributesData(dd); // 刷新链路动态样式
-
-  linkDynamicStyleDispatcher.execute();
-
-  function sendAttributesData(data) {
-    var attrsDoc = resAndMetrics.attrsDoc,
-        metricsDoc = resAndMetrics.metricsDoc,
-        allAttrs = resAndMetrics.allAttrs,
-        allMetrics = resAndMetrics.allMetrics,
-        ciDoc = resAndMetrics.ciDoc;
-
-    _rlog["default"].debug('TopoView:sendAttributesData', {
-      data: data,
-      resAndMetrics: resAndMetrics,
-      allAttrs: allAttrs
-    });
-
-    var arr = [];
-    data.forEach(function (item) {
-      // rlog.debug('TopoView:sendAttributesData---item', item);
-      var itemAttrData = attrsDoc[item.id] || [];
-      var itemMetricData = metricsDoc[item.id] || [];
-      var obj = {
-        id: item.id,
-        metrics: itemMetricData.map(function (code) {
-          var _findItem, _findItem2;
-
-          var metricInfo = (0, _topoData.findItem)((_findItem = (0, _topoData.findItem)(allMetrics, 'code', ciDoc[item.id].code)) === null || _findItem === void 0 ? void 0 : _findItem.metrics, 'code', code);
-          var codeMetricName = (metricInfo === null || metricInfo === void 0 ? void 0 : metricInfo.name) || '';
-          var metricValue = (_findItem2 = (0, _topoData.findItem)(item.metrics, 'code', code)) === null || _findItem2 === void 0 ? void 0 : _findItem2.value;
-          return {
-            code: code,
-            name: codeMetricName,
-            value: formatMetric({
-              val: metricValue
-            }, {
-              dataType: metricInfo.dataType,
-              unit: metricInfo.unit,
-              code: metricInfo.code
-            })
-          };
-        }),
-        attributes: itemAttrData.map(function (code) {
-          var _findItem3;
-
-          var attrInfo = (0, _topoData.findItem)((0, _topoData.findItem)(allAttrs, 'code', ciDoc[item.id].code).attributes, 'code', code);
-          var codename = attrInfo.name;
-          var arrValue = (_findItem3 = (0, _topoData.findItem)(item.attributes, 'code', code)) === null || _findItem3 === void 0 ? void 0 : _findItem3.value;
-          return {
-            code: code,
-            name: codename,
-            value: formatMetric({
-              val: arrValue
-            }, {
-              dataType: attrInfo.dataType,
-              unit: attrInfo.unit,
-              code: attrInfo.code
-            })
-          };
-        })
-      };
-      arr.push(obj);
-    });
-    topo.view.topoClient.emitEvent(_componentTopologyGraph.TopoEvent.EVENT_LOAD_INDICATOR, arr);
-  }
-
-  function sendMetricsData(data) {
-    var metricsDoc = resAndMetrics.metricsDoc,
-        allMetrics = resAndMetrics.allMetrics;
-
-    _rlog["default"].debug('TopoView:sendMetricsData', data, metricsDoc, allMetrics);
-
-    var doc = {};
-    data.forEach(function (item) {
-      var _findItem4;
-
-      var metricInfo = (0, _topoData.findItem)((_findItem4 = (0, _topoData.findItem)(allMetrics, 'code', item.type)) === null || _findItem4 === void 0 ? void 0 : _findItem4.metrics, 'code', item.code);
-      var metrics = doc[item.id] || [];
-      metrics.push({
-        code: item.code,
-        // 指标code
-        name: (metricInfo === null || metricInfo === void 0 ? void 0 : metricInfo.name) || '',
-        value: formatMetric(item, metricInfo) // 指标数值
-
-      });
-      doc[item.id] = metrics;
-    });
-    var arr = Object.keys(doc).map(function (id) {
-      return {
-        id: id,
-        metrics: doc[id]
-      };
-    });
-    topo.view.topoClient.emitEvent(_componentTopologyGraph.TopoEvent.EVENT_LOAD_INDICATOR, arr);
-  }
-}
-/**
- * 格式化指标
- */
-
-
-function formatMetric(item, metricInfo) {
-  // rlog.debug('formatMetric', item, metricInfo);
-  if (metricInfo) {
-    var result = (0, _utils.metricValueFormat)({
-      value: item.val,
-      dataType: metricInfo.dataType,
-      dict: _DictCache["default"].getDictObject(),
-      unit: metricInfo.unit,
-      code: metricInfo.code
-    });
-    return result.value + " " + (result.value === '-' ? '' : result.unit);
-  } else {
-    return "" + item.val;
-  }
-}