seeder-resources-view 1.0.13 → 1.2.0

package/dist/index.js

@@ -17320,7 +17320,7 @@ const MediaGridItem = /*#__PURE__*/react.memo(_ref => {
     trigger: ['contextMenu'],
     disabled: !onContextMenu,
     children: /*#__PURE__*/jsxRuntime.jsxs(antd.List.Item, {
-      className: "".concat(showCheckbox ? 'media-grid-item' : ''),
+      className: "media-grid-item ".concat(showCheckbox ? 'media-grid-item--selectable' : ''),
       title: item.name,
       onClick: handleItemClick,
       children: [showCheckbox && /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -17767,41 +17767,59 @@ const TreeTitleNode = _ref2 => {
 var TreeTitle$1 = /*#__PURE__*/react.memo(TreeTitle);
 
 const buildDirectoryTree = function (data) {
-  let basePath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
-  let parentRoute = arguments.length > 2 ? arguments[2] : undefined;
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    withRoot = true
+  } = options; // 默认包含 root 节点
+
   if (!Array.isArray(data)) return [];
-  return data.reduce((acc, item, index) => {
-    var _item$sd_index;
-    // 跳过文件类型，只处理目录
-    if (item.type === 'file') return acc;
-    const title = parentRoute ? item.name : (_item$sd_index = item.sd_index) !== null && _item$sd_index !== void 0 ? _item$sd_index : item.name;
-    const key = "".concat(basePath, "-").concat(index);
-    const currentPath = parentRoute ? "".concat(parentRoute, "/").concat(title) : item.path;
-    const treeNode = {
-      title,
-      // 文件/文件夹名称
-      key,
-      icon: _ref => {
-        let {
-          expanded
-        } = _ref;
-        return expanded ? /*#__PURE__*/jsxRuntime.jsx(icons.FolderOpenOutlined, {}) : /*#__PURE__*/jsxRuntime.jsx(icons.FolderOutlined, {});
-      },
-      children: [],
-      isLeaf: false,
-      isRoot: Boolean(item.sd_index),
-      path: currentPath,
-      contents: (item.contents || []).filter(content => content.type === 'file'),
-      rawData: item // 保留原始数据
-    };
 
-    // 递归处理子目录
-    if (Array.isArray(item.contents) && item.contents.length > 0) {
-      treeNode.children = buildDirectoryTree(item.contents.filter(content => content.type !== 'file'), key, currentPath);
-    }
-    acc.push(treeNode);
-    return acc;
-  }, []);
+  // 如果需要 root 节点，包装一层
+  const processedData = withRoot ? [{
+    name: 'root',
+    type: 'directory',
+    contents: data
+  }] : data;
+
+  // 递归构建树
+  const build = function (nodes) {
+    let basePath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
+    let parentRoute = arguments.length > 2 ? arguments[2] : undefined;
+    return nodes.reduce((acc, item, index) => {
+      var _item$sd_index, _item$path;
+      // 跳过文件类型，只处理目录
+      if (item.type === 'file') return acc;
+      const title = parentRoute ? item.name : (_item$sd_index = item.sd_index) !== null && _item$sd_index !== void 0 ? _item$sd_index : item.name;
+      const key = "".concat(basePath, "-").concat(index);
+      const currentPath = parentRoute ? "".concat(parentRoute, "/").concat(title) : (_item$path = item.path) !== null && _item$path !== void 0 ? _item$path : item.name;
+      const treeNode = {
+        title,
+        // 文件/文件夹名称
+        key,
+        icon: _ref => {
+          let {
+            expanded
+          } = _ref;
+          return expanded ? /*#__PURE__*/jsxRuntime.jsx(icons.FolderOpenOutlined, {}) : /*#__PURE__*/jsxRuntime.jsx(icons.FolderOutlined, {});
+        },
+        children: [],
+        isLeaf: false,
+        // isRoot: Boolean(item.sd_index),
+        isRoot: !parentRoute,
+        path: currentPath,
+        contents: (item.contents || []).filter(content => content.type === 'file'),
+        rawData: item // 保留原始数据
+      };
+
+      // 递归处理子目录
+      if (Array.isArray(item.contents) && item.contents.length > 0) {
+        treeNode.children = build(item.contents.filter(content => content.type !== 'file'), key, currentPath);
+      }
+      acc.push(treeNode);
+      return acc;
+    }, []);
+  };
+  return build(processedData);
 };
 
 /**
@@ -17854,6 +17872,8 @@ const useDirectoryTree = _ref => {
     createFolder,
     removeFolderFile,
     renameFolderFile,
+    batchOperations = true,
+    withRootNode = true,
     height = 828,
     theme = {
       components: {
@@ -17884,13 +17904,14 @@ const useDirectoryTree = _ref => {
 
   // 路径处理工具
   const pathUtils = {
+    replaceRoot: path => path.replace(/^root\//, ''),
     getNewPath: (node, newTitle) => {
       const arr = node.path.split('/');
       arr[arr.length - 1] = newTitle;
       return arr.join('/');
     },
     isSamePath: (path1, path2) => {
-      return path1 === path2;
+      return pathUtils.replaceRoot(path1) === pathUtils.replaceRoot(path2);
     }
   };
 
@@ -17914,7 +17935,9 @@ const useDirectoryTree = _ref => {
       setOriginTreeData(data.directoryTree);
 
       // 递归生成treenodes
-      const treeNodes = buildDirectoryTree(data.directoryTree);
+      const treeNodes = buildDirectoryTree(data.directoryTree, {
+        withRoot: withRootNode
+      });
       if (!treeNodes.length) {
         return null;
       }
@@ -17932,7 +17955,7 @@ const useDirectoryTree = _ref => {
     } catch (error) {
       handleError(error, 'GET FOLDER DATA');
     }
-  }, []);
+  }, [withRootNode]);
 
   // 初始化数据
   react.useEffect(() => {
@@ -17944,7 +17967,7 @@ const useDirectoryTree = _ref => {
     if (!(newTitle !== null && newTitle !== void 0 && newTitle.trim())) return false;
     try {
       var _parentNode$;
-      const path = "".concat(node.path, "/").concat(newTitle);
+      const path = pathUtils.replaceRoot("".concat(node.path, "/").concat(newTitle));
       await createFolder({
         path
       });
@@ -17971,10 +17994,12 @@ const useDirectoryTree = _ref => {
   const handleRemove = react.useCallback(async node => {
     if (!node.path) return;
     try {
-      await removeFolderFile({
+      batchOperations ? await removeFolderFile({
         paths: [{
-          path: node.path
+          path: pathUtils.replaceRoot(node.path)
         }]
+      }) : await removeFolderFile({
+        path: pathUtils.replaceRoot(node.path)
       });
       // 如果删除的是当前选中节点，则重新初始化
       const shouldReinitialize = treeState.selectedKeys[0] === node.key;
@@ -17990,8 +18015,8 @@ const useDirectoryTree = _ref => {
     if (pathUtils.isSamePath(node.path, newPath)) return false;
     try {
       await renameFolderFile({
-        old_path: node.path,
-        new_path: newPath
+        old_path: pathUtils.replaceRoot(node.path),
+        new_path: pathUtils.replaceRoot(newPath)
       });
       await fetchFolderData();
     } catch (error) {
@@ -18135,6 +18160,7 @@ const ResourcesView = _ref => {
     style = {},
     renderTreeHeader,
     renderGridHeader,
+    withRootNode = true,
     acceptFileTypes = "video/*,.mxf,application/mxf,video/mxf",
     uploadTimeout = 60 * 60 * 1000,
     searchPlaceholder = "Search ..."
@@ -18169,7 +18195,9 @@ const ResourcesView = _ref => {
     getFolderData: mergedApiConfig.getFolderData,
     createFolder: mergedApiConfig.createFolder,
     removeFolderFile: mergedApiConfig.removeFolderFile,
-    renameFolderFile: mergedApiConfig.renameFolderFile
+    renameFolderFile: mergedApiConfig.renameFolderFile,
+    batchOperations: mergedFeatures.batchOperations,
+    withRootNode
   });
   const [showProgress, setShowProgress] = react.useState(false);
   const [percent, setPercent] = react.useState(0);