seeder-resources-view 1.4.0 → 1.4.1

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { memo, useMemo, useCallback, useState, useEffect, useRef, forwardRef, useContext, createContext } from 'react';
-import { Spin, List, Dropdown, Checkbox, Image, Typography, Form, Modal, Button, Cascader, Progress, Popover, Input, Flex, Popconfirm, Empty, ConfigProvider, Tree, App, Space } from 'antd';
-import { FolderOpenOutlined, FolderOutlined, ExclamationCircleFilled, SearchOutlined, CloudUploadOutlined } from '@ant-design/icons';
+import { Spin, List, Dropdown, Checkbox, Image, Typography, Form, Modal, Button, Cascader, Progress, App, Flex, Input, Space, Popover, Popconfirm, Empty, ConfigProvider, Tree } from 'antd';
+import { ExclamationCircleFilled, SearchOutlined, CloudUploadOutlined, FolderOpenOutlined, FolderOutlined } from '@ant-design/icons';
 import axios from 'axios';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
@@ -17555,1267 +17555,1325 @@ const UploadProgress = _ref => {
 };
 var UploadProgress$1 = /*#__PURE__*/memo(UploadProgress);
 
-const PopoverContent = /*#__PURE__*/forwardRef((_ref, ref) => {
+const createUrlBuilder = function () {
+  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  const {
+    baseUrl = '',
+    isDev = false,
+    devBaseUrl = '',
+    isBrowser = false
+  } = config;
+  return path => {
+    if (!path) return '';
+
+    // 如果传入的是完整 URL，直接返回
+    if (/^https?:\/\//.test(path)) {
+      return path;
+    }
+
+    // 去除 path 开头可能的多余斜杠
+    const cleanPath = path.replace(/^\/+/, '');
+
+    // 开发环境使用 devBaseUrl，否则使用 baseUrl
+    const host = isDev ? devBaseUrl : baseUrl;
+
+    // 如果没有配置 baseUrl，则根据环境返回相对路径或完整路径
+    if (!host) {
+      return isBrowser ? "/".concat(cleanPath) : cleanPath;
+    }
+    return host ? "".concat(host, "/").concat(cleanPath) : "/".concat(cleanPath);
+  };
+};
+
+const pathUtils = {
+  replaceRoot: path => path.replace(/^root$|^root\//, '')
+};
+const ResourcesView = _ref => {
   let {
-    onClose,
-    onConfirm
+    apiConfig = {},
+    features = {},
+    className = '',
+    style = {},
+    renderTreeHeader,
+    renderGridHeader,
+    withRootNode = true,
+    acceptFileTypes = "video/*,.mxf,application/mxf,video/mxf",
+    uploadTimeout = 60 * 60 * 1000,
+    searchPlaceholder = "Search ...",
+    refreshSignal = 0,
+    // 新增：外部刷新信号，数值变化时触发刷新
+    treeMode = 'mode1' // 新增：控制使用哪种模式的hook
   } = _ref;
-  const [value, setValue] = useState('');
-  const handleConfirm = useCallback(() => {
-    onConfirm(value, () => setValue(''));
-  }, [confirm, value]);
-  const handleKeyDown = useCallback(e => {
-    if (e.key === 'Enter') {
-      handleConfirm();
+  const {
+    message,
+    modal
+  } = App.useApp();
+
+  // 合并默认配置和传入配置
+  const mergedApiConfig = useMemo(() => _objectSpread2({
+    upload: '/api/dvr/media/source/upload',
+    download: '/download'
+  }, apiConfig), [apiConfig]);
+  const mergedFeatures = useMemo(() => _objectSpread2({
+    upload: true,
+    download: true,
+    copy: true,
+    delete: true,
+    search: true,
+    batchOperations: true
+  }, features), [features]);
+
+  // 根据treeMode选择不同的hook
+  const useTreeHook = useMemo(() => {
+    if (treeMode === 'mode2') {
+      // 录像机资源管理页面
+      return require('./hooks/useDirectoryTree2').useDirectoryTree;
     }
-  }, [handleConfirm]);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Form.Item, {
-      label: "Folder Name",
-      style: {
-        marginBottom: 8
-      },
-      children: /*#__PURE__*/jsx(Input, {
-        ref: ref,
-        value: value,
-        onChange: e => setValue(e.target.value),
-        onKeyDown: handleKeyDown,
-        size: "small",
-        style: {
-          width: 120
-        },
-        autoFocus: true
-      })
-    }), /*#__PURE__*/jsxs(Flex, {
-      justify: "flex-end",
-      gap: "small",
-      children: [/*#__PURE__*/jsx(Button, {
-        type: "default",
-        size: "small",
-        onClick: onClose,
-        children: "Close"
-      }), /*#__PURE__*/jsx(Button, {
-        type: "primary",
-        size: "small",
-        onClick: handleConfirm,
-        children: "OK"
-      })]
-    })]
+    return require('./hooks/useDirectoryTree').useDirectoryTree;
+  }, [treeMode]);
+  const {
+    directoryTree,
+    contents,
+    currentPath,
+    loading,
+    originTreeData,
+    updateFileContents,
+    removeFile,
+    refreshTreeData
+  } = useTreeHook({
+    getFolderData: mergedApiConfig.getFolderData,
+    createFolder: mergedApiConfig.createFolder,
+    removeFolderFile: mergedApiConfig.removeFolderFile,
+    renameFolderFile: mergedApiConfig.renameFolderFile,
+    batchOperations: mergedFeatures.batchOperations,
+    withRootNode
   });
-});
-const EditablePopover = _ref2 => {
-  let {
-    children,
-    add
-  } = _ref2;
-  const inputRef = useRef(null);
-  const [open, setOpen] = useState(false);
+
+  // 监听外部刷新信号变化
   useEffect(() => {
-    if (open && inputRef.current) {
-      const timer = setTimeout(() => {
-        var _inputRef$current;
-        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-      }, 100);
-      return () => clearTimeout(timer);
+    if (refreshTreeData && refreshSignal > 0) {
+      refreshTreeData();
     }
-  }, [open]);
+  }, [refreshSignal, refreshTreeData]);
+  const [showProgress, setShowProgress] = useState(false);
+  const [percent, setPercent] = useState(0);
+  const inputRef = useRef(null);
+  const uploadController = useRef(new AbortController());
+  const [modalVisible, setModalVisible] = useState(false);
+  // 处理批量操作
+  const [selectedItems, setSelectedItems] = useState([]);
+  const [indeterminate, setIndeterminate] = useState(false);
+  const [checkAll, setCheckAll] = useState(false);
+  const [batchLoading, setBatchLoading] = useState(false);
+  const [keyword, setKeyword] = useState('');
+  const [debouncedKeyword, setDebouncedKeyword] = useState('');
 
-  // 使用 open 属性控制浮层显示
-  const hide = useCallback(() => {
-    setOpen(false);
-  }, []);
-  const handleConfirm = useCallback((newTitle, callback) => {
-    add(newTitle);
-    callback === null || callback === void 0 || callback();
-    hide();
-  }, [add, hide]);
-  const handleOpenChange = useCallback(newOpen => {
-    setOpen(newOpen);
+  // 创建防抖函数（延迟 300ms）
+  const debouncedSearch = useMemo(() => lodashExports.debounce(searchValue => {
+    setDebouncedKeyword(searchValue);
+  }, 300), []);
+
+  // 监听 keyword 变化并触发防抖
+  useEffect(() => {
+    debouncedSearch(keyword);
+    return () => debouncedSearch.cancel(); // 组件卸载时取消防抖
+  }, [keyword, debouncedSearch]);
+
+  // 过滤内容
+  const filteredContents = useMemo(() => {
+    if (!debouncedKeyword) return contents;
+    return contents.filter(item => item.name.toLowerCase().includes(debouncedKeyword.toLowerCase()));
+  }, [contents, debouncedKeyword]);
+
+  // 在组件卸载时取消上传
+  useEffect(() => {
+    return () => {
+      var _uploadController$cur;
+      return (_uploadController$cur = uploadController.current) === null || _uploadController$cur === void 0 ? void 0 : _uploadController$cur.abort();
+    };
   }, []);
-  return /*#__PURE__*/jsx(Popover, {
-    content: /*#__PURE__*/jsx(PopoverContent, {
-      ref: inputRef,
-      onClose: hide,
-      onConfirm: handleConfirm
-    }),
-    trigger: "click",
-    open: open,
-    onOpenChange: handleOpenChange,
-    destroyOnHidden: true,
-    children: children
-  });
-};
-var EditablePopover$1 = /*#__PURE__*/memo(EditablePopover);
 
-const EditableContext = /*#__PURE__*/createContext(null);
-const TreeTitle = _ref => {
-  let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  const [form] = Form.useForm();
-  return /*#__PURE__*/jsx(Form, {
-    form: form,
-    component: false,
-    children: /*#__PURE__*/jsx(EditableContext.Provider, {
-      value: form,
-      children: /*#__PURE__*/jsx(TreeTitleNode, _objectSpread2({}, props))
-    })
-  });
-};
-const TreeTitleNode = _ref2 => {
-  let {
-    title,
-    nodeData,
-    handleSave,
-    handleDel,
-    handleAdd,
-    isEditable = true
-  } = _ref2;
-  const [editing, setEditing] = useState(false);
-  const inputRef = useRef(null);
-  const form = useContext(EditableContext);
+  // 重置批量状态的效果
   useEffect(() => {
-    if (editing) {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-    }
-  }, [editing]);
-  const toggleEdit = useCallback(() => {
-    setEditing(prev => !prev);
-    form.setFieldsValue({
-      [nodeData.title]: nodeData.title
-    });
-  }, [form, nodeData.title]);
-  const save = useCallback(async () => {
-    try {
-      const values = await form.validateFields();
-      toggleEdit();
-      handleSave(_objectSpread2(_objectSpread2({}, nodeData), {}, {
-        title: values[nodeData.title]
-      }));
-    } catch (errInfo) {
-      console.error('Save failed:', errInfo);
-    }
-  }, [form, toggleEdit, handleSave, nodeData]);
+    setSelectedItems([]);
+    setIndeterminate(false);
+    setCheckAll(false);
+  }, [currentPath]);
 
-  // 新建文件夹 
-  // 修改文件/文件夹
-  // 删除文件/文件夹
-  const renderIconNode = useCallback(() => {
-    return /*#__PURE__*/jsxs("span", {
-      className: "tree-node-icons",
-      onClick: e => e.stopPropagation(),
-      children: [/*#__PURE__*/jsx(EditablePopover$1, {
-        add: newTitle => handleAdd(nodeData, newTitle),
-        children: /*#__PURE__*/jsx("div", {
-          className: "px-1",
-          title: "Create Folder",
-          children: /*#__PURE__*/jsx("i", {
-            className: "iconfont icon-jia"
-          })
-        })
-      }), !nodeData.isRoot && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("div", {
-          className: "px-1",
-          onClick: toggleEdit,
-          title: "Edit",
-          children: /*#__PURE__*/jsx("i", {
-            className: "iconfont icon-bianji"
-          })
-        }), /*#__PURE__*/jsx(Popconfirm, {
-          title: "Confirm deletion?",
-          onConfirm: () => handleDel(nodeData),
-          okText: "Yes",
-          cancelText: "No",
-          children: /*#__PURE__*/jsx("div", {
-            className: "px-1",
-            title: "Delete",
-            children: /*#__PURE__*/jsx("i", {
-              className: "iconfont icon-jian"
-            })
-          })
-        })]
-      })]
-    });
-  }, [handleAdd, nodeData, title, toggleEdit, handleDel]);
-  const renderChildNode = useCallback(() => {
-    return editing ? /*#__PURE__*/jsx(Form.Item, {
-      style: {
-        margin: 0,
-        width: "100%"
-      },
-      name: nodeData.title,
-      children: /*#__PURE__*/jsx(Input, {
-        ref: inputRef,
-        onPressEnter: save,
-        onBlur: save,
-        autoComplete: "off",
-        size: "small"
-      })
-    }) : /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx(Typography.Text, {
-        ellipsis: true,
-        style: {
-          width: "75%"
-        },
-        children: title
-      }), renderIconNode()]
-    });
-  }, [editing, nodeData.title, save, title, renderIconNode]);
-  return /*#__PURE__*/jsx("div", {
-    className: "tree-title",
-    children: isEditable ? renderChildNode() : /*#__PURE__*/jsx(Typography.Text, {
-      ellipsis: true,
-      style: {
-        width: "100%%"
-      },
-      children: title
-    })
-  });
-};
-var TreeTitle$1 = /*#__PURE__*/memo(TreeTitle);
-
-const buildDirectoryTree = function (data) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  const {
-    withRoot = true
-  } = options; // 默认包含 root 节点
-
-  if (!Array.isArray(data)) return [];
-
-  // 如果需要 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__*/jsx(FolderOpenOutlined, {}) : /*#__PURE__*/jsx(FolderOutlined, {});
-        },
-        children: [],
-        isLeaf: false,
-        // isRoot: Boolean(item.sd_index),
-        isRoot: !parentRoute,
-        path: currentPath,
-        contents: (item.contents || []).filter(content => content.type === 'file'),
-        url: item.url,
-        rawData: item // 保留原始数据
-      };
+  // 上传相关函数
+  const onTriggerUpload = useCallback(() => {
+    var _inputRef$current;
+    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
+  }, []);
+  const onUploadFile = async event => {
+    const files = event.target.files;
+    if (!(files !== null && files !== void 0 && files.length)) return;
 
-      // 递归处理子目录
-      if (Array.isArray(item.contents) && item.contents.length > 0) {
-        treeNode.children = build(item.contents.filter(content => content.type !== 'file'), key, currentPath);
+    // 初始化上传状态
+    setShowProgress(true);
+    setPercent(0);
+    try {
+      await uploadFiles(files, pathUtils.replaceRoot(currentPath));
+      // 延迟2s刷新数据
+      // eslint-disable-next-line no-promise-executor-return
+      await new Promise(resolve => setTimeout(resolve, 2000));
+      await updateFileContents();
+    } catch (error) {
+      if (axios.isCancel(error)) {
+        console.log('Upload canceled');
+      } else if (error.response) {
+        var _error$response$data;
+        console.error("Upload failed: ".concat(((_error$response$data = error.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || error.response.status));
+      } else {
+        console.error("Upload error: ".concat(error.message));
       }
-      acc.push(treeNode);
-      return acc;
-    }, []);
+    } finally {
+      resetUploadState();
+    }
   };
-  return build(processedData);
-};
+  const uploadFiles = async (files, folder) => {
+    // 计算所有文件的总大小
+    const totalSize = calculateTotalSize(files);
+    // 存储每个文件的上一次 loaded 值（避免重复计算）
+    const previousLoadedMap = new Map();
+    let uploadedSize = 0; // 记录已上传的字节数
 
-/**
- * 获取树中所有节点的keys
- * @param {Array} treeData - 树数据
- * @returns {Array} 包含所有节点keys的数组
- */
-const getAllNodeKeys = treeData => {
-  if (!Array.isArray(treeData)) return [];
-  const keys = [];
-  const stack = [...treeData];
-  while (stack.length) {
-    const node = stack.pop();
-    if (node.key !== null) {
-      keys.push(node.key);
-    }
-    if (Array.isArray(node.children)) {
-      stack.push(...node.children);
-    }
-  }
-  return keys;
-};
+    const uploadTasks = Array.from(files).map(file => uploadSingleFile(file, folder, previousLoadedMap, newLoaded => {
+      uploadedSize += newLoaded;
+      updateProgress(uploadedSize, totalSize);
+    }));
+    await Promise.all(uploadTasks);
+  };
 
-/**
- * 通过路径查找树节点
- * @param {Array} treeData - 树数据
- * @param {string} targetPath - 要查找的路径
- * @param {Object} options - 配置选项
- * @param {boolean} options.exactMatch - 是否精确匹配（默认true）
- * @param {boolean} options.returnFirst - 是否返回第一个匹配项（默认false，返回所有匹配项）
- * @returns {Array} 包含匹配节点的数组
- */
-const findTreeNodeByPath = function (treeData, targetPath) {
-  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  const {
-    exactMatch = true,
-    returnFirst = false
-  } = options;
-  if (!Array.isArray(treeData) || typeof targetPath !== 'string' || !targetPath.trim()) {
-    return [];
-  }
-  const result = [];
-  const stack = [...treeData];
-  while (stack.length) {
-    const node = stack.pop();
+  // 计算总文件大小
+  const calculateTotalSize = files => Array.from(files).reduce((sum, file) => sum + file.size, 0);
 
-    // 检查当前节点是否匹配 - 目录有 path 属性
-    if (node.path) {
-      const isMatch = exactMatch ? node.path === targetPath : node.path.includes(targetPath);
-      if (isMatch) {
-        result.push(node);
-        if (returnFirst) {
-          return result; // 找到第一个匹配项就结束
+  // 上传单个文件
+  const uploadSingleFile = (file, folder, previousLoadedMap, onProgress) => {
+    const formData = new FormData();
+    formData.append('file', file);
+    formData.append('folder', folder);
+    return axios.post(mergedApiConfig.upload, formData, {
+      timeout: uploadTimeout,
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      },
+      // signal: uploadController.current.signal,
+      onUploadProgress: progressEvent => {
+        if (progressEvent.lengthComputable) {
+          // 获取当前文件的上一次 loaded 值（默认 0）
+          const previousLoaded = previousLoadedMap.get(file.name) || 0;
+          // 计算新增的字节数（避免重复累加）
+          const newLoaded = progressEvent.loaded - previousLoaded;
+          // 更新当前文件的 loaded 值
+          previousLoadedMap.set(file.name, progressEvent.loaded);
+          onProgress(newLoaded);
         }
       }
-    }
+    });
+  };
+  const updateProgress = (uploadedSize, totalSize) => {
+    const totalPercent = Math.round(uploadedSize / totalSize * 100);
+    setPercent(totalPercent);
+  };
 
-    // 递归处理子节点
-    if (Array.isArray(node.children)) {
-      stack.push(...node.children);
-    }
-  }
-  return result;
-};
+  // 重置上传状态
+  const resetUploadState = () => {
+    setShowProgress(false);
+    setPercent(0);
+    if (inputRef.current) inputRef.current.value = "";
+  };
 
-const useDirectoryTree = _ref => {
-  let {
-    getFolderData,
-    createFolder,
-    removeFolderFile,
-    renameFolderFile,
-    mediaType,
-    isEditable = true,
-    batchOperations = true,
-    withRootNode = true,
-    height = 828,
-    theme = {
-      components: {
-        Tree: {
-          titleHeight: 30
-        }
-      }
-    },
-    treeStyle = {},
-    // Tree 组件样式
-    wrapperStyle = {
-      paddingTop: 16
-    },
-    // 包装器样式
-    expandable = true // 新增：是否允许展开/折叠
-  } = _ref;
-  const [treeState, setTreeState] = useState({
-    data: [],
-    // 树结构数据
-    selectedKeys: [],
-    // 选中节点keys
-    expandedKeys: [],
-    // 展开节点keys
-    currentPath: "",
-    // 当前选中路径
-    contents: [],
-    // 当前选中节点的文件列表
-    loading: false // 加载状态
-  });
-  const [originTreeData, setOriginTreeData] = useState([]);
-  const updateTreeState = partialState => {
-    setTreeState(prev => _objectSpread2(_objectSpread2({}, prev), partialState));
-  };
-
-  // 错误处理
-  const handleError = (error, operation) => {
-    console.error("".concat(operation, " ERROR"), error);
-    // 可以添加通知等统一错误处理
-  };
+  // 文件操作函数
+  const downloadFile = async url => {
+    try {
+      const isDev = process.env.NODE_ENV === 'development';
+      const baseUrl = isDev ? process.env.API_HOST // 开发环境默认值
+      : window.location.origin; // 生产环境用当前域名
 
-  // 路径处理工具
-  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 pathUtils.replaceRoot(path1) === pathUtils.replaceRoot(path2);
-    },
-    getParentPath: path => {
-      if (!path) return '';
-      const parts = path.split('/');
-      parts.pop(); // 移除最后一部分
-      return parts.join('/') || '';
+      const link = document.createElement('a');
+      link.href = "".concat(baseUrl).concat(mergedApiConfig.download, "/").concat(url);
+      // link.download = filename;
+      link.style.display = 'none';
+      document.body.appendChild(link);
+      link.click();
+      document.body.removeChild(link);
+    } catch (error) {
+      console.error("Download failed:", error);
     }
   };
+  const copyFile = () => {
+    setModalVisible(true);
+  };
+  const onContextMenu = (key, item) => {
+    if (key === 'del') removeFile(item.url);
+    if (key === 'download') downloadFile(item.url);
+    if (key === 'copy') copyFile(item.url);
+  };
+  const handleBatchRemove = useCallback(async () => {
+    if (!selectedItems.length) return;
+    modal.confirm({
+      icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
+      title: "Are you sure you want to delete ".concat(selectedItems.length, " files?"),
+      cancelText: "No",
+      okText: "Yes",
+      onOk: async () => {
+        try {
+          // 批量处理所有删除请求
+          await mergedApiConfig.removeFolderFile({
+            paths: selectedItems.map(itemUrl => ({
+              path: itemUrl
+            }))
+          });
 
-  // 获取树结构（目录层级），不包含contents
-  const getTreeStructure = useCallback(async function () {
-    let dirName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-    try {
-      // 构建请求参数
-      const requestParams = {
-        dir_name: dirName
-      };
-      if (mediaType) {
-        requestParams.media_type = mediaType;
-      }
-      const data = await getFolderData(requestParams);
-      if (!(data !== null && data !== void 0 && data.directoryTree)) {
-        return null;
+          // 更新状态
+          setSelectedItems([]);
+          setIndeterminate(false);
+          setCheckAll(false);
+          await updateFileContents(); // 刷新文件列表
+        } catch (error) {
+          console.error('Batch deletion error:', error);
+        }
       }
+    });
+  }, [selectedItems, mergedApiConfig, updateFileContents]);
+  const handleBatchDownload = useCallback(async () => {
+    if (!selectedItems.length) return;
+    setBatchLoading(true);
+    try {
+      // 逐个下载文件
+      for (let i = 0; i < selectedItems.length; i++) {
+        const url = selectedItems[i];
+        downloadFile(url);
 
-      // 只在初始化时保存原始数据
-      if (dirName === '') {
-        setOriginTreeData(data.directoryTree);
+        // 添加延迟避免浏览器并发限制（建议 500-1000ms）
+        if (i < selectedItems.length - 1) {
+          // eslint-disable-next-line no-promise-executor-return
+          await new Promise(resolve => setTimeout(resolve, 500));
+        }
       }
-      return buildDirectoryTree(data.directoryTree, {
-        withRoot: withRootNode
-      });
     } catch (error) {
-      handleError(error, 'GET TREE STRUCTURE');
-      return null;
+      console.error('Batch download error:', error);
+    } finally {
+      setBatchLoading(false);
     }
-  }, [mediaType, withRootNode]);
-
-  // 获取指定路径的contents
-  const getFolderContents = useCallback(async dirName => {
+  }, [selectedItems, downloadFile]);
+  const handleCopyConfirm = useCallback(async newPath => {
+    setBatchLoading(true);
     try {
-      var _matchingNodes$;
-      // 构建请求参数
-      const requestParams = {
-        dir_name: dirName
-      };
-      const data = await getFolderData(requestParams);
-      if (!(data !== null && data !== void 0 && data.directoryTree)) {
-        return null;
-      }
-      const treeNodes = buildDirectoryTree(data.directoryTree, {
-        withRoot: withRootNode
-      });
-      const matchingNodes = findTreeNodeByPath(treeNodes, dirName, {
-        exactMatch: true,
-        returnFirst: true
+      // 批量处理所有拷贝请求
+      await mergedApiConfig.copyFile({
+        old_paths: selectedItems.map(itemUrl => ({
+          old_path: itemUrl
+        })),
+        new_path: newPath
       });
-      return ((_matchingNodes$ = matchingNodes[0]) === null || _matchingNodes$ === void 0 ? void 0 : _matchingNodes$.contents) || [];
+
+      // 更新状态
+      setSelectedItems([]);
+      setIndeterminate(false);
+      setCheckAll(false);
+      message.success('Success');
+      setModalVisible(false);
+
+      // 延迟2s刷新数据
+      // eslint-disable-next-line no-promise-executor-return
+      await new Promise(resolve => setTimeout(resolve, 2000));
+      await updateFileContents();
     } catch (error) {
-      handleError(error, 'GET FOLDER CONTENTS');
-      return [];
+      console.error("Batch copy error:", error);
+    } finally {
+      setBatchLoading(false);
     }
-  }, [mediaType, withRootNode]);
+  }, [selectedItems, mergedApiConfig, updateFileContents]);
 
-  // 初始化树结构
-  const initTreeData = useCallback(async () => {
-    try {
-      updateTreeState({
-        loading: true
-      });
-      const treeNodes = await getTreeStructure('');
-      if (!(treeNodes !== null && treeNodes !== void 0 && treeNodes.length)) {
-        updateTreeState({
-          data: [],
-          selectedKeys: [],
-          currentPath: '',
-          contents: [],
-          loading: false
-        });
-        return;
-      }
+  // 处理单个项目的选择变化
+  const handleSelectChange = (item, checked) => {
+    const newSelectedItems = checked ? [...selectedItems, item.url] : selectedItems.filter(url => url !== item.url);
+    setSelectedItems(newSelectedItems);
+    setIndeterminate(!!newSelectedItems.length && newSelectedItems.length !== filteredContents.length);
+    setCheckAll(newSelectedItems.length === filteredContents.length);
+  };
 
-      // 确定初始选中的节点
-      let selectedNode = treeNodes[0];
+  // 处理全选/取消全选
+  const handleSelectAll = e => {
+    const checked = e.target.checked;
+    setSelectedItems(checked ? filteredContents.map(item => item.url) : []);
+    setIndeterminate(false);
+    setCheckAll(checked);
+  };
 
-      // 获取初始选中节点的contents
-      let initialContents = [];
-      if (selectedNode) {
-        initialContents = await getFolderContents(selectedNode.path);
-      }
-      updateTreeState({
-        data: treeNodes,
-        selectedKeys: selectedNode ? [selectedNode.key] : [],
-        expandedKeys: getAllNodeKeys(treeNodes),
-        currentPath: (selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.path) || '',
-        contents: initialContents,
-        loading: false
-      });
-    } catch (error) {
-      handleError(error, 'INIT TREE DATA');
-      updateTreeState({
-        loading: false
-      });
+  // 搜索框变化处理
+  const handleSearchChange = e => {
+    setKeyword(e.target.value);
+  };
+
+  // 创建 URL 构建器
+  const getFullUrl = useMemo(() => {
+    return createUrlBuilder({
+      baseUrl: apiConfig.baseUrl,
+      devBaseUrl: apiConfig.devBaseUrl,
+      isDev: process.env.NODE_ENV === 'development',
+      isBrowser: typeof window !== 'undefined'
+    });
+  }, [apiConfig.baseUrl, apiConfig.devBaseUrl]);
+  return /*#__PURE__*/jsxs("div", {
+    className: "resources-view ".concat(className),
+    style: style,
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "content-container",
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "directory-tree",
+        children: [renderTreeHeader ? renderTreeHeader() : /*#__PURE__*/jsx("div", {
+          className: "search-bar"
+        }), directoryTree]
+      }), /*#__PURE__*/jsxs("div", {
+        className: "folder-contents",
+        children: [/*#__PURE__*/jsxs(Flex, {
+          justify: "center",
+          align: "center",
+          className: "search-bar",
+          children: [mergedFeatures.search && /*#__PURE__*/jsx(Input, {
+            value: keyword,
+            onChange: handleSearchChange,
+            placeholder: searchPlaceholder,
+            prefix: /*#__PURE__*/jsx(SearchOutlined, {}),
+            allowClear: true,
+            className: "search-input"
+          }), mergedFeatures.upload && /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx(CloudUploadOutlined, {
+              className: "upload-icon",
+              title: "upload",
+              onClick: onTriggerUpload
+            }), /*#__PURE__*/jsx("input", {
+              ref: inputRef,
+              type: "file",
+              onChange: onUploadFile,
+              className: "hidden",
+              accept: acceptFileTypes,
+              multiple: true
+            })]
+          })]
+        }), /*#__PURE__*/jsxs("div", {
+          className: "media-grid-container",
+          onContextMenu: e => e.preventDefault(),
+          children: [renderGridHeader ? renderGridHeader() : filteredContents.length > 0 && mergedFeatures.batchOperations && /*#__PURE__*/jsx("div", {
+            className: "batch-operations",
+            children: /*#__PURE__*/jsxs(Space, {
+              size: "middle",
+              children: [/*#__PURE__*/jsx(Checkbox, {
+                indeterminate: indeterminate,
+                checked: checkAll,
+                onChange: handleSelectAll,
+                children: "Select All"
+              }), /*#__PURE__*/jsx(Button, {
+                type: "primary",
+                disabled: !selectedItems.length,
+                onClick: () => setModalVisible(true),
+                children: "Copy"
+              }), /*#__PURE__*/jsx(Button, {
+                className: "btn-gray",
+                disabled: !selectedItems.length,
+                onClick: handleBatchRemove,
+                children: "Delete"
+              }), /*#__PURE__*/jsx(Button, {
+                className: "btn-gray",
+                disabled: !selectedItems.length,
+                onClick: handleBatchDownload,
+                children: "Download"
+              })]
+            })
+          }), /*#__PURE__*/jsx(MediaGrid$1, {
+            items: filteredContents,
+            loading: loading,
+            onContextMenu: mergedFeatures.delete || mergedFeatures.download || mergedFeatures.copy ? onContextMenu : null,
+            selectedKeys: selectedItems,
+            showCheckbox: mergedFeatures.batchOperations,
+            onSelectChange: mergedFeatures.batchOperations ? handleSelectChange : null,
+            gridConfig: mergedFeatures.batchOperations ? {
+              gutter: 0,
+              column: 6
+            } : {
+              gutter: 24,
+              column: 6
+            },
+            features: mergedFeatures,
+            getFullUrl: getFullUrl
+          })]
+        })]
+      })]
+    }), showProgress && /*#__PURE__*/jsx(UploadProgress$1, {
+      percent: percent
+    }), /*#__PURE__*/jsx(SelectFolderPathModal$1, {
+      open: modalVisible,
+      directoryTree: originTreeData,
+      batchLoading: batchLoading,
+      onClose: () => setModalVisible(false),
+      onOk: handleCopyConfirm
+    })]
+  });
+};
+var ResourcesView$1 = ResourcesView;
+
+const PopoverContent = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    onClose,
+    onConfirm
+  } = _ref;
+  const [value, setValue] = useState('');
+  const handleConfirm = useCallback(() => {
+    onConfirm(value, () => setValue(''));
+  }, [confirm, value]);
+  const handleKeyDown = useCallback(e => {
+    if (e.key === 'Enter') {
+      handleConfirm();
     }
-  }, [getTreeStructure, getFolderContents]);
+  }, [handleConfirm]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Form.Item, {
+      label: "Folder Name",
+      style: {
+        marginBottom: 8
+      },
+      children: /*#__PURE__*/jsx(Input, {
+        ref: ref,
+        value: value,
+        onChange: e => setValue(e.target.value),
+        onKeyDown: handleKeyDown,
+        size: "small",
+        style: {
+          width: 120
+        },
+        autoFocus: true
+      })
+    }), /*#__PURE__*/jsxs(Flex, {
+      justify: "flex-end",
+      gap: "small",
+      children: [/*#__PURE__*/jsx(Button, {
+        type: "default",
+        size: "small",
+        onClick: onClose,
+        children: "Close"
+      }), /*#__PURE__*/jsx(Button, {
+        type: "primary",
+        size: "small",
+        onClick: handleConfirm,
+        children: "OK"
+      })]
+    })]
+  });
+});
+const EditablePopover = _ref2 => {
+  let {
+    children,
+    add
+  } = _ref2;
+  const inputRef = useRef(null);
+  const [open, setOpen] = useState(false);
+  useEffect(() => {
+    if (open && inputRef.current) {
+      const timer = setTimeout(() => {
+        var _inputRef$current;
+        (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+      }, 100);
+      return () => clearTimeout(timer);
+    }
+  }, [open]);
+
+  // 使用 open 属性控制浮层显示
+  const hide = useCallback(() => {
+    setOpen(false);
+  }, []);
+  const handleConfirm = useCallback((newTitle, callback) => {
+    add(newTitle);
+    callback === null || callback === void 0 || callback();
+    hide();
+  }, [add, hide]);
+  const handleOpenChange = useCallback(newOpen => {
+    setOpen(newOpen);
+  }, []);
+  return /*#__PURE__*/jsx(Popover, {
+    content: /*#__PURE__*/jsx(PopoverContent, {
+      ref: inputRef,
+      onClose: hide,
+      onConfirm: handleConfirm
+    }),
+    trigger: "click",
+    open: open,
+    onOpenChange: handleOpenChange,
+    destroyOnHidden: true,
+    children: children
+  });
+};
+var EditablePopover$1 = /*#__PURE__*/memo(EditablePopover);
 
-  // 初始化数据
+const EditableContext = /*#__PURE__*/createContext(null);
+const TreeTitle = _ref => {
+  let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  const [form] = Form.useForm();
+  return /*#__PURE__*/jsx(Form, {
+    form: form,
+    component: false,
+    children: /*#__PURE__*/jsx(EditableContext.Provider, {
+      value: form,
+      children: /*#__PURE__*/jsx(TreeTitleNode, _objectSpread2({}, props))
+    })
+  });
+};
+const TreeTitleNode = _ref2 => {
+  let {
+    title,
+    nodeData,
+    handleSave,
+    handleDel,
+    handleAdd,
+    isEditable = true
+  } = _ref2;
+  const [editing, setEditing] = useState(false);
+  const inputRef = useRef(null);
+  const form = useContext(EditableContext);
   useEffect(() => {
-    initTreeData();
-  }, [initTreeData]);
-
-  // 选中节点
-  const onSelect = useCallback(async (keys, info) => {
-    if (!keys.length || keys[0] === treeState.selectedKeys[0] && pathUtils.isSamePath(info.node.path, treeState.currentPath)) {
-      return;
+    if (editing) {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
     }
-    updateTreeState({
-      selectedKeys: keys,
-      currentPath: info.node.path,
-      loading: true
+  }, [editing]);
+  const toggleEdit = useCallback(() => {
+    setEditing(prev => !prev);
+    form.setFieldsValue({
+      [nodeData.title]: nodeData.title
     });
+  }, [form, nodeData.title]);
+  const save = useCallback(async () => {
     try {
-      const contents = await getFolderContents(info.node.path);
-      updateTreeState({
-        contents: contents,
-        loading: false
-      });
-    } catch (error) {
-      handleError(error, 'SELECT NODE');
-      updateTreeState({
-        loading: false
-      });
+      const values = await form.validateFields();
+      toggleEdit();
+      handleSave(_objectSpread2(_objectSpread2({}, nodeData), {}, {
+        title: values[nodeData.title]
+      }));
+    } catch (errInfo) {
+      console.error('Save failed:', errInfo);
     }
-  }, [treeState.selectedKeys, treeState.currentPath, getFolderContents]);
+  }, [form, toggleEdit, handleSave, nodeData]);
 
-  // 展开节点
-  const onExpand = useCallback(keys => {
-    updateTreeState({
-      expandedKeys: keys
+  // 新建文件夹 
+  // 修改文件/文件夹
+  // 删除文件/文件夹
+  const renderIconNode = useCallback(() => {
+    return /*#__PURE__*/jsxs("span", {
+      className: "tree-node-icons",
+      onClick: e => e.stopPropagation(),
+      children: [/*#__PURE__*/jsx(EditablePopover$1, {
+        add: newTitle => handleAdd(nodeData, newTitle),
+        children: /*#__PURE__*/jsx("div", {
+          className: "px-1",
+          title: "Create Folder",
+          children: /*#__PURE__*/jsx("i", {
+            className: "iconfont icon-jia"
+          })
+        })
+      }), !nodeData.isRoot && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("div", {
+          className: "px-1",
+          onClick: toggleEdit,
+          title: "Edit",
+          children: /*#__PURE__*/jsx("i", {
+            className: "iconfont icon-bianji"
+          })
+        }), /*#__PURE__*/jsx(Popconfirm, {
+          title: "Confirm deletion?",
+          onConfirm: () => handleDel(nodeData),
+          okText: "Yes",
+          cancelText: "No"
+          // okButtonProps={{
+          //   size: "middle"  // 增大确认按钮
+          // }}
+          // cancelButtonProps={{
+          //   size: "middle"  // 增大取消按钮
+          // }}
+          ,
+          children: /*#__PURE__*/jsx("div", {
+            className: "px-1",
+            title: "Delete",
+            children: /*#__PURE__*/jsx("i", {
+              className: "iconfont icon-jian"
+            })
+          })
+        })]
+      })]
     });
-  }, []);
+  }, [handleAdd, nodeData, title, toggleEdit, handleDel]);
+  const renderChildNode = useCallback(() => {
+    return editing ? /*#__PURE__*/jsx(Form.Item, {
+      style: {
+        margin: 0,
+        width: "100%"
+      },
+      name: nodeData.title,
+      children: /*#__PURE__*/jsx(Input, {
+        ref: inputRef,
+        onPressEnter: save,
+        onBlur: save,
+        autoComplete: "off",
+        size: "small"
+      })
+    }) : /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Typography.Text, {
+        ellipsis: true,
+        style: {
+          width: "75%"
+        },
+        children: title
+      }), renderIconNode()]
+    });
+  }, [editing, nodeData.title, save, title, renderIconNode]);
+  return /*#__PURE__*/jsx("div", {
+    className: "tree-title",
+    children: isEditable ? renderChildNode() : /*#__PURE__*/jsx(Typography.Text, {
+      ellipsis: true,
+      style: {
+        width: "100%%"
+      },
+      children: title
+    })
+  });
+};
+var TreeTitle$1 = /*#__PURE__*/memo(TreeTitle);
 
-  // 创建文件夹
-  const handleCreate = useCallback(async (node, newTitle) => {
-    if (!(newTitle !== null && newTitle !== void 0 && newTitle.trim())) return false;
-    try {
-      const path = pathUtils.replaceRoot("".concat(node.path, "/").concat(newTitle));
-      await createFolder({
-        path
-      });
+const buildDirectoryTree = function (data) {
+  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  const {
+    withRoot = true
+  } = options; // 默认包含 root 节点
 
-      // 刷新树结构
-      const newTreeData = await getTreeStructure('');
-      if (!newTreeData) return;
+  if (!Array.isArray(data)) return [];
 
-      // 查找新增的节点
-      const newPath = "".concat(node.path, "/").concat(newTitle);
-      const foundNodes = findTreeNodeByPath(newTreeData, newPath, {
-        exactMatch: true,
-        returnFirst: true
-      });
-      const addedNode = foundNodes[0];
-      if (addedNode) {
-        updateTreeState({
-          data: newTreeData,
-          selectedKeys: [addedNode.key],
-          expandedKeys: [...treeState.expandedKeys, addedNode.key, node.key],
-          currentPath: addedNode.path,
-          contents: []
-        });
-      } else {
-        updateTreeState({
-          data: newTreeData
-        });
-      }
-    } catch (error) {
-      handleError(error, 'CREATE FOLDER');
-    }
-  }, [getTreeStructure, treeState.expandedKeys]);
+  // 如果需要 root 节点，包装一层
+  const processedData = withRoot ? [{
+    name: 'root',
+    type: 'directory',
+    contents: data
+  }] : data;
 
-  // 删除文件/文件夹
-  const handleRemove = useCallback(async node => {
-    if (!node.path) return;
-    try {
-      // 执行删除
-      batchOperations ? await removeFolderFile({
-        paths: [{
-          path: pathUtils.replaceRoot(node.path)
-        }]
-      }) : await removeFolderFile({
-        path: pathUtils.replaceRoot(node.path)
-      });
+  // 递归构建树
+  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__*/jsx(FolderOpenOutlined, {}) : /*#__PURE__*/jsx(FolderOutlined, {});
+        },
+        children: [],
+        isLeaf: false,
+        // isRoot: Boolean(item.sd_index),
+        isRoot: !parentRoute,
+        path: currentPath,
+        contents: (item.contents || []).filter(content => content.type === 'file'),
+        url: item.url,
+        rawData: item // 保留原始数据
+      };
 
-      // 检查是否删除的是当前选中的节点
-      const isSelectedNode = treeState.selectedKeys[0] === node.key;
-      const isCurrentPath = pathUtils.isSamePath(treeState.currentPath, node.path);
-      if (isSelectedNode || isCurrentPath) {
-        // 查找父节点
-        const parentPath = pathUtils.getParentPath(node.path);
-        if (parentPath) {
-          // 刷新树结构
-          const newTreeData = await getTreeStructure('');
-          if (!newTreeData) return;
+      // 递归处理子目录
+      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);
+};
+
+/**
+ * 获取树中所有节点的keys
+ * @param {Array} treeData - 树数据
+ * @returns {Array} 包含所有节点keys的数组
+ */
+const getAllNodeKeys = treeData => {
+  if (!Array.isArray(treeData)) return [];
+  const keys = [];
+  const stack = [...treeData];
+  while (stack.length) {
+    const node = stack.pop();
+    if (node.key !== null) {
+      keys.push(node.key);
+    }
+    if (Array.isArray(node.children)) {
+      stack.push(...node.children);
+    }
+  }
+  return keys;
+};
 
-          // 尝试找到父节点
-          const foundParentNodes = findTreeNodeByPath(newTreeData, parentPath, {
-            exactMatch: true,
-            returnFirst: true
-          });
-          const parentNode = foundParentNodes[0];
-          if (parentNode) {
-            // 选中父节点
-            updateTreeState({
-              data: newTreeData,
-              selectedKeys: [parentNode.key],
-              currentPath: parentNode.path,
-              contents: [],
-              loading: true
-            });
+/**
+ * 根据 URL 查找树节点
+ * @param {Array} treeData - 树数据
+ * @param {string} url - 要查找的 URL
+ * @param {Object} options - 配置选项
+ * @param {boolean} options.exactMatch - 是否精确匹配（默认true）
+ * @param {boolean} options.returnFirst - 是否返回第一个匹配项（默认false，返回所有匹配项）
+ * @returns {Array} 包含匹配节点的数组
+ */
+const findTreeNodeByUrl = function (treeData, url) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    exactMatch = true,
+    returnFirst = false
+  } = options;
+  if (!Array.isArray(treeData) || typeof url !== 'string' || !url.trim()) {
+    return [];
+  }
+  const result = [];
+  const stack = [...treeData];
+  while (stack.length) {
+    const node = stack.pop();
 
-            // 获取父节点的contents
-            const contents = await getFolderContents(parentNode.path);
-            updateTreeState({
-              contents: contents,
-              loading: false
-            });
-          } else {
-            // 找不到父节点，选中第一个根节点
-            const firstNode = newTreeData[0];
-            if (firstNode) {
-              updateTreeState({
-                data: newTreeData,
-                selectedKeys: [firstNode.key],
-                currentPath: firstNode.path,
-                contents: [],
-                loading: true
-              });
-              const contents = await getFolderContents(firstNode.path);
-              updateTreeState({
-                contents: contents,
-                loading: false
-              });
-            } else {
-              // 树为空
-              updateTreeState({
-                data: newTreeData,
-                selectedKeys: [],
-                currentPath: '',
-                contents: [],
-                loading: false
-              });
-            }
-          }
-        } else {
-          // 删除的是根节点，重新初始化
-          await initTreeData();
-        }
-      } else {
-        // 删除的不是当前选中节点，只刷新树结构
-        const newTreeData = await getTreeStructure('');
-        if (newTreeData) {
-          updateTreeState({
-            data: newTreeData
-          });
+    // 检查当前节点是否匹配
+    if (node.url) {
+      const isMatch = exactMatch ? node.url === url : node.url.includes(url);
+      if (isMatch) {
+        result.push(node);
+        if (returnFirst) {
+          return result; // 找到第一个匹配项就结束
         }
       }
-    } catch (error) {
-      handleError(error, 'REMOVE FOLDER/FILE');
     }
-  }, [getTreeStructure, getFolderContents, initTreeData, treeState.selectedKeys, treeState.currentPath]);
 
-  // 重命名
-  const handleRename = useCallback(async node => {
-    const newPath = pathUtils.getNewPath(node, node.title);
-    if (pathUtils.isSamePath(node.path, newPath)) return false;
-    try {
-      await renameFolderFile({
-        old_path: pathUtils.replaceRoot(node.path),
-        new_path: pathUtils.replaceRoot(newPath)
-      });
+    // 递归处理子节点
+    if (Array.isArray(node.children)) {
+      stack.push(...node.children);
+    }
+  }
+  return result;
+};
 
-      // 刷新树结构
-      const newTreeData = await getTreeStructure('');
-      if (newTreeData) {
-        updateTreeState({
-          data: newTreeData
-        });
+/**
+ * 通过路径查找树节点
+ * @param {Array} treeData - 树数据
+ * @param {string} targetPath - 要查找的路径
+ * @param {Object} options - 配置选项
+ * @param {boolean} options.exactMatch - 是否精确匹配（默认true）
+ * @param {boolean} options.returnFirst - 是否返回第一个匹配项（默认false，返回所有匹配项）
+ * @returns {Array} 包含匹配节点的数组
+ */
+const findTreeNodeByPath = function (treeData, targetPath) {
+  let options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  const {
+    exactMatch = true,
+    returnFirst = false
+  } = options;
+  if (!Array.isArray(treeData) || typeof targetPath !== 'string' || !targetPath.trim()) {
+    return [];
+  }
+  const result = [];
+  const stack = [...treeData];
+  while (stack.length) {
+    const node = stack.pop();
+
+    // 检查当前节点是否匹配 - 目录有 path 属性
+    if (node.path) {
+      const isMatch = exactMatch ? node.path === targetPath : node.path.includes(targetPath);
+      if (isMatch) {
+        result.push(node);
+        if (returnFirst) {
+          return result; // 找到第一个匹配项就结束
+        }
       }
-    } catch (error) {
-      handleError(error, 'RENAME FOLDER/FILE');
     }
-  }, [getTreeStructure]);
 
-  // 刷新树数据
-  const refreshTreeData = useCallback(async () => {
-    try {
-      const newTreeData = await getTreeStructure('');
-      if (!newTreeData) return;
+    // 递归处理子节点
+    if (Array.isArray(node.children)) {
+      stack.push(...node.children);
+    }
+  }
+  return result;
+};
 
-      // 保持当前选中状态
-      const currentPath = treeState.currentPath;
-      let contents = [];
-      if (currentPath) {
-        const foundNodes = findTreeNodeByPath(newTreeData, currentPath, {
-          exactMatch: true,
-          returnFirst: true
-        });
-        const currentNode = foundNodes[0];
-        if (currentNode) {
-          // 重新获取当前节点的contents
-          contents = await getFolderContents(currentPath);
-          updateTreeState({
-            data: newTreeData,
-            selectedKeys: [currentNode.key],
-            contents: contents
-          });
-        } else {
-          // 当前节点不存在，选中第一个节点
-          const firstNode = newTreeData[0];
-          if (firstNode) {
-            contents = await getFolderContents(firstNode.path);
-            updateTreeState({
-              data: newTreeData,
-              selectedKeys: [firstNode.key],
-              currentPath: firstNode.path,
-              contents: contents
-            });
-          } else {
-            updateTreeState({
-              data: newTreeData,
-              selectedKeys: [],
-              currentPath: '',
-              contents: []
-            });
-          }
+const useDirectoryTree = _ref => {
+  let {
+    getFolderData,
+    createFolder,
+    removeFolderFile,
+    renameFolderFile,
+    mediaType,
+    isEditable = true,
+    batchOperations = true,
+    withRootNode = true,
+    height = 828,
+    theme = {
+      components: {
+        Tree: {
+          titleHeight: 30
         }
-      } else {
-        updateTreeState({
-          data: newTreeData
-        });
       }
-    } catch (error) {
-      handleError(error, 'REFRESH TREE DATA');
+    },
+    treeStyle = {},
+    // Tree 组件样式
+    wrapperStyle = {
+      paddingTop: 16
+    },
+    // 包装器样式
+    expandable = true,
+    // 新增：是否允许展开/折叠
+    onSelectDir,
+    // 新增：选择目录回调
+    selectedDirPath = null // 新增：外部传入的选中目录名
+  } = _ref;
+  const [treeState, setTreeState] = useState({
+    data: [],
+    // 树结构数据
+    selectedKeys: [],
+    // 选中节点keys
+    expandedKeys: [],
+    // 展开节点keys
+    currentPath: "",
+    // 当前选中路径
+    contents: [],
+    // 当前选中节点的文件列表
+    loading: false // 加载状态
+  });
+  const [originTreeData, setOriginTreeData] = useState([]);
+  const updateTreeState = partialState => {
+    setTreeState(prev => _objectSpread2(_objectSpread2({}, prev), partialState));
+  };
+
+  // 错误处理
+  const handleError = (error, operation) => {
+    console.error("".concat(operation, " ERROR"), error);
+    // 可以添加通知等统一错误处理
+  };
+
+  // 路径处理工具
+  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 pathUtils.replaceRoot(path1) === pathUtils.replaceRoot(path2);
+    },
+    getParentPath: path => {
+      if (!path) return '';
+      const parts = path.split('/');
+      parts.pop(); // 移除最后一部分
+      return parts.join('/') || '';
+    }
+  };
+
+  // 根据路径确定选中的节点
+  const determineSelectedNode = useCallback((treeNodes, path) => {
+    if (treeNodes.length === 0) return null;
+
+    // 情况1：未传路径，使用第一个节点
+    if (path === undefined || path === null) {
+      return treeNodes[0];
     }
-  }, [getTreeStructure, getFolderContents, treeState.currentPath]);
 
-  // 更新文件contents （上传右侧文件或删除右侧文件 成功后的回调函数）
-  const updateFileContents = useCallback(async () => {
-    if (!treeState.currentPath) return;
+    // 情况2：空字符串，不选中任何节点
+    if (path.trim() === '') {
+      return null;
+    }
+
+    // 情况3：有值，查找对应节点
     try {
-      const contents = await getFolderContents(treeState.currentPath);
-      updateTreeState({
-        contents
-      });
+      const foundNodes = findTreeNodeByUrl(treeNodes, path);
+      return (foundNodes === null || foundNodes === void 0 ? void 0 : foundNodes[0]) || null;
     } catch (error) {
-      handleError(error, 'UPDATE FILE CONTENTS');
+      console.error('Error finding node by URL:', error);
+      return null;
     }
-  }, [getFolderContents, treeState.currentPath]);
+  }, []);
 
-  // 删除文件
-  const removeFile = useCallback(async url => {
+  // 获取树结构（目录层级）
+  const getTreeStructure = useCallback(async folder => {
     try {
-      await removeFolderFile({
-        path: url
+      // 构建请求参数
+      const requestParams = {
+        folder: folder
+      };
+      if (mediaType) {
+        requestParams.media_type = mediaType;
+      }
+      const data = await getFolderData(requestParams);
+      if (!(data !== null && data !== void 0 && data.directoryTree)) {
+        return null;
+      }
+
+      // 只在初始化时保存原始数据
+      if (folder === '') {
+        setOriginTreeData(data.directoryTree);
+      }
+      return buildDirectoryTree(data.directoryTree, {
+        withRoot: withRootNode
       });
-      await updateFileContents();
     } catch (error) {
-      handleError(error, 'REMOVE FILE');
+      handleError(error, 'GET TREE STRUCTURE');
+      return null;
     }
-  }, [updateFileContents]);
-  const MemoizedTree = useMemo(() => {
-    var _treeState$data;
-    if (!((_treeState$data = treeState.data) !== null && _treeState$data !== void 0 && _treeState$data.length)) {
-      return /*#__PURE__*/jsx(Empty, {
-        image: Empty.PRESENTED_IMAGE_SIMPLE
+  }, [mediaType, withRootNode]);
+
+  // 初始化树结构
+  const initTreeData = useCallback(async () => {
+    try {
+      updateTreeState({
+        loading: true
       });
-    }
-    return /*#__PURE__*/jsx("div", {
-      style: wrapperStyle,
-      children: /*#__PURE__*/jsx(ConfigProvider, {
-        theme: theme,
-        children: /*#__PURE__*/jsx(Tree, {
-          blockNode: true,
-          showIcon: true,
-          selectedKeys: treeState.selectedKeys,
-          expandedKeys: treeState.expandedKeys,
-          onSelect: onSelect,
-          onExpand: expandable ? onExpand : undefined // 不允许展开时，则不绑定事件
-          ,
-          treeData: treeState.data,
-          titleRender: nodeData => /*#__PURE__*/jsx(TreeTitle$1, {
-            title: nodeData.title,
-            nodeData: nodeData,
-            isEditable: isEditable,
-            handleSave: handleRename,
-            handleDel: handleRemove,
-            handleAdd: handleCreate
-          }),
-          height: height,
-          style: treeStyle
-        })
-      })
-    }, "folder-directory");
-  }, [treeState.data, treeState.selectedKeys, treeState.expandedKeys, onSelect, onExpand]);
-  return {
-    directoryTree: MemoizedTree,
-    contents: treeState.contents,
-    currentPath: treeState.currentPath,
-    loading: treeState.loading,
-    originTreeData,
-    updateFileContents,
-    removeFile,
-    refreshTreeData,
-    // 暴露刷新方法
-    fetchFolderData: refreshTreeData // 也可以保留别名
-  };
-};
+      const treeNodes = await getTreeStructure('');
+      if (!(treeNodes !== null && treeNodes !== void 0 && treeNodes.length)) {
+        updateTreeState({
+          data: [],
+          selectedKeys: [],
+          currentPath: '',
+          contents: [],
+          loading: false
+        });
+        return;
+      }
 
-const createUrlBuilder = function () {
-  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  const {
-    baseUrl = '',
-    isDev = false,
-    devBaseUrl = '',
-    isBrowser = false
-  } = config;
-  return path => {
-    if (!path) return '';
+      // 确定选中的节点
+      let selectedNode = determineSelectedNode(treeNodes, selectedDirPath);
 
-    // 如果传入的是完整 URL，直接返回
-    if (/^https?:\/\//.test(path)) {
-      return path;
+      // 获取初始选中节点的contents
+      let initialContents = [];
+      if (selectedNode) {
+        initialContents = selectedNode.contents;
+      }
+      updateTreeState({
+        data: treeNodes,
+        selectedKeys: selectedNode ? [selectedNode.key] : [],
+        expandedKeys: getAllNodeKeys(treeNodes),
+        currentPath: (selectedNode === null || selectedNode === void 0 ? void 0 : selectedNode.path) || '',
+        contents: initialContents,
+        loading: false
+      });
+    } catch (error) {
+      handleError(error, 'INIT TREE DATA');
+      updateTreeState({
+        loading: false
+      });
     }
+  }, [getTreeStructure, selectedDirPath]);
 
-    // 去除 path 开头可能的多余斜杠
-    const cleanPath = path.replace(/^\/+/, '');
-
-    // 开发环境使用 devBaseUrl，否则使用 baseUrl
-    const host = isDev ? devBaseUrl : baseUrl;
+  // 初始化数据
+  useEffect(() => {
+    initTreeData();
+  }, [initTreeData]);
 
-    // 如果没有配置 baseUrl，则根据环境返回相对路径或完整路径
-    if (!host) {
-      return isBrowser ? "/".concat(cleanPath) : cleanPath;
+  // 选择节点
+  const onSelect = useCallback(async (keys, info) => {
+    // 如果选中了 root 节点，并且有传 onSelectDir 回调，则直接返回
+    if (info.node.path === 'root' && onSelectDir) return;
+    if (!keys.length || keys[0] === treeState.selectedKeys[0] && pathUtils.isSamePath(info.node.path, treeState.currentPath)) {
+      return;
     }
-    return host ? "".concat(host, "/").concat(cleanPath) : "/".concat(cleanPath);
-  };
-};
-
-const pathUtils = {
-  replaceRoot: path => path.replace(/^root$|^root\//, '')
-};
-const ResourcesView = _ref => {
-  let {
-    apiConfig = {},
-    features = {},
-    className = '',
-    style = {},
-    renderTreeHeader,
-    renderGridHeader,
-    withRootNode = true,
-    acceptFileTypes = "video/*,.mxf,application/mxf,video/mxf",
-    uploadTimeout = 60 * 60 * 1000,
-    searchPlaceholder = "Search ...",
-    refreshSignal = 0 // 外部刷新信号，数值变化时触发刷新
-  } = _ref;
-  const {
-    message,
-    modal
-  } = App.useApp();
-
-  // 合并默认配置和传入配置
-  const mergedApiConfig = useMemo(() => _objectSpread2({
-    upload: '/api/dvr/media/source/upload',
-    download: '/download'
-  }, apiConfig), [apiConfig]);
-  const mergedFeatures = useMemo(() => _objectSpread2({
-    upload: true,
-    download: true,
-    copy: true,
-    delete: true,
-    search: true,
-    batchOperations: true
-  }, features), [features]);
-  const {
-    directoryTree,
-    contents,
-    currentPath,
-    loading,
-    originTreeData,
-    updateFileContents,
-    removeFile,
-    refreshTreeData
-  } = useDirectoryTree({
-    getFolderData: mergedApiConfig.getFolderData,
-    createFolder: mergedApiConfig.createFolder,
-    removeFolderFile: mergedApiConfig.removeFolderFile,
-    renameFolderFile: mergedApiConfig.renameFolderFile,
-    batchOperations: mergedFeatures.batchOperations,
-    withRootNode
-  });
+    updateTreeState({
+      selectedKeys: keys,
+      currentPath: info.node.path,
+      loading: true
+    });
 
-  // 监听外部刷新信号变化
-  useEffect(() => {
-    if (refreshTreeData && refreshSignal > 0) {
-      refreshTreeData();
+    // 触发 onSelectDir 回调（如果存在）
+    if (onSelectDir) {
+      onSelectDir(info.node.rawData);
     }
-  }, [refreshSignal, refreshTreeData]);
-  const [showProgress, setShowProgress] = useState(false);
-  const [percent, setPercent] = useState(0);
-  const inputRef = useRef(null);
-  const uploadController = useRef(new AbortController());
-  const [modalVisible, setModalVisible] = useState(false);
-  // 处理批量操作
-  const [selectedItems, setSelectedItems] = useState([]);
-  const [indeterminate, setIndeterminate] = useState(false);
-  const [checkAll, setCheckAll] = useState(false);
-  const [batchLoading, setBatchLoading] = useState(false);
-  const [keyword, setKeyword] = useState('');
-  const [debouncedKeyword, setDebouncedKeyword] = useState('');
-
-  // 创建防抖函数（延迟 300ms）
-  const debouncedSearch = useMemo(() => lodashExports.debounce(searchValue => {
-    setDebouncedKeyword(searchValue);
-  }, 300), []);
-
-  // 监听 keyword 变化并触发防抖
-  useEffect(() => {
-    debouncedSearch(keyword);
-    return () => debouncedSearch.cancel(); // 组件卸载时取消防抖
-  }, [keyword, debouncedSearch]);
-
-  // 过滤内容
-  const filteredContents = useMemo(() => {
-    if (!debouncedKeyword) return contents;
-    return contents.filter(item => item.name.toLowerCase().includes(debouncedKeyword.toLowerCase()));
-  }, [contents, debouncedKeyword]);
-
-  // 在组件卸载时取消上传
-  useEffect(() => {
-    return () => {
-      var _uploadController$cur;
-      return (_uploadController$cur = uploadController.current) === null || _uploadController$cur === void 0 ? void 0 : _uploadController$cur.abort();
-    };
-  }, []);
-
-  // 重置批量状态的效果
-  useEffect(() => {
-    setSelectedItems([]);
-    setIndeterminate(false);
-    setCheckAll(false);
-  }, [currentPath]);
+    try {
+      // 模拟延迟加载
+      // eslint-disable-next-line no-promise-executor-return
+      await new Promise(resolve => setTimeout(resolve, 300));
+      updateTreeState({
+        contents: info.node.contents,
+        loading: false
+      });
+    } catch (error) {
+      handleError(error, 'SELECT NODE');
+      updateTreeState({
+        loading: false
+      });
+    }
+  }, [treeState.selectedKeys, treeState.currentPath]);
 
-  // 上传相关函数
-  const onTriggerUpload = useCallback(() => {
-    var _inputRef$current;
-    (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.click();
+  // 展开节点
+  const onExpand = useCallback(keys => {
+    updateTreeState({
+      expandedKeys: keys
+    });
   }, []);
-  const onUploadFile = async event => {
-    const files = event.target.files;
-    if (!(files !== null && files !== void 0 && files.length)) return;
 
-    // 初始化上传状态
-    setShowProgress(true);
-    setPercent(0);
+  // 创建文件夹
+  const handleCreate = useCallback(async (node, newTitle) => {
+    if (!(newTitle !== null && newTitle !== void 0 && newTitle.trim())) return false;
     try {
-      await uploadFiles(files, pathUtils.replaceRoot(currentPath));
-      // 延迟2s刷新数据
-      await new Promise(resolve => setTimeout(resolve, 2000));
-      await updateFileContents();
-    } catch (error) {
-      if (axios.isCancel(error)) {
-        console.log('Upload canceled');
-      } else if (error.response) {
-        var _error$response$data;
-        console.error("Upload failed: ".concat(((_error$response$data = error.response.data) === null || _error$response$data === void 0 ? void 0 : _error$response$data.message) || error.response.status));
-      } else {
-        console.error("Upload error: ".concat(error.message));
+      const path = pathUtils.replaceRoot("".concat(node.path, "/").concat(newTitle));
+      await createFolder({
+        path
+      });
+
+      // 刷新树结构
+      const newTreeData = await getTreeStructure('');
+      if (!newTreeData) return;
+
+      // 查找新增的节点
+      const newPath = "".concat(node.path, "/").concat(newTitle);
+      const foundNodes = findTreeNodeByPath(newTreeData, newPath, {
+        exactMatch: true,
+        returnFirst: true
+      });
+      const addedNode = foundNodes[0];
+      if (addedNode) {
+        updateTreeState({
+          data: newTreeData,
+          selectedKeys: [addedNode.key],
+          expandedKeys: [...treeState.expandedKeys, addedNode.key, node.key],
+          currentPath: addedNode.path,
+          contents: []
+        });
       }
-    } finally {
-      resetUploadState();
+    } catch (error) {
+      handleError(error, 'CREATE FOLDER');
     }
-  };
-  const uploadFiles = async (files, folder) => {
-    // 计算所有文件的总大小
-    const totalSize = calculateTotalSize(files);
-    // 存储每个文件的上一次 loaded 值（避免重复计算）
-    const previousLoadedMap = new Map();
-    let uploadedSize = 0; // 记录已上传的字节数
+  }, [getTreeStructure, treeState.expandedKeys]);
 
-    const uploadTasks = Array.from(files).map(file => uploadSingleFile(file, folder, previousLoadedMap, newLoaded => {
-      uploadedSize += newLoaded;
-      updateProgress(uploadedSize, totalSize);
-    }));
-    await Promise.all(uploadTasks);
-  };
+  // 删除文件/文件夹
+  const handleRemove = useCallback(async node => {
+    if (!node.path) return;
+    try {
+      // 执行删除
+      batchOperations ? await removeFolderFile({
+        paths: [{
+          path: pathUtils.replaceRoot(node.path)
+        }]
+      }) : await removeFolderFile({
+        path: pathUtils.replaceRoot(node.path)
+      });
 
-  // 计算总文件大小
-  const calculateTotalSize = files => Array.from(files).reduce((sum, file) => sum + file.size, 0);
+      // 检查是否删除的是当前选中的节点
+      const isSelectedNode = treeState.selectedKeys[0] === node.key;
+      const isCurrentPath = pathUtils.isSamePath(treeState.currentPath, node.path);
+      if (isSelectedNode || isCurrentPath) {
+        // 查找父节点
+        const parentPath = pathUtils.getParentPath(node.path);
+        if (parentPath) {
+          // 刷新树结构
+          const newTreeData = await getTreeStructure('');
+          if (!newTreeData) return;
 
-  // 上传单个文件
-  const uploadSingleFile = (file, folder, previousLoadedMap, onProgress) => {
-    const formData = new FormData();
-    formData.append('file', file);
-    formData.append('folder', folder);
-    return axios.post(mergedApiConfig.upload, formData, {
-      timeout: uploadTimeout,
-      headers: {
-        'Content-Type': 'multipart/form-data'
-      },
-      // signal: uploadController.current.signal,
-      onUploadProgress: progressEvent => {
-        if (progressEvent.lengthComputable) {
-          // 获取当前文件的上一次 loaded 值（默认 0）
-          const previousLoaded = previousLoadedMap.get(file.name) || 0;
-          // 计算新增的字节数（避免重复累加）
-          const newLoaded = progressEvent.loaded - previousLoaded;
-          // 更新当前文件的 loaded 值
-          previousLoadedMap.set(file.name, progressEvent.loaded);
-          onProgress(newLoaded);
+          // 尝试找到父节点
+          const foundParentNodes = findTreeNodeByPath(newTreeData, parentPath, {
+            exactMatch: true,
+            returnFirst: true
+          });
+          const parentNode = foundParentNodes[0];
+          if (parentNode) {
+            // 选中父节点
+            updateTreeState({
+              data: newTreeData,
+              selectedKeys: [parentNode.key],
+              currentPath: parentNode.path,
+              contents: parentNode.contents
+            });
+          } else {
+            // 找不到父节点，选中第一个根节点
+            const firstNode = newTreeData[0];
+            if (firstNode) {
+              updateTreeState({
+                data: newTreeData,
+                selectedKeys: [firstNode.key],
+                currentPath: firstNode.path,
+                contents: firstNode.contents
+              });
+            } else {
+              // 树为空
+              updateTreeState({
+                data: newTreeData,
+                selectedKeys: [],
+                currentPath: '',
+                contents: []
+              });
+            }
+          }
+        } else {
+          // 删除的是根节点，重新初始化
+          await initTreeData();
+        }
+      } else {
+        // 删除的不是当前选中节点，只刷新树结构
+        const newTreeData = await getTreeStructure('');
+        if (newTreeData) {
+          updateTreeState({
+            data: newTreeData
+          });
         }
       }
-    });
-  };
-  const updateProgress = (uploadedSize, totalSize) => {
-    const totalPercent = Math.round(uploadedSize / totalSize * 100);
-    setPercent(totalPercent);
-  };
-
-  // 重置上传状态
-  const resetUploadState = () => {
-    setShowProgress(false);
-    setPercent(0);
-    if (inputRef.current) inputRef.current.value = "";
-  };
+    } catch (error) {
+      handleError(error, 'REMOVE FOLDER/FILE');
+    }
+  }, [getTreeStructure, initTreeData, treeState.selectedKeys, treeState.currentPath]);
 
-  // 文件操作函数
-  const downloadFile = async url => {
+  // 重命名
+  const handleRename = useCallback(async node => {
+    const newPath = pathUtils.getNewPath(node, node.title);
+    if (pathUtils.isSamePath(node.path, newPath)) return false;
     try {
-      const isDev = process.env.NODE_ENV === 'development';
-      const baseUrl = isDev ? process.env.API_HOST // 开发环境默认值
-      : window.location.origin; // 生产环境用当前域名
+      await renameFolderFile({
+        old_path: pathUtils.replaceRoot(node.path),
+        new_path: pathUtils.replaceRoot(newPath)
+      });
 
-      const link = document.createElement('a');
-      link.href = "".concat(baseUrl).concat(mergedApiConfig.download, "/").concat(url);
-      // link.download = filename;
-      link.style.display = 'none';
-      document.body.appendChild(link);
-      link.click();
-      document.body.removeChild(link);
+      // 刷新树结构
+      const newTreeData = await getTreeStructure('');
+      if (newTreeData) {
+        updateTreeState({
+          data: newTreeData
+        });
+      }
     } catch (error) {
-      console.error("Download failed:", error);
+      handleError(error, 'RENAME FOLDER/FILE');
     }
-  };
-  const copyFile = () => {
-    setModalVisible(true);
-  };
-  const onContextMenu = (key, item) => {
-    if (key === 'del') removeFile(item.url);
-    if (key === 'download') downloadFile(item.url);
-    if (key === 'copy') copyFile(item.url);
-  };
-  const handleBatchRemove = useCallback(async () => {
-    if (!selectedItems.length) return;
-    modal.confirm({
-      icon: /*#__PURE__*/jsx(ExclamationCircleFilled, {}),
-      title: "Are you sure you want to delete ".concat(selectedItems.length, " files?"),
-      cancelText: "No",
-      okText: "Yes",
-      onOk: async () => {
-        try {
-          // 批量处理所有删除请求
-          await mergedApiConfig.removeFolderFile({
-            paths: selectedItems.map(itemUrl => ({
-              path: itemUrl
-            }))
-          });
+  }, [getTreeStructure]);
 
-          // 更新状态
-          setSelectedItems([]);
-          setIndeterminate(false);
-          setCheckAll(false);
-          await updateFileContents(); // 刷新文件列表
-        } catch (error) {
-          console.error('Batch deletion error:', error);
-        }
-      }
-    });
-  }, [selectedItems, mergedApiConfig, updateFileContents]);
-  const handleBatchDownload = useCallback(async () => {
-    if (!selectedItems.length) return;
-    setBatchLoading(true);
+  // 刷新树数据
+  const refreshTreeData = useCallback(async () => {
     try {
-      // 逐个下载文件
-      for (let i = 0; i < selectedItems.length; i++) {
-        const url = selectedItems[i];
-        downloadFile(url);
+      const newTreeData = await getTreeStructure('');
+      if (!newTreeData) return;
 
-        // 添加延迟避免浏览器并发限制（建议 500-1000ms）
-        if (i < selectedItems.length - 1) {
-          await new Promise(resolve => setTimeout(resolve, 500));
+      // 保持当前选中状态
+      const currentPath = treeState.currentPath;
+      if (currentPath) {
+        const foundNodes = findTreeNodeByPath(newTreeData, currentPath, {
+          exactMatch: true,
+          returnFirst: true
+        });
+        const currentNode = foundNodes[0];
+        if (currentNode) {
+          updateTreeState({
+            data: newTreeData,
+            selectedKeys: [currentNode.key],
+            contents: currentNode.contents
+          });
+        } else {
+          // 当前节点不存在，选中第一个节点
+          const firstNode = newTreeData[0];
+          if (firstNode) {
+            updateTreeState({
+              data: newTreeData,
+              selectedKeys: [firstNode.key],
+              currentPath: firstNode.path,
+              contents: firstNode.contents
+            });
+          } else {
+            updateTreeState({
+              data: newTreeData,
+              selectedKeys: [],
+              currentPath: '',
+              contents: []
+            });
+          }
         }
+      } else {
+        updateTreeState({
+          data: newTreeData
+        });
       }
     } catch (error) {
-      console.error('Batch download error:', error);
-    } finally {
-      setBatchLoading(false);
+      handleError(error, 'REFRESH TREE DATA');
     }
-  }, [selectedItems, downloadFile]);
-  const handleCopyConfirm = useCallback(async newPath => {
-    setBatchLoading(true);
+  }, [getTreeStructure, treeState.currentPath]);
+
+  // 更新文件contents （上传右侧文件或删除右侧文件 成功后的回调函数）
+  const updateFileContents = useCallback(async () => {
+    if (!treeState.currentPath) return;
     try {
-      // 批量处理所有拷贝请求
-      await mergedApiConfig.copyFile({
-        old_paths: selectedItems.map(itemUrl => ({
-          old_path: itemUrl
-        })),
-        new_path: newPath
+      const newTreeData = await getTreeStructure('');
+      if (!newTreeData) return;
+      const foundNodes = findTreeNodeByPath(newTreeData, treeState.currentPath, {
+        exactMatch: true,
+        returnFirst: true
       });
+      const currentNode = foundNodes[0];
+      if (currentNode) {
+        updateTreeState({
+          contents: currentNode.contents
+        });
+      }
+    } catch (error) {
+      handleError(error, 'UPDATE FILE CONTENTS');
+    }
+  }, [getTreeStructure, treeState.currentPath]);
 
-      // 更新状态
-      setSelectedItems([]);
-      setIndeterminate(false);
-      setCheckAll(false);
-      message.success('Success');
-      setModalVisible(false);
-
-      // 延迟2s刷新数据
-      await new Promise(resolve => setTimeout(resolve, 2000));
+  // 删除文件
+  const removeFile = useCallback(async url => {
+    try {
+      await removeFolderFile({
+        path: url
+      });
       await updateFileContents();
     } catch (error) {
-      console.error("Batch copy error:", error);
-    } finally {
-      setBatchLoading(false);
+      handleError(error, 'REMOVE FILE');
     }
-  }, [selectedItems, mergedApiConfig, updateFileContents]);
-
-  // 处理单个项目的选择变化
-  const handleSelectChange = (item, checked) => {
-    const newSelectedItems = checked ? [...selectedItems, item.url] : selectedItems.filter(url => url !== item.url);
-    setSelectedItems(newSelectedItems);
-    setIndeterminate(!!newSelectedItems.length && newSelectedItems.length !== filteredContents.length);
-    setCheckAll(newSelectedItems.length === filteredContents.length);
-  };
-
-  // 处理全选/取消全选
-  const handleSelectAll = e => {
-    const checked = e.target.checked;
-    setSelectedItems(checked ? filteredContents.map(item => item.url) : []);
-    setIndeterminate(false);
-    setCheckAll(checked);
-  };
-
-  // 搜索框变化处理
-  const handleSearchChange = e => {
-    setKeyword(e.target.value);
+  }, [updateFileContents]);
+  const MemoizedTree = useMemo(() => {
+    var _treeState$data;
+    if (!((_treeState$data = treeState.data) !== null && _treeState$data !== void 0 && _treeState$data.length)) {
+      return /*#__PURE__*/jsx(Empty, {
+        image: Empty.PRESENTED_IMAGE_SIMPLE
+      });
+    }
+    return /*#__PURE__*/jsx("div", {
+      style: wrapperStyle,
+      children: /*#__PURE__*/jsx(ConfigProvider, {
+        theme: theme,
+        children: /*#__PURE__*/jsx(Tree, {
+          blockNode: true,
+          showIcon: true,
+          selectedKeys: treeState.selectedKeys,
+          expandedKeys: treeState.expandedKeys,
+          onSelect: onSelect,
+          onExpand: expandable ? onExpand : undefined // 不允许展开时不绑定事件
+          ,
+          treeData: treeState.data,
+          titleRender: nodeData => /*#__PURE__*/jsx(TreeTitle$1, {
+            title: nodeData.title,
+            nodeData: nodeData,
+            isEditable: isEditable,
+            handleSave: handleRename,
+            handleDel: handleRemove,
+            handleAdd: handleCreate
+          }),
+          height: height,
+          style: treeStyle
+        })
+      })
+    }, "folder-directory");
+  }, [treeState.data, treeState.selectedKeys, treeState.expandedKeys]);
+  return {
+    directoryTree: MemoizedTree,
+    contents: treeState.contents,
+    currentPath: treeState.currentPath,
+    loading: treeState.loading,
+    originTreeData,
+    updateFileContents,
+    removeFile,
+    refreshTreeData,
+    // 暴露刷新方法
+    fetchFolderData: refreshTreeData // 也可以保留别名
   };
-
-  // 创建 URL 构建器
-  const getFullUrl = useMemo(() => {
-    return createUrlBuilder({
-      baseUrl: apiConfig.baseUrl,
-      devBaseUrl: apiConfig.devBaseUrl,
-      isDev: process.env.NODE_ENV === 'development',
-      isBrowser: typeof window !== 'undefined'
-    });
-  }, [apiConfig.baseUrl, apiConfig.devBaseUrl]);
-  return /*#__PURE__*/jsxs("div", {
-    className: "resources-view ".concat(className),
-    style: style,
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "content-container",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "directory-tree",
-        children: [renderTreeHeader ? renderTreeHeader() : /*#__PURE__*/jsx("div", {
-          className: "search-bar"
-        }), directoryTree]
-      }), /*#__PURE__*/jsxs("div", {
-        className: "folder-contents",
-        children: [/*#__PURE__*/jsxs(Flex, {
-          justify: "center",
-          align: "center",
-          className: "search-bar",
-          children: [mergedFeatures.search && /*#__PURE__*/jsx(Input, {
-            value: keyword,
-            onChange: handleSearchChange,
-            placeholder: searchPlaceholder,
-            prefix: /*#__PURE__*/jsx(SearchOutlined, {}),
-            allowClear: true,
-            className: "search-input"
-          }), mergedFeatures.upload && /*#__PURE__*/jsxs(Fragment, {
-            children: [/*#__PURE__*/jsx(CloudUploadOutlined, {
-              className: "upload-icon",
-              title: "upload",
-              onClick: onTriggerUpload
-            }), /*#__PURE__*/jsx("input", {
-              ref: inputRef,
-              type: "file",
-              onChange: onUploadFile,
-              className: "hidden",
-              accept: acceptFileTypes,
-              multiple: true
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "media-grid-container",
-          onContextMenu: e => e.preventDefault(),
-          children: [renderGridHeader ? renderGridHeader() : filteredContents.length > 0 && mergedFeatures.batchOperations && /*#__PURE__*/jsx("div", {
-            className: "batch-operations",
-            children: /*#__PURE__*/jsxs(Space, {
-              size: "middle",
-              children: [/*#__PURE__*/jsx(Checkbox, {
-                indeterminate: indeterminate,
-                checked: checkAll,
-                onChange: handleSelectAll,
-                children: "Select All"
-              }), /*#__PURE__*/jsx(Button, {
-                type: "primary",
-                disabled: !selectedItems.length,
-                onClick: () => setModalVisible(true),
-                children: "Copy"
-              }), /*#__PURE__*/jsx(Button, {
-                className: "btn-gray",
-                disabled: !selectedItems.length,
-                onClick: handleBatchRemove,
-                children: "Delete"
-              }), /*#__PURE__*/jsx(Button, {
-                className: "btn-gray",
-                disabled: !selectedItems.length,
-                onClick: handleBatchDownload,
-                children: "Download"
-              })]
-            })
-          }), /*#__PURE__*/jsx(MediaGrid$1, {
-            items: filteredContents,
-            loading: loading,
-            onContextMenu: mergedFeatures.delete || mergedFeatures.download || mergedFeatures.copy ? onContextMenu : null,
-            selectedKeys: selectedItems,
-            showCheckbox: mergedFeatures.batchOperations,
-            onSelectChange: mergedFeatures.batchOperations ? handleSelectChange : null,
-            gridConfig: mergedFeatures.batchOperations ? {
-              gutter: 0,
-              column: 6
-            } : {
-              gutter: 24,
-              column: 6
-            },
-            features: mergedFeatures,
-            getFullUrl: getFullUrl
-          })]
-        })]
-      })]
-    }), showProgress && /*#__PURE__*/jsx(UploadProgress$1, {
-      percent: percent
-    }), /*#__PURE__*/jsx(SelectFolderPathModal$1, {
-      open: modalVisible,
-      directoryTree: originTreeData,
-      batchLoading: batchLoading,
-      onClose: () => setModalVisible(false),
-      onOk: handleCopyConfirm
-    })]
-  });
 };
-var ResourcesView$1 = ResourcesView;
 
 export { ResourcesView$1 as ResourcesView, useDirectoryTree };
 //# sourceMappingURL=index.esm.js.map