plot-plan-designer
Version:
Design Editor Tools with React.js + ant.design + fabric.js
63 lines (62 loc) • 6.46 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({ data }) {
if (!data)
return null;
const { filters } = data;
return (react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.grayscale'), name: "filters.grayscale", initialValue: !!filters[0], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "G"))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.invert'), name: "filters.invert", initialValue: !!filters[1], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "I"))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.sepia'), name: "filters.sepia", initialValue: !!filters[3], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "S"))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.brownie'), name: "filters.brownie", initialValue: !!filters[4], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "B")))),
react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.vintage'), name: "filters.vintage", initialValue: !!filters[9], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "V"))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.blackwhite'), name: "filters.blackwhite", initialValue: !!filters[19], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "B"))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.technicolor'), name: "filters.technicolor", initialValue: !!filters[14], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "T"))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.polaroid'), name: "filters.polaroid", initialValue: !!filters[15], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "P")))),
react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.sharpen'), name: "filters.sharpen", initialValue: !!filters[12], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "S"))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.emboss'), name: "filters.emboss", initialValue: !!filters[13], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "E")))),
react_1.default.createElement(antd_1.Row, null,
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('imagemap.filter.gamma'), name: "filters.gamma.enabled", initialValue: !!filters[17], valuePropName: "checked" },
react_1.default.createElement(antd_1.Tag.CheckableTag, { className: "rde-action-tag" }, "G"))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('color.red'), name: "filters.gamma.r", initialValue: filters[17] ? filters[17].gamma[0] : 1 },
react_1.default.createElement(antd_1.Slider, { disabled: !filters[17], step: 0.01, min: 0.01, max: 2.2 }))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('color.green'), name: "filters.gamma.g", initialValue: filters[17] ? filters[17].gamma[1] : 1 },
react_1.default.createElement(antd_1.Slider, { disabled: !filters[17], step: 0.01, min: 0.01, max: 2.2 }))),
react_1.default.createElement(antd_1.Col, { md: 24, lg: 6 },
react_1.default.createElement(antd_1.Form.Item, { label: i18next_1.default.t('color.blue'), name: "filters.gamma.b", initialValue: filters[17] ? filters[17].gamma[2] : 1 },
react_1.default.createElement(antd_1.Slider, { disabled: !filters[17], step: 0.01, min: 0.01, max: 2.2 }))))));
},
};