adverich-kun-ui 0.1.15 → 0.1.16
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.
|
@@ -1,17 +1,13 @@
|
|
|
1
|
-
import { computed as
|
|
2
|
-
import
|
|
1
|
+
import { computed as u, createElementBlock as l, openBlock as e, normalizeClass as x, createElementVNode as c, createCommentVNode as n, renderSlot as r, createBlock as a, createVNode as f, h as g } from "vue";
|
|
2
|
+
import s from "../../../KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
|
|
3
3
|
import h from "../../../KunIcon/src/components/KunIcon.vue.js";
|
|
4
|
-
const S = { class: "flex items-center gap-2 flex-1 min-w-0" },
|
|
4
|
+
const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, v = {
|
|
5
5
|
key: 0,
|
|
6
6
|
class: "absolute left-1/2 -translate-x-1/2"
|
|
7
|
-
},
|
|
7
|
+
}, b = {
|
|
8
8
|
key: 1,
|
|
9
9
|
class: "flex-1 flex justify-end"
|
|
10
|
-
}, k = { class: "flex items-center gap-2 flex-1 justify-end" }, $ =
|
|
11
|
-
components: {
|
|
12
|
-
KunAppbarTitle: o
|
|
13
|
-
}
|
|
14
|
-
}, {
|
|
10
|
+
}, k = { class: "flex items-center gap-2 flex-1 justify-end" }, $ = {
|
|
15
11
|
__name: "KunAppbar",
|
|
16
12
|
props: {
|
|
17
13
|
bgColor: {
|
|
@@ -61,8 +57,8 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, b = {
|
|
|
61
57
|
}
|
|
62
58
|
},
|
|
63
59
|
setup(t) {
|
|
64
|
-
const
|
|
65
|
-
switch (
|
|
60
|
+
const o = t, m = u(() => {
|
|
61
|
+
switch (o.density) {
|
|
66
62
|
case "comfortable":
|
|
67
63
|
return "h-12 py-1";
|
|
68
64
|
case "compact":
|
|
@@ -70,7 +66,7 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, b = {
|
|
|
70
66
|
default:
|
|
71
67
|
return "h-14 py-2";
|
|
72
68
|
}
|
|
73
|
-
}), y =
|
|
69
|
+
}), y = u(() => o.elevation === "none" ? "" : `shadow-${o.elevation}`), w = {
|
|
74
70
|
render() {
|
|
75
71
|
return g("svg", {
|
|
76
72
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -96,19 +92,19 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, b = {
|
|
|
96
92
|
t.bordered ? "border-b border-gray-200" : ""
|
|
97
93
|
]])
|
|
98
94
|
}, [
|
|
99
|
-
|
|
100
|
-
|
|
95
|
+
c("div", S, [
|
|
96
|
+
r(i.$slots, "appbarButton", {}, () => [
|
|
101
97
|
t.showDrawerButton ? (e(), l("button", {
|
|
102
98
|
key: 0,
|
|
103
99
|
class: "p-2 rounded-md hover:bg-white/10 transition",
|
|
104
100
|
onClick: d[0] || (d[0] = (z) => i.$emit("toggle-drawer"))
|
|
105
101
|
}, [
|
|
106
|
-
t.drawerIcon ? (e(),
|
|
102
|
+
t.drawerIcon ? (e(), a(h, {
|
|
107
103
|
key: 1,
|
|
108
104
|
icon: t.drawerIcon,
|
|
109
105
|
class: "text-white",
|
|
110
106
|
size: "text-lg"
|
|
111
|
-
}, null, 8, ["icon"])) : (e(),
|
|
107
|
+
}, null, 8, ["icon"])) : (e(), a(h, {
|
|
112
108
|
key: 0,
|
|
113
109
|
icon: w,
|
|
114
110
|
class: "text-white",
|
|
@@ -116,34 +112,34 @@ const S = { class: "flex items-center gap-2 flex-1 min-w-0" }, b = {
|
|
|
116
112
|
}))
|
|
117
113
|
])) : n("", !0)
|
|
118
114
|
]),
|
|
119
|
-
|
|
120
|
-
t.title && t.titlePosition === "left" ? (e(), s
|
|
115
|
+
r(i.$slots, "prepend"),
|
|
116
|
+
t.title && t.titlePosition === "left" ? (e(), a(s, {
|
|
121
117
|
key: 0,
|
|
122
118
|
title: t.title,
|
|
123
119
|
textSize: t.titleSize,
|
|
124
120
|
fontWeight: t.titleWeight
|
|
125
121
|
}, null, 8, ["title", "textSize", "fontWeight"])) : n("", !0)
|
|
126
122
|
]),
|
|
127
|
-
t.title && t.titlePosition === "center" ? (e(), l("div",
|
|
128
|
-
f(
|
|
123
|
+
t.title && t.titlePosition === "center" ? (e(), l("div", v, [
|
|
124
|
+
f(s, {
|
|
129
125
|
title: t.title,
|
|
130
126
|
textSize: t.titleSize,
|
|
131
127
|
fontWeight: t.titleWeight
|
|
132
128
|
}, null, 8, ["title", "textSize", "fontWeight"])
|
|
133
129
|
])) : n("", !0),
|
|
134
|
-
t.title && t.titlePosition === "right" ? (e(), l("div",
|
|
135
|
-
f(
|
|
130
|
+
t.title && t.titlePosition === "right" ? (e(), l("div", b, [
|
|
131
|
+
f(s, {
|
|
136
132
|
title: t.title,
|
|
137
133
|
textSize: t.titleSize,
|
|
138
134
|
fontWeight: t.titleWeight
|
|
139
135
|
}, null, 8, ["title", "textSize", "fontWeight"])
|
|
140
136
|
])) : n("", !0),
|
|
141
|
-
|
|
142
|
-
|
|
137
|
+
c("div", k, [
|
|
138
|
+
r(i.$slots, "actions")
|
|
143
139
|
])
|
|
144
140
|
], 2));
|
|
145
141
|
}
|
|
146
|
-
}
|
|
142
|
+
};
|
|
147
143
|
export {
|
|
148
144
|
$ as default
|
|
149
145
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import m from "./components/KunAlert/src/components/KunAlert.vue.js";
|
|
2
2
|
import t from "./components/KunAppbar/src/components/KunAppbar.vue.js";
|
|
3
|
-
import i from "./components/
|
|
3
|
+
import i from "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
|
|
4
4
|
import a from "./components/KunAutocomplete/src/components/KunAutocomplete.vue.js";
|
|
5
5
|
import p from "./components/KunBtn/src/components/KunBtn.vue.js";
|
|
6
6
|
import u from "./components/KunBudge/src/components/KunBudge.vue.js";
|
package/package.json
CHANGED
|
File without changes
|