资产搜索高亮

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, AnchorTimestamp, AssetBrowseReference, AssetManageReference, AssetRecycleReference, ResourceBrowseReference } from '../../../../util/constant';
 import { FullScreenSvg, CancelFullScreenSvg } from './AssetSvg';
 import { AppContext } from "../../../../App";
@@ -28,7 +28,7 @@ const { Search } = Input;
 
 //资产项
 const AssetItem = (props) => {
-  const { metadata } = props;
+  const { metadata, terms } = props;
 
   let content = '';
   if (typeof metadata==='string') {
@@ -79,7 +79,7 @@ const AssetItem = (props) => {
       </div>}
     >
       <Text ellipsis={true}>
-      {content||''}
+      {highlightSearchContentByTerms(content||'', terms)}
       </Text>
     </Tooltip>
   );
@@ -261,7 +261,7 @@ const AssetTable = (props) => {
                 return (
                   <Tooltip title={text||''}>
                     <Text ellipsis={true}>
-                    {text||''}
+                    {highlightSearchContentByTerms(text||'', keyword?[keyword]:[])}
                     </Text>
                   </Tooltip>
                 );
@@ -290,7 +290,7 @@ const AssetTable = (props) => {
 
               params.render = (metadata, _) => {
                 return (
-                  <AssetItem metadata={metadata} />
+                  <AssetItem metadata={metadata} terms={keyword?[keyword]:[]} />
                 );
               }
 
@@ -307,7 +307,7 @@ const AssetTable = (props) => {
                         event.dirId = record.dirId||'';
                         window?.dispatchEvent(event);
                       }}>
-                      {text||''}
+                      {highlightSearchContentByTerms(text||'', keyword?[keyword]:[])}
                       </a>
                     </Text>
                   </Tooltip>