apps/khata-ui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor the React OpenAPI admin framework to support fully customizable field rendering and UI composition. #11

Merged
aetos merged 15 commits from common-fields into main 2026-06-07 12:35:53 +00:00
Conversation 0 Commits 15 Files Changed 35 +4 -11
2 changed files with 4 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 4a8ed46c70 - Show all commits

13
react-openapi/components/FilterBar.tsx
View File

@@ -124,17 +124,10 @@ function extractOptions(
if (field.enumOption?.value) return resolveTemplate(field.enumOption.value, item); if (field.enumOption?.value) return resolveTemplate(field.enumOption.value, item);
if (fieldName == 'payee') debugger; // Use displayFormat if defined, otherwise fall back to displayField logic (for backward compatibility)
const df = field.displayField; if (field.displayFormat) {
if (!df) return null; return resolveTemplate(field.displayFormat, item);
if (Array.isArray(df)) {
const parts = df.map((k) => item[k]).filter((v) => v != null);
if (parts.length > 0) return parts.join(" ");
return null;
} }
const v = item[df];
if (v != null) return String(v);
return null; return null;
}; };

2
react-openapi/types/config.ts
View File

@@ -21,13 +21,13 @@ export interface EnumOption {
} }
export interface ResourceField { export interface ResourceField {
displayFormat: string;
type: FieldType; type: FieldType;
label: string; label: string;
required?: boolean; required?: boolean;
options?: string[]; options?: string[];
readOnly?: boolean; readOnly?: boolean;
schema?: Record<string, ResourceField>; schema?: Record<string, ResourceField>;
displayField?: string | string[];
formatter?: (value: any) => string; formatter?: (value: any) => string;
relation?: string; relation?: string;
filterType?: "autocomplete" | "multiselect" | "number-range" | "date-range"; filterType?: "autocomplete" | "multiselect" | "number-range" | "date-range";