@myun/gimi-chat 0.0.2 → 0.0.4

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const OfficeFilePreviewPanel: React.FC;
+export default OfficeFilePreviewPanel;

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

@@ -0,0 +1,229 @@
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(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 _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { useAppSelector, useAppDispatch } from "../../store/hooks";
+import React from 'react';
+import styles from "./index.module.scss";
+import { Button } from '@douyinfe/semi-ui';
+import { IconClose, IconMenu } from '@douyinfe/semi-icons';
+import { useState, useRef, useEffect, useMemo } from 'react';
+import EmptyShow from "../../components/empty";
+var OfficeFilePreviewPanel = function OfficeFilePreviewPanel() {
+  var _useAppSelector = useAppSelector(function (state) {
+      return state.gimiMenu.filePreviewState;
+    }),
+    show = _useAppSelector.show,
+    url = _useAppSelector.url,
+    filename = _useAppSelector.filename;
+  var dispatch = useAppDispatch();
+  var _useState = useState(600),
+    _useState2 = _slicedToArray(_useState, 2),
+    width = _useState2[0],
+    setWidth = _useState2[1]; // 默认宽度
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isDragging = _useState4[0],
+    setIsDragging = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    iframeError = _useState6[0],
+    setIframeError = _useState6[1]; // iframe 加载失败状态
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    iframeLoaded = _useState8[0],
+    setIframeLoaded = _useState8[1]; // iframe 是否已加载
+  var panelRef = useRef(null);
+  var dragButtonRef = useRef(null);
+  var startXRef = useRef(0);
+  var startWidthRef = useRef(0);
+  var widthRef = useRef(600); // 用于在事件处理函数中访问最新的 width 值
+  var isDraggingRef = useRef(false);
+  var loadTimeoutRef = useRef(null); // 加载超时定时器
+  var iframeLoadedRef = useRef(false); // 用于在超时回调中访问最新的加载状态
+
+  // 同步 widthRef 和 width 状态
+  useEffect(function () {
+    widthRef.current = width;
+  }, [width]);
+
+  // 同步 isDragging 的 ref
+  useEffect(function () {
+    isDraggingRef.current = isDragging;
+  }, [isDragging]);
+
+  // 同步 iframeLoadedRef 和 iframeLoaded 状态
+  useEffect(function () {
+    iframeLoadedRef.current = iframeLoaded;
+  }, [iframeLoaded]);
+
+  // 当 url 变化时，重置 iframe 错误状态和加载状态
+  useEffect(function () {
+    setIframeError(false);
+    setIframeLoaded(false);
+    iframeLoadedRef.current = false;
+    // 清除之前的超时定时器
+    if (loadTimeoutRef.current) {
+      clearTimeout(loadTimeoutRef.current);
+      loadTimeoutRef.current = null;
+    }
+  }, [url]);
+
+  // 缓存 iframe src，只有当 url 变化时才重新计算
+  var iframeSrc = useMemo(function () {
+    if (!url) return '';
+    return "https://view.officeapps.live.com/op/embed.aspx?src=".concat(encodeURIComponent(url));
+  }, [url]);
+
+  // iframe 加载错误处理
+  var handleIframeError = function handleIframeError() {
+    if (loadTimeoutRef.current) {
+      clearTimeout(loadTimeoutRef.current);
+      loadTimeoutRef.current = null;
+    }
+    setIframeError(true);
+    setIframeLoaded(false);
+  };
+
+  // iframe 加载成功处理
+  var handleIframeLoad = function handleIframeLoad() {
+    if (loadTimeoutRef.current) {
+      clearTimeout(loadTimeoutRef.current);
+      loadTimeoutRef.current = null;
+    }
+    setIframeError(false);
+    setIframeLoaded(true);
+  };
+
+  // 当 url 存在时，设置加载超时检测
+  useEffect(function () {
+    if (url && !iframeLoadedRef.current && !iframeError) {
+      // 设置 10 秒超时，如果 iframe 仍未加载成功，则视为加载失败
+      loadTimeoutRef.current = setTimeout(function () {
+        if (!iframeLoadedRef.current) {
+          setIframeError(true);
+        }
+      }, 10000);
+    }
+    return function () {
+      if (loadTimeoutRef.current) {
+        clearTimeout(loadTimeoutRef.current);
+        loadTimeoutRef.current = null;
+      }
+    };
+  }, [url, iframeError]);
+  var handleClose = function handleClose() {
+    dispatch({
+      type: 'gimiMenu/setFilePreviewState',
+      payload: {
+        filePreviewState: {
+          show: false,
+          url: url,
+          filename: filename
+        }
+      }
+    });
+  };
+
+  // 开始拖拽
+  var handleMouseDown = function handleMouseDown(e) {
+    e.preventDefault();
+    e.stopPropagation();
+    // 记录按下时的鼠标位置和当前宽度
+    startXRef.current = e.clientX;
+    startWidthRef.current = widthRef.current;
+    // 立即进入拖拽状态
+    setIsDragging(true);
+  };
+
+  // 拖拽中
+  useEffect(function () {
+    var handleMouseMove = function handleMouseMove(e) {
+      if (!isDraggingRef.current) return;
+
+      // 计算鼠标移动的距离
+      // 按钮在左侧，向左拖动（鼠标X坐标减小）：deltaX 为正值，宽度增加
+      // 向右拖动（鼠标X坐标增大）：deltaX 为负值，宽度减小
+      var deltaX = startXRef.current - e.clientX;
+      var newWidth = startWidthRef.current + deltaX;
+
+      // 限制最小和最大宽度
+      var minWidth = 400;
+      var maxWidth = Math.floor(window.innerWidth * 0.8);
+
+      // 限制宽度范围
+      newWidth = Math.max(minWidth, Math.min(maxWidth, newWidth));
+
+      // 更新宽度
+      if (Math.abs(newWidth - widthRef.current) > 0.5) {
+        widthRef.current = newWidth;
+        setWidth(newWidth);
+      }
+    };
+    var handleDocumentMouseUp = function handleDocumentMouseUp() {
+      setIsDragging(false);
+    };
+    if (isDragging) {
+      // 添加拖动状态的样式类，禁用过渡动画和内容区域的 pointer-events
+      if (panelRef.current) {
+        panelRef.current.classList.add(styles.dragging);
+      }
+      document.addEventListener('mousemove', handleMouseMove);
+      document.addEventListener('mouseup', handleDocumentMouseUp);
+      document.body.style.cursor = 'ew-resize';
+      document.body.style.userSelect = 'none';
+    } else {
+      // 移除拖动状态的样式类，恢复过渡动画和内容区域的 pointer-events
+      if (panelRef.current) {
+        panelRef.current.classList.remove(styles.dragging);
+      }
+    }
+    return function () {
+      document.removeEventListener('mousemove', handleMouseMove);
+      document.removeEventListener('mouseup', handleDocumentMouseUp);
+      if (isDragging) {
+        document.body.style.cursor = '';
+        document.body.style.userSelect = '';
+      }
+    };
+  }, [isDragging]);
+  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: url,
+    src: iframeSrc,
+    width: "100%",
+    height: "100%",
+    style: {
+      border: 0
+    },
+    onError: handleIframeError,
+    onLoad: handleIframeLoad
+  }) : /*#__PURE__*/React.createElement(EmptyShow, {
+    title: iframeError ? '文档加载失败' : '暂无内容'
+  }))), /*#__PURE__*/React.createElement("div", {
+    ref: dragButtonRef,
+    className: styles.dragButton,
+    onMouseDown: handleMouseDown
+  }, /*#__PURE__*/React.createElement(IconMenu, {
+    className: styles.dragIcon
+  })));
+};
+export default OfficeFilePreviewPanel;

package/dist/components/file-preview/index.module.scss

@@ -0,0 +1,120 @@
+.main {
+    flex-shrink: 0;
+    height: 100%;
+    background: #ffffff;
+    box-shadow: -2px 0 8px rgba(0, 0, 0, 0.15);
+    display: flex;
+    flex-direction: row;
+    transition: width 0.2s ease;
+    overflow: hidden;
+    position: relative;
+
+    // 拖动时禁用过渡动画，获得更好的拖拽体验
+    // 同时禁用内容区域的 pointer-events，确保鼠标事件可以正常传递
+    &.dragging {
+        transition: none;
+        
+        .content {
+            pointer-events: none;
+        }
+    }
+}
+
+.content {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: hidden;
+}
+
+.dragButton {
+    position: absolute;
+    left: 0;
+    top: 50%;
+    transform: translateY(-50%);
+    width: 24px;
+    height: 48px;
+    background: #ffffff;
+    border: 1px solid #e8e8e8;
+    border-left: none;
+    border-radius: 0 4px 4px 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: ew-resize;
+    z-index: 1001;
+    transition: all 0.2s ease;
+    box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
+
+    &:hover {
+        background: #f5f5f5;
+        border-color: #4086ff;
+        box-shadow: 2px 0 6px rgba(64, 134, 255, 0.2);
+    }
+
+    &:active {
+        background: #e6f4ff;
+        border-color: #2d6cd9;
+    }
+}
+
+.dragIcon {
+    font-size: 14px;
+    color: #8c8c8c;
+    transition: color 0.2s ease;
+
+    .dragButton:hover & {
+        color: #4086ff;
+    }
+
+    .dragButton:active & {
+        color: #2d6cd9;
+    }
+}
+
+.header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    padding: 16px 20px;
+    border-bottom: 1px solid #e8e8e8;
+    flex-shrink: 0;
+    background: #ffffff;
+
+    span {
+        font-family: 'PingFang SC', sans-serif;
+        font-size: 16px;
+        font-weight: 600;
+        color: #2e394c;
+        line-height: 22px;
+    }
+
+    :global(.ant-btn) {
+        color: #8c8c8c;
+        
+        &:hover {
+            color: #4086ff;
+        }
+    }
+}
+
+.iframeContainer {
+    flex: 1;
+    overflow: hidden;
+    position: relative;
+    background: #f5f5f5;
+
+    iframe {
+        width: 100%;
+        height: 100%;
+        border: none;
+        display: block;
+    }
+}
+
+.mainHidden {
+    display: none;
+}
+
+

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FileItem } from '../../types/file';
+interface IProps {
+    maxSize?: number;
+    limit?: number;
+    accept?: string[];
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export interface IFileUploadRef {
+    abortUpload: () => void;
+    handleSSEFileAnalyize: (file: FileItem) => void;
+    retryUpload: (uid: string) => void;
+}
+declare const FileUpload: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
+export default FileUpload;

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

@@ -0,0 +1,238 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw new Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator.return && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw new Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, catch: function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw new Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+function _asyncToGenerator(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); }); }; }
+import React from 'react';
+import { Upload, Toast, Button } from '@douyinfe/semi-ui';
+import { IconPaperclip } from '@douyinfe/semi-icons';
+import { useAppDispatch, useAppSelector } from "../../store/hooks";
+import { setFileList } from "../../store/slices/gimiMenuSlice";
+import { FileStatus } from "../../interfaces/fileInterface";
+import { useGimiFileUpload } from "../../hooks/useFile";
+var DEFAULT_ACCEPT = '.xlsx,.txt';
+var MAX_RETRY_COUNT = 3;
+/** Redux FileItem → Semi Upload FileItem */
+var transformFileItem = function transformFileItem(list) {
+  return list.map(function (item) {
+    return {
+      uid: item.uid,
+      name: item.name,
+      size: item.size.toString(),
+      status: item.status
+    };
+  });
+};
+var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$maxSize = props.maxSize,
+    maxSize = _props$maxSize === void 0 ? 10 : _props$maxSize,
+    _props$limit = props.limit,
+    limit = _props$limit === void 0 ? 1 : _props$limit,
+    accept = props.accept,
+    disabled = props.disabled,
+    children = props.children;
+  var dispatch = useAppDispatch();
+  var fileList = useAppSelector(function (s) {
+    return s.gimiMenu.fileList;
+  });
+  var baseUrl = useAppSelector(function (s) {
+    return s.gimiMenu.baseUrl;
+  });
+  var token = useAppSelector(function (s) {
+    return s.gimiMenu.token;
+  });
+  var uploadUrl = "https://".concat(baseUrl, "/mfilesvc/agentMessage/uploadFile");
+  var _useGimiFileUpload = useGimiFileUpload(),
+    handleSSEFileAnalyize = _useGimiFileUpload.handleSSEFileAnalyize,
+    fileUploadAbortRef = _useGimiFileUpload.fileUploadAbortRef;
+
+  /** 保存原始 File：uid -> File */
+  var rawFileMapRef = React.useRef(new Map());
+
+  /** 重试次数：uid -> count */
+  var retryCountMapRef = React.useRef(new Map());
+
+  /** 更新 Redux 中的文件状态（始终只维护一个文件） */
+  var updateFile = function updateFile(file) {
+    dispatch(setFileList({
+      fileList: [file]
+    }));
+  };
+
+  /** 失败后重新上传 */
+  var retryUpload = function retryUpload(uid) {
+    var rawFile = rawFileMapRef.current.get(uid);
+    if (!rawFile) return;
+
+    // eslint-disable-next-line @typescript-eslint/no-use-before-define
+    customRequest({
+      file: {
+        uid: uid,
+        name: rawFile.name,
+        size: rawFile.size,
+        fileInstance: rawFile
+      }
+    });
+  };
+  var customRequest = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(options) {
+      var file, onSuccess, onError, rawFile, controller, formData, _response$result, fullResponse, response, result, successFile, _retryCountMapRef$cur, currentRetry, retryWhenOnline;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            file = options.file, onSuccess = options.onSuccess, onError = options.onError;
+            rawFile = file.fileInstance || file.originFileObj;
+            if (rawFile) {
+              _context.next = 5;
+              break;
+            }
+            Toast.error('文件读取失败');
+            return _context.abrupt("return");
+          case 5:
+            // 缓存原始 File
+            rawFileMapRef.current.set(file.uid, rawFile);
+
+            // 首次上传才初始化重试次数
+            if (!retryCountMapRef.current.has(file.uid)) {
+              retryCountMapRef.current.set(file.uid, 0);
+            }
+            controller = new AbortController();
+            fileUploadAbortRef.current = controller;
+            updateFile({
+              uid: file.uid,
+              name: file.name,
+              size: file.size,
+              status: FileStatus.UPLOADING
+            });
+            formData = new FormData();
+            formData.append('file', rawFile);
+            _context.prev = 12;
+            _context.next = 15;
+            return fetch(uploadUrl, {
+              method: 'POST',
+              headers: {
+                Authorization: 'Bearer ' + token
+              },
+              body: formData,
+              signal: controller.signal
+            }).then(function (res) {
+              return res.json();
+            });
+          case 15:
+            fullResponse = _context.sent;
+            response = fullResponse[0];
+            if (!((response === null || response === void 0 ? void 0 : response.status) === 0 && response !== null && response !== void 0 && (_response$result = response.result) !== null && _response$result !== void 0 && _response$result.fileToken)) {
+              _context.next = 26;
+              break;
+            }
+            result = response.result;
+            successFile = {
+              uid: file.uid,
+              name: file.name,
+              size: file.size,
+              status: FileStatus.UPLOAD_SUCCESS,
+              fileUrl: result.fileAddr,
+              fileName: result.fileName,
+              fileSize: result.fileSize,
+              fileToken: result.fileToken,
+              fileType: result.fileName.split('.').pop()
+            };
+            updateFile(successFile);
+            handleSSEFileAnalyize(successFile, true);
+
+            // 成功后清理 retry 计数
+            retryCountMapRef.current.delete(file.uid);
+            onSuccess === null || onSuccess === void 0 || onSuccess(response);
+            _context.next = 27;
+            break;
+          case 26:
+            throw new Error('upload failed');
+          case 27:
+            _context.next = 49;
+            break;
+          case 29:
+            _context.prev = 29;
+            _context.t0 = _context["catch"](12);
+            if (!(_context.t0.name === 'AbortError')) {
+              _context.next = 33;
+              break;
+            }
+            return _context.abrupt("return");
+          case 33:
+            currentRetry = (_retryCountMapRef$cur = retryCountMapRef.current.get(file.uid)) !== null && _retryCountMapRef$cur !== void 0 ? _retryCountMapRef$cur : 0;
+            /** 网络异常：不计入重试次数 */
+            if (navigator.onLine) {
+              _context.next = 40;
+              break;
+            }
+            Toast.error('网络异常，等待恢复后重试');
+            updateFile({
+              uid: file.uid,
+              name: file.name,
+              size: file.size,
+              status: FileStatus.NETWORK_ERROR
+            });
+            retryWhenOnline = function retryWhenOnline() {
+              window.removeEventListener('online', retryWhenOnline);
+              retryUpload(file.uid);
+            };
+            window.addEventListener('online', retryWhenOnline);
+            return _context.abrupt("return");
+          case 40:
+            if (!(currentRetry >= MAX_RETRY_COUNT)) {
+              _context.next = 46;
+              break;
+            }
+            Toast.error('文件上传失败，已达到最大重试次数');
+            updateFile({
+              uid: file.uid,
+              name: file.name,
+              size: file.size,
+              status: FileStatus.UPLOAD_FAILED
+            });
+            retryCountMapRef.current.delete(file.uid);
+            onError === null || onError === void 0 || onError(_context.t0);
+            return _context.abrupt("return");
+          case 46:
+            /** ⏱️ 未达上限，继续重试 */
+            retryCountMapRef.current.set(file.uid, currentRetry + 1);
+            Toast.warning("\u4E0A\u4F20\u5931\u8D25\uFF0C\u6B63\u5728\u91CD\u8BD5\uFF08".concat(currentRetry + 1, "/").concat(MAX_RETRY_COUNT, "\uFF09"));
+            setTimeout(function () {
+              retryUpload(file.uid);
+            }, 1000);
+          case 49:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[12, 29]]);
+    }));
+    return function customRequest(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  React.useImperativeHandle(ref, function () {
+    return {
+      abortUpload: function abortUpload() {
+        var _fileUploadAbortRef$c;
+        (_fileUploadAbortRef$c = fileUploadAbortRef.current) === null || _fileUploadAbortRef$c === void 0 || _fileUploadAbortRef$c.abort();
+      },
+      handleSSEFileAnalyize: handleSSEFileAnalyize,
+      retryUpload: retryUpload
+    };
+  });
+  var trigger = /*#__PURE__*/React.createElement(Button, {
+    icon: /*#__PURE__*/React.createElement(IconPaperclip, null),
+    type: "tertiary"
+  }, "\u70B9\u51FB\u4E0A\u4F20");
+  return /*#__PURE__*/React.createElement(Upload, {
+    customRequest: customRequest,
+    action: "",
+    limit: limit,
+    multiple: limit > 1,
+    accept: (accept === null || accept === void 0 ? void 0 : accept.join(',')) || DEFAULT_ACCEPT,
+    maxSize: maxSize * 1024,
+    disabled: disabled,
+    showUploadList: false,
+    fileList: transformFileItem(fileList || [])
+  }, children || trigger);
+});
+export default FileUpload;

package/dist/components/file-upload/uploadV1.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+interface IProps {
+    maxSize?: number;
+    limit?: number;
+    accept?: string[];
+    disabled?: boolean;
+    children?: React.ReactNode;
+}
+export interface FileUploadRef {
+    handleSSEFileAnalyize: (file: any, autoRetry?: boolean) => void;
+    fileUpload: (file: any, autoRetry?: boolean) => void;
+    abortSSE: () => void;
+    fileUploadAbortRef: React.MutableRefObject<AbortController | null>;
+}
+declare const FileUpload: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
+export default FileUpload;