@coreui/vue-pro 4.3.0-beta.0 → 4.3.0-beta.1

package/dist/index.js

@@ -9568,7 +9568,7 @@ const CSmartPagination = vue.defineComponent({
                 props.doubleArrows &&
                     vue.h(CPaginationItem, {
                         onClick: () => {
-                            setPage(1);
+                            activePage.value !== 1 && setPage(1);
                         },
                         'aria-label': 'Go to first page',
                         ...(activePage.value === 1 && {
@@ -9585,7 +9585,7 @@ const CSmartPagination = vue.defineComponent({
                 props.arrows &&
                     vue.h(CPaginationItem, {
                         onClick: () => {
-                            setPage(activePage.value - 1);
+                            activePage.value !== 1 && setPage(activePage.value - 1);
                         },
                         'aria-label': 'Go to previous page',
                         ...(activePage.value === 1 && {
@@ -9625,7 +9625,7 @@ const CSmartPagination = vue.defineComponent({
                 props.arrows &&
                     vue.h(CPaginationItem, {
                         onClick: () => {
-                            setPage(activePage.value + 1);
+                            activePage.value !== pages.value && setPage(activePage.value + 1);
                         },
                         'aria-label': 'Go to next page',
                         ...(activePage.value === pages.value && {
@@ -9642,7 +9642,7 @@ const CSmartPagination = vue.defineComponent({
                 props.doubleArrows &&
                     vue.h(CPaginationItem, {
                         onClick: () => {
-                            setPage(pages.value);
+                            activePage.value !== pages.value && setPage(pages.value);
                         },
                         'aria-label': 'Go to last page',
                         ...(activePage.value === pages.value && {
@@ -11186,8 +11186,6 @@ const CSmartTable = vue.defineComponent({
     props: {
         /**
          * Sets active page. If 'pagination' prop is enabled, activePage is set only initially.
-         *
-         * @default 1
          */
         activePage: {
             type: Number,
@@ -11196,7 +11194,7 @@ const CSmartTable = vue.defineComponent({
         },
         /**
          * When set, displays table cleaner above table, next to the table filter (or in place of table filter if `tableFilter` prop is not set)
-         * Cleaner resets `tableFilterValue`, `columnFilterValue`, `sorterValue`. If clean is possible it is clickable (`tabIndex="0"` `role="button"`, `color="danger"`), otherwise it is not clickable and transparent. Cleaner can be customized through the `cleaner` slot.
+         * Cleaner resets `tableFilterValue`, `columnFilterValue`, `sorterValue`. If clean is possible it is clickable (`tabIndex="0"` `role="button"`, `color="danger"`), otherwise it is not clickable and transparent. Cleaner can be customized through the `cleanerIcon` slot.
          *
          */
         cleaner: {
@@ -11205,8 +11203,6 @@ const CSmartTable = vue.defineComponent({
         },
         /**
          * Style table items as clickable.
-         *
-         * @type boolean
          */
         clickableRows: {
             type: Boolean,
@@ -11217,8 +11213,6 @@ const CSmartTable = vue.defineComponent({
          * Column filter can be customized, by passing prop as object with additional options as keys. Available options:
          * - external (Boolean) - Disables automatic filtering inside component.
          * - lazy (Boolean) - Set to true to trigger filter updates only on change event.
-         *
-         * @type boolean | ColumnFilter
          */
         columnFilter: {
             type: [Boolean, Object],
@@ -11227,7 +11221,6 @@ const CSmartTable = vue.defineComponent({
         /**
          * Value of table filter. To set pass object where keys are column names and values are filter strings e.g.:
          * { user: 'John', age: 12 }
-         * You can track state of this prop by setting .sync modifier.
          */
         columnFilterValue: {
             type: Object,
@@ -11235,17 +11228,17 @@ const CSmartTable = vue.defineComponent({
             required: false,
         },
         /**
-         * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_classes')
+         * Prop for table columns configuration. If prop is not defined, table will display columns based on the first item keys, omitting keys that begins with underscore (e.g. '_props')
          *
          * In columns prop each array item represents one column. Item might be specified in two ways:
          * String: each item define column name equal to item value.
          * Object: item is object with following keys available as column configuration:
          * - key (required)(String) - define column name equal to item key.
+         * - filter (Boolean) - removes filter from column when set to false.
          * - label (String) - define visible label of column. If not defined, label will be generated automatically based on column name, by converting kebab-case and snake_case to individual words and capitalization of each word.
-         * - _classes (String/Array/Object) - adds classes to all cels in column
-         * - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
          * - sorter (Boolean) - disables sorting of the column when set to false
-         * - filter (Boolean) - removes filter from column when set to false.
+         * - [_props](https://coreui.io/vue/docs/components/table.html#ctableheadercell) (String/Array/Object) - add props to `CTableHeaderCell`.
+         * - _style (String/Array/Object) - adds styles to the column header (useful for defining widths)
          */
         columns: {
             type: Array,
@@ -11257,8 +11250,6 @@ const CSmartTable = vue.defineComponent({
          * Sorter can be customized, by passing prop as object with additional options as keys. Available options:
          * - external (Boolean) - Disables automatic sorting inside component.
          * - resetable (Boolean) - If set to true clicking on sorter have three states: ascending, descending and null. That means that third click on sorter will reset sorting, and restore table to original order.
-         *
-         * @type boolean | Sorter
          */
         columnSorter: {
             type: [Boolean, Object],
@@ -11274,8 +11265,6 @@ const CSmartTable = vue.defineComponent({
         },
         /**
          * Set to false to remove table header.
-         *
-         * @default true
          */
         header: {
             type: Boolean,
@@ -11283,7 +11272,11 @@ const CSmartTable = vue.defineComponent({
             default: true,
         },
         /**
-         * Array of objects, where each object represents one item - row in table. Additionally, you can add style classes to each row by passing them by '_classes' key and to single cell by '_cellClasses'.
+         * Array of objects, where each object represents one item - row in table. Additionally, you can customize each row by passing them by [_props](http://coreui.io/vue/docs/components/table.html#ctablerow) key and single cell by [_cellProps](http://coreui.io/vue/docs/components/table.html#ctabledatacell).
+         *
+         * Examples:
+         * - `_props: { color: 'primary', align: 'middle'}`
+         * - `_cellProps: { all: { class: 'fw-semibold'}, 'name': { color: 'info' }}`
          */
         items: {
             type: Array,
@@ -11292,8 +11285,6 @@ const CSmartTable = vue.defineComponent({
         },
         /**
          * Number of items per site, when pagination is enabled.
-         *
-         * @default 10
          */
         itemsPerPage: {
             type: Number,
@@ -11301,8 +11292,6 @@ const CSmartTable = vue.defineComponent({
         },
         /**
          * Label for items per page selector.
-         *
-         * @default 'Items per page:'
          */
         itemsPerPageLabel: {
             type: String,
@@ -11311,8 +11300,6 @@ const CSmartTable = vue.defineComponent({
         },
         /**
          * Items per page selector options.
-         *
-         * @default [5, 10, 20, 50]
          */
         itemsPerPageOptions: {
             type: Array,
@@ -11339,7 +11326,6 @@ const CSmartTable = vue.defineComponent({
         },
         /**
          * ReactNode or string for passing custom noItemsLabel texts.
-         * @default 'No items found'
          */
         noItemsLabel: {
             type: String,
@@ -11354,9 +11340,7 @@ const CSmartTable = vue.defineComponent({
             required: false,
         },
         /**
-         * Properties to `CSmartPagination` component.
-         *
-         * @link https://coreui.io/vue/docs/4.0/components/smart-pagination#csmartpagination
+         * Properties to [CSmartPagination](https://coreui.io/vue/docs/components/smart-pagination#csmartpagination) component.
          */
         paginationProps: {
             type: Object,
@@ -11368,10 +11352,8 @@ const CSmartTable = vue.defineComponent({
          */
         selectable: Boolean,
         /**
-         * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. Set .sync modifier to track changes. eg.:
+         * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. eg.:
          * { column: 'status', state: 'asc' }
-         *
-         * @type SorterValue
          */
         sorterValue: {
             type: Object,
@@ -11379,9 +11361,7 @@ const CSmartTable = vue.defineComponent({
             required: false,
         },
         /**
-         * Properties to `CTableBody` component.
-         *
-         * @link https://coreui.io/vue/docs/4.0/components/table/#ctablebody
+         * Properties to [CTableBody](https://coreui.io/vue/docs/components/table/#ctablebody) component.
          */
         tableBodyProps: {
             type: Object,
@@ -11389,9 +11369,7 @@ const CSmartTable = vue.defineComponent({
             required: false,
         },
         /**
-         * Properties to `CTableFoot` component.
-         *
-         * @link https://coreui.io/vue/docs/4.0/components/table/#ctablefoot
+         * Properties to [CTableFoot](https://coreui.io/vue/docs/components/table/#ctablefoot) component.
          */
         tableFootProps: {
             type: Object,
@@ -11402,8 +11380,6 @@ const CSmartTable = vue.defineComponent({
          * When set, displays table filter above table, allowing filtering by specific column.
          *
          * Column filter can be customized, by passing prop as object with additional options as keys. Available options:
-         * - placeholder (String) - Sets custom table filter placeholder.
-         * - label (String) - Sets custom table filter label.
          * - external (Boolean) - Disables automatic filtering inside component.
          * - lazy (Boolean) - Set to true to trigger filter updates only on change event.
          */
@@ -11421,8 +11397,6 @@ const CSmartTable = vue.defineComponent({
         },
         /**
          * Specifies a short hint that is visible in the search input.
-         *
-         * @default 'type string...'
          */
         tableFilterPlaceholder: {
             type: String,
@@ -11430,9 +11404,7 @@ const CSmartTable = vue.defineComponent({
             required: false,
         },
         /**
-         * Value of table filter. Set .sync modifier to track changes.
-         *
-         * @default 'Filter:'
+         * Value of table filter.
          */
         tableFilterValue: {
             type: String,
@@ -11440,9 +11412,7 @@ const CSmartTable = vue.defineComponent({
             required: false,
         },
         /**
-         * Properties to `CTableHead` component.
-         *
-         * @link https://coreui.io/vue/docs/4.0/components/table/#ctablehead
+         * Properties to [CTableHead](https://coreui.io/vue/docs/components/table/#ctablehead) component.
          */
         tableHeadProps: {
             type: Object,
@@ -11450,9 +11420,7 @@ const CSmartTable = vue.defineComponent({
             required: false,
         },
         /**
-         * Properties to `CTable` component.
-         *
-         * @link https://coreui.io/vue/docs/4.0/components/table/#ctable
+         * Properties to [CTable](https://coreui.io/vue/docs/components/table/#ctable) component.
          */
         tableProps: {
             type: Object,