@unif/react-native-chat 4.2.3 → 4.2.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/lib/module/components/Process/ProcessCompactStep.js +4 -7
  2. package/lib/module/components/Process/ProcessCompactStep.js.map +1 -1
  3. package/lib/module/components/ProcessingProgress/ProcessingProgress.js +11 -9
  4. package/lib/module/components/ProcessingProgress/ProcessingProgress.js.map +1 -1
  5. package/lib/module/components/ProcessingProgress/constants.js +0 -3
  6. package/lib/module/components/ProcessingProgress/constants.js.map +1 -1
  7. package/lib/typescript/src/components/Process/ProcessCompactStep.d.ts.map +1 -1
  8. package/lib/typescript/src/components/ProcessingProgress/ProcessingProgress.d.ts.map +1 -1
  9. package/lib/typescript/src/components/ProcessingProgress/constants.d.ts +0 -3
  10. package/lib/typescript/src/components/ProcessingProgress/constants.d.ts.map +1 -1
  11. package/lib/typescript/src/components/ProcessingProgress/types.d.ts +0 -4
  12. package/lib/typescript/src/components/ProcessingProgress/types.d.ts.map +1 -1
  13. package/package.json +3 -3
  14. package/src/components/Process/ProcessCompactStep.tsx +5 -10
  15. package/src/components/ProcessingProgress/ProcessingProgress.tsx +11 -9
  16. package/src/components/ProcessingProgress/constants.ts +0 -3
  17. package/src/components/ProcessingProgress/types.ts +0 -5
  18. package/lib/module/components/ProcessingProgress/ProcessingProgressPrefix.js +0 -53
  19. package/lib/module/components/ProcessingProgress/ProcessingProgressPrefix.js.map +0 -1
  20. package/lib/typescript/src/components/ProcessingProgress/ProcessingProgressPrefix.d.ts +0 -3
  21. package/lib/typescript/src/components/ProcessingProgress/ProcessingProgressPrefix.d.ts.map +0 -1
  22. package/src/components/ProcessingProgress/ProcessingProgressPrefix.tsx +0 -68
@@ -2,7 +2,7 @@
2
2
 
3
3
  import { ChevronDownOutlined, ChevronUpOutlined, SparkOutlined } from '@unif/react-native-icons';
4
4
  import { Pressable, ScrollView, Text, View } from 'react-native';
5
- import { Button, Pulse, Reveal, motion, pressedOpacity, useColors, useThemedStyles } from '@unif/react-native-design';
5
+ import { Button, Reveal, ShimmerText, pressedOpacity, useColors, useThemedStyles } from '@unif/react-native-design';
6
6
  import { PROCESS_STATUS_ICONS, PROCESS_STATUS_LABELS } from "./constants.js";
7
7
  import { createStyles } from "./styles.js";
8
8
  import { hasProcessDetails } from "./hasProcessDetails.js";
@@ -51,17 +51,14 @@ export function ProcessCompactStep({
51
51
  children: [identity, /*#__PURE__*/_jsx(View, {
52
52
  style: styles.spacer
53
53
  })]
54
- }) : null, running && icon ? /*#__PURE__*/_jsx(Pulse, {
55
- from: 0.4,
56
- duration: motion.pulse / 2,
57
- children: icon
58
- }) : icon, !identity ? /*#__PURE__*/_jsx(Text, {
54
+ }) : null, icon, !identity ? /*#__PURE__*/_jsx(Text, {
59
55
  style: styles.compactTitle,
60
56
  testID: `process-step-title-${step.id}`,
61
57
  numberOfLines: 1,
62
58
  children: step.title
63
- }) : null, statusText ? /*#__PURE__*/_jsx(Text, {
59
+ }) : null, statusText ? /*#__PURE__*/_jsx(ShimmerText, {
64
60
  style: styles.compactStatus,
61
+ active: running,
65
62
  children: statusText
66
63
  }) : null, elapsed ? /*#__PURE__*/_jsx(Text, {
67
64
  style: styles.elapsed,
@@ -1 +1 @@
1
- {"version":3,"names":["ChevronDownOutlined","ChevronUpOutlined","SparkOutlined","Pressable","ScrollView","Text","View","Button","Pulse","Reveal","motion","pressedOpacity","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","hasProcessDetails","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ProcessCompactStep","step","identity","dense","expanded","elapsed","onToggle","styles","colors","hasDetails","details","running","status","statusText","color","primary","success","error","foregroundMuted","Glyph","icon","size","undefined","Glyph2","children","testID","id","accessible","accessibilityRole","accessibilityLabel","title","filter","Boolean","join","accessibilityState","accessibilityValue","text","disabled","hitSlop","onPress","style","pressed","compactHeader","compactHeaderDense","opacity","spacer","from","duration","pulse","compactTitle","numberOfLines","compactStatus","foregroundSubtle","description","compactDescription","compactDetailsContainer","compactDetailsDense","compactDetails","nestedScrollEnabled","showsVerticalScrollIndicator","keyboardShouldPersistTaps","actions","length","map","action","compactAction","label","leftIcon","loading","accessibilityHint","variant"],"sourceRoot":"../../../../src","sources":["components/Process/ProcessCompactStep.tsx"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"names":["ChevronDownOutlined","ChevronUpOutlined","SparkOutlined","Pressable","ScrollView","Text","View","Button","Reveal","ShimmerText","pressedOpacity","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","hasProcessDetails","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ProcessCompactStep","step","identity","dense","expanded","elapsed","onToggle","styles","colors","hasDetails","details","running","status","statusText","color","primary","success","error","foregroundMuted","Glyph","icon","size","undefined","Glyph2","children","testID","id","accessible","accessibilityRole","accessibilityLabel","title","filter","Boolean","join","accessibilityState","accessibilityValue","text","disabled","hitSlop","onPress","style","pressed","compactHeader","compactHeaderDense","opacity","spacer","compactTitle","numberOfLines","compactStatus","active","foregroundSubtle","description","compactDescription","compactDetailsContainer","compactDetailsDense","compactDetails","nestedScrollEnabled","showsVerticalScrollIndicator","keyboardShouldPersistTaps","actions","length","map","action","compactAction","label","leftIcon","loading","accessibilityHint","variant"],"sourceRoot":"../../../../src","sources":["components/Process/ProcessCompactStep.tsx"],"mappings":"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","ignoreList":[]}
@@ -1,16 +1,18 @@
1
1
  "use strict";
2
2
 
3
3
  import { Text, View } from 'react-native';
4
- import { usePrefersReducedMotion, useThemedStyles } from '@unif/react-native-design';
4
+ import { ShimmerText, useTheme, useThemedStyles } from '@unif/react-native-design';
5
5
  import { PROCESSING_PROGRESS_SEPARATOR } from "./constants.js";
6
- import { ProcessingProgressPrefix } from "./ProcessingProgressPrefix.js";
7
6
  import { createStyles } from "./styles.js";
8
7
  import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
9
8
  export function ProcessingProgress({
10
9
  progress
11
10
  }) {
12
11
  const styles = useThemedStyles(createStyles);
13
- const reducedMotion = usePrefersReducedMotion();
12
+ const {
13
+ colors,
14
+ scheme
15
+ } = useTheme();
14
16
  const separatorIndex = progress.indexOf(PROCESSING_PROGRESS_SEPARATOR);
15
17
  const prefix = separatorIndex === -1 ? progress : progress.slice(0, separatorIndex);
16
18
  const suffix = separatorIndex === -1 ? '' : progress.slice(separatorIndex);
@@ -31,12 +33,12 @@ export function ProcessingProgress({
31
33
  ellipsizeMode: "tail",
32
34
  accessible: false,
33
35
  "aria-hidden": true,
34
- children: [/*#__PURE__*/_jsx(ProcessingProgressPrefix
35
- // Each prefix/motion generation owns its value, including late frames.
36
- , {
37
- text: prefix,
38
- reducedMotion: reducedMotion
39
- }, `${reducedMotion}:${prefix}`), suffix ? /*#__PURE__*/_jsx(Text, {
36
+ children: [/*#__PURE__*/_jsx(ShimmerText, {
37
+ style: {
38
+ color: scheme === 'dark' ? colors.foregroundMuted : colors.foreground
39
+ },
40
+ children: prefix
41
+ }), suffix ? /*#__PURE__*/_jsx(Text, {
40
42
  testID: "processing-progress-suffix",
41
43
  children: suffix
42
44
  }) : null]
@@ -1 +1 @@
1
- {"version":3,"names":["Text","View","usePrefersReducedMotion","useThemedStyles","PROCESSING_PROGRESS_SEPARATOR","ProcessingProgressPrefix","createStyles","jsx","_jsx","jsxs","_jsxs","ProcessingProgress","progress","styles","reducedMotion","separatorIndex","indexOf","prefix","slice","suffix","style","root","accessible","accessibilityRole","accessibilityLabel","accessibilityState","busy","accessibilityLiveRegion","children","testID","text","numberOfLines","ellipsizeMode"],"sourceRoot":"../../../../src","sources":["components/ProcessingProgress/ProcessingProgress.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SACEC,uBAAuB,EACvBC,eAAe,QACV,2BAA2B;AAClC,SAASC,6BAA6B,QAAQ,gBAAa;AAC3D,SAASC,wBAAwB,QAAQ,+BAA4B;AACrE,SAASC,YAAY,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxC,OAAO,SAASC,kBAAkBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACxE,MAAMC,MAAM,GAAGV,eAAe,CAACG,YAAY,CAAC;EAC5C,MAAMQ,aAAa,GAAGZ,uBAAuB,CAAC,CAAC;EAC/C,MAAMa,cAAc,GAAGH,QAAQ,CAACI,OAAO,CAACZ,6BAA6B,CAAC;EACtE,MAAMa,MAAM,GACVF,cAAc,KAAK,CAAC,CAAC,GAAGH,QAAQ,GAAGA,QAAQ,CAACM,KAAK,CAAC,CAAC,EAAEH,cAAc,CAAC;EACtE,MAAMI,MAAM,GAAGJ,cAAc,KAAK,CAAC,CAAC,GAAG,EAAE,GAAGH,QAAQ,CAACM,KAAK,CAACH,cAAc,CAAC;EAE1E,oBACEP,IAAA,CAACP,IAAI;IACHmB,KAAK,EAAEP,MAAM,CAACQ,IAAK;IACnBC,UAAU;IACVC,iBAAiB,EAAC,MAAM;IACxBC,kBAAkB,EAAEZ,QAAS;IAC7Ba,kBAAkB,EAAE;MAAEC,IAAI,EAAE;IAAK,CAAE;IACnC,iBAAS;IACTC,uBAAuB,EAAC,QAAQ;IAAAC,QAAA,eAEhClB,KAAA,CAACV,IAAI;MACH6B,MAAM,EAAC,0BAA0B;MACjCT,KAAK,EAAEP,MAAM,CAACiB,IAAK;MACnBC,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAC,MAAM;MACpBV,UAAU,EAAE,KAAM;MAClB,mBAAW;MAAAM,QAAA,gBAEXpB,IAAA,CAACH;MACC;MAAA;QAEAyB,IAAI,EAAEb,MAAO;QACbH,aAAa,EAAEA;MAAc,GAFxB,GAAGA,aAAa,IAAIG,MAAM,EAGhC,CAAC,EACDE,MAAM,gBACLX,IAAA,CAACR,IAAI;QAAC6B,MAAM,EAAC,4BAA4B;QAAAD,QAAA,EAAET;MAAM,CAAO,CAAC,GACvD,IAAI;IAAA,CACJ;EAAC,CACH,CAAC;AAEX","ignoreList":[]}
1
+ {"version":3,"names":["Text","View","ShimmerText","useTheme","useThemedStyles","PROCESSING_PROGRESS_SEPARATOR","createStyles","jsx","_jsx","jsxs","_jsxs","ProcessingProgress","progress","styles","colors","scheme","separatorIndex","indexOf","prefix","slice","suffix","style","root","accessible","accessibilityRole","accessibilityLabel","accessibilityState","busy","accessibilityLiveRegion","children","testID","text","numberOfLines","ellipsizeMode","color","foregroundMuted","foreground"],"sourceRoot":"../../../../src","sources":["components/ProcessingProgress/ProcessingProgress.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,IAAI,QAAQ,cAAc;AACzC,SACEC,WAAW,EACXC,QAAQ,EACRC,eAAe,QACV,2BAA2B;AAClC,SAASC,6BAA6B,QAAQ,gBAAa;AAC3D,SAASC,YAAY,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxC,OAAO,SAASC,kBAAkBA,CAAC;EAAEC;AAAkC,CAAC,EAAE;EACxE,MAAMC,MAAM,GAAGT,eAAe,CAACE,YAAY,CAAC;EAC5C,MAAM;IAAEQ,MAAM;IAAEC;EAAO,CAAC,GAAGZ,QAAQ,CAAC,CAAC;EACrC,MAAMa,cAAc,GAAGJ,QAAQ,CAACK,OAAO,CAACZ,6BAA6B,CAAC;EACtE,MAAMa,MAAM,GACVF,cAAc,KAAK,CAAC,CAAC,GAAGJ,QAAQ,GAAGA,QAAQ,CAACO,KAAK,CAAC,CAAC,EAAEH,cAAc,CAAC;EACtE,MAAMI,MAAM,GAAGJ,cAAc,KAAK,CAAC,CAAC,GAAG,EAAE,GAAGJ,QAAQ,CAACO,KAAK,CAACH,cAAc,CAAC;EAE1E,oBACER,IAAA,CAACP,IAAI;IACHoB,KAAK,EAAER,MAAM,CAACS,IAAK;IACnBC,UAAU;IACVC,iBAAiB,EAAC,MAAM;IACxBC,kBAAkB,EAAEb,QAAS;IAC7Bc,kBAAkB,EAAE;MAAEC,IAAI,EAAE;IAAK,CAAE;IACnC,iBAAS;IACTC,uBAAuB,EAAC,QAAQ;IAAAC,QAAA,eAEhCnB,KAAA,CAACV,IAAI;MACH8B,MAAM,EAAC,0BAA0B;MACjCT,KAAK,EAAER,MAAM,CAACkB,IAAK;MACnBC,aAAa,EAAE,CAAE;MACjBC,aAAa,EAAC,MAAM;MACpBV,UAAU,EAAE,KAAM;MAClB,mBAAW;MAAAM,QAAA,gBAEXrB,IAAA,CAACN,WAAW;QACVmB,KAAK,EAAE;UACLa,KAAK,EACHnB,MAAM,KAAK,MAAM,GAAGD,MAAM,CAACqB,eAAe,GAAGrB,MAAM,CAACsB;QACxD,CAAE;QAAAP,QAAA,EAEDX;MAAM,CACI,CAAC,EACbE,MAAM,gBACLZ,IAAA,CAACR,IAAI;QAAC8B,MAAM,EAAC,4BAA4B;QAAAD,QAAA,EAAET;MAAM,CAAO,CAAC,GACvD,IAAI;IAAA,CACJ;EAAC,CACH,CAAC;AAEX","ignoreList":[]}
@@ -1,7 +1,4 @@
1
1
  "use strict";
2
2
 
3
3
  export const PROCESSING_PROGRESS_SEPARATOR = '·';
4
- export const PROCESSING_PROGRESS_SHINE_DURATION_MS = 1800;
5
- export const PROCESSING_PROGRESS_SHINE_RADIUS = 2;
6
- export const PROCESSING_PROGRESS_SHINE_PEAK = 0.85;
7
4
  //# sourceMappingURL=constants.js.map
@@ -1 +1 @@
1
- {"version":3,"names":["PROCESSING_PROGRESS_SEPARATOR","PROCESSING_PROGRESS_SHINE_DURATION_MS","PROCESSING_PROGRESS_SHINE_RADIUS","PROCESSING_PROGRESS_SHINE_PEAK"],"sourceRoot":"../../../../src","sources":["components/ProcessingProgress/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,6BAA6B,GAAG,GAAG;AAChD,OAAO,MAAMC,qCAAqC,GAAG,IAAI;AACzD,OAAO,MAAMC,gCAAgC,GAAG,CAAC;AACjD,OAAO,MAAMC,8BAA8B,GAAG,IAAI","ignoreList":[]}
1
+ {"version":3,"names":["PROCESSING_PROGRESS_SEPARATOR"],"sourceRoot":"../../../../src","sources":["components/ProcessingProgress/constants.ts"],"mappings":";;AAAA,OAAO,MAAMA,6BAA6B,GAAG,GAAG","ignoreList":[]}
@@ -1 +1 @@
1
- {"version":3,"file":"ProcessCompactStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/ProcessCompactStep.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,KAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,+BAuHzB"}
1
+ {"version":3,"file":"ProcessCompactStep.d.ts","sourceRoot":"","sources":["../../../../../src/components/Process/ProcessCompactStep.tsx"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,QAAQ,EACR,KAAa,EACb,QAAQ,EACR,OAAO,EACP,QAAQ,GACT,EAAE,uBAAuB,+BAmHzB"}
@@ -1 +1 @@
1
- {"version":3,"file":"ProcessingProgress.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/ProcessingProgress.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAsCvE"}
1
+ {"version":3,"file":"ProcessingProgress.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/ProcessingProgress.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,YAAS,CAAC;AAEvD,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE,uBAAuB,+BAwCvE"}
@@ -1,5 +1,2 @@
1
1
  export declare const PROCESSING_PROGRESS_SEPARATOR = "\u00B7";
2
- export declare const PROCESSING_PROGRESS_SHINE_DURATION_MS = 1800;
3
- export declare const PROCESSING_PROGRESS_SHINE_RADIUS = 2;
4
- export declare const PROCESSING_PROGRESS_SHINE_PEAK = 0.85;
5
2
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B,WAAM,CAAC;AACjD,eAAO,MAAM,qCAAqC,OAAO,CAAC;AAC1D,eAAO,MAAM,gCAAgC,IAAI,CAAC;AAClD,eAAO,MAAM,8BAA8B,OAAO,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,6BAA6B,WAAM,CAAC"}
@@ -2,8 +2,4 @@ export interface ProcessingProgressProps {
2
2
  /** 当前公开进度;文案和展示结束时机由调用方提供。 */
3
3
  progress: string;
4
4
  }
5
- export interface ProcessingProgressPrefixProps {
6
- text: string;
7
- reducedMotion: boolean;
8
- }
9
5
  //# sourceMappingURL=types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,6BAA6B;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,aAAa,EAAE,OAAO,CAAC;CACxB"}
1
+ {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,uBAAuB;IACtC,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,CAAC;CAClB"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@unif/react-native-chat",
3
- "version": "4.2.3",
3
+ "version": "4.2.4",
4
4
  "description": "Unif React Native 聊天组件:消息、输入、附件和交互展示",
5
5
  "main": "./lib/module/index.js",
6
6
  "types": "./lib/typescript/src/index.d.ts",
@@ -68,7 +68,7 @@
68
68
  "@release-it/conventional-changelog": "^12.0.0",
69
69
  "@testing-library/react-native": "13.3.3",
70
70
  "@types/react": "^19.2.0",
71
- "@unif/react-native-design": ">=1.2.0",
71
+ "@unif/react-native-design": "^1.4.0",
72
72
  "@unif/react-native-icons": ">=0.1.0",
73
73
  "commitlint": "^21.2.1",
74
74
  "del-cli": "^7.0.0",
@@ -97,7 +97,7 @@
97
97
  "typescript": "^6.0.3"
98
98
  },
99
99
  "peerDependencies": {
100
- "@unif/react-native-design": ">=1.2.0",
100
+ "@unif/react-native-design": "^1.4.0",
101
101
  "@unif/react-native-icons": ">=0.1.0",
102
102
  "react": ">=19.2.3 <20.0.0",
103
103
  "react-native": ">=0.86.0",
@@ -6,9 +6,8 @@ import {
6
6
  import { Pressable, ScrollView, Text, View } from 'react-native';
7
7
  import {
8
8
  Button,
9
- Pulse,
10
9
  Reveal,
11
- motion,
10
+ ShimmerText,
12
11
  pressedOpacity,
13
12
  useColors,
14
13
  useThemedStyles,
@@ -79,13 +78,7 @@ export function ProcessCompactStep({
79
78
  <View style={styles.spacer} />
80
79
  </>
81
80
  ) : null}
82
- {running && icon ? (
83
- <Pulse from={0.4} duration={motion.pulse / 2}>
84
- {icon}
85
- </Pulse>
86
- ) : (
87
- icon
88
- )}
81
+ {icon}
89
82
  {!identity ? (
90
83
  <Text
91
84
  style={styles.compactTitle}
@@ -96,7 +89,9 @@ export function ProcessCompactStep({
96
89
  </Text>
97
90
  ) : null}
98
91
  {statusText ? (
99
- <Text style={styles.compactStatus}>{statusText}</Text>
92
+ <ShimmerText style={styles.compactStatus} active={running}>
93
+ {statusText}
94
+ </ShimmerText>
100
95
  ) : null}
101
96
  {elapsed ? <Text style={styles.elapsed}>{elapsed}</Text> : null}
102
97
  {hasDetails ? (
@@ -1,16 +1,16 @@
1
1
  import { Text, View } from 'react-native';
2
2
  import {
3
- usePrefersReducedMotion,
3
+ ShimmerText,
4
+ useTheme,
4
5
  useThemedStyles,
5
6
  } from '@unif/react-native-design';
6
7
  import { PROCESSING_PROGRESS_SEPARATOR } from './constants';
7
- import { ProcessingProgressPrefix } from './ProcessingProgressPrefix';
8
8
  import { createStyles } from './styles';
9
9
  import type { ProcessingProgressProps } from './types';
10
10
 
11
11
  export function ProcessingProgress({ progress }: ProcessingProgressProps) {
12
12
  const styles = useThemedStyles(createStyles);
13
- const reducedMotion = usePrefersReducedMotion();
13
+ const { colors, scheme } = useTheme();
14
14
  const separatorIndex = progress.indexOf(PROCESSING_PROGRESS_SEPARATOR);
15
15
  const prefix =
16
16
  separatorIndex === -1 ? progress : progress.slice(0, separatorIndex);
@@ -34,12 +34,14 @@ export function ProcessingProgress({ progress }: ProcessingProgressProps) {
34
34
  accessible={false}
35
35
  aria-hidden
36
36
  >
37
- <ProcessingProgressPrefix
38
- // Each prefix/motion generation owns its value, including late frames.
39
- key={`${reducedMotion}:${prefix}`}
40
- text={prefix}
41
- reducedMotion={reducedMotion}
42
- />
37
+ <ShimmerText
38
+ style={{
39
+ color:
40
+ scheme === 'dark' ? colors.foregroundMuted : colors.foreground,
41
+ }}
42
+ >
43
+ {prefix}
44
+ </ShimmerText>
43
45
  {suffix ? (
44
46
  <Text testID="processing-progress-suffix">{suffix}</Text>
45
47
  ) : null}
@@ -1,4 +1 @@
1
1
  export const PROCESSING_PROGRESS_SEPARATOR = '·';
2
- export const PROCESSING_PROGRESS_SHINE_DURATION_MS = 1800;
3
- export const PROCESSING_PROGRESS_SHINE_RADIUS = 2;
4
- export const PROCESSING_PROGRESS_SHINE_PEAK = 0.85;
@@ -2,8 +2,3 @@ export interface ProcessingProgressProps {
2
2
  /** 当前公开进度;文案和展示结束时机由调用方提供。 */
3
3
  progress: string;
4
4
  }
5
-
6
- export interface ProcessingProgressPrefixProps {
7
- text: string;
8
- reducedMotion: boolean;
9
- }
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- import { memo, useEffect, useRef } from 'react';
4
- import { Animated, Easing, Platform, Text } from 'react-native';
5
- import { useTheme } from '@unif/react-native-design';
6
- import { PROCESSING_PROGRESS_SHINE_DURATION_MS, PROCESSING_PROGRESS_SHINE_PEAK, PROCESSING_PROGRESS_SHINE_RADIUS } from "./constants.js";
7
- import { jsx as _jsx } from "react/jsx-runtime";
8
- export const ProcessingProgressPrefix = /*#__PURE__*/memo(function Prefix({
9
- text,
10
- reducedMotion
11
- }) {
12
- const {
13
- colors,
14
- scheme
15
- } = useTheme();
16
- const animation = useRef(new Animated.Value(-PROCESSING_PROGRESS_SHINE_RADIUS)).current;
17
- const characters = Array.from(text);
18
- useEffect(() => {
19
- if (reducedMotion || !characters.length) return undefined;
20
- const loop = Animated.loop(Animated.timing(animation, {
21
- toValue: characters.length + PROCESSING_PROGRESS_SHINE_RADIUS,
22
- duration: PROCESSING_PROGRESS_SHINE_DURATION_MS,
23
- easing: Easing.linear,
24
- useNativeDriver: Platform.OS !== 'web',
25
- isInteraction: false
26
- }));
27
- loop.start();
28
- return () => loop.stop();
29
- }, [animation, characters.length, reducedMotion]);
30
- const baseColor = scheme === 'dark' ? colors.foregroundMuted : colors.foreground;
31
- if (reducedMotion) return /*#__PURE__*/_jsx(Text, {
32
- style: {
33
- color: baseColor
34
- },
35
- children: text
36
- });
37
- return /*#__PURE__*/_jsx(Text, {
38
- children: characters.map((character, index) => /*#__PURE__*/_jsx(Animated.Text, {
39
- style: {
40
- color: animation.interpolate({
41
- inputRange: [index - PROCESSING_PROGRESS_SHINE_RADIUS, index, index + PROCESSING_PROGRESS_SHINE_RADIUS],
42
- outputRange: [0, PROCESSING_PROGRESS_SHINE_PEAK, 0],
43
- extrapolate: 'clamp'
44
- }).interpolate({
45
- inputRange: [0, 1],
46
- outputRange: [baseColor, colors.onPrimary]
47
- })
48
- },
49
- children: character
50
- }, `${index}:${character}`))
51
- });
52
- });
53
- //# sourceMappingURL=ProcessingProgressPrefix.js.map
@@ -1 +0,0 @@
1
- {"version":3,"names":["memo","useEffect","useRef","Animated","Easing","Platform","Text","useTheme","PROCESSING_PROGRESS_SHINE_DURATION_MS","PROCESSING_PROGRESS_SHINE_PEAK","PROCESSING_PROGRESS_SHINE_RADIUS","jsx","_jsx","ProcessingProgressPrefix","Prefix","text","reducedMotion","colors","scheme","animation","Value","current","characters","Array","from","length","undefined","loop","timing","toValue","duration","easing","linear","useNativeDriver","OS","isInteraction","start","stop","baseColor","foregroundMuted","foreground","style","color","children","map","character","index","interpolate","inputRange","outputRange","extrapolate","onPrimary"],"sourceRoot":"../../../../src","sources":["components/ProcessingProgress/ProcessingProgressPrefix.tsx"],"mappings":";;AAAA,SAASA,IAAI,EAAEC,SAAS,EAAEC,MAAM,QAAQ,OAAO;AAC/C,SAASC,QAAQ,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,IAAI,QAAQ,cAAc;AAC/D,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SACEC,qCAAqC,EACrCC,8BAA8B,EAC9BC,gCAAgC,QAC3B,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAGrB,OAAO,MAAMC,wBAAwB,gBAAGb,IAAI,CAAC,SAASc,MAAMA,CAAC;EAC3DC,IAAI;EACJC;AAC6B,CAAC,EAAE;EAChC,MAAM;IAAEC,MAAM;IAAEC;EAAO,CAAC,GAAGX,QAAQ,CAAC,CAAC;EACrC,MAAMY,SAAS,GAAGjB,MAAM,CACtB,IAAIC,QAAQ,CAACiB,KAAK,CAAC,CAACV,gCAAgC,CACtD,CAAC,CAACW,OAAO;EACT,MAAMC,UAAU,GAAGC,KAAK,CAACC,IAAI,CAACT,IAAI,CAAC;EAEnCd,SAAS,CAAC,MAAM;IACd,IAAIe,aAAa,IAAI,CAACM,UAAU,CAACG,MAAM,EAAE,OAAOC,SAAS;IACzD,MAAMC,IAAI,GAAGxB,QAAQ,CAACwB,IAAI,CACxBxB,QAAQ,CAACyB,MAAM,CAACT,SAAS,EAAE;MACzBU,OAAO,EAAEP,UAAU,CAACG,MAAM,GAAGf,gCAAgC;MAC7DoB,QAAQ,EAAEtB,qCAAqC;MAC/CuB,MAAM,EAAE3B,MAAM,CAAC4B,MAAM;MACrBC,eAAe,EAAE5B,QAAQ,CAAC6B,EAAE,KAAK,KAAK;MACtCC,aAAa,EAAE;IACjB,CAAC,CACH,CAAC;IACDR,IAAI,CAACS,KAAK,CAAC,CAAC;IACZ,OAAO,MAAMT,IAAI,CAACU,IAAI,CAAC,CAAC;EAC1B,CAAC,EAAE,CAAClB,SAAS,EAAEG,UAAU,CAACG,MAAM,EAAET,aAAa,CAAC,CAAC;EAEjD,MAAMsB,SAAS,GACbpB,MAAM,KAAK,MAAM,GAAGD,MAAM,CAACsB,eAAe,GAAGtB,MAAM,CAACuB,UAAU;EAEhE,IAAIxB,aAAa,EAAE,oBAAOJ,IAAA,CAACN,IAAI;IAACmC,KAAK,EAAE;MAAEC,KAAK,EAAEJ;IAAU,CAAE;IAAAK,QAAA,EAAE5B;EAAI,CAAO,CAAC;EAE1E,oBACEH,IAAA,CAACN,IAAI;IAAAqC,QAAA,EACFrB,UAAU,CAACsB,GAAG,CAAC,CAACC,SAAS,EAAEC,KAAK,kBAC/BlC,IAAA,CAACT,QAAQ,CAACG,IAAI;MAEZmC,KAAK,EAAE;QACLC,KAAK,EAAEvB,SAAS,CACb4B,WAAW,CAAC;UACXC,UAAU,EAAE,CACVF,KAAK,GAAGpC,gCAAgC,EACxCoC,KAAK,EACLA,KAAK,GAAGpC,gCAAgC,CACzC;UACDuC,WAAW,EAAE,CAAC,CAAC,EAAExC,8BAA8B,EAAE,CAAC,CAAC;UACnDyC,WAAW,EAAE;QACf,CAAC,CAAC,CACDH,WAAW,CAAC;UACXC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAACX,SAAS,EAAErB,MAAM,CAACkC,SAAS;QAC3C,CAAC;MACL,CAAE;MAAAR,QAAA,EAEDE;IAAS,GAlBL,GAAGC,KAAK,IAAID,SAAS,EAmBb,CAChB;EAAC,CACE,CAAC;AAEX,CAAC,CAAC","ignoreList":[]}
@@ -1,3 +0,0 @@
1
- import type { ProcessingProgressPrefixProps } from './types.js';
2
- export declare const ProcessingProgressPrefix: import("react").MemoExoticComponent<({ text, reducedMotion, }: ProcessingProgressPrefixProps) => import("react").JSX.Element>;
3
- //# sourceMappingURL=ProcessingProgressPrefix.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ProcessingProgressPrefix.d.ts","sourceRoot":"","sources":["../../../../../src/components/ProcessingProgress/ProcessingProgressPrefix.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,YAAS,CAAC;AAE7D,eAAO,MAAM,wBAAwB,iEAGlC,6BAA6B,iCAsD9B,CAAC"}
@@ -1,68 +0,0 @@
1
- import { memo, useEffect, useRef } from 'react';
2
- import { Animated, Easing, Platform, Text } from 'react-native';
3
- import { useTheme } from '@unif/react-native-design';
4
- import {
5
- PROCESSING_PROGRESS_SHINE_DURATION_MS,
6
- PROCESSING_PROGRESS_SHINE_PEAK,
7
- PROCESSING_PROGRESS_SHINE_RADIUS,
8
- } from './constants';
9
- import type { ProcessingProgressPrefixProps } from './types';
10
-
11
- export const ProcessingProgressPrefix = memo(function Prefix({
12
- text,
13
- reducedMotion,
14
- }: ProcessingProgressPrefixProps) {
15
- const { colors, scheme } = useTheme();
16
- const animation = useRef(
17
- new Animated.Value(-PROCESSING_PROGRESS_SHINE_RADIUS)
18
- ).current;
19
- const characters = Array.from(text);
20
-
21
- useEffect(() => {
22
- if (reducedMotion || !characters.length) return undefined;
23
- const loop = Animated.loop(
24
- Animated.timing(animation, {
25
- toValue: characters.length + PROCESSING_PROGRESS_SHINE_RADIUS,
26
- duration: PROCESSING_PROGRESS_SHINE_DURATION_MS,
27
- easing: Easing.linear,
28
- useNativeDriver: Platform.OS !== 'web',
29
- isInteraction: false,
30
- })
31
- );
32
- loop.start();
33
- return () => loop.stop();
34
- }, [animation, characters.length, reducedMotion]);
35
-
36
- const baseColor =
37
- scheme === 'dark' ? colors.foregroundMuted : colors.foreground;
38
-
39
- if (reducedMotion) return <Text style={{ color: baseColor }}>{text}</Text>;
40
-
41
- return (
42
- <Text>
43
- {characters.map((character, index) => (
44
- <Animated.Text
45
- key={`${index}:${character}`}
46
- style={{
47
- color: animation
48
- .interpolate({
49
- inputRange: [
50
- index - PROCESSING_PROGRESS_SHINE_RADIUS,
51
- index,
52
- index + PROCESSING_PROGRESS_SHINE_RADIUS,
53
- ],
54
- outputRange: [0, PROCESSING_PROGRESS_SHINE_PEAK, 0],
55
- extrapolate: 'clamp',
56
- })
57
- .interpolate({
58
- inputRange: [0, 1],
59
- outputRange: [baseColor, colors.onPrimary],
60
- }),
61
- }}
62
- >
63
- {character}
64
- </Animated.Text>
65
- ))}
66
- </Text>
67
- );
68
- });