Fixed #7092 - Change showClearButton as false and use FilterFillIcon for row filtering

pull/7064/merge
tugcekucukoglu 2025-01-14 14:52:34 +03:00
parent b401aff773
commit 6c0e96fdcc
3 changed files with 6 additions and 4 deletions

View File

@ -80,7 +80,7 @@ export default {
}, },
showClearButton: { showClearButton: {
type: Boolean, type: Boolean,
default: true default: false
}, },
showApplyButton: { showApplyButton: {
type: Boolean, type: Boolean,

View File

@ -431,7 +431,7 @@ export interface ColumnProps {
showFilterOperator?: boolean | undefined; showFilterOperator?: boolean | undefined;
/** /**
* Displays a button to clear the column filtering. * Displays a button to clear the column filtering.
* @defaultValue true * @defaultValue false
*/ */
showClearButton?: boolean | undefined; showClearButton?: boolean | undefined;
/** /**

View File

@ -17,7 +17,7 @@
v-bind="{ ...getColumnPT('pcColumnFilterButton', ptmFilterMenuParams), ...filterButtonProps.filter }" v-bind="{ ...getColumnPT('pcColumnFilterButton', ptmFilterMenuParams), ...filterButtonProps.filter }"
> >
<template #icon="slotProps"> <template #icon="slotProps">
<component :is="filterIconTemplate || 'FilterIcon'" :class="slotProps.class" v-bind="getColumnPT('filterMenuIcon')" /> <component :is="filterIconTemplate || hasRowFilter() ? 'FilterFillIcon' : 'FilterIcon'" :class="slotProps.class" v-bind="getColumnPT('filterMenuIcon')" />
</template> </template>
</Button> </Button>
<Button <Button
@ -170,6 +170,7 @@ import { FilterOperator } from '@primevue/core/api';
import BaseComponent from '@primevue/core/basecomponent'; import BaseComponent from '@primevue/core/basecomponent';
import { ConnectedOverlayScrollHandler } from '@primevue/core/utils'; import { ConnectedOverlayScrollHandler } from '@primevue/core/utils';
import FilterIcon from '@primevue/icons/filter'; import FilterIcon from '@primevue/icons/filter';
import FilterFillIcon from '@primevue/icons/filterfill';
import FilterSlashIcon from '@primevue/icons/filterslash'; import FilterSlashIcon from '@primevue/icons/filterslash';
import PlusIcon from '@primevue/icons/plus'; import PlusIcon from '@primevue/icons/plus';
import TrashIcon from '@primevue/icons/trash'; import TrashIcon from '@primevue/icons/trash';
@ -212,7 +213,7 @@ export default {
}, },
showClearButton: { showClearButton: {
type: Boolean, type: Boolean,
default: true default: false
}, },
showApplyButton: { showApplyButton: {
type: Boolean, type: Boolean,
@ -718,6 +719,7 @@ export default {
Button, Button,
Portal, Portal,
FilterSlashIcon, FilterSlashIcon,
FilterFillIcon,
FilterIcon, FilterIcon,
TrashIcon, TrashIcon,
PlusIcon PlusIcon