@riil-frontend/component-topology 11.0.29 → 11.0.30

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

@@ -1,14 +1,19 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _DividerModule = _interopRequireDefault(require("./Divider.module.scss"));
+
 function Divider() {
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _DividerModule["default"].divider
   });
 }
+
 var _default = Divider;
 exports["default"] = _default;

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

@@ -1,21 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _ColorPanel = _interopRequireDefault(require("../../../../../../components/ColorPanel"));
+
 var _FontColorRange = _interopRequireDefault(require("../../../../../../components/ColorPanel/components/FontColorRange"));
+
 /* eslint-disable no-undef */
-/* eslint-disable jsx-a11y/alt-text */
 
+/* eslint-disable jsx-a11y/alt-text */
 function Content(props) {
   var topo = props.topo,
-    onChange = props.onChange,
-    onPickerFocus = props.onPickerFocus,
-    onPickerBlur = props.onPickerBlur,
-    lineSizeChange = props.lineSizeChange,
-    lineWidth = props.lineWidth;
+      onChange = props.onChange,
+      onPickerFocus = props.onPickerFocus,
+      onPickerBlur = props.onPickerBlur,
+      lineSizeChange = props.lineSizeChange,
+      lineWidth = props.lineWidth;
   return /*#__PURE__*/_react["default"].createElement("div", {
     style: {
       marginTop: '6px',
@@ -52,5 +57,6 @@ function Content(props) {
     onPickerBlur: onPickerBlur
   })));
 }
+
 var _default = Content;
 exports["default"] = _default;

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

@@ -1,16 +1,26 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _edgeTypeStyleUtil = require("../../../../utils/edgeTypeStyleUtil");
+
 var _DropdownButton = _interopRequireDefault(require("../components/DropdownButton"));
+
 var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
+
 var _Content = _interopRequireDefault(require("./Content"));
+
 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; }
+
 /**
  * 线条颜色
  * @param {*} props 
@@ -18,23 +28,29 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function EdgeColorButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel;
+      showLabel = props.showLabel;
+
   var _useState = (0, _react.useState)(true),
-    disabled = _useState[0],
-    setDisabled = _useState[1];
+      disabled = _useState[0],
+      setDisabled = _useState[1];
+
   var _useState2 = (0, _react.useState)(1),
-    lineWidth = _useState2[0],
-    setLineWidth = _useState2[1];
-  // 拓扑图是否加载
+      lineWidth = _useState2[0],
+      setLineWidth = _useState2[1]; // 拓扑图是否加载
+
+
   var _topo$store$useModelS = topo.store.useModelState('topoMod'),
-    graphLoaded = _topo$store$useModelS.graphLoaded;
-  // 选中的元素
+      graphLoaded = _topo$store$useModelS.graphLoaded; // 选中的元素
+
+
   var selection = topo.selectionModel.useHtSelection();
+
   var loopEdges = function loopEdges(edges, operateEdgeFn) {
     edges.forEach(function (edge) {
       operateEdgeFn(edge);
     });
   };
+
   var getLines = function getLines(list) {
     // eslint-disable-next-line prefer-const
     var arr = [];
@@ -46,18 +62,21 @@ function EdgeColorButton(props) {
     });
     return arr;
   };
+
   (0, _react.useEffect)(function () {
     if (graphLoaded) {
       var edges = (0, _edgeTypeStyleUtil.getEdgesBySelection)(topo);
       var list = getLines(edges);
-      setLineWidth(1);
-      // eslint-disable-next-line eqeqeq
+      setLineWidth(1); // eslint-disable-next-line eqeqeq
+
       if (selection.length == 1 && selection[0].a('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]);
+
   var colorOnChange = function colorOnChange(colors, type) {
     // eslint-disable-next-line eqeqeq
     if (type == 'select') topo.historyManager.beginTransaction();
@@ -73,17 +92,20 @@ function EdgeColorButton(props) {
           color: color
         }));
       }
-    });
-    // eslint-disable-next-line eqeqeq
+    }); // eslint-disable-next-line eqeqeq
+
     if (type == 'select') topo.historyManager.endTransaction();
   };
+
   var onPickerFocus = function onPickerFocus() {
     // topo.getHtTopo().getGraphView().dm().sm().ld()
     topo.historyManager.beginTransaction();
   };
+
   var onPickerBlur = function onPickerBlur() {
     topo.historyManager.endTransaction();
   };
+
   var lineSizeChange = function lineSizeChange(width) {
     var edges = (0, _edgeTypeStyleUtil.getEdgesBySelection)(topo);
     topo.historyManager.beginTransaction();
@@ -100,6 +122,7 @@ function EdgeColorButton(props) {
     });
     topo.historyManager.endTransaction();
   };
+
   var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
     src: "/img/topo/editor/toolbar/\u7EBF\u6761\u586B\u5145/Disable.svg",
     alt: ""
@@ -124,5 +147,6 @@ function EdgeColorButton(props) {
     lineWidth: lineWidth
   })));
 }
+
 var _default = EdgeColorButton;
 exports["default"] = _default;

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

@@ -1,8 +1,11 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _EdgeColorButton = _interopRequireDefault(require("./EdgeColorButton"));
+
 var _default = _EdgeColorButton["default"];
 exports["default"] = _default;

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

@@ -1,25 +1,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _field = _interopRequireDefault(require("@alifd/next/lib/field"));
+
 var _select = _interopRequireDefault(require("@alifd/next/lib/select"));
+
 var _form = _interopRequireDefault(require("@alifd/next/lib/form"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _edgeTypeStyleUtil = require("../../../../utils/edgeTypeStyleUtil");
+
 var _EdgeTypeModule = _interopRequireDefault(require("./EdgeType.module.scss"));
+
 var _LineType = _interopRequireDefault(require("./LineType"));
+
 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; }
+
 var FormItem = _form["default"].Item;
 var Option = _select["default"].Option;
 var START_TYPE_OPTIONS = [{
   value: 'nil',
   label: '无',
   icon: 'topo_startEndPoint_icon_nothing'
-},
-// {
+}, // {
 //   value: 'sourceNoneCircle',
 //   label: '空心圆',
 //   icon: 'topo_startPoint_icon_hollow_cricle',
@@ -37,8 +47,7 @@ var END_TYPE_OPTIONS = [{
   value: 'nil',
   label: '无',
   icon: 'topo_startEndPoint_icon_nothing'
-},
-// {
+}, // {
 //   value: 'targetNoneCircle',
 //   label: '空心圆',
 //   icon: 'topo_endPoint_icon_hollow_cricle',
@@ -69,6 +78,7 @@ var LINE_MOLD_OPTIONS = [{
   label: '虚线2',
   icon: 'topo_lineMold_dotted_two'
 }];
+
 function getValuesByEdges(topo) {
   function getStartPoint(edge) {
     var icons = edge.s('icons') || {};
@@ -76,12 +86,14 @@ function getValuesByEdges(topo) {
       return icons[name];
     })[0] || 'nil';
   }
+
   function getEndPoint(edge) {
     var icons = edge.s('icons') || {};
     return ['targetArrow', 'targetSolidCircle', 'targetNoneCircle'].filter(function (name) {
       return icons[name];
     })[0] || 'nil';
   }
+
   function getEdgesValues(edges) {
     return edges.map(function (edge) {
       return {
@@ -93,6 +105,7 @@ function getValuesByEdges(topo) {
       };
     });
   }
+
   var selectionEdges = (0, _edgeTypeStyleUtil.getEdgesBySelection)(topo);
   var edgeValues = getEdgesValues(selectionEdges);
   var values = {
@@ -109,19 +122,23 @@ function getValuesByEdges(topo) {
     var isSame = vals.filter(function (val) {
       return val === vals[0];
     }).length === vals.length;
+
     if (isSame) {
       values[name] = vals[0];
     }
   });
   return values;
 }
+
 function EdgeType(props) {
   var topo = props.topo,
-    selection = props.selection,
-    _onChange = props.onChange;
+      selection = props.selection,
+      _onChange = props.onChange;
+
   var _useState = (0, _react.useState)(false),
-    disable = _useState[0],
-    setDisable = _useState[1];
+      disable = _useState[0],
+      setDisable = _useState[1];
+
   var field = _field["default"].useField({
     autoUnmount: false,
     values: getValuesByEdges(topo),
@@ -133,6 +150,7 @@ function EdgeType(props) {
       }
     }
   });
+
   (0, _react.useEffect)(function () {
     field.setValues(getValuesByEdges(topo));
     field.setValue('baseAgreement', topo.getHtTopo().getEdgeMultarc((0, _edgeTypeStyleUtil.getEdgesBySelection)(topo)));
@@ -201,8 +219,7 @@ function EdgeType(props) {
   }, LINE_MOLD_OPTIONS.map(function (item, index) {
     return /*#__PURE__*/_react["default"].createElement(Option, {
       value: item.value,
-      key: index
-      // title={item.label}
+      key: index // title={item.label}
       ,
       onchange: _onChange
     }, /*#__PURE__*/_react["default"].createElement("img", {
@@ -212,6 +229,7 @@ function EdgeType(props) {
     }));
   })))));
 }
+
 EdgeType.defaultProps = {
   onChange: function onChange(v) {}
 };

package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/LineType.js

@@ -1,15 +1,24 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
 var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _LineTypeModule = _interopRequireDefault(require("./LineType.module.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; }
+
 var Tooltip = _balloon["default"].Tooltip;
 var LINE_TYPE_OPTIONS = [{
   value: 'boundary',
@@ -39,8 +48,7 @@ var LINE_TYPE_OPTIONS = [{
   value: 'doublearc',
   label: '双弧线',
   icon: 'topo_linear_icon_arcline'
-}
-// {
+} // {
 //   value: 'points',
 //   label: '自由线形',
 //   icon: 'topo_linear_icon_pointsline',
@@ -49,8 +57,9 @@ var LINE_TYPE_OPTIONS = [{
 
 var LineType = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
   var value = props.value,
-    onChange = props.onChange,
-    disable = props.disable;
+      onChange = props.onChange,
+      disable = props.disable;
+
   function lineButton(item) {
     if (disable) {
       return /*#__PURE__*/_react["default"].createElement(_button["default"], {
@@ -62,6 +71,7 @@ var LineType = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       }));
     } else {
       var _classNames;
+
       return /*#__PURE__*/_react["default"].createElement(_button["default"], {
         className: (0, _classnames["default"])(_LineTypeModule["default"].redioBtn, (_classNames = {}, _classNames[_LineTypeModule["default"].selected] = value === item.value, _classNames)),
         onClick: function onClick() {
@@ -74,6 +84,7 @@ var LineType = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
       }));
     }
   }
+
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: _LineTypeModule["default"].lineType
   }, LINE_TYPE_OPTIONS.map(function (item, index) {
@@ -84,6 +95,7 @@ var LineType = /*#__PURE__*/_react["default"].forwardRef(function (props, ref) {
     }, item.label);
   }));
 });
+
 LineType.displayName = 'LineType';
 var _default = LineType;
 exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/constants.js

@@ -67,16 +67,17 @@ var LINE_MOLD_MAP = {
   dottedLine: {
     lineType: 'dash',
     dashPattern: 1 // lineType为dash生效。为空默认为1。值：1/2/3
-  },
 
+  },
   dottedLine1: {
     lineType: 'dash',
     dashPattern: 3 // lineType为dash生效。为空默认为1。值：1/2/3
-  },
 
+  },
   dottedLine2: {
     lineType: 'dash',
     dashPattern: 2 // lineType为dash生效。为空默认为1。值：1/2/3
+
   }
 };
 exports.LINE_MOLD_MAP = LINE_MOLD_MAP;

package/lib/core/editor/components/Toolbar/widgets/EdgeTypeButton/index.js

@@ -1,17 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 exports.__esModule = true;
 exports["default"] = void 0;
+
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
+
 var _edgeTypeStyleUtil = require("../../../../utils/edgeTypeStyleUtil");
+
 var _DropdownButton = _interopRequireDefault(require("../components/DropdownButton"));
+
 var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
+
 var _constants = require("./constants");
+
 var _EdgeType = _interopRequireDefault(require("./EdgeType"));
+
 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; }
+
 /**
  * 线形设置
  * @param {*} props 
@@ -19,18 +30,20 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  */
 function EdgeTypeButton(props) {
   var topo = props.topo,
-    showLabel = props.showLabel,
-    editorProps = props.editorProps;
+      showLabel = props.showLabel,
+      editorProps = props.editorProps;
+
   var _useState = (0, _react.useState)(true),
-    disabled = _useState[0],
-    setDisabled = _useState[1];
-  // FIXME 临时方案支持业务拓扑禁用连线设置
-  var linkDrawShapeEnabled = editorProps.linkDrawShapeEnabled;
+      disabled = _useState[0],
+      setDisabled = _useState[1]; // FIXME 临时方案支持业务拓扑禁用连线设置
+
+
+  var linkDrawShapeEnabled = editorProps.linkDrawShapeEnabled; // 拓扑图是否加载
 
-  // 拓扑图是否加载
   var _topo$store$useModelS = topo.store.useModelState('topoMod'),
-    graphLoaded = _topo$store$useModelS.graphLoaded;
-  // 选中的元素
+      graphLoaded = _topo$store$useModelS.graphLoaded; // 选中的元素
+
+
   var selection = topo.selectionModel.useHtSelection();
   (0, _react.useEffect)(function () {
     if (graphLoaded && linkDrawShapeEnabled !== false) {
@@ -40,25 +53,29 @@ function EdgeTypeButton(props) {
       setDisabled(true);
     }
   }, [selection, graphLoaded, linkDrawShapeEnabled]);
+
   var handleChange = function handleChange(name, value) {
     var edges = (0, _edgeTypeStyleUtil.getEdgesBySelection)(topo);
     var htTopo = topo.getHtTopo();
+
     if (name === 'lineButton') {
       (0, _edgeTypeStyleUtil.setEdgesType)(edges, value, topo);
       return;
     }
+
     if (name == 'baseAgreement') {
       /** TODO: 自动调整api调用*/
       htTopo.setEdgeMultarc(edges, value);
       return;
     }
+
     (0, _edgeTypeStyleUtil.setEdgesAndChildren)(topo, edges, function (edge) {
       if (name === 'startPoint') {
         // 删除设置
         ['sourceArrow', 'sourceSolidCircle', 'sourceNoneCircle'].forEach(function (iconName) {
           return edge.removeStyleIcon(iconName);
-        });
-        // 设置
+        }); // 设置
+
         var scolor = edge.a('styles') && edge.a('styles').color || edge.getStyleMap()['edge.color'];
         edge.a('arrow.color', scolor || '#00B779');
         edge.s('icons', (0, _extends2["default"])({}, edge.s('icons')));
@@ -67,9 +84,10 @@ function EdgeTypeButton(props) {
         // 删除设置
         ['targetArrow', 'targetSolidCircle', 'targetNoneCircle'].forEach(function (iconName) {
           return edge.removeStyleIcon(iconName);
-        });
-        // 设置
+        }); // 设置
+
         var _scolor = edge.a('styles') && edge.a('styles').color || edge.getStyleMap()['edge.color'];
+
         edge.a('arrow.color', _scolor || '#00B779');
         edge.s('icons', (0, _extends2["default"])({}, edge.s('icons')));
         edge.addStyleIcon(value, _constants.EDGE_END_POINT_TYPE_MAP[value]);
@@ -77,12 +95,16 @@ function EdgeTypeButton(props) {
         // 修改实线虚线
         edge.a('lineMode', value);
         htTopo.setElementStyle(edge, _constants.LINE_MOLD_MAP[value]);
+
         if (value !== 'solid') {
           var edgeWidth = edge.s('edge.width');
+
           if (edgeWidth) {
             edge.s('edge.dash.width', edgeWidth);
           }
+
           var color = edge.s('edge.color');
+
           if (edgeWidth) {
             edge.s('edge.dash.color', color);
           }
@@ -90,6 +112,7 @@ function EdgeTypeButton(props) {
       }
     });
   };
+
   var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
     src: "/img/topo/editor/toolbar/\u7EBF\u5F62/Disable.svg",
     alt: ""
@@ -111,5 +134,6 @@ function EdgeTypeButton(props) {
     onChange: handleChange
   })));
 }
+
 var _default = EdgeTypeButton;
 exports["default"] = _default;