one-design-next 0.0.86 → 0.0.88

package/dist/chat-list/index.d.ts

@@ -1,10 +1,12 @@
 import { type ReactNode } from 'react';
 import { type ChatItemProps } from '../chat-item';
 import './style';
-/** 按会话时间筛选：全部 / 今天 / 近 7 天 / 近 30 天。 */
+/** 按会话时间筛选（面板不含时间组；`filterTime` 仅受控 API）。 */
 export type ChatListFilterTime = 'all' | 'today' | '7d' | '30d';
-/** 按会话类型筛选：全部 / AI / 人工客服。 */
+/** 按会话类型筛选：全部 / AI 任务 / 人工客服。 */
 export type ChatListFilterType = 'all' | 'ai' | 'human';
+/** 按会话状态筛选：全部 / 生成中 / 待回复 / 未读 / 任务报错。 */
+export type ChatListFilterStatus = 'all' | 'generating' | 'waiting' | 'unread' | 'error';
 export type ChatListItem = Pick<ChatItemProps, 'id' | 'title' | 'active' | 'type' | 'status' | 'pinned' | 'time'>;
 export interface ChatListProps {
     items: ChatListItem[];
@@ -20,7 +22,7 @@ export interface ChatListProps {
      */
     recentSectionTitle?: ReactNode | null;
     /**
-     * 受控：时间筛选。`'all'` | `'today'` | `'7d'` | `'30d'`。
+     * 受控：时间筛选。筛选面板不含时间组，仅 API 可用。
      */
     filterTime?: ChatListFilterTime;
     /** 非受控：初始时间筛选。默认 `'all'`。 */
@@ -33,6 +35,13 @@ export interface ChatListProps {
     /** 非受控：初始类型筛选。默认 `'all'`。 */
     defaultFilterType?: ChatListFilterType;
     onFilterTypeChange?: (value: ChatListFilterType) => void;
+    /**
+     * 受控：状态筛选。`'all'` | `'generating'` | `'waiting'` | `'unread'` | `'error'`。
+     */
+    filterStatus?: ChatListFilterStatus;
+    /** 非受控：初始状态筛选。默认 `'all'`。 */
+    defaultFilterStatus?: ChatListFilterStatus;
+    onFilterStatusChange?: (value: ChatListFilterStatus) => void;
     /** 受控：筛选选择器是否展开 */
     filterOpen?: boolean;
     defaultFilterOpen?: boolean;
@@ -59,7 +68,9 @@ export interface ChatListProps {
 export declare function matchChatListFilterTime(time: ChatListItem['time'], filter: ChatListFilterTime, now?: number): boolean;
 /** 按类型筛选项判断会话是否命中。缺省 `type` 视为 `'ai'`。 */
 export declare function matchChatListFilterType(type: ChatListItem['type'], filter: ChatListFilterType): boolean;
-export declare function ChatList({ items, title, pinnedSectionTitle, recentSectionTitle, filterTime: filterTimeProp, defaultFilterTime, onFilterTimeChange, filterType: filterTypeProp, defaultFilterType, onFilterTypeChange, filterOpen: filterOpenProp, defaultFilterOpen, onFilterOpenChange, empty, actionMenuZIndex, filterMenuZIndex, className, onItemClick, onRename, onPin, onDelete, renderItem, renderRestScroll, }: ChatListProps): import("react").JSX.Element;
+/** 按状态筛选项判断会话是否命中。无 `status` 时仅在「全部」下保留。 */
+export declare function matchChatListFilterStatus(status: ChatListItem['status'], filter: ChatListFilterStatus): boolean;
+export declare function ChatList({ items, title, pinnedSectionTitle, recentSectionTitle, filterTime: filterTimeProp, defaultFilterTime, filterType: filterTypeProp, defaultFilterType, onFilterTypeChange, filterStatus: filterStatusProp, defaultFilterStatus, onFilterStatusChange, filterOpen: filterOpenProp, defaultFilterOpen, onFilterOpenChange, empty, actionMenuZIndex, filterMenuZIndex, className, onItemClick, onRename, onPin, onDelete, renderItem, renderRestScroll, }: ChatListProps): import("react").JSX.Element;
 export declare namespace ChatList {
     var displayName: string;
 }

package/dist/chat-list/index.js

@@ -6,32 +6,37 @@ import Dropdown from "../dropdown";
 import Icon from "../icon";
 import "./style";
 
-/** 按会话时间筛选：全部 / 今天 / 近 7 天 / 近 30 天。 */
+/** 按会话时间筛选（面板不含时间组；`filterTime` 仅受控 API）。 */
 
-/** 按会话类型筛选：全部 / AI / 人工客服。 */
+/** 按会话类型筛选：全部 / AI 任务 / 人工客服。 */
 
-var TIME_OPTIONS = [{
+/** 按会话状态筛选：全部 / 生成中 / 待回复 / 未读 / 任务报错。 */
+
+var TYPE_OPTIONS = [{
   value: 'all',
   label: '全部'
 }, {
-  value: 'today',
-  label: '今天'
-}, {
-  value: '7d',
-  label: '近 7 天'
+  value: 'ai',
+  label: 'AI 任务'
 }, {
-  value: '30d',
-  label: '近 30 天'
+  value: 'human',
+  label: '人工客服'
 }];
-var TYPE_OPTIONS = [{
+var STATUS_OPTIONS = [{
   value: 'all',
   label: '全部'
 }, {
-  value: 'ai',
-  label: 'AI 对话'
+  value: 'generating',
+  label: '生成中'
 }, {
-  value: 'human',
-  label: '人工客服'
+  value: 'waiting',
+  label: '待回复'
+}, {
+  value: 'unread',
+  label: '未读'
+}, {
+  value: 'error',
+  label: '任务报错'
 }];
 function parseItemTime(time) {
   if (time === null || time === undefined) return null;
@@ -62,6 +67,12 @@ export function matchChatListFilterType(type, filter) {
   if (filter === 'all') return true;
   return (type !== null && type !== void 0 ? type : 'ai') === filter;
 }
+
+/** 按状态筛选项判断会话是否命中。无 `status` 时仅在「全部」下保留。 */
+export function matchChatListFilterStatus(status, filter) {
+  if (filter === 'all') return true;
+  return status === filter;
+}
 function useControllable(controlled, defaultValue, onChange) {
   var _useState = useState(defaultValue),
     _useState2 = _slicedToArray(_useState, 2),
@@ -84,33 +95,33 @@ function filterOptionLabel(label, selected) {
     "data-odn-chat-list-filter-option-label": true
   }, label), selected ? /*#__PURE__*/React.createElement(Icon, {
     name: "check",
-    size: 14,
+    size: 12,
     "data-odn-chat-list-filter-option-check": true
   }) : null);
 }
-function buildFilterMenu(filterTime, filterType) {
+function buildFilterMenu(filterType, filterStatus) {
   return [{
     type: 'label',
-    label: '时间'
+    label: '类型'
   }, {
     type: 'group',
-    children: TIME_OPTIONS.map(function (opt) {
+    children: TYPE_OPTIONS.map(function (opt) {
       return {
-        value: "time:".concat(opt.value),
-        label: filterOptionLabel(opt.label, filterTime === opt.value)
+        value: "type:".concat(opt.value),
+        label: filterOptionLabel(opt.label, filterType === opt.value)
       };
     })
   }, {
     type: 'separator'
   }, {
     type: 'label',
-    label: '类型'
+    label: '状态'
   }, {
     type: 'group',
-    children: TYPE_OPTIONS.map(function (opt) {
+    children: STATUS_OPTIONS.map(function (opt) {
       return {
-        value: "type:".concat(opt.value),
-        label: filterOptionLabel(opt.label, filterType === opt.value)
+        value: "status:".concat(opt.value),
+        label: filterOptionLabel(opt.label, filterStatus === opt.value)
       };
     })
   }];
@@ -126,11 +137,14 @@ export function ChatList(_ref) {
     filterTimeProp = _ref.filterTime,
     _ref$defaultFilterTim = _ref.defaultFilterTime,
     defaultFilterTime = _ref$defaultFilterTim === void 0 ? 'all' : _ref$defaultFilterTim,
-    onFilterTimeChange = _ref.onFilterTimeChange,
     filterTypeProp = _ref.filterType,
     _ref$defaultFilterTyp = _ref.defaultFilterType,
     defaultFilterType = _ref$defaultFilterTyp === void 0 ? 'all' : _ref$defaultFilterTyp,
     onFilterTypeChange = _ref.onFilterTypeChange,
+    filterStatusProp = _ref.filterStatus,
+    _ref$defaultFilterSta = _ref.defaultFilterStatus,
+    defaultFilterStatus = _ref$defaultFilterSta === void 0 ? 'all' : _ref$defaultFilterSta,
+    onFilterStatusChange = _ref.onFilterStatusChange,
     filterOpenProp = _ref.filterOpen,
     _ref$defaultFilterOpe = _ref.defaultFilterOpen,
     defaultFilterOpen = _ref$defaultFilterOpe === void 0 ? false : _ref$defaultFilterOpe,
@@ -146,23 +160,24 @@ export function ChatList(_ref) {
     _ref$renderItem = _ref.renderItem,
     renderItem = _ref$renderItem === void 0 ? defaultRenderItem : _ref$renderItem,
     renderRestScroll = _ref.renderRestScroll;
-  var _useControllable = useControllable(filterTimeProp, defaultFilterTime, onFilterTimeChange),
+  var filterTime = filterTimeProp !== null && filterTimeProp !== void 0 ? filterTimeProp : defaultFilterTime;
+  var _useControllable = useControllable(filterTypeProp, defaultFilterType, onFilterTypeChange),
     _useControllable2 = _slicedToArray(_useControllable, 2),
-    filterTime = _useControllable2[0],
-    setFilterTime = _useControllable2[1];
-  var _useControllable3 = useControllable(filterTypeProp, defaultFilterType, onFilterTypeChange),
+    filterType = _useControllable2[0],
+    setFilterType = _useControllable2[1];
+  var _useControllable3 = useControllable(filterStatusProp, defaultFilterStatus, onFilterStatusChange),
     _useControllable4 = _slicedToArray(_useControllable3, 2),
-    filterType = _useControllable4[0],
-    setFilterType = _useControllable4[1];
+    filterStatus = _useControllable4[0],
+    setFilterStatus = _useControllable4[1];
   var _useControllable5 = useControllable(filterOpenProp, defaultFilterOpen, onFilterOpenChange),
     _useControllable6 = _slicedToArray(_useControllable5, 2),
     filterOpen = _useControllable6[0],
     setFilterOpen = _useControllable6[1];
   var filteredItems = useMemo(function () {
     return items.filter(function (item) {
-      return matchChatListFilterTime(item.time, filterTime) && matchChatListFilterType(item.type, filterType);
+      return matchChatListFilterTime(item.time, filterTime) && matchChatListFilterType(item.type, filterType) && matchChatListFilterStatus(item.status, filterStatus);
     });
-  }, [items, filterTime, filterType]);
+  }, [items, filterTime, filterType, filterStatus]);
   var pinnedItems = useMemo(function () {
     return filteredItems.filter(function (item) {
       return item.pinned;
@@ -174,8 +189,8 @@ export function ChatList(_ref) {
     });
   }, [filteredItems]);
   var filterMenu = useMemo(function () {
-    return buildFilterMenu(filterTime, filterType);
-  }, [filterTime, filterType]);
+    return buildFilterMenu(filterType, filterStatus);
+  }, [filterType, filterStatus]);
   var renderChatItem = function renderChatItem(item) {
     var node = /*#__PURE__*/React.createElement(ChatItem, {
       key: item.id,
@@ -229,13 +244,13 @@ export function ChatList(_ref) {
     onVisibleChange: setFilterOpen,
     menu: filterMenu,
     onSelect: function onSelect(value) {
-      if (value.startsWith('time:')) {
-        setFilterTime(value.slice(5));
+      if (value.startsWith('type:')) {
+        setFilterType(value.slice(5));
         setFilterOpen(false);
         return;
       }
-      if (value.startsWith('type:')) {
-        setFilterType(value.slice(5));
+      if (value.startsWith('status:')) {
+        setFilterStatus(value.slice(7));
         setFilterOpen(false);
       }
     }

package/dist/chat-list/style/index.css

@@ -15,8 +15,8 @@
   gap: 8px;
   min-height: 32px;
   min-width: 0;
-  /* 与 ChatItem / 分区标题左缘统一 12px */
-  padding: 0 12px;
+  /* 左缘与 ChatItem / 分区标题 12px 对齐；右侧贴齐，筛选项不再多 12px */
+  padding: 0 4px 0 12px;
   background: transparent;
 }
 
@@ -90,9 +90,38 @@
   color: var(--odn-color-black-8);
 }
 
+[data-odn-dropdown-content].odn-chat-list-filter-menu {
+  /* 比默认 Dropdown 小一号：对齐 popup 字号 + Select small 行高 */
+  --odn-font-size: var(--odn-popup-font-size);
+  --odn-line-height: var(--odn-popup-line-height);
+  --odn-popup-control-height: 28px;
+}
+[data-odn-dropdown-content].odn-chat-list-filter-menu [data-odn-dropdown-label] {
+  height: auto;
+  padding: 0 12px 2px;
+}
+[data-odn-dropdown-content].odn-chat-list-filter-menu {
+  /* hover 不通栏：左右各缩 4px，圆角 4px；padding 8px 使文案仍落在 12px */
+}
+[data-odn-dropdown-content].odn-chat-list-filter-menu [data-odn-dropdown-item] {
+  margin: 0 4px;
+  padding-inline: 8px;
+  border-radius: 4px;
+}
 [data-odn-dropdown-content].odn-chat-list-filter-menu [data-odn-dropdown-item-label] {
   overflow: visible;
 }
+[data-odn-dropdown-content].odn-chat-list-filter-menu {
+  /* 组间线：上下各 8px padding，线画在 content-box，左右内缩 */
+}
+[data-odn-dropdown-content].odn-chat-list-filter-menu [data-odn-dropdown-separator] {
+  box-sizing: content-box;
+  height: 1px;
+  margin: 0 12px;
+  padding: 8px 0;
+  background-color: var(--odn-color-black-5);
+  background-clip: content-box;
+}
 
 [data-odn-chat-list-body] {
   display: flex;

package/dist/composer/editor.d.ts

@@ -30,6 +30,8 @@ export interface ComposerEditorTriggerInfo {
      */
     rect: DOMRect;
 }
+/** 编辑器 10 行真实高度，缩放按钮在内容达到此高度后隐藏。 */
+export declare const COMPOSER_EDITOR_MAX_ROWS_PX: number;
 export interface ComposerEditorAutoSize {
     minRows?: number;
     maxRows?: number;
@@ -79,7 +81,8 @@ export interface ComposerEditorProps {
     onTriggerKeyDown?: (e: React.KeyboardEvent<HTMLDivElement>) => boolean | void;
     /**
      * 编辑器可视高度变化回调。
-     * height = editor.offsetHeight（受 max-height clamp）；atMax 表示触顶。
+     * height = 内容自然高度（scrollHeight，未 clamp）；atMax 表示已超过 10 行
+     * 真实高度。若整框被 50vh 挤矮，则以盒内分给编辑器的剩余高度为准。
      * Composer 的 lite 升格逻辑、scrollbar 显隐都用这个。
      */
     onHeightChange?: (height: number, atMax: boolean) => void;

package/dist/composer/editor.js

@@ -77,7 +77,14 @@ var scrollCaretIntoView = function scrollCaretIntoView(viewport) {
   }
 };
 var LINE_HEIGHT = 24;
-var PADDING_Y = 4;
+/** 与 SCSS `padding: 2px … 0` 对齐。10 行 = 10 * 24 + 2 = 242px。 */
+var EDITOR_PADDING_BLOCK = 2;
+var contentHeightForRows = function contentHeightForRows(rows) {
+  return rows * LINE_HEIGHT + EDITOR_PADDING_BLOCK;
+};
+
+/** 编辑器 10 行真实高度，缩放按钮在内容达到此高度后隐藏。 */
+export var COMPOSER_EDITOR_MAX_ROWS_PX = contentHeightForRows(10);
 export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref, ref) {
   var _autoSize$minRows;
   var valueProp = _ref.value,
@@ -110,11 +117,15 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
     return (_scrollRef$current$vi = (_scrollRef$current = scrollRef.current) === null || _scrollRef$current === void 0 ? void 0 : _scrollRef$current.viewport) !== null && _scrollRef$current$vi !== void 0 ? _scrollRef$current$vi : null;
   }, []);
   var isComposingRef = useRef(false);
+  var onTriggerChangeRef = useRef(onTriggerChange);
+  onTriggerChangeRef.current = onTriggerChange;
   var isControlled = valueProp !== undefined;
   var minRows = (_autoSize$minRows = autoSize === null || autoSize === void 0 ? void 0 : autoSize.minRows) !== null && _autoSize$minRows !== void 0 ? _autoSize$minRows : 1;
   var maxRows = autoSize === null || autoSize === void 0 ? void 0 : autoSize.maxRows;
-  var minHeightPx = minRows * LINE_HEIGHT + PADDING_Y * 2;
-  var maxHeightPx = maxRows !== undefined ? maxRows * LINE_HEIGHT + PADDING_Y * 2 : undefined;
+  var minHeightPx = contentHeightForRows(minRows);
+  var rowContentPx = maxRows !== undefined ? contentHeightForRows(maxRows) : undefined;
+  /** 仅 10 行封顶（242px）；50vh 由外层 box 负责。 */
+  var maxHeightPx = rowContentPx;
 
   /** 当前活动 trigger probe；null 表示无触发态。 */
   var triggerRef = useRef(null);
@@ -179,17 +190,22 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
    * 主动调 syncHeight（确保升格判定能拿到 scrollHeight）。
    * ───────────────────────────────────── */
   var syncHeight = useCallback(function () {
-    var _onHeightChangeRef$cu;
+    var _getViewport, _box$getBoundingClien, _onHeightChangeRef$cu;
     var el = editorRef.current;
     if (!el) return;
     var natural = Math.ceil(el.scrollHeight);
     var clamped = Math.max(minHeightPx, maxHeightPx !== undefined ? Math.min(natural, maxHeightPx) : natural);
-    var overflow = maxHeightPx !== undefined && natural > maxHeightPx + 1;
+    var allocated = (_getViewport = getViewport()) === null || _getViewport === void 0 ? void 0 : _getViewport.clientHeight;
+    var box = el.closest('[data-odn-composer-box]');
+    var boxH = (_box$getBoundingClien = box === null || box === void 0 ? void 0 : box.getBoundingClientRect().height) !== null && _box$getBoundingClien !== void 0 ? _box$getBoundingClien : 0;
+    var vhCap = typeof window === 'undefined' ? Number.POSITIVE_INFINITY : window.innerHeight * 0.5;
+    var boxAtVhCap = boxH > 0 && boxH >= vhCap - 2;
+    var overflow = boxAtVhCap ? allocated !== undefined && allocated > 0 && natural > allocated + 1 : rowContentPx !== undefined && natural > rowContentPx + 1;
     setScrollHeight(function (prev) {
       return prev === clamped ? prev : clamped;
     });
     (_onHeightChangeRef$cu = onHeightChangeRef.current) === null || _onHeightChangeRef$cu === void 0 || _onHeightChangeRef$cu.call(onHeightChangeRef, natural, overflow);
-  }, [minHeightPx, maxHeightPx]);
+  }, [getViewport, minHeightPx, maxHeightPx, rowContentPx]);
   var shouldShowPlaceholder = useCallback(function (el) {
     if (!isEditorEmpty(el)) return false;
     // placeholder 仅在「单行且空内容」展示。
@@ -472,10 +488,12 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
     syncHeight();
     var ro = new ResizeObserver(syncHeight);
     ro.observe(el);
+    var vp = getViewport();
+    if (vp) ro.observe(vp);
     return function () {
       return ro.disconnect();
     };
-  }, [syncHeight]);
+  }, [getViewport, syncHeight]);
 
   /* ─────────────────────────────────────
    * 受控同步：仅在外部 value 变化，或输入后延迟校验 tick 变化时校验 DOM。
@@ -518,12 +536,13 @@ export var ComposerEditor = /*#__PURE__*/forwardRef(function ComposerEditor(_ref
       resetChips();
       setEmpty(shouldShowPlaceholder(el));
       if (triggerRef.current) {
+        var _onTriggerChangeRef$c;
         triggerRef.current = null;
-        onTriggerChange === null || onTriggerChange === void 0 || onTriggerChange(null);
+        (_onTriggerChangeRef$c = onTriggerChangeRef.current) === null || _onTriggerChangeRef$c === void 0 || _onTriggerChangeRef$c.call(onTriggerChangeRef, null);
       }
       syncHeight();
     }
-  }, [controlledSyncTick, valueProp, isControlled, resetChips, onTriggerChange, shouldShowPlaceholder, syncHeight]);
+  }, [controlledSyncTick, valueProp, isControlled, resetChips, shouldShowPlaceholder, syncHeight]);
 
   /* ─────────────────────────────────────
    * 输入事件