@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,24 +1,55 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* A table header cell component that displays text with optional tooltip and filter icon.
|
|
3
|
+
* Provides consistent styling for table headers with support for custom text colors,
|
|
4
|
+
* tooltips, and filter functionality.
|
|
5
|
+
*
|
|
6
|
+
* @displayName PTableHeaderCell
|
|
7
|
+
*/
|
|
1
8
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
9
|
+
/**
|
|
10
|
+
* The text content to display in the header cell.
|
|
11
|
+
* Also used as the title attribute for accessibility.
|
|
12
|
+
*/
|
|
2
13
|
text: {
|
|
3
14
|
type: StringConstructor;
|
|
4
15
|
default: string;
|
|
5
16
|
};
|
|
17
|
+
/**
|
|
18
|
+
* CSS classes to apply to the text element.
|
|
19
|
+
* Can be a string, object, or array for flexible styling.
|
|
20
|
+
*/
|
|
6
21
|
textClass: {
|
|
7
22
|
type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
|
8
23
|
default: string;
|
|
9
24
|
};
|
|
25
|
+
/**
|
|
26
|
+
* Whether the filter icon is in an active state.
|
|
27
|
+
* Controls the visual appearance of the filter icon and text color.
|
|
28
|
+
*/
|
|
10
29
|
filterActive: {
|
|
11
30
|
type: BooleanConstructor;
|
|
12
31
|
default: boolean;
|
|
13
32
|
};
|
|
33
|
+
/**
|
|
34
|
+
* Whether to show the filter icon.
|
|
35
|
+
* When false, the filter icon is hidden regardless of other states.
|
|
36
|
+
*/
|
|
14
37
|
showFilterIcon: {
|
|
15
38
|
type: BooleanConstructor;
|
|
16
39
|
default: boolean;
|
|
17
40
|
};
|
|
41
|
+
/**
|
|
42
|
+
* Tooltip text to display when hovering over the info icon.
|
|
43
|
+
* When provided, shows an info icon with the tooltip content.
|
|
44
|
+
*/
|
|
18
45
|
tooltipText: {
|
|
19
46
|
type: StringConstructor;
|
|
20
47
|
default: string;
|
|
21
48
|
};
|
|
49
|
+
/**
|
|
50
|
+
* Custom text color to apply to the header text.
|
|
51
|
+
* Overrides the default text color when provided.
|
|
52
|
+
*/
|
|
22
53
|
textColor: {
|
|
23
54
|
type: StringConstructor;
|
|
24
55
|
default: string;
|
|
@@ -33,26 +64,50 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
33
64
|
color: string;
|
|
34
65
|
};
|
|
35
66
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click-filter-icon"[], "click-filter-icon", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
67
|
+
/**
|
|
68
|
+
* The text content to display in the header cell.
|
|
69
|
+
* Also used as the title attribute for accessibility.
|
|
70
|
+
*/
|
|
36
71
|
text: {
|
|
37
72
|
type: StringConstructor;
|
|
38
73
|
default: string;
|
|
39
74
|
};
|
|
75
|
+
/**
|
|
76
|
+
* CSS classes to apply to the text element.
|
|
77
|
+
* Can be a string, object, or array for flexible styling.
|
|
78
|
+
*/
|
|
40
79
|
textClass: {
|
|
41
80
|
type: (StringConstructor | ObjectConstructor | ArrayConstructor)[];
|
|
42
81
|
default: string;
|
|
43
82
|
};
|
|
83
|
+
/**
|
|
84
|
+
* Whether the filter icon is in an active state.
|
|
85
|
+
* Controls the visual appearance of the filter icon and text color.
|
|
86
|
+
*/
|
|
44
87
|
filterActive: {
|
|
45
88
|
type: BooleanConstructor;
|
|
46
89
|
default: boolean;
|
|
47
90
|
};
|
|
91
|
+
/**
|
|
92
|
+
* Whether to show the filter icon.
|
|
93
|
+
* When false, the filter icon is hidden regardless of other states.
|
|
94
|
+
*/
|
|
48
95
|
showFilterIcon: {
|
|
49
96
|
type: BooleanConstructor;
|
|
50
97
|
default: boolean;
|
|
51
98
|
};
|
|
99
|
+
/**
|
|
100
|
+
* Tooltip text to display when hovering over the info icon.
|
|
101
|
+
* When provided, shows an info icon with the tooltip content.
|
|
102
|
+
*/
|
|
52
103
|
tooltipText: {
|
|
53
104
|
type: StringConstructor;
|
|
54
105
|
default: string;
|
|
55
106
|
};
|
|
107
|
+
/**
|
|
108
|
+
* Custom text color to apply to the header text.
|
|
109
|
+
* Overrides the default text color when provided.
|
|
110
|
+
*/
|
|
56
111
|
textColor: {
|
|
57
112
|
type: StringConstructor;
|
|
58
113
|
default: string;
|
|
@@ -72,7 +127,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
72
127
|
type: BooleanConstructor;
|
|
73
128
|
default: boolean;
|
|
74
129
|
};
|
|
75
|
-
}>,
|
|
130
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
76
131
|
active: {
|
|
77
132
|
type: BooleanConstructor;
|
|
78
133
|
default: boolean;
|
|
@@ -83,7 +138,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
83
138
|
PInfoIcon: {
|
|
84
139
|
new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{
|
|
85
140
|
text?: string | null;
|
|
86
|
-
}> & Readonly<{}>,
|
|
141
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
|
|
87
142
|
text: string | null;
|
|
88
143
|
}, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
|
|
89
144
|
P: {};
|
|
@@ -102,11 +157,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
102
157
|
__isSuspense?: never;
|
|
103
158
|
} & import("vue").ComponentOptionsBase<Readonly<{
|
|
104
159
|
text?: string | null;
|
|
105
|
-
}> & Readonly<{}>,
|
|
160
|
+
}> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
|
|
106
161
|
text: string | null;
|
|
107
162
|
}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
|
|
108
163
|
$slots: {
|
|
109
|
-
default?: (
|
|
164
|
+
default?: () => unknown;
|
|
110
165
|
};
|
|
111
166
|
});
|
|
112
167
|
}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,41 +1,81 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
/**
|
|
3
|
+
* The number of rows to display in the skeleton table.
|
|
4
|
+
* Controls the vertical size of the loading placeholder.
|
|
5
|
+
*/
|
|
2
6
|
rows: {
|
|
3
7
|
type: (StringConstructor | NumberConstructor)[];
|
|
4
8
|
default: number;
|
|
5
9
|
};
|
|
10
|
+
/**
|
|
11
|
+
* The number of columns to display in the skeleton table.
|
|
12
|
+
* Controls the horizontal size of the loading placeholder.
|
|
13
|
+
*/
|
|
6
14
|
columns: {
|
|
7
15
|
type: (StringConstructor | NumberConstructor)[];
|
|
8
16
|
default: number;
|
|
9
17
|
};
|
|
18
|
+
/**
|
|
19
|
+
* CSS classes to apply to each table cell.
|
|
20
|
+
* Allows customization of cell padding and styling.
|
|
21
|
+
*/
|
|
10
22
|
tdClasses: {
|
|
11
23
|
type: StringConstructor;
|
|
12
24
|
default: string;
|
|
13
25
|
};
|
|
26
|
+
/**
|
|
27
|
+
* CSS classes to apply to the skeleton loader within each cell.
|
|
28
|
+
* Controls the height and appearance of individual skeleton elements.
|
|
29
|
+
*/
|
|
14
30
|
tdSkeletonClasses: {
|
|
15
31
|
type: StringConstructor;
|
|
16
32
|
default: string;
|
|
17
33
|
};
|
|
34
|
+
/**
|
|
35
|
+
* Whether to display subheaders in the table header.
|
|
36
|
+
* Adds an additional row below the main header for more complex table structures.
|
|
37
|
+
*/
|
|
18
38
|
withSubheader: {
|
|
19
39
|
type: BooleanConstructor;
|
|
20
40
|
default: boolean;
|
|
21
41
|
};
|
|
22
|
-
}>,
|
|
42
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
43
|
+
/**
|
|
44
|
+
* The number of rows to display in the skeleton table.
|
|
45
|
+
* Controls the vertical size of the loading placeholder.
|
|
46
|
+
*/
|
|
23
47
|
rows: {
|
|
24
48
|
type: (StringConstructor | NumberConstructor)[];
|
|
25
49
|
default: number;
|
|
26
50
|
};
|
|
51
|
+
/**
|
|
52
|
+
* The number of columns to display in the skeleton table.
|
|
53
|
+
* Controls the horizontal size of the loading placeholder.
|
|
54
|
+
*/
|
|
27
55
|
columns: {
|
|
28
56
|
type: (StringConstructor | NumberConstructor)[];
|
|
29
57
|
default: number;
|
|
30
58
|
};
|
|
59
|
+
/**
|
|
60
|
+
* CSS classes to apply to each table cell.
|
|
61
|
+
* Allows customization of cell padding and styling.
|
|
62
|
+
*/
|
|
31
63
|
tdClasses: {
|
|
32
64
|
type: StringConstructor;
|
|
33
65
|
default: string;
|
|
34
66
|
};
|
|
67
|
+
/**
|
|
68
|
+
* CSS classes to apply to the skeleton loader within each cell.
|
|
69
|
+
* Controls the height and appearance of individual skeleton elements.
|
|
70
|
+
*/
|
|
35
71
|
tdSkeletonClasses: {
|
|
36
72
|
type: StringConstructor;
|
|
37
73
|
default: string;
|
|
38
74
|
};
|
|
75
|
+
/**
|
|
76
|
+
* Whether to display subheaders in the table header.
|
|
77
|
+
* Adds an additional row below the main header for more complex table structures.
|
|
78
|
+
*/
|
|
39
79
|
withSubheader: {
|
|
40
80
|
type: BooleanConstructor;
|
|
41
81
|
default: boolean;
|
|
@@ -1,21 +1,31 @@
|
|
|
1
1
|
import { type SortingType } from './p-table-sort.config';
|
|
2
2
|
import { type PropType } from 'vue';
|
|
3
3
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
|
+
/**
|
|
5
|
+
* The current sorting state (v-model).
|
|
6
|
+
* Valid values: 'asc', 'desc', 'no-sorting'
|
|
7
|
+
* Controls which sort option is visually active.
|
|
8
|
+
*/
|
|
4
9
|
modelValue: {
|
|
5
10
|
type: PropType<SortingType>;
|
|
6
11
|
default: "noSorting";
|
|
7
12
|
validator(value: SortingType): boolean;
|
|
8
13
|
};
|
|
9
|
-
}>,
|
|
10
|
-
"update:modelValue": (
|
|
14
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
15
|
+
"update:modelValue": (value: SortingType) => any;
|
|
11
16
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
+
/**
|
|
18
|
+
* The current sorting state (v-model).
|
|
19
|
+
* Valid values: 'asc', 'desc', 'no-sorting'
|
|
20
|
+
* Controls which sort option is visually active.
|
|
21
|
+
*/
|
|
12
22
|
modelValue: {
|
|
13
23
|
type: PropType<SortingType>;
|
|
14
24
|
default: "noSorting";
|
|
15
25
|
validator(value: SortingType): boolean;
|
|
16
26
|
};
|
|
17
27
|
}>> & Readonly<{
|
|
18
|
-
"onUpdate:modelValue"?: ((
|
|
28
|
+
"onUpdate:modelValue"?: ((value: SortingType) => any) | undefined;
|
|
19
29
|
}>, {
|
|
20
30
|
modelValue: SortingType;
|
|
21
31
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,13 +1,25 @@
|
|
|
1
1
|
type Props = {
|
|
2
|
+
/**
|
|
3
|
+
* The index of the column this cell belongs to.
|
|
4
|
+
* Used for determining positioning and styling based on column position.
|
|
5
|
+
*/
|
|
2
6
|
colIndex: number;
|
|
7
|
+
/**
|
|
8
|
+
* Whether the cell is editable.
|
|
9
|
+
* Adds cursor pointer styling and enables edit functionality.
|
|
10
|
+
*/
|
|
3
11
|
isEditable?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Whether the cell is part of a selected row.
|
|
14
|
+
* Applies selection styling and hover effects.
|
|
15
|
+
*/
|
|
4
16
|
isSelected?: boolean;
|
|
5
17
|
};
|
|
6
18
|
declare var __VLS_1: {};
|
|
7
19
|
type __VLS_Slots = {} & {
|
|
8
20
|
default?: (props: typeof __VLS_1) => any;
|
|
9
21
|
};
|
|
10
|
-
declare const __VLS_component: import("vue").DefineComponent<Props,
|
|
22
|
+
declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
|
|
11
23
|
isSelected: boolean;
|
|
12
24
|
isEditable: boolean;
|
|
13
25
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,41 +1,72 @@
|
|
|
1
1
|
import { type ShallowRef } from 'vue';
|
|
2
2
|
import { type RouteLocationRaw } from 'vue-router';
|
|
3
|
+
/**
|
|
4
|
+
* Represents a single tab in the tabs component.
|
|
5
|
+
*/
|
|
3
6
|
type Tab = {
|
|
7
|
+
/** Unique identifier for the tab */
|
|
4
8
|
name: string;
|
|
9
|
+
/** Display text for the tab */
|
|
5
10
|
title: string;
|
|
11
|
+
/** Optional icon component or icon name */
|
|
6
12
|
icon?: string | ShallowRef<string>;
|
|
13
|
+
/** Optional router link destination */
|
|
7
14
|
to?: RouteLocationRaw;
|
|
8
15
|
};
|
|
9
16
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
17
|
+
/**
|
|
18
|
+
* Array of tab objects to display.
|
|
19
|
+
* Each tab should have a name, title, and optional icon and route.
|
|
20
|
+
*/
|
|
10
21
|
tabs: {
|
|
11
22
|
type: () => Tab[];
|
|
12
23
|
required: true;
|
|
13
24
|
};
|
|
25
|
+
/**
|
|
26
|
+
* The currently active tab name.
|
|
27
|
+
* Controls which tab is visually highlighted.
|
|
28
|
+
*/
|
|
14
29
|
activeTab: {
|
|
15
30
|
type: StringConstructor;
|
|
16
31
|
required: true;
|
|
17
32
|
};
|
|
33
|
+
/**
|
|
34
|
+
* Left padding for the tabs container in pixels.
|
|
35
|
+
* Useful for aligning tabs with other content.
|
|
36
|
+
*/
|
|
18
37
|
tabsLeftPadding: {
|
|
19
38
|
type: NumberConstructor;
|
|
20
39
|
default: number;
|
|
21
40
|
};
|
|
22
|
-
}>,
|
|
23
|
-
"click:tab": (
|
|
41
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
42
|
+
"click:tab": (tabName: string) => any;
|
|
24
43
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
44
|
+
/**
|
|
45
|
+
* Array of tab objects to display.
|
|
46
|
+
* Each tab should have a name, title, and optional icon and route.
|
|
47
|
+
*/
|
|
25
48
|
tabs: {
|
|
26
49
|
type: () => Tab[];
|
|
27
50
|
required: true;
|
|
28
51
|
};
|
|
52
|
+
/**
|
|
53
|
+
* The currently active tab name.
|
|
54
|
+
* Controls which tab is visually highlighted.
|
|
55
|
+
*/
|
|
29
56
|
activeTab: {
|
|
30
57
|
type: StringConstructor;
|
|
31
58
|
required: true;
|
|
32
59
|
};
|
|
60
|
+
/**
|
|
61
|
+
* Left padding for the tabs container in pixels.
|
|
62
|
+
* Useful for aligning tabs with other content.
|
|
63
|
+
*/
|
|
33
64
|
tabsLeftPadding: {
|
|
34
65
|
type: NumberConstructor;
|
|
35
66
|
default: number;
|
|
36
67
|
};
|
|
37
68
|
}>> & Readonly<{
|
|
38
|
-
"onClick:tab"?: ((
|
|
69
|
+
"onClick:tab"?: ((tabName: string) => any) | undefined;
|
|
39
70
|
}>, {
|
|
40
71
|
tabsLeftPadding: number;
|
|
41
72
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
|
|
@@ -1,14 +1,36 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Valid value types for tab items.
|
|
3
|
+
*/
|
|
1
4
|
type Value = string | number | boolean;
|
|
5
|
+
/**
|
|
6
|
+
* Represents a single tab option in the pills component.
|
|
7
|
+
*/
|
|
2
8
|
type Option = {
|
|
3
9
|
[key: string]: Value;
|
|
4
10
|
};
|
|
5
11
|
type Props = {
|
|
12
|
+
/**
|
|
13
|
+
* The currently selected tab value (v-model).
|
|
14
|
+
* Should match one of the item values in the items array.
|
|
15
|
+
*/
|
|
6
16
|
modelValue?: Value;
|
|
17
|
+
/**
|
|
18
|
+
* Array of tab items to display as pills.
|
|
19
|
+
* Each item should have properties matching itemValue and itemText.
|
|
20
|
+
*/
|
|
7
21
|
items?: readonly Option[];
|
|
22
|
+
/**
|
|
23
|
+
* Property name to use as the item display text.
|
|
24
|
+
* Used for button label content.
|
|
25
|
+
*/
|
|
8
26
|
itemText?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Property name to use as the item value.
|
|
29
|
+
* Used for selection comparison and v-model binding.
|
|
30
|
+
*/
|
|
9
31
|
itemValue?: string;
|
|
10
32
|
};
|
|
11
|
-
declare const _default: import("vue").DefineComponent<Props,
|
|
33
|
+
declare const _default: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
12
34
|
"update:modelValue": (val: Value) => any;
|
|
13
35
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
14
36
|
"onUpdate:modelValue"?: ((val: Value) => any) | undefined;
|
|
@@ -1,60 +1,104 @@
|
|
|
1
1
|
import { type Size } from '../p-btn/p-btn.types';
|
|
2
2
|
import { type PropType } from 'vue';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
|
|
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;
|
|
9
13
|
};
|
|
10
14
|
declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
15
|
+
/**
|
|
16
|
+
* The current value of the textarea (v-model).
|
|
17
|
+
* Supports two-way binding for form inputs.
|
|
18
|
+
*/
|
|
11
19
|
modelValue: {
|
|
12
20
|
type: PropType<string | number | null>;
|
|
13
21
|
default: string;
|
|
14
22
|
};
|
|
23
|
+
/**
|
|
24
|
+
* Text label for the textarea field.
|
|
25
|
+
* If not provided, you can use the label slot instead.
|
|
26
|
+
*/
|
|
15
27
|
label: {
|
|
16
28
|
type: StringConstructor;
|
|
17
29
|
default: string;
|
|
18
30
|
};
|
|
31
|
+
/**
|
|
32
|
+
* Error message to display below the textarea.
|
|
33
|
+
* When provided, the textarea will show error styling.
|
|
34
|
+
*/
|
|
19
35
|
errorMsg: {
|
|
20
36
|
type: StringConstructor;
|
|
21
37
|
default: string;
|
|
22
38
|
};
|
|
39
|
+
/**
|
|
40
|
+
* Whether the textarea is required.
|
|
41
|
+
* Adds required attribute and visual indicator.
|
|
42
|
+
*/
|
|
23
43
|
required: {
|
|
24
44
|
type: BooleanConstructor;
|
|
25
45
|
default: boolean;
|
|
26
46
|
};
|
|
47
|
+
/**
|
|
48
|
+
* The size of the textarea - affects padding, font size, and spacing.
|
|
49
|
+
* Valid values: 'sm', 'md', 'lg'
|
|
50
|
+
*/
|
|
27
51
|
size: {
|
|
28
52
|
type: PropType<Size>;
|
|
29
53
|
default: string;
|
|
30
54
|
validator(value: Size): boolean;
|
|
31
55
|
};
|
|
32
|
-
}>,
|
|
33
|
-
"update:modelValue": (
|
|
56
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
57
|
+
"update:modelValue": (value: string) => any;
|
|
34
58
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
59
|
+
/**
|
|
60
|
+
* The current value of the textarea (v-model).
|
|
61
|
+
* Supports two-way binding for form inputs.
|
|
62
|
+
*/
|
|
35
63
|
modelValue: {
|
|
36
64
|
type: PropType<string | number | null>;
|
|
37
65
|
default: string;
|
|
38
66
|
};
|
|
67
|
+
/**
|
|
68
|
+
* Text label for the textarea field.
|
|
69
|
+
* If not provided, you can use the label slot instead.
|
|
70
|
+
*/
|
|
39
71
|
label: {
|
|
40
72
|
type: StringConstructor;
|
|
41
73
|
default: string;
|
|
42
74
|
};
|
|
75
|
+
/**
|
|
76
|
+
* Error message to display below the textarea.
|
|
77
|
+
* When provided, the textarea will show error styling.
|
|
78
|
+
*/
|
|
43
79
|
errorMsg: {
|
|
44
80
|
type: StringConstructor;
|
|
45
81
|
default: string;
|
|
46
82
|
};
|
|
83
|
+
/**
|
|
84
|
+
* Whether the textarea is required.
|
|
85
|
+
* Adds required attribute and visual indicator.
|
|
86
|
+
*/
|
|
47
87
|
required: {
|
|
48
88
|
type: BooleanConstructor;
|
|
49
89
|
default: boolean;
|
|
50
90
|
};
|
|
91
|
+
/**
|
|
92
|
+
* The size of the textarea - affects padding, font size, and spacing.
|
|
93
|
+
* Valid values: 'sm', 'md', 'lg'
|
|
94
|
+
*/
|
|
51
95
|
size: {
|
|
52
96
|
type: PropType<Size>;
|
|
53
97
|
default: string;
|
|
54
98
|
validator(value: Size): boolean;
|
|
55
99
|
};
|
|
56
100
|
}>> & Readonly<{
|
|
57
|
-
"onUpdate:modelValue"?: ((
|
|
101
|
+
"onUpdate:modelValue"?: ((value: string) => any) | undefined;
|
|
58
102
|
}>, {
|
|
59
103
|
size: "sm" | "md" | "lg";
|
|
60
104
|
label: string;
|
|
@@ -1,53 +1,95 @@
|
|
|
1
1
|
import { type Size } from '../p-btn/p-btn.types';
|
|
2
2
|
import { type PropType } from 'vue';
|
|
3
3
|
declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
4
|
+
/**
|
|
5
|
+
* The current toggle state (v-model).
|
|
6
|
+
* Supports two-way binding for form inputs.
|
|
7
|
+
*/
|
|
4
8
|
modelValue: {
|
|
5
9
|
type: BooleanConstructor;
|
|
6
10
|
default: boolean;
|
|
7
11
|
};
|
|
12
|
+
/**
|
|
13
|
+
* Text label for the toggle switch.
|
|
14
|
+
* If not provided, you can use the label slot instead.
|
|
15
|
+
*/
|
|
8
16
|
label: {
|
|
9
17
|
type: StringConstructor;
|
|
10
18
|
default: string;
|
|
11
19
|
};
|
|
20
|
+
/**
|
|
21
|
+
* Error message to display below the toggle.
|
|
22
|
+
* When provided, the toggle will show error styling.
|
|
23
|
+
*/
|
|
12
24
|
errorMsg: {
|
|
13
25
|
type: StringConstructor;
|
|
14
26
|
default: string;
|
|
15
27
|
};
|
|
28
|
+
/**
|
|
29
|
+
* Whether the toggle is required.
|
|
30
|
+
* Adds required attribute and visual indicator.
|
|
31
|
+
*/
|
|
16
32
|
required: {
|
|
17
33
|
type: BooleanConstructor;
|
|
18
34
|
default: boolean;
|
|
19
35
|
};
|
|
36
|
+
/**
|
|
37
|
+
* The size of the toggle switch.
|
|
38
|
+
* Valid values: 'sm', 'md', 'lg'
|
|
39
|
+
* @values sm, md, lg
|
|
40
|
+
*/
|
|
20
41
|
size: {
|
|
21
42
|
type: PropType<Size>;
|
|
22
43
|
default: string;
|
|
23
44
|
validator(value: Size): boolean;
|
|
24
45
|
};
|
|
25
|
-
}>,
|
|
26
|
-
"update:modelValue": (
|
|
46
|
+
}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
47
|
+
"update:modelValue": (value: boolean) => any;
|
|
27
48
|
}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
49
|
+
/**
|
|
50
|
+
* The current toggle state (v-model).
|
|
51
|
+
* Supports two-way binding for form inputs.
|
|
52
|
+
*/
|
|
28
53
|
modelValue: {
|
|
29
54
|
type: BooleanConstructor;
|
|
30
55
|
default: boolean;
|
|
31
56
|
};
|
|
57
|
+
/**
|
|
58
|
+
* Text label for the toggle switch.
|
|
59
|
+
* If not provided, you can use the label slot instead.
|
|
60
|
+
*/
|
|
32
61
|
label: {
|
|
33
62
|
type: StringConstructor;
|
|
34
63
|
default: string;
|
|
35
64
|
};
|
|
65
|
+
/**
|
|
66
|
+
* Error message to display below the toggle.
|
|
67
|
+
* When provided, the toggle will show error styling.
|
|
68
|
+
*/
|
|
36
69
|
errorMsg: {
|
|
37
70
|
type: StringConstructor;
|
|
38
71
|
default: string;
|
|
39
72
|
};
|
|
73
|
+
/**
|
|
74
|
+
* Whether the toggle is required.
|
|
75
|
+
* Adds required attribute and visual indicator.
|
|
76
|
+
*/
|
|
40
77
|
required: {
|
|
41
78
|
type: BooleanConstructor;
|
|
42
79
|
default: boolean;
|
|
43
80
|
};
|
|
81
|
+
/**
|
|
82
|
+
* The size of the toggle switch.
|
|
83
|
+
* Valid values: 'sm', 'md', 'lg'
|
|
84
|
+
* @values sm, md, lg
|
|
85
|
+
*/
|
|
44
86
|
size: {
|
|
45
87
|
type: PropType<Size>;
|
|
46
88
|
default: string;
|
|
47
89
|
validator(value: Size): boolean;
|
|
48
90
|
};
|
|
49
91
|
}>> & Readonly<{
|
|
50
|
-
"onUpdate:modelValue"?: ((
|
|
92
|
+
"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
|
|
51
93
|
}>, {
|
|
52
94
|
size: "sm" | "md" | "lg";
|
|
53
95
|
label: string;
|
|
@@ -55,10 +97,15 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<import("vu
|
|
|
55
97
|
modelValue: boolean;
|
|
56
98
|
errorMsg: string;
|
|
57
99
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>, {
|
|
100
|
+
/**
|
|
101
|
+
* Custom label content - overrides the label prop.
|
|
102
|
+
* @param {string} label - The label text
|
|
103
|
+
* @param {string} label-classes - CSS classes for the label
|
|
104
|
+
*/
|
|
58
105
|
label?: (props: {
|
|
59
106
|
label: string;
|
|
60
107
|
labelClasses: string;
|
|
61
|
-
}) =>
|
|
108
|
+
}) => unknown;
|
|
62
109
|
}>;
|
|
63
110
|
export default _default;
|
|
64
111
|
type __VLS_WithSlots<T, S> = T & {
|