chore: clean up

Author: zombieJ

src/BaseSelect/index.tsx

@@ -919,6 +919,8 @@ const BaseSelect = React.forwardRef<BaseSelectRef, BaseSelectProps>((props, ref)
       // Style
       prefixCls={prefixCls}
       className={mergedClassName}
+      // Focus state
+      focused={focused}
       // UI
       prefix={prefix}
       suffix={suffix}

src/SelectInput/Content/MultipleContent.tsx

@@ -35,23 +35,13 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function M
     maxTagTextLength,
     maxTagCount,
     tagRender: tagRenderFromContext,
+    focused,
   } = useSelectInputContext();
-  const { disabled, showSearch, open, toggleOpen } = useBaseProps();
-
-  const measureRef = React.useRef<HTMLSpanElement>(null);
-  const [inputWidth, setInputWidth] = useState(0);
-  const [focused, setFocused] = useState(false);
+  const { disabled, showSearch, triggerOpen, toggleOpen } = useBaseProps();
 
   // ===================== Search ======================
   const inputValue = showSearch ? searchValue : '';
-  const inputEditable: boolean = showSearch && (open || focused);
-
-  // We measure width and set to the input immediately
-  useLayoutEffect(() => {
-    if (measureRef.current) {
-      setInputWidth(measureRef.current.scrollWidth);
-    }
-  }, [inputValue]);
+  const inputEditable: boolean = showSearch && (triggerOpen || focused);
 
   // Props from context with safe defaults
   const removeIcon: RenderNode = removeIconFromContext ?? '×';
@@ -111,7 +101,7 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function M
   ) => {
     const onMouseDown = (e: React.MouseEvent) => {
       onPreventMouseDown(e);
-      onToggleOpen(!open);
+      onToggleOpen(!triggerOpen);
     };
     return (
       <span onMouseDown={onMouseDown}>
@@ -128,34 +118,6 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function M
     );
   };
 
-  // ======================= Input ========================
-  // >>> Input Node
-  const inputNode = (
-    <div
-      className={`${prefixCls}-search`}
-      style={{ width: inputWidth }}
-      onFocus={() => {
-        setFocused(true);
-      }}
-      onBlur={() => {
-        setFocused(false);
-      }}
-    >
-      <Input
-        ref={ref}
-        disabled={disabled}
-        readOnly={!inputEditable}
-        {...inputProps}
-        value={inputValue || ''}
-      />
-
-      {/* Measure Node */}
-      <span ref={measureRef} className={`${prefixCls}-search-mirror`} aria-hidden>
-        {inputValue}&nbsp;
-      </span>
-    </div>
-  );
-
   // ====================== Overflow ======================
   const renderItem = (valueItem: DisplayValueType, info: { index: number }) => {
     const { disabled: itemDisabled, label, value } = valueItem;
@@ -207,13 +169,6 @@ export default React.forwardRef<HTMLInputElement, SharedContentProps>(function M
   };
 
   // ======================= Render =======================
-  // return (
-  //   // <div className={`${prefixCls}-content`}>
-  //     {/* <Input ref={ref} {...inputProps} value={searchValue} /> */}
-
-  //   // </div>
-  // );
-
   return (
     <Overflow
       prefixCls={`${prefixCls}-content`}

src/SelectInput/index.tsx

@@ -32,6 +32,7 @@ export interface SelectInputProps extends Omit<React.HTMLAttributes<HTMLDivEleme
   // Add other props that need to be passed through
   className?: string;
   style?: React.CSSProperties;
+  focused?: boolean;
   [key: string]: any;
 }
 import useBaseProps from '../hooks/useBaseProps';