fix(filterpicker): modify width of selector in the FilterPicker (#1616)

Co-authored-by: maxin <maxin@growingio.com>

src/legacy/date-picker/dateRangePicker.tsx

@@ -18,6 +18,7 @@ export const DateRangePicker: React.FC<DateRangePickerProps> = (props: DateRange
     showFooter,
     disabledDate,
     disabled,
+    renderExtraFooter,
   } = props;
   const prefixCls = usePrefixCls('date-picker-legacy', customizePrefixCls);
 
@@ -29,9 +30,7 @@ export const DateRangePicker: React.FC<DateRangePickerProps> = (props: DateRange
 
   const renderFooter = () => (
     <>
-      {props.renderExtraFooter && (
-        <div className={classNames(`${prefixCls}-extra-footer`)}>{props.renderExtraFooter()}</div>
-      )}
+      {renderExtraFooter && <div className={classNames(`${prefixCls}-extra-footer`)}>{renderExtraFooter()}</div>}
       <Button onClick={footerField.onCancel} type="secondary" size="middle" style={{ margin: ' 0 12px 0 0 ' }}>
         取消
       </Button>

src/legacy/filter-picker/components/FilterList/Expression/FilterCondition/index.tsx

@@ -107,6 +107,7 @@ function FilterCondition(props: FilterConditionProps) {
 
   return exprKey ? (
     <Selector
+      style={{ width: 250 }}
       valueRender={valueRender}
       dropdownVisible={visible}
       dropdownRender={dropdownRender}

src/legacy/filter-picker/components/FilterList/Expression/index.less

@@ -37,7 +37,7 @@
     color: #313e75;
     font-size: 14px;
     line-height: 22px;
-    text-align: center;
+    text-align: left;
     vertical-align: middle;
     border-radius: 4px;
 

src/legacy/list-pro/option.tsx

@@ -22,6 +22,8 @@ const SelectOption = (props: OptionProps) => {
     option,
     getPopupContainer,
     placement,
+    title,
+    children,
   } = props;
 
   const prefixCls = usePrefixCls('select-legacy');
@@ -51,7 +53,7 @@ const SelectOption = (props: OptionProps) => {
       })}
       style={style}
       onClick={disabled ? undefined : handleSelect}
-      title={props.title}
+      title={title}
       ref={ref}
       aria-hidden="true"
     >
@@ -62,7 +64,7 @@ const SelectOption = (props: OptionProps) => {
           <span style={{ width: 8 }} />
         </>
       )}
-      {props.children}
+      {children}
     </div>
   );
 

src/radio/Group.tsx

@@ -86,7 +86,7 @@ const InnerGroup: React.ForwardRefRenderFunction<HTMLDivElement, IRadioGroupProp
   });
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (!props.value) {
+    if (!value) {
       setSelectedValue(e.target.value);
     }
     if (onChange && e.target.value !== prevSelectedValue) {

src/switchGroup/Group.tsx

@@ -84,7 +84,7 @@ const InnerGroup: React.ForwardRefRenderFunction<HTMLDivElement, ISwitchGroupPro
   });
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-    if (!props.value) {
+    if (!value) {
       setSelectedValue(e.target.value);
     }
     if (onChange && e.target.value !== prevSelectedValue) {