@pdfme/ui 1.0.0-beta.1
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/.eslintrc.js +45 -0
- package/README.md +280 -0
- package/declaration.d.ts +8 -0
- package/dist/@pdfme/ui.js +3 -0
- package/dist/@pdfme/ui.js.LICENSE.txt +95 -0
- package/dist/@pdfme/ui.js.map +1 -0
- package/dist/types/common/src/barcode.d.ts +2 -0
- package/dist/types/common/src/constants.d.ts +6 -0
- package/dist/types/common/src/helper.d.ts +15 -0
- package/dist/types/common/src/index.d.ts +4 -0
- package/dist/types/common/src/schema.d.ts +3613 -0
- package/dist/types/common/src/type.d.ts +64 -0
- package/dist/types/common/src/utils.d.ts +12 -0
- package/dist/types/ui/src/Designer.d.ts +13 -0
- package/dist/types/ui/src/Form.d.ts +13 -0
- package/dist/types/ui/src/Viewer.d.ts +7 -0
- package/dist/types/ui/src/class.d.ts +72 -0
- package/dist/types/ui/src/components/Designer/Main/Guides.d.ts +9 -0
- package/dist/types/ui/src/components/Designer/Main/Mask.d.ts +3 -0
- package/dist/types/ui/src/components/Designer/Main/Moveable.d.ts +31 -0
- package/dist/types/ui/src/components/Designer/Main/Selecto.d.ts +8 -0
- package/dist/types/ui/src/components/Designer/Main/index.d.ts +24 -0
- package/dist/types/ui/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.d.ts +3 -0
- package/dist/types/ui/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.d.ts +3 -0
- package/dist/types/ui/src/components/Designer/Sidebar/DetailView/TextPropEditor.d.ts +3 -0
- package/dist/types/ui/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.d.ts +3 -0
- package/dist/types/ui/src/components/Designer/Sidebar/DetailView/index.d.ts +3 -0
- package/dist/types/ui/src/components/Designer/Sidebar/ListView.d.ts +3 -0
- package/dist/types/ui/src/components/Designer/Sidebar/index.d.ts +26 -0
- package/dist/types/ui/src/components/Designer/index.d.ts +99 -0
- package/dist/types/ui/src/components/Divider.d.ts +2 -0
- package/dist/types/ui/src/components/Error.d.ts +7 -0
- package/dist/types/ui/src/components/Paper.d.ts +19 -0
- package/dist/types/ui/src/components/Preview/Pager/Page.d.ts +8 -0
- package/dist/types/ui/src/components/Preview/Pager/Unit.d.ts +8 -0
- package/dist/types/ui/src/components/Preview/index.d.ts +4 -0
- package/dist/types/ui/src/components/Root.d.ts +9 -0
- package/dist/types/ui/src/components/Schemas/BarcodeSchema.d.ts +15 -0
- package/dist/types/ui/src/components/Schemas/ImageSchema.d.ts +15 -0
- package/dist/types/ui/src/components/Schemas/SchemaUI.d.ts +14 -0
- package/dist/types/ui/src/components/Schemas/TextSchema.d.ts +22 -0
- package/dist/types/ui/src/components/Spinner.d.ts +2 -0
- package/dist/types/ui/src/constants.d.ts +5 -0
- package/dist/types/ui/src/contexts.d.ts +7 -0
- package/dist/types/ui/src/helper.d.ts +91 -0
- package/dist/types/ui/src/hooks.d.ts +26 -0
- package/dist/types/ui/src/i18n.d.ts +30 -0
- package/dist/types/ui/src/index.d.ts +5 -0
- package/dist/types/ui/src/libs/class.d.ts +84 -0
- package/dist/types/ui/src/libs/contexts.d.ts +7 -0
- package/dist/types/ui/src/libs/helper.d.ts +64 -0
- package/dist/types/ui/src/libs/hooks.d.ts +26 -0
- package/dist/types/ui/src/libs/i18n.d.ts +30 -0
- package/dist/types/ui/src/libs/ui.d.ts +64 -0
- package/package.json +80 -0
- package/public/Designer.html +90 -0
- package/public/Form.html +74 -0
- package/public/SauceHanSansJP.ttf +0 -0
- package/public/SauceHanSerifJP.ttf +0 -0
- package/public/Viewer.html +73 -0
- package/public/helper.js +51 -0
- package/public/index.html +54 -0
- package/src/Designer.tsx +72 -0
- package/src/Form.tsx +45 -0
- package/src/Viewer.tsx +27 -0
- package/src/assets/barcodeExamples/code128.png +0 -0
- package/src/assets/barcodeExamples/code39.png +0 -0
- package/src/assets/barcodeExamples/ean13.png +0 -0
- package/src/assets/barcodeExamples/ean8.png +0 -0
- package/src/assets/barcodeExamples/itf14.png +0 -0
- package/src/assets/barcodeExamples/japanpost.png +0 -0
- package/src/assets/barcodeExamples/nw7.png +0 -0
- package/src/assets/barcodeExamples/qrcode.png +0 -0
- package/src/assets/barcodeExamples/upca.png +0 -0
- package/src/assets/barcodeExamples/upce.png +0 -0
- package/src/assets/icons/back.svg +4 -0
- package/src/assets/icons/double-left.svg +11 -0
- package/src/assets/icons/double-right.svg +11 -0
- package/src/assets/icons/drag.svg +3 -0
- package/src/assets/icons/forward.svg +4 -0
- package/src/assets/icons/left.svg +4 -0
- package/src/assets/icons/right.svg +4 -0
- package/src/assets/icons/warning.svg +4 -0
- package/src/assets/imageExample.png +0 -0
- package/src/class.ts +147 -0
- package/src/components/Designer/Main/Guides.tsx +53 -0
- package/src/components/Designer/Main/Mask.tsx +19 -0
- package/src/components/Designer/Main/Moveable.tsx +79 -0
- package/src/components/Designer/Main/Selecto.tsx +29 -0
- package/src/components/Designer/Main/index.tsx +314 -0
- package/src/components/Designer/Sidebar/DetailView/ExampleInputEditor.tsx +62 -0
- package/src/components/Designer/Sidebar/DetailView/PositionAndSizeEditor.tsx +98 -0
- package/src/components/Designer/Sidebar/DetailView/TextPropEditor.tsx +178 -0
- package/src/components/Designer/Sidebar/DetailView/TypeAndKeyEditor.tsx +79 -0
- package/src/components/Designer/Sidebar/DetailView/index.tsx +39 -0
- package/src/components/Designer/Sidebar/ListView.tsx +180 -0
- package/src/components/Designer/Sidebar/index.tsx +102 -0
- package/src/components/Designer/index.tsx +283 -0
- package/src/components/Divider.tsx +7 -0
- package/src/components/Error.tsx +31 -0
- package/src/components/Paper.tsx +77 -0
- package/src/components/Preview/Pager/Page.tsx +85 -0
- package/src/components/Preview/Pager/Unit.tsx +87 -0
- package/src/components/Preview/index.tsx +102 -0
- package/src/components/Root.tsx +52 -0
- package/src/components/Schemas/BarcodeSchema.tsx +111 -0
- package/src/components/Schemas/ImageSchema.tsx +81 -0
- package/src/components/Schemas/SchemaUI.tsx +64 -0
- package/src/components/Schemas/TextSchema.tsx +62 -0
- package/src/components/Spinner.tsx +37 -0
- package/src/constants.ts +9 -0
- package/src/contexts.ts +8 -0
- package/src/helper.ts +516 -0
- package/src/hooks.ts +107 -0
- package/src/i18n.ts +64 -0
- package/src/index.ts +77 -0
- package/tsconfig.json +21 -0
- package/webpack.config.js +73 -0
@@ -0,0 +1,64 @@
|
|
1
|
+
import { z } from 'zod';
|
2
|
+
import { Lang, Size, Alignment, BarcodeSchemaType, SchemaType, CommonSchema as _CommonSchema, TextSchema, ImageSchema, BarcodeSchema, Schema, SchemaForUI, Font, BasePdf, Template, CommonProps, GeneratorOptions, GenerateProps, UIOptions, UIProps, PreviewProps, PreviewReactProps, DesignerProps, DesignerReactProps } from './schema';
|
3
|
+
export declare type Lang = z.infer<typeof Lang>;
|
4
|
+
export declare type Size = z.infer<typeof Size>;
|
5
|
+
export declare type Alignment = z.infer<typeof Alignment>;
|
6
|
+
export declare type SchemaType = z.infer<typeof SchemaType>;
|
7
|
+
export declare const schemaTypes: readonly ["text", "image", "qrcode", "japanpost", "ean13", "ean8", "code39", "code128", "nw7", "itf14", "upca", "upce"];
|
8
|
+
export declare type BarCodeType = z.infer<typeof BarcodeSchemaType>;
|
9
|
+
export declare type TextSchema = z.infer<typeof TextSchema>;
|
10
|
+
declare type CommonSchema = z.infer<typeof _CommonSchema>;
|
11
|
+
export declare const isTextSchema: (arg: CommonSchema) => arg is {
|
12
|
+
rotate?: number | undefined;
|
13
|
+
alignment?: "left" | "center" | "right" | undefined;
|
14
|
+
fontSize?: number | undefined;
|
15
|
+
fontName?: string | undefined;
|
16
|
+
fontColor?: string | undefined;
|
17
|
+
backgroundColor?: string | undefined;
|
18
|
+
characterSpacing?: number | undefined;
|
19
|
+
lineHeight?: number | undefined;
|
20
|
+
type: "text";
|
21
|
+
position: {
|
22
|
+
x: number;
|
23
|
+
y: number;
|
24
|
+
};
|
25
|
+
width: number;
|
26
|
+
height: number;
|
27
|
+
};
|
28
|
+
export declare type ImageSchema = z.infer<typeof ImageSchema>;
|
29
|
+
export declare const isImageSchema: (arg: CommonSchema) => arg is {
|
30
|
+
rotate?: number | undefined;
|
31
|
+
type: "image";
|
32
|
+
position: {
|
33
|
+
x: number;
|
34
|
+
y: number;
|
35
|
+
};
|
36
|
+
width: number;
|
37
|
+
height: number;
|
38
|
+
};
|
39
|
+
export declare type BarcodeSchema = z.infer<typeof BarcodeSchema>;
|
40
|
+
export declare const isBarcodeSchema: (arg: CommonSchema) => arg is {
|
41
|
+
rotate?: number | undefined;
|
42
|
+
type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
|
43
|
+
position: {
|
44
|
+
x: number;
|
45
|
+
y: number;
|
46
|
+
};
|
47
|
+
width: number;
|
48
|
+
height: number;
|
49
|
+
};
|
50
|
+
export declare type Schema = z.infer<typeof Schema>;
|
51
|
+
export declare type SchemaForUI = z.infer<typeof SchemaForUI>;
|
52
|
+
export declare type Font = z.infer<typeof Font>;
|
53
|
+
export declare type BasePdf = z.infer<typeof BasePdf>;
|
54
|
+
export declare type Template = z.infer<typeof Template>;
|
55
|
+
export declare type CommonProps = z.infer<typeof CommonProps>;
|
56
|
+
export declare type GeneratorOptions = z.infer<typeof GeneratorOptions>;
|
57
|
+
export declare type GenerateProps = z.infer<typeof GenerateProps>;
|
58
|
+
export declare type UIOptions = z.infer<typeof UIOptions>;
|
59
|
+
export declare type UIProps = z.infer<typeof UIProps>;
|
60
|
+
export declare type PreviewProps = z.infer<typeof PreviewProps>;
|
61
|
+
export declare type PreviewReactProps = z.infer<typeof PreviewReactProps>;
|
62
|
+
export declare type DesignerProps = z.infer<typeof DesignerProps>;
|
63
|
+
export declare type DesignerReactProps = z.infer<typeof DesignerReactProps>;
|
64
|
+
export {};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
export declare const uuid: () => string;
|
2
|
+
export declare const set: <T extends object>(obj: T, path: string | string[], value: any) => void;
|
3
|
+
export declare const debounce: <T extends Function>(cb: T, wait?: number) => T;
|
4
|
+
export declare const cloneDeep: <T>(value: T) => T;
|
5
|
+
export declare const uniq: <T>(array: T[]) => T[];
|
6
|
+
export declare const round: (number: number, precision: number) => number;
|
7
|
+
export declare const b64toUint8Array: (base64: string) => Uint8Array;
|
8
|
+
export declare const b64toBlob: (base64: string) => Blob;
|
9
|
+
export declare const arrayMove: <T>(array: T[], from: number, to: number) => T[];
|
10
|
+
export declare const flatten: <T>(arr: T[][]) => T[];
|
11
|
+
export declare const pt2mm: (pt: number) => number;
|
12
|
+
export declare const mm2pt: (mm: number) => number;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { Template, DesignerProps } from '@pdfme/common';
|
2
|
+
import { BaseUIClass } from './class';
|
3
|
+
declare class Designer extends BaseUIClass {
|
4
|
+
private onSaveTemplateCallback?;
|
5
|
+
private onChangeTemplateCallback?;
|
6
|
+
constructor(props: DesignerProps);
|
7
|
+
saveTemplate(): void;
|
8
|
+
updateTemplate(template: Template): void;
|
9
|
+
onSaveTemplate(cb: (template: Template) => void): void;
|
10
|
+
onChangeTemplate(cb: (template: Template) => void): void;
|
11
|
+
protected render(): void;
|
12
|
+
}
|
13
|
+
export default Designer;
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { PreviewProps } from '@pdfme/common';
|
2
|
+
import { PreviewUI } from './class';
|
3
|
+
declare class Form extends PreviewUI {
|
4
|
+
private onChangeInputCallback?;
|
5
|
+
constructor(props: PreviewProps);
|
6
|
+
onChangeInput(cb: (arg: {
|
7
|
+
index: number;
|
8
|
+
value: string;
|
9
|
+
key: string;
|
10
|
+
}) => void): void;
|
11
|
+
protected render(): void;
|
12
|
+
}
|
13
|
+
export default Form;
|
@@ -0,0 +1,72 @@
|
|
1
|
+
import { Template, Size, UIProps, PreviewProps } from '@pdfme/common';
|
2
|
+
export declare abstract class BaseUIClass {
|
3
|
+
protected domContainer: HTMLElement | null;
|
4
|
+
protected template: Template;
|
5
|
+
protected size: Size;
|
6
|
+
private readonly lang;
|
7
|
+
private readonly font;
|
8
|
+
private readonly setSize;
|
9
|
+
constructor(props: UIProps);
|
10
|
+
protected getI18n(): (key: "type" | "select" | "field" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsSelect" | "plsInputName" | "plsAddNewField" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "previewWarnMsg" | "previewErrMsg" | "goToFirst" | "goToPrevious" | "goToNext" | "goToEnd" | "errorOccurred") => string;
|
11
|
+
protected getFont(): Record<string, {
|
12
|
+
fallback?: boolean | undefined;
|
13
|
+
subset?: boolean | undefined;
|
14
|
+
data: ArrayBuffer | Uint8Array;
|
15
|
+
}>;
|
16
|
+
getTemplate(): {
|
17
|
+
sampledata?: Record<string, string>[] | undefined;
|
18
|
+
columns?: string[] | undefined;
|
19
|
+
schemas: Record<string, {
|
20
|
+
rotate?: number | undefined;
|
21
|
+
alignment?: "left" | "center" | "right" | undefined;
|
22
|
+
fontSize?: number | undefined;
|
23
|
+
fontName?: string | undefined;
|
24
|
+
fontColor?: string | undefined;
|
25
|
+
backgroundColor?: string | undefined;
|
26
|
+
characterSpacing?: number | undefined;
|
27
|
+
lineHeight?: number | undefined;
|
28
|
+
type: "text";
|
29
|
+
position: {
|
30
|
+
x: number;
|
31
|
+
y: number;
|
32
|
+
};
|
33
|
+
width: number;
|
34
|
+
height: number;
|
35
|
+
} | {
|
36
|
+
rotate?: number | undefined;
|
37
|
+
type: "image";
|
38
|
+
position: {
|
39
|
+
x: number;
|
40
|
+
y: number;
|
41
|
+
};
|
42
|
+
width: number;
|
43
|
+
height: number;
|
44
|
+
} | {
|
45
|
+
rotate?: number | undefined;
|
46
|
+
type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
|
47
|
+
position: {
|
48
|
+
x: number;
|
49
|
+
y: number;
|
50
|
+
};
|
51
|
+
width: number;
|
52
|
+
height: number;
|
53
|
+
}>[];
|
54
|
+
basePdf: string | ArrayBuffer | Uint8Array;
|
55
|
+
};
|
56
|
+
updateTemplate(template: Template): void;
|
57
|
+
destroy(): void;
|
58
|
+
protected abstract render(): void;
|
59
|
+
}
|
60
|
+
export declare abstract class PreviewUI extends BaseUIClass {
|
61
|
+
protected inputs: {
|
62
|
+
[key: string]: string;
|
63
|
+
}[];
|
64
|
+
constructor(props: PreviewProps);
|
65
|
+
getInputs(): {
|
66
|
+
[key: string]: string;
|
67
|
+
}[];
|
68
|
+
setInputs(inputs: {
|
69
|
+
[key: string]: string;
|
70
|
+
}[]): void;
|
71
|
+
protected abstract render(): void;
|
72
|
+
}
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import { Ref } from 'react';
|
2
|
+
import Guides from '@scena/react-guides';
|
3
|
+
import { Size } from '@pdfme/common';
|
4
|
+
declare const _Guides: ({ paperSize, horizontalRef, verticalRef, }: {
|
5
|
+
paperSize: Size;
|
6
|
+
horizontalRef: Ref<Guides> | undefined;
|
7
|
+
verticalRef: Ref<Guides> | undefined;
|
8
|
+
}) => JSX.Element;
|
9
|
+
export default _Guides;
|
@@ -0,0 +1,31 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { OnDrag, OnResize, OnDragEnd, OnDragGroupEnd, OnResizeEnd, OnResizeGroupEnd, OnClick } from 'react-moveable';
|
3
|
+
declare type Props = {
|
4
|
+
target: HTMLElement[];
|
5
|
+
bounds: {
|
6
|
+
left: number;
|
7
|
+
top: number;
|
8
|
+
bottom: number;
|
9
|
+
right: number;
|
10
|
+
};
|
11
|
+
horizontalGuidelines: number[];
|
12
|
+
verticalGuidelines: number[];
|
13
|
+
keepRatio: boolean;
|
14
|
+
onDrag: ((e: OnDrag) => void) & (({ target, left, top }: OnDrag) => void);
|
15
|
+
onDragEnd: ((e: OnDragEnd) => void) & (({ target }: {
|
16
|
+
target: HTMLElement | SVGElement;
|
17
|
+
}) => void);
|
18
|
+
onDragGroupEnd: ((e: OnDragGroupEnd) => void) & (({ targets }: {
|
19
|
+
targets: (HTMLElement | SVGElement)[];
|
20
|
+
}) => void);
|
21
|
+
onResize: ((e: OnResize) => void) & (({ target, width, height, direction }: OnResize) => void);
|
22
|
+
onResizeEnd: ((e: OnResizeEnd) => void) & (({ target }: {
|
23
|
+
target: HTMLElement | SVGElement;
|
24
|
+
}) => void);
|
25
|
+
onResizeGroupEnd: ((e: OnResizeGroupEnd) => void) & (({ targets }: {
|
26
|
+
targets: (HTMLElement | SVGElement)[];
|
27
|
+
}) => void);
|
28
|
+
onClick: ((e: OnClick) => void) & (() => void);
|
29
|
+
};
|
30
|
+
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<any>>;
|
31
|
+
export default _default;
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { OnDragStart as _OnDragStart, OnSelect as _OnSelect } from 'react-selecto';
|
2
|
+
declare const _Selecto: ({ container, continueSelect, onDragStart, onSelect, }: {
|
3
|
+
container: HTMLElement | null;
|
4
|
+
continueSelect: boolean;
|
5
|
+
onDragStart: (e: _OnDragStart) => void;
|
6
|
+
onSelect: (e: _OnSelect) => void;
|
7
|
+
}) => JSX.Element;
|
8
|
+
export default _Selecto;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
import React, { MutableRefObject } from 'react';
|
2
|
+
import { SchemaForUI, Size } from '@pdfme/common';
|
3
|
+
interface Props {
|
4
|
+
height: number;
|
5
|
+
hoveringSchemaId: string | null;
|
6
|
+
onChangeHoveringSchemaId: (id: string | null) => void;
|
7
|
+
pageCursor: number;
|
8
|
+
schemasList: SchemaForUI[][];
|
9
|
+
scale: number;
|
10
|
+
backgrounds: string[];
|
11
|
+
pageSizes: Size[];
|
12
|
+
size: Size;
|
13
|
+
activeElements: HTMLElement[];
|
14
|
+
onEdit: (targets: HTMLElement[]) => void;
|
15
|
+
changeSchemas: (objs: {
|
16
|
+
key: string;
|
17
|
+
value: string | number;
|
18
|
+
schemaId: string;
|
19
|
+
}[]) => void;
|
20
|
+
removeSchemas: (ids: string[]) => void;
|
21
|
+
paperRefs: MutableRefObject<HTMLDivElement[]>;
|
22
|
+
}
|
23
|
+
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
24
|
+
export default _default;
|
@@ -0,0 +1,26 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { SchemaForUI, Size } from '@pdfme/common';
|
3
|
+
export declare type SidebarProps = {
|
4
|
+
height: number;
|
5
|
+
hoveringSchemaId: string | null;
|
6
|
+
onChangeHoveringSchemaId: (id: string | null) => void;
|
7
|
+
size: Size;
|
8
|
+
pageSize: Size;
|
9
|
+
activeElement: HTMLElement | null;
|
10
|
+
activeSchema: SchemaForUI;
|
11
|
+
schemas: SchemaForUI[];
|
12
|
+
onSortEnd: ({ oldIndex, newIndex }: {
|
13
|
+
oldIndex: number;
|
14
|
+
newIndex: number;
|
15
|
+
}) => void;
|
16
|
+
onEdit: (id: string) => void;
|
17
|
+
onEditEnd: () => void;
|
18
|
+
changeSchemas: (objs: {
|
19
|
+
key: string;
|
20
|
+
value: string | number;
|
21
|
+
schemaId: string;
|
22
|
+
}[]) => void;
|
23
|
+
addSchema: () => void;
|
24
|
+
};
|
25
|
+
declare const Sidebar: (props: SidebarProps) => JSX.Element;
|
26
|
+
export default Sidebar;
|
@@ -0,0 +1,99 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
import { DesignerReactProps, Template } from '@pdfme/common';
|
3
|
+
declare const TemplateEditor: ({ template, size, onSaveTemplate, onChangeTemplate, }: {
|
4
|
+
options?: {
|
5
|
+
font?: Record<string, {
|
6
|
+
fallback?: boolean | undefined;
|
7
|
+
subset?: boolean | undefined;
|
8
|
+
data: ArrayBuffer | Uint8Array;
|
9
|
+
}> | undefined;
|
10
|
+
lang?: "en" | "ja" | undefined;
|
11
|
+
} | undefined;
|
12
|
+
template: {
|
13
|
+
sampledata?: Record<string, string>[] | undefined;
|
14
|
+
columns?: string[] | undefined;
|
15
|
+
schemas: Record<string, {
|
16
|
+
rotate?: number | undefined;
|
17
|
+
alignment?: "left" | "center" | "right" | undefined;
|
18
|
+
fontSize?: number | undefined;
|
19
|
+
fontName?: string | undefined;
|
20
|
+
fontColor?: string | undefined;
|
21
|
+
backgroundColor?: string | undefined;
|
22
|
+
characterSpacing?: number | undefined;
|
23
|
+
lineHeight?: number | undefined;
|
24
|
+
type: "text";
|
25
|
+
position: {
|
26
|
+
x: number;
|
27
|
+
y: number;
|
28
|
+
};
|
29
|
+
width: number;
|
30
|
+
height: number;
|
31
|
+
} | {
|
32
|
+
rotate?: number | undefined;
|
33
|
+
type: "image";
|
34
|
+
position: {
|
35
|
+
x: number;
|
36
|
+
y: number;
|
37
|
+
};
|
38
|
+
width: number;
|
39
|
+
height: number;
|
40
|
+
} | {
|
41
|
+
rotate?: number | undefined;
|
42
|
+
type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
|
43
|
+
position: {
|
44
|
+
x: number;
|
45
|
+
y: number;
|
46
|
+
};
|
47
|
+
width: number;
|
48
|
+
height: number;
|
49
|
+
}>[];
|
50
|
+
basePdf: string | ArrayBuffer | Uint8Array;
|
51
|
+
};
|
52
|
+
size: {
|
53
|
+
width: number;
|
54
|
+
height: number;
|
55
|
+
};
|
56
|
+
onSaveTemplate: (args_0: {
|
57
|
+
sampledata?: Record<string, string>[] | undefined;
|
58
|
+
columns?: string[] | undefined;
|
59
|
+
schemas: Record<string, {
|
60
|
+
rotate?: number | undefined;
|
61
|
+
alignment?: "left" | "center" | "right" | undefined;
|
62
|
+
fontSize?: number | undefined;
|
63
|
+
fontName?: string | undefined;
|
64
|
+
fontColor?: string | undefined;
|
65
|
+
backgroundColor?: string | undefined;
|
66
|
+
characterSpacing?: number | undefined;
|
67
|
+
lineHeight?: number | undefined;
|
68
|
+
type: "text";
|
69
|
+
position: {
|
70
|
+
x: number;
|
71
|
+
y: number;
|
72
|
+
};
|
73
|
+
width: number;
|
74
|
+
height: number;
|
75
|
+
} | {
|
76
|
+
rotate?: number | undefined;
|
77
|
+
type: "image";
|
78
|
+
position: {
|
79
|
+
x: number;
|
80
|
+
y: number;
|
81
|
+
};
|
82
|
+
width: number;
|
83
|
+
height: number;
|
84
|
+
} | {
|
85
|
+
rotate?: number | undefined;
|
86
|
+
type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
|
87
|
+
position: {
|
88
|
+
x: number;
|
89
|
+
y: number;
|
90
|
+
};
|
91
|
+
width: number;
|
92
|
+
height: number;
|
93
|
+
}>[];
|
94
|
+
basePdf: string | ArrayBuffer | Uint8Array;
|
95
|
+
}, ...args_1: unknown[]) => void;
|
96
|
+
} & {
|
97
|
+
onChangeTemplate: (t: Template) => void;
|
98
|
+
}) => JSX.Element;
|
99
|
+
export default TemplateEditor;
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import React, { MutableRefObject, ReactNode } from 'react';
|
2
|
+
import { SchemaForUI, Size } from '@pdfme/common';
|
3
|
+
declare const Paper: (porps: {
|
4
|
+
paperRefs?: React.MutableRefObject<HTMLDivElement[]> | undefined;
|
5
|
+
scale: number;
|
6
|
+
size: Size;
|
7
|
+
schemasList: SchemaForUI[][];
|
8
|
+
pageSizes: Size[];
|
9
|
+
backgrounds: string[];
|
10
|
+
renderPaper?: ((arg: {
|
11
|
+
index: number;
|
12
|
+
paperSize: Size;
|
13
|
+
}) => ReactNode) | undefined;
|
14
|
+
renderSchema: (arg: {
|
15
|
+
index: number;
|
16
|
+
schema: SchemaForUI;
|
17
|
+
}) => ReactNode;
|
18
|
+
}) => JSX.Element | null;
|
19
|
+
export default Paper;
|
@@ -0,0 +1,9 @@
|
|
1
|
+
import React, { ReactNode } from 'react';
|
2
|
+
import { Size } from '@pdfme/common';
|
3
|
+
declare type Props = {
|
4
|
+
size: Size;
|
5
|
+
scale: number;
|
6
|
+
children: ReactNode;
|
7
|
+
};
|
8
|
+
declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
|
9
|
+
export default _default;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { SchemaUIProps } from './SchemaUI';
|
3
|
+
declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
|
4
|
+
schema: {
|
5
|
+
rotate?: number | undefined;
|
6
|
+
type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce";
|
7
|
+
position: {
|
8
|
+
x: number;
|
9
|
+
y: number;
|
10
|
+
};
|
11
|
+
width: number;
|
12
|
+
height: number;
|
13
|
+
};
|
14
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
15
|
+
export default _default;
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { SchemaUIProps } from './SchemaUI';
|
3
|
+
declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
|
4
|
+
schema: {
|
5
|
+
rotate?: number | undefined;
|
6
|
+
type: "image";
|
7
|
+
position: {
|
8
|
+
x: number;
|
9
|
+
y: number;
|
10
|
+
};
|
11
|
+
width: number;
|
12
|
+
height: number;
|
13
|
+
};
|
14
|
+
} & React.RefAttributes<HTMLInputElement>>;
|
15
|
+
export default _default;
|
@@ -0,0 +1,14 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { SchemaForUI } from '@pdfme/common';
|
3
|
+
export interface SchemaUIProps {
|
4
|
+
schema: SchemaForUI;
|
5
|
+
editable: boolean;
|
6
|
+
onChange: (value: string) => void;
|
7
|
+
tabIndex?: number;
|
8
|
+
placeholder?: string;
|
9
|
+
}
|
10
|
+
declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
|
11
|
+
border: string;
|
12
|
+
onChangeHoveringSchemaId?: ((id: string | null) => void) | undefined;
|
13
|
+
} & React.RefAttributes<HTMLInputElement | HTMLTextAreaElement>>;
|
14
|
+
export default _default;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { SchemaUIProps } from './SchemaUI';
|
3
|
+
declare const _default: React.ForwardRefExoticComponent<SchemaUIProps & {
|
4
|
+
schema: {
|
5
|
+
rotate?: number | undefined;
|
6
|
+
alignment?: "left" | "center" | "right" | undefined;
|
7
|
+
fontSize?: number | undefined;
|
8
|
+
fontName?: string | undefined;
|
9
|
+
fontColor?: string | undefined;
|
10
|
+
backgroundColor?: string | undefined;
|
11
|
+
characterSpacing?: number | undefined;
|
12
|
+
lineHeight?: number | undefined;
|
13
|
+
type: "text";
|
14
|
+
position: {
|
15
|
+
x: number;
|
16
|
+
y: number;
|
17
|
+
};
|
18
|
+
width: number;
|
19
|
+
height: number;
|
20
|
+
};
|
21
|
+
} & React.RefAttributes<HTMLTextAreaElement>>;
|
22
|
+
export default _default;
|
@@ -0,0 +1,7 @@
|
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const I18nContext: import("react").Context<(key: "type" | "select" | "field" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsSelect" | "plsInputName" | "plsAddNewField" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "previewWarnMsg" | "previewErrMsg" | "goToFirst" | "goToPrevious" | "goToNext" | "goToEnd" | "errorOccurred") => string>;
|
3
|
+
export declare const FontContext: import("react").Context<Record<string, {
|
4
|
+
fallback?: boolean | undefined;
|
5
|
+
subset?: boolean | undefined;
|
6
|
+
data: ArrayBuffer | Uint8Array;
|
7
|
+
}>>;
|