@coreui/vue-pro 4.1.2 → 4.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/vue-pro",
-  "version": "4.1.2",
+  "version": "4.1.3",
   "description": "UI Components Library for Vue.js",
   "keywords": [
     "vue",

package/src/components/smart-table/CSmartTable.ts

@@ -94,7 +94,6 @@ const CSmartTable = defineComponent({
      */
     columns: {
       type: Array as PropType<Column[] | string[]>,
-      default: () => [],
       required: false,
     },
     /**
@@ -422,7 +421,7 @@ const CSmartTable = defineComponent({
     // functions
 
     const isSortable = (i: number): boolean | undefined => {
-      const isDataColumn = itemsDataColumns.value.includes(rawColumnNames[i])
+      const isDataColumn = itemsDataColumns.value.includes(rawColumnNames.value[i])
       let column
       if (props.columns) column = props.columns[i]
       return (
@@ -538,16 +537,22 @@ const CSmartTable = defineComponent({
 
     // computed
 
-    const genCols = Object.keys(items.value[0] || {}).filter((el) => el.charAt(0) !== '_')
+    const genCols = computed(() =>
+      Object.keys(items.value[0] || {}).filter((el) => el.charAt(0) !== '_'),
+    )
 
-    const rawColumnNames = props.columns
-      ? props.columns.map((column: Column | string) => {
-          if (typeof column === 'object') return column.key
-          else return column
-        })
-      : genCols //! || el
+    const rawColumnNames = computed(() =>
+      props.columns
+        ? props.columns.map((column: Column | string) => {
+            if (typeof column === 'object') return column.key
+            else return column
+          })
+        : genCols.value,
+    ) //! || el
 
-    const itemsDataColumns = computed(() => rawColumnNames.filter((name) => genCols.includes(name)))
+    const itemsDataColumns = computed(() =>
+      rawColumnNames.value.filter((name) => genCols.value.includes(name)),
+    )
 
     // variables
 
@@ -708,7 +713,7 @@ const CSmartTable = defineComponent({
                           ...props.tableHeadProps,
                           columnFilter: props.columnFilter,
                           columnFilterValue: columnFilterState.value,
-                          columns: props.columns,
+                          columns: rawColumnNames.value,
                           columnSorter: props.columnSorter,
                           selectable: props.selectable,
                           selectAll: selectedAll.value,
@@ -762,7 +767,7 @@ const CSmartTable = defineComponent({
                       currentItems: currentItems.value,
                       firstItemOnActivePageIndex: firstItemOnActivePageIndex.value,
                       noItemsLabel: props.noItemsLabel,
-                      columns: props.columns,
+                      columns: rawColumnNames.value,
                       scopedSlots: slots,
                       selectable: props.selectable,
                       onRowChecked: (id: number, value: boolean) => handleRowChecked(id, value),
@@ -772,7 +777,7 @@ const CSmartTable = defineComponent({
                         columnName: string,
                         event: MouseEvent | boolean,
                       ) => handleRowClick(item, index, columnName, event),
-                      rawColumnNames: rawColumnNames,
+                      rawColumnNames: rawColumnNames.value,
                       clickableRows: props.clickableRows,
                       ...props.tableBodyProps,
                     }),
@@ -782,7 +787,7 @@ const CSmartTable = defineComponent({
                         ...props.tableFootProps,
                         columnFilter: false,
                         columnSorter: false,
-                        columns: props.columns,
+                        columns: rawColumnNames.value,
                         selectable: props.selectable,
                         selectAll: selectedAll.value,
                         onFilterInput: (key: string, value: string) =>
@@ -822,7 +827,6 @@ const CSmartTable = defineComponent({
                       pages: numberOfPages.value,
                       activePage: activePage.value,
                       onActivePageChange: handleActivePageChange,
-                      limit: itemsPerPage.value,
                     })
                   : '',
               ),