one-design-next 0.0.65 → 0.0.67

package/dist/approval/index.d.ts

@@ -6,6 +6,8 @@ export interface ApprovalSummaryItem {
     label: string;
     value: string;
 }
+/** 有 summary 时底栏左侧提示的默认文案。 */
+export declare const APPROVAL_DEFAULT_ACTIONS_HINT = "\u5982\u53C2\u6570\u6709\u8BEF\uFF0C\u53EF\u5728\u5BF9\u8BDD\u6846\u4E2D\u8865\u5145\u6216\u4FEE\u6539";
 export interface ApprovalSpec {
     /** 待授权动作说明（标题）；14px / regular / black-12；原样展示，Host 自行决定是否带问号 */
     description: string;
@@ -24,6 +26,13 @@ export interface ApprovalSpec {
      * 未决：默认展开；锁态：默认折叠，右侧可展开回看。
      */
     summary?: ApprovalSummaryItem[];
+    /**
+     * 未决底栏左侧提示。
+     * - 省略：有 `summary` 时用 {@link APPROVAL_DEFAULT_ACTIONS_HINT}，否则不展示
+     * - 空串：强制不展示
+     * - 其它字符串：原样展示
+     */
+    actionsHint?: string;
 }
 export interface ApprovalResolvePayload {
     decision: ApprovalDecision;

package/dist/approval/index.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
 import clsx from 'clsx';
+import * as React from 'react';
 import Button from "../button";
 import Icon from "../icon";
 import "./style";
@@ -11,6 +11,8 @@ import "./style";
 
 /** 参数摘要一行：Host 已格式化的 label → 展示文案（可含换行） */
 
+/** 有 summary 时底栏左侧提示的默认文案。 */
+export var APPROVAL_DEFAULT_ACTIONS_HINT = '如参数有误，可在对话框中补充或修改';
 function lockedTitle(description, decision, explicit) {
   if (explicit) return explicit;
   var base = description.trim().replace(/[\?\uFF1F]+$/, '');
@@ -87,6 +89,7 @@ export function Approval(_ref2) {
   var locked = !!resolved;
   var summary = (_spec$summary = spec.summary) !== null && _spec$summary !== void 0 ? _spec$summary : [];
   var hasSummary = summary.length > 0;
+  var actionsHint = spec.actionsHint !== undefined ? spec.actionsHint : hasSummary ? APPROVAL_DEFAULT_ACTIONS_HINT : '';
 
   /* 未决默认展开；锁态 / 挂载即已决议 → 默认折叠 */
   var _React$useState3 = React.useState(function () {
@@ -198,6 +201,10 @@ export function Approval(_ref2) {
     summary: summary
   }))))) : null), !resolved ? /*#__PURE__*/React.createElement("div", {
     "data-odn-approval-actions": true
+  }, actionsHint ? /*#__PURE__*/React.createElement("span", {
+    "data-odn-approval-actions-hint": true
+  }, actionsHint) : /*#__PURE__*/React.createElement("span", null), /*#__PURE__*/React.createElement("div", {
+    "data-odn-approval-actions-right": true
   }, spec.rejectLabel ? /*#__PURE__*/React.createElement(Button, {
     size: "small",
     intent: "normal",
@@ -210,7 +217,7 @@ export function Approval(_ref2) {
     onClick: function onClick() {
       return handleResolve('approve');
     }
-  }, spec.actionLabel)) : null);
+  }, spec.actionLabel))) : null);
 }
 Approval.displayName = 'Approval';
 export default Approval;

package/dist/approval/style/index.css

@@ -227,11 +227,30 @@
 }
 
 [data-odn-approval-actions] {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+  flex-shrink: 0;
+}
+
+[data-odn-approval-actions-hint] {
+  min-width: 0;
+  flex: 1;
+  margin: 0;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 1.5;
+  color: var(--odn-color-black-9);
+}
+
+[data-odn-approval-actions-right] {
   display: flex;
   align-items: center;
   justify-content: flex-end;
   gap: 8px;
   flex-shrink: 0;
+  margin-left: auto;
 }
 
 [data-odn-approval][data-has-summary] [data-odn-approval-actions] {

package/dist/clarify-dock/auto-height.d.ts

@@ -13,5 +13,9 @@ export interface AutoHeightProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 /**
  * 只动画「题面内容」的高度与透明度；卡面描边应由外层稳定承载，勿把整卡塞进来做 opacity。
+ *
+ * Drawer / keepMounted 注意：关闭时父级可能暂时量到 0 高。若此时把
+ * `readyRef` 钉死或把 outer 压成 0，重开后不再测量就会「只剩底栏」。
+ * 因此：未就绪时忽略 0 高；已就绪时忽略「从正高塌到 0」；重现正高时再同步。
  */
 export declare function AutoHeight({ children, anchor, contentKey, style, ...props }: AutoHeightProps): React.JSX.Element;

package/dist/clarify-dock/auto-height.js

@@ -20,6 +20,10 @@ var HEIGHT_EPS = 0.5;
 var EASING = 'ease-in-out';
 /**
  * 只动画「题面内容」的高度与透明度；卡面描边应由外层稳定承载，勿把整卡塞进来做 opacity。
+ *
+ * Drawer / keepMounted 注意：关闭时父级可能暂时量到 0 高。若此时把
+ * `readyRef` 钉死或把 outer 压成 0，重开后不再测量就会「只剩底栏」。
+ * 因此：未就绪时忽略 0 高；已就绪时忽略「从正高塌到 0」；重现正高时再同步。
  */
 export function AutoHeight(_ref) {
   var children = _ref.children,
@@ -58,6 +62,11 @@ export function AutoHeight(_ref) {
     outer.style.transition = "height ".concat(HEIGHT_MS, "ms ").concat(EASING);
     outer.style.height = "".concat(target, "px");
   };
+
+  /** 父级隐藏 / 尚未布局时常见 0 高，不能当作有效题面高度。 */
+  var isCollapsedMeasure = function isCollapsedMeasure(h) {
+    return h < HEIGHT_EPS;
+  };
   useLayoutEffect(function () {
     var outer = outerRef.current;
     var current = currentRef.current;
@@ -67,16 +76,20 @@ export function AutoHeight(_ref) {
     };
     var onTransitionEnd = function onTransitionEnd(e) {
       if (e.target !== outer || e.propertyName !== 'height') return;
-      if (outgoing != null) return;
+      if (outgoing !== null && outgoing !== undefined) return;
       animatingRef.current = false;
-      finishHeight(outer, measure());
+      var h = measure();
+      if (!isCollapsedMeasure(h)) finishHeight(outer, h);
     };
     outer.addEventListener('transitionend', onTransitionEnd);
     if (!readyRef.current) {
       var h = measure();
-      outer.style.height = "".concat(h, "px");
-      heightRef.current = h;
-      readyRef.current = true;
+      /* 抽屉刚挂载时常量到 0：先不 ready，等 ResizeObserver 拿到正高 */
+      if (!isCollapsedMeasure(h)) {
+        outer.style.height = "".concat(h, "px");
+        heightRef.current = h;
+        readyRef.current = true;
+      }
       prevKeyRef.current = contentKey;
       prevChildrenRef.current = children;
       return function () {
@@ -95,12 +108,20 @@ export function AutoHeight(_ref) {
       };
     }
     prevChildrenRef.current = children;
-    if (outgoing != null || animatingRef.current) {
+    if (outgoing !== null && outgoing !== undefined || animatingRef.current) {
+      return function () {
+        return outer.removeEventListener('transitionend', onTransitionEnd);
+      };
+    }
+    var target = measure();
+    if (isCollapsedMeasure(target) && heightRef.current >= HEIGHT_EPS) {
       return function () {
         return outer.removeEventListener('transitionend', onTransitionEnd);
       };
     }
-    runHeightOnly(outer, heightRef.current, measure());
+    if (!isCollapsedMeasure(target)) {
+      runHeightOnly(outer, heightRef.current, target);
+    }
     return function () {
       return outer.removeEventListener('transitionend', onTransitionEnd);
     };
@@ -111,7 +132,7 @@ export function AutoHeight(_ref) {
    * 有高度差时高度整段同步；等高只做显隐。旧层用不透明底盖住下层。
    */
   useLayoutEffect(function () {
-    if (outgoing == null) return;
+    if (outgoing === null || outgoing === undefined) return;
     var outer = outerRef.current;
     var current = currentRef.current;
     var outEl = outgoingRef.current;
@@ -129,7 +150,7 @@ export function AutoHeight(_ref) {
       outEl.style.opacity = '1';
     }
     void outer.offsetHeight;
-    if (heightChanged) {
+    if (heightChanged && !isCollapsedMeasure(target)) {
       outer.style.transition = "height ".concat(HEIGHT_MS, "ms ").concat(EASING);
       outer.style.height = "".concat(target, "px");
     }
@@ -147,7 +168,8 @@ export function AutoHeight(_ref) {
     var doneTimer = window.setTimeout(function () {
       setOutgoing(null);
       animatingRef.current = false;
-      finishHeight(outer, current.getBoundingClientRect().height);
+      var h = current.getBoundingClientRect().height;
+      if (!isCollapsedMeasure(h)) finishHeight(outer, h);
       current.style.transition = '';
       current.style.opacity = '1';
       if (outEl) {
@@ -167,15 +189,27 @@ export function AutoHeight(_ref) {
     if (!current || !outer || typeof ResizeObserver === 'undefined') return;
     var onTransitionEnd = function onTransitionEnd(e) {
       if (e.target !== outer || e.propertyName !== 'height') return;
-      if (outgoing != null) return;
+      if (outgoing !== null && outgoing !== undefined) return;
       animatingRef.current = false;
-      finishHeight(outer, current.getBoundingClientRect().height);
+      var h = current.getBoundingClientRect().height;
+      if (!isCollapsedMeasure(h)) finishHeight(outer, h);
     };
     outer.addEventListener('transitionend', onTransitionEnd);
     var ro = new ResizeObserver(function () {
-      if (animatingRef.current || outgoing != null) return;
-      if (!readyRef.current) return;
+      if (animatingRef.current || outgoing !== null && outgoing !== undefined) return;
       var target = current.getBoundingClientRect().height;
+      if (!readyRef.current) {
+        if (isCollapsedMeasure(target)) return;
+        finishHeight(outer, target);
+        readyRef.current = true;
+        return;
+      }
+
+      /* 父级隐藏时勿把已测好的正高塌成 0 */
+      if (isCollapsedMeasure(target) && heightRef.current >= HEIGHT_EPS) {
+        return;
+      }
+      if (isCollapsedMeasure(target)) return;
       var start = heightRef.current;
       if (Math.abs(start - target) < HEIGHT_EPS) return;
       runHeightOnly(outer, start, target);
@@ -199,7 +233,7 @@ export function AutoHeight(_ref) {
       justifyContent: anchor === 'bottom' ? 'flex-end' : 'flex-start',
       background: 'transparent'
     }, style)
-  }, props), outgoing != null ? /*#__PURE__*/React.createElement("div", {
+  }, props), outgoing !== null && outgoing !== undefined ? /*#__PURE__*/React.createElement("div", {
     ref: outgoingRef,
     "data-odn-clarify-auto-height-outgoing": true,
     "aria-hidden": true,

package/dist/clarify-dock/index.d.ts

@@ -12,7 +12,7 @@ export interface ClarifyDockQuestion {
     input: ClarifyInput;
     /**
      * 是否允许跳过；默认 true。
-     * 跳过后由 AI 按默认继续，UI 不展示具体默认值。
+     * 跳过后由 Agent 推断执行，UI 不展示具体推断值。
      */
     skippable?: boolean;
 }
@@ -40,7 +40,7 @@ export interface ClarifyDockResolvePayload {
     items: ClarifyDockAnswerItem[];
 }
 /** 锁态 / 回看提示：跳过题统一文案（不展示 AI 默认选项）。 */
-export declare const CLARIFY_DOCK_SKIPPED_LABEL = "\u5DF2\u8DF3\u8FC7\uFF0C\u6309\u9ED8\u8BA4\u9009\u9879\u7EE7\u7EED";
+export declare const CLARIFY_DOCK_SKIPPED_LABEL = "\u5DF2\u8DF3\u8FC7\uFF0C\u6309 Agent \u63A8\u65AD\u6267\u884C";
 /** data[key] 哨兵：表示本题跳过，默认由模型侧决定。 */
 export declare const CLARIFY_DOCK_SKIPPED_VALUE = "__skipped__";
 /** Host 消息最小形状——hook 只认 assistant + clarify-dock instance。 */

package/dist/clarify-dock/index.js

@@ -46,7 +46,7 @@ export { parseClarifyBoundDate, toISODate } from "./types";
 /** 整卷提交：自然语言摘要 + 结构化 data + 锁态小票行。 */
 
 /** 锁态 / 回看提示：跳过题统一文案（不展示 AI 默认选项）。 */
-export var CLARIFY_DOCK_SKIPPED_LABEL = '已跳过，按默认选项继续';
+export var CLARIFY_DOCK_SKIPPED_LABEL = '已跳过，按 Agent 推断执行';
 
 /** data[key] 哨兵：表示本题跳过，默认由模型侧决定。 */
 export var CLARIFY_DOCK_SKIPPED_VALUE = '__skipped__';
@@ -525,11 +525,9 @@ export function ClarifyDockPanel(_ref2) {
     "data-odn-clarify-dock-q-row": true
   }, /*#__PURE__*/React.createElement("div", {
     "data-odn-clarify-dock-q": true
-  }, question.label), input.kind === 'options' ? /*#__PURE__*/React.createElement("span", {
+  }, question.label, input.kind === 'options-multi' ? /*#__PURE__*/React.createElement("span", {
     "data-odn-clarify-dock-q-hint": true
-  }, "\u5355\u9009") : input.kind === 'options-multi' ? /*#__PURE__*/React.createElement("span", {
-    "data-odn-clarify-dock-q-hint": true
-  }, "\u53EF\u591A\u9009") : null), /*#__PURE__*/React.createElement("div", {
+  }, "\uFF08\u53EF\u591A\u9009\uFF09") : null)), /*#__PURE__*/React.createElement("div", {
     "data-odn-clarify-dock-input-shell": true,
     "data-skipped": isSkipped ? '' : undefined
   }, /*#__PURE__*/React.createElement("div", {

package/dist/clarify-dock/style/index.css

@@ -85,13 +85,10 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
 [data-odn-clarify-dock-q-row] {
   display: flex;
   align-items: baseline;
-  justify-content: space-between;
-  gap: 12px;
   min-width: 0;
 }
 
 [data-odn-clarify-dock] [data-odn-clarify-dock-q] {
-  flex: 1;
   min-width: 0;
   font-size: 14px;
   font-weight: 400;
@@ -100,11 +97,13 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
   margin: 0;
 }
 
+/* 多选题干后缀（与题干同字号、同色）；负 margin 收紧与问号间的全角留白 */
 [data-odn-clarify-dock-q-hint] {
-  flex-shrink: 0;
-  font-size: 12px;
-  line-height: 1.5;
-  color: var(--odn-color-black-8);
+  font-size: inherit;
+  line-height: inherit;
+  font-weight: inherit;
+  color: var(--odn-color-black-12);
+  margin-left: -0.6em;
 }
 
 /* ---------- 底栏 · 对齐 approval-actions（含顶部分割线） ---------- */
@@ -543,6 +542,21 @@ div[data-odn-clarify-dock] [data-odn-clarify-dock-body] {
   flex: 0 0 auto;
 }
 
+/*
+ * 日期触发器收到与选项同级（13px / 高 32px）。
+ * 只改 container 内 input，弹层在 portal 外不受影响。
+ */
+div[data-odn-clarify-dock] [data-odn-date-picker-container] {
+  width: 100%;
+}
+
+div[data-odn-clarify-dock] [data-odn-date-picker-input] {
+  height: 32px;
+  padding: 4px 32px 4px 10px;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
 /* ---------- 跳过态：任意录入形态共用蒙层 +「重新回答」 ---------- */
 [data-odn-clarify-dock-input-shell] {
   position: relative;

package/dist/index.d.ts

@@ -1,85 +1,83 @@
 import './style';
-export { Collapsible, CollapsibleContent, CollapsibleTrigger } from './collapse';
+export { Collapsible, CollapsibleContent, CollapsibleTrigger, } from './collapse';
 export { iconNames } from './icon';
 export type { IconName } from './icon';
-export { MessageReact16, Message, type MessageProps, type MessageIntent, type odnMessageState } from './message';
+export { Message, MessageReact16, type MessageIntent, type MessageProps, type odnMessageState, } from './message';
 export { ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, ModalTrigger, } from './modal-base';
-export { type PopoverProps } from "./pop-base";
-export { MONTHS, convertDateToString, convertDateRangeToString, convertQuarterToString, convertMonthToString, convertYearToString, isDayAfter, isDayBefore, isSameDay, isSameMonth, isLegalDateString, isLegalDateRangeString, isLegalWeekString, isLegalQuarterString, isLegalMonthString, isLegalYearString, parseWeekStringToRange, parseQuarterStringToRange, parseMonthStringToRange, parseYearStringToRange, getDefaultMaxDate, getDefaultMinDate, getStartOfWeek, getEndOfWeek, getStartOfQuarter, getEndOfQuarter } from './_util/date';
-export { isLegalTimeString, isTimeAfter, isTimeBefore, isTimeEqual, timeToSeconds, secondsToTime } from './_util/time';
+export { type PopoverProps } from './pop-base';
+export { MONTHS, convertDateRangeToString, convertDateToString, convertMonthToString, convertQuarterToString, convertYearToString, getDefaultMaxDate, getDefaultMinDate, getEndOfQuarter, getEndOfWeek, getStartOfQuarter, getStartOfWeek, isDayAfter, isDayBefore, isLegalDateRangeString, isLegalDateString, isLegalMonthString, isLegalQuarterString, isLegalWeekString, isLegalYearString, isSameDay, isSameMonth, parseMonthStringToRange, parseQuarterStringToRange, parseWeekStringToRange, parseYearStringToRange, } from './_util/date';
+export { isLegalTimeString, isTimeAfter, isTimeBefore, isTimeEqual, secondsToTime, timeToSeconds, } from './_util/time';
 export { default as Alert, type AlertProps, type AlertRef } from './alert';
-export { default as AutoComplete, type AutoCompleteProps } from './auto-complete';
+export { default as AutoComplete, type AutoCompleteProps, } from './auto-complete';
 export { default as Avatar, type AvatarProps } from './avatar';
 export { default as Button, type ButtonProps } from './button';
 export { default as Calendar, type CalendarProps } from './calendar';
+export { default as Card, type CardElevation, type CardHeaderProps, type CardHeaderSize, type CardProps, } from './card';
 export { default as Cascader, type CascaderProps } from './cascader';
-export { default as Card, type CardProps, type CardElevation, type CardHeaderProps, type CardHeaderSize } from './card';
 export { default as Chart, type ChartProps } from './chart';
-export { default as Checkbox, type CheckboxGroupProps, type CheckboxProps } from './checkbox';
-export { default as Collapse, type CollapseProps, type CollapseItem } from './collapse';
+export { default as Checkbox, type CheckboxGroupProps, type CheckboxProps, } from './checkbox';
+export { default as Collapse, type CollapseItem, type CollapseProps, } from './collapse';
 export { default as ColorPicker, type ColorPickerProps } from './color-picker';
-export { default as ConfigProvider, type ConfigConsumerProps, type ConfigProviderProps } from './config-provider';
+export { default as ConfigProvider, type ConfigConsumerProps, type ConfigProviderProps, } from './config-provider';
 export { default as DatePicker, type DatePickerProps } from './date-picker';
-export { default as DateRangePicker, type DatePickerRangeProps } from './date-range-picker';
+export { default as DateRangePicker, type DatePickerRangeProps, } from './date-range-picker';
 export { default as Dialog, type DialogProps } from './dialog';
 export { default as Drawer, type DrawerProps } from './drawer';
 export { default as Dropdown, type DropdownNormalProps, type DropdownProps, } from './dropdown';
-export { default as EllipsisText, type EllipsisTextProps } from './ellipsis-text';
-export { default as Empty, type EmptyProps, type EmptyType, type EmptySize } from './empty';
-export { default as Form, type FormProps, type FormItemProps } from './form';
-export { default as HoverFill, type HoverFillProps, type HoverFillState } from './hover-fill';
+export { default as EllipsisText, type EllipsisTextProps, } from './ellipsis-text';
+export { default as Empty, type EmptyProps, type EmptySize, type EmptyType, } from './empty';
+export { default as Form, type FormItemProps, type FormProps } from './form';
+export { default as HoverFill, type HoverFillProps, type HoverFillState, } from './hover-fill';
 export { default as Icon, type IconProps } from './icon';
 export { default as Image, type ImageProps } from './image';
 export { default as Input, type InputProps, type InputRef } from './input';
 export { default as InputNumber } from './input-number';
-export { default as InputOtp, type InputOtpProps, type InputOtpRef } from './input-otp';
+export { default as InputOtp, type InputOtpProps, type InputOtpRef, } from './input-otp';
+export { HuxuanLayout, MpLayout, RuyiLayout, type HuxuanActionItem, type HuxuanLayoutProps, type HuxuanNavChild, type HuxuanNavItem, type MpLayoutProps, type MpMenuItem, type MpSubTab, type MpTabItem, type RuyiLayoutProps, type RuyiMenuItem, } from './layout';
 export { default as Link, type LinkProps } from './link';
 export { default as Loading, type LoadingProps } from './loading';
-export { default as NumberFlow, type NumberFlowProps, type Format } from './number-flow';
+export { default as NumberFlow, type Format, type NumberFlowProps, } from './number-flow';
 export { default as Pagination, type PaginationProps } from './pagination';
 export { default as Popover } from './popover';
-export { default as Radio, type RadioProps, type RadioGroupProps } from './radio';
-export { RuyiLayout, type RuyiLayoutProps, type RuyiMenuItem } from './layout';
-export { MpLayout, type MpLayoutProps, type MpMenuItem, type MpTabItem, type MpSubTab } from './layout';
-export { HuxuanLayout, type HuxuanLayoutProps, type HuxuanNavItem, type HuxuanNavChild, type HuxuanActionItem } from './layout';
-export { default as ScrollArea, type ScrollAreaProps, type ScrollAreaRef } from './scroll-area';
+export { default as Radio, type RadioGroupProps, type RadioProps, } from './radio';
+export { default as ScrollArea, type ScrollAreaProps, type ScrollAreaRef, } from './scroll-area';
 export { default as Select, type SelectProps, type TokenPasteResult, type TokenValidationItem, } from './select';
 export { default as Slider, type SliderProps } from './slider';
 export { default as Switch, type SwitchProps } from './switch';
+export { default as Table, type ColumnType, type RowSelectionType, type TableProps, type TableRowExpansion, type TableRowSelection, type TableSortOrder, } from './table';
 export { default as Tabs } from './tabs';
+export { default as TextSwap, type TextSwapFlipProps, type TextSwapProps, } from './text-swap';
 export { default as TimePicker, type TimePickerProps } from './time-picker';
-export { default as Table, type TableProps, type ColumnType, type TableSortOrder, type RowSelectionType, type TableRowSelection, type TableRowExpansion } from './table';
-export { default as TextSwap, type TextSwapProps, type TextSwapFlipProps } from './text-swap';
 export { default as Tooltip } from './tooltip';
-export { default as TreeSelect, type TreeSelectProps, type TreeNodeData } from './tree-select';
+export { default as TreeSelect, type TreeNodeData, type TreeSelectProps, } from './tree-select';
 export { default as VirtualList, type VirtualListProps } from './virtual-list';
 export { default as ActionBar, type ActionBarProps } from './action-bar';
-export { default as AgentStep, type AgentStepProps, type AgentStepGroupProps } from './agent-step';
+export { default as AgentStep, type AgentStepGroupProps, type AgentStepProps, } from './agent-step';
 export { default as AgentThink, type AgentThinkProps } from './agent-think';
-export { default as Approval, type ApprovalProps, type ApprovalSpec, type ApprovalDecision, type ApprovalResolvePayload, type ApprovalSummaryItem, } from './approval';
-export { ClarifyDockPanel, ClarifyDockTrigger, useClarifyDockState, clarifyDockLayoutId, CLARIFY_DOCK_MAX_OPTIONS, CLARIFY_DOCK_SKIPPED_LABEL, CLARIFY_DOCK_SKIPPED_VALUE, parseClarifyBoundDate, toISODate, type ClarifyDockPanelProps, type ClarifyDockTriggerProps, type ClarifyDockSpec, type ClarifyDockQuestion, type ClarifyDockAnswerItem, type ClarifyDockResolvePayload, type ClarifyDockMessageState, type ClarifyDockState, type ClarifyDockHostMessage, type ClarifyInput, type ClarifyOption, } from './clarify-dock';
+export { APPROVAL_DEFAULT_ACTIONS_HINT, default as Approval, type ApprovalDecision, type ApprovalProps, type ApprovalResolvePayload, type ApprovalSpec, type ApprovalSummaryItem, } from './approval';
 export { default as Artifact, type ArtifactProps } from './artifact';
 export { default as Attachments, type AttachmentsProps } from './attachments';
+export { default as ChatItem, formatRelativeTime, type ChatItemProps, } from './chat-item';
+export { default as ChatList, matchChatListFilterTime, matchChatListFilterType, type ChatListFilterTime, type ChatListFilterType, type ChatListItem, type ChatListProps, } from './chat-list';
+export { CLARIFY_DOCK_MAX_OPTIONS, CLARIFY_DOCK_SKIPPED_LABEL, CLARIFY_DOCK_SKIPPED_VALUE, ClarifyDockPanel, ClarifyDockTrigger, clarifyDockLayoutId, parseClarifyBoundDate, toISODate, useClarifyDockState, type ClarifyDockAnswerItem, type ClarifyDockHostMessage, type ClarifyDockMessageState, type ClarifyDockPanelProps, type ClarifyDockQuestion, type ClarifyDockResolvePayload, type ClarifyDockSpec, type ClarifyDockState, type ClarifyDockTriggerProps, type ClarifyInput, type ClarifyOption, } from './clarify-dock';
 export { default as CodeBlock, type CodeBlockProps } from './code-block';
-export { default as Composer, type ComposerProps, type ComposerRef, type ComposerToolConfig, type ComposerTool } from './composer';
-export { default as Invocation, InvocationParamPopover, type InvocationProps, type InvocationParamPopoverProps, } from './invocation';
+export { default as Composer, type ComposerProps, type ComposerRef, type ComposerTool, type ComposerToolConfig, } from './composer';
 export { type ComposerParamPanelContext } from './composer/param-panel';
-export { default as Mention, type MentionProps } from './mention';
-export { default as ChatItem, formatRelativeTime, type ChatItemProps, } from './chat-item';
-export { default as ChatList, matchChatListFilterTime, matchChatListFilterType, type ChatListProps, type ChatListItem, type ChatListFilterTime, type ChatListFilterType, } from './chat-list';
-export { default as SkillSlot, type SkillSlotHandle, type SkillSlotProps } from './skill-slot';
 export { default as ErrorBlock, type ErrorBlockProps } from './error-block';
 export { default as Fab, type FabProps } from './fab';
-export { default as MessageImage, type MessageImageProps, type MessageImageItem } from './message-image';
-export { default as PreviewPanel, type PreviewPanelProps, type PreviewPanelActionTooltips } from './preview-panel';
+export { default as Invocation, InvocationParamPopover, type InvocationParamPopoverProps, type InvocationProps, } from './invocation';
+export { default as Mention, type MentionProps } from './mention';
+export { default as MessageImage, type MessageImageItem, type MessageImageProps, } from './message-image';
+export { default as PreviewPanel, type PreviewPanelActionTooltips, type PreviewPanelProps, } from './preview-panel';
+export { default as Provenance, type ProvenanceProps, type ProvenanceType, } from './provenance';
+export { default as SkillSlot, type SkillSlotHandle, type SkillSlotProps, } from './skill-slot';
 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 StreamText, type StreamTextProps, type TypographyOverrides, } from './stream-text';
 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';
-export type { ToolCall, ToolStatus, Source, Attachment, PreviewTarget, PreviewTab, SendMeta, ComposerSegment, ComposerTextSegment, ComposerInvocationSegment, ComposerMentionSegment, TextData, InvocationData, MentionData, InlineRefState, SkillItem, SkillGroup, AgentEvent, Conversation, MessageSnapshot, ChatMessage } from './_genui-types';
 export { ComposerSegmentType } from './_genui-types';
-export type { InterruptIntent, InterruptStatus, InterruptBase, } from './_interrupt-types';
-export { rawValueToSegments, segmentsToReadableText, segmentsHasContent, isTextSegment, isInvocationSegment, isMentionSegment, type SegmentsToReadableTextOptions, } from './composer/segments';
+export type { AgentEvent, Attachment, ChatMessage, ComposerInvocationSegment, ComposerMentionSegment, ComposerSegment, ComposerTextSegment, Conversation, InlineRefState, InvocationData, MentionData, MessageSnapshot, PreviewTab, PreviewTarget, SendMeta, SkillGroup, SkillItem, Source, TextData, ToolCall, ToolStatus, } from './_genui-types';
+export type { InterruptBase, InterruptIntent, InterruptStatus, } from './_interrupt-types';
+export { isInvocationSegment, isMentionSegment, isTextSegment, rawValueToSegments, segmentsHasContent, segmentsToReadableText, type SegmentsToReadableTextOptions, } from './composer/segments';

package/dist/index.js

@@ -7,17 +7,17 @@ if (!React.useInsertionEffect) {
 import "./style";
 export { Collapsible, CollapsibleContent, CollapsibleTrigger } from "./collapse";
 export { iconNames } from "./icon";
-export { MessageReact16, Message } from "./message";
+export { Message, MessageReact16 } from "./message";
 export { ModalClose, ModalContent, ModalDescription, ModalFooter, ModalHeader, ModalOverlay, ModalPortal, ModalRoot, ModalTitle, ModalTrigger } from "./modal-base";
-export { MONTHS, convertDateToString, convertDateRangeToString, convertQuarterToString, convertMonthToString, convertYearToString, isDayAfter, isDayBefore, isSameDay, isSameMonth, isLegalDateString, isLegalDateRangeString, isLegalWeekString, isLegalQuarterString, isLegalMonthString, isLegalYearString, parseWeekStringToRange, parseQuarterStringToRange, parseMonthStringToRange, parseYearStringToRange, getDefaultMaxDate, getDefaultMinDate, getStartOfWeek, getEndOfWeek, getStartOfQuarter, getEndOfQuarter } from "./_util/date";
-export { isLegalTimeString, isTimeAfter, isTimeBefore, isTimeEqual, timeToSeconds, secondsToTime } from "./_util/time";
+export { MONTHS, convertDateRangeToString, convertDateToString, convertMonthToString, convertQuarterToString, convertYearToString, getDefaultMaxDate, getDefaultMinDate, getEndOfQuarter, getEndOfWeek, getStartOfQuarter, getStartOfWeek, isDayAfter, isDayBefore, isLegalDateRangeString, isLegalDateString, isLegalMonthString, isLegalQuarterString, isLegalWeekString, isLegalYearString, isSameDay, isSameMonth, parseMonthStringToRange, parseQuarterStringToRange, parseWeekStringToRange, parseYearStringToRange } from "./_util/date";
+export { isLegalTimeString, isTimeAfter, isTimeBefore, isTimeEqual, secondsToTime, timeToSeconds } from "./_util/time";
 export { default as Alert } from "./alert";
 export { default as AutoComplete } from "./auto-complete";
 export { default as Avatar } from "./avatar";
 export { default as Button } from "./button";
 export { default as Calendar } from "./calendar";
-export { default as Cascader } from "./cascader";
 export { default as Card } from "./card";
+export { default as Cascader } from "./cascader";
 export { default as Chart } from "./chart";
 export { default as Checkbox } from "./checkbox";
 export { default as Collapse } from "./collapse";
@@ -37,23 +37,21 @@ export { default as Image } from "./image";
 export { default as Input } from "./input";
 export { default as InputNumber } from "./input-number";
 export { default as InputOtp } from "./input-otp";
+export { HuxuanLayout, MpLayout, RuyiLayout } from "./layout";
 export { default as Link } from "./link";
 export { default as Loading } from "./loading";
 export { default as NumberFlow } from "./number-flow";
 export { default as Pagination } from "./pagination";
 export { default as Popover } from "./popover";
 export { default as Radio } from "./radio";
-export { RuyiLayout } from "./layout";
-export { MpLayout } from "./layout";
-export { HuxuanLayout } from "./layout";
 export { default as ScrollArea } from "./scroll-area";
 export { default as Select } from "./select";
 export { default as Slider } from "./slider";
 export { default as Switch } from "./switch";
-export { default as Tabs } from "./tabs";
-export { default as TimePicker } from "./time-picker";
 export { default as Table } from "./table";
+export { default as Tabs } from "./tabs";
 export { default as TextSwap } from "./text-swap";
+export { default as TimePicker } from "./time-picker";
 export { default as Tooltip } from "./tooltip";
 export { default as TreeSelect } from "./tree-select";
 export { default as VirtualList } from "./virtual-list";
@@ -62,30 +60,29 @@ export { default as VirtualList } from "./virtual-list";
 export { default as ActionBar } from "./action-bar";
 export { default as AgentStep } from "./agent-step";
 export { default as AgentThink } from "./agent-think";
-export { default as Approval } from "./approval";
-export { ClarifyDockPanel, ClarifyDockTrigger, useClarifyDockState, clarifyDockLayoutId, CLARIFY_DOCK_MAX_OPTIONS, CLARIFY_DOCK_SKIPPED_LABEL, CLARIFY_DOCK_SKIPPED_VALUE, parseClarifyBoundDate, toISODate } from "./clarify-dock";
+export { APPROVAL_DEFAULT_ACTIONS_HINT, default as Approval } from "./approval";
 export { default as Artifact } from "./artifact";
 export { default as Attachments } from "./attachments";
-export { default as CodeBlock } from "./code-block";
-export { default as Composer } from "./composer";
-export { default as Invocation, InvocationParamPopover } from "./invocation";
-export { default as Mention } from "./mention";
 export { default as ChatItem, formatRelativeTime } from "./chat-item";
 export { default as ChatList, matchChatListFilterTime, matchChatListFilterType } from "./chat-list";
-export { default as SkillSlot } from "./skill-slot";
+export { CLARIFY_DOCK_MAX_OPTIONS, CLARIFY_DOCK_SKIPPED_LABEL, CLARIFY_DOCK_SKIPPED_VALUE, ClarifyDockPanel, ClarifyDockTrigger, clarifyDockLayoutId, parseClarifyBoundDate, toISODate, useClarifyDockState } from "./clarify-dock";
+export { default as CodeBlock } from "./code-block";
+export { default as Composer } from "./composer";
 export { default as ErrorBlock } from "./error-block";
 export { default as Fab } from "./fab";
+export { default as Invocation, InvocationParamPopover } from "./invocation";
+export { default as Mention } from "./mention";
 export { default as MessageImage } from "./message-image";
 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 SkillSlot } from "./skill-slot";
+export { default as Sources } from "./sources";
 export { default as StreamPulse } from "./stream-pulse";
+export { default as StreamText } from "./stream-text";
 export { default as Suggestions } from "./suggestions";
 export { default as UserBubble } from "./user-bubble";
 export { default as Welcome } from "./welcome";
 
 // GenUI shared modules
-
 export { ComposerSegmentType } from "./_genui-types";
-export { rawValueToSegments, segmentsToReadableText, segmentsHasContent, isTextSegment, isInvocationSegment, isMentionSegment } from "./composer/segments";
+export { isInvocationSegment, isMentionSegment, isTextSegment, rawValueToSegments, segmentsHasContent, segmentsToReadableText } from "./composer/segments";

package/dist/select/index.js

@@ -14,7 +14,7 @@ import Icon from "../icon";
 import Popover from "../popover";
 import SelectFeedback from "./SelectFeedback";
 import "./style";
-import { formatTokenPasteFeedback, readClipboardText, resolveTokenPaste, splitByTokenSeparators, toRawValueList } from "./tokenUtils";
+import { countValidValues, formatTokenPasteFeedback, readClipboardText, resolveTokenPaste, splitByTokenSeparators, toRawValueList } from "./tokenUtils";
 import useIcons from "./useIcons";
 var InternalSelect = function InternalSelect(props, ref) {
   var className = props.className,
@@ -332,7 +332,7 @@ var InternalSelect = function InternalSelect(props, ref) {
       var suffixIconFinal = typeof _suffixIcon === 'function' ? _suffixIcon(suffixIconProps) : _suffixIcon;
       return /*#__PURE__*/React.createElement(React.Fragment, null, !!maxCount && mode === 'multiple' && Array.isArray(value) && /*#__PURE__*/React.createElement("span", {
         className: "odn-select-max-count"
-      }, value.length, " / ", maxCount), suffixIconFinal);
+      }, countValidValues(toRawValueList(value), invalidValues), " /", ' ', maxCount), suffixIconFinal);
     },
     menuItemSelectedIcon: mode === 'multiple' ? function (iconProps) {
       var optionDisabled = iconProps.disabled,

package/dist/select/style/index.css

@@ -5,6 +5,13 @@ html {
   --odn-select-border-radius-sm: 4px;
   --odn-select-internal_fixed_item_margin: 2px;
   --odn-select-multiple-item-height: 22px;
+  --odn-select-multiple-selector-max-height: calc(
+    8px + 5 *
+      (
+        var(--odn-select-multiple-item-height) +
+          var(--odn-select-internal_fixed_item_margin) * 4
+      )
+  );
   --odn-select-multiple-item-bg: var(--odn-color-black-1);
   --odn-select-multiple-item-border-color: var(--odn-color-border);
   --odn-select-popup-padding-block: 8px;
@@ -567,6 +574,11 @@ html {
   display: inline-flex;
 }
 
+.odn-select-multiple .odn-select-selection-overflow-item > span {
+  max-width: 100%;
+  min-width: 0;
+}
+
 .odn-select-multiple .odn-select-selection-overflow .odn-select-selection-item {
   display: flex;
   align-self: center;
@@ -625,12 +637,35 @@ html {
 
 .odn-select-multiple .odn-select-selector {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   width: 100%;
-  height: 100%;
   padding-inline: 12px;
   padding-block: 4px;
   border-radius: var(--odn-select-border-radius);
+  max-height: var(--odn-select-multiple-selector-max-height);
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.odn-select-multiple .odn-select-selector::-webkit-scrollbar {
+  width: 14px;
+  height: 14px;
+}
+.odn-select-multiple .odn-select-selector::-webkit-scrollbar-thumb {
+  min-width: 14px;
+  min-height: 14px;
+  background-color: rgba(0, 0, 0, 0.1);
+  background-clip: content-box;
+  border: 4px solid transparent;
+  border-radius: 14px;
+}
+.odn-select-multiple .odn-select-selector::-webkit-scrollbar-track {
+  background-color: rgba(0, 0, 0, 0);
+}
+.odn-select-multiple .odn-select-selector::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.odn-select-multiple .odn-select-selector::-webkit-scrollbar-thumb:active {
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 .odn-select-disabled.odn-select-multiple .odn-select-selector {
@@ -801,12 +836,35 @@ html {
 
 .odn-select-multiple.odn-select-sm .odn-select-selector {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   width: 100%;
-  height: 100%;
   padding-inline: 12px;
   padding-block: max(max(var(--odn-padding-xxs) - 1px, 0px) - var(--odn-select-internal_fixed_item_margin), 0px);
   border-radius: var(--odn-select-border-radius-sm);
+  max-height: var(--odn-select-multiple-selector-max-height);
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.odn-select-multiple.odn-select-sm .odn-select-selector::-webkit-scrollbar {
+  width: 14px;
+  height: 14px;
+}
+.odn-select-multiple.odn-select-sm .odn-select-selector::-webkit-scrollbar-thumb {
+  min-width: 14px;
+  min-height: 14px;
+  background-color: rgba(0, 0, 0, 0.1);
+  background-clip: content-box;
+  border: 4px solid transparent;
+  border-radius: 14px;
+}
+.odn-select-multiple.odn-select-sm .odn-select-selector::-webkit-scrollbar-track {
+  background-color: rgba(0, 0, 0, 0);
+}
+.odn-select-multiple.odn-select-sm .odn-select-selector::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.odn-select-multiple.odn-select-sm .odn-select-selector::-webkit-scrollbar-thumb:active {
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 .odn-select-disabled.odn-select-multiple.odn-select-sm .odn-select-selector {
@@ -983,12 +1041,35 @@ html {
 
 .odn-select-multiple.odn-select-lg .odn-select-selector {
   display: flex;
-  align-items: center;
+  align-items: flex-start;
   width: 100%;
-  height: 100%;
   padding-inline: 12px;
   padding-block: max(max(var(--odn-padding-xxs) - 1px, 0px) - var(--odn-select-internal_fixed_item_margin), 0px);
   border-radius: var(--odn-select-border-radius-lg);
+  max-height: var(--odn-select-multiple-selector-max-height);
+  overflow-x: hidden;
+  overflow-y: auto;
+}
+.odn-select-multiple.odn-select-lg .odn-select-selector::-webkit-scrollbar {
+  width: 14px;
+  height: 14px;
+}
+.odn-select-multiple.odn-select-lg .odn-select-selector::-webkit-scrollbar-thumb {
+  min-width: 14px;
+  min-height: 14px;
+  background-color: rgba(0, 0, 0, 0.1);
+  background-clip: content-box;
+  border: 4px solid transparent;
+  border-radius: 14px;
+}
+.odn-select-multiple.odn-select-lg .odn-select-selector::-webkit-scrollbar-track {
+  background-color: rgba(0, 0, 0, 0);
+}
+.odn-select-multiple.odn-select-lg .odn-select-selector::-webkit-scrollbar-thumb:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.odn-select-multiple.odn-select-lg .odn-select-selector::-webkit-scrollbar-thumb:active {
+  background-color: rgba(0, 0, 0, 0.3);
 }
 
 .odn-select-disabled.odn-select-multiple.odn-select-lg .odn-select-selector {
@@ -1795,6 +1876,7 @@ html {
 }
 
 .odn-select-selection-overflow-item-rest > span {
+  max-width: 100%;
   min-width: 0;
 }
 

package/dist/select/tokenUtils.d.ts

@@ -23,6 +23,8 @@ export declare function readClipboardText(clipboardData: DataTransfer | null): s
 export declare function splitByTokenSeparators(text: string, separators: string[]): string[] | null;
 export declare function flattenSelectOptions(options?: DefaultOptionType[]): DefaultOptionType[];
 export declare function matchOptionByToken(token: string, options: DefaultOptionType[]): DefaultOptionType | null;
+/** 有效选中数：不含 invalid chip（未匹配保留项） */
+export declare function countValidValues(values: RawValue[], invalid: RawValue[]): number;
 export declare function toRawValueList(value: unknown): RawValue[];
 export declare function resolveTokenPaste(params: {
     tokens: string[];

package/dist/select/tokenUtils.js

@@ -63,6 +63,17 @@ export function matchOptionByToken(token, options) {
     return String(value).toLowerCase() === normalized || String(label !== null && label !== void 0 ? label : '').toLowerCase() === normalized;
   })) !== null && _flat$find !== void 0 ? _flat$find : null;
 }
+
+/** 有效选中数：不含 invalid chip（未匹配保留项） */
+export function countValidValues(values, invalid) {
+  if (!invalid.length) {
+    return values.length;
+  }
+  var invalidSet = new Set(invalid.map(String));
+  return values.filter(function (v) {
+    return !invalidSet.has(String(v));
+  }).length;
+}
 export function toRawValueList(value) {
   if (value === undefined || value === null || value === '') {
     return [];
@@ -136,23 +147,23 @@ function _resolveTokenPaste() {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
                   item = _step.value;
-                  if (!(typeof maxCount === 'number' && nextValue.length >= maxCount)) {
-                    _context.next = 3;
-                    break;
-                  }
-                  return _context.abrupt("return", 0);
-                case 3:
                   if (!item.valid) {
                     _context.next = 13;
                     break;
                   }
+                  if (!(typeof maxCount === 'number' && countValidValues(nextValue, nextInvalid) >= maxCount)) {
+                    _context.next = 4;
+                    break;
+                  }
+                  return _context.abrupt("return", 0);
+                case 4:
                   _value = (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.token;
                   if (!hasValue(_value)) {
                     _context.next = 8;
                     break;
                   }
                   duplicated.push(item.token);
-                  return _context.abrupt("return", 1);
+                  return _context.abrupt("return", 0);
                 case 8:
                   nextValue.push(_value);
                   added.push(_value);
@@ -163,7 +174,7 @@ function _resolveTokenPaste() {
                   if (idx >= 0) {
                     nextInvalid.splice(idx, 1);
                   }
-                  return _context.abrupt("return", 1);
+                  return _context.abrupt("return", 0);
                 case 13:
                   // 未匹配
                   invalid.push(item.token);
@@ -171,7 +182,7 @@ function _resolveTokenPaste() {
                     _context.next = 16;
                     break;
                   }
-                  return _context.abrupt("return", 1);
+                  return _context.abrupt("return", 0);
                 case 16:
                   value = (_item$value2 = item.value) !== null && _item$value2 !== void 0 ? _item$value2 : item.token;
                   if (!hasValue(value)) {
@@ -179,7 +190,7 @@ function _resolveTokenPaste() {
                     break;
                   }
                   duplicated.push(item.token);
-                  return _context.abrupt("return", 1);
+                  return _context.abrupt("return", 0);
                 case 20:
                   nextValue.push(value);
                   added.push(value);
@@ -197,7 +208,7 @@ function _resolveTokenPaste() {
           _iterator.s();
         case 19:
           if ((_step = _iterator.n()).done) {
-            _context2.next = 28;
+            _context2.next = 26;
             break;
           }
           return _context2.delegateYield(_loop(), "t1", 21);
@@ -207,28 +218,22 @@ function _resolveTokenPaste() {
             _context2.next = 24;
             break;
           }
-          return _context2.abrupt("break", 28);
+          return _context2.abrupt("continue", 24);
         case 24:
-          if (!(_ret === 1)) {
-            _context2.next = 26;
-            break;
-          }
-          return _context2.abrupt("continue", 26);
-        case 26:
           _context2.next = 19;
           break;
-        case 28:
-          _context2.next = 33;
+        case 26:
+          _context2.next = 31;
           break;
-        case 30:
-          _context2.prev = 30;
+        case 28:
+          _context2.prev = 28;
           _context2.t2 = _context2["catch"](16);
           _iterator.e(_context2.t2);
-        case 33:
-          _context2.prev = 33;
+        case 31:
+          _context2.prev = 31;
           _iterator.f();
-          return _context2.finish(33);
-        case 36:
+          return _context2.finish(31);
+        case 34:
           return _context2.abrupt("return", {
             added: added,
             duplicated: duplicated,
@@ -236,11 +241,11 @@ function _resolveTokenPaste() {
             nextValue: nextValue,
             nextInvalid: nextInvalid
           });
-        case 37:
+        case 35:
         case "end":
           return _context2.stop();
       }
-    }, _callee, null, [[16, 30, 33, 36]]);
+    }, _callee, null, [[16, 28, 31, 34]]);
   }));
   return _resolveTokenPaste.apply(this, arguments);
 }

package/dist/style/base.css

@@ -243,12 +243,14 @@ a[disabled] {
   pointer-events: none;
 }
 
-[data-scrollbar-custom]::-webkit-scrollbar {
+[data-scrollbar-custom]::-webkit-scrollbar,
+.scrollbar-custom::-webkit-scrollbar {
   width: 14px;
   height: 14px;
 }
 
-[data-scrollbar-custom]::-webkit-scrollbar-thumb {
+[data-scrollbar-custom]::-webkit-scrollbar-thumb,
+.scrollbar-custom::-webkit-scrollbar-thumb {
   min-width: 14px;
   min-height: 14px;
   background-color: rgba(0, 0, 0, 10%);
@@ -257,15 +259,18 @@ a[disabled] {
   border-radius: 14px;
 }
 
-[data-scrollbar-custom]::-webkit-scrollbar-track {
+[data-scrollbar-custom]::-webkit-scrollbar-track,
+.scrollbar-custom::-webkit-scrollbar-track {
   background-color: rgba(0, 0, 0, 0%);
 }
 
-[data-scrollbar-custom]::-webkit-scrollbar-thumb:hover {
+[data-scrollbar-custom]::-webkit-scrollbar-thumb:hover,
+.scrollbar-custom::-webkit-scrollbar-thumb:hover {
   background-color: rgba(0, 0, 0, 20%);
 }
 
-[data-scrollbar-custom]::-webkit-scrollbar-thumb:active {
+[data-scrollbar-custom]::-webkit-scrollbar-thumb:active,
+.scrollbar-custom::-webkit-scrollbar-thumb:active {
   background-color: rgba(0, 0, 0, 30%);
 }
 

package/dist/tooltip/index.js

@@ -40,6 +40,7 @@ var TooltipGroup = function TooltipGroup(props) {
         children: child.props.children
       };
     }
+    return undefined;
   }).filter(Boolean);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -52,6 +53,14 @@ var TooltipGroup = function TooltipGroup(props) {
   var lastHoverIndex = useRef(hoverIndex);
   var hoverTimer = useRef(0);
   var tagRef = useRef(null);
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    offsetX = _useState6[0],
+    setOffsetX = _useState6[1];
+  var _useState7 = useState(0),
+    _useState8 = _slicedToArray(_useState7, 2),
+    offsetY = _useState8[0],
+    setOffsetY = _useState8[1];
   var handleMouseEnter = function handleMouseEnter(e, index) {
     clearTimeout(hoverTimer.current);
     var currentTarget = e.currentTarget;
@@ -95,20 +104,12 @@ var TooltipGroup = function TooltipGroup(props) {
       setOffsetY(offsetY);
     }, visible ? 0 : mouseEnterDelay * 1000);
   };
-  var handleMouseLeave = function handleMouseLeave(e, index) {
+  var handleMouseLeave = function handleMouseLeave() {
     clearTimeout(hoverTimer.current);
     hoverTimer.current = window.setTimeout(function () {
       setVisible(false);
     }, 200);
   };
-  var _useState5 = useState(0),
-    _useState6 = _slicedToArray(_useState5, 2),
-    offsetX = _useState6[0],
-    setOffsetX = _useState6[1];
-  var _useState7 = useState(0),
-    _useState8 = _slicedToArray(_useState7, 2),
-    offsetY = _useState8[0],
-    setOffsetY = _useState8[1];
   useEffect(function () {
     if (lastHoverIndex.current !== hoverIndex) {
       lastHoverIndex.current = hoverIndex;
@@ -138,29 +139,29 @@ var TooltipGroup = function TooltipGroup(props) {
     popupStyle: _objectSpread(_objectSpread({}, popupStyle), {}, {
       transform: "translate(".concat(offsetX, "px, ").concat(offsetY, "px) scale(").concat(visible ? 1 : 0.8, ")")
     })
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Tag, _objectSpread({
-    ref: tagRef,
-    children: tooltipInfos.map(function (info, index) {
-      if ( /*#__PURE__*/React.isValidElement(info.children)) {
-        var _ref2 = info.children.props,
-          _onMouseEnter = _ref2.onMouseEnter,
-          _onMouseLeave = _ref2.onMouseLeave,
-          rest = _objectWithoutProperties(_ref2, _excluded2);
-        return /*#__PURE__*/React.cloneElement(info.children, _objectSpread(_objectSpread({
-          key: index
-        }, rest), {}, {
-          onMouseEnter: function onMouseEnter(e) {
-            handleMouseEnter(e, index);
-            _onMouseEnter === null || _onMouseEnter === void 0 || _onMouseEnter(e);
-          },
-          onMouseLeave: function onMouseLeave(e) {
-            handleMouseLeave(e, index);
-            _onMouseLeave === null || _onMouseLeave === void 0 || _onMouseLeave(e);
-          }
-        }));
-      }
-    })
-  }, otherProps))));
+  }, /*#__PURE__*/React.createElement(Tag, _objectSpread({
+    ref: tagRef
+  }, otherProps), tooltipInfos.map(function (info, index) {
+    if ( /*#__PURE__*/React.isValidElement(info.children)) {
+      var _ref2 = info.children.props,
+        _onMouseEnter = _ref2.onMouseEnter,
+        _onMouseLeave = _ref2.onMouseLeave,
+        rest = _objectWithoutProperties(_ref2, _excluded2);
+      return /*#__PURE__*/React.cloneElement(info.children, _objectSpread(_objectSpread({
+        key: index
+      }, rest), {}, {
+        onMouseEnter: function onMouseEnter(e) {
+          handleMouseEnter(e, index);
+          _onMouseEnter === null || _onMouseEnter === void 0 || _onMouseEnter(e);
+        },
+        onMouseLeave: function onMouseLeave(e) {
+          handleMouseLeave();
+          _onMouseLeave === null || _onMouseLeave === void 0 || _onMouseLeave(e);
+        }
+      }));
+    }
+    return null;
+  })));
 };
 Tooltip.Group = TooltipGroup;
 Tooltip.displayName = 'Tooltip';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.65",
+  "version": "0.0.67",
   "description": "One Design Next from TAD@tencent.com",
   "license": "MIT",
   "type": "module",
@@ -56,10 +56,6 @@
     "*.{md,json}": [
       "prettier --write --no-error-on-unmatched-pattern"
     ],
-    "{components,test}/**/*.{css,scss}": [
-      "stylelint --fix",
-      "prettier --write"
-    ],
     "{components,test}/**/*.{js,jsx}": [
       "eslint --fix",
       "prettier --write"