added delay for queries trigger on page load

Author: raheeliftikhar5

client/packages/lowcoder-design/src/components/ScrollBar.tsx

@@ -5,7 +5,7 @@ import styled from "styled-components";
 import { DebouncedFunc } from 'lodash'; // Assuming you're using lodash's DebouncedFunc type
 
 
-const ScrollBarWrapper = styled.div<{ hidePlaceholder?: boolean }>`
+const ScrollBarWrapper = styled.div<{ $hideplaceholder?: boolean }>`
   min-height: 0;
   height: 100%;
   width: 100%;
@@ -37,7 +37,7 @@ const ScrollBarWrapper = styled.div<{ hidePlaceholder?: boolean }>`
     bottom: 10px;
   }
 
-  ${props => props.hidePlaceholder && `
+  ${props => Boolean(props.$hideplaceholder) && `
     .simplebar-placeholder {
       display: none !important;
     }
@@ -54,11 +54,20 @@ interface IProps {
   scrollableNodeProps?: {
     onScroll: DebouncedFunc<(e: any) => void>;
   };
-  hidePlaceholder?: boolean;
+  $hideplaceholder?: boolean;
   hideScrollbar?: boolean;
 }
 
-export const ScrollBar = ({ height = "100%", className, children, style, scrollableNodeProps, hideScrollbar = false, ...otherProps }: IProps) => {
+export const ScrollBar = ({
+  height = "100%",
+  className,
+  children,
+  style,
+  scrollableNodeProps,
+  hideScrollbar = false,
+  $hideplaceholder = false,
+  ...otherProps
+}: IProps) => {
   // You can now use the style prop directly or pass it to SimpleBar
   const combinedStyle = { ...style, height }; // Example of combining height with passed style
 

client/packages/lowcoder-design/src/components/Section.tsx

@@ -106,7 +106,7 @@ export const BaseSection = (props: ISectionConfig<ReactNode>) => {
   const { compName, state, toggle } = useContext(PropertySectionContext);
   const open = props.open !== undefined ? props.open : name ? state[compName]?.[name] !== false : true;
 
-  console.log("open", open, props.open);
+  // console.log("open", open, props.open);
 
   const handleToggle = () => {
     if (!name) {

client/packages/lowcoder/src/comps/comps/moduleContainerComp/moduleLayoutComp.tsx

@@ -116,7 +116,7 @@ export class ModuleLayoutComp extends ModuleLayoutCompBase implements IContainer
     const rowCount = this.children.containerRowCount.getView();
     return (
       <div>
-        <ScrollBar style={{ height: "100%", margin: "0px", padding: "0px" }} hidePlaceholder={false}>
+        <ScrollBar style={{ height: "100%", margin: "0px", padding: "0px" }} $hideplaceholder={false}>
           <ModuleLayoutView
             positionParams={this.children.positionParams.getView()}
             containerSize={this.children.containerSize.getView()}

client/packages/lowcoder/src/comps/queries/queryComp.tsx

@@ -282,7 +282,7 @@ function QueryView(props: QueryViewProps) {
     ) {
       setTimeout(() => {
         comp.dispatch(deferAction(executeQueryAction({})));
-      });
+      }, 100);
     }
   }, []);