@coreui/vue-pro 4.1.2 → 4.1.3

package/dist/index.js

@@ -9152,7 +9152,6 @@ const CSmartTable = vue.defineComponent({
          */
         columns: {
             type: Array,
-            default: () => [],
             required: false,
         },
         /**
@@ -9460,7 +9459,7 @@ const CSmartTable = vue.defineComponent({
         });
         // functions
         const isSortable = (i) => {
-            const isDataColumn = itemsDataColumns.value.includes(rawColumnNames[i]);
+            const isDataColumn = itemsDataColumns.value.includes(rawColumnNames.value[i]);
             let column;
             if (props.columns)
                 column = props.columns[i];
@@ -9558,16 +9557,16 @@ const CSmartTable = vue.defineComponent({
             sorterState.state = '';
         };
         // computed
-        const genCols = Object.keys(items.value[0] || {}).filter((el) => el.charAt(0) !== '_');
-        const rawColumnNames = props.columns
+        const genCols = vue.computed(() => Object.keys(items.value[0] || {}).filter((el) => el.charAt(0) !== '_'));
+        const rawColumnNames = vue.computed(() => props.columns
             ? props.columns.map((column) => {
                 if (typeof column === 'object')
                     return column.key;
                 else
                     return column;
             })
-            : genCols; //! || el
-        const itemsDataColumns = vue.computed(() => rawColumnNames.filter((name) => genCols.includes(name)));
+            : genCols.value); //! || el
+        const itemsDataColumns = vue.computed(() => rawColumnNames.value.filter((name) => genCols.value.includes(name)));
         // variables
         const columnFiltered = () => {
             let _items = items.value;
@@ -9673,7 +9672,7 @@ const CSmartTable = vue.defineComponent({
                                     ...props.tableHeadProps,
                                     columnFilter: props.columnFilter,
                                     columnFilterValue: columnFilterState.value,
-                                    columns: props.columns,
+                                    columns: rawColumnNames.value,
                                     columnSorter: props.columnSorter,
                                     selectable: props.selectable,
                                     selectAll: selectedAll.value,
@@ -9720,12 +9719,12 @@ const CSmartTable = vue.defineComponent({
                                 currentItems: currentItems.value,
                                 firstItemOnActivePageIndex: firstItemOnActivePageIndex.value,
                                 noItemsLabel: props.noItemsLabel,
-                                columns: props.columns,
+                                columns: rawColumnNames.value,
                                 scopedSlots: slots,
                                 selectable: props.selectable,
                                 onRowChecked: (id, value) => handleRowChecked(id, value),
                                 onRowClick: (item, index, columnName, event) => handleRowClick(item, index, columnName, event),
-                                rawColumnNames: rawColumnNames,
+                                rawColumnNames: rawColumnNames.value,
                                 clickableRows: props.clickableRows,
                                 ...props.tableBodyProps,
                             }),
@@ -9735,7 +9734,7 @@ const CSmartTable = vue.defineComponent({
                                     ...props.tableFootProps,
                                     columnFilter: false,
                                     columnSorter: false,
-                                    columns: props.columns,
+                                    columns: rawColumnNames.value,
                                     selectable: props.selectable,
                                     selectAll: selectedAll.value,
                                     onFilterInput: (key, value) => columnFilterChange(key, value, 'input'),
@@ -9765,7 +9764,6 @@ const CSmartTable = vue.defineComponent({
                             pages: numberOfPages.value,
                             activePage: activePage.value,
                             onActivePageChange: handleActivePageChange,
-                            limit: itemsPerPage.value,
                         })
                         : ''),
                     vue.h('div', {