@webx-ui/core 0.5.0 → 0.7.0
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/dist/components/Alert/Alert.d.ts +41 -0
- package/dist/components/Alert/index.d.ts +2 -0
- package/dist/components/Alert/types.d.ts +29 -0
- package/dist/components/Aside/Aside.d.ts +25 -0
- package/dist/components/Aside/index.d.ts +2 -0
- package/dist/components/Aside/types.d.ts +14 -0
- package/dist/components/Badge/Badge.d.ts +1 -1
- package/dist/components/Breadcrumb/Breadcrumb.d.ts +23 -0
- package/dist/components/Breadcrumb/index.d.ts +2 -0
- package/dist/components/Breadcrumb/types.d.ts +13 -0
- package/dist/components/BreadcrumbItem/BreadcrumbItem.d.ts +28 -0
- package/dist/components/BreadcrumbItem/index.d.ts +2 -0
- package/dist/components/BreadcrumbItem/types.d.ts +19 -0
- package/dist/components/Cascader/Cascader.d.ts +1 -1
- package/dist/components/Col/Col.d.ts +27 -0
- package/dist/components/Col/index.d.ts +2 -0
- package/dist/components/Col/types.d.ts +24 -0
- package/dist/components/Container/Container.d.ts +22 -0
- package/dist/components/Container/index.d.ts +2 -0
- package/dist/components/Container/types.d.ts +13 -0
- package/dist/components/Dialog/Dialog.d.ts +105 -0
- package/dist/components/Dialog/index.d.ts +2 -0
- package/dist/components/Dialog/types.d.ts +60 -0
- package/dist/components/Divider/Divider.d.ts +24 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Divider/types.d.ts +16 -0
- package/dist/components/Drawer/Drawer.d.ts +98 -0
- package/dist/components/Drawer/index.d.ts +2 -0
- package/dist/components/Drawer/types.d.ts +46 -0
- package/dist/components/Footer/Footer.d.ts +23 -0
- package/dist/components/Footer/index.d.ts +2 -0
- package/dist/components/Footer/types.d.ts +8 -0
- package/dist/components/Header/Header.d.ts +24 -0
- package/dist/components/Header/index.d.ts +2 -0
- package/dist/components/Header/types.d.ts +10 -0
- package/dist/components/Icon/icons.d.ts +1 -0
- package/dist/components/InputNumber/InputNumber.d.ts +1 -1
- package/dist/components/Kanban/Kanban.d.ts +2 -2
- package/dist/components/Main/Main.d.ts +22 -0
- package/dist/components/Main/index.d.ts +2 -0
- package/dist/components/Main/types.d.ts +8 -0
- package/dist/components/Menu/Menu.d.ts +39 -0
- package/dist/components/Menu/index.d.ts +2 -0
- package/dist/components/Menu/types.d.ts +26 -0
- package/dist/components/MenuGroup/MenuGroup.d.ts +21 -0
- package/dist/components/MenuGroup/index.d.ts +2 -0
- package/dist/components/MenuGroup/types.d.ts +4 -0
- package/dist/components/MenuItem/MenuItem.d.ts +32 -0
- package/dist/components/MenuItem/index.d.ts +2 -0
- package/dist/components/MenuItem/types.d.ts +23 -0
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Row/Row.d.ts +25 -0
- package/dist/components/Row/index.d.ts +2 -0
- package/dist/components/Row/types.d.ts +17 -0
- package/dist/components/Scrollbar/Scrollbar.d.ts +39 -0
- package/dist/components/Scrollbar/index.d.ts +2 -0
- package/dist/components/Scrollbar/types.d.ts +30 -0
- package/dist/components/Space/Space.d.ts +27 -0
- package/dist/components/Space/index.d.ts +2 -0
- package/dist/components/Space/types.d.ts +23 -0
- package/dist/components/Submenu/Submenu.d.ts +31 -0
- package/dist/components/Submenu/index.d.ts +2 -0
- package/dist/components/Submenu/types.d.ts +15 -0
- package/dist/components/Textarea/Textarea.d.ts +1 -1
- package/dist/components/index.d.ts +19 -0
- package/dist/composables/useBreadcrumb.d.ts +13 -0
- package/dist/composables/useMenu.d.ts +49 -0
- package/dist/composables/useOverlayPanel.d.ts +22 -0
- package/dist/composables/useResponsiveShell.d.ts +59 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.js +4441 -3020
- package/dist/index.js.map +1 -1
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
export type DrawerSide = 'right' | 'left' | 'top' | 'bottom';
|
|
2
|
+
/** Where the panel was left: its size along the axis it slides on, in pixels. */
|
|
3
|
+
export interface DrawerLayout {
|
|
4
|
+
size?: number;
|
|
5
|
+
}
|
|
6
|
+
export interface DrawerProps {
|
|
7
|
+
/** Heading of the panel. The `title` slot replaces it. */
|
|
8
|
+
title?: string;
|
|
9
|
+
/** Edge the panel slides in from. */
|
|
10
|
+
side?: DrawerSide;
|
|
11
|
+
/**
|
|
12
|
+
* How far the panel reaches into the screen: its width on the left and right, its
|
|
13
|
+
* height at the top and bottom. A number in pixels, or any CSS length — `380`, `'40%'`.
|
|
14
|
+
*/
|
|
15
|
+
size?: number | string;
|
|
16
|
+
/** Smallest size a resize may reach, in pixels. */
|
|
17
|
+
minSize?: number;
|
|
18
|
+
/** Width of the `sidebar` column: a number in pixels, or any CSS length. */
|
|
19
|
+
sidebarWidth?: number | string;
|
|
20
|
+
/** Adds a × to the heading. */
|
|
21
|
+
closable?: boolean;
|
|
22
|
+
/** Label of that ×, for screen readers. */
|
|
23
|
+
closeLabel?: string;
|
|
24
|
+
/** A click outside the panel closes it. */
|
|
25
|
+
closeOnOverlay?: boolean;
|
|
26
|
+
/** Escape closes it. */
|
|
27
|
+
closeOnEscape?: boolean;
|
|
28
|
+
/** Dim the page behind the panel. */
|
|
29
|
+
overlay?: boolean;
|
|
30
|
+
/** Block the page behind the panel, trap focus inside it and lock the page's scroll. */
|
|
31
|
+
modal?: boolean;
|
|
32
|
+
/** The panel can be resized by the edge it faces the page with. */
|
|
33
|
+
resizable?: boolean;
|
|
34
|
+
/** Remember the size under this key, in `localStorage`. */
|
|
35
|
+
persist?: string;
|
|
36
|
+
/** Accessible name for the panel when it has no visible heading. */
|
|
37
|
+
ariaLabel?: string;
|
|
38
|
+
/** Label of the resize handle, for screen readers. */
|
|
39
|
+
resizeLabel?: string;
|
|
40
|
+
}
|
|
41
|
+
export interface DrawerEmits {
|
|
42
|
+
open: [];
|
|
43
|
+
close: [];
|
|
44
|
+
/** The panel was resized. Carries what `persist` would store. */
|
|
45
|
+
layout: [layout: DrawerLayout];
|
|
46
|
+
}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { FooterProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
end?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: HTMLElement;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<FooterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<FooterProps> & Readonly<{}>, {
|
|
13
|
+
bordered: boolean;
|
|
14
|
+
padding: "none" | "sm" | "md" | "lg";
|
|
15
|
+
height: number | string;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
17
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
18
|
+
export default _default;
|
|
19
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
20
|
+
new (): {
|
|
21
|
+
$slots: S;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { HeaderProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
end?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: HTMLElement;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<HeaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<HeaderProps> & Readonly<{}>, {
|
|
13
|
+
bordered: boolean;
|
|
14
|
+
sticky: boolean;
|
|
15
|
+
padding: "none" | "sm" | "md" | "lg";
|
|
16
|
+
height: number | string;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
18
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
19
|
+
export default _default;
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export interface HeaderProps {
|
|
2
|
+
/** Height of the bar: pixels as a number, or any CSS length. */
|
|
3
|
+
height?: number | string;
|
|
4
|
+
/** Rule along the bottom edge, separating the bar from the page. */
|
|
5
|
+
bordered?: boolean;
|
|
6
|
+
/** Keeps the bar in place while the page scrolls under it. */
|
|
7
|
+
sticky?: boolean;
|
|
8
|
+
/** Inner padding. `none` hands the bar over to whatever is inside it. */
|
|
9
|
+
padding?: 'none' | 'sm' | 'md' | 'lg';
|
|
10
|
+
}
|
|
@@ -31,6 +31,7 @@ export declare const builtinIcons: {
|
|
|
31
31
|
readonly 'arrow-left': "<path d=\"M20 12H4m0 0 6-6m-6 6 6 6\"/>";
|
|
32
32
|
readonly 'arrow-right': "<path d=\"M4 12h16m0 0-6-6m6 6-6 6\"/>";
|
|
33
33
|
readonly menu: "<path d=\"M4 7h16M4 12h16M4 17h16\"/>";
|
|
34
|
+
readonly sidebar: "<rect x=\"3\" y=\"4.5\" width=\"18\" height=\"15\" rx=\"2.5\"/><path d=\"M9.5 4.5v15\"/>";
|
|
34
35
|
readonly 'more-horizontal': "<circle cx=\"5.5\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"18.5\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/>";
|
|
35
36
|
readonly 'more-vertical': "<circle cx=\"12\" cy=\"5.5\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"12\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"12\" cy=\"18.5\" r=\"1.6\" fill=\"currentColor\" stroke=\"none\"/>";
|
|
36
37
|
readonly drag: "<circle cx=\"9\" cy=\"6\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"6\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"9\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"12\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"9\" cy=\"18\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/><circle cx=\"15\" cy=\"18\" r=\"1.5\" fill=\"currentColor\" stroke=\"none\"/>";
|
|
@@ -32,9 +32,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
32
32
|
readonly: boolean;
|
|
33
33
|
step: number;
|
|
34
34
|
precision: number;
|
|
35
|
+
wheel: boolean;
|
|
35
36
|
controls: boolean;
|
|
36
37
|
controlsPosition: "sides" | "right";
|
|
37
|
-
wheel: boolean;
|
|
38
38
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
39
39
|
inputRef: HTMLInputElement;
|
|
40
40
|
}, any>;
|
|
@@ -2,11 +2,11 @@ import { KanbanCard, KanbanColumn, KanbanId, KanbanProps, KanbanVia } from './ty
|
|
|
2
2
|
declare const _default: <T extends KanbanCard = KanbanCard>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
|
|
3
3
|
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
4
4
|
readonly onAdd?: ((column: KanbanColumn<T>) => any) | undefined;
|
|
5
|
-
readonly "onUpdate:collapsed"?: ((value: KanbanId[]) => any) | undefined;
|
|
6
5
|
readonly onMove?: ((move: import('./types').KanbanMove<T>) => any) | undefined;
|
|
6
|
+
readonly "onUpdate:collapsed"?: ((value: KanbanId[]) => any) | undefined;
|
|
7
7
|
readonly "onColumn-move"?: ((move: import('./types').KanbanColumnMove<T>) => any) | undefined;
|
|
8
8
|
readonly "onAdd-column"?: (() => any) | undefined;
|
|
9
|
-
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onAdd" | "
|
|
9
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onAdd" | "onMove" | "onUpdate:collapsed" | "onColumn-move" | "onAdd-column"> & ({
|
|
10
10
|
collapsed?: KanbanId[];
|
|
11
11
|
} & KanbanProps<T>) & Partial<{}>> & import('vue').PublicProps;
|
|
12
12
|
expose(exposed: import('vue').ShallowUnwrapRef<{
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { MainProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: HTMLElement;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<MainProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MainProps> & Readonly<{}>, {
|
|
12
|
+
scroll: boolean;
|
|
13
|
+
padding: "none" | "sm" | "md" | "lg";
|
|
14
|
+
maxWidth: number | string;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
16
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
export interface MainProps {
|
|
2
|
+
/** Inner padding. */
|
|
3
|
+
padding?: 'none' | 'sm' | 'md' | 'lg';
|
|
4
|
+
/** Scrolls the column on its own instead of scrolling the page. */
|
|
5
|
+
scroll?: boolean;
|
|
6
|
+
/** Caps the content width and centres it — for forms and reading columns. */
|
|
7
|
+
maxWidth?: number | string;
|
|
8
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { MenuValue } from '../../composables/useMenu';
|
|
2
|
+
import { MenuProps } from './types';
|
|
3
|
+
type __VLS_Props = MenuProps;
|
|
4
|
+
type __VLS_PublicProps = {
|
|
5
|
+
modelValue?: MenuValue | undefined;
|
|
6
|
+
'open'?: MenuValue[];
|
|
7
|
+
} & __VLS_Props;
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: HTMLUListElement;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
18
|
+
"update:modelValue": (value: MenuValue | undefined) => any;
|
|
19
|
+
select: (value: MenuValue, event: MouseEvent) => any;
|
|
20
|
+
"update:open": (value: MenuValue[]) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
|
+
"onUpdate:modelValue"?: ((value: MenuValue | undefined) => any) | undefined;
|
|
23
|
+
onSelect?: ((value: MenuValue, event: MouseEvent) => any) | undefined;
|
|
24
|
+
"onUpdate:open"?: ((value: MenuValue[]) => any) | undefined;
|
|
25
|
+
}>, {
|
|
26
|
+
size: import('./types').MenuSize;
|
|
27
|
+
label: string;
|
|
28
|
+
collapsed: boolean;
|
|
29
|
+
mode: import('./types').MenuMode;
|
|
30
|
+
accordion: boolean;
|
|
31
|
+
autoExpand: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLUListElement>;
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { MenuMode, MenuSize, MenuValue } from '../../composables/useMenu';
|
|
2
|
+
export type { MenuMode, MenuSize, MenuValue };
|
|
3
|
+
export interface MenuProps {
|
|
4
|
+
/** A sidebar down the page, or a bar across the top of it. */
|
|
5
|
+
mode?: MenuMode;
|
|
6
|
+
/** Row height and text size. */
|
|
7
|
+
size?: MenuSize;
|
|
8
|
+
/**
|
|
9
|
+
* The icon rail: labels are hidden and submenus open as flyouts beside the rail.
|
|
10
|
+
* Vertical menus only — there is nothing to collapse in a bar.
|
|
11
|
+
*/
|
|
12
|
+
collapsed?: boolean;
|
|
13
|
+
/** Only one submenu stays open at a time. */
|
|
14
|
+
accordion?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Opens the branch the active entry sits in. On by default: a sidebar rendered on
|
|
17
|
+
* a nested route should show where you are without being told.
|
|
18
|
+
*/
|
|
19
|
+
autoExpand?: boolean;
|
|
20
|
+
/** Accessible name of the menu, e.g. `Main navigation`. */
|
|
21
|
+
label?: string;
|
|
22
|
+
}
|
|
23
|
+
export interface MenuEmits {
|
|
24
|
+
/** An entry was chosen. */
|
|
25
|
+
select: [value: MenuValue, event: MouseEvent];
|
|
26
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { MenuGroupProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
title?(_: {}): any;
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
};
|
|
8
|
+
refs: {};
|
|
9
|
+
rootEl: HTMLLIElement;
|
|
10
|
+
};
|
|
11
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
12
|
+
declare const __VLS_component: import('vue').DefineComponent<MenuGroupProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<MenuGroupProps> & Readonly<{}>, {
|
|
13
|
+
title: string;
|
|
14
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
|
|
15
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
16
|
+
export default _default;
|
|
17
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
18
|
+
new (): {
|
|
19
|
+
$slots: S;
|
|
20
|
+
};
|
|
21
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { MenuItemProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
icon?(_: {}): any;
|
|
6
|
+
default?(_: {}): any;
|
|
7
|
+
trailing?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: any;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<MenuItemProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
click: (event: MouseEvent) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<MenuItemProps> & Readonly<{
|
|
16
|
+
onClick?: ((event: MouseEvent) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
as: string | import('vue').Component;
|
|
20
|
+
label: string;
|
|
21
|
+
target: string;
|
|
22
|
+
value: import('..').MenuValue;
|
|
23
|
+
icon: import('..').IconName;
|
|
24
|
+
href: string;
|
|
25
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
26
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
import { IconName } from '../Icon/types';
|
|
3
|
+
import { MenuValue } from '../../composables/useMenu';
|
|
4
|
+
export interface MenuItemProps {
|
|
5
|
+
/** What identifies the entry — the value the menu reports as selected. */
|
|
6
|
+
value?: MenuValue;
|
|
7
|
+
/** Icon before the label. The only thing left of the entry on a collapsed rail. */
|
|
8
|
+
icon?: IconName;
|
|
9
|
+
/**
|
|
10
|
+
* The label, when a slot would be overkill. It is also what a collapsed rail shows
|
|
11
|
+
* as the entry's title on hover.
|
|
12
|
+
*/
|
|
13
|
+
label?: string;
|
|
14
|
+
/** Where the entry points. Without it the entry is a button. */
|
|
15
|
+
href?: string;
|
|
16
|
+
target?: string;
|
|
17
|
+
/** Renders through another component — `RouterLink`, say, with `to` in the attrs. */
|
|
18
|
+
as?: string | Component;
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
}
|
|
21
|
+
export interface MenuItemEmits {
|
|
22
|
+
click: [event: MouseEvent];
|
|
23
|
+
}
|
|
@@ -63,8 +63,8 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
|
|
|
63
63
|
ariaLabel: string;
|
|
64
64
|
closable: boolean;
|
|
65
65
|
closeLabel: string;
|
|
66
|
-
arrow: boolean;
|
|
67
66
|
width: number | string;
|
|
67
|
+
arrow: boolean;
|
|
68
68
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
69
69
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
70
70
|
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { RowProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<RowProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<RowProps> & Readonly<{}>, {
|
|
12
|
+
as: string | import('vue').Component;
|
|
13
|
+
align: import('./types').RowAlign;
|
|
14
|
+
justify: import('./types').RowJustify;
|
|
15
|
+
gutter: number | string;
|
|
16
|
+
gutterY: number | string;
|
|
17
|
+
wrap: boolean;
|
|
18
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
19
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
export type RowJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
3
|
+
export type RowAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
4
|
+
export interface RowProps {
|
|
5
|
+
/** Gap between columns: pixels as a number, or any CSS length. */
|
|
6
|
+
gutter?: number | string;
|
|
7
|
+
/** Gap between rows once the columns wrap. Defaults to `gutter`. */
|
|
8
|
+
gutterY?: number | string;
|
|
9
|
+
/** Distribution along the row. */
|
|
10
|
+
justify?: RowJustify;
|
|
11
|
+
/** Alignment across it. */
|
|
12
|
+
align?: RowAlign;
|
|
13
|
+
/** Lets columns wrap onto the next line. */
|
|
14
|
+
wrap?: boolean;
|
|
15
|
+
/** The element to render. */
|
|
16
|
+
as?: string | Component;
|
|
17
|
+
}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { ScrollbarProps, ScrollMotion, ScrollTarget } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {
|
|
8
|
+
viewport: HTMLDivElement;
|
|
9
|
+
};
|
|
10
|
+
rootEl: HTMLDivElement;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<ScrollbarProps, {
|
|
14
|
+
/** The scrolling element. */
|
|
15
|
+
el: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
|
|
16
|
+
scrollTo: (options: ScrollTarget) => void | undefined;
|
|
17
|
+
scrollToTop: (behavior?: ScrollMotion) => void | undefined;
|
|
18
|
+
scrollToBottom: (behavior?: ScrollMotion) => void | undefined;
|
|
19
|
+
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
20
|
+
scroll: (event: Event) => any;
|
|
21
|
+
}, string, import('vue').PublicProps, Readonly<ScrollbarProps> & Readonly<{
|
|
22
|
+
onScroll?: ((event: Event) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
size: import('./types').ScrollbarSize;
|
|
25
|
+
always: boolean;
|
|
26
|
+
height: number | string;
|
|
27
|
+
maxHeight: number | string;
|
|
28
|
+
axis: import('./types').ScrollbarAxis;
|
|
29
|
+
chainScroll: boolean;
|
|
30
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
31
|
+
viewport: HTMLDivElement;
|
|
32
|
+
}, HTMLDivElement>;
|
|
33
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
34
|
+
export default _default;
|
|
35
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
36
|
+
new (): {
|
|
37
|
+
$slots: S;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export type ScrollbarAxis = 'y' | 'x' | 'both';
|
|
2
|
+
export type ScrollbarSize = 'sm' | 'md';
|
|
3
|
+
export interface ScrollbarProps {
|
|
4
|
+
/** Fixed height: pixels as a number, or any CSS length. */
|
|
5
|
+
height?: number | string;
|
|
6
|
+
/** Height the box grows to before it starts scrolling. */
|
|
7
|
+
maxHeight?: number | string;
|
|
8
|
+
/** Which way the content scrolls. */
|
|
9
|
+
axis?: ScrollbarAxis;
|
|
10
|
+
/** Thickness of the bar. */
|
|
11
|
+
size?: ScrollbarSize;
|
|
12
|
+
/** Keeps the bar visible instead of fading it in on hover. */
|
|
13
|
+
always?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Lets a scroll that reaches the end carry on to the page behind it. Off by
|
|
16
|
+
* default: a panel inside a dialog should not scroll the page under it.
|
|
17
|
+
*/
|
|
18
|
+
chainScroll?: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface ScrollbarEmits {
|
|
21
|
+
scroll: [event: Event];
|
|
22
|
+
}
|
|
23
|
+
/** How a programmatic scroll moves — the native `ScrollBehavior` values. */
|
|
24
|
+
export type ScrollMotion = 'auto' | 'smooth' | 'instant';
|
|
25
|
+
/** Where to scroll to, in the shape the native `scrollTo` takes. */
|
|
26
|
+
export interface ScrollTarget {
|
|
27
|
+
top?: number;
|
|
28
|
+
left?: number;
|
|
29
|
+
behavior?: ScrollMotion;
|
|
30
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { SpaceProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
default?(_: {}): any;
|
|
6
|
+
};
|
|
7
|
+
refs: {};
|
|
8
|
+
rootEl: any;
|
|
9
|
+
};
|
|
10
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
11
|
+
declare const __VLS_component: import('vue').DefineComponent<SpaceProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SpaceProps> & Readonly<{}>, {
|
|
12
|
+
fill: boolean;
|
|
13
|
+
size: import('./types').SpaceSize | number | string;
|
|
14
|
+
as: string | import('vue').Component;
|
|
15
|
+
align: import('./types').SpaceAlign;
|
|
16
|
+
inline: boolean;
|
|
17
|
+
direction: import('./types').SpaceDirection;
|
|
18
|
+
justify: import('./types').SpaceJustify;
|
|
19
|
+
wrap: boolean;
|
|
20
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
21
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
24
|
+
new (): {
|
|
25
|
+
$slots: S;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { Component } from 'vue';
|
|
2
|
+
export type SpaceDirection = 'horizontal' | 'vertical';
|
|
3
|
+
export type SpaceSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
export type SpaceAlign = 'start' | 'center' | 'end' | 'baseline' | 'stretch';
|
|
5
|
+
export type SpaceJustify = 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
6
|
+
export interface SpaceProps {
|
|
7
|
+
/** Along the line or down the page. */
|
|
8
|
+
direction?: SpaceDirection;
|
|
9
|
+
/** Gap between children: a keyword from the spacing scale, pixels, or any CSS length. */
|
|
10
|
+
size?: SpaceSize | number | string;
|
|
11
|
+
/** Cross-axis alignment. */
|
|
12
|
+
align?: SpaceAlign;
|
|
13
|
+
/** Main-axis distribution. */
|
|
14
|
+
justify?: SpaceJustify;
|
|
15
|
+
/** Lets a horizontal row wrap onto the next line. */
|
|
16
|
+
wrap?: boolean;
|
|
17
|
+
/** Children stretch to fill the row — equal-width buttons in a toolbar. */
|
|
18
|
+
fill?: boolean;
|
|
19
|
+
/** Renders as `inline-flex`, so the group sits inside a line of text. */
|
|
20
|
+
inline?: boolean;
|
|
21
|
+
/** The element to render. */
|
|
22
|
+
as?: string | Component;
|
|
23
|
+
}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { SubmenuProps } from './types';
|
|
2
|
+
declare function __VLS_template(): {
|
|
3
|
+
attrs: Partial<{}>;
|
|
4
|
+
slots: {
|
|
5
|
+
icon?(_: {}): any;
|
|
6
|
+
icon?(_: {}): any;
|
|
7
|
+
title?(_: {}): any;
|
|
8
|
+
title?(_: {}): any;
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: HTMLLIElement;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<SubmenuProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
toggle: (open: boolean) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<SubmenuProps> & Readonly<{
|
|
19
|
+
onToggle?: ((open: boolean) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
disabled: boolean;
|
|
22
|
+
title: string;
|
|
23
|
+
icon: import('..').IconName;
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLLIElement>;
|
|
25
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
26
|
+
export default _default;
|
|
27
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
28
|
+
new (): {
|
|
29
|
+
$slots: S;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { IconName } from '../Icon/types';
|
|
2
|
+
import { MenuValue } from '../../composables/useMenu';
|
|
3
|
+
export interface SubmenuProps {
|
|
4
|
+
/** What identifies the branch — the key the menu opens and closes it by. */
|
|
5
|
+
value: MenuValue;
|
|
6
|
+
/** Icon before the title. */
|
|
7
|
+
icon?: IconName;
|
|
8
|
+
/** The title, when a slot would be overkill. */
|
|
9
|
+
title?: string;
|
|
10
|
+
disabled?: boolean;
|
|
11
|
+
}
|
|
12
|
+
export interface SubmenuEmits {
|
|
13
|
+
/** The branch was opened or closed. */
|
|
14
|
+
toggle: [open: boolean];
|
|
15
|
+
}
|
|
@@ -28,9 +28,9 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
|
|
|
28
28
|
status: import('../..').ControlStatus;
|
|
29
29
|
id: string;
|
|
30
30
|
readonly: boolean;
|
|
31
|
+
resize: "none" | "vertical" | "both";
|
|
31
32
|
maxlength: number;
|
|
32
33
|
showCount: boolean;
|
|
33
|
-
resize: "none" | "vertical" | "both";
|
|
34
34
|
rows: number;
|
|
35
35
|
autosize: boolean | import('./types').AutosizeOptions;
|
|
36
36
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|