diff --git a/compositor.json b/compositor.json deleted file mode 100644 index 52bc23c161..0000000000 --- a/compositor.json +++ /dev/null @@ -1,94 +0,0 @@ -{ - "name": "ant-design/ant-design", - "version": "0.1.4", - "libraries": { - "xv": "^1.1.25" - }, - "title": "ant-design", - "branch": "", - "style": { - "name": "Material", - "componentSet": { - "nav": "nav/DarkAbsoluteNav", - "header": "header/GradientHeader", - "article": "article/BasicArticle", - "footer": "footer/BasicFooter" - }, - "fontFamily": "Roboto, sans-serif", - "heading": { - "fontWeight": 500, - "letterSpacing": "-0.01em" - }, - "colors": { - "text": "#212121", - "background": "#fff", - "primary": "#2196f3", - "secondary": "#1565c0", - "highlight": "#ff4081", - "border": "#e0e0e0", - "muted": "#f5f5f5" - }, - "layout": { - "centered": true, - "bannerHeight": "80vh", - "maxWidth": 896 - } - }, - "content": [ - { - "component": "nav", - "links": [ - { - "href": "http://ant.design", - "text": "Home" - }, - { - "href": "https://github.com/ant-design/ant-design", - "text": "GitHub" - }, - { - "href": "https://npmjs.com/package/antd", - "text": "npm" - } - ] - }, - { - "component": "header", - "heading": "ant-design", - "subhead": "🐜 A UI Design Language", - "children": [ - { - "component": "ui/TweetButton", - "text": "ant-design: 🐜 A UI Design Language", - "url": "http://ant.design" - }, - { - "component": "ui/GithubButton", - "user": "ant-design", - "repo": "ant-design" - } - ], - "text": "v2.9.1" - }, - { - "component": "article", - "metadata": { - "source": "github.readme" - }, - "html": "
\n \n \n \n
\n\n\n\n\nAn enterprise-class UI design language and React-based implementation.
\n\nantd
is an open source project, improvements are welcomed. If you are interested in contributing to antd
, you can watch this repository, join in discussion, or try to implement some features which have been accepted. Actually, there are many ways to contribute. And we are always happy to offer collaborator permission for some active contributors.
npm install antd
import { DatePicker } from 'antd';\nReactDOM.render(<DatePicker />, mountNode);
And import style manually:
\nimport 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
Use babel-plugin-import (Recommended)
\n// .babelrc or babel-loader option\n {\n "plugins": [\n ["import", { libraryName: "antd", style: "css" }] // `style: true` for less\n ]\n }
Then you can import components from antd, equivalent to import manually below.
\n// import js and css modularly, parsed by babel-plugin-import\n import { DatePicker } from 'antd';
Manually import
\nimport DatePicker from 'antd/lib/date-picker'; // for js\n import 'antd/lib/date-picker/style/css'; // for css\n // import 'antd/lib/date-picker/style'; // that will import less
// tsconfig.json\n{\n "compilerOptions": {\n "moduleResolution": "node",\n "jsx": "preserve",\n "allowSyntheticDefaultImports": true\n }\n}
\n\nNote:
\n\n
\n- set
\nallowSyntheticDefaultImports
to preventerror TS1192: Module 'react' has no default export
.- Don't use @types/antd, antd provide a built-in ts definition already.
\n
See i18n.
\n$ git clone git@github.com:ant-design/ant-design.git\n$ npm install\n$ npm start
Open your browser and visit http://127.0.0.1:8001 , see more at https://github.com/ant-design/ant-design/wiki/Development .
\nWe welcome all contributions, please read our CONTRIBUTING.md first. You can submit any ideas as pull requests or as GitHub issues. If you'd like to improve code, check out the Development Instructions and have a good time! :)
\n" - }, - { - "component": "footer", - "links": [ - { - "href": "https://github.com/ant-design/ant-design", - "text": "GitHub" - }, - { - "href": "https://github.com/ant-design", - "text": "ant-design" - } - ] - } - ] -} \ No newline at end of file