add context menu to kanban (#7176)

* add context menu to kanban * optimize code * fix: download error, rename error, ... * feat: optimize code * feat: support download folder * feat: optimize delete file callback * feat: op permission * feat: rename op * fix: url // --------- Co-authored-by: zhouwenxuan <aries@Mac.local> Co-authored-by: 杨国璇 <ygx@Hello-word.local>
2025-09-09 10:50:24 +00:00 · 2024-12-16 17:25:23 +08:00
parent 757a334112
commit 34cf5beb0d
16 changed files with 679 additions and 276 deletions
--- a/frontend/src/metadata/utils/file.js
+++ b/frontend/src/metadata/utils/file.js
@@ -0,0 +1,133 @@
+import { getFileNameFromRecord, getParentDirFromRecord } from './cell';
+import { checkIsDir } from './row';
+import { Utils } from '../../utils/utils';
+import { siteRoot } from '../../utils/constants';
+import URLDecorator from '../../utils/url-decorator';
+
+const FILE_TYPE = {
+  FOLDER: 'folder',
+  MARKDOWN: 'markdown',
+  SDOC: 'sdoc',
+  IMAGE: 'image',
+};
+
+const _getFileType = (fileName, isDir) => {
+  if (isDir) return FILE_TYPE.FOLDER;
+  if (!fileName) return '';
+  const index = fileName.lastIndexOf('.');
+  if (index === -1) return '';
+  const suffix = fileName.slice(index).toLowerCase();
+  if (suffix.indexOf(' ') > -1) return '';
+  if (Utils.imageCheck(fileName)) return FILE_TYPE.IMAGE;
+  if (Utils.isMarkdownFile(fileName)) return FILE_TYPE.MARKDOWN;
+  if (Utils.isSdocFile(fileName)) return FILE_TYPE.SDOC;
+  return '';
+};
+
+const _getParentDir = (record) => {
+  const parentDir = getParentDirFromRecord(record);
+  if (parentDir === '/') {
+    return '';
+  }
+  return parentDir;
+};
+
+const _generateUrl = (repoID, fileName, parentDir) => {
+  const path = Utils.encodePath(Utils.joinPath(parentDir, fileName));
+  return `${siteRoot}lib/${repoID}/file${path}`;
+};
+
+const _openUrl = (url) => {
+  const isWeChat = Utils.isWeChat();
+  if (isWeChat) {
+    location.href = url;
+    return;
+  }
+  window.open(url);
+};
+
+const _openMarkdown = (repoID, fileName, parentDir) => {
+  const url = _generateUrl(repoID, fileName, parentDir);
+  _openUrl(url);
+};
+
+const _openByNewWindow = (repoID, fileName, parentDir, fileType) => {
+  if (!fileType) {
+    const url = _generateUrl(repoID, fileName, parentDir);
+    _openUrl(url);
+    return;
+  }
+  let pathname = window.location.pathname;
+  if (pathname.endsWith('/')) {
+    pathname = pathname.slice(0, -1);
+  }
+  _openUrl(window.location.origin + pathname + Utils.encodePath(Utils.joinPath(parentDir, fileName)));
+};
+
+const _openSdoc = (repoID, fileName, parentDir) => {
+  const url = _generateUrl(repoID, fileName, parentDir);
+  _openUrl(url);
+};
+
+const _openOthers = (repoID, fileName, parentDir, fileType) => {
+  _openByNewWindow(repoID, fileName, parentDir, fileType);
+};
+
+export const openFile = (repoID, record, _openImage = () => {}) => {
+  if (!record) return;
+  const fileName = getFileNameFromRecord(record);
+  const isDir = checkIsDir(record);
+  const parentDir = _getParentDir(record);
+  const fileType = _getFileType(fileName, isDir);
+
+  switch (fileType) {
+    case FILE_TYPE.MARKDOWN: {
+      _openMarkdown(repoID, fileName, parentDir);
+      break;
+    }
+    case FILE_TYPE.SDOC: {
+      _openSdoc(repoID, fileName, parentDir);
+      break;
+    }
+    case FILE_TYPE.IMAGE: {
+      _openImage(record);
+      break;
+    }
+    default: {
+      _openOthers(repoID, fileName, parentDir, fileType);
+      break;
+    }
+  }
+};
+
+export const openInNewTab = (repoID, record) => {
+  if (!record) return;
+  const isDir = checkIsDir(record);
+  const parentDir = getParentDirFromRecord(record);
+  const fileName = getFileNameFromRecord(record);
+  const url = isDir
+    ? window.location.origin + window.location.pathname + Utils.encodePath(Utils.joinPath(parentDir, fileName))
+    : `${siteRoot}lib/${repoID}/file${Utils.encodePath(Utils.joinPath(parentDir, fileName))}`;
+
+  window.open(url, '_blank');
+};
+
+export const openParentFolder = (record) => {
+  if (!record) return;
+  let parentDir = getParentDirFromRecord(record);
+  if (window.location.pathname.endsWith('/')) {
+    parentDir = parentDir.slice(1);
+  }
+  const url = window.location.origin + window.location.pathname + Utils.encodePath(parentDir);
+  window.open(url, '_blank');
+};
+
+export const downloadFile = (repoID, record) => {
+  if (!repoID || !record) return;
+  if (checkIsDir(record)) return;
+  const parentDir = _getParentDir(record);
+  const name = getFileNameFromRecord(record);
+  const direntPath = Utils.joinPath(parentDir, name);
+  const url = URLDecorator.getUrl({ type: 'download_file_url', repoID: repoID, filePath: direntPath });
+  location.href = url;
+};