pukaad-ui-lib 1.13.0 → 1.14.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/dist/module.json +1 -1
- package/dist/runtime/components/image/image-cropper.d.vue.ts +1 -1
- package/dist/runtime/components/image/image-cropper.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-autocomplete.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-autocomplete.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-file.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-file.vue.d.ts +1 -1
- package/dist/runtime/components/list/list-tree.vue +35 -25
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -64,6 +64,7 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
|
|
|
64
64
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
|
|
65
65
|
center: boolean;
|
|
66
66
|
src: string;
|
|
67
|
+
background: boolean;
|
|
67
68
|
responsive: boolean;
|
|
68
69
|
restore: boolean;
|
|
69
70
|
checkCrossOrigin: boolean;
|
|
@@ -72,7 +73,6 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
|
|
|
72
73
|
modal: boolean;
|
|
73
74
|
guides: boolean;
|
|
74
75
|
highlight: boolean;
|
|
75
|
-
background: boolean;
|
|
76
76
|
autoCrop: boolean;
|
|
77
77
|
movable: boolean;
|
|
78
78
|
rotatable: boolean;
|
|
@@ -64,6 +64,7 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
|
|
|
64
64
|
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
|
|
65
65
|
center: boolean;
|
|
66
66
|
src: string;
|
|
67
|
+
background: boolean;
|
|
67
68
|
responsive: boolean;
|
|
68
69
|
restore: boolean;
|
|
69
70
|
checkCrossOrigin: boolean;
|
|
@@ -72,7 +73,6 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
|
|
|
72
73
|
modal: boolean;
|
|
73
74
|
guides: boolean;
|
|
74
75
|
highlight: boolean;
|
|
75
|
-
background: boolean;
|
|
76
76
|
autoCrop: boolean;
|
|
77
77
|
movable: boolean;
|
|
78
78
|
rotatable: boolean;
|
|
@@ -36,8 +36,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
36
36
|
id: string;
|
|
37
37
|
name: string;
|
|
38
38
|
description: string;
|
|
39
|
-
options: AutocompleteOption[] | string[] | number[];
|
|
40
39
|
placeholder: string;
|
|
40
|
+
options: AutocompleteOption[] | string[] | number[];
|
|
41
41
|
limit: number;
|
|
42
42
|
disabledErrorMessage: boolean;
|
|
43
43
|
disabledBorder: boolean;
|
|
@@ -36,8 +36,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
36
36
|
id: string;
|
|
37
37
|
name: string;
|
|
38
38
|
description: string;
|
|
39
|
-
options: AutocompleteOption[] | string[] | number[];
|
|
40
39
|
placeholder: string;
|
|
40
|
+
options: AutocompleteOption[] | string[] | number[];
|
|
41
41
|
limit: number;
|
|
42
42
|
disabledErrorMessage: boolean;
|
|
43
43
|
disabledBorder: boolean;
|
|
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
27
27
|
label: string;
|
|
28
28
|
name: string;
|
|
29
29
|
limit: number;
|
|
30
|
-
accept: string;
|
|
31
30
|
disabledErrorMessage: boolean;
|
|
31
|
+
accept: string;
|
|
32
32
|
labelIcon: string;
|
|
33
33
|
disabledDrop: boolean;
|
|
34
34
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -27,8 +27,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
|
|
|
27
27
|
label: string;
|
|
28
28
|
name: string;
|
|
29
29
|
limit: number;
|
|
30
|
-
accept: string;
|
|
31
30
|
disabledErrorMessage: boolean;
|
|
31
|
+
accept: string;
|
|
32
32
|
labelIcon: string;
|
|
33
33
|
disabledDrop: boolean;
|
|
34
34
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,38 +1,48 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div class="flex
|
|
3
|
-
<!--
|
|
4
|
-
<div class="
|
|
5
|
-
<!--
|
|
2
|
+
<div class="flex flex-col">
|
|
3
|
+
<!-- Header Row with Toggle -->
|
|
4
|
+
<div class="flex items-center">
|
|
5
|
+
<!-- Tree Line + Toggle Button -->
|
|
6
6
|
<div
|
|
7
|
-
class="
|
|
8
|
-
/>
|
|
9
|
-
|
|
10
|
-
<!-- Toggle Button (at top, aligned with header) -->
|
|
11
|
-
<button
|
|
12
|
-
class="relative z-10 flex items-center justify-center w-5 h-5 mt-0.5 rounded border-2 border-primary text-primary bg-white shrink-0 transition-colors"
|
|
13
|
-
@click.stop="isOpen = !isOpen"
|
|
7
|
+
class="relative w-6 shrink-0 mr-4 flex items-center justify-center self-stretch"
|
|
14
8
|
>
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
9
|
+
<!-- Dashed line (full height) -->
|
|
10
|
+
<div
|
|
11
|
+
class="absolute left-[11px] top-0 bottom-0 w-0 h-full border-l-2 border-dashed border-gray-300"
|
|
18
12
|
/>
|
|
19
|
-
</button>
|
|
20
|
-
</div>
|
|
21
13
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
14
|
+
<!-- Toggle Button (centered with header) -->
|
|
15
|
+
<button
|
|
16
|
+
class="relative z-10 flex items-center justify-center w-5 h-5 rounded border-2 border-primary text-primary bg-white shrink-0 transition-colors"
|
|
17
|
+
@click.stop="isOpen = !isOpen"
|
|
18
|
+
>
|
|
19
|
+
<Icon
|
|
20
|
+
:name="isOpen ? 'lucide:chevron-down' : 'lucide:chevron-right'"
|
|
21
|
+
:size="12"
|
|
22
|
+
/>
|
|
23
|
+
</button>
|
|
24
|
+
</div>
|
|
25
|
+
|
|
26
|
+
<!-- Header Content -->
|
|
25
27
|
<div
|
|
26
|
-
class="flex
|
|
28
|
+
class="flex-1 min-w-0 cursor-pointer select-none"
|
|
27
29
|
@click="isOpen = !isOpen"
|
|
28
30
|
>
|
|
29
|
-
<
|
|
30
|
-
|
|
31
|
-
|
|
31
|
+
<slot name="header" :open="isOpen" />
|
|
32
|
+
</div>
|
|
33
|
+
</div>
|
|
34
|
+
|
|
35
|
+
<!-- Children (shown when open) -->
|
|
36
|
+
<div v-if="isOpen" class="flex">
|
|
37
|
+
<!-- Continuation of dashed line -->
|
|
38
|
+
<div class="relative w-6 shrink-0 mr-4">
|
|
39
|
+
<div
|
|
40
|
+
class="absolute left-[11px] top-0 bottom-0 w-0 h-full border-l-2 border-dashed border-gray-300"
|
|
41
|
+
/>
|
|
32
42
|
</div>
|
|
33
43
|
|
|
34
|
-
<!-- Children
|
|
35
|
-
<div
|
|
44
|
+
<!-- Children content -->
|
|
45
|
+
<div class="flex-1 min-w-0 mt-4 flex flex-col gap-4 pb-2">
|
|
36
46
|
<slot :open="isOpen" />
|
|
37
47
|
</div>
|
|
38
48
|
</div>
|