@pisell/materials 6.11.240 → 6.11.241

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

@@ -1,163 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react';
-import PisellProcedure from './PisellProcedure';
-/**
- * PisellProcedure 流程容器组件
- *
- * 用于管理多步骤流程的复合容器组件，基于 PisellLayout 实现三段式布局
- * 包含头部区域（步骤条）、主体区域（内容区+信息区）、底部区域（操作按钮）
- */
-declare const meta: Meta<typeof PisellProcedure>;
-export default meta;
-declare type Story = StoryObj<typeof PisellProcedure>;
-/**
- * 基础用法
- * @description 默认流程容器，包含头部、主体、底部三个区域
- */
-export declare const Default: Story;
-/**
- * 页面模式
- * @description 默认模式，支持响应式和移动端适配
- */
-export declare const PageMode: Story;
-/**
- * 弹窗模式
- * @description 用于弹窗场景，不应用移动端适配
- */
-export declare const ModalMode: Story;
-/**
- * 步骤控制
- * @description 使用 onStepsChange 监听步骤变化
- */
-export declare const StepControl: Story;
-/**
- * 步骤拦截
- * @description 通过 onNext/onPrev 返回 false 阻止步骤切换
- */
-export declare const StepIntercept: Story;
-/**
- * 无侧边栏
- */
-export declare const WithoutSidebar: Story;
-/**
- * 无头部
- */
-export declare const WithoutHeader: Story;
-/**
- * 无底部
- */
-export declare const WithoutFooter: Story;
-/**
- * 最小配置
- * @description 仅显示主体内容
- */
-export declare const MinimalConfig: Story;
-/**
- * 头部插槽顺序 - 默认
- * @description left 在左，right 在右
- */
-export declare const HeaderSlotDefault: Story;
-/**
- * 头部插槽顺序 - 反转
- * @description left 在右，right 在左
- */
-export declare const HeaderSlotReverse: Story;
-/**
- * 隐藏步骤条
- * @description 仅显示头部插槽，不显示步骤条
- */
-export declare const HideSteps: Story;
-/**
- * 第一步显示返回按钮
- * @description 通过 showBackOnFirstStep 控制
- */
-export declare const ShowBackOnFirstStep: Story;
-/**
- * 返回确认弹窗
- * @description 点击返回时弹出确认弹窗
- */
-export declare const BackConfirmModal: Story;
-/**
- * 关闭确认弹窗
- * @description 点击关闭时弹出确认弹窗
- */
-export declare const CloseConfirmModal: Story;
-/**
- * 主体布局 - 比例布局
- * @description 使用比例分配内容区和侧边栏宽度
- */
-export declare const BodyRatioLayout: Story;
-/**
- * 主体布局 - 固定宽度
- * @description 侧边栏使用固定宽度
- */
-export declare const BodyFixedLayout: Story;
-/**
- * 主体布局 - 垂直布局
- * @description 内容区和侧边栏上下排列
- */
-export declare const BodyVerticalLayout: Story;
-/**
- * 主体布局 - 内容顺序反转
- * @description 侧边栏在左/上，内容区在右/下
- */
-export declare const BodyContentOrderReverse: Story;
-/**
- * 底部位置 - 悬浮在侧边栏
- * @description 默认位置，底部悬浮在侧边栏区域
- */
-export declare const FooterFloatSidebar: Story;
-/**
- * 底部位置 - 固定在整体底部
- */
-export declare const FooterFixedBottom: Story;
-/**
- * 底部位置 - 悬浮在整体区域
- * @description 移动端默认使用此模式
- */
-export declare const FooterFloatAll: Story;
-/**
- * 底部位置 - 悬浮在内容区
- */
-export declare const FooterFloatContent: Story;
-/**
- * 底部位置 - 内嵌在内容区底部
- */
-export declare const FooterFixedContentBottom: Story;
-/**
- * 底部位置 - 内嵌在侧边栏底部
- */
-export declare const FooterFixedSidebarBottom: Story;
-/**
- * 移动端总结按钮
- * @description 移动端显示总结按钮，点击可查看侧边栏内容
- */
-export declare const MobileSummaryButton: Story;
-/**
- * 溢出收纳功能
- * @description 当宽度不足时，按钮会被收纳到 More 菜单中
- */
-export declare const OverflowActions: Story;
-/**
- * 禁用溢出收纳
- * @description 不启用溢出收纳，按钮会换行显示
- */
-export declare const DisableOverflow: Story;
-/**
- * 完整示例 - 购物流程
- * @description 模拟真实的购物流程
- */
-export declare const ShoppingFlow: Story;
-/**
- * 完整示例 - 注册流程
- * @description 模拟用户注册流程
- */
-export declare const RegistrationFlow: Story;
-/**
- * 完整示例 - 表单向导
- * @description 多步表单向导
- */
-export declare const FormWizard: Story;
-/**
- * 交互测试 - 组件渲染
- */
-export declare const InteractionTest: Story;

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

@@ -1,5 +0,0 @@
-import React from 'react';
-import { PisellScrollViewProps, PisellScrollViewRef } from './types';
-import './PisellScrollView.less';
-declare const PisellScrollView: React.ForwardRefExoticComponent<Omit<PisellScrollViewProps, "ref"> & React.RefAttributes<PisellScrollViewRef>>;
-export default PisellScrollView;

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,123 +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;
-    /** 卡片背景色；未传时使用模板默认白色 */
-    cardBackground?: string;
-    /** 卡片选中背景色；未传时使用模板默认紫色 */
-    activeBackground?: string;
-    /** 左侧缩进 */
-    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;