vueless 1.2.10-beta.2 → 1.2.10-beta.4
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/constants.d.ts +1 -0
- package/constants.js +1 -0
- package/icons/storybook/arrow_forward_ios.svg +1 -0
- package/index.d.ts +1 -0
- package/index.ts +1 -0
- package/package.json +1 -1
- package/types.ts +2 -0
- package/ui.button/UButton.vue +2 -6
- package/ui.button/config.ts +5 -0
- package/ui.button/tests/UButton.test.ts +1 -1
- package/ui.container-drawer/UDrawer.vue +365 -0
- package/ui.container-drawer/config.ts +128 -0
- package/ui.container-drawer/constants.ts +5 -0
- package/ui.container-drawer/storybook/docs.mdx +16 -0
- package/ui.container-drawer/storybook/stories.ts +255 -0
- package/ui.container-drawer/tests/UDrawer.test.ts +680 -0
- package/ui.container-drawer/types.ts +67 -0
- package/ui.form-calendar/tests/UCalendar.test.ts +4 -4
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import defaultConfig from "./config";
|
|
2
|
+
|
|
3
|
+
import type { ComponentConfig } from "../types";
|
|
4
|
+
|
|
5
|
+
export type Config = typeof defaultConfig;
|
|
6
|
+
|
|
7
|
+
export interface Props {
|
|
8
|
+
/**
|
|
9
|
+
* Drawer state (shown / hidden).
|
|
10
|
+
*/
|
|
11
|
+
modelValue?: boolean;
|
|
12
|
+
|
|
13
|
+
/**
|
|
14
|
+
* Drawer title.
|
|
15
|
+
*/
|
|
16
|
+
title?: string;
|
|
17
|
+
|
|
18
|
+
/**
|
|
19
|
+
* Drawer description.
|
|
20
|
+
*/
|
|
21
|
+
description?: string;
|
|
22
|
+
|
|
23
|
+
/**
|
|
24
|
+
* Drawer position.
|
|
25
|
+
*/
|
|
26
|
+
position?: "top" | "bottom" | "left" | "right";
|
|
27
|
+
|
|
28
|
+
/**
|
|
29
|
+
* Drawer variant.
|
|
30
|
+
*/
|
|
31
|
+
variant?: "solid" | "outlined" | "subtle" | "soft";
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* Control whether the Drawer has a handle or not.
|
|
35
|
+
*/
|
|
36
|
+
handle?: boolean;
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Inset the drawer from the edges.
|
|
40
|
+
*/
|
|
41
|
+
inset?: boolean;
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Allow closing drawer by clicking on overlay.
|
|
45
|
+
*/
|
|
46
|
+
closeOnOverlay?: boolean;
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Allow closing drawer by pressing escape (esc) on the keyboard.
|
|
50
|
+
*/
|
|
51
|
+
closeOnEsc?: boolean;
|
|
52
|
+
|
|
53
|
+
/**
|
|
54
|
+
* Unique element id.
|
|
55
|
+
*/
|
|
56
|
+
id?: string;
|
|
57
|
+
|
|
58
|
+
/**
|
|
59
|
+
* Component config object.
|
|
60
|
+
*/
|
|
61
|
+
config?: ComponentConfig<Config>;
|
|
62
|
+
|
|
63
|
+
/**
|
|
64
|
+
* Data-test attribute for automated testing.
|
|
65
|
+
*/
|
|
66
|
+
dataTest?: string | null;
|
|
67
|
+
}
|
|
@@ -375,7 +375,7 @@ describe("UCalendar.vue", () => {
|
|
|
375
375
|
},
|
|
376
376
|
});
|
|
377
377
|
|
|
378
|
-
const nextPrevButtons = component.findAll('[vl-key="nextPrevButton"]');
|
|
378
|
+
const nextPrevButtons = component.findAll('button[vl-key="nextPrevButton"]');
|
|
379
379
|
|
|
380
380
|
expect(nextPrevButtons.length).toBe(4);
|
|
381
381
|
});
|
|
@@ -391,7 +391,7 @@ describe("UCalendar.vue", () => {
|
|
|
391
391
|
},
|
|
392
392
|
});
|
|
393
393
|
|
|
394
|
-
const nextPrevButtons = component.findAll('[vl-key="nextPrevButton"]');
|
|
394
|
+
const nextPrevButtons = component.findAll('button[vl-key="nextPrevButton"]');
|
|
395
395
|
|
|
396
396
|
expect(nextPrevButtons.length).toBe(2);
|
|
397
397
|
});
|
|
@@ -422,7 +422,7 @@ describe("UCalendar.vue", () => {
|
|
|
422
422
|
|
|
423
423
|
const dayView = component.findComponent(DayView);
|
|
424
424
|
const initialDays = dayView.findAll('[vl-key="day"]').map((day) => day.text());
|
|
425
|
-
const navButtons = component.findAll('[vl-key="nextPrevButton"]');
|
|
425
|
+
const navButtons = component.findAll('button[vl-key="nextPrevButton"]');
|
|
426
426
|
|
|
427
427
|
expect(navButtons.length).toBe(4);
|
|
428
428
|
|
|
@@ -446,7 +446,7 @@ describe("UCalendar.vue", () => {
|
|
|
446
446
|
|
|
447
447
|
const dayView = component.findComponent(DayView);
|
|
448
448
|
const initialDays = dayView.findAll('[vl-key="day"]').map((day) => day.text());
|
|
449
|
-
const navButtons = component.findAll('[vl-key="nextPrevButton"]');
|
|
449
|
+
const navButtons = component.findAll('button[vl-key="nextPrevButton"]');
|
|
450
450
|
const nextButton = navButtons[2];
|
|
451
451
|
|
|
452
452
|
await nextButton.trigger("click");
|