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

indent refactor

pull/1664/head
Tuğçe Küçükoğlu 2021-10-11 20:57:45 +03:00
parent b7c58933c8
commit 09dd79e6ea
133 changed files with 136 additions and 271 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/views/accordion/AccordionDoc.vue
View File

@ -591,8 +591,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/accordion/accordion.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/accordiontab/accordiontab.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Default</h5>
<p-accordion :active-index="0">
<p-accordiontab header="Header I">

3
src/views/autocomplete/AutoCompleteDoc.vue
View File

@ -698,8 +698,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/autocomplete/autocomplete.min.js"><\\/script>
<script src="./CountryService.js"><\\/script>`,
content:`
<div id="app">
content:`<div id="app">
<h5>Basic</h5>
<p-autocomplete v-model="selectedCountry1" :suggestions="filteredCountries" @complete="searchCountry($event)" field="name"></p-autocomplete>

3
src/views/avatar/AvatarDoc.vue
View File

@ -376,8 +376,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/avatar/avatar.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/avatargroup/avatargroup.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/badgedirective/badgedirective.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="p-grid">
<div class="p-col-12 p-md-4">
<div class="card">

3
src/views/badge/BadgeDoc.vue
View File

@ -255,8 +255,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/badge/badge.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/badgedirective/badgedirective.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Numbers</h5>
<p-badge value="2" class="p-mr-2"></p-badge>
<p-badge value="8" severity="success" class="p-mr-2"></p-badge>

3
src/views/blockui/BlockUIDoc.vue
View File

@ -273,8 +273,7 @@ button {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/blockui/blockui.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/panel/panel.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Document</h5>
<p-blockui :blocked="blockedDocument" :full-screen="true"></p-blockui>

3
src/views/breadcrumb/BreadcrumbDoc.vue
View File

@ -217,8 +217,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/breadcrumb/breadcrumb.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-breadcrumb :home="home" :model="items"></p-breadcrumb>
</div>

3
src/views/button/ButtonDoc.vue
View File

@ -632,8 +632,7 @@ export default({
},
'browser-source': {
tabName: 'Browser Source',
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Basic</h5>
<p-button label="Submit"></p-button>

3
src/views/calendar/CalendarDoc.vue
View File

@ -854,8 +854,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/calendar/calendar.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Popup</h5>
<div class="p-fluid p-grid p-formgrid">
<div class="p-field p-col-12 p-md-4">

3
src/views/card/CardDoc.vue
View File

@ -208,8 +208,7 @@ p {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/card/card.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-card style="width: 25rem; margin-bottom: 2em">
<template #title>
Simple Card

3
src/views/carousel/CarouselDoc.vue
View File

@ -582,8 +582,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/carousel/carousel.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<p-carousel :value="products" :num-visible="3" :num-scroll="3" :responsive-options="responsiveOptions">
<template #header>

3
src/views/checkbox/CheckboxDoc.vue
View File

@ -276,8 +276,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/checkbox/checkbox.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<div class="p-field-checkbox">
<p-checkbox id="binary" v-model="checked" :binary="true"></p-checkbox>

3
src/views/chip/ChipDoc.vue
View File

@ -245,8 +245,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/chip/chip.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<div class="p-d-flex p-ai-center p-flex-column p-flex-sm-row">
<p-chip label="Action" class="p-mr-2 p-mb-2"></p-chip>

3
src/views/chips/ChipsDoc.vue
View File

@ -259,8 +259,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/chips/chips.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="p-fluid">
<div class="card">
<h5>Basic</h5>

3
src/views/colorpicker/ColorPickerDoc.vue
View File

@ -235,8 +235,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/colorpicker/colorpicker.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Inline</h5>
<p-colorpicker v-model="color1" :inline="true"></p-colorpicker>

3
src/views/confirmdialog/ConfirmDialogDoc.vue
View File

@ -434,8 +434,7 @@ export default defineComponent({
<script src="https://unpkg.com/primevue@^3/confirmationservice/confirmationservice.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<p-confirmdialog></p-confirmdialog>
<p-confirmdialog group="positionDialog"></p-confirmdialog>

3
src/views/confirmpopup/ConfirmPopupDoc.vue
View File

@ -362,8 +362,7 @@ export default defineComponent({
<script src="https://unpkg.com/primevue@^3/confirmationservice/confirmationservice.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-confirmpopup></p-confirmpopup>
<p-toast></p-toast>

3
src/views/contextmenu/ContextMenuDoc.vue
View File

@ -672,8 +672,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/contextmenu/contextmenu.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<img alt="logo" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" @contextmenu="onImageRightClick" aria-haspopup="true">
<p-contextmenu ref="menu" :model="items"></p-contextmenu>
</div>

3
src/views/datatable/DataTableBasicDoc.vue
View File

@ -79,8 +79,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<p-datatable :value="products" responsive-layout="scroll">
<p-column field="code" header="Code"></p-column>

3
src/views/datatable/DataTableColGroupDemo.vue
View File

@ -273,8 +273,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/columngroup/columngroup.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/row/row.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="sales" responsive-layout="scroll">
<p-columngroup type="header">
<p-row>

3
src/views/datatable/DataTableColResizeDemo.vue
View File

@ -141,8 +141,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Fit Mode</h5>
<p-datatable :value="products" :resizable-columns="true" column-resize-mode="fit" show-gridlines responsive-layout="scroll">

3
src/views/datatable/DataTableColToggleDemo.vue
View File

@ -141,8 +141,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="products" responsive-layout="scroll">
<template #header>
<div style="text-align:left">

3
src/views/datatable/DataTableContextMenuDemo.vue
View File

@ -174,8 +174,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<p-datatable :value="products" context-menu v-model:context-menu-selection="selectedProduct" @row-contextmenu="onRowContextMenu" responsive-layout="scroll">

3
src/views/datatable/DataTableCrudDemo.vue
View File

@ -827,8 +827,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<p-toast></p-toast>

3
src/views/datatable/DataTableDoc.vue
View File

@ -3059,8 +3059,7 @@ img {
<script src="https://unpkg.com/primevue@^3/slider/slider.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/progressbar/progressbar.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="customers" :paginator="true" class="p-datatable-customers" :rows="10"
data-key="id" :row-hover="true" v-model:selection="selectedCustomers" v-model:filters="filters" filter-display="menu" :loading="loading"
paginator-template="FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink CurrentPageReport RowsPerPageDropdown" :rows-per-page-options="[10,25,50]"

4
src/views/datatable/DataTableDynamicColumnsDemo.vue
View File

@ -110,9 +110,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="products" responsive-layout="scroll">
<p-column v-for="col of columns" :field="col.field" :header="col.header" :key="col.field"></p-column>
</p-datatable>

3
src/views/datatable/DataTableEditDemo.vue
View File

@ -375,8 +375,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/dropdown/dropdown.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app" class="p-fluid card">
content: `<div id="app" class="p-fluid card">
<div class="card">
<h5>Cell Editing</h5>
<p>Validations, dynamic columns and reverting values with the escape key.</p>

3
src/views/datatable/DataTableExportDemo.vue
View File

@ -127,8 +127,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="products" ref="dt" responsive-layout="scroll">
<template #header>
<div style="text-align: left">

4
src/views/datatable/DataTableFilterDemo.vue
View File

@ -950,9 +950,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/slider/slider.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Filter Menu</h5>
<p>Filters are displayed in an overlay.</p>

3
src/views/datatable/DataTableFlexScrollDemo.vue
View File

@ -101,8 +101,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card" style="height: calc(100vh - 143px)">
<p-datatable :value="customers" :scrollable="true" scroll-height="flex">
<p-column field="name" header="Name"></p-column>

3
src/views/datatable/DataTableGridLinesDemo.vue
View File

@ -121,8 +121,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="products" show-gridlines responsive-layout="scroll">
<template #header>
Header

3
src/views/datatable/DataTableLazyDemo.vue
View File

@ -281,8 +281,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="customers" :lazy="true" :paginator="true" :rows="10" v-model:filters="filters" ref="dt"
:total-records="totalRecords" :loading="loading" @page="onPage($event)" @sort="onSort($event)" @filter="onFilter($event)" filter-display="row"
:global-filter-fields="['name','country.name', 'company', 'representative.name']" responsive-layout="scroll">

3
src/views/datatable/DataTablePaginatorDemo.vue
View File

@ -131,8 +131,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="customers" :paginator="true" :rows="10"
paginator-template="CurrentPageReport FirstPageLink PrevPageLink PageLinks NextPageLink LastPageLink RowsPerPageDropdown"
:rows-per-page-options="[10,20,50]" responsive-layout="scroll"

3
src/views/datatable/DataTableReorderDemo.vue
View File

@ -137,8 +137,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<p-datatable :value="products" :reorderable-columns="true" @column-reorder="onColReorder" @row-reorder="onRowReorder" responsive-layout="scroll">
<p-column :row-reorder="true" header-style="width: 3rem" :reorderable-column="false"></p-column>

3
src/views/datatable/DataTableResponsiveDemo.vue
View File

@ -215,8 +215,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/rating/rating.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<p-datatable :value="products" responsive-layout="scroll">
<template #header>

3
src/views/datatable/DataTableRowExpandDemo.vue
View File

@ -328,8 +328,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<p-datatable :value="products" v-model:expanded-rows="expandedRows" dataKey="id"

3
src/views/datatable/DataTableRowGroupDemo.vue
View File

@ -459,8 +459,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<div class="card">

3
src/views/datatable/DataTableScrollDemo.vue
View File

@ -597,8 +597,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/dialog/dialog.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/togglebutton/togglebutton.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Vertical</h5>
<p-datatable :value="customers1" :scrollable="true" scroll-height="400px" :loading="loading">

3
src/views/datatable/DataTableSelectionDemo.vue
View File

@ -329,8 +329,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/usetoast/usetoast.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<div class="card">

3
src/views/datatable/DataTableSizeDemo.vue
View File

@ -189,8 +189,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<p-datatable :value="products" class="p-datatable-sm" responsive-layout="scroll">
<template #header>

3
src/views/datatable/DataTableSortDemo.vue
View File

@ -271,8 +271,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Single Column</h5>
<p-datatable :value="products" responsive-layout="scroll">

3
src/views/datatable/DataTableStateDemo.vue
View File

@ -513,8 +513,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Session Storage</h5>
<p-datatable :value="customers" :paginator="true" :rows="10" v-model:filters="filters1"

3
src/views/datatable/DataTableStripedDemo.vue
View File

@ -104,8 +104,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="products" striped-rows responsive-layout="scroll">
<p-column field="code" header="Code"></p-column>
<p-column field="name" header="Name"></p-column>

3
src/views/datatable/DataTableStyleDemo.vue
View File

@ -192,8 +192,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="products" :row-class="rowClass" responsive-layout="scroll">
<p-column field="code" header="Code"></p-column>
<p-column field="name" header="Name"></p-column>

3
src/views/datatable/DataTableTemplatingDemo.vue
View File

@ -218,8 +218,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/rating/rating.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-datatable :value="products" responsive-layout="scroll">
<template #header>
<div class="table-header">

3
src/views/dataview/DataViewDoc.vue
View File

@ -928,8 +928,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/dropdown/dropdown.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/rating/rating.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<p-dataview :value="products" :layout="layout" :paginator="true" :rows="9" :sort-order="sortOrder" :sort-field="sortField">
<template #header>

3
src/views/deferredcontent/DeferredContentDoc.vue
View File

@ -187,8 +187,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<div style="height: 800px">

3
src/views/dialog/DialogDoc.vue
View File

@ -754,8 +754,7 @@ p {
},
'browser-source': {
tabName: 'Browser Source',
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<p-button label="Show" icon="pi pi-external-link" @click="openBasic"></p-button>
<p-dialog header="Header" v-model:visible="displayBasic" :style="{width: '50vw'}">

3
src/views/display/DisplayDoc.vue
View File

@ -123,8 +123,7 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
content: `
<div id="app">
content: `<div id="app">
<h5>Inline</h5>
<p-inputtext class="p-mr-2 p-d-inline"></p-inputtext>
<p-inputtext class="p-d-inline"></p-inputtext>

3
src/views/divider/DividerDoc.vue
View File

@ -478,8 +478,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/divider/divider.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Basic</h5>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation

3
src/views/dropdown/DropdownDoc.vue
View File

@ -834,8 +834,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/skeleton/skeleton.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<p-dropdown v-model="selectedCity1" :options="cities" option-label="name" option-value="code" placeholder="Select a City"></p-dropdown>

3
src/views/editor/EditorDoc.vue
View File

@ -239,8 +239,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/editor/editor.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Default</h5>
<p-editor v-model="value1" editor-style="height: 320px"></p-editor>

3
src/views/elevation/ElevationDoc.vue
View File

@ -97,8 +97,7 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
content: `
<div id="app">
content: `<div id="app">
<div class="p-grid">
<div class="p-col" v-for="index in 24" :key="index">
<div :class="['shadow-box', 'p-shadow-' + index]">

3
src/views/fieldset/FieldsetDoc.vue
View File

@ -249,8 +249,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/fieldset/fieldset.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Regular</h5>
<p-fieldset legend="Header">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3
src/views/fileupload/FileUploadDoc.vue
View File

@ -432,8 +432,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/fileupload/fileupload.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<h5>Advanced</h5>

3
src/views/filterservice/FilterServiceDoc.vue
View File

@ -370,8 +370,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./CustomerService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<p-datatable :value="customers" :paginator="true" :rows="10" responsive-layout="scroll"
data-key="id" v-model:filters="filters" filter-display="row" :loading="loading">

3
src/views/floatlabel/FloatLabelDemo.vue
View File

@ -733,8 +733,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
<script src="./CountryService.js"><\\/script>
<script src="./NodeService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<div class="p-fluid p-grid">
<div class="p-field p-col-12 p-md-4">

3
src/views/formlayout/FormLayoutDoc.vue
View File

@ -658,8 +658,7 @@ textarea {
<script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/dropdown/dropdown.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Vertical</h5>
<div class="p-fluid">

3
src/views/fullcalendar/FullCalendarDoc.vue
View File

@ -125,8 +125,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/fullcalendar/fullcalendar.min.js"><\\/script>
<script src="./EventService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-fullcalendar :events="events" :options="options"></p-fullcalendar>
</div>

3
src/views/grid/GridDoc.vue
View File

@ -1238,8 +1238,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/panel/panel.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="flexgrid-demo p-p-2">
<h5>Basic</h5>
<div class="p-grid">

3
src/views/image/ImageDoc.vue
View File

@ -204,8 +204,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/image/image.min.js"><\\/script>`,
content:`
<div id="app">
content:`<div id="app">
<h5>Basic</h5>
<p-image src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" alt="Image" width="250"></p-image>

3
src/views/inplace/InplaceDoc.vue
View File

@ -323,8 +323,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Input</h5>
<p-inplace :closable="true">
<template #display>

3
src/views/inputgroup/InputGroupDoc.vue
View File

@ -257,8 +257,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/checkbox/checkbox.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Addons</h5>
<div class="p-grid p-fluid">
<div class="p-col-12 p-md-4">

3
src/views/inputmask/InputMaskDoc.vue
View File

@ -242,8 +242,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/inputmask/inputmask.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="p-fluid p-formgrid p-grid">
<div class="p-field p-col-12 p-md-4">
<label for="basic">Basic</label>

3
src/views/inputnumber/InputNumberDoc.vue
View File

@ -677,8 +677,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@version/inputnumber/inputnumber.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Numerals</h5>
<div class="p-fluid p-grid p-formgrid">
<div class="p-field p-col-12 p-md-3">

3
src/views/inputswitch/InputSwitchDoc.vue
View File

@ -207,8 +207,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/inputswitch/inputswitch.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<p-inputswitch v-model="checked1"></p-inputswitch>

3
src/views/inputtext/InputTextDoc.vue
View File

@ -321,8 +321,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@version/inputtext/inputtext.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Basic</h5>
<p-inputtext type="text" v-model="value1"></p-inputtext>

3
src/views/invalid/InvalidDemo.vue
View File

@ -537,8 +537,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/textarea/textarea.min.js"><\\/script>
<script src="./CountryService.js"><\\/script>
<script src="./NodeService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="p-fluid p-grid">
<div class="p-field p-col-12 p-md-4">
<p-inputtext id="inputtext" type="text" v-model="value1" placeholder="InputText" class="p-invalid"></p-inputtext>

3
src/views/knob/KnobDoc.vue
View File

@ -344,8 +344,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/knob/knob.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="p-grid p-formgrid p-text-center">
<div class="p-field p-col-12 p-md-4">
<h5>Basic</h5>

3
src/views/listbox/ListboxDoc.vue
View File

@ -567,8 +567,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/listbox/listbox.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Single</h5>
<p-listbox v-model="selectedCity" :options="cities" option-label="name" style="width:15rem"></p-listbox>

3
src/views/megamenu/MegaMenuDoc.vue
View File

@ -577,8 +577,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/megamenu/megamenu.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Horizontal</h5>
<p-megamenu :model="items"></p-megamenu>

3
src/views/menu/MenuDoc.vue
View File

@ -401,8 +401,7 @@ export default {
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<h5>Inline</h5>

3
src/views/menubar/MenubarDoc.vue
View File

@ -600,8 +600,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/menubar/menubar.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-menubar :model="items">
<template #start>
<img alt="logo" src="https://www.primefaces.org/wp-content/uploads/2020/05/placeholder.png" height="40" class="p-mr-2">

3
src/views/message/MessageDoc.vue
View File

@ -421,8 +421,7 @@ button.p-button {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/message/message.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/inlinemessage/inlinemessage.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Severities</h5>
<p-message severity="success">Success Message Content</p-message>
<p-message severity="info">Info Message Content</p-message>

3
src/views/multiselect/MultiSelectDoc.vue
View File

@ -840,8 +840,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/multiselect/multiselect.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<p-multiselect v-model="selectedCities1" :options="cities" option-label="name" placeholder="Select Cities"></p-multiselect>

3
src/views/orderlist/OrderListDoc.vue
View File

@ -427,8 +427,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/orderlist/orderlist.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<p-orderlist v-model="products" listStyle="height:auto" dataKey="id">
<template #header>

3
src/views/organizationchart/OrganizationChartDoc.vue
View File

@ -922,8 +922,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/organizationchart/organizationchart.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<div class="card">

3
src/views/overlaypanel/OverlayPanelDoc.vue
View File

@ -336,8 +336,7 @@ button {
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<p-button type="button" icon="pi pi-search" :label="selectedProduct ? selectedProduct.name : 'Select a Product'" @click="toggle" aria:haspopup="true" aria-controls="overlay_panel"></p-button>

3
src/views/paginator/PaginatorDoc.vue
View File

@ -384,8 +384,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/paginator/paginator.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<p-paginator :rows="10" :total-records="totalRecords" :rows-per-page-options="[10,20,30]"></p-paginator>

3
src/views/panel/PanelDoc.vue
View File

@ -395,8 +395,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/menu/menu.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<h5>Regular</h5>

3
src/views/panelmenu/PanelMenuDoc.vue
View File

@ -849,8 +849,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/vue-router@4.0.0/dist/vue-router.global.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/panelmenu/panelmenu.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Default</h5>
<p-panelmenu :model="items"></p-panelmenu>

3
src/views/password/PasswordDoc.vue
View File

@ -356,8 +356,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/password/password.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/divider/divider.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<p-password v-model="value1" :feedback="false"></p-password>

3
src/views/picklist/PickListDoc.vue
View File

@ -485,8 +485,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/picklist/picklist.min.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-picklist v-model="products" list-style="height:342px" data-key="id">
<template #sourceHeader>
Available

5
src/views/progressbar/ProgressBarDoc.vue
View File

@ -221,13 +221,12 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/progressbar/progressbar.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Dynamic</h5>
<p-progressbar :value="value1"></p-progressbar>
<h5>Static</h5>
<p-progressbar :value="value2" :showValue="false"></p-progressbar>
<p-progressbar :value="value2" :show-value="false"></p-progressbar>
<h5>Indeterminate</h5>
<p-progressbar mode="indeterminate" style="height: .5em"></p-progressbar>

3
src/views/progressspinner/ProgressSpinnerDoc.vue
View File

@ -147,8 +147,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/progressspinner/progressspinner.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<p-progressspinner></p-progressspinner>

3
src/views/radiobutton/RadioButtonDoc.vue
View File

@ -249,8 +249,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/radiobutton/radiobutton.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic</h5>
<div class="p-field-radiobutton">
<p-radiobutton id="city1" name="city" value="Chicago" v-model="city"></p-radiobutton>

3
src/views/rating/RatingDoc.vue
View File

@ -203,8 +203,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/rating/rating.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Basic {{val1}}</h5>
<p-rating v-model="val1"></p-rating>

3
src/views/responsive/ResponsiveDemo.vue
View File

@ -2563,8 +2563,7 @@ export default {
<script src="./CustomerService.js"><\\/script>
<script src="./CountryService.js"><\\/script>
<script src="./ProductService.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h1>Responsive Design</h1>
<div class="p-grid">
<div class="p-col-12 p-md-6 p-fluid">

3
src/views/ripple/RippleDoc.vue
View File

@ -225,8 +225,7 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
content: `
<div id="app" class="p-d-flex">
content: `<div id="app" class="p-d-flex">
<div class="card primary-box p-ripple" v-ripple>Default</div>
<div class="card styled-box-green p-ripple" v-ripple>Green</div>
<div class="card styled-box-orange p-ripple" v-ripple>Orange</div>

3
src/views/scrollpanel/ScrollPanelDoc.vue
View File

@ -308,8 +308,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/scrollpanel/scrollpanel.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="p-grid">
<div class="p-col-12 p-md-4 p-p-5">
<p-scrollpanel style="width: 100%; height: 200px">

3
src/views/scrolltop/ScrollTopDoc.vue
View File

@ -205,8 +205,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/scrolltop/scrolltop.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/scrollpanel/scrollpanel.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Element</h5>
<p-scrollpanel style="width: 250px; height: 200px">
<p>

3
src/views/selectbutton/SelectButtonDoc.vue
View File

@ -269,8 +269,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/selectbutton/selectbutton.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Single Selection</h5>
<p-selectbutton v-model="value1" :options="options"></p-selectbutton>

3
src/views/sidebar/SidebarDoc.vue
View File

@ -308,8 +308,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/sidebar/sidebar.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-button icon="pi pi-arrow-right" @click="visibleLeft = true" class="p-mr-2"></p-button>
<p-button icon="pi pi-arrow-left" @click="visibleRight = true" class="p-mr-2"></p-button>
<p-button icon="pi pi-arrow-down" @click="visibleTop = true" class="p-mr-2"></p-button>

3
src/views/skeleton/SkeletonDoc.vue
View File

@ -455,8 +455,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/skeleton/skeleton.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/datatable/datatable.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/column/column.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<div class="p-grid p-formgrid">
<div class="p-field p-col-12 p-md-6">

3
src/views/slider/SliderDoc.vue
View File

@ -290,8 +290,7 @@ export default {
'browser-source': {
imports: `<script src="https://unpkg.com/primevue@^3/slider/slider.min.js"><\\/script>`,
tabName: 'Browser Source',
content: `
<div id="app">
content: `<div id="app">
<h5>Basic: {{value1}}</h5>
<p-slider v-model="value1"></p-slider>

3
src/views/spacing/SpacingDoc.vue
View File

@ -235,8 +235,7 @@ export default {
},
'browser-source': {
tabName: 'Browser Source',
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Margin</h5>
<h6>Without Spacing</h6>

3
src/views/speeddial/SpeedDialDoc.vue
View File

@ -711,8 +711,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/tooltip/tooltip.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<div class="card">
<h5>Linear</h5>

3
src/views/splitbutton/SplitButtonDoc.vue
View File

@ -609,8 +609,7 @@ export default {
imports: `<script src="https://unpkg.com/primevue@^3/splitbutton/splitbutton.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toast/toast.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/toastservice/toastservice.min.js"><\\/script>`,
content:`
<div id="app">
content:`<div id="app">
<p-toast></p-toast>
<h5>Basic</h5>

3
src/views/splitter/SplitterDoc.vue
View File

@ -390,8 +390,7 @@ export default {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/splitter/splitter.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/splitterpanel/splitterpanel.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<div class="card">
<h5>Horizontal</h5>
<p-splitter style="height: 300px" class="p-mb-5">

3
src/views/steps/StepsDoc.vue
View File

@ -333,8 +333,7 @@ export default {
<script src="https://unpkg.com/primevue@^3/inputnumber/inputnumber.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/inputmask/inputmask.min.js"><\\/script>
<script src="https://unpkg.com/primevue@^3/checkbox/checkbox.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<p-toast></p-toast>
<div class="card">

3
src/views/styleclass/StyleClassDoc.vue
View File

@ -251,8 +251,7 @@ export default {
'browser-source': {
tabName: 'Browser Source',
imports: `<script src="https://unpkg.com/primevue@^3/styleclass/styleclass.min.js"><\\/script>`,
content: `
<div id="app">
content: `<div id="app">
<h5>Toggle Class</h5>
<p-button label="Toggle p-disabled" v-styleclass="{ selector: '@next', toggleClass: 'p-disabled' }"></p-button>
<p-inputtext class="p-d-block p-mt-3"></p-inputtext>

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