@lvce-editor/main-area-worker 9.64.1 → 9.64.2

package/dist/mainAreaWorkerMain.js

@@ -3872,6 +3872,7 @@ const HandleTabKeyDown = 29;
 const HandleTabsWheel = 30;
 const HandleTabDragOver = 31;
 const HandleTabsDragOver = 32;
+const HandleFocus = 33;
 
 const dragOverlayVirtualDom = {
   childCount: 0,
@@ -4522,6 +4523,7 @@ const renderEmptyEditorGroup = (group, groupIndex, closeButtonEnabled = true) =>
     className: mergeClassNames(EditorGroupEmpty, getEditorGroupClassName(group.id)),
     'data-groupId': String(group.id),
     onContextMenu: HandleContextMenu,
+    onFocus: HandleFocus,
     tabIndex: Focusable,
     type: Div
   }, ...closeButtonDom, ...renderWaterMark(group.id)];
@@ -4755,11 +4757,42 @@ const getMenuIds = () => {
   return [Main$1, Tab];
 };
 
+const focusEditorGroup = (state, groupId) => {
+  const {
+    layout
+  } = state;
+  const {
+    groups
+  } = layout;
+  const updatedGroups = groups.map(group => ({
+    ...group,
+    focused: group.id === groupId
+  }));
+  return {
+    ...state,
+    layout: {
+      ...layout,
+      activeGroupId: groupId,
+      groups: updatedGroups
+    }
+  };
+};
+
+const parseRawGroupId = rawGroupId => {
+  if (!rawGroupId) {
+    return undefined;
+  }
+  const groupId = Number(rawGroupId);
+  return Number.isNaN(groupId) ? undefined : groupId;
+};
+
 const handleClick = async (state, name) => {
-  if (!name) {
+  const groupId = parseRawGroupId(name);
+  if (groupId === undefined) {
     return state;
   }
-  return state;
+  const hasGroup = state.layout.groups.some(group => group.id === groupId);
+  return hasGroup ? focusEditorGroup(state, groupId) : state;
 };
 
 const getActiveGroup = (groups, activeGroupId) => {
@@ -4808,27 +4841,6 @@ const findTabByUri = (state, uri) => {
   return undefined;
 };
 
-const focusEditorGroup = (state, groupId) => {
-  const {
-    layout
-  } = state;
-  const {
-    groups
-  } = layout;
-  const updatedGroups = groups.map(group => ({
-    ...group,
-    focused: group.id === groupId
-  }));
-  return {
-    ...state,
-    layout: {
-      ...layout,
-      activeGroupId: groupId,
-      groups: updatedGroups
-    }
-  };
-};
-
 const getActiveTabId = state => {
   const {
     layout
@@ -5663,14 +5675,6 @@ const openUriWithContext = async (context, options, focus = true, viewletContext
   await openInputWithContext(context, getOpenInputOptions(options, focus, viewletContext));
 };
 
-const parseRawGroupId = rawGroupId => {
-  if (!rawGroupId) {
-    return undefined;
-  }
-  const groupId = Number(rawGroupId);
-  return Number.isNaN(groupId) ? undefined : groupId;
-};
-
 const focusGroup = (groups, groupId, activeTabId) => {
   return groups.map(group => {
     if (group.id === groupId) {
@@ -8366,6 +8370,9 @@ const renderEventListeners = () => {
   return [{
     name: HandleClick,
     params: ['handleClick', TargetName]
+  }, {
+    name: HandleFocus,
+    params: ['handleClick', 'event.target.dataset.groupId']
   }, {
     name: HandleClickClose,
     params: ['handleClickCloseTab', 'event.currentTarget.dataset.groupIndex', 'event.currentTarget.dataset.index'],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/main-area-worker",
-  "version": "9.64.1",
+  "version": "9.64.2",
   "description": "Main Area Worker",
   "repository": {
     "type": "git",