@flatbiz/antd 2.3.5 → 2.3.13

package/index.d.ts

@@ -2,12 +2,12 @@
 /// <reference types="scheduler" />
 
 import { API, ModelType } from '@dimjs/model';
-import { ButtonProps, DrawerProps, ModalProps, SpaceProps, UploadProps } from 'antd';
+import { ButtonProps, DrawerProps, ModalProps, SelectProps, SpaceProps, TreeProps, TreeSelectProps, UploadProps } from 'antd';
 import { PickerDateProps, RangePickerDateProps } from 'antd/lib/date-picker/generatePicker';
 import { UploadChangeParam } from 'antd/lib/upload';
 import { UploadFile } from 'antd/lib/upload/interface';
 import React from 'react';
-import { CSSProperties, DependencyList, EffectCallback, FC, VFC } from 'react';
+import { CSSProperties, DependencyList, EffectCallback, FC, ReactElement, VFC } from 'react';
 
 export declare const styles: () => void;
 export interface ButtonOperateItem extends ButtonProps {
@@ -29,6 +29,15 @@ export declare type DatePickerWraperProps = {
 	value?: string;
 	onChange?: (value?: string) => void;
 } & Omit<PickerDateProps<moment.Moment>, "value" | "onChange">;
+/**
+ * DatePicker包装组件
+ * ```
+ * 1. value类型为 string
+ * 2. onChange返回类型 string
+ * 3. 默认格式化类型 YYYY-MM-DD； 当showTime===true时，默认格式化类型YYYY-MM-DD HH:mm:ss
+ * 4. 其他格式化类型自定义format
+ * ```
+ */
 export declare const DatePickerWraper: VFC<DatePickerWraperProps>;
 export declare type DateRangePickerWraperProps = {
 	value?: [
@@ -40,6 +49,15 @@ export declare type DateRangePickerWraperProps = {
 		string
 	]) => void;
 } & Omit<RangePickerDateProps<moment.Moment>, "value" | "onChange">;
+/**
+ * DatePicker.RangePicker包装组件
+ * ```
+ * 1. value类型为 [string, string]
+ * 2. onChange返回类型 [string, string]
+ * 3. 默认格式化类型 YYYY-MM-DD； 当showTime===true时，默认格式化类型YYYY-MM-DD HH:mm:ss
+ * 4. 其他格式化类型自定义format
+ * ```
+ */
 export declare const DateRangePickerWraper: VFC<DateRangePickerWraperProps>;
 export interface DrawerStateType {
 	title: string;
@@ -51,7 +69,7 @@ export interface DrawerStateType {
 	 * 用来处理form, `更新`的时候的传递当前item列表行的数据, 当`创建`的时候强制设置为 `undefined`
 	 */
 	itemData?: Record<string, any>;
-	operateType: "create" | "update" | "view";
+	operateType: "create" | "update" | "view" | null;
 	pageLoading?: boolean;
 }
 export interface DrawerActionsParamType {
@@ -153,6 +171,17 @@ export declare type FlexLayoutProps = {
  * @returns
  */
 export declare const FlexLayout: FC<FlexLayoutProps>;
+export declare type GapProps = {
+	height?: number;
+	className?: string;
+	style?: CSSProperties;
+};
+/**
+ * 间隙组件
+ * @param props
+ * @returns
+ */
+export declare const Gap: VFC<GapProps>;
 export declare const useEffectCustom: (fn: EffectCallback, deps: DependencyList) => void;
 export declare const useEffectCustomAsync: (fn: () => Promise<void>, deps: DependencyList) => void;
 export interface ModalStateType {
@@ -201,6 +230,11 @@ export declare const ModalWraper: FC<ModalFormProps>;
  * ```
  */
 export declare const createModalWraperModel: (key: string) => API<ModelType<ModalStateType, ModalActionsParamType, any>>;
+export declare type PageFixedFooterProps = {
+	className?: string;
+	style?: CSSProperties;
+};
+export declare const PageFixedFooter: FC<PageFixedFooterProps>;
 export declare const Page404: () => JSX.Element;
 export declare const getPermissionList: () => string[];
 export declare const hasPermission: (name: string) => boolean;
@@ -208,6 +242,97 @@ export interface PermissionProps {
 	name: string;
 }
 export declare const Permission: FC<PermissionProps>;
+export declare type TPlainObject<T = any> = Record<string, T>;
+export declare type LabelValueItem<T extends string | number = string> = {
+	value: T;
+	label: string;
+};
+export declare type SelectorServiceConfig = {
+	params?: TPlainObject;
+	requiredParamsKeys?: string[];
+	fieldNames?: {
+		label: string;
+		value: string;
+	};
+	onRequest?: (params?: any) => any;
+	/**
+	 * 响应数据适配器
+	 */
+	onRequestResultAdapter?: (respData: TPlainObject) => TPlainObject[];
+};
+export declare type SelectorWrapperProps = SelectProps & {
+	effectDependencyList?: DependencyList[];
+	/**
+	 * 请求服务需求的数据，当设置`selectorList`后无效果
+	 */
+	serviceConfig?: SelectorServiceConfig;
+	/**
+	 * 当设置selectorList后，serviceConfig、operateType=search、onSelectorListChange将失效
+	 */
+	selectorList?: LabelValueItem<string | number>[];
+	/**
+	 * 通过服务获取数据后回调，当设置`selectorList`后无效果
+	 */
+	onSelectorListChange?: (selectorList: LabelValueItem<string | number>[]) => void;
+	showAllOption?: true | JSX.Element;
+	/**
+	 * 输入操作类型，默认值：filter
+	 * ```
+	 * 1. search：根据输入项去服务端查询
+	 * 2. filter：初始化已查询数据，根据输入内容筛选
+	 * 3. 在设置`selectorList`后，operateType=search将失效
+	 * ```
+	 */
+	operateType?: "search" | "filter";
+	searchFieldName?: string;
+};
+export declare type SelectorWrapperRefApi = {
+	onClearSelectorList: () => void;
+	getSelectorList: () => LabelValueItem<string | number>[];
+};
+/**
+ * 选择器包装组件
+ * @param props
+ * @returns
+ * ```
+ * 1. 当设置selectorList属性后，serviceConfig、operateType=search、onSelectorListChange将失效
+ * 2. operateType=search状态下，回填数据查询接口时，会在接口中默认添加id字段（id的值为回填的值）
+ * ```
+ */
+export declare const SelectorWrapper: import("react").ForwardRefExoticComponent<SelectProps<any, import("rc-select/lib/Select").DefaultOptionType> & {
+	effectDependencyList?: DependencyList[] | undefined;
+	/**
+	 * 请求服务需求的数据，当设置`selectorList`后无效果
+	 */
+	serviceConfig?: SelectorServiceConfig | undefined;
+	/**
+	 * 当设置selectorList后，serviceConfig、operateType=search、onSelectorListChange将失效
+	 */
+	selectorList?: LabelValueItem<string | number>[] | undefined;
+	/**
+	 * 通过服务获取数据后回调，当设置`selectorList`后无效果
+	 */
+	onSelectorListChange?: ((selectorList: LabelValueItem<string | number>[]) => void) | undefined;
+	showAllOption?: true | JSX.Element | undefined;
+	/**
+	 * 输入操作类型，默认值：filter
+	 * ```
+	 * 1. search：根据输入项去服务端查询
+	 * 2. filter：初始化已查询数据，根据输入内容筛选
+	 * 3. 在设置`selectorList`后，operateType=search将失效
+	 * ```
+	 */
+	operateType?: "search" | "filter" | undefined;
+	searchFieldName?: string | undefined;
+} & import("react").RefAttributes<SelectorWrapperRefApi>>;
+export declare type SimpleLayoutProps = {
+	className?: string;
+	style?: CSSProperties;
+	title?: string | ReactElement;
+	formLabelAlign?: "left" | "right";
+	layoutType?: "layer" | "tight";
+};
+export declare const SimpleLayout: FC<SimpleLayoutProps>;
 export interface SmsCountDownProps {
 	onSendRequest: () => Promise<void>;
 	totalTicks?: number;
@@ -245,5 +370,103 @@ declare const Table: FC<{
 declare const Footer: FC<{
 	className?: string;
 }>;
+export declare type TreeSelectorServiceConfig = {
+	params?: TPlainObject;
+	requiredParamsKeys?: string[];
+	onRequest?: (params?: any) => any;
+	/**
+	 * 响应数据适配器
+	 */
+	onRequestResultAdapter?: (respData: TPlainObject) => any[];
+};
+export declare type TreeSelectorWrapperProps = TreeSelectProps & {
+	effectDependencyList?: DependencyList[];
+	/**
+	 * 请求服务需求的数据，当设置`treeSelectorList`后无效果
+	 */
+	serviceConfig?: TreeSelectorServiceConfig;
+	/**
+	 * 当设置treeSelectorList后，serviceConfig、onTreeSelectorListChange将失效
+	 */
+	treeSelectorList?: TreeSelectProps["treeData"];
+	/**
+	 * 通过服务获取数据后回调，当设置`treeSelectorList`后无效果
+	 */
+	onTreeSelectorListChange?: (treeSelectorList?: TreeSelectProps["treeData"]) => void;
+};
+export declare type TreeSelectorWrapperRefApi = {
+	onClearSelectorList: () => void;
+	getTreeSelectorList: () => TreeSelectProps["treeData"];
+};
+/**
+ * 树选择器包装组件
+ * @param props
+ * @returns
+ * ```
+ * 1. 当设置treeSelectorList属性后，serviceConfig、onTreeSelectorListChange将失效
+ * ```
+ */
+export declare const TreeSelectorWrapper: import("react").ForwardRefExoticComponent<TreeSelectProps<any, import("rc-tree-select/lib/TreeSelect").DefaultOptionType> & {
+	effectDependencyList?: DependencyList[] | undefined;
+	/**
+	 * 请求服务需求的数据，当设置`treeSelectorList`后无效果
+	 */
+	serviceConfig?: TreeSelectorServiceConfig | undefined;
+	/**
+	 * 当设置treeSelectorList后，serviceConfig、onTreeSelectorListChange将失效
+	 */
+	treeSelectorList?: TreeSelectProps["treeData"];
+	/**
+	 * 通过服务获取数据后回调，当设置`treeSelectorList`后无效果
+	 */
+	onTreeSelectorListChange?: ((treeSelectorList?: TreeSelectProps["treeData"]) => void) | undefined;
+} & import("react").RefAttributes<TreeSelectorWrapperRefApi>>;
+export declare type TreeServiceConfig = {
+	params?: TPlainObject;
+	requiredParamsKeys?: string[];
+	onRequest?: (params?: any) => any;
+	/**
+	 * 响应数据适配器
+	 */
+	onRequestResultAdapter?: (respData: any) => TPlainObject[];
+};
+export declare type TreeWrapperProps = TreeProps & {
+	effectDependencyList?: DependencyList[];
+	/**
+	 * 请求服务需求的数据，当设置`selectorTreeList`后无效果
+	 */
+	serviceConfig?: TreeServiceConfig;
+	/**
+	 * 当设置selectorTreeList后，serviceConfig将失效
+	 */
+	selectorTreeList?: TreeProps["treeData"];
+	value?: string | number | Array<string | number>;
+	onChange?: (selectedKey: string | number | Array<string | number>) => void;
+};
+export declare type TreeWrapperRefApi = {
+	onClearSelectorList: () => void;
+	getTreeDataList: () => TreeProps["treeData"];
+};
+/**
+ * 树包装组件
+ * @param props
+ * @returns
+ * ```
+ * 1. 当设置selectorTreeList属性后，serviceConfig、onSelectorListChange将失效
+ * ```
+ */
+export declare const TreeWrapper: import("react").ForwardRefExoticComponent<TreeProps<import("antd").TreeDataNode> & {
+	effectDependencyList?: DependencyList[] | undefined;
+	/**
+	 * 请求服务需求的数据，当设置`selectorTreeList`后无效果
+	 */
+	serviceConfig?: TreeServiceConfig | undefined;
+	/**
+	 * 当设置selectorTreeList后，serviceConfig将失效
+	 */
+	selectorTreeList?: TreeProps["treeData"];
+	value?: string | number | (string | number)[] | undefined;
+	onChange?: ((selectedKey: string | number | Array<string | number>) => void) | undefined;
+} & import("react").RefAttributes<TreeWrapperRefApi>>;
 
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@flatbiz/antd",
-	"version": "2.3.5",
+	"version": "2.3.13",
 	"description": "flat-biz oss ui components",
 	"main": "index.js",
 	"typings": "index.d.ts",
@@ -39,5 +39,5 @@
 		"@flatbiz/utils": "^2.3.4",
 		"@wove/react": "^1.2.9"
 	},
-	"gitHead": "1283db5f00fb895b21c136a179917d5c807046f1"
+	"gitHead": "4c9ce823cb87510c28dd2957bfb920f3dddcddd2"
 }