@unif/react-native-chat 0.1.1 → 0.2.0
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.
- package/lib/commonjs/bubble/Bubble.js +131 -0
- package/lib/commonjs/bubble/Bubble.js.map +1 -0
- package/lib/commonjs/bubble/BubbleList.js +73 -0
- package/lib/commonjs/bubble/BubbleList.js.map +1 -0
- package/lib/commonjs/bubble/index.md +111 -0
- package/lib/commonjs/card-wrapper/CardWrapper.js +65 -0
- package/lib/commonjs/card-wrapper/CardWrapper.js.map +1 -0
- package/lib/commonjs/card-wrapper/index.md +78 -0
- package/lib/commonjs/conversations/Conversations.js +184 -0
- package/lib/commonjs/conversations/Conversations.js.map +1 -0
- package/lib/commonjs/conversations/index.md +90 -0
- package/lib/commonjs/index.js +69 -0
- package/lib/commonjs/index.js.map +1 -0
- package/lib/commonjs/package.json +1 -0
- package/lib/commonjs/prompts/Prompts.js +87 -0
- package/lib/commonjs/prompts/Prompts.js.map +1 -0
- package/lib/commonjs/prompts/index.md +81 -0
- package/lib/commonjs/sender/Sender.js +352 -0
- package/lib/commonjs/sender/Sender.js.map +1 -0
- package/lib/commonjs/sender/index.md +131 -0
- package/lib/commonjs/theme/tokens.js +77 -0
- package/lib/commonjs/theme/tokens.js.map +1 -0
- package/lib/commonjs/types/react-native-vector-icons.d.js +2 -0
- package/lib/commonjs/types/react-native-vector-icons.d.js.map +1 -0
- package/lib/commonjs/welcome/Welcome.js +152 -0
- package/lib/commonjs/welcome/Welcome.js.map +1 -0
- package/lib/commonjs/welcome/index.md +95 -0
- package/lib/module/bubble/Bubble.js +126 -0
- package/lib/module/bubble/Bubble.js.map +1 -0
- package/lib/module/bubble/BubbleList.js +68 -0
- package/lib/module/bubble/BubbleList.js.map +1 -0
- package/lib/module/bubble/index.md +111 -0
- package/lib/module/card-wrapper/CardWrapper.js +60 -0
- package/lib/module/card-wrapper/CardWrapper.js.map +1 -0
- package/lib/module/card-wrapper/index.md +78 -0
- package/lib/module/conversations/Conversations.js +179 -0
- package/lib/module/conversations/Conversations.js.map +1 -0
- package/lib/module/conversations/index.md +90 -0
- package/lib/module/index.js +23 -0
- package/lib/module/index.js.map +1 -0
- package/lib/module/package.json +1 -0
- package/lib/module/prompts/Prompts.js +82 -0
- package/lib/module/prompts/Prompts.js.map +1 -0
- package/lib/module/prompts/index.md +81 -0
- package/lib/module/sender/Sender.js +346 -0
- package/lib/module/sender/Sender.js.map +1 -0
- package/lib/module/sender/index.md +131 -0
- package/lib/module/theme/tokens.js +72 -0
- package/lib/module/theme/tokens.js.map +1 -0
- package/lib/module/types/react-native-vector-icons.d.js +2 -0
- package/lib/module/types/react-native-vector-icons.d.js.map +1 -0
- package/lib/module/welcome/Welcome.js +147 -0
- package/lib/module/welcome/Welcome.js.map +1 -0
- package/lib/module/welcome/index.md +95 -0
- package/lib/typescript/commonjs/bubble/Bubble.d.ts +29 -0
- package/lib/typescript/commonjs/bubble/Bubble.d.ts.map +1 -0
- package/lib/typescript/commonjs/bubble/BubbleList.d.ts +20 -0
- package/lib/typescript/commonjs/bubble/BubbleList.d.ts.map +1 -0
- package/lib/typescript/commonjs/card-wrapper/CardWrapper.d.ts +22 -0
- package/lib/typescript/commonjs/card-wrapper/CardWrapper.d.ts.map +1 -0
- package/lib/typescript/commonjs/conversations/Conversations.d.ts +37 -0
- package/lib/typescript/commonjs/conversations/Conversations.d.ts.map +1 -0
- package/lib/typescript/commonjs/index.d.ts +20 -0
- package/lib/typescript/commonjs/index.d.ts.map +1 -0
- package/lib/typescript/commonjs/package.json +1 -0
- package/lib/typescript/commonjs/prompts/Prompts.d.ts +27 -0
- package/lib/typescript/commonjs/prompts/Prompts.d.ts.map +1 -0
- package/lib/typescript/commonjs/sender/Sender.d.ts +58 -0
- package/lib/typescript/commonjs/sender/Sender.d.ts.map +1 -0
- package/lib/typescript/commonjs/theme/tokens.d.ts +57 -0
- package/lib/typescript/commonjs/theme/tokens.d.ts.map +1 -0
- package/lib/typescript/commonjs/welcome/Welcome.d.ts +39 -0
- package/lib/typescript/commonjs/welcome/Welcome.d.ts.map +1 -0
- package/lib/typescript/module/bubble/Bubble.d.ts +29 -0
- package/lib/typescript/module/bubble/Bubble.d.ts.map +1 -0
- package/lib/typescript/module/bubble/BubbleList.d.ts +20 -0
- package/lib/typescript/module/bubble/BubbleList.d.ts.map +1 -0
- package/lib/typescript/module/card-wrapper/CardWrapper.d.ts +22 -0
- package/lib/typescript/module/card-wrapper/CardWrapper.d.ts.map +1 -0
- package/lib/typescript/module/conversations/Conversations.d.ts +37 -0
- package/lib/typescript/module/conversations/Conversations.d.ts.map +1 -0
- package/lib/typescript/module/index.d.ts +20 -0
- package/lib/typescript/module/index.d.ts.map +1 -0
- package/lib/typescript/module/package.json +1 -0
- package/lib/typescript/module/prompts/Prompts.d.ts +27 -0
- package/lib/typescript/module/prompts/Prompts.d.ts.map +1 -0
- package/lib/typescript/module/sender/Sender.d.ts +58 -0
- package/lib/typescript/module/sender/Sender.d.ts.map +1 -0
- package/lib/typescript/module/theme/tokens.d.ts +57 -0
- package/lib/typescript/module/theme/tokens.d.ts.map +1 -0
- package/lib/typescript/module/welcome/Welcome.d.ts +39 -0
- package/lib/typescript/module/welcome/Welcome.d.ts.map +1 -0
- package/package.json +41 -9
- package/src/index.tsx +24 -13
- package/src/sender/Sender.tsx +46 -38
- package/src/theme/tokens.ts +14 -2
- package/src/types/react-native-vector-icons.d.ts +12 -0
|
@@ -0,0 +1,352 @@
|
|
|
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 _Ionicons = _interopRequireDefault(require("react-native-vector-icons/Ionicons"));
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
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); }
|
|
14
|
+
/**
|
|
15
|
+
* Sender — 输入发送器
|
|
16
|
+
*
|
|
17
|
+
* 完整状态机:collapsed → expanded → recording
|
|
18
|
+
* 基于 UI 库 Input + ActionSheet + WaveAnimation + Button 构建
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
const CANCEL_THRESHOLD = 80;
|
|
22
|
+
const Sender = ({
|
|
23
|
+
onSend,
|
|
24
|
+
onStop,
|
|
25
|
+
isRequesting = false,
|
|
26
|
+
placeholder = '发消息',
|
|
27
|
+
maxLength = 2000,
|
|
28
|
+
voiceEnabled = false,
|
|
29
|
+
actionsEnabled = true,
|
|
30
|
+
actions = [],
|
|
31
|
+
onActionSelect,
|
|
32
|
+
disabled = false,
|
|
33
|
+
style,
|
|
34
|
+
styles: semanticStyles,
|
|
35
|
+
testID = 'sender',
|
|
36
|
+
renderInput,
|
|
37
|
+
renderActionSheet,
|
|
38
|
+
renderWaveAnimation
|
|
39
|
+
}) => {
|
|
40
|
+
const [mode, setMode] = (0, _react.useState)('text');
|
|
41
|
+
const [expanded, setExpanded] = (0, _react.useState)(false);
|
|
42
|
+
const [text, setText] = (0, _react.useState)('');
|
|
43
|
+
const [showActions, setShowActions] = (0, _react.useState)(false);
|
|
44
|
+
const [isRecording, setIsRecording] = (0, _react.useState)(false);
|
|
45
|
+
const [recordingCancelled, setRecordingCancelled] = (0, _react.useState)(false);
|
|
46
|
+
const startY = (0, _react.useRef)(0);
|
|
47
|
+
const handleToggleMode = (0, _react.useCallback)(() => {
|
|
48
|
+
setMode(prev => prev === 'text' ? 'voice' : 'text');
|
|
49
|
+
setExpanded(false);
|
|
50
|
+
}, []);
|
|
51
|
+
const handleExpand = (0, _react.useCallback)(() => {
|
|
52
|
+
setExpanded(true);
|
|
53
|
+
}, []);
|
|
54
|
+
const handleCollapse = (0, _react.useCallback)(() => {
|
|
55
|
+
if (!text.trim()) {
|
|
56
|
+
setExpanded(false);
|
|
57
|
+
}
|
|
58
|
+
}, [text]);
|
|
59
|
+
const handleSend = (0, _react.useCallback)(() => {
|
|
60
|
+
const trimmed = text.trim();
|
|
61
|
+
if (trimmed && !disabled) {
|
|
62
|
+
onSend(trimmed);
|
|
63
|
+
setText('');
|
|
64
|
+
setExpanded(false);
|
|
65
|
+
}
|
|
66
|
+
}, [text, onSend, disabled]);
|
|
67
|
+
const handleActionSelect = (0, _react.useCallback)(key => {
|
|
68
|
+
setShowActions(false);
|
|
69
|
+
onActionSelect?.(key);
|
|
70
|
+
}, [onActionSelect]);
|
|
71
|
+
|
|
72
|
+
// 录音手势
|
|
73
|
+
const panResponder = (0, _react.useRef)(_reactNative.PanResponder.create({
|
|
74
|
+
onStartShouldSetPanResponder: () => true,
|
|
75
|
+
onMoveShouldSetPanResponder: () => true,
|
|
76
|
+
onPanResponderGrant: () => {
|
|
77
|
+
startY.current = 0;
|
|
78
|
+
setIsRecording(true);
|
|
79
|
+
setRecordingCancelled(false);
|
|
80
|
+
},
|
|
81
|
+
onPanResponderMove: (_, gestureState) => {
|
|
82
|
+
if (gestureState.dy < -CANCEL_THRESHOLD) {
|
|
83
|
+
setRecordingCancelled(true);
|
|
84
|
+
} else {
|
|
85
|
+
setRecordingCancelled(false);
|
|
86
|
+
}
|
|
87
|
+
},
|
|
88
|
+
onPanResponderRelease: () => {
|
|
89
|
+
setIsRecording(false);
|
|
90
|
+
setRecordingCancelled(false);
|
|
91
|
+
}
|
|
92
|
+
})).current;
|
|
93
|
+
const hasText = text.trim().length > 0;
|
|
94
|
+
|
|
95
|
+
// === 录音态 ===
|
|
96
|
+
if (isRecording && voiceEnabled) {
|
|
97
|
+
const bgColor = recordingCancelled ? _tokens.chatTokens.colorError : _tokens.chatTokens.colorPrimary;
|
|
98
|
+
const hintText = recordingCancelled ? '松手取消' : '松开发送,上划取消';
|
|
99
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
100
|
+
style: [defaultStyles.container, semanticStyles?.root, style],
|
|
101
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
102
|
+
style: [defaultStyles.recordingBar, {
|
|
103
|
+
backgroundColor: bgColor
|
|
104
|
+
}, semanticStyles?.recording],
|
|
105
|
+
...panResponder.panHandlers,
|
|
106
|
+
testID: `${testID}-recording`,
|
|
107
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
108
|
+
style: defaultStyles.recordingHint,
|
|
109
|
+
children: hintText
|
|
110
|
+
}), renderWaveAnimation?.({
|
|
111
|
+
active: true,
|
|
112
|
+
color: '#FFFFFF'
|
|
113
|
+
})]
|
|
114
|
+
})
|
|
115
|
+
});
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
// === 展开态 ===
|
|
119
|
+
if (expanded && mode === 'text') {
|
|
120
|
+
const toolbar = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
121
|
+
style: [defaultStyles.toolbar, semanticStyles?.toolbar],
|
|
122
|
+
children: [voiceEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
123
|
+
onPress: handleToggleMode,
|
|
124
|
+
style: defaultStyles.toolButton,
|
|
125
|
+
testID: `${testID}-toggle-mode`,
|
|
126
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
|
|
127
|
+
name: "search-outline",
|
|
128
|
+
size: 22,
|
|
129
|
+
color: _tokens.chatTokens.colorTextSecondary
|
|
130
|
+
})
|
|
131
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
132
|
+
style: defaultStyles.toolbarSpacer
|
|
133
|
+
}), actionsEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
134
|
+
onPress: () => setShowActions(true),
|
|
135
|
+
style: defaultStyles.toolButton,
|
|
136
|
+
testID: `${testID}-actions`,
|
|
137
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
|
|
138
|
+
name: "add",
|
|
139
|
+
size: 22,
|
|
140
|
+
color: _tokens.chatTokens.colorTextSecondary
|
|
141
|
+
})
|
|
142
|
+
}), isRequesting ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
143
|
+
testID: `${testID}-stop`,
|
|
144
|
+
style: defaultStyles.sendButton,
|
|
145
|
+
onPress: onStop,
|
|
146
|
+
activeOpacity: 0.7,
|
|
147
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
148
|
+
style: [defaultStyles.sendCircle, {
|
|
149
|
+
backgroundColor: _tokens.chatTokens.colorError
|
|
150
|
+
}],
|
|
151
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
|
|
152
|
+
name: "stop",
|
|
153
|
+
size: 14,
|
|
154
|
+
color: "#FFFFFF"
|
|
155
|
+
})
|
|
156
|
+
})
|
|
157
|
+
}) : hasText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
158
|
+
testID: `${testID}-send`,
|
|
159
|
+
style: defaultStyles.sendButton,
|
|
160
|
+
onPress: handleSend,
|
|
161
|
+
activeOpacity: 0.7,
|
|
162
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
163
|
+
style: defaultStyles.sendCircle,
|
|
164
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
|
|
165
|
+
name: "arrow-up",
|
|
166
|
+
size: 18,
|
|
167
|
+
color: "#FFFFFF"
|
|
168
|
+
})
|
|
169
|
+
})
|
|
170
|
+
}) : null]
|
|
171
|
+
});
|
|
172
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
173
|
+
style: [defaultStyles.container, semanticStyles?.root, style],
|
|
174
|
+
children: [renderInput ? renderInput({
|
|
175
|
+
value: text,
|
|
176
|
+
onChangeText: setText,
|
|
177
|
+
onSubmitEditing: handleSend,
|
|
178
|
+
onBlur: handleCollapse,
|
|
179
|
+
toolbar,
|
|
180
|
+
autoFocus: true,
|
|
181
|
+
maxLength
|
|
182
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
183
|
+
style: defaultStyles.expandedFallback,
|
|
184
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
185
|
+
style: defaultStyles.expandedInputArea,
|
|
186
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
187
|
+
style: defaultStyles.expandedText,
|
|
188
|
+
children: text || placeholder
|
|
189
|
+
})
|
|
190
|
+
}), toolbar]
|
|
191
|
+
}), renderActionSheet?.({
|
|
192
|
+
visible: showActions,
|
|
193
|
+
onClose: () => setShowActions(false),
|
|
194
|
+
options: actions,
|
|
195
|
+
onSelect: handleActionSelect
|
|
196
|
+
})]
|
|
197
|
+
});
|
|
198
|
+
}
|
|
199
|
+
|
|
200
|
+
// === 收起态 ===
|
|
201
|
+
const isVoice = mode === 'voice';
|
|
202
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
203
|
+
style: [defaultStyles.container, semanticStyles?.root, style],
|
|
204
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
205
|
+
style: [defaultStyles.collapsedBar, semanticStyles?.collapsed],
|
|
206
|
+
children: [voiceEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
207
|
+
onPress: handleToggleMode,
|
|
208
|
+
style: defaultStyles.modeButton,
|
|
209
|
+
testID: `${testID}-toggle-mode`,
|
|
210
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
|
|
211
|
+
name: isVoice ? 'keypad-outline' : 'search-outline',
|
|
212
|
+
size: 22,
|
|
213
|
+
color: _tokens.chatTokens.colorTextSecondary
|
|
214
|
+
})
|
|
215
|
+
}), isVoice ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
216
|
+
style: defaultStyles.voiceArea,
|
|
217
|
+
onPressIn: () => {
|
|
218
|
+
startY.current = 0;
|
|
219
|
+
setIsRecording(true);
|
|
220
|
+
setRecordingCancelled(false);
|
|
221
|
+
},
|
|
222
|
+
onPressOut: () => {
|
|
223
|
+
setIsRecording(false);
|
|
224
|
+
setRecordingCancelled(false);
|
|
225
|
+
},
|
|
226
|
+
activeOpacity: 0.7,
|
|
227
|
+
testID: `${testID}-voice-hold`,
|
|
228
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
229
|
+
style: defaultStyles.voiceText,
|
|
230
|
+
children: "\u6309\u4F4F\u8BF4\u8BDD"
|
|
231
|
+
})
|
|
232
|
+
}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
233
|
+
style: defaultStyles.placeholderArea,
|
|
234
|
+
onPress: handleExpand,
|
|
235
|
+
activeOpacity: 0.7,
|
|
236
|
+
testID: `${testID}-expand`,
|
|
237
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
|
|
238
|
+
style: defaultStyles.placeholderText,
|
|
239
|
+
children: placeholder
|
|
240
|
+
})
|
|
241
|
+
}), actionsEnabled && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
|
|
242
|
+
onPress: () => setShowActions(true),
|
|
243
|
+
style: defaultStyles.plusButton,
|
|
244
|
+
testID: `${testID}-plus`,
|
|
245
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ionicons.default, {
|
|
246
|
+
name: "add",
|
|
247
|
+
size: 22,
|
|
248
|
+
color: _tokens.chatTokens.colorTextSecondary
|
|
249
|
+
})
|
|
250
|
+
})]
|
|
251
|
+
}), renderActionSheet?.({
|
|
252
|
+
visible: showActions,
|
|
253
|
+
onClose: () => setShowActions(false),
|
|
254
|
+
options: actions,
|
|
255
|
+
onSelect: handleActionSelect
|
|
256
|
+
})]
|
|
257
|
+
});
|
|
258
|
+
};
|
|
259
|
+
const defaultStyles = _reactNative.StyleSheet.create({
|
|
260
|
+
container: {
|
|
261
|
+
paddingHorizontal: _tokens.chatTokens.space,
|
|
262
|
+
paddingTop: _tokens.chatTokens.spaceSm,
|
|
263
|
+
paddingBottom: _reactNative.Platform.OS === 'ios' ? _tokens.chatTokens.spaceSm : _tokens.chatTokens.space
|
|
264
|
+
},
|
|
265
|
+
// 收起态
|
|
266
|
+
collapsedBar: {
|
|
267
|
+
flexDirection: 'row',
|
|
268
|
+
alignItems: 'center',
|
|
269
|
+
backgroundColor: _tokens.chatTokens.colorBgElevated,
|
|
270
|
+
borderRadius: _tokens.chatTokens.radiusXl,
|
|
271
|
+
height: 46,
|
|
272
|
+
paddingHorizontal: 12,
|
|
273
|
+
..._tokens.chatTokens.shadow
|
|
274
|
+
},
|
|
275
|
+
modeButton: {
|
|
276
|
+
padding: 4
|
|
277
|
+
},
|
|
278
|
+
placeholderArea: {
|
|
279
|
+
flex: 1,
|
|
280
|
+
justifyContent: 'center',
|
|
281
|
+
paddingLeft: 8
|
|
282
|
+
},
|
|
283
|
+
placeholderText: {
|
|
284
|
+
fontSize: _tokens.chatTokens.fontSize,
|
|
285
|
+
color: _tokens.chatTokens.colorTextPlaceholder
|
|
286
|
+
},
|
|
287
|
+
voiceArea: {
|
|
288
|
+
flex: 1,
|
|
289
|
+
justifyContent: 'center',
|
|
290
|
+
alignItems: 'center'
|
|
291
|
+
},
|
|
292
|
+
voiceText: {
|
|
293
|
+
fontSize: _tokens.chatTokens.fontSize,
|
|
294
|
+
fontWeight: '500',
|
|
295
|
+
color: _tokens.chatTokens.colorText
|
|
296
|
+
},
|
|
297
|
+
plusButton: {
|
|
298
|
+
padding: 4
|
|
299
|
+
},
|
|
300
|
+
// 展开态
|
|
301
|
+
expandedFallback: {
|
|
302
|
+
backgroundColor: _tokens.chatTokens.colorBgElevated,
|
|
303
|
+
borderRadius: _tokens.chatTokens.radiusMd,
|
|
304
|
+
padding: 12,
|
|
305
|
+
..._tokens.chatTokens.shadow
|
|
306
|
+
},
|
|
307
|
+
expandedInputArea: {
|
|
308
|
+
minHeight: 40,
|
|
309
|
+
maxHeight: 100
|
|
310
|
+
},
|
|
311
|
+
expandedText: {
|
|
312
|
+
fontSize: _tokens.chatTokens.fontSize,
|
|
313
|
+
color: _tokens.chatTokens.colorText
|
|
314
|
+
},
|
|
315
|
+
toolbar: {
|
|
316
|
+
flexDirection: 'row',
|
|
317
|
+
alignItems: 'center'
|
|
318
|
+
},
|
|
319
|
+
toolButton: {
|
|
320
|
+
padding: 4
|
|
321
|
+
},
|
|
322
|
+
toolbarSpacer: {
|
|
323
|
+
flex: 1
|
|
324
|
+
},
|
|
325
|
+
sendButton: {
|
|
326
|
+
marginLeft: 8
|
|
327
|
+
},
|
|
328
|
+
sendCircle: {
|
|
329
|
+
width: 32,
|
|
330
|
+
height: 32,
|
|
331
|
+
borderRadius: 16,
|
|
332
|
+
backgroundColor: _tokens.chatTokens.colorPrimary,
|
|
333
|
+
justifyContent: 'center',
|
|
334
|
+
alignItems: 'center'
|
|
335
|
+
},
|
|
336
|
+
// 录音态
|
|
337
|
+
recordingBar: {
|
|
338
|
+
flexDirection: 'row',
|
|
339
|
+
alignItems: 'center',
|
|
340
|
+
justifyContent: 'space-between',
|
|
341
|
+
height: 46,
|
|
342
|
+
borderRadius: _tokens.chatTokens.radiusXl,
|
|
343
|
+
paddingHorizontal: 16
|
|
344
|
+
},
|
|
345
|
+
recordingHint: {
|
|
346
|
+
fontSize: 14,
|
|
347
|
+
color: '#FFFFFF',
|
|
348
|
+
fontWeight: '500'
|
|
349
|
+
}
|
|
350
|
+
});
|
|
351
|
+
var _default = exports.default = /*#__PURE__*/_react.default.memo(Sender);
|
|
352
|
+
//# sourceMappingURL=Sender.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_tokens","_Ionicons","_interopRequireDefault","_jsxRuntime","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","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","name","size","colorTextSecondary","toolbarSpacer","sendButton","activeOpacity","sendCircle","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","_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,77 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.chatTokens = void 0;
|
|
7
|
+
exports.configure = configure;
|
|
8
|
+
/**
|
|
9
|
+
* Chat 专属 Design Tokens
|
|
10
|
+
* 仅定义 Chat 特有的 token,通用 token 从 @unif/react-native-ui 引用
|
|
11
|
+
*/
|
|
12
|
+
|
|
13
|
+
let _chatConfig = {};
|
|
14
|
+
function configure(options) {
|
|
15
|
+
_chatConfig = {
|
|
16
|
+
..._chatConfig,
|
|
17
|
+
...options
|
|
18
|
+
};
|
|
19
|
+
}
|
|
20
|
+
const chatTokens = exports.chatTokens = {
|
|
21
|
+
// 气泡
|
|
22
|
+
colorBgUserMsg: '#E8F0FE',
|
|
23
|
+
colorBgAssistantMsg: 'transparent',
|
|
24
|
+
// 欢迎页渐变
|
|
25
|
+
colorBgWelcomeStart: '#E8F4FD',
|
|
26
|
+
colorBgWelcomeMid: '#F0E6FF',
|
|
27
|
+
colorBgWelcomeEnd: '#F5F5F5',
|
|
28
|
+
// 录音
|
|
29
|
+
colorRecording: '#FF3B30',
|
|
30
|
+
// 通用(colorPrimary 支持运行时注入)
|
|
31
|
+
get colorPrimary() {
|
|
32
|
+
return _chatConfig.primaryColor || '#1677FF';
|
|
33
|
+
},
|
|
34
|
+
colorError: '#FF3B30',
|
|
35
|
+
colorText: '#1F2937',
|
|
36
|
+
colorTextSecondary: '#6B7280',
|
|
37
|
+
colorTextPlaceholder: '#9CA3AF',
|
|
38
|
+
colorBgElevated: '#FFFFFF',
|
|
39
|
+
colorBorder: '#E5E7EB',
|
|
40
|
+
colorLink: '#1677FF',
|
|
41
|
+
// 间距
|
|
42
|
+
spaceXs: 4,
|
|
43
|
+
spaceSm: 8,
|
|
44
|
+
space: 12,
|
|
45
|
+
spaceMd: 16,
|
|
46
|
+
// 字体
|
|
47
|
+
fontSize: 15,
|
|
48
|
+
fontSizeSm: 13,
|
|
49
|
+
lineHeight: 22,
|
|
50
|
+
// 圆角
|
|
51
|
+
radiusSm: 6,
|
|
52
|
+
radiusMd: 12,
|
|
53
|
+
radiusXl: 23,
|
|
54
|
+
radiusFull: 999,
|
|
55
|
+
// 阴影
|
|
56
|
+
shadow: {
|
|
57
|
+
shadowColor: '#000',
|
|
58
|
+
shadowOffset: {
|
|
59
|
+
width: 0,
|
|
60
|
+
height: 1
|
|
61
|
+
},
|
|
62
|
+
shadowOpacity: 0.05,
|
|
63
|
+
shadowRadius: 3,
|
|
64
|
+
elevation: 2
|
|
65
|
+
},
|
|
66
|
+
shadowSm: {
|
|
67
|
+
shadowColor: '#000',
|
|
68
|
+
shadowOffset: {
|
|
69
|
+
width: 0,
|
|
70
|
+
height: 1
|
|
71
|
+
},
|
|
72
|
+
shadowOpacity: 0.03,
|
|
73
|
+
shadowRadius: 2,
|
|
74
|
+
elevation: 1
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
//# sourceMappingURL=tokens.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_chatConfig","configure","options","chatTokens","exports","colorBgUserMsg","colorBgAssistantMsg","colorBgWelcomeStart","colorBgWelcomeMid","colorBgWelcomeEnd","colorRecording","colorPrimary","primaryColor","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;;AAMA,IAAIA,WAA4B,GAAG,CAAC,CAAC;AAE9B,SAASC,SAASA,CAACC,OAAwB,EAAQ;EACxDF,WAAW,GAAG;IAAE,GAAGA,WAAW;IAAE,GAAGE;EAAQ,CAAC;AAC9C;AAEO,MAAMC,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;EACA,IAAIC,YAAYA,CAAA,EAAG;IACjB,OAAOX,WAAW,CAACY,YAAY,IAAI,SAAS;EAC9C,CAAC;EACDC,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":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/react-native-vector-icons.d.ts"],"mappings":"","ignoreList":[]}
|