one-design-next 0.0.11 → 0.0.12

package/dist/_genui-types.d.ts

@@ -105,6 +105,10 @@ export interface MessageSnapshot {
         message: string;
         retryable?: boolean;
     };
+    /**
+     * 用户对该版本回答的反馈状态。点踩/点赞按版本独立维护——切到不同版本应回显该版本自身的态度。
+     */
+    feedback?: 'positive' | 'negative' | null;
 }
 export interface ChatMessage {
     id: string;
@@ -126,4 +130,9 @@ export interface ChatMessage {
      * 助手消息可选的快捷回复（如意图澄清）。由上层在正文下渲染为可点选项，点击语义等同用户发送该句。
      */
     suggestionChips?: string[];
+    /**
+     * 用户对**最新版本**回答的反馈状态。历史版本的反馈各自存在 `regenerations[i].feedback`，
+     * 切到不同版本时按版本独立回显——同一问题的不同回答用户态度可以不同。
+     */
+    feedback?: 'positive' | 'negative' | null;
 }

package/dist/attachments/index.js

@@ -1,3 +1,4 @@
+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 HoverFill from "../hover-fill";
 import Icon from "../icon";
 import "./style";
@@ -253,12 +254,7 @@ export function Attachments(_ref) {
     }
     var meta = getFileMeta(a.type);
     var isImage = a.type.startsWith('image/') && a.url;
-    var cardInner = /*#__PURE__*/React.createElement(React.Fragment, null, isImage ? /*#__PURE__*/React.createElement("div", {
-      "data-odn-attachments-img-wrapper": true
-    }, /*#__PURE__*/React.createElement("img", {
-      src: a.url,
-      alt: a.name
-    })) : /*#__PURE__*/React.createElement("div", {
+    var fileCardInner = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       "data-odn-attachments-file-icon": true,
       style: {
         backgroundColor: meta.bg
@@ -276,19 +272,30 @@ export function Attachments(_ref) {
     }, a.name), /*#__PURE__*/React.createElement("div", {
       "data-odn-attachments-meta": true
     }, formatType(a.type, a.name), a.size ? " \xB7 ".concat(formatSize(a.size)) : '')));
+    var imageCardInner = /*#__PURE__*/React.createElement("div", {
+      "data-odn-attachments-img-wrapper": true
+    }, /*#__PURE__*/React.createElement("img", {
+      src: a.url,
+      alt: a.name
+    }));
     return /*#__PURE__*/React.createElement("div", {
       key: i,
       "data-odn-attachments-item": true
-    }, onFileClick ? /*#__PURE__*/React.createElement("button", {
+    }, onFileClick ? /*#__PURE__*/React.createElement("button", _extends({
       type: "button",
       onClick: function onClick() {
         return onFileClick(a);
       },
-      "data-odn-attachments-card": true,
+      "data-odn-attachments-card": true
+    }, isImage ? {
+      'data-odn-attachments-image-card': ''
+    } : {}, {
       "data-odn-attachments-clickable": ""
-    }, cardInner) : /*#__PURE__*/React.createElement("div", {
+    }), isImage ? imageCardInner : fileCardInner) : /*#__PURE__*/React.createElement("div", _extends({
       "data-odn-attachments-card": true
-    }, cardInner), onRemove && /*#__PURE__*/React.createElement("button", {
+    }, isImage ? {
+      'data-odn-attachments-image-card': ''
+    } : {}), isImage ? imageCardInner : fileCardInner), onRemove && /*#__PURE__*/React.createElement("button", {
       onClick: function onClick() {
         return onRemove(i);
       },

package/dist/attachments/style/index.css

@@ -98,6 +98,29 @@
   object-fit: cover;
 }
 
+/** 图片附件卡：仅内嵌预览（非「文件卡」双列），须写在通用 img-wrapper 规则之后以覆盖 grid 方形缩略策略 */
+[data-odn-attachments-card][data-odn-attachments-image-card] {
+  display: block;
+  padding: 4px;
+  max-width: min(100%, 280px);
+}
+
+[data-odn-attachments-card][data-odn-attachments-image-card] [data-odn-attachments-img-wrapper] {
+  height: auto;
+  min-height: 0;
+  aspect-ratio: auto;
+  max-height: 220px;
+  border-radius: 4px;
+  align-self: stretch;
+}
+[data-odn-attachments-card][data-odn-attachments-image-card] [data-odn-attachments-img-wrapper] img {
+  width: 100%;
+  height: auto;
+  max-height: 220px;
+  object-fit: contain;
+  vertical-align: middle;
+}
+
 [data-odn-attachments-file-icon] {
   display: flex;
   align-items: center;

package/dist/collapse/primitive.d.ts

@@ -25,7 +25,7 @@ type CollapsibleContentProps = Omit<HTMLMotionProps<'div'>, 'children' | 'ref' |
     children?: React.ReactNode;
     transition?: Transition;
 };
-declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<HTMLMotionProps<"div">, "transition" | "ref" | "children"> & {
+declare const CollapsibleContent: React.ForwardRefExoticComponent<Omit<HTMLMotionProps<"div">, "children" | "transition" | "ref"> & {
     children?: React.ReactNode;
     transition?: Transition | undefined;
 } & React.RefAttributes<HTMLDivElement>>;

package/dist/composer/editor.d.ts

@@ -86,6 +86,12 @@ export interface ComposerEditorProps {
      * 若提供且 `files.length > 0`，编辑器会 `preventDefault` 且不再插入纯文本。
      */
     onPasteFiles?: (files: File[]) => void;
+    /**
+     * 禁用：contenteditable 关闭，editor 不接受输入 / 聚焦 / 粘贴。
+     * 已有的文本与 chip 仍渲染（仅冻结，不清空），便于"等接通后继续编辑"。
+     * @default false
+     */
+    disabled?: boolean;
     className?: string;
     style?: React.CSSProperties;
 }

package/dist/composer/editor.js

@@ -99,6 +99,8 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
     onTriggerKeyDown = _ref.onTriggerKeyDown,
     onHeightChange = _ref.onHeightChange,
     onPasteFiles = _ref.onPasteFiles,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     className = _ref.className,
     style = _ref.style;
   var editorRef = useRef(null);
@@ -538,11 +540,13 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
     }, style)
   }, /*#__PURE__*/React.createElement("div", {
     ref: editorRef,
-    contentEditable: true,
+    contentEditable: !disabled,
     suppressContentEditableWarning: true,
     role: "textbox",
     "aria-multiline": "true",
+    "aria-disabled": disabled || undefined,
     "data-odn-composer-editor": true,
+    "data-odn-composer-editor-disabled": disabled || undefined,
     "data-empty": empty || undefined,
     "data-placeholder": placeholder,
     className: className,

package/dist/composer/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SkillItem, SendMeta } from '../_genui-types';
+import type { Attachment, SkillItem, SendMeta } from '../_genui-types';
 import './style';
 export type ComposerTool = 'attachment' | 'webSearch' | 'skill';
 export type ComposerVariant = 'full' | 'lite';
@@ -36,6 +36,18 @@ export interface ComposerProps {
     onSend: (text: string, meta?: SendMeta) => void;
     onStop?: () => void;
     isGenerating?: boolean;
+    /**
+     * 整体禁用：输入框不可输入、工具按钮置灰、发送按钮显示但不可点击。
+     *
+     * 状态优先级（高 → 低）：`disabled` > `isGenerating` > `canSend`。
+     * - `disabled=true` 时，无论是否在生成中，都强制呈现"发送态"按钮（仅置灰），
+     *   不会切换到中止按钮——因为禁用本身意味着"现在什么都不能做"。
+     *
+     * 典型场景：人工客服尚未接入、会话被风控冻结、配额耗尽等"暂时不可发起新交互"的状态。
+     * 此时业务方常配合修改 placeholder（如"等待客服接入…"）告知用户。
+     * @default false
+     */
+    disabled?: boolean;
     placeholder?: string;
     /** 根节点外边距：drawer = 左右下各 24px（与原先外层 px-6 pb-6 一致），不再包一层 div */
     spacing?: 'default' | 'drawer';
@@ -76,6 +88,51 @@ export interface ComposerProps {
      * 类型同步调整为 `HTMLDivElement`，旧业务代码若仅读 `e.shiftKey` 等通用属性无影响。
      */
     onEnter?: (e: React.KeyboardEvent<HTMLDivElement>) => void | false;
+    /**
+     * 受控附件列表。
+     * - 传则受控，由业务方决定数组内容；典型搭配 `onAttachFiles` + `onAttachmentsChange` 使用，
+     *   把"原生 File → 云端 Attachment"的转换交给业务方（如先上传到企点 / OSS 拿 url）。
+     * - 不传则非受控，组件内部自管，沿用 `URL.createObjectURL(f)` 生成 blob url 的旧行为（向后兼容）。
+     */
+    attachments?: Attachment[];
+    /**
+     * 附件数组变化时触发（新增、删除、外部回写都会调）。
+     * 受控模式下与 `attachments` 配合形成 React 标准受控形态。
+     */
+    onAttachmentsChange?: (attachments: Attachment[]) => void;
+    /**
+     * 文件经选择 / 拖入 / 粘贴入口被选中并通过内置校验（数量上限、单文件体积、重名）后触发。
+     * - **传入此回调即接管"原生 File → Attachment"全过程**：组件不再做 `URL.createObjectURL`，
+     *   也不会自动入栈。业务方负责上传（如调企点接口拿 `qidian_uuid`）后，
+     *   通过 `onAttachmentsChange` 把云端结果回写到 `attachments`。
+     * - 不传则回落到默认行为：内部生成 blob url 入栈（仅本地预览，无服务端语义）。
+     *
+     * 强约定：传 `onAttachFiles` 时通常应同时把 `attachments` 受控（否则业务方无路径回写）。
+     */
+    onAttachFiles?: (files: File[]) => void;
+    /**
+     * 单条附件被删除时触发，提供下标与被删条目。
+     * - 与 `onAttachmentsChange` 同时调（顺序：先 `onAttachmentRemove` 再 `onAttachmentsChange`）。
+     * - 适合在此处调"服务端删文件"等需要拿到具体被删条目的接口，
+     *   避免业务方从前后两次 `attachments` 数组里 diff 出被删项。
+     */
+    onAttachmentRemove?: (index: number, attachment: Attachment) => void;
+    /**
+     * 关闭新附件入口：附件工具按钮置灰、拖入不再高亮、粘贴入文件被忽略。
+     * 已存在的附件仍可由用户点击 × 删除。
+     * @default false
+     */
+    attachmentsDisabled?: boolean;
+    /**
+     * 单次最多附件数量。
+     * @default 5
+     */
+    maxFileCount?: number;
+    /**
+     * 单个文件最大体积（字节）。
+     * @default 20 * 1024 * 1024（20MB）
+     */
+    maxFileSize?: number;
     className?: string;
     style?: React.CSSProperties;
 }