@rocketui/vue 0.0.9 → 0.0.10
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/dist/design-tokens.source.json +1 -1
- package/dist/rocket-ui-vue.js +756 -1175
- package/dist/rocket-ui-vue.umd.cjs +1 -1
- package/dist/style.css +2 -2
- package/dist/types/main.d.ts +34 -0
- package/package.json +25 -22
- package/dist/types/Alert/Alert.vue.d.ts +0 -184
- package/dist/types/Avatar/Avatar.vue.d.ts +0 -130
- package/dist/types/Badge/Badge.vue.d.ts +0 -132
- package/dist/types/Button/Button.vue.d.ts +0 -287
- package/dist/types/Checkbox/Checkbox.vue.d.ts +0 -238
- package/dist/types/Chips/Chip.vue.d.ts +0 -220
- package/dist/types/Dropdown/Dropdown.vue.d.ts +0 -496
- package/dist/types/Icon/Icon.vue.d.ts +0 -114
- package/dist/types/Label/Label.vue.d.ts +0 -67
- package/dist/types/Snackbar/Snackbar.vue.d.ts +0 -419
- package/dist/types/Switch/Switch.vue.d.ts +0 -159
- package/dist/types/TabItem/TabItem.vue.d.ts +0 -220
- package/dist/types/TabItem/common.d.ts +0 -6
- package/dist/types/Tabs/Tabs.vue.d.ts +0 -212
- package/dist/types/Tabs/types.d.ts +0 -9
- package/dist/types/TextArea/TextArea.vue.d.ts +0 -191
- package/dist/types/Textfield/Textfield.vue.d.ts +0 -441
- package/dist/types/Tooltip/Tooltip.vue.d.ts +0 -319
- package/dist/types/Tooltip/common.d.ts +0 -23
|
@@ -1,319 +0,0 @@
|
|
|
1
|
-
import { type Placements, type Triggers, Placement, Trigger } from './common';
|
|
2
|
-
export interface IProps {
|
|
3
|
-
/**
|
|
4
|
-
* Placement of the tooltip
|
|
5
|
-
* @type Placements
|
|
6
|
-
* @default Placement.Top
|
|
7
|
-
* @example
|
|
8
|
-
* <Tooltip placement="top" />
|
|
9
|
-
*/
|
|
10
|
-
placement?: Placements;
|
|
11
|
-
/**
|
|
12
|
-
* Text of the tooltip content
|
|
13
|
-
* @type string
|
|
14
|
-
* @default ''
|
|
15
|
-
* @example
|
|
16
|
-
* <Tooltip text="Tooltip" />
|
|
17
|
-
*/
|
|
18
|
-
text?: string;
|
|
19
|
-
/**
|
|
20
|
-
* Dark theme of the tooltip deneme 1 2 3
|
|
21
|
-
* @type boolean
|
|
22
|
-
* @default true
|
|
23
|
-
* @example
|
|
24
|
-
* <Tooltip dark />
|
|
25
|
-
*/
|
|
26
|
-
dark?: boolean;
|
|
27
|
-
/**
|
|
28
|
-
* Light theme of the tooltip
|
|
29
|
-
* @type boolean
|
|
30
|
-
* @default false
|
|
31
|
-
* @example
|
|
32
|
-
* <Tooltip light />
|
|
33
|
-
*/
|
|
34
|
-
light?: boolean;
|
|
35
|
-
/**
|
|
36
|
-
* Triggers of the tooltip
|
|
37
|
-
* @type Triggers
|
|
38
|
-
* @default Trigger.Hover
|
|
39
|
-
* @example
|
|
40
|
-
* <Tooltip triggers="hover" />
|
|
41
|
-
*/
|
|
42
|
-
triggers?: Triggers;
|
|
43
|
-
/**
|
|
44
|
-
* Auto hide of the tooltip
|
|
45
|
-
* @type boolean
|
|
46
|
-
* @default true
|
|
47
|
-
* @example
|
|
48
|
-
* <Tooltip autoHide />
|
|
49
|
-
*/
|
|
50
|
-
autoHide?: boolean;
|
|
51
|
-
/**
|
|
52
|
-
* Hide delay of the tooltip
|
|
53
|
-
* @type number
|
|
54
|
-
* @default 3000
|
|
55
|
-
* @example
|
|
56
|
-
* <Tooltip hideDelay={3000} />
|
|
57
|
-
*/
|
|
58
|
-
hideDelay?: number;
|
|
59
|
-
/**
|
|
60
|
-
* Show delay of the tooltip
|
|
61
|
-
* @type number
|
|
62
|
-
* @default 0
|
|
63
|
-
* @example
|
|
64
|
-
* <Tooltip showDelay={0} />
|
|
65
|
-
*/
|
|
66
|
-
showDelay?: number;
|
|
67
|
-
/**
|
|
68
|
-
* Shown state of the tooltip
|
|
69
|
-
* @type boolean
|
|
70
|
-
* @default false
|
|
71
|
-
* @example
|
|
72
|
-
* <Tooltip shown />
|
|
73
|
-
*/
|
|
74
|
-
shown?: boolean;
|
|
75
|
-
/**
|
|
76
|
-
* Disabled state of the tooltip
|
|
77
|
-
* @type boolean
|
|
78
|
-
* @default false
|
|
79
|
-
* @example
|
|
80
|
-
* <Tooltip disabled />
|
|
81
|
-
*/
|
|
82
|
-
disabled?: boolean;
|
|
83
|
-
/**
|
|
84
|
-
* Offset of the tooltip
|
|
85
|
-
* @type number
|
|
86
|
-
* @default 0
|
|
87
|
-
* @example
|
|
88
|
-
* <Tooltip offset={0} />
|
|
89
|
-
* @link https://floating-ui.com/docs/tutorial#offset-middleware
|
|
90
|
-
*/
|
|
91
|
-
offset?: number;
|
|
92
|
-
/**
|
|
93
|
-
* Padding of the tooltip
|
|
94
|
-
* @type number
|
|
95
|
-
* @default 2
|
|
96
|
-
* @example
|
|
97
|
-
* <Tooltip padding={0} />
|
|
98
|
-
* @link https://floating-ui.com/docs/tutorial#shift-middleware
|
|
99
|
-
*/
|
|
100
|
-
padding?: number;
|
|
101
|
-
/**
|
|
102
|
-
* Outside click of the tooltip
|
|
103
|
-
* @type boolean
|
|
104
|
-
* @default false
|
|
105
|
-
* @example
|
|
106
|
-
* <Tooltip outsideClick />
|
|
107
|
-
*/
|
|
108
|
-
outsideClick?: boolean;
|
|
109
|
-
/**
|
|
110
|
-
* Trigger content of the tooltip
|
|
111
|
-
* @type string
|
|
112
|
-
* @default ''
|
|
113
|
-
* @example
|
|
114
|
-
* <Tooltip triggerContent="Trigger" />
|
|
115
|
-
*/
|
|
116
|
-
triggerContent?: string;
|
|
117
|
-
/**
|
|
118
|
-
* Resizable of the tooltip
|
|
119
|
-
* @type boolean
|
|
120
|
-
* @default true
|
|
121
|
-
* @example
|
|
122
|
-
* <Tooltip resizable />
|
|
123
|
-
* @link https://developer.mozilla.org/en-US/docs/Web/API/Window/resize_event
|
|
124
|
-
*/
|
|
125
|
-
resizable?: boolean;
|
|
126
|
-
}
|
|
127
|
-
declare const _sfc_main: import("vue").DefineComponent<{
|
|
128
|
-
placement: {
|
|
129
|
-
type: any;
|
|
130
|
-
required: false;
|
|
131
|
-
default: Placement;
|
|
132
|
-
};
|
|
133
|
-
text: {
|
|
134
|
-
type: StringConstructor;
|
|
135
|
-
required: false;
|
|
136
|
-
default: string;
|
|
137
|
-
};
|
|
138
|
-
dark: {
|
|
139
|
-
type: BooleanConstructor;
|
|
140
|
-
required: false;
|
|
141
|
-
default: boolean;
|
|
142
|
-
};
|
|
143
|
-
light: {
|
|
144
|
-
type: BooleanConstructor;
|
|
145
|
-
required: false;
|
|
146
|
-
default: boolean;
|
|
147
|
-
};
|
|
148
|
-
triggers: {
|
|
149
|
-
type: any;
|
|
150
|
-
required: false;
|
|
151
|
-
default: Trigger;
|
|
152
|
-
};
|
|
153
|
-
autoHide: {
|
|
154
|
-
type: BooleanConstructor;
|
|
155
|
-
required: false;
|
|
156
|
-
default: boolean;
|
|
157
|
-
};
|
|
158
|
-
hideDelay: {
|
|
159
|
-
type: NumberConstructor;
|
|
160
|
-
required: false;
|
|
161
|
-
default: number;
|
|
162
|
-
};
|
|
163
|
-
showDelay: {
|
|
164
|
-
type: NumberConstructor;
|
|
165
|
-
required: false;
|
|
166
|
-
default: number;
|
|
167
|
-
};
|
|
168
|
-
shown: {
|
|
169
|
-
type: BooleanConstructor;
|
|
170
|
-
required: false;
|
|
171
|
-
default: boolean;
|
|
172
|
-
};
|
|
173
|
-
disabled: {
|
|
174
|
-
type: BooleanConstructor;
|
|
175
|
-
required: false;
|
|
176
|
-
default: boolean;
|
|
177
|
-
};
|
|
178
|
-
offset: {
|
|
179
|
-
type: NumberConstructor;
|
|
180
|
-
required: false;
|
|
181
|
-
default: number;
|
|
182
|
-
};
|
|
183
|
-
padding: {
|
|
184
|
-
type: NumberConstructor;
|
|
185
|
-
required: false;
|
|
186
|
-
default: number;
|
|
187
|
-
};
|
|
188
|
-
outsideClick: {
|
|
189
|
-
type: BooleanConstructor;
|
|
190
|
-
required: false;
|
|
191
|
-
default: boolean;
|
|
192
|
-
};
|
|
193
|
-
triggerContent: {
|
|
194
|
-
type: StringConstructor;
|
|
195
|
-
required: false;
|
|
196
|
-
default: string;
|
|
197
|
-
};
|
|
198
|
-
resizable: {
|
|
199
|
-
type: BooleanConstructor;
|
|
200
|
-
required: false;
|
|
201
|
-
default: boolean;
|
|
202
|
-
};
|
|
203
|
-
}, {
|
|
204
|
-
props: any;
|
|
205
|
-
emit: (event: "show" | "hide", ...args: any[]) => void;
|
|
206
|
-
trigger: import("vue").Ref<HTMLDivElement>;
|
|
207
|
-
tooltip: import("vue").Ref<HTMLDivElement>;
|
|
208
|
-
arrowElement: import("vue").Ref<HTMLDivElement>;
|
|
209
|
-
showTooltip: () => void;
|
|
210
|
-
hideTooltip: () => void;
|
|
211
|
-
handleAutoHide: () => void;
|
|
212
|
-
toggleOutsideClick: (toggle: string) => void;
|
|
213
|
-
onClick: () => void;
|
|
214
|
-
onMouseEnter: () => void;
|
|
215
|
-
onMouseLeave: () => void;
|
|
216
|
-
onMouseMove: () => void;
|
|
217
|
-
classes: import("vue").ComputedRef<{
|
|
218
|
-
tooltip: boolean;
|
|
219
|
-
'tooltip--dark': boolean;
|
|
220
|
-
'tooltip--light': boolean;
|
|
221
|
-
}>;
|
|
222
|
-
animationDuration: import("vue").ComputedRef<string>;
|
|
223
|
-
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("show" | "hide")[], "show" | "hide", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
224
|
-
placement: {
|
|
225
|
-
type: any;
|
|
226
|
-
required: false;
|
|
227
|
-
default: Placement;
|
|
228
|
-
};
|
|
229
|
-
text: {
|
|
230
|
-
type: StringConstructor;
|
|
231
|
-
required: false;
|
|
232
|
-
default: string;
|
|
233
|
-
};
|
|
234
|
-
dark: {
|
|
235
|
-
type: BooleanConstructor;
|
|
236
|
-
required: false;
|
|
237
|
-
default: boolean;
|
|
238
|
-
};
|
|
239
|
-
light: {
|
|
240
|
-
type: BooleanConstructor;
|
|
241
|
-
required: false;
|
|
242
|
-
default: boolean;
|
|
243
|
-
};
|
|
244
|
-
triggers: {
|
|
245
|
-
type: any;
|
|
246
|
-
required: false;
|
|
247
|
-
default: Trigger;
|
|
248
|
-
};
|
|
249
|
-
autoHide: {
|
|
250
|
-
type: BooleanConstructor;
|
|
251
|
-
required: false;
|
|
252
|
-
default: boolean;
|
|
253
|
-
};
|
|
254
|
-
hideDelay: {
|
|
255
|
-
type: NumberConstructor;
|
|
256
|
-
required: false;
|
|
257
|
-
default: number;
|
|
258
|
-
};
|
|
259
|
-
showDelay: {
|
|
260
|
-
type: NumberConstructor;
|
|
261
|
-
required: false;
|
|
262
|
-
default: number;
|
|
263
|
-
};
|
|
264
|
-
shown: {
|
|
265
|
-
type: BooleanConstructor;
|
|
266
|
-
required: false;
|
|
267
|
-
default: boolean;
|
|
268
|
-
};
|
|
269
|
-
disabled: {
|
|
270
|
-
type: BooleanConstructor;
|
|
271
|
-
required: false;
|
|
272
|
-
default: boolean;
|
|
273
|
-
};
|
|
274
|
-
offset: {
|
|
275
|
-
type: NumberConstructor;
|
|
276
|
-
required: false;
|
|
277
|
-
default: number;
|
|
278
|
-
};
|
|
279
|
-
padding: {
|
|
280
|
-
type: NumberConstructor;
|
|
281
|
-
required: false;
|
|
282
|
-
default: number;
|
|
283
|
-
};
|
|
284
|
-
outsideClick: {
|
|
285
|
-
type: BooleanConstructor;
|
|
286
|
-
required: false;
|
|
287
|
-
default: boolean;
|
|
288
|
-
};
|
|
289
|
-
triggerContent: {
|
|
290
|
-
type: StringConstructor;
|
|
291
|
-
required: false;
|
|
292
|
-
default: string;
|
|
293
|
-
};
|
|
294
|
-
resizable: {
|
|
295
|
-
type: BooleanConstructor;
|
|
296
|
-
required: false;
|
|
297
|
-
default: boolean;
|
|
298
|
-
};
|
|
299
|
-
}>> & {
|
|
300
|
-
onShow?: (...args: any[]) => any;
|
|
301
|
-
onHide?: (...args: any[]) => any;
|
|
302
|
-
}, {
|
|
303
|
-
text: string;
|
|
304
|
-
placement: any;
|
|
305
|
-
disabled: boolean;
|
|
306
|
-
padding: number;
|
|
307
|
-
dark: boolean;
|
|
308
|
-
light: boolean;
|
|
309
|
-
triggers: any;
|
|
310
|
-
autoHide: boolean;
|
|
311
|
-
hideDelay: number;
|
|
312
|
-
showDelay: number;
|
|
313
|
-
shown: boolean;
|
|
314
|
-
offset: number;
|
|
315
|
-
outsideClick: boolean;
|
|
316
|
-
triggerContent: string;
|
|
317
|
-
resizable: boolean;
|
|
318
|
-
}>;
|
|
319
|
-
export default _sfc_main;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import type { Ref } from 'vue';
|
|
2
|
-
export declare function update({ value: trigger }: Ref<HTMLDivElement>, { value: tooltip }: Ref<HTMLDivElement>, { value: arrowElement }: Ref<HTMLDivElement>, placement: Placements, offsetParam: number, padding: number): void;
|
|
3
|
-
export declare type Placements = 'top' | 'bottom' | 'left' | 'right' | 'top-start' | 'top-end' | 'right-start' | 'right-end' | 'bottom-start' | 'bottom-end' | 'left-start' | 'left-end';
|
|
4
|
-
export declare enum Placement {
|
|
5
|
-
Top = "top",
|
|
6
|
-
Bottom = "bottom",
|
|
7
|
-
Left = "left",
|
|
8
|
-
Right = "right",
|
|
9
|
-
TopStart = "top-start",
|
|
10
|
-
TopEnd = "top-end",
|
|
11
|
-
RightStart = "right-start",
|
|
12
|
-
RightEnd = "right-end",
|
|
13
|
-
BottomStart = "bottom-start",
|
|
14
|
-
BottomEnd = "bottom-end",
|
|
15
|
-
LeftStart = "left-start",
|
|
16
|
-
LeftEnd = "left-end"
|
|
17
|
-
}
|
|
18
|
-
export declare type Triggers = 'click' | 'hover' | 'manual';
|
|
19
|
-
export declare enum Trigger {
|
|
20
|
-
Click = "click",
|
|
21
|
-
Hover = "hover",
|
|
22
|
-
Manual = "manual"
|
|
23
|
-
}
|