hrw-certificate-editor
Version:
Design Editor Tools with React.js + ant.design + fabric.js
95 lines • 5.49 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");
const i18next_1 = __importDefault(require("i18next"));
exports.default = {
render(canvasRef, form, data) {
const { getFieldDecorator } = form;
return (react_1.default.createElement(react_1.default.Fragment, 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: i18next_1.default.t('common.locked'), colon: false }, getFieldDecorator('locked', {
rules: [
{
type: 'boolean',
},
],
valuePropName: 'checked',
initialValue: data.locked,
})(react_1.default.createElement(antd_1.Switch, { size: "small" })))),
react_1.default.createElement(antd_1.Col, { span: 12 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.visible'), colon: false }, getFieldDecorator('visible', {
rules: [
{
type: 'boolean',
},
],
valuePropName: 'checked',
initialValue: data.visible,
})(react_1.default.createElement(antd_1.Switch, { size: "small" }))))),
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.name'), colon: false }, getFieldDecorator('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: i18next_1.default.t('common.width'), colon: false }, getFieldDecorator('width', {
rules: [
{
type: 'number',
required: true,
message: 'Please input width',
min: 1,
},
],
initialValue: parseInt(data.width * data.scaleX, 10),
})(react_1.default.createElement(antd_1.InputNumber, { min: 1 })))),
react_1.default.createElement(antd_1.Col, { span: 12 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.height'), colon: false }, getFieldDecorator('height', {
rules: [
{
type: 'number',
required: true,
message: 'Please input height',
min: 1,
},
],
initialValue: parseInt(data.height * data.scaleY, 10),
})(react_1.default.createElement(antd_1.InputNumber, { min: 1 }))))),
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: i18next_1.default.t('common.left'), colon: false }, getFieldDecorator('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: i18next_1.default.t('common.top'), colon: false }, getFieldDecorator('top', {
rules: [
{
required: true,
message: 'Please input y position',
},
],
initialValue: data.top,
})(react_1.default.createElement(antd_1.InputNumber, null))))),
data.superType === 'element' ? null : (react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.angle'), colon: false }, getFieldDecorator('angle', {
rules: [
{
type: 'number',
required: true,
message: 'Please input rotation',
},
],
initialValue: data.angle,
})(react_1.default.createElement(antd_1.Slider, { min: 0, max: 360 }))))));
},
};
//# sourceMappingURL=GeneralProperty.js.map