@coreui/vue-pro 5.5.0 → 5.6.0

package/src/components/multi-select/CMultiSelect.ts

@@ -582,7 +582,9 @@ const CMultiSelect = defineComponent({
                     {
                       class: 'form-multi-select-input-group',
                       onClick: () => {
-                        visible.value = true
+                        if (!props.disabled) {
+                          visible.value = true
+                        }
                       },
                       ref: togglerRef,
                     },
@@ -591,6 +593,7 @@ const CMultiSelect = defineComponent({
                         h(
                           CMultiSelectSelection,
                           {
+                            disabled: props.disabled,
                             multiple: props.multiple,
                             placeholder: props.placeholder,
                             onRemove: (option: Option) =>
@@ -636,19 +639,26 @@ const CMultiSelect = defineComponent({
                           { class: 'form-multi-select-buttons' },
                           {
                             default: () => [
-                              h('button', {
-                                class: 'form-multi-select-cleaner',
-                                onClick: () => handleDeselectAll(),
-                                type: 'button',
-                              }),
+                              !props.disabled &&
+                                props.cleaner &&
+                                selected.value.length > 0 &&
+                                h('button', {
+                                  class: 'form-multi-select-cleaner',
+                                  onClick: () => handleDeselectAll(),
+                                  type: 'button',
+                                }),
                               h('button', {
                                 class: 'form-multi-select-indicator',
                                 onClick: (event: Event) => {
                                   event.preventDefault()
                                   event.stopPropagation()
-                                  visible.value = !visible.value
+
+                                  if (!props.disabled) {
+                                    visible.value = !visible.value
+                                  }
                                 },
                                 type: 'button',
+                                ...(props.disabled && { tabIndex: -1 }),
                               }),
                             ],
                           },

package/src/components/multi-select/CMultiSelectSelection.ts

@@ -5,6 +5,7 @@ import type { Option } from './types'
 const CMultiSelectSelection = defineComponent({
   name: 'CMultiSelectSelection',
   props: {
+    disabled: Boolean,
     multiple: {
       type: Boolean,
       default: true,
@@ -60,7 +61,8 @@ const CMultiSelectSelection = defineComponent({
               if (props.selectionType === 'tags') {
                 return h('span', { class: 'form-multi-select-tag' }, [
                   option.label,
-                  !option.disabled &&
+                  !props.disabled &&
+                    !option.disabled &&
                     h('button', {
                       class: 'form-multi-select-tag-delete',
                       type: 'button',

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

@@ -197,6 +197,7 @@ const CSmartTable = defineComponent({
      */
     selectAll: {
       type: [Boolean, Object] as PropType<boolean | { external?: boolean }>,
+      default: true,
     },
     /**
      * Array of selected objects, where each object represents one item - row in table.
@@ -533,13 +534,13 @@ const CSmartTable = defineComponent({
     }
 
     const handleSelectAllChecked = () => {
+      emit('selectAll')
+
       if (selectedAll.value === true) {
         selected.value = items.value.filter((item) => item._selectable === false)
         return
       }
 
-      emit('selectAll')
-
       if (props.selectAll && typeof props.selectAll === 'object' && props.selectAll.external) {
         return
       }

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

@@ -44,7 +44,7 @@ const CSmartTableHead = defineComponent({
     sorterState: {
       type: Array as PropType<SorterValue[]>,
       default: () => [],
-    }
+    },
   },
   emits: ['customFilterChange', 'filterInput', 'filterChange', 'selectAllChecked', 'sortClick'],
   setup(props, { slots, emit }) {
@@ -140,21 +140,20 @@ const CSmartTableHead = defineComponent({
               {
                 default: () => [
                   props.selectable &&
-                    h(CTableHeaderCell, {}, () =>
-                      h('input', {
-                        class: 'form-check-input',
-                        type: 'checkbox',
-                        ref: seleactAllCheckboxRef,
-                        onClick: () => {
-                          if (selectedAll.value !== 'reset') {
-                            selectedAll.value = 'reset'
-                          } else {
-                            selectedAll.value = ''
-                          }
-
-                          emit('selectAllChecked')
-                        },
-                      }),
+                    h(
+                      CTableHeaderCell,
+                      {},
+                      () =>
+                        props.selectAll &&
+                        h('input', {
+                          class: 'form-check-input',
+                          type: 'checkbox',
+                          ref: seleactAllCheckboxRef,
+                          onClick: () => {
+                            selectedAll.value = selectedAll.value !== 'reset' ? 'reset' : ''
+                            emit('selectAllChecked')
+                          },
+                        }),
                     ),
                   columns.value.map((column, index: number) => {
                     const isSortable =