hrw-certificate-editor
Version:
Design Editor Tools with React.js + ant.design + fabric.js
42 lines • 2.52 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.Form.Item, { label: i18next_1.default.t('imagemap.link.link-enabled'), colon: false }, getFieldDecorator('link.enabled', {
rules: [
{
required: true,
message: i18next_1.default.t('validation.enter-property', {
arg: i18next_1.default.t('imagemap.marker.link-enabled'),
}),
},
],
valuePropName: 'checked',
initialValue: data.link.enabled,
})(react_1.default.createElement(antd_1.Switch, { size: "small" }))),
data.link.enabled ? (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.state'), colon: false }, getFieldDecorator('link.state', {
initialValue: data.link.state || 'current',
})(react_1.default.createElement(antd_1.Select, null,
react_1.default.createElement(antd_1.Select.Option, { value: "current" }, i18next_1.default.t('common.current')),
react_1.default.createElement(antd_1.Select.Option, { value: "new" }, i18next_1.default.t('common.new'))))),
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.url'), colon: false }, getFieldDecorator('link.url', {
rules: [
{
required: true,
message: i18next_1.default.t('validation.enter-property', { arg: i18next_1.default.t('common.url') }),
},
],
initialValue: data.link.url || '',
})(react_1.default.createElement(antd_1.Input, null))))) : null));
},
};
//# sourceMappingURL=LinkProperty.js.map