mgacn-commonsdk 1.0.0 → 1.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +249 -20
  2. package/dist/mgacn-commonsdk.js +1161 -330
  3. package/dist/mgacn-commonsdk.umd.cjs +1 -1
  4. package/dist/style.css +9 -9
  5. package/package.json +1 -1
package/dist/mgacn-commonsdk.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(a,f){typeof exports=="object"&&typeof module<"u"?f(exports,require("@element-plus/icons-vue"),require("element-plus"),require("cropperjs"),require("ali-oss"),require("vue"),require("axios")):typeof define=="function"&&define.amd?define(["exports","@element-plus/icons-vue","element-plus","cropperjs","ali-oss","vue","axios"],f):(a=typeof globalThis<"u"?globalThis:a||self,f(a.MgacnCommonSdk={},a.ElementPlusIconsVue,a.ElementPlus,a.Cropper,a.OSS,a.Vue,a.axios))})(this,(function(a,f,y,A,R,t,$){"use strict";function E(e){if(!e)throw new Error("[mgacn-commonsdk] createApi 需要传入 request 实例");return{getUserInfo(r){return e.GET("/yhAdmin/user/queryUserById",{params:{id:r}})},getOssSts(r){return e.GET("/yhAdmin/oss/fileUploadSts",{params:{dir:r}})}}}let C=null;function q(e){C=e}function V(){if(!C)throw new Error("[mgacn-commonsdk] 请先 app.use(MgacnCommonSdk, { tokenKey, baseURL })");return C}function x(e){return String(e).padStart(2,"0")}function z(){const e=new Date;return`${e.getFullYear()}${x(e.getMonth()+1)}${x(e.getDate())}`}function D(e=10){const r="0123456789abcdefghijklmnopqrstuvwxyz";let s="";for(let i=0;i<e;i++)s+=r[Math.floor(Math.random()*r.length)];return s}function S(e="portal_cms"){return`${e}/${z()}/`}function _(e){return V().getOssSts(e)}async function b(e={}){const{dir:r,foldName:s,getOss:i,ossinfo:n}=e,o=r||S(s||"portal_cms"),l=n||(typeof i=="function"?await i(o):await _(o));if(!l)throw new Error("[mgacn-commonsdk] 获取 OSS STS 失败");const p=new R({bucket:l.bucketName,accessKeyId:l.accessKeyId,accessKeySecret:l.accessKeySecret,success_action_status:"200",stsToken:l.securityToken,endpoint:l.endPoint});return p.options.ossUrl=l.ossUrl||l.domain||(l.bucketName&&l.endPoint?`https://${l.bucketName}.${l.endPoint}`:""),p.options.uploadDir=o,p}async function B(e={}){const{client:r,file:s,dir:i,foldName:n,fileName:o,onProgress:l}=e;if(!s)throw new Error("[mgacn-commonsdk] uploadToOss 缺少 file");const p=r||await b({dir:i,foldName:n}),k=i||p.options.uploadDir||S(n);let c=o;if(!c){const h=s.name||"file",u=h.indexOf("."),w=u>-1?h.slice(u):"";c=`${k}${D(10)}${w}`}const d=await p.multipartUpload(c,s,{progress:h=>{typeof l=="function"&&l(Math.floor(h*100))}});if(d.res&&d.res.statusCode!==200)throw new Error("[mgacn-commonsdk] 上传失败");const g=(p.options.ossUrl||"").replace(/\/$/,""),m=g?`${g}/${c}`:c;return{name:c,url:m,raw:d,client:p}}const T={methods:{getDir(){return S(this.foldName||"portal_cms")},randomString:D,getOss(){return _(this.getDir())},async createOssClient(){return b({dir:this.getDir(),getOss:()=>this.getOss()})}}},Y=(e,r)=>{const s=e.__vccOpts||e;for(const[i,n]of r)s[i]=n;return s};let L=0;function O(){return L+=1,`mg-img-${Date.now()}-${L}`}function K(e){return Array.isArray(e)?e.filter(Boolean):e?[e]:[]}function F(e){return e.map(r=>({uid:O(),url:r,status:"success",percent:100,previewUrl:""}))}function H(e=""){const r=e.lastIndexOf(".");return r>-1?e.slice(r+1).toLowerCase():""}const G={name:"MgImageUpload",mixins:[T],components:{CircleCloseFilled:f.CircleCloseFilled,Delete:f.Delete,Plus:f.Plus},props:{modelValue:{type:[Array,String],default:()=>[]},greyTips:String,otherTips:String,maxFileSize:{type:Number,default:100},fileNum:{type:Number,default:1},initFileList:{type:Array,default:()=>[]},isCropper:Boolean,isDegree:Boolean,degree:{type:Number,default:3},aspectRatio:{type:Number,default:1},imageStyle:Object,resetFilelist:Boolean,accept:{type:String,default:".jpg,.jpeg,.png,.gif,.svg"},foldName:{type:String,default:"portal_cms"},disabled:Boolean,uploading:{type:Boolean,default:!1}},emits:["update:modelValue","update:uploading","sendFile","success","error","progress"],expose:["hasPendingUpload","isUploading"],data(){return{fileList:[],cropImageUrl:"",dialogVisible:!1,cropper:null}},computed:{multiple(){return this.fileNum>1&&!this.isCropper},hasPendingUpload(){return this.fileList.some(e=>e.status==="uploading")},uploadingCount(){return this.fileList.filter(e=>e.status==="uploading").length},showUploadBtn(){return!this.disabled&&this.fileList.length<this.fileNum},acceptList(){return this.accept.split(",").map(e=>e.replace(".","").trim().toLowerCase()).filter(Boolean)},successUrls(){return this.fileList.filter(e=>e.status==="success").map(e=>e.url)}},watch:{hasPendingUpload:{immediate:!0,handler(e){e!==this.uploading&&this.$emit("update:uploading",e)}},initFileList:{deep:!0,immediate:!0,handler(e){e!=null&&e.length&&this.replaceList(F(e))}},modelValue:{immediate:!0,handler(e){var i;if((i=this.initFileList)!=null&&i.length)return;const r=K(e),s=this.successUrls;r.length===s.length&&r.every((n,o)=>n===s[o])||this.replaceList(F(r))}},cropImageUrl(e){this.cropper&&(e?this.cropper.replace(e):this.destroyCropper())}},beforeUnmount(){this.destroyCropper(),this.revokeAllPreviews()},methods:{isUploading(){return this.hasPendingUpload},replaceList(e){this.revokeAllPreviews(),this.fileList=e},revokePreview(e){e!=null&&e.previewUrl&&(URL.revokeObjectURL(e.previewUrl),e.previewUrl="")},revokeAllPreviews(){this.fileList.forEach(e=>this.revokePreview(e))},emitFile(){const e=[...this.successUrls];this.$emit("update:modelValue",e),this.$emit("sendFile",e)},openFilePicker(){const e=this.$refs.fileInput;e&&(e.value="",e.click())},handleUpload(){if(!this.disabled){if(this.fileList.length>=this.fileNum){y.ElMessage.error(`文件数量不超过${this.fileNum}`);return}this.openFilePicker()}},onFileChange(e){const r=[...e.target.files||[]];if(!r.length)return;const s=this.fileNum-this.fileList.length;if(r.length>s){y.ElMessage.error(`文件数量不超过${this.fileNum}个`);return}const i=[],n=[];if(r.forEach(o=>{this.acceptList.includes(H(o.name))?i.push(o):n.push(o)}),n.length){const o=n.map(l=>l.name).join("，");y.ElMessageBox.confirm(`已过滤以下 ${n.length} 个不符合要求的文件：<br/><p style="color:#f56c6c;font-size:12px;">${o}</p><br/>只接受：${this.acceptList.join("/")}`,"提示",{confirmButtonText:"确认",showCancelButton:!1,dangerouslyUseHTMLString:!0,type:"warning"}).catch(()=>{})}if(i.length){if(this.isCropper){this.openCropper(i[0]);return}this.startUpload(i)}},openCropper(e){const r=new FileReader;r.onloadend=s=>{this.cropImageUrl=s.target.result,this.dialogVisible=!0,this.cropper||this.$nextTick(()=>this.initCropper())},r.readAsDataURL(e)},startUpload(e){this.resetFilelist&&this.replaceList([]);const r=this.maxFileSize*1024*1024,s=[];return e.forEach(i=>{if(i.size>r){y.ElMessage.error(`「${i.name}」超出 ${this.maxFileSize}MB 限制`);return}const n=URL.createObjectURL(i),o={uid:O(),url:n,previewUrl:n,status:"uploading",percent:0,raw:i};this.fileList.push(o),s.push(this.uploadOne(o))}),Promise.all(s)},async uploadOne(e){try{const r=await B({file:e.raw,dir:this.getDir(),onProgress:s=>{e.percent=s,this.$emit("progress",s,e.raw)}});this.revokePreview(e),e.url=r.url,e.status="success",e.percent=100,e.raw=null,this.emitFile(),this.$emit("success",r,e)}catch(r){e.status="fail",e.percent=0,this.$emit("error",r,e)}finally{this.dialogVisible&&this.handleBack()}},initCropper(){const e=this.$refs.cropImage;e&&(this.cropper=new A(e,{aspectRatio:this.aspectRatio,autoCropArea:.8,viewMode:1,movable:!0,zoomable:!0,rotatable:!0,guides:!0,background:!0,cropBoxMovable:!0,cropBoxResizable:!0,minCropBoxWidth:100,minCropBoxHeight:100}))},destroyCropper(){this.cropper&&(this.cropper.destroy(),this.cropper=null)},rotate(e){var r;(r=this.cropper)==null||r.rotate(e)},confirmCrop(){if(this.uploadingCount){y.ElMessage.error("上传中，请稍后！");return}if(!this.cropper)return;const e=this.cropper.getCroppedCanvas().toDataURL("image/jpeg");this.startUpload([this.base64ToFile(e)])},base64ToFile(e){const[r,s]=e.split(","),i=r.match(/:(.*?);/)[1],n=i.split("/")[1],o=atob(s),l=new Uint8Array(o.length);for(let p=0;p<o.length;p++)l[p]=o.charCodeAt(p);return new File([l],`${Date.now()}.${n}`,{type:i})},handleBack(){this.cropImageUrl="",this.dialogVisible=!1},removeImg(e){const r=this.fileList[e];!r||r.status==="uploading"||(this.revokePreview(r),this.fileList.splice(e,1),this.emitFile())}}},W={class:"upload-image-cropper"},J=["multiple","accept"],Q={key:0,class:"grey-tips"},X={key:0},Z={class:"list-box"},v={key:0,class:"status-mask is-uploading"},ee={class:"progress-wrap"},te={class:"percent-text"},re={key:1,class:"status-mask is-fail"},se=["onClick"],ie={class:"cropper-box"},oe=["src"],ne={class:"btn-box"},le={class:"btn-box"};function ae(e,r,s,i,n,o){const l=t.resolveComponent("el-image"),p=t.resolveComponent("el-progress"),k=t.resolveComponent("CircleCloseFilled"),c=t.resolveComponent("el-icon"),d=t.resolveComponent("Delete"),g=t.resolveComponent("Plus"),m=t.resolveComponent("el-button"),h=t.resolveComponent("el-dialog");return t.openBlock(),t.createElementBlock("div",W,[t.createElementVNode("input",{ref:"fileInput",type:"file",class:"file-input",multiple:o.multiple,accept:s.accept,onChange:r[0]||(r[0]=(...u)=>o.onFileChange&&o.onFileChange(...u))},null,40,J),s.greyTips?(t.openBlock(),t.createElementBlock("div",Q,[s.otherTips?(t.openBlock(),t.createElementBlock("div",X,t.toDisplayString(s.otherTips),1)):t.createCommentVNode("",!0),t.createTextVNode(" "+t.toDisplayString(s.greyTips),1)])):t.createCommentVNode("",!0),t.createElementVNode("div",Z,[(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(n.fileList,(u,w)=>(t.openBlock(),t.createElementBlock("div",{key:u.uid,class:t.normalizeClass(["image-box",[`is-${u.status}`]]),style:t.normalizeStyle(s.imageStyle)},[t.createVNode(l,{src:u.url,fit:"cover",class:"img"},null,8,["src"]),u.status==="uploading"?(t.openBlock(),t.createElementBlock("div",v,[t.createElementVNode("div",ee,[t.createVNode(p,{type:"circle",percentage:u.percent,width:30,"stroke-width":3,"show-text":!1,color:"var(--mg-primary, #ff5722)"},null,8,["percentage"]),t.createElementVNode("span",te,t.toDisplayString(u.percent)+"%",1)])])):u.status==="fail"?(t.openBlock(),t.createElementBlock("div",re,[t.createVNode(c,{class:"fail-icon",size:16},{default:t.withCtx(()=>[t.createVNode(k)]),_:1}),r[5]||(r[5]=t.createElementVNode("span",{class:"fail-text"},"失败",-1)),t.createVNode(c,{class:"remove-icon",size:14,title:"删除",onClick:t.withModifiers(we=>o.removeImg(w),["stop"])},{default:t.withCtx(()=>[t.createVNode(d)]),_:1},8,["onClick"])])):(t.openBlock(),t.createElementBlock("div",{key:2,class:"status-mask is-success",onClick:we=>o.removeImg(w)},[t.createVNode(c,{class:"remove-icon",size:16},{default:t.withCtx(()=>[t.createVNode(d)]),_:1})],8,se))],6))),128)),t.withDirectives(t.createElementVNode("div",{class:"image-box upload-btn",style:t.normalizeStyle(s.imageStyle),onClick:r[1]||(r[1]=(...u)=>o.handleUpload&&o.handleUpload(...u))},[t.createVNode(c,{class:"icon",size:14},{default:t.withCtx(()=>[t.createVNode(g)]),_:1}),r[6]||(r[6]=t.createElementVNode("div",null,"上传图片",-1))],4),[[t.vShow,o.showUploadBtn]])]),t.createVNode(h,{modelValue:n.dialogVisible,"onUpdate:modelValue":r[4]||(r[4]=u=>n.dialogVisible=u),title:"裁剪图片",width:"600px",top:"5vh","append-to-body":"","close-on-click-modal":!1,onClose:o.handleBack},{default:t.withCtx(()=>[t.createElementVNode("div",ie,[t.withDirectives(t.createElementVNode("img",{ref:"cropImage",src:n.cropImageUrl,class:"cropper-img"},null,8,oe),[[t.vShow,n.cropImageUrl]])]),t.createElementVNode("div",ne,[s.isDegree?(t.openBlock(),t.createElementBlock(t.Fragment,{key:0},[t.createVNode(m,{onClick:r[2]||(r[2]=u=>o.rotate(-s.degree))},{default:t.withCtx(()=>[...r[7]||(r[7]=[t.createTextVNode("向左旋转",-1)])]),_:1}),t.createVNode(m,{onClick:r[3]||(r[3]=u=>o.rotate(s.degree))},{default:t.withCtx(()=>[...r[8]||(r[8]=[t.createTextVNode("向右旋转",-1)])]),_:1})],64)):t.createCommentVNode("",!0),t.createVNode(m,{type:"primary",onClick:o.openFilePicker},{default:t.withCtx(()=>[t.createTextVNode(t.toDisplayString(n.cropImageUrl?"重新上传":"点击上传"),1)]),_:1},8,["onClick"])]),t.createElementVNode("div",le,[t.createVNode(m,{onClick:o.handleBack},{default:t.withCtx(()=>[...r[9]||(r[9]=[t.createTextVNode("取 消",-1)])]),_:1},8,["onClick"]),t.createVNode(m,{type:"primary",onClick:o.confirmCrop},{default:t.withCtx(()=>[...r[10]||(r[10]=[t.createTextVNode("确定",-1)])]),_:1},8,["onClick"])])]),_:1},8,["modelValue","onClose"])])}const I=Y(G,[["render",ae],["__scopeId","data-v-07c103ef"]]);function ce(e){return!!(e==null||typeof e=="string"&&e.trim()===""||Array.isArray(e)&&e.length===0||typeof e=="object"&&!Array.isArray(e)&&Object.keys(e).length===0)}function N(e){if(e===null||typeof e!="object")return e;if(e instanceof Date)return new Date(e.getTime());if(Array.isArray(e))return e.map(s=>N(s));const r={};return Object.keys(e).forEach(s=>{r[s]=N(e[s])}),r}function de(e,r=300){let s=null;return function(...n){s&&clearTimeout(s),s=setTimeout(()=>{e.apply(this,n)},r)}}function pe(e,r=300){let s=0;return function(...n){const o=Date.now();o-s>=r&&(s=o,e.apply(this,n))}}function ue(e,r="YYYY-MM-DD HH:mm:ss"){const s=e instanceof Date?e:new Date(e);if(Number.isNaN(s.getTime()))return"";const i={YYYY:String(s.getFullYear()),MM:String(s.getMonth()+1).padStart(2,"0"),DD:String(s.getDate()).padStart(2,"0"),HH:String(s.getHours()).padStart(2,"0"),mm:String(s.getMinutes()).padStart(2,"0"),ss:String(s.getSeconds()).padStart(2,"0")};return Object.keys(i).reduce((n,o)=>n.replace(o,i[o]),r)}function me(e="id"){return`${e}_${Date.now()}_${Math.random().toString(36).slice(2,9)}`}const fe=Object.freeze(Object.defineProperty({__proto__:null,debounce:de,deepClone:N,formatDate:ue,isEmpty:ce,throttle:pe,uniqueId:me},Symbol.toStringTag,{value:"Module"}));function P(e={}){const{baseURL:r="",timeout:s=6e4,tokenKey:i,systemIdKey:n,loginUrl:o="/login"}=e,l=$.create({baseURL:r,timeout:s});let p=!1;function k(){typeof localStorage<"u"&&localStorage.clear(),!p&&(p=!0,setTimeout(()=>{typeof window<"u"&&window.location.replace(o)},1500))}return l.interceptors.request.use(c=>{if(c.headers["Content-Type"]="application/json;charset=UTF-8",typeof localStorage<"u"){if(i){const d=localStorage.getItem(i);d&&(c.headers.Authorization=d)}if(n){const d=localStorage.getItem(n);d&&(c.headers.systemId=d)}}return c},c=>Promise.reject(c)),l.interceptors.response.use(c=>{if(c.status!==200)return Promise.reject(new Error(`请求发生错误，状态码 ${c.status}`));const{data:d,config:g}=c;if(g.responseType==="arraybuffer")return d;if(d&&d.code===0)return d.data;if(d&&(d.code===401||d.code===403))return k(),Promise.reject(new Error("登录失效，请重新登录"));const m=d&&(d.data||d.message||d.msg)||"请求失败";return Promise.reject(new Error(String(m)))},c=>Promise.reject(c)),l}function M(e={}){const r=P(e);return{GET(s,i={}){return r({method:"get",url:s,...i})},POST(s,i,n={}){return r({method:"post",url:s,data:i,...n})},DELETE(s,i={}){return r({method:"delete",url:s,...i})}}}let U=null;function ge(e){U=e}function he(){if(!U)throw new Error("[mgacn-commonsdk] 请先 app.use(MgacnCommonSdk, { tokenKey, baseURL })");return U}const ye=[I],j=(e,r={})=>{ye.forEach(n=>{n.name&&e.component(n.name,n)});const s=M(r),i=E(s);ge(s),q(i),e.config.globalProperties.$request=s,e.config.globalProperties.$api=i},ke={install:j,version:"1.0.0"};a.ImageUpload=I,a.aliOssMixin=T,a.createApi=E,a.createOssClient=b,a.createRequest=M,a.createService=P,a.default=ke,a.getApi=V,a.getOssSts=_,a.getRequest=he,a.install=j,a.uploadToOss=B,a.utils=fe,Object.defineProperties(a,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
1
+ (function(b,E){typeof exports=="object"&&typeof module<"u"?E(exports,require("@element-plus/icons-vue"),require("element-plus"),require("cropperjs"),require("ali-oss"),require("vue"),require("axios")):typeof define=="function"&&define.amd?define(["exports","@element-plus/icons-vue","element-plus","cropperjs","ali-oss","vue","axios"],E):(b=typeof globalThis<"u"?globalThis:b||self,E(b.MgacnCommonSdk={},b.ElementPlusIconsVue,b.ElementPlus,b.Cropper,b.OSS,b.Vue,b.axios))})(this,(function(b,E,$,ke,Ce,e,we){"use strict";function X(t){if(!t)throw new Error("[mgacn-commonsdk] createApi 需要传入 request 实例");return{logout(o){return t.GET(`/yhAdmin/login/exit/${o}`)},getUserInfo(o){return t.GET(`/yhAdmin/user/queryUser/${o}`)},getOssSts(o){return t.GET("/yhAdmin/oss/fileUploadSts",{params:{dir:o}})}}}const J="__MGACN_COMMONSDK_API__";function Z(t){globalThis[J]=t}function v(){const t=globalThis[J];if(!t)throw new Error("[mgacn-commonsdk] 请先 app.use(MgacnCommonSdk, { tokenKey, baseURL })");return t}function ee(t){return String(t).padStart(2,"0")}function Ne(){const t=new Date;return`${t.getFullYear()}${ee(t.getMonth()+1)}${ee(t.getDate())}`}function te(t=10){const o="0123456789abcdefghijklmnopqrstuvwxyz";let n="";for(let r=0;r<t;r++)n+=o[Math.floor(Math.random()*o.length)];return n}function z(t="portal_cms"){return`${t}/${Ne()}/`}function H(t){return v().getOssSts(t)}async function P(t={}){const{dir:o,foldName:n,getOss:r,ossinfo:l}=t,s=o||z(n||"portal_cms"),c=l||(typeof r=="function"?await r(s):await H(s));if(!c)throw new Error("[mgacn-commonsdk] 获取 OSS STS 失败");const g=new Ce({bucket:c.bucketName,accessKeyId:c.accessKeyId,accessKeySecret:c.accessKeySecret,success_action_status:"200",stsToken:c.securityToken,endpoint:c.endPoint});return g.options.ossUrl=c.ossUrl||c.domain||(c.bucketName&&c.endPoint?`https://${c.bucketName}.${c.endPoint}`:""),g.options.uploadDir=s,g}async function ne(t={}){const{client:o,file:n,dir:r,foldName:l,fileName:s,onProgress:c}=t;if(!n)throw new Error("[mgacn-commonsdk] uploadToOss 缺少 file");const g=o||await P({dir:r,foldName:l}),k=r||g.options.uploadDir||z(l);let d=s;if(!d){const h=n.name||"file",p=h.indexOf("."),w=p>-1?h.slice(p):"";d=`${k}${te(10)}${w}`}const u=await g.multipartUpload(d,n,{progress:h=>{typeof c=="function"&&c(Math.floor(h*100))}});if(u.res&&u.res.statusCode!==200)throw new Error("[mgacn-commonsdk] 上传失败");const _=(g.options.ossUrl||"").replace(/\/$/,""),m=_?`${_}/${d}`:d;return{name:d,url:m,raw:u,client:g}}const oe={methods:{getDir(){return z(this.foldName||"portal_cms")},randomString:te,getOss(){return H(this.getDir())},async createOssClient(){return P({dir:this.getDir(),getOss:()=>this.getOss()})}}},T=(t,o)=>{const n=t.__vccOpts||t;for(const[r,l]of o)n[r]=l;return n};let le=0;function ae(){return le+=1,`mg-img-${Date.now()}-${le}`}function Se(t){return Array.isArray(t)?t.filter(Boolean):t?[t]:[]}function re(t){return t.map(o=>({uid:ae(),url:o,status:"success",percent:100,previewUrl:""}))}function Ve(t=""){const o=t.lastIndexOf(".");return o>-1?t.slice(o+1).toLowerCase():""}const xe={name:"MgImageUpload",mixins:[oe],components:{CircleCloseFilled:E.CircleCloseFilled,Delete:E.Delete,Plus:E.Plus},props:{modelValue:{type:[Array,String],default:()=>[]},greyTips:String,otherTips:String,maxFileSize:{type:Number,default:100},fileNum:{type:Number,default:1},initFileList:{type:Array,default:()=>[]},isCropper:Boolean,isDegree:Boolean,degree:{type:Number,default:3},aspectRatio:{type:Number,default:1},imageStyle:Object,resetFilelist:Boolean,accept:{type:String,default:".jpg,.jpeg,.png,.gif,.svg"},foldName:{type:String,default:"portal_cms"},disabled:Boolean,uploading:{type:Boolean,default:!1}},emits:["update:modelValue","update:uploading","sendFile","success","error","progress"],expose:["hasPendingUpload","isUploading"],data(){return{fileList:[],cropImageUrl:"",dialogVisible:!1,cropper:null}},computed:{multiple(){return this.fileNum>1&&!this.isCropper},hasPendingUpload(){return this.fileList.some(t=>t.status==="uploading")},uploadingCount(){return this.fileList.filter(t=>t.status==="uploading").length},showUploadBtn(){return!this.disabled&&this.fileList.length<this.fileNum},acceptList(){return this.accept.split(",").map(t=>t.replace(".","").trim().toLowerCase()).filter(Boolean)},successUrls(){return this.fileList.filter(t=>t.status==="success").map(t=>t.url)}},watch:{hasPendingUpload:{immediate:!0,handler(t){t!==this.uploading&&this.$emit("update:uploading",t)}},initFileList:{deep:!0,immediate:!0,handler(t){t!=null&&t.length&&this.replaceList(re(t))}},modelValue:{immediate:!0,handler(t){var r;if((r=this.initFileList)!=null&&r.length)return;const o=Se(t),n=this.successUrls;o.length===n.length&&o.every((l,s)=>l===n[s])||this.replaceList(re(o))}},cropImageUrl(t){this.cropper&&(t?this.cropper.replace(t):this.destroyCropper())}},beforeUnmount(){this.destroyCropper(),this.revokeAllPreviews()},methods:{isUploading(){return this.hasPendingUpload},replaceList(t){this.revokeAllPreviews(),this.fileList=t},revokePreview(t){t!=null&&t.previewUrl&&(URL.revokeObjectURL(t.previewUrl),t.previewUrl="")},revokeAllPreviews(){this.fileList.forEach(t=>this.revokePreview(t))},emitFile(){const t=[...this.successUrls];this.$emit("update:modelValue",t),this.$emit("sendFile",t)},openFilePicker(){const t=this.$refs.fileInput;t&&(t.value="",t.click())},handleUpload(){if(!this.disabled){if(this.fileList.length>=this.fileNum){$.ElMessage.error(`文件数量不超过${this.fileNum}`);return}this.openFilePicker()}},onFileChange(t){const o=[...t.target.files||[]];if(!o.length)return;const n=this.fileNum-this.fileList.length;if(o.length>n){$.ElMessage.error(`文件数量不超过${this.fileNum}个`);return}const r=[],l=[];if(o.forEach(s=>{this.acceptList.includes(Ve(s.name))?r.push(s):l.push(s)}),l.length){const s=l.map(c=>c.name).join("，");$.ElMessageBox.confirm(`已过滤以下 ${l.length} 个不符合要求的文件：<br/><p style="color:#f56c6c;font-size:12px;">${s}</p><br/>只接受：${this.acceptList.join("/")}`,"提示",{confirmButtonText:"确认",showCancelButton:!1,dangerouslyUseHTMLString:!0,type:"warning"}).catch(()=>{})}if(r.length){if(this.isCropper){this.openCropper(r[0]);return}this.startUpload(r)}},openCropper(t){const o=new FileReader;o.onloadend=n=>{this.cropImageUrl=n.target.result,this.dialogVisible=!0,this.cropper||this.$nextTick(()=>this.initCropper())},o.readAsDataURL(t)},startUpload(t){this.resetFilelist&&this.replaceList([]);const o=this.maxFileSize*1024*1024,n=[];return t.forEach(r=>{if(r.size>o){$.ElMessage.error(`「${r.name}」超出 ${this.maxFileSize}MB 限制`);return}const l=URL.createObjectURL(r),s={uid:ae(),url:l,previewUrl:l,status:"uploading",percent:0,raw:r};this.fileList.push(s),n.push(this.uploadOne(s))}),Promise.all(n)},async uploadOne(t){try{const o=await ne({file:t.raw,dir:this.getDir(),onProgress:n=>{t.percent=n,this.$emit("progress",n,t.raw)}});this.revokePreview(t),t.url=o.url,t.status="success",t.percent=100,t.raw=null,this.emitFile(),this.$emit("success",o,t)}catch(o){t.status="fail",t.percent=0,this.$emit("error",o,t)}finally{this.dialogVisible&&this.handleBack()}},initCropper(){const t=this.$refs.cropImage;t&&(this.cropper=new ke(t,{aspectRatio:this.aspectRatio,autoCropArea:.8,viewMode:1,movable:!0,zoomable:!0,rotatable:!0,guides:!0,background:!0,cropBoxMovable:!0,cropBoxResizable:!0,minCropBoxWidth:100,minCropBoxHeight:100}))},destroyCropper(){this.cropper&&(this.cropper.destroy(),this.cropper=null)},rotate(t){var o;(o=this.cropper)==null||o.rotate(t)},confirmCrop(){if(this.uploadingCount){$.ElMessage.error("上传中，请稍后！");return}if(!this.cropper)return;const t=this.cropper.getCroppedCanvas().toDataURL("image/jpeg");this.startUpload([this.base64ToFile(t)])},base64ToFile(t){const[o,n]=t.split(","),r=o.match(/:(.*?);/)[1],l=r.split("/")[1],s=atob(n),c=new Uint8Array(s.length);for(let g=0;g<s.length;g++)c[g]=s.charCodeAt(g);return new File([c],`${Date.now()}.${l}`,{type:r})},handleBack(){this.cropImageUrl="",this.dialogVisible=!1},removeImg(t){const o=this.fileList[t];!o||o.status==="uploading"||(this.revokePreview(o),this.fileList.splice(t,1),this.emitFile())}}},Be={class:"upload-image-cropper"},Ee=["multiple","accept"],De={key:0,class:"grey-tips"},Me={key:0},Te={class:"list-box"},Ue={key:0,class:"status-mask is-uploading"},Le={class:"progress-wrap"},$e={class:"percent-text"},Oe={key:1,class:"status-mask is-fail"},Fe=["onClick"],Ae={class:"cropper-box"},Re=["src"],ze={class:"btn-box"},He={class:"btn-box"};function Pe(t,o,n,r,l,s){const c=e.resolveComponent("el-image"),g=e.resolveComponent("el-progress"),k=e.resolveComponent("CircleCloseFilled"),d=e.resolveComponent("el-icon"),u=e.resolveComponent("Delete"),_=e.resolveComponent("Plus"),m=e.resolveComponent("el-button"),h=e.resolveComponent("el-dialog");return e.openBlock(),e.createElementBlock("div",Be,[e.createElementVNode("input",{ref:"fileInput",type:"file",class:"file-input",multiple:s.multiple,accept:n.accept,onChange:o[0]||(o[0]=(...p)=>s.onFileChange&&s.onFileChange(...p))},null,40,Ee),n.greyTips?(e.openBlock(),e.createElementBlock("div",De,[n.otherTips?(e.openBlock(),e.createElementBlock("div",Me,e.toDisplayString(n.otherTips),1)):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(n.greyTips),1)])):e.createCommentVNode("",!0),e.createElementVNode("div",Te,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(l.fileList,(p,w)=>(e.openBlock(),e.createElementBlock("div",{key:p.uid,class:e.normalizeClass(["image-box",[`is-${p.status}`]]),style:e.normalizeStyle(n.imageStyle)},[e.createVNode(c,{src:p.url,fit:"cover",class:"img"},null,8,["src"]),p.status==="uploading"?(e.openBlock(),e.createElementBlock("div",Ue,[e.createElementVNode("div",Le,[e.createVNode(g,{type:"circle",percentage:p.percent,width:30,"stroke-width":3,"show-text":!1,color:"var(--mg-primary, #ff5722)"},null,8,["percentage"]),e.createElementVNode("span",$e,e.toDisplayString(p.percent)+"%",1)])])):p.status==="fail"?(e.openBlock(),e.createElementBlock("div",Oe,[e.createVNode(d,{class:"fail-icon",size:16},{default:e.withCtx(()=>[e.createVNode(k)]),_:1}),o[5]||(o[5]=e.createElementVNode("span",{class:"fail-text"},"失败",-1)),e.createVNode(d,{class:"remove-icon",size:14,title:"删除",onClick:e.withModifiers(S=>s.removeImg(w),["stop"])},{default:e.withCtx(()=>[e.createVNode(u)]),_:1},8,["onClick"])])):(e.openBlock(),e.createElementBlock("div",{key:2,class:"status-mask is-success",onClick:S=>s.removeImg(w)},[e.createVNode(d,{class:"remove-icon",size:16},{default:e.withCtx(()=>[e.createVNode(u)]),_:1})],8,Fe))],6))),128)),e.withDirectives(e.createElementVNode("div",{class:"image-box upload-btn",style:e.normalizeStyle(n.imageStyle),onClick:o[1]||(o[1]=(...p)=>s.handleUpload&&s.handleUpload(...p))},[e.createVNode(d,{class:"icon",size:14},{default:e.withCtx(()=>[e.createVNode(_)]),_:1}),o[6]||(o[6]=e.createElementVNode("div",null,"上传图片",-1))],4),[[e.vShow,s.showUploadBtn]])]),e.createVNode(h,{modelValue:l.dialogVisible,"onUpdate:modelValue":o[4]||(o[4]=p=>l.dialogVisible=p),title:"裁剪图片",width:"600px",top:"5vh","append-to-body":"","close-on-click-modal":!1,onClose:s.handleBack},{default:e.withCtx(()=>[e.createElementVNode("div",Ae,[e.withDirectives(e.createElementVNode("img",{ref:"cropImage",src:l.cropImageUrl,class:"cropper-img"},null,8,Re),[[e.vShow,l.cropImageUrl]])]),e.createElementVNode("div",ze,[n.isDegree?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(m,{onClick:o[2]||(o[2]=p=>s.rotate(-n.degree))},{default:e.withCtx(()=>[...o[7]||(o[7]=[e.createTextVNode("向左旋转",-1)])]),_:1}),e.createVNode(m,{onClick:o[3]||(o[3]=p=>s.rotate(n.degree))},{default:e.withCtx(()=>[...o[8]||(o[8]=[e.createTextVNode("向右旋转",-1)])]),_:1})],64)):e.createCommentVNode("",!0),e.createVNode(m,{type:"primary",onClick:s.openFilePicker},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(l.cropImageUrl?"重新上传":"点击上传"),1)]),_:1},8,["onClick"])]),e.createElementVNode("div",He,[e.createVNode(m,{onClick:s.handleBack},{default:e.withCtx(()=>[...o[9]||(o[9]=[e.createTextVNode("取 消",-1)])]),_:1},8,["onClick"]),e.createVNode(m,{type:"primary",onClick:s.confirmCrop},{default:e.withCtx(()=>[...o[10]||(o[10]=[e.createTextVNode("确定",-1)])]),_:1},8,["onClick"])])]),_:1},8,["modelValue","onClose"])])}const se=T(xe,[["render",Pe],["__scopeId","data-v-27d5f986"]]),Ie={__name:"DateRangePicker",props:{start:{type:String},end:{type:String},type:{default:"daterange"},format:{default:"YYYY-MM-DD"},valueFormat:{default:"YYYY-MM-DD HH:mm:ss"},defaultTime:{default:[new Date(2024,1,1,0,0,0),new Date(2024,1,1,23,59,59)]},title:{type:String,default:""},canClearable:{type:Boolean,default:!0}},emits:["update:start","update:end","change"],setup(t,{emit:o}){const n=o,r=t,l=e.ref([]);e.watch(()=>r.start,()=>{l.value=[r.start,r.end]}),e.onMounted(()=>{l.value=[r.start,r.end]});function s(c){n("update:start",c?c[0]:""),n("update:end",c?c[1]:""),n("change")}return(c,g)=>{const k=e.resolveComponent("el-date-picker");return e.openBlock(),e.createBlock(k,{modelValue:l.value,"onUpdate:modelValue":g[0]||(g[0]=d=>l.value=d),type:t.type,"range-separator":"至","start-placeholder":`${t.title} 开始`,"end-placeholder":"结束","value-format":t.valueFormat,"default-time":t.defaultTime,class:"date-range-picker",onChange:s,clearable:t.canClearable},null,8,["modelValue","type","start-placeholder","value-format","default-time","clearable"])}}},I=T(Ie,[["__scopeId","data-v-47618fba"]]),je={class:"common-search__body"},Ye={class:"common-search__fields-wrap"},qe={key:0,class:"common-search__label"},Ke={key:4,class:"common-search__range"},We={class:"common-search__range-sep"},Ge={key:6,class:"common-search__range"},Qe={key:0,class:"common-search__actions is-inline"},Xe={key:0,class:"common-search__footer"},Je={class:"common-search__actions is-bottom"},Ze={class:"common-search__actions-main"},ie=T(Object.assign({name:"MgSearchForm"},{__name:"SearchForm",props:{modelValue:{type:Object,default:()=>({})},itemList:{type:Array,default:()=>[]},loading:{type:Boolean,default:!1}},emits:["change","search","reset","update:modelValue"],setup(t,{emit:o}){const n=t,r=o,l=e.ref({}),s=e.reactive({}),c=e.reactive({});let g=!1;function k(i,f){return JSON.stringify(i??{})===JSON.stringify(f??{})}const d=e.ref(null),u=e.ref(!1),_=e.ref(!1),m=e.ref(0),h=e.ref(0),p=e.ref(null);let w=null,S=!1,C=!1;const K=e.computed(()=>{if(!(!_.value||p.value==null))return{maxHeight:`${p.value}px`,overflow:"hidden"}});e.watch(()=>n.modelValue,i=>{k(i,l.value)||(g=!0,l.value={...i||{}},e.nextTick(()=>{g=!1}))},{deep:!0,immediate:!0}),e.watch(l,()=>{g||r("update:modelValue",{...l.value})},{deep:!0}),e.watch(()=>n.itemList,()=>{u.value=!1,e.nextTick(()=>O())},{deep:!0}),e.onMounted(()=>{e.nextTick(()=>O()),typeof ResizeObserver<"u"&&(w=new ResizeObserver(()=>{!S&&!C&&O()}),d.value&&w.observe(d.value)),window.addEventListener("resize",V)}),e.onBeforeUnmount(()=>{w==null||w.disconnect(),window.removeEventListener("resize",V)});function V(){!S&&!C&&O()}function W(i){if(!i.width)return;const f=typeof i.width=="number"?`${i.width}px`:i.width;return{width:f,minWidth:f}}function ye(i,f){if(i==null)return"";if(typeof i!="object")return String(i);const N=f.optionsLabel||"label";return typeof N=="string"?i[N]:Array.isArray(N)?`${i[N[0]]}（${i[N[1]]}）`:i.label}function F(i,f){return i==null||typeof i!="object"?i:i[f.optionsValue||"value"]}async function Vt(i,f){if(typeof i.remoteMethod=="function"){c[i.prop]=!0;try{const N=await i.remoteMethod(f);s[i.prop]=Array.isArray(N)?N:[]}finally{c[i.prop]=!1}}}function be(i){const f=i.style.maxHeight,N=i.style.overflow,U=i.style.transition;i.style.transition="none",i.style.maxHeight="none",i.style.overflow="visible";const D=i.scrollHeight;return i.style.maxHeight=f,i.style.overflow=N,i.offsetHeight,i.style.transition=U,D}function O(){const i=d.value;if(!i||S||C)return;S=!0;const f=i.closest(".common-search"),N=i.querySelectorAll(".common-search__field");if(!N.length||!f){_.value=!1,m.value=0,h.value=0,p.value=null,S=!1;return}m.value=N[0].offsetHeight,h.value=be(i);const U=f.clientWidth,D=20;let M=0,R=1;Array.from(N).forEach((G,a)=>{const L=G.offsetWidth;if(a===0){M=L;return}M+D+L>U?(R+=1,M=L):M+=D+L});const B=R>1;_.value=B,B?u.value?p.value=h.value:p.value=m.value:(u.value=!1,p.value=null),S=!1}function xt(){const i=d.value;if(!i||C)return;C=!0;const f=i.getBoundingClientRect().height||m.value;if(u.value)p.value=f,u.value=!1,requestAnimationFrame(()=>{requestAnimationFrame(()=>{p.value=m.value})});else{p.value=f;const N=be(i);h.value=N,u.value=!0,requestAnimationFrame(()=>{requestAnimationFrame(()=>{p.value=N})})}window.setTimeout(()=>{C=!1,O()},380)}function Bt(){const i={};return n.itemList.forEach(f=>{f.type==="daterange"||f.type==="dateRange"?(i[f.start]=void 0,i[f.end]=void 0):f.type==="number-range"||f.type==="numberRange"?(i[f.start||`${f.prop}Min`]=void 0,i[f.end||`${f.prop}Max`]=void 0):f.multiple?i[f.prop]=[]:f.prop&&(i[f.prop]=void 0)}),i}function _e(){r("update:modelValue",{...l.value})}function x(){_e(),r("change",{...l.value}),r("search",{...l.value})}function A(){l.value=Bt(),_e(),r("reset",{...l.value}),r("change",{...l.value})}return(i,f)=>{const N=e.resolveComponent("el-input"),U=e.resolveComponent("el-option"),D=e.resolveComponent("el-select"),M=e.resolveComponent("el-input-number"),R=e.resolveComponent("el-date-picker"),B=e.resolveComponent("el-button"),G=e.resolveComponent("el-icon");return e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["common-search",{"is-single-row":!_.value,"is-multi-row":_.value,"is-expanded":_.value&&u.value,"is-collapsed":_.value&&!u.value}])},[e.createElementVNode("div",je,[e.createElementVNode("div",Ye,[e.createElementVNode("div",{ref_key:"fieldsRef",ref:d,class:"common-search__fields",style:e.normalizeStyle(K.value)},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.itemList,(a,L)=>(e.openBlock(),e.createElementBlock("div",{key:a.prop||a.start||L,class:e.normalizeClass(["common-search__field",[`is-${a.type}`,a.className]]),style:e.normalizeStyle(W(a))},[a.label?(e.openBlock(),e.createElementBlock("label",qe,e.toDisplayString(a.label),1)):e.createCommentVNode("",!0),a.type==="input"||a.type==="text"?(e.openBlock(),e.createBlock(N,{key:1,modelValue:l.value[a.prop],"onUpdate:modelValue":y=>l.value[a.prop]=y,modelModifiers:{trim:!0},clearable:"",placeholder:a.placeholder||`请输入${a.label||""}`,maxlength:a.maxlength||200,disabled:a.disabled,onKeyup:e.withKeys(x,["enter"])},null,8,["modelValue","onUpdate:modelValue","placeholder","maxlength","disabled"])):a.type==="select"?(e.openBlock(),e.createBlock(D,{key:2,modelValue:l.value[a.prop],"onUpdate:modelValue":y=>l.value[a.prop]=y,placeholder:a.placeholder||`请选择${a.label||""}`,clearable:"",filterable:a.filterable!==!1,multiple:a.multiple,"collapse-tags":a.multiple,"collapse-tags-tooltip":a.multiple,disabled:a.disabled,class:"common-search__control",onChange:x},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.options||[],(y,Q)=>(e.openBlock(),e.createBlock(U,{key:`${F(y,a)}-${Q}`,label:ye(y,a),value:F(y,a),disabled:typeof y=="object"&&(y==null?void 0:y.disabled)},null,8,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","filterable","multiple","collapse-tags","collapse-tags-tooltip","disabled"])):a.type==="remote-select"||a.type==="remoteSelect"?(e.openBlock(),e.createBlock(D,{key:3,modelValue:l.value[a.prop],"onUpdate:modelValue":y=>l.value[a.prop]=y,placeholder:a.placeholder||"请输入关键词搜索",clearable:"",filterable:"",remote:"",multiple:a.multiple,"collapse-tags":a.multiple,"collapse-tags-tooltip":a.multiple,"reserve-keyword":!1,"remote-method":y=>Vt(a,y),loading:!!c[a.prop],disabled:a.disabled,class:"common-search__control",onClear:y=>s[a.prop]=[],onChange:x},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(s[a.prop]||a.options||[],(y,Q)=>(e.openBlock(),e.createBlock(U,{key:`${F(y,a)}-${Q}`,label:ye(y,a),value:F(y,a),disabled:typeof y=="object"&&(y==null?void 0:y.disabled)},null,8,["label","value","disabled"]))),128))]),_:2},1032,["modelValue","onUpdate:modelValue","placeholder","multiple","collapse-tags","collapse-tags-tooltip","remote-method","loading","disabled","onClear"])):a.type==="number-range"||a.type==="numberRange"?(e.openBlock(),e.createElementBlock("div",Ke,[e.createVNode(M,{modelValue:l.value[a.start||`${a.prop}Min`],"onUpdate:modelValue":y=>l.value[a.start||`${a.prop}Min`]=y,controls:!1,min:a.min,max:a.max,precision:a.precision,placeholder:a.minPlaceholder||"最小值",disabled:a.disabled,class:"common-search__range-input"},null,8,["modelValue","onUpdate:modelValue","min","max","precision","placeholder","disabled"]),e.createElementVNode("span",We,e.toDisplayString(a.separator||"至"),1),e.createVNode(M,{modelValue:l.value[a.end||`${a.prop}Max`],"onUpdate:modelValue":y=>l.value[a.end||`${a.prop}Max`]=y,controls:!1,min:a.min,max:a.max,precision:a.precision,placeholder:a.maxPlaceholder||"最大值",disabled:a.disabled,class:"common-search__range-input"},null,8,["modelValue","onUpdate:modelValue","min","max","precision","placeholder","disabled"])])):a.type==="date"?(e.openBlock(),e.createBlock(R,{key:5,modelValue:l.value[a.prop],"onUpdate:modelValue":y=>l.value[a.prop]=y,type:a.dateType||"date",placeholder:a.placeholder||"年/月/日","value-format":a.valueFormat||"YYYY-MM-DD",format:a.format||"YYYY/MM/DD",clearable:a.clearable!==!1,disabled:a.disabled,class:"common-search__control"},null,8,["modelValue","onUpdate:modelValue","type","placeholder","value-format","format","clearable","disabled"])):a.type==="daterange"||a.type==="dateRange"?(e.openBlock(),e.createElementBlock("div",Ge,[e.createVNode(I,{start:l.value[a.start],"onUpdate:start":y=>l.value[a.start]=y,end:l.value[a.end],"onUpdate:end":y=>l.value[a.end]=y,onChange:x},null,8,["start","onUpdate:start","end","onUpdate:end"])])):e.renderSlot(i.$slots,a.slotName||a.prop,{item:a,form:l.value},void 0,!0,7)],6))),128))],4)]),_.value?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("div",Qe,[e.renderSlot(i.$slots,"actions",{search:x,reset:A,form:l.value},()=>[e.createVNode(B,{class:"common-search__reset",onClick:A},{default:e.withCtx(()=>[...f[0]||(f[0]=[e.createTextVNode("重置",-1)])]),_:1}),e.createVNode(B,{type:"primary",class:"common-search__submit",loading:t.loading,onClick:x},{default:e.withCtx(()=>[...f[1]||(f[1]=[e.createTextVNode(" 搜索 ",-1)])]),_:1},8,["loading"])],!0)]))]),_.value?(e.openBlock(),e.createElementBlock("div",Xe,[e.createElementVNode("div",Je,[e.createElementVNode("div",Ze,[e.renderSlot(i.$slots,"actions",{search:x,reset:A,form:l.value},()=>[e.createVNode(B,{class:"common-search__reset",onClick:A},{default:e.withCtx(()=>[...f[2]||(f[2]=[e.createTextVNode("重置",-1)])]),_:1}),e.createVNode(B,{type:"primary",class:"common-search__submit",loading:t.loading,onClick:x},{default:e.withCtx(()=>[...f[3]||(f[3]=[e.createTextVNode(" 搜索 ",-1)])]),_:1},8,["loading"])],!0)]),e.createVNode(B,{onClick:xt,type:"primary",plain:""},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(u.value?"收起":"展开")+" ",1),e.createVNode(G,{class:"el-icon--right"},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(u.value?"ArrowUp":"ArrowDown")))]),_:1})]),_:1})])])):e.createCommentVNode("",!0)],2)),[[e.vShow,t.itemList.length]])}}}),[["__scopeId","data-v-08ffb41c"]]),ve={name:"MgOverflowHid",props:{label:String,value:String,maxLength:{type:Number,default:40},labelClassName:{type:String,default:()=>"text_nomal"},valueClassName:{type:String,default:()=>"text_nomal"}},data(){return{}},methods:{cutString(t,o){let n=t||"";return n&&n.length>o&&(n=n.slice(0,o)+"..."),n}}},et={class:"tableOverflowHid"},tt=["innerHTML"],nt={class:"name-wrapper"},ot=["innerHTML"],lt={key:1},at=["innerHTML"];function rt(t,o,n,r,l,s){const c=e.resolveComponent("el-popover");return e.openBlock(),e.createElementBlock("div",et,[n.value&&n.value.length>n.maxLength?(e.openBlock(),e.createBlock(c,{key:0,trigger:"hover",placement:"bottom",width:"400"},{reference:e.withCtx(()=>[e.createElementVNode("div",nt,[e.withDirectives(e.createElementVNode("span",{class:e.normalizeClass(n.labelClassName)},e.toDisplayString(n.label)+"：",3),[[e.vShow,n.label]]),e.createElementVNode("span",{class:e.normalizeClass(n.valueClassName),innerHTML:s.cutString(n.value,n.maxLength)},null,10,ot)])]),default:e.withCtx(()=>[e.withDirectives(e.createElementVNode("span",{class:e.normalizeClass(n.labelClassName)},e.toDisplayString(n.label)+"：",3),[[e.vShow,n.label]]),e.createElementVNode("span",{innerHTML:n.value},null,8,tt)]),_:1})):(e.openBlock(),e.createElementBlock("div",lt,[e.withDirectives(e.createElementVNode("span",{class:e.normalizeClass(n.labelClassName)},e.toDisplayString(n.label)+"：",3),[[e.vShow,n.label]]),e.createElementVNode("span",{class:e.normalizeClass([n.valueClassName,"value"])},[e.createElementVNode("span",{innerHTML:n.value},null,8,at)],2)]))])}const j=T(ve,[["render",rt],["__scopeId","data-v-ef86ea54"]]),st={class:"common-table__main"},it={key:0},ct={key:1},dt={key:2,class:"bold-text"},pt={key:0,class:"common-table__pagination"},ce=T(Object.assign({name:"MgDataTable"},{__name:"DataTable",props:{propList:{type:Array,default:()=>[]},dataList:{type:Array,default:()=>[]},tableBind:{type:Object,default:()=>({})},canCellClick:{type:Boolean,default:!1},pagination:{type:Object,default:void 0},pageSizes:{type:Array,default:()=>[10,20,50,100]},paginationLayout:{type:String,default:"total, sizes, prev, pager, next, jumper"},showIndex:{type:Boolean,default:!1},indexLabel:{type:String,default:"序号"},indexWidth:{type:[String,Number],default:64},fillHeight:{type:Boolean,default:!1}},emits:["pageChange","cellClick","edit","delete"],setup(t,{emit:o}){const n=t,r=o,l={background:"var(--brand-secondary-pale)",color:"var(--brand-text-primary)",fontWeight:600,fontSize:"13px"},s=e.computed(()=>({headerCellStyle:l,...n.tableBind}));function c(m){const{slotName:h,maxLength:p,...w}=m||{};return{...w}}function g(m){return m==null||m===""?"-":m}function k(m){return n.pagination?(n.pagination.page-1)*n.pagination.limit+m+1:m+1}function d(m){var h;r("pageChange",{page:(h=n.pagination)==null?void 0:h.page,limit:m})}function u(m){var h;r("pageChange",{page:m,limit:(h=n.pagination)==null?void 0:h.limit})}function _(m,h,p,w){r("cellClick",m,h,p,w),n.canCellClick&&(h==null?void 0:h.label)!=="操作"&&window.getSelection().toString()}return(m,h)=>{const p=e.resolveComponent("el-table-column"),w=e.resolveComponent("el-table"),S=e.resolveComponent("el-pagination");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["common-table",{"is-fill-height":t.fillHeight}])},[e.createElementVNode("div",st,[e.createVNode(w,e.mergeProps({data:t.dataList,height:t.fillHeight?"100%":void 0,class:{"common-pointer-table":t.canCellClick}},s.value,{onCellClick:_}),{default:e.withCtx(()=>[t.showIndex?(e.openBlock(),e.createBlock(p,{key:0,type:"index",label:t.indexLabel,width:t.indexWidth,index:k,align:"center"},null,8,["label","width"])):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.propList,(C,K)=>(e.openBlock(),e.createBlock(p,e.mergeProps({key:C.prop||C.slotName||K},{ref_for:!0},c(C)),e.createSlots({_:2},[C.slotName?{name:"default",fn:e.withCtx(({row:V,$index:W})=>[C.slotName==="overtext"?(e.openBlock(),e.createElementBlock("div",it,[e.createVNode(j,{value:String(V[C.prop]??""),"max-length":C.maxLength||18},null,8,["value","max-length"])])):C.slotName==="whether"?(e.openBlock(),e.createElementBlock("div",ct,e.toDisplayString(V[C.prop]==0?"否":V[C.prop]==1?"是":""),1)):C.slotName==="boldtext"?(e.openBlock(),e.createElementBlock("div",dt,e.toDisplayString(V[C.prop]),1)):e.renderSlot(m.$slots,C.slotName,{row:V,index:W,column:C},()=>[e.createTextVNode(e.toDisplayString(g(V[C.prop])),1)],!0,3)]),key:"0"}:void 0]),1040))),128)),e.renderSlot(m.$slots,"default",{},void 0,!0)]),_:3},16,["data","height","class"])]),t.pagination?(e.openBlock(),e.createElementBlock("div",pt,[e.createVNode(S,{background:"","current-page":t.pagination.page,"page-size":t.pagination.limit,"page-sizes":t.pageSizes,total:t.pagination.total,layout:t.paginationLayout,onSizeChange:d,onCurrentChange:u},null,8,["current-page","page-size","page-sizes","total","layout"])])):e.createCommentVNode("",!0)],2)}}}),[["__scopeId","data-v-5f80313c"]]),mt=["aria-checked","disabled","onClick"],de=T({__name:"SegmentedControl",props:{modelValue:{type:[String,Number,Boolean],default:void 0},options:{type:Array,default:()=>[]}},emits:["update:modelValue","change"],setup(t,{emit:o}){const n=t,r=o,l=e.ref(null),s=e.ref([]),c=e.ref(!1),g=e.ref({width:"0px",transform:"translateX(0px)"});let k=null;function d(m,h){m&&(s.value[h]=m)}function u(){const m=l.value;if(!m)return;const h=n.options.findIndex(C=>C.value===n.modelValue),p=s.value[h];if(!p){g.value={width:"0px",transform:"translateX(0px)"};return}const w=m.getBoundingClientRect(),S=p.getBoundingClientRect();g.value={width:`${S.width}px`,transform:`translateX(${S.left-w.left}px)`},c.value=!0}function _(m){m.disabled||(r("update:modelValue",m.value),r("change",m.value))}return e.watch(()=>[n.modelValue,n.options],async()=>{await e.nextTick(),u()},{deep:!0}),e.onMounted(async()=>{await e.nextTick(),u(),typeof ResizeObserver<"u"&&l.value&&(k=new ResizeObserver(()=>u()),k.observe(l.value))}),e.onBeforeUnmount(()=>{k==null||k.disconnect(),k=null}),(m,h)=>(e.openBlock(),e.createElementBlock("div",{ref_key:"rootRef",ref:l,class:"segmented",role:"radiogroup"},[e.createElementVNode("div",{class:e.normalizeClass(["segmented__thumb",{"is-ready":c.value}]),style:e.normalizeStyle(g.value)},null,6),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.options,(p,w)=>(e.openBlock(),e.createElementBlock("button",{key:String(p.value),ref_for:!0,ref:S=>d(S,w),type:"button",class:e.normalizeClass(["segmented__item",{"is-active":t.modelValue===p.value}]),role:"radio","aria-checked":t.modelValue===p.value,disabled:p.disabled,onClick:S=>_(p)},e.toDisplayString(p.label),11,mt))),128))],512))}},[["__scopeId","data-v-8bff3e5b"]]);function ut(t){return!!(t==null||typeof t=="string"&&t.trim()===""||Array.isArray(t)&&t.length===0||typeof t=="object"&&!Array.isArray(t)&&Object.keys(t).length===0)}function Y(t){if(t===null||typeof t!="object")return t;if(t instanceof Date)return new Date(t.getTime());if(Array.isArray(t))return t.map(n=>Y(n));const o={};return Object.keys(t).forEach(n=>{o[n]=Y(t[n])}),o}function ft(t,o=300){let n=null;return function(...l){n&&clearTimeout(n),n=setTimeout(()=>{t.apply(this,l)},o)}}function gt(t,o=300){let n=0;return function(...l){const s=Date.now();s-n>=o&&(n=s,t.apply(this,l))}}function pe(t){if(t==null||t==="")return null;if(t instanceof Date)return Number.isNaN(t.getTime())?null:t;if(typeof t=="number"){const l=new Date(t);return Number.isNaN(l.getTime())?null:l}const o=String(t).trim();if(!o)return null;if(/^\d{10,13}$/.test(o)){const l=o.length===10?Number(o)*1e3:Number(o),s=new Date(l);return Number.isNaN(s.getTime())?null:s}if(/[Zz]$|[+-]\d{2}:?\d{2}$/.test(o)){const l=new Date(o);return Number.isNaN(l.getTime())?null:l}const n=o.match(/^(\d{4})[-/.年](\d{1,2})[-/.月](\d{1,2})日?(?:[\sT]+(\d{1,2}):(\d{1,2})(?::(\d{1,2}))?(?:\.(\d{1,3}))?)?/);if(n){const[,l,s,c,g="0",k="0",d="0",u="0"]=n,_=new Date(Number(l),Number(s)-1,Number(c),Number(g),Number(k),Number(d),Number(String(u).padEnd(3,"0")));return Number.isNaN(_.getTime())?null:_}const r=new Date(o);return Number.isNaN(r.getTime())?null:r}function q(t,o="YYYY-MM-DD HH:mm:ss"){const n=pe(t);if(!n)return"";const r=n.getFullYear(),l=n.getMonth()+1,s=n.getDate(),c=n.getHours(),g=n.getMinutes(),k=n.getSeconds(),d={YYYY:String(r),MM:String(l).padStart(2,"0"),DD:String(s).padStart(2,"0"),HH:String(c).padStart(2,"0"),mm:String(g).padStart(2,"0"),ss:String(k).padStart(2,"0"),M:String(l),D:String(s),H:String(c),m:String(g),s:String(k)};return o.replace(/YYYY|MM|DD|HH|mm|ss|M|D|H|m|s/g,u=>d[u])}function ht(){const t=new Date;t.setHours(23,59,59,0);const o=new Date;return o.setDate(o.getDate()-30),o.setHours(0,0,0,0),{start:q(o,"YYYY-MM-DD HH:mm:ss"),end:q(t,"YYYY-MM-DD HH:mm:ss")}}function yt(t){const o={};return Object.keys(t||{}).forEach(n=>{const r=t[n];r==null||r===""||Array.isArray(r)&&r.length===0||(o[n]=r)}),o}function bt(t,o=2){if(t==null||t==="")return t;const n=Number(t);if(Number.isNaN(n))return t;const r=n.toFixed(o),[l,s]=r.split("."),c=l.replace(/\B(?=(\d{3})+(?!\d))/g,",");if(s==null)return c;const g=s.replace(/0+$/,"");return g?`${c}.${g}`:c}function _t(t="id"){return`${t}_${Date.now()}_${Math.random().toString(36).slice(2,9)}`}const kt=Object.freeze(Object.defineProperty({__proto__:null,cleanParams:yt,debounce:ft,deepClone:Y,formatDate:q,formatNum:bt,getRecentMonthRange:ht,isEmpty:ut,parseDate:pe,throttle:gt,uniqueId:_t},Symbol.toStringTag,{value:"Module"}));function me(t={}){const{baseURL:o="",timeout:n=6e4,tokenKey:r,systemIdKey:l,loginUrl:s="/login"}=t,c=we.create({baseURL:o,timeout:n});let g=!1;function k(){typeof localStorage<"u"&&localStorage.clear(),!g&&(g=!0,setTimeout(()=>{typeof window<"u"&&window.location.replace(s)},1500))}return c.interceptors.request.use(d=>{if(d.headers["Content-Type"]="application/json;charset=UTF-8",typeof localStorage<"u"){if(r){const u=localStorage.getItem(r);u&&(d.headers.Authorization=u)}if(l){const u=localStorage.getItem(l);u&&(d.headers.systemId=u)}}return d},d=>Promise.reject(d)),c.interceptors.response.use(d=>{if(d.status!==200)return Promise.reject(new Error(`请求发生错误，状态码 ${d.status}`));const{data:u,config:_}=d;if(_.responseType==="arraybuffer")return u;if(u&&u.code===0)return u.data;const m=Number(u==null?void 0:u.code);if(m===401||m===403)return k(),Promise.reject(new Error("登录失效，请重新登录"));const h=ue(u)||"请求失败";return Promise.reject(new Error(h))},d=>{var h,p;const u=(h=d==null?void 0:d.response)==null?void 0:h.status;if(u===401||u===403)return k(),Promise.reject(new Error("登录失效，请重新登录"));const _=(p=d==null?void 0:d.response)==null?void 0:p.data,m=ue(_)||(d==null?void 0:d.message)||"请求失败";return Promise.reject(new Error(String(m)))}),c}function ue(t){if(t==null)return"";if(typeof t=="string")return t;if(typeof t!="object")return String(t);const o=[t.message,t.msg,t.data,t.error];for(const n of o)if(!(n==null||n==="")&&(typeof n=="string"||typeof n=="number"))return String(n);return""}function fe(t={}){const o=me(t);return{GET(n,r={}){return o({method:"get",url:n,...r})},POST(n,r,l={}){return o({method:"post",url:n,data:r,...l})},DELETE(n,r={}){return o({method:"delete",url:n,...r})}}}const ge="__MGACN_COMMONSDK_REQUEST__";function Ct(t){globalThis[ge]=t}function wt(){const t=globalThis[ge];if(!t)throw new Error("[mgacn-commonsdk] 请先 app.use(MgacnCommonSdk, { tokenKey, baseURL })");return t}const Nt={MgImageUpload:se,MgSearchForm:ie,MgDataTable:ce,MgDateRangePicker:I,MgSegmentedControl:de,MgOverflowHid:j},he=(t,o={})=>{Object.entries(Nt).forEach(([l,s])=>{t.component(s.name||l,s)});const n=fe(o),r=X(n);Ct(n),Z(r),t.config.globalProperties.$request=n,t.config.globalProperties.$api=r},St={install:he,version:"1.0.0"};b.DataTable=ce,b.DateRangePicker=I,b.ImageUpload=se,b.SearchForm=ie,b.SegmentedControl=de,b.TableOverflowHid=j,b.aliOssMixin=oe,b.createApi=X,b.createOssClient=P,b.createRequest=fe,b.createService=me,b.default=St,b.getApi=v,b.getOssSts=H,b.getRequest=wt,b.install=he,b.setApi=Z,b.uploadToOss=ne,b.utils=kt,Object.defineProperties(b,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
package/dist/style.css CHANGED
@@ -1,9 +1,9 @@
1
- /*!
2
- * Cropper.js v1.6.2
3
- * https://fengyuanchen.github.io/cropperjs
4
- *
5
- * Copyright 2015-present Chen Fengyuan
6
- * Released under the MIT license
7
- *
8
- * Date: 2024-04-21T07:43:02.731Z
9
- */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.file-input[data-v-07c103ef]{display:none}.upload-image-cropper[data-v-07c103ef]{--mg-primary: var(--el-color-primary, var(--brand-primary, #ff5722));--mg-primary-soft: var(--el-color-primary-light-9, #fff7ec);--mg-primary-mid: var(--el-color-primary-light-5, #ffc570);--mg-border: var(--brand-border, var(--el-border-color, #e0e8e0));--mg-text: var(--brand-text-secondary, #8a9a8a);--mg-danger: var(--el-color-danger, #f56c6c);--mg-radius: 10px}.upload-image-cropper .grey-tips[data-v-07c103ef]{margin:0 0 10px;color:var(--mg-text);font-size:12px;line-height:18px}.upload-image-cropper .list-box[data-v-07c103ef]{display:flex;flex-wrap:wrap;gap:10px}.upload-image-cropper .image-box[data-v-07c103ef]{position:relative;box-sizing:border-box;width:59px;height:59px;overflow:hidden;border-radius:var(--mg-radius);background:#fff}.upload-image-cropper .image-box .img[data-v-07c103ef]{width:100%;height:100%;display:block;border:1px solid var(--mg-border);border-radius:var(--mg-radius)}.upload-image-cropper .image-box.is-fail .img[data-v-07c103ef]{border-color:var(--mg-danger)}.upload-image-cropper .upload-btn[data-v-07c103ef]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mg-text);font-size:11px;line-height:1.2;border:1px dashed var(--mg-border);border-radius:var(--mg-radius);background:linear-gradient(180deg,#fff,#fafbf8);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.upload-image-cropper .upload-btn .icon[data-v-07c103ef]{color:var(--mg-text);transition:color .2s ease,transform .2s ease}.upload-image-cropper .upload-btn[data-v-07c103ef]:hover{color:var(--mg-primary);border-color:var(--mg-primary-mid);background:var(--mg-primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--mg-primary-mid) 28%,transparent)}.upload-image-cropper .upload-btn:hover .icon[data-v-07c103ef]{color:var(--mg-primary);transform:scale(1.06)}.upload-image-cropper .status-mask[data-v-07c103ef]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--mg-radius)}.upload-image-cropper .status-mask.is-uploading[data-v-07c103ef]{background:#1b1f1b73}.upload-image-cropper .progress-wrap[data-v-07c103ef]{position:relative;width:30px;height:30px}.upload-image-cropper .percent-text[data-v-07c103ef]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;line-height:1;pointer-events:none}.upload-image-cropper .status-mask.is-fail[data-v-07c103ef]{background:#f56c6cb8;color:#fff}.upload-image-cropper .status-mask.is-fail .fail-icon[data-v-07c103ef]{color:#fff}.upload-image-cropper .status-mask.is-fail .fail-text[data-v-07c103ef]{font-size:11px;line-height:1}.upload-image-cropper .status-mask.is-fail .remove-icon[data-v-07c103ef]{position:absolute;top:4px;right:4px;cursor:pointer}.upload-image-cropper .status-mask.is-success[data-v-07c103ef]{background:#1b1f1b7a;opacity:0;cursor:pointer;transition:opacity .2s ease}.upload-image-cropper .image-box:hover .status-mask.is-success[data-v-07c103ef]{opacity:1}.upload-image-cropper .status-mask.is-success .remove-icon[data-v-07c103ef]{color:#fff}.upload-image-cropper .btn-box[data-v-07c103ef]{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}.upload-image-cropper .cropper-box[data-v-07c103ef]{display:flex;justify-content:center;padding:8px 0;background:var(--brand-bg-page, #f2f7f2);border-radius:var(--mg-radius)}.upload-image-cropper .cropper-img[data-v-07c103ef]{width:350px;height:350px;object-fit:contain}
1
+ @charset "UTF-8";/*!
2
+ * Cropper.js v1.6.2
3
+ * https://fengyuanchen.github.io/cropperjs
4
+ *
5
+ * Copyright 2015-present Chen Fengyuan
6
+ * Released under the MIT license
7
+ *
8
+ * Date: 2024-04-21T07:43:02.731Z
9
+ */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media(min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media(min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media(min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.file-input[data-v-27d5f986]{display:none}.upload-image-cropper[data-v-27d5f986]{--mg-primary: var(--el-color-primary, var(--brand-primary, #ff5722));--mg-primary-soft: var(--el-color-primary-light-9, #fff7ec);--mg-primary-mid: var(--el-color-primary-light-5, #ffc570);--mg-border: var(--el-border-color, var(--el-border-color, #e0e8e0));--mg-text: var(--brand-text-secondary, #8a9a8a);--mg-danger: var(--el-color-danger, #f56c6c);--mg-radius: 10px}.upload-image-cropper .grey-tips[data-v-27d5f986]{margin:0 0 10px;color:var(--mg-text);font-size:12px;line-height:18px}.upload-image-cropper .list-box[data-v-27d5f986]{display:flex;flex-wrap:wrap;gap:10px}.upload-image-cropper .image-box[data-v-27d5f986]{position:relative;box-sizing:border-box;width:59px;height:59px;overflow:hidden;border-radius:var(--mg-radius);background:#fff}.upload-image-cropper .image-box .img[data-v-27d5f986]{width:100%;height:100%;display:block;border:1px solid var(--mg-border);border-radius:var(--mg-radius)}.upload-image-cropper .image-box.is-fail .img[data-v-27d5f986]{border-color:var(--mg-danger)}.upload-image-cropper .upload-btn[data-v-27d5f986]{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--mg-text);font-size:11px;line-height:1.2;border:1px dashed var(--mg-border);border-radius:var(--mg-radius);background:linear-gradient(180deg,#fff,#fafbf8);cursor:pointer;transition:color .2s ease,border-color .2s ease,background .2s ease,box-shadow .2s ease}.upload-image-cropper .upload-btn .icon[data-v-27d5f986]{color:var(--mg-text);transition:color .2s ease,transform .2s ease}.upload-image-cropper .upload-btn[data-v-27d5f986]:hover{color:var(--mg-primary);border-color:var(--mg-primary-mid);background:var(--mg-primary-soft);box-shadow:0 0 0 3px color-mix(in srgb,var(--mg-primary-mid) 28%,transparent)}.upload-image-cropper .upload-btn:hover .icon[data-v-27d5f986]{color:var(--mg-primary);transform:scale(1.06)}.upload-image-cropper .status-mask[data-v-27d5f986]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:var(--mg-radius)}.upload-image-cropper .status-mask.is-uploading[data-v-27d5f986]{background:#1b1f1b73}.upload-image-cropper .progress-wrap[data-v-27d5f986]{position:relative;width:30px;height:30px}.upload-image-cropper .percent-text[data-v-27d5f986]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;line-height:1;pointer-events:none}.upload-image-cropper .status-mask.is-fail[data-v-27d5f986]{background:#f56c6cb8;color:#fff}.upload-image-cropper .status-mask.is-fail .fail-icon[data-v-27d5f986]{color:#fff}.upload-image-cropper .status-mask.is-fail .fail-text[data-v-27d5f986]{font-size:11px;line-height:1}.upload-image-cropper .status-mask.is-fail .remove-icon[data-v-27d5f986]{position:absolute;top:4px;right:4px;cursor:pointer}.upload-image-cropper .status-mask.is-success[data-v-27d5f986]{background:#1b1f1b7a;opacity:0;cursor:pointer;transition:opacity .2s ease}.upload-image-cropper .image-box:hover .status-mask.is-success[data-v-27d5f986]{opacity:1}.upload-image-cropper .status-mask.is-success .remove-icon[data-v-27d5f986]{color:#fff}.upload-image-cropper .btn-box[data-v-27d5f986]{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px;margin-top:16px}.upload-image-cropper .cropper-box[data-v-27d5f986]{display:flex;justify-content:center;padding:8px 0;background:var(--brand-bg-page, #f2f7f2);border-radius:var(--mg-radius)}.upload-image-cropper .cropper-img[data-v-27d5f986]{width:350px;height:350px;object-fit:contain}.date-range-picker[data-v-47618fba]{width:100%}.common-search[data-v-08ffb41c]{width:100%;background:var(--brand-secondary-pale);border:1px solid var(--el-border-color);border-radius:12px;padding:15px;box-sizing:border-box;margin-bottom:15px}.common-search__body[data-v-08ffb41c]{display:flex;align-items:flex-start;gap:20px;width:100%}.common-search__fields-wrap[data-v-08ffb41c]{position:relative;flex:1;min-width:0}.common-search__fields[data-v-08ffb41c]{display:flex;flex-wrap:wrap;align-items:flex-start;gap:16px 20px;min-width:0;transition:max-height .36s cubic-bezier(.22,1,.36,1);will-change:max-height;padding-bottom:4px}.common-search.is-multi-row .common-search__body[data-v-08ffb41c]{display:block}.common-search.is-multi-row .common-search__fields-wrap[data-v-08ffb41c],.common-search.is-multi-row .common-search__fields[data-v-08ffb41c]{width:100%}.common-search__field[data-v-08ffb41c]{display:flex;flex-direction:column;gap:8px;width:180px}.common-search__field.is-daterange[data-v-08ffb41c],.common-search__field.is-dateRange[data-v-08ffb41c],.common-search__field.is-number-range[data-v-08ffb41c],.common-search__field.is-numberRange[data-v-08ffb41c]{width:300px}.common-search__label[data-v-08ffb41c]{font-size:13px;line-height:1.2;color:var(--brand-text-regular);font-weight:700}.common-search__control[data-v-08ffb41c]{width:100%}.common-search__range[data-v-08ffb41c]{display:flex;align-items:center;gap:8px;width:100%}.common-search__range[data-v-08ffb41c] .el-date-editor,.common-search__range[data-v-08ffb41c] .date-range-picker{width:100%;margin:0!important}.common-search__range-sep[data-v-08ffb41c]{flex-shrink:0;color:#86909c;font-size:13px}.common-search__range-input[data-v-08ffb41c],.common-search__range-date[data-v-08ffb41c]{flex:1;width:100%;min-width:0}.common-search__range-input[data-v-08ffb41c] .el-input__wrapper,.common-search__range-date[data-v-08ffb41c] .el-input__wrapper{width:100%}.common-search__footer[data-v-08ffb41c]{margin-top:14px;padding-top:14px;border-top:1px solid #eef1ee}.common-search__actions[data-v-08ffb41c]{display:inline-flex;align-items:center;flex-shrink:0;gap:10px}.common-search__actions.is-inline[data-v-08ffb41c]{align-self:flex-end;padding-bottom:0}.common-search__actions.is-bottom[data-v-08ffb41c]{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px}.common-search__actions-main[data-v-08ffb41c]{display:inline-flex;align-items:center;gap:10px}.common-search__reset[data-v-08ffb41c],.common-search__submit[data-v-08ffb41c]{min-width:72px;height:32px;margin:0!important}.tableOverflowHid .labeltext_gray[data-v-ef86ea54]{color:#94979a}.tableOverflowHid .text_nomal[data-v-ef86ea54]{color:#606266}.tableOverflowHid .labeltext_blackbold[data-v-ef86ea54]{color:#162a48;font-weight:700}.tableOverflowHid .value[data-v-ef86ea54]{font-size:12px}.tableOverflowHid .valuetext_bold[data-v-ef86ea54]{color:#162a48;font-weight:700}.tableOverflowHid .valuetext_blackbold[data-v-ef86ea54]{color:#162a48;font-weight:700;font-size:13px}.tableOverflowHid .valuetext_black[data-v-ef86ea54]{color:#090c21;font-size:13px}.tableOverflowHid .valuetext_red[data-v-ef86ea54]{color:#e02e28;font-size:13px}.common-table[data-v-5f80313c]{width:100%}.common-table[data-v-5f80313c] .el-table{border:1px solid var(--el-border-color, #e0e8e0);border-radius:8px}.common-table.is-fill-height[data-v-5f80313c]{display:flex;flex-direction:column;height:100%;min-height:0}.common-table__main[data-v-5f80313c]{min-width:0}.common-table.is-fill-height .common-table__main[data-v-5f80313c]{flex:1;min-height:0;overflow:hidden}.common-table.is-fill-height .common-table__main[data-v-5f80313c] .el-table{height:100%}.common-table.is-fill-height .common-table__main[data-v-5f80313c] .el-table__body-wrapper{overflow:auto}.common-pointer-table[data-v-5f80313c] .el-table__body tr{cursor:pointer}.bold-text[data-v-5f80313c]{font-weight:600;color:#1f2329}.common-table__pagination[data-v-5f80313c]{display:flex;justify-content:flex-end;flex-shrink:0;margin-top:12px;padding-top:4px;background:var(--brand-bg-card, #fff)}.common-table.is-fill-height .common-table__pagination[data-v-5f80313c]{margin-top:12px;position:sticky;bottom:0;z-index:2}[data-v-5f80313c] .el-table__header th{height:44px}[data-v-5f80313c] .el-table__body td{height:52px;color:#4e5969;font-size:13px}.segmented[data-v-8bff3e5b]{position:relative;display:inline-flex;align-items:stretch;align-self:flex-start;box-sizing:border-box;height:var(--el-component-size, 32px);width:fit-content;max-width:100%;gap:2px;padding:3px;border-radius:8px;background:#eff2e7}.segmented__thumb[data-v-8bff3e5b]{position:absolute;top:3px;left:0;height:calc(100% - 6px);border-radius:6px;background:#fff;box-shadow:0 1px 3px #1b1f1b14;pointer-events:none;z-index:0;opacity:0}.segmented__thumb.is-ready[data-v-8bff3e5b]{opacity:1;transition:transform .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1),opacity .15s ease}.segmented__item[data-v-8bff3e5b]{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin:0;padding:0 16px;border:none;border-radius:6px;background:transparent;color:var(--brand-text-secondary, #8a9a8a);font-size:var(--el-font-size-base, 13px);line-height:1;white-space:nowrap;cursor:pointer;transition:color .2s ease}.segmented__item[data-v-8bff3e5b]:hover:not(:disabled):not(.is-active){color:var(--brand-text-regular, #4a554a)}.segmented__item.is-active[data-v-8bff3e5b]{color:var(--brand-text-primary, #1b1f1b);font-weight:500}.segmented__item[data-v-8bff3e5b]:disabled{cursor:not-allowed;opacity:.5}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "mgacn-commonsdk",
3
- "version": "1.0.0",
3
+ "version": "1.0.2",
4
4
  "description": "芒果ACN公共组件库：公共组件、工具方法与网络请求封装",
5
5
  "type": "module",
6
6
  "main": "./dist/mgacn-commonsdk.umd.cjs",