hs-admin-ui 2.7.2 → 2.7.4

package/dist/index-CRI2F6jG.mjs

@@ -1,203 +0,0 @@
-var _ = Object.defineProperty;
-var v = (n, e, o) => e in n ? _(n, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : n[e] = o;
-var c = (n, e, o) => (v(n, typeof e != "symbol" ? e + "" : e, o), o);
-import { ref as S, defineComponent as f, resolveComponent as d, openBlock as W, createElementBlock as x, createVNode as r, withCtx as b, createTextVNode as p, unref as k, isRef as y, withKeys as V } from "vue";
-import { g as z, V as I } from "./index-BZ9rYml1.mjs";
-import R from "./uploadAvatar-CLXg17cE.mjs";
-class N {
-  /**
-   * @param url WebSocket地址
-   * @param reconnectInterval 重连间隔
-   * @param maxReconnectCount 最大重连次数
-   * 构造函数
-   */
-  constructor(e, o = 0, i = 0) {
-    // WebSocket 实例
-    c(this, "webSocket", null);
-    // 消息
-    c(this, "message", S(""));
-    // WebSocket地址
-    c(this, "url");
-    // 重连间隔
-    c(this, "reconnectInterval");
-    // 重连次数
-    c(this, "reconnectCount", 0);
-    // 最大重连次数
-    c(this, "maxReconnectCount");
-    console.log("WebSocketService构造函数"), this.url = e, this.reconnectInterval = o, this.maxReconnectCount = i, this.connect(), this.onopen = this.onopen.bind(this), this.onmessage = this.onmessage.bind(this), this.onerror = this.onerror.bind(this), this.onclose = this.onclose.bind(this), this.send = this.send.bind(this), this.reconnect = this.reconnect.bind(this), this.close = this.close.bind(this), this.destroy = this.destroy.bind(this);
-  }
-  /**
-   * 连接WebSocket
-   */
-  connect() {
-    this.webSocket || (this.webSocket = new WebSocket(this.url)), console.log("连接WebSocket:", this.webSocket);
-  }
-  /**
-   * WebSocket连接成功时触发
-   */
-  onopen(e) {
-    this.webSocket ? this.webSocket.onopen = () => {
-      this.reconnectCount = 0, e();
-    } : console.error("WebSocket not initialized");
-  }
-  /**
-   * @param event
-   * 接收消息
-   */
-  onmessage(e) {
-    this.webSocket ? this.webSocket.onmessage = e : console.error("WebSocket not initialized");
-  }
-  /**
-   * @param message
-   * 发送消息
-   */
-  send(e) {
-    this.webSocket && this.webSocket.readyState === WebSocket.OPEN ? this.webSocket.send(e) : console.error("WebSocket not connected");
-  }
-  /**
-   * WebSocket错误时触发
-   */
-  onerror(e) {
-    this.webSocket ? this.webSocket.onerror = e : console.error("WebSocket not initialized");
-  }
-  /**
-   * WebSocket关闭时触发
-   */
-  onclose(e) {
-    console.log("WebSocket关闭onclose=======2", this.webSocket), console.log("重连次数", this.reconnectCount), this.webSocket ? this.webSocket.onclose = () => {
-      if (this.reconnectInterval !== 0) {
-        if (this.reconnectCount >= this.maxReconnectCount && this.maxReconnectCount > 0) {
-          this.error({
-            code: 500,
-            message: "WebSocket reconnect count exceeds the maximum limit"
-          });
-          return;
-        }
-        this.reconnectCount++, setTimeout(() => {
-          console.log("Attempting to reconnect...", this.connect, this.connect);
-        }, this.reconnectInterval), e();
-      }
-    } : console.error("WebSocket not initialized");
-  }
-  /**
-   *  手动重新连接 WebSocket
-   */
-  reconnect() {
-    this.close(), this.connect();
-  }
-  /**
-   * 关闭WebSocket
-   */
-  close() {
-    this.webSocket ? this.webSocket.close() : console.error("WebSocket not initialized");
-  }
-  /**
-   * 销毁WebSocket
-   */
-  destroy() {
-    this.close(), this.webSocket = null;
-  }
-  /**
-   * 报错方法
-   */
-  error(e) {
-    return e;
-  }
-}
-function P() {
-  function n(e, o) {
-    z(
-      R,
-      { avatar: e, proxyId: o },
-      {
-        title: "修改头像",
-        width: "700",
-        height: "auto",
-        showFooter: !1,
-        success: ({ type: i, close: h, data: a }) => {
-          console.log("type", i, "close", h, "data", a);
-        }
-      }
-    );
-  }
-  return { showPopupFn: n };
-}
-const F = { class: "h-full" }, L = f({
-  name: "operationlog"
-}), B = /* @__PURE__ */ f({
-  ...L,
-  setup(n) {
-    const { showPopupFn: e } = P();
-    let o = S([
-      // {
-      // 	name: 'test',
-      // 	url: 'https://www.baidu.com/img/PCtm_d9c8750bed0b3c7d089fa7d55720d6cf.png',
-      // 	id: '1',
-      // },
-    ]);
-    function i() {
-      let s = new N("ws://127.0.0.1:11259", 3e3, 5);
-      s.onopen(() => {
-        console.log("连接成功");
-      }), s.onmessage((t) => {
-        console.log("接收消息", JSON.parse(t.data));
-      }), s.onerror((t) => {
-        console.log("连接失败", t);
-      }), s.onclose(() => {
-        console.log("WebSocket关闭onclose=======3");
-      });
-    }
-    function h() {
-      I("82be6ee10251413d9a630f3cd32a13de").then((s) => {
-        console.log("r", s);
-      });
-    }
-    const a = (s) => {
-      console.log("res", s);
-    }, m = S(""), w = () => {
-    };
-    return (s, t) => {
-      const u = d("hs-button"), g = d("bc-upload"), C = d("hs-input");
-      return W(), x("div", F, [
-        r(u, { onClick: i }, {
-          default: b(() => [
-            p("获取缓存数据")
-          ]),
-          _: 1
-        }),
-        r(u, { onClick: h }, {
-          default: b(() => [
-            p("删除缓存数据")
-          ]),
-          _: 1
-        }),
-        r(g, {
-          multiple: "",
-          action: "/pri/file/singlefile",
-          fileList: k(o),
-          "onUpdate:fileList": t[0] || (t[0] = (l) => y(o) ? o.value = l : o = l),
-          limit: 2,
-          proxy: "/qwp-web",
-          onOnSuccess: a
-        }, null, 8, ["fileList"]),
-        r(u, {
-          type: "primary",
-          onClick: t[1] || (t[1] = (l) => k(e)("", "/qwp-web"))
-        }, {
-          default: b(() => [
-            p("打开对话框")
-          ]),
-          _: 1
-        }),
-        r(C, {
-          modelValue: m.value,
-          "onUpdate:modelValue": t[2] || (t[2] = (l) => m.value = l),
-          onKeyup: V(w, ["enter", "native"])
-        }, null, 8, ["modelValue"])
-      ]);
-    };
-  }
-});
-export {
-  B as default
-};

package/dist/index-DnmwWbtK.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),s=require("./index-DGo9I56v.js"),h=e.createElementVNode("span",null,"自定义插槽",-1),C=e.defineComponent({name:"home"}),p=e.defineComponent({...C,setup(g){e.ref(),e.ref(),e.ref();const l=s.useTagsViewRoutes(),u=s.useThemeConfig(),{themeConfig:i}=s.storeToRefs(u),{isTagsViewCurrenFull:a}=s.storeToRefs(l),r=e.reactive({info:"info",name:"name"});e.onMounted(()=>{}),e.onActivated(()=>{});const m=(o,t,n)=>{console.debug("父页面获取子组件事件:","row",o,"column:",t,"event:",n)},d=(o,t,n,c)=>{console.debug("鼠标右键:","row",o,"column:",t,"cell:",n,"event:",c)};return e.watch(()=>a.value,()=>{}),e.watch(()=>i.value.isIsDark,o=>{e.nextTick(()=>{})},{deep:!0,immediate:!0}),(o,t)=>{const n=e.resolveComponent("hs-bc-table");return e.openBlock(),e.createElementBlock("div",null,[e.createVNode(n,{onRowClick:m,onCellContextmenu:d},{[r.info]:e.withCtx(({row:c,column:f,rowIndex:_,columnIndex:w})=>[h]),[r.name]:e.withCtx(({row:c,column:f,rowIndex:_,columnIndex:w})=>[]),_:2},1024)])}}});exports.default=p;

package/dist/index-GSe9RsOo.mjs

@@ -1,4 +0,0 @@
-import { y as f } from "./index-BZ9rYml1.mjs";
-export {
-  f as default
-};

package/dist/index-gfJT-kZi.js

@@ -1 +0,0 @@
-"use strict";var k=Object.defineProperty;var m=(s,e,t)=>e in s?k(s,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):s[e]=t;var i=(s,e,t)=>(m(s,typeof e!="symbol"?e+"":e,t),t);Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),b=require("./index-DGo9I56v.js"),w=require("./uploadAvatar-D95slvKY.js");class g{constructor(e,t=0,r=0){i(this,"webSocket",null);i(this,"message",o.ref(""));i(this,"url");i(this,"reconnectInterval");i(this,"reconnectCount",0);i(this,"maxReconnectCount");console.log("WebSocketService构造函数"),this.url=e,this.reconnectInterval=t,this.maxReconnectCount=r,this.connect(),this.onopen=this.onopen.bind(this),this.onmessage=this.onmessage.bind(this),this.onerror=this.onerror.bind(this),this.onclose=this.onclose.bind(this),this.send=this.send.bind(this),this.reconnect=this.reconnect.bind(this),this.close=this.close.bind(this),this.destroy=this.destroy.bind(this)}connect(){this.webSocket||(this.webSocket=new WebSocket(this.url)),console.log("连接WebSocket:",this.webSocket)}onopen(e){this.webSocket?this.webSocket.onopen=()=>{this.reconnectCount=0,e()}:console.error("WebSocket not initialized")}onmessage(e){this.webSocket?this.webSocket.onmessage=e:console.error("WebSocket not initialized")}send(e){this.webSocket&&this.webSocket.readyState===WebSocket.OPEN?this.webSocket.send(e):console.error("WebSocket not connected")}onerror(e){this.webSocket?this.webSocket.onerror=e:console.error("WebSocket not initialized")}onclose(e){console.log("WebSocket关闭onclose=======2",this.webSocket),console.log("重连次数",this.reconnectCount),this.webSocket?this.webSocket.onclose=()=>{if(this.reconnectInterval!==0){if(this.reconnectCount>=this.maxReconnectCount&&this.maxReconnectCount>0){this.error({code:500,message:"WebSocket reconnect count exceeds the maximum limit"});return}this.reconnectCount++,setTimeout(()=>{console.log("Attempting to reconnect...",this.connect,this.connect)},this.reconnectInterval),e()}}:console.error("WebSocket not initialized")}reconnect(){this.close(),this.connect()}close(){this.webSocket?this.webSocket.close():console.error("WebSocket not initialized")}destroy(){this.close(),this.webSocket=null}error(e){return e}}function C(){function s(e,t){b.showPopup(w.default,{avatar:e,proxyId:t},{title:"修改头像",width:"700",height:"auto",showFooter:!1,success:({type:r,close:h,data:u})=>{console.log("type",r,"close",h,"data",u)}})}return{showPopupFn:s}}const v={class:"h-full"},_=o.defineComponent({name:"operationlog"}),x=o.defineComponent({..._,setup(s){const{showPopupFn:e}=C();let t=o.ref([]);function r(){let c=new g("ws://127.0.0.1:11259",3e3,5);c.onopen(()=>{console.log("连接成功")}),c.onmessage(n=>{console.log("接收消息",JSON.parse(n.data))}),c.onerror(n=>{console.log("连接失败",n)}),c.onclose(()=>{console.log("WebSocket关闭onclose=======3")})}function h(){b.removeConfig("82be6ee10251413d9a630f3cd32a13de").then(c=>{console.log("r",c)})}const u=c=>{console.log("res",c)},d=o.ref(""),p=()=>{};return(c,n)=>{const a=o.resolveComponent("hs-button"),S=o.resolveComponent("bc-upload"),f=o.resolveComponent("hs-input");return o.openBlock(),o.createElementBlock("div",v,[o.createVNode(a,{onClick:r},{default:o.withCtx(()=>[o.createTextVNode("获取缓存数据")]),_:1}),o.createVNode(a,{onClick:h},{default:o.withCtx(()=>[o.createTextVNode("删除缓存数据")]),_:1}),o.createVNode(S,{multiple:"",action:"/pri/file/singlefile",fileList:o.unref(t),"onUpdate:fileList":n[0]||(n[0]=l=>o.isRef(t)?t.value=l:t=l),limit:2,proxy:"/qwp-web",onOnSuccess:u},null,8,["fileList"]),o.createVNode(a,{type:"primary",onClick:n[1]||(n[1]=l=>o.unref(e)("","/qwp-web"))},{default:o.withCtx(()=>[o.createTextVNode("打开对话框")]),_:1}),o.createVNode(f,{modelValue:d.value,"onUpdate:modelValue":n[2]||(n[2]=l=>d.value=l),onKeyup:o.withKeys(p,["enter","native"])},null,8,["modelValue"])])}}});exports.default=x;

package/dist/uploadAvatar-D95slvKY.js

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("vue"),y=require("./index-DGo9I56v.js"),O={};O.getData=e=>new Promise((t,i)=>{let s={};Y(e).then(o=>{s.arrayBuffer=o;try{s.orientation=E(o)}catch{s.orientation=-1}t(s)}).catch(o=>{i(o)})});function Y(e){let t=null;return new Promise((i,s)=>{if(e.src)if(/^data\:/i.test(e.src))t=S(e.src),i(t);else if(/^blob\:/i.test(e.src)){var o=new FileReader;o.onload=function(h){t=h.target.result,i(t)},M(e.src,function(h){o.readAsArrayBuffer(h)})}else{var r=new XMLHttpRequest;r.onload=function(){if(this.status==200||this.status===0)t=r.response,i(t);else throw"Could not load image";r=null},r.open("GET",e.src,!0),r.responseType="arraybuffer",r.send(null)}else s("img error")})}function M(e,t){var i=new XMLHttpRequest;i.open("GET",e,!0),i.responseType="blob",i.onload=function(s){(this.status==200||this.status===0)&&t(this.response)},i.send()}function S(e,t){t=t||e.match(/^data\:([^\;]+)\;base64,/mi)[1]||"",e=e.replace(/^data\:([^\;]+)\;base64,/gmi,"");for(var i=atob(e),s=i.length%2==0?i.length:i.length+1,o=new ArrayBuffer(s),r=new Uint16Array(o),h=0;h<s;h++)r[h]=i.charCodeAt(h);return o}function N(e,t,i){var s="",o;for(o=t,i+=t;o<i;o++)s+=String.fromCharCode(e.getUint8(o));return s}function E(e){var t=new DataView(e),i=t.byteLength,s,o,r,h,l,p,c,n,f,d;if(t.getUint8(0)===255&&t.getUint8(1)===216)for(f=2;f<i;){if(t.getUint8(f)===255&&t.getUint8(f+1)===225){c=f;break}f++}if(c&&(o=c+4,r=c+10,N(t,o,4)==="Exif"&&(p=t.getUint16(r),l=p===18761,(l||p===19789)&&t.getUint16(r+2,l)===42&&(h=t.getUint32(r+4,l),h>=8&&(n=r+h)))),n){for(i=t.getUint16(n,l),d=0;d<i;d++)if(f=n+d*12+2,t.getUint16(f,l)===274){f+=8,s=t.getUint16(f,l);break}}return s}const I={data:function(){return{w:0,h:0,scale:1,x:0,y:0,loading:!0,trueWidth:0,trueHeight:0,move:!0,moveX:0,moveY:0,crop:!1,cropping:!1,cropW:0,cropH:0,cropOldW:0,cropOldH:0,canChangeX:!1,canChangeY:!1,changeCropTypeX:1,changeCropTypeY:1,cropX:0,cropY:0,cropChangeX:0,cropChangeY:0,cropOffsertX:0,cropOffsertY:0,support:"",touches:[],touchNow:!1,rotate:0,isIos:!1,orientation:0,imgs:"",coe:.2,scaling:!1,scalingSet:"",coeStatus:"",isCanShow:!0}},props:{img:{type:[String,Blob,null,File],default:""},outputSize:{type:Number,default:1},outputType:{type:String,default:"jpeg"},info:{type:Boolean,default:!0},canScale:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!1},autoCropWidth:{type:[Number,String],default:0},autoCropHeight:{type:[Number,String],default:0},fixed:{type:Boolean,default:!1},fixedNumber:{type:Array,default:()=>[1,1]},fixedBox:{type:Boolean,default:!1},full:{type:Boolean,default:!1},canMove:{type:Boolean,default:!0},canMoveBox:{type:Boolean,default:!0},original:{type:Boolean,default:!1},centerBox:{type:Boolean,default:!1},high:{type:Boolean,default:!0},infoTrue:{type:Boolean,default:!1},maxImgSize:{type:[Number,String],default:2e3},enlarge:{type:[Number,String],default:1},preW:{type:[Number,String],default:0},mode:{type:String,default:"contain"},limitMinSize:{type:[Number,Array,String],default:()=>10,validator:function(e){return Array.isArray(e)?Number(e[0])>=0&&Number(e[1])>=0:Number(e)>=0}},fillColor:{type:String,default:""}},computed:{cropInfo(){let e={};if(e.top=this.cropOffsertY>21?"-21px":"0px",e.width=this.cropW>0?this.cropW:0,e.height=this.cropH>0?this.cropH:0,this.infoTrue){let t=1;this.high&&!this.full&&(t=window.devicePixelRatio),this.enlarge!==1&!this.full&&(t=Math.abs(Number(this.enlarge))),e.width=e.width*t,e.height=e.height*t,this.full&&(e.width=e.width/this.scale,e.height=e.height/this.scale)}return e.width=e.width.toFixed(0),e.height=e.height.toFixed(0),e},isIE(){return!!window.ActiveXObject||"ActiveXObject"in window},passive(){return this.isIE?null:{passive:!1}}},watch:{img(){this.checkedImg()},imgs(e){e!==""&&this.reload()},cropW(){this.showPreview()},cropH(){this.showPreview()},cropOffsertX(){this.showPreview()},cropOffsertY(){this.showPreview()},scale(e,t){this.showPreview()},x(){this.showPreview()},y(){this.showPreview()},autoCrop(e){e&&this.goAutoCrop()},autoCropWidth(){this.autoCrop&&this.goAutoCrop()},autoCropHeight(){this.autoCrop&&this.goAutoCrop()},mode(){this.checkedImg()},rotate(){this.showPreview(),this.autoCrop?this.goAutoCrop(this.cropW,this.cropH):(this.cropW>0||this.cropH>0)&&this.goAutoCrop(this.cropW,this.cropH)}},methods:{getVersion(e){var t=navigator.userAgent.split(" "),i="";let s=0;const o=new RegExp(e,"i");for(var r=0;r<t.length;r++)o.test(t[r])&&(i=t[r]);return i?s=i.split("/")[1].split("."):s=["0","0","0"],s},checkOrientationImage(e,t,i,s){if(this.getVersion("chrome")[0]>=81)t=-1;else if(this.getVersion("safari")[0]>=605){const h=this.getVersion("version");h[0]>13&&h[1]>1&&(t=-1)}else{const h=navigator.userAgent.toLowerCase().match(/cpu iphone os (.*?) like mac os/);if(h){let l=h[1];l=l.split("_"),(l[0]>13||l[0]>=13&&l[1]>=4)&&(t=-1)}}let o=document.createElement("canvas"),r=o.getContext("2d");switch(r.save(),t){case 2:o.width=i,o.height=s,r.translate(i,0),r.scale(-1,1);break;case 3:o.width=i,o.height=s,r.translate(i/2,s/2),r.rotate(180*Math.PI/180),r.translate(-i/2,-s/2);break;case 4:o.width=i,o.height=s,r.translate(0,s),r.scale(1,-1);break;case 5:o.height=i,o.width=s,r.rotate(.5*Math.PI),r.scale(1,-1);break;case 6:o.width=s,o.height=i,r.translate(s/2,i/2),r.rotate(90*Math.PI/180),r.translate(-i/2,-s/2);break;case 7:o.height=i,o.width=s,r.rotate(.5*Math.PI),r.translate(i,-s),r.scale(-1,1);break;case 8:o.height=i,o.width=s,r.translate(s/2,i/2),r.rotate(-90*Math.PI/180),r.translate(-i/2,-s/2);break;default:o.width=i,o.height=s}r.drawImage(e,0,0,i,s),r.restore(),o.toBlob(h=>{let l=URL.createObjectURL(h);URL.revokeObjectURL(this.imgs),this.imgs=l},"image/"+this.outputType,1)},checkedImg(){if(this.img===null||this.img===""){this.imgs="",this.clearCrop();return}this.loading=!0,this.scale=1,this.rotate=0,this.clearCrop();let e=new Image;if(e.onload=()=>{if(this.img==="")return this.$emit("imgLoad","error"),this.$emit("img-load","error"),this.$emit("img-load",new Error("图片不能为空")),!1;let i=e.width,s=e.height;O.getData(e).then(o=>{this.orientation=o.orientation||1;let r=Number(this.maxImgSize);if(!this.orientation&&i<r&s<r){this.imgs=this.img;return}i>r&&(s=s/i*r,i=r),s>r&&(i=i/s*r,s=r),this.checkOrientationImage(e,this.orientation,i,s)}).catch(o=>{this.$emit("img-load","error"),this.$emit("img-load-error",o)})},e.onerror=()=>{this.$emit("imgLoad","error"),this.$emit("img-load","error"),this.$emit("img-load-error",error)},this.img.substr(0,4)!=="data"&&(e.crossOrigin=""),this.isIE){var t=new XMLHttpRequest;t.onload=function(){var i=URL.createObjectURL(this.response);e.src=i},t.open("GET",this.img,!0),t.responseType="blob",t.send()}else e.src=this.img},startMove(e){if(e.preventDefault(),this.move&&!this.crop){if(!this.canMove)return!1;this.moveX=("clientX"in e?e.clientX:e.touches[0].clientX)-this.x,this.moveY=("clientY"in e?e.clientY:e.touches[0].clientY)-this.y,e.touches?(window.addEventListener("touchmove",this.moveImg),window.addEventListener("touchend",this.leaveImg),e.touches.length==2&&(this.touches=e.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale))):(window.addEventListener("mousemove",this.moveImg),window.addEventListener("mouseup",this.leaveImg)),this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})}else this.cropping=!0,window.addEventListener("mousemove",this.createCrop),window.addEventListener("mouseup",this.endCrop),window.addEventListener("touchmove",this.createCrop),window.addEventListener("touchend",this.endCrop),this.cropOffsertX=e.offsetX?e.offsetX:e.touches[0].pageX-this.$refs.cropper.offsetLeft,this.cropOffsertY=e.offsetY?e.offsetY:e.touches[0].pageY-this.$refs.cropper.offsetTop,this.cropX="clientX"in e?e.clientX:e.touches[0].clientX,this.cropY="clientY"in e?e.clientY:e.touches[0].clientY,this.cropChangeX=this.cropOffsertX,this.cropChangeY=this.cropOffsertY,this.cropW=0,this.cropH=0},touchScale(e){e.preventDefault();let t=this.scale;var i={x:this.touches[0].clientX,y:this.touches[0].clientY},s={x:e.touches[0].clientX,y:e.touches[0].clientY},o={x:this.touches[1].clientX,y:this.touches[1].clientY},r={x:e.touches[1].clientX,y:e.touches[1].clientY},h=Math.sqrt(Math.pow(i.x-o.x,2)+Math.pow(i.y-o.y,2)),l=Math.sqrt(Math.pow(s.x-r.x,2)+Math.pow(s.y-r.y,2)),p=l-h,c=1;c=c/this.trueWidth>c/this.trueHeight?c/this.trueHeight:c/this.trueWidth,c=c>.1?.1:c;var n=c*p;if(!this.touchNow){if(this.touchNow=!0,p>0?t+=Math.abs(n):p<0&&t>Math.abs(n)&&(t-=Math.abs(n)),this.touches=e.touches,setTimeout(()=>{this.touchNow=!1},8),!this.checkoutImgAxis(this.x,this.y,t))return!1;this.scale=t}},cancelTouchScale(e){window.removeEventListener("touchmove",this.touchScale)},moveImg(e){if(e.preventDefault(),e.touches&&e.touches.length===2)return this.touches=e.touches,window.addEventListener("touchmove",this.touchScale),window.addEventListener("touchend",this.cancelTouchScale),window.removeEventListener("touchmove",this.moveImg),!1;let t="clientX"in e?e.clientX:e.touches[0].clientX,i="clientY"in e?e.clientY:e.touches[0].clientY,s,o;s=t-this.moveX,o=i-this.moveY,this.$nextTick(()=>{if(this.centerBox){let r=this.getImgAxis(s,o,this.scale),h=this.getCropAxis(),l=this.trueHeight*this.scale,p=this.trueWidth*this.scale,c,n,f,d;switch(this.rotate){case 1:case-1:case 3:case-3:c=this.cropOffsertX-this.trueWidth*(1-this.scale)/2+(l-p)/2,n=this.cropOffsertY-this.trueHeight*(1-this.scale)/2+(p-l)/2,f=c-l+this.cropW,d=n-p+this.cropH;break;default:c=this.cropOffsertX-this.trueWidth*(1-this.scale)/2,n=this.cropOffsertY-this.trueHeight*(1-this.scale)/2,f=c-p+this.cropW,d=n-l+this.cropH;break}r.x1>=h.x1&&(s=c),r.y1>=h.y1&&(o=n),r.x2<=h.x2&&(s=f),r.y2<=h.y2&&(o=d)}this.x=s,this.y=o,this.$emit("imgMoving",{moving:!0,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!0,axis:this.getImgAxis()})})},leaveImg(e){window.removeEventListener("mousemove",this.moveImg),window.removeEventListener("touchmove",this.moveImg),window.removeEventListener("mouseup",this.leaveImg),window.removeEventListener("touchend",this.leaveImg),this.$emit("imgMoving",{moving:!1,axis:this.getImgAxis()}),this.$emit("img-moving",{moving:!1,axis:this.getImgAxis()})},scaleImg(){this.canScale&&window.addEventListener(this.support,this.changeSize,this.passive)},cancelScale(){this.canScale&&window.removeEventListener(this.support,this.changeSize)},changeSize(e){e.preventDefault();let t=this.scale;var i=e.deltaY||e.wheelDelta,s=navigator.userAgent.indexOf("Firefox");i=s>0?i*30:i,this.isIE&&(i=-i);var o=this.coe;o=o/this.trueWidth>o/this.trueHeight?o/this.trueHeight:o/this.trueWidth;var r=o*i;r<0?t+=Math.abs(r):t>Math.abs(r)&&(t-=Math.abs(r));let h=r<0?"add":"reduce";if(h!==this.coeStatus&&(this.coeStatus=h,this.coe=.2),this.scaling||(this.scalingSet=setTimeout(()=>{this.scaling=!1,this.coe=this.coe+=.01},50)),this.scaling=!0,!this.checkoutImgAxis(this.x,this.y,t))return!1;this.scale=t},changeScale(e){let t=this.scale;e=e||1;var i=20;if(i=i/this.trueWidth>i/this.trueHeight?i/this.trueHeight:i/this.trueWidth,e=e*i,e>0?t+=Math.abs(e):t>Math.abs(e)&&(t-=Math.abs(e)),!this.checkoutImgAxis(this.x,this.y,t))return!1;this.scale=t},createCrop(e){e.preventDefault();var t="clientX"in e?e.clientX:e.touches?e.touches[0].clientX:0,i="clientY"in e?e.clientY:e.touches?e.touches[0].clientY:0;this.$nextTick(()=>{var s=t-this.cropX,o=i-this.cropY;if(s>0?(this.cropW=s+this.cropChangeX>this.w?this.w-this.cropChangeX:s,this.cropOffsertX=this.cropChangeX):(this.cropW=this.w-this.cropChangeX+Math.abs(s)>this.w?this.cropChangeX:Math.abs(s),this.cropOffsertX=this.cropChangeX+s>0?this.cropChangeX+s:0),!this.fixed)o>0?(this.cropH=o+this.cropChangeY>this.h?this.h-this.cropChangeY:o,this.cropOffsertY=this.cropChangeY):(this.cropH=this.h-this.cropChangeY+Math.abs(o)>this.h?this.cropChangeY:Math.abs(o),this.cropOffsertY=this.cropChangeY+o>0?this.cropChangeY+o:0);else{var r=this.cropW/this.fixedNumber[0]*this.fixedNumber[1];r+this.cropOffsertY>this.h?(this.cropH=this.h-this.cropOffsertY,this.cropW=this.cropH/this.fixedNumber[1]*this.fixedNumber[0],s>0?this.cropOffsertX=this.cropChangeX:this.cropOffsertX=this.cropChangeX-this.cropW):this.cropH=r,this.cropOffsertY=this.cropOffsertY}})},changeCropSize(e,t,i,s,o){e.preventDefault(),window.addEventListener("mousemove",this.changeCropNow),window.addEventListener("mouseup",this.changeCropEnd),window.addEventListener("touchmove",this.changeCropNow),window.addEventListener("touchend",this.changeCropEnd),this.canChangeX=t,this.canChangeY=i,this.changeCropTypeX=s,this.changeCropTypeY=o,this.cropX="clientX"in e?e.clientX:e.touches[0].clientX,this.cropY="clientY"in e?e.clientY:e.touches[0].clientY,this.cropOldW=this.cropW,this.cropOldH=this.cropH,this.cropChangeX=this.cropOffsertX,this.cropChangeY=this.cropOffsertY,this.fixed&&this.canChangeX&&this.canChangeY&&(this.canChangeY=0),this.$emit("changeCropSize",{width:this.cropW,height:this.cropH}),this.$emit("change-crop-size",{width:this.cropW,height:this.cropH})},changeCropNow(e){e.preventDefault();var t="clientX"in e?e.clientX:e.touches?e.touches[0].clientX:0,i="clientY"in e?e.clientY:e.touches?e.touches[0].clientY:0;let s=this.w,o=this.h,r=0,h=0;if(this.centerBox){let c=this.getImgAxis(),n=c.x2,f=c.y2;r=c.x1>0?c.x1:0,h=c.y1>0?c.y1:0,s>n&&(s=n),o>f&&(o=f)}const[l,p]=this.checkCropLimitSize();this.$nextTick(()=>{var c=t-this.cropX,n=i-this.cropY;if(this.canChangeX&&(this.changeCropTypeX===1?this.cropOldW-c<l?(this.cropW=l,this.cropOffsertX=this.cropOldW+this.cropChangeX-r-l):this.cropOldW-c>0?(this.cropW=s-this.cropChangeX-c<=s-r?this.cropOldW-c:this.cropOldW+this.cropChangeX-r,this.cropOffsertX=s-this.cropChangeX-c<=s-r?this.cropChangeX+c:r):(this.cropW=Math.abs(c)+this.cropChangeX<=s?Math.abs(c)-this.cropOldW:s-this.cropOldW-this.cropChangeX,this.cropOffsertX=this.cropChangeX+this.cropOldW):this.changeCropTypeX===2&&(this.cropOldW+c<l?this.cropW=l:this.cropOldW+c>0?(this.cropW=this.cropOldW+c+this.cropOffsertX<=s?this.cropOldW+c:s-this.cropOffsertX,this.cropOffsertX=this.cropChangeX):(this.cropW=s-this.cropChangeX+Math.abs(c+this.cropOldW)<=s-r?Math.abs(c+this.cropOldW):this.cropChangeX-r,this.cropOffsertX=s-this.cropChangeX+Math.abs(c+this.cropOldW)<=s-r?this.cropChangeX-Math.abs(c+this.cropOldW):r))),this.canChangeY&&(this.changeCropTypeY===1?this.cropOldH-n<p?(this.cropH=p,this.cropOffsertY=this.cropOldH+this.cropChangeY-h-p):this.cropOldH-n>0?(this.cropH=o-this.cropChangeY-n<=o-h?this.cropOldH-n:this.cropOldH+this.cropChangeY-h,this.cropOffsertY=o-this.cropChangeY-n<=o-h?this.cropChangeY+n:h):(this.cropH=Math.abs(n)+this.cropChangeY<=o?Math.abs(n)-this.cropOldH:o-this.cropOldH-this.cropChangeY,this.cropOffsertY=this.cropChangeY+this.cropOldH):this.changeCropTypeY===2&&(this.cropOldH+n<p?this.cropH=p:this.cropOldH+n>0?(this.cropH=this.cropOldH+n+this.cropOffsertY<=o?this.cropOldH+n:o-this.cropOffsertY,this.cropOffsertY=this.cropChangeY):(this.cropH=o-this.cropChangeY+Math.abs(n+this.cropOldH)<=o-h?Math.abs(n+this.cropOldH):this.cropChangeY-h,this.cropOffsertY=o-this.cropChangeY+Math.abs(n+this.cropOldH)<=o-h?this.cropChangeY-Math.abs(n+this.cropOldH):h))),this.canChangeX&&this.fixed){var f=this.cropW/this.fixedNumber[0]*this.fixedNumber[1];f<p?(this.cropH=p,this.cropW=this.fixedNumber[0]*p/this.fixedNumber[1],this.changeCropTypeX===1&&(this.cropOffsertX=this.cropChangeX+(this.cropOldW-this.cropW))):f+this.cropOffsertY>o?(this.cropH=o-this.cropOffsertY,this.cropW=this.cropH/this.fixedNumber[1]*this.fixedNumber[0],this.changeCropTypeX===1&&(this.cropOffsertX=this.cropChangeX+(this.cropOldW-this.cropW))):this.cropH=f}if(this.canChangeY&&this.fixed){var d=this.cropH/this.fixedNumber[1]*this.fixedNumber[0];d<l?(this.cropW=l,this.cropH=this.fixedNumber[1]*l/this.fixedNumber[0]):d+this.cropOffsertX>s?(this.cropW=s-this.cropOffsertX,this.cropH=this.cropW/this.fixedNumber[0]*this.fixedNumber[1]):this.cropW=d}this.$emit("cropSizing",{cropW:this.cropW,cropH:this.cropH}),this.$emit("crop-sizing",{cropW:this.cropW,cropH:this.cropH})})},checkCropLimitSize(){let{cropW:e,cropH:t,limitMinSize:i}=this,s=new Array;return Array.isArray(i)?s=i:s=[i,i],e=parseFloat(s[0]),t=parseFloat(s[1]),[e,t]},changeCropEnd(e){window.removeEventListener("mousemove",this.changeCropNow),window.removeEventListener("mouseup",this.changeCropEnd),window.removeEventListener("touchmove",this.changeCropNow),window.removeEventListener("touchend",this.changeCropEnd)},calculateSize(e,t,i,s,o,r){const h=e/t;let l=o,p=r;return l<i&&(l=i,p=Math.ceil(l/h)),p<s&&(p=s,l=Math.ceil(p*h),l<i&&(l=i,p=Math.ceil(l/h))),l<o&&(l=o,p=Math.ceil(l/h)),p<r&&(p=r,l=Math.ceil(p*h)),{width:l,height:p}},endCrop(){this.cropW===0&&this.cropH===0&&(this.cropping=!1);let[e,t]=this.checkCropLimitSize();const{width:i,height:s}=this.fixed?this.calculateSize(this.fixedNumber[0],this.fixedNumber[1],e,t,this.cropW,this.cropH):{width:e,height:t};i>this.cropW&&(this.cropW=i,this.cropOffsertX+i>this.w&&(this.cropOffsertX=this.w-i)),s>this.cropH&&(this.cropH=s,this.cropOffsertY+s>this.h&&(this.cropOffsertY=this.h-s)),window.removeEventListener("mousemove",this.createCrop),window.removeEventListener("mouseup",this.endCrop),window.removeEventListener("touchmove",this.createCrop),window.removeEventListener("touchend",this.endCrop)},startCrop(){this.crop=!0},stopCrop(){this.crop=!1},clearCrop(){this.cropping=!1,this.cropW=0,this.cropH=0},cropMove(e){if(e.preventDefault(),!this.canMoveBox)return this.crop=!1,this.startMove(e),!1;if(e.touches&&e.touches.length===2)return this.crop=!1,this.startMove(e),this.leaveCrop(),!1;window.addEventListener("mousemove",this.moveCrop),window.addEventListener("mouseup",this.leaveCrop),window.addEventListener("touchmove",this.moveCrop),window.addEventListener("touchend",this.leaveCrop);let t="clientX"in e?e.clientX:e.touches[0].clientX,i="clientY"in e?e.clientY:e.touches[0].clientY,s,o;s=t-this.cropOffsertX,o=i-this.cropOffsertY,this.cropX=s,this.cropY=o,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})},moveCrop(e,t){let i=0,s=0;e&&(e.preventDefault(),i="clientX"in e?e.clientX:e.touches[0].clientX,s="clientY"in e?e.clientY:e.touches[0].clientY),this.$nextTick(()=>{let o,r,h=i-this.cropX,l=s-this.cropY;if(t&&(h=this.cropOffsertX,l=this.cropOffsertY),h<=0?o=0:h+this.cropW>this.w?o=this.w-this.cropW:o=h,l<=0?r=0:l+this.cropH>this.h?r=this.h-this.cropH:r=l,this.centerBox){let p=this.getImgAxis();o<=p.x1&&(o=p.x1),o+this.cropW>p.x2&&(o=p.x2-this.cropW),r<=p.y1&&(r=p.y1),r+this.cropH>p.y2&&(r=p.y2-this.cropH)}this.cropOffsertX=o,this.cropOffsertY=r,this.$emit("cropMoving",{moving:!0,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!0,axis:this.getCropAxis()})})},getImgAxis(e,t,i){e=e||this.x,t=t||this.y,i=i||this.scale;let s={x1:0,x2:0,y1:0,y2:0},o=this.trueWidth*i,r=this.trueHeight*i;switch(this.rotate){case 0:s.x1=e+this.trueWidth*(1-i)/2,s.x2=s.x1+this.trueWidth*i,s.y1=t+this.trueHeight*(1-i)/2,s.y2=s.y1+this.trueHeight*i;break;case 1:case-1:case 3:case-3:s.x1=e+this.trueWidth*(1-i)/2+(o-r)/2,s.x2=s.x1+this.trueHeight*i,s.y1=t+this.trueHeight*(1-i)/2+(r-o)/2,s.y2=s.y1+this.trueWidth*i;break;default:s.x1=e+this.trueWidth*(1-i)/2,s.x2=s.x1+this.trueWidth*i,s.y1=t+this.trueHeight*(1-i)/2,s.y2=s.y1+this.trueHeight*i;break}return s},getCropAxis(){let e={x1:0,x2:0,y1:0,y2:0};return e.x1=this.cropOffsertX,e.x2=e.x1+this.cropW,e.y1=this.cropOffsertY,e.y2=e.y1+this.cropH,e},leaveCrop(e){window.removeEventListener("mousemove",this.moveCrop),window.removeEventListener("mouseup",this.leaveCrop),window.removeEventListener("touchmove",this.moveCrop),window.removeEventListener("touchend",this.leaveCrop),this.$emit("cropMoving",{moving:!1,axis:this.getCropAxis()}),this.$emit("crop-moving",{moving:!1,axis:this.getCropAxis()})},getCropChecked(e){let t=document.createElement("canvas"),i=new Image,s=this.rotate,o=this.trueWidth,r=this.trueHeight,h=this.cropOffsertX,l=this.cropOffsertY;i.onload=()=>{if(this.cropW!==0){let n=t.getContext("2d"),f=1;this.high&!this.full&&(f=window.devicePixelRatio),this.enlarge!==1&!this.full&&(f=Math.abs(Number(this.enlarge)));let d=this.cropW*f,C=this.cropH*f,m=o*this.scale*f,v=r*this.scale*f,g=(this.x-h+this.trueWidth*(1-this.scale)/2)*f,u=(this.y-l+this.trueHeight*(1-this.scale)/2)*f;switch(c(d,C),n.save(),this.fillColor&&(n.fillStyle=this.fillColor,n.fillRect(0,0,t.width,t.height)),s){case 0:this.full?(c(d/this.scale,C/this.scale),n.drawImage(i,g/this.scale,u/this.scale,m/this.scale,v/this.scale)):n.drawImage(i,g,u,m,v);break;case 1:case-3:this.full?(c(d/this.scale,C/this.scale),g=g/this.scale+(m/this.scale-v/this.scale)/2,u=u/this.scale+(v/this.scale-m/this.scale)/2,n.rotate(s*90*Math.PI/180),n.drawImage(i,u,-g-v/this.scale,m/this.scale,v/this.scale)):(g=g+(m-v)/2,u=u+(v-m)/2,n.rotate(s*90*Math.PI/180),n.drawImage(i,u,-g-v,m,v));break;case 2:case-2:this.full?(c(d/this.scale,C/this.scale),n.rotate(s*90*Math.PI/180),g=g/this.scale,u=u/this.scale,n.drawImage(i,-g-m/this.scale,-u-v/this.scale,m/this.scale,v/this.scale)):(n.rotate(s*90*Math.PI/180),n.drawImage(i,-g-m,-u-v,m,v));break;case 3:case-1:this.full?(c(d/this.scale,C/this.scale),g=g/this.scale+(m/this.scale-v/this.scale)/2,u=u/this.scale+(v/this.scale-m/this.scale)/2,n.rotate(s*90*Math.PI/180),n.drawImage(i,-u-m/this.scale,g,m/this.scale,v/this.scale)):(g=g+(m-v)/2,u=u+(v-m)/2,n.rotate(s*90*Math.PI/180),n.drawImage(i,-u-m,g,m,v));break;default:this.full?(c(d/this.scale,C/this.scale),n.drawImage(i,g/this.scale,u/this.scale,m/this.scale,v/this.scale)):n.drawImage(i,g,u,m,v)}n.restore()}else{let n=o*this.scale,f=r*this.scale,d=t.getContext("2d");switch(d.save(),this.fillColor&&(d.fillStyle=this.fillColor,d.fillRect(0,0,t.width,t.height)),s){case 0:c(n,f),d.drawImage(i,0,0,n,f);break;case 1:case-3:c(f,n),d.rotate(s*90*Math.PI/180),d.drawImage(i,0,-f,n,f);break;case 2:case-2:c(n,f),d.rotate(s*90*Math.PI/180),d.drawImage(i,-n,-f,n,f);break;case 3:case-1:c(f,n),d.rotate(s*90*Math.PI/180),d.drawImage(i,-n,0,n,f);break;default:c(n,f),d.drawImage(i,0,0,n,f)}d.restore()}e(t)};var p=this.img.substr(0,4);p!=="data"&&(i.crossOrigin="Anonymous"),i.src=this.imgs;function c(n,f){t.width=Math.round(n),t.height=Math.round(f)}},getCropData(e){this.getCropChecked(t=>{e(t.toDataURL("image/"+this.outputType,this.outputSize))})},getCropBlob(e){this.getCropChecked(t=>{t.toBlob(i=>e(i),"image/"+this.outputType,this.outputSize)})},showPreview(){if(this.isCanShow)this.isCanShow=!1,setTimeout(()=>{this.isCanShow=!0},16);else return!1;let e=this.cropW,t=this.cropH,i=this.scale;var s={};s.div={width:`${e}px`,height:`${t}px`};let o=(this.x-this.cropOffsertX)/i,r=(this.y-this.cropOffsertY)/i,h=0;s.w=e,s.h=t,s.url=this.imgs,s.img={width:`${this.trueWidth}px`,height:`${this.trueHeight}px`,transform:`scale(${i})translate3d(${o}px, ${r}px, ${h}px)rotateZ(${this.rotate*90}deg)`},s.html=`
-      <div class="show-preview" style="width: ${s.w}px; height: ${s.h}px; overflow: hidden">
-        <div style="width: ${e}px; height: ${t}px">
-          <img src=${s.url} style="width: ${this.trueWidth}px; height: ${this.trueHeight}px; transform:
-          scale(${i})translate3d(${o}px, ${r}px, ${h}px)rotateZ(${this.rotate*90}deg)">
-        </div>
-      </div>`,this.$emit("realTime",s),this.$emit("real-time",s)},reload(){let e=new Image;e.onload=()=>{this.w=parseFloat(window.getComputedStyle(this.$refs.cropper).width),this.h=parseFloat(window.getComputedStyle(this.$refs.cropper).height),this.trueWidth=e.width,this.trueHeight=e.height,this.original?this.scale=1:this.scale=this.checkedMode(),this.$nextTick(()=>{this.x=-(this.trueWidth-this.trueWidth*this.scale)/2+(this.w-this.trueWidth*this.scale)/2,this.y=-(this.trueHeight-this.trueHeight*this.scale)/2+(this.h-this.trueHeight*this.scale)/2,this.loading=!1,this.autoCrop&&this.goAutoCrop(),this.$emit("img-load","success"),this.$emit("imgLoad","success"),setTimeout(()=>{this.showPreview()},20)})},e.onerror=()=>{this.$emit("imgLoad","error"),this.$emit("img-load","error")},e.src=this.imgs},checkedMode(){let e=1,t=this.trueWidth,i=this.trueHeight;const s=this.mode.split(" ");switch(s[0]){case"contain":this.trueWidth>this.w&&(e=this.w/this.trueWidth),this.trueHeight*e>this.h&&(e=this.h/this.trueHeight);break;case"cover":t=this.w,e=t/this.trueWidth,i=i*e,i<this.h&&(i=this.h,e=i/this.trueHeight);break;default:try{let o=s[0];if(o.search("px")!==-1){o=o.replace("px",""),t=parseFloat(o);const r=t/this.trueWidth;let h=1,l=s[1];l.search("px")!==-1&&(l=l.replace("px",""),i=parseFloat(l),h=i/this.trueHeight),e=Math.min(r,h)}if(o.search("%")!==-1&&(o=o.replace("%",""),t=parseFloat(o)/100*this.w,e=t/this.trueWidth),s.length===2&&o==="auto"){let r=s[1];r.search("px")!==-1&&(r=r.replace("px",""),i=parseFloat(r),e=i/this.trueHeight),r.search("%")!==-1&&(r=r.replace("%",""),i=parseFloat(r)/100*this.h,e=i/this.trueHeight)}}catch{e=1}}return e},goAutoCrop(e,t){if(this.imgs===""||this.imgs===null)return;this.clearCrop(),this.cropping=!0;let i=this.w,s=this.h;if(this.centerBox){const h=Math.abs(this.rotate)%2>0;let l=(h?this.trueHeight:this.trueWidth)*this.scale,p=(h?this.trueWidth:this.trueHeight)*this.scale;i=l<i?l:i,s=p<s?p:s}var o=e||parseFloat(this.autoCropWidth),r=t||parseFloat(this.autoCropHeight);(o===0||r===0)&&(o=i*.8,r=s*.8),o=o>i?i:o,r=r>s?s:r,this.fixed&&(r=o/this.fixedNumber[0]*this.fixedNumber[1]),r>this.h&&(r=this.h,o=r/this.fixedNumber[1]*this.fixedNumber[0]),this.changeCrop(o,r)},changeCrop(e,t){if(this.centerBox){let i=this.getImgAxis();e>i.x2-i.x1&&(e=i.x2-i.x1,t=e/this.fixedNumber[0]*this.fixedNumber[1]),t>i.y2-i.y1&&(t=i.y2-i.y1,e=t/this.fixedNumber[1]*this.fixedNumber[0])}this.cropW=e,this.cropH=t,this.checkCropLimitSize(),this.$nextTick(()=>{this.cropOffsertX=(this.w-this.cropW)/2,this.cropOffsertY=(this.h-this.cropH)/2,this.centerBox&&this.moveCrop(null,!0)})},refresh(){this.img,this.imgs="",this.scale=1,this.crop=!1,this.rotate=0,this.w=0,this.h=0,this.trueWidth=0,this.trueHeight=0,this.clearCrop(),this.$nextTick(()=>{this.checkedImg()})},rotateLeft(){this.rotate=this.rotate<=-3?0:this.rotate-1},rotateRight(){this.rotate=this.rotate>=3?0:this.rotate+1},rotateClear(){this.rotate=0},checkoutImgAxis(e,t,i){e=e||this.x,t=t||this.y,i=i||this.scale;let s=!0;if(this.centerBox){let o=this.getImgAxis(e,t,i),r=this.getCropAxis();o.x1>=r.x1&&(s=!1),o.x2<=r.x2&&(s=!1),o.y1>=r.y1&&(s=!1),o.y2<=r.y2&&(s=!1)}return s}},mounted(){this.support="onwheel"in document.createElement("div")?"wheel":document.onmousewheel!==void 0?"mousewheel":"DOMMouseScroll";let e=this;var t=navigator.userAgent;this.isIOS=!!t.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),HTMLCanvasElement.prototype.toBlob||Object.defineProperty(HTMLCanvasElement.prototype,"toBlob",{value:function(i,s,o){for(var r=atob(this.toDataURL(s,o).split(",")[1]),h=r.length,l=new Uint8Array(h),p=0;p<h;p++)l[p]=r.charCodeAt(p);i(new Blob([l],{type:e.type||"image/png"}))}}),this.showPreview(),this.checkedImg()},destroyed(){window.removeEventListener("mousemove",this.moveCrop),window.removeEventListener("mouseup",this.leaveCrop),window.removeEventListener("touchmove",this.moveCrop),window.removeEventListener("touchend",this.leaveCrop),this.cancelScale()}},L={key:0,class:"cropper-box"},k=["src"],T={class:"cropper-view-box"},A=["src"],z={key:1};function V(e,t,i,s,o,r){return a.openBlock(),a.createElementBlock("div",{class:"vue-cropper",ref:"cropper",onMouseover:t[28]||(t[28]=(...h)=>r.scaleImg&&r.scaleImg(...h)),onMouseout:t[29]||(t[29]=(...h)=>r.cancelScale&&r.cancelScale(...h))},[e.imgs?(a.openBlock(),a.createElementBlock("div",L,[a.withDirectives(a.createElementVNode("div",{class:"cropper-box-canvas",style:a.normalizeStyle({width:e.trueWidth+"px",height:e.trueHeight+"px",transform:"scale("+e.scale+","+e.scale+") translate3d("+e.x/e.scale+"px,"+e.y/e.scale+"px,0)rotateZ("+e.rotate*90+"deg)"})},[a.createElementVNode("img",{src:e.imgs,alt:"cropper-img",ref:"cropperImg"},null,8,k)],4),[[a.vShow,!e.loading]])])):a.createCommentVNode("",!0),a.createElementVNode("div",{class:a.normalizeClass(["cropper-drag-box",{"cropper-move":e.move&&!e.crop,"cropper-crop":e.crop,"cropper-modal":e.cropping}]),onMousedown:t[0]||(t[0]=(...h)=>r.startMove&&r.startMove(...h)),onTouchstart:t[1]||(t[1]=(...h)=>r.startMove&&r.startMove(...h))},null,34),a.withDirectives(a.createElementVNode("div",{class:"cropper-crop-box",style:a.normalizeStyle({width:e.cropW+"px",height:e.cropH+"px",transform:"translate3d("+e.cropOffsertX+"px,"+e.cropOffsertY+"px,0)"})},[a.createElementVNode("span",T,[a.createElementVNode("img",{style:a.normalizeStyle({width:e.trueWidth+"px",height:e.trueHeight+"px",transform:"scale("+e.scale+","+e.scale+") translate3d("+(e.x-e.cropOffsertX)/e.scale+"px,"+(e.y-e.cropOffsertY)/e.scale+"px,0)rotateZ("+e.rotate*90+"deg)"}),src:e.imgs,alt:"cropper-img"},null,12,A)]),a.createElementVNode("span",{class:"cropper-face cropper-move",onMousedown:t[2]||(t[2]=(...h)=>r.cropMove&&r.cropMove(...h)),onTouchstart:t[3]||(t[3]=(...h)=>r.cropMove&&r.cropMove(...h))},null,32),i.info?(a.openBlock(),a.createElementBlock("span",{key:0,class:"crop-info",style:a.normalizeStyle({top:r.cropInfo.top})},a.toDisplayString(r.cropInfo.width)+" × "+a.toDisplayString(r.cropInfo.height),5)):a.createCommentVNode("",!0),i.fixedBox?a.createCommentVNode("",!0):(a.openBlock(),a.createElementBlock("span",z,[a.createElementVNode("span",{class:"crop-line line-w",onMousedown:t[4]||(t[4]=h=>r.changeCropSize(h,!1,!0,0,1)),onTouchstart:t[5]||(t[5]=h=>r.changeCropSize(h,!1,!0,0,1))},null,32),a.createElementVNode("span",{class:"crop-line line-a",onMousedown:t[6]||(t[6]=h=>r.changeCropSize(h,!0,!1,1,0)),onTouchstart:t[7]||(t[7]=h=>r.changeCropSize(h,!0,!1,1,0))},null,32),a.createElementVNode("span",{class:"crop-line line-s",onMousedown:t[8]||(t[8]=h=>r.changeCropSize(h,!1,!0,0,2)),onTouchstart:t[9]||(t[9]=h=>r.changeCropSize(h,!1,!0,0,2))},null,32),a.createElementVNode("span",{class:"crop-line line-d",onMousedown:t[10]||(t[10]=h=>r.changeCropSize(h,!0,!1,2,0)),onTouchstart:t[11]||(t[11]=h=>r.changeCropSize(h,!0,!1,2,0))},null,32),a.createElementVNode("span",{class:"crop-point point1",onMousedown:t[12]||(t[12]=h=>r.changeCropSize(h,!0,!0,1,1)),onTouchstart:t[13]||(t[13]=h=>r.changeCropSize(h,!0,!0,1,1))},null,32),a.createElementVNode("span",{class:"crop-point point2",onMousedown:t[14]||(t[14]=h=>r.changeCropSize(h,!1,!0,0,1)),onTouchstart:t[15]||(t[15]=h=>r.changeCropSize(h,!1,!0,0,1))},null,32),a.createElementVNode("span",{class:"crop-point point3",onMousedown:t[16]||(t[16]=h=>r.changeCropSize(h,!0,!0,2,1)),onTouchstart:t[17]||(t[17]=h=>r.changeCropSize(h,!0,!0,2,1))},null,32),a.createElementVNode("span",{class:"crop-point point4",onMousedown:t[18]||(t[18]=h=>r.changeCropSize(h,!0,!1,1,0)),onTouchstart:t[19]||(t[19]=h=>r.changeCropSize(h,!0,!1,1,0))},null,32),a.createElementVNode("span",{class:"crop-point point5",onMousedown:t[20]||(t[20]=h=>r.changeCropSize(h,!0,!1,2,0)),onTouchstart:t[21]||(t[21]=h=>r.changeCropSize(h,!0,!1,2,0))},null,32),a.createElementVNode("span",{class:"crop-point point6",onMousedown:t[22]||(t[22]=h=>r.changeCropSize(h,!0,!0,1,2)),onTouchstart:t[23]||(t[23]=h=>r.changeCropSize(h,!0,!0,1,2))},null,32),a.createElementVNode("span",{class:"crop-point point7",onMousedown:t[24]||(t[24]=h=>r.changeCropSize(h,!1,!0,0,2)),onTouchstart:t[25]||(t[25]=h=>r.changeCropSize(h,!1,!0,0,2))},null,32),a.createElementVNode("span",{class:"crop-point point8",onMousedown:t[26]||(t[26]=h=>r.changeCropSize(h,!0,!0,2,2)),onTouchstart:t[27]||(t[27]=h=>r.changeCropSize(h,!0,!0,2,2))},null,32)]))],4),[[a.vShow,e.cropping]])],544)}const B=y._export_sfc(I,[["render",V],["__scopeId","data-v-168a3964"]]),P={class:"h-full"},$={class:"avatar-upload-preview"},R=["src"],U=a.defineComponent({__name:"uploadAvatar",props:{avatar:{default:""},close:{type:Function,default:close},proxyId:{default:""}},setup(e){const{postSinglefile:t,postUpdateFile:i}=y.useFileController(),s=e;let o=a.ref({});a.onMounted(async()=>{o.value=await y.systemStore.get("userInfo")});let{avatar:r}=a.toRefs(s);const h=a.reactive({img:"",autoCrop:!0,autoCropWidth:200,autoCropHeight:200,fixedBox:!1,outputSize:.5,outputType:"jpeg",canScale:!1,fixed:!1,fixedNumber:[1,1],full:!0,canMoveBox:!1,original:!1,centerBox:!1,infoTrue:!0,filename:""}),l=a.ref({}),p=a.ref({});a.ref(!1);let c=g=>{g=="left"&&p.value.rotateLeft(),g=="right"&&p.value.rotateRight()},n=g=>{const u=g||1;p.value.changeScale(u)},f=()=>{p.value.refresh()};const d=g=>{l.value=g};let C=()=>{},m=g=>{if(["image/png","image/jpg","image/jpeg","image/PNG","image/JPG","image/JPEG","image/gif"].includes(g.type)){const w=new FileReader;w.readAsDataURL(g),w.onload=()=>{h.img=w.result,h.filename=g.name}}else return y.ElMessage.error("图片格式有误，请重新上传"),!1},v=()=>{h.img||y.ElMessage.warning("请先选择图片"),p.value.getCropBlob(async g=>{const u=await t({data:{file:g},proxy:s.proxyId}),w=await i({data:{id:o.value.id,attchIdArrStr:u.data.id,attachType:2},proxy:s.proxyId});s.close(w)})};return a.onMounted(()=>{setTimeout(()=>{h.img=r.value},100)}),(g,u)=>{const w=a.resolveComponent("el-col"),H=a.resolveComponent("el-row"),W=a.resolveComponent("bc-icon"),x=a.resolveComponent("el-button"),X=a.resolveComponent("hs-upload");return a.openBlock(),a.createElementBlock("div",P,[a.createVNode(H,null,{default:a.withCtx(()=>[a.createVNode(w,{xs:24,md:13,style:{height:"350px"}},{default:a.withCtx(()=>[a.createVNode(B,{ref_key:"cropperRef",ref:p,img:h.img,info:!0,infoTrue:h.infoTrue,"auto-crop":h.autoCrop,"fixed-box":h.fixedBox,fixedNumber:h.fixedNumber,fixed:h.fixed,centerBox:h.centerBox,outputType:"png",onRealTime:d},null,8,["img","infoTrue","auto-crop","fixed-box","fixedNumber","fixed","centerBox"])]),_:1}),a.createVNode(w,{xs:24,md:11,style:{height:"350px"}},{default:a.withCtx(()=>[a.createElementVNode("div",$,[a.createElementVNode("img",{src:l.value.url,style:a.normalizeStyle(l.value.img)},null,12,R)])]),_:1})]),_:1}),a.createVNode(H,{class:"ptb2 py-3"},{default:a.withCtx(()=>[a.createVNode(w,{lg:2,md:2},{default:a.withCtx(()=>[a.createVNode(X,{action:"#","http-request":a.unref(C),"show-file-list":!1,"before-upload":a.unref(m),accept:"image/*"},{default:a.withCtx(()=>[a.createVNode(x,{size:"default"},{default:a.withCtx(()=>[a.createTextVNode(" 选择 "),a.createVNode(W,{name:"ele-UploadFilled"})]),_:1})]),_:1},8,["http-request","before-upload"])]),_:1}),a.createVNode(w,{lg:{span:1,offset:1},md:2},{default:a.withCtx(()=>[a.createVNode(x,{size:"default",icon:"ele-Plus",onClick:u[0]||(u[0]=b=>a.unref(n)(1))})]),_:1}),a.createVNode(w,{lg:{span:1,offset:1},md:2},{default:a.withCtx(()=>[a.createVNode(x,{size:"default",icon:"ele-Minus",onClick:u[1]||(u[1]=b=>a.unref(n)(-1))})]),_:1}),a.createVNode(w,{lg:{span:1,offset:1},md:2},{default:a.withCtx(()=>[a.createVNode(x,{size:"default",icon:"ele-RefreshLeft",onClick:u[2]||(u[2]=b=>a.unref(c)("left"))})]),_:1}),a.createVNode(w,{lg:{span:1,offset:1},md:2},{default:a.withCtx(()=>[a.createVNode(x,{size:"default",icon:"ele-RefreshRight",onClick:u[3]||(u[3]=b=>a.unref(c)("right"))})]),_:1}),a.createVNode(w,{lg:{span:1,offset:1},md:2},{default:a.withCtx(()=>[a.createVNode(x,{size:"default",onClick:u[4]||(u[4]=b=>a.unref(f)())},{default:a.withCtx(()=>[a.createTextVNode("重 置")]),_:1})]),_:1}),a.createVNode(w,{lg:{span:1,offset:7},md:2},{default:a.withCtx(()=>[a.createVNode(x,{size:"default",type:"primary",onClick:u[5]||(u[5]=b=>a.unref(v)())},{default:a.withCtx(()=>[a.createTextVNode("提 交")]),_:1})]),_:1})]),_:1})])}}}),D=y._export_sfc(U,[["__scopeId","data-v-99513ec9"]]);exports.default=D;