@pisell/materials 3.3.88 → 3.3.90

package/es/components/dataSourceComponents/fields/RecordListWrapper/type.d.ts

@@ -1,87 +0,0 @@
-import React from 'react';
-import { ModeType } from '../../dataSourceForm/type';
-export interface RecordListWrapperOption {
-    label?: React.ReactNode;
-    value: string | number;
-}
-export interface RecordListWrapperFieldSchema {
-    name: string;
-    label?: React.ReactNode;
-    component?: string;
-    componentName?: string;
-    type?: string;
-    /** 接口类型，用于映射到具体组件（如 Select、Input 等） */
-    interface?: string;
-    options?: RecordListWrapperOption[];
-    props?: Record<string, any>;
-    /** 子字段（用于嵌套结构，如 Input.JSON） */
-    children?: RecordListWrapperFieldSchema[];
-    _children?: RecordListWrapperFieldSchema[];
-    schema?: Record<string, any>;
-    uiSchema?: {
-        title?: React.ReactNode;
-        enum?: RecordListWrapperOption[];
-        'x-component'?: string;
-        'x-component-props'?: Record<string, any>;
-        'x-read-pretty'?: boolean;
-        'x-validator'?: string;
-        'x-display'?: 'visible' | 'hidden' | 'none';
-        'x-pattern'?: 'editable' | 'disabled' | 'readPretty';
-        'x-data-source'?: {
-            type?: string;
-            options?: Array<{
-                id?: string;
-                label: string | Record<string, any>;
-                value: string;
-                color?: string;
-            }>;
-            labelField?: string;
-            valueField?: string;
-            dataSource?: any;
-            extraParams?: Record<string, any>;
-        };
-        'x-record-schema'?: RecordListWrapperSchema | RecordListWrapperFieldSchema[] | string;
-        default?: any;
-        type?: 'string' | 'number' | 'integer' | 'boolean' | 'array' | 'object';
-    };
-}
-export interface RecordListWrapperSchema {
-    fields?: RecordListWrapperFieldSchema[];
-    properties?: Record<string, any>;
-    children?: RecordListWrapperFieldSchema[];
-}
-/**
- * @title RecordListWrapper 组件 Props
- * @description
- * 值结构为 Map：key 是 xDataSource option 的 value，value 是该 option 对应的表单字段值。
- * 例如：{ "5": { "code": "xxx", "type": "yyy" }, "3": { "code": "aaa" } }
- */
-export interface RecordListWrapperProps {
-    renderMode: ModeType;
-    /**
-     * 值: Map 结构
-     * - key: xDataSource option 的 value
-     * - value: 该 option 对应的 xRecordSchema 字段值对象
-     */
-    value?: Record<string, Record<string, any>>;
-    onChange?: (value: Record<string, Record<string, any>>) => void;
-    /** xDataSource 选项列表，驱动 tabs 导航和 records 结构 */
-    options?: RecordListWrapperOption[];
-    /**
-     * 上部插槽：用户可在低代码平台拖入自定义导航组件。
-     * RecordListWrapper 会通过 cloneElement 注入 options、value（activeKey）、onChange。
-     */
-    topSlot?: React.ReactNode;
-    slot?: React.ReactNode;
-    /** xRecordSchema：定义每条记录的子字段结构 */
-    xRecordSchema?: string | RecordListWrapperSchema | RecordListWrapperFieldSchema[];
-    /** 容器 children：低代码引擎渲染的子组件节点 */
-    children?: React.ReactNode;
-    /** 低代码设计模式标识 */
-    __designMode?: string;
-    /**
-     * 默认激活的 Tab key，外部传入时优先于 options[0].value
-     */
-    defaultValue?: string;
-    [key: string]: any;
-}

package/es/components/dataSourceComponents/fields/Tabs/Tabs.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { TabsProps } from './type';
-import './Tabs.less';
-/**
- * Tabs 胶囊风格选项卡组件
- *
- * @description 提供类似 Segmented 控件的胶囊风格选项卡，支持受控与非受控模式。
- * 用于表单中替代 Radio.Group，展示更为直观的标签页切换交互。
- *
- * @example
- * ```tsx
- * <Tabs
- *   value={current}
- *   options={[
- *     { label: '校区', value: 'campus' },
- *     { label: '场地', value: 'venue' },
- *   ]}
- *   onChange={(val) => setCurrent(val)}
- * />
- * ```
- */
-declare const Tabs: React.FC<TabsProps>;
-export default Tabs;

package/es/components/dataSourceComponents/fields/Tabs/type.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { ModeType } from '../../dataSourceForm/type';
-/**
- * Tabs 选项配置
- */
-export interface TabOption {
-    /** 选项显示文本 */
-    label: React.ReactNode;
-    /** 选项对应的值 */
-    value: string | number;
-    /** 是否禁用该选项 */
-    disabled?: boolean;
-}
-/**
- * Tabs 基础 Props（编辑态组件使用，不含 renderMode）
- */
-export interface TabsProps {
-    /** 当前选中的值（受控） */
-    value?: string | number;
-    /** 默认选中的值（非受控） */
-    defaultValue?: string | number;
-    /** 选项列表 */
-    options?: TabOption[];
-    /** 是否禁用整个组件 */
-    disabled?: boolean;
-    /** 选中值变化时的回调 */
-    onChange?: (value: string | number) => void;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-}
-/**
- * Tabs ReadPretty Props（只读态组件使用，包含必填 renderMode）
- */
-export interface TabsReadPrettyProps extends TabsProps {
-    renderMode: ModeType;
-}

package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TranslationProps } from './type';
-import './index.less';
-declare const Translation: React.FC<TranslationProps>;
-export default Translation;

package/es/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { ModeType } from "../../dataSourceForm/type";
-export interface TranslationValue {
-    en: string;
-    'zh-CN': string;
-    'zh-HK': string;
-    'ja': string;
-    'pt': string;
-    original: string;
-}
-export interface TranslationProps {
-    renderMode: ModeType;
-    value?: TranslationValue;
-    onChange?: (value: TranslationValue) => void;
-    disabled?: boolean;
-    placeholder?: string;
-    className?: string;
-    type?: 'text' | 'textarea';
-    maxLength?: number;
-    inputStyle?: React.CSSProperties;
-}

package/es/components/pisellLookup/PisellLookup.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { PisellLookupProps, PisellLookupRef } from './types';
-import './PisellLookup.less';
-export declare const PisellLookup: React.ForwardRefExoticComponent<PisellLookupProps & React.RefAttributes<PisellLookupRef>>;

package/es/components/pisellLookup/components/LookupTrigger.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { LookupTriggerProps, LookupTriggerRef } from '../types';
-export declare const LookupTrigger: React.ForwardRefExoticComponent<LookupTriggerProps & React.RefAttributes<LookupTriggerRef>>;

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

@@ -1,163 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellProcedure from './PisellProcedure';
-/**
- * PisellProcedure 流程容器组件
- *
- * 用于管理多步骤流程的复合容器组件，基于 PisellLayout 实现三段式布局
- * 包含头部区域（步骤条）、主体区域（内容区+信息区）、底部区域（操作按钮）
- */
-declare const meta: Meta<typeof PisellProcedure>;
-export default meta;
-declare type Story = StoryObj<typeof PisellProcedure>;
-/**
- * 基础用法
- * @description 默认流程容器，包含头部、主体、底部三个区域
- */
-export declare const Default: Story;
-/**
- * 页面模式
- * @description 默认模式，支持响应式和移动端适配
- */
-export declare const PageMode: Story;
-/**
- * 弹窗模式
- * @description 用于弹窗场景，不应用移动端适配
- */
-export declare const ModalMode: Story;
-/**
- * 步骤控制
- * @description 使用 onStepsChange 监听步骤变化
- */
-export declare const StepControl: Story;
-/**
- * 步骤拦截
- * @description 通过 onNext/onPrev 返回 false 阻止步骤切换
- */
-export declare const StepIntercept: Story;
-/**
- * 无侧边栏
- */
-export declare const WithoutSidebar: Story;
-/**
- * 无头部
- */
-export declare const WithoutHeader: Story;
-/**
- * 无底部
- */
-export declare const WithoutFooter: Story;
-/**
- * 最小配置
- * @description 仅显示主体内容
- */
-export declare const MinimalConfig: Story;
-/**
- * 头部插槽顺序 - 默认
- * @description left 在左，right 在右
- */
-export declare const HeaderSlotDefault: Story;
-/**
- * 头部插槽顺序 - 反转
- * @description left 在右，right 在左
- */
-export declare const HeaderSlotReverse: Story;
-/**
- * 隐藏步骤条
- * @description 仅显示头部插槽，不显示步骤条
- */
-export declare const HideSteps: Story;
-/**
- * 第一步显示返回按钮
- * @description 通过 showBackOnFirstStep 控制
- */
-export declare const ShowBackOnFirstStep: Story;
-/**
- * 返回确认弹窗
- * @description 点击返回时弹出确认弹窗
- */
-export declare const BackConfirmModal: Story;
-/**
- * 关闭确认弹窗
- * @description 点击关闭时弹出确认弹窗
- */
-export declare const CloseConfirmModal: Story;
-/**
- * 主体布局 - 比例布局
- * @description 使用比例分配内容区和侧边栏宽度
- */
-export declare const BodyRatioLayout: Story;
-/**
- * 主体布局 - 固定宽度
- * @description 侧边栏使用固定宽度
- */
-export declare const BodyFixedLayout: Story;
-/**
- * 主体布局 - 垂直布局
- * @description 内容区和侧边栏上下排列
- */
-export declare const BodyVerticalLayout: Story;
-/**
- * 主体布局 - 内容顺序反转
- * @description 侧边栏在左/上，内容区在右/下
- */
-export declare const BodyContentOrderReverse: Story;
-/**
- * 底部位置 - 悬浮在侧边栏
- * @description 默认位置，底部悬浮在侧边栏区域
- */
-export declare const FooterFloatSidebar: Story;
-/**
- * 底部位置 - 固定在整体底部
- */
-export declare const FooterFixedBottom: Story;
-/**
- * 底部位置 - 悬浮在整体区域
- * @description 移动端默认使用此模式
- */
-export declare const FooterFloatAll: Story;
-/**
- * 底部位置 - 悬浮在内容区
- */
-export declare const FooterFloatContent: Story;
-/**
- * 底部位置 - 内嵌在内容区底部
- */
-export declare const FooterFixedContentBottom: Story;
-/**
- * 底部位置 - 内嵌在侧边栏底部
- */
-export declare const FooterFixedSidebarBottom: Story;
-/**
- * 移动端总结按钮
- * @description 移动端显示总结按钮，点击可查看侧边栏内容
- */
-export declare const MobileSummaryButton: Story;
-/**
- * 溢出收纳功能
- * @description 当宽度不足时，按钮会被收纳到 More 菜单中
- */
-export declare const OverflowActions: Story;
-/**
- * 禁用溢出收纳
- * @description 不启用溢出收纳，按钮会换行显示
- */
-export declare const DisableOverflow: Story;
-/**
- * 完整示例 - 购物流程
- * @description 模拟真实的购物流程
- */
-export declare const ShoppingFlow: Story;
-/**
- * 完整示例 - 注册流程
- * @description 模拟用户注册流程
- */
-export declare const RegistrationFlow: Story;
-/**
- * 完整示例 - 表单向导
- * @description 多步表单向导
- */
-export declare const FormWizard: Story;
-/**
- * 交互测试 - 组件渲染
- */
-export declare const InteractionTest: Story;

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

@@ -1,5 +0,0 @@
-/**
- * PisellProcedure 组件导出
- */
-export { default } from './PisellProcedure';
-export type { PisellProcedureProps, PisellProcedureRef, ProcedureHeaderProps, ProcedureBodyProps, ProcedureFooterProps, FooterPositionMode, BackConfirmModalConfig, BodyLayoutMode, BodyLayoutRatio, BodyDirection, StepItem, StepChangeResult, } from './types';

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

@@ -1,14 +0,0 @@
-import React from 'react';
-import './PisellSteps.less';
-import type { PisellStepsProps } from './types';
-/**
- * PisellSteps 步骤条组件
- *
- * 基于 Ant Design Steps 组件进行二次封装和增强
- * 支持多种展示样式、布局方式和丰富的交互功能
- *
- * @author Pisell Team
- * @version 1.0.0
- */
-declare const PisellSteps: React.FC<PisellStepsProps>;
-export default PisellSteps;

package/lib/components/dataSourceComponents/dataSourceSubForm/types.d.ts

@@ -1,117 +0,0 @@
-import React from 'react';
-import { ModeType } from '../dataSourceForm/type';
-/**
- * @title 字段选项接口
- * @description 用于下拉框、单选框等组件的选项配置
- */
-export interface DataSourceSubFormOption {
-    label?: React.ReactNode;
-    value: string | number;
-}
-/**
- * @title 字段 Schema 接口
- * @description 定义表单字段的结构和配置
- */
-export interface DataSourceSubFormFieldSchema {
-    /** 字段名称（必填） */
-    name: string;
-    /** 字段标签 */
-    label?: React.ReactNode;
-    /** 组件类型（兼容多种命名方式） */
-    component?: string;
-    componentName?: string;
-    /** 字段数据类型 */
-    type?: string;
-    /** 接口类型，用于映射到具体组件（如 Select、Input 等） */
-    interface?: string;
-    /** 字段选项列表（用于 Select、Radio 等） */
-    options?: DataSourceSubFormOption[];
-    /** 组件额外配置 */
-    props?: Record<string, any>;
-    /** 子字段（用于嵌套结构，如 Input.JSON） */
-    children?: DataSourceSubFormFieldSchema[];
-    _children?: DataSourceSubFormFieldSchema[];
-    /** 字段 Schema 配置 */
-    schema?: Record<string, any>;
-    /** UI Schema 配置（支持低代码平台的各种配置项） */
-    uiSchema?: {
-        title?: React.ReactNode;
-        enum?: DataSourceSubFormOption[];
-        'x-component'?: string;
-        'x-component-props'?: Record<string, any>;
-        'x-read-pretty'?: boolean;
-        'x-validator'?: string;
-        'x-display'?: 'visible' | 'hidden' | 'none';
-        'x-pattern'?: 'editable' | 'disabled' | 'readPretty';
-        'x-data-source'?: {
-            type?: string;
-            options?: Array<{
-                id?: string;
-                label: string | Record<string, any>;
-                value: string;
-                color?: string;
-            }>;
-            labelField?: string;
-            valueField?: string;
-            dataSource?: any;
-            extraParams?: Record<string, any>;
-        };
-        'x-record-schema'?: DataSourceSubFormSchema | DataSourceSubFormFieldSchema[] | string;
-        default?: any;
-        type?: 'string' | 'number' | 'integer' | 'boolean' | 'array' | 'object';
-    };
-}
-/**
- * @title Schema 接口
- * @description 表单字段集合的结构定义
- */
-export interface DataSourceSubFormSchema {
-    /** 字段列表 */
-    fields?: DataSourceSubFormFieldSchema[];
-    /** 属性映射（key-value 形式） */
-    properties?: Record<string, any>;
-    /** 子字段列表 */
-    children?: DataSourceSubFormFieldSchema[];
-}
-/**
- * @title DataSourceSubForm 组件 Props
- * @description
- * 独立的子表单组件，用于渲染一组表单字段。
- * 支持通过 xRecordSchema 配置字段，或直接传入 children 低代码子组件。
- */
-export interface DataSourceSubFormProps {
-    /** 渲染模式：edit（编辑）、disabled（禁用）、preview（预览） */
-    renderMode?: ModeType;
-    /**
-     * 表单值对象
-     * @example { "fieldName1": "value1", "fieldName2": "value2" }
-     */
-    value?: Record<string, any>;
-    /**
-     * 值变化回调
-     * @param value 更新后的表单值对象
-     */
-    onChange?: (value: Record<string, any>) => void;
-    /**
-     * xRecordSchema：定义表单字段结构
-     * 支持三种格式：
-     * 1. JSON 字符串
-     * 2. Schema 对象（包含 fields/properties/children）
-     * 3. 字段数组
-     */
-    xRecordSchema?: string | DataSourceSubFormSchema | DataSourceSubFormFieldSchema[];
-    /**
-     * 容器 children：低代码引擎渲染的子组件节点
-     * 优先使用 children，如果没有则回退到 xRecordSchema 渲染
-     */
-    children?: React.ReactNode;
-    /** 低代码设计模式标识 */
-    __designMode?: string;
-    /** 表单布局方式 */
-    layout?: 'horizontal' | 'vertical' | 'inline';
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    [key: string]: any;
-}

package/lib/components/dataSourceComponents/fields/RecordListWrapper/ReadPretty.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { RecordListWrapperProps } from './type';
-/**
- * @title: RecordListWrapper 只读态
- * @description: 低代码详情模式下展示每个 option 对应的 record 数据。
- *   值结构: { optionValue: { field1: v1, field2: v2 } }
- */
-declare const RecordListWrapperReadPretty: React.FC<RecordListWrapperProps>;
-export default RecordListWrapperReadPretty;

package/lib/components/dataSourceComponents/fields/RecordListWrapper/type.d.ts

@@ -1,87 +0,0 @@
-import React from 'react';
-import { ModeType } from '../../dataSourceForm/type';
-export interface RecordListWrapperOption {
-    label?: React.ReactNode;
-    value: string | number;
-}
-export interface RecordListWrapperFieldSchema {
-    name: string;
-    label?: React.ReactNode;
-    component?: string;
-    componentName?: string;
-    type?: string;
-    /** 接口类型，用于映射到具体组件（如 Select、Input 等） */
-    interface?: string;
-    options?: RecordListWrapperOption[];
-    props?: Record<string, any>;
-    /** 子字段（用于嵌套结构，如 Input.JSON） */
-    children?: RecordListWrapperFieldSchema[];
-    _children?: RecordListWrapperFieldSchema[];
-    schema?: Record<string, any>;
-    uiSchema?: {
-        title?: React.ReactNode;
-        enum?: RecordListWrapperOption[];
-        'x-component'?: string;
-        'x-component-props'?: Record<string, any>;
-        'x-read-pretty'?: boolean;
-        'x-validator'?: string;
-        'x-display'?: 'visible' | 'hidden' | 'none';
-        'x-pattern'?: 'editable' | 'disabled' | 'readPretty';
-        'x-data-source'?: {
-            type?: string;
-            options?: Array<{
-                id?: string;
-                label: string | Record<string, any>;
-                value: string;
-                color?: string;
-            }>;
-            labelField?: string;
-            valueField?: string;
-            dataSource?: any;
-            extraParams?: Record<string, any>;
-        };
-        'x-record-schema'?: RecordListWrapperSchema | RecordListWrapperFieldSchema[] | string;
-        default?: any;
-        type?: 'string' | 'number' | 'integer' | 'boolean' | 'array' | 'object';
-    };
-}
-export interface RecordListWrapperSchema {
-    fields?: RecordListWrapperFieldSchema[];
-    properties?: Record<string, any>;
-    children?: RecordListWrapperFieldSchema[];
-}
-/**
- * @title RecordListWrapper 组件 Props
- * @description
- * 值结构为 Map：key 是 xDataSource option 的 value，value 是该 option 对应的表单字段值。
- * 例如：{ "5": { "code": "xxx", "type": "yyy" }, "3": { "code": "aaa" } }
- */
-export interface RecordListWrapperProps {
-    renderMode: ModeType;
-    /**
-     * 值: Map 结构
-     * - key: xDataSource option 的 value
-     * - value: 该 option 对应的 xRecordSchema 字段值对象
-     */
-    value?: Record<string, Record<string, any>>;
-    onChange?: (value: Record<string, Record<string, any>>) => void;
-    /** xDataSource 选项列表，驱动 tabs 导航和 records 结构 */
-    options?: RecordListWrapperOption[];
-    /**
-     * 上部插槽：用户可在低代码平台拖入自定义导航组件。
-     * RecordListWrapper 会通过 cloneElement 注入 options、value（activeKey）、onChange。
-     */
-    topSlot?: React.ReactNode;
-    slot?: React.ReactNode;
-    /** xRecordSchema：定义每条记录的子字段结构 */
-    xRecordSchema?: string | RecordListWrapperSchema | RecordListWrapperFieldSchema[];
-    /** 容器 children：低代码引擎渲染的子组件节点 */
-    children?: React.ReactNode;
-    /** 低代码设计模式标识 */
-    __designMode?: string;
-    /**
-     * 默认激活的 Tab key，外部传入时优先于 options[0].value
-     */
-    defaultValue?: string;
-    [key: string]: any;
-}

package/lib/components/dataSourceComponents/fields/Tabs/Tabs.d.ts

@@ -1,23 +0,0 @@
-import React from 'react';
-import { TabsProps } from './type';
-import './Tabs.less';
-/**
- * Tabs 胶囊风格选项卡组件
- *
- * @description 提供类似 Segmented 控件的胶囊风格选项卡，支持受控与非受控模式。
- * 用于表单中替代 Radio.Group，展示更为直观的标签页切换交互。
- *
- * @example
- * ```tsx
- * <Tabs
- *   value={current}
- *   options={[
- *     { label: '校区', value: 'campus' },
- *     { label: '场地', value: 'venue' },
- *   ]}
- *   onChange={(val) => setCurrent(val)}
- * />
- * ```
- */
-declare const Tabs: React.FC<TabsProps>;
-export default Tabs;

package/lib/components/dataSourceComponents/fields/Tabs/type.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-import { ModeType } from '../../dataSourceForm/type';
-/**
- * Tabs 选项配置
- */
-export interface TabOption {
-    /** 选项显示文本 */
-    label: React.ReactNode;
-    /** 选项对应的值 */
-    value: string | number;
-    /** 是否禁用该选项 */
-    disabled?: boolean;
-}
-/**
- * Tabs 基础 Props（编辑态组件使用，不含 renderMode）
- */
-export interface TabsProps {
-    /** 当前选中的值（受控） */
-    value?: string | number;
-    /** 默认选中的值（非受控） */
-    defaultValue?: string | number;
-    /** 选项列表 */
-    options?: TabOption[];
-    /** 是否禁用整个组件 */
-    disabled?: boolean;
-    /** 选中值变化时的回调 */
-    onChange?: (value: string | number) => void;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-}
-/**
- * Tabs ReadPretty Props（只读态组件使用，包含必填 renderMode）
- */
-export interface TabsReadPrettyProps extends TabsProps {
-    renderMode: ModeType;
-}

package/lib/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TranslationProps } from './type';
-import './index.less';
-declare const Translation: React.FC<TranslationProps>;
-export default Translation;

package/lib/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,21 +0,0 @@
-/// <reference types="react" />
-import { ModeType } from "../../dataSourceForm/type";
-export interface TranslationValue {
-    en: string;
-    'zh-CN': string;
-    'zh-HK': string;
-    'ja': string;
-    'pt': string;
-    original: string;
-}
-export interface TranslationProps {
-    renderMode: ModeType;
-    value?: TranslationValue;
-    onChange?: (value: TranslationValue) => void;
-    disabled?: boolean;
-    placeholder?: string;
-    className?: string;
-    type?: 'text' | 'textarea';
-    maxLength?: number;
-    inputStyle?: React.CSSProperties;
-}