@v1nt1248/3nclient-lib 0.3.9 → 0.3.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/dist/components/ui3n-autocomplete/types.d.ts +100 -0
- package/dist/components/ui3n-badge/types.d.ts +14 -0
- package/dist/components/ui3n-badge/ui3n-badge.vue.d.ts +2 -4
- package/dist/components/ui3n-breadcrumbs/types.d.ts +50 -0
- package/dist/components/ui3n-breadcrumbs/ui3n-breadcrumbs.vue.d.ts +2 -4
- package/dist/components/ui3n-button/types.d.ts +21 -0
- package/dist/components/ui3n-button/ui3n-button.vue.d.ts +2 -4
- package/dist/components/ui3n-checkbox/types.d.ts +44 -0
- package/dist/components/ui3n-chip/types.d.ts +49 -0
- package/dist/components/ui3n-dialog/types.d.ts +103 -0
- package/dist/components/ui3n-drop-files/types.d.ts +31 -0
- package/dist/components/ui3n-editable/types.d.ts +102 -0
- package/dist/components/ui3n-emoji/types.d.ts +13 -0
- package/dist/components/ui3n-icon/types.d.ts +10 -0
- package/dist/components/ui3n-input/types.d.ts +85 -0
- package/dist/components/ui3n-input-file/types.d.ts +29 -0
- package/dist/components/ui3n-list/types.d.ts +35 -0
- package/dist/components/ui3n-menu/types.d.ts +89 -0
- package/dist/components/ui3n-notification/types.d.ts +28 -0
- package/dist/components/ui3n-progress/types.d.ts +49 -0
- package/dist/components/ui3n-radio-group/types.d.ts +78 -0
- package/dist/components/ui3n-selector/types.d.ts +95 -0
- package/dist/components/ui3n-slider/types.d.ts +51 -0
- package/dist/components/ui3n-step-line-bar/types.d.ts +12 -0
- package/dist/components/ui3n-switch/types.d.ts +31 -0
- package/dist/components/ui3n-table/types.d.ts +198 -0
- package/dist/components/ui3n-tabs/types.d.ts +38 -0
- package/dist/components/ui3n-text/types.d.ts +56 -0
- package/dist/components/ui3n-tooltip/types.d.ts +69 -0
- package/dist/components/ui3n-virtual-scroll/types.d.ts +18 -0
- package/dist/constants/general.d.ts +0 -1
- package/dist/constants/plugins-keys.d.ts +0 -2
- package/dist/index.d.ts +0 -8
- package/dist/plugins/index.d.ts +1 -4
- package/dist/style.css +1 -1
- package/dist/ui3n-components.js +5521 -5527
- package/dist/ui3n-plugins.d.ts +3 -11
- package/dist/ui3n-plugins.js +338 -366
- package/dist/ui3n-utils.js +422 -439
- package/dist/utils/copy-to-clipboard.d.ts +1 -0
- package/dist/utils/execute-function.d.ts +29 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/remove-whitespace-in-string.d.ts +1 -0
- package/dist/utils/ui/get-element-color.d.ts +1 -1
- package/package.json +25 -22
- package/src/components/ui3n-autocomplete/types.ts +100 -0
- package/src/components/ui3n-badge/types.ts +16 -0
- package/src/components/ui3n-badge/ui3n-badge-simple.vue +10 -9
- package/src/components/ui3n-badge/ui3n-badge.vue +37 -36
- package/src/components/ui3n-breadcrumbs/types.ts +51 -0
- package/src/components/ui3n-breadcrumbs/ui3n-breadcrumb.vue +69 -69
- package/src/components/ui3n-breadcrumbs/ui3n-breadcrumbs.vue +7 -8
- package/src/components/ui3n-button/types.ts +23 -0
- package/src/components/ui3n-button/ui3n-button.vue +27 -29
- package/src/components/ui3n-checkbox/types.ts +44 -0
- package/src/components/ui3n-checkbox/ui3n-checkbox.vue +16 -23
- package/src/components/ui3n-chip/types.ts +51 -0
- package/src/components/ui3n-dialog/types.ts +103 -0
- package/src/components/ui3n-drop-files/types.ts +31 -0
- package/src/components/ui3n-editable/types.ts +102 -0
- package/src/components/ui3n-editable/useContentEditable.ts +4 -2
- package/src/components/ui3n-emoji/types.ts +13 -0
- package/src/components/ui3n-icon/types.ts +10 -0
- package/src/components/ui3n-input/types.ts +85 -0
- package/src/components/ui3n-input-file/types.ts +29 -0
- package/src/components/ui3n-list/types.ts +35 -0
- package/src/components/ui3n-menu/types.ts +89 -0
- package/src/components/ui3n-notification/types.ts +28 -0
- package/src/components/ui3n-progress/types.ts +49 -0
- package/src/components/ui3n-radio-group/types.ts +78 -0
- package/src/components/ui3n-selector/types.ts +96 -1
- package/src/components/ui3n-slider/types.ts +51 -0
- package/src/components/ui3n-step-line-bar/types.ts +12 -0
- package/src/components/ui3n-switch/types.ts +31 -0
- package/src/components/ui3n-table/types.ts +204 -0
- package/src/components/ui3n-tabs/types.ts +38 -0
- package/src/components/ui3n-text/types.ts +56 -0
- package/src/components/ui3n-tooltip/types.ts +69 -0
- package/src/components/ui3n-virtual-scroll/types.ts +18 -0
- package/dist/plugins/i18n/i18n.d.ts +0 -9
- package/dist/plugins/i18n/store-i18n.d.ts +0 -7
- package/dist/plugins/i18n/types.d.ts +0 -9
|
@@ -1,39 +1,141 @@
|
|
|
1
1
|
import { Nullable } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* Properties of the Ui3nContentEditable component
|
|
4
|
+
*/
|
|
2
5
|
export interface Ui3nContentEditableProps {
|
|
6
|
+
/**
|
|
7
|
+
* Current value of the editable content
|
|
8
|
+
*/
|
|
3
9
|
modelValue: string;
|
|
10
|
+
/**
|
|
11
|
+
* Placeholder text
|
|
12
|
+
*/
|
|
4
13
|
placeholder?: string;
|
|
14
|
+
/**
|
|
15
|
+
* Maximum length of the text
|
|
16
|
+
*/
|
|
5
17
|
maxLength?: number;
|
|
18
|
+
/**
|
|
19
|
+
* Component disabled flag
|
|
20
|
+
*/
|
|
6
21
|
disabled?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Flag for automatic selection of all text on focus
|
|
24
|
+
*/
|
|
7
25
|
selectAllOnFocus?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Multiline mode flag
|
|
28
|
+
*/
|
|
8
29
|
isMultiline?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* Flag to prevent empty values
|
|
32
|
+
*/
|
|
9
33
|
disallowEmptyValue?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Debounce delay in milliseconds
|
|
36
|
+
*/
|
|
10
37
|
debounceDelay?: number;
|
|
11
38
|
}
|
|
39
|
+
/**
|
|
40
|
+
* Events of the Ui3nContentEditable component
|
|
41
|
+
*/
|
|
12
42
|
export interface Ui3nContentEditableEmits {
|
|
43
|
+
/**
|
|
44
|
+
* Component initialization event
|
|
45
|
+
*/
|
|
13
46
|
(event: 'init', value: HTMLElement): void;
|
|
47
|
+
/**
|
|
48
|
+
* Model value update event
|
|
49
|
+
*/
|
|
14
50
|
(event: 'update:modelValue', value: Nullable<string>): void;
|
|
51
|
+
/**
|
|
52
|
+
* Input event
|
|
53
|
+
*/
|
|
15
54
|
(event: 'input', value: Nullable<string>): void;
|
|
55
|
+
/**
|
|
56
|
+
* Value change event
|
|
57
|
+
*/
|
|
16
58
|
(event: 'change', value: Nullable<string>): void;
|
|
59
|
+
/**
|
|
60
|
+
* Click event
|
|
61
|
+
*/
|
|
17
62
|
(event: 'click', value: MouseEvent): void;
|
|
63
|
+
/**
|
|
64
|
+
* Keydown event
|
|
65
|
+
*/
|
|
18
66
|
(event: 'keydown', value: KeyboardEvent): void;
|
|
67
|
+
/**
|
|
68
|
+
* Focusin event
|
|
69
|
+
*/
|
|
19
70
|
(event: 'focusin', value: FocusEvent): void;
|
|
71
|
+
/**
|
|
72
|
+
* Focusout event
|
|
73
|
+
*/
|
|
20
74
|
(event: 'focusout', value: FocusEvent): void;
|
|
21
75
|
}
|
|
76
|
+
/**
|
|
77
|
+
* Properties of the Ui3nEditable component
|
|
78
|
+
*/
|
|
22
79
|
export interface Ui3nEditableProps {
|
|
80
|
+
/**
|
|
81
|
+
* Current value of the editable content
|
|
82
|
+
*/
|
|
23
83
|
modelValue: string;
|
|
84
|
+
/**
|
|
85
|
+
* Placeholder text
|
|
86
|
+
*/
|
|
24
87
|
placeholder?: string;
|
|
88
|
+
/**
|
|
89
|
+
* Maximum length of the text
|
|
90
|
+
*/
|
|
25
91
|
maxLength?: number;
|
|
92
|
+
/**
|
|
93
|
+
* Maximum width of the component
|
|
94
|
+
*/
|
|
26
95
|
maxWidth?: string | number;
|
|
96
|
+
/**
|
|
97
|
+
* Tooltip width
|
|
98
|
+
*/
|
|
27
99
|
tooltipWidth?: number;
|
|
100
|
+
/**
|
|
101
|
+
* Component disabled flag
|
|
102
|
+
*/
|
|
28
103
|
disabled?: boolean;
|
|
104
|
+
/**
|
|
105
|
+
* Flag for automatic selection of all text on focus
|
|
106
|
+
*/
|
|
29
107
|
selectAllOnFocus?: boolean;
|
|
108
|
+
/**
|
|
109
|
+
* Flag to prevent empty values
|
|
110
|
+
*/
|
|
30
111
|
disallowEmptyValue?: boolean;
|
|
31
112
|
}
|
|
113
|
+
/**
|
|
114
|
+
* Events of the Ui3nEditable component
|
|
115
|
+
*/
|
|
32
116
|
export interface Ui3nEditableEmits {
|
|
117
|
+
/**
|
|
118
|
+
* Model value update event
|
|
119
|
+
*/
|
|
33
120
|
(event: 'update:modelValue', value: Nullable<string>): void;
|
|
121
|
+
/**
|
|
122
|
+
* Edit mode toggle event
|
|
123
|
+
*/
|
|
34
124
|
(event: 'toggle:editMode', value: boolean): void;
|
|
125
|
+
/**
|
|
126
|
+
* Edit completion event
|
|
127
|
+
*/
|
|
35
128
|
(event: 'done'): void;
|
|
129
|
+
/**
|
|
130
|
+
* Edit cancellation event
|
|
131
|
+
*/
|
|
36
132
|
(event: 'cancel'): void;
|
|
133
|
+
/**
|
|
134
|
+
* Focusin event
|
|
135
|
+
*/
|
|
37
136
|
(event: 'focusin', value: FocusEvent): void;
|
|
137
|
+
/**
|
|
138
|
+
* Focusout event
|
|
139
|
+
*/
|
|
38
140
|
(event: 'focusout'): void;
|
|
39
141
|
}
|
|
@@ -1,8 +1,21 @@
|
|
|
1
1
|
export interface Ui3nEmojiProps {
|
|
2
|
+
/**
|
|
3
|
+
* Emoji to display
|
|
4
|
+
*/
|
|
2
5
|
emoji: string;
|
|
6
|
+
/**
|
|
7
|
+
* Emoji size
|
|
8
|
+
*/
|
|
3
9
|
size?: string | number;
|
|
10
|
+
/**
|
|
11
|
+
* Whether emoji is readonly
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
4
14
|
readonly?: boolean;
|
|
5
15
|
}
|
|
6
16
|
export interface Ui3nEmojiEmits {
|
|
17
|
+
/**
|
|
18
|
+
* Called when emoji is clicked
|
|
19
|
+
*/
|
|
7
20
|
(ev: 'click', value: Event): void;
|
|
8
21
|
}
|
|
@@ -1,14 +1,24 @@
|
|
|
1
1
|
export interface Ui3nIconProps {
|
|
2
|
+
/** Icon name */
|
|
2
3
|
icon: string;
|
|
4
|
+
/** Icon title */
|
|
3
5
|
title?: string;
|
|
6
|
+
/** Icon size */
|
|
4
7
|
size?: string | number;
|
|
8
|
+
/** Icon width */
|
|
5
9
|
width?: string | number;
|
|
10
|
+
/** Icon height */
|
|
6
11
|
height?: string | number;
|
|
12
|
+
/** Icon color */
|
|
7
13
|
color?: string;
|
|
14
|
+
/** Flip icon horizontally */
|
|
8
15
|
horizontalFlip?: boolean;
|
|
16
|
+
/** Flip icon vertically */
|
|
9
17
|
verticalFlip?: boolean;
|
|
18
|
+
/** Icon rotation in degrees */
|
|
10
19
|
rotate?: number;
|
|
11
20
|
}
|
|
12
21
|
export interface Ui3nIconEmits {
|
|
22
|
+
/** Called when the icon is clicked */
|
|
13
23
|
(ev: 'click', value: Event): void;
|
|
14
24
|
}
|
|
@@ -1,28 +1,104 @@
|
|
|
1
1
|
export interface Ui3nInputProps {
|
|
2
|
+
/**
|
|
3
|
+
* Input value
|
|
4
|
+
*/
|
|
2
5
|
modelValue: string;
|
|
6
|
+
/**
|
|
7
|
+
* Input label
|
|
8
|
+
*/
|
|
3
9
|
label?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Input type
|
|
12
|
+
* @default 'text'
|
|
13
|
+
*/
|
|
4
14
|
type?: 'text' | 'password';
|
|
15
|
+
/**
|
|
16
|
+
* Input placeholder
|
|
17
|
+
*/
|
|
5
18
|
placeholder?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Whether input is clearable
|
|
21
|
+
* @default false
|
|
22
|
+
*/
|
|
6
23
|
clearable?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Whether input is autofocus
|
|
26
|
+
* @default false
|
|
27
|
+
*/
|
|
7
28
|
autofocus?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Input icon
|
|
31
|
+
*/
|
|
8
32
|
icon?: string;
|
|
33
|
+
/**
|
|
34
|
+
* Input icon color
|
|
35
|
+
*/
|
|
9
36
|
iconColor?: string;
|
|
37
|
+
/**
|
|
38
|
+
* Validation rules
|
|
39
|
+
*/
|
|
10
40
|
rules?: Array<(v: unknown) => boolean | string>;
|
|
41
|
+
/**
|
|
42
|
+
* Whether to validate at startup
|
|
43
|
+
* @default false
|
|
44
|
+
*/
|
|
11
45
|
validateAtStartup?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Whether to hide bottom space
|
|
48
|
+
* @default false
|
|
49
|
+
*/
|
|
12
50
|
hideBottomSpace?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Display state mode
|
|
53
|
+
*/
|
|
13
54
|
displayStateMode?: 'error' | 'success';
|
|
55
|
+
/**
|
|
56
|
+
* Whether to display state with icon
|
|
57
|
+
* @default false
|
|
58
|
+
*/
|
|
14
59
|
displayStateWithIcon?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Display state message
|
|
62
|
+
*/
|
|
15
63
|
displayStateMessage?: string;
|
|
64
|
+
/**
|
|
65
|
+
* Whether input is disabled
|
|
66
|
+
* @default false
|
|
67
|
+
*/
|
|
16
68
|
disabled?: boolean;
|
|
17
69
|
}
|
|
18
70
|
export interface Ui3nInputEmits {
|
|
71
|
+
/**
|
|
72
|
+
* Called when input is initialized
|
|
73
|
+
*/
|
|
19
74
|
(event: 'init', value: HTMLInputElement): void;
|
|
75
|
+
/**
|
|
76
|
+
* Called when input value changes
|
|
77
|
+
*/
|
|
20
78
|
(event: 'input', value: string): void;
|
|
79
|
+
/**
|
|
80
|
+
* Called when key is pressed
|
|
81
|
+
*/
|
|
21
82
|
(event: 'keydown', value: KeyboardEvent): void;
|
|
83
|
+
/**
|
|
84
|
+
* Called when input is focused
|
|
85
|
+
*/
|
|
22
86
|
(event: 'focus', value: Event): void;
|
|
87
|
+
/**
|
|
88
|
+
* Called when input loses focus
|
|
89
|
+
*/
|
|
23
90
|
(event: 'blur', value: Event): void;
|
|
91
|
+
/**
|
|
92
|
+
* Called when input is cleared
|
|
93
|
+
*/
|
|
24
94
|
(event: 'clear'): void;
|
|
95
|
+
/**
|
|
96
|
+
* Called when input value changes
|
|
97
|
+
*/
|
|
25
98
|
(event: 'change', value: string): void;
|
|
99
|
+
/**
|
|
100
|
+
* Called when Enter key is pressed
|
|
101
|
+
*/
|
|
26
102
|
(event: 'enter', value: {
|
|
27
103
|
value: string;
|
|
28
104
|
altKey: boolean;
|
|
@@ -30,7 +106,16 @@ export interface Ui3nInputEmits {
|
|
|
30
106
|
shiftKey: boolean;
|
|
31
107
|
metaKey: boolean;
|
|
32
108
|
}): void;
|
|
109
|
+
/**
|
|
110
|
+
* Called when Escape key is pressed
|
|
111
|
+
*/
|
|
33
112
|
(event: 'escape', value: Event): void;
|
|
113
|
+
/**
|
|
114
|
+
* Called when model value updates
|
|
115
|
+
*/
|
|
34
116
|
(event: 'update:modelValue', value: string): void;
|
|
117
|
+
/**
|
|
118
|
+
* Called when validation status updates
|
|
119
|
+
*/
|
|
35
120
|
(event: 'update:valid', value: boolean): void;
|
|
36
121
|
}
|
|
@@ -1,13 +1,42 @@
|
|
|
1
1
|
export interface Ui3nInputFileProps {
|
|
2
|
+
/**
|
|
3
|
+
* Selected files
|
|
4
|
+
*/
|
|
2
5
|
modelValue?: File[] | FileList;
|
|
6
|
+
/**
|
|
7
|
+
* Button text
|
|
8
|
+
*/
|
|
3
9
|
buttonText?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Whether multiple files can be selected
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
4
14
|
multiple?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* Maximum number of files
|
|
17
|
+
*/
|
|
5
18
|
maxNumberOfFiles?: number | string;
|
|
19
|
+
/**
|
|
20
|
+
* Maximum file size in bytes
|
|
21
|
+
*/
|
|
6
22
|
maxFileSize?: number;
|
|
23
|
+
/**
|
|
24
|
+
* Allowed file types
|
|
25
|
+
*/
|
|
7
26
|
allowedFileTypes?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Whether input is disabled
|
|
29
|
+
* @default false
|
|
30
|
+
*/
|
|
8
31
|
disabled?: boolean;
|
|
9
32
|
}
|
|
10
33
|
export interface Ui3nInputFileEmits {
|
|
34
|
+
/**
|
|
35
|
+
* Called when model value updates
|
|
36
|
+
*/
|
|
11
37
|
(event: 'update:modelValue', value: File[] | FileList): void;
|
|
38
|
+
/**
|
|
39
|
+
* Called when error occurs
|
|
40
|
+
*/
|
|
12
41
|
(event: 'error', value: string): void;
|
|
13
42
|
}
|
|
@@ -1,19 +1,54 @@
|
|
|
1
1
|
import { VNode } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* List component properties
|
|
4
|
+
*/
|
|
2
5
|
export interface Ui3nListProps<T> {
|
|
6
|
+
/**
|
|
7
|
+
* List title
|
|
8
|
+
*/
|
|
3
9
|
title?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Whether to stick to top
|
|
12
|
+
* @default false
|
|
13
|
+
*/
|
|
4
14
|
sticky?: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* List items
|
|
17
|
+
*/
|
|
5
18
|
items: T[];
|
|
19
|
+
/**
|
|
20
|
+
* Key field for items
|
|
21
|
+
*/
|
|
6
22
|
keyField?: keyof T;
|
|
23
|
+
/**
|
|
24
|
+
* Whether list is disabled
|
|
25
|
+
* @default false
|
|
26
|
+
*/
|
|
7
27
|
disabled?: boolean;
|
|
8
28
|
}
|
|
29
|
+
/**
|
|
30
|
+
* List component emits
|
|
31
|
+
*/
|
|
9
32
|
export interface Ui3nListEmits<T> {
|
|
33
|
+
/**
|
|
34
|
+
* Emitted when item is selected
|
|
35
|
+
*/
|
|
10
36
|
(ev: 'select', value: {
|
|
11
37
|
value: T;
|
|
12
38
|
index: number;
|
|
13
39
|
}): void;
|
|
14
40
|
}
|
|
41
|
+
/**
|
|
42
|
+
* List component slots
|
|
43
|
+
*/
|
|
15
44
|
export interface Ui3nListSlots<T> {
|
|
45
|
+
/**
|
|
46
|
+
* Title slot
|
|
47
|
+
*/
|
|
16
48
|
title?: () => VNode;
|
|
49
|
+
/**
|
|
50
|
+
* Item slot
|
|
51
|
+
*/
|
|
17
52
|
item?: ({ item, index }: {
|
|
18
53
|
item: T;
|
|
19
54
|
index: number;
|
|
@@ -1,32 +1,121 @@
|
|
|
1
1
|
import { Ref, VNode } from 'vue';
|
|
2
|
+
/**
|
|
3
|
+
* Menu component properties
|
|
4
|
+
*/
|
|
2
5
|
export interface Ui3nMenuProps {
|
|
6
|
+
/**
|
|
7
|
+
* Menu open state
|
|
8
|
+
*/
|
|
3
9
|
modelValue?: boolean;
|
|
10
|
+
/**
|
|
11
|
+
* Trigger element
|
|
12
|
+
*/
|
|
4
13
|
triggerElement?: HTMLElement;
|
|
14
|
+
/**
|
|
15
|
+
* Position strategy
|
|
16
|
+
* @default 'absolute'
|
|
17
|
+
*/
|
|
5
18
|
positionStrategy?: 'absolute' | 'fixed';
|
|
19
|
+
/**
|
|
20
|
+
* Whether to update position automatically
|
|
21
|
+
* @default true
|
|
22
|
+
*/
|
|
6
23
|
positionAutoupdate?: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Whether to allow flipping
|
|
26
|
+
* @default true
|
|
27
|
+
*/
|
|
7
28
|
allowFlip?: boolean;
|
|
29
|
+
/**
|
|
30
|
+
* Offset X
|
|
31
|
+
* @default 0
|
|
32
|
+
*/
|
|
8
33
|
offsetX?: number;
|
|
34
|
+
/**
|
|
35
|
+
* Offset Y
|
|
36
|
+
* @default 0
|
|
37
|
+
*/
|
|
9
38
|
offsetY?: number;
|
|
39
|
+
/**
|
|
40
|
+
* Content border radius
|
|
41
|
+
*/
|
|
10
42
|
contentBorderRadius?: number | number[];
|
|
43
|
+
/**
|
|
44
|
+
* Content styles
|
|
45
|
+
*/
|
|
11
46
|
contentStyles?: Record<string, string>;
|
|
47
|
+
/**
|
|
48
|
+
* Z-index
|
|
49
|
+
*/
|
|
12
50
|
zIndex?: number;
|
|
51
|
+
/**
|
|
52
|
+
* Whether to close on click
|
|
53
|
+
* @default true
|
|
54
|
+
*/
|
|
13
55
|
closeOnClick?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Whether to close on click outside
|
|
58
|
+
* @default true
|
|
59
|
+
*/
|
|
14
60
|
closeOnClickOutside?: boolean;
|
|
61
|
+
/**
|
|
62
|
+
* Whether menu is disabled
|
|
63
|
+
* @default false
|
|
64
|
+
*/
|
|
15
65
|
disabled?: boolean;
|
|
16
66
|
}
|
|
67
|
+
/**
|
|
68
|
+
* Menu component emits
|
|
69
|
+
*/
|
|
17
70
|
export interface Ui3nMenuEmits {
|
|
71
|
+
/**
|
|
72
|
+
* Emitted when menu opens
|
|
73
|
+
*/
|
|
18
74
|
(ev: 'open'): void;
|
|
75
|
+
/**
|
|
76
|
+
* Emitted when menu is opened
|
|
77
|
+
*/
|
|
19
78
|
(ev: 'opened'): void;
|
|
79
|
+
/**
|
|
80
|
+
* Emitted when menu closes
|
|
81
|
+
*/
|
|
20
82
|
(ev: 'close'): void;
|
|
83
|
+
/**
|
|
84
|
+
* Emitted when menu is closed
|
|
85
|
+
*/
|
|
21
86
|
(ev: 'closed'): void;
|
|
87
|
+
/**
|
|
88
|
+
* Emitted when click outside
|
|
89
|
+
*/
|
|
22
90
|
(ev: 'click-outside'): void;
|
|
91
|
+
/**
|
|
92
|
+
* Emitted when model value updates
|
|
93
|
+
*/
|
|
23
94
|
(ev: 'update:modelValue', value: boolean): void;
|
|
24
95
|
}
|
|
96
|
+
/**
|
|
97
|
+
* Menu component slots
|
|
98
|
+
*/
|
|
25
99
|
export interface Ui3nMenuSlots {
|
|
100
|
+
/**
|
|
101
|
+
* Default slot
|
|
102
|
+
*/
|
|
26
103
|
default: () => VNode;
|
|
104
|
+
/**
|
|
105
|
+
* Menu slot
|
|
106
|
+
*/
|
|
27
107
|
menu?: () => VNode;
|
|
28
108
|
}
|
|
109
|
+
/**
|
|
110
|
+
* Menu component expose
|
|
111
|
+
*/
|
|
29
112
|
export interface Ui3nMenuExpose {
|
|
113
|
+
/**
|
|
114
|
+
* Whether menu is positioned
|
|
115
|
+
*/
|
|
30
116
|
isPositioned: Readonly<Ref<boolean>>;
|
|
117
|
+
/**
|
|
118
|
+
* Update position
|
|
119
|
+
*/
|
|
31
120
|
update: () => void;
|
|
32
121
|
}
|
|
@@ -1,11 +1,39 @@
|
|
|
1
1
|
export interface Ui3nNotificationProps {
|
|
2
|
+
/**
|
|
3
|
+
* Notification ID
|
|
4
|
+
*/
|
|
2
5
|
id?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Notification type
|
|
8
|
+
*/
|
|
3
9
|
type?: 'success' | 'warning' | 'info' | 'error';
|
|
10
|
+
/**
|
|
11
|
+
* Notification content
|
|
12
|
+
*/
|
|
4
13
|
content: string;
|
|
14
|
+
/**
|
|
15
|
+
* Notification position
|
|
16
|
+
*/
|
|
5
17
|
position?: 'left' | 'center' | 'right';
|
|
18
|
+
/**
|
|
19
|
+
* Notification duration in milliseconds
|
|
20
|
+
*/
|
|
6
21
|
duration?: number;
|
|
22
|
+
/**
|
|
23
|
+
* Whether to display icon
|
|
24
|
+
* @default false
|
|
25
|
+
*/
|
|
7
26
|
withIcon?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Teleport target
|
|
29
|
+
*/
|
|
8
30
|
teleport?: string;
|
|
31
|
+
/**
|
|
32
|
+
* Called when notification opens
|
|
33
|
+
*/
|
|
9
34
|
onOpen?: () => void;
|
|
35
|
+
/**
|
|
36
|
+
* Called when notification closes
|
|
37
|
+
*/
|
|
10
38
|
onClose?: () => void;
|
|
11
39
|
}
|
|
@@ -1,17 +1,66 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Circular progress component properties
|
|
3
|
+
*/
|
|
1
4
|
export interface Ui3nProgressCircularProps {
|
|
5
|
+
/**
|
|
6
|
+
* Progress value
|
|
7
|
+
*/
|
|
2
8
|
value?: number | string;
|
|
9
|
+
/**
|
|
10
|
+
* Progress size
|
|
11
|
+
*/
|
|
3
12
|
size?: number | string;
|
|
13
|
+
/**
|
|
14
|
+
* Progress width
|
|
15
|
+
*/
|
|
4
16
|
width?: number | string;
|
|
17
|
+
/**
|
|
18
|
+
* Whether to show text
|
|
19
|
+
* @default false
|
|
20
|
+
*/
|
|
5
21
|
withText?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Background color
|
|
24
|
+
*/
|
|
6
25
|
bgColor?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Progress color
|
|
28
|
+
*/
|
|
7
29
|
color?: string;
|
|
30
|
+
/**
|
|
31
|
+
* Whether progress is indeterminate
|
|
32
|
+
* @default false
|
|
33
|
+
*/
|
|
8
34
|
indeterminate?: boolean;
|
|
9
35
|
}
|
|
36
|
+
/**
|
|
37
|
+
* Linear progress component properties
|
|
38
|
+
*/
|
|
10
39
|
export interface Ui3nProgressLinearProps {
|
|
40
|
+
/**
|
|
41
|
+
* Progress value
|
|
42
|
+
*/
|
|
11
43
|
value?: number | string;
|
|
44
|
+
/**
|
|
45
|
+
* Progress height
|
|
46
|
+
*/
|
|
12
47
|
height?: number | string;
|
|
48
|
+
/**
|
|
49
|
+
* Whether to show text
|
|
50
|
+
* @default false
|
|
51
|
+
*/
|
|
13
52
|
withText?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Background color
|
|
55
|
+
*/
|
|
14
56
|
bgColor?: string;
|
|
57
|
+
/**
|
|
58
|
+
* Progress color
|
|
59
|
+
*/
|
|
15
60
|
color?: string;
|
|
61
|
+
/**
|
|
62
|
+
* Whether progress is indeterminate
|
|
63
|
+
* @default false
|
|
64
|
+
*/
|
|
16
65
|
indeterminate?: boolean;
|
|
17
66
|
}
|