@tomino/dynamic-form-semantic-ui
Version:
Semantic UI form renderer based on dynamic form generation
48 lines • 2.05 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const mobx_react_1 = require("mobx-react");
const header_view_1 = require("./header_view");
const editor_common_1 = require("../editor/editor_common");
const enums_1 = require("./enums");
exports.HeaderEditor = {
Component: mobx_react_1.observer(header_view_1.HeaderView),
title: 'Header',
control: 'Header',
icon: 'font',
props: editor_common_1.propGroup('Header', {
titleSource: editor_common_1.boundProp({}),
attached: editor_common_1.boundProp({
control: 'Select',
props: {
options: [
{ text: 'None', value: '' },
{ text: 'Top', value: 'top' },
{ text: 'Bottom', value: 'bottom' }
]
}
}),
block: editor_common_1.boundProp({ type: 'boolean' }),
color: editor_common_1.boundProp({ control: 'Select', props: { options: enums_1.colors } }),
content: editor_common_1.boundProp({}),
disabled: editor_common_1.boundProp({ type: 'boolean' }),
dividing: editor_common_1.boundProp({ type: 'boolean' }),
floated: editor_common_1.boundProp({
control: 'Select',
props: {
options: [
{ text: 'None', value: '' },
{ text: 'Left', value: 'left' },
{ text: 'Right', value: 'right' }
]
}
}),
icon: editor_common_1.boundProp({}),
image: editor_common_1.boundProp({}),
inverted: editor_common_1.boundProp({ type: 'boolean' }),
size: editor_common_1.boundProp({ control: 'Select', props: { options: enums_1.sizes } }),
sub: editor_common_1.boundProp({ type: 'boolean' }),
subheader: editor_common_1.boundProp({ control: 'Textarea' }),
textAlign: editor_common_1.boundProp({ control: 'Select', props: { options: enums_1.align } })
})
};
//# sourceMappingURL=header_editor.js.map