github links fixed

pull/3441/head
Tuğçe Küçükoğlu 2022-12-22 11:40:59 +03:00
parent 456c69eba0
commit 23cfd71f29
140 changed files with 147 additions and 152 deletions

View File

@ -1,7 +1,7 @@
<script lang="jsx"> <script lang="jsx">
import EventBus from './AppEventBus';
import LiveEditor from '@/pages/liveeditor/LiveEditor'; import LiveEditor from '@/pages/liveeditor/LiveEditor';
import { services, data } from '@/pages/liveeditor/LiveEditorData'; import { data, services } from '@/pages/liveeditor/LiveEditorData';
import EventBus from './AppEventBus';
export default { export default {
name: 'appdoc', name: 'appdoc',
@ -14,12 +14,15 @@ export default {
extPages: null, extPages: null,
extFiles: null, extFiles: null,
component: null, component: null,
github: null github: {
type: String,
default: 'index'
}
}, },
viewGithubListener: null, viewGithubListener: null,
mounted() { mounted() {
this.viewGithubListener = () => { this.viewGithubListener = () => {
window.open('https://github.com/primefaces/primevue/blob/master/src/views/' + this.github, '_blank'); window.open('https://github.com/primefaces/primevue/blob/master/pages/' + this.name.toLowerCase().replaceAll('demo', '/') + this.github + '.vue', '_blank');
}; };
EventBus.on('view-github', this.viewGithubListener); EventBus.on('view-github', this.viewGithubListener);
}, },

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="AccordionDemo" :sources="sources" github="accordion/AccordionDemo.vue"> <AppDoc name="AccordionDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Accordion from 'primevue/accordion'; import Accordion from 'primevue/accordion';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="AutoCompleteDemo" :sources="sources" :service="['CountryService']" :data="['countries']" github="autocomplete/AutoCompleteDemo.vue"> <AppDoc name="AutoCompleteDemo" :sources="sources" :service="['CountryService']" :data="['countries']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import AutoComplete from 'primevue/autocomplete'; import AutoComplete from 'primevue/autocomplete';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="AvatarDemo" :sources="sources" github="avatar/AvatarDemo.vue"> <AppDoc name="AvatarDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Avatar from 'primevue/avatar'; import Avatar from 'primevue/avatar';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="BadgeDemo" :sources="sources" github="badge/BadgeDemo.vue"> <AppDoc name="BadgeDemo" :sources="sources">
<h5>Getting Started</h5> <h5>Getting Started</h5>
<p>Badge can either be used as a standalone component or as a directive.</p> <p>Badge can either be used as a standalone component or as a directive.</p>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="BlockUIDemo" :sources="sources" github="blockui/BlockUIDemo.vue"> <AppDoc name="BlockUIDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import BlockUI from 'primevue/blockui'; import BlockUI from 'primevue/blockui';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="BreadcrumbDemo" :sources="sources" github="breadcrumb/BreadcrumbDemo.vue"> <AppDoc name="BreadcrumbDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Breadcrumb from 'primevue/breadcrumb'; import Breadcrumb from 'primevue/breadcrumb';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ButtonDemo" :sources="sources" github="button/ButtonDemo.vue"> <AppDoc name="ButtonDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Button from 'primevue/button'; import Button from 'primevue/button';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="CalendarDemo" :sources="sources" github="calendar/CalendarDemo.vue"> <AppDoc name="CalendarDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Calendar from 'primevue/calendar'; import Calendar from 'primevue/calendar';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="CardDemo" :sources="sources" github="card/CardDemo.vue"> <AppDoc name="CardDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Card from 'primevue/card'; import Card from 'primevue/card';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="CarouselDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="carousel/CarouselDemo.vue"> <AppDoc name="CarouselDemo" :sources="sources" :service="['ProductService']" :data="['products-small']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Carousel from 'primevue/carousel'; import Carousel from 'primevue/carousel';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="CascadeSelectDemo" :sources="sources" github="cascadeselect/CascadeSelectDemo.vue"> <AppDoc name="CascadeSelectDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import CascadeSelect from 'primevue/cascadeselect'; import CascadeSelect from 'primevue/cascadeselect';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/BarChartDemo.vue" /> <AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="Bar" />
</template> </template>
<script> <script>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/ComboChartDemo.vue" /> <AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="Combo" />
</template> </template>
<script> <script>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/DoughnutChartDemo.vue" /> <AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="Doughnut" />
</template> </template>
<script> <script>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/LineChartDemo.vue" /> <AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="Line" />
</template> </template>
<script> <script>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/PieChartDemo.vue" /> <AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="Pie" />
</template> </template>
<script> <script>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/PolarAreaChartDemo.vue" /> <AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="PolarArea" />
</template> </template>
<script> <script>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="chart/RadarChartDemo.vue" /> <AppDoc name="ChartDemo" :sources="sources" :dependencies="{ 'chart.js': '3.3.2' }" component="Chart" github="Radar" />
</template> </template>
<script> <script>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="CheckboxDemo" :sources="sources" github="checkbox/CheckboxDemo.vue"> <AppDoc name="CheckboxDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Checkbox from 'primevue/checkbox'; import Checkbox from 'primevue/checkbox';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChipDemo" :sources="sources" github="chip/ChipDemo.vue"> <AppDoc name="ChipDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Chip from 'primevue/chip'; import Chip from 'primevue/chip';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ChipsDemo" :sources="sources" github="chips/ChipsDemo.vue"> <AppDoc name="ChipsDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Chips from 'primevue/chips'; import Chips from 'primevue/chips';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ColorPickerDemo" :sources="sources" :extFiles="extFiles" github="colorpicker/ColorPickerDemo.vue"> <AppDoc name="ColorPickerDemo" :sources="sources" :extFiles="extFiles">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import ColorPicker from 'primevue/colorpicker'; import ColorPicker from 'primevue/colorpicker';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ConfirmDialogDemo" :sources="sources" github="confirmdialog/ConfirmDialogDemo.vue"> <AppDoc name="ConfirmDialogDemo" :sources="sources">
<h5>ConfirmationService</h5> <h5>ConfirmationService</h5>
<p>ConfirmDialog is controlled via the <i>ConfirmationService</i> that needs to be installed globally before the application instance is created.</p> <p>ConfirmDialog is controlled via the <i>ConfirmationService</i> that needs to be installed globally before the application instance is created.</p>
<pre v-code.script><code> <pre v-code.script><code>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ConfirmPopupDemo" :sources="sources" github="confirmpopup/ConfirmPopupDemo.vue"> <AppDoc name="ConfirmPopupDemo" :sources="sources">
<h5>ConfirmationService</h5> <h5>ConfirmationService</h5>
<p>ConfirmPopup is controlled via the <i>ConfirmationService</i> that needs to be installed globally before the application instance is created.</p> <p>ConfirmPopup is controlled via the <i>ConfirmationService</i> that needs to be installed globally before the application instance is created.</p>
<pre v-code.script><code> <pre v-code.script><code>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ContextMenuDemo" :sources="sources" github="contextmenu/ContextMenuDemo.vue"> <AppDoc name="ContextMenuDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import ContextMenu from 'primevue/contextmenu'; import ContextMenu from 'primevue/contextmenu';

View File

@ -55,7 +55,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableColGroupDemo" :sources="sources" github="datatable/DataTableColGroupDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" github="ColGroup" />
</div> </div>
</template> </template>

View File

@ -33,7 +33,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableColResizeDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableColResizeDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="ColResize" />
</div> </div>
</template> </template>

View File

@ -22,7 +22,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableColToggleDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableColToggleDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="ColToggle" />
</div> </div>
</template> </template>

View File

@ -25,7 +25,7 @@
<ContextMenu ref="cm" :model="menuModel" /> <ContextMenu ref="cm" :model="menuModel" />
</div> </div>
<AppDoc name="DataTableContextMenuDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableContextMenuDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="ContextMenu" />
</div> </div>
</template> </template>

View File

@ -171,7 +171,7 @@
</Dialog> </Dialog>
</div> </div>
<AppDoc name="DataTableCrudDemo" :sources="sources" :service="['ProductService']" :data="['products']" github="datatable/DataTableCrudDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products']" github="Crud" />
</div> </div>
</template> </template>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="DataTableBasicDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableBasicDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Basic" />
</template> </template>
<script> <script>

View File

@ -1,6 +1,6 @@
<template> <template>
<div class="content-section documentation"> <div class="content-section documentation">
<AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-small']" github="datatable/DataTableDemo.vue"> <AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-small']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import DataTable from 'primevue/datatable'; import DataTable from 'primevue/datatable';

View File

@ -16,7 +16,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableDynamicColumnsDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableDynamicColumnsDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="DynamicColumns" />
</div> </div>
</template> </template>

View File

@ -70,7 +70,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableEditDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableEditDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Edit" />
</div> </div>
</template> </template>

View File

@ -24,7 +24,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableExportDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableExportDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Export" />
</div> </div>
</template> </template>

View File

@ -220,7 +220,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableFilterDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTableFilterDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="Filter" />
</div> </div>
</template> </template>

View File

@ -17,7 +17,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableFlexScrollDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTableFlexScrollDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="FlexScroll" />
</div> </div>
</template> </template>

View File

@ -21,7 +21,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableGridLinesDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableGridLinesDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="GridLines" />
</div> </div>
</template> </template>

View File

@ -62,7 +62,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableLazyDemo" :sources="sources" :service="['CustomerService']" github="datatable/DataTableLazyDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" github="Lazy" />
</div> </div>
</template> </template>

View File

@ -63,7 +63,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTablePaginatorDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="datatable/DataTablePaginatorDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="Paginator" />
</div> </div>
</template> </template>

View File

@ -17,7 +17,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableReorderDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableReorderDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Reorder" />
</div> </div>
</template> </template>

View File

@ -50,7 +50,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableResponsiveDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableResponsiveDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Responsive" />
</div> </div>
</template> </template>

View File

@ -69,7 +69,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableRowExpandDemo" :sources="sources" :service="['ProductService']" :data="['products-orders-small']" github="datatable/DataTableRowExpandDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-orders-small']" github="RowExpand" />
</div> </div>
</template> </template>

View File

@ -115,7 +115,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableRowGroupDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium']" github="datatable/DataTableRowGroupDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium']" github="RowGroup" />
</div> </div>
</template> </template>

View File

@ -126,7 +126,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableScrollDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium', 'customers-large']" github="datatable/DataTableScrollDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium', 'customers-large']" github="Scroll" />
</div> </div>
</template> </template>

View File

@ -79,7 +79,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableSelectionDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSelectionDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Selection" />
</div> </div>
</template> </template>

View File

@ -40,7 +40,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableSizeDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSizeDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Size" />
</div> </div>
</template> </template>

View File

@ -71,7 +71,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableSortDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableSortDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Sort" />
</div> </div>
</template> </template>

View File

@ -142,7 +142,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableStateDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium']" github="datatable/DataTableStateDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['CustomerService']" :data="['customers-medium']" github="State" />
</div> </div>
</template> </template>

View File

@ -19,7 +19,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableStripedDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableStripedDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Striped" />
</div> </div>
</template> </template>

View File

@ -25,7 +25,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableStyleDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableStyleDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Style" />
</div> </div>
</template> </template>

View File

@ -43,7 +43,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableTemplatingDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="datatable/DataTableTemplatingDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="Templating" />
</div> </div>
</template> </template>

View File

@ -61,7 +61,7 @@
</div> </div>
</div> </div>
<AppDoc name="DataTableVirtualScrollDemo" :sources="sources" :service="['CarService']" github="datatable/DataTableVirtualScrollDemo.vue" /> <AppDoc name="DataTableDemo" :sources="sources" :service="['CarService']" github="VirtualScroll" />
</div> </div>
</template> </template>
@ -80,7 +80,7 @@ export default {
content: ` content: `
<template> <template>
<div> <div>
<div class="card"> <div class="card">
<h5>Preloaded Data (100000 Rows)</h5> <h5>Preloaded Data (100000 Rows)</h5>
<DataTable :value="cars" scrollable scrollHeight="400px" :virtualScrollerOptions="{ itemSize: 46 }"> <DataTable :value="cars" scrollable scrollHeight="400px" :virtualScrollerOptions="{ itemSize: 46 }">
<Column field="id" header="Id" style="min-width: '200px'"></Column> <Column field="id" header="Id" style="min-width: '200px'"></Column>
@ -185,7 +185,7 @@ export default {
content: ` content: `
<template> <template>
<div> <div>
<div class="card"> <div class="card">
<h5>Preloaded Data (100000 Rows)</h5> <h5>Preloaded Data (100000 Rows)</h5>
<DataTable :value="cars" scrollable scrollHeight="400px" :virtualScrollerOptions="{ itemSize: 46 }"> <DataTable :value="cars" scrollable scrollHeight="400px" :virtualScrollerOptions="{ itemSize: 46 }">
<Column field="id" header="Id" style="min-width: '200px'"></Column> <Column field="id" header="Id" style="min-width: '200px'"></Column>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="DataViewDemo" :sources="sources" :service="['ProductService']" :data="['products']" github="dataview/DataViewDemo.vue"> <AppDoc name="DataViewDemo" :sources="sources" :service="['ProductService']" :data="['products']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="DeferredContentDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="deferredcontent/DeferredContentDemo.vue"> <AppDoc name="DeferredContentDemo" :sources="sources" :service="['ProductService']" :data="['products-small']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import DeferredContent from 'primevue/deferredcontent'; import DeferredContent from 'primevue/deferredcontent';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="DialogDemo" :sources="sources" github="dialog/DialogDemo.vue"> <AppDoc name="DialogDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Dialog from 'primevue/dialog'; import Dialog from 'primevue/dialog';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="DividerDemo" :sources="sources" github="divider/DividerDemo.vue"> <AppDoc name="DividerDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Divider from 'primevue/divider'; import Divider from 'primevue/divider';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="DockDemo" :sources="sources" github="dock/DockDemo.vue" :service="['NodeService', 'PhotoService']" :data="['treenodes', 'photos']"> <AppDoc name="DockDemo" :sources="sources" :service="['NodeService', 'PhotoService']" :data="['treenodes', 'photos']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Dock from 'primevue/dock'; import Dock from 'primevue/dock';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="DropdownDemo" :sources="sources" github="dropdown/DropdownDemo.vue"> <AppDoc name="DropdownDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Dropdown from 'primevue/dropdown'; import Dropdown from 'primevue/dropdown';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="DynamicDialogDemo" :sources="sources" :extFiles="extFiles" :service="['ProductService']" :data="['products-small']" github="dynamicdialog/DynamicDialogDemo.vue"> <AppDoc name="DynamicDialogDemo" :sources="sources" :extFiles="extFiles" :service="['ProductService']" :data="['products-small']">
<h5>DialogService</h5> <h5>DialogService</h5>
<p>Dynamic dialogs require the <i>DialogService</i> to be configured globally.</p> <p>Dynamic dialogs require the <i>DialogService</i> to be configured globally.</p>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="EditorDemo" :sources="sources" :dependencies="{ quill: '^1.3.7' }" component="Editor" github="editor/EditorDemo.vue"> <AppDoc name="EditorDemo" :sources="sources" :dependencies="{ quill: '^1.3.7' }" component="Editor">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Editor from 'primevue/editor'; import Editor from 'primevue/editor';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="FieldsetDemo" :sources="sources" github="fieldset/FieldsetDemo.vue"> <AppDoc name="FieldsetDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Fieldset from 'primevue/fieldset'; import Fieldset from 'primevue/fieldset';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="FileUploadDemo" :sources="sources" github="fileupload/FileUploadDemo.vue"> <AppDoc name="FileUploadDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import FileUpload from 'primevue/fileupload'; import FileUpload from 'primevue/fileupload';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="FilterServiceDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']" github="filterservice/FilterServiceDemo.vue"> <AppDoc name="FilterServiceDemo" :sources="sources" :service="['CustomerService']" :data="['customers-large']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import &#123;FilterService&#125; from 'primevue/api'; import &#123;FilterService&#125; from 'primevue/api';

View File

@ -112,7 +112,7 @@
</div> </div>
</div> </div>
<AppDoc name="FloatLabelDemo" :sources="sources" :service="['CountryService', 'NodeService']" :data="['countries', 'treenodes']" github="floatlabel/FloatLabelDemo.vue" /> <AppDoc name="FloatLabelDemo" :sources="sources" :service="['CountryService', 'NodeService']" :data="['countries', 'treenodes']" />
</div> </div>
</template> </template>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="FocusTrapDemo" :sources="sources" github="focustrap/FocusTrapDemo.vue"> <AppDoc name="FocusTrapDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import FocusTrap from 'primevue/focustrap'; import FocusTrap from 'primevue/focustrap';

View File

@ -4,7 +4,6 @@
:sources="sources" :sources="sources"
:service="['EventService']" :service="['EventService']"
:data="['events']" :data="['events']"
github="fullcalendar/FullCalendarDemo.vue"
:dependencies="{ '@fullcalendar/core': '^5.7.2', '@fullcalendar/vue3': '^5.7.2', '@fullcalendar/daygrid': '^5.7.2', '@fullcalendar/interaction': '^5.7.2', '@fullcalendar/timegrid': '^5.7.2' }" :dependencies="{ '@fullcalendar/core': '^5.7.2', '@fullcalendar/vue3': '^5.7.2', '@fullcalendar/daygrid': '^5.7.2', '@fullcalendar/interaction': '^5.7.2', '@fullcalendar/timegrid': '^5.7.2' }"
component="FullCalendar" component="FullCalendar"
> >

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ImageDemo" :sources="sources" github="image/ImageDemo.vue"> <AppDoc name="ImageDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Image from 'primevue/image'; import Image from 'primevue/image';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="InplaceDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="inplace/InplaceDemo.vue"> <AppDoc name="InplaceDemo" :sources="sources" :service="['ProductService']" :data="['products-small']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Inplace from 'primevue/inplace'; import Inplace from 'primevue/inplace';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="InputGroupDemo" :sources="sources" github="inputgroup/InputGroupDemo.vue" /> <AppDoc name="InputGroupDemo" :sources="sources" />
</template> </template>
<script> <script>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="InputMaskDemo" :sources="sources" github="inputmask/InputMaskDemo.vue"> <AppDoc name="InputMaskDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import InputMask from 'primevue/inputmask'; import InputMask from 'primevue/inputmask';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="InputNumberDemo" :sources="sources" github="inputnumber/InputNumberDemo.vue"> <AppDoc name="InputNumberDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import InputNumber from 'primevue/inputnumber'; import InputNumber from 'primevue/inputnumber';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="InputSwitchDemo" :sources="sources" github="inputswitch/InputSwitchDemo.vue"> <AppDoc name="InputSwitchDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import InputSwitch from 'primevue/inputswitch'; import InputSwitch from 'primevue/inputswitch';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="InputTextDemo" :sources="sources" github="inputtext/InputTextDemo.vue"> <AppDoc name="InputTextDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import InputText from 'primevue/inputtext'; import InputText from 'primevue/inputtext';

View File

@ -51,7 +51,7 @@
</div> </div>
</div> </div>
<AppDoc name="InvalidDemo" :sources="sources" :service="['CountryService', 'NodeService']" :data="['countries', 'treenodes']" github="invalid/InvalidDemo.vue" /> <AppDoc name="InvalidDemo" :sources="sources" :service="['CountryService', 'NodeService']" :data="['countries', 'treenodes']" />
</div> </div>
</template> </template>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="KnobDemo" :sources="sources" github="knob/KnobDemo.vue"> <AppDoc name="KnobDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Knob from 'primevue/knob'; import Knob from 'primevue/knob';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ListboxDemo" :sources="sources" github="listbox/ListboxDemo.vue"> <AppDoc name="ListboxDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Listbox from 'primevue/listbox'; import Listbox from 'primevue/listbox';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="MegaMenuDemo" :sources="sources" github="megamenu/MegaMenuDemo.vue"> <AppDoc name="MegaMenuDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import MegaMenu from 'primevue/megamenu'; import MegaMenu from 'primevue/megamenu';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="MenuDemo" :sources="sources" github="menu/MenuDemo.vue"> <AppDoc name="MenuDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Menu from 'primevue/menu'; import Menu from 'primevue/menu';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="MenubarDemo" :sources="sources" github="menubar/MenubarDemo.vue"> <AppDoc name="MenubarDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Menubar from 'primevue/menubar'; import Menubar from 'primevue/menubar';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="MessageDemo" :sources="sources" github="message/MessageDemo.vue"> <AppDoc name="MessageDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Message from 'primevue/message'; import Message from 'primevue/message';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="MultiSelectDemo" :sources="sources" github="multiselect/MultiSelectDemo.vue"> <AppDoc name="MultiSelectDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import MultiSelect from 'primevue/multiselect'; import MultiSelect from 'primevue/multiselect';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="OrderListDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="orderlist/OrderListDemo.vue"> <AppDoc name="OrderListDemo" :sources="sources" :service="['ProductService']" :data="['products-small']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import OrderList from 'primevue/orderlist'; import OrderList from 'primevue/orderlist';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="OrganizationChartDemo" :sources="sources" github="organizationchart/OrganizationChartDemo.vue"> <AppDoc name="OrganizationChartDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import OrganizationChart from 'primevue/organizationchart'; import OrganizationChart from 'primevue/organizationchart';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="OverlayPanelDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="overlaypanel/OverlayPanelDemo.vue"> <AppDoc name="OverlayPanelDemo" :sources="sources" :service="['ProductService']" :data="['products-small']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import OverlayPanel from 'primevue/overlaypanel'; import OverlayPanel from 'primevue/overlaypanel';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="PaginatorDemo" :sources="sources" github="paginator/PaginatorDemo.vue"> <AppDoc name="PaginatorDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Paginator from 'primevue/paginator'; import Paginator from 'primevue/paginator';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="PanelDemo" :sources="sources" github="panel/PanelDemo.vue"> <AppDoc name="PanelDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Panel from 'primevue/panel'; import Panel from 'primevue/panel';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="PanelMenuDemo" :sources="sources" github="panelmenu/PanelMenuDemo.vue"> <AppDoc name="PanelMenuDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import PanelMenu from 'primevue/panelmenu'; import PanelMenu from 'primevue/panelmenu';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="PasswordDemo" :sources="sources" github="password/PasswordDemo.vue"> <AppDoc name="PasswordDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Password from 'primevue/password'; import Password from 'primevue/password';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="PickListDemo" :sources="sources" :service="['ProductService']" :data="['products-small']" github="picklist/PickListDemo.vue"> <AppDoc name="PickListDemo" :sources="sources" :service="['ProductService']" :data="['products-small']">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import PickList from 'primevue/picklist'; import PickList from 'primevue/picklist';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ProgressBarDemo" :sources="sources" github="progressbar/ProgressBarDemo.vue"> <AppDoc name="ProgressBarDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import ProgressBar from 'primevue/progressbar'; import ProgressBar from 'primevue/progressbar';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ProgressSpinnerDemo" :sources="sources" github="progressspinner/ProgressSpinnerDemo.vue"> <AppDoc name="ProgressSpinnerDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import ProgressSpinner from 'primevue/progressspinner'; import ProgressSpinner from 'primevue/progressspinner';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="RadioButtonDemo" :sources="sources" github="radiobutton/RadioButtonDemo.vue"> <AppDoc name="RadioButtonDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import RadioButton from 'primevue/radiobutton'; import RadioButton from 'primevue/radiobutton';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="RatingDemo" :sources="sources" github="rating/RatingDemo.vue"> <AppDoc name="RatingDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Rating from 'primevue/rating'; import Rating from 'primevue/rating';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="RippleDemo" :sources="sources" github="ripple/RippleDemo.vue"> <AppDoc name="RippleDemo" :sources="sources">
<h5>Getting Started</h5> <h5>Getting Started</h5>
<h5>Ripple</h5> <h5>Ripple</h5>
<p>Ripple is an optional animation for the supported components such as buttons. It is disabled by default and needs to be enabled at your app's entry file (e.g. main.js) during the PrimeVue setup.</p> <p>Ripple is an optional animation for the supported components such as buttons. It is disabled by default and needs to be enabled at your app's entry file (e.g. main.js) during the PrimeVue setup.</p>

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ScrollPanelDemo" :sources="sources" github="scrollpanel/ScrollPanelDemo.vue"> <AppDoc name="ScrollPanelDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import ScrollPanel from 'primevue/scrollpanel'; import ScrollPanel from 'primevue/scrollpanel';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="ScrollTopDemo" :sources="sources" github="scrolltop/ScrollTopDemo.vue"> <AppDoc name="ScrollTopDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import ScrollTop from 'primevue/scrolltop'; import ScrollTop from 'primevue/scrolltop';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="SelectButtonDemo" :sources="sources" github="selectbutton/SelectButtonDemo.vue"> <AppDoc name="SelectButtonDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import SelectButton from 'primevue/selectbutton'; import SelectButton from 'primevue/selectbutton';

View File

@ -1,5 +1,5 @@
<template> <template>
<AppDoc name="SidebarDemo" :sources="sources" github="sidebar/SidebarDemo.vue"> <AppDoc name="SidebarDemo" :sources="sources">
<h5>Import via Module</h5> <h5>Import via Module</h5>
<pre v-code.script><code> <pre v-code.script><code>
import Sidebar from 'primevue/sidebar'; import Sidebar from 'primevue/sidebar';

Some files were not shown because too many files have changed in this diff Show More