147 lines
3.6 KiB
JavaScript
147 lines
3.6 KiB
JavaScript
const SpeedDialProps = [
|
|
{
|
|
name: "model",
|
|
type: "object",
|
|
default: "any",
|
|
description: "MenuModel instance to define the action items."
|
|
},
|
|
{
|
|
name: "visible",
|
|
type: "boolean",
|
|
default: "false",
|
|
description: "Specifies the visibility of the overlay."
|
|
},
|
|
{
|
|
name: "direction",
|
|
type: "string",
|
|
default: "up",
|
|
description: "Specifies the opening direction of actions. Valid values are 'up', 'down', 'left', 'right', 'up-left', 'up-right', 'down-left' and 'down-right'"
|
|
},
|
|
{
|
|
name: "transitionDelay",
|
|
type: "number",
|
|
default: "30",
|
|
description: "Transition delay step for each action item."
|
|
},
|
|
{
|
|
name: "type",
|
|
type: "string",
|
|
default: "linear",
|
|
description: "Specifies the opening type of actions."
|
|
},
|
|
{
|
|
name: "radius",
|
|
type: "number",
|
|
default: "0",
|
|
description: "Radius for *circle types."
|
|
},
|
|
{
|
|
name: "mask",
|
|
type: "boolean",
|
|
default: "false",
|
|
description: "Whether to show a mask element behind the speeddial"
|
|
},
|
|
{
|
|
name: "disabled",
|
|
type: "boolean",
|
|
default: "false",
|
|
description: "Whether the component is disabled."
|
|
},
|
|
{
|
|
name: "hideOnClickOutside",
|
|
type: "boolean",
|
|
default: "true",
|
|
description: "Whether the actions close when clicked outside."
|
|
},
|
|
{
|
|
name: "buttonClassName",
|
|
type: "string",
|
|
default: "null",
|
|
description: "Style class of the button element."
|
|
},
|
|
{
|
|
name: "maskClassName",
|
|
type: "string",
|
|
default: "null",
|
|
description: "Style class of the mask element."
|
|
},
|
|
{
|
|
name: "maskStyle",
|
|
type: "object",
|
|
default: "null",
|
|
description: "Inline style of the mask element."
|
|
},
|
|
{
|
|
name: "showIcon",
|
|
type: "string",
|
|
default: "pi pi-plus",
|
|
description: "Show icon of the button element."
|
|
},
|
|
{
|
|
name: "hideIcon",
|
|
type: "string",
|
|
default: "null",
|
|
description: " Hide icon of the button element."
|
|
},
|
|
{
|
|
name: "rotateAnimation",
|
|
type: "boolean",
|
|
default: "true",
|
|
description: "Defined to rotate showIcon when hideIcon is not present."
|
|
},
|
|
{
|
|
name: "class",
|
|
type: "object",
|
|
default: "null",
|
|
description: "Style class of the element."
|
|
},
|
|
{
|
|
name: "style",
|
|
type: "any",
|
|
default: "null",
|
|
description: "Style class of the element."
|
|
}
|
|
];
|
|
|
|
const SpeedDialEvents = [
|
|
{
|
|
name: "click",
|
|
description: "Fired when the button element clicked.",
|
|
arguments: [
|
|
{
|
|
name: "event",
|
|
type: "object",
|
|
description: "Browser event"
|
|
}
|
|
]
|
|
},
|
|
{
|
|
name: "show",
|
|
description: "Fired when the actions are visible."
|
|
},
|
|
{
|
|
name: "hide",
|
|
description: "Fired when the actions are hidden."
|
|
},
|
|
];
|
|
|
|
const SpeedDialSlots = [
|
|
{
|
|
name: "item",
|
|
description: "Custom content for the item"
|
|
},
|
|
{
|
|
name: "toggle",
|
|
description: "toggle: toggle metadata"
|
|
}
|
|
];
|
|
|
|
module.exports = {
|
|
speeddial: {
|
|
name: "SpeedDial",
|
|
description: "When pressed, a floating action button can display multiple primary actions that can be performed on a page.",
|
|
props: SpeedDialProps,
|
|
events: SpeedDialEvents,
|
|
slots: SpeedDialSlots
|
|
}
|
|
} |