publ-echo-test 0.0.225 → 0.0.226

package/dist/lib/GridItem/GridItem.js

@@ -138,7 +138,6 @@ var GridItem = function (_a) {
         var callback = function (mutationsList) {
             for (var _i = 0, mutationsList_2 = mutationsList; _i < mutationsList_2.length; _i++) {
                 var mutation = mutationsList_2[_i];
-                console.log('mutation', mutation);
                 var isSizeChanged = mutation.attributeName === 'data-min-width' || mutation.attributeName === 'data-min-height';
                 var keepWidth = true;
                 var hasPaddingChanged = false;
@@ -154,9 +153,6 @@ var GridItem = function (_a) {
                 var width = targetNode.clientWidth;
                 if (!isSizeChanged && mutation.target instanceof Element) {
                     var styles = getComputedStyle(mutation.target);
-                    // const minWidth = parseFloat(styles.minWidth);
-                    console.log('minWidth', minWidth, 'width', width);
-                    console.log('minHeight', minHeight, 'height', height);
                     if (minWidth > width) {
                         keepWidth = false;
                     }
@@ -207,6 +203,38 @@ var GridItem = function (_a) {
             observer.disconnect();
         };
     }, [autoResize, isSelected, isDragging, isResizing, props.w, props.h, x, y]);
+    useEffect(function () {
+        var _a, _b, _c, _d, _e;
+        if (!isSelected || !autoResize) {
+            return;
+        }
+        var targetNode = (_a = elementRef.current) === null || _a === void 0 ? void 0 : _a.children[0].children[0].children[0];
+        if (!targetNode || isDragging || isResizing) {
+            return;
+        }
+        if (targetNode.id !== 'contentslist-box') {
+            return;
+        }
+        var minWidth = Number((_c = (_b = targetNode.dataset) === null || _b === void 0 ? void 0 : _b.minWidth) !== null && _c !== void 0 ? _c : 0);
+        var minHeight = Number((_e = (_d = targetNode.dataset) === null || _d === void 0 ? void 0 : _d.minHeight) !== null && _e !== void 0 ? _e : 0);
+        var _f = calcWH(getPositionParams(), {
+            width: minWidth,
+            height: minHeight,
+        }, x, y, 'e', props.w, props.h, false), w = _f.w, h = _f.h;
+        var prevW = props.w;
+        var prevH = props.h;
+        if (prevW > w) {
+            w = prevW;
+        }
+        if (prevH > h) {
+            h = prevH;
+        }
+        if (prevH === h && prevW === w) {
+            return;
+        }
+        props.onFitToContent &&
+            props.onFitToContent(i, w, h, x, y, { hasPaddingChanged: false });
+    }, [isSelected, autoResize]);
     // const moveDroppingItem = (prevProps: GridItemProps) => {
     //   const { droppingPosition } = props;
     //   if (!droppingPosition) return;

package/package.json

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