@fruits-chain/react-native-xiaoshu
Version:
🌈 React Native UI library
205 lines • 7.39 kB
TypeScript
/// <reference types="react" />
declare const _default: ((opts: import("./interface").DialogOptions) => Promise<import("./interface").DialogAction>) & {
varCreator: (TOKENS: {
animation_duration_base: number;
animation_duration_fast: number;
border_color: string;
underlay_color: string;
yellow_1: string;
yellow_2: string;
yellow_3: string;
yellow_4: string;
yellow_5: string;
yellow_6: string;
yellow_7: string;
yellow_8: string;
yellow_9: string;
yellow_10: string;
green_1: string;
green_2: string;
green_3: string;
green_4: string;
green_5: string;
green_6: string;
green_7: string;
green_8: string;
green_9: string;
green_10: string;
brand_1: string;
brand_2: string;
brand_3: string;
brand_4: string;
brand_5: string;
brand_6: string;
brand_7: string;
brand_8: string;
brand_9: string;
brand_10: string;
red_1: string;
red_2: string;
red_3: string;
red_4: string;
red_5: string;
red_6: string;
red_7: string;
red_8: string;
red_9: string;
red_10: string;
gray_1: string;
gray_2: string;
gray_3: string;
gray_4: string;
gray_5: string;
gray_6: string;
gray_7: string;
gray_8: string;
black: string;
white: string;
opacity_10: number;
opacity_5: number;
opacity_20: number;
opacity_30: number;
opacity_40: number;
opacity_50: number;
opacity_60: number;
opacity_70: number;
opacity_80: number;
opacity_90: number;
opacity_100: number;
font_size_1: number;
font_size_2: number;
font_size_3: number;
font_size_4: number;
font_size_5: number;
font_size_6: number;
font_size_7: number;
font_size_8: number;
font_size_9: number;
font_size_10: number;
line_height_1: number;
line_height_2: number;
line_height_3: number;
line_height_4: number;
line_height_5: number;
space_1: number;
space_2: number;
space_3: number;
space_4: number;
space_5: number;
space_6: number;
space_7: number;
space_8: number;
space_9: number;
space_10: number;
border_radius_xxs: number;
border_radius_xs: number;
border_radius_s: number;
border_radius_m: number;
border_radius_l: number;
border_radius_xl: number;
border_radius_max: number;
}) => {
dialog_width: number;
dialog_transition: number;
dialog_border_radius: number;
dialog_background_color: string;
dialog_close_color: string;
dialog_close_size: number;
dialog_header_font_weight: 300 | 200 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
dialog_header_line_height: number;
dialog_header_padding_top: number;
dialog_header_padding_bottom: number;
dialog_header_font_size: number;
dialog_header_color: string;
dialog_message_padding_horizontal: number;
dialog_message_font_size: number;
dialog_message_line_height: number;
dialog_message_text_color: string;
dialog_footer_margin_top: number;
dialog_footer_divider_color: string;
dialog_confirm_button_text_color: string;
dialog_cancel_button_text_color: string;
dialog_input_gap: number;
};
styleCreator: (cv: {
dialog_width: number;
dialog_transition: number;
dialog_border_radius: number;
dialog_background_color: string;
dialog_close_color: string;
dialog_close_size: number;
dialog_header_font_weight: 300 | 200 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
dialog_header_line_height: number;
dialog_header_padding_top: number;
dialog_header_padding_bottom: number;
dialog_header_font_size: number;
dialog_header_color: string;
dialog_message_padding_horizontal: number;
dialog_message_font_size: number;
dialog_message_line_height: number;
dialog_message_text_color: string;
dialog_footer_margin_top: number;
dialog_footer_divider_color: string;
dialog_confirm_button_text_color: string;
dialog_cancel_button_text_color: string;
dialog_input_gap: number;
}) => {
dialog: {
overflow: "hidden";
backgroundColor: string;
borderRadius: number;
};
close: {
position: "absolute";
right: number;
top: number;
zIndex: number;
};
title_text: {
textAlign: "center";
lineHeight: number;
fontWeight: 300 | 200 | "normal" | "bold" | "100" | "200" | "300" | "400" | "500" | "600" | "700" | "800" | "900" | 100 | 400 | 500 | 600 | 700 | 800 | 900 | "ultralight" | "thin" | "light" | "medium" | "regular" | "semibold" | "condensedBold" | "condensed" | "heavy" | "black" | undefined;
fontSize: number;
paddingHorizontal: number;
paddingTop: number;
paddingBottom: number;
color: string;
};
title_isolated: {
paddingBottom: number;
};
content_isolated: {
paddingTop: number;
alignItems: "center";
justifyContent: "center";
};
message_text: {
paddingHorizontal: number;
fontSize: number;
lineHeight: number;
color: string;
};
footer: {
flexDirection: "row";
borderTopWidth: number;
borderColor: string;
marginTop: number;
};
btn: {
flex: number;
marginHorizontal: number;
marginVertical: number;
};
btn_text_bold: {
fontWeight: "bold";
};
};
confirm: (options: Omit<import("./interface").DialogOptions, "showCancelButton">) => Promise<import("./interface").DialogAction>;
input: (opts: import("./interface").DialogInputOptions) => void;
Component: import("react").FC<import("react").PropsWithChildren<import("./interface").DialogProps>>;
DialogComponent: import("react").NamedExoticComponent<import("./interface").DialogProps>;
Keyboard: import("react").FC<import("react").PropsWithChildren<import("./interface").DialogKeyboardProps>>;
KeyboardComponent: import("react").NamedExoticComponent<import("./interface").DialogKeyboardProps>;
};
export default _default;
//# sourceMappingURL=index.d.ts.map