plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
34 lines (33 loc) • 3.15 kB
JavaScript
import React from 'react';
import { Form, Input, Slider, Switch, Col, InputNumber, Row } from 'antd';
import i18n from 'i18next';
export default {
render(canvasRef, form, data) {
return (React.createElement(React.Fragment, null,
React.createElement(Row, null,
React.createElement(Col, { span: 12 },
React.createElement(Form.Item, { label: i18n.t('common.locked'), colon: false, name: "locked", valuePropName: "checked", initialValue: data.locked, labelCol: { span: 24 } },
React.createElement(Switch, { size: "small" }))),
React.createElement(Col, { span: 12 },
React.createElement(Form.Item, { label: i18n.t('common.visible'), colon: false, name: "visible", valuePropName: "checked", initialValue: data.visible, labelCol: { span: 24 } },
React.createElement(Switch, { size: "small" })))),
React.createElement(Form.Item, { label: i18n.t('common.name'), colon: false, name: "name", initialValue: data.name, labelCol: { span: 24 } },
React.createElement(Input, null)),
React.createElement(Row, null,
React.createElement(Col, { span: 12 },
React.createElement(Form.Item, { label: i18n.t('common.width'), colon: false, name: "width", initialValue: parseInt(data.width * data.scaleX, 10), rules: [{ type: 'number', required: true, message: 'Please input width', min: 1 }], labelCol: { span: 24 } },
React.createElement(InputNumber, { min: 1 }))),
React.createElement(Col, { span: 12 },
React.createElement(Form.Item, { label: i18n.t('common.height'), colon: false, name: "height", initialValue: parseInt(data.height * data.scaleY, 10), rules: [{ type: 'number', required: true, message: i18n.t('common.please-input-height'), min: 1 }], labelCol: { span: 24 } },
React.createElement(InputNumber, { min: 1 })))),
React.createElement(Row, null,
React.createElement(Col, { span: 12 },
React.createElement(Form.Item, { label: i18n.t('common.left'), colon: false, name: "left", initialValue: data.left, rules: [{ required: true, message: i18n.t('common.please-input-x-position') }], labelCol: { span: 24 } },
React.createElement(InputNumber, null))),
React.createElement(Col, { span: 12 },
React.createElement(Form.Item, { label: i18n.t('common.top'), colon: false, name: "top", initialValue: data.top, rules: [{ required: true, message: i18n.t('common.please-input-y-position') }], labelCol: { span: 24 } },
React.createElement(InputNumber, null)))),
data.superType === 'element' ? null : (React.createElement(Form.Item, { label: i18n.t('common.angle'), colon: false, name: "angle", initialValue: data.angle, rules: [{ type: 'number', required: true, message: i18n.t('common.please-input-rotation') }], labelCol: { span: 24 } },
React.createElement(Slider, { min: 0, max: 360 })))));
},
};