@pequity/squirrel 8.4.4 → 8.5.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/README.md +31 -1
- package/dist/cjs/chunks/index.js +530 -179
- package/dist/cjs/chunks/p-alert.js +14 -16
- package/dist/cjs/chunks/p-avatar.js +16 -0
- package/dist/cjs/chunks/p-btn.js +4 -1
- 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 +15 -4
- 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 +72 -29
- package/dist/cjs/inputClasses.js +3 -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 +2 -1
- package/dist/cjs/p-input-search.js +13 -1
- package/dist/cjs/p-loading.js +3 -3
- package/dist/cjs/p-modal.js +125 -43
- 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 +32 -2
- package/dist/cjs/p-table-td.js +1 -1
- package/dist/cjs/p-table.js +2 -0
- package/dist/cjs/p-toggle.js +22 -1
- package/dist/cjs/usePTableHeaderWrap.js +38 -0
- package/dist/es/chunks/index.js +530 -179
- package/dist/es/chunks/p-alert.js +14 -16
- package/dist/es/chunks/p-avatar.js +16 -0
- package/dist/es/chunks/p-btn.js +5 -2
- 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 +15 -4
- 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 +77 -34
- package/dist/es/inputClasses.js +4 -4
- 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 +2 -1
- package/dist/es/p-input-search.js +13 -1
- package/dist/es/p-loading.js +3 -3
- package/dist/es/p-modal.js +125 -43
- 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 +32 -2
- package/dist/es/p-table-td.js +1 -1
- package/dist/es/p-table.js +2 -0
- package/dist/es/p-toggle.js +22 -1
- package/dist/es/usePTableHeaderWrap.js +38 -0
- 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 +18 -5
- 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 +153 -15
- 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 +1 -0
- 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 +190 -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.types.d.ts +1 -0
- package/dist/squirrel/components/p-table/p-table.vue.d.ts +33 -1
- package/dist/squirrel/components/p-table/usePTableHeaderWrap.d.ts +4 -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 +24 -22
- 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.spec.js +4 -4
- package/squirrel/components/p-alert/p-alert.stories.js +19 -13
- package/squirrel/components/p-alert/p-alert.vue +33 -11
- 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 +1 -0
- 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-basic.spec.js +29 -3
- package/squirrel/components/p-modal/p-modal.vue +182 -35
- 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.spec.js +51 -15
- package/squirrel/components/p-table/p-table.types.ts +2 -0
- package/squirrel/components/p-table/p-table.vue +46 -4
- package/squirrel/components/p-table/usePTableHeaderWrap.spec.js +118 -0
- package/squirrel/components/p-table/usePTableHeaderWrap.ts +45 -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.spec.js +5 -1
- package/squirrel/components/p-table-header-cell/p-table-header-cell.vue +38 -1
- 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,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
|
+
}>, {}, {}, {}, {}, 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, {}, {}, {}, {}, 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<{}, {}, {}, {}, {}, 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,370 @@
|
|
|
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 modal wrapper content.
|
|
9
|
+
*/
|
|
10
|
+
'modal-wrapper'?: () => unknown;
|
|
11
|
+
/**
|
|
12
|
+
* Custom title wrapper content.
|
|
13
|
+
*/
|
|
14
|
+
'title-wrapper'?: () => unknown;
|
|
15
|
+
/**
|
|
16
|
+
* Custom content wrapper.
|
|
17
|
+
*/
|
|
18
|
+
'content-wrapper'?: () => unknown;
|
|
19
|
+
/**
|
|
20
|
+
* Custom footer content.
|
|
21
|
+
*/
|
|
22
|
+
footer?: () => unknown;
|
|
23
|
+
/**
|
|
24
|
+
* Custom footer wrapper.
|
|
25
|
+
*/
|
|
26
|
+
'footer-wrapper'?: () => unknown;
|
|
13
27
|
};
|
|
14
28
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
29
|
+
/**
|
|
30
|
+
* Unique name for the modal when using the modal service.
|
|
31
|
+
* Used for programmatic control of the modal.
|
|
32
|
+
*/
|
|
15
33
|
name: {
|
|
16
34
|
type: StringConstructor;
|
|
17
35
|
default: string;
|
|
18
36
|
};
|
|
37
|
+
/**
|
|
38
|
+
* Title displayed in the modal header.
|
|
39
|
+
* Used for accessibility and visual identification.
|
|
40
|
+
*/
|
|
19
41
|
title: {
|
|
20
42
|
type: StringConstructor;
|
|
21
43
|
default: string;
|
|
22
44
|
};
|
|
45
|
+
/**
|
|
46
|
+
* Base z-index for the modal.
|
|
47
|
+
* Higher values ensure the modal appears above other content.
|
|
48
|
+
*/
|
|
23
49
|
baseZindex: {
|
|
24
50
|
type: NumberConstructor;
|
|
25
51
|
default: number;
|
|
26
52
|
};
|
|
53
|
+
/**
|
|
54
|
+
* CSS classes for the backdrop element.
|
|
55
|
+
* Controls the appearance of the modal overlay.
|
|
56
|
+
*/
|
|
27
57
|
bgClass: {
|
|
28
58
|
type: PropType<StyleValue>;
|
|
29
59
|
default: string;
|
|
30
60
|
};
|
|
61
|
+
/**
|
|
62
|
+
* CSS classes for the modal wrapper element.
|
|
63
|
+
* Controls the positioning and layout of the modal container.
|
|
64
|
+
*/
|
|
31
65
|
wrapperClass: {
|
|
32
66
|
type: PropType<StyleValue>;
|
|
33
67
|
default: string;
|
|
34
68
|
};
|
|
69
|
+
/**
|
|
70
|
+
* Base CSS classes for the modal content.
|
|
71
|
+
* Controls the appearance of the modal dialog itself.
|
|
72
|
+
*/
|
|
35
73
|
modalBaseClass: {
|
|
36
74
|
type: PropType<StyleValue>;
|
|
37
75
|
default: string;
|
|
38
76
|
};
|
|
77
|
+
/**
|
|
78
|
+
* Additional CSS classes for the modal content.
|
|
79
|
+
* Merged with modalBaseClass for custom styling.
|
|
80
|
+
*/
|
|
39
81
|
modalClass: {
|
|
40
82
|
type: PropType<StyleValue>;
|
|
41
83
|
default: string;
|
|
42
84
|
};
|
|
85
|
+
/**
|
|
86
|
+
* Inline styles for the modal content.
|
|
87
|
+
* Applied directly to the modal element.
|
|
88
|
+
*/
|
|
43
89
|
modalStyle: {
|
|
44
90
|
type: PropType<StyleValue>;
|
|
45
91
|
default: string;
|
|
46
92
|
};
|
|
93
|
+
/**
|
|
94
|
+
* CSS class for the modal entrance animation.
|
|
95
|
+
* Controls how the modal appears.
|
|
96
|
+
*/
|
|
47
97
|
inClass: {
|
|
48
98
|
type: StringConstructor;
|
|
49
99
|
default: string;
|
|
50
100
|
};
|
|
101
|
+
/**
|
|
102
|
+
* CSS class for the modal exit animation.
|
|
103
|
+
* Controls how the modal disappears.
|
|
104
|
+
*/
|
|
51
105
|
outClass: {
|
|
52
106
|
type: StringConstructor;
|
|
53
107
|
default: string;
|
|
54
108
|
};
|
|
109
|
+
/**
|
|
110
|
+
* CSS class for the backdrop entrance animation.
|
|
111
|
+
* Controls how the backdrop appears.
|
|
112
|
+
*/
|
|
55
113
|
bgInClass: {
|
|
56
114
|
type: StringConstructor;
|
|
57
115
|
default: string;
|
|
58
116
|
};
|
|
117
|
+
/**
|
|
118
|
+
* CSS class for the backdrop exit animation.
|
|
119
|
+
* Controls how the backdrop disappears.
|
|
120
|
+
*/
|
|
59
121
|
bgOutClass: {
|
|
60
122
|
type: StringConstructor;
|
|
61
123
|
default: string;
|
|
62
124
|
};
|
|
125
|
+
/**
|
|
126
|
+
* Target element to append the modal to.
|
|
127
|
+
* Usually 'body' for proper z-index stacking.
|
|
128
|
+
*/
|
|
63
129
|
appendTo: {
|
|
64
130
|
type: StringConstructor;
|
|
65
131
|
default: string;
|
|
66
132
|
};
|
|
133
|
+
/**
|
|
134
|
+
* Whether the modal should be mounted immediately.
|
|
135
|
+
* Useful for modals that are always present in the DOM.
|
|
136
|
+
*/
|
|
67
137
|
live: {
|
|
68
138
|
type: BooleanConstructor;
|
|
69
139
|
default: boolean;
|
|
70
140
|
};
|
|
141
|
+
/**
|
|
142
|
+
* Whether the modal can be closed by user interaction.
|
|
143
|
+
* Controls close button visibility and backdrop click behavior.
|
|
144
|
+
*/
|
|
71
145
|
enableClose: {
|
|
72
146
|
type: BooleanConstructor;
|
|
73
147
|
default: boolean;
|
|
74
148
|
};
|
|
149
|
+
/**
|
|
150
|
+
* Controls the visibility of the modal (v-model).
|
|
151
|
+
* Supports two-way binding for modal state.
|
|
152
|
+
*/
|
|
75
153
|
modelValue: {
|
|
76
154
|
type: BooleanConstructor;
|
|
77
155
|
default: boolean;
|
|
78
156
|
};
|
|
157
|
+
/**
|
|
158
|
+
* Accessibility label for the close button.
|
|
159
|
+
* Used by screen readers for better accessibility.
|
|
160
|
+
*/
|
|
79
161
|
closeLabel: {
|
|
80
162
|
type: StringConstructor;
|
|
81
163
|
default: string;
|
|
82
164
|
};
|
|
165
|
+
/**
|
|
166
|
+
* Whether the modal content is disabled.
|
|
167
|
+
* Prevents user interaction with modal content.
|
|
168
|
+
*/
|
|
83
169
|
disabled: {
|
|
84
170
|
type: BooleanConstructor;
|
|
85
171
|
default: boolean;
|
|
86
172
|
};
|
|
173
|
+
/**
|
|
174
|
+
* Error message to display in the modal.
|
|
175
|
+
* Shows an error alert above the modal content.
|
|
176
|
+
*/
|
|
87
177
|
errorMsg: {
|
|
88
178
|
type: StringConstructor;
|
|
89
179
|
default: string;
|
|
90
180
|
};
|
|
181
|
+
/**
|
|
182
|
+
* Maximum width of the modal.
|
|
183
|
+
* Controls the responsive behavior of the modal.
|
|
184
|
+
*/
|
|
91
185
|
maxWidth: {
|
|
92
186
|
type: StringConstructor;
|
|
93
187
|
default: string;
|
|
94
188
|
};
|
|
95
|
-
}>,
|
|
96
|
-
"update:modelValue": (
|
|
189
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
190
|
+
"update:modelValue": (value: boolean) => any;
|
|
97
191
|
closed: () => any;
|
|
98
192
|
"before-open": () => any;
|
|
99
193
|
opening: () => any;
|
|
100
194
|
opened: () => any;
|
|
101
195
|
"before-close": () => any;
|
|
102
196
|
closing: () => any;
|
|
103
|
-
"click:overlay": (
|
|
197
|
+
"click:overlay": (event: MouseEvent) => any;
|
|
104
198
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
199
|
+
/**
|
|
200
|
+
* Unique name for the modal when using the modal service.
|
|
201
|
+
* Used for programmatic control of the modal.
|
|
202
|
+
*/
|
|
105
203
|
name: {
|
|
106
204
|
type: StringConstructor;
|
|
107
205
|
default: string;
|
|
108
206
|
};
|
|
207
|
+
/**
|
|
208
|
+
* Title displayed in the modal header.
|
|
209
|
+
* Used for accessibility and visual identification.
|
|
210
|
+
*/
|
|
109
211
|
title: {
|
|
110
212
|
type: StringConstructor;
|
|
111
213
|
default: string;
|
|
112
214
|
};
|
|
215
|
+
/**
|
|
216
|
+
* Base z-index for the modal.
|
|
217
|
+
* Higher values ensure the modal appears above other content.
|
|
218
|
+
*/
|
|
113
219
|
baseZindex: {
|
|
114
220
|
type: NumberConstructor;
|
|
115
221
|
default: number;
|
|
116
222
|
};
|
|
223
|
+
/**
|
|
224
|
+
* CSS classes for the backdrop element.
|
|
225
|
+
* Controls the appearance of the modal overlay.
|
|
226
|
+
*/
|
|
117
227
|
bgClass: {
|
|
118
228
|
type: PropType<StyleValue>;
|
|
119
229
|
default: string;
|
|
120
230
|
};
|
|
231
|
+
/**
|
|
232
|
+
* CSS classes for the modal wrapper element.
|
|
233
|
+
* Controls the positioning and layout of the modal container.
|
|
234
|
+
*/
|
|
121
235
|
wrapperClass: {
|
|
122
236
|
type: PropType<StyleValue>;
|
|
123
237
|
default: string;
|
|
124
238
|
};
|
|
239
|
+
/**
|
|
240
|
+
* Base CSS classes for the modal content.
|
|
241
|
+
* Controls the appearance of the modal dialog itself.
|
|
242
|
+
*/
|
|
125
243
|
modalBaseClass: {
|
|
126
244
|
type: PropType<StyleValue>;
|
|
127
245
|
default: string;
|
|
128
246
|
};
|
|
247
|
+
/**
|
|
248
|
+
* Additional CSS classes for the modal content.
|
|
249
|
+
* Merged with modalBaseClass for custom styling.
|
|
250
|
+
*/
|
|
129
251
|
modalClass: {
|
|
130
252
|
type: PropType<StyleValue>;
|
|
131
253
|
default: string;
|
|
132
254
|
};
|
|
255
|
+
/**
|
|
256
|
+
* Inline styles for the modal content.
|
|
257
|
+
* Applied directly to the modal element.
|
|
258
|
+
*/
|
|
133
259
|
modalStyle: {
|
|
134
260
|
type: PropType<StyleValue>;
|
|
135
261
|
default: string;
|
|
136
262
|
};
|
|
263
|
+
/**
|
|
264
|
+
* CSS class for the modal entrance animation.
|
|
265
|
+
* Controls how the modal appears.
|
|
266
|
+
*/
|
|
137
267
|
inClass: {
|
|
138
268
|
type: StringConstructor;
|
|
139
269
|
default: string;
|
|
140
270
|
};
|
|
271
|
+
/**
|
|
272
|
+
* CSS class for the modal exit animation.
|
|
273
|
+
* Controls how the modal disappears.
|
|
274
|
+
*/
|
|
141
275
|
outClass: {
|
|
142
276
|
type: StringConstructor;
|
|
143
277
|
default: string;
|
|
144
278
|
};
|
|
279
|
+
/**
|
|
280
|
+
* CSS class for the backdrop entrance animation.
|
|
281
|
+
* Controls how the backdrop appears.
|
|
282
|
+
*/
|
|
145
283
|
bgInClass: {
|
|
146
284
|
type: StringConstructor;
|
|
147
285
|
default: string;
|
|
148
286
|
};
|
|
287
|
+
/**
|
|
288
|
+
* CSS class for the backdrop exit animation.
|
|
289
|
+
* Controls how the backdrop disappears.
|
|
290
|
+
*/
|
|
149
291
|
bgOutClass: {
|
|
150
292
|
type: StringConstructor;
|
|
151
293
|
default: string;
|
|
152
294
|
};
|
|
295
|
+
/**
|
|
296
|
+
* Target element to append the modal to.
|
|
297
|
+
* Usually 'body' for proper z-index stacking.
|
|
298
|
+
*/
|
|
153
299
|
appendTo: {
|
|
154
300
|
type: StringConstructor;
|
|
155
301
|
default: string;
|
|
156
302
|
};
|
|
303
|
+
/**
|
|
304
|
+
* Whether the modal should be mounted immediately.
|
|
305
|
+
* Useful for modals that are always present in the DOM.
|
|
306
|
+
*/
|
|
157
307
|
live: {
|
|
158
308
|
type: BooleanConstructor;
|
|
159
309
|
default: boolean;
|
|
160
310
|
};
|
|
311
|
+
/**
|
|
312
|
+
* Whether the modal can be closed by user interaction.
|
|
313
|
+
* Controls close button visibility and backdrop click behavior.
|
|
314
|
+
*/
|
|
161
315
|
enableClose: {
|
|
162
316
|
type: BooleanConstructor;
|
|
163
317
|
default: boolean;
|
|
164
318
|
};
|
|
319
|
+
/**
|
|
320
|
+
* Controls the visibility of the modal (v-model).
|
|
321
|
+
* Supports two-way binding for modal state.
|
|
322
|
+
*/
|
|
165
323
|
modelValue: {
|
|
166
324
|
type: BooleanConstructor;
|
|
167
325
|
default: boolean;
|
|
168
326
|
};
|
|
327
|
+
/**
|
|
328
|
+
* Accessibility label for the close button.
|
|
329
|
+
* Used by screen readers for better accessibility.
|
|
330
|
+
*/
|
|
169
331
|
closeLabel: {
|
|
170
332
|
type: StringConstructor;
|
|
171
333
|
default: string;
|
|
172
334
|
};
|
|
335
|
+
/**
|
|
336
|
+
* Whether the modal content is disabled.
|
|
337
|
+
* Prevents user interaction with modal content.
|
|
338
|
+
*/
|
|
173
339
|
disabled: {
|
|
174
340
|
type: BooleanConstructor;
|
|
175
341
|
default: boolean;
|
|
176
342
|
};
|
|
343
|
+
/**
|
|
344
|
+
* Error message to display in the modal.
|
|
345
|
+
* Shows an error alert above the modal content.
|
|
346
|
+
*/
|
|
177
347
|
errorMsg: {
|
|
178
348
|
type: StringConstructor;
|
|
179
349
|
default: string;
|
|
180
350
|
};
|
|
351
|
+
/**
|
|
352
|
+
* Maximum width of the modal.
|
|
353
|
+
* Controls the responsive behavior of the modal.
|
|
354
|
+
*/
|
|
181
355
|
maxWidth: {
|
|
182
356
|
type: StringConstructor;
|
|
183
357
|
default: string;
|
|
184
358
|
};
|
|
185
359
|
}>> & Readonly<{
|
|
186
|
-
"onUpdate:modelValue"?: ((
|
|
360
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
187
361
|
onClosed?: (() => any) | undefined;
|
|
188
362
|
"onBefore-open"?: (() => any) | undefined;
|
|
189
363
|
onOpening?: (() => any) | undefined;
|
|
190
364
|
onOpened?: (() => any) | undefined;
|
|
191
365
|
"onBefore-close"?: (() => any) | undefined;
|
|
192
366
|
onClosing?: (() => any) | undefined;
|
|
193
|
-
"onClick:overlay"?: ((
|
|
367
|
+
"onClick:overlay"?: ((event: MouseEvent) => any) | undefined;
|
|
194
368
|
}>, {
|
|
195
369
|
name: string;
|
|
196
370
|
title: string;
|
|
@@ -1,80 +1,90 @@
|
|
|
1
1
|
import { type PropType } from 'vue';
|
|
2
2
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
3
3
|
/**
|
|
4
|
-
* The current page.
|
|
4
|
+
* The current page number (v-model).
|
|
5
|
+
* Controls which page is visually active and navigable.
|
|
5
6
|
*/
|
|
6
7
|
modelValue: {
|
|
7
8
|
type: PropType<number | null>;
|
|
8
9
|
default: null;
|
|
9
10
|
};
|
|
10
11
|
/**
|
|
11
|
-
* The amount of
|
|
12
|
+
* The total amount of items to paginate through.
|
|
13
|
+
* Used to calculate the total number of pages.
|
|
12
14
|
*/
|
|
13
15
|
count: {
|
|
14
16
|
type: NumberConstructor;
|
|
15
17
|
default: number;
|
|
16
18
|
};
|
|
17
19
|
/**
|
|
18
|
-
* The
|
|
20
|
+
* The number of items to display per page.
|
|
21
|
+
* Used to calculate the total number of pages.
|
|
19
22
|
*/
|
|
20
23
|
pageSize: {
|
|
21
24
|
type: NumberConstructor;
|
|
22
25
|
default: number;
|
|
23
26
|
};
|
|
24
27
|
/**
|
|
25
|
-
* The
|
|
28
|
+
* The number of pages to show before and after the current page.
|
|
29
|
+
* Controls the range of page numbers displayed around the current page.
|
|
26
30
|
*/
|
|
27
31
|
pageOffset: {
|
|
28
32
|
type: NumberConstructor;
|
|
29
33
|
default: number;
|
|
30
34
|
};
|
|
31
35
|
/**
|
|
32
|
-
* Whether the pagination is loading.
|
|
36
|
+
* Whether the pagination is in a loading state.
|
|
37
|
+
* When true, shows a skeleton loader instead of the pagination controls.
|
|
33
38
|
*/
|
|
34
39
|
loading: {
|
|
35
40
|
type: BooleanConstructor;
|
|
36
41
|
default: boolean;
|
|
37
42
|
};
|
|
38
|
-
}>,
|
|
39
|
-
"update:modelValue": (
|
|
43
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
44
|
+
"update:modelValue": (value: number) => any;
|
|
40
45
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
41
46
|
/**
|
|
42
|
-
* The current page.
|
|
47
|
+
* The current page number (v-model).
|
|
48
|
+
* Controls which page is visually active and navigable.
|
|
43
49
|
*/
|
|
44
50
|
modelValue: {
|
|
45
51
|
type: PropType<number | null>;
|
|
46
52
|
default: null;
|
|
47
53
|
};
|
|
48
54
|
/**
|
|
49
|
-
* The amount of
|
|
55
|
+
* The total amount of items to paginate through.
|
|
56
|
+
* Used to calculate the total number of pages.
|
|
50
57
|
*/
|
|
51
58
|
count: {
|
|
52
59
|
type: NumberConstructor;
|
|
53
60
|
default: number;
|
|
54
61
|
};
|
|
55
62
|
/**
|
|
56
|
-
* The
|
|
63
|
+
* The number of items to display per page.
|
|
64
|
+
* Used to calculate the total number of pages.
|
|
57
65
|
*/
|
|
58
66
|
pageSize: {
|
|
59
67
|
type: NumberConstructor;
|
|
60
68
|
default: number;
|
|
61
69
|
};
|
|
62
70
|
/**
|
|
63
|
-
* The
|
|
71
|
+
* The number of pages to show before and after the current page.
|
|
72
|
+
* Controls the range of page numbers displayed around the current page.
|
|
64
73
|
*/
|
|
65
74
|
pageOffset: {
|
|
66
75
|
type: NumberConstructor;
|
|
67
76
|
default: number;
|
|
68
77
|
};
|
|
69
78
|
/**
|
|
70
|
-
* Whether the pagination is loading.
|
|
79
|
+
* Whether the pagination is in a loading state.
|
|
80
|
+
* When true, shows a skeleton loader instead of the pagination controls.
|
|
71
81
|
*/
|
|
72
82
|
loading: {
|
|
73
83
|
type: BooleanConstructor;
|
|
74
84
|
default: boolean;
|
|
75
85
|
};
|
|
76
86
|
}>> & Readonly<{
|
|
77
|
-
"onUpdate:modelValue"?: ((
|
|
87
|
+
"onUpdate:modelValue"?: ((value: number) => any) | undefined;
|
|
78
88
|
}>, {
|
|
79
89
|
loading: boolean;
|
|
80
90
|
modelValue: number | null;
|
|
@@ -4,57 +4,65 @@ type __VLS_Slots = {} & {
|
|
|
4
4
|
};
|
|
5
5
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
6
6
|
/**
|
|
7
|
-
* The current page.
|
|
7
|
+
* The current page number (1-based).
|
|
8
|
+
* Used to calculate the starting item number in the display range.
|
|
8
9
|
*/
|
|
9
10
|
currentPage: {
|
|
10
11
|
type: NumberConstructor;
|
|
11
12
|
default: number;
|
|
12
13
|
};
|
|
13
14
|
/**
|
|
14
|
-
* The
|
|
15
|
+
* The total number of items across all pages.
|
|
16
|
+
* Used to calculate the total count and ending item number.
|
|
15
17
|
*/
|
|
16
18
|
count: {
|
|
17
19
|
type: NumberConstructor;
|
|
18
20
|
default: number;
|
|
19
21
|
};
|
|
20
22
|
/**
|
|
21
|
-
* The
|
|
23
|
+
* The number of items displayed per page.
|
|
24
|
+
* Used to calculate the `from` and `to` limits for the current page.
|
|
22
25
|
*/
|
|
23
26
|
pageSize: {
|
|
24
27
|
type: NumberConstructor;
|
|
25
28
|
default: number;
|
|
26
29
|
};
|
|
27
30
|
/**
|
|
28
|
-
* Whether the pagination is loading.
|
|
31
|
+
* Whether the pagination data is loading.
|
|
32
|
+
* When true, shows a skeleton loader instead of the info text.
|
|
29
33
|
*/
|
|
30
34
|
loading: {
|
|
31
35
|
type: BooleanConstructor;
|
|
32
36
|
default: boolean;
|
|
33
37
|
};
|
|
34
|
-
}>,
|
|
38
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
35
39
|
/**
|
|
36
|
-
* The current page.
|
|
40
|
+
* The current page number (1-based).
|
|
41
|
+
* Used to calculate the starting item number in the display range.
|
|
37
42
|
*/
|
|
38
43
|
currentPage: {
|
|
39
44
|
type: NumberConstructor;
|
|
40
45
|
default: number;
|
|
41
46
|
};
|
|
42
47
|
/**
|
|
43
|
-
* The
|
|
48
|
+
* The total number of items across all pages.
|
|
49
|
+
* Used to calculate the total count and ending item number.
|
|
44
50
|
*/
|
|
45
51
|
count: {
|
|
46
52
|
type: NumberConstructor;
|
|
47
53
|
default: number;
|
|
48
54
|
};
|
|
49
55
|
/**
|
|
50
|
-
* The
|
|
56
|
+
* The number of items displayed per page.
|
|
57
|
+
* Used to calculate the `from` and `to` limits for the current page.
|
|
51
58
|
*/
|
|
52
59
|
pageSize: {
|
|
53
60
|
type: NumberConstructor;
|
|
54
61
|
default: number;
|
|
55
62
|
};
|
|
56
63
|
/**
|
|
57
|
-
* Whether the pagination is loading.
|
|
64
|
+
* Whether the pagination data is loading.
|
|
65
|
+
* When true, shows a skeleton loader instead of the info text.
|
|
58
66
|
*/
|
|
59
67
|
loading: {
|
|
60
68
|
type: BooleanConstructor;
|
|
@@ -1,11 +1,31 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Represents a single progress segment with its value, color, and optional label.
|
|
3
|
+
*/
|
|
1
4
|
export type ProgressItem = {
|
|
5
|
+
/**
|
|
6
|
+
* The numeric value of this progress segment.
|
|
7
|
+
*/
|
|
2
8
|
value: number;
|
|
9
|
+
/**
|
|
10
|
+
* The background color for this progress segment.
|
|
11
|
+
*/
|
|
3
12
|
color: string;
|
|
13
|
+
/**
|
|
14
|
+
* Optional label to display on hover tooltip.
|
|
15
|
+
*/
|
|
4
16
|
label?: string;
|
|
5
17
|
};
|
|
6
18
|
type Props = {
|
|
19
|
+
/**
|
|
20
|
+
* The total value used to calculate percentage widths.
|
|
21
|
+
* All segment values should sum to this total for accurate representation.
|
|
22
|
+
*/
|
|
7
23
|
total: number;
|
|
24
|
+
/**
|
|
25
|
+
* Array of progress segments to display.
|
|
26
|
+
* Each item represents a portion of the total progress.
|
|
27
|
+
*/
|
|
8
28
|
items: ProgressItem[];
|
|
9
29
|
};
|
|
10
|
-
declare const _default: import("vue").DefineComponent<Props,
|
|
30
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
11
31
|
export default _default;
|