u-popup.js 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312
  1. "use strict";
  2. var uni_modules_uviewPlus_components_uPopup_props = require("./props.js");
  3. var uni_modules_uviewPlus_libs_mixin_mpMixin = require("../../libs/mixin/mpMixin.js");
  4. var uni_modules_uviewPlus_libs_mixin_mixin = require("../../libs/mixin/mixin.js");
  5. var uni_modules_uviewPlus_libs_function_index = require("../../libs/function/index.js");
  6. var common_vendor = require("../../../../common/vendor.js");
  7. require("../../libs/config/props.js");
  8. require("../../libs/config/config.js");
  9. require("../../libs/config/props/actionSheet.js");
  10. require("../../libs/config/props/album.js");
  11. require("../../libs/config/props/alert.js");
  12. require("../../libs/config/props/avatar.js");
  13. require("../../libs/config/props/avatarGroup.js");
  14. require("../../libs/config/props/backtop.js");
  15. require("../../libs/config/props/badge.js");
  16. require("../../libs/config/props/button.js");
  17. require("../../libs/config/props/calendar.js");
  18. require("../../libs/config/props/carKeyboard.js");
  19. require("../../libs/config/props/cell.js");
  20. require("../../libs/config/props/cellGroup.js");
  21. require("../../libs/config/props/checkbox.js");
  22. require("../../libs/config/props/checkboxGroup.js");
  23. require("../../libs/config/props/circleProgress.js");
  24. require("../../libs/config/props/code.js");
  25. require("../../libs/config/props/codeInput.js");
  26. require("../../libs/config/props/col.js");
  27. require("../../libs/config/props/collapse.js");
  28. require("../../libs/config/props/collapseItem.js");
  29. require("../../libs/config/props/columnNotice.js");
  30. require("../../libs/config/props/countDown.js");
  31. require("../../libs/config/props/countTo.js");
  32. require("../../libs/config/props/datetimePicker.js");
  33. require("../../libs/config/props/divider.js");
  34. require("../../libs/config/props/empty.js");
  35. require("../../libs/config/props/form.js");
  36. require("../../libs/config/props/formItem.js");
  37. require("../../libs/config/props/gap.js");
  38. require("../../libs/config/props/grid.js");
  39. require("../../libs/config/props/gridItem.js");
  40. require("../../libs/config/props/icon.js");
  41. require("../../libs/config/props/image.js");
  42. require("../../libs/config/props/indexAnchor.js");
  43. require("../../libs/config/props/indexList.js");
  44. require("../../libs/config/props/input.js");
  45. require("../../libs/config/props/keyboard.js");
  46. require("../../libs/config/props/line.js");
  47. require("../../libs/config/props/lineProgress.js");
  48. require("../../libs/config/props/link.js");
  49. require("../../libs/config/props/list.js");
  50. require("../../libs/config/props/listItem.js");
  51. require("../../libs/config/props/loadingIcon.js");
  52. require("../../libs/config/props/loadingPage.js");
  53. require("../../libs/config/props/loadmore.js");
  54. require("../../libs/config/props/modal.js");
  55. require("../../libs/config/props/navbar.js");
  56. require("../../libs/config/color.js");
  57. require("../../libs/config/props/noNetwork.js");
  58. require("../../libs/config/props/noticeBar.js");
  59. require("../../libs/config/props/notify.js");
  60. require("../../libs/config/props/numberBox.js");
  61. require("../../libs/config/props/numberKeyboard.js");
  62. require("../../libs/config/props/overlay.js");
  63. require("../../libs/config/props/parse.js");
  64. require("../../libs/config/props/picker.js");
  65. require("../../libs/config/props/popup.js");
  66. require("../../libs/config/props/radio.js");
  67. require("../../libs/config/props/radioGroup.js");
  68. require("../../libs/config/props/rate.js");
  69. require("../../libs/config/props/readMore.js");
  70. require("../../libs/config/props/row.js");
  71. require("../../libs/config/props/rowNotice.js");
  72. require("../../libs/config/props/scrollList.js");
  73. require("../../libs/config/props/search.js");
  74. require("../../libs/config/props/section.js");
  75. require("../../libs/config/props/skeleton.js");
  76. require("../../libs/config/props/slider.js");
  77. require("../../libs/config/props/statusBar.js");
  78. require("../../libs/config/props/steps.js");
  79. require("../../libs/config/props/stepsItem.js");
  80. require("../../libs/config/props/sticky.js");
  81. require("../../libs/config/props/subsection.js");
  82. require("../../libs/config/props/swipeAction.js");
  83. require("../../libs/config/props/swipeActionItem.js");
  84. require("../../libs/config/props/swiper.js");
  85. require("../../libs/config/props/swipterIndicator.js");
  86. require("../../libs/config/props/switch.js");
  87. require("../../libs/config/props/tabbar.js");
  88. require("../../libs/config/props/tabbarItem.js");
  89. require("../../libs/config/props/tabs.js");
  90. require("../../libs/config/props/tag.js");
  91. require("../../libs/config/props/text.js");
  92. require("../../libs/config/props/textarea.js");
  93. require("../../libs/config/props/toast.js");
  94. require("../../libs/config/props/toolbar.js");
  95. require("../../libs/config/props/tooltip.js");
  96. require("../../libs/config/props/transition.js");
  97. require("../../libs/config/props/upload.js");
  98. require("../../libs/function/test.js");
  99. require("../../libs/util/route.js");
  100. require("../../libs/function/digit.js");
  101. const _sfc_main = {
  102. name: "u-popup",
  103. mixins: [uni_modules_uviewPlus_libs_mixin_mpMixin.mpMixin, uni_modules_uviewPlus_libs_mixin_mixin.mixin, uni_modules_uviewPlus_components_uPopup_props.props],
  104. data() {
  105. return {
  106. overlayDuration: this.duration + 50
  107. };
  108. },
  109. watch: {
  110. show(newValue, oldValue) {
  111. if (newValue === true) {
  112. const children = this.$children;
  113. this.retryComputedComponentRect(children);
  114. }
  115. }
  116. },
  117. computed: {
  118. transitionStyle() {
  119. const style = {
  120. zIndex: this.zIndex,
  121. position: "fixed",
  122. display: "flex"
  123. };
  124. style[this.mode] = 0;
  125. if (this.mode === "left") {
  126. return uni_modules_uviewPlus_libs_function_index.deepMerge(style, {
  127. bottom: 0,
  128. top: 0
  129. });
  130. } else if (this.mode === "right") {
  131. return uni_modules_uviewPlus_libs_function_index.deepMerge(style, {
  132. bottom: 0,
  133. top: 0
  134. });
  135. } else if (this.mode === "top") {
  136. return uni_modules_uviewPlus_libs_function_index.deepMerge(style, {
  137. left: 0,
  138. right: 0
  139. });
  140. } else if (this.mode === "bottom") {
  141. return uni_modules_uviewPlus_libs_function_index.deepMerge(style, {
  142. left: 0,
  143. right: 0
  144. });
  145. } else if (this.mode === "center") {
  146. return uni_modules_uviewPlus_libs_function_index.deepMerge(style, {
  147. alignItems: "center",
  148. "justify-content": "center",
  149. top: 0,
  150. left: 0,
  151. right: 0,
  152. bottom: 0
  153. });
  154. }
  155. },
  156. contentStyle() {
  157. const style = {};
  158. uni_modules_uviewPlus_libs_function_index.sys();
  159. if (this.mode !== "center") {
  160. style.flex = 1;
  161. }
  162. if (this.bgColor) {
  163. style.backgroundColor = this.bgColor;
  164. }
  165. if (this.round) {
  166. const value = uni_modules_uviewPlus_libs_function_index.addUnit(this.round);
  167. if (this.mode === "top") {
  168. style.borderBottomLeftRadius = value;
  169. style.borderBottomRightRadius = value;
  170. } else if (this.mode === "bottom") {
  171. style.borderTopLeftRadius = value;
  172. style.borderTopRightRadius = value;
  173. } else if (this.mode === "center") {
  174. style.borderRadius = value;
  175. }
  176. }
  177. return uni_modules_uviewPlus_libs_function_index.deepMerge(style, uni_modules_uviewPlus_libs_function_index.addStyle(this.customStyle));
  178. },
  179. position() {
  180. if (this.mode === "center") {
  181. return this.zoom ? "fade-zoom" : "fade";
  182. }
  183. if (this.mode === "left") {
  184. return "slide-left";
  185. }
  186. if (this.mode === "right") {
  187. return "slide-right";
  188. }
  189. if (this.mode === "bottom") {
  190. return "slide-up";
  191. }
  192. if (this.mode === "top") {
  193. return "slide-down";
  194. }
  195. }
  196. },
  197. emits: ["open", "close", "click"],
  198. methods: {
  199. overlayClick() {
  200. if (this.closeOnClickOverlay) {
  201. this.$emit("close");
  202. }
  203. },
  204. close(e) {
  205. this.$emit("close");
  206. },
  207. afterEnter() {
  208. this.$emit("open");
  209. },
  210. clickHandler() {
  211. if (this.mode === "center") {
  212. this.overlayClick();
  213. }
  214. this.$emit("click");
  215. },
  216. retryComputedComponentRect(children) {
  217. const names = [
  218. "u-calendar-month",
  219. "u-album",
  220. "u-collapse-item",
  221. "u-dropdown",
  222. "u-index-item",
  223. "u-index-list",
  224. "u-line-progress",
  225. "u-list-item",
  226. "u-rate",
  227. "u-read-more",
  228. "u-row",
  229. "u-row-notice",
  230. "u-scroll-list",
  231. "u-skeleton",
  232. "u-slider",
  233. "u-steps-item",
  234. "u-sticky",
  235. "u-subsection",
  236. "u-swipe-action-item",
  237. "u-tabbar",
  238. "u-tabs",
  239. "u-tooltip"
  240. ];
  241. for (let i = 0; i < children.length; i++) {
  242. const child = children[i];
  243. const grandChild = child.$children;
  244. if (names.includes(child.$options.name) && typeof (child == null ? void 0 : child.init) === "function") {
  245. uni_modules_uviewPlus_libs_function_index.sleep(50).then(() => {
  246. child.init();
  247. });
  248. }
  249. if (grandChild.length) {
  250. this.retryComputedComponentRect(grandChild);
  251. }
  252. }
  253. }
  254. }
  255. };
  256. if (!Array) {
  257. const _easycom_u_overlay2 = common_vendor.resolveComponent("u-overlay");
  258. const _easycom_u_status_bar2 = common_vendor.resolveComponent("u-status-bar");
  259. const _easycom_u_icon2 = common_vendor.resolveComponent("u-icon");
  260. const _easycom_u_safe_bottom2 = common_vendor.resolveComponent("u-safe-bottom");
  261. const _easycom_u_transition2 = common_vendor.resolveComponent("u-transition");
  262. (_easycom_u_overlay2 + _easycom_u_status_bar2 + _easycom_u_icon2 + _easycom_u_safe_bottom2 + _easycom_u_transition2)();
  263. }
  264. const _easycom_u_overlay = () => "../u-overlay/u-overlay.js";
  265. const _easycom_u_status_bar = () => "../u-status-bar/u-status-bar.js";
  266. const _easycom_u_icon = () => "../u-icon/u-icon.js";
  267. const _easycom_u_safe_bottom = () => "../u-safe-bottom/u-safe-bottom.js";
  268. const _easycom_u_transition = () => "../u-transition/u-transition.js";
  269. if (!Math) {
  270. (_easycom_u_overlay + _easycom_u_status_bar + _easycom_u_icon + _easycom_u_safe_bottom + _easycom_u_transition)();
  271. }
  272. function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
  273. return common_vendor.e({
  274. a: _ctx.overlay
  275. }, _ctx.overlay ? {
  276. b: common_vendor.o($options.overlayClick),
  277. c: common_vendor.p({
  278. show: _ctx.show,
  279. duration: $data.overlayDuration,
  280. customStyle: _ctx.overlayStyle,
  281. opacity: _ctx.overlayOpacity
  282. })
  283. } : {}, {
  284. d: _ctx.safeAreaInsetTop
  285. }, _ctx.safeAreaInsetTop ? {} : {}, {
  286. e: _ctx.closeable
  287. }, _ctx.closeable ? {
  288. f: common_vendor.p({
  289. name: "close",
  290. color: "#909399",
  291. size: "18",
  292. bold: true
  293. }),
  294. g: common_vendor.o((...args) => $options.close && $options.close(...args)),
  295. h: common_vendor.n("u-popup__content__close--" + _ctx.closeIconPos)
  296. } : {}, {
  297. i: _ctx.safeAreaInsetBottom
  298. }, _ctx.safeAreaInsetBottom ? {} : {}, {
  299. j: common_vendor.s($options.contentStyle),
  300. k: common_vendor.o((...args) => _ctx.noop && _ctx.noop(...args)),
  301. l: common_vendor.o($options.afterEnter),
  302. m: common_vendor.o($options.clickHandler),
  303. n: common_vendor.p({
  304. show: _ctx.show,
  305. customStyle: $options.transitionStyle,
  306. mode: $options.position,
  307. duration: _ctx.duration
  308. })
  309. });
  310. }
  311. var Component = /* @__PURE__ */ common_vendor._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ab86df66"], ["__file", "C:/Users/Administrator/Desktop/\u9879\u76EE/\u76F4\u64AD/liveH5-v3/uni_modules/uview-plus/components/u-popup/u-popup.vue"]]);
  312. wx.createComponent(Component);