@unif/react-native-chat 0.1.0 → 0.1.2

package/lib/commonjs/conversations/Conversations.js

@@ -0,0 +1,184 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _tokens = require("../theme/tokens");
+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); }
+/**
+ * Conversations — 会话列表
+ *
+ * SectionList + 日期分组（今天/昨天/更早）
+ * 基于 ListItem 模式渲染
+ */
+
+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 = (0, _react.useMemo)(() => {
+    if (shouldGroup) {
+      return groupByDate(items);
+    }
+    return [{
+      title: '',
+      data: items
+    }];
+  }, [items, shouldGroup]);
+  const handleDelete = (0, _react.useCallback)(item => {
+    if (!onDelete) return;
+    _reactNative.Alert.alert('删除会话', `确定删除"${item.title}"？`, [{
+      text: '取消',
+      style: 'cancel'
+    }, {
+      text: '删除',
+      style: 'destructive',
+      onPress: () => onDelete(item.id)
+    }]);
+  }, [onDelete]);
+  const renderItem = (0, _react.useCallback)(({
+    item
+  }) => {
+    const isActive = item.id === activeId;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.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__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: defaultStyles.sessionTitle,
+        numberOfLines: 1,
+        children: item.title
+      })
+    });
+  }, [activeId, onSelect, handleDelete, semanticStyles, testID]);
+  const renderSectionHeader = (0, _react.useCallback)(({
+    section
+  }) => {
+    if (!section.title) return null;
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [defaultStyles.sectionHeader, semanticStyles?.sectionHeader],
+      children: section.title
+    });
+  }, [semanticStyles]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [defaultStyles.container, semanticStyles?.root, style],
+    testID: testID,
+    children: [header, onNew && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: defaultStyles.newButtonWrapper,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [defaultStyles.newButton, semanticStyles?.newButton],
+        onPress: onNew,
+        testID: `${testID}-new`,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: defaultStyles.newButtonText,
+          children: "\uFF0B \u65B0\u5EFA\u4F1A\u8BDD"
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SectionList, {
+      sections: sections,
+      keyExtractor: item => item.id,
+      renderItem: renderItem,
+      renderSectionHeader: renderSectionHeader,
+      style: defaultStyles.list,
+      showsVerticalScrollIndicator: false,
+      stickySectionHeadersEnabled: false
+    })]
+  });
+};
+const defaultStyles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  newButtonWrapper: {
+    alignItems: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 20
+  },
+  newButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: '80%',
+    paddingVertical: 10,
+    borderRadius: _tokens.chatTokens.radiusFull,
+    borderWidth: 1,
+    borderColor: _tokens.chatTokens.colorPrimary
+  },
+  newButtonText: {
+    fontSize: 14,
+    fontWeight: '500',
+    color: _tokens.chatTokens.colorPrimary
+  },
+  sectionHeader: {
+    fontSize: 12,
+    color: _tokens.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: _tokens.chatTokens.colorText
+  },
+  list: {
+    flex: 1
+  }
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(Conversations);
+//# sourceMappingURL=Conversations.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_tokens","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","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","useMemo","handleDelete","useCallback","item","Alert","alert","text","onPress","id","renderItem","isActive","jsx","TouchableOpacity","defaultStyles","sessionItem","sessionItemActive","itemActive","onLongPress","activeOpacity","children","Text","sessionTitle","numberOfLines","renderSectionHeader","section","sectionHeader","jsxs","View","container","root","newButtonWrapper","newButton","newButtonText","SectionList","keyExtractor","list","showsVerticalScrollIndicator","stickySectionHeadersEnabled","StyleSheet","create","flex","alignItems","paddingVertical","paddingHorizontal","flexDirection","justifyContent","width","borderRadius","chatTokens","radiusFull","borderWidth","borderColor","colorPrimary","fontSize","fontWeight","color","colorTextSecondary","paddingTop","paddingBottom","backgroundColor","colorText","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["conversations/Conversations.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/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/commonjs/index.js

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Bubble", {
+  enumerable: true,
+  get: function () {
+    return _Bubble.default;
+  }
+});
+Object.defineProperty(exports, "BubbleList", {
+  enumerable: true,
+  get: function () {
+    return _BubbleList.default;
+  }
+});
+Object.defineProperty(exports, "CardWrapper", {
+  enumerable: true,
+  get: function () {
+    return _CardWrapper.default;
+  }
+});
+Object.defineProperty(exports, "Conversations", {
+  enumerable: true,
+  get: function () {
+    return _Conversations.default;
+  }
+});
+Object.defineProperty(exports, "Prompts", {
+  enumerable: true,
+  get: function () {
+    return _Prompts.default;
+  }
+});
+Object.defineProperty(exports, "Sender", {
+  enumerable: true,
+  get: function () {
+    return _Sender.default;
+  }
+});
+Object.defineProperty(exports, "Welcome", {
+  enumerable: true,
+  get: function () {
+    return _Welcome.default;
+  }
+});
+Object.defineProperty(exports, "chatTokens", {
+  enumerable: true,
+  get: function () {
+    return _tokens.chatTokens;
+  }
+});
+var _Bubble = _interopRequireDefault(require("./bubble/Bubble"));
+var _BubbleList = _interopRequireDefault(require("./bubble/BubbleList"));
+var _Sender = _interopRequireDefault(require("./sender/Sender"));
+var _Conversations = _interopRequireDefault(require("./conversations/Conversations"));
+var _Prompts = _interopRequireDefault(require("./prompts/Prompts"));
+var _Welcome = _interopRequireDefault(require("./welcome/Welcome"));
+var _CardWrapper = _interopRequireDefault(require("./card-wrapper/CardWrapper"));
+var _tokens = require("./theme/tokens");
+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":["_Bubble","_interopRequireDefault","require","_BubbleList","_Sender","_Conversations","_Prompts","_Welcome","_CardWrapper","_tokens","e","__esModule","default"],"sourceRoot":"../../src","sources":["index.tsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAIA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AAIA,IAAAG,cAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAQA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AAIA,IAAAK,QAAA,GAAAN,sBAAA,CAAAC,OAAA;AAQA,IAAAM,YAAA,GAAAP,sBAAA,CAAAC,OAAA;AAIA,IAAAO,OAAA,GAAAP,OAAA;AAA0C,SAAAD,uBAAAS,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/commonjs/package.json

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

package/lib/commonjs/prompts/Prompts.js

@@ -0,0 +1,87 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _tokens = require("../theme/tokens");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * Prompts — 建议提示
+ * 水平 ScrollView + Chip 列表
+ */
+
+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__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+    style: [defaultStyles.chip, semanticStyles?.chip],
+    onPress: () => !disabled && onSelect(item),
+    activeOpacity: disabled ? 1 : 0.7,
+    disabled: disabled,
+    testID: `${testID}-${item.id}`,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+      style: [defaultStyles.chipText, semanticStyles?.chipText, disabled && defaultStyles.chipTextDisabled],
+      numberOfLines: 1,
+      children: item.label
+    })
+  }, item.id));
+  if (wrap) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [defaultStyles.container, defaultStyles.wrapContainer, semanticStyles?.root, style],
+      testID: testID,
+      children: renderChips()
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [defaultStyles.container, semanticStyles?.root, style],
+    testID: testID,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+      horizontal: true,
+      showsHorizontalScrollIndicator: false,
+      contentContainerStyle: defaultStyles.scrollContent,
+      children: renderChips()
+    })
+  });
+};
+const defaultStyles = _reactNative.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: _tokens.chatTokens.colorText
+  },
+  chipTextDisabled: {
+    color: _tokens.chatTokens.colorTextPlaceholder
+  }
+});
+var _default = exports.default = /*#__PURE__*/_react.default.memo(Prompts);
+//# sourceMappingURL=Prompts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_tokens","_jsxRuntime","e","__esModule","default","Prompts","items","onSelect","disabled","wrap","style","styles","semanticStyles","testID","length","renderChips","map","item","jsx","TouchableOpacity","defaultStyles","chip","onPress","activeOpacity","id","children","Text","chipText","chipTextDisabled","numberOfLines","label","View","container","wrapContainer","root","ScrollView","horizontal","showsHorizontalScrollIndicator","contentContainerStyle","scrollContent","StyleSheet","create","paddingVertical","backgroundColor","paddingHorizontal","gap","flexDirection","flexWrap","borderRadius","fontSize","color","chatTokens","colorText","colorTextPlaceholder","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["prompts/Prompts.tsx"],"mappings":";;;;;;AAKA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AASA,IAAAE,OAAA,GAAAF,OAAA;AAA2C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAf3C;AACA;AACA;AACA;;AAmCA,MAAMG,OAA+B,GAAGA,CAAC;EACvCC,KAAK;EACLC,QAAQ;EACRC,QAAQ,GAAG,KAAK;EAChBC,IAAI,GAAG,KAAK;EACZC,KAAK;EACLC,MAAM,EAAEC,cAAc;EACtBC,MAAM,GAAG;AACX,CAAC,KAAK;EACJ,IAAIP,KAAK,CAACQ,MAAM,KAAK,CAAC,EAAE,OAAO,IAAI;EAEnC,MAAMC,WAAW,GAAGA,CAAA,KAClBT,KAAK,CAACU,GAAG,CAAEC,IAAI,iBACb,IAAAhB,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAoB,gBAAgB;IAEfT,KAAK,EAAE,CAACU,aAAa,CAACC,IAAI,EAAET,cAAc,EAAES,IAAI,CAAE;IAClDC,OAAO,EAAEA,CAAA,KAAM,CAACd,QAAQ,IAAID,QAAQ,CAACU,IAAI,CAAE;IAC3CM,aAAa,EAAEf,QAAQ,GAAG,CAAC,GAAG,GAAI;IAClCA,QAAQ,EAAEA,QAAS;IACnBK,MAAM,EAAE,GAAGA,MAAM,IAAII,IAAI,CAACO,EAAE,EAAG;IAAAC,QAAA,eAC/B,IAAAxB,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAA2B,IAAI;MACHhB,KAAK,EAAE,CACLU,aAAa,CAACO,QAAQ,EACtBf,cAAc,EAAEe,QAAQ,EACxBnB,QAAQ,IAAIY,aAAa,CAACQ,gBAAgB,CAC1C;MACFC,aAAa,EAAE,CAAE;MAAAJ,QAAA,EAChBR,IAAI,CAACa;IAAK,CACP;EAAC,GAdFb,IAAI,CAACO,EAeM,CACnB,CAAC;EAEJ,IAAIf,IAAI,EAAE;IACR,oBACE,IAAAR,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAgC,IAAI;MACHrB,KAAK,EAAE,CAACU,aAAa,CAACY,SAAS,EAAEZ,aAAa,CAACa,aAAa,EAAErB,cAAc,EAAEsB,IAAI,EAAExB,KAAK,CAAE;MAC3FG,MAAM,EAAEA,MAAO;MAAAY,QAAA,EACdV,WAAW,CAAC;IAAC,CACV,CAAC;EAEX;EAEA,oBACE,IAAAd,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAgC,IAAI;IAACrB,KAAK,EAAE,CAACU,aAAa,CAACY,SAAS,EAAEpB,cAAc,EAAEsB,IAAI,EAAExB,KAAK,CAAE;IAACG,MAAM,EAAEA,MAAO;IAAAY,QAAA,eAClF,IAAAxB,WAAA,CAAAiB,GAAA,EAACnB,YAAA,CAAAoC,UAAU;MACTC,UAAU;MACVC,8BAA8B,EAAE,KAAM;MACtCC,qBAAqB,EAAElB,aAAa,CAACmB,aAAc;MAAAd,QAAA,EAClDV,WAAW,CAAC;IAAC,CACJ;EAAC,CACT,CAAC;AAEX,CAAC;AAED,MAAMK,aAAa,GAAGoB,uBAAU,CAACC,MAAM,CAAC;EACtCT,SAAS,EAAE;IACTU,eAAe,EAAE,CAAC;IAClBC,eAAe,EAAE;EACnB,CAAC;EACDJ,aAAa,EAAE;IACbK,iBAAiB,EAAE,EAAE;IACrBC,GAAG,EAAE;EACP,CAAC;EACDZ,aAAa,EAAE;IACba,aAAa,EAAE,KAAK;IACpBC,QAAQ,EAAE,MAAM;IAChBH,iBAAiB,EAAE,EAAE;IACrBC,GAAG,EAAE;EACP,CAAC;EACDxB,IAAI,EAAE;IACJsB,eAAe,EAAE,SAAS;IAC1BK,YAAY,EAAE,EAAE;IAChBJ,iBAAiB,EAAE,EAAE;IACrBF,eAAe,EAAE;EACnB,CAAC;EACDf,QAAQ,EAAE;IACRsB,QAAQ,EAAE,EAAE;IACZC,KAAK,EAAEC,kBAAU,CAACC;EACpB,CAAC;EACDxB,gBAAgB,EAAE;IAChBsB,KAAK,EAAEC,kBAAU,CAACE;EACpB;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnD,OAAA,gBAEYoD,cAAK,CAACC,IAAI,CAACpD,OAAO,CAAC","ignoreList":[]}

package/lib/commonjs/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` |