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

package/es/ProLayout/propTypes.d.ts

@@ -1,6 +1,10 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ProWaterMarkProps } from '../ProWaterMark/propsType';
-export interface MenusProps {
+export interface MenusType {
+    /**
+     * @description 菜单ID
+     * @default -
+     */
     id?: number;
     /**
      * @description 菜单唯一code
@@ -44,7 +48,7 @@ export interface MenusProps {
     sort?: number | undefined | null;
     /**
      * @description 是否隐藏菜单
-     * @default -
+     * @default false
      */
     hideInMenu?: boolean;
     /**
@@ -62,9 +66,12 @@ export interface MenusProps {
      * @default -
      */
     type?: string;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
-export interface DataSourceProps {
+export interface DataSourceType {
     /**
      * @description 用户信息
      * @default -
@@ -72,15 +79,22 @@ export interface DataSourceProps {
     userInfo?: any;
     /**
      * @description 处理后一级菜单详情
-     * @default -
+     * @default []
      */
-    menus?: MenusProps[];
+    menus?: MenusType[];
 }
+/**
+ * @description 主题枚举类型
+ */
+type themeEnum = 'light' | 'dark';
+/**
+ * @description 是否带有菜单界面的配置
+ */
 type pureKey = boolean | {
     topMenu?: boolean;
     leftMenu?: boolean;
 };
-export interface ProLayoutProps {
+export interface ProLayoutType {
     /**
      * @description 左侧logo
      * @default -
@@ -88,7 +102,7 @@ export interface ProLayoutProps {
     logo?: ReactNode | string;
     /**
      * @description 类名
-     * @default -
+     * @default ""
      */
     className?: string;
     /**
@@ -130,56 +144,66 @@ export interface ProLayoutProps {
      * @description 数据源
      * @default -
      */
-    dataSource?: DataSourceProps | Partial<MenusProps>;
+    dataSource?: DataSourceType | Partial<MenusType>;
     /**
      * @description 是否折叠
-     * @default -
+     * @default false
      */
     collapsed?: boolean;
     /**
      * @description 菜单拼接路径前缀
-     * @default -
+     * @default ""
      */
     pathPrefix?: string;
     /**
      * @description 是否带有菜单界面，true不带，只显示content内容
-     * @default -
+     * @default false
      */
     pure?: pureKey;
     /**
      * @description 头部区域高度
-     * @default -
+     * @default 48
      */
     headerHeight?: number;
     /**
      * @description 内容区域样式
-     * @default -
+     * @default {}
      */
     contentStyle?: CSSProperties;
     /**
      * @description 水印配置
-     * @default -
+     * @default {}
      */
     waterMarkProps?: ProWaterMarkProps;
     /**
      * @description 折叠回调事件
      * @default -
      */
-    onCollapsedChange?: (collapsed: any) => void;
+    onCollapsedChange?: (collapsed: boolean) => void;
     /**
      * @description 规定在何处打开被链接文档
-     *  _blank
-     *  _parent
-     *  _self
-     *  _top
+     * @default "_self"
      */
     target?: '_blank' | '_parent' | '_self' | '_top';
+    /**
+     * @description 主题
+     * @default "light"
+     */
+    theme?: themeEnum;
+    /**
+     * @description 子元素
+     * @default -
+     */
+    children?: ReactNode;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
-export interface ProLayoutStates {
+export interface ProLayoutStatesType {
     /**
      * @description 是否折叠
-     * @default -
+     * @default false
      */
     collapsed?: boolean;
     /**
@@ -187,6 +211,23 @@ export interface ProLayoutStates {
      * @default -
      */
     notice?: ReactNode | string;
+    /**
+     * @description 菜单列表
+     * @default []
+     */
+    menus?: MenusType[];
+    /**
+     * @description 选中的路径
+     * @default ""
+     */
+    selectedPath?: string;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
+export type MenusProps = MenusType;
+export type DataSourceProps = DataSourceType;
+export type ProLayoutProps = ProLayoutType;
+export type ProLayoutStates = ProLayoutStatesType;
 export {};

package/es/ProLayout/utils/index.d.ts

@@ -1,4 +1,4 @@
-import type { MenusProps } from '../propTypes';
+import type { MenusType } from '../propTypes';
 /**
  * 通过URL获取对应keyIdPath
  * @param menus  菜单数据
@@ -17,7 +17,7 @@ export declare const transformMenu: (menuData: any[], pathPrefix: string) => any
  * @param data 菜单数据源
  * @returns []
  */
-export declare const transformMenus: (data: MenusProps, pathPrefix: string) => any[] | MenusProps;
+export declare const transformMenus: (data: MenusType, pathPrefix: string) => any[] | MenusType;
 /**
  * 获取URL中的search参数
  * @param name 参数key

package/es/ProSelect/index.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { PropSelectProps, ProSelectAction } from './propsType';
+import type { PropSelectType, ProSelectActionType } from './propsType';
 import './index.less';
-export declare const ProSelect: (props: PropSelectProps, ref: React.Ref<ProSelectAction> | undefined) => import("react/jsx-runtime").JSX.Element;
-declare const _default: React.ForwardRefExoticComponent<PropSelectProps & React.RefAttributes<ProSelectAction>>;
+export declare const ProSelect: (props: PropSelectType, ref: React.Ref<ProSelectActionType> | undefined) => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.ForwardRefExoticComponent<PropSelectType & React.RefAttributes<ProSelectActionType>>;
 export default _default;

package/es/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/es/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/es/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/es/ProTabs/index.js

@@ -59,12 +59,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 _objectSpread(_objectSpread({}, omit(itemProps, ['total', 'label', 'icon'])), {}, {
-        label: _jsx(Card, _objectSpread({
-          loading: fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading
-        }, cardItemProps))
+        label: _jsx(Card, _objectSpread({}, cardItemProps))
       });
     });
   }, [selectList, fetchFunction === null || fetchFunction === void 0 ? void 0 : fetchFunction.loading]);

package/es/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/es/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;