primevue-mirror/apps/showcase/api-generator/components/organizationchart.js

109 lines
2.7 KiB
JavaScript
Raw Normal View History

const OrganizationChartProps = [
{
2022-09-14 14:26:41 +00:00
name: 'value',
type: 'any',
default: 'null',
description: 'Value of the component.'
},
{
2022-09-14 14:26:41 +00:00
name: 'selectionKeys',
type: 'object',
default: 'null',
description: 'A map instance of key-value pairs to represented the selected nodes.'
},
{
2022-09-14 14:26:41 +00:00
name: 'selectionMode',
type: 'string',
default: 'null',
description: 'Type of the selection, valid values are "single" and "multiple".'
},
{
2022-09-14 14:26:41 +00:00
name: 'collapsible',
type: 'boolean',
default: 'false',
description: 'Whether the nodes can be expanded or toggled.'
},
{
2022-09-14 14:26:41 +00:00
name: 'collapsedKeys',
type: 'object',
default: 'null',
description: 'A map instance of key-value pairs to represented the collapsed nodes.'
2023-05-10 08:07:14 +00:00
},
{
name: 'pt',
type: 'any',
default: 'null',
2023-08-01 14:01:12 +00:00
description: 'Used to pass attributes to DOM elements inside the component.'
2023-07-06 13:20:37 +00:00
},
{
name: 'unstyled',
type: 'boolean',
default: 'false',
description: 'When enabled, it removes component related styles in the core.'
}
];
const OrganizationChartEvents = [
{
2022-09-14 14:26:41 +00:00
name: 'node-select',
description: 'Callback to invoke when a node is selected.',
arguments: [
{
2022-09-14 14:26:41 +00:00
name: 'node',
type: 'object',
description: 'Node instance'
}
]
},
{
2022-09-14 14:26:41 +00:00
name: 'node-unselect',
description: 'Callback to invoke when a node is unselected.',
arguments: [
{
2022-09-14 14:26:41 +00:00
name: 'node',
type: 'object',
description: 'Node instance'
}
]
},
{
2022-09-14 14:26:41 +00:00
name: 'node-expand',
description: 'Callback to invoke when a node is expanded.',
arguments: [
{
2022-09-14 14:26:41 +00:00
name: 'node',
type: 'object',
description: 'Node instance'
}
]
},
{
2022-09-14 14:26:41 +00:00
name: 'node-collapse',
description: 'Callback to invoke when a node is collapsed.',
arguments: [
{
2022-09-14 14:26:41 +00:00
name: 'node',
type: 'object',
description: 'Node instance'
}
]
}
];
const OrganizationChartSlots = [
{
2024-05-27 09:24:31 +00:00
name: 'toggleicon',
description: 'Custom toggler icon template.'
}
];
module.exports = {
organizationchart: {
2022-09-14 14:26:41 +00:00
name: 'OrganizationChart',
description: 'OrganizationChart visualizes hierarchical organization data.',
props: OrganizationChartProps,
events: OrganizationChartEvents,
slots: OrganizationChartSlots
}
};