2 lines
11 KiB
Java
2 lines
11 KiB
Java
var oe=Object.defineProperty;var W=Object.getOwnPropertySymbols;var ne=Object.prototype.hasOwnProperty,se=Object.prototype.propertyIsEnumerable;var N=(e,t,o)=>t in e?oe(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o,F=(e,t)=>{for(var o in t||(t={}))ne.call(t,o)&&N(e,o,t[o]);if(W)for(var o of W(t))se.call(t,o)&&N(e,o,t[o]);return e};import{hY as x,hZ as D,au as B,bo as ae,h_ as Y,ac as j,y as E}from"./index-X7Y8jykP.js";import{e as b,y as $,z as c,A as w,L as p,B as _,a1 as re,a5 as ie,K as z,C as v,f as C,Q as I,F as Z,E as le,G as ce,H as O,J as S,r as f,u as i,O as de,P as ue,d as fe,i as V,c as q,S as pe,g as me,o as ee,n as A,x as ge,a2 as ve,T as X,Y as ye,ag as U,a7 as he,b as we,a9 as Se}from"./vue-vendor-DNhG1Cve.js";import"./index-Upeu4GGa.js";import{b as $e,a as be}from"./index-BzChaRPg.js";import{triggerWindowResize as ze,addResizeListener as G,removeResizeListener as J}from"./index-C4wWpZeQ.js";import{useTimeoutFn as R}from"./useTimeout-D5AmIBZw.js";import"./index-M9QP6cvf.js";import{S as te}from"./Skeleton-CimgOdM7.js";import{useScrollTo as K}from"./useScrollTo-0FPEw5-K.js";import{useIntersectionObserver as Ce}from"./useIntersectionObserver-BGOgyKyu.js";const Be=b({name:"CollapseTransition",setup(){return{on:{beforeEnter(e){D(e,"collapse-transition"),e.dataset||(e.dataset={}),e.dataset.oldPaddingTop=e.style.paddingTop,e.dataset.oldPaddingBottom=e.style.paddingBottom,e.style.height="0",e.style.paddingTop=0,e.style.paddingBottom=0},enter(e){e.dataset.oldOverflow=e.style.overflow,e.scrollHeight!==0?(e.style.height=e.scrollHeight+"px",e.style.paddingTop=e.dataset.oldPaddingTop,e.style.paddingBottom=e.dataset.oldPaddingBottom):(e.style.height="",e.style.paddingTop=e.dataset.oldPaddingTop,e.style.paddingBottom=e.dataset.oldPaddingBottom),e.style.overflow="hidden"},afterEnter(e){x(e,"collapse-transition"),e.style.height="",e.style.overflow=e.dataset.oldOverflow},beforeLeave(e){e.dataset||(e.dataset={}),e.dataset.oldPaddingTop=e.style.paddingTop,e.dataset.oldPaddingBottom=e.style.paddingBottom,e.dataset.oldOverflow=e.style.overflow,e.style.height=e.scrollHeight+"px",e.style.overflow="hidden"},leave(e){e.scrollHeight!==0&&(D(e,"collapse-transition"),e.style.height=0,e.style.paddingTop=0,e.style.paddingBottom=0)},afterLeave(e){x(e,"collapse-transition"),e.style.height="",e.style.overflow=e.dataset.oldOverflow,e.style.paddingTop=e.dataset.oldPaddingTop,e.style.paddingBottom=e.dataset.oldPaddingBottom}}}}});function Te(e,t,o,a,n,s){return c(),$(ie,_({mode:"out-in"},re(e.on)),{default:w(()=>[p(e.$slots,"default")]),_:3},16)}const ke=B(Be,[["render",Te]]),_e={prefixCls:{type:String},helpMessage:{type:[Array,String],default:""},title:{type:String},show:{type:Boolean},canExpan:{type:Boolean}},Pe=b({components:{BasicArrow:be,BasicTitle:$e},inheritAttrs:!1,props:_e,emits:["expand"]});function He(e,t,o,a,n,s){const r=z("BasicTitle"),l=z("BasicArrow");return c(),v("div",{class:S([`${e.prefixCls}__header px-2 py-5`,e.$attrs.class])},[C(r,{helpMessage:e.helpMessage,normal:""},{default:w(()=>[e.title?(c(),v(Z,{key:0},[le(ce(e.title),1)],64)):p(e.$slots,"title",{key:1})]),_:3},8,["helpMessage"]),I("div",{class:S(`${e.prefixCls}__action`)},[p(e.$slots,"action"),e.canExpan?(c(),$(l,{key:0,up:"",expand:e.show,onClick:t[0]||(t[0]=y=>e.$emit("expand"))},null,8,["expand"])):O("",!0)],2)],2)}const Ae=B(Pe,[["render",He]]),Re={class:"p-2"},Ee=b({__name:"CollapseContainer",props:{title:{type:String,default:""},defaultExpan:{type:Boolean,default:!0},loading:{type:Boolean},canExpan:{type:Boolean,default:!0},helpMessage:{type:[Array,String],default:""},triggerWindowResize:{type:Boolean},lazyTime:{type:Number,default:0}},setup(e){const t=e,o=f(t.defaultExpan),{prefixCls:a}=ae("collapse-container");function n(){o.value=!o.value,t.triggerWindowResize&&R(ze,200)}return(s,r)=>(c(),v("div",{class:S(i(a))},[C(Ae,_(s.$props,{prefixCls:i(a),show:o.value,onExpand:n}),{title:w(()=>[p(s.$slots,"title")]),action:w(()=>[p(s.$slots,"action")]),_:3},16,["prefixCls","show"]),I("div",Re,[C(i(ke),{enable:e.canExpan},{default:w(()=>[e.loading?(c(),$(i(te),{key:0,active:e.loading},null,8,["active"])):de((c(),v("div",{key:1,class:S(`${i(a)}__body`)},[p(s.$slots,"default")],2)),[[ue,o.value]])]),_:3},8,["enable"])]),s.$slots.footer?(c(),v("div",{key:0,class:S(`${i(a)}__footer`)},[p(s.$slots,"footer")],2)):O("",!0)],2))}}),Ie={table:{fetchSetting:{pageField:"pageNo",sizeField:"pageSize",listField:"records",totalField:"total"},pageSizeOptions:["10","50","80","100"],defaultSize:"middle",defaultPageSize:10,defaultSortFn:e=>{if(e instanceof Array){let t=[];for(let o of e){let a=Q(o);a&&t.push(a)}return{sortInfoString:JSON.stringify(t)}}else return Q(e)||{}},defaultFilterFn:e=>e,scrollToFirstRowOnChange:!1},scrollbar:{native:!1},form:{labelCol:{xs:{span:24},sm:{span:4},xl:{span:6},xxl:{span:4}},wrapperCol:{xs:{span:24},sm:{span:18}},colon:!0}};function Q(e){const{field:t,order:o}=e;if(t&&o){let a=o=="ascend"?"asc":"desc";return{column:t,order:a}}return""}const Oe={vertical:{offset:"offsetHeight",scroll:"scrollTop",scrollSize:"scrollHeight",size:"height",key:"vertical",axis:"Y",client:"clientY",direction:"top"},horizontal:{offset:"offsetWidth",scroll:"scrollLeft",scrollSize:"scrollWidth",size:"width",key:"horizontal",axis:"X",client:"clientX",direction:"left"}};function Le({move:e,size:t,bar:o}){const a={},n=`translate${o.axis}(${e}%)`;return a[o.size]=t,a.transform=n,a.msTransform=n,a.webkitTransform=n,a}function Me(e,t){return Object.assign(e,t)}function We(e){const t={};for(let o=0;o<e.length;o++)e[o]&&Me(t,e[o]);return t}const Ne=b({name:"Bar",props:{vertical:Boolean,size:String,move:Number},setup(e){const t=me(),o=f(),a=pe("scroll-bar-wrap",{}),n=q(()=>Oe[e.vertical?"vertical":"horizontal"]),s=f({}),r=f(),l=d=>{var m;d.ctrlKey||d.button===2||((m=window.getSelection())==null||m.removeAllRanges(),u(d),s.value[n.value.axis]=d.currentTarget[n.value.offset]-(d[n.value.client]-d.currentTarget.getBoundingClientRect()[n.value.direction]))},y=d=>{var k;const m=Math.abs(d.target.getBoundingClientRect()[n.value.direction]-d[n.value.client]),T=o.value[n.value.offset]/2,P=(m-T)*100/((k=t==null?void 0:t.vnode.el)==null?void 0:k[n.value.offset]);a.value[n.value.scroll]=P*a.value[n.value.scrollSize]/100},u=d=>{d.stopImmediatePropagation(),r.value=!0,j(document,"mousemove",g),j(document,"mouseup",h),document.onselectstart=()=>!1},g=d=>{var L,M;if(r.value===!1)return;const m=s.value[n.value.axis];if(!m)return;const T=(((L=t==null?void 0:t.vnode.el)==null?void 0:L.getBoundingClientRect()[n.value.direction])-d[n.value.client])*-1,P=o.value[n.value.offset]-m,k=(T-P)*100/((M=t==null?void 0:t.vnode.el)==null?void 0:M[n.value.offset]);a.value[n.value.scroll]=k*a.value[n.value.scrollSize]/100};function h(){r.value=!1,s.value[n.value.axis]=0,Y(document,"mousemove",g),document.onselectstart=null}return fe(()=>{Y(document,"mouseup",h)}),()=>V("div",{class:["scrollbar__bar","is-"+n.value.key],onMousedown:y},V("div",{ref:o,class:"scrollbar__thumb",onMousedown:l,style:Le({size:e.size,move:e.move,bar:n.value})}))}}),{scrollbar:H}=Ie,Fe=b({name:"Scrollbar",components:{Bar:Ne},props:{native:{type:Boolean,default:H==null?void 0:H.native},wrapStyle:{type:[String,Array],default:""},wrapClass:{type:[String,Array],default:""},viewClass:{type:[String,Array],default:""},viewStyle:{type:[String,Array],default:""},noresize:Boolean,tag:{type:String,default:"div"}},setup(e){const t=f("0"),o=f("0"),a=f(0),n=f(0),s=f(),r=f();ve("scroll-bar-wrap",s);const l=q(()=>Array.isArray(e.wrapStyle)?We(e.wrapStyle):e.wrapStyle),y=()=>{e.native||(n.value=i(s).scrollTop*100/i(s).clientHeight,a.value=i(s).scrollLeft*100/i(s).clientWidth)},u=()=>{if(!i(s))return;const g=i(s).clientHeight*100/i(s).scrollHeight,h=i(s).clientWidth*100/i(s).scrollWidth;o.value=g<100?g+"%":"",t.value=h<100?h+"%":""};return ee(()=>{e.native||(A(u),e.noresize||(G(i(r),u),G(i(s),u),addEventListener("resize",u)))}),ge(()=>{e.native||e.noresize||(J(i(r),u),J(i(s),u),removeEventListener("resize",u))}),{moveX:a,moveY:n,sizeWidth:t,sizeHeight:o,style:l,wrap:s,resize:r,update:u,handleScroll:y}}}),xe={class:"scrollbar"};function De(e,t,o,a,n,s){const r=z("bar");return c(),v("div",xe,[I("div",{ref:"wrap",class:S([e.wrapClass,"scrollbar__wrap",e.native?"":"scrollbar__wrap--hidden-default"]),style:X(e.style),onScroll:t[0]||(t[0]=(...l)=>e.handleScroll&&e.handleScroll(...l))},[(c(),$(ye(e.tag),{ref:"resize",class:S(["scrollbar__view",e.viewClass]),style:X(e.viewStyle)},{default:w(()=>[p(e.$slots,"default")]),_:3},8,["class","style"]))],38),e.native?O("",!0):(c(),v(Z,{key:0},[C(r,{move:e.moveX,size:e.sizeWidth},null,8,["move","size"]),C(r,{vertical:"",move:e.moveY,size:e.sizeHeight},null,8,["move","size"])],64))])}const Ye=B(Fe,[["render",De]]),je=b({name:"ScrollContainer",components:{Scrollbar:Ye},setup(){const e=f(null);function t(n,s=500){const r=i(e);r&&A(()=>{const l=i(r.wrap);if(!l)return;const{start:y}=K({el:l,to:n,duration:s});y()})}function o(){const n=i(e);return n?n.wrap:null}function a(){const n=i(e);n&&A(()=>{const s=i(n.wrap);if(!s)return;const r=s.scrollHeight,{start:l}=K({el:s,to:r});l()})}return{scrollbarRef:e,scrollTo:t,scrollBottom:a,getScrollWrap:o}}});function Ve(e,t,o,a,n,s){const r=z("Scrollbar");return c(),$(r,_({ref:"scrollbarRef",class:"scroll-container"},e.$attrs),{default:w(()=>[p(e.$slots,"default")]),_:3},16)}const Xe=B(je,[["render",Ve]]),Ue={timeout:{type:Number},viewport:{type:typeof window!="undefined"?window.HTMLElement:Object,default:()=>null},threshold:{type:String,default:"0px"},direction:{type:String,default:"vertical",validator:e=>["vertical","horizontal"].includes(e)},tag:{type:String,default:"div"},maxWaitingTime:{type:Number,default:80},transitionName:{type:String,default:"lazy-container"}},Ge=b({name:"LazyContainer",components:{Skeleton:te},inheritAttrs:!1,props:Ue,emits:["init"],setup(e,{emit:t}){const o=f(),a=we({isInit:!1,loading:!1,intersectionObserverInstance:null});ee(()=>{n(),r()});function n(){const{timeout:l}=e;l&&R(()=>{s()},l)}function s(){a.loading=!0,R(()=>{a.isInit||(a.isInit=!0,t("init"))},e.maxWaitingTime||80)}function r(){const{timeout:l,direction:y,threshold:u}=e;if(l)return;let g="0px";switch(y){case"vertical":g=`${u} 0px`;break;case"horizontal":g=`0px ${u}`;break}try{const{stop:h,observer:d}=Ce({rootMargin:g,target:U(o.value,"$el"),onIntersect:m=>{(m[0].isIntersecting||m[0].intersectionRatio)&&(s(),d&&h())},root:U(e,"viewport")})}catch(h){s()}}return F({elRef:o},he(a))}}),Je={key:"component"},Ke={key:"skeleton"};function Qe(e,t,o,a,n,s){const r=z("Skeleton");return c(),$(Se,_({class:"h-full w-full"},e.$attrs,{ref:"elRef",name:e.transitionName,tag:e.tag,mode:"out-in"}),{default:w(()=>[e.isInit?(c(),v("div",Je,[p(e.$slots,"default",{loading:e.loading})])):(c(),v("div",Ke,[e.$slots.skeleton?p(e.$slots,"skeleton",{key:0}):(c(),$(r,{key:1}))]))]),_:3},16,["name","tag"])}const Ze=B(Ge,[["render",Qe]]),dt=E(Ee),ut=E(Xe),ft=E(Ze);export{dt as C,ft as L,ut as S,ke as a,Ie as c};
|