@myun/gimi-chat 0.9.25 → 0.9.26

package/dist/components/chat-input/index.js

@@ -181,6 +181,41 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       handleQuickInput(props.asrText, false);
     }
   }, [props.asrText, props.isRecording, props.isVoiceGetting, handleQuickInput]);
+
+  // 粘贴图片支持
+  React.useEffect(function () {
+    var el = inputWrapRef.current;
+    if (!el) return;
+    var handlePaste = function handlePaste(e) {
+      var _e$clipboardData, _agentObjRef$current, _fileList$length, _uploadFileRef$curren;
+      var items = Array.from(((_e$clipboardData = e.clipboardData) === null || _e$clipboardData === void 0 ? void 0 : _e$clipboardData.items) || []);
+      var imageItem = items.find(function (item) {
+        return item.kind === 'file' && item.type.startsWith('image/');
+      });
+      if (!imageItem) return;
+
+      // 有图片时阻止 tiptap 默认行为（避免图片被插入编辑器）
+      e.stopPropagation();
+      e.preventDefault();
+
+      // 前置校验：上传功能是否开启
+      if (!props.enableFileUpload || ((_agentObjRef$current = agentObjRef.current) === null || _agentObjRef$current === void 0 ? void 0 : _agentObjRef$current.openUploadFile) === 0) return;
+      if (props.disabled || isAskProcess) return;
+      if (((_fileList$length = fileList === null || fileList === void 0 ? void 0 : fileList.length) !== null && _fileList$length !== void 0 ? _fileList$length : 0) >= 10) {
+        Toast.info(t('chatInput.uploadLimitTen'));
+        return;
+      }
+      var file = imageItem.getAsFile();
+      if (!file) return;
+      (_uploadFileRef$curren = uploadFileRef.current) === null || _uploadFileRef$curren === void 0 || _uploadFileRef$curren.uploadFileByRaw(file);
+    };
+
+    // capture: true 确保在 tiptap 处理前拦截
+    el.addEventListener('paste', handlePaste, true);
+    return function () {
+      return el.removeEventListener('paste', handlePaste, true);
+    };
+  }, [props.enableFileUpload, props.disabled, isAskProcess, fileList, t]);
   var handleTip = function handleTip() {
     if ((fileList === null || fileList === void 0 ? void 0 : fileList.length) >= 10) {
       return Toast.info(t('chatInput.uploadLimitTen'));
@@ -471,8 +506,8 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [UploadFileTool, props.hiddenDeepThink, AgentContainer]);
   var stopSSe = function stopSSe() {
     if (uploadFileRef.current) {
-      var _uploadFileRef$curren;
-      (_uploadFileRef$curren = uploadFileRef.current) === null || _uploadFileRef$curren === void 0 || _uploadFileRef$curren.abortUpload();
+      var _uploadFileRef$curren2;
+      (_uploadFileRef$curren2 = uploadFileRef.current) === null || _uploadFileRef$curren2 === void 0 || _uploadFileRef$curren2.abortUpload();
     }
   };
   var handleDelFile = React.useCallback(function (uid) {
@@ -491,11 +526,11 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return item.uid === file.uid;
     });
     if ((_file === null || _file === void 0 ? void 0 : _file.status) === FileStatus.ANALYSE_FAILED) {
-      var _uploadFileRef$curren2;
-      (_uploadFileRef$curren2 = uploadFileRef.current) === null || _uploadFileRef$curren2 === void 0 || _uploadFileRef$curren2.handleSSEFileAnalyize(_file);
-    } else {
       var _uploadFileRef$curren3;
-      (_uploadFileRef$curren3 = uploadFileRef.current) === null || _uploadFileRef$curren3 === void 0 || _uploadFileRef$curren3.retryUpload(_file === null || _file === void 0 ? void 0 : _file.uid);
+      (_uploadFileRef$curren3 = uploadFileRef.current) === null || _uploadFileRef$curren3 === void 0 || _uploadFileRef$curren3.handleSSEFileAnalyize(_file);
+    } else {
+      var _uploadFileRef$curren4;
+      (_uploadFileRef$curren4 = uploadFileRef.current) === null || _uploadFileRef$curren4 === void 0 || _uploadFileRef$curren4.retryUpload(_file === null || _file === void 0 ? void 0 : _file.uid);
     }
   }, [fileList]);
   var renderReference = React.useCallback(function () {

package/dist/components/chat-input/index.module.css

@@ -8,7 +8,7 @@
   box-shadow: inset 0 2px #fff, 0 2px 10px rgba(84, 105, 140, 0.15);
   border-radius: 10px;
 }
-@media (min-width: 1921px) {
+@media (min-width: 1920px) {
   .inputWrap {
     max-width: 1000px;
   }
@@ -65,7 +65,7 @@
   scrollbar-width: thin;
   scrollbar-color: #d1d1d1 transparent;
 }
-@media (min-width: 1921px) {
+@media (min-width: 1920px) {
   .chatInput {
     max-width: 1000px;
   }

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

@@ -12,6 +12,7 @@ export interface IFileUploadRef {
     abortUpload: () => void;
     handleSSEFileAnalyize: (file: FileItem) => void;
     retryUpload: (uid: string) => void;
+    uploadFileByRaw: (file: File) => void;
 }
 declare const FileUpload: React.ForwardRefExoticComponent<IProps & React.RefAttributes<unknown>>;
 export default FileUpload;

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

@@ -22,7 +22,7 @@ var IMAGE_TYPES = ['image/png', 'image/jpeg', 'image/jpg', 'image/gif', 'image/w
 var MAX_IMAGE_COUNT = 10;
 var MAX_FILE_COUNT = 1;
 var MAX_TOTAL_COUNT = 10;
-var MAX_IMAGE_SIZE = 20; // MB
+var MAX_IMAGE_SIZE = 10; // MB
 
 /** Redux FileItem → Semi Upload FileItem */
 var transformFileItem = function transformFileItem(list) {
@@ -308,7 +308,18 @@ var FileUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
         (_fileUploadAbortRef$c = fileUploadAbortRef.current) === null || _fileUploadAbortRef$c === void 0 || _fileUploadAbortRef$c.abort();
       },
       handleSSEFileAnalyize: handleSSEFileAnalyize,
-      retryUpload: retryUpload
+      retryUpload: retryUpload,
+      uploadFileByRaw: function uploadFileByRaw(file) {
+        var uid = "paste_".concat(Date.now(), "_").concat(Math.random().toString(36).slice(2));
+        customRequest({
+          file: {
+            uid: uid,
+            name: file.name,
+            size: file.size,
+            fileInstance: file
+          }
+        });
+      }
     };
   });
   var trigger = /*#__PURE__*/React.createElement(Button, {

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

@@ -31,7 +31,7 @@ var ImageFile = function ImageFile(_ref) {
   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: classNames(styles.uploadBox, isMessage ? styles.messageImg : '', isSingle ? styles.singleImg : '')
+    className: classNames(styles.uploadBox, isMessage ? styles.messageImg : styles.inputImg, isSingle ? styles.singleImg : '')
   }, /*#__PURE__*/React.createElement("img", {
     src: file.fileUrl,
     alt: "file-icon",

package/dist/components/upload-list/imageFile.module.css

@@ -27,6 +27,12 @@
   max-height: 200px;
   border-color: rgba(0, 0, 0, 0.07);
 }
+.uploadBox.inputImg {
+  width: 54px;
+  height: 54px;
+  border-radius: 8px;
+  border: 0.5px solid #D9DCE5;
+}
 .uploadBox:hover .delIcon {
   display: flex;
 }