---
sync_policy: engine_only
---
import React from 'react';
import { {{ModuleName}} } from './types';

/**
 * {{ModuleName}} 表单组件属性
 */
interface {{ModuleName}}FormProps {
  /** 表单初始数据（编辑时传入） */
  initialData?: Partial<{{ModuleName}}>;
  /** 提交回调 */
  onSubmit: (data: {{ModuleName}}) => void;
}

/**
 * {{ModuleName}} 表单组件 — 提供新增和编辑 {{moduleName}} 的表单交互。
 */
export const {{ModuleName}}Form: React.FC<{{ModuleName}}FormProps> = ({ initialData, onSubmit }) => {
  const handleSubmit = (event: React.FormEvent<HTMLFormElement>) => {
    event.preventDefault();
    onSubmit({
      id: initialData?.id ?? 0,
      createdAt: initialData?.createdAt ?? new Date().toISOString(),
      updatedAt: new Date().toISOString(),
    });
  };

  return (
    <form onSubmit={handleSubmit}>
      <button type="submit">保存</button>
    </form>
  );
};