hrw-certificate-editor
Version:
Design Editor Tools with React.js + ant.design + fabric.js
60 lines • 3.7 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;
if (!data) {
return null;
}
const layout = data.layout || 'fixed';
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.name'), colon: false }, getFieldDecorator('name', {
rules: [
{
required: false,
message: i18next_1.default.t('validation.enter-arg', { arg: i18next_1.default.t('common.name') }),
},
],
initialValue: data.name || '',
})(react_1.default.createElement(antd_1.Input, null))),
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.layout'), colon: false }, getFieldDecorator('layout', {
initialValue: layout,
})(react_1.default.createElement(antd_1.Radio.Group, { size: "small" },
react_1.default.createElement(antd_1.Radio.Button, { value: "fixed" }, i18next_1.default.t('common.fixed')),
react_1.default.createElement(antd_1.Radio.Button, { value: "responsive" }, i18next_1.default.t('common.responsive')),
react_1.default.createElement(antd_1.Radio.Button, { value: "fullscreen" }, i18next_1.default.t('common.fullscreen'))))),
layout === 'fixed' ? (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.width'), colon: false }, getFieldDecorator('width', {
rules: [
{
required: true,
message: i18next_1.default.t('validation.enter-arg', {
arg: i18next_1.default.t('common.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: i18next_1.default.t('common.height'), colon: false }, getFieldDecorator('height', {
rules: [
{
required: true,
message: i18next_1.default.t('validation.enter-arg', {
arg: i18next_1.default.t('common.height'),
}),
},
],
initialValue: data.height * data.scaleY,
})(react_1.default.createElement(antd_1.InputNumber, null))))))) : null));
},
};
//# sourceMappingURL=MapProperty.js.map