1 line
22 KiB
Plaintext
1 line
22 KiB
Plaintext
|
{"version":3,"file":"su-popup.js","sources":["../../../../../../src/sheep/ui/su-popup/su-popup.vue","../../../../../../uniComponent:/RDovQXBwL1dvcmsvYWRkci9hY2RyLXVpL3NyYy9zaGVlcC91aS9zdS1wb3B1cC9zdS1wb3B1cC52dWU"],"sourcesContent":["<template>\r\n <view\r\n v-if=\"showPopup\"\r\n class=\"uni-popup\"\r\n :class=\"[popupstyle, isDesktop ? 'fixforpc-z-index' : '']\"\r\n :style=\"[{ zIndex: zIndex }]\"\r\n @touchmove.stop.prevent=\"clear\"\r\n >\r\n <view @touchstart=\"touchstart\">\r\n <uni-transition\r\n key=\"1\"\r\n v-if=\"maskShow\"\r\n name=\"mask\"\r\n mode-class=\"fade\"\r\n :styles=\"maskClass\"\r\n :duration=\"duration\"\r\n :show=\"showTrans\"\r\n @click=\"onTap\"\r\n />\r\n <uni-transition\r\n key=\"2\"\r\n :mode-class=\"ani\"\r\n name=\"content\"\r\n :styles=\"{ ...transClass, ...borderRadius }\"\r\n :duration=\"duration\"\r\n :show=\"showTrans\"\r\n @click=\"onTap\"\r\n >\r\n <view\r\n v-if=\"showPopup\"\r\n class=\"uni-popup__wrapper\"\r\n :style=\"[{ backgroundColor: bg }, borderRadius]\"\r\n :class=\"[popupstyle]\"\r\n @click=\"clear\"\r\n >\r\n <uni-icons\r\n v-if=\"showClose\"\r\n class=\"close-icon\"\r\n color=\"#F6F6F6\"\r\n type=\"closeempty\"\r\n size=\"32\"\r\n @click=\"close\"\r\n ></uni-icons>\r\n <slot />\r\n </view>\r\n </uni-transition>\r\n </view>\r\n <!-- #ifdef H5 -->\r\n <keypress v-if=\"maskShow\" @esc=\"onTap\" />\r\n <!-- #endif -->\r\n </view>\r\n <!-- #ifdef MP -->\r\n <view v-else style=\"display: none\">\r\n <slot></slot>\r\n </view>\r\n <!-- #endif -->\r\n</template>\r\n\r\n<script>\r\n// #ifdef H5\r\nimport keypress from './keypress.js'\r\n// #endif\r\n\r\n/**\r\n * PopUp 弹出层\r\n * @description 弹出层组件，为了解决遮罩弹层的问题\r\n * @tutorial https://ext.dcloud.net.cn/plugin?id=329\r\n * @property {String} type = [top|center|bottom|left|right|message|dialog|share] 弹出方式\r\n * \t@value top 顶部弹出\r\n * \t@value center 中间弹出\r\n * \t@value bottom 底部弹出\r\n * \t@value left\t\t左侧弹出\r\n * \t@value right 右侧弹出\r\n * \t@value message 消息提示\r\n * \t@value dialog 对话框\r\n * \t@value share 底部分享示例\r\n * @property {Boolean} animation = [true|false] 是否开启动画\r\n * @property {Boolean} maskClick = [true|false] 蒙版点击是否关闭弹窗(废弃)\r\n * @property {Boolean} isMaskClick = [true|false] 蒙版点击是否关闭弹窗\r\n * @property {String} backgroundColor 主窗口背景色\r\n * @property {String} maskBackgroundColor 蒙版颜色\r\n * @property {Boolean} safeArea\t\t 是否适配底部安全区\r\n * @event {Function} change 打开关闭弹窗触发，e={show: false}\r\n * @event {Function} maskClick 点击遮罩触发\r\n */\r\nimport sheep from '@/sheep'\r\n\r\nexport default {\r\n name: 'SuPopup',\r\n components: {\r\n // #ifdef H5\r\n keypress,\r\n // #endif\r\n },\r\n emits: ['change', 'maskClick', 'close'],\r\n props: {\r\n // 开启状态\r\n show: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n // 顶部，底部时有效\r\n space: {\r\n type: Number,\r\n default: 0,\r\n },\r\n // 默认圆角\r\n round: {\r\n type: [String, Number],\r\n default: 0,\r\n },\r\n // 是否显示关闭\r\n showClose: {\r\n type: Boolean,\r\n default: false,\r\n },\r\n // 开启动画\r\n animation: {\r\n type: Boolean,\r\n default: true,\r\n },\r\n // 弹出层类型，可选值，top: 顶部弹出层；bottom：底部弹出层；center：全屏弹出层\r\n // message: 消息提示 ; dialog : 对话框\r\n type: {\r\n type: String,\r\n default: 'bottom',\r\n },\r\n // maskClick\r\n isMaskClick: {\r\n type: Boolean,\r\n
|