next-element-vue 0.2.6 → 0.2.8
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/dist/index.css +3 -2
- package/dist/index.js +793 -106
- package/dist/index.min.js +3 -3
- package/dist/index.umd.js +792 -111
- package/dist/index.umd.min.js +3 -3
- package/dist/packages/components/labelimg/index.d.ts +44 -0
- package/dist/packages/components/labelimg/src/hooks/canvas-context-hook.d.ts +52 -0
- package/dist/packages/components/labelimg/src/index.d.ts +44 -0
- package/dist/packages/components/labelimg/src/widgets/canvas-context.d.ts +23 -0
- package/dist/packages/components/labelimg/src/widgets/contextmenu-label.d.ts +38 -0
- package/dist/packages/components/labelimg/src/widgets/draggable-rect.d.ts +43 -0
- package/dist/packages/components.d.ts +1 -0
- package/dist/packages/hooks/use-locale/index.d.ts +3 -0
- package/dist/packages/locale/lang/en.d.ts +3 -0
- package/dist/packages/locale/lang/zh-cn.d.ts +3 -0
- package/dist/packages/locale/lang/zh-tw.d.ts +3 -0
- package/package.json +1 -55
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import './src/index.scss';
|
|
2
|
+
export declare const NextLabelimg: import("../../utils/install").SFCWithInstall<import("vue").DefineComponent<{
|
|
3
|
+
className: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
style: {
|
|
8
|
+
type: import("vue").PropType<import("vue").CSSProperties>;
|
|
9
|
+
default: () => {};
|
|
10
|
+
};
|
|
11
|
+
options: {
|
|
12
|
+
type: ObjectConstructor;
|
|
13
|
+
default: () => {
|
|
14
|
+
classes: any[];
|
|
15
|
+
list: any[];
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "save" | "prev-click" | "next-click")[], "change" | "save" | "prev-click" | "next-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
+
className: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
style: {
|
|
24
|
+
type: import("vue").PropType<import("vue").CSSProperties>;
|
|
25
|
+
default: () => {};
|
|
26
|
+
};
|
|
27
|
+
options: {
|
|
28
|
+
type: ObjectConstructor;
|
|
29
|
+
default: () => {
|
|
30
|
+
classes: any[];
|
|
31
|
+
list: any[];
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
}>> & {
|
|
35
|
+
onChange?: (...args: any[]) => any;
|
|
36
|
+
onSave?: (...args: any[]) => any;
|
|
37
|
+
"onPrev-click"?: (...args: any[]) => any;
|
|
38
|
+
"onNext-click"?: (...args: any[]) => any;
|
|
39
|
+
}, {
|
|
40
|
+
className: string;
|
|
41
|
+
style: import("vue").CSSProperties;
|
|
42
|
+
options: Record<string, any>;
|
|
43
|
+
}, {}>> & Record<string, any>;
|
|
44
|
+
export default NextLabelimg;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
export interface ResizeCorner {
|
|
2
|
+
topLeft: boolean;
|
|
3
|
+
topCenter: boolean;
|
|
4
|
+
topRight: boolean;
|
|
5
|
+
leftCenter: boolean;
|
|
6
|
+
rightCenter: boolean;
|
|
7
|
+
bottomLeft: boolean;
|
|
8
|
+
bottomCenter: boolean;
|
|
9
|
+
bottomRight: boolean;
|
|
10
|
+
}
|
|
11
|
+
export interface RectProps {
|
|
12
|
+
type?: number;
|
|
13
|
+
typeName?: string;
|
|
14
|
+
startX: number;
|
|
15
|
+
startY: number;
|
|
16
|
+
rectWidth: number;
|
|
17
|
+
rectHeight: number;
|
|
18
|
+
canvasWidth: number;
|
|
19
|
+
canvasHeight: number;
|
|
20
|
+
}
|
|
21
|
+
export interface CreateRectCanvasProps {
|
|
22
|
+
canvasWidth: number;
|
|
23
|
+
canvasHeight: number;
|
|
24
|
+
}
|
|
25
|
+
export interface DrawBaseCanvasProps extends CreateRectCanvasProps {
|
|
26
|
+
canvas?: HTMLCanvasElement;
|
|
27
|
+
ctx: CanvasRenderingContext2D;
|
|
28
|
+
image: HTMLImageElement;
|
|
29
|
+
labels: RectProps[];
|
|
30
|
+
}
|
|
31
|
+
export declare const DrawRectCanvas: (canvas: HTMLCanvasElement, callback?: Function) => {
|
|
32
|
+
canvas: HTMLCanvasElement;
|
|
33
|
+
ctx: CanvasRenderingContext2D;
|
|
34
|
+
clearCanvas: () => void;
|
|
35
|
+
drawRect: (color?: string) => void;
|
|
36
|
+
};
|
|
37
|
+
export declare const colors: string[];
|
|
38
|
+
export declare const DrawBaseCanvas: (options: DrawBaseCanvasProps) => {
|
|
39
|
+
updateLabels: () => void;
|
|
40
|
+
addDrawRect: (rect: RectProps, color?: string) => void;
|
|
41
|
+
hitCanvasLabel: (x: number, y: number) => any;
|
|
42
|
+
};
|
|
43
|
+
export declare const convertToLabel: (rect: RectProps) => number[];
|
|
44
|
+
export declare const canvertToCanvas: (labelData: number[], canvasWidth: number, canvasHeight: number) => {
|
|
45
|
+
type: number;
|
|
46
|
+
startX: number;
|
|
47
|
+
startY: number;
|
|
48
|
+
rectWidth: number;
|
|
49
|
+
rectHeight: number;
|
|
50
|
+
canvasWidth: number;
|
|
51
|
+
canvasHeight: number;
|
|
52
|
+
};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import type { PropType, CSSProperties } from 'vue';
|
|
2
|
+
declare const _default: import("vue").DefineComponent<{
|
|
3
|
+
className: {
|
|
4
|
+
type: StringConstructor;
|
|
5
|
+
default: string;
|
|
6
|
+
};
|
|
7
|
+
style: {
|
|
8
|
+
type: PropType<CSSProperties>;
|
|
9
|
+
default: () => {};
|
|
10
|
+
};
|
|
11
|
+
options: {
|
|
12
|
+
type: ObjectConstructor;
|
|
13
|
+
default: () => {
|
|
14
|
+
classes: any[];
|
|
15
|
+
list: any[];
|
|
16
|
+
};
|
|
17
|
+
};
|
|
18
|
+
}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("change" | "save" | "prev-click" | "next-click")[], "change" | "save" | "prev-click" | "next-click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
19
|
+
className: {
|
|
20
|
+
type: StringConstructor;
|
|
21
|
+
default: string;
|
|
22
|
+
};
|
|
23
|
+
style: {
|
|
24
|
+
type: PropType<CSSProperties>;
|
|
25
|
+
default: () => {};
|
|
26
|
+
};
|
|
27
|
+
options: {
|
|
28
|
+
type: ObjectConstructor;
|
|
29
|
+
default: () => {
|
|
30
|
+
classes: any[];
|
|
31
|
+
list: any[];
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
}>> & {
|
|
35
|
+
onChange?: (...args: any[]) => any;
|
|
36
|
+
onSave?: (...args: any[]) => any;
|
|
37
|
+
"onPrev-click"?: (...args: any[]) => any;
|
|
38
|
+
"onNext-click"?: (...args: any[]) => any;
|
|
39
|
+
}, {
|
|
40
|
+
className: string;
|
|
41
|
+
style: CSSProperties;
|
|
42
|
+
options: Record<string, any>;
|
|
43
|
+
}, {}>;
|
|
44
|
+
export default _default;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
declare const _default: import("vue").DefineComponent<{
|
|
2
|
+
classes: {
|
|
3
|
+
type: ArrayConstructor;
|
|
4
|
+
default: () => any[];
|
|
5
|
+
};
|
|
6
|
+
rowInfo: {
|
|
7
|
+
type: ObjectConstructor;
|
|
8
|
+
default: () => {};
|
|
9
|
+
};
|
|
10
|
+
}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
classes: {
|
|
12
|
+
type: ArrayConstructor;
|
|
13
|
+
default: () => any[];
|
|
14
|
+
};
|
|
15
|
+
rowInfo: {
|
|
16
|
+
type: ObjectConstructor;
|
|
17
|
+
default: () => {};
|
|
18
|
+
};
|
|
19
|
+
}>>, {
|
|
20
|
+
classes: unknown[];
|
|
21
|
+
rowInfo: Record<string, any>;
|
|
22
|
+
}, {}>;
|
|
23
|
+
export default _default;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
import type { RectProps } from '../hooks/canvas-context-hook';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
labelRect: {
|
|
5
|
+
type: ObjectConstructor;
|
|
6
|
+
default: () => {};
|
|
7
|
+
};
|
|
8
|
+
classes: {
|
|
9
|
+
type: ArrayConstructor;
|
|
10
|
+
default: () => any[];
|
|
11
|
+
};
|
|
12
|
+
activateRect: {
|
|
13
|
+
type: PropType<RectProps>;
|
|
14
|
+
default: any;
|
|
15
|
+
};
|
|
16
|
+
}, () => any, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("close" | "select" | "delete")[], "close" | "select" | "delete", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
17
|
+
labelRect: {
|
|
18
|
+
type: ObjectConstructor;
|
|
19
|
+
default: () => {};
|
|
20
|
+
};
|
|
21
|
+
classes: {
|
|
22
|
+
type: ArrayConstructor;
|
|
23
|
+
default: () => any[];
|
|
24
|
+
};
|
|
25
|
+
activateRect: {
|
|
26
|
+
type: PropType<RectProps>;
|
|
27
|
+
default: any;
|
|
28
|
+
};
|
|
29
|
+
}>> & {
|
|
30
|
+
onClose?: (...args: any[]) => any;
|
|
31
|
+
onSelect?: (...args: any[]) => any;
|
|
32
|
+
onDelete?: (...args: any[]) => any;
|
|
33
|
+
}, {
|
|
34
|
+
labelRect: Record<string, any>;
|
|
35
|
+
classes: unknown[];
|
|
36
|
+
activateRect: RectProps;
|
|
37
|
+
}, {}>;
|
|
38
|
+
export default _default;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import type { PropType } from 'vue';
|
|
2
|
+
import type { RectProps } from '../hooks/canvas-context-hook';
|
|
3
|
+
declare const _default: import("vue").DefineComponent<{
|
|
4
|
+
parentEl: {
|
|
5
|
+
type: PropType<HTMLElement>;
|
|
6
|
+
default: any;
|
|
7
|
+
};
|
|
8
|
+
rect: {
|
|
9
|
+
type: PropType<RectProps>;
|
|
10
|
+
default: () => {};
|
|
11
|
+
};
|
|
12
|
+
}, {
|
|
13
|
+
onMousedown: (e: MouseEvent) => void;
|
|
14
|
+
onMouseup: (e: MouseEvent) => void;
|
|
15
|
+
onContextmenu: (e: MouseEvent) => void;
|
|
16
|
+
rect: import("vue").Ref<{
|
|
17
|
+
type?: number;
|
|
18
|
+
typeName?: string;
|
|
19
|
+
startX: number;
|
|
20
|
+
startY: number;
|
|
21
|
+
rectWidth: number;
|
|
22
|
+
rectHeight: number;
|
|
23
|
+
canvasWidth: number;
|
|
24
|
+
canvasHeight: number;
|
|
25
|
+
}>;
|
|
26
|
+
onMousedownDot: (e: MouseEvent, corner: string) => void;
|
|
27
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("draggle-resize" | "contextmenu")[], "draggle-resize" | "contextmenu", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
|
|
28
|
+
parentEl: {
|
|
29
|
+
type: PropType<HTMLElement>;
|
|
30
|
+
default: any;
|
|
31
|
+
};
|
|
32
|
+
rect: {
|
|
33
|
+
type: PropType<RectProps>;
|
|
34
|
+
default: () => {};
|
|
35
|
+
};
|
|
36
|
+
}>> & {
|
|
37
|
+
"onDraggle-resize"?: (...args: any[]) => any;
|
|
38
|
+
onContextmenu?: (...args: any[]) => any;
|
|
39
|
+
}, {
|
|
40
|
+
parentEl: HTMLElement;
|
|
41
|
+
rect: RectProps;
|
|
42
|
+
}, {}>;
|
|
43
|
+
export default _default;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "next-element-vue",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.8",
|
|
4
4
|
"author": {
|
|
5
5
|
"name": "huangteng",
|
|
6
6
|
"email": "htengweb@163.com"
|
|
@@ -46,60 +46,6 @@
|
|
|
46
46
|
"vue-i18n": "^9.4.1",
|
|
47
47
|
"vue-router": "^4.2.5"
|
|
48
48
|
},
|
|
49
|
-
"devDependencies": {
|
|
50
|
-
"@babel/core": "^7.22.20",
|
|
51
|
-
"@babel/plugin-transform-runtime": "^7.22.15",
|
|
52
|
-
"@babel/preset-env": "^7.22.20",
|
|
53
|
-
"@babel/preset-typescript": "^7.22.15",
|
|
54
|
-
"@rollup/plugin-alias": "^5.1.0",
|
|
55
|
-
"@rollup/plugin-babel": "^6.0.4",
|
|
56
|
-
"@rollup/plugin-commonjs": "^25.0.7",
|
|
57
|
-
"@rollup/plugin-json": "^6.1.0",
|
|
58
|
-
"@rollup/plugin-node-resolve": "^15.2.3",
|
|
59
|
-
"@rollup/plugin-replace": "^5.0.5",
|
|
60
|
-
"@rollup/plugin-terser": "^0.4.4",
|
|
61
|
-
"@rollup/plugin-url": "^8.0.2",
|
|
62
|
-
"@tensorflow/tfjs": "^4.11.0",
|
|
63
|
-
"@types/lodash-es": "^4.17.9",
|
|
64
|
-
"@types/node": "^20.6.3",
|
|
65
|
-
"@typescript-eslint/eslint-plugin": "^6.7.2",
|
|
66
|
-
"@typescript-eslint/parser": "^6.7.2",
|
|
67
|
-
"@vue/babel-plugin-jsx": "^1.1.5",
|
|
68
|
-
"@vue/compiler-sfc": "^3.3.4",
|
|
69
|
-
"@vueuse/core": "^10.4.1",
|
|
70
|
-
"autoprefixer": "^10.4.16",
|
|
71
|
-
"concurrently": "^8.2.1",
|
|
72
|
-
"cssnano": "^6.0.1",
|
|
73
|
-
"element-plus": "^2.7.4",
|
|
74
|
-
"eslint": "^8.50.0",
|
|
75
|
-
"eslint-plugin-unicorn": "^48.0.1",
|
|
76
|
-
"eslint-plugin-vue": "^9.17.0",
|
|
77
|
-
"flv.js": "^1.6.2",
|
|
78
|
-
"lint-staged": "^14.0.1",
|
|
79
|
-
"lodash-es": "^4.17.21",
|
|
80
|
-
"mockjs": "^1.1.0",
|
|
81
|
-
"mpegts.js": "^1.7.3",
|
|
82
|
-
"postcss-import": "^15.1.0",
|
|
83
|
-
"postcss-scss": "^4.0.8",
|
|
84
|
-
"prettier": "^3.0.3",
|
|
85
|
-
"rimraf": "^5.0.1",
|
|
86
|
-
"rollup": "^4.13.0",
|
|
87
|
-
"rollup-plugin-copy": "^3.5.0",
|
|
88
|
-
"rollup-plugin-postcss": "^4.0.2",
|
|
89
|
-
"rollup-plugin-serve": "^1.1.1",
|
|
90
|
-
"rollup-plugin-typescript2": "^0.36.0",
|
|
91
|
-
"rollup-plugin-vue": "6.0.0",
|
|
92
|
-
"sass": "^1.68.0",
|
|
93
|
-
"simple-git-hooks": "^2.9.0",
|
|
94
|
-
"typescript": "^5.2.2",
|
|
95
|
-
"unplugin-vue-macros": "^2.5.1",
|
|
96
|
-
"video.js": "^8.6.0",
|
|
97
|
-
"vitest": "^0.34.5",
|
|
98
|
-
"vue": "^3.4.21",
|
|
99
|
-
"vue-eslint-parser": "^9.3.1",
|
|
100
|
-
"vue-i18n": "^9.4.1",
|
|
101
|
-
"vue-router": "^4.2.5"
|
|
102
|
-
},
|
|
103
49
|
"engines": {
|
|
104
50
|
"node": ">=16"
|
|
105
51
|
},
|