plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
40 lines (39 loc) • 2.17 kB
JavaScript
import React from 'react';
import { Col, Form, Input, InputNumber, Row } from 'antd';
import i18n from 'i18next';
export default {
render(canvasRef, form, data) {
if (!data) {
return null;
}
const layout = data.layout || 'fixed';
return (React.createElement(React.Fragment, null,
React.createElement(Form.Item, { label: i18n.t('common.name'), colon: false, name: "name", initialValue: data.name || '', rules: [
{
required: false,
message: i18n.t('validation.enter-arg', { arg: i18n.t('common.name') }),
},
], labelCol: { span: 24 } },
React.createElement(Input, null)),
layout === 'fixed' ? (React.createElement(React.Fragment, null,
React.createElement(Row, null,
React.createElement(Col, { span: 12 },
React.createElement(Form.Item, { label: i18n.t('common.width'), colon: false, name: "width", initialValue: data.width * data.scaleX, rules: [
{
required: true,
message: i18n.t('validation.enter-arg', { arg: i18n.t('common.width') }),
type: 'number',
},
], labelCol: { span: 24 } },
React.createElement(InputNumber, null))),
React.createElement(Col, { span: 12 },
React.createElement(Form.Item, { label: i18n.t('common.height'), colon: false, name: "height", initialValue: data.height * data.scaleY, rules: [
{
required: true,
message: i18n.t('validation.enter-arg', { arg: i18n.t('common.height') }),
type: 'number',
},
], labelCol: { span: 24 } },
React.createElement(InputNumber, null)))))) : null));
},
};