@unif/react-native-chat 3.0.0 → 3.2.0

package/lib/typescript/src/components/Message/MarkdownContent/MarkdownContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MarkdownContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Message/MarkdownContent/MarkdownContent.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,YAAS,CAAC;AAG3E,wBAAgB,eAAe,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,EAAE,oBAAoB,+BAwE1E"}
+{"version":3,"file":"MarkdownContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Message/MarkdownContent/MarkdownContent.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,oBAAoB,EAAyB,MAAM,YAAS,CAAC;AAG3E,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,WAAW,EACX,QAAgB,GACjB,EAAE,oBAAoB,+BAgFtB"}

package/lib/typescript/src/components/Message/MarkdownContent/styles.d.ts

@@ -25,6 +25,7 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
     };
     link: {
         color: string;
+        textDecorationLine: "underline";
         fontSize: number;
         lineHeight: number;
     };
@@ -35,11 +36,108 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
     };
     codespan: {
         fontFamily: string;
+        color: string;
         backgroundColor: string;
         fontSize: number;
         lineHeight: number;
+    };
+    h1: {
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+        borderBottomColor: string;
+    };
+    h2: {
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+        borderBottomColor: string;
+    };
+    h3: {
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    h4: {
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    h5: {
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    h6: {
+        fontSize: number;
+        lineHeight: number;
         color: string;
     };
+    paragraph: {
+        paddingVertical: number;
+    };
+    code: {
+        padding: number;
+        backgroundColor: string;
+    };
+    codeText: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+    };
+    blockquote: {
+        borderLeftColor: string;
+    };
+    hr: {
+        borderBottomColor: string;
+    };
+    table: {
+        borderColor: string;
+    };
+}>;
+export declare const createOutgoingStyles: (colors: ColorTokens) => Readonly<{
+    text: {
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    em: {
+        fontStyle: "italic";
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    strong: {
+        fontWeight: "bold";
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    strikethrough: {
+        textDecorationLine: "line-through";
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    link: {
+        color: string;
+        textDecorationLine: "underline";
+        fontSize: number;
+        lineHeight: number;
+    };
+    li: {
+        fontSize: number;
+        lineHeight: number;
+        color: string;
+    };
+    codespan: {
+        fontFamily: string;
+        color: string;
+        backgroundColor: string;
+        fontSize: number;
+        lineHeight: number;
+    };
     h1: {
         fontSize: number;
         lineHeight: number;
@@ -79,6 +177,12 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
         padding: number;
         backgroundColor: string;
     };
+    codeText: {
+        color: string;
+        fontFamily: string;
+        fontSize: number;
+        lineHeight: number;
+    };
     blockquote: {
         borderLeftColor: string;
     };

package/lib/typescript/src/components/Message/MarkdownContent/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Message/MarkdownContent/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwD/C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Message/MarkdownContent/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAmE7D,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EACb,CAAC;AACpC,eAAO,MAAM,oBAAoB,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EACtB,CAAC"}

package/lib/typescript/src/components/Message/MarkdownContent/types.d.ts

@@ -1,6 +1,7 @@
 export interface MarkdownContentProps {
     text: string;
     onLinkPress?(url: string): void;
+    outgoing?: boolean;
 }
 export interface MarkdownSvgLabelProps {
     alt?: string;

package/lib/typescript/src/components/Message/MarkdownContent/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Message/MarkdownContent/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;CACjC;AAED,MAAM,WAAW,qBAAqB;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Message/MarkdownContent/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,qBAAqB;IACpC,GAAG,CAAC,EAAE,MAAM,CAAC;CACd"}

package/lib/typescript/src/components/Message/Message.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAS,CAAC;AAE5C,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BAiI1C"}
+{"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAS,CAAC;AAE5C,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,+BA0J1C"}

package/lib/typescript/src/components/Message/styles.d.ts

@@ -5,13 +5,12 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
         alignItems: "flex-start";
         gap: number;
         minWidth: number;
-        paddingVertical: number;
     };
     end: {
         flexDirection: "row-reverse";
     };
     column: {
-        flexShrink: number;
+        flex: number;
         maxWidth: string;
         gap: number;
         alignItems: "flex-start";
@@ -20,8 +19,8 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
         alignItems: "flex-end";
     };
     fullWidth: {
-        flex: number;
         alignSelf: "stretch";
+        maxWidth: string;
     };
     content: {
         minWidth: number;
@@ -29,15 +28,20 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
         gap: number;
     };
     bubble: {
-        padding: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
         borderRadius: number;
         backgroundColor: string;
     };
     outgoing: {
         backgroundColor: string;
     };
+    outgoingText: {
+        color: string;
+    };
     outlined: {
-        padding: number;
+        paddingHorizontal: number;
+        paddingVertical: number;
         borderRadius: number;
         borderWidth: number;
         borderColor: string;
@@ -48,6 +52,7 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
     };
     text: {
         fontSize: number;
+        lineHeight: number;
         color: string;
     };
     name: {
@@ -65,6 +70,7 @@ export declare const createStyles: (colors: ColorTokens) => Readonly<{
         flexDirection: "row";
         flexWrap: "wrap";
         gap: number;
+        marginTop: number;
     };
 }>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/Message/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqC5C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgD5C,CAAC"}

package/lib/typescript/src/components/MessageList/MessageList.d.ts

@@ -1,4 +1,4 @@
 import type { RefAttributes } from 'react';
 import type { MessageListHandle, MessageListProps } from './types.js';
-export declare function MessageList<T>({ items, keyExtractor, renderItem, extraData, header, footer, empty, renderSeparator, initialPosition, followOutput, endThreshold, showScrollToEnd, onAtEndChange, hasEarlier, loadingEarlier, onRequestEarlier, keyboardDismissMode, style, testID, ref, }: MessageListProps<T> & RefAttributes<MessageListHandle>): import("react").JSX.Element;
+export declare function MessageList<T>({ items, keyExtractor, renderItem, extraData, header, footer, empty, renderSeparator, initialPosition, followOutput, endThreshold, showScrollToEnd, scrollToEndBusy, onAtEndChange, hasEarlier, loadingEarlier, onRequestEarlier, keyboardDismissMode, contentContainerStyle, showsVerticalScrollIndicator, style, testID, ref, }: MessageListProps<T> & RefAttributes<MessageListHandle>): import("react").JSX.Element;
 //# sourceMappingURL=MessageList.d.ts.map

package/lib/typescript/src/components/MessageList/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../../../src/components/MessageList/MessageList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAS,CAAC;AAInE,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,SAAS,EACT,MAAM,EACN,MAAM,EACN,KAAK,EACL,eAAe,EACf,eAAuB,EACvB,YAA0B,EAC1B,YAAoC,EACpC,eAAsB,EACtB,aAAa,EACb,UAAkB,EAClB,cAAsB,EACtB,gBAAgB,EAChB,mBAA+B,EAC/B,KAAK,EACL,MAAM,EACN,GAAG,GACJ,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,+BAuGxD"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../../../src/components/MessageList/MessageList.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAc3C,OAAO,KAAK,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,YAAS,CAAC;AAInE,wBAAgB,WAAW,CAAC,CAAC,EAAE,EAC7B,KAAK,EACL,YAAY,EACZ,UAAU,EACV,SAAS,EACT,MAAM,EACN,MAAM,EACN,KAAK,EACL,eAAe,EACf,eAAuB,EACvB,YAA0B,EAC1B,YAAoC,EACpC,eAAsB,EACtB,eAAuB,EACvB,aAAa,EACb,UAAkB,EAClB,cAAsB,EACtB,gBAAgB,EAChB,mBAA+B,EAC/B,qBAAqB,EACrB,4BAAoC,EACpC,KAAK,EACL,MAAM,EACN,GAAG,GACJ,EAAE,gBAAgB,CAAC,CAAC,CAAC,GAAG,aAAa,CAAC,iBAAiB,CAAC,+BAoHxD"}

package/lib/typescript/src/components/MessageList/styles.d.ts

@@ -1,4 +1,5 @@
-export declare const styles: Readonly<{
+import type { ColorTokens, ShadowTokens } from '@unif/react-native-design';
+export declare const createStyles: (colors: ColorTokens, shadows: ShadowTokens) => Readonly<{
     root: {
         flex: number;
         minHeight: number;
@@ -11,6 +12,30 @@ export declare const styles: Readonly<{
         position: "absolute";
         bottom: number;
         alignSelf: "center";
+        width: number;
+        height: number;
+        alignItems: "center";
+        justifyContent: "center";
+    };
+    returnProgress: Readonly<{
+        position: "absolute";
+        left: 0;
+        right: 0;
+        top: 0;
+        bottom: 0;
+    }>;
+    returnButton: {
+        shadowColor: string;
+        shadowOffset: {
+            readonly width: number;
+            readonly height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        alignSelf: "center";
+        borderRadius: number;
+        backgroundColor: string;
     };
 }>;
 //# sourceMappingURL=styles.d.ts.map

package/lib/typescript/src/components/MessageList/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MessageList/styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;EAIjB,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MessageList/styles.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC3E,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW,EAAE,SAAS,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoBnE,CAAC"}

package/lib/typescript/src/components/MessageList/types.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
+import type { ScrollViewProps, StyleProp, ViewStyle } from 'react-native';
 export interface MessageListScrollOptions {
     animated?: boolean;
 }
@@ -19,11 +19,15 @@ export interface MessageListProps<T> {
     followOutput?: 'whenAtEnd' | 'never';
     endThreshold?: number;
     showScrollToEnd?: boolean;
+    /** 外部仍在生成内容时显示返回入口的进度外环，不影响滚动操作。 */
+    scrollToEndBusy?: boolean;
     onAtEndChange?(atEnd: boolean): void;
     hasEarlier?: boolean;
     loadingEarlier?: boolean;
     onRequestEarlier?(): void;
-    keyboardDismissMode?: 'none' | 'on-drag';
+    keyboardDismissMode?: ScrollViewProps['keyboardDismissMode'];
+    contentContainerStyle?: StyleProp<ViewStyle>;
+    showsVerticalScrollIndicator?: boolean;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/src/components/MessageList/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/MessageList/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;CACvD;AACD,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAC1B,mBAAmB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/MessageList/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE1E,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AACD,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,OAAO,CAAC,EAAE,wBAAwB,GAAG,IAAI,CAAC;CACvD;AACD,MAAM,WAAW,gBAAgB,CAAC,CAAC;IACjC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,YAAY,CAAC,IAAI,EAAE,CAAC,GAAG,MAAM,CAAC;IAC9B,UAAU,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,eAAe,CAAC,CAAC,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC;IAClD,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAClC,YAAY,CAAC,EAAE,WAAW,GAAG,OAAO,CAAC;IACrC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,oCAAoC;IACpC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,aAAa,CAAC,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,gBAAgB,CAAC,IAAI,IAAI,CAAC;IAC1B,mBAAmB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC7D,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,EAAE,OAAO,CAAC;CACzB"}

package/lib/typescript/src/components/Process/Process.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Process.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/Process.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,YAAS,CAAC;AAkCzD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAmH9D"}
+{"version":3,"file":"Process.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/Process.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,YAAY,EAAe,MAAM,YAAS,CAAC;AAkCzD,wBAAgB,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgI9D"}

package/lib/typescript/src/components/Process/ProcessCompactStep.d.ts

@@ -0,0 +1,3 @@
+import type { ProcessCompactStepProps } from './types.js';
+export declare function ProcessCompactStep({ step, expanded, elapsed, onToggle, }: ProcessCompactStepProps): import("react").JSX.Element;
+//# sourceMappingURL=ProcessCompactStep.d.ts.map

package/lib/typescript/src/components/Process/ProcessCompactStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProcessCompactStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/ProcessCompactStep.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,+BAyFzB"}

package/lib/typescript/src/components/Process/styles.d.ts

@@ -1,5 +1,35 @@
 import type { ColorTokens } from '@unif/react-native-design';
 export declare const createStyles: (colors: ColorTokens) => Readonly<{
+    compactRoot: {
+        gap: number;
+    };
+    compactSteps: {
+        gap: number;
+    };
+    compactHeader: {
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        minHeight: number;
+        paddingVertical: number;
+    };
+    compactTitle: {
+        flex: number;
+        minWidth: number;
+        color: string;
+        fontSize: number;
+        fontWeight: "500";
+    };
+    compactDescription: {
+        color: string;
+        fontSize: number;
+        lineHeight: number;
+    };
+    compactDetails: {
+        maxHeight: number;
+        paddingTop: number;
+        paddingBottom: number;
+    };
     root: {
         gap: number;
         padding: number;

package/lib/typescript/src/components/Process/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwE5C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAE7D,eAAO,MAAM,YAAY,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkG5C,CAAC"}

package/lib/typescript/src/components/Process/types.d.ts

@@ -12,12 +12,20 @@ export interface ProcessStep {
     actions?: readonly ChatAction[];
 }
 export interface ProcessBaseProps {
+    /** card 为完整步骤面板；compact 为可整行展开、有界详情的轻量过程展示。 */
+    variant?: 'card' | 'compact';
     steps: readonly ProcessStep[];
     title?: string;
     identity?: ReactNode;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }
+export interface ProcessCompactStepProps {
+    step: ProcessStep;
+    expanded: boolean;
+    elapsed?: string;
+    onToggle(): void;
+}
 export interface ProcessControlledExpansion {
     expandedIds: readonly string[];
     onExpandedChange(ids: readonly string[]): void;

package/lib/typescript/src/components/Process/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAe,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAC3B,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE/D,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IAC/C,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,gBAAgB,CAAC,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,CAAC,0BAA0B,GAAG,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAe,CAAC;AAEhD,MAAM,MAAM,iBAAiB,GAC3B,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE/D,MAAM,WAAW,WAAW;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,iBAAiB,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,UAAU,EAAE,CAAC;CACjC;AAED,MAAM,WAAW,gBAAgB;IAC/B,+CAA+C;IAC/C,OAAO,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,KAAK,EAAE,SAAS,WAAW,EAAE,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,uBAAuB;IACtC,IAAI,EAAE,WAAW,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,IAAI,IAAI,CAAC;CAClB;AAED,MAAM,WAAW,0BAA0B;IACzC,WAAW,EAAE,SAAS,MAAM,EAAE,CAAC;IAC/B,gBAAgB,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;IAC/C,kBAAkB,CAAC,EAAE,KAAK,CAAC;CAC5B;AAED,MAAM,WAAW,qBAAqB;IACpC,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,kBAAkB,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IACvC,gBAAgB,CAAC,CAAC,GAAG,EAAE,SAAS,MAAM,EAAE,GAAG,IAAI,CAAC;CACjD;AAED,MAAM,MAAM,YAAY,GAAG,gBAAgB,GACzC,CAAC,0BAA0B,GAAG,qBAAqB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unif/react-native-chat",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "description": "Unif React Native 聊天组件：消息、输入、附件和交互展示",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -68,7 +68,7 @@
     "@release-it/conventional-changelog": "^12.0.0",
     "@testing-library/react-native": "13.3.3",
     "@types/react": "^19.2.0",
-    "@unif/react-native-design": "0.35.0",
+    "@unif/react-native-design": "0.36.0",
     "commitlint": "^21.2.1",
     "del-cli": "^7.0.0",
     "eslint": "^9.39.5",
@@ -96,7 +96,7 @@
     "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "@unif/react-native-design": "^0.35.0",
+    "@unif/react-native-design": ">=0.36.0",
     "react": ">=19.2.3 <20.0.0",
     "react-native": ">=0.86.0",
     "react-native-svg": ">=15"

package/src/components/Composer/Composer.tsx

@@ -22,6 +22,7 @@ import {
 } from './constants';
 import { ComposerIconAction } from './ComposerIconAction';
 import { ComposerMenuItem } from './ComposerMenuItem';
+import { ComposerVoiceWave } from './ComposerVoiceWave';
 import { createStyles } from './styles';
 import type { ComposerHandle, ComposerProps } from './types';
 
@@ -122,7 +123,9 @@ export const Composer = forwardRef<ComposerHandle, ComposerProps>(
           }
         }}
       >
-        {header != null ? <View style={styles.accessory}>{header}</View> : null}
+        {header != null ? (
+          <View style={[styles.accessory, styles.header]}>{header}</View>
+        ) : null}
         {menuOpen && !disabled && !voiceActive && actions.length > 0 ? (
           <>
             <Pressable
@@ -175,6 +178,7 @@ export const Composer = forwardRef<ComposerHandle, ComposerProps>(
             <Textarea
               ref={inputRef}
               surface="plain"
+              contentAlignment="center"
               value={value}
               onChangeText={onChangeText}
               editable={editable}
@@ -247,19 +251,22 @@ export const Composer = forwardRef<ComposerHandle, ComposerProps>(
               disabled={disabled || voice.disabled}
               onPress={voice.onCancel}
             />
-            <Text
-              numberOfLines={1}
-              ellipsizeMode="head"
-              style={[
-                styles.transcript,
-                !voice.transcript && styles.transcriptPlaceholder,
-              ]}
-              accessibilityLiveRegion="polite"
-            >
-              {voice.status === 'starting'
-                ? VOICE_LABELS.starting
-                : voice.transcript || VOICE_LABELS[voice.status]}
-            </Text>
+            <View style={styles.voiceBody}>
+              {voice.status !== 'starting' ? <ComposerVoiceWave /> : null}
+              <Text
+                numberOfLines={1}
+                ellipsizeMode="head"
+                style={[
+                  styles.transcript,
+                  !voice.transcript && styles.transcriptPlaceholder,
+                ]}
+                accessibilityLiveRegion="polite"
+              >
+                {voice.status === 'starting'
+                  ? VOICE_LABELS.starting
+                  : voice.transcript || VOICE_LABELS[voice.status]}
+              </Text>
+            </View>
             {voice.status === 'listening' ? (
               <ComposerIconAction
                 icon="stop"

package/src/components/Composer/ComposerIconAction.tsx

@@ -3,6 +3,7 @@ import { Icon, useColors, useThemedStyles } from '@unif/react-native-design';
 import {
   COMPOSER_ACTION_ICON_SIZE,
   COMPOSER_PRIMARY_ICON_SIZE,
+  COMPOSER_CANCEL_ICON_SIZE,
 } from './constants';
 import { createStyles } from './styles';
 import { useMousePress } from './useMousePress';
@@ -56,7 +57,11 @@ export function ComposerIconAction({
             <Icon
               name={icon}
               size={
-                primary ? COMPOSER_PRIMARY_ICON_SIZE : COMPOSER_ACTION_ICON_SIZE
+                primary
+                  ? COMPOSER_PRIMARY_ICON_SIZE
+                  : visual === 'cancel'
+                    ? COMPOSER_CANCEL_ICON_SIZE
+                    : COMPOSER_ACTION_ICON_SIZE
               }
               color={color}
               style={

package/src/components/Composer/ComposerVoiceWave.tsx

@@ -0,0 +1,67 @@
+import { useEffect, useState } from 'react';
+import { Animated, Easing, Platform, View } from 'react-native';
+import {
+  usePrefersReducedMotion,
+  useThemedStyles,
+} from '@unif/react-native-design';
+import {
+  COMPOSER_VOICE_WAVE_PATTERN,
+  COMPOSER_VOICE_WAVE_STAGGER_MS,
+} from './constants';
+import { createStyles } from './styles';
+
+export function ComposerVoiceWave() {
+  const styles = useThemedStyles(createStyles);
+  const reducedMotion = usePrefersReducedMotion();
+  const [values] = useState(() =>
+    COMPOSER_VOICE_WAVE_PATTERN.map(
+      (group) => new Animated.Value(group.from / Math.max(group.from, group.to))
+    )
+  );
+  useEffect(() => {
+    const animations = COMPOSER_VOICE_WAVE_PATTERN.map((group, index) => {
+      const value = values[index]!;
+      const maximum = Math.max(group.from, group.to);
+      value.setValue((reducedMotion ? group.to : group.from) / maximum);
+      return Animated.sequence([
+        Animated.delay(index * COMPOSER_VOICE_WAVE_STAGGER_MS),
+        Animated.loop(
+          Animated.sequence(
+            [group.to, group.from].map((height) =>
+              Animated.timing(value, {
+                toValue: height / maximum,
+                duration: group.duration / 2,
+                easing: Easing.inOut(Easing.ease),
+                useNativeDriver: Platform.OS !== 'web',
+              })
+            )
+          )
+        ),
+      ]);
+    });
+    if (!reducedMotion) animations.forEach((animation) => animation.start());
+    return () => animations.forEach((animation) => animation.stop());
+    // 波形规格固定，输入文字更新不重启装饰动画。
+  }, [reducedMotion, values]);
+  return (
+    <View
+      style={styles.wave}
+      pointerEvents="none"
+      accessibilityElementsHidden
+      importantForAccessibility="no-hide-descendants"
+    >
+      {COMPOSER_VOICE_WAVE_PATTERN.map((group, index) => (
+        <Animated.View
+          key={index}
+          style={[
+            styles.waveBar,
+            {
+              height: Math.max(group.from, group.to),
+              transform: [{ scaleY: values[index]! }],
+            },
+          ]}
+        />
+      ))}
+    </View>
+  );
+}

package/src/components/Composer/constants.ts

@@ -2,10 +2,23 @@ import { space, type } from '@unif/react-native-design';
 
 export const COMPOSER_INPUT_LINE_HEIGHT = Math.round(type.body * 1.4);
 export const COMPOSER_INPUT_MAX_LINES = 4;
-export const COMPOSER_PLAIN_VERTICAL_INSET = 2 * space[4];
+export const COMPOSER_PLAIN_VERTICAL_INSET = 2 * space[3];
 export const COMPOSER_ACTION_VISUAL_SIZE = 34;
 export const COMPOSER_ACTION_ICON_SIZE = 22;
 export const COMPOSER_PRIMARY_ICON_SIZE = 18;
+export const COMPOSER_CANCEL_ICON_SIZE = 20;
+export const COMPOSER_VOICE_WAVE_COUNT = 5;
+export const COMPOSER_VOICE_WAVE_STAGGER_MS = 90;
+export const COMPOSER_VOICE_WAVE_GROUPS = [
+  { from: 6, to: 20, duration: 1100 },
+  { from: 14, to: 5, duration: 1000 },
+  { from: 8, to: 18, duration: 900 },
+] as const;
+export const COMPOSER_VOICE_WAVE_PATTERN = Array.from(
+  { length: COMPOSER_VOICE_WAVE_COUNT },
+  (_, index) =>
+    COMPOSER_VOICE_WAVE_GROUPS[index % COMPOSER_VOICE_WAVE_GROUPS.length]!
+);
 export const COMPOSER_MENU_ICON_CONTAINER_SIZE = 40;
 export const COMPOSER_MENU_ICON_SIZE = 20;
 export const PRIMARY_LABELS = {