@zyzgroup/core-vue 0.0.27 → 0.0.28

package/ce/yz_custom_element.iife.js

@@ -91,8 +91,8 @@ Component that was made reactive: `,o)),_(o,t,e,s,r,n,a,!0)}function Xp(o){retur
         ${v}
       }
     `,p.value)}d=new We(p.value,!1),d.on("resize",(v,x)=>{r("resize",v,x,p.value.getBoundingClientRect()),f?.(d),u||(u=!0,s.effectTriggerTiming!=="manual"&&n(),r("ready",d),s.effectTriggerTiming=="immediate"&&l())}),d.on("mouseEnter",()=>{s.effectTriggerTiming=="mouseMove"&&l()}),d.on("mouseLeave",()=>{s.effectTriggerTiming=="mouseMove"&&l()}),d.on("tap",()=>{s.effectTriggerTiming=="click"&&l(),s.supportCopyText&&tt.copyToClipboard(tt.getInnerText(p.value)).then(()=>{}).catch(v=>{})}),d.start()}});const h=()=>new Promise(v=>{if(d)return v(d);f=v}),g=()=>h().then(()=>p.value.getBoundingClientRect());return te(()=>{d?.destroy()}),t({getElement:()=>p.value,getApp:h,getSize:g,getStatus:()=>a,startEffect:n,endEffect:i,nextEffect:l,repeatEffect:c}),(v,x)=>(R(),A("div",{class:ne(["container",[s.type]]),ref_key:"containerRef",ref:p,style:D({position:"relative",boxSizing:"border-box",display:s.type=="shrink"?"inline-block":"block",width:s.type=="full"?"100%":"auto",height:s.type=="full"?"100%":"auto"})},[Tt(v.$slots,"default")],6))}}),Wy={class:"input-range-box"},Zy={key:0,class:"label"},qy=q({customOptions:{Container:wt},inheritAttrs:!0,__name:"InputRangeBox.ce",props:{min:{default:0},max:{default:100},step:{default:1},defaultValue:{default:0},unit:{default:""},showValue:{type:Boolean,default:!1},bgColor:{default:Xs.inputColor},barColor:{default:Xs.numberColor},barHeight:{default:"20px"}},emits:["change"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=C(s.defaultValue),n=()=>xe(pu(s.min,s.max,s.step)(a.value),2),i=()=>xe((a.value-s.min)/(s.max-s.min),4)*100;a.value=n();const l=C(i()),c={"--input-range-box-background-hover-color":ge(s.bgColor).lighten(.05).toString(),"--input-range-box-foreground-hover-color":ge(s.barColor).lighten(.05).toString()},u=C();function d(f){const p=async h=>{const g=await u.value.getSize();a.value=xe(Nm(h,g.left,g.right,s.min,s.max),2),a.value=n(),l.value=i(),r("change",a.value)};f.captureDrag({start:h=>{p(h.clientX)},move:h=>{p(h.clientX)}})}return te(()=>{}),t({}),(f,p)=>(R(),A("div",Wy,[_("div",{class:"box",style:D({height:s.barHeight,cursor:"ew-resize"})},[ct(wt,{ref_key:"boxContainerRef",ref:u,type:"full",styleSheets:c,onReady:d},{default:_t(()=>[_("div",{class:"background",style:D({backgroundColor:s.bgColor,width:"100%",height:"100%"})},null,4),_("div",{class:"foreground",style:D({backgroundColor:s.barColor,width:l.value+"%",height:"100%"})},null,4)]),_:1},512)],4),Tt(f.$slots,"default",{value:a.value},()=>[f.showValue?(R(),A("label",Zy,bt(a.value)+bt(s.unit),1)):$t("",!0)],!0)]))}}),Sd=lt(qy,[["styles",[`.input-range-box[data-v-b07b3c9b]{position:relative;box-sizing:border-box;font-size:1em;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;overflow:hidden}.label[data-v-b07b3c9b]{min-width:3em;text-align:right}.box[data-v-b07b3c9b]{flex:1 1 auto;position:relative}.foreground[data-v-b07b3c9b]{position:absolute;left:0;top:0}.box:hover .background[data-v-b07b3c9b]{background-color:var(--input-range-box-background-hover-color)!important}.box:hover .foreground[data-v-b07b3c9b]{background-color:var(--input-range-box-foreground-hover-color)!important}
-`]],["__scopeId","data-v-b07b3c9b"]]),Mo=q({customOptions:{Container:wt},inheritAttrs:!0,__name:"CSSAnimation",props:{containerType:{default:"shrink"},supportCopyText:{type:Boolean,default:!1},effectTriggerTiming:{default:"mouseMove"},name:{default:"jelly"},timingFunction:{},duration:{},delay:{},repeat:{},direction:{},fillMode:{default:"both"},playState:{default:"running"},perspective:{default:"1200px"}},emits:["cssanimationstart","cssanimationend"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=Zt({}),n=Zt({});let i=s.name,l=s.duration,c=s.timingFunction,u=s.delay,d=s.repeat,f=s.direction;function p(){switch(i){case"superRainbow":l=s.duration||15e3;break;case"heartBeat":l=s.duration||1300;break;case"statusProcessing":l=s.duration||1200;break;case"rotateFall":case"rotateSlideOut":case"rotateSlideIn":l=s.duration||1e3;break;case"rotateRightSideFirst":case"rotateLeftSideFirst":case"rotateTopSideFirst":case"rotateBottomSideFirst":case"rotatePushLeft":case"rotatePushRight":case"rotatePushTop":case"rotatePushBottom":case"rotateRoomLeftOut":case"rotateRoomLeftIn":case"rotateRoomRightOut":case"rotateRoomRightIn":case"rotateRoomTopOut":case"rotateRoomTopIn":case"rotateRoomBottomOut":case"rotateRoomBottomIn":case"rotateCarouselLeftOut":case"rotateCarouselLeftIn":case"rotateCarouselRightOut":case"rotateCarouselRightIn":case"rotateCarouselTopOut":case"rotateCarouselTopIn":case"rotateCarouselBottomOut":case"rotateCarouselBottomIn":l=s.duration||800;break;case"bounceIn":case"bounceOut":case"flipOutX":case"hinge":l=s.duration||750;break;case"rotateFoldRight":case"rotateFoldLeft":case"rotateFoldTop":case"rotateFoldBottom":case"rotateUnfoldLeft":case"rotateUnfoldRight":case"rotateUnfoldTop":case"rotateUnfoldBottom":case"fade":case"moveFromLeftFade":case"moveToLeftFade":case"moveFromRightFade":case"moveToRightFade":case"moveFromTopFade":case"moveToTopFade":case"moveFromBottomFade":case"moveToBottomFade":l=s.duration||700;break;case"moveFromLeft":case"moveToLeft":case"moveFromRight":case"moveToRight":case"moveFromTop":case"moveToTop":case"moveFromBottom":case"moveToBottom":case"rotateCubeLeftOut":case"rotateCubeLeftIn":case"rotateCubeRightOut":case"rotateCubeRightIn":case"rotateCubeTopOut":case"rotateCubeTopIn":case"rotateCubeBottomOut":case"rotateCubeBottomIn":l=s.duration||600;break;default:l=s.duration||500;break}switch(i){case"superRainbow":c=s.timingFunction||"linear";break;case"lightSpeedOutLeft":case"lightSpeedOutRight":case"rotateRightSideFirst":case"rotateLeftSideFirst":case"rotateTopSideFirst":case"rotateBottomSideFirst":case"flipOutRight":case"flipOutLeft":case"flipOutTop":case"flipOutBottom":case"rotateFall":case"rotateOutNewspaper":case"rotateCubeLeftOut":case"rotateCubeLeftIn":case"rotateCubeRightOut":case"rotateCubeRightIn":case"rotateCubeTopOut":case"rotateCubeTopIn":case"rotateCubeBottomOut":case"rotateCubeBottomIn":case"rotateSidesOut":c=s.timingFunction||"ease-in";break;case"lightSpeedInLeft":case"lightSpeedInRight":case"flipInLeft":case"flipInRight":case"flipInBottom":case"flipInTop":case"rotateInNewspaper":case"rotateSidesIn":c=s.timingFunction||"ease-out";break;case"pulse":case"headShake":case"heartBeat":case"statusProcessing":c=s.timingFunction||"ease-in-out";break;default:c=s.timingFunction||"ease";break}switch(i){default:u=s.delay||0;break}switch(i){case"superRainbow":case"statusProcessing":d=s.repeat||"infinite";break;default:d=s.repeat||1;break}switch(i){case"superRainbow":f=s.direction||"alternate";break;default:f=s.direction||"normal";break}switch(i){case"hinge":case"rotateFall":n.transformOrigin="left top";break;case"zoomOutLeft":case"rotateRightSideFirst":case"rotatePushLeft":case"rotatePullLeft":case"rotateFoldRight":case"rotateUnfoldRight":case"rotateRoomLeftIn":case"rotateRoomRightOut":case"rotateCubeLeftIn":case"rotateCubeRightOut":n.transformOrigin="left center";break;case"rotateInUpLeft":case"rotateInDownLeft":case"rotateOutUpLeft":case"rotateOutDownLeft":n.transformOrigin="left bottom";break;case"swing":case"zoomOutUp":case"rotateBottomSideFirst":case"rotatePushTop":case"rotatePullTop":case"rotateFoldBottom":case"rotateUnfoldBottom":case"rotateRoomTopIn":case"rotateRoomBottomOut":case"rotateCubeTopIn":case"rotateCubeBottomOut":n.transformOrigin="center top";break;case"bounce":case"zoomOutDown":case"rotateTopSideFirst":case"rotatePushBottom":case"rotatePullBottom":case"rotateFoldTop":case"rotateUnfoldTop":case"rotateRoomTopOut":case"rotateRoomBottomIn":case"rotateCubeTopOut":case"rotateCubeBottomIn":n.transformOrigin="center bottom";break;case"zoomOutRight":case"rotateLeftSideFirst":case"rotatePushRight":case"rotatePullRight":case"rotateFoldLeft":case"rotateUnfoldLeft":case"rotateRoomLeftOut":case"rotateRoomRightIn":case"rotateCubeLeftOut":case"rotateCubeRightIn":n.transformOrigin="right center";break;case"rotateInUpRight":case"rotateInDownRight":case"rotateOutUpRight":case"rotateOutDownRight":n.transformOrigin="right bottom";break;default:delete n.transformOrigin;break}switch(i){case"jelly":case"bounce":case"flash":case"pulse":case"rubberBand":case"shakeX":case"shakeY":case"headShake":case"swing":case"tada":case"wobble":case"jello":case"heartBeat":case"bounceIn":case"fadeIn":case"fadeOut":case"flip":case"flipInX":case"flipInY":case"flipOutX":case"flipOutY":case"hinge":case"jackInTheBox":a.overflow="visible";break;default:a.overflow="hidden";break}switch(i){case"flip":case"flipInX":case"flipInY":case"flipOutX":case"flipOutY":n.backfaceVisibility="visible";break;default:delete n.backfaceVisibility;break}}Et(()=>s.name,()=>{i=s.name,p()},{immediate:!0});const h=C(),g=C(),v=V=>{a.perspective=s.perspective,V.on("animationstart",rt=>{r("cssanimationstart",rt.animationName)}),V.on("animationend",rt=>{r("cssanimationend",rt.animationName)})};function x(){g.value.style.animation="none",g.value.offsetHeight,g.value.style.animation=null}const $=()=>{n.animation="none"},z=()=>{x(),n.animation=`${l}ms ${c} ${u}ms ${d} ${f} ${s.fillMode} ${s.playState} ${i}`};return t({trigger:V=>{V&&(i=V,p()),h.value.startEffect(),f="normal",h.value.endEffect()},triggerReverse:V=>{V&&(i=V,p()),h.value.startEffect(),f="reverse",h.value.endEffect()},clear:()=>{n.animation="none"}}),(V,rt)=>(R(),Mt(wt,{class:"css-animation",ref_key:"containerRef",ref:h,type:s.containerType,supportCopyText:s.supportCopyText,effectTriggerTiming:s.effectTriggerTiming,style:D(a),onReady:v,onStart:$,onEnd:z},{default:_t(()=>[_("div",{class:"css-animation-inner",ref_key:"animationRef",ref:g,style:D({position:"relative",display:"block",width:"100%",height:"100%",cursor:"pointer",transformStyle:"preserve-3d",...n})},[Tt(V.$slots,"default")],4)]),_:3},8,["type","supportCopyText","effectTriggerTiming","style"]))}}),xx="",Ky={class:"status-processing",style:{position:"relative",display:"inline-block",width:"12px",height:"12px",borderRadius:"50%",overflow:"hidden"}},Ed=q({customOptions:{CSSAnimation:Mo},__name:"Status.ce",props:{status:{default:"processing"},color:{}},setup(o,{expose:t,emit:e}){const s=o;let r="";switch(s.status){case"wait":r="#d9d9d9";break;case"success":r="#52c41a";break;case"error":r="#ff4d4f";break;case"processing":default:r="#1677ff";break}return s.color&&(r=s.color),t({}),(a,n)=>(R(),A("div",Ky,[a.status==="processing"?(R(),Mt(Mo,{key:0,name:"statusProcessing",containerType:"full",effectTriggerTiming:"immediate"},{default:_t(()=>[_("div",{style:D({width:"100%",height:"100%",borderRadius:"50%",backgroundColor:Ot(r)})},null,4)]),_:1})):$t("",!0),_("div",{style:D({position:"absolute",top:"3px",left:"3px",width:"6px",height:"6px",borderRadius:"50%",backgroundColor:Ot(r)})},null,4)]))}}),Qy=lt(q({customOptions:{},inheritAttrs:!0,__name:"InputFileDrop.ce",props:{placeholder:{default:"drop file"}},emits:["drop"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=C(),n=C(!1);function i(){n.value=!0}function l(){n.value=!1}function c(d){d.preventDefault()}function u(d){d.preventDefault(),r("drop",d.dataTransfer.files)}return te(()=>{}),t({}),(d,f)=>(R(),A("div",{class:ne(["input-file-drop",[n.value?"over":""]]),ref_key:"zone",ref:a,onDragenter:i,onDragleave:l,onDragover:c,onDrop:u},bt(s.placeholder),35))}}),[["styles",[`.input-file-drop[data-v-13f8f187]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:2px dashed #ccc;color:#ccc}.input-file-drop.over[data-v-13f8f187]{border-color:#000;color:#000}
-`]],["__scopeId","data-v-13f8f187"]]),Jy=["width","height"],t1=["fill"],e1=q({__name:"SVGDelete",props:{width:{default:"16px"},height:{},color:{default:vt.colorPrimary}},setup(o){const t=o;return(e,s)=>(R(),A("svg",{viewBox:"0 0 24 24",width:t.width,height:t.height??t.width,xmlns:"http://www.w3.org/2000/svg"},[_("path",{fill:t.color,d:"M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z"},null,8,t1)],8,Jy))}}),Cx="",Pd=lt(e1,[["__scopeId","data-v-4747d4a7"]]),s1=q({customOptions:{SVGDelete:Pd},inheritAttrs:!0,__name:"SlideLeftItem.ce",props:{bgColor:{default:vt.colorGrayFF},deleteColor:{default:vt.colorRed},fontColor:{default:vt.colorGrayFF},borderRadius:{default:"4px"},deleteWidth:{default:"44px"},transtionDuration:{default:"150ms"}},emits:["delete"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=C(!1),n=()=>{r("delete"),a.value=!1};let i;const l=C();return Et(l,()=>{l.value&&(i=new We(l.value),i.on("panLeft",()=>{a.value=!0}),i.on("panRight",()=>{a.value=!1}),i.on("tapOutSide",()=>{a.value=!1}))}),te(()=>{i?.destroy()}),t({}),(c,u)=>(R(),A("div",{class:"parent",ref_key:"item",ref:l,style:D({backgroundColor:s.bgColor,borderRadius:s.borderRadius})},[_("div",{class:"content",style:D({transition:"all ease-in "+s.transtionDuration,transform:a.value?"translate(-"+s.deleteWidth+", 0)":"translate(0, 0)"})},[Tt(c.$slots,"default",{},void 0,!0)],4),_("div",{class:"delete",onClick:n,style:D({backgroundColor:s.deleteColor,width:s.deleteWidth,transition:"all ease-in "+s.transtionDuration,transform:a.value?"translate(0, 0)":"translate("+s.deleteWidth+", 0)"})},[ct(Pd,{color:s.fontColor},null,8,["color"])],4)],4))}}),Od=lt(s1,[["styles",[`.parent[data-v-4ea80232]{position:relative;overflow:hidden;width:100%}.content[data-v-4ea80232]{width:100%;height:100%}.delete[data-v-4ea80232]{position:absolute;right:0;top:0;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}
+`]],["__scopeId","data-v-b07b3c9b"]]),Mo=q({customOptions:{Container:wt},inheritAttrs:!0,__name:"CSSAnimation",props:{containerType:{default:"shrink"},supportCopyText:{type:Boolean,default:!1},effectTriggerTiming:{default:"mouseMove"},name:{default:"jelly"},timingFunction:{},duration:{},delay:{},repeat:{},direction:{},fillMode:{default:"both"},playState:{default:"running"},perspective:{default:"1200px"}},emits:["cssanimationstart","cssanimationend"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=Zt({}),n=Zt({});let i=s.name,l=s.duration,c=s.timingFunction,u=s.delay,d=s.repeat,f=s.direction;function p(){switch(i){case"superRainbow":l=s.duration||15e3;break;case"heartBeat":l=s.duration||1300;break;case"statusProcessing":l=s.duration||1200;break;case"rotateFall":case"rotateSlideOut":case"rotateSlideIn":l=s.duration||1e3;break;case"rotateRightSideFirst":case"rotateLeftSideFirst":case"rotateTopSideFirst":case"rotateBottomSideFirst":case"rotatePushLeft":case"rotatePushRight":case"rotatePushTop":case"rotatePushBottom":case"rotateRoomLeftOut":case"rotateRoomLeftIn":case"rotateRoomRightOut":case"rotateRoomRightIn":case"rotateRoomTopOut":case"rotateRoomTopIn":case"rotateRoomBottomOut":case"rotateRoomBottomIn":case"rotateCarouselLeftOut":case"rotateCarouselLeftIn":case"rotateCarouselRightOut":case"rotateCarouselRightIn":case"rotateCarouselTopOut":case"rotateCarouselTopIn":case"rotateCarouselBottomOut":case"rotateCarouselBottomIn":l=s.duration||800;break;case"bounceIn":case"bounceOut":case"flipOutX":case"hinge":l=s.duration||750;break;case"rotateFoldRight":case"rotateFoldLeft":case"rotateFoldTop":case"rotateFoldBottom":case"rotateUnfoldLeft":case"rotateUnfoldRight":case"rotateUnfoldTop":case"rotateUnfoldBottom":case"fade":case"moveFromLeftFade":case"moveToLeftFade":case"moveFromRightFade":case"moveToRightFade":case"moveFromTopFade":case"moveToTopFade":case"moveFromBottomFade":case"moveToBottomFade":l=s.duration||700;break;case"moveFromLeft":case"moveToLeft":case"moveFromRight":case"moveToRight":case"moveFromTop":case"moveToTop":case"moveFromBottom":case"moveToBottom":case"rotateCubeLeftOut":case"rotateCubeLeftIn":case"rotateCubeRightOut":case"rotateCubeRightIn":case"rotateCubeTopOut":case"rotateCubeTopIn":case"rotateCubeBottomOut":case"rotateCubeBottomIn":l=s.duration||600;break;default:l=s.duration||500;break}switch(i){case"superRainbow":c=s.timingFunction||"linear";break;case"lightSpeedOutLeft":case"lightSpeedOutRight":case"rotateRightSideFirst":case"rotateLeftSideFirst":case"rotateTopSideFirst":case"rotateBottomSideFirst":case"flipOutRight":case"flipOutLeft":case"flipOutTop":case"flipOutBottom":case"rotateFall":case"rotateOutNewspaper":case"rotateCubeLeftOut":case"rotateCubeLeftIn":case"rotateCubeRightOut":case"rotateCubeRightIn":case"rotateCubeTopOut":case"rotateCubeTopIn":case"rotateCubeBottomOut":case"rotateCubeBottomIn":case"rotateSidesOut":c=s.timingFunction||"ease-in";break;case"lightSpeedInLeft":case"lightSpeedInRight":case"flipInLeft":case"flipInRight":case"flipInBottom":case"flipInTop":case"rotateInNewspaper":case"rotateSidesIn":c=s.timingFunction||"ease-out";break;case"pulse":case"headShake":case"heartBeat":case"statusProcessing":c=s.timingFunction||"ease-in-out";break;default:c=s.timingFunction||"ease";break}switch(i){default:u=s.delay||0;break}switch(i){case"superRainbow":case"statusProcessing":d=s.repeat||"infinite";break;default:d=s.repeat||1;break}switch(i){case"superRainbow":f=s.direction||"alternate";break;default:f=s.direction||"normal";break}switch(i){case"hinge":case"rotateFall":n.transformOrigin="left top";break;case"zoomOutLeft":case"rotateRightSideFirst":case"rotatePushLeft":case"rotatePullLeft":case"rotateFoldRight":case"rotateUnfoldRight":case"rotateRoomLeftIn":case"rotateRoomRightOut":case"rotateCubeLeftIn":case"rotateCubeRightOut":n.transformOrigin="left center";break;case"rotateInUpLeft":case"rotateInDownLeft":case"rotateOutUpLeft":case"rotateOutDownLeft":n.transformOrigin="left bottom";break;case"swing":case"zoomOutUp":case"rotateBottomSideFirst":case"rotatePushTop":case"rotatePullTop":case"rotateFoldBottom":case"rotateUnfoldBottom":case"rotateRoomTopIn":case"rotateRoomBottomOut":case"rotateCubeTopIn":case"rotateCubeBottomOut":n.transformOrigin="center top";break;case"bounce":case"zoomOutDown":case"rotateTopSideFirst":case"rotatePushBottom":case"rotatePullBottom":case"rotateFoldTop":case"rotateUnfoldTop":case"rotateRoomTopOut":case"rotateRoomBottomIn":case"rotateCubeTopOut":case"rotateCubeBottomIn":n.transformOrigin="center bottom";break;case"zoomOutRight":case"rotateLeftSideFirst":case"rotatePushRight":case"rotatePullRight":case"rotateFoldLeft":case"rotateUnfoldLeft":case"rotateRoomLeftOut":case"rotateRoomRightIn":case"rotateCubeLeftOut":case"rotateCubeRightIn":n.transformOrigin="right center";break;case"rotateInUpRight":case"rotateInDownRight":case"rotateOutUpRight":case"rotateOutDownRight":n.transformOrigin="right bottom";break;default:delete n.transformOrigin;break}switch(i){case"jelly":case"bounce":case"flash":case"pulse":case"rubberBand":case"shakeX":case"shakeY":case"headShake":case"swing":case"tada":case"wobble":case"jello":case"heartBeat":case"bounceIn":case"fadeIn":case"fadeOut":case"flip":case"flipInX":case"flipInY":case"flipOutX":case"flipOutY":case"hinge":case"jackInTheBox":a.overflow="visible";break;default:a.overflow="hidden";break}switch(i){case"flip":case"flipInX":case"flipInY":case"flipOutX":case"flipOutY":n.backfaceVisibility="visible";break;default:delete n.backfaceVisibility;break}}Et(()=>s.name,()=>{i=s.name,p()},{immediate:!0});const h=C(),g=C(),v=V=>{a.perspective=s.perspective,V.on("animationstart",rt=>{r("cssanimationstart",rt.animationName)}),V.on("animationend",rt=>{r("cssanimationend",rt.animationName)})};function x(){g.value.style.animation="none",g.value.offsetHeight,g.value.style.animation=null}const $=()=>{n.animation="none"},z=()=>{x(),n.animation=`${l}ms ${c} ${u}ms ${d} ${f} ${s.fillMode} ${s.playState} ${i}`};return t({trigger:V=>{V&&(i=V,p()),h.value.startEffect(),f="normal",h.value.endEffect()},triggerReverse:V=>{V&&(i=V,p()),h.value.startEffect(),f="reverse",h.value.endEffect()},clear:()=>{n.animation="none"}}),(V,rt)=>(R(),Mt(wt,{class:"css-animation",ref_key:"containerRef",ref:h,type:s.containerType,supportCopyText:s.supportCopyText,effectTriggerTiming:s.effectTriggerTiming,style:D(a),onReady:v,onStart:$,onEnd:z},{default:_t(()=>[_("div",{class:"css-animation-inner",ref_key:"animationRef",ref:g,style:D({position:"relative",display:"block",width:"100%",height:"100%",cursor:"pointer",transformStyle:"preserve-3d",...n})},[Tt(V.$slots,"default")],4)]),_:3},8,["type","supportCopyText","effectTriggerTiming","style"]))}}),xx="",Ky={class:"status-processing",style:{position:"relative",display:"inline-block",width:"12px",height:"12px",borderRadius:"50%",overflow:"hidden"}},Ed=q({customOptions:{CSSAnimation:Mo},__name:"Status.ce",props:{status:{default:"processing"},color:{}},setup(o,{expose:t,emit:e}){const s=o;let r="";switch(s.status){case"wait":r="#d9d9d9";break;case"success":r="#52c41a";break;case"error":r="#ff4d4f";break;case"processing":default:r="#1677ff";break}return s.color&&(r=s.color),t({}),(a,n)=>(R(),A("div",Ky,[a.status==="processing"?(R(),Mt(Mo,{key:0,name:"statusProcessing",containerType:"full",effectTriggerTiming:"immediate"},{default:_t(()=>[_("div",{style:D({width:"100%",height:"100%",borderRadius:"50%",backgroundColor:Ot(r)})},null,4)]),_:1})):$t("",!0),_("div",{style:D({position:"absolute",top:"3px",left:"3px",width:"6px",height:"6px",borderRadius:"50%",backgroundColor:Ot(r)})},null,4)]))}}),Qy=lt(q({customOptions:{},inheritAttrs:!0,__name:"InputFileDrop.ce",props:{placeholder:{default:"drop file"}},emits:["yz-drop"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=C(),n=C(!1);function i(){n.value=!0}function l(){n.value=!1}function c(d){d.preventDefault()}function u(d){d.preventDefault(),r("yz-drop",d.dataTransfer.files)}return te(()=>{}),t({}),(d,f)=>(R(),A("div",{class:ne(["input-file-drop",[n.value?"over":""]]),ref_key:"zone",ref:a,onDragenter:i,onDragleave:l,onDragover:c,onDrop:u},bt(s.placeholder),35))}}),[["styles",[`.input-file-drop[data-v-74ce0328]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border:2px dashed #ccc;color:#ccc}.input-file-drop.over[data-v-74ce0328]{border-color:#000;color:#000}
+`]],["__scopeId","data-v-74ce0328"]]),Jy=["width","height"],t1=["fill"],e1=q({__name:"SVGDelete",props:{width:{default:"16px"},height:{},color:{default:vt.colorPrimary}},setup(o){const t=o;return(e,s)=>(R(),A("svg",{viewBox:"0 0 24 24",width:t.width,height:t.height??t.width,xmlns:"http://www.w3.org/2000/svg"},[_("path",{fill:t.color,d:"M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z"},null,8,t1)],8,Jy))}}),Cx="",Pd=lt(e1,[["__scopeId","data-v-4747d4a7"]]),s1=q({customOptions:{SVGDelete:Pd},inheritAttrs:!0,__name:"SlideLeftItem.ce",props:{bgColor:{default:vt.colorGrayFF},deleteColor:{default:vt.colorRed},fontColor:{default:vt.colorGrayFF},borderRadius:{default:"4px"},deleteWidth:{default:"44px"},transtionDuration:{default:"150ms"}},emits:["delete"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=C(!1),n=()=>{r("delete"),a.value=!1};let i;const l=C();return Et(l,()=>{l.value&&(i=new We(l.value),i.on("panLeft",()=>{a.value=!0}),i.on("panRight",()=>{a.value=!1}),i.on("tapOutSide",()=>{a.value=!1}))}),te(()=>{i?.destroy()}),t({}),(c,u)=>(R(),A("div",{class:"parent",ref_key:"item",ref:l,style:D({backgroundColor:s.bgColor,borderRadius:s.borderRadius})},[_("div",{class:"content",style:D({transition:"all ease-in "+s.transtionDuration,transform:a.value?"translate(-"+s.deleteWidth+", 0)":"translate(0, 0)"})},[Tt(c.$slots,"default",{},void 0,!0)],4),_("div",{class:"delete",onClick:n,style:D({backgroundColor:s.deleteColor,width:s.deleteWidth,transition:"all ease-in "+s.transtionDuration,transform:a.value?"translate(0, 0)":"translate("+s.deleteWidth+", 0)"})},[ct(Pd,{color:s.fontColor},null,8,["color"])],4)],4))}}),Od=lt(s1,[["styles",[`.parent[data-v-4ea80232]{position:relative;overflow:hidden;width:100%}.content[data-v-4ea80232]{width:100%;height:100%}.delete[data-v-4ea80232]{position:absolute;right:0;top:0;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer}
 `]],["__scopeId","data-v-4ea80232"]]),o1=lt(q({customOptions:{Container:wt,SVGDown:$a},inheritAttrs:!0,__name:"Accordion.ce",props:{initOpen:{type:Boolean,default:!1},titleHeight:{default:"44px"},bgColor:{default:"#efefef"},fontColor:{default:"#333333"},borderColor:{default:"#dddddd"},borderRadius:{default:"4px"},padding:{default:"1em"},duration:{default:500}},emits:["open","close","resize"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=(d,f)=>{r("resize",d,f)},n=C(Number.MAX_SAFE_INTEGER+"px"),i=C(),l=C(!0);Et(i,()=>{i.value&&(n.value=i.value.getBoundingClientRect().height+"px",l.value=s.initOpen)});function c(){l.value=!l.value,l.value?r("open"):r("close")}const u=C(0);return ic(()=>{u.value=l.value?0:-90}),t({}),(d,f)=>(R(),Mt(wt,{onResize:a},{default:_t(()=>[_("div",{class:"accordion",style:D({background:s.bgColor,color:s.fontColor,borderRadius:s.borderRadius})},[_("div",{class:"accordion-title",onClick:c,style:D({height:s.titleHeight,lineHeight:s.titleHeight,margin:`0 ${s.padding}`,transitionDelay:`${l.value?0:s.duration}ms`,borderBottom:`${l.value?1:0}px solid ${s.borderColor}`})},[Tt(d.$slots,"title",{},()=>[Ut("title")],!0),ct($a,{class:"arrow",style:D({transition:`transform ${s.duration}ms ease-in-out`,transform:`rotate(${u.value}deg)`})},null,8,["style"])],4),_("div",{class:"accordion-content",ref_key:"content",ref:i,style:D({margin:`0 ${s.padding}`,transition:`max-height ${s.duration}ms ease-in-out`,maxHeight:l.value?n.value:"0"})},[Tt(d.$slots,"content",{},void 0,!0)],4)],4)]),_:3}))}}),[["styles",[`.accordion[data-v-33318c10]{width:100%;font-size:1em;position:relative;overflow:hidden}.accordion-title[data-v-33318c10]{display:flex;justify-content:space-between;align-items:center;user-select:none;cursor:pointer}.accordion-content[data-v-33318c10]{word-break:break-all;overflow:hidden}
 `]],["__scopeId","data-v-33318c10"]]),r1=q({__name:"ProgressBar",props:{width:{default:"200px"},height:{default:"10px"},bgColor:{default:"#efefef"},progressColor:{default:"#a0dde9"},borderColor:{default:"#eeeeee"},borderRadius:{default:"4px"},duringTimeGap:{default:50},showText:{type:Boolean,default:!1}},emits:["complete"],setup(o,{expose:t,emit:e}){const s=o,r=C(0);function a(n){r.value=Math.min(Math.max(0,n),100)}return t({goto:a}),(n,i)=>(R(),A("div",{class:"bar",style:D({width:s.width,height:s.height,border:`1px solid ${s.borderColor}`,borderRadius:s.borderRadius,backgroundColor:s.bgColor})},[_("div",{class:"bar-inner",style:D({width:r.value+"%",backgroundColor:s.progressColor})},bt(s.showText?r.value+"%":""),5)],4))}}),Px="",Da=lt(r1,[["__scopeId","data-v-a5b72832"]]),a1=["width","height"],n1=["src","type"],i1={class:"video-progress-bar"},Id=lt(q({customOptions:{ProgressBar:Da},inheritAttrs:!0,__name:"Video.ce",props:{src:{},type:{default:"video/webm"},autoplay:{type:Boolean,default:!0},width:{default:"320px"},height:{default:"138px"}},emits:["start","complete"],setup(o,{expose:t,emit:e}){const s=o,r=e;let a;function n(d){if(a){a.resume();return}a=new Ie({frameDuration:this.duration*1e3}),a.addTween({x:0},{x:100},{frames:1,delay:0,onStart:()=>{r("start"),l.value?.goto(0)},onUpdate:f=>{l.value?.goto(f.x)},onComplete:()=>{r("complete"),a=null}}),a.play()}const i=C(),l=C();Et(i,()=>{i.value&&(i.value.addEventListener("play",n),s.autoplay&&Pi.tryAutoPlayOrAutoPlayAfterClick(i.value))}),te(()=>{i.value?.removeEventListener(n)});function c(){i.value?.play()}function u(){i.value?.pause(),a?.pause()}return t({play:c,pause:u}),(d,f)=>(R(),A("div",{class:"video",style:D({width:s.width,height:s.height}),onClick:c},[_("video",{ref_key:"video",ref:i,width:s.width,height:s.height,preload:"metadata"},[_("source",{src:s.src,type:s.type},null,8,n1)],8,a1),_("div",i1,[ct(Da,{ref_key:"bar",ref:l,width:s.width,height:"6px",bgColor:"#ffffff"},null,8,["width"])])],4))}}),[["styles",[`.video[data-v-0a013a79]{position:relative;overflow:hidden;background-color:#f5f5f5}.video-progress-bar[data-v-0a013a79]{position:absolute;bottom:0;left:0}
 `]],["__scopeId","data-v-0a013a79"]]),js=q({customOptions:{},inheritAttrs:!0,__name:"Overlay",props:{visible:{type:Boolean,default:!1},color:{default:ge("#000000",.25).toString()},isGlobal:{type:Boolean,default:!0}},setup(o,{expose:t,emit:e}){const s=o,r=C(),a=document.documentElement.style.overflow,n=document.body.style.overflow;return Et(()=>s.visible,()=>{s.isGlobal?s.visible?(document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden"):(document.documentElement.style.overflow=a,document.body.style.overflow=n):r.value&&(s.visible?r.value.parentElement.style.overflow="hidden":r.value.parentElement.style.overflow="")},{immediate:!0}),t({}),(i,l)=>s.visible?(R(),A("div",{key:0,class:"overlay",ref_key:"overlayRef",ref:r,style:D([`background-color: ${s.color}`,`position: ${s.isGlobal?"fixed":"absolute"}`,"z-index: 9000","display: block","width: 100%","height: 100%","inset: 0","overflow: hidden"])},[Tt(i.$slots,"default")],4)):$t("",!0)}}),l1=_("div",null,null,-1),be=q({customOptions:{Overlay:js,Container:wt},inheritAttrs:!0,__name:"Pop",props:{closeWhenClickOverlay:{type:Boolean,default:!0},directionFrom:{default:"bottom"},absoluteLeft:{default:"0px"},absoluteTop:{default:"0px"},absoluteWidth:{default:"100%"},absoluteHeight:{default:"100%"},dur:{default:200},isGlobal:{type:Boolean,default:!0},overlayBgColor:{},popValue:{},popPercent:{default:50},popBgColor:{default:"rgba(255,255,255,0)"}},emits:["open","close","resize","clickOverlay"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=new Ie({frameDuration:s.dur}),n=Zt({backgroundColor:s.popBgColor,position:"absolute",overflow:"hidden",opacity:"1"}),i=C("full");Et(()=>[s.directionFrom,s.popValue],()=>{a.clear();const g=s.popValue?s.popValue:s.popPercent,v=s.popValue?"px":"%";switch(s.directionFrom){case"left":n.height="100%",n.width=`${g}${v}`,n.top="0",n.bottom="0",delete n.right,a.addTween({left:g},{left:0},{easeFunction:ht.Quadratic.Out,onUpdate(x){n.left=`-${x.left}${v}`},onComplete:u});break;case"right":n.height="100%",n.width=`${g}${v}`,n.top="0",n.bottom="0",delete n.left,a.addTween({right:g},{right:0},{easeFunction:ht.Quadratic.Out,onUpdate(x){n.right=`-${x.right}${v}`},onComplete:u});break;case"top":n.width="100%",n.height=`${g}${v}`,n.left="0",n.right="0",delete n.bottom,a.addTween({top:g},{top:0},{easeFunction:ht.Quadratic.Out,onUpdate(x){n.top=`-${x.top}${v}`},onComplete:u});break;case"bottom":n.width="100%",n.height=`${g}${v}`,n.left="0",n.right="0",delete n.top,a.addTween({bottom:g},{bottom:0},{easeFunction:ht.Quadratic.Out,onUpdate(x){n.bottom=`-${x.bottom}${v}`},onComplete:u});break;case"center":delete n.width,delete n.height,n.left="50%",delete n.right,n.top="50%",delete n.bottom,a.addTween({scale:.8,opacity:0},{scale:1,opacity:1},{easeFunction:ht.Quadratic.Out,onUpdate(x){n.transform=`translate(-50%, -50%) scale(${x.scale})`,n.opacity=`${x.opacity}`},onComplete:u});break;case"absolute":n.width=s.absoluteWidth,n.height=s.absoluteHeight,n.left=s.absoluteLeft,n.top=s.absoluteTop,delete n.right,delete n.bottom;break}switch(s.directionFrom){case"center":i.value="shrink",n.transform="translate(-50%, -50%)";break;case"absolute":i.value="shrink",delete n.transform,delete n.opacity;break;default:i.value="full",delete n.transform,delete n.opacity;break}},{immediate:!0}),Et(()=>s.absoluteLeft,()=>{switch(s.directionFrom){case"absolute":n.left=s.absoluteLeft;break}}),Et(()=>s.absoluteTop,()=>{switch(s.directionFrom){case"absolute":n.top=s.absoluteTop;break}}),Et(()=>s.absoluteWidth,()=>{switch(s.directionFrom){case"absolute":n.width=s.absoluteWidth;break}}),Et(()=>s.absoluteHeight,()=>{switch(s.directionFrom){case"absolute":n.height=s.absoluteHeight;break}});const l=(g,v,x)=>{r("resize",g,v,x)};let c="open";function u(){c=="open"?r("open"):(d.value=!1,r("close"))}const d=C(!1);function f(){d.value=!0,c="open",a.play()}function p(){switch(c="close",s.directionFrom){case"absolute":u();break;default:a.reverse();break}}function h(g){const v=s.directionFrom=="absolute"&&s.absoluteWidth=="100%"&&s.absoluteHeight=="100%"?"pop-content":"pop";g.target&&tt.hasClass(g.target,v)&&(s.closeWhenClickOverlay&&p(),r("clickOverlay"))}return t({open:f,close:p}),(g,v)=>(R(),Mt(js,{visible:d.value,isGlobal:s.isGlobal,color:s.overlayBgColor},{default:_t(()=>[_("div",{class:"pop",style:{display:"block",position:"relative",width:"100%",height:"100%",overflow:"hidden"},onClick:h},[ct(wt,{class:"pop-content",type:i.value,style:D(n),onResize:l},{default:_t(()=>[Tt(g.$slots,"default",{},()=>[l1])]),_:3},8,["type","style"])])]),_:3},8,["visible","isGlobal","color"]))}}),c1=q({...{},name:"Image",customOptions:{Container:wt,Pop:be},inheritAttrs:!0,__name:"Image.ce",props:{src:{},mode:{default:"scaleToFill"},dur:{default:300},bgColor:{default:"transparent"},openImageDetailWhenClick:{type:Boolean,default:!0}},emits:["settled"],setup(o,{expose:t,emit:e}){const s=o,r=e,a=new Ie({frameDuration:s.dur}),n=C(0),i=C(0),l=C(0),c=C(0),u=C(0),d=C(0),f=C(0),p=C(0),h=C(0),g=C(0);md(s.src).then(P=>{h.value=P.width,g.value=P.height,G()});const v=C(0),x=C(0),$=(P,L)=>{v.value=P,x.value=L,G()},z=C(0),O=C(0);function G(){if(!v.value||!x.value||!h.value||!g.value)return;const P=Ea(s.mode,h.value,g.value,v.value,x.value);z.value=P.width,O.value=P.height;const{width:L,height:B}=Ro(),ot=Ea("aspectFit",h.value,g.value,L,B);f.value=ot.width,p.value=ot.height,u.value=(L-f.value)/2,d.value=(B-p.value)/2}const J=(P,L,B)=>{r("settled",B.x,B.y,B.width,B.height)};let V=!1;const rt=C(),S=C();async function I(){if(!s.openImageDetailWhenClick)return;const P=await rt.value.getSize();a.clear(),a.addTween({left:P.x,top:P.y,width:P.width,height:P.height},{left:u.value,top:d.value,width:f.value,height:p.value},{easeFunction:ht.Quadratic.Out,onUpdate(L){n.value=L.left,i.value=L.top,l.value=L.width,c.value=L.height},onComplete(){V&&S.value.close(),V=!V}}),V||(S.value.open(),a.play())}function F(){V&&a.reverse()}return t({}),(P,L)=>(R(),Mt(wt,{class:"image",type:"full",style:D({backgroundColor:s.bgColor}),onResize:$,onClick:I},{default:_t(()=>[ct(wt,{class:"image-inner",ref_key:"imageRef",ref:rt,type:"shrink",style:D({width:z.value+"px",height:O.value+"px",backgroundImage:`url(${s.src})`,backgroundSize:`${z.value}px ${O.value}px`}),onResize:J},null,8,["style"]),ct(be,{ref_key:"popRef",ref:S,"direction-from":"absolute","absolute-left":`${n.value}px`,"absolute-top":`${i.value}px`,"absolute-width":`${l.value}px`,"absolute-height":`${c.value}px`,"close-when-click-overlay":!1,onClickOverlay:F},{default:_t(()=>[_("div",{class:"image-pop",style:D({width:"100%",height:"100%",backgroundImage:`url(${s.src})`,backgroundSize:"100% 100%"})},null,4)]),_:1},8,["absolute-left","absolute-top","absolute-width","absolute-height"])]),_:1},8,["style"]))}}),Vi=lt(c1,[["styles",[`.image[data-v-ecc6cad0]{overflow:hidden;display:flex!important;justify-content:center;align-items:center}.image-inner[data-v-ecc6cad0],.image-pop[data-v-ecc6cad0]{background-repeat:no-repeat;background-position:center center}