1 line
61 KiB
JavaScript
1 line
61 KiB
JavaScript
!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.ImageLayoutlimit=t(require("vue")):e.ImageLayoutlimit=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;s<this.length;s++){var c=this[s][0];null!=c&&(l[c]=!0)}for(var d=0;d<e.length;d++){var u=[].concat(e[d]);o&&l[u[0]]||(void 0!==r&&(void 0===u[5]||(u[1]="@layer".concat(u[5].length>0?" ".concat(u[5]):""," {").concat(u[1],"}")),u[5]=r),a&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=a):u[2]=a),n&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=n):u[4]="".concat(n)),t.push(u))}},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}},688: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-5e0f0c70] {\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-5e0f0c70] {\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-5e0f0c70] {\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-5e0f0c70]: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;o<t.length;o++)if(t[o].identifier===e){a=o;break}return a}function modulesToDom(e,a){for(var o={},n=[],r=0;r<e.length;r++){var l=e[r],s=a.base?l[0]+a.base:l[0],c=o[s]||0,d="".concat(s," ").concat(c);o[s]=c+1;var u=getIndexByIdentifier(d),p={css:l[1],media:l[2],sourceMap:l[3],supports:l[4],layer:l[5]};if(-1!==u)t[u].references++,t[u].updater(p);else{var m=addElementStyle(p,a);a.byIndex=r,t.splice(r,0,{identifier:d,updater:m,references:1})}n.push(d)}return n}function addElementStyle(e,t){var a=t.domAPI(t);a.update(e);return function updater(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap&&t.supports===e.supports&&t.layer===e.layer)return;a.update(e=t)}else a.remove()}}e.exports=function(e,a){var o=modulesToDom(e=e||[],a=a||{});return function update(e){e=e||[];for(var n=0;n<o.length;n++){var r=getIndexByIdentifier(o[n]);t[r].references--}for(var l=modulesToDom(e,a),s=0;s<o.length;s++){var c=getIndexByIdentifier(o[s]);0===t[c].references&&(t[c].updater(),t.splice(c,1))}o=l}}},569:function(e){var t={};e.exports=function insertBySelector(e,a){var o=function getTarget(e){if(void 0===t[e]){var a=document.querySelector(e);if(window.HTMLIFrameElement&&a instanceof window.HTMLIFrameElement)try{a=a.contentDocument.head}catch(e){a=null}t[e]=a}return t[e]}(e);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(a)}},216:function(e){e.exports=function insertStyleElement(e){var t=document.createElement("style");return e.setAttributes(t,e.attributes),e.insert(t,e.options),t}},565:function(e,t,a){e.exports=function setAttributesWithoutAttributes(e){var t=a.nc;t&&e.setAttribute("nonce",t)}},795:function(e){e.exports=function domAPI(e){if("undefined"==typeof document)return{update:function update(){},remove:function remove(){}};var t=e.insertStyleElement(e);return{update:function update(a){!function apply(e,t,a){var o="";a.supports&&(o+="@supports (".concat(a.supports,") {")),a.media&&(o+="@media ".concat(a.media," {"));var n=void 0!==a.layer;n&&(o+="@layer".concat(a.layer.length>0?" ".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,{ImageLayoutlimit:function(){return Ce},install:function(){return install}});var e=__webpack_require__(203);const t={class:"el-container is-vertical",style:{position:"relative",overflow:"initial"}},a={class:"imagelayout",ref:"imagelayout"},n=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),r=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),l=["onClick"],s=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),c={class:"li-item item-details"},d={class:"minute"},u={class:"el-rate el-rate--small"},p={class:"el-rate__item",style:{cursor:"default"}},m={class:"el-rate__item",style:{cursor:"default"}},h={key:0,class:"li-item operation"},g={class:"collect-box"},f=["onClick"],v={style:{width:"100%","padding-bottom":"100%",position:"relative"}},y=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),k={key:0,class:"message"},w=["onClick"],C={class:"collect-box"},x=(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1),_={key:0,class:"message"};var b={name:"list",props:{ImageData:{required:!0,type:Array,default:[]},IsRefresh:{required:!0,type:Boolean,default:!0},ParentImgeParam:{required:!0,type:Object,default:{}},boxref:{required:!0,type:Object,default:null},rows:{required:!0,type:Number,default:3},imagelayout:{required:!0,type:Object,default:null},ispc:{required:!0,type:Boolean,default:!1},Margin:{required:!1,type:Number,default:8}},emits:["HandleElScrollbar"],setup(e,t){let a={imgWidth:0,imgHeight:0,left:0,top:0,columns:0,fcolumns:0,Margin:e.Margin,boxHeight:0,rows:1};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,rows:1});let t=e.imagelayout.clientWidth;t<768?(a.columns=2,a.imgWidth=t/a.columns):t>=768&&t<1170?(a.columns=3,a.imgWidth=t/a.columns):t>=1170&&t<1440?(a.columns=4,a.imgWidth=t/a.columns):countWidth(t,6),a.fcolumns=1,a.imgWidth=(t-(a.columns-1)*a.Margin)/a.columns,e.ispc,a.imgHeight=a.imgWidth;let o=[],n=0;for(let t=0;t<e.ImageData.length;t++)if(e.rows<a.rows)delete o[n];else{let u=JSON.parse(JSON.stringify(e.ImageData[t]));o[n]=u,o[n].pwidth=a.imgWidth,o[n].pheight=a.imgHeight,o[n].ptop=a.top,o[n].pleft=a.left,o[n].pbottom=a.top+a.imgHeight+e.ParentImgeParam.OtherHeight+26;var r=0,l=0,s=0;parseInt(o[n].hasthumb)?(r=parseInt(o[n].thumbwidth),l=parseInt(o[n].thumbheight)):(r=parseInt(o[n].width),l=parseInt(o[n].height));let p=a.imgWidth;if(e.ispc||(p=a.imgWidth),p<r||p<l){var c=p/r,d=p/l;s=c>d?d:c}else s=1;1==s?o[n].pwidth>r?(o[n].ffwidth=r,o[n].ffheight=l):(o[n].ffwidth=o[n].pwidth,o[n].ffheight=o[n].pwidth):(o[n].ffwidth=r*s,o[n].ffheight=l*s),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,a.rows+=1),n++}e.IsRefresh?e.ParentImgeParam.StoreImgdatas=o:e.ParentImgeParam.StoreImgdatas.push.apply(e.ParentImgeParam.StoreImgdatas,o),e.ParentImgeParam.index=e.ImageData.length,a.fcolumns>1&&a.fcolumns<a.columns+1&&(a.boxHeight+=a.imgHeight+e.ParentImgeParam.OtherHeight+26),e.ParentImgeParam.boxHeight=a.boxHeight}}}},I=__webpack_require__(215);var S=(0,I.default)(b,[["render",function listvue_type_template_id_e95c1d7e_render(t,a,o,n,r,l){return(0,e.renderSlot)(t.$slots,"default")}]]);var N={name:"RowGrid",props:{ImageData:{required:!0,type:Array,default:[]},ParentImgeParam:{required:!0,type:Object,default:{}},rows:{required:!0,type:Number,default:3},imagelayout:{required:!0,type:Object,default:null},Margin:{required:!1,type:Number,default:8}},emits:["HandleElScrollbar"],setup(e,t){let a={imgWidth:0,left:0,top:0,Margin:e.Margin,rowWidth:0,SurplusImgdatas:[],rows:1};return onMounted((()=>{})),{Init:function Init(){a={imgWidth:0,left:0,top:0,Margin:e.Margin,rowWidth:0,SurplusImgdatas:[],rows:1};let o=e.ParentImgeParam;var n={};for(let t=0;t<e.ImageData.length;t++){var r=JSON.parse(JSON.stringify(e.ImageData[t]));if(n[y=r.rid]=r,parseInt(n[y].hasthumb))var l=parseInt(n[y].thumbwidth),s=parseInt(n[y].thumbheight);else l=parseInt(n[y].width),s=parseInt(n[y].height);s>260?l=l/s*(s=260):l<360&&(l=360,s=260),n[y].pwidth=l,n[y].pheight=s}let c=e.imagelayout.clientWidth;var d=0;for(var u in n)if(a.rows>e.rows)delete n[u];else{var p=n[u];a.rowWidth+=p.pwidth,o.imgArr.push(p);var m=a.rowWidth+a.Margin*(o.imgArr.length-1),h=m-c;if(m>c){let e=o.imgArr.length;(a.Margin-a.Margin)*(e-1)<h?h-=(a.Margin-a.Margin)*(e-1):h=0;var g=0,f=0;for(var v in o.imgArr){var y,k=n[y=o.imgArr[v].rid].pwidth,w=n[y].pheight,C=k-k/a.rowWidth*h,x=Math.round(w*(C/k));g+1-C%1>=.5?(g-=C%1,C=Math.floor(C)):(g+=1-C%1,C=Math.ceil(C)),x>f&&(f=x),n[y].pwidth=C,n[y].pheight=f,n[y].ptop=a.top,n[y].pbottom=a.top+f+o.OtherHeight,n[y].pleft=v>0?a.left:0,a.left+=C+a.Margin}a.top+=f+a.Margin+o.OtherHeight,o.imgArr=[],a.rowWidth=0,a.left=0,a.rows+=1}}if(o.imgArr.length){let e=0;for(let t in o.imgArr){let r=o.imgArr[t].rid,l=n[r].pwidth,s=n[r].pheight;n[r].pwidth=l,n[r].pheight=s,n[r].ptop=a.top,n[r].pbottom=a.top+s+o.OtherHeight,s>e&&(e=s),n[r].pleft=t>0?a.left:0,a.left+=l+a.Margin}for(let t in o.imgArr){let r=o.imgArr[t].rid;a.SurplusImgdatas.push(r);let l=n[r].pheight;l<e&&(n[r].pbottom+=e-l,n[r].pheight=e)}d=e+o.OtherHeight+a.Margin}let _=[];for(var b in n)_.push(n[b]);o.StoreImgdatas=_,o.boxHeight=a.top+d,e.ParentImgeParam.index=e.ImageData.length,nextTick((()=>{t.emit("HandleElScrollbar","complete")}))}}}};var M=(0,I.default)(N,[["render",function RowGridvue_type_template_id_1ef27849_render(t,a,o,n,r,l){return(0,e.renderSlot)(t.$slots,"default")}]]);var B={name:"tabodd",props:{ImageData:{required:!0,type:Array,default:[]},ParentImgeParam:{required:!0,type:Object,default:{}},rows:{required:!0,type:Number,default:3}},setup(e,t){return onMounted((()=>{})),{Init:function Init(){var t=[];for(let o=0;o<e.ImageData.length&&!(e.rows<=o);o++){var a=JSON.parse(JSON.stringify(e.ImageData[o]));t[o]=a}e.ParentImgeParam.StoreImgdatas=t}}}};var D=(0,I.default)(B,[["render",function taboddvue_type_template_id_2e3cfa58_render(t,a,o,n,r,l){return(0,e.renderSlot)(t.$slots,"default")}]]);var V={name:"tabeven",props:{ImageData:{required:!0,type:Array,default:[]},ParentImgeParam:{required:!0,type:Object,default:{}},rows:{required:!0,type:Number,default:3}},setup(e,t){return onMounted((()=>{})),{Init:function Init(){var t=[];let a=2*e.rows;for(let n=0;n<e.ImageData.length&&!(a<=n);n++){var o=JSON.parse(JSON.stringify(e.ImageData[n]));t[n]=o}e.ParentImgeParam.StoreImgdatas=t}}}};var E=(0,I.default)(V,[["render",function tabevenvue_type_template_id_4e5f1002_render(t,a,o,n,r,l){return(0,e.renderSlot)(t.$slots,"default")}]]);var P={name:"details",props:{ImageData:{required:!0,type:Array,default:[]},ParentImgeParam:{required:!0,type:Object,default:{}},rows:{required:!0,type:Number,default:3}},emits:["HandleElScrollbar"],setup(e,t){return onMounted((()=>{})),{Init:function Init(){var t=[];for(let o=0;o<e.ImageData.length&&!(e.rows<=o);o++){var a=JSON.parse(JSON.stringify(e.ImageData[o]));t[o]=a}e.ParentImgeParam.StoreImgdatas=t,e.ParentImgeParam.StoreImgdatas=t}}}};var L=(0,I.default)(P,[["render",function detailsvue_type_template_id_bd7ef598_render(t,a,o,n,r,l){return(0,e.renderSlot)(t.$slots,"default")}]]);const T={style:{padding:"0 8px"}},q={style:{"font-size":"0"}},W={style:{padding:"0 8px"}},O={style:{"font-size":"0"}},H={key:3,style:{display:"flex"}},A={style:{"font-size":"0"}};var R={name:"skeleton",props:{layout:{required:!0,type:String,default:"waterfall"},ShowMessage:{required:!0,type:Object,default:{display:[],other:null}},imagelayout:{required:!0,type:Object,default:null}},setup(e){let t=reactive({columns:0,width:0});function countWidth(a){let o=e.imagelayout.clientWidth/a;o>=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){let a=e.imagelayout.clientWidth;a<768?(t.columns=2,t.width=a/t.columns-8):a>=768&&a<992?(t.columns=4,t.width=a/t.columns-8):a>=992&&a<1170?(t.columns=5,t.width=a/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}}},j=__webpack_require__(379),z=__webpack_require__.n(j),F=__webpack_require__(795),J=__webpack_require__.n(F),G=__webpack_require__(569),$=__webpack_require__.n(G),Q=__webpack_require__(565),K=__webpack_require__.n(Q),U=__webpack_require__(216),X=__webpack_require__.n(U),Y=__webpack_require__(589),Z=__webpack_require__.n(Y),ee=__webpack_require__(688),te={};te.styleTagTransform=Z(),te.setAttributes=K(),te.insert=$().bind(null,"head"),te.domAPI=J(),te.insertStyleElement=X();z()(ee.default,te),ee.default&&ee.default.locals&&ee.default.locals;var ie=(0,I.default)(R,[["render",function skeletonvue_type_template_id_5e0f0c70_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",T,[(0,e.createVNode)(s,{variant:"image",style:{width:"100%",height:"160px","border-radius":"4px"}}),(0,e.createElementVNode)("div",q,[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",W,[(0,e.createVNode)(s,{variant:"image",style:{width:"100%",height:"160px","border-radius":"4px"}}),(0,e.createElementVNode)("div",O,[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",H,[((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",A,[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-5e0f0c70"]]);const ae={class:"movies-item","element-loading-background":"var(--el-bg-color)"},oe={class:"time"},ne={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 re={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;e<a;e++){const a=Math.abs(t[e]);a>o&&(o=a)}for(const t of e)for(let e=0;e<a;e++)t[e]/=o}return e}(e),{duration:t,length:e[0].length,sampleRate:e[0].length/t,numberOfChannels:e.length,getChannelData:t=>null==e?void 0:e[t],copyFromChannel:AudioBuffer.prototype.copyFromChannel,copyToChannel:AudioBuffer.prototype.copyToChannel}}};var le=re,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 se={fetchBlob:function fetchBlob(e,t){return fetcher_awaiter(this,void 0,void 0,(function*(){return fetch(e,t).then((e=>e.blob()))}))}};var ce=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 de=class Player extends ce{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 ce{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 <style>\n :host {\n user-select: none;\n }\n :host .scroll {\n overflow-x: auto;\n overflow-y: hidden;\n width: 100%;\n position: relative;\n }\n :host .noScrollbar {\n scrollbar-color: transparent;\n scrollbar-width: none;\n }\n :host .noScrollbar::-webkit-scrollbar {\n display: none;\n -webkit-appearance: none;\n }\n :host .wrapper {\n position: relative;\n overflow: visible;\n z-index: 2;\n }\n :host .canvases {\n min-height: ${this.getHeight()}px;\n }\n :host .canvases > div {\n position: relative;\n }\n :host canvas {\n display: block;\n position: absolute;\n top: 0;\n image-rendering: pixelated;\n }\n :host .progress {\n pointer-events: none;\n position: absolute;\n z-index: 2;\n top: 0;\n left: 0;\n width: 0;\n height: 100%;\n overflow: hidden;\n }\n :host .progress > div {\n position: relative;\n }\n :host .cursor {\n pointer-events: none;\n position: absolute;\n z-index: 5;\n top: 0;\n left: 0;\n height: 100%;\n border-radius: 2px;\n }\n </style>\n\n <div class="scroll" part="scroll">\n <div class="wrapper">\n <div class="canvases"></div>\n <div class="progress" part="progress"></div>\n <div class="cursor" part="cursor"></div>\n </div>\n </div>\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,u=t.barHeight||1,p=t.barWidth?t.barWidth*l:1,m=t.barGap?t.barGap*l:t.barWidth?p/2:0,h=t.barRadius||0,g=s/(p+m)/r;let f=1;if(t.normalize){f=0;for(let e=0;e<r;e++){const t=Math.abs(o[e]);t>f&&(f=t)}}const v=d/f*u;a.beginPath();let y=0,k=0,w=0;for(let e=0;e<=r;e++){const r=Math.round(e*g);if(r>y){const e=Math.round(k*v),o=e+Math.round(w*v)||1;let n=d-e;"top"===t.barAlign?n=0:"bottom"===t.barAlign&&(n=c-o),a.roundRect(y*(p+m),n,p,o,h),y=r,k=0,w=0}const l=Math.abs(o[e]||0),s=Math.abs(n[e]||0);l>k&&(k=l),s>w&&(w=s)}a.fill(),a.closePath()}renderSingleCanvas(e,t,a,o,n,r,l,s){const c=window.devicePixelRatio||1,d=document.createElement("canvas"),u=e[0].length;d.width=Math.round(a*(r-n)/u),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/u)}px`,l.appendChild(d);const p=d.getContext("2d");this.renderBars(e.map((e=>e.slice(n,r))),t,p);const m=d.cloneNode();s.appendChild(m);const h=m.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,u=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 m=Math.floor(Math.abs(l)*u),h=Math.floor(m+p*u),g=h-m,draw=(l,s)=>{this.renderSingleCanvas(e,t,a,n,Math.max(0,l),Math.min(s,d),o,r)},f=this.createDelay(),v=this.createDelay(),renderHead=(e,t)=>{draw(e,t),e>0&&f((()=>{renderHead(e-g,t-g)}))},renderTail=(e,t)=>{draw(e,t),t<d&&v((()=>{renderTail(e+g,t+g)}))};renderHead(m,h),h<d&&renderTail(h,h+g)}render(e){this.timeouts.forEach((e=>e.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;t<e.numberOfChannels;t++){const a=Object.assign(Object.assign({},this.options),this.options.splitChannels[t]);this.renderWaveform([e.getChannelData(t)],a,r)}else{const t=[e.getChannelData(0)];e.numberOfChannels>1&&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<o)if(this.options.autoCenter&&!this.isDragging){const e=l/20;r-(o+l)>=e&&r<o+a?this.scrollContainer.scrollLeft+=e:this.scrollContainer.scrollLeft=r-l}else if(this.isDragging){const e=10;this.scrollContainer.scrollLeft=r<o?r-e:r-a+e}else this.scrollContainer.scrollLeft=r;{const{scrollLeft:e}=this.scrollContainer,t=e/n,o=(e+a)/n;this.emit("scroll",t,o)}}renderProgress(e,t){isNaN(e)||(this.progressWrapper.style.width=100*e+"%",this.cursor.style.left=100*e+"%",this.cursor.style.marginLeft=100===Math.round(100*e)?`-${this.options.cursorWidth}px`:"",this.isScrolling&&this.options.autoScroll&&this.scrollIntoView(e,t))}}Renderer.MAX_CANVAS_WIDTH=4e3;var ue=Renderer;var pe=class Timer extends ce{constructor(){super(...arguments),this.unsubscribe=()=>{}}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 me={waveColor:"#999",progressColor:"#555",cursorWidth:1,minPxPerSec:0,fillParent:!0,interact:!0,autoScroll:!0,autoCenter:!0,sampleRate:8e3};class WaveSurfer extends de{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({},me,e),this.timer=new pe,this.renderer=new ue(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 se.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=le.createBuffer(t,this.duration);else if(o){const e=yield o.arrayBuffer();this.decodedData=yield le.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 he=WaveSurfer,ge={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;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{loading:a,DomShow:o,DomBox:n,DomMusicBox:r,MusicData:l,Mouseenter:function Mouseenter(t){if(!e.ImageData.mediaplayerpath||c)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=he.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("seek",(function(){o.value&&s.play()})),s.on("play",(function(){l.play=!0})),s.on("pause",(function(){l.play=!1}))}()},Mouseleave:function Mouseleave(){o.value=!1,l.finish&&s&&s.pause()},handlevoice:function handlevoice(e){c=!0,l.finish&&s&&o.value&&(l.play?s.playPause():s.play()),setTimeout((()=>{c=!1}),1e3)}}}};const fe={class:"movies-item","element-loading-background":"var(--el-bg-color)"},ve={class:"time"},ye={class:"music-box",ref:"DomVideoBox"};var ke={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=!1;let s=!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:function Mouseenter(){if(l=!0,setTimeout((()=>{l=!1}),1e3),n.show=!0,n.finish){s||(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}},Mouseleave:function Mouseleave(){r.pause(),n.show=!1,l=!1,s=!1,n.progress=0,n.time=0},Mousemove:function Mousemove(e){if(l)return!1;if(n.finish&&n.show){var t=e.offsetX;let l=a.value.closest(".image-single").querySelector(".el-image__inner").clientWidth;n.progress=parseInt(parseInt(t)/l*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 s=n.play();void 0!==s&&s.then((function(){n.play()})).catch((function(){n.pause(),console.log("播放失败！")}))}}},handlesound:function handlesound(){s=!0,setTimeout((()=>{s=!1}),1e3),n.finish&&(r.muted?(r.muted=!1,n.muted=!0):(r.muted=!0,n.muted=!1))}}}};var we={props:{url:{required:!0,type:String,default:""},urlparam:{required:!0,type:Object,default:{}},layout:{required:!0,type:String,default:"rowGrid"},NodeKey:{required:!0,type:String,default:"rid"},rows:{required:!0,type:Number,default:3},perpage:{required:!0,type:Number,default:60},boxref:{required:!0,type:Object,default:null},isshow:{required:!1,type:Object,default:{name:!1,down:!1}},data:{required:!1,type:Array,default:[]},windowresize:{required:!0,type:Boolean,default:!0}},emits:["returnparam"],setup(e,t){let a={text1:__lang.collect,text2:__lang.collect_to,text3:__lang.format,text4:__lang.add_time,text5:__lang.grade,text8:__lang.file_collection_successful,text9:__lang.submit_error,text10:__lang.playback_failed,text11:__lang.download},o=ref(null),n=ref(null),r=ref([]),l=reactive({imgArr:[],boxHeight:0,OtherHeight:0,page:1,StoreImgdatas:[]}),s=reactive({show:!1,name:"",visible:!1,rid:[],quick:!1}),c=JSON.parse(sessionStorage.getItem("collectkey"));c&&(s.name=c.name,s.quick=!0);let d=ref([]);const u=ref(!0);function ImgeParamInit(t){e.isshow.name&&(l.OtherHeight+=44)}function updateImageData(){if(u.value)return!1;ImgeParamInit(),nextTick((()=>{n.value&&n.value.Init&&n.value.Init()}))}function restart(){ImgeParamInit(),nextTick((()=>{GetData()}))}const p=function debounce(e,t=200){let a;return(...o)=>{a&&clearTimeout(a),a=setTimeout((()=>{e.apply(this,o)}),t)}}((e=>{updateImageData()}),500);onMounted((()=>{e.data&&e.data.length&&restart(),e.windowresize&&window.addEventListener("resize",p)}));let m="";async function GetData(){if(e.data&&e.data.length)return r.value=JSON.parse(JSON.stringify(e.data)),nextTick((()=>{n.value.Init(),ReturnParam()})),u.value=!1,!1;l.page=1,u.value=!0;let t=JSON.parse(JSON.stringify(e.urlparam));t.page=l.page,t.perpage=e.perpage,m&&m();var a=axios.CancelToken;axios.post(e.url,t,{cancelToken:new a((function executor(e){m=e}))}).then((function(e){l.page+=1;var t=e.data.data;r.value=t.data,m="",u.value=!1,nextTick((()=>{n.value.Init(),ReturnParam()}))})).catch((function(e){console.log(e)}))}function ReturnParam(){let a={perpage:e.perpage,page:l.page,total:l.total,totalpage:l.totalpage,data:JSON.parse(JSON.stringify(r.value))};t.emit("returnparam",a)}let h=ref(!0);return function handleIsPc(){let e=window.innerWidth;h.value=e>768}(),{ispc:h,Lang:a,NewImageData:r,ImgeParam:l,RefComponent:n,HandleElScrollbar:function HandleElScrollbar(t){if(!e.scrollref)return!1},ImageDataListShow:d,HandleClick:function HandleClick(e){let t=l.StoreImgdatas.findIndex((function(t){return t.dpath==e.dpath}));sessionStorage.setItem("selectindex",t),sessionStorage.removeItem("imgs");let a=document.createElement("div");a.className="Details-Iframe";let o=document.createElement("iframe");a.append(o),o.style.opacity="0",o.src="index.php?mod=details&opentype=current#path="+e.dpath,document.body.appendChild(a)},updateImageData:updateImageData,loading:u,GetData:GetData,restart:restart,ReturnParam:ReturnParam,imagelayout:o,handleDown:function handleDown(e){return window.open(SITEURL+"index.php?mod=banner&op=download&dpath="+e.dpath),!1},ImageCollect:s,ImageQuickChangeCollect:function ImageQuickChangeCollect(e){s.visible=!0,s.rid=[e]},ImageCollectSuccess:function ImageCollectSuccess(e){s.quick=!0,s.visible=!1,s.rid=[],s.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){s.visible=!1}}},components:{imageList:S,rowGrid:M,tabodd:D,tabeven:E,details:L,LayoutSkeleton:ie,playMusic:(0,I.default)(ge,[["render",function PlayMusicvue_type_template_id_ae114fce_render(t,a,o,n,r,l){const s=(0,e.resolveComponent)("VideoPause"),c=(0,e.resolveComponent)("el-icon"),d=(0,e.resolveComponent)("VideoPlay"),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)),onMouseleave:a[2]||(a[2]=(...e)=>n.Mouseleave&&n.Mouseleave(...e)),ref:"DomBox"},[(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createElementBlock)("div",ae,[(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",oe,(0,e.toDisplayString)(n.MusicData.time),1),(0,e.createCommentVNode)(' <div class="line" ref="DomLine"></div> '),(0,e.createElementVNode)("div",ne,null,512)])),[[e.vShow,n.DomShow],[u,n.loading]])],544)}]]),playVideo:(0,I.default)(ke,[["render",function palyVideovue_type_template_id_5bf5593a_render(t,a,o,n,r,l){const s=(0,e.resolveComponent)("Bell"),c=(0,e.resolveComponent)("el-icon"),d=(0,e.resolveComponent)("MuteNotification"),u=(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",fe,[(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)(u,{percentage:n.VideoData.progress,"show-text":!1},null,8,["percentage"]),(0,e.createElementVNode)("div",ve,(0,e.toDisplayString)(n.VideoData.time),1),(0,e.createElementVNode)("div",ye,[(0,e.createCommentVNode)(' <video ref="DomVideo" :src="ImageData.mediaplayerpath" autoplay muted class="video"></video> ')],512)])),[[e.vShow,n.VideoData.show],[p,n.VideoData.loading]])],544)}]])}};var Ce=(0,I.default)(we,[["render",function render(o,b,I,S,N,M){const B=(0,e.resolveComponent)("layout-skeleton"),D=(0,e.resolveComponent)("el-image"),V=(0,e.resolveComponent)("el-text"),E=(0,e.resolveComponent)("el-col"),P=(0,e.resolveComponent)("el-button"),L=(0,e.resolveComponent)("el-tooltip"),T=(0,e.resolveComponent)("el-button-group"),q=(0,e.resolveComponent)("el-row"),W=(0,e.resolveComponent)("Star-Filled"),O=(0,e.resolveComponent)("el-icon"),H=(0,e.resolveComponent)("Star"),A=(0,e.resolveComponent)("playMusic"),R=(0,e.resolveComponent)("playVideo"),j=(0,e.resolveComponent)("el-skeleton"),z=(0,e.resolveComponent)("DzzCollectdialog");return(0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createElementVNode)("div",t,[(0,e.createVNode)(j,{style:{width:"100%"},loading:S.loading,animated:"",throttle:500},{template:(0,e.withCtx)((()=>[(0,e.createVNode)(B,{layout:I.layout,imagelayout:S.imagelayout,ShowMessage:o.showmessage},null,8,["layout","imagelayout","ShowMessage"])])),default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("div",a,[(0,e.createElementVNode)("div",{class:(0,e.normalizeClass)(["image-wrapper",["limit",I.layout]]),style:(0,e.normalizeStyle)({height:"tabodd"==I.layout||"tabeven"==I.layout||"details"==I.layout?"auto":S.ImgeParam.boxHeight+"px"})},[((0,e.openBlock)(),(0,e.createBlock)((0,e.resolveDynamicComponent)(I.layout),{ref:"RefComponent",rows:I.rows,onHandleElScrollbar:S.HandleElScrollbar,ImageData:S.NewImageData,ParentImgeParam:S.ImgeParam,NodeKey:I.NodeKey,imagelayout:S.imagelayout,boxref:I.boxref,ispc:S.ispc},{default:(0,e.withCtx)((()=>["tabodd"==I.layout?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(S.ImgeParam.StoreImgdatas,(t=>((0,e.openBlock)(),(0,e.createBlock)(q,{class:"imagtablelayout imagtable-content limit",justify:"center"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(E,{class:"li-item",span:S.ispc?18:24,onClick:(0,e.withModifiers)((e=>S.HandleClick(t)),["stop"])},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(D,{class:"image",style:(0,e.normalizeStyle)([{"--img-bg-color":"#"+t.color},{width:"43px","min-width":"43px"}]),draggable:"false",src:t.icondata?t.icondata:t.iconimg?t.iconimg:""},{error:(0,e.withCtx)((()=>[n])),_:2},1032,["style","src"]),(0,e.createVNode)(V,{class:"name",size:"small",truncated:""},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.name),1)])),_:2},1024)])),_:2},1032,["span","onClick"]),(0,e.createVNode)(E,{class:"li-item",span:6,style:{"justify-content":"right"}},{default:(0,e.withCtx)((()=>[parseInt(t.collection)?((0,e.openBlock)(),(0,e.createBlock)(T,{key:0,style:{"margin-right":"12px"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickChangeCollect(t.rid)),["stop","prevent"])},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text1),1)])),_:2},1032,["onClick"]),S.ImageCollect.quick?((0,e.openBlock)(),(0,e.createBlock)(L,{key:0,class:"item",effect:"dark",content:S.ImageCollect.name?S.Lang.text2+":"+S.ImageCollect.name:"",placement:"top"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickAddCollect(t.rid)),["stop","prevent"]),style:{padding:"8px 4px"},icon:"Position"},null,8,["onClick"])])),_:2},1032,["content"])):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)):(0,e.createCommentVNode)("v-if",!0),I.isshow.down?((0,e.openBlock)(),(0,e.createBlock)(P,{key:1,class:"last-btn",onClick:e=>S.handleDown(t)},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text11),1)])),_:2},1032,["onClick"])):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)])),_:2},1024)))),256)):"tabeven"==I.layout?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:1},(0,e.renderList)(S.ImgeParam.StoreImgdatas,(t=>((0,e.openBlock)(),(0,e.createBlock)(q,{class:"imagtablelayout imagtable-content tabeven limit",key:t[I.NodeKey],justify:"center"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(E,{class:"li-item",span:S.ispc?18:24,onClick:(0,e.withModifiers)((e=>S.HandleClick(t)),["stop"])},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(D,{class:"image",style:(0,e.normalizeStyle)([{"--img-bg-color":"#"+t.color},{width:"43px","min-width":"43px"}]),draggable:"false",src:t.icondata?t.icondata:t.iconimg?t.iconimg:""},{error:(0,e.withCtx)((()=>[r])),_:2},1032,["style","src"]),(0,e.createVNode)(V,{class:"name",size:"small",truncated:""},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.name),1)])),_:2},1024)])),_:2},1032,["span","onClick"]),S.ispc?((0,e.openBlock)(),(0,e.createBlock)(E,{key:0,class:"li-item",span:6,style:{"justify-content":"right","padding-right":"30px"}},{default:(0,e.withCtx)((()=>[parseInt(t.collection)?((0,e.openBlock)(),(0,e.createBlock)(T,{key:0,style:{"margin-right":"12px"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickChangeCollect(t.rid)),["stop","prevent"])},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text1),1)])),_:2},1032,["onClick"]),S.ImageCollect.quick?((0,e.openBlock)(),(0,e.createBlock)(L,{key:0,class:"item",effect:"dark",content:S.ImageCollect.name?S.Lang.text2+":"+S.ImageCollect.name:"",placement:"top"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickAddCollect(t.rid)),["stop","prevent"]),style:{padding:"8px 4px"},icon:"Position"},null,8,["onClick"])])),_:2},1032,["content"])):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)):(0,e.createCommentVNode)("v-if",!0),I.isshow.down?((0,e.openBlock)(),(0,e.createBlock)(P,{key:1,class:"last-btn",onClick:e=>S.handleDown(t)},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text11),1)])),_:2},1032,["onClick"])):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)))),128)):"details"==I.layout?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:2},(0,e.renderList)(S.ImgeParam.StoreImgdatas,(t=>((0,e.openBlock)(),(0,e.createBlock)(q,{class:"imagtablelayout imagtable-content details limit",key:t[I.NodeKey]},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("div",{class:"li-item img",onClick:(0,e.withModifiers)((e=>S.HandleClick(t)),["stop"])},[(0,e.createVNode)(D,{class:"image",style:(0,e.normalizeStyle)([{"--img-bg-color":"#"+t.color},{width:"100%"}]),draggable:"false",src:t.icondata?t.icondata:t.iconimg?t.iconimg:""},{error:(0,e.withCtx)((()=>[s])),_:2},1032,["style","src"])],8,l),(0,e.createElementVNode)("div",c,[(0,e.createVNode)(V,{class:"name",onClick:(0,e.withModifiers)((e=>S.HandleClick(t)),["stop"]),size:"large",truncated:""},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.name),1)])),_:2},1032,["onClick"]),t.desc?((0,e.openBlock)(),(0,e.createBlock)(V,{key:0,class:"message",size:"small"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.desc),1)])),_:2},1024)):(0,e.createCommentVNode)("v-if",!0),(0,e.createElementVNode)("div",d,[(0,e.createVNode)(V,{size:"small"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text3)+"："+(0,e.toDisplayString)(t.ext),1)])),_:2},1024),(0,e.createVNode)(V,{size:"small"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text4)+"："+(0,e.toDisplayString)(t.btime),1)])),_:2},1024),(0,e.createVNode)(V,{size:"small"},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text5)+"： ",1),(0,e.createElementVNode)("div",u,[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(parseInt(t.grade),(t=>((0,e.openBlock)(),(0,e.createElementBlock)("span",p,[(0,e.createVNode)(O,{class:"el-rate__icon is-active"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(W)])),_:1})])))),256)),((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(5-parseInt(t.grade),(t=>((0,e.openBlock)(),(0,e.createElementBlock)("span",m,[(0,e.createVNode)(O,{class:"el-rate__icon"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(H)])),_:1})])))),256))])])),_:2},1024)])]),S.ispc?((0,e.openBlock)(),(0,e.createElementBlock)("div",h,[parseInt(t.collection)?((0,e.openBlock)(),(0,e.createBlock)(T,{key:0,style:{"margin-right":"12px"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickChangeCollect(t.rid)),["stop","prevent"])},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text1),1)])),_:2},1032,["onClick"]),S.ImageCollect.quick?((0,e.openBlock)(),(0,e.createBlock)(L,{key:0,class:"item",effect:"dark",content:S.ImageCollect.name?S.Lang.text2+":"+S.ImageCollect.name:"",placement:"top"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickAddCollect(t.rid)),["stop","prevent"]),style:{padding:"8px 4px"},icon:"Position"},null,8,["onClick"])])),_:2},1032,["content"])):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)):(0,e.createCommentVNode)("v-if",!0),I.isshow.down?((0,e.openBlock)(),(0,e.createBlock)(P,{key:1,class:"last-btn",onClick:e=>S.handleDown(t)},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text11),1)])),_:2},1032,["onClick"])):(0,e.createCommentVNode)("v-if",!0)])):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)))),128)):"imageList"==I.layout?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:3},(0,e.renderList)(S.ImgeParam.StoreImgdatas,(t=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"image-item image-item-imageList",key:t[I.NodeKey],style:(0,e.normalizeStyle)({width:t.pwidth+"px",left:t.pleft+"px",top:t.ptop+"px"})},[(0,e.createElementVNode)("div",g,[parseInt(t.collection)?((0,e.openBlock)(),(0,e.createBlock)(T,{key:0},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickChangeCollect(t.rid)),["stop","prevent"])},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text1),1)])),_:2},1032,["onClick"]),S.ImageCollect.quick?((0,e.openBlock)(),(0,e.createBlock)(L,{key:0,class:"item",effect:"dark",content:S.ImageCollect.name?S.Lang.text2+":"+S.ImageCollect.name:"",placement:"top"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickAddCollect(t.rid)),["stop","prevent"]),style:{padding:"8px 4px"},icon:"Position"},null,8,["onClick"])])),_:2},1032,["content"])):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)):(0,e.createCommentVNode)("v-if",!0)]),(0,e.createElementVNode)("div",{class:(0,e.normalizeClass)(["image-single cannot-select",{music:t.mediaplayerpath&&("audio"==t.type||"video"==t.type)}]),onClick:(0,e.withModifiers)((e=>S.HandleClick(t)),["stop"]),style:(0,e.normalizeStyle)({"--img-bg-color":"#"+t.color})},[(0,e.createElementVNode)("div",v,[t.mediaplayerpath?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},["audio"==t.type?((0,e.openBlock)(),(0,e.createBlock)(A,{key:0,ImageData:t,Lang:S.Lang},null,8,["ImageData","Lang"])):"video"==t.type?((0,e.openBlock)(),(0,e.createBlock)(R,{key:1,ImageData:t,Lang:S.Lang},null,8,["ImageData","Lang"])):(0,e.createCommentVNode)("v-if",!0)],64)):(0,e.createCommentVNode)("v-if",!0),(0,e.createVNode)(D,{class:"image",draggable:"false",style:(0,e.normalizeStyle)({width:t.ffwidth+"px",height:t.ffheight+"px"}),src:t.icondata?t.icondata:t.iconimg?t.iconimg:""},{error:(0,e.withCtx)((()=>[y])),_:2},1032,["style","src"])])],14,f),I.isshow.name?((0,e.openBlock)(),(0,e.createElementBlock)("div",k,[(0,e.createVNode)(V,{class:"name",tag:"p",truncated:""},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.name),1)])),_:2},1024)])):(0,e.createCommentVNode)("v-if",!0),I.isshow.down?((0,e.openBlock)(),(0,e.createBlock)(P,{key:1,class:"last-btn",onClick:(0,e.withModifiers)((e=>S.handleDown(t)),["stop"])},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text11),1)])),_:2},1032,["onClick"])):(0,e.createCommentVNode)("v-if",!0)],4)))),128)):((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:4},(0,e.renderList)(S.ImgeParam.StoreImgdatas,(t=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:(0,e.normalizeClass)(["image-item",[I.layout]]),key:t[I.NodeKey],onClick:(0,e.withModifiers)((e=>S.HandleClick(t)),["stop"]),style:(0,e.normalizeStyle)({width:t.pwidth+"px",left:t.pleft+"px",top:t.ptop+"px"})},[(0,e.createElementVNode)("div",C,[parseInt(t.collection)?((0,e.openBlock)(),(0,e.createBlock)(T,{key:0},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickChangeCollect(t.rid)),["stop","prevent"])},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text1),1)])),_:2},1032,["onClick"]),S.ImageCollect.quick?((0,e.openBlock)(),(0,e.createBlock)(L,{key:0,class:"item",effect:"dark",content:S.ImageCollect.name?S.Lang.text2+":"+S.ImageCollect.name:"",placement:"top"},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(P,{onClick:(0,e.withModifiers)((e=>S.ImageQuickAddCollect(t.rid)),["stop","prevent"]),style:{padding:"8px 4px"},icon:"Position"},null,8,["onClick"])])),_:2},1032,["content"])):(0,e.createCommentVNode)("v-if",!0)])),_:2},1024)):(0,e.createCommentVNode)("v-if",!0)]),(0,e.createElementVNode)("div",{class:(0,e.normalizeClass)(["image-single cannot-select",{music:t.mediaplayerpath&&("audio"==t.type||"video"==t.type)}]),style:(0,e.normalizeStyle)({height:t.pheight+"px","--img-bg-color":"#"+t.color})},[t.mediaplayerpath?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:0},["audio"==t.type?((0,e.openBlock)(),(0,e.createBlock)(A,{key:0,ImageData:t,Lang:S.Lang},null,8,["ImageData","Lang"])):"video"==t.type?((0,e.openBlock)(),(0,e.createBlock)(R,{key:1,ImageData:t,Lang:S.Lang},null,8,["ImageData","Lang"])):(0,e.createCommentVNode)("v-if",!0)],64)):(0,e.createCommentVNode)("v-if",!0),(0,e.createVNode)(D,{class:"image",draggable:"false",src:t.icondata?t.icondata:t.iconimg?t.iconimg:""},{error:(0,e.withCtx)((()=>[x])),_:2},1032,["src"])],6),I.isshow.name?((0,e.openBlock)(),(0,e.createElementBlock)("div",_,[(0,e.createVNode)(V,{class:"name",tag:"p",truncated:""},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.name),1)])),_:2},1024)])):(0,e.createCommentVNode)("v-if",!0),I.isshow.down?((0,e.openBlock)(),(0,e.createBlock)(P,{key:1,class:"last-btn",onClick:(0,e.withModifiers)((e=>S.handleDown(t)),["stop"])},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(S.Lang.text11),1)])),_:2},1032,["onClick"])):(0,e.createCommentVNode)("v-if",!0)],14,w)))),128))])),_:1},40,["rows","onHandleElScrollbar","ImageData","ParentImgeParam","NodeKey","imagelayout","boxref","ispc"]))],6)],512)])),_:1},8,["loading"])]),(0,e.createVNode)(z,{visible:S.ImageCollect.visible,rids:S.ImageCollect.rid,onSuccess:S.ImageCollectSuccess,onClose:S.ImageCollectClose},null,8,["visible","rids","onSuccess","onClose"])],64)}]]);const install=function(e){e.component("ImageLayoutlimit",Ce)}}(),o}()})); |