@lvce-editor/main-area-worker 1.4.0 → 1.5.0

package/dist/mainAreaWorkerMain.js

@@ -1209,9 +1209,12 @@ const {
 const create$1 = (uid, uri, x, y, width, height, platform, assetDir) => {
   const state = {
     assetDir,
+    layout: {
+      activeGroupId: '',
+      direction: 'horizontal',
+      groups: []
+    },
     platform,
-    statusBarItemsLeft: [],
-    statusBarItemsRight: [],
     uid
   };
   set(uid, state, state);
@@ -1253,6 +1256,11 @@ const handleClick = async (state, name) => {
   return state;
 };
 
+const handleClickCloseTab = (state, groupId, tabId) => {
+  // TODO
+  return state;
+};
+
 const id = 7201;
 const sendMessagePortToExtensionHostWorker = async port => {
   await sendMessagePortToExtensionHostWorker$1(port, id);
@@ -1577,28 +1585,6 @@ const text = data => {
 const CSS_CLASSES = {
   EDITOR_GROUPS_CONTAINER: 'editor-groups-container'};
 
-const renderTab = (tab, isActive) => {
-  return [{
-    childCount: 2,
-    className: 'MainTab',
-    type: Div
-  }, {
-    childCount: 1,
-    className: 'TabTitle',
-    type: Span
-  }, text(tab.isDirty ? `*${tab.title}` : tab.title), {
-    childCount: 1,
-    className: 'TabCloseButton',
-    type: Button
-  }, text('×')];
-};
-const renderTabBar = group => {
-  return [{
-    childCount: group.tabs.length,
-    className: 'MainTabs',
-    type: Div
-  }, ...group.tabs.flatMap(tab => renderTab(tab))];
-};
 const renderEditor = tab => {
   if (!tab) {
     return [text('Tab not found')];
@@ -1620,6 +1606,31 @@ const renderEditor = tab => {
     type: Pre
   }, text(tab.content || '')];
 };
+
+const renderTab = (tab, isActive) => {
+  return [{
+    childCount: 2,
+    className: isActive ? 'MainTab MainTabActive' : 'MainTab',
+    type: Div
+  }, {
+    childCount: 1,
+    className: 'TabTitle',
+    type: Span
+  }, text(tab.isDirty ? `*${tab.title}` : tab.title), {
+    childCount: 1,
+    className: 'EditorTabCloseButton',
+    type: Button
+  }, text('×')];
+};
+
+const renderTabBar = group => {
+  return [{
+    childCount: group.tabs.length,
+    className: 'MainTabs',
+    type: Div
+  }, ...group.tabs.flatMap(tab => renderTab(tab, tab.id === group.activeTabId))];
+};
+
 const renderEditorGroup = group => {
   const activeTab = group.tabs.find(tab => tab.id === group.activeTabId);
   return [{
@@ -1632,6 +1643,7 @@ const renderEditorGroup = group => {
     type: Div
   }, ...renderEditor(activeTab)];
 };
+
 const getMainAreaVirtualDom = layout => {
   return [{
     childCount: 1,
@@ -1685,11 +1697,15 @@ const render2 = (uid, diffResult) => {
 };
 
 const HandleClick = 11;
+const HandleClickClose = 12;
 
 const renderEventListeners = () => {
   return [{
     name: HandleClick,
     params: ['handleClick', TargetName]
+  }, {
+    name: HandleClickClose,
+    params: ['handleClickClose', 'event.target.dataset.groupIndex', 'event.target.dataset.index']
   }];
 };
 
@@ -1721,6 +1737,7 @@ const commandMap = {
   'MainArea.diff2': diff2,
   'MainArea.getCommandIds': getCommandIds,
   'MainArea.handleClick': wrapCommand(handleClick),
+  'MainArea.handleClickCloseTab': wrapCommand(handleClickCloseTab),
   'MainArea.initialize': initialize,
   'MainArea.loadContent': wrapCommand(loadContent),
   'MainArea.openUri': wrapCommand(openUri),

package/package.json

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