@unif/react-native-design 0.37.0 → 0.39.0

package/lib/module/components/ui/ImagePreview/styles.js

@@ -2,6 +2,7 @@
 
 import { StyleSheet } from 'react-native';
 import { fontMono, radius, space, type as typography } from "../../../theme/index.js";
+import { IMAGE_COUNTER_HEIGHT } from "./constants.js";
 export const makeStyles = colors => StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -35,8 +36,11 @@ export const makeStyles = colors => StyleSheet.create({
     textAlign: 'center'
   },
   counter: {
+    position: 'absolute',
+    bottom: 0,
     alignSelf: 'center',
-    paddingVertical: space[1],
+    height: IMAGE_COUNTER_HEIGHT,
+    justifyContent: 'center',
     paddingHorizontal: space[3],
     borderRadius: radius.pill,
     borderWidth: StyleSheet.hairlineWidth,

package/lib/module/components/ui/ImagePreview/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","fontMono","radius","space","type","typography","makeStyles","colors","create","container","alignItems","gap","media","backgroundColor","borderRadius","xl","overflow","border","absoluteFill","borderColor","outline","borderWidth","hairlineWidth","image","placeholder","width","height","justifyContent","paddingHorizontal","placeholderText","color","fontSize","sm","textAlign","counter","alignSelf","paddingVertical","pill","glassPillBorder","glassHighlight","counterText","foreground","fontFamily","deleteButton"],"sourceRoot":"../../../../../src","sources":["components/ui/ImagePreview/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,UAAU,QAAQ,yBAAgB;AAG5E,OAAO,MAAMC,UAAU,GAAIC,MAAmB,IAC5CP,UAAU,CAACQ,MAAM,CAAC;EAChBC,SAAS,EAAE;IAAEC,UAAU,EAAE,QAAQ;IAAEC,GAAG,EAAER,KAAK,CAAC,CAAC;EAAE,CAAC;EAClDS,KAAK,EAAE;IACLC,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAEZ,MAAM,CAACa,EAAE;IACvBC,QAAQ,EAAE;EACZ,CAAC;EACDC,MAAM,EAAE;IACN,GAAGjB,UAAU,CAACkB,YAAY;IAC1BC,WAAW,EAAEZ,MAAM,CAACa,OAAO;IAC3BC,WAAW,EAAErB,UAAU,CAACsB,aAAa;IACrCR,YAAY,EAAEZ,MAAM,CAACa;EACvB,CAAC;EACDQ,KAAK,EAAE;IAAEV,eAAe,EAAE;EAAQ,CAAC;EACnCW,WAAW,EAAE;IACXC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdb,eAAe,EAAE,OAAO;IACxBc,cAAc,EAAE,QAAQ;IACxBjB,UAAU,EAAE,QAAQ;IACpBkB,iBAAiB,EAAEzB,KAAK,CAAC,CAAC;EAC5B,CAAC;EACD0B,eAAe,EAAE;IACfC,KAAK,EAAE,OAAO;IACdC,QAAQ,EAAE1B,UAAU,CAAC2B,EAAE;IACvBC,SAAS,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACPC,SAAS,EAAE,QAAQ;IACnBC,eAAe,EAAEjC,KAAK,CAAC,CAAC,CAAC;IACzByB,iBAAiB,EAAEzB,KAAK,CAAC,CAAC,CAAC;IAC3BW,YAAY,EAAEZ,MAAM,CAACmC,IAAI;IACzBhB,WAAW,EAAErB,UAAU,CAACsB,aAAa;IACrCH,WAAW,EAAEZ,MAAM,CAAC+B,eAAe;IACnCzB,eAAe,EAAEN,MAAM,CAACgC;EAC1B,CAAC;EACDC,WAAW,EAAE;IACXV,KAAK,EAAEvB,MAAM,CAACkC,UAAU;IACxBV,QAAQ,EAAE1B,UAAU,CAAC2B,EAAE;IACvBU,UAAU,EAAEzC;EACd,CAAC;EACD0C,YAAY,EAAE;IAAE7B,YAAY,EAAEZ,MAAM,CAACmC;EAAK;AAC5C,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","fontMono","radius","space","type","typography","IMAGE_COUNTER_HEIGHT","makeStyles","colors","create","container","alignItems","gap","media","backgroundColor","borderRadius","xl","overflow","border","absoluteFill","borderColor","outline","borderWidth","hairlineWidth","image","placeholder","width","height","justifyContent","paddingHorizontal","placeholderText","color","fontSize","sm","textAlign","counter","position","bottom","alignSelf","pill","glassPillBorder","glassHighlight","counterText","foreground","fontFamily","deleteButton"],"sourceRoot":"../../../../../src","sources":["components/ui/ImagePreview/styles.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,MAAM,EAAEC,KAAK,EAAEC,IAAI,IAAIC,UAAU,QAAQ,yBAAgB;AAE5E,SAASC,oBAAoB,QAAQ,gBAAa;AAElD,OAAO,MAAMC,UAAU,GAAIC,MAAmB,IAC5CR,UAAU,CAACS,MAAM,CAAC;EAChBC,SAAS,EAAE;IAAEC,UAAU,EAAE,QAAQ;IAAEC,GAAG,EAAET,KAAK,CAAC,CAAC;EAAE,CAAC;EAClDU,KAAK,EAAE;IACLC,eAAe,EAAE,OAAO;IACxBC,YAAY,EAAEb,MAAM,CAACc,EAAE;IACvBC,QAAQ,EAAE;EACZ,CAAC;EACDC,MAAM,EAAE;IACN,GAAGlB,UAAU,CAACmB,YAAY;IAC1BC,WAAW,EAAEZ,MAAM,CAACa,OAAO;IAC3BC,WAAW,EAAEtB,UAAU,CAACuB,aAAa;IACrCR,YAAY,EAAEb,MAAM,CAACc;EACvB,CAAC;EACDQ,KAAK,EAAE;IAAEV,eAAe,EAAE;EAAQ,CAAC;EACnCW,WAAW,EAAE;IACXC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdb,eAAe,EAAE,OAAO;IACxBc,cAAc,EAAE,QAAQ;IACxBjB,UAAU,EAAE,QAAQ;IACpBkB,iBAAiB,EAAE1B,KAAK,CAAC,CAAC;EAC5B,CAAC;EACD2B,eAAe,EAAE;IACfC,KAAK,EAAE,OAAO;IACdC,QAAQ,EAAE3B,UAAU,CAAC4B,EAAE;IACvBC,SAAS,EAAE;EACb,CAAC;EACDC,OAAO,EAAE;IACPC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,CAAC;IACTC,SAAS,EAAE,QAAQ;IACnBX,MAAM,EAAErB,oBAAoB;IAC5BsB,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAE1B,KAAK,CAAC,CAAC,CAAC;IAC3BY,YAAY,EAAEb,MAAM,CAACqC,IAAI;IACzBjB,WAAW,EAAEtB,UAAU,CAACuB,aAAa;IACrCH,WAAW,EAAEZ,MAAM,CAACgC,eAAe;IACnC1B,eAAe,EAAEN,MAAM,CAACiC;EAC1B,CAAC;EACDC,WAAW,EAAE;IACXX,KAAK,EAAEvB,MAAM,CAACmC,UAAU;IACxBX,QAAQ,EAAE3B,UAAU,CAAC4B,EAAE;IACvBW,UAAU,EAAE3C;EACd,CAAC;EACD4C,YAAY,EAAE;IAAE9B,YAAY,EAAEb,MAAM,CAACqC;EAAK;AAC5C,CAAC,CAAC","ignoreList":[]}

package/lib/module/components/ui/Sheet/Sheet.js

@@ -11,6 +11,7 @@ export function Sheet({
   footer,
   contentMode = 'fixed',
   contentContainerStyle,
+  footerStyle,
   style,
   testID
 }) {
@@ -32,7 +33,7 @@ export function Sheet({
       style: [styles.contentRegion, styles.content, contentContainerStyle],
       children: children
     }), footer ? /*#__PURE__*/_jsx(View, {
-      style: styles.footer,
+      style: [styles.footer, footerStyle],
       children: footer
     }) : null]
   });

package/lib/module/components/ui/Sheet/Sheet.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ScrollView","View","useThemedStyles","makeStyles","jsx","_jsx","jsxs","_jsxs","Sheet","children","header","footer","contentMode","contentContainerStyle","style","testID","styles","root","grabberContainer","grabber","contentRegion","content","keyboardShouldPersistTaps"],"sourceRoot":"../../../../../src","sources":["components/ui/Sheet/Sheet.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,SAASC,KAAKA,CAAC;EACpBC,QAAQ;EACRC,MAAM;EACNC,MAAM;EACNC,WAAW,GAAG,OAAO;EACrBC,qBAAqB;EACrBC,KAAK;EACLC;AACU,CAAC,EAAqB;EAChC,MAAMC,MAAM,GAAGd,eAAe,CAACC,UAAU,CAAC;EAE1C,oBACEI,KAAA,CAACN,IAAI;IAACa,KAAK,EAAE,CAACE,MAAM,CAACC,IAAI,EAAEH,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAN,QAAA,GAC/CC,MAAM,iBACLL,IAAA,CAACJ,IAAI;MAACa,KAAK,EAAEE,MAAM,CAACE,gBAAiB;MAAAT,QAAA,eACnCJ,IAAA,CAACJ,IAAI;QAACa,KAAK,EAAEE,MAAM,CAACG;MAAQ,CAAE;IAAC,CAC3B,CACP,EACAP,WAAW,KAAK,QAAQ,gBACvBP,IAAA,CAACL,UAAU;MACTc,KAAK,EAAEE,MAAM,CAACI,aAAc;MAC5BP,qBAAqB,EAAE,CAACG,MAAM,CAACK,OAAO,EAAER,qBAAqB,CAAE;MAC/DS,yBAAyB,EAAC,SAAS;MAAAb,QAAA,EAElCA;IAAQ,CACC,CAAC,gBAEbJ,IAAA,CAACJ,IAAI;MACHa,KAAK,EAAE,CAACE,MAAM,CAACI,aAAa,EAAEJ,MAAM,CAACK,OAAO,EAAER,qBAAqB,CAAE;MAAAJ,QAAA,EAEpEA;IAAQ,CACL,CACP,EACAE,MAAM,gBAAGN,IAAA,CAACJ,IAAI;MAACa,KAAK,EAAEE,MAAM,CAACL,MAAO;MAAAF,QAAA,EAAEE;IAAM,CAAO,CAAC,GAAG,IAAI;EAAA,CACxD,CAAC;AAEX","ignoreList":[]}
+{"version":3,"names":["React","ScrollView","View","useThemedStyles","makeStyles","jsx","_jsx","jsxs","_jsxs","Sheet","children","header","footer","contentMode","contentContainerStyle","footerStyle","style","testID","styles","root","grabberContainer","grabber","contentRegion","content","keyboardShouldPersistTaps"],"sourceRoot":"../../../../../src","sources":["components/ui/Sheet/Sheet.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,eAAe,QAAQ,yBAAgB;AAChD,SAASC,UAAU,QAAQ,aAAU;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGtC,OAAO,SAASC,KAAKA,CAAC;EACpBC,QAAQ;EACRC,MAAM;EACNC,MAAM;EACNC,WAAW,GAAG,OAAO;EACrBC,qBAAqB;EACrBC,WAAW;EACXC,KAAK;EACLC;AACU,CAAC,EAAqB;EAChC,MAAMC,MAAM,GAAGf,eAAe,CAACC,UAAU,CAAC;EAE1C,oBACEI,KAAA,CAACN,IAAI;IAACc,KAAK,EAAE,CAACE,MAAM,CAACC,IAAI,EAAEH,KAAK,CAAE;IAACC,MAAM,EAAEA,MAAO;IAAAP,QAAA,GAC/CC,MAAM,iBACLL,IAAA,CAACJ,IAAI;MAACc,KAAK,EAAEE,MAAM,CAACE,gBAAiB;MAAAV,QAAA,eACnCJ,IAAA,CAACJ,IAAI;QAACc,KAAK,EAAEE,MAAM,CAACG;MAAQ,CAAE;IAAC,CAC3B,CACP,EACAR,WAAW,KAAK,QAAQ,gBACvBP,IAAA,CAACL,UAAU;MACTe,KAAK,EAAEE,MAAM,CAACI,aAAc;MAC5BR,qBAAqB,EAAE,CAACI,MAAM,CAACK,OAAO,EAAET,qBAAqB,CAAE;MAC/DU,yBAAyB,EAAC,SAAS;MAAAd,QAAA,EAElCA;IAAQ,CACC,CAAC,gBAEbJ,IAAA,CAACJ,IAAI;MACHc,KAAK,EAAE,CAACE,MAAM,CAACI,aAAa,EAAEJ,MAAM,CAACK,OAAO,EAAET,qBAAqB,CAAE;MAAAJ,QAAA,EAEpEA;IAAQ,CACL,CACP,EACAE,MAAM,gBACLN,IAAA,CAACJ,IAAI;MAACc,KAAK,EAAE,CAACE,MAAM,CAACN,MAAM,EAAEG,WAAW,CAAE;MAAAL,QAAA,EAAEE;IAAM,CAAO,CAAC,GACxD,IAAI;EAAA,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuContent.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { ActionMenuContentProps } from './types';
-export declare function ActionMenuContent({ actions, onClose, presentation, title, cancelLabel, style, testID, }: ActionMenuContentProps): React.JSX.Element;
+export declare function ActionMenuContent({ actions, onClose, presentation, title, cancelLabel, style, contentStyle, testID, }: ActionMenuContentProps): React.JSX.Element;
 //# sourceMappingURL=ActionMenuContent.d.ts.map

package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionMenuContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/ActionMenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAGtD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,YAAuB,EACvB,KAAK,EACL,WAAkB,EAClB,KAAK,EACL,MAAsB,GACvB,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqG5C"}
+{"version":3,"file":"ActionMenuContent.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/ActionMenuContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAKtD,wBAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,OAAO,EACP,YAAuB,EACvB,KAAK,EACL,WAAkB,EAClB,KAAK,EACL,YAAY,EACZ,MAAsB,GACvB,EAAE,sBAAsB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA6J5C"}

package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuItem.d.ts

@@ -0,0 +1,3 @@
+import type { ActionMenuItemProps } from './types';
+export declare function ActionMenuItem({ action, onPress }: ActionMenuItemProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionMenuItem.d.ts.map

package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenuItem.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/ActionMenuItem.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEnD,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,mBAAmB,2CA+CtE"}

package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuSheetCard.d.ts

@@ -0,0 +1,3 @@
+import type { ActionMenuSheetCardProps } from './types';
+export declare function ActionMenuSheetCard({ children, contentStyle, testID, }: ActionMenuSheetCardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ActionMenuSheetCard.d.ts.map

package/lib/typescript/src/components/ui/ActionMenuContent/ActionMenuSheetCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionMenuSheetCard.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/ActionMenuSheetCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;AAExD,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,YAAY,EACZ,MAAM,GACP,EAAE,wBAAwB,2CAiB1B"}

package/lib/typescript/src/components/ui/ActionMenuContent/styles.d.ts

@@ -1,5 +1,60 @@
-import type { ColorTokens } from '../../../theme';
-export declare const makeStyles: (c: ColorTokens) => Readonly<{
+import type { ColorTokens, ShadowTokens } from '../../../theme';
+export declare const makeStyles: (c: ColorTokens, shadows: ShadowTokens) => Readonly<{
+    popoverRoot: {
+        shadowColor: string;
+        shadowOffset: {
+            readonly width: number;
+            readonly height: number;
+        };
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+        width: number;
+        maxWidth: string;
+        borderRadius: number;
+        borderWidth: number;
+        borderColor: string;
+        backgroundColor: string;
+    };
+    popoverCard: {
+        borderRadius: number;
+        overflow: "hidden";
+        paddingVertical: number;
+    };
+    popoverRow: {
+        minHeight: 44;
+        flexDirection: "row";
+        alignItems: "center";
+        gap: number;
+        paddingVertical: number;
+        paddingHorizontal: number;
+    };
+    popoverRowPressed: {
+        backgroundColor: string;
+    };
+    popoverRowDisabled: {
+        opacity: number;
+    };
+    popoverIcon: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        alignItems: "center";
+        justifyContent: "center";
+        backgroundColor: string;
+    };
+    popoverLabel: {
+        flex: number;
+        minWidth: number;
+        fontSize: number;
+        color: string;
+    };
+    popoverDanger: {
+        color: string;
+    };
+    popoverConfirmationActions: {
+        paddingTop: number;
+    };
     dialogRoot: {
         flex: number;
         justifyContent: "center";

package/lib/typescript/src/components/ui/ActionMenuContent/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2CrC,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/styles.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAChE,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW,EAAE,SAAS,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmF5D,CAAC"}

package/lib/typescript/src/components/ui/ActionMenuContent/types.d.ts

@@ -1,4 +1,6 @@
+import type { ReactNode } from 'react';
 import type { StyleProp, ViewStyle } from 'react-native';
+import type { IconName } from '../Icon';
 export interface ActionMenuConfirmation {
     message: string;
     confirmLabel: string;
@@ -6,6 +8,8 @@ export interface ActionMenuConfirmation {
 export interface ActionMenuAction {
     id: string;
     label: string;
+    icon?: IconName;
+    accessibilityHint?: string;
     onPress(): void;
     disabled?: boolean;
     loading?: boolean;
@@ -15,11 +19,21 @@ export interface ActionMenuAction {
 /** 操作、确认有效性和宿主关闭由调用方负责。 */
 export interface ActionMenuContentProps {
     actions: readonly ActionMenuAction[];
-    presentation?: 'dialog' | 'sheet';
+    presentation?: 'dialog' | 'sheet' | 'popover';
     title?: string;
     cancelLabel?: string;
     onClose(): void;
     style?: StyleProp<ViewStyle>;
+    contentStyle?: StyleProp<ViewStyle>;
     testID?: string;
 }
+export interface ActionMenuItemProps {
+    action: ActionMenuAction;
+    onPress(): void;
+}
+export interface ActionMenuSheetCardProps {
+    children: ReactNode;
+    contentStyle?: StyleProp<ViewStyle>;
+    testID: string;
+}
 //# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/components/ui/ActionMenuContent/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACvC;AAED,2BAA2B;AAC3B,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,IAAI,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/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,QAAQ,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,OAAO,IAAI,IAAI,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAC5B,YAAY,CAAC,EAAE,sBAAsB,CAAC;CACvC;AAED,2BAA2B;AAC3B,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,SAAS,gBAAgB,EAAE,CAAC;IACrC,YAAY,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,IAAI,IAAI,CAAC;IAChB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,gBAAgB,CAAC;IACzB,OAAO,IAAI,IAAI,CAAC;CACjB;AAED,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,EAAE,MAAM,CAAC;CAChB"}

package/lib/typescript/src/components/ui/ActionMenuContent/useMenuMousePress.d.ts

@@ -0,0 +1,10 @@
+import type { PointerEvent } from 'react-native';
+/** Web 菜单按下时保留原输入焦点；实际选择只由 Pressable.onPress 交付。 */
+export declare function useMenuMousePress(disabled: boolean): {
+    mousePressed: boolean;
+    onPointerDown: (event: PointerEvent) => void;
+    onPointerUp: () => void;
+    onPointerCancel: () => void;
+    onPointerLeave: () => void;
+};
+//# sourceMappingURL=useMenuMousePress.d.ts.map

package/lib/typescript/src/components/ui/ActionMenuContent/useMenuMousePress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMenuMousePress.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ActionMenuContent/useMenuMousePress.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAEjD,oDAAoD;AACpD,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,OAAO;;2BAM3B,YAAY;;;;EAkBnC"}

package/lib/typescript/src/components/ui/ImagePreview/ImagePreview.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImagePreview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ImagePreview/ImagePreview.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EAGlB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,YAAY,kHA2NxB,CAAC"}
+{"version":3,"file":"ImagePreview.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ImagePreview/ImagePreview.tsx"],"names":[],"mappings":"AAoBA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EAGlB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,YAAY,kHAuOxB,CAAC"}

package/lib/typescript/src/components/ui/ImagePreview/constants.d.ts

@@ -1,3 +1,4 @@
 export declare const IMAGE_UNAVAILABLE = "\u56FE\u7247\u6682\u4E0D\u53EF\u9884\u89C8";
 export declare const DELETE_LABEL = "\u5220\u9664\u5F53\u524D\u7167\u7247";
+export declare const IMAGE_COUNTER_HEIGHT: number;
 //# sourceMappingURL=constants.d.ts.map

package/lib/typescript/src/components/ui/ImagePreview/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ImagePreview/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,+CAAY,CAAC;AAC3C,eAAO,MAAM,YAAY,yCAAW,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ImagePreview/constants.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,iBAAiB,+CAAY,CAAC;AAC3C,eAAO,MAAM,YAAY,yCAAW,CAAC;AACrC,eAAO,MAAM,oBAAoB,QAAQ,CAAC"}

package/lib/typescript/src/components/ui/ImagePreview/styles.d.ts

@@ -36,8 +36,11 @@ export declare const makeStyles: (colors: ColorTokens) => Readonly<{
         textAlign: "center";
     };
     counter: {
+        position: "absolute";
+        bottom: number;
         alignSelf: "center";
-        paddingVertical: number;
+        height: number;
+        justifyContent: "center";
         paddingHorizontal: number;
         borderRadius: 999;
         borderWidth: number;

package/lib/typescript/src/components/ui/ImagePreview/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ImagePreview/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2C1C,CAAC"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/ImagePreview/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,eAAO,MAAM,UAAU,GAAI,QAAQ,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8C1C,CAAC"}

package/lib/typescript/src/components/ui/Sheet/Sheet.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { SheetProps } from './types';
-export declare function Sheet({ children, header, footer, contentMode, contentContainerStyle, style, testID, }: SheetProps): React.JSX.Element;
+export declare function Sheet({ children, header, footer, contentMode, contentContainerStyle, footerStyle, style, testID, }: SheetProps): React.JSX.Element;
 //# sourceMappingURL=Sheet.d.ts.map

package/lib/typescript/src/components/ui/Sheet/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAqB,EACrB,qBAAqB,EACrB,KAAK,EACL,MAAM,GACP,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4BhC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAE1C,wBAAgB,KAAK,CAAC,EACpB,QAAQ,EACR,MAAM,EACN,MAAM,EACN,WAAqB,EACrB,qBAAqB,EACrB,WAAW,EACX,KAAK,EACL,MAAM,GACP,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA8BhC"}

package/lib/typescript/src/components/ui/Sheet/types.d.ts

@@ -7,6 +7,7 @@ export interface SheetProps {
     footer?: ReactNode;
     contentMode?: SheetContentMode;
     contentContainerStyle?: StyleProp<ViewStyle>;
+    footerStyle?: StyleProp<ViewStyle>;
     style?: StyleProp<ViewStyle>;
     testID?: string;
 }

package/lib/typescript/src/components/ui/Sheet/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Sheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,iBAAiB,CAAC;AAEtE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Sheet/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,QAAQ,GAAG,iBAAiB,CAAC;AAEtE,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,qBAAqB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unif/react-native-design",
-  "version": "0.37.0",
+  "version": "0.39.0",
   "description": "Unif React Native 设计系统：基础组件、主题、字体和图标",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/components/ui/ActionMenuContent/ActionMenuContent.tsx

@@ -1,10 +1,11 @@
 import React, { useEffect, useState } from 'react';
 import { Pressable, Text, View } from 'react-native';
-import { useSafeAreaInsets } from 'react-native-safe-area-context';
-import { space, useThemedStyles } from '../../../theme';
+import { useThemedStyles } from '../../../theme';
 import { Button } from '../Button';
 import type { ActionMenuContentProps } from './types';
 import { makeStyles } from './styles';
+import { ActionMenuItem } from './ActionMenuItem';
+import { ActionMenuSheetCard } from './ActionMenuSheetCard';
 
 export function ActionMenuContent({
   actions,
@@ -13,31 +14,31 @@ export function ActionMenuContent({
   title,
   cancelLabel = '取消',
   style,
+  contentStyle,
   testID = 'action-menu',
 }: ActionMenuContentProps): React.JSX.Element {
   const styles = useThemedStyles(makeStyles);
-  const insets = useSafeAreaInsets();
   const [confirmationId, setConfirmationId] = useState<string | null>(null);
   const isSheet = presentation === 'sheet';
+  const isPopover = presentation === 'popover';
   const confirming = actions.find(
     (action) =>
       action.id === confirmationId && action.confirmation !== undefined
   );
 
+  const cancelConfirmation = () => setConfirmationId(null);
+  const confirmSelected = () => {
+    if (!confirming) return;
+    onClose();
+    confirming.onPress();
+  };
+
   useEffect(() => {
     if (!confirming) setConfirmationId(null);
   }, [confirming]);
 
-  const content = (
-    <Pressable
-      accessible={false}
-      testID={`${testID}-card`}
-      style={[
-        isSheet ? styles.sheetCard : styles.dialogCard,
-        isSheet && { paddingBottom: insets.bottom + space[5] },
-      ]}
-      onPress={(event) => event.stopPropagation()}
-    >
+  const body = (
+    <>
       {title ? (
         <Text
           testID={`${testID}-title`}
@@ -53,25 +54,44 @@ export function ActionMenuContent({
           <Text style={styles.confirmation} accessibilityLiveRegion="polite">
             {confirming.confirmation.message}
           </Text>
-          <View style={styles.sheetActions}>
-            <Button
-              label={cancelLabel}
-              variant="neutral"
-              style={styles.sheetAction}
-              onPress={() => setConfirmationId(null)}
-            />
-            <Button
-              label={confirming.confirmation.confirmLabel}
-              variant="danger"
-              disabled={confirming.disabled}
-              loading={confirming.loading}
-              style={styles.sheetAction}
-              onPress={() => {
-                onClose();
-                confirming.onPress();
-              }}
-            />
-          </View>
+          {isPopover ? (
+            <View style={styles.popoverConfirmationActions}>
+              <ActionMenuItem
+                action={{
+                  id: 'cancel-confirmation',
+                  label: cancelLabel,
+                  onPress: cancelConfirmation,
+                }}
+                onPress={cancelConfirmation}
+              />
+              <ActionMenuItem
+                action={{
+                  ...confirming,
+                  label: confirming.confirmation.confirmLabel,
+                  icon: undefined,
+                  tone: 'danger',
+                }}
+                onPress={confirmSelected}
+              />
+            </View>
+          ) : (
+            <View style={styles.sheetActions}>
+              <Button
+                label={cancelLabel}
+                variant="neutral"
+                style={styles.sheetAction}
+                onPress={cancelConfirmation}
+              />
+              <Button
+                label={confirming.confirmation.confirmLabel}
+                variant="danger"
+                disabled={confirming.disabled}
+                loading={confirming.loading}
+                style={styles.sheetAction}
+                onPress={confirmSelected}
+              />
+            </View>
+          )}
         </>
       ) : (
         <>
@@ -79,32 +99,70 @@ export function ActionMenuContent({
             testID={`${testID}-actions`}
             style={isSheet ? styles.sheetActions : undefined}
           >
-            {actions.map((action) => (
-              <Button
-                key={action.id}
-                label={action.label}
-                disabled={action.disabled}
-                loading={action.loading}
-                variant={isSheet ? (action.tone ?? 'neutral') : 'text'}
-                style={isSheet ? styles.sheetAction : undefined}
-                onPress={() => {
-                  if (action.confirmation) {
-                    setConfirmationId(action.id);
-                    return;
-                  }
-                  action.onPress();
-                }}
-              />
-            ))}
+            {actions.map((action) =>
+              isPopover ? (
+                <ActionMenuItem
+                  key={action.id}
+                  action={action}
+                  onPress={() => {
+                    if (action.confirmation) setConfirmationId(action.id);
+                    else action.onPress();
+                  }}
+                />
+              ) : (
+                <Button
+                  key={action.id}
+                  label={action.label}
+                  leftIcon={action.icon}
+                  accessibilityHint={action.accessibilityHint}
+                  disabled={action.disabled}
+                  loading={action.loading}
+                  variant={isSheet ? (action.tone ?? 'neutral') : 'text'}
+                  style={isSheet ? styles.sheetAction : undefined}
+                  onPress={() => {
+                    if (action.confirmation) {
+                      setConfirmationId(action.id);
+                      return;
+                    }
+                    action.onPress();
+                  }}
+                />
+              )
+            )}
           </View>
-          {!isSheet ? (
+          {!isSheet && !isPopover ? (
             <Button label={cancelLabel} variant="text" onPress={onClose} />
           ) : null}
         </>
       )}
+    </>
+  );
+  const content = isSheet ? (
+    <ActionMenuSheetCard contentStyle={contentStyle} testID={`${testID}-card`}>
+      {body}
+    </ActionMenuSheetCard>
+  ) : isPopover ? (
+    <View testID={`${testID}-card`} style={[styles.popoverCard, contentStyle]}>
+      {body}
+    </View>
+  ) : (
+    <Pressable
+      accessible={false}
+      testID={`${testID}-card`}
+      style={[styles.dialogCard, contentStyle]}
+      onPress={(event) => event.stopPropagation()}
+    >
+      {body}
     </Pressable>
   );
 
+  if (isPopover)
+    return (
+      <View testID={testID} style={[styles.popoverRoot, style]}>
+        {content}
+      </View>
+    );
+
   return (
     <Pressable
       accessible={false}

package/src/components/ui/ActionMenuContent/ActionMenuItem.tsx

@@ -0,0 +1,56 @@
+import { ActivityIndicator, Pressable, Text, View } from 'react-native';
+import { useColors, useThemedStyles } from '../../../theme';
+import { Icon } from '../Icon';
+import { normalizeNonBlankText } from '../shared/accessibilityName';
+import { useMenuMousePress } from './useMenuMousePress';
+import { makeStyles } from './styles';
+import type { ActionMenuItemProps } from './types';
+
+export function ActionMenuItem({ action, onPress }: ActionMenuItemProps) {
+  const styles = useThemedStyles(makeStyles);
+  const colors = useColors();
+  const label = normalizeNonBlankText(action.label);
+  const busy = action.loading === true;
+  const disabled = action.disabled === true || busy || !label;
+  const { mousePressed, ...mouseHandlers } = useMenuMousePress(disabled);
+  const color = action.tone === 'danger' ? colors.error : colors.foreground;
+  return (
+    <Pressable
+      accessible={Boolean(label)}
+      accessibilityRole={label ? 'button' : undefined}
+      accessibilityLabel={label}
+      accessibilityHint={action.accessibilityHint}
+      accessibilityState={{ disabled, busy }}
+      disabled={disabled}
+      onPress={disabled ? undefined : onPress}
+      {...mouseHandlers}
+      style={({ pressed }) => [
+        styles.popoverRow,
+        (pressed || mousePressed) && styles.popoverRowPressed,
+        disabled && styles.popoverRowDisabled,
+      ]}
+    >
+      {action.icon || busy ? (
+        <View
+          style={styles.popoverIcon}
+          accessibilityElementsHidden
+          importantForAccessibility="no-hide-descendants"
+        >
+          {busy ? (
+            <ActivityIndicator size="small" color={colors.foregroundMuted} />
+          ) : action.icon ? (
+            <Icon name={action.icon} size={20} color={color} />
+          ) : null}
+        </View>
+      ) : null}
+      <Text
+        style={[
+          styles.popoverLabel,
+          action.tone === 'danger' && styles.popoverDanger,
+        ]}
+      >
+        {action.label}
+      </Text>
+    </Pressable>
+  );
+}

package/src/components/ui/ActionMenuContent/ActionMenuSheetCard.tsx

@@ -0,0 +1,28 @@
+import { Pressable } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { space, useThemedStyles } from '../../../theme';
+import { makeStyles } from './styles';
+import type { ActionMenuSheetCardProps } from './types';
+
+export function ActionMenuSheetCard({
+  children,
+  contentStyle,
+  testID,
+}: ActionMenuSheetCardProps) {
+  const styles = useThemedStyles(makeStyles);
+  const insets = useSafeAreaInsets();
+  return (
+    <Pressable
+      accessible={false}
+      testID={testID}
+      style={[
+        styles.sheetCard,
+        { paddingBottom: insets.bottom + space[5] },
+        contentStyle,
+      ]}
+      onPress={(event) => event.stopPropagation()}
+    >
+      {children}
+    </Pressable>
+  );
+}