pukaad-ui-lib 1.27.0 → 1.29.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/collapse/collapse-multiple.vue +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-textarea.vue +6 -4
- package/package.json +1 -1
package/dist/module.json
CHANGED
|
@@ -37,8 +37,8 @@
|
|
|
37
37
|
v-if="arrShow.includes(i_item)"
|
|
38
38
|
:class="[
|
|
39
39
|
'flex flex-col gap-[16px] mt-[16px] pl-[24px]',
|
|
40
|
-
|
|
41
|
-
divider ? '[&>*]:border-b [&>*]:border-silver' : ''
|
|
40
|
+
,
|
|
41
|
+
divider ? '[&>*]:border-b [&>*]:border-silver [&>*]:ml-[-24px] [&>*]:pl-[24px]' : ''
|
|
42
42
|
]"
|
|
43
43
|
>
|
|
44
44
|
<slot name="children" :items="item">
|
|
@@ -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;
|
|
@@ -69,6 +69,7 @@
|
|
|
69
69
|
|
|
70
70
|
<script setup>
|
|
71
71
|
import { ref, onMounted, nextTick } from "vue";
|
|
72
|
+
import { InputGroupTextarea as ShadInputGroupTextarea } from "@/runtime/components/ui/input-group";
|
|
72
73
|
const props = defineProps({
|
|
73
74
|
id: { type: String, required: false, default: "input-textarea" },
|
|
74
75
|
name: { type: String, required: false, default: "input-textarea" },
|
|
@@ -83,7 +84,7 @@ const props = defineProps({
|
|
|
83
84
|
required: { type: Boolean, required: false, default: false },
|
|
84
85
|
showCounter: { type: Boolean, required: false, default: false },
|
|
85
86
|
limit: { type: Number, required: false, default: 0 },
|
|
86
|
-
resize: { type: String, required: false, default: "
|
|
87
|
+
resize: { type: String, required: false, default: "vertical" },
|
|
87
88
|
rows: { type: Number, required: false, default: 4 },
|
|
88
89
|
fullWidth: { type: Boolean, required: false, default: false },
|
|
89
90
|
fullHeight: { type: Boolean, required: false, default: false },
|
|
@@ -107,7 +108,7 @@ const defaultRules = (v) => {
|
|
|
107
108
|
return true;
|
|
108
109
|
};
|
|
109
110
|
const autoHeight = () => {
|
|
110
|
-
const el = textareaRef.value;
|
|
111
|
+
const el = textareaRef.value?.$el;
|
|
111
112
|
if (el) {
|
|
112
113
|
el.style.height = "auto";
|
|
113
114
|
if (!props.heightScroll) {
|
|
@@ -116,8 +117,9 @@ const autoHeight = () => {
|
|
|
116
117
|
}
|
|
117
118
|
};
|
|
118
119
|
const focus = () => {
|
|
119
|
-
|
|
120
|
-
|
|
120
|
+
const el = textareaRef.value?.$el;
|
|
121
|
+
if (!el) return;
|
|
122
|
+
el.focus();
|
|
121
123
|
};
|
|
122
124
|
const setErrors = (errMsg) => {
|
|
123
125
|
fieldRef.value?.setErrors(errMsg);
|