publ-echo-test 0.0.48 → 0.0.50

package/dist/lib/Resizable/Resizable.js

@@ -55,6 +55,7 @@ var Resizable = function (_a) {
     var extendedHeightRef = useRef(null);
     var shouldShrinkRef = useRef(false);
     var minWidth = useRef(0);
+    var minHeight = useRef(props.height);
     useEffect(function () {
         var _a;
         if (!autoResize) {
@@ -74,12 +75,16 @@ var Resizable = function (_a) {
             return;
         }
         var target = (_a = placeholder.children[0].children[0].children[0]) !== null && _a !== void 0 ? _a : placeholder.children[0].children[0];
+        if (target.clientHeight) {
+            minHeight.current = target.clientHeight;
+        }
+        // target.clientHeight -> 실제 "노드"의 height. (gridItem아닌)
         if (target.clientHeight > elementRef.current.clientHeight) {
             extendedHeightRef.current = target.clientHeight;
             shouldShrinkRef.current = true;
         }
         else {
-            // extendedHeightRef.current = null 
+            extendedHeightRef.current = null;
         }
         if (shouldShrinkRef.current && (target.clientHeight < elementRef.current.clientHeight)) {
             extendedHeightRef.current = target.clientHeight;
@@ -206,6 +211,9 @@ var Resizable = function (_a) {
             if (axisV === "n") {
                 deltaY = -deltaY;
             }
+            if (shouldShrinkRef.current) {
+                deltaY = 0;
+            }
             var width = props.width + (canDragX ? deltaX / transformScale : 0);
             var height = props.height + (canDragY ? deltaY / transformScale : 0);
             var left = (_h = props === null || props === void 0 ? void 0 : props.left) !== null && _h !== void 0 ? _h : 0;
@@ -218,6 +226,9 @@ var Resizable = function (_a) {
             }
             // width = Math.max(width, minWidth.current);
             // const isOverMin = calcWH()
+            if (minHeight.current) {
+                height = Math.max(minHeight.current, height);
+            }
             if (extendedHeightRef.current) {
                 height = extendedHeightRef.current;
                 handleAxis = removeNorthHandle(handleAxis);
@@ -228,7 +239,7 @@ var Resizable = function (_a) {
             var cb = typeof props[handlerName] === "function" ? props[handlerName] : null;
             var isCbSkipped = handlerName === "onResize" && !isDimensionsChanged;
             if (cb && !isCbSkipped) {
-                cb(e, { node: node, size: { width: width, height: height, top: top, left: left }, handle: handleAxis, minWidth: minWidth.current, minHeight: (_k = extendedHeightRef.current) !== null && _k !== void 0 ? _k : 0 });
+                cb(e, { node: node, size: { width: width, height: height, top: top, left: left }, handle: handleAxis, minWidth: minWidth.current, minHeight: (_k = minHeight.current) !== null && _k !== void 0 ? _k : 0 });
             }
             if (handlerName === "onResizeStop") {
                 startPosition.current = null;

package/package.json

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