@pdfme/schemas 3.1.2-dev.2 → 3.1.2-dev.3

package/src/renderUtils.ts

@@ -10,7 +10,7 @@ export const convertForPdfLayoutProps = ({
   pageHeight: number;
   applyRotateTranslate?: boolean;
 }) => {
-  const { width: mmWidth, height: mmHeight, position, rotate } = schema;
+  const { width: mmWidth, height: mmHeight, position, rotate, opacity } = schema;
   const { x: mmX, y: mmY } = position;
 
   const rotateDegrees = rotate ? -rotate : 0;
@@ -39,6 +39,7 @@ export const convertForPdfLayoutProps = ({
     height: height,
     width: width,
     rotate: degrees(rotateDegrees),
+    opacity,
   };
 };
 

package/src/text/constants.ts

@@ -20,3 +20,4 @@ export const DEFAULT_DYNAMIC_MIN_FONT_SIZE = 4;
 
 export const DEFAULT_DYNAMIC_MAX_FONT_SIZE = 72;
 export const FONT_SIZE_ADJUSTMENT = 0.25;
+export const DEFAULT_OPACITY = 1;

package/src/text/pdfRender.ts

@@ -122,6 +122,7 @@ export const pdfRender = async (arg: PDFRenderProps<TextSchema>) => {
     height,
     rotate,
     position: { x, y },
+    opacity,
   } = convertForPdfLayoutProps({ schema, pageHeight, applyRotateTranslate: false });
 
   if (schema.backgroundColor) {
@@ -195,6 +196,7 @@ export const pdfRender = async (arg: PDFRenderProps<TextSchema>) => {
       maxWidth: width,
       font: pdfFontValue,
       wordBreaks: [''],
+      opacity,
     });
   });
 };

package/src/text/propPanel.ts

@@ -23,6 +23,7 @@ import {
   DEFAULT_DYNAMIC_MAX_FONT_SIZE,
   ALIGN_RIGHT,
   ALIGN_CENTER,
+  DEFAULT_OPACITY,
 } from './constants.js';
 
 const UseDynamicFontSize = (props: PropPanelWidgetProps) => {
@@ -108,6 +109,9 @@ export const propPanel: PropPanel<TextSchema> = {
         title: i18n('schemas.text.lineHeight'),
         type: 'number',
         widget: 'inputNumber',
+        props: {
+          step: 0.1,
+        },
         span: 8,
       },
       useDynamicFontSize: { type: 'boolean', widget: 'UseDynamicFontSize', bind: false, span: 16 },
@@ -167,5 +171,6 @@ export const propPanel: PropPanel<TextSchema> = {
     fontColor: DEFAULT_FONT_COLOR,
     fontName: undefined,
     backgroundColor: '',
+    opacity: DEFAULT_OPACITY,
   },
 };

package/src/text/uiRender.ts

@@ -11,6 +11,7 @@ import {
   DEFAULT_LINE_HEIGHT,
   DEFAULT_CHARACTER_SPACING,
   DEFAULT_FONT_COLOR,
+  DEFAULT_OPACITY,
 } from './constants.js';
 import {
   calculateDynamicFontSize,
@@ -101,6 +102,7 @@ export const uiRender = async (arg: UIRenderProps<TextSchema>) => {
     justifyContent: mapVerticalAlignToFlex(schema.verticalAlignment),
     width: '100%',
     height: '100%',
+    opacity: schema.opacity,
   };
   Object.assign(container.style, containerStyle);
   rootElement.innerHTML = '';