@unif/react-native-design 0.5.1 → 0.6.0

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

@@ -1,23 +0,0 @@
-import type { ColorTokens } from '../../../theme';
-/** @gorhom 接管动画 / handle / scrim,这里只控 root flex + sheet bg + 顶部圆角 24
- *  + scrim/blur backdrop 背景色(走 c.scrim token,亮 rgba(0,0,0,0.5) / 暗 0.7)。 */
-export declare const makeStyles: (c: ColorTokens) => Readonly<{
-    root: {
-        flex: number;
-    };
-    sheet: {
-        backgroundColor: string;
-        borderTopLeftRadius: number;
-        borderTopRightRadius: number;
-    };
-    /** Scrim backdrop:c.scrim token,亮暗自动切换(亮 0.5 / 暗 0.7 alpha)。
-     *  与 @gorhom 默认 backgroundColor:'black' + opacity 0.5 等价但走 token。 */
-    scrimBackdrop: {
-        backgroundColor: string;
-    };
-    /** Blur backdrop:bg 透明,由 BlurLayer child 接管视觉。 */
-    backdropTransparent: {
-        backgroundColor: string;
-    };
-}>;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BottomSheet/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;4EAC4E;AAC5E,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;IAQrC;yEACqE;;;;IAErE,kDAAkD;;;;EAElD,CAAC"}

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

@@ -1,26 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-export type BottomSheetProps = {
-    /** snap points,默认 `['30%', '60%', '95%']` 三档可拖。
-     *  专用场景显式覆盖,如单档不可调 `['90%']`、短确认 + 中 `['40%', '85%']`。 */
-    snapPoints?: (string | number)[];
-    /** Sheet 内容 */
-    children: ReactNode;
-    /** Sheet 容器附加样式(影响 BottomSheetView style) */
-    sheetStyle?: StyleProp<ViewStyle>;
-    /** Backdrop 模式,默认 'scrim':
-     *  - `'scrim'`:@gorhom 默认 BottomSheetBackdrop,单色半透黑
-     *  - `'blur'`:自定义 BlurBackdrop(BlurLayer intensity='strong')
-     *  - `'none'`:无 backdrop,适合"屏 root 已有自己 backdrop"场景 */
-    backdrop?: 'scrim' | 'blur' | 'none';
-    /** 是否显示顶部 grabber(默认 true) */
-    grabber?: boolean;
-    /** Sheet 关闭(animatedIndex 收到 -1)时触发。
-     *
-     *  **transparentModal route 模式必传 `navigation.goBack()`** —— 不然关闭 sheet 后,
-     *  屏 route 没 pop,native overlay 屏继续覆盖,触摸全被屏吞掉。 */
-    onClose?: () => void;
-    /** E2E / 测试定位 */
-    testID?: string;
-};
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/BottomSheet/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;IAC7B;8DAC0D;IAC1D,UAAU,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACjC,eAAe;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;;2DAGuD;IACvD,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,MAAM,CAAC;IACrC,8BAA8B;IAC9B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;sDAGkD;IAClD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC"}

package/lib/typescript/src/components/ui/Confirm/ConfirmHost.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-/**
- * Confirm 对话框 Portal —— App 根挂一次,监听 `confirm()` 调用并渲染。
- *
- * 走 `<BottomSheetModal>` + `<BottomSheetModalProvider>`,通过 Provider Portal
- * 自动渲染到 App 顶层 —— 整屏 backdrop + 不受 React tree 位置影响。
- */
-export declare function ConfirmHost(): React.JSX.Element | null;
-//# sourceMappingURL=ConfirmHost.d.ts.map

package/lib/typescript/src/components/ui/Confirm/ConfirmHost.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ConfirmHost.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/ConfirmHost.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAC;AA4Bf;;;;;GAKG;AACH,wBAAgB,WAAW,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,GAAG,IAAI,CA6FtD"}

package/lib/typescript/src/components/ui/Confirm/confirm.d.ts

@@ -1,20 +0,0 @@
-import type { ConfirmOptions, Subscriber } from './types';
-export declare const _subs: Set<Subscriber>;
-/**
- * 弹出确认对话框,返回 Promise<boolean>。
- * - 用户点确认 → resolve(true)
- * - 用户点取消 / 点 backdrop / 拖关闭 → resolve(false)
- *
- * 示例:
- * ```ts
- * const ok = await confirm({
- *   title: '确认注销账号?',
- *   message: '注销后所有数据删除,无法恢复',
- *   confirmLabel: '确认注销',
- *   destructive: true,
- * });
- * if (ok) doLogout();
- * ```
- */
-export declare function confirm(options: ConfirmOptions): Promise<boolean>;
-//# sourceMappingURL=confirm.d.ts.map

package/lib/typescript/src/components/ui/Confirm/confirm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"confirm.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/confirm.ts"],"names":[],"mappings":"AASA,OAAO,KAAK,EAAE,cAAc,EAAgB,UAAU,EAAE,MAAM,SAAS,CAAC;AAMxE,eAAO,MAAM,KAAK,iBAAwB,CAAC;AAE3C;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,OAAO,CAAC,OAAO,CAAC,CAmBjE"}

package/lib/typescript/src/components/ui/Confirm/index.d.ts

@@ -1,4 +0,0 @@
-export { confirm } from './confirm';
-export { ConfirmHost } from './ConfirmHost';
-export type { ConfirmOptions } from './types';
-//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/components/ui/Confirm/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC"}

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

@@ -1,32 +0,0 @@
-import type { ColorTokens } from '../../../theme';
-/** Confirm 对话框 styles —— title/message 走 BottomSheetView 顶部段,
- *  actions 走 BottomSheetFooter 自动浮到 sheet 底部。 */
-export declare const makeStyles: (c: ColorTokens) => Readonly<{
-    sheetBackground: {
-        backgroundColor: string;
-    };
-    sheet: {
-        paddingHorizontal: number;
-        paddingTop: number;
-        gap: number;
-    };
-    title: {
-        fontSize: number;
-        fontWeight: "600";
-        color: string;
-        letterSpacing: number;
-    };
-    message: {
-        fontSize: number;
-        color: string;
-        lineHeight: number;
-    };
-    actions: {
-        flexDirection: "row";
-        gap: number;
-        paddingHorizontal: number;
-        paddingTop: number;
-        paddingBottom: number;
-    };
-}>;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/styles.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD;iDACiD;AACjD,eAAO,MAAM,UAAU,GAAI,GAAG,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BrC,CAAC"}

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

@@ -1,21 +0,0 @@
-/** Confirm 入参。 */
-export type ConfirmOptions = {
-    /** 主标题 —— 短且明确,如 "确认注销账号?" */
-    title: string;
-    /** 说明文本 —— 1-2 句解释操作后果。可选 */
-    message?: string;
-    /** 确认按钮文案,默认 "确认" */
-    confirmLabel?: string;
-    /** 取消按钮文案,默认 "取消" */
-    cancelLabel?: string;
-    /** 标记为破坏性操作 —— 确认按钮变红(c.error),用于"删除 / 注销 / 取消订单" */
-    destructive?: boolean;
-};
-/** Host 内部 entry —— options + resolve 回调,用户点 确认/取消/backdrop 时 resolve。 */
-export type ConfirmEntry = ConfirmOptions & {
-    id: number;
-    resolve: (confirmed: boolean) => void;
-};
-/** ConfirmHost 监听器签名 —— 收到 entry 渲染对话框;收到 null 表示关闭。 */
-export type Subscriber = (entry: ConfirmEntry | null) => void;
-//# sourceMappingURL=types.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/ui/Confirm/types.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,MAAM,MAAM,cAAc,GAAG;IAC3B,8BAA8B;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,qBAAqB;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qDAAqD;IACrD,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,0EAA0E;AAC1E,MAAM,MAAM,YAAY,GAAG,cAAc,GAAG;IAC1C,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,wDAAwD;AACxD,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,KAAK,IAAI,CAAC"}

package/src/components/ui/BottomSheet/BottomSheet.tsx

@@ -1,117 +0,0 @@
-import React, { useCallback, useMemo } from 'react';
-import { View } from 'react-native';
-import GorhomBottomSheet, {
-  BottomSheetBackdrop,
-  BottomSheetScrollView,
-  type BottomSheetBackdropProps,
-} from '@gorhom/bottom-sheet';
-import { GestureHandlerRootView } from 'react-native-gesture-handler';
-import { useThemedStyles } from '../../../theme';
-import { BlurLayer } from '../BlurLayer';
-import { makeStyles } from './styles';
-import type { BottomSheetProps } from './types';
-
-/** 底部 sheet —— @gorhom/bottom-sheet 的薄壳层。
- *
- *  适合 navigation `presentation: 'transparentModal'` 屏内 root 用法:mount 时
- *  默认 animateOnMount=true 从 -1 动画到 index=0,goBack() 自然关闭。
- *  state-driven sheet 应用 @gorhom 原生 `<BottomSheetModal>`,本 wrapper 不覆盖。
- *
- *  - `snapPoints` 必传(`['50%']` / `['50%', '90%']` 等)
- *  - `backdrop` 三档:`'scrim'` / `'blur'`(BlurLayer)/ `'none'` */
-// 默认 30% / 60% / 95%,模块顶层 const 引用稳定。
-const DEFAULT_SNAP_POINTS: (string | number)[] = ['30%', '60%', '95%'];
-
-export function BottomSheet({
-  snapPoints = DEFAULT_SNAP_POINTS,
-  children,
-  sheetStyle,
-  backdrop = 'scrim',
-  grabber = true,
-  onClose,
-  testID,
-}: BottomSheetProps): React.JSX.Element {
-  const styles = useThemedStyles(makeStyles);
-
-  /** BlurView backdrop —— 复用 @gorhom BottomSheetBackdrop 的手势 + animatedIndex
-   *  插值,opacity=1 + bg=transparent 让 backdrop 本身不画 scrim,只画 BlurLayer。
-   *  tap-to-close + opacity 淡入 / pointer-events disable 全部继承自 @gorhom 内核。
-   *
-   *  useCallback + styles dep 保引用稳定(主题切换时才重建),避免每次渲染新引用让
-   *  @gorhom 内部 memo 失效 / remount backdrop 树。 */
-  const BlurBackdrop = useCallback(
-    (props: BottomSheetBackdropProps) => (
-      <BottomSheetBackdrop
-        {...props}
-        appearsOnIndex={0}
-        disappearsOnIndex={-1}
-        opacity={1}
-        style={[props.style, styles.backdropTransparent]}
-      >
-        <BlurLayer intensity="strong" />
-      </BottomSheetBackdrop>
-    ),
-    [styles.backdropTransparent]
-  );
-
-  /** Scrim backdrop —— 走 c.scrim token(亮 rgba(0,0,0,0.5) / 暗 0.7),opacity=1
-   *  让 @gorhom 只跑透明度淡入动画,scrim 实色由 token 决定 → 暗色自动加深。 */
-  const ScrimBackdrop = useCallback(
-    (props: BottomSheetBackdropProps) => (
-      <BottomSheetBackdrop
-        {...props}
-        appearsOnIndex={0}
-        disappearsOnIndex={-1}
-        opacity={1}
-        style={[props.style, styles.scrimBackdrop]}
-      />
-    ),
-    [styles.scrimBackdrop]
-  );
-
-  const renderBackdrop = useMemo(() => {
-    switch (backdrop) {
-      case 'none':
-        return undefined;
-      case 'blur':
-        return BlurBackdrop;
-      case 'scrim':
-        return ScrimBackdrop;
-    }
-  }, [backdrop, BlurBackdrop, ScrimBackdrop]);
-
-  // @gorhom onChange:index === -1 即关闭。配合 transparentModal route 必传
-  // caller 的 onClose → navigation.goBack(),否则路由 stack 不 pop,native overlay 继续吞触摸。
-  const onChange = (index: number) => {
-    if (index === -1) onClose?.();
-  };
-
-  return (
-    <GestureHandlerRootView style={styles.root}>
-      <GorhomBottomSheet
-        snapPoints={snapPoints}
-        index={0}
-        backdropComponent={renderBackdrop}
-        handleComponent={grabber ? undefined : null}
-        backgroundStyle={styles.sheet}
-        onChange={onChange}
-        // enableDynamicSizing=false 关键 —— @gorhom v5 默认 true 会让 sheet 跟内容
-        // 自动撑高忽略 snapPoints max,设 false 强制按 snapPoints 锁高度(gorhom#1783 / #918)
-        enableDynamicSizing={false}
-        enableOverDrag={false}
-        // @gorhom 默认 false:user 下拉到底部 snap 后不会关闭 sheet,只是 bounce
-        // (BottomSheetScrollView 在 scrollOffset=0 时下拉看着像下拉刷新效果)。
-        // 设 true 后超过最低 snap 阈值直接 dismiss → 走 onChange(-1) → onClose。
-        enablePanDownToClose
-      >
-        <BottomSheetScrollView
-          testID={testID}
-          showsVerticalScrollIndicator={false}
-        >
-          {/* sheetStyle 给内层 View,ScrollView 只负责 scroll,不接管 padding / gap / maxHeight。 */}
-          <View style={sheetStyle}>{children}</View>
-        </BottomSheetScrollView>
-      </GorhomBottomSheet>
-    </GestureHandlerRootView>
-  );
-}

package/src/components/ui/BottomSheet/index.ts

@@ -1,2 +0,0 @@
-export { BottomSheet } from './BottomSheet';
-export type { BottomSheetProps } from './types';

package/src/components/ui/BottomSheet/styles.ts

@@ -1,20 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { space } from '../../../theme';
-import type { ColorTokens } from '../../../theme';
-
-/** @gorhom 接管动画 / handle / scrim,这里只控 root flex + sheet bg + 顶部圆角 24
- *  + scrim/blur backdrop 背景色(走 c.scrim token,亮 rgba(0,0,0,0.5) / 暗 0.7)。 */
-export const makeStyles = (c: ColorTokens) =>
-  StyleSheet.create({
-    root: { flex: 1 },
-    sheet: {
-      backgroundColor: c.surface,
-      borderTopLeftRadius: space['9'],
-      borderTopRightRadius: space['9'],
-    },
-    /** Scrim backdrop:c.scrim token,亮暗自动切换(亮 0.5 / 暗 0.7 alpha)。
-     *  与 @gorhom 默认 backgroundColor:'black' + opacity 0.5 等价但走 token。 */
-    scrimBackdrop: { backgroundColor: c.scrim },
-    /** Blur backdrop:bg 透明,由 BlurLayer child 接管视觉。 */
-    backdropTransparent: { backgroundColor: 'transparent' },
-  });

package/src/components/ui/BottomSheet/types.ts

@@ -1,26 +0,0 @@
-import type { ReactNode } from 'react';
-import type { StyleProp, ViewStyle } from 'react-native';
-
-export type BottomSheetProps = {
-  /** snap points,默认 `['30%', '60%', '95%']` 三档可拖。
-   *  专用场景显式覆盖,如单档不可调 `['90%']`、短确认 + 中 `['40%', '85%']`。 */
-  snapPoints?: (string | number)[];
-  /** Sheet 内容 */
-  children: ReactNode;
-  /** Sheet 容器附加样式(影响 BottomSheetView style) */
-  sheetStyle?: StyleProp<ViewStyle>;
-  /** Backdrop 模式,默认 'scrim':
-   *  - `'scrim'`:@gorhom 默认 BottomSheetBackdrop,单色半透黑
-   *  - `'blur'`:自定义 BlurBackdrop(BlurLayer intensity='strong')
-   *  - `'none'`:无 backdrop,适合"屏 root 已有自己 backdrop"场景 */
-  backdrop?: 'scrim' | 'blur' | 'none';
-  /** 是否显示顶部 grabber(默认 true) */
-  grabber?: boolean;
-  /** Sheet 关闭(animatedIndex 收到 -1)时触发。
-   *
-   *  **transparentModal route 模式必传 `navigation.goBack()`** —— 不然关闭 sheet 后,
-   *  屏 route 没 pop,native overlay 屏继续覆盖,触摸全被屏吞掉。 */
-  onClose?: () => void;
-  /** E2E / 测试定位 */
-  testID?: string;
-};

package/src/components/ui/Confirm/ConfirmHost.tsx

@@ -1,134 +0,0 @@
-import React, {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState,
-} from 'react';
-import { Text, View } from 'react-native';
-import {
-  BottomSheetBackdrop,
-  BottomSheetFooter,
-  BottomSheetModal,
-  BottomSheetView,
-  type BottomSheetBackdropProps,
-  type BottomSheetFooterProps,
-} from '@gorhom/bottom-sheet';
-import { useThemedStyles } from '../../../theme';
-import { Button } from '../Button';
-import { _subs } from './confirm';
-import { makeStyles } from './styles';
-import type { ConfirmEntry, Subscriber } from './types';
-
-/** Scrim backdrop —— 单色半透黑 opacity 0.5 */
-function ScrimBackdrop(props: BottomSheetBackdropProps) {
-  return (
-    <BottomSheetBackdrop
-      {...props}
-      appearsOnIndex={0}
-      disappearsOnIndex={-1}
-      opacity={0.5}
-    />
-  );
-}
-
-/**
- * Confirm 对话框 Portal —— App 根挂一次,监听 `confirm()` 调用并渲染。
- *
- * 走 `<BottomSheetModal>` + `<BottomSheetModalProvider>`,通过 Provider Portal
- * 自动渲染到 App 顶层 —— 整屏 backdrop + 不受 React tree 位置影响。
- */
-export function ConfirmHost(): React.JSX.Element | null {
-  const styles = useThemedStyles(makeStyles);
-  const modalRef = useRef<BottomSheetModal>(null);
-  const [entry, setEntry] = useState<ConfirmEntry | null>(null);
-
-  useEffect(() => {
-    const sub: Subscriber = (next) => {
-      setEntry(next);
-      if (next) {
-        modalRef.current?.present();
-      } else {
-        modalRef.current?.dismiss();
-      }
-    };
-    _subs.add(sub);
-    return () => {
-      _subs.delete(sub);
-    };
-  }, []);
-
-  // onDismiss:drag-to-close / backdrop tap / 程序 dismiss 都触发,entry 还在视为取消
-  // 三个 handler 都用 useCallback + [entry] deps —— 让 renderFooter 的 useCallback
-  // deps 能正确锁定它们,引用稳定 = @gorhom 不会因 backdrop 重生成而抖动。
-  const handleDismiss = useCallback(() => {
-    if (entry) {
-      entry.resolve(false);
-      setEntry(null);
-    }
-  }, [entry]);
-
-  const handleConfirm = useCallback(() => {
-    entry?.resolve(true);
-    modalRef.current?.dismiss();
-  }, [entry]);
-
-  const handleCancel = useCallback(() => {
-    entry?.resolve(false);
-    modalRef.current?.dismiss();
-  }, [entry]);
-
-  const snapPoints = useMemo(() => ['30%'], []);
-
-  // 用 BottomSheetFooter 浮按钮:BottomSheetView 内部 absolute top/left/right 无 bottom,
-  // flex marginTop:auto 推不动按钮,所以必须走 footer + bottomInset 自动避让键盘。
-  const renderFooter = useCallback(
-    (props: BottomSheetFooterProps) =>
-      entry ? (
-        <BottomSheetFooter {...props} bottomInset={0}>
-          <View style={styles.actions}>
-            <Button
-              testID="confirm-cancel"
-              label={entry.cancelLabel ?? '取消'}
-              variant="secondary"
-              block
-              onPress={handleCancel}
-            />
-            <Button
-              testID="confirm-ok"
-              label={entry.confirmLabel ?? '确认'}
-              variant={entry.destructive ? 'danger' : 'primary'}
-              block
-              onPress={handleConfirm}
-            />
-          </View>
-        </BottomSheetFooter>
-      ) : null,
-    [entry, styles.actions, handleCancel, handleConfirm]
-  );
-
-  return (
-    <BottomSheetModal
-      ref={modalRef}
-      snapPoints={snapPoints}
-      index={0}
-      enableDynamicSizing={false}
-      enableOverDrag={false}
-      backdropComponent={ScrimBackdrop}
-      backgroundStyle={styles.sheetBackground}
-      footerComponent={renderFooter}
-      onDismiss={handleDismiss}
-    >
-      <BottomSheetView style={styles.sheet}>
-        {entry ? (
-          <>
-            <Text style={styles.title}>{entry.title}</Text>
-            {entry.message ? (
-              <Text style={styles.message}>{entry.message}</Text>
-            ) : null}
-          </>
-        ) : null}
-      </BottomSheetView>
-    </BottomSheetModal>
-  );
-}

package/src/components/ui/Confirm/confirm.ts

@@ -1,53 +0,0 @@
-/**
- * 命令式 `confirm()` API —— 跟 `<ConfirmHost />` 配对使用。
- *
- * 业务任意位置 `const ok = await confirm({title, message, ...})`,
- * 不用维护 useState / open / onClose。
- *
- * 同一时间只允许 1 个 confirm 活跃;若已有正在显示,新请求立即 resolve(false) 并 warn。
- */
-import { createLogger } from '../../../utils/logger';
-import type { ConfirmOptions, ConfirmEntry, Subscriber } from './types';
-
-const log = createLogger('confirm');
-
-let _id = 0;
-let _activeEntry: ConfirmEntry | null = null;
-export const _subs = new Set<Subscriber>();
-
-/**
- * 弹出确认对话框,返回 Promise<boolean>。
- * - 用户点确认 → resolve(true)
- * - 用户点取消 / 点 backdrop / 拖关闭 → resolve(false)
- *
- * 示例:
- * ```ts
- * const ok = await confirm({
- *   title: '确认注销账号?',
- *   message: '注销后所有数据删除,无法恢复',
- *   confirmLabel: '确认注销',
- *   destructive: true,
- * });
- * if (ok) doLogout();
- * ```
- */
-export function confirm(options: ConfirmOptions): Promise<boolean> {
-  if (_activeEntry) {
-    log.warn(
-      'confirm() 已有一个对话框在显示,新请求被拒绝(同一时间只 1 个,避免叠加)。'
-    );
-    return Promise.resolve(false);
-  }
-  return new Promise<boolean>((resolve) => {
-    const entry: ConfirmEntry = {
-      id: ++_id,
-      ...options,
-      resolve: (confirmed: boolean) => {
-        _activeEntry = null;
-        resolve(confirmed);
-      },
-    };
-    _activeEntry = entry;
-    _subs.forEach((s) => s(entry));
-  });
-}

package/src/components/ui/Confirm/index.ts

@@ -1,3 +0,0 @@
-export { confirm } from './confirm';
-export { ConfirmHost } from './ConfirmHost';
-export type { ConfirmOptions } from './types';

package/src/components/ui/Confirm/styles.ts

@@ -1,35 +0,0 @@
-import { StyleSheet } from 'react-native';
-import { fw, space, type as t } from '../../../theme';
-import type { ColorTokens } from '../../../theme';
-
-/** Confirm 对话框 styles —— title/message 走 BottomSheetView 顶部段,
- *  actions 走 BottomSheetFooter 自动浮到 sheet 底部。 */
-export const makeStyles = (c: ColorTokens) =>
-  StyleSheet.create({
-    sheetBackground: {
-      backgroundColor: c.surface,
-    },
-    sheet: {
-      paddingHorizontal: space['9'],
-      paddingTop: space['4'],
-      gap: space['5'],
-    },
-    title: {
-      fontSize: t.heroSm,
-      fontWeight: fw.semi,
-      color: c.foreground,
-      letterSpacing: -0.2,
-    },
-    message: {
-      fontSize: t.body,
-      color: c.foregroundMuted,
-      lineHeight: t.body * 1.45,
-    },
-    actions: {
-      flexDirection: 'row',
-      gap: space['4'],
-      paddingHorizontal: space['9'],
-      paddingTop: space['5'],
-      paddingBottom: space['7'],
-    },
-  });

package/src/components/ui/Confirm/types.ts

@@ -1,22 +0,0 @@
-/** Confirm 入参。 */
-export type ConfirmOptions = {
-  /** 主标题 —— 短且明确,如 "确认注销账号?" */
-  title: string;
-  /** 说明文本 —— 1-2 句解释操作后果。可选 */
-  message?: string;
-  /** 确认按钮文案,默认 "确认" */
-  confirmLabel?: string;
-  /** 取消按钮文案,默认 "取消" */
-  cancelLabel?: string;
-  /** 标记为破坏性操作 —— 确认按钮变红(c.error),用于"删除 / 注销 / 取消订单" */
-  destructive?: boolean;
-};
-
-/** Host 内部 entry —— options + resolve 回调,用户点 确认/取消/backdrop 时 resolve。 */
-export type ConfirmEntry = ConfirmOptions & {
-  id: number;
-  resolve: (confirmed: boolean) => void;
-};
-
-/** ConfirmHost 监听器签名 —— 收到 entry 渲染对话框;收到 null 表示关闭。 */
-export type Subscriber = (entry: ConfirmEntry | null) => void;