plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
28 lines (27 loc) • 1.42 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"));
const CodeModal_1 = __importDefault(require("../../common/CodeModal"));
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.trigger.trigger-enabled'), colon: false }, getFieldDecorator('trigger.enabled', {
rules: [
{
type: 'boolean',
},
],
valuePropName: 'checked',
initialValue: data.trigger.enabled,
})(react_1.default.createElement(antd_1.Switch, { size: "small" }))),
react_1.default.createElement(antd_1.Form.Item, { style: { display: data.trigger.enabled ? 'block' : 'none' } }, getFieldDecorator('trigger.code', {
initialValue: data.trigger.code || 'return null;',
})(react_1.default.createElement(CodeModal_1.default, { form: form })))));
},
};