@nutui/nutui 3.1.10-beta.1 → 3.1.11-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/CHANGELOG.md +26 -0
- package/README.md +2 -2
- package/dist/nutui.d.ts +6 -6
- package/dist/nutui.es.js +1643 -1116
- package/dist/nutui.umd.js +1708 -1181
- package/dist/packages/_es/ActionSheet.js +10 -12
- package/dist/packages/_es/Address.js +31 -33
- package/dist/packages/_es/Avatar.js +5 -4
- package/dist/packages/_es/BackTop.js +5 -4
- package/dist/packages/_es/Badge.js +5 -4
- package/dist/packages/_es/Barrage.js +9 -8
- package/dist/packages/_es/Button.js +6 -5
- package/dist/packages/_es/Calendar.js +14 -16
- package/dist/packages/_es/Cell.js +5 -4
- package/dist/packages/_es/CellGroup.js +8 -7
- package/dist/packages/_es/Checkbox.js +3 -3
- package/dist/packages/_es/CheckboxGroup.js +2 -2
- package/dist/packages/_es/CircleProgress.js +5 -4
- package/dist/packages/_es/Col.js +5 -4
- package/dist/packages/_es/Collapse.js +8 -7
- package/dist/packages/_es/CollapseItem.js +6 -8
- package/dist/packages/_es/CountDown.js +5 -7
- package/dist/packages/_es/CountUp.js +26 -28
- package/dist/packages/_es/DatePicker.js +11 -13
- package/dist/packages/_es/Dialog.js +14 -25
- package/dist/packages/_es/Divider.js +5 -4
- package/dist/packages/_es/Drag.js +5 -4
- package/dist/packages/_es/Elevator.js +19 -21
- package/dist/packages/_es/FixedNav.js +9 -8
- package/dist/packages/_es/Icon.js +40 -6
- package/dist/packages/_es/ImagePreview.js +12 -13
- package/dist/packages/_es/InfiniteLoading.js +5 -7
- package/dist/packages/_es/Input.js +10 -9
- package/dist/packages/_es/InputNumber.js +8 -15
- package/dist/packages/_es/Layout.js +2 -2
- package/dist/packages/_es/Menu.js +203 -0
- package/dist/packages/_es/MenuItem.js +18 -171
- package/dist/packages/_es/Navbar.js +7 -6
- package/dist/packages/_es/NoticeBar.js +9 -11
- package/dist/packages/_es/Notify.js +10 -12
- package/dist/packages/_es/NumberKeyboard.js +5 -4
- package/dist/packages/_es/OverLay.js +5 -7
- package/dist/packages/_es/Pagination.js +7 -6
- package/dist/packages/_es/Picker.js +12 -14
- package/dist/packages/_es/Popover.js +10 -12
- package/dist/packages/_es/Popup.js +9 -11
- package/dist/packages/_es/Price.js +33 -14
- package/dist/packages/_es/Progress.js +5 -4
- package/dist/packages/_es/Radio.js +20 -7
- package/dist/packages/_es/RadioGroup.js +7 -3
- package/dist/packages/_es/Range.js +13 -15
- package/dist/packages/_es/Rate.js +8 -7
- package/dist/packages/_es/Row.js +5 -4
- package/dist/packages/_es/SearchBar.js +56 -55
- package/dist/packages/_es/ShortPassword.js +8 -7
- package/dist/packages/_es/Signature.js +5 -4
- package/dist/packages/_es/Sku.js +533 -0
- package/dist/packages/_es/Step.js +14 -11
- package/dist/packages/_es/Steps.js +2 -2
- package/dist/packages/_es/Swipe.js +5 -7
- package/dist/packages/_es/Swiper.js +12 -11
- package/dist/packages/_es/SwiperItem.js +5 -4
- package/dist/packages/_es/Switch.js +5 -4
- package/dist/packages/_es/TabPane.js +5 -4
- package/dist/packages/_es/Tabbar.js +5 -4
- package/dist/packages/_es/TabbarItem.js +9 -8
- package/dist/packages/_es/Tabs.js +43 -18
- package/dist/packages/_es/Tag.js +16 -18
- package/dist/packages/_es/TextArea.js +6 -5
- package/dist/packages/_es/TimeDetail.js +5 -7
- package/dist/packages/_es/TimePannel.js +5 -7
- package/dist/packages/_es/TimeSelect.js +5 -4
- package/dist/packages/_es/Toast.js +10 -12
- package/dist/packages/_es/Uploader.js +165 -89
- package/dist/packages/_es/Video.js +5 -7
- package/dist/packages/_es/component.js +1 -1
- package/dist/packages/_es/index.js +1 -1
- package/dist/packages/_es/index2.js +1 -1
- package/dist/packages/_es/plugin-vue_export-helper.js +12 -0
- package/dist/packages/_es/pxCheck.js +1 -1
- package/dist/packages/_es/raf.js +1 -1
- package/dist/packages/_es/style.css +160 -0
- package/dist/packages/button/index.scss +3 -0
- package/dist/packages/checkbox/index.scss +2 -0
- package/dist/packages/dialog/index.scss +2 -1
- package/dist/packages/menu/index.scss +70 -4
- package/dist/packages/price/index.scss +40 -3
- package/dist/packages/progress/index.scss +2 -0
- package/dist/packages/radio/index.scss +34 -4
- package/dist/packages/radiogroup/index.scss +20 -0
- package/dist/packages/searchbar/index.scss +35 -30
- package/dist/packages/sku/index.scss +147 -0
- package/dist/packages/tabs/index.scss +47 -19
- package/dist/packages/tag/index.scss +2 -1
- package/dist/packages/uploader/index.scss +94 -8
- package/dist/style.css +1 -1
- package/dist/style.es.js +2 -1
- package/dist/styles/mixins/index.scss +0 -4
- package/dist/styles/themes/default.scss +29 -30
- package/dist/styles/variables.scss +46 -6
- package/package.json +1 -1
- package/dist/packages/_es/Tab.js +0 -178
- package/dist/packages/_es/TabPanel.js +0 -29
- package/dist/packages/_es/index.vue_vue&type=script&lang.js +0 -44
- package/dist/packages/tab/index.scss +0 -182
- package/dist/packages/tabpanel/index.scss +0 -2
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { reactive, ref, computed, provide, onMounted, nextTick, onActivated, onDeactivated, onBeforeUnmount, watch, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
8
|
import { u as useExpose } from "./index2.js";
|
|
9
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
9
10
|
const DISTANCE = 5;
|
|
10
11
|
function useTouch() {
|
|
11
12
|
const state = reactive({
|
|
@@ -55,7 +56,7 @@ function useTouch() {
|
|
|
55
56
|
};
|
|
56
57
|
}
|
|
57
58
|
const { create, componentName } = createComponent("swiper");
|
|
58
|
-
|
|
59
|
+
const _sfc_main = create({
|
|
59
60
|
props: {
|
|
60
61
|
width: {
|
|
61
62
|
type: [Number, String],
|
|
@@ -248,17 +249,17 @@ var _sfc_main = create({
|
|
|
248
249
|
});
|
|
249
250
|
});
|
|
250
251
|
};
|
|
251
|
-
const to = (
|
|
252
|
+
const to = (index2) => {
|
|
252
253
|
resettPosition();
|
|
253
254
|
touch.reset();
|
|
254
255
|
requestFrame(() => {
|
|
255
256
|
requestFrame(() => {
|
|
256
257
|
state.moving = false;
|
|
257
258
|
let targetIndex;
|
|
258
|
-
if (props.loop && childCount.value ===
|
|
259
|
-
targetIndex = state.active === 0 ? 0 :
|
|
259
|
+
if (props.loop && childCount.value === index2) {
|
|
260
|
+
targetIndex = state.active === 0 ? 0 : index2;
|
|
260
261
|
} else {
|
|
261
|
-
targetIndex =
|
|
262
|
+
targetIndex = index2 % childCount.value;
|
|
262
263
|
}
|
|
263
264
|
move({
|
|
264
265
|
pace: targetIndex - state.active,
|
|
@@ -413,16 +414,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
413
414
|
[`${_ctx.componentName}-pagination-vertical`]: _ctx.isVertical
|
|
414
415
|
})
|
|
415
416
|
}, [
|
|
416
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.children.length, (item,
|
|
417
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.state.children.length, (item, index2) => {
|
|
417
418
|
return openBlock(), createElementBlock("i", {
|
|
418
419
|
style: normalizeStyle({
|
|
419
|
-
backgroundColor: _ctx.activePagination ===
|
|
420
|
+
backgroundColor: _ctx.activePagination === index2 ? _ctx.paginationColor : "#ddd"
|
|
420
421
|
}),
|
|
421
|
-
key:
|
|
422
|
+
key: index2
|
|
422
423
|
}, null, 4);
|
|
423
424
|
}), 128))
|
|
424
425
|
], 2)) : createCommentVNode("", true)
|
|
425
426
|
], 34);
|
|
426
427
|
}
|
|
427
|
-
_sfc_main
|
|
428
|
-
export {
|
|
428
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
429
|
+
export { index as default };
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { getCurrentInstance, inject, reactive, computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
8
9
|
function useExpose(apis) {
|
|
9
10
|
const instance = getCurrentInstance();
|
|
10
11
|
if (instance) {
|
|
@@ -12,7 +13,7 @@ function useExpose(apis) {
|
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
const { create, componentName } = createComponent("swiper-item");
|
|
15
|
-
|
|
16
|
+
const _sfc_main = create({
|
|
16
17
|
props: {},
|
|
17
18
|
setup(props, { slots }) {
|
|
18
19
|
const parent = inject("parent");
|
|
@@ -55,5 +56,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
55
56
|
renderSlot(_ctx.$slots, "default")
|
|
56
57
|
], 6);
|
|
57
58
|
}
|
|
58
|
-
_sfc_main
|
|
59
|
-
export {
|
|
59
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
60
|
+
export { index as default };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { computed, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, withDirectives, vShow, Fragment, toDisplayString, createCommentVNode } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
8
9
|
const { componentName, create } = createComponent("switch");
|
|
9
|
-
|
|
10
|
+
const _sfc_main = create({
|
|
10
11
|
props: {
|
|
11
12
|
modelValue: {
|
|
12
13
|
type: Boolean,
|
|
@@ -85,5 +86,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
85
86
|
])
|
|
86
87
|
], 6);
|
|
87
88
|
}
|
|
88
|
-
_sfc_main
|
|
89
|
-
export {
|
|
89
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
90
|
+
export { index as default };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { inject, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
8
9
|
const { create } = createComponent("tabpane");
|
|
9
|
-
|
|
10
|
+
const _sfc_main = create({
|
|
10
11
|
props: {
|
|
11
12
|
title: {
|
|
12
13
|
type: [String, Number],
|
|
@@ -34,5 +35,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
34
35
|
renderSlot(_ctx.$slots, "default")
|
|
35
36
|
], 2);
|
|
36
37
|
}
|
|
37
|
-
_sfc_main
|
|
38
|
-
export {
|
|
38
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
39
|
+
export { index as default };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { reactive, provide, watch, openBlock, createElementBlock, normalizeClass, renderSlot } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
8
9
|
const { create } = createComponent("tabbar");
|
|
9
|
-
|
|
10
|
+
const _sfc_main = create({
|
|
10
11
|
props: {
|
|
11
12
|
visible: {
|
|
12
13
|
type: [Number, String],
|
|
@@ -68,5 +69,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
68
69
|
renderSlot(_ctx.$slots, "default")
|
|
69
70
|
], 2);
|
|
70
71
|
}
|
|
71
|
-
_sfc_main
|
|
72
|
-
export {
|
|
72
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
73
|
+
export { index as default };
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { c as createComponent } from "./component.js";
|
|
7
7
|
import { useRouter } from "vue-router";
|
|
8
8
|
import { inject, reactive, getCurrentInstance, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, toDisplayString, createCommentVNode, createVNode } from "vue";
|
|
9
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
9
10
|
const { create } = createComponent("tabbar-item");
|
|
10
|
-
|
|
11
|
+
const _sfc_main = create({
|
|
11
12
|
props: {
|
|
12
13
|
tabTitle: {
|
|
13
14
|
type: String,
|
|
@@ -55,14 +56,14 @@ var _sfc_main = create({
|
|
|
55
56
|
const router = useRouter();
|
|
56
57
|
const relation = (child) => {
|
|
57
58
|
if (child.proxy) {
|
|
58
|
-
let
|
|
59
|
-
state.index =
|
|
59
|
+
let index2 = parent.children.length;
|
|
60
|
+
state.index = index2;
|
|
60
61
|
parent.children.push(child.proxy);
|
|
61
62
|
}
|
|
62
63
|
};
|
|
63
64
|
relation(getCurrentInstance());
|
|
64
|
-
function change(
|
|
65
|
-
parent.changeIndex(
|
|
65
|
+
function change(index2) {
|
|
66
|
+
parent.changeIndex(index2);
|
|
66
67
|
}
|
|
67
68
|
const choosed = computed(() => {
|
|
68
69
|
if (parent) {
|
|
@@ -133,5 +134,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
133
134
|
])
|
|
134
135
|
], 6);
|
|
135
136
|
}
|
|
136
|
-
_sfc_main
|
|
137
|
-
export {
|
|
137
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
138
|
+
export { index as default };
|
|
@@ -14,21 +14,19 @@ var __spreadValues = (a, b) => {
|
|
|
14
14
|
}
|
|
15
15
|
return a;
|
|
16
16
|
};
|
|
17
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
18
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
19
|
-
};
|
|
20
17
|
var __publicField = (obj, key, value) => {
|
|
21
18
|
__defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
|
|
22
19
|
return value;
|
|
23
20
|
};
|
|
24
21
|
/*!
|
|
25
|
-
* @nutui/nutui v3.1.
|
|
22
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
26
23
|
* (c) 2021 @jdf2e.
|
|
27
24
|
* Released under the MIT License.
|
|
28
25
|
*/
|
|
29
26
|
import { p as pxCheck } from "./pxCheck.js";
|
|
30
|
-
import { provide, computed, ref, watch, onMounted, onActivated, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, toDisplayString } from "vue";
|
|
27
|
+
import { provide, computed, ref, watch, onMounted, onActivated, resolveComponent, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, renderSlot, Fragment, renderList, createCommentVNode, createVNode, toDisplayString } from "vue";
|
|
31
28
|
import { c as createComponent } from "./component.js";
|
|
29
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
32
30
|
const { create } = createComponent("tabs");
|
|
33
31
|
class Title {
|
|
34
32
|
constructor() {
|
|
@@ -38,12 +36,16 @@ class Title {
|
|
|
38
36
|
__publicField(this, "disabled", false);
|
|
39
37
|
}
|
|
40
38
|
}
|
|
41
|
-
|
|
39
|
+
const _sfc_main = create({
|
|
42
40
|
props: {
|
|
43
41
|
modelValue: {
|
|
44
42
|
type: [String, Number],
|
|
45
43
|
default: 0
|
|
46
44
|
},
|
|
45
|
+
color: {
|
|
46
|
+
type: String,
|
|
47
|
+
default: ""
|
|
48
|
+
},
|
|
47
49
|
direction: {
|
|
48
50
|
type: String,
|
|
49
51
|
default: "horizontal"
|
|
@@ -78,9 +80,9 @@ var _sfc_main = create({
|
|
|
78
80
|
setup(props, { emit, slots }) {
|
|
79
81
|
provide("activeKey", { activeKey: computed(() => props.modelValue) });
|
|
80
82
|
const titles = ref([]);
|
|
81
|
-
const currentIndex = ref(0);
|
|
83
|
+
const currentIndex = ref(props.modelValue || 0);
|
|
82
84
|
const renderTitles = (vnodes) => {
|
|
83
|
-
vnodes.forEach((vnode,
|
|
85
|
+
vnodes.forEach((vnode, index2) => {
|
|
84
86
|
var _a, _b, _c, _d, _e;
|
|
85
87
|
let type = vnode.type;
|
|
86
88
|
type = type.name || type;
|
|
@@ -88,7 +90,7 @@ var _sfc_main = create({
|
|
|
88
90
|
let title = new Title();
|
|
89
91
|
if (((_a = vnode.props) == null ? void 0 : _a.title) || ((_b = vnode.props) == null ? void 0 : _b["pane-key"])) {
|
|
90
92
|
title.title = (_c = vnode.props) == null ? void 0 : _c.title;
|
|
91
|
-
title.paneKey = ((_d = vnode.props) == null ? void 0 : _d["pane-key"]) ||
|
|
93
|
+
title.paneKey = ((_d = vnode.props) == null ? void 0 : _d["pane-key"]) || index2;
|
|
92
94
|
title.disabled = (_e = vnode.props) == null ? void 0 : _e.disabled;
|
|
93
95
|
}
|
|
94
96
|
titles.value.push(title);
|
|
@@ -107,11 +109,11 @@ var _sfc_main = create({
|
|
|
107
109
|
init(vnodes);
|
|
108
110
|
});
|
|
109
111
|
watch(() => props.modelValue, (value) => {
|
|
110
|
-
let
|
|
111
|
-
if (
|
|
112
|
+
let index2 = titles.value.findIndex((item) => item.paneKey == value);
|
|
113
|
+
if (index2 == -1) {
|
|
112
114
|
console.error("[NutUI] <Tabs> \u8BF7\u68C0\u67E5 v-model \u503C\u662F\u5426\u4E3A paneKey ,\u5982 paneKey \u672A\u8BBE\u7F6E\uFF0C\u8BF7\u91C7\u7528\u4E0B\u6807\u63A7\u5236 .");
|
|
113
115
|
} else {
|
|
114
|
-
currentIndex.value =
|
|
116
|
+
currentIndex.value = index2;
|
|
115
117
|
}
|
|
116
118
|
});
|
|
117
119
|
onMounted(init);
|
|
@@ -127,6 +129,12 @@ var _sfc_main = create({
|
|
|
127
129
|
background: props.background
|
|
128
130
|
};
|
|
129
131
|
});
|
|
132
|
+
const tabsActiveStyle = computed(() => {
|
|
133
|
+
return {
|
|
134
|
+
color: props.type == "smile" ? props.color : "",
|
|
135
|
+
background: props.type == "line" ? props.color : ""
|
|
136
|
+
};
|
|
137
|
+
});
|
|
130
138
|
const titleStyle = computed(() => {
|
|
131
139
|
return {
|
|
132
140
|
marginLeft: pxCheck(props.titleGutter),
|
|
@@ -134,12 +142,12 @@ var _sfc_main = create({
|
|
|
134
142
|
};
|
|
135
143
|
});
|
|
136
144
|
const methods = {
|
|
137
|
-
tabChange: (item,
|
|
145
|
+
tabChange: (item, index2) => {
|
|
138
146
|
emit("click", item);
|
|
139
147
|
if (item.disabled) {
|
|
140
148
|
return;
|
|
141
149
|
}
|
|
142
|
-
currentIndex.value =
|
|
150
|
+
currentIndex.value = index2;
|
|
143
151
|
emit("update:modelValue", item.paneKey);
|
|
144
152
|
emit("change", item);
|
|
145
153
|
}
|
|
@@ -148,12 +156,14 @@ var _sfc_main = create({
|
|
|
148
156
|
titles,
|
|
149
157
|
contentStyle,
|
|
150
158
|
tabsNavStyle,
|
|
159
|
+
tabsActiveStyle,
|
|
151
160
|
titleStyle
|
|
152
161
|
}, methods);
|
|
153
162
|
}
|
|
154
163
|
});
|
|
155
164
|
const _hoisted_1 = ["onClick"];
|
|
156
165
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
166
|
+
const _component_nut_icon = resolveComponent("nut-icon");
|
|
157
167
|
return openBlock(), createElementBlock("view", {
|
|
158
168
|
class: normalizeClass(["nut-tabs", [_ctx.direction]])
|
|
159
169
|
}, [
|
|
@@ -161,13 +171,28 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
161
171
|
class: normalizeClass(["nut-tabs__titles", { [_ctx.type]: _ctx.type, scrollable: _ctx.titleScroll }]),
|
|
162
172
|
style: normalizeStyle(_ctx.tabsNavStyle)
|
|
163
173
|
}, [
|
|
164
|
-
_ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item,
|
|
174
|
+
_ctx.$slots.titles ? renderSlot(_ctx.$slots, "titles", { key: 0 }) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(_ctx.titles, (item, index2) => {
|
|
165
175
|
return openBlock(), createElementBlock("view", {
|
|
166
176
|
class: normalizeClass(["nut-tabs__titles-item", { active: item.paneKey == _ctx.modelValue, disabled: item.disabled }]),
|
|
167
177
|
style: normalizeStyle(_ctx.titleStyle),
|
|
168
|
-
onClick: ($event) => _ctx.tabChange(item,
|
|
178
|
+
onClick: ($event) => _ctx.tabChange(item, index2),
|
|
169
179
|
key: item.paneKey
|
|
170
180
|
}, [
|
|
181
|
+
_ctx.type == "line" ? (openBlock(), createElementBlock("view", {
|
|
182
|
+
key: 0,
|
|
183
|
+
class: "nut-tabs__titles-item__line",
|
|
184
|
+
style: normalizeStyle(_ctx.tabsActiveStyle)
|
|
185
|
+
}, null, 4)) : createCommentVNode("", true),
|
|
186
|
+
_ctx.type == "smile" ? (openBlock(), createElementBlock("view", {
|
|
187
|
+
key: 1,
|
|
188
|
+
class: "nut-tabs__titles-item__smile",
|
|
189
|
+
style: normalizeStyle(_ctx.tabsActiveStyle)
|
|
190
|
+
}, [
|
|
191
|
+
createVNode(_component_nut_icon, {
|
|
192
|
+
color: _ctx.color,
|
|
193
|
+
name: "joy-smile"
|
|
194
|
+
}, null, 8, ["color"])
|
|
195
|
+
], 4)) : createCommentVNode("", true),
|
|
171
196
|
createElementVNode("view", {
|
|
172
197
|
class: normalizeClass(["nut-tabs__titles-item__text", { ellipsis: _ctx.ellipsis && !_ctx.titleScroll && _ctx.direction == "horizontal" }])
|
|
173
198
|
}, toDisplayString(item.title), 3)
|
|
@@ -182,5 +207,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
182
207
|
], 4)
|
|
183
208
|
], 2);
|
|
184
209
|
}
|
|
185
|
-
_sfc_main
|
|
186
|
-
export {
|
|
210
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
211
|
+
export { index as default };
|
package/dist/packages/_es/Tag.js
CHANGED
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
|
-
import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle,
|
|
6
|
+
import { toRefs, computed, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, createBlock, createCommentVNode } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
8
9
|
const { componentName, create } = createComponent("tag");
|
|
9
|
-
|
|
10
|
+
const _sfc_main = create({
|
|
10
11
|
props: {
|
|
11
|
-
color: String,
|
|
12
|
-
textColor: String,
|
|
12
|
+
color: { type: String, default: "" },
|
|
13
|
+
textColor: { type: String, default: "" },
|
|
13
14
|
type: {
|
|
14
15
|
type: String,
|
|
15
16
|
default: "default"
|
|
@@ -74,24 +75,21 @@ var _sfc_main = create({
|
|
|
74
75
|
};
|
|
75
76
|
}
|
|
76
77
|
});
|
|
77
|
-
const _hoisted_1 = { class: "nut-tag" };
|
|
78
78
|
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
79
79
|
const _component_nut_icon = resolveComponent("nut-icon");
|
|
80
80
|
return openBlock(), createElementBlock("view", {
|
|
81
81
|
class: normalizeClass(_ctx.classes),
|
|
82
82
|
style: normalizeStyle(_ctx.getStyle())
|
|
83
83
|
}, [
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
}, null, 8, ["onClick"])) : createCommentVNode("", true)
|
|
93
|
-
])
|
|
84
|
+
renderSlot(_ctx.$slots, "default"),
|
|
85
|
+
_ctx.closeable ? (openBlock(), createBlock(_component_nut_icon, {
|
|
86
|
+
key: 0,
|
|
87
|
+
class: "nut-tag--close",
|
|
88
|
+
name: "close",
|
|
89
|
+
size: "12",
|
|
90
|
+
onClick: _ctx.onClose
|
|
91
|
+
}, null, 8, ["onClick"])) : createCommentVNode("", true)
|
|
94
92
|
], 6);
|
|
95
93
|
}
|
|
96
|
-
_sfc_main
|
|
97
|
-
export {
|
|
94
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
95
|
+
export { index as default };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { computed, openBlock, createElementBlock, normalizeClass, createElementVNode, normalizeStyle, toDisplayString, createCommentVNode } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
8
9
|
const { componentName, create } = createComponent("textarea");
|
|
9
|
-
|
|
10
|
+
const _sfc_main = create({
|
|
10
11
|
props: {
|
|
11
12
|
modelValue: {
|
|
12
13
|
type: [String, Number],
|
|
@@ -119,8 +120,8 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
119
120
|
maxlength: _ctx.maxLength,
|
|
120
121
|
placeholder: _ctx.placeholder
|
|
121
122
|
}, null, 44, _hoisted_1),
|
|
122
|
-
_ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.modelValue.length) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
|
|
123
|
+
_ctx.limitShow ? (openBlock(), createElementBlock("view", _hoisted_2, toDisplayString(_ctx.modelValue ? _ctx.modelValue.length : 0) + "/" + toDisplayString(_ctx.maxLength), 1)) : createCommentVNode("", true)
|
|
123
124
|
], 2);
|
|
124
125
|
}
|
|
125
|
-
_sfc_main
|
|
126
|
-
export {
|
|
126
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
127
|
+
export { index as default };
|
|
@@ -17,18 +17,16 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
/*!
|
|
24
|
-
* @nutui/nutui v3.1.
|
|
21
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
25
22
|
* (c) 2021 @jdf2e.
|
|
26
23
|
* Released under the MIT License.
|
|
27
24
|
*/
|
|
28
25
|
import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, createElementVNode, Fragment, renderList, toDisplayString } from "vue";
|
|
29
26
|
import { c as createComponent } from "./component.js";
|
|
27
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
30
28
|
const { componentName, create } = createComponent("timedetail");
|
|
31
|
-
|
|
29
|
+
const _sfc_main = create({
|
|
32
30
|
name: "timedetail",
|
|
33
31
|
props: {
|
|
34
32
|
times: {
|
|
@@ -100,5 +98,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
100
98
|
])
|
|
101
99
|
], 2);
|
|
102
100
|
}
|
|
103
|
-
_sfc_main
|
|
104
|
-
export {
|
|
101
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
102
|
+
export { index as default };
|
|
@@ -17,18 +17,16 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
/*!
|
|
24
|
-
* @nutui/nutui v3.1.
|
|
21
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
25
22
|
* (c) 2021 @jdf2e.
|
|
26
23
|
* Released under the MIT License.
|
|
27
24
|
*/
|
|
28
25
|
import { inject, reactive, computed, toRefs, openBlock, createElementBlock, normalizeClass, toDisplayString } from "vue";
|
|
29
26
|
import { c as createComponent } from "./component.js";
|
|
27
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
30
28
|
const { componentName, create } = createComponent("timepannel");
|
|
31
|
-
|
|
29
|
+
const _sfc_main = create({
|
|
32
30
|
name: "timepannel",
|
|
33
31
|
props: {
|
|
34
32
|
name: {
|
|
@@ -68,5 +66,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
68
66
|
onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handlePannel(_ctx.pannelKey))
|
|
69
67
|
}, toDisplayString(_ctx.name), 3);
|
|
70
68
|
}
|
|
71
|
-
_sfc_main
|
|
72
|
-
export {
|
|
69
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
70
|
+
export { index as default };
|
|
@@ -1,12 +1,13 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* @nutui/nutui v3.1.
|
|
2
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
3
3
|
* (c) 2021 @jdf2e.
|
|
4
4
|
* Released under the MIT License.
|
|
5
5
|
*/
|
|
6
6
|
import { computed, provide, resolveComponent, openBlock, createBlock, normalizeStyle, withCtx, createElementVNode, normalizeClass, toDisplayString, renderSlot } from "vue";
|
|
7
7
|
import { c as createComponent } from "./component.js";
|
|
8
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
8
9
|
const { componentName, create } = createComponent("timeselect");
|
|
9
|
-
|
|
10
|
+
const _sfc_main = create({
|
|
10
11
|
props: {
|
|
11
12
|
visible: {
|
|
12
13
|
type: Boolean,
|
|
@@ -96,5 +97,5 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
96
97
|
_: 3
|
|
97
98
|
}, 8, ["visible", "style", "onClickOverlay", "onClickCloseIcon"]);
|
|
98
99
|
}
|
|
99
|
-
_sfc_main
|
|
100
|
-
export {
|
|
100
|
+
var index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
101
|
+
export { index as default };
|
|
@@ -17,17 +17,15 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
var __require = typeof require !== "undefined" ? require : (x) => {
|
|
21
|
-
throw new Error('Dynamic require of "' + x + '" is not supported');
|
|
22
|
-
};
|
|
23
20
|
/*!
|
|
24
|
-
* @nutui/nutui v3.1.
|
|
21
|
+
* @nutui/nutui v3.1.11-beta.0 Sat Nov 13 2021 21:43:55 GMT+0800 (中国标准时间)
|
|
25
22
|
* (c) 2021 @jdf2e.
|
|
26
23
|
* Released under the MIT License.
|
|
27
24
|
*/
|
|
28
25
|
import { reactive, onMounted, watch, computed, resolveComponent, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, normalizeStyle, createElementBlock, createVNode, createCommentVNode, vShow, render } from "vue";
|
|
29
26
|
import { c as createComponent } from "./component.js";
|
|
30
|
-
import
|
|
27
|
+
import _sfc_main$1 from "./Icon.js";
|
|
28
|
+
import { _ as _export_sfc } from "./plugin-vue_export-helper.js";
|
|
31
29
|
import "./pxCheck.js";
|
|
32
30
|
const { create } = createComponent("toast");
|
|
33
31
|
const _sfc_main = create({
|
|
@@ -200,7 +198,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
|
200
198
|
_: 1
|
|
201
199
|
}, 8, ["onAfterLeave"]);
|
|
202
200
|
}
|
|
203
|
-
_sfc_main
|
|
201
|
+
var Toast = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
204
202
|
const defaultOptions = {
|
|
205
203
|
msg: "",
|
|
206
204
|
id: "",
|
|
@@ -250,7 +248,7 @@ const updateToast = (opts) => {
|
|
|
250
248
|
} else {
|
|
251
249
|
opts = __spreadValues(__spreadValues({}, defaultOptions), opts);
|
|
252
250
|
}
|
|
253
|
-
const instance = createVNode(
|
|
251
|
+
const instance = createVNode(Toast, opts);
|
|
254
252
|
render(instance, container);
|
|
255
253
|
return instance.component.ctx;
|
|
256
254
|
}
|
|
@@ -272,7 +270,7 @@ const mountToast = (opts) => {
|
|
|
272
270
|
optsMap.push(opts);
|
|
273
271
|
const container = document.createElement("div");
|
|
274
272
|
container.id = opts.id;
|
|
275
|
-
const instance = createVNode(
|
|
273
|
+
const instance = createVNode(Toast, opts);
|
|
276
274
|
render(instance, container);
|
|
277
275
|
document.body.appendChild(container);
|
|
278
276
|
return instance.component.ctx;
|
|
@@ -308,12 +306,12 @@ const ToastFunction = {
|
|
|
308
306
|
type: "loading"
|
|
309
307
|
}));
|
|
310
308
|
},
|
|
311
|
-
hide() {
|
|
312
|
-
clearToast();
|
|
309
|
+
hide(id) {
|
|
310
|
+
clearToast(id);
|
|
313
311
|
},
|
|
314
312
|
install(app) {
|
|
315
|
-
app.use(
|
|
313
|
+
app.use(Toast);
|
|
316
314
|
app.config.globalProperties.$toast = ToastFunction;
|
|
317
315
|
}
|
|
318
316
|
};
|
|
319
|
-
export {
|
|
317
|
+
export { Toast, ToastFunction, ToastFunction as default };
|