handleMouseChange(true)}
+ onMouseLeave={() => handleMouseChange(false)}
+ >
+
+ {id}
+ {isShow && (
+ }
+ onClick={() => {
+ updateState(preset => {
+ return {
+ ...preset,
+ isOpen: true,
+ imputValue: id,
+ };
+ });
+ }}
+ />
+ )}
+ } />
+
+ {headerChart}
+ {id && (
+
+ )}
+
{
+ updateState(preset => {
+ return {
+ ...preset,
+ isOpen: false,
+ };
+ });
+ }}
+ >
+
+ 字段名称
+
+
+
+
+ );
+};
+
+export default MiddleWare;
diff --git a/packages/studio-components/src/QueryTable/middle-ware/table-header-content.tsx b/packages/studio-components/src/QueryTable/middle-ware/table-header-content.tsx
new file mode 100644
index 000000000..fd576fa05
--- /dev/null
+++ b/packages/studio-components/src/QueryTable/middle-ware/table-header-content.tsx
@@ -0,0 +1,88 @@
+import React from 'react';
+import { Flex, Select, Checkbox } from 'antd';
+import type { IBarProps } from './index';
+
+const styles: Record