@unif/react-native-chat 3.2.4 → 3.3.0

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":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,CAAC,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ,2BAA2B;AAGlE,OAAO,MAAMC,YAAY,GAAIC,MAAmB,IAC9CN,UAAU,CAACO,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;IAAEC,OAAO,EAAE;EAAI,CAAC;EACxBC,UAAU,EAAE;IACV7B,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBS,SAAS,EAAE,SAAS;IACpBR,GAAG,EAAER,KAAK,CAAC,CAAC;EACd,CAAC;EACDoC,cAAc,EAAE;IAAEC,UAAU,EAAE;EAAE,CAAC;EACjCC,aAAa,EAAE;IAAEtB,SAAS,EAAE;EAAS,CAAC;EACtCuB,gBAAgB,EAAE;IAAE3B,IAAI,EAAE;EAAE,CAAC;EAC7B4B,aAAa,EAAE;IAAEC,KAAK,EAAE3C,CAAC,CAAC,GAAG,CAAC;IAAE4C,mBAAmB,EAAE;EAAE,CAAC;EACxDC,UAAU,EAAE;IAAErC,aAAa,EAAE,KAAK;IAAEC,UAAU,EAAE,QAAQ;IAAEC,GAAG,EAAER,KAAK,CAAC,CAAC;EAAE,CAAC;EACzE4C,WAAW,EAAE;IAAEtC,aAAa,EAAE,KAAK;IAAEE,GAAG,EAAEV,CAAC,CAAC,CAAC;EAAE,CAAC;EAChD+C,UAAU,EAAE;IACVJ,KAAK,EAAE3C,CAAC,CAAC,CAAC,CAAC;IACXgD,MAAM,EAAEhD,CAAC,CAAC,CAAC,CAAC;IACZuB,YAAY,EAAEvB,CAAC,CAAC,CAAC,CAAC;IAClBwB,eAAe,EAAEnB,MAAM,CAAC4C;EAC1B,CAAC;EACDC,YAAY,EAAE;IACZC,QAAQ,EAAEhD,IAAI,CAACiD,GAAG;IAClBvB,KAAK,EAAExB,MAAM,CAAC4C,gBAAgB;IAC9BV,UAAU,EAAE;EACd,CAAC;EACDc,IAAI,EAAE;IACJF,QAAQ,EAAEhD,IAAI,CAACmD,EAAE;IACjBC,UAAU,EAAEpD,IAAI,CAACmD,EAAE,GAAG,GAAG;IACzBzB,KAAK,EAAExB,MAAM,CAACmD;EAChB,CAAC;EACDC,IAAI,EAAE;IAAEN,QAAQ,EAAEhD,IAAI,CAACmD,EAAE;IAAEzB,KAAK,EAAExB,MAAM,CAACqD;EAAgB,CAAC;EAC1DC,MAAM,EAAE;IAAER,QAAQ,EAAEhD,IAAI,CAACmD,EAAE;IAAEzB,KAAK,EAAExB,MAAM,CAACqD;EAAgB,CAAC;EAC5DE,SAAS,EAAE;IAAE/B,KAAK,EAAExB,MAAM,CAACwD;EAAM,CAAC;EAClCC,OAAO,EAAE;IACPtD,aAAa,EAAE,KAAK;IACpBuD,QAAQ,EAAE,MAAM;IAChBrD,GAAG,EAAER,KAAK,CAAC,CAAC,CAAC;IACb8D,SAAS,EAAE9D,KAAK,CAAC,CAAC;EACpB;AACF,CAAC,CAAC","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]
   });
 }

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

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useImperativeHandle","useMemo","useRef","FlatList","View","Button","IconButton","Spinner","useThemedStyles","DEFAULT_END_THRESHOLD","createStyles","useWebPrependAnchor","useMessageListScroll","MessageListRow","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MAINTAIN_VISIBLE_POSITION","minIndexForVisible","MessageList","items","keyExtractor","renderItem","extraData","header","footer","empty","renderSeparator","initialPosition","followOutput","endThreshold","showScrollToEnd","scrollToEndBusy","onAtEndChange","hasEarlier","loadingEarlier","onRequestEarlier","keyboardDismissMode","contentContainerStyle","showsVerticalScrollIndicator","style","testID","ref","styles","listRef","keys","map","getRowNativeID","preservingPrependRef","cancelPrependPreservation","itemsIdentity","atEnd","scrollToEnd","onLayout","onContentSizeChange","onScroll","onUserScrollBegin","onScrollEndDrag","onMomentumScrollEnd","renderRow","item","index","previous","undefined","nativeID","history","hasHeader","Boolean","listHeader","children","label","variant","loading","onPress","listFooter","listEmpty","root","list","data","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","maintainVisibleContentPosition","length","keyboardShouldPersistTaps","scrollEventThrottle","onScrollBeginDrag","onMomentumScrollBegin","returnToEnd","pointerEvents","returnProgress","size","thickness","icon","accessibilityLabel","surfaceSize","iconSize","returnButton"],"sourceRoot":"../../../../src","sources":["components/MessageList/MessageList.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useImperativeHandle","useLayoutEffect","useMemo","useRef","FlatList","StyleSheet","View","Button","useThemedStyles","DEFAULT_END_THRESHOLD","createStyles","useWebPrependAnchor","useMessageListScroll","MessageListRow","MessageListEndButton","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","MAINTAIN_VISIBLE_POSITION","minIndexForVisible","MessageList","items","keyExtractor","renderItem","extraData","header","footer","empty","renderSeparator","initialPosition","followOutput","endThreshold","showScrollToEnd","scrollToEndBusy","onAtEndChange","hasEarlier","loadingEarlier","onRequestEarlier","keyboardDismissMode","contentContainerStyle","showsVerticalScrollIndicator","style","testID","ref","styles","listRef","listTestID","current","contentStyle","flatten","keys","map","getRowNativeID","preservingPrependRef","cancelPrependPreservation","itemsIdentity","atEnd","anchorMinimumHeight","anchorToItem","onCellLayout","onItemLayout","onCellUnmount","onFooterLayout","onScrollToIndexFailed","scrollToEnd","onLayout","onContentSizeChange","onScroll","onUserScrollBegin","onMomentumScrollBegin","onScrollEndDrag","onMomentumScrollEnd","hasFooter","contentMinimumHeight","minHeight","contentBottomPadding","paddingBottom","paddingVertical","padding","CellRenderer","MessageListCell","cellKey","index","children","cellStyle","reportLayout","onFocusCapture","currentIndex","encodeURIComponent","undefined","event","nativeEvent","layout","renderRow","item","itemKey","previous","nativeID","history","hasHeader","Boolean","listHeader","label","variant","loading","onPress","listFooter","listEmpty","root","list","data","CellRendererComponent","ListHeaderComponent","ListFooterComponent","ListEmptyComponent","maintainVisibleContentPosition","length","keyboardShouldPersistTaps","scrollEventThrottle","onScrollBeginDrag","busy"],"sourceRoot":"../../../../src","sources":["components/MessageList/MessageList.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+"use strict";
+
+import { useEffect, useRef } from 'react';
+import { Animated, View } from 'react-native';
+import { IconButton, Reveal, Spinner, usePrefersReducedMotion, useThemedStyles } from '@unif/react-native-design';
+import { createStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function MessageListEndButton({
+  busy,
+  onPress
+}) {
+  const styles = useThemedStyles(createStyles);
+  const reducedMotion = usePrefersReducedMotion();
+  const scale = useRef(new Animated.Value(reducedMotion ? 1 : 0.8)).current;
+  useEffect(() => {
+    if (reducedMotion) {
+      scale.setValue(1);
+      return;
+    }
+    const animation = Animated.spring(scale, {
+      toValue: 1,
+      friction: 6,
+      tension: 120,
+      useNativeDriver: true
+    });
+    animation.start();
+    return () => animation.stop();
+  }, [reducedMotion, scale]);
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.returnToEnd,
+    pointerEvents: "box-none",
+    children: /*#__PURE__*/_jsx(Reveal, {
+      children: /*#__PURE__*/_jsxs(Animated.View, {
+        style: [styles.returnVisual, {
+          transform: [{
+            scale
+          }]
+        }],
+        children: [busy ? /*#__PURE__*/_jsx(View, {
+          style: styles.returnProgress,
+          pointerEvents: "none",
+          children: /*#__PURE__*/_jsx(Spinner, {
+            size: 44,
+            thickness: 2
+          })
+        }) : null, /*#__PURE__*/_jsx(IconButton, {
+          icon: "arrow-down",
+          accessibilityLabel: busy ? '回到最新消息，正在处理' : '回到最新消息',
+          variant: "ghost",
+          size: "md",
+          surfaceSize: 36,
+          iconSize: 18,
+          style: styles.returnButton,
+          onPress: onPress
+        })]
+      })
+    })
+  });
+}
+//# sourceMappingURL=MessageListEndButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useRef","Animated","View","IconButton","Reveal","Spinner","usePrefersReducedMotion","useThemedStyles","createStyles","jsx","_jsx","jsxs","_jsxs","MessageListEndButton","busy","onPress","styles","reducedMotion","scale","Value","current","setValue","animation","spring","toValue","friction","tension","useNativeDriver","start","stop","style","returnToEnd","pointerEvents","children","returnVisual","transform","returnProgress","size","thickness","icon","accessibilityLabel","variant","surfaceSize","iconSize","returnButton"],"sourceRoot":"../../../../src","sources":["components/MessageList/MessageListEndButton.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,MAAM,QAAQ,OAAO;AACzC,SAASC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC7C,SACEC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,uBAAuB,EACvBC,eAAe,QACV,2BAA2B;AAClC,SAASC,YAAY,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxC,OAAO,SAASC,oBAAoBA,CAAC;EACnCC,IAAI;EACJC;AACyB,CAAC,EAAE;EAC5B,MAAMC,MAAM,GAAGT,eAAe,CAACC,YAAY,CAAC;EAC5C,MAAMS,aAAa,GAAGX,uBAAuB,CAAC,CAAC;EAC/C,MAAMY,KAAK,GAAGlB,MAAM,CAAC,IAAIC,QAAQ,CAACkB,KAAK,CAACF,aAAa,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAACG,OAAO;EACzErB,SAAS,CAAC,MAAM;IACd,IAAIkB,aAAa,EAAE;MACjBC,KAAK,CAACG,QAAQ,CAAC,CAAC,CAAC;MACjB;IACF;IACA,MAAMC,SAAS,GAAGrB,QAAQ,CAACsB,MAAM,CAACL,KAAK,EAAE;MACvCM,OAAO,EAAE,CAAC;MACVC,QAAQ,EAAE,CAAC;MACXC,OAAO,EAAE,GAAG;MACZC,eAAe,EAAE;IACnB,CAAC,CAAC;IACFL,SAAS,CAACM,KAAK,CAAC,CAAC;IACjB,OAAO,MAAMN,SAAS,CAACO,IAAI,CAAC,CAAC;EAC/B,CAAC,EAAE,CAACZ,aAAa,EAAEC,KAAK,CAAC,CAAC;EAC1B,oBACER,IAAA,CAACR,IAAI;IAAC4B,KAAK,EAAEd,MAAM,CAACe,WAAY;IAACC,aAAa,EAAC,UAAU;IAAAC,QAAA,eACvDvB,IAAA,CAACN,MAAM;MAAA6B,QAAA,eACLrB,KAAA,CAACX,QAAQ,CAACC,IAAI;QACZ4B,KAAK,EAAE,CAACd,MAAM,CAACkB,YAAY,EAAE;UAAEC,SAAS,EAAE,CAAC;YAAEjB;UAAM,CAAC;QAAE,CAAC,CAAE;QAAAe,QAAA,GAExDnB,IAAI,gBACHJ,IAAA,CAACR,IAAI;UAAC4B,KAAK,EAAEd,MAAM,CAACoB,cAAe;UAACJ,aAAa,EAAC,MAAM;UAAAC,QAAA,eACtDvB,IAAA,CAACL,OAAO;YAACgC,IAAI,EAAE,EAAG;YAACC,SAAS,EAAE;UAAE,CAAE;QAAC,CAC/B,CAAC,GACL,IAAI,eACR5B,IAAA,CAACP,UAAU;UACToC,IAAI,EAAC,YAAY;UACjBC,kBAAkB,EAChB1B,IAAI,GAAG,aAAa,GAAG,QACxB;UACD2B,OAAO,EAAC,OAAO;UACfJ,IAAI,EAAC,IAAI;UACTK,WAAW,EAAE,EAAG;UAChBC,QAAQ,EAAE,EAAG;UACbb,KAAK,EAAEd,MAAM,CAAC4B,YAAa;UAC3B7B,OAAO,EAAEA;QAAQ,CAClB,CAAC;MAAA,CACW;IAAC,CACV;EAAC,CACL,CAAC;AAEX","ignoreList":[]}

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

@@ -2,18 +2,25 @@
 
 import { memo } from 'react';
 import { View } from 'react-native';
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function MessageListRowContent({
   item,
   previous,
   index,
   nativeID,
+  itemKey,
+  testID,
+  onItemLayout,
   renderItem,
   renderSeparator
 }) {
   return /*#__PURE__*/_jsxs(View, {
     nativeID: nativeID,
-    children: [index > 0 && renderSeparator ? renderSeparator(previous, item) : null, renderItem(item, index)]
+    children: [index > 0 && renderSeparator ? renderSeparator(previous, item) : null, /*#__PURE__*/_jsx(View, {
+      testID: testID,
+      onLayout: event => onItemLayout(itemKey, index, event.nativeEvent.layout.y),
+      children: renderItem(item, index)
+    })]
   });
 }
 

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

@@ -1 +1 @@
-{"version":3,"names":["memo","View","jsxs","_jsxs","MessageListRowContent","item","previous","index","nativeID","renderItem","renderSeparator","children","MessageListRow"],"sourceRoot":"../../../../src","sources":["components/MessageList/MessageListRow.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAapC,SAASC,qBAAqBA,CAAI;EAChCC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,UAAU;EACVC;AACsB,CAAC,EAAE;EACzB,oBACEP,KAAA,CAACF,IAAI;IAACO,QAAQ,EAAEA,QAAS;IAAAG,QAAA,GACtBJ,KAAK,GAAG,CAAC,IAAIG,eAAe,GAAGA,eAAe,CAACJ,QAAQ,EAAGD,IAAI,CAAC,GAAG,IAAI,EACtEI,UAAU,CAACJ,IAAI,EAAEE,KAAK,CAAC;EAAA,CACpB,CAAC;AAEX;;AAEA;AACA;AACA,OAAO,MAAMK,cAAc,gBAAGZ,IAAI,CAChCI,qBACF,CAAiC","ignoreList":[]}
+{"version":3,"names":["memo","View","jsx","_jsx","jsxs","_jsxs","MessageListRowContent","item","previous","index","nativeID","itemKey","testID","onItemLayout","renderItem","renderSeparator","children","onLayout","event","nativeEvent","layout","y","MessageListRow"],"sourceRoot":"../../../../src","sources":["components/MessageList/MessageListRow.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,OAAO;AAC5B,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGpC,SAASC,qBAAqBA,CAAI;EAChCC,IAAI;EACJC,QAAQ;EACRC,KAAK;EACLC,QAAQ;EACRC,OAAO;EACPC,MAAM;EACNC,YAAY;EACZC,UAAU;EACVC;AACsB,CAAC,EAAE;EACzB,oBACEV,KAAA,CAACJ,IAAI;IAACS,QAAQ,EAAEA,QAAS;IAAAM,QAAA,GACtBP,KAAK,GAAG,CAAC,IAAIM,eAAe,GAAGA,eAAe,CAACP,QAAQ,EAAGD,IAAI,CAAC,GAAG,IAAI,eACvEJ,IAAA,CAACF,IAAI;MACHW,MAAM,EAAEA,MAAO;MACfK,QAAQ,EAAGC,KAAK,IACdL,YAAY,CAACF,OAAO,EAAEF,KAAK,EAAES,KAAK,CAACC,WAAW,CAACC,MAAM,CAACC,CAAC,CACxD;MAAAL,QAAA,EAEAF,UAAU,CAACP,IAAI,EAAEE,KAAK;IAAC,CACpB,CAAC;EAAA,CACH,CAAC;AAEX;;AAEA;AACA;AACA,OAAO,MAAMa,cAAc,gBAAGtB,IAAI,CAChCM,qBACF,CAAiC","ignoreList":[]}

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

@@ -20,6 +20,12 @@ export const createStyles = (colors, shadows) => StyleSheet.create({
     justifyContent: 'center'
   },
   returnProgress: StyleSheet.absoluteFill,
+  returnVisual: {
+    width: 44,
+    height: 44,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
   returnButton: {
     alignSelf: 'center',
     borderRadius: 18,