@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,40 +1,32 @@
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 { reactive, ref, computed, onMounted, watch, toRefs, nextTick, resolveComponent, openBlock, createElementBlock, normalizeClass, withDirectives, createElementVNode, vShow, Fragment, renderList, normalizeStyle, createCommentVNode, createVNode, withCtx, renderSlot, toDisplayString } from "vue";
21
- import { c as createComponent } from "./component-81a4c1d0.js";
22
- import { u as useRect } from "./index-29892cda.js";
23
- import { Close } from "@nutui/icons-vue";
24
- import Popover from "./Popover.js";
25
- import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
1
+ var E = Object.defineProperty, H = Object.defineProperties;
2
+ var W = Object.getOwnPropertyDescriptors;
3
+ var $ = Object.getOwnPropertySymbols;
4
+ var q = Object.prototype.hasOwnProperty, F = Object.prototype.propertyIsEnumerable;
5
+ var T = (t, e, o) => e in t ? E(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, P = (t, e) => {
6
+ for (var o in e || (e = {}))
7
+ q.call(e, o) && T(t, o, e[o]);
8
+ if ($)
9
+ for (var o of $(e))
10
+ F.call(e, o) && T(t, o, e[o]);
11
+ return t;
12
+ }, B = (t, e) => H(t, W(e));
13
+ import { reactive as I, ref as L, computed as N, onMounted as U, watch as j, toRefs as G, nextTick as J, resolveComponent as O, openBlock as n, createElementBlock as r, normalizeClass as V, withDirectives as K, createElementVNode as i, vShow as Q, Fragment as M, renderList as X, normalizeStyle as Y, createCommentVNode as a, createVNode as R, withCtx as Z, renderSlot as v, toDisplayString as u } from "vue";
14
+ import { c as x } from "./component-234624bc.js";
15
+ import { u as _ } from "./index-192a3ef6.js";
16
+ import { Close as tt } from "@nutui/icons-vue";
17
+ import z from "./Popover.js";
18
+ import { _ as et } from "./_plugin-vue_export-helper-dad06003.js";
26
19
  import "../locale/lang";
27
- import "./renderIcon-3d0fd47c.js";
28
- import "./index-da0a7662.js";
20
+ import "./renderIcon-47498b32.js";
21
+ import "./index-360c5092.js";
29
22
  import "./Overlay.js";
30
- const { create } = createComponent("tour");
31
- const _sfc_main = create({
23
+ const { create: ot } = x("tour"), st = ot({
32
24
  components: {
33
- [Popover.name]: Popover,
34
- Close
25
+ [z.name]: z,
26
+ Close: tt
35
27
  },
36
28
  props: {
37
- modelValue: { type: Boolean, default: false },
29
+ modelValue: { type: Boolean, default: !1 },
38
30
  type: {
39
31
  type: String,
40
32
  default: "step"
@@ -66,7 +58,7 @@ const _sfc_main = create({
66
58
  },
67
59
  mask: {
68
60
  type: Boolean,
69
- default: true
61
+ default: !0
70
62
  },
71
63
  offset: {
72
64
  type: Array,
@@ -90,195 +82,149 @@ const _sfc_main = create({
90
82
  },
91
83
  closeOnClickOverlay: {
92
84
  type: Boolean,
93
- default: true
85
+ default: !0
94
86
  },
95
87
  showPrevStep: {
96
88
  type: Boolean,
97
- default: true
89
+ default: !0
98
90
  },
99
91
  showTitleBar: {
100
92
  type: Boolean,
101
- default: true
93
+ default: !0
102
94
  }
103
95
  },
104
96
  emits: ["update:modelValue", "change", "close"],
105
- setup(props, { emit }) {
106
- const state = reactive({
107
- showTour: props.modelValue,
108
- showPopup: false,
97
+ setup(t, { emit: e }) {
98
+ const o = I({
99
+ showTour: t.modelValue,
100
+ showPopup: !1,
109
101
  active: 0
110
- });
111
- const maskRect = ref({});
112
- const classes = computed(() => {
113
- const prefixCls = "nut-tour";
114
- return `${prefixCls}`;
115
- });
116
- const maskStyle = computed(() => {
117
- const { offset, maskWidth, maskHeight } = props;
118
- const { width, height, left, top } = maskRect.value;
119
- const center = [left + width / 2, top + height / 2];
120
- const w = Number(maskWidth ? maskWidth : width);
121
- const h = Number(maskHeight ? maskHeight : height);
122
- const styles = {
123
- width: `${w + +offset[1] * 2}px`,
124
- height: `${h + +offset[0] * 2}px`,
125
- top: `${center[1] - h / 2 - +offset[0]}px`,
126
- left: `${center[0] - w / 2 - +offset[1]}px`
102
+ }), m = L({}), h = N(() => "nut-tour"), y = N(() => {
103
+ const { offset: s, maskWidth: d, maskHeight: k } = t, { width: g, height: w, left: A, top: D } = m.value, S = [A + g / 2, D + w / 2], C = Number(d || g), b = Number(k || w);
104
+ return {
105
+ width: `${C + +s[1] * 2}px`,
106
+ height: `${b + +s[0] * 2}px`,
107
+ top: `${S[1] - b / 2 - +s[0]}px`,
108
+ left: `${S[0] - C / 2 - +s[1]}px`
127
109
  };
128
- return styles;
129
- });
130
- const changeStep = (type) => {
131
- if (type == "next") {
132
- state.active = state.active + 1;
133
- } else {
134
- state.active = state.active - 1;
135
- }
136
- state.showPopup = false;
137
- nextTick(() => {
138
- state.showPopup = true;
139
- getRootPosition();
140
- });
141
- emit("change", state.active);
142
- };
143
- const getRootPosition = () => {
144
- const el = document.querySelector(`#${props.steps[state.active].target}`);
145
- const rect = useRect(el);
146
- maskRect.value = rect;
147
- };
148
- const close = () => {
149
- state.showTour = false;
150
- state.showPopup = false;
151
- emit("close", state.active);
152
- emit("update:modelValue", false);
110
+ }), f = (s) => {
111
+ s == "next" ? o.active = o.active + 1 : o.active = o.active - 1, o.showPopup = !1, J(() => {
112
+ o.showPopup = !0, p();
113
+ }), e("change", o.active);
114
+ }, p = () => {
115
+ const s = document.querySelector(`#${t.steps[o.active].target}`), d = _(s);
116
+ m.value = d;
117
+ }, l = () => {
118
+ o.showTour = !1, o.showPopup = !1, e("close", o.active), e("update:modelValue", !1);
119
+ }, c = () => {
120
+ t.closeOnClickOverlay && l();
153
121
  };
154
- const handleClickMask = () => {
155
- props.closeOnClickOverlay && close();
156
- };
157
- onMounted(() => {
158
- state.active = 0;
159
- getRootPosition();
160
- });
161
- watch(
162
- () => props.modelValue,
163
- (val) => {
164
- if (val) {
165
- getRootPosition();
166
- }
167
- state.active = 0;
168
- state.showTour = val;
169
- state.showPopup = val;
122
+ return U(() => {
123
+ o.active = 0, p();
124
+ }), j(
125
+ () => t.modelValue,
126
+ (s) => {
127
+ s && p(), o.active = 0, o.showTour = s, o.showPopup = s;
170
128
  }
171
- );
172
- return __spreadProps(__spreadValues({}, toRefs(state)), {
173
- classes,
174
- maskStyle,
175
- changeStep,
176
- close,
177
- handleClickMask
129
+ ), B(P({}, G(o)), {
130
+ classes: h,
131
+ maskStyle: y,
132
+ changeStep: f,
133
+ close: l,
134
+ handleClickMask: c
178
135
  });
179
136
  }
180
- });
181
- const _hoisted_1 = {
137
+ }), nt = {
182
138
  key: 0,
183
139
  class: "nut-tour-content"
184
- };
185
- const _hoisted_2 = {
140
+ }, rt = {
186
141
  key: 0,
187
142
  class: "nut-tour-content-top"
188
- };
189
- const _hoisted_3 = { class: "nut-tour-content-inner" };
190
- const _hoisted_4 = { class: "nut-tour-content-bottom" };
191
- const _hoisted_5 = { class: "nut-tour-content-bottom-init" };
192
- const _hoisted_6 = { class: "nut-tour-content-bottom-operate" };
193
- const _hoisted_7 = {
143
+ }, lt = { class: "nut-tour-content-inner" }, at = { class: "nut-tour-content-bottom" }, it = { class: "nut-tour-content-bottom-init" }, ut = { class: "nut-tour-content-bottom-operate" }, pt = {
194
144
  key: 1,
195
145
  class: "nut-tour-content nut-tour-content-tile"
196
- };
197
- const _hoisted_8 = { class: "nut-tour-content-inner" };
198
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
199
- const _component_Close = resolveComponent("Close");
200
- const _component_nut_popover = resolveComponent("nut-popover");
201
- return openBlock(), createElementBlock("div", {
202
- class: normalizeClass(_ctx.classes)
146
+ }, ct = { class: "nut-tour-content-inner" };
147
+ function dt(t, e, o, m, h, y) {
148
+ const f = O("Close"), p = O("nut-popover");
149
+ return n(), r("div", {
150
+ class: V(t.classes)
203
151
  }, [
204
- withDirectives(createElementVNode("div", {
152
+ K(i("div", {
205
153
  class: "nut-tour-masked",
206
- onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleClickMask && _ctx.handleClickMask(...args))
154
+ onClick: e[0] || (e[0] = (...l) => t.handleClickMask && t.handleClickMask(...l))
207
155
  }, null, 512), [
208
- [vShow, _ctx.showTour]
156
+ [Q, t.showTour]
209
157
  ]),
210
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.steps, (step, i) => {
211
- return openBlock(), createElementBlock("div", {
212
- key: i,
213
- style: { "height": "0" }
214
- }, [
215
- i == _ctx.active ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
216
- _ctx.showTour ? (openBlock(), createElementBlock("div", {
217
- key: 0,
218
- class: normalizeClass(["nut-tour-mask", [_ctx.mask ? "" : "nut-tour-mask-none"]]),
219
- style: normalizeStyle(_ctx.maskStyle),
220
- id: "nut-tour-popid"
221
- }, null, 6)) : createCommentVNode("", true),
222
- createVNode(_component_nut_popover, {
223
- visible: _ctx.showPopup,
224
- "onUpdate:visible": _cache[5] || (_cache[5] = ($event) => _ctx.showPopup = $event),
225
- location: step.location || _ctx.location,
226
- targetId: "nut-tour-popid",
227
- bgColor: _ctx.bgColor,
228
- theme: _ctx.theme,
229
- "close-on-click-outside": false,
230
- offset: step.popoverOffset || [0, 12],
231
- arrowOffset: step.arrowOffset || 0
232
- }, {
233
- content: withCtx(() => [
234
- renderSlot(_ctx.$slots, "default", {}, () => [
235
- _ctx.type == "step" ? (openBlock(), createElementBlock("div", _hoisted_1, [
236
- _ctx.showTitleBar ? (openBlock(), createElementBlock("div", _hoisted_2, [
237
- createElementVNode("div", {
238
- onClick: _cache[1] || (_cache[1] = (...args) => _ctx.close && _ctx.close(...args))
239
- }, [
240
- createVNode(_component_Close, { class: "nut-tour-content-top-close" })
241
- ])
242
- ])) : createCommentVNode("", true),
243
- createElementVNode("div", _hoisted_3, toDisplayString(step.content), 1),
244
- createElementVNode("div", _hoisted_4, [
245
- createElementVNode("div", _hoisted_5, toDisplayString(_ctx.active + 1) + "/" + toDisplayString(_ctx.steps.length), 1),
246
- createElementVNode("div", _hoisted_6, [
247
- renderSlot(_ctx.$slots, "prev-step", {}, () => [
248
- _ctx.active != 0 && _ctx.showPrevStep ? (openBlock(), createElementBlock("div", {
249
- key: 0,
250
- class: "nut-tour-content-bottom-operate-btn",
251
- onClick: _cache[2] || (_cache[2] = ($event) => _ctx.changeStep("prev"))
252
- }, toDisplayString(_ctx.prevStepTxt), 1)) : createCommentVNode("", true)
253
- ]),
254
- _ctx.steps.length - 1 == _ctx.active ? (openBlock(), createElementBlock("div", {
158
+ (n(!0), r(M, null, X(t.steps, (l, c) => (n(), r("div", {
159
+ key: c,
160
+ style: { height: "0" }
161
+ }, [
162
+ c == t.active ? (n(), r(M, { key: 0 }, [
163
+ t.showTour ? (n(), r("div", {
164
+ key: 0,
165
+ class: V(["nut-tour-mask", [t.mask ? "" : "nut-tour-mask-none"]]),
166
+ style: Y(t.maskStyle),
167
+ id: "nut-tour-popid"
168
+ }, null, 6)) : a("", !0),
169
+ R(p, {
170
+ visible: t.showPopup,
171
+ "onUpdate:visible": e[5] || (e[5] = (s) => t.showPopup = s),
172
+ location: l.location || t.location,
173
+ targetId: "nut-tour-popid",
174
+ bgColor: t.bgColor,
175
+ theme: t.theme,
176
+ "close-on-click-outside": !1,
177
+ offset: l.popoverOffset || [0, 12],
178
+ arrowOffset: l.arrowOffset || 0
179
+ }, {
180
+ content: Z(() => [
181
+ v(t.$slots, "default", {}, () => [
182
+ t.type == "step" ? (n(), r("div", nt, [
183
+ t.showTitleBar ? (n(), r("div", rt, [
184
+ i("div", {
185
+ onClick: e[1] || (e[1] = (...s) => t.close && t.close(...s))
186
+ }, [
187
+ R(f, { class: "nut-tour-content-top-close" })
188
+ ])
189
+ ])) : a("", !0),
190
+ i("div", lt, u(l.content), 1),
191
+ i("div", at, [
192
+ i("div", it, u(t.active + 1) + "/" + u(t.steps.length), 1),
193
+ i("div", ut, [
194
+ v(t.$slots, "prev-step", {}, () => [
195
+ t.active != 0 && t.showPrevStep ? (n(), r("div", {
196
+ key: 0,
197
+ class: "nut-tour-content-bottom-operate-btn",
198
+ onClick: e[2] || (e[2] = (s) => t.changeStep("prev"))
199
+ }, u(t.prevStepTxt), 1)) : a("", !0)
200
+ ]),
201
+ t.steps.length - 1 == t.active ? (n(), r("div", {
202
+ key: 0,
203
+ class: "nut-tour-content-bottom-operate-btn active",
204
+ onClick: e[3] || (e[3] = (...s) => t.close && t.close(...s))
205
+ }, u(t.completeTxt), 1)) : a("", !0),
206
+ v(t.$slots, "next-step", {}, () => [
207
+ t.steps.length - 1 != t.active ? (n(), r("div", {
255
208
  key: 0,
256
209
  class: "nut-tour-content-bottom-operate-btn active",
257
- onClick: _cache[3] || (_cache[3] = (...args) => _ctx.close && _ctx.close(...args))
258
- }, toDisplayString(_ctx.completeTxt), 1)) : createCommentVNode("", true),
259
- renderSlot(_ctx.$slots, "next-step", {}, () => [
260
- _ctx.steps.length - 1 != _ctx.active ? (openBlock(), createElementBlock("div", {
261
- key: 0,
262
- class: "nut-tour-content-bottom-operate-btn active",
263
- onClick: _cache[4] || (_cache[4] = ($event) => _ctx.changeStep("next"))
264
- }, toDisplayString(_ctx.nextStepTxt), 1)) : createCommentVNode("", true)
265
- ])
210
+ onClick: e[4] || (e[4] = (s) => t.changeStep("next"))
211
+ }, u(t.nextStepTxt), 1)) : a("", !0)
266
212
  ])
267
213
  ])
268
- ])) : createCommentVNode("", true),
269
- _ctx.type == "tile" ? (openBlock(), createElementBlock("div", _hoisted_7, [
270
- createElementVNode("div", _hoisted_8, toDisplayString(step.content), 1)
271
- ])) : createCommentVNode("", true)
272
- ])
273
- ]),
274
- _: 2
275
- }, 1032, ["visible", "location", "bgColor", "theme", "offset", "arrowOffset"])
276
- ], 64)) : createCommentVNode("", true)
277
- ]);
278
- }), 128))
214
+ ])
215
+ ])) : a("", !0),
216
+ t.type == "tile" ? (n(), r("div", pt, [
217
+ i("div", ct, u(l.content), 1)
218
+ ])) : a("", !0)
219
+ ])
220
+ ]),
221
+ _: 2
222
+ }, 1032, ["visible", "location", "bgColor", "theme", "offset", "arrowOffset"])
223
+ ], 64)) : a("", !0)
224
+ ]))), 128))
279
225
  ], 2);
280
226
  }
281
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
227
+ const Tt = /* @__PURE__ */ et(st, [["render", dt]]);
282
228
  export {
283
- index as default
229
+ Tt as default
284
230
  };
@@ -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 { reactive, computed, toRefs, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, toDisplayString, createCommentVNode, renderSlot, createVNode } from "vue";
21
- import { m as myFixed, c as createComponent } from "./component-81a4c1d0.js";
22
- import { TriangleUp, TriangleDown } from "@nutui/icons-vue";
23
- import { _ as _export_sfc } from "./_plugin-vue_export-helper-cc2b3d55.js";
1
+ var R = Object.defineProperty, h = Object.defineProperties;
2
+ var k = Object.getOwnPropertyDescriptors;
3
+ var m = Object.getOwnPropertySymbols;
4
+ var B = Object.prototype.hasOwnProperty, D = Object.prototype.propertyIsEnumerable;
5
+ var y = (e, r, t) => r in e ? R(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, w = (e, r) => {
6
+ for (var t in r || (r = {}))
7
+ B.call(r, t) && y(e, t, r[t]);
8
+ if (m)
9
+ for (var t of m(r))
10
+ D.call(r, t) && y(e, t, r[t]);
11
+ return e;
12
+ }, C = (e, r) => h(e, k(r));
13
+ import { reactive as v, computed as u, toRefs as L, resolveComponent as g, openBlock as i, createElementBlock as p, normalizeClass as U, normalizeStyle as T, toDisplayString as S, createCommentVNode as s, renderSlot as b, createVNode as N } from "vue";
14
+ import { m as z, c as V } from "./component-234624bc.js";
15
+ import { TriangleUp as Z, TriangleDown as E } from "@nutui/icons-vue";
16
+ import { _ as F } from "./_plugin-vue_export-helper-dad06003.js";
24
17
  import "../locale/lang";
25
- const { componentName, create } = createComponent("trend-arrow");
26
- const _sfc_main = create({
27
- components: { TriangleUp, TriangleDown },
18
+ const { componentName: M, create: j } = V("trend-arrow"), q = j({
19
+ components: { TriangleUp: Z, TriangleDown: E },
28
20
  props: {
29
21
  rate: {
30
22
  type: Number,
@@ -36,19 +28,19 @@ const _sfc_main = create({
36
28
  },
37
29
  showSign: {
38
30
  type: Boolean,
39
- default: false
31
+ default: !1
40
32
  },
41
33
  showZero: {
42
34
  type: Boolean,
43
- default: false
35
+ default: !1
44
36
  },
45
37
  arrowLeft: {
46
38
  type: Boolean,
47
- default: false
39
+ default: !1
48
40
  },
49
41
  syncTextColor: {
50
42
  type: Boolean,
51
- default: true
43
+ default: !0
52
44
  },
53
45
  textColor: {
54
46
  type: String,
@@ -63,64 +55,52 @@ const _sfc_main = create({
63
55
  default: "#64b578"
64
56
  }
65
57
  },
66
- setup(props) {
67
- const state = reactive({
68
- rateTrend: props.rate > 0 ? true : false
69
- });
70
- const classes = computed(() => {
71
- const prefixCls = componentName;
72
- return {
73
- [prefixCls]: true
74
- };
75
- });
76
- const calcRate = computed(() => {
77
- const { rate, digits, showSign, showZero } = props;
78
- state.rateTrend = rate > 0 ? true : false;
79
- const absRate = Math.abs(rate);
80
- if (!showZero && rate === 0) {
81
- return "--";
82
- }
83
- let resultRate = `${showSign && rate !== 0 ? state.rateTrend ? "+" : "-" : ""}${myFixed(
84
- Number(absRate),
85
- digits
58
+ setup(e) {
59
+ const r = v({
60
+ rateTrend: e.rate > 0
61
+ }), t = u(() => ({
62
+ [M]: !0
63
+ })), d = u(() => {
64
+ const { rate: o, digits: a, showSign: n, showZero: l } = e;
65
+ r.rateTrend = o > 0;
66
+ const c = Math.abs(o);
67
+ return !l && o === 0 ? "--" : `${n && o !== 0 ? r.rateTrend ? "+" : "-" : ""}${z(
68
+ Number(c),
69
+ a
86
70
  )}%`;
87
- return resultRate;
88
- });
89
- const calcStyle = computed(() => {
90
- const { dropColor, riseColor, syncTextColor, textColor, rate } = props;
91
- let style = {
92
- color: rate === 0 ? textColor : syncTextColor ? state.rateTrend ? riseColor : dropColor : textColor
71
+ }), f = u(() => {
72
+ const { dropColor: o, riseColor: a, syncTextColor: n, textColor: l, rate: c } = e;
73
+ return {
74
+ color: c === 0 ? l : n ? r.rateTrend ? a : o : l
93
75
  };
94
- return style;
95
76
  });
96
- return __spreadProps(__spreadValues({}, toRefs(state)), { classes, calcRate, calcStyle });
77
+ return C(w({}, L(r)), { classes: t, calcRate: d, calcStyle: f });
97
78
  }
98
79
  });
99
- function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
100
- const _component_TriangleUp = resolveComponent("TriangleUp");
101
- const _component_TriangleDown = resolveComponent("TriangleDown");
102
- return openBlock(), createElementBlock("view", {
103
- class: normalizeClass(_ctx.classes)
80
+ function A(e, r, t, d, f, o) {
81
+ const a = g("TriangleUp"), n = g("TriangleDown");
82
+ return i(), p("view", {
83
+ class: U(e.classes)
104
84
  }, [
105
- !_ctx.arrowLeft ? (openBlock(), createElementBlock("span", {
85
+ e.arrowLeft ? s("", !0) : (i(), p("span", {
106
86
  key: 0,
107
87
  class: "nut-trend-arrow-icon-before nut-trend-arrow-rate",
108
- style: normalizeStyle(_ctx.calcStyle)
109
- }, toDisplayString(_ctx.calcRate), 5)) : createCommentVNode("", true),
110
- Number(_ctx.rate) !== 0 && _ctx.rateTrend ? renderSlot(_ctx.$slots, "up-icon", { key: 1 }, () => [
111
- createVNode(_component_TriangleUp, { color: _ctx.riseColor }, null, 8, ["color"])
112
- ]) : createCommentVNode("", true),
113
- Number(_ctx.rate) !== 0 && !_ctx.rateTrend ? renderSlot(_ctx.$slots, "down-icon", { key: 2 }, () => [
114
- createVNode(_component_TriangleDown, { color: _ctx.dropColor }, null, 8, ["color"])
115
- ]) : createCommentVNode("", true),
116
- _ctx.arrowLeft ? (openBlock(), createElementBlock("span", {
88
+ style: T(e.calcStyle)
89
+ }, S(e.calcRate), 5)),
90
+ Number(e.rate) !== 0 && e.rateTrend ? b(e.$slots, "up-icon", { key: 1 }, () => [
91
+ N(a, { color: e.riseColor }, null, 8, ["color"])
92
+ ]) : s("", !0),
93
+ Number(e.rate) !== 0 && !e.rateTrend ? b(e.$slots, "down-icon", { key: 2 }, () => [
94
+ N(n, { color: e.dropColor }, null, 8, ["color"])
95
+ ]) : s("", !0),
96
+ e.arrowLeft ? (i(), p("span", {
117
97
  key: 3,
118
98
  class: "nut-trend-arrow-icon-after nut-trend-arrow-rate",
119
- style: normalizeStyle(_ctx.calcStyle)
120
- }, toDisplayString(_ctx.calcRate), 5)) : createCommentVNode("", true)
99
+ style: T(e.calcStyle)
100
+ }, S(e.calcRate), 5)) : s("", !0)
121
101
  ], 2);
122
102
  }
123
- const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
103
+ const P = /* @__PURE__ */ F(q, [["render", A]]);
124
104
  export {
125
- index as default
105
+ P as default
126
106
  };