chore: rename web_ui dir to web

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

@@ -0,0 +1,30 @@
+import {IDynamicFormItemConfig} from "@/app/home/components/dynamic-form/DynamicFormItemConfig";
+import {Form, FormInstance} from "antd";
+import DynamicFormItemComponent from "@/app/home/components/dynamic-form/DynamicFormItemComponent";
+
+export default function DynamicFormComponent({
+    form,
+    itemConfigList,
+    onSubmit,
+}: {
+    form: FormInstance<object>
+    itemConfigList: IDynamicFormItemConfig[]
+    onSubmit?: (val: object) => unknown
+}) {
+    return (
+        <Form
+            form={form}
+            onFinish={onSubmit}
+            layout={"vertical"}
+        >
+            {
+                itemConfigList.map(config =>
+                    <DynamicFormItemComponent
+                        key={config.id}
+                        config={config}
+                    />
+                )
+            }
+        </Form>
+    )
+}

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

@@ -0,0 +1,38 @@
+import {Form, Input, InputNumber, Select, Switch} from "antd";
+import {DynamicFormItemType, IDynamicFormItemConfig} from "@/app/home/components/dynamic-form/DynamicFormItemConfig";
+
+export default function DynamicFormItemComponent({
+    config
+}: {
+    config: IDynamicFormItemConfig
+}) {
+    return (
+        <Form.Item
+            label={config.label.zh_CN}
+            name={config.name}
+            rules={[{required: config.required, message: "该项为必填项哦～"}]}
+            initialValue={config.default}
+        >
+            {
+                config.type === DynamicFormItemType.INT &&
+                <InputNumber/>
+            }
+
+            {
+                config.type === DynamicFormItemType.STRING &&
+                <Input/>
+            }
+
+            {
+                config.type === DynamicFormItemType.BOOLEAN &&
+                <Switch defaultChecked/>
+            }
+
+            {
+                config.type === DynamicFormItemType.STRING_ARRAY &&
+                <Select options={[]}/>
+            }
+        </Form.Item>
+    )
+
+}

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

@@ -0,0 +1,51 @@
+export interface IDynamicFormItemConfig {
+    id: string;
+    default: string | number | boolean | Array<unknown>;
+    label: IDynamicFormItemLabel;
+    name: string;
+    required: boolean;
+    type: DynamicFormItemType
+    description?: IDynamicFormItemLabel;
+}
+
+export class DynamicFormItemConfig implements IDynamicFormItemConfig {
+    id: string;
+    name: string;
+    default: string | number | boolean | Array<unknown>;
+    label: IDynamicFormItemLabel;
+    required: boolean;
+    type: DynamicFormItemType;
+    description?: IDynamicFormItemLabel;
+
+    constructor(params: IDynamicFormItemConfig) {
+        this.id = params.id;
+        this.name = params.name;
+        this.default = params.default;
+        this.label = params.label;
+        this.required = params.required;
+        this.type = params.type;
+        this.description = params.description;
+    }
+
+}
+
+export interface IDynamicFormItemLabel {
+    en_US: string,
+    zh_CN: string,
+}
+
+export enum DynamicFormItemType {
+    INT = "integer",
+    STRING = "string",
+    BOOLEAN = "boolean",
+    STRING_ARRAY = "array[string]",
+    UNKNOWN = "unknown",
+}
+
+export function isDynamicFormItemType(value: string): value is DynamicFormItemType {
+    return Object.values(DynamicFormItemType).includes(value as DynamicFormItemType);
+}
+
+export function parseDynamicFormItemType(value: string): DynamicFormItemType {
+    return isDynamicFormItemType(value) ? value : DynamicFormItemType.UNKNOWN;
+}

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

@@ -0,0 +1,41 @@
+import {
+    DynamicFormItemConfig,
+    DynamicFormItemType,
+    IDynamicFormItemConfig
+} from "@/app/home/components/dynamic-form/DynamicFormItemConfig";
+
+export const testDynamicConfigList: IDynamicFormItemConfig[] = [
+    new DynamicFormItemConfig({
+        default: "",
+        id: "111",
+        label: {
+            zh_CN: "测试字段string",
+            en_US: "eng test"
+        },
+        name: "string_test",
+        required: false,
+        type: DynamicFormItemType.STRING
+    }),
+    new DynamicFormItemConfig({
+        default: "",
+        id: "222",
+        label: {
+            zh_CN: "测试字段int",
+            en_US: "int eng test"
+        },
+        name: "int_test",
+        required: true,
+        type: DynamicFormItemType.INT
+    }),
+    new DynamicFormItemConfig({
+        default: "",
+        id: "333",
+        label: {
+            zh_CN: "测试字段boolean",
+            en_US: "boolean eng test"
+        },
+        name: "boolean_test",
+        required: false,
+        type: DynamicFormItemType.BOOLEAN
+    }),
+]