109 lines
2.6 KiB
JavaScript
109 lines
2.6 KiB
JavaScript
const ChipsProps = [
|
|
{
|
|
name: "modelValue",
|
|
type: "array",
|
|
default: "null",
|
|
description: "Value of the component."
|
|
},
|
|
{
|
|
name: "max",
|
|
type: "number",
|
|
default: "null",
|
|
description: "Maximum number of entries allowed."
|
|
},
|
|
{
|
|
name: "separator",
|
|
type: "string",
|
|
default: "null",
|
|
description: 'Separator char to add an item when pressed in addition to the enter key. Currently only possible value is ","'
|
|
},
|
|
{
|
|
name: "addOnBlur",
|
|
type: "boolean",
|
|
default: "false",
|
|
description: "Whether to add an item when the input loses focus."
|
|
},
|
|
{
|
|
name: "allowDuplicate",
|
|
type: "boolean",
|
|
default: "false",
|
|
description: "Whether to allow duplicate values or not."
|
|
},
|
|
{
|
|
name: "disabled",
|
|
type: "boolean",
|
|
default: "false",
|
|
description: "When present, it specifies that the element should be disabled."
|
|
},
|
|
{
|
|
name: "inputId",
|
|
type: "string",
|
|
default: "null",
|
|
description: "Identifier of the focus input to match a label defined for the chips."
|
|
},
|
|
{
|
|
name: "inputClass",
|
|
type: "string",
|
|
default: "null",
|
|
description: "Style class of the input field."
|
|
},
|
|
{
|
|
name: "inputStyle",
|
|
type: "any",
|
|
default: "null",
|
|
description: "Inline style of the input field."
|
|
}
|
|
];
|
|
|
|
const ChipsEvents = [
|
|
{
|
|
name: "add",
|
|
description: "Callback to invoke when a chip is added.",
|
|
arguments: [
|
|
{
|
|
name: "originalEvent",
|
|
type: "object",
|
|
description: "Browser event"
|
|
},
|
|
{
|
|
name: "value",
|
|
type: "array",
|
|
description: "Added item value"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: "remove",
|
|
description: "Callback to invoke when a chip is removed.",
|
|
arguments: [
|
|
{
|
|
name: "originalEvent",
|
|
type: "object",
|
|
description: "Browser event"
|
|
},
|
|
{
|
|
name: "value",
|
|
type: "array",
|
|
description: "Removed item value"
|
|
}
|
|
]
|
|
}
|
|
];
|
|
|
|
const ChipsSlots = [
|
|
{
|
|
name: "chips",
|
|
description: "Custom content for the chips"
|
|
}
|
|
];
|
|
|
|
module.exports = {
|
|
chips: {
|
|
name: "chips",
|
|
description: "Chips is used to enter multiple values on an input field.",
|
|
props: ChipsProps,
|
|
events: ChipsEvents,
|
|
slots: ChipsSlots
|
|
}
|
|
};
|