@rebilly/revel 12.10.1 → 12.11.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/CHANGELOG.md +11 -1
- package/dist/components/r-tabs/r-tab.vue.d.ts +37 -0
- package/dist/components/r-tabs/r-tabs.vue.d.ts +24 -1
- package/dist/components/r-tabs/types.d.ts +4 -0
- package/dist/directives/r-tooltip/r-tooltip.d.ts +1 -2
- package/dist/revel.mjs +1493 -1452
- package/dist/revel.umd.js +5 -3
- package/dist/style.css +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1 +1,11 @@
|
|
|
1
|
-
## [12.
|
|
1
|
+
## [12.11.0](https://github.com/Rebilly/rebilly/compare/revel-v12.10.1...revel-v12.11.0) (2025-12-22)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **revel:** Add r-tabs displaying information about validation errors ([#17395](https://github.com/Rebilly/rebilly/issues/17395)) ([b25ce8d](https://github.com/Rebilly/rebilly/commit/b25ce8d1303c7bab26d43731c26c354db6d9b038))
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Bug Fixes
|
|
10
|
+
|
|
11
|
+
* **revel:** form input with error class calendar component button color is incorrect ([#17432](https://github.com/Rebilly/rebilly/issues/17432)) ([24cde76](https://github.com/Rebilly/rebilly/commit/24cde769c14194301ea5888ddf4ef0f1439a7d4b))
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { type PropType, type Ref } from 'vue';
|
|
2
2
|
import type { RouteLocation } from 'vue-router';
|
|
3
3
|
import type { Tab } from './types';
|
|
4
|
+
import type { BaseValidation } from '@vuelidate/core';
|
|
4
5
|
declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
5
6
|
name: {
|
|
6
7
|
required: true;
|
|
@@ -27,6 +28,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
27
28
|
type: BooleanConstructor;
|
|
28
29
|
default: boolean;
|
|
29
30
|
};
|
|
31
|
+
/**
|
|
32
|
+
* Array of Vuelidate validation objects to aggregate their states for this tab.
|
|
33
|
+
*/
|
|
34
|
+
validate: {
|
|
35
|
+
type: PropType<Array<BaseValidation>>;
|
|
36
|
+
default: () => never[];
|
|
37
|
+
};
|
|
30
38
|
}>, {
|
|
31
39
|
shouldShowThisTab: import("vue").ComputedRef<boolean | undefined>;
|
|
32
40
|
tabPanelId: import("vue").ComputedRef<string>;
|
|
@@ -59,9 +67,38 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
59
67
|
type: BooleanConstructor;
|
|
60
68
|
default: boolean;
|
|
61
69
|
};
|
|
70
|
+
/**
|
|
71
|
+
* Array of Vuelidate validation objects to aggregate their states for this tab.
|
|
72
|
+
*/
|
|
73
|
+
validate: {
|
|
74
|
+
type: PropType<Array<BaseValidation>>;
|
|
75
|
+
default: () => never[];
|
|
76
|
+
};
|
|
62
77
|
}>> & Readonly<{}>, {
|
|
63
78
|
active: boolean;
|
|
64
79
|
value: string;
|
|
80
|
+
validate: {
|
|
81
|
+
readonly [key: string]: any;
|
|
82
|
+
$model: unknown;
|
|
83
|
+
readonly $dirty: boolean;
|
|
84
|
+
readonly $error: boolean;
|
|
85
|
+
readonly $errors: import("@vuelidate/core").ErrorObject[];
|
|
86
|
+
readonly $silentErrors: import("@vuelidate/core").ErrorObject[];
|
|
87
|
+
readonly $externalResults: ({
|
|
88
|
+
$validator: "$externalResults";
|
|
89
|
+
$response: null;
|
|
90
|
+
$pending: false;
|
|
91
|
+
$params: {};
|
|
92
|
+
} & import("@vuelidate/core").ErrorObject)[];
|
|
93
|
+
readonly $invalid: boolean;
|
|
94
|
+
readonly $anyDirty: boolean;
|
|
95
|
+
readonly $pending: boolean;
|
|
96
|
+
readonly $path: string;
|
|
97
|
+
readonly $touch: () => void;
|
|
98
|
+
readonly $reset: () => void;
|
|
99
|
+
readonly $commit: () => void;
|
|
100
|
+
readonly $validate: () => Promise<boolean>;
|
|
101
|
+
}[];
|
|
65
102
|
hidden: boolean;
|
|
66
103
|
panelId: string;
|
|
67
104
|
to: Optional<Ref<import("vue-router").RouteLocationGeneric, import("vue-router").RouteLocationGeneric>>;
|
|
@@ -31,6 +31,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
31
31
|
type: NumberConstructor;
|
|
32
32
|
default: number;
|
|
33
33
|
};
|
|
34
|
+
/**
|
|
35
|
+
* Show validation messages on hover over invalid tab
|
|
36
|
+
*/
|
|
37
|
+
showValidateMessages: {
|
|
38
|
+
type: BooleanConstructor;
|
|
39
|
+
default: boolean;
|
|
40
|
+
};
|
|
34
41
|
}>, {}, State, {
|
|
35
42
|
visibleTabs(): {
|
|
36
43
|
tabId: string;
|
|
@@ -41,6 +48,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
41
48
|
value: string;
|
|
42
49
|
active: boolean;
|
|
43
50
|
to: Optional<string | object>;
|
|
51
|
+
validateErrorMessages: Array<string>;
|
|
52
|
+
isInvalid: boolean;
|
|
44
53
|
}[];
|
|
45
54
|
}, {
|
|
46
55
|
getTabName(tab: Tab, index: number): string;
|
|
@@ -54,6 +63,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
54
63
|
value: string;
|
|
55
64
|
active: boolean;
|
|
56
65
|
to: Optional<string | object>;
|
|
66
|
+
validateErrorMessages: Array<string>;
|
|
67
|
+
isInvalid: boolean;
|
|
57
68
|
} | undefined;
|
|
58
69
|
goingToSameRoute(to?: Tab["to"]): boolean | "";
|
|
59
70
|
addItemToTabsList(tab: Tab): void;
|
|
@@ -87,14 +98,24 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
87
98
|
type: NumberConstructor;
|
|
88
99
|
default: number;
|
|
89
100
|
};
|
|
101
|
+
/**
|
|
102
|
+
* Show validation messages on hover over invalid tab
|
|
103
|
+
*/
|
|
104
|
+
showValidateMessages: {
|
|
105
|
+
type: BooleanConstructor;
|
|
106
|
+
default: boolean;
|
|
107
|
+
};
|
|
90
108
|
}>> & Readonly<{
|
|
91
109
|
"onTab-selected"?: ((...args: any[]) => any) | undefined;
|
|
92
110
|
}>, {
|
|
111
|
+
showValidateMessages: boolean;
|
|
93
112
|
divided: boolean;
|
|
94
113
|
menuClass: string;
|
|
95
114
|
contentClass: string;
|
|
96
115
|
preselectedTab: number;
|
|
97
|
-
}, {}, {}, {
|
|
116
|
+
}, {}, {}, {
|
|
117
|
+
tooltip: import("vue").Directive<import("../../directives/r-tooltip/r-tooltip.ts").ToolTipTarget>;
|
|
118
|
+
}, string, () => {
|
|
98
119
|
addItemToTabsList: (tab: Tab) => void;
|
|
99
120
|
visibleTabs: import("vue").ComputedRef<{
|
|
100
121
|
tabId: string;
|
|
@@ -105,6 +126,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
105
126
|
value: string;
|
|
106
127
|
active: boolean;
|
|
107
128
|
to: Optional<string | object>;
|
|
129
|
+
validateErrorMessages: Array<string>;
|
|
130
|
+
isInvalid: boolean;
|
|
108
131
|
}[]>;
|
|
109
132
|
}, true, {}, any>;
|
|
110
133
|
export default _default;
|
|
@@ -9,6 +9,8 @@ export interface ReactiveTab {
|
|
|
9
9
|
value: Ref<string>;
|
|
10
10
|
active: Ref<boolean>;
|
|
11
11
|
to: Optional<Ref<RouteLocation>>;
|
|
12
|
+
validateErrorMessages: Ref<Array<string>>;
|
|
13
|
+
isInvalid: Ref<boolean>;
|
|
12
14
|
}
|
|
13
15
|
export interface Tab {
|
|
14
16
|
tabId: string;
|
|
@@ -19,4 +21,6 @@ export interface Tab {
|
|
|
19
21
|
value: string;
|
|
20
22
|
active: boolean;
|
|
21
23
|
to: Optional<string | object>;
|
|
24
|
+
validateErrorMessages: Array<string>;
|
|
25
|
+
isInvalid: boolean;
|
|
22
26
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { Directive } from 'vue';
|
|
2
2
|
import './r-tooltip.scss';
|
|
3
|
-
interface ToolTipTarget extends HTMLElement {
|
|
3
|
+
export interface ToolTipTarget extends HTMLElement {
|
|
4
4
|
vTooltipClick: Nullable<() => void>;
|
|
5
5
|
vTooltipEnter: Nullable<() => void>;
|
|
6
6
|
vTooltipLeave: Nullable<() => void>;
|
|
@@ -9,4 +9,3 @@ interface ToolTipTarget extends HTMLElement {
|
|
|
9
9
|
* Simple directive to add a tooltip
|
|
10
10
|
*/
|
|
11
11
|
export declare const RTooltipDirective: Directive<ToolTipTarget>;
|
|
12
|
-
export {};
|