vertumnus
/
primevue-mirror
mirror of https://github.com/primefaces/primevue.git
1
0
Fork 0
Code Packages Releases Activity

Refactor #5071

pull/5098/head
mertsincan 2024-01-14 14:09:03 +00:00
parent adadbf27c4
commit 54ea411d76
10 changed files with 30 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/lib/datatable/HeaderCell.vue
View File

@ -37,6 +37,7 @@
:disabled="empty" :disabled="empty"
:headerCheckboxIconTemplate="column.children && column.children.headercheckboxicon" :headerCheckboxIconTemplate="column.children && column.children.headercheckboxicon"
:column="column" :column="column"
:unstyled="unstyled"
:pt="pt" :pt="pt"
/> />
<DTColumnFilter <DTColumnFilter

2
components/lib/datatable/RowCheckbox.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<Checkbox :modelValue="checked" :binary="true" :disabled="$attrs.disabled" :aria-label="checkboxAriaLabel" @change="onChange" :pt="getColumnPT('rowCheckbox')"> <Checkbox :modelValue="checked" :binary="true" :disabled="$attrs.disabled" :aria-label="checkboxAriaLabel" @change="onChange" :unstyled="unstyled" :pt="getColumnPT('rowCheckbox')">
<template #icon="slotProps"> <template #icon="slotProps">
<component v-if="rowCheckboxIconTemplate" :is="rowCheckboxIconTemplate" :checked="slotProps.checked" :class="slotProps.class" /> <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('rowCheckbox.icon')" /> <CheckIcon v-else-if="!rowCheckboxIconTemplate && slotProps.checked" :class="slotProps.class" v-bind="getColumnPT('rowCheckbox.icon')" />

6
components/lib/datatable/RowRadioButton.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<RadioButton :modelValue="checked" :disabled="$attrs.disabled" :name="name" @change="onChange" :pt="getColumnPT('rowRadiobutton')" /> <RadioButton :modelValue="checked" :disabled="$attrs.disabled" :name="name" @change="onChange" :unstyled="unstyled" :pt="getColumnPT('rowRadiobutton')" />
</template> </template>
<script> <script>
@ -20,6 +20,10 @@ export default {
index: { index: {
type: Number, type: Number,
default: null default: null
},
unstyled: {
type: Boolean,
default: undefined
} }
}, },
methods: { methods: {

4
components/lib/datatable/TableHeader.vue
View File

@ -36,6 +36,7 @@
@constraint-add="$emit('constraint-add', $event)" @constraint-add="$emit('constraint-add', $event)"
@constraint-remove="$emit('constraint-remove', $event)" @constraint-remove="$emit('constraint-remove', $event)"
@apply-click="$emit('apply-click', $event)" @apply-click="$emit('apply-click', $event)"
:unstyled="unstyled"
:pt="pt" :pt="pt"
/> />
</template> </template>
@ -48,7 +49,7 @@
:class="getFilterColumnHeaderClass(col)" :class="getFilterColumnHeaderClass(col)"
v-bind="{ ...getColumnPT(col, 'root', i), ...getColumnPT(col, 'headerCell', i) }" v-bind="{ ...getColumnPT(col, 'root', i), ...getColumnPT(col, 'headerCell', i) }"
> >
<DTHeaderCheckbox v-if="columnProp(col, 'selectionMode') === 'multiple'" :checked="allRowsSelected" :disabled="empty" @change="$emit('checkbox-change', $event)" :column="col" :pt="pt" /> <DTHeaderCheckbox v-if="columnProp(col, 'selectionMode') === 'multiple'" :checked="allRowsSelected" :disabled="empty" @change="$emit('checkbox-change', $event)" :column="col" :unstyled="unstyled" :pt="pt" />
<DTColumnFilter <DTColumnFilter
v-if="col.children && col.children.filter" v-if="col.children && col.children.filter"
:field="columnProp(col, 'filterField') || columnProp(col, 'field')" :field="columnProp(col, 'filterField') || columnProp(col, 'field')"
@ -118,6 +119,7 @@
@constraint-add="$emit('constraint-add', $event)" @constraint-add="$emit('constraint-add', $event)"
@constraint-remove="$emit('constraint-remove', $event)" @constraint-remove="$emit('constraint-remove', $event)"
@apply-click="$emit('apply-click', $event)" @apply-click="$emit('apply-click', $event)"
:unstyled="unstyled"
:pt="pt" :pt="pt"
/> />
</template> </template>

13
components/lib/multiselect/MultiSelect.vue
View File

@ -68,7 +68,16 @@
></span> ></span>
<slot name="header" :value="modelValue" :options="visibleOptions"></slot> <slot name="header" :value="modelValue" :options="visibleOptions"></slot>
<div v-if="(showToggleAll && selectionLimit == null) || filter" :class="cx('header')" v-bind="ptm('header')"> <div v-if="(showToggleAll && selectionLimit == null) || filter" :class="cx('header')" v-bind="ptm('header')">
<Checkbox v-if="showToggleAll && selectionLimit == null" :modelValue="allSelected" :binary="true" :disabled="disabled" :aria-label="toggleAllAriaLabel" @change="onToggleAll" :pt="getHeaderCheckboxPTOptions('headerCheckbox')"> <Checkbox
v-if="showToggleAll && selectionLimit == null"
:modelValue="allSelected"
:binary="true"
:disabled="disabled"
:aria-label="toggleAllAriaLabel"
@change="onToggleAll"
:unstyled="unstyled"
:pt="getHeaderCheckboxPTOptions('headerCheckbox')"
>
<template #icon="slotProps"> <template #icon="slotProps">
<component v-if="$slots.headercheckboxicon" :is="$slots.headercheckboxicon" :checked="slotProps.checked" :class="slotProps.class" /> <component v-if="$slots.headercheckboxicon" :is="$slots.headercheckboxicon" :checked="slotProps.checked" :class="slotProps.class" />
<component v-else-if="slotProps.checked" :is="checkboxIcon ? 'span' : 'CheckIcon'" :class="[slotProps.class, { [checkboxIcon]: slotProps.checked }]" v-bind="getHeaderCheckboxPTOptions('headerCheckbox.icon')" /> <component v-else-if="slotProps.checked" :is="checkboxIcon ? 'span' : 'CheckIcon'" :class="[slotProps.class, { [checkboxIcon]: slotProps.checked }]" v-bind="getHeaderCheckboxPTOptions('headerCheckbox.icon')" />
@ -131,7 +140,7 @@
:data-p-focused="focusedOptionIndex === getOptionIndex(i, getItemOptions)" :data-p-focused="focusedOptionIndex === getOptionIndex(i, getItemOptions)"
:data-p-disabled="isOptionDisabled(option)" :data-p-disabled="isOptionDisabled(option)"
> >
<Checkbox :modelValue="isSelected(option)" :binary="true" :pt="getCheckboxPTOptions(option, getItemOptions, i, 'itemCheckbox')"> <Checkbox :modelValue="isSelected(option)" :binary="true" :unstyled="unstyled" :pt="getCheckboxPTOptions(option, getItemOptions, i, 'itemCheckbox')">
<template #icon="slotProps"> <template #icon="slotProps">
<component v-if="$slots.itemcheckboxicon" :is="$slots.itemcheckboxicon" :checked="slotProps.checked" :class="slotProps.class" /> <component v-if="$slots.itemcheckboxicon" :is="$slots.itemcheckboxicon" :checked="slotProps.checked" :class="slotProps.class" />
<component <component

2
components/lib/tree/Tree.vue
View File

@ -30,8 +30,8 @@
:selectionKeys="selectionKeys" :selectionKeys="selectionKeys"
@checkbox-change="onCheckboxChange" @checkbox-change="onCheckboxChange"
:loadingMode="loadingMode" :loadingMode="loadingMode"
:pt="pt"
:unstyled="unstyled" :unstyled="unstyled"
:pt="pt"
></TreeNode> ></TreeNode>
</ul> </ul>
</div> </div>

3
components/lib/tree/TreeNode.vue
View File

@ -26,7 +26,7 @@
<component v-else :is="node.collapsedIcon ? 'span' : 'ChevronRightIcon'" :class="cx('togglerIcon')" v-bind="getPTOptions('togglerIcon')" /> <component v-else :is="node.collapsedIcon ? 'span' : 'ChevronRightIcon'" :class="cx('togglerIcon')" v-bind="getPTOptions('togglerIcon')" />
</template> </template>
</button> </button>
<Checkbox v-if="checkboxMode" :modelValue="checked" :binary="true" :class="cx('nodeCheckbox')" :pt="getPTOptions('nodeCheckbox')" :data-p-checked="checked" :data-p-partialchecked="partialChecked"> <Checkbox v-if="checkboxMode" :modelValue="checked" :binary="true" :class="cx('nodeCheckbox')" :unstyled="unstyled" :pt="getPTOptions('nodeCheckbox')" :data-p-checked="checked" :data-p-partialchecked="partialChecked">
<template #icon="slotProps"> <template #icon="slotProps">
<component v-if="templates['checkboxicon']" :is="templates['checkboxicon']" :checked="slotProps.checked" :partialChecked="partialChecked" :class="slotProps.class" /> <component v-if="templates['checkboxicon']" :is="templates['checkboxicon']" :checked="slotProps.checked" :partialChecked="partialChecked" :class="slotProps.class" />
<component v-else :is="checked ? 'CheckIcon' : partialChecked ? 'MinusIcon' : null" :class="slotProps.class" v-bind="getPTOptions('nodeCheckbox.icon')" /> <component v-else :is="checked ? 'CheckIcon' : partialChecked ? 'MinusIcon' : null" :class="slotProps.class" v-bind="getPTOptions('nodeCheckbox.icon')" />
@ -51,6 +51,7 @@
:selectionMode="selectionMode" :selectionMode="selectionMode"
:selectionKeys="selectionKeys" :selectionKeys="selectionKeys"
@checkbox-change="propagateUp" @checkbox-change="propagateUp"
:unstyled="unstyled"
:pt="pt" :pt="pt"
/> />
</ul> </ul>

1
components/lib/treetable/BodyCell.vue
View File

@ -17,6 +17,7 @@
:binary="true" :binary="true"
:class="cx('rowCheckbox')" :class="cx('rowCheckbox')"
@change="toggleCheckbox" @change="toggleCheckbox"
:unstyled="unstyled"
:pt="getColumnCheckboxPT('rowCheckbox')" :pt="getColumnCheckboxPT('rowCheckbox')"
:data-p-highlight="checked" :data-p-highlight="checked"
:data-p-checked="checked" :data-p-checked="checked"

4
components/lib/treetable/TreeTable.vue
View File

@ -68,6 +68,7 @@
@column-click="onColumnHeaderClick" @column-click="onColumnHeaderClick"
@column-resizestart="onColumnResizeStart" @column-resizestart="onColumnResizeStart"
:index="i" :index="i"
:unstyled="unstyled"
:pt="pt" :pt="pt"
></TTHeaderCell> ></TTHeaderCell>
</template> </template>
@ -101,6 +102,7 @@
@node-toggle="onNodeToggle" @node-toggle="onNodeToggle"
@node-click="onNodeClick" @node-click="onNodeClick"
@checkbox-change="onCheckboxChange" @checkbox-change="onCheckboxChange"
:unstyled="unstyled"
:pt="pt" :pt="pt"
></TTRow> ></TTRow>
</template> </template>
@ -113,7 +115,7 @@
<tfoot v-if="hasFooter" :class="cx('tfoot')" role="rowgroup" v-bind="ptm('tfoot')"> <tfoot v-if="hasFooter" :class="cx('tfoot')" role="rowgroup" v-bind="ptm('tfoot')">
<tr role="row" v-bind="ptm('footerRow')"> <tr role="row" v-bind="ptm('footerRow')">
<template v-for="(col, i) of columns" :key="columnProp(col, 'columnKey') || columnProp(col, 'field') || i"> <template v-for="(col, i) of columns" :key="columnProp(col, 'columnKey') || columnProp(col, 'field') || i">
<TTFooterCell v-if="!columnProp(col, 'hidden')" :column="col" :index="i" :pt="pt"></TTFooterCell> <TTFooterCell v-if="!columnProp(col, 'hidden')" :column="col" :index="i" :unstyled="unstyled" :pt="pt"></TTFooterCell>
</template> </template>
</tr> </tr>
</tfoot> </tfoot>

2
components/lib/treetable/TreeTableRow.vue
View File

@ -34,6 +34,7 @@
@checkbox-toggle="toggleCheckbox" @checkbox-toggle="toggleCheckbox"
:index="i" :index="i"
:loadingMode="loadingMode" :loadingMode="loadingMode"
:unstyled="unstyled"
:pt="pt" :pt="pt"
></TTBodyCell> ></TTBodyCell>
</template> </template>
@ -57,6 +58,7 @@
@node-toggle="$emit('node-toggle', $event)" @node-toggle="$emit('node-toggle', $event)"
@node-click="$emit('node-click', $event)" @node-click="$emit('node-click', $event)"
@checkbox-change="onCheckboxChange" @checkbox-change="onCheckboxChange"
:unstyled="unstyled"
:pt="pt" :pt="pt"
/> />
</template> </template>