@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
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ComponentCustomColors } from '../../types';
|
|
2
2
|
import { SkCardKind } from './types';
|
|
3
|
-
import { SkPanelSize } from '../Panel/types';
|
|
3
|
+
import { SkPanelCorner, SkPanelSize } from '../Panel/types';
|
|
4
4
|
export interface SkCardComponentProps extends ComponentCustomColors {
|
|
5
5
|
/**
|
|
6
6
|
* Semantic color kind that controls the card's border color and decorative accent stripe.
|
|
@@ -56,6 +56,16 @@ export interface SkCardComponentProps extends ComponentCustomColors {
|
|
|
56
56
|
* @default false
|
|
57
57
|
*/
|
|
58
58
|
scrollable?: boolean;
|
|
59
|
+
/**
|
|
60
|
+
* Which corners receive the beveled cut. Passed through to the underlying SkPanel.
|
|
61
|
+
* @default ['bottom-right']
|
|
62
|
+
*/
|
|
63
|
+
corners?: SkPanelCorner[];
|
|
64
|
+
/**
|
|
65
|
+
* Which corner displays the decorative accent stripe. Passed through to SkPanel.
|
|
66
|
+
* @default 'bottom-right'
|
|
67
|
+
*/
|
|
68
|
+
decorationCorner?: SkPanelCorner;
|
|
59
69
|
}
|
|
60
70
|
declare function __VLS_template(): {
|
|
61
71
|
attrs: Partial<{}>;
|
|
@@ -75,6 +85,8 @@ declare const __VLS_component: import('vue').DefineComponent<SkCardComponentProp
|
|
|
75
85
|
title: string;
|
|
76
86
|
showDecoration: boolean;
|
|
77
87
|
noBorder: boolean;
|
|
88
|
+
corners: SkPanelCorner[];
|
|
89
|
+
decorationCorner: SkPanelCorner;
|
|
78
90
|
noDecoration: boolean;
|
|
79
91
|
headerColor: string;
|
|
80
92
|
scrollable: boolean;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { ComponentCustomColors } from '../../types';
|
|
2
|
+
import { SkColorPickerFormat, SkColorPickerKind, SkColorPickerSize } from './types';
|
|
3
|
+
export interface SkColorPickerComponentProps extends ComponentCustomColors {
|
|
4
|
+
kind?: SkColorPickerKind;
|
|
5
|
+
size?: SkColorPickerSize;
|
|
6
|
+
format?: SkColorPickerFormat;
|
|
7
|
+
showAlpha?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
defaultValue?: string;
|
|
11
|
+
}
|
|
12
|
+
type __VLS_Props = SkColorPickerComponentProps;
|
|
13
|
+
type __VLS_PublicProps = {
|
|
14
|
+
modelValue?: string;
|
|
15
|
+
} & __VLS_Props;
|
|
16
|
+
declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
17
|
+
"update:modelValue": (value: string) => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
19
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
20
|
+
}>, {
|
|
21
|
+
kind: SkColorPickerKind;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
size: SkColorPickerSize;
|
|
24
|
+
defaultValue: string;
|
|
25
|
+
placeholder: string;
|
|
26
|
+
format: SkColorPickerFormat;
|
|
27
|
+
showAlpha: boolean;
|
|
28
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
29
|
+
export default _default;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { ComponentCustomColors } from '../../types';
|
|
2
|
+
import { SkContextMenuKind } from './types';
|
|
3
|
+
export interface SkContextMenuComponentProps extends ComponentCustomColors {
|
|
4
|
+
kind?: SkContextMenuKind;
|
|
5
|
+
}
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
trigger?(_: {}): any;
|
|
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<SkContextMenuComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkContextMenuComponentProps> & Readonly<{}>, {
|
|
17
|
+
kind: SkContextMenuKind;
|
|
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,28 @@
|
|
|
1
|
+
export interface SkContextMenuCheckboxItemComponentProps {
|
|
2
|
+
modelValue?: boolean;
|
|
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<SkContextMenuCheckboxItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (value: boolean) => any;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<SkContextMenuCheckboxItemComponentProps> & Readonly<{
|
|
17
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
modelValue: boolean;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface SkContextMenuItemComponentProps {
|
|
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<SkContextMenuItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
click: (event: Event) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<SkContextMenuItemComponentProps> & Readonly<{
|
|
16
|
+
onClick?: ((event: Event) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: {
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
};
|
|
6
|
+
refs: {};
|
|
7
|
+
rootEl: any;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface SkContextMenuRadioGroupComponentProps {
|
|
2
|
+
modelValue?: string;
|
|
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<SkContextMenuRadioGroupComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: string) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<SkContextMenuRadioGroupComponentProps> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
modelValue: string;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface SkContextMenuRadioItemComponentProps {
|
|
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<SkContextMenuRadioItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkContextMenuRadioItemComponentProps> & 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,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,24 @@
|
|
|
1
|
+
import { SkContextMenuKind } from './types';
|
|
2
|
+
export interface SkContextMenuSubmenuComponentProps {
|
|
3
|
+
triggerText: string;
|
|
4
|
+
kind?: SkContextMenuKind;
|
|
5
|
+
}
|
|
6
|
+
declare function __VLS_template(): {
|
|
7
|
+
attrs: Partial<{}>;
|
|
8
|
+
slots: {
|
|
9
|
+
default?(_: {}): any;
|
|
10
|
+
};
|
|
11
|
+
refs: {};
|
|
12
|
+
rootEl: any;
|
|
13
|
+
};
|
|
14
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<SkContextMenuSubmenuComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkContextMenuSubmenuComponentProps> & Readonly<{}>, {
|
|
16
|
+
kind: SkContextMenuKind;
|
|
17
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
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,9 @@
|
|
|
1
|
+
export { default as SkContextMenu } from './SkContextMenu.vue';
|
|
2
|
+
export { default as SkContextMenuCheckboxItem } from './SkContextMenuCheckboxItem.vue';
|
|
3
|
+
export { default as SkContextMenuItem } from './SkContextMenuItem.vue';
|
|
4
|
+
export { default as SkContextMenuLabel } from './SkContextMenuLabel.vue';
|
|
5
|
+
export { default as SkContextMenuRadioGroup } from './SkContextMenuRadioGroup.vue';
|
|
6
|
+
export { default as SkContextMenuRadioItem } from './SkContextMenuRadioItem.vue';
|
|
7
|
+
export { default as SkContextMenuSeparator } from './SkContextMenuSeparator.vue';
|
|
8
|
+
export { default as SkContextMenuSubmenu } from './SkContextMenuSubmenu.vue';
|
|
9
|
+
export type { SkContextMenuKind } from './types';
|
|
@@ -51,8 +51,8 @@ declare const __VLS_component: import('vue').DefineComponent<SkDropdownComponent
|
|
|
51
51
|
kind: SkDropdownKind;
|
|
52
52
|
triggerText: string;
|
|
53
53
|
side: SkDropdownSide;
|
|
54
|
-
align: SkDropdownAlign;
|
|
55
54
|
sideOffset: number;
|
|
55
|
+
align: SkDropdownAlign;
|
|
56
56
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
57
57
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
58
58
|
export default _default;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
export interface SkDropdownCheckboxItemComponentProps {
|
|
2
|
+
modelValue?: boolean;
|
|
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<SkDropdownCheckboxItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (value: boolean) => any;
|
|
16
|
+
}, string, import('vue').PublicProps, Readonly<SkDropdownCheckboxItemComponentProps> & Readonly<{
|
|
17
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
18
|
+
}>, {
|
|
19
|
+
modelValue: boolean;
|
|
20
|
+
disabled: boolean;
|
|
21
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
22
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
23
|
+
export default _default;
|
|
24
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
25
|
+
new (): {
|
|
26
|
+
$slots: S;
|
|
27
|
+
};
|
|
28
|
+
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
declare function __VLS_template(): {
|
|
2
|
+
attrs: Partial<{}>;
|
|
3
|
+
slots: {
|
|
4
|
+
default?(_: {}): any;
|
|
5
|
+
};
|
|
6
|
+
refs: {};
|
|
7
|
+
rootEl: any;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
10
|
+
declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
11
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
12
|
+
export default _default;
|
|
13
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
14
|
+
new (): {
|
|
15
|
+
$slots: S;
|
|
16
|
+
};
|
|
17
|
+
};
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
export interface SkDropdownRadioGroupComponentProps {
|
|
2
|
+
modelValue?: string;
|
|
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<SkDropdownRadioGroupComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
14
|
+
"update:modelValue": (value: string) => any;
|
|
15
|
+
}, string, import('vue').PublicProps, Readonly<SkDropdownRadioGroupComponentProps> & Readonly<{
|
|
16
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
17
|
+
}>, {
|
|
18
|
+
modelValue: string;
|
|
19
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
21
|
+
export default _default;
|
|
22
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
23
|
+
new (): {
|
|
24
|
+
$slots: S;
|
|
25
|
+
};
|
|
26
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
export interface SkDropdownRadioItemComponentProps {
|
|
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<SkDropdownRadioItemComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkDropdownRadioItemComponentProps> & 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
|
+
};
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
export { default as SkDropdown } from './SkDropdown.vue';
|
|
2
|
+
export { default as SkDropdownCheckboxItem } from './SkDropdownCheckboxItem.vue';
|
|
3
|
+
export { default as SkDropdownMenuLabel } from './SkDropdownMenuLabel.vue';
|
|
2
4
|
export { default as SkDropdownMenuItem } from './SkDropdownMenuItem.vue';
|
|
3
5
|
export { default as SkDropdownMenuSeparator } from './SkDropdownMenuSeparator.vue';
|
|
6
|
+
export { default as SkDropdownRadioGroup } from './SkDropdownRadioGroup.vue';
|
|
7
|
+
export { default as SkDropdownRadioItem } from './SkDropdownRadioItem.vue';
|
|
4
8
|
export { default as SkDropdownSubmenu } from './SkDropdownSubmenu.vue';
|
|
5
9
|
export type { SkDropdownAlign, SkDropdownKind, SkDropdownSide } from './types';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ComponentCustomColors } from '../../types';
|
|
2
|
-
import { SkPanelKind, SkPanelSize } from './types';
|
|
2
|
+
import { SkPanelCorner, SkPanelKind, SkPanelSize } from './types';
|
|
3
3
|
export interface SkPanelComponentProps extends ComponentCustomColors {
|
|
4
4
|
/**
|
|
5
5
|
* Semantic color kind that controls the panel's border color and decorative accent stripe.
|
|
@@ -30,6 +30,18 @@ export interface SkPanelComponentProps extends ComponentCustomColors {
|
|
|
30
30
|
* @default false
|
|
31
31
|
*/
|
|
32
32
|
noBorder?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Which corners receive the beveled cut. Any combination of the four corners can be
|
|
35
|
+
* specified. Pass an empty array for no cut corners.
|
|
36
|
+
* @default ['bottom-right']
|
|
37
|
+
*/
|
|
38
|
+
corners?: SkPanelCorner[];
|
|
39
|
+
/**
|
|
40
|
+
* Which corner displays the decorative accent stripe. Must be one of the active
|
|
41
|
+
* `corners` for the decoration to be visible.
|
|
42
|
+
* @default 'bottom-right'
|
|
43
|
+
*/
|
|
44
|
+
decorationCorner?: SkPanelCorner;
|
|
33
45
|
}
|
|
34
46
|
declare function __VLS_template(): {
|
|
35
47
|
attrs: Partial<{}>;
|
|
@@ -45,6 +57,8 @@ declare const __VLS_component: import('vue').DefineComponent<SkPanelComponentPro
|
|
|
45
57
|
size: SkPanelSize;
|
|
46
58
|
showDecoration: boolean;
|
|
47
59
|
noBorder: boolean;
|
|
60
|
+
corners: SkPanelCorner[];
|
|
61
|
+
decorationCorner: SkPanelCorner;
|
|
48
62
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
49
63
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
50
64
|
export default _default;
|
|
@@ -80,8 +80,8 @@ declare const __VLS_component: import('vue').DefineComponent<SkPopoverComponentP
|
|
|
80
80
|
title: string;
|
|
81
81
|
open: boolean;
|
|
82
82
|
side: SkPopoverSide;
|
|
83
|
-
align: SkPopoverAlign;
|
|
84
83
|
sideOffset: number;
|
|
84
|
+
align: SkPopoverAlign;
|
|
85
85
|
showArrow: boolean;
|
|
86
86
|
closable: boolean;
|
|
87
87
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { SkScrollAreaKind, SkScrollAreaOrientation, SkScrollAreaType } from './types';
|
|
2
|
+
export interface SkScrollAreaComponentProps {
|
|
3
|
+
type?: SkScrollAreaType;
|
|
4
|
+
orientation?: SkScrollAreaOrientation;
|
|
5
|
+
kind?: SkScrollAreaKind;
|
|
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<SkScrollAreaComponentProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<SkScrollAreaComponentProps> & Readonly<{}>, {
|
|
19
|
+
type: SkScrollAreaType;
|
|
20
|
+
kind: SkScrollAreaKind;
|
|
21
|
+
baseColor: string;
|
|
22
|
+
textColor: string;
|
|
23
|
+
orientation: SkScrollAreaOrientation;
|
|
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,61 @@
|
|
|
1
|
+
import { ComponentCustomColors } from '../../types';
|
|
2
|
+
import { SkSelectKind, SkSelectSize } from './types';
|
|
3
|
+
export interface SkSelectComponentProps extends ComponentCustomColors {
|
|
4
|
+
/**
|
|
5
|
+
* Semantic color kind that controls the trigger border, focus ring, and selected
|
|
6
|
+
* item highlight appearance. When used inside SkField, inherits the field's
|
|
7
|
+
* kind if not explicitly set.
|
|
8
|
+
* @default 'neutral' (or inherited from parent SkField)
|
|
9
|
+
*/
|
|
10
|
+
kind?: SkSelectKind;
|
|
11
|
+
/**
|
|
12
|
+
* Size of the trigger and dropdown content. Controls the trigger height,
|
|
13
|
+
* text size, and option item dimensions. Available sizes: 'sm' (small),
|
|
14
|
+
* 'md' (medium), 'lg' (large).
|
|
15
|
+
* @default 'md'
|
|
16
|
+
*/
|
|
17
|
+
size?: SkSelectSize;
|
|
18
|
+
/**
|
|
19
|
+
* Placeholder text displayed in the trigger when no option is selected.
|
|
20
|
+
* Use to guide users on what type of selection to make.
|
|
21
|
+
* @default 'Select...'
|
|
22
|
+
*/
|
|
23
|
+
placeholder?: string;
|
|
24
|
+
/**
|
|
25
|
+
* When true, the select is disabled and cannot be interacted with. The trigger
|
|
26
|
+
* is non-clickable and the dropdown cannot be opened. The component appears
|
|
27
|
+
* with reduced opacity and the cursor changes to not-allowed.
|
|
28
|
+
* @default false
|
|
29
|
+
*/
|
|
30
|
+
disabled?: boolean;
|
|
31
|
+
}
|
|
32
|
+
type __VLS_Props = SkSelectComponentProps;
|
|
33
|
+
type __VLS_PublicProps = {
|
|
34
|
+
modelValue?: string;
|
|
35
|
+
} & __VLS_Props;
|
|
36
|
+
declare function __VLS_template(): {
|
|
37
|
+
attrs: Partial<{}>;
|
|
38
|
+
slots: {
|
|
39
|
+
default?(_: {}): any;
|
|
40
|
+
};
|
|
41
|
+
refs: {};
|
|
42
|
+
rootEl: HTMLDivElement;
|
|
43
|
+
};
|
|
44
|
+
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
45
|
+
declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
46
|
+
"update:modelValue": (value: string) => any;
|
|
47
|
+
}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
48
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
49
|
+
}>, {
|
|
50
|
+
kind: SkSelectKind;
|
|
51
|
+
disabled: boolean;
|
|
52
|
+
size: SkSelectSize;
|
|
53
|
+
placeholder: string;
|
|
54
|
+
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
55
|
+
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
|
56
|
+
export default _default;
|
|
57
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
58
|
+
new (): {
|
|
59
|
+
$slots: S;
|
|
60
|
+
};
|
|
61
|
+
};
|