fix(input-button): fix input button active style (#1679)

src/cascader/Cascader.tsx

@@ -97,6 +97,7 @@ export const Cascader: React.FC<CascaderProps> = ({
         maxWidth={maxWidth}
         size={size}
         style={style}
+        visible={visible}
         className={className}
         disabled={disabled}
         allowClear={allowClear}

src/cascader/Trigger.tsx

@@ -4,8 +4,8 @@ import WithRef from '../utils/withRef';
 import { TriggerProps } from './interfance';
 
 const Trigger: React.ForwardRefRenderFunction<HTMLInputElement, TriggerProps> = (props, ref) => {
-  const { value, placeholder, ...rest } = props;
-  return <Input.Button placeholder={placeholder} ref={ref} value={value?.toString()} {...rest} />;
+  const { value, placeholder, visible, ...rest } = props;
+  return <Input.Button placeholder={placeholder} active={visible} ref={ref} value={value?.toString()} {...rest} />;
 };
 
 export default WithRef(Trigger);

src/cascader/interfance.ts

@@ -69,4 +69,5 @@ export interface OptionProps extends ListOptionProps {
 
 export interface TriggerProps extends Omit<InputButtonProps, 'value' | 'active'> {
   value?: string | number;
+  visible?: boolean;
 }

src/input/InputButton.tsx

@@ -1,7 +1,7 @@
 import { CloseCircleFilled, DownFilled } from '@gio-design/icons';
 import { usePrefixCls } from '@gio-design/utils';
 import classNames from 'classnames';
-import React, { useCallback, useMemo } from 'react';
+import React, { useCallback, useEffect, useMemo } from 'react';
 import useControlledState from '../utils/hooks/useControlledState';
 import Input from './Input';
 import { InputButtonProps } from './interface';
@@ -31,7 +31,9 @@ const InputButton = React.forwardRef<HTMLInputElement, InputButtonProps>((props,
   const inputCls = usePrefixCls('input-btn__input', customizePrefixCls);
 
   const [value, setValue] = useControlledState(enterValue, defaultValue);
-
+  useEffect(() => {
+    console.log('active', active);
+  }, [active]);
   const onInputChange = useCallback(
     (val: string) => {
       onInputUpdate?.(val);

src/input/style/InputButton.less

@@ -16,8 +16,8 @@
     color: @gray-5;
     .text-body1();
   }
-  &:not(&__disabled) &__hover,
-  &:not(&__disabled) &__active,
+  &__hover:not(&__disabled),
+  &__active:not(&__disabled),
   &:not(&__disabled):hover {
     color: @blue-3;
     background-color: @gray-1;

src/select/interface.ts

@@ -2,7 +2,7 @@ import { ListProps, OptionProps } from '../list';
 import { InputButtonProps } from '../input/interface';
 import { Placement } from '../popover/interface';
 // 无group 无 multiple
-export interface SelectProps extends Omit<ListProps, 'isMultiple' | 'onChange' | 'options'> {
+export interface SelectProps extends Omit<ListProps, 'isMultiple' | 'onChange' | 'options' | 'collapse'> {
   prefixCls?: string;
   /**
    * dataSource 数据源