@unif/react-native-chat 0.1.0 → 0.1.2

package/lib/module/card-wrapper/index.md

@@ -0,0 +1,78 @@
+---
+title: CardWrapper 卡片容器
+nav:
+  title: 组件
+  path: /components
+---
+
+# CardWrapper 卡片容器
+
+通用卡片路由容器，通过 `registry` props 注入实现卡片类型到组件的映射。
+
+## 何时使用
+
+- AI 回复中包含结构化卡片内容（产品列表、表单、图表等）
+- 需要根据 `cardType` 动态渲染不同业务组件
+
+## 代码示例
+
+### 基本用法
+
+```tsx
+import { CardWrapper, type CardComponentType } from '@unif/react-native-chat';
+
+// 定义业务卡片
+const ProductCard: CardComponentType = ({ data, actions }) => (
+  <View>
+    <Text>{data.productName as string}</Text>
+    <Text>{data.price as string}</Text>
+  </View>
+);
+
+// 注册卡片
+const registry = {
+  product_list: ProductCard,
+};
+
+<CardWrapper
+  cardType="product_list"
+  data={{ productName: '基金A', price: '1.2345' }}
+  actions={['buy', 'detail']}
+  registry={registry}
+/>
+```
+
+### 自定义 fallback
+
+```tsx
+<CardWrapper
+  cardType="unknown_type"
+  data={{}}
+  actions={[]}
+  registry={registry}
+  fallback={<Text>暂不支持此类型</Text>}
+/>
+```
+
+## API
+
+### CardWrapperProps
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| cardType | 卡片类型标识 | `string` | - |
+| data | 卡片数据 | `Record<string, unknown>` | - |
+| actions | 可用操作列表 | `string[]` | - |
+| registry | 卡片注册表 | `Record<string, CardComponentType>` | `{}` |
+| fallback | 未知卡片类型的 fallback | `ReactNode` | 默认错误提示 |
+| style | 容器样式 | `ViewStyle` | - |
+| testID | 测试标识 | `string` | - |
+
+### CardComponentType
+
+```typescript
+type CardComponentType = React.ComponentType<{
+  data: Record<string, unknown>;
+  actions: string[];
+}>;
+```

package/lib/module/conversations/Conversations.js

@@ -0,0 +1,179 @@
+"use strict";
+
+/**
+ * Conversations — 会话列表
+ *
+ * SectionList + 日期分组（今天/昨天/更早）
+ * 基于 ListItem 模式渲染
+ */
+
+import React, { useCallback, useMemo } from 'react';
+import { View, Text, TouchableOpacity, Alert, SectionList, StyleSheet } from 'react-native';
+import { chatTokens } from "../theme/tokens.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function groupByDate(sessions) {
+  const now = new Date();
+  const todayStart = new Date(now.getFullYear(), now.getMonth(), now.getDate()).getTime();
+  const yesterdayStart = todayStart - 86400000;
+  const groups = [];
+  const today = [];
+  const yesterday = [];
+  const earlier = [];
+  for (const s of sessions) {
+    if (s.timestamp >= todayStart) {
+      today.push(s);
+    } else if (s.timestamp >= yesterdayStart) {
+      yesterday.push(s);
+    } else {
+      earlier.push(s);
+    }
+  }
+  if (today.length > 0) groups.push({
+    title: '今天',
+    data: today
+  });
+  if (yesterday.length > 0) groups.push({
+    title: '昨天',
+    data: yesterday
+  });
+  if (earlier.length > 0) groups.push({
+    title: '更早',
+    data: earlier
+  });
+  return groups;
+}
+const Conversations = ({
+  items,
+  activeId,
+  onSelect,
+  onDelete,
+  onNew,
+  groupByDate: shouldGroup = true,
+  header,
+  style,
+  styles: semanticStyles,
+  testID = 'conversations'
+}) => {
+  const sections = useMemo(() => {
+    if (shouldGroup) {
+      return groupByDate(items);
+    }
+    return [{
+      title: '',
+      data: items
+    }];
+  }, [items, shouldGroup]);
+  const handleDelete = useCallback(item => {
+    if (!onDelete) return;
+    Alert.alert('删除会话', `确定删除"${item.title}"？`, [{
+      text: '取消',
+      style: 'cancel'
+    }, {
+      text: '删除',
+      style: 'destructive',
+      onPress: () => onDelete(item.id)
+    }]);
+  }, [onDelete]);
+  const renderItem = useCallback(({
+    item
+  }) => {
+    const isActive = item.id === activeId;
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      style: [defaultStyles.sessionItem, semanticStyles?.item, isActive && defaultStyles.sessionItemActive, isActive && semanticStyles?.itemActive],
+      onPress: () => onSelect(item.id),
+      onLongPress: () => handleDelete(item),
+      activeOpacity: 0.7,
+      testID: `${testID}-item-${item.id}`,
+      children: /*#__PURE__*/_jsx(Text, {
+        style: defaultStyles.sessionTitle,
+        numberOfLines: 1,
+        children: item.title
+      })
+    });
+  }, [activeId, onSelect, handleDelete, semanticStyles, testID]);
+  const renderSectionHeader = useCallback(({
+    section
+  }) => {
+    if (!section.title) return null;
+    return /*#__PURE__*/_jsx(Text, {
+      style: [defaultStyles.sectionHeader, semanticStyles?.sectionHeader],
+      children: section.title
+    });
+  }, [semanticStyles]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [defaultStyles.container, semanticStyles?.root, style],
+    testID: testID,
+    children: [header, onNew && /*#__PURE__*/_jsx(View, {
+      style: defaultStyles.newButtonWrapper,
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [defaultStyles.newButton, semanticStyles?.newButton],
+        onPress: onNew,
+        testID: `${testID}-new`,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: defaultStyles.newButtonText,
+          children: "\uFF0B \u65B0\u5EFA\u4F1A\u8BDD"
+        })
+      })
+    }), /*#__PURE__*/_jsx(SectionList, {
+      sections: sections,
+      keyExtractor: item => item.id,
+      renderItem: renderItem,
+      renderSectionHeader: renderSectionHeader,
+      style: defaultStyles.list,
+      showsVerticalScrollIndicator: false,
+      stickySectionHeadersEnabled: false
+    })]
+  });
+};
+const defaultStyles = StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  newButtonWrapper: {
+    alignItems: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 20
+  },
+  newButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '80%',
+    paddingVertical: 10,
+    borderRadius: chatTokens.radiusFull,
+    borderWidth: 1,
+    borderColor: chatTokens.colorPrimary
+  },
+  newButtonText: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: chatTokens.colorPrimary
+  },
+  sectionHeader: {
+    fontSize: 12,
+    color: chatTokens.colorTextSecondary,
+    paddingHorizontal: 20,
+    paddingTop: 16,
+    paddingBottom: 6
+  },
+  sessionItem: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 20,
+    paddingVertical: 12
+  },
+  sessionItemActive: {
+    backgroundColor: '#F3F4F6'
+  },
+  sessionTitle: {
+    flex: 1,
+    fontSize: 14,
+    fontWeight: '500',
+    color: chatTokens.colorText
+  },
+  list: {
+    flex: 1
+  }
+});
+export default /*#__PURE__*/React.memo(Conversations);
+//# sourceMappingURL=Conversations.js.map

package/lib/module/conversations/Conversations.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useMemo","View","Text","TouchableOpacity","Alert","SectionList","StyleSheet","chatTokens","jsx","_jsx","jsxs","_jsxs","groupByDate","sessions","now","Date","todayStart","getFullYear","getMonth","getDate","getTime","yesterdayStart","groups","today","yesterday","earlier","s","timestamp","push","length","title","data","Conversations","items","activeId","onSelect","onDelete","onNew","shouldGroup","header","style","styles","semanticStyles","testID","sections","handleDelete","item","alert","text","onPress","id","renderItem","isActive","defaultStyles","sessionItem","sessionItemActive","itemActive","onLongPress","activeOpacity","children","sessionTitle","numberOfLines","renderSectionHeader","section","sectionHeader","container","root","newButtonWrapper","newButton","newButtonText","keyExtractor","list","showsVerticalScrollIndicator","stickySectionHeadersEnabled","create","flex","alignItems","paddingVertical","paddingHorizontal","flexDirection","justifyContent","width","borderRadius","radiusFull","borderWidth","borderColor","colorPrimary","fontSize","fontWeight","color","colorTextSecondary","paddingTop","paddingBottom","backgroundColor","colorText","memo"],"sourceRoot":"../../../src","sources":["conversations/Conversations.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/conversations/index.md

@@ -0,0 +1,90 @@
+---
+title: Conversations 会话列表
+nav:
+  title: 组件
+  path: /components
+---
+
+# Conversations 会话列表
+
+按日期分组的会话列表组件，支持新建、选中、删除操作。
+
+## 何时使用
+
+- 展示聊天历史会话列表
+- 需要按日期分组（今天/昨天/更早）
+- 侧边栏会话管理
+
+## 代码示例
+
+### 基本用法
+
+```tsx
+import { Conversations } from '@unif/react-native-chat';
+
+<Conversations
+  items={sessions}
+  activeId={currentSessionId}
+  onSelect={(id) => switchSession(id)}
+  onDelete={(id) => deleteSession(id)}
+  onNew={() => createNewSession()}
+/>
+```
+
+### 不分组
+
+```tsx
+<Conversations
+  items={sessions}
+  activeId={currentSessionId}
+  onSelect={handleSelect}
+  groupByDate={false}
+/>
+```
+
+### 自定义头部
+
+```tsx
+<Conversations
+  items={sessions}
+  onSelect={handleSelect}
+  header={<DrawerHeader />}
+/>
+```
+
+## API
+
+### ConversationsProps
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| items | 会话列表数据 | `ConversationItem[]` | - |
+| activeId | 当前选中会话 ID | `string` | - |
+| onSelect | 选中会话回调 | `(id: string) => void` | - |
+| onDelete | 删除会话回调（长按触发） | `(id: string) => void` | - |
+| onNew | 新建会话回调 | `() => void` | - |
+| groupByDate | 按日期分组 | `boolean` | `true` |
+| header | 列表顶部内容 | `ReactNode` | - |
+| style | 容器样式 | `ViewStyle` | - |
+| styles | 语义样式 | `Partial<ConversationsSemanticStyles>` | - |
+| testID | 测试标识 | `string` | `'conversations'` |
+
+### ConversationItem
+
+| 属性 | 说明 | 类型 |
+|------|------|------|
+| id | 唯一标识 | `string` |
+| title | 会话标题 | `string` |
+| lastMessage | 最后一条消息 | `string` |
+| timestamp | 时间戳（毫秒） | `number` |
+| messageCount | 消息数量 | `number` |
+
+### ConversationsSemanticStyles
+
+| 属性 | 说明 | 类型 |
+|------|------|------|
+| root | 外层容器 | `ViewStyle` |
+| newButton | 新建按钮 | `ViewStyle` |
+| sectionHeader | 分组标题 | `TextStyle` |
+| item | 会话项 | `ViewStyle` |
+| itemActive | 选中态会话项 | `ViewStyle` |

package/lib/module/index.js

@@ -0,0 +1,23 @@
+"use strict";
+
+/**
+ * @unif/react-native-chat
+ * AI 聊天 UI 组件库 — Bubble、Sender、Conversations、Prompts、Welcome、CardWrapper
+ */
+
+// Bubble
+export { default as Bubble } from "./bubble/Bubble.js";
+export { default as BubbleList } from "./bubble/BubbleList.js";
+// Sender
+export { default as Sender } from "./sender/Sender.js";
+// Conversations
+export { default as Conversations } from "./conversations/Conversations.js";
+// Prompts
+export { default as Prompts } from "./prompts/Prompts.js";
+// Welcome
+export { default as Welcome } from "./welcome/Welcome.js";
+// CardWrapper
+export { default as CardWrapper } from "./card-wrapper/CardWrapper.js";
+// Theme
+export { chatTokens } from "./theme/tokens.js";
+//# sourceMappingURL=index.js.map

package/lib/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","Bubble","BubbleList","Sender","Conversations","Prompts","Welcome","CardWrapper","chatTokens"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;AAAA;AACA;AACA;AACA;;AAEA;AACA,SAAQA,OAAO,IAAIC,MAAM,QAAO,oBAAiB;AAEjD,SAAQD,OAAO,IAAIE,UAAU,QAAO,wBAAqB;AAGzD;AACA,SAAQF,OAAO,IAAIG,MAAM,QAAO,oBAAiB;AAGjD;AACA,SAAQH,OAAO,IAAII,aAAa,QAAO,kCAA+B;AAOtE;AACA,SAAQJ,OAAO,IAAIK,OAAO,QAAO,sBAAmB;AAGpD;AACA,SAAQL,OAAO,IAAIM,OAAO,QAAO,sBAAmB;AAOpD;AACA,SAAQN,OAAO,IAAIO,WAAW,QAAO,+BAA4B;AAGjE;AACA,SAAQC,UAAU,QAAO,mBAAgB","ignoreList":[]}

package/lib/module/package.json

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

package/lib/module/prompts/Prompts.js

@@ -0,0 +1,82 @@
+"use strict";
+
+/**
+ * Prompts — 建议提示
+ * 水平 ScrollView + Chip 列表
+ */
+
+import React from 'react';
+import { View, Text, ScrollView, TouchableOpacity, StyleSheet } from 'react-native';
+import { chatTokens } from "../theme/tokens.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Prompts = ({
+  items,
+  onSelect,
+  disabled = false,
+  wrap = false,
+  style,
+  styles: semanticStyles,
+  testID = 'prompts'
+}) => {
+  if (items.length === 0) return null;
+  const renderChips = () => items.map(item => /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: [defaultStyles.chip, semanticStyles?.chip],
+    onPress: () => !disabled && onSelect(item),
+    activeOpacity: disabled ? 1 : 0.7,
+    disabled: disabled,
+    testID: `${testID}-${item.id}`,
+    children: /*#__PURE__*/_jsx(Text, {
+      style: [defaultStyles.chipText, semanticStyles?.chipText, disabled && defaultStyles.chipTextDisabled],
+      numberOfLines: 1,
+      children: item.label
+    })
+  }, item.id));
+  if (wrap) {
+    return /*#__PURE__*/_jsx(View, {
+      style: [defaultStyles.container, defaultStyles.wrapContainer, semanticStyles?.root, style],
+      testID: testID,
+      children: renderChips()
+    });
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [defaultStyles.container, semanticStyles?.root, style],
+    testID: testID,
+    children: /*#__PURE__*/_jsx(ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: defaultStyles.scrollContent,
+      children: renderChips()
+    })
+  });
+};
+const defaultStyles = StyleSheet.create({
+  container: {
+    paddingVertical: 8,
+    backgroundColor: 'transparent'
+  },
+  scrollContent: {
+    paddingHorizontal: 12,
+    gap: 8
+  },
+  wrapContainer: {
+    flexDirection: 'row',
+    flexWrap: 'wrap',
+    paddingHorizontal: 12,
+    gap: 8
+  },
+  chip: {
+    backgroundColor: '#F3F4F6',
+    borderRadius: 16,
+    paddingHorizontal: 14,
+    paddingVertical: 8
+  },
+  chipText: {
+    fontSize: 13,
+    color: chatTokens.colorText
+  },
+  chipTextDisabled: {
+    color: chatTokens.colorTextPlaceholder
+  }
+});
+export default /*#__PURE__*/React.memo(Prompts);
+//# sourceMappingURL=Prompts.js.map

package/lib/module/prompts/Prompts.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","ScrollView","TouchableOpacity","StyleSheet","chatTokens","jsx","_jsx","Prompts","items","onSelect","disabled","wrap","style","styles","semanticStyles","testID","length","renderChips","map","item","defaultStyles","chip","onPress","activeOpacity","id","children","chipText","chipTextDisabled","numberOfLines","label","container","wrapContainer","root","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","scrollContent","create","paddingVertical","backgroundColor","paddingHorizontal","gap","flexDirection","flexWrap","borderRadius","fontSize","color","colorText","colorTextPlaceholder","memo"],"sourceRoot":"../../../src","sources":["prompts/Prompts.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/prompts/index.md

@@ -0,0 +1,81 @@
+---
+title: Prompts 建议提示
+nav:
+  title: 组件
+  path: /components
+---
+
+# Prompts 建议提示
+
+水平滚动的建议提示 Chip 列表，可选换行模式。
+
+## 何时使用
+
+- AI 回复后展示后续建议问题
+- 欢迎页展示快捷提问入口
+
+## 代码示例
+
+### 水平滚动
+
+```tsx
+import { Prompts } from '@unif/react-native-chat';
+
+<Prompts
+  items={[
+    { id: '1', label: '查询余额' },
+    { id: '2', label: '转账汇款' },
+    { id: '3', label: '理财推荐' },
+  ]}
+  onSelect={(item) => console.log(item.label)}
+/>
+```
+
+### 换行模式
+
+```tsx
+<Prompts
+  items={suggestions}
+  onSelect={handleSelect}
+  wrap={true}
+/>
+```
+
+### 禁用状态
+
+```tsx
+<Prompts
+  items={suggestions}
+  onSelect={handleSelect}
+  disabled={isRequesting}
+/>
+```
+
+## API
+
+### PromptsProps
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| items | 建议项列表 | `PromptItem[]` | - |
+| onSelect | 选中回调 | `(item: PromptItem) => void` | - |
+| disabled | 禁用状态 | `boolean` | `false` |
+| wrap | 换行模式（FlexWrap） | `boolean` | `false` |
+| style | 容器样式 | `ViewStyle` | - |
+| styles | 语义样式 | `Partial<PromptsSemanticStyles>` | - |
+| testID | 测试标识 | `string` | `'prompts'` |
+
+### PromptItem
+
+| 属性 | 说明 | 类型 |
+|------|------|------|
+| id | 唯一标识 | `string` |
+| label | 显示文字 | `string` |
+
+### PromptsSemanticStyles
+
+| 属性 | 说明 | 类型 |
+|------|------|------|
+| root | 外层容器 | `ViewStyle` |
+| chip | Chip 样式 | `ViewStyle` |
+| chipText | Chip 文字 | `TextStyle` |