AIFormFill AI 智能表单填写

    AI 智能表单填写组件,可以自动分析表单字段并智能填写合适的测试数据。

    安装

    npm
    yarn
    pnpm
    bun
    deno
    npx shadcn@latest add https://codebase.anyask.dev/r/ai-form-fill.json

    基础用法

    最简单的用法,将 Form.Item 包裹在 AIFormFill 组件中即可。

    与 SearchForm 组合使用

    AIFormFill 可以与 SearchForm 组件完美配合使用。只需将 AIFormFill 包裹在 SearchForm 外层即可。

    自定义按钮

    你可以通过 renderButton 属性完全自定义按钮的渲染方式,或者通过 buttonIcon、buttonType 等属性调整样式。

    智能识别字段类型

    组件会自动识别以下类型的字段并生成相应的测试数据:

    字段类型/名称示例数据
    ID 字段 (包含 id 或 ID)"12345"
    姓名字段 (包含 name、姓名、名称)"张三"、"李四"
    邮箱字段 (包含 email、邮箱)"test123@gmail.com"
    日期字段 (DatePicker 或包含 date、日期、time)moment('2024-01-15')
    数字字段 (InputNumber 或包含 number、数量)123
    其他文本字段"{标签} - 测试数据 42"

    API