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

Doc Section Text updates

pull/6449/head
tugcekucukoglu 2024-09-20 15:22:44 +03:00
parent 2d64e321c2
commit cb52bf2e19
82 changed files with 67 additions and 149 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
apps/showcase/doc/accordion/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Accordion value="0">
<AccordionPanel value="0">

5
apps/showcase/doc/avatar/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<div class="flex flex-wrap gap-8">
<AvatarGroup>
<Avatar label="P" size="xlarge" shape="circle" />
@ -17,7 +16,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Avatar'),
key: 'Avatar'

5
apps/showcase/doc/badge/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<div class="flex flex-wrap gap-8">
<Badge value="2"></Badge>
<OverlayBadge value="3">
@ -16,7 +15,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Badge'),
key: 'Badge'

5
apps/showcase/doc/blockui/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<BlockUI blocked>
<Panel header="Basic">
<p class="m-0">
@ -18,7 +17,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('BlockUI'),
key: 'BlockUI'

5
apps/showcase/doc/breadcrumb/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Breadcrumb :home="home" :model="items" />
</DocPTViewer>
</template>
@ -15,7 +14,7 @@ export default {
icon: 'pi pi-home'
},
items: [{ label: 'Electronics' }, { label: 'Computer', icon: 'pi pi-desktop' }, { label: 'Accessories' }, { label: 'Keyboard' }, { label: 'Wireless' }],
ptViewerDoc: [
docs: [
{
data: getPTOptions('Breadcrumb'),
key: 'Breadcrumb'

1
apps/showcase/doc/button/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Button label="Profile" icon="pi pi-user" severity="secondary" badge="2" badgeSeverity="contrast" />
</DocPTViewer>

1
apps/showcase/doc/card/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Card style="width: 25rem">
<template #title>Advanced Card</template>

1
apps/showcase/doc/carousel/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Carousel :value="products" :numVisible="1" :numScroll="1" :responsiveOptions="responsiveOptions" class="!w-3/4 !p-2">
<template #item="slotProps">

5
apps/showcase/doc/cascadeselect/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<CascadeSelect v-model="selectedCity" :options="countries" optionLabel="cname" optionGroupLabel="name" :optionGroupChildren="['states', 'cities']" style="min-width: 14rem" placeholder="Select a City" />
</DocPTViewer>
</template>
@ -86,7 +85,7 @@ export default {
]
}
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('CascadeSelect'),
key: 'CascadeSelect'

5
apps/showcase/doc/chart/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Chart type="bar" :data="chartData" :options="chartOptions" />
</DocPTViewer>
</template>
@ -14,7 +13,7 @@ export default {
return {
chartData: null,
chartOptions: null,
ptViewerDoc: [
docs: [
{
data: getPTOptions('Chart'),
key: 'Chart'

1
apps/showcase/doc/checkbox/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Checkbox v-model="checked" :binary="true" />
</DocPTViewer>

5
apps/showcase/doc/chip/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<div class="flex flex-wrap gap-8">
<Chip label="Microsoft" icon="pi pi-microsoft" removable />
<Chip label="Xuxue Feng" image="https://primefaces.org/cdn/primevue/images/avatar/xuxuefeng.png" removable />
@ -14,7 +13,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Chip'),
key: 'Chip'

1
apps/showcase/doc/colorpicker/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<ColorPicker v-model="color" inline />
</DocPTViewer>

5
apps/showcase/doc/confirmpopup/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<ConfirmPopup group="ptviewer"></ConfirmPopup>
<Button ref="btn" @click="confirm1($event)" label="Open Popup" outlined></Button>
</DocPTViewer>
@ -12,7 +11,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('ConfirmPopup'),
key: 'ConfirmPopup'

5
apps/showcase/doc/contextmenu/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<img id="logo" alt="Logo" src="https://primefaces.org/cdn/primevue/images/nature/nature2.jpg" class="w-full md:w-[20rem] rounded shadow-lg" @contextmenu="onImageRightClick" aria-haspopup="true" />
<ContextMenu ref="menu" appendTo="#logo" :model="items" />
</DocPTViewer>
@ -16,7 +15,7 @@ export default {
{ label: 'Copy', icon: 'pi pi-copy' },
{ label: 'Rename', icon: 'pi pi-file-edit' }
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('ContextMenu'),
key: 'ContextMenu'

1
apps/showcase/doc/datatable/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<DataTable :value="products" tableStyle="min-width: 50rem">
<Column field="code" header="Code"></Column>

1
apps/showcase/doc/dataview/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<DataView :value="products">
<template #list="slotProps">

1
apps/showcase/doc/datepicker/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<DatePicker v-model="date" showIcon fluid iconDisplay="input" />
</DocPTViewer>

1
apps/showcase/doc/deferredcontent/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<DeferredContent>
<img src="https://primefaces.org/cdn/primevue/images/nature/nature4.jpg" alt="Nature" />

5
apps/showcase/doc/dialog/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Dialog v-model:visible="visible" appendTo="#doc-ptviewer" header="Edit Profile" maximizable pt:mask="!relative" :draggable="false" class="!my-auto" :style="{ width: '25rem' }">
<span class="text-surface-500 dark:text-surface-400 block mb-8">Update your information.</span>
<div class="flex items-center gap-4 mb-4">
@ -28,7 +27,7 @@ export default {
data() {
return {
visible: true,
ptViewerDoc: [
docs: [
{
data: getPTOptions('Dialog'),
key: 'Dialog'

1
apps/showcase/doc/divider/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Asperiores debitis praesentium aliquam.</p>

5
apps/showcase/doc/dock/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<div class="relative w-full">
<Dock :model="items">
<template #itemicon="{ item }">
@ -35,7 +34,7 @@ export default {
icon: 'https://primefaces.org/cdn/primevue/images/dock/trash.png'
}
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('Dock'),
key: 'Dock'

1
apps/showcase/doc/editor/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Editor v-model="value" editorStyle="height: 320px" />
</DocPTViewer>

1
apps/showcase/doc/fieldset/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Fieldset legend="Header" toggleable>
<p class="m-0">

1
apps/showcase/doc/fileupload/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<div class="w-full">
<FileUpload name="demo[]" url="/api/upload" :multiple="true" accept="image/*" :maxFileSize="1000000">

1
apps/showcase/doc/floatlabel/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<FloatLabel>
<InputText id="username" v-model="value" autocomplete="off" />

5
apps/showcase/doc/fluid/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Fluid>
<InputText />
</Fluid>
@ -13,7 +12,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Fluid'),
key: 'Fluid'

1
apps/showcase/doc/galleria/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Galleria :value="images" :responsiveOptions="responsiveOptions" showItemNavigators :numVisible="5" containerStyle="max-width: 640px">
<template #item="slotProps">

1
apps/showcase/doc/iconfield/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<IconField>
<InputIcon class="pi pi-search" />

1
apps/showcase/doc/iftalabel/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<IftaLabel>
<InputText id="username" v-model="value" autocomplete="off" />

1
apps/showcase/doc/image/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Image src="https://primefaces.org/cdn/primevue/images/galleria/galleria10.jpg" alt="Image" width="250" preview />
</DocPTViewer>

5
apps/showcase/doc/inplace/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Inplace>
<template #display> View Content </template>
<template #content>
@ -19,7 +18,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Inplace'),
key: 'Inplace'

1
apps/showcase/doc/inputgroup/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<InputGroup>
<InputGroupAddon>$</InputGroupAddon>

1
apps/showcase/doc/inputmask/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<InputMask id="basic" v-model="value" mask="99-999999" placeholder="99-999999" />
</DocPTViewer>

1
apps/showcase/doc/inputnumber/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<InputNumber v-model="value" inputId="stacked-buttons" showButtons mode="currency" currency="USD" />
</DocPTViewer>

1
apps/showcase/doc/inputotp/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<InputOtp v-model="value" />
</DocPTViewer>

1
apps/showcase/doc/inputtext/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<InputText v-model="value" placeholder="Username" />
</DocPTViewer>

1
apps/showcase/doc/knob/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Knob v-model="value" />
</DocPTViewer>

1
apps/showcase/doc/listbox/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Listbox v-model="selectedCity" filter checkmark :highlightOnSelect="false" :options="groupedCities" optionLabel="label" optionGroupLabel="label" optionGroupChildren="items" class="w-full md:w-56" listStyle="max-height:250px">
<template #optiongroup="slotProps">

5
apps/showcase/doc/megamenu/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<MegaMenu :model="items" />
</DocPTViewer>
</template>
@ -71,7 +70,7 @@ export default {
]
}
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('MegaMenu'),
key: 'MegaMenu'

5
apps/showcase/doc/menu/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Menu :model="items" />
</DocPTViewer>
</template>
@ -42,7 +41,7 @@ export default {
]
}
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('Menu'),
key: 'Menu'

5
apps/showcase/doc/menubar/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Menubar :model="items" />
</DocPTViewer>
</template>
@ -57,7 +56,7 @@ export default {
icon: 'pi pi-envelope'
}
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('Menubar'),
key: 'Menubar'

1
apps/showcase/doc/message/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Message closable severity="info" icon="pi pi-send">Info Message</Message>
</DocPTViewer>

5
apps/showcase/doc/metergroup/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<MeterGroup :value="value" />
</DocPTViewer>
</template>
@ -17,7 +16,7 @@ export default {
{ label: 'Media', color: '#60a5fa', value: 24, icon: 'pi pi-image' },
{ label: 'System', color: '#c084fc', value: 10, icon: 'pi pi-cog' }
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('MeterGroup'),
key: 'MeterGroup'

1
apps/showcase/doc/multiselect/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<MultiSelect v-model="selectedCities" :options="groupedCities" optionLabel="label" filter optionGroupLabel="label" optionGroupChildren="items" display="chip" placeholder="Select Cities" class="w-full md:w-80">
<template #optiongroup="slotProps">

1
apps/showcase/doc/orderlist/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<OrderList v-model="products" dataKey="id" breakpoint="575px" pt:pcList:root="w-full sm:w-56">
<template #option="{ option }">

1
apps/showcase/doc/organizationchart/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<OrganizationChart :value="data" collapsible>
<template #default="slotProps">

5
apps/showcase/doc/paginator/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<div class="w-full">
<Paginator :rows="10" :totalRecords="120" :rowsPerPageOptions="[10, 20, 30]"></Paginator>
</div>
@ -13,7 +12,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Paginator'),
key: 'Paginator'

5
apps/showcase/doc/panel/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Panel header="Header" toggleable>
<p class="m-0">
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 ullamco laboris nisi ut aliquip ex ea commodo consequat.
@ -16,7 +15,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Panel'),
key: 'Panel'

5
apps/showcase/doc/panelmenu/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<PanelMenu :model="items" class="w-full md:w-80" />
</DocPTViewer>
</template>
@ -89,7 +88,7 @@ export default {
]
}
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('PanelMenu'),
key: 'PanelMenu'

1
apps/showcase/doc/password/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Password v-model="value" toggleMask />
</DocPTViewer>

5
apps/showcase/doc/picklist/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<PickList v-model="products" dataKey="id" breakpoint="1400px" class="w-full">
<template #option="{ option }">
{{ option.name }}
@ -17,7 +16,7 @@ export default {
data() {
return {
products: null,
ptViewerDoc: [
docs: [
{
data: getPTOptions('PickList'),
key: 'PickList'

5
apps/showcase/doc/popover/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Button ref="btn" type="button" icon="pi pi-share-alt" label="Share" @click="toggle" />
<Popover ref="op" appendTo="self">
<div class="flex flex-col gap-4 w-[25rem]">
@ -52,7 +51,7 @@ export default {
{ name: 'Bernardo Dominic', image: 'bernardodominic.png', email: 'bernardo@email.com', role: 'Editor' },
{ name: 'Ioni Bowcher', image: 'ionibowcher.png', email: 'ioni@email.com', role: 'Viewer' }
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('Popover'),
key: 'Popover'

5
apps/showcase/doc/progressbar/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<div class="w-full">
<ProgressBar :value="50"></ProgressBar>
</div>
@ -13,7 +12,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('ProgressBar'),
key: 'ProgressBar'

5
apps/showcase/doc/progressspinner/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<ProgressSpinner />
</DocPTViewer>
</template>
@ -11,7 +10,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('ProgressSpinner'),
key: 'ProgressSpinner'

1
apps/showcase/doc/radiobutton/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<RadioButton v-model="value" value="1" />
</DocPTViewer>

1
apps/showcase/doc/rating/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Rating v-model="value" />
</DocPTViewer>

1
apps/showcase/doc/scrollpanel/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<ScrollPanel style="width: 100%; height: 200px" pt:bary="!visible !opacity-100">
<p>

5
apps/showcase/doc/scrolltop/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<ScrollPanel style="width: 250px; height: 200px">
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae et leo duis ut diam. Ultricies mi quis hendrerit dolor magna eget est lorem. Amet consectetur adipiscing
@ -20,7 +19,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('ScrollTop'),
key: 'ScrollTop'

1
apps/showcase/doc/select/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Select v-model="selectedCity" filter :options="groupedCities" optionLabel="label" optionGroupLabel="label" optionGroupChildren="items" placeholder="Select a City" class="w-full md:w-56">
<template #optiongroup="slotProps">

1
apps/showcase/doc/selectbutton/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<SelectButton v-model="value" :options="options" />
</DocPTViewer>

5
apps/showcase/doc/skeleton/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<div class="w-full">
<Skeleton class="mb-2"></Skeleton>
<Skeleton width="10rem" class="mb-2"></Skeleton>
@ -17,7 +16,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Skeleton'),
key: 'Skeleton'

1
apps/showcase/doc/slider/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Slider v-model="value" class="w-56" />
</DocPTViewer>

1
apps/showcase/doc/speeddial/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<div style="position: relative; height: 300px">
<SpeedDial :model="items" direction="down" style="position: absolute; left: calc(50% - 2rem); top: 0" />

3
apps/showcase/doc/splitbutton/pt/PTViewer.vue
View File

@ -1,7 +1,6 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<SplitButton label="Save" icon="pi pi-check" dropdownIcon="pi pi-cog" @click="save" :model="items" />
<SplitButton label="Save" icon="pi pi-check" dropdownIcon="pi pi-cog" :model="items" />
</DocPTViewer>
</template>

1
apps/showcase/doc/splitter/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Splitter style="height: 300px" class="w-full">
<SplitterPanel class="flex items-center justify-center"> Panel 1 </SplitterPanel>

1
apps/showcase/doc/stepper/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Stepper value="1" class="basis-[50rem]" linear>
<StepList :style="{ overflowX: 'unset' }">

1
apps/showcase/doc/tabs/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Tabs value="0">
<TabList>

5
apps/showcase/doc/tag/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Tag icon="pi pi-user" value="Primary"></Tag>
</DocPTViewer>
</template>
@ -11,7 +10,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Tag'),
key: 'Tag'

5
apps/showcase/doc/terminal/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<div>
<p>Enter "<strong>date</strong>" to display the current date, "<strong>greet {0}</strong>" for a message and "<strong>random</strong>" to get a random number.</p>
<Terminal welcomeMessage="Welcome to PrimeVue" prompt="primevue $" aria-label="PrimeVue Terminal Service" />
@ -15,7 +14,7 @@ import TerminalService from 'primevue/terminalservice';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Terminal'),
key: 'Terminal'

1
apps/showcase/doc/textarea/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Textarea v-model="value" rows="5" cols="30" style="resize: none" />
</DocPTViewer>

5
apps/showcase/doc/tieredmenu/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<TieredMenu :model="items" />
</DocPTViewer>
</template>
@ -80,7 +79,7 @@ export default {
]
}
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('TieredMenu'),
key: 'TieredMenu'

5
apps/showcase/doc/timeline/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Timeline :value="events">
<template #opposite="slotProps">
<small class="text-surface-500 dark:text-surface-400">{{ slotProps.item.date }}</small>
@ -24,7 +23,7 @@ export default {
{ status: 'Shipped', date: '15/10/2020 16:15', icon: 'pi pi-shopping-cart', color: '#FF9800' },
{ status: 'Delivered', date: '16/10/2020 10:00', icon: 'pi pi-check', color: '#607D8B' }
],
ptViewerDoc: [
docs: [
{
data: getPTOptions('Timeline'),
key: 'Timeline'

1
apps/showcase/doc/toast/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<div class="p-toast p-component" data-pc-name="toast">
<div>

1
apps/showcase/doc/togglebutton/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<ToggleButton v-model="checked" onIcon="pi pi-check" offIcon="pi pi-times" class="w-full sm:w-40" />
</DocPTViewer>

1
apps/showcase/doc/toggleswitch/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<ToggleSwitch v-model="checked" />
</DocPTViewer>

1
apps/showcase/doc/toolbar/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<Toolbar class="w-full">
<template #start>

5
apps/showcase/doc/tooltip/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Button v-tooltip="{ value: 'Confirm to proceed', hideDelay: 300000 }" severity="secondary" label="Tooltip" />
</DocPTViewer>
</template>
@ -11,7 +10,7 @@ import { getPTOptions } from '@/components/doc/helpers';
export default {
data() {
return {
ptViewerDoc: [
docs: [
{
data: getPTOptions('Tooltip'),
key: 'Tooltip'

5
apps/showcase/doc/tree/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<Tree v-model:selectionKeys="selectedKey" filter :value="nodes" selectionMode="checkbox" class="w-full md:w-[30rem]"></Tree>
</DocPTViewer>
</template>
@ -14,7 +13,7 @@ export default {
return {
nodes: null,
selectedKey: null,
ptViewerDoc: [
docs: [
{
data: getPTOptions('Tree'),
key: 'Tree'

1
apps/showcase/doc/treeselect/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<TreeSelect v-model="selectedValue" :options="nodes" selectionMode="checkbox" placeholder="Select Item" class="md:w-80 w-full" />
</DocPTViewer>

5
apps/showcase/doc/treetable/pt/PTViewer.vue
View File

@ -1,6 +1,5 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="ptViewerDoc">
<DocPTViewer :docs="docs">
<TreeTable :value="nodes" tableStyle="min-width: 50rem">
<Column field="name" header="Name" expander style="width: 34%"></Column>
<Column field="size" header="Size" style="width: 33%"></Column>
@ -17,7 +16,7 @@ export default {
data() {
return {
nodes: null,
ptViewerDoc: [
docs: [
{
data: getPTOptions('TreeTable'),
key: 'TreeTable'

1
apps/showcase/doc/virtualscroller/pt/PTViewer.vue
View File

@ -1,5 +1,4 @@
<template>
<DocSectionText v-bind="$attrs" />
<DocPTViewer :docs="docs">
<VirtualScroller :items="items" :itemSize="50" class="border border-surface-200 dark:border-surface-700 rounded" style="width: 200px; height: 200px">
<template v-slot:item="{ item, options }">