61 lines
1.4 KiB
JavaScript
61 lines
1.4 KiB
JavaScript
|
const InplaceProps = [
|
||
|
|
{
|
||
|
|
name: "active",
|
||
|
|
type: "boolean",
|
||
|
|
default: "false",
|
||
|
|
description: "Whether the content is displayed or not."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "closable",
|
||
|
|
type: "boolean",
|
||
|
|
default: "false",
|
||
|
|
description: "Displays a button to switch back to display mode."
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const InplaceEvents = [
|
||
|
|
{
|
||
|
|
name: "open",
|
||
|
|
description: "Callback to invoke when inplace is opened.",
|
||
|
|
arguments: [
|
||
|
|
{
|
||
|
|
name: "event",
|
||
|
|
type: "object",
|
||
|
|
description: "Browser event"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "close",
|
||
|
|
description: "Callback to invoke when inplace is closed.",
|
||
|
|
arguments: [
|
||
|
|
{
|
||
|
|
name: "event",
|
||
|
|
type: "object",
|
||
|
|
description: "Browser event"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const InplaceSlots = [
|
||
|
|
{
|
||
|
|
name: "display",
|
||
|
|
description: "Output content"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "content",
|
||
|
|
description: "Actual content"
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
inplace: {
|
||
|
|
name: "Inplace",
|
||
|
|
description: "Inplace provides an easy to do editing and display at the same time where clicking the output displays the actual content.",
|
||
|
|
props: InplaceProps,
|
||
|
|
events: InplaceEvents,
|
||
|
|
slots: InplaceSlots
|
||
|
|
}
|
||
|
|
};
|