@zat-design/sisyphus-react 3.11.14-beta.4 → 3.11.14-beta.6

package/es/ProUpload/propsType.d.ts

@@ -2,22 +2,56 @@ 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           -
@@ -52,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           -
@@ -169,7 +203,7 @@ export interface ProUploadProps {
      * @description 上传接口处理方法 返回一个数组 UploadFile【】
      * @default    -
      */
-    transformResponse?: (res: any) => UploadFileRes;
+    transformResponse?: (res: any) => UploadFileResType;
     /**
      * @description 可以调用组件的内部方法，例如：uploadStart方式
      * @default    -
@@ -189,12 +223,16 @@ export interface ProUploadProps {
      * @description 文件对象的字段映射
      * @default    true
      */
-    fieldNames?: fieldNamesProps;
+    fieldNames?: fieldNamesType;
     /**
      * @description 删除已经上传的文件时是否二次提示
      * @default    false
      */
     isConfirmDelete?: boolean;
+    /**
+     * @description 组件ID
+     * @default    -
+     */
     id?: string;
     /**
      * @description 查看模式
@@ -207,7 +245,20 @@ export interface ProUploadProps {
      */
     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/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/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;

package/lib/ProEditLabel/propsType.d.ts

@@ -3,44 +3,171 @@ import { PopconfirmProps } from 'antd/es/popconfirm';
 import { FormInstance } from 'antd/es/form';
 import React from 'react';
 import { ProColumnProps } from '../index';
-export interface ContainerProps {
+export interface ContainerType {
+    /**
+     * @description 触发方式
+     * @default "click"
+     */
     trigger?: 'click' | 'hover';
+    /**
+     * @description 尺寸
+     * @default "middle"
+     */
     size?: 'small' | 'middle' | 'large';
+    /**
+     * @description 显示模式
+     * @default "popup"
+     */
     mode?: 'popup' | 'current';
+    /**
+     * @description 类型
+     * @default "input"
+     */
     type?: 'input' | 'select';
 }
-export interface StateProps {
+export interface StateType {
+    /**
+     * @description 弹出值
+     * @default ""
+     */
     popValue?: string;
+    /**
+     * @description 确认值
+     * @default ""
+     */
     confirmValue?: string;
 }
-export interface PopupProps {
+export interface PopupType {
+    /**
+     * @description 类型
+     * @default -
+     */
     type?: string;
+    /**
+     * @description 标签
+     * @default -
+     */
     label?: string | React.ReactNode;
+    /**
+     * @description 标题
+     * @default -
+     */
     title?: string | React.ReactNode;
+    /**
+     * @description 提示
+     * @default -
+     */
     tip?: string | React.ReactNode;
+    /**
+     * @description 是否去除空格
+     * @default false
+     */
     trim?: boolean;
+    /**
+     * @description 标签宽度
+     * @default -
+     */
     labelWidth?: string | number;
+    /**
+     * @description 字段属性
+     * @default -
+     */
     fieldProps?: any;
+    /**
+     * @description 列配置
+     * @default -
+     */
     columns?: ProColumnProps;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
-export interface LabelProps extends InputProps {
+export interface LabelType extends InputProps {
+    /**
+     * @description 是否可见
+     * @default false
+     */
     visible?: boolean;
+    /**
+     * @description 是否打开
+     * @default false
+     */
     open?: boolean;
+    /**
+     * @description 可见性变化回调
+     * @default -
+     */
     onVisibleChange?: (open: boolean) => void;
+    /**
+     * @description 值变化回调
+     * @default -
+     */
     onChange?: (value: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @description 是否可编辑
+     * @default false
+     */
     editable?: boolean;
+    /**
+     * @description 编辑回调
+     * @default -
+     */
     onEdit?: () => void;
 }
-export interface PopupConfirmProps extends Partial<PopconfirmProps> {
-    popupProps?: PopupProps;
+export interface ProEditLabelType extends Partial<PopconfirmProps> {
+    /**
+     * @description 弹出属性
+     * @default -
+     */
+    popupProps?: PopupType;
+    /**
+     * @description 空值显示
+     * @default "-"
+     */
     viewEmpty?: '-';
+    /**
+     * @description 确认回调
+     * @default -
+     */
     onConfirm?: (e?: any) => void;
+    /**
+     * @description 完成回调
+     * @default -
+     */
     onFinish?: (e?: any) => void;
+    /**
+     * @description 打开状态变化回调
+     * @default -
+     */
     onOpenChange?: (e?: any) => void;
+    /**
+     * @description 触发方式
+     * @default "click"
+     */
     trigger?: 'click' | 'hover';
+    /**
+     * @description 值
+     * @default -
+     */
     value?: any;
+    /**
+     * @description 表单实例
+     * @default -
+     */
     form?: FormInstance;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
+export type ContainerProps = ContainerType;
+export type StateProps = StateType;
+export type PopupProps = PopupType;
+export type LabelProps = LabelType;
+export type PopupConfirmProps = ProEditLabelType;

package/lib/ProEditLabel/style/index.less

@@ -11,8 +11,8 @@
   }
 
   .pro-form-view-container {
+    display: inline-block;
     word-break: break-all;
-    display   : inline-block;
   }
 
   &.trigger-hover {
@@ -25,20 +25,19 @@
         display: block;
       }
     }
-
   }
 
   .anticon-edit {
-    color  : #D8D8D8;
-    cursor : pointer;
     padding: var(--zaui-space-size-xs, 4px);
+    color: #d8d8d8;
+    cursor: pointer;
 
     &:hover {
-      color: var(--zaui-brand, #006AFF);
+      color: var(--zaui-brand, #006aff);
     }
 
     &:active {
-      background   : #E3E8F0;
+      background: #e3e8f0;
       border-radius: var(--zaui-border-radius-card, 4px);
     }
   }
@@ -54,25 +53,27 @@
   &.pro-edit-label-large {
     height: 40px;
   }
-
 }
 
 .@{ant-prefix}-popover {
   .@{ant-prefix}-btn-sm {
-    font-size  : var(--zaui-font-size-sm, 12px);
-    min-width  : 56px;
+    min-width: 56px;
+    font-size: var(--zaui-font-size-sm, 12px);
     line-height: 1;
 
     span {
       letter-spacing: -1px;
     }
-
   }
 }
 
 .pro-edit-label-popconfirm {
   z-index: 1001 !important;
 
+  .@{ant-prefix}-popover-inner-content {
+    width: 100%;
+  }
+
   .@{ant-prefix}-popover-message {
     display: block;
   }
@@ -82,26 +83,26 @@
   }
 
   .@{ant-prefix}-popover-content {
-    width    : 360px;
+    width: 360px;
     max-width: 400px;
   }
 
   .pro-edit-label-title {
-    font-size    : var(--zaui-font-size-lg, 16px);
-    font-weight  : 500;
-    color        : var(--zaui-text, #343434);
     margin-bottom: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size; 1));
+    color: var(--zaui-text, #343434);
+    font-weight: 500;
+    font-size: var(--zaui-font-size-lg, 16px);
   }
 
   .pro-edit-label-tip {
     margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
-    color        : #666;
+    color: #666;
 
     .anticon-info-circle {
-      font-size   : var(--zaui-font-size-lg, 16px);
+      margin-top: var(--zaui-space-size-xs, 4px);
       margin-right: var(--zaui-space-size-sm, 8px);
-      color       : var(--zaui-warning, #EC9131);
-      margin-top  : var(--zaui-space-size-xs, 4px);
+      color: var(--zaui-warning, #ec9131);
+      font-size: var(--zaui-font-size-lg, 16px);
     }
   }
 
@@ -119,18 +120,16 @@
     }
 
     .@{ant-prefix}-col-10 {
-      flex         : 0 0 var(--zaui-form-label-width, 130px);
-      white-space  : pre-wrap;
-      line-height  : 1;
-      overflow     : initial;
-      box-sizing   : border-box;
+      flex: 0 0 var(--zaui-form-label-width, 130px);
+      box-sizing: border-box;
       padding-right: var(--zaui-space-size-md, 16px);
+      overflow: initial;
+      line-height: 1;
+      white-space: pre-wrap;
     }
-
   }
 
   .@{ant-prefix}-select {
     width: 100%;
   }
-
 }

package/lib/ProEnum/components/Group.d.ts

@@ -1,5 +1,5 @@
-import { ProEnum } from '../propsType';
-interface Props extends Pick<ProEnum, 'id' | 'value' | 'onChange' | 'dataSource'> {
+import type { ProEnumType } from '../propsType';
+interface Props extends Pick<ProEnumType, 'id' | 'value' | 'onChange' | 'dataSource'> {
     fieldValue: string;
     fieldLabel: string;
     disabled?: boolean;

package/lib/ProEnum/components/Tag.d.ts

@@ -1,5 +1,5 @@
-import { ProEnum } from '../propsType';
-interface Props extends Pick<ProEnum, 'id' | 'value' | 'onChange' | 'dataSource'> {
+import type { ProEnumType } from '../propsType';
+interface Props extends Pick<ProEnumType, 'id' | 'value' | 'onChange' | 'dataSource'> {
     fieldValue: string;
     fieldLabel: string;
 }

package/lib/ProEnum/hooks/useEnumRequest.d.ts

@@ -1,4 +1,4 @@
-import { ProEnumConfig } from '../propsType';
+import type { ProEnumConfigType } from '../propsType';
 import '../utils/eventCenter';
-declare const useEnumRequest: (props: ProEnumConfig, dispatch: any) => import("ahooks/lib/useRequest/src/types").Result<any, any>;
+declare const useEnumRequest: (props: ProEnumConfigType, dispatch: any) => import("ahooks/lib/useRequest/src/types").Result<any, any>;
 export default useEnumRequest;

package/lib/ProEnum/index.d.ts

@@ -1,8 +1,8 @@
 import useEnum from './hooks/useEnum';
-import { ProEnumProps } from './propsType';
+import type { ProEnumType } from './propsType';
 import './style/index.less';
 declare const ProEnum: {
-    (props: ProEnumProps): import("react/jsx-runtime").JSX.Element;
+    (props: ProEnumType): import("react/jsx-runtime").JSX.Element;
     getEnumLabel: (code: string | string[], value: any, compose?: boolean, fieldNameLabel?: string, fieldNameValue?: string) => import("react/jsx-runtime").JSX.Element;
     useEnum: typeof useEnum;
 };