@unif/react-native-chat 0.1.0 → 0.1.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (91) hide show
  1. package/README.md +156 -0
  2. package/lib/commonjs/bubble/Bubble.js +131 -0
  3. package/lib/commonjs/bubble/Bubble.js.map +1 -0
  4. package/lib/commonjs/bubble/BubbleList.js +73 -0
  5. package/lib/commonjs/bubble/BubbleList.js.map +1 -0
  6. package/lib/commonjs/bubble/index.md +111 -0
  7. package/lib/commonjs/card-wrapper/CardWrapper.js +65 -0
  8. package/lib/commonjs/card-wrapper/CardWrapper.js.map +1 -0
  9. package/lib/commonjs/card-wrapper/index.md +78 -0
  10. package/lib/commonjs/conversations/Conversations.js +184 -0
  11. package/lib/commonjs/conversations/Conversations.js.map +1 -0
  12. package/lib/commonjs/conversations/index.md +90 -0
  13. package/lib/commonjs/index.js +63 -0
  14. package/lib/commonjs/index.js.map +1 -0
  15. package/lib/commonjs/package.json +1 -0
  16. package/lib/commonjs/prompts/Prompts.js +87 -0
  17. package/lib/commonjs/prompts/Prompts.js.map +1 -0
  18. package/lib/commonjs/prompts/index.md +81 -0
  19. package/lib/commonjs/sender/Sender.js +354 -0
  20. package/lib/commonjs/sender/Sender.js.map +1 -0
  21. package/lib/commonjs/sender/index.md +131 -0
  22. package/lib/commonjs/theme/tokens.js +67 -0
  23. package/lib/commonjs/theme/tokens.js.map +1 -0
  24. package/lib/commonjs/welcome/Welcome.js +152 -0
  25. package/lib/commonjs/welcome/Welcome.js.map +1 -0
  26. package/lib/commonjs/welcome/index.md +95 -0
  27. package/lib/module/bubble/Bubble.js +126 -0
  28. package/lib/module/bubble/Bubble.js.map +1 -0
  29. package/lib/module/bubble/BubbleList.js +68 -0
  30. package/lib/module/bubble/BubbleList.js.map +1 -0
  31. package/lib/module/bubble/index.md +111 -0
  32. package/lib/module/card-wrapper/CardWrapper.js +60 -0
  33. package/lib/module/card-wrapper/CardWrapper.js.map +1 -0
  34. package/lib/module/card-wrapper/index.md +78 -0
  35. package/lib/module/conversations/Conversations.js +179 -0
  36. package/lib/module/conversations/Conversations.js.map +1 -0
  37. package/lib/module/conversations/index.md +90 -0
  38. package/lib/module/index.js +23 -0
  39. package/lib/module/index.js.map +1 -0
  40. package/lib/module/package.json +1 -0
  41. package/lib/module/prompts/Prompts.js +82 -0
  42. package/lib/module/prompts/Prompts.js.map +1 -0
  43. package/lib/module/prompts/index.md +81 -0
  44. package/lib/module/sender/Sender.js +349 -0
  45. package/lib/module/sender/Sender.js.map +1 -0
  46. package/lib/module/sender/index.md +131 -0
  47. package/lib/module/theme/tokens.js +63 -0
  48. package/lib/module/theme/tokens.js.map +1 -0
  49. package/lib/module/welcome/Welcome.js +147 -0
  50. package/lib/module/welcome/Welcome.js.map +1 -0
  51. package/lib/module/welcome/index.md +95 -0
  52. package/lib/typescript/commonjs/bubble/Bubble.d.ts +29 -0
  53. package/lib/typescript/commonjs/bubble/Bubble.d.ts.map +1 -0
  54. package/lib/typescript/commonjs/bubble/BubbleList.d.ts +20 -0
  55. package/lib/typescript/commonjs/bubble/BubbleList.d.ts.map +1 -0
  56. package/lib/typescript/commonjs/card-wrapper/CardWrapper.d.ts +22 -0
  57. package/lib/typescript/commonjs/card-wrapper/CardWrapper.d.ts.map +1 -0
  58. package/lib/typescript/commonjs/conversations/Conversations.d.ts +37 -0
  59. package/lib/typescript/commonjs/conversations/Conversations.d.ts.map +1 -0
  60. package/lib/typescript/commonjs/index.d.ts +20 -0
  61. package/lib/typescript/commonjs/index.d.ts.map +1 -0
  62. package/lib/typescript/commonjs/package.json +1 -0
  63. package/lib/typescript/commonjs/prompts/Prompts.d.ts +27 -0
  64. package/lib/typescript/commonjs/prompts/Prompts.d.ts.map +1 -0
  65. package/lib/typescript/commonjs/sender/Sender.d.ts +58 -0
  66. package/lib/typescript/commonjs/sender/Sender.d.ts.map +1 -0
  67. package/lib/typescript/commonjs/theme/tokens.d.ts +52 -0
  68. package/lib/typescript/commonjs/theme/tokens.d.ts.map +1 -0
  69. package/lib/typescript/commonjs/welcome/Welcome.d.ts +39 -0
  70. package/lib/typescript/commonjs/welcome/Welcome.d.ts.map +1 -0
  71. package/lib/typescript/module/bubble/Bubble.d.ts +29 -0
  72. package/lib/typescript/module/bubble/Bubble.d.ts.map +1 -0
  73. package/lib/typescript/module/bubble/BubbleList.d.ts +20 -0
  74. package/lib/typescript/module/bubble/BubbleList.d.ts.map +1 -0
  75. package/lib/typescript/module/card-wrapper/CardWrapper.d.ts +22 -0
  76. package/lib/typescript/module/card-wrapper/CardWrapper.d.ts.map +1 -0
  77. package/lib/typescript/module/conversations/Conversations.d.ts +37 -0
  78. package/lib/typescript/module/conversations/Conversations.d.ts.map +1 -0
  79. package/lib/typescript/module/index.d.ts +20 -0
  80. package/lib/typescript/module/index.d.ts.map +1 -0
  81. package/lib/typescript/module/package.json +1 -0
  82. package/lib/typescript/module/prompts/Prompts.d.ts +27 -0
  83. package/lib/typescript/module/prompts/Prompts.d.ts.map +1 -0
  84. package/lib/typescript/module/sender/Sender.d.ts +58 -0
  85. package/lib/typescript/module/sender/Sender.d.ts.map +1 -0
  86. package/lib/typescript/module/theme/tokens.d.ts +52 -0
  87. package/lib/typescript/module/theme/tokens.d.ts.map +1 -0
  88. package/lib/typescript/module/welcome/Welcome.d.ts +39 -0
  89. package/lib/typescript/module/welcome/Welcome.d.ts.map +1 -0
  90. package/package.json +39 -8
  91. package/src/sender/Sender.tsx +2 -0
@@ -0,0 +1,354 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.default = void 0;
7
+ var _react = _interopRequireWildcard(require("react"));
8
+ var _reactNative = require("react-native");
9
+ var _tokens = require("../theme/tokens");
10
+ var _jsxRuntime = require("react/jsx-runtime");
11
+ 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); }
12
+ /**
13
+ * Sender — 输入发送器
14
+ *
15
+ * 完整状态机:collapsed → expanded → recording
16
+ * 基于 UI 库 Input + ActionSheet + WaveAnimation + Button 构建
17
+ */
18
+
19
+ const CANCEL_THRESHOLD = 80;
20
+ const Sender = ({
21
+ onSend,
22
+ onStop,
23
+ isRequesting = false,
24
+ placeholder = '发消息',
25
+ maxLength = 2000,
26
+ voiceEnabled = true,
27
+ actionsEnabled = true,
28
+ actions = [],
29
+ onActionSelect,
30
+ disabled = false,
31
+ style,
32
+ styles: semanticStyles,
33
+ testID = 'sender',
34
+ renderInput,
35
+ renderActionSheet,
36
+ renderWaveAnimation
37
+ }) => {
38
+ const [mode, setMode] = (0, _react.useState)('text');
39
+ const [expanded, setExpanded] = (0, _react.useState)(false);
40
+ const [text, setText] = (0, _react.useState)('');
41
+ const [showActions, setShowActions] = (0, _react.useState)(false);
42
+ const [isRecording, setIsRecording] = (0, _react.useState)(false);
43
+ const [recordingCancelled, setRecordingCancelled] = (0, _react.useState)(false);
44
+ const startY = (0, _react.useRef)(0);
45
+ const handleToggleMode = (0, _react.useCallback)(() => {
46
+ setMode(prev => prev === 'text' ? 'voice' : 'text');
47
+ setExpanded(false);
48
+ }, []);
49
+ const handleExpand = (0, _react.useCallback)(() => {
50
+ setExpanded(true);
51
+ }, []);
52
+ const handleCollapse = (0, _react.useCallback)(() => {
53
+ if (!text.trim()) {
54
+ setExpanded(false);
55
+ }
56
+ }, [text]);
57
+ const handleSend = (0, _react.useCallback)(() => {
58
+ const trimmed = text.trim();
59
+ if (trimmed && !disabled) {
60
+ onSend(trimmed);
61
+ setText('');
62
+ setExpanded(false);
63
+ }
64
+ }, [text, onSend, disabled]);
65
+ const handleActionSelect = (0, _react.useCallback)(key => {
66
+ setShowActions(false);
67
+ onActionSelect?.(key);
68
+ }, [onActionSelect]);
69
+
70
+ // 录音手势
71
+ const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
72
+ onStartShouldSetPanResponder: () => true,
73
+ onMoveShouldSetPanResponder: () => true,
74
+ onPanResponderGrant: () => {
75
+ startY.current = 0;
76
+ setIsRecording(true);
77
+ setRecordingCancelled(false);
78
+ },
79
+ onPanResponderMove: (_, gestureState) => {
80
+ if (gestureState.dy < -CANCEL_THRESHOLD) {
81
+ setRecordingCancelled(true);
82
+ } else {
83
+ setRecordingCancelled(false);
84
+ }
85
+ },
86
+ onPanResponderRelease: () => {
87
+ setIsRecording(false);
88
+ setRecordingCancelled(false);
89
+ }
90
+ })).current;
91
+ const hasText = text.trim().length > 0;
92
+
93
+ // === 录音态 ===
94
+ if (isRecording && voiceEnabled) {
95
+ const bgColor = recordingCancelled ? _tokens.chatTokens.colorError : _tokens.chatTokens.colorPrimary;
96
+ const hintText = recordingCancelled ? '松手取消' : '松开发送,上划取消';
97
+ return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
98
+ style: [defaultStyles.container, semanticStyles?.root, style],
99
+ children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
100
+ style: [defaultStyles.recordingBar, {
101
+ backgroundColor: bgColor
102
+ }, semanticStyles?.recording],
103
+ ...panResponder.panHandlers,
104
+ testID: `${testID}-recording`,
105
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
106
+ style: defaultStyles.recordingHint,
107
+ children: hintText
108
+ }), renderWaveAnimation?.({
109
+ active: true,
110
+ color: '#FFFFFF'
111
+ })]
112
+ })
113
+ });
114
+ }
115
+
116
+ // === 展开态 ===
117
+ if (expanded && mode === 'text') {
118
+ const toolbar = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
119
+ style: [defaultStyles.toolbar, semanticStyles?.toolbar],
120
+ children: [voiceEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
121
+ onPress: handleToggleMode,
122
+ style: defaultStyles.toolButton,
123
+ testID: `${testID}-toggle-mode`,
124
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
125
+ style: defaultStyles.iconText,
126
+ children: "\uD83C\uDFA4"
127
+ })
128
+ }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
129
+ style: defaultStyles.toolbarSpacer
130
+ }), actionsEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
131
+ onPress: () => setShowActions(true),
132
+ style: defaultStyles.toolButton,
133
+ testID: `${testID}-actions`,
134
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
135
+ style: defaultStyles.iconText,
136
+ children: "\uFF0B"
137
+ })
138
+ }), isRequesting ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
139
+ testID: `${testID}-stop`,
140
+ style: defaultStyles.sendButton,
141
+ onPress: onStop,
142
+ activeOpacity: 0.7,
143
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
144
+ style: [defaultStyles.sendCircle, {
145
+ backgroundColor: _tokens.chatTokens.colorError
146
+ }],
147
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
148
+ style: defaultStyles.sendIcon,
149
+ children: "\u23F9"
150
+ })
151
+ })
152
+ }) : hasText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
153
+ testID: `${testID}-send`,
154
+ style: defaultStyles.sendButton,
155
+ onPress: handleSend,
156
+ activeOpacity: 0.7,
157
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
158
+ style: defaultStyles.sendCircle,
159
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
160
+ style: defaultStyles.sendIcon,
161
+ children: "\u2191"
162
+ })
163
+ })
164
+ }) : null]
165
+ });
166
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
167
+ style: [defaultStyles.container, semanticStyles?.root, style],
168
+ children: [renderInput ? renderInput({
169
+ value: text,
170
+ onChangeText: setText,
171
+ onSubmitEditing: handleSend,
172
+ onBlur: handleCollapse,
173
+ toolbar,
174
+ autoFocus: true,
175
+ maxLength
176
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
177
+ style: defaultStyles.expandedFallback,
178
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
179
+ style: defaultStyles.expandedInputArea,
180
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
181
+ style: defaultStyles.expandedText,
182
+ children: text || placeholder
183
+ })
184
+ }), toolbar]
185
+ }), renderActionSheet?.({
186
+ visible: showActions,
187
+ onClose: () => setShowActions(false),
188
+ options: actions,
189
+ onSelect: handleActionSelect
190
+ })]
191
+ });
192
+ }
193
+
194
+ // === 收起态 ===
195
+ const isVoice = mode === 'voice';
196
+ return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
197
+ style: [defaultStyles.container, semanticStyles?.root, style],
198
+ children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
199
+ style: [defaultStyles.collapsedBar, semanticStyles?.collapsed],
200
+ children: [voiceEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
201
+ onPress: handleToggleMode,
202
+ style: defaultStyles.modeButton,
203
+ testID: `${testID}-toggle-mode`,
204
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
205
+ style: defaultStyles.iconText,
206
+ children: isVoice ? '⌨' : '🎤'
207
+ })
208
+ }), isVoice ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
209
+ style: defaultStyles.voiceArea,
210
+ onPressIn: () => {
211
+ startY.current = 0;
212
+ setIsRecording(true);
213
+ setRecordingCancelled(false);
214
+ },
215
+ onPressOut: () => {
216
+ setIsRecording(false);
217
+ setRecordingCancelled(false);
218
+ },
219
+ activeOpacity: 0.7,
220
+ testID: `${testID}-voice-hold`,
221
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
222
+ style: defaultStyles.voiceText,
223
+ children: "\u6309\u4F4F\u8BF4\u8BDD"
224
+ })
225
+ }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
226
+ style: defaultStyles.placeholderArea,
227
+ onPress: handleExpand,
228
+ activeOpacity: 0.7,
229
+ testID: `${testID}-expand`,
230
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
231
+ style: defaultStyles.placeholderText,
232
+ children: placeholder
233
+ })
234
+ }), actionsEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
235
+ onPress: () => setShowActions(true),
236
+ style: defaultStyles.plusButton,
237
+ testID: `${testID}-plus`,
238
+ children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
239
+ style: defaultStyles.iconText,
240
+ children: "\uFF0B"
241
+ })
242
+ })]
243
+ }), renderActionSheet?.({
244
+ visible: showActions,
245
+ onClose: () => setShowActions(false),
246
+ options: actions,
247
+ onSelect: handleActionSelect
248
+ })]
249
+ });
250
+ };
251
+ const defaultStyles = _reactNative.StyleSheet.create({
252
+ container: {
253
+ paddingHorizontal: _tokens.chatTokens.space,
254
+ paddingTop: _tokens.chatTokens.spaceSm,
255
+ paddingBottom: _reactNative.Platform.OS === 'ios' ? _tokens.chatTokens.spaceSm : _tokens.chatTokens.space
256
+ },
257
+ // 收起态
258
+ collapsedBar: {
259
+ flexDirection: 'row',
260
+ alignItems: 'center',
261
+ backgroundColor: _tokens.chatTokens.colorBgElevated,
262
+ borderRadius: _tokens.chatTokens.radiusXl,
263
+ height: 46,
264
+ paddingHorizontal: 12,
265
+ ..._tokens.chatTokens.shadow
266
+ },
267
+ modeButton: {
268
+ padding: 4
269
+ },
270
+ placeholderArea: {
271
+ flex: 1,
272
+ justifyContent: 'center',
273
+ paddingLeft: 8
274
+ },
275
+ placeholderText: {
276
+ fontSize: _tokens.chatTokens.fontSize,
277
+ color: _tokens.chatTokens.colorTextPlaceholder
278
+ },
279
+ voiceArea: {
280
+ flex: 1,
281
+ justifyContent: 'center',
282
+ alignItems: 'center'
283
+ },
284
+ voiceText: {
285
+ fontSize: _tokens.chatTokens.fontSize,
286
+ fontWeight: '500',
287
+ color: _tokens.chatTokens.colorText
288
+ },
289
+ plusButton: {
290
+ padding: 4
291
+ },
292
+ // 展开态
293
+ expandedFallback: {
294
+ backgroundColor: _tokens.chatTokens.colorBgElevated,
295
+ borderRadius: _tokens.chatTokens.radiusMd,
296
+ padding: 12,
297
+ ..._tokens.chatTokens.shadow
298
+ },
299
+ expandedInputArea: {
300
+ minHeight: 40,
301
+ maxHeight: 100
302
+ },
303
+ expandedText: {
304
+ fontSize: _tokens.chatTokens.fontSize,
305
+ color: _tokens.chatTokens.colorText
306
+ },
307
+ toolbar: {
308
+ flexDirection: 'row',
309
+ alignItems: 'center'
310
+ },
311
+ toolButton: {
312
+ padding: 4
313
+ },
314
+ toolbarSpacer: {
315
+ flex: 1
316
+ },
317
+ sendButton: {
318
+ marginLeft: 8
319
+ },
320
+ sendCircle: {
321
+ width: 32,
322
+ height: 32,
323
+ borderRadius: 16,
324
+ backgroundColor: _tokens.chatTokens.colorPrimary,
325
+ justifyContent: 'center',
326
+ alignItems: 'center'
327
+ },
328
+ sendIcon: {
329
+ color: '#FFFFFF',
330
+ fontSize: 16,
331
+ fontWeight: '600'
332
+ },
333
+ // 录音态
334
+ recordingBar: {
335
+ flexDirection: 'row',
336
+ alignItems: 'center',
337
+ justifyContent: 'space-between',
338
+ height: 46,
339
+ borderRadius: _tokens.chatTokens.radiusXl,
340
+ paddingHorizontal: 16
341
+ },
342
+ recordingHint: {
343
+ fontSize: 14,
344
+ color: '#FFFFFF',
345
+ fontWeight: '500'
346
+ },
347
+ // 通用
348
+ iconText: {
349
+ fontSize: 22,
350
+ color: _tokens.chatTokens.colorTextSecondary
351
+ }
352
+ });
353
+ var _default = exports.default = /*#__PURE__*/_react.default.memo(Sender);
354
+ //# sourceMappingURL=Sender.js.map
@@ -0,0 +1 @@
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","CANCEL_THRESHOLD","Sender","onSend","onStop","isRequesting","placeholder","maxLength","voiceEnabled","actionsEnabled","actions","onActionSelect","disabled","style","styles","semanticStyles","testID","renderInput","renderActionSheet","renderWaveAnimation","mode","setMode","useState","expanded","setExpanded","text","setText","showActions","setShowActions","isRecording","setIsRecording","recordingCancelled","setRecordingCancelled","startY","useRef","handleToggleMode","useCallback","prev","handleExpand","handleCollapse","trim","handleSend","trimmed","handleActionSelect","key","panResponder","PanResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","current","onPanResponderMove","_","gestureState","dy","onPanResponderRelease","hasText","length","bgColor","chatTokens","colorError","colorPrimary","hintText","jsx","View","defaultStyles","container","root","children","jsxs","recordingBar","backgroundColor","recording","panHandlers","Text","recordingHint","active","color","toolbar","TouchableOpacity","onPress","toolButton","iconText","toolbarSpacer","sendButton","activeOpacity","sendCircle","sendIcon","value","onChangeText","onSubmitEditing","onBlur","autoFocus","expandedFallback","expandedInputArea","expandedText","visible","onClose","options","onSelect","isVoice","collapsedBar","collapsed","modeButton","voiceArea","onPressIn","onPressOut","voiceText","placeholderArea","placeholderText","plusButton","StyleSheet","paddingHorizontal","space","paddingTop","spaceSm","paddingBottom","Platform","OS","flexDirection","alignItems","colorBgElevated","borderRadius","radiusXl","height","shadow","padding","flex","justifyContent","paddingLeft","fontSize","colorTextPlaceholder","fontWeight","colorText","radiusMd","minHeight","maxHeight","marginLeft","width","colorTextSecondary","_default","exports","React","memo"],"sourceRoot":"../../../src","sources":["sender/Sender.tsx"],"mappings":"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","ignoreList":[]}
@@ -0,0 +1,131 @@
1
+ ---
2
+ title: Sender 输入发送器
3
+ nav:
4
+ title: 组件
5
+ path: /components
6
+ ---
7
+
8
+ # Sender 输入发送器
9
+
10
+ 完整的聊天输入组件,包含文本输入、语音录制、附件面板三种模式。
11
+
12
+ ## 何时使用
13
+
14
+ - 需要完整的聊天输入体验
15
+ - 需要文本/语音双模式切换
16
+ - 需要附件或扩展操作面板
17
+
18
+ ## 状态机
19
+
20
+ ```
21
+ collapsed (收起态)
22
+ ├── 点击输入区 → expanded (展开态)
23
+ ├── 按住说话按钮 → recording (录音态)
24
+ └── 点击 + → ActionSheet
25
+ expanded (展开态)
26
+ ├── 输入文本 + 发送 → collapsed
27
+ └── 失焦且无文本 → collapsed
28
+ recording (录音态)
29
+ ├── 松手 → 发送录音 → collapsed
30
+ └── 上划超过阈值 → 取消录音 → collapsed
31
+ ```
32
+
33
+ ## 代码示例
34
+
35
+ ### 基本用法
36
+
37
+ ```tsx
38
+ import { Sender } from '@unif/react-native-chat';
39
+
40
+ <Sender
41
+ onSend={(text) => console.log('发送:', text)}
42
+ placeholder="输入消息..."
43
+ />
44
+ ```
45
+
46
+ ### 带停止按钮
47
+
48
+ ```tsx
49
+ <Sender
50
+ onSend={handleSend}
51
+ onStop={handleAbort}
52
+ isRequesting={true}
53
+ />
54
+ ```
55
+
56
+ ### 注入 UI 库组件
57
+
58
+ ```tsx
59
+ import { Input, ActionSheet, WaveAnimation } from '@unif/react-native-ui';
60
+
61
+ <Sender
62
+ onSend={handleSend}
63
+ actions={[
64
+ { key: 'camera', label: '拍照' },
65
+ { key: 'album', label: '相册' },
66
+ ]}
67
+ onActionSelect={handleAction}
68
+ renderInput={(props) => (
69
+ <Input
70
+ value={props.value}
71
+ onChangeText={props.onChangeText}
72
+ onSubmitEditing={props.onSubmitEditing}
73
+ toolbar={props.toolbar}
74
+ autoFocus={props.autoFocus}
75
+ />
76
+ )}
77
+ renderActionSheet={(props) => (
78
+ <ActionSheet
79
+ visible={props.visible}
80
+ onClose={props.onClose}
81
+ options={props.options}
82
+ onSelect={props.onSelect}
83
+ />
84
+ )}
85
+ renderWaveAnimation={(props) => (
86
+ <WaveAnimation active={props.active} color={props.color} />
87
+ )}
88
+ />
89
+ ```
90
+
91
+ ## API
92
+
93
+ ### SenderProps
94
+
95
+ | 属性 | 说明 | 类型 | 默认值 |
96
+ |------|------|------|--------|
97
+ | onSend | 发送文本回调 | `(text: string) => void` | - |
98
+ | onStop | 中止请求回调 | `() => void` | - |
99
+ | onVoiceSend | 语音发送回调 | `(audioUri: string) => void` | - |
100
+ | isRequesting | 是否正在请求中 | `boolean` | `false` |
101
+ | placeholder | 占位文字 | `string` | `'发消息'` |
102
+ | maxLength | 最大字数 | `number` | `2000` |
103
+ | voiceEnabled | 启用语音按钮 | `boolean` | `true` |
104
+ | actionsEnabled | 启用 + 按钮 | `boolean` | `true` |
105
+ | actions | 操作面板选项 | `ActionSheetOption[]` | `[]` |
106
+ | onActionSelect | 操作面板选中回调 | `(key: string) => void` | - |
107
+ | disabled | 禁用 | `boolean` | `false` |
108
+ | style | 容器样式 | `ViewStyle` | - |
109
+ | styles | 语义样式 | `Partial<SenderSemanticStyles>` | - |
110
+ | testID | 测试标识 | `string` | `'sender'` |
111
+ | renderInput | 自定义输入框渲染 | `(props) => ReactNode` | - |
112
+ | renderActionSheet | 自定义操作面板渲染 | `(props) => ReactNode` | - |
113
+ | renderWaveAnimation | 自定义波形动画渲染 | `(props) => ReactNode` | - |
114
+
115
+ ### SenderSemanticStyles
116
+
117
+ | 属性 | 说明 | 类型 |
118
+ |------|------|------|
119
+ | root | 外层容器 | `ViewStyle` |
120
+ | collapsed | 收起态 | `ViewStyle` |
121
+ | expanded | 展开态 | `ViewStyle` |
122
+ | recording | 录音态 | `ViewStyle` |
123
+ | toolbar | 工具栏 | `ViewStyle` |
124
+
125
+ ### ActionSheetOption
126
+
127
+ | 属性 | 说明 | 类型 |
128
+ |------|------|------|
129
+ | key | 唯一标识 | `string` |
130
+ | label | 显示文字 | `string` |
131
+ | icon | 图标 | `ReactNode` |
@@ -0,0 +1,67 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.chatTokens = void 0;
7
+ /**
8
+ * Chat 专属 Design Tokens
9
+ * 仅定义 Chat 特有的 token,通用 token 从 @unif/react-native-ui 引用
10
+ */
11
+
12
+ const chatTokens = exports.chatTokens = {
13
+ // 气泡
14
+ colorBgUserMsg: '#E8F0FE',
15
+ colorBgAssistantMsg: 'transparent',
16
+ // 欢迎页渐变
17
+ colorBgWelcomeStart: '#E8F4FD',
18
+ colorBgWelcomeMid: '#F0E6FF',
19
+ colorBgWelcomeEnd: '#F5F5F5',
20
+ // 录音
21
+ colorRecording: '#FF3B30',
22
+ // 通用
23
+ colorPrimary: '#1677FF',
24
+ colorError: '#FF3B30',
25
+ colorText: '#1F2937',
26
+ colorTextSecondary: '#6B7280',
27
+ colorTextPlaceholder: '#9CA3AF',
28
+ colorBgElevated: '#FFFFFF',
29
+ colorBorder: '#E5E7EB',
30
+ colorLink: '#1677FF',
31
+ // 间距
32
+ spaceXs: 4,
33
+ spaceSm: 8,
34
+ space: 12,
35
+ spaceMd: 16,
36
+ // 字体
37
+ fontSize: 15,
38
+ fontSizeSm: 13,
39
+ lineHeight: 22,
40
+ // 圆角
41
+ radiusSm: 6,
42
+ radiusMd: 12,
43
+ radiusXl: 23,
44
+ radiusFull: 999,
45
+ // 阴影
46
+ shadow: {
47
+ shadowColor: '#000',
48
+ shadowOffset: {
49
+ width: 0,
50
+ height: 1
51
+ },
52
+ shadowOpacity: 0.05,
53
+ shadowRadius: 3,
54
+ elevation: 2
55
+ },
56
+ shadowSm: {
57
+ shadowColor: '#000',
58
+ shadowOffset: {
59
+ width: 0,
60
+ height: 1
61
+ },
62
+ shadowOpacity: 0.03,
63
+ shadowRadius: 2,
64
+ elevation: 1
65
+ }
66
+ };
67
+ //# sourceMappingURL=tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"names":["chatTokens","exports","colorBgUserMsg","colorBgAssistantMsg","colorBgWelcomeStart","colorBgWelcomeMid","colorBgWelcomeEnd","colorRecording","colorPrimary","colorError","colorText","colorTextSecondary","colorTextPlaceholder","colorBgElevated","colorBorder","colorLink","spaceXs","spaceSm","space","spaceMd","fontSize","fontSizeSm","lineHeight","radiusSm","radiusMd","radiusXl","radiusFull","shadow","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","shadowSm"],"sourceRoot":"../../../src","sources":["theme/tokens.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;;AAEO,MAAMA,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG;EACxB;EACAE,cAAc,EAAE,SAAS;EACzBC,mBAAmB,EAAE,aAAa;EAElC;EACAC,mBAAmB,EAAE,SAAS;EAC9BC,iBAAiB,EAAE,SAAS;EAC5BC,iBAAiB,EAAE,SAAS;EAE5B;EACAC,cAAc,EAAE,SAAS;EAEzB;EACAC,YAAY,EAAE,SAAS;EACvBC,UAAU,EAAE,SAAS;EACrBC,SAAS,EAAE,SAAS;EACpBC,kBAAkB,EAAE,SAAS;EAC7BC,oBAAoB,EAAE,SAAS;EAC/BC,eAAe,EAAE,SAAS;EAC1BC,WAAW,EAAE,SAAS;EACtBC,SAAS,EAAE,SAAS;EAEpB;EACAC,OAAO,EAAE,CAAC;EACVC,OAAO,EAAE,CAAC;EACVC,KAAK,EAAE,EAAE;EACTC,OAAO,EAAE,EAAE;EAEX;EACAC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,EAAE;EACdC,UAAU,EAAE,EAAE;EAEd;EACAC,QAAQ,EAAE,CAAC;EACXC,QAAQ,EAAE,EAAE;EACZC,QAAQ,EAAE,EAAE;EACZC,UAAU,EAAE,GAAG;EAEf;EACAC,MAAM,EAAE;IACNC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRP,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE;EACb;AACF,CAAC","ignoreList":[]}