publ-echo 0.0.112 → 0.0.115

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -567,8 +567,8 @@ var ReactGridLayout = function (_a) {
         var zOrder = (_a = block[device === 'DESKTOP' ? 'zOrderDesktopInternal' : 'zOrderMobileInternal']) !== null && _a !== void 0 ? _a : 0;
         var isInsideOfEditingGroup = editingGroupAllChildren.includes(l.i);
         var editorZIndex = (function () {
-            if (isInBulk) {
-                return zIndexMap.CB_IN_EDITING_GROUP + z;
+            if (isRoot && isInBulk) {
+                return z;
             }
             if (!isRoot && isInsideOfEditingGroup) {
                 return zIndexMap.CB_IN_EDITING_GROUP + z;
@@ -672,37 +672,35 @@ var ReactGridLayout = function (_a) {
         if (!groupItem) {
             return _jsx(_Fragment, {});
         }
-        var zOrder = (_a = block[device === 'DESKTOP' ? 'zOrderDesktopInternal' : 'zOrderMobileInternal']) !== null && _a !== void 0 ? _a : 0;
+        var internalZOrder = (_a = block[device === 'DESKTOP' ? 'zOrderDesktopInternal' : 'zOrderMobileInternal']) !== null && _a !== void 0 ? _a : 0;
         var isEditingGroup = block.blockId === editingGroupBlock;
         var type = getBlockSpecificType(block);
         var isRoot = editingGroupBlock === 'ROOT';
         var isInBulk = bulkIds === null || bulkIds === void 0 ? void 0 : bulkIds.includes(block.blockId);
         var isBulk = block.blockId === 'BULK';
         var baseZ = (function () {
-            if (isEditingGroup) {
-                return zIndexMap.EDITING_GROUP;
-            }
             if (isBulk) {
+                // groupItem.z : 그룹 내 CB중 가장 큰 zorder
                 return zIndexMap.CB_IN_EDITING_GROUP + groupItem.z;
             }
             if (isInBulk) {
-                // 위와 같지만 이것은 not-editable이긴 함.
-                // const bulkBlock = findBlockByBlockId(blockStructure, 'BULK');
-                // const bulkZOrder = bulkBlock?.[device === 'DESKTOP' ? 'zOrderDesktopInternal' : 'zOrderMobileInternal'] ?? 0;
-                return zIndexMap.CB_IN_EDITING_GROUP + zOrder;
+                if (!isRoot) {
+                    return zIndexMap.EDITABLE_GROUP + internalZOrder;
+                }
+                return zIndexMap.CB_IN_EDITING_GROUP + internalZOrder;
+            }
+            if (isEditingGroup) {
+                return zIndexMap.EDITING_GROUP;
             }
             if (!isRoot && type === 'GROUP_BLOCK') {
-                return zIndexMap.EDITABLE_GROUP + zOrder;
+                return zIndexMap.EDITABLE_GROUP + internalZOrder;
             }
             if (type === 'GROUP_BLOCK') {
                 return zIndexMap.GROUP;
             }
-            if (type === 'BULK') {
-                return zIndexMap.BULK;
-            }
-            return zIndexMap.CB;
+            return -1; // NOTE: ERROR
         })();
-        var zIndex = editorMode === 'EDIT' ? baseZ : zOrder;
+        var zIndex = editorMode === 'EDIT' ? baseZ : internalZOrder;
         var handleClick = function (e) {
             onClickGroup && onClickGroup(e, block.blockId, type);
         };
@@ -721,11 +719,11 @@ var ReactGridLayout = function (_a) {
                     'grid-bulk-block': block.blockId === 'BULK',
                     editing: editingGroupBlock === block.blockId,
                     selected: selectedGroupBlock === block.blockId,
-                }), z: zIndex, minZ: groupItem.minZ, zOrder: zOrder, zOrderInternal: parent
+                }), z: zIndex, minZ: groupItem.minZ, zOrder: internalZOrder, zOrderInternal: parent
                     ? "".concat(parent[device === 'DESKTOP'
                         ? 'zOrderDesktopInternal'
-                        : 'zOrderMobileInternal'], " > ").concat(zOrder)
-                    : zOrder.toString(), containerWidth: width, cols: cols, margin: margin, containerPadding: containerPadding || margin, maxRows: maxRows, rowHeight: rowHeight, cancel: draggableCancel, handle: draggableHandle, onDragStop: onDragStopGroupHandler, onDragStart: onDragStartHandler, onDrag: onDragHandler, onResizeStart: onResizeStartHandler, onResize: onResizeHandler, onResizeStop: onResizeStopHandler, onFitToContent: onFitToContentHandler, isDraggable: !viewOnly && !isEditingGroup && !isInBulk, isResizable: !viewOnly && !isEditingGroup && !isInBulk, isBounded: false, useCSSTransforms: useCSSTransforms && isMounted, usePercentages: !isMounted, transformScale: transformScale, w: groupItem.w, h: groupItem.h, x: groupItem.x, y: groupItem.y, i: block.blockId, 
+                        : 'zOrderMobileInternal'], " > ").concat(internalZOrder)
+                    : internalZOrder.toString(), containerWidth: width, cols: cols, margin: margin, containerPadding: containerPadding || margin, maxRows: maxRows, rowHeight: rowHeight, cancel: draggableCancel, handle: draggableHandle, onDragStop: onDragStopGroupHandler, onDragStart: onDragStartHandler, onDrag: onDragHandler, onResizeStart: onResizeStartHandler, onResize: onResizeHandler, onResizeStop: onResizeStopHandler, onFitToContent: onFitToContentHandler, isDraggable: !viewOnly && !isEditingGroup && !isInBulk, isResizable: !viewOnly && !isEditingGroup && !isInBulk, isBounded: false, useCSSTransforms: useCSSTransforms && isMounted, usePercentages: !isMounted, transformScale: transformScale, w: groupItem.w, h: groupItem.h, x: groupItem.x, y: groupItem.y, i: block.blockId, 
                 // minH={l.minH}
                 // minW={l.minW}
                 // maxH={l.maxH}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "publ-echo",
-  "version": "0.0.112",
+  "version": "0.0.115",
   "private": false,
   "main": "dist/lib/index.js",
   "types": "dist/lib/index.d.js",