@coreui/vue-pro 4.1.0 → 4.1.1

package/dist/index.js

@@ -5780,7 +5780,7 @@ const CModal = vue.defineComponent({
             emit('show');
         };
         const handleAfterEnter = () => {
-            window.addEventListener('click', handleClickOutside);
+            window.addEventListener('mousedown', handleMouseDown);
             window.addEventListener('keyup', handleKeyUp);
         };
         const handleLeave = (el, done) => {
@@ -5791,7 +5791,7 @@ const CModal = vue.defineComponent({
             el.classList.remove('show');
         };
         const handleAfterLeave = (el) => {
-            window.removeEventListener('click', handleClickOutside);
+            window.removeEventListener('mousedown', handleMouseDown);
             window.removeEventListener('keyup', handleKeyUp);
             el.style.display = 'none';
         };
@@ -5813,7 +5813,10 @@ const CModal = vue.defineComponent({
                 }
             }
         };
-        const handleClickOutside = (event) => {
+        const handleMouseDown = (event) => {
+            window.addEventListener('mouseup', () => handleMouseUp(event), { once: true });
+        };
+        const handleMouseUp = (event) => {
             if (modalContentRef.value && !modalContentRef.value.contains(event.target)) {
                 if (props.backdrop !== 'static') {
                     handleDismiss();
@@ -7022,19 +7025,20 @@ const COffcanvas = vue.defineComponent({
             }, 1);
         };
         const handleAfterEnter = () => {
-            window.addEventListener('click', handleClickOutside);
+            window.addEventListener('mousedown', handleMouseDown);
+            // window.addEventListener('click', handleClickOutside)
             window.addEventListener('keyup', handleKeyUp);
         };
         const handleLeave = (el, done) => {
             el.addEventListener('transitionend', () => {
                 done();
             });
+            window.removeEventListener('mousedown', handleMouseDown);
+            window.removeEventListener('keyup', handleKeyUp);
             el.classList.remove('show');
         };
         const handleAfterLeave = (el) => {
             el.style.visibility = 'hidden';
-            window.removeEventListener('click', handleClickOutside);
-            window.removeEventListener('keyup', handleKeyUp);
         };
         const handleDismiss = () => {
             visible.value = false;
@@ -7047,13 +7051,17 @@ const COffcanvas = vue.defineComponent({
                 }
             }
         };
-        const handleClickOutside = (event) => {
+        const handleMouseDown = (event) => {
+            window.addEventListener('mouseup', () => handleMouseUp(event), { once: true });
+        };
+        const handleMouseUp = (event) => {
             if (offcanvasRef.value && !offcanvasRef.value.contains(event.target)) {
                 props.backdrop && handleDismiss();
             }
         };
         return () => [
             vue.h(vue.Transition, {
+                css: false,
                 onEnter: (el, done) => handleEnter(el, done),
                 onAfterEnter: () => handleAfterEnter(),
                 onLeave: (el, done) => handleLeave(el, done),
@@ -8615,9 +8623,12 @@ const CSmartTableHead = vue.defineComponent({
         },
         columnFilter: {
             type: [Boolean, Object],
-            default: undefined,
             require: false,
         },
+        columnFilterValue: {
+            type: Object,
+            required: false,
+        },
         columnSorter: {
             type: [Boolean, Object],
             default: undefined,
@@ -8756,9 +8767,9 @@ const CSmartTableHead = vue.defineComponent({
                                         onInput: (event) => handleFilterInput(key(column), event.target.value),
                                         onChange: (event) => handleFilterChange(key(column), event.target.value),
                                         'aria-label': `column name: '${label(column)}' filter input`,
-                                        ...(props.columnFilter &&
-                                            props.columnFilter[key(column)] && {
-                                            value: props.columnFilter[key(column)],
+                                        ...(props.columnFilterValue &&
+                                            props.columnFilterValue[key(column)] && {
+                                            value: props.columnFilterValue[key(column)],
                                         }),
                                     }),
                             })),
@@ -9072,7 +9083,6 @@ const CSmartTable = vue.defineComponent({
          */
         columnFilter: {
             type: [Boolean, Object],
-            default: undefined,
             required: false,
         },
         /**
@@ -9149,7 +9159,6 @@ const CSmartTable = vue.defineComponent({
          */
         itemsPerPage: {
             type: Number,
-            default: 10,
             required: false,
         },
         /**
@@ -9221,7 +9230,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.
+         * State of the sorter. Name key is column name, direction can be 'asc' or 'desc'. Set .sync modifier to track changes. eg.:
+         * { column: 'status', state: 'asc' }
          *
          * @type SorterValue
          */
@@ -9395,7 +9405,7 @@ const CSmartTable = vue.defineComponent({
                 selectedAll.value = 'indeterminate';
             }
         });
-        const itemsPerPage = vue.ref(props.itemsPerPage);
+        const itemsPerPage = vue.ref(props.itemsPerPage || items.value.length);
         const activePage = vue.ref(props.activePage);
         const sorterState = vue.reactive(props.sorterValue || {});
         const columnFilterState = vue.ref(props.columnFilterValue ? props.columnFilterValue : {});
@@ -9588,6 +9598,8 @@ const CSmartTable = vue.defineComponent({
                             class: 'col-auto p-0',
                         }, props.tableFilter &&
                             vue.h(CSmartTableFilter, {
+                                filterLabel: props.tableFilterLabel,
+                                filterPlaceholder: props.tableFilterPlaceholder,
                                 onFilterInput: (value) => tableFilterChange(value, 'input'),
                                 onFilterChange: (value) => tableFilterChange(value, 'change'),
                                 value: tableFilterState.value,
@@ -9617,7 +9629,8 @@ const CSmartTable = vue.defineComponent({
                                 vue.h(CSmartTableHead, {
                                     component: 'head',
                                     ...props.tableHeadProps,
-                                    columnFilter: columnFilterState.value,
+                                    columnFilter: props.columnFilter,
+                                    columnFilterValue: columnFilterState.value,
                                     columns: props.columns,
                                     columnSorter: props.columnSorter,
                                     selectable: props.selectable,