@next-core/editor-bricks-helper 0.38.8 → 0.39.2

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.39.2](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.39.1...@next-core/editor-bricks-helper@0.39.2) (2022-04-06)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+
+
+
+
+## [0.39.1](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.39.0...@next-core/editor-bricks-helper@0.39.1) (2022-04-01)
+
+**Note:** Version bump only for package @next-core/editor-bricks-helper
+
+
+
+
+
+# [0.39.0](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.38.8...@next-core/editor-bricks-helper@0.39.0) (2022-03-30)
+
+
+### Features
+
+* set active node ([dcac564](https://github.com/easyops-cn/next-core/commit/dcac564bef68a41cbc676a764302abdc95316832))
+
+
+
+
+
 ## [0.38.8](https://github.com/easyops-cn/next-core/compare/@next-core/editor-bricks-helper@0.38.7...@next-core/editor-bricks-helper@0.38.8) (2022-03-30)
 
 **Note:** Version bump only for package @next-core/editor-bricks-helper

package/dist/index.bundle.js

@@ -670,6 +670,7 @@
     BuilderInternalEventType["SHARED_EDITOR_LIST_CHANGE"] = "builder.sharedEditorList.change";
     BuilderInternalEventType["ROUTE_LIST_CHANGE"] = "builder.routeList.change";
     BuilderInternalEventType["HOVER_NODE_CHANGE"] = "builder.hoverNode.change";
+    BuilderInternalEventType["ACTIVE_NODE_CHANGE"] = "builder.activeNode.change";
     BuilderInternalEventType["SHOW_RELATED_NODES_BASED_ON_EVENTS"] = "builder.showRelatedNodesBasedOnEvents.change";
     BuilderInternalEventType["HIGHLIGHT_NODES_CHANGE"] = "builder.highlightNodes.change";
     BuilderInternalEventType["OUTLINE_DISABLED_NODES_CHANGE"] = "builder.outlineDisabledNodes.change";
@@ -690,6 +691,8 @@
 
       _defineProperty__default["default"](this, "hoverNodeUid", void 0);
 
+      _defineProperty__default["default"](this, "activeNodeUid", void 0);
+
       _defineProperty__default["default"](this, "sharedEditorList", void 0);
 
       _defineProperty__default["default"](this, "routeList", void 0);
@@ -1144,6 +1147,7 @@
     }
 
     nodeClick(detail) {
+      this.setActiveNodeUid(detail.$$uid);
       this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.NODE_CLICK, {
         detail
       }));
@@ -1237,6 +1241,24 @@
       };
     }
 
+    setActiveNodeUid(uid) {
+      if (this.activeNodeUid !== uid) {
+        this.activeNodeUid = uid;
+        this.eventTarget.dispatchEvent(new CustomEvent(BuilderInternalEventType.ACTIVE_NODE_CHANGE));
+      }
+    }
+
+    getActiveNodeUid() {
+      return this.activeNodeUid;
+    }
+
+    onActiveNodeChange(fn) {
+      this.eventTarget.addEventListener(BuilderInternalEventType.ACTIVE_NODE_CHANGE, fn);
+      return () => {
+        this.eventTarget.removeEventListener(BuilderInternalEventType.ACTIVE_NODE_CHANGE, fn);
+      };
+    }
+
     toggleOutline(nodeInstanceId) {
       if (this.outlineDisabledNodes.has(nodeInstanceId)) {
         this.outlineDisabledNodes.delete(nodeInstanceId);
@@ -2728,6 +2750,15 @@
     return data;
   }
 
+  function useActiveNodeUid() {
+    var manager = useBuilderDataManager();
+    var [data, setData] = React.useState(manager.getActiveNodeUid());
+    React.useEffect(() => manager.onActiveNodeChange(() => {
+      setData(manager.getActiveNodeUid());
+    }), [manager]);
+    return data;
+  }
+
   function useOutlineEnabled(nodeInstanceId, inapplicable) {
     var manager = useBuilderDataManager();
     var [enabled, setEnabled] = React.useState(inapplicable ? false : manager.isOutlineEnabled(nodeInstanceId));
@@ -2764,6 +2795,7 @@
   exports.EditorElementFactory = EditorElementFactory;
   exports.SlotContainer = SlotContainer;
   exports.getSortedIdsAfterDropped = getSortedIdsAfterDropped;
+  exports.useActiveNodeUid = useActiveNodeUid;
   exports.useBuilderContextMenuStatus = useBuilderContextMenuStatus;
   exports.useBuilderData = useBuilderData;
   exports.useBuilderDataManager = useBuilderDataManager;