Correctly bind pt options
parent
9be0f4c5ad
commit
77927e251e
|
@ -88,7 +88,8 @@
|
|||
:aria-label="initButtonAriaLabel"
|
||||
:unstyled="unstyled"
|
||||
@click="onRowEditInit"
|
||||
v-bind="{ ...getColumnPT('pcRowEditorInit'), ...editButtonProps.init }"
|
||||
v-bind="editButtonProps.init"
|
||||
:pt="getColumnPT('pcRowEditorInit')"
|
||||
data-pc-group-section="rowactionbutton"
|
||||
>
|
||||
<template #icon="slotProps">
|
||||
|
@ -101,7 +102,8 @@
|
|||
:aria-label="saveButtonAriaLabel"
|
||||
:unstyled="unstyled"
|
||||
@click="onRowEditSave"
|
||||
v-bind="{ ...getColumnPT('pcRowEditorSave'), ...editButtonProps.save }"
|
||||
v-bind="editButtonProps.save"
|
||||
:pt="getColumnPT('pcRowEditorSave')"
|
||||
data-pc-group-section="rowactionbutton"
|
||||
>
|
||||
<template #icon="slotProps">
|
||||
|
@ -114,7 +116,8 @@
|
|||
:aria-label="cancelButtonAriaLabel"
|
||||
:unstyled="unstyled"
|
||||
@click="onRowEditCancel"
|
||||
v-bind="{ ...getColumnPT('pcRowEditorCancel'), ...editButtonProps.cancel }"
|
||||
v-bind="editButtonProps.cancel"
|
||||
:pt="getColumnPT('pcRowEditorCancel')"
|
||||
data-pc-group-section="rowactionbutton"
|
||||
>
|
||||
<template #icon="slotProps">
|
||||
|
@ -127,10 +130,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { getAttribute, getFirstFocusableElement, getNextElementSibling, getOuterWidth, getPreviousElementSibling, invokeElementMethod } from '@primeuix/utils/dom';
|
||||
import { resolveFieldData } from '@primeuix/utils/object';
|
||||
import BaseComponent from '@primevue/core/basecomponent';
|
||||
import { getVNodeProp } from '@primevue/core/utils';
|
||||
import { getFirstFocusableElement, invokeElementMethod, getAttribute, getNextElementSibling, getOuterWidth, getPreviousElementSibling } from '@primeuix/utils/dom';
|
||||
import { resolveFieldData } from '@primeuix/utils/object';
|
||||
import BarsIcon from '@primevue/icons/bars';
|
||||
import CheckIcon from '@primevue/icons/check';
|
||||
import ChevronDownIcon from '@primevue/icons/chevrondown';
|
||||
|
|
|
@ -29,7 +29,7 @@
|
|||
<span v-if="columnProp('sortable')" v-bind="getColumnPT('sort')">
|
||||
<component :is="(column.children && column.children.sorticon) || sortableColumnIcon" :sorted="sortState.sorted" :sortOrder="sortState.sortOrder" :class="cx('sortIcon')" v-bind="getColumnPT('sorticon')" />
|
||||
</span>
|
||||
<Badge v-if="isMultiSorted()" :class="cx('pcSortBadge')" v-bind="getColumnPT('pcSortBadge')" :value="getBadgeValue()" size="small" />
|
||||
<Badge v-if="isMultiSorted()" :class="cx('pcSortBadge')" :pt="getColumnPT('pcSortBadge')" :value="getBadgeValue()" size="small" />
|
||||
<DTHeaderCheckbox
|
||||
v-if="columnProp('selectionMode') === 'multiple' && filterDisplay !== 'row'"
|
||||
:checked="allRowsSelected"
|
||||
|
@ -84,9 +84,9 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { getAttribute, getIndex, getNextElementSibling, getOuterWidth, getPreviousElementSibling } from '@primeuix/utils/dom';
|
||||
import BaseComponent from '@primevue/core/basecomponent';
|
||||
import { getVNodeProp } from '@primevue/core/utils';
|
||||
import { getAttribute, getNextElementSibling, getOuterWidth, getPreviousElementSibling, getIndex } from '@primeuix/utils/dom';
|
||||
import SortAltIcon from '@primevue/icons/sortalt';
|
||||
import SortAmountDownIcon from '@primevue/icons/sortamountdown';
|
||||
import SortAmountUpAltIcon from '@primevue/icons/sortamountupalt';
|
||||
|
|
|
@ -2,7 +2,7 @@
|
|||
<Checkbox :modelValue="checked" :binary="true" :disabled="$attrs.disabled" :aria-label="checkboxAriaLabel" @change="onChange" :unstyled="unstyled" :pt="getColumnPT('pcRowCheckbox')">
|
||||
<template #icon="slotProps">
|
||||
<component v-if="rowCheckboxIconTemplate" :is="rowCheckboxIconTemplate" :checked="slotProps.checked" :class="slotProps.class" />
|
||||
<CheckIcon v-else-if="!rowCheckboxIconTemplate && slotProps.checked" :class="slotProps.class" v-bind="getColumnPT('pcRowCheckbox.icon')" />
|
||||
<CheckIcon v-else-if="!rowCheckboxIconTemplate && slotProps.checked" :class="slotProps.class" v-bind="getColumnPT('pcRowCheckbox')['icon']" />
|
||||
</template>
|
||||
</Checkbox>
|
||||
</template>
|
||||
|
|
|
@ -15,7 +15,7 @@
|
|||
<slot name="header" :value="modelValue" :options="visibleOptions"></slot>
|
||||
</div>
|
||||
<div v-if="filter" :class="cx('header')" v-bind="ptm('header')">
|
||||
<IconField :unstyled="unstyled" v-bind="ptm('pcFilterContainer')">
|
||||
<IconField :unstyled="unstyled" :pt="ptm('pcFilterContainer')">
|
||||
<InputText
|
||||
v-model="filterValue"
|
||||
type="text"
|
||||
|
@ -132,10 +132,10 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { findSingle, focus, getFirstFocusableElement, isElement } from '@primeuix/utils/dom';
|
||||
import { equals, findLastIndex, isNotEmpty, isPrintableCharacter, resolveFieldData } from '@primeuix/utils/object';
|
||||
import { FilterService } from '@primevue/core/api';
|
||||
import { UniqueComponentId } from '@primevue/core/utils';
|
||||
import { focus, isElement, getFirstFocusableElement, findSingle } from '@primeuix/utils/dom';
|
||||
import { resolveFieldData, isPrintableCharacter, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
|
||||
import BlankIcon from '@primevue/icons/blank';
|
||||
import CheckIcon from '@primevue/icons/check';
|
||||
import SearchIcon from '@primevue/icons/search';
|
||||
|
|
|
@ -76,7 +76,7 @@
|
|||
></span>
|
||||
<slot name="header" :value="modelValue" :options="visibleOptions"></slot>
|
||||
<div v-if="filter" :class="cx('header')" v-bind="ptm('header')">
|
||||
<IconField :unstyled="unstyled" v-bind="ptm('pcFilterContainer')">
|
||||
<IconField :unstyled="unstyled" :pt="ptm('pcFilterContainer')">
|
||||
<InputText
|
||||
ref="filterInput"
|
||||
type="text"
|
||||
|
@ -190,11 +190,11 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { absolutePosition, addStyle, findSingle, focus, getFirstFocusableElement, getFocusableElements, getLastFocusableElement, getOuterWidth, isAndroid, isTouchDevice, isVisible, relativePosition } from '@primeuix/utils/dom';
|
||||
import { equals, findLastIndex, isNotEmpty, isPrintableCharacter, resolveFieldData } from '@primeuix/utils/object';
|
||||
import { ZIndex } from '@primeuix/utils/zindex';
|
||||
import { FilterService } from '@primevue/core/api';
|
||||
import { ConnectedOverlayScrollHandler, UniqueComponentId } from '@primevue/core/utils';
|
||||
import { focus, isAndroid, getFirstFocusableElement, getLastFocusableElement, addStyle, relativePosition, getOuterWidth, absolutePosition, isTouchDevice, isVisible, getFocusableElements, findSingle } from '@primeuix/utils/dom';
|
||||
import { resolveFieldData, isPrintableCharacter, isNotEmpty, equals, findLastIndex } from '@primeuix/utils/object';
|
||||
import { ZIndex } from '@primeuix/utils/zindex';
|
||||
import BlankIcon from '@primevue/icons/blank';
|
||||
import CheckIcon from '@primevue/icons/check';
|
||||
import ChevronDownIcon from '@primevue/icons/chevrondown';
|
||||
|
|
Loading…
Reference in New Issue