@pisell/materials 1.0.1086 → 1.0.1087

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

@@ -0,0 +1,23 @@
+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

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

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

@@ -0,0 +1,82 @@
+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/pisellDataSourceContainer/hooks/useDataSourceKey.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const useDataSourceKey: () => {
     dataSourceKey: string | undefined;
     dataSourceKeyRef: import("react").MutableRefObject<string | undefined>;

package/lib/components/pisellDatePicker/datePickerCpt.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PickerDateProps } from 'antd/es/date-picker/generatePicker';
 import { Dayjs } from 'dayjs';
 import './detePickerCpt.less';

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 declare const PisellDatePicker: (props: any) => JSX.Element;
 export default PisellDatePicker;

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

@@ -0,0 +1,37 @@
+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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1,8 @@
+/// <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

@@ -0,0 +1,47 @@
+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

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

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

@@ -0,0 +1,144 @@
+import type { CSSProperties, ReactNode } from 'react';
+import type { PisellBaseCardProps } from '../pisellBaseCard/types';
+/**
+ * 实体卡信息密度等级
+ * - B1: 最小单位，一行
+ * - B2: 主+次级两行
+ * - B5: 次级最多 5 行
+ * - B9: 全部展示
+ */
+export declare type EntityCardDensity = 'B1' | 'B2' | 'B5' | 'B9';
+/**
+ * 实体卡布局方向
+ */
+export declare type EntityCardLayout = 'horizontal' | 'vertical';
+/**
+ * 实体卡宽度模式
+ * - content: 由内容撑满
+ * - full: 撑满父容器
+ * - number: 固定像素宽度
+ */
+export declare type EntityCardWidth = 'content' | 'full' | number;
+/**
+ * 媒体类型：头像 / 缩略图 / 图标
+ */
+export declare type EntityCardMediaType = 'avatar' | 'thumbnail' | 'icon';
+/**
+ * 实体卡媒体配置（头像、缩略图、图标）
+ */
+export interface EntityCardMediaConfig {
+    /** 类型 */
+    type: EntityCardMediaType;
+    /** 图片地址（avatar/thumbnail 使用） */
+    src?: string;
+    /** 替换文本 / 描述 */
+    alt?: string;
+    /** 图标节点（type 为 icon 时使用） */
+    icon?: ReactNode;
+    /** 尺寸，如 24、48、64 或 CSS 值 */
+    size?: number | string;
+    /** 形状（avatar/thumbnail）：circle | square */
+    shape?: 'circle' | 'square';
+    /** 图标颜色（type 为 icon 时） */
+    color?: string;
+}
+/**
+ * 次级文案单项（可带提示）
+ */
+export interface EntityCardSecondaryItem {
+    /** 文本内容 */
+    text: string;
+    /** 是否显示提示 icon（如 info-circle） */
+    showTooltip?: boolean;
+}
+/**
+ * 实体卡标签项
+ */
+export interface EntityCardTagItem {
+    /** 标签文案 */
+    text: string;
+    /** 可选自定义样式 */
+    style?: CSSProperties;
+}
+/**
+ * 实体卡底部操作项
+ * 支持文本、按钮、图标三种形式，可各自通过 style / className 更改样式
+ */
+export interface EntityCardActionItem {
+    /** 展示形式：文本 / 按钮 / 图标 */
+    type: 'text' | 'button' | 'icon';
+    /** 文案（text/button 时显示） */
+    label?: string;
+    /** 图标节点（icon 时单独展示，或 button 旁图标） */
+    icon?: ReactNode;
+    /** 点击回调 */
+    onClick?: () => void;
+    /** 单项内联样式 */
+    style?: CSSProperties;
+    /** 单项类名，用于自定义样式 */
+    className?: string;
+}
+/**
+ * 标签展示位置：与主标题同行 / 次级信息下方
+ */
+export declare type EntityCardTagPosition = 'inline' | 'below';
+/**
+ * PisellEntityCard 组件 Props
+ * 基于 PisellBaseCard，使用结构化配置展示实体信息，支持密度、布局、左滑删除与插槽
+ */
+export interface PisellEntityCardProps extends PisellBaseCardProps {
+    /** 媒体区：头像 / 缩略图 / 图标配置 */
+    media?: EntityCardMediaConfig;
+    /** 主文案（Name/Title） */
+    primaryText?: string;
+    /** 副标题：与主标题同一行、紧跟主标题后的部分（如电话号），14px Regular #667085 */
+    subtitleText?: string;
+    /** 次级文案列表，顺序即展示顺序；可带 showTooltip */
+    secondaryTexts?: EntityCardSecondaryItem[];
+    /** 标签列表，顺序即展示顺序 */
+    tags?: EntityCardTagItem[];
+    /** 底部操作列表（View Detail、Select 等） */
+    actions?: EntityCardActionItem[];
+    /** 是否显示媒体区 @default true */
+    showMedia?: boolean;
+    /** 是否显示主文案 @default true */
+    showPrimaryText?: boolean;
+    /** 是否显示副标题（与主标题同行） @default true */
+    showSubtitle?: boolean;
+    /** 是否显示次级文案 @default true */
+    showSecondaryText?: boolean;
+    /** 是否显示标签 @default true */
+    showTags?: boolean;
+    /** 是否显示底部 Action 区 @default false */
+    showActions?: boolean;
+    /** 信息密度 @default 'B2' */
+    density?: EntityCardDensity;
+    /** 布局方向 @default 'horizontal' */
+    layout?: EntityCardLayout;
+    /** 卡片宽度 @default 'content' */
+    width?: EntityCardWidth;
+    /** 是否开启左滑删除 @default false */
+    swipeToDelete?: boolean;
+    /** 左滑后点击删除时回调 */
+    onDelete?: () => void;
+    /** 标签展示位置 @default 'below' */
+    tagPosition?: EntityCardTagPosition;
+    /** 内容区 gap（CSS gap 值） */
+    contentGap?: number | string;
+    /** 主文案行数限制（CSS -webkit-line-clamp） */
+    primaryLineClamp?: number;
+    /** 次级文案行数限制（按密度有默认值，可覆盖） */
+    secondaryLineClamp?: number;
+    /** 自定义渲染媒体区 */
+    renderMedia?: () => ReactNode;
+    /** 自定义渲染主文案区 */
+    renderPrimary?: () => ReactNode;
+    /** 自定义渲染副标题区（与主标题同行） */
+    renderSubtitle?: () => ReactNode;
+    /** 自定义渲染次级文案区 */
+    renderSecondary?: () => ReactNode;
+    /** 自定义渲染标签区 */
+    renderTags?: () => ReactNode;
+    /** 自定义渲染底部操作区 */
+    renderActions?: () => ReactNode;
+}

package/lib/components/pisellExport/PisellExport.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { PisellExportProps } from './types';
+import './PisellExport.less';
+/**
+ * PisellExport 导出触发器组件
+ *
+ * @description 仅负责 UI 展示与点击回调，不内置导出逻辑；支持 Icon/Button 两种形态与三种尺寸
+ */
+export declare function PisellExport(props: PisellExportProps): JSX.Element;

package/lib/components/pisellExport/PisellExport.stories.d.ts

@@ -0,0 +1,45 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellExport } from './PisellExport';
+declare const meta: Meta<typeof PisellExport>;
+export default meta;
+declare type Story = StoryObj<typeof PisellExport>;
+/**
+ * 默认 Button 形态
+ */
+export declare const Basic: Story;
+/**
+ * 仅图标形态
+ */
+export declare const IconOnly: Story;
+/**
+ * 三种尺寸 - Button
+ */
+export declare const SizesButton: Story;
+/**
+ * 三种尺寸 - Icon
+ */
+export declare const SizesIcon: Story;
+/**
+ * 默认样式 vs 主色样式
+ */
+export declare const DefaultVsPrimary: Story;
+/**
+ * 禁用态
+ */
+export declare const Disabled: Story;
+/**
+ * 自定义文案
+ */
+export declare const CustomLabel: Story;
+/**
+ * 自定义图标（antd 图标）
+ */
+export declare const CustomIcon: Story;
+/**
+ * 点击回调示例
+ */
+export declare const WithCallback: Story;
+/**
+ * 设计稿矩阵：Button 形态 × 尺寸 × 类型
+ */
+export declare const ButtonMatrix: Story;

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

@@ -0,0 +1,2 @@
+export { PisellExport } from './PisellExport';
+export type { PisellExportProps, VariantType, SizeType, ExportButtonType } from './types';

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

@@ -0,0 +1,63 @@
+import type { CSSProperties, MouseEvent as ReactMouseEvent, ReactNode } from 'react';
+/**
+ * 展示形态
+ * @description icon：仅图标；button：图标 + 文案
+ */
+export declare type VariantType = 'icon' | 'button';
+/**
+ * 尺寸
+ * @description 小、中、大三种尺寸，对应设计稿 padding 与字体
+ */
+export declare type SizeType = 'small' | 'medium' | 'large';
+/**
+ * 视觉类型
+ * @description default：默认边框/灰字；primary：主色描边或填充
+ */
+export declare type ExportButtonType = 'default' | 'primary';
+/**
+ * PisellExport 组件 Props
+ * @description 导出触发器 UI 组件，仅负责展示与点击回调，不内置导出逻辑
+ */
+export interface PisellExportProps {
+    /**
+     * 展示形态
+     * @default 'button'
+     */
+    variant?: VariantType;
+    /**
+     * 尺寸
+     * @default 'medium'
+     */
+    size?: SizeType;
+    /**
+     * 视觉类型（默认样式 / 主色样式）
+     * @default 'default'
+     */
+    type?: ExportButtonType;
+    /**
+     * 是否禁用
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Button 形态下的文案，不传时使用国际化默认文案
+     */
+    label?: ReactNode;
+    /**
+     * 自定义图标，不传时使用内置下载图标（download-cloud-01）
+     */
+    icon?: ReactNode;
+    /**
+     * 点击触发导出
+     * @description 由调用方在此回调中实现导出请求、轮询、下载等逻辑
+     */
+    onExport?: (e: ReactMouseEvent<HTMLElement>) => void;
+    /**
+     * 自定义类名
+     */
+    className?: string;
+    /**
+     * 自定义样式
+     */
+    style?: CSSProperties;
+}

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

@@ -0,0 +1,3 @@
+import { PisellFilterProps } from './type';
+declare const PisellFilter: (props: PisellFilterProps) => JSX.Element;
+export default PisellFilter;

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

@@ -0,0 +1,7 @@
+import { FilterListProps } from '../filter/components/FilterButton/types';
+/**
+ * 筛选弹层 + 快筛列表；内部通过 Form.useForm 托管表单，无需也不应把 antd FormInstance 并入 props。
+ */
+export declare type PisellFilterProps = FilterListProps & {
+    hasForm?: boolean;
+};

package/lib/components/pisellFloorMapLayout/PisellFloorMapLayout.d.ts

@@ -0,0 +1,12 @@
+/**
+ * PisellFloorMapLayout - 空间布局视图
+ * 支持两种用法：1) 仅传入 items + renderItem（原有用法）；2) 传入 floorMapConfig + dataSources + mode 使用平面图视图（含多画布/编辑态）
+ */
+import React from 'react';
+import type { FloorMapItemBase, PisellFloorMapLayoutProps, PisellFloorMapLayoutRef } from './types';
+import './PisellFloorMapLayout.less';
+declare const PisellFloorMapLayout: <T extends FloorMapItemBase = FloorMapItemBase>(props: PisellFloorMapLayoutProps<T> & {
+    ref?: React.Ref<PisellFloorMapLayoutRef> | undefined;
+}) => React.ReactElement;
+export { PisellFloorMapLayout };
+export default PisellFloorMapLayout;

package/lib/components/pisellFloorMapLayout/PisellFloorMapLayout.stories.d.ts

@@ -0,0 +1,55 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { PisellFloorMapLayout } from './PisellFloorMapLayout';
+/**
+ * PisellFloorMapLayout 楼层图布局
+ *
+ * 空间布局视图：在二维平面按坐标渲染资源（桌台/房间/工位等），
+ * 支持缩放、平移、复位、区域定位，仅负责展示与交互。
+ */
+declare const meta: Meta<typeof PisellFloorMapLayout>;
+export default meta;
+declare type Story = StoryObj<typeof PisellFloorMapLayout>;
+/**
+ * 默认 - 纯色底 + 简单格子（格子单位，默认 item 间距 8px）
+ */
+export declare const Default: Story;
+/**
+ * 显示网格线（item 间距由 mapLayer.gap 控制）
+ */
+export declare const WithGrid: Story;
+/**
+ * 开启平移 - 可拖拽画布
+ */
+export declare const WithPan: Story;
+export declare const WithShapes: Story;
+export declare const WithVariableSizes: Story;
+export declare const PixelUnits: Story;
+/**
+ * 点击与 Hover 事件
+ */
+export declare const WithEvents: Story;
+/**
+ * Ref 调用 - 外部按钮控制缩放/复位/区域定位
+ */
+export declare const WithRefControls: Story;
+export declare const FloorMapViewEdit: Story;
+/**
+ * 平面图编辑态 + 自定义数据源记录表单（`dataSourceRecordForm.sales`）
+ */
+export declare const FloorMapViewEditCustomRecordForm: Story;
+/**
+ * Floor Map 视图 - 阅读态（方桌同样用 Figma 样式）
+ */
+export declare const FloorMapViewRead: Story;
+/**
+ * 自定义控制按钮显隐
+ */
+export declare const ControlsHidden: Story;
+/**
+ * `FloorMapLayoutProvider` 注入 `floorMapConfig` / `dataSources`；Layout 仅传展示向 props
+ */
+export declare const FloorMapWithLayoutProvider: Story;
+/**
+ * Figma 设计稿效果 - 餐厅桌台状态图（顶部 Tab + 图例参考 node 14131:6266，内容区不变）
+ */
+export declare const FigmaDesign: Story;

package/lib/components/pisellFloorMapLayout/components/CanvasTabs.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import type { FloorMapCanvas, FloorMapCanvasNameI18n } from '../types';
+import './CanvasTabs.less';
+export interface CanvasTabsProps {
+    /** 画布列表 */
+    canvases: FloorMapCanvas[];
+    /** 当前画布 id */
+    currentCanvasId: string | null;
+    /** 切换画布 */
+    onTabChange: (canvasId: string) => void;
+    /** 是否允许添加/删除/重命名画布（编辑态） */
+    canEdit?: boolean;
+    /** 添加画布 */
+    onAddCanvas?: () => void;
+    /** 删除画布（至少保留一个画布时可调用） */
+    onRemoveCanvas?: (canvasId: string) => void;
+    /** 重命名画布（对象写入 `name`，并清除 `nameKey`） */
+    onRenameCanvas?: (canvasId: string, name: string | FloorMapCanvasNameI18n) => void;
+    className?: string;
+}
+export declare function CanvasTabs(props: CanvasTabsProps): JSX.Element;
+export default CanvasTabs;