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

package/es/ProLayout/components/ProHeader/PropTypes.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { ModalProps } from 'antd';
 export type BreadcrumbType = 'breadcrumb' | 'copy' | 'info' | 'version' | 'tag';
 export type NavType = 'money' | 'thousandth' | 'enumName' | 'enumCodeName' | 'date' | 'dateTime';
-export interface BreadcrumbColumnsProps {
+export interface BreadcrumbColumnType {
     /**
      * @description 类型
      * @default -
@@ -34,7 +34,7 @@ export interface BreadcrumbColumnsProps {
      */
     tag?: string | React.ReactNode | (string | React.ReactNode)[];
 }
-export interface SubDescribeColumnsProps {
+export interface SubDescribeColumnType {
     /**
      * @description 描述内容
      * @default -
@@ -71,7 +71,7 @@ export interface SubDescribeColumnsProps {
      */
     code?: string;
 }
-export interface DescribeColumnsProps {
+export interface DescribeColumnType {
     /**
      * @description 描述内容
      * @default -
@@ -118,7 +118,7 @@ export interface DescribeColumnsProps {
      */
     tag?: string | React.ReactNode | (string | React.ReactNode)[];
 }
-export interface ProHeaderProps {
+export interface ProHeaderType {
     /**
      * @description 标题
      * @default -
@@ -129,12 +129,12 @@ export interface ProHeaderProps {
      * @deprecated        将于下个版本 4.0.0 被弃用
      * @default           -
      */
-    breadcrumbList?: BreadcrumbColumnsProps[];
+    breadcrumbList?: BreadcrumbColumnType[];
     /**
    * @description      面包屑配置数据
    * @default           -
    */
-    breadcrumbColumns?: BreadcrumbColumnsProps[];
+    breadcrumbColumns?: BreadcrumbColumnType[];
     /**
      * @description 是否隐藏溢出
      * @default -
@@ -150,17 +150,17 @@ export interface ProHeaderProps {
     * @deprecated        将于下个版本 4.0.0 被弃用
     * @default           -
     */
-    describeList?: SubDescribeColumnsProps[];
+    describeList?: SubDescribeColumnType[];
     /**
     * @description      主要描述数据源配置
     * @default           -
     */
-    describeColumns?: DescribeColumnsProps[];
+    describeColumns?: DescribeColumnType[];
     /**
     * @description      次级描述数据源配置
     * @default           -
     */
-    subDescribeColumns?: SubDescribeColumnsProps[];
+    subDescribeColumns?: SubDescribeColumnType[];
     /**
     * @description      次级描述是否展开
     * @default           -
@@ -204,3 +204,7 @@ export interface ProHeaderProps {
     onBack?: () => void;
     [key: string]: any;
 }
+export type ProHeaderProps = ProHeaderType;
+export type BreadcrumbColumnsProps = BreadcrumbColumnType;
+export type SubDescribeColumnsProps = SubDescribeColumnType;
+export type DescribeColumnsProps = DescribeColumnType;

package/es/ProLayout/components/ProHeader/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import type { ProHeaderProps } from './PropTypes';
-declare const _default: React.MemoExoticComponent<(props: ProHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+import type { ProHeaderType } from './PropTypes';
+declare const _default: React.MemoExoticComponent<(props: ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/es/ProLayout/index.d.ts

@@ -1,12 +1,12 @@
 /// <reference types="react" />
-import type { ProLayoutProps } from './propTypes';
+import type { ProLayoutType } from './propTypes';
 export declare const LayoutContext: import("react").Context<{
     selectedPath: string;
     onSelected: (params: any) => void;
     target: '_blank' | '_parent' | '_self' | '_top';
 }>;
 declare const ProLayout: {
-    (props: ProLayoutProps): import("react/jsx-runtime").JSX.Element;
+    (props: ProLayoutType): import("react/jsx-runtime").JSX.Element;
     defaultProps: {
         menus: any[];
         iconfontUrl: string;
@@ -18,8 +18,8 @@ declare const ProLayout: {
         headerHeight: number;
         contentStyle: {};
     };
-    ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseProps) => import("react/jsx-runtime").JSX.Element;
-    ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterProps) => import("react/jsx-runtime").JSX.Element>;
-    ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderProps) => import("react/jsx-runtime").JSX.Element>;
+    ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseType) => import("react/jsx-runtime").JSX.Element;
+    ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterType) => import("react/jsx-runtime").JSX.Element>;
+    ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
 };
 export default ProLayout;

package/es/ProLayout/index.js

@@ -56,8 +56,10 @@ var ProLayout = function ProLayout(props) {
       return _message.warning('Warning: Missing menu data source, or menu data source is not an array');
     }
     var userData = transformMenus(dataSource, pathPrefix);
+    // 确保 menus 始终是一个数组
+    var menuData = Array.isArray(userData) ? userData : (userData === null || userData === void 0 ? void 0 : userData.menus) || [];
     setState({
-      menus: userData
+      menus: menuData
     });
   }, [dataSource]);
   /**
@@ -88,7 +90,9 @@ var ProLayout = function ProLayout(props) {
     })), _jsxs("div", {
       className: contentCls,
       children: [_jsx(Menu, _objectSpread(_objectSpread({}, props), {}, {
-        dataSource: menus,
+        dataSource: Array.isArray(menus) ? {
+          menus: menus
+        } : menus,
         notice: notice,
         collapsed: collapsed,
         onToggle: function onToggle() {

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;