@unif/react-native-chat 3.2.4 → 3.3.1

package/lib/module/components/Message/MarkdownContent/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { type, space, fontMono } from '@unif/react-native-design';
+import { type, fw } from '@unif/react-native-design';
 const makeMarkdownStyles = (colors, outgoing) => {
   const textColor = outgoing ? colors.onPrimary : colors.foreground;
   const body = {
@@ -12,78 +12,74 @@ const makeMarkdownStyles = (colors, outgoing) => {
   return StyleSheet.create({
     text: body,
     em: {
-      ...body,
+      color: textColor,
       fontStyle: 'italic'
     },
     strong: {
-      ...body,
+      color: textColor,
       fontWeight: 'bold'
     },
     strikethrough: {
-      ...body,
+      color: textColor,
       textDecorationLine: 'line-through'
     },
     link: {
-      ...body,
       color: outgoing ? colors.onPrimary : colors.primary,
       textDecorationLine: 'underline'
     },
-    li: body,
+    li: {
+      color: textColor,
+      fontSize: type.sm
+    },
     codespan: {
-      ...body,
-      fontFamily: fontMono,
       color: colors.foreground,
       backgroundColor: colors.surfaceContainer
     },
     h1: {
-      fontSize: type.h1,
-      lineHeight: type.h1 * 1.4,
-      color: textColor,
-      borderBottomColor: colors.outline
+      fontSize: type.h2,
+      fontWeight: fw.bold,
+      color: textColor
     },
     h2: {
-      fontSize: type.h2,
-      lineHeight: type.h2 * 1.4,
-      color: textColor,
-      borderBottomColor: colors.outline
+      fontSize: type.h3,
+      fontWeight: fw.bold,
+      color: textColor
     },
     h3: {
-      fontSize: type.h3,
-      lineHeight: type.h3 * 1.4,
+      fontSize: type.body,
+      fontWeight: fw.semi,
       color: textColor
     },
     h4: {
-      fontSize: type.body,
-      lineHeight: type.body * 1.4,
+      fontSize: type.sm,
+      fontWeight: fw.semi,
       color: textColor
     },
     h5: {
       fontSize: type.sm,
-      lineHeight: type.sm * 1.4,
+      fontWeight: fw.semi,
       color: textColor
     },
     h6: {
-      fontSize: type.xs,
-      lineHeight: type.xs * 1.4,
+      fontSize: type.sm,
+      fontWeight: fw.semi,
       color: textColor
     },
-    paragraph: {
-      paddingVertical: space[1]
-    },
     code: {
-      padding: space[2],
-      backgroundColor: colors.surfaceContainer
+      backgroundColor: colors.surfaceContainer,
+      borderColor: colors.outline,
+      borderWidth: 1
     },
     codeText: {
-      ...body,
-      color: colors.foreground,
-      fontFamily: fontMono
+      color: colors.foreground
     },
     blockquote: {
-      borderLeftColor: colors.outline
+      borderColor: colors.outline,
+      borderLeftWidth: 3
     },
     hr: {
-      borderBottomColor: colors.outline
+      backgroundColor: colors.outline,
+      height: 1
     },
     table: {
       borderColor: colors.outline

package/lib/module/components/Message/MarkdownContent/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","type","space","fontMono","makeMarkdownStyles","colors","outgoing","textColor","onPrimary","foreground","body","fontSize","sm","lineHeight","color","create","text","em","fontStyle","strong","fontWeight","strikethrough","textDecorationLine","link","primary","li","codespan","fontFamily","backgroundColor","surfaceContainer","h1","borderBottomColor","outline","h2","h3","h4","h5","h6","xs","paragraph","paddingVertical","code","padding","codeText","blockquote","borderLeftColor","hr","table","borderColor","createStyles","createOutgoingStyles"],"sourceRoot":"../../../../../src","sources":["components/Message/MarkdownContent/styles.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["StyleSheet","type","fw","makeMarkdownStyles","colors","outgoing","textColor","onPrimary","foreground","body","fontSize","sm","lineHeight","color","create","text","em","fontStyle","strong","fontWeight","strikethrough","textDecorationLine","link","primary","li","codespan","backgroundColor","surfaceContainer","h1","h2","bold","h3","semi","h4","h5","h6","code","borderColor","outline","borderWidth","codeText","blockquote","borderLeftWidth","hr","height","table","createStyles","createOutgoingStyles"],"sourceRoot":"../../../../../src","sources":["components/Message/MarkdownContent/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Message/Message.js

@@ -1,10 +1,11 @@
 "use strict";
 
 import { Pressable, Text, View } from 'react-native';
-import { Button, IconButton, Spinner, useThemedStyles, useColors } from '@unif/react-native-design';
+import { Button, IconButton, useThemedStyles, useColors } from '@unif/react-native-design';
 import { MarkdownContent } from "./MarkdownContent/MarkdownContent.js";
 import { createStyles } from "./styles.js";
 import { isNestedAction } from "./isNestedAction.js";
+import { MessageWaiting } from "./MessageWaiting.js";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 export function Message(props) {
   const {
@@ -18,6 +19,7 @@ export function Message(props) {
     header,
     footer,
     actions = [],
+    failureAction,
     onPress,
     onLongPress,
     style,
@@ -27,7 +29,8 @@ export function Message(props) {
   const colors = useColors();
   const hasContent = Boolean(props.text?.length) || props.children !== undefined && props.children !== null && props.children !== false || header !== undefined && header !== null && header !== false || footer !== undefined && footer !== null && footer !== false;
   const waiting = (status === 'pending' || status === 'streaming') && !hasContent;
-  const contentStyle = [styles.content, fullWidth && styles.fullWidth, surface === 'bubble' && [styles.bubble, placement === 'end' && styles.outgoing], surface === 'outlined' && styles.outlined, status === 'failed' && styles.failed];
+  const failedAction = status === 'failed' ? failureAction : undefined;
+  const contentStyle = [styles.content, fullWidth && styles.fullWidth, surface === 'bubble' && [styles.bubble, placement === 'end' && styles.outgoing], surface === 'outlined' && styles.outlined, status === 'failed' && styles.failed, waiting && surface === 'bubble' && placement === 'start' && styles.waitingBubble, failedAction && styles.failureContent, failedAction && fullWidth && styles.failureFullWidth];
   const content = /*#__PURE__*/_jsxs(_Fragment, {
     children: [header, props.text !== undefined ? props.format === 'markdown' ? /*#__PURE__*/_jsx(MarkdownContent, {
       text: props.text,
@@ -38,18 +41,27 @@ export function Message(props) {
       style: [styles.text, surface === 'bubble' && placement === 'end' && styles.outgoingText],
       numberOfLines: props.numberOfLines,
       children: props.text
-    }) : props.children, waiting ? /*#__PURE__*/_jsx(View, {
-      accessible: true,
-      accessibilityLabel: "\u6B63\u5728\u7B49\u5F85\u56DE\u590D",
-      accessibilityState: {
-        busy: true
-      },
-      children: /*#__PURE__*/_jsx(Spinner, {})
-    }) : null, statusText ? /*#__PURE__*/_jsx(Text, {
+    }) : props.children, waiting ? /*#__PURE__*/_jsx(MessageWaiting, {
+      label: statusText
+    }) : null, statusText && !waiting ? /*#__PURE__*/_jsx(Text, {
       style: [styles.status, status === 'failed' && styles.errorText],
       children: statusText
     }) : null, footer]
   });
+  const bubble = onPress || onLongPress ? /*#__PURE__*/_jsx(Pressable, {
+    style: contentStyle,
+    onPress: onPress ? event => {
+      if (!isNestedAction(event)) onPress();
+    } : undefined,
+    onLongPress: onLongPress ? event => {
+      if (!isNestedAction(event)) onLongPress();
+    } : undefined,
+    accessible: false,
+    children: content
+  }) : /*#__PURE__*/_jsx(View, {
+    style: contentStyle,
+    children: content
+  });
   return /*#__PURE__*/_jsxs(View, {
     style: [styles.root, placement === 'end' && styles.end, style],
     testID: testID,
@@ -58,20 +70,21 @@ export function Message(props) {
       children: [name ? /*#__PURE__*/_jsx(Text, {
         style: styles.name,
         children: name
-      }) : null, onPress || onLongPress ? /*#__PURE__*/_jsx(Pressable, {
-        style: contentStyle,
-        onPress: onPress ? event => {
-          if (!isNestedAction(event)) onPress();
-        } : undefined,
-        onLongPress: onLongPress ? event => {
-          if (!isNestedAction(event)) onLongPress();
-        } : undefined,
-        accessible: false,
-        children: content
-      }) : /*#__PURE__*/_jsx(View, {
-        style: contentStyle,
-        children: content
-      }), actions.length ? /*#__PURE__*/_jsx(View, {
+      }) : null, failedAction ? /*#__PURE__*/_jsxs(View, {
+        style: [styles.failureRow, placement === 'end' && styles.end],
+        children: [bubble, /*#__PURE__*/_jsx(IconButton, {
+          icon: "alert",
+          size: "sm",
+          variant: "ghost",
+          color: colors.error,
+          style: styles.failureAction,
+          accessibilityLabel: failedAction.label,
+          accessibilityHint: failedAction.accessibilityHint,
+          disabled: failedAction.disabled,
+          loading: failedAction.loading,
+          onPress: failedAction.onPress
+        })]
+      }) : bubble, actions.length ? /*#__PURE__*/_jsx(View, {
         style: styles.actions,
         children: actions.map(action => action.icon ? /*#__PURE__*/_jsx(IconButton, {
           icon: action.icon,

package/lib/module/components/Message/Message.js.map

@@ -1 +1 @@
-{"version":3,"names":["Pressable","Text","View","Button","IconButton","Spinner","useThemedStyles","useColors","MarkdownContent","createStyles","isNestedAction","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Message","props","placement","avatar","name","surface","fullWidth","status","statusText","header","footer","actions","onPress","onLongPress","style","testID","styles","colors","hasContent","Boolean","text","length","children","undefined","waiting","contentStyle","content","bubble","outgoing","outlined","failed","format","onLinkPress","selectable","outgoingText","numberOfLines","accessible","accessibilityLabel","accessibilityState","busy","errorText","root","end","column","columnEnd","event","map","action","icon","size","variant","color","foregroundSubtle","label","accessibilityHint","disabled","loading","id","leftIcon"],"sourceRoot":"../../../../src","sources":["components/Message/Message.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Pressable","Text","View","Button","IconButton","useThemedStyles","useColors","MarkdownContent","createStyles","isNestedAction","MessageWaiting","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Message","props","placement","avatar","name","surface","fullWidth","status","statusText","header","footer","actions","failureAction","onPress","onLongPress","style","testID","styles","colors","hasContent","Boolean","text","length","children","undefined","waiting","failedAction","contentStyle","content","bubble","outgoing","outlined","failed","waitingBubble","failureContent","failureFullWidth","format","onLinkPress","selectable","outgoingText","numberOfLines","label","errorText","event","accessible","root","end","column","columnEnd","failureRow","icon","size","variant","color","error","accessibilityLabel","accessibilityHint","disabled","loading","map","action","foregroundSubtle","id","leftIcon"],"sourceRoot":"../../../../src","sources":["components/Message/Message.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Message/MessageWaiting.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { Animated, Easing, Platform, Text, View } from 'react-native';
+import { usePrefersReducedMotion, useThemedStyles } from '@unif/react-native-design';
+import { MESSAGE_WAITING_DOT_DELAYS, MESSAGE_WAITING_DOT_DURATION, MESSAGE_WAITING_DOT_MIN_OPACITY } from "./constants.js";
+import { createStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MessageWaiting({
+  label
+}) {
+  const styles = useThemedStyles(createStyles);
+  const reducedMotion = usePrefersReducedMotion();
+  const [values] = useState(() => MESSAGE_WAITING_DOT_DELAYS.map(() => new Animated.Value(1)));
+  useEffect(() => {
+    const animations = MESSAGE_WAITING_DOT_DELAYS.map((delay, index) => {
+      const value = values[index];
+      value.setValue(reducedMotion ? 1 : MESSAGE_WAITING_DOT_MIN_OPACITY);
+      return Animated.sequence([Animated.delay(delay), Animated.loop(Animated.sequence([1, MESSAGE_WAITING_DOT_MIN_OPACITY].map(toValue => Animated.timing(value, {
+        toValue,
+        duration: MESSAGE_WAITING_DOT_DURATION,
+        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 /*#__PURE__*/_jsxs(View, {
+    style: styles.waitingRow,
+    accessible: true,
+    accessibilityLabel: label || '正在等待回复',
+    accessibilityState: {
+      busy: true
+    },
+    children: [/*#__PURE__*/_jsx(View, {
+      style: styles.waitingDots,
+      pointerEvents: "none",
+      accessibilityElementsHidden: true,
+      importantForAccessibility: "no-hide-descendants",
+      children: values.map((opacity, index) => /*#__PURE__*/_jsx(Animated.View, {
+        testID: `message-waiting-dot-${index}`,
+        style: [styles.waitingDot, {
+          opacity
+        }]
+      }, index))
+    }), label ? /*#__PURE__*/_jsx(Text, {
+      style: styles.waitingLabel,
+      children: label
+    }) : null]
+  });
+}
+//# sourceMappingURL=MessageWaiting.js.map

package/lib/module/components/Message/MessageWaiting.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","Animated","Easing","Platform","Text","View","usePrefersReducedMotion","useThemedStyles","MESSAGE_WAITING_DOT_DELAYS","MESSAGE_WAITING_DOT_DURATION","MESSAGE_WAITING_DOT_MIN_OPACITY","createStyles","jsx","_jsx","jsxs","_jsxs","MessageWaiting","label","styles","reducedMotion","values","map","Value","animations","delay","index","value","setValue","sequence","loop","toValue","timing","duration","easing","inOut","ease","useNativeDriver","OS","forEach","animation","start","stop","style","waitingRow","accessible","accessibilityLabel","accessibilityState","busy","children","waitingDots","pointerEvents","accessibilityElementsHidden","importantForAccessibility","opacity","testID","waitingDot","waitingLabel"],"sourceRoot":"../../../../src","sources":["components/Message/MessageWaiting.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Message/constants.js

@@ -1,4 +1,7 @@
 "use strict";
 
 export const INTERACTIVE_CONTENT_SELECTOR = 'button,a,input,textarea,select,[role="button"],[role="link"],[role="checkbox"],[role="switch"],[role="menuitem"],[role="tab"]';
+export const MESSAGE_WAITING_DOT_DELAYS = [0, 150, 300];
+export const MESSAGE_WAITING_DOT_DURATION = 600;
+export const MESSAGE_WAITING_DOT_MIN_OPACITY = 0.3;
 //# sourceMappingURL=constants.js.map

package/lib/module/components/Message/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["INTERACTIVE_CONTENT_SELECTOR"],"sourceRoot":"../../../../src","sources":["components/Message/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,4BAA4B,GACvC,+HAA+H","ignoreList":[]}
+{"version":3,"names":["INTERACTIVE_CONTENT_SELECTOR","MESSAGE_WAITING_DOT_DELAYS","MESSAGE_WAITING_DOT_DURATION","MESSAGE_WAITING_DOT_MIN_OPACITY"],"sourceRoot":"../../../../src","sources":["components/Message/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,4BAA4B,GACvC,+HAA+H;AAEjI,OAAO,MAAMC,0BAA0B,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,GAAG,CAAU;AAChE,OAAO,MAAMC,4BAA4B,GAAG,GAAG;AAC/C,OAAO,MAAMC,+BAA+B,GAAG,GAAG","ignoreList":[]}

package/lib/module/components/Message/styles.js

@@ -1,7 +1,7 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { radius, space, type } from '@unif/react-native-design';
+import { r, radius, space, type } from '@unif/react-native-design';
 export const createStyles = colors => StyleSheet.create({
   root: {
     flexDirection: 'row',
@@ -50,8 +50,46 @@ export const createStyles = colors => StyleSheet.create({
     borderColor: colors.outline
   },
   failed: {
-    borderWidth: 1,
-    borderColor: colors.error
+    opacity: 0.7
+  },
+  failureRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    alignSelf: 'stretch',
+    gap: space[2]
+  },
+  failureContent: {
+    flexShrink: 1
+  },
+  failureAction: {
+    alignSelf: 'center'
+  },
+  failureFullWidth: {
+    flex: 1
+  },
+  waitingBubble: {
+    width: r(240),
+    borderTopLeftRadius: 0
+  },
+  waitingRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: space[2]
+  },
+  waitingDots: {
+    flexDirection: 'row',
+    gap: r(3)
+  },
+  waitingDot: {
+    width: r(6),
+    height: r(6),
+    borderRadius: r(3),
+    backgroundColor: colors.foregroundSubtle
+  },
+  waitingLabel: {
+    fontSize: type.xxs,
+    color: colors.foregroundSubtle,
+    flexShrink: 1
   },
   text: {
     fontSize: type.sm,

package/lib/module/components/Message/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","radius","space","type","createStyles","colors","create","root","flexDirection","alignItems","gap","minWidth","end","column","flex","maxWidth","columnEnd","fullWidth","alignSelf","content","bubble","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","surface","outgoing","primary","outgoingText","color","onPrimary","outlined","borderWidth","borderColor","outline","failed","error","text","fontSize","sm","lineHeight","foreground","name","foregroundMuted","status","errorText","actions","flexWrap","marginTop"],"sourceRoot":"../../../../src","sources":["components/Message/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ,2BAA2B;AAG/D,OAAO,MAAMC,YAAY,GAAIC,MAAmB,IAC9CL,UAAU,CAACM,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,YAAY;IACxBC,GAAG,EAAER,KAAK,CAAC,CAAC,CAAC;IACbS,QAAQ,EAAE;EACZ,CAAC;EACDC,GAAG,EAAE;IAAEJ,aAAa,EAAE;EAAc,CAAC;EACrCK,MAAM,EAAE;IACNC,IAAI,EAAE,CAAC;IACPC,QAAQ,EAAE,MAAM;IAChBL,GAAG,EAAER,KAAK,CAAC,CAAC,CAAC;IACbO,UAAU,EAAE;EACd,CAAC;EACDO,SAAS,EAAE;IAAEP,UAAU,EAAE;EAAW,CAAC;EACrCQ,SAAS,EAAE;IAAEC,SAAS,EAAE,SAAS;IAAEH,QAAQ,EAAE;EAAO,CAAC;EACrDI,OAAO,EAAE;IAAER,QAAQ,EAAE,CAAC;IAAEI,QAAQ,EAAE,KAAK;IAAEL,GAAG,EAAER,KAAK,CAAC,CAAC;EAAE,CAAC;EACxDkB,MAAM,EAAE;IACNC,iBAAiB,EAAEnB,KAAK,CAAC,CAAC,CAAC;IAC3BoB,eAAe,EAAEpB,KAAK,CAAC,CAAC,CAAC;IACzBqB,YAAY,EAAEtB,MAAM,CAAC,KAAK,CAAC;IAC3BuB,eAAe,EAAEnB,MAAM,CAACoB;EAC1B,CAAC;EACDC,QAAQ,EAAE;IAAEF,eAAe,EAAEnB,MAAM,CAACsB;EAAQ,CAAC;EAC7CC,YAAY,EAAE;IAAEC,KAAK,EAAExB,MAAM,CAACyB;EAAU,CAAC;EACzCC,QAAQ,EAAE;IACRV,iBAAiB,EAAEnB,KAAK,CAAC,CAAC,CAAC;IAC3BoB,eAAe,EAAEpB,KAAK,CAAC,CAAC,CAAC;IACzBqB,YAAY,EAAEtB,MAAM,CAAC,KAAK,CAAC;IAC3B+B,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE5B,MAAM,CAAC6B;EACtB,CAAC;EACDC,MAAM,EAAE;IAAEH,WAAW,EAAE,CAAC;IAAEC,WAAW,EAAE5B,MAAM,CAAC+B;EAAM,CAAC;EACrDC,IAAI,EAAE;IACJC,QAAQ,EAAEnC,IAAI,CAACoC,EAAE;IACjBC,UAAU,EAAErC,IAAI,CAACoC,EAAE,GAAG,GAAG;IACzBV,KAAK,EAAExB,MAAM,CAACoC;EAChB,CAAC;EACDC,IAAI,EAAE;IAAEJ,QAAQ,EAAEnC,IAAI,CAACoC,EAAE;IAAEV,KAAK,EAAExB,MAAM,CAACsC;EAAgB,CAAC;EAC1DC,MAAM,EAAE;IAAEN,QAAQ,EAAEnC,IAAI,CAACoC,EAAE;IAAEV,KAAK,EAAExB,MAAM,CAACsC;EAAgB,CAAC;EAC5DE,SAAS,EAAE;IAAEhB,KAAK,EAAExB,MAAM,CAAC+B;EAAM,CAAC;EAClCU,OAAO,EAAE;IACPtC,aAAa,EAAE,KAAK;IACpBuC,QAAQ,EAAE,MAAM;IAChBrC,GAAG,EAAER,KAAK,CAAC,CAAC,CAAC;IACb8C,SAAS,EAAE9C,KAAK,CAAC,CAAC;EACpB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","r","radius","space","type","createStyles","colors","create","root","flexDirection","alignItems","gap","minWidth","end","column","flex","maxWidth","columnEnd","fullWidth","alignSelf","content","bubble","paddingHorizontal","paddingVertical","borderRadius","backgroundColor","surface","outgoing","primary","outgoingText","color","onPrimary","outlined","borderWidth","borderColor","outline","failed","opacity","failureRow","failureContent","flexShrink","failureAction","failureFullWidth","waitingBubble","width","borderTopLeftRadius","waitingRow","waitingDots","waitingDot","height","foregroundSubtle","waitingLabel","fontSize","xxs","text","sm","lineHeight","foreground","name","foregroundMuted","status","errorText","error","actions","flexWrap","marginTop"],"sourceRoot":"../../../../src","sources":["components/Message/styles.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/components/MessageList/MessageList.js

@@ -1,13 +1,14 @@
 "use strict";
 
-import { useCallback, useImperativeHandle, useMemo, useRef } from 'react';
-import { FlatList, View } from 'react-native';
-import { Button, IconButton, Spinner, useThemedStyles } from '@unif/react-native-design';
+import { useCallback, useImperativeHandle, useLayoutEffect, useMemo, useRef } from 'react';
+import { FlatList, StyleSheet, View } from 'react-native';
+import { Button, useThemedStyles } from '@unif/react-native-design';
 import { DEFAULT_END_THRESHOLD } from "./constants.js";
 import { createStyles } from "./styles.js";
 import { useWebPrependAnchor } from "./webPrependAnchor/index.js";
 import { useMessageListScroll } from "./useMessageListScroll.js";
 import { MessageListRow } from "./MessageListRow.js";
+import { MessageListEndButton } from "./MessageListEndButton.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const MAINTAIN_VISIBLE_POSITION = {
   minIndexForVisible: 0
@@ -39,6 +40,9 @@ export function MessageList({
 }) {
   const styles = useThemedStyles(createStyles);
   const listRef = useRef(null);
+  const listTestID = useRef(testID);
+  listTestID.current = testID;
+  const contentStyle = StyleSheet.flatten(contentContainerStyle);
   const keys = useMemo(() => items.map(keyExtractor), [items, keyExtractor]);
   const {
     getRowNativeID,
@@ -51,11 +55,19 @@ export function MessageList({
   });
   const {
     atEnd,
+    anchorMinimumHeight,
+    anchorToItem,
+    onCellLayout,
+    onItemLayout,
+    onCellUnmount,
+    onFooterLayout,
+    onScrollToIndexFailed,
     scrollToEnd,
     onLayout,
     onContentSizeChange,
     onScroll,
     onUserScrollBegin,
+    onMomentumScrollBegin,
     onScrollEndDrag,
     onMomentumScrollEnd
   } = useMessageListScroll({
@@ -65,24 +77,53 @@ export function MessageList({
     followOutput,
     endThreshold,
     onAtEndChange,
+    hasFooter: !!footer,
+    contentMinimumHeight: contentStyle?.minHeight,
+    contentBottomPadding: contentStyle?.paddingBottom ?? contentStyle?.paddingVertical ?? contentStyle?.padding,
     preservingPrependRef,
     cancelPrependPreservation
   });
   useImperativeHandle(ref, () => ({
-    scrollToEnd
-  }), [scrollToEnd]);
+    scrollToEnd,
+    anchorToItem
+  }), [scrollToEnd, anchorToItem]);
+  const CellRenderer = useCallback(function MessageListCell({
+    cellKey,
+    index,
+    children,
+    style: cellStyle,
+    onLayout: reportLayout,
+    onFocusCapture
+  }) {
+    const currentIndex = useRef(index);
+    currentIndex.current = index;
+    useLayoutEffect(() => () => onCellUnmount(cellKey, currentIndex.current), [cellKey]);
+    return /*#__PURE__*/_jsx(View, {
+      style: cellStyle,
+      onFocusCapture: onFocusCapture,
+      testID: listTestID.current ? `${listTestID.current}-cell-${encodeURIComponent(cellKey)}` : undefined,
+      onLayout: event => {
+        reportLayout?.(event);
+        onCellLayout(cellKey, index, event.nativeEvent.layout);
+      },
+      children: children
+    });
+  }, [onCellLayout, onCellUnmount]);
   const renderRow = useCallback(({
     item,
     index
   }) => /*#__PURE__*/_jsx(MessageListRow, {
     item: item,
     index: index,
+    itemKey: keys[index],
+    onItemLayout: onItemLayout,
+    testID: testID ? `${testID}-item-${encodeURIComponent(keys[index])}` : undefined,
     previous: renderSeparator ? items[index - 1] : undefined,
     nativeID: getRowNativeID(keys[index]),
     renderItem: renderItem,
     renderSeparator: renderSeparator,
     extraData: extraData
-  }), [extraData, getRowNativeID, items, keys, renderItem, renderSeparator]);
+  }), [extraData, getRowNativeID, items, keys, onItemLayout, renderItem, renderSeparator, testID]);
   const history = hasEarlier && onRequestEarlier;
   const hasHeader = Boolean(header || history);
   const listHeader = useMemo(() => hasHeader ? /*#__PURE__*/_jsxs(View, {
@@ -94,8 +135,9 @@ export function MessageList({
     }) : null]
   }) : undefined, [hasHeader, header, history, loadingEarlier, onRequestEarlier]);
   const listFooter = useMemo(() => footer ? /*#__PURE__*/_jsx(View, {
+    onLayout: onFooterLayout,
     children: footer
-  }) : undefined, [footer]);
+  }) : undefined, [footer, onFooterLayout]);
   const listEmpty = useMemo(() => empty ? /*#__PURE__*/_jsx(_Fragment, {
     children: empty
   }) : undefined, [empty]);
@@ -110,12 +152,15 @@ export function MessageList({
       keyExtractor: keyExtractor,
       extraData: extraData,
       renderItem: renderRow,
+      CellRendererComponent: CellRenderer,
       ListHeaderComponent: listHeader,
       ListFooterComponent: listFooter,
       ListEmptyComponent: listEmpty,
-      maintainVisibleContentPosition: items.length > 0 ? MAINTAIN_VISIBLE_POSITION : undefined,
+      maintainVisibleContentPosition: items.length > 0 && anchorMinimumHeight === undefined ? MAINTAIN_VISIBLE_POSITION : undefined,
       keyboardDismissMode: keyboardDismissMode,
-      contentContainerStyle: contentContainerStyle,
+      contentContainerStyle: anchorMinimumHeight ? [contentContainerStyle, {
+        minHeight: anchorMinimumHeight
+      }] : contentContainerStyle,
       showsVerticalScrollIndicator: showsVerticalScrollIndicator,
       keyboardShouldPersistTaps: "handled",
       scrollEventThrottle: 16,
@@ -123,29 +168,13 @@ export function MessageList({
       onContentSizeChange: onContentSizeChange,
       onScroll: onScroll,
       onScrollBeginDrag: onUserScrollBegin,
-      onMomentumScrollBegin: onUserScrollBegin,
+      onMomentumScrollBegin: onMomentumScrollBegin,
       onScrollEndDrag: onScrollEndDrag,
-      onMomentumScrollEnd: onMomentumScrollEnd
-    }), showScrollToEnd && items.length > 0 && !atEnd ? /*#__PURE__*/_jsxs(View, {
-      style: styles.returnToEnd,
-      pointerEvents: "box-none",
-      children: [scrollToEndBusy ? /*#__PURE__*/_jsx(View, {
-        style: styles.returnProgress,
-        pointerEvents: "none",
-        children: /*#__PURE__*/_jsx(Spinner, {
-          size: 44,
-          thickness: 2
-        })
-      }) : null, /*#__PURE__*/_jsx(IconButton, {
-        icon: "arrow-down",
-        accessibilityLabel: scrollToEndBusy ? '回到最新消息，正在处理' : '回到最新消息',
-        variant: "ghost",
-        size: "md",
-        surfaceSize: 36,
-        iconSize: 18,
-        style: styles.returnButton,
-        onPress: () => scrollToEnd()
-      })]
+      onMomentumScrollEnd: onMomentumScrollEnd,
+      onScrollToIndexFailed: onScrollToIndexFailed
+    }), showScrollToEnd && items.length > 0 && !atEnd ? /*#__PURE__*/_jsx(MessageListEndButton, {
+      busy: scrollToEndBusy,
+      onPress: () => scrollToEnd()
     }) : null]
   });
 }