@unif/react-native-chat 3.1.0 → 3.2.1

package/lib/module/components/Process/Process.js

@@ -5,6 +5,7 @@ import { Text, View } from 'react-native';
 import { Button, Icon, useColors, useThemedStyles } from '@unif/react-native-design';
 import { PROCESS_STATUS_ICONS, PROCESS_STATUS_LABELS } from "./constants.js";
 import { createStyles } from "./styles.js";
+import { ProcessCompactStep } from "./ProcessCompactStep.js";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function idsWithDetails(ids, steps) {
   const availableIds = new Set(steps.filter(step => step.details != null).map(step => step.id));
@@ -31,7 +32,8 @@ export function Process(props) {
     title,
     identity,
     style,
-    testID
+    testID,
+    variant = 'card'
   } = props;
   const styles = useThemedStyles(createStyles);
   const colors = useColors();
@@ -49,7 +51,7 @@ export function Process(props) {
     props.onExpandedChange?.(nextIds);
   };
   return /*#__PURE__*/_jsxs(View, {
-    style: [styles.root, style],
+    style: [variant === 'compact' ? styles.compactRoot : styles.root, style],
     testID: testID,
     children: [title || identity ? /*#__PURE__*/_jsxs(View, {
       style: styles.heading,
@@ -58,11 +60,17 @@ export function Process(props) {
         children: title
       }) : null]
     }) : null, /*#__PURE__*/_jsx(View, {
-      style: styles.steps,
+      style: variant === 'compact' ? styles.compactSteps : styles.steps,
       children: steps.map((step, index) => {
         const statusLabel = PROCESS_STATUS_LABELS[step.status];
         const elapsed = formatElapsedMs(step.elapsedMs);
         const isExpanded = expandedIds.includes(step.id);
+        if (variant === 'compact') return /*#__PURE__*/_jsx(ProcessCompactStep, {
+          step: step,
+          expanded: isExpanded,
+          elapsed: elapsed,
+          onToggle: () => toggleDetails(step.id)
+        }, step.id);
         return /*#__PURE__*/_jsxs(View, {
           style: [styles.step, index === steps.length - 1 && styles.stepLast],
           children: [/*#__PURE__*/_jsxs(View, {

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

@@ -1 +1 @@
-{"version":3,"names":["useEffect","useState","Text","View","Button","Icon","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","idsWithDetails","ids","steps","availableIds","Set","filter","step","details","map","id","has","formatElapsedMs","elapsedMs","undefined","Number","isFinite","Math","round","roundedSeconds","formatted","isInteger","String","toFixed","totalSeconds","minutes","floor","remainingSeconds","Process","props","title","identity","style","testID","styles","colors","isControlled","expandedIds","localExpandedIds","setLocalExpandedIds","defaultExpandedIds","current","toggleDetails","stepId","nextIds","includes","onExpandedChange","root","children","heading","headingTitle","index","statusLabel","status","elapsed","isExpanded","length","stepLast","stepHeader","stepTitle","accessible","accessibilityLabel","name","color","error","success","foregroundMuted","statusText","description","label","onPress","size","variant","actions","action","leftIcon","icon","disabled","loading","accessibilityHint"],"sourceRoot":"../../../../src","sources":["components/Process/Process.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useEffect","useState","Text","View","Button","Icon","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","ProcessCompactStep","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","idsWithDetails","ids","steps","availableIds","Set","filter","step","details","map","id","has","formatElapsedMs","elapsedMs","undefined","Number","isFinite","Math","round","roundedSeconds","formatted","isInteger","String","toFixed","totalSeconds","minutes","floor","remainingSeconds","Process","props","title","identity","style","testID","variant","styles","colors","isControlled","expandedIds","localExpandedIds","setLocalExpandedIds","defaultExpandedIds","current","toggleDetails","stepId","nextIds","includes","onExpandedChange","compactRoot","root","children","heading","headingTitle","compactSteps","index","statusLabel","status","elapsed","isExpanded","expanded","onToggle","length","stepLast","stepHeader","stepTitle","accessible","accessibilityLabel","name","color","error","success","foregroundMuted","statusText","description","label","onPress","size","actions","action","leftIcon","icon","disabled","loading","accessibilityHint"],"sourceRoot":"../../../../src","sources":["components/Process/Process.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/Process/ProcessCompactStep.js

@@ -0,0 +1,82 @@
+"use strict";
+
+import { Pressable, ScrollView, Text, View } from 'react-native';
+import { Button, Icon, Pulse, Reveal, pressedOpacity, r, useColors, useThemedStyles } from '@unif/react-native-design';
+import { PROCESS_STATUS_ICONS, PROCESS_STATUS_LABELS } from "./constants.js";
+import { createStyles } from "./styles.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ProcessCompactStep({
+  step,
+  expanded,
+  elapsed,
+  onToggle
+}) {
+  const styles = useThemedStyles(createStyles);
+  const colors = useColors();
+  const hasDetails = step.details != null;
+  const running = step.status === 'running';
+  const color = running ? colors.primary : step.status === 'completed' ? colors.success : step.status === 'failed' ? colors.error : colors.foregroundMuted;
+  const icon = /*#__PURE__*/_jsx(Icon, {
+    name: running || step.status === 'completed' ? 'spark' : PROCESS_STATUS_ICONS[step.status],
+    size: r(14),
+    color: color
+  });
+  return /*#__PURE__*/_jsxs(View, {
+    children: [/*#__PURE__*/_jsxs(Pressable, {
+      testID: `process-step-${step.id}-toggle`,
+      accessible: true,
+      accessibilityRole: hasDetails ? 'button' : undefined,
+      accessibilityLabel: `${step.title}，${PROCESS_STATUS_LABELS[step.status]}${elapsed ? `，${elapsed}` : ''}`,
+      accessibilityState: hasDetails ? {
+        expanded
+      } : undefined,
+      disabled: !hasDetails,
+      onPress: onToggle,
+      style: ({
+        pressed
+      }) => [styles.compactHeader, pressed && {
+        opacity: pressedOpacity
+      }],
+      children: [running ? /*#__PURE__*/_jsx(Pulse, {
+        children: icon
+      }) : icon, /*#__PURE__*/_jsx(Text, {
+        style: styles.compactTitle,
+        testID: `process-step-title-${step.id}`,
+        numberOfLines: 1,
+        children: step.title
+      }), elapsed ? /*#__PURE__*/_jsx(Text, {
+        style: styles.elapsed,
+        children: elapsed
+      }) : null, hasDetails ? /*#__PURE__*/_jsx(Icon, {
+        name: expanded ? 'chevron-up' : 'chevron-down',
+        size: r(14),
+        color: colors.foregroundSubtle
+      }) : null]
+    }), step.description ? /*#__PURE__*/_jsx(Text, {
+      style: styles.compactDescription,
+      children: step.description
+    }) : null, hasDetails && expanded ? /*#__PURE__*/_jsx(Reveal, {
+      children: /*#__PURE__*/_jsx(ScrollView, {
+        testID: `process-step-${step.id}-details`,
+        style: styles.compactDetails,
+        nestedScrollEnabled: true,
+        keyboardShouldPersistTaps: "handled",
+        children: step.details
+      })
+    }) : null, step.actions?.length ? /*#__PURE__*/_jsx(View, {
+      style: styles.actions,
+      children: step.actions.map(action => /*#__PURE__*/_jsx(Button, {
+        style: styles.compactAction,
+        label: action.label,
+        leftIcon: action.icon,
+        onPress: action.onPress,
+        disabled: action.disabled,
+        loading: action.loading,
+        accessibilityHint: action.accessibilityHint,
+        size: "sm",
+        variant: "text"
+      }, action.id))
+    }) : null]
+  });
+}
+//# sourceMappingURL=ProcessCompactStep.js.map

package/lib/module/components/Process/ProcessCompactStep.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Pressable","ScrollView","Text","View","Button","Icon","Pulse","Reveal","pressedOpacity","r","useColors","useThemedStyles","PROCESS_STATUS_ICONS","PROCESS_STATUS_LABELS","createStyles","jsx","_jsx","jsxs","_jsxs","ProcessCompactStep","step","expanded","elapsed","onToggle","styles","colors","hasDetails","details","running","status","color","primary","success","error","foregroundMuted","icon","name","size","children","testID","id","accessible","accessibilityRole","undefined","accessibilityLabel","title","accessibilityState","disabled","onPress","style","pressed","compactHeader","opacity","compactTitle","numberOfLines","foregroundSubtle","description","compactDescription","compactDetails","nestedScrollEnabled","keyboardShouldPersistTaps","actions","length","map","action","compactAction","label","leftIcon","loading","accessibilityHint","variant"],"sourceRoot":"../../../../src","sources":["components/Process/ProcessCompactStep.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,8 +1,42 @@
 "use strict";
 
 import { StyleSheet } from 'react-native';
-import { fw, radius, space, type } from '@unif/react-native-design';
+import { fw, r, radius, space, type } from '@unif/react-native-design';
 export const createStyles = colors => StyleSheet.create({
+  compactRoot: {
+    gap: space[2]
+  },
+  compactSteps: {
+    gap: space[2]
+  },
+  compactAction: {
+    minWidth: 44,
+    minHeight: 44
+  },
+  compactHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: space[2],
+    minHeight: 44,
+    paddingVertical: space[1]
+  },
+  compactTitle: {
+    flex: 1,
+    minWidth: 0,
+    color: colors.foregroundMuted,
+    fontSize: type.xs,
+    fontWeight: fw.medium
+  },
+  compactDescription: {
+    color: colors.foregroundMuted,
+    fontSize: type.xs,
+    lineHeight: type.xs * 1.6
+  },
+  compactDetails: {
+    maxHeight: r(180),
+    paddingTop: space[3],
+    paddingBottom: space[2]
+  },
   root: {
     gap: space[4],
     padding: space[5],

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fw","radius","space","type","createStyles","colors","create","root","gap","padding","borderRadius","xl","borderWidth","borderColor","outline","backgroundColor","surface","heading","flexDirection","alignItems","headingTitle","flex","color","foreground","fontSize","h3","fontWeight","semi","steps","step","paddingBottom","borderBottomWidth","hairlineWidth","borderBottomColor","stepLast","stepHeader","stepTitle","sm","medium","status","statusText","foregroundMuted","xxs","description","elapsed","foregroundSubtle","details","md","surfaceContainer","actions","flexWrap"],"sourceRoot":"../../../../src","sources":["components/Process/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,EAAE,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,QAAQ,2BAA2B;AAGnE,OAAO,MAAMC,YAAY,GAAIC,MAAmB,IAC9CN,UAAU,CAACO,MAAM,CAAC;EAChBC,IAAI,EAAE;IACJC,GAAG,EAAEN,KAAK,CAAC,CAAC,CAAC;IACbO,OAAO,EAAEP,KAAK,CAAC,CAAC,CAAC;IACjBQ,YAAY,EAAET,MAAM,CAACU,EAAE;IACvBC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAER,MAAM,CAACS,OAAO;IAC3BC,eAAe,EAAEV,MAAM,CAACW;EAC1B,CAAC;EACDC,OAAO,EAAE;IACPC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBX,GAAG,EAAEN,KAAK,CAAC,CAAC;EACd,CAAC;EACDkB,YAAY,EAAE;IACZC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEjB,MAAM,CAACkB,UAAU;IACxBC,QAAQ,EAAErB,IAAI,CAACsB,EAAE;IACjBC,UAAU,EAAE1B,EAAE,CAAC2B;EACjB,CAAC;EACDC,KAAK,EAAE;IACLpB,GAAG,EAAEN,KAAK,CAAC,CAAC;EACd,CAAC;EACD2B,IAAI,EAAE;IACJrB,GAAG,EAAEN,KAAK,CAAC,CAAC,CAAC;IACb4B,aAAa,EAAE5B,KAAK,CAAC,CAAC,CAAC;IACvB6B,iBAAiB,EAAEhC,UAAU,CAACiC,aAAa;IAC3CC,iBAAiB,EAAE5B,MAAM,CAACS;EAC5B,CAAC;EACDoB,QAAQ,EAAE;IACRJ,aAAa,EAAE,CAAC;IAChBC,iBAAiB,EAAE;EACrB,CAAC;EACDI,UAAU,EAAE;IACVjB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBX,GAAG,EAAEN,KAAK,CAAC,CAAC;EACd,CAAC;EACDkC,SAAS,EAAE;IACTf,IAAI,EAAE,CAAC;IACPC,KAAK,EAAEjB,MAAM,CAACkB,UAAU;IACxBC,QAAQ,EAAErB,IAAI,CAACkC,EAAE;IACjBX,UAAU,EAAE1B,EAAE,CAACsC;EACjB,CAAC;EACDC,MAAM,EAAE;IACNrB,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBX,GAAG,EAAEN,KAAK,CAAC,CAAC;EACd,CAAC;EACDsC,UAAU,EAAE;IACVlB,KAAK,EAAEjB,MAAM,CAACoC,eAAe;IAC7BjB,QAAQ,EAAErB,IAAI,CAACuC;EACjB,CAAC;EACDC,WAAW,EAAE;IACXrB,KAAK,EAAEjB,MAAM,CAACoC,eAAe;IAC7BjB,QAAQ,EAAErB,IAAI,CAACkC;EACjB,CAAC;EACDO,OAAO,EAAE;IACPtB,KAAK,EAAEjB,MAAM,CAACwC,gBAAgB;IAC9BrB,QAAQ,EAAErB,IAAI,CAACuC;EACjB,CAAC;EACDI,OAAO,EAAE;IACPrC,OAAO,EAAEP,KAAK,CAAC,CAAC,CAAC;IACjBQ,YAAY,EAAET,MAAM,CAAC8C,EAAE;IACvBhC,eAAe,EAAEV,MAAM,CAAC2C;EAC1B,CAAC;EACDC,OAAO,EAAE;IACP/B,aAAa,EAAE,KAAK;IACpBgC,QAAQ,EAAE,MAAM;IAChB1C,GAAG,EAAEN,KAAK,CAAC,CAAC;EACd;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fw","r","radius","space","type","createStyles","colors","create","compactRoot","gap","compactSteps","compactAction","minWidth","minHeight","compactHeader","flexDirection","alignItems","paddingVertical","compactTitle","flex","color","foregroundMuted","fontSize","xs","fontWeight","medium","compactDescription","lineHeight","compactDetails","maxHeight","paddingTop","paddingBottom","root","padding","borderRadius","xl","borderWidth","borderColor","outline","backgroundColor","surface","heading","headingTitle","foreground","h3","semi","steps","step","borderBottomWidth","hairlineWidth","borderBottomColor","stepLast","stepHeader","stepTitle","sm","status","statusText","xxs","description","elapsed","foregroundSubtle","details","md","surfaceContainer","actions","flexWrap"],"sourceRoot":"../../../../src","sources":["components/Process/styles.ts"],"mappings":"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","ignoreList":[]}

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,+BA0FzB"}

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

@@ -1,5 +1,39 @@
 import type { ColorTokens } from '@unif/react-native-design';
 export declare const createStyles: (colors: ColorTokens) => Readonly<{
+    compactRoot: {
+        gap: number;
+    };
+    compactSteps: {
+        gap: number;
+    };
+    compactAction: {
+        minWidth: number;
+        minHeight: 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmG5C,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.1.0",
+  "version": "3.2.1",
   "description": "Unif React Native 聊天组件：消息、输入、附件和交互展示",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
@@ -96,7 +96,7 @@
     "typescript": "^6.0.3"
   },
   "peerDependencies": {
-    "@unif/react-native-design": "^0.36.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/Process/Process.tsx

@@ -8,6 +8,7 @@ import {
 } from '@unif/react-native-design';
 import { PROCESS_STATUS_ICONS, PROCESS_STATUS_LABELS } from './constants';
 import { createStyles } from './styles';
+import { ProcessCompactStep } from './ProcessCompactStep';
 import type { ProcessProps, ProcessStep } from './types';
 
 function idsWithDetails(
@@ -43,7 +44,7 @@ function formatElapsedMs(elapsedMs: number | undefined): string | undefined {
 }
 
 export function Process(props: ProcessProps): React.JSX.Element {
-  const { steps, title, identity, style, testID } = props;
+  const { steps, title, identity, style, testID, variant = 'card' } = props;
   const styles = useThemedStyles(createStyles);
   const colors = useColors();
   const isControlled = props.expandedIds !== undefined;
@@ -71,18 +72,31 @@ export function Process(props: ProcessProps): React.JSX.Element {
   };
 
   return (
-    <View style={[styles.root, style]} testID={testID}>
+    <View
+      style={[variant === 'compact' ? styles.compactRoot : styles.root, style]}
+      testID={testID}
+    >
       {title || identity ? (
         <View style={styles.heading}>
           {identity}
           {title ? <Text style={styles.headingTitle}>{title}</Text> : null}
         </View>
       ) : null}
-      <View style={styles.steps}>
+      <View style={variant === 'compact' ? styles.compactSteps : styles.steps}>
         {steps.map((step, index) => {
           const statusLabel = PROCESS_STATUS_LABELS[step.status];
           const elapsed = formatElapsedMs(step.elapsedMs);
           const isExpanded = expandedIds.includes(step.id);
+          if (variant === 'compact')
+            return (
+              <ProcessCompactStep
+                key={step.id}
+                step={step}
+                expanded={isExpanded}
+                elapsed={elapsed}
+                onToggle={() => toggleDetails(step.id)}
+              />
+            );
           return (
             <View
               key={step.id}

package/src/components/Process/ProcessCompactStep.tsx

@@ -0,0 +1,111 @@
+import { Pressable, ScrollView, Text, View } from 'react-native';
+import {
+  Button,
+  Icon,
+  Pulse,
+  Reveal,
+  pressedOpacity,
+  r,
+  useColors,
+  useThemedStyles,
+} from '@unif/react-native-design';
+import { PROCESS_STATUS_ICONS, PROCESS_STATUS_LABELS } from './constants';
+import { createStyles } from './styles';
+import type { ProcessCompactStepProps } from './types';
+
+export function ProcessCompactStep({
+  step,
+  expanded,
+  elapsed,
+  onToggle,
+}: ProcessCompactStepProps) {
+  const styles = useThemedStyles(createStyles);
+  const colors = useColors();
+  const hasDetails = step.details != null;
+  const running = step.status === 'running';
+  const color = running
+    ? colors.primary
+    : step.status === 'completed'
+      ? colors.success
+      : step.status === 'failed'
+        ? colors.error
+        : colors.foregroundMuted;
+  const icon = (
+    <Icon
+      name={
+        running || step.status === 'completed'
+          ? 'spark'
+          : PROCESS_STATUS_ICONS[step.status]
+      }
+      size={r(14)}
+      color={color}
+    />
+  );
+  return (
+    <View>
+      <Pressable
+        testID={`process-step-${step.id}-toggle`}
+        accessible
+        accessibilityRole={hasDetails ? 'button' : undefined}
+        accessibilityLabel={`${step.title}，${PROCESS_STATUS_LABELS[step.status]}${elapsed ? `，${elapsed}` : ''}`}
+        accessibilityState={hasDetails ? { expanded } : undefined}
+        disabled={!hasDetails}
+        onPress={onToggle}
+        style={({ pressed }) => [
+          styles.compactHeader,
+          pressed && { opacity: pressedOpacity },
+        ]}
+      >
+        {running ? <Pulse>{icon}</Pulse> : icon}
+        <Text
+          style={styles.compactTitle}
+          testID={`process-step-title-${step.id}`}
+          numberOfLines={1}
+        >
+          {step.title}
+        </Text>
+        {elapsed ? <Text style={styles.elapsed}>{elapsed}</Text> : null}
+        {hasDetails ? (
+          <Icon
+            name={expanded ? 'chevron-up' : 'chevron-down'}
+            size={r(14)}
+            color={colors.foregroundSubtle}
+          />
+        ) : null}
+      </Pressable>
+      {step.description ? (
+        <Text style={styles.compactDescription}>{step.description}</Text>
+      ) : null}
+      {hasDetails && expanded ? (
+        <Reveal>
+          <ScrollView
+            testID={`process-step-${step.id}-details`}
+            style={styles.compactDetails}
+            nestedScrollEnabled
+            keyboardShouldPersistTaps="handled"
+          >
+            {step.details}
+          </ScrollView>
+        </Reveal>
+      ) : null}
+      {step.actions?.length ? (
+        <View style={styles.actions}>
+          {step.actions.map((action) => (
+            <Button
+              key={action.id}
+              style={styles.compactAction}
+              label={action.label}
+              leftIcon={action.icon}
+              onPress={action.onPress}
+              disabled={action.disabled}
+              loading={action.loading}
+              accessibilityHint={action.accessibilityHint}
+              size="sm"
+              variant="text"
+            />
+          ))}
+        </View>
+      ) : null}
+    </View>
+  );
+}

package/src/components/Process/styles.ts

@@ -1,9 +1,36 @@
 import { StyleSheet } from 'react-native';
-import { fw, radius, space, type } from '@unif/react-native-design';
+import { fw, r, radius, space, type } from '@unif/react-native-design';
 import type { ColorTokens } from '@unif/react-native-design';
 
 export const createStyles = (colors: ColorTokens) =>
   StyleSheet.create({
+    compactRoot: { gap: space[2] },
+    compactSteps: { gap: space[2] },
+    compactAction: { minWidth: 44, minHeight: 44 },
+    compactHeader: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      gap: space[2],
+      minHeight: 44,
+      paddingVertical: space[1],
+    },
+    compactTitle: {
+      flex: 1,
+      minWidth: 0,
+      color: colors.foregroundMuted,
+      fontSize: type.xs,
+      fontWeight: fw.medium,
+    },
+    compactDescription: {
+      color: colors.foregroundMuted,
+      fontSize: type.xs,
+      lineHeight: type.xs * 1.6,
+    },
+    compactDetails: {
+      maxHeight: r(180),
+      paddingTop: space[3],
+      paddingBottom: space[2],
+    },
     root: {
       gap: space[4],
       padding: space[5],

package/src/components/Process/types.ts

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