@pisell/materials 1.0.996 → 1.0.997

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

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