hrw-certificate-editor
Version:
Design Editor Tools with React.js + ant.design + fabric.js
55 lines • 3.19 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 ColorPicker_1 = __importDefault(require("../../../components/common/ColorPicker"));
exports.default = {
render(canvasRef, form, data) {
const { getFieldDecorator } = form;
const enabeld = data.shadow ? data.shadow.enabled || false : false;
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.shadow.shadow-enabled'), colon: false }, getFieldDecorator('shadow.enabled', {
valuePropName: 'checked',
initialValue: enabeld,
})(react_1.default.createElement(antd_1.Switch, { size: "small" }))),
enabeld ? (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.color'), colon: false }, getFieldDecorator('shadow.color', {
initialValue: data.shadow.color || 'rgba(0, 0, 0, 0)',
})(react_1.default.createElement(ColorPicker_1.default, null))),
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('common.blur'), colon: false }, getFieldDecorator('shadow.blur', {
rules: [
{
type: 'number',
min: 0,
max: 100,
},
],
initialValue: data.shadow.blur || 15,
})(react_1.default.createElement(antd_1.Slider, { min: 0, max: 100 }))),
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.shadow.offset-x'), colon: false }, getFieldDecorator('shadow.offsetX', {
rules: [
{
type: 'number',
min: 0,
max: 100,
},
],
initialValue: data.shadow.offsetX || 10,
})(react_1.default.createElement(antd_1.Slider, { min: 0, max: 100 }))),
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.shadow.offset-y'), colon: false }, getFieldDecorator('shadow.offsetY', {
rules: [
{
type: 'number',
min: 0,
max: 100,
},
],
initialValue: data.shadow.offsetY || 10,
})(react_1.default.createElement(antd_1.Slider, { min: 0, max: 100 }))))) : null));
},
};
//# sourceMappingURL=ShadowProperty.js.map