{"version":3,"sources":["webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?52f4","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?6d27","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?7546","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?7783","uni-app:///tuniao-ui/components/tn-popup/tn-popup.vue","webpack:///D:/Code2024/sulibao-mini/tuniao-ui/components/tn-popup/tn-popup.vue?e5bc"],"names":["renderjs","component","options","__file","components","render","_vm","this","_h","$createElement","s0","_self","_c","visibleSync","__get_style","customStyle","popupStyle","zIndex","elZIndex","s1","contentStyle","s2","mode","centerStyle","s3","closeBtn","closeBtnStyle","s4","_isMounted","e0","$event","stopPropagation","preventDefault","$mp","data","Object","assign","$root","recyclableRender","staticRenderFns","_withStripped","mixins","name","props","value","type","default","mask","length","width","height","zoom","safeAreaInsetBottom","maskCloseable","borderRadius","closeBtnIcon","closeBtnPosition","closeIconColor","closeIconSize","negativeTop","marginTop","popup","computed","style","transform","timer","showPopup","closeFromInner","watch","mounted","methods","maskClick","open","close","modeCenterClose","change","clearTimeout"],"mappings":"uIAAA,oIACIA,EADJ,QASIC,EAAY,qBACd,aACA,YACA,sBACA,EACA,KACA,WACA,MACA,EACA,gBACAD,GAGFC,EAAUC,QAAQC,OAAS,6CACZ,aAAAF,E,0CCvBf,uQ,iCCAA,IAAIG,EAAJ,0LACA,IAAIC,EAAS,WACX,IAAIC,EAAMC,KACNC,EAAKF,EAAIG,eAETC,GADKJ,EAAIK,MAAMC,GACVN,EAAIO,YACTP,EAAIQ,YAAY,CACdR,EAAIS,YACJT,EAAIU,WACJ,CACEC,OAAQX,EAAIY,SAAW,KAG3B,MACAC,EAAKb,EAAIO,YAAcP,EAAIQ,YAAY,CAACR,EAAIc,eAAiB,KAC7DC,EACFf,EAAIO,aAA4B,WAAbP,EAAIgB,KACnBhB,EAAIQ,YAAY,CAACR,EAAIiB,cACrB,KACFC,EACFlB,EAAIO,aAA4B,WAAbP,EAAIgB,MAAqBhB,EAAImB,SAC5CnB,EAAIQ,YAAY,CACdR,EAAIoB,cACJ,CACET,OAAQX,EAAIY,YAGhB,KACFS,EACFrB,EAAIO,aAA4B,WAAbP,EAAIgB,MAAqBhB,EAAImB,SAC5CnB,EAAIQ,YAAY,CAACR,EAAIoB,gBACrB,KACDpB,EAAIsB,aACPtB,EAAIuB,GAAK,SAAUC,GACjBA,EAAOC,kBACPD,EAAOE,mBAIX1B,EAAI2B,IAAIC,KAAOC,OAAOC,OACpB,GACA,CACEC,MAAO,CACL3B,GAAIA,EACJS,GAAIA,EACJE,GAAIA,EACJG,GAAIA,EACJG,GAAIA,MAKRW,GAAmB,EACnBC,EAAkB,GACtBlC,EAAOmC,eAAgB,G,iCCtDvB,yHAA40B,eAAG,G,8GCwE/0B,gB,EACA,CACAC,mBACAC,gBACAC,OACAC,OACAC,aACAC,YAIAxB,MACAuB,YACAC,gBAGAC,MACAF,aACAC,YAGAE,QACAH,qBACAC,gBAIAG,OACAJ,YACAC,YAIAI,QACAL,YACAC,YAGAK,MACAN,aACAC,YAGAM,qBACAP,aACAC,YAGAO,eACAR,aACAC,YAGA/B,aACA8B,YACAC,mBACA,WAIAQ,cACAT,YACAC,WAGA7B,QACA4B,YACAC,WAGArB,UACAoB,aACAC,YAGAS,cACAV,YACAC,iBAIAU,kBACAX,YACAC,qBAGAW,gBACAZ,YACAC,mBAGAY,eACAb,YACAC,YAGAa,aACAd,YACAC,WAGAc,WACAf,YACAC,WAIAe,OACAhB,aACAC,aAGAgB,UAEA9C,sBACA,SAKA,MAJA,8EACA+C,oEAGA,GAGA3C,wBACA,SAiBA,GAfA,wCACA2C,GACAd,8GACAC,cACAc,kFAEA,0CACAD,GACAd,aACAC,iHACAc,kFAGAD,uBAEA,mBACA,kBACA,WACAA,uFACA,MACA,UACAA,uFACA,MACA,YACAA,uFACA,MACA,aACAA,uFACA,MAEAA,oBAOA,OAJA,kDACAA,6CAGA,GAGAxC,uBACA,SAeA,OAdAwC,gHAEAA,2EACAA,uBACA,mBACAA,6EAEA,oBACAA,kDACAA,qBAEA,4BACAA,6CAEA,GAGArC,yBACA,SAQA,OAPA,sBACAqC,6BAEA,qBACAA,qCAGA,GAEA7C,oBACA,sDAGAgB,gBACA,OACA+B,WACApD,eACAqD,aACAC,oBAGAC,OACAxB,kBACA,MAEA,oBAEA,YADA,qBAGA,iBACA,qBACA,aAEA,yBAGAyB,mBAEA,yBAEAC,SAEAC,qBACA,oBACA,cAEAC,gBACA,2CAGAC,iBAGA,uBACA,2CAIAC,2BACA,yCACA,cAIAC,uBAAA,YAEA,gBACA,sBAEA,UAGA,WAFA,EAEA,uBACA,OACA,0BACAC,wBACA,IASA,uBACA,OACA,0BACAA,wBACA,QAIA,a,iCChWA,yHAA2jD,eAAG,G","file":"tuniao-ui/components/tn-popup/tn-popup.js","sourcesContent":["import { render, staticRenderFns, recyclableRender, components } from \"./tn-popup.vue?vue&type=template&id=01456b9c&scoped=true&\"\nvar renderjs\nimport script from \"./tn-popup.vue?vue&type=script&lang=js&\"\nexport * from \"./tn-popup.vue?vue&type=script&lang=js&\"\nimport style0 from \"./tn-popup.vue?vue&type=style&index=0&id=01456b9c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../self software/HBuilderX.3.99.2023122611/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  \"01456b9c\",\n  null,\n  false,\n  components,\n  renderjs\n)\n\ncomponent.options.__file = \"tuniao-ui/components/tn-popup/tn-popup.vue\"\nexport default component.exports","export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--17-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/template.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-uni-app-loader/page-meta.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=template&id=01456b9c&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.visibleSync\n    ? _vm.__get_style([\n        _vm.customStyle,\n        _vm.popupStyle,\n        {\n          zIndex: _vm.elZIndex - 1,\n        },\n      ])\n    : null\n  var s1 = _vm.visibleSync ? _vm.__get_style([_vm.contentStyle]) : null\n  var s2 =\n    _vm.visibleSync && _vm.mode === \"center\"\n      ? _vm.__get_style([_vm.centerStyle])\n      : null\n  var s3 =\n    _vm.visibleSync && _vm.mode === \"center\" && _vm.closeBtn\n      ? _vm.__get_style([\n          _vm.closeBtnStyle,\n          {\n            zIndex: _vm.elZIndex,\n          },\n        ])\n      : null\n  var s4 =\n    _vm.visibleSync && _vm.mode !== \"center\" && _vm.closeBtn\n      ? _vm.__get_style([_vm.closeBtnStyle])\n      : null\n  if (!_vm._isMounted) {\n    _vm.e0 = function ($event) {\n      $event.stopPropagation()\n      $event.preventDefault()\n      return (function () {})($event)\n    }\n  }\n  _vm.$mp.data = Object.assign(\n    {},\n    {\n      $root: {\n        s0: s0,\n        s1: s1,\n        s2: s2,\n        s3: s3,\n        s4: s4,\n      },\n    }\n  )\n}\nvar recyclableRender = false\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns, recyclableRender, components }","import mod from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/babel-loader/lib/index.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--13-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/script.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=script&lang=js&\"","<template>\r\n  <view\r\n    v-if=\"visibleSync\"\r\n    class=\"tn-popup-class tn-popup\"\r\n    :style=\"[customStyle, popupStyle, { zIndex: elZIndex - 1}]\"\r\n    hover-stop-propagation\r\n  >\r\n    <!-- mask -->\r\n    <view\r\n      class=\"tn-popup__mask\"\r\n      :class=\"[{'tn-popup__mask--show': showPopup && mask}]\"\r\n      :style=\"{zIndex: elZIndex - 2}\"\r\n      @tap=\"maskClick\"\r\n      @touchmove.stop.prevent = \"() => {}\"\r\n      hover-stop-propagation\r\n    ></view>\r\n    <!-- 弹框内容 -->\r\n    <view\r\n      class=\"tn-popup__content\"\r\n      :class=\"[\r\n        mode !== 'center' ? backgroundColorClass : '',\r\n        safeAreaInsetBottom ? 'tn-safe-area-inset-bottom' : '',\r\n        'tn-popup--' + mode,\r\n        showPopup ? 'tn-popup__content--visible' : '',\r\n        zoom && mode === 'center' ? 'tn-popup__content__center--animation-zoom' : ''\r\n      ]\"\r\n      :style=\"[contentStyle]\"\r\n      @tap=\"modeCenterClose\"\r\n      @touchmove.stop.prevent\r\n      @tap.stop.prevent\r\n    >\r\n      <!-- 居中时候的内容 -->\r\n      <view\r\n        v-if=\"mode === 'center'\"\r\n        class=\"tn-popup__content__center_box\"\r\n        :class=\"[backgroundColorClass]\"\r\n        :style=\"[centerStyle]\"\r\n        @touchmove.stop.prevent\r\n        @tap.stop.prevent\r\n      >\r\n        <!-- 关闭按钮 -->\r\n        <view\r\n          v-if=\"closeBtn\"\r\n          class=\"tn-popup__close\"\r\n          :class=\"[`tn-icon-${closeBtnIcon}`, `tn-popup__close--${closeBtnPosition}`]\"\r\n          :style=\"[closeBtnStyle, {zIndex: elZIndex}]\"\r\n          @tap=\"close\"\r\n        ></view>\r\n        <scroll-view class=\"tn-popup__content__scroll-view\">\r\n          <slot></slot>\r\n        </scroll-view>\r\n      </view>\r\n      \r\n      <!-- 除居中外的其他情况 -->\r\n      <scroll-view v-else class=\"tn-popup__content__scroll-view\">\r\n        <slot></slot>\r\n      </scroll-view>\r\n      <!-- 关闭按钮 -->\r\n      <view\r\n        v-if=\"mode !== 'center' && closeBtn\"\r\n        class=\"tn-popup__close\"\r\n        :class=\"[`tn-popup__close--${closeBtnPosition}`]\"\r\n        :style=\"{zIndex: elZIndex}\"\r\n        @tap=\"close\"\r\n      >\r\n        <view :class=\"[`tn-icon-${closeBtnIcon}`]\" :style=\"[closeBtnStyle]\"></view>\r\n      </view>\r\n    </view>\r\n  </view>\n</template>\n\n<script>\r\n  import componentsColorMixin from '../../libs/mixin/components_color.js'\r\n  export default {\r\n    mixins: [componentsColorMixin],\r\n    name: 'tn-popup',\r\n    props: {\r\n      value: {\r\n      \ttype: Boolean,\r\n      \tdefault: false\r\n      },\r\n      // 弹出方向\r\n      // left/right/top/bottom/center\r\n      mode: {\r\n        type: String,\r\n        default: 'left'\r\n      },\r\n      // 是否显示遮罩\r\n      mask: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      // 抽屉的宽度（mode=left/right）,高度（mode=top/bottom）\r\n      length: {\r\n        type: [Number, String],\r\n        default: 'auto'\r\n      },\r\n      // 宽度，只对左，右，中部弹出时起作用，单位rpx，或者\"auto\"\r\n      // 或者百分比\"50%\"，表示由内容撑开高度或者宽度，优先级高于length参数\r\n      width: {\r\n      \ttype: String,\r\n      \tdefault: ''\r\n      },\r\n      // 高度，只对上，下，中部弹出时起作用，单位rpx，或者\"auto\"\r\n      // 或者百分比\"50%\"，表示由内容撑开高度或者宽度，优先级高于length参数\r\n      height: {\r\n      \ttype: String,\r\n      \tdefault: ''\r\n      },\r\n      // 是否开启动画，只在mode=center有效\r\n      zoom: {\r\n        type: Boolean,\r\n        default: true\r\n      },\r\n      // 是否开启底部安全区适配，开启的话，会在iPhoneX机型底部添加一定的内边距\r\n      safeAreaInsetBottom: {\r\n      \ttype: Boolean,\r\n      \tdefault: false\r\n      },\r\n      // 是否可以通过点击遮罩进行关闭\r\n      maskCloseable: {\r\n      \ttype: Boolean,\r\n      \tdefault: true\r\n      },\r\n      // 用户自定义样式\r\n      customStyle: {\r\n      \ttype: Object,\r\n      \tdefault() {\r\n      \t\treturn {}\r\n      \t}\r\n      },\r\n      // 显示圆角的大小\r\n      borderRadius: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      // zIndex\r\n      zIndex: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      // 是否显示关闭按钮\r\n      closeBtn: {\r\n        type: Boolean,\r\n        default: false\r\n      },\r\n      // 关闭按钮的图标\r\n      closeBtnIcon: {\r\n        type: String,\r\n        default: 'close'\r\n      },\r\n      // 关闭按钮显示的位置\r\n      // top-left/top-right/bottom-left/bottom-right\r\n      closeBtnPosition: {\r\n        type: String,\r\n        default: 'top-right'\r\n      },\r\n      // 关闭按钮图标颜色\r\n      closeIconColor: {\r\n        type: String,\r\n        default: '#AAAAAA'\r\n      },\r\n      // 关闭按钮图标的大小\r\n      closeIconSize: {\r\n        type: Number,\r\n        default: 30\r\n      },\r\n      // 给一个负的margin-top，往上偏移，避免和键盘重合的情况，仅在mode=center时有效\r\n      negativeTop: {\r\n      \ttype: Number,\r\n      \tdefault: 0\r\n      },\r\n      // marginTop，在mode = top,left,right时生效，避免用户使用了自定义导航栏，组件把导航栏遮挡了\r\n      marginTop: {\r\n        type: Number,\r\n        default: 0\r\n      },\r\n      // 此为内部参数，不在文档对外使用，为了解决Picker和keyboard等融合了弹窗的组件\r\n      // 对v-model双向绑定多层调用造成报错不能修改props值的问题\r\n      popup: {\r\n      \ttype: Boolean,\r\n      \tdefault: true\r\n      },\r\n    },\r\n    computed: {\r\n      // 处理使用了自定义导航栏时被遮挡的问题\r\n      popupStyle() {\r\n        let style = {}\r\n        if ((this.mode === 'top' || this.mode === 'left' || this.mode === 'right') && this.marginTop) {\r\n          style.marginTop = this.$t.string.getLengthUnitValue(this.marginTop, 'px')\r\n        }\r\n        \r\n        return style\r\n      },\r\n      // 根据mode的位置，设定其弹窗的宽度(mode = left|right)，或者高度(mode = top|bottom)\r\n      contentStyle() {\r\n        let style = {}\r\n        // 如果是左边或者上边弹出时，需要给translate设置为负值，用于隐藏\r\n        if (this.mode === 'left' || this.mode === 'right') {\r\n          style = {\r\n            width: this.width ? this.$t.string.getLengthUnitValue(this.width) : this.$t.string.getLengthUnitValue(this.length),\r\n            height: '100%',\r\n            transform: `translate3D(${this.mode === 'left' ? '-100%' : '100%'}, 0px, 0px)`\r\n          }\r\n        } else if (this.mode === 'top' || this.mode === 'bottom') {\r\n          style = {\r\n            width: '100%',\r\n            height: this.height ? this.$t.string.getLengthUnitValue(this.height) : this.$t.string.getLengthUnitValue(this.length),\r\n            transform: `translate3D(0px, ${this.mode === 'top' ? '-100%': '100%'}, 0px)`\r\n          }\r\n        }\r\n        style.zIndex = this.elZIndex\r\n        // 如果设置了圆角的值，添加弹窗的圆角\r\n        if (this.borderRadius) {\r\n          switch(this.mode) {\r\n            case 'left':\r\n              style.borderRadius = `0 ${this.borderRadius}rpx ${this.borderRadius}rpx 0`\r\n              break\r\n            case 'top':\r\n              style.borderRadius = `0 0 ${this.borderRadius}rpx ${this.borderRadius}rpx`\r\n              break\r\n            case 'right':\r\n              style.borderRadius = `${this.borderRadius}rpx 0 0 ${this.borderRadius}rpx`\r\n              break\r\n            case 'bottom':\r\n              style.borderRadius = `${this.borderRadius}rpx ${this.borderRadius}rpx 0 0`\r\n              break\r\n          }\r\n          style.overflow = 'hidden'\r\n        }\r\n        \r\n        if (this.backgroundColorStyle && this.mode !== 'center') {\r\n          style.backgroundColor = this.backgroundColorStyle\r\n        }\r\n        \r\n        return style\r\n      },\r\n      // 中部弹窗的样式\r\n      centerStyle() {\r\n        let style = {}\r\n        style.width = this.width ? this.$t.string.getLengthUnitValue(this.width) : this.$t.string.getLengthUnitValue(this.length)\r\n        // 中部弹出的模式，如果没有设置高度，就用auto值，由内容撑开\r\n        style.height = this.height ? this.$t.string.getLengthUnitValue(this.height) : 'auto'\r\n        style.zIndex = this.elZIndex\r\n        if (this.negativeTop) {\r\n          style.marginTop = `-${this.$t.string.getLengthUnitValue(this.negativeTop)}`\r\n        }\r\n        if (this.borderRadius) {\r\n          style.borderRadius = `${this.borderRadius}rpx`\r\n          style.overflow='hidden'\r\n        }\r\n        if (this.backgroundColorStyle) {\r\n          style.backgroundColor = this.backgroundColorStyle\r\n        }\r\n        return style\r\n      },\r\n      // 关闭按钮样式\r\n      closeBtnStyle() {\r\n        let style = {}\r\n        if (this.closeIconColor) {\r\n          style.color = this.closeIconColor\r\n        }\r\n        if (this.closeIconSize) {\r\n          style.fontSize = this.closeIconSize + 'rpx'\r\n        }\r\n        \r\n        return style\r\n      },\r\n      elZIndex() {\r\n        return this.zIndex ? this.zIndex : this.$t.zIndex.popup\r\n      }\r\n    },\r\n    data() {\r\n      return {\r\n        timer: null,\r\n        visibleSync: false,\r\n        showPopup: false,\r\n        closeFromInner: false\r\n      }\r\n    },\r\n    watch: {\r\n      value(val) {\r\n        if (val) {\r\n          // console.log(this.visibleSync);\r\n          if (this.visibleSync) {\r\n            this.visibleSync = false\r\n            return\r\n          }\r\n          this.open()\r\n        } else if (!this.closeFromInner) {\r\n          this.close()\r\n        }\r\n        this.closeFromInner = false\r\n      }\r\n    },\r\n    mounted() {\r\n      // 组件渲染完成时，检查value是否为true，如果是，弹出popup\r\n      this.value && this.open()\r\n    },\r\n    methods: {\r\n      // 点击遮罩\r\n      maskClick() {\r\n        if (!this.maskCloseable) return\r\n        this.close()\r\n      },\r\n      open() {\r\n        this.change('visibleSync', 'showPopup', true)\r\n      },\r\n      // 关闭弹框\r\n      close() {\r\n        // 标记关闭是内部发生的，否则修改了value值，导致watch中对value检测，导致再执行一遍close\r\n        // 造成@close事件触发两次\r\n        this.closeFromInner = true\r\n        this.change('showPopup', 'visibleSync', false)\r\n      },\r\n      // 中部弹出时，需要.tn-drawer-content将内容居中，此元素会铺满屏幕，点击需要关闭弹窗\r\n      // 让其只在mode=center时起作用 \r\n      modeCenterClose() {\r\n        if (this.mode != 'center' || !this.maskCloseable) return\r\n        this.close()\r\n      },\r\n      // 关闭时先通过动画隐藏弹窗和遮罩，再移除整个组件\r\n      // 打开时，先渲染组件，延时一定时间再让遮罩和弹窗的动画起作用\r\n      change(param1, param2, status) {\r\n        // 如果this.popup为false，意味着为picker，actionsheet等组件调用了popup组件\r\n        if (this.popup === true) {\r\n          this.$emit('input', status)\r\n        }\r\n        this[param1] = status\r\n        if (status) {\r\n          // #ifdef H5 || MP\r\n          this.timer = setTimeout(() => {\r\n            this[param2] = status\r\n            this.$emit(status ? 'open' : 'close')\r\n            clearTimeout(this.timer)\r\n          }, 10)\r\n          // #endif\r\n          // #ifndef H5 || MP\r\n          this.$nextTick(() => {\r\n            this[param2] = status\r\n            this.$emit(status ? 'open' : 'close')\r\n          })\r\n          // #endif\r\n        } else {\r\n          this.timer = setTimeout(() => {\r\n            this[param2] = status\r\n            this.$emit(status ? 'open' : 'close')\r\n            clearTimeout(this.timer)\r\n          }, 250)\r\n        }\r\n      }\r\n    }\r\n  }\n</script>\n\n<style lang=\"scss\" scoped>\r\n  \r\n  .tn-popup {\r\n    /* #ifndef APP-NVUE */\r\n    display: block;\r\n    /* #endif */\r\n    position: fixed;\r\n    top: 0;\r\n    left: 0;\r\n    right: 0;\r\n    bottom: 0;\r\n    overflow: hidden;\r\n    \r\n    &__content {\r\n      /* #ifndef APP-NVUE */\r\n      display: block;\r\n      /* #endif */\r\n      position: absolute;\r\n      transition: all 0.25s linear;\r\n      \r\n      &--visible {\r\n        transform: translate3D(0px, 0px, 0px) !important;\r\n        &.tn-popup--center {\r\n          transform: scale(1);\r\n          opacity: 1;\r\n        }\r\n      }\r\n      \r\n      &__center_box {\r\n        min-width: 100rpx;\r\n        min-height: 100rpx;\r\n        /* #ifndef APP-NVUE */\r\n        display: block;\r\n        /* #endif */\r\n        position: relative;\r\n        background-color: #FFFFFF;\r\n      }\r\n      \r\n      &__scroll-view {\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n      \r\n      &__center--animation-zoom {\r\n        transform: scale(1.15);\r\n      }\r\n    }\r\n    \r\n    &__scroll_view {\r\n      width: 100%;\r\n      height: 100%;\r\n    }\r\n    \r\n    &--left {\r\n      top: 0;\r\n      bottom: 0;\r\n      left: 0;\r\n      background-color: #FFFFFF;\r\n    }\r\n    \r\n    &--right {\r\n      top: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n      background-color: #FFFFFF;\r\n    }\r\n    \r\n    &--top {\r\n      left: 0;\r\n      right: 0;\r\n      top: 0;\r\n      background-color: #FFFFFF;\r\n    }\r\n    \r\n    &--bottom {\r\n      left: 0;\r\n      right: 0;\r\n      bottom: 0;\r\n      background-color: #FFFFFF;\r\n    }\r\n    \r\n    &--center {\r\n      display: flex;\r\n      flex-direction: column;\r\n      bottom: 0;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      justify-content: center;\r\n      align-items: center;\r\n      opacity: 0;\r\n    }\r\n    \r\n    &__close {\r\n      position: absolute;\r\n      \r\n      &--top-left {\r\n        top: 30rpx;\r\n        left: 30rpx;\r\n      }\r\n      \r\n      &--top-right {\r\n        top: 30rpx;\r\n        right: 30rpx;\r\n      }\r\n      \r\n      &--bottom-left {\r\n        bottom: 30rpx;\r\n        left: 30rpx;\r\n      }\r\n      \r\n      &--bottom-right {\r\n        bottom: 30rpx;\r\n        right: 30rpx;\r\n      }\r\n    }\r\n    \r\n    &__mask {\r\n      width: 100%;\r\n      height: 100%;\r\n      position: fixed;\r\n      top: 0;\r\n      left: 0;\r\n      right: 0;\r\n      border: 0;\r\n      background-color: $tn-mask-bg-color;\r\n      transition: 0.25s linear;\r\n      transition-property: opacity;\r\n      opacity: 0;\r\n      \r\n      &--show {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\n</style>\n","import mod from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=style&index=0&id=01456b9c&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/loaders/stylePostLoader.js!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-2!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-3!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/sass-loader/dist/cjs.js??ref--8-oneOf-1-4!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/webpack-preprocess-loader/index.js??ref--8-oneOf-1-5!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/vue-cli-plugin-uni/packages/vue-loader/lib/index.js??vue-loader-options!../../../../../self software/HBuilderX.3.99.2023122611/HBuilderX/plugins/uniapp-cli/node_modules/@dcloudio/webpack-uni-mp-loader/lib/style.js!./tn-popup.vue?vue&type=style&index=0&id=01456b9c&lang=scss&scoped=true&\""],"sourceRoot":""}