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

Add Listbox header and remove from OrderList/PickList

pull/5507/head
tugcekucukoglu 2024-03-26 13:31:15 +03:00
parent fc947d61fa
commit bb51b40051
7 changed files with 6 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/lib/listbox/Listbox.vue
View File

@ -11,7 +11,9 @@
:data-p-hidden-accessible="true" :data-p-hidden-accessible="true"
:data-p-hidden-focusable="true" :data-p-hidden-focusable="true"
></span> ></span>
<slot name="header" :value="modelValue" :options="visibleOptions"></slot> <div :class="cx('header')">
<slot name="header" :value="modelValue" :options="visibleOptions"></slot>
</div>
<div v-if="filter" :class="cx('header')" v-bind="ptm('header')"> <div v-if="filter" :class="cx('header')" v-bind="ptm('header')">
<div :class="cx('filterContainer')" v-bind="ptm('filterContainer')"> <div :class="cx('filterContainer')" v-bind="ptm('filterContainer')">
<InputText <InputText

4
components/lib/orderlist/OrderList.d.ts vendored
View File

@ -133,10 +133,6 @@ export interface OrderListPassThroughOptions {
* Used to pass attributes to the container's DOM element. * Used to pass attributes to the container's DOM element.
*/ */
container?: OrderListPassThroughOptionType; container?: OrderListPassThroughOptionType;
/**
* Used to pass attributes to the header's DOM element.
*/
header?: OrderListPassThroughOptionType;
/** /**
* Used to pass attributes to the Listbox component. * Used to pass attributes to the Listbox component.
* @see {@link ListboxPassThroughOptions} * @see {@link ListboxPassThroughOptions}

4
components/lib/orderlist/OrderList.vue
View File

@ -55,9 +55,7 @@
@change="onChangeSelection" @change="onChangeSelection"
> >
<template v-if="$slots.header" #header> <template v-if="$slots.header" #header>
<div :class="cx('header')" v-bind="ptm('header')"> <slot name="header"></slot>
<slot name="header"></slot>
</div>
</template> </template>
<template #option="{ option, index }"> <template #option="{ option, index }">
<slot name="item" :item="option" :index="index" /> <slot name="item" :item="option" :index="index" />

1
components/lib/orderlist/style/OrderListStyle.js
View File

@ -4,7 +4,6 @@ const classes = {
root: 'p-orderlist p-component', root: 'p-orderlist p-component',
controls: 'p-orderlist-controls', controls: 'p-orderlist-controls',
container: 'p-orderlist-list-container', container: 'p-orderlist-list-container',
header: 'p-orderlist-header',
list: 'p-orderlist-list', list: 'p-orderlist-list',
item: 'p-orderlist-item' item: 'p-orderlist-item'
}; };

8
components/lib/picklist/PickList.d.ts vendored
View File

@ -172,10 +172,6 @@ export interface PickListPassThroughOptions {
* Used to pass attributes to the source wrapper's DOM element. * Used to pass attributes to the source wrapper's DOM element.
*/ */
sourceWrapper?: PickListPassThroughOptionType; sourceWrapper?: PickListPassThroughOptionType;
/**
* Used to pass attributes to the source header's DOM element.
*/
sourceHeader?: PickListPassThroughOptionType;
/** /**
* Used to pass attributes to the source list's DOM element. * Used to pass attributes to the source list's DOM element.
*/ */
@ -204,10 +200,6 @@ export interface PickListPassThroughOptions {
* Used to pass attributes to the target wrapper's DOM element. * Used to pass attributes to the target wrapper's DOM element.
*/ */
targetWrapper?: PickListPassThroughOptionType; targetWrapper?: PickListPassThroughOptionType;
/**
* Used to pass attributes to the target header's DOM element.
*/
targetHeader?: PickListPassThroughOptionType;
/** /**
* Used to pass attributes to the target list's DOM element. * Used to pass attributes to the target list's DOM element.
*/ */

8
components/lib/picklist/PickList.vue
View File

@ -56,9 +56,7 @@
data-pc-group-section="list" data-pc-group-section="list"
> >
<template v-if="$slots.sourceheader" #header> <template v-if="$slots.sourceheader" #header>
<div :class="cx('sourceHeader')" v-bind="ptm('sourceHeader')" data-pc-group-section="header"> <slot name="sourceheader"></slot>
<slot name="sourceheader"></slot>
</div>
</template> </template>
<template #option="{ option, index }"> <template #option="{ option, index }">
<slot name="item" :item="option" :index="index" /> <slot name="item" :item="option" :index="index" />
@ -121,9 +119,7 @@
data-pc-group-section="list" data-pc-group-section="list"
> >
<template v-if="$slots.targetheader" #header> <template v-if="$slots.targetheader" #header>
<div :class="cx('targetheader')" v-bind="ptm('targetheader')" data-pc-group-section="header"> <slot name="targetheader"></slot>
<slot name="targetheader"></slot>
</div>
</template> </template>
<template #option="{ option, index }"> <template #option="{ option, index }">
<slot name="item" :item="option" :index="index" /> <slot name="item" :item="option" :index="index" />

2
components/lib/picklist/style/PickListStyle.js
View File

@ -4,11 +4,9 @@ const classes = {
root: 'p-picklist p-component', root: 'p-picklist p-component',
sourceControls: 'p-picklist-buttons p-picklist-source-controls', sourceControls: 'p-picklist-buttons p-picklist-source-controls',
sourceWrapper: 'p-picklist-list-wrapper p-picklist-source-wrapper', sourceWrapper: 'p-picklist-list-wrapper p-picklist-source-wrapper',
sourceHeader: 'p-picklist-header',
sourceList: 'p-picklist-list p-picklist-source-list', sourceList: 'p-picklist-list p-picklist-source-list',
buttons: 'p-picklist-buttons p-picklist-transfer-buttons', buttons: 'p-picklist-buttons p-picklist-transfer-buttons',
targetWrapper: 'p-picklist-list-wrapper p-picklist-target-wrapper', targetWrapper: 'p-picklist-list-wrapper p-picklist-target-wrapper',
targetHeader: 'p-picklist-header',
targetList: 'p-picklist-list p-picklist-target', targetList: 'p-picklist-list p-picklist-target',
item: 'p-picklist-item', item: 'p-picklist-item',
targetControls: 'p-picklist-buttons p-picklist-target-controls' targetControls: 'p-picklist-buttons p-picklist-target-controls'