mhz-ui 1.2.39 → 1.2.40
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 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1hyai_1{display:flex;flex-direction:column;width:100%}._titleBlock_1hyai_7{display:flex;gap:8px;align-items:center;padding:0;background-color:var(--color-gray-light-extra);border:0;border-radius:4px}._titleBlock_1hyai_7:hover{background-color:var(--color-gray-light)}._title_1hyai_7{position:relative;z-index:1;display:flex;flex-grow:1;gap:8px;align-items:center;height:40px;padding:0 12px;font-size:1rem;text-align:left;cursor:pointer;background:none;border:none}._titleText_1hyai_36{display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;font-size:.875rem;line-height:1.2;color:var(--color-black);-webkit-box-orient:vertical}._icon_1hyai_46{display:flex;flex-shrink:0;align-items:center;transform:rotate(-90deg);transition:transform .3s ease}._icon_1hyai_46[data-expanded=true]{transform:rotate(0)}._spoilerWrapper_1hyai_57{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}._spoilerWrapper_1hyai_57[data-expanded=true]{grid-template-rows:1fr}._spoilerContent_1hyai_66{overflow:hidden}._spoilerContent_1hyai_66[data-expanded=true]{overflow:visible}._spoilerInner_1hyai_73{padding:8px 0}.dark ._titleBlock_1hyai_7{color:var(--color-white);background-color:var(--color-gray-dark-extra)}.dark ._titleText_1hyai_36,.dark ._spoilerInner_1hyai_73{color:var(--color-white)}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import "./UiSpoiler.css";
|
|
2
|
-
import { createElementBlock as
|
|
2
|
+
import { createElementBlock as r, openBlock as a, createElementVNode as o, defineComponent as p, normalizeClass as t, createVNode as c, unref as _, toDisplayString as u, renderSlot as m } from "vue";
|
|
3
3
|
import { _ as y } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const
|
|
4
|
+
const h = {
|
|
5
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
6
6
|
width: "16",
|
|
7
7
|
height: "16",
|
|
8
8
|
fill: "none"
|
|
9
9
|
};
|
|
10
|
-
function
|
|
11
|
-
return a(),
|
|
10
|
+
function $(s, n) {
|
|
11
|
+
return a(), r("svg", h, [...n[0] || (n[0] = [
|
|
12
12
|
o("path", {
|
|
13
13
|
stroke: "currentColor",
|
|
14
14
|
"stroke-linecap": "round",
|
|
@@ -17,65 +17,66 @@ function f(s, l) {
|
|
|
17
17
|
}, null, -1)
|
|
18
18
|
])]);
|
|
19
19
|
}
|
|
20
|
-
const
|
|
20
|
+
const f = { render: $ }, k = ["data-expanded"], V = ["data-expanded"], v = /* @__PURE__ */ p({
|
|
21
21
|
__name: "UiSpoiler",
|
|
22
22
|
props: {
|
|
23
23
|
modelValue: { type: Boolean },
|
|
24
24
|
title: {}
|
|
25
25
|
},
|
|
26
26
|
emits: ["update:modelValue"],
|
|
27
|
-
setup(s, { emit:
|
|
28
|
-
const
|
|
29
|
-
return (e,
|
|
27
|
+
setup(s, { emit: n }) {
|
|
28
|
+
const l = s, d = n;
|
|
29
|
+
return (e, i) => (a(), r("div", {
|
|
30
30
|
class: t(e.$style.container)
|
|
31
31
|
}, [
|
|
32
32
|
o("button", {
|
|
33
|
-
onClick:
|
|
33
|
+
onClick: i[0] || (i[0] = (E) => d("update:modelValue", !l.modelValue)),
|
|
34
34
|
class: t(e.$style.titleBlock),
|
|
35
35
|
type: "button"
|
|
36
36
|
}, [
|
|
37
37
|
o("div", {
|
|
38
38
|
class: t(e.$style.title)
|
|
39
39
|
}, [
|
|
40
|
-
c(_(
|
|
41
|
-
"data-expanded":
|
|
40
|
+
c(_(f), {
|
|
41
|
+
"data-expanded": l.modelValue,
|
|
42
42
|
class: t(e.$style.icon),
|
|
43
43
|
width: "16",
|
|
44
44
|
height: "16"
|
|
45
45
|
}, null, 8, ["data-expanded", "class"]),
|
|
46
46
|
o("span", {
|
|
47
47
|
class: t(e.$style.titleText)
|
|
48
|
-
}, u(
|
|
48
|
+
}, u(l.title), 3)
|
|
49
49
|
], 2)
|
|
50
50
|
], 2),
|
|
51
51
|
o("div", {
|
|
52
52
|
class: t(e.$style.spoilerWrapper),
|
|
53
|
-
"data-expanded":
|
|
53
|
+
"data-expanded": l.modelValue
|
|
54
54
|
}, [
|
|
55
55
|
o("div", {
|
|
56
|
-
class: t(e.$style.spoilerContent)
|
|
56
|
+
class: t(e.$style.spoilerContent),
|
|
57
|
+
"data-expanded": l.modelValue
|
|
57
58
|
}, [
|
|
58
59
|
o("div", {
|
|
59
60
|
class: t(e.$style.spoilerInner)
|
|
60
61
|
}, [
|
|
61
62
|
m(e.$slots, "default")
|
|
62
63
|
], 2)
|
|
63
|
-
],
|
|
64
|
-
], 10,
|
|
64
|
+
], 10, V)
|
|
65
|
+
], 10, k)
|
|
65
66
|
], 2));
|
|
66
67
|
}
|
|
67
|
-
}), C = "
|
|
68
|
+
}), C = "_container_1hyai_1", w = "_titleBlock_1hyai_7", B = "_title_1hyai_7", g = "_titleText_1hyai_36", x = "_icon_1hyai_46", I = "_spoilerWrapper_1hyai_57", S = "_spoilerContent_1hyai_66", T = "_spoilerInner_1hyai_73", W = {
|
|
68
69
|
container: C,
|
|
69
|
-
titleBlock:
|
|
70
|
-
title:
|
|
71
|
-
titleText:
|
|
72
|
-
icon:
|
|
70
|
+
titleBlock: w,
|
|
71
|
+
title: B,
|
|
72
|
+
titleText: g,
|
|
73
|
+
icon: x,
|
|
73
74
|
spoilerWrapper: I,
|
|
74
|
-
spoilerContent:
|
|
75
|
-
spoilerInner:
|
|
76
|
-
},
|
|
77
|
-
$style:
|
|
78
|
-
},
|
|
75
|
+
spoilerContent: S,
|
|
76
|
+
spoilerInner: T
|
|
77
|
+
}, b = {
|
|
78
|
+
$style: W
|
|
79
|
+
}, U = /* @__PURE__ */ y(v, [["__cssModules", b]]);
|
|
79
80
|
export {
|
|
80
|
-
|
|
81
|
+
U as default
|
|
81
82
|
};
|