update apolloTable detail tag ui

components/apolloTable/component/base/_utils/transferAttr.tsx

@@ -27,6 +27,11 @@ export const transferAttr = (columnType, columnAttrObj) => {
             columnAttrObj.format = columnAttrObj.format.replace(/y/g, 'Y').replace(/d/g, 'D');
             columnAttrObj.showTime = /H|m|s/.test(columnAttrObj.format);
             break;
+        case '13':
+            if (columnAttrObj.isMultiple) {
+                columnAttrObj.mode = 'multiple';
+            }
+            break;
         default:
             break;
     }

components/apolloTable/component/base/config.tsx

@@ -112,8 +112,7 @@ export const config: any = {
         cellComp: CellContainer(ApolloMultipleSelect),
         componentAttr: {
             labelInValue: true,
-            mode: 'tags',
-            maxTagCount: 3,
+            mode: 'multiple',
         },
         getFormatter: GetFormatter.MULTIPLE_SELECT,
         setFormatter: SetFormatter.MULTIPLE_SELECT,

components/apolloTable/component/base/detail/tag/index.less

@@ -14,17 +14,19 @@
             .item {
                 margin-right: 10px;
                 background: #e9eef9;
-                border-radius: @borderRadius;
+                border-radius: 12px;
+                &.multi {
+                    border-radius: @borderRadius;
+                }
                 .itemBgTxt {
                     height: 24px;
                     padding: 5px 10px;
                     line-height: 1;
                     font-size: 14px;
-                    color: #2e67c5;
-
-                    &:last-child {
-                        margin-right: 0;
-                    }
+                    color: @textGeneralColor;
+                }
+                &:last-child {
+                    margin-right: 0;
                 }
             }
         }

components/apolloTable/component/base/detail/tag/index.tsx

 import React, { useState, useRef, useEffect } from 'react';
 import { Popover } from 'antd';
+import classNames from 'classnames';
 import s from './index.less';
 import extendIcon from '../../../../assets/extend.png';
 
 export const Tags = (props: any) => {
     const { value, origin, componentAttr } = props;
     if (!Array.isArray(value) || value.length === 0) return null;
-    const { options } = componentAttr || {};
+    const { options, mode } = componentAttr || {};
     const [dotVisible, setDotVisible] = useState(false);
     const outer = useRef(null);
     const inner = useRef(null);
@@ -41,7 +42,11 @@ export const Tags = (props: any) => {
                             color = obj.color || 'e9eef9';
                         }
                         return (
-                            <span key={index} className={s.item} style={{ ...itemStyle, background: `#${color}` }}>
+                            <span
+                                key={index}
+                                className={mode === 'multiple' ? classNames(s.item, s.multi) : s.item}
+                                style={{ ...itemStyle, background: `#${color}` }}
+                            >
                                 <div className={s.itemBgTxt}>{item.text}</div>
                             </span>
                         );