feat(state): support filter by link field

packages/grid/src/core/types/core.ts

@@ -98,6 +98,8 @@ export enum AITableSelectOptionStyle {
 
 export type TextFieldValue = string;
 
+export type LinkFieldValue = { url: string; text: string };
+
 export type SelectFieldValue = Id[]; // 数字
 
 export type NumberFieldValue = number;
@@ -112,6 +114,7 @@ export type RateFieldValue = 1 | 2 | 3 | 4 | 5;
 
 export type FieldValue =
     | TextFieldValue
+    | LinkFieldValue
     | SelectFieldValue
     | NumberFieldValue
     | DateFieldValue

packages/state/src/utils/field/model/index.ts

@@ -5,6 +5,7 @@ import { SelectField } from './select';
 import { DateField } from './date';
 import { NumberField } from './number';
 import { RateField } from './rate';
+import { LinkField } from './link';
 
 export const ViewOperationMap: Record<AITableFieldType, Field> = {
     [AITableFieldType.text]: new TextField(),
@@ -15,7 +16,7 @@ export const ViewOperationMap: Record<AITableFieldType, Field> = {
     [AITableFieldType.updatedAt]: new DateField(),
     [AITableFieldType.number]: new NumberField(),
     [AITableFieldType.rate]: new RateField(),
-    [AITableFieldType.link]: new TextField(),
+    [AITableFieldType.link]: new LinkField(),
     [AITableFieldType.member]: new SelectField(),
     [AITableFieldType.progress]: new NumberField(),
     [AITableFieldType.createdBy]: new SelectField(),

packages/state/src/utils/field/model/link.ts

@@ -0,0 +1,34 @@
+import { isEmpty } from '../../common';
+import { AITableFilterCondition, AITableFilterOperation } from '../../../types';
+import { Field } from './field';
+import { AITableField, FieldValue, LinkFieldValue } from '@ai-table/grid';
+
+export class LinkField extends Field {
+    override isMeetFilter(condition: AITableFilterCondition<string>, cellValue: FieldValue) {
+        const cellTextValue = this.cellValueToString(cellValue);
+        switch (condition.operation) {
+            case AITableFilterOperation.empty:
+                return isEmpty(cellTextValue);
+            case AITableFilterOperation.exists:
+                return !isEmpty(cellTextValue);
+            case AITableFilterOperation.contain:
+                return !isEmpty(cellTextValue) && this.stringInclude(cellTextValue, condition.value);
+            default:
+                return super.isMeetFilter(condition, cellTextValue);
+        }
+    }
+
+    override eq(cv1: LinkFieldValue | null, cv2: LinkFieldValue | null): boolean {
+        return this.cellValueToString(cv1) === this.cellValueToString(cv2);
+    }
+
+    override compare(cellValue1: FieldValue, cellValue2: FieldValue, field: AITableField): number {
+        const cellTextValue1 = this.cellValueToString(cellValue1);
+        const cellTextValue2 = this.cellValueToString(cellValue2);
+        return super.compare(cellTextValue1, cellTextValue2, field);
+    }
+
+    cellValueToString(cellValue: LinkFieldValue | null): string {
+        return cellValue?.text || '';
+    }
+}