@knitify/vue 0.0.7 → 0.0.8
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/index.es.js +62 -63
- package/dist/index.umd.js +1 -1
- package/package.json +2 -2
package/dist/index.es.js
CHANGED
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { defineComponent as b, openBlock as n, createElementBlock as
|
|
2
|
-
import { RouterLink as
|
|
3
|
-
const
|
|
1
|
+
import { defineComponent as b, openBlock as n, createElementBlock as o, normalizeClass as t, renderSlot as c, createElementVNode as r, computed as $, resolveComponent as g, Fragment as x, renderList as M, createVNode as u, unref as S, withCtx as m, withModifiers as I, createBlock as y, createTextVNode as j, toDisplayString as C, createCommentVNode as i, useModel as O, useSlots as z, mergeModels as N } from "vue";
|
|
2
|
+
import { RouterLink as A } from "vue-router";
|
|
3
|
+
const T = /* @__PURE__ */ b({
|
|
4
4
|
__name: "KContainer",
|
|
5
5
|
props: {
|
|
6
6
|
glassy: { type: Boolean }
|
|
7
7
|
},
|
|
8
8
|
setup(e) {
|
|
9
|
-
return (s,
|
|
9
|
+
return (s, l) => (n(), o("div", {
|
|
10
10
|
class: t(["KContainer", e.glassy && "KContainer--glassy"])
|
|
11
11
|
}, [
|
|
12
12
|
c(s.$slots, "default")
|
|
13
13
|
], 2));
|
|
14
14
|
}
|
|
15
|
-
}),
|
|
15
|
+
}), V = {
|
|
16
16
|
class: "KIcon",
|
|
17
17
|
title: "icon",
|
|
18
18
|
role: "img"
|
|
19
|
-
},
|
|
19
|
+
}, L = ["href"], w = /* @__PURE__ */ b({
|
|
20
20
|
__name: "KIcon",
|
|
21
21
|
props: {
|
|
22
22
|
href: { default: "" }
|
|
23
23
|
},
|
|
24
24
|
setup(e) {
|
|
25
|
-
return (s,
|
|
25
|
+
return (s, l) => (n(), o("svg", V, [
|
|
26
26
|
r("use", {
|
|
27
27
|
href: `#${e.href.replace(/^#/, "")}`
|
|
28
|
-
}, null, 8,
|
|
28
|
+
}, null, 8, L)
|
|
29
29
|
]));
|
|
30
30
|
}
|
|
31
|
-
}),
|
|
31
|
+
}), E = /* @__PURE__ */ b({
|
|
32
32
|
__name: "KBadge",
|
|
33
33
|
props: {
|
|
34
34
|
pill: { type: Boolean },
|
|
@@ -37,7 +37,7 @@ const z = /* @__PURE__ */ b({
|
|
|
37
37
|
variant: {}
|
|
38
38
|
},
|
|
39
39
|
setup(e) {
|
|
40
|
-
return (s,
|
|
40
|
+
return (s, l) => (n(), o("div", {
|
|
41
41
|
class: t([
|
|
42
42
|
"KBadge",
|
|
43
43
|
e.pill && "KBadge--pill",
|
|
@@ -49,68 +49,69 @@ const z = /* @__PURE__ */ b({
|
|
|
49
49
|
c(s.$slots, "default")
|
|
50
50
|
], 2));
|
|
51
51
|
}
|
|
52
|
-
}),
|
|
52
|
+
}), D = { class: "KNavbar-menu" }, F = ["href", "onClick"], P = {
|
|
53
53
|
key: 0,
|
|
54
54
|
class: /* @__PURE__ */ t(["KNavbar-caret", "KCollapse-toggle"]),
|
|
55
55
|
"data-kt-collapse-toggle": ""
|
|
56
|
-
},
|
|
56
|
+
}, B = /* @__PURE__ */ b({
|
|
57
57
|
__name: "KNavbarMenu",
|
|
58
58
|
props: {
|
|
59
59
|
items: { default: () => [] }
|
|
60
60
|
},
|
|
61
61
|
setup(e) {
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
62
|
+
const s = $(() => e.items.filter(({ hidden: l }) => !l));
|
|
63
|
+
return (l, K) => {
|
|
64
|
+
const d = g("KIcon"), f = g("KNavbarMenu", !0);
|
|
65
|
+
return n(), o("ul", D, [
|
|
66
|
+
(n(!0), o(x, null, M(s.value, (a, p) => c(l.$slots, "item", {
|
|
67
|
+
key: `navbar-menu-item-${p}`,
|
|
67
68
|
item: a
|
|
68
69
|
}, () => [
|
|
69
|
-
u(
|
|
70
|
+
u(S(A), {
|
|
70
71
|
to: a.route ?? "/",
|
|
71
72
|
custom: ""
|
|
72
73
|
}, {
|
|
73
|
-
default:
|
|
74
|
+
default: m(({ isActive: v, href: _, navigate: k }) => [
|
|
74
75
|
r("li", {
|
|
75
76
|
class: t([
|
|
76
77
|
"KNavbar-item",
|
|
77
78
|
"KCollapse is-collapsed",
|
|
78
|
-
|
|
79
|
+
v && "KNavbar-item-is-active"
|
|
79
80
|
]),
|
|
80
81
|
"data-kt-collapse": ""
|
|
81
82
|
}, [
|
|
82
83
|
r("a", {
|
|
83
84
|
class: t(["KNavbar-link"]),
|
|
84
|
-
href: a.route ?
|
|
85
|
-
onClick:
|
|
85
|
+
href: a.route ? _ : void 0,
|
|
86
|
+
onClick: I((U) => a.route ? k() : a.onClick?.(), ["prevent"])
|
|
86
87
|
}, [
|
|
87
88
|
r("span", {
|
|
88
89
|
class: t(["KNavbar-icon", a.iconClass])
|
|
89
90
|
}, [
|
|
90
|
-
u(
|
|
91
|
+
u(d, {
|
|
91
92
|
href: a.icon
|
|
92
93
|
}, null, 8, ["href"])
|
|
93
94
|
], 2),
|
|
94
|
-
a.badge ? (n(),
|
|
95
|
+
a.badge ? (n(), y(E, {
|
|
95
96
|
key: 0,
|
|
96
97
|
class: t(["KNavbar-badge", a.badgeClass]),
|
|
97
98
|
pill: "",
|
|
98
99
|
size: "sm",
|
|
99
100
|
variant: "danger"
|
|
100
101
|
}, {
|
|
101
|
-
default:
|
|
102
|
-
|
|
102
|
+
default: m(() => [
|
|
103
|
+
j(C(a.badge), 1)
|
|
103
104
|
]),
|
|
104
105
|
_: 2
|
|
105
106
|
}, 1032, ["class"])) : i("", !0),
|
|
106
107
|
r("span", {
|
|
107
108
|
class: t(["KNavbar-text", a.textClass])
|
|
108
|
-
},
|
|
109
|
-
], 8,
|
|
110
|
-
a.children ? (n(),
|
|
111
|
-
u(
|
|
109
|
+
}, C(a.text), 3)
|
|
110
|
+
], 8, F),
|
|
111
|
+
a.children ? (n(), o("span", P, [
|
|
112
|
+
u(d, { href: "#caretUp" })
|
|
112
113
|
])) : i("", !0),
|
|
113
|
-
a.children ? (n(),
|
|
114
|
+
a.children ? (n(), y(f, {
|
|
114
115
|
key: 1,
|
|
115
116
|
items: a.children,
|
|
116
117
|
class: "KCollapse-content",
|
|
@@ -124,9 +125,9 @@ const z = /* @__PURE__ */ b({
|
|
|
124
125
|
]);
|
|
125
126
|
};
|
|
126
127
|
}
|
|
127
|
-
}),
|
|
128
|
+
}), R = /* @__PURE__ */ b({
|
|
128
129
|
__name: "KNavbar",
|
|
129
|
-
props: /* @__PURE__ */
|
|
130
|
+
props: /* @__PURE__ */ N({
|
|
130
131
|
items: {},
|
|
131
132
|
bodyClass: { type: [Boolean, null, String, Object, Array] },
|
|
132
133
|
brandClass: { type: [Boolean, null, String, Object, Array] },
|
|
@@ -139,75 +140,73 @@ const z = /* @__PURE__ */ b({
|
|
|
139
140
|
expanded: { type: Boolean, default: !1 },
|
|
140
141
|
expandedModifiers: {}
|
|
141
142
|
}),
|
|
142
|
-
emits: /* @__PURE__ */
|
|
143
|
+
emits: /* @__PURE__ */ N(["toggle"], ["update:expanded"]),
|
|
143
144
|
setup(e, { emit: s }) {
|
|
144
|
-
const
|
|
145
|
-
|
|
145
|
+
const l = O(e, "expanded"), K = s, d = z(), f = () => {
|
|
146
|
+
l.value = !l.value, K("toggle", l.value);
|
|
146
147
|
};
|
|
147
|
-
return (
|
|
148
|
-
const v =
|
|
149
|
-
return n(),
|
|
148
|
+
return (a, p) => {
|
|
149
|
+
const v = g("KIcon");
|
|
150
|
+
return n(), o("aside", {
|
|
150
151
|
class: t([
|
|
151
152
|
"KNavbar",
|
|
152
|
-
|
|
153
|
+
l.value && "KNavbar-is-expanded",
|
|
153
154
|
e.fixed && "KNavbar-is-fixed"
|
|
154
155
|
])
|
|
155
156
|
}, [
|
|
156
157
|
r("div", {
|
|
157
158
|
class: t(["KNavbar-inner", e.innerClass])
|
|
158
159
|
}, [
|
|
159
|
-
|
|
160
|
+
d.brand ? (n(), o("div", {
|
|
160
161
|
key: 0,
|
|
161
162
|
class: t(["KNavbar-brand", e.brandClass])
|
|
162
163
|
}, [
|
|
163
|
-
c(
|
|
164
|
+
c(a.$slots, "brand")
|
|
164
165
|
], 2)) : i("", !0),
|
|
165
166
|
r("nav", {
|
|
166
167
|
class: t(["KNavbar-body", e.bodyClass])
|
|
167
168
|
}, [
|
|
168
|
-
c(
|
|
169
|
-
u(
|
|
170
|
-
items: e.items.filter(({ hidden: K }) => !K)
|
|
171
|
-
}, null, 8, ["items"])
|
|
169
|
+
c(a.$slots, "default", {}, () => [
|
|
170
|
+
u(B, { items: e.items }, null, 8, ["items"])
|
|
172
171
|
])
|
|
173
172
|
], 2),
|
|
174
|
-
|
|
173
|
+
d.footer ? (n(), o("div", {
|
|
175
174
|
key: 1,
|
|
176
175
|
class: t(["KNavbar-footer", e.footerClass])
|
|
177
176
|
}, [
|
|
178
|
-
c(
|
|
177
|
+
c(a.$slots, "footer")
|
|
179
178
|
], 2)) : i("", !0)
|
|
180
179
|
], 2),
|
|
181
|
-
e.hideToggle ? i("", !0) : (n(),
|
|
180
|
+
e.hideToggle ? i("", !0) : (n(), o("button", {
|
|
182
181
|
key: 0,
|
|
183
182
|
type: "button",
|
|
184
183
|
class: t(["KNavbar-toggle", e.toggleClass]),
|
|
185
|
-
onClick:
|
|
184
|
+
onClick: f
|
|
186
185
|
}, [
|
|
187
186
|
u(v, { href: "#caretLeft" })
|
|
188
187
|
], 2))
|
|
189
188
|
], 2);
|
|
190
189
|
};
|
|
191
190
|
}
|
|
192
|
-
}),
|
|
191
|
+
}), h = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
193
192
|
__proto__: null,
|
|
194
|
-
KContainer:
|
|
195
|
-
KIcon:
|
|
196
|
-
KNavbar:
|
|
197
|
-
KNavbarMenu:
|
|
198
|
-
}, Symbol.toStringTag, { value: "Module" })),
|
|
193
|
+
KContainer: T,
|
|
194
|
+
KIcon: w,
|
|
195
|
+
KNavbar: R,
|
|
196
|
+
KNavbarMenu: B
|
|
197
|
+
}, Symbol.toStringTag, { value: "Module" })), H = {
|
|
199
198
|
install(e) {
|
|
200
|
-
for (const s in
|
|
199
|
+
for (const s in h)
|
|
201
200
|
e.component(
|
|
202
201
|
s,
|
|
203
|
-
|
|
202
|
+
h[s]
|
|
204
203
|
);
|
|
205
204
|
}
|
|
206
205
|
};
|
|
207
206
|
export {
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
207
|
+
T as KContainer,
|
|
208
|
+
w as KIcon,
|
|
209
|
+
R as KNavbar,
|
|
210
|
+
B as KNavbarMenu,
|
|
211
|
+
H as default
|
|
213
212
|
};
|
package/dist/index.umd.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["knitify-vue"]={},n.Vue,n.vueRouter))})(this,(function(n,e,
|
|
1
|
+
(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("vue-router")):typeof define=="function"&&define.amd?define(["exports","vue","vue-router"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["knitify-vue"]={},n.Vue,n.vueRouter))})(this,(function(n,e,g){"use strict";const d=e.defineComponent({__name:"KContainer",props:{glassy:{type:Boolean}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["KContainer",t.glassy&&"KContainer--glassy"])},[e.renderSlot(o.$slots,"default")],2))}}),K={class:"KIcon",title:"icon",role:"img"},N=["href"],m=e.defineComponent({__name:"KIcon",props:{href:{default:""}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("svg",K,[e.createElementVNode("use",{href:`#${t.href.replace(/^#/,"")}`},null,8,N)]))}}),k=e.defineComponent({__name:"KBadge",props:{pill:{type:Boolean},size:{},subtle:{type:Boolean},variant:{}},setup(t){return(o,l)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["KBadge",t.pill&&"KBadge--pill",t.size&&`KBadge--${t.size}`,t.subtle&&"KBadge--subtle",t.variant&&`KBadge--${t.variant}`])},[e.renderSlot(o.$slots,"default")],2))}}),B={class:"KNavbar-menu"},y=["href","onClick"],h={key:0,class:e.normalizeClass(["KNavbar-caret","KCollapse-toggle"]),"data-kt-collapse-toggle":""},r=e.defineComponent({__name:"KNavbarMenu",props:{items:{default:()=>[]}},setup(t){const o=e.computed(()=>t.items.filter(({hidden:l})=>!l));return(l,C)=>{const s=e.resolveComponent("KIcon"),c=e.resolveComponent("KNavbarMenu",!0);return e.openBlock(),e.createElementBlock("ul",B,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(o.value,(a,b)=>e.renderSlot(l.$slots,"item",{key:`navbar-menu-item-${b}`,item:a},()=>[e.createVNode(e.unref(g.RouterLink),{to:a.route??"/",custom:""},{default:e.withCtx(({isActive:i,href:V,navigate:z})=>[e.createElementVNode("li",{class:e.normalizeClass(["KNavbar-item","KCollapse is-collapsed",i&&"KNavbar-item-is-active"]),"data-kt-collapse":""},[e.createElementVNode("a",{class:e.normalizeClass(["KNavbar-link"]),href:a.route?V:void 0,onClick:e.withModifiers(S=>a.route?z():a.onClick?.(),["prevent"])},[e.createElementVNode("span",{class:e.normalizeClass(["KNavbar-icon",a.iconClass])},[e.createVNode(s,{href:a.icon},null,8,["href"])],2),a.badge?(e.openBlock(),e.createBlock(k,{key:0,class:e.normalizeClass(["KNavbar-badge",a.badgeClass]),pill:"",size:"sm",variant:"danger"},{default:e.withCtx(()=>[e.createTextVNode(e.toDisplayString(a.badge),1)]),_:2},1032,["class"])):e.createCommentVNode("",!0),e.createElementVNode("span",{class:e.normalizeClass(["KNavbar-text",a.textClass])},e.toDisplayString(a.text),3)],8,y),a.children?(e.openBlock(),e.createElementBlock("span",h,[e.createVNode(s,{href:"#caretUp"})])):e.createCommentVNode("",!0),a.children?(e.openBlock(),e.createBlock(c,{key:1,items:a.children,class:"KCollapse-content","data-kt-collapse-content":""},null,8,["items"])):e.createCommentVNode("",!0)],2)]),_:2},1032,["to"])])),128))])}}}),f=e.defineComponent({__name:"KNavbar",props:e.mergeModels({items:{},bodyClass:{type:[Boolean,null,String,Object,Array]},brandClass:{type:[Boolean,null,String,Object,Array]},fixed:{type:Boolean,default:!1},footerClass:{type:[Boolean,null,String,Object,Array]},hideToggle:{type:Boolean},innerClass:{type:[Boolean,null,String,Object,Array]},toggleClass:{type:[Boolean,null,String,Object,Array]}},{expanded:{type:Boolean,default:!1},expandedModifiers:{}}),emits:e.mergeModels(["toggle"],["update:expanded"]),setup(t,{emit:o}){const l=e.useModel(t,"expanded"),C=o,s=e.useSlots(),c=()=>{l.value=!l.value,C("toggle",l.value)};return(a,b)=>{const i=e.resolveComponent("KIcon");return e.openBlock(),e.createElementBlock("aside",{class:e.normalizeClass(["KNavbar",l.value&&"KNavbar-is-expanded",t.fixed&&"KNavbar-is-fixed"])},[e.createElementVNode("div",{class:e.normalizeClass(["KNavbar-inner",t.innerClass])},[s.brand?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(["KNavbar-brand",t.brandClass])},[e.renderSlot(a.$slots,"brand")],2)):e.createCommentVNode("",!0),e.createElementVNode("nav",{class:e.normalizeClass(["KNavbar-body",t.bodyClass])},[e.renderSlot(a.$slots,"default",{},()=>[e.createVNode(r,{items:t.items},null,8,["items"])])],2),s.footer?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(["KNavbar-footer",t.footerClass])},[e.renderSlot(a.$slots,"footer")],2)):e.createCommentVNode("",!0)],2),t.hideToggle?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("button",{key:0,type:"button",class:e.normalizeClass(["KNavbar-toggle",t.toggleClass]),onClick:c},[e.createVNode(i,{href:"#caretLeft"})],2))],2)}}}),p=Object.freeze(Object.defineProperty({__proto__:null,KContainer:d,KIcon:m,KNavbar:f,KNavbarMenu:r},Symbol.toStringTag,{value:"Module"})),_={install(t){for(const o in p)t.component(o,p[o])}};n.KContainer=d,n.KIcon=m,n.KNavbar=f,n.KNavbarMenu=r,n.default=_,Object.defineProperties(n,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@knitify/vue",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.8",
|
|
4
4
|
"description": "",
|
|
5
5
|
"author": "",
|
|
6
6
|
"license": "ISC",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"vue": "^3.5.12",
|
|
19
19
|
"vue-router": "^4.0.3",
|
|
20
20
|
"vue-tsc": "^3.2.5",
|
|
21
|
-
"@knitify/core": "1.0.
|
|
21
|
+
"@knitify/core": "1.0.10"
|
|
22
22
|
},
|
|
23
23
|
"peerDependencies": {
|
|
24
24
|
"@knitify/core": "^1.0.1",
|