vertumnus/primevue-mirror
1
0
Fork 0
mirror of https://github.com/primefaces/primevue.git synced 2025-05-09 00:42:36 +00:00
Code Issues Projects Releases Packages Wiki Activity

Fixed #4530 - Export styles of all components

Browse source
This commit is contained in:
mertsincan 2023-10-02 11:46:09 +01:00
parent 7b6d458067
commit dc2913e887
463 changed files with 10696 additions and 9670 deletions
Download patch file Download diff file Expand all files Collapse all files

71
components/lib/orderlist/BaseOrderList.vue
View file

@ -1,70 +1,6 @@
<script>
import BaseComponent from 'primevue/basecomponent';
import { useStyle } from 'primevue/usestyle';
const styles = `
@layer primevue {
.p-orderlist {
display: flex;
}
.p-orderlist-controls {
display: flex;
flex-direction: column;
justify-content: center;
}
.p-orderlist-list-container {
flex: 1 1 auto;
}
.p-orderlist-list {
list-style-type: none;
margin: 0;
padding: 0;
overflow: auto;
min-height: 12rem;
max-height: 24rem;
}
.p-orderlist-item {
cursor: pointer;
overflow: hidden;
position: relative;
}
.p-orderlist.p-state-disabled .p-orderlist-item,
.p-orderlist.p-state-disabled .p-button {
cursor: default;
}
.p-orderlist.p-state-disabled .p-orderlist-list {
overflow: hidden;
}
}
`;
const classes = {
root: ({ props }) => [
'p-orderlist p-component',
{
'p-orderlist-striped': props.stripedRows
}
],
controls: 'p-orderlist-controls',
header: 'p-orderlist-header',
container: 'p-orderlist-list-container',
list: 'p-orderlist-list',
item: ({ instance, item, id }) => [
'p-orderlist-item',
{
'p-highlight': instance.isSelected(item),
'p-focus': id === instance.focusedOptionId
}
]
};
const { load: loadStyle } = useStyle(styles, { name: 'orderlist', manual: true });
import OrderListStyle from 'primevue/orderlist/style';
export default {
name: 'BaseOrderList',
@ -135,10 +71,7 @@ export default {
default: null
}
},
css: {
classes,
loadStyle
},
style: OrderListStyle,
provide() {
return {
$parentInstance: this