seeder-resources-view 1.3.9 → 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,6 +17555,466 @@ const UploadProgress = _ref => {
 };
 var UploadProgress$1 = /*#__PURE__*/memo(UploadProgress);
 
+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 {
+    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 {
+    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;
+    }
+    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
+  });
+
+  // 监听外部刷新信号变化
+  useEffect(() => {
+    if (refreshTreeData && refreshSignal > 0) {
+      refreshTreeData();
+    }
+  }, [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]);
+
+  // 上传相关函数
+  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;
+
+    // 初始化上传状态
+    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));
+      }
+    } finally {
+      resetUploadState();
+    }
+  };
+  const uploadFiles = async (files, folder) => {
+    // 计算所有文件的总大小
+    const totalSize = calculateTotalSize(files);
+    // 存储每个文件的上一次 loaded 值（避免重复计算）
+    const previousLoadedMap = new Map();
+    let uploadedSize = 0; // 记录已上传的字节数
+
+    const uploadTasks = Array.from(files).map(file => uploadSingleFile(file, folder, previousLoadedMap, newLoaded => {
+      uploadedSize += newLoaded;
+      updateProgress(uploadedSize, totalSize);
+    }));
+    await Promise.all(uploadTasks);
+  };
+
+  // 计算总文件大小
+  const calculateTotalSize = files => Array.from(files).reduce((sum, file) => sum + file.size, 0);
+
+  // 上传单个文件
+  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);
+  };
+
+  // 重置上传状态
+  const resetUploadState = () => {
+    setShowProgress(false);
+    setPercent(0);
+    if (inputRef.current) inputRef.current.value = "";
+  };
+
+  // 文件操作函数
+  const downloadFile = async url => {
+    try {
+      const isDev = process.env.NODE_ENV === 'development';
+      const baseUrl = isDev ? process.env.API_HOST // 开发环境默认值
+      : window.location.origin; // 生产环境用当前域名
+
+      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
+            }))
+          });
+
+          // 更新状态
+          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);
+
+        // 添加延迟避免浏览器并发限制（建议 500-1000ms）
+        if (i < selectedItems.length - 1) {
+          // eslint-disable-next-line no-promise-executor-return
+          await new Promise(resolve => setTimeout(resolve, 500));
+        }
+      }
+    } catch (error) {
+      console.error('Batch download error:', error);
+    } finally {
+      setBatchLoading(false);
+    }
+  }, [selectedItems, downloadFile]);
+  const handleCopyConfirm = useCallback(async newPath => {
+    setBatchLoading(true);
+    try {
+      // 批量处理所有拷贝请求
+      await mergedApiConfig.copyFile({
+        old_paths: selectedItems.map(itemUrl => ({
+          old_path: itemUrl
+        })),
+        new_path: newPath
+      });
+
+      // 更新状态
+      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) {
+      console.error("Batch copy error:", error);
+    } finally {
+      setBatchLoading(false);
+    }
+  }, [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);
+  };
+
+  // 创建 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,
@@ -17724,7 +18184,14 @@ const TreeTitleNode = _ref2 => {
           title: "Confirm deletion?",
           onConfirm: () => handleDel(nodeData),
           okText: "Yes",
-          cancelText: "No",
+          cancelText: "No"
+          // okButtonProps={{
+          //   size: "middle"  // 增大确认按钮
+          // }}
+          // cancelButtonProps={{
+          //   size: "middle"  // 增大取消按钮
+          // }}
+          ,
           children: /*#__PURE__*/jsx("div", {
             className: "px-1",
             title: "Delete",
@@ -17830,29 +18297,6 @@ const buildDirectoryTree = function (data) {
   return build(processedData);
 };
 
-/**
- * 查找树中指定key的节点
- * @param {Array} treeData - 树数据
- * @param {string} targetKey - 要查找的key
- * @returns {Array} 包含匹配节点的数组
- */
-const findTreeNode = (treeData, targetKey) => {
-  if (!Array.isArray(treeData) || typeof targetKey !== 'string') return [];
-  const result = [];
-  const stack = [...treeData];
-  while (stack.length) {
-    const node = stack.pop();
-    if (node.key === targetKey) {
-      result.push(node);
-      // 如果只需要第一个匹配项，可以在这里break
-    }
-    if (Array.isArray(node.children)) {
-      stack.push(...node.children);
-    }
-  }
-  return result;
-};
-
 /**
  * 获取树中所有节点的keys
  * @param {Array} treeData - 树数据
@@ -17865,831 +18309,571 @@ const getAllNodeKeys = 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;
-};
-
-/**
- * 根据 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();
-
-    // 检查当前节点是否匹配
-    if (node.url) {
-      const isMatch = exactMatch ? node.url === url : node.url.includes(url);
-      if (isMatch) {
-        result.push(node);
-        if (returnFirst) {
-          return result; // 找到第一个匹配项就结束
-        }
-      }
-    }
-
-    // 递归处理子节点
-    if (Array.isArray(node.children)) {
-      stack.push(...node.children);
-    }
-  }
-  return result;
-};
-
-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,
-    // 新增：是否允许展开/折叠
-    onSelectDir,
-    // 新增：选择目录回调
-    selectedDirPath = null // 新增：外部传入的选中目录名
-  } = _ref;
-  const [treeState, setTreeState] = useState({
-    data: [],
-    selectedKeys: [],
-    expandedKeys: [],
-    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);
-    }
-  };
-
-  // 节点查找工具
-  const nodeUtils = {
-    findNode: (treeData, key) => {
-      return findTreeNode(treeData, key);
-    },
-    findNodeByUrl: (treeData, url) => {
-      return findTreeNodeByUrl(treeData, url);
-    }
-  };
-
-  // 获取文件夹数据 文件夹名称为空时返回根目录数据
-  const fetchFolderData = useCallback(async function () {
-    let initialization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-    try {
-      // 构建请求参数
-      const requestParams = {
-        folder: ""
-      };
-      if (mediaType) {
-        requestParams.media_type = mediaType;
-      }
-      const data = await getFolderData(requestParams);
-      if (!(data !== null && data !== void 0 && data.directoryTree)) {
-        return null;
-      }
-      setOriginTreeData(data.directoryTree);
-
-      // 递归生成treenodes
-      const treeNodes = buildDirectoryTree(data.directoryTree, {
-        withRoot: withRootNode
-      });
-      if (!treeNodes.length) {
-        return null;
-      }
-
-      // 确定选中的节点
-      let selectedNode = null;
-
-      // 情况1：selectedDirPath 未传（undefined/null）
-      if (selectedDirPath === undefined || selectedDirPath === null) {
-        var _selectedNode;
-        selectedNode = treeNodes[0];
-        console.log('No path provided, using first node:', (_selectedNode = selectedNode) === null || _selectedNode === void 0 ? void 0 : _selectedNode.title);
-      }
-      // 情况2：selectedDirPath 为空字符串
-      else if (selectedDirPath.trim() === '') {
-        // 不设置 selectedNode，保持为 null
-        // console.log('Empty path provided, not setting default node');
-      }
-      // 情况3：selectedDirPath 有值
-      else {
-        try {
-          const foundNodes = nodeUtils.findNodeByUrl(treeNodes, selectedDirPath);
-          selectedNode = (foundNodes === null || foundNodes === void 0 ? void 0 : foundNodes[0]) || null;
-          if (!selectedNode) {
-            console.warn("No node found for path: \"".concat(selectedDirPath, "\""));
-          }
-        } catch (error) {
-          console.error('Error finding node by URL:', error);
-          selectedNode = null;
-        }
-      }
-      const newState = _objectSpread2({
-        data: treeNodes
-      }, initialization && _objectSpread2({
-        expandedKeys: getAllNodeKeys(treeNodes)
-      }, selectedNode ? {
-        selectedKeys: [selectedNode.key].filter(Boolean),
-        currentPath: selectedNode.path || '',
-        contents: selectedNode.contents || []
-      } : {
-        selectedKeys: [],
-        currentPath: '',
-        contents: []
-      }));
-      updateTreeState(newState);
-      return treeNodes;
-    } catch (error) {
-      handleError(error, 'GET FOLDER DATA');
-    }
-  }, [mediaType, withRootNode]);
-
-  // 初始化数据
-  useEffect(() => {
-    fetchFolderData(true);
-  }, [fetchFolderData]);
-
-  // 创建文件夹
-  const handleCreate = useCallback(async (node, newTitle) => {
-    if (!(newTitle !== null && newTitle !== void 0 && newTitle.trim())) return false;
-    try {
-      var _parentNode$;
-      const path = pathUtils.replaceRoot("".concat(node.path, "/").concat(newTitle));
-      await createFolder({
-        path
-      });
-      const newTreeData = await fetchFolderData();
-
-      // 找到新增节点的父节点
-      const parentNode = nodeUtils.findNode(newTreeData, node.key);
-      if (parentNode !== null && parentNode !== void 0 && (_parentNode$ = parentNode[0]) !== null && _parentNode$ !== void 0 && _parentNode$.children) {
-        const expectedPath = "".concat(node.path, "/").concat(newTitle);
-        // 通过 path 找到新增节点，得到新增节点的key
-        const addedNode = parentNode[0].children.find(ch => pathUtils.isSamePath(ch.path, expectedPath));
-        if (addedNode) {
-          updateTreeState({
-            selectedKeys: [addedNode.key],
-            expandedKeys: [...treeState.expandedKeys, addedNode.key, parentNode[0].key],
-            currentPath: addedNode.path,
-            contents: []
-          });
-        }
-      }
-      ;
-    } catch (error) {
-      handleError(error, 'CREATE FOLDER');
-    }
-  }, [fetchFolderData, treeState.expandedKeys]);
-
-  // 删除文件/文件夹
-  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 shouldReinitialize = treeState.selectedKeys[0] === node.key;
-      await fetchFolderData(shouldReinitialize);
-    } catch (error) {
-      handleError(error, 'REMOVE FOLDER/FILE');
-    }
-  }, [fetchFolderData, treeState.selectedKeys]);
-
-  // 修改文件/文件夹
-  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)
-      });
-      await fetchFolderData();
-    } catch (error) {
-      handleError(error, 'RENAME FOLDER/FILE');
-    }
-  }, [fetchFolderData]);
-
-  // 选择节点
-  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;
-    updateTreeState({
-      selectedKeys: keys,
-      currentPath: info.node.path,
-      loading: true
-    });
-
-    // 触发 onSelectDir 回调（如果存在）
-    if (onSelectDir) {
-      onSelectDir(info.node.rawData);
-    }
-    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
-      });
+      keys.push(node.key);
     }
-  }, [treeState.selectedKeys, treeState.currentPath]);
+    if (Array.isArray(node.children)) {
+      stack.push(...node.children);
+    }
+  }
+  return keys;
+};
 
-  // 展开节点
-  const onExpand = useCallback(keys => {
-    updateTreeState({
-      expandedKeys: keys
-    });
-  }, []);
+/**
+ * 根据 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();
 
-  // 刷新树数据
-  const refreshTreeData = useCallback(async () => {
-    try {
-      const treeNodes = await fetchFolderData();
-
-      // 查找当前选中节点是否还在新数据中
-      const currentKey = treeState.selectedKeys[0];
-      let shouldUpdateContents = false;
-      if (currentKey && treeNodes) {
-        const foundNode = nodeUtils.findNode(treeNodes, currentKey);
-        if (foundNode !== null && foundNode !== void 0 && foundNode[0]) {
-          shouldUpdateContents = true;
-          updateTreeState({
-            contents: foundNode[0].contents || []
-          });
-        } else {
-          // 如果当前选中节点不存在了，清除选中状态
-          updateTreeState({
-            selectedKeys: [],
-            currentPath: '',
-            contents: []
-          });
+    // 检查当前节点是否匹配
+    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, 'REFRESH TREE DATA');
-      return null;
-    }
-  }, [fetchFolderData, treeState.selectedKeys]);
-
-  // 上传右侧文件或删除右侧文件 成功后的回调函数
-  const updateFileContents = useCallback(async () => {
-    // 找到当前选中的节点，更新当前节点的 contents
-    const newTreeData = await fetchFolderData();
-    const selectedNode = nodeUtils.findNode(newTreeData, treeState.selectedKeys[0]);
-    if (selectedNode !== null && selectedNode !== void 0 && selectedNode[0]) {
-      updateTreeState({
-        contents: selectedNode[0].contents
-      });
     }
-  }, [fetchFolderData, treeState.selectedKeys]);
 
-  // 删除文件
-  const removeFile = useCallback(async url => {
-    try {
-      await removeFolderFile({
-        path: url
-      });
-      await updateFileContents();
-    } catch (error) {
-      handleError(error, 'REMOVE FILE');
-    }
-  }, [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
-      });
+    // 递归处理子节点
+    if (Array.isArray(node.children)) {
+      stack.push(...node.children);
     }
-    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 // 也可以保留别名
-  };
+  }
+  return result;
 };
 
-const createUrlBuilder = function () {
-  let config = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+/**
+ * 通过路径查找树节点
+ * @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 {
-    baseUrl = '',
-    isDev = false,
-    devBaseUrl = '',
-    isBrowser = false
-  } = config;
-  return path => {
-    if (!path) return '';
+    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();
 
-    // 如果传入的是完整 URL，直接返回
-    if (/^https?:\/\//.test(path)) {
-      return path;
+    // 检查当前节点是否匹配 - 目录有 path 属性
+    if (node.path) {
+      const isMatch = exactMatch ? node.path === targetPath : node.path.includes(targetPath);
+      if (isMatch) {
+        result.push(node);
+        if (returnFirst) {
+          return result; // 找到第一个匹配项就结束
+        }
+      }
     }
 
-    // 去除 path 开头可能的多余斜杠
-    const cleanPath = path.replace(/^\/+/, '');
-
-    // 开发环境使用 devBaseUrl，否则使用 baseUrl
-    const host = isDev ? devBaseUrl : baseUrl;
-
-    // 如果没有配置 baseUrl，则根据环境返回相对路径或完整路径
-    if (!host) {
-      return isBrowser ? "/".concat(cleanPath) : cleanPath;
+    // 递归处理子节点
+    if (Array.isArray(node.children)) {
+      stack.push(...node.children);
     }
-    return host ? "".concat(host, "/").concat(cleanPath) : "/".concat(cleanPath);
-  };
+  }
+  return result;
 };
 
-const pathUtils = {
-  replaceRoot: path => path.replace(/^root$|^root\//, '')
-};
-const ResourcesView = _ref => {
+const useDirectoryTree = _ref => {
   let {
-    apiConfig = {},
-    features = {},
-    className = '',
-    style = {},
-    renderTreeHeader,
-    renderGridHeader,
+    getFolderData,
+    createFolder,
+    removeFolderFile,
+    renameFolderFile,
+    mediaType,
+    isEditable = true,
+    batchOperations = true,
     withRootNode = true,
-    acceptFileTypes = "video/*,.mxf,application/mxf,video/mxf",
-    uploadTimeout = 60 * 60 * 1000,
-    searchPlaceholder = "Search ...",
-    refreshSignal = 0 // 外部刷新信号，数值变化时触发刷新
+    height = 828,
+    theme = {
+      components: {
+        Tree: {
+          titleHeight: 30
+        }
+      }
+    },
+    treeStyle = {},
+    // Tree 组件样式
+    wrapperStyle = {
+      paddingTop: 16
+    },
+    // 包装器样式
+    expandable = true,
+    // 新增：是否允许展开/折叠
+    onSelectDir,
+    // 新增：选择目录回调
+    selectedDirPath = null // 新增：外部传入的选中目录名
   } = _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
+  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);
+    // 可以添加通知等统一错误处理
+  };
 
-  // 监听外部刷新信号变化
-  useEffect(() => {
-    if (refreshTreeData && refreshSignal > 0) {
-      refreshTreeData();
+  // 路径处理工具
+  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('/') || '';
     }
-  }, [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), []);
+  // 根据路径确定选中的节点
+  const determineSelectedNode = useCallback((treeNodes, path) => {
+    if (treeNodes.length === 0) return null;
 
-  // 监听 keyword 变化并触发防抖
-  useEffect(() => {
-    debouncedSearch(keyword);
-    return () => debouncedSearch.cancel(); // 组件卸载时取消防抖
-  }, [keyword, debouncedSearch]);
+    // 情况1：未传路径，使用第一个节点
+    if (path === undefined || path === null) {
+      return treeNodes[0];
+    }
 
-  // 过滤内容
-  const filteredContents = useMemo(() => {
-    if (!debouncedKeyword) return contents;
-    return contents.filter(item => item.name.toLowerCase().includes(debouncedKeyword.toLowerCase()));
-  }, [contents, debouncedKeyword]);
+    // 情况2：空字符串，不选中任何节点
+    if (path.trim() === '') {
+      return null;
+    }
 
-  // 在组件卸载时取消上传
-  useEffect(() => {
-    return () => {
-      var _uploadController$cur;
-      return (_uploadController$cur = uploadController.current) === null || _uploadController$cur === void 0 ? void 0 : _uploadController$cur.abort();
-    };
+    // 情况3：有值，查找对应节点
+    try {
+      const foundNodes = findTreeNodeByUrl(treeNodes, path);
+      return (foundNodes === null || foundNodes === void 0 ? void 0 : foundNodes[0]) || null;
+    } catch (error) {
+      console.error('Error finding node by URL:', error);
+      return null;
+    }
   }, []);
 
-  // 重置批量状态的效果
+  // 获取树结构（目录层级）
+  const getTreeStructure = useCallback(async folder => {
+    try {
+      // 构建请求参数
+      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
+      });
+    } catch (error) {
+      handleError(error, 'GET TREE STRUCTURE');
+      return null;
+    }
+  }, [mediaType, withRootNode]);
+
+  // 初始化树结构
+  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;
+      }
+
+      // 确定选中的节点
+      let selectedNode = determineSelectedNode(treeNodes, selectedDirPath);
+
+      // 获取初始选中节点的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]);
+
+  // 初始化数据
   useEffect(() => {
-    setSelectedItems([]);
-    setIndeterminate(false);
-    setCheckAll(false);
-  }, [currentPath]);
+    initTreeData();
+  }, [initTreeData]);
 
-  // 上传相关函数
-  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;
+  // 选择节点
+  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;
+    }
+    updateTreeState({
+      selectedKeys: keys,
+      currentPath: info.node.path,
+      loading: true
+    });
 
-    // 初始化上传状态
-    setShowProgress(true);
-    setPercent(0);
+    // 触发 onSelectDir 回调（如果存在）
+    if (onSelectDir) {
+      onSelectDir(info.node.rawData);
+    }
     try {
-      await uploadFiles(files, pathUtils.replaceRoot(currentPath));
-      // 延迟2s刷新数据
-      await new Promise(resolve => setTimeout(resolve, 2000));
-      await updateFileContents();
+      // 模拟延迟加载
+      // eslint-disable-next-line no-promise-executor-return
+      await new Promise(resolve => setTimeout(resolve, 300));
+      updateTreeState({
+        contents: info.node.contents,
+        loading: false
+      });
     } 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));
-      }
-    } finally {
-      resetUploadState();
+      handleError(error, 'SELECT NODE');
+      updateTreeState({
+        loading: false
+      });
     }
-  };
-  const uploadFiles = async (files, folder) => {
-    // 计算所有文件的总大小
-    const totalSize = calculateTotalSize(files);
-    // 存储每个文件的上一次 loaded 值（避免重复计算）
-    const previousLoadedMap = new Map();
-    let uploadedSize = 0; // 记录已上传的字节数
+  }, [treeState.selectedKeys, treeState.currentPath]);
 
-    const uploadTasks = Array.from(files).map(file => uploadSingleFile(file, folder, previousLoadedMap, newLoaded => {
-      uploadedSize += newLoaded;
-      updateProgress(uploadedSize, totalSize);
-    }));
-    await Promise.all(uploadTasks);
-  };
+  // 展开节点
+  const onExpand = useCallback(keys => {
+    updateTreeState({
+      expandedKeys: keys
+    });
+  }, []);
 
-  // 计算总文件大小
-  const calculateTotalSize = files => Array.from(files).reduce((sum, file) => sum + file.size, 0);
+  // 创建文件夹
+  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 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 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: []
+        });
       }
-    });
-  };
-  const updateProgress = (uploadedSize, totalSize) => {
-    const totalPercent = Math.round(uploadedSize / totalSize * 100);
-    setPercent(totalPercent);
-  };
+    } catch (error) {
+      handleError(error, 'CREATE FOLDER');
+    }
+  }, [getTreeStructure, treeState.expandedKeys]);
 
-  // 重置上传状态
-  const resetUploadState = () => {
-    setShowProgress(false);
-    setPercent(0);
-    if (inputRef.current) inputRef.current.value = "";
-  };
+  // 删除文件/文件夹
+  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 downloadFile = async url => {
+      // 检查是否删除的是当前选中的节点
+      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 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
+          });
+        }
+      }
+    } catch (error) {
+      handleError(error, 'REMOVE FOLDER/FILE');
+    }
+  }, [getTreeStructure, 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 {
-      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);
+  // 刷新树数据
+  const refreshTreeData = useCallback(async () => {
+    try {
+      const newTreeData = await getTreeStructure('');
+      if (!newTreeData) return;
+
+      // 保持当前选中状态
+      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
+        });
       }
-    });
-  }, [selectedItems, mergedApiConfig, updateFileContents]);
-  const handleCopyConfirm = useCallback(async newPath => {
-    setBatchLoading(true);
+    } catch (error) {
+      handleError(error, 'REFRESH TREE DATA');
+    }
+  }, [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(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