diff --git a/static/vue_components/ImageLayout/index.js b/static/vue_components/ImageLayout/index.js index 44a226d..b2878f8 100644 --- a/static/vue_components/ImageLayout/index.js +++ b/static/vue_components/ImageLayout/index.js @@ -1 +1 @@ -!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ImageLayout=t(require("vue")):e.ImageLayout=t(e.Vue)}(self,(function(e){return function(){"use strict";var t={475:function(e){e.exports=function(e){var t=[];return t.toString=function toString(){return this.map((function(t){var a="",o=void 0!==t[5];return t[4]&&(a+="@supports (".concat(t[4],") {")),t[2]&&(a+="@media ".concat(t[2]," {")),o&&(a+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),a+=e(t),o&&(a+="}"),t[2]&&(a+="}"),t[4]&&(a+="}"),a})).join("")},t.i=function i(e,a,o,n,r){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(o)for(var s=0;s0?" ".concat(m[5]):""," {").concat(m[1],"}")),m[5]=r),a&&(m[2]?(m[1]="@media ".concat(m[2]," {").concat(m[1],"}"),m[2]=a):m[2]=a),n&&(m[4]?(m[1]="@supports (".concat(m[4],") {").concat(m[1],"}"),m[4]=n):m[4]="".concat(n)),t.push(m))}},t}},410:function(e){e.exports=function(e){return e[1]}},215:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=(e,t)=>{const a=e.__vccOpts||e;for(const[e,o]of t)a[e]=o;return a}},395:function(e,t,a){a.r(t);var o=a(410),n=a.n(o),r=a(475),l=a.n(r)()(n());l.push([e.id,".box-selection[data-v-5fcd46c4] {\n background: var(--el-text-color-disabled);\n opacity: 0.5;\n position: absolute;\n z-index: 500;\n}\n.box-selection-back[data-v-5fcd46c4] {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 4000;\n}\n",""]),t.default=l},526:function(e,t,a){a.r(t);var o=a(410),n=a.n(o),r=a(475),l=a.n(r)()(n());l.push([e.id,".imagtablelayout-skeleton[data-v-22d01756] {\n border-bottom: var(--el-border);\n border-top: 0;\n height: 55px;\n line-height: 55px;\n}\n.imagtablelayout-skeleton .li-item[data-v-22d01756] {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n align-items: center;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n justify-content: center;\n padding: 6px 4px;\n}\n.imagtablelayout-skeleton .li-item .image[data-v-22d01756] {\n -ms-flex-pack: center;\n -ms-flex-align: center;\n align-items: center;\n border-radius: var(--el-border-radius-base);\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n justify-content: center;\n margin-right: 8px;\n width: 43px;\n}\n.imagtablelayout-skeleton .li-item[data-v-22d01756]:first-child {\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n",""]),t.default=l},379:function(e){var t=[];function getIndexByIdentifier(e){for(var a=-1,o=0;o0?" ".concat(a.layer):""," {")),o+=a.css,n&&(o+="}"),a.media&&(o+="}"),a.supports&&(o+="}");var r=a.sourceMap;r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,a)},remove:function remove(){!function removeStyleElement(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:function(e){e.exports=function styleTagTransform(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},203:function(t){t.exports=e}},a={};function __webpack_require__(e){var o=a[e];if(void 0!==o)return o.exports;var n=a[e]={id:e,exports:{}};return t[e](n,n.exports,__webpack_require__),n.exports}__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.nc=void 0;var o={};return function(){__webpack_require__.r(o),__webpack_require__.d(o,{ImageLayout:function(){return Fe},install:function(){return install}});var e=__webpack_require__(203);const t={class:"imagelayout",ref:"imagelayout"},a=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),n={key:3,class:"el-rate el-rate--small"},r={class:"el-rate__item",style:{cursor:"default"}},l={class:"el-rate__item",style:{cursor:"default"}},s=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),c={key:3,class:"el-rate el-rate--small"},d={class:"el-rate__item",style:{cursor:"default"}},m={class:"el-rate__item",style:{cursor:"default"}},p=["onDblclick"],u=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),h={class:"li-item item-details"},g={class:"minute"},f={class:"el-rate el-rate--small"},y={class:"el-rate__item",style:{cursor:"default"}},k={class:"el-rate__item",style:{cursor:"default"}},v=["data-rid","onContextmenu","onClick","onDblclick"],x={key:0,class:"collect-box"},w={style:{width:"100%","padding-bottom":"100%",position:"relative"}},C=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),_={key:1,class:"message"},b={key:3,class:"el-rate el-rate--small"},I={class:"el-rate__item",style:{cursor:"default"}},B={class:"el-rate__item",style:{cursor:"default"}},S=["data-rid","onContextmenu","onClick","onDblclick"],N={key:0,class:"collect-box"},D=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),M=(0,e.createElementVNode)("div",null,null,-1),E={class:"message"},V={key:3,class:"el-rate el-rate--small"},P={class:"el-rate__item",style:{cursor:"default"}},T={class:"el-rate__item",style:{cursor:"default"}};var O={name:"waterfall",props:{ImageData:{required:!0,type:Array,default:[]},IsRefresh:{required:!0,type:Boolean,default:!0},ParentImgeParam:{required:!0,type:Object,default:{}},nodekey:{required:!0,type:String,default:"rid"},imagelayout:{required:!0,type:Object,default:null},Margin:{required:!1,type:Number,default:8}},emits:["HandleElScrollbar"],setup(e,t){let a={imgWidth:360,columns:0,Margin:e.Margin};function countWidth(e,t){let o=e/t;o>=250&&o<=360?(a.columns=t,a.imgWidth=o):o>360?countWidth(e,t+1):o<250&&countWidth(e,t-1)}return onMounted((()=>{})),{Init:function Init(){if(e.IsRefresh&&(a={imgWidth:360,columns:0,Margin:e.Margin}),!e.imagelayout)return!1;let o=e.imagelayout.clientWidth;o<768?(a.columns=2,a.imgWidth=o/a.columns):o>=768&&o<1170?(a.columns=3,a.imgWidth=o/a.columns):o>=1170&&o<1440?(a.columns=4,a.imgWidth=o/a.columns):countWidth(o,6);let n=Math.round(a.imgWidth),r=[],l=0;for(let t=e.ParentImgeParam.index;tr[l].pwidth&&r[l].height>r[l].pheight?r[l].large=1:r[l].large=0,te.ParentImgeParam.imgArr[a].pbottom&&(t=e.ParentImgeParam.imgArr[a].pbottom,o=a);r[l].ptop=JSON.parse(JSON.stringify(e.ParentImgeParam.imgArr[o].pbottom))+a.Margin,r[l].pleft=JSON.parse(JSON.stringify(e.ParentImgeParam.imgArr[o].pleft)),r[l].pbottom=r[l].ptop+r[l].pheight+a.Margin+e.ParentImgeParam.OtherHeight;let n=JSON.parse(JSON.stringify(r[l]));e.ParentImgeParam.imgArr[o]=n}l++}e.IsRefresh?e.ParentImgeParam.StoreImgdatas=r:e.ParentImgeParam.StoreImgdatas.push.apply(e.ParentImgeParam.StoreImgdatas,r),e.ParentImgeParam.index=e.ImageData.length;let c=0;if(e.ParentImgeParam.imgArr.length)for(let t=0;t{const n=e.getClientRects()[0];var r=e.dataset.rid,l=o.rids.indexOf(r);!function collide(e,t){const a=Math.max(e.x+e.width,t.x+t.width),o=Math.max(e.y+e.height,t.y+t.height),n=Math.min(e.x,t.x),r=Math.min(e.y,t.y);return a-n<=e.width+t.width&&o-r<=e.height+t.height}(n,a)?l>-1&&o.rids.splice(l,1):l<0&&o.rids.push(r)})),t.emit("checkedKeys",{type:"move",ids:JSON.parse(JSON.stringify(o.rids))})}()}))}function MouseUp(){t.emit("changeMouseDown",!1),document.body.removeEventListener("mousemove",MouseMove),document.body.removeEventListener("mouseup",MouseUp),o.status&&t.emit("checkedKeys",{type:"up",ids:JSON.parse(JSON.stringify(o.rids))}),function resSetXY(){o.start_x=0,o.start_y=0,o.end_x=0,o.end_y=0,o.rids=[],r.show=!1,r.width="0px",r.height="0px",r.top="0px",r.left="0px",a=0,o.status=!1}()}return{Init:function Init(t){o.status=!1;const a=e.imagelayout;o.box_screen_left=a.getBoundingClientRect().left,o.box_screen_top=a.getBoundingClientRect().top,o.start_x=t.clientX,o.start_y=t.clientY,o.end_x=t.clientX,o.end_y=t.clientY,document.body.addEventListener("mousemove",MouseMove),document.body.addEventListener("mouseup",MouseUp)},Dom:n,boxStyle:r,HandleElScrollbar:function HandleElScrollbar(){}}}},W=__webpack_require__(379),z=__webpack_require__.n(W),A=__webpack_require__(795),R=__webpack_require__.n(A),j=__webpack_require__(569),J=__webpack_require__.n(j),K=__webpack_require__(565),$=__webpack_require__.n(K),U=__webpack_require__(216),G=__webpack_require__.n(U),Q=__webpack_require__(589),X=__webpack_require__.n(Q),Y=__webpack_require__(395),Z={};Z.styleTagTransform=X(),Z.setAttributes=$(),Z.insert=J().bind(null,"head"),Z.domAPI=R(),Z.insertStyleElement=G();z()(Y.default,Z),Y.default&&Y.default.locals&&Y.default.locals;var ee=(0,L.default)(F,[["render",function DragSelectvue_type_template_id_5fcd46c4_scoped_true_render(t,a,o,n,r,l){return(0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.withDirectives)((0,e.createElementVNode)("div",{class:"box-selection",style:(0,e.normalizeStyle)("width:"+n.boxStyle.width+";left:"+n.boxStyle.left+";height:"+n.boxStyle.height+";top:"+n.boxStyle.top)},null,4),[[e.vShow,n.boxStyle.show]]),n.boxStyle.show?((0,e.openBlock)(),(0,e.createElementBlock)("div",q,null,512)):(0,e.createCommentVNode)("v-if",!0)],64)}],["__scopeId","data-v-5fcd46c4"]]);var te={name:"list",props:{ImageData:{required:!0,type:Array,default:[]},imagelayout:{required:!0,type:Object,default:null},IsRefresh:{required:!0,type:Boolean,default:!0},ParentImgeParam:{required:!0,type:Object,default:{}},ispc:{required:!0,type:Boolean,default:!1},Margin:{required:!1,type:Number,default:15}},emits:["HandleElScrollbar"],setup(e,t){let a={imgWidth:0,imgHeight:0,left:0,top:0,columns:0,fcolumns:0,Margin:e.Margin,boxHeight:0};function countWidth(e,t){let o=e/t;o>=250&&o<=360?(a.columns=t,a.imgWidth=o):o>360?countWidth(e,t+1):o<250&&countWidth(e,t-1)}return onMounted((()=>{})),{Init:function Init(){e.IsRefresh&&(a={imgWidth:0,imgHeight:0,left:0,top:0,columns:0,fcolumns:0,Margin:e.Margin,boxHeight:0});let o=e.imagelayout.clientWidth;o<768?(a.columns=2,a.imgWidth=o/a.columns):o>=768&&o<1170?(a.columns=3,a.imgWidth=o/a.columns):o>=1170&&o<1440?(a.columns=4,a.imgWidth=o/a.columns):countWidth(o,6),a.imgWidth,a.columns,a.fcolumns=1,a.imgWidth=(o-(a.columns-1)*a.Margin)/a.columns,e.ispc,a.imgHeight=a.imgWidth;let n=[],r=0;for(let t=e.ParentImgeParam.index;ta.imgWidth||o.height>a.imgHeight?o.large=1:o.large=0,n[r].pwidth=a.imgWidth,n[r].pheight=a.imgHeight,n[r].ptop=a.top,n[r].pleft=a.left,e.ispc,n[r].pbottom=a.top+a.imgHeight+e.ParentImgeParam.OtherHeight;var l=0,s=0;parseInt(n[r].hasthumb)?(l=parseInt(n[r].thumbwidth),s=parseInt(n[r].thumbheight)):(l=parseInt(n[r].width),s=parseInt(n[r].height));let d=a.imgWidth;if(e.ispc||(d=a.imgWidth),d1?(n[r].ffwidth=n[r].pwidth,n[r].ffheight=n[r].pwidth/c):(n[r].ffheight=n[r].pheight,n[r].ffwidth=n[r].pheight*c)}else n[r].ffwidth=n[r].pwidth,n[r].ffheight=n[r].pwidth;a.left+=a.imgWidth+a.Margin,a.fcolumns++,a.fcolumns>a.columns&&(a.left=0,e.ispc,a.top+=a.imgHeight+e.ParentImgeParam.OtherHeight+a.Margin,a.fcolumns=1,a.boxHeight=a.top),r++}e.IsRefresh?e.ParentImgeParam.StoreImgdatas=n:e.ParentImgeParam.StoreImgdatas.push.apply(e.ParentImgeParam.StoreImgdatas,n),e.ParentImgeParam.index=e.ImageData.length,a.fcolumns>1&&a.fcolumns{})),{Init:function Init(){e.IsRefresh&&(a={imgWidth:0,left:0,top:0,Margin:e.Margin,minMargin:e.Margin,rowWidth:0,SurplusImgdatas:[]});let o=e.ParentImgeParam;var n={};if(o.imgArr.length){for(var r in o.imgArr)n[o.imgArr[r][e.nodekey]]=JSON.parse(JSON.stringify(o.imgArr[r]));a.rowWidth=0,o.imgArr=[],a.left=0}for(let t=e.ParentImgeParam.index;t360?d*(c=360):d*c,d>=1&&c<120?s=(c=120)*d:d<1&&s<120&&(c=(s=120)/d),c>360&&(s=d*(c=360)),n[x].pwidth=s,n[x].pheight=c}var m=e.imagelayout.clientWidth,p=0;for(var u in n){var h=n[u];a.rowWidth+=h.pwidth,o.imgArr.push(h);var g=a.rowWidth+a.Margin*(o.imgArr.length-1),f=g-m;if(g>m){let t=o.imgArr.length;(a.Margin-a.minMargin)*(t-1)=.5?(y-=_%1,_=Math.floor(_)):(y+=1-_%1,_=Math.ceil(_)),b>k&&(k=b),n[x].pwidth=_,n[x].pheight=k,n[x].ptop=a.top,n[x].pbottom=a.top+k+o.OtherHeight,n[x].pleft=v>0?a.left:0,a.left+=_+a.Margin}for(var I in o.imgArr){var B=o.imgArr[I][[e.nodekey]],S=n[B].pheight;St&&(t=c),n[l].pleft=r>0?a.left:0,a.left+=s+a.Margin}for(let r in o.imgArr){let l=o.imgArr[r][[e.nodekey]];a.SurplusImgdatas.push(l);let s=n[l].pheight;sn[D].pwidth||n[D].height>n[D].pheight?n[D].large=1:n[D].large=0,N.push(n[D]);if(e.IsRefresh)o.StoreImgdatas=N;else{let t=JSON.parse(JSON.stringify(o.StoreImgdatas));if(a.SurplusImgdatas.length){o.StoreImgdatas=o.StoreImgdatas.filter((function(t){return a.SurplusImgdatas.indexOf(t[e.nodekey])<0}));for(let o in t){let n=a.SurplusImgdatas.indexOf(t[o][e.nodekey]);n>-1&&a.SurplusImgdatas.splice(n,1)}}o.StoreImgdatas.push.apply(o.StoreImgdatas,N)}o.boxHeight=a.top+p,e.ParentImgeParam.index=e.ImageData.length,nextTick((()=>{t.emit("HandleElScrollbar","complete")}))}}}};var ne=(0,L.default)(oe,[["render",function RowGridvue_type_template_id_0e570217_render(t,a,o,n,r,l){return(0,e.renderSlot)(t.$slots,"default")}]]);var re={name:"tabodd",props:{ImageData:{required:!0,type:Array,default:[]},IsRefresh:{required:!0,type:Boolean,default:!0},ParentImgeParam:{required:!0,type:Object,default:{}}},emits:["HandleElScrollbar"],setup(e,t){let a={top:0,fixedH:55};return onMounted((()=>{})),{Init:function Init(){e.IsRefresh&&(a={top:0,fixedH:80});var o=[],n=0;for(let t=e.ParentImgeParam.index;t{})),{Init:function Init(){e.IsRefresh&&(a={top:0,fixedH:80});var o=[];let n=1;var r=0;let l=e.imagelayout.clientWidth/2;for(let t=e.ParentImgeParam.index;t{})),{Init:function Init(){e.IsRefresh&&(a={top:0,fixedH:123});var o=[],n=0;for(let t=e.ParentImgeParam.index;t=180&&o<=240?(t.columns=a,t.width=o-8):o>240?countWidth(a+1):o<180&&countWidth(a-1)}return watch((()=>e.layout),(a=>{if("waterFall"==a){if(!e.imagelayout)return!1;var o=e.imagelayout.clientWidth;o<768?(t.columns=2,t.width=o/t.columns-8):o>=768&&o<992?(t.columns=4,t.width=o/t.columns-8):o>=992&&o<1170?(t.columns=5,t.width=o/t.columns-8):countWidth(6)}}),{deep:!0,immediate:!0}),{dataRowGrid:[[5,4,7,2,6],[3,6,5,2,3,5],[4,6,9,5]],dataWaterFall:t}}},ke=__webpack_require__(526),ve={};ve.styleTagTransform=X(),ve.setAttributes=$(),ve.insert=J().bind(null,"head"),ve.domAPI=R(),ve.insertStyleElement=G();z()(ke.default,ve),ke.default&&ke.default.locals&&ke.default.locals;var xe=(0,L.default)(ye,[["render",function skeletonvue_type_template_id_22d01756_scoped_true_render(t,a,o,n,r,l){const s=(0,e.resolveComponent)("el-skeleton-item"),c=(0,e.resolveComponent)("el-col"),d=(0,e.resolveComponent)("el-row");return"rowGrid"==o.layout?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(n.dataRowGrid,(t=>((0,e.openBlock)(),(0,e.createBlock)(d,{gutter:0,style:{"margin-bottom":"16px"}},{default:(0,e.withCtx)((()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t,(t=>((0,e.openBlock)(),(0,e.createBlock)(c,{xs:t,sm:t,md:t},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("div",me,[(0,e.createVNode)(s,{variant:"image",style:{width:"100%",height:"160px","border-radius":"4px"}}),(0,e.createElementVNode)("div",pe,[o.ShowMessage.display.length?((0,e.openBlock)(),(0,e.createBlock)(s,{key:0,variant:"p",style:{width:"100%",height:"18px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0),o.ShowMessage.other?((0,e.openBlock)(),(0,e.createBlock)(s,{key:1,variant:"p",style:{width:"100%",height:"12px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0)])])])),_:2},1032,["xs","sm","md"])))),256))])),_:2},1024)))),256)):"imageList"==o.layout?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(3,(t=>(0,e.createVNode)(d,{gutter:0,style:{"margin-bottom":"16px"}},{default:(0,e.withCtx)((()=>[((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(6,(t=>(0,e.createVNode)(c,{xs:4,sm:4,md:4},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("div",ue,[(0,e.createVNode)(s,{variant:"image",style:{width:"100%",height:"160px","border-radius":"4px"}}),(0,e.createElementVNode)("div",he,[o.ShowMessage.display.length?((0,e.openBlock)(),(0,e.createBlock)(s,{key:0,variant:"p",style:{width:"100%",height:"18px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0),o.ShowMessage.other?((0,e.openBlock)(),(0,e.createBlock)(s,{key:1,variant:"p",style:{width:"100%",height:"12px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0)])])])),_:1}))),64))])),_:1}))),64)):"table"==o.layout?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},(0,e.renderList)(9,(t=>(0,e.createVNode)(d,{class:"imagtablelayout-skeleton",justify:"center"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(c,{class:"li-item",span:12},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{width:"43px"},class:"image",variant:"image"}),(0,e.createVNode)(s,{class:"name",variant:"p",style:{width:"50%",height:"24px"}})])),_:1}),(0,e.createVNode)(c,{class:"li-item",span:3},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{variant:"p",style:{width:"50%",height:"24px"}})])),_:1}),(0,e.createVNode)(c,{class:"li-item",span:3},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{variant:"p",style:{width:"50%",height:"24px"}})])),_:1}),(0,e.createVNode)(c,{class:"li-item",span:3},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{variant:"p",style:{width:"50%",height:"24px"}})])),_:1}),(0,e.createVNode)(c,{class:"li-item",span:3},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{variant:"p",style:{width:"50%",height:"24px"}})])),_:1})])),_:1}))),64)):"waterFall"==o.layout?((0,e.openBlock)(),(0,e.createElementBlock)("div",ge,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.dataWaterFall.columns,(t=>((0,e.openBlock)(),(0,e.createElementBlock)("div",null,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(Math.ceil(2*Math.random()+1),(t=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{style:(0,e.normalizeStyle)([{width:n.dataWaterFall.width+"px",height:Math.floor(101*Math.random()+100)+"px"},{padding:"0 4px","margin-bottom":"12px",display:"flex","flex-flow":"column"}])},[(0,e.createVNode)(s,{style:{width:"100%",height:"100%","border-radius":"4px"},class:"image",variant:"image"}),(0,e.createElementVNode)("div",fe,[o.ShowMessage.display.length?((0,e.openBlock)(),(0,e.createBlock)(s,{key:0,variant:"p",style:{width:"100%",height:"18px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0),o.ShowMessage.other?((0,e.openBlock)(),(0,e.createBlock)(s,{key:1,variant:"p",style:{width:"100%",height:"12px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0)])],4)))),256))])))),256))])):(0,e.createCommentVNode)("v-if",!0)}],["__scopeId","data-v-22d01756"]]);const we={class:"movies-item","element-loading-background":"var(--el-bg-color)"},Ce={class:"time"},_e={class:"music-box",ref:"DomMusicBox"};var __awaiter=function(e,t,a,o){return new(a||(a=Promise))((function(n,r){function fulfilled(e){try{step(o.next(e))}catch(e){r(e)}}function rejected(e){try{step(o.throw(e))}catch(e){r(e)}}function step(e){e.done?n(e.value):function adopt(e){return e instanceof a?e:new a((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((o=o.apply(e,t||[])).next())}))};const be={decode:function decode(e,t){return __awaiter(this,void 0,void 0,(function*(){const a=new AudioContext({sampleRate:t}),o=a.decodeAudioData(e);return o.finally((()=>a.close())),o}))},createBuffer:function createBuffer(e,t){return"number"==typeof e[0]&&(e=[e]),function normalize(e){const t=e[0];if(t.some((e=>e>1||e<-1))){const a=t.length;let o=0;for(let e=0;eo&&(o=a)}for(const t of e)for(let e=0;enull==e?void 0:e[t],copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};var Ie=be,fetcher_awaiter=function(e,t,a,o){return new(a||(a=Promise))((function(n,r){function fulfilled(e){try{step(o.next(e))}catch(e){r(e)}}function rejected(e){try{step(o.throw(e))}catch(e){r(e)}}function step(e){e.done?n(e.value):function adopt(e){return e instanceof a?e:new a((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((o=o.apply(e,t||[])).next())}))};var Be={fetchBlob:function fetchBlob(e,t){return fetcher_awaiter(this,void 0,void 0,(function*(){return fetch(e,t).then((e=>e.blob()))}))}};var Se=class EventEmitter{constructor(){this.listeners={}}on(e,t){return this.listeners[e]||(this.listeners[e]=new Set),this.listeners[e].add(t),()=>this.un(e,t)}once(e,t){const a=this.on(e,t),o=this.on(e,(()=>{a(),o()}));return a}un(e,t){this.listeners[e]&&(t?this.listeners[e].delete(t):delete this.listeners[e])}unAll(){this.listeners={}}emit(e,...t){this.listeners[e]&&this.listeners[e].forEach((e=>e(...t)))}};var Ne=class Player extends Se{constructor(e){super(),e.media?this.media=e.media:this.media=document.createElement("audio"),e.autoplay&&(this.media.autoplay=!0),null!=e.playbackRate&&(this.media.playbackRate=e.playbackRate)}onMediaEvent(e,t,a){return this.media.addEventListener(e,t,a),()=>this.media.removeEventListener(e,t)}onceMediaEvent(e,t){return this.onMediaEvent(e,t,{once:!0})}getSrc(){return this.media.currentSrc||this.media.src||""}revokeSrc(){const e=this.getSrc();e.startsWith("blob:")&&URL.revokeObjectURL(e)}setSrc(e,t){if(this.getSrc()===e)return;this.revokeSrc();const a=t instanceof Blob?URL.createObjectURL(t):e;this.media.src=a,this.media.load()}destroy(){this.media.pause(),this.revokeSrc(),this.media.src="",this.media.load()}play(){return this.media.play()}pause(){this.media.pause()}isPlaying(){return this.media.currentTime>0&&!this.media.paused&&!this.media.ended}setTime(e){this.media.currentTime=e}getDuration(){return this.media.duration}getCurrentTime(){return this.media.currentTime}getVolume(){return this.media.volume}setVolume(e){this.media.volume=e}getMuted(){return this.media.muted}setMuted(e){this.media.muted=e}getPlaybackRate(){return this.media.playbackRate}setPlaybackRate(e,t){null!=t&&(this.media.preservesPitch=t),this.media.playbackRate=e}getMediaElement(){return this.media}setSinkId(e){return this.media.setSinkId(e)}};class Renderer extends Se{constructor(e){let t;if(super(),this.timeouts=[],this.isScrolling=!1,this.audioData=null,this.resizeObserver=null,this.isDragging=!1,this.options=e,"string"==typeof e.container?t=document.querySelector(e.container):e.container instanceof HTMLElement&&(t=e.container),!t)throw new Error("Container not found");this.parent=t;const[a,o]=this.initHtml();t.appendChild(a),this.container=a,this.scrollContainer=o.querySelector(".scroll"),this.wrapper=o.querySelector(".wrapper"),this.canvasWrapper=o.querySelector(".canvases"),this.progressWrapper=o.querySelector(".progress"),this.cursor=o.querySelector(".cursor"),this.initEvents()}initEvents(){this.wrapper.addEventListener("click",(e=>{const t=this.wrapper.getBoundingClientRect(),a=(e.clientX-t.left)/t.width;this.emit("click",a)})),this.initDrag(),this.scrollContainer.addEventListener("scroll",(()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:a}=this.scrollContainer,o=e/t,n=(e+a)/t;this.emit("scroll",o,n)}));const e=this.createDelay(100);this.resizeObserver=new ResizeObserver((()=>{e((()=>this.reRender()))})),this.resizeObserver.observe(this.scrollContainer)}initDrag(){!function makeDraggable(e,t,a,o,n=5){let unsub=()=>{};if(!e)return unsub;const down=r=>{r.preventDefault(),r.stopPropagation();let l=r.clientX,s=r.clientY,c=!1;const move=o=>{o.preventDefault(),o.stopPropagation();const r=o.clientX,d=o.clientY;if(c||Math.abs(r-l)>=n||Math.abs(d-s)>=n){const{left:o,top:n}=e.getBoundingClientRect();c||(c=!0,null==a||a(l-o,s-n)),t(r-l,d-s,r-o,d-n),l=r,s=d}},click=e=>{c&&(e.preventDefault(),e.stopPropagation())},up=()=>{c&&(null==o||o()),unsub()},touchMove=e=>e.preventDefault(),d={passive:!1};document.addEventListener("touchmove",touchMove,d),document.addEventListener("pointermove",move),document.addEventListener("pointerup",up),document.addEventListener("pointerleave",up),document.addEventListener("click",click,!0),unsub=()=>{document.removeEventListener("touchmove",touchMove,d),document.removeEventListener("pointermove",move),document.removeEventListener("pointerup",up),document.removeEventListener("pointerleave",up),setTimeout((()=>{document.removeEventListener("click",click,!0)}),10)}};return e.addEventListener("pointerdown",down),()=>{unsub(),e.removeEventListener("pointerdown",down)}}(this.wrapper,((e,t,a)=>{this.emit("drag",Math.max(0,Math.min(1,a/this.wrapper.clientWidth)))}),(()=>this.isDragging=!0),(()=>this.isDragging=!1))}getHeight(){return null==this.options.height?128:isNaN(Number(this.options.height))?"auto"===this.options.height&&this.parent.clientHeight||128:Number(this.options.height)}initHtml(){const e=document.createElement("div"),t=e.attachShadow({mode:"open"});return t.innerHTML=`\n \n\n
\n
\n
\n
\n
\n
\n
\n `,[e,t]}setOptions(e){this.options=e,this.reRender()}getWrapper(){return this.wrapper}getScroll(){return this.scrollContainer.scrollLeft}destroy(){var e;this.container.remove(),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}createDelay(e=10){const t={};return this.timeouts.push(t),a=>{t.timeout&&clearTimeout(t.timeout),t.timeout=setTimeout(a,e)}}convertColorValues(e){if(!Array.isArray(e))return e||"";if(e.length<2)return e[0]||"";const t=document.createElement("canvas"),a=t.getContext("2d").createLinearGradient(0,0,0,t.height),o=1/(e.length-1);return e.forEach(((e,t)=>{const n=t*o;a.addColorStop(n,e)})),a}renderBars(e,t,a){if(a.fillStyle=this.convertColorValues(t.waveColor),t.renderFunction)return void t.renderFunction(e,a);const o=e[0],n=e[1]||e[0],r=o.length,l=window.devicePixelRatio||1,{width:s,height:c}=a.canvas,d=c/2,m=t.barHeight||1,p=t.barWidth?t.barWidth*l:1,u=t.barGap?t.barGap*l:t.barWidth?p/2:0,h=t.barRadius||0,g=s/(p+u)/r;let f=1;if(t.normalize){f=0;for(let e=0;ef&&(f=t)}}const y=d/f*m;a.beginPath();let k=0,v=0,x=0;for(let e=0;e<=r;e++){const r=Math.round(e*g);if(r>k){const e=Math.round(v*y),o=e+Math.round(x*y)||1;let n=d-e;"top"===t.barAlign?n=0:"bottom"===t.barAlign&&(n=c-o),a.roundRect(k*(p+u),n,p,o,h),k=r,v=0,x=0}const l=Math.abs(o[e]||0),s=Math.abs(n[e]||0);l>v&&(v=l),s>x&&(x=s)}a.fill(),a.closePath()}renderSingleCanvas(e,t,a,o,n,r,l,s){const c=window.devicePixelRatio||1,d=document.createElement("canvas"),m=e[0].length;d.width=Math.round(a*(r-n)/m),d.height=o*c,d.style.width=`${Math.floor(d.width/c)}px`,d.style.height=`${o}px`,d.style.left=`${Math.floor(n*a/c/m)}px`,l.appendChild(d);const p=d.getContext("2d");this.renderBars(e.map((e=>e.slice(n,r))),t,p);const u=d.cloneNode();s.appendChild(u);const h=u.getContext("2d");d.width>0&&d.height>0&&h.drawImage(d,0,0),h.globalCompositeOperation="source-in",h.fillStyle=this.convertColorValues(t.progressColor),h.fillRect(0,0,d.width,d.height)}renderWaveform(e,t,a){const o=document.createElement("div"),n=this.getHeight();o.style.height=`${n}px`,this.canvasWrapper.style.minHeight=`${n}px`,this.canvasWrapper.appendChild(o);const r=o.cloneNode();this.progressWrapper.appendChild(r);const{scrollLeft:l,scrollWidth:s,clientWidth:c}=this.scrollContainer,d=e[0].length,m=d/s;let p=Math.min(Renderer.MAX_CANVAS_WIDTH,c);if(t.barWidth||t.barGap){const e=t.barWidth||.5,a=e+(t.barGap||e/2);p%a!=0&&(p=Math.floor(p/a)*a)}const u=Math.floor(Math.abs(l)*m),h=Math.floor(u+p*m),g=h-u,draw=(l,s)=>{this.renderSingleCanvas(e,t,a,n,Math.max(0,l),Math.min(s,d),o,r)},f=this.createDelay(),y=this.createDelay(),renderHead=(e,t)=>{draw(e,t),e>0&&f((()=>{renderHead(e-g,t-g)}))},renderTail=(e,t)=>{draw(e,t),t{renderTail(e+g,t+g)}))};renderHead(u,h),he.timeout&&clearTimeout(e.timeout))),this.timeouts=[],this.canvasWrapper.innerHTML="",this.progressWrapper.innerHTML="",this.wrapper.style.width="";const t=window.devicePixelRatio||1,a=this.scrollContainer.clientWidth,o=Math.ceil(e.duration*(this.options.minPxPerSec||0));this.isScrolling=o>a;const n=this.options.fillParent&&!this.isScrolling,r=(n?a:o)*t;if(this.wrapper.style.width=n?"100%":`${o}px`,this.scrollContainer.style.overflowX=this.isScrolling?"auto":"hidden",this.scrollContainer.classList.toggle("noScrollbar",!!this.options.hideScrollbar),this.cursor.style.backgroundColor=`${this.options.cursorColor||this.options.progressColor}`,this.cursor.style.width=`${this.options.cursorWidth}px`,this.options.splitChannels)for(let t=0;t1&&t.push(e.getChannelData(1)),this.renderWaveform(t,this.options,r)}this.audioData=e,this.emit("render")}reRender(){if(!this.audioData)return;const e=this.progressWrapper.clientWidth;this.render(this.audioData);const t=this.progressWrapper.clientWidth;this.scrollContainer.scrollLeft+=t-e}zoom(e){this.options.minPxPerSec=e,this.reRender()}scrollIntoView(e,t=!1){const{clientWidth:a,scrollLeft:o,scrollWidth:n}=this.scrollContainer,r=n*e,l=a/2;if(r>o+(t&&this.options.autoCenter&&!this.isDragging?l:a)||r=e&&r{}}start(){this.unsubscribe=this.on("tick",(()=>{requestAnimationFrame((()=>{this.emit("tick")}))})),this.emit("tick")}stop(){this.unsubscribe()}destroy(){this.unsubscribe()}},wavesurfer_awaiter=function(e,t,a,o){return new(a||(a=Promise))((function(n,r){function fulfilled(e){try{step(o.next(e))}catch(e){r(e)}}function rejected(e){try{step(o.throw(e))}catch(e){r(e)}}function step(e){e.done?n(e.value):function adopt(e){return e instanceof a?e:new a((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((o=o.apply(e,t||[])).next())}))};const Ee={waveColor:"#999",progressColor:"#555",cursorWidth:1,minPxPerSec:0,fillParent:!0,interact:!0,autoScroll:!0,autoCenter:!0,sampleRate:8e3};class WaveSurfer extends Ne{static create(e){return new WaveSurfer(e)}constructor(e){var t,a;super({media:e.media,autoplay:e.autoplay,playbackRate:e.audioRate}),this.plugins=[],this.decodedData=null,this.duration=null,this.subscriptions=[],this.options=Object.assign({},Ee,e),this.timer=new Me,this.renderer=new De(this.options),this.initPlayerEvents(),this.initRendererEvents(),this.initTimerEvents(),this.initPlugins();const o=this.options.url||(null===(t=this.options.media)||void 0===t?void 0:t.currentSrc)||(null===(a=this.options.media)||void 0===a?void 0:a.src);o&&this.load(o,this.options.peaks,this.options.duration)}setOptions(e){this.options=Object.assign({},this.options,e),this.renderer.setOptions(this.options),e.audioRate&&this.setPlaybackRate(e.audioRate)}initTimerEvents(){this.subscriptions.push(this.timer.on("tick",(()=>{const e=this.getCurrentTime();this.renderer.renderProgress(e/this.getDuration(),!0),this.emit("timeupdate",e),this.emit("audioprocess",e)})))}initPlayerEvents(){this.subscriptions.push(this.onMediaEvent("timeupdate",(()=>{const e=this.getCurrentTime();this.renderer.renderProgress(e/this.getDuration(),this.isPlaying()),this.emit("timeupdate",e)})),this.onMediaEvent("play",(()=>{this.emit("play"),this.timer.start()})),this.onMediaEvent("pause",(()=>{this.emit("pause"),this.timer.stop()})),this.onMediaEvent("ended",(()=>{this.emit("finish")})),this.onMediaEvent("seeking",(()=>{this.emit("seeking",this.getCurrentTime())})))}initRendererEvents(){this.subscriptions.push(this.renderer.on("click",(e=>{this.options.interact&&(this.seekTo(e),this.emit("interaction",this.getCurrentTime()),this.emit("click",e))})),this.renderer.on("scroll",((e,t)=>{const a=this.getDuration();this.emit("scroll",e*a,t*a)})),this.renderer.on("render",(()=>{this.emit("redraw")})));{let e;this.subscriptions.push(this.renderer.on("drag",(t=>{this.options.interact&&(this.renderer.renderProgress(t),clearTimeout(e),e=setTimeout((()=>{this.seekTo(t)}),this.isPlaying()?0:200),this.emit("interaction",t*this.getDuration()),this.emit("drag",t))})))}}initPlugins(){var e;(null===(e=this.options.plugins)||void 0===e?void 0:e.length)&&this.options.plugins.forEach((e=>{this.registerPlugin(e)}))}registerPlugin(e){return e.init(this),this.plugins.push(e),this.subscriptions.push(e.once("destroy",(()=>{this.plugins=this.plugins.filter((t=>t!==e))}))),e}getWrapper(){return this.renderer.getWrapper()}getScroll(){return this.renderer.getScroll()}getActivePlugins(){return this.plugins}load(e,t,a){return wavesurfer_awaiter(this,void 0,void 0,(function*(){this.isPlaying()&&this.pause(),this.decodedData=null,this.duration=null,this.emit("load",e);const o=t?void 0:yield Be.fetchBlob(e,this.options.fetchParams);if(this.setSrc(e,o),this.duration=a||this.getDuration()||(yield new Promise((e=>{this.onceMediaEvent("loadedmetadata",(()=>e(this.getDuration())))})))||0,t)this.decodedData=Ie.createBuffer(t,this.duration);else if(o){const e=yield o.arrayBuffer();this.decodedData=yield Ie.decode(e,this.options.sampleRate),0!==this.duration&&this.duration!==1/0||(this.duration=this.decodedData.duration)}this.emit("decode",this.duration),this.decodedData&&this.renderer.render(this.decodedData),this.emit("ready",this.duration)}))}zoom(e){if(!this.decodedData)throw new Error("No audio loaded");this.renderer.zoom(e),this.emit("zoom",e)}getDecodedData(){return this.decodedData}getDuration(){return null!==this.duration?this.duration:super.getDuration()}toggleInteraction(e){this.options.interact=e}seekTo(e){const t=this.getDuration()*e;this.setTime(t)}playPause(){return wavesurfer_awaiter(this,void 0,void 0,(function*(){return this.isPlaying()?this.pause():this.play()}))}stop(){this.pause(),this.setTime(0)}skip(e){this.setTime(this.getCurrentTime()+e)}empty(){this.load("",[[0]],.001)}destroy(){this.emit("destroy"),this.plugins.forEach((e=>e.destroy())),this.subscriptions.forEach((e=>e())),this.timer.destroy(),this.renderer.destroy(),super.destroy()}}var Ve=WaveSurfer,Pe={name:"playmusic",props:{ImageData:{required:!0,type:Array,default:[]}},emits:["HandleElScrollbar"],setup(e,t){let a=ref(!1),o=ref(!1),n=ref(null),r=ref(null),l=reactive({time:0,play:!1,height:0,lineX:0,finish:!1}),s=null;let c=!1;let d=ref(!1),m=!1;function Mouseenter(t){if(!e.ImageData.mediaplayerpath||c)return!1;if(m=!0,setTimeout((()=>{m&&(d.value=!0)}),1e3),!d.value)return!1;if(o.value=!0,l.finish||a.value){if(l.finish&&o.value){let e=n.value.closest(".image-single").querySelector(".el-image__inner").clientHeight;r.value.style.height=e+"px",s.options.height=e,s.play(0)}}else!function create(){a.value=!0;let t=n.value.closest(".image-single").querySelector(".el-image__inner").clientHeight;r.value.style.height=t+"px",s=Ve.create({container:r.value,waveColor:"#888888",progressColor:"purple",hideScrollbar:!0,height:t,autoplay:!0,url:e.ImageData.mediaplayerpath,autoCenter:!0}),s.on("ready",(function(){a.value=!1,l.finish=!0;let e=parseInt(s.getCurrentTime()),t=parseInt(s.getDuration());if(l.time=ImageAudioPlaySecondToDate(e,t),!o.value)return s.playPause(),!1;l.finish&&!l.play&&o.value&&s.play()})),s.on("audioprocess",(function(){var e=parseInt(s.getCurrentTime()),t=parseInt(s.getDuration());l.time=ImageAudioPlaySecondToDate(e,t)})),s.on("seeking",(function(){o.value&&s.play()})),s.on("play",(function(){l.play=!0})),s.on("pause",(function(){l.play=!1}))}()}function ImageAudioPlaySecondToDate(e,t){var a=Math.floor(e/3600)<10?"0"+Math.floor(e/3600):Math.floor(e/3600),o=Math.floor(e/60%60)<10?"0"+Math.floor(e/60%60):Math.floor(e/60%60),n=Math.floor(e%60)<10?"0"+Math.floor(e%60):Math.floor(e%60);return t>=3600?a+":"+o+":"+n:t>=60?o+":"+n:n}return watch((()=>d.value),(()=>{nextTick((()=>{m&&nextTick((()=>{Mouseenter()}))}))}),{deep:!0}),{loading:a,DomShow:o,DomBox:n,DomMusicBox:r,MusicData:l,Mouseenter:Mouseenter,Mouseleave:function Mouseleave(){o.value=!1,l.finish&&s&&s.pause(),d.value=!1,m=!1},handlevoice:function handlevoice(e){c=!0,l.finish&&s&&o.value&&(l.play?s.playPause():s.play()),setTimeout((()=>{c=!1}),1e3)}}}};const Te={class:"movies-item","element-loading-background":"var(--el-bg-color)"},Oe={class:"time"},Le={class:"music-box",ref:"DomVideoBox"};var He={name:"playvideo",props:{ImageData:{required:!0,type:Array,default:[]},Lang:{required:!0,type:Object,default:{}}},emits:["HandleElScrollbar"],setup(e,t){let a=ref(null),o=ref(null),n=reactive({show:!1,time:0,loading:!1,muted:!1,progress:0,finish:!1}),r=document.createElement("VIDEO");r.addEventListener("canplay",(function(){n.loading=!1,n.finish=!0})),r.addEventListener("timeupdate",(function(){var e=r.currentTime;n.progress=parseInt(parseInt(e)/parseInt(r.duration)*100,10),n.time=ImageAudioPlaySecondToDate(e,r.duration)}));let l=ref(!1),s=!1,c=!1;function Mouseenter(){if(c=!0,s=!0,setTimeout((()=>{c=!1,s&&(l.value=!0)}),1e3),!l.value)return!1;if(n.show=!0,n.finish){d||(r.currentTime=0);var t=r.play();void 0!==t&&t.then((function(){r.play()})).catch((function(){r.pause(),console.log(e.Lang.text10)}))}else{if(n.loading)return!1;r.muted=!0,r.autoplay=!0,r.src=e.ImageData.mediaplayerpath,r.className="video",o.value.appendChild(r),n.loading=!0}}watch((()=>l.value),(()=>{nextTick((()=>{s&&nextTick((()=>{Mouseenter()}))}))}),{deep:!0});let d=!1;function ImageAudioPlaySecondToDate(e,t){var a=Math.floor(e/3600)<10?"0"+Math.floor(e/3600):Math.floor(e/3600),o=Math.floor(e/60%60)<10?"0"+Math.floor(e/60%60):Math.floor(e/60%60),n=Math.floor(e%60)<10?"0"+Math.floor(e%60):Math.floor(e%60);return t>=3600?a+":"+o+":"+n:t>=60?o+":"+n:n}return{DomBox:a,DomVideoBox:o,VideoData:n,Mouseenter:Mouseenter,Mouseleave:function Mouseleave(){r.pause(),n.show=!1,c=!1,d=!1,n.progress=0,n.time=0,l.value=!1,s=!1},Mousemove:function Mousemove(e){if(c)return!1;if(n.finish&&n.show){var t=e.offsetX;let s=a.value.closest(".image-single").querySelector(".el-image__inner").offsetWidth;n.progress=parseInt(parseInt(t)/s*100,10);var o=parseInt(n.progress*(parseInt(r.duration)/100));if(r.currentTime=o,n.time=ImageAudioPlaySecondToDate(o,r.duration),r.paused&&n.show){var l=n.play();void 0!==l&&l.then((function(){n.play()})).catch((function(){n.pause(),console.log("播放失败！")}))}}},handlesound:function handlesound(){d=!0,setTimeout((()=>{d=!1}),1e3),n.finish&&(r.muted?(r.muted=!1,n.muted=!0):(r.muted=!0,n.muted=!1))}}}};var qe={props:{props:{required:!0,type:Object,default:{click:!1,dblclick:!1,ctrl:!1,shift:!1,contextmenu:!1,drap:!1,checked:!1}},layout:{required:!0,type:String,default:"waterFall"},url:{required:!0,type:String,default:""},urlparam:{required:!0,type:Object,default:{}},showmessage:{required:!0,type:Object,default:{display:[],other:null}},nodekey:{required:!0,type:String,default:"rid"},perpage:{required:!0,type:Number,default:60},hassub:{required:!1,type:Number,default:0},scrollref:{required:!0,type:Object,default:null},parentbox:{required:!0,type:Object,default:null},screenshow:{required:!0,type:Boolean,default:!0},windowresize:{required:!0,type:Boolean,default:!0},isdata:{required:!1,type:Boolean,default:!1},data:{required:!1,type:Array,default:[]}},emits:["contextmenu","click","dblclick","returnparam"],setup(e,t){let a={text1:__lang.collect,text2:__lang.collect_to,text3:__lang.format,text4:__lang.add_time,text5:__lang.grade,text6:__lang.there_no_such_content,text7:__lang.loading,text8:__lang.file_collection_successful,text9:__lang.submit_error,text10:__lang.playback_failed},o=ref(null),n=ref(null),r=ref(!0),l=ref([]),s=ref(null),c=!1,d=!1,m="",p=reactive({imgArr:[],boxHeight:0,OtherHeight:0,StoreImgdatas:[],page:1,index:0,total:0,totalpage:0}),u=reactive({show:!1,name:"",visible:!1,rid:[],quick:!1}),h=JSON.parse(sessionStorage.getItem("collectkey"));h&&(u.name=h.name,u.quick=!0);let g=ref(null),f=ref([]);const y=ref(!0),k=ref(!1),v=ref(!0);function ImgeParamInit(t){p.imgArr=[],p.boxHeight=0,p.OtherHeight=0,p.StoreImgdatas=[],p.index=0,(e.showmessage.display.indexOf("name")>-1||e.showmessage.display.indexOf("extension")>-1)&&(p.OtherHeight+=44),e.showmessage.other&&(p.OtherHeight+=22),t&&(_.value=[])}function updateImageData(){if(y.value)return!1;r.value=!0,ImgeParamInit(),nextTick((()=>{n.value&&n.value.Init&&n.value.Init()}))}function restart(){r.value=!0,l.value=[],f.value=[],ImgeParamInit(!0),nextTick((()=>{GetData()}))}watch((()=>e.showmessage),(()=>{nextTick((()=>{updateImageData()}))}),{deep:!0}),watch((()=>e.layout),(t=>{e.scrollref&&e.scrollref.update(),nextTick((()=>{updateImageData()}))}),{deep:!0}),watch((()=>e.hassub),(e=>{r.value=!0,l.value=[],f.value=[],ImgeParamInit(!0),nextTick((()=>{GetData()}))}),{deep:!0});const x=function debounce(e,t=200){let a;return(...o)=>{a&&clearTimeout(a),a=setTimeout((()=>{e.apply(this,o)}),t)}}((e=>{updateImageData()}),500);function CtrlKeyUp(e){c=!1,window.removeEventListener("keyup",CtrlKeyUp)}function ShiftKeyUp(e){d=!1,window.removeEventListener("keyup",ShiftKeyUp)}onMounted((()=>{e.isdata&&restart(),e.windowresize&&window.addEventListener("resize",x),e.props.ctrl&&window.addEventListener("keydown",(function(e){let t=e||event||window.event||arguments.callee.caller.arguments[0];17==t.keyCode?(c=!0,window.addEventListener("keyup",CtrlKeyUp)):16==t.keyCode&&(d=!0,window.addEventListener("keyup",ShiftKeyUp))}))}));let w="";async function GetData(){if(e.isdata)return l.value=e.data,y.value=!1,k.value=!1,nextTick((()=>{n.value.Init(),ReturnParam()})),!1;r.value?(p.page=1,y.value=!0):k.value=!0;let t=e.urlparam;t.page=p.page,t.perpage=e.perpage,t.hassub=e.hassub;let a={btime:1,mtime:2,dateline:3,filesize:5,name:4,grade:6,duration:7,whsize:8};t.order&&a[t.order]&&(t.order=a[t.order]),w&&w();var o=axios.CancelToken;axios.post(e.url,t,{cancelToken:new o((function executor(e){w=e}))}).then((function(e){p.page+=1;var t=e.data.data;if(parseInt(t.param.page)>1)p.totalpage=Math.ceil(t.param.total/t.param.perpage);else{var a=Math.ceil(t.param.total/t.param.perpage);p.totalpage=a<1?1:a}r.value?l.value=t.data:l.value.push.apply(l.value,t.data),p.total=t.param.total,w="",y.value=!1,k.value=!1,nextTick((()=>{n.value.Init(),v.value=t.next,ReturnParam()}))})).catch((function(e){}))}let C=null;let _=ref([]);function ChangeKeyShiftstart(e){m=e}let b=ref(!1);function EmpytCheckedKeys(){_.value=[]}function ReturnParam(){let a={perpage:e.perpage,page:p.page,total:p.total,totalpage:p.totalpage,data:JSON.parse(JSON.stringify(l.value)),ismore:v.value,valloading:k.value};t.emit("returnparam",a)}let I=ref(!0);return function handleIsPc(){let e=window.innerWidth;I.value=e>768}(),window.addEventListener("focus",(function(){c=!1,d=!1})),{Lang:a,ispc:I,NewImageData:l,ImgeParam:p,IsRefresh:r,RefComponent:n,HandleElScrollbar:function HandleElScrollbar(t){if(!e.scrollref)return!1;let a=e.scrollref.wrapRef.clientHeight,n=e.scrollref.wrapRef.scrollTop;if(g.value.HandleElScrollbar(),e.parentbox?n-=e.parentbox.offsetTop:n-=o.value.offsetTop,!C){let t=[],o=p.StoreImgdatas.length;for(let r=0;r-1||o.ptop+l>n&&o.ptop-100{clearInterval(C),C=""}),30)}if("complete"==t)nextTick((()=>{let e=document.querySelector(".dzz-container").clientHeight,t=document.querySelector("#files_box"),a=0;t?(a=p.boxHeight+t.clientHeight,a{e.scrollref.update()}));else if(p.boxHeight-n-50t[e.nodekey]==n));if(m&&o>-1){let t=p.StoreImgdatas.findIndex((t=>t[e.nodekey]==m)),n=!1;o>t&&(n=!0);for(let r=0;r=o&&r<=t||r>=t&&r<=o)&&a.push(l)}}else for(let t=0;te.dpath==t));a&&e.scrollref&&e.scrollref.setScrollTop(a.ptop)},DeleteData:function DeleteData(t){if(!t.length)return!1;if(1==t.length){let a=l.value.findIndex((a=>a[e.nodekey]==t[0]));l.value.splice(a,1)}else l.value=l.value.filter((a=>t.indexOf(a[e.nodekey])<0));nextTick((()=>{updateImageData(),ReturnParam()}))},UpdateData:function UpdateData(t,a,o,n){let r=l.value.find((a=>a[e.nodekey]==t));r&&(r[a]=o);let s=f.value.find((a=>a[e.nodekey]==t));s&&(s[a]=o);let c=p.StoreImgdatas.find((a=>a[e.nodekey]==t));c&&(c[a]=o),n||ReturnParam()},EmpytCheckedKeys:EmpytCheckedKeys,AppendData:function AppendData(e,t){if(l.value.findIndex((t=>t.rid==e.rid))>-1)return!1;"unshift"==t?l.value.unshift(e):l.value.push(e),nextTick((()=>{updateImageData(),ReturnParam()}))},ImageLayoutBox:o,imagelayout:s,changeMouseDown:function changeMouseDown(e){b.value=e},ImageCollect:u,ImageQuickChangeCollect:function ImageQuickChangeCollect(e){u.visible=!0,u.rid=[e]},ImageCollectSuccess:function ImageCollectSuccess(e){u.quick=!0,u.visible=!1,u.rid=[],u.name=e.catname},ImageQuickAddCollect:async function ImageQuickAddCollect(e){var t=JSON.parse(sessionStorage.getItem("collectkey"));if(t){var o=t.key.split("-"),n={ids:e,clid:o[0].replace("p","")};o.length>1&&(n.cid=o.pop());var r=(await axios.post("index.php?mod=collection&op=collect&do=addfilecollect",n)).data;r.success?ElementPlus.ElMessage({type:"success",message:a.text8}):ElementPlus.ElMessage({type:"error",message:r.error||a.text9})}},ImageCollectClose:function ImageCollectClose(e){u.visible=!1},EmptyData:function EmptyData(){l.value=[],nextTick((()=>{updateImageData(),ReturnParam()}))},ImageDataChange:function ImageDataChange(){nextTick((()=>{n.value&&n.value.Init&&n.value.Init()}))}}},components:{waterFall:H,imageList:ae,rowGrid:ne,tabodd:ie,tabeven:se,details:de,LayoutSkeleton:xe,DragSelect:ee,playMusic:(0,L.default)(Pe,[["render",function PlayMusicvue_type_template_id_c4512100_render(t,a,o,n,r,l){const s=(0,e.resolveComponent)("VideoPause"),c=(0,e.resolveComponent)("el-icon"),d=(0,e.resolveComponent)("VideoPlay"),m=(0,e.resolveDirective)("loading");return(0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"movies-box",onMouseenter:a[1]||(a[1]=(...e)=>n.Mouseenter&&n.Mouseenter(...e)),onMouseleave:a[2]||(a[2]=(...e)=>n.Mouseleave&&n.Mouseleave(...e)),ref:"DomBox"},[(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)("div",we,[(0,e.createElementVNode)("div",{class:"circulars voice",onClick:a[0]||(a[0]=(0,e.withModifiers)(((...e)=>n.handlevoice&&n.handlevoice(...e)),["stop","prevent"]))},[n.MusicData.play?((0,e.openBlock)(),(0,e.createBlock)(c,{key:0},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s)])),_:1})):((0,e.openBlock)(),(0,e.createBlock)(c,{key:1},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d)])),_:1}))]),(0,e.createElementVNode)("div",Ce,(0,e.toDisplayString)(n.MusicData.time),1),(0,e.createCommentVNode)('
'),(0,e.createElementVNode)("div",_e,null,512)])),[[e.vShow,n.DomShow],[m,n.loading]])],544)}]]),playVideo:(0,L.default)(He,[["render",function palyVideovue_type_template_id_28a82fc4_render(t,a,o,n,r,l){const s=(0,e.resolveComponent)("Bell"),c=(0,e.resolveComponent)("el-icon"),d=(0,e.resolveComponent)("MuteNotification"),m=(0,e.resolveComponent)("el-progress"),p=(0,e.resolveDirective)("loading");return(0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"movies-box",onMouseenter:a[1]||(a[1]=(...e)=>n.Mouseenter&&n.Mouseenter(...e)),onMousemove:a[2]||(a[2]=(...e)=>n.Mousemove&&n.Mousemove(...e)),onMouseleave:a[3]||(a[3]=(...e)=>n.Mouseleave&&n.Mouseleave(...e)),ref:"DomBox"},[(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)("div",Te,[(0,e.createElementVNode)("div",{class:"circulars voice",onClick:a[0]||(a[0]=(0,e.withModifiers)(((...e)=>n.handlesound&&n.handlesound(...e)),["stop","prevent"]))},[n.VideoData.muted?((0,e.openBlock)(),(0,e.createBlock)(c,{key:0},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s)])),_:1})):((0,e.openBlock)(),(0,e.createBlock)(c,{key:1},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d)])),_:1}))]),(0,e.createVNode)(m,{percentage:n.VideoData.progress,"show-text":!1},null,8,["percentage"]),(0,e.createElementVNode)("div",Oe,(0,e.toDisplayString)(n.VideoData.time),1),(0,e.createElementVNode)("div",Le,[(0,e.createCommentVNode)(' ')],512)])),[[e.vShow,n.VideoData.show],[p,n.VideoData.loading]])],544)}]])}};var Fe=(0,L.default)(qe,[["render",function render(o,O,L,H,q,F){const W=(0,e.resolveComponent)("el-image"),z=(0,e.resolveComponent)("el-text"),A=(0,e.resolveComponent)("el-col"),R=(0,e.resolveComponent)("Star-Filled"),j=(0,e.resolveComponent)("el-icon"),J=(0,e.resolveComponent)("Star"),K=(0,e.resolveComponent)("el-button"),$=(0,e.resolveComponent)("el-tooltip"),U=(0,e.resolveComponent)("el-button-group"),G=(0,e.resolveComponent)("el-row"),Q=(0,e.resolveComponent)("playMusic"),X=(0,e.resolveComponent)("playVideo"),Y=(0,e.resolveComponent)("el-empty"),Z=(0,e.resolveComponent)("Loading"),ee=(0,e.resolveComponent)("DragSelect"),te=(0,e.resolveComponent)("DzzCollectdialog");return(0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("div",{class:"el-container is-vertical",style:{position:"relative"},ref:"ImageLayoutBox",onMousedown:O[2]||(O[2]=(...e)=>H.MouseDown&&H.MouseDown(...e))},[(0,e.createCommentVNode)(' \r\n \r\n \r\n ")],544),(0,e.createVNode)(te,{visible:H.ImageCollect.visible,rids:H.ImageCollect.rid,onSuccess:H.ImageCollectSuccess,onClose:H.ImageCollectClose},null,8,["visible","rids","onSuccess","onClose"])],64)}]]);const install=function(e){e.component("ImageLayout",Fe)}}(),o}()})); \ No newline at end of file +!function webpackUniversalModuleDefinition(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("vue")):"function"==typeof define&&define.amd?define([],t):"object"==typeof exports?exports.ImageLayout=t(require("vue")):e.ImageLayout=t(e.Vue)}(self,(function(e){return function(){"use strict";var t={475:function(e){e.exports=function(e){var t=[];return t.toString=function toString(){return this.map((function(t){var a="",o=void 0!==t[5];return t[4]&&(a+="@supports (".concat(t[4],") {")),t[2]&&(a+="@media ".concat(t[2]," {")),o&&(a+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),a+=e(t),o&&(a+="}"),t[2]&&(a+="}"),t[4]&&(a+="}"),a})).join("")},t.i=function i(e,a,o,n,r){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(o)for(var s=0;s0?" ".concat(m[5]):""," {").concat(m[1],"}")),m[5]=r),a&&(m[2]?(m[1]="@media ".concat(m[2]," {").concat(m[1],"}"),m[2]=a):m[2]=a),n&&(m[4]?(m[1]="@supports (".concat(m[4],") {").concat(m[1],"}"),m[4]=n):m[4]="".concat(n)),t.push(m))}},t}},410:function(e){e.exports=function(e){return e[1]}},215:function(e,t){Object.defineProperty(t,"__esModule",{value:!0}),t.default=(e,t)=>{const a=e.__vccOpts||e;for(const[e,o]of t)a[e]=o;return a}},764:function(e,t,a){a.r(t);var o=a(410),n=a.n(o),r=a(475),l=a.n(r)()(n());l.push([e.id,".box-selection[data-v-472cc699] {\n background: var(--el-text-color-disabled);\n opacity: 0.5;\n position: absolute;\n z-index: 500;\n}\n.box-selection-back[data-v-472cc699] {\n height: 100%;\n left: 0;\n position: absolute;\n top: 0;\n width: 100%;\n z-index: 4000;\n}\n",""]),t.default=l},526:function(e,t,a){a.r(t);var o=a(410),n=a.n(o),r=a(475),l=a.n(r)()(n());l.push([e.id,".imagtablelayout-skeleton[data-v-22d01756] {\n border-bottom: var(--el-border);\n border-top: 0;\n height: 55px;\n line-height: 55px;\n}\n.imagtablelayout-skeleton .li-item[data-v-22d01756] {\n -ms-flex-align: center;\n -ms-flex-pack: center;\n align-items: center;\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n justify-content: center;\n padding: 6px 4px;\n}\n.imagtablelayout-skeleton .li-item .image[data-v-22d01756] {\n -ms-flex-pack: center;\n -ms-flex-align: center;\n align-items: center;\n border-radius: var(--el-border-radius-base);\n display: -ms-flexbox;\n display: flex;\n height: 100%;\n justify-content: center;\n margin-right: 8px;\n width: 43px;\n}\n.imagtablelayout-skeleton .li-item[data-v-22d01756]:first-child {\n -ms-flex-pack: start;\n justify-content: flex-start;\n}\n",""]),t.default=l},379:function(e){var t=[];function getIndexByIdentifier(e){for(var a=-1,o=0;o0?" ".concat(a.layer):""," {")),o+=a.css,n&&(o+="}"),a.media&&(o+="}"),a.supports&&(o+="}");var r=a.sourceMap;r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleTagTransform(o,e,t.options)}(t,e,a)},remove:function remove(){!function removeStyleElement(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(t)}}}},589:function(e){e.exports=function styleTagTransform(e,t){if(t.styleSheet)t.styleSheet.cssText=e;else{for(;t.firstChild;)t.removeChild(t.firstChild);t.appendChild(document.createTextNode(e))}}},203:function(t){t.exports=e}},a={};function __webpack_require__(e){var o=a[e];if(void 0!==o)return o.exports;var n=a[e]={id:e,exports:{}};return t[e](n,n.exports,__webpack_require__),n.exports}__webpack_require__.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return __webpack_require__.d(t,{a:t}),t},__webpack_require__.d=function(e,t){for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},__webpack_require__.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},__webpack_require__.nc=void 0;var o={};return function(){__webpack_require__.r(o),__webpack_require__.d(o,{ImageLayout:function(){return Fe},install:function(){return install}});var e=__webpack_require__(203);const t={class:"imagelayout",ref:"imagelayout"},a=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),n={key:3,class:"el-rate el-rate--small"},r={class:"el-rate__item",style:{cursor:"default"}},l={class:"el-rate__item",style:{cursor:"default"}},s=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),c={key:3,class:"el-rate el-rate--small"},d={class:"el-rate__item",style:{cursor:"default"}},m={class:"el-rate__item",style:{cursor:"default"}},u=["onDblclick"],p=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),h={class:"li-item item-details"},g={class:"minute"},f={class:"el-rate el-rate--small"},y={class:"el-rate__item",style:{cursor:"default"}},k={class:"el-rate__item",style:{cursor:"default"}},v=["data-rid","onContextmenu","onClick","onDblclick"],x={key:0,class:"collect-box"},w={style:{width:"100%","padding-bottom":"100%",position:"relative"}},C=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),_={key:1,class:"message"},b={key:3,class:"el-rate el-rate--small"},I={class:"el-rate__item",style:{cursor:"default"}},B={class:"el-rate__item",style:{cursor:"default"}},S=["data-rid","onContextmenu","onClick","onDblclick"],N={key:0,class:"collect-box"},D=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),M=(0,e.createElementVNode)("div",null,null,-1),E={class:"message"},V={key:3,class:"el-rate el-rate--small"},P={class:"el-rate__item",style:{cursor:"default"}},T={class:"el-rate__item",style:{cursor:"default"}};var O={name:"waterfall",props:{ImageData:{required:!0,type:Array,default:[]},IsRefresh:{required:!0,type:Boolean,default:!0},ParentImgeParam:{required:!0,type:Object,default:{}},nodekey:{required:!0,type:String,default:"rid"},imagelayout:{required:!0,type:Object,default:null},Margin:{required:!1,type:Number,default:8}},emits:["HandleElScrollbar"],setup(e,t){let a={imgWidth:360,columns:0,Margin:e.Margin};function countWidth(e,t){let o=e/t;o>=250&&o<=360?(a.columns=t,a.imgWidth=o):o>360?countWidth(e,t+1):o<250&&countWidth(e,t-1)}return onMounted((()=>{})),{Init:function Init(){if(e.IsRefresh&&(a={imgWidth:360,columns:0,Margin:e.Margin}),!e.imagelayout)return!1;let o=e.imagelayout.clientWidth;o<768?(a.columns=2,a.imgWidth=o/a.columns):o>=768&&o<1170?(a.columns=3,a.imgWidth=o/a.columns):o>=1170&&o<1440?(a.columns=4,a.imgWidth=o/a.columns):countWidth(o,6);let n=Math.round(a.imgWidth),r=[],l=0;for(let t=e.ParentImgeParam.index;tr[l].pwidth&&r[l].height>r[l].pheight?r[l].large=1:r[l].large=0,te.ParentImgeParam.imgArr[a].pbottom&&(t=e.ParentImgeParam.imgArr[a].pbottom,o=a);r[l].ptop=JSON.parse(JSON.stringify(e.ParentImgeParam.imgArr[o].pbottom))+a.Margin,r[l].pleft=JSON.parse(JSON.stringify(e.ParentImgeParam.imgArr[o].pleft)),r[l].pbottom=r[l].ptop+r[l].pheight+a.Margin+e.ParentImgeParam.OtherHeight;let n=JSON.parse(JSON.stringify(r[l]));e.ParentImgeParam.imgArr[o]=n}l++}e.IsRefresh?e.ParentImgeParam.StoreImgdatas=r:e.ParentImgeParam.StoreImgdatas.push.apply(e.ParentImgeParam.StoreImgdatas,r),e.ParentImgeParam.index=e.ImageData.length;let c=0;if(e.ParentImgeParam.imgArr.length)for(let t=0;t{const n=e.getClientRects()[0];var r=e.dataset.rid,l=o.rids.indexOf(r);!function collide(e,t){const a=Math.max(e.x+e.width,t.x+t.width),o=Math.max(e.y+e.height,t.y+t.height),n=Math.min(e.x,t.x),r=Math.min(e.y,t.y);return a-n<=e.width+t.width&&o-r<=e.height+t.height}(n,a)?l>-1&&o.rids.splice(l,1):l<0&&o.rids.push(r)})),t.emit("checkedKeys",{type:"move",ids:JSON.parse(JSON.stringify(o.rids))})}()})))}function MouseUp(){t.emit("changeMouseDown",!1),document.body.removeEventListener("mousemove",MouseMove),document.body.removeEventListener("mouseup",MouseUp),o.status&&t.emit("checkedKeys",{type:"up",ids:JSON.parse(JSON.stringify(o.rids))}),function resSetXY(){o.start_x=0,o.start_y=0,o.end_x=0,o.end_y=0,o.rids=[],r.show=!1,r.width="0px",r.height="0px",r.top="0px",r.left="0px",a=0,o.status=!1}()}return{Init:function Init(t){l=[t.clientX,t.clientY],o.status=!1;const a=e.imagelayout;o.box_screen_left=a.getBoundingClientRect().left,o.box_screen_top=a.getBoundingClientRect().top,o.start_x=t.clientX,o.start_y=t.clientY,o.end_x=t.clientX,o.end_y=t.clientY,document.body.addEventListener("mousemove",MouseMove),document.body.addEventListener("mouseup",MouseUp)},Dom:n,boxStyle:r,HandleElScrollbar:function HandleElScrollbar(){}}}},W=__webpack_require__(379),z=__webpack_require__.n(W),A=__webpack_require__(795),R=__webpack_require__.n(A),j=__webpack_require__(569),J=__webpack_require__.n(j),K=__webpack_require__(565),$=__webpack_require__.n(K),U=__webpack_require__(216),G=__webpack_require__.n(U),Q=__webpack_require__(589),X=__webpack_require__.n(Q),Y=__webpack_require__(764),Z={};Z.styleTagTransform=X(),Z.setAttributes=$(),Z.insert=J().bind(null,"head"),Z.domAPI=R(),Z.insertStyleElement=G();z()(Y.default,Z),Y.default&&Y.default.locals&&Y.default.locals;var ee=(0,L.default)(F,[["render",function DragSelectvue_type_template_id_472cc699_scoped_true_render(t,a,o,n,r,l){return(0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.withDirectives)((0,e.createElementVNode)("div",{class:"box-selection",style:(0,e.normalizeStyle)("width:"+n.boxStyle.width+";left:"+n.boxStyle.left+";height:"+n.boxStyle.height+";top:"+n.boxStyle.top)},null,4),[[e.vShow,n.boxStyle.show]]),n.boxStyle.show?((0,e.openBlock)(),(0,e.createElementBlock)("div",q,null,512)):(0,e.createCommentVNode)("v-if",!0)],64)}],["__scopeId","data-v-472cc699"]]);var te={name:"list",props:{ImageData:{required:!0,type:Array,default:[]},imagelayout:{required:!0,type:Object,default:null},IsRefresh:{required:!0,type:Boolean,default:!0},ParentImgeParam:{required:!0,type:Object,default:{}},ispc:{required:!0,type:Boolean,default:!1},Margin:{required:!1,type:Number,default:15}},emits:["HandleElScrollbar"],setup(e,t){let a={imgWidth:0,imgHeight:0,left:0,top:0,columns:0,fcolumns:0,Margin:e.Margin,boxHeight:0};function countWidth(e,t){let o=e/t;o>=250&&o<=360?(a.columns=t,a.imgWidth=o):o>360?countWidth(e,t+1):o<250&&countWidth(e,t-1)}return onMounted((()=>{})),{Init:function Init(){e.IsRefresh&&(a={imgWidth:0,imgHeight:0,left:0,top:0,columns:0,fcolumns:0,Margin:e.Margin,boxHeight:0});let o=e.imagelayout.clientWidth;o<768?(a.columns=2,a.imgWidth=o/a.columns):o>=768&&o<1170?(a.columns=3,a.imgWidth=o/a.columns):o>=1170&&o<1440?(a.columns=4,a.imgWidth=o/a.columns):countWidth(o,6),a.imgWidth,a.columns,a.fcolumns=1,a.imgWidth=(o-(a.columns-1)*a.Margin)/a.columns,e.ispc,a.imgHeight=a.imgWidth;let n=[],r=0;for(let t=e.ParentImgeParam.index;ta.imgWidth||o.height>a.imgHeight?o.large=1:o.large=0,n[r].pwidth=a.imgWidth,n[r].pheight=a.imgHeight,n[r].ptop=a.top,n[r].pleft=a.left,e.ispc,n[r].pbottom=a.top+a.imgHeight+e.ParentImgeParam.OtherHeight;var l=0,s=0;parseInt(n[r].hasthumb)?(l=parseInt(n[r].thumbwidth),s=parseInt(n[r].thumbheight)):(l=parseInt(n[r].width),s=parseInt(n[r].height));let d=a.imgWidth;if(e.ispc||(d=a.imgWidth),d1?(n[r].ffwidth=n[r].pwidth,n[r].ffheight=n[r].pwidth/c):(n[r].ffheight=n[r].pheight,n[r].ffwidth=n[r].pheight*c)}else n[r].ffwidth=n[r].pwidth,n[r].ffheight=n[r].pwidth;a.left+=a.imgWidth+a.Margin,a.fcolumns++,a.fcolumns>a.columns&&(a.left=0,e.ispc,a.top+=a.imgHeight+e.ParentImgeParam.OtherHeight+a.Margin,a.fcolumns=1,a.boxHeight=a.top),r++}e.IsRefresh?e.ParentImgeParam.StoreImgdatas=n:e.ParentImgeParam.StoreImgdatas.push.apply(e.ParentImgeParam.StoreImgdatas,n),e.ParentImgeParam.index=e.ImageData.length,a.fcolumns>1&&a.fcolumns{})),{Init:function Init(){e.IsRefresh&&(a={imgWidth:0,left:0,top:0,Margin:e.Margin,minMargin:e.Margin,rowWidth:0,SurplusImgdatas:[]});let o=e.ParentImgeParam;var n={};if(o.imgArr.length){for(var r in o.imgArr)n[o.imgArr[r][e.nodekey]]=JSON.parse(JSON.stringify(o.imgArr[r]));a.rowWidth=0,o.imgArr=[],a.left=0}for(let t=e.ParentImgeParam.index;t360?d*(c=360):d*c,d>=1&&c<120?s=(c=120)*d:d<1&&s<120&&(c=(s=120)/d),c>360&&(s=d*(c=360)),n[x].pwidth=s,n[x].pheight=c}var m=e.imagelayout.clientWidth,u=0;for(var p in n){var h=n[p];a.rowWidth+=h.pwidth,o.imgArr.push(h);var g=a.rowWidth+a.Margin*(o.imgArr.length-1),f=g-m;if(g>m){let t=o.imgArr.length;(a.Margin-a.minMargin)*(t-1)=.5?(y-=_%1,_=Math.floor(_)):(y+=1-_%1,_=Math.ceil(_)),b>k&&(k=b),n[x].pwidth=_,n[x].pheight=k,n[x].ptop=a.top,n[x].pbottom=a.top+k+o.OtherHeight,n[x].pleft=v>0?a.left:0,a.left+=_+a.Margin}for(var I in o.imgArr){var B=o.imgArr[I][[e.nodekey]],S=n[B].pheight;St&&(t=c),n[l].pleft=r>0?a.left:0,a.left+=s+a.Margin}for(let r in o.imgArr){let l=o.imgArr[r][[e.nodekey]];a.SurplusImgdatas.push(l);let s=n[l].pheight;sn[D].pwidth||n[D].height>n[D].pheight?n[D].large=1:n[D].large=0,N.push(n[D]);if(e.IsRefresh)o.StoreImgdatas=N;else{let t=JSON.parse(JSON.stringify(o.StoreImgdatas));if(a.SurplusImgdatas.length){o.StoreImgdatas=o.StoreImgdatas.filter((function(t){return a.SurplusImgdatas.indexOf(t[e.nodekey])<0}));for(let o in t){let n=a.SurplusImgdatas.indexOf(t[o][e.nodekey]);n>-1&&a.SurplusImgdatas.splice(n,1)}}o.StoreImgdatas.push.apply(o.StoreImgdatas,N)}o.boxHeight=a.top+u,e.ParentImgeParam.index=e.ImageData.length,nextTick((()=>{t.emit("HandleElScrollbar","complete")}))}}}};var ne=(0,L.default)(oe,[["render",function RowGridvue_type_template_id_0e570217_render(t,a,o,n,r,l){return(0,e.renderSlot)(t.$slots,"default")}]]);var re={name:"tabodd",props:{ImageData:{required:!0,type:Array,default:[]},IsRefresh:{required:!0,type:Boolean,default:!0},ParentImgeParam:{required:!0,type:Object,default:{}}},emits:["HandleElScrollbar"],setup(e,t){let a={top:0,fixedH:55};return onMounted((()=>{})),{Init:function Init(){e.IsRefresh&&(a={top:0,fixedH:80});var o=[],n=0;for(let t=e.ParentImgeParam.index;t{})),{Init:function Init(){e.IsRefresh&&(a={top:0,fixedH:80});var o=[];let n=1;var r=0;let l=e.imagelayout.clientWidth/2;for(let t=e.ParentImgeParam.index;t{})),{Init:function Init(){e.IsRefresh&&(a={top:0,fixedH:123});var o=[],n=0;for(let t=e.ParentImgeParam.index;t=180&&o<=240?(t.columns=a,t.width=o-8):o>240?countWidth(a+1):o<180&&countWidth(a-1)}return watch((()=>e.layout),(a=>{if("waterFall"==a){if(!e.imagelayout)return!1;var o=e.imagelayout.clientWidth;o<768?(t.columns=2,t.width=o/t.columns-8):o>=768&&o<992?(t.columns=4,t.width=o/t.columns-8):o>=992&&o<1170?(t.columns=5,t.width=o/t.columns-8):countWidth(6)}}),{deep:!0,immediate:!0}),{dataRowGrid:[[5,4,7,2,6],[3,6,5,2,3,5],[4,6,9,5]],dataWaterFall:t}}},ke=__webpack_require__(526),ve={};ve.styleTagTransform=X(),ve.setAttributes=$(),ve.insert=J().bind(null,"head"),ve.domAPI=R(),ve.insertStyleElement=G();z()(ke.default,ve),ke.default&&ke.default.locals&&ke.default.locals;var xe=(0,L.default)(ye,[["render",function skeletonvue_type_template_id_22d01756_scoped_true_render(t,a,o,n,r,l){const s=(0,e.resolveComponent)("el-skeleton-item"),c=(0,e.resolveComponent)("el-col"),d=(0,e.resolveComponent)("el-row");return"rowGrid"==o.layout?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(n.dataRowGrid,(t=>((0,e.openBlock)(),(0,e.createBlock)(d,{gutter:0,style:{"margin-bottom":"16px"}},{default:(0,e.withCtx)((()=>[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(t,(t=>((0,e.openBlock)(),(0,e.createBlock)(c,{xs:t,sm:t,md:t},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("div",me,[(0,e.createVNode)(s,{variant:"image",style:{width:"100%",height:"160px","border-radius":"4px"}}),(0,e.createElementVNode)("div",ue,[o.ShowMessage.display.length?((0,e.openBlock)(),(0,e.createBlock)(s,{key:0,variant:"p",style:{width:"100%",height:"18px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0),o.ShowMessage.other?((0,e.openBlock)(),(0,e.createBlock)(s,{key:1,variant:"p",style:{width:"100%",height:"12px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0)])])])),_:2},1032,["xs","sm","md"])))),256))])),_:2},1024)))),256)):"imageList"==o.layout?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(3,(t=>(0,e.createVNode)(d,{gutter:0,style:{"margin-bottom":"16px"}},{default:(0,e.withCtx)((()=>[((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(6,(t=>(0,e.createVNode)(c,{xs:4,sm:4,md:4},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("div",pe,[(0,e.createVNode)(s,{variant:"image",style:{width:"100%",height:"160px","border-radius":"4px"}}),(0,e.createElementVNode)("div",he,[o.ShowMessage.display.length?((0,e.openBlock)(),(0,e.createBlock)(s,{key:0,variant:"p",style:{width:"100%",height:"18px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0),o.ShowMessage.other?((0,e.openBlock)(),(0,e.createBlock)(s,{key:1,variant:"p",style:{width:"100%",height:"12px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0)])])])),_:1}))),64))])),_:1}))),64)):"table"==o.layout?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},(0,e.renderList)(9,(t=>(0,e.createVNode)(d,{class:"imagtablelayout-skeleton",justify:"center"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(c,{class:"li-item",span:12},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{style:{width:"43px"},class:"image",variant:"image"}),(0,e.createVNode)(s,{class:"name",variant:"p",style:{width:"50%",height:"24px"}})])),_:1}),(0,e.createVNode)(c,{class:"li-item",span:3},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{variant:"p",style:{width:"50%",height:"24px"}})])),_:1}),(0,e.createVNode)(c,{class:"li-item",span:3},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{variant:"p",style:{width:"50%",height:"24px"}})])),_:1}),(0,e.createVNode)(c,{class:"li-item",span:3},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{variant:"p",style:{width:"50%",height:"24px"}})])),_:1}),(0,e.createVNode)(c,{class:"li-item",span:3},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s,{variant:"p",style:{width:"50%",height:"24px"}})])),_:1})])),_:1}))),64)):"waterFall"==o.layout?((0,e.openBlock)(),(0,e.createElementBlock)("div",ge,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(n.dataWaterFall.columns,(t=>((0,e.openBlock)(),(0,e.createElementBlock)("div",null,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(Math.ceil(2*Math.random()+1),(t=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{style:(0,e.normalizeStyle)([{width:n.dataWaterFall.width+"px",height:Math.floor(101*Math.random()+100)+"px"},{padding:"0 4px","margin-bottom":"12px",display:"flex","flex-flow":"column"}])},[(0,e.createVNode)(s,{style:{width:"100%",height:"100%","border-radius":"4px"},class:"image",variant:"image"}),(0,e.createElementVNode)("div",fe,[o.ShowMessage.display.length?((0,e.openBlock)(),(0,e.createBlock)(s,{key:0,variant:"p",style:{width:"100%",height:"18px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0),o.ShowMessage.other?((0,e.openBlock)(),(0,e.createBlock)(s,{key:1,variant:"p",style:{width:"100%",height:"12px","margin-top":"6px"}})):(0,e.createCommentVNode)("v-if",!0)])],4)))),256))])))),256))])):(0,e.createCommentVNode)("v-if",!0)}],["__scopeId","data-v-22d01756"]]);const we={class:"movies-item","element-loading-background":"var(--el-bg-color)"},Ce={class:"time"},_e={class:"music-box",ref:"DomMusicBox"};var __awaiter=function(e,t,a,o){return new(a||(a=Promise))((function(n,r){function fulfilled(e){try{step(o.next(e))}catch(e){r(e)}}function rejected(e){try{step(o.throw(e))}catch(e){r(e)}}function step(e){e.done?n(e.value):function adopt(e){return e instanceof a?e:new a((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((o=o.apply(e,t||[])).next())}))};const be={decode:function decode(e,t){return __awaiter(this,void 0,void 0,(function*(){const a=new AudioContext({sampleRate:t}),o=a.decodeAudioData(e);return o.finally((()=>a.close())),o}))},createBuffer:function createBuffer(e,t){return"number"==typeof e[0]&&(e=[e]),function normalize(e){const t=e[0];if(t.some((e=>e>1||e<-1))){const a=t.length;let o=0;for(let e=0;eo&&(o=a)}for(const t of e)for(let e=0;enull==e?void 0:e[t],copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};var Ie=be,fetcher_awaiter=function(e,t,a,o){return new(a||(a=Promise))((function(n,r){function fulfilled(e){try{step(o.next(e))}catch(e){r(e)}}function rejected(e){try{step(o.throw(e))}catch(e){r(e)}}function step(e){e.done?n(e.value):function adopt(e){return e instanceof a?e:new a((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((o=o.apply(e,t||[])).next())}))};var Be={fetchBlob:function fetchBlob(e,t){return fetcher_awaiter(this,void 0,void 0,(function*(){return fetch(e,t).then((e=>e.blob()))}))}};var Se=class EventEmitter{constructor(){this.listeners={}}on(e,t){return this.listeners[e]||(this.listeners[e]=new Set),this.listeners[e].add(t),()=>this.un(e,t)}once(e,t){const a=this.on(e,t),o=this.on(e,(()=>{a(),o()}));return a}un(e,t){this.listeners[e]&&(t?this.listeners[e].delete(t):delete this.listeners[e])}unAll(){this.listeners={}}emit(e,...t){this.listeners[e]&&this.listeners[e].forEach((e=>e(...t)))}};var Ne=class Player extends Se{constructor(e){super(),e.media?this.media=e.media:this.media=document.createElement("audio"),e.autoplay&&(this.media.autoplay=!0),null!=e.playbackRate&&(this.media.playbackRate=e.playbackRate)}onMediaEvent(e,t,a){return this.media.addEventListener(e,t,a),()=>this.media.removeEventListener(e,t)}onceMediaEvent(e,t){return this.onMediaEvent(e,t,{once:!0})}getSrc(){return this.media.currentSrc||this.media.src||""}revokeSrc(){const e=this.getSrc();e.startsWith("blob:")&&URL.revokeObjectURL(e)}setSrc(e,t){if(this.getSrc()===e)return;this.revokeSrc();const a=t instanceof Blob?URL.createObjectURL(t):e;this.media.src=a,this.media.load()}destroy(){this.media.pause(),this.revokeSrc(),this.media.src="",this.media.load()}play(){return this.media.play()}pause(){this.media.pause()}isPlaying(){return this.media.currentTime>0&&!this.media.paused&&!this.media.ended}setTime(e){this.media.currentTime=e}getDuration(){return this.media.duration}getCurrentTime(){return this.media.currentTime}getVolume(){return this.media.volume}setVolume(e){this.media.volume=e}getMuted(){return this.media.muted}setMuted(e){this.media.muted=e}getPlaybackRate(){return this.media.playbackRate}setPlaybackRate(e,t){null!=t&&(this.media.preservesPitch=t),this.media.playbackRate=e}getMediaElement(){return this.media}setSinkId(e){return this.media.setSinkId(e)}};class Renderer extends Se{constructor(e){let t;if(super(),this.timeouts=[],this.isScrolling=!1,this.audioData=null,this.resizeObserver=null,this.isDragging=!1,this.options=e,"string"==typeof e.container?t=document.querySelector(e.container):e.container instanceof HTMLElement&&(t=e.container),!t)throw new Error("Container not found");this.parent=t;const[a,o]=this.initHtml();t.appendChild(a),this.container=a,this.scrollContainer=o.querySelector(".scroll"),this.wrapper=o.querySelector(".wrapper"),this.canvasWrapper=o.querySelector(".canvases"),this.progressWrapper=o.querySelector(".progress"),this.cursor=o.querySelector(".cursor"),this.initEvents()}initEvents(){this.wrapper.addEventListener("click",(e=>{const t=this.wrapper.getBoundingClientRect(),a=(e.clientX-t.left)/t.width;this.emit("click",a)})),this.initDrag(),this.scrollContainer.addEventListener("scroll",(()=>{const{scrollLeft:e,scrollWidth:t,clientWidth:a}=this.scrollContainer,o=e/t,n=(e+a)/t;this.emit("scroll",o,n)}));const e=this.createDelay(100);this.resizeObserver=new ResizeObserver((()=>{e((()=>this.reRender()))})),this.resizeObserver.observe(this.scrollContainer)}initDrag(){!function makeDraggable(e,t,a,o,n=5){let unsub=()=>{};if(!e)return unsub;const down=r=>{r.preventDefault(),r.stopPropagation();let l=r.clientX,s=r.clientY,c=!1;const move=o=>{o.preventDefault(),o.stopPropagation();const r=o.clientX,d=o.clientY;if(c||Math.abs(r-l)>=n||Math.abs(d-s)>=n){const{left:o,top:n}=e.getBoundingClientRect();c||(c=!0,null==a||a(l-o,s-n)),t(r-l,d-s,r-o,d-n),l=r,s=d}},click=e=>{c&&(e.preventDefault(),e.stopPropagation())},up=()=>{c&&(null==o||o()),unsub()},touchMove=e=>e.preventDefault(),d={passive:!1};document.addEventListener("touchmove",touchMove,d),document.addEventListener("pointermove",move),document.addEventListener("pointerup",up),document.addEventListener("pointerleave",up),document.addEventListener("click",click,!0),unsub=()=>{document.removeEventListener("touchmove",touchMove,d),document.removeEventListener("pointermove",move),document.removeEventListener("pointerup",up),document.removeEventListener("pointerleave",up),setTimeout((()=>{document.removeEventListener("click",click,!0)}),10)}};return e.addEventListener("pointerdown",down),()=>{unsub(),e.removeEventListener("pointerdown",down)}}(this.wrapper,((e,t,a)=>{this.emit("drag",Math.max(0,Math.min(1,a/this.wrapper.clientWidth)))}),(()=>this.isDragging=!0),(()=>this.isDragging=!1))}getHeight(){return null==this.options.height?128:isNaN(Number(this.options.height))?"auto"===this.options.height&&this.parent.clientHeight||128:Number(this.options.height)}initHtml(){const e=document.createElement("div"),t=e.attachShadow({mode:"open"});return t.innerHTML=`\n \n\n
\n
\n
\n
\n
\n
\n
\n `,[e,t]}setOptions(e){this.options=e,this.reRender()}getWrapper(){return this.wrapper}getScroll(){return this.scrollContainer.scrollLeft}destroy(){var e;this.container.remove(),null===(e=this.resizeObserver)||void 0===e||e.disconnect()}createDelay(e=10){const t={};return this.timeouts.push(t),a=>{t.timeout&&clearTimeout(t.timeout),t.timeout=setTimeout(a,e)}}convertColorValues(e){if(!Array.isArray(e))return e||"";if(e.length<2)return e[0]||"";const t=document.createElement("canvas"),a=t.getContext("2d").createLinearGradient(0,0,0,t.height),o=1/(e.length-1);return e.forEach(((e,t)=>{const n=t*o;a.addColorStop(n,e)})),a}renderBars(e,t,a){if(a.fillStyle=this.convertColorValues(t.waveColor),t.renderFunction)return void t.renderFunction(e,a);const o=e[0],n=e[1]||e[0],r=o.length,l=window.devicePixelRatio||1,{width:s,height:c}=a.canvas,d=c/2,m=t.barHeight||1,u=t.barWidth?t.barWidth*l:1,p=t.barGap?t.barGap*l:t.barWidth?u/2:0,h=t.barRadius||0,g=s/(u+p)/r;let f=1;if(t.normalize){f=0;for(let e=0;ef&&(f=t)}}const y=d/f*m;a.beginPath();let k=0,v=0,x=0;for(let e=0;e<=r;e++){const r=Math.round(e*g);if(r>k){const e=Math.round(v*y),o=e+Math.round(x*y)||1;let n=d-e;"top"===t.barAlign?n=0:"bottom"===t.barAlign&&(n=c-o),a.roundRect(k*(u+p),n,u,o,h),k=r,v=0,x=0}const l=Math.abs(o[e]||0),s=Math.abs(n[e]||0);l>v&&(v=l),s>x&&(x=s)}a.fill(),a.closePath()}renderSingleCanvas(e,t,a,o,n,r,l,s){const c=window.devicePixelRatio||1,d=document.createElement("canvas"),m=e[0].length;d.width=Math.round(a*(r-n)/m),d.height=o*c,d.style.width=`${Math.floor(d.width/c)}px`,d.style.height=`${o}px`,d.style.left=`${Math.floor(n*a/c/m)}px`,l.appendChild(d);const u=d.getContext("2d");this.renderBars(e.map((e=>e.slice(n,r))),t,u);const p=d.cloneNode();s.appendChild(p);const h=p.getContext("2d");d.width>0&&d.height>0&&h.drawImage(d,0,0),h.globalCompositeOperation="source-in",h.fillStyle=this.convertColorValues(t.progressColor),h.fillRect(0,0,d.width,d.height)}renderWaveform(e,t,a){const o=document.createElement("div"),n=this.getHeight();o.style.height=`${n}px`,this.canvasWrapper.style.minHeight=`${n}px`,this.canvasWrapper.appendChild(o);const r=o.cloneNode();this.progressWrapper.appendChild(r);const{scrollLeft:l,scrollWidth:s,clientWidth:c}=this.scrollContainer,d=e[0].length,m=d/s;let u=Math.min(Renderer.MAX_CANVAS_WIDTH,c);if(t.barWidth||t.barGap){const e=t.barWidth||.5,a=e+(t.barGap||e/2);u%a!=0&&(u=Math.floor(u/a)*a)}const p=Math.floor(Math.abs(l)*m),h=Math.floor(p+u*m),g=h-p,draw=(l,s)=>{this.renderSingleCanvas(e,t,a,n,Math.max(0,l),Math.min(s,d),o,r)},f=this.createDelay(),y=this.createDelay(),renderHead=(e,t)=>{draw(e,t),e>0&&f((()=>{renderHead(e-g,t-g)}))},renderTail=(e,t)=>{draw(e,t),t{renderTail(e+g,t+g)}))};renderHead(p,h),he.timeout&&clearTimeout(e.timeout))),this.timeouts=[],this.canvasWrapper.innerHTML="",this.progressWrapper.innerHTML="",this.wrapper.style.width="";const t=window.devicePixelRatio||1,a=this.scrollContainer.clientWidth,o=Math.ceil(e.duration*(this.options.minPxPerSec||0));this.isScrolling=o>a;const n=this.options.fillParent&&!this.isScrolling,r=(n?a:o)*t;if(this.wrapper.style.width=n?"100%":`${o}px`,this.scrollContainer.style.overflowX=this.isScrolling?"auto":"hidden",this.scrollContainer.classList.toggle("noScrollbar",!!this.options.hideScrollbar),this.cursor.style.backgroundColor=`${this.options.cursorColor||this.options.progressColor}`,this.cursor.style.width=`${this.options.cursorWidth}px`,this.options.splitChannels)for(let t=0;t1&&t.push(e.getChannelData(1)),this.renderWaveform(t,this.options,r)}this.audioData=e,this.emit("render")}reRender(){if(!this.audioData)return;const e=this.progressWrapper.clientWidth;this.render(this.audioData);const t=this.progressWrapper.clientWidth;this.scrollContainer.scrollLeft+=t-e}zoom(e){this.options.minPxPerSec=e,this.reRender()}scrollIntoView(e,t=!1){const{clientWidth:a,scrollLeft:o,scrollWidth:n}=this.scrollContainer,r=n*e,l=a/2;if(r>o+(t&&this.options.autoCenter&&!this.isDragging?l:a)||r=e&&r{}}start(){this.unsubscribe=this.on("tick",(()=>{requestAnimationFrame((()=>{this.emit("tick")}))})),this.emit("tick")}stop(){this.unsubscribe()}destroy(){this.unsubscribe()}},wavesurfer_awaiter=function(e,t,a,o){return new(a||(a=Promise))((function(n,r){function fulfilled(e){try{step(o.next(e))}catch(e){r(e)}}function rejected(e){try{step(o.throw(e))}catch(e){r(e)}}function step(e){e.done?n(e.value):function adopt(e){return e instanceof a?e:new a((function(t){t(e)}))}(e.value).then(fulfilled,rejected)}step((o=o.apply(e,t||[])).next())}))};const Ee={waveColor:"#999",progressColor:"#555",cursorWidth:1,minPxPerSec:0,fillParent:!0,interact:!0,autoScroll:!0,autoCenter:!0,sampleRate:8e3};class WaveSurfer extends Ne{static create(e){return new WaveSurfer(e)}constructor(e){var t,a;super({media:e.media,autoplay:e.autoplay,playbackRate:e.audioRate}),this.plugins=[],this.decodedData=null,this.duration=null,this.subscriptions=[],this.options=Object.assign({},Ee,e),this.timer=new Me,this.renderer=new De(this.options),this.initPlayerEvents(),this.initRendererEvents(),this.initTimerEvents(),this.initPlugins();const o=this.options.url||(null===(t=this.options.media)||void 0===t?void 0:t.currentSrc)||(null===(a=this.options.media)||void 0===a?void 0:a.src);o&&this.load(o,this.options.peaks,this.options.duration)}setOptions(e){this.options=Object.assign({},this.options,e),this.renderer.setOptions(this.options),e.audioRate&&this.setPlaybackRate(e.audioRate)}initTimerEvents(){this.subscriptions.push(this.timer.on("tick",(()=>{const e=this.getCurrentTime();this.renderer.renderProgress(e/this.getDuration(),!0),this.emit("timeupdate",e),this.emit("audioprocess",e)})))}initPlayerEvents(){this.subscriptions.push(this.onMediaEvent("timeupdate",(()=>{const e=this.getCurrentTime();this.renderer.renderProgress(e/this.getDuration(),this.isPlaying()),this.emit("timeupdate",e)})),this.onMediaEvent("play",(()=>{this.emit("play"),this.timer.start()})),this.onMediaEvent("pause",(()=>{this.emit("pause"),this.timer.stop()})),this.onMediaEvent("ended",(()=>{this.emit("finish")})),this.onMediaEvent("seeking",(()=>{this.emit("seeking",this.getCurrentTime())})))}initRendererEvents(){this.subscriptions.push(this.renderer.on("click",(e=>{this.options.interact&&(this.seekTo(e),this.emit("interaction",this.getCurrentTime()),this.emit("click",e))})),this.renderer.on("scroll",((e,t)=>{const a=this.getDuration();this.emit("scroll",e*a,t*a)})),this.renderer.on("render",(()=>{this.emit("redraw")})));{let e;this.subscriptions.push(this.renderer.on("drag",(t=>{this.options.interact&&(this.renderer.renderProgress(t),clearTimeout(e),e=setTimeout((()=>{this.seekTo(t)}),this.isPlaying()?0:200),this.emit("interaction",t*this.getDuration()),this.emit("drag",t))})))}}initPlugins(){var e;(null===(e=this.options.plugins)||void 0===e?void 0:e.length)&&this.options.plugins.forEach((e=>{this.registerPlugin(e)}))}registerPlugin(e){return e.init(this),this.plugins.push(e),this.subscriptions.push(e.once("destroy",(()=>{this.plugins=this.plugins.filter((t=>t!==e))}))),e}getWrapper(){return this.renderer.getWrapper()}getScroll(){return this.renderer.getScroll()}getActivePlugins(){return this.plugins}load(e,t,a){return wavesurfer_awaiter(this,void 0,void 0,(function*(){this.isPlaying()&&this.pause(),this.decodedData=null,this.duration=null,this.emit("load",e);const o=t?void 0:yield Be.fetchBlob(e,this.options.fetchParams);if(this.setSrc(e,o),this.duration=a||this.getDuration()||(yield new Promise((e=>{this.onceMediaEvent("loadedmetadata",(()=>e(this.getDuration())))})))||0,t)this.decodedData=Ie.createBuffer(t,this.duration);else if(o){const e=yield o.arrayBuffer();this.decodedData=yield Ie.decode(e,this.options.sampleRate),0!==this.duration&&this.duration!==1/0||(this.duration=this.decodedData.duration)}this.emit("decode",this.duration),this.decodedData&&this.renderer.render(this.decodedData),this.emit("ready",this.duration)}))}zoom(e){if(!this.decodedData)throw new Error("No audio loaded");this.renderer.zoom(e),this.emit("zoom",e)}getDecodedData(){return this.decodedData}getDuration(){return null!==this.duration?this.duration:super.getDuration()}toggleInteraction(e){this.options.interact=e}seekTo(e){const t=this.getDuration()*e;this.setTime(t)}playPause(){return wavesurfer_awaiter(this,void 0,void 0,(function*(){return this.isPlaying()?this.pause():this.play()}))}stop(){this.pause(),this.setTime(0)}skip(e){this.setTime(this.getCurrentTime()+e)}empty(){this.load("",[[0]],.001)}destroy(){this.emit("destroy"),this.plugins.forEach((e=>e.destroy())),this.subscriptions.forEach((e=>e())),this.timer.destroy(),this.renderer.destroy(),super.destroy()}}var Ve=WaveSurfer,Pe={name:"playmusic",props:{ImageData:{required:!0,type:Array,default:[]}},emits:["HandleElScrollbar"],setup(e,t){let a=ref(!1),o=ref(!1),n=ref(null),r=ref(null),l=reactive({time:0,play:!1,height:0,lineX:0,finish:!1}),s=null;let c=!1;let d=ref(!1),m=!1;function Mouseenter(t){if(!e.ImageData.mediaplayerpath||c)return!1;if(m=!0,setTimeout((()=>{m&&(d.value=!0)}),1e3),!d.value)return!1;if(o.value=!0,l.finish||a.value){if(l.finish&&o.value){let e=n.value.closest(".image-single").querySelector(".el-image__inner").clientHeight;r.value.style.height=e+"px",s.options.height=e,s.play(0)}}else!function create(){a.value=!0;let t=n.value.closest(".image-single").querySelector(".el-image__inner").clientHeight;r.value.style.height=t+"px",s=Ve.create({container:r.value,waveColor:"#888888",progressColor:"purple",hideScrollbar:!0,height:t,autoplay:!0,url:e.ImageData.mediaplayerpath,autoCenter:!0}),s.on("ready",(function(){a.value=!1,l.finish=!0;let e=parseInt(s.getCurrentTime()),t=parseInt(s.getDuration());if(l.time=ImageAudioPlaySecondToDate(e,t),!o.value)return s.playPause(),!1;l.finish&&!l.play&&o.value&&s.play()})),s.on("audioprocess",(function(){var e=parseInt(s.getCurrentTime()),t=parseInt(s.getDuration());l.time=ImageAudioPlaySecondToDate(e,t)})),s.on("seeking",(function(){o.value&&s.play()})),s.on("play",(function(){l.play=!0})),s.on("pause",(function(){l.play=!1}))}()}function ImageAudioPlaySecondToDate(e,t){var a=Math.floor(e/3600)<10?"0"+Math.floor(e/3600):Math.floor(e/3600),o=Math.floor(e/60%60)<10?"0"+Math.floor(e/60%60):Math.floor(e/60%60),n=Math.floor(e%60)<10?"0"+Math.floor(e%60):Math.floor(e%60);return t>=3600?a+":"+o+":"+n:t>=60?o+":"+n:n}return watch((()=>d.value),(()=>{nextTick((()=>{m&&nextTick((()=>{Mouseenter()}))}))}),{deep:!0}),{loading:a,DomShow:o,DomBox:n,DomMusicBox:r,MusicData:l,Mouseenter:Mouseenter,Mouseleave:function Mouseleave(){o.value=!1,l.finish&&s&&s.pause(),d.value=!1,m=!1},handlevoice:function handlevoice(e){c=!0,l.finish&&s&&o.value&&(l.play?s.playPause():s.play()),setTimeout((()=>{c=!1}),1e3)}}}};const Te={class:"movies-item","element-loading-background":"var(--el-bg-color)"},Oe={class:"time"},Le={class:"music-box",ref:"DomVideoBox"};var He={name:"playvideo",props:{ImageData:{required:!0,type:Array,default:[]},Lang:{required:!0,type:Object,default:{}}},emits:["HandleElScrollbar"],setup(e,t){let a=ref(null),o=ref(null),n=reactive({show:!1,time:0,loading:!1,muted:!1,progress:0,finish:!1}),r=document.createElement("VIDEO");r.addEventListener("canplay",(function(){n.loading=!1,n.finish=!0})),r.addEventListener("timeupdate",(function(){var e=r.currentTime;n.progress=parseInt(parseInt(e)/parseInt(r.duration)*100,10),n.time=ImageAudioPlaySecondToDate(e,r.duration)}));let l=ref(!1),s=!1,c=!1;function Mouseenter(){if(c=!0,s=!0,setTimeout((()=>{c=!1,s&&(l.value=!0)}),1e3),!l.value)return!1;if(n.show=!0,n.finish){d||(r.currentTime=0);var t=r.play();void 0!==t&&t.then((function(){r.play()})).catch((function(){r.pause(),console.log(e.Lang.text10)}))}else{if(n.loading)return!1;r.muted=!0,r.autoplay=!0,r.src=e.ImageData.mediaplayerpath,r.className="video",o.value.appendChild(r),n.loading=!0}}watch((()=>l.value),(()=>{nextTick((()=>{s&&nextTick((()=>{Mouseenter()}))}))}),{deep:!0});let d=!1;function ImageAudioPlaySecondToDate(e,t){var a=Math.floor(e/3600)<10?"0"+Math.floor(e/3600):Math.floor(e/3600),o=Math.floor(e/60%60)<10?"0"+Math.floor(e/60%60):Math.floor(e/60%60),n=Math.floor(e%60)<10?"0"+Math.floor(e%60):Math.floor(e%60);return t>=3600?a+":"+o+":"+n:t>=60?o+":"+n:n}return{DomBox:a,DomVideoBox:o,VideoData:n,Mouseenter:Mouseenter,Mouseleave:function Mouseleave(){r.pause(),n.show=!1,c=!1,d=!1,n.progress=0,n.time=0,l.value=!1,s=!1},Mousemove:function Mousemove(e){if(c)return!1;if(n.finish&&n.show){var t=e.offsetX;let s=a.value.closest(".image-single").querySelector(".el-image__inner").offsetWidth;n.progress=parseInt(parseInt(t)/s*100,10);var o=parseInt(n.progress*(parseInt(r.duration)/100));if(r.currentTime=o,n.time=ImageAudioPlaySecondToDate(o,r.duration),r.paused&&n.show){var l=n.play();void 0!==l&&l.then((function(){n.play()})).catch((function(){n.pause(),console.log("播放失败！")}))}}},handlesound:function handlesound(){d=!0,setTimeout((()=>{d=!1}),1e3),n.finish&&(r.muted?(r.muted=!1,n.muted=!0):(r.muted=!0,n.muted=!1))}}}};var qe={props:{props:{required:!0,type:Object,default:{click:!1,dblclick:!1,ctrl:!1,shift:!1,contextmenu:!1,drap:!1,checked:!1}},layout:{required:!0,type:String,default:"waterFall"},url:{required:!0,type:String,default:""},urlparam:{required:!0,type:Object,default:{}},showmessage:{required:!0,type:Object,default:{display:[],other:null}},nodekey:{required:!0,type:String,default:"rid"},perpage:{required:!0,type:Number,default:60},hassub:{required:!1,type:Number,default:0},scrollref:{required:!0,type:Object,default:null},parentbox:{required:!0,type:Object,default:null},screenshow:{required:!0,type:Boolean,default:!0},windowresize:{required:!0,type:Boolean,default:!0},isdata:{required:!1,type:Boolean,default:!1},data:{required:!1,type:Array,default:[]}},emits:["contextmenu","click","dblclick","returnparam"],setup(e,t){let a={text1:__lang.collect,text2:__lang.collect_to,text3:__lang.format,text4:__lang.add_time,text5:__lang.grade,text6:__lang.there_no_such_content,text7:__lang.loading,text8:__lang.file_collection_successful,text9:__lang.submit_error,text10:__lang.playback_failed},o=ref(null),n=ref(null),r=ref(!0),l=ref([]),s=ref(null),c=!1,d=!1,m="",u=reactive({imgArr:[],boxHeight:0,OtherHeight:0,StoreImgdatas:[],page:1,index:0,total:0,totalpage:0}),p=reactive({show:!1,name:"",visible:!1,rid:[],quick:!1}),h=JSON.parse(sessionStorage.getItem("collectkey"));h&&(p.name=h.name,p.quick=!0);let g=ref(null),f=ref([]);const y=ref(!0),k=ref(!1),v=ref(!0);function ImgeParamInit(t){u.imgArr=[],u.boxHeight=0,u.OtherHeight=0,u.StoreImgdatas=[],u.index=0,(e.showmessage.display.indexOf("name")>-1||e.showmessage.display.indexOf("extension")>-1)&&(u.OtherHeight+=44),e.showmessage.other&&(u.OtherHeight+=22),t&&(_.value=[])}function updateImageData(){if(y.value)return!1;r.value=!0,ImgeParamInit(),nextTick((()=>{n.value&&n.value.Init&&n.value.Init()}))}function restart(){r.value=!0,l.value=[],f.value=[],ImgeParamInit(!0),nextTick((()=>{GetData()}))}watch((()=>e.showmessage),(()=>{nextTick((()=>{updateImageData()}))}),{deep:!0}),watch((()=>e.layout),(t=>{e.scrollref&&e.scrollref.update(),nextTick((()=>{updateImageData()}))}),{deep:!0}),watch((()=>e.hassub),(e=>{r.value=!0,l.value=[],f.value=[],ImgeParamInit(!0),nextTick((()=>{GetData()}))}),{deep:!0});const x=function debounce(e,t=200){let a;return(...o)=>{a&&clearTimeout(a),a=setTimeout((()=>{e.apply(this,o)}),t)}}((e=>{updateImageData()}),500);function CtrlKeyUp(e){c=!1,window.removeEventListener("keyup",CtrlKeyUp)}function ShiftKeyUp(e){d=!1,window.removeEventListener("keyup",ShiftKeyUp)}onMounted((()=>{e.isdata&&restart(),e.windowresize&&window.addEventListener("resize",x),e.props.ctrl&&window.addEventListener("keydown",(function(e){let t=e||event||window.event||arguments.callee.caller.arguments[0];17==t.keyCode?(c=!0,window.addEventListener("keyup",CtrlKeyUp)):16==t.keyCode&&(d=!0,window.addEventListener("keyup",ShiftKeyUp))}))}));let w="";async function GetData(){if(e.isdata)return l.value=e.data,y.value=!1,k.value=!1,nextTick((()=>{n.value.Init(),ReturnParam()})),!1;r.value?(u.page=1,y.value=!0):k.value=!0;let t=e.urlparam;t.page=u.page,t.perpage=e.perpage,t.hassub=e.hassub;let a={btime:1,mtime:2,dateline:3,filesize:5,name:4,grade:6,duration:7,whsize:8};t.order&&a[t.order]&&(t.order=a[t.order]),w&&w();var o=axios.CancelToken;axios.post(e.url,t,{cancelToken:new o((function executor(e){w=e}))}).then((function(e){u.page+=1;var t=e.data.data;if(parseInt(t.param.page)>1)u.totalpage=Math.ceil(t.param.total/t.param.perpage);else{var a=Math.ceil(t.param.total/t.param.perpage);u.totalpage=a<1?1:a}r.value?l.value=t.data:l.value.push.apply(l.value,t.data),u.total=t.param.total,w="",y.value=!1,k.value=!1,nextTick((()=>{n.value.Init(),v.value=t.next,ReturnParam()}))})).catch((function(e){}))}let C=null;let _=ref([]);function ChangeKeyShiftstart(e){m=e}let b=ref(!1);function EmpytCheckedKeys(){_.value=[]}function ReturnParam(){let a={perpage:e.perpage,page:u.page,total:u.total,totalpage:u.totalpage,data:JSON.parse(JSON.stringify(l.value)),ismore:v.value,valloading:k.value};t.emit("returnparam",a)}let I=ref(!0);return function handleIsPc(){let e=window.innerWidth;I.value=e>768}(),window.addEventListener("focus",(function(){c=!1,d=!1})),{Lang:a,ispc:I,NewImageData:l,ImgeParam:u,IsRefresh:r,RefComponent:n,HandleElScrollbar:function HandleElScrollbar(t){if(!e.scrollref)return!1;let a=e.scrollref.wrapRef.clientHeight,n=e.scrollref.wrapRef.scrollTop;if(g.value.HandleElScrollbar(),e.parentbox?n-=e.parentbox.offsetTop:n-=o.value.offsetTop,!C){let t=[],o=u.StoreImgdatas.length;for(let r=0;r-1||o.ptop+l>n&&o.ptop-100{clearInterval(C),C=""}),30)}if("complete"==t)nextTick((()=>{let e=document.querySelector(".dzz-container").clientHeight,t=document.querySelector("#files_box"),a=0;t?(a=u.boxHeight+t.clientHeight,a{e.scrollref.update()}));else if(u.boxHeight-n-50t[e.nodekey]==a));if(m&&n>-1){let t=u.StoreImgdatas.findIndex((t=>t[e.nodekey]==m)),a=!1;n>t&&(a=!0);for(let r=0;r=n&&r<=t||r>=t&&r<=n)&&o.push(l)}}else for(let t=0;te.dpath==t));a&&e.scrollref&&e.scrollref.setScrollTop(a.ptop)},DeleteData:function DeleteData(t){if(!t.length)return!1;if(1==t.length){let a=l.value.findIndex((a=>a[e.nodekey]==t[0]));l.value.splice(a,1)}else l.value=l.value.filter((a=>t.indexOf(a[e.nodekey])<0));nextTick((()=>{updateImageData(),ReturnParam()}))},UpdateData:function UpdateData(t,a,o,n){let r=l.value.find((a=>a[e.nodekey]==t));r&&(r[a]=o);let s=f.value.find((a=>a[e.nodekey]==t));s&&(s[a]=o);let c=u.StoreImgdatas.find((a=>a[e.nodekey]==t));c&&(c[a]=o),n||ReturnParam()},EmpytCheckedKeys:EmpytCheckedKeys,AppendData:function AppendData(e,t){if(l.value.findIndex((t=>t.rid==e.rid))>-1)return!1;"unshift"==t?l.value.unshift(e):l.value.push(e),nextTick((()=>{updateImageData(),ReturnParam()}))},ImageLayoutBox:o,imagelayout:s,changeMouseDown:function changeMouseDown(e){b.value=e},ImageCollect:p,ImageQuickChangeCollect:function ImageQuickChangeCollect(e){p.visible=!0,p.rid=[e]},ImageCollectSuccess:function ImageCollectSuccess(e){p.quick=!0,p.visible=!1,p.rid=[],p.name=e.catname},ImageQuickAddCollect:async function ImageQuickAddCollect(e){var t=JSON.parse(sessionStorage.getItem("collectkey"));if(t){var o=t.key.split("-"),n={ids:e,clid:o[0].replace("p","")};o.length>1&&(n.cid=o.pop());var r=(await axios.post("index.php?mod=collection&op=collect&do=addfilecollect",n)).data;r.success?ElementPlus.ElMessage({type:"success",message:a.text8}):ElementPlus.ElMessage({type:"error",message:r.error||a.text9})}},ImageCollectClose:function ImageCollectClose(e){p.visible=!1},EmptyData:function EmptyData(){l.value=[],nextTick((()=>{updateImageData(),ReturnParam()}))},ImageDataChange:function ImageDataChange(){nextTick((()=>{n.value&&n.value.Init&&n.value.Init()}))}}},components:{waterFall:H,imageList:ae,rowGrid:ne,tabodd:ie,tabeven:se,details:de,LayoutSkeleton:xe,DragSelect:ee,playMusic:(0,L.default)(Pe,[["render",function PlayMusicvue_type_template_id_c4512100_render(t,a,o,n,r,l){const s=(0,e.resolveComponent)("VideoPause"),c=(0,e.resolveComponent)("el-icon"),d=(0,e.resolveComponent)("VideoPlay"),m=(0,e.resolveDirective)("loading");return(0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"movies-box",onMouseenter:a[1]||(a[1]=(...e)=>n.Mouseenter&&n.Mouseenter(...e)),onMouseleave:a[2]||(a[2]=(...e)=>n.Mouseleave&&n.Mouseleave(...e)),ref:"DomBox"},[(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)("div",we,[(0,e.createElementVNode)("div",{class:"circulars voice",onClick:a[0]||(a[0]=(0,e.withModifiers)(((...e)=>n.handlevoice&&n.handlevoice(...e)),["stop","prevent"]))},[n.MusicData.play?((0,e.openBlock)(),(0,e.createBlock)(c,{key:0},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s)])),_:1})):((0,e.openBlock)(),(0,e.createBlock)(c,{key:1},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d)])),_:1}))]),(0,e.createElementVNode)("div",Ce,(0,e.toDisplayString)(n.MusicData.time),1),(0,e.createCommentVNode)('
'),(0,e.createElementVNode)("div",_e,null,512)])),[[e.vShow,n.DomShow],[m,n.loading]])],544)}]]),playVideo:(0,L.default)(He,[["render",function palyVideovue_type_template_id_28a82fc4_render(t,a,o,n,r,l){const s=(0,e.resolveComponent)("Bell"),c=(0,e.resolveComponent)("el-icon"),d=(0,e.resolveComponent)("MuteNotification"),m=(0,e.resolveComponent)("el-progress"),u=(0,e.resolveDirective)("loading");return(0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"movies-box",onMouseenter:a[1]||(a[1]=(...e)=>n.Mouseenter&&n.Mouseenter(...e)),onMousemove:a[2]||(a[2]=(...e)=>n.Mousemove&&n.Mousemove(...e)),onMouseleave:a[3]||(a[3]=(...e)=>n.Mouseleave&&n.Mouseleave(...e)),ref:"DomBox"},[(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)("div",Te,[(0,e.createElementVNode)("div",{class:"circulars voice",onClick:a[0]||(a[0]=(0,e.withModifiers)(((...e)=>n.handlesound&&n.handlesound(...e)),["stop","prevent"]))},[n.VideoData.muted?((0,e.openBlock)(),(0,e.createBlock)(c,{key:0},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(s)])),_:1})):((0,e.openBlock)(),(0,e.createBlock)(c,{key:1},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(d)])),_:1}))]),(0,e.createVNode)(m,{percentage:n.VideoData.progress,"show-text":!1},null,8,["percentage"]),(0,e.createElementVNode)("div",Oe,(0,e.toDisplayString)(n.VideoData.time),1),(0,e.createElementVNode)("div",Le,[(0,e.createCommentVNode)(' ')],512)])),[[e.vShow,n.VideoData.show],[u,n.VideoData.loading]])],544)}]])}};var Fe=(0,L.default)(qe,[["render",function render(o,O,L,H,q,F){const W=(0,e.resolveComponent)("el-image"),z=(0,e.resolveComponent)("el-text"),A=(0,e.resolveComponent)("el-col"),R=(0,e.resolveComponent)("Star-Filled"),j=(0,e.resolveComponent)("el-icon"),J=(0,e.resolveComponent)("Star"),K=(0,e.resolveComponent)("el-button"),$=(0,e.resolveComponent)("el-tooltip"),U=(0,e.resolveComponent)("el-button-group"),G=(0,e.resolveComponent)("el-row"),Q=(0,e.resolveComponent)("playMusic"),X=(0,e.resolveComponent)("playVideo"),Y=(0,e.resolveComponent)("el-empty"),Z=(0,e.resolveComponent)("Loading"),ee=(0,e.resolveComponent)("DragSelect"),te=(0,e.resolveComponent)("DzzCollectdialog");return(0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("div",{class:"el-container is-vertical",style:{position:"relative"},ref:"ImageLayoutBox",onMousedown:O[2]||(O[2]=(...e)=>H.MouseDown&&H.MouseDown(...e))},[(0,e.createCommentVNode)(' \r\n \r\n \r\n ")],544),(0,e.createVNode)(te,{visible:H.ImageCollect.visible,rids:H.ImageCollect.rid,onSuccess:H.ImageCollectSuccess,onClose:H.ImageCollectClose},null,8,["visible","rids","onSuccess","onClose"])],64)}]]);const install=function(e){e.component("ImageLayout",Fe)}}(),o}()})); \ No newline at end of file