chore(deps): upgrade antd to v6

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

@@ -247,10 +247,10 @@ const GroundReranker: React.FC<MessageProps> = forwardRef((props, ref) => {
           ></div>
         </div>
         <span className="flex-center hover-hidden rank-tag">
-          <Tag color={'geekblue'} bordered={false}>
+          <Tag color={'geekblue'} variant="filled">
             {intl.formatMessage({ id: 'playground.rerank.rank' })}: {data.rank}
           </Tag>
-          <Tag color={'gold'} bordered={false}>
+          <Tag color={'gold'} variant="filled">
             {intl.formatMessage({ id: 'playground.rerank.score' })}:{' '}
             {_.round(data.score, 2)}
           </Tag>

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

@@ -456,7 +456,7 @@ const GroundImages: React.FC<MessageProps> = forwardRef((props, ref) => {
             {imageList.length > 0 && (
               <>
                 <Divider
-                  type="vertical"
+                  orientation="vertical"
                   style={{
                     margin: '0 30px',
                     height: 80

src/pages/playground/components/message-input.tsx

@@ -411,7 +411,7 @@ const MessageInput: React.FC<MessageInputProps> = forwardRef(
                 >
                   {intl.formatMessage({ id: `playground.${message.role}` })}
                 </Button>
-                <Divider type="vertical" style={{ margin: 0 }} />
+                <Divider orientation="vertical" style={{ margin: 0 }} />
               </>
             )}
             {actions.includes('check') && (
@@ -451,7 +451,7 @@ const MessageInput: React.FC<MessageInputProps> = forwardRef(
 
             {actions.includes('layout') && updateLayout && (
               <>
-                <Divider type="vertical" style={{ margin: 0 }} />
+                <Divider orientation="vertical" style={{ margin: 0 }} />
                 {layoutOptions.map((option) => (
                   <Tooltip
                     title={intl.formatMessage({ id: option.tips })}

src/pages/playground/components/multiple-chat/model-item.tsx

@@ -302,7 +302,7 @@ const ModelItem: React.FC<ModelItemProps> = forwardRef((props, ref) => {
           <Popover
             autoAdjustOverflow={true}
             styles={{
-              body: {
+              container: {
                 width: 375,
                 paddingInline: 0
               }

src/pages/playground/components/rerank-message.tsx

@@ -57,7 +57,7 @@ const RerankMessage: React.FC<RerankMessageProps> = ({ header, dataList }) => {
                           status="normal"
                           percentPosition={{ align: 'end', type: 'outer' }}
                           strokeColor={`linear-gradient(90deg, #388bff 0%, #fff ${sItem.normalizValue}%)`}
-                          trailColor="transparent"
+                          railColor="transparent"
                           percent={sItem.normalizValue}
                           style={{
                             position: 'absolute',

src/pages/playground/embedding.tsx

@@ -90,7 +90,7 @@ const PlaygroundEmbedding: React.FC = () => {
         />,
         <Divider
           key="divider"
-          type="vertical"
+          orientation="vertical"
           style={{ height: 24, marginInline: 16 }}
         />,
         <ExtraContent key="extra-content" />

src/pages/playground/images.tsx

@@ -169,7 +169,7 @@ const TextToImages: React.FC = () => {
         ></ViewCodeButtons>,
         <Divider
           key="divider"
-          type="vertical"
+          orientation="vertical"
           style={{ height: 24, marginInline: 16 }}
         />,
         <ExtraContent key="extra-content" />

src/pages/playground/index.tsx

@@ -160,7 +160,7 @@ const Playground: React.FC = () => {
           {activeKey === 'chat' && (
             <Divider
               key="divider"
-              type="vertical"
+              orientation="vertical"
               style={{ height: 16, marginInline: 16 }}
             />
           )}

src/pages/playground/rerank.tsx

@@ -94,7 +94,7 @@ const PlaygroundRerank: React.FC = () => {
         ></ViewCodeButtons>,
         <Divider
           key="divider"
-          type="vertical"
+          orientation="vertical"
           style={{ height: 24, marginInline: 16 }}
         />,
         <ExtraContent key="extra-content" />

src/pages/playground/speech.tsx

@@ -206,7 +206,7 @@ const Playground: React.FC = () => {
         ></ViewCodeButtons>,
         <Divider
           key="divider"
-          type="vertical"
+          orientation="vertical"
           style={{ height: 24, marginInline: 16 }}
         />,
         <ExtraContent key="extra-content" />

src/pages/playground/style/message-input.less

@@ -57,12 +57,6 @@
     transform: rotate(-30deg);
   }
 
-  .ant-select-selector {
-    .ant-select-selection-overflow {
-      justify-content: flex-end;
-    }
-  }
-
   .input-box {
     width: 100%;
     display: flex;