refactor: add showHeader

 import { ControlOutlined } from '@ant-design/icons';
 import { ControlOutlined } from '@ant-design/icons';
 import { Select, Tooltip } from 'antd';
 import { Select, Tooltip } from 'antd';
 import cls from 'classnames';
 import cls from 'classnames';
+import dayjs from 'dayjs';
 import { size } from 'lodash-es';
 import { size } from 'lodash-es';
 import React, { useEffect, useRef, useState } from 'react';
 import React, { useEffect, useRef, useState } from 'react';
 import { FieldBaseType, type QxBaseConditionField } from '../qx-base-condition';
 import { FieldBaseType, type QxBaseConditionField } from '../qx-base-condition';
@@ -12,7 +13,6 @@ import {
   QxFlowNodeFieldSelector,
   QxFlowNodeFieldSelector,
 } from '../qx-flow-node-selector';
 } from '../qx-flow-node-selector';
 import { QxWidgetIcon } from '../qx-widget-icon';
 import { QxWidgetIcon } from '../qx-widget-icon';
-import dayjs from 'dayjs';
 
 
 import './index.less';
 import './index.less';
 
 
@@ -693,6 +693,7 @@ export const QxBaseConditionItem: React.FC<QxBaseConditionItemProps> = ({
   showAssignment = true,
   showAssignment = true,
   isMixValue,
   isMixValue,
   fieldType,
   fieldType,
+  showHeader = true,
 }) => {
 }) => {
   const valuesObj = value?.valuesObj?.[0] || {};
   const valuesObj = value?.valuesObj?.[0] || {};
   const [open, setOpen] = useState(false);
   const [open, setOpen] = useState(false);
@@ -703,7 +704,9 @@ export const QxBaseConditionItem: React.FC<QxBaseConditionItemProps> = ({
   const handleChange = (val: any[]) => {
   const handleChange = (val: any[]) => {
     onChange?.({
     onChange?.({
       ...(value || {}),
       ...(value || {}),
-      mappingValues: val?.length ? val?.map((i: any) => i.extVal || i.value) : [],
+      mappingValues: val?.length
+        ? val?.map((i: any) => i.extVal || i.value)
+        : [],
       valuesObj: val,
       valuesObj: val,
     });
     });
   };
   };
@@ -814,37 +817,41 @@ export const QxBaseConditionItem: React.FC<QxBaseConditionItemProps> = ({
 
 
   return (
   return (
     <div className="qx-base-condition-item">
     <div className="qx-base-condition-item">
-      <div className="qx-base-condition-item__header">
-        <div className="qx-base-condition-item__header-left">
-          <span className="qx-base-condition-item__header-icon">
-            {field?.extract?.widget ? (
-              <QxWidgetIcon widgetName={field.extract.widget} />
-            ) : (
-              `[${FieldMapType[fieldType]}]`
-            )}
-          </span>
-          <span
-            className={cls('qx-base-condition-item__header-text', {
-              error: !field,
-            })}
-          >
-            {field?.name || '已删除'}
-          </span>
-        </div>
-        <div className="qx-base-condition-item__header-right">
-          <span className="qx-base-condition-item__header-filter">
-            <RenderFilter />
-          </span>
-          <span className="qx-base-condition-item__header-delete">
-            <Tooltip title="删除">
-              <QxBaseIcon
-                type="qx-icon-delete"
-                onClick={() => remove?.(value)}
-              />
-            </Tooltip>
-          </span>
-        </div>
-      </div>
+      {showHeader ? (
+        <>
+          <div className="qx-base-condition-item__header">
+            <div className="qx-base-condition-item__header-left">
+              <span className="qx-base-condition-item__header-icon">
+                {field?.extract?.widget ? (
+                  <QxWidgetIcon widgetName={field.extract.widget} />
+                ) : (
+                  `[${FieldMapType[fieldType]}]`
+                )}
+              </span>
+              <span
+                className={cls('qx-base-condition-item__header-text', {
+                  error: !field,
+                })}
+              >
+                {field?.name || '已删除'}
+              </span>
+            </div>
+            <div className="qx-base-condition-item__header-right">
+              <span className="qx-base-condition-item__header-filter">
+                <RenderFilter />
+              </span>
+              <span className="qx-base-condition-item__header-delete">
+                <Tooltip title="删除">
+                  <QxBaseIcon
+                    type="qx-icon-delete"
+                    onClick={() => remove?.(value)}
+                  />
+                </Tooltip>
+              </span>
+            </div>
+          </div>
+        </>
+      ) : null}
       <div className="qx-base-condition-item__content">
       <div className="qx-base-condition-item__content">
         {showAssignment ? (
         {showAssignment ? (
           <QxFlowNodeFieldSelector
           <QxFlowNodeFieldSelector
@@ -853,7 +860,11 @@ export const QxBaseConditionItem: React.FC<QxBaseConditionItemProps> = ({
             node={node!}
             node={node!}
             nodes={nodes!}
             nodes={nodes!}
             open={open}
             open={open}
-            value={FieldBaseType[valuesObj?.type] === 'DATE' ? dayjs(valuesObj?.value || '') : valuesObj?.value}
+            value={
+              FieldBaseType[valuesObj?.type] === 'DATE'
+                ? dayjs(valuesObj?.value || '')
+                : valuesObj?.value
+            }
             onChange={handleAssignment}
             onChange={handleAssignment}
             limitTypes={limitTypes}
             limitTypes={limitTypes}
             subset={subset}
             subset={subset}
@@ -878,6 +889,7 @@ export interface ValueAssignmentPopupProps
 }
 }
 
 
 export interface QxBaseConditionItemProps {
 export interface QxBaseConditionItemProps {
+  showHeader?: boolean;
   field: QxBaseConditionField;
   field: QxBaseConditionField;
   value?: any;
   value?: any;
   onChange?: (val: any) => void;
   onChange?: (val: any) => void;