plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
31 lines (30 loc) • 2.53 kB
JavaScript
"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = __importDefault(require("react"));
const antd_1 = require("antd");
exports.default = {
render(canvasRef, form, data) {
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(antd_1.Form.Item, { label: "Name", colon: false, name: "name", initialValue: data.name },
react_1.default.createElement(antd_1.Input, null)),
react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Col, { span: 12 },
react_1.default.createElement(antd_1.Form.Item, { label: "Width", colon: false, name: "width", rules: [{ required: true, message: 'Please input width' }], initialValue: data.width * data.scaleX },
react_1.default.createElement(antd_1.InputNumber, null))),
react_1.default.createElement(antd_1.Col, { span: 12 },
react_1.default.createElement(antd_1.Form.Item, { label: "Height", colon: false, name: "height", rules: [{ required: true, message: 'Please input height' }], initialValue: data.height * data.scaleY },
react_1.default.createElement(antd_1.InputNumber, null)))),
react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Col, { span: 12 },
react_1.default.createElement(antd_1.Form.Item, { label: "Left", colon: false, name: "left", rules: [{ required: true, message: 'Please input x position' }], initialValue: data.left },
react_1.default.createElement(antd_1.InputNumber, null))),
react_1.default.createElement(antd_1.Col, { span: 12 },
react_1.default.createElement(antd_1.Form.Item, { label: "Top", colon: false, name: "top", rules: [{ required: true, message: 'Please input y position' }], initialValue: data.top },
react_1.default.createElement(antd_1.InputNumber, null)))),
react_1.default.createElement(antd_1.Form.Item, { label: "Rotation", colon: false, name: "angle", rules: [{ type: 'number', required: true, message: 'Please input rotation' }], initialValue: data.angle },
react_1.default.createElement(antd_1.Slider, { min: 0, max: 360 }))));
},
};