@xxlabs/antd-plus 1.1.0 → 1.2.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as antd0 from "antd";
 import { AffixProps, AvatarProps, BadgeProps, Breadcrumb, BreadcrumbProps, ButtonProps, CascaderProps, CheckboxProps, ColProps, ColorPickerProps, DatePickerProps, DescriptionsProps, DividerProps, DrawerProps, Form, FormInstance, FormItemProps, FormProps, ImageProps, InputNumberProps, InputProps, ListProps, MenuItemProps, MenuProps, ModalProps, PopoverProps, ProgressProps, Radio, RadioGroupProps, RadioProps, RateProps, RowProps, SegmentedProps, SelectProps, SiderProps, SliderSingleProps, SpaceProps, SpinProps, StatisticProps as StatisticProps$1, StepsProps, SwitchProps, TabPaneProps, TableColumnType, TablePaginationConfig, TableProps, TabsProps, TagType, TimeRangePickerProps, TreeSelectProps, UploadProps, WatermarkProps, theme } from "antd";
-import * as react11 from "react";
+import * as react2 from "react";
 import { AnchorHTMLAttributes, CSSProperties, Component, ComponentClass, Context, DependencyList, Dispatch, EffectCallback, FC, ForwardRefExoticComponent, HTMLAttributes, JSX, Key, MouseEvent, MouseEventHandler, PropsWithChildren, ReactElement, ReactNode, Ref, RefObject, SetStateAction } from "react";
 import { CSSInterpolation, CSSObject } from "@ant-design/cssinjs";
 import dayjs from "dayjs";
@@ -742,7 +742,7 @@ declare const operationUnit: (token: ProAliasToken) => CSSObject;
  * @returns UseStyleResult
  */
 declare function useStyle(componentName: string, styleFn: (token: ProAliasToken) => CSSInterpolation): {
-  wrapSSR: (node: ReactElement) => ReactElement<unknown, string | react11.JSXElementConstructor<any>>;
+  wrapSSR: (node: ReactElement) => ReactElement<unknown, string | react2.JSXElementConstructor<any>>;
   hashId: string;
 };
 //#endregion
@@ -843,7 +843,7 @@ type ConfigContextPropsType = {
   dark?: boolean;
   prefixCls?: string;
 };
-declare const ConfigConsumer: react11.Consumer<ConfigContextPropsType>;
+declare const ConfigConsumer: react2.Consumer<ConfigContextPropsType>;
 /**
  * 用于配置 Pro 的一些全局性的东西
  * @param props
@@ -869,7 +869,7 @@ declare const ProConfigProvider: FC<{
  * @returns The return value of the function is the intl object.
  */
 declare function useIntl(): IntlType;
-declare const ProProvider: react11.Context<ConfigContextPropsType>;
+declare const ProProvider: react2.Context<ConfigContextPropsType>;
 //#endregion
 //#region src/utils/components/DropdownFooter/index.d.ts
 type LightFilterFooterRender$1 = ((onConfirm?: ButtonProps['onClick'], onClear?: ButtonProps['onClick']) => JSX.Element | false) | false;
@@ -898,7 +898,7 @@ declare class ErrorBoundary extends Component<{
     errorInfo: string;
   };
   componentDidCatch(): void;
-  render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react11.ReactPortal | react11.ReactElement<unknown, string | react11.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime18.JSX.Element | null | undefined;
+  render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react2.ReactPortal | react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime18.JSX.Element | null | undefined;
 }
 //#endregion
 //#region src/utils/components/FieldLabel/index.d.ts
@@ -923,7 +923,7 @@ type FieldLabelProps = {
    */
   onLabelClick?: () => void;
 };
-declare const FieldLabel: react11.ForwardRefExoticComponent<FieldLabelProps & react11.RefAttributes<any>>;
+declare const FieldLabel: react2.ForwardRefExoticComponent<FieldLabelProps & react2.RefAttributes<any>>;
 //#endregion
 //#region src/utils/components/FilterDropdown/index.d.ts
 type FooterRender = ((onConfirm?: ButtonProps['onClick'], onClear?: ButtonProps['onClick']) => JSX.Element | false) | false;
@@ -1009,7 +1009,7 @@ type ProFormInstanceType<T> = {
    */
   validateFieldsReturnFormatValue?: (nameList?: NamePath[]) => Promise<T>;
 };
-declare const ProFormContext: react11.Context<ProFormInstanceType<any> & {
+declare const ProFormContext: react2.Context<ProFormInstanceType<any> & {
   formRef?: RefObject<FormInstance<any>>;
 }>;
 //#endregion
@@ -1764,7 +1764,7 @@ declare const dateArrayFormatter: (value: any[], format: FormatType | FormatType
  * @param item
  * @param text
  */
-declare const genCopyable: (dom: ReactNode, item: any, text: string) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react11.ReactPortal | react11.ReactElement<unknown, string | react11.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime18.JSX.Element | null | undefined;
+declare const genCopyable: (dom: ReactNode, item: any, text: string) => string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react2.ReactPortal | react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime18.JSX.Element | null | undefined;
 //#endregion
 //#region src/utils/getFieldPropsOrFormItemProps/index.d.ts
 /**
@@ -2770,7 +2770,7 @@ type CaptFieldRef = {
   /** 结束计时 */
   endTiming: () => void;
 };
-declare const ProFormCaptcha: react11.ComponentClass<{
+declare const ProFormCaptcha: react2.ComponentClass<{
   fieldProps?: Partial<FieldProps<any> & InputProps> | undefined;
   placeholder?: string | string[];
   secondary?: boolean;
@@ -2781,7 +2781,7 @@ declare const ProFormCaptcha: react11.ComponentClass<{
   proFieldProps?: ProFieldProps;
   footerRender?: LightFilterFooterRender;
   children?: any;
-  ref?: react11.Ref<any>;
+  ref?: react2.Ref<any>;
 } & Omit<ProFormItemProps, "valueType"> & Pick<ProFormGridConfig, "colProps"> & ExtendsProps & {
   /** @name 倒计时的秒数 */
   countDown?: number;
@@ -2801,7 +2801,7 @@ declare const ProFormCaptcha: react11.ComponentClass<{
 } & {
   getFormItemProps?: () => Record<string, any>;
   getFieldProps?: () => Record<string, any>;
-}, any> | react11.FunctionComponent<{
+}, any> | react2.FunctionComponent<{
   fieldProps?: Partial<FieldProps<any> & InputProps> | undefined;
   placeholder?: string | string[];
   secondary?: boolean;
@@ -2812,7 +2812,7 @@ declare const ProFormCaptcha: react11.ComponentClass<{
   proFieldProps?: ProFieldProps;
   footerRender?: LightFilterFooterRender;
   children?: any;
-  ref?: react11.Ref<any>;
+  ref?: react2.Ref<any>;
 } & Omit<ProFormItemProps, "valueType"> & Pick<ProFormGridConfig, "colProps"> & ExtendsProps & {
   /** @name 倒计时的秒数 */
   countDown?: number;
@@ -3049,7 +3049,7 @@ type ProFormFieldProps<T = any, FiledProps = Record<string, any>> = ProSchema<T,
 declare const ProFormField: <FiledProps, DataType = Record<string, any>>(props: ProFormFieldProps<DataType, FiledProps>) => ReactElement;
 //#endregion
 //#region src/form/components/FormItem/index.d.ts
-declare const FormItemProvide: react11.Context<{
+declare const FormItemProvide: react2.Context<{
   name?: NamePath;
   label?: ReactNode;
 }>;
@@ -3185,7 +3185,7 @@ type FormControlInjectProps = ReturnType<typeof Form.Item.useStatus> & {
  */
 declare function FormControlRender(props: WithControlPropsType<{
   children: (props: FormControlInjectProps) => ReactElement;
-}>): ReactElement<unknown, string | react11.JSXElementConstructor<any>>;
+}>): ReactElement<unknown, string | react2.JSXElementConstructor<any>>;
 /**
  * 提取props中的 value 和 onChange 属性
  */
@@ -3245,7 +3245,7 @@ declare const ProFormItemRender: FC<Omit<antd0.FormItemProps<any> & {
 } & {
   addonBefore?: ReactNode;
   addonAfter?: ReactNode;
-  addonWarpStyle?: react11.CSSProperties;
+  addonWarpStyle?: react2.CSSProperties;
   convertValue?: SearchConvertKeyFn;
   help?: ReactNode | ((params: {
     errors: ReactNode[];
@@ -3476,7 +3476,7 @@ type ProFromListCommonProps = {
 };
 //#endregion
 //#region src/form/components/List/index.d.ts
-declare const FormListContext: react11.Context<Record<string, any> | (FormListFieldData & {
+declare const FormListContext: react2.Context<Record<string, any> | (FormListFieldData & {
   listName: NamePath;
 })>;
 type FormListActionType<T = any> = FormListOperation & {
@@ -3548,7 +3548,7 @@ type ProFormListProps<T> = Omit<FormListProps, 'children' | 'rules'> & ProFromLi
   className?: string;
   readonly?: boolean;
 } & Pick<ProFormGridConfig, 'colProps' | 'rowProps'>;
-declare function ProFormList<T>(props: ProFormListProps<T>): react11.ReactElement<unknown, string | react11.JSXElementConstructor<any>> | null;
+declare function ProFormList<T>(props: ProFormListProps<T>): react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>> | null;
 //#endregion
 //#region src/form/components/Money/index.d.ts
 type ProFormMoneyProps = ProFormFieldItemProps<Omit<FieldMoneyProps, 'valueType' | 'text'> & InputNumberProps<number>> & {
@@ -3572,33 +3572,33 @@ type ProFormRadioGroupProps = ProFormFieldItemProps<RadioGroupProps, HTMLDivElem
   options?: RadioGroupProps['options'];
 } & ProFormFieldRemoteProps;
 declare const RadioGroup: FC<ProFormRadioGroupProps>;
-declare const ProFormRadio: react11.ComponentClass<{
+declare const ProFormRadio: react2.ComponentClass<{
   fieldProps?: Partial<FieldProps<any> & RadioProps> | undefined;
   placeholder?: string | string[];
   secondary?: boolean;
-  emptyText?: react11.ReactNode;
+  emptyText?: react2.ReactNode;
   cacheForSwr?: boolean;
   disabled?: boolean;
   width?: number | "sm" | "md" | "xl" | "xs" | "lg";
   proFieldProps?: ProFieldProps;
   footerRender?: LightFilterFooterRender;
   children?: any;
-  ref?: react11.Ref<any>;
+  ref?: react2.Ref<any>;
 } & Omit<ProFormItemProps, "valueType"> & Pick<ProFormGridConfig, "colProps"> & ExtendsProps & {
   getFormItemProps?: () => Record<string, any>;
   getFieldProps?: () => Record<string, any>;
-}, any> | react11.FunctionComponent<{
+}, any> | react2.FunctionComponent<{
   fieldProps?: Partial<FieldProps<any> & RadioProps> | undefined;
   placeholder?: string | string[];
   secondary?: boolean;
-  emptyText?: react11.ReactNode;
+  emptyText?: react2.ReactNode;
   cacheForSwr?: boolean;
   disabled?: boolean;
   width?: number | "sm" | "md" | "xl" | "xs" | "lg";
   proFieldProps?: ProFieldProps;
   footerRender?: LightFilterFooterRender;
   children?: any;
-  ref?: react11.Ref<any>;
+  ref?: react2.Ref<any>;
 } & Omit<ProFormItemProps, "valueType"> & Pick<ProFormGridConfig, "colProps"> & ExtendsProps & {
   getFormItemProps?: () => Record<string, any>;
   getFieldProps?: () => Record<string, any>;
@@ -3622,16 +3622,16 @@ declare function ProForm<T = Record<string, any>>(props: ProFormProps<T> & {
   children?: ReactNode | ReactNode[];
 }): react_jsx_runtime18.JSX.Element;
 declare namespace ProForm {
-  var Group: react11.FC<ProFormBaseGroupProps & ProFormGridConfig & {
-    ref?: react11.Ref<any>;
+  var Group: react2.FC<ProFormBaseGroupProps & ProFormGridConfig & {
+    ref?: react2.Ref<any>;
   }>;
   var useForm: typeof antd_es_form_Form0.useForm;
-  var Item: react11.FC<ProFormItemProps>;
+  var Item: react2.FC<ProFormItemProps>;
   var useWatch: typeof _rc_component_form0.useWatch;
-  var ErrorList: react11.FC<antd_es_form0.ErrorListProps>;
-  var Provider: react11.FC<antd_es_form_context0.FormProviderProps>;
+  var ErrorList: react2.FC<antd_es_form0.ErrorListProps>;
+  var Provider: react2.FC<antd_es_form_context0.FormProviderProps>;
   var useFormInstance: typeof antd_es_form_hooks_useFormInstance0.default;
-  var EditOrReadOnlyContext: react11.Context<{
+  var EditOrReadOnlyContext: react2.Context<{
     mode: "edit" | "read" | "update";
   }>;
 }
@@ -3687,7 +3687,7 @@ declare function DrawerForm<T = Record<string, any>, U = Record<string, any>>({
   onOpenChange,
   open: propsOpen,
   ...rest
-}: DrawerFormProps<T, U>): react11.ReactElement<unknown, string | react11.JSXElementConstructor<any>>;
+}: DrawerFormProps<T, U>): react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>>;
 //#endregion
 //#region src/form/layouts/LightFilter/index.d.ts
 type LightFilterProps<T, U = Record<string, any>> = {
@@ -3778,7 +3778,7 @@ type LoginFormProps<T> = {
   containerStyle?: CSSProperties;
   otherStyle?: CSSProperties;
 } & Omit<ProFormProps<T>, 'title'>;
-declare function LoginForm<T = Record<string, any>>(props: Partial<LoginFormProps<T>>): react11.ReactElement<unknown, string | react11.JSXElementConstructor<any>>;
+declare function LoginForm<T = Record<string, any>>(props: Partial<LoginFormProps<T>>): react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>>;
 //#endregion
 //#region src/form/layouts/LoginFormPage/index.d.ts
 type LoginFormPageProps<T> = {
@@ -3843,7 +3843,7 @@ type LoginFormPageProps<T> = {
   mainStyle?: CSSProperties;
   otherStyle?: CSSProperties;
 } & Omit<ProFormProps<T>, 'title'>;
-declare function LoginFormPage<T = Record<string, any>>(props: Partial<LoginFormPageProps<T>>): react11.ReactElement<unknown, string | react11.JSXElementConstructor<any>>;
+declare function LoginFormPage<T = Record<string, any>>(props: Partial<LoginFormPageProps<T>>): react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>>;
 //#endregion
 //#region src/form/layouts/ModalForm/index.d.ts
 type ModalFormProps<T = Record<string, any>, U = Record<string, any>> = Omit<FormProps<T>, 'onFinish' | 'title'> & CommonFormProps<T, U> & {
@@ -4009,7 +4009,7 @@ type BaseQueryFilterProps = Omit<ActionsProps, 'submitter' | 'setCollapsed' | 'i
 type QueryFilterProps<T = Record<string, any>, U = Record<string, any>> = Omit<FormProps$1<T>, 'onFinish'> & CommonFormProps<T, U> & BaseQueryFilterProps & {
   onReset?: (values: T) => void;
 };
-declare function QueryFilter<T = Record<string, any>>(props: QueryFilterProps<T>): ReactElement<unknown, string | react11.JSXElementConstructor<any>>;
+declare function QueryFilter<T = Record<string, any>>(props: QueryFilterProps<T>): ReactElement<unknown, string | react2.JSXElementConstructor<any>>;
 //#endregion
 //#region src/form/layouts/StepsForm/StepForm.d.ts
 type StepFormProps<T = Record<string, any>, U = Record<string, any>> = {
@@ -4079,8 +4079,8 @@ declare namespace StepsFormWarp {
 }
 //#endregion
 //#region src/form/layouts/index.d.ts
-declare const ProFormGroup: react11.FC<ProFormBaseGroupProps & ProFormGridConfig & {
-  ref?: react11.Ref<any>;
+declare const ProFormGroup: react2.FC<ProFormBaseGroupProps & ProFormGridConfig & {
+  ref?: react2.Ref<any>;
 }>;
 //#endregion
 //#region src/form/components/SchemaForm/typing.d.ts
@@ -4404,7 +4404,7 @@ type ProFormUploadDraggerProps = ProFormFieldItemProps<DraggerProps> & {
   action?: UploadProps$1['action'];
   accept?: UploadProps$1['accept'];
 };
-declare const ProFormUploadDragger: react11.ComponentClass<{
+declare const ProFormUploadDragger: react2.ComponentClass<{
   fieldProps?: Partial<FieldProps<any> & UploadProps$1<any> & {
     height?: number;
   }> | undefined;
@@ -4417,7 +4417,7 @@ declare const ProFormUploadDragger: react11.ComponentClass<{
   proFieldProps?: ProFieldProps;
   footerRender?: LightFilterFooterRender;
   children?: any;
-  ref?: react11.Ref<any>;
+  ref?: react2.Ref<any>;
 } & Omit<ProFormItemProps, "valueType"> & Pick<ProFormGridConfig, "colProps"> & ExtendsProps & {
   /**
    * @name  上传文件块的图标
@@ -4461,7 +4461,7 @@ declare const ProFormUploadDragger: react11.ComponentClass<{
 } & {
   getFormItemProps?: () => Record<string, any>;
   getFieldProps?: () => Record<string, any>;
-}, any> | react11.FunctionComponent<{
+}, any> | react2.FunctionComponent<{
   fieldProps?: Partial<FieldProps<any> & UploadProps$1<any> & {
     height?: number;
   }> | undefined;
@@ -4474,7 +4474,7 @@ declare const ProFormUploadDragger: react11.ComponentClass<{
   proFieldProps?: ProFieldProps;
   footerRender?: LightFilterFooterRender;
   children?: any;
-  ref?: react11.Ref<any>;
+  ref?: react2.Ref<any>;
 } & Omit<ProFormItemProps, "valueType"> & Pick<ProFormGridConfig, "colProps"> & ExtendsProps & {
   /**
    * @name  上传文件块的图标
@@ -4663,7 +4663,7 @@ type ProFormFieldItemProps<T = Record<string, any>, K$1 = any> = {
 type ProFormFieldRemoteProps = Pick<ProSchema, 'debounceTime' | 'request' | 'valueEnum' | 'params'>;
 //#endregion
 //#region src/form/helpers/grid.d.ts
-declare const GridContext: react11.Context<ProFormGridConfig>;
+declare const GridContext: react2.Context<ProFormGridConfig>;
 //#endregion
 //#region src/form/FieldContext.d.ts
 type FiledContextProps = {
@@ -4684,7 +4684,7 @@ type FiledContextProps = {
   /** 表单的 getPopupContainer 控制 */
   getPopupContainer?: (e: HTMLElement) => ParentNode;
 } & Pick<CommonFormProps, 'formRef' | 'grid'>;
-declare const FieldContext: react11.Context<FiledContextProps>;
+declare const FieldContext: react2.Context<FiledContextProps>;
 //#endregion
 //#region src/layout/components/AppsLogoComponents/types.d.ts
 type AppItemProps = {
@@ -5857,7 +5857,7 @@ type ProHelpDataSource<ValueType = 'text'> = {
  * 该上下文对象通常用于在 React 组件树中共享数据，即可以通过在组件中使用 ProHelpProvide.Provider 包裹一组组件，
  * 将 dataSource 和 valueTypeMap 数据源传递给这些组件，这些组件即可从上下文中获取 dataSource 数据源，实现数据的共享和传递。
  */
-declare const ProHelpProvide: react11.Context<{
+declare const ProHelpProvide: react2.Context<{
   /**
    * 帮助文档的数据源，包含一组帮助文档数据，每个数据包含标题和内容等信息。
    */
@@ -5903,7 +5903,7 @@ type ProHelpContentPanelProps$1 = {
 declare const ProHelpContentPanel: FC<ProHelpContentPanelProps$1>;
 //#endregion
 //#region src/layout/components/Help/ProHelpPanel.d.ts
-declare const SelectKeyProvide: react11.Context<{
+declare const SelectKeyProvide: react2.Context<{
   selectedKey: string | undefined;
   setSelectedKey: (key: string | undefined) => void;
 }>;
@@ -6565,7 +6565,7 @@ type DragTableProps<T, U> = {
   /** @name 拖动排序完成回调 */
   onDragSortEnd?: (beforeIndex: number, afterIndex: number, newDataSource: T[]) => Promise<void> | void;
 } & ProTableProps<T, U>;
-declare function DragSortTable<T extends Record<string, any>, U extends ParamsType = ParamsType, ValueType = 'text'>(props: DragTableProps<T, U>): react11.ReactElement<unknown, string | react11.JSXElementConstructor<any>>;
+declare function DragSortTable<T extends Record<string, any>, U extends ParamsType = ParamsType, ValueType = 'text'>(props: DragTableProps<T, U>): react2.ReactElement<unknown, string | react2.JSXElementConstructor<any>>;
 //#endregion
 //#region src/table/components/Dropdown/index.d.ts
 interface MenuItems extends MenuItemProps {
@@ -6675,7 +6675,7 @@ declare function FieldEditableTable<DataType extends Record<string, any>, Params
 declare namespace FieldEditableTable {
   var RecordCreator: <T = Record<string, any>>(props: RecordCreatorProps<T> & {
     children: JSX.Element;
-  }) => react11.FunctionComponentElement<any>;
+  }) => react2.FunctionComponentElement<any>;
 }
 //#endregion
 //#region src/table/components/EditableTable/CellEditorTable.d.ts
@@ -6729,7 +6729,7 @@ declare class FormSearch<T, U> extends Component<BaseFormProps<T, U> & {
  */
 declare const ProviderTableContainer: {
   <DataType extends Record<string, any>, Params extends ParamsType = ParamsType, ValueType = "text">(props: ProTableProps<DataType, Params, ValueType>): react_jsx_runtime18.JSX.Element;
-  Summary: react11.FC<react11.PropsWithChildren<_rc_component_table_lib_Footer_Summary0.SummaryProps>> & {
+  Summary: react2.FC<react2.PropsWithChildren<_rc_component_table_lib_Footer_Summary0.SummaryProps>> & {
     Row: React.FC<React.PropsWithChildren<_rc_component_table_lib_Footer_Row0.FooterRowProps>>;
     Cell: React.FC<React.PropsWithChildren<_rc_component_table_lib_Footer_Cell0.SummaryCellProps>>;
   };

package/dist/index.js

@@ -14943,7 +14943,7 @@ const BaseProFormField = (props) => {
 	if (childrenRender) return childrenRender;
 	const mode = proFieldProps$1?.mode || modeContext.mode || "edit";
 	const token = theme.useToken();
-	if (mode === "read") return /* @__PURE__ */ jsx("div", {
+	if (proFieldProps$1?.readonly) return /* @__PURE__ */ jsx("div", {
 		style: {
 			padding: token.cssVar.paddingXXS,
 			borderRadius: token.cssVar.borderRadius,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xxlabs/antd-plus",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "MIT",
   "sideEffects": false,
   "type": "module",