@coreui/vue-pro 4.1.2 → 4.1.3

package/README.md

@@ -43,7 +43,7 @@
 
 Several quick start options are available:
 
-- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.1.2.zip)
+- [Download the latest release](https://github.com/coreui/coreui-vue-pro/archive/v4.1.3.zip)
 - Clone the repo: `git clone https://github.com/coreui/coreui-vue-pro.git`
 - Install with [npm](https://www.npmjs.com/): `npm install @coreui/vue-pro`
 - Install with [yarn](https://yarnpkg.com/): `yarn add @coreui/vue-pro`

package/dist/components/smart-table/CSmartTable.d.ts

@@ -66,7 +66,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     columns: {
         type: PropType<string[] | Column[]>;
-        default: () => never[];
         required: false;
     };
     /**
@@ -345,7 +344,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
      */
     columns: {
         type: PropType<string[] | Column[]>;
-        default: () => never[];
         required: false;
     };
     /**
@@ -574,7 +572,6 @@ declare const CSmartTable: import("vue").DefineComponent<{
     pagination: boolean;
     activePage: number;
     clickableRows: boolean;
-    columns: string[] | Column[];
     selectable: boolean;
     columnFilterValue: ColumnFilterValue;
     columnSorter: boolean | Sorter;

package/dist/index.es.js

@@ -9148,7 +9148,6 @@ const CSmartTable = defineComponent({
          */
         columns: {
             type: Array,
-            default: () => [],
             required: false,
         },
         /**
@@ -9456,7 +9455,7 @@ const CSmartTable = 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];
@@ -9554,16 +9553,16 @@ const CSmartTable = defineComponent({
             sorterState.state = '';
         };
         // computed
-        const genCols = Object.keys(items.value[0] || {}).filter((el) => el.charAt(0) !== '_');
-        const rawColumnNames = props.columns
+        const genCols = computed(() => Object.keys(items.value[0] || {}).filter((el) => el.charAt(0) !== '_'));
+        const rawColumnNames = computed(() => props.columns
             ? props.columns.map((column) => {
                 if (typeof column === 'object')
                     return column.key;
                 else
                     return column;
             })
-            : genCols; //! || el
-        const itemsDataColumns = computed(() => rawColumnNames.filter((name) => genCols.includes(name)));
+            : genCols.value); //! || el
+        const itemsDataColumns = computed(() => rawColumnNames.value.filter((name) => genCols.value.includes(name)));
         // variables
         const columnFiltered = () => {
             let _items = items.value;
@@ -9669,7 +9668,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,
@@ -9716,12 +9715,12 @@ 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, value) => handleRowChecked(id, value),
                                 onRowClick: (item, index, columnName, event) => handleRowClick(item, index, columnName, event),
-                                rawColumnNames: rawColumnNames,
+                                rawColumnNames: rawColumnNames.value,
                                 clickableRows: props.clickableRows,
                                 ...props.tableBodyProps,
                             }),
@@ -9731,7 +9730,7 @@ const CSmartTable = 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'),
@@ -9761,7 +9760,6 @@ const CSmartTable = defineComponent({
                             pages: numberOfPages.value,
                             activePage: activePage.value,
                             onActivePageChange: handleActivePageChange,
-                            limit: itemsPerPage.value,
                         })
                         : ''),
                     h$1('div', {