{"remainingRequest":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\babel-loader\\lib\\index.js!D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js??ref--0-0!D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\components\\Watermark\\Watermark.vue?vue&type=script&lang=js","dependencies":[{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\src\\components\\Watermark\\Watermark.vue","mtime":1718864675711},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\babel.config.js","mtime":1718070785981},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\babel-loader\\lib\\index.js","mtime":1718764959024},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\cache-loader\\dist\\cjs.js","mtime":1718764957200},{"path":"D:\\phpstudy_pro\\WWW\\travel\\admin\\node_modules\\vue-loader\\lib\\index.js","mtime":1718764959862}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:aW1wb3J0ICJjb3JlLWpzL21vZHVsZXMvZXMubnVtYmVyLmNvbnN0cnVjdG9yLmpzIjsKLy8KLy8KLy8KLy8KLy8KLy8KLy8KLy8KCmV4cG9ydCBkZWZhdWx0IHsKICBwcm9wczogewogICAgd2F0ZXJtYXJrVGV4dDogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICfph5HmvrMnCiAgICB9LAogICAgd2F0ZXJtYXJrQ29sb3I6IHsKICAgICAgdHlwZTogU3RyaW5nLAogICAgICBkZWZhdWx0OiAncmdiYSgxOTIsIDE5MiwgMTkyLCAwLjMpJwogICAgfSwKICAgIHdhdGVybWFya0ZvbnRTaXplOiB7CiAgICAgIHR5cGU6IFN0cmluZywKICAgICAgZGVmYXVsdDogJzI0cHgnCiAgICB9LAogICAgd2F0ZXJtYXJrRm9udEZhbWlseTogewogICAgICB0eXBlOiBTdHJpbmcsCiAgICAgIGRlZmF1bHQ6ICdBcmlhbCcKICAgIH0sCiAgICB3YXRlcm1hcmtSb3RhdGlvbjogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IC00NQogICAgfSwKICAgIHdhdGVybWFya1NwYWNpbmc6IHsKICAgICAgdHlwZTogTnVtYmVyLAogICAgICBkZWZhdWx0OiAyMDAKICAgIH0sCiAgICB3YXRlcm1hcmtXaWR0aDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDIwMAogICAgfSwKICAgIHdhdGVybWFya0hlaWdodDogewogICAgICB0eXBlOiBOdW1iZXIsCiAgICAgIGRlZmF1bHQ6IDEwMAogICAgfQogIH0sCiAgY29tcHV0ZWQ6IHsKICAgIHdhdGVybWFya1RleHRzOiBmdW5jdGlvbiB3YXRlcm1hcmtUZXh0cygpIHsKICAgICAgLy8g5qC55o2u6aG16Z2i5aSn5bCP5Yqo5oCB55Sf5oiQ5aSa5Liq5rC05Y2w5paH5pysCiAgICAgIHZhciB0ZXh0cyA9IFtdOwogICAgICB2YXIgd2lkdGggPSB3aW5kb3cuaW5uZXJXaWR0aDsKICAgICAgdmFyIGhlaWdodCA9IHdpbmRvdy5pbm5lckhlaWdodDsKICAgICAgdmFyIGNvdW50ID0gTWF0aC5jZWlsKHdpZHRoICogaGVpZ2h0IC8gKHRoaXMud2F0ZXJtYXJrV2lkdGggKiB0aGlzLndhdGVybWFya0hlaWdodCkpOwogICAgICBmb3IgKHZhciBpID0gMDsgaSA8IGNvdW50OyBpKyspIHsKICAgICAgICB0ZXh0cy5wdXNoKHRoaXMud2F0ZXJtYXJrVGV4dCk7CiAgICAgIH0KICAgICAgcmV0dXJuIHRleHRzOwogICAgfSwKICAgIHdhdGVybWFya1N0eWxlOiBmdW5jdGlvbiB3YXRlcm1hcmtTdHlsZSgpIHsKICAgICAgcmV0dXJuIHsKICAgICAgICBwb3NpdGlvbjogJ2ZpeGVkJywKICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsCiAgICAgICAgdG9wOiAiIi5jb25jYXQoTWF0aC5yYW5kb20oKSAqIHdpbmRvdy5pbm5lckhlaWdodCwgInB4IiksCiAgICAgICAgbGVmdDogIiIuY29uY2F0KE1hdGgucmFuZG9tKCkgKiB3aW5kb3cuaW5uZXJXaWR0aCwgInB4IiksCiAgICAgICAgdHJhbnNmb3JtOiAicm90YXRlKCIuY29uY2F0KHRoaXMud2F0ZXJtYXJrUm90YXRpb24sICJkZWcpIiksCiAgICAgICAgZm9udFNpemU6IHRoaXMud2F0ZXJtYXJrRm9udFNpemUsCiAgICAgICAgY29sb3I6IHRoaXMud2F0ZXJtYXJrQ29sb3IsCiAgICAgICAgZm9udEZhbWlseTogdGhpcy53YXRlcm1hcmtGb250RmFtaWx5CiAgICAgICAgLy8g5Y+v5Lul5qC55o2u6ZyA6KaB5re75Yqg5pu05aSa5qC35byPCiAgICAgIH07CiAgICB9CiAgfSwKICBtb3VudGVkOiBmdW5jdGlvbiBtb3VudGVkKCkgewogICAgd2luZG93LmFkZEV2ZW50TGlzdGVuZXIoJ3Jlc2l6ZScsIHRoaXMuaGFuZGxlUmVzaXplKTsKICB9LAogIGJlZm9yZURlc3Ryb3k6IGZ1bmN0aW9uIGJlZm9yZURlc3Ryb3koKSB7CiAgICB3aW5kb3cucmVtb3ZlRXZlbnRMaXN0ZW5lcigncmVzaXplJywgdGhpcy5oYW5kbGVSZXNpemUpOwogIH0sCiAgbWV0aG9kczogewogICAgaGFuZGxlUmVzaXplOiBmdW5jdGlvbiBoYW5kbGVSZXNpemUoKSB7CiAgICAgIC8vIOWcqOeql+WPo+Wkp+Wwj+aUueWPmOaXtumHjeaWsOiuoeeul+awtOWNsOaWh+acrOWSjOagt+W8jwogICAgICAvLyDov5nph4zlj6/ku6XmoLnmja7pnIDopoHmt7vliqDpgLvovpHvvIzmr5TlpoLkvb/nlKhuZXh0VGlja+adpeehruS/nURPTeabtOaWsOWQjuWGjeiuoeeulwogICAgfQogIH0KfTs="},{"version":3,"names":["props","watermarkText","type","String","default","watermarkColor","watermarkFontSize","watermarkFontFamily","watermarkRotation","Number","watermarkSpacing","watermarkWidth","watermarkHeight","computed","watermarkTexts","texts","width","window","innerWidth","height","innerHeight","count","Math","ceil","i","push","watermarkStyle","position","pointerEvents","top","concat","random","left","transform","fontSize","color","fontFamily","mounted","addEventListener","handleResize","beforeDestroy","removeEventListener","methods"],"sources":["src/components/Watermark/Watermark.vue"],"sourcesContent":["<template>\n  <div v-if=\"watermarkText\" class=\"watermark-container\">\n    <div class=\"watermark\" v-for=\"(text, index) in watermarkTexts\" :key=\"index\" :style=\"watermarkStyle\">\n      {{ text }}\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    watermarkText: {\n      type: String,\n      default: '金澳'\n    },\n    watermarkColor: {\n      type: String,\n      default: 'rgba(192, 192, 192, 0.3)'\n    },\n    watermarkFontSize: {\n      type: String,\n      default: '24px'\n    },\n    watermarkFontFamily: {\n      type: String,\n      default: 'Arial'\n    },\n    watermarkRotation: {\n      type: Number,\n      default: -45\n    },\n    watermarkSpacing: {\n      type: Number,\n      default: 200\n    },\n    watermarkWidth: {\n      type: Number,\n      default: 200\n    },\n    watermarkHeight: {\n      type: Number,\n      default: 100\n    }\n  },\n  computed: {\n    watermarkTexts() {\n      // 根据页面大小动态生成多个水印文本\n      const texts = [];\n      const width = window.innerWidth;\n      const height = window.innerHeight;\n      const count = Math.ceil(width * height / (this.watermarkWidth * this.watermarkHeight));\n      for (let i = 0; i < count; i++) {\n        texts.push(this.watermarkText);\n      }\n      return texts;\n    },\n    watermarkStyle() {\n      return {\n        position: 'fixed',\n        pointerEvents: 'none',\n        top: `${Math.random() * window.innerHeight}px`,\n        left: `${Math.random() * window.innerWidth}px`,\n        transform: `rotate(${this.watermarkRotation}deg)`,\n        fontSize: this.watermarkFontSize,\n        color: this.watermarkColor,\n        fontFamily: this.watermarkFontFamily,\n        // 可以根据需要添加更多样式\n      };\n    }\n  },\n  mounted() {\n    window.addEventListener('resize', this.handleResize);\n  },\n  beforeDestroy() {\n    window.removeEventListener('resize', this.handleResize);\n  },\n  methods: {\n    handleResize() {\n      // 在窗口大小改变时重新计算水印文本和样式\n      // 这里可以根据需要添加逻辑，比如使用nextTick来确保DOM更新后再计算\n    }\n  }\n};\n</script>\n\n<style scoped>\n.watermark-container {\n  pointer-events: none;\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 9999; /* 确保水印在内容之上 */\n  overflow: hidden;\n  pointer-events: none; /* 防止水印影响页面交互 */\n}\n\n.watermark {\n  user-select: none; /* 防止水印文本被复制 */\n  pointer-events: none; /* 防止水印影响页面交互 */\n}\n</style>\n"],"mappings":";;;;;;;;;;AASA;EACAA,KAAA;IACAC,aAAA;MACAC,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAC,cAAA;MACAH,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAE,iBAAA;MACAJ,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAG,mBAAA;MACAL,IAAA,EAAAC,MAAA;MACAC,OAAA;IACA;IACAI,iBAAA;MACAN,IAAA,EAAAO,MAAA;MACAL,OAAA;IACA;IACAM,gBAAA;MACAR,IAAA,EAAAO,MAAA;MACAL,OAAA;IACA;IACAO,cAAA;MACAT,IAAA,EAAAO,MAAA;MACAL,OAAA;IACA;IACAQ,eAAA;MACAV,IAAA,EAAAO,MAAA;MACAL,OAAA;IACA;EACA;EACAS,QAAA;IACAC,cAAA,WAAAA,eAAA;MACA;MACA,IAAAC,KAAA;MACA,IAAAC,KAAA,GAAAC,MAAA,CAAAC,UAAA;MACA,IAAAC,MAAA,GAAAF,MAAA,CAAAG,WAAA;MACA,IAAAC,KAAA,GAAAC,IAAA,CAAAC,IAAA,CAAAP,KAAA,GAAAG,MAAA,SAAAR,cAAA,QAAAC,eAAA;MACA,SAAAY,CAAA,MAAAA,CAAA,GAAAH,KAAA,EAAAG,CAAA;QACAT,KAAA,CAAAU,IAAA,MAAAxB,aAAA;MACA;MACA,OAAAc,KAAA;IACA;IACAW,cAAA,WAAAA,eAAA;MACA;QACAC,QAAA;QACAC,aAAA;QACAC,GAAA,KAAAC,MAAA,CAAAR,IAAA,CAAAS,MAAA,KAAAd,MAAA,CAAAG,WAAA;QACAY,IAAA,KAAAF,MAAA,CAAAR,IAAA,CAAAS,MAAA,KAAAd,MAAA,CAAAC,UAAA;QACAe,SAAA,YAAAH,MAAA,MAAAtB,iBAAA;QACA0B,QAAA,OAAA5B,iBAAA;QACA6B,KAAA,OAAA9B,cAAA;QACA+B,UAAA,OAAA7B;QACA;MACA;IACA;EACA;EACA8B,OAAA,WAAAA,QAAA;IACApB,MAAA,CAAAqB,gBAAA,gBAAAC,YAAA;EACA;EACAC,aAAA,WAAAA,cAAA;IACAvB,MAAA,CAAAwB,mBAAA,gBAAAF,YAAA;EACA;EACAG,OAAA;IACAH,YAAA,WAAAA,aAAA;MACA;MACA;IAAA;EAEA;AACA","ignoreList":[]}]}