fix(client): styling of the filter component

packages/client/src/schema-component/antd/filter/Filter.tsx

@@ -29,7 +29,8 @@ export const Filter: any = observer((props: any) => {
       <FilterContext.Provider
         value={{ field, fieldSchema, dynamicComponent, options: options || field.dataSource || [] }}
       >
-        <FilterGroup {...props} />
+        <FilterGroup {...props} bordered={false} />
+        {/* <pre>{JSON.stringify(field.value, null, 2)}</pre> */}
       </FilterContext.Provider>
     </div>
   );

packages/client/src/schema-component/antd/filter/FilterGroup.tsx

@@ -8,6 +8,7 @@ import { FilterLogicContext, RemoveConditionContext } from './context';
 import { FilterItems } from './FilterItems';
 
 export const FilterGroup = connect((props) => {
+  const { bordered = true } = props;
   const field = useField<ObjectFieldModel>();
   const remove = useContext(RemoveConditionContext);
   const { t } = useTranslation();
@@ -19,25 +20,30 @@ export const FilterGroup = connect((props) => {
       [value]: [...(obj[logic] || [])],
     };
   };
-  console.log('logic', logic);
   return (
     <FilterLogicContext.Provider value={logic}>
       <div
-        style={{
+        style={bordered ? {
           position: 'relative',
           border: '1px dashed #dedede',
           padding: 14,
           marginBottom: 8,
+        } : {
+          position: 'relative',
+          marginBottom: 8,
         }}
       >
         {remove && (
+          <a>
             <CloseCircleOutlined
               style={{
                 position: 'absolute',
                 right: 10,
+                top: 10,
               }}
               onClick={() => remove()}
             />
+          </a>
         )}
         <div style={{ marginBottom: 8 }}>
           <Trans>

packages/client/src/schema-component/antd/filter/FilterItem.tsx

@@ -43,12 +43,14 @@ export const FilterItem = observer((props: any) => {
         {!operator?.noValue &&
           React.createElement(DynamicComponent, {
             value,
-            schema,
+            schema: {},
             onChange(value) {
               setValue(value);
             },
           })}
+        <a>
           <CloseCircleOutlined onClick={() => remove()} />
+        </a>
       </Space>
     </div>
   );