d5d0e1036b
* docs: add docs * ignore dumi theme test * fix: error TS2717: Subsequent property declarations must have the same type. * update docs * deploy gh-pages * plugins docs * hash & cname * exportStatic * ssr * vercel * vercel * fix: deploy vercel * Delete vercel.json * docs * fix APP_DIST * on master branch
58 lines
1.5 KiB
TypeScript
Executable File
58 lines
1.5 KiB
TypeScript
Executable File
import React, { useContext } from 'react';
|
|
import type { IApiComponentProps} from 'dumi/theme';
|
|
import { context, useApiData, AnchorLink } from 'dumi/theme';
|
|
|
|
const LOCALE_TEXTS = {
|
|
'zh-CN': {
|
|
name: '属性名',
|
|
description: '描述',
|
|
type: '类型',
|
|
default: '默认值',
|
|
required: '(必选)',
|
|
},
|
|
'en-US': {
|
|
name: 'Name',
|
|
description: 'Description',
|
|
type: 'Type',
|
|
default: 'Default',
|
|
required: '(required)',
|
|
},
|
|
};
|
|
|
|
export default ({ identifier, export: expt }: IApiComponentProps) => {
|
|
const data = useApiData(identifier);
|
|
const { locale } = useContext(context);
|
|
const texts = /^zh|cn$/i.test(locale) ? LOCALE_TEXTS['zh-CN'] : LOCALE_TEXTS['en-US'];
|
|
|
|
return (
|
|
<>
|
|
{data && (
|
|
<table style={{ marginTop: 24 }}>
|
|
<thead>
|
|
<tr>
|
|
<th>{texts.name}</th>
|
|
<th>{texts.description}</th>
|
|
<th>{texts.type}</th>
|
|
<th>{texts.default}</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{data[expt].map(row => (
|
|
<tr key={row.identifier}>
|
|
<td>{row.identifier}</td>
|
|
<td>{row.description || '--'}</td>
|
|
<td>
|
|
<code>{row.type}</code>
|
|
</td>
|
|
<td>
|
|
<code>{row.default || (row.required && texts.required) || '--'}</code>
|
|
</td>
|
|
</tr>
|
|
))}
|
|
</tbody>
|
|
</table>
|
|
)}
|
|
</>
|
|
);
|
|
};
|