core&ui: add contest language limit (#1014)

Co-authored-by: panda <panda_dtdyy@outlook.com>

packages/ui-default/components/autocomplete/CustomSelectAutoComplete.tsx

@@ -1,55 +1,25 @@
 import { CustomSelectAutoComplete as CustomSelectAutoCompleteFC } from '@hydrooj/components';
-import React from 'react';
 import AutoComplete, { AutoCompleteOptions } from '.';
 
 interface CustomSelectOptions {
   data: any[]
 }
 
-const Component = React.forwardRef<any, any>((props, ref) => {
-  const [value, setValue] = React.useState(props.value);
-  return (
-    <CustomSelectAutoCompleteFC
-      ref={ref as any}
-      height="auto"
-      selectedKeys={value.split(',').map((i) => i.trim()).filter((i) => i)}
-      onChange={(v) => {
-        setValue(v);
-        props.onChange(v);
-      }}
-      data={props.data}
-      multi={props.multi}
-    />
-  );
-});
-
 export default class CustomSelectAutoComplete<Multi extends boolean> extends AutoComplete<CustomSelectOptions> {
   static DOMAttachKey = 'ucwCustomSelectAutoCompleteInstance';
 
   constructor($dom, options: CustomSelectOptions & AutoCompleteOptions<Multi>) {
     super($dom, {
       classes: 'custom-select',
+      component: CustomSelectAutoCompleteFC,
+      props: {
+        data: options.data,
+        multi: options.multi,
+        height: 'auto',
+      },
       ...options,
     });
   }
-
-  value(): Multi extends true ? number[] : string {
-    if (this.options.multi) return this.ref?.getSelectedItemKeys().map((i) => +i) ?? this.$dom.val();
-    return this.ref?.getSelectedItems()[0] ?? null;
-  }
-
-  attach() {
-    const value = this.$dom.val();
-    this.component.render(
-      <Component
-        ref={(ref) => { this.ref = ref; }}
-        data={this.options.data}
-        value={value}
-        multi={this.options.multi}
-        onChange={this.onChange}
-      />,
-    );
-  }
 }
 
 window.Hydro.components.CustomSelectAutoComplete = CustomSelectAutoComplete;