diff --git a/demo-antd-pro-with-formily/package.json b/demo-antd-pro-with-formily/package.json
index fa48361..9acffab 100644
--- a/demo-antd-pro-with-formily/package.json
+++ b/demo-antd-pro-with-formily/package.json
@@ -19,7 +19,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",
diff --git a/demo-antd-pro-with-formily/src/index.ts b/demo-antd-pro-with-formily/src/index.ts
index 843a9ec..a60ef1b 100644
--- a/demo-antd-pro-with-formily/src/index.ts
+++ b/demo-antd-pro-with-formily/src/index.ts
@@ -10,7 +10,7 @@ import CodeEditorPlugin from "@alilc/lowcode-plugin-code-editor";
 import ManualPlugin from "@alilc/lowcode-plugin-manual";
 import InjectPlugin from '@alilc/lowcode-plugin-inject';
 import SimulatorResizerPlugin from '@alilc/lowcode-plugin-simulator-select';
-import ComponentPanelPlugin from './plugins/plugin-component-panel';
+import ComponentPanelPlugin from '@alilc/lowcode-plugin-components-pane';
 import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import LoadIncrementalAssetsWidgetPlugin from './plugins/plugin-load-incremental-assets-widget';
 import SaveSamplePlugin from './plugins/plugin-save-sample';
diff --git a/demo-antd-pro-with-formily/src/plugins/plugin-component-panel/index.tsx b/demo-antd-pro-with-formily/src/plugins/plugin-component-panel/index.tsx
deleted file mode 100644
index 0285eb9..0000000
--- a/demo-antd-pro-with-formily/src/plugins/plugin-component-panel/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import ComponentsPane from '@alilc/lowcode-plugin-components-pane';
-const ComponentPanelPlugin = (ctx: IPublicModelPluginContext) => {
-  return {
-    async init() {
-      const { skeleton, project } = ctx;
-      // 注册组件面板
-      const componentsPane = skeleton.add({
-        area: 'leftArea',
-        type: 'PanelDock',
-        name: 'componentsPane',
-        content: ComponentsPane,
-        contentProps: {},
-        props: {
-          align: 'top',
-          icon: 'zujianku',
-          description: '组件库',
-        },
-      });
-      componentsPane?.disable?.();
-      project.onSimulatorRendererReady(() => {
-        componentsPane?.enable?.();
-      })
-    },
-  };
-}
-ComponentPanelPlugin.pluginName = 'ComponentPanelPlugin';
-export default ComponentPanelPlugin;
\ No newline at end of file
diff --git a/demo-basic-antd/package.json b/demo-basic-antd/package.json
index d94cff8..4a7068c 100644
--- a/demo-basic-antd/package.json
+++ b/demo-basic-antd/package.json
@@ -19,7 +19,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",
diff --git a/demo-basic-antd/src/index.ts b/demo-basic-antd/src/index.ts
index b1994b6..e8a2be0 100644
--- a/demo-basic-antd/src/index.ts
+++ b/demo-basic-antd/src/index.ts
@@ -10,7 +10,7 @@ import CodeEditorPlugin from "@alilc/lowcode-plugin-code-editor";
 import ManualPlugin from "@alilc/lowcode-plugin-manual";
 import InjectPlugin from '@alilc/lowcode-plugin-inject';
 import SimulatorResizerPlugin from '@alilc/lowcode-plugin-simulator-select';
-import ComponentPanelPlugin from './plugins/plugin-component-panel';
+import ComponentPanelPlugin from '@alilc/lowcode-plugin-components-pane';
 import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import LoadIncrementalAssetsWidgetPlugin from './plugins/plugin-load-incremental-assets-widget';
 import SaveSamplePlugin from './plugins/plugin-save-sample';
diff --git a/demo-basic-antd/src/plugins/plugin-component-panel/index.tsx b/demo-basic-antd/src/plugins/plugin-component-panel/index.tsx
deleted file mode 100644
index 0285eb9..0000000
--- a/demo-basic-antd/src/plugins/plugin-component-panel/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import ComponentsPane from '@alilc/lowcode-plugin-components-pane';
-const ComponentPanelPlugin = (ctx: IPublicModelPluginContext) => {
-  return {
-    async init() {
-      const { skeleton, project } = ctx;
-      // 注册组件面板
-      const componentsPane = skeleton.add({
-        area: 'leftArea',
-        type: 'PanelDock',
-        name: 'componentsPane',
-        content: ComponentsPane,
-        contentProps: {},
-        props: {
-          align: 'top',
-          icon: 'zujianku',
-          description: '组件库',
-        },
-      });
-      componentsPane?.disable?.();
-      project.onSimulatorRendererReady(() => {
-        componentsPane?.enable?.();
-      })
-    },
-  };
-}
-ComponentPanelPlugin.pluginName = 'ComponentPanelPlugin';
-export default ComponentPanelPlugin;
\ No newline at end of file
diff --git a/demo-basic-fusion/package.json b/demo-basic-fusion/package.json
index 6c32599..700bddb 100644
--- a/demo-basic-fusion/package.json
+++ b/demo-basic-fusion/package.json
@@ -19,7 +19,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",
diff --git a/demo-basic-fusion/src/index.ts b/demo-basic-fusion/src/index.ts
index 3426bbd..9155d92 100644
--- a/demo-basic-fusion/src/index.ts
+++ b/demo-basic-fusion/src/index.ts
@@ -10,7 +10,7 @@ import CodeEditorPlugin from "@alilc/lowcode-plugin-code-editor";
 import ManualPlugin from "@alilc/lowcode-plugin-manual";
 import InjectPlugin from '@alilc/lowcode-plugin-inject';
 import SimulatorResizerPlugin from '@alilc/lowcode-plugin-simulator-select';
-import ComponentPanelPlugin from './plugins/plugin-component-panel';
+import ComponentPanelPlugin from '@alilc/lowcode-plugin-components-pane';
 import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import LoadIncrementalAssetsWidgetPlugin from './plugins/plugin-load-incremental-assets-widget';
 import SaveSamplePlugin from './plugins/plugin-save-sample';
diff --git a/demo-basic-fusion/src/plugins/plugin-component-panel/index.tsx b/demo-basic-fusion/src/plugins/plugin-component-panel/index.tsx
deleted file mode 100644
index 0285eb9..0000000
--- a/demo-basic-fusion/src/plugins/plugin-component-panel/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import ComponentsPane from '@alilc/lowcode-plugin-components-pane';
-const ComponentPanelPlugin = (ctx: IPublicModelPluginContext) => {
-  return {
-    async init() {
-      const { skeleton, project } = ctx;
-      // 注册组件面板
-      const componentsPane = skeleton.add({
-        area: 'leftArea',
-        type: 'PanelDock',
-        name: 'componentsPane',
-        content: ComponentsPane,
-        contentProps: {},
-        props: {
-          align: 'top',
-          icon: 'zujianku',
-          description: '组件库',
-        },
-      });
-      componentsPane?.disable?.();
-      project.onSimulatorRendererReady(() => {
-        componentsPane?.enable?.();
-      })
-    },
-  };
-}
-ComponentPanelPlugin.pluginName = 'ComponentPanelPlugin';
-export default ComponentPanelPlugin;
\ No newline at end of file
diff --git a/demo-custom-initialization/package.json b/demo-custom-initialization/package.json
index 73f253b..ec147b7 100644
--- a/demo-custom-initialization/package.json
+++ b/demo-custom-initialization/package.json
@@ -19,7 +19,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",
diff --git a/demo-custom-initialization/src/index.tsx b/demo-custom-initialization/src/index.tsx
index ab6ee09..d965e0d 100644
--- a/demo-custom-initialization/src/index.tsx
+++ b/demo-custom-initialization/src/index.tsx
@@ -12,7 +12,7 @@ import CodeEditorPlugin from "@alilc/lowcode-plugin-code-editor";
 import ManualPlugin from "@alilc/lowcode-plugin-manual";
 import InjectPlugin from '@alilc/lowcode-plugin-inject';
 import SimulatorResizerPlugin from '@alilc/lowcode-plugin-simulator-select';
-import ComponentPanelPlugin from './plugins/plugin-component-panel';
+import ComponentPanelPlugin from '@alilc/lowcode-plugin-components-pane';
 import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import LoadIncrementalAssetsWidgetPlugin from './plugins/plugin-load-incremental-assets-widget';
 import SaveSamplePlugin from './plugins/plugin-save-sample';
diff --git a/demo-custom-initialization/src/plugins/plugin-component-panel/index.tsx b/demo-custom-initialization/src/plugins/plugin-component-panel/index.tsx
deleted file mode 100644
index 0285eb9..0000000
--- a/demo-custom-initialization/src/plugins/plugin-component-panel/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import ComponentsPane from '@alilc/lowcode-plugin-components-pane';
-const ComponentPanelPlugin = (ctx: IPublicModelPluginContext) => {
-  return {
-    async init() {
-      const { skeleton, project } = ctx;
-      // 注册组件面板
-      const componentsPane = skeleton.add({
-        area: 'leftArea',
-        type: 'PanelDock',
-        name: 'componentsPane',
-        content: ComponentsPane,
-        contentProps: {},
-        props: {
-          align: 'top',
-          icon: 'zujianku',
-          description: '组件库',
-        },
-      });
-      componentsPane?.disable?.();
-      project.onSimulatorRendererReady(() => {
-        componentsPane?.enable?.();
-      })
-    },
-  };
-}
-ComponentPanelPlugin.pluginName = 'ComponentPanelPlugin';
-export default ComponentPanelPlugin;
\ No newline at end of file
diff --git a/demo-general/package.json b/demo-general/package.json
index 6e80db3..4ba3ffd 100644
--- a/demo-general/package.json
+++ b/demo-general/package.json
@@ -19,7 +19,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",
diff --git a/demo-general/src/index.ts b/demo-general/src/index.ts
index 5ab61e3..729a05f 100644
--- a/demo-general/src/index.ts
+++ b/demo-general/src/index.ts
@@ -10,7 +10,7 @@ import CodeEditorPlugin from "@alilc/lowcode-plugin-code-editor";
 import ManualPlugin from "@alilc/lowcode-plugin-manual";
 import InjectPlugin from '@alilc/lowcode-plugin-inject';
 import SimulatorResizerPlugin from '@alilc/lowcode-plugin-simulator-select';
-import ComponentPanelPlugin from './plugins/plugin-component-panel';
+import ComponentPanelPlugin from '@alilc/lowcode-plugin-components-pane';
 import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import LoadIncrementalAssetsWidgetPlugin from './plugins/plugin-load-incremental-assets-widget';
 import SaveSamplePlugin from './plugins/plugin-save-sample';
diff --git a/demo-general/src/plugins/plugin-component-panel/index.tsx b/demo-general/src/plugins/plugin-component-panel/index.tsx
deleted file mode 100644
index 0285eb9..0000000
--- a/demo-general/src/plugins/plugin-component-panel/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import ComponentsPane from '@alilc/lowcode-plugin-components-pane';
-const ComponentPanelPlugin = (ctx: IPublicModelPluginContext) => {
-  return {
-    async init() {
-      const { skeleton, project } = ctx;
-      // 注册组件面板
-      const componentsPane = skeleton.add({
-        area: 'leftArea',
-        type: 'PanelDock',
-        name: 'componentsPane',
-        content: ComponentsPane,
-        contentProps: {},
-        props: {
-          align: 'top',
-          icon: 'zujianku',
-          description: '组件库',
-        },
-      });
-      componentsPane?.disable?.();
-      project.onSimulatorRendererReady(() => {
-        componentsPane?.enable?.();
-      })
-    },
-  };
-}
-ComponentPanelPlugin.pluginName = 'ComponentPanelPlugin';
-export default ComponentPanelPlugin;
\ No newline at end of file
diff --git a/demo-lowcode-component/package.json b/demo-lowcode-component/package.json
index 338b969..a6b4237 100644
--- a/demo-lowcode-component/package.json
+++ b/demo-lowcode-component/package.json
@@ -19,7 +19,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",
diff --git a/demo-lowcode-component/src/index.ts b/demo-lowcode-component/src/index.ts
index 9d82d15..905f07b 100644
--- a/demo-lowcode-component/src/index.ts
+++ b/demo-lowcode-component/src/index.ts
@@ -9,7 +9,7 @@ import CodeEditorPlugin from "@alilc/lowcode-plugin-code-editor";
 import ManualPlugin from "@alilc/lowcode-plugin-manual";
 import InjectPlugin from '@alilc/lowcode-plugin-inject';
 import SimulatorResizerPlugin from '@alilc/lowcode-plugin-simulator-select';
-import ComponentPanelPlugin from './plugins/plugin-component-panel';
+import ComponentPanelPlugin from '@alilc/lowcode-plugin-components-pane';
 import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import SaveSamplePlugin from './plugins/plugin-save-sample';
 import PreviewSamplePlugin from './plugins/plugin-preview-sample';
diff --git a/demo-lowcode-component/src/plugins/plugin-component-panel/index.tsx b/demo-lowcode-component/src/plugins/plugin-component-panel/index.tsx
deleted file mode 100644
index 0285eb9..0000000
--- a/demo-lowcode-component/src/plugins/plugin-component-panel/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import ComponentsPane from '@alilc/lowcode-plugin-components-pane';
-const ComponentPanelPlugin = (ctx: IPublicModelPluginContext) => {
-  return {
-    async init() {
-      const { skeleton, project } = ctx;
-      // 注册组件面板
-      const componentsPane = skeleton.add({
-        area: 'leftArea',
-        type: 'PanelDock',
-        name: 'componentsPane',
-        content: ComponentsPane,
-        contentProps: {},
-        props: {
-          align: 'top',
-          icon: 'zujianku',
-          description: '组件库',
-        },
-      });
-      componentsPane?.disable?.();
-      project.onSimulatorRendererReady(() => {
-        componentsPane?.enable?.();
-      })
-    },
-  };
-}
-ComponentPanelPlugin.pluginName = 'ComponentPanelPlugin';
-export default ComponentPanelPlugin;
\ No newline at end of file
diff --git a/demo-next-pro/package.json b/demo-next-pro/package.json
index d39b8e1..696a85b 100644
--- a/demo-next-pro/package.json
+++ b/demo-next-pro/package.json
@@ -19,7 +19,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",
diff --git a/demo-next-pro/src/index.ts b/demo-next-pro/src/index.ts
index 3c44979..7ebf9e4 100644
--- a/demo-next-pro/src/index.ts
+++ b/demo-next-pro/src/index.ts
@@ -10,7 +10,7 @@ import CodeEditorPlugin from "@alilc/lowcode-plugin-code-editor";
 import ManualPlugin from "@alilc/lowcode-plugin-manual";
 import InjectPlugin from '@alilc/lowcode-plugin-inject';
 import SimulatorResizerPlugin from '@alilc/lowcode-plugin-simulator-select';
-import ComponentPanelPlugin from './plugins/plugin-component-panel';
+import ComponentPanelPlugin from '@alilc/lowcode-plugin-components-pane';
 import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import LoadIncrementalAssetsWidgetPlugin from './plugins/plugin-load-incremental-assets-widget';
 import SaveSamplePlugin from './plugins/plugin-save-sample';
diff --git a/demo-next-pro/src/plugins/plugin-component-panel/index.tsx b/demo-next-pro/src/plugins/plugin-component-panel/index.tsx
deleted file mode 100644
index 0285eb9..0000000
--- a/demo-next-pro/src/plugins/plugin-component-panel/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import ComponentsPane from '@alilc/lowcode-plugin-components-pane';
-const ComponentPanelPlugin = (ctx: IPublicModelPluginContext) => {
-  return {
-    async init() {
-      const { skeleton, project } = ctx;
-      // 注册组件面板
-      const componentsPane = skeleton.add({
-        area: 'leftArea',
-        type: 'PanelDock',
-        name: 'componentsPane',
-        content: ComponentsPane,
-        contentProps: {},
-        props: {
-          align: 'top',
-          icon: 'zujianku',
-          description: '组件库',
-        },
-      });
-      componentsPane?.disable?.();
-      project.onSimulatorRendererReady(() => {
-        componentsPane?.enable?.();
-      })
-    },
-  };
-}
-ComponentPanelPlugin.pluginName = 'ComponentPanelPlugin';
-export default ComponentPanelPlugin;
\ No newline at end of file
diff --git a/demo-node-extended-actions/package.json b/demo-node-extended-actions/package.json
index a2dbbbd..92c44ea 100644
--- a/demo-node-extended-actions/package.json
+++ b/demo-node-extended-actions/package.json
@@ -19,7 +19,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",
diff --git a/demo-node-extended-actions/src/index.ts b/demo-node-extended-actions/src/index.ts
index b7dfbd7..075980e 100644
--- a/demo-node-extended-actions/src/index.ts
+++ b/demo-node-extended-actions/src/index.ts
@@ -10,7 +10,7 @@ import CodeEditorPlugin from "@alilc/lowcode-plugin-code-editor";
 import ManualPlugin from "@alilc/lowcode-plugin-manual";
 import InjectPlugin from '@alilc/lowcode-plugin-inject';
 import SimulatorResizerPlugin from '@alilc/lowcode-plugin-simulator-select';
-import ComponentPanelPlugin from './plugins/plugin-component-panel';
+import ComponentPanelPlugin from '@alilc/lowcode-plugin-components-pane';
 import DefaultSettersRegistryPlugin from './plugins/plugin-default-setters-registry';
 import LoadIncrementalAssetsWidgetPlugin from './plugins/plugin-load-incremental-assets-widget';
 import SaveSamplePlugin from './plugins/plugin-save-sample';
diff --git a/demo-node-extended-actions/src/plugins/plugin-component-panel/index.tsx b/demo-node-extended-actions/src/plugins/plugin-component-panel/index.tsx
deleted file mode 100644
index 0285eb9..0000000
--- a/demo-node-extended-actions/src/plugins/plugin-component-panel/index.tsx
+++ /dev/null
@@ -1,28 +0,0 @@
-import { IPublicModelPluginContext } from '@alilc/lowcode-types';
-import ComponentsPane from '@alilc/lowcode-plugin-components-pane';
-const ComponentPanelPlugin = (ctx: IPublicModelPluginContext) => {
-  return {
-    async init() {
-      const { skeleton, project } = ctx;
-      // 注册组件面板
-      const componentsPane = skeleton.add({
-        area: 'leftArea',
-        type: 'PanelDock',
-        name: 'componentsPane',
-        content: ComponentsPane,
-        contentProps: {},
-        props: {
-          align: 'top',
-          icon: 'zujianku',
-          description: '组件库',
-        },
-      });
-      componentsPane?.disable?.();
-      project.onSimulatorRendererReady(() => {
-        componentsPane?.enable?.();
-      })
-    },
-  };
-}
-ComponentPanelPlugin.pluginName = 'ComponentPanelPlugin';
-export default ComponentPanelPlugin;
\ No newline at end of file
diff --git a/package.json b/package.json
index 381a0db..82ff0d8 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@alilc/lowcode-datasource-fetch-handler": "^1.0.1",
     "@alilc/lowcode-plugin-code-editor": "^1.0.3",
     "@alilc/lowcode-plugin-code-generator": "^1.0.4",
-    "@alilc/lowcode-plugin-components-pane": "^1.0.4",
+    "@alilc/lowcode-plugin-components-pane": "^2.0.0",
     "@alilc/lowcode-plugin-datasource-pane": "^1.0.9",
     "@alilc/lowcode-plugin-inject": "^1.2.1",
     "@alilc/lowcode-plugin-manual": "^1.0.4",