@pdfme/schemas 3.0.1-dev.22 → 3.0.1-dev.24
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/src/barcodes/propPanel.js +12 -8
- package/dist/cjs/src/barcodes/propPanel.js.map +1 -1
- package/dist/cjs/src/barcodes/uiRender.js +3 -2
- package/dist/cjs/src/barcodes/uiRender.js.map +1 -1
- package/dist/cjs/src/image/uiRender.js +3 -2
- package/dist/cjs/src/image/uiRender.js.map +1 -1
- package/dist/cjs/src/renderUtils.js +12 -1
- package/dist/cjs/src/renderUtils.js.map +1 -1
- package/dist/cjs/src/text/propPanel.js +43 -23
- package/dist/cjs/src/text/propPanel.js.map +1 -1
- package/dist/cjs/src/text/uiRender.js +5 -4
- package/dist/cjs/src/text/uiRender.js.map +1 -1
- package/dist/esm/src/barcodes/propPanel.js +12 -8
- package/dist/esm/src/barcodes/propPanel.js.map +1 -1
- package/dist/esm/src/barcodes/uiRender.js +3 -2
- package/dist/esm/src/barcodes/uiRender.js.map +1 -1
- package/dist/esm/src/image/uiRender.js +3 -2
- package/dist/esm/src/image/uiRender.js.map +1 -1
- package/dist/esm/src/renderUtils.js +10 -0
- package/dist/esm/src/renderUtils.js.map +1 -1
- package/dist/esm/src/text/propPanel.js +43 -23
- package/dist/esm/src/text/propPanel.js.map +1 -1
- package/dist/esm/src/text/uiRender.js +5 -4
- package/dist/esm/src/text/uiRender.js.map +1 -1
- package/dist/types/src/renderUtils.d.ts +1 -0
- package/package.json +1 -1
- package/src/barcodes/propPanel.ts +12 -8
- package/src/barcodes/uiRender.ts +4 -2
- package/src/image/uiRender.ts +4 -2
- package/src/renderUtils.ts +10 -0
- package/src/text/propPanel.ts +43 -23
- package/src/text/uiRender.ts +11 -3
|
@@ -137,17 +137,21 @@ const barcodeDefaults = [
|
|
|
137
137
|
];
|
|
138
138
|
const getPropPanelByBarcodeType = (barcodeType) => {
|
|
139
139
|
const barcodeHasText = barcodeType !== 'qrcode' && barcodeType !== 'gs1datamatrix';
|
|
140
|
-
const schema = {
|
|
141
|
-
barColor: { title: 'Bar Color', type: 'string', widget: 'color' },
|
|
142
|
-
backgroundColor: { title: 'Background', type: 'string', widget: 'color' },
|
|
143
|
-
...(barcodeHasText
|
|
144
|
-
? { textColor: { title: 'Text Color', type: 'string', widget: 'color' } }
|
|
145
|
-
: {}),
|
|
146
|
-
};
|
|
147
140
|
const defaults = barcodeDefaults.find(({ defaultSchema }) => defaultSchema.type === barcodeType);
|
|
148
141
|
if (!defaults)
|
|
149
142
|
throw new Error(`[@pdfme/schemas] No default for barcode type ${barcodeType}`);
|
|
150
|
-
return {
|
|
143
|
+
return {
|
|
144
|
+
schema: ({ i18n }) => {
|
|
145
|
+
return {
|
|
146
|
+
barColor: { title: i18n('schemas.barcodes.barColor'), type: 'string', widget: 'color' },
|
|
147
|
+
backgroundColor: { title: i18n('schemas.bgColor'), type: 'string', widget: 'color' },
|
|
148
|
+
...(barcodeHasText
|
|
149
|
+
? { textColor: { title: i18n('schemas.textColor'), type: 'string', widget: 'color' } }
|
|
150
|
+
: {}),
|
|
151
|
+
};
|
|
152
|
+
},
|
|
153
|
+
...defaults,
|
|
154
|
+
};
|
|
151
155
|
};
|
|
152
156
|
exports.getPropPanelByBarcodeType = getPropPanelByBarcodeType;
|
|
153
157
|
//# sourceMappingURL=propPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/barcodes/propPanel.ts"],"names":[],"mappings":";;;AAEA,iDAAiF;AAEjF,MAAM,aAAa,GAAG;IACpB,eAAe,EAAE,uCAAwB;IACzC,QAAQ,EAAE,oCAAqB;CAChC,CAAC;AACF,MAAM,iBAAiB,GAAG,EAAE,SAAS,EAAE,oCAAqB,EAAE,CAAC;AAC/D,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAChC,MAAM,YAAY,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;AAE/C,MAAM,eAAe,GAA6D;IAChF;QACE,YAAY,EAAE,oBAAoB;QAClC,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ;YACR,GAAG,aAAa;YAChB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,kBAAkB;QAChC,aAAa,EAAE;YACb,IAAI,EAAE,WAAW;YACjB,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,GAAG;YACX,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,eAAe;QAC7B,aAAa,EAAE;YACb,IAAI,EAAE,OAAO;YACb,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,GAAG,YAAY;YACf,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,UAAU;QACxB,aAAa,EAAE;YACb,IAAI,EAAE,MAAM;YACZ,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,GAAG,YAAY;YACf,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,iBAAiB;QAC/B,aAAa,EAAE;YACb,IAAI,EAAE,QAAQ;YACd,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,GAAG,YAAY;SAChB;KACF;IACD;QACE,YAAY,EAAE,mBAAmB;QACjC,aAAa,EAAE;YACb,IAAI,EAAE,SAAS;YACf,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,GAAG,YAAY;YACf,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,cAAc;QAC5B,aAAa,EAAE;YACb,IAAI,EAAE,KAAK;YACX,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,GAAG,YAAY;YACf,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,gBAAgB;QAC9B,aAAa,EAAE;YACb,IAAI,EAAE,OAAO;YACb,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,GAAG,YAAY;YACf,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,cAAc;QAC5B,aAAa,EAAE;YACb,IAAI,EAAE,MAAM;YACZ,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,GAAG,YAAY;YACf,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,UAAU;QACxB,aAAa,EAAE;YACb,IAAI,EAAE,MAAM;YACZ,QAAQ;YACR,GAAG,aAAa;YAChB,GAAG,iBAAiB;YACpB,GAAG,YAAY;YACf,MAAM,EAAE,CAAC;SACV;KACF;IACD;QACE,YAAY,EAAE,0CAA0C;QACxD,aAAa,EAAE;YACb,IAAI,EAAE,eAAe;YACrB,QAAQ;YACR,GAAG,aAAa;YAChB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,CAAC;SACV;KACF;CACF,CAAC;AAEK,MAAM,yBAAyB,GAAG,CAAC,WAAmB,EAA4B,EAAE;IACzF,MAAM,cAAc,GAAG,WAAW,KAAK,QAAQ,IAAI,WAAW,KAAK,eAAe,CAAC;IAEnF,MAAM,
|
|
1
|
+
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/barcodes/propPanel.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.uiRender = void 0;
|
|
4
4
|
const helper_js_1 = require("./helper.js");
|
|
5
|
+
const renderUtils_js_1 = require("../renderUtils.js");
|
|
5
6
|
const fullSize = { width: '100%', height: '100%' };
|
|
6
7
|
const createErrorBarcodeElm = () => {
|
|
7
8
|
const container = document.createElement('div');
|
|
@@ -50,7 +51,7 @@ const createBarcodeImageElm = async (schema, value) => {
|
|
|
50
51
|
return img;
|
|
51
52
|
};
|
|
52
53
|
const uiRender = async (arg) => {
|
|
53
|
-
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema } = arg;
|
|
54
|
+
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } = arg;
|
|
54
55
|
const container = document.createElement('div');
|
|
55
56
|
const containerStyle = {
|
|
56
57
|
...fullSize,
|
|
@@ -70,7 +71,7 @@ const uiRender = async (arg) => {
|
|
|
70
71
|
textAlign: 'center',
|
|
71
72
|
fontSize: '1rem',
|
|
72
73
|
color: '#000',
|
|
73
|
-
backgroundColor: editable || value ?
|
|
74
|
+
backgroundColor: editable || value ? (0, renderUtils_js_1.addAlphaToHex)(theme.colorPrimaryBg, 30) : 'none',
|
|
74
75
|
border: 'none',
|
|
75
76
|
display: 'flex',
|
|
76
77
|
alignItems: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/barcodes/uiRender.ts"],"names":[],"mappings":";;;AAGA,2CAAkE;
|
|
1
|
+
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/barcodes/uiRender.ts"],"names":[],"mappings":"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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.uiRender = void 0;
|
|
4
4
|
const common_1 = require("@pdfme/common");
|
|
5
|
+
const renderUtils_js_1 = require("../renderUtils.js");
|
|
5
6
|
const fullSize = { width: '100%', height: '100%' };
|
|
6
7
|
const readFile = (input) => new Promise((resolve, reject) => {
|
|
7
8
|
const fileReader = new FileReader();
|
|
@@ -28,7 +29,7 @@ const readFile = (input) => new Promise((resolve, reject) => {
|
|
|
28
29
|
}
|
|
29
30
|
});
|
|
30
31
|
const uiRender = async (arg) => {
|
|
31
|
-
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema } = arg;
|
|
32
|
+
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } = arg;
|
|
32
33
|
const editable = mode === 'form' || mode === 'designer';
|
|
33
34
|
const size = { width: schema.width * common_1.ZOOM, height: schema.height * common_1.ZOOM };
|
|
34
35
|
const container = document.createElement('div');
|
|
@@ -86,7 +87,7 @@ const uiRender = async (arg) => {
|
|
|
86
87
|
display: editable ? 'flex' : 'none',
|
|
87
88
|
position: 'absolute',
|
|
88
89
|
top: 0,
|
|
89
|
-
backgroundColor: editable || value ?
|
|
90
|
+
backgroundColor: editable || value ? (0, renderUtils_js_1.addAlphaToHex)(theme.colorPrimaryBg, 30) : 'none',
|
|
90
91
|
cursor: 'pointer',
|
|
91
92
|
};
|
|
92
93
|
Object.assign(label.style, labelStyle);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/image/uiRender.ts"],"names":[],"mappings":";;;AAGA,0CAAoD;
|
|
1
|
+
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/image/uiRender.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.rotatePoint = exports.convertForPdfLayoutProps = void 0;
|
|
3
|
+
exports.addAlphaToHex = exports.rotatePoint = exports.convertForPdfLayoutProps = void 0;
|
|
4
4
|
const pdf_lib_1 = require("@pdfme/pdf-lib");
|
|
5
5
|
const common_1 = require("@pdfme/common");
|
|
6
6
|
const convertForPdfLayoutProps = ({ schema, pageHeight, applyRotateTranslate = true, }) => {
|
|
@@ -44,4 +44,15 @@ const rotatePoint = (point, pivot, angleDegrees) => {
|
|
|
44
44
|
return { x, y };
|
|
45
45
|
};
|
|
46
46
|
exports.rotatePoint = rotatePoint;
|
|
47
|
+
const addAlphaToHex = (hex, alphaPercentage) => {
|
|
48
|
+
if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {
|
|
49
|
+
throw new Error('Invalid HEX color code');
|
|
50
|
+
}
|
|
51
|
+
const alphaValue = Math.round((alphaPercentage / 100) * 255);
|
|
52
|
+
let alphaHex = alphaValue.toString(16);
|
|
53
|
+
if (alphaHex.length === 1)
|
|
54
|
+
alphaHex = '0' + alphaHex;
|
|
55
|
+
return hex + alphaHex;
|
|
56
|
+
};
|
|
57
|
+
exports.addAlphaToHex = addAlphaToHex;
|
|
47
58
|
//# sourceMappingURL=renderUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderUtils.js","sourceRoot":"","sources":["../../../src/renderUtils.ts"],"names":[],"mappings":";;;AAAA,4CAA2D;AAC3D,0CAA8C;AAEvC,MAAM,wBAAwB,GAAG,CAAC,EACvC,MAAM,EACN,UAAU,EACV,oBAAoB,GAAG,IAAI,GAK5B,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IACtE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;IAEpC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,IAAA,cAAK,EAAC,OAAO,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,IAAA,cAAK,EAAC,QAAQ,CAAC,CAAC;IAC/B,IAAI,CAAC,GAAG,IAAA,cAAK,EAAC,GAAG,CAAC,CAAC;IACnB,2FAA2F;IAC3F,IAAI,CAAC,GAAG,UAAU,GAAG,IAAA,cAAK,EAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IAEzC,IAAI,aAAa,IAAI,oBAAoB,EAAE;QACzC,mFAAmF;QACnF,oFAAoF;QACpF,8DAA8D;QAC9D,+FAA+F;QAC/F,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,IAAA,cAAK,EAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC;QACjF,MAAM,YAAY,GAAG,IAAA,mBAAW,EAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;QACtE,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;QACnB,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;KACpB;IAED,OAAO;QACL,QAAQ,EAAE;YACR,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL;QACD,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,IAAA,iBAAO,EAAC,aAAa,CAAC;KAC/B,CAAC;AACJ,CAAC,CAAC;AAvCW,QAAA,wBAAwB,4BAuCnC;AAEK,MAAM,WAAW,GAAG,CACzB,KAA+B,EAC/B,KAA+B,EAC/B,YAAoB,EACM,EAAE;IAC5B,MAAM,YAAY,GAAG,IAAA,0BAAgB,EAAC,YAAY,CAAC,CAAC;IAEpD,MAAM,CAAC,GACL,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5C,KAAK,CAAC,CAAC,CAAC;IACV,MAAM,CAAC,GACL,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5C,KAAK,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,CAAC,CAAC;AAjBW,QAAA,WAAW,eAiBtB"}
|
|
1
|
+
{"version":3,"file":"renderUtils.js","sourceRoot":"","sources":["../../../src/renderUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ exports.propPanel = void 0;
|
|
|
4
4
|
const common_1 = require("@pdfme/common");
|
|
5
5
|
const constants_js_1 = require("./constants.js");
|
|
6
6
|
const UseDynamicFontSize = (props) => {
|
|
7
|
-
const { rootElement, changeSchemas, activeSchema } = props;
|
|
7
|
+
const { rootElement, changeSchemas, activeSchema, i18n } = props;
|
|
8
8
|
const checkbox = document.createElement('input');
|
|
9
9
|
checkbox.type = 'checkbox';
|
|
10
10
|
checkbox.checked = Boolean(activeSchema?.dynamicFontSize);
|
|
@@ -19,20 +19,20 @@ const UseDynamicFontSize = (props) => {
|
|
|
19
19
|
changeSchemas([{ key: 'dynamicFontSize', value: val, schemaId: activeSchema.id }]);
|
|
20
20
|
};
|
|
21
21
|
const label = document.createElement('label');
|
|
22
|
-
label.innerText = '
|
|
22
|
+
label.innerText = i18n('schemas.text.dynamicFontSize') || '';
|
|
23
23
|
label.style.cssText = 'display: flex; width: 100%;';
|
|
24
24
|
label.appendChild(checkbox);
|
|
25
25
|
rootElement.appendChild(label);
|
|
26
26
|
};
|
|
27
27
|
exports.propPanel = {
|
|
28
|
-
schema: ({ options, activeSchema }) => {
|
|
28
|
+
schema: ({ options, activeSchema, i18n }) => {
|
|
29
29
|
const font = options.font || { [common_1.DEFAULT_FONT_NAME]: { data: '', fallback: true } };
|
|
30
30
|
const fontNames = Object.keys(font);
|
|
31
31
|
const fallbackFontName = (0, common_1.getFallbackFontName)(font);
|
|
32
32
|
const enableDynamicFont = Boolean(activeSchema?.dynamicFontSize);
|
|
33
33
|
const textSchema = {
|
|
34
34
|
fontName: {
|
|
35
|
-
title: '
|
|
35
|
+
title: i18n('schemas.text.fontName'),
|
|
36
36
|
type: 'string',
|
|
37
37
|
widget: 'select',
|
|
38
38
|
default: fallbackFontName,
|
|
@@ -40,64 +40,84 @@ exports.propPanel = {
|
|
|
40
40
|
span: 12,
|
|
41
41
|
},
|
|
42
42
|
fontSize: {
|
|
43
|
-
title: '
|
|
43
|
+
title: i18n('schemas.text.size'),
|
|
44
44
|
type: 'number',
|
|
45
45
|
widget: 'inputNumber',
|
|
46
46
|
span: 6,
|
|
47
47
|
disabled: enableDynamicFont,
|
|
48
48
|
},
|
|
49
|
-
characterSpacing: {
|
|
49
|
+
characterSpacing: {
|
|
50
|
+
title: i18n('schemas.text.spacing'),
|
|
51
|
+
type: 'number',
|
|
52
|
+
widget: 'inputNumber',
|
|
53
|
+
span: 6,
|
|
54
|
+
},
|
|
50
55
|
alignment: {
|
|
51
|
-
title: '
|
|
56
|
+
title: i18n('schemas.text.textAlign'),
|
|
52
57
|
type: 'string',
|
|
53
58
|
widget: 'select',
|
|
54
59
|
props: {
|
|
55
60
|
options: [
|
|
56
|
-
{ label: '
|
|
57
|
-
{ label: '
|
|
58
|
-
{ label: '
|
|
61
|
+
{ label: i18n('schemas.left'), value: constants_js_1.DEFAULT_ALIGNMENT },
|
|
62
|
+
{ label: i18n('schemas.center'), value: constants_js_1.ALIGN_CENTER },
|
|
63
|
+
{ label: i18n('schemas.right'), value: constants_js_1.ALIGN_RIGHT },
|
|
59
64
|
],
|
|
60
65
|
},
|
|
61
66
|
span: 8,
|
|
62
67
|
},
|
|
63
68
|
verticalAlignment: {
|
|
64
|
-
title: '
|
|
69
|
+
title: i18n('schemas.text.verticalAlign'),
|
|
65
70
|
type: 'string',
|
|
66
71
|
widget: 'select',
|
|
67
72
|
props: {
|
|
68
73
|
options: [
|
|
69
|
-
{ label: '
|
|
70
|
-
{ label: '
|
|
71
|
-
{ label: '
|
|
74
|
+
{ label: i18n('schemas.top'), value: constants_js_1.VERTICAL_ALIGN_TOP },
|
|
75
|
+
{ label: i18n('schemas.middle'), value: constants_js_1.VERTICAL_ALIGN_MIDDLE },
|
|
76
|
+
{ label: i18n('schemas.bottom'), value: constants_js_1.VERTICAL_ALIGN_BOTTOM },
|
|
72
77
|
],
|
|
73
78
|
},
|
|
74
79
|
span: 8,
|
|
75
80
|
},
|
|
76
|
-
lineHeight: {
|
|
77
|
-
|
|
81
|
+
lineHeight: {
|
|
82
|
+
title: i18n('schemas.text.lineHeight'),
|
|
83
|
+
type: 'number',
|
|
84
|
+
widget: 'inputNumber',
|
|
85
|
+
span: 8,
|
|
86
|
+
},
|
|
87
|
+
useDynamicFontSize: { type: 'boolean', widget: 'UseDynamicFontSize', bind: false, span: 16 },
|
|
78
88
|
dynamicFontSize: {
|
|
79
89
|
type: 'object',
|
|
80
90
|
widget: 'card',
|
|
81
91
|
column: 3,
|
|
82
92
|
properties: {
|
|
83
|
-
min: {
|
|
84
|
-
|
|
93
|
+
min: {
|
|
94
|
+
title: i18n('schemas.text.min'),
|
|
95
|
+
type: 'number',
|
|
96
|
+
widget: 'inputNumber',
|
|
97
|
+
hidden: !enableDynamicFont,
|
|
98
|
+
},
|
|
99
|
+
max: {
|
|
100
|
+
title: i18n('schemas.text.max'),
|
|
101
|
+
type: 'number',
|
|
102
|
+
widget: 'inputNumber',
|
|
103
|
+
hidden: !enableDynamicFont,
|
|
104
|
+
},
|
|
85
105
|
fit: {
|
|
86
|
-
title: '
|
|
106
|
+
title: i18n('schemas.text.fit'),
|
|
87
107
|
type: 'string',
|
|
88
108
|
widget: 'select',
|
|
89
109
|
hidden: !enableDynamicFont,
|
|
90
110
|
props: {
|
|
91
111
|
options: [
|
|
92
|
-
{ label: '
|
|
93
|
-
{ label: '
|
|
112
|
+
{ label: i18n('schemas.horizontal'), value: constants_js_1.DYNAMIC_FIT_HORIZONTAL },
|
|
113
|
+
{ label: i18n('schemas.vertical'), value: constants_js_1.DYNAMIC_FIT_VERTICAL },
|
|
94
114
|
],
|
|
95
115
|
},
|
|
96
116
|
},
|
|
97
117
|
},
|
|
98
118
|
},
|
|
99
|
-
fontColor: { title: '
|
|
100
|
-
backgroundColor: { title: '
|
|
119
|
+
fontColor: { title: i18n('schemas.textColor'), type: 'string', widget: 'color' },
|
|
120
|
+
backgroundColor: { title: i18n('schemas.bgColor'), type: 'string', widget: 'color' },
|
|
101
121
|
};
|
|
102
122
|
return textSchema;
|
|
103
123
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/text/propPanel.ts"],"names":[],"mappings":";;;AAAA,0CAMuB;AAEvB,iDAiBwB;AAExB,MAAM,kBAAkB,GAAG,CAAC,KAA2B,EAAE,EAAE;IACzD,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/text/propPanel.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ exports.uiRender = void 0;
|
|
|
4
4
|
const common_1 = require("@pdfme/common");
|
|
5
5
|
const constants_js_1 = require("./constants.js");
|
|
6
6
|
const helper_js_1 = require("./helper.js");
|
|
7
|
+
const renderUtils_js_1 = require("../renderUtils.js");
|
|
7
8
|
const mapVerticalAlignToFlex = (verticalAlignmentValue) => {
|
|
8
9
|
switch (verticalAlignmentValue) {
|
|
9
10
|
case constants_js_1.VERTICAL_ALIGN_TOP:
|
|
@@ -15,7 +16,7 @@ const mapVerticalAlignToFlex = (verticalAlignmentValue) => {
|
|
|
15
16
|
}
|
|
16
17
|
return 'flex-start';
|
|
17
18
|
};
|
|
18
|
-
const getBackgroundColor = (mode, value, schema) => {
|
|
19
|
+
const getBackgroundColor = (mode, value, schema, defaultBackgroundColor) => {
|
|
19
20
|
if ((mode === 'form' || mode === 'designer') && value && schema.backgroundColor) {
|
|
20
21
|
return schema.backgroundColor;
|
|
21
22
|
}
|
|
@@ -23,11 +24,11 @@ const getBackgroundColor = (mode, value, schema) => {
|
|
|
23
24
|
return schema.backgroundColor ?? 'transparent';
|
|
24
25
|
}
|
|
25
26
|
else {
|
|
26
|
-
return
|
|
27
|
+
return defaultBackgroundColor;
|
|
27
28
|
}
|
|
28
29
|
};
|
|
29
30
|
const uiRender = async (arg) => {
|
|
30
|
-
const { value, schema, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, options, } = arg;
|
|
31
|
+
const { value, schema, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, options, theme, } = arg;
|
|
31
32
|
const font = options?.font || (0, common_1.getDefaultFont)();
|
|
32
33
|
let dynamicFontSize = undefined;
|
|
33
34
|
if (schema.dynamicFontSize && value) {
|
|
@@ -48,7 +49,7 @@ const uiRender = async (arg) => {
|
|
|
48
49
|
const containerStyle = {
|
|
49
50
|
padding: 0,
|
|
50
51
|
resize: 'none',
|
|
51
|
-
backgroundColor: getBackgroundColor(mode, value, schema),
|
|
52
|
+
backgroundColor: getBackgroundColor(mode, value, schema, (0, renderUtils_js_1.addAlphaToHex)(theme.colorPrimaryBg, 30)),
|
|
52
53
|
border: 'none',
|
|
53
54
|
display: 'flex',
|
|
54
55
|
flexDirection: 'column',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/text/uiRender.ts"],"names":[],"mappings":";;;AACA,0CAAsE;AAEtE,iDAUwB;AACxB,2CAIqB;
|
|
1
|
+
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/text/uiRender.ts"],"names":[],"mappings":"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"}
|
|
@@ -134,16 +134,20 @@ const barcodeDefaults = [
|
|
|
134
134
|
];
|
|
135
135
|
export const getPropPanelByBarcodeType = (barcodeType) => {
|
|
136
136
|
const barcodeHasText = barcodeType !== 'qrcode' && barcodeType !== 'gs1datamatrix';
|
|
137
|
-
const schema = {
|
|
138
|
-
barColor: { title: 'Bar Color', type: 'string', widget: 'color' },
|
|
139
|
-
backgroundColor: { title: 'Background', type: 'string', widget: 'color' },
|
|
140
|
-
...(barcodeHasText
|
|
141
|
-
? { textColor: { title: 'Text Color', type: 'string', widget: 'color' } }
|
|
142
|
-
: {}),
|
|
143
|
-
};
|
|
144
137
|
const defaults = barcodeDefaults.find(({ defaultSchema }) => defaultSchema.type === barcodeType);
|
|
145
138
|
if (!defaults)
|
|
146
139
|
throw new Error(`[@pdfme/schemas] No default for barcode type ${barcodeType}`);
|
|
147
|
-
return {
|
|
140
|
+
return {
|
|
141
|
+
schema: ({ i18n }) => {
|
|
142
|
+
return {
|
|
143
|
+
barColor: { title: i18n('schemas.barcodes.barColor'), type: 'string', widget: 'color' },
|
|
144
|
+
backgroundColor: { title: i18n('schemas.bgColor'), type: 'string', widget: 'color' },
|
|
145
|
+
...(barcodeHasText
|
|
146
|
+
? { textColor: { title: i18n('schemas.textColor'), type: 'string', widget: 'color' } }
|
|
147
|
+
: {}),
|
|
148
|
+
};
|
|
149
|
+
},
|
|
150
|
+
...defaults,
|
|
151
|
+
};
|
|
148
152
|
};
|
|
149
153
|
//# sourceMappingURL=propPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/barcodes/propPanel.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/barcodes/propPanel.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { validateBarcodeInput, createBarCode } from './helper.js';
|
|
2
|
+
import { addAlphaToHex } from '../renderUtils.js';
|
|
2
3
|
const fullSize = { width: '100%', height: '100%' };
|
|
3
4
|
const createErrorBarcodeElm = () => {
|
|
4
5
|
const container = document.createElement('div');
|
|
@@ -47,7 +48,7 @@ const createBarcodeImageElm = async (schema, value) => {
|
|
|
47
48
|
return img;
|
|
48
49
|
};
|
|
49
50
|
export const uiRender = async (arg) => {
|
|
50
|
-
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema } = arg;
|
|
51
|
+
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } = arg;
|
|
51
52
|
const container = document.createElement('div');
|
|
52
53
|
const containerStyle = {
|
|
53
54
|
...fullSize,
|
|
@@ -67,7 +68,7 @@ export const uiRender = async (arg) => {
|
|
|
67
68
|
textAlign: 'center',
|
|
68
69
|
fontSize: '1rem',
|
|
69
70
|
color: '#000',
|
|
70
|
-
backgroundColor: editable || value ?
|
|
71
|
+
backgroundColor: editable || value ? addAlphaToHex(theme.colorPrimaryBg, 30) : 'none',
|
|
71
72
|
border: 'none',
|
|
72
73
|
display: 'flex',
|
|
73
74
|
alignItems: 'center',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/barcodes/uiRender.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/barcodes/uiRender.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ZOOM } from '@pdfme/common';
|
|
2
|
+
import { addAlphaToHex } from '../renderUtils.js';
|
|
2
3
|
const fullSize = { width: '100%', height: '100%' };
|
|
3
4
|
const readFile = (input) => new Promise((resolve, reject) => {
|
|
4
5
|
const fileReader = new FileReader();
|
|
@@ -25,7 +26,7 @@ const readFile = (input) => new Promise((resolve, reject) => {
|
|
|
25
26
|
}
|
|
26
27
|
});
|
|
27
28
|
export const uiRender = async (arg) => {
|
|
28
|
-
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema } = arg;
|
|
29
|
+
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } = arg;
|
|
29
30
|
const editable = mode === 'form' || mode === 'designer';
|
|
30
31
|
const size = { width: schema.width * ZOOM, height: schema.height * ZOOM };
|
|
31
32
|
const container = document.createElement('div');
|
|
@@ -83,7 +84,7 @@ export const uiRender = async (arg) => {
|
|
|
83
84
|
display: editable ? 'flex' : 'none',
|
|
84
85
|
position: 'absolute',
|
|
85
86
|
top: 0,
|
|
86
|
-
backgroundColor: editable || value ?
|
|
87
|
+
backgroundColor: editable || value ? addAlphaToHex(theme.colorPrimaryBg, 30) : 'none',
|
|
87
88
|
cursor: 'pointer',
|
|
88
89
|
};
|
|
89
90
|
Object.assign(label.style, labelStyle);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/image/uiRender.ts"],"names":[],"mappings":"AAGA,OAAO,EAAiB,IAAI,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/image/uiRender.ts"],"names":[],"mappings":"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"}
|
|
@@ -39,4 +39,14 @@ export const rotatePoint = (point, pivot, angleDegrees) => {
|
|
|
39
39
|
pivot.y;
|
|
40
40
|
return { x, y };
|
|
41
41
|
};
|
|
42
|
+
export const addAlphaToHex = (hex, alphaPercentage) => {
|
|
43
|
+
if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {
|
|
44
|
+
throw new Error('Invalid HEX color code');
|
|
45
|
+
}
|
|
46
|
+
const alphaValue = Math.round((alphaPercentage / 100) * 255);
|
|
47
|
+
let alphaHex = alphaValue.toString(16);
|
|
48
|
+
if (alphaHex.length === 1)
|
|
49
|
+
alphaHex = '0' + alphaHex;
|
|
50
|
+
return hex + alphaHex;
|
|
51
|
+
};
|
|
42
52
|
//# sourceMappingURL=renderUtils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"renderUtils.js","sourceRoot":"","sources":["../../../src/renderUtils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,EAAU,KAAK,EAAE,MAAM,eAAe,CAAC;AAE9C,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,MAAM,EACN,UAAU,EACV,oBAAoB,GAAG,IAAI,GAK5B,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,MAAM,CAAC;IACtE,MAAM,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,QAAQ,CAAC;IAEpC,MAAM,aAAa,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3C,MAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC;IAC7B,MAAM,MAAM,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC/B,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC;IACnB,2FAA2F;IAC3F,IAAI,CAAC,GAAG,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;IAEzC,IAAI,aAAa,IAAI,oBAAoB,EAAE;QACzC,mFAAmF;QACnF,oFAAoF;QACpF,8DAA8D;QAC9D,+FAA+F;QAC/F,MAAM,UAAU,GAAG,EAAE,CAAC,EAAE,CAAC,GAAG,KAAK,GAAG,CAAC,EAAE,CAAC,EAAE,UAAU,GAAG,KAAK,CAAC,GAAG,CAAC,GAAG,MAAM,GAAG,CAAC,EAAE,CAAC;QACjF,MAAM,YAAY,GAAG,WAAW,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC;QACtE,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;QACnB,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC;KACpB;IAED,OAAO;QACL,QAAQ,EAAE;YACR,CAAC,EAAE,CAAC;YACJ,CAAC,EAAE,CAAC;SACL;QACD,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,OAAO,CAAC,aAAa,CAAC;KAC/B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAA+B,EAC/B,KAA+B,EAC/B,YAAoB,EACM,EAAE;IAC5B,MAAM,YAAY,GAAG,gBAAgB,CAAC,YAAY,CAAC,CAAC;IAEpD,MAAM,CAAC,GACL,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5C,KAAK,CAAC,CAAC,CAAC;IACV,MAAM,CAAC,GACL,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5C,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;QAC5C,KAAK,CAAC,CAAC,CAAC;IAEV,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;AAClB,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"renderUtils.js","sourceRoot":"","sources":["../../../src/renderUtils.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { DEFAULT_FONT_NAME, getFallbackFontName, } from '@pdfme/common';
|
|
2
2
|
import { DEFAULT_FONT_SIZE, DEFAULT_ALIGNMENT, DEFAULT_VERTICAL_ALIGNMENT, DEFAULT_CHARACTER_SPACING, DEFAULT_LINE_HEIGHT, VERTICAL_ALIGN_TOP, VERTICAL_ALIGN_MIDDLE, VERTICAL_ALIGN_BOTTOM, DEFAULT_FONT_COLOR, DYNAMIC_FIT_VERTICAL, DYNAMIC_FIT_HORIZONTAL, DEFAULT_DYNAMIC_FIT, DEFAULT_DYNAMIC_MIN_FONT_SIZE, DEFAULT_DYNAMIC_MAX_FONT_SIZE, ALIGN_RIGHT, ALIGN_CENTER, } from './constants.js';
|
|
3
3
|
const UseDynamicFontSize = (props) => {
|
|
4
|
-
const { rootElement, changeSchemas, activeSchema } = props;
|
|
4
|
+
const { rootElement, changeSchemas, activeSchema, i18n } = props;
|
|
5
5
|
const checkbox = document.createElement('input');
|
|
6
6
|
checkbox.type = 'checkbox';
|
|
7
7
|
checkbox.checked = Boolean(activeSchema?.dynamicFontSize);
|
|
@@ -16,20 +16,20 @@ const UseDynamicFontSize = (props) => {
|
|
|
16
16
|
changeSchemas([{ key: 'dynamicFontSize', value: val, schemaId: activeSchema.id }]);
|
|
17
17
|
};
|
|
18
18
|
const label = document.createElement('label');
|
|
19
|
-
label.innerText = '
|
|
19
|
+
label.innerText = i18n('schemas.text.dynamicFontSize') || '';
|
|
20
20
|
label.style.cssText = 'display: flex; width: 100%;';
|
|
21
21
|
label.appendChild(checkbox);
|
|
22
22
|
rootElement.appendChild(label);
|
|
23
23
|
};
|
|
24
24
|
export const propPanel = {
|
|
25
|
-
schema: ({ options, activeSchema }) => {
|
|
25
|
+
schema: ({ options, activeSchema, i18n }) => {
|
|
26
26
|
const font = options.font || { [DEFAULT_FONT_NAME]: { data: '', fallback: true } };
|
|
27
27
|
const fontNames = Object.keys(font);
|
|
28
28
|
const fallbackFontName = getFallbackFontName(font);
|
|
29
29
|
const enableDynamicFont = Boolean(activeSchema?.dynamicFontSize);
|
|
30
30
|
const textSchema = {
|
|
31
31
|
fontName: {
|
|
32
|
-
title: '
|
|
32
|
+
title: i18n('schemas.text.fontName'),
|
|
33
33
|
type: 'string',
|
|
34
34
|
widget: 'select',
|
|
35
35
|
default: fallbackFontName,
|
|
@@ -37,64 +37,84 @@ export const propPanel = {
|
|
|
37
37
|
span: 12,
|
|
38
38
|
},
|
|
39
39
|
fontSize: {
|
|
40
|
-
title: '
|
|
40
|
+
title: i18n('schemas.text.size'),
|
|
41
41
|
type: 'number',
|
|
42
42
|
widget: 'inputNumber',
|
|
43
43
|
span: 6,
|
|
44
44
|
disabled: enableDynamicFont,
|
|
45
45
|
},
|
|
46
|
-
characterSpacing: {
|
|
46
|
+
characterSpacing: {
|
|
47
|
+
title: i18n('schemas.text.spacing'),
|
|
48
|
+
type: 'number',
|
|
49
|
+
widget: 'inputNumber',
|
|
50
|
+
span: 6,
|
|
51
|
+
},
|
|
47
52
|
alignment: {
|
|
48
|
-
title: '
|
|
53
|
+
title: i18n('schemas.text.textAlign'),
|
|
49
54
|
type: 'string',
|
|
50
55
|
widget: 'select',
|
|
51
56
|
props: {
|
|
52
57
|
options: [
|
|
53
|
-
{ label: '
|
|
54
|
-
{ label: '
|
|
55
|
-
{ label: '
|
|
58
|
+
{ label: i18n('schemas.left'), value: DEFAULT_ALIGNMENT },
|
|
59
|
+
{ label: i18n('schemas.center'), value: ALIGN_CENTER },
|
|
60
|
+
{ label: i18n('schemas.right'), value: ALIGN_RIGHT },
|
|
56
61
|
],
|
|
57
62
|
},
|
|
58
63
|
span: 8,
|
|
59
64
|
},
|
|
60
65
|
verticalAlignment: {
|
|
61
|
-
title: '
|
|
66
|
+
title: i18n('schemas.text.verticalAlign'),
|
|
62
67
|
type: 'string',
|
|
63
68
|
widget: 'select',
|
|
64
69
|
props: {
|
|
65
70
|
options: [
|
|
66
|
-
{ label: '
|
|
67
|
-
{ label: '
|
|
68
|
-
{ label: '
|
|
71
|
+
{ label: i18n('schemas.top'), value: VERTICAL_ALIGN_TOP },
|
|
72
|
+
{ label: i18n('schemas.middle'), value: VERTICAL_ALIGN_MIDDLE },
|
|
73
|
+
{ label: i18n('schemas.bottom'), value: VERTICAL_ALIGN_BOTTOM },
|
|
69
74
|
],
|
|
70
75
|
},
|
|
71
76
|
span: 8,
|
|
72
77
|
},
|
|
73
|
-
lineHeight: {
|
|
74
|
-
|
|
78
|
+
lineHeight: {
|
|
79
|
+
title: i18n('schemas.text.lineHeight'),
|
|
80
|
+
type: 'number',
|
|
81
|
+
widget: 'inputNumber',
|
|
82
|
+
span: 8,
|
|
83
|
+
},
|
|
84
|
+
useDynamicFontSize: { type: 'boolean', widget: 'UseDynamicFontSize', bind: false, span: 16 },
|
|
75
85
|
dynamicFontSize: {
|
|
76
86
|
type: 'object',
|
|
77
87
|
widget: 'card',
|
|
78
88
|
column: 3,
|
|
79
89
|
properties: {
|
|
80
|
-
min: {
|
|
81
|
-
|
|
90
|
+
min: {
|
|
91
|
+
title: i18n('schemas.text.min'),
|
|
92
|
+
type: 'number',
|
|
93
|
+
widget: 'inputNumber',
|
|
94
|
+
hidden: !enableDynamicFont,
|
|
95
|
+
},
|
|
96
|
+
max: {
|
|
97
|
+
title: i18n('schemas.text.max'),
|
|
98
|
+
type: 'number',
|
|
99
|
+
widget: 'inputNumber',
|
|
100
|
+
hidden: !enableDynamicFont,
|
|
101
|
+
},
|
|
82
102
|
fit: {
|
|
83
|
-
title: '
|
|
103
|
+
title: i18n('schemas.text.fit'),
|
|
84
104
|
type: 'string',
|
|
85
105
|
widget: 'select',
|
|
86
106
|
hidden: !enableDynamicFont,
|
|
87
107
|
props: {
|
|
88
108
|
options: [
|
|
89
|
-
{ label: '
|
|
90
|
-
{ label: '
|
|
109
|
+
{ label: i18n('schemas.horizontal'), value: DYNAMIC_FIT_HORIZONTAL },
|
|
110
|
+
{ label: i18n('schemas.vertical'), value: DYNAMIC_FIT_VERTICAL },
|
|
91
111
|
],
|
|
92
112
|
},
|
|
93
113
|
},
|
|
94
114
|
},
|
|
95
115
|
},
|
|
96
|
-
fontColor: { title: '
|
|
97
|
-
backgroundColor: { title: '
|
|
116
|
+
fontColor: { title: i18n('schemas.textColor'), type: 'string', widget: 'color' },
|
|
117
|
+
backgroundColor: { title: i18n('schemas.bgColor'), type: 'string', widget: 'color' },
|
|
98
118
|
};
|
|
99
119
|
return textSchema;
|
|
100
120
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/text/propPanel.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAIjB,mBAAmB,GACpB,MAAM,eAAe,CAAC;AAEvB,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,0BAA0B,EAC1B,yBAAyB,EACzB,mBAAmB,EACnB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,kBAAkB,EAClB,oBAAoB,EACpB,sBAAsB,EACtB,mBAAmB,EACnB,6BAA6B,EAC7B,6BAA6B,EAC7B,WAAW,EACX,YAAY,GACb,MAAM,gBAAgB,CAAC;AAExB,MAAM,kBAAkB,GAAG,CAAC,KAA2B,EAAE,EAAE;IACzD,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/text/propPanel.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { getDefaultFont } from '@pdfme/common';
|
|
2
2
|
import { DEFAULT_FONT_SIZE, DEFAULT_ALIGNMENT, VERTICAL_ALIGN_TOP, VERTICAL_ALIGN_MIDDLE, VERTICAL_ALIGN_BOTTOM, DEFAULT_VERTICAL_ALIGNMENT, DEFAULT_LINE_HEIGHT, DEFAULT_CHARACTER_SPACING, DEFAULT_FONT_COLOR, } from './constants.js';
|
|
3
3
|
import { calculateDynamicFontSize, getFontKitFont, getBrowserVerticalFontAdjustments, } from './helper.js';
|
|
4
|
+
import { addAlphaToHex } from '../renderUtils.js';
|
|
4
5
|
const mapVerticalAlignToFlex = (verticalAlignmentValue) => {
|
|
5
6
|
switch (verticalAlignmentValue) {
|
|
6
7
|
case VERTICAL_ALIGN_TOP:
|
|
@@ -12,7 +13,7 @@ const mapVerticalAlignToFlex = (verticalAlignmentValue) => {
|
|
|
12
13
|
}
|
|
13
14
|
return 'flex-start';
|
|
14
15
|
};
|
|
15
|
-
const getBackgroundColor = (mode, value, schema) => {
|
|
16
|
+
const getBackgroundColor = (mode, value, schema, defaultBackgroundColor) => {
|
|
16
17
|
if ((mode === 'form' || mode === 'designer') && value && schema.backgroundColor) {
|
|
17
18
|
return schema.backgroundColor;
|
|
18
19
|
}
|
|
@@ -20,11 +21,11 @@ const getBackgroundColor = (mode, value, schema) => {
|
|
|
20
21
|
return schema.backgroundColor ?? 'transparent';
|
|
21
22
|
}
|
|
22
23
|
else {
|
|
23
|
-
return
|
|
24
|
+
return defaultBackgroundColor;
|
|
24
25
|
}
|
|
25
26
|
};
|
|
26
27
|
export const uiRender = async (arg) => {
|
|
27
|
-
const { value, schema, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, options, } = arg;
|
|
28
|
+
const { value, schema, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, options, theme, } = arg;
|
|
28
29
|
const font = options?.font || getDefaultFont();
|
|
29
30
|
let dynamicFontSize = undefined;
|
|
30
31
|
if (schema.dynamicFontSize && value) {
|
|
@@ -45,7 +46,7 @@ export const uiRender = async (arg) => {
|
|
|
45
46
|
const containerStyle = {
|
|
46
47
|
padding: 0,
|
|
47
48
|
resize: 'none',
|
|
48
|
-
backgroundColor: getBackgroundColor(mode, value, schema),
|
|
49
|
+
backgroundColor: getBackgroundColor(mode, value, schema, addAlphaToHex(theme.colorPrimaryBg, 30)),
|
|
49
50
|
border: 'none',
|
|
50
51
|
display: 'flex',
|
|
51
52
|
flexDirection: 'column',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/text/uiRender.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,cAAc,EAAE,MAAM,eAAe,CAAC;AAEtE,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,EACrB,0BAA0B,EAC1B,mBAAmB,EACnB,yBAAyB,EACzB,kBAAkB,GACnB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EACL,wBAAwB,EACxB,cAAc,EACd,iCAAiC,GAClC,MAAM,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"uiRender.js","sourceRoot":"","sources":["../../../../src/text/uiRender.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -140,16 +140,20 @@ const barcodeDefaults: { defaultValue: string; defaultSchema: BarcodeSchema }[]
|
|
|
140
140
|
export const getPropPanelByBarcodeType = (barcodeType: string): PropPanel<BarcodeSchema> => {
|
|
141
141
|
const barcodeHasText = barcodeType !== 'qrcode' && barcodeType !== 'gs1datamatrix';
|
|
142
142
|
|
|
143
|
-
const schema = {
|
|
144
|
-
barColor: { title: 'Bar Color', type: 'string', widget: 'color' },
|
|
145
|
-
backgroundColor: { title: 'Background', type: 'string', widget: 'color' },
|
|
146
|
-
...(barcodeHasText
|
|
147
|
-
? { textColor: { title: 'Text Color', type: 'string', widget: 'color' } }
|
|
148
|
-
: {}),
|
|
149
|
-
};
|
|
150
143
|
const defaults = barcodeDefaults.find(({ defaultSchema }) => defaultSchema.type === barcodeType);
|
|
151
144
|
|
|
152
145
|
if (!defaults) throw new Error(`[@pdfme/schemas] No default for barcode type ${barcodeType}`);
|
|
153
146
|
|
|
154
|
-
return {
|
|
147
|
+
return {
|
|
148
|
+
schema: ({ i18n }) => {
|
|
149
|
+
return {
|
|
150
|
+
barColor: { title: i18n('schemas.barcodes.barColor'), type: 'string', widget: 'color' },
|
|
151
|
+
backgroundColor: { title: i18n('schemas.bgColor'), type: 'string', widget: 'color' },
|
|
152
|
+
...(barcodeHasText
|
|
153
|
+
? { textColor: { title: i18n('schemas.textColor'), type: 'string', widget: 'color' } }
|
|
154
|
+
: {}),
|
|
155
|
+
};
|
|
156
|
+
},
|
|
157
|
+
...defaults,
|
|
158
|
+
};
|
|
155
159
|
};
|
package/src/barcodes/uiRender.ts
CHANGED
|
@@ -2,6 +2,7 @@ import type * as CSS from 'csstype';
|
|
|
2
2
|
import { UIRenderProps } from '@pdfme/common';
|
|
3
3
|
import type { BarcodeSchema } from './types';
|
|
4
4
|
import { validateBarcodeInput, createBarCode } from './helper.js';
|
|
5
|
+
import { addAlphaToHex } from '../renderUtils.js';
|
|
5
6
|
|
|
6
7
|
const fullSize = { width: '100%', height: '100%' };
|
|
7
8
|
|
|
@@ -60,7 +61,8 @@ const createBarcodeImageElm = async (schema: BarcodeSchema, value: string) => {
|
|
|
60
61
|
};
|
|
61
62
|
|
|
62
63
|
export const uiRender = async (arg: UIRenderProps<BarcodeSchema>) => {
|
|
63
|
-
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema } =
|
|
64
|
+
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } =
|
|
65
|
+
arg;
|
|
64
66
|
|
|
65
67
|
const container = document.createElement('div');
|
|
66
68
|
const containerStyle: CSS.Properties = {
|
|
@@ -81,7 +83,7 @@ export const uiRender = async (arg: UIRenderProps<BarcodeSchema>) => {
|
|
|
81
83
|
textAlign: 'center',
|
|
82
84
|
fontSize: '1rem',
|
|
83
85
|
color: '#000',
|
|
84
|
-
backgroundColor: editable || value ?
|
|
86
|
+
backgroundColor: editable || value ? addAlphaToHex(theme.colorPrimaryBg, 30) : 'none',
|
|
85
87
|
border: 'none',
|
|
86
88
|
display: 'flex',
|
|
87
89
|
alignItems: 'center',
|
package/src/image/uiRender.ts
CHANGED
|
@@ -2,6 +2,7 @@ import type { ChangeEvent } from 'react';
|
|
|
2
2
|
import type * as CSS from 'csstype';
|
|
3
3
|
import type { ImageSchema } from './types';
|
|
4
4
|
import { UIRenderProps, ZOOM } from '@pdfme/common';
|
|
5
|
+
import { addAlphaToHex } from '../renderUtils.js';
|
|
5
6
|
|
|
6
7
|
const fullSize = { width: '100%', height: '100%' };
|
|
7
8
|
|
|
@@ -34,7 +35,8 @@ const readFile = (input: File | FileList | null): Promise<string | ArrayBuffer>
|
|
|
34
35
|
});
|
|
35
36
|
|
|
36
37
|
export const uiRender = async (arg: UIRenderProps<ImageSchema>) => {
|
|
37
|
-
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema } =
|
|
38
|
+
const { value, rootElement, mode, onChange, stopEditing, tabIndex, placeholder, schema, theme } =
|
|
39
|
+
arg;
|
|
38
40
|
const editable = mode === 'form' || mode === 'designer';
|
|
39
41
|
|
|
40
42
|
const size = { width: schema.width * ZOOM, height: schema.height * ZOOM };
|
|
@@ -97,7 +99,7 @@ export const uiRender = async (arg: UIRenderProps<ImageSchema>) => {
|
|
|
97
99
|
display: editable ? 'flex' : 'none',
|
|
98
100
|
position: 'absolute',
|
|
99
101
|
top: 0,
|
|
100
|
-
backgroundColor: editable || value ?
|
|
102
|
+
backgroundColor: editable || value ? addAlphaToHex(theme.colorPrimaryBg, 30) : 'none',
|
|
101
103
|
cursor: 'pointer',
|
|
102
104
|
};
|
|
103
105
|
Object.assign(label.style, labelStyle);
|
package/src/renderUtils.ts
CHANGED
|
@@ -60,3 +60,13 @@ export const rotatePoint = (
|
|
|
60
60
|
|
|
61
61
|
return { x, y };
|
|
62
62
|
};
|
|
63
|
+
|
|
64
|
+
export const addAlphaToHex = (hex: string, alphaPercentage: number) => {
|
|
65
|
+
if (!/^#([A-Fa-f0-9]{6}|[A-Fa-f0-9]{3})$/i.test(hex)) {
|
|
66
|
+
throw new Error('Invalid HEX color code');
|
|
67
|
+
}
|
|
68
|
+
const alphaValue = Math.round((alphaPercentage / 100) * 255);
|
|
69
|
+
let alphaHex = alphaValue.toString(16);
|
|
70
|
+
if (alphaHex.length === 1) alphaHex = '0' + alphaHex;
|
|
71
|
+
return hex + alphaHex;
|
|
72
|
+
};
|
package/src/text/propPanel.ts
CHANGED
|
@@ -26,7 +26,7 @@ import {
|
|
|
26
26
|
} from './constants.js';
|
|
27
27
|
|
|
28
28
|
const UseDynamicFontSize = (props: PropPanelWidgetProps) => {
|
|
29
|
-
const { rootElement, changeSchemas, activeSchema } = props;
|
|
29
|
+
const { rootElement, changeSchemas, activeSchema, i18n } = props;
|
|
30
30
|
|
|
31
31
|
const checkbox = document.createElement('input');
|
|
32
32
|
checkbox.type = 'checkbox';
|
|
@@ -42,14 +42,14 @@ const UseDynamicFontSize = (props: PropPanelWidgetProps) => {
|
|
|
42
42
|
changeSchemas([{ key: 'dynamicFontSize', value: val, schemaId: activeSchema.id }]);
|
|
43
43
|
};
|
|
44
44
|
const label = document.createElement('label');
|
|
45
|
-
label.innerText = '
|
|
45
|
+
label.innerText = i18n('schemas.text.dynamicFontSize') || '';
|
|
46
46
|
label.style.cssText = 'display: flex; width: 100%;';
|
|
47
47
|
label.appendChild(checkbox);
|
|
48
48
|
rootElement.appendChild(label);
|
|
49
49
|
};
|
|
50
50
|
|
|
51
51
|
export const propPanel: PropPanel<TextSchema> = {
|
|
52
|
-
schema: ({ options, activeSchema }) => {
|
|
52
|
+
schema: ({ options, activeSchema, i18n }) => {
|
|
53
53
|
const font = options.font || { [DEFAULT_FONT_NAME]: { data: '', fallback: true } };
|
|
54
54
|
const fontNames = Object.keys(font);
|
|
55
55
|
const fallbackFontName = getFallbackFontName(font);
|
|
@@ -58,7 +58,7 @@ export const propPanel: PropPanel<TextSchema> = {
|
|
|
58
58
|
|
|
59
59
|
const textSchema: Record<string, PropPanelSchema> = {
|
|
60
60
|
fontName: {
|
|
61
|
-
title: '
|
|
61
|
+
title: i18n('schemas.text.fontName'),
|
|
62
62
|
type: 'string',
|
|
63
63
|
widget: 'select',
|
|
64
64
|
default: fallbackFontName,
|
|
@@ -66,64 +66,84 @@ export const propPanel: PropPanel<TextSchema> = {
|
|
|
66
66
|
span: 12,
|
|
67
67
|
},
|
|
68
68
|
fontSize: {
|
|
69
|
-
title: '
|
|
69
|
+
title: i18n('schemas.text.size'),
|
|
70
70
|
type: 'number',
|
|
71
71
|
widget: 'inputNumber',
|
|
72
72
|
span: 6,
|
|
73
73
|
disabled: enableDynamicFont,
|
|
74
74
|
},
|
|
75
|
-
characterSpacing: {
|
|
75
|
+
characterSpacing: {
|
|
76
|
+
title: i18n('schemas.text.spacing'),
|
|
77
|
+
type: 'number',
|
|
78
|
+
widget: 'inputNumber',
|
|
79
|
+
span: 6,
|
|
80
|
+
},
|
|
76
81
|
alignment: {
|
|
77
|
-
title: '
|
|
82
|
+
title: i18n('schemas.text.textAlign'),
|
|
78
83
|
type: 'string',
|
|
79
84
|
widget: 'select',
|
|
80
85
|
props: {
|
|
81
86
|
options: [
|
|
82
|
-
{ label: '
|
|
83
|
-
{ label: '
|
|
84
|
-
{ label: '
|
|
87
|
+
{ label: i18n('schemas.left'), value: DEFAULT_ALIGNMENT },
|
|
88
|
+
{ label: i18n('schemas.center'), value: ALIGN_CENTER },
|
|
89
|
+
{ label: i18n('schemas.right'), value: ALIGN_RIGHT },
|
|
85
90
|
],
|
|
86
91
|
},
|
|
87
92
|
span: 8,
|
|
88
93
|
},
|
|
89
94
|
verticalAlignment: {
|
|
90
|
-
title: '
|
|
95
|
+
title: i18n('schemas.text.verticalAlign'),
|
|
91
96
|
type: 'string',
|
|
92
97
|
widget: 'select',
|
|
93
98
|
props: {
|
|
94
99
|
options: [
|
|
95
|
-
{ label: '
|
|
96
|
-
{ label: '
|
|
97
|
-
{ label: '
|
|
100
|
+
{ label: i18n('schemas.top'), value: VERTICAL_ALIGN_TOP },
|
|
101
|
+
{ label: i18n('schemas.middle'), value: VERTICAL_ALIGN_MIDDLE },
|
|
102
|
+
{ label: i18n('schemas.bottom'), value: VERTICAL_ALIGN_BOTTOM },
|
|
98
103
|
],
|
|
99
104
|
},
|
|
100
105
|
span: 8,
|
|
101
106
|
},
|
|
102
|
-
lineHeight: {
|
|
103
|
-
|
|
107
|
+
lineHeight: {
|
|
108
|
+
title: i18n('schemas.text.lineHeight'),
|
|
109
|
+
type: 'number',
|
|
110
|
+
widget: 'inputNumber',
|
|
111
|
+
span: 8,
|
|
112
|
+
},
|
|
113
|
+
useDynamicFontSize: { type: 'boolean', widget: 'UseDynamicFontSize', bind: false, span: 16 },
|
|
104
114
|
dynamicFontSize: {
|
|
105
115
|
type: 'object',
|
|
106
116
|
widget: 'card',
|
|
107
117
|
column: 3,
|
|
108
118
|
properties: {
|
|
109
|
-
min: {
|
|
110
|
-
|
|
119
|
+
min: {
|
|
120
|
+
title: i18n('schemas.text.min'),
|
|
121
|
+
type: 'number',
|
|
122
|
+
widget: 'inputNumber',
|
|
123
|
+
hidden: !enableDynamicFont,
|
|
124
|
+
},
|
|
125
|
+
max: {
|
|
126
|
+
title: i18n('schemas.text.max'),
|
|
127
|
+
type: 'number',
|
|
128
|
+
widget: 'inputNumber',
|
|
129
|
+
hidden: !enableDynamicFont,
|
|
130
|
+
},
|
|
111
131
|
fit: {
|
|
112
|
-
title: '
|
|
132
|
+
title: i18n('schemas.text.fit'),
|
|
113
133
|
type: 'string',
|
|
114
134
|
widget: 'select',
|
|
115
135
|
hidden: !enableDynamicFont,
|
|
116
136
|
props: {
|
|
117
137
|
options: [
|
|
118
|
-
{ label: '
|
|
119
|
-
{ label: '
|
|
138
|
+
{ label: i18n('schemas.horizontal'), value: DYNAMIC_FIT_HORIZONTAL },
|
|
139
|
+
{ label: i18n('schemas.vertical'), value: DYNAMIC_FIT_VERTICAL },
|
|
120
140
|
],
|
|
121
141
|
},
|
|
122
142
|
},
|
|
123
143
|
},
|
|
124
144
|
},
|
|
125
|
-
fontColor: { title: '
|
|
126
|
-
backgroundColor: { title: '
|
|
145
|
+
fontColor: { title: i18n('schemas.textColor'), type: 'string', widget: 'color' },
|
|
146
|
+
backgroundColor: { title: i18n('schemas.bgColor'), type: 'string', widget: 'color' },
|
|
127
147
|
};
|
|
128
148
|
|
|
129
149
|
return textSchema;
|
package/src/text/uiRender.ts
CHANGED
|
@@ -17,6 +17,7 @@ import {
|
|
|
17
17
|
getFontKitFont,
|
|
18
18
|
getBrowserVerticalFontAdjustments,
|
|
19
19
|
} from './helper.js';
|
|
20
|
+
import { addAlphaToHex } from '../renderUtils.js';
|
|
20
21
|
|
|
21
22
|
const mapVerticalAlignToFlex = (verticalAlignmentValue: string | undefined) => {
|
|
22
23
|
switch (verticalAlignmentValue) {
|
|
@@ -33,14 +34,15 @@ const mapVerticalAlignToFlex = (verticalAlignmentValue: string | undefined) => {
|
|
|
33
34
|
const getBackgroundColor = (
|
|
34
35
|
mode: 'form' | 'viewer' | 'designer',
|
|
35
36
|
value: string,
|
|
36
|
-
schema: Schema
|
|
37
|
+
schema: Schema,
|
|
38
|
+
defaultBackgroundColor: string
|
|
37
39
|
) => {
|
|
38
40
|
if ((mode === 'form' || mode === 'designer') && value && schema.backgroundColor) {
|
|
39
41
|
return schema.backgroundColor as string;
|
|
40
42
|
} else if (mode === 'viewer') {
|
|
41
43
|
return (schema.backgroundColor as string) ?? 'transparent';
|
|
42
44
|
} else {
|
|
43
|
-
return
|
|
45
|
+
return defaultBackgroundColor;
|
|
44
46
|
}
|
|
45
47
|
};
|
|
46
48
|
|
|
@@ -55,6 +57,7 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
|
|
|
55
57
|
tabIndex,
|
|
56
58
|
placeholder,
|
|
57
59
|
options,
|
|
60
|
+
theme,
|
|
58
61
|
} = arg;
|
|
59
62
|
const font = options?.font || getDefaultFont();
|
|
60
63
|
|
|
@@ -86,7 +89,12 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
|
|
|
86
89
|
const containerStyle: CSS.Properties = {
|
|
87
90
|
padding: 0,
|
|
88
91
|
resize: 'none',
|
|
89
|
-
backgroundColor: getBackgroundColor(
|
|
92
|
+
backgroundColor: getBackgroundColor(
|
|
93
|
+
mode,
|
|
94
|
+
value,
|
|
95
|
+
schema,
|
|
96
|
+
addAlphaToHex(theme.colorPrimaryBg, 30)
|
|
97
|
+
),
|
|
90
98
|
border: 'none',
|
|
91
99
|
display: 'flex',
|
|
92
100
|
flexDirection: 'column',
|