You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1 lines
15 KiB
1 lines
15 KiB
{"version":3,"sources":["webpack:///C:/Users/liudan/Desktop/git/huajucanyin/components/uni-popup/uni-popup.vue?708d","webpack:///C:/Users/liudan/Desktop/git/huajucanyin/components/uni-popup/uni-popup.vue?e132","webpack:///C:/Users/liudan/Desktop/git/huajucanyin/components/uni-popup/uni-popup.vue?131c","webpack:///C:/Users/liudan/Desktop/git/huajucanyin/components/uni-popup/uni-popup.vue?5f98","uni-app:///components/uni-popup/uni-popup.vue","webpack:///C:/Users/liudan/Desktop/git/huajucanyin/components/uni-popup/uni-popup.vue?446c","webpack:///C:/Users/liudan/Desktop/git/huajucanyin/components/uni-popup/uni-popup.vue?93dc"],"names":["name","components","uniTransition","props","animation","type","default","maskClick","data","duration","ani","showPopup","showTrans","maskClass","transClass","watch","handler","immediate","created","methods","clear","e","open","clearTimeout","show","close","onTap"],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAkI;AAClI;AAC6D;AACL;AACqC;;;AAG7F;AACqK;AACrK,gBAAgB,+KAAU;AAC1B,EAAE,+EAAM;AACR,EAAE,gGAAM;AACR,EAAE,yGAAe;AACjB;AACA;AACA;AACA;AACA;AACA,EAAE,oGAAU;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,aAAa,6NAEN;AACP,KAAK;AACL;AACA,CAAC;AACD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAAG;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;;ACjCA;AAAA;AAAA;AAAA;AAAgnB,CAAgB,6nBAAG,EAAC,C;;;;;;;;;;;;;;;;;;;;;;;ACcpoB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAXA,eAaA;EACAA;EACAC;IACAC;EACA;EACAC;IACA;IACAC;MACAC;MACAC;IACA;IACA;IACAD;MACAA;MACAC;IACA;IACA;IACAC;MACAF;MACAC;IACA;EACA;EACAE;IACA;MACAC;MACAC;MACAC;MACAC;MACAC;QACA;QACA;QACA;QACA;QACA;QACA;MACA;MACAC;QACA;QACA;QACA;MACA;IACA;EACA;EACAC;IACAV;MACAW;QACA;UACA;YACA;YACA;cACA;cACA;cACA;YACA;YACA;UACA;YACA;YACA;cACA;cACA;cACA;cACA;YACA;YACA;UACA;YACA;YACA;cACA;cAEA;cACA;cAEA;cACA;cACA;cACA;cACA;cACA;YACA;YAEA;QAAA;MAEA;MACAC;IACA;EACA;EACAC;IACA;MACA;IACA;MACA;IACA;EACA;EACAC;IACAC;MACA;MACAC;IACA;IACAC;MAAA;MACA;MACA;QACAC;QACA;UACA;QACA;MACA;MACA;QACAC;MACA;IACA;IACAC;MAAA;MACA;MACA;QACAF;QACA;UACA;YACAC;UACA;UACA;QACA;MACA;IACA;IACAE;MACA;MACA;IACA;EACA;AACA;AAAA,2B;;;;;;;;;;;;AC1JA;AAAA;AAAA;AAAA;AAA+5B,CAAgB,84BAAG,EAAC,C;;;;;;;;;;;ACAn7B;AACA,OAAO,KAAU,EAAE,kBAKd","file":"components/uni-popup/uni-popup.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./uni-popup.vue?vue&type=template&id=7da806a4&scoped=true&\"\nvar renderjs\nimport script from \"./uni-popup.vue?vue&type=script&lang=js&\"\nexport * from \"./uni-popup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./uni-popup.vue?vue&type=style&index=0&id=7da806a4&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../k/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 \"7da806a4\",\n null,\n false,\n components,\n renderjs\n)\n\ncomponent.options.__file = \"components/uni-popup/uni-popup.vue\"\nexport default component.exports","export * from \"-!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./uni-popup.vue?vue&type=template&id=7da806a4&scoped=true&\"","var components\ntry {\n components = {\n uniTransition: function () {\n return import(\n /* webpackChunkName: \"components/uni-transition/uni-transition\" */ \"@/components/uni-transition/uni-transition.vue\"\n )\n },\n }\n} catch (e) {\n if (\n e.message.indexOf(\"Cannot find module\") !== -1 &&\n e.message.indexOf(\".vue\") !== -1\n ) {\n console.error(e.message)\n console.error(\"1. 排查组件名称拼写是否正确\")\n console.error(\n \"2. 排查组件是否符合 easycom 规范，文档：https://uniapp.dcloud.net.cn/collocation/pages?id=easycom\"\n )\n console.error(\n \"3. 若组件不符合 easycom 规范，需手动引入，并在 components 中注册该组件\"\n )\n } else {\n throw e\n }\n}\nvar render = function () {\n var _vm = this\n var _h = _vm.$createElement\n var _c = _vm._self._c || _h\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./uni-popup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./uni-popup.vue?vue&type=script&lang=js&\"","<template>\r\n\t<view v-if=\"showPopup\" class=\"uni-popup\" @touchmove.stop.prevent=\"clear\">\r\n\t\t<uni-transition :mode-class=\"['fade']\" :styles=\"maskClass\" :duration=\"duration\" :show=\"showTrans\" @tap=\"onTap\" />\r\n\t\t<uni-transition :mode-class=\"ani\" :styles=\"transClass\" :duration=\"duration\" :show=\"showTrans\" @tap=\"onTap\">\r\n\t\t\t<view class=\"uni-popup__wrapper-box\" @tap.stop=\"clear\">\r\n\t\t\t\t<slot />\r\n\t\t\t</view>\r\n\t\t</uni-transition>\r\n\t</view>\r\n</template>\r\n\r\n<script>\r\n\timport uniTransition from '../uni-transition/uni-transition.vue'\r\n\r\n\t/**\r\n\t * PopUp 弹出层\r\n\t * @description 弹出层组件，为了解决遮罩弹层的问题\r\n\t * @tutorial https://ext.dcloud.net.cn/plugin?id=329\r\n\t * @property {String} type = [top|center|bottom] 弹出方式\r\n\t * \t@value top 顶部弹出\r\n\t * \t@value center 中间弹出\r\n\t * \t@value bottom 底部弹出\r\n\t * @property {Boolean} animation = [ture|false] 是否开启动画\r\n\t * @property {Boolean} maskClick = [ture|false] 蒙版点击是否关闭弹窗\r\n\t * @event {Function} change 打开关闭弹窗触发，e={show: false}\r\n\t */\r\n\r\n\texport default {\r\n\t\tname: 'UniPopup',\r\n\t\tcomponents: {\r\n\t\t\tuniTransition\r\n\t\t},\r\n\t\tprops: {\r\n\t\t\t// 开启动画\r\n\t\t\tanimation: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true\r\n\t\t\t},\r\n\t\t\t// 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层\r\n\t\t\ttype: {\r\n\t\t\t\ttype: String,\r\n\t\t\t\tdefault: 'center'\r\n\t\t\t},\r\n\t\t\t// maskClick\r\n\t\t\tmaskClick: {\r\n\t\t\t\ttype: Boolean,\r\n\t\t\t\tdefault: true\r\n\t\t\t}\r\n\t\t},\r\n\t\tdata() {\r\n\t\t\treturn {\r\n\t\t\t\tduration: 300,\r\n\t\t\t\tani: [],\r\n\t\t\t\tshowPopup: false,\r\n\t\t\t\tshowTrans: false,\r\n\t\t\t\tmaskClass: {\r\n\t\t\t\t\t'position': 'fixed',\r\n\t\t\t\t\t'bottom': 0,\r\n\t\t\t\t\t'top': 0,\r\n\t\t\t\t\t'left': 0,\r\n\t\t\t\t\t'right': 0,\r\n\t\t\t\t\t'backgroundColor': 'rgba(0, 0, 0, 0)'\r\n\t\t\t\t},\r\n\t\t\t\ttransClass: {\r\n\t\t\t\t\t'position': 'fixed',\r\n\t\t\t\t\t'left': 0,\r\n\t\t\t\t\t'right': 0,\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\twatch: {\r\n\t\t\ttype: {\r\n\t\t\t\thandler: function(newVal) {\r\n\t\t\t\t\tswitch (this.type) {\r\n\t\t\t\t\t\tcase 'top':\r\n\t\t\t\t\t\t\tthis.ani = ['slide-top']\r\n\t\t\t\t\t\t\tthis.transClass = {\r\n\t\t\t\t\t\t\t\t'position': 'fixed',\r\n\t\t\t\t\t\t\t\t'left': 0,\r\n\t\t\t\t\t\t\t\t'right': 0,\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak\r\n\t\t\t\t\t\tcase 'bottom':\r\n\t\t\t\t\t\t\tthis.ani = ['slide-bottom']\r\n\t\t\t\t\t\t\tthis.transClass = {\r\n\t\t\t\t\t\t\t\t'position': 'fixed',\r\n\t\t\t\t\t\t\t\t'left': 0,\r\n\t\t\t\t\t\t\t\t'right': 0,\r\n\t\t\t\t\t\t\t\t'bottom': 0\r\n\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\tbreak\r\n\t\t\t\t\t\tcase 'center':\r\n\t\t\t\t\t\t\tthis.ani = ['zoom-out', 'fade']\r\n\t\t\t\t\t\t\tthis.transClass = {\r\n\t\t\t\t\t\t\t\t'position': 'fixed',\r\n\t\t\t\t\t\t\t\t/* #ifndef APP-NVUE */\r\n\t\t\t\t\t\t\t\t'display': 'flex',\r\n\t\t\t\t\t\t\t\t'flexDirection': 'column',\r\n\t\t\t\t\t\t\t\t/* #endif */\r\n\t\t\t\t\t\t\t\t'bottom': 0,\r\n\t\t\t\t\t\t\t\t'left': 0,\r\n\t\t\t\t\t\t\t\t'right': 0,\r\n\t\t\t\t\t\t\t\t'top': 0,\r\n\t\t\t\t\t\t\t\t'justifyContent': 'center',\r\n\t\t\t\t\t\t\t\t'alignItems': 'center'\r\n\t\t\t\t\t\t\t}\r\n\r\n\t\t\t\t\t\t\tbreak\r\n\t\t\t\t\t}\r\n\t\t\t\t},\r\n\t\t\t\timmediate: true\r\n\t\t\t}\r\n\t\t},\r\n\t\tcreated() {\r\n\t\t\tif (this.animation) {\r\n\t\t\t\tthis.duration = 300\r\n\t\t\t} else {\r\n\t\t\t\tthis.duration = 0\r\n\t\t\t}\r\n\t\t},\r\n\t\tmethods: {\r\n\t\t\tclear(e) {\r\n\t\t\t\t// TODO nvue 取消冒泡\r\n\t\t\t\te.stopPropagation()\r\n\t\t\t},\r\n\t\t\topen() {\r\n\t\t\t\tthis.showPopup = true\r\n\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\tclearTimeout(this.timer)\r\n\t\t\t\t\tthis.timer = setTimeout(() => {\r\n\t\t\t\t\t\tthis.showTrans = true\r\n\t\t\t\t\t}, 50);\r\n\t\t\t\t})\r\n\t\t\t\tthis.$emit('change', {\r\n\t\t\t\t\tshow: true\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\tclose(type) {\r\n\t\t\t\tthis.showTrans = false\r\n\t\t\t\tthis.$nextTick(() => {\r\n\t\t\t\t\tclearTimeout(this.timer)\r\n\t\t\t\t\tthis.timer = setTimeout(() => {\r\n\t\t\t\t\t\tthis.$emit('change', {\r\n\t\t\t\t\t\t\tshow: false\r\n\t\t\t\t\t\t})\r\n\t\t\t\t\t\tthis.showPopup = false\r\n\t\t\t\t\t}, 300)\r\n\t\t\t\t})\r\n\t\t\t},\r\n\t\t\tonTap() {\r\n\t\t\t\tif (!this.maskClick) return\r\n\t\t\t\tthis.close()\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n</script>\r\n<style scoped>\r\n\t.uni-popup {\r\n\t\tposition: fixed;\r\n\t\t/* #ifdef H5 */\r\n\t\ttop: var(--window-top);\r\n\t\t/* #endif */\r\n\t\t/* #ifndef H5 */\r\n\t\ttop: 0;\r\n\t\t/* #endif */\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tz-index: 99;\r\n\t\t/* #endif */\r\n\t}\r\n\r\n\t.uni-popup__mask {\r\n\t\tposition: absolute;\r\n\t\ttop: 0;\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbackground-color: rgba(0, 0, 0, 0.4);\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.mask-ani {\r\n\t\ttransition-property: opacity;\r\n\t\ttransition-duration: 0.2s;\r\n\t}\r\n\r\n\t.uni-top-mask {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.uni-bottom-mask {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.uni-center-mask {\r\n\t\topacity: 1;\r\n\t}\r\n\r\n\t.uni-popup__wrapper {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: block;\r\n\t\t/* #endif */\r\n\t\tposition: absolute;\r\n\t}\r\n\r\n\t.top {\r\n\t\ttop: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\ttransform: translateY(-500px);\r\n\t}\r\n\r\n\t.bottom {\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\ttransform: translateY(500px);\r\n\t}\r\n\r\n\t.center {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t\t/* #endif */\r\n\t\tbottom: 0;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\ttop: 0;\r\n\t\tjustify-content: center;\r\n\t\talign-items: center;\r\n\t\ttransform: scale(1.2);\r\n\t\topacity: 0;\r\n\t}\r\n\r\n\t.uni-popup__wrapper-box {\r\n\t\t/* #ifndef APP-NVUE */\r\n\t\tdisplay: block;\r\n\t\t/* #endif */\r\n\t\tposition: relative;\r\n\t}\r\n\r\n\t.content-ani {\r\n\t\t/* transition: transform 0.3s;\r\n */\r\n\t\ttransition-property: transform, opacity;\r\n\t\ttransition-duration: 0.2s;\r\n\t}\r\n\r\n\r\n\t.uni-top-content {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t.uni-bottom-content {\r\n\t\ttransform: translateY(0);\r\n\t}\r\n\r\n\t.uni-center-content {\r\n\t\ttransform: scale(1);\r\n\t\topacity: 1;\r\n\t}\r\n</style>","import mod from \"-!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./uni-popup.vue?vue&type=style&index=0&id=7da806a4&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--6-oneOf-1-2!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-3!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../k/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./uni-popup.vue?vue&type=style&index=0&id=7da806a4&scoped=true&lang=css&\"","// extracted by mini-css-extract-plugin\n if(module.hot) {\n // 1699839791807\n var cssReload = require(\"C:/Users/liudan/Desktop/k/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":""} |