@flatbiz/antd
Version:
62 lines (59 loc) • 1.54 kB
TypeScript
import { ConfigProviderProps } from 'antd/lib/config-provider/index.js';
import { ReactNode } from 'react';
export type TLocale = "en" | "zh-cn";
export type TFbaLocale = {
TreeWrapper?: {
/** 数据加载异常默认文案 */
requestError?: string;
};
FbaDialogModal?: {
cancelText?: string;
};
};
export type ConfigProviderWrapperProps = Omit<ConfigProviderProps, "locale"> & {
locale?: TLocale;
/** 自定义国际化数据 */
customLocaleMessage?: Partial<TFbaLocale>;
/** 同 fbaHooks.useCopyRemoveSpace[ignoreClass] */
copyOperateIgnoreClass?: string[];
};
export type BootstrapProps = {
/** 是否紧凑模式 */
compact?: boolean;
/** 是否drak模式 */
dark?: boolean;
children: ReactNode;
configProviderProps?: ConfigProviderWrapperProps;
/** @default zhCN */
locale?: "en" | "zh-cn";
/**
* 背景颜色配置
* ```
* 默认值:
* dark: { bgColor: '#1b1a1a', blockBgColor: '#000' }
* light: { bgColor: '#f9f9f9', blockBgColor: '#FFF' }
* ```
*/
bgColorConfig?: {
dark?: {
bgColor?: string;
blockBgColor?: string;
};
light?: {
bgColor?: string;
blockBgColor?: string;
};
};
};
/**
* 如果当前项目入口不使用@flatbiz/pro-layout,必须使用 Bootstrap 组件包装
* ```
* Bootstrap 内部
* 1. 封装 antd App组件
* 2. 封装 @flatbiz/antd FbaApp组件
* 3. 适配 light/dark模式
* 4. 封装 antd ConfigProvider 可配置主题
* ```
*/
export declare const Bootstrap: (props: BootstrapProps) => import("react").JSX.Element;
export {};