pukaad-ui-lib 1.210.1 → 1.211.0

package/dist/module.json

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

package/dist/runtime/components/data-table.d.vue.ts

@@ -18,41 +18,37 @@ type __VLS_ModelProps = {
     "selected"?: Record<string, any>[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {
-    selected: Record<string, any>[];
-}, __VLS_15: {
+declare var __VLS_13: {
     item: TableHeader[];
-}, __VLS_43: `header-${string}`, __VLS_44: {
+}, __VLS_41: `header-${string}`, __VLS_42: {
     header: TableHeader;
     onSort: () => void;
     isSorted: boolean;
     sortDesc: boolean;
-}, __VLS_51: {
+}, __VLS_49: {
     items: Record<string, any>[];
     header: TableHeader[];
-}, __VLS_99: {
+}, __VLS_97: {
     item: Record<string, any>;
     header: TableHeader[];
     index: number;
-}, __VLS_108: `item-${string}`, __VLS_109: {
+}, __VLS_106: `item-${string}`, __VLS_107: {
     item: Record<string, any>;
-}, __VLS_111: {}, __VLS_119: {};
+}, __VLS_109: {}, __VLS_117: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+    [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
 } & {
-    [K in NonNullable<typeof __VLS_108>]?: (props: typeof __VLS_109) => any;
+    [K in NonNullable<typeof __VLS_106>]?: (props: typeof __VLS_107) => any;
 } & {
-    'selection-actions'?: (props: typeof __VLS_1) => any;
+    header?: (props: typeof __VLS_13) => any;
 } & {
-    header?: (props: typeof __VLS_15) => any;
+    body?: (props: typeof __VLS_49) => any;
 } & {
-    body?: (props: typeof __VLS_51) => any;
+    item?: (props: typeof __VLS_97) => any;
 } & {
-    item?: (props: typeof __VLS_99) => any;
+    empty?: (props: typeof __VLS_109) => any;
 } & {
-    empty?: (props: typeof __VLS_111) => any;
-} & {
-    'empty-content'?: (props: typeof __VLS_119) => any;
+    'empty-content'?: (props: typeof __VLS_117) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => any;

package/dist/runtime/components/data-table.vue

@@ -115,15 +115,6 @@ const getJustifyClass = (alignment = "start") => {
 <template>
   <div class="bg-white rounded-lg h-full flex flex-col">
     <!-- Selection Action Bar -->
-    <div
-      v-if="props.selectable && selected.length > 0"
-      class="flex items-center gap-3 px-4 py-2 bg-primary rounded-t-lg"
-    >
-      <span class="font-body-medium text-white">
-        เลือก {{ selected.length }} รายการ
-      </span>
-      <slot name="selection-actions" :selected="selected" />
-    </div>
 
     <!-- Table Container -->
     <div class="flex-1 overflow-auto">
@@ -136,7 +127,9 @@ const getJustifyClass = (alignment = "start") => {
               <ShadTableHead v-if="props.selectable" class="w-12">
                 <div class="flex items-center justify-center">
                   <InputCheckbox
-                    :model-value="isIndeterminate ? 'indeterminate' : isAllSelected"
+                    :model-value="
+  isIndeterminate ? 'indeterminate' : isAllSelected
+"
                     @update:model-value="() => toggleAll()"
                   />
                 </div>
@@ -208,7 +201,9 @@ const getJustifyClass = (alignment = "start") => {
                 v-for="(item, i_body) in sortedItems"
                 :key="i_body"
                 class="cursor-pointer"
-                :data-state="props.selectable && isSelected(item) ? 'selected' : void 0"
+                :data-state="
+  props.selectable && isSelected(item) ? 'selected' : void 0
+"
                 @click="emit('click-row', item, i_body)"
               >
                 <!-- Checkbox per row -->
@@ -233,6 +228,11 @@ const getJustifyClass = (alignment = "start") => {
                     :class="
   getAlignmentClass(header.alignment || props.cellAlignment)
 "
+                    :style="{
+  width: header.width ? typeof header.width === 'number' ? `${header.width}px` : header.width : void 0,
+  minWidth: header.minWidth ? typeof header.minWidth === 'number' ? `${header.minWidth}px` : header.minWidth : void 0,
+  maxWidth: header.maxWidth ? typeof header.maxWidth === 'number' ? `${header.maxWidth}px` : header.maxWidth : header.width ? typeof header.width === 'number' ? `${header.width}px` : header.width : header.minWidth ? typeof header.minWidth === 'number' ? `${header.minWidth}px` : header.minWidth : void 0
+}"
                   >
                     <slot :name="`item-${header.key}`" :item="item">
                       {{ item[header.key] }}

package/dist/runtime/components/data-table.vue.d.ts

@@ -18,41 +18,37 @@ type __VLS_ModelProps = {
     "selected"?: Record<string, any>[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {
-    selected: Record<string, any>[];
-}, __VLS_15: {
+declare var __VLS_13: {
     item: TableHeader[];
-}, __VLS_43: `header-${string}`, __VLS_44: {
+}, __VLS_41: `header-${string}`, __VLS_42: {
     header: TableHeader;
     onSort: () => void;
     isSorted: boolean;
     sortDesc: boolean;
-}, __VLS_51: {
+}, __VLS_49: {
     items: Record<string, any>[];
     header: TableHeader[];
-}, __VLS_99: {
+}, __VLS_97: {
     item: Record<string, any>;
     header: TableHeader[];
     index: number;
-}, __VLS_108: `item-${string}`, __VLS_109: {
+}, __VLS_106: `item-${string}`, __VLS_107: {
     item: Record<string, any>;
-}, __VLS_111: {}, __VLS_119: {};
+}, __VLS_109: {}, __VLS_117: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_43>]?: (props: typeof __VLS_44) => any;
+    [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
 } & {
-    [K in NonNullable<typeof __VLS_108>]?: (props: typeof __VLS_109) => any;
+    [K in NonNullable<typeof __VLS_106>]?: (props: typeof __VLS_107) => any;
 } & {
-    'selection-actions'?: (props: typeof __VLS_1) => any;
+    header?: (props: typeof __VLS_13) => any;
 } & {
-    header?: (props: typeof __VLS_15) => any;
+    body?: (props: typeof __VLS_49) => any;
 } & {
-    body?: (props: typeof __VLS_51) => any;
+    item?: (props: typeof __VLS_97) => any;
 } & {
-    item?: (props: typeof __VLS_99) => any;
+    empty?: (props: typeof __VLS_109) => any;
 } & {
-    empty?: (props: typeof __VLS_111) => any;
-} & {
-    'empty-content'?: (props: typeof __VLS_119) => any;
+    'empty-content'?: (props: typeof __VLS_117) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => any;

package/dist/runtime/components/image/image-cropper.d.vue.ts

@@ -64,7 +64,6 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    background: boolean;
     modal: boolean;
     responsive: boolean;
     restore: boolean;
@@ -73,6 +72,7 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
     crossorigin: "" | "anonymous" | "use-credentials";
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/image/image-cropper.vue.d.ts

@@ -64,7 +64,6 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ImageCropperProps> & Readonly<{}>, {
     src: string;
     center: boolean;
-    background: boolean;
     modal: boolean;
     responsive: boolean;
     restore: boolean;
@@ -73,6 +72,7 @@ declare const __VLS_export: import("vue").DefineComponent<ImageCropperProps, {
     crossorigin: "" | "anonymous" | "use-credentials";
     guides: boolean;
     highlight: boolean;
+    background: boolean;
     autoCrop: boolean;
     movable: boolean;
     rotatable: boolean;

package/dist/runtime/components/input/input-file.d.vue.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-file.vue.d.ts

@@ -35,8 +35,8 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {
     fullHeight: boolean;
     name: string;
     limit: number;
-    disabledErrorMessage: boolean;
     accept: string;
+    disabledErrorMessage: boolean;
     labelIcon: string;
     disabledDrop: boolean;
     column: boolean;

package/dist/runtime/components/input/input-password.d.vue.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-password.vue.d.ts

@@ -22,8 +22,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {
 }>, {
     id: string;
     name: string;
-    new: boolean;
     disabledForgotPassword: boolean;
+    new: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/input/input-slider.d.vue.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     label: string;
     color: InputSliderColor;
     fullWidth: boolean;
+    step: number;
     max: number;
     min: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/input/input-slider.vue.d.ts

@@ -12,9 +12,9 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     label: string;
     color: InputSliderColor;
     fullWidth: boolean;
+    step: number;
     max: number;
     min: number;
-    step: number;
     lineHeight: number | string;
     appearance: boolean;
     thumbSize: number | string;

package/dist/runtime/components/input/input-tag.d.vue.ts

@@ -25,8 +25,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
     state: "user" | "admin";
+    placeholder: string;
     limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/input/input-tag.vue.d.ts

@@ -25,8 +25,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "onUpdate:modelValue"?: ((value: SelectedTag[]) => any) | undefined;
 }>, {
     name: string;
-    placeholder: string;
     state: "user" | "admin";
+    placeholder: string;
     limit: number;
     ignore: string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/runtime/components/modal/modal-password-confirmed.d.vue.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-confirmed.vue.d.ts

@@ -24,8 +24,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     }) => any) | undefined;
 }>, {
     title: string;
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.d.vue.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/modal/modal-password-verify.vue.d.ts

@@ -28,8 +28,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
 }>, {
     title: string;
     mode: "login" | "secure";
-    disabledForgotPassword: boolean;
     confirmText: string;
+    disabledForgotPassword: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/package.json

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