Giter VIP home page Giter VIP logo

ant-design-pro's Introduction

Language : 🇺🇸 | 🇨🇳 | 🇷🇺 | 🇹🇷 | 🇯🇵 | 🇫🇷 | 🇵🇹 | 🇸🇦 | 🇪🇸

Ant Design Pro

An out-of-box UI solution for enterprise applications as a React boilerplate.

Build Status Github Action Preview Deploy

Gitter Join the chat at https://gitter.im/ant-design/ant-design-pro Build With Umi

5.0 is out! 🎉🎉🎉

Ant Design Pro 5.0.0

Translation Recruitment 📢

We need your help: #120

Features

  • 💡 TypeScript: A language for application-scale JavaScript
  • 📜 Blocks: Build page with block template
  • 💎 Neat Design: Follow Ant Design specification
  • 📐 Common Templates: Typical templates for enterprise applications
  • 🚀 State of The Art Development: Newest development stack of React/umi/dva/antd
  • 📱 Responsive: Designed for variable screen sizes
  • 🎨 Theming: Customizable theme with simple config
  • 🌐 International: Built-in i18n solution
  • ⚙️ Best Practices: Solid workflow to make your code healthy
  • 🔢 Mock development: Easy to use mock development solution
  • UI Test: Fly safely with unit and e2e tests

Templates

- Dashboard
  - Analytic
  - Monitor
  - Workspace
- Form
  - Basic Form
  - Step Form
  - Advanced From
- List
  - Standard Table
  - Standard List
  - Card List
  - Search List (Project/Applications/Article)
- Profile
  - Simple Profile
  - Advanced Profile
- Account
  - Account Center
  - Account Settings
- Result
  - Success
  - Failed
- Exception
  - 403
  - 404
  - 500
- User
  - Login
  - Register
  - Register Result

Usage

Use bash

We provide pro-cli to quickly initialize scaffolding.

# use npm
npm i @ant-design/pro-cli -g
pro create myapp

select umi version

🐂 Use umi@4 or umi@3 ? (Use arrow keys)
❯ umi@4
  umi@3

If the umi@4 version is selected, full blocks are not yet supported.

If you choose umi@3, you can also choose the pro template. Pro is the basic template, which only provides the basic content of the framework operation. Complete contains all blocks, which is not suitable for secondary development as a basic template.

? 🚀 Full or a simple scaffold? (Use arrow keys)
❯ simple
  complete

Initialized Git repository:

$ git init myapp

Install dependencies:

$ cd myapp && tyarn
// or
$ cd myapp && npm install

Browsers support

Modern browsers.

Edge
Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
Edge last 2 versions last 2 versions last 2 versions last 2 versions

Contributing

Any type of contribution is welcome, here are some examples of how you may contribute to this project:

  • Use Ant Design Pro in your daily work.
  • Submit issues to report bugs or ask questions.
  • Propose pull requests to improve our code.

ant-design-pro's People

Contributors

afc163 avatar anderson-liu avatar chenshuai2144 avatar codesignist avatar ddcat1115 avatar dependabot-preview[bot] avatar depfu[bot] avatar flutterbest avatar hihuangwei avatar hqwlkj avatar hzsrc avatar imhele avatar jaredleechn avatar kaoding avatar kennylbj avatar kevinadhiguna avatar m4jing avatar nikogu avatar puuuudding avatar rayronvictor avatar sorrycc avatar txp1035 avatar valleykid avatar whatakitty avatar xiaohuoni avatar xrkffgg avatar yesmeck avatar yoyo837 avatar yutingzhao1991 avatar zombiej avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

ant-design-pro's Issues

拓展组件:参照

对于一般的【企业级关联档案】,存在选择一个关联项的组件,举个例子,如高级表单中的审批人,在目前pro中表现为选择器Select;

但考虑子公司存在相同人名,需要额外的描述,如公司名,性别,职位等,此时更好的展示方式是表格;(可以弹出模态框等表现形式);通用的表达有:简单表格,树表或树(如表达有层级关系的项),左树右表(如,左树表示子公司);

以及基本功能,如搜索,刷新数据,常用选项等;对于树,也有是否级联,是否全选等常规操作;

在我们的业务中,这种富选择组件被称为【参照】,常作用于【关联档案】,在ant-desing-pro中是否存在这样的组件,或考虑封装成通用组件?(额外:组件通在表格单元格中也常常使用。应无缝支持ant Table中的render。)

发布 gh-pages

为了完成静态数据的支持,打算通过 roadhog-api-doc 工具增强。

roadhog-api-doc static : 转换 request.js 以支持 static。

Charts 饼状图样式问题

  • 实际字号小于 12px 的时候 js 对 .chart 的 font-size 设置无效
  • demo 中 legend 占宽较多,加上第一个问题的影响,使 992>x>1300 这个区间的展示效果不太好

2017-11-01 3 09 54

npm run site with error

Creating an optimized production build...
Compiled successfully in 57.6s.

File sizes after gzip:

  522.04 KB  dist/index.js
  52 KB      dist/index.css

Published
build static success
fs.js:1000
  binding.stat(pathModule._makeLong(path), statValues);
          ^

Error: ENOENT: no such file or directory, stat '/Users/afc163/Projects/test2/src/utils/request-temp.js'
    at Error (native)
    at Object.fs.statSync (fs.js:1000:11)
    at Object.statSync (/Users/afc163/Projects/test2/node_modules/[email protected]@graceful-fs/polyfills.js:297:22)
    at Object.copySync (/Users/afc163/Projects/test2/node_modules/[email protected]@fs-extra/lib/copy-sync/copy-sync.js:31:86)
    at clean (/Users/afc163/Projects/test2/node_modules/[email protected]@roadhog-api-doc/lib/static.js:47:8)
    at process.<anonymous> (/Users/afc163/Projects/test2/node_modules/[email protected]@roadhog-api-doc/lib/static.js:54:5)
    at emitOne (events.js:96:13)
    at process.emit (events.js:188:7)

pages not optimized for mobile

Overall, nice work on the ant-design and the scaffold!

Just noted that it seems the components are not optimized for mobile.
screen shot 2017-10-27 at 4 31 38 pm

分析页卡片异常联动

最后两个卡片,操作之后,其他几个卡片的图表会重载动画。

不排除其他页面有类似问题,看下是否 PureComponent 没有起到应起的作用。

Login page bugs

  • 页面有横向滚动条。
  • 接口报错的(500/404)时候,没有任何显示。
  • 使用 admin/888888 时无法登录(在 gh-pages 上时),是否不用走后台接口,直接登录成功?

breadcrumb support path regexp

I want to use breadcrumb with path like path/list/:id which not support now.

if i add a nav to list/children in nav.js:

{
    name: '测试',
    path: '/:id',
    component: Success,
}

and then goto http://localhost:8000/#/list/34, the path is matched and the page will be rendered. but the props params in match is empty, which is strange.

Any plans to support English docs?

I really like ant design stacks and I love your work. Previously, I used antd in my production applications and I want to use this again. Are there any plans to support English documentation?

视觉样式更新

视觉稿已经根据 antd 3.0 整体更新,有一些细节改动,云雀地址:{larkurl}/ui-assets/sketch,及时跟进。

  • 布局 @afc163
  • Dashboard @nikogu 402532c
    • 分析页
    • 监控页
    • 工作台
  • 列表页 @nikogu 05ca4cf
    • 标准表格(表格查询)
    • 标准列表
    • 卡片列表
    • 卡片列表(封面)
    • 待筛选的卡片列表
    • 搜索列表
  • 表单页 @afc163
    • 基础表单
    • 分步表单
    • 高级表单
  • 详情页 @ddcat1115
    • 基础详情
    • 高级详情 Steps 组件点状样式需要升级,支持 title 和 description 左对齐,同时步骤点周围有空白
  • 账户 @ddcat1115
    • 登陆
    • 注册
    • 注册结果
  • 结果 @ddcat1115
    • 成功
    • 失败
  • 错误 @ddcat1115
    • 403
    • 404
    • 500

响应式问题收集

重现方式,缩小浏览器窗口到最小。

  • 分步表单页,Steps 应换行,提交按钮应对齐。@afc163
  • 结果页,文字被压缩成一列,图标不对齐。@ddcat1115
  • 各种列表页:内容区域应纵向换行展示。@nikogu

关于页面滚动

1.在PC web下,左侧菜单栏会跟随页面滚动,理想情况下,左侧菜单栏是固定不动的。
2.在手机端下,左侧菜单栏固定,右侧内容页使用的是浏览器自带的滚动,滚动起来比较卡,是不是可以考虑使用transform: translate来进行滚动呢。

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.