2023-10-02 10:46:09 +00:00
|
|
|
import BaseStyle from 'primevue/base/style';
|
|
|
|
|
|
|
|
const classes = {
|
|
|
|
root: 'p-organizationchart p-component',
|
|
|
|
table: 'p-organizationchart-table',
|
2024-04-25 22:54:53 +00:00
|
|
|
node: ({ instance }) => ['p-organizationchart-node', { 'p-organizationchart-node-selectable': instance.selectable, 'p-highlight': instance.selected }],
|
|
|
|
nodeToggler: 'p-organizationchart-node-toggle-button',
|
|
|
|
nodeTogglerIcon: 'p-organizationchart-node-toggle-button-icon',
|
|
|
|
lines: 'p-organizationchart-connectors',
|
|
|
|
lineDown: 'p-organizationchart-connector-down',
|
|
|
|
lineLeft: ({ index }) => ['p-organizationchart-connector-left', { 'p-organizationchart-connector-top': !(index === 0) }],
|
|
|
|
lineRight: ({ props, index }) => ['p-organizationchart-connector-right', { 'p-organizationchart-connector-top': !(index === props.node.children.length - 1) }],
|
|
|
|
nodes: 'p-organizationchart-node-children'
|
2023-10-02 10:46:09 +00:00
|
|
|
};
|
|
|
|
|
|
|
|
export default BaseStyle.extend({
|
|
|
|
name: 'organizationchart',
|
|
|
|
classes
|
|
|
|
});
|