diff --git a/src/components/BpmnDesign/index.vue b/src/components/BpmnDesign/index.vue
index 29296ce..af1bde2 100644
--- a/src/components/BpmnDesign/index.vue
+++ b/src/components/BpmnDesign/index.vue
@@ -85,7 +85,7 @@ import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-codes.css';
 import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';
 import './assets/style/index.scss';
 import { Canvas, Modeler } from 'bpmn';
-import PropertyPanel from './PropertyPanel.vue';
+import PropertyPanel from './panel/index.vue';
 import BpmnModeler from 'bpmn-js/lib/Modeler.js';
 import defaultXML from '@/components/BpmnDesign/assets/defaultXML';
 import flowableModdle from '@/components/BpmnDesign/assets/moddle/flowable';
diff --git a/src/components/BpmnDesign/PropertyPanel.vue b/src/components/BpmnDesign/panel/index.vue
similarity index 89%
rename from src/components/BpmnDesign/PropertyPanel.vue
rename to src/components/BpmnDesign/panel/index.vue
index 92acb49..aa39af1 100644
--- a/src/components/BpmnDesign/PropertyPanel.vue
+++ b/src/components/BpmnDesign/panel/index.vue
@@ -5,12 +5,12 @@
   </div>
 </template>
 <script setup lang="ts" name="PropertyPanel">
-import { NodeName } from './assets/lang/zh';
-import TaskPanel from './panel/TaskPanel.vue';
-import ProcessPanel from './panel/ProcessPanel.vue';
-import StartEndPanel from './panel/StartEndPanel.vue';
-import GatewayPanel from './panel/GatewayPanel.vue';
-import SequenceFlowPanel from './panel/SequenceFlowPanel.vue';
+import { NodeName } from '../assets/lang/zh';
+import TaskPanel from './TaskPanel.vue';
+import ProcessPanel from './ProcessPanel.vue';
+import StartEndPanel from './StartEndPanel.vue';
+import GatewayPanel from './GatewayPanel.vue';
+import SequenceFlowPanel from './SequenceFlowPanel.vue';
 import { Modeler, ModdleElement } from 'bpmn';
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
 interface propsType {