feat: 完成创建角色功能

2025-12-26 16:00:40 +08:00
parent 9139d0c451
commit 8aaad677b6
8 changed files with 185 additions and 16 deletions
@@ -0,0 +1,66 @@
+import { App, Form, type FormInstance, Input, InputNumber, Select, Switch } from "antd"
+import { type Status, StatusOptions } from "@/types/constant"
+
+/**
+ * Role form values.
+ */
+export interface RoleFormValues {
+  name: string
+  code: string
+  sort: number
+  defaultValue: boolean
+  description: string | null
+  status: Status
+}
+
+/**
+ * Component props.
+ */
+export interface RoleDisplayFormProps {
+  initialValues?: RoleFormValues
+  isEditing?: boolean
+  form: FormInstance<RoleFormValues>
+  isAdding?: boolean
+}
+
+export default function RoleDisplayForm({ initialValues, form }: RoleDisplayFormProps) {
+  return (
+    <Form<RoleFormValues>
+      form={form}
+      initialValues={initialValues}
+      layout="vertical"
+      labelAlign="right"
+      validateTrigger="onBlur">
+      <Form.Item<RoleFormValues>
+        label="角色名称"
+        name="name"
+        rules={[{ required: true, message: "角色名称不能为空" }]}>
+        <Input />
+      </Form.Item>
+      <Form.Item<RoleFormValues>
+        label="角色编码"
+        name="code"
+        rules={[
+          { required: true, message: "角色编码不能为空" },
+          { pattern: /^[a-z-]+$/, message: "角色编码格式错误，仅支持小写英文字母及 '-'" },
+        ]}>
+        <Input />
+      </Form.Item>
+      <Form.Item<RoleFormValues>
+        label="排序编码"
+        name="sort"
+        rules={[
+          { required: true, message: "排序不能为空" },
+          { type: "number", min: 0, max: Number.MAX_VALUE, message: "排序必须是正数" },
+        ]}>
+        <InputNumber />
+      </Form.Item>
+      <Form.Item<RoleFormValues> label="是否为默认角色" name="defaultValue">
+        <Switch />
+      </Form.Item>
+      <Form.Item<RoleFormValues> label="角色状态" name="status">
+        <Select<Status> options={StatusOptions} />
+      </Form.Item>
+    </Form>
+  )
+}