one-design-next 0.0.71 → 0.0.73

package/dist/style/base.css

@@ -182,7 +182,7 @@ html {
   --odn-shadow-3:
     0 4px 10px 0 rgba(0, 0, 0, 7%), 0 12px 24px 0 rgba(0, 0, 0, 8%);
   --odn-shadow-4:
-    0 6px 15px 0 rgba(0, 0, 0, 7%), 0 10 36px 0 rgba(0, 0, 0, 16%);
+    0 6px 15px 0 rgba(0, 0, 0, 7%), 0 10px 36px 0 rgba(0, 0, 0, 16%);
 
   /* 通用组件 */
   --odn-color-bg-elevated: #fff;

package/dist/tooltip/index.js

@@ -159,13 +159,29 @@ var TooltipGroup = function TooltipGroup(props) {
   }, /*#__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
+    if (! /*#__PURE__*/React.isValidElement(info.children)) {
+      return null;
+    }
+
+    /**
+     * Group 需要把 hover 绑到「能接到 DOM 事件」的触发器上。
+     * 若 children 是 Popover（含 popup prop），事件挂在 Popover 上无效：
+     * PopBase 的 onMouseEnter/Leave 只用于浮层，不会传到 reference。
+     * 因此遇到带 popup 的包装层时，递归绑到其 trigger children。
+     */
+    var bindHover = function bindHover(node, key) {
+      var nodeProps = node.props;
+      if (nodeProps.popup !== undefined && /*#__PURE__*/React.isValidElement(nodeProps.children) && nodeProps.children.type !== React.Fragment) {
+        return /*#__PURE__*/React.cloneElement(node, {
+          key: key,
+          children: bindHover(nodeProps.children, key)
+        });
+      }
+      var _onMouseEnter = nodeProps.onMouseEnter,
+        _onMouseLeave = nodeProps.onMouseLeave,
+        rest = _objectWithoutProperties(nodeProps, _excluded2);
+      return /*#__PURE__*/React.cloneElement(node, _objectSpread(_objectSpread({
+        key: key
       }, rest), {}, {
         onMouseEnter: function onMouseEnter(e) {
           handleMouseEnter(e, index);
@@ -176,8 +192,8 @@ var TooltipGroup = function TooltipGroup(props) {
           _onMouseLeave === null || _onMouseLeave === void 0 || _onMouseLeave(e);
         }
       }));
-    }
-    return null;
+    };
+    return bindHover(info.children, index);
   })));
 };
 Tooltip.Group = TooltipGroup;

package/dist/user-bubble/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { type MessageImageItem } from '../message-image';
 import type { Attachment, ChatMessage } from '../_genui-types';
+import { type MessageImageItem } from '../message-image';
 import './style';
 export interface UserBubbleProps {
     message: ChatMessage;
@@ -13,8 +13,10 @@ export interface UserBubbleProps {
      * @param images 当前消息内所有 image attachments（已转成 `MessageImageItem` 形态）
      */
     onImageClick?: (index: number, images: MessageImageItem[]) => void;
+    /** 搜索跳转：在用户气泡正文中精准高亮关键词 */
+    highlightQuery?: string;
 }
-export declare function UserBubble({ message, onFileClick, onImageClick }: UserBubbleProps): import("react").JSX.Element;
+export declare function UserBubble({ message, onFileClick, onImageClick, highlightQuery, }: UserBubbleProps): import("react").JSX.Element;
 export declare namespace UserBubble {
     var displayName: string;
 }

package/dist/user-bubble/index.js

@@ -1,15 +1,17 @@
 import { Attachments } from "../attachments";
 import MessageImage from "../message-image";
+import { highlightQueryText } from "../stream-text/highlight-query-text";
 import { renderSegmentsContent, segmentsHaveVisibleContent } from "./render-segments";
 import "./style";
 export function UserBubble(_ref) {
-  var _message$content, _message$attachments;
+  var _message$content, _message$content2, _message$attachments;
   var message = _ref.message,
     onFileClick = _ref.onFileClick,
-    onImageClick = _ref.onImageClick;
+    onImageClick = _ref.onImageClick,
+    highlightQuery = _ref.highlightQuery;
   var segments = message.segments;
   var hasText = segments !== null && segments !== void 0 && segments.length ? segmentsHaveVisibleContent(segments) : !!((_message$content = message.content) !== null && _message$content !== void 0 && _message$content.trim());
-  var textBody = segments !== null && segments !== void 0 && segments.length ? renderSegmentsContent(segments) : message.content;
+  var textBody = segments !== null && segments !== void 0 && segments.length ? renderSegmentsContent(segments, highlightQuery) : highlightQueryText((_message$content2 = message.content) !== null && _message$content2 !== void 0 ? _message$content2 : '', highlightQuery);
   var all = (_message$attachments = message.attachments) !== null && _message$attachments !== void 0 ? _message$attachments : [];
 
   /* 图片附件分流到 MessageImage，保持其数据驱动尺寸的渲染语义；

package/dist/user-bubble/render-segments.d.ts

@@ -6,4 +6,4 @@ export declare function segmentsHaveVisibleContent(segments: ComposerSegment[]):
  * 将 `ComposerSegment[]` 渲染为 UserBubble 正文（只读 Invocation / Mention + 文本）。
  * 顺序与 Composer 发送时一致。
  */
-export declare function renderSegmentsContent(segments: ComposerSegment[]): React.ReactNode;
+export declare function renderSegmentsContent(segments: ComposerSegment[], highlightQuery?: string): React.ReactNode;

package/dist/user-bubble/render-segments.js

@@ -1,5 +1,6 @@
 import { Invocation } from "../invocation";
 import { Mention } from "../mention";
+import { highlightQueryText } from "../stream-text/highlight-query-text";
 
 /** segments 是否含可见正文（文本非空或含内联引用）。 */
 export function segmentsHaveVisibleContent(segments) {
@@ -12,14 +13,16 @@ export function segmentsHaveVisibleContent(segments) {
  * 将 `ComposerSegment[]` 渲染为 UserBubble 正文（只读 Invocation / Mention + 文本）。
  * 顺序与 Composer 发送时一致。
  */
-export function renderSegmentsContent(segments) {
+export function renderSegmentsContent(segments, highlightQuery) {
   var nodes = [];
   segments.forEach(function (seg, index) {
     var key = "".concat(seg.type, "-").concat(index);
     if (seg.type === 'text') {
-      if (seg.data.text.length > 0) nodes.push( /*#__PURE__*/React.createElement("span", {
-        key: key
-      }, seg.data.text));
+      if (seg.data.text.length > 0) {
+        nodes.push( /*#__PURE__*/React.createElement("span", {
+          key: key
+        }, highlightQueryText(seg.data.text, highlightQuery)));
+      }
       return;
     }
     if (seg.type === 'invocation') {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.71",
+  "version": "0.0.73",
   "description": "One Design Next from TAD@tencent.com",
   "license": "MIT",
   "type": "module",
@@ -41,9 +41,10 @@
     "test": "vitest",
     "test:a11y": "echo 'axe-core smoke run（待 P5 接入）'",
     "test:changed": "vitest run --changed",
-    "test:ci": "vitest run",
+    "test:ci": "vitest run --exclude '**/visual.test.tsx'",
+    "test:visual": "vitest run '**/visual.test.tsx'",
     "test:visual:docker": "bash scripts/visual-baseline-docker.sh",
-    "test:visual:update": "UPDATE_VISUAL=1 vitest run",
+    "test:visual:update": "UPDATE_VISUAL=1 vitest run '**/visual.test.tsx'",
     "test:visual:update:docker": "bash scripts/visual-baseline-docker.sh update",
     "typecheck": "tsc -p tsconfig.ci.json"
   },