@riil-frontend/component-topology 12.1.2 → 13.0.0-dev.10

package/lib/components/ColorPanel/index.js

@@ -7,8 +7,12 @@ exports["default"] = void 0;
 
 var _balloon = _interopRequireDefault(require("@alifd/next/lib/balloon"));
 
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
 var _react = _interopRequireWildcard(require("react"));
 
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _classnames4 = _interopRequireDefault(require("classnames"));
 
 var _color = _interopRequireDefault(require("color"));
@@ -26,7 +30,58 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 /* eslint-disable eqeqeq */
 
 /* eslint-disable jsx-a11y/alt-text */
-
+var defaultColorList = [{
+  color: 'rgba(255, 255, 255, 1)',
+  borderColor: 'rgba(219, 219, 219, 1)'
+}, {
+  color: 'rgba(245, 245, 245, 1)',
+  borderColor: 'rgba(208, 208, 208, 1)'
+}, {
+  color: 'rgba(230, 230, 230, 1)',
+  borderColor: 'rgba(196, 196, 196, 1)'
+}, {
+  color: 'rgba(168, 168, 168, 1)',
+  borderColor: 'rgba(146, 146, 146, 1)'
+}, {
+  color: 'rgba(97, 97, 97, 1)',
+  borderColor: 'rgba(85, 85, 85, 1)'
+}, {
+  color: 'rgba(49, 49, 49, 1)',
+  borderColor: 'rgba(43, 43, 43, 1)'
+}, {
+  color: 'rgba(251, 115, 80, 1)',
+  borderColor: 'rgba(213, 98, 69, 1)'
+}, {
+  color: 'rgba(255, 166, 41, 1)',
+  borderColor: 'rgba(219, 144, 45, 1)'
+}, {
+  color: 'rgba(255, 205, 42, 1)',
+  borderColor: 'rgba(216, 175, 37, 1)'
+}, {
+  color: 'rgba(18, 174, 92, 1)',
+  borderColor: 'rgba(23, 148, 79, 1)'
+}, {
+  color: 'rgba(83, 184, 255, 1)',
+  borderColor: 'rgba(74, 156, 217, 1)'
+}, {
+  color: 'rgba(183, 128, 255, 1)',
+  borderColor: 'rgba(155, 109, 216, 1)'
+}, {
+  color: 'rgba(254, 192, 174, 1)',
+  borderColor: 'rgba(217, 163, 148, 1)'
+}, {
+  color: 'rgba(252, 209, 156, 1)',
+  borderColor: 'rgba(215, 178, 133, 1)'
+}, {
+  color: 'rgba(255, 232, 163, 1)',
+  borderColor: 'rgba(217, 198, 139, 1)'
+}, {
+  color: 'rgba(176, 244, 197, 1)',
+  borderColor: 'rgba(153, 209, 171, 1)'
+}, {
+  color: 'rgba(189, 227, 255, 1)',
+  borderColor: 'rgba(161, 193, 217, 1)'
+}];
 /**
  * 颜色选择
  *
@@ -34,12 +89,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
  * @return {*}
  * @constructor
  */
+
 function ColorPanel(props) {
   var _classnames2, _classnames3;
 
   var value = props.value,
       showClear = props.showClear,
-      dataSource = props.dataSource,
+      _props$dataSource = props.dataSource,
+      dataSource = _props$dataSource === void 0 ? defaultColorList : _props$dataSource,
+      colorPickerBalloonProps = props.colorPickerBalloonProps,
       onChange = props.onChange,
       onPickerFocus = props.onPickerFocus,
       onPickerBlur = props.onPickerBlur;
@@ -187,9 +245,7 @@ function ColorPanel(props) {
     onClick: function onClick() {
       changClick('17');
     }
-  }, /*#__PURE__*/_react["default"].createElement(_balloon["default"], {
-    visible: visible,
-    trigger: defaultTrigger,
+  }, /*#__PURE__*/_react["default"].createElement(_balloon["default"], (0, _extends2["default"])({
     closable: false,
     triggerType: "click",
     animation: false,
@@ -198,9 +254,12 @@ function ColorPanel(props) {
     alignEdge: true,
     style: {
       paddingBottom: 0
-    },
+    }
+  }, colorPickerBalloonProps, {
+    visible: visible,
+    trigger: defaultTrigger,
     onClose: close
-  }, /*#__PURE__*/_react["default"].createElement(_reactColor.SketchPicker, {
+  }), /*#__PURE__*/_react["default"].createElement(_reactColor.SketchPicker, {
     color: data !== null && data !== void 0 ? data : undefined // width={230}
     ,
     disableAlpha: true,
@@ -216,61 +275,14 @@ function ColorPanel(props) {
   }))))));
 }
 
+ColorPanel.propTypes = {
+  dataSource: _propTypes["default"].array
+};
 ColorPanel.defaultProps = {
   value: undefined,
   showClear: false,
-  dataSource: [{
-    color: 'rgba(255, 255, 255, 1)',
-    borderColor: 'rgba(219, 219, 219, 1)'
-  }, {
-    color: 'rgba(245, 245, 245, 1)',
-    borderColor: 'rgba(208, 208, 208, 1)'
-  }, {
-    color: 'rgba(230, 230, 230, 1)',
-    borderColor: 'rgba(196, 196, 196, 1)'
-  }, {
-    color: 'rgba(168, 168, 168, 1)',
-    borderColor: 'rgba(146, 146, 146, 1)'
-  }, {
-    color: 'rgba(97, 97, 97, 1)',
-    borderColor: 'rgba(85, 85, 85, 1)'
-  }, {
-    color: 'rgba(49, 49, 49, 1)',
-    borderColor: 'rgba(43, 43, 43, 1)'
-  }, {
-    color: 'rgba(251, 115, 80, 1)',
-    borderColor: 'rgba(213, 98, 69, 1)'
-  }, {
-    color: 'rgba(255, 166, 41, 1)',
-    borderColor: 'rgba(219, 144, 45, 1)'
-  }, {
-    color: 'rgba(255, 205, 42, 1)',
-    borderColor: 'rgba(216, 175, 37, 1)'
-  }, {
-    color: 'rgba(18, 174, 92, 1)',
-    borderColor: 'rgba(23, 148, 79, 1)'
-  }, {
-    color: 'rgba(83, 184, 255, 1)',
-    borderColor: 'rgba(74, 156, 217, 1)'
-  }, {
-    color: 'rgba(183, 128, 255, 1)',
-    borderColor: 'rgba(155, 109, 216, 1)'
-  }, {
-    color: 'rgba(254, 192, 174, 1)',
-    borderColor: 'rgba(217, 163, 148, 1)'
-  }, {
-    color: 'rgba(252, 209, 156, 1)',
-    borderColor: 'rgba(215, 178, 133, 1)'
-  }, {
-    color: 'rgba(255, 232, 163, 1)',
-    borderColor: 'rgba(217, 198, 139, 1)'
-  }, {
-    color: 'rgba(176, 244, 197, 1)',
-    borderColor: 'rgba(153, 209, 171, 1)'
-  }, {
-    color: 'rgba(189, 227, 255, 1)',
-    borderColor: 'rgba(161, 193, 217, 1)'
-  }],
+  dataSource: defaultColorList,
+  colorPickerBalloonProps: {},
   onChange: function onChange() {},
   onPickerFocus: function onPickerFocus() {},
   onPickerBlur: function onPickerBlur() {}

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

@@ -11,16 +11,10 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _DropdownButton = _interopRequireDefault(require("./components/DropdownButton"));
+var _FontColorDropdown = _interopRequireDefault(require("./components/FontColorDropdown"));
 
 var _WidgetBox = _interopRequireDefault(require("./WidgetBox"));
 
-var _ColorPanel = _interopRequireDefault(require("../../../../../components/ColorPanel"));
-
-var _FontColorRange = _interopRequireDefault(require("../../../../../components/ColorPanel/components/FontColorRange"));
-
-var _FontColorButtonModule = _interopRequireDefault(require("./FontColorButton.module.scss"));
-
 var _textStyleSettingRouter = _interopRequireDefault(require("./components/textStyleSetting/textStyleSettingRouter.js"));
 
 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); }
@@ -28,26 +22,16 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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; }
 
 /* eslint-disable jsx-a11y/alt-text */
-function FontColorDropdown(props) {
-  var color = props.color,
-      onChange = props.onChange,
+function FontColorButton(props) {
+  var showLabel = props.showLabel,
       topo = props.topo,
-      opacity = props.opacity,
-      background = props.background,
+      style = props.style,
       setStyle = props.setStyle,
-      _props$fieldDisabled = props.fieldDisabled,
-      fieldDisabled = _props$fieldDisabled === void 0 ? {} : _props$fieldDisabled;
-
-  var _useState = (0, _react.useState)(false),
-      disabled = _useState[0],
-      setDisabled = _useState[1];
-
-  var backgroundEnabled = fieldDisabled.background !== true;
-  var opacityEnabled = fieldDisabled.opacity !== true;
+      fieldDisabled = props.fieldDisabled;
 
   var backOpacityChange = function backOpacityChange(value) {
     topo.historyManager.beginTransaction();
-    onChange({
+    setStyle({
       opacity: (value / 100).toFixed(2) * 1
     });
     topo.historyManager.endTransaction();
@@ -129,84 +113,16 @@ function FontColorDropdown(props) {
     };
   }();
 
-  var onFocus = function onFocus() {// topo.historyManager.beginTransaction();
-  };
-
-  var onBlur = function onBlur() {// topo.historyManager.endTransaction();
-  };
-
-  var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
-    src: "/img/topo/editor/toolbar/\u6587\u5B57\u989C\u8272\u53CA\u586B\u5145/Disable.svg",
-    alt: ""
-  }) : /*#__PURE__*/_react["default"].createElement("img", {
-    src: "/img/topo/editor/toolbar/\u6587\u5B57\u989C\u8272\u53CA\u586B\u5145/Normal.svg",
-    alt: ""
-  });
-  return /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
-    disabled: disabled,
-    trigger: icon
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _FontColorButtonModule["default"].content
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: _FontColorButtonModule["default"].fontColor
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u5B57\u4F53\u989C\u8272"), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      marginTop: '10px',
-      marginLeft: '-4px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_ColorPanel["default"], {
-    value: color,
-    onChange: colorChang,
-    onPickerFocus: onFocus,
-    onPickerBlur: onBlur
-  }))), (backgroundEnabled || opacityEnabled) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: _FontColorButtonModule["default"].backgroundColor
-  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u80CC\u666F\u586B\u5145"), /*#__PURE__*/_react["default"].createElement("div", {
-    className: _FontColorButtonModule["default"].backOpacity
-  }, /*#__PURE__*/_react["default"].createElement("img", {
-    src: "/img/topo/editor/toolbar/\u80CC\u666F\u586B\u5145\u53CA\u8FB9\u6846/\u80CC\u666F\u586B\u5145.svg"
-  }), /*#__PURE__*/_react["default"].createElement(_FontColorRange["default"], {
-    max: 100,
-    min: 0,
-    unit: "%",
-    list: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
-    onChange: backOpacityChange,
-    defaultValue: opacity === undefined ? opacity : Math.round(opacity * 100) // disabled={!background}
-
-  })), /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      marginTop: '10px',
-      marginLeft: '-4px',
-      marginBottom: '3px'
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_ColorPanel["default"], {
-    showClear: true,
-    value: background,
-    onChange: backgroundChang,
-    onPickerFocus: onFocus,
-    onPickerBlur: onBlur
-  })))));
-}
-
-function FontColorButton(props) {
-  var showLabel = props.showLabel,
-      topo = props.topo,
-      style = props.style,
-      setStyle = props.setStyle,
-      fieldDisabled = props.fieldDisabled;
   return /*#__PURE__*/_react["default"].createElement(_WidgetBox["default"], {
     label: "\u6587\u5B57\u989C\u8272",
     tooltip: "\u6587\u5B57\u989C\u8272",
     showLabel: showLabel
-  }, /*#__PURE__*/_react["default"].createElement(FontColorDropdown, {
-    color: style.color,
-    background: style.background,
-    opacity: style.opacity,
+  }, /*#__PURE__*/_react["default"].createElement(_FontColorDropdown["default"], {
+    value: style,
     fieldDisabled: fieldDisabled,
-    setStyle: setStyle,
-    onChange: function onChange(val) {
-      setStyle(val);
-    },
+    onColorChange: colorChang,
+    onBackgroundChange: backgroundChang,
+    onOpacityChange: backOpacityChange,
     topo: topo
   }));
 }

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

@@ -0,0 +1,136 @@
+"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 _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DropdownButton = _interopRequireDefault(require("./DropdownButton"));
+
+var _ColorPanel = _interopRequireDefault(require("../../../../../../components/ColorPanel"));
+
+var _FontColorRange = _interopRequireDefault(require("../../../../../../components/ColorPanel/components/FontColorRange"));
+
+var _FontColorDropdownModule = _interopRequireDefault(require("./FontColorDropdown.module.scss"));
+
+var _excluded = ["topo", "value", "onChange", "fieldDisabled"];
+
+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 FontColorDropdown(props) {
+  var color = props.color,
+      opacity = props.opacity,
+      background = props.background,
+      _props$fieldDisabled = props.fieldDisabled,
+      fieldDisabled = _props$fieldDisabled === void 0 ? {} : _props$fieldDisabled,
+      colorPickerBalloonProps = props.colorPickerBalloonProps,
+      backgroundPickerBalloonProps = props.backgroundPickerBalloonProps,
+      onChange = props.onChange,
+      onColorChange = props.onColorChange,
+      onBackgroundChange = props.onBackgroundChange,
+      onOpacityChange = props.onOpacityChange;
+
+  var _useState = (0, _react.useState)(false),
+      disabled = _useState[0],
+      setDisabled = _useState[1];
+
+  var backgroundEnabled = fieldDisabled.background !== true;
+  var opacityEnabled = fieldDisabled.opacity !== true;
+
+  var onFocus = function onFocus() {};
+
+  var onBlur = function onBlur() {};
+
+  var icon = disabled ? /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/\u6587\u5B57\u989C\u8272\u53CA\u586B\u5145/Disable.svg",
+    alt: ""
+  }) : /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/\u6587\u5B57\u989C\u8272\u53CA\u586B\u5145/Normal.svg",
+    alt: ""
+  });
+  return /*#__PURE__*/_react["default"].createElement(_DropdownButton["default"], {
+    disabled: disabled,
+    trigger: icon
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _FontColorDropdownModule["default"].content
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: _FontColorDropdownModule["default"].fontColor
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u5B57\u4F53\u989C\u8272"), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: '10px',
+      marginLeft: '-4px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_ColorPanel["default"], {
+    value: color,
+    colorPickerBalloonProps: colorPickerBalloonProps,
+    onChange: onColorChange,
+    onPickerFocus: onFocus,
+    onPickerBlur: onBlur
+  }))), (backgroundEnabled || opacityEnabled) && /*#__PURE__*/_react["default"].createElement("div", {
+    className: _FontColorDropdownModule["default"].backgroundColor
+  }, /*#__PURE__*/_react["default"].createElement("span", null, "\u80CC\u666F\u586B\u5145"), /*#__PURE__*/_react["default"].createElement("div", {
+    className: _FontColorDropdownModule["default"].backOpacity
+  }, /*#__PURE__*/_react["default"].createElement("img", {
+    src: "/img/topo/editor/toolbar/\u80CC\u666F\u586B\u5145\u53CA\u8FB9\u6846/\u80CC\u666F\u586B\u5145.svg"
+  }), /*#__PURE__*/_react["default"].createElement(_FontColorRange["default"], {
+    max: 100,
+    min: 0,
+    unit: "%",
+    list: [0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100],
+    onChange: onOpacityChange,
+    defaultValue: opacity === undefined ? opacity : Math.round(opacity * 100) // disabled={!background}
+
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    style: {
+      marginTop: '10px',
+      marginLeft: '-4px',
+      marginBottom: '3px'
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_ColorPanel["default"], {
+    showClear: true,
+    value: background,
+    colorPickerBalloonProps: backgroundPickerBalloonProps,
+    onChange: onBackgroundChange,
+    onPickerFocus: onFocus,
+    onPickerBlur: onBlur
+  })))));
+}
+/**
+ * 
+ * @param {*} props 
+ * @param {{color, background, opacity}} props.value
+ * @returns 
+ */
+
+
+function FontColorD(props) {
+  var topo = props.topo,
+      value = props.value,
+      onChange = props.onChange,
+      fieldDisabled = props.fieldDisabled,
+      otherProps = (0, _objectWithoutPropertiesLoose2["default"])(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(FontColorDropdown, (0, _extends2["default"])({}, otherProps, {
+    color: value.color,
+    background: value.background,
+    opacity: value.opacity,
+    fieldDisabled: fieldDisabled,
+    setStyle: onChange,
+    onChange: onChange,
+    topo: topo
+  }));
+}
+
+_ColorPanel["default"].defaultProps = {
+  colorPickerBalloonProps: {},
+  backgroundPickerBalloonProps: {}
+};
+var _default = FontColorD;
+exports["default"] = _default;

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

@@ -43,7 +43,25 @@ function FontStyleSelect(props) {
       disabled = props.disabled,
       onChange = props.onChange,
       _props$fieldDisabled = props.fieldDisabled,
-      fieldDisabled = _props$fieldDisabled === void 0 ? {} : _props$fieldDisabled;
+      fieldDisabled = _props$fieldDisabled === void 0 ? {} : _props$fieldDisabled,
+      hideItemTootip = props.hideItemTootip;
+
+  var renderMenuItemContent = function renderMenuItemContent(item) {
+    return /*#__PURE__*/_react["default"].createElement("div", {
+      style: {
+        display: 'flex',
+        alignItems: 'center'
+      }
+    }, /*#__PURE__*/_react["default"].createElement("img", {
+      src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
+      alt: ""
+    }), /*#__PURE__*/_react["default"].createElement("span", {
+      style: fieldDisabled[item.key] ? {} : {
+        color: _variables["default"]['$color-text1-4']
+      }
+    }, item.label));
+  };
+
   return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"], {
     value: value,
     valueRender: function valueRender() {
@@ -59,20 +77,8 @@ function FontStyleSelect(props) {
     return /*#__PURE__*/_react["default"].createElement(_DropdownMenu["default"].Item, {
       key: item.key,
       disabled: !!fieldDisabled[item.key]
-    }, /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
-      trigger: /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex',
-          alignItems: 'center'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("img", {
-        src: "/img/topo/editor/toolbar/" + item.icon + "/" + (fieldDisabled[item.key] ? 'Disable' : 'Normal') + ".svg",
-        alt: ""
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        style: fieldDisabled[item.key] ? {} : {
-          color: _variables["default"]['$color-text1-4']
-        }
-      }, item.label)),
+    }, hideItemTootip ? renderMenuItemContent(item) : /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], {
+      trigger: renderMenuItemContent(item),
       align: "r",
       popupStyle: {}
     }, item.tooltip));

package/lib/core/hooks/useResourceConfig.js

@@ -55,8 +55,7 @@ function _default(props) {
     var config = getConfigFromHt();
     return {
       resources: config.resources,
-      groups: config.groups,
-      relateTopoIdList: config.relateTopoIdList
+      groups: config.groups
     };
   };
 

package/lib/core/hooks/useTopoEdit.js

@@ -1171,7 +1171,8 @@ var useTopoEdit = function useTopoEdit(params) {
      */
     onSaveTopo: onSaveTopo,
     getResourceConfigFromHt: resourceConfig.getConfigFromHt,
-    onLayerAdded: onLayerAdded
+    onLayerAdded: onLayerAdded,
+    findUNExistedLinkElements: findUNExistedLinkElements
   };
 };
 

package/lib/core/models/TopoApp.js

@@ -54,7 +54,7 @@ var _SelectionModel = _interopRequireDefault(require("./SelectionModel"));
 var _CiCache = _interopRequireDefault(require("./cache/CiCache"));
 
 // eslint-disable-next-line no-undef
-var version = typeof "12.1.2" === 'string' ? "12.1.2" : null;
+var version = typeof "13.0.0-dev.10" === 'string' ? "13.0.0-dev.10" : null;
 console.info("\u62D3\u6251\u7248\u672C: " + version);
 /**
  * 拓扑显示和编辑

package/lib/core/models/topoData.js

@@ -57,11 +57,11 @@ function saveTopo(_x) {
 
 function _saveTopo() {
   _saveTopo = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(data) {
-    var topoService, topoId, template, layout, backgroundId, globalConfig, serialize, resources, groups, relateTopoIdList, viewGroupId, groupInfo, viewResources;
+    var topoService, topoId, template, layout, backgroundId, globalConfig, serialize, resources, groups, viewGroupId, groupInfo, viewResources;
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          topoService = data.topoService, topoId = data.id, template = data.template, layout = data.layout, backgroundId = data.backgroundId, globalConfig = data.globalConfig, serialize = data.serialize, resources = data.resources, groups = data.groups, relateTopoIdList = data.relateTopoIdList, viewGroupId = data.viewGroupId;
+          topoService = data.topoService, topoId = data.id, template = data.template, layout = data.layout, backgroundId = data.backgroundId, globalConfig = data.globalConfig, serialize = data.serialize, resources = data.resources, groups = data.groups, viewGroupId = data.viewGroupId;
 
           _rlog["default"].debug("saveTopo", data); // 保存布局
 
@@ -116,8 +116,7 @@ function _saveTopo() {
 
           _context.next = 15;
           return topoService.bindResourceToTopo(topoId, {
-            groups: groupInfo,
-            relateTopoIdList: relateTopoIdList
+            groups: groupInfo
           });
 
         case 15: