publ-echo-test 0.0.185 → 0.0.186

package/dist/lib/GridLayoutEditor/ReactGridLayout.js

@@ -34,7 +34,7 @@ import * as React from 'react';
 import { useState, useRef, useLayoutEffect } from 'react';
 import classNames from '../../external-lib/classnames';
 import { bottom, cloneLayoutItem, compact, getAllCollisions, getBoundingArea, getLayoutItem, moveElement, noop, synchronizeLayoutWithChildren, withLayoutItem, } from './utils/renderHelpers';
-import { calcGridColWidth, calcGridItemPosition, calcXY, resolveRowHeight, } from '../GridItem/utils/calculateUtils';
+import { calcGridColWidth, calcXY, resolveRowHeight, } from '../GridItem/utils/calculateUtils';
 import GridItem from '../GridItem/GridItem';
 import isEqual from '../../external-lib/lodash.isEqual';
 import { findAllChildrenCbIds, findBlockByBlockId, findDirectChildrenBlockIds, findDirectChildrenCbIds, findGroupBlocks, findParentGroupBlock, formatCbIdToBlockId, getBlockSpecificType, zIndexMap, } from './group';
@@ -739,31 +739,7 @@ var ReactGridLayout = function (_a) {
     var currentGroupBlocks = blockStructure
         ? findGroupBlocks(blockStructure, editingGroupBlock)
         : [];
-    // 화면에 보이는 아이템만 렌더링
-    var visibleItems = React.useMemo(function () {
-        if (!containerHeight)
-            return layout;
-        // 화면에 보이는 영역 계산
-        var visibleTop = window.scrollY;
-        var visibleBottom = visibleTop + window.innerHeight;
-        // 여유 공간 추가 (스크롤 시 부드러운 전환을 위해)
-        var buffer = resolveRowHeight(rowHeight, colWidth) * 2;
-        return layout.filter(function (item) {
-            var _a;
-            var itemPos = calcGridItemPosition(getPositionParams(), item.x, item.y, (_a = item.z) !== null && _a !== void 0 ? _a : 0, item.w, item.h);
-            return (itemPos.top < visibleBottom + buffer) && (itemPos.top + itemPos.height > visibleTop - buffer);
-        });
-    }, [layout, window.scrollY, window.innerHeight, rowHeight, colWidth]);
-    return (_jsxs("div", { ref: innerRef, className: mergedClassName, style: mergedStyle, onDrop: isDroppable ? onDropHandler : noop, onDragLeave: isDroppable ? onDragLeaveHandler : noop, onDragEnter: isDroppable ? onDragEnterHandler : noop, onDragOver: isDroppable ? onDragOverHandler : noop, children: [currentGroupBlocks.map(function (each) { return processGroup(each); }), React.Children.map(children, function (child) {
-                var _a;
-                var key = (_a = child.key) === null || _a === void 0 ? void 0 : _a.toString();
-                if (!key)
-                    return null;
-                var item = visibleItems.find(function (item) { return item.i === key; });
-                if (!item)
-                    return null;
-                return processGridItem(child);
-            }), placeholder(), activeDrag && _jsx("div", { className: 'grid-guide-line-center' }), activeDrag && (_jsx("div", { className: 'grid-placeholder', style: {
+    return (_jsxs("div", { ref: innerRef, className: mergedClassName, style: mergedStyle, onDrop: isDroppable ? onDropHandler : noop, onDragLeave: isDroppable ? onDragLeaveHandler : noop, onDragEnter: isDroppable ? onDragEnterHandler : noop, onDragOver: isDroppable ? onDragOverHandler : noop, children: [currentGroupBlocks.map(function (each) { return processGroup(each); }), React.Children.map(children, function (child) { return processGridItem(child); }), placeholder(), activeDrag && _jsx("div", { className: 'grid-guide-line-center' }), activeDrag && (_jsx("div", { className: 'grid-placeholder', style: {
                     marginTop: margin[1] + 'px',
                     marginBottom: margin[1] + 'px',
                     marginLeft: margin[0] + 'px',

package/package.json

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