@riil-frontend/component-topology 2.12.4 → 2.12.6-alpha.0

package/lib/core/editor/components/settings/group/DataTab/RelateData.js

@@ -18,6 +18,7 @@ var CollapsePanel = _collapse["default"].Panel;
 function GroupRelateData(props) {
   var topo = props.topo,
       topoEditApi = props.topoEditApi,
+      group = props.group,
       values = props.values,
       editorProps = props.editorProps;
 
@@ -44,7 +45,7 @@ function GroupRelateData(props) {
       }))
     }, /*#__PURE__*/_react["default"].createElement(_GroupNodeList["default"], {
       topo: topo,
-      group: values
+      group: group
     }));
   };
 

package/lib/core/editor/components/settings/node/NodePropertyView.js

@@ -31,7 +31,7 @@ var _TopoTreeSelect = _interopRequireDefault(require("./TopoTreeSelect"));
 
 var _NodeIconSelect = _interopRequireDefault(require("./NodeIconSelect"));
 
-var _NodeRelateResourceButton = _interopRequireDefault(require("./NodeRelateResourceButton"));
+var _NodeRelateResourceButton = _interopRequireDefault(require("./data/NodeRelateResourceButton"));
 
 var _NodePropertyViewModule = _interopRequireDefault(require("./NodePropertyView.module.scss"));
 

package/lib/core/editor/components/settings/node/data/BindResourceDrawer.js

@@ -0,0 +1,79 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _message = _interopRequireDefault(require("@alifd/next/lib/message"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ResourceSelectDrawer = _interopRequireDefault(require("../../../../../../components/ResourceSelectDrawer"));
+
+/**
+ * 关联、重新关联资源
+ * @param props
+ * @return {*}
+ * @constructor
+ */
+var BindResourceDrawer = function BindResourceDrawer(props) {
+  var visible = props.visible,
+      topoEditApi = props.topoEditApi,
+      node = props.node,
+      currentResId = props.currentResId,
+      onClose = props.onClose;
+
+  var handleSave = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee(selected) {
+      return _regenerator["default"].wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (selected) {
+                _context.next = 3;
+                break;
+              }
+
+              _message["default"].error('请选择一项资源。');
+
+              return _context.abrupt("return", false);
+
+            case 3:
+              _context.next = 5;
+              return topoEditApi.bindNodeResource({
+                id: node.id,
+                newResId: selected,
+                oldResId: currentResId
+              });
+
+            case 5:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    }));
+
+    return function handleSave(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+
+  return /*#__PURE__*/_react["default"].createElement(_ResourceSelectDrawer["default"], {
+    visible: visible,
+    excludeIds: topoEditApi.resSelections,
+    selectionMode: "single",
+    onOk: handleSave,
+    onClose: onClose
+  });
+};
+
+var _default = BindResourceDrawer;
+exports["default"] = _default;

package/lib/core/editor/components/settings/node/data/NodeRelateResourceButton.js

@@ -0,0 +1,54 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+exports.__esModule = true;
+exports["default"] = NodeRelateResourceButton;
+
+var _button = _interopRequireDefault(require("@alifd/next/lib/button"));
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _BindResourceDrawer = _interopRequireDefault(require("./BindResourceDrawer"));
+
+/**
+ * @return {React.ReactNode | null}
+ */
+function NodeRelateResourceButton(props) {
+  var _node$attrObject$data;
+
+  var topo = props.topo,
+      topoEditApi = props.topoEditApi,
+      node = props.node;
+  var hide = ((_node$attrObject$data = node.attrObject.data) === null || _node$attrObject$data === void 0 ? void 0 : _node$attrObject$data.relateResource) === false;
+  var currentResId = node.tag;
+
+  var _useState = (0, _react.useState)(false),
+      visible = _useState[0],
+      setVisible = _useState[1];
+
+  return !hide ? /*#__PURE__*/_react["default"].createElement(_button["default"], {
+    type: "primary",
+    text: true,
+    onClick: function onClick() {
+      topoEditApi.openBindNodeResourceDrawer({
+        id: currentResId
+      });
+      setVisible(true);
+    }
+  }, "\u9009\u62E9\u8D44\u6E90", /*#__PURE__*/_react["default"].createElement(_BindResourceDrawer["default"], (0, _extends2["default"])({
+    visible: visible,
+    currentResId: currentResId
+  }, props, {
+    onClose: function onClose() {
+      setVisible(false);
+      setVisible(true);
+    }
+  }))) : null;
+}
+
+;

package/lib/hooks/useSelection.js

@@ -52,8 +52,8 @@ function _default(props) {
     var selectionModel = topoApp.getSelectionModel();
     var selectionArr = selectionModel.getSelection().getArray().map(function (item) {
       return getElementData(item);
-    }); // console.info('updateSelection', selectionArr);
-
+    });
+    console.info('updateSelection', selectionArr);
     setSelection(selectionArr);
   }, []);
   var initSelection = (0, _react.useCallback)(function () {
@@ -61,7 +61,7 @@ function _default(props) {
     var selectionModel = topoApp.getSelectionModel();
     updateSelection();
     selectionModel.addSelectionChangeListener(function (e) {
-      // console.info('selectionChangeListener', e);
+      console.info('selectionChangeListener', e);
       updateSelection();
     });
     dataModel.addDataPropertyChangeListener(function (e) {
@@ -72,6 +72,7 @@ function _default(props) {
         return;
       }
 
+      console.info('PropertyChangeListener', e);
       var selectionIds = selectionModel.getSelection().getArray().map(function (item) {
         return item.getId();
       });