@pequity/squirrel 8.4.3 → 8.4.5
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 +2 -1
- package/dist/cjs/chunks/p-alert.js +3 -0
- package/dist/cjs/chunks/p-avatar.js +16 -0
- package/dist/cjs/chunks/p-btn.js +3 -0
- package/dist/cjs/chunks/p-card.js +4 -0
- package/dist/cjs/chunks/p-dropdown-select.js +34 -0
- package/dist/cjs/chunks/p-input-number.js +32 -0
- package/dist/cjs/chunks/p-input-percent.js +13 -2
- package/dist/cjs/chunks/p-input.js +28 -0
- package/dist/cjs/chunks/p-pagination-info.js +9 -5
- package/dist/cjs/chunks/p-pagination.js +23 -13
- package/dist/cjs/chunks/p-select-btn.js +2 -1
- package/dist/cjs/chunks/p-select.js +33 -0
- package/dist/cjs/chunks/p-table-loader.js +20 -0
- package/dist/cjs/chunks/p-tabs.js +12 -0
- package/dist/cjs/chunks/p-textarea.js +20 -0
- package/dist/cjs/index.js +40 -3
- package/dist/cjs/p-checkbox.js +8 -1
- package/dist/cjs/p-chips.js +17 -1
- package/dist/cjs/p-close-btn.js +6 -1
- package/dist/cjs/p-drawer.js +90 -2
- package/dist/cjs/p-dropdown.js +2 -1
- package/dist/cjs/p-icon.js +3 -2
- package/dist/cjs/p-input-search.js +13 -1
- package/dist/cjs/p-loading.js +1 -1
- package/dist/cjs/p-modal.js +82 -2
- package/dist/cjs/p-select-pill.js +36 -2
- package/dist/cjs/p-skeleton-loader.js +17 -1
- package/dist/cjs/p-table-filter-icon.js +4 -1
- package/dist/cjs/p-table-header-cell.js +29 -0
- package/dist/cjs/p-table-td.js +1 -1
- package/dist/cjs/p-toggle.js +22 -1
- package/dist/es/chunks/p-alert.js +3 -0
- package/dist/es/chunks/p-avatar.js +16 -0
- package/dist/es/chunks/p-btn.js +3 -0
- package/dist/es/chunks/p-card.js +4 -0
- package/dist/es/chunks/p-dropdown-select.js +34 -0
- package/dist/es/chunks/p-input-number.js +32 -0
- package/dist/es/chunks/p-input-percent.js +13 -2
- package/dist/es/chunks/p-input.js +28 -0
- package/dist/es/chunks/p-pagination-info.js +9 -5
- package/dist/es/chunks/p-pagination.js +24 -14
- package/dist/es/chunks/p-select-btn.js +2 -1
- package/dist/es/chunks/p-select.js +33 -0
- package/dist/es/chunks/p-table-loader.js +20 -0
- package/dist/es/chunks/p-tabs.js +12 -0
- package/dist/es/chunks/p-textarea.js +20 -0
- package/dist/es/index.js +40 -3
- package/dist/es/p-checkbox.js +8 -1
- package/dist/es/p-chips.js +17 -1
- package/dist/es/p-close-btn.js +6 -1
- package/dist/es/p-drawer.js +90 -2
- package/dist/es/p-dropdown.js +2 -1
- package/dist/es/p-icon.js +3 -2
- package/dist/es/p-input-search.js +13 -1
- package/dist/es/p-loading.js +1 -1
- package/dist/es/p-modal.js +82 -2
- package/dist/es/p-select-pill.js +36 -2
- package/dist/es/p-skeleton-loader.js +17 -1
- package/dist/es/p-table-filter-icon.js +4 -1
- package/dist/es/p-table-header-cell.js +29 -0
- package/dist/es/p-table-td.js +1 -1
- package/dist/es/p-toggle.js +22 -1
- package/dist/squirrel/components/p-action-bar/p-action-bar.vue.d.ts +15 -3
- package/dist/squirrel/components/p-alert/p-alert.vue.d.ts +17 -4
- package/dist/squirrel/components/p-avatar/p-avatar.vue.d.ts +36 -1
- package/dist/squirrel/components/p-btn/p-btn.vue.d.ts +21 -5
- package/dist/squirrel/components/p-card/p-card.vue.d.ts +21 -8
- package/dist/squirrel/components/p-checkbox/p-checkbox.vue.d.ts +26 -8
- package/dist/squirrel/components/p-chips/p-chips.vue.d.ts +24 -0
- package/dist/squirrel/components/p-close-btn/p-close-btn.vue.d.ts +14 -1
- package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +17 -1
- package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +144 -6
- package/dist/squirrel/components/p-dropdown/p-dropdown.vue.d.ts +11 -2
- package/dist/squirrel/components/p-dropdown-select/p-dropdown-select.vue.d.ts +70 -2
- package/dist/squirrel/components/p-file-upload/p-file-upload.vue.d.ts +71 -7
- package/dist/squirrel/components/p-icon/p-icon.types.d.ts +3 -2
- package/dist/squirrel/components/p-icon/p-icon.vue.d.ts +5 -1
- package/dist/squirrel/components/p-info-icon/p-info-icon.vue.d.ts +12 -5
- package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +28 -8
- package/dist/squirrel/components/p-input/p-input.vue.d.ts +74 -9
- package/dist/squirrel/components/p-input-number/p-input-number.vue.d.ts +83 -12
- package/dist/squirrel/components/p-input-percent/p-input-percent.vue.d.ts +23 -3
- package/dist/squirrel/components/p-input-search/p-input-search.vue.d.ts +25 -1
- package/dist/squirrel/components/p-link/p-link.vue.d.ts +1 -1
- package/dist/squirrel/components/p-loading/p-loading.vue.d.ts +1 -1
- package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +186 -16
- package/dist/squirrel/components/p-pagination/p-pagination.vue.d.ts +23 -13
- package/dist/squirrel/components/p-pagination-info/p-pagination-info.vue.d.ts +17 -9
- package/dist/squirrel/components/p-progress-bar/p-progress-bar.vue.d.ts +21 -1
- package/dist/squirrel/components/p-ring-loader/p-ring-loader.vue.d.ts +11 -1
- package/dist/squirrel/components/p-select/p-select.vue.d.ts +77 -7
- package/dist/squirrel/components/p-select-btn/p-select-btn.vue.d.ts +68 -11
- package/dist/squirrel/components/p-select-list/p-select-list.vue.d.ts +2 -2
- package/dist/squirrel/components/p-select-pill/p-select-pill.vue.d.ts +72 -2
- package/dist/squirrel/components/p-skeleton-loader/p-skeleton-loader.vue.d.ts +40 -0
- package/dist/squirrel/components/p-steps/p-steps.vue.d.ts +13 -1
- package/dist/squirrel/components/p-table/p-table.vue.d.ts +32 -0
- package/dist/squirrel/components/p-table-header-cell/p-table-filter-icon.vue.d.ts +7 -1
- package/dist/squirrel/components/p-table-header-cell/p-table-header-cell.vue.d.ts +59 -4
- package/dist/squirrel/components/p-table-loader/p-table-loader.vue.d.ts +41 -1
- package/dist/squirrel/components/p-table-sort/p-table-sort.vue.d.ts +13 -3
- package/dist/squirrel/components/p-table-td/p-table-td.vue.d.ts +13 -1
- package/dist/squirrel/components/p-tabs/p-tabs.vue.d.ts +34 -3
- package/dist/squirrel/components/p-tabs-pills/p-tabs-pills.vue.d.ts +23 -1
- package/dist/squirrel/components/p-textarea/p-textarea.vue.d.ts +53 -9
- package/dist/squirrel/components/p-toggle/p-toggle.vue.d.ts +51 -4
- package/dist/squirrel.css +68 -68
- package/package.json +20 -21
- package/squirrel/components/p-action-bar/p-action-bar.stories.js +5 -5
- package/squirrel/components/p-action-bar/p-action-bar.vue +30 -3
- package/squirrel/components/p-alert/p-alert.vue +24 -0
- package/squirrel/components/p-avatar/p-avatar.vue +28 -0
- package/squirrel/components/p-btn/p-btn.vue +35 -0
- package/squirrel/components/p-card/p-card.vue +24 -1
- package/squirrel/components/p-checkbox/p-checkbox.vue +23 -1
- package/squirrel/components/p-chips/p-chips.vue +24 -0
- package/squirrel/components/p-close-btn/p-close-btn.vue +15 -0
- package/squirrel/components/p-date-picker/p-date-picker.vue +23 -1
- package/squirrel/components/p-drawer/p-drawer.vue +95 -0
- package/squirrel/components/p-dropdown/p-dropdown.vue +12 -1
- package/squirrel/components/p-dropdown-select/p-dropdown-select.vue +41 -0
- package/squirrel/components/p-file-upload/p-file-upload.vue +58 -3
- package/squirrel/components/p-icon/p-icon.types.ts +3 -2
- package/squirrel/components/p-icon/p-icon.vue +16 -0
- package/squirrel/components/p-info-icon/p-info-icon.vue +19 -0
- package/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue +32 -0
- package/squirrel/components/p-input/p-input.vue +61 -1
- package/squirrel/components/p-input-number/p-input-number.vue +78 -1
- package/squirrel/components/p-input-percent/p-input-percent.vue +27 -3
- package/squirrel/components/p-input-search/p-input-search.vue +30 -2
- package/squirrel/components/p-link/p-link.vue +13 -0
- package/squirrel/components/p-loading/p-loading.vue +9 -2
- package/squirrel/components/p-modal/p-modal.vue +138 -2
- package/squirrel/components/p-pagination/p-pagination.vue +28 -8
- package/squirrel/components/p-pagination-info/p-pagination-info.vue +16 -4
- package/squirrel/components/p-progress-bar/p-progress-bar.vue +31 -4
- package/squirrel/components/p-ring-loader/p-ring-loader.vue +17 -0
- package/squirrel/components/p-select/p-select.vue +50 -1
- package/squirrel/components/p-select-btn/p-select-btn.vue +90 -2
- package/squirrel/components/p-select-list/p-select-list.vue +7 -0
- package/squirrel/components/p-select-pill/p-select-pill.vue +52 -2
- package/squirrel/components/p-skeleton-loader/p-skeleton-loader.vue +24 -0
- package/squirrel/components/p-steps/p-steps.vue +25 -0
- package/squirrel/components/p-table/p-table.vue +39 -0
- package/squirrel/components/p-table-header-cell/p-table-filter-icon.vue +9 -0
- package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +36 -0
- package/squirrel/components/p-table-loader/p-table-loader.vue +28 -0
- package/squirrel/components/p-table-sort/p-table-sort.vue +19 -1
- package/squirrel/components/p-table-td/p-table-td.vue +20 -0
- package/squirrel/components/p-tabs/p-tabs.stories.js +2 -2
- package/squirrel/components/p-tabs/p-tabs.vue +33 -1
- package/squirrel/components/p-tabs-pills/p-tabs-pills.vue +33 -0
- package/squirrel/components/p-textarea/p-textarea.vue +43 -1
- package/squirrel/components/p-toggle/p-toggle.vue +44 -1
- package/squirrel/assets/pagination-left-icon.svg +0 -5
- package/squirrel/assets/pagination-right-icon.svg +0 -5
|
@@ -1,44 +1,83 @@
|
|
|
1
1
|
import { type Size } from '../p-btn/p-btn.types';
|
|
2
2
|
import { type PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
3
|
+
type __VLS_Slots = {
|
|
4
|
+
/**
|
|
5
|
+
* Custom label content - overrides the label prop.
|
|
6
|
+
* @param {string} label - The label text
|
|
7
|
+
* @param {string} label-classes - CSS classes for the label
|
|
8
|
+
*/
|
|
9
|
+
label?: (props: {
|
|
10
|
+
label: string;
|
|
11
|
+
labelClasses: string;
|
|
12
|
+
}) => unknown;
|
|
13
|
+
/**
|
|
14
|
+
* Custom prefix content - overrides the prefixString prop.
|
|
15
|
+
* Use this slot for custom prefix content instead of the prefixString prop.
|
|
16
|
+
*/
|
|
17
|
+
prefix?: () => unknown;
|
|
11
18
|
};
|
|
12
19
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
20
|
+
/**
|
|
21
|
+
* The current numeric value of the input (v-model).
|
|
22
|
+
* Supports two-way binding for form inputs.
|
|
23
|
+
*/
|
|
13
24
|
modelValue: {
|
|
14
25
|
type: PropType<number | string | null | undefined>;
|
|
15
26
|
default: null;
|
|
16
27
|
};
|
|
28
|
+
/**
|
|
29
|
+
* Text label for the input field.
|
|
30
|
+
* If not provided, you can use the label slot instead.
|
|
31
|
+
*/
|
|
17
32
|
label: {
|
|
18
33
|
type: StringConstructor;
|
|
19
34
|
default: string;
|
|
20
35
|
};
|
|
36
|
+
/**
|
|
37
|
+
* Error message to display below the input.
|
|
38
|
+
* When provided, the input will show error styling.
|
|
39
|
+
*/
|
|
21
40
|
errorMsg: {
|
|
22
41
|
type: StringConstructor;
|
|
23
42
|
default: string;
|
|
24
43
|
};
|
|
44
|
+
/**
|
|
45
|
+
* Whether the input is required.
|
|
46
|
+
* Adds required attribute and visual indicator.
|
|
47
|
+
*/
|
|
25
48
|
required: {
|
|
26
49
|
type: BooleanConstructor;
|
|
27
50
|
default: boolean;
|
|
28
51
|
};
|
|
52
|
+
/**
|
|
53
|
+
* The size of the input - affects padding, font size, and spacing.
|
|
54
|
+
* Valid values: 'sm', 'md', 'lg'
|
|
55
|
+
*/
|
|
29
56
|
size: {
|
|
30
57
|
type: PropType<Size>;
|
|
31
58
|
default: string;
|
|
32
59
|
validator(value: Size): boolean;
|
|
33
60
|
};
|
|
61
|
+
/**
|
|
62
|
+
* Whether to select all text when the input receives focus.
|
|
63
|
+
* Provides better UX for number input fields.
|
|
64
|
+
*/
|
|
34
65
|
selectOnClick: {
|
|
35
66
|
type: BooleanConstructor;
|
|
36
67
|
default: boolean;
|
|
37
68
|
};
|
|
69
|
+
/**
|
|
70
|
+
* Text for the info tooltip displayed next to the label.
|
|
71
|
+
* Uses PInfoIcon component for consistent tooltip styling.
|
|
72
|
+
*/
|
|
38
73
|
tooltipText: {
|
|
39
74
|
type: StringConstructor;
|
|
40
75
|
default: string;
|
|
41
76
|
};
|
|
77
|
+
/**
|
|
78
|
+
* String to display as prefix in the input field.
|
|
79
|
+
* Can be overridden by the prefix slot for custom content.
|
|
80
|
+
*/
|
|
42
81
|
prefixString: {
|
|
43
82
|
type: StringConstructor;
|
|
44
83
|
default: string;
|
|
@@ -46,45 +85,77 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
|
|
|
46
85
|
}>, {
|
|
47
86
|
setValue: (number: number | null) => void;
|
|
48
87
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
49
|
-
change: (
|
|
50
|
-
"update:modelValue": (
|
|
88
|
+
change: (value: number | null) => any;
|
|
89
|
+
"update:modelValue": (value: number | null) => any;
|
|
51
90
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
91
|
+
/**
|
|
92
|
+
* The current numeric value of the input (v-model).
|
|
93
|
+
* Supports two-way binding for form inputs.
|
|
94
|
+
*/
|
|
52
95
|
modelValue: {
|
|
53
96
|
type: PropType<number | string | null | undefined>;
|
|
54
97
|
default: null;
|
|
55
98
|
};
|
|
99
|
+
/**
|
|
100
|
+
* Text label for the input field.
|
|
101
|
+
* If not provided, you can use the label slot instead.
|
|
102
|
+
*/
|
|
56
103
|
label: {
|
|
57
104
|
type: StringConstructor;
|
|
58
105
|
default: string;
|
|
59
106
|
};
|
|
107
|
+
/**
|
|
108
|
+
* Error message to display below the input.
|
|
109
|
+
* When provided, the input will show error styling.
|
|
110
|
+
*/
|
|
60
111
|
errorMsg: {
|
|
61
112
|
type: StringConstructor;
|
|
62
113
|
default: string;
|
|
63
114
|
};
|
|
115
|
+
/**
|
|
116
|
+
* Whether the input is required.
|
|
117
|
+
* Adds required attribute and visual indicator.
|
|
118
|
+
*/
|
|
64
119
|
required: {
|
|
65
120
|
type: BooleanConstructor;
|
|
66
121
|
default: boolean;
|
|
67
122
|
};
|
|
123
|
+
/**
|
|
124
|
+
* The size of the input - affects padding, font size, and spacing.
|
|
125
|
+
* Valid values: 'sm', 'md', 'lg'
|
|
126
|
+
*/
|
|
68
127
|
size: {
|
|
69
128
|
type: PropType<Size>;
|
|
70
129
|
default: string;
|
|
71
130
|
validator(value: Size): boolean;
|
|
72
131
|
};
|
|
132
|
+
/**
|
|
133
|
+
* Whether to select all text when the input receives focus.
|
|
134
|
+
* Provides better UX for number input fields.
|
|
135
|
+
*/
|
|
73
136
|
selectOnClick: {
|
|
74
137
|
type: BooleanConstructor;
|
|
75
138
|
default: boolean;
|
|
76
139
|
};
|
|
140
|
+
/**
|
|
141
|
+
* Text for the info tooltip displayed next to the label.
|
|
142
|
+
* Uses PInfoIcon component for consistent tooltip styling.
|
|
143
|
+
*/
|
|
77
144
|
tooltipText: {
|
|
78
145
|
type: StringConstructor;
|
|
79
146
|
default: string;
|
|
80
147
|
};
|
|
148
|
+
/**
|
|
149
|
+
* String to display as prefix in the input field.
|
|
150
|
+
* Can be overridden by the prefix slot for custom content.
|
|
151
|
+
*/
|
|
81
152
|
prefixString: {
|
|
82
153
|
type: StringConstructor;
|
|
83
154
|
default: string;
|
|
84
155
|
};
|
|
85
156
|
}>> & Readonly<{
|
|
86
|
-
onChange?: ((
|
|
87
|
-
"onUpdate:modelValue"?: ((
|
|
157
|
+
onChange?: ((value: number | null) => any) | undefined;
|
|
158
|
+
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
|
|
88
159
|
}>, {
|
|
89
160
|
size: "sm" | "md" | "lg";
|
|
90
161
|
label: string;
|
|
@@ -1,27 +1,47 @@
|
|
|
1
1
|
import { type Size } from '../p-btn/p-btn.types';
|
|
2
2
|
import { type PropType } from 'vue';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
|
+
/**
|
|
5
|
+
* The current value (v-model).
|
|
6
|
+
* Stored as a decimal (0.5 = 50%) but displayed as a percentage.
|
|
7
|
+
* Supports two-way binding for form inputs.
|
|
8
|
+
*/
|
|
4
9
|
modelValue: {
|
|
5
10
|
type: PropType<number | string | null | undefined>;
|
|
6
11
|
default: null;
|
|
7
12
|
};
|
|
13
|
+
/**
|
|
14
|
+
* The size of the input field.
|
|
15
|
+
* Valid values: 'sm', 'md', 'lg'
|
|
16
|
+
* @values sm, md, lg
|
|
17
|
+
*/
|
|
8
18
|
size: {
|
|
9
19
|
type: PropType<Size>;
|
|
10
20
|
default: string;
|
|
11
21
|
};
|
|
12
|
-
}>,
|
|
13
|
-
"update:modelValue": (
|
|
22
|
+
}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
23
|
+
"update:modelValue": (value: number | null) => any;
|
|
14
24
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
25
|
+
/**
|
|
26
|
+
* The current value (v-model).
|
|
27
|
+
* Stored as a decimal (0.5 = 50%) but displayed as a percentage.
|
|
28
|
+
* Supports two-way binding for form inputs.
|
|
29
|
+
*/
|
|
15
30
|
modelValue: {
|
|
16
31
|
type: PropType<number | string | null | undefined>;
|
|
17
32
|
default: null;
|
|
18
33
|
};
|
|
34
|
+
/**
|
|
35
|
+
* The size of the input field.
|
|
36
|
+
* Valid values: 'sm', 'md', 'lg'
|
|
37
|
+
* @values sm, md, lg
|
|
38
|
+
*/
|
|
19
39
|
size: {
|
|
20
40
|
type: PropType<Size>;
|
|
21
41
|
default: string;
|
|
22
42
|
};
|
|
23
43
|
}>> & Readonly<{
|
|
24
|
-
"onUpdate:modelValue"?: ((
|
|
44
|
+
"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
|
|
25
45
|
}>, {
|
|
26
46
|
size: "sm" | "md" | "lg";
|
|
27
47
|
modelValue: string | number | null | undefined;
|
|
@@ -1,32 +1,56 @@
|
|
|
1
1
|
import { type Size } from '../p-btn/p-btn.types';
|
|
2
2
|
import { type PropType } from 'vue';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
|
+
/**
|
|
5
|
+
* The search query value (v-model).
|
|
6
|
+
* Controls the input field content and visibility of the clear button.
|
|
7
|
+
*/
|
|
4
8
|
modelValue: {
|
|
5
9
|
type: StringConstructor;
|
|
6
10
|
default: string;
|
|
7
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* The size of the search input.
|
|
14
|
+
* Affects the overall dimensions and icon positioning.
|
|
15
|
+
*/
|
|
8
16
|
size: {
|
|
9
17
|
type: PropType<Size>;
|
|
10
18
|
default: string;
|
|
11
19
|
validator(value: Size): boolean;
|
|
12
20
|
};
|
|
21
|
+
/**
|
|
22
|
+
* Whether to show the enter key icon when the input is focused.
|
|
23
|
+
* Provides visual feedback that pressing enter will trigger a search.
|
|
24
|
+
*/
|
|
13
25
|
showEnterIcon: {
|
|
14
26
|
type: BooleanConstructor;
|
|
15
27
|
default: boolean;
|
|
16
28
|
};
|
|
17
|
-
}>,
|
|
29
|
+
}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
18
30
|
"update:modelValue": (value: string) => any;
|
|
19
31
|
enter: (value: string) => any;
|
|
20
32
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
/**
|
|
34
|
+
* The search query value (v-model).
|
|
35
|
+
* Controls the input field content and visibility of the clear button.
|
|
36
|
+
*/
|
|
21
37
|
modelValue: {
|
|
22
38
|
type: StringConstructor;
|
|
23
39
|
default: string;
|
|
24
40
|
};
|
|
41
|
+
/**
|
|
42
|
+
* The size of the search input.
|
|
43
|
+
* Affects the overall dimensions and icon positioning.
|
|
44
|
+
*/
|
|
25
45
|
size: {
|
|
26
46
|
type: PropType<Size>;
|
|
27
47
|
default: string;
|
|
28
48
|
validator(value: Size): boolean;
|
|
29
49
|
};
|
|
50
|
+
/**
|
|
51
|
+
* Whether to show the enter key icon when the input is focused.
|
|
52
|
+
* Provides visual feedback that pressing enter will trigger a search.
|
|
53
|
+
*/
|
|
30
54
|
showEnterIcon: {
|
|
31
55
|
type: BooleanConstructor;
|
|
32
56
|
default: boolean;
|
|
@@ -5,7 +5,7 @@ type __VLS_Slots = {} & {
|
|
|
5
5
|
} & {
|
|
6
6
|
default?: (props: typeof __VLS_9) => any;
|
|
7
7
|
};
|
|
8
|
-
declare const __VLS_component: import("vue").DefineComponent<RouterLinkProps,
|
|
8
|
+
declare const __VLS_component: import("vue").DefineComponent<RouterLinkProps, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<RouterLinkProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
9
9
|
declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
|
|
10
10
|
export default _default;
|
|
11
11
|
type __VLS_WithSlots<T, S> = T & {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const _default: import("vue").DefineComponent<{},
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{}, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
2
2
|
export default _default;
|
|
@@ -1,196 +1,366 @@
|
|
|
1
1
|
import { type PropType, type StyleValue } from 'vue';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
'
|
|
11
|
-
|
|
12
|
-
|
|
2
|
+
type __VLS_Slots = {
|
|
3
|
+
/**
|
|
4
|
+
* Default content slot for the modal body.
|
|
5
|
+
*/
|
|
6
|
+
default?: () => unknown;
|
|
7
|
+
/**
|
|
8
|
+
* Custom title wrapper content.
|
|
9
|
+
*/
|
|
10
|
+
'title-wrapper'?: () => unknown;
|
|
11
|
+
/**
|
|
12
|
+
* Custom content wrapper.
|
|
13
|
+
*/
|
|
14
|
+
'content-wrapper'?: () => unknown;
|
|
15
|
+
/**
|
|
16
|
+
* Custom footer content.
|
|
17
|
+
*/
|
|
18
|
+
footer?: () => unknown;
|
|
19
|
+
/**
|
|
20
|
+
* Custom footer wrapper.
|
|
21
|
+
*/
|
|
22
|
+
'footer-wrapper'?: () => unknown;
|
|
13
23
|
};
|
|
14
24
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
25
|
+
/**
|
|
26
|
+
* Unique name for the modal when using the modal service.
|
|
27
|
+
* Used for programmatic control of the modal.
|
|
28
|
+
*/
|
|
15
29
|
name: {
|
|
16
30
|
type: StringConstructor;
|
|
17
31
|
default: string;
|
|
18
32
|
};
|
|
33
|
+
/**
|
|
34
|
+
* Title displayed in the modal header.
|
|
35
|
+
* Used for accessibility and visual identification.
|
|
36
|
+
*/
|
|
19
37
|
title: {
|
|
20
38
|
type: StringConstructor;
|
|
21
39
|
default: string;
|
|
22
40
|
};
|
|
41
|
+
/**
|
|
42
|
+
* Base z-index for the modal.
|
|
43
|
+
* Higher values ensure the modal appears above other content.
|
|
44
|
+
*/
|
|
23
45
|
baseZindex: {
|
|
24
46
|
type: NumberConstructor;
|
|
25
47
|
default: number;
|
|
26
48
|
};
|
|
49
|
+
/**
|
|
50
|
+
* CSS classes for the backdrop element.
|
|
51
|
+
* Controls the appearance of the modal overlay.
|
|
52
|
+
*/
|
|
27
53
|
bgClass: {
|
|
28
54
|
type: PropType<StyleValue>;
|
|
29
55
|
default: string;
|
|
30
56
|
};
|
|
57
|
+
/**
|
|
58
|
+
* CSS classes for the modal wrapper element.
|
|
59
|
+
* Controls the positioning and layout of the modal container.
|
|
60
|
+
*/
|
|
31
61
|
wrapperClass: {
|
|
32
62
|
type: PropType<StyleValue>;
|
|
33
63
|
default: string;
|
|
34
64
|
};
|
|
65
|
+
/**
|
|
66
|
+
* Base CSS classes for the modal content.
|
|
67
|
+
* Controls the appearance of the modal dialog itself.
|
|
68
|
+
*/
|
|
35
69
|
modalBaseClass: {
|
|
36
70
|
type: PropType<StyleValue>;
|
|
37
71
|
default: string;
|
|
38
72
|
};
|
|
73
|
+
/**
|
|
74
|
+
* Additional CSS classes for the modal content.
|
|
75
|
+
* Merged with modalBaseClass for custom styling.
|
|
76
|
+
*/
|
|
39
77
|
modalClass: {
|
|
40
78
|
type: PropType<StyleValue>;
|
|
41
79
|
default: string;
|
|
42
80
|
};
|
|
81
|
+
/**
|
|
82
|
+
* Inline styles for the modal content.
|
|
83
|
+
* Applied directly to the modal element.
|
|
84
|
+
*/
|
|
43
85
|
modalStyle: {
|
|
44
86
|
type: PropType<StyleValue>;
|
|
45
87
|
default: string;
|
|
46
88
|
};
|
|
89
|
+
/**
|
|
90
|
+
* CSS class for the modal entrance animation.
|
|
91
|
+
* Controls how the modal appears.
|
|
92
|
+
*/
|
|
47
93
|
inClass: {
|
|
48
94
|
type: StringConstructor;
|
|
49
95
|
default: string;
|
|
50
96
|
};
|
|
97
|
+
/**
|
|
98
|
+
* CSS class for the modal exit animation.
|
|
99
|
+
* Controls how the modal disappears.
|
|
100
|
+
*/
|
|
51
101
|
outClass: {
|
|
52
102
|
type: StringConstructor;
|
|
53
103
|
default: string;
|
|
54
104
|
};
|
|
105
|
+
/**
|
|
106
|
+
* CSS class for the backdrop entrance animation.
|
|
107
|
+
* Controls how the backdrop appears.
|
|
108
|
+
*/
|
|
55
109
|
bgInClass: {
|
|
56
110
|
type: StringConstructor;
|
|
57
111
|
default: string;
|
|
58
112
|
};
|
|
113
|
+
/**
|
|
114
|
+
* CSS class for the backdrop exit animation.
|
|
115
|
+
* Controls how the backdrop disappears.
|
|
116
|
+
*/
|
|
59
117
|
bgOutClass: {
|
|
60
118
|
type: StringConstructor;
|
|
61
119
|
default: string;
|
|
62
120
|
};
|
|
121
|
+
/**
|
|
122
|
+
* Target element to append the modal to.
|
|
123
|
+
* Usually 'body' for proper z-index stacking.
|
|
124
|
+
*/
|
|
63
125
|
appendTo: {
|
|
64
126
|
type: StringConstructor;
|
|
65
127
|
default: string;
|
|
66
128
|
};
|
|
129
|
+
/**
|
|
130
|
+
* Whether the modal should be mounted immediately.
|
|
131
|
+
* Useful for modals that are always present in the DOM.
|
|
132
|
+
*/
|
|
67
133
|
live: {
|
|
68
134
|
type: BooleanConstructor;
|
|
69
135
|
default: boolean;
|
|
70
136
|
};
|
|
137
|
+
/**
|
|
138
|
+
* Whether the modal can be closed by user interaction.
|
|
139
|
+
* Controls close button visibility and backdrop click behavior.
|
|
140
|
+
*/
|
|
71
141
|
enableClose: {
|
|
72
142
|
type: BooleanConstructor;
|
|
73
143
|
default: boolean;
|
|
74
144
|
};
|
|
145
|
+
/**
|
|
146
|
+
* Controls the visibility of the modal (v-model).
|
|
147
|
+
* Supports two-way binding for modal state.
|
|
148
|
+
*/
|
|
75
149
|
modelValue: {
|
|
76
150
|
type: BooleanConstructor;
|
|
77
151
|
default: boolean;
|
|
78
152
|
};
|
|
153
|
+
/**
|
|
154
|
+
* Accessibility label for the close button.
|
|
155
|
+
* Used by screen readers for better accessibility.
|
|
156
|
+
*/
|
|
79
157
|
closeLabel: {
|
|
80
158
|
type: StringConstructor;
|
|
81
159
|
default: string;
|
|
82
160
|
};
|
|
161
|
+
/**
|
|
162
|
+
* Whether the modal content is disabled.
|
|
163
|
+
* Prevents user interaction with modal content.
|
|
164
|
+
*/
|
|
83
165
|
disabled: {
|
|
84
166
|
type: BooleanConstructor;
|
|
85
167
|
default: boolean;
|
|
86
168
|
};
|
|
169
|
+
/**
|
|
170
|
+
* Error message to display in the modal.
|
|
171
|
+
* Shows an error alert above the modal content.
|
|
172
|
+
*/
|
|
87
173
|
errorMsg: {
|
|
88
174
|
type: StringConstructor;
|
|
89
175
|
default: string;
|
|
90
176
|
};
|
|
177
|
+
/**
|
|
178
|
+
* Maximum width of the modal.
|
|
179
|
+
* Controls the responsive behavior of the modal.
|
|
180
|
+
*/
|
|
91
181
|
maxWidth: {
|
|
92
182
|
type: StringConstructor;
|
|
93
183
|
default: string;
|
|
94
184
|
};
|
|
95
|
-
}>,
|
|
96
|
-
"update:modelValue": (
|
|
185
|
+
}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
186
|
+
"update:modelValue": (value: boolean) => any;
|
|
97
187
|
closed: () => any;
|
|
98
188
|
"before-open": () => any;
|
|
99
189
|
opening: () => any;
|
|
100
190
|
opened: () => any;
|
|
101
191
|
"before-close": () => any;
|
|
102
192
|
closing: () => any;
|
|
103
|
-
"click:overlay": (
|
|
193
|
+
"click:overlay": (event: MouseEvent) => any;
|
|
104
194
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
195
|
+
/**
|
|
196
|
+
* Unique name for the modal when using the modal service.
|
|
197
|
+
* Used for programmatic control of the modal.
|
|
198
|
+
*/
|
|
105
199
|
name: {
|
|
106
200
|
type: StringConstructor;
|
|
107
201
|
default: string;
|
|
108
202
|
};
|
|
203
|
+
/**
|
|
204
|
+
* Title displayed in the modal header.
|
|
205
|
+
* Used for accessibility and visual identification.
|
|
206
|
+
*/
|
|
109
207
|
title: {
|
|
110
208
|
type: StringConstructor;
|
|
111
209
|
default: string;
|
|
112
210
|
};
|
|
211
|
+
/**
|
|
212
|
+
* Base z-index for the modal.
|
|
213
|
+
* Higher values ensure the modal appears above other content.
|
|
214
|
+
*/
|
|
113
215
|
baseZindex: {
|
|
114
216
|
type: NumberConstructor;
|
|
115
217
|
default: number;
|
|
116
218
|
};
|
|
219
|
+
/**
|
|
220
|
+
* CSS classes for the backdrop element.
|
|
221
|
+
* Controls the appearance of the modal overlay.
|
|
222
|
+
*/
|
|
117
223
|
bgClass: {
|
|
118
224
|
type: PropType<StyleValue>;
|
|
119
225
|
default: string;
|
|
120
226
|
};
|
|
227
|
+
/**
|
|
228
|
+
* CSS classes for the modal wrapper element.
|
|
229
|
+
* Controls the positioning and layout of the modal container.
|
|
230
|
+
*/
|
|
121
231
|
wrapperClass: {
|
|
122
232
|
type: PropType<StyleValue>;
|
|
123
233
|
default: string;
|
|
124
234
|
};
|
|
235
|
+
/**
|
|
236
|
+
* Base CSS classes for the modal content.
|
|
237
|
+
* Controls the appearance of the modal dialog itself.
|
|
238
|
+
*/
|
|
125
239
|
modalBaseClass: {
|
|
126
240
|
type: PropType<StyleValue>;
|
|
127
241
|
default: string;
|
|
128
242
|
};
|
|
243
|
+
/**
|
|
244
|
+
* Additional CSS classes for the modal content.
|
|
245
|
+
* Merged with modalBaseClass for custom styling.
|
|
246
|
+
*/
|
|
129
247
|
modalClass: {
|
|
130
248
|
type: PropType<StyleValue>;
|
|
131
249
|
default: string;
|
|
132
250
|
};
|
|
251
|
+
/**
|
|
252
|
+
* Inline styles for the modal content.
|
|
253
|
+
* Applied directly to the modal element.
|
|
254
|
+
*/
|
|
133
255
|
modalStyle: {
|
|
134
256
|
type: PropType<StyleValue>;
|
|
135
257
|
default: string;
|
|
136
258
|
};
|
|
259
|
+
/**
|
|
260
|
+
* CSS class for the modal entrance animation.
|
|
261
|
+
* Controls how the modal appears.
|
|
262
|
+
*/
|
|
137
263
|
inClass: {
|
|
138
264
|
type: StringConstructor;
|
|
139
265
|
default: string;
|
|
140
266
|
};
|
|
267
|
+
/**
|
|
268
|
+
* CSS class for the modal exit animation.
|
|
269
|
+
* Controls how the modal disappears.
|
|
270
|
+
*/
|
|
141
271
|
outClass: {
|
|
142
272
|
type: StringConstructor;
|
|
143
273
|
default: string;
|
|
144
274
|
};
|
|
275
|
+
/**
|
|
276
|
+
* CSS class for the backdrop entrance animation.
|
|
277
|
+
* Controls how the backdrop appears.
|
|
278
|
+
*/
|
|
145
279
|
bgInClass: {
|
|
146
280
|
type: StringConstructor;
|
|
147
281
|
default: string;
|
|
148
282
|
};
|
|
283
|
+
/**
|
|
284
|
+
* CSS class for the backdrop exit animation.
|
|
285
|
+
* Controls how the backdrop disappears.
|
|
286
|
+
*/
|
|
149
287
|
bgOutClass: {
|
|
150
288
|
type: StringConstructor;
|
|
151
289
|
default: string;
|
|
152
290
|
};
|
|
291
|
+
/**
|
|
292
|
+
* Target element to append the modal to.
|
|
293
|
+
* Usually 'body' for proper z-index stacking.
|
|
294
|
+
*/
|
|
153
295
|
appendTo: {
|
|
154
296
|
type: StringConstructor;
|
|
155
297
|
default: string;
|
|
156
298
|
};
|
|
299
|
+
/**
|
|
300
|
+
* Whether the modal should be mounted immediately.
|
|
301
|
+
* Useful for modals that are always present in the DOM.
|
|
302
|
+
*/
|
|
157
303
|
live: {
|
|
158
304
|
type: BooleanConstructor;
|
|
159
305
|
default: boolean;
|
|
160
306
|
};
|
|
307
|
+
/**
|
|
308
|
+
* Whether the modal can be closed by user interaction.
|
|
309
|
+
* Controls close button visibility and backdrop click behavior.
|
|
310
|
+
*/
|
|
161
311
|
enableClose: {
|
|
162
312
|
type: BooleanConstructor;
|
|
163
313
|
default: boolean;
|
|
164
314
|
};
|
|
315
|
+
/**
|
|
316
|
+
* Controls the visibility of the modal (v-model).
|
|
317
|
+
* Supports two-way binding for modal state.
|
|
318
|
+
*/
|
|
165
319
|
modelValue: {
|
|
166
320
|
type: BooleanConstructor;
|
|
167
321
|
default: boolean;
|
|
168
322
|
};
|
|
323
|
+
/**
|
|
324
|
+
* Accessibility label for the close button.
|
|
325
|
+
* Used by screen readers for better accessibility.
|
|
326
|
+
*/
|
|
169
327
|
closeLabel: {
|
|
170
328
|
type: StringConstructor;
|
|
171
329
|
default: string;
|
|
172
330
|
};
|
|
331
|
+
/**
|
|
332
|
+
* Whether the modal content is disabled.
|
|
333
|
+
* Prevents user interaction with modal content.
|
|
334
|
+
*/
|
|
173
335
|
disabled: {
|
|
174
336
|
type: BooleanConstructor;
|
|
175
337
|
default: boolean;
|
|
176
338
|
};
|
|
339
|
+
/**
|
|
340
|
+
* Error message to display in the modal.
|
|
341
|
+
* Shows an error alert above the modal content.
|
|
342
|
+
*/
|
|
177
343
|
errorMsg: {
|
|
178
344
|
type: StringConstructor;
|
|
179
345
|
default: string;
|
|
180
346
|
};
|
|
347
|
+
/**
|
|
348
|
+
* Maximum width of the modal.
|
|
349
|
+
* Controls the responsive behavior of the modal.
|
|
350
|
+
*/
|
|
181
351
|
maxWidth: {
|
|
182
352
|
type: StringConstructor;
|
|
183
353
|
default: string;
|
|
184
354
|
};
|
|
185
355
|
}>> & Readonly<{
|
|
186
|
-
"onUpdate:modelValue"?: ((
|
|
356
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
187
357
|
onClosed?: (() => any) | undefined;
|
|
188
358
|
"onBefore-open"?: (() => any) | undefined;
|
|
189
359
|
onOpening?: (() => any) | undefined;
|
|
190
360
|
onOpened?: (() => any) | undefined;
|
|
191
361
|
"onBefore-close"?: (() => any) | undefined;
|
|
192
362
|
onClosing?: (() => any) | undefined;
|
|
193
|
-
"onClick:overlay"?: ((
|
|
363
|
+
"onClick:overlay"?: ((event: MouseEvent) => any) | undefined;
|
|
194
364
|
}>, {
|
|
195
365
|
name: string;
|
|
196
366
|
title: string;
|