orizon 0.2.1 → 0.2.2
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 +45 -7
- package/bin/cli.mjs +53 -16
- package/bin/init.mjs +13 -9
- package/dist/components/affix/Affix.d.ts +19 -0
- package/dist/components/affix/Affix.stories.d.ts +9 -0
- package/dist/components/affix/index.d.ts +23 -0
- package/dist/components/alert/Alert.d.ts +21 -0
- package/dist/components/alert/Alert.stories.d.ts +13 -0
- package/dist/components/alert/ErrorBoundary.d.ts +10 -0
- package/dist/components/alert/index.d.ts +20 -0
- package/dist/components/anchor/Anchor.d.ts +23 -0
- package/dist/components/anchor/Anchor.stories.d.ts +9 -0
- package/dist/components/anchor/index.d.ts +24 -0
- package/dist/components/app/App.d.ts +25 -0
- package/dist/components/app/App.stories.d.ts +8 -0
- package/dist/components/app/index.d.ts +18 -0
- package/dist/components/auto-complete/AutoComplete.d.ts +22 -0
- package/dist/components/auto-complete/AutoComplete.stories.d.ts +12 -0
- package/dist/components/auto-complete/index.d.ts +22 -0
- package/dist/components/avatar/Avatar.d.ts +24 -0
- package/dist/components/avatar/Avatar.stories.d.ts +10 -0
- package/dist/components/avatar/index.d.ts +21 -0
- package/dist/components/badge/Badge.d.ts +19 -0
- package/dist/components/badge/Badge.stories.d.ts +12 -0
- package/dist/components/badge/index.d.ts +19 -0
- package/dist/components/breadcrumb/Breadcrumb.d.ts +24 -0
- package/dist/components/breadcrumb/Breadcrumb.stories.d.ts +9 -0
- package/dist/components/breadcrumb/index.d.ts +25 -0
- package/dist/components/button/Button.d.ts +24 -0
- package/dist/components/button/Button.stories.d.ts +20 -0
- package/dist/components/button/ButtonGroup.d.ts +23 -0
- package/dist/components/button/index.d.ts +33 -0
- package/dist/components/button/types.d.ts +87 -11
- package/dist/components/calendar/Calendar.d.ts +21 -0
- package/dist/components/calendar/Calendar.stories.d.ts +10 -0
- package/dist/components/calendar/index.d.ts +19 -0
- package/dist/components/card/Card.d.ts +21 -0
- package/dist/components/card/Card.stories.d.ts +14 -0
- package/dist/components/card/index.d.ts +25 -0
- package/dist/components/carousel/Carousel.d.ts +23 -0
- package/dist/components/carousel/Carousel.stories.d.ts +11 -0
- package/dist/components/carousel/index.d.ts +25 -0
- package/dist/components/cascader/Cascader.d.ts +26 -0
- package/dist/components/cascader/Cascader.stories.d.ts +11 -0
- package/dist/components/cascader/index.d.ts +25 -0
- package/dist/components/checkbox/Checkbox.d.ts +21 -0
- package/dist/components/checkbox/Checkbox.stories.d.ts +11 -0
- package/dist/components/checkbox/CheckboxGroup.d.ts +10 -0
- package/dist/components/checkbox/index.d.ts +19 -0
- package/dist/components/collapse/Collapse.d.ts +25 -0
- package/dist/components/collapse/Collapse.stories.d.ts +12 -0
- package/dist/components/collapse/index.d.ts +26 -0
- package/dist/components/color-picker/ColorPicker.d.ts +22 -0
- package/dist/components/color-picker/ColorPicker.stories.d.ts +11 -0
- package/dist/components/color-picker/index.d.ts +22 -0
- package/dist/components/date-picker/DatePicker.d.ts +20 -0
- package/dist/components/date-picker/DatePicker.stories.d.ts +12 -0
- package/dist/components/date-picker/RangePicker.d.ts +12 -0
- package/dist/components/date-picker/index.d.ts +21 -0
- package/dist/components/descriptions/Descriptions.d.ts +25 -0
- package/dist/components/descriptions/Descriptions.stories.d.ts +12 -0
- package/dist/components/descriptions/index.d.ts +25 -0
- package/dist/components/divider/Divider.stories.d.ts +12 -0
- package/dist/components/divider/index.d.ts +10 -0
- package/dist/components/drawer/Drawer.stories.d.ts +10 -0
- package/dist/components/drawer/index.d.ts +13 -0
- package/dist/components/dropdown/Dropdown.stories.d.ts +12 -0
- package/dist/components/dropdown/index.d.ts +14 -0
- package/dist/components/empty/Empty.stories.d.ts +11 -0
- package/dist/components/empty/index.d.ts +14 -0
- package/dist/components/flex/Flex.stories.d.ts +12 -0
- package/dist/components/flex/index.d.ts +15 -0
- package/dist/components/float-button/FloatButton.stories.d.ts +12 -0
- package/dist/components/float-button/index.d.ts +15 -0
- package/dist/components/form/Form.stories.d.ts +10 -0
- package/dist/components/form/index.d.ts +17 -0
- package/dist/components/grid/Grid.stories.d.ts +11 -0
- package/dist/components/grid/index.d.ts +20 -0
- package/dist/components/image/Image.stories.d.ts +11 -0
- package/dist/components/image/index.d.ts +14 -0
- package/dist/components/input/Input.stories.d.ts +14 -0
- package/dist/components/input/index.d.ts +15 -0
- package/dist/components/input-number/InputNumber.stories.d.ts +13 -0
- package/dist/components/input-number/index.d.ts +10 -0
- package/dist/components/layout/Layout.stories.d.ts +9 -0
- package/dist/components/layout/index.d.ts +17 -0
- package/dist/components/list/List.stories.d.ts +13 -0
- package/dist/components/list/index.d.ts +18 -0
- package/dist/components/masonry/Masonry.stories.d.ts +11 -0
- package/dist/components/masonry/index.d.ts +12 -0
- package/dist/components/mentions/Mentions.stories.d.ts +12 -0
- package/dist/components/mentions/index.d.ts +11 -0
- package/dist/components/menu/Menu.stories.d.ts +12 -0
- package/dist/components/menu/index.d.ts +15 -0
- package/dist/components/message/Message.stories.d.ts +8 -0
- package/dist/components/message/index.d.ts +16 -0
- package/dist/components/modal/Modal.stories.d.ts +12 -0
- package/dist/components/modal/index.d.ts +17 -0
- package/dist/components/notification/Notification.stories.d.ts +10 -0
- package/dist/components/notification/index.d.ts +14 -0
- package/dist/components/pagination/Pagination.stories.d.ts +13 -0
- package/dist/components/pagination/index.d.ts +13 -0
- package/dist/components/popconfirm/Popconfirm.stories.d.ts +11 -0
- package/dist/components/popconfirm/index.d.ts +13 -0
- package/dist/components/popover/Popover.stories.d.ts +10 -0
- package/dist/components/popover/index.d.ts +10 -0
- package/dist/components/progress/Progress.stories.d.ts +13 -0
- package/dist/components/progress/index.d.ts +10 -0
- package/dist/components/qrcode/QRCode.stories.d.ts +11 -0
- package/dist/components/qrcode/index.d.ts +9 -0
- package/dist/components/radio/Radio.stories.d.ts +13 -0
- package/dist/components/radio/index.d.ts +17 -0
- package/dist/components/rate/Rate.stories.d.ts +12 -0
- package/dist/components/rate/index.d.ts +13 -0
- package/dist/components/result/Result.stories.d.ts +12 -0
- package/dist/components/result/index.d.ts +9 -0
- package/dist/components/segmented/Segmented.stories.d.ts +12 -0
- package/dist/components/segmented/index.d.ts +9 -0
- package/dist/components/select/Select.stories.d.ts +14 -0
- package/dist/components/select/index.d.ts +10 -0
- package/dist/components/skeleton/Skeleton.stories.d.ts +12 -0
- package/dist/components/skeleton/index.d.ts +15 -0
- package/dist/components/slider/Slider.stories.d.ts +13 -0
- package/dist/components/slider/index.d.ts +10 -0
- package/dist/components/space/Space.stories.d.ts +13 -0
- package/dist/components/space/index.d.ts +18 -0
- package/dist/components/spin/Spin.stories.d.ts +13 -0
- package/dist/components/spin/index.d.ts +14 -0
- package/dist/components/splitter/Splitter.stories.d.ts +12 -0
- package/dist/components/splitter/index.d.ts +18 -0
- package/dist/components/statistic/Statistic.stories.d.ts +10 -0
- package/dist/components/statistic/index.d.ts +17 -0
- package/dist/components/steps/Steps.stories.d.ts +11 -0
- package/dist/components/steps/index.d.ts +15 -0
- package/dist/components/switch/Switch.stories.d.ts +10 -0
- package/dist/components/switch/index.d.ts +12 -0
- package/dist/components/table/Table.stories.d.ts +12 -0
- package/dist/components/table/index.d.ts +12 -0
- package/dist/components/tabs/Tabs.stories.d.ts +11 -0
- package/dist/components/tabs/index.d.ts +16 -0
- package/dist/components/tag/Tag.stories.d.ts +11 -0
- package/dist/components/tag/index.d.ts +14 -0
- package/dist/components/time-picker/TimePicker.stories.d.ts +10 -0
- package/dist/components/time-picker/index.d.ts +13 -0
- package/dist/components/timeline/Timeline.stories.d.ts +10 -0
- package/dist/components/timeline/index.d.ts +15 -0
- package/dist/components/tooltip/Tooltip.stories.d.ts +8 -0
- package/dist/components/tooltip/index.d.ts +10 -0
- package/dist/components/tour/Tour.stories.d.ts +8 -0
- package/dist/components/tour/index.d.ts +16 -0
- package/dist/components/transfer/Transfer.stories.d.ts +9 -0
- package/dist/components/transfer/index.d.ts +15 -0
- package/dist/components/tree/Tree.stories.d.ts +10 -0
- package/dist/components/tree/index.d.ts +18 -0
- package/dist/components/tree-select/TreeSelect.stories.d.ts +9 -0
- package/dist/components/tree-select/index.d.ts +16 -0
- package/dist/components/typography/Typography.stories.d.ts +11 -0
- package/dist/components/typography/index.d.ts +14 -0
- package/dist/components/upload/Upload.stories.d.ts +10 -0
- package/dist/components/upload/index.d.ts +17 -0
- package/dist/components/watermark/Watermark.stories.d.ts +9 -0
- package/dist/components/watermark/index.d.ts +11 -0
- package/dist/orizon.cjs.js +101 -101
- package/dist/orizon.es.js +26200 -25378
- package/dist/preset.css +4 -4
- package/dist/themes/corporate.css +169 -0
- package/package.json +16 -3
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Image } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Image>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Image>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicImage: Story;
|
|
8
|
+
export declare const NoPreview: Story;
|
|
9
|
+
export declare const Fallback: Story;
|
|
10
|
+
export declare const Placeholder: Story;
|
|
11
|
+
export declare const PreviewGroup: Story;
|
|
@@ -2,6 +2,20 @@ import { InternalImage, PreviewGroup } from './Image';
|
|
|
2
2
|
type ImageComponent = typeof InternalImage & {
|
|
3
3
|
PreviewGroup: typeof PreviewGroup;
|
|
4
4
|
};
|
|
5
|
+
/**
|
|
6
|
+
* Image component with built-in preview modal.
|
|
7
|
+
*
|
|
8
|
+
* Sub-components: `Image.PreviewGroup`.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <Image src="/photo.jpg" width={200} />
|
|
13
|
+
* <Image.PreviewGroup items={['/a.jpg', '/b.jpg']}>
|
|
14
|
+
* <Image src="/a.jpg" />
|
|
15
|
+
* <Image src="/b.jpg" />
|
|
16
|
+
* </Image.PreviewGroup>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
5
19
|
declare const Image: ImageComponent;
|
|
6
20
|
export { Image };
|
|
7
21
|
export type { ImageProps, PreviewGroupProps, PreviewConfig } from './types';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Input } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Input>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Input>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Sizes: Story;
|
|
8
|
+
export declare const PrefixSuffix: Story;
|
|
9
|
+
export declare const Addons: Story;
|
|
10
|
+
export declare const AllowClear: Story;
|
|
11
|
+
export declare const StatusVariants: Story;
|
|
12
|
+
export declare const Variants: Story;
|
|
13
|
+
export declare const Password: Story;
|
|
14
|
+
export declare const SearchInput: Story;
|
|
@@ -9,6 +9,21 @@ type InputComponent = typeof InternalInput & {
|
|
|
9
9
|
Search: typeof Search;
|
|
10
10
|
OTP: typeof OTP;
|
|
11
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* Input component for text entry.
|
|
14
|
+
*
|
|
15
|
+
* Sub-components: `Input.Password`, `Input.TextArea`, `Input.Search`, `Input.OTP`.
|
|
16
|
+
*
|
|
17
|
+
* @example
|
|
18
|
+
* ```tsx
|
|
19
|
+
* <Input placeholder="Enter text" />
|
|
20
|
+
* <Input prefix={<UserIcon />} allowClear />
|
|
21
|
+
* <Input.Password placeholder="Password" />
|
|
22
|
+
* <Input.TextArea rows={4} />
|
|
23
|
+
* <Input.Search enterButton onSearch={console.log} />
|
|
24
|
+
* <Input.OTP length={6} />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
12
27
|
declare const Input: InputComponent;
|
|
13
28
|
export { Input };
|
|
14
29
|
export type { InputProps, InputPasswordProps, InputTextAreaProps, InputSearchProps, InputOTPProps, InputSize, InputStatus, InputVariant, AutoSizeConfig, ShowCountInfo, ShowCountFormatter, } from './types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { InputNumber } from './index';
|
|
3
|
+
declare const meta: Meta<typeof InputNumber>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof InputNumber>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicUsage: Story;
|
|
8
|
+
export declare const Sizes: Story;
|
|
9
|
+
export declare const PrefixSuffix: Story;
|
|
10
|
+
export declare const Addons: Story;
|
|
11
|
+
export declare const StatusVariants: Story;
|
|
12
|
+
export declare const NoControls: Story;
|
|
13
|
+
export declare const Precision: Story;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* InputNumber component for numeric input with stepper controls.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <InputNumber min={0} max={100} defaultValue={50} />
|
|
7
|
+
* <InputNumber prefix="$" step={0.01} precision={2} />
|
|
8
|
+
* <InputNumber addonBefore="+" addonAfter="%" />
|
|
9
|
+
* ```
|
|
10
|
+
*/
|
|
1
11
|
declare const InputNumber: import('react').ForwardRefExoticComponent<import('./types').InputNumberProps<number> & import('react').RefAttributes<HTMLInputElement>>;
|
|
2
12
|
export { InputNumber };
|
|
3
13
|
export type { InputNumberProps, InputNumberSize, InputNumberStatus, InputNumberVariant, } from './types';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Layout } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Layout>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Layout>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicLayout: Story;
|
|
8
|
+
export declare const LayoutWithSider: Story;
|
|
9
|
+
export declare const HeaderContentFooter: Story;
|
|
@@ -6,6 +6,23 @@ type LayoutComponent = typeof InternalLayout & {
|
|
|
6
6
|
Content: typeof Content;
|
|
7
7
|
Footer: typeof Footer;
|
|
8
8
|
};
|
|
9
|
+
/**
|
|
10
|
+
* Layout component for page scaffolding.
|
|
11
|
+
*
|
|
12
|
+
* Sub-components: `Layout.Header`, `Layout.Sider`, `Layout.Content`, `Layout.Footer`.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Layout>
|
|
17
|
+
* <Layout.Header>Header</Layout.Header>
|
|
18
|
+
* <Layout>
|
|
19
|
+
* <Layout.Sider>Sidebar</Layout.Sider>
|
|
20
|
+
* <Layout.Content>Content</Layout.Content>
|
|
21
|
+
* </Layout>
|
|
22
|
+
* <Layout.Footer>Footer</Layout.Footer>
|
|
23
|
+
* </Layout>
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
9
26
|
declare const Layout: LayoutComponent;
|
|
10
27
|
export { Layout };
|
|
11
28
|
export type { LayoutProps, HeaderProps, ContentProps, FooterProps, SiderProps, SiderTheme, SiderBreakpoint, } from './types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { List } from './index';
|
|
3
|
+
declare const meta: Meta<typeof List>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof List>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicList: Story;
|
|
8
|
+
export declare const Bordered: Story;
|
|
9
|
+
export declare const WithMeta: Story;
|
|
10
|
+
export declare const WithActions: Story;
|
|
11
|
+
export declare const Loading: Story;
|
|
12
|
+
export declare const Pagination: Story;
|
|
13
|
+
export declare const GridLayout: Story;
|
|
@@ -6,6 +6,24 @@ declare const ListItemWithMeta: ListItemComponent;
|
|
|
6
6
|
type ListComponent = typeof InternalList & {
|
|
7
7
|
Item: typeof ListItemWithMeta;
|
|
8
8
|
};
|
|
9
|
+
/**
|
|
10
|
+
* List component for rendering data source items with pagination.
|
|
11
|
+
*
|
|
12
|
+
* Sub-components: `List.Item`, `List.Item.Meta`.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <List
|
|
17
|
+
* dataSource={data}
|
|
18
|
+
* renderItem={(item) => (
|
|
19
|
+
* <List.Item>
|
|
20
|
+
* <List.Item.Meta title={item.title} description={item.desc} />
|
|
21
|
+
* </List.Item>
|
|
22
|
+
* )}
|
|
23
|
+
* bordered
|
|
24
|
+
* />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
9
27
|
declare const List: ListComponent;
|
|
10
28
|
export { List };
|
|
11
29
|
export type { ListProps, ListItemProps, ListItemMetaProps, ListSize, ListItemLayout, ListGridConfig, ListPaginationConfig, } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Masonry } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Masonry>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Masonry>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicMasonry: Story;
|
|
8
|
+
export declare const ColumnCounts: Story;
|
|
9
|
+
export declare const CustomGutter: Story;
|
|
10
|
+
export declare const WithItemsProp: Story;
|
|
11
|
+
export declare const ResponsiveColumns: Story;
|
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Masonry layout component for Pinterest-style multi-column layouts.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Masonry columns={3} gutter={16}>
|
|
7
|
+
* <div>Card 1</div>
|
|
8
|
+
* <div>Card 2</div>
|
|
9
|
+
* </Masonry>
|
|
10
|
+
* <Masonry columns={{ sm: 1, md: 2, lg: 3 }} items={cards} />
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
1
13
|
declare const Masonry: import('react').ForwardRefExoticComponent<import('./types').MasonryProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
14
|
export { Masonry };
|
|
3
15
|
export type { MasonryProps } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Mentions } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Mentions>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Mentions>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicMentions: Story;
|
|
8
|
+
export declare const CustomPrefix: Story;
|
|
9
|
+
export declare const Placement: Story;
|
|
10
|
+
export declare const WithClear: Story;
|
|
11
|
+
export declare const StatusVariants: Story;
|
|
12
|
+
export declare const ReadOnlyDisabled: Story;
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Mentions component for textarea with @-mention auto-complete.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Mentions
|
|
7
|
+
* options={[{ value: 'alice' }, { value: 'bob' }]}
|
|
8
|
+
* placeholder="Type @ to mention someone"
|
|
9
|
+
* />
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
1
12
|
declare const Mentions: import('react').ForwardRefExoticComponent<import('./types').MentionsProps & import('react').RefAttributes<HTMLTextAreaElement>>;
|
|
2
13
|
export { Mentions };
|
|
3
14
|
export type { MentionsProps, MentionOption, MentionsPlacement, MentionsStatus, MentionsVariant, } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Menu } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Menu>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Menu>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const VerticalMenu: Story;
|
|
8
|
+
export declare const HorizontalMenu: Story;
|
|
9
|
+
export declare const InlineMenu: Story;
|
|
10
|
+
export declare const WithSubmenus: Story;
|
|
11
|
+
export declare const DarkTheme: Story;
|
|
12
|
+
export declare const DisabledDanger: Story;
|
|
@@ -1,2 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Menu component for navigation menus.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Menu
|
|
7
|
+
* mode="inline"
|
|
8
|
+
* items={[
|
|
9
|
+
* { key: 'home', label: 'Home', icon: <HomeIcon /> },
|
|
10
|
+
* { key: 'about', label: 'About' },
|
|
11
|
+
* ]}
|
|
12
|
+
* defaultSelectedKeys={['home']}
|
|
13
|
+
* />
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
1
16
|
export { Menu } from './Menu';
|
|
2
17
|
export type { MenuProps, MenuItemType, MenuInfo, MenuMode, MenuTheme } from './types';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Playground: Story;
|
|
6
|
+
export declare const MessageTypes: Story;
|
|
7
|
+
export declare const CustomDuration: Story;
|
|
8
|
+
export declare const ManualClose: Story;
|
|
@@ -3,6 +3,22 @@ import { MessageAPI } from './types';
|
|
|
3
3
|
type MessageApiWithHook = MessageAPI & {
|
|
4
4
|
useMessage: typeof useMessage;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Imperative message API for global toast notifications.
|
|
8
|
+
*
|
|
9
|
+
* Methods: `message.success`, `message.error`, `message.info`,
|
|
10
|
+
* `message.warning`, `message.loading`, `message.open`, `message.destroy`.
|
|
11
|
+
* Hook: `message.useMessage`.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* import { message } from '@/components/message';
|
|
16
|
+
* message.success('Operation completed');
|
|
17
|
+
* message.error('Something failed');
|
|
18
|
+
* const close = message.loading('Please wait...');
|
|
19
|
+
* close(); // manually close
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
6
22
|
declare const message: MessageApiWithHook;
|
|
7
23
|
export { message };
|
|
8
24
|
export type { MessageAPI, MessageConfig, MessageGlobalConfig, MessageType, MessageClosePromise, } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Modal } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Modal>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Modal>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicModal: Story;
|
|
8
|
+
export declare const Centered: Story;
|
|
9
|
+
export declare const CustomFooter: Story;
|
|
10
|
+
export declare const ConfirmLoading: Story;
|
|
11
|
+
export declare const StaticMethods: Story;
|
|
12
|
+
export declare const NoFooter: Story;
|
|
@@ -4,6 +4,23 @@ import { ModalStaticFunctions } from './types';
|
|
|
4
4
|
type ModalComponent = typeof InternalModal & ModalStaticFunctions & {
|
|
5
5
|
useModal: typeof useModal;
|
|
6
6
|
};
|
|
7
|
+
/**
|
|
8
|
+
* Dialog overlay for confirmations, forms, and content display.
|
|
9
|
+
*
|
|
10
|
+
* Supports both declarative (`<Modal open>`) and imperative
|
|
11
|
+
* (`Modal.confirm()`) usage patterns.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* // Declarative
|
|
16
|
+
* <Modal open={isOpen} title="Edit" onOk={save} onCancel={close}>
|
|
17
|
+
* <p>Form content here</p>
|
|
18
|
+
* </Modal>
|
|
19
|
+
*
|
|
20
|
+
* // Imperative
|
|
21
|
+
* Modal.confirm({ title: "Delete?", content: "This cannot be undone." });
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
7
24
|
declare const Modal: ModalComponent;
|
|
8
25
|
export { Modal };
|
|
9
26
|
export type { ModalProps, ModalStaticConfig, ModalStaticFunctions, ModalReturnType, ModalHookAPI, ModalType, } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export declare const Playground: Story;
|
|
6
|
+
export declare const TypeVariants: Story;
|
|
7
|
+
export declare const Placement: Story;
|
|
8
|
+
export declare const Duration: Story;
|
|
9
|
+
export declare const CustomIcon: Story;
|
|
10
|
+
export declare const WithActions: Story;
|
|
@@ -3,6 +3,20 @@ import { NotificationAPI } from './types';
|
|
|
3
3
|
type NotificationApiWithHook = NotificationAPI & {
|
|
4
4
|
useNotification: typeof useNotification;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Imperative notification API for toast-style messages.
|
|
8
|
+
*
|
|
9
|
+
* Call `notification.success()`, `.error()`, `.info()`, `.warning()`,
|
|
10
|
+
* or `.open()` to show floating notifications. Use `.destroy()` to
|
|
11
|
+
* dismiss by key or clear all.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* notification.success({ message: "Done!", description: "File uploaded." });
|
|
16
|
+
* notification.error({ message: "Failed", duration: 0 });
|
|
17
|
+
* notification.destroy(); // clear all
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
6
20
|
declare const notification: NotificationApiWithHook;
|
|
7
21
|
export { notification };
|
|
8
22
|
export type { NotificationAPI, NotificationConfig, NotificationGlobalConfig, NotificationType, NotificationPlacement, } from './types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Pagination } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Pagination>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Pagination>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicPagination: Story;
|
|
8
|
+
export declare const WithSizeChanger: Story;
|
|
9
|
+
export declare const WithQuickJumper: Story;
|
|
10
|
+
export declare const ShowTotal: Story;
|
|
11
|
+
export declare const SimpleMode: Story;
|
|
12
|
+
export declare const SmallSize: Story;
|
|
13
|
+
export declare const DisabledPagination: Story;
|
|
@@ -1,2 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Public API for the Pagination component.
|
|
3
|
+
* @see ./Pagination.tsx - implementation
|
|
4
|
+
*/
|
|
5
|
+
/**
|
|
6
|
+
* Page navigation with numbered links, size changer, and quick jumper.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <Pagination total={200} showSizeChanger showQuickJumper />
|
|
11
|
+
* <Pagination total={50} simple />
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
1
14
|
export { Pagination } from './Pagination';
|
|
2
15
|
export type { PaginationProps, PaginationSize } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Popconfirm } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Popconfirm>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Popconfirm>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicConfirmation: Story;
|
|
8
|
+
export declare const Placement: Story;
|
|
9
|
+
export declare const CustomButtons: Story;
|
|
10
|
+
export declare const WithDescription: Story;
|
|
11
|
+
export declare const CustomIcon: Story;
|
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Confirmation popup that wraps a trigger element.
|
|
3
|
+
*
|
|
4
|
+
* Shows a small popover with title, description, and OK/Cancel buttons.
|
|
5
|
+
* Ideal for confirming destructive actions.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <Popconfirm title="Delete?" onConfirm={handleDelete}>
|
|
10
|
+
* <Button danger>Delete</Button>
|
|
11
|
+
* </Popconfirm>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
1
14
|
declare const Popconfirm: import('react').ForwardRefExoticComponent<import('./types').PopconfirmProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
2
15
|
export { Popconfirm };
|
|
3
16
|
export type { PopconfirmProps, PopconfirmPlacement } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Popover } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Popover>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Popover>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicPopover: Story;
|
|
8
|
+
export declare const WithTitle: Story;
|
|
9
|
+
export declare const Placement: Story;
|
|
10
|
+
export declare const ControlledOpen: Story;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Floating content panel with optional title, triggered by a child element.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Popover content={<p>Rich content here</p>} title="Details">
|
|
7
|
+
* <Button>Click me</Button>
|
|
8
|
+
* </Popover>
|
|
9
|
+
* ```
|
|
10
|
+
*/
|
|
1
11
|
declare const Popover: import('react').FC<import('./types').PopoverProps>;
|
|
2
12
|
export { Popover };
|
|
3
13
|
export type { PopoverProps, PopoverPlacement, PopoverTrigger } from './types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Progress } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Progress>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Progress>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const LineProgress: Story;
|
|
8
|
+
export declare const CircleProgress: Story;
|
|
9
|
+
export declare const Dashboard: Story;
|
|
10
|
+
export declare const StatusColors: Story;
|
|
11
|
+
export declare const Steps: Story;
|
|
12
|
+
export declare const SmallSize: Story;
|
|
13
|
+
export declare const CustomFormat: Story;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Progress bar/circle for showing completion status.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Progress percent={50} />
|
|
7
|
+
* <Progress type="circle" percent={75} />
|
|
8
|
+
* <Progress type="dashboard" percent={60} />
|
|
9
|
+
* ```
|
|
10
|
+
*/
|
|
1
11
|
declare const Progress: import('react').ForwardRefExoticComponent<import('./types').ProgressProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
12
|
export { Progress };
|
|
3
13
|
export type { ProgressProps, ProgressType, ProgressStatus, ProgressStrokeLinecap, ProgressSuccessConfig, ProgressSize, } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { QRCode } from './index';
|
|
3
|
+
declare const meta: Meta<typeof QRCode>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof QRCode>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicQRCode: Story;
|
|
8
|
+
export declare const CustomColors: Story;
|
|
9
|
+
export declare const StatusOverlays: Story;
|
|
10
|
+
export declare const WithIcon: Story;
|
|
11
|
+
export declare const NoBorder: Story;
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* QR code generator with status overlays (loading, expired, scanned).
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <QRCode value="https://example.com" />
|
|
7
|
+
* <QRCode value="https://example.com" status="expired" onRefresh={refresh} />
|
|
8
|
+
* ```
|
|
9
|
+
*/
|
|
1
10
|
declare const QRCode: import('react').FC<import('./types').QRCodeProps>;
|
|
2
11
|
export { QRCode };
|
|
3
12
|
export type { QRCodeProps, QRCodeErrorLevel, QRCodeStatus, QRCodeType, } from './types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Radio } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Radio>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Radio>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicRadio: Story;
|
|
8
|
+
export declare const RadioGroupStory: Story;
|
|
9
|
+
export declare const GroupWithOptions: Story;
|
|
10
|
+
export declare const ButtonStyle: Story;
|
|
11
|
+
export declare const SolidButtonStyle: Story;
|
|
12
|
+
export declare const Sizes: Story;
|
|
13
|
+
export declare const DisabledRadio: Story;
|
|
@@ -5,6 +5,23 @@ type RadioComponent = typeof InternalRadio & {
|
|
|
5
5
|
Group: typeof InternalRadioGroup;
|
|
6
6
|
Button: typeof RadioButton;
|
|
7
7
|
};
|
|
8
|
+
/**
|
|
9
|
+
* Radio input for single-choice selection from a set of options.
|
|
10
|
+
*
|
|
11
|
+
* Use `Radio.Group` for managing a group of radios, and `Radio.Button`
|
|
12
|
+
* for button-styled radio options.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Radio.Group value={value} onChange={handleChange}>
|
|
17
|
+
* <Radio value="a">Option A</Radio>
|
|
18
|
+
* <Radio value="b">Option B</Radio>
|
|
19
|
+
* </Radio.Group>
|
|
20
|
+
*
|
|
21
|
+
* <Radio.Group optionType="button" buttonStyle="solid"
|
|
22
|
+
* options={["Small", "Medium", "Large"]} />
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
8
25
|
declare const Radio: RadioComponent;
|
|
9
26
|
export { Radio };
|
|
10
27
|
export type { RadioProps, RadioGroupProps, RadioButtonProps, RadioChangeEvent, RadioOptionType, } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Rate } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Rate>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Rate>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicRate: Story;
|
|
8
|
+
export declare const HalfStar: Story;
|
|
9
|
+
export declare const DisabledRate: Story;
|
|
10
|
+
export declare const CustomCharacter: Story;
|
|
11
|
+
export declare const WithTooltips: Story;
|
|
12
|
+
export declare const CustomCount: Story;
|
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Star rating input for scoring or feedback.
|
|
3
|
+
*
|
|
4
|
+
* Supports half-star precision, custom characters, tooltips, and
|
|
5
|
+
* keyboard navigation.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <Rate defaultValue={3} />
|
|
10
|
+
* <Rate allowHalf defaultValue={2.5} />
|
|
11
|
+
* <Rate character="A" count={26} />
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
1
14
|
declare const Rate: import('react').ForwardRefExoticComponent<import('./types').RateProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
15
|
export { Rate };
|
|
3
16
|
export type { RateProps } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Result } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Result>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Result>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const SuccessResult: Story;
|
|
8
|
+
export declare const ErrorResult: Story;
|
|
9
|
+
export declare const InfoResult: Story;
|
|
10
|
+
export declare const WarningResult: Story;
|
|
11
|
+
export declare const HttpErrorCodes: Story;
|
|
12
|
+
export declare const CustomIcon: Story;
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Feedback page for operation outcomes or HTTP error codes.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Result status="success" title="Done!" extra={<Button>Go Back</Button>} />
|
|
7
|
+
* <Result status={404} />
|
|
8
|
+
* ```
|
|
9
|
+
*/
|
|
1
10
|
declare const Result: import('react').ForwardRefExoticComponent<import('./types').ResultProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
11
|
export { Result };
|
|
3
12
|
export type { ResultProps, ResultStatus } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Segmented } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Segmented>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Segmented>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicSegmented: Story;
|
|
8
|
+
export declare const WithIcons: Story;
|
|
9
|
+
export declare const Sizes: Story;
|
|
10
|
+
export declare const Block: Story;
|
|
11
|
+
export declare const DisabledSegmented: Story;
|
|
12
|
+
export declare const Controlled: Story;
|
|
@@ -1,3 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Segmented toggle control for switching between options.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Segmented options={["Daily", "Weekly", "Monthly"]} />
|
|
7
|
+
* <Segmented options={[{ label: "List", value: "list", icon: <ListIcon /> }]} />
|
|
8
|
+
* ```
|
|
9
|
+
*/
|
|
1
10
|
declare const Segmented: import('react').FC<import('./types').SegmentedProps>;
|
|
2
11
|
export { Segmented };
|
|
3
12
|
export type { SegmentedProps, SegmentedOption, SegmentedOptionType, SegmentedSize, } from './types';
|