@flatbiz/antd
Version:
48 lines (45 loc) • 1.68 kB
TypeScript
import { TPlainObject } from '@flatbiz/utils';
import { CSSProperties, ReactElement } from 'react';
import { IAceEditorProps } from 'react-ace';
export type AceEditorXmlProps = Omit<IAceEditorProps, "mode" | "value" | "onChange" | "theme"> & {
/** 编辑器高度,默认值:100%,可输入值例如 300px、100% */
height?: string;
value?: string | TPlainObject | TPlainObject[];
onChange?: (value?: string | TPlainObject | TPlainObject[]) => void;
/** 配置输入自动提示关键字 */
autoCompleterList?: {
name: string;
desc?: string;
}[];
/** 隐藏【验证数据】按钮 */
hiddenVerifyBtn?: boolean;
/** 是否隐藏内部验证异常文案 */
hiddenErrorMsg?: boolean;
/** 隐藏【美化】按钮 */
hiddenFormatterBtn?: boolean;
/**
* 编辑器主题配置,例如:github、terminal、xcode
* ```
* 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
* 2. 配置 theme = xxxx
* ```
*/
theme?: string;
/** 底部额外布局 */
footerExtraRender?: (children: ReactElement) => ReactElement;
footerStyle?: CSSProperties;
};
/**
* xml编辑器
* ```
* 1. 受控组件,需要使用value、onChange配合显示数据
* 2. heigth 默认为100%,如果外层无高度,需要自定义设置height属性
* 3. 通过 autoCompleterList 配置自动提示关键字
* 4. 通过 hiddenVerifyBtn、hiddenFormatterBtn可隐藏底部操作按钮
* 5. 通过 theme 配置编辑器主题,例如:
* 5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
* 5.2 配置 theme = xxxx
* ```
*/
export declare const AceEditorXml: (props: AceEditorXmlProps) => import("react").JSX.Element;
export {};