Class: Form

Hierarchy

• PreviewUI

  ↳ Form

Constructors

constructor

• new Form(props)

Parameters

Name	Type
props	Object
props.domContainer	HTMLElement
props.inputs	Record<string, string>[]
props.options?	Object
props.options.font?	Record<string, { data: string & ArrayBuffer & Uint8Array & string & ArrayBuffer & string & Uint8Array & ArrayBuffer & string & ArrayBuffer & Uint8Array & Uint8Array & string & Uint8Array & ArrayBuffer ; fallback?: boolean ; subset?: boolean }>
props.options.lang?	"th" | "en" | "ja" | "ar" | "pl"
props.template	Object
props.template.basePdf	string & ArrayBuffer & Uint8Array & string & ArrayBuffer & string & Uint8Array & ArrayBuffer & string & ArrayBuffer & Uint8Array & Uint8Array & string & Uint8Array & ArrayBuffer
props.template.columns?	string[]
props.template.sampledata?	Record<string, string>[]
props.template.schemas	Record<string, { alignment?: "center" | "left" | "right" ; backgroundColor?: string ; characterSpacing?: number ; dynamicFontSize?: { fit?: string ; max: number ; min: number } ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; verticalAlignment?: "top" | "bottom" | "middle" ; width: number } | { height: number ; position: { x: number ; y: number } ; rotate?: number ; type: "image" ; width: number } | { height: number ; position: { x: number ; y: number } ; rotate?: number ; type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix" ; width: number }>[]

Overrides

PreviewUI.constructor

Defined in

ui/src/Form.tsx:12

Properties

domContainer

• Protected domContainer: null | HTMLElement

Inherited from

PreviewUI.domContainer

Defined in

ui/src/class.ts:58

---

inputs

• Protected inputs: { [key: string]: string; }[]

Inherited from

PreviewUI.inputs

Defined in

ui/src/class.ts:146

---

onChangeInputCallback

• Private Optional onChangeInputCallback: (arg: { index: number ; key: string ; value: string }) => void

Type declaration

▸ (arg): void

Parameters

Name	Type
arg	Object
arg.index	number
arg.key	string
arg.value	string

Returns

void

Defined in

ui/src/Form.tsx:10

---

resizeObserver

• resizeObserver: ResizeObserver

Inherited from

PreviewUI.resizeObserver

Defined in

ui/src/class.ts:77

---

size

• Protected size: Object

Type declaration

Name	Type
height	number
width	number

Inherited from

PreviewUI.size

Defined in

ui/src/class.ts:62

---

template

• Protected template: Object

Type declaration

Name	Type
basePdf	string & ArrayBuffer & Uint8Array & string & ArrayBuffer & string & Uint8Array & ArrayBuffer & string & ArrayBuffer & Uint8Array & Uint8Array & string & Uint8Array & ArrayBuffer
columns?	string[]
sampledata?	Record<string, string>[]
schemas	Record<string, { alignment?: "center" | "left" | "right" ; backgroundColor?: string ; characterSpacing?: number ; dynamicFontSize?: { fit?: string ; max: number ; min: number } ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; verticalAlignment?: "top" | "bottom" | "middle" ; width: number } | { height: number ; position: { x: number ; y: number } ; rotate?: number ; type: "image" ; width: number } | { height: number ; position: { x: number ; y: number } ; rotate?: number ; type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix" ; width: number }>[]

Inherited from

PreviewUI.template

Defined in

ui/src/class.ts:60

Methods

destroy

▸ destroy(): void

Returns

void

Inherited from

PreviewUI.destroy

Defined in

ui/src/class.ts:135

---

getFont

▸ Protected getFont(): Record<string, { data: string & ArrayBuffer & Uint8Array & string & ArrayBuffer & string & Uint8Array & ArrayBuffer & string & ArrayBuffer & Uint8Array & Uint8Array & string & Uint8Array & ArrayBuffer ; fallback?: boolean ; subset?: boolean }>

Returns

Record<string, { data: string & ArrayBuffer & Uint8Array & string & ArrayBuffer & string & Uint8Array & ArrayBuffer & string & ArrayBuffer & Uint8Array & Uint8Array & string & Uint8Array & ArrayBuffer ; fallback?: boolean ; subset?: boolean }>

Inherited from

PreviewUI.getFont

Defined in

ui/src/class.ts:104

---

getI18n

▸ Protected getI18n(): (key: "field" | "cancel" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "type" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName") => string

Returns

fn

▸ (key): string

Parameters

Name	Type
key	"field" | "cancel" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsInputName" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "type" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName"

Returns

string

Inherited from

PreviewUI.getI18n

Defined in

ui/src/class.ts:100

---

getInputs

▸ getInputs(): { [key: string]: string; }[]

Returns

{ [key: string]: string; }[]

Inherited from

PreviewUI.getInputs

Defined in

ui/src/class.ts:155

---

getTemplate

▸ getTemplate(): Object

Returns

Object

Name	Type
basePdf	string & ArrayBuffer & Uint8Array & string & ArrayBuffer & string & Uint8Array & ArrayBuffer & string & ArrayBuffer & Uint8Array & Uint8Array & string & Uint8Array & ArrayBuffer
columns?	string[]
sampledata?	Record<string, string>[]
schemas	Record<string, { alignment?: "center" | "left" | "right" ; backgroundColor?: string ; characterSpacing?: number ; dynamicFontSize?: { fit?: string ; max: number ; min: number } ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; verticalAlignment?: "top" | "bottom" | "middle" ; width: number } | { height: number ; position: { x: number ; y: number } ; rotate?: number ; type: "image" ; width: number } | { height: number ; position: { x: number ; y: number } ; rotate?: number ; type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix" ; width: number }>[]

Inherited from

PreviewUI.getTemplate

Defined in

ui/src/class.ts:108

---

onChangeInput

▸ onChangeInput(cb): void

Parameters

Name	Type
cb	(arg: { index: number ; key: string ; value: string }) => void

Returns

void

Defined in

ui/src/Form.tsx:17

---

render

▸ Protected render(): void

Returns

void

Overrides

PreviewUI.render

Defined in

ui/src/Form.tsx:21

---

setInputs

▸ setInputs(inputs): void

Parameters

Name	Type
inputs	{ [key: string]: string; }[]

Returns

void

Inherited from

PreviewUI.setInputs

Defined in

ui/src/class.ts:161

---

updateOptions

▸ updateOptions(options): void

Parameters

Name	Type
options	Object
options.font?	Record<string, { data: string & ArrayBuffer & Uint8Array & string & ArrayBuffer & string & Uint8Array & ArrayBuffer & string & ArrayBuffer & Uint8Array & Uint8Array & string & Uint8Array & ArrayBuffer ; fallback?: boolean ; subset?: boolean }>
options.lang?	"th" | "en" | "ja" | "ar" | "pl"

Returns

void

Inherited from

PreviewUI.updateOptions

Defined in

ui/src/class.ts:122

---

updateTemplate

▸ updateTemplate(template): void

Parameters

Name	Type
template	Object
template.basePdf	string & ArrayBuffer & Uint8Array & string & ArrayBuffer & string & Uint8Array & ArrayBuffer & string & ArrayBuffer & Uint8Array & Uint8Array & string & Uint8Array & ArrayBuffer
template.columns?	string[]
template.sampledata?	Record<string, string>[]
template.schemas	Record<string, { alignment?: "center" | "left" | "right" ; backgroundColor?: string ; characterSpacing?: number ; dynamicFontSize?: { fit?: string ; max: number ; min: number } ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; verticalAlignment?: "top" | "bottom" | "middle" ; width: number } | { height: number ; position: { x: number ; y: number } ; rotate?: number ; type: "image" ; width: number } | { height: number ; position: { x: number ; y: number } ; rotate?: number ; type: "qrcode" | "japanpost" | "ean13" | "ean8" | "code39" | "code128" | "nw7" | "itf14" | "upca" | "upce" | "gs1datamatrix" ; width: number }>[]

Returns

void

Inherited from

PreviewUI.updateTemplate

Defined in

ui/src/class.ts:114