fix(filter-picker): 修复列表型切换操作符的问题 (#1968)

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

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

@@ -80,14 +80,19 @@ function FilterAttrOverlay(props: FilterAttrOverlayProps) {
     []
   );
 
+  /**
+   * 切换数据类型的时候需要重置 attrValue
+   */
   const previousValueType = usePrevious(valueType);
   useEffect(() => {
-    if (valueType !== previousValueType && isEmpty(values)) {
+    if (previousValueType !== undefined && valueType !== previousValueType && isEmpty(values)) {
       setAttrValue([]);
     }
-    setOperationValue(getOperation(valueType, op, values));
     // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [previousValueType, valueType, op, getOperation]);
+  }, [previousValueType, valueType]);
+  useEffect(() => {
+    setOperationValue(getOperation(valueType, op, values));
+  }, [getOperation, op, valueType, values]);
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setChecked(e.target.checked);

src/legacy/filter-picker/locales/en-US.ts

@@ -51,6 +51,6 @@ export default {
   afterTheNext: (text: Key) => `After the next ${text} day(s)`,
   withinThePast: (text: Key) => `Within the past ${text} day(s)`,
   withinTheNext: (text: Key) => `Within the next ${text} day(s)`,
-  empty: 'Empty',
-  notEmpty: 'Not empty',
+  empty: 'No value',
+  notEmpty: 'Has value',
 };

src/legacy/filter-picker/locales/zh-CN.ts

@@ -51,6 +51,6 @@ export default {
   afterTheNext: (text: Key) => `未来 ${text} 天后`,
   withinThePast: (text: Key) => `过去 ${text} 天之内`,
   withinTheNext: (text: Key) => `未来 ${text} 天之内`,
-  empty: '为空',
-  notEmpty: '不为空',
+  empty: '无值',
+  notEmpty: '有值',
 };