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

OrderList & PickList updates

pull/4931/head
tugcekucukoglu 2023-12-05 12:50:48 +03:00
parent d382e6c960
commit 1de2720aed
1 changed files with 240 additions and 208 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

448
components/lib/passthrough/tailwind/index.js
View File

@ -3147,73 +3147,81 @@ export default {
class: 'flex flex-col justify-center p-5' class: 'flex flex-col justify-center p-5'
}, },
moveupbutton: { moveupbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
movetopbutton: { movetopbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
movedownbutton: { movedownbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
movebottombutton: { movebottombutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
@ -3255,73 +3263,81 @@ export default {
class: 'flex flex-col justify-center p-5' class: 'flex flex-col justify-center p-5'
}, },
sourcemoveupbutton: { sourcemoveupbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
sourcemovetopbutton: { sourcemovetopbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
sourcemovedownbutton: { sourcemovedownbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
sourcemovebottombutton: { sourcemovebottombutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
@ -3358,73 +3374,81 @@ export default {
class: 'flex flex-col justify-center p-5' class: 'flex flex-col justify-center p-5'
}, },
movetotargetbutton: { movetotargetbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
movealltotargetbutton: { movealltotargetbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
movetosourcebutton: { movetosourcebutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
movealltosourcebutton: { movealltosourcebutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
@ -3433,73 +3457,81 @@ export default {
class: 'flex flex-col justify-center p-5' class: 'flex flex-col justify-center p-5'
}, },
targetmoveupbutton: { targetmoveupbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
targetmovetopbutton: { targetmovetopbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
targetmovedownbutton: { targetmovedownbutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }
}, },
targetmovebottombutton: { targetmovebottombutton: {
root: ({ context }) => ({ root: ({ context }) => {
class: [ return {
'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component class: [
'text-white bg-blue-500 border border-blue-500 rounded-md', 'relative inline-flex cursor-pointer select-none items-center align-bottom text-center overflow-hidden m-0', // button component
'transition duration-200 ease-in-out', 'text-white bg-blue-500 border border-blue-500 rounded-md',
'justify-center px-0 py-3', // icon only 'transition duration-200 ease-in-out',
'mb-2 w-12', // orderlist button 'justify-center px-0 py-3', // icon only
'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode 'mb-2 w-12', // orderlist button
{ 'dark:bg-sky-300 dark:border-sky-300 dark:text-gray-900', //Dark Mode
'cursor-default pointer-events-none opacity-60': context.disabled {
} 'cursor-default pointer-events-none opacity-60': context.disabled
] }
}), ]
};
},
label: { label: {
class: 'flex-initial w-0' class: 'flex-initial w-0'
} }