@flatbiz/antd 4.4.3 → 4.4.5

package/index.d.ts

@@ -21,6 +21,171 @@ import { IAceEditorProps } from 'react-ace';
 import { SplitProps } from 'react-split';
 import { Editor as TinyMCEEditor } from 'tinymce';
 
+export type AceEditorGroovyProps = Omit<IAceEditorProps, "onLoad" | "mode" | "value" | "onChange" | "theme"> & {
+	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
+	height?: string;
+	value?: string | TPlainObject | TPlainObject[];
+	onChange?: (value?: string | TPlainObject | TPlainObject[]) => void;
+	/** 配置输入自动提示关键字 */
+	autoCompleterList?: {
+		name: string;
+		desc?: string;
+	}[];
+	/**
+	 * 编辑器主题配置，例如：github、terminal、xcode
+	 * ```
+	 * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
+	 * 2. 配置 theme = xxxx
+	 * ```
+	 */
+	theme?: string;
+};
+/**
+ * groovy编辑器
+ * ```
+ * 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 AceEditorGroovy: (props: AceEditorGroovyProps) => import("react/jsx-runtime").JSX.Element;
+export type AceEditorJavaProps = Omit<IAceEditorProps, "onLoad" | "mode" | "value" | "onChange" | "theme"> & {
+	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
+	height?: string;
+	value?: string | TPlainObject | TPlainObject[];
+	onChange?: (value?: string | TPlainObject | TPlainObject[]) => void;
+	/** 配置输入自动提示关键字 */
+	autoCompleterList?: {
+		name: string;
+		desc?: string;
+	}[];
+	/**
+	 * 编辑器主题配置，例如：github、terminal、xcode
+	 * ```
+	 * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
+	 * 2. 配置 theme = xxxx
+	 * ```
+	 */
+	theme?: string;
+};
+/**
+ * java编辑器
+ * ```
+ * 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 AceEditorJava: (props: AceEditorJavaProps) => import("react/jsx-runtime").JSX.Element;
+export type AceEditorJsonProps = Omit<IAceEditorProps, "onLoad" | "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;
+	/**
+	 * 编辑器主题配置，例如：github、terminal、xcode
+	 * ```
+	 * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
+	 * 2. 配置 theme = xxxx
+	 * ```
+	 */
+	theme?: string;
+	/** 底部额外布局 */
+	footerExtraRender?: (children: ReactElement) => ReactElement;
+	footerStyle?: CSSProperties;
+};
+/**
+ * Json编辑器
+ * ```
+ * 1. 受控组件，需要使用value、onChange配合显示数据
+ * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性
+ * 3. 通过 autoCompleterList 配置自动提示关键字
+ * 4. 通过 hiddenVerifyBtn 配置隐藏底部操作按钮
+ * 5. 通过 theme 配置编辑器主题，例如：
+ *    5.1 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
+ *    5.2 配置 theme = xxxx
+ * ```
+ */
+export declare const AceEditorJson: (props: AceEditorJsonProps) => import("react/jsx-runtime").JSX.Element;
+export type AceEditorMysqlProps = Omit<IAceEditorProps, "onLoad" | "theme" | "mode" | "value" | "onChange"> & {
+	/** 编辑器高度，默认值：100%，可输入值例如 300px、100% */
+	height?: string;
+	value?: string;
+	onChange?: (value?: string) => void;
+	/** 配置输入自动提示关键字 */
+	autoCompleterList?: {
+		name: string;
+		desc?: string;
+	}[];
+	/** 隐藏【美化】按钮 */
+	hiddenFormatterBtn?: boolean;
+	/**
+	 * 编辑器主题配置，例如：github、terminal、xcode
+	 * ```
+	 * 1. 顶部引入 import 'ace-builds/src-noconflict/theme-xxxx';
+	 * 2. 配置 theme = xxxx
+	 * ```
+	 */
+	theme?: string;
+	/** 底部额外布局 */
+	footerExtraRender?: (children: ReactElement) => ReactElement;
+	footerStyle?: CSSProperties;
+};
+export declare const AceEditorMysql: (props: AceEditorMysqlProps) => import("react/jsx-runtime").JSX.Element;
+export type AceEditorXmlProps = Omit<IAceEditorProps, "onLoad" | "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;
+	/** 隐藏【美化】按钮 */
+	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-runtime").JSX.Element;
 export type AlertWrapperProps = AlertProps & {
 	size?: "small" | "default" | "large";
 };
@@ -178,16 +343,15 @@ export type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContai
 	titleExtra?: ReactElement;
 };
 /**
- *
- * @deprecated 已过期
+ * 居中弹框
  * ```
- * 1. 为什么过期
+ * 1. 可嵌套使用
+ * 2. 为什么不推荐使用
  *    dialogModal.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
  *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）
- * 2. 请使用
- * const { appDialogModal } = FbaApp.useDialogModal();
- * appDialogModal.open({})
- *
+ * 3. 需要修改默认主题风格的场景，请使用
+ *    const { appDialogModal } = FbaApp.useDialogModal();
+ *    appDialogModal.open({})
  * ```
  */
 export declare const dialogModal: {
@@ -712,14 +876,15 @@ export type DialogAlertProps = Omit<DialogModalProps, "onOk" | "cancelHidden" |
 	onClick?: (e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
 };
 /**
- * @deprecated 已过期
+ * 确认弹框
  * ```
- * 1. 为什么过期
- *    dialogAlert.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
+ * 1. 可嵌套使用
+ * 2. 为什么不推荐使用
+ *    dialogAlert.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
  *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）
- * 2. 请使用
- * const { appDialogModal } = FbaApp.useDialogModal();
- * appDialogModal.open({})
+ * 3. 需要修改默认主题风格的场景，请使用
+ *    const { appDialogAlert } = FbaApp.useDialogAlert();
+ *    appDialogAlert.open({})
  * ```
  */
 export declare const dialogAlert: {
@@ -728,14 +893,15 @@ export declare const dialogAlert: {
 	};
 };
 /**
- * @deprecated 已过期
+ * 确认弹框
  * ```
- * 1. 为什么过期
- *    dialogConfirm.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
+ * 1. 可嵌套使用
+ * 2. 为什么不推荐使用
+ *    dialogConfirm.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
  *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）
- * 2. 请使用
- * const { appDialogModal } = FbaApp.useDialogModal();
- * appDialogModal.open({})
+ * 3. 需要修改默认主题风格的场景，请使用
+ *    const { appDialogConfirm } = FbaApp.useDialogConfirm();
+ *    appDialogConfirm.open({})
  * ```
  */
 export declare const dialogConfirm: {
@@ -761,16 +927,15 @@ export type DialogDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getCont
 	extra?: ReactNode | ((form: FormInstance) => ReactElement);
 };
 /**
- *
- * @deprecated 已过期
+ * 抽屉弹框
  * ```
- * 1. 为什么过期
- *    dialogConfirm.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
+ * 1. 可嵌套使用
+ * 2. 为什么不推荐使用
+ *    dialogDrawer.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
  *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）
- * 2. 请使用
- * const { appDialogModal } = FbaApp.useDialogModal();
- * appDialogModal.open({})
- *
+ * 3. 需要修改默认主题风格的场景，请使用
+ *    const { appDialogDrawer } = FbaApp.useDialogDrawer();
+ *    appDialogDrawer.open({})
  * ```
  */
 export declare const dialogDrawer: {
@@ -813,16 +978,15 @@ export type DialogLoadingProps = {
 	mask?: boolean;
 };
 /**
- *
- * @deprecated 已过期
+ * Loading弹框
  * ```
- * 1. 为什么过期
- *    dialogLoading.open 打开的内容无法配兼自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
+ * 1. 可嵌套使用
+ * 2. 为什么不推荐使用
+ *    dialogLoading.open 打开的内容无法适配兼容自定义主题、无法适配兼容旧版浏览器、无法兼容国际化
  *    适配兼容旧版浏览器（https://ant-design.antgroup.com/docs/react/compatible-style-cn）
- * 2. 请使用
- * const { appDialogModal } = FbaApp.useDialogModal();
- * appDialogModal.open({})
- *
+ * 3. 需要修改默认主题风格的场景，请使用
+ *    const { appDialogLoading } = FbaApp.useDialogLoading();
+ *    appDialogLoading.open({})
  * ```
  */
 export declare const dialogLoading: {
@@ -2586,6 +2750,7 @@ export type JsonEditorProps = Omit<IAceEditorProps, "onLoad" | "mode" | "value"
 };
 /**
  * Json编辑器
+ * @deprecated 已过期，请使用 AceEditorJson 组件
  * ```
  * 1. 受控组件，需要使用value、onChange配合显示数据
  * 2. heigth 默认为100%，如果外层无高度，需要自定义设置height属性
@@ -3126,6 +3291,7 @@ export type SearchFormRefApi = {
  */
 export declare const SearchForm: import("react").ForwardRefExoticComponent<SearchFormProps & import("react").RefAttributes<SearchFormRefApi>>;
 export interface ISearchMenuProps {
+	size?: "small" | "default";
 	/**
 	 * 如果传了value，就变成受控组件
 	 * 目前只支持单选

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.4.3",
+  "version": "4.4.5",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -53,7 +53,10 @@
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "ahooks": "^3.7.5",
-    "react-is": "^18.2.0"
+    "react-is": "^18.2.0",
+    "react-ace": "^10.1.0",
+    "sql-formatter": "^15.0.2",
+    "xml-formatter": "^3.6.2"
   },
   "dependencies": {
     "dequal": "2.0.3",
@@ -66,7 +69,9 @@
     "use-intl": "3.0.0-rc.6",
     "react-split": "2.0.14",
     "react-is": "^18.2.0",
-    "react-ace": "^10.1.0"
+    "react-ace": "^10.1.0",
+    "sql-formatter": "^15.0.2",
+    "xml-formatter": "^3.6.2"
   },
   "gitHead": "4378d433b73ee28fd7cb4c64bed8571f993eb5a9"
 }