174 lines
3.6 KiB
JavaScript
174 lines
3.6 KiB
JavaScript
|
export default {
|
||
|
|
input: {
|
||
|
|
class: 'hidden'
|
||
|
|
},
|
||
|
|
buttonbar: {
|
||
|
|
class: [
|
||
|
|
// Flexbox
|
||
|
|
'flex',
|
||
|
|
'flex-wrap',
|
||
|
|
|
||
|
|
// Colors
|
||
|
|
'bg-surface-50',
|
||
|
|
'dark:bg-surface-800',
|
||
|
|
'text-surface-700',
|
||
|
|
'dark:text-white/80',
|
||
|
|
|
||
|
|
// Spacing
|
||
|
|
'p-5',
|
||
|
|
'gap-2',
|
||
|
|
|
||
|
|
// Borders
|
||
|
|
'border',
|
||
|
|
'border-solid',
|
||
|
|
'border-surface-200',
|
||
|
|
'dark:border-surface-700',
|
||
|
|
'border-b-0',
|
||
|
|
|
||
|
|
// Shape
|
||
|
|
'rounded-tr-lg',
|
||
|
|
'rounded-tl-lg'
|
||
|
|
]
|
||
|
|
},
|
||
|
|
chooseButton: {
|
||
|
|
class: [
|
||
|
|
'relative',
|
||
|
|
|
||
|
|
// Alignments
|
||
|
|
'items-center inline-flex text-center align-bottom justify-center',
|
||
|
|
|
||
|
|
// Spacing
|
||
|
|
'px-2.5 py-1.5',
|
||
|
|
|
||
|
|
// Shape
|
||
|
|
'rounded-md',
|
||
|
|
|
||
|
|
// Font
|
||
|
|
'text-sm',
|
||
|
|
'font-semibold',
|
||
|
|
|
||
|
|
// Colors
|
||
|
|
'text-white dark:text-surface-900',
|
||
|
|
'bg-primary-500 dark:bg-primary-400',
|
||
|
|
'border-primary-500 dark:border-primary-400',
|
||
|
|
|
||
|
|
// States
|
||
|
|
'hover:bg-primary-600 dark:hover:bg-primary-300',
|
||
|
|
|
||
|
|
// Misc
|
||
|
|
'overflow-hidden',
|
||
|
|
'cursor-pointer'
|
||
|
|
]
|
||
|
|
},
|
||
|
|
chooseIcon: {
|
||
|
|
class: ['mr-2', 'inline-block']
|
||
|
|
},
|
||
|
|
chooseButtonLabel: {
|
||
|
|
class: ['flex-1', 'font-bold']
|
||
|
|
},
|
||
|
|
uploadbutton: {
|
||
|
|
icon: {
|
||
|
|
class: 'mr-2'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
cancelbutton: {
|
||
|
|
icon: {
|
||
|
|
class: 'mr-2'
|
||
|
|
}
|
||
|
|
},
|
||
|
|
content: {
|
||
|
|
class: [
|
||
|
|
// Position
|
||
|
|
'relative',
|
||
|
|
|
||
|
|
// Colors
|
||
|
|
'bg-surface-0',
|
||
|
|
'dark:bg-surface-900',
|
||
|
|
'text-surface-700',
|
||
|
|
'dark:text-white/80',
|
||
|
|
|
||
|
|
// Spacing
|
||
|
|
'p-8',
|
||
|
|
|
||
|
|
// Borders
|
||
|
|
'border',
|
||
|
|
'border-surface-200',
|
||
|
|
'dark:border-surface-700',
|
||
|
|
|
||
|
|
// Shape
|
||
|
|
'rounded-b-lg'
|
||
|
|
]
|
||
|
|
},
|
||
|
|
file: {
|
||
|
|
class: [
|
||
|
|
// Flexbox
|
||
|
|
'flex',
|
||
|
|
'items-center',
|
||
|
|
'flex-wrap',
|
||
|
|
|
||
|
|
// Spacing
|
||
|
|
'p-4',
|
||
|
|
'mb-2',
|
||
|
|
'last:mb-0',
|
||
|
|
|
||
|
|
// Borders
|
||
|
|
'border',
|
||
|
|
'border-surface-200',
|
||
|
|
'dark:border-surface-700',
|
||
|
|
'gap-2',
|
||
|
|
|
||
|
|
// Shape
|
||
|
|
'rounded'
|
||
|
|
]
|
||
|
|
},
|
||
|
|
thumbnail: {
|
||
|
|
class: 'shrink-0'
|
||
|
|
},
|
||
|
|
fileName: {
|
||
|
|
class: 'mb-2 break-all'
|
||
|
|
},
|
||
|
|
fileSize: {
|
||
|
|
class: 'mr-2'
|
||
|
|
},
|
||
|
|
uploadicon: {
|
||
|
|
class: 'mr-2'
|
||
|
|
},
|
||
|
|
progressbar: {
|
||
|
|
root: {
|
||
|
|
class: [
|
||
|
|
// Position and Overflow
|
||
|
|
'overflow-hidden',
|
||
|
|
'absolute top-0 left-0',
|
||
|
|
|
||
|
|
// Shape and Size
|
||
|
|
'border-0',
|
||
|
|
'h-2',
|
||
|
|
'rounded-md',
|
||
|
|
'w-full',
|
||
|
|
|
||
|
|
// Colors
|
||
|
|
'bg-surface-100 dark:bg-surface-700'
|
||
|
|
]
|
||
|
|
},
|
||
|
|
value: {
|
||
|
|
class: [
|
||
|
|
// Flexbox & Overflow & Position
|
||
|
|
'absolute flex items-center justify-center overflow-hidden',
|
||
|
|
|
||
|
|
// Colors
|
||
|
|
'bg-primary-500 dark:bg-primary-400',
|
||
|
|
|
||
|
|
// Spacing & Sizing
|
||
|
|
'm-0',
|
||
|
|
'h-full w-0',
|
||
|
|
|
||
|
|
// Shape
|
||
|
|
'border-0',
|
||
|
|
|
||
|
|
// Transitions
|
||
|
|
'transition-width duration-1000 ease-in-out'
|
||
|
|
]
|
||
|
|
}
|
||
|
|
}
|
||
|
|
};
|