diff --git a/.dumi/theme/slots/Header/More.tsx b/.dumi/theme/slots/Header/More.tsx deleted file mode 100644 index d1abf2f5c0..0000000000 --- a/.dumi/theme/slots/Header/More.tsx +++ /dev/null @@ -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 ( - - () - - ); -}; - -export const getEcosystemGroup = (): Exclude => [ - { - label: ( - - - - ), - key: 'charts', - }, - { - label: ( - - - - ), - key: 'pro', - }, - { - label: ( - - - - ), - key: 'procomponents', - }, - { - label: ( - - Ant Design of Angular - - - ), - key: 'ng', - }, - { - label: ( - - Ant Design of Vue - - - ), - key: 'vue', - }, -]; - -const More: React.FC = ({ isRTL }) => { - const { styles } = useStyle(); - return ( - - - - ); -}; - -export default More; diff --git a/.dumi/theme/slots/Header/Navigation.tsx b/.dumi/theme/slots/Header/Navigation.tsx index 61860b721a..9b81cea26c 100644 --- a/.dumi/theme/slots/Header/Navigation.tsx +++ b/.dumi/theme/slots/Header/Navigation.tsx @@ -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) { diff --git a/.dumi/theme/slots/Header/index.tsx b/.dumi/theme/slots/Header/index.tsx index d48e4122e1..c09f5ddc79 100644 --- a/.dumi/theme/slots/Header/index.tsx +++ b/.dumi/theme/slots/Header/index.tsx @@ -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} />, - , 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 diff --git a/docs/react/introduce.zh-CN.md b/docs/react/introduce.zh-CN.md index 15862d31a5..ab55a9faf7 100644 --- a/docs/react/introduce.zh-CN.md +++ b/docs/react/introduce.zh-CN.md @@ -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) 留言。 ## 如何贡献