@nutui/nutui 4.0.10-beta.1 → 4.0.10

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 (160) hide show
  1. package/CHANGELOG.md +17 -0
  2. package/dist/nutui.es.js +1 -1
  3. package/dist/nutui.js +6550 -8291
  4. package/dist/nutui.umd.js +1 -1
  5. package/dist/packages/_es/ActionSheet.js +78 -111
  6. package/dist/packages/_es/Address.js +250 -375
  7. package/dist/packages/_es/AddressList.js +269 -354
  8. package/dist/packages/_es/Animate.js +41 -58
  9. package/dist/packages/_es/Audio.js +128 -197
  10. package/dist/packages/_es/AudioOperate.js +60 -71
  11. package/dist/packages/_es/Avatar.js +66 -89
  12. package/dist/packages/_es/AvatarGroup.js +23 -31
  13. package/dist/packages/_es/Backtop.js +59 -99
  14. package/dist/packages/_es/Badge.js +36 -47
  15. package/dist/packages/_es/Barrage.js +68 -147
  16. package/dist/packages/_es/Button.js +47 -66
  17. package/dist/packages/_es/Calendar.js +135 -157
  18. package/dist/packages/_es/CalendarItem.js +6 -6
  19. package/dist/packages/_es/Card.js +42 -56
  20. package/dist/packages/_es/Cascader.js +315 -474
  21. package/dist/packages/_es/Category.js +29 -39
  22. package/dist/packages/_es/CategoryPane.js +57 -83
  23. package/dist/packages/_es/Cell.js +56 -71
  24. package/dist/packages/_es/CellGroup.js +19 -27
  25. package/dist/packages/_es/Checkbox.js +109 -156
  26. package/dist/packages/_es/CheckboxGroup.js +38 -59
  27. package/dist/packages/_es/CircleProgress.js +67 -96
  28. package/dist/packages/_es/Col.js +23 -31
  29. package/dist/packages/_es/Collapse.js +33 -58
  30. package/dist/packages/_es/CollapseItem.js +78 -108
  31. package/dist/packages/_es/Comment.js +207 -279
  32. package/dist/packages/_es/ConfigProvider.js +37 -55
  33. package/dist/packages/_es/Countdown.js +100 -212
  34. package/dist/packages/_es/Countup.js +232 -445
  35. package/dist/packages/_es/DatePicker.js +162 -265
  36. package/dist/packages/_es/Dialog.js +161 -213
  37. package/dist/packages/_es/Divider.js +42 -57
  38. package/dist/packages/_es/Drag.js +70 -153
  39. package/dist/packages/_es/Ecard.js +64 -104
  40. package/dist/packages/_es/Elevator.js +143 -219
  41. package/dist/packages/_es/Ellipsis.js +95 -178
  42. package/dist/packages/_es/Empty.js +23 -39
  43. package/dist/packages/_es/FixedNav.js +93 -116
  44. package/dist/packages/_es/Form.js +107 -178
  45. package/dist/packages/_es/FormItem.js +48 -61
  46. package/dist/packages/_es/Grid.js +5 -6
  47. package/dist/packages/_es/GridItem.js +58 -84
  48. package/dist/packages/_es/Image.js +90 -129
  49. package/dist/packages/_es/ImagePreview.js +256 -412
  50. package/dist/packages/_es/Indicator.js +30 -34
  51. package/dist/packages/_es/InfiniteLoading.js +83 -136
  52. package/dist/packages/_es/Input.js +160 -264
  53. package/dist/packages/_es/InputNumber.js +81 -117
  54. package/dist/packages/_es/Interceptor-6e26b757.js +18 -0
  55. package/dist/packages/_es/Invoice.js +104 -130
  56. package/dist/packages/_es/Layout.js +3 -4
  57. package/dist/packages/_es/List.js +117 -215
  58. package/dist/packages/_es/Menu.js +95 -150
  59. package/dist/packages/_es/MenuItem.js +109 -154
  60. package/dist/packages/_es/Navbar.js +103 -119
  61. package/dist/packages/_es/Noticebar.js +197 -312
  62. package/dist/packages/_es/Notify.js +110 -166
  63. package/dist/packages/_es/NumberKeyboard.js +127 -202
  64. package/dist/packages/_es/Overlay.js +52 -80
  65. package/dist/packages/_es/Pagination.js +70 -100
  66. package/dist/packages/_es/Picker.js +275 -437
  67. package/dist/packages/_es/Popover.js +122 -225
  68. package/dist/packages/_es/Popup.js +4 -4
  69. package/dist/packages/_es/Price.js +44 -82
  70. package/dist/packages/_es/Progress.js +63 -79
  71. package/dist/packages/_es/PullRefresh.js +95 -173
  72. package/dist/packages/_es/Radio.js +4 -4
  73. package/dist/packages/_es/RadioGroup.js +3 -3
  74. package/dist/packages/_es/Range.js +204 -347
  75. package/dist/packages/_es/Rate.js +92 -141
  76. package/dist/packages/_es/Row.js +21 -27
  77. package/dist/packages/_es/Searchbar.js +123 -174
  78. package/dist/packages/_es/ShortPassword.js +69 -93
  79. package/dist/packages/_es/SideNavbar.js +49 -80
  80. package/dist/packages/_es/SideNavbarItem.js +22 -32
  81. package/dist/packages/_es/Signature.js +83 -146
  82. package/dist/packages/_es/Skeleton.js +110 -130
  83. package/dist/packages/_es/Sku.js +250 -343
  84. package/dist/packages/_es/Step.js +59 -86
  85. package/dist/packages/_es/Steps.js +26 -31
  86. package/dist/packages/_es/Sticky.js +4 -4
  87. package/dist/packages/_es/SubSideNavbar.js +52 -74
  88. package/dist/packages/_es/Swipe.js +83 -155
  89. package/dist/packages/_es/Swiper.js +174 -311
  90. package/dist/packages/_es/SwiperItem.js +28 -44
  91. package/dist/packages/_es/Switch.js +55 -68
  92. package/dist/packages/_es/TabPane.js +30 -41
  93. package/dist/packages/_es/Tabbar.js +41 -52
  94. package/dist/packages/_es/TabbarItem.js +61 -82
  95. package/dist/packages/_es/Table.js +109 -165
  96. package/dist/packages/_es/Tabs.js +240 -388
  97. package/dist/packages/_es/Tag.js +44 -61
  98. package/dist/packages/_es/Textarea.js +80 -124
  99. package/dist/packages/_es/TimeDetail.js +49 -76
  100. package/dist/packages/_es/TimePannel.js +34 -48
  101. package/dist/packages/_es/TimeSelect.js +47 -68
  102. package/dist/packages/_es/Toast.js +144 -218
  103. package/dist/packages/_es/Tour.js +138 -192
  104. package/dist/packages/_es/TrendArrow.js +57 -77
  105. package/dist/packages/_es/Uploader.js +234 -359
  106. package/dist/packages/_es/Video.js +191 -316
  107. package/dist/packages/_es/Watermark.js +84 -117
  108. package/dist/packages/_es/_plugin-vue_export-helper-dad06003.js +9 -0
  109. package/dist/packages/_es/common-d218746f.js +116 -0
  110. package/dist/packages/_es/component-234624bc.js +89 -0
  111. package/dist/packages/_es/index-14dfadc4.js +561 -0
  112. package/dist/packages/_es/index-192a3ef6.js +29 -0
  113. package/dist/packages/_es/index-360c5092.js +210 -0
  114. package/dist/packages/_es/index-496e6e05.js +24 -0
  115. package/dist/packages/_es/index-50eed3d9.js +7 -0
  116. package/dist/packages/_es/index-53ec2d4d.js +34 -0
  117. package/dist/packages/_es/index-fadb0974.js +8 -0
  118. package/dist/packages/_es/index.vue_vue_type_script_lang-1139b29a.js +43 -0
  119. package/dist/packages/_es/index.vue_vue_type_script_lang-43b774dd.js +77 -0
  120. package/dist/packages/_es/index.vue_vue_type_script_lang-f44c159d.js +110 -0
  121. package/dist/packages/_es/mountComponent-6d4ff200.js +23 -0
  122. package/dist/packages/_es/pxCheck-38173291.js +4 -0
  123. package/dist/packages/_es/raf-a74f1a06.js +16 -0
  124. package/dist/packages/_es/renderIcon-47498b32.js +5 -0
  125. package/dist/smartips/web-types.json +1 -1
  126. package/dist/style.css +1 -1
  127. package/dist/styles/themes/default.scss +154 -51
  128. package/dist/styles/themes/jdb.scss +154 -51
  129. package/dist/styles/themes/jddkh.scss +154 -51
  130. package/dist/styles/themes/jdt.scss +154 -51
  131. package/dist/types/__VUE/address/index.vue.d.ts +1 -1
  132. package/dist/types/__VUE/collapseitem/index.vue.d.ts +110 -3
  133. package/dist/types/__VUE/image/index.vue.d.ts +2 -2
  134. package/dist/types/__VUE/rate/index.vue.d.ts +110 -3
  135. package/dist/types/__VUE/searchbar/index.vue.d.ts +110 -3
  136. package/dist/types/__VUE/skeleton/index.vue.d.ts +2 -2
  137. package/dist/types/__VUE/swiper/index.vue.d.ts +1 -1
  138. package/dist/types/__VUE/table/common.d.ts +55 -2
  139. package/dist/types/__VUE/timeselect/index.vue.d.ts +1 -1
  140. package/dist/types/__VUE/watermark/index.vue.d.ts +1 -1
  141. package/dist/types/index.d.ts +1 -1
  142. package/package.json +2 -2
  143. package/dist/packages/_es/Interceptor-956b24fc.js +0 -29
  144. package/dist/packages/_es/_plugin-vue_export-helper-cc2b3d55.js +0 -10
  145. package/dist/packages/_es/common-b9a5e726.js +0 -145
  146. package/dist/packages/_es/component-81a4c1d0.js +0 -145
  147. package/dist/packages/_es/index-29892cda.js +0 -33
  148. package/dist/packages/_es/index-43c34ac6.js +0 -30
  149. package/dist/packages/_es/index-54d03fc1.js +0 -8
  150. package/dist/packages/_es/index-79c5dc33.js +0 -10
  151. package/dist/packages/_es/index-7a7385e4.js +0 -67
  152. package/dist/packages/_es/index-87422be8.js +0 -942
  153. package/dist/packages/_es/index-da0a7662.js +0 -259
  154. package/dist/packages/_es/index.vue_vue_type_script_lang-22dfc112.js +0 -46
  155. package/dist/packages/_es/index.vue_vue_type_script_lang-442e4704.js +0 -98
  156. package/dist/packages/_es/index.vue_vue_type_script_lang-cc5c4086.js +0 -151
  157. package/dist/packages/_es/mountComponent-8b24c346.js +0 -39
  158. package/dist/packages/_es/pxCheck-c6b9f6b7.js +0 -6
  159. package/dist/packages/_es/raf-729dad54.js +0 -25
  160. package/dist/packages/_es/renderIcon-3d0fd47c.js +0 -9
@@ -1,30 +1,22 @@
1
- var __defProp = Object.defineProperty;
2
- var __defProps = Object.defineProperties;
3
- var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
- var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
- var __hasOwnProp = Object.prototype.hasOwnProperty;
6
- var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
- var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
- var __spreadValues = (a, b) => {
9
- for (var prop in b || (b = {}))
10
- if (__hasOwnProp.call(b, prop))
11
- __defNormalProp(a, prop, b[prop]);
12
- if (__getOwnPropSymbols)
13
- for (var prop of __getOwnPropSymbols(b)) {
14
- if (__propIsEnum.call(b, prop))
15
- __defNormalProp(a, prop, b[prop]);
16
- }
17
- return a;
18
- };
19
- var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
- import { h, ref, reactive, computed, watch, onMounted, onActivated, onDeactivated, onUnmounted, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, normalizeStyle, createElementVNode, renderSlot, createBlock, createCommentVNode, createTextVNode, toDisplayString, withModifiers, vShow, Fragment, renderList } from "vue";
21
- import { Notice, CircleClose } from "@nutui/icons-vue";
22
- import { c as createComponent } from "./component-81a4c1d0.js";
23
- import { p as pxCheck } from "./pxCheck-c6b9f6b7.js";
24
- import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
1
+ var J = Object.defineProperty, K = Object.defineProperties;
2
+ var P = Object.getOwnPropertyDescriptors;
3
+ var T = Object.getOwnPropertySymbols;
4
+ var Q = Object.prototype.hasOwnProperty, Z = Object.prototype.propertyIsEnumerable;
5
+ var B = (e, l, i) => l in e ? J(e, l, { enumerable: !0, configurable: !0, writable: !0, value: i }) : e[l] = i, S = (e, l) => {
6
+ for (var i in l || (l = {}))
7
+ Q.call(l, i) && B(e, i, l[i]);
8
+ if (T)
9
+ for (var i of T(l))
10
+ Z.call(l, i) && B(e, i, l[i]);
11
+ return e;
12
+ }, E = (e, l) => K(e, P(l));
13
+ import { h as _, ref as W, reactive as x, computed as d, watch as R, onMounted as ee, onActivated as te, onDeactivated as le, onUnmounted as ne, toRefs as D, resolveComponent as p, openBlock as a, createElementBlock as r, normalizeClass as N, withDirectives as ie, normalizeStyle as c, createElementVNode as u, renderSlot as h, createBlock as b, createCommentVNode as y, createTextVNode as oe, toDisplayString as z, withModifiers as se, vShow as ae, Fragment as L, renderList as V } from "vue";
14
+ import { Notice as re, CircleClose as ce } from "@nutui/icons-vue";
15
+ import { c as ue } from "./component-234624bc.js";
16
+ import { p as de } from "./pxCheck-38173291.js";
17
+ import { _ as me } from "./_plugin-vue_export-helper-dad06003.js";
25
18
  import "../locale/lang";
26
- const { componentName, create } = createComponent("noticebar");
27
- const _sfc_main = create({
19
+ const { componentName: fe, create: he } = ue("noticebar"), ye = he({
28
20
  props: {
29
21
  // 滚动方向 across 横向 vertical 纵向
30
22
  direction: {
@@ -33,9 +25,7 @@ const _sfc_main = create({
33
25
  },
34
26
  list: {
35
27
  type: Array,
36
- default: () => {
37
- return [];
38
- }
28
+ default: () => []
39
29
  },
40
30
  standTime: {
41
31
  type: Number,
@@ -43,7 +33,7 @@ const _sfc_main = create({
43
33
  },
44
34
  complexAm: {
45
35
  type: Boolean,
46
- default: false
36
+ default: !1
47
37
  },
48
38
  height: {
49
39
  type: Number,
@@ -55,13 +45,13 @@ const _sfc_main = create({
55
45
  },
56
46
  closeMode: {
57
47
  type: Boolean,
58
- default: false
48
+ default: !1
59
49
  },
60
50
  wrapable: {
61
51
  type: Boolean,
62
- default: false
52
+ default: !1
63
53
  },
64
- leftIcon: { type: Boolean, default: true },
54
+ leftIcon: { type: Boolean, default: !0 },
65
55
  color: {
66
56
  type: String,
67
57
  default: ""
@@ -84,352 +74,247 @@ const _sfc_main = create({
84
74
  }
85
75
  },
86
76
  components: {
87
- ScrollItem: function(props) {
88
- props.item.props.style = props.style;
89
- props.item.key = props.key;
90
- return h(props.item);
77
+ ScrollItem: function(e) {
78
+ return e.item.props.style = e.style, e.item.key = e.key, _(e.item);
91
79
  },
92
- Notice,
93
- CircleClose
80
+ Notice: re,
81
+ CircleClose: ce
94
82
  },
95
83
  emits: ["click", "close", "across-end"],
96
- setup(props, { emit, slots }) {
97
- const wrap = ref(null);
98
- const content = ref(null);
99
- const state = reactive({
84
+ setup(e, { emit: l, slots: i }) {
85
+ const g = W(null), w = W(null), t = x({
100
86
  wrapWidth: 0,
101
- firstRound: true,
87
+ firstRound: !0,
102
88
  duration: 0,
103
89
  offsetWidth: 0,
104
- showNoticebar: true,
90
+ showNoticebar: !0,
105
91
  animationClass: "",
106
- animate: false,
92
+ animate: !1,
107
93
  scrollList: [],
108
94
  distance: 0,
109
95
  timer: null,
110
- keepAlive: false,
96
+ keepAlive: !1,
111
97
  isCanScroll: null,
112
- showNotica: true
113
- });
114
- const classes = computed(() => {
115
- const prefixCls = componentName;
116
- return {
117
- [prefixCls]: true
118
- };
119
- });
120
- const isEllipsis = computed(() => {
121
- if (state.isCanScroll == null) {
122
- return props.wrapable;
123
- } else {
124
- return !state.isCanScroll && !props.wrapable;
125
- }
126
- });
127
- const wrapContentClass = computed(() => {
128
- return {
129
- "nut-noticebar__page-wrap-content": true,
130
- "nut-ellipsis": isEllipsis.value,
131
- [state.animationClass]: true
132
- };
133
- });
134
- const barStyle = computed(() => {
135
- let style = {};
136
- props.color && (style.color = props.color);
137
- props.background && (style.background = props.background);
138
- if (props.direction == "vertical") {
139
- style.height = `${props.height}px`;
140
- }
141
- return style;
142
- });
143
- const contentStyle = computed(() => {
144
- return {
145
- animationDelay: (state.firstRound ? props.delay : 0) + "s",
146
- animationDuration: state.duration + "s",
147
- transform: `translateX(${state.firstRound ? 0 : state.wrapWidth + "px"})`
148
- };
149
- });
150
- const horseLampStyle = computed(() => {
151
- let styles = {};
152
- if (props.complexAm) {
153
- styles = {
154
- transform: `translateY(${state.distance}px)`
98
+ showNotica: !0
99
+ }), k = d(() => ({
100
+ [fe]: !0
101
+ })), m = d(() => t.isCanScroll == null ? e.wrapable : !t.isCanScroll && !e.wrapable), v = d(() => ({
102
+ "nut-noticebar__page-wrap-content": !0,
103
+ "nut-ellipsis": m.value,
104
+ [t.animationClass]: !0
105
+ })), o = d(() => {
106
+ let n = {};
107
+ return e.color && (n.color = e.color), e.background && (n.background = e.background), e.direction == "vertical" && (n.height = `${e.height}px`), n;
108
+ }), f = d(() => ({
109
+ animationDelay: (t.firstRound ? e.delay : 0) + "s",
110
+ animationDuration: t.duration + "s",
111
+ transform: `translateX(${t.firstRound ? 0 : t.wrapWidth + "px"})`
112
+ })), $ = d(() => {
113
+ let n = {};
114
+ if (e.complexAm)
115
+ n = {
116
+ transform: `translateY(${t.distance}px)`
117
+ };
118
+ else if (t.animate) {
119
+ let s = ~~(e.height / e.speed / 4);
120
+ n = {
121
+ transition: `all ${s == 0 ? ~~(e.height / e.speed) : s}s`,
122
+ "margin-top": `-${e.height}px`
155
123
  };
156
- } else {
157
- if (state.animate) {
158
- let a = ~~(props.height / props.speed / 4);
159
- styles = {
160
- transition: `all ${a == 0 ? ~~(props.height / props.speed) : a}s`,
161
- "margin-top": `-${props.height}px`
162
- };
163
- }
164
124
  }
165
- return styles;
125
+ return n;
166
126
  });
167
- watch(
168
- () => props.text,
169
- (value) => {
170
- initScrollWrap();
127
+ R(
128
+ () => e.text,
129
+ (n) => {
130
+ A();
171
131
  }
172
- );
173
- watch(
174
- () => props.list,
175
- (value) => {
176
- state.scrollList = [].concat(value);
132
+ ), R(
133
+ () => e.list,
134
+ (n) => {
135
+ t.scrollList = [].concat(n);
177
136
  }
178
137
  );
179
- const initScrollWrap = (value) => {
180
- if (state.showNoticebar == false) {
181
- return;
182
- }
183
- setTimeout(() => {
184
- if (!wrap.value || !content.value) {
138
+ const A = (n) => {
139
+ t.showNoticebar != !1 && setTimeout(() => {
140
+ if (!g.value || !w.value)
185
141
  return;
186
- }
187
- const wrapWidth = wrap.value.getBoundingClientRect().width;
188
- const offsetWidth = content.value.getBoundingClientRect().width;
189
- state.isCanScroll = props.scrollable == null ? offsetWidth > wrapWidth : props.scrollable;
190
- if (state.isCanScroll) {
191
- state.wrapWidth = wrapWidth;
192
- state.offsetWidth = offsetWidth;
193
- state.duration = offsetWidth / props.speed;
194
- state.animationClass = "play";
195
- } else {
196
- state.animationClass = "";
197
- }
142
+ const s = g.value.getBoundingClientRect().width, C = w.value.getBoundingClientRect().width;
143
+ t.isCanScroll = e.scrollable == null ? C > s : e.scrollable, t.isCanScroll ? (t.wrapWidth = s, t.offsetWidth = C, t.duration = C / e.speed, t.animationClass = "play") : t.animationClass = "";
198
144
  }, 0);
199
- };
200
- const handleClick = (event) => {
201
- emit("click", event);
202
- };
203
- const onClickIcon = (event) => {
204
- if (props.closeMode) {
205
- state.showNoticebar = !props.closeMode;
206
- }
207
- emit("close", event);
208
- };
209
- const onAnimationEnd = (event) => {
210
- state.firstRound = false;
211
- emit("across-end", event);
212
- setTimeout(() => {
213
- state.duration = (state.offsetWidth + state.wrapWidth) / props.speed;
214
- state.animationClass = "play-infinite";
145
+ }, F = (n) => {
146
+ l("click", n);
147
+ }, H = (n) => {
148
+ e.closeMode && (t.showNoticebar = !e.closeMode), l("close", n);
149
+ }, O = (n) => {
150
+ t.firstRound = !1, l("across-end", n), setTimeout(() => {
151
+ t.duration = (t.offsetWidth + t.wrapWidth) / e.speed, t.animationClass = "play-infinite";
215
152
  }, 0);
216
- };
217
- const startRollEasy = () => {
218
- showhorseLamp();
219
- state.timer = setInterval(showhorseLamp, ~~(props.height / props.speed / 4 * 1e3) + props.standTime);
220
- };
221
- const showhorseLamp = () => {
222
- state.animate = true;
153
+ }, U = () => {
154
+ I(), t.timer = setInterval(I, ~~(e.height / e.speed / 4 * 1e3) + e.standTime);
155
+ }, I = () => {
156
+ t.animate = !0, setTimeout(() => {
157
+ t.scrollList.push(t.scrollList[0]), t.scrollList.shift(), t.animate = !1;
158
+ }, ~~(e.height / e.speed / 4 * 1e3));
159
+ }, X = () => {
160
+ t.timer = setInterval(() => {
161
+ let n = 100;
162
+ for (let s = 0; s < n; s++)
163
+ Y(s, !(s < n - 1));
164
+ }, e.standTime + 100 * e.speed);
165
+ }, Y = (n, s) => {
223
166
  setTimeout(() => {
224
- state.scrollList.push(state.scrollList[0]);
225
- state.scrollList.shift();
226
- state.animate = false;
227
- }, ~~(props.height / props.speed / 4 * 1e3));
228
- };
229
- const startRoll = () => {
230
- state.timer = setInterval(() => {
231
- let chunk = 100;
232
- for (let i = 0; i < chunk; i++) {
233
- scroll(i, i < chunk - 1 ? false : true);
234
- }
235
- }, props.standTime + 100 * props.speed);
236
- };
237
- const scroll = (n, last) => {
238
- setTimeout(() => {
239
- state.distance -= props.height / 100;
240
- if (last) {
241
- state.scrollList.push(state.scrollList[0]);
242
- state.scrollList.shift();
243
- state.distance = 0;
244
- }
245
- }, n * props.speed);
246
- };
247
- const go = (item) => {
248
- emit("click", item);
249
- };
250
- const handleClickIcon = () => {
251
- if (props.closeMode) {
252
- state.showNoticebar = !props.closeMode;
253
- }
254
- emit("close", state.scrollList[0]);
167
+ t.distance -= e.height / 100, s && (t.scrollList.push(t.scrollList[0]), t.scrollList.shift(), t.distance = 0);
168
+ }, n * e.speed);
169
+ }, j = (n) => {
170
+ l("click", n);
171
+ }, q = () => {
172
+ e.closeMode && (t.showNoticebar = !e.closeMode), l("close", t.scrollList[0]);
255
173
  };
256
- onMounted(() => {
257
- if (props.direction == "vertical") {
258
- if (slots.default) {
259
- updateSlotChild();
260
- watchSlots();
261
- } else {
262
- state.scrollList = [].concat(props.list);
263
- }
264
- setTimeout(() => {
265
- props.complexAm ? startRoll() : startRollEasy();
266
- }, props.standTime);
267
- } else {
268
- initScrollWrap(props.text);
269
- }
174
+ ee(() => {
175
+ e.direction == "vertical" ? (i.default ? (M(), G()) : t.scrollList = [].concat(e.list), setTimeout(() => {
176
+ e.complexAm ? X() : U();
177
+ }, e.standTime)) : A(e.text);
270
178
  });
271
- const updateSlotChild = () => {
272
- if (slots.default)
273
- state.scrollList = [].concat(slots.default()[0].children);
274
- };
275
- const watchSlots = () => {
179
+ const M = () => {
180
+ i.default && (t.scrollList = [].concat(i.default()[0].children));
181
+ }, G = () => {
276
182
  setTimeout(() => {
277
- var observer = new MutationObserver((slots2) => {
278
- state.showNotica = false;
279
- setTimeout(() => {
280
- state.showNotica = true;
281
- });
282
- updateSlotChild();
183
+ var n = new MutationObserver((C) => {
184
+ t.showNotica = !1, setTimeout(() => {
185
+ t.showNotica = !0;
186
+ }), M();
187
+ });
188
+ const s = document.getElementsByClassName("nut-noticebar-custom-item")[0];
189
+ s && n.observe(s, {
190
+ childList: !0,
191
+ subtree: !0
283
192
  });
284
- const ele = document.getElementsByClassName("nut-noticebar-custom-item")[0];
285
- if (ele) {
286
- observer.observe(ele, {
287
- childList: true,
288
- subtree: true
289
- });
290
- }
291
193
  }, 100);
292
194
  };
293
- onActivated(() => {
294
- if (state.keepAlive) {
295
- state.keepAlive = false;
296
- }
297
- });
298
- onDeactivated(() => {
299
- state.keepAlive = true;
300
- clearInterval(state.timer);
301
- });
302
- onUnmounted(() => {
303
- clearInterval(state.timer);
304
- });
305
- return __spreadProps(__spreadValues(__spreadValues({}, toRefs(props)), toRefs(state)), {
306
- isEllipsis,
307
- classes,
308
- barStyle,
309
- contentStyle,
310
- horseLampStyle,
311
- wrap,
312
- content,
313
- handleClick,
314
- onClickIcon,
315
- onAnimationEnd,
316
- go,
317
- handleClickIcon,
318
- slots,
319
- pxCheck,
320
- wrapContentClass
195
+ return te(() => {
196
+ t.keepAlive && (t.keepAlive = !1);
197
+ }), le(() => {
198
+ t.keepAlive = !0, clearInterval(t.timer);
199
+ }), ne(() => {
200
+ clearInterval(t.timer);
201
+ }), E(S(S({}, D(e)), D(t)), {
202
+ isEllipsis: m,
203
+ classes: k,
204
+ barStyle: o,
205
+ contentStyle: f,
206
+ horseLampStyle: $,
207
+ wrap: g,
208
+ content: w,
209
+ handleClick: F,
210
+ onClickIcon: H,
211
+ onAnimationEnd: O,
212
+ go: j,
213
+ handleClickIcon: q,
214
+ slots: i,
215
+ pxCheck: de,
216
+ wrapContentClass: v
321
217
  });
322
218
  }
323
- });
324
- const _hoisted_1 = { class: "nut-noticebar__page-lefticon" };
325
- const _hoisted_2 = {
219
+ }), ge = { class: "nut-noticebar__page-lefticon" }, we = {
326
220
  ref: "wrap",
327
221
  class: "nut-noticebar__page-wrap"
328
- };
329
- const _hoisted_3 = { class: "showNotica" };
330
- const _hoisted_4 = { class: "nut-noticebar-custom-item" };
331
- const _hoisted_5 = ["onClick"];
332
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
333
- const _component_Notice = resolveComponent("Notice");
334
- const _component_CircleClose = resolveComponent("CircleClose");
335
- const _component_ScrollItem = resolveComponent("ScrollItem");
336
- return openBlock(), createElementBlock("view", {
337
- class: normalizeClass(_ctx.classes)
222
+ }, Ce = { class: "showNotica" }, be = { class: "nut-noticebar-custom-item" }, ke = ["onClick"];
223
+ function ve(e, l, i, g, w, t) {
224
+ const k = p("Notice"), m = p("CircleClose"), v = p("ScrollItem");
225
+ return a(), r("view", {
226
+ class: N(e.classes)
338
227
  }, [
339
- _ctx.direction == "across" ? withDirectives((openBlock(), createElementBlock("view", {
228
+ e.direction == "across" ? ie((a(), r("view", {
340
229
  key: 0,
341
- class: normalizeClass(["nut-noticebar__page", {
342
- "nut-noticebar__page--withicon": _ctx.closeMode,
343
- "nut-noticebar__page--close": _ctx.closeMode,
344
- "nut-noticebar__page--wrapable": _ctx.wrapable
230
+ class: N(["nut-noticebar__page", {
231
+ "nut-noticebar__page--withicon": e.closeMode,
232
+ "nut-noticebar__page--close": e.closeMode,
233
+ "nut-noticebar__page--wrapable": e.wrapable
345
234
  }]),
346
- style: normalizeStyle(_ctx.barStyle),
347
- onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleClick && _ctx.handleClick(...args))
235
+ style: c(e.barStyle),
236
+ onClick: l[3] || (l[3] = (...o) => e.handleClick && e.handleClick(...o))
348
237
  }, [
349
- createElementVNode("view", _hoisted_1, [
350
- renderSlot(_ctx.$slots, "left-icon", {}, () => [
351
- _ctx.leftIcon ? (openBlock(), createBlock(_component_Notice, {
238
+ u("view", ge, [
239
+ h(e.$slots, "left-icon", {}, () => [
240
+ e.leftIcon ? (a(), b(k, {
352
241
  key: 0,
353
242
  size: "16px"
354
- })) : createCommentVNode("", true)
243
+ })) : y("", !0)
355
244
  ])
356
245
  ]),
357
- createElementVNode("view", _hoisted_2, [
358
- createElementVNode("view", {
246
+ u("view", we, [
247
+ u("view", {
359
248
  ref: "content",
360
- class: normalizeClass(_ctx.wrapContentClass),
361
- style: normalizeStyle(_ctx.contentStyle),
362
- onAnimationend: _cache[0] || (_cache[0] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args)),
363
- "on:webkitAnimationEnd": _cache[1] || (_cache[1] = (...args) => _ctx.onAnimationEnd && _ctx.onAnimationEnd(...args))
249
+ class: N(e.wrapContentClass),
250
+ style: c(e.contentStyle),
251
+ onAnimationend: l[0] || (l[0] = (...o) => e.onAnimationEnd && e.onAnimationEnd(...o)),
252
+ "on:webkitAnimationEnd": l[1] || (l[1] = (...o) => e.onAnimationEnd && e.onAnimationEnd(...o))
364
253
  }, [
365
- renderSlot(_ctx.$slots, "default", {}, () => [
366
- createTextVNode(toDisplayString(_ctx.text), 1)
254
+ h(e.$slots, "default", {}, () => [
255
+ oe(z(e.text), 1)
367
256
  ])
368
257
  ], 38)
369
258
  ], 512),
370
- _ctx.closeMode || _ctx.$slots["right-icon"] ? (openBlock(), createElementBlock("view", {
259
+ e.closeMode || e.$slots["right-icon"] ? (a(), r("view", {
371
260
  key: 0,
372
261
  class: "nut-noticebar__page-righticon",
373
- onClick: _cache[2] || (_cache[2] = withModifiers((...args) => _ctx.onClickIcon && _ctx.onClickIcon(...args), ["stop"]))
262
+ onClick: l[2] || (l[2] = se((...o) => e.onClickIcon && e.onClickIcon(...o), ["stop"]))
374
263
  }, [
375
- _ctx.$slots["right-icon"] ? renderSlot(_ctx.$slots, "right-icon", { key: 0 }) : (openBlock(), createBlock(_component_CircleClose, { key: 1 }))
376
- ])) : createCommentVNode("", true)
264
+ e.$slots["right-icon"] ? h(e.$slots, "right-icon", { key: 0 }) : (a(), b(m, { key: 1 }))
265
+ ])) : y("", !0)
377
266
  ], 6)), [
378
- [vShow, _ctx.showNoticebar]
379
- ]) : createCommentVNode("", true),
380
- _ctx.scrollList.length > 0 && _ctx.direction == "vertical" && _ctx.showNoticebar ? (openBlock(), createElementBlock("view", {
267
+ [ae, e.showNoticebar]
268
+ ]) : y("", !0),
269
+ e.scrollList.length > 0 && e.direction == "vertical" && e.showNoticebar ? (a(), r("view", {
381
270
  key: 1,
382
271
  class: "nut-noticebar__vertical",
383
- style: normalizeStyle(_ctx.barStyle)
272
+ style: c(e.barStyle)
384
273
  }, [
385
- _ctx.slots.default ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
386
- createElementVNode("view", {
274
+ e.slots.default ? (a(), r(L, { key: 0 }, [
275
+ u("view", {
387
276
  class: "nut-noticebar__vertical-list",
388
- style: normalizeStyle(_ctx.horseLampStyle)
277
+ style: c(e.horseLampStyle)
389
278
  }, [
390
- createElementVNode("div", _hoisted_3, [
391
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
392
- return openBlock(), createBlock(_component_ScrollItem, {
393
- key: index2,
394
- style: normalizeStyle({ height: _ctx.height + "px", "line-height": _ctx.height + "px" }),
395
- item
396
- }, null, 8, ["style", "item"]);
397
- }), 128))
279
+ u("div", Ce, [
280
+ (a(!0), r(L, null, V(e.scrollList, (o, f) => (a(), b(v, {
281
+ key: f,
282
+ style: c({ height: e.height + "px", "line-height": e.height + "px" }),
283
+ item: o
284
+ }, null, 8, ["style", "item"]))), 128))
398
285
  ])
399
286
  ], 4),
400
- createElementVNode("view", _hoisted_4, [
401
- renderSlot(_ctx.$slots, "default")
287
+ u("view", be, [
288
+ h(e.$slots, "default")
402
289
  ])
403
- ], 64)) : (openBlock(), createElementBlock("ul", {
290
+ ], 64)) : (a(), r("ul", {
404
291
  key: 1,
405
292
  class: "nut-noticebar__vertical-list",
406
- style: normalizeStyle(_ctx.horseLampStyle)
293
+ style: c(e.horseLampStyle)
407
294
  }, [
408
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.scrollList, (item, index2) => {
409
- return openBlock(), createElementBlock("li", {
410
- class: "nut-noticebar__vertical-item",
411
- key: index2,
412
- style: normalizeStyle({ height: _ctx.pxCheck(_ctx.height), lineHeight: _ctx.pxCheck(_ctx.height) }),
413
- onClick: ($event) => _ctx.go(item)
414
- }, toDisplayString(item), 13, _hoisted_5);
415
- }), 128))
295
+ (a(!0), r(L, null, V(e.scrollList, (o, f) => (a(), r("li", {
296
+ class: "nut-noticebar__vertical-item",
297
+ key: f,
298
+ style: c({ height: e.pxCheck(e.height), lineHeight: e.pxCheck(e.height) }),
299
+ onClick: ($) => e.go(o)
300
+ }, z(o), 13, ke))), 128))
416
301
  ], 4)),
417
- createElementVNode("view", {
302
+ u("view", {
418
303
  class: "go",
419
- onClick: _cache[4] || (_cache[4] = ($event) => !_ctx.slots.rightIcon && _ctx.handleClickIcon())
304
+ onClick: l[4] || (l[4] = (o) => !e.slots.rightIcon && e.handleClickIcon())
420
305
  }, [
421
- renderSlot(_ctx.$slots, "right-icon", {}, () => [
422
- _ctx.closeMode ? (openBlock(), createBlock(_component_CircleClose, {
306
+ h(e.$slots, "right-icon", {}, () => [
307
+ e.closeMode ? (a(), b(m, {
423
308
  key: 0,
424
- color: _ctx.color,
309
+ color: e.color,
425
310
  size: "11px"
426
- }, null, 8, ["color"])) : createCommentVNode("", true)
311
+ }, null, 8, ["color"])) : y("", !0)
427
312
  ])
428
313
  ])
429
- ], 4)) : createCommentVNode("", true)
314
+ ], 4)) : y("", !0)
430
315
  ], 2);
431
316
  }
432
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
317
+ const Me = /* @__PURE__ */ me(ye, [["render", ve]]);
433
318
  export {
434
- index as default
319
+ Me as default
435
320
  };