|
|
|
@ -6,17 +6,31 @@ import PropTypes from 'prop-types';
|
|
|
|
|
import api, { gql } from 'vj/utils/api';
|
|
|
|
|
import AutoComplete from './AutoComplete';
|
|
|
|
|
|
|
|
|
|
interface UserSelectAutoCompleteProps {
|
|
|
|
|
multi?: boolean;
|
|
|
|
|
defaultItems?: string;
|
|
|
|
|
width: string,
|
|
|
|
|
height: string,
|
|
|
|
|
listStyle: any,
|
|
|
|
|
onChange: (value) => any,
|
|
|
|
|
allowEmptyQuery: boolean,
|
|
|
|
|
freeSolo: boolean,
|
|
|
|
|
freeSoloConverter: any,
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// eslint-disable-next-line prefer-arrow-callback
|
|
|
|
|
const UserSelectAutoComplete = forwardRef(function UserSelectAutoComplete(props, ref) {
|
|
|
|
|
const UserSelectAutoComplete = forwardRef(function UserSelectAutoComplete(
|
|
|
|
|
props: UserSelectAutoCompleteProps, ref: React.Ref<AutoComplete>,
|
|
|
|
|
) {
|
|
|
|
|
const multi = props.multi ?? false;
|
|
|
|
|
const rawDefaultItems = props.defaultItems ?? '';
|
|
|
|
|
const defaultItems = multi ? rawDefaultItems
|
|
|
|
|
.split(',')
|
|
|
|
|
.map((i) => i.trim())
|
|
|
|
|
.filter((i) => i.length > 0)
|
|
|
|
|
.filter((i) => i.length)
|
|
|
|
|
.map((i) => +i) : rawDefaultItems;
|
|
|
|
|
|
|
|
|
|
const comRef = createRef();
|
|
|
|
|
const comRef = createRef<AutoComplete>();
|
|
|
|
|
const itemsBox = useRef([]);
|
|
|
|
|
const { isLoading } = useQuery(['default_user', defaultItems], async () => {
|
|
|
|
|
if (!multi || defaultItems.length === 0) return;
|
|
|
|
@ -35,8 +49,13 @@ const UserSelectAutoComplete = forwardRef(function UserSelectAutoComplete(props,
|
|
|
|
|
}
|
|
|
|
|
}, [itemsBox.current]);
|
|
|
|
|
|
|
|
|
|
useImperativeHandle(ref, () => ({
|
|
|
|
|
...comRef.current,
|
|
|
|
|
useImperativeHandle(ref, () => new Proxy(comRef, {
|
|
|
|
|
get(target, propKey) {
|
|
|
|
|
if (typeof target.current?.[propKey] === 'function') {
|
|
|
|
|
return (...args: any[]) => target.current[propKey](...args);
|
|
|
|
|
}
|
|
|
|
|
return target.current?.[propKey];
|
|
|
|
|
},
|
|
|
|
|
}));
|
|
|
|
|
|
|
|
|
|
const itemsFn = (query) => api(gql`
|