@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
|
@@ -4,20 +4,44 @@ declare const LOADER_TYPES: {
|
|
|
4
4
|
readonly circle: "circle";
|
|
5
5
|
};
|
|
6
6
|
type LoaderType = (typeof LOADER_TYPES)[keyof typeof LOADER_TYPES];
|
|
7
|
+
/**
|
|
8
|
+
* A skeleton loader component that displays animated loading placeholders.
|
|
9
|
+
* Provides customizable shapes, colors, and shimmer effects to indicate
|
|
10
|
+
* content loading states. Supports both rectangle and circle shapes with
|
|
11
|
+
* configurable background and shimmer colors.
|
|
12
|
+
*
|
|
13
|
+
* @displayName PSkeletonLoader
|
|
14
|
+
*/
|
|
7
15
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
16
|
+
/**
|
|
17
|
+
* The shape type of the skeleton loader.
|
|
18
|
+
* Determines the border radius and overall appearance.
|
|
19
|
+
*/
|
|
8
20
|
type: {
|
|
9
21
|
type: PropType<LoaderType>;
|
|
10
22
|
default: "rectangle";
|
|
11
23
|
validator(value: LoaderType): boolean;
|
|
12
24
|
};
|
|
25
|
+
/**
|
|
26
|
+
* The background CSS class for the skeleton loader.
|
|
27
|
+
* Controls the base color of the loading placeholder.
|
|
28
|
+
*/
|
|
13
29
|
bgClass: {
|
|
14
30
|
type: StringConstructor;
|
|
15
31
|
default: string;
|
|
16
32
|
};
|
|
33
|
+
/**
|
|
34
|
+
* Additional CSS classes to apply to the loader.
|
|
35
|
+
* Allows for custom styling beyond the default type-based classes.
|
|
36
|
+
*/
|
|
17
37
|
cssClass: {
|
|
18
38
|
type: StringConstructor;
|
|
19
39
|
default: string;
|
|
20
40
|
};
|
|
41
|
+
/**
|
|
42
|
+
* The color of the shimmer effect in hex format.
|
|
43
|
+
* Controls the color of the animated shimmer overlay.
|
|
44
|
+
*/
|
|
21
45
|
shimmerColor: {
|
|
22
46
|
type: StringConstructor;
|
|
23
47
|
default: string;
|
|
@@ -33,19 +57,35 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
33
57
|
};
|
|
34
58
|
loaderClass(): string;
|
|
35
59
|
}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
60
|
+
/**
|
|
61
|
+
* The shape type of the skeleton loader.
|
|
62
|
+
* Determines the border radius and overall appearance.
|
|
63
|
+
*/
|
|
36
64
|
type: {
|
|
37
65
|
type: PropType<LoaderType>;
|
|
38
66
|
default: "rectangle";
|
|
39
67
|
validator(value: LoaderType): boolean;
|
|
40
68
|
};
|
|
69
|
+
/**
|
|
70
|
+
* The background CSS class for the skeleton loader.
|
|
71
|
+
* Controls the base color of the loading placeholder.
|
|
72
|
+
*/
|
|
41
73
|
bgClass: {
|
|
42
74
|
type: StringConstructor;
|
|
43
75
|
default: string;
|
|
44
76
|
};
|
|
77
|
+
/**
|
|
78
|
+
* Additional CSS classes to apply to the loader.
|
|
79
|
+
* Allows for custom styling beyond the default type-based classes.
|
|
80
|
+
*/
|
|
45
81
|
cssClass: {
|
|
46
82
|
type: StringConstructor;
|
|
47
83
|
default: string;
|
|
48
84
|
};
|
|
85
|
+
/**
|
|
86
|
+
* The color of the shimmer effect in hex format.
|
|
87
|
+
* Controls the color of the animated shimmer overlay.
|
|
88
|
+
*/
|
|
49
89
|
shimmerColor: {
|
|
50
90
|
type: StringConstructor;
|
|
51
91
|
default: string;
|
|
@@ -1,10 +1,22 @@
|
|
|
1
1
|
import type { StepItem } from './p-steps.types';
|
|
2
2
|
type Props = {
|
|
3
|
+
/**
|
|
4
|
+
* The currently active step value.
|
|
5
|
+
* Should match one of the step values in the steps array.
|
|
6
|
+
*/
|
|
3
7
|
activeStep?: StepItem['value'];
|
|
8
|
+
/**
|
|
9
|
+
* Array of step items to display.
|
|
10
|
+
* Each step should have a value and optional text and disabled properties.
|
|
11
|
+
*/
|
|
4
12
|
steps?: readonly StepItem[];
|
|
13
|
+
/**
|
|
14
|
+
* Whether steps are clickable to navigate between them.
|
|
15
|
+
* When true, steps become interactive and emit click events.
|
|
16
|
+
*/
|
|
5
17
|
clickable?: boolean;
|
|
6
18
|
};
|
|
7
|
-
declare const _default: import("vue").DefineComponent<Props,
|
|
19
|
+
declare const _default: import("vue").DefineComponent<Props, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
8
20
|
"click:step": (step: StepItem, index: number) => any;
|
|
9
21
|
}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
|
|
10
22
|
"onClick:step"?: ((step: StepItem, index: number) => any) | undefined;
|
|
@@ -5,16 +5,48 @@ declare const _default: <T extends Record<string, unknown>>(__VLS_props: NonNull
|
|
|
5
5
|
readonly "onCol-resize"?: ((colIndex: number, width: number) => any) | undefined;
|
|
6
6
|
readonly "onClick-filter-icon"?: ((val: Event, col: any) => any) | undefined;
|
|
7
7
|
} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>, "onScroll" | "onClick-filter-icon" | "onCol-resize"> & {
|
|
8
|
+
/**
|
|
9
|
+
* Array of column definitions for the table.
|
|
10
|
+
* Each column defines its display properties, filtering, and styling.
|
|
11
|
+
*/
|
|
8
12
|
cols: TableCol[];
|
|
13
|
+
/**
|
|
14
|
+
* Whether columns can be resized by dragging.
|
|
15
|
+
* Enables column width adjustment functionality.
|
|
16
|
+
*/
|
|
9
17
|
colsResizable?: boolean;
|
|
18
|
+
/**
|
|
19
|
+
* Whether the first column is fixed in position.
|
|
20
|
+
* Useful for keeping important columns visible during horizontal scrolling.
|
|
21
|
+
*/
|
|
10
22
|
isFirstColFixed?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Whether the last column is fixed in position.
|
|
25
|
+
* Useful for keeping action columns visible during horizontal scrolling.
|
|
26
|
+
*/
|
|
11
27
|
isLastColFixed?: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Whether to prevent horizontal scrolling.
|
|
30
|
+
* Forces the table to fit within its container.
|
|
31
|
+
*/
|
|
12
32
|
lockScroll?: boolean;
|
|
33
|
+
/**
|
|
34
|
+
* Whether to show subheader content below the main header.
|
|
35
|
+
* Provides additional header information or controls.
|
|
36
|
+
*/
|
|
13
37
|
subheader?: boolean;
|
|
38
|
+
/**
|
|
39
|
+
* Virtual scrolling configuration for large datasets.
|
|
40
|
+
* Controls padding for virtualized rows.
|
|
41
|
+
*/
|
|
14
42
|
virtualizer?: {
|
|
15
43
|
paddingTop: number;
|
|
16
44
|
paddingBottom: number;
|
|
17
45
|
};
|
|
46
|
+
/**
|
|
47
|
+
* Array of data objects to display in the table.
|
|
48
|
+
* Each object should have properties matching the column names.
|
|
49
|
+
*/
|
|
18
50
|
data?: T[];
|
|
19
51
|
} & Partial<{}>> & import("vue").PublicProps;
|
|
20
52
|
expose(exposed: import("vue").ShallowUnwrapRef<{
|
|
@@ -1,9 +1,15 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
2
|
+
/**
|
|
3
|
+
* Whether the filter icon is active (filtered state).
|
|
4
|
+
*/
|
|
2
5
|
active: {
|
|
3
6
|
type: BooleanConstructor;
|
|
4
7
|
default: boolean;
|
|
5
8
|
};
|
|
6
|
-
}>,
|
|
9
|
+
}>, void, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
10
|
+
/**
|
|
11
|
+
* Whether the filter icon is active (filtered state).
|
|
12
|
+
*/
|
|
7
13
|
active: {
|
|
8
14
|
type: BooleanConstructor;
|
|
9
15
|
default: boolean;
|
|
@@ -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
|
+
}>, void, {}, {}, {}, 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<{}>, void, {}, {}, {}, 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<{}>, void, {}, {}, {}, 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
|
+
}>, void, {}, {}, {}, 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
|
+
}>, void, {}, {}, {}, 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, void, {}, {}, {}, 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
|
+
}>, void, {}, {}, {}, 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, void, {}, {}, {}, 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;
|