@midnight-owl/ui 1.0.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/LICENSE +21 -0
- package/README.md +68 -0
- package/dist/components/buttons/Button.vue.d.ts +44 -0
- package/dist/components/buttons/ButtonGroup.vue.d.ts +19 -0
- package/dist/components/data-display/Badge.vue.d.ts +34 -0
- package/dist/components/data-display/BubbleChat.vue.d.ts +52 -0
- package/dist/components/data-display/Image.vue.d.ts +56 -0
- package/dist/components/data-display/Pagination.vue.d.ts +60 -0
- package/dist/components/data-display/ProgressBar.vue.d.ts +34 -0
- package/dist/components/data-display/SkeletonLoader.vue.d.ts +14 -0
- package/dist/components/data-display/Table.vue.d.ts +182 -0
- package/dist/components/data-display/calendar/Calendar.vue.d.ts +116 -0
- package/dist/components/data-display/calendar/CalendarAgendaView.vue.d.ts +31 -0
- package/dist/components/data-display/calendar/CalendarEventDetails.vue.d.ts +23 -0
- package/dist/components/data-display/calendar/CalendarEventPill.vue.d.ts +39 -0
- package/dist/components/data-display/calendar/CalendarEventPopover.vue.d.ts +68 -0
- package/dist/components/data-display/calendar/CalendarMonthView.vue.d.ts +54 -0
- package/dist/components/data-display/calendar/CalendarTimeGridView.vue.d.ts +47 -0
- package/dist/components/data-display/calendar/CalendarYearView.vue.d.ts +17 -0
- package/dist/components/data-display/calendar/layout.d.ts +39 -0
- package/dist/components/data-display/calendar/providers/google.d.ts +16 -0
- package/dist/components/data-display/calendar/providers/ics.d.ts +23 -0
- package/dist/components/data-display/calendar/recurrence.d.ts +12 -0
- package/dist/components/data-display/calendar/types.d.ts +154 -0
- package/dist/components/data-display/calendar/tz.d.ts +17 -0
- package/dist/components/data-display/calendar/useCalendar.d.ts +75 -0
- package/dist/components/form-element/Autocomplete.vue.d.ts +78 -0
- package/dist/components/form-element/Checkbox.vue.d.ts +47 -0
- package/dist/components/form-element/DatePicker.vue.d.ts +75 -0
- package/dist/components/form-element/FileUpload.vue.d.ts +125 -0
- package/dist/components/form-element/InputGroup.vue.d.ts +26 -0
- package/dist/components/form-element/InputMask.vue.d.ts +43 -0
- package/dist/components/form-element/InputNumber.vue.d.ts +50 -0
- package/dist/components/form-element/InputOtp.vue.d.ts +44 -0
- package/dist/components/form-element/InputPassword.vue.d.ts +44 -0
- package/dist/components/form-element/InputText.vue.d.ts +42 -0
- package/dist/components/form-element/Radio.vue.d.ts +42 -0
- package/dist/components/form-element/TextEditor.vue.d.ts +44 -0
- package/dist/components/form-element/Textarea.vue.d.ts +46 -0
- package/dist/components/form-element/Toggle.vue.d.ts +25 -0
- package/dist/components/form-element/select/Select.vue.d.ts +168 -0
- package/dist/components/form-element/select/SelectOption.vue.d.ts +23 -0
- package/dist/components/form-element/text-editor-toolbar.d.ts +5 -0
- package/dist/components/panel/Breadcrumb.vue.d.ts +50 -0
- package/dist/components/panel/Card.vue.d.ts +28 -0
- package/dist/components/panel/Divider.vue.d.ts +28 -0
- package/dist/components/panel/DropDown.vue.d.ts +26 -0
- package/dist/components/panel/Modal.vue.d.ts +80 -0
- package/dist/components/panel/Popover.vue.d.ts +68 -0
- package/dist/components/panel/ScrollPanel.vue.d.ts +26 -0
- package/dist/components/panel/Stepper.vue.d.ts +179 -0
- package/dist/components/panel/Tabs.vue.d.ts +31 -0
- package/dist/components/panel/Toolbar.vue.d.ts +30 -0
- package/dist/components/panel/accordion/Accordion.vue.d.ts +31 -0
- package/dist/components/panel/accordion/AccordionPanel.vue.d.ts +35 -0
- package/dist/components/panel/toast/ToastErrorNode.vue.d.ts +10 -0
- package/dist/components/panel/toast/ToastItem.vue.d.ts +14 -0
- package/dist/components/panel/toast/ToastProvider.vue.d.ts +3 -0
- package/dist/components/panel/toast/errorTree.d.ts +12 -0
- package/dist/components/panel/toast/useToast.d.ts +164 -0
- package/dist/index.d.ts +60 -0
- package/dist/plugins/init-icons.d.ts +1 -0
- package/dist/plugins/init-theme.d.ts +4 -0
- package/dist/theme/presets.d.ts +75 -0
- package/dist/theme/remote.d.ts +2 -0
- package/dist/ui.css +3 -0
- package/dist/ui.es.js +29640 -0
- package/dist/ui.umd.js +234 -0
- package/package.json +82 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
MIT License
|
|
2
|
+
|
|
3
|
+
Copyright (c) 2026 Chrisjelo B. Vega
|
|
4
|
+
|
|
5
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
6
|
+
of this software and associated documentation files (the "Software"), to deal
|
|
7
|
+
in the Software without restriction, including without limitation the rights
|
|
8
|
+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
9
|
+
copies of the Software, and to permit persons to whom the Software is
|
|
10
|
+
furnished to do so, subject to the following conditions:
|
|
11
|
+
|
|
12
|
+
The above copyright notice and this permission notice shall be included in all
|
|
13
|
+
copies or substantial portions of the Software.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
16
|
+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
17
|
+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
18
|
+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
19
|
+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
20
|
+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
|
|
21
|
+
SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
# @midnight-owl/ui
|
|
2
|
+
|
|
3
|
+
A free, MIT-licensed Vue 3 component library with Tailwind v4 theming, an auto-mounting toast
|
|
4
|
+
system, and accessible, fully-typed components. Every component ships unlocked — no gating, no
|
|
5
|
+
crippled "lite" versions.
|
|
6
|
+
|
|
7
|
+
Works as a plain Vue 3 + Vite SPA plugin and as a Nuxt 4 (SSR) module.
|
|
8
|
+
|
|
9
|
+
## Install
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @midnight-owl/ui vue
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
`vue ^3.3.0` is a peer dependency and must already be present in your project.
|
|
16
|
+
|
|
17
|
+
## Quick start
|
|
18
|
+
|
|
19
|
+
### Vue 3 + Vite
|
|
20
|
+
|
|
21
|
+
```ts
|
|
22
|
+
import { createApp } from 'vue'
|
|
23
|
+
import App from './App.vue'
|
|
24
|
+
import MidnightOwlUI from '@midnight-owl/ui'
|
|
25
|
+
import '@midnight-owl/ui/style.css'
|
|
26
|
+
|
|
27
|
+
const app = createApp(App)
|
|
28
|
+
app.use(MidnightOwlUI)
|
|
29
|
+
app.mount('#app')
|
|
30
|
+
```
|
|
31
|
+
|
|
32
|
+
### Nuxt 4
|
|
33
|
+
|
|
34
|
+
```ts
|
|
35
|
+
// plugins/midnight-owl-ui.ts
|
|
36
|
+
import MidnightOwlUI from '@midnight-owl/ui'
|
|
37
|
+
import '@midnight-owl/ui/style.css'
|
|
38
|
+
|
|
39
|
+
export default defineNuxtPlugin((nuxtApp) => {
|
|
40
|
+
nuxtApp.vueApp.use(MidnightOwlUI)
|
|
41
|
+
})
|
|
42
|
+
```
|
|
43
|
+
|
|
44
|
+
`app.use(MidnightOwlUI)` registers every component globally and injects the default theme. To
|
|
45
|
+
override the default design tokens (colors, spacing, typography), pass a partial tokens object as
|
|
46
|
+
the second argument:
|
|
47
|
+
|
|
48
|
+
```ts
|
|
49
|
+
app.use(MidnightOwlUI, {
|
|
50
|
+
colors: {
|
|
51
|
+
primary: {
|
|
52
|
+
/* ...50-950 scale overrides */
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
})
|
|
56
|
+
```
|
|
57
|
+
|
|
58
|
+
## Components
|
|
59
|
+
|
|
60
|
+
Buttons, form elements (inputs, select, autocomplete, date picker, rich text editor, file upload,
|
|
61
|
+
and more), panels (tabs, accordion, modal, popover, stepper, toolbar), data display (table,
|
|
62
|
+
pagination, badge, progress bar, image, skeleton loader), and an auto-mounting toast system
|
|
63
|
+
(`useToast()` — no provider component required). See the full component reference and live demos
|
|
64
|
+
at the [Midnight Owl UI docs site](https://midnightowl.dev).
|
|
65
|
+
|
|
66
|
+
## License
|
|
67
|
+
|
|
68
|
+
[MIT](./LICENSE)
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
label?: string;
|
|
3
|
+
icon?: string;
|
|
4
|
+
iconPos?: 'left' | 'right' | 'top' | 'bottom';
|
|
5
|
+
badge?: string | number;
|
|
6
|
+
badgeSeverity?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info';
|
|
7
|
+
variant?: 'solid' | 'soft' | 'outline' | 'text' | 'link';
|
|
8
|
+
severity?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
|
|
9
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
10
|
+
rounded?: boolean;
|
|
11
|
+
block?: boolean;
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
raised?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare var __VLS_6: {}, __VLS_13: {};
|
|
17
|
+
type __VLS_Slots = {} & {
|
|
18
|
+
icon?: (props: typeof __VLS_6) => any;
|
|
19
|
+
} & {
|
|
20
|
+
default?: (props: typeof __VLS_13) => any;
|
|
21
|
+
};
|
|
22
|
+
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
23
|
+
label: string;
|
|
24
|
+
icon: string;
|
|
25
|
+
iconPos: "left" | "right" | "top" | "bottom";
|
|
26
|
+
badge: string | number;
|
|
27
|
+
badgeSeverity: "primary" | "secondary" | "danger" | "success" | "warning" | "info";
|
|
28
|
+
variant: "solid" | "soft" | "outline" | "text" | "link";
|
|
29
|
+
severity: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
|
|
30
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
31
|
+
rounded: boolean;
|
|
32
|
+
block: boolean;
|
|
33
|
+
disabled: boolean;
|
|
34
|
+
loading: boolean;
|
|
35
|
+
raised: boolean;
|
|
36
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
37
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
38
|
+
declare const _default: typeof __VLS_export;
|
|
39
|
+
export default _default;
|
|
40
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
41
|
+
new (): {
|
|
42
|
+
$slots: S;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
orientation?: 'horizontal' | 'vertical';
|
|
3
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
4
|
+
}
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
10
|
+
orientation: "horizontal" | "vertical";
|
|
11
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
export interface BadgeProps {
|
|
2
|
+
value?: string | number;
|
|
3
|
+
severity?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info' | 'contrast';
|
|
4
|
+
variant?: 'solid' | 'soft' | 'outline';
|
|
5
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
6
|
+
rounded?: boolean;
|
|
7
|
+
dot?: boolean;
|
|
8
|
+
ping?: boolean;
|
|
9
|
+
position?: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
|
10
|
+
}
|
|
11
|
+
declare var __VLS_1: {}, __VLS_3: {};
|
|
12
|
+
type __VLS_Slots = {} & {
|
|
13
|
+
icon?: (props: typeof __VLS_1) => any;
|
|
14
|
+
} & {
|
|
15
|
+
default?: (props: typeof __VLS_3) => any;
|
|
16
|
+
};
|
|
17
|
+
declare const __VLS_base: import("vue").DefineComponent<BadgeProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<BadgeProps> & Readonly<{}>, {
|
|
18
|
+
variant: "solid" | "soft" | "outline";
|
|
19
|
+
severity: "primary" | "secondary" | "success" | "warning" | "danger" | "info" | "contrast";
|
|
20
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
21
|
+
rounded: boolean;
|
|
22
|
+
value: string | number;
|
|
23
|
+
position: "top-right" | "top-left" | "bottom-right" | "bottom-left";
|
|
24
|
+
dot: boolean;
|
|
25
|
+
ping: boolean;
|
|
26
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
27
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
28
|
+
declare const _default: typeof __VLS_export;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
content?: string;
|
|
3
|
+
parseHtml?: boolean;
|
|
4
|
+
autoLink?: boolean;
|
|
5
|
+
blockLinks?: boolean;
|
|
6
|
+
placement?: 'start' | 'end';
|
|
7
|
+
groupPosition?: 'first' | 'middle' | 'last' | 'single';
|
|
8
|
+
variant?: 'primary' | 'secondary' | 'surface' | 'ghost';
|
|
9
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
10
|
+
time?: string;
|
|
11
|
+
sender?: string;
|
|
12
|
+
avatar?: string;
|
|
13
|
+
showAvatar?: boolean;
|
|
14
|
+
}
|
|
15
|
+
declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {}, __VLS_14: {};
|
|
16
|
+
type __VLS_Slots = {} & {
|
|
17
|
+
avatar?: (props: typeof __VLS_1) => any;
|
|
18
|
+
} & {
|
|
19
|
+
reply?: (props: typeof __VLS_8) => any;
|
|
20
|
+
} & {
|
|
21
|
+
default?: (props: typeof __VLS_10) => any;
|
|
22
|
+
} & {
|
|
23
|
+
actions?: (props: typeof __VLS_12) => any;
|
|
24
|
+
} & {
|
|
25
|
+
status?: (props: typeof __VLS_14) => any;
|
|
26
|
+
};
|
|
27
|
+
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
28
|
+
click: (event: MouseEvent | TouchEvent) => any;
|
|
29
|
+
dblclick: (event: MouseEvent) => any;
|
|
30
|
+
longpress: (event: MouseEvent | TouchEvent) => any;
|
|
31
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
32
|
+
onClick?: ((event: MouseEvent | TouchEvent) => any) | undefined;
|
|
33
|
+
onDblclick?: ((event: MouseEvent) => any) | undefined;
|
|
34
|
+
onLongpress?: ((event: MouseEvent | TouchEvent) => any) | undefined;
|
|
35
|
+
}>, {
|
|
36
|
+
variant: "primary" | "secondary" | "surface" | "ghost";
|
|
37
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
38
|
+
placement: "start" | "end";
|
|
39
|
+
parseHtml: boolean;
|
|
40
|
+
autoLink: boolean;
|
|
41
|
+
blockLinks: boolean;
|
|
42
|
+
groupPosition: "first" | "middle" | "last" | "single";
|
|
43
|
+
showAvatar: boolean;
|
|
44
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
45
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
46
|
+
declare const _default: typeof __VLS_export;
|
|
47
|
+
export default _default;
|
|
48
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
49
|
+
new (): {
|
|
50
|
+
$slots: S;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
export interface ImageItem {
|
|
2
|
+
src: string | Blob | File;
|
|
3
|
+
alt?: string;
|
|
4
|
+
fallback?: string;
|
|
5
|
+
}
|
|
6
|
+
interface Props {
|
|
7
|
+
src?: string | Blob | File | null | (string | Blob | File | ImageItem)[];
|
|
8
|
+
alt?: string;
|
|
9
|
+
fallback?: string;
|
|
10
|
+
lazy?: boolean;
|
|
11
|
+
fetchpriority?: 'high' | 'low' | 'auto';
|
|
12
|
+
crossorigin?: 'anonymous' | 'use-credentials' | '';
|
|
13
|
+
srcset?: string;
|
|
14
|
+
previewable?: boolean;
|
|
15
|
+
fit?: 'cover' | 'contain' | 'fill' | 'none' | 'scale-down';
|
|
16
|
+
shape?: 'rounded' | 'circle' | 'square';
|
|
17
|
+
width?: string | number;
|
|
18
|
+
height?: string | number;
|
|
19
|
+
skeletonClass?: string;
|
|
20
|
+
max?: number;
|
|
21
|
+
stacked?: boolean;
|
|
22
|
+
borderColor?: string;
|
|
23
|
+
}
|
|
24
|
+
declare var __VLS_6: {}, __VLS_13: {}, __VLS_26: {};
|
|
25
|
+
type __VLS_Slots = {} & {
|
|
26
|
+
loading?: (props: typeof __VLS_6) => any;
|
|
27
|
+
} & {
|
|
28
|
+
error?: (props: typeof __VLS_13) => any;
|
|
29
|
+
} & {
|
|
30
|
+
'preview-actions'?: (props: typeof __VLS_26) => any;
|
|
31
|
+
};
|
|
32
|
+
declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
33
|
+
error: (event: Event) => any;
|
|
34
|
+
load: (event: Event) => any;
|
|
35
|
+
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
36
|
+
onError?: ((event: Event) => any) | undefined;
|
|
37
|
+
onLoad?: ((event: Event) => any) | undefined;
|
|
38
|
+
}>, {
|
|
39
|
+
max: number;
|
|
40
|
+
alt: string;
|
|
41
|
+
lazy: boolean;
|
|
42
|
+
fetchpriority: "high" | "low" | "auto";
|
|
43
|
+
previewable: boolean;
|
|
44
|
+
fit: "cover" | "contain" | "fill" | "none" | "scale-down";
|
|
45
|
+
shape: "rounded" | "circle" | "square";
|
|
46
|
+
stacked: boolean;
|
|
47
|
+
borderColor: string;
|
|
48
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
49
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
50
|
+
declare const _default: typeof __VLS_export;
|
|
51
|
+
export default _default;
|
|
52
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
53
|
+
new (): {
|
|
54
|
+
$slots: S;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
export interface PaginationProps {
|
|
2
|
+
totalRecords: number;
|
|
3
|
+
currentPage: number;
|
|
4
|
+
rowsPerPage?: number;
|
|
5
|
+
rowsPerPageOptions?: number[];
|
|
6
|
+
showRowsPerPage?: boolean;
|
|
7
|
+
showJumpToPage?: boolean;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
10
|
+
variant?: 'solid' | 'soft' | 'outline' | 'text' | 'link';
|
|
11
|
+
severity?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
|
|
12
|
+
rounded?: boolean;
|
|
13
|
+
}
|
|
14
|
+
declare var __VLS_27: {}, __VLS_29: {
|
|
15
|
+
start: number;
|
|
16
|
+
end: number;
|
|
17
|
+
total: number;
|
|
18
|
+
}, __VLS_31: {}, __VLS_53: {};
|
|
19
|
+
type __VLS_Slots = {} & {
|
|
20
|
+
start?: (props: typeof __VLS_27) => any;
|
|
21
|
+
} & {
|
|
22
|
+
meta?: (props: typeof __VLS_29) => any;
|
|
23
|
+
} & {
|
|
24
|
+
middle?: (props: typeof __VLS_31) => any;
|
|
25
|
+
} & {
|
|
26
|
+
end?: (props: typeof __VLS_53) => any;
|
|
27
|
+
};
|
|
28
|
+
declare const __VLS_base: import("vue").DefineComponent<PaginationProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
29
|
+
"update:currentPage": (page: number) => any;
|
|
30
|
+
"update:rowsPerPage": (rows: number) => any;
|
|
31
|
+
"page-change": (config: {
|
|
32
|
+
page: number;
|
|
33
|
+
rowsPerPage: number;
|
|
34
|
+
}) => any;
|
|
35
|
+
}, string, import("vue").PublicProps, Readonly<PaginationProps> & Readonly<{
|
|
36
|
+
"onUpdate:currentPage"?: ((page: number) => any) | undefined;
|
|
37
|
+
"onUpdate:rowsPerPage"?: ((rows: number) => any) | undefined;
|
|
38
|
+
"onPage-change"?: ((config: {
|
|
39
|
+
page: number;
|
|
40
|
+
rowsPerPage: number;
|
|
41
|
+
}) => any) | undefined;
|
|
42
|
+
}>, {
|
|
43
|
+
variant: "solid" | "soft" | "outline" | "text" | "link";
|
|
44
|
+
severity: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
|
|
45
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
46
|
+
rounded: boolean;
|
|
47
|
+
disabled: boolean;
|
|
48
|
+
rowsPerPage: number;
|
|
49
|
+
rowsPerPageOptions: number[];
|
|
50
|
+
showRowsPerPage: boolean;
|
|
51
|
+
showJumpToPage: boolean;
|
|
52
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
53
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
54
|
+
declare const _default: typeof __VLS_export;
|
|
55
|
+
export default _default;
|
|
56
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
57
|
+
new (): {
|
|
58
|
+
$slots: S;
|
|
59
|
+
};
|
|
60
|
+
};
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
id?: string;
|
|
3
|
+
max?: number;
|
|
4
|
+
label?: string;
|
|
5
|
+
showValue?: boolean;
|
|
6
|
+
valuePosition?: 'top' | 'bottom' | 'inside' | 'right';
|
|
7
|
+
valueFormatter?: (value: number, max: number) => string;
|
|
8
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
9
|
+
variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'info';
|
|
10
|
+
striped?: boolean;
|
|
11
|
+
animated?: boolean;
|
|
12
|
+
indeterminate?: boolean;
|
|
13
|
+
}
|
|
14
|
+
type __VLS_Props = Props;
|
|
15
|
+
type __VLS_ModelProps = {
|
|
16
|
+
modelValue?: number;
|
|
17
|
+
};
|
|
18
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
19
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
20
|
+
"update:modelValue": (value: number) => any;
|
|
21
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
22
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
23
|
+
}>, {
|
|
24
|
+
variant: "primary" | "secondary" | "success" | "warning" | "danger" | "info";
|
|
25
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
26
|
+
max: number;
|
|
27
|
+
indeterminate: boolean;
|
|
28
|
+
showValue: boolean;
|
|
29
|
+
valuePosition: "top" | "bottom" | "inside" | "right";
|
|
30
|
+
striped: boolean;
|
|
31
|
+
animated: boolean;
|
|
32
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
33
|
+
declare const _default: typeof __VLS_export;
|
|
34
|
+
export default _default;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
interface Props {
|
|
2
|
+
shape?: 'text' | 'circle' | 'rectangle' | 'rounded';
|
|
3
|
+
width?: string | number;
|
|
4
|
+
height?: string | number;
|
|
5
|
+
animation?: 'pulse' | 'wave' | 'none';
|
|
6
|
+
count?: number;
|
|
7
|
+
}
|
|
8
|
+
declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
9
|
+
animation: "pulse" | "wave" | "none";
|
|
10
|
+
shape: "text" | "circle" | "rectangle" | "rounded";
|
|
11
|
+
count: number;
|
|
12
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
@@ -0,0 +1,182 @@
|
|
|
1
|
+
export interface TableColumn {
|
|
2
|
+
key: string;
|
|
3
|
+
header: string;
|
|
4
|
+
width?: string | number;
|
|
5
|
+
sortable?: boolean;
|
|
6
|
+
pinned?: 'left' | 'right';
|
|
7
|
+
align?: 'left' | 'center' | 'right';
|
|
8
|
+
hidden?: boolean;
|
|
9
|
+
headerClass?: string;
|
|
10
|
+
cellClass?: string | ((row: any) => string);
|
|
11
|
+
children?: TableColumn[];
|
|
12
|
+
}
|
|
13
|
+
export interface TableProps {
|
|
14
|
+
columns?: TableColumn[];
|
|
15
|
+
rowKey?: string;
|
|
16
|
+
sortKey?: string;
|
|
17
|
+
sortDirection?: 'asc' | 'desc' | null;
|
|
18
|
+
maxHeight?: string | number;
|
|
19
|
+
rowSelection?: boolean;
|
|
20
|
+
reorderableColumns?: boolean;
|
|
21
|
+
reorderableRows?: boolean | ((row: any) => boolean);
|
|
22
|
+
expandableRows?: boolean;
|
|
23
|
+
loading?: boolean;
|
|
24
|
+
loadingMessage?: string;
|
|
25
|
+
emptyMessage?: string;
|
|
26
|
+
emptyStateIcon?: string;
|
|
27
|
+
treeNodeKey?: string;
|
|
28
|
+
rowClass?: (row: any, index: number) => string | string[] | object;
|
|
29
|
+
stripedRows?: boolean;
|
|
30
|
+
bordered?: boolean;
|
|
31
|
+
seamless?: boolean;
|
|
32
|
+
size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
33
|
+
highlightOnHover?: boolean;
|
|
34
|
+
rtlDirection?: boolean;
|
|
35
|
+
}
|
|
36
|
+
type __VLS_Props = TableProps;
|
|
37
|
+
type __VLS_ModelProps = {
|
|
38
|
+
'records'?: any[];
|
|
39
|
+
};
|
|
40
|
+
type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
|
|
41
|
+
declare var __VLS_1: {}, __VLS_14: {}, __VLS_16: {
|
|
42
|
+
checked: boolean;
|
|
43
|
+
indeterminate: boolean;
|
|
44
|
+
toggle: () => void;
|
|
45
|
+
}, __VLS_18: {}, __VLS_21: `header-${any}`, __VLS_22: {
|
|
46
|
+
column: any;
|
|
47
|
+
}, __VLS_34: {}, __VLS_37: `filter-${string}`, __VLS_38: {
|
|
48
|
+
column: TableColumn;
|
|
49
|
+
}, __VLS_40: {
|
|
50
|
+
colspan: number;
|
|
51
|
+
}, __VLS_42: {}, __VLS_49: {
|
|
52
|
+
row: any;
|
|
53
|
+
index: number;
|
|
54
|
+
expanded: boolean;
|
|
55
|
+
toggle: (e: Event) => void;
|
|
56
|
+
colspan: number;
|
|
57
|
+
}, __VLS_51: {
|
|
58
|
+
row: any;
|
|
59
|
+
expanded: boolean;
|
|
60
|
+
toggle: (e: Event) => void;
|
|
61
|
+
}, __VLS_60: {
|
|
62
|
+
row: any;
|
|
63
|
+
checked: boolean;
|
|
64
|
+
toggle: () => void;
|
|
65
|
+
}, __VLS_62: {
|
|
66
|
+
row: any;
|
|
67
|
+
}, __VLS_69: {
|
|
68
|
+
row: any;
|
|
69
|
+
expanded: boolean;
|
|
70
|
+
toggle: (e: Event) => void;
|
|
71
|
+
}, __VLS_79: `cell-${string}`, __VLS_80: {
|
|
72
|
+
row: any;
|
|
73
|
+
column: TableColumn;
|
|
74
|
+
index: number;
|
|
75
|
+
}, __VLS_82: {
|
|
76
|
+
row: any;
|
|
77
|
+
index: number;
|
|
78
|
+
}, __VLS_84: {
|
|
79
|
+
row: any;
|
|
80
|
+
index: number;
|
|
81
|
+
}, __VLS_86: {
|
|
82
|
+
colspan: number;
|
|
83
|
+
}, __VLS_88: {}, __VLS_98: {
|
|
84
|
+
row: any;
|
|
85
|
+
close: () => void;
|
|
86
|
+
}, __VLS_100: {};
|
|
87
|
+
type __VLS_Slots = {} & {
|
|
88
|
+
[K in NonNullable<typeof __VLS_21>]?: (props: typeof __VLS_22) => any;
|
|
89
|
+
} & {
|
|
90
|
+
[K in NonNullable<typeof __VLS_37>]?: (props: typeof __VLS_38) => any;
|
|
91
|
+
} & {
|
|
92
|
+
[K in NonNullable<typeof __VLS_79>]?: (props: typeof __VLS_80) => any;
|
|
93
|
+
} & {
|
|
94
|
+
toolbar?: (props: typeof __VLS_1) => any;
|
|
95
|
+
} & {
|
|
96
|
+
'header-expand'?: (props: typeof __VLS_14) => any;
|
|
97
|
+
} & {
|
|
98
|
+
'header-selection'?: (props: typeof __VLS_16) => any;
|
|
99
|
+
} & {
|
|
100
|
+
'header-drag-handle'?: (props: typeof __VLS_18) => any;
|
|
101
|
+
} & {
|
|
102
|
+
'header-action'?: (props: typeof __VLS_34) => any;
|
|
103
|
+
} & {
|
|
104
|
+
'tbody-start'?: (props: typeof __VLS_40) => any;
|
|
105
|
+
} & {
|
|
106
|
+
empty?: (props: typeof __VLS_42) => any;
|
|
107
|
+
} & {
|
|
108
|
+
row?: (props: typeof __VLS_49) => any;
|
|
109
|
+
} & {
|
|
110
|
+
'cell-expand'?: (props: typeof __VLS_51) => any;
|
|
111
|
+
} & {
|
|
112
|
+
'cell-selection'?: (props: typeof __VLS_60) => any;
|
|
113
|
+
} & {
|
|
114
|
+
'cell-drag-handle'?: (props: typeof __VLS_62) => any;
|
|
115
|
+
} & {
|
|
116
|
+
'body-tree-toggle'?: (props: typeof __VLS_69) => any;
|
|
117
|
+
} & {
|
|
118
|
+
action?: (props: typeof __VLS_82) => any;
|
|
119
|
+
} & {
|
|
120
|
+
'expanded-row'?: (props: typeof __VLS_84) => any;
|
|
121
|
+
} & {
|
|
122
|
+
'tbody-end'?: (props: typeof __VLS_86) => any;
|
|
123
|
+
} & {
|
|
124
|
+
footer?: (props: typeof __VLS_88) => any;
|
|
125
|
+
} & {
|
|
126
|
+
'context-menu'?: (props: typeof __VLS_98) => any;
|
|
127
|
+
} & {
|
|
128
|
+
pagination?: (props: typeof __VLS_100) => any;
|
|
129
|
+
};
|
|
130
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
131
|
+
"update:records": (value: any[]) => any;
|
|
132
|
+
} & {
|
|
133
|
+
"row-click": (row: any, event: MouseEvent) => any;
|
|
134
|
+
"row-contextmenu": (row: any, event: MouseEvent) => any;
|
|
135
|
+
"selection-change": (selectedRows: any[]) => any;
|
|
136
|
+
"sort-change": (sortConfig: {
|
|
137
|
+
key: string;
|
|
138
|
+
direction: "asc" | "desc" | null;
|
|
139
|
+
}) => any;
|
|
140
|
+
"column-drop": (sourceField: string, targetField: string) => any;
|
|
141
|
+
"row-drop": (sourceId: string | number, targetId: string | number | null) => any;
|
|
142
|
+
}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
|
|
143
|
+
"onRow-click"?: ((row: any, event: MouseEvent) => any) | undefined;
|
|
144
|
+
"onRow-contextmenu"?: ((row: any, event: MouseEvent) => any) | undefined;
|
|
145
|
+
"onSelection-change"?: ((selectedRows: any[]) => any) | undefined;
|
|
146
|
+
"onSort-change"?: ((sortConfig: {
|
|
147
|
+
key: string;
|
|
148
|
+
direction: "asc" | "desc" | null;
|
|
149
|
+
}) => any) | undefined;
|
|
150
|
+
"onColumn-drop"?: ((sourceField: string, targetField: string) => any) | undefined;
|
|
151
|
+
"onRow-drop"?: ((sourceId: string | number, targetId: string | number | null) => any) | undefined;
|
|
152
|
+
"onUpdate:records"?: ((value: any[]) => any) | undefined;
|
|
153
|
+
}>, {
|
|
154
|
+
size: "xs" | "sm" | "md" | "lg" | "xl";
|
|
155
|
+
loading: boolean;
|
|
156
|
+
maxHeight: string | number;
|
|
157
|
+
columns: TableColumn[];
|
|
158
|
+
rowKey: string;
|
|
159
|
+
sortKey: string;
|
|
160
|
+
sortDirection: "asc" | "desc" | null;
|
|
161
|
+
rowSelection: boolean;
|
|
162
|
+
reorderableColumns: boolean;
|
|
163
|
+
reorderableRows: boolean | ((row: any) => boolean);
|
|
164
|
+
expandableRows: boolean;
|
|
165
|
+
loadingMessage: string;
|
|
166
|
+
emptyMessage: string;
|
|
167
|
+
emptyStateIcon: string;
|
|
168
|
+
treeNodeKey: string;
|
|
169
|
+
stripedRows: boolean;
|
|
170
|
+
bordered: boolean;
|
|
171
|
+
seamless: boolean;
|
|
172
|
+
highlightOnHover: boolean;
|
|
173
|
+
rtlDirection: boolean;
|
|
174
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
175
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
176
|
+
declare const _default: typeof __VLS_export;
|
|
177
|
+
export default _default;
|
|
178
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
179
|
+
new (): {
|
|
180
|
+
$slots: S;
|
|
181
|
+
};
|
|
182
|
+
};
|