@farmzone/fz-template-react 1.0.2 → 1.0.4

package/template/src/pages/user/config/columns.tsx

@@ -1,109 +1,109 @@
-import { Badge, Button, type Column } from "@farmzone/fz-react-ui";
-import { Pencil, Trash2 } from "lucide-react";
-
-import type { User } from "@/types";
-import { formatDateTime } from "@/shared/utils/format";
-
-const ROLE_LABEL: Record<string, string> = {
-  ADMIN: "관리자",
-  USER: "일반",
-};
-
-interface ActionHandlers {
-  onEdit: (user: User) => void;
-  onDelete: (user: User) => void;
-  totalElements: number;
-  page: number;
-  pageSize: number;
-}
-
-export const getUserColumns = ({
-  onEdit,
-  onDelete,
-  totalElements,
-  page,
-  pageSize,
-}: ActionHandlers): Array<Column<User>> => [
-  {
-    key: "index",
-    title: "No",
-    width: "30px",
-    align: "center",
-    render: (_, __, index) => totalElements - page * pageSize - index,
-  },
-  { key: "userId", title: "아이디", minWidth: 100 },
-  { key: "name", title: "이름", minWidth: 80 },
-  {
-    key: "role",
-    title: "권한",
-    align: "center",
-    width: "40px",
-    render: (_, record) => ROLE_LABEL[record.role] ?? record.role,
-  },
-  {
-    key: "active",
-    title: "사용여부",
-    align: "center",
-    width: "50px",
-    render: (_, record) => (
-      <Badge
-        text={record.active ? "O" : "X"}
-        className={`scale-90 ${
-          record.active
-            ? "bg-green-100 text-green-700 border-green-100"
-            : "bg-red-100 text-red-500 border-red-100"
-        }`}
-      />
-    ),
-  },
-  {
-    key: "createdAt",
-    title: "등록일시",
-    align: "center",
-    width: "80px",
-    render: (_, record) => formatDateTime(record.createdAt),
-  },
-  {
-    key: "lastLoginAt",
-    title: "최종 로그인",
-    align: "center",
-    width: "80px",
-    render: (_, record) => formatDateTime(record.lastLoginAt),
-  },
-  // {
-  //   key: "actions",
-  //   title: "관리",
-  //   align: "center",
-  //   width: "40px",
-  //   render: (_, record) => (
-  //     <div className="flex items-center justify-center gap-1">
-  //       <Button
-  //         type="button"
-  //         variant="ghost"
-  //         size="icon-sm"
-  //         className="cursor-pointer rounded p-1 text-gray-400 hover:bg-gray-100 hover:text-blue-500"
-  //         onClick={(e) => {
-  //           e.stopPropagation();
-  //           onEdit(record);
-  //         }}
-  //         aria-label="수정"
-  //       >
-  //         <Pencil size={15} />
-  //       </Button>
-  //       <Button
-  //         type="button"
-  //         variant="ghost"
-  //         size="icon-sm"
-  //         className="cursor-pointer rounded p-1 text-gray-400 hover:bg-gray-100 hover:text-red-500"
-  //         onClick={(e) => {
-  //           e.stopPropagation();
-  //           onDelete(record);
-  //         }}
-  //         aria-label="삭제"
-  //       >
-  //         <Trash2 size={15} />
-  //       </Button>
-  //     </div>
-  //   ),
-  // },
-];
+import { Badge, Button, type Column } from "@farmzone/fz-react-ui";
+import { Pencil, Trash2 } from "lucide-react";
+
+import type { User } from "@/types";
+import { formatDateTime } from "@/shared/utils/format";
+
+const ROLE_LABEL: Record<string, string> = {
+  ADMIN: "관리자",
+  USER: "일반",
+};
+
+interface ActionHandlers {
+  onEdit: (user: User) => void;
+  onDelete: (user: User) => void;
+  totalElements: number;
+  page: number;
+  pageSize: number;
+}
+
+export const getUserColumns = ({
+  onEdit,
+  onDelete,
+  totalElements,
+  page,
+  pageSize,
+}: ActionHandlers): Array<Column<User>> => [
+  {
+    key: "index",
+    title: "No",
+    width: "30px",
+    align: "center",
+    render: (_, __, index) => totalElements - page * pageSize - index,
+  },
+  { key: "userId", title: "아이디", minWidth: 100 },
+  { key: "name", title: "이름", minWidth: 80 },
+  {
+    key: "role",
+    title: "권한",
+    align: "center",
+    width: "40px",
+    render: (_, record) => ROLE_LABEL[record.role] ?? record.role,
+  },
+  {
+    key: "active",
+    title: "사용여부",
+    align: "center",
+    width: "50px",
+    render: (_, record) => (
+      <Badge
+        text={record.active ? "O" : "X"}
+        className={`scale-90 ${
+          record.active
+            ? "bg-green-100 text-green-700 border-green-100"
+            : "bg-red-100 text-red-500 border-red-100"
+        }`}
+      />
+    ),
+  },
+  {
+    key: "createdAt",
+    title: "등록일시",
+    align: "center",
+    width: "80px",
+    render: (_, record) => formatDateTime(record.createdAt),
+  },
+  {
+    key: "lastLoginAt",
+    title: "최종 로그인",
+    align: "center",
+    width: "80px",
+    render: (_, record) => formatDateTime(record.lastLoginAt),
+  },
+  // {
+  //   key: "actions",
+  //   title: "관리",
+  //   align: "center",
+  //   width: "40px",
+  //   render: (_, record) => (
+  //     <div className="flex items-center justify-center gap-1">
+  //       <Button
+  //         type="button"
+  //         variant="ghost"
+  //         size="icon-sm"
+  //         className="cursor-pointer rounded p-1 text-gray-400 hover:bg-gray-100 hover:text-blue-500"
+  //         onClick={(e) => {
+  //           e.stopPropagation();
+  //           onEdit(record);
+  //         }}
+  //         aria-label="수정"
+  //       >
+  //         <Pencil size={15} />
+  //       </Button>
+  //       <Button
+  //         type="button"
+  //         variant="ghost"
+  //         size="icon-sm"
+  //         className="cursor-pointer rounded p-1 text-gray-400 hover:bg-gray-100 hover:text-red-500"
+  //         onClick={(e) => {
+  //           e.stopPropagation();
+  //           onDelete(record);
+  //         }}
+  //         aria-label="삭제"
+  //       >
+  //         <Trash2 size={15} />
+  //       </Button>
+  //     </div>
+  //   ),
+  // },
+];

package/template/src/pages/user/config/schema.ts

@@ -1,54 +1,54 @@
-import { z } from "zod";
-
-export const userCreateSchema = z
-  .object({
-    userId: z.string().min(1, "아이디를 입력해 주세요."),
-    name: z.string().min(1, "성명을 입력해 주세요."),
-    password: z.string().min(1, "비밀번호를 입력해 주세요."),
-    passwordCheck: z.string().min(1, "비밀번호 확인을 입력해 주세요."),
-    role: z.string(),
-    gender: z.enum(["M", "F", ""]).default(""),
-    birthday: z.string().default(""),
-    phone: z
-      .string()
-      .regex(/^[0-9\-]{0,20}$/, "숫자와 하이픈(-)만 입력 가능합니다.")
-      .default(""),
-  })
-  .superRefine((data, ctx) => {
-    if (data.password !== data.passwordCheck) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: "비밀번호가 일치하지 않습니다.",
-        path: ["passwordCheck"],
-      });
-    }
-  });
-
-export type UserCreateFormData = z.infer<typeof userCreateSchema>;
-
-export const userEditSchema = z
-  .object({
-    userId: z.string().default(""),
-    name: z.string().min(1, "성명을 입력해 주세요."),
-    password: z.string().default(""),
-    passwordCheck: z.string().default(""),
-    active: z.boolean().default(true),
-    role: z.string(),
-    gender: z.enum(["M", "F", ""]).default(""),
-    birthday: z.string().default(""),
-    phone: z
-      .string()
-      .regex(/^[0-9\-]{0,20}$/, "숫자와 하이픈(-)만 입력 가능합니다.")
-      .default(""),
-  })
-  .superRefine((data, ctx) => {
-    if (data.password && data.password !== data.passwordCheck) {
-      ctx.addIssue({
-        code: z.ZodIssueCode.custom,
-        message: "비밀번호가 일치하지 않습니다.",
-        path: ["passwordCheck"],
-      });
-    }
-  });
-
-export type UserEditFormData = z.infer<typeof userEditSchema>;
+import { z } from "zod";
+
+export const userCreateSchema = z
+  .object({
+    userId: z.string().min(1, "아이디를 입력해 주세요."),
+    name: z.string().min(1, "성명을 입력해 주세요."),
+    password: z.string().min(1, "비밀번호를 입력해 주세요."),
+    passwordCheck: z.string().min(1, "비밀번호 확인을 입력해 주세요."),
+    role: z.string(),
+    gender: z.enum(["M", "F", ""]).default(""),
+    birthday: z.string().default(""),
+    phone: z
+      .string()
+      .regex(/^[0-9\-]{0,20}$/, "숫자와 하이픈(-)만 입력 가능합니다.")
+      .default(""),
+  })
+  .superRefine((data, ctx) => {
+    if (data.password !== data.passwordCheck) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "비밀번호가 일치하지 않습니다.",
+        path: ["passwordCheck"],
+      });
+    }
+  });
+
+export type UserCreateFormData = z.infer<typeof userCreateSchema>;
+
+export const userEditSchema = z
+  .object({
+    userId: z.string().default(""),
+    name: z.string().min(1, "성명을 입력해 주세요."),
+    password: z.string().default(""),
+    passwordCheck: z.string().default(""),
+    active: z.boolean().default(true),
+    role: z.string(),
+    gender: z.enum(["M", "F", ""]).default(""),
+    birthday: z.string().default(""),
+    phone: z
+      .string()
+      .regex(/^[0-9\-]{0,20}$/, "숫자와 하이픈(-)만 입력 가능합니다.")
+      .default(""),
+  })
+  .superRefine((data, ctx) => {
+    if (data.password && data.password !== data.passwordCheck) {
+      ctx.addIssue({
+        code: z.ZodIssueCode.custom,
+        message: "비밀번호가 일치하지 않습니다.",
+        path: ["passwordCheck"],
+      });
+    }
+  });
+
+export type UserEditFormData = z.infer<typeof userEditSchema>;