chore: code optimization (#1016)

* chore: code optimization

* demo: update demo

Author: li-jia-nan

src/BaseSelect.tsx

@@ -9,6 +9,7 @@ import type { ScrollConfig, ScrollTo } from 'rc-virtual-list/lib/List';
 import * as React from 'react';
 import { useAllowClear } from './hooks/useAllowClear';
 import { BaseSelectContext } from './hooks/useBaseProps';
+import type { BaseSelectContextProps } from './hooks/useBaseProps';
 import useDelayReset from './hooks/useDelayReset';
 import useLock from './hooks/useLock';
 import useSelectTriggerControl from './hooks/useSelectTriggerControl';
@@ -388,7 +389,7 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
   );
 
   // ============================= Search =============================
-  const tokenWithEnter = React.useMemo(
+  const tokenWithEnter = React.useMemo<boolean>(
     () => (tokenSeparators || []).some((tokenSeparator) => ['\n', '\r\n'].includes(tokenSeparator)),
     [tokenSeparators],
   );
@@ -513,17 +514,17 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
       }
     }
 
-    if (mergedOpen && listRef.current) {
-      listRef.current.onKeyDown(event, ...rest);
+    if (mergedOpen) {
+      listRef.current?.onKeyDown(event, ...rest);
     }
 
     onKeyDown?.(event, ...rest);
   };
 
   // KeyUp
   const onInternalKeyUp: React.KeyboardEventHandler<HTMLDivElement> = (event, ...rest) => {
-    if (mergedOpen && listRef.current) {
-      listRef.current.onKeyUp(event, ...rest);
+    if (mergedOpen) {
+      listRef.current?.onKeyUp(event, ...rest);
     }
 
     onKeyUp?.(event, ...rest);
@@ -649,7 +650,7 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
   );
 
   // ============================ Context =============================
-  const baseSelectContext = React.useMemo(
+  const baseSelectContext = React.useMemo<BaseSelectContextProps>(
     () => ({
       ...props,
       notFoundContent,

src/OptionList.tsx

@@ -72,18 +72,16 @@ const OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, r
   const listRef = React.useRef<ListRef>(null);
 
   const overMaxCount = React.useMemo<boolean>(
-    () => multiple && typeof maxCount !== 'undefined' && rawValues.size >= maxCount,
-    [multiple, maxCount, rawValues.size],
+    () => multiple && typeof maxCount !== 'undefined' && rawValues?.size >= maxCount,
+    [multiple, maxCount, rawValues?.size],
   );
 
   const onListMouseDown: React.MouseEventHandler<HTMLDivElement> = (event) => {
     event.preventDefault();
   };
 
   const scrollIntoView = (args: number | ScrollConfig) => {
-    if (listRef.current) {
-      listRef.current.scrollTo(typeof args === 'number' ? { index: args } : args);
-    }
+    listRef.current?.scrollTo(typeof args === 'number' ? { index: args } : args);
   };
 
   // ========================== Active ==========================

src/Selector/index.tsx

@@ -207,9 +207,8 @@ const Selector: React.ForwardRefRenderFunction<RefSelectorProps, SelectorProps>
 
   const onInputPaste: React.ClipboardEventHandler = (e) => {
     const { clipboardData } = e;
-    const value = clipboardData.getData('text');
-
-    pastedTextRef.current = value;
+    const value = clipboardData?.getData('text');
+    pastedTextRef.current = value || '';
   };
 
   const onClick = ({ target }) => {

src/utils/valueUtil.ts

@@ -111,7 +111,7 @@ export function injectPropsWithOption<T extends object>(option: T): T {
   return newOption;
 }
 
-export const getSeparatedContent = (text: string, tokens: string[]): string[] | null => {
+export const getSeparatedContent = (text: string, tokens: string[]): string[] => {
   if (!tokens || !tokens.length) {
     return null;
   }