diff --git a/docs/useDocs/demos/selectFlow.tsx b/docs/useDocs/demos/selectFlow.tsx
index 0a69cd4..a359b43 100644
--- a/docs/useDocs/demos/selectFlow.tsx
+++ b/docs/useDocs/demos/selectFlow.tsx
@@ -1,9 +1,11 @@
-import { FlowView } from '@ant-design/pro-flow';
-import { EdgeType } from '@ant-design/pro-flow/es/index';
 import styled from 'styled-components';
-import { useFlowViewer } from '../../../src/FlowView/hooks/useFlowView';
-import { FlowViewProvider } from '../../../src/FlowView/provider/FlowViewProvider';
-import { SelectType } from '../../../src/constants';
+import {
+  EdgeType,
+  FlowView,
+  FlowViewProvider,
+  SelectType,
+  useFlowViewer,
+} from '../../../src/index';
 
 const initNodes = [
   {
diff --git a/src/index.ts b/src/index.ts
index bb3f81a..e40787c 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,13 +1,18 @@
+export * from './Background';
 export { default as BasicNode } from './BasicNode';
 export { default as CanvasLoading } from './CanvasLoading';
 export * from './ControlInput';
 export { default as EditableText } from './EditableText';
 export * from './FlowEditor';
+export * from './FlowPanel';
 export { FlowStoreProvider, type FlowEditorStoreProviderProps } from './FlowStoreProvider';
 export { default as FlowView } from './FlowView/FlowView';
+export * from './FlowView/hooks/useFlowView';
+export * from './FlowView/provider/FlowViewProvider';
 export * from './Input';
 export { NodeField, useNodeFieldStyles } from './NodeField';
 export type { ExtraAction } from './NodeField';
+export * from './ProFlowController';
 export { default as ProFlowController } from './ProFlowController';
 export { default as RadiusEdge } from './RadiusEdge';
 export * from './constants';