99 lines
2.6 KiB
JavaScript
99 lines
2.6 KiB
JavaScript
|
const SelectButtonProps = [
|
||
|
|
{
|
||
|
|
name: "modelValue",
|
||
|
|
type: "any",
|
||
|
|
default: "null",
|
||
|
|
description: "Value of the component."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "options",
|
||
|
|
type: "array",
|
||
|
|
default: "null",
|
||
|
|
description: "An array of selectitems to display as the available options."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "optionLabel",
|
||
|
|
type: "string",
|
||
|
|
default: "null",
|
||
|
|
description: "Property name or getter function to use as the label of an option."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "optionValue",
|
||
|
|
type: "string",
|
||
|
|
default: "null",
|
||
|
|
description: "Property name or getter function to use as the value of an option, defaults to the option itself when not defined."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "optionDisabled",
|
||
|
|
type: "boolean",
|
||
|
|
default: "null",
|
||
|
|
description: "Property name or getter function to use as the disabled flag of an option, defaults to false when not defined."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "multiple",
|
||
|
|
type: "boolean",
|
||
|
|
default: "false",
|
||
|
|
description: "When specified, allows selecting multiple values."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "disabled",
|
||
|
|
type: "boolean",
|
||
|
|
default: "false",
|
||
|
|
description: "When present, it specifies that the element should be disabled."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "dataKey",
|
||
|
|
type: "string",
|
||
|
|
default: "null",
|
||
|
|
description: "A property to uniquely identify an option."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "ariaLabelledBy",
|
||
|
|
type: "string",
|
||
|
|
default: "null",
|
||
|
|
description: "Establishes relationships between the component and label(s) where its value should be one or more element IDs."
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const SelectButtonEvents = [
|
||
|
|
{
|
||
|
|
name: "focus",
|
||
|
|
description: "Callback to invoke on focus.",
|
||
|
|
arguments: [
|
||
|
|
{
|
||
|
|
name: "event",
|
||
|
|
type: "object",
|
||
|
|
description: "Browser event"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "blur",
|
||
|
|
description: "Callback to invoke on blur.",
|
||
|
|
arguments: [
|
||
|
|
{
|
||
|
|
name: "event",
|
||
|
|
type: "object",
|
||
|
|
description: "Browser event"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const SelectButtonSlots = [
|
||
|
|
{
|
||
|
|
name: "option",
|
||
|
|
description: "Custom content for the item's option"
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
selectbutton: {
|
||
|
|
name: "SelectButton",
|
||
|
|
description: "SelectButton is a form component to choose a value from a list of options using button elements.",
|
||
|
|
props: SelectButtonProps,
|
||
|
|
events: SelectButtonEvents,
|
||
|
|
slots: SelectButtonSlots
|
||
|
|
}
|
||
|
|
};
|