Fixed direction on theme setting.

Imiss-U1025 · Imiss-U1025 · commit b77d3e047084 · 2024-12-19T11:14:48.000-05:00
diff --git a/client/packages/lowcoder/src/components/ThemeSettingsCompStyles.tsx b/client/packages/lowcoder/src/components/ThemeSettingsCompStyles.tsx
@@ -25,7 +25,7 @@ import {
   TextStyleIcon,
   ImageCompIconSmall,
   RotationIcon,
-  LineHeightIcon
+  LineHeightIcon,
  } from "lowcoder-design/src/icons";
 import { trans } from "i18n";
 import { debounce } from "lodash";
@@ -101,7 +101,8 @@ const isColorStyle = (styleKey: string) => {
     styleKey !== 'containerHeaderPadding' &&
     styleKey !== 'containerSiderPadding' &&
     styleKey !== 'containerFooterPadding' &&
-    styleKey !== 'containerBodyPadding';
+    styleKey !== 'containerBodyPadding' &&
+    styleKey !== 'direction';
 }
 
 
@@ -275,6 +276,10 @@ export default function ThemeSettingsCompStyles(props: CompStyleProps) {
         placeholder = '0deg';
         break;
       }
+      case 'direction': {
+        placeholder = '0 0 1 1';
+        break;
+      }
     }
     return placeholder;
   }
@@ -380,6 +385,10 @@ export default function ThemeSettingsCompStyles(props: CompStyleProps) {
         icon = <LineHeightIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;
         break;
       }
+      case 'direction': {
+        icon = <ExpandIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;
+        break;
+      }
     }
     return icon;
   }

Original file line number	Diff line number	Diff line change
`@@ -25,7 +25,7 @@ import {`
`25`	`25`	`TextStyleIcon,`
`26`	`26`	`ImageCompIconSmall,`
`27`	`27`	`RotationIcon,`
`28`		`- LineHeightIcon`
	`28`	`+ LineHeightIcon,`
`29`	`29`	`} from "lowcoder-design/src/icons";`
`30`	`30`	`import { trans } from "i18n";`
`31`	`31`	`import { debounce } from "lodash";`
`@@ -101,7 +101,8 @@ const isColorStyle = (styleKey: string) => {`
`101`	`101`	`styleKey !== 'containerHeaderPadding' &&`
`102`	`102`	`styleKey !== 'containerSiderPadding' &&`
`103`	`103`	`styleKey !== 'containerFooterPadding' &&`
`104`		`- styleKey !== 'containerBodyPadding';`
	`104`	`+ styleKey !== 'containerBodyPadding' &&`
	`105`	`+ styleKey !== 'direction';`
`105`	`106`	`}`
`106`	`107`
`107`	`108`
`@@ -275,6 +276,10 @@ export default function ThemeSettingsCompStyles(props: CompStyleProps) {`
`275`	`276`	`placeholder = '0deg';`
`276`	`277`	`break;`
`277`	`278`	`}`
	`279`	`+ case 'direction': {`
	`280`	`+ placeholder = '0 0 1 1';`
	`281`	`+ break;`
	`282`	`+ }`
`278`	`283`	`}`
`279`	`284`	`return placeholder;`
`280`	`285`	`}`
`@@ -380,6 +385,10 @@ export default function ThemeSettingsCompStyles(props: CompStyleProps) {`
`380`	`385`	`icon = <LineHeightIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;`
`381`	`386`	`break;`
`382`	`387`	`}`
	`388`	`+ case 'direction': {`
	`389`	`+ icon = <ExpandIcon style={{width: "16px", margin: "5px 0 0 5px", padding: "0px"}}/>;`
	`390`	`+ break;`
	`391`	`+ }`
`383`	`392`	`}`
`384`	`393`	`return icon;`
`385`	`394`	`}`