@lvce-editor/main-area-worker 8.8.0 → 8.9.0

package/dist/mainAreaWorkerMain.js

@@ -3761,6 +3761,27 @@ const refresh = state => {
 
 const getCss = () => {
   const rules = [`.MainArea {
+}`, `.editor-groups-container {
+  position: relative;
+}`, `.Sash {
+  position: absolute;
+  z-index: 1;
+}`, `.SashVertical {
+  top: 0;
+  bottom: 0;
+  width: 0;
+  cursor: col-resize;
+}`, `.SashVertical:hover {
+  width: 4px;
+  margin-left: -2px;
+}`, `.SashHorizontal {
+  left: 0;
+  right: 0;
+  height: 0;
+  cursor: row-resize;
+}`, `.SashHorizontal:hover {
+  height: 4px;
+  margin-top: -2px;
 }`];
   const css = rules.join('\n');
   return css;
@@ -4294,8 +4315,8 @@ const renderEmptyGroupCloseButton = (group, groupIndex) => {
   return [{
     childCount: 1,
     className: EmptyGroupCloseButton,
-    'data-action': 'close-group',
     'data-groupId': String(group.id),
+    name: 'close-group',
     onClick: HandleClickAction,
     title: closeEditorGroup(),
     type: Button$2
@@ -4331,14 +4352,15 @@ const renderEditorGroup = (group, groupIndex, splitButtonEnabled = false, sizePr
   }, ...renderEditor(activeTab)];
 };
 
-const renderSash = (direction, sashId) => {
+const renderSash = (direction, sashId, style) => {
   return {
     childCount: 0,
-    className: direction === 'horizontal' ? 'SashVertical' : 'SashHorizontal',
+    className: direction === 'horizontal' ? 'Sash SashVertical' : 'Sash SashHorizontal',
     'data-sashId': sashId,
     onPointerDown: HandleSashPointerDown,
     onPointerMove: HandleSashPointerMove,
     onPointerUp: HandleSashPointerUp,
+    style,
     type: Div
   };
 };
@@ -4356,13 +4378,16 @@ const getMainAreaVirtualDom = (layout, splitButtonEnabled = false) => {
   const isSplit = layout.groups.length > 1;
   const directionClassName = isSplit ? layout.direction === 'horizontal' ? EditorGroupsVertical : EditorGroupsHorizontal : '';
   const editorGroupsContainerClassName = directionClassName ? `${EDITOR_GROUPS_CONTAINER} ${directionClassName}` : EDITOR_GROUPS_CONTAINER;
+  let sashOffset = 0;
   for (let i = 0; i < layout.groups.length; i++) {
+    sashOffset += layout.groups[i].size;
     if (i > 0) {
       // Insert sash between groups
       const beforeGroupId = layout.groups[i - 1].id;
       const afterGroupId = layout.groups[i].id;
       const sashId = create(beforeGroupId, afterGroupId);
-      children.push(renderSash(layout.direction, sashId));
+      const style = layout.direction === 'horizontal' ? `left:${sashOffset - layout.groups[i].size}%;` : `top:${sashOffset - layout.groups[i].size}%;`;
+      children.push(renderSash(layout.direction, sashId, style));
     }
     children.push(...renderEditorGroup(layout.groups[i], i, splitButtonEnabled, sizeProperty));
   }

package/package.json

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