1 line
17 KiB
JavaScript
1 line
17 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.ImageFile=t(require("vue")):e.ImageFile=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 n="",a=void 0!==t[5];return t[4]&&(n+="@supports (".concat(t[4],") {")),t[2]&&(n+="@media ".concat(t[2]," {")),a&&(n+="@layer".concat(t[5].length>0?" ".concat(t[5]):""," {")),n+=e(t),a&&(n+="}"),t[2]&&(n+="}"),t[4]&&(n+="}"),n})).join("")},t.i=function i(e,n,a,o,r){"string"==typeof e&&(e=[[null,e,void 0]]);var l={};if(a)for(var c=0;c<this.length;c++){var s=this[c][0];null!=s&&(l[s]=!0)}for(var d=0;d<e.length;d++){var u=[].concat(e[d]);a&&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),n&&(u[2]?(u[1]="@media ".concat(u[2]," {").concat(u[1],"}"),u[2]=n):u[2]=n),o&&(u[4]?(u[1]="@supports (".concat(u[4],") {").concat(u[1],"}"),u[4]=o):u[4]="".concat(o)),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 n=e.__vccOpts||e;for(const[e,a]of t)n[e]=a;return n}},528:function(e,t,n){n.r(t);var a=n(410),o=n.n(a),r=n(475),l=n.n(r)()(o());l.push([e.id,".imagtablelayout[data-v-1d537a16]:last-child {\n border-bottom: 0;\n}\n.files-images[data-v-1d537a16] {\n overflow: hidden;\n width: 100%;\n}\n.files-images.isshow[data-v-1d537a16] {\n display: none;\n}\n.files-images li[data-v-1d537a16] {\n display: inline-block;\n margin-bottom: 20px;\n margin-right: 8px;\n position: relative;\n width: 163px;\n}\n.files-images li .img-box-parent[data-v-1d537a16] {\n border: 2px solid transparent;\n border-radius: 8px;\n padding: 3px;\n}\n.files-images li .img-box-parent.active[data-v-1d537a16] {\n border-color: var(--el-color-primary);\n}\n.files-images li .img-box[data-v-1d537a16] {\n padding-top: 4%;\n position: relative;\n}\n.files-images li .back1[data-v-1d537a16] {\n height: 50%;\n left: 0;\n margin-left: auto;\n margin-right: auto;\n position: absolute;\n right: 0;\n top: 0;\n width: 85%;\n}\n.files-images li .back1[data-v-1d537a16],\n.files-images li .back2[data-v-1d537a16] {\n background: var(--el-fill-color);\n border: var(--el-border);\n border-radius: 8px;\n}\n.files-images li .back2[data-v-1d537a16] {\n height: 123px;\n vertical-align: bottom;\n width: 100%;\n}\n.files-images li .message[data-v-1d537a16] {\n color: var(--el-text-color-primary);\n font-size: var(--el-font-size-base);\n height: 45px;\n text-align: center;\n width: 100%;\n}\n.files-images li .message .name[data-v-1d537a16] {\n height: 30px;\n line-height: 30px;\n overflow: hidden;\n position: relative;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.files-images li .message .name .el-input[data-v-1d537a16] {\n height: 30px;\n left: 0;\n position: absolute;\n text-align: center;\n top: 0;\n}\n.files-images li .message .name .el-input[data-v-1d537a16] .el-input__inner {\n color: var(--el-text-color-primary);\n font-size: 14px;\n height: 100%;\n text-align: center;\n}\n",""]),t.default=l},379:function(e){var t=[];function getIndexByIdentifier(e){for(var n=-1,a=0;a<t.length;a++)if(t[a].identifier===e){n=a;break}return n}function modulesToDom(e,n){for(var a={},o=[],r=0;r<e.length;r++){var l=e[r],c=n.base?l[0]+n.base:l[0],s=a[c]||0,d="".concat(c," ").concat(s);a[c]=s+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 f=addElementStyle(p,n);n.byIndex=r,t.splice(r,0,{identifier:d,updater:f,references:1})}o.push(d)}return o}function addElementStyle(e,t){var n=t.domAPI(t);n.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;n.update(e=t)}else n.remove()}}e.exports=function(e,n){var a=modulesToDom(e=e||[],n=n||{});return function update(e){e=e||[];for(var o=0;o<a.length;o++){var r=getIndexByIdentifier(a[o]);t[r].references--}for(var l=modulesToDom(e,n),c=0;c<a.length;c++){var s=getIndexByIdentifier(a[c]);0===t[s].references&&(t[s].updater(),t.splice(s,1))}a=l}}},569:function(e){var t={};e.exports=function insertBySelector(e,n){var a=function getTarget(e){if(void 0===t[e]){var n=document.querySelector(e);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}t[e]=n}return t[e]}(e);if(!a)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");a.appendChild(n)}},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,n){e.exports=function setAttributesWithoutAttributes(e){var t=n.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(n){!function apply(e,t,n){var a="";n.supports&&(a+="@supports (".concat(n.supports,") {")),n.media&&(a+="@media ".concat(n.media," {"));var o=void 0!==n.layer;o&&(a+="@layer".concat(n.layer.length>0?" ".concat(n.layer):""," {")),a+=n.css,o&&(a+="}"),n.media&&(a+="}"),n.supports&&(a+="}");var r=n.sourceMap;r&&"undefined"!=typeof btoa&&(a+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),t.styleTagTransform(a,e,t.options)}(t,e,n)},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}},n={};function __webpack_require__(e){var a=n[e];if(void 0!==a)return a.exports;var o=n[e]={id:e,exports:{}};return t[e](o,o.exports,__webpack_require__),o.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 n in t)__webpack_require__.o(t,n)&&!__webpack_require__.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},__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 a={};return function(){__webpack_require__.r(a),__webpack_require__.d(a,{ImageFile:function(){return I},install:function(){return install}});var e=__webpack_require__(203);const _withScopeId=t=>((0,e.pushScopeId)("data-v-1d537a16"),t=t(),(0,e.popScopeId)(),t),t={style:{position:"relative",width:"100%","padding-top":"100%"}},n=_withScopeId((()=>(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1))),o={class:"name",size:"small",truncated:""},r=["onClick","onDblclick","onContextmenu"],l={class:"img-box"},c=_withScopeId((()=>(0,e.createElementVNode)("div",{class:"back1"},null,-1))),s=_withScopeId((()=>(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1))),d={key:1,class:"el-image back2"},u={class:"message"},p={class:"name"},f={style:{"font-size":"var(--el-font-size-extra-small)",color:"var(--el-text-color-regular)"}},m={class:"img-box-parent"},_={class:"img-box"},v=_withScopeId((()=>(0,e.createElementVNode)("div",{class:"back1",style:{"background-color":"transparent"}},null,-1))),g=_withScopeId((()=>(0,e.createElementVNode)("div",{class:"el-image__placeholder"},null,-1)));var y={props:{hassub:{required:!1,type:Number,default:0},layout:{required:!0,type:String,default:"waterFall"},filedata:{required:!1,type:Object,default:{visible:!0,show:!1,param:{},url:"",renameurl:""}},perpage:{required:!0,type:Number,default:50}},emits:["contextmenu","click","dblclick","operation","complete"],setup(e,t){let n={text1:__lang.js_a_file,text2:__lang.type_folder},a=ref([]),o=reactive({loading:!1,valueloading:!1,data:[],page:1,total:0}),r=[],l=!1;function Init(){o.loading=!1,o.valueloading=!1,o.data=[],o.page=1,o.total=0,FileGetData()}function CtrlKeyUp(e){l=!1,window.removeEventListener("keyup",CtrlKeyUp)}watch([e.layout,a],(e=>{r=[]}),{deep:!0}),watch((()=>e.hassub),(e=>{nextTick((()=>{Init()}))}),{deep:!0}),onBeforeUpdate((()=>{r=[]})),onMounted((()=>{window.addEventListener("keydown",(function(e){17==(e||event||window.event||arguments.callee.caller.arguments[0]).keyCode&&(l=!0,window.addEventListener("keyup",CtrlKeyUp))}))}));let c="";async function FileGetData(n){if(o.loading||o.valueloading||!e.filedata.url)return!1;"more"==n?o.valueloading=!0:o.loading=!0;let a=JSON.parse(JSON.stringify(e.filedata.param));a.page=o.page,a.hassub=e.hassub,a.perpage=e.perpage;var r=await axios.post(e.filedata.url,a),l=[];for(var c in r.data.data){var s=r.data.data[c];s.edit=!1,s.pfname=s.fname,l.push(s)}"more"==n?(o.data.push.apply(o.data,l),o.valueloading=!1):(o.data=l,o.total=r.data.total,o.loading=!1),o.page+=1,function complete(){t.emit("complete",JSON.parse(JSON.stringify(o)))}()}return{Lang:n,fileParam:o,Activefid:a,Init:Init,EmpytActivefid:function EmpytActivefid(){a.value=[]},Fileclick:function Fileclick(e){clearTimeout(c);let n=a.value.indexOf(e.fid);l?(n>-1?a.value.splice(n,1):a.value.push(e.fid),t.emit("click",JSON.parse(JSON.stringify(a.value)))):c=setTimeout((()=>{a.value=[e.fid],t.emit("click",JSON.parse(JSON.stringify(a.value)))}),300)},Filedblclick:function Filedblclick(e){if(clearTimeout(c),l)return!1;t.emit("dblclick",JSON.parse(JSON.stringify(e)))},Filecontextmenu:function Filecontextmenu(e){a.value=[e.fid],t.emit("contextmenu",JSON.parse(JSON.stringify(e)))},FileRenameBlur:async function FileRenameBlur(n){let r=o.data.find((e=>e.fid==a.value[0]));if(r.edit=!1,!e.filedata.renameurl)return!1;if(r.pfname!=r.fname){var l=await axios.post(e.filedata.renameurl,{fid:r.fid,name:r.fname});l.data.success?(r.pfname=r.fname,t.emit("operation",{type:"rename",id:r.fid,text:r.fname})):ElementPlus.ElMessage({type:"error",message:l.data.msg||__lang.modification_error})}},Rename:function Rename(){if(!o.data||!o.data.length||!e.filedata.renameurl)return!1;let t=o.data.findIndex((e=>e.fid==a.value[0]));if(t<0)return!1;let n=o.data[t];n&&(n.edit=!0,nextTick((()=>{r[t].select()})))},SetinputDom:e=>{if(!e)return!1;r.push(e)},Delete:function Delete(){if(!a.value.length||!o.data.length)return!1;for(var e=o.data.length-1;e>=0;e--)a.value.indexOf(o.data[e].fid)>-1&&o.data.splice(e,1)},FileGetData:FileGetData,appendData:function appendData(e){o.data.push(e)},EditData:function EditData(e){let t=o.data.find((t=>e.fid==t.fid));if(console.log(t),!t)return!1;t[e.type]=e.value}}},components:{}},b=__webpack_require__(379),h=__webpack_require__.n(b),k=__webpack_require__(795),x=__webpack_require__.n(k),w=__webpack_require__(569),S=__webpack_require__.n(w),C=__webpack_require__(565),N=__webpack_require__.n(C),F=__webpack_require__(216),E=__webpack_require__.n(F),B=__webpack_require__(589),D=__webpack_require__.n(B),V=__webpack_require__(528),q={};q.styleTagTransform=D(),q.setAttributes=N(),q.insert=S().bind(null,"head"),q.domAPI=x(),q.insertStyleElement=E();h()(V.default,q),V.default&&V.default.locals&&V.default.locals;var I=(0,__webpack_require__(215).default)(y,[["render",function render(a,y,b,h,k,x){const w=(0,e.resolveComponent)("el-skeleton-item"),S=(0,e.resolveComponent)("el-col"),C=(0,e.resolveComponent)("el-row"),N=(0,e.resolveComponent)("el-image"),F=(0,e.resolveComponent)("el-input"),E=(0,e.resolveComponent)("el-text"),B=(0,e.resolveComponent)("MoreFilled"),D=(0,e.resolveComponent)("el-icon"),V=(0,e.resolveComponent)("el-skeleton");return(0,e.openBlock)(),(0,e.createBlock)(V,{animated:"",loading:h.fileParam.loading,count:2,style:{padding:"20px 0",width:"100%"}},{template:(0,e.withCtx)((()=>[(0,e.createVNode)(C,{gutter:10,style:{"margin-bottom":"10px"}},{default:(0,e.withCtx)((()=>[((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(4,(n=>(0,e.createVNode)(S,{span:6},{default:(0,e.withCtx)((()=>[(0,e.createElementVNode)("div",t,[(0,e.createVNode)(w,{style:{position:"absolute",left:"0",top:"0",width:"100%",height:"100%","border-radius":"8px"},variant:"image"})])])),_:1}))),64))])),_:1})])),default:(0,e.withCtx)((()=>["table"==b.layout?((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,{key:0},(0,e.renderList)(h.fileParam.data,(t=>(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createBlock)(C,{style:{position:"unset"},class:(0,e.normalizeClass)(["imagtablelayout imagtable-content cannot-select",{active:h.Activefid.indexOf(t.fid)>-1}]),justify:"center",key:t.fid,onClick:(0,e.withModifiers)((e=>h.Fileclick(t)),["stop"]),onDblclick:(0,e.withModifiers)((e=>h.Filedblclick(t)),["stop"]),onContextmenu:(0,e.withModifiers)((e=>h.Filecontextmenu(t)),["stop","prevent"])},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(S,{class:"li-item",span:14,style:{position:"relative"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(N,{class:"image",style:(0,e.normalizeStyle)([{"--img-bg-color":"#"+t.color},{width:"43px","min-width":"43px"}]),draggable:"false",src:t.icon},{error:(0,e.withCtx)((()=>[n])),_:2},1032,["style","src"]),(0,e.createElementVNode)("div",o,(0,e.toDisplayString)(t.fname),1),(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createBlock)(F,{style:{width:"100%",position:"absolute","padding-left":"51px"},modelValue:t.fname,"onUpdate:modelValue":e=>t.fname=e,ref_for:!0,ref:h.SetinputDom,key:t.fid,onBlur:h.FileRenameBlur,onKeyup:(0,e.withKeys)(h.FileRenameBlur,["enter","native"])},null,8,["modelValue","onUpdate:modelValue","onBlur","onKeyup"])),[[e.vShow,t.edit]])])),_:2},1024),(0,e.createVNode)(S,{class:"li-item",span:6,style:{"justify-content":"end"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(E,{size:"small",truncated:""},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.filenum)+(0,e.toDisplayString)(h.Lang.text1)+"·"+(0,e.toDisplayString)(t.foldernum)+(0,e.toDisplayString)(h.Lang.text2),1)])),_:2},1024)])),_:2},1024),(0,e.createVNode)(S,{class:"li-item",span:4},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(E,{size:"small",truncated:""},{default:(0,e.withCtx)((()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.dateline),1)])),_:2},1024)])),_:2},1024)])),_:2},1032,["class","onClick","onDblclick","onContextmenu"])),[[e.vShow,b.filedata.visible]]))),128)):((0,e.openBlock)(),(0,e.createElementBlock)("ul",{key:1,class:(0,e.normalizeClass)(["files-images clearfix",{isshow:!b.filedata.visible}])},[((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(h.fileParam.data,(t=>((0,e.openBlock)(),(0,e.createElementBlock)("li",{class:"files-item cannot-select",key:t.fid,onClick:(0,e.withModifiers)((e=>h.Fileclick(t)),["stop"]),onDblclick:(0,e.withModifiers)((e=>h.Filedblclick(t)),["stop"]),onContextmenu:(0,e.withModifiers)((e=>h.Filecontextmenu(t)),["stop","prevent"])},[(0,e.createElementVNode)("div",{class:(0,e.normalizeClass)(["img-box-parent",{active:h.Activefid.indexOf(t.fid)>-1}])},[(0,e.createElementVNode)("div",l,[c,t.icon?((0,e.openBlock)(),(0,e.createBlock)(N,{key:0,onDblclick:(0,e.withModifiers)((e=>h.Filedblclick(t)),["stop"]),onContextmenu:(0,e.withModifiers)((e=>h.Filecontextmenu(t)),["stop","prevent"]),class:"back2",draggable:"false",src:t.icon,fit:"contain"},{error:(0,e.withCtx)((()=>[s])),_:2},1032,["onDblclick","onContextmenu","src"])):((0,e.openBlock)(),(0,e.createElementBlock)("div",d))])],2),(0,e.createElementVNode)("div",u,[(0,e.createElementVNode)("div",p,[(0,e.withDirectives)(((0,e.openBlock)(),(0,e.createBlock)(F,{modelValue:t.fname,"onUpdate:modelValue":e=>t.fname=e,key:t.fid,ref_for:!0,ref:h.SetinputDom,onBlur:h.FileRenameBlur,onKeyup:(0,e.withKeys)(h.FileRenameBlur,["enter","native"])},null,8,["modelValue","onUpdate:modelValue","onBlur","onKeyup"])),[[e.vShow,t.edit]]),(0,e.createElementVNode)("span",null,(0,e.toDisplayString)(t.fname),1)]),(0,e.createElementVNode)("p",f,(0,e.toDisplayString)(t.filenum)+(0,e.toDisplayString)(h.Lang.text1)+"·"+(0,e.toDisplayString)(t.foldernum)+(0,e.toDisplayString)(h.Lang.text2),1)])],40,r)))),128)),h.fileParam.total>h.fileParam.data.length?((0,e.openBlock)(),(0,e.createElementBlock)("li",{key:0,style:{cursor:"pointer","vertical-align":"top"},class:"files-item cannot-select",onClick:y[0]||(y[0]=(0,e.withModifiers)((e=>h.FileGetData("more")),["stop"]))},[(0,e.createElementVNode)("div",m,[(0,e.createElementVNode)("div",_,[v,(0,e.createVNode)(N,{draggable:"false",style:{background:"#FFFFFF"},class:"back2",src:"dzz/images/b.gif",fit:"contain"},{error:(0,e.withCtx)((()=>[g])),_:1}),(0,e.createVNode)(D,{style:{position:"absolute",inset:"0px",margin:"auto","font-size":"41px",color:"var(--el-color-info)"}},{default:(0,e.withCtx)((()=>[(0,e.createVNode)(B)])),_:1})])])])):(0,e.createCommentVNode)("v-if",!0)],2))])),_:1},8,["loading"])}],["__scopeId","data-v-1d537a16"]]);const install=function(e){e.component("ImageFile",I)}}(),a}()})); |