@pisell/materials 1.0.970 → 1.0.972

package/lib/components/PisellProcedure/types.d.ts

@@ -0,0 +1,303 @@
+import React from 'react';
+import type { ButtonProps } from 'antd';
+import type { PisellStepsProps, StepItem } from '../PisellSteps/types';
+/**
+ * 布局方向类型
+ */
+export declare type LayoutDirection = 'vertical' | 'horizontal';
+/**
+ * 操作区定位模式
+ */
+export declare type ActionMode = 'fixed' | 'embedded' | 'float';
+/**
+ * 操作区定位位置
+ */
+export declare type ActionPosition = 'bottom' | 'content' | 'summary';
+/**
+ * 头部固定模式
+ */
+export declare type HeaderFixed = boolean | 'scroll';
+/**
+ * 操作按钮配置项
+ */
+export interface ActionItem {
+    /** 唯一标识 */
+    key: string;
+    /** 按钮文本 */
+    label: React.ReactNode;
+    /** 按钮类型 */
+    type?: 'primary' | 'default' | 'dashed' | 'link' | 'text';
+    /** 点击回调 */
+    onClick?: () => void | Promise<void>;
+    /** 是否禁用 */
+    disabled?: boolean;
+    /** 是否加载中 */
+    loading?: boolean;
+    /** 按钮图标 */
+    icon?: React.ReactNode;
+    /** 排序权重（越小越靠前） */
+    order?: number;
+    /** 是否隐藏 */
+    hidden?: boolean;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 其他按钮属性 */
+    [key: string]: any;
+}
+/**
+ * PisellProcedure 组件属性
+ */
+export interface PisellProcedureProps {
+    /** 当前步骤索引（从 0 开始） */
+    current?: number;
+    /** 步骤配置数组（传递给 PisellSteps 组件） */
+    steps: StepItem[];
+    /** 步骤改变时的回调 */
+    onStepChange?: (current: number) => void | Promise<void>;
+    /** 点击关闭按钮的回调 */
+    onClose?: () => void;
+    /** 点击上一步按钮的回调 */
+    onPrev?: () => void;
+    /** 内容区渲染函数 */
+    contentRender: (current: number) => React.ReactNode;
+    /** 信息总结区渲染函数 */
+    summaryRender?: (current: number) => React.ReactNode;
+    /** 操作按钮配置数组 */
+    actions?: ActionItem[];
+    /** 整体布局方向 */
+    layout?: LayoutDirection;
+    /** 主体区域布局方向 */
+    bodyLayout?: LayoutDirection;
+    /** 内容区宽度（百分比或固定值） */
+    contentWidth?: string | number;
+    /** 信息总结区宽度（固定值） */
+    summaryWidth?: string | number;
+    /** 是否显示头部区域 */
+    showHeader?: boolean;
+    /** 是否显示信息总结区 */
+    showSummary?: boolean;
+    /** 是否显示操作区 */
+    showAction?: boolean;
+    /** 是否显示上一步按钮 */
+    showPrevButton?: boolean;
+    /** 是否显示关闭按钮 */
+    showCloseButton?: boolean;
+    /** 头部区域是否固定定位 */
+    headerFixed?: HeaderFixed;
+    /** 操作区定位模式 */
+    actionMode?: ActionMode;
+    /** 操作区定位位置 */
+    actionPosition?: ActionPosition;
+    /** 信息总结区是否可折叠 */
+    summaryCollapsible?: boolean;
+    /** 信息总结区默认是否折叠 */
+    summaryDefaultCollapsed?: boolean;
+    /** 步骤切换前是否自动验证 */
+    validateOnStepChange?: boolean;
+    /** 步骤验证函数 */
+    onValidate?: (current: number) => boolean | Promise<boolean>;
+    /** 返回上一步是否清除当前步骤数据 */
+    clearOnBack?: boolean;
+    /** 数据改变影响当前步骤时是否弹窗确认 */
+    confirmOnDataChange?: boolean;
+    /** 头部区域自定义类名 */
+    headerClassName?: string;
+    /** 头部区域自定义样式 */
+    headerStyle?: React.CSSProperties;
+    /** 内容区自定义类名 */
+    contentClassName?: string;
+    /** 内容区自定义样式 */
+    contentStyle?: React.CSSProperties;
+    /** 信息总结区自定义类名 */
+    summaryClassName?: string;
+    /** 信息总结区自定义样式 */
+    summaryStyle?: React.CSSProperties;
+    /** 操作区自定义类名 */
+    actionClassName?: string;
+    /** 操作区自定义样式 */
+    actionStyle?: React.CSSProperties;
+    /** 组件根节点自定义类名 */
+    className?: string;
+    /** 组件根节点自定义样式 */
+    style?: React.CSSProperties;
+    /** 头部区域额外内容插槽 */
+    headerExtra?: React.ReactNode;
+    /** 信息总结区额外内容插槽 */
+    summaryExtra?: React.ReactNode;
+    /** 操作区额外内容插槽 */
+    actionExtra?: React.ReactNode;
+    /** 传递给 PisellSteps 组件的额外属性 */
+    stepsProps?: Partial<PisellStepsProps>;
+    /** 上一步按钮的属性 */
+    prevButtonProps?: ButtonProps;
+    /** 关闭按钮的属性 */
+    closeButtonProps?: ButtonProps;
+    /** 是否显示加载状态 */
+    loading?: boolean;
+    /** 是否禁用所有操作 */
+    disabled?: boolean;
+}
+/**
+ * ProcedureHeader 组件属性（内部子组件）
+ */
+export interface ProcedureHeaderProps {
+    /** 当前步骤索引 */
+    current: number;
+    /** 步骤配置数组 */
+    steps: StepItem[];
+    /** 传递给 PisellSteps 的额外属性 */
+    stepsProps?: Partial<PisellStepsProps>;
+    /** 是否显示上一步按钮 */
+    showPrevButton: boolean;
+    /** 是否显示关闭按钮 */
+    showCloseButton: boolean;
+    /** 点击上一步的回调 */
+    onPrev?: () => void;
+    /** 点击关闭的回调 */
+    onClose?: () => void;
+    /** 点击步骤的回调 */
+    onStepClick?: (index: number) => void;
+    /** 额外内容插槽 */
+    headerExtra?: React.ReactNode;
+    /** 上一步按钮属性 */
+    prevButtonProps?: ButtonProps;
+    /** 关闭按钮属性 */
+    closeButtonProps?: ButtonProps;
+    /** 是否固定定位 */
+    fixed?: HeaderFixed;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否禁用 */
+    disabled?: boolean;
+}
+/**
+ * ProcedureContent 组件属性（内部子组件）
+ */
+export interface ProcedureContentProps {
+    /** 当前步骤索引 */
+    current: number;
+    /** 内容渲染函数 */
+    contentRender: (current: number) => React.ReactNode;
+    /** 宽度 */
+    width?: string | number;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否加载中 */
+    loading?: boolean;
+}
+/**
+ * ProcedureSummary 组件属性（内部子组件）
+ */
+export interface ProcedureSummaryProps {
+    /** 当前步骤索引 */
+    current: number;
+    /** 信息总结区渲染函数 */
+    summaryRender?: (current: number) => React.ReactNode;
+    /** 宽度 */
+    width?: string | number;
+    /** 是否可折叠 */
+    collapsible?: boolean;
+    /** 默认是否折叠 */
+    defaultCollapsed?: boolean;
+    /** 折叠状态改变的回调 */
+    onCollapseChange?: (collapsed: boolean) => void;
+    /** 额外内容插槽 */
+    summaryExtra?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示 */
+    visible?: boolean;
+}
+/**
+ * ProcedureAction 组件属性（内部子组件）
+ */
+export interface ProcedureActionProps {
+    /** 操作按钮配置数组 */
+    actions: ActionItem[];
+    /** 定位模式 */
+    mode?: ActionMode;
+    /** 定位位置 */
+    position?: ActionPosition;
+    /** 额外内容插槽 */
+    actionExtra?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否禁用所有按钮 */
+    disabled?: boolean;
+    /** 是否加载中 */
+    loading?: boolean;
+}
+/**
+ * MobileSummaryDrawer 组件属性（内部子组件）
+ */
+export interface MobileSummaryDrawerProps {
+    /** 当前步骤索引 */
+    current: number;
+    /** 信息总结区渲染函数 */
+    summaryRender?: (current: number) => React.ReactNode;
+    /** 是否可见 */
+    visible: boolean;
+    /** 可见状态改变的回调 */
+    onVisibleChange: (visible: boolean) => void;
+    /** 额外内容插槽 */
+    summaryExtra?: React.ReactNode;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+/**
+ * 响应式信息类型
+ */
+export interface ResponsiveInfo {
+    /** < 430px */
+    xs: boolean;
+    /** < 744px */
+    sm: boolean;
+    /** < 960px */
+    md: boolean;
+    /** < 1133px */
+    lg: boolean;
+    /** < 1366px */
+    xl: boolean;
+}
+/**
+ * 步骤验证结果
+ */
+export interface ValidationResult {
+    /** 是否验证通过 */
+    valid: boolean;
+    /** 错误信息 */
+    message?: string;
+    /** 错误字段 */
+    errors?: Record<string, string>;
+}
+/**
+ * 数据同步配置
+ */
+export interface DataSyncConfig {
+    /** 是否需要确认 */
+    needConfirm: boolean;
+    /** 确认标题 */
+    confirmTitle?: string;
+    /** 确认内容 */
+    confirmContent?: string;
+    /** 确认按钮文本 */
+    confirmOkText?: string;
+    /** 取消按钮文本 */
+    confirmCancelText?: string;
+}
+/**
+ * 导出所有类型
+ */
+export type { StepItem, PisellStepsProps, } from '../PisellSteps/types';

package/lib/components/PisellSteps/PisellSteps.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import type { PisellStepsProps } from './types';
+import './PisellSteps.less';
+/**
+ * PisellSteps 步骤条组件
+ * 基于 Ant Design Steps 进行二次封装，提供更强大的功能和更灵活的样式定制
+ *
+ * @example
+ * ```tsx
+ * <PisellSteps
+ *   current={1}
+ *   items={[
+ *     { title: 'Finished', description: 'This is a description.' },
+ *     { title: 'In Progress', description: 'This is a description.' },
+ *     { title: 'Waiting', description: 'This is a description.' },
+ *   ]}
+ *   onChange={(current) => console.log('Step changed to:', current)}
+ * />
+ * ```
+ */
+declare const PisellSteps: React.FC<PisellStepsProps>;
+export default PisellSteps;

package/lib/components/PisellSteps/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './PisellSteps';
+export { default as PisellSteps } from './PisellSteps';
+export type { PisellStepsProps, StepItem, StepStatus, StepType, StepSize, StepDirection, LabelPlacement, StepItemInfo, } from './types';

package/lib/components/PisellSteps/types.d.ts

@@ -0,0 +1,181 @@
+import React from 'react';
+import type { StepsProps as AntdStepsProps } from 'antd';
+/**
+ * 步骤状态类型
+ */
+export declare type StepStatus = 'wait' | 'process' | 'finish' | 'error';
+/**
+ * 步骤条类型
+ */
+export declare type StepType = 'default' | 'navigation' | 'inline';
+/**
+ * 步骤条尺寸
+ */
+export declare type StepSize = 'default' | 'small';
+/**
+ * 步骤条方向
+ */
+export declare type StepDirection = 'horizontal' | 'vertical';
+/**
+ * 标签放置位置
+ */
+export declare type LabelPlacement = 'horizontal' | 'vertical';
+/**
+ * 步骤项信息（用于 progressDot 函数）
+ */
+export interface StepItemInfo {
+    /** 步骤索引 */
+    index: number;
+    /** 步骤状态 */
+    status: StepStatus;
+    /** 步骤标题 */
+    title: React.ReactNode;
+    /** 步骤描述 */
+    description?: React.ReactNode;
+}
+/**
+ * 单个步骤项配置
+ */
+export interface StepItem {
+    /** 步骤标题（必填） */
+    title: React.ReactNode;
+    /** 步骤副标题 */
+    subTitle?: React.ReactNode;
+    /** 步骤描述 */
+    description?: React.ReactNode;
+    /** 步骤状态 */
+    status?: StepStatus;
+    /** 自定义图标 */
+    icon?: React.ReactNode;
+    /** 是否禁用该步骤 */
+    disabled?: boolean;
+    /** 点击步骤的回调 */
+    onClick?: () => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+}
+/**
+ * PisellSteps 组件属性
+ */
+export interface PisellStepsProps extends Omit<AntdStepsProps, 'items' | 'type'> {
+    /** 当前步骤索引（从 0 开始） */
+    current?: number;
+    /** 步骤项配置数组 */
+    items: StepItem[];
+    /** 步骤条类型 */
+    type?: StepType;
+    /** 步骤条尺寸 */
+    size?: StepSize;
+    /** 步骤条方向 */
+    direction?: StepDirection;
+    /** 当前步骤的状态 */
+    status?: StepStatus;
+    /**
+     * 使用圆点样式
+     * - boolean: 开启/关闭圆点样式
+     * - function: 自定义圆点内容渲染函数
+     */
+    progressDot?: boolean | ((iconDot: React.ReactNode, info: StepItemInfo) => React.ReactNode);
+    /** 标签放置位置 */
+    labelPlacement?: LabelPlacement;
+    /** 当前步骤的进度百分比（0-100） */
+    percent?: number;
+    /** 是否响应式 */
+    responsive?: boolean;
+    /** 步骤改变时的回调 */
+    onChange?: (current: number) => void;
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 自定义连接器样式 */
+    connectorStyle?: React.CSSProperties;
+    /** 是否显示连接器 */
+    showConnector?: boolean;
+    /**
+     * 图标位置（当 labelPlacement 为 'vertical' 时有效）
+     * - 'top': 图标在顶部
+     * - 'bottom': 图标在底部
+     */
+    iconPosition?: 'top' | 'bottom';
+}
+/**
+ * StepItem 内部组件属性（用于内部实现）
+ */
+export interface StepItemProps {
+    /** 步骤项配置 */
+    stepItem: StepItem;
+    /** 步骤索引 */
+    index: number;
+    /** 当前激活的步骤索引 */
+    current: number;
+    /** 步骤总数 */
+    total: number;
+    /** 步骤条类型 */
+    type: StepType;
+    /** 步骤条尺寸 */
+    size: StepSize;
+    /** 步骤条方向 */
+    direction: StepDirection;
+    /** 当前步骤的状态 */
+    currentStatus?: StepStatus;
+    /** 是否使用圆点样式 */
+    progressDot?: boolean | ((iconDot: React.ReactNode, info: StepItemInfo) => React.ReactNode);
+    /** 标签放置位置 */
+    labelPlacement: LabelPlacement;
+    /** 当前步骤的进度百分比 */
+    percent?: number;
+    /** 是否显示连接器 */
+    showConnector: boolean;
+    /** 自定义连接器样式 */
+    connectorStyle?: React.CSSProperties;
+    /** 点击步骤的回调 */
+    onStepClick?: (index: number) => void;
+}
+/**
+ * StepIcon 组件属性
+ */
+export interface StepIconProps {
+    /** 步骤索引（用于显示序号） */
+    index: number;
+    /** 步骤状态 */
+    status: StepStatus;
+    /** 自定义图标 */
+    icon?: React.ReactNode;
+    /** 是否使用圆点样式 */
+    progressDot?: boolean | ((iconDot: React.ReactNode, info: StepItemInfo) => React.ReactNode);
+    /** 步骤条尺寸 */
+    size: StepSize;
+    /** 步骤项信息（用于 progressDot 函数） */
+    stepItemInfo: StepItemInfo;
+}
+/**
+ * StepConnector 组件属性
+ */
+export interface StepConnectorProps {
+    /** 步骤条方向 */
+    direction: StepDirection;
+    /** 步骤状态（决定连接器颜色） */
+    status: StepStatus;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 是否显示 */
+    show: boolean;
+}
+/**
+ * 步骤项文本区域组件属性
+ */
+export interface StepContentProps {
+    /** 步骤标题 */
+    title: React.ReactNode;
+    /** 步骤副标题 */
+    subTitle?: React.ReactNode;
+    /** 步骤描述 */
+    description?: React.ReactNode;
+    /** 步骤状态 */
+    status: StepStatus;
+    /** 标签放置位置 */
+    labelPlacement: LabelPlacement;
+}

package/lib/components/appVersionControl/index.d.ts

@@ -0,0 +1,4 @@
+import { AppVersionControlProps } from './types';
+import './index.less';
+declare const AppVersionControl: (props: AppVersionControlProps) => JSX.Element;
+export default AppVersionControl;

package/lib/components/batch-editor/index.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import "./index.less";
 interface BatchEditorProps {
     columns: any[];

package/lib/components/dataSourceComponents/dataSourceForm/BaseForm.d.ts

@@ -0,0 +1,3 @@
+import './index.less';
+declare const _default: any;
+export default _default;

package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingContext.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { ModeType } from '../../type';
+export interface FormSettingContextType {
+    onDataSourceFinish?: (values: any, result: any, form: any) => void;
+    renderMode?: ModeType;
+    groupInfoPosition?: 'top' | 'side';
+    children?: React.ReactNode;
+    currentValue?: 'server' | 'local';
+    size?: 'small' | 'middle' | 'large';
+    formatSubmitValues?: (values: Record<string, any>) => Record<string, any>;
+    formatInitialValues?: (values: Record<string, any>) => Record<string, any>;
+    customSubmit?: (values: Record<string, any>) => Promise<any>;
+    beforeSubmit?: (values: Record<string, any>) => Promise<boolean> | boolean;
+}
+export declare const FormSettingContext: import("react").Context<FormSettingContextType>;
+export default FormSettingContext;

package/lib/components/dataSourceComponents/dataSourceForm/provider/formSetting/FormSettingProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FormSettingContextType } from './FormSettingContext';
+/**
+ * @title: 表单设置Provider
+ * @description: 提供表单设置信息
+ */
+declare const FormSettingProvider: React.FC<FormSettingContextType>;
+export default FormSettingProvider;