Small fixes on Shape Component

Author: FalkWolsky

client/packages/lowcoder/package.json

@@ -130,4 +130,4 @@
     "vite-plugin-svgr": "^2.2.2",
     "vite-tsconfig-paths": "^3.6.0"
   }
-}
+}

client/packages/lowcoder/src/comps/comps/shapeComp/shapeComp.tsx

@@ -65,21 +65,11 @@ export const ContainerBaseComp = (function () {
               <Section name={sectionNames.style}>
                 {children.container.stylePropertyView()}
               </Section>
-              {children.container.children.showHeader.getView() && (
-                <Section name={"Header Style"}>
-                  {children.container.headerStylePropertyView()}
-                </Section>
-              )}
               {children.container.children.showBody.getView() && (
                 <Section name={"Body Style"}>
                   {children.container.bodyStylePropertyView()}
                 </Section>
               )}
-              {children.container.children.showFooter.getView() && (
-                <Section name={"Footer Style"}>
-                  {children.container.footerStylePropertyView()}
-                </Section>
-              )}
             </>
           )}
         </>

client/packages/lowcoder/src/comps/comps/shapeComp/shapeTriContainer.tsx

@@ -1,4 +1,4 @@
-import { ContainerStyleType } from "comps/controls/styleControlConstants";
+import { ContainerStyleType, widthCalculator } from "comps/controls/styleControlConstants";
 import { EditorContext } from "comps/editorState";
 import { BackgroundColorContext } from "comps/utils/backgroundColorContext";
 import { HintPlaceHolder, ScrollBar } from "lowcoder-design";
@@ -41,6 +41,10 @@ const Wrapper = styled.div<{ $style: ContainerStyleType }>`
   ${(props) => props.$style && getStyle(props.$style)}
 `;
 
+const StylesShape = styled(Coolshape)<{ $style: ContainerStyleType }>`;
+  ${(props) => props.$style && getStyle(props.$style)}
+`;
+
 const BodyInnerGrid = styled(InnerGrid)<{
   $showBorder: boolean;
   $backgroundColor: string;
@@ -81,15 +85,13 @@ export type TriContainerProps = TriContainerViewProps & {
 
 export function ShapeTriContainer(props: TriContainerProps) {
   const { container, icon } = props;
-  const { showHeader, showFooter } = container;
+  // const { showHeader, showFooter } = container;
   // When the header and footer are not displayed, the body must be displayed
-  const showBody = container.showBody || (!showHeader && !showFooter);
+  const showBody = true;
   const scrollbars = container.scrollbars;
 
-  const { items: headerItems, ...otherHeaderProps } = container.header;
   const { items: bodyItems, ...otherBodyProps } =
-    container.body["0"].children.view.getView();
-  const { items: footerItems, ...otherFooterProps } = container.footer;
+  container.body["0"].children.view.getView();
   const { style, headerStyle, bodyStyle, footerStyle } = container;
 
   const editorState = useContext(EditorContext);
@@ -121,14 +123,18 @@ export function ShapeTriContainer(props: TriContainerProps) {
             hideScrollbar={!scrollbars}
           >
             <div style={{ position: "relative", height: "100%" }}>
-              <Coolshape
+              <StylesShape 
+                $style={style}
                 type={shape?.value as any}
+                noise={false}
                 index={shape.index}
                 styles={{
                   position: "absolute",
                   top: "0",
                   left: "50%",
                   transform: "translateX(-50%)",
+                  width: widthCalculator(style.margin),
+                  height: "100%",
                 }}
               />
               <BodyInnerGrid

client/packages/lowcoder/src/pages/setting/idSource/OAuthForms/GenericOAuthForm.tsx

@@ -63,6 +63,7 @@ interface ConfigProvider {
   jwksUri?: string,
   scope: string,
   sourceMappings: any,
+  userInfoIntrospection?: boolean,
 }
 
 type GenericOAuthFormProp = {