@myun/gimi-chat 0.0.8 → 0.0.9

package/dist/components/excel-components/ExcelCard.js

@@ -1,8 +1,6 @@
 import React from 'react';
 import ExcelFailCard from "./ExcelFailCard";
 import { ExcelExcutingSteps } from "./ExcelExcuting";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var ExcelCard = function ExcelCard(_ref) {
   var item = _ref.item,
     moduleInfo = _ref.moduleInfo,
@@ -17,14 +15,14 @@ var ExcelCard = function ExcelCard(_ref) {
         return null;
       case 2:
         // 失败
-        return /*#__PURE__*/_jsx(ExcelFailCard, {
+        return /*#__PURE__*/React.createElement(ExcelFailCard, {
           skillDetail: skillDetail,
           item: item,
           onRetry: onRetry
         });
       default:
         // 执行中
-        return /*#__PURE__*/_jsx(ExcelExcutingSteps, {
+        return /*#__PURE__*/React.createElement(ExcelExcutingSteps, {
           item: item,
           skillDetail: skillDetail,
           onSucess: onSucess,
@@ -32,8 +30,6 @@ var ExcelCard = function ExcelCard(_ref) {
         });
     }
   }, [moduleInfo, item, onRetry, onFailure, onSucess]);
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: renderContent
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderContent);
 };
 export default ExcelCard;

package/dist/components/excel-components/ExcelExcuting.js

@@ -21,8 +21,6 @@ import LoadingIcon from "../../assets/image/Subtract.png";
 import classNames from "classnames";
 import { useExcelExcuteLongPoll } from "../../hooks/useLongPoll";
 import LoadingDots from "../../components/dots-loading";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
 var MOCK_STEPS = [{
   id: 1,
   text: "启动核心分析模块"
@@ -219,62 +217,47 @@ export var ExcelExcutingSteps = function ExcelExcutingSteps(_ref) {
       setContentClass(styles.expanded);
     }
   }, [isExpanded]);
-  return /*#__PURE__*/_jsx("div", {
-    className: styles.container,
-    children: /*#__PURE__*/_jsx("div", {
-      className: styles.aiLoadingSteps,
-      children: isExpanded ? /*#__PURE__*/_jsxs("div", {
-        className: classNames(styles.contentWrapper, contentClass),
-        children: [/*#__PURE__*/_jsxs("div", {
-          className: styles.header,
-          children: [!onReady && /*#__PURE__*/_jsxs("h3", {
-            className: styles.title,
-            children: [/*#__PURE__*/_jsx(LoadingDots, {}), '正在分析与生成模版...']
-          }), /*#__PURE__*/_jsx("p", {
-            className: styles.description,
-            children: '正在启动任务处理流程, 结合上下文信息, 系统已进入深度分析阶段, 请稍候5～10分钟。'
-          })]
-        }), /*#__PURE__*/_jsx("div", {
-          className: styles.stepsContainer,
-          children: renderSteps.map(function (step) {
-            return /*#__PURE__*/_jsxs("div", {
-              className: classNames(step.isCompleted ? "".concat(styles.stepItem, " ").concat(styles.completed) : "".concat(styles.stepActiveItem, " ").concat(styles.active)),
-              children: [/*#__PURE__*/_jsxs("div", {
-                className: styles.stepIndicator,
-                children: [step.isCompleted ? /*#__PURE__*/_jsx(IconTickCircle, {
-                  className: styles.checkIcon
-                }) : /*#__PURE__*/_jsx("img", {
-                  src: LoadingIcon,
-                  className: styles.pendingIcon
-                }), step.id !== 6 && /*#__PURE__*/_jsx("div", {
-                  className: styles.verticalLine
-                })]
-              }), /*#__PURE__*/_jsx("div", {
-                className: styles.stepContent,
-                children: !step.isCompleted ? /*#__PURE__*/_jsxs("span", {
-                  className: styles.stepText,
-                  children: [displayText, isTyping && /*#__PURE__*/_jsx("span", {
-                    className: styles.cursor,
-                    children: "|"
-                  })]
-                }) : /*#__PURE__*/_jsx("span", {
-                  className: styles.stepText,
-                  children: step.text
-                })
-              })]
-            }, step.id);
-          })
-        }), onReady && /*#__PURE__*/_jsx("span", {
-          className: styles.finishText,
-          children: "\u5206\u6790\u5B8C\u6210\uFF0C\u7ED3\u679C\u8F7D\u4F53\u5373\u5C06\u751F\u6210\uFF0C\u6B63\u51C6\u5907\u5448\u73B0..."
-        })]
-      }) : /*#__PURE__*/_jsx("div", {
-        className: classNames(styles.contentWrapper),
-        children: /*#__PURE__*/_jsx("h3", {
-          className: styles.title,
-          children: "\u5206\u6790\u5B8C\u6210\uFF0C\u7ED3\u679C\u8F7D\u4F53\u5373\u5C06\u751F\u6210\uFF0C\u6B63\u5728\u51C6\u5907\u5448\u73B0"
-        })
-      })
-    })
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.aiLoadingSteps
+  }, isExpanded ? /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.contentWrapper, contentClass)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header
+  }, !onReady && /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, /*#__PURE__*/React.createElement(LoadingDots, null), '正在分析与生成模版...'), /*#__PURE__*/React.createElement("p", {
+    className: styles.description
+  }, '正在启动任务处理流程, 结合上下文信息, 系统已进入深度分析阶段, 请稍候5～10分钟。')), /*#__PURE__*/React.createElement("div", {
+    className: styles.stepsContainer
+  }, renderSteps.map(function (step) {
+    return /*#__PURE__*/React.createElement("div", {
+      key: step.id,
+      className: classNames(step.isCompleted ? "".concat(styles.stepItem, " ").concat(styles.completed) : "".concat(styles.stepActiveItem, " ").concat(styles.active))
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.stepIndicator
+    }, step.isCompleted ? /*#__PURE__*/React.createElement(IconTickCircle, {
+      className: styles.checkIcon
+    }) : /*#__PURE__*/React.createElement("img", {
+      src: LoadingIcon,
+      className: styles.pendingIcon
+    }), step.id !== 6 && /*#__PURE__*/React.createElement("div", {
+      className: styles.verticalLine
+    })), /*#__PURE__*/React.createElement("div", {
+      className: styles.stepContent
+    }, !step.isCompleted ? /*#__PURE__*/React.createElement("span", {
+      className: styles.stepText
+    }, displayText, isTyping && /*#__PURE__*/React.createElement("span", {
+      className: styles.cursor
+    }, "|")) : /*#__PURE__*/React.createElement("span", {
+      className: styles.stepText
+    }, step.text)));
+  })), onReady && /*#__PURE__*/React.createElement("span", {
+    className: styles.finishText
+  }, "\u5206\u6790\u5B8C\u6210\uFF0C\u7ED3\u679C\u8F7D\u4F53\u5373\u5C06\u751F\u6210\uFF0C\u6B63\u51C6\u5907\u5448\u73B0...")) : /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.contentWrapper)
+  }, /*#__PURE__*/React.createElement("h3", {
+    className: styles.title
+  }, "\u5206\u6790\u5B8C\u6210\uFF0C\u7ED3\u679C\u8F7D\u4F53\u5373\u5C06\u751F\u6210\uFF0C\u6B63\u5728\u51C6\u5907\u5448\u73B0"))));
 };

package/dist/components/excel-components/ExcelFailCard.js

@@ -1,25 +1,20 @@
 import React from 'react';
 import styles from "./index.module.css";
 import classNames from 'classnames';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
 var ExcelFailCard = function ExcelFailCard(_ref) {
   var item = _ref.item,
     skillDetail = _ref.skillDetail,
     onRetry = _ref.onRetry;
   var message = skillDetail.message;
-  return /*#__PURE__*/_jsxs("div", {
-    className: styles.excelFail,
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: styles.failText,
-      children: [" ", message]
-    }), /*#__PURE__*/_jsx("div", {
-      className: classNames(styles.Retry, item !== null && item !== void 0 && item.reTryed ? styles.disablebox : ''),
-      onClick: function onClick() {
-        return onRetry(skillDetail, item === null || item === void 0 ? void 0 : item.id);
-      },
-      children: "\u91CD\u8BD5"
-    })]
-  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.excelFail
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.failText
+  }, " ", message), /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.Retry, item !== null && item !== void 0 && item.reTryed ? styles.disablebox : ''),
+    onClick: function onClick() {
+      return onRetry(skillDetail, item === null || item === void 0 ? void 0 : item.id);
+    }
+  }, "\u91CD\u8BD5"));
 };
 export default ExcelFailCard;

package/dist/components/excel-components/ExcelSuccessCard.d.ts

@@ -1,5 +1,9 @@
 import React from "react";
 declare const ExcelSuccessCard: ({ value }: {
-    value: any;
+    value: {
+        content: any;
+        onDownloadCallback?: () => void;
+        model: 'fullscreen' | 'sidebar';
+    };
 }) => React.JSX.Element | null;
 export default ExcelSuccessCard;

package/dist/components/excel-components/ExcelSuccessCard.js

@@ -1,6 +1,5 @@
 import React from "react";
 import { FileCard, MultipleFileCard } from "../file-card";
-import { jsx as _jsx } from "react/jsx-runtime";
 var transforata = function transforata(data) {
   var fileName = data.file_name || '文件下载.xlsx';
   var size = data.size || '0.0KB';
@@ -16,9 +15,13 @@ var transforata = function transforata(data) {
 };
 var ExcelSuccessCard = function ExcelSuccessCard(_ref) {
   var value = _ref.value;
+  var _ref2 = value || {},
+    content = _ref2.content,
+    onDownloadCallback = _ref2.onDownloadCallback,
+    model = _ref2.model;
   var skillDetail = [];
   try {
-    skillDetail = typeof value === 'string' ? JSON.parse(value) : value;
+    skillDetail = typeof content === 'string' ? JSON.parse(content) : content;
   } catch (error) {
     // console.error(error);
     return null;
@@ -29,8 +32,10 @@ var ExcelSuccessCard = function ExcelSuccessCard(_ref) {
     var renderData = skillDetail.map(function (item) {
       return transforata(item);
     });
-    return /*#__PURE__*/_jsx(MultipleFileCard, {
-      list: renderData
+    return /*#__PURE__*/React.createElement(MultipleFileCard, {
+      list: renderData,
+      onDownloadCallback: onDownloadCallback,
+      model: model
     });
   }
 
@@ -40,12 +45,14 @@ var ExcelSuccessCard = function ExcelSuccessCard(_ref) {
     downloadUrl = _transforata.downloadUrl,
     size = _transforata.size,
     fileType = _transforata.fileType;
-  return /*#__PURE__*/_jsx(FileCard, {
+  return /*#__PURE__*/React.createElement(FileCard, {
     fileName: fileName,
     fileType: fileType,
     size: size,
     downloadUrl: downloadUrl,
-    downloadText: "\u4E0B\u8F7D"
+    downloadText: "\u4E0B\u8F7D",
+    onDownloadCallback: onDownloadCallback,
+    model: model
   });
 };
 export default ExcelSuccessCard;

package/dist/components/file-card/fileCardSidebar.js

@@ -6,9 +6,6 @@ import { useCallback } from "react";
 import ReactDOM from 'react-dom';
 import styles from "./index.module.css";
 import { FileCard } from ".";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 var FileCardSideBar = function FileCardSideBar(props) {
   var targetElement = props.targetElement,
     isOverFlow = props.isOverFlow,
@@ -28,36 +25,33 @@ var FileCardSideBar = function FileCardSideBar(props) {
     dispatch(setSidebarFileList([]));
   }, [dispatch]);
   var renderContent = function renderContent() {
-    return /*#__PURE__*/_jsx(GimiSideBar, {
+    return /*#__PURE__*/React.createElement(GimiSideBar, {
       show: showSidebar,
       isOverFlow: isOverFlow,
       title: "\u5168\u90E8",
       handleClose: handleClose,
       className: className,
-      style: style,
-      children: /*#__PURE__*/_jsxs("div", {
-        className: styles.list,
-        children: [/*#__PURE__*/_jsx("span", {
-          className: styles.total,
-          children: "\u672C\u5BF9\u8BDD\u5171".concat((fileList === null || fileList === void 0 ? void 0 : fileList.length) || 0, "\u4E2A\u6587\u6863")
-        }), fileList.map(function (file, index) {
-          return /*#__PURE__*/_jsx(FileCard, {
-            fileName: file.fileName,
-            fileType: file.fileType,
-            size: file.size,
-            downloadUrl: file.downloadUrl
-          }, index);
-        })]
-      })
-    });
+      style: style
+    }, /*#__PURE__*/React.createElement("div", {
+      className: styles.list
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.total
+    }, "\u672C\u5BF9\u8BDD\u5171".concat((fileList === null || fileList === void 0 ? void 0 : fileList.length) || 0, "\u4E2A\u6587\u6863")), fileList.map(function (file, index) {
+      return /*#__PURE__*/React.createElement(FileCard, {
+        fileName: file.fileName,
+        fileType: file.fileType,
+        size: file.size,
+        downloadUrl: file.downloadUrl,
+        key: index,
+        model: isOverFlow ? 'sidebar' : 'fullscreen'
+      });
+    })));
   };
   if (isOverFlow) {
     var targetElm = targetElement || document.getElementById('myun_gimi_design_chat');
     if (!targetElm) return null;
     return /*#__PURE__*/ReactDOM.createPortal(renderContent(), targetElm);
   }
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: renderContent()
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderContent());
 };
 export default FileCardSideBar;

package/dist/components/file-card/index.d.ts

@@ -8,8 +8,11 @@ export interface IFileCardProps {
 }
 export declare const FileCard: React.FC<IFileCardProps & {
     downloadText?: string;
+    model: 'fullscreen' | 'sidebar';
 }>;
 export declare const MultipleFileCard: React.FC<{
     list: IFileCardProps[];
+    onDownloadCallback?: () => void;
+    model: 'fullscreen' | 'sidebar';
 }>;
 export default MultipleFileCard;

package/dist/components/file-card/index.js

@@ -6,16 +6,14 @@ import { useAppDispatch } from "../../store/hooks";
 import { setFilePreviewState, setShowSidebarFileList, setSidebarFileList } from "../../store/slices/gimiMenuSlice";
 import classNames from 'classnames';
 import { IconChevronRightStroked } from '@douyinfe/semi-icons';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
 export var FileCard = function FileCard(_ref) {
   var fileName = _ref.fileName,
     downloadUrl = _ref.downloadUrl,
     size = _ref.size,
     fileType = _ref.fileType,
     downloadText = _ref.downloadText,
-    onDownloadCallback = _ref.onDownloadCallback;
+    onDownloadCallback = _ref.onDownloadCallback,
+    model = _ref.model;
   var dispatch = useAppDispatch();
   var handleDownLoad = function handleDownLoad(_event) {
     _event.stopPropagation();
@@ -23,6 +21,10 @@ export var FileCard = function FileCard(_ref) {
     onDownloadCallback === null || onDownloadCallback === void 0 || onDownloadCallback();
   };
   var previewExcel = function previewExcel() {
+    if (model === 'sidebar') {
+      window.open("https://view.officeapps.live.com/op/embed.aspx?src=".concat(encodeURIComponent(downloadUrl)), '_blank');
+      return;
+    }
     dispatch(setFilePreviewState({
       filePreviewState: {
         show: true,
@@ -31,55 +33,44 @@ export var FileCard = function FileCard(_ref) {
       }
     }));
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs("div", {
-      className: classNames(styles.file_main, styles.card),
-      onClick: previewExcel,
-      children: [/*#__PURE__*/_jsx("div", {
-        className: styles.icon,
-        children: /*#__PURE__*/_jsx("img", {
-          src: "https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202512/19/b8723_20251219094824.png",
-          alt: ""
-        })
-      }), /*#__PURE__*/_jsx("div", {
-        className: styles.left,
-        children: /*#__PURE__*/_jsx("div", {
-          className: styles.iconName,
-          children: /*#__PURE__*/_jsxs("div", {
-            className: styles.nameSize,
-            children: [/*#__PURE__*/_jsx(Tooltip, {
-              content: decodeURIComponent(fileName),
-              position: "topLeft",
-              children: /*#__PURE__*/_jsx("div", {
-                className: styles.name,
-                children: decodeURIComponent(fileName)
-              })
-            }), /*#__PURE__*/_jsx("div", {
-              className: styles.type,
-              children: "".concat(fileType, " | ").concat(size)
-            })]
-          })
-        })
-      }), /*#__PURE__*/_jsxs("div", {
-        className: styles.right,
-        onClick: handleDownLoad,
-        children: [downloadText && /*#__PURE__*/_jsx("span", {
-          className: styles.text,
-          children: downloadText
-        }), /*#__PURE__*/_jsx(Tooltip, {
-          content: '下载',
-          children: /*#__PURE__*/_jsx("img", {
-            src: "https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202509/15/c61c4_20250915193545.png",
-            width: 20,
-            alt: ""
-          })
-        })]
-      })]
-    })
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.file_main, styles.card),
+    onClick: previewExcel
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.icon
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202512/19/b8723_20251219094824.png",
+    alt: ""
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.left
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.iconName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.nameSize
+  }, /*#__PURE__*/React.createElement(Tooltip, {
+    content: decodeURIComponent(fileName),
+    position: "topLeft"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.name
+  }, decodeURIComponent(fileName))), /*#__PURE__*/React.createElement("div", {
+    className: styles.type
+  }, "".concat(fileType, " | ").concat(size))))), /*#__PURE__*/React.createElement("div", {
+    className: styles.right,
+    onClick: handleDownLoad
+  }, downloadText && /*#__PURE__*/React.createElement("span", {
+    className: styles.text
+  }, downloadText), /*#__PURE__*/React.createElement(Tooltip, {
+    content: '下载'
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202509/15/c61c4_20250915193545.png",
+    width: 20,
+    alt: ""
+  })))));
 };
 export var MultipleFileCard = function MultipleFileCard(_ref2) {
-  var list = _ref2.list;
+  var list = _ref2.list,
+    onDownloadCallback = _ref2.onDownloadCallback,
+    model = _ref2.model;
   var dispatch = useAppDispatch();
   var renderList = [];
   var hasMore = (list === null || list === void 0 ? void 0 : list.length) > 2;
@@ -94,23 +85,22 @@ export var MultipleFileCard = function MultipleFileCard(_ref2) {
     }));
     dispatch(setSidebarFileList(list));
   };
-  return /*#__PURE__*/_jsx(_Fragment, {
-    children: /*#__PURE__*/_jsxs("div", {
-      className: styles.main,
-      children: [renderList.map(function (item, index) {
-        return /*#__PURE__*/_jsx(FileCard, {
-          fileName: item.fileName,
-          fileType: item.fileType,
-          size: item.size,
-          downloadUrl: item.downloadUrl,
-          downloadText: "\u4E0B\u8F7D"
-        }, index);
-      }), hasMore && /*#__PURE__*/_jsxs("div", {
-        className: styles.all,
-        onClick: openSidebar,
-        children: ["\u5168\u90E8", /*#__PURE__*/_jsx(IconChevronRightStroked, {})]
-      })]
-    })
-  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.main
+  }, renderList.map(function (item, index) {
+    return /*#__PURE__*/React.createElement(FileCard, {
+      fileName: item.fileName,
+      fileType: item.fileType,
+      size: item.size,
+      downloadUrl: item.downloadUrl,
+      key: index,
+      downloadText: "\u4E0B\u8F7D",
+      onDownloadCallback: onDownloadCallback,
+      model: model
+    });
+  }), hasMore && /*#__PURE__*/React.createElement("div", {
+    className: styles.all,
+    onClick: openSidebar
+  }, "\u5168\u90E8", /*#__PURE__*/React.createElement(IconChevronRightStroked, null))));
 };
 export default MultipleFileCard;

package/dist/components/file-card/index.module.css

@@ -33,7 +33,7 @@
 }
 
 .file_main {
-  max-width: 328px;
+  width: 328px;
   flex-shrink: 0;
   border-radius: 12px;
   border: 1px solid rgb(233, 235, 242);

package/dist/components/file-preview/index.js

@@ -10,9 +10,8 @@ import styles from "./index.module.css";
 import { Button } from '@douyinfe/semi-ui';
 import { IconClose } from '@douyinfe/semi-icons';
 import { useState, useRef, useEffect, useMemo } from 'react';
-import EmptyShow from "../../components/empty";
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import IconFontCom from "../iconfont-com";
+var emptyTmage = 'https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202601/12/2af32_20260112133158.png';
 var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
   var _useAppSelector = useAppSelector(function (state) {
       return state.gimiMenu.filePreviewState;
@@ -37,6 +36,10 @@ var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
     _useState8 = _slicedToArray(_useState7, 2),
     iframeLoaded = _useState8[0],
     setIframeLoaded = _useState8[1]; // iframe 是否已加载
+  var _useState9 = useState(0),
+    _useState10 = _slicedToArray(_useState9, 2),
+    iframeKey = _useState10[0],
+    setIframeKey = _useState10[1]; // 用于强制重新加载iframe的key
   var panelRef = useRef(null);
   var resizerRef = useRef(null);
   var startXRef = useRef(0);
@@ -191,44 +194,66 @@ var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
       }
     };
   }, [isDragging]);
-  return /*#__PURE__*/_jsxs("div", {
+
+  // 重试加载iframe
+  var retryIframeLoad = function retryIframeLoad() {
+    setIframeKey(function (prev) {
+      return prev + 1;
+    }); // 更新key强制重新渲染iframe
+    setIframeError(false); // 重试加载 iframe
+    // 重置iframe加载状态
+    setIframeLoaded(false);
+    iframeLoadedRef.current = false;
+    // 清除超时定时器
+    if (loadTimeoutRef.current) {
+      clearTimeout(loadTimeoutRef.current);
+      loadTimeoutRef.current = null;
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
     ref: panelRef,
     className: show ? styles.main : styles.mainHidden,
     style: {
       width: "".concat(width, "px")
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.content
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header
+  }, /*#__PURE__*/React.createElement("span", null, filename || '文档预览'), /*#__PURE__*/React.createElement(Button, {
+    size: "small",
+    theme: "borderless",
+    icon: /*#__PURE__*/React.createElement(IconClose, null),
+    onClick: handleClose
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.iframeContainer
+  }, url && !iframeError ? /*#__PURE__*/React.createElement("iframe", {
+    key: "".concat(url, "-").concat(iframeKey),
+    src: iframeSrc,
+    width: "100%",
+    height: "100%",
+    style: {
+      border: 0
     },
-    children: [/*#__PURE__*/_jsxs("div", {
-      className: styles.content,
-      children: [/*#__PURE__*/_jsxs("div", {
-        className: styles.header,
-        children: [/*#__PURE__*/_jsx("span", {
-          children: filename || '文档预览'
-        }), /*#__PURE__*/_jsx(Button, {
-          size: "small",
-          theme: "borderless",
-          icon: /*#__PURE__*/_jsx(IconClose, {}),
-          onClick: handleClose
-        })]
-      }), /*#__PURE__*/_jsx("div", {
-        className: styles.iframeContainer,
-        children: url && !iframeError ? /*#__PURE__*/_jsx("iframe", {
-          src: iframeSrc,
-          width: "100%",
-          height: "100%",
-          style: {
-            border: 0
-          },
-          onError: handleIframeError,
-          onLoad: handleIframeLoad
-        }, url) : /*#__PURE__*/_jsx(EmptyShow, {
-          title: iframeError ? '文档加载失败' : '暂无内容'
-        })
-      })]
-    }), /*#__PURE__*/_jsx("div", {
-      ref: resizerRef,
-      className: styles.resizer,
-      onMouseDown: handleMouseDown
-    })]
-  });
+    onError: handleIframeError,
+    onLoad: handleIframeLoad
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: styles.empty
+  }, /*#__PURE__*/React.createElement("img", {
+    src: emptyTmage,
+    alt: "",
+    className: styles.emptyImage
+  }), iframeError ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("p", null, "\u62B1\u6B49\uFF0C\u5F53\u524D\u670D\u52A1\u7E41\u5FD9"), /*#__PURE__*/React.createElement("p", null, "\u8BF7\u70B9\u51FB\u91CD\u8BD5\u5237\u65B0\u9884\u89C8\uFF0C\u6216\u76F4\u63A5\u4E0B\u8F7D\u67E5\u770B")) : /*#__PURE__*/React.createElement("p", null, "\u6682\u65E0\u5185\u5BB9"), /*#__PURE__*/React.createElement(Button, {
+    onClick: retryIframeLoad,
+    className: styles.retryButton
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(IconFontCom, {
+    className: styles.replayIcon,
+    type: "icon-shuaxin1",
+    size: 14
+  }), "\u91CD\u8BD5"))))), /*#__PURE__*/React.createElement("div", {
+    ref: resizerRef,
+    className: styles.resizer,
+    onMouseDown: handleMouseDown
+  }));
 };
 export default OfficeFilePreviewPanel;