@riil-frontend/component-topology 6.0.0-alpha.27 → 6.0.0-alpha.28

package/es/components/ColorPanel/components/FontColorRange/index.module.scss

@@ -4,8 +4,9 @@
 .content {
   display: flex;
   flex-direction: row;
-  width: 81%;
+  width: 84%;
   margin-left: 6%;
+  overflow: hidden;
   .range {
     flex: 1;
   }

package/es/core/components/AlarmListPanel/components/AlarmListItem.js

@@ -16,9 +16,6 @@ var getNode = function getNode(topo, alarmInfo) {
   var ele = getNodeParents(node);
   topo.getHtTopo().getGraphView().fitData(ele, true, 20, true);
   topo.getHtTopo().getGraphView().dm().getSelectionModel().setSelection(ele);
-  setTimeout(function () {
-    topo.getHtTopo().getGraphView().setZoom(1.5);
-  }, 1000);
 };
 
 var getNodeParents = function getNodeParents(node) {

package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js

@@ -1,3 +1,6 @@
+/* eslint-disable no-undef */
+
+/* eslint-disable jsx-a11y/alt-text */
 import React from 'react';
 import ColorPanel from "../../../../../../components/ColorPanel";
 import FontColorRange from "../../../../../../components/ColorPanel/components/FontColorRange";
@@ -9,12 +12,16 @@ function Content(props) {
       onPickerBlur = props.onPickerBlur,
       lineSizeChange = props.lineSizeChange,
       lineWidth = props.lineWidth;
-  console.log(lineWidth);
   return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "\u7EBF"), /*#__PURE__*/React.createElement("div", {
     style: {
-      width: 200
+      width: 200,
+      display: 'flex',
+      marginTop: '8px'
     }
-  }, /*#__PURE__*/React.createElement(FontColorRange, {
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "/img/topo/editor/toolbar/\u7EBF\u6761\u586B\u5145/\u8FB9\u6846.svg",
+    title: "\u7EBF\u6761\u5BBD\u5EA6"
+  }), /*#__PURE__*/React.createElement(FontColorRange, {
     defaultValue: lineWidth,
     min: 1,
     max: 10,
@@ -22,7 +29,8 @@ function Content(props) {
     onChange: lineSizeChange
   })), /*#__PURE__*/React.createElement("div", {
     style: {
-      marginTop: '5px'
+      marginTop: '5px',
+      marginLeft: '-2px'
     }
   }, /*#__PURE__*/React.createElement(ColorPanel, {
     onChange: onChange,

package/es/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js

@@ -20,7 +20,7 @@ function EdgeColorButton(props) {
       disabled = _useState[0],
       setDisabled = _useState[1];
 
-  var _useState2 = useState(2),
+  var _useState2 = useState(),
       lineWidth = _useState2[0],
       setLineWidth = _useState2[1]; // 拓扑图是否加载
 
@@ -32,26 +32,27 @@ function EdgeColorButton(props) {
   var selection = topo.selectionManager.useHtSelection();
 
   var getLines = function getLines(list) {
-    if (list[0] && list[0].isEdgeGroupAgent()) {
-      var data = list[0].getEdgeGroup().getEdges().toArray(); // eslint-disable-next-line eqeqeq
-
-      return data.filter(function (item) {
-        return item.getAttrObject().type == 'line';
-      });
-    } else {
+    // eslint-disable-next-line prefer-const
+    var arr = [];
+    loopEdgesAndChildren(topo, list, function (edge) {
       // eslint-disable-next-line eqeqeq
-      return list.filter(function (item) {
-        return item.getAttrObject().type == 'line';
-      });
-    }
+      if (edge.getAttrObject().type == 'line') {
+        arr.push(edge);
+      }
+    });
+    return arr;
   };
 
   useEffect(function () {
     if (graphLoaded) {
       var edges = getEdgesBySelection(topo);
       var list = getLines(edges);
-      console.log(list[0] && (list[0].a('styles') && list[0].a('styles').width || list[0].getStyleMap()['edge.width']) || 2);
-      setLineWidth(list[0] && (list[0].a('styles') && list[0].a('styles').width || list[0].getStyleMap()['edge.width']) || 2);
+      setLineWidth(0); // eslint-disable-next-line eqeqeq
+
+      if (selection.length == 1 && selection[0].getAttrObject().type == 'line') {
+        setLineWidth(list[0] && (list[0].a('styles') && list[0].a('styles').width || list[0].getStyleMap()['edge.width']) || 2);
+      }
+
       setDisabled(!list.length);
     }
   }, [selection, graphLoaded]);

package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.js

@@ -1,3 +1,4 @@
+import _Input from "@alifd/next/es/input";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 var _excluded = ["topo", "showLabel"];
 import React, { useState, useEffect } from 'react';
@@ -5,6 +6,7 @@ import WidgetBox from "./WidgetBox";
 import DropdownButton from "./components/DropdownButton";
 import AlignSetting from "../../settings/common/AlignSetting";
 import { isEdge, isLayer } from "../../../../../utils/htElementUtils";
+import styles from "./NodeAlignWidget.module.scss";
 
 function NodeAlignWidget(props) {
   var topo = props.topo,
@@ -13,7 +15,23 @@ function NodeAlignWidget(props) {
 
   var _useState = useState(true),
       disabled = _useState[0],
-      setDisabled = _useState[1]; // 拓扑图是否加载
+      setDisabled = _useState[1];
+
+  var _useState2 = useState(),
+      leftInputVal = _useState2[0],
+      setLeftInputVal = _useState2[1];
+
+  var _useState3 = useState(),
+      rightInputVal = _useState3[0],
+      setRightInputVal = _useState3[1];
+
+  var _useState4 = useState(true),
+      leftDisable = _useState4[0],
+      setLeftDisable = _useState4[1];
+
+  var _useState5 = useState(true),
+      rightDisable = _useState5[0],
+      setRightDisable = _useState5[1]; // 拓扑图是否加载
 
 
   var _topo$store$useModelS = topo.store.useModelState('topoMod'),
@@ -21,6 +39,41 @@ function NodeAlignWidget(props) {
 
 
   var selection = topo.selectionManager.useSelection();
+
+  var setSpace = function setSpace(type, num) {
+    topo.historyManager.beginTransaction();
+    var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
+    var nodes = selection.filter(function (ele) {
+      return !isLayer(ele) && !isEdge(ele);
+    });
+    topo.view.topoClient.htTopoClient.setElementsSpace(nodes, type, num);
+    topo.historyManager.endTransaction();
+  };
+
+  var leftInputChange = function leftInputChange(v) {
+    if (v * 1 < 0) {
+      setLeftInputVal(0);
+    } else if (v * 1 > 10000) {
+      setLeftInputVal(10000);
+    } else {
+      setLeftInputVal(v);
+    }
+
+    setSpace('v', leftInputVal);
+  };
+
+  var rightInputChange = function rightInputChange(v) {
+    if (v * 1 < 0) {
+      setRightInputVal(0);
+    } else if (v * 1 > 10000) {
+      setRightInputVal(10000);
+    } else {
+      setRightInputVal(v);
+    }
+
+    setSpace('h', rightInputVal);
+  };
+
   useEffect(function () {
     if (graphLoaded) {
       var selectionEle = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
@@ -28,8 +81,23 @@ function NodeAlignWidget(props) {
         return !isLayer(ele) && !isEdge(ele);
       });
       setDisabled(nodes.length <= 1);
+      getClickType('none');
     }
   }, [graphLoaded, selection]);
+
+  var getClickType = function getClickType(type) {
+    setLeftDisable(true);
+    setRightDisable(true);
+
+    if (type === 'top' || type === 'middle' || type === 'bottom') {
+      setLeftDisable(false);
+    }
+
+    if (type === 'left' || type === 'center' || type === 'right') {
+      setRightDisable(false);
+    }
+  };
+
   var icon = disabled ? /*#__PURE__*/React.createElement("img", {
     src: "/img/topo/editor/toolbar/\u5BF9\u9F50/Disable.svg",
     alt: ""
@@ -46,7 +114,26 @@ function NodeAlignWidget(props) {
     disabled: disabled,
     trigger: icon
   }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(AlignSetting, {
-    topo: topo
+    topo: topo,
+    getClickType: getClickType
+  }), /*#__PURE__*/React.createElement(_Input, {
+    disabled: leftDisable,
+    size: "small",
+    placeholder: "\u591A\u4E2A\u503C",
+    className: styles.leftInput,
+    value: leftInputVal,
+    htmlType: "number",
+    maxLength: 5,
+    onChange: leftInputChange
+  }), /*#__PURE__*/React.createElement(_Input, {
+    disabled: rightDisable,
+    size: "small",
+    placeholder: "\u591A\u4E2A\u503C",
+    className: styles.rightInput,
+    value: rightInputVal,
+    htmlType: "number",
+    maxLength: 5,
+    onChange: rightInputChange
   }))));
 }
 

package/es/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss

@@ -0,0 +1,12 @@
+.leftInput{
+  background: url('/img/topo/editor/toolbar/对齐/Disable.svg')no-repeat 5px center;
+  background-position: right center;
+  width: 100px;
+  margin-right: 10px;
+  margin-left: 5px;
+}
+.rightInput{
+  width: 100px;
+  background: url('/img/topo/editor/toolbar/对齐/Disable.svg')no-repeat 5px center;
+  background-position: right center;
+}

package/es/core/editor/components/settings/common/AlignSetting/index.js

@@ -2,16 +2,19 @@ import React from 'react';
 import { isEdge, isLayer } from "../../../../../../utils/htElementUtils";
 import AlignTypeList from "./AlignTypeList";
 export default function AlignSetting(props) {
-  var topo = props.topo;
+  var topo = props.topo,
+      getClickType = props.getClickType;
 
   var alignOnChange = function alignOnChange(type) {
+    getClickType(type);
     topo.historyManager.beginTransaction();
     var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
     var nodes = selection.filter(function (ele) {
       return !isLayer(ele) && !isEdge(ele);
     }); // console.info("element--selectList", element, selectList);
 
-    topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(type, nodes);
+    topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(type, nodes); // topo.view.topoClient.htTopoClient.setElementsSpace(nodes,'h',300)
+
     topo.historyManager.endTransaction();
   };
 

package/es/core/models/TopoApp.js

@@ -22,7 +22,7 @@ import topoFactory from "./topoFactory";
 import ElementTagTipConfig from "./tagstips/ElementTagTipConfig";
 import SelectionManager from "./SelectionManager"; // eslint-disable-next-line no-undef
 
-var version = typeof "6.0.0-alpha.27" === 'string' ? "6.0.0-alpha.27" : null;
+var version = typeof "6.0.0-alpha.28" === 'string' ? "6.0.0-alpha.28" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/components/ColorPanel/components/FontColorRange/index.module.scss

@@ -4,8 +4,9 @@
 .content {
   display: flex;
   flex-direction: row;
-  width: 81%;
+  width: 84%;
   margin-left: 6%;
+  overflow: hidden;
   .range {
     flex: 1;
   }

package/lib/core/components/AlarmListPanel/components/AlarmListItem.js

@@ -32,9 +32,6 @@ var getNode = function getNode(topo, alarmInfo) {
   var ele = getNodeParents(node);
   topo.getHtTopo().getGraphView().fitData(ele, true, 20, true);
   topo.getHtTopo().getGraphView().dm().getSelectionModel().setSelection(ele);
-  setTimeout(function () {
-    topo.getHtTopo().getGraphView().setZoom(1.5);
-  }, 1000);
 };
 
 var getNodeParents = function getNodeParents(node) {

package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/Content.js

@@ -11,6 +11,9 @@ var _ColorPanel = _interopRequireDefault(require("../../../../../../components/C
 
 var _FontColorRange = _interopRequireDefault(require("../../../../../../components/ColorPanel/components/FontColorRange"));
 
+/* eslint-disable no-undef */
+
+/* eslint-disable jsx-a11y/alt-text */
 function Content(props) {
   var topo = props.topo,
       onChange = props.onChange,
@@ -18,12 +21,16 @@ function Content(props) {
       onPickerBlur = props.onPickerBlur,
       lineSizeChange = props.lineSizeChange,
       lineWidth = props.lineWidth;
-  console.log(lineWidth);
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("div", null, "\u7EBF"), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      width: 200
+      width: 200,
+      display: 'flex',
+      marginTop: '8px'
     }
-  }, /*#__PURE__*/_react["default"].createElement(_FontColorRange["default"], {
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/\u7EBF\u6761\u586B\u5145/\u8FB9\u6846.svg",
+    title: "\u7EBF\u6761\u5BBD\u5EA6"
+  }), /*#__PURE__*/_react["default"].createElement(_FontColorRange["default"], {
     defaultValue: lineWidth,
     min: 1,
     max: 10,
@@ -31,7 +38,8 @@ function Content(props) {
     onChange: lineSizeChange
   })), /*#__PURE__*/_react["default"].createElement("div", {
     style: {
-      marginTop: '5px'
+      marginTop: '5px',
+      marginLeft: '-2px'
     }
   }, /*#__PURE__*/_react["default"].createElement(_ColorPanel["default"], {
     onChange: onChange,

package/lib/core/editor/components/Toolbar/widgets/EdgeColorButton/EdgeColorButton.js

@@ -37,7 +37,7 @@ function EdgeColorButton(props) {
       disabled = _useState[0],
       setDisabled = _useState[1];
 
-  var _useState2 = (0, _react.useState)(2),
+  var _useState2 = (0, _react.useState)(),
       lineWidth = _useState2[0],
       setLineWidth = _useState2[1]; // 拓扑图是否加载
 
@@ -49,26 +49,27 @@ function EdgeColorButton(props) {
   var selection = topo.selectionManager.useHtSelection();
 
   var getLines = function getLines(list) {
-    if (list[0] && list[0].isEdgeGroupAgent()) {
-      var data = list[0].getEdgeGroup().getEdges().toArray(); // eslint-disable-next-line eqeqeq
-
-      return data.filter(function (item) {
-        return item.getAttrObject().type == 'line';
-      });
-    } else {
+    // eslint-disable-next-line prefer-const
+    var arr = [];
+    (0, _edgeTypeStyleUtil.loopEdgesAndChildren)(topo, list, function (edge) {
       // eslint-disable-next-line eqeqeq
-      return list.filter(function (item) {
-        return item.getAttrObject().type == 'line';
-      });
-    }
+      if (edge.getAttrObject().type == 'line') {
+        arr.push(edge);
+      }
+    });
+    return arr;
   };
 
   (0, _react.useEffect)(function () {
     if (graphLoaded) {
       var edges = (0, _edgeTypeStyleUtil.getEdgesBySelection)(topo);
       var list = getLines(edges);
-      console.log(list[0] && (list[0].a('styles') && list[0].a('styles').width || list[0].getStyleMap()['edge.width']) || 2);
-      setLineWidth(list[0] && (list[0].a('styles') && list[0].a('styles').width || list[0].getStyleMap()['edge.width']) || 2);
+      setLineWidth(0); // eslint-disable-next-line eqeqeq
+
+      if (selection.length == 1 && selection[0].getAttrObject().type == 'line') {
+        setLineWidth(list[0] && (list[0].a('styles') && list[0].a('styles').width || list[0].getStyleMap()['edge.width']) || 2);
+      }
+
       setDisabled(!list.length);
     }
   }, [selection, graphLoaded]);

package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.js

@@ -5,6 +5,8 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 
+var _input = _interopRequireDefault(require("@alifd/next/lib/input"));
+
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -17,6 +19,8 @@ var _AlignSetting = _interopRequireDefault(require("../../settings/common/AlignS
 
 var _htElementUtils = require("../../../../../utils/htElementUtils");
 
+var _NodeAlignWidgetModule = _interopRequireDefault(require("./NodeAlignWidget.module.scss"));
+
 var _excluded = ["topo", "showLabel"];
 
 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); }
@@ -30,7 +34,23 @@ function NodeAlignWidget(props) {
 
   var _useState = (0, _react.useState)(true),
       disabled = _useState[0],
-      setDisabled = _useState[1]; // 拓扑图是否加载
+      setDisabled = _useState[1];
+
+  var _useState2 = (0, _react.useState)(),
+      leftInputVal = _useState2[0],
+      setLeftInputVal = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(),
+      rightInputVal = _useState3[0],
+      setRightInputVal = _useState3[1];
+
+  var _useState4 = (0, _react.useState)(true),
+      leftDisable = _useState4[0],
+      setLeftDisable = _useState4[1];
+
+  var _useState5 = (0, _react.useState)(true),
+      rightDisable = _useState5[0],
+      setRightDisable = _useState5[1]; // 拓扑图是否加载
 
 
   var _topo$store$useModelS = topo.store.useModelState('topoMod'),
@@ -38,6 +58,41 @@ function NodeAlignWidget(props) {
 
 
   var selection = topo.selectionManager.useSelection();
+
+  var setSpace = function setSpace(type, num) {
+    topo.historyManager.beginTransaction();
+    var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
+    var nodes = selection.filter(function (ele) {
+      return !(0, _htElementUtils.isLayer)(ele) && !(0, _htElementUtils.isEdge)(ele);
+    });
+    topo.view.topoClient.htTopoClient.setElementsSpace(nodes, type, num);
+    topo.historyManager.endTransaction();
+  };
+
+  var leftInputChange = function leftInputChange(v) {
+    if (v * 1 < 0) {
+      setLeftInputVal(0);
+    } else if (v * 1 > 10000) {
+      setLeftInputVal(10000);
+    } else {
+      setLeftInputVal(v);
+    }
+
+    setSpace('v', leftInputVal);
+  };
+
+  var rightInputChange = function rightInputChange(v) {
+    if (v * 1 < 0) {
+      setRightInputVal(0);
+    } else if (v * 1 > 10000) {
+      setRightInputVal(10000);
+    } else {
+      setRightInputVal(v);
+    }
+
+    setSpace('h', rightInputVal);
+  };
+
   (0, _react.useEffect)(function () {
     if (graphLoaded) {
       var selectionEle = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
@@ -45,8 +100,23 @@ function NodeAlignWidget(props) {
         return !(0, _htElementUtils.isLayer)(ele) && !(0, _htElementUtils.isEdge)(ele);
       });
       setDisabled(nodes.length <= 1);
+      getClickType('none');
     }
   }, [graphLoaded, selection]);
+
+  var getClickType = function getClickType(type) {
+    setLeftDisable(true);
+    setRightDisable(true);
+
+    if (type === 'top' || type === 'middle' || type === 'bottom') {
+      setLeftDisable(false);
+    }
+
+    if (type === 'left' || type === 'center' || type === 'right') {
+      setRightDisable(false);
+    }
+  };
+
   var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
     src: "/img/topo/editor/toolbar/\u5BF9\u9F50/Disable.svg",
     alt: ""
@@ -63,7 +133,26 @@ function NodeAlignWidget(props) {
     disabled: disabled,
     trigger: icon
   }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_AlignSetting["default"], {
-    topo: topo
+    topo: topo,
+    getClickType: getClickType
+  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+    disabled: leftDisable,
+    size: "small",
+    placeholder: "\u591A\u4E2A\u503C",
+    className: _NodeAlignWidgetModule["default"].leftInput,
+    value: leftInputVal,
+    htmlType: "number",
+    maxLength: 5,
+    onChange: leftInputChange
+  }), /*#__PURE__*/_react["default"].createElement(_input["default"], {
+    disabled: rightDisable,
+    size: "small",
+    placeholder: "\u591A\u4E2A\u503C",
+    className: _NodeAlignWidgetModule["default"].rightInput,
+    value: rightInputVal,
+    htmlType: "number",
+    maxLength: 5,
+    onChange: rightInputChange
   }))));
 }
 

package/lib/core/editor/components/Toolbar/widgets/NodeAlignWidget.module.scss

@@ -0,0 +1,12 @@
+.leftInput{
+  background: url('/img/topo/editor/toolbar/对齐/Disable.svg')no-repeat 5px center;
+  background-position: right center;
+  width: 100px;
+  margin-right: 10px;
+  margin-left: 5px;
+}
+.rightInput{
+  width: 100px;
+  background: url('/img/topo/editor/toolbar/对齐/Disable.svg')no-repeat 5px center;
+  background-position: right center;
+}

package/lib/core/editor/components/settings/common/AlignSetting/index.js

@@ -12,16 +12,19 @@ var _htElementUtils = require("../../../../../../utils/htElementUtils");
 var _AlignTypeList = _interopRequireDefault(require("./AlignTypeList"));
 
 function AlignSetting(props) {
-  var topo = props.topo;
+  var topo = props.topo,
+      getClickType = props.getClickType;
 
   var alignOnChange = function alignOnChange(type) {
+    getClickType(type);
     topo.historyManager.beginTransaction();
     var selection = topo.getHtTopo().getGraphView().getSelectionModel().getSelection().toArray();
     var nodes = selection.filter(function (ele) {
       return !(0, _htElementUtils.isLayer)(ele) && !(0, _htElementUtils.isEdge)(ele);
     }); // console.info("element--selectList", element, selectList);
 
-    topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(type, nodes);
+    topo.view.topoClient.htTopoClient.setAlignmentBySelectionNodes(type, nodes); // topo.view.topoClient.htTopoClient.setElementsSpace(nodes,'h',300)
+
     topo.historyManager.endTransaction();
   };
 

package/lib/core/models/TopoApp.js

@@ -52,7 +52,7 @@ var _ElementTagTipConfig = _interopRequireDefault(require("./tagstips/ElementTag
 var _SelectionManager = _interopRequireDefault(require("./SelectionManager"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "6.0.0-alpha.27" === 'string' ? "6.0.0-alpha.27" : null;
+var version = typeof "6.0.0-alpha.28" === 'string' ? "6.0.0-alpha.28" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@riil-frontend/component-topology",
-  "version": "6.0.0-alpha.27",
+  "version": "6.0.0-alpha.28",
   "description": "拓扑",
   "scripts": {
     "start": "build-scripts start",
@@ -115,6 +115,6 @@
     "access": "public"
   },
   "license": "MIT",
-  "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.0-alpha.27/build/index.html",
+  "homepage": "https://unpkg.com/@riil-frontend/component-topology@6.0.0-alpha.28/build/index.html",
   "gitHead": "2da19ffccbb7ca60a8acf396e39f542c68bb33f5"
 }