suyiScreen/node_modules/.cache/babel-loader/68094823c98b8884a1dc7398c4117959.json

{"remainingRequest":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js!F:\\lixiaobang\\suyi\\suyiScreen\\src\\utils\\drawMixin.js","dependencies":[{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\src\\utils\\drawMixin.js","mtime":1670891618094},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1670891604112},{"path":"F:\\lixiaobang\\suyi\\suyiScreen\\node_modules\\babel-loader\\lib\\index.js","mtime":1670891602826}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMuYXJyYXkuY29uY2F0IjsKaW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLnRvLWZpeGVkIjsKLy8g5bGP5bmV6YCC6YWNIG1peGluIOWHveaVsAovLyAqIOm7mOiupOe8qeaUvuWAvAp2YXIgc2NhbGUgPSB7CiAgd2lkdGg6ICcxJywKICBoZWlnaHQ6ICcxJwp9OyAvLyAqIOiuvuiuoeeov+WwuuWvuO+8iHB477yJCgp2YXIgYmFzZVdpZHRoID0gMTkyMDsKdmFyIGJhc2VIZWlnaHQgPSAxMDgwOyAvLyAqIOmcgOS/neaMgeeahOavlOS+i++8iOm7mOiupDEuNzc3NzjvvIkKCnZhciBiYXNlUHJvcG9ydGlvbiA9IHBhcnNlRmxvYXQoKGJhc2VXaWR0aCAvIGJhc2VIZWlnaHQpLnRvRml4ZWQoNSkpOyAvLyBjb25zdCBiYXNlUHJvcG9ydGlvbiA9IDEuOHx8cGFyc2VGbG9hdCgoYmFzZVdpZHRoIC8gYmFzZUhlaWdodCkudG9GaXhlZCg1KSkKCmV4cG9ydCBkZWZhdWx0IHsKICBkYXRhOiBmdW5jdGlvbiBkYXRhKCkgewogICAgcmV0dXJuIHsKICAgICAgLy8gKiDlrprml7blh73mlbAKICAgICAgZHJhd1RpbWluZzogbnVsbAogICAgfTsKICB9LAogIG1vdW50ZWQ6IGZ1bmN0aW9uIG1vdW50ZWQoKSB7CiAgICB0aGlzLmNhbGNSYXRlKCk7CiAgICB3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5yZXNpemUpOwogIH0sCiAgYmVmb3JlRGVzdHJveTogZnVuY3Rpb24gYmVmb3JlRGVzdHJveSgpIHsKICAgIHdpbmRvdy5yZW1vdmVFdmVudExpc3RlbmVyKCdyZXNpemUnLCB0aGlzLnJlc2l6ZSk7CiAgfSwKICBtZXRob2RzOiB7CiAgICBjYWxjUmF0ZTogZnVuY3Rpb24gY2FsY1JhdGUoKSB7CiAgICAgIHZhciBhcHBSZWYgPSB0aGlzLiRyZWZzWyJhcHBSZWYiXTsKICAgICAgaWYgKCFhcHBSZWYpIHJldHVybjsgLy8g5b2T5YmN5a696auY5q+UCgogICAgICB2YXIgY3VycmVudFJhdGUgPSBwYXJzZUZsb2F0KCh3aW5kb3cuaW5uZXJXaWR0aCAvIHdpbmRvdy5pbm5lckhlaWdodCkudG9GaXhlZCg1KSk7CgogICAgICBpZiAoYXBwUmVmKSB7CiAgICAgICAgaWYgKGN1cnJlbnRSYXRlID4gYmFzZVByb3BvcnRpb24pIHsKICAgICAgICAgIC8vIOihqOekuuabtOWuvQogICAgICAgICAgc2NhbGUud2lkdGggPSAod2luZG93LmlubmVySGVpZ2h0ICogYmFzZVByb3BvcnRpb24gLyBiYXNlV2lkdGgpLnRvRml4ZWQoNSk7IC8vICAgc2NhbGUud2lkdGggPSAxOwoKICAgICAgICAgIGNvbnNvbGUubG9nKCdzY2FsZS53aWR0aCwsJywgc2NhbGUud2lkdGgsIHBhcnNlRmxvYXQoc2NhbGUud2lkdGgpICsgMC4wODExMSk7CiAgICAgICAgICBzY2FsZS5oZWlnaHQgPSAod2luZG93LmlubmVySGVpZ2h0IC8gYmFzZUhlaWdodCkudG9GaXhlZCg1KTsKICAgICAgICAgIGFwcFJlZi5zdHlsZS50cmFuc2Zvcm0gPSAic2NhbGUoIi5jb25jYXQocGFyc2VGbG9hdChzY2FsZS53aWR0aCksICIsICIpLmNvbmNhdChzY2FsZS5oZWlnaHQsICIpIHRyYW5zbGF0ZSgtNTAlLCAtNTAlKSIpOwogICAgICAgIH0gZWxzZSB7CiAgICAgICAgICAvLyDooajnpLrmm7Tpq5gKICAgICAgICAgIHNjYWxlLmhlaWdodCA9ICh3aW5kb3cuaW5uZXJXaWR0aCAvIGJhc2VQcm9wb3J0aW9uIC8gYmFzZUhlaWdodCkudG9GaXhlZCg1KTsgLy8gICBzY2FsZS53aWR0aCA9IDE7CgogICAgICAgICAgc2NhbGUud2lkdGggPSAod2luZG93LmlubmVyV2lkdGggLyBiYXNlV2lkdGgpLnRvRml4ZWQoNSk7CiAgICAgICAgICBhcHBSZWYuc3R5bGUudHJhbnNmb3JtID0gInNjYWxlKCIuY29uY2F0KHNjYWxlLndpZHRoLCAiLCAiKS5jb25jYXQoc2NhbGUuaGVpZ2h0LCAiKSB0cmFuc2xhdGUoLTUwJSwgLTUwJSkiKTsKICAgICAgICB9CiAgICAgIH0KICAgIH0sCiAgICByZXNpemU6IGZ1bmN0aW9uIHJlc2l6ZSgpIHsKICAgICAgdmFyIF90aGlzID0gdGhpczsKCiAgICAgIGNsZWFyVGltZW91dCh0aGlzLmRyYXdUaW1pbmcpOwogICAgICB0aGlzLmRyYXdUaW1pbmcgPSBzZXRUaW1lb3V0KGZ1bmN0aW9uICgpIHsKICAgICAgICBfdGhpcy5jYWxjUmF0ZSgpOwogICAgICB9LCAyMDApOwogICAgfQogIH0KfTs="},{"version":3,"sources":["F:/lixiaobang/suyi/suyiScreen/src/utils/drawMixin.js"],"names":["scale","width","height","baseWidth","baseHeight","baseProportion","parseFloat","toFixed","data","drawTiming","mounted","calcRate","window","addEventListener","resize","beforeDestroy","removeEventListener","methods","appRef","$refs","currentRate","innerWidth","innerHeight","console","log","style","transform","clearTimeout","setTimeout"],"mappings":";;AAAA;AAEA;AACA,IAAMA,KAAK,GAAG;AACZC,EAAAA,KAAK,EAAE,GADK;AAEZC,EAAAA,MAAM,EAAE;AAFI,CAAd,C,CAKA;;AACA,IAAMC,SAAS,GAAG,IAAlB;AACA,IAAMC,UAAU,GAAG,IAAnB,C,CAEA;;AACA,IAAMC,cAAc,GAAGC,UAAU,CAAC,CAACH,SAAS,GAAGC,UAAb,EAAyBG,OAAzB,CAAiC,CAAjC,CAAD,CAAjC,C,CACA;;AACA,eAAe;AACbC,EAAAA,IADa,kBACN;AACL,WAAO;AACL;AACAC,MAAAA,UAAU,EAAE;AAFP,KAAP;AAID,GANY;AAObC,EAAAA,OAPa,qBAOH;AACR,SAAKC,QAAL;AACAC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkC,KAAKC,MAAvC;AACD,GAVY;AAWbC,EAAAA,aAXa,2BAWG;AACdH,IAAAA,MAAM,CAACI,mBAAP,CAA2B,QAA3B,EAAqC,KAAKF,MAA1C;AACD,GAbY;AAcbG,EAAAA,OAAO,EAAE;AACPN,IAAAA,QADO,sBACI;AACT,UAAMO,MAAM,GAAG,KAAKC,KAAL,CAAW,QAAX,CAAf;AACA,UAAI,CAACD,MAAL,EAAa,OAFJ,CAGT;;AACA,UAAME,WAAW,GAAGd,UAAU,CAAC,CAACM,MAAM,CAACS,UAAP,GAAoBT,MAAM,CAACU,WAA5B,EAAyCf,OAAzC,CAAiD,CAAjD,CAAD,CAA9B;;AACA,UAAIW,MAAJ,EAAY;AACV,YAAIE,WAAW,GAAGf,cAAlB,EAAkC;AAChC;AACAL,UAAAA,KAAK,CAACC,KAAN,GAAc,CAAEW,MAAM,CAACU,WAAP,GAAqBjB,cAAtB,GAAwCF,SAAzC,EAAoDI,OAApD,CAA4D,CAA5D,CAAd,CAFgC,CAGlC;;AACEgB,UAAAA,OAAO,CAACC,GAAR,CAAY,eAAZ,EAA6BxB,KAAK,CAACC,KAAnC,EAA0CK,UAAU,CAACN,KAAK,CAACC,KAAP,CAAV,GAA0B,OAApE;AACAD,UAAAA,KAAK,CAACE,MAAN,GAAe,CAACU,MAAM,CAACU,WAAP,GAAqBlB,UAAtB,EAAkCG,OAAlC,CAA0C,CAA1C,CAAf;AACAW,UAAAA,MAAM,CAACO,KAAP,CAAaC,SAAb,mBAAkCpB,UAAU,CAACN,KAAK,CAACC,KAAP,CAA5C,eAA8DD,KAAK,CAACE,MAApE;AAED,SARD,MAQO;AACL;AACAF,UAAAA,KAAK,CAACE,MAAN,GAAe,CAAEU,MAAM,CAACS,UAAP,GAAoBhB,cAArB,GAAuCD,UAAxC,EAAoDG,OAApD,CAA4D,CAA5D,CAAf,CAFK,CAGP;;AACEP,UAAAA,KAAK,CAACC,KAAN,GAAc,CAACW,MAAM,CAACS,UAAP,GAAoBlB,SAArB,EAAgCI,OAAhC,CAAwC,CAAxC,CAAd;AACAW,UAAAA,MAAM,CAACO,KAAP,CAAaC,SAAb,mBAAkC1B,KAAK,CAACC,KAAxC,eAAkDD,KAAK,CAACE,MAAxD;AACD;AACF;AACF,KAvBM;AAwBPY,IAAAA,MAxBO,oBAwBE;AAAA;;AACPa,MAAAA,YAAY,CAAC,KAAKlB,UAAN,CAAZ;AACA,WAAKA,UAAL,GAAkBmB,UAAU,CAAC,YAAM;AACjC,QAAA,KAAI,CAACjB,QAAL;AACD,OAF2B,EAEzB,GAFyB,CAA5B;AAGD;AA7BM;AAdI,CAAf","sourcesContent":["// 屏幕适配 mixin 函数\r\n\r\n// * 默认缩放值\r\nconst scale = {\r\n  width: '1',\r\n  height: '1',\r\n}\r\n\r\n// * 设计稿尺寸（px）\r\nconst baseWidth = 1920\r\nconst baseHeight = 1080\r\n\r\n// * 需保持的比例（默认1.77778）\r\nconst baseProportion = parseFloat((baseWidth / baseHeight).toFixed(5))\r\n// const baseProportion = 1.8||parseFloat((baseWidth / baseHeight).toFixed(5))\r\nexport default {\r\n  data() {\r\n    return {\r\n      // * 定时函数\r\n      drawTiming: null\r\n    }\r\n  },\r\n  mounted() {\r\n    this.calcRate()\r\n    window.addEventListener('resize', this.resize)\r\n  },\r\n  beforeDestroy() {\r\n    window.removeEventListener('resize', this.resize)\r\n  },\r\n  methods: {\r\n    calcRate() {\r\n      const appRef = this.$refs[\"appRef\"]\r\n      if (!appRef) return\r\n      // 当前宽高比\r\n      const currentRate = parseFloat((window.innerWidth / window.innerHeight).toFixed(5))\r\n      if (appRef) {\r\n        if (currentRate > baseProportion) {\r\n          // 表示更宽\r\n          scale.width = ((window.innerHeight * baseProportion) / baseWidth).toFixed(5);\r\n        //   scale.width = 1;\r\n          console.log('scale.width,,', scale.width, parseFloat(scale.width) + 0.08111);\r\n          scale.height = (window.innerHeight / baseHeight).toFixed(5)\r\n          appRef.style.transform = `scale(${parseFloat(scale.width)}, ${scale.height}) translate(-50%, -50%)`\r\n          \r\n        } else {\r\n          // 表示更高\r\n          scale.height = ((window.innerWidth / baseProportion) / baseHeight).toFixed(5)\r\n        //   scale.width = 1;\r\n          scale.width = (window.innerWidth / baseWidth).toFixed(5)\r\n          appRef.style.transform = `scale(${scale.width}, ${scale.height}) translate(-50%, -50%)`\r\n        }\r\n      }\r\n    },\r\n    resize() {\r\n      clearTimeout(this.drawTiming)\r\n      this.drawTiming = setTimeout(() => {\r\n        this.calcRate()\r\n      }, 200)\r\n    }\r\n  },\r\n}"]}]}