@zat-design/sisyphus-react 3.11.14-beta.5 → 3.11.14-beta.7

package/lib/ProTabs/index.js

@@ -65,12 +65,12 @@ var ProTabs = function ProTabs(props, ref) {
         total: itemProps.total,
         label: itemProps.label,
         icon: itemProps.icon,
-        mode: mode
+        mode: mode,
+        title: itemProps.title || itemProps.label,
+        loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading
       };
       return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(itemProps, ['total', 'label', 'icon'])), {}, {
-        label: (0, _jsxRuntime.jsx)(_components.Card, (0, _objectSpread2.default)({
-          loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading
-        }, cardItemProps))
+        label: (0, _jsxRuntime.jsx)(_components.Card, (0, _objectSpread2.default)({}, cardItemProps))
       });
     });
   }, [selectList, fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading]);

package/lib/ProTabs/propType.d.ts

@@ -1,36 +1,93 @@
 import React from 'react';
 import type { TabsProps } from 'antd';
 import { Service, Options, Result } from 'ahooks/lib/useRequest/src/types';
-export interface CardProps {
+export interface CardType {
+    /**
+     * @description       卡片标题
+     * @default           -
+     */
+    title: string | React.ReactNode;
+    /**
+     * @description       卡片数量
+     * @default           -
+     */
     total: number;
+    /**
+     * @description       卡片标签
+     * @default           -
+     */
     label: string | React.ReactNode;
+    /**
+     * @description       卡片图标
+     * @default           -
+     */
     icon: React.ReactNode;
+    /**
+     * @description       卡片模式
+     * @default           card
+     */
     mode?: TabModeEnum;
+    /**
+     * @description       卡片是否加载中
+     * @default           false
+     */
     loading?: boolean;
     [key: string]: any;
 }
-export interface ProTabsItemsProps extends CardProps {
+export interface ProTabsItemType extends CardType {
+    /**
+     * @description       卡片唯一key
+     * @default           -
+     */
     key: string;
+    /**
+     * @description       卡片内容
+     * @default           -
+     */
     children?: React.ReactNode;
+    /**
+     * @description       卡片是否禁用
+     * @default           false
+     */
     disabled?: boolean;
     [key: string]: any;
 }
-export interface ProTabsAction {
-    /** 获取发生请求的 useRequest 的 ref */
+export interface ProTabsActionType {
+    /**
+     * @description       获取发生请求的 useRequest 的 ref
+     * @default           -
+     */
     useRequestRef: Result<any, any>;
 }
 export type TabModeEnum = 'card' | 'line';
-export interface ProTabsProps extends Omit<TabsProps, 'items' | 'onChange'> {
-    dataSource: ProTabsItemsProps[];
-    /** 是否开启tab切换查询 */
+export interface ProTabsType extends Omit<TabsProps, 'items' | 'onChange'> {
+    /**
+     * @description       卡片数据源
+     * @default           -
+     */
+    dataSource: ProTabsItemType[];
+    /**
+     * @description       是否开启tab切换查询
+     * @default           false
+     */
     tabSearch?: boolean;
     onChange?: (activeKey: string, useRequest: Result<any, any>) => void;
-    /** card：卡片模式 tab tab模式 */
+    /**
+     * @description       card：卡片模式 tab tab模式
+     * @default           card
+     */
     mode?: TabModeEnum;
-    /** 远程请求接口 */
+    /**
+     * @description       远程请求接口
+     * @default           -
+     */
     useRequest?: {
         service: Service<any, any>;
         options?: Options<any, any>;
     };
     [key: string]: any;
 }
+export type ProTabsProps = ProTabsType;
+export type ProTabsItemsProps = ProTabsItemType;
+export type ProTabsAction = ProTabsActionType;
+export type CardProps = CardType;

package/lib/ProThemeTools/index.d.ts

@@ -1,6 +1,6 @@
-import type { ProThemeToolsProps } from './propsType';
+import type { ProThemeToolsType } from './propsType';
 declare const ProThemeTools: {
-    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsProps): import("react/jsx-runtime").JSX.Element;
+    ({ size, className, cacheTime, color, mode, iconFollowTheme, prefixCls, tableBorder, tableStripe, theme, onChange, ...props }: ProThemeToolsType): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         size: number;
         mode: string;

package/lib/ProThemeTools/propsType.d.ts

@@ -1,50 +1,172 @@
 export interface DevToolsPropsType {
+    /**
+     * @description 重置配置回调函数
+     * @default -
+     */
     onReset: () => void;
+    /**
+     * @description 关闭工具回调函数
+     * @default -
+     */
     onClose: () => void;
+    /**
+     * @description 复制配置回调函数
+     * @default -
+     */
     onCopy?: () => void;
+    /**
+     * @description 设置状态函数
+     * @default -
+     */
     setState: any;
+    /**
+     * @description 是否打开工具
+     * @default false
+     */
     open: boolean;
-    state: LocalThemeConfigPropsType;
-    /** 是否有表格边框 */
+    /**
+     * @description 当前主题配置状态
+     * @default -
+     */
+    state: LocalThemeConfigType;
+    /**
+     * @description 是否有表格边框
+     * @default false
+     */
     tableBorder?: boolean;
-    /** 是否有斑马纹 */
+    /**
+     * @description 是否有斑马纹
+     * @default false
+     */
     tableStripe?: boolean;
-    /** 统一样式前缀, 默认ant */
+    /**
+     * @description 统一样式前缀
+     * @default "ant"
+     */
     prefixCls?: string;
 }
-export interface ProThemeToolsProps {
+export interface ProThemeToolsType {
+    /**
+     * @description 主题工具大小
+     * @default -
+     */
     size?: number;
+    /**
+     * @description 主题颜色
+     * @default -
+     */
     color?: string;
+    /**
+     * @description 工具模式：开发模式或生产模式
+     * @default "prd"
+     */
     mode?: 'dev' | 'prd';
+    /**
+     * @description 缓存时间，可设置为数字或布尔值
+     * @default -
+     */
     cacheTime?: number | boolean;
-    /** 主题配置信息 */
+    /**
+     * @description 主题配置信息
+     * @default -
+     */
     theme?: any;
-    /** icon是否跟随主题色 */
+    /**
+     * @description icon是否跟随主题色
+     * @default false
+     */
     iconFollowTheme?: boolean;
-    /** 是否有表格边框 */
+    /**
+     * @description 是否有表格边框
+     * @default false
+     */
     tableBorder?: boolean;
-    /** 是否有斑马纹 */
+    /**
+     * @description 是否有斑马纹
+     * @default false
+     */
     tableStripe?: boolean;
-    /** 统一样式前缀, 默认ant */
+    /**
+     * @description 统一样式前缀
+     * @default "ant"
+     */
     prefixCls?: string;
+    /**
+     * @description 主题变更回调函数
+     * @default -
+     */
     onChange?: (record: any) => void;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
-export interface LocalThemeConfigPropsType {
+export interface LocalThemeConfigType {
+    /**
+     * @description 品牌色
+     * @default -
+     */
     zauiBrand?: string;
+    /**
+     * @description 文本色
+     * @default -
+     */
     zauiText?: string;
+    /**
+     * @description 字体大小
+     * @default -
+     */
     zauiFontSize?: string;
+    /**
+     * @description 表单对齐方式
+     * @default -
+     */
     zauiFormAlign?: string;
+    /**
+     * @description 表单必填项后缀
+     * @default -
+     */
     zauiFormRequiredAfter?: string;
+    /**
+     * @description 表单必填项前缀
+     * @default -
+     */
     zauiFormRequiredBefore?: string;
+    /**
+     * @description 尺寸大小
+     * @default -
+     */
     zauiSize?: number;
+    /**
+     * @description 大间距
+     * @default -
+     */
     zauiSpaceSizeLg?: string;
+    /**
+     * @description 中间距
+     * @default -
+     */
     zauiSpaceSizeMd?: string;
-    /** 大字号模式 */
+    /**
+     * @description 大字号模式
+     * @default false
+     */
     zauiBigText?: boolean;
-    /** 是否有表格边框 */
+    /**
+     * @description 是否有表格边框
+     * @default false
+     */
     zauiTableBorder?: boolean;
-    /** 是否有斑马纹 */
+    /**
+     * @description 是否有斑马纹
+     * @default false
+     */
     zauiStripe?: boolean;
+    /**
+     * @description 基础字体大小
+     * @default -
+     */
     zauiBaseFontSize?: string;
 }
+export type ProThemeToolsProps = ProThemeToolsType;
+export type LocalThemeConfigPropsType = LocalThemeConfigType;

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/ProUpload/index.js

@@ -215,13 +215,6 @@ var ProUpload = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     return headerRender;
   };
-  // 自定义顶部
-  // const _centerRender = () => {
-  //   if (isFunction(centerRender)) {
-  //     return centerRender();
-  //   }
-  //   return centerRender;
-  // };
   // 自定义底部
   var _footerRender = function _footerRender() {
     if ((0, _lodash.isFunction)(footerRender)) {

package/lib/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/lib/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/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zat-design/sisyphus-react",
-  "version": "3.11.14-beta.5",
+  "version": "3.11.14-beta.7",
   "license": "MIT",
   "main": "lib/index.js",
   "module": "es/index.js",