adverich-kun-ui 0.1.79 → 0.1.80
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/adverich-kun-ui.css +1 -1
- package/dist/components/KunAlert/src/components/KunAlert.vue.js +18 -18
- package/dist/components/KunAppbar/src/components/KunAppbar.vue.js +37 -33
- package/dist/components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js +9 -9
- package/dist/components/KunBudge/src/components/KunBudge.vue.js +19 -14
- package/dist/components/KunCard/src/components/KunCard.vue.js +35 -41
- package/dist/components/KunCardActions/src/components/KunCardActions.vue.js +13 -14
- package/dist/components/KunCardItem/src/components/KunCardItem.vue.js +13 -14
- package/dist/components/KunCardSubtitle/src/components/KunCardSubtitle.vue.js +12 -15
- package/dist/components/KunCardText/src/components/KunCardText.vue.js +14 -15
- package/dist/components/KunCardTitle/src/components/KunCardTitle.vue.js +40 -44
- package/dist/components/KunChip/src/components/KunChip.vue.js +35 -35
- package/dist/components/KunChip/src/composables/useChip.js +5 -5
- package/dist/components/KunCol/src/components/KunCol.vue.js +9 -11
- package/dist/components/KunContainer/src/components/KunContainer.vue.js +14 -25
- package/dist/components/KunDivider/src/components/KunDivider.vue.js +11 -11
- package/dist/components/KunForm/src/components/KunForm.vue.js +17 -17
- package/dist/components/KunIcon/src/components/KunIcon.vue.js +19 -19
- package/dist/components/KunList/src/components/KunList.vue.js +36 -31
- package/dist/components/KunListGroup/src/components/KunListGroup.vue.js +75 -23
- package/dist/components/KunListImg/src/components/KunListImg.vue.js +17 -17
- package/dist/components/KunListItem/src/components/KunListItem.vue.js +37 -29
- package/dist/components/KunListItemAction/src/components/KunListItemAction.vue.js +25 -18
- package/dist/components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js +42 -20
- package/dist/components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js +26 -17
- package/dist/components/KunListItemText/src/components/KunListItemText.vue.js +18 -19
- package/dist/components/KunListItemTitle/src/components/KunListItemTitle.vue.js +17 -18
- package/dist/components/KunListSubheader/src/components/KunListSubheader.vue.js +25 -17
- package/dist/components/KunLoaderCircular/src/components/KunLoaderCircular.vue.js +4 -4
- package/dist/components/KunRow/src/components/KunRow.vue.js +8 -10
- package/dist/components/KunSlider/src/components/KunSlider.vue.js +22 -23
- package/dist/components/KunSpacer/src/components/KunSpacer.vue.js +5 -5
- package/dist/components/KunSwitch/src/components/KunSwitch.vue.js +25 -25
- package/dist/components/KunTooltip/src/components/KunTooltip.vue.js +26 -26
- package/dist/index.js +24 -24
- package/package.json +1 -1
|
@@ -1,11 +1,15 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { createElementBlock as r, openBlock as n, mergeProps as l, renderSlot as a, createTextVNode as o, toDisplayString as i } from "vue";
|
|
2
|
+
const g = {
|
|
3
3
|
__name: "KunListItemTitle",
|
|
4
4
|
props: {
|
|
5
5
|
title: {
|
|
6
6
|
type: [String, Number],
|
|
7
7
|
default: null
|
|
8
8
|
},
|
|
9
|
+
textColor: {
|
|
10
|
+
type: String,
|
|
11
|
+
default: "text-gray-500 dark:text-gray-400"
|
|
12
|
+
},
|
|
9
13
|
fontSize: {
|
|
10
14
|
type: String,
|
|
11
15
|
default: "text-lg"
|
|
@@ -13,28 +17,23 @@ const u = {
|
|
|
13
17
|
fontWeight: {
|
|
14
18
|
type: String,
|
|
15
19
|
default: "font-medium"
|
|
16
|
-
},
|
|
17
|
-
class: {
|
|
18
|
-
type: [String, Object, Array],
|
|
19
|
-
default: "font-semibold uppercase"
|
|
20
20
|
}
|
|
21
21
|
},
|
|
22
|
-
setup(
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
class: a([
|
|
22
|
+
setup(t) {
|
|
23
|
+
return (e, u) => (n(), r("span", l({
|
|
24
|
+
class: [
|
|
26
25
|
"truncate",
|
|
27
26
|
t.fontSize,
|
|
28
|
-
t.
|
|
29
|
-
t.
|
|
30
|
-
]
|
|
31
|
-
}, [
|
|
32
|
-
|
|
33
|
-
|
|
27
|
+
t.textColor,
|
|
28
|
+
t.fontWeight
|
|
29
|
+
]
|
|
30
|
+
}, e.$attrs), [
|
|
31
|
+
a(e.$slots, "default", {}, () => [
|
|
32
|
+
o(i(t.title), 1)
|
|
34
33
|
])
|
|
35
|
-
],
|
|
34
|
+
], 16));
|
|
36
35
|
}
|
|
37
36
|
};
|
|
38
37
|
export {
|
|
39
|
-
|
|
38
|
+
g as default
|
|
40
39
|
};
|
|
@@ -1,31 +1,39 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { createElementBlock as r, openBlock as a, mergeProps as o, createTextVNode as n, renderSlot as l, toDisplayString as i } from "vue";
|
|
2
|
+
const d = {
|
|
3
3
|
__name: "KunListSubheader",
|
|
4
4
|
props: {
|
|
5
5
|
text: {
|
|
6
6
|
type: [String, Number],
|
|
7
7
|
default: ""
|
|
8
8
|
},
|
|
9
|
-
|
|
10
|
-
type:
|
|
11
|
-
default:
|
|
9
|
+
fontSize: {
|
|
10
|
+
type: String,
|
|
11
|
+
default: "text-xs"
|
|
12
|
+
},
|
|
13
|
+
textColor: {
|
|
14
|
+
type: String,
|
|
15
|
+
default: "text-gray-500 dark:text-gray-400"
|
|
16
|
+
},
|
|
17
|
+
fontWeight: {
|
|
18
|
+
type: String,
|
|
19
|
+
default: "font-semibold"
|
|
12
20
|
}
|
|
13
21
|
},
|
|
14
22
|
setup(t) {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
class: l([
|
|
23
|
+
return (e, s) => (a(), r("li", o({
|
|
24
|
+
class: [
|
|
18
25
|
"kun-list-subheader",
|
|
19
|
-
"px-4 py-2
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
n(
|
|
26
|
-
|
|
26
|
+
"px-4 py-2 uppercase tracking-wider",
|
|
27
|
+
t.fontSize,
|
|
28
|
+
t.textColor,
|
|
29
|
+
t.fontWeight
|
|
30
|
+
]
|
|
31
|
+
}, e.$attrs, { role: "separator" }), [
|
|
32
|
+
n(i(t.text) + " ", 1),
|
|
33
|
+
l(e.$slots, "default")
|
|
34
|
+
], 16));
|
|
27
35
|
}
|
|
28
36
|
};
|
|
29
37
|
export {
|
|
30
|
-
|
|
38
|
+
d as default
|
|
31
39
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computed as i, createElementBlock as
|
|
1
|
+
import { computed as i, createElementBlock as p, openBlock as l, mergeProps as u } from "vue";
|
|
2
2
|
const g = {
|
|
3
3
|
__name: "KunLoaderCircular",
|
|
4
4
|
props: {
|
|
@@ -29,12 +29,12 @@ const g = {
|
|
|
29
29
|
maskComposite: "intersect"
|
|
30
30
|
};
|
|
31
31
|
});
|
|
32
|
-
return (e, n) => (
|
|
32
|
+
return (e, n) => (l(), p("div", u({
|
|
33
33
|
class: "relative inline-block animate-spin",
|
|
34
|
-
style:
|
|
34
|
+
style: d.value,
|
|
35
35
|
role: "status",
|
|
36
36
|
"aria-label": "Loading"
|
|
37
|
-
}, null,
|
|
37
|
+
}, e.$attrs), null, 16));
|
|
38
38
|
}
|
|
39
39
|
};
|
|
40
40
|
export {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { useAttrs as l, provide as s, computed as
|
|
1
|
+
import { useAttrs as l, provide as s, computed as r, createElementBlock as c, openBlock as i, mergeProps as d, renderSlot as p } from "vue";
|
|
2
2
|
const m = {
|
|
3
3
|
__name: "KunRow",
|
|
4
4
|
props: {
|
|
@@ -24,10 +24,10 @@ const m = {
|
|
|
24
24
|
// total de columnas del grid
|
|
25
25
|
}
|
|
26
26
|
},
|
|
27
|
-
setup(
|
|
28
|
-
const a = l(), e =
|
|
27
|
+
setup(n) {
|
|
28
|
+
const a = l(), e = n;
|
|
29
29
|
s("noGutters", e.noGutters), s("dense", e.dense);
|
|
30
|
-
const u =
|
|
30
|
+
const u = r(() => {
|
|
31
31
|
const t = ["grid", `grid-cols-${e.cols}`];
|
|
32
32
|
return e.noGutters || t.push(e.dense ? "" : "gap-4"), e.align && t.push({
|
|
33
33
|
start: "items-start",
|
|
@@ -41,15 +41,13 @@ const m = {
|
|
|
41
41
|
"space-between": "justify-between",
|
|
42
42
|
"space-around": "justify-around"
|
|
43
43
|
}[e.justify]), t;
|
|
44
|
-
}), o =
|
|
44
|
+
}), o = r(() => {
|
|
45
45
|
const t = a.class ?? "w-full";
|
|
46
46
|
return [...u.value, t].join(" ");
|
|
47
47
|
});
|
|
48
|
-
return (t,
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
f(t.$slots, "default")
|
|
52
|
-
], 2));
|
|
48
|
+
return (t, f) => (i(), c("div", d({ class: o.value }, t.$attrs), [
|
|
49
|
+
p(t.$slots, "default")
|
|
50
|
+
], 16));
|
|
53
51
|
}
|
|
54
52
|
};
|
|
55
53
|
export {
|
|
@@ -1,52 +1,51 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
import { useSliderProps as
|
|
3
|
-
import { useSlider as
|
|
1
|
+
import { createElementBlock as o, openBlock as n, mergeProps as c, createCommentVNode as a, createElementVNode as t, toDisplayString as l, withDirectives as v, normalizeClass as y, isRef as g, vModelText as h, unref as i, normalizeStyle as k } from "vue";
|
|
2
|
+
import { useSliderProps as w } from "../composables/useSliderProps.js";
|
|
3
|
+
import { useSlider as x } from "../composables/useSlider.js";
|
|
4
4
|
/* empty css */
|
|
5
|
-
import
|
|
6
|
-
const
|
|
5
|
+
import S from "../../../../_virtual/_plugin-vue_export-helper.js";
|
|
6
|
+
const V = {
|
|
7
7
|
key: 0,
|
|
8
8
|
class: "mb-2 text-sm font-medium text-gray-700"
|
|
9
|
-
},
|
|
9
|
+
}, P = { class: "relative flex items-center h-8" }, _ = ["min", "max", "step", "disabled"], j = { class: "flex justify-between text-xs text-gray-500 mt-1" }, z = {
|
|
10
10
|
__name: "KunSlider",
|
|
11
|
-
props:
|
|
11
|
+
props: w(),
|
|
12
12
|
emits: ["update:modelValue"],
|
|
13
|
-
setup(
|
|
14
|
-
const
|
|
15
|
-
return (e,
|
|
16
|
-
class:
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
t("div", V, [
|
|
13
|
+
setup(d, { emit: u }) {
|
|
14
|
+
const m = u, p = d, { internalValue: s, thumbPosition: f } = x(p, m);
|
|
15
|
+
return (e, r) => (n(), o("div", c({
|
|
16
|
+
class: ["kun-slider", { "kun-slider--disabled": e.disabled }]
|
|
17
|
+
}, e.$attrs), [
|
|
18
|
+
e.label ? (n(), o("div", V, l(e.label), 1)) : a("", !0),
|
|
19
|
+
t("div", P, [
|
|
21
20
|
v(t("input", {
|
|
22
|
-
"onUpdate:modelValue":
|
|
21
|
+
"onUpdate:modelValue": r[0] || (r[0] = (b) => g(s) ? s.value = b : null),
|
|
23
22
|
type: "range",
|
|
24
23
|
min: e.min,
|
|
25
24
|
max: e.max,
|
|
26
25
|
step: e.step,
|
|
27
26
|
disabled: e.disabled,
|
|
28
|
-
class:
|
|
27
|
+
class: y(["w-full h-1 rounded-full appearance-none cursor-pointer bg-gray-300 focus:outline-none focus:ring-2 focus:ring-blue-500", { "cursor-not-allowed opacity-60": e.disabled }])
|
|
29
28
|
}, null, 10, _), [
|
|
30
29
|
[
|
|
31
30
|
h,
|
|
32
|
-
|
|
31
|
+
i(s),
|
|
33
32
|
void 0,
|
|
34
33
|
{ number: !0 }
|
|
35
34
|
]
|
|
36
35
|
]),
|
|
37
|
-
e.thumbLabel && !e.disabled ? (
|
|
36
|
+
e.thumbLabel && !e.disabled ? (n(), o("div", {
|
|
38
37
|
key: 0,
|
|
39
38
|
class: "absolute -top-7 left-0 w-8 h-8 flex items-center justify-center text-xs text-white bg-blue-500 rounded-full pointer-events-none origin-bottom",
|
|
40
|
-
style:
|
|
41
|
-
}, l(
|
|
39
|
+
style: k({ transform: i(f) })
|
|
40
|
+
}, l(i(s)), 5)) : a("", !0)
|
|
42
41
|
]),
|
|
43
42
|
t("div", j, [
|
|
44
43
|
t("span", null, l(e.min), 1),
|
|
45
44
|
t("span", null, l(e.max), 1)
|
|
46
45
|
])
|
|
47
|
-
],
|
|
46
|
+
], 16));
|
|
48
47
|
}
|
|
49
|
-
}, N = /* @__PURE__ */
|
|
48
|
+
}, N = /* @__PURE__ */ S(z, [["__scopeId", "data-v-9e0c033a"]]);
|
|
50
49
|
export {
|
|
51
50
|
N as default
|
|
52
51
|
};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { createElementBlock as
|
|
2
|
-
const
|
|
1
|
+
import { createElementBlock as r, openBlock as a, mergeProps as n } from "vue";
|
|
2
|
+
const o = /* @__PURE__ */ Object.assign({ name: "KunSpacer" }, {
|
|
3
3
|
__name: "KunSpacer",
|
|
4
|
-
setup(
|
|
5
|
-
return (
|
|
4
|
+
setup(t) {
|
|
5
|
+
return (e, c) => (a(), r("div", n({ class: "flex-grow" }, e.$attrs), null, 16));
|
|
6
6
|
}
|
|
7
7
|
});
|
|
8
8
|
export {
|
|
9
|
-
|
|
9
|
+
o as default
|
|
10
10
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { computed as b, createElementBlock as
|
|
1
|
+
import { computed as b, createElementBlock as n, openBlock as s, mergeProps as v, createCommentVNode as d, createElementVNode as c, toDisplayString as h, withKeys as m, normalizeClass as r, withModifiers as f, renderSlot as u } from "vue";
|
|
2
2
|
const k = {
|
|
3
3
|
key: 0,
|
|
4
4
|
class: "flex flex-col items-center gap-1 cursor-pointer"
|
|
@@ -33,13 +33,13 @@ const k = {
|
|
|
33
33
|
}
|
|
34
34
|
},
|
|
35
35
|
emits: ["update:modelValue"],
|
|
36
|
-
setup(e, { emit:
|
|
37
|
-
const l = e,
|
|
38
|
-
l.disabled ||
|
|
36
|
+
setup(e, { emit: y }) {
|
|
37
|
+
const l = e, g = y, t = b(() => l.modelValue === l.trueValue), i = () => {
|
|
38
|
+
l.disabled || g(
|
|
39
39
|
"update:modelValue",
|
|
40
40
|
t.value ? l.falseValue : l.trueValue
|
|
41
41
|
);
|
|
42
|
-
},
|
|
42
|
+
}, w = b(
|
|
43
43
|
() => l.labelPosition === "top" || l.labelPosition === "bottom"
|
|
44
44
|
), x = {
|
|
45
45
|
xxs: {
|
|
@@ -85,21 +85,21 @@ const k = {
|
|
|
85
85
|
translate: "translate-x-7"
|
|
86
86
|
}
|
|
87
87
|
}, a = b(() => x[l.size] || x.md);
|
|
88
|
-
return (
|
|
89
|
-
class:
|
|
90
|
-
}, [
|
|
91
|
-
|
|
92
|
-
e.label && e.labelPosition === "top" ? (
|
|
88
|
+
return (o, $) => (s(), n("div", v({
|
|
89
|
+
class: ["select-none", { "opacity-50 cursor-not-allowed": e.disabled, "pl-6": e.inset }]
|
|
90
|
+
}, o.$attrs), [
|
|
91
|
+
w.value ? (s(), n("label", k, [
|
|
92
|
+
e.label && e.labelPosition === "top" ? (s(), n("span", C, h(e.label), 1)) : d("", !0),
|
|
93
93
|
c("div", {
|
|
94
94
|
class: r(["relative rounded-full transition-colors duration-200 cursor-pointer", [a.value.outer, t.value ? e.onColor : e.offColor]]),
|
|
95
95
|
role: "switch",
|
|
96
96
|
"aria-checked": t.value,
|
|
97
97
|
"aria-disabled": e.disabled,
|
|
98
98
|
tabindex: "0",
|
|
99
|
-
onClick:
|
|
99
|
+
onClick: i,
|
|
100
100
|
onKeydown: [
|
|
101
|
-
m(f(
|
|
102
|
-
m(f(
|
|
101
|
+
m(f(i, ["prevent"]), ["space"]),
|
|
102
|
+
m(f(i, ["prevent"]), ["enter"])
|
|
103
103
|
]
|
|
104
104
|
}, [
|
|
105
105
|
c("div", {
|
|
@@ -110,11 +110,11 @@ const k = {
|
|
|
110
110
|
t.value ? a.value.translate : "translate-x-0"
|
|
111
111
|
]])
|
|
112
112
|
}, [
|
|
113
|
-
t.value ? u(
|
|
113
|
+
t.value ? u(o.$slots, "on-icon", { key: 0 }) : u(o.$slots, "off-icon", { key: 1 })
|
|
114
114
|
], 2)
|
|
115
115
|
], 42, S),
|
|
116
|
-
e.label && e.labelPosition === "bottom" ? (
|
|
117
|
-
])) : (
|
|
116
|
+
e.label && e.labelPosition === "bottom" ? (s(), n("span", V, h(e.label), 1)) : d("", !0)
|
|
117
|
+
])) : (s(), n("label", {
|
|
118
118
|
key: 1,
|
|
119
119
|
class: r(["flex items-center gap-3 cursor-pointer", { "flex-row-reverse": e.labelPosition === "left" }])
|
|
120
120
|
}, [
|
|
@@ -124,10 +124,10 @@ const k = {
|
|
|
124
124
|
"aria-checked": t.value,
|
|
125
125
|
"aria-disabled": e.disabled,
|
|
126
126
|
tabindex: "0",
|
|
127
|
-
onClick:
|
|
127
|
+
onClick: i,
|
|
128
128
|
onKeydown: [
|
|
129
|
-
m(f(
|
|
130
|
-
m(f(
|
|
129
|
+
m(f(i, ["prevent"]), ["space"]),
|
|
130
|
+
m(f(i, ["prevent"]), ["enter"])
|
|
131
131
|
]
|
|
132
132
|
}, [
|
|
133
133
|
c("div", {
|
|
@@ -138,18 +138,18 @@ const k = {
|
|
|
138
138
|
t.value ? a.value.translate : "translate-x-0"
|
|
139
139
|
]])
|
|
140
140
|
}, [
|
|
141
|
-
t.value ? u(
|
|
141
|
+
t.value ? u(o.$slots, "on-icon", { key: 0 }) : u(o.$slots, "off-icon", { key: 1 })
|
|
142
142
|
], 2)
|
|
143
143
|
], 42, B),
|
|
144
|
-
e.label ? (
|
|
144
|
+
e.label ? (s(), n("div", P, h(e.label), 1)) : d("", !0)
|
|
145
145
|
], 2)),
|
|
146
|
-
e.hideDetails ? d("", !0) : (
|
|
146
|
+
e.hideDetails ? d("", !0) : (s(), n("div", v({
|
|
147
147
|
key: 2,
|
|
148
148
|
class: "text-xs text-gray-500 mt-1 ml-14"
|
|
149
|
-
},
|
|
150
|
-
u(
|
|
149
|
+
}, o.$attrs), [
|
|
150
|
+
u(o.$slots, "details")
|
|
151
151
|
], 16))
|
|
152
|
-
],
|
|
152
|
+
], 16));
|
|
153
153
|
}
|
|
154
154
|
};
|
|
155
155
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { useSlots as
|
|
2
|
-
import { useTooltip as
|
|
3
|
-
const
|
|
1
|
+
import { useSlots as h, computed as w, ref as N, onMounted as x, createElementBlock as u, openBlock as d, mergeProps as E, renderSlot as n, createVNode as V, createElementVNode as p, Transition as B, withCtx as L, createCommentVNode as T, unref as a, normalizeStyle as f, normalizeClass as v, createTextVNode as m, toDisplayString as y } from "vue";
|
|
2
|
+
import { useTooltip as _ } from "../composables/useTooltip.js";
|
|
3
|
+
const O = {
|
|
4
4
|
__name: "KunTooltip",
|
|
5
5
|
props: {
|
|
6
6
|
text: {
|
|
@@ -10,12 +10,12 @@ const T = { class: "kun-tooltip relative inline-block" }, $ = {
|
|
|
10
10
|
location: {
|
|
11
11
|
type: String,
|
|
12
12
|
default: "top",
|
|
13
|
-
validator: (
|
|
13
|
+
validator: (e) => ["top", "bottom", "left", "right"].includes(e)
|
|
14
14
|
},
|
|
15
15
|
openOn: {
|
|
16
16
|
type: String,
|
|
17
17
|
default: "hover",
|
|
18
|
-
validator: (
|
|
18
|
+
validator: (e) => ["hover", "click"].includes(e)
|
|
19
19
|
},
|
|
20
20
|
disabled: Boolean,
|
|
21
21
|
contentClass: {
|
|
@@ -25,7 +25,7 @@ const T = { class: "kun-tooltip relative inline-block" }, $ = {
|
|
|
25
25
|
delay: {
|
|
26
26
|
type: [String, Number],
|
|
27
27
|
default: 0,
|
|
28
|
-
validator: (
|
|
28
|
+
validator: (e) => !isNaN(parseInt(e))
|
|
29
29
|
},
|
|
30
30
|
closeOnClick: {
|
|
31
31
|
type: Boolean,
|
|
@@ -36,8 +36,8 @@ const T = { class: "kun-tooltip relative inline-block" }, $ = {
|
|
|
36
36
|
default: "fade"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
|
-
setup(
|
|
40
|
-
const o =
|
|
39
|
+
setup(e) {
|
|
40
|
+
const o = e, r = h(), k = w(() => r.activator ? {
|
|
41
41
|
onMouseenter: s,
|
|
42
42
|
onMouseleave: i,
|
|
43
43
|
onClick: c
|
|
@@ -45,29 +45,29 @@ const T = { class: "kun-tooltip relative inline-block" }, $ = {
|
|
|
45
45
|
isVisible: g,
|
|
46
46
|
arrowClass: S,
|
|
47
47
|
positionStyle: b,
|
|
48
|
-
arrowStyle:
|
|
48
|
+
arrowStyle: C,
|
|
49
49
|
onEnter: s,
|
|
50
50
|
onLeave: i,
|
|
51
51
|
onClick: c
|
|
52
|
-
} =
|
|
53
|
-
return
|
|
52
|
+
} = _(o), l = N(null);
|
|
53
|
+
return x(() => {
|
|
54
54
|
if (!r.activator && l.value) {
|
|
55
|
-
const
|
|
56
|
-
|
|
55
|
+
const t = l.value;
|
|
56
|
+
t.addEventListener("mouseenter", s), t.addEventListener("mouseleave", i), t.addEventListener("click", c);
|
|
57
57
|
}
|
|
58
|
-
}), (
|
|
59
|
-
n(
|
|
58
|
+
}), (t, $) => (d(), u("div", E({ class: "kun-tooltip relative inline-block" }, t.$attrs), [
|
|
59
|
+
n(t.$slots, "activator", { props: k.value }, () => [
|
|
60
60
|
p("span", {
|
|
61
61
|
ref_key: "activator",
|
|
62
62
|
ref: l,
|
|
63
63
|
class: "kun-tooltip-activator"
|
|
64
64
|
}, [
|
|
65
|
-
n(
|
|
65
|
+
n(t.$slots, "default")
|
|
66
66
|
], 512)
|
|
67
67
|
]),
|
|
68
|
-
|
|
69
|
-
default:
|
|
70
|
-
a(g) ? (
|
|
68
|
+
V(B, { name: "fade" }, {
|
|
69
|
+
default: L(() => [
|
|
70
|
+
a(g) ? (d(), u("div", {
|
|
71
71
|
key: 0,
|
|
72
72
|
ref: "tooltip",
|
|
73
73
|
class: v([
|
|
@@ -77,21 +77,21 @@ const T = { class: "kun-tooltip relative inline-block" }, $ = {
|
|
|
77
77
|
]),
|
|
78
78
|
style: f(a(b))
|
|
79
79
|
}, [
|
|
80
|
-
y(
|
|
81
|
-
n(
|
|
82
|
-
y(
|
|
80
|
+
m(y(o.text) + " ", 1),
|
|
81
|
+
n(t.$slots, "default", {}, () => [
|
|
82
|
+
m(y(o.text), 1)
|
|
83
83
|
]),
|
|
84
84
|
p("div", {
|
|
85
85
|
class: v(["kun-tooltip-arrow", a(S)]),
|
|
86
|
-
style: f(a(
|
|
86
|
+
style: f(a(C))
|
|
87
87
|
}, null, 6)
|
|
88
|
-
], 6)) :
|
|
88
|
+
], 6)) : T("", !0)
|
|
89
89
|
]),
|
|
90
90
|
_: 3
|
|
91
91
|
})
|
|
92
|
-
]));
|
|
92
|
+
], 16));
|
|
93
93
|
}
|
|
94
94
|
};
|
|
95
95
|
export {
|
|
96
|
-
|
|
96
|
+
O as default
|
|
97
97
|
};
|
package/dist/index.js
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
/* empty css */
|
|
2
2
|
import r from "./components/KunAlert/src/components/KunAlert.vue.js";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import o from "./components/KunAppbar/src/components/KunAppbar.vue.js";
|
|
4
|
+
import t from "./components/KunAppbarTitle/src/components/KunAppbarTitle.vue.js";
|
|
5
5
|
import a from "./components/KunAutocomplete/src/components/KunAutocomplete.vue.js";
|
|
6
6
|
import s from "./components/KunBtn/src/components/KunBtn.vue.js";
|
|
7
7
|
import u from "./components/KunBudge/src/components/KunBudge.vue.js";
|
|
8
8
|
import f from "./components/KunCard/src/components/KunCard.vue.js";
|
|
9
9
|
import K from "./components/KunCardActions/src/components/KunCardActions.vue.js";
|
|
10
10
|
import _ from "./components/KunCardItem/src/components/KunCardItem.vue.js";
|
|
11
|
-
import
|
|
12
|
-
import
|
|
11
|
+
import p from "./components/KunCardSubtitle/src/components/KunCardSubtitle.vue.js";
|
|
12
|
+
import e from "./components/KunCardText/src/components/KunCardText.vue.js";
|
|
13
13
|
import c from "./components/KunCardTitle/src/components/KunCardTitle.vue.js";
|
|
14
14
|
import $ from "./components/KunChip/src/components/KunChip.vue.js";
|
|
15
15
|
import l from "./components/KunCol/src/components/KunCol.vue.js";
|
|
@@ -18,14 +18,14 @@ import L from "./components/KunCurrency/src/components/KunCurrency.vue.js";
|
|
|
18
18
|
import C from "./components/KunDivider/src/components/KunDivider.vue.js";
|
|
19
19
|
import I from "./components/KunForm/src/components/KunForm.vue.js";
|
|
20
20
|
import T from "./components/KunIcon/src/components/KunIcon.vue.js";
|
|
21
|
-
import
|
|
22
|
-
import
|
|
21
|
+
import b from "./components/KunList/src/components/KunList.vue.js";
|
|
22
|
+
import A from "./components/KunListGroup/src/components/KunListGroup.vue.js";
|
|
23
23
|
import S from "./components/KunListImg/src/components/KunListImg.vue.js";
|
|
24
24
|
import x from "./components/KunListItem/src/components/KunListItem.vue.js";
|
|
25
25
|
import h from "./components/KunListItemAction/src/components/KunListItemAction.vue.js";
|
|
26
26
|
import g from "./components/KunListItemAvatar/src/components/KunListItemAvatar.vue.js";
|
|
27
|
-
import
|
|
28
|
-
import
|
|
27
|
+
import w from "./components/KunListItemSubtitle/src/components/KunListItemSubtitle.vue.js";
|
|
28
|
+
import v from "./components/KunListItemTitle/src/components/KunListItemTitle.vue.js";
|
|
29
29
|
import B from "./components/KunListItemText/src/components/KunListItemText.vue.js";
|
|
30
30
|
import F from "./components/KunListSubheader/src/components/KunListSubheader.vue.js";
|
|
31
31
|
import y from "./components/kunMenu/src/components/kunMenu.vue.js";
|
|
@@ -39,17 +39,17 @@ import M from "./components/KunToolbar/src/components/KunToolbar.vue.js";
|
|
|
39
39
|
import z from "./components/KunTooltip/src/components/KunTooltip.vue.js";
|
|
40
40
|
const n = {
|
|
41
41
|
KunAlert: r,
|
|
42
|
-
KunAppbar:
|
|
43
|
-
KunAppbarTitle:
|
|
42
|
+
KunAppbar: o,
|
|
43
|
+
KunAppbarTitle: t,
|
|
44
44
|
KunAutocomplete: a,
|
|
45
45
|
KunBtn: s,
|
|
46
46
|
KunBudge: u,
|
|
47
47
|
KunCard: f,
|
|
48
48
|
KunCardActions: K,
|
|
49
49
|
KunCardItem: _,
|
|
50
|
-
KunCardSubtitle:
|
|
51
|
-
KunListItemTitle:
|
|
52
|
-
KunCardText:
|
|
50
|
+
KunCardSubtitle: p,
|
|
51
|
+
KunListItemTitle: v,
|
|
52
|
+
KunCardText: e,
|
|
53
53
|
KunCardTitle: c,
|
|
54
54
|
KunChip: $,
|
|
55
55
|
KunCol: l,
|
|
@@ -58,13 +58,13 @@ const n = {
|
|
|
58
58
|
KunDivider: C,
|
|
59
59
|
KunForm: I,
|
|
60
60
|
KunIcon: T,
|
|
61
|
-
KunList:
|
|
62
|
-
KunListGroup:
|
|
61
|
+
KunList: b,
|
|
62
|
+
KunListGroup: A,
|
|
63
63
|
KunListImg: S,
|
|
64
64
|
KunListItem: x,
|
|
65
65
|
KunListItemAction: h,
|
|
66
66
|
KunListItemAvatar: g,
|
|
67
|
-
KunListItemSubtitle:
|
|
67
|
+
KunListItemSubtitle: w,
|
|
68
68
|
KunListItemText: B,
|
|
69
69
|
KunListSubheader: F,
|
|
70
70
|
KunMenu: y,
|
|
@@ -83,16 +83,16 @@ function hm(i) {
|
|
|
83
83
|
}
|
|
84
84
|
export {
|
|
85
85
|
r as KunAlert,
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
o as KunAppbar,
|
|
87
|
+
t as KunAppbarTitle,
|
|
88
88
|
a as KunAutocomplete,
|
|
89
89
|
s as KunBtn,
|
|
90
90
|
u as KunBudge,
|
|
91
91
|
f as KunCard,
|
|
92
92
|
K as KunCardActions,
|
|
93
93
|
_ as KunCardItem,
|
|
94
|
-
|
|
95
|
-
|
|
94
|
+
p as KunCardSubtitle,
|
|
95
|
+
e as KunCardText,
|
|
96
96
|
c as KunCardTitle,
|
|
97
97
|
$ as KunChip,
|
|
98
98
|
l as KunCol,
|
|
@@ -101,15 +101,15 @@ export {
|
|
|
101
101
|
C as KunDivider,
|
|
102
102
|
I as KunForm,
|
|
103
103
|
T as KunIcon,
|
|
104
|
-
|
|
105
|
-
|
|
104
|
+
b as KunList,
|
|
105
|
+
A as KunListGroup,
|
|
106
106
|
S as KunListImg,
|
|
107
107
|
x as KunListItem,
|
|
108
108
|
h as KunListItemAction,
|
|
109
109
|
g as KunListItemAvatar,
|
|
110
|
-
|
|
110
|
+
w as KunListItemSubtitle,
|
|
111
111
|
B as KunListItemText,
|
|
112
|
-
|
|
112
|
+
v as KunListItemTitle,
|
|
113
113
|
F as KunListSubheader,
|
|
114
114
|
D as KunLoaderCircular,
|
|
115
115
|
y as KunMenu,
|