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

package/components/sender/useSenderUpload.js

@@ -0,0 +1,395 @@
+import _Symbol from "@babel/runtime-corejs3/core-js/symbol";
+import _getIteratorMethod from "@babel/runtime-corejs3/core-js/get-iterator-method";
+import _asyncToGenerator from "@babel/runtime-corejs3/helpers/asyncToGenerator";
+import _extends from "@babel/runtime-corejs3/helpers/extends";
+function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof _Symbol !== "undefined" && _getIteratorMethod(o) || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { var _context10; if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = _sliceInstanceProperty(_context10 = Object.prototype.toString.call(o)).call(_context10, 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; }
+import _regeneratorRuntime from "@babel/runtime-corejs3/regenerator";
+import _filterInstanceProperty from "@babel/runtime-corejs3/core-js/instance/filter";
+import _mapInstanceProperty from "@babel/runtime-corejs3/core-js/instance/map";
+import _trimInstanceProperty from "@babel/runtime-corejs3/core-js/instance/trim";
+import _includesInstanceProperty from "@babel/runtime-corejs3/core-js/instance/includes";
+import _startsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/starts-with";
+import _endsWithInstanceProperty from "@babel/runtime-corejs3/core-js/instance/ends-with";
+import _sliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/slice";
+import _URL from "@babel/runtime-corejs3/core-js/url";
+import _findIndexInstanceProperty from "@babel/runtime-corejs3/core-js/instance/find-index";
+import _Array$from from "@babel/runtime-corejs3/core-js/array/from";
+import _spliceInstanceProperty from "@babel/runtime-corejs3/core-js/instance/splice";
+import { useInstance } from 'intact-vue-next';
+import { request } from '../upload/ajaxUploader';
+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 节点。
+export function useSenderUpload(fileInputRef) {
+  var instance = useInstance();
+  function getUploadProps() {
+    return instance.get('uploadProps') || {};
+  }
+  function getAcceptAttr() {
+    var _getUploadProps = getUploadProps(),
+      accept = _getUploadProps.accept;
+    if (accept) return accept;
+    if (instance.get('type') === 'image') return IMAGE_ACCEPT;
+    return undefined;
+  }
+  function isMultiple() {
+    var _getUploadProps2 = getUploadProps(),
+      multiple = _getUploadProps2.multiple;
+    if (multiple !== undefined) return multiple;
+    // 默认允许多选，符合常见 AI 对话场景
+    return true;
+  }
+  function getAttachments() {
+    return instance.get('attachments') || [];
+  }
+  function setAttachments(next) {
+    // 触发 change:attachments，配合 Vue v-model:attachments / React onChangeAttachments
+    instance.set('attachments', next);
+  }
+  function isAcceptValid(file, accept) {
+    var _context, _context2;
+    if (!accept) return true;
+    var tokens = _filterInstanceProperty(_context = _mapInstanceProperty(_context2 = accept.split(',')).call(_context2, function (s) {
+      return _trimInstanceProperty(s).call(s);
+    })).call(_context, Boolean);
+    if (!tokens.length) return true;
+    var name = file.name || '';
+    var ext = _includesInstanceProperty(name).call(name, '.') ? '.' + name.split('.').pop().toLowerCase() : '';
+    var mime = (file.type || '').toLowerCase();
+    return tokens.some(function (token) {
+      var t = token.toLowerCase();
+      if (_startsWithInstanceProperty(t).call(t, '.')) return ext === t;
+      if (_endsWithInstanceProperty(t).call(t, '/*')) return _startsWithInstanceProperty(mime).call(mime, _sliceInstanceProperty(t).call(t, 0, -1));
+      return mime === t;
+    });
+  }
+  /** 把 File 投影成 FileCardListItem 形状的附件 */
+  function makeAttachment(file) {
+    var _getUploadProps$mapAt, _getUploadProps3;
+    var relativePath = file.webkitRelativePath || '';
+    var baseItem = {
+      uid: uid++,
+      name: relativePath || file.name,
+      byte: file.size,
+      type: file.type,
+      status: 'loading',
+      percent: 0,
+      raw: file,
+      relativePath: relativePath || undefined
+    };
+    baseItem.key = baseItem.uid;
+    if (typeof _URL !== 'undefined' && _URL.createObjectURL) {
+      // 本地预览 URL，无论上传成功与否都能显示缩略图
+      baseItem.src = _URL.createObjectURL(file);
+    }
+    // 允许业务在运行时补充附件展示字段（如 loadingText / errorText / poster），
+    // 但核心上传状态字段仍由 Sender 内部管理。
+    var mapped = ((_getUploadProps$mapAt = (_getUploadProps3 = getUploadProps()).mapAttachment) == null ? void 0 : _getUploadProps$mapAt.call(_getUploadProps3, file, baseItem)) || {};
+    return _extends({}, baseItem, mapped, {
+      uid: baseItem.uid,
+      key: baseItem.key,
+      raw: baseItem.raw,
+      request: baseItem.request,
+      byte: baseItem.byte,
+      relativePath: baseItem.relativePath,
+      status: baseItem.status,
+      percent: baseItem.percent
+    });
+  }
+  function updateAttachment(uidVal, patch) {
+    var _context3;
+    if (uidVal === undefined) return;
+    var list = _sliceInstanceProperty(_context3 = getAttachments()).call(_context3, 0);
+    var index = _findIndexInstanceProperty(list).call(list, function (a) {
+      return a.uid === uidVal;
+    });
+    if (index === -1) return;
+    list[index] = _extends({}, list[index], patch);
+    setAttachments(list);
+  }
+  function performUpload(_x) {
+    return _performUpload.apply(this, arguments);
+  }
+  function _performUpload() {
+    _performUpload = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(item) {
+      var _extends2;
+      var props, action, headers, withCredentials, data, name, timeout, fieldName, extra;
+      return _regeneratorRuntime.wrap(function _callee$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            props = getUploadProps();
+            action = props.action, headers = props.headers, withCredentials = props.withCredentials, data = props.data, name = props.name, timeout = props.timeout;
+            if (action) {
+              _context4.next = 6;
+              break;
+            }
+            // 没配 action 视为「仅本地暂存」，立即标记完成；保留 src/raw 让用户在 onMessageSend 时自行处理
+            updateAttachment(item.uid, {
+              status: 'done',
+              percent: 100
+            });
+            instance.trigger('uploadSuccess', null, item);
+            return _context4.abrupt("return");
+          case 6:
+            fieldName = name || 'file';
+            extra = isFunction(data) ? data(item) : data || {};
+            item.request = request({
+              action: action,
+              timeout: timeout,
+              headers: headers,
+              withCredentials: withCredentials,
+              data: _extends((_extends2 = {}, _extends2[fieldName] = item.raw, _extends2), extra),
+              onProgress: function onProgress(e, percent) {
+                // loading 阶段最多展示到 99%，避免“100% 但仍在上传中”的错觉。
+                updateAttachment(item.uid, {
+                  status: 'loading',
+                  percent: Math.min(99, percent)
+                });
+                instance.trigger('uploadProgress', e, item);
+              },
+              onError: function onError(err) {
+                updateAttachment(item.uid, {
+                  status: 'error',
+                  errorText: item.errorText || _$('上传失败')
+                });
+                instance.trigger('uploadError', err, item);
+              },
+              onSuccess: function onSuccess(res) {
+                updateAttachment(item.uid, {
+                  status: 'done',
+                  percent: 100
+                });
+                instance.trigger('uploadSuccess', res, item);
+              }
+            });
+          case 9:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee);
+    }));
+    return _performUpload.apply(this, arguments);
+  }
+  function addFiles(_x2) {
+    return _addFiles.apply(this, arguments);
+  }
+  function _addFiles() {
+    _addFiles = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2(fileList) {
+      var props, accept, limit, maxSize, _props$autoUpload, autoUpload, beforeUpload, current, incoming, err, next, queued, _iterator, _step, file, _err, _err2, _item, _i, _queued, item, ok;
+      return _regeneratorRuntime.wrap(function _callee2$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            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;
+              break;
+            }
+            err = new Error(_$('超出文件数量最大限制：{limit}', {
+              limit: limit
+            }));
+            instance.trigger('uploadError', err, undefined);
+            return _context5.abrupt("return");
+          case 9:
+            next = _sliceInstanceProperty(current).call(current, 0); // 暂存待上传项，先一次性入列再异步发起请求，避免 UI 抖动
+            queued = [];
+            _iterator = _createForOfIteratorHelperLoose(incoming);
+          case 12:
+            if ((_step = _iterator()).done) {
+              _context5.next = 27;
+              break;
+            }
+            file = _step.value;
+            if (!(maxSize && file.size > maxSize * 1024)) {
+              _context5.next = 18;
+              break;
+            }
+            _err = new Error(_$('"{name}" 超出文件最大限制：{maxSize}kb', {
+              name: file.name,
+              maxSize: maxSize
+            }));
+            instance.trigger('uploadError', _err, undefined);
+            return _context5.abrupt("continue", 25);
+          case 18:
+            if (isAcceptValid(file, accept)) {
+              _context5.next = 22;
+              break;
+            }
+            _err2 = new Error(_$('"{name}" 文件类型不合法', {
+              name: file.name
+            }));
+            instance.trigger('uploadError', _err2, undefined);
+            return _context5.abrupt("continue", 25);
+          case 22:
+            _item = makeAttachment(file);
+            queued.push(_item);
+            next.push(_item);
+          case 25:
+            _context5.next = 12;
+            break;
+          case 27:
+            setAttachments(next);
+            _i = 0, _queued = queued;
+          case 29:
+            if (!(_i < _queued.length)) {
+              _context5.next = 42;
+              break;
+            }
+            item = _queued[_i];
+            if (!beforeUpload) {
+              _context5.next = 38;
+              break;
+            }
+            _context5.next = 34;
+            return beforeUpload(item, getAttachments());
+          case 34:
+            ok = _context5.sent;
+            if (ok) {
+              _context5.next = 38;
+              break;
+            }
+            removeAttachment(item, false);
+            return _context5.abrupt("continue", 39);
+          case 38:
+            if (autoUpload) {
+              performUpload(item);
+            } else {
+              updateAttachment(item.uid, {
+                status: 'default'
+              });
+            }
+          case 39:
+            _i++;
+            _context5.next = 29;
+            break;
+          case 42:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee2);
+    }));
+    return _addFiles.apply(this, arguments);
+  }
+  function removeAttachment(_x3, _x4) {
+    return _removeAttachment.apply(this, arguments);
+  }
+  function _removeAttachment() {
+    _removeAttachment = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3(item, runBefore) {
+      var _context6;
+      var props, list, index, ok, next;
+      return _regeneratorRuntime.wrap(function _callee3$(_context7) {
+        while (1) switch (_context7.prev = _context7.next) {
+          case 0:
+            if (runBefore === void 0) {
+              runBefore = true;
+            }
+            props = getUploadProps();
+            list = getAttachments();
+            index = _findIndexInstanceProperty(list).call(list, function (a) {
+              return a.uid === item.uid;
+            });
+            if (!(index === -1)) {
+              _context7.next = 6;
+              break;
+            }
+            return _context7.abrupt("return");
+          case 6:
+            if (!(runBefore && props.beforeRemove)) {
+              _context7.next = 12;
+              break;
+            }
+            _context7.next = 9;
+            return props.beforeRemove(item, list);
+          case 9:
+            ok = _context7.sent;
+            if (ok) {
+              _context7.next = 12;
+              break;
+            }
+            return _context7.abrupt("return");
+          case 12:
+            if (item.request) {
+              try {
+                item.request.abort();
+              } catch (_e) {/* ignore */}
+            }
+            if (item.src && _startsWithInstanceProperty(_context6 = item.src).call(_context6, 'blob:') && typeof _URL !== 'undefined' && _URL.revokeObjectURL) {
+              _URL.revokeObjectURL(item.src);
+            }
+            next = _sliceInstanceProperty(list).call(list, 0);
+            _spliceInstanceProperty(next).call(next, index, 1);
+            setAttachments(next);
+          case 17:
+          case "end":
+            return _context7.stop();
+        }
+      }, _callee3);
+    }));
+    return _removeAttachment.apply(this, arguments);
+  }
+  function clearAttachments() {
+    return _clearAttachments.apply(this, arguments);
+  }
+  /** 从原生 file input 拿到 FileList 后清空它，确保用户重新选择同一个文件也能触发 change */
+  function _clearAttachments() {
+    _clearAttachments = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var _context8;
+      var list, _iterator2, _step2, item;
+      return _regeneratorRuntime.wrap(function _callee4$(_context9) {
+        while (1) switch (_context9.prev = _context9.next) {
+          case 0:
+            list = _sliceInstanceProperty(_context8 = getAttachments()).call(_context8, 0);
+            _iterator2 = _createForOfIteratorHelperLoose(list);
+          case 2:
+            if ((_step2 = _iterator2()).done) {
+              _context9.next = 8;
+              break;
+            }
+            item = _step2.value;
+            _context9.next = 6;
+            return removeAttachment(item, false);
+          case 6:
+            _context9.next = 2;
+            break;
+          case 8:
+          case "end":
+            return _context9.stop();
+        }
+      }, _callee4);
+    }));
+    return _clearAttachments.apply(this, arguments);
+  }
+  function onInputChange(e) {
+    var input = e.target;
+    if (input.files && input.files.length) {
+      addFiles(input.files);
+    }
+    input.value = '';
+  }
+  /** 触发左下角 + 号按钮的文件选择 */
+  function pickFiles() {
+    var _fileInputRef$value;
+    if (instance.get('disabled')) return;
+    (_fileInputRef$value = fileInputRef.value) == null || _fileInputRef$value.click();
+  }
+  return {
+    getAcceptAttr: getAcceptAttr,
+    isMultiple: isMultiple,
+    addFiles: addFiles,
+    removeAttachment: removeAttachment,
+    clearAttachments: clearAttachments,
+    onInputChange: onInputChange,
+    pickFiles: pickFiles
+  };
+}

package/components/skeleton/skeleton.d.ts

@@ -1,10 +1,11 @@
 import { Component, TypeDefs } from 'intact-vue-next';
+import { Sizes } from '../types';
 export interface SkeletonProps {
     loading: boolean;
     animated?: boolean;
     rows?: number;
     avator?: boolean;
-    size?: string;
+    size?: Sizes;
 }
 export interface SkeletonEvents {
 }

package/components/skeleton/skeleton.js

@@ -13,7 +13,7 @@ var typeDefs = {
 var defaults = function defaults() {
   return {
     rows: 2,
-    size: 'large'
+    size: 'default'
   };
 };
 export var Skeleton = /*#__PURE__*/function (_Component) {

package/components/think/index.d.ts

@@ -0,0 +1 @@
+export * from './think';

package/components/think/index.js

@@ -0,0 +1 @@
+export * from './think';

package/components/think/index.spec.d.ts

@@ -0,0 +1 @@
+export {};