@riil-frontend/component-topology 11.0.29 → 11.0.30

package/es/core/editor/components/settings/propertyViews/edge/CommonEdgePropertyView.js

@@ -9,32 +9,38 @@ import ColorPicker from "../../../../../../common/components/ColorPicker";
 import LineType from "../../common/LineType";
 import addEdgeProps from "./addEdgeProps";
 var CollapsePanel = _Collapse.Panel;
+
 function parseValues(values, edge) {
   return _extends({}, values, {
     "styleMap.edge.width": edge.s("edge.width") // element.getStyleMap() 如果是默认值则不返回
+
   });
 }
 
 function CommonEdgePropertyView(props) {
   var topo = props.topo,
-    edge = props.edge,
-    values = props.values,
-    _onChange = props.onChange,
-    editorProps = props.editorProps,
-    extraDisplaySetting = props.extraDisplaySetting;
+      edge = props.edge,
+      values = props.values,
+      _onChange = props.onChange,
+      editorProps = props.editorProps,
+      extraDisplaySetting = props.extraDisplaySetting;
   var store = topo.store;
+
   var field = _Field.useField({
     autoUnmount: false,
     values: parseValues(values, edge),
     onChange: function onChange(name, value) {
       rlog.debug("CommonEdgePropertyView", name, value);
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   useEffect(function () {
     field.setValues(parseValues(values, edge));
   }, [values]);
+
   var setLineColor = function setLineColor(color) {
     // 同时修改实线、虚线
     edge.s("edge.color", color);
@@ -44,6 +50,7 @@ function CommonEdgePropertyView(props) {
       color: color
     }));
   };
+
   return /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "top"
@@ -122,4 +129,5 @@ function CommonEdgePropertyView(props) {
     }
   })))), extraDisplaySetting))));
 }
+
 export default addEdgeProps(CommonEdgePropertyView);

package/es/core/editor/components/settings/propertyViews/edge/EdgeGroupPropertyView.js

@@ -1,7 +1,9 @@
 import React from 'react';
 import addEdgeProps from "./addEdgeProps";
 import EdgeGroupSetting from "./edgeGroup/EdgeGroupSetting";
+
 function EdgeGroupPropertyView(props) {
   return /*#__PURE__*/React.createElement(EdgeGroupSetting, props);
 }
+
 export default addEdgeProps(EdgeGroupPropertyView);

package/es/core/editor/components/settings/propertyViews/edge/EdgePropertyView.js

@@ -5,28 +5,34 @@ import EdgeGroupPropertyView from "./EdgeGroupPropertyView";
 var commonViews = {
   edgeGroup: EdgeGroupPropertyView
 };
-
 /**
  * @return {React.ReactNode || null}
  */
+
 export default function EdgePropertyViewRoute(props) {
   var topo = props.topo,
-    values = props.values,
-    selectionElement = props.selectionElement,
-    editorProps = props.editorProps;
+      values = props.values,
+      selectionElement = props.selectionElement,
+      editorProps = props.editorProps;
   var edge = selectionElement;
   var type;
+
   if (editorProps.getEdgePropertyViewType) {
     type = editorProps.getEdgePropertyViewType(_extends({}, props, {
       edge: edge
     }));
   }
+
   type = type || 'edge';
+
   var views = _extends({}, commonViews, editorProps.edgePropertyViews || {});
+
   var View = views[type];
+
   if (!View) {
     return null;
   }
+
   return /*#__PURE__*/React.createElement(View, _extends({}, props, {
     edge: edge
   }));

package/es/core/editor/components/settings/propertyViews/edge/edgeGroup/EdgeGroupSetting.js

@@ -5,22 +5,27 @@ import _Collapse from "@alifd/next/es/collapse";
 import React, { useState, useEffect } from 'react';
 import LineType from "../../../common/LineType";
 var CollapsePanel = _Collapse.Panel;
+
 function parseValues(values) {
   return _extends({}, values);
 }
+
 export default function EdgeGroupSetting(props) {
   var topo = props.topo,
-    edge = props.edge,
-    _onChange = props.onChange,
-    editorProps = props.editorProps;
+      edge = props.edge,
+      _onChange = props.onChange,
+      editorProps = props.editorProps;
+
   var field = _Field.useField({
     autoUnmount: false,
     values: {},
     onChange: function onChange(name, value) {
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   var setLineColor = function setLineColor(color) {
     var style = edge.a('styles') || {};
     edge.s('edge.color', color);
@@ -28,6 +33,7 @@ export default function EdgeGroupSetting(props) {
       color: color
     }));
   };
+
   return /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "top"

package/es/core/editor/components/settings/propertyViews/group/DataTab/GroupAddResourceButton.js

@@ -2,11 +2,13 @@ import React from 'react';
 import AddResourceButton from "../../../common/AddResourceButton";
 export default function GroupAddResourceButton(props) {
   var topo = props.topo,
-    group = props.group,
-    topoEdit = props.topoEdit;
+      group = props.group,
+      topoEdit = props.topoEdit;
+
   var handleClick = function handleClick() {
     topoEdit.groupAddResource.open(group);
   };
+
   return /*#__PURE__*/React.createElement(AddResourceButton, {
     onClick: handleClick
   });

package/es/core/editor/components/settings/propertyViews/group/DataTab/GroupNodeList.js

@@ -3,33 +3,34 @@ import ResourceList from "../../../common/GroupNodeList/ResourceList";
 import useGroupRelateResource from "./hoooks/useGroupRelateResource";
 export default function GroupNodeList(props) {
   var topo = props.topo,
-    group = props.group,
-    _props$showRemove = props.showRemove,
-    showRemove = _props$showRemove === void 0 ? true : _props$showRemove,
-    useGroupSortResources = props.useGroupSortResources;
+      group = props.group,
+      _props$showRemove = props.showRemove,
+      showRemove = _props$showRemove === void 0 ? true : _props$showRemove,
+      useGroupSortResources = props.useGroupSortResources;
   var dataSource = useGroupRelateResource({
     group: group,
     topo: topo,
     useGroupSortResources: useGroupSortResources
   });
-
   /**
    * 从区域移出节点，放到左上角
    * @param {*} data 
    */
+
   var handleNodeRemove = function handleNodeRemove(data) {
     topo.historyManager.beginTransaction();
     var node = data.node;
     node.setParent(null);
     var viewRect = topo.getGraphView().getViewRect();
     var nodeRect = node.getRect();
-    node.setPosition(viewRect.x + nodeRect.width + 2, viewRect.y + nodeRect.height + 4);
-    // 解决集群从区域内移出时，连线位置未更新的问题
+    node.setPosition(viewRect.x + nodeRect.width + 2, viewRect.y + nodeRect.height + 4); // 解决集群从区域内移出时，连线位置未更新的问题
+
     setTimeout(function () {
       node.iv();
       topo.historyManager.endTransaction();
     }, 50);
   };
+
   return /*#__PURE__*/React.createElement(ResourceList, {
     data: dataSource,
     showRemove: showRemove,

package/es/core/editor/components/settings/propertyViews/group/DataTab/GroupRelateData/GroupRelateData.js

@@ -6,16 +6,20 @@ import CollapsePanel from "../../../../../../../../components/collapse/Panel";
 import CollapseFullheightStyles from "../../../../common/GroupNodeList/CollapseFullheight.module.scss";
 export default function GroupRelateData(props) {
   var topo = props.topo,
-    topoEditApi = props.topoEditApi,
-    group = props.group,
-    values = props.values,
-    editorProps = props.editorProps;
+      topoEditApi = props.topoEditApi,
+      group = props.group,
+      values = props.values,
+      editorProps = props.editorProps;
+
   var renderResourcePanel = function renderResourcePanel() {
     var _groupDataViewProps$r;
+
     var groupDataViewProps = editorProps.groupDataViewProps;
     var headerExtra;
+
     if ((groupDataViewProps === null || groupDataViewProps === void 0 ? void 0 : (_groupDataViewProps$r = groupDataViewProps.relateDataProps) === null || _groupDataViewProps$r === void 0 ? void 0 : _groupDataViewProps$r.headerExtra) !== undefined) {
       var _groupDataViewProps$r2;
+
       headerExtra = groupDataViewProps === null || groupDataViewProps === void 0 ? void 0 : (_groupDataViewProps$r2 = groupDataViewProps.relateDataProps) === null || _groupDataViewProps$r2 === void 0 ? void 0 : _groupDataViewProps$r2.headerExtra;
     } else {
       headerExtra = /*#__PURE__*/React.createElement(GroupAddResourceButton, {
@@ -25,6 +29,7 @@ export default function GroupRelateData(props) {
         groupData: values
       });
     }
+
     return /*#__PURE__*/React.createElement(CollapsePanel, {
       key: "\u5173\u8054\u8D44\u6E90",
       title: "\u5173\u8054\u8D44\u6E90",
@@ -35,6 +40,7 @@ export default function GroupRelateData(props) {
       group: group
     }));
   };
+
   return /*#__PURE__*/React.createElement(_Collapse, {
     defaultExpandedKeys: ['关联资源'],
     style: {

package/es/core/editor/components/settings/propertyViews/group/DataTab/RelateData.js

@@ -2,9 +2,9 @@ import React, { useEffect } from 'react';
 import GroupRelateData from "./GroupRelateData/GroupRelateData";
 export default function GroupRelateDataContainer(props) {
   var topo = props.topo,
-    topoEditApi = props.topoEditApi,
-    group = props.group,
-    values = props.values,
-    editorProps = props.editorProps;
+      topoEditApi = props.topoEditApi,
+      group = props.group,
+      values = props.values,
+      editorProps = props.editorProps;
   return /*#__PURE__*/React.createElement(GroupRelateData, props);
 }

package/es/core/editor/components/settings/propertyViews/group/DataTab/hoooks/useGroupRelateResource.js

@@ -2,24 +2,26 @@ import _extends from "@babel/runtime/helpers/extends";
 import { iconFactory } from "@riil-frontend/component-topology-graph";
 import sortBy from "lodash/sortBy";
 import { getGroupChildren, getNodeData } from "../../../../../../../../utils/htElementUtils";
+
 function sortResourcesByName(resources) {
   return sortBy(resources, "name");
 }
+
 export default function useGroupRelateResource(props) {
   var _topo$options$editor;
-  var group = props.group,
-    topo = props.topo,
-    _props$useGroupSortRe = props.useGroupSortResources,
-    useGroupSortResources = _props$useGroupSortRe === void 0 ? function (nodes) {
-      return nodes;
-    } : _props$useGroupSortRe;
-  // const [resources, setResources] = useState([]);
 
+  var group = props.group,
+      topo = props.topo,
+      _props$useGroupSortRe = props.useGroupSortResources,
+      useGroupSortResources = _props$useGroupSortRe === void 0 ? function (nodes) {
+    return nodes;
+  } : _props$useGroupSortRe; // const [resources, setResources] = useState([]);
   // 过滤出资源
+
   var resourceNodes = getGroupChildren(group).filter(function (item) {
     return !!item.getTag();
-  });
-  // 资源按名称排序
+  }); // 资源按名称排序
+
   var useSortNodes = useGroupSortResources || ((_topo$options$editor = topo.options.editor) === null || _topo$options$editor === void 0 ? void 0 : _topo$options$editor.sortResources) || sortResourcesByName;
   var data = useSortNodes(resourceNodes.map(function (node) {
     return _extends({}, getNodeData(node), {
@@ -33,8 +35,7 @@ export default function useGroupRelateResource(props) {
       data: item,
       node: item.node
     };
-  });
-  // rlog.info('useGroupRelateResource', data);
+  }); // rlog.info('useGroupRelateResource', data);
 
   return data;
 }

package/es/core/editor/components/settings/propertyViews/group/GroupPropertyView.js

@@ -6,9 +6,9 @@ import GroupBasicSetting from "./SettingTab/GroupBasicSetting";
 import styles from "./GroupPropertyView.module.scss";
 export default function GroupPropertyView(props) {
   var topo = props.topo,
-    topoEdit = props.topoEdit,
-    values = props.values,
-    selectionElement = props.selectionElement;
+      topoEdit = props.topoEdit,
+      values = props.values,
+      selectionElement = props.selectionElement;
   var group = selectionElement;
   var isCluster = group.a('cluster');
   var DataTabContent = isCluster ? ClusterGroupRelateData : GroupRelateData;

package/es/core/editor/components/settings/propertyViews/group/GroupPropertyViewV1.js

@@ -8,9 +8,9 @@ import GroupRelateData from "./DataTab/RelateData";
 import ClusterGroupRelateData from "./cluster/ClusterGroupRelateData";
 export default function GroupPropertyView(props) {
   var topo = props.topo,
-    topoEdit = props.topoEdit,
-    values = props.values,
-    selectionElement = props.selectionElement;
+      topoEdit = props.topoEdit,
+      values = props.values,
+      selectionElement = props.selectionElement;
   var group = selectionElement;
   var isCluster = group.a('cluster');
   var DataTabContent = isCluster ? ClusterGroupRelateData : GroupRelateData;

package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupBasicSetting.js

@@ -12,15 +12,16 @@ import NameInput from "../../../common/NameInput";
 var CollapsePanel = _Collapse.Panel;
 export default function GroupBasicSetting(props) {
   var topo = props.topo,
-    topoEdit = props.topoEdit,
-    values = props.values,
-    _onChange = props.onChange,
-    settingRuntimeState = props.settingRuntimeState,
-    editorProps = props.editorProps,
-    group = props.group,
-    isCluster = props.isCluster;
+      topoEdit = props.topoEdit,
+      values = props.values,
+      _onChange = props.onChange,
+      settingRuntimeState = props.settingRuntimeState,
+      editorProps = props.editorProps,
+      group = props.group,
+      isCluster = props.isCluster;
   var expanded = values.expanded;
   var id = values.id;
+
   var field = _Field.useField({
     autoUnmount: false,
     values: values,
@@ -28,10 +29,13 @@ export default function GroupBasicSetting(props) {
       if (name === 'attrObject.name' && !validateSpecialCharacter(value)) {
         return;
       }
+
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   useEffect(function () {
     field.setValues(values);
   }, [values]);

package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandSetting.js

@@ -3,41 +3,43 @@ import _Collapse from "@alifd/next/es/collapse";
 import React, { useState, useEffect, useRef, useCallback } from 'react';
 import GroupExpandStatus from "./GroupExpandStatus";
 import AlignSetting from "../../../common/AlignSetting";
-import LayoutSettings from "../../../common/LayoutSettings";
-// import NodeIconSelect from '../../node/NodeIconSelect';
+import LayoutSettings from "../../../common/LayoutSettings"; // import NodeIconSelect from '../../node/NodeIconSelect';
 // import SizeInput from '../../../common/SizeInput';
 
 var CollapsePanel = _Collapse.Panel;
 export default function GroupExpandSetting(props) {
   var topo = props.topo,
-    group = props.group,
-    expanded = props.expanded,
-    onChange = props.onChange,
-    id = props.id,
-    settingRuntimeState = props.settingRuntimeState;
+      group = props.group,
+      expanded = props.expanded,
+      onChange = props.onChange,
+      id = props.id,
+      settingRuntimeState = props.settingRuntimeState;
+
   var _useState = useState(),
-    layout = _useState[0],
-    setLayout = _useState[1];
+      layout = _useState[0],
+      setLayout = _useState[1];
+
   var alignOnChange = function alignOnChange(v) {
-    topo.historyManager.beginTransaction();
-    // console.log("setAlignmentBySelectionNodes", v);
+    topo.historyManager.beginTransaction(); // console.log("setAlignmentBySelectionNodes", v);
     // topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(v);
-    onChange('groupAlign', v);
-    // topoEditApi.setAlignmentBySelectionNodes(v);
+
+    onChange('groupAlign', v); // topoEditApi.setAlignmentBySelectionNodes(v);
+
     topo.historyManager.endTransaction();
   };
+
   var layoutOnChange = function layoutOnChange(value) {
     topo.historyManager.beginTransaction();
-    setLayout(value);
-    // onChange("layout", v);
+    setLayout(value); // onChange("layout", v);
+
     var layouType = value.id === 'toward' ? "" + value.id + value.options.subId : value.id;
     topo.getHtTopo().layoutInContainer(layouType);
     topo.historyManager.endTransaction();
   };
+
   useEffect(function () {
     // console.log("GroupExpandSetting-id-layout", id, layout);
-    setLayout({});
-    // onChange("layout", {});
+    setLayout({}); // onChange("layout", {});
   }, [id]);
   return /*#__PURE__*/React.createElement(_Collapse, {
     defaultExpandedKeys: ['布局', '显示设置', '对齐方式'],

package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupExpandStatus.js

@@ -7,7 +7,6 @@ var list = [{
   value: false,
   label: '收起'
 }];
-
 /**
  * 区域展开折叠
  *
@@ -15,15 +14,18 @@ var list = [{
  * @return {*}
  * @constructor
  */
+
 export default function GroupExpandStatus(props) {
   var expanded = props.expanded,
-    setExpanded = props.setExpanded,
-    topo = props.topo;
+      setExpanded = props.setExpanded,
+      topo = props.topo;
+
   var handleChange = function handleChange(val) {
     topo.historyManager.beginTransaction();
     setExpanded(val);
     topo.historyManager.endTransaction();
   };
+
   return /*#__PURE__*/React.createElement(_Radio.Group, {
     dataSource: list,
     value: expanded,

package/es/core/editor/components/settings/propertyViews/group/SettingTab/GroupIconSelect.js

@@ -1,10 +1,11 @@
 import React, { forwardRef, useImperativeHandle } from 'react';
 import IconSelect from '@riil-frontend/component-topo-icon-select';
 import { useGroupIcons } from "../../../../../../common/icons/useIcons";
+
 function GroupIconSelect(props, ref) {
   var value = props.value,
-    onChange = props.onChange,
-    topo = props.topo;
+      onChange = props.onChange,
+      topo = props.topo;
   var iconGroups = useGroupIcons(topo);
   useImperativeHandle(ref, function () {
     return {};
@@ -18,4 +19,5 @@ function GroupIconSelect(props, ref) {
     }
   });
 }
+
 export default /*#__PURE__*/forwardRef(GroupIconSelect);

package/es/core/editor/components/settings/propertyViews/group/SettingTab/Setting.js

@@ -12,14 +12,15 @@ import { SPECIAL_CHARACTER_FORM_ITEM_VALIDATE_PROPS, validateSpecialCharacter }
 var CollapsePanel = _Collapse.Panel;
 export default function GroupSetting(props) {
   var topo = props.topo,
-    topoEdit = props.topoEdit,
-    values = props.values,
-    _onChange = props.onChange,
-    settingRuntimeState = props.settingRuntimeState,
-    editorProps = props.editorProps,
-    group = props.group;
+      topoEdit = props.topoEdit,
+      values = props.values,
+      _onChange = props.onChange,
+      settingRuntimeState = props.settingRuntimeState,
+      editorProps = props.editorProps,
+      group = props.group;
   var expanded = values.expanded;
   var id = values.id;
+
   var field = _Field.useField({
     autoUnmount: false,
     values: values,
@@ -27,13 +28,17 @@ export default function GroupSetting(props) {
       if (name === 'attrObject.name' && !validateSpecialCharacter(value)) {
         return;
       }
+
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   useEffect(function () {
     field.setValues(values);
   }, [values]);
+
   var renderGroupCollapseSetting = function renderGroupCollapseSetting() {
     return /*#__PURE__*/React.createElement(_Collapse, {
       defaultExpandedKeys: ["显示设置"],
@@ -67,13 +72,17 @@ export default function GroupSetting(props) {
       },
       onChange: function onChange(size) {
         topo.historyManager.beginTransaction();
+
         _onChange("width", size.width);
+
         _onChange("height", size.height);
+
         topo.historyManager.endTransaction();
       },
       settingRuntimeState: settingRuntimeState
     }))));
   };
+
   return /*#__PURE__*/React.createElement(_Form, {
     field: field,
     labelAlign: "top"

package/es/core/editor/components/settings/propertyViews/group/cluster/ClusterGroupRelateData.js

@@ -9,11 +9,12 @@ import CollapseFullheightStyles from "../../../common/GroupNodeList/CollapseFull
 import textStyles from "../../../../../../common/text.module.scss";
 export default function ClusterGroupRelateData(props) {
   var topo = props.topo,
-    topoEditApi = props.topoEditApi,
-    group = props.group,
-    values = props.values,
-    editorProps = props.editorProps;
+      topoEditApi = props.topoEditApi,
+      group = props.group,
+      values = props.values,
+      editorProps = props.editorProps;
   var useGroupSortResources = editorProps.useGroupSortResources;
+
   var renderMemberPanel = function renderMemberPanel() {
     return /*#__PURE__*/React.createElement(CollapsePanel, {
       key: "\u96C6\u7FA4\u6210\u5458",
@@ -32,6 +33,7 @@ export default function ClusterGroupRelateData(props) {
       statusCode: "\u6CA1\u6709\u67E5\u770B\u6743\u9650"
     })));
   };
+
   return /*#__PURE__*/React.createElement(_Collapse, {
     defaultExpandedKeys: ['集群成员', '相关资源'],
     style: {

package/es/core/editor/components/settings/propertyViews/index.js

@@ -15,5 +15,7 @@ var propertyPanelMap = {
   // multiple: MultipleElementPropertyView,
   box: BoxPropertyView
 };
+
 if (localStorage.getItem('topo.debug') === 'true') {}
+
 export default propertyPanelMap;

package/es/core/editor/components/settings/propertyViews/layer/BasicSetting.js

@@ -7,9 +7,10 @@ import { SPECIAL_CHARACTER_FORM_ITEM_VALIDATE_PROPS, validateSpecialCharacter }
 import NameInput from "../../common/NameInput";
 export default function BasicSetting(props) {
   var topo = props.topo,
-    values = props.values,
-    _onChange = props.onChange,
-    layer = props.layer;
+      values = props.values,
+      _onChange = props.onChange,
+      layer = props.layer;
+
   var field = _Field.useField({
     autoUnmount: false,
     values: values,
@@ -17,10 +18,13 @@ export default function BasicSetting(props) {
       if (name === 'styleMap.label' && !validateSpecialCharacter(value)) {
         return;
       }
+
       var newValues = field.getValues();
+
       _onChange(name, value, newValues);
     }
   });
+
   useEffect(function () {
     field.setValues(values);
   }, [values]);