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

Overview

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

Ant Design Pro

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

Build Status Github Action Deploy Dependencies DevDependencies

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: https://github.com/ant-design/ant-design-pro/issues/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

$ mkdir <your-project-name>
$ cd <your-project-name>
$ yarn create umi  # or npm create umi

# Choose ant-design-pro:
 Select the boilerplate type (Use arrow keys)
❯ ant-design-pro  - Create project with an layout-only ant-design-pro boilerplate, use together with umi block.
  app             - Create project with a simple boilerplate, support typescript.
  block           - Create a umi block.
  library         - Create a library with umi.
  plugin          - Create a umi plugin.

$ git init
$ npm install
$ npm start         # visit http://localhost:8000

Use Gitpod

Open the project in Gitpod (free online dev environment for GitHub) and start coding immediately.

Open in Gitpod

More instructions at documentation.

Browsers support

Modern browsers and IE11.

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
IE11, 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.
Comments
  • Ant Design Pro V5 已经支持预览

    Ant Design Pro V5 已经支持预览

    在经过了很长时间的准备下,Pro V5 已经基本完成, 但是仍然有很多地方不是很完善,在新版本中我们进行了很多预设,对于数据流和布局更是进行了大刀阔斧的改进。虽然底层仍然基于 [email protected] 来实现的,但是在应用层做了很多改动,接下来我们会展示一下我们的主要改动。

    🦚 Layout 的更新

    layout 是这次的最大改动,首先是进行了样式上的更新,支持混合模式来期望适应更多的场景。新的风格仍然会以科技的风格为主,在原来的基础上优化尺寸和体验细节,设计更加简洁,匹配更多业务场景,具体的改动可以看这里。

    img

    对于开发者也迎来了很多改动,

    • 首先是配置层面,layout  属性变为   'side' | 'top' | 'mix'
    • 新增了  headerTitleRender 和  headerContentRender 用于自定义混合模式下的头信息
    • 新增了 menuExtraRender  来自定义 标题和菜单之间的区域。
    • PageHeaderWrapper 改名为  PageContainer, 也方便未来提供更多的功能

    对于  SettingDrawer,为了方便集成和部署,我们开发了 umi-plugin-setting-drawer ,只要在项目中安装这个即可快速使用。

    umi-plugin-setting-drawer 依赖  @umijs/plugin-initial-state 和 @umijs/plugin-layout, 如果要自己实现需要自动绑定 @umijs/plugin-initial-state 中的数据。

    🏟  架构改动

    Pro V5 中的架构做了全新的改动,全部修改为全新的 [email protected] 架构, 对于数据流,权限,布局都进行了内置,修改为了全新的插件。这些改进都是渐进式的,只要你升级为 [email protected] ,是可以兼容两种开发模式的。

    🌊 数据流方案

    我们在过去尝试了很多数据流方案,并且随着 dva 的出现稳定了下来,但是在 hooks 到来之后我们看到了机会来解决 dva 实践中遇到的问题。在一个标准的 dva 应用中我们需要写很多的样板文件,做了很多重复劳动。尤其是 它有很多概念,effects,state , reducers ,为了解决异步的问题又带了很多的新的 api,构建了一个非常复杂的体系,但是在很多应用中其实是不需要这个复杂的功能,而且即使是很大的项目,他对 TypeScript 不友好的问题也导致我们在使用时各种链路不同,并且没有良好的类型指示,在重构时经常需要搜来搜去而不能的跳转。 @umijs/plugin-model 解决了上述的 dva 的问题,同时也足够小,使用者书写的就是一个普通的自定义 hooks,但 @umijs/plugin-model 把其中的状态变成了『全局状态』,多个组件中使用该 model 时,拿到的同一份状态。没有更多的心智负担。使用起来就像定义一个 state 那么简单。我们可以在新建一个 src/models/user.ts  文件。

    import { useState, useCallback } from 'react';
    
    export default function useAuthModel() {
      const [user, setUser] = useState(null);
    
      const signout = useCallback(() => {
        // signout implementation
        setUser(null);
      }, []);
    
      return {
        user,
        signout,
      };
    }
    

    在使用时也会非常简单,使用应用 hooks 即可, 这样使用包含了所有的 TypeScript 信息, useModel  的 key 就是在 models  中的文件名。

    import { useModel } from 'umi';
    
    const { user, signout } = useModel('user');
    

    对于轻量级的数据流我们都推荐这种方案。

    🔐 权限方案

    权限一直时 Pro 的弱项,在 Pro 中我们自研了一个权限组件但是表现不尽如人意。趁着这次机会我们升级了权限组件,无论使用方式和 API 都变得更加的简单,并且和我们的插件结合的更加完美。光商业吹捧是没有意义的,我们来看看代码。

    // src/access.ts
    export default function (initialState: { currentUser?: API.CurrentUser | undefined }) {
      const { currentUser } = initialState || {};
      return {
        canAdmin: currentUser && currentUser.access === 'admin',
        canDeleteFoo: (foo) => {
          return foo.ownerId === currentUser.userId;
        },
      };
    }
    

    我们可以看到这个是非常简单的,initialState  是一个默认的 model , 每次  initialState  的改变都会触发权限的重新计算,我们可以像 setState 一样触发它。在使用上我们使用了 [email protected] 的能力让我们用起来更加的简单,只要在 root 中做如下配置,对于不能访问的页面,插件会将其替换为 403 页面,而无需手动支持。

    export const routes = [
      {
        path: '/pageA',
        component: 'PageA',
        access: 'canAdmin', // 权限定义返回值的某个 key
      },
    ];
    

    对于运行时的代码,我们提供了两个 API 来帮助我们自定义任何形态的 UI 和逻辑, 这里有个一看就懂的 demo。

    import React from 'react';
    import { useAccess, Access } from 'umi';
    
    const PageA = (props) => {
      const { foo } = props;
      const access = useAccess(); // access 的成员: canAdmin
    
      if (access.canReadFoo) {
        // 如果可以读取 Foo,则...
      }
    
      return (
        <div>
          <Access accessible={access.canAdmin} fallback={<div>Can not read foo content.</div>}>
            Foo content.
          </Access>
          <Access accessible={access.canDeleteFoo(foo)} fallback={<div>Can not delete foo.</div>}>
            Delete foo.
          </Access>
        </div>
      );
    };
    

    🎯  网络请求

    request 是新架构中的大改变之一,我们可以从 umi 中 import request 使用方式与原来相同,各种配置可以在 src/app.tsx 中进行配置。代码示例如下:

    import { RequestConfig } from 'umi';
    
    export const request: RequestConfig = {
      timeout: 1000,
      errorConfig: {},
      middlewares: [],
      requestInterceptors: [],
      responseInterceptors: [],
      errorHandler,
    };
    

    在一个中后台中很多页面并不需要跨页面的信息流,也不需要把信息放入 model 中,所以我们提供了  useRequest  hooks, useRequest 提供了一些快捷的操作和状态,可以大大的节省我们的代码。

    🛫  如何升级到 [email protected] 架构

    既然新的架构这么优秀,那么怎么才能升级到新的架构呢,我们是支持渐进的,只要升级到 [email protected] 即可使用这些特性,新的数据流虽然简单高效但是并不能满足所有的场景,我们可以混合适应,慢慢迁移。当然我们希望可以尽早迁移来减少历史债务。详细步骤可以参阅官网的迁移指南。

    详细的代码改动

    🗽 Q&A

    📮  为什么不发正式版

    Pro v5 中使用了全新的架构,更加标准化并且自带了很多内部的最佳实践,无论代码量还是使用难度都降低了。但是标准化同时意味着失去了个性化的空间,我们希望在正式发布之前,收集一些信息,在标准化和个性化之前取得一个平衡。

    📮 Pro 与 umi 是什么关系

    Pro 与 umi 的关系有点像  react-scripts  与 create-react-app ,umi 提供了基础能力,而 Pro 在上层提供了更多用法,并且加入了我们对中后台项目的实践。

    📮 Pro V5 不能满足我的需求怎么办

    作为一个开源项目,如果你觉得某个功能不满意或者功能缺失,你可以提 issue 来参与讨论,如果得到了官方的认可,那么这个功能就会被实现。这个流程一般会很长,所以推荐你直接提 PR 来实现功能,同时可以帮助到更多同学,成为一名光荣的  contributors,走向名望程序员第一步。

    如何使用

    使用 yarn create umi 0.24.x 版本。出现 🧙 Be the first to experience the new [email protected] ? 时选择 PRO V5 image

    参考资料

    官网 https://beta-pro.ant.design umi 插件文档 https://umijs.org/plugins/plugin-access

    🕵🏻‍♀️ question 
    opened by chenshuai2144 286
  • 前端最佳实践即将到来

    前端最佳实践即将到来

    随着前端的的发展,底座已经越来越坚实,当前前端框架和工程化已经可以cover 住大部分业务场景的复杂度。前端的已经更加关注于业务,Ant Design Pro 提供了一个中后台的脚手架,为框架和工程化提供了最佳实践,但是还是有很多问题还是需要最佳实践。

    🤷‍♂️ 为什么需要最佳实践

    在维护 Pro 的过程中,我们遇到了很多直击灵魂的问题,什么样的代码才是最好的?应该怎么写才对?初始化用户信息在哪里请求?有的页面只有部分用户有权限该怎么处理?Layout 代码太复杂看不懂?后端接口报错应该怎么处理?

    这类型的问题回答说难不难,说简单也不能算简单。不同的项目乃至不同的人都有自己的习惯,市面上存在很多的解决方案,每个项目中解决方案不尽相同,同样的脚手架我们可以选择 Mobx,redux,dva,使用 Context 的人也不在少数。这已经是选择相对比较少的数据层,我们还有网络请求,权限,Layout 等。

    诚然,多个选择是好事,但是作为企业级的产品,维护才是最重要的,我们期望每个同学都可以很快的上手,而且如果每个项目都要选一次,新鲜感过去之后我们可能就会自己花费相当多的精力来封装。更加详细的论证,可以看云谦老师的文章。

    🏄‍♂️ 我们的解决方案

    蚂蚁金服每年都有大量的中后台项目的孵化,各种技术栈百花齐放,我们解决方案其实就是 强约束、配置化和约定化。

    🕹 强约束

    这方面我们做了 ProLayout ,ProTable 两个重型组件,用于封装重复的逻辑,以后可能还会添加 ProForm 等组件来提升开发项目。

    • ProLayout 会提供一个标准化的布局组件,我们只需要通过插件就可以引入。
    • ProTable 封装了 Table 的常用行为,可以快速的撸出来一个美观的 CRUD 界面。

    🔩 配置化

     在 [email protected] 中这些插件我们都将会官方提供。

    • Layout
    • 权限
    • 国际化
    • 微服务
    • 主题切换,
    • 极简数据流
    • ....

    等插件通过配置来进行使用,关闭和开启都将非常简单。[email protected] 的插件体系可以让我们用体验更好的方式来实现这些功能,一些插件我们官方会整合进官方的预设中,一起打包提供出来。

    🧬约定化

    约定优于配置的优势自然不用多说,Spring Boot 的成功让其思想大行其道,其简化配置的优势让无数程序员脱离了繁杂的配置之苦。

    在最佳实践中,我们也将践行这一思想,mock,models,pages,services,locales 每个文件夹都进行了约定,用于表示相关的功能,这样可以大大的减少学习成本和配置,让上手成本变得非常之低。我们不需要知其所以然,只需要知道这样就可以跑起来,专注于业务的发展。

    🛒 其他的方案

    • 代码风格与 lint: fabric
    • 组件开发: father
    • 文档站:dumi
    • 前端微服务:乾坤
    🏆 Feature Request 
    opened by chenshuai2144 107
  • V4 Next Big Version

    V4 Next Big Version

    For make Ant Design Pro more flexible, we plan to start the 4th version (Why not 3, because of @chenshuai2144 don't like it). In the long-term maintenance, we found that the biggest problem with pro is that it is not pluggable. Next, our focus will make him more flexible.

    • [x] transform pages to blocks so that you can add or delete a page easier, https://github.com/ant-design/ant-design-pro/issues/2809
    • [x] make i18n selectable
    • [ ] dark theme
    • [x] More custom settings
    • [x] better components
    • [x] TypeScript https://github.com/ant-design/ant-design-pro/pull/3702
    • [x] cli tool https://github.com/ant-design/ant-design-pro-cli/issues/20

    More TodoLIst:

    • [x] init v4 branch https://github.com/ant-design/ant-design-pro/issues/3357
    • [x] sync master commit to v4
      • [x] revert: simplify antd-pro's boilerplate
      • [x] revert: remove SettingDrawer
      • [x] more
    🤩Discussion 
    opened by yutingzhao1991 92
  • Authority management

    Authority management

    Add Authorized component, which contains:

    • <Authorized> Can wrap any child which need to take different display strategies according to user's role.
    • Authorized.create Same as <Authorized>, just for MenuItem, SubMenu and etc. which can not be wrapped by customized component. (https://github.com/ant-design/ant-design/issues/4853)
    • <AuthorizedRoute> A customized component built for <Route>, based on <Authorized>.

    By using of above component/function, we can get an authorized route/menu(and you need to set the acceptable roles in the menu.js/router.js).

    #41

    opened by ddcat1115 74
  • 忍不住吐槽一下Flux和Redux,你们都是Facebook体量的应用?

    忍不住吐槽一下Flux和Redux,你们都是Facebook体量的应用?

    大家都是开发Facebook体量的应用吗?非要高大上的Redux?改一个isLogin要跳4到5个文件,经过7到8个函数,你们都不烦?Flux和Redux这套为了设计而设计的流程框架,真的适合大家吗?说句不好听的,真到了Facebook体量了,你还用别人家的框架?

    忍不住吐槽一下是使用react体系实际项目有一年多了,antd系列是难得的高质量库。但是每次想用一下antd提供的现有demo来使用,总要花大力气来去除Flux和Redux系列的代码,真心烦。号称的解耦,其实是高度耦合。典型的理论脱离实际,搞不懂ant为什么一直大力推。别上来都以为自己是几百人团队合作,几千万用户使用。

    我们自己团队只在最开始用了一次Flux和Redux流程就再也没有用过。现在使用的是MVVM架构的Mobx系列,直观高效优雅。微软的MVVM和Google的angular都是这类思想,而且都是工业化被广大使用的。真心不懂为什么react里面大家都要一股脑用什么Flux和Redux,极其难用,不说其它,项目团队里面推都推不动。

    🤩Discussion 
    opened by roytan883 53
  • 二期开发任务

    二期开发任务

    新增页面

    • 对话框 (Modal)
      • [x] 分步对话框 @ddcat1115
        • 对话框一
        • 对话框二
        • 对话框三
      • [x] 信息录入对话框 @valleykid
        • 录入页
        • 结果页
    • 个人设置页 @chenshuai2144
      • [x] 基本设置
      • [x] 安全设置
      • [x] 账号绑定
      • [x] 新消息通知
    • [x] 个人中心页 @ddcat1115

    新增模块/业务组件

    • [x] 顶部导航 NavBar-Top@chenshuai2144

    其他

    • [x] 文档翻译
    • [x] 脚手架国际化支持
    • [x] 增加侧边栏配置项(支持布局、主题等配置切换)
    • [x] 支持布局选择(侧边栏导航 - 顶部导航(只支持 basic 模式顶部导航))
    • [x] 支持主题选择
    • [x] 升级文档

    以上是目前已经确定的部分,可能有变动或新增

    opened by ddcat1115 50
  •  Layout 全新样式

    Layout 全新样式

    随着 antd 正式版的发布,layout 也将迎来全新的设计风格。新的风格仍然会以科技的风格为主,在原来的基础上优化尺寸和体验细节,设计更加简洁,匹配更多业务场景。

    AntDesign Pro  主要修改点

    | 内容 | 修改点 | | --- | --- | | 导航尺寸 | 顶部导航高度由  AntDesign Pro 64px 改为 48px- 侧边导航宽度由 AntDesign Pro 256px 改为 208px | | 导航布局模式 | 在原来单一侧边或顶部导航模式基础上,增加一种混合模式,与 TechUI 现有模式统一 | | 顶部导航细节优化 | 全局搜索样式修改,与顶部菜单交互修改,打开搜索挤压菜单后,关闭搜索回到正常态- 实用工具区 Hover 颜色修改,由蓝色改为深黑色 #161726 | | 侧边导航细节优化 | 在侧边导航增加自定义辅助功能操作,如下拉筛选- 侧边导航展开收起图标修改,放置在侧边导航底部- 增加菜单名过长,菜单高度小信息隐藏交互 默认修改为固定模式 | | 混合模式 | 顶部导航提供自定义顶部导航与原来一致,但是增加一个通透的顶栏 |

    导航菜单部分

    结构与尺寸

    侧边导航宽度由  256px 改为 208px,导航内容与前后边距改为 16px

    image.png

    自定义辅助操作

    增加自定义辅助操作,如下拉筛选(业务诉求)

    image.png

    菜单过长过多交互

    菜单名过长,缩略展示,hover 出现全部 tooltip 提示。

    image.png

    菜单名过多或出现折叠时,顶部标题产品标题区,辅助操作区和底部通用操作区固定,中间功能菜单区进行滑动。上下区域出现阴影分割。

    顶部导航交互部分

    交互和导航的改动是本次最大的改变。

    结构与尺寸

    顶部导航高度由 64px 改为 48px

    image.png

    颜色版本

    继续提供暗色、亮白颜色版本,暗色颜色由 #001529 改为金融云导航(OneX)同样深色 #1F293D

    image.png

    搜索交互优化

    搜索激活样式修改,打开搜索挤压菜单后,关闭搜索回到正常态

    image.png

    实用工具 Hover 效果优化

    实用工具 Hover 由蓝色背景色改为深黑色 #161726

    image.png

    混合菜单新模式

    顶部全局导航+侧边导航混合模式,支持 Ant Design Pro 已有导航模式切换到此模式。

    image.png

    样例

    image.png

    🕵🏻‍♀️ question 
    opened by chenshuai2144 49
  • About router/menu config

    About router/menu config

    目前,脚手架中路由和导航 Menu 的生成,以及不同层级组件的渲染都是依靠 nav.js 中的配置信息,这样主要存在两个问题:

    • 理论上路由应该和组件渲染没有直接关系,路由 path 并不一定代表 ui 层级,比如:/user/info 并不一定需要在 /user 对应的 layout/组件 中渲染,两个路由在ui上并不是 parent 和 children 的关系,但目前这两个绑在了一起。
    • 路由和 Menu 并不一定是一一对应的,Menu 很容易出现个性化的需求,比如某个层级不展示,或者需要在不同地方分别展示不同导航层级,当需求稍微复杂一点时,共用一份配置信息有诸多限制。
    • 目前的方式不太符合 [email protected] 的风格,也在一定程度上限制了它的灵活性。

    所以在 1.0 发布前,考虑这部分是否可以进行重构,大致的构想是:

    • 配置信息只会用来生成路由,且不再是树状,而是打平的,类似下面这样(不完整):

      	{
      		"/": {
       		"name": "首页",
       		"component": Home,
      		},
      		"/user": {
       		"name": "用户",
       		"component": UserLayout,
      		},
      		"/user/userlist": {
       		"name": "用户列表",
       		"component": UserList,
       		"model": ["user", "loading"],
       		"auth": ["admin"],
      		},
      		"/user/userlist/:id": {
       		"name": "用户详情",
       		"component": UserDetail,
       		"model": ["user", "loading"],
       		"auth": ["admin"],
      		},
      	}
      
    • 具体 ui 渲染层级由具体组件代码决定,和配置信息无关。可以提供相应的工具函数方便从配置信息中获取相关参数,如 UserLayout.js 中可以这样写:

      	<div class="content">
      		{getRoute('/user/userlist')}
      		{getRoute('/user/userlist/:id')}
      	</div>
      

      会生成带上相关配置信息的 Route

    • Menu 导航不再根据配置信息生成,可以自己手动构建,或另外维护一份 Menu 信息用来生成导航。

    大家看下是否可行~

    🤩Discussion 
    opened by ddcat1115 46
  • V4 alpha prepare

    V4 alpha prepare

    为了能够让 V4 尽快达到一个可用状态,使得 V4 能够活跃起来,重点把一些影响到可用性的点处理掉,这样使得可以推动 V4 尽快向前走:

    • [x] V3 以及 master 的修改合并到 pro-blocks
    • [x] branch update
      • [x] v4 合并到 master,删除 v4 分支
      • [x] master 改为 v2 分支
    • [x] TypeScript 完整支持,当前有部分是 JS,部分是 TS 的,最好能够全部迁移到 TS,包括 pro-blocks
    • [x] 相应更新 https://pro.ant.design/ 内的所有文档
      • [x] 创建方式的变化(umi create 和 ts/js 语言可选)
      • [x] v2 -> v4 的升级文档
      • [x] pro-layout 在 pro.ant.design 上的文档(代码备注)
    • [x] 老版本 https://v2-pro.ant.design/
    • [x] 新网站上要有回到 v1 v2 的链接 https://beta.pro.ant.design/
    • [x] 升级依赖链到最新版本
    • [x] create-umi 更新 https://github.com/umijs/create-umi/pull/62
    • [x] 把 TypeScript/区块 加到 README
    • [x] 发布日志/软文
      • [x] README 同步更新
    • [x] 现有文档排查更新
    • [x] CI 要跑过

    可选

    • [ ] 文档如何配置 dark 主题 https://github.com/ant-design/ant-design-pro/pull/2946
      • [ ] 让设计师过一遍,现有 Dark 颜色略怪异
    • [x] 部分实现用 antd 的新组件重构 PageHeader、Descriptions 等等
    • [ ] 如何移除国际化和权限系统的方案 https://github.com/ant-design/ant-design-pro/issues/3775
    • [ ] Bigfish 脚手架更新
    🙏help wanted 
    opened by yutingzhao1991 45
  • Document Translation

    Document Translation

    We just finished most of translate jobs and published at pro.ant.design, welcome to visit it and review the translation. Give us PR if you find any typos. 🎅


    Volunteer Wanted

    Hey, guys! We are going to provide English documentation.

    But we are short of staff :-( So, we want some volunteers to help us to translate antd's documentation into English. Every translation task needs a translator and a reviewer. Both of them are expected that they had used the component(AvatarLsit PageHeader etc...) in real world.

    Translator

    A translator should be familiar with both Chinese and English.

    If you want to be a volunteer translator, just comment this issue. For example, "I want to be the translator of button and alert ....". And then, we will update this issue(e.g. button (translator: @afc163 , reviewer: @ddcat1115 )), and ping you.

    Premise:

    Contributing:

    1. Fork
    2. Create a branch starting at master and name it as translation-[xxx]
    3. npm install && npm start, see: Development
    4. Find Markdown files and the index.md and demo/*.md use different format, see: https://github.com/ant-design/ant-design/issues/1423
      • docs: under /docs
      • components: under /scaffold/src/components/xxx(xxx is the component which you need to translate)
    5. Just translate it, and you had better read our advice first.
    6. Create a pull request when your translation is done, and ping your reviewer.
      • docs: request to ant-design-pro-site:master
      • components: request to ant-design-pro:master
    7. PR will be merged, if your reviewer think it is OK.

    See:

    • https://github.com/ant-design/ant-design/tree/master/components/button
    • https://github.com/ant-design/ant-design/blob/master/components/button/demo/basic.md

    Reviewer

    A reviewer should be a native English speaker.

    If you want to be a volunteer reviewer, just comment this issue. For example, "I want to be the reviewer of button and alert...". And then, we will update this issue(e.g. button (translator: @afc163 , reviewer: @ddcat1115 )), and ping you.

    After your corresponding translator finish his/her work, you should review and provide some advice.

    Example

    TODOs

    /docs

    • [x] api-doc.md ( translator: @yesmeck )
    • [ ] authority-management.md ( translator: @chenshuai2144 )
    • [ ] biz-icon.md ( translator: @ddcat1115 )
    • [ ] changelog.md ( translator: @ddcat1115 )
    • [x] cli.md ( translator: @viztor )
    • [x] deploy.md ( translator: @yesmeck )
    • [ ] error.md ( translator: @nikogu )
    • [ ] faq.md ( translator: null)
    • [x] getting-started.md
    • [x] getting-start-inner.md
    • [ ] graph.md (translator: @RaoHai)
    • [x] i18n.md ( translator: @viztor )
    • [ ] import.md ( translator: null)
    • [x] layout.md ( translator: @viztor )
    • [ ] mock-api.md ( translator: @afc163 ) https://github.com/ant-design/ant-design-pro-site/pull/156
    • [x] new-component.md ( translator: @afc163 ) https://github.com/ant-design/ant-design-pro-site/pull/157
    • [x] new-page.md ( translator: @valleykid )
    • [x] resource.md ( translator: @nikogu )
    • [ ] router-and-nav.md ( translator: @ddcat1115 )
    • [x] server.md ( translator: @valleykid )
    • [x] style.md( translator: @yutingzhao1991 ) https://github.com/ant-design/ant-design-pro-site/pull/148
    • [ ] theme.md ( translator: @nikogu )
    • [ ] ui-test.md ( translator: @yutingzhao1991 ) https://github.com/ant-design/ant-design-pro-site/pull/151
    • [x] use-components-alone.md ( translator: @dengfuping )

    /components

    • [x] AvatarList (translator: @nikogu)
    • [ ] Charts (translator: @RaoHai)
    • [x] CountDown (translator: @nikogu)
    • [x] DescriptionList ( translator: @ddcat1115 )
    • [x] Exception ( translator: @ddcat1115 )
    • [x] FooterToolbar ( translator: @dengfuping )
    • [ ] GlobalFooter ( translator: @MrPeak )
    • [ ] HeaderSearch ( translator: @MrPeak )
    • [ ] NoticeIcon ( translator: @MrPeak )
    • [x] NumberInfo
    • [x] Ellipsis
    • [ ] PageHeader
    • [ ] Result
    • [ ] TagSelect
    • [ ] Trend
    • [ ] Authorized ( translator: @chenshuai2144 )
    • [ ] Login
    🙏help wanted ðŸ˜¸Documentation 
    opened by nikogu 45
  • 🐛[BUG] 从服务端请求菜单时 icon 和 access 不生效

    🐛[BUG] 从服务端请求菜单时 icon 和 access 不生效

    🐛 bug 描述

    https://beta-pro.ant.design/docs/advanced-menu-cn

    根据该文档的方式实现从服务端请求菜单,返回的菜单中包含 icon 信息和 accss 信息,icon 显示错误,access 不生效。

    icon显示结果: image

    access无效。

    📷 复现步骤

    返回的菜单信息: path: '/system', name: 'system', icon: 'setting', access: 'noPermission',

    🏞 期望结果

    显示设置的icon,access 生效

    💻 复现代码

    © 版本信息

    • Ant Design Pro 版本: 5.0.0-beta.2
    • umi 版本
    • 浏览器环境
    • 开发环境 [e.g. mac OS]

    🚑 其他信息

    🏆 Feature Request 
    opened by lin-mt 37
  • 🐛 [BUG]新建一个项目,好像只要执行了 i18n-remove 就无法看到菜单了.

    🐛 [BUG]新建一个项目,好像只要执行了 i18n-remove 就无法看到菜单了.

    🐛 bug 描述

    新建一个项目,执行i18n-remove后,菜单无法正常显示.重新添加i18n后依旧无法显示.

    📷 复现步骤 | Recurrence steps

    pro create myapp yarn install yarn i18n-remove yarn start 之后进入页面菜单无显示. image

    🏞 期望结果 | Expected results

    移除i18n还是能够正常看到菜单.

    💻 复现代码 | Recurrence code

    © 版本信息

    • Ant Design Pro 版本: [e.g. 6.0.0]
    • umi 版本
    • 浏览器环境
    • 开发环境 [e.g. mac OS]

    🚑 其他信息

    opened by joesdu 0
  • 🧐[问题 | question]proxy.ts里原来在dev中配置的一些代理,现在把dev注释掉后,本地好些请求404了

    🧐[问题 | question]proxy.ts里原来在dev中配置的一些代理,现在把dev注释掉后,本地好些请求404了

    之前的版本: ant-design-pro:5.x "antd": "^4.x", "umi": "^3.x",

    现在的版本: ant-design-pro:6.0.0 "antd": "^5.0.0", "@umijs/max": "^4.0.33",

    升级后登录有问题,把proxy.tx中的这个dev注释掉后,登录正常了 ,但是dev里原来配置的那些请求全都404了,这个要怎么适配 ,没找到对应的文档 export default { dev: { '/aaa/bbb/': { // 要代理的地址 target: http://${serverIp}:${serverPort}/aaa/bbb/, changeOrigin: true, pathRewrite: { '/aaa/bbb/': '', }, }, } }

    opened by qxz123456 0
  • 文档语法有问题,多一个“的”字

    文档语法有问题,多一个“的”字

    https://pro.ant.design/zh-CN/docs/getting-started/

    开始使用
    Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案
    

    这句话里的“是基于 Ant Design 和 umi 的封装的一整套” 应该只有一个”的“字,如下: -------------是基于 Ant Design 和 umi 封装的一整套

    opened by dong-lufei 1
  • 🧐[问题 | question]登录后不管进那个界面,刷新下浏览器,就又回到登录界面了,有人清楚是什么情况吗

    🧐[问题 | question]登录后不管进那个界面,刷新下浏览器,就又回到登录界面了,有人清楚是什么情况吗

    🧐 问题描述 | Problem description

    登录后不管进那个界面,刷新下浏览器,就又回到登录界面了,/api/login/account这个请求是正常的,但是/api/currentUser这个请求404了,怀疑是这个404导致的,但是不知道为啥这个请求404了,有没有大佬帮忙看看

    "antd": "^5.0.0", "@umijs/max": "^4.0.33", “ant-design-pro”:6.0.0 浏览器 | browser:

    opened by qxz123456 0
Releases(v6.0.0-beta.1)
  • v6.0.0-beta.1(Jun 27, 2022)

    升级到 [email protected]

    安装 yarn add @umijs/max

    同时删除以下的依赖

    "@umijs/plugin-blocks": "^2.2.0",
    "@umijs/plugin-esbuild": "^1.4.0",
    "@umijs/plugin-openapi": "^1.3.0",
    "@umijs/preset-ant-design-pro": "^1.3.0",
    "@umijs/preset-dumi": "^1.1.0",
    "@umijs/preset-react": "^2.1.0",
    

    修改 "postinstall": "max setup",

    删除 config/config.dev.ts

    修改 fastRefresh: true

    删除 dva 的配置

    dva: {
        hmr: true,
      },
    

    删除 config 中 dynamicImport, esbuild, openAPI, nodeModulesTransform, exportStatic 的配置。

    使用 max 命令来替换 umi,max dev,max build 等。

    umi dev -> max dev
    umi build -> max build
    umi openapi -> max openapi
    

    将 from 'umi'; 修改为 from '@umijs/max';,详细这个diff

    https://github.com/ant-design/ant-design-pro/pull/9956/files#diff-4f15e8cec0638e78138fbc4f2096e379a024084d76329b5b50bef0eccf1aee3e

    删除 lint:style ,stylelint 需要的越来越少了

    删除的功能

    • 区块功能
    • 删除对 IE 的支持,如果对 IE 有需求,请使用旧版本,(react,antd 都将不支持的 ie11)

    新建 [email protected] 或 [email protected] 项目

    npm I @ant-design/pro-cli -g

    然后使用 pro create demo

    image

    选择[email protected] 暂时不能使用全部区块

    image

    查看 demo 文件夹即可。

    使用全量的block

    选择 [email protected] 和 complete

    image Source code(tar.gz)
    Source code(zip)
  • v5.2.0(Dec 22, 2021)

  • v5.1.0(Nov 25, 2021)

  • v5.0.0(Jul 2, 2021)

    又快又美又好用的前端框架 Ant Design Pro V5 发布啦

    https://github.com/ant-design/ant-design-pro/issues/8656

    Source code(tar.gz)
    Source code(zip)
  • 4.5.0(Dec 18, 2020)

  • v4.4.0(Dec 18, 2020)

  • v4.3.0(Dec 18, 2020)

  • v4.2.1(Aug 14, 2020)

  • v4.2.0(Jul 23, 2020)

  • 4.0.0(Jun 8, 2019)

  • 2.1.1(Nov 5, 2018)

    Scaffold

    • Added typescript support, now you can create new tsx files for development. [deb1433] (https://github.com/ant-design/ant-design-pro/commit/deb14330ad5e5ba86df404fdb63021866ea93d4a)
    • Added tests for isUrl and fixedZero. #2600
    • Fixed a bug in verifying the phone number. #2605
    • Fixed an issue where the menu did not match correctly when there was only one level menu. #2630
    • Added support for netlify. #2651
    • Fixed a bug where the menu was automatically hidden. #2681
    • The e2e test supports custom ports. #2633

    Components

    • Ellipsis component tooltip property supports TooltipProps. #2713
    • Fix chart Gauge median display floating point exception problem. #2682
    • Better support for typescript.

    脚手架

    • 增加了 typescript 支持,现在可以直接新建 tsx 文件来进行开发。deb1433
    • 增加了 isUrl 和 fixedZero 的测试。#2600
    • 修复了验证手机号码的错误正则。 #2605
    • 修复菜单在只有一级菜单时无法正确匹配的问题。#2630
    • 增加了 netlify 支持。#2651
    • 修复了菜单自动隐藏的 bug。#2681
    • e2e 测试支持自定义端口。#2633

    组件

    • Ellipsis 组件 tooltip 属性支持 TooltipProps。#2713
    • 修复图表 Gauge 中值显示的浮点数异常的问题。#2682
    • 更完善的 typescript 的支持。
    Source code(tar.gz)
    Source code(zip)
  • 2.1.0(Nov 4, 2018)

    Scaffold

    • Added and improved multiple documents.
    • Fixed an issue where exiting the login did not work. #2157
    • Add an environment variable APP_TYPE. In the non-pro official website environment, the default sidebar is not added by default. 8e28420
    • Fixed an issue where the logo and sidebar border styles were incorrect under the white theme. 3472590 57cb464
    • The sidebar can now be scrolled separately. #2191
    • Fix a bug that was reported after successful registration. de86a3
    • Fixed an issue where it did not jump to the login screen when not logged in. #2157
    • Fixed an issue where a blank area was left after the sidebar was automatically retracted when the side menu was fixed.#2175
    • Added support for Traditional Chinese and [Portuguese] (https://github.com/ant-design/ant-design-pro/pull/2384).
    • Added test at the layout level.#2499
    • Added support for docker. #2430
    • Supported IE11. 88be0d2
    • Refactored the Render method of AdvancedForm. 5bcf89
    • Extract the ArticleListContent as a public component. #2482

    Components

    • HeaderSearch add open 和 onVisibleChange props. 5b5a737
    • PageHeader adds the hiddenBreadcrumb attribute. 231e72 -Fix Ellipsis's tooltip bug in exception. 0d47d5
    • Fixed a bug that was unusual in Firefox 40.0.3. 85f466
    • Fix the problem that the chart does not render when the Pie percent value is 0. 5b2daa
    • Fix the problem that LoginItem custom rules doesn't work. 9f89ce
    • Fixed an issue where the Ellipsis component and the Table component mismatched. #2405

    脚手架

    • 增加和完善了多处文档。
    • 修复退出登录不工作的问题。#2157
    • 增加一个环境变量 APP_TYPE,在非 pro 官网的环境下,默认不添加设置边栏。8e28420
    • 修复在白色主题下,logo 和 侧边栏边框样式错误的问题。3472590 57cb464
    • 侧边栏现在可以单独滚动。 #2191
    • 修复注册成功之后报错的 bug。de86a3
    • 修复了未登录时不跳转到登录界面的问题。#2157
    • 修复在固定侧边菜单时,自动收起侧边栏后会留空白区域的问题。 #2175
    • 增加了 繁体中文 和 葡萄牙语 支持。
    • 增加了 layout 级别的测试。#2499
    • 增加了对 docker 的支持。#2430
    • 支持了 IE11。88be0d2
    • 重构了 AdvancedForm 的 render 方法。5bcf89
    • 抽取 ArticleListContent 为公共组件。#2482

    组件

    • HeaderSearch 增加 open 和 onVisibleChange 属性。5b5a737
    • PageHeader 增加了 hiddenBreadcrumb 属性。231e72
    • 修复 Ellipsis 的 tooltip 表现异常的 bug。0d47d5
    • 修复 在 Firefox 40.0.3 中表现异常的 bug。85f466
    • 修复 Pie percent值为 0 时,图表不渲染的问题。5b2daa
    • 修复 LoginItem 自定义 rules 不工作的问题。9f89ce
    • 修复 Ellipsis 组件和 Table 组件共用时表现错误的问题。#2405
    Source code(tar.gz)
    Source code(zip)
  • 2.0.0(Sep 3, 2018)

    V2 is a huge change with 600 commits, including many changes, see for more And Design Pro release .

    Scaffold


    v2 是一个包含 600 多个 commit 的巨大改动,包含很多变化,更多内容见 And Design Pro 发布公告 。

    脚手架

    组件

    • 🌟 TagSelect 增加 hideCheckAll 属性,用于隐藏 全部 按钮。
    • 🌟 PageHeader 增加 home 和 itemRender 属性。
    Source code(tar.gz)
    Source code(zip)
  • 1.4.4(Aug 10, 2018)

  • 1.4.1(Aug 10, 2018)

    1.4.0 was released using beta tag This version uses the correct tag


    1.4.0版本错误的使用了 beta tag发布。 这个版本使用了正确的 tag

    Source code(tar.gz)
    Source code(zip)
  • 1.4.0(Aug 10, 2018)

    Scaffold

    • 🐞 Fix the problem that the login page is misplaced at the bottom of IE11. #1315
    • 🐞 Fix the problem that the (official website) advanced details page is not displayed in the IE11 section. #1287
    • 🐞 Fix the problem of the breadcrumb path problem in the Step Form. #1324
    • 🐞 Fixed an issue where dynamic parameter routing could not get title. #1248
    • 🐞 Fix the problem that the breadcrumbs on the distribution form page are not updated. #1409

    Components

    • 🐞 Fix the error that the chart does not show when WaterWave precent is 0. 27a2353
    • 🐞 Fix Ellipsis break in Firefox. #1921
    • 🌟 Trend adds the reverseColor attribute. #1399
    • 🌟 Ellipsis adds the caculateShowLength attribute. #1673
    • 🌟 Ellipsis length now includes .... #1592
    • 🌟 Login.Captcha adds the buttonText property. 11df359

    脚手架

    • 🐞 修复登录页面在 IE11 浏览器下,Footer 错位的问题。#1315
    • 🐞 修复(官网)高级详情页在 IE11 下部分内容未显示的问题。#1287
    • 🐞 修复分步表单面包屑路径问题的问题。#1324
    • 🐞 修复动态参数路由无法获得 title 的问题。#1248
    • 🐞 修复分布表单页跳转时面包屑不更新的问题。#1409

    组件

    • 🐞 修复 WaterWave precent 为 0 时,图表不展示的错误。27a2353
    • 🐞 修复 Ellipsis 在 Firefox 中死循环的问题。#1921
    • 🌟 Trend 增加 reverseColor 属性。#1399、
    • 🌟 Ellipsis 增加 caculateShowLength 属性。#1673
    • 🌟 Ellipsis 长度现在包括 ...。#1592
    • 🌟 Login.Captcha 增加 buttonText属性。11df359
    Source code(tar.gz)
    Source code(zip)
  • 2.0.0-beta.1(May 16, 2018)

    This update supports babel-plugin-import.

    Configuration is as follows

      {
         libraryName: 'ant-design-pro',
         libraryDirectory: 'lib',
         Style: true,
         camel2DashComponentName: false,
       }
    

    in code

    import { Charts, NumberInfo, Trend } from 'ant-design-pro';
    

    此次更新主要是支持了 babel-plugin-import。 通过如下配置来使用:

     {
        libraryName: 'ant-design-pro',
        libraryDirectory: 'lib',
        style: true,
        camel2DashComponentName: false,
      }
    

    在代码中:

    import { Charts, NumberInfo, Trend } from 'ant-design-pro';
    
    Source code(tar.gz)
    Source code(zip)
  • 1.3.0(Apr 19, 2018)

    脚手架

    • 🐞 修复了触发异常时页面报错的问题。#1188
    • 🐞 修复了浏览器切换到手机端模式时出现报错的问题。#1215
    • 🐞 修复了 request.js 使用 FormData 上传文件时报错的问题。#1217 @ChieveiT
    • 页面
      • 🌟 查询表格页 中 StandardTable 组件新增 rowKey 属性。#1175 @neoscript99
      • 🐞 修复 查询表格页 中重新搜索后筛选设置失效的问题。#1209

    组件

    • 🌟 HeaderSearch 新增 defaultOpen 属性,可以支持默认展开。#1179 @zhujun24
    • Charts
      • 🐞 修复了 TimelineChart 坐标轴错位以及格式化有误的问题。#1283 @mdluo
      • 🐞 修复了直接引用 Charts 失败的问题。commit/3bc5c5
    Source code(tar.gz)
    Source code(zip)
  • 1.2.0(Mar 25, 2018)

    ~ Ant Design Pro 也有国内镜像了 -> http://ant-design-pro.gitee.io ~

    脚手架

    • 🌟 request 现在可以处理 FormData 了。#884 @chengs
    • 🌟 支持用 Fragment 替代无用的 div。#330
    • 🌟 使用 puppeteer 替代了 nightmare。#1006
    • 🌟 支持路由配置时指定 exact 属性。#1148 @ws456999
    • 🌟 面包屑默认加了入了菜单中(非路由项)的层级。#1053 @ReedSun
    • 🐞 修复了无子菜单但其下有多级路由时菜单无法选中的问题。#821
    • 🐞 修复了首页无权限时点击 logo 也会重定向到 403 页面的问题。#1098
    • 页面
      • 🐞 修复了高级表单页可编辑表格存在的一些问题,优化了使用体验。#846 @wunayou
      • 🐞 修复了卡片列表页卡片标题过长时溢出的样式问题。#948
      • 🐞 修复了分步表单页的 title 没有显示的问题。#984
      • 🐞 修复了查询表格页中新建规则时数据未重置的问题。#1015
      • 🐞 修复了触发报错时导致无限 loading 的问题。#976

    组件

    • Charts
      • 🐞 修复了 Pie legend 数据无法更新的问题。#819
      • 🐞 修复了 ChartCard total 属性的展示问题。#1110
      • 🌟❗️ Pie 和 ChartCard total 属性新增支持函数类型,去除了代码里不安全的 dangerouslySetInnerHTML 用法,这可能导致 total 和 valueFormat 属性在用法上的改变,属于 breaking change。#1142
    • PageHeader
      • 🌟 新增 tabDefaultActiveKey 属性,支持设置默认选中的页签。commit/e618d4
      • 🐞 修复了 location 属性无法生效的问题。#970 @Alexorz
    • Authorized
      • 🐞 修复了 Secured 调用失败的问题。#862
      • 🐞 修复了 authority 属性为 Promise 时不生效的问题。#843
      • 🐞 修复了 PromiseRender 无法正常更新数据的问题。#987 @guowenfh
    • SiderMenu
      • 🐞 当子菜单无权限或不存在子菜单时不展示父菜单。#1047 @hzq001
      • 🐞 优化了 SiderMenu 的展示体验。#964
      • 🐞 修复了菜单项图标为 img 标签时折叠后无法隐藏菜单名的问题。commit/bacc20
    • 🐞 修复了 CountDown 初始化时的展示问题。#1009
    Source code(tar.gz)
    Source code(zip)
  • 1.1.0(Jan 27, 2018)

    脚手架

    • 🌟 现在注册完成后权限角色也会更新了!#724
    • 🌟 重构了全局异常处理相关代码,将异常触发页收纳到顶部下拉列表中。#675
    • 🌟 优化了登录/注册/注册结果页在大屏/手机上的展现。#665 @andriijas
    • 🐞 修复了手机端的高度问题。#788
    • 🐞 修复面包屑在存在带参数的路由时标题匹配有误的问题。#801 @Jeepeng
    • 🐞 修复使用 browserHistory 报错的问题。#649
    • 🐞 修复了 menu path 为绝对路径时的路径拼接问题。#697
    • 🐞 修复了不能正常后退的问题。#729
    • 页面
      • 🐞 修复了高级表单页可编辑表格中编辑按钮被误触发的问题。#744
      • 🐞 修复了 firefox 下访问监控页报错的问题。#677
      • 🐞 修复了注册结果页注册信息未同步的问题。#695 @elevensky
      • 🐞 修复了查询表格页验证误触发的问题。#755

    组件

    • 🌟 TagSelect 新增受控模式。#761 @yunxifd
    • PageHeader
      • 🌟 新增 tabBarExtraContent 属性,支持配置 tab bar 上额外的元素。#793 @kamote
      • 🌟 新增 breadcrumbSeparator 属性,支持自定义分隔符。#811 @unrealsmart
      • 🐞 修复了 tabActiveKey 未生效的问题。#681
    • 🌟 Authorized 组件 authority 属性为 function 时新增当前权限参数。#692
    • 🌟 重构了 StandardTable,现在可以通过外部传入的 columns 控制渲染,同时支持多列求和结果展示。commit/33ef0a
    • 🐞 修复 Login 内不使用 Tab 时,输入框无法输入的问题。#674 @lyingd
    • 🐞 修复了 Ellipsis 内容未正常折行的问题。#688
    Source code(tar.gz)
    Source code(zip)
  • 1.0.0(Jan 10, 2018)

    主要变化 💎

    • 图表底层升级 BizCharts,修复了之前的一些问题,更新了部分 UI。#370
    • 采用全新的菜单及路由配置,能够支持更多更灵活的需求场景,修复了之前存在的一些问题,同时支持指定菜单项/面包屑隐藏。#442
    • 新增 Authorized 组件,增加权限管理模块,支持通过简单的配置,实现基本的权限管理需求。#508
    • 升级 [email protected],支持 code split 配置化。#542 #562 @sorrycc
    • 新增 Login 组件。#147

    脚手架

    • 🌟 增加内网使用引导。
    • 🌟 侧边栏针对手机端进行了体验优化。#463 @jljsj33
    • 🌟 增加全局异常处理。#500
    • 🌟 增加 dva-loading,去掉了一堆 loading 处理。#587 @andriijas
    • 🌟 菜单图标支持配置成图片地址或组件。commit/74f0a0
    • 🌟 增加登录页按钮 loading 效果。#576
    • 🐞 修复了部分路由没有重定向的问题。#507
    • 🐞 扩展 dymaicWrapper,防止 Model 重复导入报错。#506 @henrydf
    • 🐞 修复了分步表单无法匹配任何菜单项,以及点击 logo 无法切换展开菜单的问题。commit/e2b126

    组件

    • PageHeader
      • 🌟 新增 activeTabKey 属性。commit/a8caa5
      • 🐞 修复了 breadcrumbList 属性的优先级问题,更新了相关文档。commit/d8b0a9
    • 🐞 针对部分组件依赖外部资源的问题进行了抽离。#528 #560
    Source code(tar.gz)
    Source code(zip)
  • 0.3.0(Nov 20, 2017)

    • 脚手架

      • 🌟 升级路由系统为 Dynamic Router,按需加载加速页面展现速度。184 @WhatAKitty
      • 🌟 接入 sentry.io,监控 js 报错,提高项目反馈度。 b8a96c5
      • 🐞 修复三级路由展示面包屑不正常的问题。#128
      • 🐞 修复重复点击当前激活菜单报 Warning 的问题。#159
      • 🐞 修复禁用代理模式在 Windows 下启动的问题。#181
      • 🐞 修复 Lodash Debounce 对 window.onResize 不生效的问题。5cce044
    • 组件

      • 🌟 保持组件样式独立性,移除 antd v2-compatible-reset.less 的依赖。63b7645
      • 🐞 修复 Timeline 组件数值读取错误的问题。#130
      • 🐞 重构 TagSelect state 状态处理,避免在多处使用场景下状态异常的问题。#161
      • 🐞 修复 Ellipsis 大量问题(排版错误、样式异常、单行死循环等)。#167 #212
      • 🐞 升级打包工具,修复 className 重复导致样式展现错乱的问题。#205
    Source code(tar.gz)
    Source code(zip)
  • 0.2.2(Nov 20, 2017)

    • 🌟 开放国际化的支持。#120
    • 🌟 优化多处细节样式问题,使得整体观感更加精细。
    • 脚手架
      • 🌟 优化网络请求错误的界面响应以及容错处理。#82
      • 🐞 修复三级菜单展开失效的问题。#125
    • 组件
      • 🌟 分离组件样式,兼容非 CssModule 项目。#85
      • 🐞 修复 PageHeader 不支持 url 参数的问题。#64
      • 🐞 修复 HeaderSearch onPressEnter 方法获取不到参数的问题。#131
      • 🌟 新增多行省略文本组件 Ellipsis。#133
    Source code(tar.gz)
    Source code(zip)
  • 0.2.1(Nov 2, 2017)

    • 🐞 修复组件包依赖错误以及 module export 异常的问题。#73
    • 脚手架
      • 🐞 修复分析页饼状图位置偏移的问题。#76
      • 🐞 修复 Editable Table 编辑保存的问题。 #68
      • 📱 增加查询表格搜索表单的响应式支持。9709268
    • 组件
      • 📱 优化 Pie 组件的响应式。8d9b7cf 84ebabf
    Source code(tar.gz)
    Source code(zip)
  • 0.2.0(Nov 2, 2017)

    • 📱 模板响应式全面优化升级。
    • 🌟 模板整体设计细节全面优化升级。
    • 脚手架
      • 🐞 修复了登出失效的问题。#52
      • 🐞 修复了监控页布局样式问题。 #40
    • 组件
      • 🌟 优化了 PageHeader logo 尺寸。0d177915
      • 🌟 优化了图表加载的显示效果。 #33
      • 🐞 修复了 Pie 图表响应式展示的标题样式问题。 34027103
      • 🐞 修复了雷达图在 safari 下样式超出的问题。 39
    Source code(tar.gz)
    Source code(zip)
  • 0.1.10(Oct 29, 2017)

    Ant Design Pro 的第一个版本。

    我们提供了:

    • 一个 React 技术栈的脚手架。
    • 7 个标准化场景,22 个页面模板。
    • 开发、调试、模拟数据、部署的一整套流程以及配套文案。
    • 14 个精品组件。
    Source code(tar.gz)
    Source code(zip)
Owner
Ant Design Team
A UI Design Language
Ant Design Team
Arco-design-pro - An out-of-the-box solution to quickly build enterprise-level applications based on Arco Design

Arco Design Pro An out-of-the-box solution to quickly build enterprise-level app

null 265 Dec 23, 2022
An quick-start solution for enterprise applications as a React templete.

An quick-start solution for enterprise applications as a React templete.

GZ 12 Aug 19, 2022
An excellent front-end solution for enterprise applications built upon Ant Design and UmiJS

AntD Admin An excellent front-end solution for enterprise applications. Preview - https://antd-admin.zuiidea.com Documentation - https://doc.antd-admi

zuiidea 9.2k Jan 5, 2023
A modern minimal Vite + React + TypeScript template with pre-configured ESLint (with Airbnb JS/React rules), Prettier, Testing with Jest and Git hooks with Husky out of the box 📦

A modern minimal Vite + React + TypeScript template with pre-configured ESLint (with Airbnb JS/React rules), Prettier, Testing with Jest and Git hooks with Husky out of the box ??

Patrick Jean Meurer 16 Dec 29, 2022
Rollup + React + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterprise grade boilerplate

React package boilerplate by HackingBay Rollup + React 17 + Babel + Prettier + Strict ESlint and Stylelint + Sass + VSCode + Playground app - Enterpri

HackingBay 2 Jan 19, 2022
A CLI tool to clean out boilerplate code created by create-react-app

Clean React Clean React is a CLI tool that removes and modifies some of the boilerplate files and code that are being generated when initiating a new

Meike Hankewicz 1 Dec 23, 2022
Electron-app - A ready-to-go with a well-thought-out structure Electron app boilerplate with ReactJS, TypeScript

Electron App ??  A ready-to-go with a well-thought-out structure Electron app bo

Dalton Menezes 155 Dec 29, 2022
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. :fire:

React Enterprise Starter Kit ?? Highly Scalable, performant and amazing react boilerplate for react developers to get started and improve web building

Anand gupta 71 Dec 9, 2022
react redux for CMS/Enterprise class App/ERP/Admin with ant-design

Feature List hot reloading/browser-sync/redux devtools on dev build minify/chunkhash/trackJS on production build eslint both of terminal and pre-commi

Justin-lu 410 Oct 18, 2022
Test concept that contains a simple layout to try out a basic react component composition by using technologies such as Vite and Tailwindcss.

Football squad stats Comments This is a conceptual test aimed at trying out technologies such as: React (TypeScript). Vite Tailwindcss daisyUI Install

Christian José Torrealba Rondón 4 Nov 11, 2022
Peer-Learning - A platform designed as an addition to Google Classroom for students to gain the best out of online education

Peer Learning Platform This is a platform designed as an addition to Google Clas

Ayush Chandil 7 Jul 21, 2022
Great boilerplate for fast creating React/Redux Applications.

react-redux-boilerplate Great boilerplate for fast creating React/Redux Applications.

Anton Izmailov 24 Mar 20, 2021
A universal boilerplate for building web applications w/ TypeScript, React, Redux, Server Side Rendering and more.

Vortigern Vortigern is our opinionated boilerplate for crafting universal web applications by using modern technologies like TypeScript, React and Red

Barbar Startup Factory 642 Dec 13, 2022
Great boilerplate for fast creating React/Redux Applications.

react-redux-boilerplate Great boilerplate for fast creating React/Redux Applications

Anton Izmailov 24 Mar 20, 2021
Boilerplate for building applications with a React frontend and a C++ gRPC backend

Boilerplate for building applications with a React frontend and a C++ gRPC backend. How To Run Backend Install Bazel Bazel is for building the backend

null 3 Oct 16, 2022
Boilerplate for React Native applications

Boilerplate for React Native applications, built with Mobx as a state manager and Native Base as a component library.

Nathan S. Santos 8 Jun 25, 2022
💥A cross-platform Node.js based CLI that generates boilerplate code for different tailwind web applications.

??A cross-platform Node.js based CLI that generates boilerplate code for different tailwind web applications.

Saad Irfan ⚡️ 237 Dec 28, 2022
⚛️Preact-PWA - a boilerplate to build fast progressive web applications with Preact & Vitejs

⚛️ pheralb/preact-pwa is a boilerplate to build fast progressive web applications with Preact & Vitejs. ?? Demo - Cloudflare Pages. ?? Gett

Pablo Hdez 6 Oct 29, 2022
Palo-mern-boilerplate - A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly.

palo MERN boilerplate A MERN stack (Mongo, Express, React, Node) boilerplate to get Palowans up and running quickly. Commands: npm install # install b

Jim 10 Oct 31, 2022