@unif/react-native-chat-markdown 0.1.0 → 0.1.2

package/README.md

@@ -0,0 +1,103 @@
+# @unif/react-native-chat-markdown
+
+Markdown 渲染组件库 — ThinkBlock 思考折叠、StreamingBubble 流式气泡、MarkdownBubble Markdown 渲染。
+
+## 安装
+
+```bash
+yarn add @unif/react-native-chat-markdown
+```
+
+### peerDependencies
+
+```bash
+yarn add react react-native @ronradtke/react-native-markdown-display
+```
+
+## 组件
+
+### MarkdownBubble
+
+Markdown 渲染气泡，自动解析 `<think>` 标签为 ThinkBlock。
+
+```tsx
+import {MarkdownBubble} from '@unif/react-native-chat-markdown';
+
+<MarkdownBubble text="**加粗** 和 `代码`" />
+
+// 包含思考内容
+<MarkdownBubble text="<think>让我想想...</think>答案是 42" />
+```
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| text | `string` | Markdown 文本 |
+| markdownStyles | `Record<string, any>` | 覆盖默认样式 |
+| style | `ViewStyle` | 容器样式 |
+
+### StreamingBubble
+
+流式气泡，文本 + 闪烁光标动画。
+
+```tsx
+import {StreamingBubble} from '@unif/react-native-chat-markdown';
+
+<StreamingBubble text={streamingText} />
+```
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| text | `string` | 当前累积文本 |
+| cursorColor | `string` | 光标颜色 |
+| cursorChar | `string` | 光标字符（默认 `▌`） |
+
+### ThinkBlock
+
+思考折叠块，可展开/收起。
+
+```tsx
+import {ThinkBlock} from '@unif/react-native-chat-markdown';
+
+<ThinkBlock content="这是 AI 的思考过程..." />
+```
+
+| 属性 | 类型 | 说明 |
+|------|------|------|
+| content | `string` | 思考内容 |
+| defaultExpanded | `boolean` | 默认展开（默认 false） |
+| label | `string` | 标签文字（默认 '深度思考'） |
+
+## 工具函数
+
+### parseThinkTags
+
+解析 `<think>` 标签，拆分为思考内容和正文。
+
+```typescript
+import {parseThinkTags} from '@unif/react-native-chat-markdown';
+
+const result = parseThinkTags('<think>思考中</think>正文内容');
+// result.sections = [{type: 'think', content: '思考中'}, {type: 'text', content: '正文内容'}]
+```
+
+### hasUnclosedThink
+
+检测是否有未关闭的 `<think>` 标签（用于流式渲染判断）。
+
+```typescript
+import {hasUnclosedThink} from '@unif/react-native-chat-markdown';
+
+hasUnclosedThink('<think>还在思考'); // true
+hasUnclosedThink('<think>完成</think>'); // false
+```
+
+## 兼容性
+
+| @unif/react-native-chat-markdown | React Native | React | 状态 |
+|----------------------------------|-------------|-------|------|
+| 0.1.x | >= 0.71 | >= 18 | ✅ |
+| 0.1.x | 0.74.x | 18.x | ✅ 已验证（PECPortal） |
+
+## 许可证
+
+MIT

package/lib/commonjs/index.js

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "MarkdownBubble", {
+  enumerable: true,
+  get: function () {
+    return _MarkdownBubble.default;
+  }
+});
+Object.defineProperty(exports, "StreamingBubble", {
+  enumerable: true,
+  get: function () {
+    return _StreamingBubble.default;
+  }
+});
+Object.defineProperty(exports, "ThinkBlock", {
+  enumerable: true,
+  get: function () {
+    return _ThinkBlock.default;
+  }
+});
+Object.defineProperty(exports, "hasUnclosedThink", {
+  enumerable: true,
+  get: function () {
+    return _thinkTagParser.hasUnclosedThink;
+  }
+});
+Object.defineProperty(exports, "parseThinkTags", {
+  enumerable: true,
+  get: function () {
+    return _thinkTagParser.parseThinkTags;
+  }
+});
+var _ThinkBlock = _interopRequireDefault(require("./think-block/ThinkBlock"));
+var _StreamingBubble = _interopRequireDefault(require("./streaming-bubble/StreamingBubble"));
+var _MarkdownBubble = _interopRequireDefault(require("./markdown-bubble/MarkdownBubble"));
+var _thinkTagParser = require("./utils/thinkTagParser");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/commonjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ThinkBlock","_interopRequireDefault","require","_StreamingBubble","_MarkdownBubble","_thinkTagParser","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,gBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,eAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,eAAA,GAAAH,OAAA;AAAwE,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/markdown-bubble/MarkdownBubble.js

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeMarkdownDisplay = _interopRequireDefault(require("@ronradtke/react-native-markdown-display"));
+var _thinkTagParser = require("../utils/thinkTagParser");
+var _ThinkBlock = _interopRequireDefault(require("../think-block/ThinkBlock"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * MarkdownBubble — Markdown 渲染气泡
+ * 完成的消息用 Markdown 渲染 + think 折叠
+ */
+
+const defaultMarkdownStyles = {
+  body: {
+    fontSize: 15,
+    color: '#1F2937',
+    lineHeight: 22
+  },
+  paragraph: {
+    marginTop: 0,
+    marginBottom: 6
+  },
+  code_inline: {
+    backgroundColor: '#F5F5F5',
+    borderRadius: 3,
+    paddingHorizontal: 4,
+    fontSize: 13,
+    color: '#E8550A'
+  },
+  fence: {
+    backgroundColor: '#F5F5F5',
+    borderRadius: 6,
+    padding: 10,
+    fontSize: 13
+  },
+  link: {
+    color: '#1677FF'
+  },
+  strong: {
+    fontWeight: '600'
+  },
+  list_item: {
+    marginBottom: 4
+  },
+  blockquote: {
+    borderLeftWidth: 3,
+    borderLeftColor: '#E5E7EB',
+    paddingLeft: 10,
+    marginLeft: 0
+  }
+};
+const MarkdownBubble = ({
+  text,
+  markdownStyles,
+  style,
+  testID = 'markdown-bubble'
+}) => {
+  const {
+    body,
+    thinks
+  } = (0, _react.useMemo)(() => (0, _thinkTagParser.parseThinkTags)(text), [text]);
+  const mergedStyles = (0, _react.useMemo)(() => ({
+    ...defaultMarkdownStyles,
+    ...markdownStyles
+  }), [markdownStyles]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [defaultContainerStyles.container, style],
+    testID: testID,
+    children: [thinks.map((think, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_ThinkBlock.default, {
+      content: think
+    }, index)), body.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeMarkdownDisplay.default, {
+      style: mergedStyles,
+      children: body
+    })]
+  });
+};
+const defaultContainerStyles = _reactNative.StyleSheet.create({
+  container: {
+    paddingVertical: 4
+  }
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(MarkdownBubble);
+//# sourceMappingURL=MarkdownBubble.js.map

package/lib/commonjs/markdown-bubble/MarkdownBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeMarkdownDisplay","_interopRequireDefault","_thinkTagParser","_ThinkBlock","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultMarkdownStyles","body","fontSize","color","lineHeight","paragraph","marginTop","marginBottom","code_inline","backgroundColor","borderRadius","paddingHorizontal","fence","padding","link","strong","fontWeight","list_item","blockquote","borderLeftWidth","borderLeftColor","paddingLeft","marginLeft","MarkdownBubble","text","markdownStyles","style","testID","thinks","useMemo","parseThinkTags","mergedStyles","jsxs","View","defaultContainerStyles","container","children","map","think","index","jsx","content","length","StyleSheet","create","paddingVertical","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["markdown-bubble/MarkdownBubble.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/markdown-bubble/index.md

@@ -0,0 +1,61 @@
+---
+title: MarkdownBubble Markdown 渲染
+nav:
+  title: 组件
+  path: /components
+---
+
+# MarkdownBubble Markdown 渲染
+
+完整的 Markdown 渲染气泡，自动解析 `<think>` 标签并渲染为 ThinkBlock。
+
+## 何时使用
+
+- AI 回复完成后（status === 'success'）渲染完整内容
+- 内容包含 Markdown 格式（标题、代码、链接、列表等）
+- 内容包含 `<think>` 标签需要折叠展示
+
+## 代码示例
+
+### 基本用法
+
+```tsx
+import { MarkdownBubble } from '@unif/react-native-chat-markdown';
+
+<MarkdownBubble text="**加粗** 和 `代码` 以及[链接](https://example.com)" />
+```
+
+### 包含思考内容
+
+```tsx
+<MarkdownBubble
+  text="<think>分析用户意图...</think>根据您的需求，推荐以下方案..."
+/>
+```
+
+### 自定义 Markdown 样式
+
+```tsx
+<MarkdownBubble
+  text={messageText}
+  markdownStyles={{
+    body: { fontSize: 16, color: '#333' },
+    code_inline: { backgroundColor: '#F0F0F0' },
+  }}
+/>
+```
+
+## API
+
+### MarkdownBubbleProps
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| text | Markdown 文本 | `string` | - |
+| markdownStyles | 覆盖默认 Markdown 样式 | `Record<string, unknown>` | 内置样式 |
+| style | 容器样式 | `ViewStyle` | - |
+| testID | 测试标识 | `string` | `'markdown-bubble'` |
+
+### 依赖
+
+- `@ronradtke/react-native-markdown-display` — Markdown 渲染引擎

package/lib/commonjs/package.json

@@ -0,0 +1 @@
+{"type":"commonjs"}

package/lib/commonjs/streaming-bubble/StreamingBubble.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * StreamingBubble — 流式文本气泡
+ * 显示正在流入的文本 + 呼吸动画光标
+ */
+
+const StreamingBubble = ({
+  text,
+  cursorColor = '#1677FF',
+  cursorChar = '▌',
+  style,
+  testID = 'streaming-bubble'
+}) => {
+  const opacity = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
+  (0, _react.useEffect)(() => {
+    const animation = _reactNative.Animated.loop(_reactNative.Animated.sequence([_reactNative.Animated.timing(opacity, {
+      toValue: 0,
+      duration: 400,
+      useNativeDriver: true
+    }), _reactNative.Animated.timing(opacity, {
+      toValue: 1,
+      duration: 400,
+      useNativeDriver: true
+    })]));
+    animation.start();
+    return () => animation.stop();
+  }, [opacity]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [defaultStyles.container, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+      style: defaultStyles.text,
+      children: [text, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.Text, {
+        style: [{
+          color: cursorColor
+        }, {
+          opacity
+        }],
+        children: cursorChar
+      })]
+    })
+  });
+};
+const defaultStyles = _reactNative.StyleSheet.create({
+  container: {
+    paddingVertical: 4
+  },
+  text: {
+    fontSize: 15,
+    color: '#1F2937',
+    lineHeight: 22
+  }
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(StreamingBubble);
+//# sourceMappingURL=StreamingBubble.js.map

package/lib/commonjs/streaming-bubble/StreamingBubble.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StreamingBubble","text","cursorColor","cursorChar","style","testID","opacity","useRef","Animated","Value","current","useEffect","animation","loop","sequence","timing","toValue","duration","useNativeDriver","start","stop","jsx","View","defaultStyles","container","children","jsxs","Text","color","StyleSheet","create","paddingVertical","fontSize","lineHeight","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["streaming-bubble/StreamingBubble.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/streaming-bubble/index.md

@@ -0,0 +1,47 @@
+---
+title: StreamingBubble 流式气泡
+nav:
+  title: 组件
+  path: /components
+---
+
+# StreamingBubble 流式气泡
+
+展示正在流入的文本内容，附带闪烁光标动画。
+
+## 何时使用
+
+- AI 正在流式输出回复时（status === 'updating'）
+- 需要视觉上表示内容仍在生成中
+
+## 代码示例
+
+### 基本用法
+
+```tsx
+import { StreamingBubble } from '@unif/react-native-chat-markdown';
+
+<StreamingBubble text="正在生成的文本内容..." />
+```
+
+### 自定义光标
+
+```tsx
+<StreamingBubble
+  text={streamingText}
+  cursorColor="#FF6B00"
+  cursorChar="●"
+/>
+```
+
+## API
+
+### StreamingBubbleProps
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| text | 当前流式文本 | `string` | - |
+| cursorColor | 光标颜色 | `string` | `'#1677FF'` |
+| cursorChar | 光标字符 | `string` | `'▌'` |
+| style | 容器样式 | `ViewStyle` | - |
+| testID | 测试标识 | `string` | `'streaming-bubble'` |

package/lib/commonjs/think-block/ThinkBlock.js

@@ -0,0 +1,92 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * ThinkBlock — 思考折叠块
+ * 卡片式，圆角 12px
+ * 标题：🧠 已深度思考(展开) ▾
+ */
+
+const ThinkBlock = ({
+  content,
+  defaultExpanded = false,
+  label = '深度思考',
+  style,
+  styles: semanticStyles,
+  testID = 'think-block'
+}) => {
+  const [expanded, setExpanded] = (0, _react.useState)(defaultExpanded);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [defaultStyles.container, semanticStyles?.root, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      style: [defaultStyles.header, semanticStyles?.header],
+      onPress: () => setExpanded(!expanded),
+      activeOpacity: 0.7,
+      testID: `${testID}-toggle`,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: defaultStyles.titleRow,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: defaultStyles.brainIcon,
+          children: "\uD83E\uDDE0"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+          style: [defaultStyles.label, semanticStyles?.label],
+          children: ["\u5DF2", label, expanded ? '(展开)' : '(收起)']
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: defaultStyles.chevron,
+        children: expanded ? '▲' : '▼'
+      })]
+    }), expanded && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [defaultStyles.content, semanticStyles?.content],
+      testID: `${testID}-content`,
+      children: content
+    })]
+  });
+};
+const defaultStyles = _reactNative.StyleSheet.create({
+  container: {
+    backgroundColor: '#F9FAFB',
+    borderRadius: 12,
+    marginBottom: 8,
+    overflow: 'hidden'
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 14,
+    paddingVertical: 10
+  },
+  titleRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  brainIcon: {
+    fontSize: 14
+  },
+  label: {
+    marginLeft: 6,
+    fontSize: 12,
+    color: '#6B7280'
+  },
+  chevron: {
+    fontSize: 10,
+    color: '#6B7280'
+  },
+  content: {
+    fontSize: 12,
+    color: '#6B7280',
+    lineHeight: 20,
+    paddingHorizontal: 14,
+    paddingBottom: 12
+  }
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(ThinkBlock);
+//# sourceMappingURL=ThinkBlock.js.map

package/lib/commonjs/think-block/ThinkBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ThinkBlock","content","defaultExpanded","label","style","styles","semanticStyles","testID","expanded","setExpanded","useState","jsxs","View","defaultStyles","container","root","children","TouchableOpacity","header","onPress","activeOpacity","titleRow","jsx","Text","brainIcon","chevron","StyleSheet","create","backgroundColor","borderRadius","marginBottom","overflow","flexDirection","alignItems","justifyContent","paddingHorizontal","paddingVertical","fontSize","marginLeft","color","lineHeight","paddingBottom","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["think-block/ThinkBlock.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/think-block/index.md

@@ -0,0 +1,57 @@
+---
+title: ThinkBlock 思考折叠块
+nav:
+  title: 组件
+  path: /components
+---
+
+# ThinkBlock 思考折叠块
+
+展示 AI 的思考过程，可折叠/展开。
+
+## 何时使用
+
+- AI 回复中包含 `<think>` 标签的思考内容
+- 需要可折叠展示推理过程（如 DeepSeek 的 reasoning_content）
+
+## 代码示例
+
+### 基本用法
+
+```tsx
+import { ThinkBlock } from '@unif/react-native-chat-markdown';
+
+<ThinkBlock content="用户询问的是账户余额，需要调用查询接口..." />
+```
+
+### 默认展开
+
+```tsx
+<ThinkBlock
+  content="分析用户意图..."
+  defaultExpanded={true}
+  label="思考过程"
+/>
+```
+
+## API
+
+### ThinkBlockProps
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| content | 思考内容 | `string` | - |
+| defaultExpanded | 默认展开 | `boolean` | `false` |
+| label | 标题文字 | `string` | `'深度思考'` |
+| style | 容器样式 | `ViewStyle` | - |
+| styles | 语义样式 | `Partial<ThinkBlockSemanticStyles>` | - |
+| testID | 测试标识 | `string` | `'think-block'` |
+
+### ThinkBlockSemanticStyles
+
+| 属性 | 说明 | 类型 |
+|------|------|------|
+| root | 外层容器 | `ViewStyle` |
+| header | 标题栏 | `ViewStyle` |
+| label | 标题文字 | `TextStyle` |
+| content | 内容文字 | `TextStyle` |

package/lib/commonjs/utils/thinkTagParser.js

@@ -0,0 +1,42 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.hasUnclosedThink = hasUnclosedThink;
+exports.parseThinkTags = parseThinkTags;
+/**
+ * <think> 标签解析器
+ * 将文本中的 <think>...</think> 提取出来，分离为普通内容和思考内容
+ */
+
+const THINK_REGEX = /<think>([\s\S]*?)<\/think>/g;
+
+/**
+ * 解析文本中的 <think> 标签
+ * 支持多个 <think> 块，返回分离后的正文和思考内容
+ */
+function parseThinkTags(text) {
+  const thinks = [];
+  const body = text.replace(THINK_REGEX, (_match, content) => {
+    const trimmed = content.trim();
+    if (trimmed) {
+      thinks.push(trimmed);
+    }
+    return '';
+  }).trim();
+  return {
+    body,
+    thinks
+  };
+}
+
+/**
+ * 检查文本中是否包含未闭合的 <think> 标签（流式场景）
+ */
+function hasUnclosedThink(text) {
+  const opens = (text.match(/<think>/g) || []).length;
+  const closes = (text.match(/<\/think>/g) || []).length;
+  return opens > closes;
+}
+//# sourceMappingURL=thinkTagParser.js.map

package/lib/commonjs/utils/thinkTagParser.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["THINK_REGEX","parseThinkTags","text","thinks","body","replace","_match","content","trimmed","trim","push","hasUnclosedThink","opens","match","length","closes"],"sourceRoot":"../../../src","sources":["utils/thinkTagParser.ts"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;;AASA,MAAMA,WAAW,GAAG,6BAA6B;;AAEjD;AACA;AACA;AACA;AACO,SAASC,cAAcA,CAACC,IAAY,EAAiB;EAC1D,MAAMC,MAAgB,GAAG,EAAE;EAC3B,MAAMC,IAAI,GAAGF,IAAI,CACdG,OAAO,CAACL,WAAW,EAAE,CAACM,MAAM,EAAEC,OAAe,KAAK;IACjD,MAAMC,OAAO,GAAGD,OAAO,CAACE,IAAI,CAAC,CAAC;IAC9B,IAAID,OAAO,EAAE;MACXL,MAAM,CAACO,IAAI,CAACF,OAAO,CAAC;IACtB;IACA,OAAO,EAAE;EACX,CAAC,CAAC,CACDC,IAAI,CAAC,CAAC;EAET,OAAO;IAACL,IAAI;IAAED;EAAM,CAAC;AACvB;;AAEA;AACA;AACA;AACO,SAASQ,gBAAgBA,CAACT,IAAY,EAAW;EACtD,MAAMU,KAAK,GAAG,CAACV,IAAI,CAACW,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,EAAEC,MAAM;EACnD,MAAMC,MAAM,GAAG,CAACb,IAAI,CAACW,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAEC,MAAM;EACtD,OAAOF,KAAK,GAAGG,MAAM;AACvB","ignoreList":[]}

package/lib/module/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ * @unif/react-native-chat-markdown
+ * Markdown 渲染、ThinkBlock、流式气泡
+ */
+
+export { default as ThinkBlock } from "./think-block/ThinkBlock.js";
+export { default as StreamingBubble } from "./streaming-bubble/StreamingBubble.js";
+export { default as MarkdownBubble } from "./markdown-bubble/MarkdownBubble.js";
+export { parseThinkTags, hasUnclosedThink } from "./utils/thinkTagParser.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","ThinkBlock","StreamingBubble","MarkdownBubble","parseThinkTags","hasUnclosedThink"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA,SAAQA,OAAO,IAAIC,UAAU,QAAO,6BAA0B;AAG9D,SAAQD,OAAO,IAAIE,eAAe,QAAO,uCAAoC;AAG7E,SAAQF,OAAO,IAAIG,cAAc,QAAO,qCAAkC;AAG1E,SAAQC,cAAc,EAAEC,gBAAgB,QAAO,2BAAwB","ignoreList":[]}