react-native-system-ui 0.0.1 → 0.0.2

package/dist/cjs/components/dialog/Dialog.js

@@ -1,375 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Dialog = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-function _reactNative() {
-  const data = require("react-native");
-  _reactNative = function () {
-    return data;
-  };
-  return data;
-}
-var _useLocale = require("../config-provider/useLocale");
-var _platform = require("../../platform");
-var _hairline = require("../../utils/hairline");
-var _promise = require("../../utils/promise");
-var _validate = require("../../utils/validate");
-function _reactNativeSystemIcon() {
-  const data = require("react-native-system-icon");
-  _reactNativeSystemIcon = function () {
-    return data;
-  };
-  return data;
-}
-var _button = _interopRequireDefault(require("../button"));
-var _popup = _interopRequireDefault(require("../popup"));
-var _tokens = require("./tokens");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const ActionButton = props => {
-  const {
-    text,
-    color,
-    tokens,
-    dividerPosition = 'none',
-    loading,
-    disabled,
-    onPress
-  } = props;
-  const textColor = color ?? tokens.colors.confirm;
-  const dividerStyle = dividerPosition === 'none' ? null : [styles.actionButtonDivider, {
-    width: 0
-  }, (0, _hairline.createHairlineView)({
-    position: dividerPosition,
-    color: tokens.colors.divider,
-    top: 0,
-    bottom: 0,
-    [dividerPosition]: 0
-  })];
-  return /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
-    accessibilityRole: "button",
-    disabled: disabled || loading,
-    style: ({
-      pressed
-    }) => [styles.actionButton, {
-      height: tokens.sizes.actionHeight,
-      opacity: pressed && !disabled && !loading ? 0.8 : 1
-    }],
-    onPress: disabled || loading ? undefined : onPress
-  }, dividerStyle ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: dividerStyle,
-    pointerEvents: "none"
-  }) : null, loading ? /*#__PURE__*/_react().default.createElement(_reactNative().ActivityIndicator, {
-    size: "small",
-    color: textColor
-  }) : /*#__PURE__*/_react().default.isValidElement(text) ? text : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: {
-      color: textColor,
-      fontSize: tokens.typography.actionSize,
-      fontWeight: tokens.typography.actionWeight
-    }
-  }, text ?? ''));
-};
-const Dialog = props => {
-  const locale = (0, _useLocale.useLocale)();
-  const {
-    visible,
-    title,
-    message,
-    messageAlign = 'center',
-    theme = 'default',
-    width,
-    closeable = false,
-    closeIcon,
-    overlay = true,
-    overlayStyle,
-    overlayTestID = 'dialog-overlay',
-    closeOnOverlayPress = false,
-    closeOnClickOverlay = false,
-    onClickOverlay,
-    onClickCloseIcon,
-    beforeClose,
-    showCancelButton = false,
-    showConfirmButton = true,
-    cancelButtonText,
-    cancelButtonColor,
-    cancelProps,
-    confirmButtonText,
-    confirmButtonColor,
-    confirmProps,
-    footer,
-    contentStyle,
-    titleStyle,
-    messageStyle,
-    tokensOverride,
-    style,
-    children,
-    onCancel,
-    onConfirm,
-    onClose,
-    onClosed,
-    ...rest
-  } = props;
-  const tokens = (0, _tokens.useDialogTokens)(tokensOverride);
-  const hasTitle = (0, _validate.isValidNode)(title);
-  const hasMessage = (0, _validate.isValidNode)(message);
-  const hasChildren = (0, _validate.isValidNode)(children);
-  const runBeforeClose = action => {
-    if (!beforeClose) return true;
-    try {
-      return beforeClose(action);
-    } catch (error) {
-      console.error(error);
-      return true;
-    }
-  };
-  const runAction = (action, handler) => {
-    const result = runBeforeClose(action);
-    if (result === false) return;
-    if ((0, _promise.isPromiseLike)(result)) {
-      void result.then(resolved => {
-        if (resolved === false) return;
-        handler?.();
-      }).catch(error => {
-        console.error(error);
-        handler?.();
-      });
-      return;
-    }
-    handler?.();
-  };
-  const handleCloseIcon = () => {
-    onClickCloseIcon?.();
-    runAction('close', onClose);
-  };
-  const handleCancel = () => {
-    if (cancelProps?.loading) return;
-    runAction('cancel', onCancel);
-  };
-  const handleConfirm = () => {
-    if (confirmProps?.loading) return;
-    runAction('confirm', onConfirm);
-  };
-  const scaleAnim = _react().default.useRef(new (_reactNative().Animated.Value)(0.7)).current;
-  _react().default.useEffect(() => {
-    scaleAnim.setValue(visible ? 0.7 : 1);
-    _reactNative().Animated.timing(scaleAnim, {
-      toValue: visible ? 1 : 0.9,
-      duration: 300,
-      easing: visible ? _reactNative().Easing.out(_reactNative().Easing.cubic) : _reactNative().Easing.in(_reactNative().Easing.cubic),
-      useNativeDriver: _platform.nativeDriverEnabled
-    }).start();
-  }, [scaleAnim, visible]);
-  const widthStyle = width ? (0, _validate.isNumber)(width) ? {
-    width
-  } : {
-    width: String(width)
-  } : {
-    width: '90%',
-    maxWidth: tokens.sizes.maxWidth
-  };
-  const titleWrapperStyle = hasTitle ? [styles.titleWrapper, {
-    paddingTop: hasMessage || hasChildren ? tokens.spacing.titlePaddingTop : tokens.spacing.titleIsolatedPadding,
-    paddingBottom: hasMessage || hasChildren ? 0 : tokens.spacing.titleIsolatedPadding,
-    paddingHorizontal: hasMessage || hasChildren ? tokens.spacing.paddingHorizontal : 0,
-    marginBottom: hasMessage || hasChildren ? tokens.spacing.titleGap : 0
-  }] : null;
-  const titleTextStyle = hasTitle ? [styles.title, {
-    color: tokens.colors.title,
-    fontSize: tokens.typography.titleSize,
-    lineHeight: tokens.typography.titleLineHeight,
-    fontWeight: tokens.typography.titleWeight
-  }, titleStyle] : null;
-  const messageTextStyle = [styles.message, {
-    color: theme === 'round-button' ? tokens.colors.title : tokens.colors.message,
-    fontSize: tokens.typography.messageSize,
-    lineHeight: tokens.typography.messageLineHeight,
-    textAlign: messageAlign
-  }, messageStyle];
-  const messageContentStyle = !hasChildren ? {
-    alignItems: messageAlign === 'center' ? 'center' : messageAlign === 'left' ? 'flex-start' : 'flex-end'
-  } : null;
-  const messageWrapperStyle = [styles.messageWrapper, {
-    paddingTop: hasTitle ? tokens.spacing.messagePaddingTop : tokens.spacing.messagePadding,
-    paddingBottom: theme === 'round-button' ? tokens.spacing.roundFooterPadding : tokens.spacing.messagePadding,
-    paddingHorizontal: tokens.spacing.messagePaddingHorizontal
-  }];
-  const footerBorderTopStyle = [styles.footerBorderTop, (0, _hairline.createHairlineView)({
-    position: 'top',
-    color: tokens.colors.divider,
-    left: 0,
-    right: 0,
-    top: 0
-  })];
-  const mergedCloseOnOverlayPress = closeOnOverlayPress || closeOnClickOverlay;
-  const animatedStyle = {
-    transform: [{
-      scale: scaleAnim
-    }]
-  };
-  return /*#__PURE__*/_react().default.createElement(_popup.default, _extends({
-    visible: visible,
-    placement: "center",
-    round: true,
-    overlay: overlay,
-    overlayStyle: overlayStyle,
-    overlayTestID: overlayTestID,
-    closeOnClickOverlay: mergedCloseOnOverlayPress,
-    onClickOverlay: onClickOverlay,
-    beforeClose: () => runBeforeClose('close'),
-    onClose: onClose,
-    onClosed: onClosed,
-    contentAnimationStyle: animatedStyle,
-    style: [{
-      backgroundColor: tokens.colors.background,
-      borderRadius: tokens.sizes.borderRadius,
-      padding: 0
-    }, widthStyle, style]
-  }, rest), closeable ? /*#__PURE__*/_react().default.createElement(_reactNative().Pressable, {
-    style: [styles.closeIcon, {
-      top: tokens.spacing.paddingTop / 2,
-      right: tokens.spacing.paddingHorizontal / 2
-    }],
-    hitSlop: {
-      top: 8,
-      bottom: 8,
-      left: 8,
-      right: 8
-    },
-    onPress: handleCloseIcon
-  }, closeIcon ?? /*#__PURE__*/_react().default.createElement(_reactNativeSystemIcon().Close, {
-    size: tokens.sizes.closeSize,
-    fill: tokens.colors.closeIcon,
-    color: tokens.colors.closeIcon
-  })) : null, hasTitle ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: titleWrapperStyle ?? undefined
-  }, /*#__PURE__*/_react().default.isValidElement(title) ? title : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: titleTextStyle ?? undefined
-  }, title)) : null, hasMessage || hasChildren ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [styles.content, messageContentStyle, contentStyle]
-  }, hasChildren ? children : /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: messageWrapperStyle
-  }, /*#__PURE__*/_react().default.isValidElement(message) ? message : /*#__PURE__*/_react().default.createElement(_reactNative().Text, {
-    style: messageTextStyle
-  }, message))) : null, footer ? footer : theme === 'round-button' ? showCancelButton || showConfirmButton ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [styles.roundFooter, {
-      paddingTop: tokens.spacing.messagePaddingTop,
-      paddingHorizontal: tokens.spacing.messagePaddingHorizontal,
-      paddingBottom: tokens.spacing.roundFooterPadding
-    }]
-  }, showCancelButton ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [styles.roundButtonWrapper, showConfirmButton ? {
-      marginRight: tokens.spacing.roundFooterGap
-    } : null]
-  }, /*#__PURE__*/_react().default.createElement(_button.default, {
-    block: true,
-    round: true,
-    type: "warning",
-    text: cancelButtonText ?? locale.cancel,
-    color: cancelButtonColor,
-    loading: cancelProps?.loading,
-    disabled: cancelProps?.disabled,
-    onPress: handleCancel,
-    style: {
-      minHeight: tokens.sizes.roundButtonHeight
-    }
-  })) : null, showConfirmButton ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: [styles.roundButtonWrapper, showCancelButton ? {
-      marginLeft: tokens.spacing.roundFooterGap
-    } : null]
-  }, /*#__PURE__*/_react().default.createElement(_button.default, {
-    block: true,
-    round: true,
-    type: "danger",
-    text: confirmButtonText ?? locale.confirm,
-    color: confirmButtonColor,
-    loading: confirmProps?.loading,
-    disabled: confirmProps?.disabled,
-    onPress: handleConfirm,
-    style: {
-      minHeight: tokens.sizes.roundButtonHeight
-    }
-  })) : null) : null : showCancelButton || showConfirmButton ? /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: styles.footer
-  }, /*#__PURE__*/_react().default.createElement(_reactNative().View, {
-    style: footerBorderTopStyle,
-    pointerEvents: "none"
-  }), showCancelButton ? /*#__PURE__*/_react().default.createElement(ActionButton, {
-    tokens: tokens,
-    text: cancelButtonText ?? locale.cancel,
-    color: cancelButtonColor ?? tokens.colors.cancel,
-    dividerPosition: "none",
-    loading: cancelProps?.loading,
-    disabled: cancelProps?.disabled,
-    onPress: handleCancel
-  }) : null, showConfirmButton ? /*#__PURE__*/_react().default.createElement(ActionButton, {
-    tokens: tokens,
-    text: confirmButtonText ?? locale.confirm,
-    color: confirmButtonColor ?? tokens.colors.confirm,
-    dividerPosition: showCancelButton ? 'left' : 'none',
-    loading: confirmProps?.loading,
-    disabled: confirmProps?.disabled,
-    onPress: handleConfirm
-  }) : null) : null);
-};
-exports.Dialog = Dialog;
-const styles = _reactNative().StyleSheet.create({
-  titleWrapper: {
-    alignItems: 'center'
-  },
-  title: {
-    textAlign: 'center'
-  },
-  content: {
-    width: '100%'
-  },
-  message: {
-    textAlign: 'center'
-  },
-  footer: {
-    flexDirection: 'row',
-    position: 'relative'
-  },
-  footerBorderTop: {
-    position: 'absolute',
-    top: 0,
-    left: 0,
-    right: 0,
-    height: 0
-  },
-  actionButton: {
-    flex: 1,
-    alignItems: 'center',
-    justifyContent: 'center'
-  },
-  actionButtonDivider: {
-    position: 'absolute',
-    pointerEvents: 'none'
-  },
-  messageWrapper: {
-    width: '100%'
-  },
-  roundFooter: {
-    width: '100%',
-    flexDirection: 'row'
-  },
-  roundButtonWrapper: {
-    flex: 1
-  },
-  closeIcon: {
-    position: 'absolute',
-    padding: 4,
-    zIndex: 1
-  }
-});
-Dialog.displayName = 'Dialog';
-var _default = exports.default = Dialog;

package/dist/cjs/components/dialog/imperative.js

@@ -1,219 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.__DIALOG_STORE__ = exports.DialogImperative = void 0;
-function _react() {
-  const data = _interopRequireDefault(require("react"));
-  _react = function () {
-    return data;
-  };
-  return data;
-}
-var _Portal = require("../portal/Portal");
-var _deepMerge = require("../../utils/deepMerge");
-var _validate = require("../../utils/validate");
-var _Dialog = _interopRequireDefault(require("./Dialog"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-const runHook = async handler => {
-  if (!handler) return true;
-  try {
-    const result = await handler();
-    return result !== false;
-  } catch (error) {
-    console.error(error);
-    return true;
-  }
-};
-const dialogRegistry = new Map();
-const defaultOptionsStore = {
-  default: {},
-  show: {},
-  alert: {},
-  confirm: {}
-};
-const registerEntry = (key, options, meta) => {
-  dialogRegistry.set(key, {
-    key,
-    options,
-    meta
-  });
-};
-const attachCloser = (key, close) => {
-  const entry = dialogRegistry.get(key);
-  if (entry) entry.close = close;
-};
-const unregisterEntry = key => {
-  dialogRegistry.delete(key);
-};
-const requestClose = key => {
-  const entry = dialogRegistry.get(key);
-  if (!entry) {
-    _Portal.Portal.remove(key);
-    return;
-  }
-  if (entry.close) {
-    entry.close();
-    return;
-  }
-  _Portal.Portal.remove(key);
-  unregisterEntry(key);
-};
-const getRegistryItems = () => Array.from(dialogRegistry.values()).map(item => ({
-  key: item.key,
-  options: item.options,
-  meta: item.meta
-}));
-const DialogPortalInstance = ({
-  options,
-  meta,
-  portalKeyRef
-}) => {
-  const [visible, setVisible] = _react().default.useState(true);
-  const close = _react().default.useCallback(() => {
-    setVisible(false);
-  }, []);
-  _react().default.useEffect(() => {
-    if (!portalKeyRef.current) return;
-    attachCloser(portalKeyRef.current, close);
-    return () => {
-      const entry = dialogRegistry.get(portalKeyRef.current ?? -1);
-      if (entry && entry.close === close) {
-        entry.close = undefined;
-      }
-    };
-  }, [close, portalKeyRef]);
-  _react().default.useEffect(() => {
-    return () => {
-      if (portalKeyRef.current) {
-        unregisterEntry(portalKeyRef.current);
-      }
-    };
-  }, [portalKeyRef]);
-  const handleCancel = _react().default.useCallback(async () => {
-    const allowed = await runHook(() => options.beforeClose?.('cancel'));
-    if (!allowed) return;
-    const shouldClose = await runHook(options.onCancel);
-    if (!shouldClose) return;
-    if (meta.mode === 'confirm') {
-      meta.reject?.(false);
-    }
-    close();
-  }, [close, meta, options.beforeClose, options.onCancel]);
-  const handleConfirm = _react().default.useCallback(async () => {
-    const allowed = await runHook(() => options.beforeClose?.('confirm'));
-    if (!allowed) return;
-    const shouldClose = await runHook(options.onConfirm);
-    if (!shouldClose) return;
-    if (meta.mode === 'alert' || meta.mode === 'confirm') {
-      meta.resolve?.(true);
-    }
-    close();
-  }, [close, meta, options.beforeClose, options.onConfirm]);
-  const handleClose = _react().default.useCallback(async () => {
-    const allowed = await runHook(() => options.beforeClose?.('close'));
-    if (!allowed) return;
-    const shouldClose = await runHook(options.onClose);
-    if (!shouldClose) return;
-    if (meta.mode === 'confirm') {
-      meta.reject?.(false);
-    }
-    close();
-  }, [close, meta, options.beforeClose, options.onClose]);
-  const handleClosed = _react().default.useCallback(() => {
-    options.onClosed?.();
-    if (portalKeyRef.current) {
-      _Portal.Portal.remove(portalKeyRef.current);
-      unregisterEntry(portalKeyRef.current);
-    }
-  }, [options, portalKeyRef]);
-  return /*#__PURE__*/_react().default.createElement(_Dialog.default, _extends({}, options, {
-    visible: visible,
-    onCancel: options.showCancelButton ? handleCancel : options.onCancel,
-    onConfirm: handleConfirm,
-    onClose: handleClose,
-    onClosed: handleClosed
-  }));
-};
-const mountImperativeDialog = (options, meta) => {
-  const portalKeyRef = {
-    current: 0
-  };
-  const element = /*#__PURE__*/_react().default.createElement(DialogPortalInstance, {
-    options: options,
-    meta: meta,
-    portalKeyRef: portalKeyRef
-  });
-  const key = _Portal.Portal.add(element);
-  portalKeyRef.current = key;
-  registerEntry(key, options, meta);
-  return () => requestClose(key);
-};
-const mergeWithDefaults = (mode, options = {}) => {
-  return (0, _deepMerge.deepMerge)((0, _deepMerge.deepMerge)(defaultOptionsStore.default, defaultOptionsStore[mode]), options);
-};
-const normalizeOptions = (mode, options = {}) => {
-  const merged = mergeWithDefaults(mode, options);
-  const normalized = {
-    ...merged,
-    visible: true
-  };
-  if ((0, _validate.isUndefined)(normalized.showConfirmButton)) {
-    normalized.showConfirmButton = true;
-  }
-  return normalized;
-};
-const setDefaultOptions = (targetOrOptions, maybeOptions) => {
-  if ((0, _validate.isString)(targetOrOptions)) {
-    defaultOptionsStore[targetOrOptions] = (0, _deepMerge.deepMerge)(defaultOptionsStore[targetOrOptions], maybeOptions ?? {});
-    return;
-  }
-  defaultOptionsStore.default = (0, _deepMerge.deepMerge)(defaultOptionsStore.default, targetOrOptions);
-};
-const resetDefaultOptions = target => {
-  if (target) {
-    defaultOptionsStore[target] = {};
-    return;
-  }
-  defaultOptionsStore.default = {};
-  defaultOptionsStore.show = {};
-  defaultOptionsStore.alert = {};
-  defaultOptionsStore.confirm = {};
-};
-const DialogImperative = exports.DialogImperative = {
-  show: options => mountImperativeDialog(normalizeOptions('show', options), {
-    mode: 'show'
-  }),
-  alert: options => new Promise(resolve => {
-    mountImperativeDialog(normalizeOptions('alert', {
-      ...options,
-      showCancelButton: false
-    }), {
-      mode: 'alert',
-      resolve
-    });
-  }),
-  confirm: options => new Promise((resolve, reject) => {
-    mountImperativeDialog(normalizeOptions('confirm', {
-      showCancelButton: true,
-      ...options
-    }), {
-      mode: 'confirm',
-      resolve: () => resolve(true),
-      reject: () => reject(false)
-    });
-  }),
-  clear: () => {
-    Array.from(dialogRegistry.keys()).forEach(key => {
-      requestClose(key);
-    });
-  },
-  setDefaultOptions,
-  resetDefaultOptions
-};
-const __DIALOG_STORE__ = exports.__DIALOG_STORE__ = {
-  getItems: getRegistryItems,
-  close: key => requestClose(key)
-};

package/dist/cjs/components/dialog/index.js

@@ -1,19 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Dialog = void 0;
-var _Dialog = require("./Dialog");
-var _portal = require("../portal");
-var _imperative = require("./imperative");
-const Dialog = exports.Dialog = Object.assign(_Dialog.Dialog, {
-  Host: _portal.PortalHost,
-  show: _imperative.DialogImperative.show,
-  alert: _imperative.DialogImperative.alert,
-  confirm: _imperative.DialogImperative.confirm,
-  clear: _imperative.DialogImperative.clear,
-  setDefaultOptions: _imperative.DialogImperative.setDefaultOptions,
-  resetDefaultOptions: _imperative.DialogImperative.resetDefaultOptions
-});
-var _default = exports.default = Dialog;

package/dist/cjs/components/dialog/types.d.ts

@@ -1,83 +0,0 @@
-import type React from 'react'
-import type {
-  StyleProp,
-  TextStyle,
-  ViewProps,
-  ViewStyle,
-} from 'react-native'
-
-import type { DeepPartial } from '../../types'
-import type { DialogTokens } from './tokens'
-
-export type DialogTheme = 'default' | 'round-button'
-export type DialogMessageAlign = 'left' | 'center' | 'right'
-export type DialogBeforeCloseAction = 'confirm' | 'cancel' | 'close'
-
-export interface DialogActionState {
-  loading?: boolean
-  disabled?: boolean
-}
-
-export interface DialogProps extends Omit<ViewProps, 'children'> {
-  visible: boolean
-  title?: React.ReactNode
-  message?: React.ReactNode
-  messageAlign?: DialogMessageAlign
-  theme?: DialogTheme
-  width?: number | string
-  closeable?: boolean
-  closeIcon?: React.ReactNode
-  overlay?: boolean
-  overlayStyle?: StyleProp<ViewStyle>
-  overlayTestID?: string
-  closeOnOverlayPress?: boolean
-  closeOnClickOverlay?: boolean
-  onClickOverlay?: () => void
-  onClickCloseIcon?: () => void
-  /** 关闭前拦截（对齐 Vant：beforeClose），返回 false 可阻止本次触发 */
-  beforeClose?: (action: DialogBeforeCloseAction) => boolean | Promise<boolean>
-  showCancelButton?: boolean
-  cancelButtonText?: React.ReactNode
-  cancelButtonColor?: string
-  cancelProps?: DialogActionState
-  showConfirmButton?: boolean
-  confirmButtonText?: React.ReactNode
-  confirmButtonColor?: string
-  confirmProps?: DialogActionState
-  footer?: React.ReactNode
-  contentStyle?: StyleProp<ViewStyle>
-  titleStyle?: StyleProp<TextStyle>
-  messageStyle?: StyleProp<TextStyle>
-  tokensOverride?: DeepPartial<DialogTokens>
-  style?: StyleProp<ViewStyle>
-  children?: React.ReactNode
-  onCancel?: () => void | boolean | Promise<void | boolean>
-  onConfirm?: () => void | boolean | Promise<void | boolean>
-  onClose?: () => void | boolean | Promise<void | boolean>
-  onClosed?: () => void
-}
-
-export type DialogShowOptions = Omit<DialogProps, 'visible'>
-export type DialogAlertOptions = Omit<DialogShowOptions, 'showCancelButton' | 'onCancel'>
-export type DialogConfirmOptions = DialogShowOptions
-
-export type DialogImperativeMode = 'show' | 'alert' | 'confirm'
-
-export type DialogSetDefaultOptions = {
-  (options: DialogShowOptions): void
-  (mode: DialogImperativeMode, options: DialogShowOptions): void
-}
-
-export type DialogResetDefaultOptions = {
-  (mode?: DialogImperativeMode): void
-}
-
-export interface DialogStatic {
-  Host: React.ComponentType<any>
-  show: (options?: DialogShowOptions) => () => void
-  alert: (options?: DialogAlertOptions) => Promise<void>
-  confirm: (options?: DialogConfirmOptions) => Promise<boolean>
-  clear: () => void
-  setDefaultOptions: DialogSetDefaultOptions
-  resetDefaultOptions: DialogResetDefaultOptions
-}