@pisell/materials 1.8.10 → 1.8.11

package/lib/components/pisellLookup/utils/trigger.d.ts

@@ -1,42 +0,0 @@
-import type { DisplayType, TriggerType } from '../types';
-/**
- * 触发器相关工具函数
- */
-/**
- * 根据触发器类型获取默认的展示类型
- * @param triggerType 触发器类型
- * @param hasTrigger 是否有自定义触发器
- * @returns 默认的展示类型
- */
-export declare const getDefaultDisplayType: (triggerType?: TriggerType, hasTrigger?: boolean) => DisplayType;
-/**
- * 判断是否为输入框触发器
- * @param triggerType 触发器类型
- * @returns 是否为输入框触发器
- */
-export declare const isInputTrigger: (triggerType?: TriggerType) => boolean;
-/**
- * 判断是否为按钮类触发器（button、icon、text、自定义）
- * @param triggerType 触发器类型
- * @param hasTrigger 是否有自定义触发器
- * @returns 是否为按钮类触发器
- */
-export declare const isButtonLikeTrigger: (triggerType?: TriggerType, hasTrigger?: boolean) => boolean;
-/**
- * 判断展示类型是否需要容器（modal、drawer）
- * @param displayType 展示类型
- * @returns 是否需要容器
- */
-export declare const needsContainer: (displayType?: DisplayType) => boolean;
-/**
- * 判断展示类型是否需要浮层（popup）
- * @param displayType 展示类型
- * @returns 是否需要浮层
- */
-export declare const needsPopup: (displayType?: DisplayType) => boolean;
-/**
- * 判断展示类型是否为内联（inline）
- * @param displayType 展示类型
- * @returns 是否为内联
- */
-export declare const isInline: (displayType?: DisplayType) => boolean;

package/lib/components/pisellMenu/PisellMenu.d.ts

@@ -1,11 +0,0 @@
-import { Menu as AntdMenu } from 'antd';
-import React from 'react';
-import './PisellMenu.less';
-import type { PisellMenuProps } from './types';
-declare type PisellMenuComponent = React.FC<PisellMenuProps> & {
-    Item: typeof AntdMenu.Item;
-    SubMenu: typeof AntdMenu.SubMenu;
-    ItemGroup: typeof AntdMenu.ItemGroup;
-};
-declare const PisellMenu: PisellMenuComponent;
-export default PisellMenu;

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

@@ -1,3 +0,0 @@
-import PisellMenu from './PisellMenu';
-export type { PisellMenuProps } from './types';
-export default PisellMenu;

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

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import type { MenuProps } from 'antd';
-export interface PisellMenuProps extends Omit<MenuProps, 'items'> {
-    className?: string;
-    style?: React.CSSProperties;
-    mode?: 'vertical' | 'horizontal' | 'inline';
-    theme?: 'light' | 'dark';
-    defaultOpenKeys?: string[];
-    defaultSelectedKeys?: string[];
-    inlineCollapsed?: boolean;
-    openKeys?: string[];
-    selectedKeys?: string[];
-    onOpenChange?: (openKeys: string[]) => void;
-    dataSource?: any;
-    __designMode?: string;
-    other?: PisellMenuProps;
-}
-export interface MenuItemType {
-    key: string;
-    label: string;
-    path: string;
-    children?: MenuItemType[];
-    icon?: string | React.ReactNode;
-    hide?: boolean;
-    type?: 'group' | 'divider';
-    isGroup?: boolean;
-}

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

@@ -1,4 +0,0 @@
-import type { MessageInstance } from 'antd/es/message/interface';
-declare let message: MessageInstance;
-declare const setMessage: (m: MessageInstance) => void;
-export { message, setMessage };

package/lib/components/pisellMetricCard/components/MetricTitle.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { MetricTitleProps } from '../types';
-/**
- * MetricTitle 标题组件
- *
- * 负责渲染标题、副标题和提示信息
- * 支持自定义字号、字重、颜色等样式
- *
- * @param props 组件属性
- */
-declare const MetricTitle: React.FC<MetricTitleProps>;
-export default MetricTitle;

package/lib/components/pisellMetricCard/components/MetricValue.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import type { MetricValueProps } from '../types';
-/**
- * MetricValue 数值展示组件
- *
- * 负责渲染格式化后的主数值
- * 支持自定义字号、字重、颜色等样式
- *
- * @param props 组件属性
- */
-declare const MetricValue: React.FC<MetricValueProps>;
-export default MetricValue;

package/lib/components/pisellMetricCard/components/TrendIcon.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { TrendIconProps } from '../types';
-/**
- * TrendIcon 趋势箭头组件
- *
- * 根据趋势类型显示上升或下降箭头
- * - up: 显示上升箭头 ↑
- * - down: 显示下降箭头 ↓
- * - neutral: 不显示箭头
- *
- * @param props 组件属性
- */
-declare const TrendIcon: React.FC<TrendIconProps>;
-export default TrendIcon;

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

@@ -1,201 +0,0 @@
-import type { CSSProperties, ReactNode } from 'react';
-/**
- * 趋势类型
- */
-export declare type TrendType = 'up' | 'down' | 'neutral';
-/**
- * 数值格式化配置
- */
-export interface ValueFormatConfig {
-    /** 小数精度（小数位数），默认 0 */
-    precision?: number;
-    /** 是否使用千分位分隔符，默认 false */
-    useGrouping?: boolean;
-    /** 是否显示货币符号，默认 false */
-    showCurrencySymbol?: boolean;
-    /** 货币符号（如 $, ¥），默认 '' */
-    currencySymbol?: string;
-    /** 自定义格式化函数 */
-    formatter?: (value: number | null) => string;
-    /** 整数时隐藏小数部分，默认 true */
-    hideDecimalForWholeNumbers?: boolean;
-}
-/**
- * 环比配置
- */
-export interface ComparisonConfig {
-    /** 环比数值（支持正负值） */
-    value: number | string | null;
-    /** 环比前缀文本，默认 'v.s. pre' */
-    text?: string;
-    /** 是否显示趋势箭头，默认 true */
-    showTrendIcon?: boolean;
-    /** 正向趋势颜色，默认 '#52c41a' */
-    positiveColor?: string;
-    /** 负向趋势颜色，默认 '#ff4d4f' */
-    negativeColor?: string;
-    /** 环比字号，默认 14 */
-    size?: number | string;
-}
-/**
- * 样式配置
- */
-export interface MetricCardStyleConfig {
-    /** 卡片容器样式 */
-    card?: {
-        /** 是否显示边框，默认 true */
-        bordered?: boolean;
-        /** 圆角大小（px），默认 12 */
-        borderRadius?: number;
-        /** 内边距（px），默认 16 */
-        padding?: number;
-        /** 阴影效果，默认 true */
-        shadow?: boolean | string;
-        /** 背景色，默认 '#ffffff' */
-        background?: string;
-        /** 卡片宽度，默认 'auto' */
-        width?: string | number;
-    };
-    /** 标题样式 */
-    title?: {
-        /** 字号，默认 14 */
-        size?: number | string;
-        /** 字重，默认 400 */
-        weight?: number | string;
-        /** 颜色，默认 'rgba(0, 0, 0, 0.45)' */
-        color?: string;
-    };
-    /** 数值样式 */
-    value?: {
-        /** 字号，默认 30 */
-        size?: number | string;
-        /** 字重，默认 600 */
-        weight?: number | string;
-        /** 颜色，默认 'rgba(0, 0, 0, 0.85)' */
-        color?: string;
-    };
-}
-/**
- * PisellMetricCard 组件 Props
- *
- * 采用扁平 + 对象组合的设计，降低复杂度和耦合
- *
- * @example 基础用法
- * ```tsx
- * <PisellMetricCard
- *   title="Total Sales"
- *   value={1580}
- * />
- * ```
- *
- * @example 带格式化和环比
- * ```tsx
- * <PisellMetricCard
- *   title="Revenue"
- *   value={1580}
- *   format={{
- *     showCurrencySymbol: true,
- *     currencySymbol: '$',
- *     useGrouping: true
- *   }}
- *   comparison={{
- *     value: 120,
- *     text: 'v.s. last month'
- *   }}
- * />
- * ```
- */
-export interface PisellMetricCardProps {
-    /** 标题文本 */
-    title: string | ReactNode;
-    /** 主数值 */
-    value: number | string | null;
-    /** 副标题文本（可选） */
-    subtitle?: string | ReactNode;
-    /** 标签内容（可选） */
-    tag?: ReactNode;
-    /** 提示信息内容（可选） */
-    tooltip?: string | ReactNode;
-    /**
-     * 数值格式化配置
-     * @example format={{ precision: 2, useGrouping: true, currencySymbol: '$' }}
-     */
-    format?: ValueFormatConfig;
-    /**
-     * 环比配置
-     * @example comparison={{ value: 120, text: 'v.s. pre' }}
-     */
-    comparison?: ComparisonConfig;
-    /**
-     * 样式配置
-     * @example
-     * styleConfig={{
-     *   card: { borderRadius: 8, padding: 24 },
-     *   title: { size: 16, weight: 600 },
-     *   value: { size: 36, color: '#1890ff' }
-     * }}
-     */
-    styleConfig?: MetricCardStyleConfig;
-    /** 是否显示副标题，默认 false */
-    showSubtitle?: boolean;
-    /** 是否显示标签，默认 false */
-    showTag?: boolean;
-    /** 是否显示提示信息，默认 false */
-    showTooltip?: boolean;
-    /** 是否显示加载状态，默认 false */
-    loading?: boolean;
-    /** 鼠标悬停是否有交互效果，默认 true */
-    hoverable?: boolean;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: CSSProperties;
-    /** 点击卡片回调 */
-    onClick?: () => void;
-}
-/**
- * FormatOptions (别名，用于导出)
- */
-export interface FormatOptions extends ValueFormatConfig {
-}
-/**
- * MetricTitle 组件 Props
- */
-export interface MetricTitleProps {
-    title: string | ReactNode;
-    subtitle?: string | ReactNode;
-    tooltip?: string | ReactNode;
-    titleSize?: number | string;
-    titleWeight?: number | string;
-    titleColor?: string;
-}
-/**
- * MetricValue 组件 Props
- */
-export interface MetricValueProps {
-    value: string | null;
-    valueSize?: number | string;
-    valueWeight?: number | string;
-    valueColor?: string;
-}
-/**
- * MetricComparison 组件 Props
- */
-export interface MetricComparisonProps {
-    comparison: number | string | null;
-    comparisonText?: string;
-    showTrendIcon?: boolean;
-    positiveColor?: string;
-    negativeColor?: string;
-    comparisonSize?: number | string;
-    precision?: number;
-    showCurrencySymbol?: boolean;
-    currencySymbol?: string;
-}
-/**
- * TrendIcon 组件 Props
- */
-export interface TrendIconProps {
-    trend: TrendType;
-    color?: string;
-}

package/lib/components/pisellMetricCard/utils/calculateTrend.d.ts

@@ -1,14 +0,0 @@
-import type { TrendType } from '../types';
-/**
- * 计算趋势方向
- *
- * @param comparison 环比数值
- * @returns 'up' | 'down' | 'neutral'
- *
- * @example
- * calculateTrend(120) // 'up'
- * calculateTrend(-230) // 'down'
- * calculateTrend(0) // 'neutral'
- * calculateTrend(null) // 'neutral'
- */
-export declare function calculateTrend(comparison: number | string | null | undefined): TrendType;

package/lib/components/pisellModal/constants.d.ts

@@ -1,6 +0,0 @@
-declare const sizeMap: {
-    large: number;
-    middle: number;
-    small: number;
-};
-export { sizeMap };

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

@@ -1,85 +0,0 @@
-import { CSSProperties } from 'react';
-import { Props as TreeItem } from "../pisellDraggable/components/TreeItem/TreeItem";
-export interface NavigationMenuItem {
-    id: string;
-    /** 标题 */
-    title: string;
-    /** 图标 */
-    icon?: string;
-    /** 描述 */
-    description?: string;
-    /** 子菜单 */
-    children?: NavigationMenuItem[];
-    /** 版本 */
-    version?: string;
-    /** 是否是分组 */
-    isGroup?: boolean;
-    /** 是否允许添加子菜单 */
-    allowAddChild?: boolean;
-    /** 是否允许删除 */
-    allowDelete?: boolean;
-    /** 是否允许编辑 */
-    allowEdit?: boolean;
-    /** 是否允许添加子菜单 */
-    allowAddSubmenu?: boolean;
-    /** 是否允许添加页面 */
-    allowAddPage?: boolean;
-    /** 其他属性 */
-    [key: string]: any;
-}
-export interface PisellNavigationMenuProps {
-    /** 导航菜单数据 */
-    value: NavigationMenuItem[];
-    /** 是否允许拖拽排序 */
-    allowDrag?: boolean;
-    /** 是否允许删除菜单项 */
-    allowDelete?: boolean;
-    /** 是否允许添加子菜单 */
-    allowAddChild?: boolean;
-    /** 是否允许添加根菜单 */
-    allowAddRoot?: boolean;
-    /** 是否允许显示隐藏 */
-    allowIsShow?: boolean;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 菜单项间距 */
-    spacing?: number;
-    /** 最大层级数 */
-    maxLevel?: number;
-    /** 样式 */
-    style?: CSSProperties;
-    /** 类名 */
-    className?: string;
-    /** 数据变化回调 */
-    onChange?: (items: NavigationMenuItem[]) => void;
-    /** 设计模式 */
-    __designMode?: string;
-    /** 标题 */
-    title?: string;
-    /** 添加子菜单回调 */
-    onAddSubMenu?: (item?: NavigationMenuItem) => void;
-    /** 添加页面回调 */
-    onAddPage?: (item?: NavigationMenuItem) => void;
-    /** 编辑回调 */
-    onEdit?: (item: NavigationMenuItem) => void;
-    /** 删除回调 */
-    onDelete?: (item: NavigationMenuItem) => void;
-    /** 左侧自定义内容 */
-    leftContent?: React.ReactNode;
-    /** 右侧自定义内容 */
-    rightContent?: React.ReactNode;
-    /** 获取item样式 */
-    getItemStyle?: (itemProps: TreeItem) => React.CSSProperties;
-    /** 自定义拖拽判断函数，返回false时阻止拖拽 */
-    canDrop?: (dragItem: NavigationMenuItem, dropTarget: NavigationMenuItem, parentId: string | number | null) => boolean;
-    /** 显示隐藏回调 */
-    onIsShow?: (item: NavigationMenuItem) => void;
-    /** 节点缩进宽度 */
-    indentationWidth?: number;
-    /** 隐藏描述 */
-    hideDescription?: boolean;
-    /** 悬浮时展示action */
-    showActionOnHover?: boolean;
-    /** 是否展示标题标签 */
-    showTitleTags?: boolean;
-}

package/lib/components/pisellNavigationMenu/utils.d.ts

@@ -1,15 +0,0 @@
-/**
- * 树节点的基本接口
- */
-export interface TreeNode {
-    [key: string]: any;
-    children?: TreeNode[];
-}
-/**
- * 格式化树结构数据
- * @param tree 要格式化的树结构数据
- * @param formatter 格式化函数，用于处理每个节点
- * @param childrenField 子节点字段名，默认为 'children'
- * @returns 格式化后的树结构
- */
-export declare function formatTree<T extends TreeNode, R = T>(tree: T[], formatter: (node: T, level: number, parent: T | null) => R, childrenField?: string): R[];

package/lib/components/pisellPercent/utils/rangeConverter.d.ts

@@ -1,36 +0,0 @@
-/**
- * 百分比范围转换工具函数
- */
-/**
- * 将值转换为百分比（0-100）
- *
- * @param value 原始值
- * @param range 值的范围
- * @returns 转换后的百分比值（0-100）
- *
- * @example
- * // [0, 100] 范围 - 直接返回
- * convertToPercent(85.5, [0, 100])  // 返回: 85.5
- *
- * @example
- * // [0, 1] 范围 - 乘以 100
- * convertToPercent(0.855, [0, 1])  // 返回: 85.5
- *
- * @example
- * // 自定义范围 - 按比例计算
- * convertToPercent(855, [0, 1000])  // 返回: 85.5
- */
-export declare function convertToPercent(value: number | null | undefined, range: [number, number]): number | null;
-/**
- * 将百分比值转换回原始范围
- *
- * @param percent 百分比值（0-100）
- * @param range 目标范围
- * @returns 转换后的值
- *
- * @example
- * convertFromPercent(85.5, [0, 100])  // 返回: 85.5
- * convertFromPercent(85.5, [0, 1])    // 返回: 0.855
- * convertFromPercent(85.5, [0, 1000]) // 返回: 855
- */
-export declare function convertFromPercent(percent: number | null | undefined, range: [number, number]): number | null;

package/lib/components/pisellPhone/utils/phoneFormatter.d.ts

@@ -1,39 +0,0 @@
-/**
- * 电话号码格式化工具
- */
-/**
- * 中国大陆手机号格式化：138 0000 0000
- */
-export declare function formatChinaMobile(phone: string): string;
-/**
- * 美国/加拿大号码格式化：(555) 123-4567
- */
-export declare function formatUSPhone(phone: string): string;
-/**
- * 英国号码格式化：1234 567 8900
- */
-export declare function formatUKPhone(phone: string): string;
-/**
- * 根据国家码格式化电话号码
- * @param phone 电话号码（纯数字）
- * @param countryCode 国家码
- * @returns 格式化后的电话号码
- */
-export declare function formatPhone(phone: string, countryCode: string): string;
-/**
- * 电话号码脱敏
- * @param phone 电话号码
- * @param pattern 脱敏模式
- * @returns 脱敏后的号码
- *
- * @example
- * maskPhone('13800000000', 'middle') // '138****0000'
- * maskPhone('13800000000', 'last')   // '1380000****'
- */
-export declare function maskPhone(phone: string, pattern?: 'middle' | 'last'): string;
-/**
- * 检测号码类型（中国）
- * @param phone 电话号码
- * @returns 号码类型
- */
-export declare function detectPhoneType(phone: string): 'mobile' | 'landline' | 'unknown';

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

@@ -1,24 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellQRScannerProps {
-    /** 是否可见 */
-    visible: boolean;
-    /** 是否显示上传图片按钮 */
-    showUpload?: boolean;
-    /** 关闭回调 */
-    onClose: () => void;
-    /** 扫码成功回调 */
-    onScan: (value: string) => void;
-    /**
-     * 样式属性，可选
-     * 注意: 不应传入renderMode等不必要属性
-     */
-    style?: React.CSSProperties;
-    /** 类名，可选 */
-    className?: string;
-}
-/**
- * 二维码扫描组件
- */
-declare const PisellQRScanner: React.FC<PisellQRScannerProps>;
-export default PisellQRScanner;

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

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-import { FilterItemProps } from '../filter/types';
-import { FormInstance } from 'antd';
-export declare type PisellQuickFilterProps = FormInstance & {
-    hasForm?: boolean;
-    children?: React.ReactNode;
-    formFiltersPrefix: string;
-    filterList?: FilterItemProps[];
-    quickFilterMaxLength: number;
-    hiddenQuickFilter: boolean;
-    hiddenOtherFilter: boolean;
-};

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

@@ -1,23 +0,0 @@
-import React from 'react';
-import { BrowserMultiFormatReader } from '@zxing/library';
-import './index.less';
-export interface PisellScanProps extends Omit<React.HTMLAttributes<HTMLVideoElement>, 'onChange'> {
-    /** 当前scan展示宽度 */
-    width: string | number;
-    /** 当前scan展示高度 */
-    height?: string | number;
-    /** 当前scan圆角 */
-    borderRadius?: string | number;
-    /** 扫描完成回调 */
-    onChange?: (val: string) => void;
-    /** 扫描间隔时间 毫秒 */
-    timeBetweenScansMillis?: number;
-}
-export declare type PisellScanRef = {
-    codeReader: BrowserMultiFormatReader | null;
-};
-/**
- * 二维码条形码扫描组件
- */
-declare const PisellScan: React.ForwardRefExoticComponent<PisellScanProps & React.RefAttributes<PisellScanRef>>;
-export default PisellScan;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellSectionHeadersProps {
-    /** 是否占据空间（true: 占据空间, false: 不占据空间） */
-    /** 左侧返回区域 */
-    backNode?: React.ReactNode;
-    /** 中间内容区域 */
-    centerNode?: React.ReactNode;
-    /** 右侧操作区域 */
-    actionNode?: React.ReactNode;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: React.CSSProperties;
-    /** 返回按钮点击事件 */
-    onBack?: () => void;
-    /** 操作区域点击事件 */
-    onAction?: () => void;
-}
-declare const PisellSectionHeaders: React.FC<PisellSectionHeadersProps>;
-export default PisellSectionHeaders;

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

@@ -1,7 +0,0 @@
-import { SortListProps } from '../sort/types';
-import { FormInstance } from 'antd';
-export declare type PisellSortProps = SortListProps & {
-    name?: string;
-} & FormInstance & {
-    hasForm?: boolean;
-};

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import './index.less';
-export interface PisellStatisticListProps extends React.HTMLAttributes<HTMLDivElement> {
-    isHasBorder?: boolean;
-    backgroundColors?: string[];
-    labelColor?: string;
-    valueColor?: string;
-    data: {
-        label: string;
-        value: string;
-        isLink?: boolean;
-        link?: string;
-        tip?: string;
-        children?: {
-            label: string;
-            value: string;
-        }[];
-    }[];
-}
-declare const PisellStatisticList: (props: PisellStatisticListProps) => React.JSX.Element;
-export default PisellStatisticList;

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

@@ -1,13 +0,0 @@
-import React from 'react';
-import './index.less';
-export declare type PisellTagsType = 'pill_color' | 'pill_outline';
-export declare type PisellTagsColor = 'success' | 'warning' | 'error' | 'gray' | string;
-export interface PisellTagsProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
-    children?: React.ReactNode;
-    others?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
-    type: PisellTagsType;
-    icon?: React.ReactNode;
-    color?: PisellTagsColor;
-}
-declare const PisellTags: (props: PisellTagsProps) => React.JSX.Element;
-export default PisellTags;

package/lib/components/pisellTags/utils.d.ts

@@ -1 +0,0 @@
-export declare const generateColorShades: (color: string) => Record<string, string>;