perf: unify entities

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>