@zat-design/sisyphus-react 3.11.13 → 3.11.14-beta.10

package/es/ProTreeModal/propsType.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, CSSProperties } from 'react';
 import { Service, Options } from 'ahooks/lib/useRequest/src/types';
-import { ProFormOtherProps } from '../ProForm/propsType';
+import { ProFormOtherType } from '../ProForm/propsType';
 export interface TreeDataProps {
     label: string;
     value: string;
@@ -74,7 +74,7 @@ export interface ProTreeModalProps {
     style?: CSSProperties;
     /** tags 集合 */
     tags?: string[];
-    otherProps?: ProFormOtherProps;
+    otherProps?: ProFormOtherType;
     /** 远程请求接口 */
     useRequest?: {
         service?: Service<any, any>;

package/es/ProUpload/components/ButtonRender.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { UploadFile } from 'antd';
-import { ProUploadProps } from '../propsType';
-interface DragRenderProps extends Pick<ProUploadProps, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'buttonText'> {
+import type { ProUploadType } from '../propsType';
+interface DragRenderProps extends Pick<ProUploadType, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'buttonText'> {
     isView?: boolean;
     headerRender: () => ReactNode;
     footerRender: () => ReactNode;

package/es/ProUpload/components/DraggableUploadListItem.d.ts

@@ -1,2 +1,2 @@
-import { DraggableUploadListItemProps } from '../propsType';
-export declare const DraggableUploadListItem: ({ file, children }: DraggableUploadListItemProps) => import("react/jsx-runtime").JSX.Element;
+import type { DraggableUploadListItemType } from '../propsType';
+export declare const DraggableUploadListItem: ({ file, children }: DraggableUploadListItemType) => import("react/jsx-runtime").JSX.Element;

package/es/ProUpload/components/Example.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ExampleModalProps } from '../propsType';
+import type { ExampleModalType } from '../propsType';
 interface ExampleProps {
     exampleContent?: React.ReactNode;
     className?: string;
     exampleTitle?: string | React.ReactNode;
-    exampleModalProps?: ExampleModalProps;
+    exampleModalProps?: ExampleModalType;
 }
 export declare const Example: React.FC<ExampleProps>;
 export {};

package/es/ProUpload/components/ImageRender.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { UploadFile } from 'antd/es/upload/interface';
-import { ProUploadProps } from '../propsType';
-interface DragRenderProps extends Pick<ProUploadProps, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'showExampleContent' | 'exampleTitle' | 'exampleContent' | 'exampleModalProps'> {
+import type { ProUploadType } from '../propsType';
+interface DragRenderProps extends Pick<ProUploadType, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'showExampleContent' | 'exampleTitle' | 'exampleContent' | 'exampleModalProps'> {
     isView?: boolean;
     headerRender: () => ReactNode;
     footerRender: () => ReactNode;

package/es/ProUpload/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProUploadProps } from './propsType';
-declare const ProUpload: React.FC<ProUploadProps>;
+import type { ProUploadType } from './propsType';
+declare const ProUpload: React.FC<ProUploadType>;
 export default ProUpload;

package/es/ProUpload/index.js

@@ -22,6 +22,9 @@ import ButtonRender from './components/ButtonRender';
 import ImageRender from './components/ImageRender';
 import { validateSize, validateFileExt } from './uitls';
 import locale from '../locale';
+var defaultCustomRequest = function defaultCustomRequest(option) {
+  return option.onSuccess();
+};
 var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _locale$ProUpload;
   var _useState = useState([]),
@@ -205,13 +208,6 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return headerRender;
   };
-  // 自定义顶部
-  // const _centerRender = () => {
-  //   if (isFunction(centerRender)) {
-  //     return centerRender();
-  //   }
-  //   return centerRender;
-  // };
   // 自定义底部
   var _footerRender = function _footerRender() {
     if (isFunction(footerRender)) {
@@ -242,7 +238,7 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
   }, [_fileList]);
   // 通用props
-  var baseUploadProps = _objectSpread({
+  var baseUploadProps = _objectSpread(_objectSpread({
     action: action,
     beforeUpload: handleBeforeUpload,
     onRemove: handleRemove,
@@ -253,7 +249,9 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     accept: accept,
     data: _objectSpread({}, dataParams),
     name: name
-  }, residueProps);
+  }, residueProps), {}, {
+    customRequest: !action && !residueProps.customRequest ? defaultCustomRequest : residueProps.customRequest
+  });
   var baseProps = {
     isView: isView,
     headerRender: _headerRender,

package/es/ProUpload/propsType.d.ts

@@ -1,22 +1,57 @@
 import React from 'react';
 import { UploadFile } from 'antd/es/upload/interface';
+import { UploadRequestOption } from 'rc-upload/lib/interface';
 export type UploadType = 'drag' | 'button' | 'image';
-export interface UploadFileRes {
+export interface UploadFileResType {
+    /**
+     * @description 上传文件返回的URL
+     * @default -
+     */
     url: string;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
-export interface ExampleModalProps {
+export interface ExampleModalType {
+    /**
+     * @description 弹窗宽度
+     * @default -
+     */
     width?: string | number;
+    /**
+     * @description 弹窗外层容器类名
+     * @default -
+     */
     wrapClassName?: string;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
-export interface fieldNamesProps {
+export interface FieldNamesType {
+    /**
+     * @description 文件唯一标识字段
+     * @default -
+     */
     uid?: number;
+    /**
+     * @description 文件名称字段
+     * @default -
+     */
     name?: string;
+    /**
+     * @description 文件URL字段
+     * @default -
+     */
     url?: string;
+    /**
+     * @description 文件状态字段
+     * @default -
+     */
     status?: 'done' | 'uploading' | 'error';
 }
-export interface ProUploadProps {
+export interface ProUploadType {
     /**
      * @description       顶部的内容(button类型的上传不适用)
      * @default           -
@@ -51,7 +86,7 @@ export interface ProUploadProps {
      * @description       示例弹窗的属性配置继承与antd 的Modal对话框
      * @default           -
      */
-    exampleModalProps?: ExampleModalProps;
+    exampleModalProps?: ExampleModalType;
     /**
      * @description       接受上传的文件类型, '.png,.jpeg,.jpg,.xlsx,.xls,.json,.doc,.docx' 详见 input accept Attribute
      * @default           -
@@ -168,7 +203,7 @@ export interface ProUploadProps {
      * @description 上传接口处理方法 返回一个数组 UploadFile【】
      * @default    -
      */
-    transformResponse?: (res: any) => UploadFileRes;
+    transformResponse?: (res: any) => UploadFileResType;
     /**
      * @description 可以调用组件的内部方法，例如：uploadStart方式
      * @default    -
@@ -188,20 +223,42 @@ export interface ProUploadProps {
      * @description 文件对象的字段映射
      * @default    true
      */
-    fieldNames?: fieldNamesProps;
+    fieldNames?: FieldNamesType;
     /**
      * @description 删除已经上传的文件时是否二次提示
      * @default    false
      */
     isConfirmDelete?: boolean;
+    /**
+     * @description 组件ID
+     * @default    -
+     */
     id?: string;
     /**
      * @description 查看模式
      * @default    false
      */
     isView?: boolean;
+    /**
+     * @description 自定义上传实现
+     * @default    false
+     */
+    customRequest?: (option: UploadRequestOption) => void;
 }
-export interface DraggableUploadListItemProps {
+export interface DraggableUploadListItemType {
+    /**
+     * @description 文件对象
+     * @default -
+     */
     file: UploadFile<any>;
+    /**
+     * @description 子元素
+     * @default -
+     */
     children: React.ReactNode;
 }
+export type UploadFileRes = UploadFileResType;
+export type ExampleModalProps = ExampleModalType;
+export type fieldNamesProps = FieldNamesType;
+export type ProUploadProps = ProUploadType;
+export type DraggableUploadListItemProps = DraggableUploadListItemType;

package/es/ProWaterMark/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProWaterMarkProps } from './propsType';
-declare const ProWaterMark: React.FC<ProWaterMarkProps>;
+import type { ProWaterMarkType } from './propsType';
+declare const ProWaterMark: React.FC<ProWaterMarkType>;
 export default ProWaterMark;

package/es/ProWaterMark/propsType.d.ts

@@ -1,4 +1,4 @@
-export interface ProWaterMarkProps {
+export interface ProWaterMarkType {
     /**
      * @description       水印是否显示
      * @default           true
@@ -80,3 +80,4 @@ export interface ProWaterMarkProps {
      */
     mode?: 'repeat' | 'interval';
 }
+export type ProWaterMarkProps = ProWaterMarkType;

package/es/index.d.ts

@@ -31,4 +31,5 @@ export * from './ProTable/propsType';
 export * from './ProEditTable/propsType';
 export * from './ProUpload/propsType';
 export * from './ProTabs/propType';
+export * from './ProLayout/components/ProHeader/PropTypes';
 export * from './tokens';

package/es/index.js

@@ -38,5 +38,6 @@ export * from './ProTable/propsType';
 export * from './ProEditTable/propsType';
 export * from './ProUpload/propsType';
 export * from './ProTabs/propType';
+export * from './ProLayout/components/ProHeader/PropTypes';
 // token导出
 export * from './tokens';

package/lib/ProAction/index.d.ts

@@ -1,7 +1,7 @@
 import React, { PropsWithChildren } from 'react';
-import { ActionProps } from './propsType';
+import type { ProActionType } from './propsType';
 import './index.less';
 declare const ProAction: React.FC<PropsWithChildren<{
-    config?: ActionProps[];
+    config?: ProActionType[];
 }>>;
 export default ProAction;

package/lib/ProAction/propsType.d.ts

@@ -1,27 +1,31 @@
 import { ReactNode } from 'react';
 import { Service, Options } from 'ahooks/lib/useRequest/src/types';
-export interface ActionProps {
+export interface ProActionType {
     /**
-     * check 执行校验并解析错误信息展示
-     * confirm 确认提示
+     * @description 模式类型：check执行校验并解析错误信息展示，confirm确认提示
+     * @default -
      */
     mode?: 'check' | 'confirm';
     /**
-     * 标题
+     * @description 标题
+     * @default -
      */
     title?: string | ReactNode;
     /**
-     *
+     * @description 操作回调函数
      * @param previouData 接上一个 useRequest 返回的值
      * @param args 接所有链式 useRequest 返回的值
-     * @returns
+     * @param index 当前操作的索引
+     * @returns void或Promise<void>
+     * @default -
      */
     onAction?: (previouData?: any, args?: any[], index?: number) => void | Promise<void>;
     /**
-     * 自定义请求
+     * @description 自定义请求
      * @param previouData 接上一个 useRequest 返回的值
      * @param args 接所有链式 useRequest 返回的值
-     * @returns
+     * @returns 包含service、options和transformResponse的对象
+     * @default -
      */
     useRequest?: (previouData: any, args: any) => {
         service?: Service<any, any>;
@@ -29,10 +33,12 @@ export interface ActionProps {
         transformResponse?: (data: any) => any;
     };
     /**
-     * 是否中断链式操作
+     * @description 是否中断链式操作
      * @param previouData 上一个操作的返回数据
      * @param args 所有链式的数据合集
-     * @returns
+     * @returns 布尔值，返回true继续执行，返回false中断操作
+     * @default -
      */
     continue?: (previouData: any, args: any[]) => boolean;
 }
+export type ProActionProps = ProActionType;

package/lib/ProConfigProvider/index.d.ts

@@ -1,15 +1,15 @@
 import React, { FC } from 'react';
 import { FormInstance } from 'antd';
-import { PropSelectProps } from '../ProSelect/propsType';
-import { ProModalSelectPropsType } from '../ProForm/components/combination/ProModalSelect/propsType';
-import { ProCascaderProps } from '../ProForm/components/combination/ProCascader/propsType';
+import { PropSelectType } from '../ProSelect/propsType';
+import { ProModalSelectType } from '../ProForm/components/combination/ProModalSelect/propsType';
+import { ProCascaderType } from '../ProForm/components/combination/ProCascader/propsType';
 import { ProEnumConfig } from '../ProEnum/propsType';
 export interface ProConfigState {
     locale?: string;
     ProEnum?: Partial<ProEnumConfig>;
-    ProSelect?: Partial<PropSelectProps> & Record<string, any>;
-    ProModalSelect?: Partial<ProModalSelectPropsType> & Record<string, any>;
-    ProAddressBar?: Partial<ProCascaderProps> & Record<string, any>;
+    ProSelect?: Partial<PropSelectType> & Record<string, any>;
+    ProModalSelect?: Partial<ProModalSelectType> & Record<string, any>;
+    ProAddressBar?: Partial<ProCascaderType> & Record<string, any>;
     forms: Record<string, FormInstance | undefined>;
     [key: string]: any;
 }

package/lib/ProDownload/index.d.ts

@@ -1,6 +1,6 @@
-import { IProDownloadProps } from './propsType';
+import type { ProDownloadType } from './propsType';
 declare const ProDownload: {
-    (props: IProDownloadProps): import("react/jsx-runtime").JSX.Element;
+    (props: ProDownloadType): import("react/jsx-runtime").JSX.Element;
     downLoadRequest: import("./utils").DownloadRequestProps;
 };
 export default ProDownload;

package/lib/ProDownload/propsType.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import type { ButtonProps } from 'antd';
 import type { DownloadRequestProps, PropsWithMakeFilePropsType } from './utils';
-export interface IProDownloadProps extends ButtonProps {
+export interface ProDownloadType extends ButtonProps {
     /**
      * @description       下载资源获取来源：api：通过接口获取，url：通过静态资源链接获取
      * @default           api
@@ -69,3 +69,4 @@ export interface IProDownloadProps extends ButtonProps {
     children?: string | ReactNode;
     [key: string]: any;
 }
+export type IProDownloadProps = ProDownloadType;

package/lib/ProDrawerForm/components/ProDrawer/index.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { ProDrawerFormPropsType } from '../../propsType';
+import { ProDrawerFormType } from '../../propsType';
 /**
  * 抽屉组件
  */
-declare const ProDrawer: FC<ProDrawerFormPropsType>;
+declare const ProDrawer: FC<ProDrawerFormType>;
 export default ProDrawer;

package/lib/ProDrawerForm/components/ProModal/index.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
-import { ProDrawerFormPropsType } from '../../propsType';
+import { ProDrawerFormType } from '../../propsType';
 /**
  * 弹窗组件
  */
-declare const ProModal: FC<ProDrawerFormPropsType>;
+declare const ProModal: FC<ProDrawerFormType>;
 export default ProModal;

package/lib/ProDrawerForm/index.d.ts

@@ -1,5 +1,4 @@
 import React from 'react';
 import { FormInstance } from 'antd/es/form/Form';
-import { ProDrawerFormPropsType } from './propsType';
-declare const ProDrawerForm: React.ForwardRefExoticComponent<ProDrawerFormPropsType & React.RefAttributes<FormInstance<any>>>;
+declare const ProDrawerForm: React.ForwardRefExoticComponent<import("./propsType").ProDrawerFormPropsType & React.RefAttributes<FormInstance<any>>>;
 export default ProDrawerForm;

package/lib/ProDrawerForm/propsType.d.ts

@@ -1,17 +1,26 @@
 import React, { ReactNode } from 'react';
 import type { ModalProps, DrawerProps, FormInstance } from 'antd';
-import { ProFormProps } from '../ProForm/propsType';
+import { ProFormType } from '../ProForm/propsType';
+/**
+ * 抽屉尺寸类型定义
+ */
 export type DrawerSizePropsType = 'small' | 'middle' | 'large';
+export type DrawerSizeType = DrawerSizePropsType;
+/**
+ * 显示类型定义
+ */
 export type ShowTypePropsType = 'Modal' | 'Drawer';
-export interface ProDrawerFormRef {
-    form: FormInstance<any>;
-}
+export type ShowType = ShowTypePropsType;
+/**
+ * 为了保持向后兼容，保留原有接口名称
+ * @deprecated ProDrawerFormType
+ */
 export interface ProDrawerFormPropsType {
-    /** @name 内部form */
+    /** @name 内部form实例 */
     form?: FormInstance<any>;
     /** @name 自定义className */
     className?: string;
-    /** @name 控制显示隐藏 */
+    /** @name 控制显示隐藏（兼容旧版API） */
     visible?: ModalProps['open'] | DrawerProps['open'];
     /** @name 控制显示隐藏 */
     open: ModalProps['open'] | DrawerProps['open'];
@@ -25,30 +34,22 @@ export interface ProDrawerFormPropsType {
     isView?: boolean | undefined;
     /** @name 宽度 */
     width?: ModalProps['width'] | DrawerProps['width'];
-    /**
-     * @name 取消按钮文字
-     */
+    /** @name 取消按钮文字 */
     cancelText?: ModalProps['cancelText'];
-    /**
-     * @name 确认按钮文字
-     */
+    /** @name 确认按钮文字 */
     okText?: ModalProps['okText'];
-    /**
-     * @name 确认按钮loading
-     */
+    /** @name 确认按钮loading状态 */
     okLoading?: boolean;
-    /**
-     * @name 确认按钮disabled
-     */
+    /** @name 确认按钮禁用状态 */
     okDisabled?: boolean;
     /** @name 显示方式 (废弃) */
-    showType?: ShowTypePropsType;
+    showType?: ShowType;
     /** @name 显示方式 */
-    mode?: ShowTypePropsType;
+    mode?: ShowType;
     /** @name 尺寸 */
-    size?: DrawerSizePropsType;
+    size?: DrawerSizeType;
     /**
-     * @name自动选中第一项
+     * @name 自动选中第一项
      * @description 只对有input的类型有效
      */
     autoFocusFirstInput?: boolean;
@@ -64,10 +65,14 @@ export interface ProDrawerFormPropsType {
     isConfirmCloseModalProps?: ModalProps;
     /**
      * @name 底部默认取消按钮事件
+     * @returns 返回Promise或布尔值可控制弹窗关闭行为
      */
     onCancel?: () => Promise<boolean | void | unknown> | boolean | void | unknown;
     /**
      * @name 底部默认确定按钮事件
+     * @param values 表单值
+     * @param form 表单实例
+     * @returns 返回Promise或布尔值可控制弹窗关闭行为
      */
     onOk?: (values?: any, form?: FormInstance) => Promise<boolean | void | unknown> | boolean | void | unknown;
     /**
@@ -79,24 +84,30 @@ export interface ProDrawerFormPropsType {
      */
     extraLeft?: ReactNode;
     /**
-     * @name proForm的属性 配置后children不展示
+     * @name proForm的属性
+     * @description 配置后children不展示
      */
-    proFormProps?: Omit<ProFormProps, 'form'>;
+    proFormProps?: Omit<ProFormType, 'form'>;
     /**
-     * 不支持 'visible'，请使用全局的 visible
      * @name 弹框的属性
+     * @description 不支持'visible'，请使用全局的visible/open
      */
     modalProps?: Omit<ModalProps, 'visible'>;
     /**
-     * 不支持 'visible'，请使用全局的 visible
      * @name 抽屉的属性
+     * @description 不支持'visible'，请使用全局的visible/open
      */
     drawerProps?: Omit<DrawerProps, 'visible'>;
     /**
-     * 不支持 'visible'，请使用全局的 visible
      * @name 关闭时弹框或者抽屉是否清空formValues
      */
     onCloseClean?: boolean;
+    /** @name 子组件 */
     children?: React.ReactNode;
+    /** @name z轴层级 */
     zIndex?: number;
 }
+/**
+ * 抽屉表单属性类型定义
+ */
+export type ProDrawerFormType = ProDrawerFormPropsType;

package/lib/ProDrawerForm/utils/index.d.ts

@@ -1,6 +1,6 @@
-import { DrawerSizePropsType } from '../propsType';
+import { DrawerSizeType } from '../propsType';
 /**
  * 将枚举值转成数值px，暴露枚举，隐藏真实数值，暂时不让用户自定义
  * @param size 设计规范的三个尺寸  460 960 1200 对应 'small' | 'middle' | 'large'
  */
-export declare const transformBySize: (size: DrawerSizePropsType) => number;
+export declare const transformBySize: (size: DrawerSizeType) => number;

package/lib/ProEditLabel/components/RenderProForm.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import type { PopupProps } from '../propsType';
-declare const RenderProForm: FC<PopupProps>;
+import type { PopupType } from '../propsType';
+declare const RenderProForm: FC<PopupType>;
 export default RenderProForm;

package/lib/ProEditLabel/index.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
-import { ContainerProps, LabelProps, PopupConfirmProps } from './propsType';
-declare const ProEditLabel: FC<LabelProps & PopupConfirmProps & ContainerProps>;
+import type { ContainerType, LabelType, ProEditLabelType } from './propsType';
+declare const ProEditLabel: FC<LabelType & ProEditLabelType & ContainerType>;
 export default ProEditLabel;