Weishen/Hydro
2
0 Fork 0
mirror of https://gitcode.com/gh_mirrors/hy/Hydro.git synced 2026-10-20 01:38:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

ui: fix ref

Browse Source
This commit is contained in:
undefined committed 2022-01-11 13:27:57 +08:00
1 parent fcd81fbcc9
commit 148dbffa7a
3 files changed
+7 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

packages/ui-default/components/autocomplete/components/AutoComplete.jsx
+3 -3
View File
@@ -1,7 +1,7 @@
/* eslint-disable jsx-a11y/role-supports-aria-props */ /* eslint-disable jsx-a11y/role-supports-aria-props */
/* eslint-disable jsx-a11y/no-noninteractive-element-interactions */ /* eslint-disable jsx-a11y/no-noninteractive-element-interactions */
import React, { import React, {
forwardRef, useState, useRef, useImperativeHandle, createRef, useEffect, forwardRef, useState, useRef, useImperativeHandle, useEffect,
} from 'react'; } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { debounce } from 'lodash'; import { debounce } from 'lodash';
@@ -35,8 +35,8 @@ const AutoComplete = forwardRef(function AutoComplete(props, ref) {
const [itemList, setItemList] = useState([]); // items list const [itemList, setItemList] = useState([]); // items list
const [currentItem, setCurrentItem] = useState(null); // index of current item (in item list) const [currentItem, setCurrentItem] = useState(null); // index of current item (in item list)
const inputRef = createRef(); const inputRef = useRef();
const listRef = createRef(); const listRef = useRef();
const cache = useRef({}); const cache = useRef({});
packages/ui-default/components/autocomplete/components/UserSelectAutoComplete.tsx
+3 -3
View File
@@ -1,5 +1,5 @@
import React, { import React, {
forwardRef, createRef, useImperativeHandle, useRef, useEffect, forwardRef, useImperativeHandle, useRef, useEffect,
} from 'react'; } from 'react';
import { useQuery } from 'react-query'; import { useQuery } from 'react-query';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
@@ -20,7 +20,7 @@ interface UserSelectAutoCompleteProps {
// eslint-disable-next-line prefer-arrow-callback // eslint-disable-next-line prefer-arrow-callback
const UserSelectAutoComplete = forwardRef(function UserSelectAutoComplete( const UserSelectAutoComplete = forwardRef(function UserSelectAutoComplete(
props: UserSelectAutoCompleteProps, ref: React.Ref<AutoComplete>, props: UserSelectAutoCompleteProps, ref: React.ForwardedRef<AutoComplete>,
) { ) {
const multi = props.multi ?? false; const multi = props.multi ?? false;
const rawDefaultItems = props.defaultItems ?? ''; const rawDefaultItems = props.defaultItems ?? '';
@@ -30,7 +30,7 @@ const UserSelectAutoComplete = forwardRef(function UserSelectAutoComplete(
.filter((i) => i.length) .filter((i) => i.length)
.map((i) => +i) : rawDefaultItems; .map((i) => +i) : rawDefaultItems;
const comRef = createRef<AutoComplete>(); const comRef = useRef<AutoComplete>();
const itemsBox = useRef([]); const itemsBox = useRef([]);
const { isLoading } = useQuery(['default_user', defaultItems], async () => { const { isLoading } = useQuery(['default_user', defaultItems], async () => {
if (!multi || defaultItems.length === 0) return; if (!multi || defaultItems.length === 0) return;
packages/ui-default/package.json
+1 -1
View File
@@ -1,6 +1,6 @@
{ {
"name": "@hydrooj/ui-default", "name": "@hydrooj/ui-default",
"version": "4.29.4", "version": "4.29.5",
"author": "undefined <i@undefined.moe>", "author": "undefined <i@undefined.moe>",
"license": "AGPL-3.0", "license": "AGPL-3.0",
"main": "hydro.js", "main": "hydro.js",