haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-10 19:29:56 +00:00
Code Issues Releases Wiki Activity

change select UI (#7178)

Browse Source
This commit is contained in:
Michael An
2024-12-14 13:17:21 +08:00
committed by GitHub
parent de925b1e21
commit f07dfc65cb
6 changed files with 10 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/components/common/select/seahub-select.js
View File

@@ -1,6 +1,6 @@
import React from 'react';
import PropTypes from 'prop-types';
import Select, { components, createFilter } from 'react-select';
import Select, { components } from 'react-select';
import { MenuSelectStyle } from './seahub-select-style';
const ClearIndicator = ({ innerProps, ...props }) => {
@@ -64,8 +64,8 @@ export default class SeahubSelect extends React.Component {
options: [],
value: {},
isDisabled: false,
isSearchable: false,
isClearable: false,
isSearchable: true,
isClearable: true,
placeholder: '',
isMulti: false,
menuPortalTarget: '.modal',
@@ -94,10 +94,6 @@ export default class SeahubSelect extends React.Component {
classNamePrefix={classNamePrefix}
styles={MenuSelectStyle}
components={{ Option, MenuList, ClearIndicator }}
filterOption={createFilter({
matchFrom: 'any',
stringify: option => `${option.data.labelValue}`,
})}
placeholder={placeholder}
isSearchable={isSearchable}
isClearable={isClearable}

5
frontend/src/components/dialog/add-wiki-dialog.js
View File

@@ -5,7 +5,7 @@ import { gettext, isPro } from '../../utils/constants';
import wikiAPI from '../../utils/wiki-api';
import { Utils } from '../../utils/utils';
import toaster from '../toast';
import { SeahubSelect, NoOptionsStyle } from '../common/select';
import { SeahubSelect } from '../common/select';
const propTypes = {
toggleCancel: PropTypes.func.isRequired,
@@ -96,9 +96,6 @@ class AddWikiDialog extends React.Component {
placeholder={gettext('Select a department')}
maxMenuHeight={200}
value={this.state.selectedOption}
components={{ NoOptionsMessage: (
<div style={NoOptionsStyle}>{gettext('No department')}</div>
) }}
noOptionsMessage={() => {return gettext('No options available');}}
/>
</>

5
frontend/src/components/dialog/convert-wiki-dialog.js
View File

@@ -5,7 +5,7 @@ import { gettext, isPro } from '../../utils/constants';
import wikiAPI from '../../utils/wiki-api';
import { Utils } from '../../utils/utils';
import toaster from '../toast';
import { SeahubSelect, NoOptionsStyle } from '../common/select';
import { SeahubSelect } from '../common/select';
const propTypes = {
toggleCancel: PropTypes.func.isRequired,
@@ -92,9 +92,6 @@ class ConvertWikiDialog extends React.Component {
placeholder={gettext('Select a department')}
maxMenuHeight={200}
value={this.state.selectedOption}
components={{ NoOptionsMessage: (
<div style={NoOptionsStyle}>{gettext('No department')}</div>
) }}
noOptionsMessage={() => {return gettext('No options available');}}
/>
</>

2
frontend/src/components/dialog/lib-sub-folder-set-group-permission-dialog.js
View File

@@ -302,7 +302,7 @@ class LibSubFolderSetGroupPermissionDialog extends React.Component {
placeholder={gettext('Select a group')}
maxMenuHeight={200}
value={this.state.selectedOption}
components={{ NoOptionsMessage: NoGroupMessage }}
noOptionsMessage={NoGroupMessage}
/>
</td>
{showPath &&

4
frontend/src/components/dialog/share-to-group.js
View File

@@ -353,7 +353,9 @@ class ShareToGroup extends React.Component {
placeholder={gettext('Select groups')}
maxMenuHeight={200}
value={this.state.selectedOption}
components={{ NoOptionsMessage: NoGroupMessage }}
noOptionsMessage={NoGroupMessage}
isSearchable={true}
isClearable={true}
/>
</td>
<td>

2
frontend/src/components/dialog/sysadmin-dialog/sysadmin-share-to-group.js
View File

@@ -253,7 +253,7 @@ class SysAdminShareToGroup extends React.Component {
placeholder={gettext('Select groups')}
maxMenuHeight={200}
value={this.state.selectedOption}
components={{ NoOptionsMessage: NoGroupMessage }}
noOptionsMessage={NoGroupMessage}
/>
</td>
<td>