mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-27 20:49:53 +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 type { MenuProps } from 'antd';
|
||||
import { Menu } from 'antd';
|
||||
import { getEcosystemGroup } from './More';
|
||||
import * as utils from '../../utils';
|
||||
import type { SharedProps } from './interface';
|
||||
import useLocale from '../../../hooks/useLocale';
|
||||
@ -170,7 +169,6 @@ export default ({
|
||||
onClick: onDirectionChange,
|
||||
key: 'switch-direction',
|
||||
},
|
||||
...getEcosystemGroup(),
|
||||
];
|
||||
|
||||
if (isMobile) {
|
||||
|
@ -16,7 +16,6 @@ import type { SiteContextProps } from '../SiteContext';
|
||||
import SiteContext from '../SiteContext';
|
||||
import type { SharedProps } from './interface';
|
||||
import Logo from './Logo';
|
||||
import More from './More';
|
||||
import Navigation from './Navigation';
|
||||
import SwitchBtn from './SwitchBtn';
|
||||
|
||||
@ -309,7 +308,6 @@ const Header: React.FC = () => {
|
||||
getPopupContainer={(trigger) => trigger.parentNode}
|
||||
options={versionOptions}
|
||||
/>,
|
||||
<More key="more" {...sharedProps} />,
|
||||
<SwitchBtn
|
||||
key="lang"
|
||||
onClick={onLangChange}
|
||||
|
@ -108,18 +108,13 @@ export default App;
|
||||
- [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)
|
||||
|
||||
## 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
|
||||
|
||||
- [Ant Group](https://www.antgroup.com/index.htm?locale=en_US)
|
||||
- [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)!
|
||||
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)!
|
||||
|
||||
## Contributing
|
||||
|
||||
|
@ -86,15 +86,15 @@ export default App;
|
||||
## 链接
|
||||
|
||||
- [首页](/index-cn)
|
||||
- [组件库](/components/overview-cn)
|
||||
- [所有组件](/components/overview-cn)
|
||||
- [国内镜像](https://github.com/ant-design/ant-design/issues/25661)
|
||||
- [Ant Design Pro](https://pro.ant.design/)
|
||||
- [Ant Design Pro Components](https://procomponents.ant.design/)
|
||||
- [Ant Design Charts](https://charts.ant.design)
|
||||
- [更新日志](/changelog)
|
||||
- [React 底层基础组件](https://react-component.github.io/)
|
||||
- [移动端组件库](https://mobile.ant.design)
|
||||
- [小程序组件库](https://mini.ant.design)
|
||||
- [Ant Design Mobile](https://mobile.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-colors)
|
||||
- [首页模板集](https://landing.ant.design)
|
||||
@ -109,18 +109,13 @@ export default App;
|
||||
- [定制主题](/docs/react/customize-theme)
|
||||
- [成为社区协作成员](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/)
|
||||
- [阿里巴巴](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) 留言。
|
||||
Ant Design 广泛用于国内外的企业级网站搭建,可以查看 [wappalyzer](https://www.wappalyzer.com/technologies/ui-frameworks/ant-design) 作为参考数据。如果你的公司和产品使用了 Ant Design,欢迎到 [这里](https://github.com/ant-design/ant-design/issues/477) 留言。
|
||||
|
||||
## 如何贡献
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user