@eturnity/eturnity_reusable_components 8.16.2--EPDM-14330.12 → 8.16.2--EPDM-14330.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -90,6 +90,7 @@
|
|
|
90
90
|
<template v-if="item.column === 'updated'">
|
|
91
91
|
<DatePickerContainer>
|
|
92
92
|
<VueDatePicker
|
|
93
|
+
ref="datePicker"
|
|
93
94
|
:auto-apply="true"
|
|
94
95
|
:clearable="true"
|
|
95
96
|
:disabled="!item.constraint"
|
|
@@ -103,6 +104,8 @@
|
|
|
103
104
|
:range="false"
|
|
104
105
|
:single-picker="true"
|
|
105
106
|
text-input
|
|
107
|
+
@click="handleDatePickerClick"
|
|
108
|
+
@open="handleDatePickerClick"
|
|
106
109
|
@update:model-value="
|
|
107
110
|
onSelectFilter({
|
|
108
111
|
type: 'selectedDate',
|
|
@@ -418,7 +421,9 @@
|
|
|
418
421
|
event.target.closest('.rc-select') ||
|
|
419
422
|
event.target.closest('.select-option') ||
|
|
420
423
|
event.target.closest('.icon') ||
|
|
421
|
-
event.target.closest('svg')
|
|
424
|
+
event.target.closest('svg') ||
|
|
425
|
+
event.target.closest('.dp-input') ||
|
|
426
|
+
event.target.closest('.dp__menu')
|
|
422
427
|
|
|
423
428
|
if (
|
|
424
429
|
!this.$refs.buttonIcon.$el.contains(event.target) &&
|
|
@@ -495,6 +500,12 @@
|
|
|
495
500
|
|
|
496
501
|
return generalOptions
|
|
497
502
|
},
|
|
503
|
+
handleDatePickerClick() {
|
|
504
|
+
// Close all Select dropdowns. This is a workaround to close the dropdown when the date picker is clicked
|
|
505
|
+
this.$refs.selectSortDropdown.forEach((select) => {
|
|
506
|
+
select.closeDropdown()
|
|
507
|
+
})
|
|
508
|
+
},
|
|
498
509
|
getSelectedLabel({ type, value, index }) {
|
|
499
510
|
if (!value) return
|
|
500
511
|
if (type === 'column') {
|
|
@@ -898,8 +898,6 @@
|
|
|
898
898
|
},
|
|
899
899
|
clickOutside(event) {
|
|
900
900
|
const dropdownRef = this.$refs.dropdown
|
|
901
|
-
// we need to prevent closing on selecting an option, because in the case of
|
|
902
|
-
// a disabled option, we don't want to close the dropdown
|
|
903
901
|
if (!this.isClickOutsideActive) return
|
|
904
902
|
if (
|
|
905
903
|
this.$refs.select.$el == event.target ||
|