chore: add NODE_ENV to displayName (#1008)

Author: li-jia-nan

src/OptionList.tsx

@@ -395,6 +395,9 @@ const OptionList: React.ForwardRefRenderFunction<RefOptionListProps, {}> = (_, r
 };
 
 const RefOptionList = React.forwardRef(OptionList);
-RefOptionList.displayName = 'OptionList';
+
+if (process.env.NODE_ENV !== 'production') {
+  RefOptionList.displayName = 'OptionList';
+}
 
 export default RefOptionList;

src/SelectTrigger.tsx

@@ -79,7 +79,7 @@ export interface SelectTriggerProps {
   onPopupMouseEnter: () => void;
 }
 
-const SelectTrigger: React.RefForwardingComponent<RefTriggerProps, SelectTriggerProps> = (
+const SelectTrigger: React.ForwardRefRenderFunction<RefTriggerProps, SelectTriggerProps> = (
   props,
   ref,
 ) => {
@@ -180,6 +180,9 @@ const SelectTrigger: React.RefForwardingComponent<RefTriggerProps, SelectTrigger
 };
 
 const RefSelectTrigger = React.forwardRef<RefTriggerProps, SelectTriggerProps>(SelectTrigger);
-RefSelectTrigger.displayName = 'SelectTrigger';
+
+if (process.env.NODE_ENV !== 'production') {
+  RefSelectTrigger.displayName = 'SelectTrigger';
+}
 
 export default RefSelectTrigger;

src/Selector/Input.tsx

@@ -33,7 +33,7 @@ interface InputProps {
   >;
 }
 
-const Input: React.RefForwardingComponent<InputRef, InputProps> = (
+const Input: React.ForwardRefRenderFunction<InputRef, InputProps> = (
   {
     prefixCls,
     id,
@@ -141,6 +141,9 @@ const Input: React.RefForwardingComponent<InputRef, InputProps> = (
 };
 
 const RefInput = React.forwardRef<InputRef, InputProps>(Input);
-RefInput.displayName = 'Input';
+
+if (process.env.NODE_ENV !== 'production') {
+  RefInput.displayName = 'Input';
+}
 
 export default RefInput;

src/Selector/SingleSelector.tsx

@@ -66,12 +66,11 @@ const SingleSelector: React.FC<SelectorProps> = (props) => {
     if (item) {
       return null;
     }
-    const hiddenStyle = hasTextInput ? { visibility: 'hidden' } as React.CSSProperties : undefined;
+    const hiddenStyle = hasTextInput
+      ? ({ visibility: 'hidden' } as React.CSSProperties)
+      : undefined;
     return (
-      <span
-        className={`${prefixCls}-selection-placeholder`}
-        style={hiddenStyle}
-      >
+      <span className={`${prefixCls}-selection-placeholder`} style={hiddenStyle}>
         {placeholder}
       </span>
     );
@@ -108,14 +107,14 @@ const SingleSelector: React.FC<SelectorProps> = (props) => {
       </span>
 
       {/* Display value */}
-      {(!combobox && item) ? (
+      {!combobox && item ? (
         <span
           className={`${prefixCls}-selection-item`}
           title={selectionTitle}
           // 当 Select 已经选中选项时，还需 selection 隐藏但留在原地占位
           // https://github.com/ant-design/ant-design/issues/27688
           // https://github.com/ant-design/ant-design/issues/41530
-          style={hasTextInput ? { visibility: 'hidden' } as React.CSSProperties : undefined}
+          style={hasTextInput ? ({ visibility: 'hidden' } as React.CSSProperties) : undefined}
         >
           {item.label}
         </span>

src/Selector/index.tsx

@@ -99,7 +99,7 @@ export interface SelectorProps {
   domRef: React.Ref<HTMLDivElement>;
 }
 
-const Selector: React.RefForwardingComponent<RefSelectorProps, SelectorProps> = (props, ref) => {
+const Selector: React.ForwardRefRenderFunction<RefSelectorProps, SelectorProps> = (props, ref) => {
   const inputRef = useRef<HTMLInputElement>(null);
   const compositionStatusRef = useRef<boolean>(false);
 
@@ -274,6 +274,9 @@ const Selector: React.RefForwardingComponent<RefSelectorProps, SelectorProps> =
 };
 
 const ForwardSelector = React.forwardRef<RefSelectorProps, SelectorProps>(Selector);
-ForwardSelector.displayName = 'Selector';
+
+if (process.env.NODE_ENV !== 'production') {
+  ForwardSelector.displayName = 'Selector';
+}
 
 export default ForwardSelector;