mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-01-18 06:03:38 +08:00
Code Issues Actions 29 Packages Projects Releases Wiki Activity

site: hide package manager tab which command is empty (#43032)

Browse Source 
* site: hide pkgManager tab when the command is empty

* feat: optimize code

* feat: optimize code
This commit is contained in:
kiner-tang(文辉) 2023-06-15 23:17:38 +08:00 committed by GitHub
parent d16f97fc70
commit 3c979eb84b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 34 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
.dumi/theme/builtins/InstallDependencies/index.tsx
View File

@ -1,3 +1,4 @@
import type { TabsProps } from 'antd';
import { Tabs } from 'antd';
import SourceCode from 'dumi/theme-default/builtins/SourceCode';
import React from 'react';
@ -11,46 +12,51 @@ interface InstallProps {
pnpm?: string;
}
const npmLabel = (
<span className="snippet-label">
<NpmLogo />
npm
</span>
);
const pnpmLabel = (
<span className="snippet-label">
<PnpmLogo />
pnpm
</span>
);
const yarnLabel = (
<span className="snippet-label">
<YarnLogo />
yarn
</span>
);
const InstallDependencies: React.FC<InstallProps> = (props) => {
const { npm, yarn, pnpm } = props;
return (
<Tabs
className="antd-site-snippet"
defaultActiveKey="npm"
items={[
const items = React.useMemo<TabsProps['items']>(
() =>
[
{
key: 'npm',
children: <SourceCode lang="bash">{npm}</SourceCode>,
label: (
<span className="snippet-label">
<NpmLogo />
npm
</span>
),
children: npm ? <SourceCode lang="bash">{npm}</SourceCode> : null,
label: npmLabel,
},
{
key: 'yarn',
children: <SourceCode lang="bash">{yarn}</SourceCode>,
label: (
<span className="snippet-label">
<YarnLogo />
yarn
</span>
),
children: yarn ? <SourceCode lang="bash">{yarn}</SourceCode> : null,
label: yarnLabel,
},
{
key: 'pnpm',
children: <SourceCode lang="bash">{pnpm}</SourceCode>,
label: (
<span className="snippet-label">
<PnpmLogo />
pnpm
</span>
),
children: pnpm ? <SourceCode lang="bash">{pnpm}</SourceCode> : null,
label: pnpmLabel,
},
]}
/>
].filter((item) => item.children),
[npm, yarn, pnpm],
);
return <Tabs className="antd-site-snippet" defaultActiveKey="npm" items={items} />;
};
export default InstallDependencies;