@operato/ocr 0.2.19 → 0.2.23
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/CHANGELOG.md +37 -0
- package/demo/index.html +666 -2
- package/dist/src/ox-camera-capturer.d.ts +2 -0
- package/dist/src/ox-camera-capturer.js +19 -6
- package/dist/src/ox-camera-capturer.js.map +1 -1
- package/dist/src/ox-ocr-helper.d.ts +5 -4
- package/dist/src/ox-ocr-helper.js +31 -40
- package/dist/src/ox-ocr-helper.js.map +1 -1
- package/dist/src/ox-ocr-result-image.d.ts +2 -12
- package/dist/src/ox-ocr-result-image.js +31 -673
- package/dist/src/ox-ocr-result-image.js.map +1 -1
- package/dist/src/type.d.ts +15 -0
- package/dist/src/type.js +6 -0
- package/dist/src/type.js.map +1 -0
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/ox-camera-capturer.ts +13 -6
- package/src/ox-ocr-helper.ts +27 -39
- package/src/ox-ocr-result-image.ts +35 -686
- package/src/type.ts +13 -0
- package/dist/src/camera-capturer.d.ts +0 -14
- package/dist/src/camera-capturer.js +0 -170
- package/dist/src/camera-capturer.js.map +0 -1
- package/dist/src/file-drop-helper.d.ts +0 -16
- package/dist/src/file-drop-helper.js +0 -47
- package/dist/src/file-drop-helper.js.map +0 -1
- package/dist/src/utils/touch-mouse-event.d.ts +0 -0
- package/dist/src/utils/touch-mouse-event.js +0 -2
- package/dist/src/utils/touch-mouse-event.js.map +0 -1
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import '@material/mwc-icon';
|
|
3
3
|
import { css, html, LitElement } from 'lit';
|
|
4
|
-
import { customElement, property, query } from 'lit/decorators.js';
|
|
4
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
5
5
|
import { FileDropHelper } from './utils/file-drop-helper';
|
|
6
6
|
let CameraCapturer = class CameraCapturer extends LitElement {
|
|
7
|
+
constructor() {
|
|
8
|
+
super(...arguments);
|
|
9
|
+
this.hideFileList = false;
|
|
10
|
+
this.attachFileList = false;
|
|
11
|
+
}
|
|
7
12
|
render() {
|
|
8
13
|
var files = this._files || [];
|
|
9
14
|
return html `
|
|
@@ -18,7 +23,9 @@ let CameraCapturer = class CameraCapturer extends LitElement {
|
|
|
18
23
|
capture="environment"
|
|
19
24
|
@change=${(e) => {
|
|
20
25
|
const fileInput = e.currentTarget;
|
|
21
|
-
this._files =
|
|
26
|
+
this._files = this.attachFileList
|
|
27
|
+
? [...files, ...Array.from(fileInput.files)]
|
|
28
|
+
: [...Array.from(fileInput.files)];
|
|
22
29
|
this.dispatchEvent(new CustomEvent('files-change', {
|
|
23
30
|
bubbles: true,
|
|
24
31
|
composed: true,
|
|
@@ -30,9 +37,9 @@ let CameraCapturer = class CameraCapturer extends LitElement {
|
|
|
30
37
|
fileInput.files = null;
|
|
31
38
|
}}
|
|
32
39
|
/>
|
|
33
|
-
|
|
40
|
+
<label for="input-file">${this.label || 'capture image'}</label>
|
|
34
41
|
|
|
35
|
-
${(files === null || files === void 0 ? void 0 : files.length)
|
|
42
|
+
${!this.hideFileList && (files === null || files === void 0 ? void 0 : files.length)
|
|
36
43
|
? html ` <ul>
|
|
37
44
|
${files.map(file => html `
|
|
38
45
|
<li>
|
|
@@ -54,7 +61,7 @@ let CameraCapturer = class CameraCapturer extends LitElement {
|
|
|
54
61
|
</li>
|
|
55
62
|
`)}
|
|
56
63
|
</ul>`
|
|
57
|
-
:
|
|
64
|
+
: html ``}
|
|
58
65
|
`;
|
|
59
66
|
}
|
|
60
67
|
firstUpdated() {
|
|
@@ -166,7 +173,13 @@ __decorate([
|
|
|
166
173
|
property({ type: String })
|
|
167
174
|
], CameraCapturer.prototype, "label", void 0);
|
|
168
175
|
__decorate([
|
|
169
|
-
property({ type:
|
|
176
|
+
property({ type: Boolean, reflect: true, attribute: 'hide-filelist' })
|
|
177
|
+
], CameraCapturer.prototype, "hideFileList", void 0);
|
|
178
|
+
__decorate([
|
|
179
|
+
property({ type: Boolean, reflect: true, attribute: 'attach-filelist' })
|
|
180
|
+
], CameraCapturer.prototype, "attachFileList", void 0);
|
|
181
|
+
__decorate([
|
|
182
|
+
state()
|
|
170
183
|
], CameraCapturer.prototype, "_files", void 0);
|
|
171
184
|
__decorate([
|
|
172
185
|
query('#input-file')
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-camera-capturer.js","sourceRoot":"","sources":["../../src/ox-camera-capturer.ts"],"names":[],"mappings":";AAAA,OAAO,oBAAoB,CAAA;AAE3B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"ox-camera-capturer.js","sourceRoot":"","sources":["../../src/ox-camera-capturer.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-icon'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { FileDropHelper } from './utils/file-drop-helper'\n\n@customElement('ox-camera-capturer')\nexport class CameraCapturer extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n border-radius: var(--border-radius);\n align-items: center;\n justify-content: center;\n padding: var(--padding-default, 9px);\n min-height: 100px;\n text-transform: capitalize;\n\n border: var(--file-uploader-border);\n background-color: var(--main-section-background-color);\n font: var(--file-uploader-font) !important;\n color: var(--file-uploader-color);\n }\n :host > mwc-icon {\n color: var(--file-uploader-icon-color);\n }\n\n :host(.candrop) {\n background-color: var(--file-uploader-candrop-background-color);\n }\n\n #input-file {\n display: none;\n }\n\n label {\n position: relative;\n width: auto;\n border: none;\n text-transform: capitalize;\n\n padding: var(--file-uploader-label-padding);\n border-radius: var(--file-uploader-label-border-radius);\n background-color: var(--file-uploader-label-background-color);\n color: var(--file-uploader-label-color);\n font: var(--file-uploader-label-font) !important;\n }\n\n ul {\n max-width: 500px;\n list-style: none;\n margin: 5px 0 0 0;\n padding: 0;\n max-height: 46px;\n overflow: auto;\n background-color: rgba(var(--primary-color-rgb), 0.1);\n }\n li {\n text-align: left;\n\n padding: 3px 5px 2px 5px;\n border-bottom: var(--file-uploader-li-border-bottom);\n font: normal 14px var(--theme-font);\n }\n li mwc-icon {\n float: right;\n cursor: pointer;\n margin: var(--file-uploader-li-icon-margin);\n font-size: 1em;\n }\n li mwc-icon:hover,\n li mwc-icon:active {\n color: var(--file-uploader-li-icon-focus-color);\n }\n `\n ]\n\n @property({ type: Boolean }) multiple?: boolean\n @property({ type: String }) accept?: string\n @property({ type: String }) label?: string\n @property({ type: Boolean, reflect: true, attribute: 'hide-filelist' })\n hideFileList: boolean = false\n @property({ type: Boolean, reflect: true, attribute: 'attach-filelist' })\n attachFileList: boolean = false\n\n @state() _files?: File[]\n\n render() {\n var files = this._files || []\n\n return html`\n <mwc-icon>camera</mwc-icon>\n <span>Capture image or drop files here!</span>\n <input\n id=\"input-file\"\n type=\"file\"\n accept=${this.accept}\n ?multiple=${this.multiple}\n hidden\n capture=\"environment\"\n @change=${(e: Event) => {\n const fileInput = e.currentTarget as HTMLInputElement\n\n this._files = this.attachFileList\n ? [...files, ...Array.from(fileInput.files as FileList)]\n : [...Array.from(fileInput.files as FileList)]\n\n this.dispatchEvent(\n new CustomEvent('files-change', {\n bubbles: true,\n composed: true,\n detail: {\n files: files\n }\n })\n )\n\n // fileInput.value = null\n fileInput.files = null\n }}\n />\n <label for=\"input-file\">${this.label || 'capture image'}</label>\n\n ${!this.hideFileList && files?.length\n ? html` <ul>\n ${files.map(\n file => html`\n <li>\n - ${file.name}\n <mwc-icon\n @click=${(e: Event) => {\n files.splice(files.indexOf(file), 1)\n this._files = [...files]\n this.dispatchEvent(\n new CustomEvent('files-change', {\n bubbles: true,\n composed: true,\n detail: {\n files: this._files\n }\n })\n )\n }}\n >delete_outline</mwc-icon\n >\n </li>\n `\n )}\n </ul>`\n : html``}\n `\n }\n\n firstUpdated() {\n FileDropHelper.set(this)\n\n this.addEventListener('file-drop', (e: Event) => {\n const detail = (e as CustomEvent).detail\n this._files = this.multiple ? detail : detail[0] ? [detail[0]] : []\n\n this.dispatchEvent(\n new CustomEvent('files-change', {\n bubbles: true,\n composed: true,\n detail: {\n files: this._files\n }\n })\n )\n })\n }\n\n @query('#input-file') fileInput!: HTMLInputElement\n\n get files() {\n return this._files\n }\n\n reset() {\n this.fileInput.value = ''\n this._files = []\n\n this.dispatchEvent(\n new CustomEvent('files-change', {\n bubbles: true,\n composed: true,\n detail: {\n files: this._files\n }\n })\n )\n }\n}\n"]}
|
|
@@ -2,15 +2,16 @@ import '@material/mwc-button';
|
|
|
2
2
|
import './ox-camera-capturer';
|
|
3
3
|
import './ox-ocr-result-image';
|
|
4
4
|
import { LitElement } from 'lit';
|
|
5
|
+
import { ScanResult } from './type';
|
|
5
6
|
export declare class OcrHelper extends LitElement {
|
|
6
7
|
static styles: import("lit").CSSResult[];
|
|
7
|
-
|
|
8
|
-
|
|
8
|
+
result: ScanResult[];
|
|
9
|
+
files: Array<any>;
|
|
10
|
+
_index: number;
|
|
9
11
|
fileUploader: any;
|
|
10
|
-
|
|
12
|
+
copied: HTMLElement;
|
|
11
13
|
render(): import("lit-html").TemplateResult<1>;
|
|
12
14
|
fileschange(e: Event): void;
|
|
13
15
|
reset(): void;
|
|
14
16
|
onSelected(e: CustomEvent): void;
|
|
15
|
-
submit(): Promise<void>;
|
|
16
17
|
}
|
|
@@ -3,16 +3,21 @@ import '@material/mwc-button';
|
|
|
3
3
|
import './ox-camera-capturer';
|
|
4
4
|
import './ox-ocr-result-image';
|
|
5
5
|
import { css, html, LitElement } from 'lit';
|
|
6
|
-
import { customElement, property, query } from 'lit/decorators.js';
|
|
6
|
+
import { customElement, property, query, state } from 'lit/decorators.js';
|
|
7
|
+
import { NOTHING_RESULT } from './type';
|
|
7
8
|
let OcrHelper = class OcrHelper extends LitElement {
|
|
8
9
|
constructor() {
|
|
9
10
|
super(...arguments);
|
|
10
|
-
this.
|
|
11
|
+
this.result = [];
|
|
12
|
+
this.files = [];
|
|
13
|
+
this._index = 0;
|
|
11
14
|
}
|
|
12
15
|
render() {
|
|
13
|
-
|
|
14
|
-
const
|
|
16
|
+
var _a;
|
|
17
|
+
const files = this.files || [];
|
|
18
|
+
const index = this._index || 0;
|
|
15
19
|
const file = files[index];
|
|
20
|
+
const result = ((_a = this.result) === null || _a === void 0 ? void 0 : _a[index]) || NOTHING_RESULT;
|
|
16
21
|
return html `
|
|
17
22
|
<div attachment-wrap>
|
|
18
23
|
<ox-camera-capturer
|
|
@@ -24,12 +29,9 @@ let OcrHelper = class OcrHelper extends LitElement {
|
|
|
24
29
|
?hidden=${false}
|
|
25
30
|
custom-input
|
|
26
31
|
@files-change=${(e) => this.fileschange(e)}
|
|
32
|
+
hide-filelist
|
|
27
33
|
></ox-camera-capturer>
|
|
28
34
|
</div>
|
|
29
|
-
<div buttons>
|
|
30
|
-
<mwc-button @click=${(e) => this.submit()}>submit</mwc-button>
|
|
31
|
-
<mwc-button @click=${(e) => this.reset()}>reset</mwc-button>
|
|
32
|
-
</div>
|
|
33
35
|
<div id="images">
|
|
34
36
|
<div
|
|
35
37
|
tab
|
|
@@ -38,50 +40,36 @@ let OcrHelper = class OcrHelper extends LitElement {
|
|
|
38
40
|
const item = (_a = e.target) === null || _a === void 0 ? void 0 : _a.closest('[i]');
|
|
39
41
|
const children = (_b = e.currentTarget) === null || _b === void 0 ? void 0 : _b.querySelectorAll('[i]');
|
|
40
42
|
if (item) {
|
|
41
|
-
this.
|
|
43
|
+
this._index = Array.from(children).indexOf(item);
|
|
42
44
|
}
|
|
43
45
|
}}
|
|
44
46
|
>
|
|
45
47
|
${files.map((file, idx) => html `<div i ?active=${idx === index}>${idx}</div>`)}
|
|
46
48
|
</div>
|
|
47
|
-
<ox-ocr-result-image
|
|
49
|
+
<ox-ocr-result-image
|
|
50
|
+
.file=${file}
|
|
51
|
+
@selected=${(e) => this.onSelected(e)}
|
|
52
|
+
.result=${result}
|
|
53
|
+
></ox-ocr-result-image>
|
|
48
54
|
</div>
|
|
49
55
|
|
|
50
|
-
<div id="
|
|
56
|
+
<div id="copied"></div>
|
|
51
57
|
`;
|
|
52
58
|
}
|
|
53
59
|
fileschange(e) {
|
|
54
|
-
|
|
60
|
+
var _a;
|
|
61
|
+
this.files = this.fileUploader.files;
|
|
62
|
+
this.dispatchEvent(new CustomEvent('attached', {
|
|
63
|
+
detail: (_a = this.fileUploader) === null || _a === void 0 ? void 0 : _a.files
|
|
64
|
+
}));
|
|
55
65
|
}
|
|
56
66
|
reset() {
|
|
57
67
|
this.fileUploader.reset();
|
|
58
|
-
this.
|
|
68
|
+
this.copied.textContent = '';
|
|
59
69
|
}
|
|
60
70
|
onSelected(e) {
|
|
61
71
|
navigator.clipboard.writeText(e.detail);
|
|
62
72
|
}
|
|
63
|
-
async submit() {
|
|
64
|
-
var _a;
|
|
65
|
-
this.dispatchEvent(new CustomEvent('attached', {
|
|
66
|
-
detail: (_a = this.fileUploader) === null || _a === void 0 ? void 0 : _a.files
|
|
67
|
-
}));
|
|
68
|
-
// const response = await client.query({
|
|
69
|
-
// query: gql`
|
|
70
|
-
// query ocrRequest($images: [Upload!]!) {
|
|
71
|
-
// ocrRequest(images: $images)
|
|
72
|
-
// }
|
|
73
|
-
// `,
|
|
74
|
-
// variables: {
|
|
75
|
-
// images: this.fileUploader?.files
|
|
76
|
-
// },
|
|
77
|
-
// context: { hasUpload: true }
|
|
78
|
-
// })
|
|
79
|
-
// if (!response.errors) {
|
|
80
|
-
// this.result.textContent = response.data.ocrRequest
|
|
81
|
-
// } else {
|
|
82
|
-
// this.result.textContent = 'error'
|
|
83
|
-
// }
|
|
84
|
-
}
|
|
85
73
|
};
|
|
86
74
|
OcrHelper.styles = [
|
|
87
75
|
css `
|
|
@@ -131,16 +119,19 @@ OcrHelper.styles = [
|
|
|
131
119
|
];
|
|
132
120
|
__decorate([
|
|
133
121
|
property({ type: Array })
|
|
134
|
-
], OcrHelper.prototype, "
|
|
122
|
+
], OcrHelper.prototype, "result", void 0);
|
|
135
123
|
__decorate([
|
|
136
|
-
property({ type:
|
|
137
|
-
], OcrHelper.prototype, "
|
|
124
|
+
property({ type: Array })
|
|
125
|
+
], OcrHelper.prototype, "files", void 0);
|
|
126
|
+
__decorate([
|
|
127
|
+
state()
|
|
128
|
+
], OcrHelper.prototype, "_index", void 0);
|
|
138
129
|
__decorate([
|
|
139
130
|
query('#capturer')
|
|
140
131
|
], OcrHelper.prototype, "fileUploader", void 0);
|
|
141
132
|
__decorate([
|
|
142
|
-
query('#
|
|
143
|
-
], OcrHelper.prototype, "
|
|
133
|
+
query('#copied')
|
|
134
|
+
], OcrHelper.prototype, "copied", void 0);
|
|
144
135
|
OcrHelper = __decorate([
|
|
145
136
|
customElement('ox-ocr-helper')
|
|
146
137
|
], OcrHelper);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ox-ocr-helper.js","sourceRoot":"","sources":["../../src/ox-ocr-helper.ts"],"names":[],"mappings":";AAAA,OAAO,sBAAsB,CAAA;AAC7B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAE9B,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"ox-ocr-helper.js","sourceRoot":"","sources":["../../src/ox-ocr-helper.ts"],"names":[],"mappings":"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","sourcesContent":["import '@material/mwc-button'\nimport './ox-camera-capturer'\nimport './ox-ocr-result-image'\n\nimport { css, html, LitElement } from 'lit'\nimport { customElement, property, query, state } from 'lit/decorators.js'\n\nimport { NOTHING_RESULT, ScanResult } from './type'\n\n@customElement('ox-ocr-helper')\nexport class OcrHelper extends LitElement {\n static styles = [\n css`\n :host {\n display: flex;\n flex-direction: column;\n min-width: 240px;\n }\n\n [buttons] {\n display: flex;\n flex-direction: row-reverse;\n }\n\n #images {\n flex: 1;\n background-color: var(--main-section-background-color, #f4f7fb);\n color: white;\n\n display: flex;\n flex-direction: column;\n }\n\n [tab] {\n display: flex;\n flex-direction: row;\n }\n\n [i] {\n min-width: 50px;\n background-color: var(--secondary-color, #394e64);\n border-right: 1px solid rgba(0, 0, 0, 0.2);\n padding: var(--padding-narrow, 4px);\n text-align: center;\n height: 1.4em;\n }\n\n [i][active] {\n background-color: var(--primary-color, #22a6a7);\n font-weight: bold;\n }\n\n ox-ocr-result-image {\n flex: 1;\n }\n `\n ]\n\n @property({ type: Array }) result: ScanResult[] = []\n @property({ type: Array }) files: Array<any> = []\n\n @state() _index: number = 0\n\n @query('#capturer') fileUploader!: any\n @query('#copied') copied!: HTMLElement\n\n render() {\n const files = this.files || []\n const index = this._index || 0\n const file = files[index]\n const result = this.result?.[index] || NOTHING_RESULT\n\n return html`\n <div attachment-wrap>\n <ox-camera-capturer\n name=\"scanner\"\n id=\"capturer\"\n label=\"Capture Images\"\n accept=\"image/*\"\n multiple=\"true\"\n ?hidden=${false}\n custom-input\n @files-change=${(e: Event) => this.fileschange(e)}\n hide-filelist\n ></ox-camera-capturer>\n </div>\n <div id=\"images\">\n <div\n tab\n @click=${(e: MouseEvent) => {\n const item = (e.target as HTMLElement)?.closest('[i]')\n const children = (e.currentTarget as HTMLElement)?.querySelectorAll('[i]')\n if (item) {\n this._index = Array.from(children).indexOf(item)\n }\n }}\n >\n ${files.map((file: any, idx: number) => html`<div i ?active=${idx === index}>${idx}</div>`)}\n </div>\n <ox-ocr-result-image\n .file=${file}\n @selected=${(e: CustomEvent) => this.onSelected(e)}\n .result=${result}\n ></ox-ocr-result-image>\n </div>\n\n <div id=\"copied\"></div>\n `\n }\n\n fileschange(e: Event) {\n this.files = this.fileUploader.files\n\n this.dispatchEvent(\n new CustomEvent('attached', {\n detail: this.fileUploader?.files\n })\n )\n }\n\n reset() {\n this.fileUploader.reset()\n this.copied.textContent = ''\n }\n\n onSelected(e: CustomEvent) {\n navigator.clipboard.writeText(e.detail)\n }\n}\n"]}
|
|
@@ -1,15 +1,5 @@
|
|
|
1
1
|
import { LitElement, PropertyValues } from 'lit';
|
|
2
|
-
|
|
3
|
-
status_code: number;
|
|
4
|
-
key_values: {
|
|
5
|
-
[key: string]: Array<string>;
|
|
6
|
-
};
|
|
7
|
-
boundaries: Array<Array<{
|
|
8
|
-
x: number;
|
|
9
|
-
y: number;
|
|
10
|
-
}>>;
|
|
11
|
-
texts: Array<string>;
|
|
12
|
-
};
|
|
2
|
+
import { ScanResult } from './type';
|
|
13
3
|
export declare class OcrResultImage extends LitElement {
|
|
14
4
|
static styles: import("lit").CSSResult[];
|
|
15
5
|
file: any;
|
|
@@ -34,6 +24,7 @@ export declare class OcrResultImage extends LitElement {
|
|
|
34
24
|
calculateRatio(): Promise<void>;
|
|
35
25
|
connectedCallback(): Promise<void>;
|
|
36
26
|
disconnectedCallback(): void;
|
|
27
|
+
reset(): void;
|
|
37
28
|
updated(changes: PropertyValues<this>): Promise<void>;
|
|
38
29
|
findIndex(x: number, y: number): number;
|
|
39
30
|
updateTrails(point: {
|
|
@@ -44,4 +35,3 @@ export declare class OcrResultImage extends LitElement {
|
|
|
44
35
|
onTrailEnd(e: MouseEvent): void;
|
|
45
36
|
onTrail(e: MouseEvent): void;
|
|
46
37
|
}
|
|
47
|
-
export {};
|