feat(grid): support clear matchedCells when keywords is null and search by progress

packages/grid/src/grid.component.ts

@@ -150,9 +150,7 @@ export class AITableGrid extends AITableGridBase implements OnInit, OnDestroy {
         });
         effect(
             () => {
-                if (this.aiKeywords()) {
-                    this.aiTableGridMatchCellService.findMatchedCells(this.aiKeywords()!, this.aiReferences());
-                }
+                this.aiTableGridMatchCellService.findMatchedCells(this.aiKeywords()!, this.aiReferences());
             },
             { allowSignalWrites: true }
         );

packages/grid/src/services/match-cell.service.ts

@@ -12,6 +12,10 @@ export class AITableGridMatchCellService {
     }
 
     findMatchedCells(keywords: string, references: AITableReferences) {
+        if (!keywords) {
+            this.clearMatchedCells();
+            return;
+        }
         let matchedCells: string[] = [];
         this.aiTable.records().forEach((record) => {
             this.aiTable.fields().forEach((field) => {
@@ -23,6 +27,10 @@ export class AITableGridMatchCellService {
         this.aiTable.matchedCells.set([...matchedCells]);
     }
 
+    private clearMatchedCells() {
+        this.aiTable.matchedCells.set([]);
+    }
+
     private isCellMatchKeywords(aiTable: AITable, field: AITableField, recordId: string, keywords: string, references: AITableReferences) {
         const cellValue = AITableQueries.getFieldValue(aiTable, [recordId, field._id]);
         const transformValue = transformCellValue(aiTable, field, cellValue);

packages/grid/src/utils/field/index.ts

@@ -2,6 +2,7 @@ import { AITableFieldType } from '../../index';
 import { Field } from './field';
 import { LinkField } from './link';
 import { MemberField } from './member';
+import { ProgressField } from './progress';
 import { SelectField } from './select';
 import { TextField } from './text';
 
@@ -16,7 +17,7 @@ export const ViewOperationMap: Record<AITableFieldType, Field> = {
     [AITableFieldType.rate]: new TextField(),
     [AITableFieldType.link]: new LinkField(),
     [AITableFieldType.member]: new MemberField(),
-    [AITableFieldType.progress]: new TextField(),
+    [AITableFieldType.progress]: new ProgressField(),
     [AITableFieldType.createdBy]: new MemberField(),
     [AITableFieldType.updatedBy]: new MemberField()
 };

packages/grid/src/utils/field/progress.ts

@@ -1,9 +1,12 @@
-import { AITableField } from '../../index';
+import { AITableField, isEmpty } from '../../index';
 import { Field } from './field';
 
 export class ProgressField extends Field {
     cellFullText(transformValue: number, field: AITableField): string[] {
-        const fullText = `${transformValue}%`;
-        return [fullText];
+        let fullText: string[] = [];
+        if (!isEmpty(transformValue)) {
+            fullText.push(`${transformValue}%`);
+        }
+        return fullText;
     }
 }