smarteye-e-components 0.0.73 → 0.0.75
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 +1334 -1263
- package/dist/smarteye-e-components.mjs.map +1 -1
- package/dist/style.css +1 -1
- package/lib/components/multi-video-area-layout-switch/index.vue.d.ts +3 -11
- package/lib/components/multi-video-area-layout-switch/model/index.d.ts +1 -0
- package/lib/components/recursion-device-group/index.vue.d.ts +2 -1
- package/lib/config/index.d.ts +6 -0
- package/lib/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.root[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-fe6756c5],.group-head-db-click .group-name[data-v-fe6756c5]{cursor:pointer;user-select:none;position:relative}.group-head-count[data-v-fe6756c5]{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-fe6756c5]{color:#fff}.device-show-div[data-v-fe6756c5]{max-height:400px;overflow-y:auto}.dark .handle-ls-svg[data-v-fe6756c5]{color:#fff}.handle-ls-svg[data-v-fe6756c5]{vertical-align:-5px;cursor:pointer;margin-right:5px;color:#383838}.group-avatar[data-v-fe6756c5]{vertical-align:-6px;color:gray}.device[data-v-fe6756c5],.group[data-v-fe6756c5]{margin:5px 0}.group-name[data-v-fe6756c5]{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-fe6756c5]{color:#fff}.group-slot[data-v-fe6756c5]{display:inline-block;width:calc(100% - var(--group-name-width) - 100px)}.device-slot[data-v-fe6756c5]{display:inline-block;width:calc(var(--device-opts-width))}.device-avatar[data-v-fe6756c5]{vertical-align:-2px;margin-right:4px;margin-left:2px;color:var(--device-offline-color)}.device-name[data-v-fe6756c5]{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-fe6756c5],.online-device .device-name[data-v-fe6756c5]{color:var(--device-online-color)}:root{--sec-main-search-height: 32px}.device-group-list[data-v-d00c2061]{height:100%}.device-group-list .search-panel[data-v-d00c2061]{height:var(--sec-main-search-height)}.dark .search-panel[data-v-d00c2061]{color:#fff}.device-group-list .device-panel[data-v-d00c2061]{height:calc(100% - var(--sec-main-search-height));overflow-y:auto}.svg-style[data-v-2a8e4593]{height:24px;background-color:#ddd;display:inline-block;vertical-align:middle;width:24px}.layout-item[data-v-2a8e4593]{border-radius:5px;display:inline-block;cursor:pointer;box-sizing:border-box;border:2px solid rgba(0,0,0,0)}.layout-item[data-v-2a8e4593]:hover{border:2px solid rgb(212,212,212)}.layout-item-select[data-v-2a8e4593]:hover,.layout-item-select[data-v-2a8e4593]{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-4e937302]{display:inline-block;width:60px;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-74c8042d]{cursor:pointer;background-color:#faebd7;border-radius:5px;font-size:13px;text-align:center;border:1px solid rgb(155,155,155)}.options[data-v-74c8042d]:hover{background-color:#faefda;border:1px solid rgb(155,155,155)}.close-btn[data-v-74c8042d]{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-74c8042d]:hover{background-color:#ff7878;border:1px solid rgb(214,214,214)}.close-svg[data-v-74c8042d]{line-height:32px}.layout-container:hover .close-btn[data-v-74c8042d]{display:block}.area-item[data-v-dc80afb8]{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-dc80afb8]{border-right:1px solid black;border-bottom:1px solid black}.current-area[data-v-dc80afb8]{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-dc80afb8]{cursor:pointer;position:absolute;right:10px;top:10px;pointer-events:all;color:red}.close-svg path[data-v-dc80afb8]{fill:red!important}.dash-border[data-v-a44695f9]{display:inline-block;border:1px dashed grey;margin:1px;box-sizing:border-box;padding:2px}.add-col-panel[data-v-a44695f9],.add-col-panel-del[data-v-a44695f9],.add-col-panel-add[data-v-a44695f9]{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-a44695f9]{background-color:#b9b9b9;height:calc(50% - 5px);padding-top:5px}.add-col-panel-del[data-v-a44695f9]{background-color:#fa5252;height:calc(50% - 5px);margin-top:10px}.add-row-panel[data-v-a44695f9]{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-a44695f9]{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-a44695f9]{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-ab800ae2]{display:inline-block;height:32px;background-color:#ddd}.layout-text[data-v-ab800ae2]{display:inline-block;height:32px;vertical-align:top;line-height:32px}.layout-panel-item-container[data-v-ab800ae2]{padding:2px;display:inline-block;border:1px dashed grey;margin:1px}.layout-panel-item[data-v-ab800ae2]{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-ab800ae2]:hover{border:2px solid rgb(173,173,173);cursor:pointer}
|
|
@@ -3,11 +3,7 @@ import { VideoAreaLayout } from "./model";
|
|
|
3
3
|
import { i18nT } from '../../locales';
|
|
4
4
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
5
5
|
layouts: {
|
|
6
|
-
type: PropType<
|
|
7
|
-
cols: number;
|
|
8
|
-
rows: number;
|
|
9
|
-
areas?: [leftTopX: number, leftTopY: number, rightBottonX: number, rightBottonY: number][] | undefined;
|
|
10
|
-
}[]>;
|
|
6
|
+
type: PropType<VideoAreaLayout.ILayout[]>;
|
|
11
7
|
};
|
|
12
8
|
}, {
|
|
13
9
|
i18nT: typeof i18nT;
|
|
@@ -136,14 +132,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
136
132
|
};
|
|
137
133
|
}[] | undefined;
|
|
138
134
|
}[];
|
|
139
|
-
defaultLayout: VideoAreaLayout.ILayout;
|
|
135
|
+
defaultLayout: VideoAreaLayout.ILayout | null;
|
|
140
136
|
}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
|
|
141
137
|
layouts: {
|
|
142
|
-
type: PropType<
|
|
143
|
-
cols: number;
|
|
144
|
-
rows: number;
|
|
145
|
-
areas?: [leftTopX: number, leftTopY: number, rightBottonX: number, rightBottonY: number][] | undefined;
|
|
146
|
-
}[]>;
|
|
138
|
+
type: PropType<VideoAreaLayout.ILayout[]>;
|
|
147
139
|
};
|
|
148
140
|
}>>, {}>;
|
|
149
141
|
export default _sfc_main;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { PropType } from
|
|
1
|
+
import { PropType } from "vue";
|
|
2
2
|
import { RecursionDeviceGroup } from "./model";
|
|
3
3
|
import { i18nT } from '../../locales';
|
|
4
4
|
declare const _sfc_main: import("vue").DefineComponent<{
|
|
@@ -10,6 +10,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
|
|
|
10
10
|
locale: PropType<"en-us" | "zh-cn">;
|
|
11
11
|
uiControl: PropType<RecursionDeviceGroup.IUIParams>;
|
|
12
12
|
}, {
|
|
13
|
+
theme: import("vue").ComputedRef<"dark" | "">;
|
|
13
14
|
i18nT: typeof i18nT;
|
|
14
15
|
inputShowOnlineOnly: import("vue").Ref<HTMLInputElement | undefined>;
|
|
15
16
|
inputSearchRef: import("vue").Ref<HTMLInputElement | undefined>;
|
package/lib/config/index.d.ts
CHANGED
|
@@ -2,6 +2,12 @@ export declare enum DeviceListNameDisplayStyle {
|
|
|
2
2
|
UserFirst = "UserFirst",
|
|
3
3
|
PUFirst = "PUFirst"
|
|
4
4
|
}
|
|
5
|
+
export declare enum DeviceListTheme {
|
|
6
|
+
BACKGROUND_WHITE = "white",
|
|
7
|
+
BACKGROUND_DRAK = "drak"
|
|
8
|
+
}
|
|
9
|
+
export declare function SetGlobalDeviceListTheme(theme: DeviceListTheme): void;
|
|
10
|
+
export declare function GetGlobalDeviceListTheme(): import("vue").Ref<DeviceListTheme>;
|
|
5
11
|
export declare function SetDeviceListNameDisplayStyle(deviceListNameDisplayStyle: DeviceListNameDisplayStyle): void;
|
|
6
12
|
export declare function GetDeviceListNameDisplayStyle(): import("vue").Ref<DeviceListNameDisplayStyle>;
|
|
7
13
|
export declare function SetIsHideDeviceIdInDeviceDisplay(bHide: boolean): void;
|
package/lib/index.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { App } from "vue";
|
|
2
2
|
import { EnumLang } from './locales';
|
|
3
3
|
import { DeviceListNameDisplayStyle } from "./config";
|
|
4
|
-
export { DeviceListNameDisplayStyle, SetDeviceListNameDisplayStyle, SetIsHideDeviceIdInDeviceDisplay, GetIsHideDeviceIdInDeviceDisplay, } from "./config";
|
|
4
|
+
export { DeviceListNameDisplayStyle, SetDeviceListNameDisplayStyle, SetIsHideDeviceIdInDeviceDisplay, GetIsHideDeviceIdInDeviceDisplay, SetGlobalDeviceListTheme, GetGlobalDeviceListTheme, DeviceListTheme } from "./config";
|
|
5
5
|
export * from "./comp.d";
|
|
6
6
|
export * from "./components";
|
|
7
7
|
declare const _default: {
|