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

Merge pull request #5453 from ig-onoffice-de/pass-class-to-nodeicon-slot 

(fix)Tree: Pass class to TreeNodes nodeIcon slot
pull/5467/head
Tuğçe Küçükoğlu 2024-03-22 12:13:21 +03:00 committed by GitHub
parent 0d4f5f28b9 f2a1d9f766
commit bca0dd6b5a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 6 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/tree/Tree.d.ts vendored
View File

@ -361,6 +361,10 @@ export interface TreeSlots {
* Tree node instance * Tree node instance
*/ */
node: TreeNode; node: TreeNode;
/**
* Style class of the icon.
*/
class: string;
}): VNode[]; }): VNode[];
/** /**
* Custom checkbox icon * Custom checkbox icon

2
components/lib/tree/Tree.spec.js
View File

@ -63,7 +63,7 @@ describe('Tree.vue', () => {
it('should render icon slot', ({ expect }) => { it('should render icon slot', ({ expect }) => {
let wrapper = mount(Tree, { let wrapper = mount(Tree, {
slots: { slots: {
nodeIcon: `<i data-node-icon/>` nodeicon: `<i data-node-icon/>`
}, },
props: { props: {
value: [ value: [

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

@ -32,7 +32,7 @@
<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')" />
</template> </template>
</Checkbox> </Checkbox>
<component v-if="templates['nodeicon']" :is="templates['nodeicon']" :node="node"></component> <component v-if="templates['nodeicon']" :is="templates['nodeicon']" :node="node" :class="[cx('nodeIcon')]"></component>
<span v-else :class="[cx('nodeIcon'), node.icon]" v-bind="getPTOptions('nodeIcon')"></span> <span v-else :class="[cx('nodeIcon'), node.icon]" v-bind="getPTOptions('nodeIcon')"></span>
<span :class="cx('label')" v-bind="getPTOptions('label')" @keydown.stop> <span :class="cx('label')" v-bind="getPTOptions('label')" @keydown.stop>
<component v-if="templates[node.type] || templates['default']" :is="templates[node.type] || templates['default']" :node="node" /> <component v-if="templates[node.type] || templates['default']" :is="templates[node.type] || templates['default']" :node="node" />