@soonspacejs/plugin-poi-renderer 2.13.10 → 2.13.12

package/dist/index.d.ts

@@ -1,56 +1,56 @@
-import SoonSpace from 'soonspacejs';
-import type { PoiNode, PoiNodeInfo } from 'soonspacejs';
-import * as CSS from 'csstype';
-export type PoiNodeBaseOption = Omit<PoiNodeInfo, 'element'>;
-export interface PoiNodeCustomOptions extends PoiNodeBaseOption {
-    tagName: keyof HTMLElementTagNameMap;
-    style?: CSS.Properties;
-    innerHTML?: string;
-}
-export interface PoiNodeVideoOptions extends PoiNodeBaseOption {
-    src?: string;
-    style?: CSS.Properties;
-    isLoop?: boolean;
-    autoPlay?: boolean;
-}
-export interface PoiNodePanelDataSource {
-    label: string;
-    value: string;
-}
-export interface PoiNodePanelOptions extends PoiNodeBaseOption {
-    dataSource: PoiNodePanelDataSource[];
-    style?: CSS.Properties;
-    rowStyle?: CSS.Properties;
-    labelStyle?: CSS.Properties;
-    valueStyle?: CSS.Properties;
-}
-export type PoiImageOptions = PoiNodeVideoOptions;
-export declare const DefaultStyle: CSS.Properties;
-export declare enum PoiContentTypeEnum {
-    PANEL = "PANEL",
-    VIDEO = "VIDEO",
-    VIDEO_STREAM = "VIDEO_STREAM"
-}
-export interface PoiNodeData extends PoiNodeBaseOption {
-    pid?: string;
-    width: number;
-    height: number;
-    dataSource: PoiNodePanelDataSource[];
-    fileUrl?: string;
-    contentType: PoiContentTypeEnum;
-    style: string;
-}
-export interface PoiNodeBatchOptions {
-    dataSource: PoiNodeData[];
-}
-export default class PatrolControlsPlugin {
-    readonly ssp: SoonSpace;
-    poiIdSet: Set<string>;
-    constructor(ssp: SoonSpace);
-    private resetStyleName;
-    private mergeElementStyle;
-    renderCustom(options: PoiNodeCustomOptions): PoiNode;
-    renderVideo(options: PoiNodeVideoOptions): PoiNode;
-    renderPanel(options: PoiNodePanelOptions): PoiNode;
-    batchRender(batchOptions: PoiNodeBatchOptions): void;
-}
+import SoonSpace from 'soonspacejs';
+import type { PoiNode, PoiNodeInfo } from 'soonspacejs';
+import * as CSS from 'csstype';
+export type PoiNodeBaseOption = Omit<PoiNodeInfo, 'element'>;
+export interface PoiNodeCustomOptions extends PoiNodeBaseOption {
+    tagName: keyof HTMLElementTagNameMap;
+    style?: CSS.Properties;
+    innerHTML?: string;
+}
+export interface PoiNodeVideoOptions extends PoiNodeBaseOption {
+    src?: string;
+    style?: CSS.Properties;
+    isLoop?: boolean;
+    autoPlay?: boolean;
+}
+export interface PoiNodePanelDataSource {
+    label: string;
+    value: string;
+}
+export interface PoiNodePanelOptions extends PoiNodeBaseOption {
+    dataSource: PoiNodePanelDataSource[];
+    style?: CSS.Properties;
+    rowStyle?: CSS.Properties;
+    labelStyle?: CSS.Properties;
+    valueStyle?: CSS.Properties;
+}
+export type PoiImageOptions = PoiNodeVideoOptions;
+export declare const DefaultStyle: CSS.Properties;
+export declare enum PoiContentTypeEnum {
+    PANEL = "PANEL",
+    VIDEO = "VIDEO",
+    VIDEO_STREAM = "VIDEO_STREAM"
+}
+export interface PoiNodeData extends PoiNodeBaseOption {
+    pid?: string;
+    width: number;
+    height: number;
+    dataSource: PoiNodePanelDataSource[];
+    fileUrl?: string;
+    contentType: PoiContentTypeEnum;
+    style: string;
+}
+export interface PoiNodeBatchOptions {
+    dataSource: PoiNodeData[];
+}
+export default class PatrolControlsPlugin {
+    readonly ssp: SoonSpace;
+    poiIdSet: Set<string>;
+    constructor(ssp: SoonSpace);
+    private resetStyleName;
+    private mergeElementStyle;
+    renderCustom(options: PoiNodeCustomOptions): PoiNode;
+    renderVideo(options: PoiNodeVideoOptions): PoiNode;
+    renderPanel(options: PoiNodePanelOptions): PoiNode;
+    batchRender(batchOptions: PoiNodeBatchOptions): void;
+}

package/dist/index.esm.js

@@ -1 +1 @@
-const e={width:"400px",height:"300px",backgroundColor:"black"};var t;!function(e){e.PANEL="PANEL",e.VIDEO="VIDEO",e.VIDEO_STREAM="VIDEO_STREAM"}(t||(t={}));class s{constructor(e){this.ssp=e,this.poiIdSet=new Set}resetStyleName(e){const t=[...e];for(const e in t)t[e]!==t[e].toLowerCase()&&(t[e]=`-${t[e].toLowerCase()}`);return t.join("")}mergeElementStyle(e){let t="";for(const s in e)t+=`${this.resetStyleName(s)}: ${e[s]};`;return t}renderCustom(t){const{tagName:s,style:n=e,innerHTML:i}=t,a=document.createElement(s);return a.style.cssText=this.mergeElementStyle(n),i&&(a.innerHTML=i),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:a}))}renderVideo(t){const{src:s,style:n=e,isLoop:i=!0,autoPlay:a=!0}=t,l=document.createElement("video");return l.style.cssText=this.mergeElementStyle(n),l.controls=!0,l.muted=!0,l.loop=i,l.autoplay=a,s&&(l.src=s),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:l}))}renderPanel(e){const{dataSource:t,rowStyle:s,labelStyle:n,valueStyle:i}=e,a=t.map((e=>`<div style="${this.mergeElementStyle(s||{})}">\n<span style="${this.mergeElementStyle(n||{})}">${e.label}</span>\n<span style="${this.mergeElementStyle(i||{})}">${e.value}</span>\n</div>`)).join("");return this.renderCustom(Object.assign(Object.assign({tagName:"div"},e),{innerHTML:a}))}batchRender(e){const{dataSource:s}=e;this.poiIdSet.forEach((e=>{this.ssp.removeObjectById(e)})),this.poiIdSet.clear();s.forEach((e=>{const{id:s,pid:n,width:i,height:a,dataSource:l,fileUrl:o,style:r,visible:c}=e;let d=this.ssp.getObjectById(s);const g=c;if(this.poiIdSet.add(s),e.contentType===t.VIDEO)d=this.renderVideo(Object.assign(Object.assign({},e),{src:o,visible:g,style:{width:i+"px",height:a+"px"}}));else if(e.contentType===t.PANEL){const{panel:{bodyStyle:t,rowStyle:s,labelStyle:n,valueStyle:c}}=JSON.parse(r);d=this.renderPanel(Object.assign(Object.assign({},e),{visible:g,style:Object.assign(Object.assign({width:i+"px",height:a+"px",backgroundImage:`url(${o})`,overflow:"auto"},t),{padding:t.padding+"px"}),rowStyle:Object.assign(Object.assign({},s),{gap:s.gap+"px"}),labelStyle:Object.assign(Object.assign({},n),{fontSize:n.fontSize+"px"}),valueStyle:Object.assign(Object.assign({},c),{fontSize:c.fontSize+"px"}),dataSource:l}))}if(d&&n){const e=this.ssp.getObjectById(n);e&&this.ssp.addObject(d,e)}}))}}export{e as DefaultStyle,t as PoiContentTypeEnum,s as default};
+const e={width:"400px",height:"300px",backgroundColor:"black"};var t;!function(e){e.PANEL="PANEL",e.VIDEO="VIDEO",e.VIDEO_STREAM="VIDEO_STREAM"}(t||(t={}));class s{constructor(e){this.ssp=e,this.poiIdSet=new Set}resetStyleName(e){const t=[...e];for(const e in t)t[e]!==t[e].toLowerCase()&&(t[e]=`-${t[e].toLowerCase()}`);return t.join("")}mergeElementStyle(e){let t="";for(const s in e)t+=`${this.resetStyleName(s)}: ${e[s]};`;return t}renderCustom(t){const{tagName:s,style:n=e,innerHTML:i}=t,a=document.createElement(s);return a.style.cssText=this.mergeElementStyle(n),i&&(a.innerHTML=i),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:a}))}renderVideo(t){const{src:s,style:n=e,isLoop:i=!0,autoPlay:a=!0}=t,l=document.createElement("video");return l.style.cssText=this.mergeElementStyle(n),l.controls=!0,l.muted=!0,l.loop=i,l.autoplay=a,s&&(l.src=s),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:l}))}renderPanel(e){const{dataSource:t,rowStyle:s,labelStyle:n,valueStyle:i}=e,a=t.map(e=>`<div style="${this.mergeElementStyle(s||{})}">\n<span style="${this.mergeElementStyle(n||{})}">${e.label}</span>\n<span style="${this.mergeElementStyle(i||{})}">${e.value}</span>\n</div>`).join("");return this.renderCustom(Object.assign(Object.assign({tagName:"div"},e),{innerHTML:a}))}batchRender(e){const{dataSource:s}=e;this.poiIdSet.forEach(e=>{this.ssp.removeObjectById(e)}),this.poiIdSet.clear();s.forEach(e=>{const{id:s,pid:n,width:i,height:a,dataSource:l,fileUrl:o,style:r,visible:c}=e;let d=this.ssp.getObjectById(s);const g=c;if(this.poiIdSet.add(s),e.contentType===t.VIDEO)d=this.renderVideo(Object.assign(Object.assign({},e),{src:o,visible:g,style:{width:i+"px",height:a+"px"}}));else if(e.contentType===t.PANEL){const{panel:{bodyStyle:t,rowStyle:s,labelStyle:n,valueStyle:c}}=JSON.parse(r);d=this.renderPanel(Object.assign(Object.assign({},e),{visible:g,style:Object.assign(Object.assign({width:i+"px",height:a+"px",backgroundImage:`url(${o})`,overflow:"auto"},t),{padding:t.padding+"px"}),rowStyle:Object.assign(Object.assign({},s),{gap:s.gap+"px"}),labelStyle:Object.assign(Object.assign({},n),{fontSize:n.fontSize+"px"}),valueStyle:Object.assign(Object.assign({},c),{fontSize:c.fontSize+"px"}),dataSource:l}))}if(d&&n){const e=this.ssp.getObjectById(n);e&&this.ssp.addObject(d,e)}})}}export{e as DefaultStyle,t as PoiContentTypeEnum,s as default};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soonspacejs/plugin-poi-renderer",
   "pluginName": "PoiRendererPlugin",
-  "version": "2.13.10",
+  "version": "2.13.12",
   "description": "Poi-renderer plugin for SoonSpace.js",
   "main": "dist/index.esm.js",
   "module": "dist/index.esm.js",
@@ -13,9 +13,9 @@
   ],
   "author": "xunwei",
   "license": "UNLICENSED",
-  "gitHead": "6bca3b98477ef9c2fa0ba5f67d461561896bb0ff",
+  "gitHead": "aa34f472ae1520b537b0a5a1d67f4a746f41236a",
   "peerDependencies": {
-    "soonspacejs": "2.13.10"
+    "soonspacejs": "2.13.12"
   },
   "dependencies": {
     "csstype": "^3.1.2"