slideview.js 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199
  1. module.exports =
  2. /** *** */ (function (modules) { // webpackBootstrap
  3. /** *** */ // The module cache
  4. /** *** */ const installedModules = {}
  5. /** *** */
  6. /** *** */ // The require function
  7. /** *** */ function __webpack_require__(moduleId) {
  8. /** *** */
  9. /** *** */ // Check if module is in cache
  10. /** *** */ if (installedModules[moduleId]) {
  11. /** *** */ return installedModules[moduleId].exports
  12. /** *** */ }
  13. /** *** */ // Create a new module (and put it into the cache)
  14. /** *** */ const module = installedModules[moduleId] = {
  15. /** *** */ i: moduleId,
  16. /** *** */ l: false,
  17. /** *** */ exports: {}
  18. /** *** */}
  19. /** *** */
  20. /** *** */ // Execute the module function
  21. /** *** */ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__)
  22. /** *** */
  23. /** *** */ // Flag the module as loaded
  24. /** *** */ module.l = true
  25. /** *** */
  26. /** *** */ // Return the exports of the module
  27. /** *** */ return module.exports
  28. /** *** */ }
  29. /** *** */
  30. /** *** */
  31. /** *** */ // expose the modules object (__webpack_modules__)
  32. /** *** */ __webpack_require__.m = modules
  33. /** *** */
  34. /** *** */ // expose the module cache
  35. /** *** */ __webpack_require__.c = installedModules
  36. /** *** */
  37. /** *** */ // define getter function for harmony exports
  38. /** *** */ __webpack_require__.d = function (exports, name, getter) {
  39. /** *** */ if (!__webpack_require__.o(exports, name)) {
  40. /** *** */ Object.defineProperty(exports, name, {enumerable: true, get: getter})
  41. /** *** */ }
  42. /** *** */ }
  43. /** *** */
  44. /** *** */ // define __esModule on exports
  45. /** *** */ __webpack_require__.r = function (exports) {
  46. /** *** */ if (typeof Symbol !== 'undefined' && Symbol.toStringTag) {
  47. /** *** */ Object.defineProperty(exports, Symbol.toStringTag, {value: 'Module'})
  48. /** *** */ }
  49. /** *** */ Object.defineProperty(exports, '__esModule', {value: true})
  50. /** *** */ }
  51. /** *** */
  52. /** *** */ // create a fake namespace object
  53. /** *** */ // mode & 1: value is a module id, require it
  54. /** *** */ // mode & 2: merge all properties of value into the ns
  55. /** *** */ // mode & 4: return value when already ns object
  56. /** *** */ // mode & 8|1: behave like require
  57. /** *** */ __webpack_require__.t = function (value, mode) {
  58. /** *** */ if (mode & 1) value = __webpack_require__(value)
  59. /** *** */ if (mode & 8) return value
  60. /** *** */ if ((mode & 4) && typeof value === 'object' && value && value.__esModule) return value
  61. /** *** */ const ns = Object.create(null)
  62. /** *** */ __webpack_require__.r(ns)
  63. /** *** */ Object.defineProperty(ns, 'default', {enumerable: true, value})
  64. /** *** */ if (mode & 2 && typeof value !== 'string') for (const key in value) __webpack_require__.d(ns, key, function (key) { return value[key] }.bind(null, key))
  65. /** *** */ return ns
  66. /** *** */ }
  67. /** *** */
  68. /** *** */ // getDefaultExport function for compatibility with non-harmony modules
  69. /** *** */ __webpack_require__.n = function (module) {
  70. /** *** */ const getter = module && module.__esModule
  71. /** *** */ ? function getDefault() { return module.default }
  72. /** *** */ : function getModuleExports() { return module }
  73. /** *** */ __webpack_require__.d(getter, 'a', getter)
  74. /** *** */ return getter
  75. /** *** */ }
  76. /** *** */
  77. /** *** */ // Object.prototype.hasOwnProperty.call
  78. /** *** */ __webpack_require__.o = function (object, property) { return Object.prototype.hasOwnProperty.call(object, property) }
  79. /** *** */
  80. /** *** */ // __webpack_public_path__
  81. /** *** */ __webpack_require__.p = ''
  82. /** *** */
  83. /** *** */
  84. /** *** */ // Load entry module and return exports
  85. /** *** */ return __webpack_require__(__webpack_require__.s = 18)
  86. /** *** */ }({
  87. /***/ 18:
  88. /***/ (function (module, exports, __webpack_require__) {
  89. Component({
  90. options: {
  91. addGlobalClass: true,
  92. multipleSlots: true
  93. },
  94. properties: {
  95. extClass: {
  96. type: String,
  97. value: ''
  98. },
  99. buttons: {
  100. type: Array,
  101. value: [],
  102. // type, data, text, src, extClass
  103. observer() {
  104. this.addClassNameForButton()
  105. }
  106. },
  107. disable: {
  108. type: Boolean,
  109. value: false
  110. },
  111. icon: {
  112. type: Boolean,
  113. value: false
  114. },
  115. show: {
  116. type: Boolean,
  117. value: false
  118. },
  119. duration: {
  120. type: Number,
  121. value: 350
  122. },
  123. throttle: {
  124. type: Number,
  125. value: 40
  126. },
  127. rebounce: {
  128. type: Number,
  129. value: 0
  130. }
  131. },
  132. data: {
  133. size: null
  134. },
  135. ready() {
  136. // @ts-ignore
  137. this.updateRight()
  138. this.addClassNameForButton()
  139. },
  140. methods: {
  141. updateRight() {
  142. // 获取右侧滑动显示区域的宽度
  143. const data = this.data
  144. const query = wx.createSelectorQuery().in(this)
  145. query.select('.left').boundingClientRect(res => {
  146. const btnQuery = wx.createSelectorQuery().in(this)
  147. btnQuery.selectAll('.btn').boundingClientRect(rects => {
  148. this.setData({
  149. size: {
  150. buttons: rects,
  151. button: res,
  152. show: data.show,
  153. disable: data.disable,
  154. throttle: data.throttle,
  155. rebounce: data.rebounce
  156. }
  157. })
  158. }).exec()
  159. }).exec()
  160. },
  161. addClassNameForButton() {
  162. // @ts-ignore
  163. const {
  164. buttons,
  165. icon
  166. } = this.data
  167. buttons.forEach(btn => {
  168. if (icon) {
  169. btn.className = ''
  170. } else if (btn.type === 'warn') {
  171. btn.className = 'weui-slideview__btn-group_warn'
  172. } else {
  173. btn.className = 'weui-slideview__btn-group_default'
  174. }
  175. })
  176. this.setData({
  177. buttons
  178. })
  179. },
  180. buttonTapByWxs(data) {
  181. this.triggerEvent('buttontap', data, {})
  182. },
  183. hide() {
  184. this.triggerEvent('hide', {}, {})
  185. },
  186. show() {
  187. this.triggerEvent('show', {}, {})
  188. },
  189. transitionEnd() {}
  190. }
  191. })
  192. /***/ })
  193. /** *** */}))