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

package/es/ProForm/propsType.d.ts

@@ -0,0 +1,143 @@
+import React, { ReactNode } from 'react';
+import { ButtonProps, ColProps, RowProps } from 'antd';
+import { FormProps, FormInstance } from 'antd/es/form/Form';
+import { NamePath } from 'antd/es/form/interface';
+import type { StoreValue, Store, ValuedNotifyInfo } from '@rc-component/form/es/interface';
+import type { ShouldUpdate } from '@rc-component/form/es/Field';
+import type { ProFormColumnType, ViewType } from './components/render/propsType';
+import type { ProFormComponentType } from './components';
+export type ModifiedFormInstanceType<T> = FormInstance<T> & {
+    isModified?: boolean;
+    /** 默认清空设置值的报错状态 */
+    setFieldValue: (name: NamePath, value: any, info?: ValuedNotifyInfo) => void;
+    formKey?: string;
+    _init?: boolean;
+    __INTERNAL_CONFIG__?: {
+        fields?: any[];
+        stopOnFirstError?: boolean;
+        [key: string]: any;
+    };
+};
+export interface ButtonType extends ButtonProps {
+    children?: any;
+}
+export interface FooterButtonType {
+    okButtonProps?: ButtonType;
+    cancelButtonProps?: ButtonType;
+}
+export interface ProFormItemChildType {
+    value?: any;
+    onChange?: () => void;
+    [key: string]: any;
+}
+export type ModeEnum = 'search' | 'drawer';
+type FooterType = ReactNode | {
+    okButtonProps: ButtonType;
+    cancelButtonProps: ButtonType;
+} | boolean;
+export declare const otherKeys: string[];
+export interface ProFormOtherType {
+    isView?: boolean;
+    viewEmpty?: React.ReactNode;
+    label?: React.ReactNode;
+    valueType?: string;
+    viewType?: ViewType;
+    name?: NamePath;
+    names?: NamePath[];
+    form?: FormInstance;
+    type?: ProFormComponentType;
+    hiddenNames?: string[] | any[];
+    colProps: ColProps;
+    disabled: boolean;
+    show?: boolean | (() => boolean);
+    required?: boolean | boolean[] | (() => boolean | boolean[]);
+    mode?: string;
+    namePath?: any[] | string | number;
+    listName?: any[] | string | number;
+    globalControl?: boolean;
+    formDisabled?: boolean;
+    isDiffChange?: boolean;
+    diffConfig?: DiffConfigType;
+    shouldUpdateDebounce?: number;
+    /** 灵活模式 Group 相关属性，独立管理灵活模式配置 */
+    flexibleGroupProps?: {
+        className?: string;
+        style?: React.CSSProperties;
+    };
+}
+export interface DiffConfigType<Values = any> {
+    /** 比对原始数据源 */
+    originalValues: Values;
+    /** 是否显示对比值气泡 */
+    toolTip?: boolean;
+    /** 变更提示颜色 */
+    changeTipColor?: string;
+    /** 新增提示颜色 */
+    addTipColor?: string;
+    /** 是否跟随父组件滚动 */
+    scrollFollowParent?: string;
+}
+export interface ProFormType<Values = any> extends FormProps<Values> {
+    disabled?: boolean;
+    /** 全局控制优先 */
+    globalControl?: boolean;
+    mode?: ModeEnum;
+    /**
+     * 如果有formKey，则会在全局中查找或创建表单实例
+     * 可以不需要手动传入form实例 且formKey的优先级高于form
+     */
+    formKey?: string;
+    /** 是否查看 */
+    isView?: boolean;
+    span?: number;
+    columns?: ProFormColumnType<Values>[];
+    rowProps?: RowProps;
+    footer?: FooterType;
+    expand?: boolean | number;
+    expandOpen?: boolean;
+    expandOpenChange?: (open: boolean) => void;
+    onOk?: () => void;
+    okText?: string;
+    onCancel?: () => void;
+    cancelText?: string;
+    viewEmpty?: React.ReactNode | string;
+    confirmLoading?: boolean;
+    labelWidth?: string | number;
+    /** 是否回车提交 */
+    submitOnEnter?: boolean;
+    clearNotShow?: boolean;
+    requiredOnView?: boolean;
+    formId?: string;
+    required?: boolean | boolean[];
+    /** 表单比对配置 */
+    diffConfig?: DiffConfigType;
+    scrollToError?: boolean;
+    /** 性能模式，谨慎使用，默认不开启
+     * 1. 开启不过滤names的中间态值
+     */
+    optimize?: boolean;
+    /** 是否在遇到第一个错误时停止验证 */
+    stopOnFirstError?: boolean;
+    /** shouldUpdate防抖延迟时间，默认500ms，设置为0则不防抖 */
+    shouldUpdateDebounce?: number;
+    /** label 对齐方式 */
+    labelAlign?: 'left' | 'right';
+}
+export interface TransformType<T = any> {
+    normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue;
+    getValueProps?: (value: StoreValue) => Record<string, unknown>;
+    shouldUpdate?: ShouldUpdate<T>;
+}
+export type DistributiveOmit<T, K extends keyof any> = T extends any ? Omit<T, K> : never;
+/**
+ * ProForm 组件接口类型
+ * 用于定义 ProForm 组件及其静态方法的类型
+ * 注意：此接口的具体实现方法类型在组件文件中定义，这里只提供基础结构
+ */
+export interface ProFormInstanceType<T = any> extends React.ForwardRefExoticComponent<ProFormType<T> & React.RefAttributes<FormInstance<T>>> {
+    useForm: any;
+    useWatch: any;
+    useFormInstances: any;
+    [key: string]: any;
+}
+export type { ProFormColumnType } from './components/render/propsType';

package/es/ProForm/utils/buildFormItemProps.d.ts

@@ -0,0 +1,25 @@
+import type { FormItemProps } from 'antd';
+interface BuildFormItemPropsParams {
+    baseFormItemProps: any;
+    otherProps: any;
+    form: any;
+    namesStr: any;
+    internalRule: any;
+    resolvedRequired: any;
+    rules: any;
+    labelRequired: any;
+    requiredOnView?: boolean;
+    type: string;
+    trim?: boolean;
+    upperCase?: boolean;
+    proConfig: any;
+    validateFirst: any;
+    lastDisabled: any;
+    labelWidth?: string | number;
+}
+/**
+ * 将列配置整理为最终透传给 Form.Item 的 props（纯函数）
+ * 聚合 valueType transform / transformNames / 校验规则 / disabled 优先级 / omit
+ */
+export declare const buildFormItemProps: (params: BuildFormItemPropsParams) => FormItemProps & Record<string, any>;
+export {};

package/es/ProForm/utils/diffOriginal.d.ts

@@ -0,0 +1,10 @@
+import { FormInstance } from 'antd';
+export interface DiffOriginalParams {
+    originalValue: any;
+    value: any;
+    form: FormInstance;
+    type?: string;
+    onDiff?: (originalValue: any, currentValue: any) => DiffType | boolean | undefined;
+}
+export type DiffType = 'same' | 'add' | 'changed';
+export declare const diffOriginal: (params: DiffOriginalParams) => DiffType;

package/es/ProForm/utils/getDefaultProps.d.ts

@@ -0,0 +1 @@
+export declare const getDefaultProps: (props: any) => any;

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

@@ -0,0 +1,109 @@
+import { ColProps, FormProps, FormInstance } from 'antd';
+import { InternalNamePath, NamePath } from 'antd/es/form/interface';
+interface transProps {
+    formProps: FormProps;
+    colProps: ColProps;
+    [name: string]: any;
+}
+interface AnyObject {
+    [key: string]: any;
+}
+export declare const getLayout: (params: any) => transProps;
+export declare const isSelect: (props: any) => any;
+/**
+ * Input TextArea 移除前后空格
+ * @param type 组件类型
+ * @param trim 是否移除前后空格
+ * @returns {}
+ */
+export declare const isTrim: (type: string, trim: boolean, configData: any) => any;
+/**
+ * Input TextArea 小写自动转大写
+ * @param type 组件类型
+ * @param upperCase 是否小写转大写
+ * @returns {}
+ */
+export declare const isUpperCase: (type: string, upperCase: boolean) => any;
+export declare const diffField: (prevValues: any, curValues: any, names: NamePath[]) => boolean;
+export declare const splitNameStr: (name: string) => string[][];
+export declare const filterInternalFields: (values: any, optimize?: boolean) => any;
+export declare const getAllNamePath: (object: Record<string, any>, currentPath?: InternalNamePath) => InternalNamePath[];
+export declare const isNullValue: (value: any) => boolean;
+/**
+ * 判断数组中是否包含空值 一个为空则为true
+ * @param arr 值
+ * @returns boole
+ */
+export declare const isNotFullArray: (arr: any, length: any, required: any) => boolean;
+/**
+ * 判断数组中值是否都为空 全部为空则为true
+ * @param arr 值
+ * @returns boole
+ */
+export declare const isNullArray: (arr: any) => boolean;
+/**
+ * 判断数组中值是否全部为空  如果值不是数组返回false
+ * @param arr 值
+ * @returns boole
+ */
+export declare const isEmptyArray: (arr: any) => boolean;
+export declare function toArray<T>(value?: T | T[] | null): T[];
+/**
+ * 初始化值names值合并
+ * @param obj AnyObject
+ * @returns AnyObject
+ */
+export declare function initialValuesToNames(values: AnyObject, columns: AnyObject): AnyObject;
+/**
+ * 获取数组含数字的新数组
+ * @returns ['group-7x19no', 0, 'abc'] =>['group-7x19no', 0]
+ */
+export declare function getArrayBeforeNumber(arr: (string | number)[]): (string | number)[];
+/**
+ * 查询数据中是否包含rowKey
+ */
+export declare const hasRowKey: (obj: any) => boolean;
+/**
+ * 获取小数点后的位数
+ * @param num 数字
+ * @returns 位数
+ */
+export declare const getDecimalDigits: (num: number) => number;
+/**
+ * 获取树状结构option
+ * @param treeData 树数据源
+ * @param value 选中值
+ * @returns {}
+ */
+export declare const findOptionByValue: (treeData: any[], value: string | number, fieldNames: {
+    label?: string;
+    value?: string;
+    children?: string;
+    [key: string]: any;
+}) => any;
+/** 解析namePath */
+export declare const parseNamePath: (input: string) => any;
+/**
+ * 获取表单所有字段路径的简化函数
+ * @param form 表单实例
+ * @returns 所有字段路径数组
+ */
+export declare const getFormFieldPaths: (form: FormInstance) => any[];
+export declare function findNamesKeyInArray(arr: string[], key: string): string | null;
+type DataItem = (string | number)[];
+/**
+ * 根据特定规则合并两个数据源 (TypeScript 版本)
+ * @param data1 第一个数据源
+ * @param data2 第二个数据源
+ * @returns 合并后的结果数组
+ */
+export declare const mergeNames: (data1: DataItem[], data2: DataItem[]) => DataItem[];
+/**
+ * 是否 formlist或者pro-edit-table 场景
+ * 使用正则表达式判断一个由逗号分隔的字符串中，是否包含一个纯数字的片段。
+ * @param {string} str - 输入的字符串。
+ * @returns {boolean} - 如果匹配成功，返回 true；否则返回 false。
+ */
+export declare const isListForm: (str: string) => boolean;
+export * from './buildFormItemProps';
+export * from './reactiveValues';

package/es/ProForm/utils/processDependencies.d.ts

@@ -0,0 +1,29 @@
+import type { NamePath } from 'antd/es/form/interface';
+/**
+ * 定义支持多字段依赖的类型
+ */
+export interface NamePathsDependencyType {
+    type: 'namesPaths';
+    paths: NamePath[][];
+}
+/**
+ * dependencies支持的类型
+ */
+export type Dependencies = NamePath[] | NamePathsDependencyType;
+/**
+ * 处理表单依赖项
+ *
+ * 将常规的依赖项数组与namesPaths类型的依赖项进行处理
+ * 对于namesPaths类型，将其转换为特定格式的字符串：
+ * - 同一路径内的多级通过下划线(_)连接
+ * - 不同路径之间通过连字符(-)连接
+ *
+ * 例如:
+ * { type: 'namesPaths', paths: [['a', 'b'], ['c', 'd']] }
+ * 会被转换成: ['a_b-c_d']
+ *
+ * @param dependencies 依赖项配置
+ * @returns 处理后的依赖项数组
+ */
+export declare function processDependencies(dependencies?: any): any;
+export default processDependencies;

package/es/ProForm/utils/reactiveValues.d.ts

@@ -0,0 +1,33 @@
+/** 列级响应式配置（可能为静态值或 ReactiveFunction） */
+export interface ReactiveProps {
+    show?: any;
+    disabled?: any;
+    required?: any;
+    rules?: any;
+    fieldProps?: any;
+    desensitization?: any;
+}
+/** 解析后的列级响应式值 */
+export interface ReactiveValues {
+    show: any;
+    disabled: any;
+    required: any;
+    rules: any;
+    fieldProps: any;
+    desensitization: any;
+}
+/** 持有解析值的 ref 集合 */
+export interface ReactiveRefs {
+    showRef: React.MutableRefObject<any>;
+    disabledRef: React.MutableRefObject<any>;
+    requiredRef: React.MutableRefObject<any>;
+    rulesRef: React.MutableRefObject<any>;
+    fieldPropsRef: React.MutableRefObject<any>;
+    desensitizationRef: React.MutableRefObject<any>;
+}
+/** 按当前表单值解析 show/disabled/required/rules/fieldProps/desensitization（纯函数，无副作用） */
+export declare const resolveReactiveValues: (reactiveProps: ReactiveProps, currentValues: any, ctx: any) => ReactiveValues;
+/** 比较解析值与上一次 ref 值是否有变化（纯函数，无副作用） */
+export declare const hasReactiveDiff: (refs: ReactiveRefs, next: ReactiveValues) => boolean;
+/** 将解析值写回 ref 集合 */
+export declare const commitReactiveValues: (refs: ReactiveRefs, next: ReactiveValues) => void;

package/es/ProForm/utils/rulesCreator.d.ts

@@ -0,0 +1,7 @@
+export declare const rulesCreator: ({ rules, label, isSelect, names, required }: {
+    rules?: any[];
+    label: any;
+    isSelect: any;
+    names: any;
+    required: any;
+}) => any[];

package/es/ProForm/utils/transformNames.d.ts

@@ -0,0 +1,10 @@
+import { FormInstance, FormItemProps } from 'antd';
+import { NamePath } from 'antd/es/form/interface';
+interface TransformProps extends FormItemProps {
+    names: NamePath[];
+    form: FormInstance;
+    namePath: any[];
+}
+type TransformFun = 'normalize' | 'getValueProps' | 'shouldUpdate' | 'name';
+declare const transformNames: (formItem: TransformProps, form: FormInstance, names: NamePath[], fieldName: string, type?: string) => Pick<TransformProps, TransformFun>;
+export default transformNames;

package/es/ProForm/utils/transformValue.d.ts

@@ -0,0 +1,6 @@
+import { FormInstance, FormItemProps } from 'antd';
+import { NamePath } from 'antd/es/form/interface';
+import type { StoreValue, Store } from '@rc-component/form/es/interface';
+import type { TransformType } from '../propsType';
+export declare const transformValue: (names: NamePath[], form: FormInstance, fieldName: NamePath, normalize?: (value: StoreValue, prevValue: StoreValue, allValues: Store) => StoreValue, getValueProps?: FormItemProps["getValueProps"]) => TransformType;
+export default transformValue;

package/es/ProForm/utils/valueType.d.ts

@@ -0,0 +1,70 @@
+/** 脱敏处理函数 */
+export declare const maskStringRangeWithRegex: (input: string, range: [number, number]) => string;
+declare const _default: {
+    /** 年月日 */
+    date: ({ type, toISOString, toCSTString, mode }: {
+        type: any;
+        toISOString: any;
+        toCSTString: any;
+        mode: any;
+    }) => {};
+    /** 年月日 时分秒 */
+    dateTime: ({ type, toISOString, toCSTString, mode }: {
+        type: any;
+        toISOString: any;
+        toCSTString: any;
+        mode: any;
+    }) => {};
+    /** 年月日 00:00:00 */
+    dateStartTime: ({ type, toISOString, toCSTString, mode }: {
+        type: any;
+        toISOString: any;
+        toCSTString: any;
+        mode: any;
+    }) => {};
+    /** 年月日 23:59:59 */
+    dateEndTime: ({ type, toISOString, toCSTString, mode }: {
+        type: any;
+        toISOString: any;
+        toCSTString: any;
+        mode: any;
+    }) => {};
+    /** 年月日 00:00:00 ~ 年月日 23:59:59 */
+    dateStartEndTime: ({ type, toISOString, toCSTString, mode }: {
+        type: any;
+        toISOString: any;
+        toCSTString: any;
+        mode: any;
+    }) => {};
+    /** 百分比 */
+    percentage: ({ type, valueType }: {
+        type: any;
+        valueType: any;
+    }) => {
+        normalize: (value: any) => any;
+        getValueProps: (value: any) => {
+            value: any;
+        };
+    };
+    /** 千分比 */
+    permillage: ({ type, valueType }: {
+        type: any;
+        valueType: any;
+    }) => {
+        normalize: (value: any) => any;
+        getValueProps: (value: any) => {
+            value: any;
+        };
+    };
+    /**  开关 YN转换 */
+    switch: ({ switchValue }: {
+        switchValue: any;
+    }) => Error | {
+        normalize: (value: boolean) => any;
+        getValueProps: (value: any) => {
+            checked: boolean;
+            value: any;
+        };
+    };
+};
+export default _default;

package/es/ProIcon/config/index.d.ts

@@ -0,0 +1,19 @@
+export declare const iconMap: {
+    type: string;
+    'text-cn': string;
+    'text-en': string;
+}[];
+export declare const themeMap: {
+    '#006AFF': string[];
+    '#00BC70': string[];
+    '#FF8C16': string[];
+    '#A00F20': string[];
+    '#31AF96': string[];
+};
+export declare const themeFillMap: {
+    '#006AFF': string[];
+    '#00BC70': string[];
+    '#FF8C16': string[];
+    '#A00F20': string[];
+    '#31AF96': string[];
+};

package/es/ProIcon/index.d.ts

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

package/es/ProIcon/propsTypes.d.ts

@@ -0,0 +1,175 @@
+import { CSSProperties, ReactNode, MouseEventHandler, ComponentType, ReactElement } from 'react';
+import { ButtonProps } from 'antd/lib/button';
+/**
+ * 图标模式
+ * @description 定义图标的显示模式：纯图标或按钮形式
+ */
+export type ProIconModeType = 'icon' | 'button';
+/**
+ * 图标映射对象
+ */
+export interface ProIconMapType {
+    /**
+     * 图标类型
+     * @description 唯一标识图标的类型名称
+     * @default undefined
+     */
+    type: string;
+    /**
+     * 中文显示文本
+     * @description 图标对应的中文描述
+     * @default undefined
+     */
+    'text-cn'?: string;
+    /**
+     * 英文显示文本
+     * @description 图标对应的英文描述
+     * @default undefined
+     */
+    'text-en'?: string;
+}
+/**
+ * 主题映射对象
+ */
+interface ProIconThemeMapType {
+    /**
+     * 主题颜色映射
+     * @description 不同主题下的颜色值数组
+     * @default undefined
+     */
+    [key: string]: string[];
+}
+/**
+ * 操作映射对象
+ */
+export interface ProIconActionMapType {
+    /**
+     * 主题颜色映射
+     * @description 不同主题下的颜色映射
+     * @default undefined
+     */
+    themeMap?: ProIconThemeMapType;
+    /**
+     * 主题填充颜色映射
+     * @description 不同主题下的填充颜色映射
+     * @default undefined
+     */
+    themeFillMap?: ProIconThemeMapType;
+    /**
+     * 渐变色值
+     * @description 渐变色值数组
+     * @default undefined
+     */
+    gradation?: string[];
+    /**
+     * 填充色值
+     * @description 填充色值数组
+     * @default undefined
+     */
+    fill?: string[];
+}
+export interface ProIconType {
+    /**
+     * 自定义 SVG 组件
+     * @description 自定义 SVG React 组件或 SVG 文件路径，支持传入组件类型、组件实例或字符串路径，优先级高于 src 和 type
+     * @default undefined
+     */
+    component?: ComponentType<any> | ReactElement | string;
+    /**
+     * 图标路径
+     * @description 本地import引入的图标路径
+     * @default undefined
+     */
+    src?: string;
+    /**
+     * 图标名称
+     * @description 图标的类型名称，用于识别特定图标
+     * @default null
+     */
+    type?: string | null;
+    /**
+     * 图标大小
+     * @description 图标的大小，同时设置图标的width以及height
+     * @default '1em'
+     */
+    size?: number | string;
+    /**
+     * 旋转角度
+     * @description 图标旋转角度（IE9 无效）
+     * @default undefined
+     */
+    rotate?: number;
+    /**
+     * 是否旋转
+     * @description 图标是否旋转loading效果
+     * @default false
+     */
+    spin?: boolean;
+    /**
+     * 图标颜色
+     * @description 图标的颜色，设置svg的fill属性
+     * @default undefined
+     */
+    color?: string;
+    /**
+     * 是否禁用
+     * @description 设置图标为禁用状态
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * 提示信息
+     * @description 鼠标悬停时显示的提示信息
+     * @default undefined
+     */
+    tooltip?: string | ReactNode;
+    /**
+     * 是否跟随主题
+     * @description 是否跟随系统主题色变化
+     * @default false
+     */
+    theme?: boolean;
+    /**
+     * 点击事件
+     * @description 图标的点击事件处理函数
+     * @default undefined
+     */
+    onClick?: MouseEventHandler<SVGSVGElement>;
+    /**
+     * 自定义类名
+     * @description 自定义图标的CSS类名
+     * @default undefined
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     * @description 计算后的svg元素样式，优先级高于size/color/rotate属性
+     * @default {}
+     */
+    style?: CSSProperties;
+    /**
+     * 显示模式
+     * @description 图标的显示模式：图标或按钮
+     * @default 'icon'
+     */
+    mode?: ProIconModeType;
+    /**
+     * 按钮属性
+     * @description mode为button时的按钮属性，与antd Button接收props一致
+     * @default {}
+     */
+    buttonProps?: ButtonProps;
+    /**
+     * 图标映射表
+     * @description 图标与中英文文本的映射表
+     * @default []
+     */
+    mapList?: ProIconMapType[];
+    /**
+     * SVG操作表
+     * @description SVG变更操作表，用于主题配置
+     * @default undefined
+     */
+    actionMap?: ProIconActionMapType;
+}
+export {};

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

@@ -0,0 +1,6 @@
+export declare const recurseGetNodes: (type: any, node: any, queue: any) => void;
+export declare const onBeforeInjection: ({ svg, actionMap, primaryColor }: {
+    svg: any;
+    actionMap: any;
+    primaryColor: any;
+}) => void;

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

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

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

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

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

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