orizon 0.2.0 → 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 +541 -156
- 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
|
@@ -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';
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Select } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Select>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Select>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicSelect: Story;
|
|
8
|
+
export declare const MultipleSelect: Story;
|
|
9
|
+
export declare const TagsMode: Story;
|
|
10
|
+
export declare const WithSearch: Story;
|
|
11
|
+
export declare const Variants: Story;
|
|
12
|
+
export declare const Sizes: Story;
|
|
13
|
+
export declare const StatusValidation: Story;
|
|
14
|
+
export declare const DisabledSelect: Story;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Dropdown selector supporting single, multiple, and tags modes.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Select options={[{ label: "Apple", value: "apple" }]} />
|
|
7
|
+
* <Select mode="multiple" options={options} allowClear showSearch />
|
|
8
|
+
* <Select mode="tags" placeholder="Enter tags" />
|
|
9
|
+
* ```
|
|
10
|
+
*/
|
|
1
11
|
declare const Select: import('react').ForwardRefExoticComponent<import('./types').SelectProps & import('react').RefAttributes<HTMLButtonElement>>;
|
|
2
12
|
export { Select };
|
|
3
13
|
export type { SelectProps, SelectOptionType, LabeledValue, FieldNames, } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Skeleton } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Skeleton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Skeleton>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicSkeleton: Story;
|
|
8
|
+
export declare const WithAvatar: Story;
|
|
9
|
+
export declare const ActiveAnimation: Story;
|
|
10
|
+
export declare const ElementShapes: Story;
|
|
11
|
+
export declare const LoadingToggle: Story;
|
|
12
|
+
export declare const CustomParagraph: Story;
|
|
@@ -7,6 +7,21 @@ type SkeletonComponent = typeof InternalSkeleton & {
|
|
|
7
7
|
Image: typeof SkeletonImage;
|
|
8
8
|
Node: typeof SkeletonNode;
|
|
9
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* Placeholder loading skeleton for content areas.
|
|
12
|
+
*
|
|
13
|
+
* Use `<Skeleton>` for full content placeholders, or individual
|
|
14
|
+
* sub-components for specific UI element shapes.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <Skeleton active avatar paragraph={{ rows: 3 }} />
|
|
19
|
+
* <Skeleton.Avatar active shape="circle" />
|
|
20
|
+
* <Skeleton.Button active />
|
|
21
|
+
* <Skeleton.Input active />
|
|
22
|
+
* <Skeleton.Image active />
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
10
25
|
declare const Skeleton: SkeletonComponent;
|
|
11
26
|
export { Skeleton };
|
|
12
27
|
export type { SkeletonProps, SkeletonAvatarProps, SkeletonButtonProps, SkeletonInputProps, SkeletonImageProps, SkeletonNodeProps, SkeletonAvatarConfig, SkeletonTitleConfig, SkeletonParagraphConfig, SkeletonAvatarShape, SkeletonAvatarSize, SkeletonButtonSize, SkeletonButtonShape, SkeletonInputSize, } from './types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Slider } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Slider>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Slider>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicSlider: Story;
|
|
8
|
+
export declare const RangeSlider: Story;
|
|
9
|
+
export declare const WithMarks: Story;
|
|
10
|
+
export declare const WithDots: Story;
|
|
11
|
+
export declare const Vertical: Story;
|
|
12
|
+
export declare const DisabledSlider: Story;
|
|
13
|
+
export declare const CustomTooltip: Story;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Slider input for selecting a value or range from a continuous scale.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Slider defaultValue={30} />
|
|
7
|
+
* <Slider range defaultValue={[20, 50]} />
|
|
8
|
+
* <Slider marks={{ 0: "0%", 50: "50%", 100: "100%" }} />
|
|
9
|
+
* ```
|
|
10
|
+
*/
|
|
1
11
|
declare const Slider: import('react').ForwardRefExoticComponent<import('./types').SliderProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
12
|
export { Slider };
|
|
3
13
|
export type { SliderProps, SliderMarks, SliderTooltipConfig, } from './types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Space } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Space>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Space>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicSpace: Story;
|
|
8
|
+
export declare const Vertical: Story;
|
|
9
|
+
export declare const Sizes: Story;
|
|
10
|
+
export declare const WrapMode: Story;
|
|
11
|
+
export declare const WithSplit: Story;
|
|
12
|
+
export declare const Alignment: Story;
|
|
13
|
+
export declare const Compact: Story;
|
|
@@ -3,6 +3,24 @@ import { SpaceCompact } from './Compact';
|
|
|
3
3
|
type SpaceComponent = typeof InternalSpace & {
|
|
4
4
|
Compact: typeof SpaceCompact;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Inline flex layout helper for spacing child elements.
|
|
8
|
+
*
|
|
9
|
+
* Use `Space.Compact` to group adjacent controls with collapsed borders.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <Space size="middle">
|
|
14
|
+
* <Button>One</Button>
|
|
15
|
+
* <Button>Two</Button>
|
|
16
|
+
* </Space>
|
|
17
|
+
*
|
|
18
|
+
* <Space direction="vertical" size="large">
|
|
19
|
+
* <Card />
|
|
20
|
+
* <Card />
|
|
21
|
+
* </Space>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
6
24
|
declare const Space: SpaceComponent;
|
|
7
25
|
export { Space };
|
|
8
26
|
export type { SpaceProps, SpaceCompactProps, SpaceSize, SpaceDirection, SpaceAlign } from './types';
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Spin } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Spin>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Spin>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicSpin: Story;
|
|
8
|
+
export declare const Sizes: Story;
|
|
9
|
+
export declare const WithTip: Story;
|
|
10
|
+
export declare const WrappingContent: Story;
|
|
11
|
+
export declare const DelayedSpin: Story;
|
|
12
|
+
export declare const CustomIndicator: Story;
|
|
13
|
+
export declare const WithPercent: Story;
|
|
@@ -1,3 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Loading spinner for indicating async operations.
|
|
3
|
+
*
|
|
4
|
+
* Can be used standalone, wrapping content, or fullscreen.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Spin />
|
|
9
|
+
* <Spin tip="Loading..." size="large">
|
|
10
|
+
* <Card>Content</Card>
|
|
11
|
+
* </Spin>
|
|
12
|
+
* <Spin fullscreen />
|
|
13
|
+
* ```
|
|
14
|
+
*/
|
|
1
15
|
declare const Spin: import('react').ForwardRefExoticComponent<import('./types').SpinProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
16
|
export { Spin };
|
|
3
17
|
export type { SpinProps, SpinSize } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Splitter } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Splitter>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Splitter>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const HorizontalSplitter: Story;
|
|
8
|
+
export declare const VerticalSplitter: Story;
|
|
9
|
+
export declare const ThreePanels: Story;
|
|
10
|
+
export declare const WithMinMax: Story;
|
|
11
|
+
export declare const Collapsible: Story;
|
|
12
|
+
export declare const NestedSplitter: Story;
|
|
@@ -3,6 +3,24 @@ import { Panel } from './Panel';
|
|
|
3
3
|
type SplitterComponent = typeof InternalSplitter & {
|
|
4
4
|
Panel: typeof Panel;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Resizable split-pane layout container.
|
|
8
|
+
*
|
|
9
|
+
* Use `Splitter.Panel` as children to define resizable sections.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <Splitter>
|
|
14
|
+
* <Splitter.Panel defaultSize={50} min={20}>Left</Splitter.Panel>
|
|
15
|
+
* <Splitter.Panel defaultSize={50}>Right</Splitter.Panel>
|
|
16
|
+
* </Splitter>
|
|
17
|
+
*
|
|
18
|
+
* <Splitter layout="vertical" style={{ height: 400 }}>
|
|
19
|
+
* <Splitter.Panel>Top</Splitter.Panel>
|
|
20
|
+
* <Splitter.Panel>Bottom</Splitter.Panel>
|
|
21
|
+
* </Splitter>
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
6
24
|
declare const Splitter: SplitterComponent;
|
|
7
25
|
export { Splitter };
|
|
8
26
|
export type { SplitterProps, SplitterPanelProps, SplitterLayout, } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Statistic } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Statistic>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Statistic>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const WithPrefixSuffix: Story;
|
|
8
|
+
export declare const Precision: Story;
|
|
9
|
+
export declare const Loading: Story;
|
|
10
|
+
export declare const CountdownStory: Story;
|