chore: remove advanced toggle in image

src/pages/playground/components/ground-images.tsx

@@ -4,7 +4,7 @@ import IconFont from '@/components/icon-font';
 import routeCachekey from '@/config/route-cachekey';
 import ThumbImg from '@/pages/playground/components/thumb-img';
 import { generateRandomNumber } from '@/utils';
-import { FileImageOutlined, SwapOutlined } from '@ant-design/icons';
+import { FileImageOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
 import { Button, Tooltip } from 'antd';
 import classNames from 'classnames';
@@ -275,33 +275,6 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
           <DynamicParams
             ref={form}
             formFields={formFields}
-            parametersTitle={
-              <div className="flex-between flex-center">
-                <span>
-                  {intl.formatMessage({ id: 'playground.parameters' })}
-                </span>
-                <Tooltip
-                  title={intl.formatMessage({
-                    id: 'playground.image.params.custom.tips'
-                  })}
-                >
-                  <Button
-                    size="small"
-                    type="text"
-                    icon={<SwapOutlined />}
-                    onClick={handleToggleParamsStyle}
-                  >
-                    {isOpenaiCompatible
-                      ? intl.formatMessage({
-                          id: 'playground.image.params.custom'
-                        })
-                      : intl.formatMessage({
-                          id: 'playground.image.params.openai'
-                        })}
-                  </Button>
-                </Tooltip>
-              </div>
-            }
             onValuesChange={handleOnValuesChange}
             paramsConfig={paramsConfig}
             initialValues={initialValues}

src/pages/playground/components/image-edit.tsx

@@ -7,9 +7,8 @@ import { processImage } from '@/components/image-editor/extract-image-colors';
 import routeCachekey from '@/config/route-cachekey';
 import UploadImg from '@/pages/playground/components/upload-img';
 import { base64ToFile, generateRandomNumber } from '@/utils';
-import { SwapOutlined } from '@ant-design/icons';
 import { useIntl } from '@umijs/max';
-import { Button, Divider, Tooltip } from 'antd';
+import { Divider } from 'antd';
 import classNames from 'classnames';
 import _ from 'lodash';
 import 'overlayscrollbars/overlayscrollbars.css';
@@ -520,33 +519,6 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
             <DynamicParams
               ref={form}
               formFields={formFields}
-              parametersTitle={
-                <div className="flex-between flex-center">
-                  <span>
-                    {intl.formatMessage({ id: 'playground.parameters' })}
-                  </span>
-                  <Tooltip
-                    title={intl.formatMessage({
-                      id: 'playground.image.params.custom.tips'
-                    })}
-                  >
-                    <Button
-                      size="small"
-                      type="text"
-                      icon={<SwapOutlined />}
-                      onClick={handleToggleParamsStyle}
-                    >
-                      {isOpenaiCompatible
-                        ? intl.formatMessage({
-                            id: 'playground.image.params.custom'
-                          })
-                        : intl.formatMessage({
-                            id: 'playground.image.params.openai'
-                          })}
-                    </Button>
-                  </Tooltip>
-                </div>
-              }
               onValuesChange={handleOnValuesChange}
               paramsConfig={paramsConfig}
               initialValues={initialValues}

src/pages/playground/config/params-config.ts

@@ -27,7 +27,8 @@ export const imageSizeOptions: {
   { label: '1024x768(4:3)', value: '1024x768', width: 1024, height: 768 },
   { label: '1024x576(16:9)', value: '1024x576', width: 1024, height: 576 },
   { label: '576x1024(9:16)', value: '576x1024', width: 576, height: 1024 },
-  { label: '1024x1024(1:1)', value: '1024x1024', width: 1024, height: 1024 }
+  { label: '1024x1024(1:1)', value: '1024x1024', width: 1024, height: 1024 },
+  { label: '2048x2048(1:1)', value: '2048x2048', width: 2048, height: 2048 }
 ];
 
 export const RealtimeParamsConfig: ParamsSchema[] = [