split_wrapper-MD1u9mI2.js 10 KB

1
  1. import{d as ke,f as P,c as Ee,r as le,o as Ce,_ as Me,$ as De,a1 as o,a2 as K,G as Q,k as p,u as h,m as ue,A as ce,a7 as I,ap as Fe,F as Ue}from"./vue-B5pbXMv7.js";import{bm as Be,_ as Ae}from"./entry/index-DJx93RYF-1731481145019.js";import{aY as Ie,bS as Le,a9 as Ne,bT as je,B as de,an as Ge,bU as Ve,t as He,a4 as Re,a5 as $e,bV as Pe,M as Qe}from"./antd-CBeLo_oO.js";var S=typeof window!="undefined"?window:null,te=S===null,N=te?void 0:S.document,y="addEventListener",z="removeEventListener",ee="getBoundingClientRect",L="_a",b="_b",w="_c",T="horizontal",x=function(){return!1},Te=te?"calc":["","-webkit-","-moz-","-o-"].filter(function(l){var s=N.createElement("div");return s.style.cssText="width:"+l+"calc(9px)",!!s.style.length}).shift()+"calc",fe=function(l){return typeof l=="string"||l instanceof String},ve=function(l){if(fe(l)){var s=N.querySelector(l);if(!s)throw new Error("Selector "+l+" did not match a DOM element");return s}return l},m=function(l,s,i){var u=l[s];return u!==void 0?u:i},W=function(l,s,i,u){if(s){if(u==="end")return 0;if(u==="center")return l/2}else if(i){if(u==="start")return 0;if(u==="center")return l/2}return l},We=function(l,s){var i=N.createElement("div");return i.className="gutter gutter-"+s,i},Ye=function(l,s,i){var u={};return fe(s)?u[l]=s:u[l]=Te+"("+s+"% - "+i+"px)",u},qe=function(l,s){var i;return i={},i[l]=s+"px",i},Xe=function(l,s){if(s===void 0&&(s={}),te)return{};var i=l,u,M,O,D,F,c;Array.from&&(i=Array.from(i));var Y=ve(i[0]),k=Y.parentNode,j=getComputedStyle?getComputedStyle(k):null,G=j?j.flexDirection:null,_=m(s,"sizes")||i.map(function(){return 100/i.length}),a=m(s,"minSize",100),v=Array.isArray(a)?a:i.map(function(){return a}),q=m(s,"maxSize",1/0),me=Array.isArray(q)?q:i.map(function(){return q}),ge=m(s,"expandToMin",!1),B=m(s,"gutterSize",10),V=m(s,"gutterAlign","center"),X=m(s,"snapOffset",30),pe=Array.isArray(X)?X:i.map(function(){return X}),Z=m(s,"dragInterval",1),U=m(s,"direction",T),J=m(s,"cursor",U===T?"col-resize":"row-resize"),he=m(s,"gutter",We),re=m(s,"elementStyle",Ye),Se=m(s,"gutterStyle",qe);U===T?(u="width",M="clientX",O="left",D="right",F="clientWidth"):U==="vertical"&&(u="height",M="clientY",O="top",D="bottom",F="clientHeight");function A(r,e,t,n){var f=re(u,e,t,n);Object.keys(f).forEach(function(d){r.style[d]=f[d]})}function ye(r,e,t){var n=Se(u,e,t);Object.keys(n).forEach(function(f){r.style[f]=n[f]})}function H(){return c.map(function(r){return r.size})}function ne(r){return"touches"in r?r.touches[0][M]:r[M]}function se(r){var e=c[this.a],t=c[this.b],n=e.size+t.size;e.size=r/this.size*n,t.size=n-r/this.size*n,A(e.element,e.size,this[b],e.i),A(t.element,t.size,this[w],t.i)}function ze(r){var e,t=c[this.a],n=c[this.b];this.dragging&&(e=ne(r)-this.start+(this[b]-this.dragOffset),Z>1&&(e=Math.round(e/Z)*Z),e<=t.minSize+t.snapOffset+this[b]?e=t.minSize+this[b]:e>=this.size-(n.minSize+n.snapOffset+this[w])&&(e=this.size-(n.minSize+this[w])),e>=t.maxSize-t.snapOffset+this[b]?e=t.maxSize+this[b]:e<=this.size-(n.maxSize-n.snapOffset+this[w])&&(e=this.size-(n.maxSize+this[w])),se.call(this,e),m(s,"onDrag",x)(H()))}function ae(){var r=c[this.a].element,e=c[this.b].element,t=r[ee](),n=e[ee]();this.size=t[u]+n[u]+this[b]+this[w],this.start=t[O],this.end=t[D]}function be(r){if(!getComputedStyle)return null;var e=getComputedStyle(r);if(!e)return null;var t=r[F];return t===0?null:(U===T?t-=parseFloat(e.paddingLeft)+parseFloat(e.paddingRight):t-=parseFloat(e.paddingTop)+parseFloat(e.paddingBottom),t)}function ie(r){var e=be(k);if(e===null||v.reduce(function(d,g){return d+g},0)>e)return r;var t=0,n=[],f=r.map(function(d,g){var C=e*d/100,R=W(B,g===0,g===r.length-1,V),$=v[g]+R;return C<$?(t+=$-C,n.push(0),$):(n.push(C-$),C)});return t===0?r:f.map(function(d,g){var C=d;if(t>0&&n[g]-t>0){var R=Math.min(t,n[g]-t);t-=R,C=d-R}return C/e*100})}function xe(){var r=this,e=c[r.a].element,t=c[r.b].element;r.dragging&&m(s,"onDragEnd",x)(H()),r.dragging=!1,S[z]("mouseup",r.stop),S[z]("touchend",r.stop),S[z]("touchcancel",r.stop),S[z]("mousemove",r.move),S[z]("touchmove",r.move),r.stop=null,r.move=null,e[z]("selectstart",x),e[z]("dragstart",x),t[z]("selectstart",x),t[z]("dragstart",x),e.style.userSelect="",e.style.webkitUserSelect="",e.style.MozUserSelect="",e.style.pointerEvents="",t.style.userSelect="",t.style.webkitUserSelect="",t.style.MozUserSelect="",t.style.pointerEvents="",r.gutter.style.cursor="",r.parent.style.cursor="",N.body.style.cursor=""}function _e(r){if(!("button"in r&&r.button!==0)){var e=this,t=c[e.a].element,n=c[e.b].element;e.dragging||m(s,"onDragStart",x)(H()),r.preventDefault(),e.dragging=!0,e.move=ze.bind(e),e.stop=xe.bind(e),S[y]("mouseup",e.stop),S[y]("touchend",e.stop),S[y]("touchcancel",e.stop),S[y]("mousemove",e.move),S[y]("touchmove",e.move),t[y]("selectstart",x),t[y]("dragstart",x),n[y]("selectstart",x),n[y]("dragstart",x),t.style.userSelect="none",t.style.webkitUserSelect="none",t.style.MozUserSelect="none",t.style.pointerEvents="none",n.style.userSelect="none",n.style.webkitUserSelect="none",n.style.MozUserSelect="none",n.style.pointerEvents="none",e.gutter.style.cursor=J,e.parent.style.cursor=J,N.body.style.cursor=J,ae.call(e),e.dragOffset=ne(r)-e.end}}_=ie(_);var E=[];c=i.map(function(r,e){var t={element:ve(r),size:_[e],minSize:v[e],maxSize:me[e],snapOffset:pe[e],i:e},n;if(e>0&&(n={a:e-1,b:e,dragging:!1,direction:U,parent:k},n[b]=W(B,e-1===0,!1,V),n[w]=W(B,!1,e===i.length-1,V),G==="row-reverse"||G==="column-reverse")){var f=n.a;n.a=n.b,n.b=f}if(e>0){var d=he(e,U,t.element);ye(d,B,e),n[L]=_e.bind(n),d[y]("mousedown",n[L]),d[y]("touchstart",n[L]),k.insertBefore(d,t.element),n.gutter=d}return A(t.element,t.size,W(B,e===0,e===i.length-1,V),e),e>0&&E.push(n),t});function oe(r){var e=r.i===E.length,t=e?E[r.i-1]:E[r.i];ae.call(t);var n=e?t.size-r.minSize-t[w]:r.minSize+t[b];se.call(t,n)}c.forEach(function(r){var e=r.element[ee]()[u];e<r.minSize&&(ge?oe(r):r.minSize=e)});function we(r){var e=ie(r);e.forEach(function(t,n){if(n>0){var f=E[n-1],d=c[f.a],g=c[f.b];d.size=e[n-1],g.size=t,A(d.element,d.size,f[b],d.i),A(g.element,g.size,f[w],g.i)}})}function Oe(r,e){E.forEach(function(t){if(e!==!0?t.parent.removeChild(t.gutter):(t.gutter[z]("mousedown",t[L]),t.gutter[z]("touchstart",t[L])),r!==!0){var n=re(u,t.a.size,t[b]);Object.keys(n).forEach(function(f){c[t.a].element.style[f]="",c[t.b].element.style[f]=""})}})}return{setSizes:we,getSizes:H,collapse:function(e){oe(c[e])},destroy:Oe,parent:k,pairs:E}};const Ze={class:"panel top-panel"},Je={class:"room-container-header"},Ke={class:"room-container-header-operate"},et={class:"item-margin"},tt={class:"room-operate"},rt={class:"item-margin"},nt={class:"item-margin"},st={class:"item-margin",style:{"margin-right":"30px"}},at={class:"room-container-body"},it={class:"chat-roomings-tip-box"},ot={class:"room-container-body-messages"},lt={class:"room-container__loading"},ut={class:"panel bottom-panel"},ct={class:"chat-roomings__message"},dt={class:"send-message"},vt={class:"editor"},ft={class:"footer"},mt=ke({__name:"split_wrapper",setup(l){const s=P(!1),i=P(""),u=Be(i,300),M=Ee(()=>u.value?c.value.filter(_=>_.title.includes(u.value)):c.value),O=P(null),D=le({aiChecked:!0}),F=le({content:""}),c=P([{title:"北京市场报告.doc",status:"😄",date:"2024/07/24"},{title:"上海市场报告.doc",status:"😞",date:"2024/07/24"}]);Ce(()=>{Xe([O.value.children[0],O.value.children[1]],{sizes:[55,45],minSize:[window.innerHeight*.42,window.innerHeight*.29],gutterSize:10,cursor:"row-resize",direction:"vertical",gutter:(_,a)=>{const v=document.createElement("div");return v.className=`gutter gutter-${a}`,v}})});function Y(){s.value=!0}function k(){}function j(){}const G=_=>_;return(_,a)=>(Me(),De(Ue,null,[o("div",{ref_key:"splitContainer",ref:O,class:"split-container"},[o("div",Ze,[o("div",Je,[a[5]||(a[5]=o("div",{class:"room-container-header-title"},K(" 测试群聊 (29)"),-1)),o("div",Ke,[o("span",et,[o("div",tt,[a[4]||(a[4]=Q(K("房主")+" ")),p(h(Ie),{dot:"",status:"success",class:"badge-right-bottom"})])]),o("span",rt,[p(h(Le),{style:{"font-size":"20px",color:"#666667"}})]),o("span",nt,[p(h(Ne),{checked:D.aiChecked,"onUpdate:checked":a[0]||(a[0]=v=>D.aiChecked=v),"checked-children":"AI","un-checked-children":"人工"},null,8,["checked"])]),o("span",st,[p(h(je),{style:{"font-size":"20px",color:"#333"}})])])]),o("div",at,[ue(o("div",it,[a[7]||(a[7]=o("span",{style:{color:"#307ef2, font-size14px"}},"当前用户正在被人工接待...",-1)),p(h(de),{class:"chat-roomings-tip-btn",size:"small"},{default:I(()=>a[6]||(a[6]=[Q("自动回复")])),_:1})],512),[[ce,!1]]),ue(o("div",ot,[o("div",lt,[a[8]||(a[8]=Q(" 加载中... ")),p(h(Ge))])],512),[[ce,!1]])])]),o("div",ut,[o("div",ct,[o("div",dt,[o("div",vt,[o("div",{class:"header"},[a[10]||(a[10]=Fe('<div class="left-part" data-v-05f99ec6><div class="img-emoji" data-v-05f99ec6></div><div class="img-file" data-v-05f99ec6></div><div class="img-link" data-v-05f99ec6></div><div class="img-text" data-v-05f99ec6></div></div>',1)),o("div",{class:"right-part",onClick:Y},a[9]||(a[9]=[o("div",{class:"img-record"},null,-1),o("div",{style:{"font-size":"14px",color:"#666"}},"聊天记录",-1)]))]),p(h(Ve),{class:"textarea",value:F.content,"onUpdate:value":a[1]||(a[1]=v=>F.content=v),rows:8,maxlength:1e3,placeholder:"在这里输入文字"},null,8,["value"]),o("div",ft,[a[12]||(a[12]=o("span",null,"按下ctrl+enter换行",-1)),p(h(de),{size:"small",type:"primary",class:"send-msg"},{default:I(()=>a[11]||(a[11]=[Q("发送")])),_:1})])])])])])],512),p(h(Qe),{width:"550px",open:s.value,"onUpdate:open":a[3]||(a[3]=v=>s.value=v),title:"的聊天记录(99)",onOk:k,onCancel:j,class:"custom-modal"},{default:I(()=>[p(h(He),{placeholder:"搜索文件",modelValue:i.value,"onUpdate:modelValue":a[2]||(a[2]=v=>i.value=v),onInput:_.filterFiles},null,8,["modelValue","onInput"]),p(h(Re),{"item-layout":"horizontal",dataSource:M.value,bordered:""},{item:I(({item:v})=>[p(h($e),null,{default:I(()=>[p(h(Pe),{title:v.title,description:`最后修改日期:${v.date}`},null,8,["title","description"]),o("div",null,K(G(v.status)),1)]),_:2},1024)]),_:1},8,["dataSource"])]),_:1},8,["open"])],64))}}),St=Ae(mt,[["__scopeId","data-v-05f99ec6"]]);export{St as default};