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

Refactor on theming doc section

pull/5756/head
Mert Sincan 2024-05-13 22:48:50 +01:00
parent 66b9f8b679
commit a82843f1ff
103 changed files with 856 additions and 213 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

78
api-generator/build-apidoc.js
View File

@ -12,7 +12,8 @@ const staticMessages = {
functions: 'Defines the custom functions used by the module.',
events: "Defines the custom events used by the component's emit.",
interfaces: 'Defines the custom interfaces used by the module.',
types: 'Defines the custom types used by the module.'
types: 'Defines the custom types used by the module.',
tokens: 'Define design tokens used by the component.'
};
const app = new TypeDoc.Application();
@ -555,6 +556,81 @@ if (project) {
};
});
const module_namespaces_group = module.groups?.find((g) => g.title === 'Namespaces');
module_namespaces_group &&
module_namespaces_group.children.forEach((pevent) => {
const module_interfaces_group = pevent?.groups?.find((g) => g.title === 'Interfaces');
module_interfaces_group &&
module_interfaces_group.children.forEach((event) => {
const event_props_description = event.comment && event.comment.summary.map((s) => s.text || '').join(' ');
let component_prop = '';
if (event.comment && event.comment.getTag('@see')) {
const tag = event.comment.getTag('@see');
const content = tag.content[0];
if (content.text.includes("['")) {
component_prop = `${content.target.name}${content.text}`;
} else {
component_prop = `${content.text === content.target?.name ? content.target.parent.name : content.target?.name}.${content.text}`;
}
}
!doc[name]['tokens'] &&
(doc[name]['tokens'] = {
description: staticMessages['tokens'],
values: {}
});
const props = [];
const setProps = (_declaration, _name) => {
if (_declaration?.groups) {
const event_props_group = _declaration.groups.find((g) => g.title === 'Properties');
event_props_group &&
event_props_group.children.forEach((prop) => {
if (prop.type?.declaration) {
setProps(prop.type?.declaration, prop.name);
} else if (prop.comment?.getTag('@designToken')) {
props.push({
name: _name ? `${_name}.${prop.name}` : prop.name,
token: prop.comment.getTag('@designToken').content[0]?.text || '',
optional: prop.flags.isOptional,
readonly: prop.flags.isReadonly,
type: prop.type.toString(),
default: prop.comment && prop.comment.getTag('@defaultValue') ? prop.comment.getTag('@defaultValue').content[0]?.text || '' : '', // TODO: Check
description:
prop.comment &&
prop.comment.summary
.map((s) => {
if (s.text.indexOf('[here]') > -1) {
return `${s.text.slice(0, s.text.indexOf('[here]'))} <a target="_blank" href="${s.text.slice(s.text.indexOf('(') + 1, s.text.indexOf(')'))}">here</a> ${s.text.slice(
s.text.indexOf(')') + 1
)}`;
}
return s.text || '';
})
.join(' '),
deprecated: prop.comment && prop.comment.getTag('@deprecated') ? parseText(prop.comment.getTag('@deprecated').content[0]?.text) : undefined
});
}
});
}
};
setProps(event);
doc[name]['tokens'].values[event.name] = {
description: event_props_description,
props
};
});
});
// app.generateJson(module, `./api-generator/module-typedoc.json`);
});

2
components/doc/DocApiTable.vue
View File

@ -1,6 +1,6 @@
<template>
<DocSectionText :id="id" :label="label" :level="componentLevel" :badge="badge">
<p>{{ description || null }}</p>
<p v-html="description"></p>
<p v-if="relatedProp" class="inline-block">
See <NuxtLink :to="setRelatedPropPath(relatedProp)" class="doc-option-link"> {{ relatedPropValue(relatedProp) }} </NuxtLink>
</p>

2
components/doc/DocSections.vue
View File

@ -4,7 +4,7 @@
<template v-if="doc.children">
<div :id="doc.id">
<DocSectionText :id="doc.id" :label="doc.label" :badge="doc.badge">
<p v-if="doc.description">{{ doc.description }}</p>
<p v-if="doc.description" v-html="doc.description"></p>
</DocSectionText>
</div>
<template v-for="comp of doc.children" :key="comp.label">

41
components/doc/helpers/PTHelper.js → components/doc/helpers/index.js
View File

@ -1,6 +1,7 @@
import APIDocs from '@/doc/common/apidoc/index.json';
import { $dt } from 'primevue/themes';
export const getPTOption = (name) => {
export const getPTOptions = (name) => {
const { props } = APIDocs[name.toLowerCase()].interfaces.values[`${name}PassThroughOptions`] || APIDocs[name.toLowerCase()].interfaces.values[`${name}DirectivePassThroughOptions`];
const options = APIDocs[name.toLowerCase()].interfaces.values[`${name}PassThroughMethodOptions`];
let data = [];
@ -35,3 +36,41 @@ export const getPTOption = (name) => {
return data;
};
export const getStyleOptions = (name) => {
const { members } = APIDocs[name.toLowerCase() + 'style']?.enumerations?.values?.[`${name}Classes`];
let data = [];
for (const member of members) {
const { name, value, description } = member;
data.push({
class: value.replaceAll('"', ''),
section: name,
description
});
}
return data;
};
export const getTokenOptions = (preset, name) => {
const values = APIDocs[`${preset.toLowerCase()}/${name.toLowerCase()}`]?.tokens?.values;
let data = [];
for (const [key, value] of Object.entries(values)) {
for (const tokens of value?.props) {
const { token, description } = tokens;
const designToken = $dt(token);
data.push({
token,
variable: designToken.name,
section: key.toLowerCase(),
description: description
});
}
}
return data;
};

3
components/lib/inputtext/style/InputTextStyle.d.ts vendored
View File

@ -10,6 +10,9 @@
import { BaseStyle } from '../../base/style';
export enum InputTextClasses {
/**
* The class of input element
*/
root = 'p-inputtext'
}

89
components/lib/themes/aura/index.d.ts vendored
View File

@ -0,0 +1,89 @@
/**
*
* [Live Demo](https://www.primevue.org/)
*
* @module aura
*
*/
export interface ColorSchemeDesignToken<T> {
colorScheme?: {
light?: Omit<T, 'colorScheme'>;
dark?: Omit<T, 'colorScheme'>;
};
}
export interface PaletteDesignToken {
50?: string;
100?: string;
200?: string;
300?: string;
400?: string;
500?: string;
600?: string;
700?: string;
800?: string;
900?: string;
950?: string;
}
export interface PrimitiveDesignTokens {
borderRadius?: {
none?: string;
xs?: string;
sm?: string;
md?: string;
lg?: string;
xl?: string;
};
emerald?: PaletteDesignToken;
green?: PaletteDesignToken;
lime?: PaletteDesignToken;
red?: PaletteDesignToken;
orange?: PaletteDesignToken;
amber?: PaletteDesignToken;
yellow?: PaletteDesignToken;
teal?: PaletteDesignToken;
cyan?: PaletteDesignToken;
sky?: PaletteDesignToken;
blue?: PaletteDesignToken;
indigo?: PaletteDesignToken;
violet?: PaletteDesignToken;
purple?: PaletteDesignToken;
fuchsia?: PaletteDesignToken;
pink?: PaletteDesignToken;
rose?: PaletteDesignToken;
slate?: PaletteDesignToken;
gray?: PaletteDesignToken;
zinc?: PaletteDesignToken;
neutral?: PaletteDesignToken;
stone?: PaletteDesignToken;
[key: string]: any;
}
export interface SemanticDesignTokens {
transitionDuration?: string;
focusRing?: {
width?: string;
style?: string;
color?: string;
offset?: string;
shadow?: string;
};
iconSize?: string;
anchorGutter?: string;
primary?: PaletteDesignToken;
formField: {
paddingX?: string;
paddingY?: string;
borderRadius?: string;
focusRing?: {
width?: string;
style?: string;
color?: string;
offset?: string;
shadow?: string;
};
};
// @todo
[key: string]: any;
}

164
components/lib/themes/aura/inputtext/index.d.ts vendored
View File

@ -0,0 +1,164 @@
/**
*
* InputText renders a text field to enter data.
*
* [Live Demo](https://www.primevue.org/inputtext/)
*
* @module aura/inputtext
*
*/
import { ColorSchemeDesignToken } from '..';
/**
* Defines all sections of design tokens
*/
export namespace InputTextDesignToken {
/**
* Tokens of the root section
*/
export interface Root {
/**
* Background of an input field
*
* @designToken inputtext.background
*/
background?: string;
/**
* Background of an input field when disabled
*
* @designToken inputtext.disabled.background
*/
disabledBackground?: string;
/**
* Background of an input field when filled mode
*
* @designToken inputtext.filled.background
*/
filledBackground?: string;
/**
* Background of an input field on the focus state of filled mode
*
* @designToken inputtext.filled.focus.background
*/
filledFocusBackground?: string;
/**
* Border color of an input field
*
* @designToken inputtext.border.color
*/
borderColor?: string;
/**
* Border color of an input field on the hover state
*
* @designToken inputtext.hover.border.color
*/
hoverBorderColor?: string;
/**
* Border color of an input field on the focus state
*
* @designToken inputtext.focus.border.color
*/
focusBorderColor?: string;
/**
* Border color of an input field when invalid
*
* @designToken inputtext.invalid.border.color
*/
invalidBorderColor?: string;
/**
* Color of an input field
*
* @designToken inputtext.color
*/
color?: string;
/**
* Color of an input field when disabled
*
* @designToken inputtext.disabled.color
*/
disabledColor?: string;
/**
* Placeholder color of an input field
*
* @designToken inputtext.placeholder.color
*/
placeholderColor?: string;
/**
* Shadow of an input field
*
* @designToken inputtext.shadow
*/
shadow?: string;
/**
* Padding right and left of an input field
*
* @designToken inputtext.padding.x
*/
paddingX?: string;
/**
* Padding top and bottom of an input field
*
* @designToken inputtext.padding.y
*/
paddingY?: string;
/**
* Border radius of an input field
*
* @designToken inputtext.border.radius
*/
borderRadius?: string;
/**
* Outline of an input field on the focus state
*/
focusRing?: {
/**
* Outline width of an input field on the focus state
*
* @designToken inputtext.focus.ring.width
*/
width?: string;
/**
* Outline style of an input field on the focus state
*
* @designToken inputtext.focus.ring.style
*/
style?: string;
/**
* Outline color of an input field on the focus state
*
* @designToken inputtext.focus.ring.color
*/
color?: string;
/**
* Outline offset of an input field on the focus state
*
* @designToken inputtext.focus.ring.offset
*/
offset?: string;
/**
* Shadow of an input field on the focus state
*
* @designToken inputtext.focus.ring.shadow
*/
shadow?: string;
};
}
}
/**
* **PrimeVue - InputText**
*
* _InputText renders a text field to enter data._
*
* [Live Demo](https://www.primevue.org/inputtext/)
* --- ---
* ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
*
* @group DesignTokens
*/
export interface InputTextDesignTokens extends ColorSchemeDesignToken<InputTextDesignTokens> {
/**
* Used to pass tokens of the root section
*/
root?: InputTextDesignToken.Root;
}

56
components/lib/themes/lara/inputtext/index.d.ts vendored
View File

@ -0,0 +1,56 @@
/**
*
* InputText renders a text field to enter data.
*
* [Live Demo](https://www.primevue.org/inputtext/)
*
* @module lara/inputtext
*
*/
/**
* Defines all sections of design tokens
*/
export namespace InputTextDesignToken {
/**
* Tokens of the root section
*/
export interface Root {
/**
* Background of an input field
*
* @designToken inputtext.background
*/
background?: string;
/**
* Background of an input field when disabled
*
* @designToken inputtext.disabled.background
*/
disabledBackground?: string;
/**
* Background of an input field when filled mode
*
* @designToken inputtext.filled.background
*/
filledBackground?: string;
}
}
/**
* **PrimeVue - InputText**
*
* _InputText renders a text field to enter data._
*
* [Live Demo](https://www.primevue.org/inputtext/)
* --- ---
* ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
*
* @group DesignTokens
*/
export interface InputTextDesignTokens {
/**
* Used to pass tokens of the root section
*/
root?: InputTextDesignToken.Root;
}

44
components/lib/themes/nora/inputtext/index.d.ts vendored
View File

@ -0,0 +1,44 @@
/**
*
* InputText renders a text field to enter data.
*
* [Live Demo](https://www.primevue.org/inputtext/)
*
* @module nora/inputtext
*
*/
/**
* Defines all sections of design tokens
*/
export namespace InputTextDesignToken {
/**
* Tokens of the root section
*/
export interface Root {
/**
* Background of an input field
*
* @designToken inputtext.background
*/
background?: string;
}
}
/**
* **PrimeVue - InputText**
*
* _InputText renders a text field to enter data._
*
* [Live Demo](https://www.primevue.org/inputtext/)
* --- ---
* ![PrimeVue](https://primefaces.org/cdn/primevue/images/logo-100.png)
*
* @group DesignTokens
*/
export interface InputTextDesignTokens {
/**
* Used to pass tokens of the root section
*/
root?: InputTextDesignToken.Root;
}

12
doc/accordion/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,32 +26,32 @@ export default {
id: 'pt.doc.accordion',
label: 'Accordion PT Options',
component: DocApiTable,
data: getPTOption('Accordion')
data: getPTOptions('Accordion')
},
{
id: 'pt.doc.accordionpanel',
label: 'AccordionPanel PT Options',
component: DocApiTable,
data: getPTOption('AccordionPanel')
data: getPTOptions('AccordionPanel')
},
{
id: 'pt.doc.accordionheader',
label: 'AccordionHeader PT Options',
component: DocApiTable,
data: getPTOption('AccordionHeader')
data: getPTOptions('AccordionHeader')
},
{
id: 'pt.doc.accordioncontent',
label: 'AccordionContent PT Options',
component: DocApiTable,
data: getPTOption('AccordionContent')
data: getPTOptions('AccordionContent')
},
{
id: 'pt.doc.accordiontab',
label: 'AccordionTab PT Options',
badge: { value: 'Deprecated since v4', severity: 'warn' },
component: DocApiTable,
data: getPTOption('AccordionTab')
data: getPTOptions('AccordionTab')
}
]
};

4
doc/autocomplete/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.autocomplete',
label: 'AutoComplete PT Options',
component: DocApiTable,
data: getPTOption('AutoComplete')
data: getPTOptions('AutoComplete')
}
]
};

6
doc/avatar/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,13 +26,13 @@ export default {
id: 'pt.doc.avatar',
label: 'Avatar PT Options',
component: DocApiTable,
data: getPTOption('Avatar')
data: getPTOptions('Avatar')
},
{
id: 'pt.doc.avatar',
label: 'AvatarGroup PT Options',
component: DocApiTable,
data: getPTOption('AvatarGroup')
data: getPTOptions('AvatarGroup')
}
]
};

4
doc/badge/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.badge',
label: 'Badge PT Options',
component: DocApiTable,
data: getPTOption('Badge')
data: getPTOptions('Badge')
}
]
};

4
doc/blockui/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.blockui',
label: 'BlockUI PT Options',
component: DocApiTable,
data: getPTOption('BlockUI')
data: getPTOptions('BlockUI')
}
]
};

4
doc/breadcrumb/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.breadcrumb',
label: 'Breadcrumb PT Options',
component: DocApiTable,
data: getPTOption('Breadcrumb')
data: getPTOptions('Breadcrumb')
}
]
};

4
doc/button/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.button',
label: 'Button PT Options',
component: DocApiTable,
data: getPTOption('Button')
data: getPTOptions('Button')
}
]
};

4
doc/card/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.card',
label: 'Card PT Options',
component: DocApiTable,
data: getPTOption('Card')
data: getPTOptions('Card')
}
]
};

4
doc/carousel/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.carousel',
label: 'Carousel PT Options',
component: DocApiTable,
data: getPTOption('Carousel')
data: getPTOptions('Carousel')
}
]
};

4
doc/cascadeselect/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.cascadeselect',
label: 'CascadeSelect PT Options',
component: DocApiTable,
data: getPTOption('CascadeSelect')
data: getPTOptions('CascadeSelect')
}
]
};

4
doc/chart/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.chart',
label: 'Chart PT Options',
component: DocApiTable,
data: getPTOption('Chart')
data: getPTOptions('Chart')
}
]
};

4
doc/checkbox/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.checkbox',
label: 'Checkbox PT Options',
component: DocApiTable,
data: getPTOption('Checkbox')
data: getPTOptions('Checkbox')
}
]
};

4
doc/chip/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.chip',
label: 'Chip PT Options',
component: DocApiTable,
data: getPTOption('Chip')
data: getPTOptions('Chip')
}
]
};

4
doc/colorpicker/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.colorpicker',
label: 'ColorPicker PT Options',
component: DocApiTable,
data: getPTOption('ColorPicker')
data: getPTOptions('ColorPicker')
}
]
};

158
doc/common/apidoc/index.json
View File

@ -6157,9 +6157,9 @@
"name": "size",
"optional": true,
"readonly": false,
"type": "null | \"large\" | \"xlarge\"",
"type": "null | \"small\" | \"large\" | \"xlarge\"",
"default": "",
"description": "Size of the badge, valid options are 'large' and 'xlarge'."
"description": "Size of the badge, valid options are 'small', 'large', and 'xlarge'."
},
{
"name": "dt",
@ -40265,7 +40265,8 @@
"name": "root",
"optional": false,
"readonly": false,
"value": "\"p-inputtext\""
"value": "\"p-inputtext\"",
"description": "The class of input element"
}
]
}
@ -66270,7 +66271,7 @@
"themes/aura/inputgroup": {},
"themes/aura/inputnumber": {},
"themes/aura/inputotp": {},
"inputtexttheme": {
"aura/inputtext": {
"description": "InputText renders a text field to enter data.\n\n[Live Demo](https://www.primevue.org/inputtext/)",
"tokens": {
"description": "Define design tokens used by the component.",
@ -66552,7 +66553,46 @@
"themes/lara/inputgroup": {},
"themes/lara/inputnumber": {},
"themes/lara/inputotp": {},
"themes/lara/inputtext": {},
"lara/inputtext": {
"description": "InputText renders a text field to enter data.\n\n[Live Demo](https://www.primevue.org/inputtext/)",
"tokens": {
"description": "Define design tokens used by the component.",
"values": {
"Root": {
"description": "Tokens of the root section",
"props": [
{
"name": "background",
"token": "inputtext.background",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Background of an input field"
},
{
"name": "disabledBackground",
"token": "inputtext.disabled.background",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Background of an input field when disabled"
},
{
"name": "filledBackground",
"token": "inputtext.filled.background",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Background of an input field when filled mode"
}
]
}
}
}
},
"themes/lara/knob": {},
"themes/lara/listbox": {},
"themes/lara/megamenu": {},
@ -66601,6 +66641,114 @@
"themes/lara/tree": {},
"themes/lara/treeselect": {},
"themes/lara/treetable": {},
"themes/nora/accordion": {},
"themes/nora/autocomplete": {},
"themes/nora/avatar": {},
"themes/nora/badge": {},
"themes/nora/blockui": {},
"themes/nora/breadcrumb": {},
"themes/nora/button": {},
"themes/nora/buttongroup": {},
"themes/nora/card": {},
"themes/nora/carousel": {},
"themes/nora/cascadeselect": {},
"themes/nora/checkbox": {},
"themes/nora/chip": {},
"themes/nora/colorpicker": {},
"themes/nora/confirmdialog": {},
"themes/nora/confirmpopup": {},
"themes/nora/contextmenu": {},
"themes/nora/datatable": {},
"themes/nora/dataview": {},
"themes/nora/datepicker": {},
"themes/nora/dialog": {},
"themes/nora/divider": {},
"themes/nora/dock": {},
"themes/nora/drawer": {},
"themes/nora/editor": {},
"themes/nora/fieldset": {},
"themes/nora/fileupload": {},
"themes/nora/floatlabel": {},
"themes/nora/galleria": {},
"themes/nora/iconfield": {},
"themes/nora/image": {},
"themes/nora": {},
"themes/nora/inlinemessage": {},
"themes/nora/inplace": {},
"themes/nora/inputchips": {},
"themes/nora/inputgroup": {},
"themes/nora/inputnumber": {},
"themes/nora/inputotp": {},
"nora/inputtext": {
"description": "InputText renders a text field to enter data.\n\n[Live Demo](https://www.primevue.org/inputtext/)",
"tokens": {
"description": "Define design tokens used by the component.",
"values": {
"Root": {
"description": "Tokens of the root section",
"props": [
{
"name": "background",
"token": "inputtext.background",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Background of an input field"
}
]
}
}
}
},
"themes/nora/knob": {},
"themes/nora/listbox": {},
"themes/nora/megamenu": {},
"themes/nora/menu": {},
"themes/nora/menubar": {},
"themes/nora/message": {},
"themes/nora/metergroup": {},
"themes/nora/multiselect": {},
"themes/nora/orderlist": {},
"themes/nora/organizationchart": {},
"themes/nora/paginator": {},
"themes/nora/panel": {},
"themes/nora/panelmenu": {},
"themes/nora/password": {},
"themes/nora/picklist": {},
"themes/nora/popover": {},
"themes/nora/progressbar": {},
"themes/nora/progressspinner": {},
"themes/nora/radiobutton": {},
"themes/nora/rating": {},
"themes/nora/ripple": {},
"themes/nora/scrollpanel": {},
"themes/nora/scrolltop": {},
"themes/nora/select": {},
"themes/nora/selectbutton": {},
"themes/nora/skeleton": {},
"themes/nora/slider": {},
"themes/nora/speeddial": {},
"themes/nora/splitbutton": {},
"themes/nora/splitter": {},
"themes/nora/stepper": {},
"themes/nora/steps": {},
"themes/nora/tabmenu": {},
"themes/nora/tabs": {},
"themes/nora/tabview": {},
"themes/nora/tag": {},
"themes/nora/terminal": {},
"themes/nora/textarea": {},
"themes/nora/tieredmenu": {},
"themes/nora/timeline": {},
"themes/nora/toast": {},
"themes/nora/togglebutton": {},
"themes/nora/toggleswitch": {},
"themes/nora/toolbar": {},
"themes/nora/tooltip": {},
"themes/nora/tree": {},
"themes/nora/treeselect": {},
"themes/nora/treetable": {},
"themes/service": {},
"themes/utils": {},
"tieredmenu": {

4
doc/confirmdialog/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.confirmdialog',
label: 'ConfirmDialog PT Options',
component: DocApiTable,
data: getPTOption('ConfirmDialog')
data: getPTOptions('ConfirmDialog')
}
]
};

4
doc/confirmpopup/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.confirmpopup',
label: 'ConfirmPopup PT Options',
component: DocApiTable,
data: getPTOption('ConfirmPopup')
data: getPTOptions('ConfirmPopup')
}
]
};

4
doc/contextmenu/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.contextmenu',
label: 'ContextMenu PT Options',
component: DocApiTable,
data: getPTOption('ContextMenu')
data: getPTOptions('ContextMenu')
}
]
};

10
doc/datatable/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,25 +26,25 @@ export default {
id: 'pt.doc.datatable',
label: 'DataTable PT Options',
component: DocApiTable,
data: getPTOption('DataTable')
data: getPTOptions('DataTable')
},
{
id: 'pt.doc.column',
label: 'Column PT Options',
component: DocApiTable,
data: getPTOption('Column')
data: getPTOptions('Column')
},
{
id: 'pt.doc.columngroup',
label: 'ColumnGroup PT Options',
component: DocApiTable,
data: getPTOption('ColumnGroup')
data: getPTOptions('ColumnGroup')
},
{
id: 'pt.doc.row',
label: 'Row PT Options',
component: DocApiTable,
data: getPTOption('Row')
data: getPTOptions('Row')
}
]
};

4
doc/dataview/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.dataview',
label: 'DataView PT Options',
component: DocApiTable,
data: getPTOption('DataView')
data: getPTOptions('DataView')
}
]
};

4
doc/datepicker/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.datepicker',
label: 'DatePicker PT Options',
component: DocApiTable,
data: getPTOption('DatePicker')
data: getPTOptions('DatePicker')
}
]
};

4
doc/deferredcontent/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.deferredcontent',
label: 'DeferredContent PT Options',
component: DocApiTable,
data: getPTOption('DeferredContent')
data: getPTOptions('DeferredContent')
}
]
};

4
doc/dialog/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.dialog',
label: 'Dialog PT Options',
component: DocApiTable,
data: getPTOption('Dialog')
data: getPTOptions('Dialog')
}
]
};

4
doc/divider/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.divider',
label: 'Divider PT Options',
component: DocApiTable,
data: getPTOption('Divider')
data: getPTOptions('Divider')
}
]
};

4
doc/dock/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.dock',
label: 'Dock PT Options',
component: DocApiTable,
data: getPTOption('Dock')
data: getPTOptions('Dock')
}
]
};

4
doc/drawer/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.drawer',
label: 'Drawer PT Options',
component: DocApiTable,
data: getPTOption('Drawer')
data: getPTOptions('Drawer')
}
]
};

4
doc/dynamicdialog/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.dynamicdialog',
label: 'Dialog PT Options',
component: DocApiTable,
data: getPTOption('Dialog')
data: getPTOptions('Dialog')
}
]
};

4
doc/editor/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.editor',
label: 'Editor PT Options',
component: DocApiTable,
data: getPTOption('Editor')
data: getPTOptions('Editor')
}
]
};

4
doc/fieldset/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.fieldset',
label: 'Fieldset PT Options',
component: DocApiTable,
data: getPTOption('Fieldset')
data: getPTOptions('Fieldset')
}
]
};

4
doc/fileupload/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.fileupload',
label: 'FileUpload PT Options',
component: DocApiTable,
data: getPTOption('FileUpload')
data: getPTOptions('FileUpload')
}
]
};

4
doc/floatlabel/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.floatlabel',
label: 'FloatLabel PT Options',
component: DocApiTable,
data: getPTOption('FloatLabel')
data: getPTOptions('FloatLabel')
}
]
};

4
doc/galleria/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.galleria',
label: 'Galleria PT Options',
component: DocApiTable,
data: getPTOption('Galleria')
data: getPTOptions('Galleria')
}
]
};

6
doc/iconfield/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,13 +26,13 @@ export default {
id: 'pt.doc.iconfield',
label: 'IconField PT Options',
component: DocApiTable,
data: getPTOption('IconField')
data: getPTOptions('IconField')
},
{
id: 'pt.doc.inputicon',
label: 'InputIcon PT Options',
component: DocApiTable,
data: getPTOption('InputIcon')
data: getPTOptions('InputIcon')
}
]
};

4
doc/iconfield/theming/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.iconfield',
label: 'IconField PT Options',
component: DocApiTable,
data: getPTOption('IconField')
data: getPTOptions('IconField')
}
]
};

4
doc/image/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.image',
label: 'Image PT Options',
component: DocApiTable,
data: getPTOption('Image')
data: getPTOptions('Image')
}
]
};

4
doc/inlinemessage/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.inlinemessage',
label: 'InlineMessage PT Options',
component: DocApiTable,
data: getPTOption('InlineMessage')
data: getPTOptions('InlineMessage')
}
]
};

4
doc/inplace/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.inplace',
label: 'Inplace PT Options',
component: DocApiTable,
data: getPTOption('Inplace')
data: getPTOptions('Inplace')
}
]
};

4
doc/inputchips/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.inputchips',
label: 'InputChips PT Options',
component: DocApiTable,
data: getPTOption('InputChips')
data: getPTOptions('InputChips')
}
]
};

6
doc/inputgroup/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
// import PtDoc from './PTDoc.vue';
import PTImage from './PTImage.vue';
@ -27,13 +27,13 @@ export default {
id: 'pt.doc.inputgroup',
label: 'InputGroup PT Options',
component: DocApiTable,
data: getPTOption('InputGroup')
data: getPTOptions('InputGroup')
},
{
id: 'pt.doc.inputgroupaddon',
label: 'InputGroupAddon PT Options',
component: DocApiTable,
data: getPTOption('InputGroupAddon')
data: getPTOptions('InputGroupAddon')
}
// {
// id: 'pt.demo',

4
doc/inputmask/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.inputmask',
label: 'InputMask PT Options',
component: DocApiTable,
data: getPTOption('InputMask')
data: getPTOptions('InputMask')
}
]
};

4
doc/inputnumber/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.inputnumber',
label: 'InputNumber PT Options',
component: DocApiTable,
data: getPTOption('InputNumber')
data: getPTOptions('InputNumber')
}
]
};

4
doc/inputotp/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.inputotp',
label: 'InputOtp PT Options',
component: DocApiTable,
data: getPTOption('InputOtp')
data: getPTOptions('InputOtp')
}
]
};

4
doc/inputtext/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.inputtext',
label: 'InputText PT Options',
component: DocApiTable,
data: getPTOption('InputText')
data: getPTOptions('InputText')
}
]
};

22
doc/inputtext/theming/index.vue
View File

@ -9,7 +9,8 @@
</template>
<script>
import StyledDoc from './StyledDoc.vue';
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getStyleOptions, getTokenOptions } from '@/components/doc/helpers';
import TailwindDoc from './TailwindDoc.vue';
export default {
@ -19,7 +20,16 @@ export default {
{
id: 'theming.styled',
label: 'Styled',
component: StyledDoc
description: 'List of class names used in the styled mode.',
component: DocApiTable,
data: getStyleOptions('InputText')
},
{
id: 'theming.tokens',
label: 'Design Tokens',
description: `List of design tokens used in <i>${this.$appState.preset}</i> Preset.`,
component: DocApiTable,
data: getTokenOptions(this.$appState.preset, 'InputText')
},
{
id: 'theming.unstyled',
@ -35,6 +45,14 @@ export default {
}
]
};
},
watch: {
'$appState.preset': {
flush: 'post',
handler(newValue) {
this.docs[1] = { ...this.docs[1], description: `List of design tokens used in <i>${newValue}</i> Preset.`, data: getTokenOptions(newValue, 'InputText') };
}
}
}
};
</script>

4
doc/knob/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.knob',
label: 'Knob PT Options',
component: DocApiTable,
data: getPTOption('Knob')
data: getPTOptions('Knob')
}
]
};

4
doc/listbox/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.listbox',
label: 'Listbox PT Options',
component: DocApiTable,
data: getPTOption('Listbox')
data: getPTOptions('Listbox')
}
]
};

4
doc/megamenu/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.megamenu',
label: 'MegaMenu PT Options',
component: DocApiTable,
data: getPTOption('MegaMenu')
data: getPTOptions('MegaMenu')
}
]
};

4
doc/menu/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.menu',
label: 'Menu PT Options',
component: DocApiTable,
data: getPTOption('Menu')
data: getPTOptions('Menu')
}
]
};

4
doc/menubar/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.menubar',
label: 'Menubar PT Options',
component: DocApiTable,
data: getPTOption('Menubar')
data: getPTOptions('Menubar')
}
]
};

4
doc/message/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.message',
label: 'Message PT Options',
component: DocApiTable,
data: getPTOption('Message')
data: getPTOptions('Message')
}
]
};

4
doc/metergroup/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.metergroup',
label: 'MeterGroup PT Options',
component: DocApiTable,
data: getPTOption('MeterGroup')
data: getPTOptions('MeterGroup')
}
]
};

4
doc/multiselect/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.multiselect',
label: 'MultiSelect PT Options',
component: DocApiTable,
data: getPTOption('MultiSelect')
data: getPTOptions('MultiSelect')
}
]
};

4
doc/orderlist/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.orderlist',
label: 'OrderList PT Options',
component: DocApiTable,
data: getPTOption('OrderList')
data: getPTOptions('OrderList')
}
]
};

4
doc/organizationchart/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.organizationchart',
label: 'OrganizationChart PT Options',
component: DocApiTable,
data: getPTOption('OrganizationChart')
data: getPTOptions('OrganizationChart')
}
]
};

4
doc/paginator/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.paginator',
label: 'Paginator PT Options',
component: DocApiTable,
data: getPTOption('Paginator')
data: getPTOptions('Paginator')
}
]
};

4
doc/panel/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.panel',
label: 'Panel PT Options',
component: DocApiTable,
data: getPTOption('Panel')
data: getPTOptions('Panel')
}
]
};

4
doc/panelmenu/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.panelmenu',
label: 'PanelMenu PT Options',
component: DocApiTable,
data: getPTOption('PanelMenu')
data: getPTOptions('PanelMenu')
}
]
};

4
doc/password/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.password',
label: 'Password PT Options',
component: DocApiTable,
data: getPTOption('Password')
data: getPTOptions('Password')
}
]
};

4
doc/picklist/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.picklist',
label: 'PickList PT Options',
component: DocApiTable,
data: getPTOption('PickList')
data: getPTOptions('PickList')
}
]
};

4
doc/popover/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.popover',
label: 'Popover PT Options',
component: DocApiTable,
data: getPTOption('Popover')
data: getPTOptions('Popover')
}
]
};

4
doc/progressbar/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.progressbar',
label: 'ProgressBar PT Options',
component: DocApiTable,
data: getPTOption('ProgressBar')
data: getPTOptions('ProgressBar')
}
]
};

4
doc/progressspinner/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.progressspinner',
label: 'ProgressSpinner PT Options',
component: DocApiTable,
data: getPTOption('ProgressSpinner')
data: getPTOptions('ProgressSpinner')
}
]
};

4
doc/radiobutton/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.radiobutton',
label: 'RadioButton PT Options',
component: DocApiTable,
data: getPTOption('RadioButton')
data: getPTOptions('RadioButton')
}
]
};

4
doc/rating/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.steps',
label: 'Rating PT Options',
component: DocApiTable,
data: getPTOption('Rating')
data: getPTOptions('Rating')
}
]
};

4
doc/ripple/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.steps',
label: 'Ripple PT Options',
component: DocApiTable,
data: getPTOption('Ripple')
data: getPTOptions('Ripple')
}
]
};

4
doc/scrollpanel/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.scrollpanel',
label: 'ScrollPanel PT Options',
component: DocApiTable,
data: getPTOption('ScrollPanel')
data: getPTOptions('ScrollPanel')
}
]
};

4
doc/scrolltop/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.scrolltop',
label: 'ScrollTop PT Options',
component: DocApiTable,
data: getPTOption('ScrollTop')
data: getPTOptions('ScrollTop')
}
]
};

4
doc/select/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.select',
label: 'Select PT Options',
component: DocApiTable,
data: getPTOption('Select')
data: getPTOptions('Select')
}
]
};

4
doc/selectbutton/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.steps',
label: 'SelectButton PT Options',
component: DocApiTable,
data: getPTOption('SelectButton')
data: getPTOptions('SelectButton')
}
]
};

4
doc/skeleton/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.skeleton',
label: 'Skeleton PT Options',
component: DocApiTable,
data: getPTOption('Skeleton')
data: getPTOptions('Skeleton')
}
]
};

4
doc/slider/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.steps',
label: 'Slider PT Options',
component: DocApiTable,
data: getPTOption('Slider')
data: getPTOptions('Slider')
}
]
};

4
doc/speeddial/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.speeddial',
label: 'SpeedDial PT Options',
component: DocApiTable,
data: getPTOption('SpeedDial')
data: getPTOptions('SpeedDial')
}
]
};

4
doc/splitbutton/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.splitbutton',
label: 'SplitButton PT Options',
component: DocApiTable,
data: getPTOption('SplitButton')
data: getPTOptions('SplitButton')
}
]
};

6
doc/splitter/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,13 +26,13 @@ export default {
id: 'pt.doc.splitter',
label: 'Splitter PT Options',
component: DocApiTable,
data: getPTOption('Splitter')
data: getPTOptions('Splitter')
},
{
id: 'pt.doc.splitterpanel',
label: 'SplitterPanel PT Options',
component: DocApiTable,
data: getPTOption('SplitterPanel')
data: getPTOptions('SplitterPanel')
}
]
};

6
doc/stepper/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,13 +26,13 @@ export default {
id: 'pt.doc.stepper',
label: 'Stepper PT Options',
component: DocApiTable,
data: getPTOption('Stepper')
data: getPTOptions('Stepper')
},
{
id: 'pt.doc.stepperpanel',
label: 'StepperPanel PT Options',
component: DocApiTable,
data: getPTOption('StepperPanel')
data: getPTOptions('StepperPanel')
}
]
};

4
doc/steps/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.steps',
label: 'Steps PT Options',
component: DocApiTable,
data: getPTOption('Steps')
data: getPTOptions('Steps')
}
]
};

4
doc/tabmenu/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.tabmenu',
label: 'TabMenu PT Options',
component: DocApiTable,
data: getPTOption('TabMenu')
data: getPTOptions('TabMenu')
}
]
};

12
doc/tabs/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,31 +26,31 @@ export default {
id: 'pt.doc.tabs',
label: 'Tabs PT Options',
component: DocApiTable,
data: getPTOption('Tabs')
data: getPTOptions('Tabs')
},
{
id: 'pt.doc.tablist',
label: 'TabList PT Options',
component: DocApiTable,
data: getPTOption('TabList')
data: getPTOptions('TabList')
},
{
id: 'pt.doc.tab',
label: 'Tab PT Options',
component: DocApiTable,
data: getPTOption('Tab')
data: getPTOptions('Tab')
},
{
id: 'pt.doc.tabpanels',
label: 'TabPanels PT Options',
component: DocApiTable,
data: getPTOption('TabPanels')
data: getPTOptions('TabPanels')
},
{
id: 'pt.doc.tabpanel',
label: 'TabPanel PT Options',
component: DocApiTable,
data: getPTOption('TabPanel')
data: getPTOptions('TabPanel')
}
]
};

4
doc/tag/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.tag',
label: 'Tag PT Options',
component: DocApiTable,
data: getPTOption('Tag')
data: getPTOptions('Tag')
}
]
};

4
doc/terminal/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.terminal',
label: 'Terminal PT Options',
component: DocApiTable,
data: getPTOption('Terminal')
data: getPTOptions('Terminal')
}
]
};

4
doc/textarea/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.textarea',
label: 'Textarea PT Options',
component: DocApiTable,
data: getPTOption('Textarea')
data: getPTOptions('Textarea')
}
]
};

4
doc/tieredmenu/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.tieredmenu',
label: 'TieredMenu PT Options',
component: DocApiTable,
data: getPTOption('TieredMenu')
data: getPTOptions('TieredMenu')
}
]
};

4
doc/timeline/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.timeline',
label: 'Timeline PT Options',
component: DocApiTable,
data: getPTOption('Timeline')
data: getPTOptions('Timeline')
}
]
};

4
doc/toast/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.toast',
label: 'Toast PT Options',
component: DocApiTable,
data: getPTOption('Toast')
data: getPTOptions('Toast')
}
]
};

4
doc/togglebutton/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.steps',
label: 'ToggleButton PT Options',
component: DocApiTable,
data: getPTOption('ToggleButton')
data: getPTOptions('ToggleButton')
}
]
};

4
doc/toggleswitch/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.toggleswitch',
label: 'ToggleSwitch PT Options',
component: DocApiTable,
data: getPTOption('ToggleSwitch')
data: getPTOptions('ToggleSwitch')
}
]
};

4
doc/toolbar/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.toolbar',
label: 'Toolbar PT Options',
component: DocApiTable,
data: getPTOption('Toolbar')
data: getPTOptions('Toolbar')
}
]
};

4
doc/tooltip/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.tooltip',
label: 'Tooltip PT Options',
component: DocApiTable,
data: getPTOption('Tooltip')
data: getPTOptions('Tooltip')
}
]
};

4
doc/tree/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.tree',
label: 'Tree PT Options',
component: DocApiTable,
data: getPTOption('Tree')
data: getPTOptions('Tree')
}
]
};

4
doc/treeselect/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,7 +26,7 @@ export default {
id: 'pt.doc.treeselect',
label: 'TreeSelect PT Options',
component: DocApiTable,
data: getPTOption('TreeSelect')
data: getPTOptions('TreeSelect')
}
]
};

6
doc/treetable/pt/index.vue
View File

@ -10,7 +10,7 @@
<script>
import DocApiTable from '@/components/doc/DocApiTable.vue';
import { getPTOption } from '@/components/doc/helpers/PTHelper.js';
import { getPTOptions } from '@/components/doc/helpers';
import PTImage from './PTImage.vue';
export default {
@ -26,13 +26,13 @@ export default {
id: 'pt.doc.treetable',
label: 'TreeTable PT Options',
component: DocApiTable,
data: getPTOption('TreeTable')
data: getPTOptions('TreeTable')
},
{
id: 'pt.doc.column',
label: 'Column PT Options',
component: DocApiTable,
data: getPTOption('Column')
data: getPTOptions('Column')
}
]
};

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