diff --git a/src/background.js b/src/background.js
index 2a074336..5d0fd81a 100644
--- a/src/background.js
+++ b/src/background.js
@@ -6,7 +6,7 @@ import {
   deleteFile, deleteFolder,
   getFileFromUser,
   linkToFile,
-  newFileFromSidebar, newFolder, renameFileOrFolder,
+  newFileFromSidebar, newFolder, renameFileOrFolder, moveFileOrFolder,
   saveFile,
   saveToTarget,
   saveToPDFTarget,
@@ -129,6 +129,9 @@ app.on('ready', async () => {
   ipcMain.on('renameFileOrFolder', (e, newPath, oldPath) => {
     renameFileOrFolder(newPath, oldPath)
   })
+  ipcMain.on('move-file-or-folder', (e, srcPath, dstPath) => {
+    moveFileOrFolder(srcPath, dstPath)
+  })
   ipcMain.on('newFileFromSidebar', (e, filePath, fileName) => {
     newFileFromSidebar(filePath, fileName)
   })
diff --git a/src/main/filesystem/fileManipulate.js b/src/main/filesystem/fileManipulate.js
index aa3f9251..9a12a7c9 100644
--- a/src/main/filesystem/fileManipulate.js
+++ b/src/main/filesystem/fileManipulate.js
@@ -174,7 +174,7 @@ export const saveToPDFTarget = async (fileContent) => {
  * @param {string} srcPath 原文件/文件夹路径
  * @param {string} destDir 目标文件夹
  */
-export const move = async (srcPath, destDir) => {
+export const moveFileOrFolder = async (srcPath, destDir) => {
   try {
     const fname = path.basename(srcPath)
     const targetPath = makeValidFilePath(path.resolve(destDir, fname))
diff --git a/src/main/filesystem/linkManager.js b/src/main/filesystem/linkManager.js
index f55da870..4d6a4260 100644
--- a/src/main/filesystem/linkManager.js
+++ b/src/main/filesystem/linkManager.js
@@ -2,7 +2,7 @@ import path from 'path'
 import { addTagToDoc, getLinksInFile, removeTagFromDoc } from '../../common/parseLinks'
 import fs from 'fs-extra'
 import { isValidMarkdownFilePath } from '../helper/path'
-import { deleteFolder, move } from '@/main/filesystem/fileManipulate'
+import { deleteFolder, moveFileOrFolder } from '@/main/filesystem/fileManipulate'
 class LinkManager {
   /**
    * 管理tag和cites
@@ -227,7 +227,7 @@ class LinkManager {
     for (const filename of filepaths) {
       const filepath = path.resolve(dirPath, filename)
       this.removeFile(filepath)
-      const newPath = await move(filepath, targetPath)
+      const newPath = await moveFileOrFolder(filepath, targetPath)
       this.addFile(newPath)
       this.win.webContents.send('set-file-path-by-move', { oldPath: filepath, newPath })
       const doc = (await fs.promises.readFile(newPath)).toString()
@@ -249,7 +249,7 @@ class LinkManager {
       const subItemPath = path.resolve(folderPath, subItem)
       if (isValidMarkdownFilePath(subItemPath)) {
         this.removeFile(subItemPath)
-        const newPath = await move(subItemPath, targetPath)
+        const newPath = await moveFileOrFolder(subItemPath, targetPath)
         this.addFile(newPath)
         this.win.webContents.send('set-file-path-by-move', { subItemPath, newPath })
         const doc = (await fs.promises.readFile(newPath)).toString()
diff --git a/src/main/preload.js b/src/main/preload.js
index d01821fe..331fb767 100644
--- a/src/main/preload.js
+++ b/src/main/preload.js
@@ -22,6 +22,8 @@ contextBridge.exposeInMainWorld('electronAPI', {
   openFolder: () => ipcRenderer.send('open-folder'),
   openFolderByPath: (path) => ipcRenderer.send('open-folder-by-path', path),
 
+  moveFileOrFolder: (srcPath, dstPath) => ipcRenderer.send('move-file-or-folder', srcPath, dstPath), // TODO
+
   saveFile: (path, content) => ipcRenderer.send('save-file', path, content),
   saveToAnotherFile: (content) => ipcRenderer.send('save-as', content),
   exportPDF: (html) => ipcRenderer.invoke('exportPDF', html),
@@ -91,6 +93,7 @@ contextBridge.exposeInMainWorld('pathAPI', {
   join: path.join,
   relative: path.relative,
   basename: path.basename,
+  dirname: path.dirname,
   existSync: fs.pathExistsSync,
   isMarkdownExtname,
   sep: path.sep,
diff --git a/src/renderer/App.vue b/src/renderer/App.vue
index 832b8808..04fb69cc 100644
--- a/src/renderer/App.vue
+++ b/src/renderer/App.vue
@@ -1,11 +1,11 @@
 <template>
-  <div id="app" :style="{ height: windowHeight }">
+  <div id="app" :style="{ height: windowHeight + 'px' }">
     <MyHeader :data="data" style="width: 100%"></MyHeader>
     <div style="display: flex; height: 100%; width: 100%; position: relative">
-      <SideBar :data="data" style="height: 100%; position: fixed;" :style="{ height: windowHeight }"></SideBar>
-      <TextArea class="myTextArea" :style="{ height: windowHeight }"></TextArea>
+      <SideBar :data="data" style="height: 100%; position: fixed;" :style="{ height: windowHeight + 'px' }"></SideBar>
+      <TextArea class="myTextArea" :style="{ height: windowHeight + 'px' }"></TextArea>
     </div>
-    <div class="dialog text-white px-6 py-4 border-0 rounded bg-pink-500 z-50 shadow-lg transition-all" v-if="myAlert">
+    <div class="dialog text-white px-6 py-4 border-0 rounded bg-pink-500 z-50 shadow-lg transition-all" v-if="showAlert">
       <span class="text-xl inline-block mr-5 align-middle">
         <div class="mr-3">
           <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="none" version="1.1" width="20" height="20" viewBox="0 0 20 20"><defs><clipPath id="master_svg0_152_478"><rect x="0" y="0" width="20" height="20" rx="0"/></clipPath></defs><g clip-path="url(#master_svg0_152_478)"><g><path d="M8.811093015441894,16.63613587646484Q8.951363015441895,16.916635876464845,10.000003015441894,16.916635876464845Q11.048633015441894,16.916635876464845,11.188903015441895,16.63613587646484Q11.232953015441895,16.548035876464844,11.293333015441895,16.470235876464844Q11.353723015441895,16.392435876464845,11.428133015441894,16.327835876464846Q11.502533015441895,16.263335876464843,11.588103015441895,16.214535876464844Q11.673663015441894,16.165835876464843,11.767103015441895,16.13463587646484Q11.860543015441895,16.103535876464846,11.958263015441895,16.091235876464843Q12.055983015441894,16.078835876464844,12.154233015441894,16.08583587646484Q12.252433015441895,16.092835876464843,12.347433015441894,16.118835876464843Q12.442433015441894,16.144835876464846,12.530533015441895,16.188935876464846Q12.618633015441894,16.232935876464843,12.696433015441894,16.293335876464845Q12.774233015441894,16.353735876464846,12.838833015441894,16.428135876464843Q12.903333015441895,16.502535876464844,12.952133015441895,16.588135876464843Q13.000833015441895,16.673635876464843,13.032033015441895,16.76713587646484Q13.063133015441894,16.860535876464844,13.075433015441895,16.958235876464844Q13.087833015441895,17.055935876464844,13.080833015441895,17.154235876464845Q13.073833015441895,17.252435876464844,13.047833015441894,17.347435876464843Q13.021833015441894,17.44243587646484,12.977733015441894,17.530535876464846Q12.284733015441894,18.916635876464845,10.000003015441894,18.916635876464845Q7.7153030154418945,18.916635876464845,7.022243015441894,17.530535876464846Q6.978193015441895,17.44243587646484,6.952173015441894,17.347435876464843Q6.926163015441895,17.252435876464844,6.919183015441894,17.154235876464845Q6.912203015441895,17.055935876464844,6.924513015441894,16.958235876464844Q6.936833015441895,16.860535876464844,6.967983015441894,16.76713587646484Q6.9991330154418945,16.673635876464843,7.047903015441895,16.588135876464843Q7.0966830154418945,16.502535876464844,7.161213015441895,16.428135876464843Q7.2257430154418945,16.353735876464846,7.303553015441895,16.293335876464845Q7.381363015441894,16.232935876464843,7.4694530154418946,16.188935876464846Q7.557543015441895,16.144835876464846,7.6525430154418945,16.118835876464843Q7.747533015441895,16.092835876464843,7.845773015441894,16.08583587646484Q7.9440230154418945,16.078835876464844,8.041733015441896,16.091235876464843Q8.139453015441894,16.103535876464846,8.232893015441896,16.13463587646484Q8.326333015441895,16.165835876464843,8.411893015441894,16.214535876464844Q8.497463015441895,16.263335876464843,8.571863015441895,16.327835876464846Q8.646273015441896,16.392435876464845,8.706663015441894,16.470235876464844Q8.767043015441894,16.548035876464844,8.811093015441894,16.63613587646484ZM14.750033015441895,12.583335876464844L14.750033015441895,9.333335876464844Q14.750033015441895,6.056745876464843,13.529033015441895,4.517225876464844Q12.391733015441895,3.0833358764648438,10.000003015441894,3.0833358764648438Q7.608223015441895,3.0833358764648438,6.470993015441895,4.517225876464844Q5.250003015441894,6.056745876464843,5.250003015441894,9.333335876464844L5.250003015441894,12.583335876464844Q5.250003015441894,12.792635876464844,5.166043015441895,12.984435876464843Q5.082093015441894,13.176135876464844,4.928283015441894,13.318135876464844L2.7616130154418945,15.318135876464844L2.0833330154418945,14.583335876464844L2.0833330154418945,13.583335876464844L17.916633015441896,13.583335876464844L17.916633015441896,14.583335876464844L17.238433015441892,15.318135876464844L15.071733015441895,13.318135876464844Q14.917933015441895,13.176135876464844,14.833933015441895,12.984435876464843Q14.750033015441895,12.792635876464844,14.750033015441895,12.583335876464844ZM16.750033015441893,12.583335876464844L15.750033015441895,12.583335876464844L16.428233015441897,11.848535876464844L18.594933015441896,13.848535876464844Q18.748733015441896,13.990535876464843,18.832733015441896,14.182235876464844Q18.916633015441896,14.374035876464843,18.916633015441896,14.583335876464844Q18.916633015441896,14.681835876464843,18.897433015441894,14.778435876464844Q18.878233015441893,14.875035876464844,18.840533015441896,14.966035876464844Q18.802833015441895,15.057035876464843,18.748133015441894,15.138935876464844Q18.693433015441894,15.220835876464843,18.623733015441896,15.290435876464844Q18.554133015441895,15.360035876464844,18.472233015441894,15.414835876464844Q18.390333015441893,15.469535876464844,18.299333015441896,15.507235876464843Q18.208333015441895,15.544935876464844,18.111733015441896,15.564135876464844Q18.015133015441897,15.583335876464844,17.916633015441896,15.583335876464844L2.0833330154418945,15.583335876464844Q1.8740090154418945,15.583335876464844,1.6822600154418945,15.499335876464844Q1.4905100154418944,15.415435876464844,1.3485300154418947,15.261635876464844Q1.2817250154418947,15.189235876464844,1.2303230154418945,15.105235876464844Q1.1789210154418945,15.021235876464845,1.1448970154418945,14.928835876464843Q1.1108730154418947,14.836335876464844,1.0955340154418947,14.739035876464843Q1.0801930154418946,14.641735876464844,1.0841320154418945,14.543335876464845Q1.0880690154418944,14.444935876464843,1.1111290154418945,14.349235876464844Q1.1341890154418945,14.253435876464843,1.1754870154418944,14.164035876464844Q1.2167850154418947,14.074635876464844,1.2747330154418945,13.994935876464844Q1.3326810154418944,13.915335876464844,1.4050530154418945,13.848535876464844L3.5717230154418944,11.848535876464844L4.250003015441894,12.583335876464844L3.2500030154418944,12.583335876464844L3.2500030154418944,9.333335876464844Q3.2500030154418944,5.359925876464844,4.904003015441894,3.274445876464844Q6.641773015441895,1.0833358764648438,10.000003015441894,1.0833358764648438Q13.358233015441895,1.0833358764648438,15.096033015441895,3.274445876464844Q16.750033015441893,5.359915876464844,16.750033015441893,9.333335876464844L16.750033015441893,12.583335876464844Z" fill="#FFFFFF" fill-opacity="1"/></g></g>
@@ -17,7 +17,7 @@
         {{ message }}
       </span>
       <button class="absolute bg-transparent text-2xl opacity-80 font-semibold leading-none right-0 top-0 mt-4 mr-6 outline-none focus:outline-none hover:opacity-100"
-              v-on:click="myAlert = false">
+              v-on:click="showAlert = false">
         <span>×</span>
       </button>
     </div>
@@ -70,22 +70,20 @@ export default {
   name: 'App',
   components: { SideBar, MyHeader, TextArea },
   setup () {
-    let pathSeq = ''
     const data = ref([])
-    const source = ref({}) // 源对象
-    const dst = ref({}) // 目标对象
-    const windowHeight = ref(window.innerHeight + 'px')
-    const windowWidth = ref(window.innerWidth + 'px')
+    const windowHeight = ref(window.innerHeight)
+    const windowWidth = ref(window.innerWidth)
     const showDialog = ref(false)
     const dialogName = ref('')
     const fileName = ref('')
     const father = ref({}) // 父对象
-    let mode = 0 // 0：新建 / 1：重命名
     // eslint-disable-next-line no-unused-vars
     const { proxy, ctx } = getCurrentInstance()
     const _this = proxy
-    const myAlert = ref(false)
     const message = ref('')
+    const showAlert = ref(false)
+    const availableDialogType = { error: -1, newFileOrFolder: 0, renameFileOrFolder: 1, newTag: 2 }
+    let dialogType = availableDialogType.error
 
     onMounted(async () => {
       store.dispatch('LISTEN_REFRESH')
@@ -101,10 +99,8 @@ export default {
         document.documentElement.style.setProperty('--sideBarInitWidth', store.getters.getCommon.sideBarInitWidth + 'px')
       })
 
-      pathSeq = await window.pathAPI.sep
-
       window.addEventListener('resize', () => {
-        windowHeight.value = window.innerHeight + 'px'
+        windowHeight.value = window.innerHeight
       })
       // 获取对话框、关闭按钮、输入框、取消按钮和确定按钮
       const modal = document.getElementById('modal')
@@ -163,20 +159,20 @@ export default {
       bus.on('showDialogForNewFile', (obj) => {
         dialogName.value = (obj.type === 'file') ? '新建文件' : '新建文件夹'
         father.value = obj.father
-        mode = 0
+        dialogType = availableDialogType.newFileOrFolder
         openModal()
       })
 
       bus.on('showDialogForRenameFile', (obj) => {
         dialogName.value = '重命名'
         father.value = obj
-        mode = 1
+        dialogType = availableDialogType.renameFileOrFolder
         openModal()
       })
 
       bus.on('showDialogForNewTag', () => {
         dialogName.value = '转变为tag'
-        mode = 2
+        dialogType = availableDialogType.newTag
         openModal()
       })
 
@@ -200,49 +196,21 @@ export default {
       }
     }
 
-    function removeFrom (obj, arr) {
-      if (arr === undefined) {
-        console.log('bug: 尝试从undefined中删除')
-      }
-      const index = arr.findIndex(file => file.path === obj.path)
-      arr.splice(index, 1)
-      // 删除一个对象也需要在工作区关闭其本身和其孩子节点
-      closeTab(obj)
+    function removeFileOrFolder (file) {
+      closeTab(file)
+      const { path } = file
       // 从后端删除
-      if (obj.type === 'file') {
-        window.electronAPI.deleteFile(obj.path)
-      } else if (obj.type === 'folder') {
-        window.electronAPI.deleteFolder(obj.path)
+      if (file.type === 'file') {
+        window.electronAPI.deleteFile(path)
+      } else if (file.type === 'folder') {
+        window.electronAPI.deleteFolder(path)
       }
     }
 
-    bus.on('removeObjFromData', (obj) => {
-      const father = findFather(obj, data.value[0]).res
-      removeFrom(obj, father.children)
+    bus.on('removeObjFromData', (file) => {
+      removeFileOrFolder(file)
     })
 
-    // 返回父对象
-    function findFather (file, father) {
-      for (let i = 0; i < father.children.length; i++) {
-        if (file.path === father.children[i].path) {
-          return {
-            has: true,
-            res: father
-          }
-        }
-        if (father.children[i].type === 'folder') {
-          const obj = findFather(file, father.children[i])
-          if (obj.has) {
-            return obj
-          }
-        }
-      }
-      return {
-        has: false,
-        res: file
-      }
-    }
-
     // 打开文件夹
     bus.on('openDir', (obj) => {
       data.value = [obj]
@@ -257,7 +225,7 @@ export default {
     })
 
     function nameValidTest (name) {
-      return name.trim() && !name.includes(pathSeq)
+      return name.trim() && !name.includes(window.pathAPI.sep)
     }
 
     // 新建tag
@@ -275,11 +243,11 @@ export default {
         fileName.value = namifyMarkdownFile(fileName.value)
       }
       if (!nameValidTest(fileName.value)) {
-        bus.emit('showMyAlert', { message: '文件名或文件夹名非法' })
+        bus.emit('showAlertWith', { message: '文件名或文件夹名非法' })
         fileName.value = ''
       } else {
         if (father.value.children.find(stat => stat.name === fileName.value)) {
-          bus.emit('showMyAlert', { message: '输入的名称已存在' })
+          bus.emit('showAlertWith', { message: '输入的名称已存在' })
           fileName.value = ''
           return
         }
@@ -296,8 +264,7 @@ export default {
         const fileType = (dialogName.value === '新建文件') ? 'file' : 'folder'
         const obj = {
           name: fileName.value,
-          // path: path.join(father.value.path, fileName.value),
-          path: father.value.path + pathSeq + fileName.value,
+          path: window.pathAPI.join(father.value.path, fileName.value),
           children: [],
           curChild: -1,
           content: '',
@@ -321,14 +288,14 @@ export default {
         fileName.value = namifyMarkdownFile(fileName.value)
       }
       if (!nameValidTest(fileName.value)) {
-        bus.emit('showMyAlert', { message: '请输入合法的文件名或文件夹名' })
+        bus.emit('showAlertWith', { message: '请输入合法的文件名或文件夹名' })
         fileName.value = ''
       } else {
         const newPath = window.pathAPI.join(oldPath, '..', fileName.value)
 
         // 判断路径存在
         if (window.pathAPI.existSync(newPath)) {
-          bus.emit('showMyAlert', { message: '输入的名称已存在' })
+          bus.emit('showAlertWith', { message: '输入的名称已存在' })
           fileName.value = ''
         } else {
           window.electronAPI.renameFileOrFolder(newPath, oldPath)
@@ -344,87 +311,56 @@ export default {
 
     // 名称分发
     function handle () {
-      if (mode === 0) {
-        handleNew()
-      } else if (mode === 1) {
-        renameFile()
-      } else if (mode === 2) {
-        handleNewTag()
+      switch (dialogType) {
+        case availableDialogType.newFileOrFolder:
+          handleNew()
+          break
+        case availableDialogType.renameFileOrFolder:
+          renameFile()
+          break
+        case availableDialogType.newTag:
+          handleNewTag()
+          break
+        default:
+          console.error('Unknown alert type')
       }
     }
 
     // 复制相对路径
-    bus.on('CopyPartPath', (obj) => {
-      let i = 0
-      for (; i < obj.absolutePath.length; i++) {
-        if (obj.absolutePath[i] === data.value[0].name) {
-          break
-        }
-      }
-      let s = data.value[0].name
-      i++
-      for (; i < obj.absolutePath.length; i++) {
-        s = s + pathSeq + obj.absolutePath[i]
-      }
-      navigator.clipboard.writeText(s)
+    bus.on('setClipboardRelativePath', ({ path }) => {
+      const relativePath = window.pathAPI.relative(data.value[0].path, path)
+      navigator.clipboard.writeText(relativePath)
     })
 
-    bus.on('showMyAlert', (obj) => {
+    bus.on('showAlertWith', (obj) => {
       message.value = obj.message
-      myAlert.value = true
+      showAlert.value = true
     })
 
     /*
-    与拖拽相关的函数
+      move file/folder by drag
      */
-    bus.on('getSource', (obj) => {
-      source.value = obj
+    let dragBeginPath = ''
+    let dragEndPath = ''
+    bus.on('setDragBeginPath', ({ path }) => {
+      dragBeginPath = path
     })
 
-    bus.on('getDst', (obj) => {
-      dst.value = obj
+    bus.on('setDragEndPath', ({ type, path }) => {
+      if (type === 'file') {
+        dragEndPath = window.pathAPI.dirname(path)
+      } else {
+        dragEndPath = path
+      }
     })
 
-    bus.on('toDst', () => {
-      const info = '确定将' + source.value.name + '移动到' + dst.value.name + '？'
-      alert(info)
-      if (dst.value.path === source.value.path) {
+    bus.on('moveByDrag', () => {
+      if (window.pathAPI.dirname(dragBeginPath) === dragEndPath) {
         return
       }
-      if (dst.value.type === 'folder') {
-        const father = findFather(source.value, data.value[0]).res
-        // 会有一套完整的安全管理流程，例如控制改变之后同目录下的文件不应该重名
-        if (father.path !== dst.value.path) {
-          removeFrom(source.value, father.children)
-          buildNewFileFromOld(dst.value, source.value)
-          dst.value.children.push(source.value)
-        }
-      }
+      window.electronAPI.moveFileOrFolder(dragBeginPath, dragEndPath)
     })
 
-    function buildNewFileFromOld (father, curObj) {
-      if (curObj.type === 'file') {
-        window.electronAPI.newFileFromSidebar(father.path, curObj.name)
-      } else {
-        window.electronAPI.newFolderFromSidebar(father.path, curObj.name)
-      }
-      const paths = []
-      for (let i = 0; i < father.absolutePath.length; i++) {
-        paths.push(father.absolutePath[i])
-      }
-      paths.push(curObj.name)
-      curObj.absolutePath = paths
-      // curObj.path = path.join(father.path, curObj.name)
-      curObj.path = father.path + pathSeq + curObj.name
-      if (curObj.type === 'file') {
-        window.electronAPI.saveFile(curObj.path, curObj.content)
-      } else if (curObj.type === 'folder') {
-        for (let i = 0; i < curObj.children.length; i++) {
-          buildNewFileFromOld(curObj, curObj.children[i])
-        }
-      }
-    }
-
     return {
       data,
       windowHeight,
@@ -432,7 +368,7 @@ export default {
       showDialog,
       dialogName,
       fileName,
-      myAlert,
+      showAlert,
       message,
       handle
     }
diff --git a/src/renderer/commands/index.js b/src/renderer/commands/index.js
index 0e12c2b8..94b5b811 100644
--- a/src/renderer/commands/index.js
+++ b/src/renderer/commands/index.js
@@ -148,7 +148,7 @@ const commands = [
       if (mode === 0 || mode === 1) {
         bus.emit('exportHTML')
       } else {
-        bus.emit('showMyAlert', { message: '当前不在文本模式或源码模式，不能导出HTML' })
+        bus.emit('showAlertWith', { message: '当前不在文本模式或源码模式，不能导出HTML' })
       }
     }
   },
@@ -159,7 +159,7 @@ const commands = [
       if (mode === 0 || mode === 1) {
         bus.emit('exportPDF')
       } else {
-        bus.emit('showMyAlert', { message: '当前不在文本模式或源码模式，不能导出PDF' })
+        bus.emit('showAlertWith', { message: '当前不在文本模式或源码模式，不能导出PDF' })
       }
     }
   },
@@ -173,7 +173,7 @@ const commands = [
       } else if (mode === 3) {
         bus.emit('exportGraphPNG')
       } else {
-        bus.emit('showMyAlert', { message: '当前不在树视图或图视图，不能导出PNG' })
+        bus.emit('showAlertWith', { message: '当前不在树视图或图视图，不能导出PNG' })
       }
     }
   },
diff --git a/src/renderer/components/sideBar/FileNavItem.vue b/src/renderer/components/sideBar/FileNavItem.vue
index b74ca2af..dff2ce0b 100644
--- a/src/renderer/components/sideBar/FileNavItem.vue
+++ b/src/renderer/components/sideBar/FileNavItem.vue
@@ -6,7 +6,7 @@
       @dragover.stop="dragover($event)"
       @dragstart.stop="dragstart()"
       @dragend.stop="dragend($event)"
-      draggable="false"
+      draggable="true"
       class="my-1 w-full items-center content-center flex flex-wrap"
   >
     <div
@@ -80,8 +80,8 @@
         <v-contextmenu-item class="hover:bg-gray-200 text-gray-700" @click="handleCopyFileOrFolder">复制</v-contextmenu-item>
         <v-contextmenu-item class="hover:bg-gray-200 text-gray-700" @click="handleDelete" v-if="item.path !== topItem.path">删除</v-contextmenu-item>
         <v-contextmenu-item class="hover:bg-gray-200 text-gray-700" @click="handleRename" v-if="item.path !== topItem.path">重命名</v-contextmenu-item>
-        <v-contextmenu-item class="hover:bg-gray-200 text-gray-700" v-if="item.type ==='file'" @click="handleCopyAbsolutePath">复制路径</v-contextmenu-item>
-<!--        <v-contextmenu-item class="hover:bg-gray-200 text-gray-700" v-if="item.type==='file'" @click="handleCopyPartPath">复制相对路径</v-contextmenu-item>-->
+        <v-contextmenu-item class="hover:bg-gray-200 text-gray-700" v-if="item.type === 'file'" @click="handleCopyAbsolutePath">复制路径</v-contextmenu-item>
+        <v-contextmenu-item class="hover:bg-gray-200 text-gray-700" v-if="item.type === 'file'" @click="handleCopyPartPath">复制相对路径</v-contextmenu-item>
       </v-contextmenu>
     </div>
     <ul v-if="(hasChildren && expanded)">
@@ -202,7 +202,7 @@ export default {
 
     function dragstart () {
       // 源对象
-      bus.emit('getSource', props.item)
+      bus.emit('setDragBeginPath', props.item)
     }
 
     function dragenter (e) {
@@ -212,12 +212,12 @@ export default {
 
     function dragover (e) {
       e.preventDefault()
-      bus.emit('getDst', props.item)
+      bus.emit('setDragEndPath', props.item)
     }
 
     function dragend (e) {
       e.preventDefault()
-      bus.emit('toDst')
+      bus.emit('moveByDrag')
     }
 
     function handleRightClick (e) {
@@ -238,7 +238,7 @@ export default {
     }
 
     function handleCopyPartPath () {
-      bus.emit('CopyPartPath', props.item)
+      bus.emit('setClipboardRelativePath', props.item)
     }
 
     function handleCopyFileOrFolder () {
diff --git a/src/renderer/components/sideBar/ForestBar.vue b/src/renderer/components/sideBar/ForestBar.vue
index 81a7cba0..7635894e 100644
--- a/src/renderer/components/sideBar/ForestBar.vue
+++ b/src/renderer/components/sideBar/ForestBar.vue
@@ -93,7 +93,7 @@ export default {
       dataOption.value = option
       if (option === 1) {
         if (props.data.length === 0) {
-          bus.emit('showMyAlert', { message: '请先打开文件夹' })
+          bus.emit('showAlertWith', { message: '请先打开文件夹' })
         } else {
           files.value.length = 0
           files.value = getDataByArray(props.data)
diff --git a/src/renderer/components/sideBar/GraphBar.vue b/src/renderer/components/sideBar/GraphBar.vue
index ccd4f54f..3c722c80 100644
--- a/src/renderer/components/sideBar/GraphBar.vue
+++ b/src/renderer/components/sideBar/GraphBar.vue
@@ -115,7 +115,7 @@ export default {
     const showOpt = ref(true)
 
     function handleProcess () {
-      bus.emit('showMyAlert', { message: '敬请期待！' })
+      bus.emit('showAlertWith', { message: '敬请期待！' })
     }
 
     function quitGraph () {
diff --git a/src/renderer/components/sideBar/SideBar.vue b/src/renderer/components/sideBar/SideBar.vue
index 2f30f8bd..3496d71a 100644
--- a/src/renderer/components/sideBar/SideBar.vue
+++ b/src/renderer/components/sideBar/SideBar.vue
@@ -317,7 +317,7 @@ export default {
 
     function getSearch () {
       if (props.data.length === 0) {
-        bus.emit('showMyAlert', { message: '必须要打开文件夹才能使用全局搜索' })
+        bus.emit('showAlertWith', { message: '必须要打开文件夹才能使用全局搜索' })
       } else {
         isFile.value = 1
       }
@@ -325,7 +325,7 @@ export default {
 
     function getGraph () {
       if (props.data.length === 0) {
-        bus.emit('showMyAlert', { message: '必须要打开文件夹才能体验榕图模式' })
+        bus.emit('showAlertWith', { message: '必须要打开文件夹才能体验榕图模式' })
       } else {
         isFile.value = 6
         bus.emit('changeToGraph')
@@ -334,7 +334,7 @@ export default {
 
     function getForest () {
       if (props.data.length === 0) {
-        bus.emit('showMyAlert', { message: '必须要打开文件夹才能体验榕林模式' })
+        bus.emit('showAlertWith', { message: '必须要打开文件夹才能体验榕林模式' })
       } else {
         isFile.value = 5
         bus.emit('changeToForest')
diff --git a/src/renderer/components/textArea/TextArea.vue b/src/renderer/components/textArea/TextArea.vue
index ac421a79..c144f48b 100644
--- a/src/renderer/components/textArea/TextArea.vue
+++ b/src/renderer/components/textArea/TextArea.vue
@@ -79,7 +79,7 @@ export default {
         // 图视图
         bus.emit('exportGraphPNG')
       } else {
-        bus.emit('showMyAlert', { message: '当前不在树视图或图试图，不能导出PNG' })
+        bus.emit('showAlertWith', { message: '当前不在树视图或图试图，不能导出PNG' })
       }
     })