@king-design/vue 3.8.0-beta.0 → 3.8.0-beta.2

package/components/sender/useSenderInput.js

@@ -20,6 +20,9 @@ export function useSenderInput(textareaRef) {
   function isDisabled() {
     return !!instance.get('disabled');
   }
+  function isInputDisabled() {
+    return isDisabled() || !!instance.get('inputDisabled');
+  }
   function isGenerating() {
     return !!instance.get('generating');
   }
@@ -28,13 +31,22 @@ export function useSenderInput(textareaRef) {
   }
   /** 发送按钮的最终禁用态：业务强制 disabled 优先，其余按内容自动判定 */
   function isSendButtonDisabled() {
-    if (isDisabled() || isLoading()) return true;
+    if (isDisabled() || isLoading() || instance.get('sendDisabled') || instance.get('inputDisabled')) return true;
+    if (isGenerating()) return false;
+    return isSendButtonAutoDisabled();
+  }
+  /** 生成中的停止按钮禁用态，独立于发送禁用态。 */
+  function isStopButtonDisabled() {
+    return isDisabled() || !!instance.get('stopDisabled');
+  }
+  function isSendDisabled() {
+    if (isDisabled() || isLoading() || instance.get('sendDisabled') || instance.get('inputDisabled')) return true;
     if (isGenerating()) return false;
     return isSendButtonAutoDisabled();
   }
   // 发送消息
   function send() {
-    if (isGenerating() || isSendButtonDisabled()) return;
+    if (isGenerating() || isSendDisabled()) return;
     var value = getValueText();
     var attachments = getCurrentAttachments();
     instance.trigger('messageSend', {
@@ -50,10 +62,11 @@ export function useSenderInput(textareaRef) {
     }
   }
   function stopGenerate() {
+    if (!isGenerating() || isStopButtonDisabled()) return;
     instance.trigger('stopGenerate');
   }
   function handleKeydown(e) {
-    if (e.key !== 'Enter' || !instance.get('submitOnEnter') || isDisabled() || instance.get('readonly')) return;
+    if (e.key !== 'Enter' || !instance.get('submitOnEnter') || isInputDisabled() || instance.get('readonly')) return;
     // Shift / 中文 IME 期间不触发提交
     if (e.shiftKey || e.isComposing || e.keyCode === 229) return;
     e.preventDefault();
@@ -62,6 +75,7 @@ export function useSenderInput(textareaRef) {
     send();
   }
   function handleInput(e) {
+    if (isInputDisabled() || instance.get('readonly')) return;
     var next = e.target.value;
     instance.set('value', next);
   }
@@ -83,9 +97,12 @@ export function useSenderInput(textareaRef) {
   return {
     isFocus: isFocus,
     isDisabled: isDisabled,
+    isInputDisabled: isInputDisabled,
     isGenerating: isGenerating,
     isLoading: isLoading,
     isSendButtonDisabled: isSendButtonDisabled,
+    isStopButtonDisabled: isStopButtonDisabled,
+    isSendDisabled: isSendDisabled,
     send: send,
     stopGenerate: stopGenerate,
     handleKeydown: handleKeydown,

package/components/sender/useSenderPaste.js

@@ -24,7 +24,7 @@ function getClipboardFiles(e) {
 export function useSenderPaste(addFiles) {
   var instance = useInstance();
   function handlePaste(e) {
-    if (!instance.get('pasteFile') || instance.get('disabled') || instance.get('readonly')) return;
+    if (!instance.get('pasteFile') || instance.get('disabled') || instance.get('inputDisabled') || instance.get('readonly')) return;
     var files = getClipboardFiles(e);
     if (!files.length) return;
     e.preventDefault();

package/components/sender/useSenderUpload.js

@@ -23,8 +23,6 @@ import { _$ } from '../../i18n';
 import { isFunction } from 'intact-shared';
 // 用一个递增 id 给本地附件分配 key，与 Upload 组件保持一致策略。
 var uid = 0;
-// 视觉模型默认 accept；普通文本模式不限制。
-var IMAGE_ACCEPT = 'image/*';
 // 内置的「文件选择 + XHR 上传」逻辑。
 // 不直接复用 Upload 内部 hook，因为它强依赖 useInstance() as Upload 的状态形状；
 // 这里直接复用更底层的 request() 和上传约束规则，避免在 Sender 里渲染额外的 Upload 节点。
@@ -37,7 +35,6 @@ export function useSenderUpload(fileInputRef) {
     var _getUploadProps = getUploadProps(),
       accept = _getUploadProps.accept;
     if (accept) return accept;
-    if (instance.get('type') === 'image') return IMAGE_ACCEPT;
     return undefined;
   }
   function isMultiple() {
@@ -50,6 +47,9 @@ export function useSenderUpload(fileInputRef) {
   function getAttachments() {
     return instance.get('attachments') || [];
   }
+  function isInputDisabled() {
+    return !!instance.get('disabled') || !!instance.get('inputDisabled');
+  }
   function setAttachments(next) {
     // 触发 change:attachments，配合 Vue v-model:attachments / React onChangeAttachments
     instance.set('attachments', next);
@@ -187,13 +187,19 @@ export function useSenderUpload(fileInputRef) {
       return _regeneratorRuntime.wrap(function _callee2$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
           case 0:
+            if (!isInputDisabled()) {
+              _context5.next = 2;
+              break;
+            }
+            return _context5.abrupt("return");
+          case 2:
             props = getUploadProps();
             accept = getAcceptAttr();
             limit = props.limit, maxSize = props.maxSize, _props$autoUpload = props.autoUpload, autoUpload = _props$autoUpload === void 0 ? true : _props$autoUpload, beforeUpload = props.beforeUpload;
             current = getAttachments();
             incoming = _Array$from(fileList);
             if (!(limit && current.length + incoming.length > limit)) {
-              _context5.next = 9;
+              _context5.next = 11;
               break;
             }
             err = new Error(_$('超出文件数量最大限制：{limit}', {
@@ -201,18 +207,18 @@ export function useSenderUpload(fileInputRef) {
             }));
             instance.trigger('uploadError', err, undefined);
             return _context5.abrupt("return");
-          case 9:
+          case 11:
             next = _sliceInstanceProperty(current).call(current, 0); // 暂存待上传项，先一次性入列再异步发起请求，避免 UI 抖动
             queued = [];
             _iterator = _createForOfIteratorHelperLoose(incoming);
-          case 12:
+          case 14:
             if ((_step = _iterator()).done) {
-              _context5.next = 27;
+              _context5.next = 29;
               break;
             }
             file = _step.value;
             if (!(maxSize && file.size > maxSize * 1024)) {
-              _context5.next = 18;
+              _context5.next = 20;
               break;
             }
             _err = new Error(_$('"{name}" 超出文件最大限制：{maxSize}kb', {
@@ -220,48 +226,48 @@ export function useSenderUpload(fileInputRef) {
               maxSize: maxSize
             }));
             instance.trigger('uploadError', _err, undefined);
-            return _context5.abrupt("continue", 25);
-          case 18:
+            return _context5.abrupt("continue", 27);
+          case 20:
             if (isAcceptValid(file, accept)) {
-              _context5.next = 22;
+              _context5.next = 24;
               break;
             }
             _err2 = new Error(_$('"{name}" 文件类型不合法', {
               name: file.name
             }));
             instance.trigger('uploadError', _err2, undefined);
-            return _context5.abrupt("continue", 25);
-          case 22:
+            return _context5.abrupt("continue", 27);
+          case 24:
             _item = makeAttachment(file);
             queued.push(_item);
             next.push(_item);
-          case 25:
-            _context5.next = 12;
-            break;
           case 27:
+            _context5.next = 14;
+            break;
+          case 29:
             setAttachments(next);
             _i = 0, _queued = queued;
-          case 29:
+          case 31:
             if (!(_i < _queued.length)) {
-              _context5.next = 42;
+              _context5.next = 44;
               break;
             }
             item = _queued[_i];
             if (!beforeUpload) {
-              _context5.next = 38;
+              _context5.next = 40;
               break;
             }
-            _context5.next = 34;
+            _context5.next = 36;
             return beforeUpload(item, getAttachments());
-          case 34:
+          case 36:
             ok = _context5.sent;
             if (ok) {
-              _context5.next = 38;
+              _context5.next = 40;
               break;
             }
             removeAttachment(item, false);
-            return _context5.abrupt("continue", 39);
-          case 38:
+            return _context5.abrupt("continue", 41);
+          case 40:
             if (autoUpload) {
               performUpload(item);
             } else {
@@ -269,11 +275,11 @@ export function useSenderUpload(fileInputRef) {
                 status: 'default'
               });
             }
-          case 39:
+          case 41:
             _i++;
-            _context5.next = 29;
+            _context5.next = 31;
             break;
-          case 42:
+          case 44:
           case "end":
             return _context5.stop();
         }
@@ -372,7 +378,7 @@ export function useSenderUpload(fileInputRef) {
   }
   function onInputChange(e) {
     var input = e.target;
-    if (input.files && input.files.length) {
+    if (!isInputDisabled() && input.files && input.files.length) {
       addFiles(input.files);
     }
     input.value = '';
@@ -380,7 +386,10 @@ export function useSenderUpload(fileInputRef) {
   /** 触发左下角 + 号按钮的文件选择 */
   function pickFiles() {
     var _fileInputRef$value;
-    if (instance.get('disabled')) return;
+    if (isInputDisabled()) return;
+    var _getUploadProps4 = getUploadProps(),
+      limit = _getUploadProps4.limit;
+    if (limit !== undefined && limit !== null && getAttachments().length >= Number(limit)) return;
     (_fileInputRef$value = fileInputRef.value) == null || _fileInputRef$value.click();
   }
   return {