seeder-resources-view 1.0.0

package/dist/index.js

@@ -0,0 +1,1278 @@
+'use strict';
+
+var react = require('react');
+var antd = require('antd');
+var icons = require('@ant-design/icons');
+var axios = require('axios');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _defineProperty(e, r, t) {
+  return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+function _extends() {
+  return _extends = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+    }
+    return n;
+  }, _extends.apply(null, arguments);
+}
+function _objectDestructuringEmpty(t) {
+  if (null == t) throw new TypeError("Cannot destructure " + t);
+}
+function ownKeys(e, r) {
+  var t = Object.keys(e);
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(e);
+    r && (o = o.filter(function (r) {
+      return Object.getOwnPropertyDescriptor(e, r).enumerable;
+    })), t.push.apply(t, o);
+  }
+  return t;
+}
+function _objectSpread2(e) {
+  for (var r = 1; r < arguments.length; r++) {
+    var t = null != arguments[r] ? arguments[r] : {};
+    r % 2 ? ownKeys(Object(t), !0).forEach(function (r) {
+      _defineProperty(e, r, t[r]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) {
+      Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
+    });
+  }
+  return e;
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r || "default");
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return ("string" === r ? String : Number)(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+
+const BASE_MENU_ITEMS = [{
+  label: 'Download',
+  key: 'download',
+  featureKey: 'download'
+}, {
+  label: 'Copy',
+  key: 'copy',
+  featureKey: 'copy'
+}, {
+  label: 'Delete',
+  key: 'del',
+  featureKey: 'delete'
+}];
+const MediaGridItem = /*#__PURE__*/react.memo(_ref => {
+  let {
+    item,
+    onContextMenu,
+    menuItems = DEFAULT_MENU_ITEMS,
+    checked,
+    onSelectChange,
+    showCheckbox = true,
+    onClick,
+    getFullUrl
+  } = _ref;
+  const handleMenuClick = react.useCallback(_ref2 => {
+    let {
+      key
+    } = _ref2;
+    return onContextMenu(key, item);
+  }, [item, onContextMenu]);
+  const handleItemClick = react.useCallback(() => {
+    onClick === null || onClick === void 0 || onClick(item);
+  }, [item, onClick]);
+  const handleCheckboxChange = react.useCallback(e => {
+    e.stopPropagation();
+    onSelectChange === null || onSelectChange === void 0 || onSelectChange(item, e.target.checked);
+  }, [item, onSelectChange]);
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Dropdown, {
+    menu: {
+      items: menuItems,
+      onClick: handleMenuClick
+    },
+    trigger: ['contextMenu'],
+    disabled: !onContextMenu,
+    children: /*#__PURE__*/jsxRuntime.jsxs(antd.List.Item, {
+      className: "media-grid-item ".concat(checked ? 'media-grid-item-selected' : ''),
+      title: item.name,
+      onClick: handleItemClick,
+      children: [showCheckbox && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "media-grid-checkbox-wrapper",
+        onClick: e => e.stopPropagation(),
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Checkbox, {
+          checked: checked,
+          onChange: handleCheckboxChange
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "media-grid-thumbnail",
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Image, {
+          width: "100%",
+          height: "100%",
+          src: getFullUrl(item.head_thumbnail),
+          preview: false
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "media-grid-info",
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Typography.Text, {
+          ellipsis: true,
+          children: item.name
+        })
+      })]
+    })
+  });
+});
+const MediaGrid = /*#__PURE__*/react.memo(_ref3 => {
+  let {
+    items = [],
+    loading = false,
+    onContextMenu,
+    selectedKeys = [],
+    onSelectChange,
+    menuItems: customMenuItems,
+    gridConfig = {
+      gutter: 0,
+      column: 6
+    },
+    showCheckbox = true,
+    onClick,
+    features = {},
+    getFullUrl
+  } = _ref3;
+  // 合并默认 features 和传入的 features
+  const mergedFeatures = useMemo(() => _objectSpread2({
+    download: true,
+    copy: true,
+    delete: true
+  }, features), [features]);
+
+  // 根据 features 动态生成 menuItems
+  const menuItems = useMemo(() => {
+    // 如果传入了自定义 menuItems，则优先使用
+    if (customMenuItems) return customMenuItems;
+
+    // 否则根据 features 过滤出可用的菜单项
+    return BASE_MENU_ITEMS.filter(item => mergedFeatures[item.featureKey] !== false);
+  }, [customMenuItems, mergedFeatures]);
+  const renderItem = react.useCallback(item => /*#__PURE__*/jsxRuntime.jsx(MediaGridItem, {
+    item: item,
+    onContextMenu: menuItems.length > 0 ? onContextMenu : null,
+    menuItems: menuItems,
+    checked: selectedKeys.includes(item.url) // 使用url作为唯一标识
+    ,
+    onSelectChange: onSelectChange,
+    showCheckbox: showCheckbox,
+    onClick: onClick,
+    getFullUrl: getFullUrl // 传递 getFullUrl 给子组件
+  }), [onContextMenu, menuItems, selectedKeys, onSelectChange, showCheckbox, onClick]);
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Spin, {
+    spinning: loading,
+    size: "large",
+    children: /*#__PURE__*/jsxRuntime.jsx(antd.List, {
+      grid: gridConfig,
+      dataSource: items,
+      renderItem: renderItem,
+      pagination: false
+      // locale={{ emptyText: 'No media files found' }}
+    })
+  });
+});
+var MediaGrid$1 = MediaGrid;
+
+const SelectFolderPathModal = _ref => {
+  let {
+    open,
+    onClose,
+    onOk,
+    directoryTree,
+    loading: externalLoading,
+    batchLoading,
+    title = "Select Folder Path",
+    okText = "Copy",
+    cancelText = "Cancel",
+    placeholder = "Please select (click arrow to expand)",
+    width = 520,
+    formItemLabel = "Folder Path",
+    showFullPath = false,
+    disabled = false,
+    allowClear = true,
+    expandTrigger = "hover"
+  } = _ref;
+  const [form] = antd.Form.useForm();
+  const [options, setOptions] = react.useState([]);
+  const [internalLoading, setInternalLoading] = react.useState(false);
+  const [selectedPath, setSelectedPath] = react.useState([]);
+  const loading = externalLoading || internalLoading;
+
+  // 将 directoryTree 转换为 Cascader 需要的 options 格式
+  const convertToCascaderOptions = react.useCallback(treeData => {
+    if (!treeData || !Array.isArray(treeData)) return [];
+    return treeData.map(item => {
+      if (!item) return null;
+      const option = {
+        value: item.id,
+        label: item.sd_index || item.name,
+        isLeaf: !item.contents || item.contents.length === 0,
+        path: item.path,
+        rawData: item // 保留原始数据
+      };
+      if (item.contents && Array.isArray(item.contents) && item.contents.length > 0) {
+        // 递归处理子目录
+        option.children = convertToCascaderOptions(item.contents.filter(child => child && child.type === 'directory'));
+      }
+      return option;
+    }).filter(Boolean);
+  }, []);
+
+  // 初始化 options
+  react.useEffect(() => {
+    if (open && directoryTree) {
+      setInternalLoading(true);
+      try {
+        const formattedOptions = convertToCascaderOptions(directoryTree);
+        setOptions(formattedOptions);
+      } catch (error) {
+        console.error('Error converting directory tree:', error);
+      } finally {
+        setInternalLoading(false);
+      }
+    }
+  }, [open, directoryTree, convertToCascaderOptions]);
+
+  // 根据value路径查找对应的节点信息
+  const getSelectedNodes = react.useCallback(function (valuePath, currentOptions) {
+    let collectedNodes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+    if (!valuePath || valuePath.length === 0 || !currentOptions) return collectedNodes;
+    const currentValue = valuePath[0];
+    const currentNode = currentOptions.find(opt => opt && opt.value === currentValue);
+    if (!currentNode) return collectedNodes;
+    collectedNodes.push(currentNode);
+    if (valuePath.length > 1 && currentNode.children) {
+      return getSelectedNodes(valuePath.slice(1), currentNode.children, collectedNodes);
+    }
+    return collectedNodes;
+  }, []);
+  const handleOk = react.useCallback(() => {
+    form.validateFields().then(values => {
+      if (!values.path) {
+        message.warning('Please select a folder path');
+        return;
+      }
+      const selectedNodes = getSelectedNodes(values.path, options);
+      if (selectedNodes.length === 0) {
+        message.warning('Invalid path selected');
+        return;
+      }
+      const lastNode = selectedNodes[selectedNodes.length - 1];
+
+      // 返回完整路径或最后节点路径
+      const resultPath = showFullPath ? selectedNodes.map(node => node.path).join('/') : lastNode.path;
+      onOk === null || onOk === void 0 || onOk(resultPath);
+    }).catch(error => {
+      console.error('Validation failed:', error);
+    });
+  }, [form, options, getSelectedNodes, onOk, showFullPath]);
+  const handleAfterClose = react.useCallback(() => {
+    form.resetFields();
+    setSelectedPath([]);
+  }, [form]);
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Modal, {
+    title: title,
+    open: open,
+    onCancel: onClose,
+    afterClose: handleAfterClose,
+    width: width,
+    destroyOnHidden: true,
+    footer: [/*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+      onClick: onClose,
+      disabled: batchLoading,
+      children: cancelText
+    }, "cancel"), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+      type: "primary",
+      onClick: handleOk,
+      loading: batchLoading,
+      disabled: disabled || selectedPath.length === 0,
+      children: okText
+    }, "submit")],
+    children: /*#__PURE__*/jsxRuntime.jsx(antd.Spin, {
+      spinning: loading,
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.Form, {
+        form: form,
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+          name: "path",
+          label: formItemLabel,
+          children: /*#__PURE__*/jsxRuntime.jsx(antd.Cascader, {
+            options: options,
+            changeOnSelect: true,
+            placeholder: placeholder,
+            style: {
+              width: '100%'
+            },
+            disabled: disabled || loading,
+            expandTrigger: expandTrigger,
+            allowClear: allowClear
+          })
+        })
+      })
+    })
+  });
+};
+var SelectFolderPathModal$1 = /*#__PURE__*/react.memo(SelectFolderPathModal);
+
+const UploadProgress = _ref => {
+  let {
+    percent
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "upload-progress",
+    children: /*#__PURE__*/jsxRuntime.jsx(antd.Progress, {
+      type: "circle",
+      percent: percent
+    })
+  });
+};
+var UploadProgress$1 = /*#__PURE__*/react.memo(UploadProgress);
+
+const PopoverContent = /*#__PURE__*/react.forwardRef((_ref, ref) => {
+  let {
+    onClose,
+    onConfirm
+  } = _ref;
+  const [value, setValue] = react.useState('');
+  const handleConfirm = react.useCallback(() => {
+    onConfirm(value, () => setValue(''));
+  }, [confirm, value]);
+  const handleKeyDown = react.useCallback(e => {
+    if (e.key === 'Enter') {
+      handleConfirm();
+    }
+  }, [handleConfirm]);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+      label: "Folder Name",
+      style: {
+        marginBottom: 8
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+        ref: ref,
+        value: value,
+        onChange: e => setValue(e.target.value),
+        onKeyDown: handleKeyDown,
+        size: "small",
+        style: {
+          width: 120
+        },
+        autoFocus: true
+      })
+    }), /*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+      justify: "flex-end",
+      gap: "small",
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "default",
+        size: "small",
+        onClick: onClose,
+        children: "Close"
+      }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+        type: "primary",
+        size: "small",
+        onClick: handleConfirm,
+        children: "OK"
+      })]
+    })]
+  });
+});
+const EditablePopover = _ref2 => {
+  let {
+    children,
+    add
+  } = _ref2;
+  const inputRef = react.useRef(null);
+  const [open, setOpen] = react.useState(false);
+  react.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 = react.useCallback(() => {
+    setOpen(false);
+  }, []);
+  const handleConfirm = react.useCallback((newTitle, callback) => {
+    add(newTitle);
+    callback === null || callback === void 0 || callback();
+    hide();
+  }, [add, hide]);
+  const handleOpenChange = react.useCallback(newOpen => {
+    setOpen(newOpen);
+  }, []);
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
+    content: /*#__PURE__*/jsxRuntime.jsx(PopoverContent, {
+      ref: inputRef,
+      onClose: hide,
+      onConfirm: handleConfirm
+    }),
+    trigger: "click",
+    open: open,
+    onOpenChange: handleOpenChange,
+    destroyOnHidden: true,
+    children: children
+  });
+};
+var EditablePopover$1 = /*#__PURE__*/react.memo(EditablePopover);
+
+const EditableContext = /*#__PURE__*/react.createContext(null);
+const TreeTitle = _ref => {
+  let props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
+  const [form] = antd.Form.useForm();
+  return /*#__PURE__*/jsxRuntime.jsx(antd.Form, {
+    form: form,
+    component: false,
+    children: /*#__PURE__*/jsxRuntime.jsx(EditableContext.Provider, {
+      value: form,
+      children: /*#__PURE__*/jsxRuntime.jsx(TreeTitleNode, _objectSpread2({}, props))
+    })
+  });
+};
+const TreeTitleNode = _ref2 => {
+  let {
+    title,
+    nodeData,
+    handleSave,
+    handleDel,
+    handleAdd
+  } = _ref2;
+  const [editing, setEditing] = react.useState(false);
+  const inputRef = react.useRef(null);
+  const form = react.useContext(EditableContext);
+  react.useEffect(() => {
+    if (editing) {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    }
+  }, [editing]);
+  const toggleEdit = react.useCallback(() => {
+    setEditing(prev => !prev);
+    form.setFieldsValue({
+      [nodeData.title]: nodeData.title
+    });
+  }, [form, nodeData.title]);
+  const save = react.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]);
+
+  // 新建文件夹 
+  // 修改文件/文件夹
+  // 删除文件/文件夹
+  const renderIconNode = react.useCallback(() => {
+    return /*#__PURE__*/jsxRuntime.jsxs("span", {
+      className: "tree-node-icons",
+      onClick: e => e.stopPropagation(),
+      children: [/*#__PURE__*/jsxRuntime.jsx(EditablePopover$1, {
+        add: newTitle => handleAdd(nodeData, newTitle),
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "px-1",
+          title: "create",
+          children: /*#__PURE__*/jsxRuntime.jsx("i", {
+            className: "iconfont icon-jia"
+          })
+        })
+      }), !nodeData.isRoot && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "px-1",
+          onClick: toggleEdit,
+          title: "edit",
+          children: /*#__PURE__*/jsxRuntime.jsx("i", {
+            className: "iconfont icon-bianji"
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(antd.Popconfirm, {
+          title: "Confirm deletion?",
+          onConfirm: () => handleDel(nodeData),
+          okText: "Yes",
+          cancelText: "No",
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "px-1",
+            title: "delete",
+            children: /*#__PURE__*/jsxRuntime.jsx("i", {
+              className: "iconfont icon-jian"
+            })
+          })
+        })]
+      })]
+    });
+  }, [handleAdd, nodeData, title, toggleEdit, handleDel]);
+  const renderChildNode = react.useCallback(() => {
+    return editing ? /*#__PURE__*/jsxRuntime.jsx(antd.Form.Item, {
+      style: {
+        margin: 0,
+        width: "100%"
+      },
+      name: nodeData.title,
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.Input, {
+        ref: inputRef,
+        onPressEnter: save,
+        onBlur: save,
+        autoComplete: "off",
+        size: "small"
+      })
+    }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(antd.Typography.Text, {
+        ellipsis: true,
+        style: {
+          width: "75%"
+        },
+        children: title
+      }), renderIconNode()]
+    });
+  }, [editing, nodeData.title, save, title, renderIconNode]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "tree-title",
+    children: renderChildNode()
+  });
+};
+var TreeTitle$1 = /*#__PURE__*/react.memo(TreeTitle);
+
+const buildDirectoryTree = function (data) {
+  let basePath = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '0';
+  let parentRoute = arguments.length > 2 ? arguments[2] : undefined;
+  if (!Array.isArray(data)) return [];
+  return data.reduce((acc, item, index) => {
+    var _item$sd_index;
+    // 跳过文件类型，只处理目录
+    if (item.type === 'file') return acc;
+    const title = parentRoute ? item.name : (_item$sd_index = item.sd_index) !== null && _item$sd_index !== void 0 ? _item$sd_index : item.name;
+    const key = "".concat(basePath, "-").concat(index);
+    const currentPath = parentRoute ? "".concat(parentRoute, "/").concat(title) : item.path;
+    const treeNode = {
+      title,
+      // 文件/文件夹名称
+      key,
+      icon: _ref => {
+        let {
+          expanded
+        } = _ref;
+        return expanded ? /*#__PURE__*/jsxRuntime.jsx(icons.FolderOpenOutlined, {}) : /*#__PURE__*/jsxRuntime.jsx(icons.FolderOutlined, {});
+      },
+      children: [],
+      isLeaf: false,
+      isRoot: Boolean(item.sd_index),
+      path: currentPath,
+      contents: (item.contents || []).filter(content => content.type === 'file'),
+      rawData: item // 保留原始数据
+    };
+
+    // 递归处理子目录
+    if (Array.isArray(item.contents) && item.contents.length > 0) {
+      treeNode.children = buildDirectoryTree(item.contents.filter(content => content.type !== 'file'), key, currentPath);
+    }
+    acc.push(treeNode);
+    return acc;
+  }, []);
+};
+
+/**
+ * 查找树中指定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 - 树数据
+ * @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 useDirectoryTree = _ref => {
+  let {
+    getFolderData,
+    createFolder,
+    removeFolderFile,
+    renameFolderFile,
+    height = 760,
+    theme = {
+      components: {
+        Tree: {
+          titleHeight: 30
+        }
+      }
+    }
+  } = _ref;
+  const [treeState, setTreeState] = react.useState({
+    data: [],
+    selectedKeys: [],
+    expandedKeys: [],
+    currentPath: "",
+    contents: [],
+    loading: false
+  });
+  const [originTreeData, setOriginTreeData] = react.useState([]);
+  const updateTreeState = partialState => {
+    setTreeState(prev => _objectSpread2(_objectSpread2({}, prev), partialState));
+  };
+
+  // 错误处理
+  const handleError = (error, operation) => {
+    console.error("".concat(operation, " ERROR"), error);
+    // 可以添加通知等统一错误处理
+  };
+
+  // 路径处理工具
+  const pathUtils = {
+    getNewPath: (node, newTitle) => {
+      const arr = node.path.split('/');
+      arr[arr.length - 1] = newTitle;
+      return arr.join('/');
+    },
+    isSamePath: (path1, path2) => {
+      return path1 === path2;
+    }
+  };
+
+  // 节点查找工具
+  const nodeUtils = {
+    findNode: (treeData, key) => {
+      return findTreeNode(treeData, key);
+    }
+  };
+
+  // 获取文件夹数据 文件夹名称为空时返回根目录数据
+  const fetchFolderData = react.useCallback(async function () {
+    let initialization = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+    try {
+      const data = await getFolderData({
+        folder: ""
+      });
+      if (!(data !== null && data !== void 0 && data.directoryTree)) {
+        return null;
+      }
+      setOriginTreeData(data.directoryTree);
+
+      // 递归生成treenodes
+      const treeNodes = buildDirectoryTree(data.directoryTree);
+      if (!treeNodes.length) {
+        return null;
+      }
+      const firstChild = treeNodes[0];
+      const newState = _objectSpread2({
+        data: treeNodes
+      }, initialization && {
+        selectedKeys: [firstChild === null || firstChild === void 0 ? void 0 : firstChild.key],
+        expandedKeys: getAllNodeKeys(treeNodes),
+        currentPath: firstChild === null || firstChild === void 0 ? void 0 : firstChild.path,
+        contents: (firstChild === null || firstChild === void 0 ? void 0 : firstChild.contents) || []
+      });
+      updateTreeState(newState);
+      return treeNodes;
+    } catch (error) {
+      handleError(error, 'GET FOLDER DATA');
+    }
+  }, []);
+
+  // 初始化数据
+  react.useEffect(() => {
+    fetchFolderData(true);
+  }, [fetchFolderData]);
+
+  // 创建文件夹
+  const handleCreate = react.useCallback(async (node, newTitle) => {
+    if (!(newTitle !== null && newTitle !== void 0 && newTitle.trim())) return false;
+    try {
+      var _parentNode$;
+      const path = "".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({
+            expandedKeys: [...treeState.expandedKeys, addedNode.key, parentNode[0].key]
+          });
+        }
+      }
+    } catch (error) {
+      handleError(error, 'CREATE FOLDER');
+    }
+  }, [fetchFolderData, treeState.expandedKeys]);
+
+  // 删除文件/文件夹
+  const handleRemove = react.useCallback(async node => {
+    if (!node.path) return;
+    try {
+      await removeFolderFile({
+        paths: [{
+          path: node.path
+        }]
+      });
+      // 如果删除的是当前选中节点，则重新初始化
+      const shouldReinitialize = treeState.selectedKeys[0] === node.key;
+      await fetchFolderData(shouldReinitialize);
+    } catch (error) {
+      handleError(error, 'REMOVE FOLDER/FILE');
+    }
+  }, [fetchFolderData, treeState.selectedKeys]);
+
+  // 修改文件/文件夹
+  const handleRename = react.useCallback(async node => {
+    const newPath = pathUtils.getNewPath(node, node.title);
+    if (pathUtils.isSamePath(node.path, newPath)) return false;
+    try {
+      await renameFolderFile({
+        old_path: node.path,
+        new_path: newPath
+      });
+      await fetchFolderData();
+    } catch (error) {
+      handleError(error, 'RENAME FOLDER/FILE');
+    }
+  }, [fetchFolderData]);
+
+  // 选择节点
+  const onSelect = react.useCallback(async (keys, info) => {
+    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
+    });
+    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 onExpand = react.useCallback(keys => {
+    updateTreeState({
+      expandedKeys: keys
+    });
+  }, []);
+
+  // 上传右侧文件或删除右侧文件 成功后的回调函数
+  const updateFileContents = react.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 = react.useCallback(async url => {
+    try {
+      await removeFolderFile({
+        path: url
+      });
+      await updateFileContents();
+    } catch (error) {
+      handleError(error, 'REMOVE FILE');
+    }
+  }, [updateFileContents]);
+  const MemoizedTree = react.useMemo(() => {
+    var _treeState$data;
+    if (!((_treeState$data = treeState.data) !== null && _treeState$data !== void 0 && _treeState$data.length)) {
+      return /*#__PURE__*/jsxRuntime.jsx(antd.Empty, {
+        image: antd.Empty.PRESENTED_IMAGE_SIMPLE
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: {
+        paddingTop: 16
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
+        theme: theme,
+        children: /*#__PURE__*/jsxRuntime.jsx(antd.Tree, {
+          blockNode: true,
+          showIcon: true,
+          selectedKeys: treeState.selectedKeys,
+          expandedKeys: treeState.expandedKeys,
+          onSelect: onSelect,
+          onExpand: onExpand,
+          treeData: treeState.data,
+          titleRender: nodeData => /*#__PURE__*/jsxRuntime.jsx(TreeTitle$1, {
+            title: nodeData.title,
+            nodeData: nodeData,
+            handleSave: handleRename,
+            handleDel: handleRemove,
+            handleAdd: handleCreate
+          }),
+          height: height
+        })
+      })
+    }, "folder-directory");
+  }, [treeState.data, treeState.selectedKeys, treeState.expandedKeys]);
+  return {
+    directoryTree: MemoizedTree,
+    contents: treeState.contents,
+    currentPath: treeState.currentPath,
+    loading: treeState.loading,
+    originTreeData,
+    updateFileContents,
+    removeFile
+  };
+};
+
+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 ResourcesView = _ref => {
+  let {
+    apiConfig = {},
+    features = {},
+    className = '',
+    style = {},
+    renderTreeHeader,
+    renderGridHeader,
+    acceptFileTypes = "video/*,.mxf,application/mxf,video/mxf",
+    uploadTimeout = 60 * 60 * 1000,
+    searchPlaceholder = "Search resources..."
+  } = _ref;
+  const {
+    message,
+    modal
+  } = antd.App.useApp();
+
+  // 合并默认配置和传入配置
+  const mergedApiConfig = react.useMemo(() => _objectSpread2({
+    upload: '/api/dvr/media/source/upload',
+    download: '/download'
+  }, apiConfig), [apiConfig]);
+  const mergedFeatures = react.useMemo(() => _objectSpread2({
+    upload: true,
+    download: true,
+    copy: true,
+    delete: true,
+    search: true,
+    batchOperations: true
+  }, features), [features]);
+  const {
+    directoryTree,
+    contents,
+    currentPath,
+    loading,
+    originTreeData,
+    updateFileContents,
+    removeFile
+  } = useDirectoryTree({
+    getFolderData: mergedApiConfig.getFolderData,
+    createFolder: mergedApiConfig.createFolder,
+    removeFolderFile: mergedApiConfig.removeFolderFile,
+    renameFolderFile: mergedApiConfig.renameFolderFile
+  });
+  const [showProgress, setShowProgress] = react.useState(false);
+  const [percent, setPercent] = react.useState(0);
+  const inputRef = react.useRef(null);
+  const uploadController = react.useRef(new AbortController());
+  const [modalVisible, setModalVisible] = react.useState(false);
+  // 处理批量操作
+  const [selectedItems, setSelectedItems] = react.useState([]);
+  const [indeterminate, setIndeterminate] = react.useState(false);
+  const [checkAll, setCheckAll] = react.useState(false);
+  const [batchLoading, setBatchLoading] = react.useState(false);
+  const [keyword, setKeyword] = react.useState('');
+
+  // 过滤内容
+  const filteredContents = react.useMemo(() => {
+    if (!keyword) return contents;
+    return contents.filter(item => item.name.toLowerCase().includes(keyword.toLowerCase()));
+  }, [contents, keyword]);
+
+  // 在组件卸载时取消上传
+  react.useEffect(() => {
+    return () => {
+      var _uploadController$cur;
+      return (_uploadController$cur = uploadController.current) === null || _uploadController$cur === void 0 ? void 0 : _uploadController$cur.abort();
+    };
+  }, []);
+
+  // 重置批量状态的效果
+  react.useEffect(() => {
+    setSelectedItems([]);
+    setIndeterminate(false);
+    setCheckAll(false);
+  }, [currentPath]);
+
+  // 上传相关函数
+  const onTriggerUpload = react.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, 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));
+      }
+    } 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 = react.useCallback(async () => {
+    if (!selectedItems.length) return;
+    modal.confirm({
+      icon: /*#__PURE__*/jsxRuntime.jsx(icons.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 handleCopyConfirm = react.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刷新数据
+      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 = react.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__*/jsxRuntime.jsxs("div", {
+    className: "resources-view ".concat(className),
+    style: style,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "content-container",
+      children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "directory-tree",
+        children: [renderTreeHeader ? renderTreeHeader() : /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "search-bar"
+        }), directoryTree]
+      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "folder-contents",
+        children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Flex, {
+          justify: "center",
+          align: "center",
+          className: "search-bar",
+          children: [mergedFeatures.search && /*#__PURE__*/jsxRuntime.jsx("input", {
+            type: "text",
+            placeholder: searchPlaceholder,
+            value: keyword,
+            onChange: handleSearchChange,
+            className: "search-input"
+          }), mergedFeatures.upload && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/jsxRuntime.jsx(icons.CloudUploadOutlined, {
+              className: "upload-icon",
+              title: "upload",
+              onClick: onTriggerUpload
+            }), /*#__PURE__*/jsxRuntime.jsx("input", {
+              ref: inputRef,
+              type: "file",
+              onChange: onUploadFile,
+              className: "hidden",
+              accept: acceptFileTypes,
+              multiple: true
+            })]
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "media-grid-container",
+          onContextMenu: e => e.preventDefault(),
+          children: [renderGridHeader ? renderGridHeader() : filteredContents.length > 0 && mergedFeatures.batchOperations && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "batch-operations",
+            children: /*#__PURE__*/jsxRuntime.jsxs(antd.Space, {
+              size: "middle",
+              children: [/*#__PURE__*/jsxRuntime.jsx(antd.Checkbox, {
+                indeterminate: indeterminate,
+                checked: checkAll,
+                onChange: handleSelectAll,
+                children: "Select All"
+              }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+                type: "primary",
+                disabled: !selectedItems.length,
+                onClick: () => setModalVisible(true),
+                children: "Batch Copy"
+              }), /*#__PURE__*/jsxRuntime.jsx(antd.Button, {
+                className: "btn-gray",
+                disabled: !selectedItems.length,
+                onClick: handleBatchRemove,
+                children: "Batch Delete"
+              })]
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(MediaGrid$1, {
+            items: filteredContents,
+            loading: loading,
+            onContextMenu: mergedFeatures.delete || mergedFeatures.download || mergedFeatures.copy ? onContextMenu : null,
+            selectedKeys: selectedItems,
+            onSelectChange: mergedFeatures.batchOperations ? handleSelectChange : null,
+            onClick: () => {},
+            features: mergedFeatures,
+            getFullUrl: getFullUrl
+          })]
+        })]
+      })]
+    }), showProgress && /*#__PURE__*/jsxRuntime.jsx(UploadProgress$1, {
+      percent: percent
+    }), /*#__PURE__*/jsxRuntime.jsx(SelectFolderPathModal$1, {
+      open: modalVisible,
+      directoryTree: originTreeData,
+      batchLoading: batchLoading,
+      onClose: () => setModalVisible(false),
+      onOk: handleCopyConfirm
+    })]
+  });
+};
+var ResourcesView$1 = ResourcesView;
+
+exports.ResourcesView = ResourcesView$1;
+//# sourceMappingURL=index.js.map