fix(filter-picker): fix icon (#1922)

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

src/legacy/filter-picker/FilterPicker.stories.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { Meta, Story } from '@storybook/react/types-6-0';
 import FilterPicker from '.';
-import { FilterPickerProps } from './interfaces';
+import { FilterPickerProps, FilterValue } from './interfaces';
 import { PropertyValue } from '../property-selector';
 import './style';
 import insightDimensions from '../property-selector/demos/insightDimensions';
@@ -11,7 +11,21 @@ export default {
   component: FilterPicker,
 } as Meta;
 
-const Template: Story<FilterPickerProps> = (args) => <FilterPicker {...args} propertyOptions={insightDimensions} />;
+const Template: Story<FilterPickerProps> = (args) => {
+  const [value, setValue] = useState<FilterValue>({ op: 'and', exprs: [] });
+  return (
+    <FilterPicker
+      {...args}
+      propertyOptions={insightDimensions}
+      filter={value}
+      onConfirm={(v) => {
+        // eslint-disable-next-line no-console
+        console.log(`🚀 onConfirm`, v);
+        setValue(v);
+      }}
+    />
+  );
+};
 
 const dimissionValue = [
   'www.growingio.com',
@@ -57,7 +71,6 @@ const dimissionValue = [
 
 export const Default = Template.bind({});
 Default.args = {
-  filter: { op: 'and', exprs: [], __typename: 'directivesFilterrR2q' },
   recentlyStorePrefix: 'currentUserId',
   timeRange: 'day:31,1',
   measurements: [
@@ -68,7 +81,6 @@ Default.args = {
       __typename: 'Measurement265f',
     },
   ],
-  onConfirm: (value: any) => console.log('onConfirm: ', value),
   dimensionValueRequest: () =>
     new Promise((resolve) => {
       resolve(dimissionValue);

src/legacy/filter-picker/FilterPicker.tsx

@@ -22,6 +22,8 @@ export const FilterPickerContext = React.createContext<
   Pick<FilterPickerProps, 'fetchDetailData' | 'operationsOption'> & {
     textObject: TextObject;
   }
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
 >({ textObject: { ...defaultLocaleTextObject, code: 'zh-CN' } });
 
 const FilterPicker = (props: FilterPickerProps) => {

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

@@ -101,7 +101,7 @@ function FilterCondition(props: FilterConditionProps) {
   );
 
   return exprKey ? (
-    <FilterPickerContext.Provider value={{ textObject }}>
+    <FilterPickerContext.Provider value={{ textObject } as any}>
       <Selector
         valueRender={valueRender}
         dropdownVisible={visible}

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

@@ -16,7 +16,7 @@ interface ExpressionProps {
   measurements: any[];
   onChange: (expression: FilterValueType, index: number) => void;
   propertyOptions: any[];
-  exprs: any[];
+  exprs: FilterValueType[];
   recentlyStorePrefix: string;
 }
 function Expression(props: ExpressionProps) {
@@ -50,6 +50,8 @@ function Expression(props: ExpressionProps) {
       key: exprKey,
       name: exprName,
       valueType,
+      groupId,
+      iconId,
       ...v,
     };
     v && setValues(v.values);