@nutui/nutui 2.3.4 → 2.3.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (228) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/dist/.DS_Store +0 -0
  3. package/dist/assets/img/grid.png +0 -0
  4. package/dist/nutui.css +4 -2
  5. package/dist/nutui.css.map +1 -1
  6. package/dist/nutui.js +393 -154
  7. package/dist/nutui.js.map +1 -1
  8. package/dist/nutui.min.css +2 -2
  9. package/dist/nutui.min.js +3 -3
  10. package/dist/nutui.min.js.map +1 -1
  11. package/dist/nutui.scss +2 -1
  12. package/dist/packages/actionsheet/actionsheet.css +1 -1
  13. package/dist/packages/actionsheet/actionsheet.js +1 -1
  14. package/dist/packages/address/address.css +1 -1
  15. package/dist/packages/address/address.js +2 -2
  16. package/dist/packages/address/address.js.map +1 -1
  17. package/dist/packages/avatar/avatar.css +1 -1
  18. package/dist/packages/avatar/avatar.js +2 -2
  19. package/dist/packages/avatar/avatar.js.map +1 -1
  20. package/dist/packages/backtop/backtop.css +1 -1
  21. package/dist/packages/backtop/backtop.js +2 -2
  22. package/dist/packages/backtop/backtop.js.map +1 -1
  23. package/dist/packages/badge/badge.css +1 -1
  24. package/dist/packages/badge/badge.js +2 -2
  25. package/dist/packages/badge/badge.js.map +1 -1
  26. package/dist/packages/button/button.css +1 -1
  27. package/dist/packages/button/button.js +1 -1
  28. package/dist/packages/buttongroup/buttongroup.css +1 -1
  29. package/dist/packages/buttongroup/buttongroup.js +1 -1
  30. package/dist/packages/calendar/calendar.css +1 -1
  31. package/dist/packages/calendar/calendar.js +2 -2
  32. package/dist/packages/calendar/calendar.js.map +1 -1
  33. package/dist/packages/calendar/calendar.vue +1 -1
  34. package/dist/packages/cell/cell.css +1 -1
  35. package/dist/packages/cell/cell.js +2 -2
  36. package/dist/packages/cell/cell.js.map +1 -1
  37. package/dist/packages/checkbox/checkbox.css +1 -1
  38. package/dist/packages/checkbox/checkbox.js +2 -2
  39. package/dist/packages/checkboxgroup/checkboxgroup.css +1 -1
  40. package/dist/packages/checkboxgroup/checkboxgroup.js +2 -2
  41. package/dist/packages/checkboxgroup/checkboxgroup.js.map +1 -1
  42. package/dist/packages/circleprogress/circleprogress.css +1 -1
  43. package/dist/packages/circleprogress/circleprogress.js +2 -2
  44. package/dist/packages/circleprogress/circleprogress.js.map +1 -1
  45. package/dist/packages/col/col.css +1 -1
  46. package/dist/packages/col/col.js +1 -1
  47. package/dist/packages/collapse/collapse.css +1 -1
  48. package/dist/packages/collapse/collapse.js +2 -2
  49. package/dist/packages/collapse/collapse.js.map +1 -1
  50. package/dist/packages/collapseitem/collapseitem.css +1 -1
  51. package/dist/packages/collapseitem/collapseitem.js +2 -2
  52. package/dist/packages/collapseitem/collapseitem.js.map +1 -1
  53. package/dist/packages/countdown/countdown.css +1 -1
  54. package/dist/packages/countdown/countdown.js +2 -2
  55. package/dist/packages/countdown/countdown.js.map +1 -1
  56. package/dist/packages/countup/countup.css +2 -2
  57. package/dist/packages/countup/countup.js +2 -2
  58. package/dist/packages/countup/countup.js.map +1 -1
  59. package/dist/packages/countup/countup.scss +2 -1
  60. package/dist/packages/countup/countup.vue +22 -10
  61. package/dist/packages/coupon/coupon.css +1 -1
  62. package/dist/packages/coupon/coupon.js +2 -2
  63. package/dist/packages/coupon/coupon.js.map +1 -1
  64. package/dist/packages/datepicker/datepicker.css +1 -1
  65. package/dist/packages/datepicker/datepicker.js +2 -2
  66. package/dist/packages/datepicker/datepicker.js.map +1 -1
  67. package/dist/packages/dialog/dialog.css +1 -1
  68. package/dist/packages/dialog/dialog.js +2 -2
  69. package/dist/packages/dialog/dialog.js.map +1 -1
  70. package/dist/packages/drag/drag.css +1 -1
  71. package/dist/packages/drag/drag.js +2 -2
  72. package/dist/packages/drag/drag.js.map +1 -1
  73. package/dist/packages/elevator/elevator.css +1 -1
  74. package/dist/packages/elevator/elevator.js +2 -2
  75. package/dist/packages/elevator/elevator.js.map +1 -1
  76. package/dist/packages/fixednav/fixednav.css +1 -1
  77. package/dist/packages/fixednav/fixednav.js +2 -2
  78. package/dist/packages/fixednav/fixednav.js.map +1 -1
  79. package/dist/packages/flex/flex.css +1 -1
  80. package/dist/packages/flex/flex.js +2 -2
  81. package/dist/packages/flex/flex.js.map +1 -1
  82. package/dist/packages/icon/icon.css +1 -1
  83. package/dist/packages/icon/icon.js +1 -1
  84. package/dist/packages/imagepicker/imagepicker.css +1 -1
  85. package/dist/packages/imagepicker/imagepicker.js +2 -2
  86. package/dist/packages/imagepicker/imagepicker.js.map +1 -1
  87. package/dist/packages/infiniteloading/infiniteloading.css +1 -1
  88. package/dist/packages/infiniteloading/infiniteloading.js +2 -2
  89. package/dist/packages/infiniteloading/infiniteloading.js.map +1 -1
  90. package/dist/packages/infiniteloading/infiniteloading.vue +5 -1
  91. package/dist/packages/lazyload/lazyload.css +1 -1
  92. package/dist/packages/lazyload/lazyload.js +2 -2
  93. package/dist/packages/lazyload/lazyload.js.map +1 -1
  94. package/dist/packages/leftslip/leftslip.css +1 -1
  95. package/dist/packages/leftslip/leftslip.js +2 -2
  96. package/dist/packages/leftslip/leftslip.js.map +1 -1
  97. package/dist/packages/luckdraw/luckdraw.css +1 -1
  98. package/dist/packages/luckdraw/luckdraw.js +2 -2
  99. package/dist/packages/luckdraw/luckdraw.js.map +1 -1
  100. package/dist/packages/luckycard/luckycard.css +1 -1
  101. package/dist/packages/luckycard/luckycard.js +2 -2
  102. package/dist/packages/luckycard/luckycard.js.map +1 -1
  103. package/dist/packages/magic/magic.css +1 -1
  104. package/dist/packages/magic/magic.js +2 -2
  105. package/dist/packages/magic/magic.js.map +1 -1
  106. package/dist/packages/menu/menu.css +1 -1
  107. package/dist/packages/menu/menu.js +2 -2
  108. package/dist/packages/menu/menu.js.map +1 -1
  109. package/dist/packages/navbar/navbar.css +1 -1
  110. package/dist/packages/navbar/navbar.js +2 -2
  111. package/dist/packages/navbar/navbar.js.map +1 -1
  112. package/dist/packages/ninegrid/animation.scss +223 -0
  113. package/dist/packages/ninegrid/index.js +8 -0
  114. package/dist/packages/ninegrid/ninegrid.css +5 -0
  115. package/dist/packages/ninegrid/ninegrid.js +7 -0
  116. package/dist/packages/ninegrid/ninegrid.js.map +1 -0
  117. package/dist/packages/ninegrid/ninegrid.scss +132 -0
  118. package/dist/packages/ninegrid/ninegrid.vue +144 -0
  119. package/dist/packages/noticebar/noticebar.css +1 -1
  120. package/dist/packages/noticebar/noticebar.js +2 -2
  121. package/dist/packages/noticebar/noticebar.js.map +1 -1
  122. package/dist/packages/notify/notify.css +1 -1
  123. package/dist/packages/notify/notify.js +2 -2
  124. package/dist/packages/notify/notify.js.map +1 -1
  125. package/dist/packages/numberkeyboard/numberkeyboard.css +1 -1
  126. package/dist/packages/numberkeyboard/numberkeyboard.js +2 -2
  127. package/dist/packages/numberkeyboard/numberkeyboard.js.map +1 -1
  128. package/dist/packages/picker/picker.css +1 -1
  129. package/dist/packages/picker/picker.js +2 -2
  130. package/dist/packages/picker/picker.js.map +1 -1
  131. package/dist/packages/popup/popup.css +1 -1
  132. package/dist/packages/popup/popup.js +1 -1
  133. package/dist/packages/price/price.css +1 -1
  134. package/dist/packages/price/price.js +2 -2
  135. package/dist/packages/price/price.js.map +1 -1
  136. package/dist/packages/progress/progress.css +1 -1
  137. package/dist/packages/progress/progress.js +2 -2
  138. package/dist/packages/progress/progress.js.map +1 -1
  139. package/dist/packages/radio/radio.css +1 -1
  140. package/dist/packages/radio/radio.js +2 -2
  141. package/dist/packages/radio/radio.js.map +1 -1
  142. package/dist/packages/radiogroup/radiogroup.css +1 -1
  143. package/dist/packages/radiogroup/radiogroup.js +2 -2
  144. package/dist/packages/radiogroup/radiogroup.js.map +1 -1
  145. package/dist/packages/range/range.css +1 -1
  146. package/dist/packages/range/range.js +2 -2
  147. package/dist/packages/range/range.js.map +1 -1
  148. package/dist/packages/rate/rate.css +1 -1
  149. package/dist/packages/rate/rate.js +2 -2
  150. package/dist/packages/rate/rate.js.map +1 -1
  151. package/dist/packages/row/row.css +1 -1
  152. package/dist/packages/row/row.js +1 -1
  153. package/dist/packages/scroller/scroller.css +1 -1
  154. package/dist/packages/scroller/scroller.js +2 -2
  155. package/dist/packages/scroller/scroller.js.map +1 -1
  156. package/dist/packages/scroller/scroller.vue +5 -0
  157. package/dist/packages/scroller/vertical-scroll.vue +7 -2
  158. package/dist/packages/searchbar/searchbar.css +1 -1
  159. package/dist/packages/searchbar/searchbar.js +2 -2
  160. package/dist/packages/searchbar/searchbar.js.map +1 -1
  161. package/dist/packages/shortpassword/shortpassword.css +1 -1
  162. package/dist/packages/shortpassword/shortpassword.js +2 -2
  163. package/dist/packages/shortpassword/shortpassword.js.map +1 -1
  164. package/dist/packages/sidenavbar/sidenavbar.css +1 -1
  165. package/dist/packages/sidenavbar/sidenavbar.js +2 -2
  166. package/dist/packages/sidenavbar/sidenavbar.js.map +1 -1
  167. package/dist/packages/sidenavbaritem/sidenavbaritem.css +1 -1
  168. package/dist/packages/sidenavbaritem/sidenavbaritem.js +1 -1
  169. package/dist/packages/signature/signature.css +1 -1
  170. package/dist/packages/signature/signature.js +2 -2
  171. package/dist/packages/signature/signature.js.map +1 -1
  172. package/dist/packages/skeleton/skeleton.css +1 -1
  173. package/dist/packages/skeleton/skeleton.js +2 -2
  174. package/dist/packages/skeleton/skeleton.js.map +1 -1
  175. package/dist/packages/slider/slider.css +1 -1
  176. package/dist/packages/slider/slider.js +2 -2
  177. package/dist/packages/slider/slider.js.map +1 -1
  178. package/dist/packages/stepper/stepper.css +1 -1
  179. package/dist/packages/stepper/stepper.js +2 -2
  180. package/dist/packages/stepper/stepper.js.map +1 -1
  181. package/dist/packages/steps/steps.css +1 -1
  182. package/dist/packages/steps/steps.js +2 -2
  183. package/dist/packages/steps/steps.js.map +1 -1
  184. package/dist/packages/subsidenavbar/subsidenavbar.css +1 -1
  185. package/dist/packages/subsidenavbar/subsidenavbar.js +1 -1
  186. package/dist/packages/swiper/swiper.css +1 -1
  187. package/dist/packages/swiper/swiper.js +2 -2
  188. package/dist/packages/swiper/swiper.js.map +1 -1
  189. package/dist/packages/switch/switch.css +1 -1
  190. package/dist/packages/switch/switch.js +2 -2
  191. package/dist/packages/switch/switch.js.map +1 -1
  192. package/dist/packages/tab/tab.css +1 -1
  193. package/dist/packages/tab/tab.js +2 -2
  194. package/dist/packages/tab/tab.js.map +1 -1
  195. package/dist/packages/tab/tab.vue +1 -0
  196. package/dist/packages/tabbar/tabbar.css +1 -1
  197. package/dist/packages/tabbar/tabbar.js +2 -2
  198. package/dist/packages/tabbar/tabbar.js.map +1 -1
  199. package/dist/packages/tabbar/tabbar.vue +1 -1
  200. package/dist/packages/tabpanel/tabpanel.css +1 -1
  201. package/dist/packages/tabpanel/tabpanel.js +2 -2
  202. package/dist/packages/tabpanel/tabpanel.js.map +1 -1
  203. package/dist/packages/tabselect/tabselect.css +1 -1
  204. package/dist/packages/tabselect/tabselect.js +2 -2
  205. package/dist/packages/tabselect/tabselect.js.map +1 -1
  206. package/dist/packages/textbox/textbox.css +1 -1
  207. package/dist/packages/textbox/textbox.js +2 -2
  208. package/dist/packages/textbox/textbox.js.map +1 -1
  209. package/dist/packages/textinput/textinput.css +1 -1
  210. package/dist/packages/textinput/textinput.js +2 -2
  211. package/dist/packages/textinput/textinput.js.map +1 -1
  212. package/dist/packages/timeline/timeline.css +1 -1
  213. package/dist/packages/timeline/timeline.js +2 -2
  214. package/dist/packages/timeline/timeline.js.map +1 -1
  215. package/dist/packages/timelineitem/timelineitem.css +1 -1
  216. package/dist/packages/timelineitem/timelineitem.js +2 -2
  217. package/dist/packages/timelineitem/timelineitem.js.map +1 -1
  218. package/dist/packages/toast/toast.css +1 -1
  219. package/dist/packages/toast/toast.js +2 -2
  220. package/dist/packages/toast/toast.js.map +1 -1
  221. package/dist/packages/uploader/uploader.css +1 -1
  222. package/dist/packages/uploader/uploader.js +2 -2
  223. package/dist/packages/uploader/uploader.js.map +1 -1
  224. package/dist/packages/video/video.css +1 -1
  225. package/dist/packages/video/video.js +2 -2
  226. package/dist/packages/video/video.js.map +1 -1
  227. package/dist/types/nutui.d.ts +1 -0
  228. package/package.json +1 -1
@@ -0,0 +1,144 @@
1
+ <template>
2
+ <div class="nut-ninegrid">
3
+ <div
4
+ v-for="(item, index) in gridList"
5
+ class="item"
6
+ :class="[{ active: activeState && index != 4 }, { shake: shakeIndexs.includes(index + 1) }]"
7
+ :key="index"
8
+ >
9
+ <div v-if="index == 4" class="center" @click="refresh(true)">
10
+ <img
11
+ :class="{ rotate: loadingDataState }"
12
+ src="//img13.360buyimg.com/imagetools/jfs/t1/190805/24/20092/1136/6126fce9E6c61cf21/acd44eec9fc694bd.png"
13
+ alt="refresh.png"
14
+ />
15
+ <span>换一换</span>
16
+ <p>{{ countDown }}S&nbsp;后自动换</p>
17
+ </div>
18
+ <template v-else>
19
+ <div class="front" @click="toDetail(item.front)">
20
+ <p>{{ item.front.name }}</p>
21
+ <nut-price class="price" :price="item.front.price" :thousands="true" />
22
+ <img :src="item.front.pictureUrl" />
23
+ </div>
24
+ <div class="back" @click="toDetail(item.back)">
25
+ <p>{{ item.back.name }}</p>
26
+ <nut-price class="price" :price="item.back.price" :thousands="true" />
27
+ <img :src="item.back.pictureUrl" />
28
+ </div>
29
+ </template>
30
+ </div>
31
+ </div>
32
+ </template>
33
+ <script>
34
+ export default {
35
+ name: 'nut-ninegrid',
36
+ props: {
37
+ data: {
38
+ type: [Object, Array],
39
+ default: () => {
40
+ return [];
41
+ }
42
+ }
43
+ },
44
+ data() {
45
+ return {
46
+ gridList: [], // 数据list
47
+ activeState: false, // 去掉中间的换一换方块
48
+ shakeIndexs: [], // 动画抖一抖的下标
49
+ loadingDataState: false, // 换一换的小图标是否旋转 并且等它旋转完才可以再次点击
50
+ countDown: 10, // 倒计时时间
51
+ number: 0
52
+ };
53
+ },
54
+ watch: {
55
+ data: {
56
+ handler(value) {
57
+ if (value) {
58
+ this.resResponse(value);
59
+ }
60
+ }
61
+ }
62
+ },
63
+ methods: {
64
+ resResponse(sudoku_goodsG) {
65
+ if (!(sudoku_goodsG.length > 15)) {
66
+ return;
67
+ }
68
+ let list = sudoku_goodsG;
69
+ let spArrs = this.spArray(8, list);
70
+ let front = spArrs[0];
71
+ let back = spArrs[1];
72
+ let filterData = [];
73
+ front.forEach((element, index) => {
74
+ filterData.push({
75
+ front: element,
76
+ back: back[index]
77
+ });
78
+ });
79
+ filterData.splice(4, 0, {});
80
+ this.gridList = filterData;
81
+ },
82
+ beginTimeIntervar() {
83
+ this.timeIntervar = setInterval(() => {
84
+ this.countDown--;
85
+ if (this.countDown == 0) {
86
+ this.refresh();
87
+ }
88
+ if (this.countDown == 7) {
89
+ this.shakeIndexs = [2, 4, 6, 8];
90
+ } else if (this.countDown == 3) {
91
+ this.shakeIndexs = [1, 3, 7, 9];
92
+ }
93
+ }, 1000);
94
+ },
95
+ refresh(manual = false) {
96
+ if (this.loadingDataState) return;
97
+ this.number += 1;
98
+ this.countDown = 10;
99
+ this.shakeIndexs = [];
100
+ this.activeState = !this.activeState;
101
+
102
+ // 检查点击次数
103
+ if (this.number % 2 === 0) {
104
+ console.log(123);
105
+ this.$emit('refresh');
106
+ } else {
107
+ this.loadingDataState = true;
108
+ setTimeout(() => {
109
+ this.loadingDataState = false;
110
+ }, 1000);
111
+ }
112
+ },
113
+ /**
114
+ * 跳转详情
115
+ * @param item skuItem
116
+ */
117
+ toDetail(item) {
118
+ // 跳转商详
119
+ this.$emit('toDetail', item);
120
+ },
121
+ /**
122
+ *
123
+ * 数组拆分函数
124
+ * @static
125
+ * @param {number} N 拆分长度
126
+ * @param {any[]} Q 将要拆分的数组
127
+ * @returns {Array}
128
+ * @memberof Utils
129
+ */
130
+ spArray(N, Q) {
131
+ let R = [],
132
+ F;
133
+ for (F = 0; F < Q.length; ) {
134
+ R.push(Q.slice(F, (F += N)));
135
+ }
136
+ return R;
137
+ }
138
+ },
139
+ mounted() {
140
+ this.resResponse(this.data);
141
+ this.beginTimeIntervar();
142
+ }
143
+ };
144
+ </script>
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v2.3.4 - noticebar.css, 2e03fecba27c2ec4fc69, Thu Jul 15 2021 22:33:51 GMT+0800 (中国标准时间)
2
+ * @nutui/nutui v2.3.7 - noticebar.css, 78f455d4cba8a497b5f5, Wed Dec 22 2021 20:57:26 GMT+0800 (中国标准时间)
3
3
  * (c) 2017-2020 JDC
4
4
  * Released under the MIT License.
5
5
  */.nut-noticebar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;padding:0 16px;font-size:14px;line-height:24px;position:relative;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#848484;background-color:#fbf8dc;color:#d37d42}.nut-noticebar.wrapable{height:auto;padding:8px 16px}.nut-noticebar.wrapable .wrap{height:auto}.nut-noticebar.wrapable .wrap .content{position:relative;white-space:normal;word-wrap:break-word}.nut-noticebar a{text-decoration:none;color:#d37d42}.nut-noticebar .withicon{position:relative;padding-right:40px}.nut-noticebar .left-icon{height:16px;min-width:16px;margin-right:5px;-webkit-box-sizing:border-box;box-sizing:border-box;background-size:100% 100%}.nut-noticebar .right-icon{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;min-width:20px;-webkit-box-sizing:border-box;box-sizing:border-box;padding-left:5px}.nut-noticebar .wrap{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;height:24px;overflow:hidden;position:relative}.nut-noticebar .content{position:absolute;white-space:nowrap}.nut-noticebar .content.nut-ellipsis{max-width:100%;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.nut-noticebar .play{-webkit-animation:nut-notice-bar-play linear both running;animation:nut-notice-bar-play linear both running}.nut-noticebar .play-infinite{-webkit-animation:nut-notice-bar-play-infinite linear infinite both running;animation:nut-notice-bar-play-infinite linear infinite both running}.nut-noticebar .play-vertical{-webkit-animation:nut-notice-bar-play-vertical linear infinite both running;animation:nut-notice-bar-play-vertical linear infinite both running}@-webkit-keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes nut-notice-bar-play-infinite{to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}@keyframes nut-notice-bar-play-vertical{to{-webkit-transform:translateY(40px);transform:translateY(40px)}}.nut-noticebar-vertical{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 16px;-webkit-border-radius:4px;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.nut-noticebar-vertical .horseLamp_list{display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.nut-noticebar-vertical .horseLamp_list .horseLamp_list_item{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:40px;font-size:16px}.nut-noticebar-vertical .go{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}
@@ -1,7 +1,7 @@
1
1
  /*!
2
- * @nutui/nutui v2.3.4 - noticebar.js, 2e03fecba27c2ec4fc69, Thu Jul 15 2021 22:33:51 GMT+0800 (中国标准时间)
2
+ * @nutui/nutui v2.3.7 - noticebar.js, 78f455d4cba8a497b5f5, Wed Dec 22 2021 20:57:26 GMT+0800 (中国标准时间)
3
3
  * (c) 2017-2020 JDC
4
4
  * Released under the MIT License.
5
5
  */
6
- !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("noticebar",[],e):"object"==typeof exports?exports.noticebar=e():t.noticebar=e()}("undefined"!=typeof self?self:this,(function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="./",i(i.s=162)}({0:function(t,e,i){"use strict";function n(t,e,i,n,o,s,r,a){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=i,c._compiled=!0),n&&(c.functional=!0),s&&(c._scopeId="data-v-"+s),r?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}i.d(e,"a",(function(){return n}))},162:function(t,e,i){"use strict";i.r(e);var n={name:"nut-noticebar",props:{direction:{type:String,default:"across"},list:{type:Array,default:function(){return[]}},standTime:{type:Number,default:1e3},complexAm:{type:Boolean,default:!1},height:{type:Number,default:40},text:{type:String,default:""},closeMode:{type:Boolean,default:!1},wrapable:{type:Boolean,default:!1},leftIcon:{type:String,default:""},color:{type:String,default:"#F9911B"},background:{type:String,default:"rgba(254,250,216,1)"},delay:{type:[String,Number],default:1},scrollable:{type:Boolean,default:!0},speed:{type:Number,default:50}},data:function(){return{wrapWidth:0,firstRound:!0,duration:0,offsetWidth:0,showNoticeBar:!0,animationClass:"",animate:!1,scrollList:[],distance:0,timer:null,keepAlive:!1}},components:{ScrollItem:{name:"ScrollItem",functional:!0,props:{item:null},render:function(t,e){var i=e.props.item,n=i.tag,o=i.children;return t(n,i.data,o)}}},computed:{iconShow:function(){return"close"!=this.leftIcon},barStyle:function(){var t={color:this.color,background:this.background};return"vertical"==this.direction&&(t.height="".concat(this.height,"px")),t},contentStyle:function(){return{paddingLeft:this.firstRound?0:this.wrapWidth+"px",animationDelay:(this.firstRound?this.delay:0)+"s",animationDuration:this.duration+"s"}},iconBg:function(){var t=null;return this.leftIcon&&(t=this.leftIcon),t},horseLampStyle:function(){var t={};return this.complexAm?t={transform:"translateY(".concat(this.distance,"px)")}:this.animate&&(t={transition:"all ".concat(~~(this.height/this.speed/4),"s"),"margin-top":"-".concat(this.height,"px")}),t}},watch:{text:{handler:function(t,e){var i=this;0!=this.showNoticeBar&&this.$nextTick((function(){var t=i.$refs,e=t.wrap,n=t.content;if(e&&n){var o=e.getBoundingClientRect().width,s=n.getBoundingClientRect().width;i.scrollable&&s>o?(i.wrapWidth=o,i.offsetWidth=s,i.duration=s/i.speed,i.animationClass="play"):i.animationClass=""}}))},immediate:!0},list:function(t,e){this.scrollList=[].concat(t)}},mounted:function(){var t=this;console.log(this.direction),"vertical"==this.direction&&(this.$slots.default?this.scrollList=[].concat(this.$slots.default):this.scrollList=[].concat(this.list),setTimeout((function(){t.complexAm?t.startRoll():t.startRollEasy()}),this.standTime))},methods:{handleClick:function(t){this.$emit("click",t)},onClickIcon:function(t){this.showNoticeBar=!this.closeMode,this.$emit("close",t)},onAnimationEnd:function(){var t=this;this.firstRound=!1,this.$nextTick((function(){t.duration=(t.offsetWidth+t.wrapWidth)/t.speed,t.animationClass="play-infinite"}))},startRollEasy:function(){this.showhorseLamp(),this.timer=setInterval(this.showhorseLamp,1e3*~~(this.height/this.speed/4)+this.standTime)},showhorseLamp:function(){var t=this;this.animate=!0,setTimeout((function(){t.scrollList.push(t.scrollList[0]),t.scrollList.shift(),t.animate=!1}),1e3*~~(this.height/this.speed/4))},startRoll:function(){var t=this;this.timer=setInterval((function(){for(var e=0;e<100;e++)t.scroll(e,!(e<99))}),this.standTime+100*this.speed)},scroll:function(t,e){var i=this;setTimeout((function(){i.distance-=i.height/100,e&&(i.scrollList.push(i.scrollList[0]),i.scrollList.shift(),i.distance=0)}),t*this.speed)},go:function(t){this.$emit("click",t)},handleClickIcon:function(){this.$emit("close",this.scrollList[0])},activated:function(){this.keepAlive&&(this.keepAlive=!1)},deactivated:function(){this.keepAlive=!0,clearInterval(this.timer)},destroyed:function(){clearInterval(this.timer)}}},o=(i(90),i(0)),s=Object(o.a)(n,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",["across"==t.direction?i("div",{directives:[{name:"show",rawName:"v-show",value:t.showNoticeBar,expression:"showNoticeBar"}],staticClass:"nut-noticebar",class:{withicon:t.closeMode,close:t.closeMode,wrapable:t.wrapable},style:t.barStyle,on:{click:t.handleClick}},[t.iconShow?i("div",{staticClass:"left-icon",style:{"background-image":"url("+t.iconBg+")"}},[t.iconBg?t._e():i("nut-icon",{attrs:{type:"notice",color:t.color,size:"16px"}})],1):t._e(),t._v(" "),i("div",{ref:"wrap",staticClass:"wrap"},[i("div",{ref:"content",staticClass:"content",class:[t.animationClass,{"nut-ellipsis":!t.scrollable&&!t.wrapable}],style:t.contentStyle,on:{animationend:t.onAnimationEnd,webkitAnimationEnd:t.onAnimationEnd}},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2)]),t._v(" "),t.closeMode?i("div",{staticClass:"right-icon",on:{click:function(e){return e.stopPropagation(),t.onClickIcon.apply(null,arguments)}}},[i("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})],1):t._e()]):t._e(),t._v(" "),t.scrollList.length>0&&"vertical"==t.direction?i("div",{staticClass:"nut-noticebar-vertical",style:t.barStyle},[t.$slots.default?[i("div",{staticClass:"horseLamp_list",style:t.horseLampStyle},t._l(t.scrollList,(function(e,n){return i("ScrollItem",{key:n,style:{height:t.height},attrs:{item:e}})})),1)]:[i("ul",{staticClass:"horseLamp_list",style:t.horseLampStyle},t._l(t.scrollList,(function(e,n){return i("li",{key:n,staticClass:"horseLamp_list_item",style:{height:t.height},on:{click:function(i){return t.go(e)}}},[t._v("\n "+t._s(e)+"\n ")])})),0)],t._v(" "),i("div",{staticClass:"go",on:{click:function(e){!t.$slots.rightIcon&&t.handleClickIcon()}}},[t.$slots.rightIcon?[t._t("rightIcon")]:t.closeMode?[i("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})]:t._e()],2)],2):t._e()])}),[],!1,null,null,null).exports;i(91);s.install=function(t){t.component(s.name,s)};e.default=s},73:function(t,e,i){},90:function(t,e,i){"use strict";i(73)},91:function(t,e,i){}})}));
6
+ !function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define("noticebar",[],e):"object"==typeof exports?exports.noticebar=e():t.noticebar=e()}("undefined"!=typeof self?self:this,(function(){return function(t){var e={};function i(n){if(e[n])return e[n].exports;var o=e[n]={i:n,l:!1,exports:{}};return t[n].call(o.exports,o,o.exports,i),o.l=!0,o.exports}return i.m=t,i.c=e,i.d=function(t,e,n){i.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},i.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},i.t=function(t,e){if(1&e&&(t=i(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var o in t)i.d(n,o,function(e){return t[e]}.bind(null,o));return n},i.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return i.d(e,"a",e),e},i.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},i.p="./",i(i.s=163)}({0:function(t,e,i){"use strict";function n(t,e,i,n,o,s,r,a){var l,c="function"==typeof t?t.options:t;if(e&&(c.render=e,c.staticRenderFns=i,c._compiled=!0),n&&(c.functional=!0),s&&(c._scopeId="data-v-"+s),r?(l=function(t){(t=t||this.$vnode&&this.$vnode.ssrContext||this.parent&&this.parent.$vnode&&this.parent.$vnode.ssrContext)||"undefined"==typeof __VUE_SSR_CONTEXT__||(t=__VUE_SSR_CONTEXT__),o&&o.call(this,t),t&&t._registeredComponents&&t._registeredComponents.add(r)},c._ssrRegister=l):o&&(l=a?function(){o.call(this,(c.functional?this.parent:this).$root.$options.shadowRoot)}:o),l)if(c.functional){c._injectStyles=l;var u=c.render;c.render=function(t,e){return l.call(e),u(t,e)}}else{var d=c.beforeCreate;c.beforeCreate=d?[].concat(d,l):[l]}return{exports:t,options:c}}i.d(e,"a",(function(){return n}))},163:function(t,e,i){"use strict";i.r(e);var n={name:"nut-noticebar",props:{direction:{type:String,default:"across"},list:{type:Array,default:function(){return[]}},standTime:{type:Number,default:1e3},complexAm:{type:Boolean,default:!1},height:{type:Number,default:40},text:{type:String,default:""},closeMode:{type:Boolean,default:!1},wrapable:{type:Boolean,default:!1},leftIcon:{type:String,default:""},color:{type:String,default:"#F9911B"},background:{type:String,default:"rgba(254,250,216,1)"},delay:{type:[String,Number],default:1},scrollable:{type:Boolean,default:!0},speed:{type:Number,default:50}},data:function(){return{wrapWidth:0,firstRound:!0,duration:0,offsetWidth:0,showNoticeBar:!0,animationClass:"",animate:!1,scrollList:[],distance:0,timer:null,keepAlive:!1}},components:{ScrollItem:{name:"ScrollItem",functional:!0,props:{item:null},render:function(t,e){var i=e.props.item,n=i.tag,o=i.children;return t(n,i.data,o)}}},computed:{iconShow:function(){return"close"!=this.leftIcon},barStyle:function(){var t={color:this.color,background:this.background};return"vertical"==this.direction&&(t.height="".concat(this.height,"px")),t},contentStyle:function(){return{paddingLeft:this.firstRound?0:this.wrapWidth+"px",animationDelay:(this.firstRound?this.delay:0)+"s",animationDuration:this.duration+"s"}},iconBg:function(){var t=null;return this.leftIcon&&(t=this.leftIcon),t},horseLampStyle:function(){var t={};return this.complexAm?t={transform:"translateY(".concat(this.distance,"px)")}:this.animate&&(t={transition:"all ".concat(~~(this.height/this.speed/4),"s"),"margin-top":"-".concat(this.height,"px")}),t}},watch:{text:{handler:function(t,e){var i=this;0!=this.showNoticeBar&&this.$nextTick((function(){var t=i.$refs,e=t.wrap,n=t.content;if(e&&n){var o=e.getBoundingClientRect().width,s=n.getBoundingClientRect().width;i.scrollable&&s>o?(i.wrapWidth=o,i.offsetWidth=s,i.duration=s/i.speed,i.animationClass="play"):i.animationClass=""}}))},immediate:!0},list:function(t,e){this.scrollList=[].concat(t)}},mounted:function(){var t=this;console.log(this.direction),"vertical"==this.direction&&(this.$slots.default?this.scrollList=[].concat(this.$slots.default):this.scrollList=[].concat(this.list),setTimeout((function(){t.complexAm?t.startRoll():t.startRollEasy()}),this.standTime))},methods:{handleClick:function(t){this.$emit("click",t)},onClickIcon:function(t){this.showNoticeBar=!this.closeMode,this.$emit("close",t)},onAnimationEnd:function(){var t=this;this.firstRound=!1,this.$nextTick((function(){t.duration=(t.offsetWidth+t.wrapWidth)/t.speed,t.animationClass="play-infinite"}))},startRollEasy:function(){this.showhorseLamp(),this.timer=setInterval(this.showhorseLamp,1e3*~~(this.height/this.speed/4)+this.standTime)},showhorseLamp:function(){var t=this;this.animate=!0,setTimeout((function(){t.scrollList.push(t.scrollList[0]),t.scrollList.shift(),t.animate=!1}),1e3*~~(this.height/this.speed/4))},startRoll:function(){var t=this;this.timer=setInterval((function(){for(var e=0;e<100;e++)t.scroll(e,!(e<99))}),this.standTime+100*this.speed)},scroll:function(t,e){var i=this;setTimeout((function(){i.distance-=i.height/100,e&&(i.scrollList.push(i.scrollList[0]),i.scrollList.shift(),i.distance=0)}),t*this.speed)},go:function(t){this.$emit("click",t)},handleClickIcon:function(){this.$emit("close",this.scrollList[0])},activated:function(){this.keepAlive&&(this.keepAlive=!1)},deactivated:function(){this.keepAlive=!0,clearInterval(this.timer)},destroyed:function(){clearInterval(this.timer)}}},o=(i(90),i(0)),s=Object(o.a)(n,(function(){var t=this,e=t.$createElement,i=t._self._c||e;return i("div",["across"==t.direction?i("div",{directives:[{name:"show",rawName:"v-show",value:t.showNoticeBar,expression:"showNoticeBar"}],staticClass:"nut-noticebar",class:{withicon:t.closeMode,close:t.closeMode,wrapable:t.wrapable},style:t.barStyle,on:{click:t.handleClick}},[t.iconShow?i("div",{staticClass:"left-icon",style:{"background-image":"url("+t.iconBg+")"}},[t.iconBg?t._e():i("nut-icon",{attrs:{type:"notice",color:t.color,size:"16px"}})],1):t._e(),t._v(" "),i("div",{ref:"wrap",staticClass:"wrap"},[i("div",{ref:"content",staticClass:"content",class:[t.animationClass,{"nut-ellipsis":!t.scrollable&&!t.wrapable}],style:t.contentStyle,on:{animationend:t.onAnimationEnd,webkitAnimationEnd:t.onAnimationEnd}},[t._t("default",(function(){return[t._v(t._s(t.text))]}))],2)]),t._v(" "),t.closeMode?i("div",{staticClass:"right-icon",on:{click:function(e){return e.stopPropagation(),t.onClickIcon.apply(null,arguments)}}},[i("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})],1):t._e()]):t._e(),t._v(" "),t.scrollList.length>0&&"vertical"==t.direction?i("div",{staticClass:"nut-noticebar-vertical",style:t.barStyle},[t.$slots.default?[i("div",{staticClass:"horseLamp_list",style:t.horseLampStyle},t._l(t.scrollList,(function(e,n){return i("ScrollItem",{key:n,style:{height:t.height},attrs:{item:e}})})),1)]:[i("ul",{staticClass:"horseLamp_list",style:t.horseLampStyle},t._l(t.scrollList,(function(e,n){return i("li",{key:n,staticClass:"horseLamp_list_item",style:{height:t.height},on:{click:function(i){return t.go(e)}}},[t._v("\n "+t._s(e)+"\n ")])})),0)],t._v(" "),i("div",{staticClass:"go",on:{click:function(e){!t.$slots.rightIcon&&t.handleClickIcon()}}},[t.$slots.rightIcon?[t._t("rightIcon")]:t.closeMode?[i("nut-icon",{attrs:{type:"cross",color:t.color,size:"11px"}})]:t._e()],2)],2):t._e()])}),[],!1,null,null,null).exports;i(91);s.install=function(t){t.component(s.name,s)};e.default=s},73:function(t,e,i){},90:function(t,e,i){"use strict";i(73)},91:function(t,e,i){}})}));
7
7
  //# sourceMappingURL=noticebar.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["webpack://[name]/webpack/universalModuleDefinition","webpack://[name]/webpack/bootstrap","webpack://[name]/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?d1e8","webpack://[name]/./src/packages/noticebar/noticebar.vue?4bff","webpack://[name]/src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/item.js","webpack://[name]/./src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/index.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?44f8"],"names":["root","factory","exports","module","define","amd","self","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","props","direction","type","String","default","list","Array","standTime","Number","complexAm","Boolean","height","text","closeMode","wrapable","leftIcon","color","background","delay","scrollable","speed","data","wrapWidth","firstRound","duration","offsetWidth","showNoticeBar","animationClass","animate","scrollList","distance","timer","keepAlive","components","ScrollItem","item","createElement","tag","children","computed","iconShow","barStyle","style","contentStyle","paddingLeft","animationDelay","animationDuration","iconBg","horseLampStyle","styles","transform","transition","watch","handler","$nextTick","wrap","content","immediate","newValue","mounted","console","log","$slots","setTimeout","methods","handleClick","$emit","event","onClickIcon","onAnimationEnd","startRollEasy","showhorseLamp","setInterval","startRoll","scroll","last","go","handleClickIcon","activated","deactivated","clearInterval","destroyed","_vm","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","class","withicon","close","on","_e","attrs","_v","ref","_t","_s","$event","stopPropagation","apply","arguments","length","_l","index","rightIcon","NoticeBar","install","Vue","component"],"mappings":"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","file":"noticebar/noticebar.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"noticebar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"noticebar\"] = factory();\n\telse\n\t\troot[\"noticebar\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 162);\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.direction == 'across')?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showNoticeBar),expression:\"showNoticeBar\"}],staticClass:\"nut-noticebar\",class:{ withicon: _vm.closeMode, close: _vm.closeMode, wrapable: _vm.wrapable },style:(_vm.barStyle),on:{\"click\":_vm.handleClick}},[(_vm.iconShow)?_c('div',{staticClass:\"left-icon\",style:({ 'background-image': (\"url(\" + _vm.iconBg + \")\") })},[(!_vm.iconBg)?_c('nut-icon',{attrs:{\"type\":\"notice\",\"color\":_vm.color,\"size\":\"16px\"}}):_vm._e()],1):_vm._e(),_vm._v(\" \"),_c('div',{ref:\"wrap\",staticClass:\"wrap\"},[_c('div',{ref:\"content\",staticClass:\"content\",class:[_vm.animationClass, { 'nut-ellipsis': !_vm.scrollable && !_vm.wrapable }],style:(_vm.contentStyle),on:{\"animationend\":_vm.onAnimationEnd,\"webkitAnimationEnd\":_vm.onAnimationEnd}},[_vm._t(\"default\",function(){return [_vm._v(_vm._s(_vm.text))]})],2)]),_vm._v(\" \"),(_vm.closeMode)?_c('div',{staticClass:\"right-icon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickIcon.apply(null, arguments)}}},[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})],1):_vm._e()]):_vm._e(),_vm._v(\" \"),(_vm.scrollList.length > 0 && _vm.direction == 'vertical')?_c('div',{staticClass:\"nut-noticebar-vertical\",style:(_vm.barStyle)},[(_vm.$slots.default)?[_c('div',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('ScrollItem',{key:index,style:({ height: _vm.height }),attrs:{\"item\":item}})}),1)]:[_c('ul',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('li',{key:index,staticClass:\"horseLamp_list_item\",style:({ height: _vm.height }),on:{\"click\":function($event){return _vm.go(item)}}},[_vm._v(\"\\n \"+_vm._s(item)+\"\\n \")])}),0)],_vm._v(\" \"),_c('div',{staticClass:\"go\",on:{\"click\":function($event){!_vm.$slots.rightIcon && _vm.handleClickIcon()}}},[(_vm.$slots.rightIcon)?[_vm._t(\"rightIcon\")]:(_vm.closeMode)?[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})]:_vm._e()],2)],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"","<template>\n <div>\n <div\n v-show=\"showNoticeBar\"\n class=\"nut-noticebar\"\n :class=\"{ withicon: closeMode, close: closeMode, wrapable: wrapable }\"\n :style=\"barStyle\"\n @click=\"handleClick\"\n v-if=\"direction == 'across'\"\n >\n <div class=\"left-icon\" v-if=\"iconShow\" :style=\"{ 'background-image': `url(${iconBg})` }\">\n <nut-icon type=\"notice\" :color=\"color\" size=\"16px\" v-if=\"!iconBg\"></nut-icon>\n </div>\n <div ref=\"wrap\" class=\"wrap\">\n <div\n ref=\"content\"\n class=\"content\"\n :class=\"[animationClass, { 'nut-ellipsis': !scrollable && !wrapable }]\"\n :style=\"contentStyle\"\n @animationend=\"onAnimationEnd\"\n @webkitAnimationEnd=\"onAnimationEnd\"\n >\n <slot>{{ text }}</slot>\n </div>\n </div>\n <div v-if=\"closeMode\" class=\"right-icon\" @click.stop=\"onClickIcon\">\n <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n </div>\n </div>\n\n <div class=\"nut-noticebar-vertical\" v-if=\"scrollList.length > 0 && direction == 'vertical'\" :style=\"barStyle\">\n <template v-if=\"$slots.default\">\n <div class=\"horseLamp_list\" :style=\"horseLampStyle\">\n <ScrollItem v-for=\"(item, index) in scrollList\" v-bind:key=\"index\" :style=\"{ height: height }\" :item=\"item\"></ScrollItem>\n </div>\n </template>\n\n <template v-else>\n <ul class=\"horseLamp_list\" :style=\"horseLampStyle\">\n <li class=\"horseLamp_list_item\" v-for=\"(item, index) in scrollList\" :key=\"index\" :style=\"{ height: height }\" @click=\"go(item)\">\n {{ item }}\n </li>\n </ul>\n </template>\n\n <div class=\"go\" @click=\"!$slots.rightIcon && handleClickIcon()\">\n <template v-if=\"$slots.rightIcon\">\n <slot name=\"rightIcon\"></slot>\n </template>\n <template v-else-if=\"closeMode\">\n <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport ScrollItem from './item';\nexport default {\n name: 'nut-noticebar',\n props: {\n // 滚动方向 across 横向 vertical 纵向\n direction: {\n type: String,\n default: 'across'\n },\n list: {\n type: Array,\n default: () => {\n return [];\n }\n },\n standTime: {\n type: Number,\n default: 1000\n },\n complexAm: {\n type: Boolean,\n default: false\n },\n height: {\n type: Number,\n default: 40\n },\n text: {\n type: String,\n default: ''\n },\n closeMode: {\n type: Boolean,\n default: false\n },\n wrapable: {\n type: Boolean,\n default: false\n },\n leftIcon: { type: String, default: '' },\n color: {\n type: String,\n default: '#F9911B'\n },\n background: {\n type: String,\n default: 'rgba(254,250,216,1)'\n },\n delay: {\n type: [String, Number],\n default: 1\n },\n scrollable: {\n type: Boolean,\n default: true\n },\n speed: {\n type: Number,\n default: 50\n }\n },\n data() {\n return {\n wrapWidth: 0,\n firstRound: true,\n duration: 0,\n offsetWidth: 0,\n showNoticeBar: true,\n animationClass: '',\n\n animate: false,\n scrollList: [],\n distance: 0,\n timer: null,\n keepAlive: false\n };\n },\n components: {\n ScrollItem: ScrollItem\n },\n computed: {\n iconShow() {\n if (this.leftIcon == 'close') {\n return false;\n } else {\n return true;\n }\n },\n barStyle() {\n let style = {\n color: this.color,\n background: this.background\n };\n\n if (this.direction == 'vertical') {\n style.height = `${this.height}px`;\n }\n return style;\n },\n contentStyle() {\n return {\n paddingLeft: this.firstRound ? 0 : this.wrapWidth + 'px',\n animationDelay: (this.firstRound ? this.delay : 0) + 's',\n animationDuration: this.duration + 's'\n };\n },\n iconBg() {\n let iconBg = null;\n if (this.leftIcon) {\n iconBg = this.leftIcon;\n }\n return iconBg;\n },\n horseLampStyle() {\n let styles = {};\n if (this.complexAm) {\n styles = {\n transform: `translateY(${this.distance}px)`\n };\n } else {\n if (this.animate) {\n styles = {\n transition: `all ${~~(this.height / this.speed / 4)}s`,\n 'margin-top': `-${this.height}px`\n };\n }\n }\n return styles;\n }\n },\n watch: {\n text: {\n handler(val, newVal) {\n // console.log(val, newVal, this.showNoticeBar == false, 'text');\n\n if (this.showNoticeBar == false) {\n return;\n }\n this.$nextTick(() => {\n const { wrap, content } = this.$refs;\n\n if (!wrap || !content) {\n return;\n }\n const wrapWidth = wrap.getBoundingClientRect().width;\n\n const offsetWidth = content.getBoundingClientRect().width;\n // console.log(wrapWidth, offsetWidth, 'text222');\n\n if (this.scrollable && offsetWidth > wrapWidth) {\n this.wrapWidth = wrapWidth;\n this.offsetWidth = offsetWidth;\n\n this.duration = offsetWidth / this.speed;\n this.animationClass = 'play';\n } else {\n this.animationClass = '';\n }\n });\n },\n immediate: true\n },\n list(newValue, oldValue) {\n this.scrollList = [].concat(newValue);\n }\n },\n mounted() {\n console.log(this.direction);\n if (this.direction == 'vertical') {\n if (this.$slots.default) {\n this.scrollList = [].concat(this.$slots.default);\n } else {\n this.scrollList = [].concat(this.list);\n }\n\n setTimeout(() => {\n this.complexAm ? this.startRoll() : this.startRollEasy();\n }, this.standTime);\n }\n },\n methods: {\n handleClick(event) {\n this.$emit('click', event);\n },\n onClickIcon(event) {\n this.showNoticeBar = !this.closeMode;\n this.$emit('close', event);\n },\n onAnimationEnd() {\n this.firstRound = false;\n this.$nextTick(() => {\n this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;\n this.animationClass = 'play-infinite';\n });\n },\n /**\n * 利益点滚动方式一\n */\n startRollEasy() {\n this.showhorseLamp();\n this.timer = setInterval(this.showhorseLamp, ~~(this.height / this.speed / 4) * 1000 + this.standTime);\n },\n showhorseLamp() {\n this.animate = true;\n setTimeout(() => {\n this.scrollList.push(this.scrollList[0]);\n this.scrollList.shift();\n this.animate = false;\n }, ~~(this.height / this.speed / 4) * 1000);\n },\n\n startRoll() {\n this.timer = setInterval(() => {\n let chunk = 100;\n for (let i = 0; i < chunk; i++) {\n this.scroll(i, i < chunk - 1 ? false : true);\n }\n }, this.standTime + 100 * this.speed);\n },\n scroll(n, last) {\n setTimeout(() => {\n this.distance -= this.height / 100;\n if (last) {\n this.scrollList.push(this.scrollList[0]);\n this.scrollList.shift();\n this.distance = 0;\n }\n }, n * this.speed);\n },\n\n /**\n * 点击滚动单元\n */\n go(item) {\n this.$emit('click', item);\n },\n\n handleClickIcon() {\n this.$emit('close', this.scrollList[0]);\n },\n\n activated() {\n if (this.keepAlive) {\n this.keepAlive = false;\n }\n },\n\n deactivated() {\n this.keepAlive = true;\n clearInterval(this.timer);\n },\n\n destroyed() {\n clearInterval(this.timer);\n }\n }\n};\n</script>\n<style lang=\"scss\">\n@import 'noticebar.scss';\n</style>\n","export default {\n name: 'ScrollItem',\n functional: true,\n props: {\n item: null\n },\n render: (createElement, context) => {\n // console.log(context.props.item)\n // console.log(context.slots().default)\n const { tag, children, data } = context.props.item;\n return createElement(tag, data, children);\n }\n};\n","import { render, staticRenderFns } from \"./noticebar.vue?vue&type=template&id=257e2140&\"\nimport script from \"./noticebar.vue?vue&type=script&lang=js&\"\nexport * from \"./noticebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./noticebar.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import NoticeBar from './noticebar.vue';\nimport './noticebar.scss';\n\nNoticeBar.install = function(Vue) {\n Vue.component(NoticeBar.name, NoticeBar);\n};\n\nexport default NoticeBar;\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--0-0!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js!../../../node_modules/sass-loader/dist/cjs.js??ref--0-3!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}
1
+ {"version":3,"sources":["webpack://[name]/webpack/universalModuleDefinition","webpack://[name]/webpack/bootstrap","webpack://[name]/./node_modules/vue-loader/lib/runtime/componentNormalizer.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?d1e8","webpack://[name]/./src/packages/noticebar/noticebar.vue?4bff","webpack://[name]/src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/item.js","webpack://[name]/./src/packages/noticebar/noticebar.vue","webpack://[name]/./src/packages/noticebar/index.js","webpack://[name]/./src/packages/noticebar/noticebar.vue?44f8"],"names":["root","factory","exports","module","define","amd","self","this","installedModules","__webpack_require__","moduleId","i","l","modules","call","m","c","d","name","getter","o","Object","defineProperty","enumerable","get","r","Symbol","toStringTag","value","t","mode","__esModule","ns","create","key","bind","n","object","property","prototype","hasOwnProperty","p","s","normalizeComponent","scriptExports","render","staticRenderFns","functionalTemplate","injectStyles","scopeId","moduleIdentifier","shadowMode","hook","options","_compiled","functional","_scopeId","context","$vnode","ssrContext","parent","__VUE_SSR_CONTEXT__","_registeredComponents","add","_ssrRegister","$root","$options","shadowRoot","_injectStyles","originalRender","h","existing","beforeCreate","concat","props","direction","type","String","default","list","Array","standTime","Number","complexAm","Boolean","height","text","closeMode","wrapable","leftIcon","color","background","delay","scrollable","speed","data","wrapWidth","firstRound","duration","offsetWidth","showNoticeBar","animationClass","animate","scrollList","distance","timer","keepAlive","components","ScrollItem","item","createElement","tag","children","computed","iconShow","barStyle","style","contentStyle","paddingLeft","animationDelay","animationDuration","iconBg","horseLampStyle","styles","transform","transition","watch","handler","$nextTick","wrap","content","immediate","newValue","mounted","console","log","$slots","setTimeout","methods","handleClick","$emit","event","onClickIcon","onAnimationEnd","startRollEasy","showhorseLamp","setInterval","startRoll","scroll","last","go","handleClickIcon","activated","deactivated","clearInterval","destroyed","_vm","_h","$createElement","_c","_self","directives","rawName","expression","staticClass","class","withicon","close","on","_e","attrs","_v","ref","_t","_s","$event","stopPropagation","apply","arguments","length","_l","index","rightIcon","NoticeBar","install","Vue","component"],"mappings":"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","file":"noticebar/noticebar.js","sourcesContent":["(function webpackUniversalModuleDefinition(root, factory) {\n\tif(typeof exports === 'object' && typeof module === 'object')\n\t\tmodule.exports = factory();\n\telse if(typeof define === 'function' && define.amd)\n\t\tdefine(\"noticebar\", [], factory);\n\telse if(typeof exports === 'object')\n\t\texports[\"noticebar\"] = factory();\n\telse\n\t\troot[\"noticebar\"] = factory();\n})((typeof self !== 'undefined' ? self : this), function() {\nreturn "," \t// The module cache\n \tvar installedModules = {};\n\n \t// The require function\n \tfunction __webpack_require__(moduleId) {\n\n \t\t// Check if module is in cache\n \t\tif(installedModules[moduleId]) {\n \t\t\treturn installedModules[moduleId].exports;\n \t\t}\n \t\t// Create a new module (and put it into the cache)\n \t\tvar module = installedModules[moduleId] = {\n \t\t\ti: moduleId,\n \t\t\tl: false,\n \t\t\texports: {}\n \t\t};\n\n \t\t// Execute the module function\n \t\tmodules[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n \t\t// Flag the module as loaded\n \t\tmodule.l = true;\n\n \t\t// Return the exports of the module\n \t\treturn module.exports;\n \t}\n\n\n \t// expose the modules object (__webpack_modules__)\n \t__webpack_require__.m = modules;\n\n \t// expose the module cache\n \t__webpack_require__.c = installedModules;\n\n \t// define getter function for harmony exports\n \t__webpack_require__.d = function(exports, name, getter) {\n \t\tif(!__webpack_require__.o(exports, name)) {\n \t\t\tObject.defineProperty(exports, name, { enumerable: true, get: getter });\n \t\t}\n \t};\n\n \t// define __esModule on exports\n \t__webpack_require__.r = function(exports) {\n \t\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n \t\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n \t\t}\n \t\tObject.defineProperty(exports, '__esModule', { value: true });\n \t};\n\n \t// create a fake namespace object\n \t// mode & 1: value is a module id, require it\n \t// mode & 2: merge all properties of value into the ns\n \t// mode & 4: return value when already ns object\n \t// mode & 8|1: behave like require\n \t__webpack_require__.t = function(value, mode) {\n \t\tif(mode & 1) value = __webpack_require__(value);\n \t\tif(mode & 8) return value;\n \t\tif((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;\n \t\tvar ns = Object.create(null);\n \t\t__webpack_require__.r(ns);\n \t\tObject.defineProperty(ns, 'default', { enumerable: true, value: value });\n \t\tif(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));\n \t\treturn ns;\n \t};\n\n \t// getDefaultExport function for compatibility with non-harmony modules\n \t__webpack_require__.n = function(module) {\n \t\tvar getter = module && module.__esModule ?\n \t\t\tfunction getDefault() { return module['default']; } :\n \t\t\tfunction getModuleExports() { return module; };\n \t\t__webpack_require__.d(getter, 'a', getter);\n \t\treturn getter;\n \t};\n\n \t// Object.prototype.hasOwnProperty.call\n \t__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };\n\n \t// __webpack_public_path__\n \t__webpack_require__.p = \"./\";\n\n\n \t// Load entry module and return exports\n \treturn __webpack_require__(__webpack_require__.s = 163);\n","/* globals __VUE_SSR_CONTEXT__ */\n\n// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).\n// This module is a runtime utility for cleaner component module output and will\n// be included in the final webpack user bundle.\n\nexport default function normalizeComponent (\n scriptExports,\n render,\n staticRenderFns,\n functionalTemplate,\n injectStyles,\n scopeId,\n moduleIdentifier, /* server only */\n shadowMode /* vue-cli only */\n) {\n // Vue.extend constructor export interop\n var options = typeof scriptExports === 'function'\n ? scriptExports.options\n : scriptExports\n\n // render functions\n if (render) {\n options.render = render\n options.staticRenderFns = staticRenderFns\n options._compiled = true\n }\n\n // functional template\n if (functionalTemplate) {\n options.functional = true\n }\n\n // scopedId\n if (scopeId) {\n options._scopeId = 'data-v-' + scopeId\n }\n\n var hook\n if (moduleIdentifier) { // server build\n hook = function (context) {\n // 2.3 injection\n context =\n context || // cached call\n (this.$vnode && this.$vnode.ssrContext) || // stateful\n (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional\n // 2.2 with runInNewContext: true\n if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {\n context = __VUE_SSR_CONTEXT__\n }\n // inject component styles\n if (injectStyles) {\n injectStyles.call(this, context)\n }\n // register component module identifier for async chunk inferrence\n if (context && context._registeredComponents) {\n context._registeredComponents.add(moduleIdentifier)\n }\n }\n // used by ssr in case component is cached and beforeCreate\n // never gets called\n options._ssrRegister = hook\n } else if (injectStyles) {\n hook = shadowMode\n ? function () {\n injectStyles.call(\n this,\n (options.functional ? this.parent : this).$root.$options.shadowRoot\n )\n }\n : injectStyles\n }\n\n if (hook) {\n if (options.functional) {\n // for template-only hot-reload because in that case the render fn doesn't\n // go through the normalizer\n options._injectStyles = hook\n // register for functional component in vue file\n var originalRender = options.render\n options.render = function renderWithStyleInjection (h, context) {\n hook.call(context)\n return originalRender(h, context)\n }\n } else {\n // inject component registration as beforeCreate hook\n var existing = options.beforeCreate\n options.beforeCreate = existing\n ? [].concat(existing, hook)\n : [hook]\n }\n }\n\n return {\n exports: scriptExports,\n options: options\n }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(_vm.direction == 'across')?_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showNoticeBar),expression:\"showNoticeBar\"}],staticClass:\"nut-noticebar\",class:{ withicon: _vm.closeMode, close: _vm.closeMode, wrapable: _vm.wrapable },style:(_vm.barStyle),on:{\"click\":_vm.handleClick}},[(_vm.iconShow)?_c('div',{staticClass:\"left-icon\",style:({ 'background-image': (\"url(\" + _vm.iconBg + \")\") })},[(!_vm.iconBg)?_c('nut-icon',{attrs:{\"type\":\"notice\",\"color\":_vm.color,\"size\":\"16px\"}}):_vm._e()],1):_vm._e(),_vm._v(\" \"),_c('div',{ref:\"wrap\",staticClass:\"wrap\"},[_c('div',{ref:\"content\",staticClass:\"content\",class:[_vm.animationClass, { 'nut-ellipsis': !_vm.scrollable && !_vm.wrapable }],style:(_vm.contentStyle),on:{\"animationend\":_vm.onAnimationEnd,\"webkitAnimationEnd\":_vm.onAnimationEnd}},[_vm._t(\"default\",function(){return [_vm._v(_vm._s(_vm.text))]})],2)]),_vm._v(\" \"),(_vm.closeMode)?_c('div',{staticClass:\"right-icon\",on:{\"click\":function($event){$event.stopPropagation();return _vm.onClickIcon.apply(null, arguments)}}},[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})],1):_vm._e()]):_vm._e(),_vm._v(\" \"),(_vm.scrollList.length > 0 && _vm.direction == 'vertical')?_c('div',{staticClass:\"nut-noticebar-vertical\",style:(_vm.barStyle)},[(_vm.$slots.default)?[_c('div',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('ScrollItem',{key:index,style:({ height: _vm.height }),attrs:{\"item\":item}})}),1)]:[_c('ul',{staticClass:\"horseLamp_list\",style:(_vm.horseLampStyle)},_vm._l((_vm.scrollList),function(item,index){return _c('li',{key:index,staticClass:\"horseLamp_list_item\",style:({ height: _vm.height }),on:{\"click\":function($event){return _vm.go(item)}}},[_vm._v(\"\\n \"+_vm._s(item)+\"\\n \")])}),0)],_vm._v(\" \"),_c('div',{staticClass:\"go\",on:{\"click\":function($event){!_vm.$slots.rightIcon && _vm.handleClickIcon()}}},[(_vm.$slots.rightIcon)?[_vm._t(\"rightIcon\")]:(_vm.closeMode)?[_c('nut-icon',{attrs:{\"type\":\"cross\",\"color\":_vm.color,\"size\":\"11px\"}})]:_vm._e()],2)],2):_vm._e()])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=script&lang=js&\"","<template>\n <div>\n <div\n v-show=\"showNoticeBar\"\n class=\"nut-noticebar\"\n :class=\"{ withicon: closeMode, close: closeMode, wrapable: wrapable }\"\n :style=\"barStyle\"\n @click=\"handleClick\"\n v-if=\"direction == 'across'\"\n >\n <div class=\"left-icon\" v-if=\"iconShow\" :style=\"{ 'background-image': `url(${iconBg})` }\">\n <nut-icon type=\"notice\" :color=\"color\" size=\"16px\" v-if=\"!iconBg\"></nut-icon>\n </div>\n <div ref=\"wrap\" class=\"wrap\">\n <div\n ref=\"content\"\n class=\"content\"\n :class=\"[animationClass, { 'nut-ellipsis': !scrollable && !wrapable }]\"\n :style=\"contentStyle\"\n @animationend=\"onAnimationEnd\"\n @webkitAnimationEnd=\"onAnimationEnd\"\n >\n <slot>{{ text }}</slot>\n </div>\n </div>\n <div v-if=\"closeMode\" class=\"right-icon\" @click.stop=\"onClickIcon\">\n <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n </div>\n </div>\n\n <div class=\"nut-noticebar-vertical\" v-if=\"scrollList.length > 0 && direction == 'vertical'\" :style=\"barStyle\">\n <template v-if=\"$slots.default\">\n <div class=\"horseLamp_list\" :style=\"horseLampStyle\">\n <ScrollItem v-for=\"(item, index) in scrollList\" v-bind:key=\"index\" :style=\"{ height: height }\" :item=\"item\"></ScrollItem>\n </div>\n </template>\n\n <template v-else>\n <ul class=\"horseLamp_list\" :style=\"horseLampStyle\">\n <li class=\"horseLamp_list_item\" v-for=\"(item, index) in scrollList\" :key=\"index\" :style=\"{ height: height }\" @click=\"go(item)\">\n {{ item }}\n </li>\n </ul>\n </template>\n\n <div class=\"go\" @click=\"!$slots.rightIcon && handleClickIcon()\">\n <template v-if=\"$slots.rightIcon\">\n <slot name=\"rightIcon\"></slot>\n </template>\n <template v-else-if=\"closeMode\">\n <nut-icon type=\"cross\" :color=\"color\" size=\"11px\"></nut-icon>\n </template>\n </div>\n </div>\n </div>\n</template>\n\n<script>\nimport ScrollItem from './item';\nexport default {\n name: 'nut-noticebar',\n props: {\n // 滚动方向 across 横向 vertical 纵向\n direction: {\n type: String,\n default: 'across'\n },\n list: {\n type: Array,\n default: () => {\n return [];\n }\n },\n standTime: {\n type: Number,\n default: 1000\n },\n complexAm: {\n type: Boolean,\n default: false\n },\n height: {\n type: Number,\n default: 40\n },\n text: {\n type: String,\n default: ''\n },\n closeMode: {\n type: Boolean,\n default: false\n },\n wrapable: {\n type: Boolean,\n default: false\n },\n leftIcon: { type: String, default: '' },\n color: {\n type: String,\n default: '#F9911B'\n },\n background: {\n type: String,\n default: 'rgba(254,250,216,1)'\n },\n delay: {\n type: [String, Number],\n default: 1\n },\n scrollable: {\n type: Boolean,\n default: true\n },\n speed: {\n type: Number,\n default: 50\n }\n },\n data() {\n return {\n wrapWidth: 0,\n firstRound: true,\n duration: 0,\n offsetWidth: 0,\n showNoticeBar: true,\n animationClass: '',\n\n animate: false,\n scrollList: [],\n distance: 0,\n timer: null,\n keepAlive: false\n };\n },\n components: {\n ScrollItem: ScrollItem\n },\n computed: {\n iconShow() {\n if (this.leftIcon == 'close') {\n return false;\n } else {\n return true;\n }\n },\n barStyle() {\n let style = {\n color: this.color,\n background: this.background\n };\n\n if (this.direction == 'vertical') {\n style.height = `${this.height}px`;\n }\n return style;\n },\n contentStyle() {\n return {\n paddingLeft: this.firstRound ? 0 : this.wrapWidth + 'px',\n animationDelay: (this.firstRound ? this.delay : 0) + 's',\n animationDuration: this.duration + 's'\n };\n },\n iconBg() {\n let iconBg = null;\n if (this.leftIcon) {\n iconBg = this.leftIcon;\n }\n return iconBg;\n },\n horseLampStyle() {\n let styles = {};\n if (this.complexAm) {\n styles = {\n transform: `translateY(${this.distance}px)`\n };\n } else {\n if (this.animate) {\n styles = {\n transition: `all ${~~(this.height / this.speed / 4)}s`,\n 'margin-top': `-${this.height}px`\n };\n }\n }\n return styles;\n }\n },\n watch: {\n text: {\n handler(val, newVal) {\n // console.log(val, newVal, this.showNoticeBar == false, 'text');\n\n if (this.showNoticeBar == false) {\n return;\n }\n this.$nextTick(() => {\n const { wrap, content } = this.$refs;\n\n if (!wrap || !content) {\n return;\n }\n const wrapWidth = wrap.getBoundingClientRect().width;\n\n const offsetWidth = content.getBoundingClientRect().width;\n // console.log(wrapWidth, offsetWidth, 'text222');\n\n if (this.scrollable && offsetWidth > wrapWidth) {\n this.wrapWidth = wrapWidth;\n this.offsetWidth = offsetWidth;\n\n this.duration = offsetWidth / this.speed;\n this.animationClass = 'play';\n } else {\n this.animationClass = '';\n }\n });\n },\n immediate: true\n },\n list(newValue, oldValue) {\n this.scrollList = [].concat(newValue);\n }\n },\n mounted() {\n console.log(this.direction);\n if (this.direction == 'vertical') {\n if (this.$slots.default) {\n this.scrollList = [].concat(this.$slots.default);\n } else {\n this.scrollList = [].concat(this.list);\n }\n\n setTimeout(() => {\n this.complexAm ? this.startRoll() : this.startRollEasy();\n }, this.standTime);\n }\n },\n methods: {\n handleClick(event) {\n this.$emit('click', event);\n },\n onClickIcon(event) {\n this.showNoticeBar = !this.closeMode;\n this.$emit('close', event);\n },\n onAnimationEnd() {\n this.firstRound = false;\n this.$nextTick(() => {\n this.duration = (this.offsetWidth + this.wrapWidth) / this.speed;\n this.animationClass = 'play-infinite';\n });\n },\n /**\n * 利益点滚动方式一\n */\n startRollEasy() {\n this.showhorseLamp();\n this.timer = setInterval(this.showhorseLamp, ~~(this.height / this.speed / 4) * 1000 + this.standTime);\n },\n showhorseLamp() {\n this.animate = true;\n setTimeout(() => {\n this.scrollList.push(this.scrollList[0]);\n this.scrollList.shift();\n this.animate = false;\n }, ~~(this.height / this.speed / 4) * 1000);\n },\n\n startRoll() {\n this.timer = setInterval(() => {\n let chunk = 100;\n for (let i = 0; i < chunk; i++) {\n this.scroll(i, i < chunk - 1 ? false : true);\n }\n }, this.standTime + 100 * this.speed);\n },\n scroll(n, last) {\n setTimeout(() => {\n this.distance -= this.height / 100;\n if (last) {\n this.scrollList.push(this.scrollList[0]);\n this.scrollList.shift();\n this.distance = 0;\n }\n }, n * this.speed);\n },\n\n /**\n * 点击滚动单元\n */\n go(item) {\n this.$emit('click', item);\n },\n\n handleClickIcon() {\n this.$emit('close', this.scrollList[0]);\n },\n\n activated() {\n if (this.keepAlive) {\n this.keepAlive = false;\n }\n },\n\n deactivated() {\n this.keepAlive = true;\n clearInterval(this.timer);\n },\n\n destroyed() {\n clearInterval(this.timer);\n }\n }\n};\n</script>\n<style lang=\"scss\">\n@import 'noticebar.scss';\n</style>\n","export default {\n name: 'ScrollItem',\n functional: true,\n props: {\n item: null\n },\n render: (createElement, context) => {\n // console.log(context.props.item)\n // console.log(context.slots().default)\n const { tag, children, data } = context.props.item;\n return createElement(tag, data, children);\n }\n};\n","import { render, staticRenderFns } from \"./noticebar.vue?vue&type=template&id=257e2140&\"\nimport script from \"./noticebar.vue?vue&type=script&lang=js&\"\nexport * from \"./noticebar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./noticebar.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n script,\n render,\n staticRenderFns,\n false,\n null,\n null,\n null\n \n)\n\nexport default component.exports","import NoticeBar from './noticebar.vue';\nimport './noticebar.scss';\n\nNoticeBar.install = function(Vue) {\n Vue.component(NoticeBar.name, NoticeBar);\n};\n\nexport default NoticeBar;\n","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--0-0!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js!../../../node_modules/sass-loader/dist/cjs.js??ref--0-3!../../../node_modules/cache-loader/dist/cjs.js!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./noticebar.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * @nutui/nutui v2.3.4 - notify.css, 2e03fecba27c2ec4fc69, Thu Jul 15 2021 22:33:51 GMT+0800 (中国标准时间)
2
+ * @nutui/nutui v2.3.7 - notify.css, 78f455d4cba8a497b5f5, Wed Dec 22 2021 20:57:26 GMT+0800 (中国标准时间)
3
3
  * (c) 2017-2020 JDC
4
4
  * Released under the MIT License.
5
5
  */.nut-icon{list-style:none;display:inline-block;width:20px;height:20px;color:#2d2d2d}.nut-icon svg{vertical-align:top;width:100%;height:100%;fill:currentColor}.popup-fade-enter-active{-webkit-animation:nut-fade-in;animation:nut-fade-in}.popup-fade-leave-active{-webkit-animation:nut-fade-out;animation:nut-fade-out}.popup-slide-center-enter-active{-webkit-animation:nut-fade-in;animation:nut-fade-in}.popup-slide-center-leave-active{-webkit-animation:nut-fade-out;animation:nut-fade-out}.popup-slide-top-enter,.popup-slide-top-leave-active{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}.popup-slide-right-enter,.popup-slide-right-leave-active{-webkit-transform:translate(100%);-ms-transform:translate(100%);transform:translate(100%)}.popup-slide-bottom-enter,.popup-slide-bottom-leave-active{-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}.popup-slide-left-enter,.popup-slide-left-leave-active{-webkit-transform:translate(-100%);-ms-transform:translate(-100%);transform:translate(-100%)}.popup-center{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.popup-bottom{bottom:0;left:0;width:100%}.popup-bottom.round{-webkit-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0}.popup-right{top:0;right:0}.popup-right.round{-webkit-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px}.popup-left{top:0;left:0}.popup-left.round{-webkit-border-radius:0 20px 20px 0;border-radius:0 20px 20px 0}.popup-top{top:0;left:0;width:100%}.popup-top.round{-webkit-border-radius:0 0 20px 20px;border-radius:0 0 20px 20px}.popup-box{position:fixed;max-height:100%;overflow-y:auto;background-color:#fff;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;-webkit-overflow-scrolling:touch}@-webkit-keyframes nut-fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes nut-fade-out{0%{opacity:1}to{opacity:0}}.nut-overflow-hidden{overflow:hidden!important}.nutui-popup__close-icon{position:absolute;z-index:1;color:#969799;font-size:18px;cursor:pointer}.nutui-popup__close-icon:active{opacity:.7}.nutui-popup__close-icon--top-left{top:16px;left:16px}.nutui-popup__close-icon--top-right{top:16px;right:16px}.nutui-popup__close-icon--bottom-left{bottom:16px;left:16px}.nutui-popup__close-icon--bottom-right{right:16px;bottom:16px}.popup-bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7)}@keyframes nut-fade-in{0%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}to{opacity:0}}.nut-notify{-webkit-box-sizing:border-box;box-sizing:border-box;padding:8px 16px;color:#fff;font-size:14px;line-height:20px;white-space:pre-wrap;text-align:center;word-wrap:break-word}.nut-notify--primary{background-color:#1989fa}.nut-notify--success{background-color:#07c160}.nut-notify--danger{background-color:#ee0a24}.nut-notify--warning{background-color:#ff976a}