UNPKG

plot-plan-designer

Version:

Design Editor Tools with React.js + ant.design + fabric.js

github.com/blackberry4311/react-design-editor

blackberry4311/react-design-editor

58 lines (57 loc) • 5.23 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
import React from 'react'; import { Row, Col, Form, Tag, Slider } from 'antd'; import i18n from 'i18next'; export default { render({ data }) { if (!data) return null; const { filters } = data; return (React.createElement(Row, null, React.createElement(Row, null, React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.grayscale'), name: "filters.grayscale", initialValue: !!filters[0], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "G"))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.invert'), name: "filters.invert", initialValue: !!filters[1], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "I"))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.sepia'), name: "filters.sepia", initialValue: !!filters[3], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "S"))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.brownie'), name: "filters.brownie", initialValue: !!filters[4], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "B")))), React.createElement(Row, null, React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.vintage'), name: "filters.vintage", initialValue: !!filters[9], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "V"))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.blackwhite'), name: "filters.blackwhite", initialValue: !!filters[19], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "B"))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.technicolor'), name: "filters.technicolor", initialValue: !!filters[14], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "T"))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.polaroid'), name: "filters.polaroid", initialValue: !!filters[15], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "P")))), React.createElement(Row, null, React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.sharpen'), name: "filters.sharpen", initialValue: !!filters[12], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "S"))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.emboss'), name: "filters.emboss", initialValue: !!filters[13], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "E")))), React.createElement(Row, null, React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('imagemap.filter.gamma'), name: "filters.gamma.enabled", initialValue: !!filters[17], valuePropName: "checked" }, React.createElement(Tag.CheckableTag, { className: "rde-action-tag" }, "G"))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('color.red'), name: "filters.gamma.r", initialValue: filters[17] ? filters[17].gamma[0] : 1 }, React.createElement(Slider, { disabled: !filters[17], step: 0.01, min: 0.01, max: 2.2 }))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('color.green'), name: "filters.gamma.g", initialValue: filters[17] ? filters[17].gamma[1] : 1 }, React.createElement(Slider, { disabled: !filters[17], step: 0.01, min: 0.01, max: 2.2 }))), React.createElement(Col, { md: 24, lg: 6 }, React.createElement(Form.Item, { label: i18n.t('color.blue'), name: "filters.gamma.b", initialValue: filters[17] ? filters[17].gamma[2] : 1 }, React.createElement(Slider, { disabled: !filters[17], step: 0.01, min: 0.01, max: 2.2 })))))); }, };