@pisell/materials 1.0.1078 → 1.0.1079

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare const formFieldMap: {
     FormItemCheckbox: import("react").FC<{}> & {
         Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
@@ -19,7 +20,7 @@ declare const formFieldMap: {
         Subdomain: import("react").FC<import("antd").InputProps & {
             onChange: (value: string) => void;
             onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-            rootDomain: "custom" | "saas" | "xzero";
+            rootDomain: "custom" | "xzero" | "saas";
             customDomain?: string | undefined;
             value?: string | undefined;
             tenantId: string;
@@ -34,7 +35,7 @@ declare const formFieldMap: {
     };
     FormItemSelect: (props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "custom" | "api" | undefined;
+        optionSourceType?: "custom" | "default" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -61,7 +62,7 @@ declare const formFieldMap: {
     FormItemIconSelect: import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     FormItemRecordListWrapper: (props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "custom" | "api" | undefined;
+        optionSourceType?: "custom" | "default" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -71,7 +72,7 @@ declare const formFieldMap: {
     }) => import("react").JSX.Element;
     FormItemTabs: (props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
         options?: any;
-        optionSourceType?: "default" | "custom" | "api" | undefined;
+        optionSourceType?: "custom" | "default" | "api" | undefined;
         labelField: string;
         valueField: string;
         extraParams?: Record<string, any> | undefined;
@@ -80,7 +81,11 @@ declare const formFieldMap: {
         extraParams?: Record<string, any> | undefined;
     }) => import("react").JSX.Element;
 };
-declare const getFieldComponent: (fieldComponent: string) => (import("react").FC<import("./Input/type").InputProps> & {
+declare const getFieldComponent: (fieldComponent: string) => import("react").FC<any> | import("react").FC<import("./DatePicker").DataSourceDatePickerProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+} & {
+    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
+}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<import("./Input/type").InputProps> & {
     JSON: import("react").FC<any>;
     Password: import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
     TextArea: import("react").FC<import("antd/es/input").TextAreaProps & import("react").RefAttributes<import("antd/es/input/TextArea").TextAreaRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
@@ -93,24 +98,20 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     Subdomain: import("react").FC<import("antd").InputProps & {
         onChange: (value: string) => void;
         onBlur?: ((e: import("react").FocusEvent<HTMLInputElement, Element>) => void) | undefined;
-        rootDomain: "custom" | "saas" | "xzero";
+        rootDomain: "custom" | "xzero" | "saas";
         customDomain?: string | undefined;
         value?: string | undefined;
         tenantId: string;
         name?: string | undefined;
         fieldKey?: string | undefined;
     } & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps>;
-}) | import("react").FC<any> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | (import("react").FC<{}> & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-} & {
-    Group: import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps>;
-}) | import("react").FC<import("./ColorPicker/type").ColorPickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./DatePicker").DataSourceDatePickerProps> | (import("react").FC<{}> & {
+}) | (import("react").FC<{}> & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 } & {
     Group: import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps>;
 }) | ((props: import("antd").SelectProps<any, import("antd/es/select").DefaultOptionType> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
@@ -119,9 +120,9 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     extraParams?: Record<string, any> | undefined;
 }) => import("react").JSX.Element) | import("react").FC<import("./TimePicker/type").TimePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Phone/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Input.Mobile/WithMode").PhoneInputProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & {
     onChange: (value: string) => void;
-} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./DateRangePicker/type").DateRangePickerProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
+} & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd").InputProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("antd/es/input").PasswordProps & import("react").RefAttributes<import("antd").InputRef> & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Radio/type").RadioGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Checkbox/type").CheckboxGroupProps & import("../dataSourceForm/utils").WithModeProps> | import("react").FC<import("./Upload/type").UploadProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./Translation/type").TranslationProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | import("react").FC<import("./IconSelect/type").IconSelectProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps> | ((props: import("./RecordListWrapper/type").RecordListWrapperProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;
@@ -130,7 +131,7 @@ declare const getFieldComponent: (fieldComponent: string) => (import("react").FC
     extraParams?: Record<string, any> | undefined;
 }) => import("react").JSX.Element) | ((props: import("./Tabs/type").TabsProps & import("../dataSourceForm/utils").WithModeProps & import("../dataSourceForm/utils").WithFormItemProps & {
     options?: any;
-    optionSourceType?: "default" | "custom" | "api" | undefined;
+    optionSourceType?: "custom" | "default" | "api" | undefined;
     labelField: string;
     valueField: string;
     extraParams?: Record<string, any> | undefined;

package/es/components/drag-sort-tree/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SortType } from './types';
+declare const DragSortTree: (props: SortType) => React.JSX.Element;
+export default DragSortTree;

package/es/components/filter/components/Dropdown/types.d.ts

@@ -0,0 +1,13 @@
+import { FilterItemProps } from '../../types';
+export interface DropdownProps {
+    quickFilter: FilterItemProps[];
+    otherFilter: FilterItemProps[];
+    hiddenQuickFilter?: boolean;
+    hiddenOtherFilter?: boolean;
+    onChange: (list: {
+        quickFilter: FilterItemProps[];
+        otherFilter: FilterItemProps[];
+    }) => void;
+    quickFilterMaxLength: number;
+    formFiltersPrefix: string;
+}

package/es/components/filter/components/FilterButton/types.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="react" />
+import { FilterItemProps } from '../../types';
+export declare type FilterValueType = {
+    quickFilter: FilterItemProps[];
+    otherFilter: FilterItemProps[];
+    /** 筛选项表单值，字段名 -> 值，与 Form 的 values 一致 */
+    values?: Record<string, any>;
+};
+export declare type FilterListProps = {
+    value?: FilterValueType;
+    hiddenQuickFilter?: boolean;
+    hiddenOtherFilter?: boolean;
+    onChange?: (value: FilterValueType) => void;
+    quickFilterMaxLength: number;
+    formFiltersPrefix: string;
+    renderItem?: (item: any, otherProps?: any) => React.ReactNode;
+    placement?: 'top' | 'left' | 'right' | 'bottom' | 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight' | 'leftTop' | 'leftBottom' | 'rightTop' | 'rightBottom';
+    /** 筛选按钮尺寸，与 antd Button size 一致 */
+    size?: 'small' | 'middle' | 'large';
+    /** 筛选触发按钮的 className，用于定制样式（如与设计系统对齐） */
+    buttonClassName?: string;
+    /** 筛选按钮文案，不传则使用 materials 内置多语言 */
+    buttonText?: string;
+};

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

@@ -0,0 +1,48 @@
+import { ModeType } from "../table/types";
+/**
+ * 筛选总配置
+ */
+export declare type FilterType = {
+    /** 筛选是否展示 */
+    show: boolean;
+    /** 筛选项排序按钮是否展示 */
+    sortButtonShow: boolean;
+    /** 筛选列表 */
+    list: FilterItemProps[];
+    items?: string[];
+    /** 快速筛选最大长度 */
+    quickFilterMaxLength: number;
+    /** 配置存储模式 */
+    storageMode: "" | "localStorage";
+    /** 筛选列表项dom */
+    dom?: any;
+};
+/**
+ * 筛选列表项配置
+ * - type 为 single/input/rangePicker 等时使用内置或映射组件
+ * - type 为 "custom" 时使用 other.component，组件接收 value/onChange（由 Form 注入）
+ */
+export declare type FilterItemProps = {
+    type: "single" | "input" | "datePicker" | "rangePicker" | "rangePickerNew" | "search" | "custom";
+    name?: string | string[];
+    key: string;
+    props?: object;
+    label?: string;
+    sort?: boolean;
+    localFilter?: boolean;
+    other: Record<string, any>;
+    isCustom?: boolean;
+    columnKey?: string;
+    isHidden?: boolean;
+};
+/**
+ * 筛选组件属性
+ */
+export interface FilterProps {
+    filter: FilterType;
+    isRenderFormContent: boolean;
+    onValuesChange?: () => void;
+    tableId?: string;
+    viewMode?: ModeType;
+    isMobile?: boolean;
+}

package/es/components/hardwareErrorTip/demo.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const HardwareErrorTipDemo: React.FC;
+export default HardwareErrorTipDemo;

package/es/components/hardwareErrorTip/errorCard/index.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './index.less';
+declare const DEVICE_TYPE_MAP: {
+    readonly printer: any;
+    readonly barcode_scanner: any;
+    readonly cds: any;
+    readonly kds: any;
+    readonly display: any;
+    readonly card_reader: any;
+    readonly till: any;
+    readonly scale: any;
+};
+export interface ErrorCardData {
+    error_level: 0 | 1 | 2 | 3;
+    error_message: string;
+    error_code: string;
+    time: string;
+    device: {
+        device_type: keyof typeof DEVICE_TYPE_MAP;
+        device_name: string;
+        device_idfa: string;
+    };
+}
+interface IErrorCardProps {
+    data: ErrorCardData;
+    onClose?: () => void;
+}
+declare const ErrorCard: (props: IErrorCardProps) => React.JSX.Element | null;
+export default ErrorCard;

package/es/components/hardwareErrorTip/errorTipStatistics/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './index.less';
+export declare type StatisticsData = {
+    fatal: number;
+    critical: number;
+    normal: number;
+    info: number;
+};
+interface IStatisticsProps {
+    data: StatisticsData;
+}
+declare const Statistics: (props: IStatisticsProps) => React.JSX.Element;
+export default Statistics;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { type StatisticsData } from './errorTipStatistics';
+import { type ErrorCardData } from './errorCard';
+import { type LogCardData } from './logCard';
+import './index.less';
+interface HardwareErrorTipProps {
+    statistics: StatisticsData;
+    errors?: ErrorCardData[];
+    logs?: LogCardData[];
+    onExportLogs?: (logs: any) => void;
+    onCloseError?: (error: ErrorCardData, index?: number) => void;
+    onTabChange?: (activeTab: string) => void;
+    activeTab?: string;
+    isLoadingErrors?: boolean;
+    isLoadingLogs?: boolean;
+    style?: React.CSSProperties;
+}
+declare const HardwareErrorTip: React.FC<HardwareErrorTipProps>;
+export default HardwareErrorTip;

package/es/components/hardwareErrorTip/logCard/index.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import './index.less';
+declare const DEVICE_TYPE_MAP: {
+    readonly printer: any;
+    readonly barcode_scanner: any;
+    readonly cds: any;
+    readonly kds: any;
+    readonly display: any;
+    readonly card_reader: any;
+    readonly till: any;
+    readonly scale: any;
+};
+export interface LogCardData {
+    log_level: 0 | 1 | 2;
+    message: string;
+    time: string;
+    device: {
+        device_type: keyof typeof DEVICE_TYPE_MAP;
+        device_name: string;
+        device_idfa: string;
+    };
+    data?: string;
+}
+interface ILogCardProps {
+    data: LogCardData;
+}
+declare const LogCard: (props: ILogCardProps) => React.JSX.Element;
+export default LogCard;

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

@@ -0,0 +1,28 @@
+export declare const prefix = "pisell-lowcode";
+export declare const ErrorTypeTheme: {
+    readonly fatal: {
+        readonly iconColor: "#cf1322";
+        readonly backgroundColor: "#fff1f0";
+        readonly shadowColor: "#ffa39e";
+        readonly badgeColor: "#fee2e1";
+    };
+    readonly critical: {
+        readonly iconColor: "#d4380d";
+        readonly backgroundColor: "#fff2e8";
+        readonly shadowColor: "#ffbb96";
+        readonly badgeColor: "#ffedd5";
+    };
+    readonly normal: {
+        readonly iconColor: "#0958d9";
+        readonly backgroundColor: "#e6f4ff";
+        readonly shadowColor: "#91caff";
+        readonly badgeColor: "#d2eafd";
+    };
+    readonly info: {
+        readonly iconColor: "#389e0d";
+        readonly backgroundColor: "#f6ffed";
+        readonly shadowColor: "#b7eb8f";
+        readonly badgeColor: "#dcfce7";
+    };
+};
+export declare const errorTypes: any[];

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

@@ -0,0 +1,8 @@
+import { IconComponentProps } from '@ant-design/icons/es/components/Icon';
+import React from 'react';
+interface IconFontProps extends IconComponentProps {
+    type: string;
+    onClick?: React.MouseEventHandler<HTMLSpanElement>;
+}
+declare const IconFont: React.FC<IconFontProps>;
+export default IconFont;

package/es/components/login-and-register/index.d.ts

@@ -0,0 +1,82 @@
+import React from 'react';
+import './index.less';
+/**
+ * loginAndRegister组件的属性接口
+ */
+export interface loginAndRegisterProps {
+    /** Logo相关配置 */
+    showLogo?: boolean;
+    logo?: string;
+    logoPosition?: 'left' | 'center' | 'right';
+    logoSize?: {
+        width?: number;
+        height?: number;
+    };
+    /** 标题相关配置 */
+    title?: string;
+    showTitle?: boolean;
+    titleAlign?: 'left' | 'center' | 'right';
+    /** 副标题相关配置 */
+    subtitle?: string;
+    showSubtitle?: boolean;
+    subtitleAlign?: 'left' | 'center' | 'right';
+    /** 登录方式配置 */
+    loginMethods?: ('email' | 'google' | 'facebook' | 'apple')[];
+    defaultLoginMethod?: 'email' | 'google' | 'facebook' | 'apple';
+    /** 表单配置 */
+    emailLabel?: string;
+    passwordLabel?: string;
+    emailPlaceholder?: string;
+    passwordPlaceholder?: string;
+    emailRules?: any[];
+    buttonText?: string;
+    rememberMeText?: string;
+    forgotPasswordText?: string;
+    showRememberMe?: boolean;
+    showForgotPassword?: boolean;
+    /** 社交登录配置 */
+    socialLoginTexts?: {
+        google?: string;
+        facebook?: string;
+        apple?: string;
+    };
+    /** 底部配置 */
+    showFooter?: boolean;
+    showSignUp?: boolean;
+    signUpText?: string;
+    signUpLink?: string;
+    signUpPosition?: 'left' | 'center' | 'right';
+    otherLinks?: Array<{
+        text: string;
+        url: string;
+    }>;
+    otherLinksPosition?: 'left' | 'center' | 'right';
+    /** 登录/注册切换配置 */
+    showTabs?: boolean;
+    loginTabText?: string;
+    registerTabText?: string;
+    /** 注册表单配置 */
+    registerEmailPlaceholder?: string;
+    registerPasswordPlaceholder?: string;
+    registerButtonText?: string;
+    /** 事件回调 */
+    onLogin?: (values: {
+        email: string;
+        loginMethod: string;
+    }) => void;
+    onSocialLogin?: (type: 'google' | 'facebook' | 'apple') => void;
+    onSignUp?: () => void;
+    onRegister?: (values: {
+        email: string;
+        password: string;
+    }) => void;
+    /** 新增背景图片属性 */
+    backgroundImage?: string;
+}
+/**
+ * Saas登录组件
+ * @param props - 组件属性
+ * @returns React组件
+ */
+declare const loginAndRegister: React.FC<loginAndRegisterProps>;
+export default loginAndRegister;

package/es/components/pisell-config-provider/index.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { PisellContextType } from './context';
+interface PisellConfigProviderType {
+    platform?: PisellContextType['platform'];
+    children: React.ReactNode;
+    /** 货币符号 */
+    symbol?: string;
+    /** 当前语言环境 */
+    locale?: string;
+    getSymbolic?: () => string;
+}
+declare const PisellConfigProvider: React.FC<PisellConfigProviderType>;
+export default PisellConfigProvider;

package/es/components/pisellActionPanel/PisellActionPanel.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import type { PisellActionPanelProps } from './types';
+import './PisellActionPanel.less';
+/**
+ * PisellActionPanel 操作面板
+ * 用于统一承载、编排和呈现一组用户可执行操作（Actions）的 Pro 组件。
+ * 支持分组、布局、对齐、主/次/危险层级与条件显隐。
+ *
+ * 设计文档：Action Panel (pcp_ge_actionPanel_V1.0)
+ *
+ * @param props 组件 Props
+ */
+export declare function PisellActionPanel({ groups, layout, align, overflowStrategy, groupGap, itemGap, className, style, }: PisellActionPanelProps): React.JSX.Element;

package/es/components/pisellActionPanel/PisellActionPanel.stories.d.ts

@@ -0,0 +1,19 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellActionPanel } from './PisellActionPanel';
+declare const meta: Meta<typeof PisellActionPanel>;
+export default meta;
+declare type Story = StoryObj<typeof PisellActionPanel>;
+/** 默认：单组两按钮 */
+export declare const Default: Story;
+/** 右对齐（表单底部常见） */
+export declare const AlignRight: Story;
+/** 多组：主操作 + 危险操作 */
+export declare const MultipleGroups: Story;
+/** 竖向布局 */
+export declare const VerticalLayout: Story;
+/** 条件显隐（某条 visible: false） */
+export declare const ConditionalVisible: Story;
+/** 居中 */
+export declare const AlignCenter: Story;
+/** space-between 两端对齐 */
+export declare const SpaceBetween: Story;

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

@@ -0,0 +1,6 @@
+/**
+ * PisellActionPanel 组件导出
+ * 操作面板：统一承载、编排一组用户可执行操作
+ */
+export { PisellActionPanel } from './PisellActionPanel';
+export type { PisellActionPanelProps, PisellActionPanelGroup, PisellActionPanelItem, ActionPanelLayout, ActionPanelAlign, ActionPanelOverflowStrategy, ActionPanelItemPriority, } from './types';

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

@@ -0,0 +1,83 @@
+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/es/components/pisellBaseCard/PisellBaseCard.d.ts

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

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

@@ -0,0 +1,19 @@
+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/es/components/pisellBaseCard/index.d.ts

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

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

@@ -0,0 +1,45 @@
+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;
+}