@zat-design/sisyphus-react 4.5.5 → 4.5.6-beta.2

package/es/ProLayout/components/Layout/Menu/OpenMenu/propsType.d.ts

@@ -0,0 +1,15 @@
+export interface OpenMenuPropsType {
+    dataSource: {
+        menus: any;
+        iconfontUrl: string;
+        height?: number;
+        /** 是否是折叠模式的菜单 */
+        sideMenu?: boolean;
+    };
+    [key: string]: any;
+}
+export interface StatePropsType {
+    selectedKeys: string[];
+    openKeys: string[];
+    router: string;
+}

package/es/ProLayout/components/Layout/Menu/SideMenu/index.d.ts

@@ -0,0 +1,3 @@
+import type { FC } from 'react';
+declare const SideMenu: FC<any>;
+export default SideMenu;

package/es/ProLayout/components/Layout/Menu/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { ProLayoutType } from '../../../propTypes';
+declare const Menu: FC<ProLayoutType>;
+export default Menu;

package/es/ProLayout/components/Layout/Notice/index.d.ts

@@ -0,0 +1,4 @@
+import type { FC } from 'react';
+import type { ProLayoutType } from '../../../propTypes';
+declare const Notice: FC<ProLayoutType>;
+export default Notice;

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

@@ -0,0 +1,3 @@
+export { default as Header } from './Header';
+export { default as Notice } from './Notice';
+export { default as Menu } from './Menu';

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

@@ -0,0 +1,98 @@
+import React, { CSSProperties } from 'react';
+import { CollapseProps, CollapsePanelProps } from 'antd/es/collapse';
+export type levelType = '1' | '2' | '3';
+export interface TitleListType {
+    /**
+     * @description       描述的标题
+     * @default           -
+     */
+    label: string;
+    /**
+     * @description       描述的值
+     * @default           -
+     */
+    value: string | number | undefined | React.ReactNode;
+}
+export interface ProCollapseType {
+    /**
+     * @description       折叠头部标题
+     * @default           -
+     */
+    title?: string | React.ReactNode;
+    /**
+     * @description       展开收起状态
+     * @default           false
+     */
+    collapsed?: boolean;
+    /**
+     * @description     自动适应窗口大小
+     * @default           -
+     */
+    autoHeight?: boolean;
+    /**
+     * @description       标题前图标
+     * @default           -
+     */
+    icon?: React.ReactNode | boolean;
+    /**
+     * @description       折叠头部多个标题
+     * @default           []
+     */
+    titleList?: TitleListType[];
+    /**
+     * @description       id用于锚点定位
+     * @default           -
+     */
+    id?: string;
+    /**
+     * @description       内容区域样式
+     * @default           -
+     */
+    contentStyle?: CSSProperties;
+    /**
+     * @description       折叠等级
+     * @default           1
+     */
+    level?: levelType;
+    /**
+     * @description       二级折叠是否带收起
+     * @default           false
+     */
+    towCollapse?: boolean;
+    /**
+     * @description       三级折叠是否带收起
+     * @default           false
+     */
+    threeCollapse?: boolean;
+    /**
+     * @description      标题右侧扩展信息
+     * @default           -
+     */
+    extra?: React.ReactNode;
+    /**
+     * @description      当有titleList显示的换行的数量
+     * @default           3
+     */
+    column?: number;
+    /**
+     * @description      一级标题是否默认折叠
+     * @default           false
+     */
+    folding?: boolean;
+    /**
+     * @description      控制折叠面板展开状态
+     * @default           -
+     */
+    open?: boolean;
+    /**
+     * @description      antd Collapse属性
+     * @default           -
+     */
+    collapseProps?: CollapseProps;
+    /**
+     * @description      antd  CollapsePanel属性
+     * @default           -
+     */
+    collapsePanelProps?: CollapsePanelProps;
+    [key: string]: any;
+}

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

@@ -0,0 +1,3 @@
+import type { ProCollapseType } from './PropTypes';
+declare const ProCollapse: (props: ProCollapseType) => import("react/jsx-runtime").JSX.Element;
+export default ProCollapse;

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

@@ -0,0 +1,27 @@
+export interface stateProps {
+    width?: number;
+    [key: string]: any;
+}
+export interface ProFooterType {
+    /**
+     * @description 是否显示
+     * @default true
+     */
+    visible?: boolean;
+    /**
+     * @description 层级
+     * @default 99
+     */
+    zIndex?: number;
+    /**
+     * @description 侧边栏选择器
+     * @default '.pro-layout-sider-nav'
+     */
+    sideDom?: string;
+    /**
+     * @description 内容选择器
+     * @default '.pro-layout-content'
+     */
+    contentDom?: string;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1,206 @@
+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 BreadcrumbColumnType {
+    /**
+     * @description 类型
+     * @default -
+     */
+    type?: BreadcrumbType;
+    /**
+     * @description 值类型
+     * @default -
+     */
+    valueType?: BreadcrumbType;
+    /**
+     * @description 值
+     * @default -
+     */
+    value: any;
+    /**
+     * @description 宽度
+     * @default -
+     */
+    width?: string | number;
+    /**
+     * @description 是否显示
+     * @default -
+     */
+    show?: boolean;
+    /**
+     * @description 标签
+     * @default -
+     */
+    tag?: string | React.ReactNode | (string | React.ReactNode)[];
+}
+export interface SubDescribeColumnType {
+    /**
+     * @description 描述内容
+     * @default -
+     */
+    label?: string | React.ReactNode;
+    /**
+     * @description 类型
+     * @default -
+     */
+    type?: NavType;
+    /**
+     * @description 值类型
+     * @default -
+     */
+    valueType?: NavType;
+    /**
+     * @description 精度
+     * @default -
+     */
+    precision?: number;
+    /**
+     * @description 值
+     * @default -
+     */
+    value?: any;
+    /**
+     * @description 是否显示
+     * @default -
+     */
+    show?: boolean;
+    /**
+     * @description 枚举代码
+     * @default -
+     */
+    code?: string;
+}
+export interface DescribeColumnType {
+    /**
+     * @description 描述内容
+     * @default -
+     */
+    label?: string | React.ReactNode;
+    /**
+     * @description 是否显示
+     * @default -
+     */
+    copyable?: boolean;
+    /**
+     * @description 值
+     * @default -
+     */
+    value?: string | React.ReactNode;
+    /**
+     * @description 是否显示
+     * @default -
+     */
+    show?: boolean;
+    /**
+     * @description 链接
+     * @default -
+     */
+    link?: string;
+    /**
+     * @description 多值配置
+     * @default -
+     */
+    items?: {
+        copyable?: boolean;
+        value: string | React.ReactNode;
+        link?: string;
+        tag?: string | React.ReactNode | (string | React.ReactNode)[];
+    }[];
+    /**
+     * @description 宽度
+     * @default -
+     */
+    width?: string | number;
+    /**
+     * @description 标签
+     * @default -
+     */
+    tag?: string | React.ReactNode | (string | React.ReactNode)[];
+}
+export interface ProHeaderType {
+    /**
+     * @description 标题
+     * @default -
+     */
+    title?: string | React.ReactNode;
+    /**
+     * @description       面包屑配置数据
+     * @deprecated        将于下个版本 4.0.0 被弃用
+     * @default           -
+     */
+    breadcrumbList?: BreadcrumbColumnType[];
+    /**
+     * @description      面包屑配置数据
+     * @default           -
+     */
+    breadcrumbColumns?: BreadcrumbColumnType[];
+    /**
+     * @description 是否隐藏溢出
+     * @default -
+     */
+    bodyOverFlowHidden?: boolean;
+    /**
+     * @description 操作渲染
+     * @default -
+     */
+    actionRender?: React.ReactNode | React.ReactNode[];
+    /**
+     * @description      次级描述数据源配置
+     * @deprecated        将于下个版本 4.0.0 被弃用
+     * @default           -
+     */
+    describeList?: SubDescribeColumnType[];
+    /**
+     * @description      主要描述数据源配置
+     * @default           -
+     */
+    describeColumns?: DescribeColumnType[];
+    /**
+     * @description      次级描述数据源配置
+     * @default           -
+     */
+    subDescribeColumns?: SubDescribeColumnType[];
+    /**
+     * @description      次级描述是否展开
+     * @default           -
+     */
+    collapsed?: boolean;
+    /**
+     * @description      固定悬浮顶部距离
+     * @default           -
+     */
+    fixedTop?: string | number;
+    /**
+     * @description      是否显示返回按钮。显式传值优先；不传时若有 onBack 则显示，否则由 autoBack 按浏览器历史长度判断
+     * @default           -
+     */
+    showBack?: boolean;
+    showShadow?: boolean;
+    /**
+     * @description      自动返回
+     * @default           2
+     */
+    autoBack?: number;
+    /**
+     * @description      是否开启返回提示
+     * @default           false
+     */
+    isConfirmBack?: boolean;
+    /**
+     * @description      返回时二次确认弹框的属性
+     * @default           -
+     */
+    isConfirmBackModalProps?: ModalProps;
+    /**
+     * @description      层级
+     * @default           -
+     */
+    zIndex?: number;
+    /**
+     * @description      返回按钮点击回调；不传时默认执行 window.history.back()
+     * @default           -
+     */
+    onBack?: () => void;
+    [key: string]: any;
+}

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

@@ -0,0 +1,4 @@
+declare const Copy: ({ text }: {
+    text: any;
+}) => import("react/jsx-runtime").JSX.Element;
+export default Copy;

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import type { DescribeColumnType } from '../../PropTypes';
+/** 描述项里的单条值（link / copyable / tag 组合），对应 items 数组元素 */
+type DescribeValueItem = Pick<DescribeColumnType, 'tag' | 'link' | 'value' | 'copyable'>;
+/**
+ * 标签渲染：数组 tag 逐个渲染，单值渲染一个，空则不渲染
+ */
+export declare const DescribeTag: ({ tag, parentKey, }: {
+    tag?: DescribeColumnType["tag"];
+    parentKey: string;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 单行值渲染：link → <a>，copyable+字符串 → 复制按钮，末尾追加 tag
+ */
+export declare const DescribeValue: ({ value, link, copyable, tag, parentKey, }: DescribeValueItem & {
+    parentKey: string;
+}) => import("react/jsx-runtime").JSX.Element;
+/**
+ * 多值渲染：以「、」连接；超 3 个显示「共N个，」前缀；内容溢出时显示「...」并用 Tooltip 展示全部
+ */
+export declare const DescribeItems: ({ items, parentKey, containerRef, }: {
+    items: DescribeValueItem[];
+    parentKey: string;
+    containerRef: React.RefObject<HTMLDivElement>;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/es/ProLayout/components/ProHeader/components/Describe/index.js

@@ -0,0 +1,106 @@
+import _isString from "lodash/isString";
+import React from 'react';
+import { Space, Tooltip } from 'antd';
+import classnames from 'classnames';
+import Copy from "../Copy";
+import { checkDescribeItemsHidden, getTagKey, getDescribeValueKey } from "../../utils";
+
+/** 描述项里的单条值（link / copyable / tag 组合），对应 items 数组元素 */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * 标签渲染：数组 tag 逐个渲染，单值渲染一个，空则不渲染
+ */
+export const DescribeTag = ({
+  tag,
+  parentKey
+}) => {
+  if (Array.isArray(tag) && tag.length) {
+    return /*#__PURE__*/_jsx(Space, {
+      size: 4,
+      children: tag.map((tagItem, tagIndex) => /*#__PURE__*/_jsx("div", {
+        className: "pro-header-tag",
+        children: tagItem
+      }, getTagKey(tagItem, parentKey, tagIndex)))
+    });
+  }
+  return tag ? /*#__PURE__*/_jsx("div", {
+    className: "pro-header-tag",
+    children: tag
+  }) : null;
+};
+
+/**
+ * 单行值渲染：link → <a>，copyable+字符串 → 复制按钮，末尾追加 tag
+ */
+export const DescribeValue = ({
+  value,
+  link,
+  copyable,
+  tag,
+  parentKey
+}) => {
+  return /*#__PURE__*/_jsxs(Space, {
+    size: 4,
+    align: tag ? 'baseline' : 'center',
+    children: [link ? /*#__PURE__*/_jsx("a", {
+      onClick: () => {
+        const newWindow = window.open(link);
+        newWindow.opener = null;
+      },
+      children: value
+    }) : value, copyable && _isString(value) ? /*#__PURE__*/_jsx(Copy, {
+      text: value
+    }) : null, /*#__PURE__*/_jsx(DescribeTag, {
+      tag: tag,
+      parentKey: parentKey
+    })]
+  });
+};
+
+/**
+ * 多值渲染：以「、」连接；超 3 个显示「共N个，」前缀；内容溢出时显示「...」并用 Tooltip 展示全部
+ */
+export const DescribeItems = ({
+  items,
+  parentKey,
+  containerRef
+}) => {
+  // items 配置是否超长，超长则展示 ... + tip 提示
+  const itemsHidden = checkDescribeItemsHidden(containerRef?.current);
+  const result = /*#__PURE__*/_jsxs("div", {
+    ref: containerRef,
+    className: classnames({
+      'pro-header-describe-items': true,
+      'pro-header-describe-items-more': items.length >= 2
+    }),
+    children: [items?.length > 3 ? `共${items?.length}个，` : null, items.map((item, itemIndex) => /*#__PURE__*/_jsxs("span", {
+      children: [/*#__PURE__*/_jsx(DescribeValue, {
+        ...item,
+        parentKey: parentKey
+      }), items?.length !== itemIndex + 1 ? ' 、' : null]
+    }, getDescribeValueKey(item, parentKey, itemIndex))), itemsHidden ? /*#__PURE__*/_jsx("span", {
+      className: "pro-header-describe-items-omit",
+      children: "..."
+    }) : null]
+  });
+  if (itemsHidden) {
+    const tipResult = /*#__PURE__*/_jsx(_Fragment, {
+      children: items.map((item, itemIndex) => /*#__PURE__*/_jsx("p", {
+        className: "pro-header-describe-items-tip-value",
+        children: /*#__PURE__*/_jsx(DescribeValue, {
+          ...item,
+          parentKey: parentKey
+        })
+      }, getDescribeValueKey(item, parentKey, itemIndex)))
+    });
+    return /*#__PURE__*/_jsx(Tooltip, {
+      placement: "bottomLeft",
+      classNames: {
+        root: 'pro-header-describe-items-tip'
+      },
+      title: tipResult,
+      children: result
+    });
+  }
+  return result;
+};

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

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { IPropsType } from './propsType';
+/**
+ * 页面返回按钮
+ * @param onBack 自定义返回方法
+ * @param text 自定义按钮文字
+ */
+declare const ProBackBtn: FC<IPropsType>;
+export default ProBackBtn;

package/es/ProLayout/components/ProHeader/components/ProBackBtn/propsType.d.ts

@@ -0,0 +1,4 @@
+export interface IPropsType {
+    onBack?: () => void;
+    text?: string;
+}

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

@@ -0,0 +1,2 @@
+export { default as Copy } from './Copy';
+export { default as ProBackBtn } from './ProBackBtn';

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

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