1 line
6.8 KiB
JSON
1 line
6.8 KiB
JSON
|
{"type":"component","meta":{"docsUrl":"https://v2.quasar.dev/vue-components/popup-edit"},"props":{"model-value":{"desc":"Model of the component; Either use this property (along with a listener for 'update:model-value' event) OR use v-model directive","required":true,"syncable":true,"category":"model","type":"Any","examples":["# v-model=\"myValue\""]},"title":{"type":"String","desc":"Optional title (unless 'title' slot is used)","examples":["'Calories'"],"category":"content"},"buttons":{"type":"Boolean","desc":"Show Set and Cancel buttons","category":"content"},"label-set":{"type":"String","desc":"Override Set button label","examples":["'OK'"],"category":"content"},"label-cancel":{"type":"String","desc":"Override Cancel button label","examples":["'Cancel'"],"category":"content"},"auto-save":{"type":"Boolean","desc":"Automatically save the model (if changed) when user clicks/taps outside of the popup; It does not apply to ESC key","category":"behavior"},"color":{"type":"String","tsType":"NamedColor","desc":"Color name for component from the Quasar Color Palette","examples":["'primary'","'teal'","'teal-10'"],"category":"style","default":"'primary'","required":false},"validate":{"type":"Function","desc":"Validates model then triggers 'save' and closes Popup; Returns a Boolean ('true' means valid, 'false' means abort); Syntax: validate(value); For best performance, reference it from your scope and do not define it inline","params":{"value":{"type":"Any","desc":"Model to validate","examples":["'My car'"]}},"returns":{"type":"Boolean","desc":"Is the model valid or not?"},"default":"() => true","examples":["value => value !== 0"],"category":"model","required":false},"disable":{"type":"Boolean","desc":"Put component in disabled mode","category":"state"},"fit":{"type":"Boolean","desc":"Allows the menu to match at least the full width of its target","category":"position","passthrough":true},"cover":{"type":"Boolean","default":"true","desc":"Allows the menu to cover its target. When used, the 'self' and 'fit' props are no longer effective","category":"position","required":false},"anchor":{"type":"String","desc":"Two values setting the starting position or anchor point of the menu relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"category":"position","passthrough":true},"self":{"type":"String","desc":"Two values setting the menu's own position relative to its target","values":["'top left'","'top middle'","'top right'","'top start'","'top end'","'center left'","'center middle'","'center right'","'center start'","'center end'","'bottom left'","'bottom middle'","'bottom right'","'bottom start'","'bottom end'"],"category":"position","passthrough":true},"offset":{"type":"Array","desc":"An array of two numbers to offset the menu horizontally and vertically in pixels","examples":["[ 8, 8 ]","[ 5, 10 ]"],"category":"style","passthrough":true},"touch-position":{"type":"Boolean","desc":"Allows for the target position to be set by the mouse position, when the target of the menu is either clicked or touched","category":"behavior","passthrough":true},"persistent":{"type":"Boolean","desc":"Avoid menu closing by hitting ESC key or by clicking/tapping outside of the Popup","category":"behavior","passthrough":true},"separate-close-popup":{"type":"Boolean","desc":"Separate from parent menu, marking it as a separate closing point for v-close-popup (without this, chained menus close all together)","category":"behavior","passthrough":true},"square":{"type":"Boolean","desc":"Forces menu to have squared borders","category":"style","passthrough":true},"max-height":{"type":"String","desc":"The maximum height of the menu; Size in CSS units, including unit name","examples":["'16px'","'2rem'"],"category":"style","passthrough":true},"max-width":{"type":"String","desc":"The maximum width of the menu; Size in CSS units, including unit name","examp
|