@nutui/nutui 3.1.16 → 3.1.17-beta.0
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.
- package/dist/nutui.d.ts +3 -1
- package/dist/nutui.es.js +1757 -687
- package/dist/nutui.umd.js +1763 -688
- package/dist/packages/_es/ActionSheet.js +2 -2
- package/dist/packages/_es/Address.js +60 -7
- package/dist/packages/_es/Audio.js +289 -0
- package/dist/packages/_es/Avatar.js +1 -1
- package/dist/packages/_es/BackTop.js +1 -1
- package/dist/packages/_es/Badge.js +1 -1
- package/dist/packages/_es/Barrage.js +1 -1
- package/dist/packages/_es/Button.js +13 -4
- package/dist/packages/_es/Calendar.js +428 -209
- package/dist/packages/_es/Card.js +1 -2
- package/dist/packages/_es/Cascader.js +2 -2
- package/dist/packages/_es/Cell.js +1 -1
- package/dist/packages/_es/CellGroup.js +1 -1
- package/dist/packages/_es/Checkbox.js +2 -2
- package/dist/packages/_es/CheckboxGroup.js +1 -1
- package/dist/packages/_es/CircleProgress.js +1 -1
- package/dist/packages/_es/Col.js +1 -1
- package/dist/packages/_es/Collapse.js +1 -1
- package/dist/packages/_es/CollapseItem.js +1 -1
- package/dist/packages/_es/CountDown.js +1 -1
- package/dist/packages/_es/CountUp.js +1 -1
- package/dist/packages/_es/DatePicker.js +1 -2
- package/dist/packages/_es/Dialog.js +1 -1
- package/dist/packages/_es/Divider.js +1 -1
- package/dist/packages/_es/Drag.js +1 -1
- package/dist/packages/_es/Elevator.js +10 -5
- package/dist/packages/_es/Empty.js +1 -1
- package/dist/packages/_es/FixedNav.js +1 -1
- package/dist/packages/_es/Form.js +1 -1
- package/dist/packages/_es/FormItem.js +1 -1
- package/dist/packages/_es/Grid.js +1 -1
- package/dist/packages/_es/GridItem.js +1 -1
- package/dist/packages/_es/Icon.js +1 -1
- package/dist/packages/_es/ImagePreview.js +1 -3
- package/dist/packages/_es/Indicator.js +1 -1
- package/dist/packages/_es/InfiniteLoading.js +1 -1
- package/dist/packages/_es/Input.js +7 -2
- package/dist/packages/_es/InputNumber.js +1 -1
- package/dist/packages/_es/Layout.js +1 -1
- package/dist/packages/_es/Menu.js +2 -2
- package/dist/packages/_es/MenuItem.js +1 -1
- package/dist/packages/_es/Navbar.js +1 -1
- package/dist/packages/_es/NoticeBar.js +1 -4
- package/dist/packages/_es/Notify.js +1 -1
- package/dist/packages/_es/NumberKeyboard.js +1 -2
- package/dist/packages/_es/OverLay.js +1 -1
- package/dist/packages/_es/Pagination.js +1 -1
- package/dist/packages/_es/Picker.js +1 -1
- package/dist/packages/_es/Popover.js +1 -1
- package/dist/packages/_es/Popup.js +1 -1
- package/dist/packages/_es/Price.js +1 -1
- package/dist/packages/_es/Progress.js +24 -11
- package/dist/packages/_es/Radio.js +2 -2
- package/dist/packages/_es/RadioGroup.js +1 -1
- package/dist/packages/_es/Range.js +3 -3
- package/dist/packages/_es/Rate.js +1 -1
- package/dist/packages/_es/Row.js +1 -1
- package/dist/packages/_es/SearchBar.js +1 -1
- package/dist/packages/_es/ShortPassword.js +5 -2
- package/dist/packages/_es/SideNavBar.js +1 -1
- package/dist/packages/_es/SideNavBarItem.js +1 -1
- package/dist/packages/_es/Signature.js +1 -1
- package/dist/packages/_es/Skeleton.js +8 -6
- package/dist/packages/_es/Sku.js +1 -1
- package/dist/packages/_es/Step.js +1 -1
- package/dist/packages/_es/Steps.js +1 -1
- package/dist/packages/_es/Sticky.js +143 -0
- package/dist/packages/_es/SubSideNavBar.js +1 -1
- package/dist/packages/_es/Swipe.js +2 -2
- package/dist/packages/_es/Swiper.js +1 -1
- package/dist/packages/_es/SwiperItem.js +3 -8
- package/dist/packages/_es/Switch.js +2 -2
- package/dist/packages/_es/TabPane.js +1 -1
- package/dist/packages/_es/Tabbar.js +1 -1
- package/dist/packages/_es/TabbarItem.js +1 -1
- package/dist/packages/_es/Table.js +2 -2
- package/dist/packages/_es/Tabs.js +1 -1
- package/dist/packages/_es/Tag.js +1 -1
- package/dist/packages/_es/TextArea.js +1 -1
- package/dist/packages/_es/TimeDetail.js +1 -1
- package/dist/packages/_es/TimePannel.js +1 -1
- package/dist/packages/_es/TimeSelect.js +1 -1
- package/dist/packages/_es/Toast.js +1 -1
- package/dist/packages/_es/Uploader.js +1 -1
- package/dist/packages/_es/Video.js +1 -55
- package/dist/packages/_es/common.js +1 -1
- package/dist/packages/_es/component.js +1 -1
- package/dist/packages/_es/index.js +1 -1
- package/dist/packages/_es/index2.js +28 -56
- package/dist/packages/_es/index3.js +56 -28
- package/dist/packages/_es/plugin-vue_export-helper.js +1 -1
- package/dist/packages/_es/pxCheck.js +1 -1
- package/dist/packages/_es/raf.js +1 -1
- package/dist/packages/_es/util.js +1 -1
- package/dist/packages/address/index.scss +8 -0
- package/dist/packages/audio/index.scss +66 -0
- package/dist/packages/audiooperate/index.scss +13 -0
- package/dist/packages/calendar/index.scss +47 -41
- package/dist/packages/calendaritem/index.scss +57 -42
- package/dist/packages/elevator/index.scss +3 -0
- package/dist/packages/infiniteloading/index.scss +1 -1
- package/dist/packages/input/index.scss +4 -2
- package/dist/packages/range/index.scss +4 -4
- package/dist/packages/row/index.scss +3 -0
- package/dist/packages/sticky/index.scss +5 -0
- package/dist/packages/tabbar/index.scss +4 -2
- package/dist/style.css +1 -1
- package/dist/styles/font/config.json +6 -1
- package/dist/styles/font/demo_index.html +118 -3
- package/dist/styles/font/iconfont.css +23 -3
- package/dist/styles/font/iconfont.js +25 -24
- package/dist/styles/font/iconfont.json +35 -0
- package/dist/styles/font/iconfont.ttf +0 -0
- package/dist/styles/font/iconfont.woff +0 -0
- package/dist/styles/font/iconfont.woff2 +0 -0
- package/dist/styles/themes/default.scss +43 -40
- package/dist/styles/variables.scss +34 -31
- package/package.json +12 -13
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.16
|
|
2
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -39,7 +39,6 @@ const _sfc_main = create({
|
|
|
39
39
|
}
|
|
40
40
|
},
|
|
41
41
|
setup(props, { emit, slots }) {
|
|
42
|
-
console.log(slots["origin"]);
|
|
43
42
|
const isHaveSlot = (slot) => {
|
|
44
43
|
return slots[slot];
|
|
45
44
|
};
|
|
@@ -35,7 +35,7 @@ var __publicField = (obj, key, value) => {
|
|
|
35
35
|
return value;
|
|
36
36
|
};
|
|
37
37
|
/*!
|
|
38
|
-
* @nutui/nutui v3.1.16
|
|
38
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
39
39
|
* (c) 2021 @jdf2e.
|
|
40
40
|
* Released under the MIT License.
|
|
41
41
|
*/
|
|
@@ -205,7 +205,7 @@ const _sfc_main$1 = create$1({
|
|
|
205
205
|
const tree = ref(new Tree([], {}));
|
|
206
206
|
const panes = ref([]);
|
|
207
207
|
const isLazy = computed(() => configs.value.lazy && Boolean(configs.value.lazyLoad));
|
|
208
|
-
const lazyLoadMap = new Map();
|
|
208
|
+
const lazyLoadMap = /* @__PURE__ */ new Map();
|
|
209
209
|
let currentProcessNode;
|
|
210
210
|
const init = async () => {
|
|
211
211
|
lazyLoadMap.clear();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.16
|
|
2
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -44,7 +44,7 @@ const _sfc_main = create({
|
|
|
44
44
|
},
|
|
45
45
|
emits: ["change", "update:modelValue"],
|
|
46
46
|
setup(props, { emit, slots }) {
|
|
47
|
-
const parent = inject("parent");
|
|
47
|
+
const parent = inject("parent", null);
|
|
48
48
|
const hasParent = computed(() => !!parent);
|
|
49
49
|
const pValue = computed(() => {
|
|
50
50
|
if (hasParent.value) {
|
package/dist/packages/_es/Col.js
CHANGED
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -235,7 +235,6 @@ const _sfc_main = create({
|
|
|
235
235
|
return 0;
|
|
236
236
|
};
|
|
237
237
|
const columns = computed(() => {
|
|
238
|
-
console.log(ranges.value);
|
|
239
238
|
const val = ranges.value.map((res) => {
|
|
240
239
|
return generateValue(res.range[0], res.range[1], getDateIndex(res.type), res.type);
|
|
241
240
|
});
|
|
@@ -22,7 +22,7 @@ var __publicField = (obj, key, value) => {
|
|
|
22
22
|
return value;
|
|
23
23
|
};
|
|
24
24
|
/*!
|
|
25
|
-
* @nutui/nutui v3.1.16
|
|
25
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
26
26
|
* (c) 2021 @jdf2e.
|
|
27
27
|
* Released under the MIT License.
|
|
28
28
|
*/
|
|
@@ -18,12 +18,13 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
25
25
|
import { ref, reactive, computed, toRefs, nextTick, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, Fragment, renderList, toDisplayString, withDirectives, vShow, createCommentVNode, withModifiers } from "vue";
|
|
26
26
|
import { c as createComponent } from "./component.js";
|
|
27
|
+
import { u as useExpose } from "./index.js";
|
|
27
28
|
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
28
29
|
const { componentName, create } = createComponent("elevator");
|
|
29
30
|
const _sfc_main = create({
|
|
@@ -56,7 +57,8 @@ const _sfc_main = create({
|
|
|
56
57
|
y2: 0
|
|
57
58
|
},
|
|
58
59
|
scrollStart: false,
|
|
59
|
-
currentIndex: 0
|
|
60
|
+
currentIndex: 0,
|
|
61
|
+
currentData: {}
|
|
60
62
|
});
|
|
61
63
|
const classes = computed(() => {
|
|
62
64
|
const prefixCls = componentName;
|
|
@@ -116,7 +118,6 @@ const _sfc_main = create({
|
|
|
116
118
|
state.touchState.y1 = firstTouch.pageY;
|
|
117
119
|
state.anchorIndex = +index2;
|
|
118
120
|
state.currentIndex = +index2;
|
|
119
|
-
console.log(state.currentIndex);
|
|
120
121
|
scrollTo(+index2);
|
|
121
122
|
};
|
|
122
123
|
const touchMove = (e) => {
|
|
@@ -131,10 +132,14 @@ const _sfc_main = create({
|
|
|
131
132
|
};
|
|
132
133
|
const handleClickItem = (key, item) => {
|
|
133
134
|
context.emit("click-item", key, item);
|
|
135
|
+
state.currentData = item;
|
|
134
136
|
};
|
|
135
137
|
const handleClickIndex = (key) => {
|
|
136
138
|
context.emit("click-index", key);
|
|
137
139
|
};
|
|
140
|
+
useExpose({
|
|
141
|
+
scrollTo
|
|
142
|
+
});
|
|
138
143
|
return __spreadProps(__spreadValues({
|
|
139
144
|
classes
|
|
140
145
|
}, toRefs(state)), {
|
|
@@ -171,11 +176,11 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
171
176
|
createElementVNode("view", _hoisted_1, toDisplayString(item[_ctx.acceptKey]), 1),
|
|
172
177
|
(openBlock(true), createElementBlock(Fragment, null, renderList(item.list, (subitem) => {
|
|
173
178
|
return openBlock(), createElementBlock("view", {
|
|
174
|
-
class: "nut-elevator__list__item__name",
|
|
179
|
+
class: normalizeClass(["nut-elevator__list__item__name", { "nut-elevator__list__item__name--highcolor": _ctx.currentData.id === subitem.id }]),
|
|
175
180
|
key: subitem["id"],
|
|
176
181
|
onClick: ($event) => _ctx.handleClickItem(item[_ctx.acceptKey], subitem),
|
|
177
182
|
innerHTML: subitem.name
|
|
178
|
-
}, null,
|
|
183
|
+
}, null, 10, _hoisted_2);
|
|
179
184
|
}), 128))
|
|
180
185
|
]);
|
|
181
186
|
}), 128))
|
|
@@ -22,7 +22,7 @@ var __publicField = (obj, key, value) => {
|
|
|
22
22
|
return value;
|
|
23
23
|
};
|
|
24
24
|
/*!
|
|
25
|
-
* @nutui/nutui v3.1.16
|
|
25
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
26
26
|
* (c) 2021 @jdf2e.
|
|
27
27
|
* Released under the MIT License.
|
|
28
28
|
*/
|
|
@@ -123,7 +123,6 @@ const _sfc_main = create({
|
|
|
123
123
|
state.eleImg.style.transform = "scale(" + state.store.scale + ")";
|
|
124
124
|
};
|
|
125
125
|
const onTouchStart = (event) => {
|
|
126
|
-
console.log("start");
|
|
127
126
|
const curTouchTime = new Date().getTime();
|
|
128
127
|
if (curTouchTime - state.lastTouchEndTime < 300) {
|
|
129
128
|
const store2 = state.store;
|
|
@@ -175,7 +174,6 @@ const _sfc_main = create({
|
|
|
175
174
|
}
|
|
176
175
|
};
|
|
177
176
|
const onTouchEnd = () => {
|
|
178
|
-
console.log("end");
|
|
179
177
|
state.lastTouchEndTime = new Date().getTime();
|
|
180
178
|
const store = state.store;
|
|
181
179
|
store.moveable = false;
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.16
|
|
2
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -90,6 +90,9 @@ const _sfc_main = create({
|
|
|
90
90
|
[`${prefixCls}-border`]: props.hasBorder
|
|
91
91
|
};
|
|
92
92
|
});
|
|
93
|
+
const inputmode = computed(() => {
|
|
94
|
+
return props.type === "digit" ? "decimal" : props.type === "number" ? "numeric" : "text";
|
|
95
|
+
});
|
|
93
96
|
const styles = computed(() => {
|
|
94
97
|
return {
|
|
95
98
|
textAlign: props.textAlign
|
|
@@ -136,6 +139,7 @@ const _sfc_main = create({
|
|
|
136
139
|
active,
|
|
137
140
|
classes,
|
|
138
141
|
styles,
|
|
142
|
+
inputmode,
|
|
139
143
|
valueChange,
|
|
140
144
|
valueFocus,
|
|
141
145
|
valueBlur,
|
|
@@ -148,7 +152,7 @@ const _hoisted_1 = {
|
|
|
148
152
|
class: "nut-input-label"
|
|
149
153
|
};
|
|
150
154
|
const _hoisted_2 = { class: "label-string" };
|
|
151
|
-
const _hoisted_3 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value"];
|
|
155
|
+
const _hoisted_3 = ["type", "maxlength", "placeholder", "disabled", "readonly", "value", "inputmode"];
|
|
152
156
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
153
157
|
const _component_nut_icon = resolveComponent("nut-icon");
|
|
154
158
|
return openBlock(), createElementBlock("view", {
|
|
@@ -166,6 +170,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
166
170
|
disabled: _ctx.disabled,
|
|
167
171
|
readonly: _ctx.readonly,
|
|
168
172
|
value: _ctx.modelValue,
|
|
173
|
+
inputmode: _ctx.inputmode,
|
|
169
174
|
onInput: _cache[0] || (_cache[0] = (...args) => _ctx.valueChange && _ctx.valueChange(...args)),
|
|
170
175
|
onFocus: _cache[1] || (_cache[1] = (...args) => _ctx.valueFocus && _ctx.valueFocus(...args)),
|
|
171
176
|
onBlur: _cache[2] || (_cache[2] = (...args) => _ctx.valueBlur && _ctx.valueBlur(...args))
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.16
|
|
2
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { ref, computed, reactive, provide, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, normalizeStyle, toDisplayString, createVNode, renderSlot } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
|
-
import { u as useRect } from "./
|
|
8
|
+
import { u as useRect } from "./index2.js";
|
|
9
9
|
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
10
10
|
const { componentName, create } = createComponent("menu");
|
|
11
11
|
const _sfc_main = create({
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -92,7 +92,6 @@ const _sfc_main = create({
|
|
|
92
92
|
},
|
|
93
93
|
emits: ["click", "close"],
|
|
94
94
|
setup(props, { emit, slots }) {
|
|
95
|
-
console.log("componentName", componentName);
|
|
96
95
|
const wrap = ref(null);
|
|
97
96
|
const content = ref(null);
|
|
98
97
|
const state = reactive({
|
|
@@ -238,14 +237,12 @@ const _sfc_main = create({
|
|
|
238
237
|
emit("close", state.scrollList[0]);
|
|
239
238
|
};
|
|
240
239
|
onMounted(() => {
|
|
241
|
-
console.log(props.direction);
|
|
242
240
|
if (props.direction == "vertical") {
|
|
243
241
|
if (slots.default) {
|
|
244
242
|
state.scrollList = [].concat(slots.default()[0].children);
|
|
245
243
|
} else {
|
|
246
244
|
state.scrollList = [].concat(props.list);
|
|
247
245
|
}
|
|
248
|
-
console.log(state.scrollList);
|
|
249
246
|
setTimeout(() => {
|
|
250
247
|
props.complexAm ? startRoll() : startRollEasy();
|
|
251
248
|
}, props.standTime);
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.16
|
|
2
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -44,7 +44,6 @@ const _sfc_main = create({
|
|
|
44
44
|
},
|
|
45
45
|
emits: ["input", "delete", "close", "update:value"],
|
|
46
46
|
setup(props, { emit }) {
|
|
47
|
-
console.log(props.overlay);
|
|
48
47
|
const clickKeyIndex = ref(void 0);
|
|
49
48
|
const show = ref(props.visible);
|
|
50
49
|
const root = ref();
|
|
@@ -15,7 +15,7 @@ var __spreadValues = (a, b) => {
|
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
17
|
/*!
|
|
18
|
-
* @nutui/nutui v3.1.16
|
|
18
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
19
19
|
* (c) 2021 @jdf2e.
|
|
20
20
|
* Released under the MIT License.
|
|
21
21
|
*/
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -18,7 +18,7 @@ var __spreadValues = (a, b) => {
|
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
20
|
/*!
|
|
21
|
-
* @nutui/nutui v3.1.16
|
|
21
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
22
22
|
* (c) 2021 @jdf2e.
|
|
23
23
|
* Released under the MIT License.
|
|
24
24
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.16
|
|
2
|
+
* @nutui/nutui v3.1.16 Fri Feb 25 2022 17:05:36 GMT+0800 (GMT+08:00)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
@@ -49,11 +49,16 @@ const _sfc_main = create({
|
|
|
49
49
|
iconColor: {
|
|
50
50
|
type: String,
|
|
51
51
|
default: "#439422"
|
|
52
|
+
},
|
|
53
|
+
isShowPercentage: {
|
|
54
|
+
type: Boolean,
|
|
55
|
+
default: true
|
|
52
56
|
}
|
|
53
57
|
},
|
|
54
58
|
setup(props, { emit }) {
|
|
55
59
|
const height = ref(props.strokeWidth + "px");
|
|
56
60
|
const progressOuter = ref();
|
|
61
|
+
const insideText = ref();
|
|
57
62
|
const left = ref();
|
|
58
63
|
const bgStyle = computed(() => {
|
|
59
64
|
return {
|
|
@@ -66,19 +71,29 @@ const _sfc_main = create({
|
|
|
66
71
|
color: props.textColor || ""
|
|
67
72
|
};
|
|
68
73
|
});
|
|
74
|
+
const slideLeft = (values) => {
|
|
75
|
+
if (props.textInside) {
|
|
76
|
+
let offsetWidth = progressOuter.value.offsetWidth;
|
|
77
|
+
let percentageWidth = progressOuter.value.offsetWidth * Number(values) * 0.01;
|
|
78
|
+
let insideTextWidth = insideText.value.offsetWidth;
|
|
79
|
+
left.value = percentageWidth - 5 + "px";
|
|
80
|
+
if (offsetWidth == percentageWidth) {
|
|
81
|
+
left.value = percentageWidth - insideTextWidth + "px";
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
};
|
|
69
85
|
watch(() => props.percentage, (values) => {
|
|
70
|
-
|
|
71
|
-
console.log("values", values);
|
|
72
|
-
left.value = progressOuter.value.offsetWidth * Number(values) * 0.01 - 5 + "px";
|
|
86
|
+
slideLeft(values);
|
|
73
87
|
});
|
|
74
88
|
onMounted(() => {
|
|
75
|
-
|
|
89
|
+
slideLeft(props.percentage);
|
|
76
90
|
});
|
|
77
91
|
return {
|
|
78
92
|
height,
|
|
79
93
|
bgStyle,
|
|
80
94
|
textStyle,
|
|
81
95
|
progressOuter,
|
|
96
|
+
insideText,
|
|
82
97
|
left
|
|
83
98
|
};
|
|
84
99
|
}
|
|
@@ -88,10 +103,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
88
103
|
const _component_nut_icon = resolveComponent("nut-icon");
|
|
89
104
|
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
90
105
|
createElementVNode("div", {
|
|
91
|
-
class: normalizeClass(["nut-progress-outer", [
|
|
92
|
-
_ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "",
|
|
93
|
-
_ctx.size ? "nut-progress-" + _ctx.size : ""
|
|
94
|
-
]]),
|
|
106
|
+
class: normalizeClass(["nut-progress-outer", [_ctx.showText && !_ctx.textInside ? "nut-progress-outer-part" : "", _ctx.size ? "nut-progress-" + _ctx.size : ""]]),
|
|
95
107
|
ref: "progressOuter",
|
|
96
108
|
style: normalizeStyle({ height: _ctx.height })
|
|
97
109
|
}, [
|
|
@@ -102,11 +114,12 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
102
114
|
_ctx.showText && _ctx.textInside ? (openBlock(), createElementBlock("div", {
|
|
103
115
|
key: 0,
|
|
104
116
|
class: "nut-progress-text nut-progress-insidetext",
|
|
117
|
+
ref: "insideText",
|
|
105
118
|
style: normalizeStyle({ lineHeight: _ctx.height, left: _ctx.left })
|
|
106
119
|
}, [
|
|
107
120
|
createElementVNode("span", {
|
|
108
121
|
style: normalizeStyle(_ctx.textStyle)
|
|
109
|
-
}, toDisplayString(_ctx.percentage) + "%", 5)
|
|
122
|
+
}, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)
|
|
110
123
|
], 4)) : createCommentVNode("", true)
|
|
111
124
|
], 6)
|
|
112
125
|
], 6),
|
|
@@ -118,7 +131,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
118
131
|
_ctx.status == "active" || _ctx.status == "" ? (openBlock(), createElementBlock("span", {
|
|
119
132
|
key: 0,
|
|
120
133
|
style: normalizeStyle(_ctx.textStyle)
|
|
121
|
-
}, toDisplayString(_ctx.percentage) + "%", 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, {
|
|
134
|
+
}, toDisplayString(_ctx.percentage) + toDisplayString(_ctx.isShowPercentage ? "%" : ""), 5)) : _ctx.status == "icon" ? (openBlock(), createBlock(_component_nut_icon, {
|
|
122
135
|
key: 1,
|
|
123
136
|
size: "16px",
|
|
124
137
|
name: _ctx.iconName,
|