@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/common/components/ColorPicker/ColorPicker.js

@@ -5,33 +5,41 @@ import React, { Component, useRef } from 'react';
 import { SketchPicker } from 'react-color';
 import styles from "./ColorPicker.module.scss";
 import "./ColorPicker.scss";
+
 var ColorPicker = /*#__PURE__*/function (_Component) {
   _inheritsLoose(ColorPicker, _Component);
+
   function ColorPicker() {
     var _this;
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _Component.call.apply(_Component, [this].concat(args)) || this;
+
     _this.handleChange = function (color) {
       var _this$props = _this.props,
-        prevValue = _this$props.value,
-        onChange = _this$props.onChange;
-      var value = color.hex;
-      // const rgb = color.rgb;
+          prevValue = _this$props.value,
+          onChange = _this$props.onChange;
+      var value = color.hex; // const rgb = color.rgb;
       // const rgba = `rgba(${rgb.r},${rgb.g},${rgb.b},${rgb.a})`
+
       if (value !== prevValue) {
         onChange(value);
       }
     };
+
     return _this;
   }
+
   var _proto = ColorPicker.prototype;
+
   _proto.render = function render() {
     var _this$props2 = this.props,
-      value = _this$props2.value,
-      align = _this$props2.align,
-      balloonProps = _this$props2.balloonProps;
+        value = _this$props2.value,
+        align = _this$props2.align,
+        balloonProps = _this$props2.balloonProps;
     var defaultTrigger = /*#__PURE__*/React.createElement("div", {
       className: styles.swatch,
       style: {
@@ -52,8 +60,7 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
         paddingBottom: 0
       }
     }, balloonProps), /*#__PURE__*/React.createElement(SketchPicker, {
-      color: value
-      // width={230}
+      color: value // width={230}
       ,
       disableAlpha: true,
       styles: {
@@ -67,6 +74,8 @@ var ColorPicker = /*#__PURE__*/function (_Component) {
       onChange: this.handleChange
     })));
   };
+
   return ColorPicker;
 }(Component);
+
 export { ColorPicker as default };

package/es/common/components/ResourceTable/ResourceTable.js

@@ -4,14 +4,16 @@ var _excluded = ["selectionMode", "defaultSelected", "disabledKeys", "typeDicts"
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import ResourceList from "../../../components/ResourceList/ResourceSelect";
 import styles from "./ResourceTable.module.scss";
+
 function ResourceTable(props, ref) {
   var selectionMode = props.selectionMode,
-    _props$defaultSelecte = props.defaultSelected,
-    defaultSelected = _props$defaultSelecte === void 0 ? [] : _props$defaultSelecte,
-    disabledKeys = props.disabledKeys,
-    typeDicts = props.typeDicts,
-    getTableData = props.getTableData,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      _props$defaultSelecte = props.defaultSelected,
+      defaultSelected = _props$defaultSelecte === void 0 ? [] : _props$defaultSelecte,
+      disabledKeys = props.disabledKeys,
+      typeDicts = props.typeDicts,
+      getTableData = props.getTableData,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   var initialData = {
     selected: defaultSelected,
     total: []
@@ -25,4 +27,5 @@ function ResourceTable(props, ref) {
     typeDicts: typeDicts
   }, otherProps));
 }
+
 export default /*#__PURE__*/React.forwardRef(ResourceTable);

package/es/common/plugins/useSelectionPlugin.js

@@ -1,44 +1,51 @@
 import { useState } from 'react';
-
 /**
  * Modified version of @ahooksjs/use-selection-plugin.
  * Selected keys can be persistent across page changes, if not be reset.
  */
+
 var useTableSelectionPlugin = function useTableSelectionPlugin(options) {
   if (options === void 0) {
     options = {};
   }
+
   var _useState = useState({
-      selectedRowKeys: options.defaultSelectedRowKeys || []
-    }),
-    state = _useState[0],
-    setSelectedRowKeys = _useState[1];
+    selectedRowKeys: options.defaultSelectedRowKeys || []
+  }),
+      state = _useState[0],
+      setSelectedRowKeys = _useState[1];
+
   var _options = options,
-    _options$primaryKey = _options.primaryKey,
-    primaryKey = _options$primaryKey === void 0 ? 'id' : _options$primaryKey,
-    _options$mode = _options.mode,
-    mode = _options$mode === void 0 ? 'multiple' : _options$mode,
-    _options$checkIsNeedR = _options.checkIsNeedReset,
-    checkIsNeedReset = _options$checkIsNeedR === void 0 ? function () {
-      return true;
-    } : _options$checkIsNeedR,
-    checkIsDisabled = _options.checkIsDisabled;
+      _options$primaryKey = _options.primaryKey,
+      primaryKey = _options$primaryKey === void 0 ? 'id' : _options$primaryKey,
+      _options$mode = _options.mode,
+      mode = _options$mode === void 0 ? 'multiple' : _options$mode,
+      _options$checkIsNeedR = _options.checkIsNeedReset,
+      checkIsNeedReset = _options$checkIsNeedR === void 0 ? function () {
+    return true;
+  } : _options$checkIsNeedR,
+      checkIsDisabled = _options.checkIsDisabled;
+
   var onChange = function onChange(selectedRowKeys, records) {
     setSelectedRowKeys({
       selectedRowKeys: selectedRowKeys
     });
   };
+
   var getSelectedRowKeys = function getSelectedRowKeys() {
     return state.selectedRowKeys;
   };
+
   var $setSelectedRowKeys = function $setSelectedRowKeys(selectedRowKeys) {
     setSelectedRowKeys({
       selectedRowKeys: selectedRowKeys
     });
   };
+
   return {
     middlewares: function middlewares(ctx, next) {
       var isNeedReset = checkIsNeedReset(ctx);
+
       if (isNeedReset) {
         return next().then(function () {
           setSelectedRowKeys({
@@ -46,6 +53,7 @@ var useTableSelectionPlugin = function useTableSelectionPlugin(options) {
           });
         });
       }
+
       return next();
     },
     props: function props() {
@@ -72,4 +80,5 @@ var useTableSelectionPlugin = function useTableSelectionPlugin(options) {
     }
   };
 };
+
 export default useTableSelectionPlugin;

package/es/components/BatchAttrMetric/constant.js

@@ -10,8 +10,8 @@ export var SELECT_TYPE = {
     showCiNum: true,
     drawerWidth: "calc(" + 10 + "/24 * 100%)"
   }
-};
-// 数据类型
+}; // 数据类型
+
 export var DATA_TYPE = {
   tag: {
     drawerTitle: '选择图数据',

package/es/components/BatchAttrMetric/index.js

@@ -2,26 +2,28 @@ import _Drawer from "@alifd/next/es/drawer";
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["saveCb", "showType"],
-  _excluded2 = ["drawerTitle", "drawerWidth"];
+    _excluded2 = ["drawerTitle", "drawerWidth"];
 import React, { forwardRef, useImperativeHandle, useState } from 'react';
 import { useBoolean } from 'ahooks';
 import PropTypes from 'prop-types';
 import styles from "./index.module.scss";
 import SettingPage from "./setting";
 import { SELECT_TYPE, DATA_TYPE } from "./constant";
-
 /**
  * 属性指标配置抽屉
  */
+
 var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
   var _saveCb = props.saveCb,
-    showType = props.showType,
-    settingProps = _objectWithoutPropertiesLoose(props, _excluded);
+      showType = props.showType,
+      settingProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   var _useBoolean = useBoolean(false),
-    visible = _useBoolean[0],
-    _useBoolean$ = _useBoolean[1],
-    setTrue = _useBoolean$.setTrue,
-    setFalse = _useBoolean$.setFalse;
+      visible = _useBoolean[0],
+      _useBoolean$ = _useBoolean[1],
+      setTrue = _useBoolean$.setTrue,
+      setFalse = _useBoolean$.setFalse;
+
   var selectType = 'batch';
   useImperativeHandle(ref, function () {
     return {
@@ -32,14 +34,18 @@ var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
         if (entryConfig === void 0) {
           entryConfig = {};
         }
+
         setTrue();
       }
     };
   });
+
   var config = _extends({}, SELECT_TYPE[selectType], DATA_TYPE[showType]);
+
   var drawerTitle = config.drawerTitle,
-    drawerWidth = config.drawerWidth,
-    pageConfig = _objectWithoutPropertiesLoose(config, _excluded2);
+      drawerWidth = config.drawerWidth,
+      pageConfig = _objectWithoutPropertiesLoose(config, _excluded2);
+
   return /*#__PURE__*/React.createElement(_Drawer, {
     closeMode: ['close', 'esc'],
     visible: visible,
@@ -51,6 +57,7 @@ var BatchAttrMetricDrawer = /*#__PURE__*/forwardRef(function (props, ref) {
     cancelCb: setFalse,
     saveCb: function saveCb(values) {
       setFalse();
+
       _saveCb(showType, values);
     }
   })));

package/es/components/BatchAttrMetric/setting.js

@@ -15,14 +15,16 @@ 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,
-    dataSource = _ref.dataSource,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
+      value = _ref$value === void 0 ? {} : _ref$value,
+      defaultSet = _ref.defaultSet,
+      dataSource = _ref.dataSource,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
   var limit = props.limit,
-    saveCb = props.saveCb;
+      saveCb = props.saveCb;
   var allCiSet = useMemo(function () {
     var map = {};
     loopTreeNode(dataSource, function (item) {
@@ -32,72 +34,91 @@ var Setting = function Setting(_ref) {
     });
     return map;
   }, [dataSource]);
+
   var _useState = useState(utils.getDefaultSelectedCiType(dataSource)),
-    ciType = _useState[0],
-    setCiType = _useState[1];
+      ciType = _useState[0],
+      setCiType = _useState[1];
+
   useEffect(function () {
     setCiType(utils.getDefaultSelectedCiType(dataSource));
   }, [dataSource]);
+
   var _useState2 = useState(''),
-    search = _useState2[0],
-    setSearch = _useState2[1];
+      search = _useState2[0],
+      setSearch = _useState2[1];
+
   var _useState3 = useState(value),
-    selected = _useState3[0],
-    setSelected = _useState3[1];
+      selected = _useState3[0],
+      setSelected = _useState3[1];
+
   var selectedRowKeys = selected[ciType] || [];
+
   var _RiilHooks$useTableCo = RiilHooks.useTableColumn({
-      columns: [{
-        width: '100%',
-        dataIndex: 'name',
-        title: '数据',
-        cellOption: {
-          nowrap: true
-        }
-      }, {
-        width: '70px',
-        dataIndex: 'type',
-        title: '类型',
-        cellOption: {
-          nowrap: {
-            nowrapCell: utils.typeCell,
-            title: utils.typeCell
-          }
+    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;
+      }
+    }]
+  }),
+      columnNodes = _RiilHooks$useTableCo.columnNodes;
+
   var onTreeSelect = function onTreeSelect(_ref2) {
     var selectedKey = _ref2[0];
+
     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);
     values[ciType] = selectedKeys;
     setSelected(values);
   };
+
   var saveSelected = function saveSelected() {
     saveCb(selected);
   };
+
   var onReset = function onReset() {
     setSelected({});
   };
+
   var tableData = useMemo(function () {
     var _allCiSet$ciType;
+
     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(searchValue) {
     setSearch(searchValue);
   }
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.layout
   }, /*#__PURE__*/React.createElement("div", {
@@ -178,4 +199,5 @@ var Setting = function Setting(_ref) {
     onClick: props.cancelCb
   }, "\u53D6\u6D88")));
 };
+
 export default Setting;

package/es/components/BatchAttrMetric/utils.js

@@ -1,13 +1,14 @@
 import { loopTreeNode } from "../../utils/treeUtil";
-
 /**
  * 获取树结构数据源
  * @param {*} allCiSet 数据源
  * @returns
  */
+
 export 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,
@@ -21,14 +22,15 @@ export var typeCell = function typeCell(text) {
   } else if (text === 'metric') {
     return '指标';
   }
+
   return '-';
 };
-
 /**
  * 获得默认选中第一个模型
  * @param {*} tree 
  * @returns 
  */
+
 export function getDefaultSelectedCiType(tree) {
   var ciType = null;
   loopTreeNode(tree, function (item) {

package/es/components/BooleanRadio.js

@@ -5,14 +5,16 @@ var _excluded = ["value", "onChange", "trueText", "falseText", "trueOptionDisabl
 import React from 'react';
 var BooleanRadio = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var value = props.value,
-    onChange = props.onChange,
-    trueText = props.trueText,
-    falseText = props.falseText,
-    trueOptionDisabled = props.trueOptionDisabled,
-    otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+      onChange = props.onChange,
+      trueText = props.trueText,
+      falseText = props.falseText,
+      trueOptionDisabled = props.trueOptionDisabled,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
   var handleChange = function handleChange(newValue) {
     onChange(newValue === '1');
   };
+
   return /*#__PURE__*/React.createElement(_Radio.Group, _extends({
     ref: ref
   }, otherProps, {

package/es/components/ColorPanel/components/ColorBlock/index.js

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import styles from "./index.module.scss";
-
 /**
  * 颜色选择
  *
@@ -9,10 +8,11 @@ import styles from "./index.module.scss";
  * @return {*}
  * @constructor
  */
+
 function ColorBlock(props) {
   var color = props.color,
-    onChange = props.onChange,
-    index = props.index;
+      onChange = props.onChange,
+      index = props.index;
   return /*#__PURE__*/React.createElement("div", {
     style: {
       background: color.color,
@@ -24,6 +24,7 @@ function ColorBlock(props) {
     }
   }, "\xA0");
 }
+
 ColorBlock.propTypes = {
   color: PropTypes.object,
   // eslint-disable-next-line react/no-unused-prop-types

package/es/components/ColorPanel/components/FontColorRange/index.js

@@ -1,18 +1,21 @@
 import _Range from "@alifd/next/es/range";
 import React, { useState } from 'react';
 import styles from "./index.module.scss";
+
 function FontColorRange(props) {
   var onChange = props.onChange,
-    _props$unit = props.unit,
-    unit = _props$unit === void 0 ? 'px' : _props$unit,
-    list = props.list,
-    max = props.max,
-    min = props.min,
-    defaultValue = props.defaultValue,
-    disabled = props.disabled;
+      _props$unit = props.unit,
+      unit = _props$unit === void 0 ? 'px' : _props$unit,
+      list = props.list,
+      max = props.max,
+      min = props.min,
+      defaultValue = props.defaultValue,
+      disabled = props.disabled;
+
   var _useState = useState(defaultValue),
-    value = _useState[0],
-    setValue = _useState[1];
+      value = _useState[0],
+      setValue = _useState[1];
+
   return /*#__PURE__*/React.createElement("div", {
     className: styles.content
   }, /*#__PURE__*/React.createElement("div", {
@@ -32,4 +35,5 @@ function FontColorRange(props) {
     className: styles.unitSpan
   }, unit)));
 }
+
 export default FontColorRange;

package/es/components/ColorPanel/index.js

@@ -1,5 +1,7 @@
 import _Balloon from "@alifd/next/es/balloon";
+
 /* eslint-disable eqeqeq */
+
 /* eslint-disable jsx-a11y/alt-text */
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import classnames from 'classnames';
@@ -7,7 +9,6 @@ import Color from 'color';
 import { SketchPicker } from 'react-color';
 import ColorBlock from "./components/ColorBlock";
 import styles from "./index.module.scss";
-
 /**
  * 颜色选择
  *
@@ -15,36 +16,45 @@ import styles from "./index.module.scss";
  * @return {*}
  * @constructor
  */
+
 function ColorPanel(props) {
   var _classnames2, _classnames3;
+
   var value = props.value,
-    showClear = props.showClear,
-    dataSource = props.dataSource,
-    onChange = props.onChange,
-    onPickerFocus = props.onPickerFocus,
-    onPickerBlur = props.onPickerBlur;
+      showClear = props.showClear,
+      dataSource = props.dataSource,
+      onChange = props.onChange,
+      onPickerFocus = props.onPickerFocus,
+      onPickerBlur = props.onPickerBlur;
+
   var _useState = useState(value),
-    data = _useState[0],
-    setData = _useState[1];
+      data = _useState[0],
+      setData = _useState[1];
+
   var _useState2 = useState(),
-    active = _useState2[0],
-    setActive = _useState2[1];
+      active = _useState2[0],
+      setActive = _useState2[1];
+
   var _useState3 = useState(false),
-    visible = _useState3[0],
-    setVisible = _useState3[1];
+      visible = _useState3[0],
+      setVisible = _useState3[1];
+
   var colorChange = function colorChange(value, type, key) {
     setActive(key);
     onChange(getColor16(value), type);
   };
+
   var changClick = function changClick(key) {
     setActive(key);
   };
+
   var renderColors = function renderColors() {
     // eslint-disable-next-line array-callback-return
     return dataSource.map(function (item, index) {
       // eslint-disable-next-line eqeqeq
       if (showClear && index != 1 || !showClear) {
         var _classnames;
+
         // eslint-disable-next-line eqeqeq
         return /*#__PURE__*/React.createElement("li", {
           key: index,
@@ -59,40 +69,48 @@ function ColorPanel(props) {
       }
     });
   };
+
   var handleChange = function handleChange(color) {
-    setData(color);
-    // onChange(color,'change');
+    setData(color); // onChange(color,'change');
   };
 
   useEffect(function () {
     if (value === undefined) return;
     if (!value) return setActive('-1');
-    var activeColor = value.hex ? Color(value.hex).rgb() : Color(value).rgb();
-    // eslint-disable-next-line no-unused-vars, array-callback-return
+    var activeColor = value.hex ? Color(value.hex).rgb() : Color(value).rgb(); // eslint-disable-next-line no-unused-vars, array-callback-return
+
     var active = dataSource.findIndex(function (item) {
       return item.color == "rgba(" + activeColor.color[0] + ", " + activeColor.color[1] + ", " + activeColor.color[2] + ", 1)";
     });
+
     if (active != -1 || active * 1 == 0) {
       setActive(active);
     } else {
       setActive('17');
     }
   }, []);
+
   var getColor16 = function getColor16(color) {
     var that = color;
+
     if (/^(rgba|RGBA)/.test(color)) {
       var aColor = that.replace(/(?:\(|\)|rgba|RGBA)*/g, '').split(',');
       var strHex = '#';
+
       for (var i = 0; i < 3; i++) {
         var hex = Number(aColor[i]).toString(16);
+
         if (hex.length < 2) {
           hex = "0" + hex;
         }
+
         strHex += hex;
       }
+
       if (strHex.length !== 7) {
         strHex = that;
       }
+
       return {
         hex: strHex,
         rgb: {
@@ -103,17 +121,21 @@ function ColorPanel(props) {
         }
       };
     }
+
     return that;
   };
+
   var open = function open() {
     setVisible(true);
     onPickerFocus();
   };
+
   var close = function close() {
     setVisible(false);
     onPickerBlur();
     onChange(data, 'select');
   };
+
   var defaultTrigger =
   /*#__PURE__*/
   //
@@ -161,8 +183,7 @@ function ColorPanel(props) {
     },
     onClose: close
   }, /*#__PURE__*/React.createElement(SketchPicker, {
-    color: data !== null && data !== void 0 ? data : undefined
-    // width={230}
+    color: data !== null && data !== void 0 ? data : undefined // width={230}
     ,
     disableAlpha: true,
     styles: {
@@ -176,6 +197,7 @@ function ColorPanel(props) {
     onChange: handleChange
   }))))));
 }
+
 ColorPanel.defaultProps = {
   value: undefined,
   showClear: false,