# x-render

**Repository Path**: doney/x-render

## Basic Information

- **Project Name**: x-render
- **Description**: No description available
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-04-23
- **Last Updated**: 2021-07-07

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
  <a href="https://x-render.gitee.io/" target="_blank"><img src="https://img.alicdn.com/tfs/TB17UtINiLaK1RjSZFxXXamPFXa-606-643.png" alt="logo" width="20%"/></a>
</p>
<h1 align= "center">
<a href="https://x-render.gitee.io/" target="_blank">XRender</a>
</h1>

<p align="center">
  <a href="https://www.npmjs.com/package/form-render?_blank">
    <img alt="npm" src="https://img.shields.io/npm/v/form-render.svg?maxAge=3600&style=flat-square"></a>
  <a href="https://github.com/alibaba/form-render/commits/dev">
    <img alt="GitHub last commit" src="https://img.shields.io/github/last-commit/alibaba/form-render.svg?style=flat-square"></a>
  <a href="https://github.com/alibaba/form-render">
    <img alt="GitHub repo size" src="https://img.shields.io/github/repo-size/alibaba/form-render"></a>
  <a href="https://github.com/alibaba/form-render/issues?utf8=%E2%9C%93&q=">
    <img alt = "GitHub closed issues" src="https://img.shields.io/github/issues-closed/alibaba/form-render.svg?style=flat-square"></a>
  <a href="https://npmjs.org/package/form-render">
    <img alt = "NPM downloads" src="https://img.shields.io/npm/dm/form-render.svg?style=flat-square"></a>
  <a href="https://npmjs.org/package/form-render">
    <img alt = "NPM all downloads" src="https://img.shields.io/npm/dt/form-render.svg?style=flat-square"></a>
  <a>
    <img alt = "PRs Welcome" src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square"></a>
</p>

> 阿里巴巴 - 飞猪中后台「表单/表格/图表」开箱即用解决方案

## 优势

- <a href="https://x-render.gitee.io/form-render" target="_blank">FormRender</a>：像写一个 input 一样写表单
- <a href="https://x-render.gitee.io/table-render" target="_blank">TableRender</a>：协议生成 & 高度灵活的搜索列表
- <a href="https://x-render.gitee.io/chart-render" target="_blank">ChartRender</a>：傻瓜式的图表绘制库

## 变化

- FormRender 已升级到 XRender 1.0 版本，并提供开箱即用的 Form/Table/Chart 解决方案，原版本可见<a style="font-weight: 500;" href="http://x-components.gitee.io/form-render/" target="_blank_">旧文档</a>。
- FormRender 0.x 版本直接升级到 1.0 需修改 API 才能正常运行，可见 [0.x 到 1.x](https://x-render.gitee.io/form-render/migrate)，很推荐升级。

## 谁在使用？

<table>
  <tr>
    <td width="160" align="center">
      <img
        src="https://gw.alicdn.com/bao/tfs/TB1mFZneMmH3KVjSZKzXXb2OXXa-748-467.png"
        width="160"
      />
    </td>
    <td width="160" align="center">
      <img
        src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/xbUbPU/alipay-2.png"
        width="160"
      />
    </td>
    <td width="160" align="center">
      <img
        src="https://gw.alicdn.com/tfs/TB176rg4VP7gK0jSZFjXXc5aXXa-286-118.png"
        width="160"
      />
    </td>
    <td width="160" align="center">
      <img
        src="https://img.alicdn.com/tfs/TB13DzOjXP7gK0jSZFjXXc5aXXa-212-48.png"
        width="160"
      />
    </td>
    <td width="160" align="center">
      <img
        src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/QFRKki/006PG13yly8fh2je18cv0j308c08caa2.jpg"
        width="160"
      />
    </td>
  </tr>

  <tr>
    <td width="160" align="center">
      <img
        src="https://www.agtech.com/public/asset/yabologo-6f9d76c5cbb0b954b9939a8cac3a0cb1.png"
        width="160"
      />
    </td>
    <td width="160" align="center">
      <img
        src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/s0Bo8z/tower-logo.png"
        width="160"
      />
    </td>
    <td width="160" align="center">
      <img
        src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/yosqel/Ic2iIh.png"
        width="160"
      />
    </td>
    <td width="160" align="center">
      <img
        src="https://img.alicdn.com/imgextra/i3/O1CN01xDuypG1V78PWpnnPz_!!6000000002605-2-tps-600-120.png"
        width="160"
      />
    </td>
    <td width="160" align="center">
      <img
        src="https://qpluspicture.oss-cn-beijing.aliyuncs.com/3GrqSz/unnamed.png"
        width="160"
      />
    </td>
  </tr>
</table>

更多可见[使用场景](https://github.com/alibaba/form-render/issues/94)，也很欢迎提交～

## 调试

```shell
> git clone https://github.com/alibaba/x-render.git
> npm i
> npm start
```

## 支持

- 如果你觉得 XRender 还不错，可以通过 [Star](https://github.com/alibaba/form-render/stargazers) 来表示你的喜欢
- 在公司或个人项目中使用 XRender，并帮忙推广给伙伴使用
- 加入钉钉聊天群帮忙解答使用问题

  <img src=https://qpluspicture.oss-cn-beijing.aliyuncs.com/W1N59f/IMG_4637.JPG width=250/>

## 贡献

想贡献代码、解 BUG 或者提高文档可读性？非常欢迎一起参与进来，在提交 PR 前阅读一下 [Contributing Guide](https://github.com/alibaba/form-render/blob/master/CONTRIBUTING.md)。

感谢给 XRender 贡献代码的你们：

  <a href="https://github.com/alibaba/form-render/graphs/contributors">
    <img src="https://contrib.rocks/image?repo=alibaba/form-render" />
  </a>

## 协议

- 遵循 MIT 协议
- 请自由地享受和参与开源