资产搜索列表高亮

src/view/Manage/AssetManage/Component/AssetTable.jsx

@@ -13,7 +13,7 @@ import ImportAssetDrawer from './ImportAssetDrawer';
 import AssetEdit from './AddAssetModel';
 import AssetDetailDrawer from "./AssetDetailDrawer";
 import { dispatch, dispatchLatestHomepage } from '../../../../model';
-import { showMessage, showNotifaction, getQueryParam, inputWidth, isSzseEnv } from '../../../../util';
+import { showMessage, showNotifaction, getQueryParam, inputWidth, isSzseEnv, highlightSearchContentByTerms } from '../../../../util';
 import { AnchorId, AnchorDirId, AnchorTimestamp, AssetBrowseReference, AssetManageReference, AssetRecycleReference, ResourceBrowseReference } from '../../../../util/constant';
 import { FullScreenSvg, CancelFullScreenSvg } from './AssetSvg';
 import AssetDeleteModal from './AssetDeleteModal';
@@ -31,7 +31,7 @@ const { Column } = Table;
 
 //资产项
 export const AssetItem = (props) => {
-  const { metadata } = props;
+  const { metadata, terms } = props;
 
   let content = '';
   if (typeof metadata==='string') {
@@ -82,7 +82,7 @@ export const AssetItem = (props) => {
       </div>}
     >
       <Text ellipsis={true}>
-      {content||''}
+      {highlightSearchContentByTerms(content, terms)}
       </Text>
     </Tooltip>
   );
@@ -399,7 +399,7 @@ const AssetTable = (props) => {
                 return (
                   <Tooltip title={text||''}>
                     <Text ellipsis={true}>
-                    {text||''}
+                    {highlightSearchContentByTerms(text, [keyword])}
                     </Text>
                   </Tooltip>
                 );
@@ -429,7 +429,7 @@ const AssetTable = (props) => {
 
               params.render = (metadata, _) => {
                 return (
-                  <AssetItem metadata={metadata} />
+                  <AssetItem metadata={metadata} terms={[keyword]} />
                 );
               }
 
@@ -445,7 +445,7 @@ const AssetTable = (props) => {
                         event.dirId = record.dirId||'';
                         window?.dispatchEvent(event);
                       }}>
-                      {text||''}
+                      {highlightSearchContentByTerms(text, [keyword])}
                       </a>
                     </Text>
                   </Tooltip>