@quantlife/qlui 0.0.0-stage → 0.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +123 -2
- package/dist/components/ui/accordion.d.ts +7 -0
- package/dist/components/ui/action-buttons.d.ts +23 -0
- package/dist/components/ui/alert-dialog.d.ts +18 -0
- package/dist/components/ui/alert.d.ts +9 -0
- package/dist/components/ui/aspect-ratio.d.ts +3 -0
- package/dist/components/ui/badge.d.ts +9 -0
- package/dist/components/ui/base-pair-selector.d.ts +19 -0
- package/dist/components/ui/button.d.ts +10 -0
- package/dist/components/ui/calendar.d.ts +8 -0
- package/dist/components/ui/card.d.ts +9 -0
- package/dist/components/ui/chat-input.d.ts +18 -0
- package/dist/components/ui/chat-list.d.ts +14 -0
- package/dist/components/ui/chat-message.d.ts +15 -0
- package/dist/components/ui/checkbox.d.ts +4 -0
- package/dist/components/ui/collapsible.d.ts +5 -0
- package/dist/components/ui/combobox.d.ts +31 -0
- package/dist/components/ui/command.d.ts +18 -0
- package/dist/components/ui/date-picker-int.d.ts +11 -0
- package/dist/components/ui/date-picker.d.ts +20 -0
- package/dist/components/ui/descriptions.d.ts +15 -0
- package/dist/components/ui/dialog.d.ts +17 -0
- package/dist/components/ui/digital-pair-selector.d.ts +14 -0
- package/dist/components/ui/drawer.d.ts +13 -0
- package/dist/components/ui/dropdown-menu.d.ts +25 -0
- package/dist/components/ui/empty.d.ts +9 -0
- package/dist/components/ui/exchange-select.d.ts +13 -0
- package/dist/components/ui/file-tree.d.ts +14 -0
- package/dist/components/ui/file-upload.d.ts +10 -0
- package/dist/components/ui/form.d.ts +24 -0
- package/dist/components/ui/hover-card.d.ts +6 -0
- package/dist/components/ui/inline-completion.d.ts +12 -0
- package/dist/components/ui/input-otp.d.ts +11 -0
- package/dist/components/ui/input.d.ts +3 -0
- package/dist/components/ui/label.d.ts +4 -0
- package/dist/components/ui/mobile-card-list.d.ts +17 -0
- package/dist/components/ui/monaco-editor.d.ts +27 -0
- package/dist/components/ui/pagination.d.ts +10 -0
- package/dist/components/ui/pair-select.d.ts +17 -0
- package/dist/components/ui/period-select.d.ts +13 -0
- package/dist/components/ui/popover.d.ts +10 -0
- package/dist/components/ui/progress.d.ts +4 -0
- package/dist/components/ui/radio-group.d.ts +5 -0
- package/dist/components/ui/segmented.d.ts +16 -0
- package/dist/components/ui/select.d.ts +15 -0
- package/dist/components/ui/separator.d.ts +4 -0
- package/dist/components/ui/sheet.d.ts +14 -0
- package/dist/components/ui/skeleton.d.ts +2 -0
- package/dist/components/ui/slider.d.ts +4 -0
- package/dist/components/ui/sonner.d.ts +3 -0
- package/dist/components/ui/standard-table.d.ts +17 -0
- package/dist/components/ui/statistic.d.ts +13 -0
- package/dist/components/ui/steps.d.ts +9 -0
- package/dist/components/ui/stream-text.d.ts +10 -0
- package/dist/components/ui/switch.d.ts +6 -0
- package/dist/components/ui/table.d.ts +10 -0
- package/dist/components/ui/tabs.d.ts +24 -0
- package/dist/components/ui/textarea.d.ts +3 -0
- package/dist/components/ui/thinking-loader.d.ts +10 -0
- package/dist/components/ui/timeline.d.ts +15 -0
- package/dist/components/ui/tooltip.d.ts +7 -0
- package/dist/hooks/use-confirm.d.ts +1 -0
- package/dist/hooks/use-media-query.d.ts +2 -0
- package/dist/hooks/use-toast.d.ts +1 -0
- package/dist/index.d.ts +68 -0
- package/dist/index.js +20878 -0
- package/dist/lib/utils.d.ts +2 -0
- package/dist/providers/confirm-provider.d.ts +14 -0
- package/dist/providers/theme-provider.d.ts +15 -0
- package/dist/providers/toast-provider.d.ts +15 -0
- package/dist/qlui.css +3 -0
- package/dist/stories/accordion.stories.d.ts +21 -0
- package/dist/stories/action-buttons.stories.d.ts +16 -0
- package/dist/stories/alert-dialog.stories.d.ts +19 -0
- package/dist/stories/alert.stories.d.ts +16 -0
- package/dist/stories/aspect-ratio.stories.d.ts +17 -0
- package/dist/stories/badge.stories.d.ts +16 -0
- package/dist/stories/base-pair-selector.stories.d.ts +16 -0
- package/dist/stories/button.stories.d.ts +16 -0
- package/dist/stories/calendar.stories.d.ts +16 -0
- package/dist/stories/card.stories.d.ts +16 -0
- package/dist/stories/chat-input.stories.d.ts +17 -0
- package/dist/stories/chat-list.stories.d.ts +19 -0
- package/dist/stories/chat-message.stories.d.ts +19 -0
- package/dist/stories/checkbox.stories.d.ts +16 -0
- package/dist/stories/collapsible.stories.d.ts +16 -0
- package/dist/stories/combobox.stories.d.ts +20 -0
- package/dist/stories/command.stories.d.ts +16 -0
- package/dist/stories/date-picker-int.stories.d.ts +16 -0
- package/dist/stories/date-picker.stories.d.ts +17 -0
- package/dist/stories/descriptions.stories.d.ts +16 -0
- package/dist/stories/dialog.stories.d.ts +16 -0
- package/dist/stories/digital-pair-selector.stories.d.ts +16 -0
- package/dist/stories/drawer.stories.d.ts +16 -0
- package/dist/stories/dropdown-menu.stories.d.ts +16 -0
- package/dist/stories/empty.stories.d.ts +16 -0
- package/dist/stories/exchange-select.stories.d.ts +16 -0
- package/dist/stories/file-tree.stories.d.ts +16 -0
- package/dist/stories/file-upload.stories.d.ts +16 -0
- package/dist/stories/form.stories.d.ts +17 -0
- package/dist/stories/hover-card.stories.d.ts +18 -0
- package/dist/stories/inline-completion.stories.d.ts +17 -0
- package/dist/stories/input-otp.stories.d.ts +17 -0
- package/dist/stories/input.stories.d.ts +16 -0
- package/dist/stories/label.stories.d.ts +16 -0
- package/dist/stories/mobile-card-list.stories.d.ts +16 -0
- package/dist/stories/monaco-editor.stories.d.ts +16 -0
- package/dist/stories/pagination.stories.d.ts +16 -0
- package/dist/stories/pair-select.stories.d.ts +16 -0
- package/dist/stories/period-select.stories.d.ts +16 -0
- package/dist/stories/popover.stories.d.ts +16 -0
- package/dist/stories/progress.stories.d.ts +16 -0
- package/dist/stories/radio-group.stories.d.ts +16 -0
- package/dist/stories/segmented.stories.d.ts +16 -0
- package/dist/stories/select.stories.d.ts +16 -0
- package/dist/stories/separator.stories.d.ts +16 -0
- package/dist/stories/sheet.stories.d.ts +16 -0
- package/dist/stories/skeleton.stories.d.ts +16 -0
- package/dist/stories/slider.stories.d.ts +16 -0
- package/dist/stories/sonner.stories.d.ts +17 -0
- package/dist/stories/standard-table.stories.d.ts +16 -0
- package/dist/stories/statistic.stories.d.ts +16 -0
- package/dist/stories/steps.stories.d.ts +16 -0
- package/dist/stories/stream-text.stories.d.ts +17 -0
- package/dist/stories/switch.stories.d.ts +16 -0
- package/dist/stories/table.stories.d.ts +16 -0
- package/dist/stories/tabs.stories.d.ts +24 -0
- package/dist/stories/textarea.stories.d.ts +16 -0
- package/dist/stories/thinking-loader.stories.d.ts +17 -0
- package/dist/stories/timeline.stories.d.ts +16 -0
- package/dist/stories/tooltip.stories.d.ts +16 -0
- package/package.json +70 -4
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Drawer } from '../components/ui/drawer';
|
|
3
|
+
declare const meta: Meta<typeof Drawer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Drawer><DrawerTrigger asChild><Button>打开</Button></DrawerTrigger><DrawerContent>...</DrawerContent></Drawer>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { DropdownMenu } from '../components/ui/dropdown-menu';
|
|
3
|
+
declare const meta: Meta<typeof DropdownMenu>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <DropdownMenu><DropdownMenuTrigger asChild><Button>菜单</Button></DropdownMenuTrigger><DropdownMenuContent><DropdownMenuItem>项一</DropdownMenuItem></DropdownMenuContent></DropdownMenu>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Empty } from '../components/ui/empty';
|
|
3
|
+
declare const meta: Meta<typeof Empty>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Empty description="暂无数据" action={<Button>去创建</Button>} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ExchangeSelect } from '../components/ui/exchange-select';
|
|
3
|
+
declare const meta: Meta<typeof ExchangeSelect>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <ExchangeSelect options={exchanges} value={ex} onChange={setEx} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { FileTree } from '../components/ui/file-tree';
|
|
3
|
+
declare const meta: Meta<typeof FileTree>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <FileTree data={treeData} onSelect={(node) => openFile(node.id)} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { FileUpload } from '../components/ui/file-upload';
|
|
3
|
+
declare const meta: Meta<typeof FileUpload>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <FileUpload accept={{ 'text/csv': ['.csv'] }} onFilesChange={setFiles} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Form } from '../components/ui/form';
|
|
3
|
+
declare const meta: Meta<typeof Form>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* const form = useForm({ resolver: zodResolver(schema) })
|
|
15
|
+
<Form {...form}><FormField name="name" render={({ field }) => <FormItem>...</FormItem>} /></Form>
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { HoverCard } from '../components/ui/hover-card';
|
|
3
|
+
declare const meta: Meta<typeof HoverCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* import { HoverCard, HoverCardTrigger, HoverCardContent } from '@ql/ui'
|
|
15
|
+
* <HoverCard><HoverCardTrigger asChild><Button variant="link">@user</Button></HoverCardTrigger>
|
|
16
|
+
* <HoverCardContent>个人卡片内容</HoverCardContent></HoverCard>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { InlineCompletion } from '../components/ui/inline-completion';
|
|
3
|
+
declare const meta: Meta<typeof InlineCompletion>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* import { InlineCompletion } from '@ql/ui'
|
|
15
|
+
* <InlineCompletion text={prefix} completion={suggestion} onAccept={(s) => apply(s)} />
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { InputOTP } from '../components/ui/input-otp';
|
|
3
|
+
declare const meta: Meta<typeof InputOTP>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot } from '@ql/ui'
|
|
15
|
+
* <InputOTP maxLength={6} value={v} onChange={setV}>...</InputOTP>
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Input } from '../components/ui/input';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Input value={name} onChange={(e) => setName(e.target.value)} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Label } from '../components/ui/label';
|
|
3
|
+
declare const meta: Meta<typeof Label>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Label htmlFor="field">字段名</Label>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { MobileCardList } from '../components/ui/mobile-card-list';
|
|
3
|
+
declare const meta: Meta<typeof MobileCardList>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <MobileCardList dataSource={rows} rowKey={(r) => r.id} titleRender={...} bodyRender={...} actionsRender={...} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { MonacoEditor } from '../components/ui/monaco-editor';
|
|
3
|
+
declare const meta: Meta<typeof MonacoEditor>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <MonacoEditor language="python" value={code} onChange={setCode} height={400} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Pagination } from '../components/ui/pagination';
|
|
3
|
+
declare const meta: Meta<typeof Pagination>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Pagination page={page} total={total} onChange={setPage} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { PairSelect } from '../components/ui/pair-select';
|
|
3
|
+
declare const meta: Meta<typeof PairSelect>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <PairSelect options={pairOptions} value={pair} onChange={setPair} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { PeriodSelect } from '../components/ui/period-select';
|
|
3
|
+
declare const meta: Meta<typeof PeriodSelect>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <PeriodSelect options={periods} value={period} onChange={setPeriod} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Popover } from '../components/ui/popover';
|
|
3
|
+
declare const meta: Meta<typeof Popover>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Popover><PopoverTrigger asChild><Button>触发</Button></PopoverTrigger><PopoverContent>内容</PopoverContent></Popover>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Progress } from '../components/ui/progress';
|
|
3
|
+
declare const meta: Meta<typeof Progress>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Progress value={percent} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { RadioGroup } from '../components/ui/radio-group';
|
|
3
|
+
declare const meta: Meta<typeof RadioGroup>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <RadioGroup value={mode} onValueChange={setMode}>...</RadioGroup>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Segmented } from '../components/ui/segmented';
|
|
3
|
+
declare const meta: Meta<typeof Segmented>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Segmented options={periods} value={period} onChange={setPeriod} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Select } from '../components/ui/select';
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Select value={ex} onValueChange={setEx}><SelectTrigger/><SelectContent>...</SelectContent></Select>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Separator } from '../components/ui/separator';
|
|
3
|
+
declare const meta: Meta<typeof Separator>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Separator className="my-4" />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Sheet } from '../components/ui/sheet';
|
|
3
|
+
declare const meta: Meta<typeof Sheet>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Sheet open={open} onOpenChange={setOpen}><SheetContent side="right">...</SheetContent></Sheet>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Skeleton } from '../components/ui/skeleton';
|
|
3
|
+
declare const meta: Meta<typeof Skeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* {loading && <Skeleton className="h-4 w-[200px]" />}
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Slider } from '../components/ui/slider';
|
|
3
|
+
declare const meta: Meta<typeof Slider>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Slider value={leverage} onValueChange={([v]) => setLeverage(v)} max={20} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Toaster } from '../components/ui/sonner';
|
|
3
|
+
declare const meta: Meta<typeof Toaster>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Toaster richColors position="top-center" />
|
|
15
|
+
toast.success('保存成功')
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { StandardTable } from '../components/ui/standard-table';
|
|
3
|
+
declare const meta: Meta<typeof StandardTable>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <StandardTable columns={columns} data={rows} searchable renderExpanded={(r) => <Detail id={r.id} />} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Statistic } from '../components/ui/statistic';
|
|
3
|
+
declare const meta: Meta<typeof Statistic>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Statistic title="年化收益" value={0.234} precision={3} suffix="%" direction="up" />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Steps } from '../components/ui/steps';
|
|
3
|
+
declare const meta: Meta<typeof Steps>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Steps steps={steps} current={step} onChange={setStep} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { StreamText } from '../components/ui/stream-text';
|
|
3
|
+
declare const meta: Meta<typeof StreamText>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* import { StreamText } from '@ql/ui'
|
|
15
|
+
* <StreamText text={chunk} streaming={!done} />
|
|
16
|
+
* ```
|
|
17
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Switch } from '../components/ui/switch';
|
|
3
|
+
declare const meta: Meta<typeof Switch>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Switch checked={live} onCheckedChange={setLive} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Table } from '../components/ui/table';
|
|
3
|
+
declare const meta: Meta<typeof Table>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Table><TableHeader><TableRow><TableHead>列</TableHead></TableRow></TableHeader><TableBody>...</TableBody></Table>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Tabs } from '../components/ui/tabs';
|
|
3
|
+
declare const meta: Meta<typeof Tabs>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Tabs value={tab} onValueChange={setTab}>...</Tabs>
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
17
|
+
/** antd Tabs → shadcn Tabs 属性映射(v1.3 口径随 stories 文档化):
|
|
18
|
+
* activeKey → value + onValueChange | defaultActiveKey → defaultValue
|
|
19
|
+
* items 数组 → 声明式 TabsTrigger/TabsContent | tabBarGutter → TabsList gap 类
|
|
20
|
+
* tabBarExtraContent → TabsBar rightExtra 插槽(见 WithRightExtra 用例)
|
|
21
|
+
*/
|
|
22
|
+
export declare const WithBadge: Story;
|
|
23
|
+
export declare const WithDisabled: Story;
|
|
24
|
+
export declare const WithRightExtra: Story;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { Textarea } from '../components/ui/textarea';
|
|
3
|
+
declare const meta: Meta<typeof Textarea>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Textarea value={note} onChange={(e) => setNote(e.target.value)} />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
2
|
+
import { ThinkingLoader } from '../components/ui/thinking-loader';
|
|
3
|
+
declare const meta: Meta<typeof ThinkingLoader>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<any>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Variants: Story;
|
|
8
|
+
export declare const DarkMode: Story;
|
|
9
|
+
export declare const Mobile: Story;
|
|
10
|
+
export declare const Tablet: Story;
|
|
11
|
+
export declare const Interaction: Story;
|
|
12
|
+
/** 复制即用:
|
|
13
|
+
* ```tsx
|
|
14
|
+
* import { ThinkingLoader } from '@ql/ui'
|
|
15
|
+
* {isThinking && <ThinkingLoader variant="spinner" label="生成中..." />}
|
|
16
|
+
* ```
|
|
17
|
+
*/
|