@ant-design/agentic-ui 2.7.1 → 2.9.0

package/dist/Workspace/File/FileComponent.js

@@ -1,55 +1,231 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
+function _array_like_to_array(arr, len) {
+    if (len == null || len > arr.length) len = arr.length;
+    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
+    return arr2;
+}
+function _array_with_holes(arr) {
+    if (Array.isArray(arr)) return arr;
+}
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+    try {
+        var info = gen[key](arg);
+        var value = info.value;
+    } catch (error) {
+        reject(error);
+        return;
     }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __async = (__this, __arguments, generator) => {
-  return new Promise((resolve, reject) => {
-    var fulfilled = (value) => {
-      try {
-        step(generator.next(value));
-      } catch (e) {
-        reject(e);
-      }
+    if (info.done) {
+        resolve(value);
+    } else {
+        Promise.resolve(value).then(_next, _throw);
+    }
+}
+function _async_to_generator(fn) {
+    return function() {
+        var self = this, args = arguments;
+        return new Promise(function(resolve, reject) {
+            var gen = fn.apply(self, args);
+            function _next(value) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+            }
+            function _throw(err) {
+                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+            }
+            _next(undefined);
+        });
     };
-    var rejected = (value) => {
-      try {
-        step(generator.throw(value));
-      } catch (e) {
-        reject(e);
-      }
+}
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _iterable_to_array_limit(arr, i) {
+    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
+    if (_i == null) return;
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _s, _e;
+    try {
+        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
+    }
+    return _arr;
+}
+function _non_iterable_rest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+function _sliced_to_array(arr, i) {
+    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
+}
+function _type_of(obj) {
+    "@swc/helpers - typeof";
+    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
+}
+function _unsupported_iterable_to_array(o, minLen) {
+    if (!o) return;
+    if (typeof o === "string") return _array_like_to_array(o, minLen);
+    var n = Object.prototype.toString.call(o).slice(8, -1);
+    if (n === "Object" && o.constructor) n = o.constructor.name;
+    if (n === "Map" || n === "Set") return Array.from(n);
+    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
+}
+function _ts_generator(thisArg, body) {
+    var f, y, t, g, _ = {
+        label: 0,
+        sent: function() {
+            if (t[0] & 1) throw t[1];
+            return t[1];
+        },
+        trys: [],
+        ops: []
     };
-    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-    step((generator = generator.apply(__this, __arguments)).next());
-  });
-};
-
-// src/Workspace/File/FileComponent.tsx
+    return g = {
+        next: verb(0),
+        "throw": verb(1),
+        "return": verb(2)
+    }, typeof Symbol === "function" && (g[Symbol.iterator] = function() {
+        return this;
+    }), g;
+    function verb(n) {
+        return function(v) {
+            return step([
+                n,
+                v
+            ]);
+        };
+    }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while(_)try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [
+                op[0] & 2,
+                t.value
+            ];
+            switch(op[0]){
+                case 0:
+                case 1:
+                    t = op;
+                    break;
+                case 4:
+                    _.label++;
+                    return {
+                        value: op[1],
+                        done: false
+                    };
+                case 5:
+                    _.label++;
+                    y = op[1];
+                    op = [
+                        0
+                    ];
+                    continue;
+                case 7:
+                    op = _.ops.pop();
+                    _.trys.pop();
+                    continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                        _ = 0;
+                        continue;
+                    }
+                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
+                        _.label = op[1];
+                        break;
+                    }
+                    if (op[0] === 6 && _.label < t[1]) {
+                        _.label = t[1];
+                        t = op;
+                        break;
+                    }
+                    if (t && _.label < t[2]) {
+                        _.label = t[2];
+                        _.ops.push(op);
+                        break;
+                    }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop();
+                    continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) {
+            op = [
+                6,
+                e
+            ];
+            y = 0;
+        } finally{
+            f = t = 0;
+        }
+        if (op[0] & 5) throw op[1];
+        return {
+            value: op[0] ? op[1] : void 0,
+            done: true
+        };
+    }
+}
 import { ConfigProvider, Image, Input, Spin, Typography, message } from "antd";
-import {
-  Check,
-  ChevronDown as DownIcon,
-  Download as DownloadIcon,
-  Eye as EyeIcon,
-  Locate,
-  ChevronRight as RightIcon,
-  Search,
-  SquareArrowOutUpRight as ShareIcon
-} from "@sofa-design/icons";
+import { Check, ChevronDown as DownIcon, Download as DownloadIcon, Eye as EyeIcon, Locate, ChevronRight as RightIcon, Search, SquareArrowOutUpRight as ShareIcon } from "@sofa-design/icons";
 import { Empty } from "antd";
 import classNames from "classnames";
 import React, { useContext, useEffect, useRef, useState } from "react";
@@ -60,775 +236,812 @@ import { fileTypeProcessor, isImageFile } from "./FileTypeProcessor";
 import { PreviewComponent } from "./PreviewComponent";
 import { useFileStyle } from "./style";
 import { generateUniqueId, getFileTypeIcon, getGroupIcon } from "./utils";
-var handleKeyboardEvent = (e, callback) => {
-  if (e.key === "Enter" || e.key === " ") {
-    callback(e);
-  }
-};
-var handleFileDownload = (file) => {
-  let blobUrl = null;
-  try {
-    const link = document.createElement("a");
-    if (file.url) {
-      link.href = file.url;
-    } else if (file.content) {
-      const blob = new Blob([file.content], { type: "text/plain" });
-      blobUrl = URL.createObjectURL(blob);
-      link.href = blobUrl;
-    } else if (file.file instanceof File || file.file instanceof Blob) {
-      blobUrl = URL.createObjectURL(file.file);
-      link.href = blobUrl;
-    } else {
-      return;
+// 通用的键盘事件处理函数
+var handleKeyboardEvent = function(e, callback) {
+    if (e.key === 'Enter' || e.key === ' ') {
+        callback(e);
     }
-    link.download = file.name || (file.file instanceof File ? file.file.name : "");
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-  } finally {
-    if (blobUrl) {
-      URL.revokeObjectURL(blobUrl);
-    }
-  }
 };
-var handleDefaultShare = (file, locale) => __async(void 0, null, function* () {
-  try {
-    const shareUrl = file.url || file.previewUrl || window.location.href;
-    yield navigator.clipboard.writeText(shareUrl);
-    message.success({
-      icon: /* @__PURE__ */ React.createElement(
-        Check,
-        {
-          style: {
-            fontSize: 16,
-            marginRight: 8,
-            color: "var(--color-green-control-fill-primary)"
-          }
+// 通用的下载处理函数
+var handleFileDownload = function(file) {
+    var blobUrl = null;
+    try {
+        // 创建下载链接
+        var link = document.createElement('a');
+        if (file.url) {
+            // 使用url作为下载链接
+            link.href = file.url;
+        } else if (file.content) {
+            // 使用文件内容创建 Blob 对象
+            var blob = new Blob([
+                file.content
+            ], {
+                type: 'text/plain'
+            });
+            blobUrl = URL.createObjectURL(blob);
+            link.href = blobUrl;
+        } else if (file.file instanceof File || file.file instanceof Blob) {
+            // 处理 File 或 Blob 对象
+            blobUrl = URL.createObjectURL(file.file);
+            link.href = blobUrl;
+        } else {
+            return; // 没有可下载的内容
         }
-      ),
-      content: /* @__PURE__ */ React.createElement(
-        "span",
-        {
-          style: {
-            font: "var(--font-text-body-emphasized-base)",
-            color: "var(--color-gray-text-default)"
-          }
-        },
-        (locale == null ? void 0 : locale["workspace.file.linkCopied"]) || "已复制链接"
-      )
+        // 设置文件名（如果是 File 对象且没有指定文件名，使用 File 对象的名称）
+        link.download = file.name || (file.file instanceof File ? file.file.name : '');
+        // 执行下载
+        document.body.appendChild(link);
+        link.click();
+        document.body.removeChild(link);
+    } finally{
+        // 清理 Blob URL
+        if (blobUrl) {
+            URL.revokeObjectURL(blobUrl);
+        }
+    }
+};
+// 通用的默认分享处理函数
+var handleDefaultShare = /*#__PURE__*/ function() {
+    var _ref = _async_to_generator(function(file, locale) {
+        var shareUrl, error;
+        return _ts_generator(this, function(_state) {
+            switch(_state.label){
+                case 0:
+                    _state.trys.push([
+                        0,
+                        2,
+                        ,
+                        3
+                    ]);
+                    shareUrl = file.url || file.previewUrl || window.location.href;
+                    return [
+                        4,
+                        navigator.clipboard.writeText(shareUrl)
+                    ];
+                case 1:
+                    _state.sent();
+                    message.success({
+                        icon: /*#__PURE__*/ React.createElement(Check, {
+                            style: {
+                                fontSize: 16,
+                                marginRight: 8,
+                                color: 'var(--color-green-control-fill-primary)'
+                            }
+                        }),
+                        content: /*#__PURE__*/ React.createElement("span", {
+                            style: {
+                                font: 'var(--font-text-body-emphasized-base)',
+                                color: 'var(--color-gray-text-default)'
+                            }
+                        }, (locale === null || locale === void 0 ? void 0 : locale['workspace.file.linkCopied']) || '已复制链接')
+                    });
+                    return [
+                        3,
+                        3
+                    ];
+                case 2:
+                    error = _state.sent();
+                    // 如果复制失败，显示错误提示
+                    message.error((locale === null || locale === void 0 ? void 0 : locale['workspace.file.copyFailed']) || '复制失败');
+                    return [
+                        3,
+                        3
+                    ];
+                case 3:
+                    return [
+                        2
+                    ];
+            }
+        });
     });
-  } catch (error) {
-    message.error((locale == null ? void 0 : locale["workspace.file.copyFailed"]) || "复制失败");
-  }
-});
-var ensureNodeWithId = (node) => __spreadProps(__spreadValues({}, node), {
-  id: node.id || generateUniqueId(node)
-});
-var getPreviewSource = (file) => {
-  return file.previewUrl || file.url || "";
+    return function handleDefaultShare(file, locale) {
+        return _ref.apply(this, arguments);
+    };
+}();
+// 确保节点有唯一ID的辅助函数
+var ensureNodeWithId = function(node) {
+    return _object_spread_props(_object_spread({}, node), {
+        id: node.id || generateUniqueId(node)
+    });
+};
+// 获取文件预览源的辅助函数
+var getPreviewSource = function(file) {
+    return file.previewUrl || file.url || '';
+};
+var AccessibleButton = function(param) {
+    var icon = param.icon, onClick = param.onClick, className = param.className, ariaLabel = param.ariaLabel, id = param.id;
+    return /*#__PURE__*/ React.createElement("div", {
+        id: id,
+        className: className,
+        onClick: onClick,
+        role: "button",
+        tabIndex: 0,
+        onKeyDown: function(e) {
+            return handleKeyboardEvent(e, onClick);
+        },
+        "aria-label": ariaLabel
+    }, icon);
 };
-var AccessibleButton = ({
-  icon,
-  onClick,
-  className,
-  ariaLabel,
-  id
-}) => /* @__PURE__ */ React.createElement(
-  "div",
-  {
-    id,
-    className,
-    onClick,
-    role: "button",
-    tabIndex: 0,
-    onKeyDown: (e) => handleKeyboardEvent(e, onClick),
-    "aria-label": ariaLabel
-  },
-  icon
-);
-var SearchInput = React.memo(
-  ({ keyword, onChange, searchPlaceholder, prefixCls, hashId, locale }) => {
-    const inputRef = useRef(null);
-    return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-search`, hashId) }, /* @__PURE__ */ React.createElement(
-      Input,
-      {
+var SearchInput = /*#__PURE__*/ React.memo(function(param) {
+    var keyword = param.keyword, onChange = param.onChange, searchPlaceholder = param.searchPlaceholder, prefixCls = param.prefixCls, hashId = param.hashId, locale = param.locale;
+    var inputRef = useRef(null);
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-search"), hashId)
+    }, /*#__PURE__*/ React.createElement(Input, {
         ref: inputRef,
-        key: "file-search-input",
-        style: { marginBottom: 8 },
+        key: "file-search-input" // 添加稳定的 key
+        ,
+        style: {
+            marginBottom: 8
+        },
         allowClear: true,
-        placeholder: searchPlaceholder || (locale == null ? void 0 : locale["workspace.searchPlaceholder"]) || "搜索文件名",
-        prefix: /* @__PURE__ */ React.createElement(
-          Search,
-          {
+        placeholder: searchPlaceholder || (locale === null || locale === void 0 ? void 0 : locale['workspace.searchPlaceholder']) || '搜索文件名',
+        prefix: /*#__PURE__*/ React.createElement(Search, {
             style: {
-              color: "var(--color-gray-text-secondary)",
-              fontSize: 16
+                color: 'var(--color-gray-text-secondary)',
+                fontSize: 16
             }
-          }
-        ),
-        value: keyword != null ? keyword : "",
-        onChange: (e) => onChange == null ? void 0 : onChange(e.target.value)
-      }
-    ));
-  }
-);
-SearchInput.displayName = "SearchInput";
-var FileItemComponent = ({
-  file,
-  onClick,
-  onDownload,
-  onPreview,
-  onShare,
-  onLocate,
-  prefixCls,
-  hashId,
-  bindDomId = false
-}) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const { locale } = useContext(I18nContext);
-  const finalPrefixCls = prefixCls || getPrefixCls("workspace-file");
-  const fileWithId = ensureNodeWithId(file);
-  const fileTypeInfo = fileTypeProcessor.inferFileType(fileWithId);
-  const handleClick = () => {
-    if (onClick) {
-      onClick(fileWithId);
-      return;
-    }
-    if (onPreview) {
-      onPreview(fileWithId);
-    }
-  };
-  const showDownloadButton = (() => {
-    if (fileWithId.canDownload !== void 0) {
-      return fileWithId.canDownload;
-    }
-    return Boolean(
-      onDownload || fileWithId.url || fileWithId.content || fileWithId.file
-    );
-  })();
-  const handleDownload = (e) => {
-    e.stopPropagation();
-    if (onDownload) {
-      onDownload(fileWithId);
-      return;
-    }
-    handleFileDownload(fileWithId);
-  };
-  const handlePreview = (e) => {
-    e.stopPropagation();
-    onPreview == null ? void 0 : onPreview(fileWithId);
-  };
-  const handleShare = (e) => {
-    e.stopPropagation();
-    if (onShare) {
-      onShare(fileWithId, {
-        anchorEl: e.currentTarget,
-        origin: "list"
-      });
-      return;
-    }
-    handleDefaultShare(fileWithId, locale);
-  };
-  const showPreviewButton = (() => {
-    if (fileWithId.canPreview !== void 0) {
-      return fileWithId.canPreview;
-    }
-    return onPreview && (isImageFile(fileWithId) ? !!(fileWithId.url || fileWithId.previewUrl) : fileTypeProcessor.processFile(fileWithId).canPreview);
-  })();
-  const showShareButton = fileWithId.canShare === true;
-  const showLocationButton = fileWithId.canLocate === true;
-  const handleLocate = (e) => {
-    e.stopPropagation();
-    onLocate == null ? void 0 : onLocate(fileWithId);
-  };
-  return /* @__PURE__ */ React.createElement(
-    AccessibleButton,
-    {
-      icon: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: classNames(`${finalPrefixCls}-item-icon`, hashId) }, getFileTypeIcon(
-        fileTypeInfo.fileType,
-        fileWithId.icon,
-        fileWithId.name
-      )), /* @__PURE__ */ React.createElement("div", { className: classNames(`${finalPrefixCls}-item-info`, hashId) }, /* @__PURE__ */ React.createElement("div", { className: classNames(`${finalPrefixCls}-item-name`, hashId) }, /* @__PURE__ */ React.createElement(Typography.Text, { ellipsis: { tooltip: fileWithId.name } }, fileWithId.name)), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${finalPrefixCls}-item-details`, hashId)
-        },
-        /* @__PURE__ */ React.createElement(Typography.Text, { type: "secondary", ellipsis: true }, /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(`${finalPrefixCls}-item-type`, hashId)
-          },
-          fileTypeInfo.displayType || fileTypeInfo.fileType
-        ), fileWithId.size && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(
-              `${finalPrefixCls}-item-separator`,
-              hashId
-            )
-          },
-          "|"
-        ), /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(
-              `${finalPrefixCls}-item-size`,
-              hashId
-            )
-          },
-          formatFileSize(fileWithId.size)
-        )), fileWithId.lastModified && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(
-              `${finalPrefixCls}-item-separator`,
-              hashId
-            )
-          },
-          "|"
-        ), /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(
-              `${finalPrefixCls}-item-time`,
-              hashId
-            )
-          },
-          formatLastModified(fileWithId.lastModified)
-        )))
-      )), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${finalPrefixCls}-item-actions`, hashId),
-          onClick: (e) => e.stopPropagation()
-        },
-        showPreviewButton && /* @__PURE__ */ React.createElement(
-          ActionIconBox,
-          {
-            title: (locale == null ? void 0 : locale["workspace.file.preview"]) || "预览",
+        }),
+        value: keyword !== null && keyword !== void 0 ? keyword : '',
+        onChange: function(e) {
+            return onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
+        }
+    }));
+});
+SearchInput.displayName = 'SearchInput';
+// 文件项组件
+var FileItemComponent = function(param) {
+    var file = param.file, onClick = param.onClick, onDownload = param.onDownload, onPreview = param.onPreview, onShare = param.onShare, onLocate = param.onLocate, prefixCls = param.prefixCls, hashId = param.hashId, _param_bindDomId = param.bindDomId, bindDomId = _param_bindDomId === void 0 ? false : _param_bindDomId;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var locale = useContext(I18nContext).locale;
+    var finalPrefixCls = prefixCls || getPrefixCls('workspace-file');
+    // 确保文件有唯一ID
+    var fileWithId = ensureNodeWithId(file);
+    var fileTypeInfo = fileTypeProcessor.inferFileType(fileWithId);
+    var handleClick = function() {
+        // 如果有传入 onClick 事件，优先使用
+        if (onClick) {
+            onClick(fileWithId);
+            return;
+        }
+        // 如果没有传入 onClick 事件，默认打开预览页面
+        if (onPreview) {
+            onPreview(fileWithId);
+        }
+    };
+    // 判断是否显示下载按钮：优先使用用户 canDownload；否则当存在 onDownload/url/content/file 时显示
+    var showDownloadButton = function() {
+        if (fileWithId.canDownload !== undefined) {
+            return fileWithId.canDownload;
+        }
+        return Boolean(onDownload || fileWithId.url || fileWithId.content || fileWithId.file);
+    }();
+    var handleDownload = function(e) {
+        e.stopPropagation();
+        // 优先使用用户传入的下载方法
+        if (onDownload) {
+            onDownload(fileWithId);
+            return;
+        }
+        handleFileDownload(fileWithId);
+    };
+    var handlePreview = function(e) {
+        e.stopPropagation();
+        onPreview === null || onPreview === void 0 ? void 0 : onPreview(fileWithId);
+    };
+    var handleShare = function(e) {
+        e.stopPropagation();
+        // 如果有自定义的分享方法，优先使用
+        if (onShare) {
+            onShare(fileWithId, {
+                anchorEl: e.currentTarget,
+                origin: 'list'
+            });
+            return;
+        }
+        // 使用默认分享行为
+        handleDefaultShare(fileWithId, locale);
+    };
+    // 判断是否显示预览按钮：
+    // 1. 如果用户设置了 canPreview，优先使用用户的设置
+    // 2. 如果没有设置，则使用系统默认逻辑：图片类型有 url 就可以预览；其他类型按原有逻辑判断
+    var showPreviewButton = function() {
+        // 如果用户明确设置了 canPreview，直接使用用户设置
+        if (fileWithId.canPreview !== undefined) {
+            return fileWithId.canPreview;
+        }
+        // 否则使用系统默认逻辑
+        return onPreview && (isImageFile(fileWithId) ? !!(fileWithId.url || fileWithId.previewUrl) : fileTypeProcessor.processFile(fileWithId).canPreview);
+    }();
+    var showShareButton = fileWithId.canShare === true;
+    var showLocationButton = fileWithId.canLocate === true;
+    var handleLocate = function(e) {
+        e.stopPropagation();
+        onLocate === null || onLocate === void 0 ? void 0 : onLocate(fileWithId);
+    };
+    return /*#__PURE__*/ React.createElement(AccessibleButton, {
+        icon: /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(finalPrefixCls, "-item-icon"), hashId)
+        }, getFileTypeIcon(fileTypeInfo.fileType, fileWithId.icon, fileWithId.name)), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(finalPrefixCls, "-item-info"), hashId)
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(finalPrefixCls, "-item-name"), hashId)
+        }, /*#__PURE__*/ React.createElement(Typography.Text, {
+            ellipsis: {
+                tooltip: fileWithId.name
+            }
+        }, fileWithId.name)), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(finalPrefixCls, "-item-details"), hashId)
+        }, /*#__PURE__*/ React.createElement(Typography.Text, {
+            type: "secondary",
+            ellipsis: true
+        }, /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(finalPrefixCls, "-item-type"), hashId)
+        }, fileTypeInfo.displayType || fileTypeInfo.fileType), fileWithId.size && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(finalPrefixCls, "-item-separator"), hashId)
+        }, "|"), /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(finalPrefixCls, "-item-size"), hashId)
+        }, formatFileSize(fileWithId.size))), fileWithId.lastModified && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(finalPrefixCls, "-item-separator"), hashId)
+        }, "|"), /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(finalPrefixCls, "-item-time"), hashId)
+        }, formatLastModified(fileWithId.lastModified)))))), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(finalPrefixCls, "-item-actions"), hashId),
+            onClick: function(e) {
+                return e.stopPropagation();
+            }
+        }, showPreviewButton && /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: (locale === null || locale === void 0 ? void 0 : locale['workspace.file.preview']) || '预览',
             onClick: handlePreview,
-            tooltipProps: { mouseEnterDelay: 0.3 },
-            className: classNames(
-              `${finalPrefixCls}-item-action-btn`,
-              hashId
-            )
-          },
-          /* @__PURE__ */ React.createElement(EyeIcon, null)
-        ),
-        showLocationButton && /* @__PURE__ */ React.createElement(
-          ActionIconBox,
-          {
-            title: (locale == null ? void 0 : locale["workspace.file.location"]) || "定位",
+            tooltipProps: {
+                mouseEnterDelay: 0.3
+            },
+            className: classNames("".concat(finalPrefixCls, "-item-action-btn"), hashId)
+        }, /*#__PURE__*/ React.createElement(EyeIcon, null)), showLocationButton && /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: (locale === null || locale === void 0 ? void 0 : locale['workspace.file.location']) || '定位',
             onClick: handleLocate,
-            tooltipProps: { mouseEnterDelay: 0.3 },
-            className: classNames(
-              `${finalPrefixCls}-item-action-btn`,
-              hashId
-            )
-          },
-          /* @__PURE__ */ React.createElement(Locate, null)
-        ),
-        showShareButton && /* @__PURE__ */ React.createElement(
-          ActionIconBox,
-          {
-            title: (locale == null ? void 0 : locale["workspace.file.share"]) || "分享",
+            tooltipProps: {
+                mouseEnterDelay: 0.3
+            },
+            className: classNames("".concat(finalPrefixCls, "-item-action-btn"), hashId)
+        }, /*#__PURE__*/ React.createElement(Locate, null)), showShareButton && /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: (locale === null || locale === void 0 ? void 0 : locale['workspace.file.share']) || '分享',
             onClick: handleShare,
-            tooltipProps: { mouseEnterDelay: 0.3 },
-            className: classNames(
-              `${finalPrefixCls}-item-action-btn`,
-              hashId
-            )
-          },
-          /* @__PURE__ */ React.createElement(ShareIcon, null)
-        ),
-        showDownloadButton && /* @__PURE__ */ React.createElement(
-          ActionIconBox,
-          {
-            title: (locale == null ? void 0 : locale["workspace.file.download"]) || "下载",
+            tooltipProps: {
+                mouseEnterDelay: 0.3
+            },
+            className: classNames("".concat(finalPrefixCls, "-item-action-btn"), hashId)
+        }, /*#__PURE__*/ React.createElement(ShareIcon, null)), showDownloadButton && /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: (locale === null || locale === void 0 ? void 0 : locale['workspace.file.download']) || '下载',
             onClick: handleDownload,
-            tooltipProps: { mouseEnterDelay: 0.3 },
-            className: classNames(
-              `${finalPrefixCls}-item-action-btn`,
-              hashId
-            )
-          },
-          /* @__PURE__ */ React.createElement(DownloadIcon, null)
-        )
-      )),
-      onClick: handleClick,
-      className: classNames(`${finalPrefixCls}-item`, hashId),
-      ariaLabel: `${(locale == null ? void 0 : locale["workspace.file"]) || "文件"}：${fileWithId.name}`,
-      id: bindDomId ? fileWithId.id : void 0
-    }
-  );
+            tooltipProps: {
+                mouseEnterDelay: 0.3
+            },
+            className: classNames("".concat(finalPrefixCls, "-item-action-btn"), hashId)
+        }, /*#__PURE__*/ React.createElement(DownloadIcon, null)))),
+        onClick: handleClick,
+        className: classNames("".concat(finalPrefixCls, "-item"), hashId),
+        ariaLabel: "".concat((locale === null || locale === void 0 ? void 0 : locale['workspace.file']) || '文件', "：").concat(fileWithId.name),
+        id: bindDomId ? fileWithId.id : undefined
+    });
 };
-var GroupHeader = ({ group, onToggle, onGroupDownload, prefixCls, hashId }) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const { locale } = useContext(I18nContext);
-  const finalPrefixCls = prefixCls || getPrefixCls("workspace-file");
-  const groupTypeInfo = fileTypeProcessor.inferFileType(group);
-  const groupType = group.type || groupTypeInfo.fileType;
-  const handleToggle = () => {
-    onToggle == null ? void 0 : onToggle(group.id, groupType, !group.collapsed);
-  };
-  const handleDownload = (e) => {
-    e.stopPropagation();
-    onGroupDownload == null ? void 0 : onGroupDownload(group.children, groupType);
-  };
-  const CollapseIcon = group.collapsed ? RightIcon : DownIcon;
-  const groupIcon = getGroupIcon(group, groupType, group.icon);
-  const showDownloadButton = (() => {
-    if (group.canDownload !== void 0) {
-      return group.canDownload;
-    }
-    return Boolean(onGroupDownload);
-  })();
-  return /* @__PURE__ */ React.createElement(
-    AccessibleButton,
-    {
-      icon: /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(
-            `${finalPrefixCls}-group-header-left`,
-            hashId
-          )
-        },
-        /* @__PURE__ */ React.createElement(
-          CollapseIcon,
-          {
-            className: classNames(
-              `${finalPrefixCls}-group-toggle-icon`,
-              hashId
-            )
-          }
-        ),
-        /* @__PURE__ */ React.createElement(
-          "div",
-          {
-            className: classNames(
-              `${finalPrefixCls}-group-type-icon`,
-              hashId
-            )
-          },
-          groupIcon
-        ),
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(
-              `${finalPrefixCls}-group-type-name`,
-              hashId
-            )
-          },
-          group.name
-        )
-      ), /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(
-            `${finalPrefixCls}-group-header-right`,
-            hashId
-          )
-        },
-        /* @__PURE__ */ React.createElement(
-          "span",
-          {
-            className: classNames(`${finalPrefixCls}-group-count`, hashId)
-          },
-          group.children.length
-        ),
-        showDownloadButton && /* @__PURE__ */ React.createElement(
-          ActionIconBox,
-          {
-            title: (locale == null ? void 0 : locale["workspace.file.download"]) || "下载",
+// 分组标题栏组件
+var GroupHeader = function(param) {
+    var group = param.group, onToggle = param.onToggle, onGroupDownload = param.onGroupDownload, prefixCls = param.prefixCls, hashId = param.hashId;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var locale = useContext(I18nContext).locale;
+    var finalPrefixCls = prefixCls || getPrefixCls('workspace-file');
+    var groupTypeInfo = fileTypeProcessor.inferFileType(group);
+    var groupType = group.type || groupTypeInfo.fileType;
+    var handleToggle = function() {
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(group.id, groupType, !group.collapsed);
+    };
+    var handleDownload = function(e) {
+        e.stopPropagation();
+        onGroupDownload === null || onGroupDownload === void 0 ? void 0 : onGroupDownload(group.children, groupType);
+    };
+    var CollapseIcon = group.collapsed ? RightIcon : DownIcon;
+    // 获取分组图标
+    var groupIcon = getGroupIcon(group, groupType, group.icon);
+    // 判断是否显示下载按钮：优先使用用户 canDownload；否则当存在 onGroupDownload 时显示
+    var showDownloadButton = function() {
+        if (group.canDownload !== undefined) {
+            return group.canDownload;
+        }
+        return Boolean(onGroupDownload);
+    }();
+    return /*#__PURE__*/ React.createElement(AccessibleButton, {
+        icon: /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(finalPrefixCls, "-group-header-left"), hashId)
+        }, /*#__PURE__*/ React.createElement(CollapseIcon, {
+            className: classNames("".concat(finalPrefixCls, "-group-toggle-icon"), hashId)
+        }), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(finalPrefixCls, "-group-type-icon"), hashId)
+        }, groupIcon), /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(finalPrefixCls, "-group-type-name"), hashId)
+        }, group.name)), /*#__PURE__*/ React.createElement("div", {
+            className: classNames("".concat(finalPrefixCls, "-group-header-right"), hashId)
+        }, /*#__PURE__*/ React.createElement("span", {
+            className: classNames("".concat(finalPrefixCls, "-group-count"), hashId)
+        }, group.children.length), showDownloadButton && /*#__PURE__*/ React.createElement(ActionIconBox, {
+            title: (locale === null || locale === void 0 ? void 0 : locale['workspace.file.download']) || '下载',
             onClick: handleDownload,
-            tooltipProps: { mouseEnterDelay: 0.3 },
-            className: classNames(
-              `${finalPrefixCls}-group-action-btn`,
-              hashId
-            )
-          },
-          /* @__PURE__ */ React.createElement(DownloadIcon, null)
-        )
-      )),
-      onClick: handleToggle,
-      className: classNames(`${finalPrefixCls}-group-header`, hashId),
-      ariaLabel: `${group.collapsed ? (locale == null ? void 0 : locale["workspace.expand"]) || "展开" : (locale == null ? void 0 : locale["workspace.collapse"]) || "收起"}${group.name}${(locale == null ? void 0 : locale["workspace.group"]) || "分组"}`
-    }
-  );
+            tooltipProps: {
+                mouseEnterDelay: 0.3
+            },
+            className: classNames("".concat(finalPrefixCls, "-group-action-btn"), hashId)
+        }, /*#__PURE__*/ React.createElement(DownloadIcon, null)))),
+        onClick: handleToggle,
+        className: classNames("".concat(finalPrefixCls, "-group-header"), hashId),
+        ariaLabel: "".concat(group.collapsed ? (locale === null || locale === void 0 ? void 0 : locale['workspace.expand']) || '展开' : (locale === null || locale === void 0 ? void 0 : locale['workspace.collapse']) || '收起').concat(group.name).concat((locale === null || locale === void 0 ? void 0 : locale['workspace.group']) || '分组')
+    });
 };
-var FileGroupComponent = ({
-  group,
-  onToggle,
-  onGroupDownload,
-  onDownload,
-  onFileClick,
-  onPreview,
-  onShare,
-  onLocate,
-  prefixCls,
-  hashId,
-  bindDomId
-}) => {
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const finalPrefixCls = prefixCls || getPrefixCls("workspace-file");
-  return /* @__PURE__ */ React.createElement("div", { className: classNames(`${finalPrefixCls}-container--group`, hashId) }, /* @__PURE__ */ React.createElement(
-    GroupHeader,
-    {
-      group,
-      onToggle,
-      onGroupDownload,
-      prefixCls: finalPrefixCls,
-      hashId
-    }
-  ), !group.collapsed && /* @__PURE__ */ React.createElement("div", { className: classNames(`${finalPrefixCls}-group-content`, hashId) }, group.children.map((file) => /* @__PURE__ */ React.createElement(
-    FileItemComponent,
-    {
-      key: file.id,
-      file,
-      onClick: onFileClick,
-      onDownload,
-      onPreview,
-      onShare,
-      onLocate,
-      prefixCls: finalPrefixCls,
-      hashId,
-      bindDomId: !!bindDomId
-    }
-  ))));
+// 文件分组组件
+var FileGroupComponent = function(param) {
+    var group = param.group, onToggle = param.onToggle, onGroupDownload = param.onGroupDownload, onDownload = param.onDownload, onFileClick = param.onFileClick, onPreview = param.onPreview, onShare = param.onShare, onLocate = param.onLocate, prefixCls = param.prefixCls, hashId = param.hashId, bindDomId = param.bindDomId;
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var finalPrefixCls = prefixCls || getPrefixCls('workspace-file');
+    return /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(finalPrefixCls, "-container--group"), hashId)
+    }, /*#__PURE__*/ React.createElement(GroupHeader, {
+        group: group,
+        onToggle: onToggle,
+        onGroupDownload: onGroupDownload,
+        prefixCls: finalPrefixCls,
+        hashId: hashId
+    }), !group.collapsed && /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(finalPrefixCls, "-group-content"), hashId)
+    }, group.children.map(function(file) {
+        return /*#__PURE__*/ React.createElement(FileItemComponent, {
+            key: file.id,
+            file: file,
+            onClick: onFileClick,
+            onDownload: onDownload,
+            onPreview: onPreview,
+            onShare: onShare,
+            onLocate: onLocate,
+            prefixCls: finalPrefixCls,
+            hashId: hashId,
+            bindDomId: !!bindDomId
+        });
+    })));
 };
-var FileComponent = ({
-  nodes,
-  onGroupDownload,
-  onDownload,
-  onShare,
-  onFileClick,
-  onLocate,
-  onToggleGroup,
-  onPreview,
-  onBack,
-  resetKey,
-  markdownEditorProps,
-  customActions,
-  actionRef,
-  loading,
-  loadingRender,
-  emptyRender,
-  keyword,
-  onChange,
-  showSearch = false,
-  searchPlaceholder,
-  bindDomId = false
-}) => {
-  const [previewFile, setPreviewFile] = useState(null);
-  const [customPreviewContent, setCustomPreviewContent] = useState(null);
-  const [customPreviewHeader, setCustomPreviewHeader] = useState(null);
-  const [headerFileOverride, setHeaderFileOverride] = useState(null);
-  const [imagePreview, setImagePreview] = useState({ visible: false, src: "" });
-  const [collapsedGroups, setCollapsedGroups] = useState({});
-  const previewRequestIdRef = useRef(0);
-  const nodeIdCacheRef = useRef(
-    /* @__PURE__ */ new WeakMap()
-  );
-  const safeNodes = nodes || [];
-  const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
-  const { locale } = useContext(I18nContext);
-  const prefixCls = getPrefixCls("workspace-file");
-  const { wrapSSR, hashId } = useFileStyle(prefixCls);
-  const ensureNodeWithStableId = (node) => {
-    if (node.id)
-      return __spreadValues({}, node);
-    let cachedId = nodeIdCacheRef.current.get(node);
-    if (!cachedId) {
-      cachedId = generateUniqueId(node);
-      nodeIdCacheRef.current.set(node, cachedId);
-    }
-    return __spreadProps(__spreadValues({}, node), {
-      id: cachedId
-    });
-  };
-  const handleBackToList = () => {
-    previewRequestIdRef.current++;
-    setPreviewFile(null);
-    setCustomPreviewContent(null);
-    setCustomPreviewHeader(null);
-    setHeaderFileOverride(null);
-  };
-  useEffect(() => {
-    if (resetKey !== void 0 && previewFile) {
-      handleBackToList();
-    }
-  }, [resetKey]);
-  useEffect(() => {
-    if (!previewFile)
-      return;
-    const findUpdatedFile = (nodesList) => {
-      for (const node of nodesList) {
-        if ("children" in node) {
-          const found = findUpdatedFile(node.children);
-          if (found)
-            return found;
-        } else {
-          if (node.id && node.id === previewFile.id || node.name === previewFile.name && node.type === previewFile.type) {
-            return node;
-          }
+export var FileComponent = function(param) {
+    var nodes = param.nodes, onGroupDownload = param.onGroupDownload, onDownload = param.onDownload, onShare = param.onShare, onFileClick = param.onFileClick, onLocate = param.onLocate, onToggleGroup = param.onToggleGroup, onPreview = param.onPreview, onBack = param.onBack, resetKey = param.resetKey, markdownEditorProps = param.markdownEditorProps, customActions = param.customActions, actionRef = param.actionRef, loading = param.loading, loadingRender = param.loadingRender, emptyRender = param.emptyRender, keyword = param.keyword, onChange = param.onChange, _param_showSearch = param.showSearch, showSearch = _param_showSearch === void 0 ? false : _param_showSearch, searchPlaceholder = param.searchPlaceholder, _param_bindDomId = param.bindDomId, bindDomId = _param_bindDomId === void 0 ? false : _param_bindDomId;
+    var _useState = _sliced_to_array(useState(null), 2), previewFile = _useState[0], setPreviewFile = _useState[1];
+    var _useState1 = _sliced_to_array(useState(null), 2), customPreviewContent = _useState1[0], setCustomPreviewContent = _useState1[1];
+    var _useState2 = _sliced_to_array(useState(null), 2), customPreviewHeader = _useState2[0], setCustomPreviewHeader = _useState2[1];
+    // 标题区域文件信息覆盖，仅影响展示
+    var _useState3 = _sliced_to_array(useState(null), 2), headerFileOverride = _useState3[0], setHeaderFileOverride = _useState3[1];
+    var _useState4 = _sliced_to_array(useState({
+        visible: false,
+        src: ''
+    }), 2), imagePreview = _useState4[0], setImagePreview = _useState4[1];
+    // 添加内部状态来管理分组的折叠状态
+    var _useState5 = _sliced_to_array(useState({}), 2), collapsedGroups = _useState5[0], setCollapsedGroups = _useState5[1];
+    // 追踪预览请求的序号，避免异步竞态
+    var previewRequestIdRef = useRef(0);
+    // 缓存节点 ID，避免每次渲染重新生成（使用 WeakMap 自动清理不再使用的节点）
+    var nodeIdCacheRef = useRef(new WeakMap());
+    var safeNodes = nodes || [];
+    // 使用 ConfigProvider 获取前缀类名
+    var getPrefixCls = useContext(ConfigProvider.ConfigContext).getPrefixCls;
+    var locale = useContext(I18nContext).locale;
+    var prefixCls = getPrefixCls('workspace-file');
+    var _useFileStyle = useFileStyle(prefixCls), wrapSSR = _useFileStyle.wrapSSR, hashId = _useFileStyle.hashId;
+    // 确保节点有稳定的唯一 ID（使用缓存）
+    var ensureNodeWithStableId = function(node) {
+        if (node.id) return _object_spread({}, node);
+        // 尝试从缓存获取 ID
+        var cachedId = nodeIdCacheRef.current.get(node);
+        if (!cachedId) {
+            // 生成新 ID 并缓存
+            cachedId = generateUniqueId(node);
+            nodeIdCacheRef.current.set(node, cachedId);
         }
-      }
-      return null;
+        return _object_spread_props(_object_spread({}, node), {
+            id: cachedId
+        });
     };
-    const updatedFile = findUpdatedFile(safeNodes);
-    if (updatedFile) {
-      setPreviewFile(updatedFile);
-    }
-  }, [nodes]);
-  const handleToggleGroup = (groupId, type, collapsed) => {
-    setCollapsedGroups((prev) => __spreadProps(__spreadValues({}, prev), {
-      [groupId]: collapsed
-    }));
-    onToggleGroup == null ? void 0 : onToggleGroup(type, collapsed);
-  };
-  const handleBack = () => __async(void 0, null, function* () {
-    if (previewFile) {
-      try {
-        const result = yield onBack == null ? void 0 : onBack(previewFile);
-        if (result === false)
-          return;
-      } catch (_) {
-      }
-    }
-    handleBackToList();
-  });
-  const handleDownloadInPreview = (file) => {
-    if (onDownload) {
-      onDownload(file);
-      return;
-    }
-    handleFileDownload(file);
-  };
-  const handlePreview = (file) => __async(void 0, null, function* () {
-    if (onPreview) {
-      const currentCallId = ++previewRequestIdRef.current;
-      setPreviewFile(file);
-      try {
-        const previewData = yield onPreview(file);
-        if (previewRequestIdRef.current !== currentCallId)
-          return;
-        if (previewData === false) {
-          setCustomPreviewContent(null);
-          setCustomPreviewHeader(null);
-          setPreviewFile(null);
-          return;
+    // 返回列表（供预览页调用）
+    var handleBackToList = function() {
+        // 使进行中的预览请求失效
+        previewRequestIdRef.current++;
+        setPreviewFile(null);
+        setCustomPreviewContent(null);
+        setCustomPreviewHeader(null);
+        setHeaderFileOverride(null);
+    };
+    // 监听 resetKey 变化，重置预览状态
+    useEffect(function() {
+        if (resetKey !== undefined && previewFile) {
+            // 当 resetKey 变化且当前处于预览状态时，重置预览状态
+            handleBackToList();
         }
-        if (previewData) {
-          if (React.isValidElement(previewData) || typeof previewData === "string" || typeof previewData === "number" || typeof previewData === "boolean") {
-            const content = React.isValidElement(previewData) ? React.cloneElement(previewData, {
-              setPreviewHeader: (header) => setCustomPreviewHeader(header),
-              back: handleBackToList,
-              download: () => handleDownloadInPreview(file),
-              share: () => {
-                if (onShare) {
-                  onShare(file, void 0);
-                } else {
-                  handleDefaultShare(file, locale);
+    }, [
+        resetKey
+    ]);
+    // 监听 nodes 变化，同步更新 previewFile
+    useEffect(function() {
+        if (!previewFile) return;
+        // 在所有节点中查找与当前预览文件匹配的文件
+        var findUpdatedFile = function(nodesList) {
+            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+            try {
+                for(var _iterator = nodesList[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+                    var node = _step.value;
+                    if ('children' in node) {
+                        // 分组节点，递归查找子节点
+                        var found = findUpdatedFile(node.children);
+                        if (found) return found;
+                    } else {
+                        // 文件节点，比较 ID 或文件引用
+                        if (node.id && node.id === previewFile.id || node.name === previewFile.name && node.type === previewFile.type) {
+                            return node;
+                        }
+                    }
                 }
-              }
-            }) : previewData;
-            setCustomPreviewHeader(null);
-            setCustomPreviewContent(content);
-          } else if (typeof previewData === "object" && previewData !== null && "name" in previewData) {
-            setCustomPreviewContent(null);
-            setCustomPreviewHeader(null);
-            setPreviewFile(previewData);
-          } else {
-            setCustomPreviewContent(null);
-            setCustomPreviewHeader(null);
-            setPreviewFile(file);
-          }
-          return;
+            } catch (err) {
+                _didIteratorError = true;
+                _iteratorError = err;
+            } finally{
+                try {
+                    if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                    }
+                } finally{
+                    if (_didIteratorError) {
+                        throw _iteratorError;
+                    }
+                }
+            }
+            return null;
+        };
+        var updatedFile = findUpdatedFile(safeNodes);
+        // 如果找到了更新的文件，更新 previewFile
+        if (updatedFile) {
+            setPreviewFile(updatedFile);
         }
-        setCustomPreviewContent(null);
-        setPreviewFile(file);
-        return;
-      } catch (err) {
-        if (previewRequestIdRef.current !== currentCallId)
-          return;
-        setCustomPreviewContent(null);
-        setPreviewFile(file);
-        return;
-      }
-    }
-    if (isImageFile(file)) {
-      const previewSrc = getPreviewSource(file);
-      setImagePreview({
-        visible: true,
-        src: previewSrc
-      });
-      return;
-    }
-    setCustomPreviewContent(null);
-    setPreviewFile(file);
-  });
-  React.useEffect(() => {
-    if (!actionRef)
-      return;
-    actionRef.current = {
-      openPreview: (file) => {
-        const fileWithId = ensureNodeWithStableId(file);
-        void handlePreview(fileWithId);
-      },
-      backToList: () => {
-        handleBackToList();
-      },
-      updatePreviewHeader: (partial) => {
-        setHeaderFileOverride((prev) => __spreadValues(__spreadValues({}, prev || {}), partial));
-      }
-    };
-    return () => {
-      actionRef.current = null;
+    }, [
+        nodes
+    ]);
+    // 处理分组折叠/展开
+    var handleToggleGroup = function(groupId, type, collapsed) {
+        // 更新内部状态，使用 groupId 作为 key
+        setCollapsedGroups(function(prev) {
+            return _object_spread_props(_object_spread({}, prev), _define_property({}, groupId, collapsed));
+        });
+        // 如果外部提供了回调，也调用它
+        onToggleGroup === null || onToggleGroup === void 0 ? void 0 : onToggleGroup(type, collapsed);
     };
-  }, [actionRef, handlePreview, handleBackToList]);
-  const hasKeyword = Boolean((keyword != null ? keyword : "").trim());
-  const renderSearchInput = () => {
-    if (!showSearch)
-      return null;
-    return /* @__PURE__ */ React.createElement(
-      SearchInput,
-      {
-        keyword,
-        onChange,
-        searchPlaceholder,
-        prefixCls,
-        hashId,
-        locale
-      }
-    );
-  };
-  const renderEmptyContent = () => {
-    if (hasKeyword) {
-      return /* @__PURE__ */ React.createElement(Typography.Text, { type: "secondary" }, ((locale == null ? void 0 : locale["workspace.noResultsFor"]) || `未找到与「${keyword}」匹配的结果`).replace("${keyword}", String(keyword)));
-    }
-    if (typeof emptyRender === "function") {
-      return emptyRender();
-    }
-    return emptyRender != null ? emptyRender : /* @__PURE__ */ React.createElement(Empty, { description: (locale == null ? void 0 : locale["workspace.empty"]) || "No data" });
-  };
-  const ImagePreviewComponent = /* @__PURE__ */ React.createElement(
-    Image,
-    {
-      style: { display: "none" },
-      src: imagePreview.src,
-      preview: {
-        visible: imagePreview.visible,
-        onVisibleChange: (visible) => {
-          setImagePreview((prev) => __spreadProps(__spreadValues({}, prev), { visible }));
+    // 包装后的返回逻辑，允许外部拦截
+    var handleBack = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function() {
+            var result, _;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!previewFile) return [
+                            3,
+                            4
+                        ];
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            onBack === null || onBack === void 0 ? void 0 : onBack(previewFile)
+                        ];
+                    case 2:
+                        result = _state.sent();
+                        if (result === false) return [
+                            2
+                        ];
+                        return [
+                            3,
+                            4
+                        ];
+                    case 3:
+                        _ = _state.sent();
+                        return [
+                            3,
+                            4
+                        ];
+                    case 4:
+                        handleBackToList();
+                        return [
+                            2
+                        ];
+                }
+            });
+        });
+        return function handleBack() {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    // 预览页面的下载（供预览页调用）
+    var handleDownloadInPreview = function(file) {
+        // 优先使用用户传入的下载方法
+        if (onDownload) {
+            onDownload(file);
+            return;
         }
-      }
-    }
-  );
-  if (previewFile) {
-    return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(
-      PreviewComponent,
-      {
-        file: previewFile,
-        onBack: handleBack,
-        onDownload: handleDownloadInPreview,
-        onShare: (file, options) => {
-          if (onShare) {
-            onShare(file, {
-              anchorEl: options == null ? void 0 : options.anchorEl,
-              origin: "preview"
+        handleFileDownload(file);
+    };
+    // 预览文件处理
+    var handlePreview = /*#__PURE__*/ function() {
+        var _ref = _async_to_generator(function(file) {
+            var currentCallId, previewData, content, err, previewSrc;
+            return _ts_generator(this, function(_state) {
+                switch(_state.label){
+                    case 0:
+                        if (!onPreview) return [
+                            3,
+                            4
+                        ];
+                        // 立刻进入预览页并展示 loading
+                        currentCallId = ++previewRequestIdRef.current;
+                        setPreviewFile(file);
+                        _state.label = 1;
+                    case 1:
+                        _state.trys.push([
+                            1,
+                            3,
+                            ,
+                            4
+                        ]);
+                        return [
+                            4,
+                            onPreview(file)
+                        ];
+                    case 2:
+                        previewData = _state.sent();
+                        if (previewRequestIdRef.current !== currentCallId) return [
+                            2
+                        ];
+                        // 当用户返回 false：阻止内部预览逻辑，交由外部处理（如自定义弹窗）
+                        if (previewData === false) {
+                            setCustomPreviewContent(null);
+                            setCustomPreviewHeader(null);
+                            setPreviewFile(null);
+                            return [
+                                2
+                            ];
+                        }
+                        if (previewData) {
+                            // 区分返回类型：ReactNode -> 自定义内容；FileNode -> 新文件预览
+                            if (/*#__PURE__*/ React.isValidElement(previewData) || typeof previewData === 'string' || typeof previewData === 'number' || typeof previewData === 'boolean') {
+                                content = /*#__PURE__*/ React.isValidElement(previewData) ? /*#__PURE__*/ React.cloneElement(previewData, {
+                                    setPreviewHeader: function(header) {
+                                        return setCustomPreviewHeader(header);
+                                    },
+                                    back: handleBackToList,
+                                    download: function() {
+                                        return handleDownloadInPreview(file);
+                                    },
+                                    share: function() {
+                                        if (onShare) {
+                                            // 为保持回调参数签名一致，显式传入第二个参数为 undefined
+                                            onShare(file, undefined);
+                                        } else {
+                                            handleDefaultShare(file, locale);
+                                        }
+                                    }
+                                }) : previewData;
+                                setCustomPreviewHeader(null);
+                                setCustomPreviewContent(content);
+                            } else if ((typeof previewData === "undefined" ? "undefined" : _type_of(previewData)) === 'object' && previewData !== null && 'name' in previewData) {
+                                setCustomPreviewContent(null);
+                                setCustomPreviewHeader(null);
+                                setPreviewFile(previewData);
+                            } else {
+                                setCustomPreviewContent(null);
+                                setCustomPreviewHeader(null);
+                                setPreviewFile(file);
+                            }
+                            return [
+                                2
+                            ];
+                        }
+                        setCustomPreviewContent(null);
+                        setPreviewFile(file);
+                        return [
+                            2
+                        ];
+                    case 3:
+                        err = _state.sent();
+                        if (previewRequestIdRef.current !== currentCallId) return [
+                            2
+                        ];
+                        setCustomPreviewContent(null);
+                        setPreviewFile(file);
+                        return [
+                            2
+                        ];
+                    case 4:
+                        // 使用组件库内部的预览逻辑
+                        if (isImageFile(file)) {
+                            previewSrc = getPreviewSource(file);
+                            setImagePreview({
+                                visible: true,
+                                src: previewSrc
+                            });
+                            return [
+                                2
+                            ];
+                        }
+                        setCustomPreviewContent(null);
+                        setPreviewFile(file);
+                        return [
+                            2
+                        ];
+                }
             });
-          } else {
-            handleDefaultShare(file, locale);
-          }
-        },
-        onLocate,
-        customContent: customPreviewContent || void 0,
-        customHeader: customPreviewHeader || void 0,
-        customActions: typeof customActions === "function" ? customActions(previewFile) : customActions,
-        headerFileOverride: headerFileOverride || void 0,
-        markdownEditorProps
-      }
-    ), ImagePreviewComponent);
-  }
-  const renderFileContent = () => {
-    if ((!nodes || nodes.length === 0) && !loading) {
-      return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-empty`, hashId) }, renderEmptyContent());
-    }
-    if (safeNodes.length === 0) {
-      return /* @__PURE__ */ React.createElement("div", { className: classNames(`${prefixCls}-empty`, hashId) }, renderEmptyContent());
-    }
-    return safeNodes.map((node) => {
-      var _a;
-      const nodeWithId = ensureNodeWithStableId(node);
-      if ("children" in nodeWithId) {
-        const groupNode = __spreadProps(__spreadValues({}, nodeWithId), {
-          collapsed: (_a = collapsedGroups[nodeWithId.id]) != null ? _a : nodeWithId.collapsed,
-          // 确保子节点也有唯一ID
-          children: nodeWithId.children.map(ensureNodeWithStableId)
         });
-        return /* @__PURE__ */ React.createElement(
-          FileGroupComponent,
-          {
-            key: nodeWithId.id,
-            group: groupNode,
-            onToggle: handleToggleGroup,
-            onGroupDownload,
-            onDownload,
-            onFileClick,
-            onPreview: handlePreview,
-            onShare,
-            onLocate,
-            prefixCls,
-            hashId,
-            bindDomId
-          }
-        );
-      }
-      return /* @__PURE__ */ React.createElement(
-        FileItemComponent,
-        {
-          key: nodeWithId.id,
-          file: nodeWithId,
-          onClick: onFileClick,
-          onDownload,
-          onShare,
-          onPreview: handlePreview,
-          onLocate,
-          prefixCls,
-          hashId,
-          bindDomId
+        return function handlePreview(file) {
+            return _ref.apply(this, arguments);
+        };
+    }();
+    // 通过 actionRef 暴露可编程接口
+    React.useEffect(function() {
+        if (!actionRef) return;
+        actionRef.current = {
+            openPreview: function(file) {
+                var fileWithId = ensureNodeWithStableId(file);
+                void handlePreview(fileWithId);
+            },
+            backToList: function() {
+                handleBackToList();
+            },
+            updatePreviewHeader: function(partial) {
+                setHeaderFileOverride(function(prev) {
+                    return _object_spread({}, prev || {}, partial);
+                });
+            }
+        };
+        return function() {
+            actionRef.current = null;
+        };
+    }, [
+        actionRef,
+        handlePreview,
+        handleBackToList
+    ]);
+    var hasKeyword = Boolean((keyword !== null && keyword !== void 0 ? keyword : '').trim());
+    // 渲染搜索框组件 - 确保在所有情况下都保持一致
+    var renderSearchInput = function() {
+        if (!showSearch) return null;
+        return /*#__PURE__*/ React.createElement(SearchInput, {
+            keyword: keyword,
+            onChange: onChange,
+            searchPlaceholder: searchPlaceholder,
+            prefixCls: prefixCls,
+            hashId: hashId,
+            locale: locale
+        });
+    };
+    // 渲染空状态内容
+    var renderEmptyContent = function() {
+        if (hasKeyword) {
+            return /*#__PURE__*/ React.createElement(Typography.Text, {
+                type: "secondary"
+            }, ((locale === null || locale === void 0 ? void 0 : locale['workspace.noResultsFor']) || "未找到与「".concat(keyword, "」匹配的结果")).replace('${keyword}', String(keyword)));
         }
-      );
-    });
-  };
-  return wrapSSR(
-    /* @__PURE__ */ React.createElement(React.Fragment, null, loading && loadingRender ? (
-      // 使用自定义loading渲染函数
-      /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${prefixCls}-container`, hashId),
-          "data-testid": "file-component"
-        },
-        renderSearchInput(),
-        loadingRender()
-      )
-    ) : (
-      // 使用默认的Spin组件
-      /* @__PURE__ */ React.createElement(Spin, { spinning: !!loading }, /* @__PURE__ */ React.createElement(
-        "div",
-        {
-          className: classNames(`${prefixCls}-container`, hashId),
-          "data-testid": "file-component"
+        if (typeof emptyRender === 'function') {
+            return emptyRender();
+        }
+        return emptyRender !== null && emptyRender !== void 0 ? emptyRender : /*#__PURE__*/ React.createElement(Empty, {
+            description: (locale === null || locale === void 0 ? void 0 : locale['workspace.empty']) || 'No data'
+        });
+    };
+    // 图片预览组件
+    var ImagePreviewComponent = /*#__PURE__*/ React.createElement(Image, {
+        style: {
+            display: 'none'
         },
-        renderSearchInput(),
-        renderFileContent()
-      ))
-    ), ImagePreviewComponent)
-  );
-};
-export {
-  FileComponent
+        src: imagePreview.src,
+        preview: {
+            visible: imagePreview.visible,
+            onVisibleChange: function(visible) {
+                setImagePreview(function(prev) {
+                    return _object_spread_props(_object_spread({}, prev), {
+                        visible: visible
+                    });
+                });
+            }
+        }
+    });
+    // 如果正在预览文件，显示预览组件
+    if (previewFile) {
+        return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(PreviewComponent, {
+            file: previewFile,
+            onBack: handleBack,
+            onDownload: handleDownloadInPreview,
+            onShare: function(file, options) {
+                if (onShare) {
+                    onShare(file, {
+                        anchorEl: options === null || options === void 0 ? void 0 : options.anchorEl,
+                        origin: 'preview'
+                    });
+                } else {
+                    handleDefaultShare(file, locale);
+                }
+            },
+            onLocate: onLocate,
+            customContent: customPreviewContent || undefined,
+            customHeader: customPreviewHeader || undefined,
+            customActions: typeof customActions === 'function' ? customActions(previewFile) : customActions,
+            headerFileOverride: headerFileOverride || undefined,
+            markdownEditorProps: markdownEditorProps
+        }), ImagePreviewComponent);
+    }
+    // 渲染文件内容
+    var renderFileContent = function() {
+        if ((!nodes || nodes.length === 0) && !loading) {
+            return /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(prefixCls, "-empty"), hashId)
+            }, renderEmptyContent());
+        }
+        if (safeNodes.length === 0) {
+            return /*#__PURE__*/ React.createElement("div", {
+                className: classNames("".concat(prefixCls, "-empty"), hashId)
+            }, renderEmptyContent());
+        }
+        return safeNodes.map(function(node) {
+            var nodeWithId = ensureNodeWithStableId(node);
+            if ('children' in nodeWithId) {
+                var _collapsedGroups_nodeWithId_id;
+                // 分组节点，使用内部状态覆盖外部的 collapsed 属性
+                var groupNode = _object_spread_props(_object_spread({}, nodeWithId), {
+                    collapsed: (_collapsedGroups_nodeWithId_id = collapsedGroups[nodeWithId.id]) !== null && _collapsedGroups_nodeWithId_id !== void 0 ? _collapsedGroups_nodeWithId_id : nodeWithId.collapsed,
+                    // 确保子节点也有唯一ID
+                    children: nodeWithId.children.map(ensureNodeWithStableId)
+                });
+                return /*#__PURE__*/ React.createElement(FileGroupComponent, {
+                    key: nodeWithId.id,
+                    group: groupNode,
+                    onToggle: handleToggleGroup,
+                    onGroupDownload: onGroupDownload,
+                    onDownload: onDownload,
+                    onFileClick: onFileClick,
+                    onPreview: handlePreview,
+                    onShare: onShare,
+                    onLocate: onLocate,
+                    prefixCls: prefixCls,
+                    hashId: hashId,
+                    bindDomId: bindDomId
+                });
+            }
+            // 文件节点
+            return /*#__PURE__*/ React.createElement(FileItemComponent, {
+                key: nodeWithId.id,
+                file: nodeWithId,
+                onClick: onFileClick,
+                onDownload: onDownload,
+                onShare: onShare,
+                onPreview: handlePreview,
+                onLocate: onLocate,
+                prefixCls: prefixCls,
+                hashId: hashId,
+                bindDomId: bindDomId
+            });
+        });
+    };
+    // 统一的渲染逻辑 - 确保搜索框位置稳定
+    return wrapSSR(/*#__PURE__*/ React.createElement(React.Fragment, null, loading && loadingRender ? // 使用自定义loading渲染函数
+    /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-container"), hashId),
+        "data-testid": "file-component"
+    }, renderSearchInput(), loadingRender()) : // 使用默认的Spin组件
+    /*#__PURE__*/ React.createElement(Spin, {
+        spinning: !!loading
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classNames("".concat(prefixCls, "-container"), hashId),
+        "data-testid": "file-component"
+    }, renderSearchInput(), renderFileContent())), ImagePreviewComponent));
 };