primevue-mirror/pages/organizationchart/index.vue

60 lines
2.0 KiB
Vue
Raw Normal View History

2022-09-09 20:41:18 +00:00
<template>
2023-05-10 08:08:33 +00:00
<DocComponent title="Vue Organization Chart Component" header="OrganizationChart" description="OrganizationChart visualizes hierarchical organization data." :componentDocs="docs" :apiDocs="['OrganizationChart']" :ptTabComponent="ptComponent" />
2022-09-09 20:41:18 +00:00
</template>
2023-02-28 08:29:30 +00:00
2022-09-09 20:41:18 +00:00
<script>
2023-02-28 08:29:30 +00:00
import AccessibilityDoc from '@/doc/organizationchart/AccessibilityDoc';
import BasicDoc from '@/doc/organizationchart/BasicDoc';
import ColoredDoc from '@/doc/organizationchart/ColoredDoc';
import ImportDoc from '@/doc/organizationchart/ImportDoc';
import SelectionDoc from '@/doc/organizationchart/SelectionDoc';
import StyleDoc from '@/doc/organizationchart/StyleDoc';
import TemplateDoc from '@/doc/organizationchart/TemplateDoc';
2023-05-10 08:08:33 +00:00
import PTComponent from '@/doc/organizationchart/pt/index.vue';
2022-09-09 20:41:18 +00:00
export default {
data() {
return {
2023-02-28 08:29:30 +00:00
docs: [
{
id: 'import',
label: 'Import',
component: ImportDoc
},
{
id: 'basic',
label: 'Basic',
component: BasicDoc
},
{
id: 'template',
label: 'Template',
component: TemplateDoc
},
{
id: 'selection',
label: 'Selection',
component: SelectionDoc
},
{
id: 'colored',
label: 'Colored',
component: ColoredDoc
},
{
id: 'style',
label: 'Style',
component: StyleDoc
},
{
id: 'accessibility',
label: 'Accessibility',
component: AccessibilityDoc
}
2023-05-10 08:08:33 +00:00
],
ptComponent: PTComponent
2022-09-09 20:41:18 +00:00
};
}
};
</script>