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,4 +1,24 @@
|
|
|
1
1
|
import { DatePickerProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* @file DatePicker Component
|
|
4
|
+
*
|
|
5
|
+
* A date input with a calendar dropdown for selecting a single date.
|
|
6
|
+
* Supports custom date format, disabled dates, today button, presets,
|
|
7
|
+
* clearable value, and size / status / variant styling.
|
|
8
|
+
*
|
|
9
|
+
* Key props: `value`, `onChange`, `format`, `disabledDate`, `showToday`,
|
|
10
|
+
* `presets`, `allowClear`, `size`, `status`, `variant`.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <DatePicker placeholder="Pick a date" />
|
|
15
|
+
* <DatePicker format="MM/DD/YYYY" allowClear />
|
|
16
|
+
* ```
|
|
17
|
+
*
|
|
18
|
+
* @see {@link ./types.ts} — prop definitions
|
|
19
|
+
* @see {@link ./RangePicker.tsx} — range picker sub-component
|
|
20
|
+
* @see {@link ./index.ts} — barrel export
|
|
21
|
+
*/
|
|
2
22
|
import * as React from "react";
|
|
3
23
|
declare function daysInMonth(year: number, month: number): number;
|
|
4
24
|
declare function startDayOfMonth(year: number, month: number): number;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { DatePicker } from './index';
|
|
3
|
+
declare const meta: Meta<typeof DatePicker>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof DatePicker>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Basic: Story;
|
|
8
|
+
export declare const Sizes: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const DisabledDates: Story;
|
|
11
|
+
export declare const Presets: Story;
|
|
12
|
+
export declare const RangePickerStory: Story;
|
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
import { RangePickerProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* @file RangePicker Component
|
|
4
|
+
*
|
|
5
|
+
* A date range input with two side-by-side calendar panels.
|
|
6
|
+
* Used via `DatePicker.RangePicker`. Supports hover-preview of
|
|
7
|
+
* the range, disabled dates, presets, clearable value, and all
|
|
8
|
+
* DatePicker sizing / variant / status options.
|
|
9
|
+
*
|
|
10
|
+
* @see {@link ./DatePicker.tsx} — single date picker
|
|
11
|
+
* @see {@link ./types.ts} — prop definitions
|
|
12
|
+
* @see {@link ./index.ts} — barrel export
|
|
13
|
+
*/
|
|
2
14
|
import * as React from "react";
|
|
3
15
|
declare const RangePicker: React.ForwardRefExoticComponent<RangePickerProps & React.RefAttributes<HTMLDivElement>>;
|
|
4
16
|
export { RangePicker };
|
|
@@ -3,6 +3,27 @@ import { RangePicker } from './RangePicker';
|
|
|
3
3
|
type DatePickerComponent = typeof InternalDatePicker & {
|
|
4
4
|
RangePicker: typeof RangePicker;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* DatePicker component for selecting a single date.
|
|
8
|
+
*
|
|
9
|
+
* Opens a calendar dropdown with month navigation, today button,
|
|
10
|
+
* and optional presets. Supports `format`, `disabledDate`,
|
|
11
|
+
* `allowClear`, `size`, `status`, and `variant`.
|
|
12
|
+
*
|
|
13
|
+
* Use `DatePicker.RangePicker` to select a start and end date
|
|
14
|
+
* with two side-by-side calendar panels.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <DatePicker placeholder="Select date" />
|
|
19
|
+
* <DatePicker format="MM/DD/YYYY" allowClear />
|
|
20
|
+
*
|
|
21
|
+
* <DatePicker.RangePicker
|
|
22
|
+
* placeholder={["Start", "End"]}
|
|
23
|
+
* onChange={(dates) => console.log(dates)}
|
|
24
|
+
* />
|
|
25
|
+
* ```
|
|
26
|
+
*/
|
|
6
27
|
declare const DatePicker: DatePickerComponent;
|
|
7
28
|
export { DatePicker };
|
|
8
29
|
export type { DatePickerProps, RangePickerProps, DatePickerSize, DatePickerStatus, DatePickerVariant, PickerMode, DatePickerPlacement, PresetDate, } from './types';
|
|
@@ -1,4 +1,29 @@
|
|
|
1
1
|
import { DescriptionsProps } from './types';
|
|
2
|
+
/**
|
|
3
|
+
* @file Descriptions Component
|
|
4
|
+
*
|
|
5
|
+
* A key-value display component that renders labelled description
|
|
6
|
+
* items in rows and columns. Supports horizontal / vertical layout,
|
|
7
|
+
* bordered table style, size presets, column spans, colon toggle,
|
|
8
|
+
* and a title / extra header row.
|
|
9
|
+
*
|
|
10
|
+
* Key props: `items`, `bordered`, `column`, `layout`, `size`,
|
|
11
|
+
* `title`, `extra`, `colon`.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Descriptions
|
|
16
|
+
* title="User Info"
|
|
17
|
+
* items={[
|
|
18
|
+
* { label: "Name", children: "Jane Doe" },
|
|
19
|
+
* { label: "Email", children: "jane@example.com" },
|
|
20
|
+
* ]}
|
|
21
|
+
* />
|
|
22
|
+
* ```
|
|
23
|
+
*
|
|
24
|
+
* @see {@link ./types.ts} — prop definitions
|
|
25
|
+
* @see {@link ./index.ts} — barrel export
|
|
26
|
+
*/
|
|
2
27
|
import * as React from "react";
|
|
3
28
|
declare const InternalDescriptions: React.FC<DescriptionsProps>;
|
|
4
29
|
export { InternalDescriptions };
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Descriptions } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Descriptions>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Descriptions>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Basic: Story;
|
|
8
|
+
export declare const Bordered: Story;
|
|
9
|
+
export declare const Vertical: Story;
|
|
10
|
+
export declare const Sizes: Story;
|
|
11
|
+
export declare const WithTitle: Story;
|
|
12
|
+
export declare const ColumnSpan: Story;
|
|
@@ -1,3 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @file Descriptions — Public Barrel Export
|
|
3
|
+
*
|
|
4
|
+
* Re-exports the `<Descriptions>` key-value display component.
|
|
5
|
+
*/
|
|
6
|
+
/**
|
|
7
|
+
* Descriptions component for key-value pair display.
|
|
8
|
+
*
|
|
9
|
+
* Renders labelled items in a columnar layout. Supports `bordered`
|
|
10
|
+
* table style, `layout` (horizontal / vertical), `column` count,
|
|
11
|
+
* `size`, `title`, `extra`, and `colon` toggle.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <Descriptions
|
|
16
|
+
* title="User Info"
|
|
17
|
+
* bordered
|
|
18
|
+
* items={[
|
|
19
|
+
* { label: "Name", children: "Jane Doe" },
|
|
20
|
+
* { label: "Phone", children: "555-1234" },
|
|
21
|
+
* { label: "City", children: "San Francisco" },
|
|
22
|
+
* ]}
|
|
23
|
+
* />
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
1
26
|
declare const Descriptions: import('react').FC<import('./types').DescriptionsProps>;
|
|
2
27
|
export { Descriptions };
|
|
3
28
|
export type { DescriptionsProps, DescriptionsItem, DescriptionsLayout, DescriptionsSize, ResponsiveColumn, } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Divider } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Divider>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Divider>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Horizontal: Story;
|
|
8
|
+
export declare const WithText: Story;
|
|
9
|
+
export declare const Orientation: Story;
|
|
10
|
+
export declare const Dashed: Story;
|
|
11
|
+
export declare const Vertical: Story;
|
|
12
|
+
export declare const Plain: Story;
|
|
@@ -1,2 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Divider component for visual separation of content.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Divider />
|
|
7
|
+
* <Divider type="vertical" />
|
|
8
|
+
* <Divider dashed orientation="left">Title</Divider>
|
|
9
|
+
* ```
|
|
10
|
+
*/
|
|
1
11
|
export { Divider } from './Divider';
|
|
2
12
|
export type { DividerProps, DividerType, DividerOrientation } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Drawer } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Drawer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Drawer>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Placements: Story;
|
|
8
|
+
export declare const Sizes: Story;
|
|
9
|
+
export declare const WithFooter: Story;
|
|
10
|
+
export declare const Loading: Story;
|
|
@@ -1,3 +1,16 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Drawer component — a panel that slides from any edge of the screen.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Drawer open={open} onClose={() => setOpen(false)} title="Settings">
|
|
7
|
+
* <p>Content</p>
|
|
8
|
+
* </Drawer>
|
|
9
|
+
* <Drawer placement="left" open={open} onClose={() => setOpen(false)}>
|
|
10
|
+
* <p>Left drawer</p>
|
|
11
|
+
* </Drawer>
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
1
14
|
declare const Drawer: import('react').ForwardRefExoticComponent<import('./types').DrawerProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
15
|
export { Drawer };
|
|
3
16
|
export type { DrawerProps, DrawerPlacement, DrawerSize } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Dropdown } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Dropdown>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Dropdown>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicMenu: Story;
|
|
8
|
+
export declare const WithIcons: Story;
|
|
9
|
+
export declare const Placements: Story;
|
|
10
|
+
export declare const ClickTrigger: Story;
|
|
11
|
+
export declare const DisabledItems: Story;
|
|
12
|
+
export declare const DropdownButtonStory: Story;
|
|
@@ -3,6 +3,20 @@ import { DropdownButton } from './DropdownButton';
|
|
|
3
3
|
type DropdownComponent = typeof InternalDropdown & {
|
|
4
4
|
Button: typeof DropdownButton;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Dropdown component with contextual overlay menu.
|
|
8
|
+
*
|
|
9
|
+
* Sub-components: `Dropdown.Button`.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <Dropdown menu={{ items: [{ key: '1', label: 'Edit' }] }}>
|
|
14
|
+
* <a>Hover me</a>
|
|
15
|
+
* </Dropdown>
|
|
16
|
+
*
|
|
17
|
+
* <Dropdown.Button menu={{ items }}>Actions</Dropdown.Button>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
6
20
|
declare const Dropdown: DropdownComponent;
|
|
7
21
|
export { Dropdown };
|
|
8
22
|
export type { DropdownProps, DropdownButtonProps, DropdownMenuType, DropdownMenuItemType, DropdownTrigger, DropdownPlacement, DropdownButtonType, DropdownButtonSize, } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Empty } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Empty>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Empty>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const DefaultImage: Story;
|
|
8
|
+
export declare const SimpleImage: Story;
|
|
9
|
+
export declare const CustomDescription: Story;
|
|
10
|
+
export declare const WithAction: Story;
|
|
11
|
+
export declare const CustomImage: Story;
|
|
@@ -3,6 +3,20 @@ type EmptyComponent = typeof InternalEmpty & {
|
|
|
3
3
|
PRESENTED_IMAGE_DEFAULT: typeof PRESENTED_IMAGE_DEFAULT;
|
|
4
4
|
PRESENTED_IMAGE_SIMPLE: typeof PRESENTED_IMAGE_SIMPLE;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Empty state component for displaying placeholder content when no data exists.
|
|
8
|
+
*
|
|
9
|
+
* Static properties: `Empty.PRESENTED_IMAGE_DEFAULT`, `Empty.PRESENTED_IMAGE_SIMPLE`.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <Empty />
|
|
14
|
+
* <Empty description="No items found" />
|
|
15
|
+
* <Empty image={Empty.PRESENTED_IMAGE_SIMPLE}>
|
|
16
|
+
* <button>Create</button>
|
|
17
|
+
* </Empty>
|
|
18
|
+
* ```
|
|
19
|
+
*/
|
|
6
20
|
declare const Empty: EmptyComponent;
|
|
7
21
|
export { Empty };
|
|
8
22
|
export type { EmptyProps } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Flex } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Flex>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Flex>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const HorizontalRow: Story;
|
|
8
|
+
export declare const VerticalColumn: Story;
|
|
9
|
+
export declare const GapSizes: Story;
|
|
10
|
+
export declare const JustifyContent: Story;
|
|
11
|
+
export declare const AlignItems: Story;
|
|
12
|
+
export declare const Wrap: Story;
|
|
@@ -1,2 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Flex layout component for CSS flexbox layouts.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Flex gap="middle" align="center">
|
|
7
|
+
* <div>A</div>
|
|
8
|
+
* <div>B</div>
|
|
9
|
+
* </Flex>
|
|
10
|
+
* <Flex vertical gap={24} justify="center">
|
|
11
|
+
* <div>Top</div>
|
|
12
|
+
* <div>Bottom</div>
|
|
13
|
+
* </Flex>
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
1
16
|
export { Flex } from './Flex';
|
|
2
17
|
export type { FlexProps, FlexGap } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { FloatButton } from './index';
|
|
3
|
+
declare const meta: Meta<typeof FloatButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof FloatButton>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicButton: Story;
|
|
8
|
+
export declare const Shapes: Story;
|
|
9
|
+
export declare const WithBadge: Story;
|
|
10
|
+
export declare const WithTooltip: Story;
|
|
11
|
+
export declare const Description: Story;
|
|
12
|
+
export declare const GroupTrigger: Story;
|
|
@@ -5,6 +5,21 @@ type FloatButtonComponent = typeof InternalFloatButton & {
|
|
|
5
5
|
Group: typeof FloatButtonGroup;
|
|
6
6
|
BackTop: typeof BackTop;
|
|
7
7
|
};
|
|
8
|
+
/**
|
|
9
|
+
* FloatButton component for floating action buttons.
|
|
10
|
+
*
|
|
11
|
+
* Sub-components: `FloatButton.Group`, `FloatButton.BackTop`.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <FloatButton icon={<PlusIcon />} />
|
|
16
|
+
* <FloatButton.Group trigger="click">
|
|
17
|
+
* <FloatButton icon={<EditIcon />} />
|
|
18
|
+
* <FloatButton icon={<ShareIcon />} />
|
|
19
|
+
* </FloatButton.Group>
|
|
20
|
+
* <FloatButton.BackTop />
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
8
23
|
declare const FloatButton: FloatButtonComponent;
|
|
9
24
|
export { FloatButton };
|
|
10
25
|
export type { FloatButtonProps, FloatButtonGroupProps, BackTopProps, FloatButtonShape, FloatButtonType, FloatButtonGroupTrigger, FloatButtonBadge, } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Form } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Form>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Form>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicForm: Story;
|
|
8
|
+
export declare const LayoutVariants: Story;
|
|
9
|
+
export declare const FormSizes: Story;
|
|
10
|
+
export declare const DisabledForm: Story;
|
|
@@ -11,6 +11,23 @@ type FormComponent = typeof InternalForm & {
|
|
|
11
11
|
useForm: typeof useForm;
|
|
12
12
|
useWatch: typeof useWatch;
|
|
13
13
|
};
|
|
14
|
+
/**
|
|
15
|
+
* Form component for data entry and validation.
|
|
16
|
+
*
|
|
17
|
+
* Sub-components: `Form.Item`, `Form.List`, `Form.ErrorList`.
|
|
18
|
+
* Hooks: `Form.useForm`, `Form.useWatch`.
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* ```tsx
|
|
22
|
+
* const form = Form.useForm();
|
|
23
|
+
* <Form form={form} onFinish={console.log}>
|
|
24
|
+
* <Form.Item name="email" label="Email" rules={[{ required: true, type: 'email' }]}>
|
|
25
|
+
* <Input />
|
|
26
|
+
* </Form.Item>
|
|
27
|
+
* <button type="submit">Submit</button>
|
|
28
|
+
* </Form>
|
|
29
|
+
* ```
|
|
30
|
+
*/
|
|
14
31
|
declare const Form: FormComponent;
|
|
15
32
|
export { Form };
|
|
16
33
|
export type { FormProps, FormItemProps, FormListProps, FormErrorListProps, FormLayout, FormSize, FormVariant, FormRequiredMark, Rule, UseFormOptions, FormContextValue, FormListField, FormListOperation, } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Row } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Row>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Row>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const BasicGrid: Story;
|
|
8
|
+
export declare const GutterSpacing: Story;
|
|
9
|
+
export declare const Offset: Story;
|
|
10
|
+
export declare const FlexAlignment: Story;
|
|
11
|
+
export declare const ResponsiveColumns: Story;
|
|
@@ -1,3 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Row component — 24-column grid row container.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Row gutter={16}>
|
|
7
|
+
* <Col span={12}>Left</Col>
|
|
8
|
+
* <Col span={12}>Right</Col>
|
|
9
|
+
* </Row>
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
1
12
|
export { Row } from './Row';
|
|
13
|
+
/**
|
|
14
|
+
* Col component — grid column occupying a fraction of 24 columns.
|
|
15
|
+
*
|
|
16
|
+
* @example
|
|
17
|
+
* ```tsx
|
|
18
|
+
* <Col span={8}>8/24</Col>
|
|
19
|
+
* <Col xs={24} md={12}>Responsive</Col>
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
2
22
|
export { Col } from './Col';
|
|
3
23
|
export type { RowProps, ColProps, ColSpanType, Breakpoint, Gutter } from './types';
|
|
@@ -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;
|