@skewedaspect/sleekspace-ui 0.5.1 → 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/Card/SkCard.vue.d.ts +13 -1
- package/dist/components/ColorPicker/SkColorPicker.vue.d.ts +29 -0
- package/dist/components/ColorPicker/index.d.ts +2 -0
- package/dist/components/ColorPicker/types.d.ts +4 -0
- package/dist/components/ContextMenu/SkContextMenu.vue.d.ts +25 -0
- package/dist/components/ContextMenu/SkContextMenuCheckboxItem.vue.d.ts +28 -0
- package/dist/components/ContextMenu/SkContextMenuItem.vue.d.ts +26 -0
- package/dist/components/ContextMenu/SkContextMenuLabel.vue.d.ts +17 -0
- package/dist/components/ContextMenu/SkContextMenuRadioGroup.vue.d.ts +26 -0
- package/dist/components/ContextMenu/SkContextMenuRadioItem.vue.d.ts +23 -0
- package/dist/components/ContextMenu/SkContextMenuSeparator.vue.d.ts +2 -0
- package/dist/components/ContextMenu/SkContextMenuSubmenu.vue.d.ts +24 -0
- package/dist/components/ContextMenu/index.d.ts +9 -0
- package/dist/components/ContextMenu/types.d.ts +2 -0
- package/dist/components/Dropdown/SkDropdown.vue.d.ts +1 -1
- package/dist/components/Dropdown/SkDropdownCheckboxItem.vue.d.ts +28 -0
- package/dist/components/Dropdown/SkDropdownMenuLabel.vue.d.ts +17 -0
- package/dist/components/Dropdown/SkDropdownRadioGroup.vue.d.ts +26 -0
- package/dist/components/Dropdown/SkDropdownRadioItem.vue.d.ts +23 -0
- package/dist/components/Dropdown/index.d.ts +4 -0
- package/dist/components/Panel/SkPanel.vue.d.ts +15 -1
- package/dist/components/Panel/types.d.ts +1 -0
- package/dist/components/Popover/SkPopover.vue.d.ts +1 -1
- package/dist/components/ScrollArea/SkScrollArea.vue.d.ts +31 -0
- package/dist/components/ScrollArea/index.d.ts +2 -0
- package/dist/components/ScrollArea/types.d.ts +4 -0
- package/dist/components/Select/SkSelect.vue.d.ts +61 -0
- package/dist/components/Select/SkSelectItem.vue.d.ts +134 -0
- package/dist/components/Select/SkSelectSeparator.vue.d.ts +2 -0
- package/dist/components/Select/index.d.ts +4 -0
- package/dist/components/Select/types.d.ts +3 -0
- package/dist/components/Sidebar/SkSidebar.vue.d.ts +8 -1
- package/dist/components/Sidebar/types.d.ts +1 -0
- package/dist/components/Skeleton/SkSkeleton.vue.d.ts +2 -2
- package/dist/components/Splitter/SkSplitter.vue.d.ts +29 -0
- package/dist/components/Splitter/SkSplitterHandle.vue.d.ts +7 -0
- package/dist/components/Splitter/SkSplitterPanel.vue.d.ts +30 -0
- package/dist/components/Splitter/index.d.ts +4 -0
- package/dist/components/Splitter/types.d.ts +3 -0
- package/dist/components/Toolbar/SkToolbar.vue.d.ts +31 -0
- package/dist/components/Toolbar/SkToolbarButton.vue.d.ts +22 -0
- package/dist/components/Toolbar/SkToolbarSeparator.vue.d.ts +2 -0
- package/dist/components/Toolbar/SkToolbarToggleGroup.vue.d.ts +31 -0
- package/dist/components/Toolbar/SkToolbarToggleItem.vue.d.ts +23 -0
- package/dist/components/Toolbar/index.d.ts +6 -0
- package/dist/components/Toolbar/types.d.ts +5 -0
- package/dist/components/Tooltip/SkTooltip.vue.d.ts +1 -1
- package/dist/components/TreeView/SkTreeItem.vue.d.ts +39 -0
- package/dist/components/TreeView/SkTreeView.vue.d.ts +31 -0
- package/dist/components/TreeView/index.d.ts +3 -0
- package/dist/components/TreeView/types.d.ts +3 -0
- package/dist/index.d.ts +61 -0
- package/dist/sleekspace-ui.css +1644 -65
- package/dist/sleekspace-ui.es.js +17444 -6063
- package/dist/sleekspace-ui.umd.js +17426 -6045
- package/package.json +2 -1
- package/src/components/Card/SkCard.vue +17 -1
- package/src/components/ColorPicker/SkColorPicker.vue +355 -0
- package/src/components/ColorPicker/index.ts +6 -0
- package/src/components/ColorPicker/types.ts +11 -0
- package/src/components/ContextMenu/SkContextMenu.vue +83 -0
- package/src/components/ContextMenu/SkContextMenuCheckboxItem.vue +72 -0
- package/src/components/ContextMenu/SkContextMenuItem.vue +49 -0
- package/src/components/ContextMenu/SkContextMenuLabel.vue +17 -0
- package/src/components/ContextMenu/SkContextMenuRadioGroup.vue +36 -0
- package/src/components/ContextMenu/SkContextMenuRadioItem.vue +53 -0
- package/src/components/ContextMenu/SkContextMenuSeparator.vue +21 -0
- package/src/components/ContextMenu/SkContextMenuSubmenu.vue +94 -0
- package/src/components/ContextMenu/index.ts +15 -0
- package/src/components/ContextMenu/types.ts +9 -0
- package/src/components/Dropdown/SkDropdown.vue +1 -1
- package/src/components/Dropdown/SkDropdownCheckboxItem.vue +72 -0
- package/src/components/Dropdown/SkDropdownMenuItem.vue +1 -1
- package/src/components/Dropdown/SkDropdownMenuLabel.vue +17 -0
- package/src/components/Dropdown/SkDropdownRadioGroup.vue +36 -0
- package/src/components/Dropdown/SkDropdownRadioItem.vue +53 -0
- package/src/components/Dropdown/SkDropdownSubmenu.vue +2 -2
- package/src/components/Dropdown/index.ts +4 -0
- package/src/components/Panel/SkPanel.vue +29 -4
- package/src/components/Panel/types.ts +3 -0
- package/src/components/ScrollArea/SkScrollArea.vue +87 -0
- package/src/components/ScrollArea/index.ts +8 -0
- package/src/components/ScrollArea/types.ts +11 -0
- package/src/components/Select/SkSelect.vue +210 -0
- package/src/components/Select/SkSelectItem.vue +112 -0
- package/src/components/Select/SkSelectSeparator.vue +40 -0
- package/src/components/Select/index.ts +10 -0
- package/src/components/Select/types.ts +10 -0
- package/src/components/Sidebar/SkSidebar.vue +39 -2
- package/src/components/Sidebar/types.ts +2 -0
- package/src/components/Splitter/SkSplitter.vue +65 -0
- package/src/components/Splitter/SkSplitterHandle.vue +40 -0
- package/src/components/Splitter/SkSplitterPanel.vue +45 -0
- package/src/components/Splitter/index.ts +10 -0
- package/src/components/Splitter/types.ts +10 -0
- package/src/components/Toolbar/SkToolbar.vue +69 -0
- package/src/components/Toolbar/SkToolbarButton.vue +36 -0
- package/src/components/Toolbar/SkToolbarSeparator.vue +15 -0
- package/src/components/Toolbar/SkToolbarToggleGroup.vue +49 -0
- package/src/components/Toolbar/SkToolbarToggleItem.vue +37 -0
- package/src/components/Toolbar/index.ts +12 -0
- package/src/components/Toolbar/types.ts +12 -0
- package/src/components/TreeView/SkTreeItem.vue +84 -0
- package/src/components/TreeView/SkTreeView.vue +120 -0
- package/src/components/TreeView/index.ts +9 -0
- package/src/components/TreeView/types.ts +10 -0
- package/src/global.d.ts +22 -0
- package/src/index.ts +110 -0
- package/src/styles/components/_card.scss +45 -9
- package/src/styles/components/_color-picker.scss +552 -0
- package/src/styles/components/_index.scss +6 -0
- package/src/styles/components/_listbox.scss +1 -0
- package/src/styles/components/_menu.scss +52 -3
- package/src/styles/components/_panel.scss +119 -13
- package/src/styles/components/_scroll-area.scss +120 -0
- package/src/styles/components/_select.scss +439 -0
- package/src/styles/components/_sidebar.scss +83 -4
- package/src/styles/components/_splitter.scss +136 -0
- package/src/styles/components/_toolbar.scss +296 -0
- package/src/styles/components/_tree-view.scss +187 -0
- package/web-types.json +1244 -197
|
@@ -0,0 +1,134 @@
|
|
|
1
|
+
export interface SkSelectItemComponentProps {
|
|
2
|
+
/**
|
|
3
|
+
* The value this option represents. When selected, the parent SkSelect's v-model
|
|
4
|
+
* will be set to this value. Must be a string and unique within the select.
|
|
5
|
+
*/
|
|
6
|
+
value: string;
|
|
7
|
+
/**
|
|
8
|
+
* When true, this option is disabled and cannot be selected. The item appears
|
|
9
|
+
* with reduced opacity and is skipped during keyboard navigation.
|
|
10
|
+
* @default false
|
|
11
|
+
*/
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare function __VLS_template(): {
|
|
15
|
+
attrs: Partial<{}>;
|
|
16
|
+
slots: {
|
|
17
|
+
default?(_: {}): any;
|
|
18
|
+
};
|
|
19
|
+
refs: {
|
|
20
|
+
textEl: ({
|
|
21
|
+
$: import('vue').ComponentInternalInstance;
|
|
22
|
+
$data: {};
|
|
23
|
+
$props: {
|
|
24
|
+
readonly asChild?: boolean | undefined;
|
|
25
|
+
readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
|
|
26
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
27
|
+
$attrs: {
|
|
28
|
+
[x: string]: unknown;
|
|
29
|
+
};
|
|
30
|
+
$refs: {
|
|
31
|
+
[x: string]: unknown;
|
|
32
|
+
};
|
|
33
|
+
$slots: Readonly<{
|
|
34
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
35
|
+
}>;
|
|
36
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
37
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
38
|
+
$host: Element | null;
|
|
39
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
40
|
+
$el: any;
|
|
41
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
42
|
+
as: import('reka-ui').AsTag | import('vue').Component;
|
|
43
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
44
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
45
|
+
created?: (() => void) | (() => void)[];
|
|
46
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
47
|
+
mounted?: (() => void) | (() => void)[];
|
|
48
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
49
|
+
updated?: (() => void) | (() => void)[];
|
|
50
|
+
activated?: (() => void) | (() => void)[];
|
|
51
|
+
deactivated?: (() => void) | (() => void)[];
|
|
52
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
53
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
54
|
+
destroyed?: (() => void) | (() => void)[];
|
|
55
|
+
unmounted?: (() => void) | (() => void)[];
|
|
56
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
57
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
58
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
59
|
+
};
|
|
60
|
+
$forceUpdate: () => void;
|
|
61
|
+
$nextTick: typeof import('vue').nextTick;
|
|
62
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
63
|
+
} & Readonly<{
|
|
64
|
+
as: import('reka-ui').AsTag | import('vue').Component;
|
|
65
|
+
}> & Omit<Readonly<import('reka-ui').SelectItemTextProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
66
|
+
$slots: {
|
|
67
|
+
default?: (props: {}) => any;
|
|
68
|
+
};
|
|
69
|
+
}) | null;
|
|
70
|
+
};
|
|
71
|
+
rootEl: any;
|
|
72
|
+
};
|
|
73
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
74
|
+
declare const __VLS_component: import('vue').DefineComponent<SkSelectItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkSelectItemComponentProps> & Readonly<{}>, {
|
|
75
|
+
disabled: boolean;
|
|
76
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
|
|
77
|
+
textEl: ({
|
|
78
|
+
$: import('vue').ComponentInternalInstance;
|
|
79
|
+
$data: {};
|
|
80
|
+
$props: {
|
|
81
|
+
readonly asChild?: boolean | undefined;
|
|
82
|
+
readonly as?: (import('reka-ui').AsTag | import('vue').Component) | undefined;
|
|
83
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
|
|
84
|
+
$attrs: {
|
|
85
|
+
[x: string]: unknown;
|
|
86
|
+
};
|
|
87
|
+
$refs: {
|
|
88
|
+
[x: string]: unknown;
|
|
89
|
+
};
|
|
90
|
+
$slots: Readonly<{
|
|
91
|
+
[name: string]: import('vue').Slot<any> | undefined;
|
|
92
|
+
}>;
|
|
93
|
+
$root: import('vue').ComponentPublicInstance | null;
|
|
94
|
+
$parent: import('vue').ComponentPublicInstance | null;
|
|
95
|
+
$host: Element | null;
|
|
96
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
97
|
+
$el: any;
|
|
98
|
+
$options: import('vue').ComponentOptionsBase<Readonly<import('reka-ui').SelectItemTextProps> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
|
|
99
|
+
as: import('reka-ui').AsTag | import('vue').Component;
|
|
100
|
+
}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
|
|
101
|
+
beforeCreate?: (() => void) | (() => void)[];
|
|
102
|
+
created?: (() => void) | (() => void)[];
|
|
103
|
+
beforeMount?: (() => void) | (() => void)[];
|
|
104
|
+
mounted?: (() => void) | (() => void)[];
|
|
105
|
+
beforeUpdate?: (() => void) | (() => void)[];
|
|
106
|
+
updated?: (() => void) | (() => void)[];
|
|
107
|
+
activated?: (() => void) | (() => void)[];
|
|
108
|
+
deactivated?: (() => void) | (() => void)[];
|
|
109
|
+
beforeDestroy?: (() => void) | (() => void)[];
|
|
110
|
+
beforeUnmount?: (() => void) | (() => void)[];
|
|
111
|
+
destroyed?: (() => void) | (() => void)[];
|
|
112
|
+
unmounted?: (() => void) | (() => void)[];
|
|
113
|
+
renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
114
|
+
renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
|
|
115
|
+
errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
|
|
116
|
+
};
|
|
117
|
+
$forceUpdate: () => void;
|
|
118
|
+
$nextTick: typeof import('vue').nextTick;
|
|
119
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
|
|
120
|
+
} & Readonly<{
|
|
121
|
+
as: import('reka-ui').AsTag | import('vue').Component;
|
|
122
|
+
}> & Omit<Readonly<import('reka-ui').SelectItemTextProps> & Readonly<{}>, "as"> & import('vue').ShallowUnwrapRef<{}> & {} & import('vue').ComponentCustomProperties & {} & {
|
|
123
|
+
$slots: {
|
|
124
|
+
default?: (props: {}) => any;
|
|
125
|
+
};
|
|
126
|
+
}) | null;
|
|
127
|
+
}, any>;
|
|
128
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
129
|
+
export default _default;
|
|
130
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
131
|
+
new (): {
|
|
132
|
+
$slots: S;
|
|
133
|
+
};
|
|
134
|
+
};
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { SkSidebarKind } from './types';
|
|
1
|
+
import { SkSidebarKind, SkSidebarSide } from './types';
|
|
2
2
|
import { ComponentCustomColors } from '../../types';
|
|
3
3
|
export interface SkSidebarComponentProps extends ComponentCustomColors {
|
|
4
4
|
/**
|
|
@@ -15,6 +15,12 @@ export interface SkSidebarComponentProps extends ComponentCustomColors {
|
|
|
15
15
|
* @default '180px'
|
|
16
16
|
*/
|
|
17
17
|
width?: string;
|
|
18
|
+
/**
|
|
19
|
+
* Which side of the layout the sidebar is placed on. Controls the direction of the
|
|
20
|
+
* panel bevel and the sidebar-item clip-path cuts so they mirror appropriately.
|
|
21
|
+
* @default 'left'
|
|
22
|
+
*/
|
|
23
|
+
side?: SkSidebarSide;
|
|
18
24
|
}
|
|
19
25
|
declare function __VLS_template(): {
|
|
20
26
|
attrs: Partial<{}>;
|
|
@@ -28,6 +34,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
|
28
34
|
declare const __VLS_component: import('vue').DefineComponent<SkSidebarComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkSidebarComponentProps> & Readonly<{}>, {
|
|
29
35
|
kind: SkSidebarKind;
|
|
30
36
|
width: string;
|
|
37
|
+
side: SkSidebarSide;
|
|
31
38
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLElement>;
|
|
32
39
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
33
40
|
export default _default;
|
|
@@ -47,9 +47,9 @@ export interface SkSkeletonComponentProps {
|
|
|
47
47
|
declare const _default: import('vue').DefineComponent<SkSkeletonComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkSkeletonComponentProps> & Readonly<{}>, {
|
|
48
48
|
bevel: string;
|
|
49
49
|
variant: SkSkeletonVariant;
|
|
50
|
-
|
|
50
|
+
corners: SkSkeletonCorner[];
|
|
51
51
|
height: string;
|
|
52
|
+
width: string;
|
|
52
53
|
animation: SkSkeletonAnimation;
|
|
53
|
-
corners: SkSkeletonCorner[];
|
|
54
54
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
55
55
|
export default _default;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { SkSplitterDirection, SkSplitterKind } from './types';
|
|
2
|
+
export interface SkSplitterComponentProps {
|
|
3
|
+
direction?: SkSplitterDirection;
|
|
4
|
+
kind?: SkSplitterKind;
|
|
5
|
+
baseColor?: string;
|
|
6
|
+
textColor?: string;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<SkSplitterComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkSplitterComponentProps> & Readonly<{}>, {
|
|
18
|
+
kind: SkSplitterKind;
|
|
19
|
+
baseColor: string;
|
|
20
|
+
textColor: string;
|
|
21
|
+
direction: SkSplitterDirection;
|
|
22
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
23
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
24
|
+
export default _default;
|
|
25
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
26
|
+
new (): {
|
|
27
|
+
$slots: S;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export interface SkSplitterHandleComponentProps {
|
|
2
|
+
disabled?: boolean;
|
|
3
|
+
}
|
|
4
|
+
declare const _default: import('vue').DefineComponent<SkSplitterHandleComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkSplitterHandleComponentProps> & Readonly<{}>, {
|
|
5
|
+
disabled: boolean;
|
|
6
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
7
|
+
export default _default;
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
export interface SkSplitterPanelComponentProps {
|
|
2
|
+
defaultSize?: number;
|
|
3
|
+
minSize?: number;
|
|
4
|
+
maxSize?: number;
|
|
5
|
+
collapsible?: boolean;
|
|
6
|
+
collapsedSize?: number;
|
|
7
|
+
}
|
|
8
|
+
declare function __VLS_template(): {
|
|
9
|
+
attrs: Partial<{}>;
|
|
10
|
+
slots: {
|
|
11
|
+
default?(_: {}): any;
|
|
12
|
+
};
|
|
13
|
+
refs: {};
|
|
14
|
+
rootEl: any;
|
|
15
|
+
};
|
|
16
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
17
|
+
declare const __VLS_component: import('vue').DefineComponent<SkSplitterPanelComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkSplitterPanelComponentProps> & Readonly<{}>, {
|
|
18
|
+
collapsible: boolean;
|
|
19
|
+
defaultSize: number;
|
|
20
|
+
minSize: number;
|
|
21
|
+
maxSize: number;
|
|
22
|
+
collapsedSize: number;
|
|
23
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
25
|
+
export default _default;
|
|
26
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
27
|
+
new (): {
|
|
28
|
+
$slots: S;
|
|
29
|
+
};
|
|
30
|
+
};
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { SkToolbarCorner, SkToolbarKind, SkToolbarOrientation } from './types';
|
|
2
|
+
export interface SkToolbarComponentProps {
|
|
3
|
+
kind?: SkToolbarKind;
|
|
4
|
+
orientation?: SkToolbarOrientation;
|
|
5
|
+
corners?: SkToolbarCorner[];
|
|
6
|
+
baseColor?: string;
|
|
7
|
+
textColor?: string;
|
|
8
|
+
}
|
|
9
|
+
declare function __VLS_template(): {
|
|
10
|
+
attrs: Partial<{}>;
|
|
11
|
+
slots: {
|
|
12
|
+
default?(_: {}): any;
|
|
13
|
+
};
|
|
14
|
+
refs: {};
|
|
15
|
+
rootEl: any;
|
|
16
|
+
};
|
|
17
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
18
|
+
declare const __VLS_component: import('vue').DefineComponent<SkToolbarComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkToolbarComponentProps> & Readonly<{}>, {
|
|
19
|
+
kind: SkToolbarKind;
|
|
20
|
+
baseColor: string;
|
|
21
|
+
textColor: string;
|
|
22
|
+
orientation: SkToolbarOrientation;
|
|
23
|
+
corners: SkToolbarCorner[];
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
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,22 @@
|
|
|
1
|
+
export interface SkToolbarButtonComponentProps {
|
|
2
|
+
disabled?: boolean;
|
|
3
|
+
}
|
|
4
|
+
declare function __VLS_template(): {
|
|
5
|
+
attrs: Partial<{}>;
|
|
6
|
+
slots: {
|
|
7
|
+
default?(_: {}): any;
|
|
8
|
+
};
|
|
9
|
+
refs: {};
|
|
10
|
+
rootEl: any;
|
|
11
|
+
};
|
|
12
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
+
declare const __VLS_component: import('vue').DefineComponent<SkToolbarButtonComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkToolbarButtonComponentProps> & Readonly<{}>, {
|
|
14
|
+
disabled: boolean;
|
|
15
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
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,2 @@
|
|
|
1
|
+
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
+
export default _default;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { SkToolbarToggleType } from './types';
|
|
2
|
+
export interface SkToolbarToggleGroupComponentProps {
|
|
3
|
+
modelValue?: string | string[];
|
|
4
|
+
type?: SkToolbarToggleType;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
default?(_: {}): any;
|
|
11
|
+
};
|
|
12
|
+
refs: {};
|
|
13
|
+
rootEl: any;
|
|
14
|
+
};
|
|
15
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
16
|
+
declare const __VLS_component: import('vue').DefineComponent<SkToolbarToggleGroupComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
"update:modelValue": (value: string | string[]) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<SkToolbarToggleGroupComponentProps> & Readonly<{
|
|
19
|
+
"onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
type: SkToolbarToggleType;
|
|
22
|
+
modelValue: string | string[];
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
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,23 @@
|
|
|
1
|
+
export interface SkToolbarToggleItemComponentProps {
|
|
2
|
+
value: string;
|
|
3
|
+
disabled?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare function __VLS_template(): {
|
|
6
|
+
attrs: Partial<{}>;
|
|
7
|
+
slots: {
|
|
8
|
+
default?(_: {}): any;
|
|
9
|
+
};
|
|
10
|
+
refs: {};
|
|
11
|
+
rootEl: any;
|
|
12
|
+
};
|
|
13
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
14
|
+
declare const __VLS_component: import('vue').DefineComponent<SkToolbarToggleItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkToolbarToggleItemComponentProps> & Readonly<{}>, {
|
|
15
|
+
disabled: boolean;
|
|
16
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
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,6 @@
|
|
|
1
|
+
export { default as SkToolbar } from './SkToolbar.vue';
|
|
2
|
+
export { default as SkToolbarButton } from './SkToolbarButton.vue';
|
|
3
|
+
export { default as SkToolbarSeparator } from './SkToolbarSeparator.vue';
|
|
4
|
+
export { default as SkToolbarToggleGroup } from './SkToolbarToggleGroup.vue';
|
|
5
|
+
export { default as SkToolbarToggleItem } from './SkToolbarToggleItem.vue';
|
|
6
|
+
export type { SkToolbarCorner, SkToolbarKind, SkToolbarOrientation, SkToolbarToggleType } from './types';
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { ComponentKind } from '../../types';
|
|
2
|
+
export type SkToolbarKind = ComponentKind;
|
|
3
|
+
export type SkToolbarOrientation = 'horizontal' | 'vertical';
|
|
4
|
+
export type SkToolbarToggleType = 'single' | 'multiple';
|
|
5
|
+
export type SkToolbarCorner = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
|
|
@@ -67,8 +67,8 @@ declare const __VLS_component: import('vue').DefineComponent<SkTooltipComponentP
|
|
|
67
67
|
kind: ComponentKind;
|
|
68
68
|
variant: "solid" | "outline";
|
|
69
69
|
side: SkTooltipSide;
|
|
70
|
-
align: "start" | "center" | "end";
|
|
71
70
|
sideOffset: number;
|
|
71
|
+
align: "start" | "center" | "end";
|
|
72
72
|
showArrow: boolean;
|
|
73
73
|
delayDuration: number;
|
|
74
74
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { FlattenedItem } from 'reka-ui';
|
|
2
|
+
export interface SkTreeItemComponentProps {
|
|
3
|
+
item: FlattenedItem<Record<string, unknown>>;
|
|
4
|
+
disabled?: boolean;
|
|
5
|
+
showChevron?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare function __VLS_template(): {
|
|
8
|
+
attrs: Partial<{}>;
|
|
9
|
+
slots: {
|
|
10
|
+
leading?(_: {
|
|
11
|
+
isExpanded: boolean;
|
|
12
|
+
isSelected: boolean;
|
|
13
|
+
}): any;
|
|
14
|
+
default?(_: {
|
|
15
|
+
isExpanded: boolean;
|
|
16
|
+
isSelected: boolean;
|
|
17
|
+
hasChildren: boolean;
|
|
18
|
+
level: number;
|
|
19
|
+
}): any;
|
|
20
|
+
trailing?(_: {
|
|
21
|
+
isExpanded: boolean;
|
|
22
|
+
isSelected: boolean;
|
|
23
|
+
}): any;
|
|
24
|
+
};
|
|
25
|
+
refs: {};
|
|
26
|
+
rootEl: any;
|
|
27
|
+
};
|
|
28
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
29
|
+
declare const __VLS_component: import('vue').DefineComponent<SkTreeItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkTreeItemComponentProps> & Readonly<{}>, {
|
|
30
|
+
disabled: boolean;
|
|
31
|
+
showChevron: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
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,31 @@
|
|
|
1
|
+
import { SkTreeViewDefaultExpanded, SkTreeViewKind } from './types';
|
|
2
|
+
export interface SkTreeViewComponentProps {
|
|
3
|
+
items: T[];
|
|
4
|
+
getKey: (item: T) => string;
|
|
5
|
+
modelValue?: T | T[];
|
|
6
|
+
multiple?: boolean;
|
|
7
|
+
propagateSelect?: boolean;
|
|
8
|
+
kind?: SkTreeViewKind;
|
|
9
|
+
defaultExpanded?: SkTreeViewDefaultExpanded;
|
|
10
|
+
baseColor?: string;
|
|
11
|
+
textColor?: string;
|
|
12
|
+
}
|
|
13
|
+
declare const _default: <T extends Record<string, unknown>>(__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<{
|
|
14
|
+
props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{
|
|
15
|
+
readonly "onUpdate:modelValue"?: ((value: T | T[]) => any) | undefined;
|
|
16
|
+
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, never>, "onUpdate:modelValue"> & SkTreeViewComponentProps & Partial<{}>> & import('vue').PublicProps;
|
|
17
|
+
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
|
|
18
|
+
attrs: any;
|
|
19
|
+
slots: {
|
|
20
|
+
default?(_: {
|
|
21
|
+
flattenItems: import('reka-ui').FlattenedItem<T>[];
|
|
22
|
+
}): any;
|
|
23
|
+
};
|
|
24
|
+
emit: (evt: "update:modelValue", value: T | T[]) => void;
|
|
25
|
+
}>) => import('vue').VNode & {
|
|
26
|
+
__ctx?: Awaited<typeof __VLS_setup>;
|
|
27
|
+
};
|
|
28
|
+
export default _default;
|
|
29
|
+
type __VLS_PrettifyLocal<T> = {
|
|
30
|
+
[K in keyof T]: T[K];
|
|
31
|
+
} & {};
|