publ-echo-test 0.0.51 → 0.0.53

package/dist/lib/Resizable/Resizable.js

@@ -55,7 +55,7 @@ var Resizable = function (_a) {
     var extendedHeightRef = useRef(null);
     var shouldShrinkRef = useRef(false);
     var minWidth = useRef(0);
-    var minHeight = useRef(props.height);
+    var minHeight = useRef(0);
     useEffect(function () {
         var _a;
         if (!autoResize) {
@@ -87,7 +87,7 @@ var Resizable = function (_a) {
             extendedHeightRef.current = null;
         }
         if (shouldShrinkRef.current && (target.clientHeight < elementRef.current.clientHeight)) {
-            extendedHeightRef.current = target.clientHeight;
+            minHeight.current = target.clientHeight;
         }
         var minWidthStyle = target.computedStyleMap().get('min-width');
         if (typeof minWidthStyle.value === 'number') {
@@ -101,7 +101,7 @@ var Resizable = function (_a) {
     // NOTE - 최소 또는 최대 제약 조건 width와 height 계산, 비율 고정 계산
     var checkConstraints = function (width, height) {
         var _a;
-        if (!maxConstraints && !lockAspectRatio) {
+        if (!minConstraints && !maxConstraints && !lockAspectRatio) {
             return [width, height];
         }
         if (lockAspectRatio) {
@@ -119,19 +119,24 @@ var Resizable = function (_a) {
         var _c = (_a = slack.current) !== null && _a !== void 0 ? _a : [0, 0], slackW = _c[0], slackH = _c[1];
         width += slackW;
         height += slackH;
-        var minConstraints = [minWidth.current, minHeight.current];
-        // const maxConstraints = [300, 300];
-        if (minConstraints) {
-            width = Math.max(minConstraints[0], width);
-            height = Math.max(minConstraints[1], height);
+        if (autoResize) {
+            width = Math.max(minWidth.current, width);
+            height = Math.max(minHeight.current, height);
+        }
+        else {
+            if (minConstraints) {
+                width = Math.max(minConstraints[0], width);
+                height = Math.max(minConstraints[1], height);
+            }
+        }
+        if (shouldShrinkRef.current) {
+            height = minHeight.current;
         }
         if (maxConstraints) {
             width = Math.min(maxConstraints[0], width);
             height = Math.min(maxConstraints[1], height);
         }
-        console.log(oldW, width);
         slack.current = [slackW + (oldW - width), slackH + (oldH - height)];
-        // console.log([slackW, slackH]);
         return [width, height];
     };
     var checkTopLeft = function (deltaX, deltaY, top, left, width, height, handleAxis) {
@@ -228,13 +233,8 @@ var Resizable = function (_a) {
             if (axisH === "w") {
                 left = left - deltaX;
             }
-            // width = Math.max(width, minWidth.current);
-            // const isOverMin = calcWH()
-            // if (minHeight.current) {
-            //   height = Math.max(minHeight.current, height);
-            // }
             _b = checkConstraints(width, height), width = _b[0], height = _b[1];
-            if (extendedHeightRef.current === height) {
+            if (autoResize && extendedHeightRef.current === height) {
                 handleAxis = removeNorthHandle(handleAxis);
             }
             _c = checkTopLeft(deltaX, deltaY, top, left, width, height, handleAxis), top = _c[0], left = _c[1];
@@ -242,7 +242,6 @@ var Resizable = function (_a) {
             var cb = typeof props[handlerName] === "function" ? props[handlerName] : null;
             var isCbSkipped = handlerName === "onResize" && !isDimensionsChanged;
             if (cb && !isCbSkipped) {
-                // cb(e, { node, size: { width, height, top, left }, handle: handleAxis, minWidth: minWidth.current, minHeight: minHeight.current ?? 0 });
                 cb(e, { node: node, size: { width: width, height: height, top: top, left: left }, handle: handleAxis });
             }
             if (handlerName === "onResizeStop") {

package/package.json

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