reduce delay in height calculation

Author: raheeliftikhar5

client/packages/lowcoder/src/comps/utils/useCompInstance.tsx

@@ -304,11 +304,11 @@ export function useCompInstance<T extends CompConstructor>(
 
     let updateHandler = () => setComp(container.comp);
 
-    if (UPDATE_ROOT_VIEW_DEBOUNCE > 0) {
+    // if (UPDATE_ROOT_VIEW_DEBOUNCE > 0) {
       updateHandler = debounce(() => {
         setComp(container.comp);
-      }, UPDATE_ROOT_VIEW_DEBOUNCE);
-    }
+      }, 50 /* UPDATE_ROOT_VIEW_DEBOUNCE */);
+    // }
 
     const finalHandlers = [...(handlers || []), updateHandler];
     finalHandlers.forEach((handler) => container.addChangeListener(handler));

client/packages/lowcoder/src/layout/compSelectionWrapper.tsx

@@ -343,6 +343,7 @@ export const CompSelectionWrapper = React.memo((props: {
   });
   // log.debug("CompSelectionWrapper. name: ", props.name, " zIndex: ", zIndex);
   const { nameConfig, resizeIconSize } = props;
+
   return (
     <div id={props.id} style={{ ...props.style, zIndex }} className={props.className}>
       <SelectableDiv
@@ -400,7 +401,7 @@ export const CompSelectionWrapper = React.memo((props: {
               || props.compType === 'container'
             }
             refreshMode="debounce"
-            refreshRate={100}
+            refreshRate={0}
             onResize={props.onInnerResize}
             observerOptions={{ box: "border-box" }}
           >

client/packages/lowcoder/src/layout/gridItem.tsx

@@ -104,19 +104,6 @@ const ResizableStyled = styled(Resizable)<{ $zIndex: number, isDroppable : boole
  */
 export const GridItem = React.memo((props: GridItemProps) => {
   const position = useMemo(() =>{
-    console.log('calculateGridItemPOistion', JSON.stringify({
-      name: props.name,
-      margin: props.margin,
-      containerPadding: props.containerPadding,
-      containerWidth: props.containerWidth,
-      cols: props.cols,
-      rowHeight: props.rowHeight,
-      maxRows: props.maxRows,
-      x: props.x,
-      y: props.y,
-      w: props.w,
-      h: props.h,
-    }));
     return calcGridItemPosition({
       margin: props.margin,
       containerPadding: props.containerPadding,

client/packages/lowcoder/src/layout/utils.ts

@@ -207,7 +207,6 @@ export function setTransform(
   hidden?: boolean,
   isDragging?: boolean,
 ): Record<string, any> {
-  console.log(name, {top, left, width, height })
   // Replace unitless items with px
   const translate = `translate(${left}px,${top}px)`;
   function containsChart(str:string) {