{"action":"created","issue":{"url":"https://api.github.com/repos/ant-design/ant-design/issues/8233","repository_url":"https://api.github.com/repos/ant-design/ant-design","labels_url":"https://api.github.com/repos/ant-design/ant-design/issues/8233/labels{/name}","comments_url":"https://api.github.com/repos/ant-design/ant-design/issues/8233/comments","events_url":"https://api.github.com/repos/ant-design/ant-design/issues/8233/events","html_url":"https://github.com/ant-design/ant-design/issues/8233","id":275165432,"number":8233,"title":"Ant Design 3 RC","user":{"login":"yesmeck","id":465125,"avatar_url":"https://avatars0.githubusercontent.com/u/465125?v=4","gravatar_id":"","url":"https://api.github.com/users/yesmeck","html_url":"https://github.com/yesmeck","followers_url":"https://api.github.com/users/yesmeck/followers","following_url":"https://api.github.com/users/yesmeck/following{/other_user}","gists_url":"https://api.github.com/users/yesmeck/gists{/gist_id}","starred_url":"https://api.github.com/users/yesmeck/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yesmeck/subscriptions","organizations_url":"https://api.github.com/users/yesmeck/orgs","repos_url":"https://api.github.com/users/yesmeck/repos","events_url":"https://api.github.com/users/yesmeck/events{/privacy}","received_events_url":"https://api.github.com/users/yesmeck/received_events","type":"User","site_admin":false},"labels":[{"id":730421541,"url":"https://api.github.com/repos/ant-design/ant-design/labels/v3","name":"v3","color":"1890ff","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":9,"created_at":"2017-11-19T15:02:23Z","updated_at":"2017-11-27T12:40:21Z","closed_at":null,"author_association":"MEMBER","body":"It's more than a year from last major release of antd, now the first RC of antd 3 is avaliable for public testing. Here is the preview address http://beta.ant.design.\r\n\r\n## Installation\r\n\r\nThe RC has been published to NPM with the tag \"next\".\r\n\r\n```bash\r\n$ yarn add antd@next\r\n```\r\n\r\nor\r\n\r\n```bash\r\n$ npm install --save antd@next\r\n```\r\n\r\n## Major Changes\r\n\r\n- We changed our primary color from `#108EE9` to `#1890FF`, we called the new primary color \"破晓蓝\" which means the color of the sky at daybreak.\r\n- Increased the base font size from 12px to 14px.\r\n- Changed default locale to en_US.\r\n- Improved global css style.\r\n- A lot of style improvements.\r\n- Support React 16.\r\n- New [List](http://beta.ant.design/components/list/) Component.\r\n- New [Divider](http://beta.ant.design/components/divider/) Component.\r\n- New [icons](http://beta.ant.design/components/icon/).\r\n\r\n## Breaking Changes\r\n\r\n- Card's `noHovering` has changed to `hoverable`，and it's default value now is `true`.\r\n- Added new Grid breakpoints. [#7230](https://github.com/ant-design/ant-design/pull/7230)\r\n- Form\r\n  - Removed `exclusive` option of `getFieldDecorator`.\r\n  - Added `createFormField`, and you must use it to wrap field data in `option.mapPropsToFields` of `Form.create`:\r\n    After antd@3.0.0\r\n    ```diff\r\n    import { Form } from 'antd';\r\n    Form.create({\r\n      mapPropsToFields() {\r\n        return {         \r\n    -     name: { value: 'antd' },\r\n    +     name: Form.createFormField({ value: 'antd' }),\r\n        };\r\n      },\r\n    })\r\n    ```\r\n- Since we improved the global reset style, if you prefer the v2 way, we provide a compatible style.\r\n\r\n  ```javascript\r\n  import 'antd/style/v2-compatible-reset';\r\n  ```\r\n  or\r\n  ```less\r\n  @import '~antd/style/v2-compatible-reset.css';\r\n  ```\r\n\r\n- Since we changed default locale to en_US, so `LocalProvide` is not required for English users now, but for Chinese user, locale must set by `LocalProvide` .\r\n\r\n\r\n## New Features\r\n\r\n- Tabs added new `large` size。\r\n- Grid's `Row[gutter]` now support responsive setting.\r\n- Badge added `offset` to allow setting offset of the badge.\r\n- Spin adde `indicator` to allow setting custom indicator. [#7977](https://github.com/ant-design/ant-design/pull/7977) [@kossel](https://github.com/ant-design/ant-design/pull/7977)\r\n- Progress adde new `@processing-color` less variable.\r\n- Menu added `subMenuOpenDelay` and `subMenuCloseDelay` to allow setting delay time foor submeny toggling。\r\n- Input added `Input.Search[enterButton]` to allow setting custom search button.\r\n- Mention added `placement` to allow setting the popup direction.\r\n- Carousel added `next()`, `prev()`, `goTo(slideNumber)` to allow controlling slides programmatically.\r\n- Card\r\n  - Added new `inner` type. [Demo](http://beta.ant.design/components/card/#components-card-demo-inner)。\r\n  - Added `cover`、`actions` and a new `Meta` component. [Demo](http://beta.ant.design/components/card/#components-card-demo-meta)。\r\n- DatePicker\r\n  - Added `mode` and `onPanelChange` to allow controlling the panel mode. [Demo](http://beta.ant.design/components/date-picker/#components-date-picker-demo-mode)。\r\n  - Added new `WeekPicker`.\r\n  - Added `dateRender` to allow customizing date cell.\r\n- TimePicker\r\n\t- Added `hourStep`、`minuteStep`、`secondStep` to allow customizing time setps. [Demo](http://beta.ant.design/components/time-picker/#components-time-picker-demo-interval-options)\r\n\t- Added `focusOnOpen` to allow opening panal when input gets focus.\r\n\t- Added `@timepicker-item-height` less variable.\r\n- Table\r\n  - Added `components` to allow overriding default table elements.\r\n    ```javascript\r\n    const components = {\r\n      table: MyTable,\r\n      header: {\r\n        wrapper: HeaderWrapper,\r\n        row: HeaderRow,\r\n        cell: HeaderCell,\r\n      },\r\n      body: {\r\n        wrapper: BodyWrapper,\r\n        row: BodyRow,\r\n        cell: BodyCell,\r\n      },\r\n    };\r\n\r\n    <Table components={components} columns={columns data={data}}  />\r\n    ```\r\n  - Added `onRow` to allow passing custom props to table body row.\r\n  - Added `onHeaderRow` to allow passing custom props to table header row.\r\n  - Added `column[onCell]` to allow passing custom props to table body cell.\r\n  - Added `column[onHeaderCell]` to allow passing custom props to table header cell.\r\n  - Added `column[align]` to allow setting how text aligns.\r\n\t- Added `column[defaultSortOrder]` to allow setting [#8111](https://github.com/ant-design/ant-design/pull/8111)\r\n\t- Added `rowSelection[fixed] to allow fixing the selection column.\r\n  - Following props are deprecated:\r\n    - `onRowClick`\r\n    - `onRowDoubleClick`\r\n    - `onRowContextMenu`\r\n    - `onRowMouseEnter`\r\n    - `onRowMouseLeave`\r\n\r\n    Please use `onRow` instead:\r\n    ```javascript\r\n    <Table onRow={(record) => ({\r\n      onClick: () => {},\r\n      onDoubleClick: () => {},\r\n      onContextMenu: () => {},\r\n      onMouseEnter: () => {},\r\n      onMouseLeave: () => {},\r\n    })} />\r\n    ```\r\n  - Deprecate `getBodyWrapper`, please use `components` instead。\r\n- Select\r\n  - Option's value can be number in `single` or `multiple` mode.\r\n  - Added `maxTagCount` and `maxTagPlaceholder`.\r\n  - Added `showAction` to allow setting the trigger action for popup.\r\n  - Added `onMouseEnter` and `onMouseLeave`。\r\n- LocaleProvider\r\n  - Added Icelandic. [#7561](https://github.com/ant-design/ant-design/pull/7561) [@paunovic-stefan](https://github.com/paunovic-stefan)\r\n  - Added Egyptian Arabic. [#7888](https://github.com/ant-design/ant-design/pull/7888) [@mohamed-seada-1994](https://github.com/mohamed-seada-1994)\r\n  - Added Ukrainian. [#8169](https://github.com/ant-design/ant-design/pull/8169) [@anxolerd](https://github.com/anxolerd)\r\n\r\n## Bug Fixes and Improvements\r\n\r\n- Badge's `status` can use with `children` now. [#8164](https://github.com/ant-design/ant-design/issues/8164)\r\n- Form\r\n  - Added animation when showing validate message.\r\n  - Fixed issue result in Input icon is hovered by feedback icon.\r\n  - Now allow to bind same field name for dynamic components rendering.\r\n- Menu\r\n  - Imporoved animation.\r\n  - Fixed keydown error. [#8089](https://github.com/ant-design/ant-design/issues/8089)\r\n- Rate changed to a new color.\r\n- Message\r\n  - `duration` can be optional. [#7857](https://github.com/ant-design/ant-design/issues/7857) [@monkindey](https://github.com/monkindey)\r\n  - Fixed destroy issue, when multiple message exists. [#8201](https://github.com/ant-design/ant-design/issues/8201)\r\n\r\n## Other Changes\r\n\r\n- Don't need set `allowSyntheticDefaultImports` when using in TypeScript.\r\n- We removed `react@0.14` and `react@15` from `peerDependencies`, since we may use the new features only exists in React 16 in the future.\r\n- Fully es module support, if you are using webpack 3, you can set `babel-import-plugin`'s `libraryDirectory` to `es` to enable tree shaking ."},"comment":{"url":"https://api.github.com/repos/ant-design/ant-design/issues/comments/347170350","html_url":"https://github.com/ant-design/ant-design/issues/8233#issuecomment-347170350","issue_url":"https://api.github.com/repos/ant-design/ant-design/issues/8233","id":347170350,"user":{"login":"TsuryKnox","id":24654145,"avatar_url":"https://avatars1.githubusercontent.com/u/24654145?v=4","gravatar_id":"","url":"https://api.github.com/users/TsuryKnox","html_url":"https://github.com/TsuryKnox","followers_url":"https://api.github.com/users/TsuryKnox/followers","following_url":"https://api.github.com/users/TsuryKnox/following{/other_user}","gists_url":"https://api.github.com/users/TsuryKnox/gists{/gist_id}","starred_url":"https://api.github.com/users/TsuryKnox/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/TsuryKnox/subscriptions","organizations_url":"https://api.github.com/users/TsuryKnox/orgs","repos_url":"https://api.github.com/users/TsuryKnox/repos","events_url":"https://api.github.com/users/TsuryKnox/events{/privacy}","received_events_url":"https://api.github.com/users/TsuryKnox/received_events","type":"User","site_admin":false},"created_at":"2017-11-27T12:40:21Z","updated_at":"2017-11-27T12:40:21Z","author_association":"NONE","body":"#8334 "}}
{"actor":{"display_login":"TsuryKnox"}}