From 63663f3a50480410467390cd6e335d58bd08fb21 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Fri, 1 Sep 2023 12:26:27 +0300
Subject: [PATCH] Revert "Typo fix"

This reverts commit 16fdf8fb17533219cdd0efc849afbb4aa7b5d751.
---
 .../lib/basecomponent/BaseComponent.vue       |  2 +-
 components/lib/datatable/TableBody.vue        | 19 +++++++++++++++----
 doc/datatable/BasicDoc.vue                    |  7 +++----
 doc/passthrough/UsePassThroughDoc.vue         |  2 +-
 4 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/components/lib/basecomponent/BaseComponent.vue b/components/lib/basecomponent/BaseComponent.vue
index ff1c206da..d9ad7e7d7 100644
--- a/components/lib/basecomponent/BaseComponent.vue
+++ b/components/lib/basecomponent/BaseComponent.vue
@@ -470,7 +470,7 @@ export default {
                 self,
                 globalPT,
                 key !== 'transition' && {
-                    ...(key === 'root' && { [`${datasetPrefix}name`]: ObjectUtils.toFlatCase(this.$.type.name) }),
+                    ...(key === 'root' && this.$.type.name === this.$options.hostName && { [`${datasetPrefix}name`]: ObjectUtils.toFlatCase(this.$.type.name) }),
                     [`${datasetPrefix}section`]: ObjectUtils.toFlatCase(key)
                 }
             );
diff --git a/components/lib/datatable/TableBody.vue b/components/lib/datatable/TableBody.vue
index 784fba371..94e6bd99b 100755
--- a/components/lib/datatable/TableBody.vue
+++ b/components/lib/datatable/TableBody.vue
@@ -10,7 +10,7 @@
                     role="row"
                     v-bind="ptm('rowGroupHeader')"
                 >
-                    <td :colspan="columnsLength - 1" v-bind="ptm('rowGroupHeaderCell')">
+                    <td :colspan="columnsLength - 1" v-bind="{ ...getColumnPT('root'), ...getColumnPT('bodyCell') }" data-pc-section="bodycell">
                         <button v-if="expandableRowGroups" :class="cx('rowGroupToggler')" @click="onRowGroupToggle($event, rowData)" type="button" v-bind="ptm('rowGroupToggler')">
                             <component v-if="templates['rowgrouptogglericon']" :is="templates['rowgrouptogglericon']" :expanded="isRowGroupExpanded(rowData)" />
                             <template v-else>
@@ -91,7 +91,7 @@
                     role="row"
                     v-bind="ptm('rowExpansion')"
                 >
-                    <td :colspan="columnsLength" v-bind="ptm('rowExpansionCell')">
+                    <td :colspan="columnsLength" v-bind="{ ...getColumnPT('root'), ...getColumnPT('bodyCell') }">
                         <component :is="templates['expansion']" :data="rowData" :index="getRowIndex(index)" />
                     </td>
                 </tr>
@@ -102,14 +102,14 @@
                     role="row"
                     v-bind="ptm('rowGroupFooter')"
                 >
-                    <td :colspan="columnsLength - 1" v-bind="ptm('rowGroupFooterCell')">
+                    <td :colspan="columnsLength - 1" v-bind="{ ...getColumnPT('root'), ...getColumnPT('footerCell') }" data-pc-section="footercell">
                         <component :is="templates['groupfooter']" :data="rowData" :index="getRowIndex(index)" />
                     </td>
                 </tr>
             </template>
         </template>
         <tr v-else :class="cx('emptyMessage')" role="row" v-bind="ptm('emptyMessage')">
-            <td :colspan="columnsLength" v-bind="ptm('emptyMessageCell')">
+            <td :colspan="columnsLength" v-bind="{ ...getColumnPT('root'), ...getColumnPT('bodyCell') }">
                 <component v-if="templates.empty" :is="templates.empty" />
             </td>
         </tr>
@@ -121,6 +121,7 @@ import BaseComponent from 'primevue/basecomponent';
 import ChevronDownIcon from 'primevue/icons/chevrondown';
 import ChevronRightIcon from 'primevue/icons/chevronright';
 import { DomHandler, ObjectUtils, UniqueComponentId } from 'primevue/utils';
+import { mergeProps } from 'vue';
 import BodyCell from './BodyCell.vue';
 
 export default {
@@ -306,6 +307,16 @@ export default {
         columnProp(col, prop) {
             return ObjectUtils.getVNodeProp(col, prop);
         },
+        getColumnPT(key) {
+            const columnMetaData = {
+                parent: {
+                    props: this.$props,
+                    state: this.$data
+                }
+            };
+
+            return mergeProps(this.ptm(`column.${key}`, { column: columnMetaData }), this.ptm(`column.${key}`, columnMetaData), this.ptmo(this.getColumnProp({}), key, columnMetaData));
+        },
         getColumnProp(column) {
             return column.props && column.props.pt ? column.props.pt : undefined; //@todo
         },
diff --git a/doc/datatable/BasicDoc.vue b/doc/datatable/BasicDoc.vue
index 135b056ff..1372c146b 100644
--- a/doc/datatable/BasicDoc.vue
+++ b/doc/datatable/BasicDoc.vue
@@ -8,15 +8,14 @@
             <Column field="name" header="Name"></Column>
             <Column field="category" header="Category"></Column>
             <Column field="quantity" header="Quantity"></Column>
-            <template #empty>
-                <p>Empty DataTable</p>
-            </template>
         </DataTable>
     </div>
     <DocSectionCode :code="code" :service="['ProductService']" />
 </template>
 
 <script>
+import { ProductService } from '@/service/ProductService';
+
 export default {
     data() {
         return {
@@ -94,7 +93,7 @@ const products = ref();
         };
     },
     mounted() {
-        // ProductService.getProductsMini().then((data) => (this.products = data));
+        ProductService.getProductsMini().then((data) => (this.products = data));
     }
 };
 </script>
diff --git a/doc/passthrough/UsePassThroughDoc.vue b/doc/passthrough/UsePassThroughDoc.vue
index 9d6427803..5917539be 100644
--- a/doc/passthrough/UsePassThroughDoc.vue
+++ b/doc/passthrough/UsePassThroughDoc.vue
@@ -39,7 +39,7 @@ const CustomTailwind = usePassThrough(
     },
     {
         mergeSections: true,
-        mergeProps: false
+        useMergeProps: false
     }
 );