pukaad-ui-lib 1.345.0 → 1.346.0

package/dist/module.json

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

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

@@ -34,7 +34,11 @@ declare var __VLS_13: {
     index: number;
 }, __VLS_106: `item-${string}`, __VLS_107: {
     item: Record<string, any>;
-}, __VLS_109: {}, __VLS_117: {};
+}, __VLS_109: {
+    item: Record<string, any>;
+    index: number;
+    colspan: number;
+}, __VLS_111: {}, __VLS_119: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
 } & {
@@ -46,9 +50,11 @@ type __VLS_Slots = {} & {
 } & {
     item?: (props: typeof __VLS_97) => any;
 } & {
-    empty?: (props: typeof __VLS_109) => any;
+    'row-banner'?: (props: typeof __VLS_109) => any;
+} & {
+    empty?: (props: typeof __VLS_111) => any;
 } & {
-    'empty-content'?: (props: typeof __VLS_117) => any;
+    'empty-content'?: (props: typeof __VLS_119) => 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

@@ -76,6 +76,9 @@ const itemHeaders = computed(() => {
   );
   return header;
 });
+const totalColumns = computed(
+  () => itemHeaders.value.length + (props.selectable ? 1 : 0)
+);
 const sortedItems = computed(() => {
   return props.items.slice().sort((a, b) => {
     if (!sortkey.value) return 0;
@@ -197,49 +200,58 @@ const getJustifyClass = (alignment = "start") => {
 
             <!-- Data Rows -->
             <template v-else-if="sortedItems.length > 0">
-              <ShadTableRow
-                v-for="(item, i_body) in sortedItems"
-                :key="i_body"
-                class="cursor-pointer"
-                :data-state="
+              <template v-for="(item, i_body) in sortedItems" :key="i_body">
+                <ShadTableRow
+                  class="cursor-pointer"
+                  :data-state="
   props.selectable && isSelected(item) ? 'selected' : void 0
 "
-                @click="emit('click-row', item, i_body)"
-              >
-                <!-- Checkbox per row -->
-                <ShadTableCell v-if="props.selectable" @click.stop>
-                  <div class="flex items-center justify-center">
-                    <InputCheckbox
-                      :model-value="isSelected(item)"
-                      @update:model-value="() => toggleRow(item)"
-                    />
-                  </div>
-                </ShadTableCell>
-
-                <slot
-                  name="item"
-                  :item="item"
-                  :header="itemHeaders"
-                  :index="i_body"
+                  @click="emit('click-row', item, i_body)"
                 >
-                  <ShadTableCell
-                    v-for="(header, i_header) in itemHeaders"
-                    :key="i_header"
-                    :class="
+                  <!-- Checkbox per row -->
+                  <ShadTableCell v-if="props.selectable" @click.stop>
+                    <div class="flex items-center justify-center">
+                      <InputCheckbox
+                        :model-value="isSelected(item)"
+                        @update:model-value="() => toggleRow(item)"
+                      />
+                    </div>
+                  </ShadTableCell>
+
+                  <slot
+                    name="item"
+                    :item="item"
+                    :header="itemHeaders"
+                    :index="i_body"
+                  >
+                    <ShadTableCell
+                      v-for="(header, i_header) in itemHeaders"
+                      :key="i_header"
+                      :class="
   getAlignmentClass(header.alignment || props.cellAlignment)
 "
-                    :style="{
+                      :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] }}
-                    </slot>
-                  </ShadTableCell>
-                </slot>
-              </ShadTableRow>
+                    >
+                      <slot :name="`item-${header.key}`" :item="item">
+                        {{ item[header.key] }}
+                      </slot>
+                    </ShadTableCell>
+                  </slot>
+                </ShadTableRow>
+
+                <!-- แถวเสริมเต็มความกว้าง แทรกใต้แถวนี้ — ใช้กับกรณีเช่น banner "กำลังโอนสิทธิ์" (Figma 2779-278256) -->
+                <!-- ไม่ระบุ slot นี้ = ไม่มีอะไร render เพิ่ม, consumer เป็นคนคุม v-if ว่าจะโชว์กับ item ไหน -->
+                <slot
+                  name="row-banner"
+                  :item="item"
+                  :index="i_body"
+                  :colspan="totalColumns"
+                />
+              </template>
             </template>
 
             <!-- Empty State -->

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

@@ -34,7 +34,11 @@ declare var __VLS_13: {
     index: number;
 }, __VLS_106: `item-${string}`, __VLS_107: {
     item: Record<string, any>;
-}, __VLS_109: {}, __VLS_117: {};
+}, __VLS_109: {
+    item: Record<string, any>;
+    index: number;
+    colspan: number;
+}, __VLS_111: {}, __VLS_119: {};
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_41>]?: (props: typeof __VLS_42) => any;
 } & {
@@ -46,9 +50,11 @@ type __VLS_Slots = {} & {
 } & {
     item?: (props: typeof __VLS_97) => any;
 } & {
-    empty?: (props: typeof __VLS_109) => any;
+    'row-banner'?: (props: typeof __VLS_109) => any;
+} & {
+    empty?: (props: typeof __VLS_111) => any;
 } & {
-    'empty-content'?: (props: typeof __VLS_117) => any;
+    'empty-content'?: (props: typeof __VLS_119) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:page": (value: number) => any;

package/package.json

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