@flatbiz/antd 4.2.94 → 4.2.96

package/index.d.ts

@@ -3,7 +3,6 @@
 /// <reference types="scheduler" />
 
 import { API, ModelType } from '@dimjs/model';
-import { PlainObject } from '@dimjs/utils';
 import { DateFormatType, TAny, TNoopDefine, TPlainObject } from '@flatbiz/utils';
 import { IAllProps } from '@tinymce/tinymce-react';
 import { AlertProps, ButtonProps, CardProps, CascaderProps, CheckboxProps, CollapseProps, ColorPickerProps, DrawerProps, DropdownProps, FormInstance, FormItemProps, FormListFieldData, FormListOperation, InputNumberProps, InputProps, ModalProps, PaginationProps, PopconfirmProps, PopoverProps, RadioGroupProps, RowProps, SelectProps, SpaceProps, SwitchProps, TableProps, TabsProps, TagProps, TimePickerProps, TimeRangePickerProps, TooltipProps, TreeProps, TreeSelectProps, UploadProps } from 'antd';
@@ -547,7 +546,31 @@ export type DateRangePickerWrapperProps = Omit<RangePickerDateProps<TAny>, "valu
  * ```
  */
 export declare const DateRangePickerWrapper: (props: DateRangePickerWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export type DateRangePickerWrapperFormItemProps = Omit<FormItemProps, "name"> & {
+export interface FormItemWrapperProps extends FormItemProps {
+	wrapper?: (children: ReactNode) => ReactElement;
+	/** 设置wrapper后，before、after失效 */
+	before?: ReactNode;
+	/** 设置wrapper后，before、after失效 */
+	after?: ReactNode;
+	/** value 序列化处理 */
+	inputNormalize?: (value?: TAny) => TAny;
+	/**
+	 * onChange 参数序列化处理
+	 * 如果设置 normalize 属性，outputNormalize将失效
+	 */
+	outputNormalize?: (value?: TAny) => TAny;
+	/** 是否清楚 Form.Item  */
+	isClear?: boolean;
+}
+/**
+ * 对 Form.Item 包装处理
+ * ```
+ * 1. 为 children 增加 before、after
+ * 2. 对输入、输出数据进行序列化处理
+ * ```
+ */
+export declare const FormItemWrapper: (props: FormItemWrapperProps) => import("react/jsx-runtime").JSX.Element | null;
+export type DateRangePickerWrapperFormItemProps = Omit<FormItemWrapperProps, "name"> & {
 	/**
 	 * 开始的时间name
 	 */
@@ -790,6 +813,7 @@ export type DragCollapseFormListProps = {
 	content: (data: DragCollapseFormListContentProps) => ReactElement;
 	/** 设置面板禁止拖拽   */
 	getItemDragDisabled?: (uid: string | number, index: number) => boolean;
+	rules?: FormListProps["rules"];
 };
 /**
  * 可拖拽 折叠面板+FormList
@@ -829,6 +853,7 @@ export type DragFormListContentProps = {
 export type DragFormListProps = {
 	className?: string;
 	style?: CSSProperties;
+	itemStyle?: CSSProperties;
 	/** formList item 数据中的唯一值，默认值：uid */
 	uidFieldName?: string;
 	/** formList name */
@@ -863,6 +888,7 @@ export type DragFormListProps = {
 	formListChildrenWrapper?: (props: {
 		children: ReactElement;
 	}) => ReactElement;
+	rules?: FormListProps["rules"];
 };
 /**
  * 可拖拽FormList
@@ -1721,10 +1747,11 @@ export type EditableTableRefApi = {
  * demo：https://fex.qa.tcshuke.com/docs/admin/main/table/row-editable1
  * @param props
  * ```
- * 1. table children column 不可编辑
- * 2. 当存在折叠children数据时，组件会在children中内置_isChildrenItem字段
- * 3. 可通过tableChildrenColumnRender自定义渲染 table children column 显示
- * 4. 设置 rowSelection 后，rowSelection.onChange 通过 ref 的 getTableItemDataByFormListItemKey获取数据
+ * 1. 通过 tableProps 设置Table属性，table size默认：small
+ * 2. Table children column 不可编辑
+ * 3. 当存在折叠children数据时，组件会在children中内置_isChildrenItem字段
+ * 4. 可通过tableChildrenColumnRender自定义渲染 table children column 显示
+ * 5. 设置 rowSelection 后，rowSelection.onChange 通过 ref 的 getTableItemDataByFormListItemKey获取数据
  * ```
  */
 export declare const EditableTable: import("react").ForwardRefExoticComponent<EditableTableProps & import("react").RefAttributes<EditableTableRefApi>>;
@@ -2076,47 +2103,74 @@ export declare const FormItemGroup: {
 	Card: import("react").FC<FormItemCardProps>;
 };
 export type FormItemHiddenProps = {
-	name: string | Array<string | number>;
+	name: FormItemProps["name"];
 };
 export declare const FormItemHidden: (props: FormItemHiddenProps) => import("react/jsx-runtime").JSX.Element;
-export type FormItemTextProps = FormItemProps & {
+export type FormItemTextServiceConfig = {
+	onRequest: (params?: TAny) => Promise<TAny>;
+	params?: TPlainObject;
+	/** 标记serviceConfig.params中无效参数，被设置的params key 不传入服务接口入参  */
+	invalidParamKey?: string[];
+	/**
+	 * 如果没有配置 render，返回结果会直接进行dom渲染，如果非string类型会进行JSON.stringify处理
+	 */
+	onResponseAdapter?: (respData?: TAny, value?: TAny) => TAny;
+	/** 必须参数key列表，与params配合使用 */
+	requiredParamsKeys?: string[];
+};
+export type FormItemTextProps = FormItemWrapperProps & {
 	/** 是否换行，默认不换行，超出省略（鼠标悬浮可显示） */
 	wrap?: boolean;
 	/** 自定义数据显示 */
-	render?: (value?: TAny) => string;
+	render?: (value?: TAny) => ReactNode;
 	/** 占位值，当 value 为 ''、undefined、null时显示 */
 	placeholderValue?: string;
+	serviceConfig?: FormItemTextServiceConfig;
 };
 /**
  * FormItem 文本显示，默认不换行，超出省略（鼠标悬浮可显示）
- * @param props
- * @returns
- */
-export declare const FormItemText: (props: FormItemTextProps) => import("react/jsx-runtime").JSX.Element;
-export interface FormItemWrapperProps extends FormItemProps {
-	wrapper?: (children: ReactNode) => ReactElement;
-	/** 设置wrapper后，before、after失效 */
-	before?: ReactNode;
-	/** 设置wrapper后，before、after失效 */
-	after?: ReactNode;
-	/** value 序列化处理 */
-	inputNormalize?: (value?: TAny) => TAny;
-	/**
-	 * onChange 参数序列化处理
-	 * 如果设置 normalize 属性，outputNormalize将失效
-	 */
-	outputNormalize?: (value?: TAny) => TAny;
-	/** 是否清楚 Form.Item  */
-	isClear?: boolean;
-}
-/**
- * 对 Form.Item 包装处理
  * ```
- * 1. 为 children 增加 before、after
- * 2. 对输入、输出数据进行序列化处理
+ * 可通过配置 serviceConfig 通过接口获取数据，一般用于 Select 数据显示
+ *
+ * 例如：
+ * 1. 基本数据渲染
+ * <FormItemText name="xxx" label="xxx" />
+ * 2. 对象数据渲染
+ * <FormItemText
+ *   name="xxx"
+ *   label="xxx"
+ *   render={(value) => {
+ *     const target = [].find(
+ *       (item) => item.value === value,
+ *     );
+ *     return target ? (
+ *       <Tag color={target['color']}>{target.label}</Tag>
+ *     ) : null;
+ *   }}
+ * />
+ * 3. 接口数据渲染
+ * <FormItemText
+ *   name="xxx"
+ *   label="xxx"
+ *   serviceConfig={{
+ *     onRequest: () => {
+ *       return serviceHandle.request('/random/api9468', {}, 'post');
+ *     },
+ *     onResponseAdapter: (dataList: TPlainObject[], value) => {
+ *       return dataList?.find((item) => item.value === value);
+ *     },
+ *   }}
+ *   render={(dataItem) => {
+ *     return dataItem ? (
+ *       <Tag style={{ margin: 0 }} color={dataItem['color']}>
+ *         {dataItem.label}
+ *       </Tag>
+ *     ) : null;
+ *   }}
+ * />
  * ```
  */
-export declare const FormItemWrapper: (props: FormItemWrapperProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const FormItemText: (props: FormItemTextProps) => import("react/jsx-runtime").JSX.Element;
 export type FormListWrapperContentProps = {
 	/** Form.List item fieldData */
 	formListFieldData: FormListFieldData;
@@ -2645,7 +2699,7 @@ export interface ISearchMenuProps {
 	 * 目前只支持单选
 	 */
 	value?: string;
-	onChange?: (key: string, keyPath: string[], targetItem?: PlainObject) => void;
+	onChange?: (key: string, targetItem?: TPlainObject) => void;
 	/** 树型源数据 */
 	dataSource: TPlainObject[];
 	/** 惰性搜索 */
@@ -2659,20 +2713,35 @@ export interface ISearchMenuProps {
 		children?: string;
 	};
 	/** 自定义渲染条目 */
-	renderItem?: FC<TAny>;
+	renderItem?: (nodeData: TPlainObject) => ReactElement;
 	/** 搜索框参数 */
 	inputProps?: InputSearchWrapperProps;
+	/** 搜索位置额外元素 */
+	searchExtraElement?: ReactElement;
 	placeholder?: string;
 	className?: string;
-	wrapStyle?: React.CSSProperties;
-	style?: React.CSSProperties;
+	wrapStyle?: CSSProperties;
+	style?: CSSProperties;
+	searchStyle?: CSSProperties;
+}
+export interface IListViewItem {
+	label: ReactNode;
+	key: string;
+}
+export interface IListViewProps {
+	dataList: IListViewItem[];
+	value?: string;
+	onChange?: (key: string, item: IListViewItem) => void;
+	style?: CSSProperties;
+	/** 自定义空数据提示 */
+	emptyView?: ReactElement;
 }
 /**
  * 列表搜索
  * @param props
  * @returns
  */
-export declare function SearchMenu(props: ISearchMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function SearchMenu(props: ISearchMenuProps & Pick<IListViewProps, "emptyView">): import("react/jsx-runtime").JSX.Element;
 export type SelectorWrapperSearchServiceConfig = {
 	params?: TPlainObject;
 	onRequest: (params?: TAny) => TAny;
@@ -3252,6 +3321,27 @@ export type TextOverflowRenderProps = {
  * @returns
  */
 export declare const TextOverflowRender: (props: TextOverflowRenderProps) => import("react/jsx-runtime").JSX.Element;
+export type TextSymbolWrapperProps = {
+	symbolType?: "required";
+	/** 自定义标记符号，优先级大于 symbolType */
+	symbol?: string;
+	/** 标记位置，默认：brefore */
+	position?: "before" | "after";
+	text?: string | ReactElement;
+	symbolStyle?: CSSProperties;
+	onSymbolClick?: (event: any) => void;
+	className?: string;
+	style?: CSSProperties;
+	/** 只隐藏符号，不隐藏文案 */
+	hiddenSymbol?: boolean;
+};
+/**
+ * 为文字添加符号，例如：必填符号
+ * ```
+ * 例如： <TextSymbolWrapper text={'用户名'} symbolType="required" />
+ * ```
+ */
+export declare const TextSymbolWrapper: (props: TextSymbolWrapperProps) => import("react/jsx-runtime").JSX.Element;
 export type TimePickerWrapperProps = Omit<TimePickerProps, "value" | "onChange" | "format"> & {
 	value?: string;
 	onChange?: (value?: string) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatbiz/antd",
-  "version": "4.2.94",
+  "version": "4.2.96",
   "description": "flat-biz ui components",
   "main": "index.js",
   "typings": "index.d.ts",
@@ -63,7 +63,8 @@
     "@dnd-kit/modifiers": "^6.0.1",
     "@dnd-kit/sortable": "^7.0.2",
     "@dnd-kit/utilities": "^3.2.1",
-    "use-intl": "3.0.0-rc.6"
+    "use-intl": "3.0.0-rc.6",
+    "react-split": "2.0.14"
   },
   "gitHead": "4378d433b73ee28fd7cb4c64bed8571f993eb5a9"
 }

package/esm/index-ac189a77.js

@@ -1,3 +0,0 @@
-/*! @flatjs/forge MIT @flatbiz/antd */
-import{extend as e}from"@dimjs/utils/cjs/extend";var r={TreeWrapper:{requestError:"数据加载异常..."},FbaDialogModal:{cancelText:"cancel"}};var a={TreeWrapper:{requestError:"数据加载异常..."},FbaDialogModal:{cancelText:"取消"}};var o=function o(l,n){var s=a;if(l==="en"){s=r}window["__fba_locale_message"]=e(true,{},s,n)};var l=function e(){var r=window["__fba_locale_message"];return r||{}};export{l as g,o as s};
-//# sourceMappingURL=index-ac189a77.js.map

package/esm/index-ac189a77.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-ac189a77.js","sources":["@flatbiz/antd/src/_utils/i18n/en.ts","@flatbiz/antd/src/_utils/i18n/zh-cn.ts","@flatbiz/antd/src/_utils/i18n/index.ts"],"sourcesContent":["import { TFbaLocale } from '../../types';\n\nexport const en: TFbaLocale = {\n  TreeWrapper: {\n    /** 数据加载异常，默认文案 */\n    requestError: '数据加载异常...',\n  },\n  FbaDialogModal: {\n    cancelText: 'cancel',\n  },\n};\n","import { TFbaLocale } from '../../types';\n\nexport const zhCn: TFbaLocale = {\n  TreeWrapper: {\n    /** 数据加载异常，默认文案 */\n    requestError: '数据加载异常...',\n  },\n  FbaDialogModal: {\n    cancelText: '取消',\n  },\n};\n","import { extend } from '@dimjs/utils';\nimport { TFbaLocale, TLocale } from '../../types';\nimport { en } from './en';\nimport { zhCn } from './zh-cn';\n\n/**\n * 设置 @flatbiz/antd中的国际化语言\n * @param locale\n * @param customLocaleMessage\n */\nexport const setFbaLocaleMessage = (locale: TLocale, customLocaleMessage?: Partial<TFbaLocale>) => {\n  let localeMessage = zhCn;\n  if (locale === 'en') {\n    localeMessage = en;\n  }\n  window['__fba_locale_message'] = extend(true, {}, localeMessage, customLocaleMessage);\n};\n\n/**\n * 读取 @flatbiz/antd中的国际化语言\n * @param key\n * @returns\n */\nexport const getFbaLocaleMessage = () => {\n  const localeMessage = window['__fba_locale_message'] as TFbaLocale;\n  return localeMessage || {};\n};\n"],"names":["en","TreeWrapper","requestError","FbaDialogModal","cancelText","zhCn","setFbaLocaleMessage","locale","customLocaleMessage","localeMessage","window","_extend","getFbaLocaleMessage"],"mappings":";iDAEO,IAAMA,EAAiB,CAC5BC,YAAa,CAEXC,aAAc,aAEhBC,eAAgB,CACdC,WAAY,WCNT,IAAMC,EAAmB,CAC9BJ,YAAa,CAEXC,aAAc,aAEhBC,eAAgB,CACdC,WAAY,OCET,IAAME,EAAsB,SAAtBA,EAAuBC,EAAiBC,GACnD,IAAIC,EAAgBJ,EACpB,GAAIE,IAAW,KAAM,CACnBE,EAAgBT,CAClB,CACAU,OAAO,wBAA0BC,EAAO,KAAM,GAAIF,EAAeD,EACnE,MAOaI,EAAsB,SAAtBA,IACX,IAAMH,EAAgBC,OAAO,wBAC7B,OAAOD,GAAiB,CAAA,CAC1B"}