16 KiB
id, title, sidebar_label, sidebar_position, custom_edit_url
| id | title | sidebar_label | sidebar_position | custom_edit_url |
|---|---|---|---|---|
| Designer | Class: Designer | Designer | 0 | null |
Hierarchy
-
BaseUIClass↳
Designer
Constructors
constructor
• new Designer(props)
Parameters
| Name | Type |
|---|---|
props |
Object |
props.domContainer |
HTMLElement |
props.options? |
Object |
props.options.font? |
Record<string, { data: ArrayBuffer | Uint8Array ; fallback?: boolean ; subset?: boolean }> |
props.options.lang? |
"en" | "ja" |
props.template |
Object |
props.template.basePdf |
string | ArrayBuffer | Uint8Array |
props.template.columns? |
string[] |
props.template.sampledata? |
Record<string, string>[] |
props.template.schemas |
Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] |
Overrides
BaseUIClass.constructor
Defined in
Properties
domContainer
• Protected domContainer: null | HTMLElement
Inherited from
BaseUIClass.domContainer
Defined in
onChangeTemplateCallback
• Private Optional onChangeTemplateCallback: (template: { basePdf: string | ArrayBuffer | Uint8Array ; columns?: string[] ; sampledata?: Record<string, string>[] ; schemas: Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] }) => void
Type declaration
▸ (template): void
Parameters
| Name | Type |
|---|---|
template |
Object |
template.basePdf |
string | ArrayBuffer | Uint8Array |
template.columns? |
string[] |
template.sampledata? |
Record<string, string>[] |
template.schemas |
Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] |
Returns
void
Defined in
onSaveTemplateCallback
• Private Optional onSaveTemplateCallback: (template: { basePdf: string | ArrayBuffer | Uint8Array ; columns?: string[] ; sampledata?: Record<string, string>[] ; schemas: Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] }) => void
Type declaration
▸ (template): void
Parameters
| Name | Type |
|---|---|
template |
Object |
template.basePdf |
string | ArrayBuffer | Uint8Array |
template.columns? |
string[] |
template.sampledata? |
Record<string, string>[] |
template.schemas |
Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] |
Returns
void
Defined in
size
• Protected size: Object
Type declaration
| Name | Type |
|---|---|
height |
number |
width |
number |
Inherited from
BaseUIClass.size
Defined in
template
• Protected template: Object
Type declaration
| Name | Type |
|---|---|
basePdf |
string | ArrayBuffer | Uint8Array |
columns? |
string[] |
sampledata? |
Record<string, string>[] |
schemas |
Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] |
Inherited from
BaseUIClass.template
Defined in
Methods
destroy
▸ destroy(): void
Returns
void
Inherited from
BaseUIClass.destroy
Defined in
getFont
▸ Protected getFont(): Record<string, { data: ArrayBuffer | Uint8Array ; fallback?: boolean ; subset?: boolean }>
Returns
Record<string, { data: ArrayBuffer | Uint8Array ; fallback?: boolean ; subset?: boolean }>
Inherited from
BaseUIClass.getFont
Defined in
getI18n
▸ Protected getI18n(): (key: "field" | "cancel" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsSelect" | "plsInputName" | "plsAddNewField" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "type" | "goToFirst" | "goToPrevious" | "goToNext" | "goToEnd" | "select" | "zoomIn" | "zoomOut" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName") => string
Returns
fn
▸ (key): string
Parameters
| Name | Type |
|---|---|
key |
"field" | "cancel" | "fieldName" | "require" | "uniq" | "inputExample" | "edit" | "plsSelect" | "plsInputName" | "plsAddNewField" | "fieldMustUniq" | "notUniq" | "noKeyName" | "fieldsList" | "addNewField" | "editField" | "type" | "goToFirst" | "goToPrevious" | "goToNext" | "goToEnd" | "select" | "zoomIn" | "zoomOut" | "errorOccurred" | "errorBulkUpdateFieldName" | "commitBulkUpdateFieldName" | "bulkUpdateFieldName" |
Returns
string
Inherited from
BaseUIClass.getI18n
Defined in
getTemplate
▸ getTemplate(): Object
Returns
Object
| Name | Type |
|---|---|
basePdf |
string | ArrayBuffer | Uint8Array |
columns? |
string[] |
sampledata? |
Record<string, string>[] |
schemas |
Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] |
Inherited from
BaseUIClass.getTemplate
Defined in
onChangeTemplate
▸ onChangeTemplate(cb): void
Parameters
| Name | Type |
|---|---|
cb |
(template: { basePdf: string | ArrayBuffer | Uint8Array ; columns?: string[] ; sampledata?: Record<string, string>[] ; schemas: Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] }) => void |
Returns
void
Defined in
onSaveTemplate
▸ onSaveTemplate(cb): void
Parameters
| Name | Type |
|---|---|
cb |
(template: { basePdf: string | ArrayBuffer | Uint8Array ; columns?: string[] ; sampledata?: Record<string, string>[] ; schemas: Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] }) => void |
Returns
void
Defined in
render
▸ Protected render(): void
Returns
void
Overrides
BaseUIClass.render
Defined in
saveTemplate
▸ saveTemplate(): void
Returns
void
Defined in
updateOptions
▸ updateOptions(options): void
Parameters
| Name | Type |
|---|---|
options |
Object |
options.font? |
Record<string, { data: ArrayBuffer | Uint8Array ; fallback?: boolean ; subset?: boolean }> |
options.lang? |
"en" | "ja" |
Returns
void
Inherited from
BaseUIClass.updateOptions
Defined in
updateTemplate
▸ updateTemplate(template): void
Parameters
| Name | Type |
|---|---|
template |
Object |
template.basePdf |
string | ArrayBuffer | Uint8Array |
template.columns? |
string[] |
template.sampledata? |
Record<string, string>[] |
template.schemas |
Record<string, { alignment?: "left" | "center" | "right" ; backgroundColor?: string ; characterSpacing?: number ; fontColor?: string ; fontName?: string ; fontSize?: number ; height: number ; lineHeight?: number ; position: { x: number ; y: number } ; rotate?: number ; type: "text" ; 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" ; width: number }>[] |
Returns
void
Overrides
BaseUIClass.updateTemplate