@pisell/materials 6.12.24 → 6.12.26

package/es/components/PisellCards/components/TextCard/types.d.ts

@@ -1,270 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { PisellBasicCardProps } from '../../types';
-/**
- * 样式变体类型
- */
-export declare type TextCardVariant = 'text' | 'filled' | 'outlined' | 'light' | 'gradient' | 'dashed';
-/**
- * 尺寸类型
- */
-export declare type TextCardSize = 'small' | 'default' | 'large';
-/**
- * 宽度模式
- */
-export declare type TextCardWidthMode = 'auto' | 'fixed' | 'full';
-/**
- * 图标配置
- */
-export interface IconConfig {
-    /**
-     * 图标大小（单位：px）
-     */
-    size?: number;
-    /**
-     * 图标颜色
-     */
-    color?: string;
-}
-/**
- * 标签配置
- */
-export interface TagConfig {
-    /**
-     * 标签颜色
-     */
-    color?: string;
-    /**
-     * 标签自定义样式
-     */
-    style?: CSSProperties;
-}
-/**
- * 角标类型
- */
-export declare type BadgeType = 'dot' | 'number' | 'text';
-/**
- * 角标位置
- */
-export declare type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
-/**
- * 角标配置
- */
-export interface BadgeConfig {
-    /**
-     * 角标类型
-     * @default 'dot'
-     */
-    type?: BadgeType;
-    /**
-     * 角标内容（数字或文本）
-     * 当 type 为 'number' 或 'text' 时有效
-     */
-    content?: ReactNode;
-    /**
-     * 角标位置
-     * @default 'top-right'
-     */
-    position?: BadgePosition;
-    /**
-     * 角标偏移量 [x, y]
-     * 正数向右/下偏移，负数向左/上偏移
-     */
-    offset?: [number, number];
-    /**
-     * 角标颜色
-     */
-    color?: string;
-    /**
-     * 角标自定义样式
-     */
-    style?: CSSProperties;
-}
-/**
- * 文本配置
- */
-export interface TextConfig {
-    /**
-     * 字体大小（单位：px）
-     */
-    fontSize?: number;
-    /**
-     * 字体粗细
-     */
-    fontWeight?: string | number;
-    /**
-     * 文本颜色
-     */
-    color?: string;
-    /**
-     * 最大显示行数
-     * @default 1
-     */
-    maxLines?: number;
-    /**
-     * 是否显示省略号
-     * @default true
-     */
-    ellipsis?: boolean;
-    /**
-     * 文本对齐方式
-     * @default 'left'
-     */
-    textAlign?: 'left' | 'center' | 'right';
-    flex?: string;
-}
-/**
- * TextCard 组件 Props
- * 基于 PisellBasicCardProps 扩展
- * 注意：重写 onClick 为可选属性
- */
-export interface TextCardProps extends Omit<PisellBasicCardProps, 'onClick'> {
-    /**
-     * 卡片显示的文本内容（必填）
-     */
-    text: ReactNode;
-    /**
-     * 卡片样式变体
-     * @default 'text'
-     */
-    variant?: TextCardVariant;
-    /**
-     * 卡片尺寸
-     * @default 'default'
-     */
-    size?: TextCardSize;
-    /**
-     * 是否可点击
-     * @default true
-     */
-    clickable?: boolean;
-    /**
-     * 前置图标
-     * 支持 ReactNode（如 antd Icon、svg 等）
-     */
-    prefixIcon?: ReactNode;
-    /**
-     * 后置图标
-     * 支持 ReactNode（如 antd Icon、svg 等）
-     */
-    suffixIcon?: ReactNode;
-    /**
-     * 图标配置
-     * 统一配置前置和后置图标的大小和颜色
-     */
-    iconConfig?: IconConfig;
-    /**
-     * 后置标签
-     * 支持 ReactNode（如 antd Tag、Badge 等）
-     */
-    tag?: ReactNode;
-    /**
-     * 标签配置
-     */
-    tagConfig?: TagConfig;
-    /**
-     * 角标配置
-     * 用于显示红点、数字或文本提示
-     */
-    badge?: BadgeConfig;
-    /**
-     * 前置插槽
-     * 用于替换前置图标，优先级高于 prefixIcon
-     */
-    prefixSlot?: ReactNode;
-    /**
-     * 后置插槽
-     * 用于替换后置图标和标签，优先级高于 suffixIcon 和 tag
-     */
-    suffixSlot?: ReactNode;
-    /**
-     * 文本配置
-     * 用于自定义文本样式和显示行为
-     */
-    textConfig?: TextConfig;
-    /**
-     * 宽度模式
-     * - auto: 内容撑满，最大宽度 maxWidth
-     * - fixed: 固定宽度 width
-     * - full: 撑满父容器，最小宽度 28px
-     * @default 'auto'
-     */
-    widthMode?: TextCardWidthMode;
-    /**
-     * 固定宽度值
-     * 当 widthMode='fixed' 时有效
-     */
-    width?: number | string;
-    /**
-     * 最大宽度
-     * 当 widthMode='auto' 时有效
-     * @default 400
-     */
-    maxWidth?: number | string;
-    /**
-     * 点击事件
-     * 当 clickable=true 且不在 disabled/loading 状态时触发
-     * 注意：PisellBasicCardProps 中的 onClick 是必填的，这里重新定义为可选
-     */
-    onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    /**
-     * 自定义渲染函数
-     * 完全自定义组件的渲染内容
-     * 当提供此函数时，组件内置的渲染逻辑将被忽略
-     */
-    render?: (props: TextCardProps) => ReactNode;
-}
-/**
- * TextContent 组件 Props
- * 文本内容子组件
- */
-export interface TextContentProps {
-    /**
-     * 文本内容
-     */
-    text: ReactNode;
-    /**
-     * 文本配置
-     */
-    textConfig?: TextConfig;
-    /**
-     * 自定义类名
-     */
-    className?: string;
-    active?: PisellBasicCardProps['active'];
-}
-/**
- * IconWrapper 组件 Props
- * 图标包装子组件
- */
-export interface IconWrapperProps {
-    /**
-     * 图标内容
-     */
-    icon: ReactNode;
-    /**
-     * 图标配置
-     */
-    config?: IconConfig;
-    /**
-     * 图标位置
-     */
-    position: 'prefix' | 'suffix';
-    /**
-     * 自定义类名
-     */
-    className?: string;
-}
-/**
- * BadgeWrapper 组件 Props
- * 角标包装子组件
- */
-export interface BadgeWrapperProps {
-    /**
-     * 角标配置
-     */
-    badge?: BadgeConfig;
-    /**
-     * 子元素
-     */
-    children: ReactNode;
-}

package/es/components/PisellCards/components/index.d.ts

@@ -1,10 +0,0 @@
-export { default as GraphicTextCard } from './GraphicTextCard';
-export { default as TextCard } from './TextCard';
-export { default as TabCard } from './TabCard';
-export { default as MultilevelCard } from './MultilevelCard';
-export { default as PisellImageCard } from './PisellImageCard';
-export type { GraphicTextCardProps } from './GraphicTextCard/types';
-export type { TextCardProps } from './TextCard/types';
-export type { TabCardProps } from './TabCard/types';
-export type { MultilevelCardProps } from './MultilevelCard/types';
-export type { PisellImageCardProps } from './PisellImageCard/types';

package/es/components/PisellCards/index.d.ts

@@ -1,14 +0,0 @@
-declare const PisellCards: {
-    TabCard: (props: any) => import("react").JSX.Element;
-    TextCard: (props: any) => import("react").JSX.Element;
-    GraphicTextCard: (props: import("./components/GraphicTextCard").GraphicTextCardProps) => import("react").JSX.Element;
-    MultilevelCard: (props: any) => import("react").JSX.Element;
-    PisellImageCard: (props: import("./components/PisellImageCard").PisellImageCardProps) => import("react").JSX.Element;
-};
-export default PisellCards;
-export type { PisellBasicCardProps } from './types';
-export type { TabCardProps, BadgeConfig } from './components/TabCard/types';
-export type { TextCardProps } from './components/TextCard/types';
-export type { GraphicTextCardProps, GraphicTextCardVariant, GraphicTextCardSize, GraphicConfig, } from './components/GraphicTextCard/types';
-export type { MultilevelCardProps } from './components/MultilevelCard/types';
-export type { PisellImageCardProps, ImageDataSource, ImageFillMode, } from './components/PisellImageCard/types';

package/es/components/PisellCards/types.d.ts

@@ -1,48 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-/**
- * 基础卡片 Props 定义
- * 所有业务卡片都应该基于此 Props 进行扩展
- * 注意：这只是类型定义，不是实体组件
- */
-export interface PisellBasicCardProps extends React.HTMLAttributes<HTMLDivElement> {
-    __designMode?: boolean;
-    dataSource?: any;
-    /**
-     * 激活状态配置
-     * 用于标识卡片是否处于激活/选中状态
-     */
-    active?: {
-        value: boolean;
-        style?: CSSProperties;
-        className?: string;
-        onChange?: (value: boolean) => void;
-        extra?: any;
-    };
-    /**
-     * 禁用状态配置
-     * 用于标识卡片是否处于禁用状态
-     */
-    disabled?: {
-        value: boolean;
-        style?: CSSProperties;
-        className?: string;
-        onChange?: (value: boolean) => void;
-        extra?: any;
-    };
-    /**
-     * 加载状态配置
-     * 用于标识卡片是否处于加载状态
-     */
-    loading?: {
-        value: boolean;
-        style?: CSSProperties;
-        className?: string;
-        onChange?: (value: boolean) => void;
-        extra?: any;
-    };
-    /**
-     * 卡片内容
-     */
-    children?: ReactNode;
-    onClick: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-}

package/es/components/PisellFields/index.d.ts

@@ -1,36 +0,0 @@
-/**
- * PisellFields 命名空间
- * 字段组件集合 - 支持编辑态、只读态、禁用态三种视图模式
- *
- * @example
- * import { PisellFields } from '@pisell/materials';
- *
- * <PisellFields.SingleLineText value="hello" viewMode="edit" />
- * <PisellFields.Number value={123} viewMode="readonly" />
- * <PisellFields.Currency value={1000} currencySymbol="$" />
- */
-declare const PisellFields: {
-    SingleLineText: import("react").NamedExoticComponent<import("../pisellSingleLineText").PisellSingleLineTextProps>;
-    LongText: import("react").NamedExoticComponent<import("../pisellLongText").PisellLongTextProps>;
-    Number: import("react").NamedExoticComponent<import("../pisellNumber").PisellNumberProps>;
-    Currency: import("react").NamedExoticComponent<import("../pisellCurrency").PisellCurrencyProps>;
-    Percent: import("react").NamedExoticComponent<import("../pisellPercent").PisellPercentProps>;
-    Phone: import("react").NamedExoticComponent<import("../pisellPhone").PisellPhoneProps>;
-    Email: import("react").NamedExoticComponent<import("../pisellEmail").PisellEmailProps>;
-    Url: import("react").NamedExoticComponent<import("../pisellUrl").PisellUrlProps>;
-    Rating: import("react").NamedExoticComponent<import("../pisellRating").PisellRatingProps>;
-    SingleSelect: import("react").ForwardRefExoticComponent<import("../pisellSingleSelect").PisellSingleSelectProps<string | number> & import("react").RefAttributes<import("../pisellSingleSelect").SingleSelectRef<string | number>>>;
-    MultipleSelect: import("react").ForwardRefExoticComponent<import("../pisellMultipleSelect").PisellMultipleSelectProps<string | number> & import("react").RefAttributes<import("../pisellMultipleSelect").MultipleSelectRef<string | number>>>;
-};
-export default PisellFields;
-export type { PisellSingleLineTextProps, } from '../pisellSingleLineText';
-export type { PisellLongTextProps, } from '../pisellLongText';
-export type { PisellNumberProps, } from '../pisellNumber';
-export type { PisellCurrencyProps, } from '../pisellCurrency';
-export type { PisellPercentProps, } from '../pisellPercent';
-export type { PisellPhoneProps, CountryCode, } from '../pisellPhone';
-export type { PisellEmailProps, MailtoOptions, } from '../pisellEmail';
-export type { PisellUrlProps, } from '../pisellUrl';
-export type { PisellRatingProps, } from '../pisellRating';
-export type { PisellSingleSelectProps, SingleSelectRef, } from '../pisellSingleSelect';
-export type { PisellMultipleSelectProps, MultipleSelectRef, } from '../pisellMultipleSelect';

package/es/components/PisellGroupView/PisellGroupView.stories.d.ts

@@ -1,27 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellGroupView from './PisellGroupView';
-/**
- * PisellGroupView 分组展示组件
- *
- * 通用、数据无关的「分组展示容器」：先按条件把列表分组，
- * 再为每个分组渲染 头部 / 统计 / 主体 / 操作 四块，各块均可自定义渲染。
- */
-declare const meta: Meta<typeof PisellGroupView>;
-export default meta;
-declare type Story = StoryObj<typeof PisellGroupView>;
-/**
- * 基础用法：按「商品 + 时间」组合分组，展示四块结构
- */
-export declare const Basic: Story;
-/**
- * 单字段分组 + 主体多列布局（itemLayout 对象，内部使用 PisellBasicGrid）
- */
-export declare const GridBody: Story;
-/**
- * 利用 ItemContext.groupKeys 在主体卡片中省略「头部已展示」的字段
- */
-export declare const OmitHeaderFields: Story;
-/**
- * 空数据态
- */
-export declare const Empty: Story;

package/es/components/PisellGroupView/index.d.ts

@@ -1,6 +0,0 @@
-/**
- * PisellGroupView 组件导出
- * @description 通用、数据无关的分组展示容器
- */
-export { PisellGroupView, default } from './PisellGroupView';
-export type { PisellGroupViewProps, GroupModel, GroupBlocks, ItemContext, ItemLayout, GroupViewVariant, } from './types';

package/es/components/PisellGroupView/utils/index.d.ts

@@ -1,20 +0,0 @@
-import type { PisellGroupViewProps } from '../types';
-/**
- * 组件样式前缀
- */
-export declare const COMPONENT_PREFIX = "pisell-group-view";
-/**
- * 解析参与分组的字段名列表
- * @param groupBy - 组件的 groupBy 配置
- * @returns 字段名数组；自定义函数分组时返回空数组
- * @description 用于透传给 `renderItem`，让调用方据此省略头部已展示的字段
- */
-export declare const getGroupFieldNames: <T>(groupBy: string | string[] | ((item: T, index: number) => import("@pisell/utils").GroupKey | import("@pisell/utils").GroupKey[])) => string[];
-/**
- * 获取主体内单条数据的稳定 key
- * @param item - 数据项
- * @param index - 索引
- * @param rowKey - rowKey 配置
- * @returns key 字符串
- */
-export declare const resolveItemKey: <T>(item: T, index: number, rowKey?: string | ((item: T, index: number) => string) | undefined) => string;

package/es/components/PisellLayouts/index.d.ts

@@ -1,37 +0,0 @@
-/**
- * PisellLayouts 命名空间
- * 布局组件集合
- *
- * @example
- * import { PisellLayouts } from '@pisell/materials';
- *
- * <PisellLayouts.BasicGrid columns={3} gap={16}>
- *   {items.map(item => <Card key={item.id} {...item} />)}
- * </PisellLayouts.BasicGrid>
- *
- * <PisellLayouts.ScrollView direction="horizontal">
- *   <Content />
- * </PisellLayouts.ScrollView>
- */
-declare const PisellLayouts: {
-    BasicGrid: <T>(props: import("../PisellBasicGrid").PisellBasicGridProps<T>) => import("react").JSX.Element;
-    ScrollView: import("react").ForwardRefExoticComponent<Omit<import("../PisellScrollView").PisellScrollViewProps, "ref"> & import("react").RefAttributes<import("../PisellScrollView").PisellScrollViewRef>>;
-    FloorMapLayout: <T_1 extends import("../pisellFloorMapLayout").FloorMapItemBase = import("../pisellFloorMapLayout").FloorMapItemBase>(props: import("../pisellFloorMapLayout").PisellFloorMapLayoutProps<T_1> & {
-        ref?: import("react").Ref<import("../pisellFloorMapLayout").PisellFloorMapLayoutRef | null> | undefined;
-    }) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
-    Layout: import("../pisellLayout").CompoundedComponent;
-    Content: import("react").FC<import("../pisellLayout/content").PisellContentProps>;
-    Footer: import("react").FC<import("../pisellLayout/footer").PisellFooterProps>;
-    Header: import("react").FC<import("../pisellLayout/header").PisellHeaderProps>;
-    Sider: import("react").FC<import("../pisellLayout/sider").PisellSiderProps>;
-    Container: <T_2 extends import("../pisellContainer").RenderType>(props: import("../pisellContainer").PisellContainerProps<T_2>) => any;
-    Row: (props: import("../pisellRow").PisellRowProps) => import("react").JSX.Element;
-    ViewGrid: import("react").FC<import("../pisellViewGrid").PisellViewGridProps>;
-};
-export default PisellLayouts;
-export type { PisellBasicGridProps } from '../PisellBasicGrid';
-export type { PisellScrollViewProps } from '../PisellScrollView';
-export type { PisellFloorMapLayoutProps, PisellFloorMapLayoutRef, FloorMapFullscreenMode, FloorMapLayoutContextValue, FloorMapLayoutProviderProps, } from '../pisellFloorMapLayout';
-export { FloorMapLayoutProvider, useFloorMapLayoutContext, EMPTY_FLOOR_MAP_LAYOUT_CONTEXT, mergeFloorMapLayoutPropsFromContext, } from '../pisellFloorMapLayout';
-export type { PisellLayoutProps, CompoundedComponent } from '../pisellLayout';
-export type { PisellRowProps } from '../pisellRow';

package/es/components/PisellMetrics/index.d.ts

@@ -1,23 +0,0 @@
-/**
- * PisellMetrics 命名空间
- * 数据指标展示组件集合
- *
- * @example
- * import { PisellMetrics } from '@pisell/materials';
- *
- * <PisellMetrics.MetricCard
- *   title="Total Sales"
- *   value={1580}
- *   comparison={120}
- *   showTrendIcon
- * />
- * <PisellMetrics.StatisticList data={[...]} />
- */
-declare const PisellMetrics: {
-    MetricCard: import("react").FC<import("../pisellMetricCard").PisellMetricCardProps>;
-    StatisticList: (props: import("../pisellStatisticList").PisellStatisticListProps) => import("react").JSX.Element;
-    MetricItem: (props: import("../cardMetricItem").PisellStatisticProps) => import("react").JSX.Element;
-};
-export default PisellMetrics;
-export type { PisellMetricCardProps } from '../pisellMetricCard';
-export type { PisellStatisticProps } from '../cardMetricItem';

package/es/components/PisellProcedure/PisellProcedure.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { PisellProcedureProps, PisellProcedureRef } from './types';
-import './PisellProcedure.less';
-/**
- * PisellProcedure 流程容器组件
- *
- * @description 用于管理多步骤流程的复合容器组件，基于 PisellLayout 实现三段式布局
- * @author Pisell Team
- * @version 1.0.0
- *
- * @example
- * // 使用 ref 调用组件方法
- * const procedureRef = useRef<PisellProcedureRef>(null);
- *
- * // 跳转到下一步
- * procedureRef.current?.goNext();
- *
- * // 获取当前步骤
- * const currentStep = procedureRef.current?.getCurrentStep();
- */
-declare const PisellProcedure: React.ForwardRefExoticComponent<PisellProcedureProps & React.RefAttributes<PisellProcedureRef>>;
-export default PisellProcedure;