cnhis-design-vue 3.2.15-beta.5 → 3.2.15-beta.8

package/es/components/fabric-chart/src/hooks/surgicalAnesthesia/useTop.js

@@ -1 +1 @@
-import{fabric as e}from"../../../../../shared/utils/fabricjs/index.js";import{defaultStyle as t,drawText as n,defaultRectStyle as i,drawTextGroup as o,drawLine as r,drawPoint as l}from"../useDraw.js";import{useGrid as s}from"../useGrid.js";import{useBirthProcessCumputedPoint as c}from"../useCumputedPoint.js";import"../useEvent.js";import"../useShadow.js";import{drawScaleNumber as u}from"../useScaleColumn.js";import{useCommon as a}from"../useCommon.js";import"vue";import{getScaleNumberList as f}from"../../utils/index.js";import{filter as d,omit as h,has as p,isArray as m}from"lodash-es";import"date-fns";import{OTHER_MENU as g}from"../../constants/index.js";import"@vueuse/shared";import"naive-ui";import"@vueuse/core";import"./useOther.js";import"../../../../../shared/utils/index.js";const v=d(g,(e=>"add"!==e.type));function L(e,t,[n,i]){var o,r;let l=null;for(let s=0;s<e.length;s++){const c=e[s],{left:u,top:a,width:f,height:d}=c;if("tree"===t&&!(null==(o=c.children)?void 0:o.length)&&i>=a&&i<=a+d){l=c;break}if("treeMenu"===t&&n>=u&&n<=u+f&&i>=a&&i<=a+d){l=c;break}if(null==(r=c.children)?void 0:r.length){const e=L(c.children,t,[n,i]);if(e){l=e;break}}}return l?h(l,["uuid","left","top","width","height"]):null}function x(d,g,x,y,w){const{computedX:X,getXValue:C}=c(g),{originX:b,endX:Y,xCellWidth:k,originYXAxis:S,top:j,canvasWidth:M,borderStyle:$,treeData:G,xAxis:E,topGridYNumber:I,topGridOriginY:P,topGridYCellHeight:R,topGridEndY:T,event:z,extraMenuConfig:A,getTreeData:V,grid:D}=g,{getPointEventProps:B}=a(d,x,g);let N=V();const W=new Set;function F(){const{show:e=!0,range:t}=(null==j?void 0:j.scaleValue)||{};return e&&m(t)}function H(){!function e(t){t.forEach((t=>{var i;(null==(i=t.children)?void 0:i.length)?e(t.children):(function(e){if(!(null==e?void 0:e.data)||!Array.isArray(e.data))return;const{lineStyle:t}=j.dataStyle||{},n=e.top,i=n+R,o=i-R/2,l={y1:n,y2:i,halfY:o};let s=null;const c=h(e,["data","width","height","left","top"]);e.data.forEach(((n,i,u)=>{const a={...c,data:n,index:i},{time:f,continue:d}=n,[h,p]=f,m=h&&X(h),g=p&&X(p),v=q({...l,x:m},{isCustomIcon:!g&&!d,isContinue:!1,isLeft:!0}),L=q({...l,x:g},{isCustomIcon:!1,isContinue:!!d});let x,y;if((v||m<b)&&(L||g>Y)){const n=v?m:b,i=L?g:Y;x="wavy"===e.lineType?O([n,i,o],t):r([n,o,i,o],t),y=U({width:i-n-k,left:n+(i-n)/2,top:o,onlyRect:!0}),y.origin=a,x.centerLineRect=y}const w={startLine:v,centerLine:x,endLine:L};let C,S;!function(e,t,n){const{startLine:i,centerLine:o,endLine:r}=t,{startLine:l,endLine:s}=e||{};if(i){i.origin=n;const e={x1:b,x2:r?r.left:Y};s?(e.x1=s.left,s.limitX.x2=i.left,i.prevLine=s,s.nextLine=i):l&&(e.x1=l.left,l.limitX.x2=i.left,i.prevLine=l,l.nextLine=i),i.limitX=e,o&&(i.centerLine=o)}if(r){r.origin=n;const e={x1:i?i.left:b,x2:Y};r.limitX=e,o&&(r.centerLine=o)}o&&(o.origin=n);i&&r&&(i.nearLine=r,r.nearLine=i)}(s,w,a),s&&(C=_(u[i-1],s,o,a)),i===u.length-1&&(S=_(n,w,o,a)),s=w,x&&W.add(x),y&&W.add(y),v&&W.add(v),L&&W.add(L),C&&W.add(C),S&&W.add(S)}))}(t),function(e){if(F())return;const t=M-Y,{divider:i={},style:o}=(null==j?void 0:j.total)||{};if(i.show){const n=e.top+R,o=r([Y,n,Y+t,n],i.style);d.value.add(o)}if(!(null==e?void 0:e.total))return;const l=e.top+R/2,s=Y+t/2,c=n([s,l],{value:e.total,...o}),u=M-$.strokeWidth;s+c.width>u&&c.set({originX:"right",left:u});c&&d.value.add(c)}(t))}))}(N),W.size&&d.value.add(...W)}function O([n,i,o],r){const{stroke:l="#000"}=r||{},{subXCell:s=6}=D,c=k*s,u=R/2,a=c/2,f=o-u,d=o+u;if(n>i)return;let h=n,p=`M${h} ${o}`,m=0;for(;i-h>=c;)p+=` Q${h+a} ${m%2==0?f:d} ${h+c} ${o}`,h+=c,m++;i-h<c&&(p+=` L${i} ${o}`);const g=new e.Gradient({gradientUnits:"pencentage",coords:{x1:i,y1:0,x2:0,y2:0},colorStops:[{offset:0,color:l+"90"},{offset:.5,color:l+"50"},{offset:1,color:l+"20"}]}),v=new e.Path(p,{fill:g,objectCaching:!1,...r,...t});return v.pathPointer=[n,i,o],v.selfStyle=r,v}function _(e,t,n,i){let o;const{content:r}=e.value||{},{startLine:s,endLine:c,centerLine:u}=t;if(r&&(s||u||c)){const{textStyle:e}=j.dataStyle||{};o=l(r,{fontSize:12,...e,backgroundColor:"#fff",lockMovementX:!0,lockMovementY:!0});const u=Q(o,t,n);o&&(o.set(u),o.origin=i,J(o),s&&(s.text=o),c&&(c.text=o))}return o}function Q(e,t,n){var i,o,r;const l=e.width+1,{startLine:s,centerLine:c,endLine:u}=t,a={top:n,originX:"center",originY:"center"},f=null!=(r=null!=(o=null==c?void 0:c.x1)?o:null==(i=null==c?void 0:c.pathPointer)?void 0:i[0])?r:0;return c&&l<=c.width?a.left=f+c.width/2:u&&l<=u.limitX.x2-u.left?(a.originX="left",a.left=u.left+1):s&&!u&&l<=s.limitX.x2-s.left?(a.originX="left",a.left=s.left+(s.isCustomIcon?5:1)):s&&l<=s.left-s.limitX.x1?(a.originX="right",a.left=s.left-(s.isCustomIcon?5:1)):c?(a.originY="top",a.left=f+c.width/2,a.top=n+1,a.fontSize=10):s&&(a.originX="left",a.originY="top",a.fontSize=10,a.left=s.left,a.top=n+1),e.bringToFront(),a}function U(t){const{bindLine:n,width:i,left:o,top:r,props:l,onlyRect:s=!1}=t,c={originX:"center",originY:"center",hasControls:!1,hasBorders:!1,hoverCursor:"pointer",left:o,top:r},u=new e.Rect({width:i,height:R,fill:"transparent",...c});if(s)return u.set({lockMovementX:!0,lockMovementY:!0}),J(u),u;const a=new e.Group([n,u],{...c,...l,lockMovementY:!0});return J(a),a}function q(e,{isCustomIcon:t,isContinue:n,isLeft:i}){const{x:o,y1:s,y2:c,halfY:u}=e;if(!o||o<b||o>Y)return;const{lineStyle:a}=j.dataStyle||{};let f;const d={left:o,top:u};f=t?l("circle",{fill:a.stroke,...d}):n?l(">",{fill:a.stroke,...d,fontSize:18}):r([o,s,o,u],a);const h=U({...d,width:k,bindLine:f,props:B()});return h.isLeft=i,h.isCustomIcon=t,h}function J(e){z.hovered&&(e.on("mouseover",(()=>{K(e,"hover")})),e.on("mouseout",(()=>{y.show=!1}))),e.lockMovementX&&e.lockMovementY||(e.on("moving",(()=>{!function(e){e.setCoords(),e.left<e.limitX.x1&&e.set("left",e.limitX.x1);e.left>e.limitX.x2&&e.set("left",e.limitX.x2)}(e),function(e){var t,n;if(e.centerLine){const i=e.isLeft?{x1:e.left}:{x2:e.left};if(p(e.centerLine,"pathPointer")){const{pathPointer:t,selfStyle:n}=e.centerLine;t[e.isLeft?0:1]=e.left,d.value.remove(e.centerLine);const{centerLineRect:i}=e.centerLine;e.centerLine=null;const o=O(t,n);o&&(i.bringToFront(),o.centerLineRect=i,e.centerLine=o,e.nearLine.centerLine=o,d.value.add(o))}else e.centerLine.setCoords().set(i);if(e.isLeft){const n=e.limitX.x2-e.left;null==(t=e.centerLine.centerLineRect)||t.setCoords().set({width:n-k,left:e.left+n/2})}else{const t=e.left-e.limitX.x1;null==(n=e.centerLine.centerLineRect)||n.setCoords().set({width:t-k,left:e.limitX.x1+t/2})}}if(e.text){const t=Q(e.text,{startLine:e.isLeft?e:e.nearLine,centerLine:e.centerLine,endLine:e.isLeft?e.nearLine:e},e.top);e.text.setCoords().set(t)}}(e),z.hovered&&K(e)})),e.on("mouseup",(t=>{if(1===t.button){!function(e){e.isLeft?(e.prevLine&&(e.prevLine.limitX.x2=e.left),e.nearLine&&(e.nearLine.limitX.x1=e.left)):(e.nextLine&&(e.nextLine.limitX.x1=e.left),e.nearLine&&(e.nearLine.limitX.x2=e.left))}(e);const t={type:"tree",...e.origin};x("change",h(t,["uuid"]))}})))}function K(e,t="moving"){var n,i,o;y.isTarget=!0,y.show=!0;const{data:r}=e.origin;y.point={x:e.left,y:e.top},y.marginTop=R/2;let[l="",s=""]=r.time||[];if("moving"===t){const t=C(e.left);e.isLeft?l=t:s=t,r.time=[l,s],e.text&&(e.text.origin.data.time=[l,s])}y.list=[`开始时间 ${l}`,`结束时间 ${s}`,`流速 ${(null==(n=r.value)?void 0:n.currentSpeed)||""}`,`浓度 ${(null==(i=r.value)?void 0:i.consistence)||""}`,`总量 ${(null==(o=r.value)?void 0:o.total)||""}`],y.sourceData=[{type:"tree",startTime:l,endTime:s,value:r.value}]}return s(d,{...g,gridYNumber:I,originY:P,yCellHeight:R,endY:T}),function(){var o;const{height:r,list:l,left:s,spaceValue:c,style:u,marginBottom:a}=E;if(!r)return;const f=[],h=S+(a?r-a:r/2),p=a?"bottom":"center";l.forEach(((e,t)=>{const i=s+t*k*c;f.push(n([i,h],{value:e.slice(11,16),originY:p,...u}))}));const m=f.length>0?new e.Group([...f],{...t,objectCaching:!1}):null;m&&d.value.add(m);const g=new e.Rect({width:M,height:r,left:0,top:S,...i,originX:"left",originY:"top",...$});if(d.value.add(g),!F()){const{title:e=(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.234"))||"总量",style:t}=(null==j?void 0:j.total)||{},i=n([Y+(M-Y)/2,h],{value:e,originY:p,...t});d.value.add(i)}}(),function(){var n;const i=(null==(n=null==j?void 0:j.tree)?void 0:n.textStyle)||{},r=[];!function e(t){t.forEach((t=>{var n;const{width:l,height:s,left:c,top:u,title:a=""}=t,f={value:a,...i};(null==(n=t.children)?void 0:n.length)?(f.value=a.split("").join("\n"),e(t.children)):f.textAlign="left",r.push(o({width:l,height:s,...$},f,{left:c,top:u},!0))}))}(G);const l=r.length>0?new e.Group([...r],{...t,objectCaching:!1}):null;l&&d.value.add(l)}(),H(),function(){const{range:n,spaceValue:i=.5,spaceGridNumber:o=1,style:r,margin:l=5}=(null==j?void 0:j.scaleValue)||{};if(!F())return;const s=f(n,i),c=[];if(s.forEach(((e,t)=>{if(0===t||t===s.length-1)return;const n=T-t*R*o;Math.abs(n-P)<1||c.push(u(String(e),{style:r,position:"right"},Y+l,n))})),!c.length)return;const a=new e.Group(c,{objectCaching:!1,...t});d.value.add(a)}(),z.evented&&d.value.on("mouse:up",(e=>{3===e.button&&function(e){y.show=!1;const{x:t=0,y:n=0}=e.pointer||{};if(n>=P&&n<=T)if(t>=b&&t<=Y)if(e.target){const t=e.target;w.point={x:t.left,y:t.top},w.show=!0,w.target=t;const{treeMenuList:n=[]}=A;w.list=v.concat(n).map((e=>({...e,renderItem:()=>e.label,type:e.key||e.type,_type:"tree"})))}else{const e={type:"tree",treeItem:L(N,"tree",[t,n]),time:C(t)};x("right-click",e)}else{const e={type:"treeMenu",treeItem:L(G,"treeMenu",[t,n])};x("right-click",e)}}(e)})),{redrawLinePoints:function(){var e;W.size&&(null==(e=d.value)||e.remove(...W)),W.clear(),N=V(),H()},clickMenu:function({item:e,target:t}){var n;if(!t)return;const{type:i,_type:o}=e,r={...t.origin,type:o};if(v.map((e=>e.type)).includes(i)){if("remove"===i){const e=[...W].filter((e=>{var t;return(null==(t=e.origin)?void 0:t.uuid)===r.uuid}));e.length&&(d.value.remove(...e),e.forEach((e=>{W.delete(e)})))}x(i,h(r,["uuid"]))}else null==(n=A.click)||n.call(A,i,h(r,["uuid"]))}}}export{x as useTop};
+import{fabric as e}from"../../../../../shared/utils/fabricjs/index.js";import{defaultStyle as t,drawText as n,defaultRectStyle as i,drawTextGroup as o,drawLine as r,drawPoint as l}from"../useDraw.js";import{useGrid as s}from"../useGrid.js";import{useBirthProcessCumputedPoint as c}from"../useCumputedPoint.js";import"../useEvent.js";import"../useShadow.js";import{drawScaleNumber as u}from"../useScaleColumn.js";import{useCommon as a}from"../useCommon.js";import"vue";import{getScaleNumberList as f}from"../../utils/index.js";import{filter as d,omit as h,has as p,isArray as m}from"lodash-es";import"date-fns";import{OTHER_MENU as g}from"../../constants/index.js";import"@vueuse/shared";import"naive-ui";import"@vueuse/core";import"./useOther.js";import"../../../../../shared/utils/index.js";const v=d(g,(e=>"add"!==e.type));function L(e,t,[n,i]){var o,r;let l=null;for(let s=0;s<e.length;s++){const c=e[s],{left:u,top:a,width:f,height:d}=c;if("tree"===t&&!(null==(o=c.children)?void 0:o.length)&&i>=a&&i<=a+d){l=c;break}if("treeMenu"===t&&n>=u&&n<=u+f&&i>=a&&i<=a+d){l=c;break}if(null==(r=c.children)?void 0:r.length){const e=L(c.children,t,[n,i]);if(e){l=e;break}}}return l?h(l,["uuid","left","top","width","height"]):null}function x(d,g,x,y,w){const{computedX:X,getXValue:C}=c(g),{originX:b,endX:Y,xCellWidth:k,originYXAxis:S,top:j,canvasWidth:M,borderStyle:$,treeData:G,xAxis:I,topGridYNumber:E,topGridOriginY:P,topGridYCellHeight:R,topGridEndY:T,event:z,extraMenuConfig:A,getTreeData:V,grid:D}=g,{getPointEventProps:B}=a(d,x,g);let N=V();const W=new Set;function F(){const{show:e=!0,range:t}=(null==j?void 0:j.scaleValue)||{};return e&&m(t)}function H(){!function e(t){t.forEach((t=>{var i;(null==(i=t.children)?void 0:i.length)?e(t.children):(function(e){if(!(null==e?void 0:e.data)||!Array.isArray(e.data))return;const{lineStyle:t}=j.dataStyle||{},n=e.top,i=n+R,o=i-R/2,l={y1:n,y2:i,halfY:o};let s=null;const c=h(e,["data","width","height","left","top"]);e.data.forEach(((n,i,u)=>{const a={...c,data:n,index:i},{time:f,continue:d}=n,[h,p]=f,m=h&&X(h),g=p&&X(p),v=q({...l,x:m},{isCustomIcon:!g&&!d,isContinue:!1,isLeft:!0}),L=q({...l,x:g},{isCustomIcon:!1,isContinue:!!d});let x,y;if((v||m<b)&&(L||g>Y)){const n=v?m:b,i=L?g:Y;x="wavy"===e.lineType?O([n,i,o],t):r([n,o,i,o],t),y=U({width:i-n-k,left:n+(i-n)/2,top:o,onlyRect:!0}),y.origin=a,x.centerLineRect=y}const w={startLine:v,centerLine:x,endLine:L};let C,S;!function(e,t,n){const{startLine:i,centerLine:o,endLine:r}=t,{startLine:l,endLine:s}=e||{};if(i){i.origin=n;const e={x1:b,x2:r?r.left:Y};s?(e.x1=s.left,s.limitX.x2=i.left,i.prevLine=s,s.nextLine=i):l&&(e.x1=l.left,l.limitX.x2=i.left,i.prevLine=l,l.nextLine=i),i.limitX=e,o&&(i.centerLine=o)}if(r){r.origin=n;const e={x1:i?i.left:b,x2:Y};r.limitX=e,o&&(r.centerLine=o)}o&&(o.origin=n);i&&r&&(i.nearLine=r,r.nearLine=i)}(s,w,a),s&&(C=_(u[i-1],s,o,a)),i===u.length-1&&(S=_(n,w,o,a)),s=w,x&&W.add(x),y&&W.add(y),v&&W.add(v),L&&W.add(L),C&&W.add(C),S&&W.add(S)}))}(t),function(e){if(F())return;const t=M-Y,{divider:i={},style:o}=(null==j?void 0:j.total)||{};if(i.show){const n=e.top+R,o=r([Y,n,Y+t,n],i.style);d.value.add(o)}if(!(null==e?void 0:e.total))return;const l=e.top+R/2,s=Y+t/2,c=n([s,l],{value:e.total,...o}),u=M-$.strokeWidth;s+c.width>u&&c.set({originX:"right",left:u});c&&d.value.add(c)}(t))}))}(N),W.size&&d.value.add(...W)}function O([n,i,o],r){const{stroke:l="#000"}=r||{},{subXCell:s=6}=D,c=k*s,u=R/2,a=c/2,f=o-u,d=o+u;if(n>i)return;let h=n,p=`M${h} ${o}`,m=0;for(;i-h>=c;)p+=` Q${h+a} ${m%2==0?f:d} ${h+c} ${o}`,h+=c,m++;i-h<c&&(p+=` L${i} ${o}`);const g=new e.Gradient({gradientUnits:"pencentage",coords:{x1:i,y1:0,x2:0,y2:0},colorStops:[{offset:0,color:l+"90"},{offset:.5,color:l+"50"},{offset:1,color:l+"20"}]}),v=new e.Path(p,{fill:g,objectCaching:!1,...r,...t});return v.pathPointer=[n,i,o],v.selfStyle=r,v}function _(e,t,n,i){let o;const{content:r}=e.value||{},{startLine:s,endLine:c,centerLine:u}=t;if(r&&(s||u||c)){const{textStyle:e}=j.dataStyle||{};o=l(r,{fontSize:12,...e,backgroundColor:"#fff",lockMovementX:!0,lockMovementY:!0});const u=Q(o,t,n);o&&(o.set(u),o.origin=i,J(o),s&&(s.text=o),c&&(c.text=o))}return o}function Q(e,t,n){var i,o,r;const l=e.width+1,{startLine:s,centerLine:c,endLine:u}=t,a={top:n,originX:"center",originY:"center"},f=null!=(r=null!=(o=null==c?void 0:c.x1)?o:null==(i=null==c?void 0:c.pathPointer)?void 0:i[0])?r:0;return c&&l<=c.width?a.left=f+c.width/2:u&&l<=u.limitX.x2-u.left?(a.originX="left",a.left=u.left+1):s&&!u&&l<=s.limitX.x2-s.left?(a.originX="left",a.left=s.left+(s.isCustomIcon?5:1)):s&&l<=s.left-s.limitX.x1?(a.originX="right",a.left=s.left-(s.isCustomIcon?5:1)):c?(a.originY="top",a.left=f+c.width/2,a.top=n+1,a.fontSize=10):s&&(a.originX="left",a.originY="top",a.fontSize=10,a.left=s.left,a.top=n+1),e.bringToFront(),a}function U(t){const{bindLine:n,width:i,left:o,top:r,props:l,onlyRect:s=!1}=t,c={originX:"center",originY:"center",hasControls:!1,hasBorders:!1,hoverCursor:"pointer",left:o,top:r},u=new e.Rect({width:i,height:R,fill:"transparent",...c});if(s)return u.set({lockMovementX:!0,lockMovementY:!0}),J(u),u;const a=new e.Group([n,u],{...c,...l,lockMovementY:!0});return J(a),a}function q(e,{isCustomIcon:t,isContinue:n,isLeft:i}){const{x:o,y1:s,y2:c,halfY:u}=e;if(!o||o<b||o>Y)return;const{lineStyle:a,customIcon:f={}}=j.dataStyle||{};let d;const h={left:o,top:u};d=t?l(f.type||"circle",{fill:a.stroke,...f.style,...h}):n?l(">",{fill:a.stroke,...h,fontSize:18}):r([o,s,o,u],a);const p=U({...h,width:k,bindLine:d,props:B()});return p.isLeft=i,p.isCustomIcon=t,p}function J(e){z.hovered&&(e.on("mouseover",(()=>{K(e,"hover")})),e.on("mouseout",(()=>{y.show=!1}))),e.lockMovementX&&e.lockMovementY||(e.on("moving",(()=>{!function(e){e.setCoords(),e.left<e.limitX.x1&&e.set("left",e.limitX.x1);e.left>e.limitX.x2&&e.set("left",e.limitX.x2)}(e),function(e){var t,n;if(e.centerLine){const i=e.isLeft?{x1:e.left}:{x2:e.left};if(p(e.centerLine,"pathPointer")){const{pathPointer:t,selfStyle:n}=e.centerLine;t[e.isLeft?0:1]=e.left,d.value.remove(e.centerLine);const{centerLineRect:i}=e.centerLine;e.centerLine=null;const o=O(t,n);o&&(i.bringToFront(),o.centerLineRect=i,e.centerLine=o,e.nearLine.centerLine=o,d.value.add(o))}else e.centerLine.setCoords().set(i);if(e.isLeft){const n=e.limitX.x2-e.left;null==(t=e.centerLine.centerLineRect)||t.setCoords().set({width:n-k,left:e.left+n/2})}else{const t=e.left-e.limitX.x1;null==(n=e.centerLine.centerLineRect)||n.setCoords().set({width:t-k,left:e.limitX.x1+t/2})}}if(e.text){const t=Q(e.text,{startLine:e.isLeft?e:e.nearLine,centerLine:e.centerLine,endLine:e.isLeft?e.nearLine:e},e.top);e.text.setCoords().set(t)}}(e),z.hovered&&K(e)})),e.on("mouseup",(t=>{if(1===t.button){!function(e){e.isLeft?(e.prevLine&&(e.prevLine.limitX.x2=e.left),e.nearLine&&(e.nearLine.limitX.x1=e.left)):(e.nextLine&&(e.nextLine.limitX.x1=e.left),e.nearLine&&(e.nearLine.limitX.x2=e.left))}(e);const t={type:"tree",...e.origin};x("change",h(t,["uuid"]))}})))}function K(e,t="moving"){var n,i,o;y.isTarget=!0,y.show=!0;const{data:r}=e.origin;y.point={x:e.left,y:e.top},y.marginTop=R/2;let[l="",s=""]=r.time||[];if("moving"===t){const t=C(e.left);e.isLeft?l=t:s=t,r.time=[l,s],e.text&&(e.text.origin.data.time=[l,s])}y.list=[`开始时间 ${l}`,`结束时间 ${s}`,`流速 ${(null==(n=r.value)?void 0:n.currentSpeed)||""}`,`浓度 ${(null==(i=r.value)?void 0:i.consistence)||""}`,`总量 ${(null==(o=r.value)?void 0:o.total)||""}`],y.sourceData=[{type:"tree",startTime:l,endTime:s,value:r.value}]}return s(d,{...g,gridYNumber:E,originY:P,yCellHeight:R,endY:T}),function(){var o;const{height:r,list:l,left:s,spaceValue:c,style:u,marginBottom:a}=I;if(!r)return;const f=[],h=S+(a?r-a:r/2),p=a?"bottom":"center";l.forEach(((e,t)=>{const i=s+t*k*c;f.push(n([i,h],{value:e.slice(11,16),originY:p,...u}))}));const m=f.length>0?new e.Group([...f],{...t,objectCaching:!1}):null;m&&d.value.add(m);const g=new e.Rect({width:M,height:r,left:0,top:S,...i,originX:"left",originY:"top",...$});if(d.value.add(g),!F()){const{title:e=(null==(o=window.getLanguageByCode)?void 0:o.call(window,"10010.1.234"))||"总量",style:t}=(null==j?void 0:j.total)||{},i=n([Y+(M-Y)/2,h],{value:e,originY:p,...t});d.value.add(i)}}(),function(){var n;const i=(null==(n=null==j?void 0:j.tree)?void 0:n.textStyle)||{},r=[];!function e(t){t.forEach((t=>{var n;const{width:l,height:s,left:c,top:u,title:a=""}=t,f={value:a,...i};(null==(n=t.children)?void 0:n.length)?(f.value=a.split("").join("\n"),e(t.children)):f.textAlign="left",r.push(o({width:l,height:s,...$},f,{left:c,top:u},!0))}))}(G);const l=r.length>0?new e.Group([...r],{...t,objectCaching:!1}):null;l&&d.value.add(l)}(),H(),function(){const{range:n,spaceValue:i=.5,spaceGridNumber:o=1,style:r,margin:l=5}=(null==j?void 0:j.scaleValue)||{};if(!F())return;const s=f(n,i),c=[];if(s.forEach(((e,t)=>{if(0===t||t===s.length-1)return;const n=T-t*R*o;Math.abs(n-P)<1||c.push(u(String(e),{style:r,position:"right"},Y+l,n))})),!c.length)return;const a=new e.Group(c,{objectCaching:!1,...t});d.value.add(a)}(),z.evented&&d.value.on("mouse:up",(e=>{3===e.button&&function(e){y.show=!1;const{x:t=0,y:n=0}=e.pointer||{};if(n>=P&&n<=T)if(t>=b&&t<=Y)if(e.target){const t=e.target;w.point={x:t.left,y:t.top},w.show=!0,w.target=t;const{treeMenuList:n=[]}=A;w.list=v.concat(n).map((e=>({...e,renderItem:()=>e.label,type:e.key||e.type,_type:"tree"})))}else{const e={type:"tree",treeItem:L(N,"tree",[t,n]),time:C(t)};x("right-click",e)}else{const e={type:"treeMenu",treeItem:L(G,"treeMenu",[t,n])};x("right-click",e)}}(e)})),{redrawLinePoints:function(){var e;W.size&&(null==(e=d.value)||e.remove(...W)),W.clear(),N=V(),H()},clickMenu:function({item:e,target:t}){var n;if(!t)return;const{type:i,_type:o}=e,r={...t.origin,type:o};if(v.map((e=>e.type)).includes(i)){if("remove"===i){const e=[...W].filter((e=>{var t;return(null==(t=e.origin)?void 0:t.uuid)===r.uuid}));e.length&&(d.value.remove(...e),e.forEach((e=>{W.delete(e)})))}x(i,h(r,["uuid"]))}else null==(n=A.click)||n.call(A,i,h(r,["uuid"]))}}}export{x as useTop};

package/es/components/fabric-chart/src/hooks/useDraw.js

@@ -1 +1 @@
-import{fabric as e}from"../../../../shared/utils/fabricjs/index.js";const t={evented:!1,selectable:!1},i={stroke:"#000",strokeWidth:1,strokeUniform:!0,...t},n={stroke:"#000",strokeWidth:1,strokeDashArray:[0,0],strokeUniform:!0,...t},r={fill:"transparent",stroke:"#000",strokeWidth:1,originX:"center",originY:"center",objectCaching:!1,strokeUniform:!0,...t},o={fontFamily:"微软雅黑",fontSize:12,fill:"#000",centeredRotation:!0,originX:"center",originY:"center",lineHeight:1,objectCaching:!1,strokeUniform:!0,...t};function c(t,i){return new e.Line(t,{...n,...i})}function l([t,i],n){return new e.Text(String(n.value),{...o,left:t,top:i,...n})}function s([i,n,r],o,s="down"){const a=c([i,n,i,r],{strokeWidth:o.strokeWidth||1,stroke:o.fill||o.stroke}),g=l([i+.5,"up"===s?r-3:r+3],{value:"v",originX:"center",originY:"bottom",fontSize:16,angle:"up"===s?180:0,objectCaching:!1,...o});return new e.Group([a,g],{...t,originX:"center",originY:"top",objectCaching:!1})}function a(i,n,c,l=!1){const s=new e.Rect({...r,...i,...l?{}:{stroke:"transparent"}}),{value:a="标题",textAlign:g="center",verticalAlign:u="center"}=n,f=i.width/2,h=i.height/2,d=new e.Text(String(a),{...o,...n,..."left"==g||"right"==g?{originX:g,left:"left"==g?-f:f}:{},..."top"==u||"bottom"==u?{originY:u,top:"top"==u?-h:h}:{}});return new e.Group([s,d],{objectCaching:!1,...t,...c})}function g(t){return new e.Circle({objectCaching:!1,strokeWidth:t.strokeWidth||1,stroke:t.stroke||"red",radius:t.radius||5,fill:"#fff"})}function u(t="circle",i){var n;const r={originX:"center",originY:"center",hasControls:!1,hasBorders:!1,hoverCursor:"pointer",objectCaching:!1,scale:1,...i},o=i.radius?(i.radius||5)+(i.strokeWidth||1):null!=(n=i.width)?n:0;switch(t){case"triangle":return new e.Triangle({width:20,height:20,strokeWidth:1,...r});case"circle":return new e.Circle({objectCaching:!1,strokeWidth:1,radius:5,...r});case"image":return new e.Image(i.element,r);case"yemai":{const t=()=>{const t=2*o,n={stroke:i.strokeX||"blue",strokeWidth:i.strokeWidthX||1,originX:"center",originY:"center"},r=new e.Line([0,o,t,o],n),c=new e.Line([o,0,o,t],n);return new e.Group([r,c])};return new e.Group([g(i),t()],r)}case"koumai":{const t=new e.Circle({objectCaching:!1,radius:i.radiusCircle||2,fill:i.fillCircle||"#000",originX:"center",originY:"center",left:o-.5,top:o-.5});return new e.Group([g(i),t],r)}case"circleAndText":{const t=new e.Text(String(i.text),{fontFamily:"微软雅黑",fontSize:r.fontSize||12,originX:"center",originY:"center",fill:i.textFill||i.stroke,left:o-.5,top:o-1,fontWeight:i.fontWeight||500,objectCaching:!1});return new e.Group([g(i),t],r)}case"circleAndCircle":return u("koumai",i);default:return i&&Reflect.deleteProperty(i,"stroke"),new e.Text(String(t),{fontFamily:"微软雅黑",scale:1,fontSize:14,fill:"#000",...r})}}function f(i,n,r,o="horizontal"){const c=new e.Text(String(i),{...t,objectCaching:!1,...n.titleStyle||{},originX:"left",originY:"bottom",lineHeight:1,fontSize:12,...r.text}),{top:l,topY:s,left:a,leftX:g}=r.icon,f=null!=l?l:"horizontal"===o?s-(c.height||30)/2-1:s+c.height+3,h=null!=a?a:g+c.width+5;return{text:c,icon:u(n.type,{...n.pointAttr,originY:"center",originX:"left",originLeft:h,originTop:f,...r.icon,origin:{title:n.title,unit:n.unit,type:n.bigType,dataIndex:n.dataIndex,key:n.key,isMenu:!0,...r.icon.origin},left:h,top:f})}}export{i as defaultBorderStyle,n as defaultLineStyle,r as defaultRectStyle,t as defaultStyle,o as defaultTextStyle,s as drawArrow,c as drawLine,u as drawPoint,l as drawText,f as drawTextAndIconGroup,a as drawTextGroup};
+import{fabric as e}from"../../../../shared/utils/fabricjs/index.js";import{omit as t}from"lodash-es";const n={evented:!1,selectable:!1},r={stroke:"#000",strokeWidth:1,strokeUniform:!0,...n},i={stroke:"#000",strokeWidth:1,strokeDashArray:[0,0],strokeUniform:!0,...n},o={fill:"transparent",stroke:"#000",strokeWidth:1,originX:"center",originY:"center",objectCaching:!1,strokeUniform:!0,...n},c={fontFamily:"微软雅黑",fontSize:12,fill:"#000",centeredRotation:!0,originX:"center",originY:"center",lineHeight:1,objectCaching:!1,strokeUniform:!0,...n};function l(t,n){return new e.Line(t,{...i,...n})}function s([t,n],r){return new e.Text(String(r.value),{...c,left:t,top:n,...r})}function a([t,r,i],o,c="down"){const a=l([t,r,t,i],{strokeWidth:o.strokeWidth||1,stroke:o.fill||o.stroke}),g=s([t+.5,"up"===c?i-3:i+3],{value:"v",originX:"center",originY:"bottom",fontSize:16,angle:"up"===c?180:0,objectCaching:!1,...o});return new e.Group([a,g],{...n,originX:"center",originY:"top",objectCaching:!1})}function g(t,r,i,l=!1){const s=new e.Rect({...o,...t,...l?{}:{stroke:"transparent"}}),{value:a="标题",textAlign:g="center",verticalAlign:u="center"}=r,f=t.width/2,h=t.height/2,d=new e.Text(String(a),{...c,...r,..."left"==g||"right"==g?{originX:g,left:"left"==g?-f:f}:{},..."top"==u||"bottom"==u?{originY:u,top:"top"==u?-h:h}:{}});return new e.Group([s,d],{objectCaching:!1,...n,...i})}function u(t){return new e.Circle({objectCaching:!1,strokeWidth:t.strokeWidth||1,stroke:t.stroke||"red",radius:t.radius||5,fill:"#fff"})}function f(n="circle",r){var i;const o={originX:"center",originY:"center",hasControls:!1,hasBorders:!1,hoverCursor:"pointer",objectCaching:!1,scale:1,...r},c=r.radius?(r.radius||5)+(r.strokeWidth||1):null!=(i=r.width)?i:0;switch(n){case"triangle":return new e.Triangle({width:20,height:20,strokeWidth:1,...o});case"circle":return new e.Circle({objectCaching:!1,strokeWidth:1,radius:5,...o});case"image":return new e.Image(r.element,o);case"yemai":{const t=()=>{const t=2*c,n={stroke:r.strokeX||"blue",strokeWidth:r.strokeWidthX||1,originX:"center",originY:"center"},i=new e.Line([0,c,t,c],n),o=new e.Line([c,0,c,t],n);return new e.Group([i,o])};return new e.Group([u(r),t()],o)}case"koumai":{const t=new e.Circle({objectCaching:!1,radius:r.radiusCircle||2,fill:r.fillCircle||"#000",originX:"center",originY:"center",left:c-.5,top:c-.5});return new e.Group([u(r),t],o)}case"circleAndText":{const t=new e.Text(String(r.text),{fontFamily:"微软雅黑",fontSize:o.fontSize||12,originX:"center",originY:"center",fill:r.textFill||r.stroke,left:c-.5,top:c-1,fontWeight:r.fontWeight||500,objectCaching:!1});return new e.Group([u(r),t],o)}case"circleAndCircle":return f("koumai",r);case"cg":{const{left:t,radius:n,top:i,stroke:c="#000"}=r,l=new e.Line([0,n,2*n,n],{stroke:c,objectCaching:!1}),s=n+1,a=Math.round(n/2),g=new e.Polyline([{x:s,y:a},{x:2*n,y:n},{x:s,y:n+a}],{stroke:c,fill:"transparent",objectCaching:!1});return new e.Group([u(r),l,g],{...o,left:Math.round(t),top:Math.round(i)})}case"qgcg":{const{radius:t,stroke:n="#000"}=r,i=new e.Line([0,t,4*t,t],{stroke:n,objectCaching:!1,left:-t});return new e.Group([u(r),i],o)}case"zrhz":{const{radius:t,stroke:n="#000"}=r,i=t/3*2,c=new e.Circle({objectCaching:!1,radius:i,fill:"#fff",left:t-i,top:t-i,stroke:n}),l=new e.Line([0,t,4*t,t],{stroke:n,objectCaching:!1,left:-t});return new e.Group([u(r),c,l],o)}case"plus":{const n=t(o,["big","small"]),{big:i,small:c}=r,l=f(i.type,{fill:"#fff",...n,...i.style}),s=f(c.type,{...n,...c.style});return new e.Group([l,s],n)}default:return r&&Reflect.deleteProperty(r,"stroke"),new e.Text(String(n),{fontFamily:"微软雅黑",scale:1,fontSize:14,fill:"#000",...o})}}function h(t,r,i,o="horizontal"){const c=new e.Text(String(t),{...n,objectCaching:!1,...r.titleStyle||{},originX:"left",originY:"bottom",lineHeight:1,fontSize:12,...i.text}),{top:l,topY:s,left:a,leftX:g}=i.icon,u=null!=l?l:"horizontal"===o?s-(c.height||30)/2-1:s+c.height+3,h=null!=a?a:g+c.width+5;return{text:c,icon:f(r.type,{...r.pointAttr,originY:"center",originX:"left",originLeft:h,originTop:u,...i.icon,origin:{title:r.title,unit:r.unit,type:r.bigType,dataIndex:r.dataIndex,key:r.key,isMenu:!0,...i.icon.origin},left:h,top:u})}}export{r as defaultBorderStyle,i as defaultLineStyle,o as defaultRectStyle,n as defaultStyle,c as defaultTextStyle,a as drawArrow,l as drawLine,f as drawPoint,s as drawText,h as drawTextAndIconGroup,g as drawTextGroup};

package/es/components/iho-chat/index.d.ts

@@ -31,6 +31,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../shared/types").AnyObject>;
         default: () => {};
     };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }, {
     props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
         token: {
@@ -64,6 +68,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             type: import("vue").PropType<import("../../shared/types").AnyObject>;
             default: () => {};
         };
+        filterable: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
     }>> & {
         "onTemplate-click"?: ((...args: any[]) => any) | undefined;
         "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -76,6 +84,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
         stompClient: import("vue").Ref<import("./src/utils/chatSock").ChatSock | undefined>;
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -119,6 +128,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     };
     cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
     state: {
+        filterable: boolean;
         orgId: string | number;
         currentSessionItem: import("../../shared/types").AnyObject;
         id: string;
@@ -155,8 +165,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         unreadSessionKeys: string[];
         flexWidth: import("vue").Ref<number>;
         listBoxRef: import("vue").Ref<HTMLElement | undefined>;
-        loading: import("vue").Ref<boolean>;
-        filterList: import("vue").Ref<{
+        filterListByTag: import("vue").Ref<{
             label: string;
             key: string;
         }[]>;
@@ -165,7 +174,13 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         menuPosition: any;
         sessionId: import("vue").Ref<any>;
         currentFilterKey: import("vue").Ref<string>;
+        dateRange: import("vue").Ref<any>;
+        keyword: import("vue").Ref<string>;
+        showSearch: import("vue").Ref<boolean>;
+        filterList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
+        handleInput: () => void;
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -196,10 +211,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         showSession: (item: import("../../shared/types").AnyObject, currentKey?: string) => boolean | undefined;
         handleContextmenu: (event: MouseEvent, id: string) => Promise<void>;
         handleSelect: (key: string, session: import("../../shared/types").AnyObject) => Promise<void>;
-        NSpin: any;
+        handleUpdateShow: (value: boolean) => void;
+        handleSearch: () => void;
         NBadge: any;
         NAvatar: any;
+        NInput: any;
         NTag: any;
+        NIcon: any;
+        NPopover: any;
         ContextMenu: import("vue").DefineComponent<{
             type: {
                 type: StringConstructor;
@@ -243,9 +262,200 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         };
         formatTime: typeof import("./src/utils").formatTime;
         STATUS: typeof import("./src/constants").STATUS;
+        CDatePicker: SFCWithInstall<import("vue").DefineComponent<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+            to: {
+                type: import("vue").PropType<string | false | HTMLElement>;
+                default: string;
+            };
+            holidays: {
+                type: import("vue").PropType<Date[]>;
+                default: () => never[];
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+        }, {
+            attrs: {
+                [x: string]: unknown;
+            };
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                updateUnchangedValue: {
+                    type: BooleanConstructor;
+                };
+                onConfirm: {
+                    type: FunctionConstructor;
+                };
+                formattedValue: {
+                    type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+                };
+                placeholder: {
+                    type: StringConstructor;
+                };
+                allowedInvalidValue: {
+                    type: StringConstructor;
+                };
+                to: {
+                    type: import("vue").PropType<string | false | HTMLElement>;
+                    default: string;
+                };
+                holidays: {
+                    type: import("vue").PropType<Date[]>;
+                    default: () => never[];
+                };
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+            }>> & {
+                "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "update:formatted-value", ...args: any[]) => void;
+            datePickerRef: import("vue").Ref<import("../../shared/types").AnyObject | null>;
+            panelInstRef: import("vue").Ref<null>;
+            placeholderRef: import("vue").Ref<any>;
+            oldValue: string;
+            currentFormattedValue: import("vue").WritableComputedRef<(string | [string, string]) | null | undefined>;
+            isDateTime: import("vue").ComputedRef<boolean>;
+            formatRef: import("vue").ComputedRef<string>;
+            panelFormatRef: import("vue").ComputedRef<string | [string, string]>;
+            focus: () => any;
+            blur: () => any;
+            handleConfirm: (target: HTMLInputElement) => void;
+            onUpdateShow: (show: boolean) => Promise<void>;
+            watchers: import("../../shared/types").AnyFn[];
+            stopWatcher: () => void;
+            setHoliday: (show: boolean) => Promise<void>;
+            onConfirm: (...args: any[]) => Promise<void>;
+            isAllowedInvalidValue: (value: (string | [string, string]) | null | undefined) => boolean | "" | undefined;
+            setShortcutValue: (type: "month" | "week") => Promise<void>;
+            NDatePicker: any;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:formatted-value"[], "update:formatted-value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            updateUnchangedValue: {
+                type: BooleanConstructor;
+            };
+            onConfirm: {
+                type: FunctionConstructor;
+            };
+            formattedValue: {
+                type: import("vue").PropType<(string | [string, string]) | null | undefined>;
+            };
+            placeholder: {
+                type: StringConstructor;
+            };
+            allowedInvalidValue: {
+                type: StringConstructor;
+            };
+            to: {
+                type: import("vue").PropType<string | false | HTMLElement>;
+                default: string;
+            };
+            holidays: {
+                type: import("vue").PropType<Date[]>;
+                default: () => never[];
+            };
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+        }>> & {
+            "onUpdate:formatted-value"?: ((...args: any[]) => any) | undefined;
+        }, {
+            type: string;
+            updateUnchangedValue: boolean;
+            to: string | false | HTMLElement;
+            holidays: Date[];
+        }>>;
+        SearchOutline: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        userItemRender: import("vue").DefineComponent<{
+            item: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {};
+            };
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {};
+            };
+        }>> & {
+            "onItem-click"?: ((...args: any[]) => any) | undefined;
+        }, {
+            item: import("../../shared/types").AnyObject;
+        }>;
+        DefaultPage: SFCWithInstall<import("vue").DefineComponent<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            config: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {
+                    title: string;
+                    content: string;
+                };
+            };
+        }, {
+            props: Readonly<import("@vue/shared").LooseRequired<Readonly<import("vue").ExtractPropTypes<{
+                type: {
+                    type: StringConstructor;
+                    default: string;
+                };
+                config: {
+                    type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                    default: () => {
+                        title: string;
+                        content: string;
+                    };
+                };
+            }>> & {
+                onReloadPage?: ((...args: any[]) => any) | undefined;
+            }>>;
+            emit: (event: "reloadPage", ...args: any[]) => void;
+            configResult: import("vue").ComputedRef<{
+                title: string;
+                content: string;
+                img: string;
+            }>;
+            reloadPage: () => void;
+            NIcon: any;
+            Refresh: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, import("vue").EmitsOptions, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "reloadPage"[], "reloadPage", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            type: {
+                type: StringConstructor;
+                default: string;
+            };
+            config: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {
+                    title: string;
+                    content: string;
+                };
+            };
+        }>> & {
+            onReloadPage?: ((...args: any[]) => any) | undefined;
+        }, {
+            type: string;
+            config: import("../../shared/types").AnyObject;
+        }>>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatHeader: import("vue").DefineComponent<{}, {
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -315,6 +525,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -381,6 +592,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 [x: string]: unknown;
             };
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -455,6 +667,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "close", ...args: any[]) => void;
                 state: {
+                    filterable: boolean;
                     orgId: string | number;
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
@@ -570,6 +783,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "comfirm", ...args: any[]) => void;
                 state: {
+                    filterable: boolean;
                     orgId: string | number;
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
@@ -681,6 +895,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>> & {}>>;
             cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -788,6 +1003,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 }>>;
                 emit: (event: "comfirm", ...args: any[]) => void;
                 state: {
+                    filterable: boolean;
                     orgId: string | number;
                     currentSessionItem: import("../../shared/types").AnyObject;
                     id: string;
@@ -905,6 +1121,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
                 };
             }>> & {}>>;
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1137,6 +1354,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1233,6 +1451,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     ChatMain: import("vue").DefineComponent<{}, {
         chatMainRef: import("vue").Ref<HTMLElement | undefined>;
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -1323,6 +1542,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "close", ...args: any[]) => void;
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1557,6 +1777,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1660,6 +1881,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     ChatFooter: import("vue").DefineComponent<{}, {
         inputRef: import("vue").Ref<HTMLDivElement | undefined>;
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -1763,6 +1985,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -1870,6 +2093,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         keyword: import("vue").Ref<string>;
         cssVars: import("vue").ComputedRef<import("../../shared/types").AnyObject>;
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -1888,28 +2112,14 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             currentGroupUser: import("../../shared/types").AnyObject[];
             showMultipleVideo: boolean;
         };
-        openSession: (session: string | import("../../shared/types").AnyObject) => Promise<void>;
         userList: import("vue").Ref<import("../../shared/types").AnyObject[]>;
         handleInput: () => void;
         currentTabValue: import("vue").Ref<string>;
-        userItemRender: import("vue").DefineComponent<{
-            item: {
-                type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                default: () => {};
-            };
-        }, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-            item: {
-                type: import("vue").PropType<import("../../shared/types").AnyObject>;
-                default: () => {};
-            };
-        }>>, {
-            item: import("../../shared/types").AnyObject;
-        }>;
         groupList: import("vue").ComputedRef<import("../../shared/types").AnyObject[]>;
         showNoData: import("vue").ComputedRef<boolean>;
         showAllNoData: import("vue").ComputedRef<boolean>;
         showGroupNoData: import("vue").ComputedRef<boolean>;
-        addSession: (id: string) => Promise<void>;
+        handleClose: () => void;
         NPopover: any;
         NButton: any;
         NInput: any;
@@ -1973,6 +2183,21 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             type: string;
             config: import("../../shared/types").AnyObject;
         }>>;
+        userItemRender: import("vue").DefineComponent<{
+            item: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {};
+            };
+        }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "item-click"[], "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+            item: {
+                type: import("vue").PropType<import("../../shared/types").AnyObject>;
+                default: () => {};
+            };
+        }>> & {
+            "onItem-click"?: ((...args: any[]) => any) | undefined;
+        }, {
+            item: import("../../shared/types").AnyObject;
+        }>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     ChatAdd: import("vue").DefineComponent<{
         title: {
@@ -2028,6 +2253,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         }>>;
         emit: (event: "comfirm", ...args: any[]) => void;
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -2125,6 +2351,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             receiver?: string | undefined;
         }) => Promise<void>;
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -2206,6 +2433,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             name: string;
         }[]>;
         state: {
+            filterable: boolean;
             orgId: string | number;
             currentSessionItem: import("../../shared/types").AnyObject;
             id: string;
@@ -2323,6 +2551,7 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
             }>>;
             emit: (event: "comfirm", ...args: any[]) => void;
             state: {
+                filterable: boolean;
                 orgId: string | number;
                 currentSessionItem: import("../../shared/types").AnyObject;
                 id: string;
@@ -2453,6 +2682,10 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
         type: import("vue").PropType<import("../../shared/types").AnyObject>;
         default: () => {};
     };
+    filterable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & {
     "onTemplate-click"?: ((...args: any[]) => any) | undefined;
     "onUnread-message-update"?: ((...args: any[]) => any) | undefined;
@@ -2463,5 +2696,6 @@ declare const IhoChat: SFCWithInstall<import("vue").DefineComponent<{
     showHeader: boolean;
     baseURL: string;
     extraParams: import("../../shared/types").AnyObject;
+    filterable: boolean;
 }>>;
 export default IhoChat;