@flatbiz/antd 4.1.7 → 4.2.0

package/index.d.ts

@@ -14,10 +14,13 @@ import { UploadChangeParam } from 'antd/lib/upload';
 import { UploadFile } from 'antd/lib/upload/interface';
 import dayjs from 'dayjs';
 import { Dayjs } from 'dayjs';
-import { CSSProperties, DependencyList, Dispatch, EffectCallback, FC, ReactElement, ReactNode, SetStateAction } from 'react';
+import { CSSProperties, DependencyList, FC, ReactElement, ReactNode } from 'react';
 
-export declare const styles: () => void;
 export interface ButtonOperateItem extends ButtonProps {
+	/** hover 提示文字 */
+	hoverTips?: string | React.ReactElement;
+	/** hover 提示类型 默认：'tooltip' */
+	tipsType?: "popover" | "tooltip";
 	text: string | ReactElement;
 	color?: string;
 	onClick?: (event: React.MouseEvent<HTMLElement>) => void | Promise<void>;
@@ -44,6 +47,9 @@ export interface ButtonOperateProps {
 	split?: boolean;
 	spaceProps?: SpaceProps;
 }
+export declare const ButtonOperateItemContent: (props: Pick<ButtonOperateItem, "hoverTips" | "tipsType"> & {
+	children?: ReactNode;
+}) => JSX.Element;
 export declare const ButtonOperate: FC<ButtonOperateProps>;
 export type TAny = any;
 export type TPlainObject<T = TAny> = Record<string, T>;
@@ -63,23 +69,23 @@ export type ButtonWrapperProps = Omit<ButtonProps, "onClick" | "loading"> & {
  * @returns
  */
 export declare const ButtonWrapper: (props: ButtonWrapperProps) => JSX.Element | null;
-export type RequestStatus = "request-init" | "request-progress" | "request-success" | "request-error" | "no-dependencies-params";
-export type RequestStatusRenderProps = {
-	status?: RequestStatus;
+export type TRequestStatus = "request-init" | "request-progress" | "request-success" | "request-error" | "no-dependencies-params";
+export type TRequestStatusProps = {
+	status?: TRequestStatus;
 	errorButton?: ReactElement;
-	messageConfig?: Partial<Record<RequestStatus, string>>;
+	messageConfig?: Partial<Record<TRequestStatus, string>>;
 	loading?: boolean;
 };
-export declare const RequestStatusRender: (props: RequestStatusRenderProps) => JSX.Element;
+export declare const RequestStatus: (props: TRequestStatusProps) => JSX.Element;
 export type CascaderWrapperServiceConfig = {
 	params?: TPlainObject;
-	onRequest?: (params?: any) => any;
+	onRequest?: (params?: TAny) => TAny;
 	/**
 	 * 响应数据适配器
 	 */
-	onRequestResultAdapter?: (respData: any) => TPlainObject[];
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
 };
-export type CascaderWrapperProps = Omit<CascaderProps<any>, "loading" | "notFoundContent" | "options" | "value" | "multiple" | "onChange"> & {
+export type CascaderWrapperProps = Omit<CascaderProps<TAny>, "loading" | "notFoundContent" | "options" | "value" | "multiple" | "onChange"> & {
 	modelKey: string;
 	/**
 	 * 请求服务需求的数据，当设置`selectorList`后无效果
@@ -93,7 +99,7 @@ export type CascaderWrapperProps = Omit<CascaderProps<any>, "loading" | "notFoun
 	isDynamicLoad?: boolean;
 	value?: string | number;
 	onChange?: (value?: string | number, selectedList?: TPlainObject[]) => void;
-	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 };
 export type CascaderWrapperRefApi = {
 	getCascaderList: () => TPlainObject[];
@@ -124,7 +130,7 @@ export declare const CascaderWrapper: import("react").ForwardRefExoticComponent<
 	isDynamicLoad?: boolean | undefined;
 	value?: string | number | undefined;
 	onChange?: ((value?: string | number, selectedList?: TPlainObject[]) => void) | undefined;
-	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 } & import("react").RefAttributes<CascaderWrapperRefApi>>;
 export interface CommonPropsWithChildren<S extends TPlainObject = TPlainObject> {
 	className?: string;
@@ -132,7 +138,6 @@ export interface CommonPropsWithChildren<S extends TPlainObject = TPlainObject>
 	children?: ReactNode | undefined;
 }
 export type CheckListItemValue = string | number;
-export type CheckListValue = CheckListItemValue[] | CheckListItemValue | undefined;
 export type CheckListSelectedValue<T extends "multi" | "radio"> = T extends "multi" ? CheckListItemValue[] : CheckListItemValue;
 export type CheckListProps<T extends "multi" | "radio"> = {
 	multiple?: boolean;
@@ -145,7 +150,6 @@ export type CheckListProps<T extends "multi" | "radio"> = {
 	stopPropagation?: boolean;
 	required?: boolean;
 } & CommonPropsWithChildren;
-export declare const CheckList: <T extends "radio" | "multi">(props: CheckListProps<T>) => JSX.Element;
 export type CheckListItemContentProps = {
 	checked?: boolean;
 	disabled?: boolean;
@@ -162,13 +166,74 @@ export type CheckListItemProps = {
 	className?: string;
 	style?: CSSProperties;
 };
-export declare const CheckListItem: (props: CheckListItemProps) => ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+export declare const CheckList: (<T extends "radio" | "multi">(props: CheckListProps<T>) => JSX.Element) & {
+	Item: (props: CheckListItemProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+};
 export type ConfigProviderWrapperProps = Omit<ConfigProviderProps, "locale"> & {
 	locale?: "en" | "zh-cn";
 };
 export declare const ConfigProviderWrapper: (props: ConfigProviderWrapperProps) => JSX.Element;
+export interface DrawerStateType {
+	title: string;
+	/**
+	 * 显示drawer
+	 */
+	open: boolean;
+	/**
+	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
+	 */
+	itemData?: Record<string, any>;
+	operateType: "create" | "update" | "view" | null;
+	pageLoading?: boolean;
+}
+export interface DrawerActionsParamType {
+	openDrawerForm: Pick<DrawerStateType, "title" | "itemData" | "operateType" | "pageLoading">;
+	closeDrawer: void;
+	setDrawerItemData: Record<string, any>;
+}
+/**
+ * drawer弹窗模型
+ * @param key 唯一值必传
+ * @returns
+ * @deprecated 废弃 DrawerWrapper
+ *
+ * ```
+ * 使用方式
+ * const [drawerState, drawerActions] = createDrawerWrapperModel('key值').useStore();
+ * ```
+ */
+export declare const createDrawerWrapperModel: (key: string) => API<ModelType<DrawerStateType, DrawerActionsParamType, any>>;
+export interface ModalStateType {
+	title?: string;
+	/**
+	 * 显示modal
+	 */
+	open: boolean;
+	/**
+	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
+	 */
+	itemData?: Record<string, unknown> | null;
+	operateType: "create" | "update" | "view";
+	pageLoading?: boolean;
+}
+export interface ModalActionsParamType {
+	openModalForm: Pick<ModalStateType, "title" | "itemData" | "operateType" | "pageLoading">;
+	closeModal: void;
+	setModalItemData: Record<string, unknown>;
+}
+/**
+ * modal弹窗模型
+ * @param key 唯一值必传
+ * @deprecated 废弃 ModalWrapper
+ *
+ * ```
+ * 使用方式
+ * const [modalState, modalActions] = createModalWrapperModel('key值').useStore();
+ * ```
+ */
+export declare const createModalWrapperModel: (key: string) => API<ModelType<ModalStateType, ModalActionsParamType, any>>;
 export type CssHoverProps = {
-	children: ReactElement;
+	children: ReactElement | ReactElement[];
 } & Pick<CommonPropsWithChildren<{
 	"--v-css-hover-bgcolor": CSSProperties["backgroundColor"];
 	"--v-css-hover-opacity": CSSProperties["opacity"];
@@ -183,30 +248,14 @@ export type CssHoverProps = {
  * @returns
  */
 export declare const CssNodeHover: (props: CssHoverProps) => JSX.Element;
-export type FormItemNamePath = string | number | Array<string | number>;
-export declare enum DayjsDateTypeEnum {
-	YMDHms = "YYYY-MM-DD HH:mm:ss",
-	YMDHm = "YYYY-MM-DD HH:mm",
-	YMDH = "YYYY-MM-DD HH",
-	YMD = "YYYY-MM-DD"
-}
-export declare enum DayjsTimeTypeEnum {
-	Hms = "HH:mm:ss",
-	Hm = "HH:mm",
-	H = "HH",
-	ms = "mm:ss",
-	m = "mm",
-	s = "ss"
-}
+export type TDayjsDateType = "YYYY-MM-DD HH:mm:ss" | "YYYY-MM-DD HH:mm" | "YYYY-MM-DD HH" | "YYYY-MM-DD" | (string & {});
+export type TDayjsTimeType = "HH:mm:ss" | "HH:mm" | "HH" | "mm:ss" | "mm" | "ss" | (string & {});
 export type DatePickerWrapperProps = Omit<PickerDateProps<dayjs.Dayjs>, "value" | "onChange" | "format"> & {
 	value?: string;
 	onChange?: (value?: string) => void;
-	/**
-	 * minDate、maxDate设置格式：DayjsDateTypeEnum
-	 */
 	disabledDateConfig?: {
-		minDate?: string;
-		maxDate?: string;
+		minDate?: TDayjsDateType;
+		maxDate?: TDayjsDateType;
 		/** 禁用 小时 刻度列表，与日期无关  */
 		disabledHourList?: number[];
 		/** 禁用 分钟 刻度列表，与日期无关 */
@@ -214,7 +263,8 @@ export type DatePickerWrapperProps = Omit<PickerDateProps<dayjs.Dayjs>, "value"
 		/** 禁用 秒钟 刻度列表，与日期无关 */
 		disabledSecondList?: number[];
 	};
-	format?: DayjsDateTypeEnum;
+	/** 可自定义格式 */
+	format?: TDayjsDateType;
 };
 /**
  * DatePicker包装组件
@@ -237,12 +287,12 @@ export type DateRangePickerWrapperProps = Omit<RangePickerDateProps<Dayjs>, "val
 		string
 	]) => void;
 	/**
-	 * 1. minDate、maxDate设置格式：DayjsDateTypeEnum
+	 * 1. minDate、maxDate 与 format格式相同；默认：YYYY-MM-DD
 	 * 2. maxDays 最大可选的天数
 	 */
 	disabledDateConfig?: {
-		minDate?: string;
-		maxDate?: string;
+		minDate?: TDayjsDateType;
+		maxDate?: TDayjsDateType;
 		maxDays?: number;
 		/** 禁用 小时 刻度列表，与日期无关  */
 		disabledHourList?: number[];
@@ -251,7 +301,7 @@ export type DateRangePickerWrapperProps = Omit<RangePickerDateProps<Dayjs>, "val
 		/** 禁用 秒钟 刻度列表，与日期无关 */
 		disabledSecondList?: number[];
 	};
-	format?: DayjsDateTypeEnum;
+	format?: TDayjsDateType;
 };
 /**
  * DatePicker.RangePicker包装组件
@@ -268,6 +318,7 @@ export type DateRangePickerWrapperProps = Omit<RangePickerDateProps<Dayjs>, "val
  * ```
  */
 export declare const DateRangePickerWrapper: (props: DateRangePickerWrapperProps) => JSX.Element;
+export type FormItemNamePath = string | number | Array<string | number>;
 export type DateRangePickerWrapperFormItemProps = Omit<FormItemProps, "name"> & {
 	/**
 	 * 开始的时间name
@@ -434,24 +485,6 @@ export declare const dialogLoading: {
 	 */
 	close: () => void;
 };
-export interface DrawerStateType {
-	title: string;
-	/**
-	 * 显示drawer
-	 */
-	open: boolean;
-	/**
-	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
-	 */
-	itemData?: Record<string, any>;
-	operateType: "create" | "update" | "view" | null;
-	pageLoading?: boolean;
-}
-export interface DrawerActionsParamType {
-	openDrawerForm: Pick<DrawerStateType, "title" | "itemData" | "operateType" | "pageLoading">;
-	closeDrawer: void;
-	setDrawerItemData: Record<string, any>;
-}
 export interface DrawerOperationProps {
 	loading?: boolean;
 	okText?: string;
@@ -480,6 +513,7 @@ declare const DrawerWrapperContent: (props: {
 declare const DrawerWrapperFooter: (props: any) => JSX.Element;
 /**
  * 弹窗机制
+ * @deprecated 已过期，后面版本会移除；请使用 dialogDrawer.open
  * ```
  * 1. 默认 destroyOnClose = true
  * 2. 默认 forceRender = false
@@ -492,17 +526,6 @@ declare const DrawerWrapperFooter: (props: any) => JSX.Element;
  * ```
  */
 export declare const DrawerWrapper: FC<DrawerWrapperProps> & DrawerWrapperStaticMethods;
-/**
- * drawer弹窗模型
- * @param key 唯一值必传
- * @returns
- *
- * ```
- * 使用方式
- * const [drawerState, drawerActions] = createDrawerWrapperModel('key值').useStore();
- * ```
- */
-export declare const createDrawerWrapperModel: (key: string) => API<ModelType<DrawerStateType, DrawerActionsParamType, any>>;
 export interface DropdownMenuItem extends ButtonProps {
 	text: string | ReactElement;
 	color?: string;
@@ -575,52 +598,8 @@ export type EasyTableProps = {
 	/** 初始化是否请求，默认值：true */
 	initRequest?: boolean;
 	onDataSourceChange?: (dataSource: TAny) => void;
-};
-/**
- * 对 查询条件+表格数据 进行深度封装，内置数据交互处理
- * ```
- * 1. 需要获取查询条件、主动发起请求等可通过ref操作
- * 2. 可通过属性 initRequest 设置初始化是否请求数据
- * 3. 可通过属性 fieldNames 来设置自定义变量，默认值为：list、total、pageNo、pageSize
- *
- * Demo https://fex.qa.tcshuke.com/docs/admin/main/crud/easy-table
- * ```
- */
-export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTableProps & import("react").RefAttributes<EasyTableRefApi>>;
-export type FormColProps = {
-	span?: number;
-	/** 屏幕 < 576px  */
-	xs?: number;
-	/** 屏幕 ≥ 576px */
-	sm?: number;
-	/** 屏幕 ≥ 768px */
-	md?: number;
-	/** 屏幕 ≥ 992px */
-	lg?: number;
-	/** 屏幕 ≥ 1200px */
-	xl?: number;
-	/** 屏幕 ≥ 1600px */
-	xxl?: number;
-	/** 强制单独一行 */
-	forceAloneRow?: boolean;
-	children?: ReactNode | ReactNode[];
-};
-/**
- * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
- *```
- * 1. 设置 span 栅格占位格数，不考虑响应式
- * 2. grid 自定义响应式网格布局
- * xs: 屏幕 < 576px
- * sm: 屏幕 ≥ 576px
- * md: 屏幕 ≥ 768px
- * lg: 屏幕 ≥ 992px
- * xl: 屏幕 ≥ 1200px
- * xxl: 屏幕 ≥ 1600px
- * ```
- */
-export declare const FormCol: {
-	(props: FormColProps): JSX.Element;
-	domTypeName: string;
+	/** 如果自定义查询按钮，可设置 Form onFinish */
+	onFormFinish?: (values?: TPlainObject) => void;
 };
 export type FormOperateColProps = {
 	className?: string;
@@ -630,30 +609,6 @@ export type FormOperateColProps = {
 	/** 强制单独一行 */
 	forceAloneRow?: boolean;
 };
-/**
- * FormOperateCol 布局说明
- * ```
- * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等
- * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐
- * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局
- * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐
- * ```
- */
-export declare const FormOperateCol: {
-	(props: FormOperateColProps): JSX.Element;
-	domTypeName: string;
-};
-export type FormRowProps = RowProps & {
-	children?: ReactNode | ReactNode[];
-};
-/**
- * FormItem网格响应式布局
- *```
- * 1. 应用场景：Form条件布局
- * 2. 子元素只能是 FormCol、FormOperateCol，其他会被忽略
- * 3. 所有子元素中只能存在一个 FormOperateCol
- */
-export declare const FormRow: (props: FormRowProps) => JSX.Element;
 export type EasyTableFilterProps = {
 	children: ReactElement | ReactElement[] | ((form: FormInstance) => ReactElement);
 	/** isPure = true时无效 */
@@ -667,49 +622,51 @@ export type EasyTableFilterProps = {
 		text?: string;
 	};
 };
-/**
- * 过滤条件
- * @param props
- * @returns
- *
- *```
- *1. 用法1
- *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
- *  <EasyTableFilter>
- *   <Form.Item name="field1" label="条件1">xxx</Form.Item>
- *  </EasyTableFilter>
- *
- *  -- 自定义网格布局 使用 FormCol组件包装 Form.Item
- *  <EasyTableFilter>
- *    <FormCol span={12}><Form.Item name="field1" label="条件1">xxx</Form.Item></FormCol>
- *  </EasyTableFilter>
- *
- *  -- children 可为 function
- *  <EasyTableFilter>
- *   {(form) => {
- *     return <Form.Item name="field1" label="条件1">xxx</Form.Item>
- *   }}
- * </EasyTableFilter>
- *2. 用户2（自定义布局）
- *   EasyTableFilter设置 isPure = true，FormItem无布局规则
- *3. EasyTableFilter中内置了 Form 标签，当children为函数时，可获取form实例
- *4. 默认布局下，可通过设置 filterOperate 设置操作按钮
- *```
- */
-export declare const EasyTableFilter: (props: EasyTableFilterProps) => JSX.Element;
 export type EasyTableTableProps = Omit<TableProps<TAny>, "dataSource" | "loading" | "rowKey"> & {
 	children?: ReactElement;
 	/** 表格行 key 的取值 */
 	rowKey: string;
 };
-/**
- * 表格渲染
- * @param props
- * ```
- * 1. 继承了 TableProps 可设置antd table功能
- * ```
- */
-export declare const EasyTableTable: (props: EasyTableTableProps) => JSX.Element;
+export declare const EasyTable: import("react").ForwardRefExoticComponent<EasyTableProps & import("react").RefAttributes<EasyTableRefApi>> & {
+	/**
+	 * 过滤条件
+	 * @param props
+	 * @returns
+	 *
+	 *```
+	 *1. 用法1
+	 *  -- 默认网格布局 规则：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+	 *  <EasyTableFilter>
+	 *   <Form.Item name="field1" label="条件1">xxx</Form.Item>
+	 *  </EasyTableFilter>
+	 *
+	 *  -- 自定义网格布局 使用 FormCol组件包装 Form.Item
+	 *  <EasyTableFilter>
+	 *    <FormCol span={12}><Form.Item name="field1" label="条件1">xxx</Form.Item></FormCol>
+	 *  </EasyTableFilter>
+	 *
+	 *  -- children 可为 function
+	 *  <EasyTableFilter>
+	 *   {(form) => {
+	 *     return <Form.Item name="field1" label="条件1">xxx</Form.Item>
+	 *   }}
+	 * </EasyTableFilter>
+	 *2. 用户2（自定义布局）
+	 *   EasyTableFilter设置 isPure = true，FormItem无布局规则
+	 *3. EasyTableFilter中内置了 Form 标签，当children为函数时，可获取form实例
+	 *4. 默认布局下，可通过设置 filterOperate 设置操作按钮
+	 *```
+	 */
+	Filter: (props: EasyTableFilterProps) => JSX.Element;
+	/**
+	 * 表格渲染
+	 * @param props
+	 * ```
+	 * 1. 继承了 TableProps 可设置antd table功能
+	 * ```
+	 */
+	Table: (props: EasyTableTableProps) => JSX.Element;
+};
 export interface EditableFieldProps {
 	className?: string;
 	editRender: ReactElement | ((data: {
@@ -720,7 +677,7 @@ export interface EditableFieldProps {
 	value?: TAny;
 	onChange?: (data?: TAny) => void;
 	placeholderValue?: string;
-	/** edit 区域是否铺满，editableIcon=false 无效  */
+	/** edit 区域是否铺满，showEditableIcon=false 无效  */
 	isEditFull?: boolean;
 	/** 是否可编辑 */
 	editable?: boolean;
@@ -824,7 +781,7 @@ export type SelectorWrapperProps = Omit<SelectProps, "onSearch" | "notFoundConte
 	showIcon?: boolean;
 	/** select option添加图标；与showIcon组合使用 */
 	icon?: (data: TPlainObject, index: number) => ReactElement;
-	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 	/**
 	 * value格式
 	 *```
@@ -1059,7 +1016,7 @@ export type EditableTableProps = {
 export declare const EditableTable: (props: EditableTableProps) => JSX.Element;
 export type varStyles = "--fa-color-primary" | "--fa-color-secondary" | "--fa-color-warning" | "--fa-color-danger" | "--fa-color-success" | "--editor-card-bgcolor";
 export type EditorWrapperProps = {
-	onChange: (data?: string) => void;
+	onChange?: (data?: string) => void;
 	value?: string;
 	editorInitParams?: TPlainObject;
 	editorProps?: TPlainObject;
@@ -1071,9 +1028,36 @@ export type EditorWrapperProps = {
  * @param props
  * @returns
  */
-export declare const EditorWrapper: (props: any) => JSX.Element;
+export declare const EditorWrapper: (props: EditorWrapperProps) => JSX.Element;
+export type ShouldUpdateFunc<T> = (prev: T | undefined, next: T) => boolean;
+declare function usePrevious<T>(state: T, shouldUpdate?: ShouldUpdateFunc<T>): T | undefined;
+export declare const fbaHooks: {
+	useEffectCustom: (fn: import("react").EffectCallback, deps: import("react").DependencyList) => void;
+	useEffectCustomAsync: (fn: () => Promise<void>, deps: import("react").DependencyList) => void;
+	useThemeToken: () => import("antd").GlobalToken;
+	useArrayChange: <T>(dataList: T[], forceUpdate?: boolean) => readonly [
+		T[],
+		{
+			add: (dataItem: T | T[], isUnshift?: boolean | undefined) => void;
+			update: (index: number, dataItem: T) => void;
+			delete: (index: number) => T[];
+			resetList: (dataList: T[]) => void;
+			getList: () => T[];
+		}
+	];
+	usePrevious: typeof usePrevious;
+	useResponsivePoint: () => string | undefined;
+	useSafeState: <S extends unknown>(initialState?: S | (() => S) | undefined) => [
+		S,
+		import("react").Dispatch<import("react").SetStateAction<S>>
+	];
+};
+export declare const fbaUtils: {
+	hasPermission: (name?: string) => boolean;
+	getPermissionList: () => string[];
+};
 export type FileImportProps = {
-	onImportFinish: (data?: any) => void;
+	onImportFinish: (data?: TAny) => void;
 	buttonName?: string | ReactElement;
 	children?: React.ReactNode | ((data: {
 		loading: boolean;
@@ -1113,6 +1097,67 @@ export type FlexLayoutProps = {
  * @returns
  */
 export declare const FlexLayout: (props: FlexLayoutProps) => JSX.Element;
+export type FormRowProps = RowProps & {
+	children?: ReactNode | ReactNode[];
+};
+export type FormColProps = {
+	span?: number;
+	/** 屏幕 < 576px  */
+	xs?: number;
+	/** 屏幕 ≥ 576px */
+	sm?: number;
+	/** 屏幕 ≥ 768px */
+	md?: number;
+	/** 屏幕 ≥ 992px */
+	lg?: number;
+	/** 屏幕 ≥ 1200px */
+	xl?: number;
+	/** 屏幕 ≥ 1600px */
+	xxl?: number;
+	/** 强制单独一行 */
+	forceAloneRow?: boolean;
+	children?: ReactNode | ReactNode[];
+};
+export declare const FormGrid: {
+	/**
+	 * FormItem网格响应式布局
+	 *```
+	 * 1. 应用场景：Form条件布局
+	 * 2. 子元素只能是 FormCol、FormOperateCol，其他会被忽略
+	 * 3. 所有子元素中只能存在一个 FormOperateCol
+	 */
+	Row: (props: FormRowProps) => JSX.Element;
+	/**
+	 * 网格响应式布局，默认值：{ xs: 24, sm: 12, md: 12, lg: 8, xl: 8, xxl: 6 }
+	 *```
+	 * 1. 设置 span 栅格占位格数，不考虑响应式
+	 * 2. grid 自定义响应式网格布局
+	 * xs: 屏幕 < 576px
+	 * sm: 屏幕 ≥ 576px
+	 * md: 屏幕 ≥ 768px
+	 * lg: 屏幕 ≥ 992px
+	 * xl: 屏幕 ≥ 1200px
+	 * xxl: 屏幕 ≥ 1600px
+	 * ```
+	 */
+	Col: {
+		(props: FormColProps): JSX.Element;
+		domTypeName: string;
+	};
+	/**
+	 * FormOperateCol 布局说明
+	 * ```
+	 * 1. 网格数以及位置为动态计算，不支持 xs、sm、md等
+	 * 2. 如果FormRow只有一行col，则OperateCol会在当前行剩余网格内居左对齐
+	 * 3. 如果同时设置 leftList、rightList，则此cell会强制独占一行，并左右布局
+	 * 4. 如果只设置 leftList、rightList其中一个，则会在最后一行剩余网格内居右对齐
+	 * ```
+	 */
+	OperateCol: {
+		(props: FormOperateColProps): JSX.Element;
+		domTypeName: string;
+	};
+};
 export type FormItemHorizontalUnionProps = {
 	className?: string;
 	style?: CSSProperties;
@@ -1166,25 +1211,6 @@ export type GapProps = {
  * @returns
  */
 export declare const Gap: (props: GapProps) => JSX.Element;
-export declare const useArrayChange: <T>(dataList: T[], forceUpdate?: boolean) => readonly [
-	T[],
-	{
-		add: (dataItem: T | T[], isUnshift?: boolean) => void;
-		update: (index: number, dataItem: T) => void;
-		delete: (index: number) => T[];
-		resetList: (dataList: T[]) => void;
-		getList: () => T[];
-	}
-];
-export declare const useEffectCustom: (fn: EffectCallback, deps: DependencyList) => void;
-export declare const useEffectCustomAsync: (fn: () => Promise<void>, deps: DependencyList) => void;
-export type ShouldUpdateFunc<T> = (prev: T | undefined, next: T) => boolean;
-export declare function usePrevious<T>(state: T, shouldUpdate?: ShouldUpdateFunc<T>): T | undefined;
-export declare const useSafeState: <S extends unknown>(initialState?: S | (() => S) | undefined) => [
-	S,
-	Dispatch<SetStateAction<S>>
-];
-export declare const useThemeToken: () => import("antd").GlobalToken;
 export type IconWrapperProps = {
 	hoverTips?: string | React.ReactElement;
 	/**
@@ -1202,7 +1228,7 @@ export type IconWrapperProps = {
 	hidden?: boolean;
 };
 export declare const IconWrapper: (props: IconWrapperProps) => JSX.Element | null;
-export type InputWrapperProps = Omit<InputProps, "defaultValue">;
+export type InputSearchWrapperProps = Omit<SearchProps, "defaultValue">;
 /**
  * ```
  * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法
@@ -1214,8 +1240,8 @@ export type InputWrapperProps = Omit<InputProps, "defaultValue">;
  *
  * ```
  */
-export declare const InputWrapper: (props: InputWrapperProps) => JSX.Element;
-export type InputSearchWrapperProps = Omit<SearchProps, "defaultValue">;
+export declare const InputSearchWrapper: (props: InputSearchWrapperProps) => JSX.Element;
+export type InputTextAreaWrapperProps = Omit<TextAreaProps, "defaultValue">;
 /**
  * ```
  * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法
@@ -1227,8 +1253,8 @@ export type InputSearchWrapperProps = Omit<SearchProps, "defaultValue">;
  *
  * ```
  */
-export declare const InputSearchWrapper: (props: InputSearchWrapperProps) => JSX.Element;
-export type InputTextAreaWrapperProps = Omit<TextAreaProps, "defaultValue">;
+export declare const InputTextAreaWrapper: (props: InputTextAreaWrapperProps) => JSX.Element;
+export type InputWrapperProps = Omit<InputProps, "defaultValue">;
 /**
  * ```
  * 1. 在输入框内输入拼音的时候，在拼音尚未输入完成时，字母会触发Input的onChange事件；导致以上效果的原因是input事件没办法知道我们在使用中文输入法
@@ -1240,7 +1266,7 @@ export type InputTextAreaWrapperProps = Omit<TextAreaProps, "defaultValue">;
  *
  * ```
  */
-export declare const InputTextAreaWrapper: (props: InputTextAreaWrapperProps) => JSX.Element;
+export declare const InputWrapper: (props: InputWrapperProps) => JSX.Element;
 export type LabelValueLayoutProps = {
 	options: {
 		label: string | ReactElement;
@@ -1308,24 +1334,6 @@ export interface ModalActionProps {
  * ```
  */
 export declare const ModalAction: (props: ModalActionProps) => JSX.Element;
-export interface ModalStateType {
-	title?: string;
-	/**
-	 * 显示modal
-	 */
-	open: boolean;
-	/**
-	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
-	 */
-	itemData?: Record<string, unknown> | null;
-	operateType: "create" | "update" | "view";
-	pageLoading?: boolean;
-}
-export interface ModalActionsParamType {
-	openModalForm: Pick<ModalStateType, "title" | "itemData" | "operateType" | "pageLoading">;
-	closeModal: void;
-	setModalItemData: Record<string, unknown>;
-}
 export interface ModalOperationOldProps {
 	loading?: boolean;
 	okText?: string;
@@ -1351,6 +1359,7 @@ declare const ModalWrapperContent: (props: {
 declare const ModalWrapperFooter: (props: any) => JSX.Element;
 /**
  * 弹窗机制
+ * @deprecated 已过期，后面版本会移除；请使用 dialogModal.open
  * ```
  * 1. 默认 destroyOnClose = true
  * 2. 默认 forceRender = false
@@ -1363,17 +1372,6 @@ declare const ModalWrapperFooter: (props: any) => JSX.Element;
  * ```
  */
 export declare const ModalWrapper: FC<ModalWrapperProps> & ModalWrapperStaticMethods;
-/**
- * modal弹窗模型
- * @param key 唯一值必传
- * @returns
- *
- * ```
- * 使用方式
- * const [modalState, modalActions] = createModalWrapperModel('key值').useStore();
- * ```
- */
-export declare const createModalWrapperModel: (key: string) => API<ModelType<ModalStateType, ModalActionsParamType, any>>;
 export type PageFixedFooterProps = {
 	className?: string;
 	style?: CSSProperties;
@@ -1384,8 +1382,6 @@ export type Page404Props = {
 	message?: string;
 };
 export declare const Page404: (props: Page404Props) => JSX.Element;
-export declare const getPermissionList: () => string[];
-export declare const hasPermission: (name?: string) => boolean;
 export interface PermissionProps {
 	name?: string;
 	children?: ReactNode | ReactNode[];
@@ -1511,9 +1507,34 @@ export type TRelationTreeOperate = {
 	add: (soruceData: TRelationTreeCustomData, initialData: TRelationTreeRelationItem) => void;
 	addChildren: (soruceData: TRelationTreeCustomData, initialData: TRelationTreeData) => void;
 	remove: (uid: string) => void;
-	onChange: (name: string, value: any) => void;
+	onChange: (name: string, value: TAny) => void;
 };
 export declare const RelationTree: (props: RelationTreeProps) => JSX.Element;
+export type RollLocationCenterProps = {
+	renderList: {
+		activeKey: string;
+		render: ReactElement;
+	}[];
+	activeKey?: string;
+	behavior?: ScrollBehavior;
+	direction?: "horizontal" | "vertical";
+	style?: CSSProperties;
+	className?: string;
+};
+export declare const RollLocationCenter: (props: RollLocationCenterProps) => JSX.Element;
+export type RollLocationInViewProps = {
+	renderList: {
+		activeKey: string;
+		render: ReactElement;
+	}[];
+	activeKey?: string;
+	behavior?: ScrollBehavior;
+	activeOffset?: number;
+	direction?: "horizontal" | "vertical";
+	style?: CSSProperties;
+	className?: string;
+};
+export declare const RollLocationInView: (props: RollLocationInViewProps) => JSX.Element;
 export type RuleDataItem = {
 	title?: string | ReactElement;
 	desc?: string | ReactElement;
@@ -1558,7 +1579,7 @@ export type SelectorWrapperSearchProps = Omit<SelectProps, "onSearch" | "notFoun
 	 * 通过服务获取数据异常回调
 	 */
 	onSelectorRequestError?: (error: Error) => void;
-	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 };
 /**
  * 选择器简单包装组件
@@ -1600,7 +1621,7 @@ export type SelectorWrapperSimpleProps = Omit<SelectProps, "onSearch" | "notFoun
 	 * 通过服务获取数据异常回调
 	 */
 	onSelectorRequestError?: (error: Error) => void;
-	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 };
 /**
  * 选择器简单包装组件
@@ -1660,6 +1681,7 @@ export interface SmsCountDownProps {
 	className?: string;
 }
 export declare const SmsCountDown: FC<SmsCountDownProps>;
+export declare const styles: () => void;
 export type SwitchWrapperValue = string | number | boolean;
 export type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultChecked" | "onChange"> & {
 	value?: SwitchWrapperValue;
@@ -1748,8 +1770,21 @@ export declare const tableCellRender: {
 	extraContentRender: (handle: (item: TPlainObject) => TableColumnIconRenderProps) => (value: TAny, item: TPlainObject) => any;
 	/**
 	 * table 索引展示，如果存在pageSize、pageNo参数可分页展示索引，否则每页都从1开始
+	 * @deprecated 已过时，请使用 serialNumberCell
+	 */
+	indexCell: (pageNo?: number, pageSize?: number) => (_value: any, _record: any, index: number) => number;
+	/**
+	 * table 序号展示，如果存在pageSize、pageNo参数可分页展示累加序号，否则每页都从1开始
+	 * ```
+	 *  render: tableCellRender.serialNumberCell(() => {
+	 *    return { pageNo,pageSize };
+	 *  }),
+	 * ```
 	 */
-	indexCell: (pageNo?: number, pageSize?: number) => (_value: string | number, _record: TPlainObject, index: number) => number;
+	serialNumberCell: (method?: () => {
+		pageNo?: number;
+		pageSize?: number;
+	}) => (_value: any, _record: any, index: number) => number;
 	/**
 	 * 表格日期格式数据渲染，默认格式：YYYY-MM-DD
 	 * ```
@@ -1857,12 +1892,12 @@ export type TimePickerWrapperProps = Omit<TimePickerProps, "value" | "onChange"
 	value?: string;
 	onChange?: (value?: string) => void;
 	/**
-	 * 1. minTime、maxTime设置为 DayjsTimeTypeEnum，默认格式：DayjsTimeTypeEnum.Hms
+	 * 1. minTime、maxTime设置为 DayjsTimeTypeEnum，默认格式：HH:mm:ss
 	 * 2. minTime、maxTime格式必须与 format 相同
 	 */
 	disabledTimeConfig?: {
-		minTime?: string;
-		maxTime?: string;
+		minTime?: TDayjsTimeType;
+		maxTime?: TDayjsTimeType;
 		/** 禁用 小时 刻度列表，与日期无关  */
 		disabledHourList?: number[];
 		/** 禁用 分钟 刻度列表，与日期无关 */
@@ -1870,7 +1905,7 @@ export type TimePickerWrapperProps = Omit<TimePickerProps, "value" | "onChange"
 		/** 禁用 秒钟 刻度列表，与日期无关 */
 		disabledSecondList?: number[];
 	};
-	format?: DayjsTimeTypeEnum;
+	format?: TDayjsTimeType;
 };
 /**
  * TimePicker组件包装
@@ -1893,12 +1928,12 @@ export type TimeRangePickerWrapperProps = Omit<TimeRangePickerProps, "value" | "
 		string
 	]) => void;
 	/**
-	 * 1. minTime、maxTime设置格式，默认格式：DayjsTimeTypeEnum.Hms
+	 * 1. minTime、maxTime设置格式，默认格式：HH:mm:ss
 	 * 2. minTime、maxTime格式必须与 format 相同
 	 */
 	disabledTimeConfig?: {
-		minTime?: string;
-		maxTime?: string;
+		minTime?: TDayjsTimeType;
+		maxTime?: TDayjsTimeType;
 		/** 禁用 小时 刻度列表，与日期无关 */
 		disabledHourList?: number[];
 		/** 禁用 分钟 刻度列表，与日期无关 */
@@ -1906,7 +1941,7 @@ export type TimeRangePickerWrapperProps = Omit<TimeRangePickerProps, "value" | "
 		/** 禁用 秒钟 刻度列表，与日期无关 */
 		disabledSecondList?: number[];
 	};
-	format?: DayjsTimeTypeEnum;
+	format?: TDayjsTimeType;
 };
 /**
  * TimePicker组件包装
@@ -1945,11 +1980,11 @@ export type TreeSelectorWrapperValue = string | number | Array<string | number>
 export type TreeSelectorServiceConfig = {
 	params?: TPlainObject;
 	requiredParamsKeys?: string[];
-	onRequest?: (params?: any) => any;
+	onRequest?: (params?: TAny) => TAny;
 	/**
 	 * 响应数据适配器
 	 */
-	onRequestResultAdapter?: (respData: any) => TPlainObject[];
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
 };
 export type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys" | "treeData" | "loading" | "onTreeExpand" | "onChange" | "value" | "fieldNames"> & {
 	modelKey: string;
@@ -2002,7 +2037,7 @@ export type TreeSelectorWrapperProps = Omit<TreeSelectProps, "treeExpandedKeys"
 	 * tree item 数据适配器
 	 */
 	onTreeItemDataAdapter?: (dataItem: TPlainObject) => TPlainObject;
-	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 	/**
 	 * value格式
 	 *```
@@ -2115,7 +2150,7 @@ export type TreeWrapperProps = Omit<TreeProps, "expandedKeys" | "treeData" | "on
 	 * 是否必选，最后一个不能取消
 	 */
 	required?: boolean;
-	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 	/**
 	 * value格式
 	 *```
@@ -2212,7 +2247,7 @@ export declare const TreeWrapper: import("react").ForwardRefExoticComponent<Omit
 	 * 是否必选，最后一个不能取消
 	 */
 	required?: boolean | undefined;
-	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
+	requestMessageConfig?: TRequestStatusProps["messageConfig"];
 	/**
 	 * value格式
 	 *```