55 lines
1.4 KiB
JavaScript
55 lines
1.4 KiB
JavaScript
|
const SplitterProps = [
|
||
|
|
{
|
||
|
|
name: "layout",
|
||
|
|
type: "string",
|
||
|
|
default: "horizontal",
|
||
|
|
description: 'Orientation of the panels, valid values are "horizontal" and "vertical".'
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "gutterSize",
|
||
|
|
type: "number",
|
||
|
|
default: "4",
|
||
|
|
description: "Size of the divider in pixels."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "stateKey",
|
||
|
|
type: "string",
|
||
|
|
default: "null",
|
||
|
|
description: "Storage identifier of a stateful Splitter."
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "stateStorage",
|
||
|
|
type: "string",
|
||
|
|
default: "storage",
|
||
|
|
description: 'Defines where a stateful splitter keeps its state, valid values are "session" for sessionStorage and "local" for localStorage.'
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
const SplitterEvents = [
|
||
|
|
{
|
||
|
|
name: "resizened",
|
||
|
|
description: "Callback to invoke when resize ends.",
|
||
|
|
arguments: [
|
||
|
|
{
|
||
|
|
name: "event.originalEvent",
|
||
|
|
type: "object",
|
||
|
|
description: "Browser event"
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: "event.sizes",
|
||
|
|
type: "array",
|
||
|
|
description: "Sizes of the panels as an array"
|
||
|
|
}
|
||
|
|
]
|
||
|
|
}
|
||
|
|
];
|
||
|
|
|
||
|
|
module.exports = {
|
||
|
|
splitter: {
|
||
|
|
name: "Splitter",
|
||
|
|
description: "Splitter is utilized to separate and resize panels",
|
||
|
|
props: SplitterProps,
|
||
|
|
events: SplitterEvents
|
||
|
|
}
|
||
|
|
};
|