import { RightOutlined } from '@ant-design/icons'; import { Plugin, SettingsCenterProvider } from '@nocobase/client'; import { Button, Tooltip } from 'antd'; import React from 'react'; import { useTranslation } from '../locale'; import Documentation from './Document'; import { createStyles } from 'antd-style'; const DOCUMENTATION_PATH = '/api-documentation'; export const useStyles = createStyles(({ css, token }) => { return css` position: relative; background: ${token.colorBgContainer}; padding: ${token.paddingMD}px; .open-tab { position: absolute; right: 0; top: 0; } `; }); const SCDocumentation = () => { const { styles } = useStyles(); return (
); }; const APIDocumentationProvider = React.memo((props) => { const { t } = useTranslation(); return ( {props.children} ); }); APIDocumentationProvider.displayName = 'APIDocumentationProvider'; export class APIDocumentationPlugin extends Plugin { async load() { this.app.use(APIDocumentationProvider); this.app.router.add('api-documentation', { path: DOCUMENTATION_PATH, Component: Documentation, }); } } export default APIDocumentationPlugin;