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

package/lib/ProSelect/propsType.d.ts

@@ -2,65 +2,175 @@ import { ReactNode } from 'react';
 import type { SelectProps } from 'antd';
 import { Service, Options, Result } from 'ahooks/lib/useRequest/src/types';
 import { ProFormOtherProps } from '../ProForm/propsType';
-export interface DataOption {
+/**
+ * @description 数据选项类型
+ */
+export interface DataOptionType {
+    /**
+     * @description 展示标签
+     * @default -
+     */
     label?: string;
+    /**
+     * @description 选项值
+     * @default -
+     */
     value?: string | number;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
-export interface PropSelectProps extends Omit<SelectProps, 'onSearch'> {
-    /** 是否查看模式 */
+/**
+ * @description 选择框属性类型
+ */
+export interface PropSelectType extends Omit<SelectProps, 'onSearch'> {
+    /**
+     * @description 是否查看模式
+     * @default false
+     */
     isView?: boolean;
-    /** 是否开启组件在可视区域中才发起useRequest请求 默认 false */
+    /**
+     * @description 是否开启组件在可视区域中才发起useRequest请求
+     * @default false
+     */
     viewportReady?: boolean;
-    /** 默认数组第一项 */
+    /**
+     * @description 默认数组第一项
+     * @default false
+     */
     defaultOne?: boolean;
-    /** 数据源 */
-    dataSource?: DataOption[];
-    /** list场景中过滤掉已选择的值 */
+    /**
+     * @description 数据源
+     * @default -
+     */
+    dataSource?: DataOptionType[];
+    /**
+     * @description list场景中过滤掉已选择的值
+     * @default false
+     */
     filterInList?: boolean;
-    /** @deprecated  兼容 2.0 版本、3.0 使用view 模式 */
+    /**
+     * @deprecated 兼容 2.0 版本、3.0 使用view 模式
+     * @default -
+     */
     defaultDisableValue?: string;
-    /** 是否展示 tooltip、当 label 特别长的时候使用 */
+    /**
+     * @description 是否展示 tooltip、当 label 特别长的时候使用
+     * @default false
+     */
     tooltip?: boolean;
-    /** 是否展示 code-label 形式 */
+    /**
+     * @description 是否展示 code-label 形式
+     * @default false
+     */
     showCodeName?: boolean;
-    /** 集成表单 form 的属性 */
+    /**
+     * @description 集成表单 form 的属性
+     * @default -
+     */
     otherProps?: ProFormOtherProps;
-    /** 下拉框滚动是否跟随父级 */
+    /**
+     * @description 下拉框滚动是否跟随父级
+     * @default false
+     */
     scrollFollowParent?: boolean;
-    /** 远程请求接口 */
+    /**
+     * @description 远程请求接口
+     * @default -
+     */
     useRequest?: {
+        /**
+         * @description 请求服务函数
+         */
         service?: Service<any, any>;
+        /**
+         * @description 请求选项
+         */
         options?: Options<any, any>;
     };
     /**
      * @deprecated 兼容 2.0 版本、3.0 使用 transformResponse
-     * @param data
-     * @param setSelectList
+     * @param data 数据
+     * @param setSelectList 设置选择列表的函数
      * @returns
      */
     updateDataSource?: (data: any, setSelectList: any) => void;
-    /** 格式化数据 */
-    transformResponse?: (data: any) => DataOption[];
-    /** 点击搜索执行 */
+    /**
+     * @description 格式化数据
+     * @param data 后台返回的数据
+     * @returns 格式化后的数据选项
+     */
+    transformResponse?: (data: any) => DataOptionType[];
+    /**
+     * @description 点击搜索执行
+     * @param value 搜索值
+     * @param useRequest 请求实例
+     */
     onSearch?: (value: string, useRequest: Result<any, any>) => void;
-    /** 自定义展示 */
-    optionRender?: (value: DataOption) => string | ReactNode;
-    /** 用来转换修改value值 和 getValueProps配合使用  */
-    getChangeValue?: (value: DataOption) => any;
-    /** 用来转换传入的value值 getChangeValue配合使用 */
-    getValueProps?: (value: DataOption) => any;
+    /**
+     * @description 自定义展示
+     * @param value 数据选项
+     * @returns 自定义渲染内容
+     */
+    optionRender?: (value: DataOptionType) => string | ReactNode;
+    /**
+     * @description 用来转换修改value值 和 getValueProps配合使用
+     * @param value 数据选项
+     * @returns 转换后的值
+     */
+    getChangeValue?: (value: DataOptionType) => any;
+    /**
+     * @description 用来转换传入的value值 getChangeValue配合使用
+     * @param value 数据选项
+     * @returns 转换后的值属性
+     */
+    getValueProps?: (value: DataOptionType) => any;
 }
-export interface ProSelectAction {
-    /** 实例方法、根据 code ｜ code[] 批量获取数据 */
+/**
+ * @description ProSelect操作接口类型
+ */
+export interface ProSelectActionType {
+    /**
+     * @description 实例方法、根据 code ｜ code[] 批量获取数据
+     * @param code 代码或代码数组
+     * @param key 可选键名
+     * @returns 获取的数据
+     */
     getValueObject: (code: string | string[], key?: string) => any;
-    /** 获取发生请求的 useRequest 的 ref */
+    /**
+     * @description 获取发生请求的 useRequest 的 ref
+     */
     useRequestRef: Result<any, any>;
 }
-export interface ResponseData {
+/**
+ * @description 响应数据接口类型
+ */
+export interface ResponseDataType {
+    /**
+     * @description 状态码
+     */
     status: number;
+    /**
+     * @description 消息
+     */
     message: string;
+    /**
+     * @description 数据
+     */
     data: any;
+    /**
+     * @description 是否成功
+     * @default -
+     */
     success?: boolean;
+    /**
+     * @description 代码
+     * @default -
+     */
     code?: number;
 }
+export type DataOption = DataOptionType;
+export type PropSelectProps = PropSelectType;
+export type ProSelectAction = ProSelectActionType;
+export type ResponseData = ResponseDataType;

package/lib/ProTable/style/index.less

@@ -2,6 +2,9 @@
 @import (reference) '~antd/es/style/themes/index.less';
 
 .pro-table {
+  .pro-tooltip .singleLine {
+   transition: none;
+  }
   &.pro-table-draggable-only {
     .ant-table-tbody {
       .anticon {

package/lib/ProTabs/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { ProTabsProps } from './propType';
-declare const _default: React.ForwardRefExoticComponent<Omit<ProTabsProps, "ref"> & React.RefAttributes<unknown>>;
+import type { ProTabsType } from './propType';
+declare const _default: React.ForwardRefExoticComponent<Omit<ProTabsType, "ref"> & React.RefAttributes<unknown>>;
 export default _default;

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)) {