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
|
@@ -2,6 +2,23 @@ import { InternalStatistic, Countdown } from './Statistic';
|
|
|
2
2
|
type StatisticComponent = typeof InternalStatistic & {
|
|
3
3
|
Countdown: typeof Countdown;
|
|
4
4
|
};
|
|
5
|
+
/**
|
|
6
|
+
* Statistic component for displaying formatted numeric values with
|
|
7
|
+
* optional title, prefix, suffix, and loading skeleton.
|
|
8
|
+
*
|
|
9
|
+
* Includes a `Statistic.Countdown` sub-component for countdown timers.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <Statistic title="Active Users" value={112893} />
|
|
14
|
+
*
|
|
15
|
+
* <Statistic.Countdown
|
|
16
|
+
* title="Deadline"
|
|
17
|
+
* value={Date.now() + 1000 * 60 * 60 * 24}
|
|
18
|
+
* onFinish={() => console.log("finished")}
|
|
19
|
+
* />
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
5
22
|
declare const Statistic: StatisticComponent;
|
|
6
23
|
export { Statistic };
|
|
7
24
|
export type { StatisticProps, CountdownProps } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Steps } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Steps>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Steps>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Vertical: Story;
|
|
8
|
+
export declare const SmallSize: Story;
|
|
9
|
+
export declare const DotType: Story;
|
|
10
|
+
export declare const ErrorStatus: Story;
|
|
11
|
+
export declare const WithCustomIcons: Story;
|
|
@@ -1,2 +1,17 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Steps component for guided navigation and progress display.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Steps
|
|
7
|
+
* current={1}
|
|
8
|
+
* items={[
|
|
9
|
+
* { title: "First" },
|
|
10
|
+
* { title: "Second" },
|
|
11
|
+
* { title: "Third" },
|
|
12
|
+
* ]}
|
|
13
|
+
* />
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
1
16
|
export { Steps } from './Steps';
|
|
2
17
|
export type { StepsProps, StepItem, StepsDirection, StepsType, StepsSize, StepStatus } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Switch } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Switch>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Switch>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const WithLabels: Story;
|
|
8
|
+
export declare const SmallSize: Story;
|
|
9
|
+
export declare const Loading: Story;
|
|
10
|
+
export declare const Disabled: Story;
|
|
@@ -1,3 +1,15 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Switch toggle component for binary on/off states.
|
|
3
|
+
*
|
|
4
|
+
* Supports loading state, inner labels, two sizes, and
|
|
5
|
+
* controlled / uncontrolled modes.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <Switch defaultChecked onChange={(v) => console.log(v)} />
|
|
10
|
+
* <Switch checkedChildren="ON" unCheckedChildren="OFF" />
|
|
11
|
+
* ```
|
|
12
|
+
*/
|
|
1
13
|
declare const Switch: import('react').ForwardRefExoticComponent<import('./types').SwitchProps & import('react').RefAttributes<HTMLElement>>;
|
|
2
14
|
export { Switch };
|
|
3
15
|
export type { SwitchProps } from './types';
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Table } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Table>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Table>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Sorting: Story;
|
|
8
|
+
export declare const Pagination: Story;
|
|
9
|
+
export declare const RowSelection: Story;
|
|
10
|
+
export declare const Bordered: Story;
|
|
11
|
+
export declare const Expandable: Story;
|
|
12
|
+
export declare const LoadingState: Story;
|
|
@@ -1,4 +1,16 @@
|
|
|
1
1
|
import { InternalTable } from './Table';
|
|
2
|
+
/**
|
|
3
|
+
* Table component for displaying structured data with sorting,
|
|
4
|
+
* pagination, row selection, and expandable rows.
|
|
5
|
+
*
|
|
6
|
+
* @example
|
|
7
|
+
* ```tsx
|
|
8
|
+
* <Table
|
|
9
|
+
* columns={[{ title: "Name", dataIndex: "name" }]}
|
|
10
|
+
* dataSource={[{ key: "1", name: "John" }]}
|
|
11
|
+
* />
|
|
12
|
+
* ```
|
|
13
|
+
*/
|
|
2
14
|
declare const Table: typeof InternalTable;
|
|
3
15
|
export { Table };
|
|
4
16
|
export type { TableProps, ColumnType, SortOrder, SorterResult, PaginationConfig, RowSelection, RowSelectionType, ExpandableConfig, ScrollConfig, TableSize, FilterItem, FixedType, AlignType, } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Tabs } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Tabs>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tabs>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const CardType: Story;
|
|
8
|
+
export declare const EditableCard: Story;
|
|
9
|
+
export declare const Centered: Story;
|
|
10
|
+
export declare const WithIcons: Story;
|
|
11
|
+
export declare const Sizes: Story;
|
|
@@ -1,2 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tabs component for tabbed content navigation.
|
|
3
|
+
*
|
|
4
|
+
* Supports line, card, and editable-card types with multiple
|
|
5
|
+
* positions (top, bottom, left, right).
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* ```tsx
|
|
9
|
+
* <Tabs
|
|
10
|
+
* items={[
|
|
11
|
+
* { key: "1", label: "Tab 1", children: "Content 1" },
|
|
12
|
+
* { key: "2", label: "Tab 2", children: "Content 2" },
|
|
13
|
+
* ]}
|
|
14
|
+
* />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
1
17
|
export { Tabs } from './Tabs';
|
|
2
18
|
export type { TabsProps, TabItem, TabsType, TabsSize, TabsPosition } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Tag } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Tag>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tag>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const PresetColors: Story;
|
|
8
|
+
export declare const Closable: Story;
|
|
9
|
+
export declare const WithIcon: Story;
|
|
10
|
+
export declare const Borderless: Story;
|
|
11
|
+
export declare const CheckableTagStory: Story;
|
|
@@ -2,6 +2,20 @@ import { InternalTag, CheckableTag } from './Tag';
|
|
|
2
2
|
type TagComponent = typeof InternalTag & {
|
|
3
3
|
CheckableTag: typeof CheckableTag;
|
|
4
4
|
};
|
|
5
|
+
/**
|
|
6
|
+
* Tag component for displaying small coloured labels / badges.
|
|
7
|
+
*
|
|
8
|
+
* Includes a `Tag.CheckableTag` sub-component for toggleable tags.
|
|
9
|
+
*
|
|
10
|
+
* @example
|
|
11
|
+
* ```tsx
|
|
12
|
+
* <Tag color="green">Success</Tag>
|
|
13
|
+
* <Tag closable>Removable</Tag>
|
|
14
|
+
* <Tag.CheckableTag checked={true} onChange={(v) => console.log(v)}>
|
|
15
|
+
* Option
|
|
16
|
+
* </Tag.CheckableTag>
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
5
19
|
declare const Tag: TagComponent;
|
|
6
20
|
export { Tag };
|
|
7
21
|
export type { TagProps, CheckableTagProps } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TimePicker } from './index';
|
|
3
|
+
declare const meta: Meta<typeof TimePicker>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof TimePicker>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const TwelveHourMode: Story;
|
|
8
|
+
export declare const Sizes: Story;
|
|
9
|
+
export declare const StatusVariants: Story;
|
|
10
|
+
export declare const RangePickerStory: Story;
|
|
@@ -3,6 +3,19 @@ import { TimeRangePicker } from './TimeRangePicker';
|
|
|
3
3
|
type TimePickerComponent = typeof InternalTimePicker & {
|
|
4
4
|
RangePicker: typeof TimeRangePicker;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* TimePicker component for selecting a time value via scrollable
|
|
8
|
+
* hour / minute / second columns.
|
|
9
|
+
*
|
|
10
|
+
* Includes a `TimePicker.RangePicker` sub-component for selecting
|
|
11
|
+
* a start and end time range.
|
|
12
|
+
*
|
|
13
|
+
* @example
|
|
14
|
+
* ```tsx
|
|
15
|
+
* <TimePicker placeholder="Select time" />
|
|
16
|
+
* <TimePicker.RangePicker placeholder={["Start", "End"]} />
|
|
17
|
+
* ```
|
|
18
|
+
*/
|
|
6
19
|
declare const TimePicker: TimePickerComponent;
|
|
7
20
|
export { TimePicker };
|
|
8
21
|
export type { TimePickerProps, TimeRangePickerProps, TimePickerSize, TimePickerStatus, TimePickerVariant, } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Timeline } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Timeline>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Timeline>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Alternate: Story;
|
|
8
|
+
export declare const Colors: Story;
|
|
9
|
+
export declare const Pending: Story;
|
|
10
|
+
export declare const WithLabels: Story;
|
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Timeline component for displaying a vertical list of
|
|
3
|
+
* chronological events.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* ```tsx
|
|
7
|
+
* <Timeline
|
|
8
|
+
* items={[
|
|
9
|
+
* { children: "Step 1" },
|
|
10
|
+
* { children: "Step 2", color: "green" },
|
|
11
|
+
* { children: "Step 3" },
|
|
12
|
+
* ]}
|
|
13
|
+
* />
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
1
16
|
declare const Timeline: import('react').FC<import('./types').TimelineProps>;
|
|
2
17
|
export { Timeline };
|
|
3
18
|
export type { TimelineProps, TimelineItem, TimelineMode, TimelineItemPosition } from './types';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Tooltip } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Tooltip>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tooltip>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Placements: Story;
|
|
8
|
+
export declare const CustomColor: Story;
|
|
@@ -1,3 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tooltip component for showing contextual hints on hover.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Tooltip title="Helpful tip">
|
|
7
|
+
* <button>Hover me</button>
|
|
8
|
+
* </Tooltip>
|
|
9
|
+
* ```
|
|
10
|
+
*/
|
|
1
11
|
declare const Tooltip: import('react').FC<import('./types').TooltipProps>;
|
|
2
12
|
export { Tooltip };
|
|
3
13
|
export type { TooltipProps, TooltipPlacement, TooltipTrigger } from './types';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Tour } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Tour>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tour>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const PrimaryType: Story;
|
|
8
|
+
export declare const CenteredNoTarget: Story;
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Tour component for guided product walkthroughs with
|
|
3
|
+
* a spotlight mask and step-by-step popover navigation.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* ```tsx
|
|
7
|
+
* <Tour
|
|
8
|
+
* open={open}
|
|
9
|
+
* onClose={() => setOpen(false)}
|
|
10
|
+
* steps={[
|
|
11
|
+
* { target: ref1, title: "Step 1", description: "Hello!" },
|
|
12
|
+
* { target: ref2, title: "Step 2", description: "Check this." },
|
|
13
|
+
* ]}
|
|
14
|
+
* />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
1
17
|
declare const Tour: import('react').FC<import('./types').TourProps>;
|
|
2
18
|
export { Tour };
|
|
3
19
|
export type { TourProps, TourStepConfig, TourPlacement, TourType } from './types';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Transfer } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Transfer>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Transfer>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const WithSearch: Story;
|
|
8
|
+
export declare const OneWay: Story;
|
|
9
|
+
export declare const PaginationStory: Story;
|
|
@@ -1,3 +1,18 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Transfer component for moving items between two panels.
|
|
3
|
+
*
|
|
4
|
+
* @example
|
|
5
|
+
* ```tsx
|
|
6
|
+
* <Transfer
|
|
7
|
+
* dataSource={[
|
|
8
|
+
* { key: "1", title: "Item 1" },
|
|
9
|
+
* { key: "2", title: "Item 2" },
|
|
10
|
+
* ]}
|
|
11
|
+
* targetKeys={["2"]}
|
|
12
|
+
* onChange={(keys) => console.log(keys)}
|
|
13
|
+
* />
|
|
14
|
+
* ```
|
|
15
|
+
*/
|
|
1
16
|
declare const Transfer: import('react').FC<import('./types').TransferProps>;
|
|
2
17
|
export { Transfer };
|
|
3
18
|
export type { TransferProps, TransferItem } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Tree } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Tree>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Tree>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const Checkable: Story;
|
|
8
|
+
export declare const ShowLine: Story;
|
|
9
|
+
export declare const DefaultExpandAll: Story;
|
|
10
|
+
export declare const DirectoryTreeStory: Story;
|
|
@@ -2,6 +2,24 @@ import { InternalTree, DirectoryTree } from './Tree';
|
|
|
2
2
|
type TreeComponent = typeof InternalTree & {
|
|
3
3
|
DirectoryTree: typeof DirectoryTree;
|
|
4
4
|
};
|
|
5
|
+
/**
|
|
6
|
+
* Tree component for hierarchical data display with expand/collapse,
|
|
7
|
+
* selection, and checkbox support.
|
|
8
|
+
*
|
|
9
|
+
* Includes `Tree.DirectoryTree` for file-system-style navigation.
|
|
10
|
+
*
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* <Tree
|
|
14
|
+
* treeData={[
|
|
15
|
+
* { key: "0", title: "Parent", children: [
|
|
16
|
+
* { key: "0-0", title: "Child" },
|
|
17
|
+
* ]},
|
|
18
|
+
* ]}
|
|
19
|
+
* checkable
|
|
20
|
+
* />
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
5
23
|
declare const Tree: TreeComponent;
|
|
6
24
|
export { Tree };
|
|
7
25
|
export type { TreeProps, DirectoryTreeProps, TreeDataNode } from './types';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TreeSelect } from './index';
|
|
3
|
+
declare const meta: Meta<typeof TreeSelect>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof TreeSelect>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const MultipleCheckable: Story;
|
|
8
|
+
export declare const WithSearch: Story;
|
|
9
|
+
export declare const TreeLine: Story;
|
|
@@ -1,3 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* TreeSelect component for selecting values from a hierarchical
|
|
3
|
+
* tree dropdown.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* ```tsx
|
|
7
|
+
* <TreeSelect
|
|
8
|
+
* treeData={[
|
|
9
|
+
* { value: "node1", title: "Node 1", children: [
|
|
10
|
+
* { value: "child1", title: "Child 1" },
|
|
11
|
+
* ]},
|
|
12
|
+
* ]}
|
|
13
|
+
* placeholder="Select"
|
|
14
|
+
* />
|
|
15
|
+
* ```
|
|
16
|
+
*/
|
|
1
17
|
declare const TreeSelect: import('react').ForwardRefExoticComponent<import('./types').TreeSelectProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
18
|
export { TreeSelect };
|
|
3
19
|
export type { TreeSelectProps, TreeSelectDataNode, TreeSelectSize, TreeSelectStatus, TreeSelectVariant, } from './types';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Typography } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Typography>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Typography>;
|
|
6
|
+
export declare const TitleLevels: Story;
|
|
7
|
+
export declare const TextVariants: Story;
|
|
8
|
+
export declare const ParagraphCopyable: Story;
|
|
9
|
+
export declare const LinkComponent: Story;
|
|
10
|
+
export declare const Decorations: Story;
|
|
11
|
+
export declare const Ellipsis: Story;
|
|
@@ -5,6 +5,20 @@ type TypographyComponent = typeof InternalTypography & {
|
|
|
5
5
|
Paragraph: typeof Paragraph;
|
|
6
6
|
Link: typeof Link;
|
|
7
7
|
};
|
|
8
|
+
/**
|
|
9
|
+
* Typography component family for rich text display.
|
|
10
|
+
*
|
|
11
|
+
* Sub-components: `Typography.Title`, `Typography.Text`,
|
|
12
|
+
* `Typography.Paragraph`, `Typography.Link`.
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* ```tsx
|
|
16
|
+
* <Typography.Title level={3}>Heading</Typography.Title>
|
|
17
|
+
* <Typography.Text type="secondary">Muted text</Typography.Text>
|
|
18
|
+
* <Typography.Paragraph copyable>Copy me</Typography.Paragraph>
|
|
19
|
+
* <Typography.Link href="/docs">Documentation</Typography.Link>
|
|
20
|
+
* ```
|
|
21
|
+
*/
|
|
8
22
|
declare const Typography: TypographyComponent;
|
|
9
23
|
export { Typography };
|
|
10
24
|
export type { TypographyType, EllipsisConfig, CopyableConfig, EditableConfig, TypographyTitleProps, TypographyTextProps, TypographyParagraphProps, TypographyLinkProps, } from './types';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Upload } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Upload>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Upload>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const PictureCard: Story;
|
|
8
|
+
export declare const DraggerStory: Story;
|
|
9
|
+
export declare const DefaultFileList: Story;
|
|
10
|
+
export declare const MaxCount: Story;
|
|
@@ -3,6 +3,23 @@ import { Dragger } from './Dragger';
|
|
|
3
3
|
type UploadComponent = typeof InternalUpload & {
|
|
4
4
|
Dragger: typeof Dragger;
|
|
5
5
|
};
|
|
6
|
+
/**
|
|
7
|
+
* Upload component for file selection and upload with progress
|
|
8
|
+
* tracking and multiple display modes.
|
|
9
|
+
*
|
|
10
|
+
* Includes `Upload.Dragger` for drag-and-drop upload zones.
|
|
11
|
+
*
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* <Upload action="/api/upload">
|
|
15
|
+
* <button>Click to Upload</button>
|
|
16
|
+
* </Upload>
|
|
17
|
+
*
|
|
18
|
+
* <Upload.Dragger action="/api/upload">
|
|
19
|
+
* <p>Drag files here or click to upload</p>
|
|
20
|
+
* </Upload.Dragger>
|
|
21
|
+
* ```
|
|
22
|
+
*/
|
|
6
23
|
declare const Upload: UploadComponent;
|
|
7
24
|
export { Upload };
|
|
8
25
|
export type { UploadProps, DraggerProps, UploadFile, UploadChangeInfo, UploadListType, } from './types';
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { Watermark } from './index';
|
|
3
|
+
declare const meta: Meta<typeof Watermark>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof Watermark>;
|
|
6
|
+
export declare const Playground: Story;
|
|
7
|
+
export declare const MultiLineText: Story;
|
|
8
|
+
export declare const CustomFont: Story;
|
|
9
|
+
export declare const ImageWatermark: Story;
|
|
@@ -1,3 +1,14 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Watermark component for overlaying repeating text or image
|
|
3
|
+
* watermarks on child content.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* ```tsx
|
|
7
|
+
* <Watermark content="Draft">
|
|
8
|
+
* <div style={{ height: 300 }}>Protected content</div>
|
|
9
|
+
* </Watermark>
|
|
10
|
+
* ```
|
|
11
|
+
*/
|
|
1
12
|
declare const Watermark: import('react').ForwardRefExoticComponent<import('./types').WatermarkProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
2
13
|
export { Watermark };
|
|
3
14
|
export type { WatermarkProps, WatermarkFont } from './types';
|