perf: unify entities

web/src/app/home/components/dynamic-form/DynamicFormComponent.tsx

@@ -1,4 +1,4 @@
-import { IDynamicFormItemConfig } from '@/app/home/components/dynamic-form/DynamicFormItemConfig';
+import { IDynamicFormItemSchema } from '@/app/infra/entities/form/dynamic';
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
@@ -18,7 +18,7 @@ export default function DynamicFormComponent({
   onSubmit,
   initialValues,
 }: {
-  itemConfigList: IDynamicFormItemConfig[];
+  itemConfigList: IDynamicFormItemSchema[];
   onSubmit?: (val: object) => unknown;
   initialValues?: Record<string, any>;
 }) {

web/src/app/home/components/dynamic-form/DynamicFormItemComponent.tsx

@@ -1,18 +1,18 @@
-// import { Form, Input, InputNumber, Select, Switch } from 'antd';
 import {
   DynamicFormItemType,
-  IDynamicFormItemConfig,
-} from '@/app/home/components/dynamic-form/DynamicFormItemConfig';
+  IDynamicFormItemSchema,
+} from '@/app/infra/entities/form/dynamic';
 import { Input } from "@/components/ui/input"
 import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue } from "@/components/ui/select"
 import { Checkbox } from "@/components/ui/checkbox"
 import { ControllerRenderProps } from "react-hook-form";
+import { Button } from "@/components/ui/button";
 
 export default function DynamicFormItemComponent({
   config,
   field,
 }: {
-  config: IDynamicFormItemConfig;
+  config: IDynamicFormItemSchema;
   field: ControllerRenderProps<any, any>;
 }) {
   switch (config.type) {
@@ -39,21 +39,37 @@ export default function DynamicFormItemComponent({
 
     case DynamicFormItemType.STRING_ARRAY:
       return (
-        <Select
-          value={field.value}
-          onValueChange={field.onChange}
-        >
-          <SelectTrigger>
-            <SelectValue placeholder="请选择" />
-          </SelectTrigger>
-          <SelectContent>
-            <SelectGroup>
-              {/* 这里需要根据实际情况添加选项 */}
-              <SelectItem value="option1">选项1</SelectItem>
-              <SelectItem value="option2">选项2</SelectItem>
-            </SelectGroup>
-          </SelectContent>
-        </Select>
+        <div className="space-y-2">
+          {field.value.map((item: string, index: number) => (
+            <div key={index} className="flex gap-2">
+              <Input
+                value={item}
+                onChange={(e) => {
+                  const newValue = [...field.value];
+                  newValue[index] = e.target.value;
+                  field.onChange(newValue);
+                }}
+              />
+              <Button
+                variant="destructive"
+                onClick={() => {
+                  const newValue = field.value.filter((_: string, i: number) => i !== index);
+                  field.onChange(newValue);
+                }}
+              >
+                删除
+              </Button>
+            </div>
+          ))}
+          <Button
+            variant="outline"
+            onClick={() => {
+              field.onChange([...field.value, '']);
+            }}
+          >
+            添加
+          </Button>
+        </div>
       );
 
     case DynamicFormItemType.SELECT:
@@ -67,9 +83,11 @@ export default function DynamicFormItemComponent({
           </SelectTrigger>
           <SelectContent>
             <SelectGroup>
-              {/* 这里需要根据实际情况添加选项 */}
-              <SelectItem value="option1">选项1</SelectItem>
-              <SelectItem value="option2">选项2</SelectItem>
+              {config.options?.map((option) => (
+                <SelectItem key={option.name} value={option.name}>
+                  {option.label.zh_CN}
+                </SelectItem>
+              ))}
             </SelectGroup>
           </SelectContent>
         </Select>

web/src/app/home/components/dynamic-form/DynamicFormItemConfig.ts

@@ -1,23 +1,17 @@
-export interface IDynamicFormItemConfig {
-  id: string;
-  default: string | number | boolean | Array<unknown>;
-  label: IDynamicFormItemLabel;
-  name: string;
-  required: boolean;
-  type: DynamicFormItemType;
-  description?: IDynamicFormItemLabel;
-}
+import { IDynamicFormItemSchema, DynamicFormItemType, IDynamicFormItemOption } from '@/app/infra/entities/form/dynamic';
+import { I18nLabel } from '@/app/infra/entities/common';
 
-export class DynamicFormItemConfig implements IDynamicFormItemConfig {
+export class DynamicFormItemConfig implements IDynamicFormItemSchema {
   id: string;
   name: string;
   default: string | number | boolean | Array<unknown>;
-  label: IDynamicFormItemLabel;
+  label: I18nLabel;
   required: boolean;
   type: DynamicFormItemType;
-  description?: IDynamicFormItemLabel;
+  description?: I18nLabel;
+  options?: IDynamicFormItemOption[];
 
-  constructor(params: IDynamicFormItemConfig) {
+  constructor(params: IDynamicFormItemSchema) {
     this.id = params.id;
     this.name = params.name;
     this.default = params.default;
@@ -25,23 +19,10 @@ export class DynamicFormItemConfig implements IDynamicFormItemConfig {
     this.required = params.required;
     this.type = params.type;
     this.description = params.description;
+    this.options = params.options;
   }
 }
 
-export interface IDynamicFormItemLabel {
-  en_US: string;
-  zh_CN: string;
-}
-
-export enum DynamicFormItemType {
-  INT = 'integer',
-  FLOAT = 'float',
-  BOOLEAN = 'boolean',
-  STRING = 'string',
-  STRING_ARRAY = 'array[string]',
-  SELECT = 'select',
-  UNKNOWN = 'unknown',
-}
 
 export function isDynamicFormItemType(
   value: string,
@@ -55,7 +36,7 @@ export function parseDynamicFormItemType(value: string): DynamicFormItemType {
   return isDynamicFormItemType(value) ? value : DynamicFormItemType.UNKNOWN;
 }
 
-export function getDefaultValues(itemConfigList: IDynamicFormItemConfig[]): Record<string, any> {
+export function getDefaultValues(itemConfigList: IDynamicFormItemSchema[]): Record<string, any> {
   return itemConfigList.reduce((acc, item) => {
     acc[item.name] = item.default;
     return acc;

web/src/app/home/components/dynamic-form/testDynamicConfigList.ts

@@ -1,10 +1,10 @@
 import {
-  DynamicFormItemConfig,
   DynamicFormItemType,
-  IDynamicFormItemConfig,
-} from '@/app/home/components/dynamic-form/DynamicFormItemConfig';
+  IDynamicFormItemSchema,
+} from '@/app/infra/entities/form/dynamic';
+import { DynamicFormItemConfig } from '@/app/home/components/dynamic-form/DynamicFormItemConfig';
 
-export const testDynamicConfigList: IDynamicFormItemConfig[] = [
+export const testDynamicConfigList: IDynamicFormItemSchema[] = [
   new DynamicFormItemConfig({
     default: '',
     id: '111',