@pisell/materials 6.11.239 → 6.11.241

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

@@ -1,87 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellScrollView from './PisellScrollView';
-/**
- * PisellScrollView 滚动视图组件
- *
- * 提供丰富的滚动功能，包括滚动方向控制、滚动条样式、滚动按钮、滚动事件监听、
- * 视图监听、吸附滚动等功能
- */
-declare const meta: Meta<typeof PisellScrollView>;
-export default meta;
-declare type Story = StoryObj<typeof PisellScrollView>;
-/**
- * 基础用法 - 垂直滚动
- */
-export declare const Default: Story;
-/**
- * 水平滚动
- */
-export declare const HorizontalScroll: Story;
-/**
- * 双向滚动
- */
-export declare const BothDirections: Story;
-/**
- * 滚动条样式 - 细滚动条
- */
-export declare const ThinScrollbar: Story;
-/**
- * 滚动条样式 - 隐藏滚动条
- */
-export declare const HiddenScrollbar: Story;
-/**
- * 滚动按钮 - 右侧箭头
- */
-export declare const RightArrows: Story;
-/**
- * 滚动按钮 - 左右箭头
- */
-export declare const LeftRightArrows: Story;
-/**
- * 滚动按钮 - 返回顶部
- */
-export declare const BackToTop: Story;
-/**
- * 滚动事件监听
- */
-export declare const ScrollEvents: Story;
-/**
- * 吸附滚动 - 垂直方向
- */
-export declare const SnapScrollVertical: Story;
-/**
- * 吸附滚动 - 水平方向
- */
-export declare const SnapScrollHorizontal: Story;
-/**
- * 视图监听 - IntersectionObserver
- */
-export declare const IntersectionObserver: Story;
-/**
- * Ref 方法调用
- */
-export declare const RefMethods: Story;
-/**
- * 滚动到指定元素
- */
-export declare const ScrollToElement: Story;
-/**
- * 自定义尺寸
- */
-export declare const CustomSize: Story;
-/**
- * 综合示例 - 商品列表
- */
-export declare const ProductList: Story;
-/**
- * 综合示例 - 横向标签页
- */
-export declare const HorizontalTabs: Story;
-/**
- * 交互测试 - 验证组件渲染
- */
-export declare const RenderTest: Story;
-/**
- * 交互测试 - 滚动按钮点击
- */
-export declare const ScrollButtonTest: Story;

package/es/components/PisellScrollView/hooks/useScrollState.d.ts

@@ -1,13 +0,0 @@
-import { RefObject } from 'react';
-import { ScrollEventData, PisellScrollViewProps } from '../types';
-/**
- * 滚动状态管理 Hook
- * @description 管理滚动容器的状态，包括滚动位置、溢出检测等
- */
-export declare const useScrollState: ({ containerRef, overflow, }: {
-    containerRef: RefObject<HTMLElement>;
-    overflow: PisellScrollViewProps['overflow'];
-}) => {
-    scrollState: ScrollEventData;
-    updateScrollState: () => void;
-};

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

@@ -1,155 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellSteps from './PisellSteps';
-/**
- * PisellSteps 步骤条组件
- *
- * 基于 Ant Design Steps 组件进行二次封装和增强
- * 支持多种展示样式、布局方式和丰富的交互功能
- */
-declare const meta: Meta<typeof PisellSteps>;
-export default meta;
-declare type Story = StoryObj<typeof PisellSteps>;
-/**
- * 基础用法 - 默认步骤条
- */
-export declare const Default: Story;
-/**
- * 非受控模式
- * @description 使用 defaultCurrent 设置初始步骤
- */
-export declare const Uncontrolled: Story;
-/**
- * 垂直方向
- */
-export declare const Vertical: Story;
-/**
- * 点状步骤条
- * @description 通过 progressDot 属性启用点状样式
- */
-export declare const Dot: Story;
-/**
- * 自定义点状渲染
- * @description 使用函数自定义点状图标的渲染
- */
-export declare const CustomProgressDot: Story;
-/**
- * 导航步骤条
- */
-export declare const Navigation: Story;
-/**
- * 小尺寸
- */
-export declare const Small: Story;
-/**
- * 大尺寸
- */
-export declare const Large: Story;
-/**
- * 标签垂直布局
- * @description 标签在图标下方显示
- */
-export declare const LabelVertical: Story;
-/**
- * 错误状态
- */
-export declare const ErrorStatus: Story;
-/**
- * 自定义步骤状态
- * @description 每个步骤可以单独设置状态
- */
-export declare const CustomStatus: Story;
-/**
- * 可点击步骤
- */
-export declare const Clickable: Story;
-/**
- * 禁止点击已完成步骤
- * @description 设置 allowClickFinished 为 false
- */
-export declare const DisallowClickFinished: Story;
-/**
- * 禁用特定步骤
- * @description 通过 disabled 属性禁用某个步骤
- */
-export declare const DisabledStep: Story;
-/**
- * 自定义图标
- */
-export declare const CustomIcon: Story;
-/**
- * 完成图标
- */
-export declare const FinishIcon: Story;
-/**
- * 栅格布局
- * @description 启用栅格布局，自定义列数
- */
-export declare const GridLayout: Story;
-/**
- * 自定义图标与文本间距
- * @description 通过 itemGap 属性自定义间距
- */
-export declare const CustomItemGap: Story;
-/**
- * 移动端 - 完整模式
- * @description 移动端显示完整步骤条
- */
-export declare const MobileModeFull: Story;
-/**
- * 移动端 - 当前步骤模式
- * @description 只显示当前步骤信息
- */
-export declare const MobileModeCurrent: Story;
-/**
- * 移动端 - 自动模式
- * @description 根据屏幕宽度自动切换显示模式
- */
-export declare const MobileModeAuto: Story;
-/**
- * 自定义移动端断点
- * @description 通过 mobileBreakpoint 自定义断点宽度
- */
-export declare const CustomMobileBreakpoint: Story;
-/**
- * 自定义起始索引
- * @description 通过 initial 设置起始步骤索引
- */
-export declare const InitialIndex: Story;
-/**
- * 隐藏特定步骤
- * @description 通过 hidden 属性动态隐藏步骤
- */
-export declare const HiddenStep: Story;
-/**
- * 带子标题
- * @description 步骤可以包含子标题
- */
-export declare const WithSubTitle: Story;
-/**
- * 响应式步骤条
- * @description 开启响应式后会自动调整布局
- */
-export declare const Responsive: Story;
-/**
- * 完整功能演示
- * @description 展示多种功能的组合使用
- */
-export declare const FullFeature: Story;
-/**
- * 多步骤流程
- * @description 更多步骤的场景
- */
-export declare const ManySteps: Story;
-/**
- * 购物流程示例
- * @description 模拟真实的购物流程
- */
-export declare const ShoppingFlow: Story;
-/**
- * 交互测试 - 点击步骤
- */
-export declare const InteractionTest: Story;
-/**
- * 交互测试 - 验证组件渲染
- */
-export declare const RenderTest: Story;

package/es/components/PisellSuperTabs/PisellSuperTabs.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './PisellSuperTabs.less';
-import type { PisellSuperTabsProps } from './types';
-interface PisellSuperTabsRef {
-    scrollItemByRowKey: (key: string) => void;
-}
-declare const _default: React.ForwardRefExoticComponent<PisellSuperTabsProps<unknown> & React.RefAttributes<PisellSuperTabsRef>>;
-export default _default;

package/es/components/PisellTabbar/constants.d.ts

@@ -1,47 +0,0 @@
-import { TabbarLevelConfig, ExpandConfig, LevelType } from './types';
-/**
- * 默认层级配置
- */
-export declare const DEFAULT_LEVEL_CONFIG: Record<LevelType, TabbarLevelConfig>;
-/**
- * 获取展开配置
- */
-export declare const getExpandConfig: () => ExpandConfig;
-/**
- * 默认数据项配置
- */
-export declare const DEFAULT_ITEMS: {
-    all: {
-        id: string;
-        shop_id: number;
-        parent_id: number;
-        name: any;
-        slug: string;
-        icon: string;
-    };
-    search: {
-        id: string;
-        shop_id: number;
-        parent_id: number;
-        name: any;
-        text: any;
-        slug: string;
-        key: string;
-        icon: string;
-        customClick: boolean;
-    };
-    expand: {
-        id: string;
-        shop_id: number;
-        parent_id: number;
-        key: string;
-        icon: string;
-        name: string;
-        slug: string;
-        customClick: boolean;
-    };
-};
-/**
- * 获取层级对应的添加项配置
- */
-export declare const LEVEL_ADD_ITEMS: Record<LevelType, ('all' | 'search' | 'expand')[]>;

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

@@ -1,119 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-/**
- * 一级 Tabbar 操作项。
- *
- * 操作项复用一级卡片样式，但点击时不进入分类选中态。
- */
-export interface TabbarActionItem {
-    /** 唯一标识 */
-    key: string | number;
-    /** 卡片图标 */
-    icon: ReactNode;
-    /** 可选的卡片文案；未传时只显示图标 */
-    label?: ReactNode;
-    /** 无障碍名称 */
-    ariaLabel: string;
-    /** 点击回调 */
-    onClick: () => void;
-}
-/**
- * Tabbar 数据源项类型
- */
-export interface TabbarDataSource {
-    /** 唯一标识 */
-    id: string | number;
-    /** 店铺ID */
-    shop_id?: number;
-    /** 父级ID */
-    parent_id?: number;
-    /** 显示名称 */
-    name: string;
-    /** URL slug */
-    slug?: string;
-    /** 图标 URL 或图标名称 */
-    icon?: string;
-    /** 子级数据 */
-    children?: TabbarDataSource[];
-    /** 自定义点击事件标识 */
-    customClick?: boolean;
-    /** 唯一 key */
-    key?: string;
-}
-/**
- * 层级配置
- */
-export interface TabbarLevelConfig {
-    /** SuperTabs 背景色 */
-    superTabsBg: string;
-    /** 卡片宽度 */
-    cardWidth: number;
-    /** 卡片高度 */
-    cardHeight: number;
-    /** 左侧缩进 */
-    paddingLeft?: number;
-    /** 卡片圆角；未传时使用模板默认值 */
-    borderRadius?: number | string;
-    /** 卡片文字对齐方式；未传时居中 */
-    textAlign?: 'left' | 'center' | 'right';
-    /** 是否展示分类数据中的 icon */
-    showIcon?: boolean;
-    /** 分类图标尺寸 */
-    iconSize?: number;
-}
-/**
- * 展开配置
- */
-export interface ExpandConfig {
-    /** 激活状态配置 */
-    active: {
-        icon: string;
-        text: string;
-    };
-    /** 未激活状态配置 */
-    inactive: {
-        icon: string;
-        text: string;
-    };
-}
-/**
- * 展开状态
- */
-export interface ExpandState {
-    level1: boolean;
-    level2: boolean;
-    level3: boolean;
-}
-/**
- * 层级类型
- */
-export declare type LevelType = 'level1' | 'level2' | 'level3';
-/**
- * PisellTabbar 组件属性
- */
-export interface PisellTabbarProps {
-    /** 数据源 */
-    dataSource?: TabbarDataSource[];
-    /** 当前选中的值（多层级 key 数组） */
-    value?: (string | number)[];
-    /** 值变化回调 */
-    onChange?: (value: (string | number)[]) => void;
-    /** 自定义类名 */
-    className?: string;
-    /** 自定义样式 */
-    style?: CSSProperties;
-    /** 层级配置（可按层级自定义） */
-    levelConfig?: Partial<Record<LevelType, Partial<TabbarLevelConfig>>>;
-    /** 展开配置 */
-    expandConfig?: ExpandConfig;
-    /** 最大层级数 */
-    maxLevel?: 1 | 2 | 3;
-    onSearch?: (value: string) => void;
-    /** 透传给内部 PisellFind 的搜索配置（如 inputRender 插槽）。 */
-    searchProps?: Record<string, any>;
-    /** 追加在一级分类末尾、且不参与分类选中态的操作卡片。 */
-    level1Actions?: TabbarActionItem[];
-    __designMode?: boolean;
-}
-export interface PisellTabbarRef {
-    closeSearchMode: () => void;
-}

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

@@ -1,19 +0,0 @@
-import React from 'react';
-import type { MenuProps, ButtonProps } from 'antd';
-export interface ButtonGroupListItemProps {
-    id?: string;
-    isMore?: boolean;
-    menuData?: MenuProps['items'];
-    buttonProps?: ButtonProps;
-}
-interface ButtonConfigProps {
-    [id: string]: ButtonGroupListItemProps;
-}
-export declare type ButtonGroupListProps = ButtonGroupListItemProps[][];
-interface ButtonGroupPreviewProps {
-    buttonConfig?: ButtonConfigProps;
-    buttonGroupList?: ButtonGroupListProps;
-    updateButtonProps?: ButtonGroupListItemProps;
-}
-declare const _default: React.MemoExoticComponent<React.ForwardRefExoticComponent<ButtonGroupPreviewProps & React.RefAttributes<any>>>;
-export default _default;

package/es/components/dataSourceComponents/fields/Translation/BaseTranslation.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { TranslationProps } from './type';
-import './index.less';
-declare const Translation: React.FC<TranslationProps>;
-export default Translation;

package/es/components/dataSourceComponents/fields/Translation/type.d.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-import { ModeType } from "../../dataSourceForm/type";
-export interface TranslationValue {
-    en: string;
-    'zh-CN': string;
-    'zh-HK': string;
-    'ja': string;
-    'pt': string;
-    original: string;
-}
-export interface TranslationProps {
-    renderMode: ModeType;
-    value?: TranslationValue;
-    onChange?: (value: TranslationValue) => void;
-    disabled?: boolean;
-    placeholder?: string;
-    className?: string;
-    type?: 'text' | 'textarea';
-    maxLength?: number;
-    inputStyle?: React.CSSProperties;
-    allowClear?: boolean;
-}

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

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

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

@@ -1,27 +0,0 @@
-/**
- * CanvasTabs - 多画布 Tab，支持切换、动态添加、删除与重命名（编辑态）
- * - 展示名：可选 `nameKey` + `locales.getText`，否则用 `name`（字符串或多语言对象）
- * - 角标：可选 `tabBadge` 或由布局层注入合并后的数量
- */
-import React from '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): React.JSX.Element;
-export default CanvasTabs;

package/es/components/pisellFloorMapLayout/components/EditableItemLayer.d.ts

@@ -1,89 +0,0 @@
-/**
- * EditableItemLayer - 编辑态图元层：拖拽、缩放、选中、吸附
- */
-import React, { type CSSProperties } from 'react';
-import type { FloorMapItemBase, FloorMapMergedItem, FloorMapRenderOptions } from '../types';
-import { type AlignGuide } from '../utils/alignSnap';
-import { type FloorMapEditQuickActionLabels } from './FloorMapEditQuickActions';
-import './EditableItemLayer.less';
-export interface EditableItemLayerProps<T extends FloorMapItemBase = FloorMapMergedItem> {
-    items: T[];
-    renderItem: (item: T, index: number, options?: FloorMapRenderOptions) => React.ReactNode;
-    rowKey?: string | ((item: T, index: number) => string);
-    cellSize: number;
-    itemUnit?: 'cell' | 'pixel';
-    itemGap?: number;
-    contentWidth: number;
-    contentHeight: number;
-    /** 内容区 X/Y 偏移（画布包围盒向左/上扩展时，图元层整体平移） */
-    contentOffsetX?: number;
-    contentOffsetY?: number;
-    selectedId: string | null;
-    onSelect: (id: string | null) => void;
-    onUpdateItem: (itemId: string, patch: Partial<{
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }>) => void;
-    /**
-     * 一次提交多个图元的坐标变更（选区分组拖拽时整组落库），用于一步撤销。
-     * 未传时分组拖拽降级为不落库（仅预览）。
-     */
-    onUpdateItemsBatch?: (patches: Array<{
-        id: string;
-        patch: Partial<{
-            x: number;
-            y: number;
-            width: number;
-            height: number;
-        }>;
-    }>) => void;
-    snapStep?: number;
-    /** 画布当前缩放，用于将屏幕位移转为内容位移 */
-    scale?: number;
-    /** 拖拽/缩放图元时通知父组件，用于禁用画布平移，避免松手时画布跟着动 */
-    onInteractionChange?: (active: boolean) => void;
-    /**
-     * 拖拽/缩放过程中的像素矩形（内容坐标），用于 EdgeLayer 实时重算连线。
-     * itemId 为 null 表示结束交互。
-     */
-    onLiveRectChange?: (itemId: string | null, rect: {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    } | null) => void;
-    /**
-     * 选区分组拖拽过程中，选区与全部成员的实时像素矩形（内容坐标），用于 EdgeLayer 重算连线。
-     * 传 null 表示结束分组交互。
-     */
-    onLiveRectsChange?: (rects: Record<string, {
-        left: number;
-        top: number;
-        width: number;
-        height: number;
-    }> | null) => void;
-    /**
-     * 对齐阈值（屏幕像素，组件内会按 scale 折算到内容坐标）。
-     * 0 或负数关闭对齐。
-     */
-    alignSnapThresholdPx?: number;
-    /** 命中的对齐辅助线变化；交互结束时回调一次空数组 */
-    onAlignGuidesChange?: (guides: AlignGuide[]) => void;
-    /** 对齐辅助线颜色（推荐用主题 token `alignGuideStroke`） */
-    alignGuideStroke?: string;
-    /** 每项外层容器额外样式（与定位样式合并） */
-    getMergedItemWrapperStyle?: (item: T, index: number) => CSSProperties | undefined;
-    className?: string;
-    /** 编辑态选中时图元旁快捷栏（上锁 / 复制 / 删除） */
-    editQuickBar?: {
-        labels: FloorMapEditQuickActionLabels;
-        isLocked: boolean;
-        onToggleLock: () => void;
-        onDuplicate: () => void;
-        onDelete: () => void;
-    } | null;
-}
-export declare function EditableItemLayer<T extends FloorMapItemBase>(props: EditableItemLayerProps<T>): React.JSX.Element;
-export default EditableItemLayer;

package/es/components/pisellFloorMapLayout/components/FloorMapEditPanel.d.ts

@@ -1,14 +0,0 @@
-/**
- * FloorMapEditPanel - 选中图元后的编辑面板：画布属性 + 可选数据绑定 + 数据源记录表单
- */
-import React from 'react';
-import type { FloorMapEditPanelParams, FloorMapViewConfig, FloorMapDataSources } from '../types';
-import './FloorMapEditPanel.less';
-export interface FloorMapEditPanelProps extends FloorMapEditPanelParams {
-    config: FloorMapViewConfig;
-    dataSources: FloorMapDataSources;
-    savingRecord?: boolean;
-    className?: string;
-}
-export declare function FloorMapEditPanel(props: FloorMapEditPanelProps): React.JSX.Element;
-export default FloorMapEditPanel;