@naptics/vue-collection 0.0.7 → 0.1.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 +7 -5
- package/components/NBadge.d.ts +3 -3
- package/components/NButton.d.ts +3 -3
- package/components/NIconButton.d.ts +12 -6
- package/components/NInput.d.ts +3 -3
- package/components/NInputPhone.d.ts +3 -3
- package/components/NInputSelect.d.ts +3 -3
- package/components/NInputSuggestion.d.ts +3 -3
- package/components/NSelect.d.ts +3 -3
- package/components/NTextArea.d.ts +6 -12
- package/components/NTooltip.d.ts +5 -5
- package/components/NTooltip.js +1 -1
- package/components/NValInput.d.ts +3 -3
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -26,15 +26,17 @@ This section shows how to create a new Vue project with the recommended tech-sta
|
|
|
26
26
|
These are the steps to add Vue Collection to an existing project. You may have to go through the steps of `Project Setup` and check if you have the neccesary (peer-)dependencies installed.
|
|
27
27
|
|
|
28
28
|
1. Go to [npmjs.com](https://npmjs.com), sign in with naptics and create a new read-only classic access token.
|
|
29
|
-
2.
|
|
29
|
+
2. Add a `.npmrc` file in your repository and add the following contents.
|
|
30
30
|
|
|
31
31
|
```
|
|
32
|
-
//registry.npmjs.org/:_authToken
|
|
32
|
+
//registry.npmjs.org/:_authToken=${NPM_TOKEN}
|
|
33
33
|
```
|
|
34
34
|
|
|
35
|
-
3.
|
|
36
|
-
4.
|
|
37
|
-
5.
|
|
35
|
+
3. Add the created token to your environment with the key `NPM_TOKEN` (e.g., by modifing `~/.zshrc`).
|
|
36
|
+
4. If the project also uses pipelines to build, make sure to create a second read-only token and add it to the build environment secrets.
|
|
37
|
+
5. Install Vue Collection with `npm i @naptics/vue-collection`.
|
|
38
|
+
6. Add tailwind config -> See below
|
|
39
|
+
7. Register i18n provider -> See below
|
|
38
40
|
|
|
39
41
|
## Create new components
|
|
40
42
|
|
package/components/NBadge.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import type { TWTextSize } from '../utils/tailwind';
|
|
|
2
2
|
import type { PropType } from 'vue';
|
|
3
3
|
export declare const nBadgeProps: {
|
|
4
4
|
readonly tooltipText: StringConstructor;
|
|
5
|
-
readonly tooltipContent: PropType<() =>
|
|
5
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
6
6
|
readonly tooltipHide: BooleanConstructor;
|
|
7
7
|
readonly tooltipShow: BooleanConstructor;
|
|
8
8
|
readonly tooltipPlacement: {
|
|
@@ -58,7 +58,7 @@ export declare const nBadgeProps: {
|
|
|
58
58
|
*/
|
|
59
59
|
declare const _default: import("vue").DefineComponent<{
|
|
60
60
|
readonly tooltipText: StringConstructor;
|
|
61
|
-
readonly tooltipContent: PropType<() =>
|
|
61
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
62
62
|
readonly tooltipHide: BooleanConstructor;
|
|
63
63
|
readonly tooltipShow: BooleanConstructor;
|
|
64
64
|
readonly tooltipPlacement: {
|
|
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
110
110
|
};
|
|
111
111
|
}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
112
112
|
readonly tooltipText: StringConstructor;
|
|
113
|
-
readonly tooltipContent: PropType<() =>
|
|
113
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
114
114
|
readonly tooltipHide: BooleanConstructor;
|
|
115
115
|
readonly tooltipShow: BooleanConstructor;
|
|
116
116
|
readonly tooltipPlacement: {
|
package/components/NButton.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { type PropType } from 'vue';
|
|
2
2
|
export declare const nButtonProps: {
|
|
3
3
|
readonly tooltipText: StringConstructor;
|
|
4
|
-
readonly tooltipContent: PropType<() =>
|
|
4
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
5
5
|
readonly tooltipHide: BooleanConstructor;
|
|
6
6
|
readonly tooltipShow: BooleanConstructor;
|
|
7
7
|
readonly tooltipPlacement: {
|
|
@@ -49,7 +49,7 @@ export declare const nButtonProps: {
|
|
|
49
49
|
*/
|
|
50
50
|
declare const _default: import("vue").DefineComponent<{
|
|
51
51
|
readonly tooltipText: StringConstructor;
|
|
52
|
-
readonly tooltipContent: PropType<() =>
|
|
52
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
53
53
|
readonly tooltipHide: BooleanConstructor;
|
|
54
54
|
readonly tooltipShow: BooleanConstructor;
|
|
55
55
|
readonly tooltipPlacement: {
|
|
@@ -93,7 +93,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
93
93
|
readonly onClick: PropType<() => void>;
|
|
94
94
|
}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
95
95
|
readonly tooltipText: StringConstructor;
|
|
96
|
-
readonly tooltipContent: PropType<() =>
|
|
96
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
97
97
|
readonly tooltipHide: BooleanConstructor;
|
|
98
98
|
readonly tooltipShow: BooleanConstructor;
|
|
99
99
|
readonly tooltipPlacement: {
|
|
@@ -3,11 +3,13 @@ import type { PropType } from 'vue';
|
|
|
3
3
|
import { type RouteLocationRaw } from 'vue-router';
|
|
4
4
|
export declare const nIconButtonProps: {
|
|
5
5
|
readonly tooltipText: StringConstructor;
|
|
6
|
-
readonly tooltipContent: PropType<() =>
|
|
6
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
7
7
|
readonly tooltipHide: BooleanConstructor;
|
|
8
8
|
readonly tooltipShow: BooleanConstructor;
|
|
9
9
|
readonly tooltipPlacement: {
|
|
10
|
-
readonly type: PropType<import("./NTooltip").TooltipPlacement>;
|
|
10
|
+
readonly type: PropType<import("./NTooltip").TooltipPlacement>; /**
|
|
11
|
+
* If set to `true` the icon-button is disabled and no interaction is possible.
|
|
12
|
+
*/
|
|
11
13
|
readonly default: "auto";
|
|
12
14
|
};
|
|
13
15
|
readonly tooltipMaxWidth: {
|
|
@@ -68,11 +70,13 @@ export declare const nIconButtonProps: {
|
|
|
68
70
|
*/
|
|
69
71
|
declare const _default: import("vue").DefineComponent<{
|
|
70
72
|
readonly tooltipText: StringConstructor;
|
|
71
|
-
readonly tooltipContent: PropType<() =>
|
|
73
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
72
74
|
readonly tooltipHide: BooleanConstructor;
|
|
73
75
|
readonly tooltipShow: BooleanConstructor;
|
|
74
76
|
readonly tooltipPlacement: {
|
|
75
|
-
readonly type: PropType<import("./NTooltip").TooltipPlacement>;
|
|
77
|
+
readonly type: PropType<import("./NTooltip").TooltipPlacement>; /**
|
|
78
|
+
* If set to `true` the icon-button is disabled and no interaction is possible.
|
|
79
|
+
*/
|
|
76
80
|
readonly default: "auto";
|
|
77
81
|
};
|
|
78
82
|
readonly tooltipMaxWidth: {
|
|
@@ -129,11 +133,13 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
129
133
|
readonly onClick: PropType<() => void>;
|
|
130
134
|
}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
131
135
|
readonly tooltipText: StringConstructor;
|
|
132
|
-
readonly tooltipContent: PropType<() =>
|
|
136
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
133
137
|
readonly tooltipHide: BooleanConstructor;
|
|
134
138
|
readonly tooltipShow: BooleanConstructor;
|
|
135
139
|
readonly tooltipPlacement: {
|
|
136
|
-
readonly type: PropType<import("./NTooltip").TooltipPlacement>;
|
|
140
|
+
readonly type: PropType<import("./NTooltip").TooltipPlacement>; /**
|
|
141
|
+
* If set to `true` the icon-button is disabled and no interaction is possible.
|
|
142
|
+
*/
|
|
137
143
|
readonly default: "auto";
|
|
138
144
|
};
|
|
139
145
|
readonly tooltipMaxWidth: {
|
package/components/NInput.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { type PropType } from 'vue';
|
|
|
2
2
|
import './NInput.css';
|
|
3
3
|
export declare const nInputProps: {
|
|
4
4
|
readonly tooltipText: StringConstructor;
|
|
5
|
-
readonly tooltipContent: PropType<() =>
|
|
5
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
6
6
|
readonly tooltipHide: BooleanConstructor;
|
|
7
7
|
readonly tooltipShow: BooleanConstructor;
|
|
8
8
|
readonly tooltipPlacement: {
|
|
@@ -81,7 +81,7 @@ export type NInputExposed = {
|
|
|
81
81
|
*/
|
|
82
82
|
declare const _default: import("vue").DefineComponent<{
|
|
83
83
|
readonly tooltipText: StringConstructor;
|
|
84
|
-
readonly tooltipContent: PropType<() =>
|
|
84
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
85
85
|
readonly tooltipHide: BooleanConstructor;
|
|
86
86
|
readonly tooltipShow: BooleanConstructor;
|
|
87
87
|
readonly tooltipPlacement: {
|
|
@@ -150,7 +150,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
150
150
|
readonly onUpdateValue: PropType<(newValue: string) => void>;
|
|
151
151
|
}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
152
152
|
readonly tooltipText: StringConstructor;
|
|
153
|
-
readonly tooltipContent: PropType<() =>
|
|
153
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
154
154
|
readonly tooltipHide: BooleanConstructor;
|
|
155
155
|
readonly tooltipShow: BooleanConstructor;
|
|
156
156
|
readonly tooltipPlacement: {
|
|
@@ -11,7 +11,7 @@ export declare const nInputPhoneProps: {
|
|
|
11
11
|
readonly hideErrorMessage: BooleanConstructor;
|
|
12
12
|
readonly disableBlurValidation: BooleanConstructor;
|
|
13
13
|
readonly tooltipText: StringConstructor;
|
|
14
|
-
readonly tooltipContent: import("vue").PropType<() =>
|
|
14
|
+
readonly tooltipContent: import("vue").PropType<() => JSX.Element>;
|
|
15
15
|
readonly tooltipHide: BooleanConstructor;
|
|
16
16
|
readonly tooltipShow: BooleanConstructor;
|
|
17
17
|
readonly tooltipPlacement: {
|
|
@@ -58,7 +58,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
58
58
|
readonly hideErrorMessage: BooleanConstructor;
|
|
59
59
|
readonly disableBlurValidation: BooleanConstructor;
|
|
60
60
|
readonly tooltipText: StringConstructor;
|
|
61
|
-
readonly tooltipContent: import("vue").PropType<() =>
|
|
61
|
+
readonly tooltipContent: import("vue").PropType<() => JSX.Element>;
|
|
62
62
|
readonly tooltipHide: BooleanConstructor;
|
|
63
63
|
readonly tooltipShow: BooleanConstructor;
|
|
64
64
|
readonly tooltipPlacement: {
|
|
@@ -101,7 +101,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
101
101
|
readonly hideErrorMessage: BooleanConstructor;
|
|
102
102
|
readonly disableBlurValidation: BooleanConstructor;
|
|
103
103
|
readonly tooltipText: StringConstructor;
|
|
104
|
-
readonly tooltipContent: import("vue").PropType<() =>
|
|
104
|
+
readonly tooltipContent: import("vue").PropType<() => JSX.Element>;
|
|
105
105
|
readonly tooltipHide: BooleanConstructor;
|
|
106
106
|
readonly tooltipShow: BooleanConstructor;
|
|
107
107
|
readonly tooltipPlacement: {
|
|
@@ -53,7 +53,7 @@ export declare const nInputSelectProps: {
|
|
|
53
53
|
*/
|
|
54
54
|
readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
|
|
55
55
|
readonly tooltipText: StringConstructor;
|
|
56
|
-
readonly tooltipContent: PropType<() =>
|
|
56
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
57
57
|
readonly tooltipHide: BooleanConstructor;
|
|
58
58
|
readonly tooltipShow: BooleanConstructor;
|
|
59
59
|
readonly tooltipPlacement: {
|
|
@@ -143,7 +143,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
143
143
|
*/
|
|
144
144
|
readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
|
|
145
145
|
readonly tooltipText: StringConstructor;
|
|
146
|
-
readonly tooltipContent: PropType<() =>
|
|
146
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
147
147
|
readonly tooltipHide: BooleanConstructor;
|
|
148
148
|
readonly tooltipShow: BooleanConstructor;
|
|
149
149
|
readonly tooltipPlacement: {
|
|
@@ -224,7 +224,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
224
224
|
*/
|
|
225
225
|
readonly listItem: PropType<(props: import("./NSuggestionList").ItemSlotProps<import("./NSuggestionList").SuggestionItem>) => JSX.Element>;
|
|
226
226
|
readonly tooltipText: StringConstructor;
|
|
227
|
-
readonly tooltipContent: PropType<() =>
|
|
227
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
228
228
|
readonly tooltipHide: BooleanConstructor;
|
|
229
229
|
readonly tooltipShow: BooleanConstructor;
|
|
230
230
|
readonly tooltipPlacement: {
|
|
@@ -35,7 +35,7 @@ export declare const nInputSuggestionProps: {
|
|
|
35
35
|
readonly hideErrorMessage: BooleanConstructor;
|
|
36
36
|
readonly disableBlurValidation: BooleanConstructor;
|
|
37
37
|
readonly tooltipText: StringConstructor;
|
|
38
|
-
readonly tooltipContent: PropType<() =>
|
|
38
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
39
39
|
readonly tooltipHide: BooleanConstructor;
|
|
40
40
|
readonly tooltipShow: BooleanConstructor;
|
|
41
41
|
readonly tooltipPlacement: {
|
|
@@ -106,7 +106,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
106
106
|
readonly hideErrorMessage: BooleanConstructor;
|
|
107
107
|
readonly disableBlurValidation: BooleanConstructor;
|
|
108
108
|
readonly tooltipText: StringConstructor;
|
|
109
|
-
readonly tooltipContent: PropType<() =>
|
|
109
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
110
110
|
readonly tooltipHide: BooleanConstructor;
|
|
111
111
|
readonly tooltipShow: BooleanConstructor;
|
|
112
112
|
readonly tooltipPlacement: {
|
|
@@ -172,7 +172,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
172
172
|
readonly hideErrorMessage: BooleanConstructor;
|
|
173
173
|
readonly disableBlurValidation: BooleanConstructor;
|
|
174
174
|
readonly tooltipText: StringConstructor;
|
|
175
|
-
readonly tooltipContent: PropType<() =>
|
|
175
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
176
176
|
readonly tooltipHide: BooleanConstructor;
|
|
177
177
|
readonly tooltipShow: BooleanConstructor;
|
|
178
178
|
readonly tooltipPlacement: {
|
package/components/NSelect.d.ts
CHANGED
|
@@ -3,7 +3,7 @@ import { type PropType } from 'vue';
|
|
|
3
3
|
import { type NValInputExposed } from './NValInput';
|
|
4
4
|
export declare const nSelectProps: {
|
|
5
5
|
readonly tooltipText: StringConstructor;
|
|
6
|
-
readonly tooltipContent: PropType<() =>
|
|
6
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
7
7
|
readonly tooltipHide: BooleanConstructor;
|
|
8
8
|
readonly tooltipShow: BooleanConstructor;
|
|
9
9
|
readonly tooltipPlacement: {
|
|
@@ -57,7 +57,7 @@ export type NSelectExposed = NValInputExposed;
|
|
|
57
57
|
*/
|
|
58
58
|
declare const _default: import("vue").DefineComponent<{
|
|
59
59
|
readonly tooltipText: StringConstructor;
|
|
60
|
-
readonly tooltipContent: PropType<() =>
|
|
60
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
61
61
|
readonly tooltipHide: BooleanConstructor;
|
|
62
62
|
readonly tooltipShow: BooleanConstructor;
|
|
63
63
|
readonly tooltipPlacement: {
|
|
@@ -103,7 +103,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
103
103
|
readonly form: PropType<import("./ValidatedForm").ValidatedForm>;
|
|
104
104
|
}, import("vue").RenderFunction, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
105
105
|
readonly tooltipText: StringConstructor;
|
|
106
|
-
readonly tooltipContent: PropType<() =>
|
|
106
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
107
107
|
readonly tooltipHide: BooleanConstructor;
|
|
108
108
|
readonly tooltipShow: BooleanConstructor;
|
|
109
109
|
readonly tooltipPlacement: {
|
|
@@ -11,7 +11,7 @@ export declare const nTextAreaProps: {
|
|
|
11
11
|
readonly hideErrorMessage: BooleanConstructor;
|
|
12
12
|
readonly disableBlurValidation: BooleanConstructor;
|
|
13
13
|
readonly tooltipText: StringConstructor;
|
|
14
|
-
readonly tooltipContent: PropType<() =>
|
|
14
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
15
15
|
readonly tooltipHide: BooleanConstructor;
|
|
16
16
|
readonly tooltipShow: BooleanConstructor;
|
|
17
17
|
readonly tooltipPlacement: {
|
|
@@ -19,9 +19,7 @@ export declare const nTextAreaProps: {
|
|
|
19
19
|
readonly default: "auto";
|
|
20
20
|
};
|
|
21
21
|
readonly tooltipMaxWidth: {
|
|
22
|
-
readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
|
|
23
|
-
* If set to `true` the text area is displayed with a red border.
|
|
24
|
-
*/
|
|
22
|
+
readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
|
|
25
23
|
readonly default: "max-w-xs";
|
|
26
24
|
};
|
|
27
25
|
/**
|
|
@@ -94,7 +92,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
94
92
|
readonly hideErrorMessage: BooleanConstructor;
|
|
95
93
|
readonly disableBlurValidation: BooleanConstructor;
|
|
96
94
|
readonly tooltipText: StringConstructor;
|
|
97
|
-
readonly tooltipContent: PropType<() =>
|
|
95
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
98
96
|
readonly tooltipHide: BooleanConstructor;
|
|
99
97
|
readonly tooltipShow: BooleanConstructor;
|
|
100
98
|
readonly tooltipPlacement: {
|
|
@@ -102,9 +100,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
102
100
|
readonly default: "auto";
|
|
103
101
|
};
|
|
104
102
|
readonly tooltipMaxWidth: {
|
|
105
|
-
readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
|
|
106
|
-
* If set to `true` the text area is displayed with a red border.
|
|
107
|
-
*/
|
|
103
|
+
readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
|
|
108
104
|
readonly default: "max-w-xs";
|
|
109
105
|
};
|
|
110
106
|
/**
|
|
@@ -170,7 +166,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
170
166
|
readonly hideErrorMessage: BooleanConstructor;
|
|
171
167
|
readonly disableBlurValidation: BooleanConstructor;
|
|
172
168
|
readonly tooltipText: StringConstructor;
|
|
173
|
-
readonly tooltipContent: PropType<() =>
|
|
169
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
174
170
|
readonly tooltipHide: BooleanConstructor;
|
|
175
171
|
readonly tooltipShow: BooleanConstructor;
|
|
176
172
|
readonly tooltipPlacement: {
|
|
@@ -178,9 +174,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
178
174
|
readonly default: "auto";
|
|
179
175
|
};
|
|
180
176
|
readonly tooltipMaxWidth: {
|
|
181
|
-
readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
|
|
182
|
-
* If set to `true` the text area is displayed with a red border.
|
|
183
|
-
*/
|
|
177
|
+
readonly type: PropType<import("../utils/tailwind").TWMaxWidth>;
|
|
184
178
|
readonly default: "max-w-xs";
|
|
185
179
|
};
|
|
186
180
|
/**
|
package/components/NTooltip.d.ts
CHANGED
|
@@ -10,7 +10,7 @@ export declare const nTooltipProps: {
|
|
|
10
10
|
/**
|
|
11
11
|
* A slot to replace the content of the tooltip. This will override the `text` prop.
|
|
12
12
|
*/
|
|
13
|
-
readonly content: PropType<() =>
|
|
13
|
+
readonly content: PropType<() => JSX.Element>;
|
|
14
14
|
/**
|
|
15
15
|
* If set to `true` the tooltip is shown constantly.
|
|
16
16
|
*/
|
|
@@ -56,7 +56,7 @@ export declare const nToolTipPropsForImplementor: {
|
|
|
56
56
|
* If the slot is set, the tooltip with the specified content is added to the component.
|
|
57
57
|
* @see {@link nTooltipProps.content}
|
|
58
58
|
*/
|
|
59
|
-
tooltipContent: PropType<() =>
|
|
59
|
+
tooltipContent: PropType<() => JSX.Element>;
|
|
60
60
|
/**
|
|
61
61
|
* @see {@link nTooltipProps.hide}
|
|
62
62
|
*/
|
|
@@ -86,7 +86,7 @@ export declare const nToolTipPropsForImplementor: {
|
|
|
86
86
|
*/
|
|
87
87
|
export declare function mapTooltipProps(props: ExtractedProps<typeof nToolTipPropsForImplementor>): {
|
|
88
88
|
text: string | undefined;
|
|
89
|
-
content: (() =>
|
|
89
|
+
content: (() => JSX.Element) | undefined;
|
|
90
90
|
hide: boolean;
|
|
91
91
|
show: boolean;
|
|
92
92
|
placement: TooltipPlacement;
|
|
@@ -111,7 +111,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
111
111
|
/**
|
|
112
112
|
* A slot to replace the content of the tooltip. This will override the `text` prop.
|
|
113
113
|
*/
|
|
114
|
-
readonly content: PropType<() =>
|
|
114
|
+
readonly content: PropType<() => JSX.Element>;
|
|
115
115
|
/**
|
|
116
116
|
* If set to `true` the tooltip is shown constantly.
|
|
117
117
|
*/
|
|
@@ -147,7 +147,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
147
147
|
/**
|
|
148
148
|
* A slot to replace the content of the tooltip. This will override the `text` prop.
|
|
149
149
|
*/
|
|
150
|
-
readonly content: PropType<() =>
|
|
150
|
+
readonly content: PropType<() => JSX.Element>;
|
|
151
151
|
/**
|
|
152
152
|
* If set to `true` the tooltip is shown constantly.
|
|
153
153
|
*/
|
package/components/NTooltip.js
CHANGED
|
@@ -169,7 +169,7 @@ const NTooltipBase = createComponent('NTooltipBase', nTooltipProps, (props, {
|
|
|
169
169
|
"onMouseleave": () => isHoveringTooltip.value = false,
|
|
170
170
|
"class": [isHovering.value ? 'z-20' : 'z-10', props.maxWidth, 'tooltip']
|
|
171
171
|
}, [_createVNode("div", {
|
|
172
|
-
"class": "bg-white rounded-md py-2 px-4 shadow-lg border-default-200 border text-sm font-normal text-default-700"
|
|
172
|
+
"class": "bg-white rounded-md py-2 px-4 shadow-lg border-default-200 border text-sm whitespace-normal font-normal text-default-700"
|
|
173
173
|
}, [props.content?.() || props.text]), _createVNode("div", {
|
|
174
174
|
"data-popper-arrow": true,
|
|
175
175
|
"class": "arrow"
|
|
@@ -82,7 +82,7 @@ export declare const nValInputProps: {
|
|
|
82
82
|
*/
|
|
83
83
|
readonly disableBlurValidation: BooleanConstructor;
|
|
84
84
|
readonly tooltipText: StringConstructor;
|
|
85
|
-
readonly tooltipContent: PropType<() =>
|
|
85
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
86
86
|
readonly tooltipHide: BooleanConstructor;
|
|
87
87
|
readonly tooltipShow: BooleanConstructor;
|
|
88
88
|
readonly tooltipPlacement: {
|
|
@@ -176,7 +176,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
176
176
|
*/
|
|
177
177
|
readonly disableBlurValidation: BooleanConstructor;
|
|
178
178
|
readonly tooltipText: StringConstructor;
|
|
179
|
-
readonly tooltipContent: PropType<() =>
|
|
179
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
180
180
|
readonly tooltipHide: BooleanConstructor;
|
|
181
181
|
readonly tooltipShow: BooleanConstructor;
|
|
182
182
|
readonly tooltipPlacement: {
|
|
@@ -248,7 +248,7 @@ declare const _default: import("vue").DefineComponent<{
|
|
|
248
248
|
*/
|
|
249
249
|
readonly disableBlurValidation: BooleanConstructor;
|
|
250
250
|
readonly tooltipText: StringConstructor;
|
|
251
|
-
readonly tooltipContent: PropType<() =>
|
|
251
|
+
readonly tooltipContent: PropType<() => JSX.Element>;
|
|
252
252
|
readonly tooltipHide: BooleanConstructor;
|
|
253
253
|
readonly tooltipShow: BooleanConstructor;
|
|
254
254
|
readonly tooltipPlacement: {
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@naptics/vue-collection",
|
|
3
3
|
"author": "Timo Siegenthaler",
|
|
4
4
|
"description": "Vue Collection is a collection of styled and fully functional Vue components which can easily be integrated into our projects.",
|
|
5
|
-
"version": "0.0
|
|
5
|
+
"version": "0.1.0",
|
|
6
6
|
"main": "./index.js",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|