Skip to content

feat: add @json-render/antd package with 50+ pre-built Ant Design com…#181

Open
smildlzj wants to merge 11 commits intovercel-labs:mainfrom
smildlzj:feature/antd
Open

feat: add @json-render/antd package with 50+ pre-built Ant Design com…#181
smildlzj wants to merge 11 commits intovercel-labs:mainfrom
smildlzj:feature/antd

Conversation

@smildlzj
Copy link

@smildlzj smildlzj commented Mar 6, 2026

add @json-render/antd package with 50+ pre-built Ant Design components

Enable AI-generated UIs using Ant Design component library. Developers can
now build json-render applications with 50+ ready-to-use components including
forms, tables, modals, and data visualization.

  • Add package.json with workspace dependencies and peer deps for antd v5
  • Add tsup.config.ts for dual-format builds (CJS + ESM) with /catalog entry
  • Add CHANGELOG.md documenting initial 0.11.0 release
  • Add comprehensive README.md with quick start, component reference, and examples
  • Update root README.md with antd installation and usage documentation

@vercel
Copy link
Contributor

vercel bot commented Mar 6, 2026

Someone is attempting to deploy a commit to the Vercel Labs Team on Vercel.

A member of the Team first needs to authorize it.

@socket-security
Copy link

socket-security bot commented Mar 6, 2026

Review the following changes in direct dependencies. Learn more about Socket for GitHub.

Diff Package Supply Chain
Security
Vulnerability Quality Maintenance License
Addeddayjs@​1.11.1910010010084100
Addedantd@​6.3.18710010098100

View full report

Copy link
Contributor

@vercel vercel bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Additional Suggestion:

New @json-render/antd package is missing from the changeset fixed version group, causing it to version independently from all other @json-render/* packages.

Fix on Vercel

…ponents

  Enable AI-generated UIs using Ant Design component library. Developers can
  now build json-render applications with 50+ ready-to-use components including
  forms, tables, modals, and data visualization.
@ctate
Copy link
Collaborator

ctate commented Mar 6, 2026

Thanks for putting this together! A few things need fixing before this can merge:

Blocking:

  • dayjs is imported in components.tsx but missing from package.json dependencies. This breaks type-checking, the DTS build, and runtime imports. Adding "dayjs": "^1.11.11" to dependencies should fix it.

Should fix:

  • The DatePicker component renders a plain <Input type="date"> instead of antd's actual DatePicker. Worth either using the real component or renaming/documenting this as a basic date input.
  • A couple components (Image fallback, Carousel items) use Tailwind classes like bg-gray-100 and p-4, but this package doesn't depend on Tailwind. Swap those for inline styles.
  • Divider passes the orientation prop (horizontal/vertical) to antd's orientation, but antd uses type for direction and orientation for text alignment (left/center/right).

Happy to re-review once these are addressed!

LuZhuJun and others added 10 commits March 7, 2026 16:45
  New components:
  - Layout: Layout, LayoutHeader, LayoutContent, LayoutFooter, LayoutSider
  - Layout: Flex, Row, Col, Masonry
  - Navigation: Affix, Anchor, Breadcrumb, BackTop
  - Data Display: Calendar, List, Tree, QRCode
  - Data Entry: AutoComplete, Cascader, ColorPicker, Mentions, TreeSelect

  Breaking changes to existing components:
  - Card: replace `bordered`/`description` with `variant`, add `extra`/`cover`/`actions` slots
  - Stack: align props to Antd v6 Flex API (gap/justify/align values updated)
  - Divider: add `titlePlacement`, `variant`; `orientation` now means line direction
  - Space: rename `direction` → `orientation`

  Internal:
  - Add SlottedComponentProps<P> type for slot-bearing components
  - Grid: use Children.toArray() for uniform child handling
  - Add dayjs as devDependency
  - Update README: 50+ → 70+ components, expand component tables
* create svelte-renderer

* helpers

* reactive API

* turn into provider components

* fixes

* examples

* docs

* correct component props for catalog, harmonize defineRegistry API with other APis

* shuffle things around

* createRenderer

* on

* boundary/warning

* functions

* fix

* fix types
# Conflicts:
#	pnpm-lock.yaml
* mcp

* fix lint
# Conflicts:
#	README.md
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@smildlzj
Copy link
Author

Thanks for putting this together! A few things need fixing before this can merge:

Blocking:

  • dayjs is imported in components.tsx but missing from package.json dependencies. This breaks type-checking, the DTS build, and runtime imports. Adding "dayjs": "^1.11.11" to dependencies should fix it.

Should fix:

  • The DatePicker component renders a plain <Input type="date"> instead of antd's actual DatePicker. Worth either using the real component or renaming/documenting this as a basic date input.
  • A couple components (Image fallback, Carousel items) use Tailwind classes like bg-gray-100 and p-4, but this package doesn't depend on Tailwind. Swap those for inline styles.
  • Divider passes the orientation prop (horizontal/vertical) to antd's orientation, but antd uses type for direction and orientation for text alignment (left/center/right).

Happy to re-review once these are addressed!

done

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants