feat(client): plugin toolbar icons and translations
This commit is contained in:
parent
0f0f852fa7
commit
c51c6c097f
@ -1,4 +1,4 @@
|
||||
import { SettingOutlined } from '@ant-design/icons';
|
||||
import { FileOutlined } from '@ant-design/icons';
|
||||
import { uid } from '@formily/shared';
|
||||
import React, { useState } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
@ -31,7 +31,7 @@ export const FileStorageShortcut = () => {
|
||||
onClick={() => {
|
||||
setVisible(true);
|
||||
}}
|
||||
icon={<SettingOutlined />}
|
||||
icon={<FileOutlined />}
|
||||
title={t('File storages')}
|
||||
/>
|
||||
<SchemaComponent components={{ StorageOptions }} schema={schema} />
|
||||
|
@ -552,4 +552,5 @@ export default {
|
||||
"Subform": "Subform",
|
||||
"Regular expression": "Pattern",
|
||||
"Enabled languages": "Enabled languages",
|
||||
"View all plugins": "View all plugins",
|
||||
}
|
||||
|
@ -648,4 +648,5 @@ export default {
|
||||
"Use the same time zone (GMT) for all users": "所有用户使用同一时区 (格林尼治标准时间)",
|
||||
"Province/city/area name": "省市区名称",
|
||||
"Enabled languages": "启用的语言",
|
||||
"View all plugins": "查看所有插件",
|
||||
}
|
||||
|
@ -1,8 +1,9 @@
|
||||
import { MoreOutlined, SettingOutlined } from '@ant-design/icons';
|
||||
import { AppstoreOutlined, EllipsisOutlined } from '@ant-design/icons';
|
||||
import { ConfigProvider, Menu, MenuItemProps, Spin, Tooltip } from 'antd';
|
||||
import cls from 'classnames';
|
||||
import { get } from 'lodash';
|
||||
import React, { createContext, useContext } from 'react';
|
||||
import { useTranslation } from 'react-i18next';
|
||||
import { useAPIClient, useRequest } from '../api-client';
|
||||
import { PluginManagerContext } from './context';
|
||||
|
||||
@ -52,6 +53,7 @@ PluginManager.Toolbar = (props: ToolbarProps) => {
|
||||
const { components } = useContext(PluginManagerContext);
|
||||
const { items = [] } = props;
|
||||
const [pinned, unpinned] = splitItems(items);
|
||||
const { t } = useTranslation();
|
||||
return (
|
||||
<div style={{ display: 'inline-block' }}>
|
||||
<Menu style={{ width: '100%' }} selectable={false} mode={'horizontal'} theme={'dark'}>
|
||||
@ -66,7 +68,7 @@ PluginManager.Toolbar = (props: ToolbarProps) => {
|
||||
);
|
||||
})}
|
||||
{unpinned.length > 0 && (
|
||||
<Menu.SubMenu popupClassName={'pm-sub-menu'} key={'more'} title={<MoreOutlined />}>
|
||||
<Menu.SubMenu popupClassName={'pm-sub-menu'} key={'more'} title={<EllipsisOutlined />}>
|
||||
{unpinned.map((item, index) => {
|
||||
const Action = get(components, item.component);
|
||||
return (
|
||||
@ -78,8 +80,8 @@ PluginManager.Toolbar = (props: ToolbarProps) => {
|
||||
);
|
||||
})}
|
||||
{unpinned.length > 0 && <Menu.Divider key={'divider'}></Menu.Divider>}
|
||||
<Menu.Item key={'plugins'} disabled icon={<SettingOutlined />}>
|
||||
管理插件
|
||||
<Menu.Item key={'plugins'} disabled icon={<AppstoreOutlined />}>
|
||||
{t('View all plugins')}
|
||||
</Menu.Item>
|
||||
</Menu.SubMenu>
|
||||
)}
|
||||
|
Loading…
Reference in New Issue
Block a user