@unif/react-native-chat 0.1.1 → 0.2.0

package/lib/module/sender/Sender.js

@@ -0,0 +1,346 @@
+"use strict";
+
+/**
+ * Sender — 输入发送器
+ *
+ * 完整状态机：collapsed → expanded → recording
+ * 基于 UI 库 Input + ActionSheet + WaveAnimation + Button 构建
+ */
+
+import React, { useState, useCallback, useRef } from 'react';
+import { View, Text, TouchableOpacity, StyleSheet, Platform, PanResponder } from 'react-native';
+import { chatTokens } from "../theme/tokens.js";
+import Icon from 'react-native-vector-icons/Ionicons';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const CANCEL_THRESHOLD = 80;
+const Sender = ({
+  onSend,
+  onStop,
+  isRequesting = false,
+  placeholder = '发消息',
+  maxLength = 2000,
+  voiceEnabled = false,
+  actionsEnabled = true,
+  actions = [],
+  onActionSelect,
+  disabled = false,
+  style,
+  styles: semanticStyles,
+  testID = 'sender',
+  renderInput,
+  renderActionSheet,
+  renderWaveAnimation
+}) => {
+  const [mode, setMode] = useState('text');
+  const [expanded, setExpanded] = useState(false);
+  const [text, setText] = useState('');
+  const [showActions, setShowActions] = useState(false);
+  const [isRecording, setIsRecording] = useState(false);
+  const [recordingCancelled, setRecordingCancelled] = useState(false);
+  const startY = useRef(0);
+  const handleToggleMode = useCallback(() => {
+    setMode(prev => prev === 'text' ? 'voice' : 'text');
+    setExpanded(false);
+  }, []);
+  const handleExpand = useCallback(() => {
+    setExpanded(true);
+  }, []);
+  const handleCollapse = useCallback(() => {
+    if (!text.trim()) {
+      setExpanded(false);
+    }
+  }, [text]);
+  const handleSend = useCallback(() => {
+    const trimmed = text.trim();
+    if (trimmed && !disabled) {
+      onSend(trimmed);
+      setText('');
+      setExpanded(false);
+    }
+  }, [text, onSend, disabled]);
+  const handleActionSelect = useCallback(key => {
+    setShowActions(false);
+    onActionSelect?.(key);
+  }, [onActionSelect]);
+
+  // 录音手势
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => true,
+    onMoveShouldSetPanResponder: () => true,
+    onPanResponderGrant: () => {
+      startY.current = 0;
+      setIsRecording(true);
+      setRecordingCancelled(false);
+    },
+    onPanResponderMove: (_, gestureState) => {
+      if (gestureState.dy < -CANCEL_THRESHOLD) {
+        setRecordingCancelled(true);
+      } else {
+        setRecordingCancelled(false);
+      }
+    },
+    onPanResponderRelease: () => {
+      setIsRecording(false);
+      setRecordingCancelled(false);
+    }
+  })).current;
+  const hasText = text.trim().length > 0;
+
+  // === 录音态 ===
+  if (isRecording && voiceEnabled) {
+    const bgColor = recordingCancelled ? chatTokens.colorError : chatTokens.colorPrimary;
+    const hintText = recordingCancelled ? '松手取消' : '松开发送，上划取消';
+    return /*#__PURE__*/_jsx(View, {
+      style: [defaultStyles.container, semanticStyles?.root, style],
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [defaultStyles.recordingBar, {
+          backgroundColor: bgColor
+        }, semanticStyles?.recording],
+        ...panResponder.panHandlers,
+        testID: `${testID}-recording`,
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: defaultStyles.recordingHint,
+          children: hintText
+        }), renderWaveAnimation?.({
+          active: true,
+          color: '#FFFFFF'
+        })]
+      })
+    });
+  }
+
+  // === 展开态 ===
+  if (expanded && mode === 'text') {
+    const toolbar = /*#__PURE__*/_jsxs(View, {
+      style: [defaultStyles.toolbar, semanticStyles?.toolbar],
+      children: [voiceEnabled && /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: handleToggleMode,
+        style: defaultStyles.toolButton,
+        testID: `${testID}-toggle-mode`,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "search-outline",
+          size: 22,
+          color: chatTokens.colorTextSecondary
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: defaultStyles.toolbarSpacer
+      }), actionsEnabled && /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setShowActions(true),
+        style: defaultStyles.toolButton,
+        testID: `${testID}-actions`,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "add",
+          size: 22,
+          color: chatTokens.colorTextSecondary
+        })
+      }), isRequesting ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        testID: `${testID}-stop`,
+        style: defaultStyles.sendButton,
+        onPress: onStop,
+        activeOpacity: 0.7,
+        children: /*#__PURE__*/_jsx(View, {
+          style: [defaultStyles.sendCircle, {
+            backgroundColor: chatTokens.colorError
+          }],
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "stop",
+            size: 14,
+            color: "#FFFFFF"
+          })
+        })
+      }) : hasText ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        testID: `${testID}-send`,
+        style: defaultStyles.sendButton,
+        onPress: handleSend,
+        activeOpacity: 0.7,
+        children: /*#__PURE__*/_jsx(View, {
+          style: defaultStyles.sendCircle,
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: "arrow-up",
+            size: 18,
+            color: "#FFFFFF"
+          })
+        })
+      }) : null]
+    });
+    return /*#__PURE__*/_jsxs(View, {
+      style: [defaultStyles.container, semanticStyles?.root, style],
+      children: [renderInput ? renderInput({
+        value: text,
+        onChangeText: setText,
+        onSubmitEditing: handleSend,
+        onBlur: handleCollapse,
+        toolbar,
+        autoFocus: true,
+        maxLength
+      }) : /*#__PURE__*/_jsxs(View, {
+        style: defaultStyles.expandedFallback,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: defaultStyles.expandedInputArea,
+          children: /*#__PURE__*/_jsx(Text, {
+            style: defaultStyles.expandedText,
+            children: text || placeholder
+          })
+        }), toolbar]
+      }), renderActionSheet?.({
+        visible: showActions,
+        onClose: () => setShowActions(false),
+        options: actions,
+        onSelect: handleActionSelect
+      })]
+    });
+  }
+
+  // === 收起态 ===
+  const isVoice = mode === 'voice';
+  return /*#__PURE__*/_jsxs(View, {
+    style: [defaultStyles.container, semanticStyles?.root, style],
+    children: [/*#__PURE__*/_jsxs(View, {
+      style: [defaultStyles.collapsedBar, semanticStyles?.collapsed],
+      children: [voiceEnabled && /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: handleToggleMode,
+        style: defaultStyles.modeButton,
+        testID: `${testID}-toggle-mode`,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: isVoice ? 'keypad-outline' : 'search-outline',
+          size: 22,
+          color: chatTokens.colorTextSecondary
+        })
+      }), isVoice ? /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: defaultStyles.voiceArea,
+        onPressIn: () => {
+          startY.current = 0;
+          setIsRecording(true);
+          setRecordingCancelled(false);
+        },
+        onPressOut: () => {
+          setIsRecording(false);
+          setRecordingCancelled(false);
+        },
+        activeOpacity: 0.7,
+        testID: `${testID}-voice-hold`,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: defaultStyles.voiceText,
+          children: "\u6309\u4F4F\u8BF4\u8BDD"
+        })
+      }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: defaultStyles.placeholderArea,
+        onPress: handleExpand,
+        activeOpacity: 0.7,
+        testID: `${testID}-expand`,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: defaultStyles.placeholderText,
+          children: placeholder
+        })
+      }), actionsEnabled && /*#__PURE__*/_jsx(TouchableOpacity, {
+        onPress: () => setShowActions(true),
+        style: defaultStyles.plusButton,
+        testID: `${testID}-plus`,
+        children: /*#__PURE__*/_jsx(Icon, {
+          name: "add",
+          size: 22,
+          color: chatTokens.colorTextSecondary
+        })
+      })]
+    }), renderActionSheet?.({
+      visible: showActions,
+      onClose: () => setShowActions(false),
+      options: actions,
+      onSelect: handleActionSelect
+    })]
+  });
+};
+const defaultStyles = StyleSheet.create({
+  container: {
+    paddingHorizontal: chatTokens.space,
+    paddingTop: chatTokens.spaceSm,
+    paddingBottom: Platform.OS === 'ios' ? chatTokens.spaceSm : chatTokens.space
+  },
+  // 收起态
+  collapsedBar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: chatTokens.colorBgElevated,
+    borderRadius: chatTokens.radiusXl,
+    height: 46,
+    paddingHorizontal: 12,
+    ...chatTokens.shadow
+  },
+  modeButton: {
+    padding: 4
+  },
+  placeholderArea: {
+    flex: 1,
+    justifyContent: 'center',
+    paddingLeft: 8
+  },
+  placeholderText: {
+    fontSize: chatTokens.fontSize,
+    color: chatTokens.colorTextPlaceholder
+  },
+  voiceArea: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  voiceText: {
+    fontSize: chatTokens.fontSize,
+    fontWeight: '500',
+    color: chatTokens.colorText
+  },
+  plusButton: {
+    padding: 4
+  },
+  // 展开态
+  expandedFallback: {
+    backgroundColor: chatTokens.colorBgElevated,
+    borderRadius: chatTokens.radiusMd,
+    padding: 12,
+    ...chatTokens.shadow
+  },
+  expandedInputArea: {
+    minHeight: 40,
+    maxHeight: 100
+  },
+  expandedText: {
+    fontSize: chatTokens.fontSize,
+    color: chatTokens.colorText
+  },
+  toolbar: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  toolButton: {
+    padding: 4
+  },
+  toolbarSpacer: {
+    flex: 1
+  },
+  sendButton: {
+    marginLeft: 8
+  },
+  sendCircle: {
+    width: 32,
+    height: 32,
+    borderRadius: 16,
+    backgroundColor: chatTokens.colorPrimary,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  // 录音态
+  recordingBar: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    height: 46,
+    borderRadius: chatTokens.radiusXl,
+    paddingHorizontal: 16
+  },
+  recordingHint: {
+    fontSize: 14,
+    color: '#FFFFFF',
+    fontWeight: '500'
+  }
+});
+export default /*#__PURE__*/React.memo(Sender);
+//# sourceMappingURL=Sender.js.map

package/lib/module/sender/Sender.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","useRef","View","Text","TouchableOpacity","StyleSheet","Platform","PanResponder","chatTokens","Icon","jsx","_jsx","jsxs","_jsxs","CANCEL_THRESHOLD","Sender","onSend","onStop","isRequesting","placeholder","maxLength","voiceEnabled","actionsEnabled","actions","onActionSelect","disabled","style","styles","semanticStyles","testID","renderInput","renderActionSheet","renderWaveAnimation","mode","setMode","expanded","setExpanded","text","setText","showActions","setShowActions","isRecording","setIsRecording","recordingCancelled","setRecordingCancelled","startY","handleToggleMode","prev","handleExpand","handleCollapse","trim","handleSend","trimmed","handleActionSelect","key","panResponder","create","onStartShouldSetPanResponder","onMoveShouldSetPanResponder","onPanResponderGrant","current","onPanResponderMove","_","gestureState","dy","onPanResponderRelease","hasText","length","bgColor","colorError","colorPrimary","hintText","defaultStyles","container","root","children","recordingBar","backgroundColor","recording","panHandlers","recordingHint","active","color","toolbar","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","paddingHorizontal","space","paddingTop","spaceSm","paddingBottom","OS","flexDirection","alignItems","colorBgElevated","borderRadius","radiusXl","height","shadow","padding","flex","justifyContent","paddingLeft","fontSize","colorTextPlaceholder","fontWeight","colorText","radiusMd","minHeight","maxHeight","marginLeft","width","memo"],"sourceRoot":"../../../src","sources":["sender/Sender.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/sender/index.md

@@ -0,0 +1,131 @@
+---
+title: Sender 输入发送器
+nav:
+  title: 组件
+  path: /components
+---
+
+# Sender 输入发送器
+
+完整的聊天输入组件，包含文本输入、语音录制、附件面板三种模式。
+
+## 何时使用
+
+- 需要完整的聊天输入体验
+- 需要文本/语音双模式切换
+- 需要附件或扩展操作面板
+
+## 状态机
+
+```
+collapsed (收起态)
+  ├── 点击输入区 → expanded (展开态)
+  ├── 按住说话按钮 → recording (录音态)
+  └── 点击 + → ActionSheet
+expanded (展开态)
+  ├── 输入文本 + 发送 → collapsed
+  └── 失焦且无文本 → collapsed
+recording (录音态)
+  ├── 松手 → 发送录音 → collapsed
+  └── 上划超过阈值 → 取消录音 → collapsed
+```
+
+## 代码示例
+
+### 基本用法
+
+```tsx
+import { Sender } from '@unif/react-native-chat';
+
+<Sender
+  onSend={(text) => console.log('发送:', text)}
+  placeholder="输入消息..."
+/>
+```
+
+### 带停止按钮
+
+```tsx
+<Sender
+  onSend={handleSend}
+  onStop={handleAbort}
+  isRequesting={true}
+/>
+```
+
+### 注入 UI 库组件
+
+```tsx
+import { Input, ActionSheet, WaveAnimation } from '@unif/react-native-ui';
+
+<Sender
+  onSend={handleSend}
+  actions={[
+    { key: 'camera', label: '拍照' },
+    { key: 'album', label: '相册' },
+  ]}
+  onActionSelect={handleAction}
+  renderInput={(props) => (
+    <Input
+      value={props.value}
+      onChangeText={props.onChangeText}
+      onSubmitEditing={props.onSubmitEditing}
+      toolbar={props.toolbar}
+      autoFocus={props.autoFocus}
+    />
+  )}
+  renderActionSheet={(props) => (
+    <ActionSheet
+      visible={props.visible}
+      onClose={props.onClose}
+      options={props.options}
+      onSelect={props.onSelect}
+    />
+  )}
+  renderWaveAnimation={(props) => (
+    <WaveAnimation active={props.active} color={props.color} />
+  )}
+/>
+```
+
+## API
+
+### SenderProps
+
+| 属性 | 说明 | 类型 | 默认值 |
+|------|------|------|--------|
+| onSend | 发送文本回调 | `(text: string) => void` | - |
+| onStop | 中止请求回调 | `() => void` | - |
+| onVoiceSend | 语音发送回调 | `(audioUri: string) => void` | - |
+| isRequesting | 是否正在请求中 | `boolean` | `false` |
+| placeholder | 占位文字 | `string` | `'发消息'` |
+| maxLength | 最大字数 | `number` | `2000` |
+| voiceEnabled | 启用语音按钮 | `boolean` | `true` |
+| actionsEnabled | 启用 + 按钮 | `boolean` | `true` |
+| actions | 操作面板选项 | `ActionSheetOption[]` | `[]` |
+| onActionSelect | 操作面板选中回调 | `(key: string) => void` | - |
+| disabled | 禁用 | `boolean` | `false` |
+| style | 容器样式 | `ViewStyle` | - |
+| styles | 语义样式 | `Partial<SenderSemanticStyles>` | - |
+| testID | 测试标识 | `string` | `'sender'` |
+| renderInput | 自定义输入框渲染 | `(props) => ReactNode` | - |
+| renderActionSheet | 自定义操作面板渲染 | `(props) => ReactNode` | - |
+| renderWaveAnimation | 自定义波形动画渲染 | `(props) => ReactNode` | - |
+
+### SenderSemanticStyles
+
+| 属性 | 说明 | 类型 |
+|------|------|------|
+| root | 外层容器 | `ViewStyle` |
+| collapsed | 收起态 | `ViewStyle` |
+| expanded | 展开态 | `ViewStyle` |
+| recording | 录音态 | `ViewStyle` |
+| toolbar | 工具栏 | `ViewStyle` |
+
+### ActionSheetOption
+
+| 属性 | 说明 | 类型 |
+|------|------|------|
+| key | 唯一标识 | `string` |
+| label | 显示文字 | `string` |
+| icon | 图标 | `ReactNode` |

package/lib/module/theme/tokens.js

@@ -0,0 +1,72 @@
+"use strict";
+
+/**
+ * Chat 专属 Design Tokens
+ * 仅定义 Chat 特有的 token，通用 token 从 @unif/react-native-ui 引用
+ */
+
+let _chatConfig = {};
+export function configure(options) {
+  _chatConfig = {
+    ..._chatConfig,
+    ...options
+  };
+}
+export const chatTokens = {
+  // 气泡
+  colorBgUserMsg: '#E8F0FE',
+  colorBgAssistantMsg: 'transparent',
+  // 欢迎页渐变
+  colorBgWelcomeStart: '#E8F4FD',
+  colorBgWelcomeMid: '#F0E6FF',
+  colorBgWelcomeEnd: '#F5F5F5',
+  // 录音
+  colorRecording: '#FF3B30',
+  // 通用（colorPrimary 支持运行时注入）
+  get colorPrimary() {
+    return _chatConfig.primaryColor || '#1677FF';
+  },
+  colorError: '#FF3B30',
+  colorText: '#1F2937',
+  colorTextSecondary: '#6B7280',
+  colorTextPlaceholder: '#9CA3AF',
+  colorBgElevated: '#FFFFFF',
+  colorBorder: '#E5E7EB',
+  colorLink: '#1677FF',
+  // 间距
+  spaceXs: 4,
+  spaceSm: 8,
+  space: 12,
+  spaceMd: 16,
+  // 字体
+  fontSize: 15,
+  fontSizeSm: 13,
+  lineHeight: 22,
+  // 圆角
+  radiusSm: 6,
+  radiusMd: 12,
+  radiusXl: 23,
+  radiusFull: 999,
+  // 阴影
+  shadow: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.05,
+    shadowRadius: 3,
+    elevation: 2
+  },
+  shadowSm: {
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 1
+    },
+    shadowOpacity: 0.03,
+    shadowRadius: 2,
+    elevation: 1
+  }
+};
+//# sourceMappingURL=tokens.js.map

package/lib/module/theme/tokens.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_chatConfig","configure","options","chatTokens","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;AAErC,OAAO,SAASC,SAASA,CAACC,OAAwB,EAAQ;EACxDF,WAAW,GAAG;IAAE,GAAGA,WAAW;IAAE,GAAGE;EAAQ,CAAC;AAC9C;AAEA,OAAO,MAAMC,UAAU,GAAG;EACxB;EACAC,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,OAAOV,WAAW,CAACW,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":[]}

package/lib/module/types/react-native-vector-icons.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=react-native-vector-icons.d.js.map

package/lib/module/types/react-native-vector-icons.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["types/react-native-vector-icons.d.ts"],"mappings":"","ignoreList":[]}