mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-18 16:10:59 +08:00
docs: move ecosystem links (#46856)
* docs: move ecosystem links * docs: update docs * chore: remove Move reference'
This commit is contained in:
parent
3a04ea1c5e
commit
dd9a69944e
@ -1,99 +0,0 @@
|
|||||||
import { DownOutlined } from '@ant-design/icons';
|
|
||||||
import { createStyles } from 'antd-style';
|
|
||||||
import { FormattedMessage } from 'dumi';
|
|
||||||
import React from 'react';
|
|
||||||
import classnames from 'classnames';
|
|
||||||
import type { MenuProps } from 'antd';
|
|
||||||
import { Button, Dropdown } from 'antd';
|
|
||||||
import type { SharedProps } from './interface';
|
|
||||||
|
|
||||||
const useStyle = createStyles(({ css, token }) => ({
|
|
||||||
smallStyle: css`
|
|
||||||
font-size: 12px;
|
|
||||||
color: #777;
|
|
||||||
margin-left: 0.3em;
|
|
||||||
`,
|
|
||||||
down: css`
|
|
||||||
color: ${token.colorTextQuaternary};
|
|
||||||
`,
|
|
||||||
downOutlined: css`
|
|
||||||
font-size: 9px;
|
|
||||||
margin: -1px 0 0 2px;
|
|
||||||
vertical-align: middle;
|
|
||||||
`,
|
|
||||||
downOutlinedRTL: css`
|
|
||||||
font-size: 9px;
|
|
||||||
margin: -1px 2px 0 0;
|
|
||||||
vertical-align: middle;
|
|
||||||
`,
|
|
||||||
}));
|
|
||||||
|
|
||||||
const Community: React.FC = () => {
|
|
||||||
const { styles } = useStyle();
|
|
||||||
return (
|
|
||||||
<span className={styles.smallStyle}>
|
|
||||||
(<FormattedMessage id="app.implementation.community" />)
|
|
||||||
</span>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export const getEcosystemGroup = (): Exclude<MenuProps['items'], undefined> => [
|
|
||||||
{
|
|
||||||
label: (
|
|
||||||
<a href="https://charts.ant.design" target="_blank" rel="noopener noreferrer">
|
|
||||||
<FormattedMessage id="app.header.menu.charts" />
|
|
||||||
</a>
|
|
||||||
),
|
|
||||||
key: 'charts',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: (
|
|
||||||
<a href="http://pro.ant.design" target="_blank" rel="noopener noreferrer">
|
|
||||||
<FormattedMessage id="app.header.menu.pro.v4" />
|
|
||||||
</a>
|
|
||||||
),
|
|
||||||
key: 'pro',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: (
|
|
||||||
<a href="http://procomponents.ant.design" target="_blank" rel="noopener noreferrer">
|
|
||||||
<FormattedMessage id="app.header.menu.pro.components" />
|
|
||||||
</a>
|
|
||||||
),
|
|
||||||
key: 'procomponents',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: (
|
|
||||||
<a href="http://ng.ant.design" target="_blank" rel="noopener noreferrer">
|
|
||||||
Ant Design of Angular
|
|
||||||
<Community />
|
|
||||||
</a>
|
|
||||||
),
|
|
||||||
key: 'ng',
|
|
||||||
},
|
|
||||||
{
|
|
||||||
label: (
|
|
||||||
<a href="http://antdv.com" target="_blank" rel="noopener noreferrer">
|
|
||||||
Ant Design of Vue
|
|
||||||
<Community />
|
|
||||||
</a>
|
|
||||||
),
|
|
||||||
key: 'vue',
|
|
||||||
},
|
|
||||||
];
|
|
||||||
|
|
||||||
const More: React.FC<SharedProps> = ({ isRTL }) => {
|
|
||||||
const { styles } = useStyle();
|
|
||||||
return (
|
|
||||||
<Dropdown menu={{ items: getEcosystemGroup() }} placement="bottomRight">
|
|
||||||
<Button size="small">
|
|
||||||
<FormattedMessage id="app.header.menu.more" />
|
|
||||||
<DownOutlined
|
|
||||||
className={classnames(isRTL ? styles.downOutlinedRTL : styles.downOutlined, styles.down)}
|
|
||||||
/>
|
|
||||||
</Button>
|
|
||||||
</Dropdown>
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
export default More;
|
|
@ -4,7 +4,6 @@ import { MenuOutlined } from '@ant-design/icons';
|
|||||||
import { createStyles, css } from 'antd-style';
|
import { createStyles, css } from 'antd-style';
|
||||||
import type { MenuProps } from 'antd';
|
import type { MenuProps } from 'antd';
|
||||||
import { Menu } from 'antd';
|
import { Menu } from 'antd';
|
||||||
import { getEcosystemGroup } from './More';
|
|
||||||
import * as utils from '../../utils';
|
import * as utils from '../../utils';
|
||||||
import type { SharedProps } from './interface';
|
import type { SharedProps } from './interface';
|
||||||
import useLocale from '../../../hooks/useLocale';
|
import useLocale from '../../../hooks/useLocale';
|
||||||
@ -170,7 +169,6 @@ export default ({
|
|||||||
onClick: onDirectionChange,
|
onClick: onDirectionChange,
|
||||||
key: 'switch-direction',
|
key: 'switch-direction',
|
||||||
},
|
},
|
||||||
...getEcosystemGroup(),
|
|
||||||
];
|
];
|
||||||
|
|
||||||
if (isMobile) {
|
if (isMobile) {
|
||||||
|
@ -16,7 +16,6 @@ import type { SiteContextProps } from '../SiteContext';
|
|||||||
import SiteContext from '../SiteContext';
|
import SiteContext from '../SiteContext';
|
||||||
import type { SharedProps } from './interface';
|
import type { SharedProps } from './interface';
|
||||||
import Logo from './Logo';
|
import Logo from './Logo';
|
||||||
import More from './More';
|
|
||||||
import Navigation from './Navigation';
|
import Navigation from './Navigation';
|
||||||
import SwitchBtn from './SwitchBtn';
|
import SwitchBtn from './SwitchBtn';
|
||||||
|
|
||||||
@ -309,7 +308,6 @@ const Header: React.FC = () => {
|
|||||||
getPopupContainer={(trigger) => trigger.parentNode}
|
getPopupContainer={(trigger) => trigger.parentNode}
|
||||||
options={versionOptions}
|
options={versionOptions}
|
||||||
/>,
|
/>,
|
||||||
<More key="more" {...sharedProps} />,
|
|
||||||
<SwitchBtn
|
<SwitchBtn
|
||||||
key="lang"
|
key="lang"
|
||||||
onClick={onLangChange}
|
onClick={onLangChange}
|
||||||
|
@ -108,18 +108,13 @@ export default App;
|
|||||||
- [Customize Theme](/docs/react/customize-theme)
|
- [Customize Theme](/docs/react/customize-theme)
|
||||||
- [How to Apply for Being A Collaborator](https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator)
|
- [How to Apply for Being A Collaborator](https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator)
|
||||||
|
|
||||||
|
## Non-React Implementations
|
||||||
|
|
||||||
|
React is used to encapsulate a library of components which embody our design language. We welcome the community to implement our design system [in other front-end frameworks](/docs/spec/introduce#front-end-implementation) of their choice.
|
||||||
|
|
||||||
## Companies using antd
|
## Companies using antd
|
||||||
|
|
||||||
- [Ant Group](https://www.antgroup.com/index.htm?locale=en_US)
|
Ant Design is widely used for building enterprise-level websites both domestically and internationally. You can refer to wappalyzer for reference data. If your company or product uses Ant Design, let us know [here](https://github.com/ant-design/ant-design/issues/477)!
|
||||||
- [Alibaba](https://www.alibaba.com/)
|
|
||||||
- [Tencent](https://www.tencent.com)
|
|
||||||
- [Baidu](https://www.baidu.com)
|
|
||||||
- [Koubei](https://www.koubei.com/)
|
|
||||||
- [Meituan](https://www.meituan.com)
|
|
||||||
- [Didi](https://www.xiaojukeji.com/)
|
|
||||||
- [Eleme](https://www.ele.me/)
|
|
||||||
|
|
||||||
> If your company or product uses Ant Design, let us know [here](https://github.com/ant-design/ant-design/issues/477)!
|
|
||||||
|
|
||||||
## Contributing
|
## Contributing
|
||||||
|
|
||||||
|
@ -86,15 +86,15 @@ export default App;
|
|||||||
## 链接
|
## 链接
|
||||||
|
|
||||||
- [首页](/index-cn)
|
- [首页](/index-cn)
|
||||||
- [组件库](/components/overview-cn)
|
- [所有组件](/components/overview-cn)
|
||||||
- [国内镜像](https://github.com/ant-design/ant-design/issues/25661)
|
- [国内镜像](https://github.com/ant-design/ant-design/issues/25661)
|
||||||
- [Ant Design Pro](https://pro.ant.design/)
|
- [Ant Design Pro](https://pro.ant.design/)
|
||||||
- [Ant Design Pro Components](https://procomponents.ant.design/)
|
- [Ant Design Pro Components](https://procomponents.ant.design/)
|
||||||
- [Ant Design Charts](https://charts.ant.design)
|
- [Ant Design Charts](https://charts.ant.design)
|
||||||
- [更新日志](/changelog)
|
- [更新日志](/changelog)
|
||||||
- [React 底层基础组件](https://react-component.github.io/)
|
- [React 底层基础组件](https://react-component.github.io/)
|
||||||
- [移动端组件库](https://mobile.ant.design)
|
- [Ant Design Mobile](https://mobile.ant.design)
|
||||||
- [小程序组件库](https://mini.ant.design)
|
- [Ant Design Mini](https://mini.ant.design)
|
||||||
- [Ant Design 图标](https://github.com/ant-design/ant-design-icons)
|
- [Ant Design 图标](https://github.com/ant-design/ant-design-icons)
|
||||||
- [Ant Design 色彩](https://github.com/ant-design/ant-design-colors)
|
- [Ant Design 色彩](https://github.com/ant-design/ant-design-colors)
|
||||||
- [首页模板集](https://landing.ant.design)
|
- [首页模板集](https://landing.ant.design)
|
||||||
@ -109,18 +109,13 @@ export default App;
|
|||||||
- [定制主题](/docs/react/customize-theme)
|
- [定制主题](/docs/react/customize-theme)
|
||||||
- [成为社区协作成员](https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator)
|
- [成为社区协作成员](https://github.com/ant-design/ant-design/wiki/Collaborators#how-to-apply-for-being-a-collaborator)
|
||||||
|
|
||||||
|
## 非 React 的实现
|
||||||
|
|
||||||
|
我们采用 React 封装了一套 Ant Design 的组件库,其他语言的 UI 实现可以参考[此处](/docs/spec/introduce-cn#%E5%89%8D%E7%AB%AF%E5%AE%9E%E7%8E%B0)。
|
||||||
|
|
||||||
## 谁在使用
|
## 谁在使用
|
||||||
|
|
||||||
- [蚂蚁集团](https://www.antgroup.com/)
|
Ant Design 广泛用于国内外的企业级网站搭建,可以查看 [wappalyzer](https://www.wappalyzer.com/technologies/ui-frameworks/ant-design) 作为参考数据。如果你的公司和产品使用了 Ant Design,欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
|
||||||
- [阿里巴巴](https://www.alibaba.com/)
|
|
||||||
- [腾讯](https://www.tencent.com)
|
|
||||||
- [百度](https://www.baidu.com)
|
|
||||||
- [口碑](https://www.koubei.com/)
|
|
||||||
- [美团](https://www.meituan.com)
|
|
||||||
- [滴滴](https://www.xiaojukeji.com/)
|
|
||||||
- [饿了么](https://www.ele.me/)
|
|
||||||
|
|
||||||
> 如果你的公司和产品使用了 Ant Design,欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
|
|
||||||
|
|
||||||
## 如何贡献
|
## 如何贡献
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user