pukaad-ui-lib 1.439.0 → 1.441.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/chat/chat-conversation-item.d.vue.ts +2 -2
- package/dist/runtime/components/chat/chat-conversation-item.vue.d.ts +2 -2
- 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-address.d.vue.ts +2 -0
- package/dist/runtime/components/input/input-address.vue +8 -1
- package/dist/runtime/components/input/input-address.vue.d.ts +2 -0
- 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-birth-date.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-birth-date.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-date-picker.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-date-picker.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/input/input-id-card.vue +5 -4
- package/dist/runtime/components/input/input-localized-name.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-localized-name.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-tag-modal.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-tag-modal.vue.d.ts +1 -1
- package/dist/runtime/components/input/input-tag.d.vue.ts +1 -1
- package/dist/runtime/components/input/input-tag.vue.d.ts +1 -1
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -27,12 +27,12 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
|
|
|
27
27
|
avatar: string | null;
|
|
28
28
|
muted: boolean;
|
|
29
29
|
disabledMenu: boolean;
|
|
30
|
-
unreadCount: number;
|
|
31
|
-
pinned: boolean;
|
|
32
30
|
preview: string;
|
|
33
31
|
to: string;
|
|
34
32
|
active: boolean;
|
|
35
33
|
typing: boolean;
|
|
34
|
+
unreadCount: number;
|
|
35
|
+
pinned: boolean;
|
|
36
36
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
37
37
|
declare const _default: typeof __VLS_export;
|
|
38
38
|
export default _default;
|
|
@@ -27,12 +27,12 @@ declare const __VLS_export: import("vue").DefineComponent<ChatConversationItemPr
|
|
|
27
27
|
avatar: string | null;
|
|
28
28
|
muted: boolean;
|
|
29
29
|
disabledMenu: boolean;
|
|
30
|
-
unreadCount: number;
|
|
31
|
-
pinned: boolean;
|
|
32
30
|
preview: string;
|
|
33
31
|
to: string;
|
|
34
32
|
active: boolean;
|
|
35
33
|
typing: boolean;
|
|
34
|
+
unreadCount: number;
|
|
35
|
+
pinned: boolean;
|
|
36
36
|
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
37
37
|
declare const _default: typeof __VLS_export;
|
|
38
38
|
export default _default;
|
|
@@ -64,11 +64,11 @@ 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
|
src: string;
|
|
66
66
|
center: boolean;
|
|
67
|
+
crossorigin: "" | "anonymous" | "use-credentials";
|
|
67
68
|
responsive: boolean;
|
|
68
69
|
restore: boolean;
|
|
69
70
|
checkCrossOrigin: boolean;
|
|
70
71
|
checkOrientation: boolean;
|
|
71
|
-
crossorigin: "" | "anonymous" | "use-credentials";
|
|
72
72
|
modal: boolean;
|
|
73
73
|
guides: boolean;
|
|
74
74
|
highlight: boolean;
|
|
@@ -64,11 +64,11 @@ 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
|
src: string;
|
|
66
66
|
center: boolean;
|
|
67
|
+
crossorigin: "" | "anonymous" | "use-credentials";
|
|
67
68
|
responsive: boolean;
|
|
68
69
|
restore: boolean;
|
|
69
70
|
checkCrossOrigin: boolean;
|
|
70
71
|
checkOrientation: boolean;
|
|
71
|
-
crossorigin: "" | "anonymous" | "use-credentials";
|
|
72
72
|
modal: boolean;
|
|
73
73
|
guides: boolean;
|
|
74
74
|
highlight: boolean;
|
|
@@ -16,6 +16,7 @@ export interface InputAddressProps {
|
|
|
16
16
|
required?: boolean;
|
|
17
17
|
requiredDetail?: boolean;
|
|
18
18
|
rules?: object | string | Function;
|
|
19
|
+
layout?: "vertical" | "horizontal";
|
|
19
20
|
gap?: string;
|
|
20
21
|
fixedProvinceId?: number;
|
|
21
22
|
}
|
|
@@ -50,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
50
51
|
name: string;
|
|
51
52
|
required: boolean;
|
|
52
53
|
placeholder: string;
|
|
54
|
+
layout: "vertical" | "horizontal";
|
|
53
55
|
labelDetail: string;
|
|
54
56
|
placeholderDetail: string;
|
|
55
57
|
requiredDetail: boolean;
|
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
<template>
|
|
2
|
-
<div
|
|
2
|
+
<div
|
|
3
|
+
:class="[
|
|
4
|
+
'flex',
|
|
5
|
+
props.layout === 'horizontal' ? 'flex-row' : 'flex-col',
|
|
6
|
+
props.gap
|
|
7
|
+
]"
|
|
8
|
+
>
|
|
3
9
|
<!-- Address Selector (Province, District, Sub-district, Zip code) -->
|
|
4
10
|
<InputCombobox
|
|
5
11
|
ref="comboboxRef"
|
|
@@ -169,6 +175,7 @@ const props = defineProps({
|
|
|
169
175
|
required: { type: Boolean, required: false, default: false },
|
|
170
176
|
requiredDetail: { type: Boolean, required: false, default: false },
|
|
171
177
|
rules: { type: [Object, String, Function], required: false },
|
|
178
|
+
layout: { type: String, required: false, default: "vertical" },
|
|
172
179
|
gap: { type: String, required: false, default: "gap-4" },
|
|
173
180
|
fixedProvinceId: { type: Number, required: false }
|
|
174
181
|
});
|
|
@@ -16,6 +16,7 @@ export interface InputAddressProps {
|
|
|
16
16
|
required?: boolean;
|
|
17
17
|
requiredDetail?: boolean;
|
|
18
18
|
rules?: object | string | Function;
|
|
19
|
+
layout?: "vertical" | "horizontal";
|
|
19
20
|
gap?: string;
|
|
20
21
|
fixedProvinceId?: number;
|
|
21
22
|
}
|
|
@@ -50,6 +51,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
50
51
|
name: string;
|
|
51
52
|
required: boolean;
|
|
52
53
|
placeholder: string;
|
|
54
|
+
layout: "vertical" | "horizontal";
|
|
53
55
|
labelDetail: string;
|
|
54
56
|
placeholderDetail: string;
|
|
55
57
|
requiredDetail: boolean;
|
|
@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
69
69
|
name: string;
|
|
70
70
|
required: boolean;
|
|
71
71
|
description: string;
|
|
72
|
-
options: AutocompleteOption[] | string[] | number[];
|
|
73
72
|
labelKey: string;
|
|
74
73
|
placeholder: string;
|
|
74
|
+
options: AutocompleteOption[] | string[] | number[];
|
|
75
75
|
limit: number;
|
|
76
76
|
disabledErrorMessage: boolean;
|
|
77
77
|
disabledBorder: boolean;
|
|
@@ -69,9 +69,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
69
69
|
name: string;
|
|
70
70
|
required: boolean;
|
|
71
71
|
description: string;
|
|
72
|
-
options: AutocompleteOption[] | string[] | number[];
|
|
73
72
|
labelKey: string;
|
|
74
73
|
placeholder: string;
|
|
74
|
+
options: AutocompleteOption[] | string[] | number[];
|
|
75
75
|
limit: number;
|
|
76
76
|
disabledErrorMessage: boolean;
|
|
77
77
|
disabledBorder: boolean;
|
|
@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
30
30
|
id: string;
|
|
31
31
|
name: string;
|
|
32
32
|
required: boolean;
|
|
33
|
-
layout: "month-and-year" | "month-only" | "year-only";
|
|
34
33
|
locale: string;
|
|
35
34
|
placeholder: string;
|
|
35
|
+
layout: "month-and-year" | "month-only" | "year-only";
|
|
36
36
|
disabledErrorMessage: boolean;
|
|
37
37
|
dateFormat: string;
|
|
38
38
|
minAge: number;
|
|
@@ -30,9 +30,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
30
30
|
id: string;
|
|
31
31
|
name: string;
|
|
32
32
|
required: boolean;
|
|
33
|
-
layout: "month-and-year" | "month-only" | "year-only";
|
|
34
33
|
locale: string;
|
|
35
34
|
placeholder: string;
|
|
35
|
+
layout: "month-and-year" | "month-only" | "year-only";
|
|
36
36
|
disabledErrorMessage: boolean;
|
|
37
37
|
dateFormat: string;
|
|
38
38
|
minAge: number;
|
|
@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
44
44
|
id: string;
|
|
45
45
|
name: string;
|
|
46
46
|
required: boolean;
|
|
47
|
-
layout: "month-and-year" | "month-only" | "year-only";
|
|
48
47
|
locale: string;
|
|
49
48
|
placeholder: string;
|
|
49
|
+
layout: "month-and-year" | "month-only" | "year-only";
|
|
50
50
|
disabledErrorMessage: boolean;
|
|
51
51
|
dateFormat: string;
|
|
52
52
|
showTime: boolean;
|
|
@@ -44,9 +44,9 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
44
44
|
id: string;
|
|
45
45
|
name: string;
|
|
46
46
|
required: boolean;
|
|
47
|
-
layout: "month-and-year" | "month-only" | "year-only";
|
|
48
47
|
locale: string;
|
|
49
48
|
placeholder: string;
|
|
49
|
+
layout: "month-and-year" | "month-only" | "year-only";
|
|
50
50
|
disabledErrorMessage: boolean;
|
|
51
51
|
dateFormat: string;
|
|
52
52
|
showTime: boolean;
|
|
@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
37
37
|
fullHeight: boolean;
|
|
38
38
|
fullWidth: boolean;
|
|
39
39
|
limit: number;
|
|
40
|
-
accept: string;
|
|
41
40
|
disabledErrorMessage: boolean;
|
|
41
|
+
accept: string;
|
|
42
42
|
labelIcon: string;
|
|
43
43
|
disabledDrop: boolean;
|
|
44
44
|
column: boolean;
|
|
@@ -37,8 +37,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
37
37
|
fullHeight: boolean;
|
|
38
38
|
fullWidth: boolean;
|
|
39
39
|
limit: number;
|
|
40
|
-
accept: string;
|
|
41
40
|
disabledErrorMessage: boolean;
|
|
41
|
+
accept: string;
|
|
42
42
|
labelIcon: string;
|
|
43
43
|
disabledDrop: boolean;
|
|
44
44
|
column: boolean;
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
:rules="props.rules || defaultRules"
|
|
7
7
|
v-slot="{ errorMessage: formError }"
|
|
8
8
|
>
|
|
9
|
-
<ShadFormItem>
|
|
9
|
+
<ShadFormItem v-bind="$attrs">
|
|
10
10
|
<ShadFormLabel v-if="props.label || $slots.label" class="w-full">
|
|
11
11
|
<slot name="label">
|
|
12
12
|
{{ props.label }}
|
|
@@ -25,11 +25,11 @@
|
|
|
25
25
|
:required="props.required"
|
|
26
26
|
@complete="handleComplete"
|
|
27
27
|
>
|
|
28
|
-
<ShadPinInputGroup class="w-
|
|
28
|
+
<ShadPinInputGroup class="w-full justify-between gap-0">
|
|
29
29
|
<template v-for="index in 13" :key="index">
|
|
30
30
|
<ShadFormControl :index="index - 1">
|
|
31
31
|
<ShadPinInputSlot
|
|
32
|
-
class="h-[
|
|
32
|
+
class="h-[36px] w-[25px] px-[8px] py-[4px] rounded-[4px]"
|
|
33
33
|
:class="{
|
|
34
34
|
'border-destructive': formError || props.error
|
|
35
35
|
}"
|
|
@@ -59,11 +59,12 @@
|
|
|
59
59
|
|
|
60
60
|
<script setup>
|
|
61
61
|
import { ref, watch } from "vue";
|
|
62
|
+
defineOptions({ inheritAttrs: false });
|
|
62
63
|
const props = defineProps({
|
|
63
64
|
id: { type: String, required: false, default: "input-id-card" },
|
|
64
65
|
name: { type: String, required: false, default: "input-id-card" },
|
|
65
66
|
label: { type: String, required: false, default: "\u0E40\u0E25\u0E02\u0E1A\u0E31\u0E15\u0E23\u0E1B\u0E23\u0E30\u0E0A\u0E32\u0E0A\u0E19" },
|
|
66
|
-
required: { type: Boolean, required: false, default:
|
|
67
|
+
required: { type: Boolean, required: false, default: false },
|
|
67
68
|
rules: { type: [Function, Array, Object, String], required: false },
|
|
68
69
|
disabled: { type: Boolean, required: false, default: false },
|
|
69
70
|
error: { type: String, required: false, default: "" }
|
|
@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
11
11
|
label: string;
|
|
12
12
|
name: string;
|
|
13
13
|
modelValue: LocalizedNameItem[];
|
|
14
|
-
options: InputSelectItem[];
|
|
15
14
|
placeholder: string;
|
|
15
|
+
options: InputSelectItem[];
|
|
16
16
|
limit: number;
|
|
17
17
|
showCounter: boolean;
|
|
18
18
|
addLabel: string;
|
|
@@ -11,8 +11,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
|
|
|
11
11
|
label: string;
|
|
12
12
|
name: string;
|
|
13
13
|
modelValue: LocalizedNameItem[];
|
|
14
|
-
options: InputSelectItem[];
|
|
15
14
|
placeholder: string;
|
|
15
|
+
options: InputSelectItem[];
|
|
16
16
|
limit: number;
|
|
17
17
|
showCounter: boolean;
|
|
18
18
|
addLabel: string;
|
|
@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
40
40
|
id: string;
|
|
41
41
|
name: string;
|
|
42
42
|
required: boolean;
|
|
43
|
-
options: InputTagModalOption[];
|
|
44
43
|
labelKey: string;
|
|
45
44
|
placeholder: string;
|
|
45
|
+
options: InputTagModalOption[];
|
|
46
46
|
disabledErrorMessage: boolean;
|
|
47
47
|
valueKey: string;
|
|
48
48
|
searchPlaceholder: string;
|
|
@@ -40,9 +40,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
|
|
|
40
40
|
id: string;
|
|
41
41
|
name: string;
|
|
42
42
|
required: boolean;
|
|
43
|
-
options: InputTagModalOption[];
|
|
44
43
|
labelKey: string;
|
|
45
44
|
placeholder: string;
|
|
45
|
+
options: InputTagModalOption[];
|
|
46
46
|
disabledErrorMessage: boolean;
|
|
47
47
|
valueKey: string;
|
|
48
48
|
searchPlaceholder: string;
|
|
@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
26
26
|
"onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
|
|
27
27
|
}>, {
|
|
28
28
|
name: string;
|
|
29
|
-
state: "user" | "admin";
|
|
30
29
|
placeholder: string;
|
|
30
|
+
state: "user" | "admin";
|
|
31
31
|
limit: number;
|
|
32
32
|
profileScope: "personal" | "business";
|
|
33
33
|
ignore: string[];
|
|
@@ -26,8 +26,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
|
|
|
26
26
|
"onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
|
|
27
27
|
}>, {
|
|
28
28
|
name: string;
|
|
29
|
-
state: "user" | "admin";
|
|
30
29
|
placeholder: string;
|
|
30
|
+
state: "user" | "admin";
|
|
31
31
|
limit: number;
|
|
32
32
|
profileScope: "personal" | "business";
|
|
33
33
|
ignore: string[];
|