@pisell/materials 1.0.998 → 1.0.1000

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

@@ -18,7 +18,7 @@ export interface Props<T> {
         attributes: DraggableAttributes;
     }) => React.ReactElement<HTMLElement>;
 }
-export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): JSX.Element;
+export default function Sortable<T extends Record<string, any>>({ list, onChange, rowKey, children, activationConstraint, }: Props<T>): React.JSX.Element;
 export interface SortableItemProps<T> {
     id: number;
     index: number;

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

@@ -22,5 +22,5 @@ interface DefaultRenderContainerProps {
     }) => React.ReactElement;
     children: any;
 }
-declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => JSX.Element;
+declare const MultipleContainersSortList: <T extends Record<string, any>>(props: MultipleContainersSortListProps<T>) => React.JSX.Element;
 export default MultipleContainersSortList;

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

@@ -9,6 +9,6 @@ export declare const paginationConfig: {
     responsive: boolean;
     size: string;
 };
-declare const Pagination: (props: PaginationProps) => JSX.Element | null;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element | null;
 export default Pagination;
-export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => JSX.Element;
+export declare const FormPagination: ({ value, onChange, page, pageSize, ...other }: any) => React.JSX.Element;

package/es/components/PisellBasicGrid/PisellBasicGrid.d.ts

@@ -1,9 +1,10 @@
+import React from 'react';
 import type { PisellBasicGridProps } from './types';
 import './PisellBasicGrid.less';
 /**
  * 使用 memo 优化组件性能
  * @description 当 props 没有变化时，避免不必要的重新渲染
  */
-declare const MemoizedPisellBasicGrid: <T>(props: PisellBasicGridProps<T>) => JSX.Element;
+declare const MemoizedPisellBasicGrid: <T>(props: PisellBasicGridProps<T>) => React.JSX.Element;
 export { MemoizedPisellBasicGrid as PisellBasicGrid };
 export default MemoizedPisellBasicGrid;

package/es/components/PisellCards/components/GraphicTextCard/GraphicTextCard.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { GraphicTextCardProps } from './types';
 import './GraphicTextCard.less';
 /**
  * Provider 包装器
  * 兼容 PisellCards 系统的 props 传递方式
  */
-declare const Provider: (props: GraphicTextCardProps) => JSX.Element;
+declare const Provider: (props: GraphicTextCardProps) => React.JSX.Element;
 export default Provider;

package/es/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;