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

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

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

@@ -1,42 +1,20 @@
-import React from 'react';
-import AutoComplete from '.';
+import AutoComplete, { AutoCompleteOptions } from '.';
 import DomainSelectAutoCompleteFC from './components/DomainSelectAutoComplete';
 
-const Component = React.forwardRef((props: { value: string, multi: boolean, onChange: (v: string) => void }, ref) => {
-  const [value, setValue] = React.useState(props.value ?? '');
-  return (
-    <DomainSelectAutoCompleteFC
-      ref={ref as any}
-      height="34px"
-      selectedKeys={value.split(',').map((i) => i.trim()).filter((i) => i)}
-      onChange={(v) => {
-        setValue(v);
-        props.onChange(v);
-      }}
-      multi={props.multi}
-    />
-  );
-});
-
-export default class DomainSelectAutoComplete extends AutoComplete {
+export default class DomainSelectAutoComplete<Multi extends boolean> extends AutoComplete {
   static DOMAttachKey = 'ucwDomainSelectAutoCompleteInstance';
 
-  constructor($dom, options) {
+  constructor($dom, options: AutoCompleteOptions<Multi> = {}) {
     super($dom, {
       classes: 'domain-select',
+      component: DomainSelectAutoCompleteFC,
+      props: {
+        multi: options.multi,
+        height: '34px',
+      },
       ...options,
     });
   }
-
-  attach() {
-    const value = this.$dom.val();
-    this.component.render(<Component
-      ref={(ref) => { this.ref = ref; }}
-      value={value}
-      onChange={this.onChange}
-      multi={this.options.multi}
-    />);
-  }
 }
 
 window.Hydro.components.DomainSelectAutoComplete = DomainSelectAutoComplete;