pukaad-ui-lib 1.66.0 → 1.67.0

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "pukaad-ui-lib",
   "configKey": "pukaadUI",
-  "version": "1.66.0",
+  "version": "1.67.0",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/input/input-select-province.vue

@@ -106,7 +106,8 @@ const provinces = ref([]);
 const fetchProvinces = async () => {
   try {
     const response = await $fetch(
-      `${BASE_URL_API}/api/master/address/provinces`
+      `${BASE_URL_API}/api/master/address/provinces`,
+      { credentials: "include" }
     );
     const data = response.data ?? response;
     if (data && Array.isArray(data)) {

package/dist/runtime/components/input/input-text-field.vue

@@ -7,7 +7,7 @@
     v-model="modelValue"
   >
     <ShadFormItem>
-      <ShadFormLabel class="w-full">
+      <ShadFormLabel v-if="props.label || $slots.label" class="w-full">
         <slot name="label">
           <div
             :class="[

package/dist/runtime/components/modal/modal-password-new.vue

@@ -67,6 +67,7 @@ const handleSubmit = async () => {
   try {
     const res = await $fetch(`${config.public.BASE_URL_API}${apiPath.value}`, {
       method: "POST",
+      credentials: "include",
       body: {
         login_token: props.loginToken,
         password: password.value,

package/dist/runtime/components/picker/picker-image-cover-profile.d.vue.ts

@@ -1,10 +1,10 @@
-interface Props {
-    item?: File | null;
-}
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    complete: (file: File) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onComplete?: ((file: File) => any) | undefined;
+type __VLS_ModelProps = {
+    modelValue?: File | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: File | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/picker/picker-image-cover-profile.vue

@@ -1,32 +1,29 @@
 <template>
-  <Dropdown>
-    <template #default="{ isOpen }">
-      <Button
-        prepend-icon="lucide:camera"
-        size="small"
-        variant="flat-outline"
-        color="black"
-      >
-        แก้ไขรูปภาพหน้าปก</Button
-      >
-    </template>
-    <template #content>
-      <div
-        class="flex gap-[4px] px-[8px] py-[8px] items-center cursor-pointer hover:bg-gray-100"
+  <ShadDropdownMenu>
+    <ShadDropdownMenuTrigger as-child>
+      <Button variant="outline" class="bg-white"
+        ><Icon name="lucide:camera" /> แก้ไขรูปภาพหน้าปก
+      </Button>
+    </ShadDropdownMenuTrigger>
+
+    <ShadDropdownMenuContent align="start">
+      <ShadDropdownMenuItem
+        v-if="originalFile || modelValue"
+        class="flex gap-[4px] items-center cursor-pointer"
         @click="onEditImage"
       >
-        <Icon name="lucide:crop" />
-        <div class="font-body-medium">แก้ไขรูปภาพหน้าปก</div>
-      </div>
-      <div
-        class="flex gap-[4px] px-[8px] py-[8px] items-center cursor-pointer hover:bg-gray-100"
+        <Icon name="lucide:crop" :size="16" />
+        <span class="font-body-medium">แก้ไขรูปภาพหน้าปก</span>
+      </ShadDropdownMenuItem>
+      <ShadDropdownMenuItem
+        class="flex gap-[4px] items-center cursor-pointer"
         @click="onUploadImage"
       >
-        <Icon name="lucide:upload" />
-        <div class="font-body-medium">อัปโหลดรูปภาพ</div>
-      </div>
-    </template>
-  </Dropdown>
+        <Icon name="lucide:upload" :size="16" />
+        <span class="font-body-medium">อัปโหลดรูปภาพ</span>
+      </ShadDropdownMenuItem>
+    </ShadDropdownMenuContent>
+  </ShadDropdownMenu>
   <input
     ref="fileInputRef"
     type="file"
@@ -36,13 +33,11 @@
   />
   <Modal
     title="ปรับแต่งรูปภาพหน้าปก"
-    :width="632"
+    class="min-w-[512px]"
     v-model="isOpenModal"
-    divider
-    disabled-padding-content
   >
     <div
-      class="flex justify-center items-center rounded-[8px] overflow-hidden relative p-[16px]"
+      class="flex justify-center items-center rounded-[8px] overflow-hidden relative"
     >
       <ImageCropper
         v-if="imageUrl"
@@ -88,8 +83,10 @@
 
     <template #footer>
       <div class="flex items-center gap-[16px] w-full">
-        <Button variant="outline" full-width @click="onCancel"> ยกเลิก </Button>
-        <Button color="primary" full-width @click="onCropImage">
+        <Button variant="outline" class="w-full" @click="onCancel">
+          ยกเลิก
+        </Button>
+        <Button color="primary" class="w-full" @click="onCropImage">
           บันทึก
         </Button>
       </div>
@@ -105,12 +102,9 @@ const imageUrl = ref(null);
 const isOpenModal = ref(false);
 const selectedFile = ref(null);
 const originalFile = ref(null);
-const props = defineProps({
-  item: { type: null, required: false }
-});
-const emit = defineEmits(["complete"]);
+const modelValue = defineModel({ type: null });
 const onEditImage = () => {
-  const fileToEdit = originalFile.value || props.item;
+  const fileToEdit = originalFile.value || modelValue.value;
   if (fileToEdit) {
     selectedFile.value = fileToEdit;
     if (imageUrl.value) {
@@ -155,7 +149,8 @@ const onCropImage = async () => {
     "image_cover_crop.jpg",
     "image/jpeg"
   );
-  emit("complete", croppedFile);
+  originalFile.value = croppedFile;
+  modelValue.value = croppedFile;
   isOpenModal.value = false;
   if (imageUrl.value) {
     URL.revokeObjectURL(imageUrl.value);

package/dist/runtime/components/picker/picker-image-cover-profile.vue.d.ts

@@ -1,10 +1,10 @@
-interface Props {
-    item?: File | null;
-}
-declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    complete: (file: File) => any;
-}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
-    onComplete?: ((file: File) => any) | undefined;
+type __VLS_ModelProps = {
+    modelValue?: File | null;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_ModelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: File | null | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_ModelProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | null | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/ui/dialog/DialogFooter.vue

@@ -6,7 +6,15 @@ const props = defineProps({
 </script>
 
 <template>
-  <div data-slot="dialog-footer" :class="cn('flex', props.class)">
+  <div
+    data-slot="dialog-footer"
+    :class="
+  cn(
+    'flex w-full gap-4 [&_.w-full]:flex-1 [&_.w-full]:!w-auto [&_.w-full]:min-w-0',
+    props.class
+  )
+"
+  >
     <slot />
   </div>
 </template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pukaad-ui-lib",
-  "version": "1.66.0",
+  "version": "1.67.0",
   "description": "pukaad-ui for MeMSG",
   "repository": {
     "type": "git",