pull from origin

Author: MenamAfzal

client/packages/lowcoder-core/lib/index.js

@@ -1777,7 +1777,7 @@ var CodeNode = /** @class */ (function (_super) {
                     return;
                 }
                 // wait for lazy loaded comps to load before executing query on page load
-                if (!Object.keys(value).length) {
+                if (!Object.keys(value).length && paths.size) {
                   isFetching_1 = true;
                   ready_1 = false;
                 }

client/packages/lowcoder-core/src/eval/codeNode.tsx

@@ -173,7 +173,7 @@ export class CodeNode extends AbstractNode<ValueAndMsg<unknown>> {
           return;
         }
         // wait for lazy loaded comps to load before executing query on page load
-        if (!Object.keys(value).length) {
+        if (!Object.keys(value).length && paths.size) {
           isFetching = true;
           ready = false;
         }

client/packages/lowcoder-design/src/icons/index.ts

@@ -216,6 +216,7 @@ export { ReactComponent as BorderRadiusIcon } from "./remix/rounded-corner.svg";
 export { ReactComponent as ShadowIcon } from "./remix/shadow-line.svg";
 export { ReactComponent as OpacityIcon } from "./remix/contrast-drop-2-line.svg";
 export { ReactComponent as AnimationIcon } from "./remix/loader-line.svg";
+export { ReactComponent as LineHeightIcon } from "./remix/line-height.svg";
 
 
 export { ReactComponent as LeftInfoLine } from "./remix/information-line.svg";

client/packages/lowcoder/src/api/commonSettingApi.ts

@@ -62,6 +62,7 @@ export interface ThemeDetail {
   animationDuration?: string;
   opacity?: string;
   boxShadow?: string;
+  lineHeight?: string;
   boxShadowColor?: string;
   animationIterationCount?: string;
   components?: Record<string, JSONObject>;
@@ -83,6 +84,7 @@ export function getThemeDetailName(key: keyof ThemeDetail) {
     case "padding":	return trans("style.padding");
     case "gridColumns": return trans("themeDetail.gridColumns");
     case "textSize": return trans("style.textSize");
+    case "lineHeight": return trans("themeDetail.lineHeight"); 
   }
   return "";
 }
@@ -105,6 +107,7 @@ export function isThemeColorKey(key: string) {
     case "padding":
     case "gridColumns":
     case "textSize":
+      case "lineHeight":
       return true;
   }
   return false;

client/packages/lowcoder/src/base/codeEditor/codeEditor.tsx

@@ -224,7 +224,7 @@ function useCodeMirror(
       window.clearTimeout(isTypingRef.current);
       isTypingRef.current = window.setTimeout(() => (isTypingRef.current = 0), 100);
       onChange?.(state);
-    }, 100)
+    }, 1000)
     , [onChange]
   );
 

client/packages/lowcoder/src/components/PageSkeleton.tsx

@@ -83,12 +83,12 @@ export default function PageSkeleton(props: IProps) {
 
   return (
     <Layout>
-      {!hideHeader && isHeaderReady && (
+      {/* {!hideHeader && isHeaderReady && (
         <Header 
           headerStart={<StyledLogoWithName branding={true} />}
           style={{ backgroundColor: brandingConfig?.headerColor, ...props.headStyle }}
         />
-      )}
+      )} */}
       <Layout>
         {!hideSideBar && <SideBar>{skeleton}</SideBar>}
         <MainContent>{!hideContent && skeleton}</MainContent>

client/packages/lowcoder/src/components/ThemeSettingsCompStyles.tsx

@@ -25,6 +25,7 @@ import {
   TextStyleIcon,
   ImageCompIconSmall,
   RotationIcon,
+  LineHeightIcon
  } from "lowcoder-design/src/icons";
 import { trans } from "i18n";
 import { debounce } from "lodash";
@@ -375,6 +376,10 @@ export default function ThemeSettingsCompStyles(props: CompStyleProps) {
         icon = <RotationIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;
         break;
       }
+      case 'lineHeight': {
+        icon = <LineHeightIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;
+        break;
+      }
     }
     return icon;
   }

client/packages/lowcoder/src/components/ThemeSettingsSelector.tsx

@@ -381,7 +381,7 @@ export default function ThemeSettingsSelector(props: ColorConfigProps) {
             max={48} // Define the maximum value for the slider
             value={parseInt(gridColumns || "24")}
             onChange={(value) => setGridColumns(value.toString())}
-            onAfterChange={(value) => gridColumnsInputBlur(value.toString())}
+            onChangeComplete={(value) => gridColumnsInputBlur(value.toString())}
           />
         </div>
       )}

client/packages/lowcoder/src/comps/comps/buttonComp/buttonCompConstants.tsx

@@ -65,6 +65,7 @@ export const Button100 = styled(Button)<{ $buttonStyle?: ButtonStyleType }>`
     overflow: hidden;
     text-overflow: ellipsis;
   }
+  line-height:${(props) => props.$buttonStyle?.lineHeight}; 
 `;
 
 export const ButtonCompWrapper = styled.div<{ disabled: boolean }>`

client/packages/lowcoder/src/comps/comps/buttonComp/dropdownComp.tsx

@@ -60,6 +60,7 @@ const LeftButtonWrapper = styled.div<{ $buttonStyle: DropdownStyleType }>`
     ${(props) => `font-style: ${props.$buttonStyle.fontStyle};`}
 
     width: 100%;
+    line-height:${(props) => props.$buttonStyle.lineHeight}; 
   }
   
 `;