@pdfme/ui
Version:
TypeScript base PDF generator and React base UI. Open source, developed by the community, and completely free to use under the MIT license!
307 lines (306 loc) • 14.9 kB
TypeScript
import { Template, Size, UIProps, UIOptions, PluginRegistry, PreviewProps } from '@pdfme/common';
export declare abstract class BaseUIClass {
protected domContainer: HTMLElement | null;
protected template: Template;
protected size: Size;
private lang;
private font;
private pluginsRegistry;
private options;
private readonly setSize;
resizeObserver: ResizeObserver;
constructor(props: UIProps);
protected getLang(): "en" | "zh" | "ja" | "ko" | "ar" | "th" | "pl" | "it" | "de" | "es" | "fr";
protected getFont(): Record<string, {
data: string | ArrayBuffer | Uint8Array<ArrayBufferLike>;
fallback?: boolean | undefined;
subset?: boolean | undefined;
}>;
protected getPluginsRegistry(): PluginRegistry;
getOptions(): UIOptions;
getTemplate(): import("zod").objectOutputType<{
schemas: import("zod").ZodArray<import("zod").ZodArray<import("zod").ZodObject<{
name: import("zod").ZodString;
type: import("zod").ZodString;
content: import("zod").ZodOptional<import("zod").ZodString>;
position: import("zod").ZodObject<{
x: import("zod").ZodNumber;
y: import("zod").ZodNumber;
}, "strip", import("zod").ZodTypeAny, {
x: number;
y: number;
}, {
x: number;
y: number;
}>;
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
readOnly: import("zod").ZodOptional<import("zod").ZodBoolean>;
required: import("zod").ZodOptional<import("zod").ZodBoolean>;
__bodyRange: import("zod").ZodOptional<import("zod").ZodObject<{
start: import("zod").ZodNumber;
end: import("zod").ZodOptional<import("zod").ZodNumber>;
}, "strip", import("zod").ZodTypeAny, {
start: number;
end?: number | undefined;
}, {
start: number;
end?: number | undefined;
}>>;
__isSplit: import("zod").ZodOptional<import("zod").ZodBoolean>;
}, "passthrough", import("zod").ZodTypeAny, import("zod").objectOutputType<{
name: import("zod").ZodString;
type: import("zod").ZodString;
content: import("zod").ZodOptional<import("zod").ZodString>;
position: import("zod").ZodObject<{
x: import("zod").ZodNumber;
y: import("zod").ZodNumber;
}, "strip", import("zod").ZodTypeAny, {
x: number;
y: number;
}, {
x: number;
y: number;
}>;
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
readOnly: import("zod").ZodOptional<import("zod").ZodBoolean>;
required: import("zod").ZodOptional<import("zod").ZodBoolean>;
__bodyRange: import("zod").ZodOptional<import("zod").ZodObject<{
start: import("zod").ZodNumber;
end: import("zod").ZodOptional<import("zod").ZodNumber>;
}, "strip", import("zod").ZodTypeAny, {
start: number;
end?: number | undefined;
}, {
start: number;
end?: number | undefined;
}>>;
__isSplit: import("zod").ZodOptional<import("zod").ZodBoolean>;
}, import("zod").ZodTypeAny, "passthrough">, import("zod").objectInputType<{
name: import("zod").ZodString;
type: import("zod").ZodString;
content: import("zod").ZodOptional<import("zod").ZodString>;
position: import("zod").ZodObject<{
x: import("zod").ZodNumber;
y: import("zod").ZodNumber;
}, "strip", import("zod").ZodTypeAny, {
x: number;
y: number;
}, {
x: number;
y: number;
}>;
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
readOnly: import("zod").ZodOptional<import("zod").ZodBoolean>;
required: import("zod").ZodOptional<import("zod").ZodBoolean>;
__bodyRange: import("zod").ZodOptional<import("zod").ZodObject<{
start: import("zod").ZodNumber;
end: import("zod").ZodOptional<import("zod").ZodNumber>;
}, "strip", import("zod").ZodTypeAny, {
start: number;
end?: number | undefined;
}, {
start: number;
end?: number | undefined;
}>>;
__isSplit: import("zod").ZodOptional<import("zod").ZodBoolean>;
}, import("zod").ZodTypeAny, "passthrough">>, "many">, "many">;
basePdf: import("zod").ZodUnion<[import("zod").ZodUnion<[import("zod").ZodString, import("zod").ZodType<ArrayBuffer, import("zod").ZodTypeDef, ArrayBuffer>, import("zod").ZodType<Uint8Array<ArrayBufferLike>, import("zod").ZodTypeDef, Uint8Array<ArrayBufferLike>>]>, import("zod").ZodObject<{
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
padding: import("zod").ZodTuple<[import("zod").ZodNumber, import("zod").ZodNumber, import("zod").ZodNumber, import("zod").ZodNumber], null>;
staticSchema: import("zod").ZodOptional<import("zod").ZodArray<import("zod").ZodObject<{
name: import("zod").ZodString;
type: import("zod").ZodString;
content: import("zod").ZodOptional<import("zod").ZodString>;
position: import("zod").ZodObject<{
x: import("zod").ZodNumber;
y: import("zod").ZodNumber;
}, "strip", import("zod").ZodTypeAny, {
x: number;
y: number;
}, {
x: number;
y: number;
}>;
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
readOnly: import("zod").ZodOptional<import("zod").ZodBoolean>;
required: import("zod").ZodOptional<import("zod").ZodBoolean>;
__bodyRange: import("zod").ZodOptional<import("zod").ZodObject<{
start: import("zod").ZodNumber;
end: import("zod").ZodOptional<import("zod").ZodNumber>;
}, "strip", import("zod").ZodTypeAny, {
start: number;
end?: number | undefined;
}, {
start: number;
end?: number | undefined;
}>>;
__isSplit: import("zod").ZodOptional<import("zod").ZodBoolean>;
}, "passthrough", import("zod").ZodTypeAny, import("zod").objectOutputType<{
name: import("zod").ZodString;
type: import("zod").ZodString;
content: import("zod").ZodOptional<import("zod").ZodString>;
position: import("zod").ZodObject<{
x: import("zod").ZodNumber;
y: import("zod").ZodNumber;
}, "strip", import("zod").ZodTypeAny, {
x: number;
y: number;
}, {
x: number;
y: number;
}>;
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
readOnly: import("zod").ZodOptional<import("zod").ZodBoolean>;
required: import("zod").ZodOptional<import("zod").ZodBoolean>;
__bodyRange: import("zod").ZodOptional<import("zod").ZodObject<{
start: import("zod").ZodNumber;
end: import("zod").ZodOptional<import("zod").ZodNumber>;
}, "strip", import("zod").ZodTypeAny, {
start: number;
end?: number | undefined;
}, {
start: number;
end?: number | undefined;
}>>;
__isSplit: import("zod").ZodOptional<import("zod").ZodBoolean>;
}, import("zod").ZodTypeAny, "passthrough">, import("zod").objectInputType<{
name: import("zod").ZodString;
type: import("zod").ZodString;
content: import("zod").ZodOptional<import("zod").ZodString>;
position: import("zod").ZodObject<{
x: import("zod").ZodNumber;
y: import("zod").ZodNumber;
}, "strip", import("zod").ZodTypeAny, {
x: number;
y: number;
}, {
x: number;
y: number;
}>;
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
readOnly: import("zod").ZodOptional<import("zod").ZodBoolean>;
required: import("zod").ZodOptional<import("zod").ZodBoolean>;
__bodyRange: import("zod").ZodOptional<import("zod").ZodObject<{
start: import("zod").ZodNumber;
end: import("zod").ZodOptional<import("zod").ZodNumber>;
}, "strip", import("zod").ZodTypeAny, {
start: number;
end?: number | undefined;
}, {
start: number;
end?: number | undefined;
}>>;
__isSplit: import("zod").ZodOptional<import("zod").ZodBoolean>;
}, import("zod").ZodTypeAny, "passthrough">>, "many">>;
}, "strip", import("zod").ZodTypeAny, {
width: number;
height: number;
padding: [number, number, number, number];
staticSchema?: import("zod").objectOutputType<{
name: import("zod").ZodString;
type: import("zod").ZodString;
content: import("zod").ZodOptional<import("zod").ZodString>;
position: import("zod").ZodObject<{
x: import("zod").ZodNumber;
y: import("zod").ZodNumber;
}, "strip", import("zod").ZodTypeAny, {
x: number;
y: number;
}, {
x: number;
y: number;
}>;
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
readOnly: import("zod").ZodOptional<import("zod").ZodBoolean>;
required: import("zod").ZodOptional<import("zod").ZodBoolean>;
__bodyRange: import("zod").ZodOptional<import("zod").ZodObject<{
start: import("zod").ZodNumber;
end: import("zod").ZodOptional<import("zod").ZodNumber>;
}, "strip", import("zod").ZodTypeAny, {
start: number;
end?: number | undefined;
}, {
start: number;
end?: number | undefined;
}>>;
__isSplit: import("zod").ZodOptional<import("zod").ZodBoolean>;
}, import("zod").ZodTypeAny, "passthrough">[] | undefined;
}, {
width: number;
height: number;
padding: [number, number, number, number];
staticSchema?: import("zod").objectInputType<{
name: import("zod").ZodString;
type: import("zod").ZodString;
content: import("zod").ZodOptional<import("zod").ZodString>;
position: import("zod").ZodObject<{
x: import("zod").ZodNumber;
y: import("zod").ZodNumber;
}, "strip", import("zod").ZodTypeAny, {
x: number;
y: number;
}, {
x: number;
y: number;
}>;
width: import("zod").ZodNumber;
height: import("zod").ZodNumber;
rotate: import("zod").ZodOptional<import("zod").ZodNumber>;
opacity: import("zod").ZodOptional<import("zod").ZodNumber>;
readOnly: import("zod").ZodOptional<import("zod").ZodBoolean>;
required: import("zod").ZodOptional<import("zod").ZodBoolean>;
__bodyRange: import("zod").ZodOptional<import("zod").ZodObject<{
start: import("zod").ZodNumber;
end: import("zod").ZodOptional<import("zod").ZodNumber>;
}, "strip", import("zod").ZodTypeAny, {
start: number;
end?: number | undefined;
}, {
start: number;
end?: number | undefined;
}>>;
__isSplit: import("zod").ZodOptional<import("zod").ZodBoolean>;
}, import("zod").ZodTypeAny, "passthrough">[] | undefined;
}>]>;
pdfmeVersion: import("zod").ZodOptional<import("zod").ZodString>;
}, import("zod").ZodTypeAny, "passthrough">;
updateTemplate(template: Template): void;
updateOptions(options: UIOptions): void;
destroy(): void;
protected abstract render(): void;
}
export declare abstract class PreviewUI extends BaseUIClass {
protected inputs: {
[key: string]: string;
}[];
constructor(props: PreviewProps);
getInputs(): {
[key: string]: string;
}[];
setInputs(inputs: {
[key: string]: string;
}[]): void;
protected abstract render(): void;
}