one-design-next 0.0.13 → 0.0.15

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { ComposerSegment } from '../_genui-types';
+/** segments 是否含可见正文（文本非空或含内联引用）。 */
+export declare function segmentsHaveVisibleContent(segments: ComposerSegment[]): boolean;
+/**
+ * 将 `ComposerSegment[]` 渲染为 UserBubble 正文（只读 Invocation / Mention + 文本）。
+ * 顺序与 Composer 发送时一致。
+ */
+export declare function renderSegmentsContent(segments: ComposerSegment[]): React.ReactNode;

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

@@ -0,0 +1,42 @@
+import { Invocation } from "../invocation";
+import { Mention } from "../mention";
+
+/** segments 是否含可见正文（文本非空或含内联引用）。 */
+export function segmentsHaveVisibleContent(segments) {
+  return segments.some(function (s) {
+    return s.type === 'invocation' || s.type === 'mention' || s.type === 'text' && s.data.text.trim().length > 0;
+  });
+}
+
+/**
+ * 将 `ComposerSegment[]` 渲染为 UserBubble 正文（只读 Invocation / Mention + 文本）。
+ * 顺序与 Composer 发送时一致。
+ */
+export function renderSegmentsContent(segments) {
+  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));
+      return;
+    }
+    if (seg.type === 'invocation') {
+      nodes.push( /*#__PURE__*/React.createElement(Invocation, {
+        key: key,
+        data: seg.data
+      }));
+      return;
+    }
+    if (seg.type === 'mention') {
+      nodes.push( /*#__PURE__*/React.createElement(Mention, {
+        key: key,
+        data: seg.data
+      }));
+    }
+  });
+  if (nodes.length === 0) return null;
+  if (nodes.length === 1) return nodes[0];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, nodes);
+}

package/dist/user-bubble/style/index.css

@@ -1,3 +1,4 @@
+@charset "UTF-8";
 [data-odn-user-bubble] {
   display: flex;
   justify-content: flex-end;
@@ -25,6 +26,14 @@
   color: var(--odn-color-black-12);
   margin: 0;
 }
+[data-odn-user-bubble-text] {
+  /* 气泡内 inline ref 跟随正文 inherit，避免与 Composer 默认 14/24 脱节 */
+}
+[data-odn-user-bubble-text] [data-odn-invocation],
+[data-odn-user-bubble-text] [data-odn-mention] {
+  font-size: inherit;
+  line-height: inherit;
+}
 
 [data-odn-user-bubble-images] {
   display: flex;

package/dist/welcome/style/index.css

@@ -29,7 +29,7 @@
   align-items: center;
   justify-content: center;
   margin-bottom: 16px;
-  color: var(--odn-color-cyan-5);
+  color: var(--odn-color-brand-6);
 }
 
 [data-odn-welcome-suggestions] {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "description": "One Design Next from TAD@tencent.com",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -117,8 +117,8 @@
     "tweakpane": "latest"
   },
   "dependencies": {
-    "@base-ui/react": "^1.4.1",
-    "@daypicker/react": "^10.0.0",
+    "@base-ui/react": "^1.5.0",
+    "@daypicker/react": "^10.0.1",
     "@floating-ui/react": "^0.27.19",
     "@number-flow/react": "^0.6.0",
     "@paper-design/shaders-react": "^0.0.76",
@@ -126,7 +126,7 @@
     "clsx": "^2.1.1",
     "echarts-for-react": "^3.0.6",
     "ldrs": "^1.1.9",
-    "motion": "^12.38.0",
+    "motion": "^12.39.0",
     "rc-cascader": "^3.34.0",
     "rc-select": "^14.16.8",
     "rc-slider": "^11.1.9",

package/dist/composer/chip.d.ts

@@ -1,36 +0,0 @@
-/**
- * Composer · 编辑器内的 chip 视觉
- *
- * 当前形态极简：[icon][label][×]
- * - hover 时 icon 变 ×（左槽位互斥），节省横向空间
- * - × 用 onMouseDown preventDefault 防止 contenteditable 把焦点吃过去
- *
- * 视觉是 inline-flex 的 atomic 元素；其 DOM 容器（host span）由 useChipManager
- * 创建并维护 contentEditable=false / data-mention-id；这里只渲染 host 内的内容。
- */
-/// <reference types="react" />
-/** chip 渲染所需的最小数据结构。 */
-export interface ChipData {
-    /** chip 实例唯一 id（与 value marker 中的 id 对应） */
-    id: string;
-    /** 业务定义 id（如 skill id / mention 对象 id），业务方在 onSend 时反查源数据用 */
-    skillId: string;
-    /** chip 显示文本 */
-    label: string;
-    /** chip 显示 icon name */
-    icon: string;
-    /**
-     * chip 语义来源标记，业务方自定义。Composer 内部不消费 kind，
-     * 仅原样透传到 onSend(meta.chips)，方便业务方按 kind 分类。
-     * 约定：'invocation' = 工具栏按钮 / `/` 触发（SendMeta.invocations）；
-     *       'mention' = `@` 触发（SendMeta.mentions）；
-     *       'skill' 为兼容别名，等同 invocation。
-     */
-    kind?: 'invocation' | 'mention' | 'skill' | (string & {});
-}
-export interface ChipProps {
-    data: ChipData;
-    onRemove: () => void;
-}
-export declare function Chip({ data, onRemove }: ChipProps): import("react").JSX.Element;
-export default Chip;

package/dist/composer/chip.js

@@ -1,49 +0,0 @@
-/**
- * Composer · 编辑器内的 chip 视觉
- *
- * 当前形态极简：[icon][label][×]
- * - hover 时 icon 变 ×（左槽位互斥），节省横向空间
- * - × 用 onMouseDown preventDefault 防止 contenteditable 把焦点吃过去
- *
- * 视觉是 inline-flex 的 atomic 元素；其 DOM 容器（host span）由 useChipManager
- * 创建并维护 contentEditable=false / data-mention-id；这里只渲染 host 内的内容。
- */
-
-import Icon from "../icon";
-
-/** chip 渲染所需的最小数据结构。 */
-
-export function Chip(_ref) {
-  var data = _ref.data,
-    onRemove = _ref.onRemove;
-  return /*#__PURE__*/React.createElement("span", {
-    "data-odn-composer-chip": true,
-    "data-state": "valid"
-  }, /*#__PURE__*/React.createElement("span", {
-    "data-odn-composer-chip-icon": true,
-    "aria-hidden": true
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: data.icon,
-    size: 12
-  })), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    "data-odn-composer-chip-remove": true,
-    "aria-label": "\u79FB\u9664 ".concat(data.label),
-    onMouseDown: function onMouseDown(e) {
-      // 阻止 contenteditable 把焦点拽走 / 光标错位
-      e.preventDefault();
-      e.stopPropagation();
-    },
-    onClick: function onClick(e) {
-      e.preventDefault();
-      e.stopPropagation();
-      onRemove();
-    }
-  }, /*#__PURE__*/React.createElement(Icon, {
-    name: "x",
-    size: 12
-  })), /*#__PURE__*/React.createElement("span", {
-    "data-odn-composer-chip-label": true
-  }, data.label));
-}
-export default Chip;