smarteye-e-components 0.0.16 → 0.0.18

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.
Files changed (7) hide show
  1. package/dist/smarteye-e-components.js +1 -1
  2. package/dist/smarteye-e-components.js.map +1 -1
  3. package/dist/smarteye-e-components.mjs +89 -80
  4. package/dist/smarteye-e-components.mjs.map +1 -1
  5. package/dist/style.css +1 -1
  6. package/lib/components/recursion-device-group/model/index.d.ts +1 -0
  7. package/package.json +1 -1
package/dist/smarteye-e-components.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue");exports.RecursionDeviceGroup=void 0;(e=>{(n=>{function s(l){const c=[];for(let a=0;a<l;a++)c.push({id:"testId",pid:"",name:`device-${a}`,online:a%2==0,channels:[]});return c}function t(l){const c=[];for(let a=0;a<l;a++)c.push({id:`groupid-${a}`,name:`group-${a}`,pid:"",onlineCount:0,totalCount:0,devices:s(10),items:t(l-a-1)});return c}function i(l){return{name:"hah",onlineCount:0,totalCount:0,items:t(l)}}n.RandomDeviceGroup=i})(e.Test||(e.Test={}));function r(n,s){for(let t=0;t<n.length;t++)s(n[t]),r(n[t].items,s)}(n=>{function s(t){const i={},l={};return r(t.items,c=>{i[c.id]=c;for(let a=0;a<c.devices.length;a++)l[c.devices[a].id]=c.devices[a]}),{getGroup(c){return i[c]},getDevice(c){return l[c]},foreachGroup(c){for(let a in i)c(i[a])}}}n.AccessSession=s})(e.Utils||(e.Utils={}))})(exports.RecursionDeviceGroup||(exports.RecursionDeviceGroup={}));const A=o.defineComponent({props:{countInfo:Object},setup(e){function r(t,i){if(i){let l=0;return i.items.forEach(c=>{l+=r(t,c)}),t(i)+l}return 0}const n=o.computed(()=>r(t=>t.onlineCount,e.countInfo));return{totalCount:o.computed(()=>r(t=>t.totalCount,e.countInfo)),onlineCount:n}}});const b=(e,r)=>{const n=e.__vccOpts||e;for(const[s,t]of r)n[s]=t;return n},T={class:"root"},z={class:"count-show"};function H(e,r,n,s,t,i){return o.openBlock(),o.createElementBlock("div",T,[o.renderSlot(e.$slots,"default",{},void 0,!0),o.createElementVNode("span",z,o.toDisplayString(e.onlineCount)+"/"+o.toDisplayString(e.totalCount),1)])}const F=b(A,[["render",H],["__scopeId","data-v-702e833c"]]),V=Object.freeze({left:0,top:0,width:16,height:16}),O=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),y=Object.freeze({...V,...O});Object.freeze({...y,body:"",hidden:!1});({...V});const G=Object.freeze({width:null,height:null}),D=Object.freeze({...G,...O});function L(e,r){const n={...e};for(const s in r){const t=r[s],i=typeof t;s in G?(t===null||t&&(i==="string"||i==="number"))&&(n[s]=t):i===typeof n[s]&&(n[s]=s==="rotate"?t%4:t)}return n}const R=/[\s,]+/;function U(e,r){r.split(R).forEach(n=>{switch(n.trim()){case"horizontal":e.hFlip=!0;break;case"vertical":e.vFlip=!0;break}})}function W(e,r=0){const n=e.replace(/^-?[0-9.]*/,"");function s(t){for(;t<0;)t+=4;return t%4}if(n===""){const t=parseInt(e);return isNaN(t)?0:s(t)}else if(n!==e){let t=0;switch(n){case"%":t=25;break;case"deg":t=90}if(t){let i=parseFloat(e.slice(0,e.length-n.length));return isNaN(i)?0:(i=i/t,i%1===0?s(i):0)}}return r}const q=/(-?[0-9.]*[0-9]+[0-9.]*)/g,K=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function $(e,r,n){if(r===1)return e;if(n=n||100,typeof e=="number")return Math.ceil(e*r*n)/n;if(typeof e!="string")return e;const s=e.split(q);if(s===null||!s.length)return e;const t=[];let i=s.shift(),l=K.test(i);for(;;){if(l){const c=parseFloat(i);isNaN(c)?t.push(i):t.push(Math.ceil(c*r*n)/n)}else t.push(i);if(i=s.shift(),i===void 0)return t.join("");l=!l}}function J(e,r){const n={...y,...e},s={...D,...r},t={left:n.left,top:n.top,width:n.width,height:n.height};let i=n.body;[n,s].forEach(v=>{const g=[],p=v.hFlip,u=v.vFlip;let m=v.rotate;p?u?m+=2:(g.push("translate("+(t.width+t.left).toString()+" "+(0-t.top).toString()+")"),g.push("scale(-1 1)"),t.top=t.left=0):u&&(g.push("translate("+(0-t.left).toString()+" "+(t.height+t.top).toString()+")"),g.push("scale(1 -1)"),t.top=t.left=0);let _;switch(m<0&&(m-=Math.floor(m/4)*4),m=m%4,m){case 1:_=t.height/2+t.top,g.unshift("rotate(90 "+_.toString()+" "+_.toString()+")");break;case 2:g.unshift("rotate(180 "+(t.width/2+t.left).toString()+" "+(t.height/2+t.top).toString()+")");break;case 3:_=t.width/2+t.left,g.unshift("rotate(-90 "+_.toString()+" "+_.toString()+")");break}m%2===1&&(t.left!==t.top&&(_=t.left,t.left=t.top,t.top=_),t.width!==t.height&&(_=t.width,t.width=t.height,t.height=_)),g.length&&(i='<g transform="'+g.join(" ")+'">'+i+"</g>")});const l=s.width,c=s.height,a=t.width,h=t.height;let f,d;return l===null?(d=c===null?"1em":c==="auto"?h:c,f=$(d,a/h)):(f=l==="auto"?a:l,d=c===null?$(f,h/a):c==="auto"?h:c),{attributes:{width:f.toString(),height:d.toString(),viewBox:t.left.toString()+" "+t.top.toString()+" "+a.toString()+" "+h.toString()},body:i}}const Q=/\sid="(\S+)"/g,X="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Y=0;function Z(e,r=X){const n=[];let s;for(;s=Q.exec(e);)n.push(s[1]);return n.length&&n.forEach(t=>{const i=typeof r=="function"?r(t):r+(Y++).toString(),l=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");e=e.replace(new RegExp('([#;"])('+l+')([")]|\\.[a-z])',"g"),"$1"+i+"$3")}),e}function ee(e,r){let n=e.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const s in r)n+=" "+s+'="'+r[s]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+n+">"+e+"</svg>"}function te(e){return e.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function oe(e){return'url("data:image/svg+xml,'+te(e)+'")'}const I={...D,inline:!1},ne={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},re={display:"inline-block"},C={backgroundColor:"currentColor"},x={backgroundColor:"transparent"},E={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},B={webkitMask:C,mask:C,background:x};for(const e in B){const r=B[e];for(const n in E)r[e+n]=E[n]}const S={};["horizontal","vertical"].forEach(e=>{const r=e.slice(0,1)+"Flip";S[e+"-flip"]=r,S[e.slice(0,1)+"-flip"]=r,S[e+"Flip"]=r});function N(e){return e+(e.match(/^[-0-9.]+$/)?"px":"")}const se=(e,r)=>{const n=L(I,r),s={...ne},t=r.mode||"svg",i={},l=r.style,c=typeof l=="object"&&!(l instanceof Array)?l:{};for(let p in r){const u=r[p];if(u!==void 0)switch(p){case"icon":case"style":case"onLoad":case"mode":break;case"inline":case"hFlip":case"vFlip":n[p]=u===!0||u==="true"||u===1;break;case"flip":typeof u=="string"&&U(n,u);break;case"color":i.color=u;break;case"rotate":typeof u=="string"?n[p]=W(u):typeof u=="number"&&(n[p]=u);break;case"ariaHidden":case"aria-hidden":u!==!0&&u!=="true"&&delete s["aria-hidden"];break;default:{const m=S[p];m?(u===!0||u==="true"||u===1)&&(n[m]=!0):I[p]===void 0&&(s[p]=u)}}}const a=J(e,n),h=a.attributes;if(n.inline&&(i.verticalAlign="-0.125em"),t==="svg"){s.style={...i,...c},Object.assign(s,h);let p=0,u=r.id;return typeof u=="string"&&(u=u.replace(/-/g,"_")),s.innerHTML=Z(a.body,u?()=>u+"ID"+p++:"iconifyVue"),o.h("svg",s)}const{body:f,width:d,height:w}=e,v=t==="mask"||(t==="bg"?!1:f.indexOf("currentColor")!==-1),g=ee(f,{...h,width:d+"",height:w+""});return s.style={...i,"--svg":oe(g),width:N(h.width),height:N(h.height),...re,...v?C:x,...c},o.h("span",s)},j=Object.create(null);function k(e,r){j[e]=r}const ie=o.defineComponent({inheritAttrs:!1,render(){const e=this.$attrs,r=e.icon,n=typeof r=="string"?j[r]:typeof r=="object"?r:null;return n===null||typeof n!="object"||typeof n.body!="string"?this.$slots.default?this.$slots.default():null:se({...y,...n},e)}}),ce=o.defineComponent({components:{CountShow:F,Icon:ie},name:"group-show",props:{deviceGroup:Object,controlParams:Object},setup(e){function r(i){return i&&i.filter(l=>{var c;return!((c=e.controlParams)!=null&&c.onlyShowOnline)||l.online})||[]}const n=o.computed(()=>{var i,l;const c=e.controlParams.searchStr;return c.length==0||e.deviceGroup&&((i=e.deviceGroup)==null?void 0:i.name.indexOf(c))>0?!0:(l=e.deviceGroup)==null?void 0:l.devices.find(a=>a.name.indexOf(e.controlParams.searchStr)>0)});function s(i){return e.controlParams.searchStr.length==0?!0:i.name.indexOf(e.controlParams.searchStr)>0}const t=o.ref(!1);return{showGroup:n,showDevice:s,FilterDevice:r,bShow:t}}});const le={key:0,class:"group"},ae=["title"],ue={class:"group-slot"},de={key:0,style:{"margin-left":"26px"}},he=["title"],pe={class:"device-slot"};function fe(e,r,n,s,t,i){var l,c;const a=o.resolveComponent("Icon"),h=o.resolveComponent("CountShow"),f=o.resolveComponent("group-show");return e.showGroup?(o.openBlock(),o.createElementBlock("div",le,[o.createVNode(h,{countInfo:e.deviceGroup},{default:o.withCtx(()=>{var d,w;return[o.createVNode(a,{icon:"right",rotate:e.bShow&&"90deg",width:"20",onClick:r[0]||(r[0]=v=>e.bShow=!e.bShow),class:"handle-ls-svg"},null,8,["rotate"]),o.createVNode(a,{icon:"group",width:"24",class:"group-avatar"}),o.createElementVNode("span",{class:"group-name",title:(d=e.deviceGroup)==null?void 0:d.name},o.toDisplayString((w=e.deviceGroup)==null?void 0:w.name),9,ae),o.createElementVNode("div",ue,[o.renderSlot(e.$slots,"group",{group:e.deviceGroup},void 0,!0)])]}),_:3},8,["countInfo"]),e.bShow?(o.openBlock(),o.createElementBlock("div",de,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList((l=e.deviceGroup)==null?void 0:l.items,(d,w)=>(o.openBlock(),o.createBlock(f,{key:w,deviceGroup:d,controlParams:e.controlParams},{group:o.withCtx(({group:v})=>[o.renderSlot(e.$slots,"group",{group:v},void 0,!0)]),device:o.withCtx(({device:v})=>[o.renderSlot(e.$slots,"device",{device:v},void 0,!0)]),_:2},1032,["deviceGroup","controlParams"]))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.FilterDevice((c=e.deviceGroup)==null?void 0:c.devices),(d,w)=>o.withDirectives((o.openBlock(),o.createElementBlock("div",{key:w,class:o.normalizeClass(["device",d.online&&"online-device"])},[o.createVNode(a,{icon:"user",width:"16",class:"device-avatar"}),o.createElementVNode("span",{title:d.id,class:"device-name"},o.toDisplayString(d.name),9,he),o.createElementVNode("div",pe,[o.renderSlot(e.$slots,"device",{device:d},void 0,!0)])],2)),[[o.vShow,e.showDevice(d)]])),128))])):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0)}const ge=b(ce,[["render",fe],["__scopeId","data-v-10002f64"]]),me={width:1024,height:1024,body:'<path fill="currentColor" d="M384 192v640l384-320.064z"/>'},ve={width:1024,height:1024,body:'<path fill="currentColor" d="M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"/>'},_e={width:1024,height:1024,body:'<path fill="currentColor" d="M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z"/>'};k("right",me);k("group",ve);k("user",_e);const we=o.defineComponent({components:{CountShow:F,GroupShow:ge},props:{deviceGroup:Object},methods:{onCheckBoxChange(){this.controlParams.onlyShowOnline=!this.controlParams.onlyShowOnline},onSearchChange(){var e;this.inputSearchRef&&(this.controlParams.searchStr=(e=this.inputSearchRef)==null?void 0:e.value,console.log(this.controlParams.searchStr))}},setup(){const e=o.ref({onlyShowOnline:!1,searchStr:""});return{inputSearchRef:o.ref(),controlParams:e}}});const M=e=>(o.pushScopeId("data-v-3b15399c"),e=e(),o.popScopeId(),e),Se={class:"device-group-list"},Ce={class:"search-panel"},be={style:{height:"32px","line-height":"32px"}},ye=M(()=>o.createElementVNode("img",{src:""},null,-1)),ke=M(()=>o.createElementVNode("label",{for:"onlineShow"},"\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907",-1)),$e={class:"device-panel"};function Ie(e,r,n,s,t,i){var l;const c=o.resolveComponent("CountShow"),a=o.resolveComponent("group-show");return o.openBlock(),o.createElementBlock("div",Se,[o.createElementVNode("div",Ce,[o.createElementVNode("div",be,[ye,o.createElementVNode("input",{type:"text",onChange:r[0]||(r[0]=(...h)=>e.onSearchChange&&e.onSearchChange(...h)),ref:"inputSearchRef"},null,544)]),o.createVNode(c,{countInfo:e.deviceGroup},{default:o.withCtx(()=>[o.createElementVNode("input",{type:"checkbox",id:"onlineShow",value:"onlineShow",onChange:r[1]||(r[1]=(...h)=>e.onCheckBoxChange&&e.onCheckBoxChange(...h))},null,32),ke]),_:1},8,["countInfo"])]),o.createElementVNode("div",$e,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList((l=e.deviceGroup)==null?void 0:l.items,(h,f)=>(o.openBlock(),o.createBlock(a,{controlParams:e.controlParams,key:f,deviceGroup:h},{group:o.withCtx(({group:d})=>[o.renderSlot(e.$slots,"group",{group:d},void 0,!0)]),device:o.withCtx(({device:d})=>[o.renderSlot(e.$slots,"device",{device:d},void 0,!0)]),_:2},1032,["controlParams","deviceGroup"]))),128))])])}const Ee=b(we,[["render",Ie],["__scopeId","data-v-3b15399c"]]),P={RecursionDeviceGroup:Ee},Be={install(e){for(const r in P){const n=P[r];e.component(r,n)}}};exports.default=Be;
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("vue");exports.RecursionDeviceGroup=void 0;(e=>{(n=>{function s(l){const c=[];for(let a=0;a<l;a++)c.push({id:"testId",pid:"",name:`device-${a}`,online:a%2==0,channels:[]});return c}function t(l){const c=[];for(let a=0;a<l;a++)c.push({id:`groupid-${a}`,name:`group-${a}`,pid:"",onlineCount:0,totalCount:0,devices:s(10),items:t(l-a-1)});return c}function i(l){return{name:"hah",onlineCount:0,totalCount:0,items:t(l)}}n.RandomDeviceGroup=i})(e.Test||(e.Test={}));function r(n,s){for(let t=0;t<n.length;t++)s(n[t]),r(n[t].items,s)}(n=>{function s(t){const i={},l={};return r(t.items,c=>{i[c.id]=c;for(let a=0;a<c.devices.length;a++)l[c.devices[a].id]=c.devices[a]}),{getGroup(c){return i[c]},getDevice(c){return l[c]},foreachGroup(c){for(let a in i)c(i[a])}}}n.AccessSession=s})(e.Utils||(e.Utils={}))})(exports.RecursionDeviceGroup||(exports.RecursionDeviceGroup={}));const A=o.defineComponent({props:{countInfo:Object},setup(e){function r(t,i){if(i){let l=0;return i.items.forEach(c=>{l+=r(t,c)}),t(i)+l}return 0}const n=o.computed(()=>r(t=>t.onlineCount,e.countInfo));return{totalCount:o.computed(()=>r(t=>t.totalCount,e.countInfo)),onlineCount:n}}});const C=(e,r)=>{const n=e.__vccOpts||e;for(const[s,t]of r)n[s]=t;return n},T={class:"root"},z={class:"count-show"};function H(e,r,n,s,t,i){return o.openBlock(),o.createElementBlock("div",T,[o.renderSlot(e.$slots,"default",{},void 0,!0),o.createElementVNode("span",z,o.toDisplayString(e.onlineCount)+"/"+o.toDisplayString(e.totalCount),1)])}const F=C(A,[["render",H],["__scopeId","data-v-702e833c"]]),V=Object.freeze({left:0,top:0,width:16,height:16}),G=Object.freeze({rotate:0,vFlip:!1,hFlip:!1}),y=Object.freeze({...V,...G});Object.freeze({...y,body:"",hidden:!1});({...V});const O=Object.freeze({width:null,height:null}),D=Object.freeze({...O,...G});function L(e,r){const n={...e};for(const s in r){const t=r[s],i=typeof t;s in O?(t===null||t&&(i==="string"||i==="number"))&&(n[s]=t):i===typeof n[s]&&(n[s]=s==="rotate"?t%4:t)}return n}const R=/[\s,]+/;function U(e,r){r.split(R).forEach(n=>{switch(n.trim()){case"horizontal":e.hFlip=!0;break;case"vertical":e.vFlip=!0;break}})}function W(e,r=0){const n=e.replace(/^-?[0-9.]*/,"");function s(t){for(;t<0;)t+=4;return t%4}if(n===""){const t=parseInt(e);return isNaN(t)?0:s(t)}else if(n!==e){let t=0;switch(n){case"%":t=25;break;case"deg":t=90}if(t){let i=parseFloat(e.slice(0,e.length-n.length));return isNaN(i)?0:(i=i/t,i%1===0?s(i):0)}}return r}const q=/(-?[0-9.]*[0-9]+[0-9.]*)/g,K=/^-?[0-9.]*[0-9]+[0-9.]*$/g;function $(e,r,n){if(r===1)return e;if(n=n||100,typeof e=="number")return Math.ceil(e*r*n)/n;if(typeof e!="string")return e;const s=e.split(q);if(s===null||!s.length)return e;const t=[];let i=s.shift(),l=K.test(i);for(;;){if(l){const c=parseFloat(i);isNaN(c)?t.push(i):t.push(Math.ceil(c*r*n)/n)}else t.push(i);if(i=s.shift(),i===void 0)return t.join("");l=!l}}function J(e,r){const n={...y,...e},s={...D,...r},t={left:n.left,top:n.top,width:n.width,height:n.height};let i=n.body;[n,s].forEach(_=>{const p=[],f=_.hFlip,u=_.vFlip;let v=_.rotate;f?u?v+=2:(p.push("translate("+(t.width+t.left).toString()+" "+(0-t.top).toString()+")"),p.push("scale(-1 1)"),t.top=t.left=0):u&&(p.push("translate("+(0-t.left).toString()+" "+(t.height+t.top).toString()+")"),p.push("scale(1 -1)"),t.top=t.left=0);let w;switch(v<0&&(v-=Math.floor(v/4)*4),v=v%4,v){case 1:w=t.height/2+t.top,p.unshift("rotate(90 "+w.toString()+" "+w.toString()+")");break;case 2:p.unshift("rotate(180 "+(t.width/2+t.left).toString()+" "+(t.height/2+t.top).toString()+")");break;case 3:w=t.width/2+t.left,p.unshift("rotate(-90 "+w.toString()+" "+w.toString()+")");break}v%2===1&&(t.left!==t.top&&(w=t.left,t.left=t.top,t.top=w),t.width!==t.height&&(w=t.width,t.width=t.height,t.height=w)),p.length&&(i='<g transform="'+p.join(" ")+'">'+i+"</g>")});const l=s.width,c=s.height,a=t.width,h=t.height;let g,d;return l===null?(d=c===null?"1em":c==="auto"?h:c,g=$(d,a/h)):(g=l==="auto"?a:l,d=c===null?$(g,h/a):c==="auto"?h:c),{attributes:{width:g.toString(),height:d.toString(),viewBox:t.left.toString()+" "+t.top.toString()+" "+a.toString()+" "+h.toString()},body:i}}const Q=/\sid="(\S+)"/g,X="IconifyId"+Date.now().toString(16)+(Math.random()*16777216|0).toString(16);let Y=0;function Z(e,r=X){const n=[];let s;for(;s=Q.exec(e);)n.push(s[1]);return n.length&&n.forEach(t=>{const i=typeof r=="function"?r(t):r+(Y++).toString(),l=t.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");e=e.replace(new RegExp('([#;"])('+l+')([")]|\\.[a-z])',"g"),"$1"+i+"$3")}),e}function ee(e,r){let n=e.indexOf("xlink:")===-1?"":' xmlns:xlink="http://www.w3.org/1999/xlink"';for(const s in r)n+=" "+s+'="'+r[s]+'"';return'<svg xmlns="http://www.w3.org/2000/svg"'+n+">"+e+"</svg>"}function te(e){return e.replace(/"/g,"'").replace(/%/g,"%25").replace(/#/g,"%23").replace(/</g,"%3C").replace(/>/g,"%3E").replace(/\s+/g," ")}function oe(e){return'url("data:image/svg+xml,'+te(e)+'")'}const I={...D,inline:!1},ne={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink","aria-hidden":!0,role:"img"},re={display:"inline-block"},b={backgroundColor:"currentColor"},x={backgroundColor:"transparent"},E={Image:"var(--svg)",Repeat:"no-repeat",Size:"100% 100%"},B={webkitMask:b,mask:b,background:x};for(const e in B){const r=B[e];for(const n in E)r[e+n]=E[n]}const S={};["horizontal","vertical"].forEach(e=>{const r=e.slice(0,1)+"Flip";S[e+"-flip"]=r,S[e.slice(0,1)+"-flip"]=r,S[e+"Flip"]=r});function N(e){return e+(e.match(/^[-0-9.]+$/)?"px":"")}const se=(e,r)=>{const n=L(I,r),s={...ne},t=r.mode||"svg",i={},l=r.style,c=typeof l=="object"&&!(l instanceof Array)?l:{};for(let f in r){const u=r[f];if(u!==void 0)switch(f){case"icon":case"style":case"onLoad":case"mode":break;case"inline":case"hFlip":case"vFlip":n[f]=u===!0||u==="true"||u===1;break;case"flip":typeof u=="string"&&U(n,u);break;case"color":i.color=u;break;case"rotate":typeof u=="string"?n[f]=W(u):typeof u=="number"&&(n[f]=u);break;case"ariaHidden":case"aria-hidden":u!==!0&&u!=="true"&&delete s["aria-hidden"];break;default:{const v=S[f];v?(u===!0||u==="true"||u===1)&&(n[v]=!0):I[f]===void 0&&(s[f]=u)}}}const a=J(e,n),h=a.attributes;if(n.inline&&(i.verticalAlign="-0.125em"),t==="svg"){s.style={...i,...c},Object.assign(s,h);let f=0,u=r.id;return typeof u=="string"&&(u=u.replace(/-/g,"_")),s.innerHTML=Z(a.body,u?()=>u+"ID"+f++:"iconifyVue"),o.h("svg",s)}const{body:g,width:d,height:m}=e,_=t==="mask"||(t==="bg"?!1:g.indexOf("currentColor")!==-1),p=ee(g,{...h,width:d+"",height:m+""});return s.style={...i,"--svg":oe(p),width:N(h.width),height:N(h.height),...re,..._?b:x,...c},o.h("span",s)},j=Object.create(null);function k(e,r){j[e]=r}const ie=o.defineComponent({inheritAttrs:!1,render(){const e=this.$attrs,r=e.icon,n=typeof r=="string"?j[r]:typeof r=="object"?r:null;return n===null||typeof n!="object"||typeof n.body!="string"?this.$slots.default?this.$slots.default():null:se({...y,...n},e)}}),ce=o.defineComponent({components:{CountShow:F,Icon:ie},name:"group-show",props:{deviceGroup:Object,controlParams:Object},setup(e){function r(i){return i&&i.filter(l=>{var c;return!((c=e.controlParams)!=null&&c.onlyShowOnline)||l.online})||[]}const n=o.computed(()=>{var i,l;const c=e.controlParams.searchStr;return c.length==0||e.deviceGroup&&((i=e.deviceGroup)==null?void 0:i.name.indexOf(c))>0?!0:(l=e.deviceGroup)==null?void 0:l.devices.find(a=>a.name.indexOf(e.controlParams.searchStr)>0)});function s(i){return e.controlParams.searchStr.length==0?!0:i.name.indexOf(e.controlParams.searchStr)>0}const t=o.ref(!1);return{showGroup:n,showDevice:s,FilterDevice:r,bShow:t}}});const le={key:0,class:"group"},ae=["title"],ue={class:"group-slot"},de={key:0,style:{"margin-left":"26px"}},he=["title"],pe={class:"device-slot"};function fe(e,r,n,s,t,i){var l,c;const a=o.resolveComponent("Icon"),h=o.resolveComponent("CountShow"),g=o.resolveComponent("group-show");return e.showGroup?(o.openBlock(),o.createElementBlock("div",le,[o.createVNode(h,{countInfo:e.deviceGroup},{default:o.withCtx(()=>{var d,m;return[o.createVNode(a,{icon:"right",rotate:e.bShow&&"90deg",width:"20",onClick:r[0]||(r[0]=_=>e.bShow=!e.bShow),class:"handle-ls-svg"},null,8,["rotate"]),o.createVNode(a,{icon:"group",width:"24",class:"group-avatar"}),o.createElementVNode("span",{class:"group-name",title:(d=e.deviceGroup)==null?void 0:d.name},o.toDisplayString((m=e.deviceGroup)==null?void 0:m.name),9,ae),o.createElementVNode("div",ue,[o.renderSlot(e.$slots,"group",{group:e.deviceGroup},void 0,!0)])]}),_:3},8,["countInfo"]),e.bShow?(o.openBlock(),o.createElementBlock("div",de,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList((l=e.deviceGroup)==null?void 0:l.items,(d,m)=>(o.openBlock(),o.createBlock(g,{key:m,deviceGroup:d,controlParams:e.controlParams},{group:o.withCtx(({group:_})=>[o.renderSlot(e.$slots,"group",{group:_},void 0,!0)]),device:o.withCtx(({device:_,group:p})=>[o.renderSlot(e.$slots,"device",{device:_,group:p},void 0,!0)]),_:2},1032,["deviceGroup","controlParams"]))),128)),(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList(e.FilterDevice((c=e.deviceGroup)==null?void 0:c.devices),(d,m)=>o.withDirectives((o.openBlock(),o.createElementBlock("div",{key:m,class:o.normalizeClass(["device",d.online&&"online-device"])},[o.createVNode(a,{icon:"user",width:"16",class:"device-avatar"}),o.createElementVNode("span",{title:d.id,class:"device-name"},o.toDisplayString(d.name),9,he),o.createElementVNode("div",pe,[o.renderSlot(e.$slots,"device",{device:d,group:e.deviceGroup},void 0,!0)])],2)),[[o.vShow,e.showDevice(d)]])),128))])):o.createCommentVNode("",!0)])):o.createCommentVNode("",!0)}const ge=C(ce,[["render",fe],["__scopeId","data-v-b34e0b4a"]]),me={width:1024,height:1024,body:'<path fill="currentColor" d="M384 192v640l384-320.064z"/>'},ve={width:1024,height:1024,body:'<path fill="currentColor" d="M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z"/>'},_e={width:1024,height:1024,body:'<path fill="currentColor" d="M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z"/>'};k("right",me);k("group",ve);k("user",_e);const we=o.defineComponent({components:{CountShow:F,GroupShow:ge},props:{deviceGroup:Object},methods:{onCheckBoxChange(){this.controlParams.onlyShowOnline=!this.controlParams.onlyShowOnline},onSearchChange(){var e;this.inputSearchRef&&(this.controlParams.searchStr=(e=this.inputSearchRef)==null?void 0:e.value,console.log(this.controlParams.searchStr))}},setup(){const e=o.ref({onlyShowOnline:!1,searchStr:""});return{inputSearchRef:o.ref(),controlParams:e}}});const M=e=>(o.pushScopeId("data-v-f4599228"),e=e(),o.popScopeId(),e),Se={class:"device-group-list"},be={class:"search-panel"},Ce={style:{height:"32px","line-height":"32px"}},ye=M(()=>o.createElementVNode("img",{src:""},null,-1)),ke=M(()=>o.createElementVNode("label",{for:"onlineShow"},"\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907",-1)),$e={class:"device-panel"};function Ie(e,r,n,s,t,i){var l;const c=o.resolveComponent("CountShow"),a=o.resolveComponent("group-show");return o.openBlock(),o.createElementBlock("div",Se,[o.createElementVNode("div",be,[o.createElementVNode("div",Ce,[ye,o.createElementVNode("input",{type:"text",onChange:r[0]||(r[0]=(...h)=>e.onSearchChange&&e.onSearchChange(...h)),ref:"inputSearchRef"},null,544)]),o.createVNode(c,{countInfo:e.deviceGroup},{default:o.withCtx(()=>[o.createElementVNode("input",{type:"checkbox",id:"onlineShow",value:"onlineShow",onChange:r[1]||(r[1]=(...h)=>e.onCheckBoxChange&&e.onCheckBoxChange(...h))},null,32),ke]),_:1},8,["countInfo"])]),o.createElementVNode("div",$e,[(o.openBlock(!0),o.createElementBlock(o.Fragment,null,o.renderList((l=e.deviceGroup)==null?void 0:l.items,(h,g)=>(o.openBlock(),o.createBlock(a,{controlParams:e.controlParams,key:g,deviceGroup:h},{group:o.withCtx(({group:d})=>[o.renderSlot(e.$slots,"group",{group:d},void 0,!0)]),device:o.withCtx(({device:d,group:m})=>[o.renderSlot(e.$slots,"device",{device:d,group:m},void 0,!0)]),_:2},1032,["controlParams","deviceGroup"]))),128))])])}const Ee=C(we,[["render",Ie],["__scopeId","data-v-f4599228"]]),P={RecursionDeviceGroup:Ee},Be={install(e){for(const r in P){const n=P[r];e.component(r,n)}}};exports.default=Be;
2
2
  //# sourceMappingURL=smarteye-e-components.js.map
package/dist/smarteye-e-components.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"smarteye-e-components.js","sources":["../src/components/recursion-device-group/model/index.ts","../src/components-global/count-show/index.vue","../src/components-global/count-show/index.vue","../node_modules/.pnpm/@iconify+vue@4.0.0_vue@3.2.39/node_modules/@iconify/vue/dist/offline.mjs","../src/components-global/group-show/index.vue","../src/components-global/group-show/index.vue","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/caret-right.js","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/folder-opened.js","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/avatar.js","../src/components/recursion-device-group/index.vue","../src/components/recursion-device-group/index.vue","../src/index.ts"],"sourcesContent":["export namespace RecursionDeviceGroup {\r\n export interface IChannelInfo {\r\n index: number;\r\n name: string;\r\n }\r\n\r\n export interface DeviceInfo<T = any> {\r\n id: string;\r\n name: string;\r\n pid: string;\r\n online: boolean;\r\n channels: Array<IChannelInfo>;\r\n tag?: T;\r\n }\r\n\r\n export interface DeviceGroup<T = any, DT = any> extends ICountInfo {\r\n id: string;\r\n name: string;\r\n pid: string;\r\n devices: Array<DeviceInfo<DT>>;\r\n items: Array<DeviceGroup<T, DT>>;\r\n tag?: T;\r\n }\r\n\r\n export interface SessionDeviceGroup<\r\n GroupTag = any,\r\n DeviceTag = any,\r\n SessionTag = any\r\n > extends ICountInfo {\r\n name: string;\r\n items: Array<DeviceGroup>;\r\n tag?: SessionTag;\r\n }\r\n\r\n export interface ICountInfo {\r\n totalCount: number;\r\n onlineCount: number;\r\n items: Array<ICountInfo>;\r\n }\r\n\r\n export interface IControlParams {\r\n onlyShowOnline: boolean;\r\n searchStr: string;\r\n }\r\n\r\n export namespace Test {\r\n let startIndex = 0;\r\n function CreateDevice(count: number): Array<DeviceInfo> {\r\n const deviceList: Array<DeviceInfo> = [];\r\n for (let i = 0; i < count; i++) {\r\n deviceList.push({\r\n id: \"testId\",\r\n pid: \"\",\r\n name: `device-${i}`,\r\n online: i % 2 == 0,\r\n channels: [],\r\n });\r\n }\r\n return deviceList;\r\n }\r\n\r\n function CreateGroup(count: number) {\r\n const deviceList: Array<DeviceGroup> = [];\r\n for (let i = 0; i < count; i++) {\r\n deviceList.push({\r\n id: `groupid-${i}`,\r\n name: `group-${i}`,\r\n pid: \"\",\r\n onlineCount: 0,\r\n totalCount: 0,\r\n devices: CreateDevice(10),\r\n items: CreateGroup(count - i - 1),\r\n });\r\n }\r\n return deviceList;\r\n }\r\n\r\n export function RandomDeviceGroup(count: number): SessionDeviceGroup {\r\n return {\r\n name: \"hah\",\r\n onlineCount: 0,\r\n totalCount: 0,\r\n items: CreateGroup(count),\r\n };\r\n }\r\n }\r\n\r\n function ForeachDeviceGroup(\r\n deviceGroup: DeviceGroup[],\r\n handleDeviceGroup: (deviceGroup: DeviceGroup) => void\r\n ) {\r\n for (let i = 0; i < deviceGroup.length; i++) {\r\n handleDeviceGroup(deviceGroup[i]);\r\n ForeachDeviceGroup(deviceGroup[i].items, handleDeviceGroup);\r\n }\r\n }\r\n\r\n export namespace Utils {\r\n export function AccessSession(session: SessionDeviceGroup) {\r\n const groupMap: { [k in string]: DeviceGroup } = {};\r\n const deviceMap: { [k in string]: DeviceInfo } = {};\r\n\r\n ForeachDeviceGroup(session.items, (deviceGroup) => {\r\n groupMap[deviceGroup.id] = deviceGroup;\r\n for (let i = 0; i < deviceGroup.devices.length; i++) {\r\n deviceMap[deviceGroup.devices[i].id] = deviceGroup.devices[i];\r\n }\r\n });\r\n\r\n return {\r\n getGroup(id: string) {\r\n return groupMap[id];\r\n },\r\n getDevice(id: string) {\r\n return deviceMap[id];\r\n },\r\n foreachGroup(handle: (item: DeviceGroup) => void) {\r\n for (let i in groupMap) {\r\n handle(groupMap[i]);\r\n }\r\n },\r\n };\r\n }\r\n }\r\n}\r\n","<template>\r\n <div class=\"root\">\r\n <slot></slot>\r\n <!-- <button @click=\"countInfo&&countInfo.onlineCount++\">add</button> -->\r\n <span class=\"count-show\">\r\n {{onlineCount}}/{{totalCount}}\r\n </span>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { RecursionDeviceGroup } from '../../components/recursion-device-group/model'\r\n\r\nexport default defineComponent({\r\n props: {\r\n countInfo: Object as PropType<RecursionDeviceGroup.ICountInfo>\r\n },\r\n setup(props) {\r\n function ForeachICountInfo(handle: (countInfo: RecursionDeviceGroup.ICountInfo) => number, countInfo?: RecursionDeviceGroup.ICountInfo) {\r\n if (countInfo) {\r\n let countItem = 0;\r\n countInfo.items.forEach(item => {\r\n countItem += ForeachICountInfo(handle, item);\r\n })\r\n return handle(countInfo) + countItem;\r\n }\r\n return 0;\r\n }\r\n\r\n const onlineCount = computed(() => {\r\n return ForeachICountInfo((item) => item.onlineCount, props.countInfo)\r\n })\r\n\r\n const totalCount = computed(() => {\r\n return ForeachICountInfo((item) => item.totalCount, props.countInfo)\r\n })\r\n\r\n return {\r\n totalCount,\r\n onlineCount\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.root {\r\n position: relative;\r\n}\r\n\r\n.count-show {\r\n position: absolute;\r\n right: 0px;\r\n color: rgb(183, 183, 183)\r\n}\r\n</style>","<template>\r\n <div class=\"root\">\r\n <slot></slot>\r\n <!-- <button @click=\"countInfo&&countInfo.onlineCount++\">add</button> -->\r\n <span class=\"count-show\">\r\n {{onlineCount}}/{{totalCount}}\r\n </span>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { RecursionDeviceGroup } from '../../components/recursion-device-group/model'\r\n\r\nexport default defineComponent({\r\n props: {\r\n countInfo: Object as PropType<RecursionDeviceGroup.ICountInfo>\r\n },\r\n setup(props) {\r\n function ForeachICountInfo(handle: (countInfo: RecursionDeviceGroup.ICountInfo) => number, countInfo?: RecursionDeviceGroup.ICountInfo) {\r\n if (countInfo) {\r\n let countItem = 0;\r\n countInfo.items.forEach(item => {\r\n countItem += ForeachICountInfo(handle, item);\r\n })\r\n return handle(countInfo) + countItem;\r\n }\r\n return 0;\r\n }\r\n\r\n const onlineCount = computed(() => {\r\n return ForeachICountInfo((item) => item.onlineCount, props.countInfo)\r\n })\r\n\r\n const totalCount = computed(() => {\r\n return ForeachICountInfo((item) => item.totalCount, props.countInfo)\r\n })\r\n\r\n return {\r\n totalCount,\r\n onlineCount\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.root {\r\n position: relative;\r\n}\r\n\r\n.count-show {\r\n position: absolute;\r\n right: 0px;\r\n color: rgb(183, 183, 183)\r\n}\r\n</style>","import { h, defineComponent } from 'vue';\n\nconst defaultIconDimensions = Object.freeze(\n {\n left: 0,\n top: 0,\n width: 16,\n height: 16\n }\n);\nconst defaultIconTransformations = Object.freeze({\n rotate: 0,\n vFlip: false,\n hFlip: false\n});\nconst defaultIconProps = Object.freeze({\n ...defaultIconDimensions,\n ...defaultIconTransformations\n});\nconst defaultExtendedIconProps = Object.freeze({\n ...defaultIconProps,\n body: \"\",\n hidden: false\n});\n\nfunction mergeIconTransformations(obj1, obj2) {\n const result = {};\n if (!obj1.hFlip !== !obj2.hFlip) {\n result.hFlip = true;\n }\n if (!obj1.vFlip !== !obj2.vFlip) {\n result.vFlip = true;\n }\n const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;\n if (rotate) {\n result.rotate = rotate;\n }\n return result;\n}\n\nfunction mergeIconData(parent, child) {\n const result = mergeIconTransformations(parent, child);\n for (const key in defaultExtendedIconProps) {\n if (key in defaultIconTransformations) {\n if (key in parent && !(key in result)) {\n result[key] = defaultIconTransformations[key];\n }\n } else if (key in child) {\n result[key] = child[key];\n } else if (key in parent) {\n result[key] = parent[key];\n }\n }\n return result;\n}\n\nfunction getIconsTree(data, names) {\n const icons = data.icons;\n const aliases = data.aliases || {};\n const resolved = /* @__PURE__ */ Object.create(null);\n function resolve(name) {\n if (icons[name]) {\n return resolved[name] = [];\n }\n if (!(name in resolved)) {\n resolved[name] = null;\n const parent = aliases[name] && aliases[name].parent;\n const value = parent && resolve(parent);\n if (value) {\n resolved[name] = [parent].concat(value);\n }\n }\n return resolved[name];\n }\n (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);\n return resolved;\n}\n\nfunction internalGetIconData(data, name, tree) {\n const icons = data.icons;\n const aliases = data.aliases || {};\n let currentProps = {};\n function parse(name2) {\n currentProps = mergeIconData(\n icons[name2] || aliases[name2],\n currentProps\n );\n }\n parse(name);\n tree.forEach(parse);\n return mergeIconData(data, currentProps);\n}\n\nfunction parseIconSet(data, callback) {\n const names = [];\n if (typeof data !== \"object\" || typeof data.icons !== \"object\") {\n return names;\n }\n if (data.not_found instanceof Array) {\n data.not_found.forEach((name) => {\n callback(name, null);\n names.push(name);\n });\n }\n const tree = getIconsTree(data);\n for (const name in tree) {\n const item = tree[name];\n if (item) {\n callback(name, internalGetIconData(data, name, item));\n names.push(name);\n }\n }\n return names;\n}\n\nconst matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;\n\nconst optionalPropertyDefaults = {\n provider: \"\",\n aliases: {},\n not_found: {},\n ...defaultIconDimensions\n};\nfunction checkOptionalProps(item, defaults) {\n for (const prop in defaults) {\n if (prop in item && typeof item[prop] !== typeof defaults[prop]) {\n return false;\n }\n }\n return true;\n}\nfunction quicklyValidateIconSet(obj) {\n if (typeof obj !== \"object\" || obj === null) {\n return null;\n }\n const data = obj;\n if (typeof data.prefix !== \"string\" || !obj.icons || typeof obj.icons !== \"object\") {\n return null;\n }\n if (!checkOptionalProps(obj, optionalPropertyDefaults)) {\n return null;\n }\n const icons = data.icons;\n for (const name in icons) {\n const icon = icons[name];\n if (!name.match(matchIconName) || typeof icon.body !== \"string\" || !checkOptionalProps(\n icon,\n defaultExtendedIconProps\n )) {\n return null;\n }\n }\n const aliases = data.aliases || {};\n for (const name in aliases) {\n const icon = aliases[name];\n const parent = icon.parent;\n if (!name.match(matchIconName) || typeof parent !== \"string\" || !icons[parent] && !aliases[parent] || !checkOptionalProps(\n icon,\n defaultExtendedIconProps\n )) {\n return null;\n }\n }\n return data;\n}\n\nconst defaultIconSizeCustomisations = Object.freeze({\n width: null,\n height: null\n});\nconst defaultIconCustomisations = Object.freeze({\n ...defaultIconSizeCustomisations,\n ...defaultIconTransformations\n});\n\nfunction mergeCustomisations(defaults, item) {\n const result = {\n ...defaults\n };\n for (const key in item) {\n const value = item[key];\n const valueType = typeof value;\n if (key in defaultIconSizeCustomisations) {\n if (value === null || value && (valueType === \"string\" || valueType === \"number\")) {\n result[key] = value;\n }\n } else if (valueType === typeof result[key]) {\n result[key] = key === \"rotate\" ? value % 4 : value;\n }\n }\n return result;\n}\n\nconst separator = /[\\s,]+/;\nfunction flipFromString(custom, flip) {\n flip.split(separator).forEach((str) => {\n const value = str.trim();\n switch (value) {\n case \"horizontal\":\n custom.hFlip = true;\n break;\n case \"vertical\":\n custom.vFlip = true;\n break;\n }\n });\n}\n\nfunction rotateFromString(value, defaultValue = 0) {\n const units = value.replace(/^-?[0-9.]*/, \"\");\n function cleanup(value2) {\n while (value2 < 0) {\n value2 += 4;\n }\n return value2 % 4;\n }\n if (units === \"\") {\n const num = parseInt(value);\n return isNaN(num) ? 0 : cleanup(num);\n } else if (units !== value) {\n let split = 0;\n switch (units) {\n case \"%\":\n split = 25;\n break;\n case \"deg\":\n split = 90;\n }\n if (split) {\n let num = parseFloat(value.slice(0, value.length - units.length));\n if (isNaN(num)) {\n return 0;\n }\n num = num / split;\n return num % 1 === 0 ? cleanup(num) : 0;\n }\n }\n return defaultValue;\n}\n\nconst unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;\nconst unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;\nfunction calculateSize(size, ratio, precision) {\n if (ratio === 1) {\n return size;\n }\n precision = precision || 100;\n if (typeof size === \"number\") {\n return Math.ceil(size * ratio * precision) / precision;\n }\n if (typeof size !== \"string\") {\n return size;\n }\n const oldParts = size.split(unitsSplit);\n if (oldParts === null || !oldParts.length) {\n return size;\n }\n const newParts = [];\n let code = oldParts.shift();\n let isNumber = unitsTest.test(code);\n while (true) {\n if (isNumber) {\n const num = parseFloat(code);\n if (isNaN(num)) {\n newParts.push(code);\n } else {\n newParts.push(Math.ceil(num * ratio * precision) / precision);\n }\n } else {\n newParts.push(code);\n }\n code = oldParts.shift();\n if (code === void 0) {\n return newParts.join(\"\");\n }\n isNumber = !isNumber;\n }\n}\n\nfunction iconToSVG(icon, customisations) {\n const fullIcon = {\n ...defaultIconProps,\n ...icon\n };\n const fullCustomisations = {\n ...defaultIconCustomisations,\n ...customisations\n };\n const box = {\n left: fullIcon.left,\n top: fullIcon.top,\n width: fullIcon.width,\n height: fullIcon.height\n };\n let body = fullIcon.body;\n [fullIcon, fullCustomisations].forEach((props) => {\n const transformations = [];\n const hFlip = props.hFlip;\n const vFlip = props.vFlip;\n let rotation = props.rotate;\n if (hFlip) {\n if (vFlip) {\n rotation += 2;\n } else {\n transformations.push(\n \"translate(\" + (box.width + box.left).toString() + \" \" + (0 - box.top).toString() + \")\"\n );\n transformations.push(\"scale(-1 1)\");\n box.top = box.left = 0;\n }\n } else if (vFlip) {\n transformations.push(\n \"translate(\" + (0 - box.left).toString() + \" \" + (box.height + box.top).toString() + \")\"\n );\n transformations.push(\"scale(1 -1)\");\n box.top = box.left = 0;\n }\n let tempValue;\n if (rotation < 0) {\n rotation -= Math.floor(rotation / 4) * 4;\n }\n rotation = rotation % 4;\n switch (rotation) {\n case 1:\n tempValue = box.height / 2 + box.top;\n transformations.unshift(\n \"rotate(90 \" + tempValue.toString() + \" \" + tempValue.toString() + \")\"\n );\n break;\n case 2:\n transformations.unshift(\n \"rotate(180 \" + (box.width / 2 + box.left).toString() + \" \" + (box.height / 2 + box.top).toString() + \")\"\n );\n break;\n case 3:\n tempValue = box.width / 2 + box.left;\n transformations.unshift(\n \"rotate(-90 \" + tempValue.toString() + \" \" + tempValue.toString() + \")\"\n );\n break;\n }\n if (rotation % 2 === 1) {\n if (box.left !== box.top) {\n tempValue = box.left;\n box.left = box.top;\n box.top = tempValue;\n }\n if (box.width !== box.height) {\n tempValue = box.width;\n box.width = box.height;\n box.height = tempValue;\n }\n }\n if (transformations.length) {\n body = '<g transform=\"' + transformations.join(\" \") + '\">' + body + \"</g>\";\n }\n });\n const customisationsWidth = fullCustomisations.width;\n const customisationsHeight = fullCustomisations.height;\n const boxWidth = box.width;\n const boxHeight = box.height;\n let width;\n let height;\n if (customisationsWidth === null) {\n height = customisationsHeight === null ? \"1em\" : customisationsHeight === \"auto\" ? boxHeight : customisationsHeight;\n width = calculateSize(height, boxWidth / boxHeight);\n } else {\n width = customisationsWidth === \"auto\" ? boxWidth : customisationsWidth;\n height = customisationsHeight === null ? calculateSize(width, boxHeight / boxWidth) : customisationsHeight === \"auto\" ? boxHeight : customisationsHeight;\n }\n const result = {\n attributes: {\n width: width.toString(),\n height: height.toString(),\n viewBox: box.left.toString() + \" \" + box.top.toString() + \" \" + boxWidth.toString() + \" \" + boxHeight.toString()\n },\n body\n };\n return result;\n}\n\nconst regex = /\\sid=\"(\\S+)\"/g;\nconst randomPrefix = \"IconifyId\" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);\nlet counter = 0;\nfunction replaceIDs(body, prefix = randomPrefix) {\n const ids = [];\n let match;\n while (match = regex.exec(body)) {\n ids.push(match[1]);\n }\n if (!ids.length) {\n return body;\n }\n ids.forEach((id) => {\n const newID = typeof prefix === \"function\" ? prefix(id) : prefix + (counter++).toString();\n const escapedID = id.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n body = body.replace(\n new RegExp('([#;\"])(' + escapedID + ')([\")]|\\\\.[a-z])', \"g\"),\n \"$1\" + newID + \"$3\"\n );\n });\n return body;\n}\n\nfunction iconToHTML(body, attributes) {\n let renderAttribsHTML = body.indexOf(\"xlink:\") === -1 ? \"\" : ' xmlns:xlink=\"http://www.w3.org/1999/xlink\"';\n for (const attr in attributes) {\n renderAttribsHTML += \" \" + attr + '=\"' + attributes[attr] + '\"';\n }\n return '<svg xmlns=\"http://www.w3.org/2000/svg\"' + renderAttribsHTML + \">\" + body + \"</svg>\";\n}\n\nfunction encodeSVGforURL(svg) {\n return svg.replace(/\"/g, \"'\").replace(/%/g, \"%25\").replace(/#/g, \"%23\").replace(/</g, \"%3C\").replace(/>/g, \"%3E\").replace(/\\s+/g, \" \");\n}\nfunction svgToURL(svg) {\n return 'url(\"data:image/svg+xml,' + encodeSVGforURL(svg) + '\")';\n}\n\nconst defaultExtendedIconCustomisations = {\n ...defaultIconCustomisations,\n inline: false,\n};\n\n/**\n * Default SVG attributes\n */\nconst svgDefaults = {\n 'xmlns': 'http://www.w3.org/2000/svg',\n 'xmlns:xlink': 'http://www.w3.org/1999/xlink',\n 'aria-hidden': true,\n 'role': 'img',\n};\n/**\n * Style modes\n */\nconst commonProps = {\n display: 'inline-block',\n};\nconst monotoneProps = {\n backgroundColor: 'currentColor',\n};\nconst coloredProps = {\n backgroundColor: 'transparent',\n};\n// Dynamically add common props to variables above\nconst propsToAdd = {\n Image: 'var(--svg)',\n Repeat: 'no-repeat',\n Size: '100% 100%',\n};\nconst propsToAddTo = {\n webkitMask: monotoneProps,\n mask: monotoneProps,\n background: coloredProps,\n};\nfor (const prefix in propsToAddTo) {\n const list = propsToAddTo[prefix];\n for (const prop in propsToAdd) {\n list[prefix + prop] = propsToAdd[prop];\n }\n}\n/**\n * Aliases for customisations.\n * In Vue 'v-' properties are reserved, so v-flip must be renamed\n */\nconst customisationAliases = {};\n['horizontal', 'vertical'].forEach((prefix) => {\n const attr = prefix.slice(0, 1) + 'Flip';\n // vertical-flip\n customisationAliases[prefix + '-flip'] = attr;\n // v-flip\n customisationAliases[prefix.slice(0, 1) + '-flip'] = attr;\n // verticalFlip\n customisationAliases[prefix + 'Flip'] = attr;\n});\n/**\n * Fix size: add 'px' to numbers\n */\nfunction fixSize(value) {\n return value + (value.match(/^[-0-9.]+$/) ? 'px' : '');\n}\n/**\n * Render icon\n */\nconst render = (\n// Icon must be validated before calling this function\nicon, \n// Partial properties\nprops) => {\n // Split properties\n const customisations = mergeCustomisations(defaultExtendedIconCustomisations, props);\n const componentProps = { ...svgDefaults };\n // Check mode\n const mode = props.mode || 'svg';\n // Copy style\n const style = {};\n const propsStyle = props.style;\n const customStyle = typeof propsStyle === 'object' && !(propsStyle instanceof Array)\n ? propsStyle\n : {};\n // Get element properties\n for (let key in props) {\n const value = props[key];\n if (value === void 0) {\n continue;\n }\n switch (key) {\n // Properties to ignore\n case 'icon':\n case 'style':\n case 'onLoad':\n case 'mode':\n break;\n // Boolean attributes\n case 'inline':\n case 'hFlip':\n case 'vFlip':\n customisations[key] =\n value === true || value === 'true' || value === 1;\n break;\n // Flip as string: 'horizontal,vertical'\n case 'flip':\n if (typeof value === 'string') {\n flipFromString(customisations, value);\n }\n break;\n // Color: override style\n case 'color':\n style.color = value;\n break;\n // Rotation as string\n case 'rotate':\n if (typeof value === 'string') {\n customisations[key] = rotateFromString(value);\n }\n else if (typeof value === 'number') {\n customisations[key] = value;\n }\n break;\n // Remove aria-hidden\n case 'ariaHidden':\n case 'aria-hidden':\n // Vue transforms 'aria-hidden' property to 'ariaHidden'\n if (value !== true && value !== 'true') {\n delete componentProps['aria-hidden'];\n }\n break;\n default: {\n const alias = customisationAliases[key];\n if (alias) {\n // Aliases for boolean customisations\n if (value === true || value === 'true' || value === 1) {\n customisations[alias] = true;\n }\n }\n else if (defaultExtendedIconCustomisations[key] === void 0) {\n // Copy missing property if it does not exist in customisations\n componentProps[key] = value;\n }\n }\n }\n }\n // Generate icon\n const item = iconToSVG(icon, customisations);\n const renderAttribs = item.attributes;\n // Inline display\n if (customisations.inline) {\n style.verticalAlign = '-0.125em';\n }\n if (mode === 'svg') {\n // Add style\n componentProps.style = {\n ...style,\n ...customStyle,\n };\n // Add icon stuff\n Object.assign(componentProps, renderAttribs);\n // Counter for ids based on \"id\" property to render icons consistently on server and client\n let localCounter = 0;\n let id = props.id;\n if (typeof id === 'string') {\n // Convert '-' to '_' to avoid errors in animations\n id = id.replace(/-/g, '_');\n }\n // Add innerHTML and style to props\n componentProps['innerHTML'] = replaceIDs(item.body, id ? () => id + 'ID' + localCounter++ : 'iconifyVue');\n // Render icon\n return h('svg', componentProps);\n }\n // Render <span> with style\n const { body, width, height } = icon;\n const useMask = mode === 'mask' ||\n (mode === 'bg' ? false : body.indexOf('currentColor') !== -1);\n // Generate SVG\n const html = iconToHTML(body, {\n ...renderAttribs,\n width: width + '',\n height: height + '',\n });\n // Generate style\n componentProps.style = {\n ...style,\n '--svg': svgToURL(html),\n 'width': fixSize(renderAttribs.width),\n 'height': fixSize(renderAttribs.height),\n ...commonProps,\n ...(useMask ? monotoneProps : coloredProps),\n ...customStyle,\n };\n return h('span', componentProps);\n};\n\n/**\n * Storage for icons referred by name\n */\nconst storage = Object.create(null);\n/**\n * Add icon to storage, allowing to call it by name\n *\n * @param name\n * @param data\n */\nfunction addIcon(name, data) {\n storage[name] = data;\n}\n/**\n * Add collection to storage, allowing to call icons by name\n *\n * @param data Icon set\n * @param prefix Optional prefix to add to icon names, true (default) if prefix from icon set should be used.\n */\nfunction addCollection(data, prefix) {\n const iconPrefix = typeof prefix === 'string'\n ? prefix\n : prefix !== false && typeof data.prefix === 'string'\n ? data.prefix + ':'\n : '';\n quicklyValidateIconSet(data) &&\n parseIconSet(data, (name, icon) => {\n if (icon) {\n storage[iconPrefix + name] = icon;\n }\n });\n}\n/**\n * Component\n */\nconst Icon = defineComponent({\n // Do not inherit other attributes: it is handled by render()\n inheritAttrs: false,\n // Render icon\n render() {\n const props = this.$attrs;\n // Check icon\n const propsIcon = props.icon;\n const icon = typeof propsIcon === 'string'\n ? storage[propsIcon]\n : typeof propsIcon === 'object'\n ? propsIcon\n : null;\n // Validate icon object\n if (icon === null ||\n typeof icon !== 'object' ||\n typeof icon.body !== 'string') {\n return this.$slots.default ? this.$slots.default() : null;\n }\n // Valid icon: render it\n return render({\n ...defaultIconProps,\n ...icon,\n }, props);\n },\n});\n\nexport { Icon, addCollection, addIcon };\n","<template>\r\n <div class=\"group\" v-if=\"showGroup\">\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <Icon icon=\"right\" :rotate=\"bShow&&'90deg'\" width=\"20\" @click=\"bShow = !bShow\" class=\"handle-ls-svg\" />\r\n <Icon icon=\"group\" width=\"24\" class=\"group-avatar\" />\r\n <span class=\"group-name\" :title=\"deviceGroup?.name\">\r\n {{deviceGroup?.name}}\r\n </span>\r\n <div class=\"group-slot\">\r\n <slot name=\"group\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </CountShow>\r\n\r\n <div style=\"margin-left: 26px\" v-if=\"bShow\">\r\n <group-show v-for=\"group, index in (deviceGroup?.items)\" :key=\"index\" :deviceGroup=\"group\"\r\n :controlParams=\"controlParams\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device}\">\r\n <slot name=\"device\" :device=\"device\"></slot>\r\n </template>\r\n </group-show>\r\n <div v-for=\"(item, index) in FilterDevice(deviceGroup?.devices)\" :key=\"index\" class=\"device\"\r\n v-show=\"showDevice(item)\" :class=\"item.online&&'online-device'\">\r\n <Icon icon=\"user\" width=\"16\" class=\"device-avatar\" />\r\n <span :title=\"item.id\" class=\"device-name\">{{item.name}}</span>\r\n <div class=\"device-slot\">\r\n <slot name=\"device\" :device=\"item\"></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from '/@/components/recursion-device-group/model'\r\nimport CountShow from \"../count-show/index.vue\"\r\nimport { Icon } from '@iconify/vue/offline';\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n Icon\r\n },\r\n name: \"group-show\",\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.DeviceGroup>,\r\n controlParams: Object as PropType<RecursionDeviceGroup.IControlParams>\r\n },\r\n setup(props) {\r\n function FilterDevice(devices?: RecursionDeviceGroup.DeviceInfo[]) {\r\n return (devices && devices.filter(item => !props.controlParams?.onlyShowOnline || item.online)) || []\r\n }\r\n\r\n const showGroup = computed(() => {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n\r\n if (props.deviceGroup && props.deviceGroup?.name.indexOf(strSearch) > 0) {\r\n return true;\r\n }\r\n\r\n return props.deviceGroup?.devices.find(item => item.name.indexOf((props.controlParams as any).searchStr) > 0)\r\n })\r\n\r\n function showDevice(device: RecursionDeviceGroup.DeviceInfo) {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n return device.name.indexOf((props.controlParams as any).searchStr) > 0\r\n }\r\n\r\n const bShow = ref(false);\r\n return {\r\n showGroup,\r\n showDevice,\r\n FilterDevice,\r\n bShow\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style>\r\n:root {\r\n --device-offline-color: rgb(168, 168, 168);\r\n --device-online-color: rgb(1, 172, 1);\r\n --group-name-width: 160px\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.handle-ls-svg {\r\n vertical-align: -5px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n color: rgb(56, 56, 56)\r\n}\r\n\r\n.group-avatar {\r\n vertical-align: -6px;\r\n color: gray;\r\n}\r\n\r\n.device,\r\n.group {\r\n margin: 5px 0px;\r\n}\r\n\r\n.group-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n line-height: 24px;\r\n padding-left: 5px;\r\n}\r\n\r\n.group-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 100px);\r\n}\r\n\r\n.device-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 42px);\r\n}\r\n\r\n.device-avatar {\r\n vertical-align: -2px;\r\n margin-right: 4px;\r\n margin-left: 2px;\r\n color: var(--device-offline-color);\r\n}\r\n\r\n.device-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: bottom;\r\n color: var(--device-offline-color);\r\n padding-left: 5px;\r\n}\r\n\r\n.online-device .device-avatar,\r\n.online-device .device-name {\r\n color: var(--device-online-color)\r\n}\r\n</style>\r\n","<template>\r\n <div class=\"group\" v-if=\"showGroup\">\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <Icon icon=\"right\" :rotate=\"bShow&&'90deg'\" width=\"20\" @click=\"bShow = !bShow\" class=\"handle-ls-svg\" />\r\n <Icon icon=\"group\" width=\"24\" class=\"group-avatar\" />\r\n <span class=\"group-name\" :title=\"deviceGroup?.name\">\r\n {{deviceGroup?.name}}\r\n </span>\r\n <div class=\"group-slot\">\r\n <slot name=\"group\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </CountShow>\r\n\r\n <div style=\"margin-left: 26px\" v-if=\"bShow\">\r\n <group-show v-for=\"group, index in (deviceGroup?.items)\" :key=\"index\" :deviceGroup=\"group\"\r\n :controlParams=\"controlParams\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device}\">\r\n <slot name=\"device\" :device=\"device\"></slot>\r\n </template>\r\n </group-show>\r\n <div v-for=\"(item, index) in FilterDevice(deviceGroup?.devices)\" :key=\"index\" class=\"device\"\r\n v-show=\"showDevice(item)\" :class=\"item.online&&'online-device'\">\r\n <Icon icon=\"user\" width=\"16\" class=\"device-avatar\" />\r\n <span :title=\"item.id\" class=\"device-name\">{{item.name}}</span>\r\n <div class=\"device-slot\">\r\n <slot name=\"device\" :device=\"item\"></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from '/@/components/recursion-device-group/model'\r\nimport CountShow from \"../count-show/index.vue\"\r\nimport { Icon } from '@iconify/vue/offline';\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n Icon\r\n },\r\n name: \"group-show\",\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.DeviceGroup>,\r\n controlParams: Object as PropType<RecursionDeviceGroup.IControlParams>\r\n },\r\n setup(props) {\r\n function FilterDevice(devices?: RecursionDeviceGroup.DeviceInfo[]) {\r\n return (devices && devices.filter(item => !props.controlParams?.onlyShowOnline || item.online)) || []\r\n }\r\n\r\n const showGroup = computed(() => {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n\r\n if (props.deviceGroup && props.deviceGroup?.name.indexOf(strSearch) > 0) {\r\n return true;\r\n }\r\n\r\n return props.deviceGroup?.devices.find(item => item.name.indexOf((props.controlParams as any).searchStr) > 0)\r\n })\r\n\r\n function showDevice(device: RecursionDeviceGroup.DeviceInfo) {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n return device.name.indexOf((props.controlParams as any).searchStr) > 0\r\n }\r\n\r\n const bShow = ref(false);\r\n return {\r\n showGroup,\r\n showDevice,\r\n FilterDevice,\r\n bShow\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style>\r\n:root {\r\n --device-offline-color: rgb(168, 168, 168);\r\n --device-online-color: rgb(1, 172, 1);\r\n --group-name-width: 160px\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.handle-ls-svg {\r\n vertical-align: -5px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n color: rgb(56, 56, 56)\r\n}\r\n\r\n.group-avatar {\r\n vertical-align: -6px;\r\n color: gray;\r\n}\r\n\r\n.device,\r\n.group {\r\n margin: 5px 0px;\r\n}\r\n\r\n.group-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n line-height: 24px;\r\n padding-left: 5px;\r\n}\r\n\r\n.group-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 100px);\r\n}\r\n\r\n.device-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 42px);\r\n}\r\n\r\n.device-avatar {\r\n vertical-align: -2px;\r\n margin-right: 4px;\r\n margin-left: 2px;\r\n color: var(--device-offline-color);\r\n}\r\n\r\n.device-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: bottom;\r\n color: var(--device-offline-color);\r\n padding-left: 5px;\r\n}\r\n\r\n.online-device .device-avatar,\r\n.online-device .device-name {\r\n color: var(--device-online-color)\r\n}\r\n</style>\r\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M384 192v640l384-320.064z\\\"/>\"\n};\nexport default data;\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z\\\"/>\"\n};\nexport default data;\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z\\\"/>\"\n};\nexport default data;\n","<template>\r\n <div class=\"device-group-list\">\r\n <div class=\"search-panel\">\r\n <div style=\"height: 32px; line-height: 32px;\">\r\n <img src=\"\" />\r\n <input type=\"text\" @change=\"onSearchChange\" ref=\"inputSearchRef\" />\r\n </div>\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <input type=\"checkbox\" id=\"onlineShow\" value=\"onlineShow\" @change=\"onCheckBoxChange\" />\r\n <label for=\"onlineShow\">只显示在线设备</label>\r\n </CountShow>\r\n </div>\r\n <div class=\"device-panel\">\r\n <group-show :controlParams=\"controlParams\" v-for=\"itemGroup, index in deviceGroup?.items\" :key=\"index\"\r\n :deviceGroup=\"itemGroup\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device}\">\r\n <slot name=\"device\" :device=\"device\"></slot>\r\n </template>\r\n </group-show>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from \"./model\"\r\nimport GroupShow from \"/@/components-global/group-show/index.vue\"\r\nimport CountShow from \"/@/components-global/count-show/index.vue\"\r\n\r\nimport { addIcon } from \"@iconify/vue/offline\"\r\nimport right from \"@iconify-icons/ep/caret-right\"\r\nimport group from \"@iconify-icons/ep/folder-opened\"\r\nimport avatar from \"@iconify-icons/ep/avatar\"\r\n\r\naddIcon('right', right);\r\naddIcon('group', group);\r\naddIcon('user', avatar);\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n GroupShow\r\n },\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.SessionDeviceGroup>\r\n },\r\n methods: {\r\n onCheckBoxChange() {\r\n this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;\r\n },\r\n onSearchChange() {\r\n if (this.inputSearchRef) {\r\n this.controlParams.searchStr = this.inputSearchRef?.value\r\n console.log(this.controlParams.searchStr)\r\n }\r\n }\r\n },\r\n setup() {\r\n const controlParams = ref<RecursionDeviceGroup.IControlParams>({\r\n onlyShowOnline: false,\r\n searchStr: \"\"\r\n });\r\n const inputSearchRef = ref<HTMLInputElement>()\r\n return {\r\n inputSearchRef,\r\n controlParams\r\n }\r\n },\r\n})\r\n\r\n</script>\r\n\r\n\r\n<style>\r\n:root {\r\n --sec-main-search-height: 64px\r\n}\r\n</style>\r\n\r\n\r\n<style scoped>\r\n.device-group-list {\r\n height: 100%;\r\n}\r\n\r\n.device-group-list .search-panel {\r\n height: var(--sec-main-search-height);\r\n}\r\n\r\n.device-group-list .device-panel {\r\n height: calc(100% - var(--sec-main-search-height));\r\n overflow-y: auto;\r\n}\r\n</style>\r\n\r\n","<template>\r\n <div class=\"device-group-list\">\r\n <div class=\"search-panel\">\r\n <div style=\"height: 32px; line-height: 32px;\">\r\n <img src=\"\" />\r\n <input type=\"text\" @change=\"onSearchChange\" ref=\"inputSearchRef\" />\r\n </div>\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <input type=\"checkbox\" id=\"onlineShow\" value=\"onlineShow\" @change=\"onCheckBoxChange\" />\r\n <label for=\"onlineShow\">只显示在线设备</label>\r\n </CountShow>\r\n </div>\r\n <div class=\"device-panel\">\r\n <group-show :controlParams=\"controlParams\" v-for=\"itemGroup, index in deviceGroup?.items\" :key=\"index\"\r\n :deviceGroup=\"itemGroup\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device}\">\r\n <slot name=\"device\" :device=\"device\"></slot>\r\n </template>\r\n </group-show>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from \"./model\"\r\nimport GroupShow from \"/@/components-global/group-show/index.vue\"\r\nimport CountShow from \"/@/components-global/count-show/index.vue\"\r\n\r\nimport { addIcon } from \"@iconify/vue/offline\"\r\nimport right from \"@iconify-icons/ep/caret-right\"\r\nimport group from \"@iconify-icons/ep/folder-opened\"\r\nimport avatar from \"@iconify-icons/ep/avatar\"\r\n\r\naddIcon('right', right);\r\naddIcon('group', group);\r\naddIcon('user', avatar);\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n GroupShow\r\n },\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.SessionDeviceGroup>\r\n },\r\n methods: {\r\n onCheckBoxChange() {\r\n this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;\r\n },\r\n onSearchChange() {\r\n if (this.inputSearchRef) {\r\n this.controlParams.searchStr = this.inputSearchRef?.value\r\n console.log(this.controlParams.searchStr)\r\n }\r\n }\r\n },\r\n setup() {\r\n const controlParams = ref<RecursionDeviceGroup.IControlParams>({\r\n onlyShowOnline: false,\r\n searchStr: \"\"\r\n });\r\n const inputSearchRef = ref<HTMLInputElement>()\r\n return {\r\n inputSearchRef,\r\n controlParams\r\n }\r\n },\r\n})\r\n\r\n</script>\r\n\r\n\r\n<style>\r\n:root {\r\n --sec-main-search-height: 64px\r\n}\r\n</style>\r\n\r\n\r\n<style scoped>\r\n.device-group-list {\r\n height: 100%;\r\n}\r\n\r\n.device-group-list .search-panel {\r\n height: var(--sec-main-search-height);\r\n}\r\n\r\n.device-group-list .device-panel {\r\n height: calc(100% - var(--sec-main-search-height));\r\n overflow-y: auto;\r\n}\r\n</style>\r\n\r\n","import { Plugin, App } from \"vue\";\r\n\r\nexport * from \"./comp.d\";\r\nexport * from \"./components\";\r\n\r\nimport RecursionDeviceGroup from \"/@/components/recursion-device-group/index.vue\";\r\n\r\nconst components = {\r\n RecursionDeviceGroup,\r\n};\r\n\r\nconst _default: Plugin = {\r\n install(app: App) {\r\n for (const itemKey in components) {\r\n const item = components[itemKey as keyof typeof components];\r\n app.component(itemKey, item);\r\n }\r\n },\r\n};\r\n\r\nexport default _default;\r\n"],"names":["RecursionDeviceGroup","Test","CreateDevice","count","deviceList","i","CreateGroup","RandomDeviceGroup","ForeachDeviceGroup","deviceGroup","handleDeviceGroup","Utils","AccessSession","session","groupMap","deviceMap","id","handle","_sfc_main$2","defineComponent","props","ForeachICountInfo","countInfo","countItem","item","onlineCount","computed","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx","defaultIconDimensions","defaultIconTransformations","defaultIconProps","defaultIconSizeCustomisations","defaultIconCustomisations","mergeCustomisations","defaults","result","key","value","valueType","separator","flipFromString","custom","flip","str","rotateFromString","defaultValue","units","cleanup","value2","num","split","unitsSplit","unitsTest","calculateSize","size","ratio","precision","oldParts","newParts","code","isNumber","iconToSVG","icon","customisations","fullIcon","fullCustomisations","box","body","transformations","hFlip","vFlip","rotation","tempValue","customisationsWidth","customisationsHeight","boxWidth","boxHeight","width","height","regex","randomPrefix","counter","replaceIDs","prefix","ids","match","newID","escapedID","iconToHTML","attributes","renderAttribsHTML","attr","encodeSVGforURL","svg","svgToURL","defaultExtendedIconCustomisations","svgDefaults","commonProps","monotoneProps","coloredProps","propsToAdd","propsToAddTo","list","prop","customisationAliases","fixSize","render","componentProps","mode","style","propsStyle","customStyle","alias","renderAttribs","localCounter","h","useMask","html","storage","addIcon","name","data","Icon","propsIcon","_sfc_main$1","CountShow","FilterDevice","devices","_a","showGroup","strSearch","_b","showDevice","device","bShow","ref","_hoisted_4","_component_group_show","_resolveComponent","_createVNode","_component_CountShow","_withCtx","_component_Icon","_cache","$event","_a2","_toDisplayString","_b2","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_renderList","group","index","_createBlock","group2","_withDirectives","_hoisted_5","_hoisted_6","right","avatar","_sfc_main","GroupShow","controlParams","_withScopeId","n","_pushScopeId","_popScopeId","args","itemGroup","components","_default","app","itemKey"],"mappings":"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"}
1
+ {"version":3,"file":"smarteye-e-components.js","sources":["../src/components/recursion-device-group/model/index.ts","../src/components-global/count-show/index.vue","../src/components-global/count-show/index.vue","../node_modules/.pnpm/@iconify+vue@4.0.0_vue@3.2.39/node_modules/@iconify/vue/dist/offline.mjs","../src/components-global/group-show/index.vue","../src/components-global/group-show/index.vue","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/caret-right.js","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/folder-opened.js","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/avatar.js","../src/components/recursion-device-group/index.vue","../src/components/recursion-device-group/index.vue","../src/index.ts"],"sourcesContent":["export namespace RecursionDeviceGroup {\r\n export interface IChannelInfo {\r\n index: number;\r\n name: string;\r\n mediaDir: number;\r\n }\r\n\r\n export interface DeviceInfo<T = any> {\r\n id: string;\r\n name: string;\r\n pid: string;\r\n online: boolean;\r\n channels: Array<IChannelInfo>;\r\n tag?: T;\r\n }\r\n\r\n export interface DeviceGroup<T = any, DT = any> extends ICountInfo {\r\n id: string;\r\n name: string;\r\n pid: string;\r\n devices: Array<DeviceInfo<DT>>;\r\n items: Array<DeviceGroup<T, DT>>;\r\n tag?: T;\r\n }\r\n\r\n export interface SessionDeviceGroup<\r\n GroupTag = any,\r\n DeviceTag = any,\r\n SessionTag = any\r\n > extends ICountInfo {\r\n name: string;\r\n items: Array<DeviceGroup>;\r\n tag?: SessionTag;\r\n }\r\n\r\n export interface ICountInfo {\r\n totalCount: number;\r\n onlineCount: number;\r\n items: Array<ICountInfo>;\r\n }\r\n\r\n export interface IControlParams {\r\n onlyShowOnline: boolean;\r\n searchStr: string;\r\n }\r\n\r\n export namespace Test {\r\n let startIndex = 0;\r\n function CreateDevice(count: number): Array<DeviceInfo> {\r\n const deviceList: Array<DeviceInfo> = [];\r\n for (let i = 0; i < count; i++) {\r\n deviceList.push({\r\n id: \"testId\",\r\n pid: \"\",\r\n name: `device-${i}`,\r\n online: i % 2 == 0,\r\n channels: [],\r\n });\r\n }\r\n return deviceList;\r\n }\r\n\r\n function CreateGroup(count: number) {\r\n const deviceList: Array<DeviceGroup> = [];\r\n for (let i = 0; i < count; i++) {\r\n deviceList.push({\r\n id: `groupid-${i}`,\r\n name: `group-${i}`,\r\n pid: \"\",\r\n onlineCount: 0,\r\n totalCount: 0,\r\n devices: CreateDevice(10),\r\n items: CreateGroup(count - i - 1),\r\n });\r\n }\r\n return deviceList;\r\n }\r\n\r\n export function RandomDeviceGroup(count: number): SessionDeviceGroup {\r\n return {\r\n name: \"hah\",\r\n onlineCount: 0,\r\n totalCount: 0,\r\n items: CreateGroup(count),\r\n };\r\n }\r\n }\r\n\r\n function ForeachDeviceGroup(\r\n deviceGroup: DeviceGroup[],\r\n handleDeviceGroup: (deviceGroup: DeviceGroup) => void\r\n ) {\r\n for (let i = 0; i < deviceGroup.length; i++) {\r\n handleDeviceGroup(deviceGroup[i]);\r\n ForeachDeviceGroup(deviceGroup[i].items, handleDeviceGroup);\r\n }\r\n }\r\n\r\n export namespace Utils {\r\n export function AccessSession(session: SessionDeviceGroup) {\r\n const groupMap: { [k in string]: DeviceGroup } = {};\r\n const deviceMap: { [k in string]: DeviceInfo } = {};\r\n\r\n ForeachDeviceGroup(session.items, (deviceGroup) => {\r\n groupMap[deviceGroup.id] = deviceGroup;\r\n for (let i = 0; i < deviceGroup.devices.length; i++) {\r\n deviceMap[deviceGroup.devices[i].id] = deviceGroup.devices[i];\r\n }\r\n });\r\n\r\n return {\r\n getGroup(id: string) {\r\n return groupMap[id];\r\n },\r\n getDevice(id: string) {\r\n return deviceMap[id];\r\n },\r\n foreachGroup(handle: (item: DeviceGroup) => void) {\r\n for (let i in groupMap) {\r\n handle(groupMap[i]);\r\n }\r\n },\r\n };\r\n }\r\n }\r\n}\r\n","<template>\r\n <div class=\"root\">\r\n <slot></slot>\r\n <!-- <button @click=\"countInfo&&countInfo.onlineCount++\">add</button> -->\r\n <span class=\"count-show\">\r\n {{onlineCount}}/{{totalCount}}\r\n </span>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { RecursionDeviceGroup } from '../../components/recursion-device-group/model'\r\n\r\nexport default defineComponent({\r\n props: {\r\n countInfo: Object as PropType<RecursionDeviceGroup.ICountInfo>\r\n },\r\n setup(props) {\r\n function ForeachICountInfo(handle: (countInfo: RecursionDeviceGroup.ICountInfo) => number, countInfo?: RecursionDeviceGroup.ICountInfo) {\r\n if (countInfo) {\r\n let countItem = 0;\r\n countInfo.items.forEach(item => {\r\n countItem += ForeachICountInfo(handle, item);\r\n })\r\n return handle(countInfo) + countItem;\r\n }\r\n return 0;\r\n }\r\n\r\n const onlineCount = computed(() => {\r\n return ForeachICountInfo((item) => item.onlineCount, props.countInfo)\r\n })\r\n\r\n const totalCount = computed(() => {\r\n return ForeachICountInfo((item) => item.totalCount, props.countInfo)\r\n })\r\n\r\n return {\r\n totalCount,\r\n onlineCount\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.root {\r\n position: relative;\r\n}\r\n\r\n.count-show {\r\n position: absolute;\r\n right: 0px;\r\n color: rgb(183, 183, 183)\r\n}\r\n</style>","<template>\r\n <div class=\"root\">\r\n <slot></slot>\r\n <!-- <button @click=\"countInfo&&countInfo.onlineCount++\">add</button> -->\r\n <span class=\"count-show\">\r\n {{onlineCount}}/{{totalCount}}\r\n </span>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { RecursionDeviceGroup } from '../../components/recursion-device-group/model'\r\n\r\nexport default defineComponent({\r\n props: {\r\n countInfo: Object as PropType<RecursionDeviceGroup.ICountInfo>\r\n },\r\n setup(props) {\r\n function ForeachICountInfo(handle: (countInfo: RecursionDeviceGroup.ICountInfo) => number, countInfo?: RecursionDeviceGroup.ICountInfo) {\r\n if (countInfo) {\r\n let countItem = 0;\r\n countInfo.items.forEach(item => {\r\n countItem += ForeachICountInfo(handle, item);\r\n })\r\n return handle(countInfo) + countItem;\r\n }\r\n return 0;\r\n }\r\n\r\n const onlineCount = computed(() => {\r\n return ForeachICountInfo((item) => item.onlineCount, props.countInfo)\r\n })\r\n\r\n const totalCount = computed(() => {\r\n return ForeachICountInfo((item) => item.totalCount, props.countInfo)\r\n })\r\n\r\n return {\r\n totalCount,\r\n onlineCount\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.root {\r\n position: relative;\r\n}\r\n\r\n.count-show {\r\n position: absolute;\r\n right: 0px;\r\n color: rgb(183, 183, 183)\r\n}\r\n</style>","import { h, defineComponent } from 'vue';\n\nconst defaultIconDimensions = Object.freeze(\n {\n left: 0,\n top: 0,\n width: 16,\n height: 16\n }\n);\nconst defaultIconTransformations = Object.freeze({\n rotate: 0,\n vFlip: false,\n hFlip: false\n});\nconst defaultIconProps = Object.freeze({\n ...defaultIconDimensions,\n ...defaultIconTransformations\n});\nconst defaultExtendedIconProps = Object.freeze({\n ...defaultIconProps,\n body: \"\",\n hidden: false\n});\n\nfunction mergeIconTransformations(obj1, obj2) {\n const result = {};\n if (!obj1.hFlip !== !obj2.hFlip) {\n result.hFlip = true;\n }\n if (!obj1.vFlip !== !obj2.vFlip) {\n result.vFlip = true;\n }\n const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;\n if (rotate) {\n result.rotate = rotate;\n }\n return result;\n}\n\nfunction mergeIconData(parent, child) {\n const result = mergeIconTransformations(parent, child);\n for (const key in defaultExtendedIconProps) {\n if (key in defaultIconTransformations) {\n if (key in parent && !(key in result)) {\n result[key] = defaultIconTransformations[key];\n }\n } else if (key in child) {\n result[key] = child[key];\n } else if (key in parent) {\n result[key] = parent[key];\n }\n }\n return result;\n}\n\nfunction getIconsTree(data, names) {\n const icons = data.icons;\n const aliases = data.aliases || {};\n const resolved = /* @__PURE__ */ Object.create(null);\n function resolve(name) {\n if (icons[name]) {\n return resolved[name] = [];\n }\n if (!(name in resolved)) {\n resolved[name] = null;\n const parent = aliases[name] && aliases[name].parent;\n const value = parent && resolve(parent);\n if (value) {\n resolved[name] = [parent].concat(value);\n }\n }\n return resolved[name];\n }\n (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);\n return resolved;\n}\n\nfunction internalGetIconData(data, name, tree) {\n const icons = data.icons;\n const aliases = data.aliases || {};\n let currentProps = {};\n function parse(name2) {\n currentProps = mergeIconData(\n icons[name2] || aliases[name2],\n currentProps\n );\n }\n parse(name);\n tree.forEach(parse);\n return mergeIconData(data, currentProps);\n}\n\nfunction parseIconSet(data, callback) {\n const names = [];\n if (typeof data !== \"object\" || typeof data.icons !== \"object\") {\n return names;\n }\n if (data.not_found instanceof Array) {\n data.not_found.forEach((name) => {\n callback(name, null);\n names.push(name);\n });\n }\n const tree = getIconsTree(data);\n for (const name in tree) {\n const item = tree[name];\n if (item) {\n callback(name, internalGetIconData(data, name, item));\n names.push(name);\n }\n }\n return names;\n}\n\nconst matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;\n\nconst optionalPropertyDefaults = {\n provider: \"\",\n aliases: {},\n not_found: {},\n ...defaultIconDimensions\n};\nfunction checkOptionalProps(item, defaults) {\n for (const prop in defaults) {\n if (prop in item && typeof item[prop] !== typeof defaults[prop]) {\n return false;\n }\n }\n return true;\n}\nfunction quicklyValidateIconSet(obj) {\n if (typeof obj !== \"object\" || obj === null) {\n return null;\n }\n const data = obj;\n if (typeof data.prefix !== \"string\" || !obj.icons || typeof obj.icons !== \"object\") {\n return null;\n }\n if (!checkOptionalProps(obj, optionalPropertyDefaults)) {\n return null;\n }\n const icons = data.icons;\n for (const name in icons) {\n const icon = icons[name];\n if (!name.match(matchIconName) || typeof icon.body !== \"string\" || !checkOptionalProps(\n icon,\n defaultExtendedIconProps\n )) {\n return null;\n }\n }\n const aliases = data.aliases || {};\n for (const name in aliases) {\n const icon = aliases[name];\n const parent = icon.parent;\n if (!name.match(matchIconName) || typeof parent !== \"string\" || !icons[parent] && !aliases[parent] || !checkOptionalProps(\n icon,\n defaultExtendedIconProps\n )) {\n return null;\n }\n }\n return data;\n}\n\nconst defaultIconSizeCustomisations = Object.freeze({\n width: null,\n height: null\n});\nconst defaultIconCustomisations = Object.freeze({\n ...defaultIconSizeCustomisations,\n ...defaultIconTransformations\n});\n\nfunction mergeCustomisations(defaults, item) {\n const result = {\n ...defaults\n };\n for (const key in item) {\n const value = item[key];\n const valueType = typeof value;\n if (key in defaultIconSizeCustomisations) {\n if (value === null || value && (valueType === \"string\" || valueType === \"number\")) {\n result[key] = value;\n }\n } else if (valueType === typeof result[key]) {\n result[key] = key === \"rotate\" ? value % 4 : value;\n }\n }\n return result;\n}\n\nconst separator = /[\\s,]+/;\nfunction flipFromString(custom, flip) {\n flip.split(separator).forEach((str) => {\n const value = str.trim();\n switch (value) {\n case \"horizontal\":\n custom.hFlip = true;\n break;\n case \"vertical\":\n custom.vFlip = true;\n break;\n }\n });\n}\n\nfunction rotateFromString(value, defaultValue = 0) {\n const units = value.replace(/^-?[0-9.]*/, \"\");\n function cleanup(value2) {\n while (value2 < 0) {\n value2 += 4;\n }\n return value2 % 4;\n }\n if (units === \"\") {\n const num = parseInt(value);\n return isNaN(num) ? 0 : cleanup(num);\n } else if (units !== value) {\n let split = 0;\n switch (units) {\n case \"%\":\n split = 25;\n break;\n case \"deg\":\n split = 90;\n }\n if (split) {\n let num = parseFloat(value.slice(0, value.length - units.length));\n if (isNaN(num)) {\n return 0;\n }\n num = num / split;\n return num % 1 === 0 ? cleanup(num) : 0;\n }\n }\n return defaultValue;\n}\n\nconst unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;\nconst unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;\nfunction calculateSize(size, ratio, precision) {\n if (ratio === 1) {\n return size;\n }\n precision = precision || 100;\n if (typeof size === \"number\") {\n return Math.ceil(size * ratio * precision) / precision;\n }\n if (typeof size !== \"string\") {\n return size;\n }\n const oldParts = size.split(unitsSplit);\n if (oldParts === null || !oldParts.length) {\n return size;\n }\n const newParts = [];\n let code = oldParts.shift();\n let isNumber = unitsTest.test(code);\n while (true) {\n if (isNumber) {\n const num = parseFloat(code);\n if (isNaN(num)) {\n newParts.push(code);\n } else {\n newParts.push(Math.ceil(num * ratio * precision) / precision);\n }\n } else {\n newParts.push(code);\n }\n code = oldParts.shift();\n if (code === void 0) {\n return newParts.join(\"\");\n }\n isNumber = !isNumber;\n }\n}\n\nfunction iconToSVG(icon, customisations) {\n const fullIcon = {\n ...defaultIconProps,\n ...icon\n };\n const fullCustomisations = {\n ...defaultIconCustomisations,\n ...customisations\n };\n const box = {\n left: fullIcon.left,\n top: fullIcon.top,\n width: fullIcon.width,\n height: fullIcon.height\n };\n let body = fullIcon.body;\n [fullIcon, fullCustomisations].forEach((props) => {\n const transformations = [];\n const hFlip = props.hFlip;\n const vFlip = props.vFlip;\n let rotation = props.rotate;\n if (hFlip) {\n if (vFlip) {\n rotation += 2;\n } else {\n transformations.push(\n \"translate(\" + (box.width + box.left).toString() + \" \" + (0 - box.top).toString() + \")\"\n );\n transformations.push(\"scale(-1 1)\");\n box.top = box.left = 0;\n }\n } else if (vFlip) {\n transformations.push(\n \"translate(\" + (0 - box.left).toString() + \" \" + (box.height + box.top).toString() + \")\"\n );\n transformations.push(\"scale(1 -1)\");\n box.top = box.left = 0;\n }\n let tempValue;\n if (rotation < 0) {\n rotation -= Math.floor(rotation / 4) * 4;\n }\n rotation = rotation % 4;\n switch (rotation) {\n case 1:\n tempValue = box.height / 2 + box.top;\n transformations.unshift(\n \"rotate(90 \" + tempValue.toString() + \" \" + tempValue.toString() + \")\"\n );\n break;\n case 2:\n transformations.unshift(\n \"rotate(180 \" + (box.width / 2 + box.left).toString() + \" \" + (box.height / 2 + box.top).toString() + \")\"\n );\n break;\n case 3:\n tempValue = box.width / 2 + box.left;\n transformations.unshift(\n \"rotate(-90 \" + tempValue.toString() + \" \" + tempValue.toString() + \")\"\n );\n break;\n }\n if (rotation % 2 === 1) {\n if (box.left !== box.top) {\n tempValue = box.left;\n box.left = box.top;\n box.top = tempValue;\n }\n if (box.width !== box.height) {\n tempValue = box.width;\n box.width = box.height;\n box.height = tempValue;\n }\n }\n if (transformations.length) {\n body = '<g transform=\"' + transformations.join(\" \") + '\">' + body + \"</g>\";\n }\n });\n const customisationsWidth = fullCustomisations.width;\n const customisationsHeight = fullCustomisations.height;\n const boxWidth = box.width;\n const boxHeight = box.height;\n let width;\n let height;\n if (customisationsWidth === null) {\n height = customisationsHeight === null ? \"1em\" : customisationsHeight === \"auto\" ? boxHeight : customisationsHeight;\n width = calculateSize(height, boxWidth / boxHeight);\n } else {\n width = customisationsWidth === \"auto\" ? boxWidth : customisationsWidth;\n height = customisationsHeight === null ? calculateSize(width, boxHeight / boxWidth) : customisationsHeight === \"auto\" ? boxHeight : customisationsHeight;\n }\n const result = {\n attributes: {\n width: width.toString(),\n height: height.toString(),\n viewBox: box.left.toString() + \" \" + box.top.toString() + \" \" + boxWidth.toString() + \" \" + boxHeight.toString()\n },\n body\n };\n return result;\n}\n\nconst regex = /\\sid=\"(\\S+)\"/g;\nconst randomPrefix = \"IconifyId\" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);\nlet counter = 0;\nfunction replaceIDs(body, prefix = randomPrefix) {\n const ids = [];\n let match;\n while (match = regex.exec(body)) {\n ids.push(match[1]);\n }\n if (!ids.length) {\n return body;\n }\n ids.forEach((id) => {\n const newID = typeof prefix === \"function\" ? prefix(id) : prefix + (counter++).toString();\n const escapedID = id.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n body = body.replace(\n new RegExp('([#;\"])(' + escapedID + ')([\")]|\\\\.[a-z])', \"g\"),\n \"$1\" + newID + \"$3\"\n );\n });\n return body;\n}\n\nfunction iconToHTML(body, attributes) {\n let renderAttribsHTML = body.indexOf(\"xlink:\") === -1 ? \"\" : ' xmlns:xlink=\"http://www.w3.org/1999/xlink\"';\n for (const attr in attributes) {\n renderAttribsHTML += \" \" + attr + '=\"' + attributes[attr] + '\"';\n }\n return '<svg xmlns=\"http://www.w3.org/2000/svg\"' + renderAttribsHTML + \">\" + body + \"</svg>\";\n}\n\nfunction encodeSVGforURL(svg) {\n return svg.replace(/\"/g, \"'\").replace(/%/g, \"%25\").replace(/#/g, \"%23\").replace(/</g, \"%3C\").replace(/>/g, \"%3E\").replace(/\\s+/g, \" \");\n}\nfunction svgToURL(svg) {\n return 'url(\"data:image/svg+xml,' + encodeSVGforURL(svg) + '\")';\n}\n\nconst defaultExtendedIconCustomisations = {\n ...defaultIconCustomisations,\n inline: false,\n};\n\n/**\n * Default SVG attributes\n */\nconst svgDefaults = {\n 'xmlns': 'http://www.w3.org/2000/svg',\n 'xmlns:xlink': 'http://www.w3.org/1999/xlink',\n 'aria-hidden': true,\n 'role': 'img',\n};\n/**\n * Style modes\n */\nconst commonProps = {\n display: 'inline-block',\n};\nconst monotoneProps = {\n backgroundColor: 'currentColor',\n};\nconst coloredProps = {\n backgroundColor: 'transparent',\n};\n// Dynamically add common props to variables above\nconst propsToAdd = {\n Image: 'var(--svg)',\n Repeat: 'no-repeat',\n Size: '100% 100%',\n};\nconst propsToAddTo = {\n webkitMask: monotoneProps,\n mask: monotoneProps,\n background: coloredProps,\n};\nfor (const prefix in propsToAddTo) {\n const list = propsToAddTo[prefix];\n for (const prop in propsToAdd) {\n list[prefix + prop] = propsToAdd[prop];\n }\n}\n/**\n * Aliases for customisations.\n * In Vue 'v-' properties are reserved, so v-flip must be renamed\n */\nconst customisationAliases = {};\n['horizontal', 'vertical'].forEach((prefix) => {\n const attr = prefix.slice(0, 1) + 'Flip';\n // vertical-flip\n customisationAliases[prefix + '-flip'] = attr;\n // v-flip\n customisationAliases[prefix.slice(0, 1) + '-flip'] = attr;\n // verticalFlip\n customisationAliases[prefix + 'Flip'] = attr;\n});\n/**\n * Fix size: add 'px' to numbers\n */\nfunction fixSize(value) {\n return value + (value.match(/^[-0-9.]+$/) ? 'px' : '');\n}\n/**\n * Render icon\n */\nconst render = (\n// Icon must be validated before calling this function\nicon, \n// Partial properties\nprops) => {\n // Split properties\n const customisations = mergeCustomisations(defaultExtendedIconCustomisations, props);\n const componentProps = { ...svgDefaults };\n // Check mode\n const mode = props.mode || 'svg';\n // Copy style\n const style = {};\n const propsStyle = props.style;\n const customStyle = typeof propsStyle === 'object' && !(propsStyle instanceof Array)\n ? propsStyle\n : {};\n // Get element properties\n for (let key in props) {\n const value = props[key];\n if (value === void 0) {\n continue;\n }\n switch (key) {\n // Properties to ignore\n case 'icon':\n case 'style':\n case 'onLoad':\n case 'mode':\n break;\n // Boolean attributes\n case 'inline':\n case 'hFlip':\n case 'vFlip':\n customisations[key] =\n value === true || value === 'true' || value === 1;\n break;\n // Flip as string: 'horizontal,vertical'\n case 'flip':\n if (typeof value === 'string') {\n flipFromString(customisations, value);\n }\n break;\n // Color: override style\n case 'color':\n style.color = value;\n break;\n // Rotation as string\n case 'rotate':\n if (typeof value === 'string') {\n customisations[key] = rotateFromString(value);\n }\n else if (typeof value === 'number') {\n customisations[key] = value;\n }\n break;\n // Remove aria-hidden\n case 'ariaHidden':\n case 'aria-hidden':\n // Vue transforms 'aria-hidden' property to 'ariaHidden'\n if (value !== true && value !== 'true') {\n delete componentProps['aria-hidden'];\n }\n break;\n default: {\n const alias = customisationAliases[key];\n if (alias) {\n // Aliases for boolean customisations\n if (value === true || value === 'true' || value === 1) {\n customisations[alias] = true;\n }\n }\n else if (defaultExtendedIconCustomisations[key] === void 0) {\n // Copy missing property if it does not exist in customisations\n componentProps[key] = value;\n }\n }\n }\n }\n // Generate icon\n const item = iconToSVG(icon, customisations);\n const renderAttribs = item.attributes;\n // Inline display\n if (customisations.inline) {\n style.verticalAlign = '-0.125em';\n }\n if (mode === 'svg') {\n // Add style\n componentProps.style = {\n ...style,\n ...customStyle,\n };\n // Add icon stuff\n Object.assign(componentProps, renderAttribs);\n // Counter for ids based on \"id\" property to render icons consistently on server and client\n let localCounter = 0;\n let id = props.id;\n if (typeof id === 'string') {\n // Convert '-' to '_' to avoid errors in animations\n id = id.replace(/-/g, '_');\n }\n // Add innerHTML and style to props\n componentProps['innerHTML'] = replaceIDs(item.body, id ? () => id + 'ID' + localCounter++ : 'iconifyVue');\n // Render icon\n return h('svg', componentProps);\n }\n // Render <span> with style\n const { body, width, height } = icon;\n const useMask = mode === 'mask' ||\n (mode === 'bg' ? false : body.indexOf('currentColor') !== -1);\n // Generate SVG\n const html = iconToHTML(body, {\n ...renderAttribs,\n width: width + '',\n height: height + '',\n });\n // Generate style\n componentProps.style = {\n ...style,\n '--svg': svgToURL(html),\n 'width': fixSize(renderAttribs.width),\n 'height': fixSize(renderAttribs.height),\n ...commonProps,\n ...(useMask ? monotoneProps : coloredProps),\n ...customStyle,\n };\n return h('span', componentProps);\n};\n\n/**\n * Storage for icons referred by name\n */\nconst storage = Object.create(null);\n/**\n * Add icon to storage, allowing to call it by name\n *\n * @param name\n * @param data\n */\nfunction addIcon(name, data) {\n storage[name] = data;\n}\n/**\n * Add collection to storage, allowing to call icons by name\n *\n * @param data Icon set\n * @param prefix Optional prefix to add to icon names, true (default) if prefix from icon set should be used.\n */\nfunction addCollection(data, prefix) {\n const iconPrefix = typeof prefix === 'string'\n ? prefix\n : prefix !== false && typeof data.prefix === 'string'\n ? data.prefix + ':'\n : '';\n quicklyValidateIconSet(data) &&\n parseIconSet(data, (name, icon) => {\n if (icon) {\n storage[iconPrefix + name] = icon;\n }\n });\n}\n/**\n * Component\n */\nconst Icon = defineComponent({\n // Do not inherit other attributes: it is handled by render()\n inheritAttrs: false,\n // Render icon\n render() {\n const props = this.$attrs;\n // Check icon\n const propsIcon = props.icon;\n const icon = typeof propsIcon === 'string'\n ? storage[propsIcon]\n : typeof propsIcon === 'object'\n ? propsIcon\n : null;\n // Validate icon object\n if (icon === null ||\n typeof icon !== 'object' ||\n typeof icon.body !== 'string') {\n return this.$slots.default ? this.$slots.default() : null;\n }\n // Valid icon: render it\n return render({\n ...defaultIconProps,\n ...icon,\n }, props);\n },\n});\n\nexport { Icon, addCollection, addIcon };\n","<template>\r\n <div class=\"group\" v-if=\"showGroup\">\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <Icon icon=\"right\" :rotate=\"bShow&&'90deg'\" width=\"20\" @click=\"bShow = !bShow\" class=\"handle-ls-svg\" />\r\n <Icon icon=\"group\" width=\"24\" class=\"group-avatar\" />\r\n <span class=\"group-name\" :title=\"deviceGroup?.name\">\r\n {{deviceGroup?.name}}\r\n </span>\r\n <div class=\"group-slot\">\r\n <slot name=\"group\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </CountShow>\r\n\r\n <div style=\"margin-left: 26px\" v-if=\"bShow\">\r\n <group-show v-for=\"group, index in (deviceGroup?.items)\" :key=\"index\" :deviceGroup=\"group\"\r\n :controlParams=\"controlParams\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device, group}\">\r\n <slot name=\"device\" :device=\"device\" :group=\"group\"></slot>\r\n </template>\r\n </group-show>\r\n <div v-for=\"(item, index) in FilterDevice(deviceGroup?.devices)\" :key=\"index\" class=\"device\"\r\n v-show=\"showDevice(item)\" :class=\"item.online&&'online-device'\">\r\n <Icon icon=\"user\" width=\"16\" class=\"device-avatar\" />\r\n <span :title=\"item.id\" class=\"device-name\">{{item.name}}</span>\r\n <div class=\"device-slot\">\r\n <slot name=\"device\" :device=\"item\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from '/@/components/recursion-device-group/model'\r\nimport CountShow from \"../count-show/index.vue\"\r\nimport { Icon } from '@iconify/vue/offline';\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n Icon\r\n },\r\n name: \"group-show\",\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.DeviceGroup>,\r\n controlParams: Object as PropType<RecursionDeviceGroup.IControlParams>\r\n },\r\n setup(props) {\r\n function FilterDevice(devices?: RecursionDeviceGroup.DeviceInfo[]) {\r\n return (devices && devices.filter(item => !props.controlParams?.onlyShowOnline || item.online)) || []\r\n }\r\n\r\n const showGroup = computed(() => {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n\r\n if (props.deviceGroup && props.deviceGroup?.name.indexOf(strSearch) > 0) {\r\n return true;\r\n }\r\n\r\n return props.deviceGroup?.devices.find(item => item.name.indexOf((props.controlParams as any).searchStr) > 0)\r\n })\r\n\r\n function showDevice(device: RecursionDeviceGroup.DeviceInfo) {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n return device.name.indexOf((props.controlParams as any).searchStr) > 0\r\n }\r\n\r\n const bShow = ref(false);\r\n return {\r\n showGroup,\r\n showDevice,\r\n FilterDevice,\r\n bShow\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style>\r\n:root {\r\n --device-offline-color: rgb(168, 168, 168);\r\n --device-online-color: rgb(1, 172, 1);\r\n --group-name-width: 160px\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.handle-ls-svg {\r\n vertical-align: -5px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n color: rgb(56, 56, 56)\r\n}\r\n\r\n.group-avatar {\r\n vertical-align: -6px;\r\n color: gray;\r\n}\r\n\r\n.device,\r\n.group {\r\n margin: 5px 0px;\r\n}\r\n\r\n.group-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n line-height: 24px;\r\n padding-left: 5px;\r\n}\r\n\r\n.group-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 100px);\r\n}\r\n\r\n.device-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 42px);\r\n}\r\n\r\n.device-avatar {\r\n vertical-align: -2px;\r\n margin-right: 4px;\r\n margin-left: 2px;\r\n color: var(--device-offline-color);\r\n}\r\n\r\n.device-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: bottom;\r\n color: var(--device-offline-color);\r\n padding-left: 5px;\r\n}\r\n\r\n.online-device .device-avatar,\r\n.online-device .device-name {\r\n color: var(--device-online-color)\r\n}\r\n</style>\r\n","<template>\r\n <div class=\"group\" v-if=\"showGroup\">\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <Icon icon=\"right\" :rotate=\"bShow&&'90deg'\" width=\"20\" @click=\"bShow = !bShow\" class=\"handle-ls-svg\" />\r\n <Icon icon=\"group\" width=\"24\" class=\"group-avatar\" />\r\n <span class=\"group-name\" :title=\"deviceGroup?.name\">\r\n {{deviceGroup?.name}}\r\n </span>\r\n <div class=\"group-slot\">\r\n <slot name=\"group\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </CountShow>\r\n\r\n <div style=\"margin-left: 26px\" v-if=\"bShow\">\r\n <group-show v-for=\"group, index in (deviceGroup?.items)\" :key=\"index\" :deviceGroup=\"group\"\r\n :controlParams=\"controlParams\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device, group}\">\r\n <slot name=\"device\" :device=\"device\" :group=\"group\"></slot>\r\n </template>\r\n </group-show>\r\n <div v-for=\"(item, index) in FilterDevice(deviceGroup?.devices)\" :key=\"index\" class=\"device\"\r\n v-show=\"showDevice(item)\" :class=\"item.online&&'online-device'\">\r\n <Icon icon=\"user\" width=\"16\" class=\"device-avatar\" />\r\n <span :title=\"item.id\" class=\"device-name\">{{item.name}}</span>\r\n <div class=\"device-slot\">\r\n <slot name=\"device\" :device=\"item\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from '/@/components/recursion-device-group/model'\r\nimport CountShow from \"../count-show/index.vue\"\r\nimport { Icon } from '@iconify/vue/offline';\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n Icon\r\n },\r\n name: \"group-show\",\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.DeviceGroup>,\r\n controlParams: Object as PropType<RecursionDeviceGroup.IControlParams>\r\n },\r\n setup(props) {\r\n function FilterDevice(devices?: RecursionDeviceGroup.DeviceInfo[]) {\r\n return (devices && devices.filter(item => !props.controlParams?.onlyShowOnline || item.online)) || []\r\n }\r\n\r\n const showGroup = computed(() => {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n\r\n if (props.deviceGroup && props.deviceGroup?.name.indexOf(strSearch) > 0) {\r\n return true;\r\n }\r\n\r\n return props.deviceGroup?.devices.find(item => item.name.indexOf((props.controlParams as any).searchStr) > 0)\r\n })\r\n\r\n function showDevice(device: RecursionDeviceGroup.DeviceInfo) {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n return device.name.indexOf((props.controlParams as any).searchStr) > 0\r\n }\r\n\r\n const bShow = ref(false);\r\n return {\r\n showGroup,\r\n showDevice,\r\n FilterDevice,\r\n bShow\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style>\r\n:root {\r\n --device-offline-color: rgb(168, 168, 168);\r\n --device-online-color: rgb(1, 172, 1);\r\n --group-name-width: 160px\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.handle-ls-svg {\r\n vertical-align: -5px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n color: rgb(56, 56, 56)\r\n}\r\n\r\n.group-avatar {\r\n vertical-align: -6px;\r\n color: gray;\r\n}\r\n\r\n.device,\r\n.group {\r\n margin: 5px 0px;\r\n}\r\n\r\n.group-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n line-height: 24px;\r\n padding-left: 5px;\r\n}\r\n\r\n.group-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 100px);\r\n}\r\n\r\n.device-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 42px);\r\n}\r\n\r\n.device-avatar {\r\n vertical-align: -2px;\r\n margin-right: 4px;\r\n margin-left: 2px;\r\n color: var(--device-offline-color);\r\n}\r\n\r\n.device-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: bottom;\r\n color: var(--device-offline-color);\r\n padding-left: 5px;\r\n}\r\n\r\n.online-device .device-avatar,\r\n.online-device .device-name {\r\n color: var(--device-online-color)\r\n}\r\n</style>\r\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M384 192v640l384-320.064z\\\"/>\"\n};\nexport default data;\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z\\\"/>\"\n};\nexport default data;\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z\\\"/>\"\n};\nexport default data;\n","<template>\r\n <div class=\"device-group-list\">\r\n <div class=\"search-panel\">\r\n <div style=\"height: 32px; line-height: 32px;\">\r\n <img src=\"\" />\r\n <input type=\"text\" @change=\"onSearchChange\" ref=\"inputSearchRef\" />\r\n </div>\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <input type=\"checkbox\" id=\"onlineShow\" value=\"onlineShow\" @change=\"onCheckBoxChange\" />\r\n <label for=\"onlineShow\">只显示在线设备</label>\r\n </CountShow>\r\n </div>\r\n <div class=\"device-panel\">\r\n <group-show :controlParams=\"controlParams\" v-for=\"itemGroup, index in deviceGroup?.items\" :key=\"index\"\r\n :deviceGroup=\"itemGroup\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device, group}\">\r\n <slot name=\"device\" :device=\"device\" :group=\"group\"></slot>\r\n </template>\r\n </group-show>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from \"./model\"\r\nimport GroupShow from \"/@/components-global/group-show/index.vue\"\r\nimport CountShow from \"/@/components-global/count-show/index.vue\"\r\n\r\nimport { addIcon } from \"@iconify/vue/offline\"\r\nimport right from \"@iconify-icons/ep/caret-right\"\r\nimport group from \"@iconify-icons/ep/folder-opened\"\r\nimport avatar from \"@iconify-icons/ep/avatar\"\r\n\r\naddIcon('right', right);\r\naddIcon('group', group);\r\naddIcon('user', avatar);\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n GroupShow\r\n },\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.SessionDeviceGroup>\r\n },\r\n methods: {\r\n onCheckBoxChange() {\r\n this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;\r\n },\r\n onSearchChange() {\r\n if (this.inputSearchRef) {\r\n this.controlParams.searchStr = this.inputSearchRef?.value\r\n console.log(this.controlParams.searchStr)\r\n }\r\n }\r\n },\r\n setup() {\r\n const controlParams = ref<RecursionDeviceGroup.IControlParams>({\r\n onlyShowOnline: false,\r\n searchStr: \"\"\r\n });\r\n const inputSearchRef = ref<HTMLInputElement>()\r\n return {\r\n inputSearchRef,\r\n controlParams\r\n }\r\n },\r\n})\r\n\r\n</script>\r\n\r\n\r\n<style>\r\n:root {\r\n --sec-main-search-height: 64px\r\n}\r\n</style>\r\n\r\n\r\n<style scoped>\r\n.device-group-list {\r\n height: 100%;\r\n}\r\n\r\n.device-group-list .search-panel {\r\n height: var(--sec-main-search-height);\r\n}\r\n\r\n.device-group-list .device-panel {\r\n height: calc(100% - var(--sec-main-search-height));\r\n overflow-y: auto;\r\n}\r\n</style>\r\n\r\n","<template>\r\n <div class=\"device-group-list\">\r\n <div class=\"search-panel\">\r\n <div style=\"height: 32px; line-height: 32px;\">\r\n <img src=\"\" />\r\n <input type=\"text\" @change=\"onSearchChange\" ref=\"inputSearchRef\" />\r\n </div>\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <input type=\"checkbox\" id=\"onlineShow\" value=\"onlineShow\" @change=\"onCheckBoxChange\" />\r\n <label for=\"onlineShow\">只显示在线设备</label>\r\n </CountShow>\r\n </div>\r\n <div class=\"device-panel\">\r\n <group-show :controlParams=\"controlParams\" v-for=\"itemGroup, index in deviceGroup?.items\" :key=\"index\"\r\n :deviceGroup=\"itemGroup\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device, group}\">\r\n <slot name=\"device\" :device=\"device\" :group=\"group\"></slot>\r\n </template>\r\n </group-show>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from \"./model\"\r\nimport GroupShow from \"/@/components-global/group-show/index.vue\"\r\nimport CountShow from \"/@/components-global/count-show/index.vue\"\r\n\r\nimport { addIcon } from \"@iconify/vue/offline\"\r\nimport right from \"@iconify-icons/ep/caret-right\"\r\nimport group from \"@iconify-icons/ep/folder-opened\"\r\nimport avatar from \"@iconify-icons/ep/avatar\"\r\n\r\naddIcon('right', right);\r\naddIcon('group', group);\r\naddIcon('user', avatar);\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n GroupShow\r\n },\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.SessionDeviceGroup>\r\n },\r\n methods: {\r\n onCheckBoxChange() {\r\n this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;\r\n },\r\n onSearchChange() {\r\n if (this.inputSearchRef) {\r\n this.controlParams.searchStr = this.inputSearchRef?.value\r\n console.log(this.controlParams.searchStr)\r\n }\r\n }\r\n },\r\n setup() {\r\n const controlParams = ref<RecursionDeviceGroup.IControlParams>({\r\n onlyShowOnline: false,\r\n searchStr: \"\"\r\n });\r\n const inputSearchRef = ref<HTMLInputElement>()\r\n return {\r\n inputSearchRef,\r\n controlParams\r\n }\r\n },\r\n})\r\n\r\n</script>\r\n\r\n\r\n<style>\r\n:root {\r\n --sec-main-search-height: 64px\r\n}\r\n</style>\r\n\r\n\r\n<style scoped>\r\n.device-group-list {\r\n height: 100%;\r\n}\r\n\r\n.device-group-list .search-panel {\r\n height: var(--sec-main-search-height);\r\n}\r\n\r\n.device-group-list .device-panel {\r\n height: calc(100% - var(--sec-main-search-height));\r\n overflow-y: auto;\r\n}\r\n</style>\r\n\r\n","import { Plugin, App } from \"vue\";\r\n\r\nexport * from \"./comp.d\";\r\nexport * from \"./components\";\r\n\r\nimport RecursionDeviceGroup from \"/@/components/recursion-device-group/index.vue\";\r\n\r\nconst components = {\r\n RecursionDeviceGroup,\r\n};\r\n\r\nconst _default: Plugin = {\r\n install(app: App) {\r\n for (const itemKey in components) {\r\n const item = components[itemKey as keyof typeof components];\r\n app.component(itemKey, item);\r\n }\r\n },\r\n};\r\n\r\nexport default _default;\r\n"],"names":["RecursionDeviceGroup","Test","CreateDevice","count","deviceList","i","CreateGroup","RandomDeviceGroup","ForeachDeviceGroup","deviceGroup","handleDeviceGroup","Utils","AccessSession","session","groupMap","deviceMap","id","handle","_sfc_main$2","defineComponent","props","ForeachICountInfo","countInfo","countItem","item","onlineCount","computed","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx","defaultIconDimensions","defaultIconTransformations","defaultIconProps","defaultIconSizeCustomisations","defaultIconCustomisations","mergeCustomisations","defaults","result","key","value","valueType","separator","flipFromString","custom","flip","str","rotateFromString","defaultValue","units","cleanup","value2","num","split","unitsSplit","unitsTest","calculateSize","size","ratio","precision","oldParts","newParts","code","isNumber","iconToSVG","icon","customisations","fullIcon","fullCustomisations","box","body","transformations","hFlip","vFlip","rotation","tempValue","customisationsWidth","customisationsHeight","boxWidth","boxHeight","width","height","regex","randomPrefix","counter","replaceIDs","prefix","ids","match","newID","escapedID","iconToHTML","attributes","renderAttribsHTML","attr","encodeSVGforURL","svg","svgToURL","defaultExtendedIconCustomisations","svgDefaults","commonProps","monotoneProps","coloredProps","propsToAdd","propsToAddTo","list","prop","customisationAliases","fixSize","render","componentProps","mode","style","propsStyle","customStyle","alias","renderAttribs","localCounter","h","useMask","html","storage","addIcon","name","data","Icon","propsIcon","_sfc_main$1","CountShow","FilterDevice","devices","_a","showGroup","strSearch","_b","showDevice","device","bShow","ref","_hoisted_4","_component_group_show","_resolveComponent","_createVNode","_component_CountShow","_withCtx","_component_Icon","_cache","$event","_a2","_toDisplayString","_b2","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_renderList","group","index","_createBlock","group2","_withDirectives","_hoisted_5","_hoisted_6","right","avatar","_sfc_main","GroupShow","controlParams","_withScopeId","n","_pushScopeId","_popScopeId","args","itemGroup","components","_default","app","itemKey"],"mappings":"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"}
package/dist/smarteye-e-components.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { defineComponent as F, computed as O, openBlock as w, createElementBlock as b, renderSlot as y, createElementVNode as f, toDisplayString as P, h as E, ref as G, resolveComponent as k, createVNode as $, withCtx as C, Fragment as j, renderList as D, createBlock as W, withDirectives as et, normalizeClass as ot, vShow as nt, createCommentVNode as T, pushScopeId as st, popScopeId as rt } from "vue";
1
+ import { defineComponent as F, computed as G, openBlock as S, createElementBlock as b, renderSlot as y, createElementVNode as p, toDisplayString as P, h as E, ref as O, resolveComponent as k, createVNode as $, withCtx as C, Fragment as j, renderList as D, createBlock as W, withDirectives as et, normalizeClass as ot, vShow as nt, createCommentVNode as T, pushScopeId as st, popScopeId as rt } from "vue";
2
2
  var H;
3
3
  ((t) => {
4
4
  ((o) => {
@@ -79,26 +79,26 @@ const it = F({
79
79
  }
80
80
  return 0;
81
81
  }
82
- const o = O(() => n((e) => e.onlineCount, t.countInfo));
82
+ const o = G(() => n((e) => e.onlineCount, t.countInfo));
83
83
  return {
84
- totalCount: O(() => n((e) => e.totalCount, t.countInfo)),
84
+ totalCount: G(() => n((e) => e.totalCount, t.countInfo)),
85
85
  onlineCount: o
86
86
  };
87
87
  }
88
88
  });
89
- const M = (t, n) => {
89
+ const x = (t, n) => {
90
90
  const o = t.__vccOpts || t;
91
91
  for (const [s, e] of n)
92
92
  o[s] = e;
93
93
  return o;
94
94
  }, ct = { class: "root" }, lt = { class: "count-show" };
95
95
  function at(t, n, o, s, e, r) {
96
- return w(), b("div", ct, [
96
+ return S(), b("div", ct, [
97
97
  y(t.$slots, "default", {}, void 0, !0),
98
- f("span", lt, P(t.onlineCount) + "/" + P(t.totalCount), 1)
98
+ p("span", lt, P(t.onlineCount) + "/" + P(t.totalCount), 1)
99
99
  ]);
100
100
  }
101
- const K = /* @__PURE__ */ M(it, [["render", at], ["__scopeId", "data-v-702e833c"]]), q = Object.freeze(
101
+ const K = /* @__PURE__ */ x(it, [["render", at], ["__scopeId", "data-v-702e833c"]]), q = Object.freeze(
102
102
  {
103
103
  left: 0,
104
104
  top: 0,
@@ -215,39 +215,39 @@ function vt(t, n) {
215
215
  height: o.height
216
216
  };
217
217
  let r = o.body;
218
- [o, s].forEach((m) => {
219
- const g = [], d = m.hFlip, a = m.vFlip;
220
- let v = m.rotate;
221
- d ? a ? v += 2 : (g.push(
218
+ [o, s].forEach((_) => {
219
+ const d = [], f = _.hFlip, a = _.vFlip;
220
+ let m = _.rotate;
221
+ f ? a ? m += 2 : (d.push(
222
222
  "translate(" + (e.width + e.left).toString() + " " + (0 - e.top).toString() + ")"
223
- ), g.push("scale(-1 1)"), e.top = e.left = 0) : a && (g.push(
223
+ ), d.push("scale(-1 1)"), e.top = e.left = 0) : a && (d.push(
224
224
  "translate(" + (0 - e.left).toString() + " " + (e.height + e.top).toString() + ")"
225
- ), g.push("scale(1 -1)"), e.top = e.left = 0);
226
- let _;
227
- switch (v < 0 && (v -= Math.floor(v / 4) * 4), v = v % 4, v) {
225
+ ), d.push("scale(1 -1)"), e.top = e.left = 0);
226
+ let w;
227
+ switch (m < 0 && (m -= Math.floor(m / 4) * 4), m = m % 4, m) {
228
228
  case 1:
229
- _ = e.height / 2 + e.top, g.unshift(
230
- "rotate(90 " + _.toString() + " " + _.toString() + ")"
229
+ w = e.height / 2 + e.top, d.unshift(
230
+ "rotate(90 " + w.toString() + " " + w.toString() + ")"
231
231
  );
232
232
  break;
233
233
  case 2:
234
- g.unshift(
234
+ d.unshift(
235
235
  "rotate(180 " + (e.width / 2 + e.left).toString() + " " + (e.height / 2 + e.top).toString() + ")"
236
236
  );
237
237
  break;
238
238
  case 3:
239
- _ = e.width / 2 + e.left, g.unshift(
240
- "rotate(-90 " + _.toString() + " " + _.toString() + ")"
239
+ w = e.width / 2 + e.left, d.unshift(
240
+ "rotate(-90 " + w.toString() + " " + w.toString() + ")"
241
241
  );
242
242
  break;
243
243
  }
244
- v % 2 === 1 && (e.left !== e.top && (_ = e.left, e.left = e.top, e.top = _), e.width !== e.height && (_ = e.width, e.width = e.height, e.height = _)), g.length && (r = '<g transform="' + g.join(" ") + '">' + r + "</g>");
244
+ m % 2 === 1 && (e.left !== e.top && (w = e.left, e.left = e.top, e.top = w), e.width !== e.height && (w = e.width, e.width = e.height, e.height = w)), d.length && (r = '<g transform="' + d.join(" ") + '">' + r + "</g>");
245
245
  });
246
246
  const c = s.width, i = s.height, l = e.width, h = e.height;
247
- let p, u;
248
- return c === null ? (u = i === null ? "1em" : i === "auto" ? h : i, p = L(u, l / h)) : (p = c === "auto" ? l : c, u = i === null ? L(p, h / l) : i === "auto" ? h : i), {
247
+ let g, u;
248
+ return c === null ? (u = i === null ? "1em" : i === "auto" ? h : i, g = L(u, l / h)) : (g = c === "auto" ? l : c, u = i === null ? L(g, h / l) : i === "auto" ? h : i), {
249
249
  attributes: {
250
- width: p.toString(),
250
+ width: g.toString(),
251
251
  height: u.toString(),
252
252
  viewBox: e.left.toString() + " " + e.top.toString() + " " + l.toString() + " " + h.toString()
253
253
  },
@@ -291,7 +291,7 @@ const R = {
291
291
  role: "img"
292
292
  }, kt = {
293
293
  display: "inline-block"
294
- }, x = {
294
+ }, M = {
295
295
  backgroundColor: "currentColor"
296
296
  }, Y = {
297
297
  backgroundColor: "transparent"
@@ -300,8 +300,8 @@ const R = {
300
300
  Repeat: "no-repeat",
301
301
  Size: "100% 100%"
302
302
  }, N = {
303
- webkitMask: x,
304
- mask: x,
303
+ webkitMask: M,
304
+ mask: M,
305
305
  background: Y
306
306
  };
307
307
  for (const t in N) {
@@ -319,10 +319,10 @@ function V(t) {
319
319
  }
320
320
  const It = (t, n) => {
321
321
  const o = ut(R, n), s = { ...$t }, e = n.mode || "svg", r = {}, c = n.style, i = typeof c == "object" && !(c instanceof Array) ? c : {};
322
- for (let d in n) {
323
- const a = n[d];
322
+ for (let f in n) {
323
+ const a = n[f];
324
324
  if (a !== void 0)
325
- switch (d) {
325
+ switch (f) {
326
326
  case "icon":
327
327
  case "style":
328
328
  case "onLoad":
@@ -331,7 +331,7 @@ const It = (t, n) => {
331
331
  case "inline":
332
332
  case "hFlip":
333
333
  case "vFlip":
334
- o[d] = a === !0 || a === "true" || a === 1;
334
+ o[f] = a === !0 || a === "true" || a === 1;
335
335
  break;
336
336
  case "flip":
337
337
  typeof a == "string" && dt(o, a);
@@ -340,15 +340,15 @@ const It = (t, n) => {
340
340
  r.color = a;
341
341
  break;
342
342
  case "rotate":
343
- typeof a == "string" ? o[d] = ft(a) : typeof a == "number" && (o[d] = a);
343
+ typeof a == "string" ? o[f] = ft(a) : typeof a == "number" && (o[f] = a);
344
344
  break;
345
345
  case "ariaHidden":
346
346
  case "aria-hidden":
347
347
  a !== !0 && a !== "true" && delete s["aria-hidden"];
348
348
  break;
349
349
  default: {
350
- const v = I[d];
351
- v ? (a === !0 || a === "true" || a === 1) && (o[v] = !0) : R[d] === void 0 && (s[d] = a);
350
+ const m = I[f];
351
+ m ? (a === !0 || a === "true" || a === 1) && (o[m] = !0) : R[f] === void 0 && (s[f] = a);
352
352
  }
353
353
  }
354
354
  }
@@ -358,21 +358,21 @@ const It = (t, n) => {
358
358
  ...r,
359
359
  ...i
360
360
  }, Object.assign(s, h);
361
- let d = 0, a = n.id;
362
- return typeof a == "string" && (a = a.replace(/-/g, "_")), s.innerHTML = St(l.body, a ? () => a + "ID" + d++ : "iconifyVue"), E("svg", s);
361
+ let f = 0, a = n.id;
362
+ return typeof a == "string" && (a = a.replace(/-/g, "_")), s.innerHTML = St(l.body, a ? () => a + "ID" + f++ : "iconifyVue"), E("svg", s);
363
363
  }
364
- const { body: p, width: u, height: S } = t, m = e === "mask" || (e === "bg" ? !1 : p.indexOf("currentColor") !== -1), g = bt(p, {
364
+ const { body: g, width: u, height: v } = t, _ = e === "mask" || (e === "bg" ? !1 : g.indexOf("currentColor") !== -1), d = bt(g, {
365
365
  ...h,
366
366
  width: u + "",
367
- height: S + ""
367
+ height: v + ""
368
368
  });
369
369
  return s.style = {
370
370
  ...r,
371
- "--svg": Ct(g),
371
+ "--svg": Ct(d),
372
372
  width: V(h.width),
373
373
  height: V(h.height),
374
374
  ...kt,
375
- ...m ? x : Y,
375
+ ..._ ? M : Y,
376
376
  ...i
377
377
  }, E("span", s);
378
378
  }, Z = /* @__PURE__ */ Object.create(null);
@@ -405,7 +405,7 @@ const Pt = F({
405
405
  return !((i = t.controlParams) != null && i.onlyShowOnline) || c.online;
406
406
  }) || [];
407
407
  }
408
- const o = O(() => {
408
+ const o = G(() => {
409
409
  var r, c;
410
410
  const i = t.controlParams.searchStr;
411
411
  return i.length == 0 || t.deviceGroup && ((r = t.deviceGroup) == null ? void 0 : r.name.indexOf(i)) > 0 ? !0 : (c = t.deviceGroup) == null ? void 0 : c.devices.find((l) => l.name.indexOf(t.controlParams.searchStr) > 0);
@@ -413,7 +413,7 @@ const Pt = F({
413
413
  function s(r) {
414
414
  return t.controlParams.searchStr.length == 0 ? !0 : r.name.indexOf(t.controlParams.searchStr) > 0;
415
415
  }
416
- const e = G(!1);
416
+ const e = O(!1);
417
417
  return {
418
418
  showGroup: o,
419
419
  showDevice: s,
@@ -422,26 +422,26 @@ const Pt = F({
422
422
  };
423
423
  }
424
424
  });
425
- const Ot = {
425
+ const Gt = {
426
426
  key: 0,
427
427
  class: "group"
428
- }, Gt = ["title"], jt = { class: "group-slot" }, Dt = {
428
+ }, Ot = ["title"], jt = { class: "group-slot" }, Dt = {
429
429
  key: 0,
430
430
  style: { "margin-left": "26px" }
431
- }, xt = ["title"], Mt = { class: "device-slot" };
431
+ }, Mt = ["title"], xt = { class: "device-slot" };
432
432
  function At(t, n, o, s, e, r) {
433
433
  var c, i;
434
- const l = k("Icon"), h = k("CountShow"), p = k("group-show");
435
- return t.showGroup ? (w(), b("div", Ot, [
434
+ const l = k("Icon"), h = k("CountShow"), g = k("group-show");
435
+ return t.showGroup ? (S(), b("div", Gt, [
436
436
  $(h, { countInfo: t.deviceGroup }, {
437
437
  default: C(() => {
438
- var u, S;
438
+ var u, v;
439
439
  return [
440
440
  $(l, {
441
441
  icon: "right",
442
442
  rotate: t.bShow && "90deg",
443
443
  width: "20",
444
- onClick: n[0] || (n[0] = (m) => t.bShow = !t.bShow),
444
+ onClick: n[0] || (n[0] = (_) => t.bShow = !t.bShow),
445
445
  class: "handle-ls-svg"
446
446
  }, null, 8, ["rotate"]),
447
447
  $(l, {
@@ -449,33 +449,36 @@ function At(t, n, o, s, e, r) {
449
449
  width: "24",
450
450
  class: "group-avatar"
451
451
  }),
452
- f("span", {
452
+ p("span", {
453
453
  class: "group-name",
454
454
  title: (u = t.deviceGroup) == null ? void 0 : u.name
455
- }, P((S = t.deviceGroup) == null ? void 0 : S.name), 9, Gt),
456
- f("div", jt, [
455
+ }, P((v = t.deviceGroup) == null ? void 0 : v.name), 9, Ot),
456
+ p("div", jt, [
457
457
  y(t.$slots, "group", { group: t.deviceGroup }, void 0, !0)
458
458
  ])
459
459
  ];
460
460
  }),
461
461
  _: 3
462
462
  }, 8, ["countInfo"]),
463
- t.bShow ? (w(), b("div", Dt, [
464
- (w(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (u, S) => (w(), W(p, {
465
- key: S,
463
+ t.bShow ? (S(), b("div", Dt, [
464
+ (S(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (u, v) => (S(), W(g, {
465
+ key: v,
466
466
  deviceGroup: u,
467
467
  controlParams: t.controlParams
468
468
  }, {
469
- group: C(({ group: m }) => [
470
- y(t.$slots, "group", { group: m }, void 0, !0)
469
+ group: C(({ group: _ }) => [
470
+ y(t.$slots, "group", { group: _ }, void 0, !0)
471
471
  ]),
472
- device: C(({ device: m }) => [
473
- y(t.$slots, "device", { device: m }, void 0, !0)
472
+ device: C(({ device: _, group: d }) => [
473
+ y(t.$slots, "device", {
474
+ device: _,
475
+ group: d
476
+ }, void 0, !0)
474
477
  ]),
475
478
  _: 2
476
479
  }, 1032, ["deviceGroup", "controlParams"]))), 128)),
477
- (w(!0), b(j, null, D(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, S) => et((w(), b("div", {
478
- key: S,
480
+ (S(!0), b(j, null, D(t.FilterDevice((i = t.deviceGroup) == null ? void 0 : i.devices), (u, v) => et((S(), b("div", {
481
+ key: v,
479
482
  class: ot(["device", u.online && "online-device"])
480
483
  }, [
481
484
  $(l, {
@@ -483,12 +486,15 @@ function At(t, n, o, s, e, r) {
483
486
  width: "16",
484
487
  class: "device-avatar"
485
488
  }),
486
- f("span", {
489
+ p("span", {
487
490
  title: u.id,
488
491
  class: "device-name"
489
- }, P(u.name), 9, xt),
490
- f("div", Mt, [
491
- y(t.$slots, "device", { device: u }, void 0, !0)
492
+ }, P(u.name), 9, Mt),
493
+ p("div", xt, [
494
+ y(t.$slots, "device", {
495
+ device: u,
496
+ group: t.deviceGroup
497
+ }, void 0, !0)
492
498
  ])
493
499
  ], 2)), [
494
500
  [nt, t.showDevice(u)]
@@ -496,7 +502,7 @@ function At(t, n, o, s, e, r) {
496
502
  ])) : T("", !0)
497
503
  ])) : T("", !0);
498
504
  }
499
- const zt = /* @__PURE__ */ M(Ft, [["render", At], ["__scopeId", "data-v-10002f64"]]), Et = {
505
+ const zt = /* @__PURE__ */ x(Ft, [["render", At], ["__scopeId", "data-v-b34e0b4a"]]), Et = {
500
506
  width: 1024,
501
507
  height: 1024,
502
508
  body: '<path fill="currentColor" d="M384 192v640l384-320.064z"/>'
@@ -530,25 +536,25 @@ const Lt = F({
530
536
  }
531
537
  },
532
538
  setup() {
533
- const t = G({
539
+ const t = O({
534
540
  onlyShowOnline: !1,
535
541
  searchStr: ""
536
542
  });
537
543
  return {
538
- inputSearchRef: G(),
544
+ inputSearchRef: O(),
539
545
  controlParams: t
540
546
  };
541
547
  }
542
548
  });
543
- const tt = (t) => (st("data-v-3b15399c"), t = t(), rt(), t), Rt = { class: "device-group-list" }, Bt = { class: "search-panel" }, Nt = { style: { height: "32px", "line-height": "32px" } }, Vt = /* @__PURE__ */ tt(() => /* @__PURE__ */ f("img", { src: "" }, null, -1)), Ut = /* @__PURE__ */ tt(() => /* @__PURE__ */ f("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Wt = { class: "device-panel" };
549
+ const tt = (t) => (st("data-v-f4599228"), t = t(), rt(), t), Rt = { class: "device-group-list" }, Bt = { class: "search-panel" }, Nt = { style: { height: "32px", "line-height": "32px" } }, Vt = /* @__PURE__ */ tt(() => /* @__PURE__ */ p("img", { src: "" }, null, -1)), Ut = /* @__PURE__ */ tt(() => /* @__PURE__ */ p("label", { for: "onlineShow" }, "\u53EA\u663E\u793A\u5728\u7EBF\u8BBE\u5907", -1)), Wt = { class: "device-panel" };
544
550
  function Kt(t, n, o, s, e, r) {
545
551
  var c;
546
552
  const i = k("CountShow"), l = k("group-show");
547
- return w(), b("div", Rt, [
548
- f("div", Bt, [
549
- f("div", Nt, [
553
+ return S(), b("div", Rt, [
554
+ p("div", Bt, [
555
+ p("div", Nt, [
550
556
  Vt,
551
- f("input", {
557
+ p("input", {
552
558
  type: "text",
553
559
  onChange: n[0] || (n[0] = (...h) => t.onSearchChange && t.onSearchChange(...h)),
554
560
  ref: "inputSearchRef"
@@ -556,7 +562,7 @@ function Kt(t, n, o, s, e, r) {
556
562
  ]),
557
563
  $(i, { countInfo: t.deviceGroup }, {
558
564
  default: C(() => [
559
- f("input", {
565
+ p("input", {
560
566
  type: "checkbox",
561
567
  id: "onlineShow",
562
568
  value: "onlineShow",
@@ -567,24 +573,27 @@ function Kt(t, n, o, s, e, r) {
567
573
  _: 1
568
574
  }, 8, ["countInfo"])
569
575
  ]),
570
- f("div", Wt, [
571
- (w(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (h, p) => (w(), W(l, {
576
+ p("div", Wt, [
577
+ (S(!0), b(j, null, D((c = t.deviceGroup) == null ? void 0 : c.items, (h, g) => (S(), W(l, {
572
578
  controlParams: t.controlParams,
573
- key: p,
579
+ key: g,
574
580
  deviceGroup: h
575
581
  }, {
576
582
  group: C(({ group: u }) => [
577
583
  y(t.$slots, "group", { group: u }, void 0, !0)
578
584
  ]),
579
- device: C(({ device: u }) => [
580
- y(t.$slots, "device", { device: u }, void 0, !0)
585
+ device: C(({ device: u, group: v }) => [
586
+ y(t.$slots, "device", {
587
+ device: u,
588
+ group: v
589
+ }, void 0, !0)
581
590
  ]),
582
591
  _: 2
583
592
  }, 1032, ["controlParams", "deviceGroup"]))), 128))
584
593
  ])
585
594
  ]);
586
595
  }
587
- const qt = /* @__PURE__ */ M(Lt, [["render", Kt], ["__scopeId", "data-v-3b15399c"]]), U = {
596
+ const qt = /* @__PURE__ */ x(Lt, [["render", Kt], ["__scopeId", "data-v-f4599228"]]), U = {
588
597
  RecursionDeviceGroup: qt
589
598
  }, Qt = {
590
599
  install(t) {
package/dist/smarteye-e-components.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"smarteye-e-components.mjs","sources":["../src/components/recursion-device-group/model/index.ts","../src/components-global/count-show/index.vue","../src/components-global/count-show/index.vue","../node_modules/.pnpm/@iconify+vue@4.0.0_vue@3.2.39/node_modules/@iconify/vue/dist/offline.mjs","../src/components-global/group-show/index.vue","../src/components-global/group-show/index.vue","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/caret-right.js","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/folder-opened.js","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/avatar.js","../src/components/recursion-device-group/index.vue","../src/components/recursion-device-group/index.vue","../src/index.ts"],"sourcesContent":["export namespace RecursionDeviceGroup {\r\n export interface IChannelInfo {\r\n index: number;\r\n name: string;\r\n }\r\n\r\n export interface DeviceInfo<T = any> {\r\n id: string;\r\n name: string;\r\n pid: string;\r\n online: boolean;\r\n channels: Array<IChannelInfo>;\r\n tag?: T;\r\n }\r\n\r\n export interface DeviceGroup<T = any, DT = any> extends ICountInfo {\r\n id: string;\r\n name: string;\r\n pid: string;\r\n devices: Array<DeviceInfo<DT>>;\r\n items: Array<DeviceGroup<T, DT>>;\r\n tag?: T;\r\n }\r\n\r\n export interface SessionDeviceGroup<\r\n GroupTag = any,\r\n DeviceTag = any,\r\n SessionTag = any\r\n > extends ICountInfo {\r\n name: string;\r\n items: Array<DeviceGroup>;\r\n tag?: SessionTag;\r\n }\r\n\r\n export interface ICountInfo {\r\n totalCount: number;\r\n onlineCount: number;\r\n items: Array<ICountInfo>;\r\n }\r\n\r\n export interface IControlParams {\r\n onlyShowOnline: boolean;\r\n searchStr: string;\r\n }\r\n\r\n export namespace Test {\r\n let startIndex = 0;\r\n function CreateDevice(count: number): Array<DeviceInfo> {\r\n const deviceList: Array<DeviceInfo> = [];\r\n for (let i = 0; i < count; i++) {\r\n deviceList.push({\r\n id: \"testId\",\r\n pid: \"\",\r\n name: `device-${i}`,\r\n online: i % 2 == 0,\r\n channels: [],\r\n });\r\n }\r\n return deviceList;\r\n }\r\n\r\n function CreateGroup(count: number) {\r\n const deviceList: Array<DeviceGroup> = [];\r\n for (let i = 0; i < count; i++) {\r\n deviceList.push({\r\n id: `groupid-${i}`,\r\n name: `group-${i}`,\r\n pid: \"\",\r\n onlineCount: 0,\r\n totalCount: 0,\r\n devices: CreateDevice(10),\r\n items: CreateGroup(count - i - 1),\r\n });\r\n }\r\n return deviceList;\r\n }\r\n\r\n export function RandomDeviceGroup(count: number): SessionDeviceGroup {\r\n return {\r\n name: \"hah\",\r\n onlineCount: 0,\r\n totalCount: 0,\r\n items: CreateGroup(count),\r\n };\r\n }\r\n }\r\n\r\n function ForeachDeviceGroup(\r\n deviceGroup: DeviceGroup[],\r\n handleDeviceGroup: (deviceGroup: DeviceGroup) => void\r\n ) {\r\n for (let i = 0; i < deviceGroup.length; i++) {\r\n handleDeviceGroup(deviceGroup[i]);\r\n ForeachDeviceGroup(deviceGroup[i].items, handleDeviceGroup);\r\n }\r\n }\r\n\r\n export namespace Utils {\r\n export function AccessSession(session: SessionDeviceGroup) {\r\n const groupMap: { [k in string]: DeviceGroup } = {};\r\n const deviceMap: { [k in string]: DeviceInfo } = {};\r\n\r\n ForeachDeviceGroup(session.items, (deviceGroup) => {\r\n groupMap[deviceGroup.id] = deviceGroup;\r\n for (let i = 0; i < deviceGroup.devices.length; i++) {\r\n deviceMap[deviceGroup.devices[i].id] = deviceGroup.devices[i];\r\n }\r\n });\r\n\r\n return {\r\n getGroup(id: string) {\r\n return groupMap[id];\r\n },\r\n getDevice(id: string) {\r\n return deviceMap[id];\r\n },\r\n foreachGroup(handle: (item: DeviceGroup) => void) {\r\n for (let i in groupMap) {\r\n handle(groupMap[i]);\r\n }\r\n },\r\n };\r\n }\r\n }\r\n}\r\n","<template>\r\n <div class=\"root\">\r\n <slot></slot>\r\n <!-- <button @click=\"countInfo&&countInfo.onlineCount++\">add</button> -->\r\n <span class=\"count-show\">\r\n {{onlineCount}}/{{totalCount}}\r\n </span>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { RecursionDeviceGroup } from '../../components/recursion-device-group/model'\r\n\r\nexport default defineComponent({\r\n props: {\r\n countInfo: Object as PropType<RecursionDeviceGroup.ICountInfo>\r\n },\r\n setup(props) {\r\n function ForeachICountInfo(handle: (countInfo: RecursionDeviceGroup.ICountInfo) => number, countInfo?: RecursionDeviceGroup.ICountInfo) {\r\n if (countInfo) {\r\n let countItem = 0;\r\n countInfo.items.forEach(item => {\r\n countItem += ForeachICountInfo(handle, item);\r\n })\r\n return handle(countInfo) + countItem;\r\n }\r\n return 0;\r\n }\r\n\r\n const onlineCount = computed(() => {\r\n return ForeachICountInfo((item) => item.onlineCount, props.countInfo)\r\n })\r\n\r\n const totalCount = computed(() => {\r\n return ForeachICountInfo((item) => item.totalCount, props.countInfo)\r\n })\r\n\r\n return {\r\n totalCount,\r\n onlineCount\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.root {\r\n position: relative;\r\n}\r\n\r\n.count-show {\r\n position: absolute;\r\n right: 0px;\r\n color: rgb(183, 183, 183)\r\n}\r\n</style>","<template>\r\n <div class=\"root\">\r\n <slot></slot>\r\n <!-- <button @click=\"countInfo&&countInfo.onlineCount++\">add</button> -->\r\n <span class=\"count-show\">\r\n {{onlineCount}}/{{totalCount}}\r\n </span>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { RecursionDeviceGroup } from '../../components/recursion-device-group/model'\r\n\r\nexport default defineComponent({\r\n props: {\r\n countInfo: Object as PropType<RecursionDeviceGroup.ICountInfo>\r\n },\r\n setup(props) {\r\n function ForeachICountInfo(handle: (countInfo: RecursionDeviceGroup.ICountInfo) => number, countInfo?: RecursionDeviceGroup.ICountInfo) {\r\n if (countInfo) {\r\n let countItem = 0;\r\n countInfo.items.forEach(item => {\r\n countItem += ForeachICountInfo(handle, item);\r\n })\r\n return handle(countInfo) + countItem;\r\n }\r\n return 0;\r\n }\r\n\r\n const onlineCount = computed(() => {\r\n return ForeachICountInfo((item) => item.onlineCount, props.countInfo)\r\n })\r\n\r\n const totalCount = computed(() => {\r\n return ForeachICountInfo((item) => item.totalCount, props.countInfo)\r\n })\r\n\r\n return {\r\n totalCount,\r\n onlineCount\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.root {\r\n position: relative;\r\n}\r\n\r\n.count-show {\r\n position: absolute;\r\n right: 0px;\r\n color: rgb(183, 183, 183)\r\n}\r\n</style>","import { h, defineComponent } from 'vue';\n\nconst defaultIconDimensions = Object.freeze(\n {\n left: 0,\n top: 0,\n width: 16,\n height: 16\n }\n);\nconst defaultIconTransformations = Object.freeze({\n rotate: 0,\n vFlip: false,\n hFlip: false\n});\nconst defaultIconProps = Object.freeze({\n ...defaultIconDimensions,\n ...defaultIconTransformations\n});\nconst defaultExtendedIconProps = Object.freeze({\n ...defaultIconProps,\n body: \"\",\n hidden: false\n});\n\nfunction mergeIconTransformations(obj1, obj2) {\n const result = {};\n if (!obj1.hFlip !== !obj2.hFlip) {\n result.hFlip = true;\n }\n if (!obj1.vFlip !== !obj2.vFlip) {\n result.vFlip = true;\n }\n const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;\n if (rotate) {\n result.rotate = rotate;\n }\n return result;\n}\n\nfunction mergeIconData(parent, child) {\n const result = mergeIconTransformations(parent, child);\n for (const key in defaultExtendedIconProps) {\n if (key in defaultIconTransformations) {\n if (key in parent && !(key in result)) {\n result[key] = defaultIconTransformations[key];\n }\n } else if (key in child) {\n result[key] = child[key];\n } else if (key in parent) {\n result[key] = parent[key];\n }\n }\n return result;\n}\n\nfunction getIconsTree(data, names) {\n const icons = data.icons;\n const aliases = data.aliases || {};\n const resolved = /* @__PURE__ */ Object.create(null);\n function resolve(name) {\n if (icons[name]) {\n return resolved[name] = [];\n }\n if (!(name in resolved)) {\n resolved[name] = null;\n const parent = aliases[name] && aliases[name].parent;\n const value = parent && resolve(parent);\n if (value) {\n resolved[name] = [parent].concat(value);\n }\n }\n return resolved[name];\n }\n (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);\n return resolved;\n}\n\nfunction internalGetIconData(data, name, tree) {\n const icons = data.icons;\n const aliases = data.aliases || {};\n let currentProps = {};\n function parse(name2) {\n currentProps = mergeIconData(\n icons[name2] || aliases[name2],\n currentProps\n );\n }\n parse(name);\n tree.forEach(parse);\n return mergeIconData(data, currentProps);\n}\n\nfunction parseIconSet(data, callback) {\n const names = [];\n if (typeof data !== \"object\" || typeof data.icons !== \"object\") {\n return names;\n }\n if (data.not_found instanceof Array) {\n data.not_found.forEach((name) => {\n callback(name, null);\n names.push(name);\n });\n }\n const tree = getIconsTree(data);\n for (const name in tree) {\n const item = tree[name];\n if (item) {\n callback(name, internalGetIconData(data, name, item));\n names.push(name);\n }\n }\n return names;\n}\n\nconst matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;\n\nconst optionalPropertyDefaults = {\n provider: \"\",\n aliases: {},\n not_found: {},\n ...defaultIconDimensions\n};\nfunction checkOptionalProps(item, defaults) {\n for (const prop in defaults) {\n if (prop in item && typeof item[prop] !== typeof defaults[prop]) {\n return false;\n }\n }\n return true;\n}\nfunction quicklyValidateIconSet(obj) {\n if (typeof obj !== \"object\" || obj === null) {\n return null;\n }\n const data = obj;\n if (typeof data.prefix !== \"string\" || !obj.icons || typeof obj.icons !== \"object\") {\n return null;\n }\n if (!checkOptionalProps(obj, optionalPropertyDefaults)) {\n return null;\n }\n const icons = data.icons;\n for (const name in icons) {\n const icon = icons[name];\n if (!name.match(matchIconName) || typeof icon.body !== \"string\" || !checkOptionalProps(\n icon,\n defaultExtendedIconProps\n )) {\n return null;\n }\n }\n const aliases = data.aliases || {};\n for (const name in aliases) {\n const icon = aliases[name];\n const parent = icon.parent;\n if (!name.match(matchIconName) || typeof parent !== \"string\" || !icons[parent] && !aliases[parent] || !checkOptionalProps(\n icon,\n defaultExtendedIconProps\n )) {\n return null;\n }\n }\n return data;\n}\n\nconst defaultIconSizeCustomisations = Object.freeze({\n width: null,\n height: null\n});\nconst defaultIconCustomisations = Object.freeze({\n ...defaultIconSizeCustomisations,\n ...defaultIconTransformations\n});\n\nfunction mergeCustomisations(defaults, item) {\n const result = {\n ...defaults\n };\n for (const key in item) {\n const value = item[key];\n const valueType = typeof value;\n if (key in defaultIconSizeCustomisations) {\n if (value === null || value && (valueType === \"string\" || valueType === \"number\")) {\n result[key] = value;\n }\n } else if (valueType === typeof result[key]) {\n result[key] = key === \"rotate\" ? value % 4 : value;\n }\n }\n return result;\n}\n\nconst separator = /[\\s,]+/;\nfunction flipFromString(custom, flip) {\n flip.split(separator).forEach((str) => {\n const value = str.trim();\n switch (value) {\n case \"horizontal\":\n custom.hFlip = true;\n break;\n case \"vertical\":\n custom.vFlip = true;\n break;\n }\n });\n}\n\nfunction rotateFromString(value, defaultValue = 0) {\n const units = value.replace(/^-?[0-9.]*/, \"\");\n function cleanup(value2) {\n while (value2 < 0) {\n value2 += 4;\n }\n return value2 % 4;\n }\n if (units === \"\") {\n const num = parseInt(value);\n return isNaN(num) ? 0 : cleanup(num);\n } else if (units !== value) {\n let split = 0;\n switch (units) {\n case \"%\":\n split = 25;\n break;\n case \"deg\":\n split = 90;\n }\n if (split) {\n let num = parseFloat(value.slice(0, value.length - units.length));\n if (isNaN(num)) {\n return 0;\n }\n num = num / split;\n return num % 1 === 0 ? cleanup(num) : 0;\n }\n }\n return defaultValue;\n}\n\nconst unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;\nconst unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;\nfunction calculateSize(size, ratio, precision) {\n if (ratio === 1) {\n return size;\n }\n precision = precision || 100;\n if (typeof size === \"number\") {\n return Math.ceil(size * ratio * precision) / precision;\n }\n if (typeof size !== \"string\") {\n return size;\n }\n const oldParts = size.split(unitsSplit);\n if (oldParts === null || !oldParts.length) {\n return size;\n }\n const newParts = [];\n let code = oldParts.shift();\n let isNumber = unitsTest.test(code);\n while (true) {\n if (isNumber) {\n const num = parseFloat(code);\n if (isNaN(num)) {\n newParts.push(code);\n } else {\n newParts.push(Math.ceil(num * ratio * precision) / precision);\n }\n } else {\n newParts.push(code);\n }\n code = oldParts.shift();\n if (code === void 0) {\n return newParts.join(\"\");\n }\n isNumber = !isNumber;\n }\n}\n\nfunction iconToSVG(icon, customisations) {\n const fullIcon = {\n ...defaultIconProps,\n ...icon\n };\n const fullCustomisations = {\n ...defaultIconCustomisations,\n ...customisations\n };\n const box = {\n left: fullIcon.left,\n top: fullIcon.top,\n width: fullIcon.width,\n height: fullIcon.height\n };\n let body = fullIcon.body;\n [fullIcon, fullCustomisations].forEach((props) => {\n const transformations = [];\n const hFlip = props.hFlip;\n const vFlip = props.vFlip;\n let rotation = props.rotate;\n if (hFlip) {\n if (vFlip) {\n rotation += 2;\n } else {\n transformations.push(\n \"translate(\" + (box.width + box.left).toString() + \" \" + (0 - box.top).toString() + \")\"\n );\n transformations.push(\"scale(-1 1)\");\n box.top = box.left = 0;\n }\n } else if (vFlip) {\n transformations.push(\n \"translate(\" + (0 - box.left).toString() + \" \" + (box.height + box.top).toString() + \")\"\n );\n transformations.push(\"scale(1 -1)\");\n box.top = box.left = 0;\n }\n let tempValue;\n if (rotation < 0) {\n rotation -= Math.floor(rotation / 4) * 4;\n }\n rotation = rotation % 4;\n switch (rotation) {\n case 1:\n tempValue = box.height / 2 + box.top;\n transformations.unshift(\n \"rotate(90 \" + tempValue.toString() + \" \" + tempValue.toString() + \")\"\n );\n break;\n case 2:\n transformations.unshift(\n \"rotate(180 \" + (box.width / 2 + box.left).toString() + \" \" + (box.height / 2 + box.top).toString() + \")\"\n );\n break;\n case 3:\n tempValue = box.width / 2 + box.left;\n transformations.unshift(\n \"rotate(-90 \" + tempValue.toString() + \" \" + tempValue.toString() + \")\"\n );\n break;\n }\n if (rotation % 2 === 1) {\n if (box.left !== box.top) {\n tempValue = box.left;\n box.left = box.top;\n box.top = tempValue;\n }\n if (box.width !== box.height) {\n tempValue = box.width;\n box.width = box.height;\n box.height = tempValue;\n }\n }\n if (transformations.length) {\n body = '<g transform=\"' + transformations.join(\" \") + '\">' + body + \"</g>\";\n }\n });\n const customisationsWidth = fullCustomisations.width;\n const customisationsHeight = fullCustomisations.height;\n const boxWidth = box.width;\n const boxHeight = box.height;\n let width;\n let height;\n if (customisationsWidth === null) {\n height = customisationsHeight === null ? \"1em\" : customisationsHeight === \"auto\" ? boxHeight : customisationsHeight;\n width = calculateSize(height, boxWidth / boxHeight);\n } else {\n width = customisationsWidth === \"auto\" ? boxWidth : customisationsWidth;\n height = customisationsHeight === null ? calculateSize(width, boxHeight / boxWidth) : customisationsHeight === \"auto\" ? boxHeight : customisationsHeight;\n }\n const result = {\n attributes: {\n width: width.toString(),\n height: height.toString(),\n viewBox: box.left.toString() + \" \" + box.top.toString() + \" \" + boxWidth.toString() + \" \" + boxHeight.toString()\n },\n body\n };\n return result;\n}\n\nconst regex = /\\sid=\"(\\S+)\"/g;\nconst randomPrefix = \"IconifyId\" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);\nlet counter = 0;\nfunction replaceIDs(body, prefix = randomPrefix) {\n const ids = [];\n let match;\n while (match = regex.exec(body)) {\n ids.push(match[1]);\n }\n if (!ids.length) {\n return body;\n }\n ids.forEach((id) => {\n const newID = typeof prefix === \"function\" ? prefix(id) : prefix + (counter++).toString();\n const escapedID = id.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n body = body.replace(\n new RegExp('([#;\"])(' + escapedID + ')([\")]|\\\\.[a-z])', \"g\"),\n \"$1\" + newID + \"$3\"\n );\n });\n return body;\n}\n\nfunction iconToHTML(body, attributes) {\n let renderAttribsHTML = body.indexOf(\"xlink:\") === -1 ? \"\" : ' xmlns:xlink=\"http://www.w3.org/1999/xlink\"';\n for (const attr in attributes) {\n renderAttribsHTML += \" \" + attr + '=\"' + attributes[attr] + '\"';\n }\n return '<svg xmlns=\"http://www.w3.org/2000/svg\"' + renderAttribsHTML + \">\" + body + \"</svg>\";\n}\n\nfunction encodeSVGforURL(svg) {\n return svg.replace(/\"/g, \"'\").replace(/%/g, \"%25\").replace(/#/g, \"%23\").replace(/</g, \"%3C\").replace(/>/g, \"%3E\").replace(/\\s+/g, \" \");\n}\nfunction svgToURL(svg) {\n return 'url(\"data:image/svg+xml,' + encodeSVGforURL(svg) + '\")';\n}\n\nconst defaultExtendedIconCustomisations = {\n ...defaultIconCustomisations,\n inline: false,\n};\n\n/**\n * Default SVG attributes\n */\nconst svgDefaults = {\n 'xmlns': 'http://www.w3.org/2000/svg',\n 'xmlns:xlink': 'http://www.w3.org/1999/xlink',\n 'aria-hidden': true,\n 'role': 'img',\n};\n/**\n * Style modes\n */\nconst commonProps = {\n display: 'inline-block',\n};\nconst monotoneProps = {\n backgroundColor: 'currentColor',\n};\nconst coloredProps = {\n backgroundColor: 'transparent',\n};\n// Dynamically add common props to variables above\nconst propsToAdd = {\n Image: 'var(--svg)',\n Repeat: 'no-repeat',\n Size: '100% 100%',\n};\nconst propsToAddTo = {\n webkitMask: monotoneProps,\n mask: monotoneProps,\n background: coloredProps,\n};\nfor (const prefix in propsToAddTo) {\n const list = propsToAddTo[prefix];\n for (const prop in propsToAdd) {\n list[prefix + prop] = propsToAdd[prop];\n }\n}\n/**\n * Aliases for customisations.\n * In Vue 'v-' properties are reserved, so v-flip must be renamed\n */\nconst customisationAliases = {};\n['horizontal', 'vertical'].forEach((prefix) => {\n const attr = prefix.slice(0, 1) + 'Flip';\n // vertical-flip\n customisationAliases[prefix + '-flip'] = attr;\n // v-flip\n customisationAliases[prefix.slice(0, 1) + '-flip'] = attr;\n // verticalFlip\n customisationAliases[prefix + 'Flip'] = attr;\n});\n/**\n * Fix size: add 'px' to numbers\n */\nfunction fixSize(value) {\n return value + (value.match(/^[-0-9.]+$/) ? 'px' : '');\n}\n/**\n * Render icon\n */\nconst render = (\n// Icon must be validated before calling this function\nicon, \n// Partial properties\nprops) => {\n // Split properties\n const customisations = mergeCustomisations(defaultExtendedIconCustomisations, props);\n const componentProps = { ...svgDefaults };\n // Check mode\n const mode = props.mode || 'svg';\n // Copy style\n const style = {};\n const propsStyle = props.style;\n const customStyle = typeof propsStyle === 'object' && !(propsStyle instanceof Array)\n ? propsStyle\n : {};\n // Get element properties\n for (let key in props) {\n const value = props[key];\n if (value === void 0) {\n continue;\n }\n switch (key) {\n // Properties to ignore\n case 'icon':\n case 'style':\n case 'onLoad':\n case 'mode':\n break;\n // Boolean attributes\n case 'inline':\n case 'hFlip':\n case 'vFlip':\n customisations[key] =\n value === true || value === 'true' || value === 1;\n break;\n // Flip as string: 'horizontal,vertical'\n case 'flip':\n if (typeof value === 'string') {\n flipFromString(customisations, value);\n }\n break;\n // Color: override style\n case 'color':\n style.color = value;\n break;\n // Rotation as string\n case 'rotate':\n if (typeof value === 'string') {\n customisations[key] = rotateFromString(value);\n }\n else if (typeof value === 'number') {\n customisations[key] = value;\n }\n break;\n // Remove aria-hidden\n case 'ariaHidden':\n case 'aria-hidden':\n // Vue transforms 'aria-hidden' property to 'ariaHidden'\n if (value !== true && value !== 'true') {\n delete componentProps['aria-hidden'];\n }\n break;\n default: {\n const alias = customisationAliases[key];\n if (alias) {\n // Aliases for boolean customisations\n if (value === true || value === 'true' || value === 1) {\n customisations[alias] = true;\n }\n }\n else if (defaultExtendedIconCustomisations[key] === void 0) {\n // Copy missing property if it does not exist in customisations\n componentProps[key] = value;\n }\n }\n }\n }\n // Generate icon\n const item = iconToSVG(icon, customisations);\n const renderAttribs = item.attributes;\n // Inline display\n if (customisations.inline) {\n style.verticalAlign = '-0.125em';\n }\n if (mode === 'svg') {\n // Add style\n componentProps.style = {\n ...style,\n ...customStyle,\n };\n // Add icon stuff\n Object.assign(componentProps, renderAttribs);\n // Counter for ids based on \"id\" property to render icons consistently on server and client\n let localCounter = 0;\n let id = props.id;\n if (typeof id === 'string') {\n // Convert '-' to '_' to avoid errors in animations\n id = id.replace(/-/g, '_');\n }\n // Add innerHTML and style to props\n componentProps['innerHTML'] = replaceIDs(item.body, id ? () => id + 'ID' + localCounter++ : 'iconifyVue');\n // Render icon\n return h('svg', componentProps);\n }\n // Render <span> with style\n const { body, width, height } = icon;\n const useMask = mode === 'mask' ||\n (mode === 'bg' ? false : body.indexOf('currentColor') !== -1);\n // Generate SVG\n const html = iconToHTML(body, {\n ...renderAttribs,\n width: width + '',\n height: height + '',\n });\n // Generate style\n componentProps.style = {\n ...style,\n '--svg': svgToURL(html),\n 'width': fixSize(renderAttribs.width),\n 'height': fixSize(renderAttribs.height),\n ...commonProps,\n ...(useMask ? monotoneProps : coloredProps),\n ...customStyle,\n };\n return h('span', componentProps);\n};\n\n/**\n * Storage for icons referred by name\n */\nconst storage = Object.create(null);\n/**\n * Add icon to storage, allowing to call it by name\n *\n * @param name\n * @param data\n */\nfunction addIcon(name, data) {\n storage[name] = data;\n}\n/**\n * Add collection to storage, allowing to call icons by name\n *\n * @param data Icon set\n * @param prefix Optional prefix to add to icon names, true (default) if prefix from icon set should be used.\n */\nfunction addCollection(data, prefix) {\n const iconPrefix = typeof prefix === 'string'\n ? prefix\n : prefix !== false && typeof data.prefix === 'string'\n ? data.prefix + ':'\n : '';\n quicklyValidateIconSet(data) &&\n parseIconSet(data, (name, icon) => {\n if (icon) {\n storage[iconPrefix + name] = icon;\n }\n });\n}\n/**\n * Component\n */\nconst Icon = defineComponent({\n // Do not inherit other attributes: it is handled by render()\n inheritAttrs: false,\n // Render icon\n render() {\n const props = this.$attrs;\n // Check icon\n const propsIcon = props.icon;\n const icon = typeof propsIcon === 'string'\n ? storage[propsIcon]\n : typeof propsIcon === 'object'\n ? propsIcon\n : null;\n // Validate icon object\n if (icon === null ||\n typeof icon !== 'object' ||\n typeof icon.body !== 'string') {\n return this.$slots.default ? this.$slots.default() : null;\n }\n // Valid icon: render it\n return render({\n ...defaultIconProps,\n ...icon,\n }, props);\n },\n});\n\nexport { Icon, addCollection, addIcon };\n","<template>\r\n <div class=\"group\" v-if=\"showGroup\">\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <Icon icon=\"right\" :rotate=\"bShow&&'90deg'\" width=\"20\" @click=\"bShow = !bShow\" class=\"handle-ls-svg\" />\r\n <Icon icon=\"group\" width=\"24\" class=\"group-avatar\" />\r\n <span class=\"group-name\" :title=\"deviceGroup?.name\">\r\n {{deviceGroup?.name}}\r\n </span>\r\n <div class=\"group-slot\">\r\n <slot name=\"group\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </CountShow>\r\n\r\n <div style=\"margin-left: 26px\" v-if=\"bShow\">\r\n <group-show v-for=\"group, index in (deviceGroup?.items)\" :key=\"index\" :deviceGroup=\"group\"\r\n :controlParams=\"controlParams\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device}\">\r\n <slot name=\"device\" :device=\"device\"></slot>\r\n </template>\r\n </group-show>\r\n <div v-for=\"(item, index) in FilterDevice(deviceGroup?.devices)\" :key=\"index\" class=\"device\"\r\n v-show=\"showDevice(item)\" :class=\"item.online&&'online-device'\">\r\n <Icon icon=\"user\" width=\"16\" class=\"device-avatar\" />\r\n <span :title=\"item.id\" class=\"device-name\">{{item.name}}</span>\r\n <div class=\"device-slot\">\r\n <slot name=\"device\" :device=\"item\"></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from '/@/components/recursion-device-group/model'\r\nimport CountShow from \"../count-show/index.vue\"\r\nimport { Icon } from '@iconify/vue/offline';\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n Icon\r\n },\r\n name: \"group-show\",\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.DeviceGroup>,\r\n controlParams: Object as PropType<RecursionDeviceGroup.IControlParams>\r\n },\r\n setup(props) {\r\n function FilterDevice(devices?: RecursionDeviceGroup.DeviceInfo[]) {\r\n return (devices && devices.filter(item => !props.controlParams?.onlyShowOnline || item.online)) || []\r\n }\r\n\r\n const showGroup = computed(() => {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n\r\n if (props.deviceGroup && props.deviceGroup?.name.indexOf(strSearch) > 0) {\r\n return true;\r\n }\r\n\r\n return props.deviceGroup?.devices.find(item => item.name.indexOf((props.controlParams as any).searchStr) > 0)\r\n })\r\n\r\n function showDevice(device: RecursionDeviceGroup.DeviceInfo) {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n return device.name.indexOf((props.controlParams as any).searchStr) > 0\r\n }\r\n\r\n const bShow = ref(false);\r\n return {\r\n showGroup,\r\n showDevice,\r\n FilterDevice,\r\n bShow\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style>\r\n:root {\r\n --device-offline-color: rgb(168, 168, 168);\r\n --device-online-color: rgb(1, 172, 1);\r\n --group-name-width: 160px\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.handle-ls-svg {\r\n vertical-align: -5px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n color: rgb(56, 56, 56)\r\n}\r\n\r\n.group-avatar {\r\n vertical-align: -6px;\r\n color: gray;\r\n}\r\n\r\n.device,\r\n.group {\r\n margin: 5px 0px;\r\n}\r\n\r\n.group-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n line-height: 24px;\r\n padding-left: 5px;\r\n}\r\n\r\n.group-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 100px);\r\n}\r\n\r\n.device-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 42px);\r\n}\r\n\r\n.device-avatar {\r\n vertical-align: -2px;\r\n margin-right: 4px;\r\n margin-left: 2px;\r\n color: var(--device-offline-color);\r\n}\r\n\r\n.device-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: bottom;\r\n color: var(--device-offline-color);\r\n padding-left: 5px;\r\n}\r\n\r\n.online-device .device-avatar,\r\n.online-device .device-name {\r\n color: var(--device-online-color)\r\n}\r\n</style>\r\n","<template>\r\n <div class=\"group\" v-if=\"showGroup\">\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <Icon icon=\"right\" :rotate=\"bShow&&'90deg'\" width=\"20\" @click=\"bShow = !bShow\" class=\"handle-ls-svg\" />\r\n <Icon icon=\"group\" width=\"24\" class=\"group-avatar\" />\r\n <span class=\"group-name\" :title=\"deviceGroup?.name\">\r\n {{deviceGroup?.name}}\r\n </span>\r\n <div class=\"group-slot\">\r\n <slot name=\"group\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </CountShow>\r\n\r\n <div style=\"margin-left: 26px\" v-if=\"bShow\">\r\n <group-show v-for=\"group, index in (deviceGroup?.items)\" :key=\"index\" :deviceGroup=\"group\"\r\n :controlParams=\"controlParams\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device}\">\r\n <slot name=\"device\" :device=\"device\"></slot>\r\n </template>\r\n </group-show>\r\n <div v-for=\"(item, index) in FilterDevice(deviceGroup?.devices)\" :key=\"index\" class=\"device\"\r\n v-show=\"showDevice(item)\" :class=\"item.online&&'online-device'\">\r\n <Icon icon=\"user\" width=\"16\" class=\"device-avatar\" />\r\n <span :title=\"item.id\" class=\"device-name\">{{item.name}}</span>\r\n <div class=\"device-slot\">\r\n <slot name=\"device\" :device=\"item\"></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from '/@/components/recursion-device-group/model'\r\nimport CountShow from \"../count-show/index.vue\"\r\nimport { Icon } from '@iconify/vue/offline';\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n Icon\r\n },\r\n name: \"group-show\",\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.DeviceGroup>,\r\n controlParams: Object as PropType<RecursionDeviceGroup.IControlParams>\r\n },\r\n setup(props) {\r\n function FilterDevice(devices?: RecursionDeviceGroup.DeviceInfo[]) {\r\n return (devices && devices.filter(item => !props.controlParams?.onlyShowOnline || item.online)) || []\r\n }\r\n\r\n const showGroup = computed(() => {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n\r\n if (props.deviceGroup && props.deviceGroup?.name.indexOf(strSearch) > 0) {\r\n return true;\r\n }\r\n\r\n return props.deviceGroup?.devices.find(item => item.name.indexOf((props.controlParams as any).searchStr) > 0)\r\n })\r\n\r\n function showDevice(device: RecursionDeviceGroup.DeviceInfo) {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n return device.name.indexOf((props.controlParams as any).searchStr) > 0\r\n }\r\n\r\n const bShow = ref(false);\r\n return {\r\n showGroup,\r\n showDevice,\r\n FilterDevice,\r\n bShow\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style>\r\n:root {\r\n --device-offline-color: rgb(168, 168, 168);\r\n --device-online-color: rgb(1, 172, 1);\r\n --group-name-width: 160px\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.handle-ls-svg {\r\n vertical-align: -5px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n color: rgb(56, 56, 56)\r\n}\r\n\r\n.group-avatar {\r\n vertical-align: -6px;\r\n color: gray;\r\n}\r\n\r\n.device,\r\n.group {\r\n margin: 5px 0px;\r\n}\r\n\r\n.group-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n line-height: 24px;\r\n padding-left: 5px;\r\n}\r\n\r\n.group-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 100px);\r\n}\r\n\r\n.device-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 42px);\r\n}\r\n\r\n.device-avatar {\r\n vertical-align: -2px;\r\n margin-right: 4px;\r\n margin-left: 2px;\r\n color: var(--device-offline-color);\r\n}\r\n\r\n.device-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: bottom;\r\n color: var(--device-offline-color);\r\n padding-left: 5px;\r\n}\r\n\r\n.online-device .device-avatar,\r\n.online-device .device-name {\r\n color: var(--device-online-color)\r\n}\r\n</style>\r\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M384 192v640l384-320.064z\\\"/>\"\n};\nexport default data;\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z\\\"/>\"\n};\nexport default data;\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z\\\"/>\"\n};\nexport default data;\n","<template>\r\n <div class=\"device-group-list\">\r\n <div class=\"search-panel\">\r\n <div style=\"height: 32px; line-height: 32px;\">\r\n <img src=\"\" />\r\n <input type=\"text\" @change=\"onSearchChange\" ref=\"inputSearchRef\" />\r\n </div>\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <input type=\"checkbox\" id=\"onlineShow\" value=\"onlineShow\" @change=\"onCheckBoxChange\" />\r\n <label for=\"onlineShow\">只显示在线设备</label>\r\n </CountShow>\r\n </div>\r\n <div class=\"device-panel\">\r\n <group-show :controlParams=\"controlParams\" v-for=\"itemGroup, index in deviceGroup?.items\" :key=\"index\"\r\n :deviceGroup=\"itemGroup\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device}\">\r\n <slot name=\"device\" :device=\"device\"></slot>\r\n </template>\r\n </group-show>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from \"./model\"\r\nimport GroupShow from \"/@/components-global/group-show/index.vue\"\r\nimport CountShow from \"/@/components-global/count-show/index.vue\"\r\n\r\nimport { addIcon } from \"@iconify/vue/offline\"\r\nimport right from \"@iconify-icons/ep/caret-right\"\r\nimport group from \"@iconify-icons/ep/folder-opened\"\r\nimport avatar from \"@iconify-icons/ep/avatar\"\r\n\r\naddIcon('right', right);\r\naddIcon('group', group);\r\naddIcon('user', avatar);\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n GroupShow\r\n },\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.SessionDeviceGroup>\r\n },\r\n methods: {\r\n onCheckBoxChange() {\r\n this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;\r\n },\r\n onSearchChange() {\r\n if (this.inputSearchRef) {\r\n this.controlParams.searchStr = this.inputSearchRef?.value\r\n console.log(this.controlParams.searchStr)\r\n }\r\n }\r\n },\r\n setup() {\r\n const controlParams = ref<RecursionDeviceGroup.IControlParams>({\r\n onlyShowOnline: false,\r\n searchStr: \"\"\r\n });\r\n const inputSearchRef = ref<HTMLInputElement>()\r\n return {\r\n inputSearchRef,\r\n controlParams\r\n }\r\n },\r\n})\r\n\r\n</script>\r\n\r\n\r\n<style>\r\n:root {\r\n --sec-main-search-height: 64px\r\n}\r\n</style>\r\n\r\n\r\n<style scoped>\r\n.device-group-list {\r\n height: 100%;\r\n}\r\n\r\n.device-group-list .search-panel {\r\n height: var(--sec-main-search-height);\r\n}\r\n\r\n.device-group-list .device-panel {\r\n height: calc(100% - var(--sec-main-search-height));\r\n overflow-y: auto;\r\n}\r\n</style>\r\n\r\n","<template>\r\n <div class=\"device-group-list\">\r\n <div class=\"search-panel\">\r\n <div style=\"height: 32px; line-height: 32px;\">\r\n <img src=\"\" />\r\n <input type=\"text\" @change=\"onSearchChange\" ref=\"inputSearchRef\" />\r\n </div>\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <input type=\"checkbox\" id=\"onlineShow\" value=\"onlineShow\" @change=\"onCheckBoxChange\" />\r\n <label for=\"onlineShow\">只显示在线设备</label>\r\n </CountShow>\r\n </div>\r\n <div class=\"device-panel\">\r\n <group-show :controlParams=\"controlParams\" v-for=\"itemGroup, index in deviceGroup?.items\" :key=\"index\"\r\n :deviceGroup=\"itemGroup\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device}\">\r\n <slot name=\"device\" :device=\"device\"></slot>\r\n </template>\r\n </group-show>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from \"./model\"\r\nimport GroupShow from \"/@/components-global/group-show/index.vue\"\r\nimport CountShow from \"/@/components-global/count-show/index.vue\"\r\n\r\nimport { addIcon } from \"@iconify/vue/offline\"\r\nimport right from \"@iconify-icons/ep/caret-right\"\r\nimport group from \"@iconify-icons/ep/folder-opened\"\r\nimport avatar from \"@iconify-icons/ep/avatar\"\r\n\r\naddIcon('right', right);\r\naddIcon('group', group);\r\naddIcon('user', avatar);\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n GroupShow\r\n },\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.SessionDeviceGroup>\r\n },\r\n methods: {\r\n onCheckBoxChange() {\r\n this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;\r\n },\r\n onSearchChange() {\r\n if (this.inputSearchRef) {\r\n this.controlParams.searchStr = this.inputSearchRef?.value\r\n console.log(this.controlParams.searchStr)\r\n }\r\n }\r\n },\r\n setup() {\r\n const controlParams = ref<RecursionDeviceGroup.IControlParams>({\r\n onlyShowOnline: false,\r\n searchStr: \"\"\r\n });\r\n const inputSearchRef = ref<HTMLInputElement>()\r\n return {\r\n inputSearchRef,\r\n controlParams\r\n }\r\n },\r\n})\r\n\r\n</script>\r\n\r\n\r\n<style>\r\n:root {\r\n --sec-main-search-height: 64px\r\n}\r\n</style>\r\n\r\n\r\n<style scoped>\r\n.device-group-list {\r\n height: 100%;\r\n}\r\n\r\n.device-group-list .search-panel {\r\n height: var(--sec-main-search-height);\r\n}\r\n\r\n.device-group-list .device-panel {\r\n height: calc(100% - var(--sec-main-search-height));\r\n overflow-y: auto;\r\n}\r\n</style>\r\n\r\n","import { Plugin, App } from \"vue\";\r\n\r\nexport * from \"./comp.d\";\r\nexport * from \"./components\";\r\n\r\nimport RecursionDeviceGroup from \"/@/components/recursion-device-group/index.vue\";\r\n\r\nconst components = {\r\n RecursionDeviceGroup,\r\n};\r\n\r\nconst _default: Plugin = {\r\n install(app: App) {\r\n for (const itemKey in components) {\r\n const item = components[itemKey as keyof typeof components];\r\n app.component(itemKey, item);\r\n }\r\n },\r\n};\r\n\r\nexport default _default;\r\n"],"names":["RecursionDeviceGroup","Test","CreateDevice","count","deviceList","i","CreateGroup","RandomDeviceGroup","ForeachDeviceGroup","deviceGroup","handleDeviceGroup","Utils","AccessSession","session","groupMap","deviceMap","id","handle","_sfc_main$2","defineComponent","props","ForeachICountInfo","countInfo","countItem","item","onlineCount","computed","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx","defaultIconDimensions","defaultIconTransformations","defaultIconProps","defaultIconSizeCustomisations","defaultIconCustomisations","mergeCustomisations","defaults","result","key","value","valueType","separator","flipFromString","custom","flip","str","rotateFromString","defaultValue","units","cleanup","value2","num","split","unitsSplit","unitsTest","calculateSize","size","ratio","precision","oldParts","newParts","code","isNumber","iconToSVG","icon","customisations","fullIcon","fullCustomisations","box","body","transformations","hFlip","vFlip","rotation","tempValue","customisationsWidth","customisationsHeight","boxWidth","boxHeight","width","height","regex","randomPrefix","counter","replaceIDs","prefix","ids","match","newID","escapedID","iconToHTML","attributes","renderAttribsHTML","attr","encodeSVGforURL","svg","svgToURL","defaultExtendedIconCustomisations","svgDefaults","commonProps","monotoneProps","coloredProps","propsToAdd","propsToAddTo","list","prop","customisationAliases","fixSize","render","componentProps","mode","style","propsStyle","customStyle","alias","renderAttribs","localCounter","h","useMask","html","storage","addIcon","name","data","Icon","propsIcon","_sfc_main$1","CountShow","FilterDevice","devices","_a","showGroup","strSearch","_b","showDevice","device","bShow","ref","_hoisted_4","_component_group_show","_resolveComponent","_createVNode","_component_CountShow","_withCtx","_component_Icon","_cache","$event","_a2","_toDisplayString","_b2","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_renderList","group","index","_createBlock","group2","_withDirectives","_hoisted_5","_hoisted_6","right","avatar","_sfc_main","GroupShow","controlParams","_withScopeId","n","_pushScopeId","_popScopeId","args","itemGroup","components","_default","app","itemKey"],"mappings":"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"}
1
+ {"version":3,"file":"smarteye-e-components.mjs","sources":["../src/components/recursion-device-group/model/index.ts","../src/components-global/count-show/index.vue","../src/components-global/count-show/index.vue","../node_modules/.pnpm/@iconify+vue@4.0.0_vue@3.2.39/node_modules/@iconify/vue/dist/offline.mjs","../src/components-global/group-show/index.vue","../src/components-global/group-show/index.vue","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/caret-right.js","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/folder-opened.js","../node_modules/.pnpm/@iconify-icons+ep@1.2.8/node_modules/@iconify-icons/ep/avatar.js","../src/components/recursion-device-group/index.vue","../src/components/recursion-device-group/index.vue","../src/index.ts"],"sourcesContent":["export namespace RecursionDeviceGroup {\r\n export interface IChannelInfo {\r\n index: number;\r\n name: string;\r\n mediaDir: number;\r\n }\r\n\r\n export interface DeviceInfo<T = any> {\r\n id: string;\r\n name: string;\r\n pid: string;\r\n online: boolean;\r\n channels: Array<IChannelInfo>;\r\n tag?: T;\r\n }\r\n\r\n export interface DeviceGroup<T = any, DT = any> extends ICountInfo {\r\n id: string;\r\n name: string;\r\n pid: string;\r\n devices: Array<DeviceInfo<DT>>;\r\n items: Array<DeviceGroup<T, DT>>;\r\n tag?: T;\r\n }\r\n\r\n export interface SessionDeviceGroup<\r\n GroupTag = any,\r\n DeviceTag = any,\r\n SessionTag = any\r\n > extends ICountInfo {\r\n name: string;\r\n items: Array<DeviceGroup>;\r\n tag?: SessionTag;\r\n }\r\n\r\n export interface ICountInfo {\r\n totalCount: number;\r\n onlineCount: number;\r\n items: Array<ICountInfo>;\r\n }\r\n\r\n export interface IControlParams {\r\n onlyShowOnline: boolean;\r\n searchStr: string;\r\n }\r\n\r\n export namespace Test {\r\n let startIndex = 0;\r\n function CreateDevice(count: number): Array<DeviceInfo> {\r\n const deviceList: Array<DeviceInfo> = [];\r\n for (let i = 0; i < count; i++) {\r\n deviceList.push({\r\n id: \"testId\",\r\n pid: \"\",\r\n name: `device-${i}`,\r\n online: i % 2 == 0,\r\n channels: [],\r\n });\r\n }\r\n return deviceList;\r\n }\r\n\r\n function CreateGroup(count: number) {\r\n const deviceList: Array<DeviceGroup> = [];\r\n for (let i = 0; i < count; i++) {\r\n deviceList.push({\r\n id: `groupid-${i}`,\r\n name: `group-${i}`,\r\n pid: \"\",\r\n onlineCount: 0,\r\n totalCount: 0,\r\n devices: CreateDevice(10),\r\n items: CreateGroup(count - i - 1),\r\n });\r\n }\r\n return deviceList;\r\n }\r\n\r\n export function RandomDeviceGroup(count: number): SessionDeviceGroup {\r\n return {\r\n name: \"hah\",\r\n onlineCount: 0,\r\n totalCount: 0,\r\n items: CreateGroup(count),\r\n };\r\n }\r\n }\r\n\r\n function ForeachDeviceGroup(\r\n deviceGroup: DeviceGroup[],\r\n handleDeviceGroup: (deviceGroup: DeviceGroup) => void\r\n ) {\r\n for (let i = 0; i < deviceGroup.length; i++) {\r\n handleDeviceGroup(deviceGroup[i]);\r\n ForeachDeviceGroup(deviceGroup[i].items, handleDeviceGroup);\r\n }\r\n }\r\n\r\n export namespace Utils {\r\n export function AccessSession(session: SessionDeviceGroup) {\r\n const groupMap: { [k in string]: DeviceGroup } = {};\r\n const deviceMap: { [k in string]: DeviceInfo } = {};\r\n\r\n ForeachDeviceGroup(session.items, (deviceGroup) => {\r\n groupMap[deviceGroup.id] = deviceGroup;\r\n for (let i = 0; i < deviceGroup.devices.length; i++) {\r\n deviceMap[deviceGroup.devices[i].id] = deviceGroup.devices[i];\r\n }\r\n });\r\n\r\n return {\r\n getGroup(id: string) {\r\n return groupMap[id];\r\n },\r\n getDevice(id: string) {\r\n return deviceMap[id];\r\n },\r\n foreachGroup(handle: (item: DeviceGroup) => void) {\r\n for (let i in groupMap) {\r\n handle(groupMap[i]);\r\n }\r\n },\r\n };\r\n }\r\n }\r\n}\r\n","<template>\r\n <div class=\"root\">\r\n <slot></slot>\r\n <!-- <button @click=\"countInfo&&countInfo.onlineCount++\">add</button> -->\r\n <span class=\"count-show\">\r\n {{onlineCount}}/{{totalCount}}\r\n </span>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { RecursionDeviceGroup } from '../../components/recursion-device-group/model'\r\n\r\nexport default defineComponent({\r\n props: {\r\n countInfo: Object as PropType<RecursionDeviceGroup.ICountInfo>\r\n },\r\n setup(props) {\r\n function ForeachICountInfo(handle: (countInfo: RecursionDeviceGroup.ICountInfo) => number, countInfo?: RecursionDeviceGroup.ICountInfo) {\r\n if (countInfo) {\r\n let countItem = 0;\r\n countInfo.items.forEach(item => {\r\n countItem += ForeachICountInfo(handle, item);\r\n })\r\n return handle(countInfo) + countItem;\r\n }\r\n return 0;\r\n }\r\n\r\n const onlineCount = computed(() => {\r\n return ForeachICountInfo((item) => item.onlineCount, props.countInfo)\r\n })\r\n\r\n const totalCount = computed(() => {\r\n return ForeachICountInfo((item) => item.totalCount, props.countInfo)\r\n })\r\n\r\n return {\r\n totalCount,\r\n onlineCount\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.root {\r\n position: relative;\r\n}\r\n\r\n.count-show {\r\n position: absolute;\r\n right: 0px;\r\n color: rgb(183, 183, 183)\r\n}\r\n</style>","<template>\r\n <div class=\"root\">\r\n <slot></slot>\r\n <!-- <button @click=\"countInfo&&countInfo.onlineCount++\">add</button> -->\r\n <span class=\"count-show\">\r\n {{onlineCount}}/{{totalCount}}\r\n </span>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType } from 'vue'\r\nimport { RecursionDeviceGroup } from '../../components/recursion-device-group/model'\r\n\r\nexport default defineComponent({\r\n props: {\r\n countInfo: Object as PropType<RecursionDeviceGroup.ICountInfo>\r\n },\r\n setup(props) {\r\n function ForeachICountInfo(handle: (countInfo: RecursionDeviceGroup.ICountInfo) => number, countInfo?: RecursionDeviceGroup.ICountInfo) {\r\n if (countInfo) {\r\n let countItem = 0;\r\n countInfo.items.forEach(item => {\r\n countItem += ForeachICountInfo(handle, item);\r\n })\r\n return handle(countInfo) + countItem;\r\n }\r\n return 0;\r\n }\r\n\r\n const onlineCount = computed(() => {\r\n return ForeachICountInfo((item) => item.onlineCount, props.countInfo)\r\n })\r\n\r\n const totalCount = computed(() => {\r\n return ForeachICountInfo((item) => item.totalCount, props.countInfo)\r\n })\r\n\r\n return {\r\n totalCount,\r\n onlineCount\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style scoped>\r\n.root {\r\n position: relative;\r\n}\r\n\r\n.count-show {\r\n position: absolute;\r\n right: 0px;\r\n color: rgb(183, 183, 183)\r\n}\r\n</style>","import { h, defineComponent } from 'vue';\n\nconst defaultIconDimensions = Object.freeze(\n {\n left: 0,\n top: 0,\n width: 16,\n height: 16\n }\n);\nconst defaultIconTransformations = Object.freeze({\n rotate: 0,\n vFlip: false,\n hFlip: false\n});\nconst defaultIconProps = Object.freeze({\n ...defaultIconDimensions,\n ...defaultIconTransformations\n});\nconst defaultExtendedIconProps = Object.freeze({\n ...defaultIconProps,\n body: \"\",\n hidden: false\n});\n\nfunction mergeIconTransformations(obj1, obj2) {\n const result = {};\n if (!obj1.hFlip !== !obj2.hFlip) {\n result.hFlip = true;\n }\n if (!obj1.vFlip !== !obj2.vFlip) {\n result.vFlip = true;\n }\n const rotate = ((obj1.rotate || 0) + (obj2.rotate || 0)) % 4;\n if (rotate) {\n result.rotate = rotate;\n }\n return result;\n}\n\nfunction mergeIconData(parent, child) {\n const result = mergeIconTransformations(parent, child);\n for (const key in defaultExtendedIconProps) {\n if (key in defaultIconTransformations) {\n if (key in parent && !(key in result)) {\n result[key] = defaultIconTransformations[key];\n }\n } else if (key in child) {\n result[key] = child[key];\n } else if (key in parent) {\n result[key] = parent[key];\n }\n }\n return result;\n}\n\nfunction getIconsTree(data, names) {\n const icons = data.icons;\n const aliases = data.aliases || {};\n const resolved = /* @__PURE__ */ Object.create(null);\n function resolve(name) {\n if (icons[name]) {\n return resolved[name] = [];\n }\n if (!(name in resolved)) {\n resolved[name] = null;\n const parent = aliases[name] && aliases[name].parent;\n const value = parent && resolve(parent);\n if (value) {\n resolved[name] = [parent].concat(value);\n }\n }\n return resolved[name];\n }\n (names || Object.keys(icons).concat(Object.keys(aliases))).forEach(resolve);\n return resolved;\n}\n\nfunction internalGetIconData(data, name, tree) {\n const icons = data.icons;\n const aliases = data.aliases || {};\n let currentProps = {};\n function parse(name2) {\n currentProps = mergeIconData(\n icons[name2] || aliases[name2],\n currentProps\n );\n }\n parse(name);\n tree.forEach(parse);\n return mergeIconData(data, currentProps);\n}\n\nfunction parseIconSet(data, callback) {\n const names = [];\n if (typeof data !== \"object\" || typeof data.icons !== \"object\") {\n return names;\n }\n if (data.not_found instanceof Array) {\n data.not_found.forEach((name) => {\n callback(name, null);\n names.push(name);\n });\n }\n const tree = getIconsTree(data);\n for (const name in tree) {\n const item = tree[name];\n if (item) {\n callback(name, internalGetIconData(data, name, item));\n names.push(name);\n }\n }\n return names;\n}\n\nconst matchIconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;\n\nconst optionalPropertyDefaults = {\n provider: \"\",\n aliases: {},\n not_found: {},\n ...defaultIconDimensions\n};\nfunction checkOptionalProps(item, defaults) {\n for (const prop in defaults) {\n if (prop in item && typeof item[prop] !== typeof defaults[prop]) {\n return false;\n }\n }\n return true;\n}\nfunction quicklyValidateIconSet(obj) {\n if (typeof obj !== \"object\" || obj === null) {\n return null;\n }\n const data = obj;\n if (typeof data.prefix !== \"string\" || !obj.icons || typeof obj.icons !== \"object\") {\n return null;\n }\n if (!checkOptionalProps(obj, optionalPropertyDefaults)) {\n return null;\n }\n const icons = data.icons;\n for (const name in icons) {\n const icon = icons[name];\n if (!name.match(matchIconName) || typeof icon.body !== \"string\" || !checkOptionalProps(\n icon,\n defaultExtendedIconProps\n )) {\n return null;\n }\n }\n const aliases = data.aliases || {};\n for (const name in aliases) {\n const icon = aliases[name];\n const parent = icon.parent;\n if (!name.match(matchIconName) || typeof parent !== \"string\" || !icons[parent] && !aliases[parent] || !checkOptionalProps(\n icon,\n defaultExtendedIconProps\n )) {\n return null;\n }\n }\n return data;\n}\n\nconst defaultIconSizeCustomisations = Object.freeze({\n width: null,\n height: null\n});\nconst defaultIconCustomisations = Object.freeze({\n ...defaultIconSizeCustomisations,\n ...defaultIconTransformations\n});\n\nfunction mergeCustomisations(defaults, item) {\n const result = {\n ...defaults\n };\n for (const key in item) {\n const value = item[key];\n const valueType = typeof value;\n if (key in defaultIconSizeCustomisations) {\n if (value === null || value && (valueType === \"string\" || valueType === \"number\")) {\n result[key] = value;\n }\n } else if (valueType === typeof result[key]) {\n result[key] = key === \"rotate\" ? value % 4 : value;\n }\n }\n return result;\n}\n\nconst separator = /[\\s,]+/;\nfunction flipFromString(custom, flip) {\n flip.split(separator).forEach((str) => {\n const value = str.trim();\n switch (value) {\n case \"horizontal\":\n custom.hFlip = true;\n break;\n case \"vertical\":\n custom.vFlip = true;\n break;\n }\n });\n}\n\nfunction rotateFromString(value, defaultValue = 0) {\n const units = value.replace(/^-?[0-9.]*/, \"\");\n function cleanup(value2) {\n while (value2 < 0) {\n value2 += 4;\n }\n return value2 % 4;\n }\n if (units === \"\") {\n const num = parseInt(value);\n return isNaN(num) ? 0 : cleanup(num);\n } else if (units !== value) {\n let split = 0;\n switch (units) {\n case \"%\":\n split = 25;\n break;\n case \"deg\":\n split = 90;\n }\n if (split) {\n let num = parseFloat(value.slice(0, value.length - units.length));\n if (isNaN(num)) {\n return 0;\n }\n num = num / split;\n return num % 1 === 0 ? cleanup(num) : 0;\n }\n }\n return defaultValue;\n}\n\nconst unitsSplit = /(-?[0-9.]*[0-9]+[0-9.]*)/g;\nconst unitsTest = /^-?[0-9.]*[0-9]+[0-9.]*$/g;\nfunction calculateSize(size, ratio, precision) {\n if (ratio === 1) {\n return size;\n }\n precision = precision || 100;\n if (typeof size === \"number\") {\n return Math.ceil(size * ratio * precision) / precision;\n }\n if (typeof size !== \"string\") {\n return size;\n }\n const oldParts = size.split(unitsSplit);\n if (oldParts === null || !oldParts.length) {\n return size;\n }\n const newParts = [];\n let code = oldParts.shift();\n let isNumber = unitsTest.test(code);\n while (true) {\n if (isNumber) {\n const num = parseFloat(code);\n if (isNaN(num)) {\n newParts.push(code);\n } else {\n newParts.push(Math.ceil(num * ratio * precision) / precision);\n }\n } else {\n newParts.push(code);\n }\n code = oldParts.shift();\n if (code === void 0) {\n return newParts.join(\"\");\n }\n isNumber = !isNumber;\n }\n}\n\nfunction iconToSVG(icon, customisations) {\n const fullIcon = {\n ...defaultIconProps,\n ...icon\n };\n const fullCustomisations = {\n ...defaultIconCustomisations,\n ...customisations\n };\n const box = {\n left: fullIcon.left,\n top: fullIcon.top,\n width: fullIcon.width,\n height: fullIcon.height\n };\n let body = fullIcon.body;\n [fullIcon, fullCustomisations].forEach((props) => {\n const transformations = [];\n const hFlip = props.hFlip;\n const vFlip = props.vFlip;\n let rotation = props.rotate;\n if (hFlip) {\n if (vFlip) {\n rotation += 2;\n } else {\n transformations.push(\n \"translate(\" + (box.width + box.left).toString() + \" \" + (0 - box.top).toString() + \")\"\n );\n transformations.push(\"scale(-1 1)\");\n box.top = box.left = 0;\n }\n } else if (vFlip) {\n transformations.push(\n \"translate(\" + (0 - box.left).toString() + \" \" + (box.height + box.top).toString() + \")\"\n );\n transformations.push(\"scale(1 -1)\");\n box.top = box.left = 0;\n }\n let tempValue;\n if (rotation < 0) {\n rotation -= Math.floor(rotation / 4) * 4;\n }\n rotation = rotation % 4;\n switch (rotation) {\n case 1:\n tempValue = box.height / 2 + box.top;\n transformations.unshift(\n \"rotate(90 \" + tempValue.toString() + \" \" + tempValue.toString() + \")\"\n );\n break;\n case 2:\n transformations.unshift(\n \"rotate(180 \" + (box.width / 2 + box.left).toString() + \" \" + (box.height / 2 + box.top).toString() + \")\"\n );\n break;\n case 3:\n tempValue = box.width / 2 + box.left;\n transformations.unshift(\n \"rotate(-90 \" + tempValue.toString() + \" \" + tempValue.toString() + \")\"\n );\n break;\n }\n if (rotation % 2 === 1) {\n if (box.left !== box.top) {\n tempValue = box.left;\n box.left = box.top;\n box.top = tempValue;\n }\n if (box.width !== box.height) {\n tempValue = box.width;\n box.width = box.height;\n box.height = tempValue;\n }\n }\n if (transformations.length) {\n body = '<g transform=\"' + transformations.join(\" \") + '\">' + body + \"</g>\";\n }\n });\n const customisationsWidth = fullCustomisations.width;\n const customisationsHeight = fullCustomisations.height;\n const boxWidth = box.width;\n const boxHeight = box.height;\n let width;\n let height;\n if (customisationsWidth === null) {\n height = customisationsHeight === null ? \"1em\" : customisationsHeight === \"auto\" ? boxHeight : customisationsHeight;\n width = calculateSize(height, boxWidth / boxHeight);\n } else {\n width = customisationsWidth === \"auto\" ? boxWidth : customisationsWidth;\n height = customisationsHeight === null ? calculateSize(width, boxHeight / boxWidth) : customisationsHeight === \"auto\" ? boxHeight : customisationsHeight;\n }\n const result = {\n attributes: {\n width: width.toString(),\n height: height.toString(),\n viewBox: box.left.toString() + \" \" + box.top.toString() + \" \" + boxWidth.toString() + \" \" + boxHeight.toString()\n },\n body\n };\n return result;\n}\n\nconst regex = /\\sid=\"(\\S+)\"/g;\nconst randomPrefix = \"IconifyId\" + Date.now().toString(16) + (Math.random() * 16777216 | 0).toString(16);\nlet counter = 0;\nfunction replaceIDs(body, prefix = randomPrefix) {\n const ids = [];\n let match;\n while (match = regex.exec(body)) {\n ids.push(match[1]);\n }\n if (!ids.length) {\n return body;\n }\n ids.forEach((id) => {\n const newID = typeof prefix === \"function\" ? prefix(id) : prefix + (counter++).toString();\n const escapedID = id.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n body = body.replace(\n new RegExp('([#;\"])(' + escapedID + ')([\")]|\\\\.[a-z])', \"g\"),\n \"$1\" + newID + \"$3\"\n );\n });\n return body;\n}\n\nfunction iconToHTML(body, attributes) {\n let renderAttribsHTML = body.indexOf(\"xlink:\") === -1 ? \"\" : ' xmlns:xlink=\"http://www.w3.org/1999/xlink\"';\n for (const attr in attributes) {\n renderAttribsHTML += \" \" + attr + '=\"' + attributes[attr] + '\"';\n }\n return '<svg xmlns=\"http://www.w3.org/2000/svg\"' + renderAttribsHTML + \">\" + body + \"</svg>\";\n}\n\nfunction encodeSVGforURL(svg) {\n return svg.replace(/\"/g, \"'\").replace(/%/g, \"%25\").replace(/#/g, \"%23\").replace(/</g, \"%3C\").replace(/>/g, \"%3E\").replace(/\\s+/g, \" \");\n}\nfunction svgToURL(svg) {\n return 'url(\"data:image/svg+xml,' + encodeSVGforURL(svg) + '\")';\n}\n\nconst defaultExtendedIconCustomisations = {\n ...defaultIconCustomisations,\n inline: false,\n};\n\n/**\n * Default SVG attributes\n */\nconst svgDefaults = {\n 'xmlns': 'http://www.w3.org/2000/svg',\n 'xmlns:xlink': 'http://www.w3.org/1999/xlink',\n 'aria-hidden': true,\n 'role': 'img',\n};\n/**\n * Style modes\n */\nconst commonProps = {\n display: 'inline-block',\n};\nconst monotoneProps = {\n backgroundColor: 'currentColor',\n};\nconst coloredProps = {\n backgroundColor: 'transparent',\n};\n// Dynamically add common props to variables above\nconst propsToAdd = {\n Image: 'var(--svg)',\n Repeat: 'no-repeat',\n Size: '100% 100%',\n};\nconst propsToAddTo = {\n webkitMask: monotoneProps,\n mask: monotoneProps,\n background: coloredProps,\n};\nfor (const prefix in propsToAddTo) {\n const list = propsToAddTo[prefix];\n for (const prop in propsToAdd) {\n list[prefix + prop] = propsToAdd[prop];\n }\n}\n/**\n * Aliases for customisations.\n * In Vue 'v-' properties are reserved, so v-flip must be renamed\n */\nconst customisationAliases = {};\n['horizontal', 'vertical'].forEach((prefix) => {\n const attr = prefix.slice(0, 1) + 'Flip';\n // vertical-flip\n customisationAliases[prefix + '-flip'] = attr;\n // v-flip\n customisationAliases[prefix.slice(0, 1) + '-flip'] = attr;\n // verticalFlip\n customisationAliases[prefix + 'Flip'] = attr;\n});\n/**\n * Fix size: add 'px' to numbers\n */\nfunction fixSize(value) {\n return value + (value.match(/^[-0-9.]+$/) ? 'px' : '');\n}\n/**\n * Render icon\n */\nconst render = (\n// Icon must be validated before calling this function\nicon, \n// Partial properties\nprops) => {\n // Split properties\n const customisations = mergeCustomisations(defaultExtendedIconCustomisations, props);\n const componentProps = { ...svgDefaults };\n // Check mode\n const mode = props.mode || 'svg';\n // Copy style\n const style = {};\n const propsStyle = props.style;\n const customStyle = typeof propsStyle === 'object' && !(propsStyle instanceof Array)\n ? propsStyle\n : {};\n // Get element properties\n for (let key in props) {\n const value = props[key];\n if (value === void 0) {\n continue;\n }\n switch (key) {\n // Properties to ignore\n case 'icon':\n case 'style':\n case 'onLoad':\n case 'mode':\n break;\n // Boolean attributes\n case 'inline':\n case 'hFlip':\n case 'vFlip':\n customisations[key] =\n value === true || value === 'true' || value === 1;\n break;\n // Flip as string: 'horizontal,vertical'\n case 'flip':\n if (typeof value === 'string') {\n flipFromString(customisations, value);\n }\n break;\n // Color: override style\n case 'color':\n style.color = value;\n break;\n // Rotation as string\n case 'rotate':\n if (typeof value === 'string') {\n customisations[key] = rotateFromString(value);\n }\n else if (typeof value === 'number') {\n customisations[key] = value;\n }\n break;\n // Remove aria-hidden\n case 'ariaHidden':\n case 'aria-hidden':\n // Vue transforms 'aria-hidden' property to 'ariaHidden'\n if (value !== true && value !== 'true') {\n delete componentProps['aria-hidden'];\n }\n break;\n default: {\n const alias = customisationAliases[key];\n if (alias) {\n // Aliases for boolean customisations\n if (value === true || value === 'true' || value === 1) {\n customisations[alias] = true;\n }\n }\n else if (defaultExtendedIconCustomisations[key] === void 0) {\n // Copy missing property if it does not exist in customisations\n componentProps[key] = value;\n }\n }\n }\n }\n // Generate icon\n const item = iconToSVG(icon, customisations);\n const renderAttribs = item.attributes;\n // Inline display\n if (customisations.inline) {\n style.verticalAlign = '-0.125em';\n }\n if (mode === 'svg') {\n // Add style\n componentProps.style = {\n ...style,\n ...customStyle,\n };\n // Add icon stuff\n Object.assign(componentProps, renderAttribs);\n // Counter for ids based on \"id\" property to render icons consistently on server and client\n let localCounter = 0;\n let id = props.id;\n if (typeof id === 'string') {\n // Convert '-' to '_' to avoid errors in animations\n id = id.replace(/-/g, '_');\n }\n // Add innerHTML and style to props\n componentProps['innerHTML'] = replaceIDs(item.body, id ? () => id + 'ID' + localCounter++ : 'iconifyVue');\n // Render icon\n return h('svg', componentProps);\n }\n // Render <span> with style\n const { body, width, height } = icon;\n const useMask = mode === 'mask' ||\n (mode === 'bg' ? false : body.indexOf('currentColor') !== -1);\n // Generate SVG\n const html = iconToHTML(body, {\n ...renderAttribs,\n width: width + '',\n height: height + '',\n });\n // Generate style\n componentProps.style = {\n ...style,\n '--svg': svgToURL(html),\n 'width': fixSize(renderAttribs.width),\n 'height': fixSize(renderAttribs.height),\n ...commonProps,\n ...(useMask ? monotoneProps : coloredProps),\n ...customStyle,\n };\n return h('span', componentProps);\n};\n\n/**\n * Storage for icons referred by name\n */\nconst storage = Object.create(null);\n/**\n * Add icon to storage, allowing to call it by name\n *\n * @param name\n * @param data\n */\nfunction addIcon(name, data) {\n storage[name] = data;\n}\n/**\n * Add collection to storage, allowing to call icons by name\n *\n * @param data Icon set\n * @param prefix Optional prefix to add to icon names, true (default) if prefix from icon set should be used.\n */\nfunction addCollection(data, prefix) {\n const iconPrefix = typeof prefix === 'string'\n ? prefix\n : prefix !== false && typeof data.prefix === 'string'\n ? data.prefix + ':'\n : '';\n quicklyValidateIconSet(data) &&\n parseIconSet(data, (name, icon) => {\n if (icon) {\n storage[iconPrefix + name] = icon;\n }\n });\n}\n/**\n * Component\n */\nconst Icon = defineComponent({\n // Do not inherit other attributes: it is handled by render()\n inheritAttrs: false,\n // Render icon\n render() {\n const props = this.$attrs;\n // Check icon\n const propsIcon = props.icon;\n const icon = typeof propsIcon === 'string'\n ? storage[propsIcon]\n : typeof propsIcon === 'object'\n ? propsIcon\n : null;\n // Validate icon object\n if (icon === null ||\n typeof icon !== 'object' ||\n typeof icon.body !== 'string') {\n return this.$slots.default ? this.$slots.default() : null;\n }\n // Valid icon: render it\n return render({\n ...defaultIconProps,\n ...icon,\n }, props);\n },\n});\n\nexport { Icon, addCollection, addIcon };\n","<template>\r\n <div class=\"group\" v-if=\"showGroup\">\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <Icon icon=\"right\" :rotate=\"bShow&&'90deg'\" width=\"20\" @click=\"bShow = !bShow\" class=\"handle-ls-svg\" />\r\n <Icon icon=\"group\" width=\"24\" class=\"group-avatar\" />\r\n <span class=\"group-name\" :title=\"deviceGroup?.name\">\r\n {{deviceGroup?.name}}\r\n </span>\r\n <div class=\"group-slot\">\r\n <slot name=\"group\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </CountShow>\r\n\r\n <div style=\"margin-left: 26px\" v-if=\"bShow\">\r\n <group-show v-for=\"group, index in (deviceGroup?.items)\" :key=\"index\" :deviceGroup=\"group\"\r\n :controlParams=\"controlParams\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device, group}\">\r\n <slot name=\"device\" :device=\"device\" :group=\"group\"></slot>\r\n </template>\r\n </group-show>\r\n <div v-for=\"(item, index) in FilterDevice(deviceGroup?.devices)\" :key=\"index\" class=\"device\"\r\n v-show=\"showDevice(item)\" :class=\"item.online&&'online-device'\">\r\n <Icon icon=\"user\" width=\"16\" class=\"device-avatar\" />\r\n <span :title=\"item.id\" class=\"device-name\">{{item.name}}</span>\r\n <div class=\"device-slot\">\r\n <slot name=\"device\" :device=\"item\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from '/@/components/recursion-device-group/model'\r\nimport CountShow from \"../count-show/index.vue\"\r\nimport { Icon } from '@iconify/vue/offline';\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n Icon\r\n },\r\n name: \"group-show\",\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.DeviceGroup>,\r\n controlParams: Object as PropType<RecursionDeviceGroup.IControlParams>\r\n },\r\n setup(props) {\r\n function FilterDevice(devices?: RecursionDeviceGroup.DeviceInfo[]) {\r\n return (devices && devices.filter(item => !props.controlParams?.onlyShowOnline || item.online)) || []\r\n }\r\n\r\n const showGroup = computed(() => {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n\r\n if (props.deviceGroup && props.deviceGroup?.name.indexOf(strSearch) > 0) {\r\n return true;\r\n }\r\n\r\n return props.deviceGroup?.devices.find(item => item.name.indexOf((props.controlParams as any).searchStr) > 0)\r\n })\r\n\r\n function showDevice(device: RecursionDeviceGroup.DeviceInfo) {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n return device.name.indexOf((props.controlParams as any).searchStr) > 0\r\n }\r\n\r\n const bShow = ref(false);\r\n return {\r\n showGroup,\r\n showDevice,\r\n FilterDevice,\r\n bShow\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style>\r\n:root {\r\n --device-offline-color: rgb(168, 168, 168);\r\n --device-online-color: rgb(1, 172, 1);\r\n --group-name-width: 160px\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.handle-ls-svg {\r\n vertical-align: -5px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n color: rgb(56, 56, 56)\r\n}\r\n\r\n.group-avatar {\r\n vertical-align: -6px;\r\n color: gray;\r\n}\r\n\r\n.device,\r\n.group {\r\n margin: 5px 0px;\r\n}\r\n\r\n.group-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n line-height: 24px;\r\n padding-left: 5px;\r\n}\r\n\r\n.group-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 100px);\r\n}\r\n\r\n.device-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 42px);\r\n}\r\n\r\n.device-avatar {\r\n vertical-align: -2px;\r\n margin-right: 4px;\r\n margin-left: 2px;\r\n color: var(--device-offline-color);\r\n}\r\n\r\n.device-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: bottom;\r\n color: var(--device-offline-color);\r\n padding-left: 5px;\r\n}\r\n\r\n.online-device .device-avatar,\r\n.online-device .device-name {\r\n color: var(--device-online-color)\r\n}\r\n</style>\r\n","<template>\r\n <div class=\"group\" v-if=\"showGroup\">\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <Icon icon=\"right\" :rotate=\"bShow&&'90deg'\" width=\"20\" @click=\"bShow = !bShow\" class=\"handle-ls-svg\" />\r\n <Icon icon=\"group\" width=\"24\" class=\"group-avatar\" />\r\n <span class=\"group-name\" :title=\"deviceGroup?.name\">\r\n {{deviceGroup?.name}}\r\n </span>\r\n <div class=\"group-slot\">\r\n <slot name=\"group\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </CountShow>\r\n\r\n <div style=\"margin-left: 26px\" v-if=\"bShow\">\r\n <group-show v-for=\"group, index in (deviceGroup?.items)\" :key=\"index\" :deviceGroup=\"group\"\r\n :controlParams=\"controlParams\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device, group}\">\r\n <slot name=\"device\" :device=\"device\" :group=\"group\"></slot>\r\n </template>\r\n </group-show>\r\n <div v-for=\"(item, index) in FilterDevice(deviceGroup?.devices)\" :key=\"index\" class=\"device\"\r\n v-show=\"showDevice(item)\" :class=\"item.online&&'online-device'\">\r\n <Icon icon=\"user\" width=\"16\" class=\"device-avatar\" />\r\n <span :title=\"item.id\" class=\"device-name\">{{item.name}}</span>\r\n <div class=\"device-slot\">\r\n <slot name=\"device\" :device=\"item\" :group=\"deviceGroup\"></slot>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { computed, defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from '/@/components/recursion-device-group/model'\r\nimport CountShow from \"../count-show/index.vue\"\r\nimport { Icon } from '@iconify/vue/offline';\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n Icon\r\n },\r\n name: \"group-show\",\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.DeviceGroup>,\r\n controlParams: Object as PropType<RecursionDeviceGroup.IControlParams>\r\n },\r\n setup(props) {\r\n function FilterDevice(devices?: RecursionDeviceGroup.DeviceInfo[]) {\r\n return (devices && devices.filter(item => !props.controlParams?.onlyShowOnline || item.online)) || []\r\n }\r\n\r\n const showGroup = computed(() => {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n\r\n if (props.deviceGroup && props.deviceGroup?.name.indexOf(strSearch) > 0) {\r\n return true;\r\n }\r\n\r\n return props.deviceGroup?.devices.find(item => item.name.indexOf((props.controlParams as any).searchStr) > 0)\r\n })\r\n\r\n function showDevice(device: RecursionDeviceGroup.DeviceInfo) {\r\n const strSearch = (props.controlParams as any).searchStr as string;\r\n if (strSearch.length == 0) {\r\n return true;\r\n }\r\n return device.name.indexOf((props.controlParams as any).searchStr) > 0\r\n }\r\n\r\n const bShow = ref(false);\r\n return {\r\n showGroup,\r\n showDevice,\r\n FilterDevice,\r\n bShow\r\n }\r\n },\r\n})\r\n</script>\r\n\r\n<style>\r\n:root {\r\n --device-offline-color: rgb(168, 168, 168);\r\n --device-online-color: rgb(1, 172, 1);\r\n --group-name-width: 160px\r\n}\r\n</style>\r\n\r\n<style scoped>\r\n.handle-ls-svg {\r\n vertical-align: -5px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n color: rgb(56, 56, 56)\r\n}\r\n\r\n.group-avatar {\r\n vertical-align: -6px;\r\n color: gray;\r\n}\r\n\r\n.device,\r\n.group {\r\n margin: 5px 0px;\r\n}\r\n\r\n.group-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: middle;\r\n line-height: 24px;\r\n padding-left: 5px;\r\n}\r\n\r\n.group-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 100px);\r\n}\r\n\r\n.device-slot {\r\n display: inline-block;\r\n width: calc(100% - var(--group-name-width) - 42px);\r\n}\r\n\r\n.device-avatar {\r\n vertical-align: -2px;\r\n margin-right: 4px;\r\n margin-left: 2px;\r\n color: var(--device-offline-color);\r\n}\r\n\r\n.device-name {\r\n display: inline-block;\r\n width: var(--group-name-width);\r\n cursor: default;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n vertical-align: bottom;\r\n color: var(--device-offline-color);\r\n padding-left: 5px;\r\n}\r\n\r\n.online-device .device-avatar,\r\n.online-device .device-name {\r\n color: var(--device-online-color)\r\n}\r\n</style>\r\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M384 192v640l384-320.064z\\\"/>\"\n};\nexport default data;\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M878.08 448H241.92l-96 384h636.16l96-384zM832 384v-64H485.76L357.504 192H128v448l57.92-231.744A32 32 0 0 1 216.96 384H832zm-24.96 512H96a32 32 0 0 1-32-32V160a32 32 0 0 1 32-32h287.872l128.384 128H864a32 32 0 0 1 32 32v96h23.04a32 32 0 0 1 31.04 39.744l-112 448A32 32 0 0 1 807.04 896z\\\"/>\"\n};\nexport default data;\n","const data = {\n\t\"width\": 1024,\n\t\"height\": 1024,\n\t\"body\": \"<path fill=\\\"currentColor\\\" d=\\\"M628.736 528.896A416 416 0 0 1 928 928H96a415.872 415.872 0 0 1 299.264-399.104L512 704l116.736-175.104zM720 304a208 208 0 1 1-416 0a208 208 0 0 1 416 0z\\\"/>\"\n};\nexport default data;\n","<template>\r\n <div class=\"device-group-list\">\r\n <div class=\"search-panel\">\r\n <div style=\"height: 32px; line-height: 32px;\">\r\n <img src=\"\" />\r\n <input type=\"text\" @change=\"onSearchChange\" ref=\"inputSearchRef\" />\r\n </div>\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <input type=\"checkbox\" id=\"onlineShow\" value=\"onlineShow\" @change=\"onCheckBoxChange\" />\r\n <label for=\"onlineShow\">只显示在线设备</label>\r\n </CountShow>\r\n </div>\r\n <div class=\"device-panel\">\r\n <group-show :controlParams=\"controlParams\" v-for=\"itemGroup, index in deviceGroup?.items\" :key=\"index\"\r\n :deviceGroup=\"itemGroup\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device, group}\">\r\n <slot name=\"device\" :device=\"device\" :group=\"group\"></slot>\r\n </template>\r\n </group-show>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from \"./model\"\r\nimport GroupShow from \"/@/components-global/group-show/index.vue\"\r\nimport CountShow from \"/@/components-global/count-show/index.vue\"\r\n\r\nimport { addIcon } from \"@iconify/vue/offline\"\r\nimport right from \"@iconify-icons/ep/caret-right\"\r\nimport group from \"@iconify-icons/ep/folder-opened\"\r\nimport avatar from \"@iconify-icons/ep/avatar\"\r\n\r\naddIcon('right', right);\r\naddIcon('group', group);\r\naddIcon('user', avatar);\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n GroupShow\r\n },\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.SessionDeviceGroup>\r\n },\r\n methods: {\r\n onCheckBoxChange() {\r\n this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;\r\n },\r\n onSearchChange() {\r\n if (this.inputSearchRef) {\r\n this.controlParams.searchStr = this.inputSearchRef?.value\r\n console.log(this.controlParams.searchStr)\r\n }\r\n }\r\n },\r\n setup() {\r\n const controlParams = ref<RecursionDeviceGroup.IControlParams>({\r\n onlyShowOnline: false,\r\n searchStr: \"\"\r\n });\r\n const inputSearchRef = ref<HTMLInputElement>()\r\n return {\r\n inputSearchRef,\r\n controlParams\r\n }\r\n },\r\n})\r\n\r\n</script>\r\n\r\n\r\n<style>\r\n:root {\r\n --sec-main-search-height: 64px\r\n}\r\n</style>\r\n\r\n\r\n<style scoped>\r\n.device-group-list {\r\n height: 100%;\r\n}\r\n\r\n.device-group-list .search-panel {\r\n height: var(--sec-main-search-height);\r\n}\r\n\r\n.device-group-list .device-panel {\r\n height: calc(100% - var(--sec-main-search-height));\r\n overflow-y: auto;\r\n}\r\n</style>\r\n\r\n","<template>\r\n <div class=\"device-group-list\">\r\n <div class=\"search-panel\">\r\n <div style=\"height: 32px; line-height: 32px;\">\r\n <img src=\"\" />\r\n <input type=\"text\" @change=\"onSearchChange\" ref=\"inputSearchRef\" />\r\n </div>\r\n <CountShow :countInfo=\"deviceGroup\">\r\n <input type=\"checkbox\" id=\"onlineShow\" value=\"onlineShow\" @change=\"onCheckBoxChange\" />\r\n <label for=\"onlineShow\">只显示在线设备</label>\r\n </CountShow>\r\n </div>\r\n <div class=\"device-panel\">\r\n <group-show :controlParams=\"controlParams\" v-for=\"itemGroup, index in deviceGroup?.items\" :key=\"index\"\r\n :deviceGroup=\"itemGroup\">\r\n <template #group=\"{group}\">\r\n <slot name=\"group\" :group=\"group\"></slot>\r\n </template>\r\n <template #device=\"{device, group}\">\r\n <slot name=\"device\" :device=\"device\" :group=\"group\"></slot>\r\n </template>\r\n </group-show>\r\n </div>\r\n </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { defineComponent, PropType, ref } from 'vue'\r\nimport { RecursionDeviceGroup } from \"./model\"\r\nimport GroupShow from \"/@/components-global/group-show/index.vue\"\r\nimport CountShow from \"/@/components-global/count-show/index.vue\"\r\n\r\nimport { addIcon } from \"@iconify/vue/offline\"\r\nimport right from \"@iconify-icons/ep/caret-right\"\r\nimport group from \"@iconify-icons/ep/folder-opened\"\r\nimport avatar from \"@iconify-icons/ep/avatar\"\r\n\r\naddIcon('right', right);\r\naddIcon('group', group);\r\naddIcon('user', avatar);\r\n\r\nexport default defineComponent({\r\n components: {\r\n CountShow,\r\n GroupShow\r\n },\r\n props: {\r\n deviceGroup: Object as PropType<RecursionDeviceGroup.SessionDeviceGroup>\r\n },\r\n methods: {\r\n onCheckBoxChange() {\r\n this.controlParams.onlyShowOnline = !this.controlParams.onlyShowOnline;\r\n },\r\n onSearchChange() {\r\n if (this.inputSearchRef) {\r\n this.controlParams.searchStr = this.inputSearchRef?.value\r\n console.log(this.controlParams.searchStr)\r\n }\r\n }\r\n },\r\n setup() {\r\n const controlParams = ref<RecursionDeviceGroup.IControlParams>({\r\n onlyShowOnline: false,\r\n searchStr: \"\"\r\n });\r\n const inputSearchRef = ref<HTMLInputElement>()\r\n return {\r\n inputSearchRef,\r\n controlParams\r\n }\r\n },\r\n})\r\n\r\n</script>\r\n\r\n\r\n<style>\r\n:root {\r\n --sec-main-search-height: 64px\r\n}\r\n</style>\r\n\r\n\r\n<style scoped>\r\n.device-group-list {\r\n height: 100%;\r\n}\r\n\r\n.device-group-list .search-panel {\r\n height: var(--sec-main-search-height);\r\n}\r\n\r\n.device-group-list .device-panel {\r\n height: calc(100% - var(--sec-main-search-height));\r\n overflow-y: auto;\r\n}\r\n</style>\r\n\r\n","import { Plugin, App } from \"vue\";\r\n\r\nexport * from \"./comp.d\";\r\nexport * from \"./components\";\r\n\r\nimport RecursionDeviceGroup from \"/@/components/recursion-device-group/index.vue\";\r\n\r\nconst components = {\r\n RecursionDeviceGroup,\r\n};\r\n\r\nconst _default: Plugin = {\r\n install(app: App) {\r\n for (const itemKey in components) {\r\n const item = components[itemKey as keyof typeof components];\r\n app.component(itemKey, item);\r\n }\r\n },\r\n};\r\n\r\nexport default _default;\r\n"],"names":["RecursionDeviceGroup","Test","CreateDevice","count","deviceList","i","CreateGroup","RandomDeviceGroup","ForeachDeviceGroup","deviceGroup","handleDeviceGroup","Utils","AccessSession","session","groupMap","deviceMap","id","handle","_sfc_main$2","defineComponent","props","ForeachICountInfo","countInfo","countItem","item","onlineCount","computed","_openBlock","_createElementBlock","_hoisted_1","_renderSlot","_ctx","defaultIconDimensions","defaultIconTransformations","defaultIconProps","defaultIconSizeCustomisations","defaultIconCustomisations","mergeCustomisations","defaults","result","key","value","valueType","separator","flipFromString","custom","flip","str","rotateFromString","defaultValue","units","cleanup","value2","num","split","unitsSplit","unitsTest","calculateSize","size","ratio","precision","oldParts","newParts","code","isNumber","iconToSVG","icon","customisations","fullIcon","fullCustomisations","box","body","transformations","hFlip","vFlip","rotation","tempValue","customisationsWidth","customisationsHeight","boxWidth","boxHeight","width","height","regex","randomPrefix","counter","replaceIDs","prefix","ids","match","newID","escapedID","iconToHTML","attributes","renderAttribsHTML","attr","encodeSVGforURL","svg","svgToURL","defaultExtendedIconCustomisations","svgDefaults","commonProps","monotoneProps","coloredProps","propsToAdd","propsToAddTo","list","prop","customisationAliases","fixSize","render","componentProps","mode","style","propsStyle","customStyle","alias","renderAttribs","localCounter","h","useMask","html","storage","addIcon","name","data","Icon","propsIcon","_sfc_main$1","CountShow","FilterDevice","devices","_a","showGroup","strSearch","_b","showDevice","device","bShow","ref","_hoisted_4","_component_group_show","_resolveComponent","_createVNode","_component_CountShow","_withCtx","_component_Icon","_cache","$event","_a2","_toDisplayString","_b2","_hoisted_2","_createElementVNode","_hoisted_3","_Fragment","_renderList","group","index","_createBlock","group2","_withDirectives","_hoisted_5","_hoisted_6","right","avatar","_sfc_main","GroupShow","controlParams","_withScopeId","n","_pushScopeId","_popScopeId","args","itemGroup","components","_default","app","itemKey"],"mappings":";AAAiB,IAAAA;AAAAA,CAAV,CAAUA,MAAV;AA8CE,GAAA,CAAUC,MAAV;AAEL,aAASC,EAAaC,GAAkC;AACtD,YAAMC,IAAgC,CAAA;AACtC,eAASC,IAAI,GAAGA,IAAIF,GAAOE;AACzB,QAAAD,EAAW,KAAK;AAAA,UACd,IAAI;AAAA,UACJ,KAAK;AAAA,UACL,MAAM,UAAUC;AAAA,UAChB,QAAQA,IAAI,KAAK;AAAA,UACjB,UAAU,CAAC;AAAA,QAAA,CACZ;AAEI,aAAAD;AAAA,IACT;AAEA,aAASE,EAAYH,GAAe;AAClC,YAAMC,IAAiC,CAAA;AACvC,eAASC,IAAI,GAAGA,IAAIF,GAAOE;AACzB,QAAAD,EAAW,KAAK;AAAA,UACd,IAAI,WAAWC;AAAA,UACf,MAAM,SAASA;AAAA,UACf,KAAK;AAAA,UACL,aAAa;AAAA,UACb,YAAY;AAAA,UACZ,SAASH,EAAa,EAAE;AAAA,UACxB,OAAOI,EAAYH,IAAQE,IAAI,CAAC;AAAA,QAAA,CACjC;AAEI,aAAAD;AAAA,IACT;AAEO,aAASG,EAAkBJ,GAAmC;AAC5D,aAAA;AAAA,QACL,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,OAAOG,EAAYH,CAAK;AAAA,MAAA;AAAA,IAE5B;AAPOF,IAAAA,EAAS,oBAAAM;AAAA,EAAA,GAhCDP,EAAA,SAAAA,EAAA,OAAA,CAAA,EAAA;AA0CR,WAAAQ,EACPC,GACAC,GACA;AACA,aAASL,IAAI,GAAGA,IAAII,EAAY,QAAQJ;AACtC,MAAAK,EAAkBD,EAAYJ,EAAE,GACbG,EAAAC,EAAYJ,GAAG,OAAOK,CAAiB;AAAA,EAE9D;AAEO,GAAA,CAAUC,MAAV;AACE,aAASC,EAAcC,GAA6B;AACzD,YAAMC,IAA2C,CAAA,GAC3CC,IAA2C,CAAA;AAE9B,aAAAP,EAAAK,EAAQ,OAAO,CAACJ,MAAgB;AACjD,QAAAK,EAASL,EAAY,MAAMA;AAC3B,iBAASJ,IAAI,GAAGA,IAAII,EAAY,QAAQ,QAAQJ;AAC9C,UAAAU,EAAUN,EAAY,QAAQJ,GAAG,MAAMI,EAAY,QAAQJ;AAAA,MAC7D,CACD,GAEM;AAAA,QACL,SAASW,GAAY;AACnB,iBAAOF,EAASE;AAAA,QAClB;AAAA,QACA,UAAUA,GAAY;AACpB,iBAAOD,EAAUC;AAAA,QACnB;AAAA,QACA,aAAaC,GAAqC;AAChD,mBAASZ,KAAKS;AACZ,YAAAG,EAAOH,EAAST,EAAE;AAAA,QAEtB;AAAA,MAAA;AAAA,IAEJ;AAxBOM,IAAAA,EAAS,gBAAAC;AAAA,EAAA,GADDZ,EAAA,UAAAA,EAAA,QAAA,CAAA,EAAA;AAAA,GAlGFA,MAAAA,IAAA,CAAA,EAAA;ACcjB,MAAAkB,KAAAC,EAAA;AAAA,EAA+B,OAAA;AAAA,IACpB,WAAA;AAAA,EACQ;AAAA,EACf,MAAAC,GAAA;AAEI,aAAAC,EAAAJ,GAAAK,GAAA;AACI,UAAAA,GAAA;AACI,YAAAC,IAAA;AACA,eAAAD,EAAA,MAAA,QAAA,CAAAE,MAAA;AACI,UAAAD,KAAAF,EAAAJ,GAAAO,CAAA;AAAA,QAA2C,CAAA,GAE/CP,EAAAK,CAAA,IAAAC;AAAA,MAA2B;AAE/B,aAAA;AAAA,IAAO;AAGX,UAAAE,IAAAC,EAAA,MACIL,EAAA,CAAAG,MAAAA,EAAA,aAAAJ,EAAA,SAAA,CAAoE;AAOxE,WAAA;AAAA,MAAO,YAJPM,EAAA,MACIL,EAAA,CAAAG,MAAAA,EAAA,YAAAJ,EAAA,SAAA,CAAmE;AAAA,MAInE,aAAAK;AAAA,IACA;AAAA,EACJ;AAER,CAAA;;;;;;;;ACvCQ,SAAAE,EAAA,GAAAC,EAAA,OAAAC,IAAA;AAAA,IACMC,EAAAC,EAAA,QAAA,WAAA,CAAA,GAAA,QAAA,EAAA;AAAA;;;qFCHRC,IAAwB,OAAO;AAAA,EACnC;AAAA,IACE,MAAM;AAAA,IACN,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,EACT;AACH,GACMC,IAA6B,OAAO,OAAO;AAAA,EAC/C,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,OAAO;AACT,CAAC,GACKC,IAAmB,OAAO,OAAO;AAAA,EACrC,GAAGF;AAAA,EACH,GAAGC;AACL,CAAC;AACgC,OAAO,OAAO;AAAA,EAC7C,GAAGC;AAAA,EACH,MAAM;AAAA,EACN,QAAQ;AACV,CAAC;AAAA,CA8FgC;AAAA,EAI/B,GAAGF;AACL;AA4CA,MAAMG,IAAgC,OAAO,OAAO;AAAA,EAClD,OAAO;AAAA,EACP,QAAQ;AACV,CAAC,GACKC,IAA4B,OAAO,OAAO;AAAA,EAC9C,GAAGD;AAAA,EACH,GAAGF;AACL,CAAC;AAED,SAASI,GAAoBC,GAAUd,GAAM;AAC3C,QAAMe,IAAS;AAAA,IACb,GAAGD;AAAA,EACP;AACE,aAAWE,KAAOhB,GAAM;AACtB,UAAMiB,IAAQjB,EAAKgB,IACbE,IAAY,OAAOD;AACzB,IAAID,KAAOL,KACLM,MAAU,QAAQA,MAAUC,MAAc,YAAYA,MAAc,eACtEH,EAAOC,KAAOC,KAEPC,MAAc,OAAOH,EAAOC,OACrCD,EAAOC,KAAOA,MAAQ,WAAWC,IAAQ,IAAIA;AAAA,EAEhD;AACD,SAAOF;AACT;AAEA,MAAMI,KAAY;AAClB,SAASC,GAAeC,GAAQC,GAAM;AACpC,EAAAA,EAAK,MAAMH,EAAS,EAAE,QAAQ,CAACI,MAAQ;AAErC,YADcA,EAAI,QACL;AAAA,MACX,KAAK;AACH,QAAAF,EAAO,QAAQ;AACf;AAAA,MACF,KAAK;AACH,QAAAA,EAAO,QAAQ;AACf;AAAA,IACH;AAAA,EACL,CAAG;AACH;AAEA,SAASG,GAAiBP,GAAOQ,IAAe,GAAG;AACjD,QAAMC,IAAQT,EAAM,QAAQ,cAAc,EAAE;AAC5C,WAASU,EAAQC,GAAQ;AACvB,WAAOA,IAAS;AACd,MAAAA,KAAU;AAEZ,WAAOA,IAAS;AAAA,EACjB;AACD,MAAIF,MAAU,IAAI;AAChB,UAAMG,IAAM,SAASZ,CAAK;AAC1B,WAAO,MAAMY,CAAG,IAAI,IAAIF,EAAQE,CAAG;AAAA,EACvC,WAAaH,MAAUT,GAAO;AAC1B,QAAIa,IAAQ;AACZ,YAAQJ,GAAK;AAAA,MACX,KAAK;AACH,QAAAI,IAAQ;AACR;AAAA,MACF,KAAK;AACH,QAAAA,IAAQ;AAAA,IACX;AACD,QAAIA,GAAO;AACT,UAAID,IAAM,WAAWZ,EAAM,MAAM,GAAGA,EAAM,SAASS,EAAM,MAAM,CAAC;AAChE,aAAI,MAAMG,CAAG,IACJ,KAETA,IAAMA,IAAMC,GACLD,IAAM,MAAM,IAAIF,EAAQE,CAAG,IAAI;AAAA,IACvC;AAAA,EACF;AACD,SAAOJ;AACT;AAEA,MAAMM,KAAa,6BACbC,KAAY;AAClB,SAASC,EAAcC,GAAMC,GAAOC,GAAW;AAC7C,MAAID,MAAU;AACZ,WAAOD;AAGT,MADAE,IAAYA,KAAa,KACrB,OAAOF,KAAS;AAClB,WAAO,KAAK,KAAKA,IAAOC,IAAQC,CAAS,IAAIA;AAE/C,MAAI,OAAOF,KAAS;AAClB,WAAOA;AAET,QAAMG,IAAWH,EAAK,MAAMH,EAAU;AACtC,MAAIM,MAAa,QAAQ,CAACA,EAAS;AACjC,WAAOH;AAET,QAAMI,IAAW,CAAA;AACjB,MAAIC,IAAOF,EAAS,SAChBG,IAAWR,GAAU,KAAKO,CAAI;AAClC,aAAa;AACX,QAAIC,GAAU;AACZ,YAAMX,IAAM,WAAWU,CAAI;AAC3B,MAAI,MAAMV,CAAG,IACXS,EAAS,KAAKC,CAAI,IAElBD,EAAS,KAAK,KAAK,KAAKT,IAAMM,IAAQC,CAAS,IAAIA,CAAS;AAAA,IAEpE;AACM,MAAAE,EAAS,KAAKC,CAAI;AAGpB,QADAA,IAAOF,EAAS,SACZE,MAAS;AACX,aAAOD,EAAS,KAAK,EAAE;AAEzB,IAAAE,IAAW,CAACA;AAAA,EACb;AACH;AAEA,SAASC,GAAUC,GAAMC,GAAgB;AACvC,QAAMC,IAAW;AAAA,IACf,GAAGlC;AAAA,IACH,GAAGgC;AAAA,EACP,GACQG,IAAqB;AAAA,IACzB,GAAGjC;AAAA,IACH,GAAG+B;AAAA,EACP,GACQG,IAAM;AAAA,IACV,MAAMF,EAAS;AAAA,IACf,KAAKA,EAAS;AAAA,IACd,OAAOA,EAAS;AAAA,IAChB,QAAQA,EAAS;AAAA,EACrB;AACE,MAAIG,IAAOH,EAAS;AACpB,GAACA,GAAUC,CAAkB,EAAE,QAAQ,CAACjD,MAAU;AAChD,UAAMoD,IAAkB,CAAA,GAClBC,IAAQrD,EAAM,OACdsD,IAAQtD,EAAM;AACpB,QAAIuD,IAAWvD,EAAM;AACrB,IAAIqD,IACEC,IACFC,KAAY,KAEZH,EAAgB;AAAA,MACd,gBAAgBF,EAAI,QAAQA,EAAI,MAAM,SAAQ,IAAK,OAAO,IAAIA,EAAI,KAAK,SAAU,IAAG;AAAA,IAC9F,GACQE,EAAgB,KAAK,aAAa,GAClCF,EAAI,MAAMA,EAAI,OAAO,KAEdI,MACTF,EAAgB;AAAA,MACd,gBAAgB,IAAIF,EAAI,MAAM,SAAQ,IAAK,OAAOA,EAAI,SAASA,EAAI,KAAK,SAAU,IAAG;AAAA,IAC7F,GACME,EAAgB,KAAK,aAAa,GAClCF,EAAI,MAAMA,EAAI,OAAO;AAEvB,QAAIM;AAKJ,YAJID,IAAW,MACbA,KAAY,KAAK,MAAMA,IAAW,CAAC,IAAI,IAEzCA,IAAWA,IAAW,GACdA,GAAQ;AAAA,MACd,KAAK;AACH,QAAAC,IAAYN,EAAI,SAAS,IAAIA,EAAI,KACjCE,EAAgB;AAAA,UACd,eAAeI,EAAU,SAAU,IAAG,MAAMA,EAAU,SAAQ,IAAK;AAAA,QAC7E;AACQ;AAAA,MACF,KAAK;AACH,QAAAJ,EAAgB;AAAA,UACd,iBAAiBF,EAAI,QAAQ,IAAIA,EAAI,MAAM,SAAU,IAAG,OAAOA,EAAI,SAAS,IAAIA,EAAI,KAAK,SAAQ,IAAK;AAAA,QAChH;AACQ;AAAA,MACF,KAAK;AACH,QAAAM,IAAYN,EAAI,QAAQ,IAAIA,EAAI,MAChCE,EAAgB;AAAA,UACd,gBAAgBI,EAAU,SAAU,IAAG,MAAMA,EAAU,SAAQ,IAAK;AAAA,QAC9E;AACQ;AAAA,IACH;AACD,IAAID,IAAW,MAAM,MACfL,EAAI,SAASA,EAAI,QACnBM,IAAYN,EAAI,MAChBA,EAAI,OAAOA,EAAI,KACfA,EAAI,MAAMM,IAERN,EAAI,UAAUA,EAAI,WACpBM,IAAYN,EAAI,OAChBA,EAAI,QAAQA,EAAI,QAChBA,EAAI,SAASM,KAGbJ,EAAgB,WAClBD,IAAO,mBAAmBC,EAAgB,KAAK,GAAG,IAAI,OAAOD,IAAO;AAAA,EAE1E,CAAG;AACD,QAAMM,IAAsBR,EAAmB,OACzCS,IAAuBT,EAAmB,QAC1CU,IAAWT,EAAI,OACfU,IAAYV,EAAI;AACtB,MAAIW,GACAC;AACJ,SAAIL,MAAwB,QAC1BK,IAASJ,MAAyB,OAAO,QAAQA,MAAyB,SAASE,IAAYF,GAC/FG,IAAQxB,EAAcyB,GAAQH,IAAWC,CAAS,MAElDC,IAAQJ,MAAwB,SAASE,IAAWF,GACpDK,IAASJ,MAAyB,OAAOrB,EAAcwB,GAAOD,IAAYD,CAAQ,IAAID,MAAyB,SAASE,IAAYF,IAEvH;AAAA,IACb,YAAY;AAAA,MACV,OAAOG,EAAM,SAAU;AAAA,MACvB,QAAQC,EAAO,SAAU;AAAA,MACzB,SAASZ,EAAI,KAAK,SAAQ,IAAK,MAAMA,EAAI,IAAI,SAAQ,IAAK,MAAMS,EAAS,SAAU,IAAG,MAAMC,EAAU,SAAU;AAAA,IACjH;AAAA,IACD,MAAAT;AAAA,EACJ;AAEA;AAEA,MAAMY,KAAQ,iBACRC,KAAe,cAAc,KAAK,IAAG,EAAG,SAAS,EAAE,KAAK,KAAK,OAAQ,IAAG,WAAW,GAAG,SAAS,EAAE;AACvG,IAAIC,KAAU;AACd,SAASC,GAAWf,GAAMgB,IAASH,IAAc;AAC/C,QAAMI,IAAM,CAAA;AACZ,MAAIC;AACJ,SAAOA,IAAQN,GAAM,KAAKZ,CAAI;AAC5B,IAAAiB,EAAI,KAAKC,EAAM,EAAE;AAEnB,SAAKD,EAAI,UAGTA,EAAI,QAAQ,CAACxE,MAAO;AAClB,UAAM0E,IAAQ,OAAOH,KAAW,aAAaA,EAAOvE,CAAE,IAAIuE,KAAUF,MAAW,SAAQ,GACjFM,IAAY3E,EAAG,QAAQ,uBAAuB,MAAM;AAC1D,IAAAuD,IAAOA,EAAK;AAAA,MACV,IAAI,OAAO,aAAaoB,IAAY,oBAAoB,GAAG;AAAA,MAC3D,OAAOD,IAAQ;AAAA,IACrB;AAAA,EACA,CAAG,GACMnB;AACT;AAEA,SAASqB,GAAWrB,GAAMsB,GAAY;AACpC,MAAIC,IAAoBvB,EAAK,QAAQ,QAAQ,MAAM,KAAK,KAAK;AAC7D,aAAWwB,KAAQF;AACjB,IAAAC,KAAqB,MAAMC,IAAO,OAAOF,EAAWE,KAAQ;AAE9D,SAAO,4CAA4CD,IAAoB,MAAMvB,IAAO;AACtF;AAEA,SAASyB,GAAgBC,GAAK;AAC5B,SAAOA,EAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,MAAM,KAAK,EAAE,QAAQ,MAAM,KAAK,EAAE,QAAQ,MAAM,KAAK,EAAE,QAAQ,MAAM,KAAK,EAAE,QAAQ,QAAQ,GAAG;AACvI;AACA,SAASC,GAASD,GAAK;AACrB,SAAO,6BAA6BD,GAAgBC,CAAG,IAAI;AAC7D;AAEA,MAAME,IAAoC;AAAA,EACtC,GAAG/D;AAAA,EACH,QAAQ;AACZ,GAKMgE,KAAc;AAAA,EAChB,OAAS;AAAA,EACT,eAAe;AAAA,EACf,eAAe;AAAA,EACf,MAAQ;AACZ,GAIMC,KAAc;AAAA,EAChB,SAAS;AACb,GACMC,IAAgB;AAAA,EAClB,iBAAiB;AACrB,GACMC,IAAe;AAAA,EACjB,iBAAiB;AACrB,GAEMC,IAAa;AAAA,EACf,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AACV,GACMC,IAAe;AAAA,EACjB,YAAYH;AAAA,EACZ,MAAMA;AAAA,EACN,YAAYC;AAChB;AACA,WAAWhB,KAAUkB,GAAc;AAC/B,QAAMC,IAAOD,EAAalB;AAC1B,aAAWoB,KAAQH;AACf,IAAAE,EAAKnB,IAASoB,KAAQH,EAAWG;AAEzC;AAKA,MAAMC,IAAuB,CAAA;AAC7B,CAAC,cAAc,UAAU,EAAE,QAAQ,CAACrB,MAAW;AAC3C,QAAMQ,IAAOR,EAAO,MAAM,GAAG,CAAC,IAAI;AAElC,EAAAqB,EAAqBrB,IAAS,WAAWQ,GAEzCa,EAAqBrB,EAAO,MAAM,GAAG,CAAC,IAAI,WAAWQ,GAErDa,EAAqBrB,IAAS,UAAUQ;AAC5C,CAAC;AAID,SAASc,EAAQpE,GAAO;AACpB,SAAOA,KAASA,EAAM,MAAM,YAAY,IAAI,OAAO;AACvD;AAIA,MAAMqE,KAAS,CAEf5C,GAEA9C,MAAU;AAEN,QAAM+C,IAAiB9B,GAAoB8D,GAAmC/E,CAAK,GAC7E2F,IAAiB,EAAE,GAAGX,MAEtBY,IAAO5F,EAAM,QAAQ,OAErB6F,IAAQ,CAAA,GACRC,IAAa9F,EAAM,OACnB+F,IAAc,OAAOD,KAAe,YAAY,EAAEA,aAAsB,SACxEA,IACA;AAEN,WAAS1E,KAAOpB,GAAO;AACnB,UAAMqB,IAAQrB,EAAMoB;AACpB,QAAIC,MAAU;AAGd,cAAQD,GAAG;AAAA,QAEP,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACD;AAAA,QAEJ,KAAK;AAAA,QACL,KAAK;AAAA,QACL,KAAK;AACD,UAAA2B,EAAe3B,KACXC,MAAU,MAAQA,MAAU,UAAUA,MAAU;AACpD;AAAA,QAEJ,KAAK;AACD,UAAI,OAAOA,KAAU,YACjBG,GAAeuB,GAAgB1B,CAAK;AAExC;AAAA,QAEJ,KAAK;AACD,UAAAwE,EAAM,QAAQxE;AACd;AAAA,QAEJ,KAAK;AACD,UAAI,OAAOA,KAAU,WACjB0B,EAAe3B,KAAOQ,GAAiBP,CAAK,IAEvC,OAAOA,KAAU,aACtB0B,EAAe3B,KAAOC;AAE1B;AAAA,QAEJ,KAAK;AAAA,QACL,KAAK;AAED,UAAIA,MAAU,MAAQA,MAAU,UAC5B,OAAOsE,EAAe;AAE1B;AAAA,QACJ,SAAS;AACL,gBAAMK,IAAQR,EAAqBpE;AACnC,UAAI4E,KAEI3E,MAAU,MAAQA,MAAU,UAAUA,MAAU,OAChD0B,EAAeiD,KAAS,MAGvBjB,EAAkC3D,OAAS,WAEhDuE,EAAevE,KAAOC;AAAA,QAE7B;AAAA,MACJ;AAAA,EACJ;AAED,QAAMjB,IAAOyC,GAAUC,GAAMC,CAAc,GACrCkD,IAAgB7F,EAAK;AAK3B,MAHI2C,EAAe,WACf8C,EAAM,gBAAgB,aAEtBD,MAAS,OAAO;AAEhB,IAAAD,EAAe,QAAQ;AAAA,MACnB,GAAGE;AAAA,MACH,GAAGE;AAAA,IACf,GAEQ,OAAO,OAAOJ,GAAgBM,CAAa;AAE3C,QAAIC,IAAe,GACftG,IAAKI,EAAM;AACf,WAAI,OAAOJ,KAAO,aAEdA,IAAKA,EAAG,QAAQ,MAAM,GAAG,IAG7B+F,EAAe,YAAezB,GAAW9D,EAAK,MAAMR,IAAK,MAAMA,IAAK,OAAOsG,MAAiB,YAAY,GAEjGC,EAAE,OAAOR,CAAc;AAAA,EACjC;AAED,QAAM,EAAE,MAAAxC,GAAM,OAAAU,GAAO,QAAAC,EAAM,IAAKhB,GAC1BsD,IAAUR,MAAS,WACpBA,MAAS,OAAO,KAAQzC,EAAK,QAAQ,cAAc,MAAM,KAExDkD,IAAO7B,GAAWrB,GAAM;AAAA,IAC1B,GAAG8C;AAAA,IACH,OAAOpC,IAAQ;AAAA,IACf,QAAQC,IAAS;AAAA,EACzB,CAAK;AAED,SAAA6B,EAAe,QAAQ;AAAA,IACnB,GAAGE;AAAA,IACH,SAASf,GAASuB,CAAI;AAAA,IACtB,OAASZ,EAAQQ,EAAc,KAAK;AAAA,IACpC,QAAUR,EAAQQ,EAAc,MAAM;AAAA,IACtC,GAAGhB;AAAA,IACH,GAAImB,IAAUlB,IAAgBC;AAAA,IAC9B,GAAGY;AAAA,EACX,GACWI,EAAE,QAAQR,CAAc;AACnC,GAKMW,IAAU,uBAAO,OAAO,IAAI;AAOlC,SAASC,EAAQC,GAAMC,GAAM;AACzB,EAAAH,EAAQE,KAAQC;AACpB;AAuBA,MAAMC,KAAO3G,EAAgB;AAAA,EAEzB,cAAc;AAAA,EAEd,SAAS;AACL,UAAMC,IAAQ,KAAK,QAEb2G,IAAY3G,EAAM,MAClB8C,IAAO,OAAO6D,KAAc,WAC5BL,EAAQK,KACR,OAAOA,KAAc,WACjBA,IACA;AAEV,WAAI7D,MAAS,QACT,OAAOA,KAAS,YAChB,OAAOA,EAAK,QAAS,WACd,KAAK,OAAO,UAAU,KAAK,OAAO,QAAS,IAAG,OAGlD4C,GAAO;AAAA,MACV,GAAG5E;AAAA,MACH,GAAGgC;AAAA,IACN,GAAE9C,CAAK;AAAA,EACX;AACL,CAAC,GCxnBD4G,KAAA7G,EAAA;AAAA,EAA+B,YAAA;AAAA,IACf,WAAA8G;AAAA,IACR,MAAAH;AAAA,EACA;AAAA,EACJ,MAAA;AAAA,EACM,OAAA;AAAA,IACC,aAAA;AAAA,IACU,eAAA;AAAA,EACE;AAAA,EACnB,MAAA1G,GAAA;AAEI,aAAA8G,EAAAC,GAAA;AACI,aAAAA,KAAAA,EAAA,OAAA,CAAA3G,MAAA;;AAA0C,eAAA,GAAA4G,IAAAhH,EAAA,kBAAA,QAAAgH,EAAA,mBAAA5G,EAAA;AAAA,MAA6C,CAAA,KAAA,CAAA;AAAA,IAAa;AAGxG,UAAA6G,IAAA3G,EAAA,MAAA;;AACI,YAAA4G,IAAAlH,EAAA,cAAA;AAMA,aAJAkH,EAAA,UAAA,KAIAlH,EAAA,iBAAAgH,IAAAhH,EAAA,gBAAA,OAAA,SAAAgH,EAAA,KAAA,QAAAE,CAAA,KAAA,IACI,MAGJC,IAAAnH,EAAA,gBAAA,OAAA,SAAAmH,EAAA,QAAA,KAAA,CAAA/G,MAAAA,EAAA,KAAA,QAAAJ,EAAA,cAAA,SAAA,IAAA,CAAA;AAAA,IAA2G,CAAA;AAG/G,aAAAoH,EAAAC,GAAA;AAEI,aADArH,EAAA,cAAA,UACA,UAAA,IACI,KAEJqH,EAAA,KAAA,QAAArH,EAAA,cAAA,SAAA,IAAA;AAAA,IAAqE;AAGzE,UAAAsH,IAAAC,EAAA,EAAA;AACA,WAAA;AAAA,MAAO,WAAAN;AAAA,MACH,YAAAG;AAAA,MACA,cAAAN;AAAA,MACA,OAAAQ;AAAA,IACA;AAAA,EACJ;AAER,CAAA;;ECrFsB,KAAA;AAAA;iDAYTE,KAAA;AAAA,EAAA,KAAA;AAAA;;;;2CAZyBC,IAAAC,EAAA,YAAA;;IAE6EC,EAAAC,GAAA,EAAA,WAAAjH,EAAA,YAAA,GAAA;AAAA,MAAA,SAAAkH,EAAA,MAAA;;AAArF,eAAA;AAAA,UAAAF,EAAAG,GAAA;AAAA,YAAe,MAAA;AAAA,YAAgB,QAAAnH,EAAA,SAAA;AAAA,YAAY,OAAA;AAAA,YAAwB,SAAAoH,EAAA,OAAAA,EAAA,KAAA,CAAAC,MAAArH,EAAA,QAAA,CAAAA,EAAA;AAAA,YACrF,OAAA;AAAA,UAAA,GAAA,MAAA,GAAA,CAAA,QAAA,CAAA;AAAA,UAAkBgH,EAAAG,GAAA;AAAA,YAAW,MAAA;AAAA,YAAM,OAAA;AAAA,YACnC,OAAA;AAAA,UAAA,CAAA;AAAA;YAA8C,OAAA;AAAA,YAG9C,QAAAG,IAAAtH,EAAA,gBAAA,OAAA,SAAAsH,EAAA;AAAA,UAAA,GAAAC,GAAAC,IAAAxH,EAAA,gBAAA,OAAA,SAAAwH,EAAA,IAAA,GAAA,GAAAC,EAAA;AAAA,UAC+BC,EAAA,OAAAC,IAAA;AAAA;;;;MAIE,GAAA;AAAA,IAAA,GAAA,GAAA,CAAA,WAAA,CAAA;AAAA,IAArC3H,EAAA,SAAAJ,EAAA,GAAAC,EAAA,OAAAgH,IAAA;AAAA,OASiBjH,EAAA,EAAA,GAAAC,EAAA+H,GAAA,MAAAC,GAAAxB,IAAArG,EAAA,gBAAA,OAAA,SAAAqG,EAAA,OAAA,CAAAyB,GAAAC,OAR0DnI,EAAA,GAAAoI,EAAAlB,GAAA;AAAA,QAAkB,KAAAiB;AAAA,QACpF,aAAAD;AAAA,QACU,eAAA9H,EAAA;AAAA,MAAQ,GAAA;AAAA;;QAGc,CAAA;AAAA,QACR,QAAAkH,EAAA,CAAA,EAAA,QAAAR,GAAA,OAAAuB,EAAA,MAAA;AAAA,UAAclI,EAAAC,EAAA,QAAA,UAAA;AAAA,YAAe,QAAA0G;AAAA;;;;iDAUpD,GAAA,GAAA;AAAA,uGAP6EwB,IAAAtI,KAAAC,EAAA,OAAA;AAAA,QAClC,KAAAkI;AAAA;MACQ,GAAA;AAAA,QAAzBf,EAAAG,GAAA;AAAA,UAAA,MAAA;AAAA,UAAM,OAAA;AAAA,UAClC,OAAA;AAAA,QAAA,CAAA;AAAA;UAA0C,OAAA1H,EAAA;AAAA,UAC1C,OAAA;AAAA,QAAA,GAAA8H,EAAA9H,EAAA,IAAA,GAAA,GAAA0I,EAAA;AAAA,QACmET,EAAA,OAAAU,IAAA;AAAA,UAA9BrI,EAAAC,EAAA,QAAA,UAAA;AAAA,YAAqB,QAAAP;AAAA;;;;;;;;;sFC5BpEqG,KAAO;AAAA,EACZ,OAAS;AAAA,EACT,QAAU;AAAA,EACV,MAAQ;AACT,GCJMA,KAAO;AAAA,EACZ,OAAS;AAAA,EACT,QAAU;AAAA,EACV,MAAQ;AACT,GCJMA,KAAO;AAAA,EACZ,OAAS;AAAA,EACT,QAAU;AAAA,EACV,MAAQ;AACT;ACiCAF,EAAA,SAAAyC,EAAA;AACAzC,EAAA,SAAAkC,EAAA;AACAlC,EAAA,QAAA0C,EAAA;AAEA,MAAAC,KAAAnJ,EAAA;AAAA,EAA+B,YAAA;AAAA,IACf,WAAA8G;AAAA,IACR,WAAAsC;AAAA,EACA;AAAA,EACJ,OAAA;AAAA,IACO,aAAA;AAAA,EACU;AAAA,EACjB,SAAA;AAAA,IACS,mBAAA;AAED,WAAA,cAAA,iBAAA,CAAA,KAAA,cAAA;AAAA,IAAwD;AAAA,IAC5D,iBAAA;;AAEI,MAAA,KAAA,mBACI,KAAA,cAAA,aAAAnC,IAAA,KAAA,mBAAA,OAAA,SAAAA,EAAA,OACA,QAAA,IAAA,KAAA,cAAA,SAAA;AAAA,IACJ;AAAA,EACJ;AAAA,EACJ,QAAA;AAEI,UAAAoC,IAAA7B,EAAA;AAAA,MAA+D,gBAAA;AAAA,MAC3C,WAAA;AAAA,IACL,CAAA;AAGf,WAAA;AAAA,MAAO,gBADPA;MAEI,eAAA6B;AAAA,IACA;AAAA,EACJ;AAER,CAAA;ACrEa,MAAAC,KAAA,CAAAC,OAAAC,GAAA,iBAAA,GAAAD,IAAAA,KAAAE,MAAAF,IACI7I,KAAA,EAAA,OAAA,uDAMD6H,KAAA,EAAA,OAAA,EAAA,QAAA,QAAA,eAAA,OAAA;;;;;IAHED,EAAA,OAAAD,IAAA;AAAA,MAFYC,EAAA,OAAAC,IAAA;AAAA,QACqDd;AAAA,QAAzCa,EAAA,SAAA;AAAA,UAAA,MAAA;AAAA,UAAsB,UAAAN,EAAA,OAAAA,EAAA,KAAA,IAAA0B,MAAA9I,EAAA,kBAAAA,EAAA,eAAA,GAAA8I,CAAA;AAAA;;MAKxC,CAAA;AAAA;QAF+E,SAAA5B,EAAA,MAAA;AAAA,UAAjEQ,EAAA,SAAA;AAAA,YAAgB,MAAA;AAAA,YAAM,IAAA;AAAA,YAAe,OAAA;AAAA;UACpB,GAAA,MAAA,EAAA;AAAA;;;;IAazC,CAAA;AAAA;OADW9H,EAAA,EAAA,GAAAC,EAAA+H,GAAA,MAAAC,GAAAxB,IAAArG,EAAA,gBAAA,OAAA,SAAAqG,EAAA,OAAA,CAAA0C,GAAAhB;QARwF,eAAA/H,EAAA;AAAA,QACnF,KAAA+H;AAAA;MACE,GAAA;AAAA;;QAGiB,CAAA;AAAA,QACR,QAAAb,EAAA,CAAA,EAAA,QAAAR,GAAA,OAAAoB,EAAA,MAAA;AAAA,UAAc/H,EAAAC,EAAA,QAAA,UAAA;AAAA,YAAe,QAAA0G;AAAA;;;;;;;;sFCZhEsC,IAAa;AAAA,EACjB,sBAAA/K;AACF,GAEMgL,KAAmB;AAAA,EACvB,QAAQC,GAAU;AAChB,eAAWC,KAAWH,GAAY;AAChC,YAAMvJ,IAAOuJ,EAAWG;AACpB,MAAAD,EAAA,UAAUC,GAAS1J,CAAI;AAAA,IAC7B;AAAA,EACF;AACF;"}
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .root[data-v-702e833c]{position:relative}.count-show[data-v-702e833c]{position:absolute;right:0px;color:#b7b7b7}:root{--device-offline-color: rgb(168, 168, 168);--device-online-color: rgb(1, 172, 1);--group-name-width: 160px }.handle-ls-svg[data-v-10002f64]{vertical-align:-5px;cursor:pointer;margin-right:5px;color:#383838}.group-avatar[data-v-10002f64]{vertical-align:-6px;color:gray}.device[data-v-10002f64],.group[data-v-10002f64]{margin:5px 0}.group-name[data-v-10002f64]{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-10002f64]{display:inline-block;width:calc(100% - var(--group-name-width) - 100px)}.device-slot[data-v-10002f64]{display:inline-block;width:calc(100% - var(--group-name-width) - 42px)}.device-avatar[data-v-10002f64]{vertical-align:-2px;margin-right:4px;margin-left:2px;color:var(--device-offline-color)}.device-name[data-v-10002f64]{display:inline-block;width:var(--group-name-width);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-10002f64],.online-device .device-name[data-v-10002f64]{color:var(--device-online-color)}:root{--sec-main-search-height: 64px }.device-group-list[data-v-3b15399c]{height:100%}.device-group-list .search-panel[data-v-3b15399c]{height:var(--sec-main-search-height)}.device-group-list .device-panel[data-v-3b15399c]{height:calc(100% - var(--sec-main-search-height));overflow-y:auto}
1
+ .root[data-v-702e833c]{position:relative}.count-show[data-v-702e833c]{position:absolute;right:0px;color:#b7b7b7}:root{--device-offline-color: rgb(168, 168, 168);--device-online-color: rgb(1, 172, 1);--group-name-width: 160px }.handle-ls-svg[data-v-b34e0b4a]{vertical-align:-5px;cursor:pointer;margin-right:5px;color:#383838}.group-avatar[data-v-b34e0b4a]{vertical-align:-6px;color:gray}.device[data-v-b34e0b4a],.group[data-v-b34e0b4a]{margin:5px 0}.group-name[data-v-b34e0b4a]{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-b34e0b4a]{display:inline-block;width:calc(100% - var(--group-name-width) - 100px)}.device-slot[data-v-b34e0b4a]{display:inline-block;width:calc(100% - var(--group-name-width) - 42px)}.device-avatar[data-v-b34e0b4a]{vertical-align:-2px;margin-right:4px;margin-left:2px;color:var(--device-offline-color)}.device-name[data-v-b34e0b4a]{display:inline-block;width:var(--group-name-width);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-b34e0b4a],.online-device .device-name[data-v-b34e0b4a]{color:var(--device-online-color)}:root{--sec-main-search-height: 64px }.device-group-list[data-v-f4599228]{height:100%}.device-group-list .search-panel[data-v-f4599228]{height:var(--sec-main-search-height)}.device-group-list .device-panel[data-v-f4599228]{height:calc(100% - var(--sec-main-search-height));overflow-y:auto}
package/lib/components/recursion-device-group/model/index.d.ts CHANGED
@@ -2,6 +2,7 @@ export declare namespace RecursionDeviceGroup {
2
2
  interface IChannelInfo {
3
3
  index: number;
4
4
  name: string;
5
+ mediaDir: number;
5
6
  }
6
7
  interface DeviceInfo<T = any> {
7
8
  id: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "smarteye-e-components",
3
- "version": "0.0.16",
3
+ "version": "0.0.18",
4
4
  "description": "",
5
5
  "main": "./dist/smarteye-e-components.mjs",
6
6
  "scripts": {