@flatbiz/antd 3.1.3 → 4.0.0

package/index.d.ts

@@ -3,14 +3,16 @@
 
 import { API, ModelType } from '@dimjs/model';
 import { ButtonProps, CascaderProps, DrawerProps, DropdownProps, FormInstance, FormItemProps, InputNumberProps, InputProps, ModalProps, PopconfirmProps, RadioGroupProps, RowProps, SelectProps, SpaceProps, SwitchProps, TableProps, TimePickerProps, TimeRangePickerProps, TooltipProps, TreeProps, TreeSelectProps, UploadProps } from 'antd';
+import { ConfigProviderProps } from 'antd/es/config-provider';
+import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { CheckboxGroupProps } from 'antd/lib/checkbox';
-import { ConfigProviderProps } from 'antd/lib/config-provider';
-import { PickerDateProps, RangePickerDateProps } from 'antd/lib/date-picker/generatePicker';
+import { RangePickerDateProps } from 'antd/lib/date-picker/generatePicker';
 import { FormListFieldData, FormListOperation, FormListProps } from 'antd/lib/form/FormList';
 import { SearchProps, TextAreaProps } from 'antd/lib/input';
 import { ColumnsType } from 'antd/lib/table';
 import { UploadChangeParam } from 'antd/lib/upload';
 import { UploadFile } from 'antd/lib/upload/interface';
+import dayjs from 'dayjs';
 import { CSSProperties, DependencyList, Dispatch, EffectCallback, FC, ReactElement, ReactNode, SetStateAction } from 'react';
 
 export declare const styles: () => void;
@@ -54,10 +56,6 @@ export declare type ButtonWrapperProps = Omit<ButtonProps, "onClick" | "loading"
  * @returns
  */
 export declare const ButtonWrapper: (props: ButtonWrapperProps) => JSX.Element | null;
-export declare type LabelValueItem<T extends string | number | boolean = string | number> = {
-	value: T;
-	label: string;
-};
 export declare type TAny = any;
 export declare type TPlainObject<T = TAny> = Record<string, T>;
 export declare type TNoopDefine = () => void;
@@ -122,6 +120,10 @@ export declare const CascaderWrapper: import("react").ForwardRefExoticComponent<
 	onChange?: ((value: string | number, selectedList: TPlainObject[]) => void) | undefined;
 	requestMessageConfig?: RequestStatusRenderProps["messageConfig"];
 } & import("react").RefAttributes<CascaderWrapperRefApi>>;
+export declare type ConfigProviderWrapperProps = Omit<ConfigProviderProps, "locale"> & {
+	locale?: "en" | "zh-cn";
+};
+export declare const ConfigProviderWrapper: (props: ConfigProviderWrapperProps) => JSX.Element;
 export interface CommonPropsWithChildren<S extends TPlainObject = TPlainObject> {
 	className?: string;
 	style?: CSSProperties & Partial<S>;
@@ -143,7 +145,7 @@ export declare type CssHoverProps = {
  * @returns
  */
 export declare const CssNodeHover: (props: CssHoverProps) => JSX.Element;
-export declare type DatePickerWrapperProps = Omit<PickerDateProps<moment.Moment>, "value" | "onChange"> & {
+export declare type DatePickerWrapperProps = Omit<PickerDateProps<dayjs.Dayjs>, "value" | "onChange"> & {
 	value?: string;
 	onChange?: (value?: string) => void;
 	/**
@@ -165,7 +167,7 @@ export declare type DatePickerWrapperProps = Omit<PickerDateProps<moment.Moment>
  * ```
  */
 export declare const DatePickerWrapper: (props: DatePickerWrapperProps) => JSX.Element;
-export declare type DateRangePickerWrapperProps = Omit<RangePickerDateProps<moment.Moment>, "value" | "onChange" | "onOpenChange" | "onCalendarChange" | "disabledDate"> & {
+export declare type DateRangePickerWrapperProps = Omit<RangePickerDateProps<dayjs.Dayjs>, "value" | "onChange" | "onOpenChange" | "onCalendarChange" | "disabledDate"> & {
 	value?: [
 		string,
 		string
@@ -222,7 +224,7 @@ export declare type DateRangePickerWrapperFormItemProps = Omit<FormItemProps, "n
  * ```
  */
 export declare const DateRangePickerWrapperFormItem: (props: DateRangePickerWrapperFormItemProps) => JSX.Element;
-export declare type DialogDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getContainer" | "visible" | "open" | "footer"> & {
+export declare type DialogDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" | "getContainer" | "open" | "open" | "footer"> & {
 	okText?: string | ReactElement;
 	cancelText?: string | ReactElement;
 	onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
@@ -230,7 +232,7 @@ export declare type DialogDrawerProps = Omit<DrawerProps, "onOk" | "onCancel" |
 	content: string | ReactElement | ((form: FormInstance, operate: {
 		onClose: TNoopDefine;
 	}) => ReactElement);
-	configProviderProps?: ConfigProviderProps;
+	configProviderProps?: ConfigProviderWrapperProps;
 	okButtonExtraProps?: Omit<ButtonProps, "onClick" | "children" | "loading">;
 	cancelButtonExtraProps?: Omit<ButtonProps, "onClick" | "children">;
 	operatePosition?: "header" | "footer";
@@ -273,13 +275,13 @@ export declare const dialogDrawer: {
 		close: () => void;
 	};
 };
-export declare type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContainer" | "visible" | "open"> & {
+export declare type DialogModalProps = Omit<ModalProps, "onOk" | "onCancel" | "getContainer" | "open" | "open"> & {
 	onOk?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
 	onCancel?: (form: FormInstance, e: React.MouseEvent<HTMLElement>) => void | Promise<void>;
 	content: string | ReactElement | ((form: FormInstance, operate: {
 		onClose: TNoopDefine;
 	}) => ReactElement);
-	configProviderProps?: ConfigProviderProps;
+	configProviderProps?: ConfigProviderWrapperProps;
 };
 /**
  * 函数式调用弹框；初始化后，内容无法更新
@@ -321,63 +323,7 @@ export interface DrawerStateType {
 	/**
 	 * 显示drawer
 	 */
-	visible: 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 DrawerOperationOldProps {
-	loading?: boolean;
-	okText?: string;
-	cancelText?: string;
-	onOk?: () => void;
-	onCancel?: () => void;
-	hideOkBtn?: boolean;
-	okButtonProps?: Omit<ButtonProps, "onClick" | "loading" | "className">;
-	cancelButtonProps?: Omit<ButtonProps, "onClick" | "loading" | "className">;
-}
-export declare type DrawerFormProps = {
-	className?: string;
-	/**
-	 * 整个drawer页面级的spinning <Page loading />
-	 */
-	pageLoading?: boolean;
-	operationProps?: DrawerOperationOldProps;
-} & DrawerProps;
-/**
- * 弹窗机制
- * @deprecated 请使用【dialogDrawer】组件替换
- * ```
- * 1. 默认 destroyOnClose = true
- * 2. 默认 forceRender = false
- * ```
- */
-export declare const DrawerWraper: (props: DrawerFormProps) => JSX.Element;
-/**
- * drawer弹窗模型
- * @param key 唯一值必传
- * @returns
- *
- * ```
- * 使用方式
- * const [drawerState, drawerActions] = createDrawerWraperModel('key值').useStore();
- * ```
- */
-export declare const createDrawerWraperModel: (key: string) => API<ModelType<DrawerStateType, DrawerActionsParamType, any>>;
-export interface DrawerStateType {
-	title: string;
-	/**
-	 * 显示drawer
-	 */
-	visible: boolean;
+	open: boolean;
 	/**
 	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
 	 */
@@ -451,7 +397,7 @@ export interface DropdownMenuItem extends ButtonProps {
 	hidden?: boolean;
 	popconfirmProps?: Pick<PopconfirmProps, "placement" | "okText" | "cancelText" | "trigger">;
 }
-export interface DropdownMenuWrapperProps extends Omit<DropdownProps, "overlay"> {
+export interface DropdownMenuWrapperProps extends Omit<DropdownProps, "menu"> {
 	menuList: Array<DropdownMenuItem | null>;
 }
 export declare const DropdownMenuWrapper: (props: DropdownMenuWrapperProps) => JSX.Element;
@@ -796,49 +742,6 @@ export declare const FileImport: {
 		accept: string;
 	};
 };
-export declare type FileUploadItem = {
-	fileKey: string;
-	fileName: string;
-};
-export declare type FileUploadProps = {
-	onChange?: (value?: FileUploadItem[]) => void;
-	onUploadError?: (message?: string) => void;
-	value?: FileUploadItem[];
-	onPreview?: (item: FileUploadItem) => void;
-	onUploadChange?: (info: UploadChangeParam<UploadFile>) => void;
-	/**
-	 * 属性映射
-	 */
-	fieldNames?: {
-		fileKey?: string;
-		fileName?: string;
-	};
-} & Omit<UploadProps, "onChange" | "fileList" | "onPreview">;
-/**
- * 文件上传，结合Form使用最佳
- * @deprecated 请使用【UploadWrapper】组件替换
- * ```
- * 接口返回结构：
- * formData上传接口必须返回fileKey值
- * {
- *  code: '0000',
- *  data: {
- *    fileKey: '预览文件对应的fileKey'
- *  }
- * }
- * 可通过fieldNames配置接口返回值属性名称映射
- * ```
- * ```
- * 最佳使用方式：
- * <Form.Item name="attachmentList" label="附件">
- *   <FileUpload action={uploadUrl} onPreview={onPreviewFile}>
- *      <Button type="primary">选择文件导入</Button>
- *   </FileUpload>
- * </Form.Item>
- * ```
- *
- */
-export declare const FileUpload: (props: FileUploadProps) => JSX.Element;
 export declare type FlexLayoutProps = {
 	className?: string;
 	fullIndex?: number | number[];
@@ -1037,61 +940,7 @@ export interface ModalStateType {
 	/**
 	 * 显示modal
 	 */
-	visible: 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 ModalOperationProps {
-	loading?: boolean;
-	okText?: string;
-	cancelText?: string;
-	onOk?: () => void;
-	onCancel?: () => void;
-	hideOkBtn?: boolean;
-	okButtonProps?: Omit<ButtonProps, "onClick" | "loading" | "className">;
-	cancelButtonProps?: Omit<ButtonProps, "onClick" | "loading" | "className">;
-}
-export declare type ModalFormProps = {
-	className?: string;
-	pageLoading?: boolean;
-	operationProps?: ModalOperationProps;
-	footer?: null | React.ReactNode;
-} & Omit<ModalProps, "footer" | "onOk" | "okText" | "cancelText" | "okButtonProps" | "cancelButtonProps" | "okType" | "confirmLoading">;
-/**
- * 弹窗机制
- * ```
- * 1. 默认 destroyOnClose = true
- * 2. 默认 forceRender = false
- * @deprecated 请使用【dialogModal】组件替换
- * ```
- */
-export declare const ModalWraper: (props: ModalFormProps) => JSX.Element;
-/**
- * modal弹窗模型
- * @param key 唯一值必传
- * @returns
- *
- * ```
- * 使用方式
- * const [modalState, modalActions] = createModalWraperModel('key值').useStore();
- * ```
- */
-export declare const createModalWraperModel: (key: string) => API<ModelType<ModalStateType, ModalActionsParamType, any>>;
-export interface ModalStateType {
-	title?: string;
-	/**
-	 * 显示modal
-	 */
-	visible: boolean;
+	open: boolean;
 	/**
 	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
 	 */
@@ -1268,6 +1117,17 @@ export declare type TRelationTreeOperate = {
 	onChange: (name: string, value: any) => void;
 };
 export declare const RelationTree: (props: RelationTreeProps) => JSX.Element;
+export declare type RuleDataItem = {
+	title: string | ReactElement;
+	desc: string | ReactElement;
+};
+export declare type RuleDescribeProps = {
+	title?: string;
+	showTitleIndex?: boolean;
+	ruleDataList: RuleDataItem[];
+	titleSign?: boolean;
+};
+export declare const RuleDescribe: (props: RuleDescribeProps) => JSX.Element;
 export declare type SimpleLayoutProps = {
 	className?: string;
 	style?: CSSProperties;
@@ -1337,18 +1197,23 @@ export declare type SwitchWrapperProps = Omit<SwitchProps, "checked" | "defaultC
  * ```
  */
 export declare const SwitchWrapper: (props: SwitchWrapperProps) => JSX.Element;
-export declare type TTagItem = {
+export declare type TagWrapperValue = string | number | boolean;
+export declare type TagWrapperDataItem = {
 	label: string;
-	value: string | number | boolean;
+	value: TagWrapperValue;
 	color?: string;
 };
+export declare type TagWrapperColorItem = {
+	label: string;
+	value: TagWrapperValue;
+};
 export declare type TagWrapperProps = {
-	labelValueList: LabelValueItem<string | number | boolean>[];
-	colorList?: {
-		value: string | number | boolean;
-		color: string;
-	}[];
-	value?: TTagItem["value"];
+	dataList: TagWrapperDataItem[];
+	/**
+	 * 颜色配置list数据，value为code、label为色值，例如：[{ label:'red', value: 1 }]
+	 */
+	colorList?: TagWrapperColorItem[];
+	value?: TagWrapperValue;
 	forceMatch?: boolean;
 };
 /**
@@ -1356,24 +1221,25 @@ export declare type TagWrapperProps = {
  * @param props
  * @returns
  * ```
- *  forceMatch: 是否强制匹配（默认值true）
- *  - false: 匹配不到显示value值，
- *  - true：匹配不到不显示
+ *  1. forceMatch: 是否强制匹配（默认值false）
+ *     - false: 匹配不到显示value值，
+ *     - true：匹配不到不显示
+ *  2. value 与 dataList中label、value任一相等，都可匹配
  *
- *  例如1：（与value匹配）
- *  <TagWrapper labelValueList=[{ label: '启用', value: 1 }] colorList=[{ value: 1, color: 'red'  }] value={1} />
+ *  用法1：
+ *  <TagWrapper
+ *    dataList=[{ label: '启用', value: 1 }]
+ *    colorList=[{ value: 1, color: 'red'  }]
+ *    value={1} />
  *  =>
  *  <Tag color={'red'}>启用</Tag>
  *
- *  例如2：（与label匹配）
- *  <TagWrapper labelValueList=[{ label: '启用', value: 1 }] value="启用" />
+ *  用法2
+ *  <TagWrapper
+ *    dataList=[{ label: '启用', value: 1. color: 'red' }]
+ *    value="启用" />
  *  =>
  *  <Tag color={'red'}>启用</Tag>
- *
- *  例如3：(未匹配到，显示value值)
- *  <TagWrapper labelValueList=[{ label: '启用', value: 1 }] value="审核中" />
- *  =>
- *  审核中
  * ```
  */
 export declare const TagWrapper: FC<TagWrapperProps>;
@@ -1425,7 +1291,7 @@ export declare const tableCellRender: {
 	 * tableCellRender.selectorCell([{ label: '已开启', value: 1, color: '#108ee9' }])
 	 * ```
 	 */
-	selectorCell: (selectorList: TagWrapperProps["labelValueList"], colorList?: TagWrapperProps["colorList"]) => (value: string | number) => JSX.Element;
+	selectorCell: (selectorList: TagWrapperProps["dataList"], colorList?: TagWrapperProps["colorList"]) => (value: string | number) => JSX.Element;
 	/**
 	 * 单元格对象数据处理，支持多级处理
 	 * ```
@@ -1617,19 +1483,19 @@ export declare type TreeWrapperValue = string | number | Array<string | number>
 export declare type TreeServiceConfig = {
 	params?: TPlainObject;
 	requiredParamsKeys?: string[];
-	onRequest?: (params?: any) => any;
+	onRequest?: (params?: TAny) => TAny;
 	/**
 	 * 响应数据适配器
 	 */
-	onRequestResultAdapter?: (respData: any) => TPlainObject[];
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
 };
 export declare type TreeLoadDataServiceConfig = {
 	getParams: (dataItem: TPlainObject) => TPlainObject;
-	onRequest: (params: TPlainObject) => any;
+	onRequest: (params: TPlainObject) => TAny;
 	/**
 	 * 响应数据适配器
 	 */
-	onRequestResultAdapter?: (respData: any) => TPlainObject[];
+	onRequestResultAdapter?: (respData: TAny) => TPlainObject[];
 };
 export declare type TreeWrapperMenuItem = {
 	title: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "3.1.3",
+  "version": "4.0.0",
   "description": "flat-biz oss ui components",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -26,15 +26,15 @@
     "node": ">=13.8.0"
   },
   "peerDependencies": {
-    "@ant-design/icons": ">=4.7.0",
+    "@ant-design/icons": ">=4.8.0",
     "@dimjs/lang": ">=1.2.23",
     "@dimjs/model": ">=1.1.8",
     "@dimjs/model-react": ">=1.1.8",
     "@dimjs/utils": ">=1.2.23",
-    "@flatbiz/utils": ">=3.0.15",
+    "@flatbiz/utils": ">=3.1.4",
     "@wove/react": ">=1.2.22",
-    "antd": ">=4.22.2",
-    "moment": ">=2.29.4",
+    "antd": ">=5.0.4",
+    "dayjs": ">=1.11.6",
     "react": ">=18.2.0",
     "react-dom": ">=18.2.0"
   },
@@ -44,13 +44,13 @@
     "@dimjs/model": "^1.1.8",
     "@dimjs/model-react": "^1.1.8",
     "@dimjs/utils": "^1.2.23",
-    "@flatbiz/utils": "^3.1.3",
-    "@wove/react": "^1.2.21",
-    "antd": "4.22.2",
+    "@flatbiz/utils": "^4.0.0",
+    "@wove/react": "^1.2.22",
+    "antd": "^5.0.4",
+    "dayjs": ">=1.11.6",
     "dequal": "^2.0.3",
-    "moment": "^2.29.4",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
-  "gitHead": "693ba32a0a7ef4021c089b486d0efec1e3772e81"
+  "gitHead": "5381ba2486f8ee1fdfb6ff8957b82166f69a1b0c"
 }