Merge pull request #655 from raheeliftikhar5/antd-upgrade-5.13.2

upgrade antd to v5.13.2

Author: FalkWolsky

client/packages/lowcoder/package.json

@@ -38,7 +38,7 @@
     "agora-access-token": "^2.0.4",
     "agora-rtc-sdk-ng": "^4.19.0",
     "agora-rtm-sdk": "^1.5.1",
-    "antd": "^5.12.5",
+    "antd": "^5.13.2",
     "axios": "^1.6.2",
     "buffer": "^6.0.3",
     "clsx": "^2.0.0",

client/packages/lowcoder/src/components/PermissionDialog/Permission.tsx

@@ -369,10 +369,10 @@ const PermissionSelector = (props: {
             width: "fit-content",
           }}
           $isVisible={roleSelectVisible}
-          bordered={false}
+          variant="borderless"
           defaultValue={props.supportRoles[0]}
           optionLabelProp="label"
-          onChange={(value) => setSelectRole(value)}
+          onChange={(value: string) => setSelectRole(value as ApplicationRoleType)}
         >
           {props.supportRoles.map((role) => (
             <CustomSelect.Option key={role.value} value={role.value} label={role.label}>

client/packages/lowcoder/src/components/PermissionDialog/PermissionList.tsx

@@ -119,7 +119,7 @@ function PermissionLiItem(props: {
             width: "100px",
           }}
           defaultValue={permissionItem.role}
-          bordered={false}
+          variant="borderless"
           optionLabelProp="label"
           onSelect={(value: any, option: any) => {
             if (option.key === "delete") {

client/packages/lowcoder/src/comps/comps/dateComp/dateRangeUIView.tsx

@@ -13,7 +13,7 @@ import { omit } from "lodash";
 
 const { RangePicker } = DatePicker;
 
-const RangePickerStyled = styled((props: any) => <RangePicker {...props} />)<{ $style: DateTimeStyleType }>`
+const RangePickerStyled = styled(RangePicker)<{ $style: DateTimeStyleType }>`
   width: 100%;
   ${(props) => props.$style && getStyle(props.$style)}
 `;

client/packages/lowcoder/src/comps/comps/meetingComp/videoMeetingControllerComp.tsx

@@ -509,8 +509,11 @@ let MTComp = (function () {
                   ? { overflow: "auto", pointerEvents: "auto" }
                   : {}
               }
-              contentWrapperStyle={{ maxHeight: "100%", maxWidth: "100%" }}
               styles={{
+                wrapper: {
+                  maxHeight: "100%",
+                  maxWidth: "100%"
+                }, 
                 body: {
                   padding: 0,
                   backgroundColor: props.style.background,

client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/ColumnNumberComp.tsx

@@ -65,7 +65,7 @@ export const ColumnNumberComp = (function () {
           step={step}
           defaultValue={props.value}
           autoFocus
-          bordered={false}
+          variant="borderless"
           onChange={(value) => {
             value = value ?? 0;
             props.onChange(!float ? Math.floor(value) : value);

client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnDateComp.tsx

@@ -170,7 +170,7 @@ export const DateEdit = (props: DateEditProps) => {
         superNextIcon={<IconSuperNext />}
         superPrevIcon={<SuperPrevIcon />}
         allowClear={false}
-        bordered={false}
+        variant="borderless"
         autoFocus
         defaultValue={value}
         showTime={props.showTime}

client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnImgComp.tsx

@@ -31,7 +31,7 @@ export const ImageComp = (function () {
       <Input
         defaultValue={props.value}
         autoFocus
-        bordered={false}
+        variant="borderless"
         onChange={(e) => {
           const value = e.target.value;
           props.onChange(value);

client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnLinkComp.tsx

@@ -59,7 +59,7 @@ export const LinkComp = (function () {
       <Input
         defaultValue={props.value}
         autoFocus
-        bordered={false}
+        variant="borderless"
         onChange={(e) => {
           const value = e.target.value;
           props.onChange(value);

client/packages/lowcoder/src/comps/comps/tableComp/column/columnTypeComps/columnMarkdownComp.tsx

@@ -45,7 +45,7 @@ export const ColumnMarkdownComp = (function () {
       <Input
         defaultValue={props.value}
         autoFocus
-        bordered={false}
+        variant="borderless"
         onChange={(e) => {
           const value = e.target.value;
           props.onChange(value);