@riil-frontend/component-topology 5.0.18 → 6.0.0-alpha.2

package/lib/core/editor/components/Sidebar/views/LinkPanel.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _rlog = _interopRequireDefault(require("@riil-frontend/component-topology-utils/es/rlog"));
+
+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 
+ * @returns 
+ */
+function LinkPanel(props) {
+  var topo = props.topo; // 组件
+
+  var viewRef = (0, _react.useRef)(null); // div容器
+
+  var divRef = (0, _react.useRef)();
+  (0, _react.useEffect)(function () {
+    // 初始化
+    var htTopo = topo.getHtTopo();
+    var container = divRef.current;
+
+    try {
+      viewRef.current = htTopo.createLinkPalette(container);
+    } catch (error) {
+      _rlog["default"].error('初始化资源面板失败', error);
+    } // 注销组件
+
+
+    return function () {
+      if (viewRef.current) {
+        viewRef.current.destroy();
+        viewRef.current = null;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    ref: divRef,
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  });
+}
+
+var _default = LinkPanel;
+exports["default"] = _default;

package/lib/{networkTopo/components/viewer/titlebar/MoreButtonMenu.js → core/editor/components/Toolbar/EditorToolbar.js}

@@ -3,48 +3,55 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
-exports["default"] = MoreButtonMenu;
-
-var _dropdown = _interopRequireDefault(require("@alifd/next/lib/dropdown"));
-
-var _menu = _interopRequireDefault(require("@alifd/next/lib/menu"));
+exports["default"] = void 0;
 
 var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
 
-var _icon = _interopRequireDefault(require("@alifd/next/lib/icon"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _useSetDefaultTopo = _interopRequireDefault(require("./useSetDefaultTopo"));
+var _buttons = _interopRequireDefault(require("./buttons"));
+
+var _Toolbar = _interopRequireDefault(require("./Toolbar"));
 
-var _exportData = _interopRequireDefault(require("../../../utils/exportData"));
+var _ToolbarModule = _interopRequireDefault(require("./Toolbar.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; }
 
-function MoreButtonMenu(props) {
-  var topo = props.topo,
-      style = props.style;
-  var setDefaultTopo = (0, _useSetDefaultTopo["default"])({
-    topo: topo
-  });
+function EditorToolbar(props) {
+  var _useState = (0, _react.useState)(true),
+      showLabel = _useState[0],
+      setShowLabel = _useState[1];
+
   return /*#__PURE__*/_react["default"].createElement("div", {
-    style: style
-  }, /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
-    trigger: /*#__PURE__*/_react["default"].createElement(_button["default"], {
-      title: "\u66F4\u591A"
-    }, /*#__PURE__*/_react["default"].createElement(_icon["default"], {
-      type: "ellipsis-vertical"
-    })),
-    triggerType: "click"
-  }, /*#__PURE__*/_react["default"].createElement(_menu["default"], null, setDefaultTopo.renderMenuItem(), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, {
+    className: _ToolbarModule["default"].toolbarContainer
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ToolbarModule["default"].content
+  }, /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], null, _buttons["default"].map(function (ToolbarButton, index) {
+    return /*#__PURE__*/_react["default"].createElement(ToolbarButton, (0, _extends2["default"])({
+      key: index
+    }, props, {
+      showLabel: showLabel
+    }));
+  }))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: _ToolbarModule["default"].right
+  }, /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    type: "normal",
+    text: true,
     onClick: function onClick() {
-      (0, _exportData["default"])(topo);
+      setShowLabel(!showLabel);
     }
-  }, "\u5BFC\u51FA\u6570\u636E"), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, {
-    onClick: function onClick() {
-      topo.exportImage();
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: showLabel ? '/img/topo/editor/toolbar/ToolbarNarrowed/Normal.svg' : '/img/topo/editor/toolbar/ToolbbbarExpand/Normal.svg',
+    alt: "",
+    style: {
+      verticalAlign: 'middle'
     }
-  }, "\u5BFC\u51FA\u62D3\u6251\u56FE"))));
-}
+  }))));
+}
+
+var _default = EditorToolbar;
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,21 @@
+.toolbarContainer {
+  height: 54px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.content {
+  flex: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.widgets {
+  display: flex;
+}
+
+.right {
+  padding-right: 12px;
+}

package/lib/core/editor/components/Toolbar/buttons.js

@@ -0,0 +1,62 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _AddResourceButton = _interopRequireDefault(require("./widgets/AddResourceButton"));
+
+var _CanvasMoveWidget = _interopRequireDefault(require("./widgets/CanvasMoveWidget"));
+
+var _CanvasSelectWidget = _interopRequireDefault(require("./widgets/CanvasSelectWidget"));
+
+var _Divider = _interopRequireDefault(require("./widgets/Divider"));
+
+var _FontFamilyWidget = _interopRequireDefault(require("./widgets/FontFamilyWidget"));
+
+var _FontSizeWidget = _interopRequireDefault(require("./widgets/FontSizeWidget"));
+
+var _FontStyleButton = _interopRequireDefault(require("./widgets/FontStyleButton"));
+
+var _FontColorButton = _interopRequireDefault(require("./widgets/FontColorButton"));
+
+var _Layout = _interopRequireDefault(require("./widgets/Layout"));
+
+var _NodeAlignWidget = _interopRequireDefault(require("./widgets/NodeAlignWidget"));
+
+var _SearchWidget = _interopRequireDefault(require("./widgets/SearchWidget"));
+
+var _HistoryUndoButton = _interopRequireDefault(require("./widgets/HistoryUndoButton"));
+
+var _HistoryRedoButton = _interopRequireDefault(require("./widgets/HistoryRedoButton"));
+
+var _EdgeTypeButton = _interopRequireDefault(require("./widgets/EdgeTypeButton"));
+
+var _BoxBackgroundButton = _interopRequireDefault(require("./widgets/BoxBackgroundButton"));
+
+var _EdgeColorButton = _interopRequireDefault(require("./widgets/EdgeColorButton"));
+
+var _NodeImageButton = _interopRequireDefault(require("./widgets/NodeImageButton"));
+
+var _NodeSizeButton = _interopRequireDefault(require("./widgets/NodeSizeButton"));
+
+var _default = [_AddResourceButton["default"], // 添加资源
+_Divider["default"], _CanvasSelectWidget["default"], // 选择
+_CanvasMoveWidget["default"], // 移动
+_Divider["default"], _HistoryUndoButton["default"], // 撤销
+_HistoryRedoButton["default"], // 恢复
+_Divider["default"], _FontFamilyWidget["default"], // 字体
+_FontSizeWidget["default"], // 字号
+_FontStyleButton["default"], // 文字样式
+_FontColorButton["default"], // 文字颜色
+_Divider["default"], _BoxBackgroundButton["default"], // 框背景
+_Divider["default"], _EdgeColorButton["default"], // 线条颜色
+_EdgeTypeButton["default"], // 线形
+_Divider["default"], _NodeImageButton["default"], // 替换图片
+_NodeSizeButton["default"], // 图片尺寸
+_Divider["default"], _Layout["default"], // 布局方式
+_NodeAlignWidget["default"], // 对齐方式
+_SearchWidget["default"] // 搜索
+];
+exports["default"] = _default;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
+
+var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
+function AddResourceButton(props) {
+  var showLabel = props.showLabel,
+      topo = props.topo,
+      topoEdit = props.topoEdit;
+  return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
+    label: "\u6DFB\u52A0\u8D44\u6E90",
+    tooltip: "\u6DFB\u52A0\u8D44\u6E90",
+    showLabel: showLabel
+  }, /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], {
+    onClick: function onClick() {
+      topoEdit.showGlobalAddResourceDrawer();
+    }
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/add/Normal.svg",
+    alt: ""
+  })));
+}
+
+var _default = AddResourceButton;
+exports["default"] = _default;

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
+
+var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
+function AddResourceWidget(props) {
+  var showLabel = props.showLabel;
+  return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
+    label: "\u6DFB\u52A0\u8D44\u6E90",
+    tooltip: "\u6DFB\u52A0\u8D44\u6E90",
+    showLabel: showLabel
+  }, /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/add/Normal.svg",
+    alt: ""
+  })));
+}
+
+var _default = AddResourceWidget;
+exports["default"] = _default;

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DropdownButton = _interopRequireDefault(require("../components/DropdownButton"));
+
+var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
+
+var _BoxBackgroundSetting = _interopRequireDefault(require("./BoxBackgroundSetting"));
+
+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); }
+
+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 
+ * @returns 
+ */
+function BoxBackgroundButton(props) {
+  var topo = props.topo,
+      showLabel = props.showLabel,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+
+  var _useState = (0, _react.useState)(true),
+      disabled = _useState[0],
+      setDisabled = _useState[1]; // 选中的元素
+
+
+  var selection = topo.selectionManager.useSelection();
+  (0, _react.useEffect)(function () {
+    setDisabled(false);
+  }, [selection]);
+  var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/\u80CC\u666F\u586B\u5145\u53CA\u8FB9\u6846/Disable.svg",
+    alt: ""
+  }) : /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/\u80CC\u666F\u586B\u5145\u53CA\u8FB9\u6846/Normal.svg",
+    alt: ""
+  });
+  return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
+    label: "\u6846\u80CC\u666F",
+    tooltip: "\u6846\u80CC\u666F",
+    showLabel: showLabel
+  }, /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
+    disabled: disabled,
+    trigger: icon
+  }, /*#__PURE__*/_react["default"].createElement(_BoxBackgroundSetting["default"], {
+    topo: topo
+  })));
+}
+
+var _default = BoxBackgroundButton;
+exports["default"] = _default;

package/lib/core/editor/components/Toolbar/widgets/BoxBackgroundButton/BoxBackgroundSetting.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function BoxBackgroundSetting(props) {
+  // const {  } = props
+  return /*#__PURE__*/_react["default"].createElement("div", null, "xxx");
+}
+
+var _default = BoxBackgroundSetting;
+exports["default"] = _default;

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
+var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
+
+function CanvasMoveWidget(props) {
+  var showLabel = props.showLabel;
+  return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
+    label: "\u79FB\u52A8",
+    tooltip: "\u79FB\u52A8",
+    showLabel: showLabel
+  }, /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], null, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/drag/Normal.svg",
+    alt: ""
+  })));
+}
+
+var _default = CanvasMoveWidget;
+exports["default"] = _default;

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

@@ -0,0 +1,29 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
+
+var _ButtonBox = _interopRequireDefault(require("./components/ButtonBox"));
+
+function CanvasSelectWidget(props) {
+  var showLabel = props.showLabel;
+  return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
+    label: "\u9009\u62E9",
+    tooltip: "\u9009\u62E9",
+    showLabel: showLabel
+  }, /*#__PURE__*/_react["default"].createElement(_ButtonBox["default"], {
+    active: true
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/select/Normal.svg",
+    alt: ""
+  })));
+}
+
+var _default = CanvasSelectWidget;
+exports["default"] = _default;

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

@@ -0,0 +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/Divider.module.scss

@@ -0,0 +1,6 @@
+.divider {
+  width: 1px;
+  // height: 32px;
+  background: #E4E9EE;
+  margin: 4px 6px 0 6px;
+}

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

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _dropdown = _interopRequireDefault(require("@alifd/next/lib/dropdown"));
+
+var _menu = _interopRequireDefault(require("@alifd/next/lib/menu"));
+
+var _react = _interopRequireDefault(require("react"));
+
+function Dropdown(props) {
+  var trigger = props.trigger;
+
+  var menu = /*#__PURE__*/_react["default"].createElement(_menu["default"], null, /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, null, "Option 1"), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, null, "Option 2"), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, null, "Option 3"), /*#__PURE__*/_react["default"].createElement(_menu["default"].Item, null, "Option 4"));
+
+  return /*#__PURE__*/_react["default"].createElement(_dropdown["default"], {
+    trigger: /*#__PURE__*/_react["default"].createElement("a", null, "Click me"),
+    triggerType: "click"
+  }, /*#__PURE__*/_react["default"].createElement("div", null, "111"));
+}
+
+var _default = Dropdown;
+exports["default"] = _default;

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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function Content(props) {
+  // const {  } = props
+  return /*#__PURE__*/_react["default"].createElement("div", null, "xxx");
+}
+
+var _default = Content;
+exports["default"] = _default;

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

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DropdownButton = _interopRequireDefault(require("../components/DropdownButton"));
+
+var _WidgetBox = _interopRequireDefault(require("../WidgetBox"));
+
+var _Content = _interopRequireDefault(require("./Content"));
+
+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); }
+
+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 
+ * @returns 
+ */
+function EdgeColorButton(props) {
+  var topo = props.topo,
+      showLabel = props.showLabel,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+
+  var _useState = (0, _react.useState)(true),
+      disabled = _useState[0],
+      setDisabled = _useState[1]; // 选中的元素
+
+
+  var selection = topo.selectionManager.useSelection();
+  (0, _react.useEffect)(function () {
+    setDisabled(false);
+  }, [selection]);
+  var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/\u7EBF\u6761\u586B\u5145/Disable.svg",
+    alt: ""
+  }) : /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/\u7EBF\u6761\u586B\u5145/Normal.svg",
+    alt: ""
+  });
+  return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
+    label: "\u7EBF\u6761\u989C\u8272",
+    tooltip: "\u7EBF\u6761\u989C\u8272",
+    showLabel: showLabel
+  }, /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
+    disabled: disabled,
+    trigger: icon
+  }, /*#__PURE__*/_react["default"].createElement(_Content["default"], {
+    topo: topo
+  })));
+}
+
+var _default = EdgeColorButton;
+exports["default"] = _default;

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

@@ -0,0 +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

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+function EdgeType(props) {
+  // const {  } = props
+  return /*#__PURE__*/_react["default"].createElement("div", null, "\u7EBF\u5F62\u8BBE\u7F6E");
+}
+
+var _default = EdgeType;
+exports["default"] = _default;