smarteye-e-components 0.0.78 → 0.0.80
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/smarteye-e-components.js +8 -8
- package/dist/smarteye-e-components.js.map +1 -1
- package/dist/smarteye-e-components.mjs +1002 -997
- package/dist/smarteye-e-components.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/lib/components/multi-video-area-layout-custom/index.vue.d.ts +18 -0
- package/lib/components/recursion-device-group/model/index.d.ts +1 -0
- package/lib/components-global/VirtualList/index.vue.d.ts +33 -0
- package/lib/components-global/count-show/index.vue.d.ts +14 -0
- package/lib/components-global/custom-layout/index.vue.d.ts +94 -0
- package/lib/components-global/group-show/index.vue.d.ts +79 -0
- package/lib/components-global/layout-show/index.vue.d.ts +40 -0
- package/lib/components-global/use-custom-layout/index.vue.d.ts +31 -0
- package/package.json +6 -6
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.root[data-v-378b853b]{position:relative}.count-show[data-v-378b853b]{position:absolute;right:10px;color:#000}.count-show-online[data-v-378b853b]{color:#1f5f1f}.dark .count-show-online[data-v-378b853b]{color:#3cca3c}.dark .count-show[data-v-378b853b]{color:#b7b7b7}.infinite-list-container[data-v-12d2a294]{height:100%;overflow:auto;position:relative;-webkit-overflow-scrolling:touch}.infinite-list-phantom[data-v-12d2a294]{position:absolute;left:0;top:0;right:0;z-index:-1}.infinite-list[data-v-12d2a294]{left:0;right:0;top:0;position:absolute}.infinite-list-item[data-v-12d2a294]{color:#555;box-sizing:border-box}:root{--device-offline-color: rgb(168, 168, 168);--device-online-color: rgb(1, 172, 1);--group-name-width: 160px;--device-opts-width: 80px}.group-head-db-click[data-v-
|
|
1
|
+
.root[data-v-378b853b]{position:relative}.count-show[data-v-378b853b]{position:absolute;right:10px;color:#000}.count-show-online[data-v-378b853b]{color:#1f5f1f}.dark .count-show-online[data-v-378b853b]{color:#3cca3c}.dark .count-show[data-v-378b853b]{color:#b7b7b7}.infinite-list-container[data-v-12d2a294]{height:100%;overflow:auto;position:relative;-webkit-overflow-scrolling:touch}.infinite-list-phantom[data-v-12d2a294]{position:absolute;left:0;top:0;right:0;z-index:-1}.infinite-list[data-v-12d2a294]{left:0;right:0;top:0;position:absolute}.infinite-list-item[data-v-12d2a294]{color:#555;box-sizing:border-box}:root{--device-offline-color: rgb(168, 168, 168);--device-online-color: rgb(1, 172, 1);--group-name-width: 160px;--device-opts-width: 80px}.group-head-db-click[data-v-c816085d],.group-head-db-click .group-name[data-v-c816085d]{cursor:pointer;user-select:none;position:relative}.group-head-count[data-v-c816085d]{position:absolute;left:0px;display:inline-block;width:24px;height:24px;line-height:24px;top:calc(50% - 12px);text-align:center;font-size:10px}.dark .group-head-count[data-v-c816085d]{color:#fff}.device-show-div[data-v-c816085d]{max-height:400px;overflow-y:auto}.dark .handle-ls-svg[data-v-c816085d]{color:#fff}.handle-ls-svg[data-v-c816085d]{vertical-align:-5px;cursor:pointer;margin-right:5px;color:#383838}.group-avatar[data-v-c816085d]{vertical-align:-6px;color:gray}.device[data-v-c816085d],.group[data-v-c816085d]{margin:5px 0}.group-name[data-v-c816085d]{display:inline-block;width:var(--group-name-width);cursor:default;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:middle;line-height:24px;padding-left:5px}.dark .group-name[data-v-c816085d]{color:#fff}.group-slot[data-v-c816085d]{display:inline-block;width:calc(100% - var(--group-name-width) - 100px)}.device-slot[data-v-c816085d]{display:inline-block;width:calc(var(--device-opts-width))}.device-avatar[data-v-c816085d]{vertical-align:-2px;margin-right:4px;margin-left:2px;color:var(--device-offline-color)}.device-name[data-v-c816085d]{display:inline-block;width:calc(100% - var(--device-opts-width) - 42px);cursor:default;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;vertical-align:bottom;color:var(--device-offline-color);padding-left:5px}.online-device .device-avatar[data-v-c816085d],.online-device .device-name[data-v-c816085d]{color:var(--device-online-color)}:root{--sec-main-search-height: 32px}.device-group-list[data-v-d3dc39fb]{height:100%}.device-group-list .search-panel[data-v-d3dc39fb]{height:var(--sec-main-search-height)}.dark .search-panel[data-v-d3dc39fb]{color:#fff}.device-group-list .device-panel[data-v-d3dc39fb]{height:calc(100% - var(--sec-main-search-height));overflow-y:auto}.svg-style[data-v-75abecd2]{height:24px;background-color:#ddd;display:inline-block;vertical-align:middle;width:24px}.layout-item[data-v-75abecd2]{border-radius:5px;display:inline-block;cursor:pointer;box-sizing:border-box;border:2px solid rgba(0,0,0,0)}.layout-item[data-v-75abecd2]:hover{border:2px solid rgb(212,212,212)}.layout-item-select[data-v-75abecd2]:hover,.layout-item-select[data-v-75abecd2]{border:2px solid rgb(177,177,177)}.play-area[data-v-e6baa31a]{border-right:0px;border-top:0px}.area-item[data-v-c3d9b21a]{height:100%;width:100%;border:1px solid black}.area-select[data-v-c3d9b21a]{background-color:#7fffd4}.close-btn[data-v-c3d9b21a]{color:red;cursor:pointer}.close-btn[data-v-c3d9b21a]:hover{opacity:.5}.area-select-cant[data-v-c3d9b21a]{background-color:red}.area-compose[data-v-c3d9b21a]{background-color:azure}.col-add-btn[data-v-c3d9b21a]{margin-top:4px;width:100%;border:1px solid grey;cursor:pointer;text-align:center}.row-add-btn[data-v-c3d9b21a]{height:100%;width:20px;position:absolute;right:-26px;top:0px;border:1px solid grey;cursor:pointer}.row-add-btn[data-v-c3d9b21a]:hover,.col-add-btn[data-v-c3d9b21a]:hover{color:gray;background-color:#ebebeb}.row-remove-btn[data-v-c3d9b21a],.col-remove-btn[data-v-c3d9b21a]{position:absolute}.plus-custom-layout[data-v-f8b51862]{margin-left:30px;cursor:pointer}.plus-custom-layout[data-v-f8b51862]:hover{opacity:.6}.layout-switcher[data-v-1b358304]{position:relative;color:#000;display:inline-block}.switch-switcher[data-v-1b358304]{background-color:#ddd;cursor:pointer}.switch-panel[data-v-1b358304]{border-radius:5px;width:310px;position:absolute;background-color:#fff;border:1px solid grey}.layout-display[data-v-0cfd31aa]{display:inline-block;width:64px;height:32px;padding:4px;text-align:center;cursor:pointer}.layout-panel-item-container[data-v-954fc7ec]{padding:2px;display:inline-block;border:1px dashed grey;margin:1px}.options[data-v-d1d54937]{cursor:pointer;background-color:#faebd7;border-radius:5px;font-size:13px;text-align:center;border:1px solid rgb(155,155,155)}.options[data-v-d1d54937]:hover{background-color:#faefda;border:1px solid rgb(155,155,155)}.close-btn[data-v-d1d54937]{height:24px;width:40px;position:absolute;left:calc(50% - 20px);top:calc(50% - 12px);background-color:#ff5858;border-radius:5px;text-align:center;cursor:pointer;border:1px solid rgb(100,100,100);display:none}.close-btn[data-v-d1d54937]:hover{background-color:#ff7878;border:1px solid rgb(214,214,214)}.close-svg[data-v-d1d54937]{line-height:32px}.layout-container:hover .close-btn[data-v-d1d54937]{display:block}.area-item[data-v-27292e2e]{height:calc(100% - 1px);width:calc(100% - 1px);border-left:1px solid black;border-top:1px solid black;box-sizing:content-box;user-select:none}.area-layout[data-v-27292e2e]{border-right:1px solid black;border-bottom:1px solid black}.current-area[data-v-27292e2e]{border-left:1px solid black;border-top:1px solid black;opacity:.8;position:absolute;background-color:#91cdf0;pointer-events:none;border-radius:10px}.close-svg[data-v-27292e2e]{cursor:pointer;position:absolute;right:10px;top:10px;pointer-events:all;color:red}.close-svg path[data-v-27292e2e]{fill:red!important}.dash-border[data-v-c71da28e]{display:inline-block;border:1px dashed grey;margin:1px;box-sizing:border-box;padding:2px}.add-col-panel[data-v-c71da28e],.add-col-panel-del[data-v-c71da28e],.add-col-panel-add[data-v-c71da28e]{display:inline-block;vertical-align:top;font-weight:700;font-size:24px;margin-left:1px;cursor:pointer;width:27px;text-align:center;border-radius:5px;box-sizing:border-box}.add-col-panel-add[data-v-c71da28e]{background-color:#b9b9b9;height:calc(50% - 5px);padding-top:5px}.add-col-panel-del[data-v-c71da28e]{background-color:#fa5252;height:calc(50% - 5px);margin-top:10px}.add-row-panel[data-v-c71da28e]{display:inline-block;vertical-align:top;font-weight:700;font-size:24px;cursor:pointer;width:100%;margin-top:1px;border-radius:5px;box-sizing:border-box}.add-row-panel-add[data-v-c71da28e]{background-color:#b9b9b9;text-align:center;display:inline-block;vertical-align:top;font-weight:700;font-size:24px;cursor:pointer;width:100%;margin-top:1px;border-radius:5px;box-sizing:border-box;margin-left:10px}.add-row-panel-remove[data-v-c71da28e]{background-color:#fa5252;text-align:center;display:inline-block;vertical-align:top;font-weight:700;font-size:24px;cursor:pointer;width:100%;margin-top:1px;border-radius:5px;box-sizing:border-box}.layout-svg[data-v-a049e2ea]{display:inline-block;height:32px;background-color:#ddd}.layout-text[data-v-a049e2ea]{display:inline-block;height:32px;vertical-align:top;line-height:32px}.layout-panel-item-container[data-v-a049e2ea]{padding:2px;display:inline-block;border:1px dashed grey;margin:1px}.layout-panel-item[data-v-a049e2ea]{width:64px;display:inline-block;height:32px;text-align:center;box-sizing:content-box;border:2px solid transparent;padding:2px;border-radius:5px;user-select:none}.layout-panel-item[data-v-a049e2ea]:hover{border:2px solid rgb(173,173,173);cursor:pointer}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { VideoAreaLayout } from '../../components/multi-video-area-layout-switch/model';
|
|
2
|
+
import { PropType } from "vue";
|
|
3
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
+
savedLayout: {
|
|
5
|
+
type: PropType<VideoAreaLayout.ILayoutsSaved>;
|
|
6
|
+
};
|
|
7
|
+
zIndexModal: {
|
|
8
|
+
type: NumberConstructor;
|
|
9
|
+
};
|
|
10
|
+
}, void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
savedLayout: {
|
|
12
|
+
type: PropType<VideoAreaLayout.ILayoutsSaved>;
|
|
13
|
+
};
|
|
14
|
+
zIndexModal: {
|
|
15
|
+
type: NumberConstructor;
|
|
16
|
+
};
|
|
17
|
+
}>>, {}>;
|
|
18
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { PropType } from 'vue';
|
|
2
|
+
declare const _sfc_main: {
|
|
3
|
+
name: string;
|
|
4
|
+
props: {
|
|
5
|
+
listData: {
|
|
6
|
+
type: PropType<{
|
|
7
|
+
id: string;
|
|
8
|
+
}[]>;
|
|
9
|
+
default: () => never[];
|
|
10
|
+
};
|
|
11
|
+
itemSize: {
|
|
12
|
+
type: NumberConstructor;
|
|
13
|
+
default: number;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
setup(props: any): {
|
|
17
|
+
screenHeight: import("vue").Ref<number>;
|
|
18
|
+
startOffset: import("vue").Ref<number>;
|
|
19
|
+
start: import("vue").Ref<number>;
|
|
20
|
+
end: import("vue").Ref<number>;
|
|
21
|
+
virList: import("vue").Ref<HTMLElement | undefined>;
|
|
22
|
+
listHeight: import("vue").ComputedRef<number>;
|
|
23
|
+
visibleCount: import("vue").ComputedRef<number>;
|
|
24
|
+
getTransform: import("vue").ComputedRef<string>;
|
|
25
|
+
visibleData: import("vue").ComputedRef<any>;
|
|
26
|
+
};
|
|
27
|
+
mounted(): void;
|
|
28
|
+
methods: {
|
|
29
|
+
init(): void;
|
|
30
|
+
scrollEvent(): void;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { PropType } from "vue";
|
|
2
|
+
import { RecursionDeviceGroup } from "../../components/recursion-device-group/model";
|
|
3
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
+
countInfo: PropType<RecursionDeviceGroup.ICountInfo>;
|
|
5
|
+
controlParams: PropType<RecursionDeviceGroup.IControlParams>;
|
|
6
|
+
}, {
|
|
7
|
+
theme: string;
|
|
8
|
+
totalCount: import("vue").ComputedRef<number>;
|
|
9
|
+
onlineCount: import("vue").ComputedRef<number>;
|
|
10
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
11
|
+
countInfo: PropType<RecursionDeviceGroup.ICountInfo>;
|
|
12
|
+
controlParams: PropType<RecursionDeviceGroup.IControlParams>;
|
|
13
|
+
}>>, {}>;
|
|
14
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import { VideoAreaLayout } from '../../components/multi-video-area-layout-switch/model';
|
|
2
|
+
declare const _sfc_main: import("vue").DefineComponent<{}, {
|
|
3
|
+
areas: import("vue").Ref<[x1: number, y1: number, x2: number, y2: number][]>;
|
|
4
|
+
row: import("vue").Ref<number>;
|
|
5
|
+
col: import("vue").Ref<number>;
|
|
6
|
+
layout: import("vue").ComputedRef<VideoAreaLayout.ILayout>;
|
|
7
|
+
selectAreaInfo: import("vue").Ref<{
|
|
8
|
+
start?: {
|
|
9
|
+
areas: {
|
|
10
|
+
id: string;
|
|
11
|
+
row: number;
|
|
12
|
+
col: number;
|
|
13
|
+
w?: number | undefined;
|
|
14
|
+
h?: number | undefined;
|
|
15
|
+
}[];
|
|
16
|
+
id: string;
|
|
17
|
+
row: number;
|
|
18
|
+
col: number;
|
|
19
|
+
w?: number | undefined;
|
|
20
|
+
h?: number | undefined;
|
|
21
|
+
} | undefined;
|
|
22
|
+
end?: {
|
|
23
|
+
areas: {
|
|
24
|
+
id: string;
|
|
25
|
+
row: number;
|
|
26
|
+
col: number;
|
|
27
|
+
w?: number | undefined;
|
|
28
|
+
h?: number | undefined;
|
|
29
|
+
}[];
|
|
30
|
+
id: string;
|
|
31
|
+
row: number;
|
|
32
|
+
col: number;
|
|
33
|
+
w?: number | undefined;
|
|
34
|
+
h?: number | undefined;
|
|
35
|
+
} | undefined;
|
|
36
|
+
error?: {
|
|
37
|
+
areas: {
|
|
38
|
+
id: string;
|
|
39
|
+
row: number;
|
|
40
|
+
col: number;
|
|
41
|
+
w?: number | undefined;
|
|
42
|
+
h?: number | undefined;
|
|
43
|
+
}[];
|
|
44
|
+
id: string;
|
|
45
|
+
row: number;
|
|
46
|
+
col: number;
|
|
47
|
+
w?: number | undefined;
|
|
48
|
+
h?: number | undefined;
|
|
49
|
+
} | undefined;
|
|
50
|
+
}>;
|
|
51
|
+
tempSelectAreaInfo: import("vue").Ref<{
|
|
52
|
+
start?: {
|
|
53
|
+
areas: {
|
|
54
|
+
id: string;
|
|
55
|
+
row: number;
|
|
56
|
+
col: number;
|
|
57
|
+
w?: number | undefined;
|
|
58
|
+
h?: number | undefined;
|
|
59
|
+
}[];
|
|
60
|
+
id: string;
|
|
61
|
+
row: number;
|
|
62
|
+
col: number;
|
|
63
|
+
w?: number | undefined;
|
|
64
|
+
h?: number | undefined;
|
|
65
|
+
} | undefined;
|
|
66
|
+
end?: {
|
|
67
|
+
areas: {
|
|
68
|
+
id: string;
|
|
69
|
+
row: number;
|
|
70
|
+
col: number;
|
|
71
|
+
w?: number | undefined;
|
|
72
|
+
h?: number | undefined;
|
|
73
|
+
}[];
|
|
74
|
+
id: string;
|
|
75
|
+
row: number;
|
|
76
|
+
col: number;
|
|
77
|
+
w?: number | undefined;
|
|
78
|
+
h?: number | undefined;
|
|
79
|
+
} | undefined;
|
|
80
|
+
}[]>;
|
|
81
|
+
}, {}, {}, {
|
|
82
|
+
onDelLayout(area: VideoAreaLayout.IAreaIdentifier): void;
|
|
83
|
+
onMouseUp(): void;
|
|
84
|
+
GetLayouts(): [
|
|
85
|
+
start: VideoAreaLayout.IAreaIdentifier,
|
|
86
|
+
end: VideoAreaLayout.IAreaIdentifier
|
|
87
|
+
] | undefined;
|
|
88
|
+
genClass(area: VideoAreaLayout.IAreaIdentifier): string;
|
|
89
|
+
onMouseDown(area: VideoAreaLayout.IAreaIdentifier): void;
|
|
90
|
+
checkVaild(area: [x1: number, y1: number, x2: number, y2: number]): boolean;
|
|
91
|
+
checkPointInArea([x, y]: [number, number], [x1, y1, x2, y2]: [number, number, number, number]): boolean;
|
|
92
|
+
onMouseOver(event: MouseEvent, area: VideoAreaLayout.IAreaIdentifier): void;
|
|
93
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
94
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { PropType } from "vue";
|
|
2
|
+
import { RecursionDeviceGroup } from '../../components/recursion-device-group/model';
|
|
3
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
+
deviceGroup: PropType<RecursionDeviceGroup.DeviceGroup<any, any>>;
|
|
5
|
+
controlParams: PropType<RecursionDeviceGroup.IControlParams>;
|
|
6
|
+
uiParams: PropType<RecursionDeviceGroup.IUIParams>;
|
|
7
|
+
}, {
|
|
8
|
+
devicePanelHeight: import("vue").ComputedRef<string>;
|
|
9
|
+
showGroup: import("vue").ComputedRef<boolean>;
|
|
10
|
+
bShow: import("vue").Ref<boolean>;
|
|
11
|
+
theme: string;
|
|
12
|
+
countRef: import("vue").Ref<({
|
|
13
|
+
$: import("vue").ComponentInternalInstance;
|
|
14
|
+
$data: {};
|
|
15
|
+
$props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
|
|
16
|
+
countInfo: PropType<RecursionDeviceGroup.ICountInfo>;
|
|
17
|
+
controlParams: PropType<RecursionDeviceGroup.IControlParams>;
|
|
18
|
+
}>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, never>;
|
|
19
|
+
$attrs: {
|
|
20
|
+
[x: string]: unknown;
|
|
21
|
+
};
|
|
22
|
+
$refs: {
|
|
23
|
+
[x: string]: unknown;
|
|
24
|
+
};
|
|
25
|
+
$slots: Readonly<{
|
|
26
|
+
[name: string]: import("vue").Slot | undefined;
|
|
27
|
+
}>;
|
|
28
|
+
$root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
|
|
29
|
+
$parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null;
|
|
30
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
31
|
+
$el: any;
|
|
32
|
+
$options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
|
|
33
|
+
countInfo: PropType<RecursionDeviceGroup.ICountInfo>;
|
|
34
|
+
controlParams: PropType<RecursionDeviceGroup.IControlParams>;
|
|
35
|
+
}>>, {
|
|
36
|
+
theme: string;
|
|
37
|
+
totalCount: import("vue").ComputedRef<number>;
|
|
38
|
+
onlineCount: import("vue").ComputedRef<number>;
|
|
39
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}> & {
|
|
40
|
+
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
41
|
+
created?: ((() => void) | (() => void)[]) | undefined;
|
|
42
|
+
beforeMount?: ((() => void) | (() => void)[]) | undefined;
|
|
43
|
+
mounted?: ((() => void) | (() => void)[]) | undefined;
|
|
44
|
+
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
|
|
45
|
+
updated?: ((() => void) | (() => void)[]) | undefined;
|
|
46
|
+
activated?: ((() => void) | (() => void)[]) | undefined;
|
|
47
|
+
deactivated?: ((() => void) | (() => void)[]) | undefined;
|
|
48
|
+
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
|
|
49
|
+
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
|
|
50
|
+
destroyed?: ((() => void) | (() => void)[]) | undefined;
|
|
51
|
+
unmounted?: ((() => void) | (() => void)[]) | undefined;
|
|
52
|
+
renderTracked?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
|
|
53
|
+
renderTriggered?: (((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[]) | undefined;
|
|
54
|
+
errorCaptured?: (((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>> | null, info: string) => boolean | void)[]) | undefined;
|
|
55
|
+
};
|
|
56
|
+
$forceUpdate: () => void;
|
|
57
|
+
$nextTick: typeof import("vue").nextTick;
|
|
58
|
+
$watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
|
|
59
|
+
} & Readonly<import("vue").ExtractPropTypes<{
|
|
60
|
+
countInfo: PropType<RecursionDeviceGroup.ICountInfo>;
|
|
61
|
+
controlParams: PropType<RecursionDeviceGroup.IControlParams>;
|
|
62
|
+
}>> & import("vue").ShallowUnwrapRef<{
|
|
63
|
+
theme: string;
|
|
64
|
+
totalCount: import("vue").ComputedRef<number>;
|
|
65
|
+
onlineCount: import("vue").ComputedRef<number>;
|
|
66
|
+
}> & {} & import("vue").ComponentCustomProperties) | undefined>;
|
|
67
|
+
filteredDevices: import("vue").ComputedRef<RecursionDeviceGroup.DeviceInfo<any>[]>;
|
|
68
|
+
OnHeadDbClick: () => void;
|
|
69
|
+
innerUtils: {
|
|
70
|
+
filterDevice(device: RecursionDeviceGroup.DeviceInfo<any>): boolean;
|
|
71
|
+
deviceText(device: RecursionDeviceGroup.DeviceInfo<any>): string;
|
|
72
|
+
groupText(group?: RecursionDeviceGroup.DeviceGroup<any, any> | undefined): string | undefined;
|
|
73
|
+
};
|
|
74
|
+
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
75
|
+
deviceGroup: PropType<RecursionDeviceGroup.DeviceGroup<any, any>>;
|
|
76
|
+
controlParams: PropType<RecursionDeviceGroup.IControlParams>;
|
|
77
|
+
uiParams: PropType<RecursionDeviceGroup.IUIParams>;
|
|
78
|
+
}>>, {}>;
|
|
79
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { PropType } from "vue";
|
|
2
|
+
import { VideoAreaLayout } from '../../components/multi-video-area-layout-switch/model';
|
|
3
|
+
declare const _sfc_main: import("vue").DefineComponent<{
|
|
4
|
+
defaultLayout: {
|
|
5
|
+
type: PropType<VideoAreaLayout.ILayout>;
|
|
6
|
+
};
|
|
7
|
+
layouts: {
|
|
8
|
+
type: PropType<VideoAreaLayout.ILayout[]>;
|
|
9
|
+
};
|
|
10
|
+
}, {
|
|
11
|
+
layoutInfos: {
|
|
12
|
+
svg: string;
|
|
13
|
+
layout: VideoAreaLayout.ILayout;
|
|
14
|
+
select: boolean;
|
|
15
|
+
}[];
|
|
16
|
+
}, unknown, {}, {
|
|
17
|
+
SelectLayoutById(id: string): boolean;
|
|
18
|
+
selectClick(item: {
|
|
19
|
+
svg: string;
|
|
20
|
+
layout: VideoAreaLayout.ILayout;
|
|
21
|
+
select: boolean;
|
|
22
|
+
}): void;
|
|
23
|
+
getClassLayout(item: {
|
|
24
|
+
svg: string;
|
|
25
|
+
layout: VideoAreaLayout.ILayout;
|
|
26
|
+
select: boolean;
|
|
27
|
+
}): "layout-item layout-item-select" | "layout-item";
|
|
28
|
+
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
|
|
29
|
+
onselect(layout: VideoAreaLayout.ILayoutChangeEvent, svg: string): true;
|
|
30
|
+
}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
31
|
+
defaultLayout: {
|
|
32
|
+
type: PropType<VideoAreaLayout.ILayout>;
|
|
33
|
+
};
|
|
34
|
+
layouts: {
|
|
35
|
+
type: PropType<VideoAreaLayout.ILayout[]>;
|
|
36
|
+
};
|
|
37
|
+
}>> & {
|
|
38
|
+
onOnselect?: ((layout: VideoAreaLayout.ILayoutChangeEvent, svg: string) => any) | undefined;
|
|
39
|
+
}, {}>;
|
|
40
|
+
export default _sfc_main;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { i18nT } from '../../locales';
|
|
2
|
+
declare const _sfc_main: import("vue").DefineComponent<{}, {
|
|
3
|
+
layout: import("vue").Ref<{
|
|
4
|
+
name: string;
|
|
5
|
+
row: number;
|
|
6
|
+
col: number;
|
|
7
|
+
count: number;
|
|
8
|
+
area?: {
|
|
9
|
+
leftTop: {
|
|
10
|
+
row: number;
|
|
11
|
+
col: number;
|
|
12
|
+
};
|
|
13
|
+
rightBottom: {
|
|
14
|
+
row: number;
|
|
15
|
+
col: number;
|
|
16
|
+
};
|
|
17
|
+
} | undefined;
|
|
18
|
+
areas?: {
|
|
19
|
+
leftTop: {
|
|
20
|
+
row: number;
|
|
21
|
+
col: number;
|
|
22
|
+
};
|
|
23
|
+
rightBottom: {
|
|
24
|
+
row: number;
|
|
25
|
+
col: number;
|
|
26
|
+
};
|
|
27
|
+
}[] | undefined;
|
|
28
|
+
}[]>;
|
|
29
|
+
i18nT: typeof i18nT;
|
|
30
|
+
}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
|
|
31
|
+
export default _sfc_main;
|
package/package.json
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "smarteye-e-components",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.80",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/smarteye-e-components.mjs",
|
|
6
|
+
"scripts": {
|
|
7
|
+
"serve": "vite --open --host",
|
|
8
|
+
"build": "vite build"
|
|
9
|
+
},
|
|
6
10
|
"exports": {
|
|
7
11
|
".": {
|
|
8
12
|
"import": "./dist/smarteye-e-components.mjs",
|
|
@@ -38,9 +42,5 @@
|
|
|
38
42
|
},
|
|
39
43
|
"dependencies": {
|
|
40
44
|
"vue-i18n": "9"
|
|
41
|
-
},
|
|
42
|
-
"scripts": {
|
|
43
|
-
"serve": "vite --open --host",
|
|
44
|
-
"build": "vite build"
|
|
45
45
|
}
|
|
46
|
-
}
|
|
46
|
+
}
|