u-mask.js.map 13.5 KB
{"version":3,"sources":["webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-mask/u-mask.vue?a635","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-mask/u-mask.vue?e34f","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-mask/u-mask.vue?11fa","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-mask/u-mask.vue?da9d","uni-app:///uview-ui/components/u-mask/u-mask.vue","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-mask/u-mask.vue?48a8","webpack:////Users/juvenile/Documents/web/xiaoai/excellent-working/uview-ui/components/u-mask/u-mask.vue?8322"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAA+H;AAC/H;AAC0D;AACL;AACsC;;;AAG3F;AACsN;AACtN,gBAAgB,iNAAU;AAC1B,EAAE,4EAAM;AACR,EAAE,6FAAM;AACR,EAAE,sGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,iGAAU;AACZ;AACA;;AAEA;AACe,gF;;;;;;;;;;;;ACvBf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;;AAEA;AACA,MAAM;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;AC1BA;AAAA;AAAA;AAAA;AAAk2B,CAAgB,oyBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;ACUt3B;;;;;;;;;;;;;AAaA;AACA,gBADA;AAEA;AACA;AACA;AACA,mBADA;AAEA,oBAFA,EAFA;;AAMA;AACA;AACA,4BADA;AAEA,iBAFA,EAPA;;AAWA;AACA;AACA,kBADA;AAEA,aAFA,sBAEA;AACA;AACA,OAJA,EAZA;;AAkBA;AACA;AACA,mBADA;AAEA,mBAFA,EAnBA;;AAuBA;AACA;AACA,4BADA;AAEA,kBAFA,EAxBA;;AA4BA;AACA;AACA,mBADA;AAEA,mBAFA,EA7BA,EAFA;;;AAoCA,MApCA,kBAoCA;AACA;AACA;AACA,qBADA,EADA;;AAIA,8BAJA;;AAMA,GA3CA;AA4CA;AACA,QADA,gBACA,CADA,EACA;AACA;AACA;AACA;AACA,OAHA,MAGA;AACA;AACA;AACA;AACA,KATA,EA5CA;;AAuDA;AACA,aADA,uBACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WADA;AAEA,sBAFA;;AAIA;AACA,KAbA,EAvDA;;AAsEA;AACA,SADA,mBACA;AACA;AACA;AACA,KAJA,EAtEA,E;;;;;;;;;;;;ACvBA;AAAA;AAAA;AAAA;AAA2kD,CAAgB,s5CAAG,EAAC,C;;;;;;;;;;;ACA/lD;AACA,OAAO,KAAU,EAAE,kBAKd","file":"uview-ui/components/u-mask/u-mask.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./u-mask.vue?vue&type=template&id=4bfa3b00&scoped=true&\"\nvar renderjs\nimport script from \"./u-mask.vue?vue&type=script&lang=js&\"\nexport * from \"./u-mask.vue?vue&type=script&lang=js&\"\nimport style0 from \"./u-mask.vue?vue&type=style&index=0&id=4bfa3b00&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4bfa3b00\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"uview-ui/components/u-mask/u-mask.vue\"\nexport default component.exports","export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--16-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-mask.vue?vue&type=template&id=4bfa3b00&scoped=true&\"","var components\nvar render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  var s0 = _vm.__get_style([_vm.maskStyle, _vm.zoomStyle])\n\n  if (!_vm._isMounted) {\n    _vm.e0 = function($event) {\n      $event.stopPropagation()\n      $event.preventDefault()\n      return (function() {})($event)\n    }\n  }\n\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        s0: s0\n      }\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-mask.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--12-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-mask.vue?vue&type=script&lang=js&\"","<template>\n\t<view class=\"u-mask\" hover-stop-propagation :style=\"[maskStyle, zoomStyle]\" @tap=\"click\" @touchmove.stop.prevent=\"() => {}\" :class=\"{\n\t\t'u-mask-zoom': zoom,\n\t\t'u-mask-show': show\n\t}\">\n\t\t<slot />\n\t</view>\n</template>\n\n<script>\n\t/**\n\t * mask 遮罩\n\t * @description 创建一个遮罩层,用于强调特定的页面元素,并阻止用户对遮罩下层的内容进行操作,一般用于弹窗场景\n\t * @tutorial https://www.uviewui.com/components/mask.html\n\t * @property {Boolean} show 是否显示遮罩(默认false)\n\t * @property {String Number} z-index z-index 层级(默认1070)\n\t * @property {Object} custom-style 自定义样式对象,见上方说明\n\t * @property {String Number} duration 动画时长,单位毫秒(默认300)\n\t * @property {Boolean} zoom 是否使用scale对遮罩进行缩放(默认true)\n\t * @property {Boolean} mask-click-able 遮罩是否可点击,为false时点击不会发送click事件(默认true)\n\t * @event {Function} click mask-click-able为true时,点击遮罩发送此事件\n\t * @example <u-mask :show=\"show\" @click=\"show = false\"></u-mask>\n\t */\n\texport default {\n\t\tname: \"u-mask\",\n\t\tprops: {\n\t\t\t// 是否显示遮罩\n\t\t\tshow: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: false\n\t\t\t},\n\t\t\t// 层级z-index\n\t\t\tzIndex: {\n\t\t\t\ttype: [Number, String],\n\t\t\t\tdefault: ''\n\t\t\t},\n\t\t\t// 用户自定义样式\n\t\t\tcustomStyle: {\n\t\t\t\ttype: Object,\n\t\t\t\tdefault () {\n\t\t\t\t\treturn {}\n\t\t\t\t}\n\t\t\t},\n\t\t\t// 遮罩的动画样式, 是否使用使用zoom进行scale进行缩放\n\t\t\tzoom: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t},\n\t\t\t// 遮罩的过渡时间,单位为ms\n\t\t\tduration: {\n\t\t\t\ttype: [Number, String],\n\t\t\t\tdefault: 300\n\t\t\t},\n\t\t\t// 是否可以通过点击遮罩进行关闭\n\t\t\tmaskClickAble: {\n\t\t\t\ttype: Boolean,\n\t\t\t\tdefault: true\n\t\t\t}\n\t\t},\n\t\tdata() {\n\t\t\treturn {\n\t\t\t\tzoomStyle: {\n\t\t\t\t\ttransform: ''\n\t\t\t\t},\n\t\t\t\tscale: 'scale(1.2, 1.2)'\n\t\t\t}\n\t\t},\n\t\twatch: {\n\t\t\tshow(n) {\n\t\t\t\tif(n && this.zoom) {\n\t\t\t\t\t// 当展示遮罩的时候,设置scale为1,达到缩小(原来为1.2)的效果\n\t\t\t\t\tthis.zoomStyle.transform = 'scale(1, 1)';\n\t\t\t\t} else if(!n && this.zoom) {\n\t\t\t\t\t// 当隐藏遮罩的时候,设置scale为1.2,达到放大(因为显示遮罩时已重置为1)的效果\n\t\t\t\t\tthis.zoomStyle.transform = this.scale;\n\t\t\t\t}\n\t\t\t}\n\t\t},\n\t\tcomputed: {\n\t\t\tmaskStyle() {\n\t\t\t\tlet style = {};\n\t\t\t\tstyle.backgroundColor = \"rgba(0, 0, 0, 0.6)\";\n\t\t\t\tif(this.show) style.zIndex = this.zIndex ? this.zIndex : this.$u.zIndex.mask;\n\t\t\t\telse style.zIndex = -1;\n\t\t\t\tstyle.transition = `all ${this.duration / 1000}s ease-in-out`;\n\t\t\t\t// 判断用户传递的对象是否为空,不为空就进行合并\n\t\t\t\tif (Object.keys(this.customStyle).length) style = { \n\t\t\t\t\t...style,\n\t\t\t\t\t...this.customStyle\n\t\t\t\t};\n\t\t\t\treturn style;\n\t\t\t}\n\t\t},\n\t\tmethods: {\n\t\t\tclick() {\n\t\t\t\tif (!this.maskClickAble) return;\n\t\t\t\tthis.$emit('click');\n\t\t\t}\n\t\t}\n\t}\n</script>\n\n<style lang=\"scss\" scoped>\n\t@import \"../../libs/css/style.components.scss\";\n\t\n\t.u-mask {\n\t\tposition: fixed;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\topacity: 0;\n\t\ttransition: transform 0.3s;\n\t}\n\n\t.u-mask-show {\n\t\topacity: 1;\n\t}\n\t\n\t.u-mask-zoom {\n\t\ttransform: scale(1.2, 1.2);\n\t}\n</style>\n","import mod from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-mask.vue?vue&type=style&index=0&id=4bfa3b00&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../../../../../Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./u-mask.vue?vue&type=style&index=0&id=4bfa3b00&lang=scss&scoped=true&\"","// extracted by mini-css-extract-plugin\n    if(module.hot) {\n      // 1700461804548\n      var cssReload = require(\"/Applications/HBuilderX.app/Contents/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/hmr/hotModuleReplacement.js\")(module.id, {\"hmr\":true,\"publicPath\":\"../../\",\"locals\":false});\n      module.hot.dispose(cssReload);\n      module.hot.accept(undefined, cssReload);\n    }\n  "],"sourceRoot":""}