haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-05-12 09:55:53 +00:00
Code Issues Releases Wiki Activity

optimize add view menu list ()

Browse Source 
Co-authored-by: zhouwenxuan <aries@Mac.local>
This commit is contained in:
Aries 2025-03-04 12:47:40 +08:00 committed by GitHub
parent cc0d3a281c
commit 1230dda8bd
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 13 additions and 6 deletions
frontend/src/components
dir-view-mode/dir-views
new-view-menu.jsviews-more-operations.js
dropdown-menu
item-dropdown-menu.js

4
frontend/src/components/dir-view-mode/dir-views/new-view-menu.js
View File

@ -46,7 +46,7 @@ const translateLabel = (type) => {
}
};
const getNewViewSubMenus = () => {
export const getNewViewSubMenu = () => {
return ADD_VIEW_OPTIONS.map((option) => {
const { key, type } = option;
return {
@ -61,6 +61,6 @@ export const getNewViewMenuItem = () => {
return {
...TextTranslation.ADD_VIEW,
subOpListHeader: gettext('New view'),
subOpList: getNewViewSubMenus(),
subOpList: getNewViewSubMenu(),
};
};

14
frontend/src/components/dir-view-mode/dir-views/views-more-operations.js
View File

@ -4,7 +4,8 @@ import TextTranslation from '../../../utils/text-translation';
import { isMobile } from '../../../utils/utils';
import EventBus from '../../common/event-bus';
import { EVENT_BUS_TYPE, VIEW_TYPE } from '../../../metadata/constants';
import { getNewViewMenuItem, KEY_ADD_VIEW_MAP } from './new-view-menu';
import { getNewViewSubMenu, KEY_ADD_VIEW_MAP } from './new-view-menu';
import Icon from '../../icon';
const ViewsMoreOperations = ({ menuProps }) => {
const eventBus = EventBus.getInstance();
@ -43,8 +44,13 @@ const ViewsMoreOperations = ({ menuProps }) => {
const getMoreOperationsMenus = useCallback(() => {
return [
TextTranslation.ADD_FOLDER,
getNewViewMenuItem(),
{
key: KEY_ADD_VIEW_MAP.ADD_FOLDER,
value: TextTranslation.ADD_FOLDER.value,
icon_dom: <Icon symbol="folder" className="metadata-view-icon" />
},
'Divider',
...getNewViewSubMenu(),
];
}, []);
@ -54,7 +60,7 @@ const ViewsMoreOperations = ({ menuProps }) => {
{...menuProps}
item={{ name: 'views' }}
menuClassname="metadata-views-dropdown-menu"
toggleClass="sf3-font sf3-font-more"
toggleClass="sf3-font sf3-font-new"
menuStyle={isMobile ? { zIndex: 1050 } : {}}
getMenuList={getMoreOperationsMenus}
onMenuItemClick={clickMenu}

1
frontend/src/components/dropdown-menu/item-dropdown-menu.js
View File

@ -259,6 +259,7 @@ class ItemDropdownMenu extends React.Component {
{menuItem.key === 'Display files' && this.props.isDisplayFiles && (
<i className="dropdown-item-tick sf2-icon-tick"></i>
)}
{menuItem.icon_dom || null}
{menuItem.value}
</DropdownItem>
);