@myun/gimi-chat 0.0.3 → 0.0.4

package/dist/components/templates/CommonChat.js

@@ -0,0 +1,218 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { store } from "../../store";
+import { useAppDispatch, useAppSelector } from "../../store/hooks";
+import { setBaseUrl, setToken, setPlatform, setConversationId, setAgentDetail, setBussinessParams } from "../../store/slices/gimiMenuSlice";
+import useCommonChatAPI from "../../hooks/useCommonChatAPI";
+import { replaceBraces } from "../../utils/tools";
+import styles from "./index.module.scss";
+import ChatInput from "../chat-input";
+import MessageList from "../message-list";
+import PresetAgentContent from "../preset-agent-content";
+import useChatVoice from "../../hooks/useChatVoice";
+import { useChatUI } from "../../hooks/useChatUI";
+import { IconChevronDown } from '@douyinfe/semi-icons';
+import KonwledgeTrace from "../knowledge-trace";
+import FileCardSideBar from "../file-card/fileCardSidebar";
+import OfficeFilePreviewPanel from "../file-preview";
+import AiLoading from "../ai-loading";
+var CommonChat = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$businessType = props.businessType,
+    businessType = _props$businessType === void 0 ? 'chat' : _props$businessType,
+    _props$showInput = props.showInput,
+    showInput = _props$showInput === void 0 ? true : _props$showInput,
+    baseUrl = props.baseUrl,
+    token = props.token,
+    _props$showHeader = props.showHeader,
+    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
+    _props$chatInputConfi = props.chatInputConfig,
+    chatInputConfig = _props$chatInputConfi === void 0 ? {
+      enableVoiceRecord: true,
+      enableVoiceChat: true,
+      enableFileUpload: true
+    } : _props$chatInputConfi,
+    _props$platform = props.platform,
+    platform = _props$platform === void 0 ? 'myun' : _props$platform,
+    _props$defaultMessage = props.defaultMessages,
+    defaultMessages = _props$defaultMessage === void 0 ? [] : _props$defaultMessage,
+    agentDetail = props.agentDetail,
+    agentId = props.agentId,
+    _props$showPrologue = props.showPrologue,
+    showPrologue = _props$showPrologue === void 0 ? true : _props$showPrologue,
+    _props$model = props.model,
+    model = _props$model === void 0 ? 'fullscreen' : _props$model,
+    conversationId = props.conversationId,
+    bussinessParams = props.bussinessParams;
+  var dispatch = useAppDispatch();
+  var containerRef = React.useRef(null);
+  var chatInputRef = React.useRef(null);
+  var messageList = useAppSelector(function (state) {
+    return state.gimiMenu.messageList;
+  });
+  var agentObj = useAppSelector(function (state) {
+    return state.gimiMenu.agentObj;
+  });
+  var storedBaseUrl = useAppSelector(function (state) {
+    return state.gimiMenu.baseUrl;
+  });
+  var storedToken = useAppSelector(function (state) {
+    return state.gimiMenu.token;
+  });
+  var chatUI = useChatUI();
+  var _useChatVoice = useChatVoice(),
+    isRecording = _useChatVoice.isRecording,
+    recordingCount = _useChatVoice.recordingCount,
+    asrText = _useChatVoice.asrText,
+    shortAsrClick = _useChatVoice.shortAsrClick,
+    isExecuting = _useChatVoice.isExecuting,
+    playTTSByText = _useChatVoice.playTTSByText,
+    stopTTSByText = _useChatVoice.stopTTSByText,
+    isPlaying = _useChatVoice.isPlaying;
+  var _useCommonChatAPI = useCommonChatAPI(containerRef, businessType, stopTTSByText, isPlaying, agentId),
+    headerValue = _useCommonChatAPI.headerValue,
+    msgLoading = _useCommonChatAPI.msgLoading,
+    onSucessExcel = _useCommonChatAPI.onSucessExcel,
+    handleInterrupt = _useCommonChatAPI.handleInterrupt,
+    onFailureExcel = _useCommonChatAPI.onFailureExcel,
+    onRetryExcel = _useCommonChatAPI.onRetryExcel,
+    disableSend = _useCommonChatAPI.disableSend,
+    inputModelRef = _useCommonChatAPI.inputModelRef,
+    isMoreLoading = _useCommonChatAPI.isMoreLoading,
+    startConversationAndChat = _useCommonChatAPI.startConversationAndChat,
+    getContentMessageList = _useCommonChatAPI.getContentMessageList,
+    hasMore = _useCommonChatAPI.hasMore,
+    handleSend = _useCommonChatAPI.handleSend,
+    scrollBottomForce = _useCommonChatAPI.scrollBottomForce,
+    showBackBottom = _useCommonChatAPI.showBackBottom,
+    isScrolling = _useCommonChatAPI.isScrolling,
+    regenerate = _useCommonChatAPI.regenerate,
+    startAICorrection = _useCommonChatAPI.startAICorrection;
+  React.useImperativeHandle(ref, function () {
+    return {
+      messageList: messageList,
+      agentDetail: agentObj,
+      conversationId: store.getState().gimiMenu.conversationId,
+      inputEditor: chatInputRef.current
+    };
+  });
+  React.useEffect(function () {
+    // 组件初始化
+    dispatch(setBaseUrl({
+      baseUrl: baseUrl || ''
+    }));
+    dispatch(setToken({
+      token: token || ''
+    }));
+    dispatch(setPlatform({
+      platform: platform
+    }));
+    dispatch(setConversationId({
+      conversationId: conversationId || null
+    }));
+    dispatch(setAgentDetail({
+      agentDetail: agentDetail || {}
+    }));
+    dispatch(setBussinessParams({
+      bussinessParams: bussinessParams || {}
+    }));
+  }, [baseUrl, token, agentDetail, platform, conversationId, bussinessParams]);
+  React.useEffect(function () {
+    if (bussinessParams !== null && bussinessParams !== void 0 && bussinessParams.QUESTION_ID && bussinessParams !== null && bussinessParams !== void 0 && bussinessParams.ANSWER_ID && businessType === 'correction' && storedBaseUrl && storedToken) {
+      startAICorrection(bussinessParams.ANSWER_ID, bussinessParams.QUESTION_ID);
+    }
+  }, [bussinessParams, storedBaseUrl, storedToken, businessType]);
+  var disableVoiceCommunication = React.useMemo(function () {
+    var lastedMessage = messageList[messageList.length - 1];
+    var content = (lastedMessage === null || lastedMessage === void 0 ? void 0 : lastedMessage.content) || '';
+    if (content.indexOf('<excel>') > -1) return true;
+    if (['ask', 'skill'].includes((lastedMessage === null || lastedMessage === void 0 ? void 0 : lastedMessage.moduleType) || '')) return true;
+    return false;
+  }, [messageList]);
+  var onHistoryReload = function onHistoryReload() {
+    hasMore.current = true;
+    getContentMessageList(1, 10);
+  };
+  var setInputValue = React.useCallback(function (content) {
+    var _chatInputRef$current;
+    (_chatInputRef$current = chatInputRef.current) === null || _chatInputRef$current === void 0 || _chatInputRef$current.setValue(content);
+  }, []);
+
+  // const onInputValueChange = React.useCallback((content: string) => {
+  //     setInputValue(content);
+  // }, []);
+
+  var handleInputSend = React.useCallback(function (val, agent, isSystemAuto) {
+    var _chatInputRef$current2;
+    (_chatInputRef$current2 = chatInputRef.current) === null || _chatInputRef$current2 === void 0 || _chatInputRef$current2.setValue('');
+    if (!conversationId) {
+      startConversationAndChat(val);
+      return;
+    }
+    handleSend(val, agent, isSystemAuto);
+  }, [handleSend, startConversationAndChat, conversationId]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.main,
+    id: "myun_gimi_design_chat"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.chat_content
+  }, showHeader && headerValue && /*#__PURE__*/React.createElement("div", {
+    className: styles.content_header
+  }, replaceBraces(headerValue)), /*#__PURE__*/React.createElement("div", {
+    className: styles.scroll_wrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles.scroll_container, " ").concat(isScrolling ? styles.scrolling : ''),
+    ref: containerRef
+  }, showPrologue && messageList.length === 0 && !isMoreLoading && /*#__PURE__*/React.createElement(PresetAgentContent, {
+    prologue: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.prologue) || '',
+    questionList: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.questionList) || [],
+    setInputValue: setInputValue
+  }), isMoreLoading ? /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(AiLoading, null)) : /*#__PURE__*/React.createElement(MessageList, _extends({
+    chatList: messageList || defaultMessages,
+    handleSend: handleSend,
+    inputModelRef: inputModelRef,
+    msgLoading: msgLoading,
+    onSucessExcel: onSucessExcel,
+    onFailureExcel: onFailureExcel,
+    onRegenerateClick: regenerate,
+    onRetryExcel: onRetryExcel,
+    chatUI: chatUI,
+    model: model,
+    isPlaying: isPlaying,
+    playTTSByText: playTTSByText,
+    stopTTSByText: stopTTSByText
+  }, props.messageConfig))), showBackBottom && /*#__PURE__*/React.createElement("div", {
+    className: styles.backBottomBtn,
+    onClick: function onClick() {
+      return scrollBottomForce(true);
+    }
+  }, /*#__PURE__*/React.createElement(IconChevronDown, {
+    size: "large"
+  }))), showInput && /*#__PURE__*/React.createElement(ChatInput, _extends({
+    ref: chatInputRef
+  }, chatInputConfig, {
+    onSend: handleInputSend,
+    disabled: disableSend || isMoreLoading,
+    showDefaultPrompt: messageList.length === 0,
+    defaultPrompt: (agentObj === null || agentObj === void 0 ? void 0 : agentObj.defaultPrompt) || ''
+    // onContentChange={onInputValueChange}
+    ,
+    onInterrupt: handleInterrupt,
+    isRecording: isRecording,
+    isVoiceGetting: isExecuting,
+    recordingCount: recordingCount,
+    asrText: asrText,
+    shortAsrClick: shortAsrClick,
+    disableVoiceCommunication: disableVoiceCommunication,
+    onHistoryReload: onHistoryReload
+  }, props.chatInputConfig))), /*#__PURE__*/React.createElement(KonwledgeTrace, _extends({}, props.sidebarConfig, {
+    chatList: messageList || defaultMessages,
+    isOverFlow: model === 'fullscreen' ? false : true
+  })), /*#__PURE__*/React.createElement(FileCardSideBar, _extends({}, props.sidebarConfig, {
+    isOverFlow: model === 'fullscreen' ? false : true
+  })), /*#__PURE__*/React.createElement(OfficeFilePreviewPanel, null));
+});
+export default CommonChat;

package/dist/components/templates/GimiChatComponent.d.ts

@@ -0,0 +1,4 @@
+import { CommonChatProps, CommonChatRef } from '../../types/chat';
+import React from 'react';
+declare const GimiChatComponent: React.ForwardRefExoticComponent<CommonChatProps & React.RefAttributes<CommonChatRef>>;
+export default GimiChatComponent;

package/dist/components/templates/GimiChatComponent.js

@@ -0,0 +1,23 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import { store } from "../../store";
+import CommonChat from "./CommonChat";
+import React from 'react';
+import { Provider } from 'react-redux';
+var GimiChatComponent = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var commonChatRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    var _commonChatRef$curren, _commonChatRef$curren2, _commonChatRef$curren3, _commonChatRef$curren4;
+    return {
+      messageList: ((_commonChatRef$curren = commonChatRef.current) === null || _commonChatRef$curren === void 0 ? void 0 : _commonChatRef$curren.messageList) || [],
+      agentDetail: ((_commonChatRef$curren2 = commonChatRef.current) === null || _commonChatRef$curren2 === void 0 ? void 0 : _commonChatRef$curren2.agentDetail) || {},
+      conversationId: ((_commonChatRef$curren3 = commonChatRef.current) === null || _commonChatRef$curren3 === void 0 ? void 0 : _commonChatRef$curren3.conversationId) || null,
+      inputEditor: ((_commonChatRef$curren4 = commonChatRef.current) === null || _commonChatRef$curren4 === void 0 ? void 0 : _commonChatRef$curren4.inputEditor) || null
+    };
+  });
+  return /*#__PURE__*/React.createElement(Provider, {
+    store: store
+  }, /*#__PURE__*/React.createElement(CommonChat, _extends({}, props, {
+    ref: commonChatRef
+  })));
+});
+export default GimiChatComponent;

package/dist/components/templates/demo/demo.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export default function Demo(): React.JSX.Element;

package/dist/components/templates/demo/demo.js

@@ -0,0 +1,110 @@
+import GimiChatComponent from "../GimiChatComponent";
+import React from "react";
+export default function Demo() {
+  return /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '600px'
+    }
+  }, /*#__PURE__*/React.createElement(GimiChatComponent, {
+    baseUrl: 't-mgateway.gaodunwangxiao.com',
+    businessType: "correction",
+    token: 'eyJhZ2VuY3kiOjk1NTU1LCJhbGciOiJIUzI1NiJ9.eyJqdGkiOiJHYW9kdW4iLCJpYXQiOjE3Njg4OTEyMzIsInN1YiI6IjE1Mjg4NzQiLCJpc3MiOiJHYW9kdW4iLCJleHAiOjE3NzE0ODMyMzJ9.6JpEbaJnxMKiER78Ko5irwVpGFfKOP1zxYSUYXPL00Y',
+    platform: "myun",
+    agentId: 79
+    // bussinessParams={
+    //     {
+    //         "ANSWER_ID": 19923,
+    //         "QUESTION_ID": 77595
+    //     }
+    // }
+    // agentDetail={{
+    //     "agentIcon": "https://mstatic.gaodunwangxiao.com/image/2025/09/24/Excel建模-1758706152601.png",
+    //     "agentId": 65,
+    //     "agentIntroduce": "帮你智能搭建财务数据表格信息",
+    //     "agentMode": "workflow",
+    //     "agentName": "智能Excel建模",
+    //     "agentState": 1,
+    //     "agentType": "product",
+    //     "botId": "BOT1757402118115",
+    //     "botInstructionId": 0,
+    //     "characterSetting": null,
+    //     "conversationType": 2,
+    //     "customizeInstructContent": null,
+    //     "defaultPrompt": "我要生成一个{{输入模板名称，如PVM模板}}，用于{{输入使用场景，如分析收入增长主要驱动力}}。关键数据：{{输入数据}}",
+    //     "inputPrompt": "",
+    //     "isCustomizeInstruct": 0,
+    //     "isEnableRelated": 1,
+    //     "isEnableVoiceCall": 0,
+    //     "maxLength": null,
+    //     "modeType": null,
+    //     "openUploadFile": 1,
+    //     "productId": 36842,
+    //     "prologue": "帮你智能搭建财务数据表格信息",
+    //     "questionList": [
+    //         {
+    //             "id": 127,
+    //             "question": "会计是现代社会经济活动开展的重要基础，也是推动国际经贸往来的重要保障"
+    //         },
+    //         {
+    //             "id": 128,
+    //             "question": "全面预算的执行和监控中可以采用什么方式做好业务支持和预算管控？"
+    //         }
+    //     ],
+    //     "showName": "智能Excel建模",
+    //     "showNameStatus": 1,
+    //     "sourceModelId": null,
+    //     "temperature": null,
+    //     "voiceConfigs": [
+    //         {
+    //             "emotions": [
+    //                 {
+    //                     "name": "悲伤",
+    //                     "param": "sad"
+    //                 },
+    //                 {
+    //                     "name": "恐惧",
+    //                     "param": "fear"
+    //                 },
+    //                 {
+    //                     "name": "厌恶",
+    //                     "param": "hate"
+    //                 },
+    //                 {
+    //                     "name": "中性",
+    //                     "param": "neutral"
+    //                 }
+    //             ],
+    //             "gender": "female",
+    //             "isSupportMix": 0,
+    //             "languageCode": "zh-CN",
+    //             "languageId": 1,
+    //             "languageName": "中文",
+    //             "scene": "多情感",
+    //             "toneId": 2,
+    //             "toneName": "甜心小美（多情感）",
+    //             "voiceType": "zh_female_tianxinxiaomei_emo_v2_mars_bigtts"
+    //         }
+    //     ],
+    //     "workflowList": [
+    //         {
+    //             "botFlowId": "MC-2CDBD8AB38B6410A8C14EE503C9ADBCE",
+    //             "workflowId": 315,
+    //             "workflowName": "excel生成926（第3版）"
+    //         }
+    //     ]
+    // }}
+    ,
+    showPrologue: true,
+    model: 'fullscreen'
+    // conversationId={8394}
+    ,
+    chatInputConfig: {
+      enableFileUpload: true,
+      enableVoiceChat: true,
+      enableVoiceRecord: true
+    },
+    messageConfig: {
+      enableRegenerate: true
+    }
+  }));
+}

package/dist/components/templates/index.module.scss

@@ -0,0 +1,119 @@
+.main {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    gap: 20px;
+    overflow: hidden;
+    position: relative;
+}
+
+.chat_content {
+    flex: 1;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    min-width: 0;
+    position: relative;
+}
+
+.scroll_wrapper {
+    flex: 1;
+    position: relative;
+    width: 100%;
+    min-height: 0;
+}
+
+.scroll_container {
+    height: 100%;
+    overflow-y: auto;
+    overflow-x: hidden;
+    width: 100%;
+    position: relative;
+
+    &::-webkit-scrollbar {
+        width: 6px;
+        height: 6px;
+    }
+
+    &::-webkit-scrollbar-thumb {
+        border-radius: 6px;
+        background: transparent;
+    }
+
+    &::-webkit-scrollbar-track {
+        background: transparent;
+        border-radius: 6px;
+    }
+
+    &.scrolling {
+        &::-webkit-scrollbar-thumb {
+            background: rgba(144, 147, 153, 0.3);
+        }
+    }
+
+    &::-webkit-scrollbar-thumb:hover {
+        background: rgba(144, 147, 153, 0.5);
+    }
+}
+
+.backBottomBtn {
+    position: absolute;
+    bottom: 20px;
+    right: 20px;
+    width: 40px;
+    height: 40px;
+    background: #fff;
+    border-radius: 50%;
+    box-shadow: 0 4px 14px 0 rgba(0, 0, 0, 0.1);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    z-index: 10;
+    transition: all 0.3s;
+    color: #1c1f23;
+
+    &:hover {
+        background: #f2f3f5;
+    }
+}
+
+.content_header {
+    width: 100%;
+    height: 50px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    font-family: PingFangSC, PingFang SC;
+    font-weight: 500;
+    font-size: 16px;
+    color: #2e394c;
+    line-height: 22px;
+    text-align: center;
+    font-style: normal;
+    position: relative;
+
+    // margin-top: 20px;
+    .content_header_title {
+        width: 340px;
+        height: 100%;
+        line-height: 50px;
+        overflow: hidden;
+        /* 隐藏溢出内容 */
+        white-space: nowrap;
+        /* 强制文本不换行 */
+        text-overflow: ellipsis;
+        /* 超出部分显示省略号 */
+    }
+
+    .text_shanow {
+        z-index: 5;
+        pointer-events: none;
+        background: linear-gradient(rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
+        width: 97%;
+        height: 32px;
+        position: absolute;
+        top: 100%;
+        left: 1px;
+    }
+}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { FileStatus } from '../../interfaces/fileInterface';
+interface UploadFileProps {
+    file: {
+        fileType?: string;
+        fileName?: string;
+        status: FileStatus;
+        [key: string]: any;
+    };
+    handleDelFile?: () => void;
+    handleReTry?: (file: any) => void;
+    showDel?: boolean;
+}
+declare const UploadFile: React.FC<UploadFileProps>;
+export default UploadFile;

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

@@ -0,0 +1,90 @@
+import React from 'react';
+import styles from "./index.module.scss";
+import reTry from "../../assets/image/retry.png";
+import { FileStatus } from "../../interfaces/fileInterface";
+import { formatSizeToKB } from "../../utils/tools";
+var UploadFile = function UploadFile(_ref) {
+  var file = _ref.file,
+    handleDelFile = _ref.handleDelFile,
+    handleReTry = _ref.handleReTry,
+    _ref$showDel = _ref.showDel,
+    showDel = _ref$showDel === void 0 ? true : _ref$showDel;
+  // 使用useMemo缓存icon，避免每次渲染重新计算
+  var _React$useMemo = React.useMemo(function () {
+      var _file$fileName, _file$name;
+      if (!file) return {};
+      var fileType = file.fileName ? ((_file$fileName = file.fileName) === null || _file$fileName === void 0 ? void 0 : _file$fileName.split('.').pop()) || '' : ((_file$name = file.name) === null || _file$name === void 0 ? void 0 : _file$name.split('.').pop()) || '';
+      var fileName = file.fileName ? file.fileName : file.name;
+      var fileSize = formatSizeToKB(file.fileSize || file.size);
+      var iconMap = {
+        txt: 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/17/b46c7_20250917144926.png',
+        xlsx: 'https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/17/0094f_20250917144837.png'
+      };
+      return {
+        fileIcon: iconMap[fileType.toLowerCase()] || '',
+        fileName: fileName,
+        fileSize: fileSize
+      };
+    }, [file]),
+    fileIcon = _React$useMemo.fileIcon,
+    fileName = _React$useMemo.fileName,
+    fileSize = _React$useMemo.fileSize; // 更精确的依赖
+
+  // 缓存事件处理函数
+  var handleRetryClick = React.useCallback(function () {
+    if (handleReTry && file) {
+      handleReTry(file);
+    }
+  }, [handleReTry, file]);
+  var handleDeleteClick = React.useCallback(function () {
+    if (handleDelFile) {
+      handleDelFile();
+    }
+  }, [handleDelFile]);
+  if (!file) return null; // 空状态处理
+
+  var isError = file.status === FileStatus.UPLOAD_FAILED || file.status === FileStatus.ANALYSE_FAILED || file.status === FileStatus.NETWORK_ERROR;
+  var isLoading = [FileStatus.PADDING, FileStatus.RETRING, FileStatus.UPLOADING].includes(file.status);
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadBox
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadIcon
+  }, /*#__PURE__*/React.createElement("img", {
+    src: fileIcon,
+    alt: "file-icon"
+  })), /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadfileName
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.fileName
+  }, fileName)), (fileSize || isError) && /*#__PURE__*/React.createElement("div", {
+    className: styles.sizeText
+  }, fileSize && !isError && /*#__PURE__*/React.createElement("span", {
+    className: styles.size
+  }, fileSize), isError && /*#__PURE__*/React.createElement("span", {
+    className: styles.errorText
+  }, file.status === FileStatus.UPLOAD_FAILED ? '上传失败' : file.status === FileStatus.NETWORK_ERROR ? '网络错误' : '解析失败'))), isLoading && /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadLoading
+  }, /*#__PURE__*/React.createElement("span", null, file.status === FileStatus.PADDING ? '解析中...' : file.status === FileStatus.UPLOADING ? '上传中...' : '重试中...'), /*#__PURE__*/React.createElement("img", {
+    src: "https://simg01.gaodunwangxiao.com/uploadfiles/tmp/upload/202509/07/0a0fa_20250907093927.gif",
+    alt: "loading"
+  })), isError && /*#__PURE__*/React.createElement("div", {
+    className: styles.uploadError,
+    onClick: handleRetryClick
+  }, "\u91CD\u8BD5", /*#__PURE__*/React.createElement("img", {
+    src: reTry,
+    alt: "",
+    style: {
+      width: 16,
+      height: 16
+    }
+  })), showDel && /*#__PURE__*/React.createElement("div", {
+    className: styles.delIcon,
+    onClick: handleDeleteClick
+  }, /*#__PURE__*/React.createElement("img", {
+    src: "https://simg01.gaodunwangxiao.com/uploadimgs/tmp/upload/202509/12/6fa3e_20250912145501.png",
+    alt: "delete"
+  })));
+};
+export default UploadFile;