diff --git a/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/DateItem/index.tsx b/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/DateItem/index.tsx
index 334ad39d..2b49c7d8 100644
--- a/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/DateItem/index.tsx
+++ b/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/DateItem/index.tsx
@@ -18,34 +18,20 @@ export interface DateItemProps {
 const DateItem: React.FC<DateItemProps> = (props) => {
   const prefixCls = usePrefixCls('formily-filter-setting-modal-date-item');
   const [wrapSSR, hashId] = useStyle(prefixCls);
-  const { value: defaultValue, format, onChange } = props;
-
-  const timer = useMemo(() => {
-    return defaultValue.value;
-  }, [defaultValue.value]);
-
-  const [granularity, setGranularity] = useState<GranularityItem>(DEFAULT_OPTIONS[0]);
-
+  const { value: outterValue, format, onChange } = props;
+  const dateValue = outterValue.value;
   // 粒度 options
-  const options = useMemo(() => {
-    if (format) {
-      const _options = getOptions(format);
+  const options = useMemo(() => (format ? getOptions(format) : []), [format]);
 
-      const _granularity = _options.find(
-        (item) => defaultValue.granularity && [item.granularity, item.value].includes(defaultValue.granularity),
-      );
-      if (_granularity) {
-        setGranularity(_granularity);
-      }
-      return _options;
-    }
-    return [];
-  }, [defaultValue, format]);
+  const [granularity, setGranularity] = useState<GranularityItem>(() => {
+    const _granularity = options.find((item) => [item.granularity, item.value].includes(outterValue.granularity));
+    return _granularity || DEFAULT_OPTIONS[0];
+  });
 
   // 时间类型
   const onDateTypeChange = (e: 'date' | 'range') => {
-    const _times = timer ? getTimeFormat(timer[0], granularity?.value) : undefined;
-    onChange({ ...defaultValue, value: _times, params: { ...defaultValue.params, dateType: e } });
+    const _times = dateValue ? getTimeFormat(dateValue[0], granularity?.value) : undefined;
+    onChange({ ...outterValue, value: _times, params: { ...outterValue.params, dateType: e } });
   };
 
   // 选择粒度
@@ -54,11 +40,11 @@ const DateItem: React.FC<DateItemProps> = (props) => {
 
     if (_granularity) {
       const _value: FilterDateConfigType = {
-        ...defaultValue,
+        ...outterValue,
         granularity: _granularity.granularity,
-        value: timer ? getTimeFormat(timer, _granularity?.value) : undefined,
+        value: dateValue ? getTimeFormat(dateValue, _granularity?.value) : undefined,
         params: {
-          ...defaultValue.params,
+          ...outterValue.params,
           format: _granularity.value,
         },
       };
@@ -71,7 +57,7 @@ const DateItem: React.FC<DateItemProps> = (props) => {
   const onValueChange = (val: any) => {
     const { value } = val;
     onChange({
-      ...defaultValue,
+      ...outterValue,
       value,
     });
   };
@@ -80,7 +66,7 @@ const DateItem: React.FC<DateItemProps> = (props) => {
     <>
       <div className={cls(`${prefixCls}__filter`, hashId)}>
         <div className={cls(`${prefixCls}__field`, hashId)}>日期类型</div>
-        <Radio.Group value={defaultValue.params.dateType || 'date'} onChange={(e) => onDateTypeChange(e.target.value)}>
+        <Radio.Group value={outterValue.params.dateType || 'date'} onChange={(e) => onDateTypeChange(e.target.value)}>
           <Radio value="date">单日期</Radio>
           <Radio value="range">日期区间</Radio>
         </Radio.Group>
@@ -91,7 +77,7 @@ const DateItem: React.FC<DateItemProps> = (props) => {
         <Select
           size="small"
           style={{ width: '100%' }}
-          value={granularity?.value}
+          value={granularity.value}
           options={options}
           onChange={onGranularityChange}
         />
@@ -101,10 +87,10 @@ const DateItem: React.FC<DateItemProps> = (props) => {
         <div className={cls(`${prefixCls}__field`, hashId)}>默认值</div>
         <FilterDateSetting
           isRenderExtraFooter={false}
-          value={defaultValue.value}
-          defaultFormat={defaultValue.params.format}
-          defaultGranularity={defaultValue.granularity}
-          defaultType={defaultValue.params.dateType}
+          value={outterValue.value}
+          format={outterValue.params.format}
+          granularity={outterValue.granularity}
+          type={outterValue.params.dateType}
           onChange={onValueChange}
         />
       </div>
diff --git a/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/NumberItem/index.tsx b/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/NumberItem/index.tsx
index c52c13d6..5e5861b5 100644
--- a/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/NumberItem/index.tsx
+++ b/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/NumberItem/index.tsx
@@ -16,12 +16,12 @@ export interface NumberItemProps {
 const NumberItem: React.FC<NumberItemProps> = (props) => {
   const prefixCls = usePrefixCls('formily-filter-setting-modal-number-item');
   const [wrapSSR, hashId] = useStyle(prefixCls);
-  const { value: defaultValue, onChange } = props;
-  const { value, operator } = defaultValue;
+  const { value: outterValue, onChange } = props;
+  const { value, operator } = outterValue;
 
   const onValueChange = (val: number | [number, number] | undefined, operator: '>=' | '<=' | 'BETWEEN') => {
     const _value = {
-      ...defaultValue,
+      ...outterValue,
       value: val,
       operator,
     } as FilterNumberConfigType;
diff --git a/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/StringItem/index.tsx b/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/StringItem/index.tsx
index 4257bab7..cdc14bd6 100644
--- a/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/StringItem/index.tsx
+++ b/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/StringItem/index.tsx
@@ -14,14 +14,14 @@ export interface StringItemProps {
 const StringItem: React.FC<StringItemProps> = (props) => {
   const prefixCls = usePrefixCls('formily-filter-setting-modal-string-item');
   const [wrapSSR, hashId] = useStyle(prefixCls);
-  const { value: defaluValue, options = [], onChange } = props;
+  const { value: outterValue, options = [], onChange } = props;
 
   // 类型变化
   const onTypeChange = (type: 'single' | 'multiple') => {
     onChange({
-      ...defaluValue,
+      ...outterValue,
       params: {
-        ...defaluValue.params,
+        ...outterValue.params,
         filterType: type,
       },
       value: undefined,
@@ -30,7 +30,7 @@ const StringItem: React.FC<StringItemProps> = (props) => {
 
   const onValueChange = (val: string[] | undefined) => {
     onChange({
-      ...defaluValue,
+      ...outterValue,
       value: val,
     });
   };
@@ -39,7 +39,7 @@ const StringItem: React.FC<StringItemProps> = (props) => {
     <>
       <div className={cls(`${prefixCls}__filter`, hashId)}>
         <div className={cls(`${prefixCls}__field`, hashId)}>筛选方式</div>
-        <Radio.Group value={defaluValue.params?.filterType} onChange={(e) => onTypeChange(e.target.value)}>
+        <Radio.Group value={outterValue.params?.filterType} onChange={(e) => onTypeChange(e.target.value)}>
           <Radio value="single">单选</Radio>
           <Radio value="multiple">多选</Radio>
         </Radio.Group>
@@ -48,9 +48,9 @@ const StringItem: React.FC<StringItemProps> = (props) => {
       <div className={cls(`${prefixCls}__filter`, hashId)}>
         <div className={cls(`${prefixCls}__field`, hashId)}>设定默认值</div>
         <FilterStringConfig
-          value={defaluValue.value}
+          value={outterValue.value}
           domain={options}
-          filterType={defaluValue.params.filterType}
+          filterType={outterValue.params.filterType}
           onChange={onValueChange}
         />
       </div>
diff --git a/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/index.tsx b/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/index.tsx
index 0c62bd16..5dad4c34 100644
--- a/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/index.tsx
+++ b/packages/li-p2/src/components/Formily/FilterConfiguration/FilterModal/FilterContent/index.tsx
@@ -24,21 +24,23 @@ export interface FilterContentProps {
 const FilterContent: React.FC<FilterContentProps> = (props) => {
   const prefixCls = usePrefixCls('formily-filter-setting-content');
   const [wrapSSR, hashId] = useStyle(prefixCls);
-  const { value: defaultValue, options, onChange } = props;
-  const [filter, setFilter] = useState<FilterConfigType>(defaultValue);
+  const { value: outterValue, options, onChange } = props;
+  const [filter, setFilter] = useState<FilterConfigType>(outterValue);
   const [format, setFormat] = useState<string>('YYYY');
   const [domain, setDomain] = useState<string[] | [number, number]>([]);
 
-  const openFieldSelect = defaultValue.field ? false : true;
+  const openFieldSelect = outterValue.field ? false : true;
 
   // 筛选字段变更
   const onFieldChange = (field: string) => {
-    const _field = options.find((item) => item.value === field) as OptionType;
-    setDomain(_field.domain ?? []);
-    setFormat(_field.format ?? '');
-    const _filter = { ...getDefaultValue(_field, filter.id) };
-    setFilter(_filter);
-    onChange(_filter);
+    const _field = options.find((item) => item.value === field);
+    if (_field) {
+      setDomain(_field?.domain ?? []);
+      setFormat(_field?.format ?? 'YYYY');
+      const _filter = { ...getDefaultValue(_field, filter.id) };
+      setFilter(_filter);
+      onChange(_filter);
+    }
   };
 
   // 配置项变更
@@ -48,15 +50,15 @@ const FilterContent: React.FC<FilterContentProps> = (props) => {
   };
 
   useEffect(() => {
-    setFilter(defaultValue);
-    if (defaultValue.field && options) {
-      const _field = options.find((item) => item.value === defaultValue.field);
+    if (outterValue.field && options) {
+      const _field = options.find((item) => item.value === outterValue.field);
       setDomain(_field?.domain ?? []);
       if (_field?.type === 'date') {
         setFormat(_field?.format || 'YYYY');
       }
     }
-  }, [defaultValue, options]);
+    setFilter(outterValue);
+  }, [outterValue, options]);
 
   if (!filter) {
     return null;
diff --git a/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterDateConfig/index.tsx b/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterDateConfig/index.tsx
index 5bd50162..0df23737 100644
--- a/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterDateConfig/index.tsx
+++ b/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterDateConfig/index.tsx
@@ -13,12 +13,12 @@ const { RangePicker } = DatePicker;
 export interface FilterDateConfigProps {
   // 是否自定义footer
   isRenderExtraFooter?: boolean;
-  // 时间格式
-  defaultFormat: string;
-  // 时间粒度
-  defaultGranularity: Granularity;
+  // 时间格式，eg: ""YYYY/MM/DD HH:mm:ss""
+  format: string;
+  // 时间粒度, eg: "day"
+  granularity: Granularity;
   // 时间类型 单日期｜区间
-  defaultType: 'date' | 'range';
+  type: 'date' | 'range';
   // 默认时间
   value?: string | [string, string];
   bordered?: boolean;
@@ -34,9 +34,9 @@ export interface FilterDateConfigProps {
 const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
   const {
     isRenderExtraFooter = false,
-    defaultFormat,
-    defaultGranularity,
-    defaultType = 'date',
+    format: outterFormat,
+    granularity: outterGranularity,
+    type: outterType = 'date',
     value: outterValue,
     size = 'middle',
     bordered = true,
@@ -46,16 +46,16 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
   const prefixCls = usePrefixCls('formily-filter-setting-date');
   const [wrapSSR, hashId] = useStyle(prefixCls);
   const dataRef = useRef(0);
-  const [timer, setTimer] = useState<{
+  const [state, setState] = useState<{
     granularity: Granularity;
     format: string;
     value?: string | [string, string];
     type: 'date' | 'range';
   }>({
-    granularity: defaultGranularity,
-    format: defaultFormat,
+    granularity: outterGranularity,
+    format: outterFormat,
     value: outterValue,
-    type: defaultType,
+    type: outterType,
   });
 
   // RangePicker 开关变化
@@ -66,60 +66,55 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
 
   // 时间区间变化
   const onRangePickerChange = (_: any, dateString: [string, string] | string) => {
-    if (timer.type === 'date') {
-      if (dateString) {
-        const _timer = getTimeFormat(dateString, timer.format);
-        if (_timer) {
-          onChange({ value: _timer, format: timer.format, type: timer.type, granularity: timer.granularity });
-        }
-      } else {
-        onChange({ value: undefined, format: timer.format, type: timer.type, granularity: timer.granularity });
-      }
+    let value: string | [string, string] | undefined;
+
+    // 点击清空的情况
+    if (dateString === '' || dateString.includes('')) {
+      value = undefined;
+    } else if (state.type === 'date') {
+      value = typeof dateString === 'string' ? getTimeFormat(dateString, state.format) : undefined;
     } else {
-      if (dateString[0]) {
-        const _timer = getTimeFormat(dateString, timer.format);
-        if (_timer) {
-          onChange({ value: _timer, format: timer.format, type: timer.type, granularity: timer.granularity });
-        }
-      } else {
-        onChange({ value: undefined, format: timer.format, type: timer.type, granularity: timer.granularity });
-      }
+      value = Array.isArray(dateString) ? getTimeFormat(dateString, state.format) : undefined;
     }
+
+    setState((pre) => ({ ...pre, value }));
+    onChange({ value, format: state.format, type: state.type, granularity: state.granularity });
   };
 
   // 粒度变化
   const onGranularityChange = (format: string, granularity: Granularity) => {
-    const _timer = timer.value ? getTimeFormat(timer.value, format) : undefined;
-    setTimer((pre) => ({ ...pre, format, granularity }));
-    onChange({ value: _timer, format, type: timer.type, granularity });
+    const value = state.value ? getTimeFormat(state.value, format) : undefined;
+    setState((pre) => ({ ...pre, format, granularity }));
+    onChange({ value, format, type: state.type, granularity });
     setOpen(true);
   };
 
   // 区间变化
   const onDateOrRange = (type: 'date' | 'range') => {
-    setTimer((pre) => ({ ...pre, type }));
-    const _times = timer.value ? getTimeFormat(timer.value[0], timer.format) : undefined;
-    onChange({ value: _times, format: timer.format, type, granularity: timer.granularity });
+    setState((pre) => ({ ...pre, type }));
+    const value = state.value ? getTimeFormat(state.value[0], state.format) : undefined;
+    onChange({ value, format: state.format, type, granularity: state.granularity });
     setOpen(true);
   };
 
+  // 外部属性更新，同步状态
   useUpdateEffect(() => {
-    setTimer({
-      granularity: defaultGranularity,
-      format: defaultFormat,
+    setState({
+      granularity: outterGranularity,
+      format: outterFormat,
       value: outterValue,
-      type: defaultType,
+      type: outterType,
     });
-  }, [defaultGranularity, defaultFormat, outterValue, defaultType]);
+  }, [outterGranularity, outterFormat, outterValue, outterType]);
 
   const granularityOptions = useMemo(() => {
-    return timer.format
-      ? getGranularityOptions(timer.format).map((item) => ({
+    return state.format
+      ? getGranularityOptions(state.format).map((item) => ({
           ...item,
           label: <div onClick={() => onGranularityChange(item.value, item.granularity)}>{item.label}</div>,
         }))
       : [];
-  }, [timer.format]);
+  }, [state.format]);
 
   const dateRangeTtpe = [
     { key: 'date', value: 'date', label: <div onClick={() => onDateOrRange('date')}>单日期</div> },
@@ -132,7 +127,7 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
         <Dropdown menu={{ items: granularityOptions }} trigger={['hover']}>
           <a onClick={(e) => e.preventDefault()} className={cls(`${prefixCls}__item__info`, hashId)}>
             <Space>
-              {granularityOptions.find((item) => item.value === timer.format)?.label}
+              {granularityOptions.find((item) => item.value === state.format)?.label}
               <DownOutlined />
             </Space>
           </a>
@@ -142,7 +137,7 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
         <Dropdown menu={{ items: dateRangeTtpe }} trigger={['hover']}>
           <a onClick={(e) => e.preventDefault()} className={cls(`${prefixCls}__item__info`, hashId)}>
             <Space>
-              {dateRangeTtpe.find((item) => item.value === timer.type)?.label}
+              {dateRangeTtpe.find((item) => item.value === state.type)?.label}
               <DownOutlined />
             </Space>
           </a>
@@ -153,9 +148,9 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
 
   return wrapSSR(
     <div>
-      {timer.type === 'date' && (
+      {state.type === 'date' && (
         <>
-          {['year', 'month', 'day'].includes(timer.granularity) ? (
+          {['year', 'month', 'day'].includes(state.granularity) ? (
             <DatePicker
               bordered={bordered}
               size={size}
@@ -163,12 +158,12 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
               showToday={false}
               onOpenChange={(open) => setOpen(open)}
               value={
-                timer.value
-                  ? dayjs(typeof timer.value === 'string' ? timer.value : timer.value[0], timer.format)
+                state.value
+                  ? dayjs(typeof state.value === 'string' ? state.value : state.value[0], state.format)
                   : undefined
               }
-              picker={(timer.granularity === 'day' ? 'date' : timer.granularity) as 'year' | 'month' | 'date'}
-              format={timer.format}
+              picker={(state.granularity === 'day' ? 'date' : state.granularity) as 'year' | 'month' | 'date'}
+              format={state.format}
               onChange={onRangePickerChange}
               renderExtraFooter={() => (isRenderExtraFooter ? renderExtraFooter : null)}
             />
@@ -180,12 +175,12 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
               open={open}
               onOpenChange={(open) => setOpen(open)}
               value={
-                timer.value
-                  ? dayjs(typeof timer.value === 'string' ? timer.value : timer.value[0], timer.format)
+                state.value
+                  ? dayjs(typeof state.value === 'string' ? state.value : state.value[0], state.format)
                   : undefined
               }
-              showTime={{ format: timer.format }}
-              format={timer.format}
+              showTime={{ format: state.format }}
+              format={state.format}
               onChange={onRangePickerChange}
               renderExtraFooter={() => (isRenderExtraFooter ? renderExtraFooter : null)}
             />
@@ -193,20 +188,20 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
         </>
       )}
 
-      {timer.type === 'range' && timer.granularity && (
+      {state.type === 'range' && state.granularity && (
         <>
-          {['year', 'month', 'day'].includes(timer.granularity) ? (
+          {['year', 'month', 'day'].includes(state.granularity) ? (
             <RangePicker
               bordered={bordered}
               size={size}
               open={open}
               onOpenChange={onRangePickerOpenChange}
               value={
-                timer.value ? [dayjs(timer.value[0], timer.format), dayjs(timer.value[1], timer.format)] : undefined
+                state.value ? [dayjs(state.value[0], state.format), dayjs(state.value[1], state.format)] : undefined
               }
-              picker={(timer.granularity === 'day' ? 'date' : timer.granularity) as 'year' | 'month' | 'date'}
+              picker={(state.granularity === 'day' ? 'date' : state.granularity) as 'year' | 'month' | 'date'}
               onChange={onRangePickerChange}
-              format={timer.format}
+              format={state.format}
               onCalendarChange={() => {
                 if (dataRef.current !== 1) {
                   dataRef.current += 1;
@@ -223,9 +218,9 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
               open={open}
               onOpenChange={onRangePickerOpenChange}
               value={
-                timer.value ? [dayjs(timer.value[0], timer.format), dayjs(timer.value[1], timer.format)] : undefined
+                state.value ? [dayjs(state.value[0], state.format), dayjs(state.value[1], state.format)] : undefined
               }
-              showTime={{ format: timer.format }}
+              showTime={{ format: state.format }}
               onChange={onRangePickerChange}
               onCalendarChange={() => {
                 if (dataRef.current !== 3) {
@@ -234,7 +229,7 @@ const FilterDateConfig: React.FC<FilterDateConfigProps> = (props) => {
                   setOpen(false);
                 }
               }}
-              format={timer.format}
+              format={state.format}
               renderExtraFooter={() => (isRenderExtraFooter ? renderExtraFooter : null)}
             />
           )}
diff --git a/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterStringConfig/index.tsx b/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterStringConfig/index.tsx
index 33736f6d..278e76cb 100644
--- a/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterStringConfig/index.tsx
+++ b/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterStringConfig/index.tsx
@@ -1,8 +1,7 @@
-import { Select } from 'antd';
-import React, { useEffect, useState } from 'react';
 import { usePrefixCls } from '@formily/antd-v5/esm/__builtins__';
-import cls from 'classnames';
 import { useUpdateEffect } from 'ahooks';
+import { Select } from 'antd';
+import React, { useEffect, useState } from 'react';
 import { getOptions } from './helper';
 import useStyle from './style';
 
@@ -71,24 +70,20 @@ const FilterStringConfig: React.FC<FilterStringConfigProps> = (props) => {
       )}
 
       {filterType === 'multiple' && (
-        <div className={cls(`${prefixCls}`, hashId)}>
-          <div className={cls(`${prefixCls}__title`, hashId)}>
-            {selectedOptions?.includes('all') ? '全部' : selectedOptions?.toString()}
-          </div>
-
-          <Select
-            allowClear
-            maxTagCount={1}
-            size={size}
-            bordered={bordered}
-            mode="tags"
-            style={{ width: '100%', textAlign: 'left' }}
-            placeholder="请选择"
-            value={selectedOptions}
-            options={options}
-            onChange={onValueChange}
-          />
-        </div>
+        <Select
+          allowClear
+          size={size}
+          bordered={bordered}
+          mode="multiple"
+          maxTagCount="responsive"
+          maxTagPlaceholder="..."
+          tagRender={(_props) => <>{_props.label}&ensp;</>}
+          style={{ width: '100%', textAlign: 'left' }}
+          placeholder="请选择"
+          value={selectedOptions}
+          options={options}
+          onChange={onValueChange}
+        />
       )}
     </>,
   );
diff --git a/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterStringConfig/style.ts b/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterStringConfig/style.ts
index fac7499a..eaf8ed5c 100644
--- a/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterStringConfig/style.ts
+++ b/packages/li-p2/src/components/Formily/FilterConfiguration/components/FilterStringConfig/style.ts
@@ -1,40 +1,9 @@
 import { genStyleHook } from '@formily/antd-v5/esm/__builtins__';
 
 export default genStyleHook('filter-string-config', (token) => {
-  const { componentCls, antCls, borderRadius, colorBorder, colorPrimaryBorderHover } = token;
+  const { componentCls } = token;
 
   return {
-    [componentCls]: {
-      position: 'relative',
-      border: `1px solid ${colorBorder}`,
-      borderRadius: `${borderRadius}px`,
-
-      '&:hover': {
-        cursor: 'pointer',
-        borderColor: colorPrimaryBorderHover,
-      },
-
-      [`${antCls}-select-selector`]: {
-        opacity: 0,
-      },
-
-      [`${antCls}-select-selection-overflow`]: {
-        display: 'none',
-      },
-    },
-
-    [`${componentCls}__title`]: {
-      textAlign: 'left',
-      paddingRight: '15px',
-      paddingLeft: '5px',
-      overflow: 'hidden',
-      textOverflow: 'ellipsis',
-      whiteSpace: 'nowrap',
-      height: '32px',
-      lineHeight: '32px',
-      position: 'absolute',
-      width: '100%',
-      zIndex: 0,
-    },
+    [componentCls]: {},
   };
 });
diff --git a/packages/li-p2/src/components/Formily/FilterConfiguration/index.tsx b/packages/li-p2/src/components/Formily/FilterConfiguration/index.tsx
index 2d3bffee..6f40a078 100644
--- a/packages/li-p2/src/components/Formily/FilterConfiguration/index.tsx
+++ b/packages/li-p2/src/components/Formily/FilterConfiguration/index.tsx
@@ -1,8 +1,9 @@
 import { usePrefixCls } from '@formily/antd-v5/esm/__builtins__';
 import { connect } from '@formily/react';
+import { useUpdateEffect } from 'ahooks';
 import { Button } from 'antd';
 import cls from 'classnames';
-import React, { useEffect, useState } from 'react';
+import React, { useState } from 'react';
 import FilterModal from './FilterModal';
 import Preview from './Preview';
 import useStyle from './style';
@@ -30,7 +31,7 @@ const Internal: React.FC<FilterConfigurationProps> = (props) => {
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [filterList, setFilterList] = useState<FilterConfigType[]>(value);
 
-  useEffect(() => {
+  useUpdateEffect(() => {
     setFilterList(value);
   }, [value]);