plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
33 lines (32 loc) • 1.94 kB
JavaScript
import React from 'react';
import { Form, Select, Switch, Input } from 'antd';
import i18n from 'i18next';
export default {
render(canvasRef, form, data) {
return (React.createElement(React.Fragment, null,
React.createElement(Form.Item, { label: i18n.t('imagemap.link.link-enabled'), colon: false },
React.createElement(Form.Item, { name: "link.enabled", valuePropName: "checked", initialValue: data.link.enabled, rules: [
{
required: true,
message: i18n.t('validation.enter-property', {
arg: i18n.t('imagemap.marker.link-enabled'),
}),
},
] },
React.createElement(Switch, { size: "small" }))),
data.link.enabled ? (React.createElement(React.Fragment, null,
React.createElement(Form.Item, { label: i18n.t('common.state'), colon: false },
React.createElement(Form.Item, { name: "link.state", initialValue: data.link.state || 'current' },
React.createElement(Select, null,
React.createElement(Select.Option, { value: "current" }, i18n.t('common.current')),
React.createElement(Select.Option, { value: "new" }, i18n.t('common.new'))))),
React.createElement(Form.Item, { label: i18n.t('common.url'), colon: false },
React.createElement(Form.Item, { name: "link.url", rules: [
{
required: true,
message: i18n.t('validation.enter-property', { arg: i18n.t('common.url') }),
},
], initialValue: data.link.url || '' },
React.createElement(Input, null))))) : null));
},
};