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

Refactor #5784, #5785

pull/5806/head
tugcekucukoglu 2024-05-27 11:48:42 +03:00
parent a3292d5c93
commit 543b69e119
24 changed files with 59 additions and 59 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
api-generator/components/calendar.js
View File

@ -48,7 +48,7 @@ const CalendarProps = [
description: 'Icon of the calendar button.'
},
{
name: 'previousIcon',
name: 'prevIcon',
type: 'string',
default: 'null',
description: 'Icon to show in the previous button.'
@ -484,7 +484,7 @@ const CalendarSlots = [
description: 'Custom dropdown icon template.'
},
{
name: 'previousicon',
name: 'prevIcon',
description: 'Custom previous icon template.'
},
{

2
api-generator/components/carousel.js
View File

@ -115,7 +115,7 @@ const CarouselSlots = [
description: 'Custom content for the component item.'
},
{
name: 'previousicon',
name: 'previcon',
description: 'Custom previous icon template.'
},
{

4
api-generator/components/datepicker.js
View File

@ -48,7 +48,7 @@ const DatePickerProps = [
description: 'Icon of the calendar button.'
},
{
name: 'previousIcon',
name: 'previcon',
type: 'string',
default: 'null',
description: 'Icon to show in the previous button.'
@ -484,7 +484,7 @@ const DatePickerSlots = [
description: 'Custom dropdown icon template.'
},
{
name: 'previousicon',
name: 'previcon',
description: 'Custom previous icon template.'
},
{

2
api-generator/components/tabview.js
View File

@ -30,7 +30,7 @@ const TabViewProps = [
description: 'When enabled, the focused tab is activated.'
},
{
name: 'previousButtonProps',
name: 'prevButtonProps',
type: 'any',
default: 'null',
description: 'Used to pass all properties of the HTMLButtonElement to the previous button.'

2
components/lib/carousel/Carousel.d.ts vendored
View File

@ -88,7 +88,7 @@ export interface CarouselPassThroughOptions {
* Used to pass attributes to the previous button's DOM element.
* @see {@link ButtonPassThroughOptions}
*/
pcPreviousButton?: ButtonPassThroughOptions<CarouselSharedPassThroughMethodOptions>;
pcPrevButton?: ButtonPassThroughOptions<CarouselSharedPassThroughMethodOptions>;
/**
* Used to pass attributes to the viewport's DOM element.
*/

10
components/lib/carousel/Carousel.vue
View File

@ -7,18 +7,18 @@
<div :class="[cx('content'), contentClass]" :aria-live="allowAutoplay ? 'polite' : 'off'" v-bind="ptm('content')">
<Button
v-if="showNavigators"
:class="cx('pcPreviousButton')"
:class="cx('pcPrevButton')"
:disabled="backwardIsDisabled"
:aria-label="ariaPrevButtonLabel"
:unstyled="unstyled"
@click="navBackward"
v-bind="prevButtonProps"
:pt="ptm('pcPreviousButton')"
:pt="ptm('pcPrevButton')"
data-pc-group-section="navigator"
>
<template #icon="slotProps">
<slot name="previousicon">
<component :is="isVertical() ? 'ChevronUpIcon' : 'ChevronLeftIcon'" :class="[cx('previousButtonIcon'), slotProps.icon]" v-bind="ptm('pcPreviousButton')['icon']" />
<slot name="previcon">
<component :is="isVertical() ? 'ChevronUpIcon' : 'ChevronLeftIcon'" :class="slotProps.icon" v-bind="ptm('pcPrevButton')['icon']" />
</slot>
</template>
</Button>
@ -72,7 +72,7 @@
>
<template #icon="slotProps">
<slot name="nexticon">
<component :is="isVertical() ? 'ChevronDownIcon' : 'ChevronRightIcon'" :class="[cx('nextButtonIcon'), slotProps.class]" v-bind="ptm('pcNextButton')['icon']" />
<component :is="isVertical() ? 'ChevronDownIcon' : 'ChevronRightIcon'" :class="slotProps.class" v-bind="ptm('pcNextButton')['icon']" />
</slot>
</template>
</Button>

2
components/lib/carousel/style/CarouselStyle.d.ts vendored
View File

@ -29,7 +29,7 @@ export enum CarouselClasses {
/**
* Class name of the previous button element
*/
pcPreviousButton = 'p-carousel-prev-button',
pcPrevButton = 'p-carousel-prev-button',
/**
* Class name of the viewport element
*/

2
components/lib/carousel/style/CarouselStyle.js
View File

@ -103,7 +103,7 @@ const classes = {
header: 'p-carousel-header',
contentContainer: 'p-carousel-content-container',
content: 'p-carousel-content',
pcPreviousButton: ({ instance }) => [
pcPrevButton: ({ instance }) => [
'p-carousel-prev-button',
{
'p-disabled': instance.backwardIsDisabled

2
components/lib/datepicker/BaseDatePicker.vue
View File

@ -39,7 +39,7 @@ export default {
type: String,
default: undefined
},
previousIcon: {
prevIcon: {
type: String,
default: undefined
},

8
components/lib/datepicker/DatePicker.d.ts vendored
View File

@ -175,7 +175,7 @@ export interface DatePickerPassThroughOptions {
* Used to pass attributes to the previous button's DOM element.
* @see {@link ButtonPassThroughOptions}
*/
pcPreviousButton?: ButtonPassThroughOptions<DatePickerSharedPassThroughMethodOptions>;
pcPrevButton?: ButtonPassThroughOptions<DatePickerSharedPassThroughMethodOptions>;
/**
* Used to pass attributes to the title's DOM element.
*/
@ -570,9 +570,9 @@ export interface DatePickerProps {
icon?: string | undefined;
/**
* Icon to show in the previous button.
* @deprecated since v3.27.0. Use 'previousicon' slot.
* @deprecated since v3.27.0. Use 'previcon' slot.
*/
previousIcon?: string | undefined;
prevIcon?: string | undefined;
/**
* Icon to show in the next button.
* @deprecated since v3.27.0. Use 'nexticon' slot.
@ -937,7 +937,7 @@ export interface DatePickerSlots {
* Custom previous icon template.
* @param {Object} scope - previous icon slot's params.
*/
previousicon(scope: {
previcon(scope: {
/**
* Style class of the previous icon
*/

8
components/lib/datepicker/DatePicker.vue
View File

@ -78,19 +78,19 @@
<Button
v-show="showOtherMonths ? groupIndex === 0 : false"
:ref="previousButtonRef"
:class="cx('pcPreviousButton')"
:class="cx('pcPrevButton')"
:disabled="disabled"
:aria-label="currentView === 'year' ? $primevue.config.locale.prevDecade : currentView === 'month' ? $primevue.config.locale.prevYear : $primevue.config.locale.prevMonth"
:unstyled="unstyled"
@click="onPrevButtonClick"
@keydown="onContainerButtonKeydown"
v-bind="navigatorButtonProps"
:pt="ptm('pcPreviousButton')"
:pt="ptm('pcPrevButton')"
data-pc-group-section="navigator"
>
<template #icon="slotProps">
<slot name="previousicon">
<component :is="previousIcon ? 'span' : 'ChevronLeftIcon'" :class="[previousIcon, slotProps.class]" v-bind="ptm('pcPreviousButton')['icon']" />
<slot name="previcon">
<component :is="prevIcon ? 'span' : 'ChevronLeftIcon'" :class="[prevIcon, slotProps.class]" v-bind="ptm('pcPrevButton')['icon']" />
</slot>
</template>
</Button>

2
components/lib/datepicker/style/DatePickerStyle.d.ts vendored
View File

@ -49,7 +49,7 @@ export enum DatePickerClasses {
/**
* Class name of the previous button element
*/
pcPreviousButton = 'p-datepicker-prev-button',
pcPrevButton = 'p-datepicker-prev-button',
/**
* Class name of the title element
*/

2
components/lib/datepicker/style/DatePickerStyle.js
View File

@ -381,7 +381,7 @@ const classes = {
calendarContainer: 'p-datepicker-calendar-container',
calendar: 'p-datepicker-calendar',
header: 'p-datepicker-header',
pcPreviousButton: 'p-datepicker-prev-button',
pcPrevButton: 'p-datepicker-prev-button',
title: 'p-datepicker-title',
viewMonth: 'p-datepicker-view-month',
viewYear: 'p-datepicker-view-year',

2
components/lib/tablist/TabList.d.ts vendored
View File

@ -56,7 +56,7 @@ export interface TabListPassThroughOptions {
/**
* Used to pass attributes to the previous button component.
*/
previousButton?: TabListPassThroughOptionType;
prevButton?: TabListPassThroughOptionType;
/**
* Used to pass attributes to the next button component.
*/

6
components/lib/tablist/TabList.vue
View File

@ -4,14 +4,14 @@
v-if="showNavigators && isPrevButtonEnabled"
ref="prevButton"
v-ripple
:class="cx('previousButton')"
:class="cx('prevButton')"
:aria-label="prevButtonAriaLabel"
:tabindex="$pcTabs.tabindex"
@click="onPrevButtonClick"
v-bind="ptm('previousButton')"
v-bind="ptm('prevButton')"
data-pc-group-section="navigator"
>
<component :is="templates.previousicon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('previousIcon')" />
<component :is="templates.previcon || 'ChevronLeftIcon'" aria-hidden="true" v-bind="ptm('prevIcon')" />
</button>
<div ref="content" :class="cx('content')" @scroll="onScroll" v-bind="ptm('content')">
<div ref="tabs" :class="cx('tabs')" role="tablist" :aria-orientation="$pcTabs.orientation || 'horizontal'" v-bind="ptm('tabs')">

2
components/lib/tablist/style/TabListStyle.d.ts vendored
View File

@ -29,7 +29,7 @@ export enum TabListClasses {
/**
* Class name of the previous button element
*/
previousButton = 'p-tablist-prev-button',
prevButton = 'p-tablist-prev-button',
/**
* Class name of the next button element
*/

2
components/lib/tablist/style/TabListStyle.js
View File

@ -10,7 +10,7 @@ const classes = {
],
tabs: 'p-tablist-tab-list',
inkbar: 'p-tablist-active-bar',
previousButton: 'p-tablist-prev-button p-tablist-nav-button',
prevButton: 'p-tablist-prev-button p-tablist-nav-button',
nextButton: 'p-tablist-next-button p-tablist-nav-button'
};

2
components/lib/tabs/Tabs.d.ts vendored
View File

@ -146,7 +146,7 @@ export interface TabsSlots {
/**
* Previous button icon template for the scrollable component.
*/
previousicon(): VNode[];
previcon(): VNode[];
/**
* Next button icon template for the scrollable component.
*/

2
components/lib/tabview/BaseTabView.vue
View File

@ -26,7 +26,7 @@ export default {
type: Boolean,
default: false
},
previousButtonProps: {
prevButtonProps: {
type: null,
default: null
},

10
components/lib/tabview/TabView.d.ts vendored
View File

@ -96,11 +96,11 @@ export interface TabViewPassThroughOptions {
/**
* Used to pass attributes to the previous button's DOM element.
*/
previousButton?: TabViewPassThroughOptionType;
prevButton?: TabViewPassThroughOptionType;
/**
* Used to pass attributes to the previous button icon's DOM element.
*/
previousIcon?: TabViewPassThroughOptionType;
prevIcon?: TabViewPassThroughOptionType;
/**
* Used to pass attributes to the next button's DOM element.
*/
@ -193,7 +193,7 @@ export interface TabViewProps {
* Used to pass all properties of the HTMLButtonElement to the previous button.
* @deprecated since v3.26.0. Use 'pt' property instead.
*/
previousButtonProps?: ButtonHTMLAttributes | undefined;
prevButtonProps?: ButtonHTMLAttributes | undefined;
/**
* Used to pass all properties of the HTMLButtonElement to the next button.
* @deprecated since v3.26.0. Use 'pt' property instead.
@ -201,7 +201,7 @@ export interface TabViewProps {
nextButtonProps?: ButtonHTMLAttributes | undefined;
/**
* Previous icon of the scrollable tabview.
* @deprecated since v3.27.0. Use 'previousicon' slot.
* @deprecated since v3.27.0. Use 'previcon' slot.
*/
prevIcon?: string | undefined;
/**
@ -241,7 +241,7 @@ export interface TabViewSlots {
/**
* Previous button icon template for the scrollable component.
*/
previousicon(): VNode[];
previcon(): VNode[];
/**
* Next button icon template for the scrollable component.
*/

8
components/lib/tabview/TabView.vue
View File

@ -6,15 +6,15 @@
ref="prevBtn"
v-ripple
type="button"
:class="cx('previousButton')"
:class="cx('prevButton')"
:tabindex="tabindex"
:aria-label="prevButtonAriaLabel"
@click="onPrevButtonClick"
v-bind="{ ...previousButtonProps, ...ptm('previousButton') }"
v-bind="{ ...prevButtonProps, ...ptm('prevButton') }"
data-pc-group-section="navbutton"
>
<slot name="previousicon">
<component :is="prevIcon ? 'span' : 'ChevronLeftIcon'" aria-hidden="true" :class="prevIcon" v-bind="ptm('previousIcon')" />
<slot name="previcon">
<component :is="prevIcon ? 'span' : 'ChevronLeftIcon'" aria-hidden="true" :class="prevIcon" v-bind="ptm('prevIcon')" />
</slot>
</button>
<div ref="content" :class="cx('navContent')" @scroll="onScroll" v-bind="ptm('navContent')">

2
components/lib/tabview/style/TabViewStyle.d.ts vendored
View File

@ -22,7 +22,7 @@ export enum TabViewClasses {
/**
* Class name of the previous button element
*/
previousButton = 'p-tabview-prev-button',
prevButton = 'p-tabview-prev-button',
/**
* Class name of the nav content element
*/

2
components/lib/tabview/style/TabViewStyle.js
View File

@ -139,7 +139,7 @@ const classes = {
}
],
navContainer: 'p-tabview-tablist-container',
previousButton: 'p-tabview-prev-button',
prevButton: 'p-tabview-prev-button',
navContent: 'p-tabview-tablist-scroll-container',
nav: 'p-tabview-tablist',
tab: {

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

@ -9671,7 +9671,7 @@
"description": "Used to pass attributes to the header's DOM element."
},
{
"name": "pcPreviousButton",
"name": "pcPrevButton",
"optional": true,
"readonly": false,
"type": "ButtonPassThroughOptions<DatePickerSharedPassThroughMethodOptions>",
@ -10391,13 +10391,13 @@
"deprecated": "since v3.27.0. Use 'dropdownicon' slot."
},
{
"name": "previousIcon",
"name": "prevIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to show in the previous button.",
"deprecated": "since v3.27.0. Use 'previousicon' slot."
"deprecated": "since v3.27.0. Use 'previcon' slot."
},
{
"name": "nextIcon",
@ -10976,7 +10976,7 @@
"description": "Custom input icon template."
},
{
"name": "previousicon",
"name": "previcon",
"parameters": [
{
"name": "scope",
@ -11752,7 +11752,7 @@
"description": "Used to pass attributes to the content's DOM element."
},
{
"name": "pcPreviousButton",
"name": "pcPrevButton",
"optional": true,
"readonly": false,
"type": "ButtonPassThroughOptions<CarouselSharedPassThroughMethodOptions>",
@ -12390,7 +12390,7 @@
"description": "Class name of the content element"
},
{
"name": "pcPreviousButton",
"name": "pcPrevButton",
"optional": false,
"readonly": false,
"value": "\"p-carousel-prev-button\"",
@ -26798,7 +26798,7 @@
"description": "Used to pass attributes to the header's DOM element."
},
{
"name": "pcPreviousButton",
"name": "pcPrevButton",
"optional": true,
"readonly": false,
"type": "ButtonPassThroughOptions<DatePickerSharedPassThroughMethodOptions>",
@ -27525,13 +27525,13 @@
"deprecated": "since v3.27.0. Use 'dropdownicon' slot."
},
{
"name": "previousIcon",
"name": "prevIcon",
"optional": true,
"readonly": false,
"type": "string",
"default": "",
"description": "Icon to show in the previous button.",
"deprecated": "since v3.27.0. Use 'previousicon' slot."
"deprecated": "since v3.27.0. Use 'previcon' slot."
},
{
"name": "nextIcon",
@ -28110,7 +28110,7 @@
"description": "Custom input icon template."
},
{
"name": "previousicon",
"name": "previcon",
"parameters": [
{
"name": "scope",
@ -28550,7 +28550,7 @@
"description": "Class name of the header element"
},
{
"name": "pcPreviousButton",
"name": "pcPrevButton",
"optional": false,
"readonly": false,
"value": "\"p-datepicker-prev-button\"",
@ -68923,7 +68923,7 @@
"description": "Used to pass attributes to the root's DOM element."
},
{
"name": "previousButton",
"name": "prevButton",
"optional": true,
"readonly": false,
"type": "TabListPassThroughOptionType",
@ -69184,7 +69184,7 @@
"description": "Class name of the inkbar element"
},
{
"name": "previousButton",
"name": "prevButton",
"optional": false,
"readonly": false,
"value": "\"p-tablist-prev-button\"",
@ -70785,7 +70785,7 @@
"description": "Default slot to detect TabPanel components."
},
{
"name": "previousicon",
"name": "previcon",
"parameters": [],
"returnType": "VNode<RendererNode, RendererElement, Object>[]",
"description": "Previous button icon template for the scrollable component."
@ -71034,7 +71034,7 @@
"description": "Class name of the nav container element"
},
{
"name": "previousButton",
"name": "prevButton",
"optional": false,
"readonly": false,
"value": "\"p-tabview-prev-button\"",