@pisell/materials 1.0.1085 → 1.0.1086

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

@@ -1,83 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-/**
- * 操作项层级（主/次/危险）
- */
-export declare type ActionPanelItemPriority = 'primary' | 'secondary' | 'danger' | 'default';
-/**
- * Action Panel 单条操作项
- * 对应设计文档 Action Item，可渲染为 Button / IconButton
- */
-export interface PisellActionPanelItem {
-    /** 唯一 key，用于 React key；不传则用 index */
-    key?: string;
-    /** 展示文案（Button 时显示） */
-    label?: string;
-    /** 图标节点（可单独图标或与 label 同显） */
-    icon?: ReactNode;
-    /** 点击回调 */
-    onClick?: () => void;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 是否显示（条件显隐） @default true */
-    visible?: boolean;
-    /** 层级：主/次/危险/默认，影响按钮样式 */
-    priority?: ActionPanelItemPriority;
-    /** 单项内联样式 */
-    style?: CSSProperties;
-    /** 单项类名 */
-    className?: string;
-}
-/**
- * Action Panel 分组
- * 对应设计文档 Action Group，内包含多个 Action Item
- */
-export interface PisellActionPanelGroup {
-    /** 唯一 key；不传则用 index */
-    key?: string;
-    /** 本组操作项 */
-    items: PisellActionPanelItem[];
-    /** 组内整体优先级（可影响组内按钮默认 priority） */
-    priority?: ActionPanelItemPriority;
-    /** 是否显示该组 @default true */
-    visible?: boolean;
-    /** 组内对齐方式（组内多个 item 时的对齐） */
-    align?: 'start' | 'center' | 'end';
-    /** 组容器类名 */
-    className?: string;
-    /** 组容器样式 */
-    style?: CSSProperties;
-}
-/**
- * Panel 布局方式
- */
-export declare type ActionPanelLayout = 'horizontal' | 'vertical' | 'grid';
-/**
- * Panel 对齐方式
- */
-export declare type ActionPanelAlign = 'left' | 'center' | 'right' | 'space-between';
-/**
- * 溢出策略：换行 / 滚动 / 更多菜单收纳
- */
-export declare type ActionPanelOverflowStrategy = 'wrap' | 'scroll' | 'moreMenu';
-/**
- * PisellActionPanel 组件 Props
- * 设计文档：Action Panel (pcp_ge_actionPanel_V1.0)
- */
-export interface PisellActionPanelProps {
-    /** 操作分组列表，顺序即展示顺序 */
-    groups: PisellActionPanelGroup[];
-    /** 布局方式 @default 'horizontal' */
-    layout?: ActionPanelLayout;
-    /** 整体对齐方式 @default 'left' */
-    align?: ActionPanelAlign;
-    /** 溢出策略 @default 'wrap' */
-    overflowStrategy?: ActionPanelOverflowStrategy;
-    /** 组与组之间的间距（CSS gap 或 number px） */
-    groupGap?: number | string;
-    /** 组内操作项之间的间距（CSS gap 或 number px） */
-    itemGap?: number | string;
-    /** 根节点类名 */
-    className?: string;
-    /** 根节点样式 */
-    style?: CSSProperties;
-}

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

@@ -1,5 +0,0 @@
-/// <reference types="react" />
-import './index.less';
-import { PisellAdjustPriceProps } from './type';
-declare const PisellAdjustPrice: (props: PisellAdjustPriceProps) => JSX.Element;
-export default PisellAdjustPrice;

package/lib/components/pisellAdjustPrice/status.d.ts

@@ -1,32 +0,0 @@
-export declare const defaultConfig: {
-    dark: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-    light: {
-        backgroundColor: string;
-        containerBackgroundColor: string;
-        buttonBackgroundColor: string;
-        textColor: string;
-        resetButtonBackgroundColor: string;
-        resetButtonTextColor: string;
-        isDoneButtonFollowTheme: boolean;
-        doneButtonBackgroundColor: string;
-        doneButtonTextColor: string;
-        isShowMainText: boolean;
-        mainTextColor: string;
-        isShowSubText: boolean;
-        subTextColor: string;
-    };
-};

package/lib/components/pisellAdjustPrice/type.d.ts

@@ -1,22 +0,0 @@
-export interface PisellAdjustPriceProps {
-    value?: number;
-    originValue: number;
-    defaultValue?: number;
-    onChange?: (val: number) => void;
-    selectType?: 'light' | 'dark';
-    backgroundColor?: string;
-    containerBackgroundColor?: string;
-    buttonBackgroundColor?: string;
-    textColor?: string;
-    resetButtonBackgroundColor?: string;
-    resetButtonTextColor?: string;
-    isDoneButtonFollowTheme?: boolean;
-    doneButtonBackgroundColor?: string;
-    doneButtonTextColor?: string;
-    isShowMainText?: boolean;
-    mainTextColor?: string;
-    isShowSubText?: boolean;
-    subTextColor?: string;
-    resetText?: string;
-    doneText?: string;
-}

package/lib/components/pisellBaseCard/PisellBaseCard.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { PisellBaseCardProps } from './types';
-import './PisellBaseCard.less';
-/**
- * PisellBaseCard 基础卡片容器
- * 提供可定制的容器用于承载子内容，支持默认/悬停/按下/禁用四态样式，可点击时支持焦点与键盘触发
- */
-export declare function PisellBaseCard({ children, className, style, hoverStyle, activeStyle, disabledStyle, clickable, disabled, onClick, }: PisellBaseCardProps): JSX.Element;

package/lib/components/pisellBaseCard/PisellBaseCard.stories.d.ts

@@ -1,19 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PisellBaseCard } from './PisellBaseCard';
-declare const meta: Meta<typeof PisellBaseCard>;
-export default meta;
-declare type Story = StoryObj<typeof PisellBaseCard>;
-/** 默认：可点击、无内容 */
-export declare const Default: Story;
-/** 带内容 */
-export declare const WithChildren: Story;
-/** 可点击并带点击回调 */
-export declare const Clickable: Story;
-/** 禁用态 */
-export declare const Disabled: Story;
-/** 不可点击（仅容器） */
-export declare const NotClickable: Story;
-/** 自定义默认样式 */
-export declare const CustomStyle: Story;
-/** 悬停/按下/禁用样式 */
-export declare const StateStyles: Story;

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

@@ -1,5 +0,0 @@
-/**
- * PisellBaseCard 组件导出
- */
-export { PisellBaseCard } from './PisellBaseCard';
-export type { PisellBaseCardProps } from './types';

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

@@ -1,45 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-/**
- * PisellBaseCard 组件 Props
- * @description 基础卡片容器，支持四态样式与可点击配置，无选中逻辑（选中由低代码处理）
- */
-export interface PisellBaseCardProps {
-    /**
-     * 卡片内容，由低代码插槽或直接传入
-     */
-    children?: ReactNode;
-    /**
-     * 自定义类名，应用于根节点
-     */
-    className?: string;
-    /**
-     * 默认状态下的内联样式（背景、圆角、边框、阴影、padding、宽高等）
-     */
-    style?: CSSProperties;
-    /**
-     * 悬停时的样式覆盖，与 style 合并后应用
-     */
-    hoverStyle?: CSSProperties;
-    /**
-     * 按下（active）时的样式覆盖，与 style 合并后应用
-     */
-    activeStyle?: CSSProperties;
-    /**
-     * 禁用时的样式覆盖，与 style 合并后应用
-     */
-    disabledStyle?: CSSProperties;
-    /**
-     * 是否可点击（可聚焦并触发 onClick）
-     * @default true
-     */
-    clickable?: boolean;
-    /**
-     * 是否禁用，禁用时应用 disabledStyle 且不响应点击与焦点
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * 点击回调，仅在 clickable 且非 disabled 时触发
-     */
-    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
-}

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

@@ -1,40 +0,0 @@
-import React from 'react';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellCheckboxGroupOption {
-    label: string;
-    value: string;
-    disabled?: boolean;
-    error?: boolean;
-    [key: string]: any;
-}
-declare type PisellCheckboxGroupValue = string | string[] | any;
-export interface PisellCheckboxGroupProps extends React.HTMLAttributes<HTMLDivElement> {
-    platform?: PisellContextType['platform'];
-    direction?: 'horizontal' | 'vertical';
-    fullWidth?: boolean;
-    gap?: number;
-    padding?: number;
-    options: PisellCheckboxGroupOption[];
-    onChange?: (value: PisellCheckboxGroupValue, item: PisellCheckboxGroupOption) => void;
-    value?: PisellCheckboxGroupValue;
-    renderOption?: (option: PisellCheckboxGroupOption, active: boolean, index: number) => React.ReactNode;
-    rowKey?: string;
-    mode?: 'multiple' | 'single';
-    iconPosition?: 'left' | 'right' | 'hide';
-    optionClassName?: string;
-    optionActiveClassName?: string;
-    onChangeDebounce?: boolean;
-    onItemClick?: (e: React.MouseEvent<HTMLDivElement>, option: PisellCheckboxGroupOption) => void;
-    showActiveBackground?: boolean;
-}
-/**
- * @title: PisellCheckboxGroup
- * @description: 选中组件
- * @param {PisellCheckboxGroupProps} props
- * @return {*}
- * @Author: zhiwei.Wang
- * @Date: 2024-08-16 10:34
- */
-declare const PisellCheckboxGroup: (props: PisellCheckboxGroupProps) => JSX.Element;
-export default PisellCheckboxGroup;

package/lib/components/pisellCurrency/PisellCurrency.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-import type { PisellCurrencyProps } from './types';
-import './PisellCurrency.less';
-/**
- * PisellCurrency 货币组件
- *
- * 基于 PisellNumber 派生，专门处理货币数据。
- * 默认启用千分位和2位小数，符合财务规范。
- *
- * @param props 组件 Props
- *
- * @example
- * // 受控模式
- * const [price, setPrice] = useState(0);
- * <PisellCurrency
- *   value={price}
- *   onChange={setPrice}
- *   currencySymbol="¥"
- * />
- *
- * @example
- * // 非受控模式
- * <PisellCurrency
- *   defaultValue={100}
- *   currencySymbol="$"
- * />
- *
- * @example
- * // 只读态
- * <PisellCurrency
- *   mode="read"
- *   value={1234.56}
- *   currencySymbol="¥"
- * />
- * // 显示: ¥1,234.56
- */
-export declare const PisellCurrency: React.FC<PisellCurrencyProps>;
-declare const MemoizedPisellCurrency: React.NamedExoticComponent<PisellCurrencyProps>;
-export default MemoizedPisellCurrency;

package/lib/components/pisellCustomerBrief/PisellCustomerBrief.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import type { PisellCustomerBriefProps } from './types';
-import './PisellCustomerBrief.less';
-/**
- * PisellCustomerBrief 客户简要卡片
- * 基于 PisellEntityCard，用于展示客户（Customer）实体的核心识别信息与客户级属性。
- * 设计文档：Customer Info (pcl_customerInfon_V1.0)
- *
- * - 无头像时显示默认占位 Avatar
- * - 文本过长按配置省略
- * - Actions 为空时不占位
- *
- * @param props 组件 Props
- */
-export declare function PisellCustomerBrief({ name, subtitle, avatar, email, address, company, date, extendedFields, tags, actions, showActions, showAvatar, showPrimaryText, showSubtitle, showExtended, showTags, density, layout, width, swipeToDelete, onDelete, tagPosition, contentGap, primaryLineClamp, secondaryLineClamp, renderMedia, renderPrimary, renderSubtitle, renderSecondary, renderTags, renderActions, className, style, hoverStyle, activeStyle, disabledStyle, clickable, disabled, onClick, }: PisellCustomerBriefProps): JSX.Element;

package/lib/components/pisellCustomerBrief/PisellCustomerBrief.stories.d.ts

@@ -1,23 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PisellCustomerBrief } from './PisellCustomerBrief';
-declare const meta: Meta<typeof PisellCustomerBrief>;
-export default meta;
-declare type Story = StoryObj<typeof PisellCustomerBrief>;
-/** 默认：客户名称 + 副标题 + 扩展信息 + 标签 */
-export declare const Default: Story;
-/** 无头像（默认占位） */
-export declare const NoAvatar: Story;
-/** 有头像 */
-export declare const WithAvatar: Story;
-/** B5 密度：扩展信息多行 */
-export declare const B5Extended: Story;
-/** 带操作区：图标 + 文本 + 按钮 */
-export declare const WithActions: Story;
-/** 竖向布局 */
-export declare const VerticalLayout: Story;
-/** 左滑删除 */
-export declare const SwipeToDelete: Story;
-/** 可点击卡片 */
-export declare const Clickable: Story;
-/** 禁用态 */
-export declare const Disabled: Story;

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

@@ -1,6 +0,0 @@
-/**
- * PisellCustomerBrief 组件导出
- * 客户简要卡片，基于 PisellEntityCard
- */
-export { PisellCustomerBrief } from './PisellCustomerBrief';
-export type { PisellCustomerBriefProps, CustomerBriefExtendedField } from './types';

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

@@ -1,82 +0,0 @@
-import type { ReactNode } from 'react';
-import type { PisellBaseCardProps } from '../pisellBaseCard/types';
-import type { EntityCardActionItem, EntityCardDensity, EntityCardLayout, EntityCardTagItem, EntityCardWidth } from '../pisellEntityCard/types';
-/**
- * 客户简要卡片扩展字段项（用于 B5/B9 等多行展示）
- * 与 Entity Card 的 secondaryTexts 对应，语义为客户领域
- */
-export interface CustomerBriefExtendedField {
-    /** 展示文案（如 Email、Address、Company、Date、自定义属性） */
-    text: string;
-    /** 是否显示提示图标 */
-    showTooltip?: boolean;
-}
-/**
- * PisellCustomerBrief 组件 Props
- * 基于 PisellEntityCard，用于展示客户（Customer）实体的核心识别信息与客户级属性
- * 设计文档：Customer Info (pcl_customerInfon_V1.0)
- */
-export interface PisellCustomerBriefProps extends Pick<PisellBaseCardProps, 'className' | 'style' | 'hoverStyle' | 'activeStyle' | 'disabledStyle' | 'clickable' | 'disabled' | 'onClick'> {
-    /** 客户名称（主文案） */
-    name: string;
-    /** 副标题，与主标题同行（如电话、客户编号） */
-    subtitle?: string;
-    /** 头像图片地址；不传则显示默认占位 Avatar */
-    avatar?: string;
-    /** 邮箱 */
-    email?: string;
-    /** 地址 */
-    address?: string;
-    /** 公司 */
-    company?: string;
-    /** 日期类信息（如创建日期、跟进日期） */
-    date?: string;
-    /** 自定义扩展字段，顺序即展示顺序 */
-    extendedFields?: CustomerBriefExtendedField[];
-    /** 标签列表（如等级、状态） */
-    tags?: EntityCardTagItem[];
-    /** 操作项：仅图标 / 图标+文本 / 按钮 */
-    actions?: EntityCardActionItem[];
-    /** 是否显示操作区 @default false */
-    showActions?: boolean;
-    /** 是否显示头像 @default true */
-    showAvatar?: boolean;
-    /** 是否显示主文案 @default true */
-    showPrimaryText?: boolean;
-    /** 是否显示副标题 @default true */
-    showSubtitle?: boolean;
-    /** 是否显示扩展信息（email/address/company/date/extendedFields） @default true */
-    showExtended?: boolean;
-    /** 是否显示标签 @default true */
-    showTags?: boolean;
-    /** 信息密度 @default 'B2' */
-    density?: EntityCardDensity;
-    /** 布局方向 @default 'horizontal' */
-    layout?: EntityCardLayout;
-    /** 卡片宽度 @default 'content' */
-    width?: EntityCardWidth;
-    /** 是否开启左滑删除 @default false */
-    swipeToDelete?: boolean;
-    /** 左滑删除回调 */
-    onDelete?: () => void;
-    /** 标签位置 @default 'below' */
-    tagPosition?: 'inline' | 'below';
-    /** 内容区间距 */
-    contentGap?: number | string;
-    /** 主文案行数限制 */
-    primaryLineClamp?: number;
-    /** 扩展信息行数限制（按密度有默认值） */
-    secondaryLineClamp?: number;
-    /** 自定义渲染媒体区 */
-    renderMedia?: () => ReactNode;
-    /** 自定义渲染主文案区 */
-    renderPrimary?: () => ReactNode;
-    /** 自定义渲染副标题区 */
-    renderSubtitle?: () => ReactNode;
-    /** 自定义渲染扩展信息区 */
-    renderSecondary?: () => ReactNode;
-    /** 自定义渲染标签区 */
-    renderTags?: () => ReactNode;
-    /** 自定义渲染操作区 */
-    renderActions?: () => ReactNode;
-}

package/lib/components/pisellEmail/PisellEmail.d.ts

@@ -1,37 +0,0 @@
-import React from 'react';
-import type { PisellEmailProps } from './types';
-import './PisellEmail.less';
-/**
- * PisellEmail 邮箱地址组件
- *
- * 邮箱地址输入/展示组件，支持只读、编辑、禁用三种状态。
- * 基于 Ant Design AutoComplete 和 Input 组件开发，提供邮箱格式校验、域名智能补全、
- * mailto 邮件发送和域名隐藏功能。
- *
- * @param props 组件 Props
- *
- * @example
- * // 编辑态（邮箱输入）
- * <PisellEmail
- *   placeholder="请输入邮箱地址"
- *   required
- * />
- *
- * @example
- * // 只读态（可发邮件）
- * <PisellEmail
- *   mode="read"
- *   value="user@example.com"
- *   enableMailto
- * />
- *
- * @example
- * // 域名补全
- * <PisellEmail
- *   enableAutoComplete
- *   autoCompleteDomains={['gmail.com', 'company.com']}
- * />
- */
-export declare const PisellEmail: React.FC<PisellEmailProps>;
-declare const _default: React.NamedExoticComponent<PisellEmailProps>;
-export default _default;

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import { EmptyProps } from 'antd';
-import { PisellContextType } from '../pisell-config-provider/context';
-import './index.less';
-export interface PisellEmptyProps extends EmptyProps {
-    /** 平台 */
-    platform?: PisellContextType['platform'];
-    /** 额外内容描述 */
-    extraDescription?: React.ReactNode;
-    /** 额外内容描述 */
-    icon?: React.ReactNode;
-    /** 自定义底部额外操作区域 */
-    footer?: React.ReactNode;
-    /** 最大宽度 */
-    maxWidth?: number;
-    [key: string]: any;
-}
-declare const PisellEmpty: (props: PisellEmptyProps) => JSX.Element;
-export default PisellEmpty;

package/lib/components/pisellEntityCard/PisellEntityCard.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import type { PisellEntityCardProps } from './types';
-import './PisellEntityCard.less';
-/**
- * PisellEntityCard 实体卡片
- * 基于 PisellBaseCard，使用结构化配置展示实体信息，支持密度、布局、左滑删除与插槽
- */
-export declare function PisellEntityCard({ children, className, style, hoverStyle, activeStyle, disabledStyle, clickable, disabled, onClick, media, primaryText, subtitleText, secondaryTexts, tags, actions, showMedia, showPrimaryText, showSubtitle, showSecondaryText, showTags, showActions, density, layout, width, swipeToDelete, onDelete, tagPosition, contentGap, primaryLineClamp, secondaryLineClamp: secondaryLineClampProp, renderMedia, renderPrimary, renderSubtitle, renderSecondary, renderTags, renderActions, }: PisellEntityCardProps): JSX.Element;

package/lib/components/pisellEntityCard/PisellEntityCard.stories.d.ts

@@ -1,47 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import { PisellEntityCard } from './PisellEntityCard';
-declare const meta: Meta<typeof PisellEntityCard>;
-export default meta;
-declare type Story = StoryObj<typeof PisellEntityCard>;
-/** 默认：横向 B2，主文案 + 次级 + 头像 */
-export declare const Default: Story;
-/** 仅主文案（最小） */
-export declare const PrimaryOnly: Story;
-/** 主文案 + 头像 一行 */
-export declare const B1Line: Story;
-/** B2 横向：头像 + 主 + 次级两行 */
-export declare const B2Horizontal: Story;
-/** B2 竖向 */
-export declare const B2Vertical: Story;
-/** B5：次级最多 5 行 */
-export declare const B5Standard: Story;
-/** B9 全部展示 */
-export declare const B9Extended: Story;
-/** Action 区域默认关闭（不传 showActions 或 showActions: false） */
-export declare const ActionDefaultOff: Story;
-/** Action 仅文本 */
-export declare const ActionTextOnly: Story;
-/** Action 仅按钮 */
-export declare const ActionButtonOnly: Story;
-/** Action 仅图标（Figma 支持右侧按钮 - 编辑图标） */
-export declare const ActionIconOnly: Story;
-/** Action 混合：文本 + 按钮 + 图标，并各自自定义样式 */
-export declare const ActionMixedWithCustomStyle: Story;
-/** 带底部操作（兼容旧名） */
-export declare const WithActions: Story;
-/** 左滑删除（需在真机或模拟 touch 下左滑验证） */
-export declare const SwipeToDelete: Story;
-/** 标签 inline */
-export declare const TagPositionInline: Story;
-/** 宽度撑满父容器 */
-export declare const WidthFull: Story;
-/** 自定义主文案插槽 */
-export declare const SlotPrimary: Story;
-/** 缩略图类型媒体 */
-export declare const MediaThumbnail: Story;
-/** 图标类型媒体 */
-export declare const MediaIcon: Story;
-/** 可点击卡片 */
-export declare const Clickable: Story;
-/** 禁用态 */
-export declare const Disabled: Story;

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

@@ -1,5 +0,0 @@
-/**
- * PisellEntityCard 组件导出
- */
-export { PisellEntityCard } from './PisellEntityCard';
-export type { PisellEntityCardProps, EntityCardDensity, EntityCardLayout, EntityCardWidth, EntityCardMediaType, EntityCardMediaConfig, EntityCardSecondaryItem, EntityCardTagItem, EntityCardActionItem, EntityCardTagPosition, } from './types';