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

Refactor #4149 - For TreeTable

pull/4172/head
Tuğçe Küçükoğlu 2023-07-19 15:06:27 +03:00
parent e0720e2623
commit ced66377c8
4 changed files with 21 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -5,7 +5,7 @@
<component v-else-if="expanded" :is="node.expandedIcon ? 'span' : 'ChevronDownIcon'" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" /> <component v-else-if="expanded" :is="node.expandedIcon ? 'span' : 'ChevronDownIcon'" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" />
<component v-else :is="node.collapsedIcon ? 'span' : 'ChevronRightIcon'" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" /> <component v-else :is="node.collapsedIcon ? 'span' : 'ChevronRightIcon'" :class="cx('rowTogglerIcon')" v-bind="getColumnPT('rowTogglerIcon')" />
</button> </button>
<div v-if="checkboxSelectionMode && columnProp('expander')" :class="cx('checkboxWrapper')" @click="toggleCheckbox" v-bind="getColumnPT('checkboxWrapper')"> <div v-if="checkboxSelectionMode && columnProp('expander')" :class="cx('checkboxWrapper')" @click="toggleCheckbox" v-bind="getColumnCheckboxPT('checkboxWrapper')">
<div class="p-hidden-accessible" v-bind="getColumnPT('hiddenInputWrapper')" :data-p-hidden-accessible="true"> <div class="p-hidden-accessible" v-bind="getColumnPT('hiddenInputWrapper')" :data-p-hidden-accessible="true">
<input type="checkbox" @focus="onCheckboxFocus" @blur="onCheckboxBlur" tabindex="-1" v-bind="getColumnPT('hiddenInput')" /> <input type="checkbox" @focus="onCheckboxFocus" @blur="onCheckboxBlur" tabindex="-1" v-bind="getColumnPT('hiddenInput')" />
</div> </div>
@ -114,9 +114,14 @@ export default {
}, },
context: { context: {
index: this.index, index: this.index,
focused: this.checkboxFocused,
selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode, selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode,
selected: this.$parent.selected, selected: this.$parent.selected,
frozen: this.columnProp('frozen') frozen: this.columnProp('frozen'),
scrollable: this.$parentInstance.scrollable,
scrollDirection: this.$parentInstance.scrollDirection,
showGridlines: this.$parentInstance.showGridlines,
size: this.$parentInstance?.size
} }
}; };
@ -126,7 +131,7 @@ export default {
return this.column.props && this.column.props.pt ? this.column.props.pt : undefined; //@todo return this.column.props && this.column.props.pt ? this.column.props.pt : undefined; //@todo
}, },
getColumnCheckboxPT(key) { getColumnCheckboxPT(key) {
return this.ptmo(this.getColumnProp(), key, { const columnMetaData = {
props: this.column.props, props: this.column.props,
parent: { parent: {
props: this.$props, props: this.$props,
@ -137,7 +142,9 @@ export default {
focused: this.checkboxFocused, focused: this.checkboxFocused,
partialChecked: this.partialChecked partialChecked: this.partialChecked
} }
}); };
return mergeProps(this.ptm(`column.${key}`, { column: columnMetaData }), this.ptm(`column.${key}`, columnMetaData), this.ptmo(this.getColumnProp(), key, columnMetaData));
}, },
updateStickyPosition() { updateStickyPosition() {
if (this.columnProp('frozen')) { if (this.columnProp('frozen')) {

3
components/lib/treetable/FooterCell.vue
View File

@ -52,7 +52,8 @@ export default {
}, },
context: { context: {
index: this.index, index: this.index,
frozen: this.columnProp('frozen') frozen: this.columnProp('frozen'),
size: this.$parentInstance?.size
} }
}; };

8
components/lib/treetable/HeaderCell.vue
View File

@ -95,8 +95,12 @@ export default {
context: { context: {
index: this.index, index: this.index,
sorted: this.isColumnSorted(), sorted: this.isColumnSorted(),
frozen: this.columnProp('frozen'), frozen: this.$parentInstance.scrollable && this.columnProp('frozen'),
resizable: this.resizableColumns resizable: this.resizableColumns,
scrollable: this.$parentInstance.scrollable,
scrollDirection: this.$parentInstance.scrollDirection,
showGridlines: this.$parentInstance.showGridlines,
size: this.$parentInstance?.size
} }
}; };

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

@ -418,7 +418,8 @@ export default {
return { return {
context: { context: {
selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode, selectable: this.$parentInstance.rowHover || this.$parentInstance.rowSelectionMode,
selected: this.selected selected: this.selected,
scrollable: this.$parentInstance.scrollable
} }
}; };
} }