@soonspacejs/plugin-poi-renderer 2.9.5 → 2.9.6

package/dist/index.d.ts

@@ -1,23 +1,53 @@
 import SoonSpace from 'soonspacejs';
-import type { PoiNodeInfo } from 'soonspacejs/types/Library';
+import type { PoiNode, PoiNodeInfo } from 'soonspacejs/types/Library';
 import * as CSS from 'csstype';
-export interface PoiCustomOptions extends PoiNodeInfo {
+export type PoiNodeBaseOption = Omit<PoiNodeInfo, 'element'>;
+export interface PoiNodeCustomOptions extends PoiNodeBaseOption {
     tagName: keyof HTMLElementTagNameMap;
     style?: CSS.Properties;
     innerHTML?: string;
 }
-export interface PoiVideoOptions extends PoiNodeInfo {
-    src: string;
+export interface PoiNodeVideoOptions extends PoiNodeBaseOption {
+    src?: string;
     style?: CSS.Properties;
 }
-export type PoiImageOptions = PoiVideoOptions;
+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;
     constructor(ssp: SoonSpace);
     private resetStyleName;
     private mergeElementStyle;
-    renderCustom(options: PoiCustomOptions): void;
-    renderVideo(options: PoiVideoOptions): void;
-    renderImage(options: PoiVideoOptions): void;
+    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"};class t{constructor(e){this.ssp=e}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,t){let s="";for(const e in t)s+=`${this.resetStyleName(e)}: ${t[e]};`;console.log("cssText",s),e.style.cssText=s}renderCustom(t){const{tagName:s,style:n=e,innerHTML:o}=t,r=document.createElement(s);this.mergeElementStyle(r,n),o&&(r.innerHTML=o),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:r}))}renderVideo(t){const{src:s,style:n=e}=t,o=document.createElement("video");o.controls=!0,o.src=s,this.mergeElementStyle(o,n),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:o}))}renderImage(t){const{src:s,style:n=e}=t,o=document.createElement("img");o.src=s,this.mergeElementStyle(o,n),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:o}))}}export{e as DefaultStyle,t 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}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:a}=t,i=document.createElement(s);return i.style.cssText=this.mergeElementStyle(n),a&&(i.innerHTML=a),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:i}))}renderVideo(t){const{src:s,style:n=e}=t,a=document.createElement("video");return a.style.cssText=this.mergeElementStyle(n),a.controls=!0,s&&(a.src=s),this.ssp.createPoiNode(Object.assign(Object.assign({},t),{element:a}))}renderPanel(e){const{dataSource:t,rowStyle:s,labelStyle:n,valueStyle:a}=e,i=t.map((e=>`<div style="${this.mergeElementStyle(s||{})}">\n<span style="${this.mergeElementStyle(n||{})}">${e.label}</span>\n<span style="${this.mergeElementStyle(a||{})}">${e.value}</span>\n</div>`)).join("");return this.renderCustom(Object.assign(Object.assign({tagName:"div"},e),{innerHTML:i}))}batchRender(e){const{dataSource:s}=e,n=e=>{const{id:s,pid:n,width:a,height:i,dataSource:l,fileUrl:r,style:o}=e;let c=this.ssp.getPoiNodeById(s);if(!c){if(e.contentType===t.VIDEO)c=this.renderVideo(Object.assign(Object.assign({},e),{src:r,style:{width:a+"px",height:i+"px"}}));else if(e.contentType===t.PANEL){const{panel:{bodyStyle:t,rowStyle:s,labelStyle:n,valueStyle:d}}=JSON.parse(o);c=this.renderPanel(Object.assign(Object.assign({},e),{style:Object.assign(Object.assign({width:a+"px",height:i+"px",backgroundImage:`url(${r})`,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({},d),{fontSize:d.fontSize+"px"}),dataSource:l}))}if(c&&n){const e=this.ssp.getObjectById(n);e&&this.ssp.addObject(c,e)}}};s.forEach((e=>{n(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.9.5",
+  "version": "2.9.6",
   "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": "29ad56babad46dfae6b0aba61e3a113706eaf672",
+  "gitHead": "3ab8f7a974691b6456ca4adf0430b6950c13e868",
   "peerDependencies": {
-    "soonspacejs": "2.9.5"
+    "soonspacejs": "2.9.6"
   },
   "dependencies": {
     "csstype": "^3.1.2"