@pisell/materials 1.0.998 → 1.0.999

package/lib/components/PisellCards/components/GraphicTextCard/GraphicTextCard.stories.d.ts

@@ -0,0 +1,163 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import GraphicTextCard from './GraphicTextCard';
+/**
+ * GraphicTextCard 图文卡片组件
+ *
+ * 结合图标/图片、文本和状态标识，专为标签页、分类导航等场景设计。
+ * 支持 4 种样式变体、3 种尺寸、4 种状态，以及丰富的自定义配置。
+ */
+declare const meta: Meta<typeof GraphicTextCard>;
+export default meta;
+declare type Story = StoryObj<typeof GraphicTextCard>;
+/**
+ * 基础用法 - 默认渲染
+ */
+export declare const Default: Story;
+/**
+ * 基础用法 - 多个卡片
+ */
+export declare const MultipleCards: Story;
+/**
+ * ReactNode 文本
+ */
+export declare const ReactNodeText: Story;
+/**
+ * 样式变体 - 垂直布局-图片（vertical-image）
+ */
+export declare const VariantVerticalImage: Story;
+/**
+ * 样式变体 - 垂直布局-图标（vertical-icon）
+ */
+export declare const VariantVerticalIcon: Story;
+/**
+ * 样式变体 - 横向布局（horizontal）
+ */
+export declare const VariantHorizontal: Story;
+/**
+ * 样式变体 - 卡片式（card）
+ */
+export declare const VariantCard: Story;
+/**
+ * 尺寸 - Small
+ */
+export declare const SizeSmall: Story;
+/**
+ * 尺寸 - Default
+ */
+export declare const SizeDefault: Story;
+/**
+ * 尺寸 - Large
+ */
+export declare const SizeLarge: Story;
+/**
+ * 状态 - Active
+ */
+export declare const StateActive: Story;
+/**
+ * 状态 - Disabled
+ */
+export declare const StateDisabled: Story;
+/**
+ * 状态 - Loading
+ */
+export declare const StateLoading: Story;
+/**
+ * 状态 - 优先级测试
+ */
+export declare const StatePriority: Story;
+/**
+ * 图形区域 - 图片优先
+ */
+export declare const GraphicImagePriority: Story;
+/**
+ * 图形区域配置 - 自定义尺寸
+ */
+export declare const GraphicConfigSize: Story;
+/**
+ * 图形区域配置 - 图标样式
+ */
+export declare const GraphicConfigIcon: Story;
+/**
+ * 图形区域插槽
+ */
+export declare const GraphicSlot: Story;
+/**
+ * 角标 - 红点角标
+ */
+export declare const BadgeDot: Story;
+/**
+ * 角标 - 数字角标
+ */
+export declare const BadgeNumber: Story;
+/**
+ * 角标 - 文本角标
+ */
+export declare const BadgeText: Story;
+/**
+ * 角标 - 不同位置（通过 offset 控制）
+ */
+export declare const BadgePositions: Story;
+/**
+ * 角标 - 大小控制
+ */
+export declare const BadgeSizes: Story;
+/**
+ * 角标 - 显示零值
+ */
+export declare const BadgeShowZero: Story;
+/**
+ * 边界值 - 角标大小和 offset 位置
+ */
+export declare const BadgeSizeAndOffset: Story;
+/**
+ * 插槽 - 前置插槽
+ */
+export declare const PrefixSlot: Story;
+/**
+ * 插槽 - 后置插槽
+ */
+export declare const SuffixSlot: Story;
+/**
+ * 文本配置 - 字体样式
+ */
+export declare const TextConfig: Story;
+/**
+ * 文本配置 - 文本省略
+ */
+export declare const TextEllipsis: Story;
+/**
+ * 文本配置 - 文本对齐
+ */
+export declare const TextAlign: Story;
+/**
+ * 宽度模式 - 自动宽度（auto）
+ */
+export declare const WidthModeAuto: Story;
+/**
+ * 宽度模式 - 固定宽度（fixed）
+ */
+export declare const WidthModeFixed: Story;
+/**
+ * 宽度模式 - 撑满容器（full）
+ */
+export declare const WidthModeFull: Story;
+/**
+ * 交互 - 点击事件
+ */
+export declare const ClickInteraction: Story;
+/**
+ * 交互 - 不可点击
+ */
+export declare const NotClickable: Story;
+/**
+ * 综合示例 - 导航菜单
+ */
+export declare const NavigationMenu: Story;
+/**
+ * 综合示例 - 商品分类
+ */
+export declare const ProductCategories: Story;
+/**
+ * 综合示例 - 完整配置
+ */
+export declare const CompleteExample: Story;