one-design-next 0.0.32 → 0.0.34

package/dist/composer/index.js

@@ -1,5 +1,10 @@
 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 _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); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
@@ -17,7 +22,6 @@ function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 import { useState, useRef, useCallback, useEffect, useLayoutEffect, useMemo, forwardRef, useImperativeHandle } from 'react';
 import HoverFill from "../hover-fill";
 import Icon from "../icon";
-import Image from "../image";
 import Popover from "../popover";
 import Attachments from "../attachments";
 import { Message } from "../message";
@@ -40,6 +44,31 @@ function createInvocationChipData(skill) {
   };
 }
 var TOOL_BTN_ACTIVE = 'color-mix(in srgb, var(--odn-color-brand-6) 10%, transparent)';
+var DEFAULT_ACCEPT = 'image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.md,.csv,.json,.xml,.html,.css,.js,.ts,.jsx,.tsx,.py,.java,.go,.rs,.c,.cpp,.zip,.rar,.7z';
+function formatSizeMb(bytes) {
+  return "".concat(Math.max(1, Math.round(bytes / 1024 / 1024)), "MB");
+}
+function getFileExt(name) {
+  var _name$split$pop;
+  var ext = (_name$split$pop = name.split('.').pop()) === null || _name$split$pop === void 0 ? void 0 : _name$split$pop.trim().toLowerCase();
+  return ext ? ".".concat(ext) : '';
+}
+function isFileAccepted(file, accept) {
+  var rules = accept.split(',').map(function (s) {
+    return s.trim().toLowerCase();
+  }).filter(Boolean);
+  if (rules.length === 0) return true;
+  var mime = (file.type || '').toLowerCase();
+  var ext = getFileExt(file.name);
+  return rules.some(function (rule) {
+    if (rule.startsWith('.')) return ext === rule;
+    if (rule.endsWith('/*')) {
+      var prefix = rule.slice(0, -2);
+      return !!mime && mime.startsWith("".concat(prefix, "/"));
+    }
+    return !!mime && mime === rule;
+  });
+}
 var DEFAULT_TOOLS = ['attachment', 'webSearch', 'skill'];
 export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   var _paramEdit$chipId;
@@ -75,12 +104,16 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     onAttachmentsChange = _ref.onAttachmentsChange,
     onAttachFiles = _ref.onAttachFiles,
     onAttachmentRemove = _ref.onAttachmentRemove,
+    onAttachmentRetry = _ref.onAttachmentRetry,
     _ref$attachmentsDisab = _ref.attachmentsDisabled,
     attachmentsDisabled = _ref$attachmentsDisab === void 0 ? false : _ref$attachmentsDisab,
     _ref$maxFileCount = _ref.maxFileCount,
     maxFileCount = _ref$maxFileCount === void 0 ? 5 : _ref$maxFileCount,
     _ref$maxFileSize = _ref.maxFileSize,
     maxFileSize = _ref$maxFileSize === void 0 ? 20 * 1024 * 1024 : _ref$maxFileSize,
+    maxTotalSize = _ref.maxTotalSize,
+    _ref$accept = _ref.accept,
+    accept = _ref$accept === void 0 ? DEFAULT_ACCEPT : _ref$accept,
     renderParamPanel = _ref.renderParamPanel,
     className = _ref.className,
     style = _ref.style;
@@ -299,29 +332,38 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
           }
           return _context.abrupt("return");
         case 2:
+          if (!attachments.some(function (a) {
+            var _a$status;
+            return ((_a$status = a.status) !== null && _a$status !== void 0 ? _a$status : 'done') === 'uploading';
+          })) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return");
+        case 4:
           chips = (_editorRef$current$ge2 = (_editorRef$current10 = editorRef.current) === null || _editorRef$current10 === void 0 ? void 0 : _editorRef$current10.getChips()) !== null && _editorRef$current$ge2 !== void 0 ? _editorRef$current$ge2 : [];
           segments = rawValueToSegments(text, chips);
           hasAttachments = attachments.length > 0;
           if (!(!segmentsHasContent(segments) && !hasAttachments)) {
-            _context.next = 7;
+            _context.next = 9;
             break;
           }
           return _context.abrupt("return");
-        case 7:
+        case 9:
           meta = {};
           if (hasAttachments) meta.attachments = attachments;
           if (webSearch) meta.webSearch = true;
           hasMeta = hasAttachments || webSearch;
-          _context.next = 13;
+          _context.next = 15;
           return onSend(segments, hasMeta ? meta : undefined);
-        case 13:
+        case 15:
           result = _context.sent;
           if (!(result === false)) {
-            _context.next = 16;
+            _context.next = 18;
             break;
           }
           return _context.abrupt("return");
-        case 16:
+        case 18:
           closeParamPanel();
           if (valueProp === undefined) {
             (_editorRef$current11 = editorRef.current) === null || _editorRef$current11 === void 0 || _editorRef$current11.clear();
@@ -330,7 +372,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
             setAttachments([]);
           }
           setWebSearch(false);
-        case 20:
+        case 22:
         case "end":
           return _context.stop();
       }
@@ -350,24 +392,28 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     if (fileArray.length === 0) return;
     var remaining = maxFileCount - attachments.length;
     if (remaining <= 0) {
-      Message.warning("\u81F3\u591A\u652F\u6301\u6DFB\u52A0 ".concat(maxFileCount, " \u4E2A\u6587\u4EF6"));
+      Message.warning("\u6700\u591A\u652F\u6301\u540C\u65F6\u4E0A\u4F20 ".concat(maxFileCount, " \u4E2A\u6587\u4EF6"));
+      return;
+    }
+    if (fileArray.length > remaining) {
+      Message.warning("\u6700\u591A\u652F\u6301\u540C\u65F6\u4E0A\u4F20 ".concat(maxFileCount, " \u4E2A\u6587\u4EF6"));
       return;
     }
     var acceptedFiles = [];
-    var oversized = 0;
+    var unsupportedExt = '';
+    var oversizedName = '';
     var duplicated = 0;
-    var overCount = 0;
     var _iterator = _createForOfIteratorHelper(fileArray),
       _step;
     try {
       var _loop = function _loop() {
           var f = _step.value;
-          if (acceptedFiles.length >= remaining) {
-            overCount++;
+          if (!isFileAccepted(f, accept)) {
+            unsupportedExt = getFileExt(f.name) || f.type || '该类型';
             return 0; // continue
           }
           if (f.size > maxFileSize) {
-            oversized++;
+            oversizedName = f.name;
             return 0; // continue
           }
           if (attachments.some(function (a) {
@@ -390,11 +436,27 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     } finally {
       _iterator.f();
     }
-    var sizeLabel = "".concat(Math.round(maxFileSize / 1024 / 1024), "MB");
-    if (oversized > 0) Message.warning("\u6587\u4EF6\u5927\u5C0F\u81F3\u591A\u4E3A ".concat(sizeLabel));
+    if (unsupportedExt) {
+      Message.warning("\u4E0D\u652F\u6301\u300C".concat(unsupportedExt.replace(/^\./, '').toUpperCase(), "\u300D\u683C\u5F0F"));
+    }
+    if (oversizedName) {
+      Message.warning("\u300C".concat(oversizedName, "\u300D\u8D85\u8FC7 ").concat(formatSizeMb(maxFileSize), "\uFF0C\u8BF7\u538B\u7F29\u540E\u91CD\u8BD5"));
+    }
     if (duplicated > 0) Message.warning('请不要重复添加文件');
-    if (overCount > 0) Message.warning("\u81F3\u591A\u652F\u6301\u6DFB\u52A0 ".concat(maxFileCount, " \u4E2A\u6587\u4EF6"));
     if (acceptedFiles.length === 0) return;
+    if (maxTotalSize !== undefined) {
+      var existingSize = attachments.reduce(function (sum, a) {
+        var _a$size;
+        return sum + ((_a$size = a.size) !== null && _a$size !== void 0 ? _a$size : 0);
+      }, 0);
+      var incomingSize = acceptedFiles.reduce(function (sum, f) {
+        return sum + f.size;
+      }, 0);
+      if (existingSize + incomingSize > maxTotalSize) {
+        Message.warning("\u672C\u6B21\u6587\u4EF6\u603B\u5927\u5C0F\u8D85\u8FC7 ".concat(formatSizeMb(maxTotalSize), "\uFF0C\u8BF7\u51CF\u5C11\u540E\u91CD\u8BD5"));
+        return;
+      }
+    }
     if (onAttachFiles) {
       onAttachFiles(acceptedFiles);
       return;
@@ -406,11 +468,12 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
         name: f.name,
         type: f.type,
         size: f.size,
-        url: url
+        url: url,
+        status: 'done'
       };
     });
     updateAttachments([].concat(_toConsumableArray(attachments), _toConsumableArray(accepted)));
-  }, [attachments, attachmentsDisabled, disabled, maxFileCount, maxFileSize, onAttachFiles, updateAttachments]);
+  }, [accept, attachments, attachmentsDisabled, disabled, maxFileCount, maxFileSize, maxTotalSize, onAttachFiles, updateAttachments]);
   var handleFileChange = function handleFileChange(e) {
     var files = e.target.files;
     if (!files) return;
@@ -424,6 +487,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   var composerBoxFileDragAttrs = fileDragOver ? {
     'data-odn-composer-file-drag': ''
   } : {};
+  var showFileDragOverlay = fileDragOver && !disabled && !attachmentsDisabled;
   var handleComposerDragEnter = function handleComposerDragEnter(e) {
     e.preventDefault();
     if (disabled || attachmentsDisabled) return;
@@ -547,7 +611,11 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   }, [triggerInfo]);
 
   /* ---- Derived ---- */
-  var canSend = text.trim() || attachments.length > 0;
+  var hasUploadingAttachment = attachments.some(function (a) {
+    var _a$status2;
+    return ((_a$status2 = a.status) !== null && _a$status2 !== void 0 ? _a$status2 : 'done') === 'uploading';
+  });
+  var canSend = !hasUploadingAttachment && (text.trim() || attachments.length > 0);
   var isLite = variant === 'lite';
   // lite 单行态：未主动升格即为单行（附件不触发升格，仅撑高 box 容纳附件条）
   var isInlineLite = isLite && !expanded;
@@ -676,24 +744,18 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
   var hasTools = toolNodes.length > 0;
 
   /* ---- Slots ----
-   * 待发送区按 type 分流：
-   *  - 图片（image/* + url）→ Image leaf + 72×72 cover wrap，输入态用模板
-   *    驱动尺寸（整齐划一比保留长宽比要紧）
-   *  - 其他附件 → 走 Attachments，保持原 file-card 渲染
+   * 待发送区图片与文件「同源不分流」：统一走一个 <Attachments>。
+   *  - 图片（image/* + url）映射到 variant='image-thumb'：大缩略方块
+   *  - 文件：默认 file-card
+   * 两者共享 Attachments 内的三态机 / remove 角标 / fresh-done，不再各写一套。
    *
    * 删除：按 internalBlobUrlsRef 判断是否需要 revoke，避免误 revoke 业务方
    * 的云端 url；同时派发 onAttachmentRemove（语义钩子，便于业务调"服务端
    * 删文件"）与 onAttachmentsChange。
-   *
-   * 分流子集与原 attachments 的 index 不一致，对外回调（onAttachmentRemove）
-   * 用 attachments.indexOf 拿到原始 index，保持业务方语义。 */
+   */
   var isImageAttachment = function isImageAttachment(a) {
     return a.type.startsWith('image/') && !!a.url;
   };
-  var composerImages = attachments.filter(isImageAttachment);
-  var composerFiles = attachments.filter(function (a) {
-    return !isImageAttachment(a);
-  });
   var removeAttachmentAt = function removeAttachmentAt(i) {
     var removed = attachments[i];
     if (removed !== null && removed !== void 0 && removed.url && internalBlobUrlsRef.current.has(removed.url)) {
@@ -706,27 +768,23 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     if (removed) onAttachmentRemove === null || onAttachmentRemove === void 0 || onAttachmentRemove(i, removed);
     updateAttachments(next);
   };
+
+  /* 图片映射到 image-thumb 变体；其余原样。索引与 attachments 1:1 对齐，
+   * 故 onRemove(i) / onRetry(i) 可直接回指 attachments[i]。
+   * 业务已自带 variant（如 thumb-card）时不覆盖。 */
+  var composerAttachments = attachments.map(function (a) {
+    return isImageAttachment(a) && !a.variant ? _objectSpread(_objectSpread({}, a), {}, {
+      variant: 'image-thumb'
+    }) : a;
+  });
   var attachmentsSlot = attachments.length > 0 ? /*#__PURE__*/React.createElement("div", {
     "data-odn-composer-attachments": true
-  }, composerImages.length > 0 && /*#__PURE__*/React.createElement("div", {
-    "data-odn-composer-images": true
-  }, composerImages.map(function (img) {
-    var realIdx = attachments.indexOf(img);
-    return /*#__PURE__*/React.createElement("div", {
-      key: "".concat(img.name, "-").concat(realIdx),
-      "data-odn-composer-image-thumb": true
-    }, /*#__PURE__*/React.createElement(Image, {
-      url: img.url,
-      alt: img.name,
-      onRemove: function onRemove() {
-        return removeAttachmentAt(realIdx);
-      }
-    }));
-  })), composerFiles.length > 0 && /*#__PURE__*/React.createElement(Attachments, {
-    attachments: composerFiles,
-    onRemove: function onRemove(i) {
-      return removeAttachmentAt(attachments.indexOf(composerFiles[i]));
-    }
+  }, /*#__PURE__*/React.createElement(Attachments, {
+    attachments: composerAttachments,
+    onRemove: removeAttachmentAt,
+    onRetry: onAttachmentRetry ? function (i) {
+      return onAttachmentRetry(i, attachments[i]);
+    } : undefined
   })) : null;
 
   /* 状态优先级：disabled > isGenerating > canSend
@@ -764,7 +822,7 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     ref: fileInputRef,
     type: "file",
     multiple: true,
-    accept: "image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.md,.csv,.json,.xml,.html,.css,.js,.ts,.jsx,.tsx,.py,.java,.go,.rs,.c,.cpp,.zip,.rar,.7z",
+    accept: accept,
     "data-odn-composer-file-input": true,
     onChange: handleFileChange
   });
@@ -903,7 +961,13 @@ export var Composer = /*#__PURE__*/forwardRef(function Composer(_ref, ref) {
     "data-odn-composer-lite-tools": true
   }, toolNodes), isLite && /*#__PURE__*/React.createElement("div", {
     "data-odn-composer-lite-send": true
-  }, sendOrStopButton)), hint && /*#__PURE__*/React.createElement("p", {
+  }, sendOrStopButton), showFileDragOverlay && /*#__PURE__*/React.createElement("div", {
+    "data-odn-composer-file-drag-overlay": true,
+    "aria-hidden": true
+  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Icon, {
+    name: "paperclip",
+    size: 14
+  }), "\u62D6\u653E\u6587\u4EF6\u5230\u6B64\u5904\u4E0A\u4F20"))), hint && /*#__PURE__*/React.createElement("p", {
     "data-odn-composer-hint": true
   }, submitType === 'enter' ? 'Enter 发送 · Shift+Enter 换行 · 可拖入或粘贴文件' : 'Shift+Enter 发送 · Enter 换行 · 可拖入或粘贴文件')));
 });

package/dist/composer/style/index.css

@@ -14,6 +14,7 @@
 }
 
 [data-odn-composer-box] {
+  position: relative;
   display: flex;
   flex-direction: column;
   /* gap：在 box 三个 flex item（attachments / editor / toolbar）之间统一垂直留白；
@@ -34,6 +35,42 @@
   background: color-mix(in srgb, var(--odn-color-brand-6) 6%, var(--odn-color-bg-elevated));
 }
 
+[data-odn-composer-file-drag-overlay] {
+  position: absolute;
+  inset: 0;
+  border-radius: inherit;
+  background: color-mix(in srgb, var(--odn-color-brand-6) 8%, transparent);
+  backdrop-filter: blur(4px);
+  -webkit-backdrop-filter: blur(4px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  pointer-events: none;
+  z-index: 4;
+}
+[data-odn-composer-file-drag-overlay] span {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--odn-color-brand-6);
+  font-size: 14px;
+  line-height: 24px;
+  font-weight: 600;
+}
+
+/* 拖放蒙层出现时，冻结内部交互样式事件；保留 box 自身 drop 能力。 */
+[data-odn-composer-box][data-odn-composer-file-drag] [data-odn-composer-editor],
+[data-odn-composer-box][data-odn-composer-file-drag] [data-odn-composer-toolbar],
+[data-odn-composer-box][data-odn-composer-file-drag] [data-odn-composer-lite-tools],
+[data-odn-composer-box][data-odn-composer-file-drag] [data-odn-composer-lite-send],
+[data-odn-composer-box][data-odn-composer-file-drag] [data-odn-composer-attachments] {
+  pointer-events: none !important;
+}
+[data-odn-composer-box][data-odn-composer-file-drag] [data-odn-composer-editor] {
+  caret-color: transparent;
+  user-select: none;
+}
+
 /* ------------------------------------------------------------------
  * lite variant：
  *   tools 和 send 按钮 absolute 在 box 的左下/右下；
@@ -428,32 +465,30 @@ p[data-odn-composer-hint] {
 }
 
 /* ------------------------------------------------------------------
- * 待发送区图片缩略
- *   待发送态用模板驱动尺寸（72×72 cover），与 MessageImage 消息态的
- *   数据驱动尺寸（单图 max 280×360 contain）形成对比：
- *     - 输入态用户聚焦于"我加了哪些"，整齐划一比保留长宽比要紧
- *     - 模板尺寸还能让多图横排清爽不参差
- *   通过给 Image leaf 容器套尺寸 + 内部 img 用 cover 实现。
+ * 待发送区附件
+ *   图片与文件同源不分流：统一由 <Attachments> 渲染（图片走 image-thumb
+ *   变体、文件走 file-card）。本处只负责"同一行流式排列 + 统一高度"，
+ *   三态机 / remove 角标 / fresh-done 全部下沉到 Attachments 组件。
  * ----------------------------------------------------------------- */
-[data-odn-composer-images] {
+[data-odn-composer-attachments] {
+  --odn-composer-attachment-h: 42px;
   display: flex;
   flex-wrap: wrap;
+  align-items: flex-start;
   gap: 6px;
+  /* 文件卡 / 缩略卡高度；宽度沿用各自原规则。 */
 }
-
-[data-odn-composer-image-thumb] {
-  width: 72px;
-  height: 72px;
-  border-radius: 6px;
-  overflow: hidden;
+[data-odn-composer-attachments] [data-odn-attachments-card],
+[data-odn-composer-attachments] [data-odn-attachments-thumb-card] {
+  min-height: var(--odn-composer-attachment-h);
 }
-[data-odn-composer-image-thumb] [data-odn-image] {
-  display: block;
-  width: 100%;
-  height: 100%;
+[data-odn-composer-attachments] {
+  /* 图片缩略图高度跟随文件卡——同一变量驱动，与文件卡同行等高。 */
 }
-[data-odn-composer-image-thumb] [data-odn-image] img {
-  width: 100%;
-  height: 100%;
-  object-fit: cover;
+[data-odn-composer-attachments] [data-odn-attachments-image-thumb] {
+  width: var(--odn-composer-attachment-h);
+  height: var(--odn-composer-attachment-h);
+}
+[data-odn-composer-attachments] [data-odn-attachments] {
+  gap: 6px;
 }

package/dist/index.d.ts

@@ -72,6 +72,7 @@ export { default as PreviewPanel, type PreviewPanelProps } from './preview-panel
 export { default as Sources, type SourcesProps } from './sources';
 export { default as Provenance, type ProvenanceProps, type ProvenanceType } from './provenance';
 export { default as StreamText, type StreamTextProps, type TypographyOverrides } from './stream-text';
+export { default as StreamPulse, type StreamPulseProps } from './stream-pulse';
 export { default as Suggestions, type SuggestionsProps } from './suggestions';
 export { default as UserBubble, type UserBubbleProps } from './user-bubble';
 export { default as Welcome, type WelcomeProps } from './welcome';

package/dist/index.js

@@ -77,6 +77,7 @@ export { default as PreviewPanel } from "./preview-panel";
 export { default as Sources } from "./sources";
 export { default as Provenance } from "./provenance";
 export { default as StreamText } from "./stream-text";
+export { default as StreamPulse } from "./stream-pulse";
 export { default as Suggestions } from "./suggestions";
 export { default as UserBubble } from "./user-bubble";
 export { default as Welcome } from "./welcome";

package/dist/stream-pulse/index.d.ts

@@ -0,0 +1,16 @@
+import type { HTMLAttributes } from 'react';
+import './style';
+export interface StreamPulseProps extends HTMLAttributes<HTMLDivElement> {
+    size?: number;
+    /** ActionBar 锚点模式：保留 min-height 32px，与 ActionBar 高度对齐 */
+    anchor?: boolean;
+}
+/**
+ * StreamPulse —— 流式生成中的风车旋转锚点。
+ * 几何来自 lucide loader 8 射线；CSS 线性旋转，零 JS 驱动。
+ */
+export declare function StreamPulse({ size, anchor, 'aria-label': ariaLabel, ...props }: StreamPulseProps): import("react").JSX.Element;
+export declare namespace StreamPulse {
+    var displayName: string;
+}
+export default StreamPulse;

package/dist/stream-pulse/index.js

@@ -0,0 +1,44 @@
+var _excluded = ["size", "anchor", "aria-label"];
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import "./style";
+var PULSE_PATHS = ['M12 2v4', 'm16.2 7.8 2.9-2.9', 'M18 12h4', 'm16.2 16.2 2.9 2.9', 'M12 18v4', 'm4.9 19.1 2.9-2.9', 'M2 12h4', 'm4.9 4.9 2.9 2.9'];
+
+/**
+ * StreamPulse —— 流式生成中的风车旋转锚点。
+ * 几何来自 lucide loader 8 射线；CSS 线性旋转，零 JS 驱动。
+ */
+export function StreamPulse(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 16 : _ref$size,
+    _ref$anchor = _ref.anchor,
+    anchor = _ref$anchor === void 0 ? false : _ref$anchor,
+    _ref$ariaLabel = _ref['aria-label'],
+    ariaLabel = _ref$ariaLabel === void 0 ? '正在生成回复' : _ref$ariaLabel,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("div", _extends({
+    "data-odn-stream-pulse": true,
+    "data-odn-stream-pulse-anchor": anchor || undefined,
+    role: "status",
+    "aria-label": ariaLabel
+  }, props), /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: size,
+    height: size,
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    "aria-hidden": "true"
+  }, PULSE_PATHS.map(function (d) {
+    return /*#__PURE__*/React.createElement("path", {
+      key: d,
+      d: d
+    });
+  })));
+}
+StreamPulse.displayName = 'StreamPulse';
+export default StreamPulse;

package/dist/stream-pulse/style/index.css

@@ -0,0 +1,18 @@
+[data-odn-stream-pulse] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--odn-color-black-9);
+  transform-origin: center;
+  animation: odn-stream-pulse-spin 1.5s linear infinite;
+}
+[data-odn-stream-pulse][data-odn-stream-pulse-anchor] {
+  justify-content: flex-start;
+  min-height: 32px;
+}
+
+@keyframes odn-stream-pulse-spin {
+  to {
+    transform: rotate(360deg);
+  }
+}

package/dist/stream-pulse/style/index.d.ts

@@ -0,0 +1,2 @@
+import '../../style';
+import './index.scss';

package/dist/stream-pulse/style/index.js

@@ -0,0 +1,2 @@
+import "../../style";
+import "./index.css";

package/dist/tree-select/index.d.ts

@@ -20,6 +20,7 @@ export interface TreeSelectProps extends Omit<RcTreeSelectProps, 'treeData'> {
     showInnerSearch?: boolean;
     light?: boolean;
     popupRender?: (menu: React.ReactElement) => React.ReactElement;
+    checkStrictly?: boolean;
 }
 declare const TreeSelect: React.FC<TreeSelectProps>;
 export default TreeSelect;

package/dist/tree-select/index.js

@@ -1,5 +1,4 @@
-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); }
-var _excluded = ["mode", "suffixIcon", "visible", "onVisibleChange", "treeCheckable", "className", "showInnerSearch", "light", "popupRender", "searchValue", "onSearch"];
+var _excluded = ["mode", "suffixIcon", "visible", "onVisibleChange", "treeCheckable", "className", "showInnerSearch", "light", "popupRender", "searchValue", "onSearch", "checkStrictly", "value", "defaultValue", "onChange"];
 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); }
 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."); }
@@ -14,13 +13,31 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+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); }
 import clsx from 'clsx';
 import RcTreeSelect from 'rc-tree-select';
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import Icon from "../icon";
 import "../select/style";
 import useIcons from "../select/useIcons";
 import "./style";
+function toLabelInValue(val) {
+  if (val === undefined || val === null) return undefined;
+  var arr = Array.isArray(val) ? val : [val];
+  return arr.map(function (v) {
+    return _typeof(v) === 'object' && v !== null && 'value' in v ? v : {
+      value: v,
+      label: v
+    };
+  });
+}
+function toSimpleValues(val) {
+  if (val === undefined || val === null) return [];
+  var arr = Array.isArray(val) ? val : [val];
+  return arr.map(function (v) {
+    return v.value;
+  });
+}
 var TreeSelect = function TreeSelect(_ref) {
   var mode = _ref.mode,
     _ref$suffixIcon = _ref.suffixIcon,
@@ -39,8 +56,31 @@ var TreeSelect = function TreeSelect(_ref) {
     popupRender = _ref.popupRender,
     searchValueProp = _ref.searchValue,
     onSearch = _ref.onSearch,
+    _ref$checkStrictly = _ref.checkStrictly,
+    checkStrictly = _ref$checkStrictly === void 0 ? false : _ref$checkStrictly,
+    valueProp = _ref.value,
+    defaultValueProp = _ref.defaultValue,
+    onChangeProp = _ref.onChange,
     rest = _objectWithoutProperties(_ref, _excluded);
   var isMultiple = mode === 'multiple';
+  var rcValue = useMemo(function () {
+    return checkStrictly ? toLabelInValue(valueProp) : valueProp;
+  }, [checkStrictly, valueProp]);
+  var rcDefaultValue = useMemo(function () {
+    return checkStrictly ? toLabelInValue(defaultValueProp) : defaultValueProp;
+  }, [checkStrictly, defaultValueProp]);
+  var rcOnChange = useCallback(function () {
+    if (!onChangeProp) return;
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    if (checkStrictly) {
+      var simpleValues = toSimpleValues(args[0]);
+      onChangeProp(simpleValues, args[1], args[2]);
+    } else {
+      onChangeProp.apply(void 0, args);
+    }
+  }, [checkStrictly, onChangeProp]);
   var _useIcons = useIcons(_objectSpread(_objectSpread({}, rest), {}, {
       multiple: isMultiple,
       hasFeedback: false,
@@ -102,7 +142,8 @@ var TreeSelect = function TreeSelect(_ref) {
     treeCheckable: isMultiple ? treeCheckable ? /*#__PURE__*/React.createElement("span", {
       className: "odn-select-tree-checkbox-inner"
     }) : treeCheckable : false,
-    showCheckedStrategy: "SHOW_PARENT",
+    treeCheckStrictly: checkStrictly,
+    showCheckedStrategy: checkStrictly ? 'SHOW_ALL' : 'SHOW_PARENT',
     searchValue: searchValue,
     dropdownRender: function dropdownRender(menu) {
       var searchNode = showInnerSearch ? /*#__PURE__*/React.createElement("div", {
@@ -133,7 +174,10 @@ var TreeSelect = function TreeSelect(_ref) {
       var content = /*#__PURE__*/React.createElement(React.Fragment, null, searchNode, menu);
       return popupRender ? popupRender(content) : content;
     },
-    notFoundContent: "\u65E0\u5339\u914D\u7ED3\u679C"
+    notFoundContent: "\u65E0\u5339\u914D\u7ED3\u679C",
+    value: rcValue,
+    defaultValue: rcDefaultValue,
+    onChange: rcOnChange
   }, rest));
 };
 TreeSelect.displayName = 'TreeSelect';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "description": "One Design Next from TAD@tencent.com",
   "packageManager": "pnpm@10.33.0",
   "module": "dist/index.js",