@pdfme/schemas 3.0.1-dev.23 → 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/text/propPanel.js +43 -23
- package/dist/cjs/src/text/propPanel.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/text/propPanel.js +43 -23
- package/dist/esm/src/text/propPanel.js.map +1 -1
- package/package.json +1 -1
- package/src/barcodes/propPanel.ts +12 -8
- package/src/text/propPanel.ts +43 -23
@@ -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":"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
|
1
|
+
{"version":3,"file":"propPanel.js","sourceRoot":"","sources":["../../../../src/barcodes/propPanel.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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"}
|
@@ -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,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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"}
|
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/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;
|