@nutui/nutui 4.3.2 → 4.3.3
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 +20 -0
- package/dist/nutui.es.js +2 -4
- package/dist/nutui.js +6502 -6815
- package/dist/nutui.umd.js +1 -1
- package/dist/packages/addresslist/AddressList.js +2 -2
- package/dist/packages/backtop/Backtop.js +79 -89
- package/dist/packages/calendar/Calendar.js +814 -3
- package/dist/packages/calendar/index.scss +0 -1
- package/dist/packages/calendarcard/CalendarCard.js +1 -1
- package/dist/packages/card/Card.js +2 -2
- package/dist/packages/circleprogress/CircleProgress.js +90 -97
- package/dist/packages/comment/Comment.js +2 -2
- package/dist/packages/ecard/Ecard.js +2 -2
- package/dist/packages/input/Input.js +7 -7
- package/dist/packages/inputnumber/InputNumber.js +83 -102
- package/dist/packages/invoice/Invoice.js +87 -138
- package/dist/packages/navbar/Navbar.js +103 -115
- package/dist/packages/progress/Progress.js +96 -115
- package/dist/packages/rate/Rate.js +98 -140
- package/dist/packages/sku/Sku.js +2 -2
- package/dist/packages/swipe/Swipe.js +96 -110
- package/dist/packages/swipegroup/SwipeGroup.js +41 -23
- package/dist/packages/tag/Tag.js +57 -66
- package/dist/packages/uploader/Uploader.js +4 -4
- package/dist/smartips/web-types.json +2 -2
- package/dist/styles/base-jdb.css +1 -1
- package/dist/styles/base-jddkh.css +1 -1
- package/dist/styles/base-jdt.css +1 -1
- package/dist/styles/themes/default.scss +0 -1
- package/dist/styles/themes/jdb.scss +0 -1
- package/dist/styles/themes/jddkh.scss +0 -1
- package/dist/styles/themes/jdt.scss +0 -1
- package/dist/styles/variables-jdb.scss +0 -1
- package/dist/styles/variables-jddkh.scss +0 -1
- package/dist/styles/variables-jdt.scss +0 -1
- package/dist/styles/variables.scss +0 -1
- package/dist/types/__VUE/backtop/backtop.vue.d.ts +87 -0
- package/dist/types/__VUE/backtop/index.d.ts +5 -0
- package/dist/types/__VUE/calendaritem/index.vue.d.ts +2 -12
- package/dist/types/__VUE/circleprogress/circle-progress.vue.d.ts +88 -0
- package/dist/types/__VUE/circleprogress/index.d.ts +6 -0
- package/dist/types/__VUE/inputnumber/index.d.ts +5 -0
- package/dist/types/__VUE/inputnumber/input-number.vue.d.ts +112 -0
- package/dist/types/__VUE/invoice/index.d.ts +6 -0
- package/dist/types/__VUE/invoice/invoice.vue.d.ts +59 -0
- package/dist/types/__VUE/invoice/types.d.ts +12 -0
- package/dist/types/__VUE/navbar/index.d.ts +5 -0
- package/dist/types/__VUE/navbar/navbar.vue.d.ts +125 -0
- package/dist/types/__VUE/progress/index.d.ts +6 -0
- package/dist/types/__VUE/progress/progress.vue.d.ts +91 -0
- package/dist/types/__VUE/rate/index.d.ts +5 -0
- package/dist/types/__VUE/rate/rate.vue.d.ts +208 -0
- package/dist/types/__VUE/swipe/index.d.ts +6 -0
- package/dist/types/__VUE/swipe/swipe.vue.d.ts +79 -0
- package/dist/types/__VUE/swipe/types.d.ts +1 -0
- package/dist/types/__VUE/swipegroup/index.d.ts +5 -0
- package/dist/types/__VUE/swipegroup/swipe-group.vue.d.ts +47 -0
- package/dist/types/__VUE/tag/index.d.ts +6 -0
- package/dist/types/__VUE/tag/tag.vue.d.ts +90 -0
- package/dist/types/__VUE/tag/types.d.ts +1 -1
- package/dist/types/index.d.ts +22 -13
- package/package.json +1 -1
- package/dist/packages/calendaritem/CalendarItem.js +0 -819
- package/dist/packages/calendaritem/index.css +0 -0
- package/dist/packages/calendaritem/index.mjs +0 -2
- package/dist/packages/calendaritem/index.scss +0 -0
- package/dist/packages/calendaritem/style/css.mjs +0 -2
- package/dist/packages/calendaritem/style/index.mjs +0 -2
- package/dist/types/__VUE/backtop/index.vue.d.ts +0 -98
- package/dist/types/__VUE/circleprogress/index.vue.d.ts +0 -95
- package/dist/types/__VUE/inputnumber/index.vue.d.ts +0 -117
- package/dist/types/__VUE/invoice/index.vue.d.ts +0 -53
- package/dist/types/__VUE/navbar/index.vue.d.ts +0 -129
- package/dist/types/__VUE/progress/index.vue.d.ts +0 -120
- package/dist/types/__VUE/rate/index.vue.d.ts +0 -240
- package/dist/types/__VUE/swipe/index.vue.d.ts +0 -70
- package/dist/types/__VUE/swipegroup/index.vue.d.ts +0 -26
- package/dist/types/__VUE/tag/index.vue.d.ts +0 -94
|
@@ -17,159 +17,108 @@ var __spreadValues = (a, b) => {
|
|
|
17
17
|
return a;
|
|
18
18
|
};
|
|
19
19
|
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
20
|
-
import {
|
|
21
|
-
import { c as createComponent } from "../component-TCzwHGVq.js";
|
|
20
|
+
import { defineComponent, ref, openBlock, createElementBlock, createVNode, unref, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode } from "vue";
|
|
22
21
|
import { Form as _sfc_main$1 } from "../form/Form.js";
|
|
23
22
|
import { FormItem as _sfc_main$2 } from "../formitem/FormItem.js";
|
|
24
|
-
import { _ as _sfc_main$
|
|
25
|
-
import { _ as _sfc_main$
|
|
23
|
+
import { _ as _sfc_main$4 } from "../index.vue_vue_type_script_lang-n0HbjvfF.js";
|
|
24
|
+
import { _ as _sfc_main$3 } from "../index.vue_vue_type_script_lang-54PRh3YM.js";
|
|
26
25
|
import { Button as _sfc_main$5 } from "../button/Button.js";
|
|
27
|
-
import
|
|
28
|
-
|
|
29
|
-
const
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
26
|
+
import NutInput from "../input/Input.js";
|
|
27
|
+
import { w as withInstall } from "../with-install-p59gYYU_.js";
|
|
28
|
+
const _hoisted_1 = { class: "nut-invoice" };
|
|
29
|
+
const _hoisted_2 = {
|
|
30
|
+
key: 0,
|
|
31
|
+
class: "nut-invoice__submit"
|
|
32
|
+
};
|
|
33
|
+
const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
|
|
34
|
+
name: "NutInvoice"
|
|
35
|
+
}), {
|
|
36
|
+
__name: "invoice",
|
|
37
37
|
props: {
|
|
38
|
-
data: {
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
}
|
|
42
|
-
formValue: {
|
|
43
|
-
type: Object,
|
|
44
|
-
default: {}
|
|
45
|
-
},
|
|
46
|
-
submit: {
|
|
47
|
-
type: Boolean,
|
|
48
|
-
default: true
|
|
49
|
-
}
|
|
38
|
+
data: { default: () => [] },
|
|
39
|
+
formValue: { default: () => {
|
|
40
|
+
} },
|
|
41
|
+
submit: { type: Boolean, default: true }
|
|
50
42
|
},
|
|
51
|
-
emits: [
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
// will be deprecated
|
|
55
|
-
"onSubmit"
|
|
56
|
-
],
|
|
57
|
-
setup(props, { emit }) {
|
|
43
|
+
emits: ["submit", "scrollBottom"],
|
|
44
|
+
setup(__props, { emit: __emit }) {
|
|
45
|
+
const emit = __emit;
|
|
58
46
|
const formRef = ref();
|
|
59
|
-
const list = ref([]);
|
|
60
|
-
const state = reactive({
|
|
61
|
-
// list: []
|
|
62
|
-
});
|
|
63
|
-
const classes = computed(() => {
|
|
64
|
-
const prefixCls = componentName;
|
|
65
|
-
return {
|
|
66
|
-
[prefixCls]: true
|
|
67
|
-
};
|
|
68
|
-
});
|
|
69
|
-
onMounted(() => {
|
|
70
|
-
init();
|
|
71
|
-
});
|
|
72
|
-
const init = () => {
|
|
73
|
-
list.value = props.data;
|
|
74
|
-
};
|
|
75
47
|
const submitFun = () => {
|
|
76
48
|
formRef.value.validate().then(({ valid, errors }) => {
|
|
77
49
|
emit("submit", valid, errors);
|
|
78
|
-
emit("onSubmit", valid, errors);
|
|
79
50
|
});
|
|
80
51
|
};
|
|
81
|
-
|
|
82
|
-
()
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
key: 0,
|
|
97
|
-
class: "nut-invoice__submit"
|
|
98
|
-
};
|
|
99
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
100
|
-
const _component_nut_radio = resolveComponent("nut-radio");
|
|
101
|
-
const _component_nut_radio_group = resolveComponent("nut-radio-group");
|
|
102
|
-
const _component_nut_form_item = resolveComponent("nut-form-item");
|
|
103
|
-
const _component_nut_form = resolveComponent("nut-form");
|
|
104
|
-
const _component_nut_button = resolveComponent("nut-button");
|
|
105
|
-
return openBlock(), createElementBlock("view", {
|
|
106
|
-
class: normalizeClass(_ctx.classes)
|
|
107
|
-
}, [
|
|
108
|
-
createVNode(_component_nut_form, {
|
|
109
|
-
ref: "formRef",
|
|
110
|
-
"model-value": _ctx.formValue
|
|
111
|
-
}, {
|
|
112
|
-
default: withCtx(() => [
|
|
113
|
-
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.list, (item, index2) => {
|
|
114
|
-
return openBlock(), createBlock(_component_nut_form_item, {
|
|
115
|
-
key: index2,
|
|
116
|
-
label: item.label,
|
|
117
|
-
required: item.required,
|
|
118
|
-
rules: item.rules,
|
|
119
|
-
prop: item.formItemProp
|
|
120
|
-
}, {
|
|
121
|
-
default: withCtx(() => [
|
|
122
|
-
item.type === "radio" ? (openBlock(), createBlock(_component_nut_radio_group, {
|
|
123
|
-
key: 0,
|
|
124
|
-
modelValue: _ctx.formValue[item.formItemProp],
|
|
125
|
-
"onUpdate:modelValue": ($event) => _ctx.formValue[item.formItemProp] = $event
|
|
52
|
+
return (_ctx, _cache) => {
|
|
53
|
+
return openBlock(), createElementBlock("div", _hoisted_1, [
|
|
54
|
+
createVNode(unref(_sfc_main$1), {
|
|
55
|
+
ref_key: "formRef",
|
|
56
|
+
ref: formRef,
|
|
57
|
+
"model-value": _ctx.formValue
|
|
58
|
+
}, {
|
|
59
|
+
default: withCtx(() => [
|
|
60
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item, index) => {
|
|
61
|
+
return openBlock(), createBlock(unref(_sfc_main$2), {
|
|
62
|
+
key: index,
|
|
63
|
+
label: item.label,
|
|
64
|
+
required: item.required,
|
|
65
|
+
rules: item.rules,
|
|
66
|
+
prop: item.formItemProp
|
|
126
67
|
}, {
|
|
127
68
|
default: withCtx(() => [
|
|
128
|
-
(openBlock(
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
69
|
+
item.type === "radio" ? (openBlock(), createBlock(_sfc_main$3, {
|
|
70
|
+
key: 0,
|
|
71
|
+
modelValue: _ctx.formValue[item.formItemProp],
|
|
72
|
+
"onUpdate:modelValue": ($event) => _ctx.formValue[item.formItemProp] = $event
|
|
73
|
+
}, {
|
|
74
|
+
default: withCtx(() => [
|
|
75
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(item.radioLabel, (radioItem, radioIndex) => {
|
|
76
|
+
return openBlock(), createBlock(_sfc_main$4, {
|
|
77
|
+
key: radioIndex,
|
|
78
|
+
shape: "button",
|
|
79
|
+
label: radioItem.label
|
|
80
|
+
}, {
|
|
81
|
+
default: withCtx(() => [
|
|
82
|
+
createTextVNode(toDisplayString(radioItem.label), 1)
|
|
83
|
+
]),
|
|
84
|
+
_: 2
|
|
85
|
+
}, 1032, ["label"]);
|
|
86
|
+
}), 128))
|
|
87
|
+
]),
|
|
88
|
+
_: 2
|
|
89
|
+
}, 1032, ["modelValue", "onUpdate:modelValue"])) : (openBlock(), createBlock(NutInput, {
|
|
90
|
+
key: 1,
|
|
91
|
+
modelValue: _ctx.formValue[item.formItemProp],
|
|
92
|
+
"onUpdate:modelValue": ($event) => _ctx.formValue[item.formItemProp] = $event,
|
|
93
|
+
class: "nut-input-text",
|
|
94
|
+
placeholder: item.placeholder,
|
|
95
|
+
type: "text"
|
|
96
|
+
}, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"]))
|
|
140
97
|
]),
|
|
141
98
|
_: 2
|
|
142
|
-
}, 1032, ["
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
99
|
+
}, 1032, ["label", "required", "rules", "prop"]);
|
|
100
|
+
}), 128))
|
|
101
|
+
]),
|
|
102
|
+
_: 1
|
|
103
|
+
}, 8, ["model-value"]),
|
|
104
|
+
_ctx.submit ? (openBlock(), createElementBlock("div", _hoisted_2, [
|
|
105
|
+
createVNode(unref(_sfc_main$5), {
|
|
106
|
+
type: "primary",
|
|
107
|
+
block: "",
|
|
108
|
+
onClick: submitFun
|
|
109
|
+
}, {
|
|
110
|
+
default: withCtx(() => [
|
|
111
|
+
createTextVNode("提交审批")
|
|
151
112
|
]),
|
|
152
|
-
_:
|
|
153
|
-
}
|
|
154
|
-
|
|
155
|
-
])
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
type: "primary",
|
|
161
|
-
block: "",
|
|
162
|
-
onClick: _ctx.submitFun
|
|
163
|
-
}, {
|
|
164
|
-
default: withCtx(() => [
|
|
165
|
-
createTextVNode("提交审批")
|
|
166
|
-
]),
|
|
167
|
-
_: 1
|
|
168
|
-
}, 8, ["onClick"])
|
|
169
|
-
])) : createCommentVNode("", true)
|
|
170
|
-
], 2);
|
|
171
|
-
}
|
|
172
|
-
const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
|
|
113
|
+
_: 1
|
|
114
|
+
})
|
|
115
|
+
])) : createCommentVNode("", true)
|
|
116
|
+
]);
|
|
117
|
+
};
|
|
118
|
+
}
|
|
119
|
+
}));
|
|
120
|
+
withInstall(_sfc_main);
|
|
173
121
|
export {
|
|
174
|
-
|
|
122
|
+
_sfc_main as Invoice,
|
|
123
|
+
_sfc_main as default
|
|
175
124
|
};
|
|
@@ -1,42 +1,49 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
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 { defineComponent, ref, computed, onMounted, nextTick, openBlock, createElementBlock, normalizeStyle, createElementVNode, normalizeClass, renderSlot, createVNode, unref, createCommentVNode, toDisplayString } from "vue";
|
|
3
21
|
import { Left } from "@nutui/icons-vue";
|
|
4
|
-
import {
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
22
|
+
import { w as withInstall } from "../with-install-p59gYYU_.js";
|
|
23
|
+
const _hoisted_1 = {
|
|
24
|
+
key: 1,
|
|
25
|
+
class: "nut-navbar__text"
|
|
26
|
+
};
|
|
27
|
+
const _hoisted_2 = { class: "nut-navbar__title" };
|
|
28
|
+
const _hoisted_3 = {
|
|
29
|
+
key: 0,
|
|
30
|
+
class: "nut-navbar__text"
|
|
31
|
+
};
|
|
32
|
+
const _sfc_main = /* @__PURE__ */ defineComponent(__spreadProps(__spreadValues({}, {
|
|
33
|
+
name: "NutNavbar"
|
|
34
|
+
}), {
|
|
35
|
+
__name: "navbar",
|
|
8
36
|
props: {
|
|
9
37
|
leftShow: { type: Boolean, default: false },
|
|
10
|
-
|
|
11
|
-
title: { type: String, default: "" },
|
|
12
|
-
//中间 文字标题
|
|
38
|
+
title: { default: "" },
|
|
13
39
|
titleIcon: { type: Boolean, default: false },
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
default: false
|
|
22
|
-
},
|
|
23
|
-
safeAreaInsetTop: {
|
|
24
|
-
type: Boolean,
|
|
25
|
-
default: false
|
|
26
|
-
},
|
|
27
|
-
border: {
|
|
28
|
-
type: Boolean,
|
|
29
|
-
default: false
|
|
30
|
-
},
|
|
31
|
-
placeholder: {
|
|
32
|
-
// 生成一个等高的占位元素
|
|
33
|
-
type: Boolean,
|
|
34
|
-
default: true
|
|
35
|
-
},
|
|
36
|
-
zIndex: {
|
|
37
|
-
type: [Number, String],
|
|
38
|
-
default: 10
|
|
39
|
-
}
|
|
40
|
+
leftText: { default: "" },
|
|
41
|
+
desc: { default: "" },
|
|
42
|
+
fixed: { type: Boolean, default: false },
|
|
43
|
+
safeAreaInsetTop: { type: Boolean, default: false },
|
|
44
|
+
border: { type: Boolean, default: false },
|
|
45
|
+
placeholder: { type: Boolean, default: true },
|
|
46
|
+
zIndex: { default: 10 }
|
|
40
47
|
},
|
|
41
48
|
emits: [
|
|
42
49
|
"clickBack",
|
|
@@ -49,21 +56,22 @@ const _sfc_main = create({
|
|
|
49
56
|
"onClickIcon",
|
|
50
57
|
"onClickRight"
|
|
51
58
|
],
|
|
52
|
-
setup(
|
|
53
|
-
const
|
|
59
|
+
setup(__props, { emit: __emit }) {
|
|
60
|
+
const props = __props;
|
|
61
|
+
const emit = __emit;
|
|
54
62
|
const navHeight = ref("auto");
|
|
55
63
|
const navbarRef = ref();
|
|
56
64
|
const classes = computed(() => {
|
|
57
|
-
const prefixCls =
|
|
65
|
+
const prefixCls = "nut-navbar";
|
|
58
66
|
return {
|
|
59
67
|
[prefixCls]: true,
|
|
60
|
-
[`${prefixCls}--border`]: border
|
|
61
|
-
[`${prefixCls}--fixed`]: fixed
|
|
62
|
-
[`${prefixCls}--safe-area-inset-top`]: safeAreaInsetTop
|
|
68
|
+
[`${prefixCls}--border`]: props.border,
|
|
69
|
+
[`${prefixCls}--fixed`]: props.fixed,
|
|
70
|
+
[`${prefixCls}--safe-area-inset-top`]: props.safeAreaInsetTop
|
|
63
71
|
};
|
|
64
72
|
});
|
|
65
73
|
const rootStyle = computed(() => {
|
|
66
|
-
if (fixed
|
|
74
|
+
if (props.fixed && props.placeholder) {
|
|
67
75
|
return {
|
|
68
76
|
height: navHeight.value
|
|
69
77
|
};
|
|
@@ -77,7 +85,7 @@ const _sfc_main = create({
|
|
|
77
85
|
}
|
|
78
86
|
};
|
|
79
87
|
onMounted(() => {
|
|
80
|
-
if (fixed
|
|
88
|
+
if (props.fixed && props.placeholder) {
|
|
81
89
|
nextTick(() => {
|
|
82
90
|
getNavHeight();
|
|
83
91
|
});
|
|
@@ -99,79 +107,59 @@ const _sfc_main = create({
|
|
|
99
107
|
emit("clickRight");
|
|
100
108
|
emit("onClickRight");
|
|
101
109
|
};
|
|
102
|
-
return {
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
navHeight,
|
|
107
|
-
handleLeft,
|
|
108
|
-
handleCenter,
|
|
109
|
-
handleCenterIcon,
|
|
110
|
-
handleRight
|
|
111
|
-
};
|
|
112
|
-
}
|
|
113
|
-
});
|
|
114
|
-
const _hoisted_1 = {
|
|
115
|
-
key: 1,
|
|
116
|
-
class: "nut-navbar__text"
|
|
117
|
-
};
|
|
118
|
-
const _hoisted_2 = { class: "nut-navbar__title" };
|
|
119
|
-
const _hoisted_3 = {
|
|
120
|
-
key: 0,
|
|
121
|
-
class: "nut-navbar__text"
|
|
122
|
-
};
|
|
123
|
-
function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
124
|
-
const _component_Left = resolveComponent("Left");
|
|
125
|
-
return openBlock(), createElementBlock("view", {
|
|
126
|
-
class: "nut-navbar--placeholder",
|
|
127
|
-
style: normalizeStyle(_ctx.rootStyle)
|
|
128
|
-
}, [
|
|
129
|
-
createElementVNode("view", {
|
|
130
|
-
ref: "navbarRef",
|
|
131
|
-
class: normalizeClass(_ctx.classes),
|
|
132
|
-
style: normalizeStyle({ zIndex: _ctx.zIndex })
|
|
133
|
-
}, [
|
|
134
|
-
createElementVNode("view", {
|
|
135
|
-
class: "nut-navbar__left",
|
|
136
|
-
onClick: _cache[0] || (_cache[0] = (...args) => _ctx.handleLeft && _ctx.handleLeft(...args))
|
|
110
|
+
return (_ctx, _cache) => {
|
|
111
|
+
return openBlock(), createElementBlock("view", {
|
|
112
|
+
class: "nut-navbar--placeholder",
|
|
113
|
+
style: normalizeStyle(rootStyle.value)
|
|
137
114
|
}, [
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
})
|
|
143
|
-
]) : createCommentVNode("", true),
|
|
144
|
-
_ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
|
|
145
|
-
renderSlot(_ctx.$slots, "left")
|
|
146
|
-
]),
|
|
147
|
-
createElementVNode("view", _hoisted_2, [
|
|
148
|
-
_ctx.title ? (openBlock(), createElementBlock("view", {
|
|
149
|
-
key: 0,
|
|
150
|
-
class: "title",
|
|
151
|
-
onClick: _cache[1] || (_cache[1] = (...args) => _ctx.handleCenter && _ctx.handleCenter(...args))
|
|
152
|
-
}, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
|
|
153
|
-
_ctx.titleIcon ? (openBlock(), createElementBlock("view", {
|
|
154
|
-
key: 1,
|
|
155
|
-
class: "icon",
|
|
156
|
-
onClick: _cache[3] || (_cache[3] = (...args) => _ctx.handleCenterIcon && _ctx.handleCenterIcon(...args))
|
|
115
|
+
createElementVNode("view", {
|
|
116
|
+
ref_key: "navbarRef",
|
|
117
|
+
ref: navbarRef,
|
|
118
|
+
class: normalizeClass(classes.value),
|
|
119
|
+
style: normalizeStyle({ zIndex: _ctx.zIndex })
|
|
157
120
|
}, [
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
121
|
+
createElementVNode("view", {
|
|
122
|
+
class: "nut-navbar__left",
|
|
123
|
+
onClick: handleLeft
|
|
124
|
+
}, [
|
|
125
|
+
_ctx.leftShow ? renderSlot(_ctx.$slots, "left-show", { key: 0 }, () => [
|
|
126
|
+
createVNode(unref(Left), {
|
|
127
|
+
height: "12px",
|
|
128
|
+
color: "#979797"
|
|
129
|
+
})
|
|
130
|
+
]) : createCommentVNode("", true),
|
|
131
|
+
_ctx.leftText ? (openBlock(), createElementBlock("view", _hoisted_1, toDisplayString(_ctx.leftText), 1)) : createCommentVNode("", true),
|
|
132
|
+
renderSlot(_ctx.$slots, "left")
|
|
133
|
+
]),
|
|
134
|
+
createElementVNode("view", _hoisted_2, [
|
|
135
|
+
_ctx.title ? (openBlock(), createElementBlock("view", {
|
|
136
|
+
key: 0,
|
|
137
|
+
class: "title",
|
|
138
|
+
onClick: handleCenter
|
|
139
|
+
}, toDisplayString(_ctx.title), 1)) : createCommentVNode("", true),
|
|
140
|
+
_ctx.titleIcon ? (openBlock(), createElementBlock("view", {
|
|
141
|
+
key: 1,
|
|
142
|
+
class: "icon",
|
|
143
|
+
onClick: handleCenterIcon
|
|
144
|
+
}, [
|
|
145
|
+
renderSlot(_ctx.$slots, "title-icon", { onClick: handleCenterIcon })
|
|
146
|
+
])) : createCommentVNode("", true),
|
|
147
|
+
renderSlot(_ctx.$slots, "content")
|
|
148
|
+
]),
|
|
149
|
+
createElementVNode("view", {
|
|
150
|
+
class: "nut-navbar__right",
|
|
151
|
+
onClick: handleRight
|
|
152
|
+
}, [
|
|
153
|
+
_ctx.desc ? (openBlock(), createElementBlock("view", _hoisted_3, toDisplayString(_ctx.desc), 1)) : createCommentVNode("", true),
|
|
154
|
+
renderSlot(_ctx.$slots, "right")
|
|
155
|
+
])
|
|
156
|
+
], 6)
|
|
157
|
+
], 4);
|
|
158
|
+
};
|
|
159
|
+
}
|
|
160
|
+
}));
|
|
161
|
+
withInstall(_sfc_main);
|
|
175
162
|
export {
|
|
176
|
-
|
|
163
|
+
_sfc_main as Navbar,
|
|
164
|
+
_sfc_main as default
|
|
177
165
|
};
|