smarteye-e-components 0.0.39 → 0.0.40

package/dist/style.css

@@ -1 +1 @@
-.root[data-v-a063c331]{position:relative}.count-show[data-v-a063c331]{position:absolute;right:10px;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-93cfc8dc],.group-head-db-click .group-name[data-v-93cfc8dc]{cursor:pointer;user-select:none;position:relative}.group-head-count[data-v-93cfc8dc]{position:absolute;left:0px;display:inline-block;width:24px;height:24px;line-height:24px;top:calc(50% - 12px);text-align:center;font-size:10px}.device-show-div[data-v-93cfc8dc]{max-height:400px;overflow-y:auto}.dark .handle-ls-svg[data-v-93cfc8dc]{color:#fff}.handle-ls-svg[data-v-93cfc8dc]{vertical-align:-5px;cursor:pointer;margin-right:5px;color:#383838}.group-avatar[data-v-93cfc8dc]{vertical-align:-6px;color:gray}.device[data-v-93cfc8dc],.group[data-v-93cfc8dc]{margin:5px 0}.group-name[data-v-93cfc8dc]{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}.group-slot[data-v-93cfc8dc]{display:inline-block;width:calc(100% - var(--group-name-width) - 100px)}.device-slot[data-v-93cfc8dc]{display:inline-block;width:calc(var(--device-opts-width))}.device-avatar[data-v-93cfc8dc]{vertical-align:-2px;margin-right:4px;margin-left:2px;color:var(--device-offline-color)}.device-name[data-v-93cfc8dc]{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-93cfc8dc],.online-device .device-name[data-v-93cfc8dc]{color:var(--device-online-color)}:root{--sec-main-search-height: 32px }.device-group-list[data-v-17e4082a]{height:100%}.device-group-list .search-panel[data-v-17e4082a]{height:var(--sec-main-search-height)}.device-group-list .device-panel[data-v-17e4082a]{height:calc(100% - var(--sec-main-search-height));overflow-y:auto}
+.root[data-v-a063c331]{position:relative}.count-show[data-v-a063c331]{position:absolute;right:10px;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-93cfc8dc],.group-head-db-click .group-name[data-v-93cfc8dc]{cursor:pointer;user-select:none;position:relative}.group-head-count[data-v-93cfc8dc]{position:absolute;left:0px;display:inline-block;width:24px;height:24px;line-height:24px;top:calc(50% - 12px);text-align:center;font-size:10px}.device-show-div[data-v-93cfc8dc]{max-height:400px;overflow-y:auto}.dark .handle-ls-svg[data-v-93cfc8dc]{color:#fff}.handle-ls-svg[data-v-93cfc8dc]{vertical-align:-5px;cursor:pointer;margin-right:5px;color:#383838}.group-avatar[data-v-93cfc8dc]{vertical-align:-6px;color:gray}.device[data-v-93cfc8dc],.group[data-v-93cfc8dc]{margin:5px 0}.group-name[data-v-93cfc8dc]{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}.group-slot[data-v-93cfc8dc]{display:inline-block;width:calc(100% - var(--group-name-width) - 100px)}.device-slot[data-v-93cfc8dc]{display:inline-block;width:calc(var(--device-opts-width))}.device-avatar[data-v-93cfc8dc]{vertical-align:-2px;margin-right:4px;margin-left:2px;color:var(--device-offline-color)}.device-name[data-v-93cfc8dc]{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-93cfc8dc],.online-device .device-name[data-v-93cfc8dc]{color:var(--device-online-color)}:root{--sec-main-search-height: 32px }.device-group-list[data-v-17e4082a]{height:100%}.device-group-list .search-panel[data-v-17e4082a]{height:var(--sec-main-search-height)}.device-group-list .device-panel[data-v-17e4082a]{height:calc(100% - var(--sec-main-search-height));overflow-y:auto}.svg-style[data-v-b01255ca]{height:24px;background-color:#ddd;display:inline-block;vertical-align:middle}.layout-item[data-v-b01255ca]{display:inline-block;cursor:pointer;box-sizing:border-box;border:2px solid rgba(0,0,0,0)}.layout-item[data-v-b01255ca]:hover{border:2px solid rgb(212,212,212)}.layout-item-select[data-v-b01255ca]:hover,.layout-item-select[data-v-b01255ca]{border:2px solid rgb(177,177,177)}.switch-panel[data-v-a690450e]{width:400px}.play-area[data-v-e5654385]{border:1px solid;border-right:0px;border-top:0px}

package/lib/components/index.d.ts

@@ -1 +1,2 @@
 export * from '../components/recursion-device-group/model';
+export * from '../components/multi-video-area-layout-switch/model/';

package/lib/components/multi-video-area-layout-switch/index.vue.d.ts

@@ -0,0 +1,8 @@
+import { VideoAreaLayout } from "./model";
+declare const _sfc_main: import("vue").DefineComponent<{}, {
+    onselect: (layout: VideoAreaLayout.ILayout, svg: string) => void;
+    svgSelect: import("vue").Ref<string>;
+    layout: VideoAreaLayout.ILayout[];
+    defaultLayout: VideoAreaLayout.ILayout;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+export default _sfc_main;

package/lib/components/multi-video-area-layout-switch/model/index.d.ts

@@ -0,0 +1,36 @@
+export declare namespace VideoAreaLayout {
+    interface IPoint {
+        row: number;
+        col: number;
+    }
+    interface IArea {
+        leftTop: IPoint;
+        rightBottom: IPoint;
+    }
+    interface ILayout {
+        name: string;
+        row: number;
+        col: number;
+        count: number;
+        area?: IArea;
+        areas?: Array<IArea>;
+    }
+    interface IAreaIdentifier {
+        id: string;
+        row: number;
+        col: number;
+    }
+    interface IRectLayout extends IAreaIdentifier {
+        layout: {
+            left: number;
+            top: number;
+            width: number;
+            height: number;
+        };
+    }
+    function genLayout(row: number, col: number, areas?: Array<[x1: number, y1: number, x2: number, y2: number]>): ILayout;
+    namespace Test {
+        function genLayout(row: number, col: number, area?: [x1: number, y1: number, x2: number, y2: number]): ILayout;
+        function getTestLayout(): ILayout;
+    }
+}

package/lib/components/multi-video-area-layout-switch/utils/index.d.ts

@@ -0,0 +1,18 @@
+import { VideoAreaLayout } from "../model/index";
+export interface ISVGSize {
+    width: number;
+    height: number;
+}
+export interface ISVGMultiplier {
+    col: number;
+    row: number;
+}
+declare const _default: {
+    TransLayoutToFrams(layout: VideoAreaLayout.ILayout): Array<VideoAreaLayout.IRectLayout>;
+    TransLayoutToSVG(layout: VideoAreaLayout.ILayout, svgSize: ISVGSize): string;
+    StorageDefaultLayout: {
+        get(): VideoAreaLayout.ILayout | null;
+        set(layout: VideoAreaLayout.ILayout): void;
+    };
+};
+export default _default;

package/lib/components/video-areas-layout-show/index.vue.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from "vue";
+import { VideoAreaLayout } from "../multi-video-area-layout-switch/model";
+declare const _sfc_main: import("vue").DefineComponent<{
+    layout: {
+        type: PropType<VideoAreaLayout.ILayout>;
+    };
+}, {
+    frameRef: import("vue").ComputedRef<VideoAreaLayout.IRectLayout[]>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    layout: {
+        type: PropType<VideoAreaLayout.ILayout>;
+    };
+}>>, {}>;
+export default _sfc_main;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "smarteye-e-components",
-  "version": "0.0.39",
+  "version": "0.0.40",
   "description": "",
   "main": "./dist/smarteye-e-components.mjs",
   "scripts": {