mhz-ui 1.2.35 → 1.2.37
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/UiButtongroup/UiButtongroup.css +1 -1
- package/dist/UiButtongroup/UiButtongroup.js +26 -26
- package/dist/UiChart/UiChart.js +1 -1
- package/dist/UiCheckbox/UiCheckbox.css +1 -1
- package/dist/UiCheckbox/UiCheckbox.js +22 -22
- package/dist/UiEditor/UiEditor.css +1 -1
- package/dist/UiEditor/UiEditor.js +1 -1
- package/dist/UiInput/UiInput.css +1 -1
- package/dist/UiInput/UiInput.js +5 -5
- package/dist/UiSpoiler/UiSpoiler.css +1 -1
- package/dist/UiSpoiler/UiSpoiler.js +37 -28
- package/dist/UiTabs/UiTabs.css +1 -1
- package/dist/UiTabs/UiTabs.js +14 -14
- package/dist/colors.scss +4 -4
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1fu8t_1{display:flex;flex-grow:1;flex-direction:column;gap:4px;width:100%}._options_1fu8t_9{display:flex;height:40px;border:1px solid var(--color-gray);border-radius:16px}._options_1fu8t_9[data-tall=true]{height:52px}._button_1fu8t_19{display:flex;flex-grow:1;align-items:center;justify-content:center;font-size:1rem;color:var(--color-black);cursor:pointer;background-color:var(--color-gray-light);border:none}._button_1fu8t_19:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}._button_1fu8t_19[data-fill=true]:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}._button_1fu8t_19[data-current=true]{color:var(--color-white);background-color:var(--color-accent-dark)}._input_1fu8t_43{flex-grow:1;min-width:60px;max-width:80px;font-size:1rem;text-align:center;outline:none;border:none;border-top-right-radius:16px;border-bottom-right-radius:16px}.dark ._options_1fu8t_9{border:none}.dark ._button_1fu8t_19{background-color:var(--color-gray-dark)}.dark ._button_1fu8t_19[data-current=true]{color:var(--color-white);background-color:var(--color-accent-dark)}.dark ._title_1fu8t_65{color:var(--color-white)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./UiButtongroup.css";
|
|
2
|
-
import { defineComponent as m, createElementBlock as s, openBlock as l, normalizeClass as
|
|
3
|
-
import { _ as
|
|
2
|
+
import { defineComponent as m, createElementBlock as s, openBlock as l, normalizeClass as o, createElementVNode as i, toDisplayString as r, createCommentVNode as _, Fragment as f, renderList as y } from "vue";
|
|
3
|
+
import { _ as b } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const V = ["data-tall"], $ = ["onClick", "data-current", "data-fill"], g = ["value"], k = /* @__PURE__ */ m({
|
|
5
5
|
__name: "UiButtongroup",
|
|
6
6
|
props: {
|
|
@@ -11,35 +11,35 @@ const V = ["data-tall"], $ = ["onClick", "data-current", "data-fill"], g = ["val
|
|
|
11
11
|
isInput: { type: Boolean }
|
|
12
12
|
},
|
|
13
13
|
emits: ["update:modelValue"],
|
|
14
|
-
setup(
|
|
15
|
-
const e =
|
|
14
|
+
setup(p, { emit: c }) {
|
|
15
|
+
const e = p, d = c;
|
|
16
16
|
function a(t) {
|
|
17
17
|
d("update:modelValue", typeof t == "number" ? t : Number(t.target.value));
|
|
18
18
|
}
|
|
19
|
-
return (t,
|
|
20
|
-
class:
|
|
19
|
+
return (t, u) => (l(), s("div", {
|
|
20
|
+
class: o(t.$style.container)
|
|
21
21
|
}, [
|
|
22
|
-
|
|
23
|
-
class:
|
|
22
|
+
i("label", {
|
|
23
|
+
class: o(t.$style.title)
|
|
24
24
|
}, r(e.title), 3),
|
|
25
|
-
|
|
26
|
-
class:
|
|
25
|
+
i("div", {
|
|
26
|
+
class: o(t.$style.options),
|
|
27
27
|
"data-tall": e.isTall
|
|
28
28
|
}, [
|
|
29
|
-
(l(!0), s(
|
|
30
|
-
key:
|
|
31
|
-
onClick: (
|
|
29
|
+
(l(!0), s(f, null, y(e.options, (n) => (l(), s("button", {
|
|
30
|
+
key: n,
|
|
31
|
+
onClick: (M) => a(n),
|
|
32
32
|
type: "button",
|
|
33
|
-
class:
|
|
34
|
-
"data-current": e.modelValue ===
|
|
33
|
+
class: o(t.$style.button),
|
|
34
|
+
"data-current": e.modelValue === n,
|
|
35
35
|
"data-fill": !e.isInput
|
|
36
|
-
}, r(
|
|
36
|
+
}, r(n), 11, $))), 128)),
|
|
37
37
|
e.isInput ? (l(), s("input", {
|
|
38
38
|
key: 0,
|
|
39
39
|
type: "number",
|
|
40
|
-
class:
|
|
40
|
+
class: o(t.$style.input),
|
|
41
41
|
value: e.modelValue,
|
|
42
|
-
onChange:
|
|
42
|
+
onChange: u[0] || (u[0] = (n) => a(n)),
|
|
43
43
|
step: "1",
|
|
44
44
|
min: "1",
|
|
45
45
|
max: "60"
|
|
@@ -47,15 +47,15 @@ const V = ["data-tall"], $ = ["onClick", "data-current", "data-fill"], g = ["val
|
|
|
47
47
|
], 10, V)
|
|
48
48
|
], 2));
|
|
49
49
|
}
|
|
50
|
-
}), B = "
|
|
50
|
+
}), B = "_container_1fu8t_1", C = "_options_1fu8t_9", v = "_button_1fu8t_19", h = "_input_1fu8t_43", I = "_title_1fu8t_65", N = {
|
|
51
51
|
container: B,
|
|
52
52
|
options: C,
|
|
53
|
-
button:
|
|
54
|
-
input:
|
|
55
|
-
title:
|
|
56
|
-
},
|
|
57
|
-
$style:
|
|
58
|
-
},
|
|
53
|
+
button: v,
|
|
54
|
+
input: h,
|
|
55
|
+
title: I
|
|
56
|
+
}, E = {
|
|
57
|
+
$style: N
|
|
58
|
+
}, z = /* @__PURE__ */ b(k, [["__cssModules", E]]);
|
|
59
59
|
export {
|
|
60
|
-
|
|
60
|
+
z as default
|
|
61
61
|
};
|
package/dist/UiChart/UiChart.js
CHANGED
|
@@ -8099,7 +8099,7 @@ const Hc = /* @__PURE__ */ wi("bar", ma), Vc = /* @__PURE__ */ wi("line", _a), N
|
|
|
8099
8099
|
Xl,
|
|
8100
8100
|
Ul,
|
|
8101
8101
|
uc
|
|
8102
|
-
), et.defaults.font.family = "base", et.defaults.borderColor = "#ddd", et.defaults.color = "#
|
|
8102
|
+
), et.defaults.font.family = "base", et.defaults.borderColor = "#ddd", et.defaults.color = "#888", et.defaults.elements.point.radius = 4, et.defaults.elements.point.hoverRadius = 5, et.defaults.elements.line.borderWidth = 3.2, et.defaults.elements.line.tension = 0.3;
|
|
8103
8103
|
const o = {
|
|
8104
8104
|
labels: [...t.labels],
|
|
8105
8105
|
datasets: [...t.datasets]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._checkbox_4f2xv_1{position:relative;display:flex;flex-direction:row-reverse;gap:8px;width:fit-content;cursor:pointer;user-select:none}._checkbox_4f2xv_1[data-switcher=true]{gap:6px}._checkbox_4f2xv_1:hover ._fake_4f2xv_13{border-color:var(--color-primary)}._checkbox_4f2xv_1:hover ._fake_4f2xv_13[data-switcher=true]{background-color:var(--color-gray-dark);border:none}._checkbox_4f2xv_1:hover ._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){border-color:var(--color-gray)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13[data-disabled=true][data-switcher=true]{background-color:var(--color-gray)}._checkbox_4f2xv_1:hover ._input_4f2xv_23:checked+._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._checkbox_4f2xv_1[data-disabled=true]{color:var(--color-gray-dark)}._input_4f2xv_23{position:absolute;z-index:1;appearance:none;border:none}._input_4f2xv_23:checked+._fake_4f2xv_13{position:relative;background-color:var(--color-primary);border-color:var(--color-primary)}._input_4f2xv_23:checked+._fake_4f2xv_13 ._line_4f2xv_49{position:absolute;height:2px;background-color:var(--color-white);border-radius:2px}._input_4f2xv_23:checked+._fake_4f2xv_13 ._leftLine_4f2xv_55{top:55%;left:10%;width:40%;transform:rotate(45deg)}._input_4f2xv_23:checked+._fake_4f2xv_13 ._rightLine_4f2xv_61{top:45%;left:30%;width:65%;transform:rotate(-45deg)}._input_4f2xv_23:checked+._fake_4f2xv_13[data-switcher=true]:before{transform:translate(12px)}._fake_4f2xv_13{z-index:0;flex-shrink:0;width:20px;height:20px;margin-top:2px;cursor:pointer;outline:none;border:1px solid var(--color-gray-dark);border-radius:4px}._fake_4f2xv_13:focus{width:20px;height:20px;outline:auto}._fake_4f2xv_13[data-switcher=true]{position:relative;width:32px;height:20px;background-color:var(--color-gray);border:none;border-radius:16px;transition:all .3s}._fake_4f2xv_13[data-switcher=true]:before{position:absolute;top:4px;left:4px;width:12px;height:12px;content:"";background-color:var(--color-white);border-radius:50%;transition:all .2s}._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._fake_4f2xv_13[data-disabled=true]:not([data-switcher=true]):focus{outline:none}._fake_4f2xv_13[data-disabled=true][data-switcher=true]{background-color:var(--color-gray);border-color:var(--color-gray)}._fake_4f2xv_13[data-disabled=true][data-switcher=true]:focus{outline:none}._fake_4f2xv_13[data-error=true]{border-color:var(--color-error)}._labelSub_4f2xv_125{font-size:.875rem;color:var(--color-gray-dark-extra)}._required_4f2xv_130{color:var(--color-error)}.dark ._label_4f2xv_125{color:var(--color-white)}.dark ._labelSub_4f2xv_125{color:var(--color-gray)}.dark ._input_4f2xv_23:checked+._fake_4f2xv_13{background-color:var(--color-primary)}.dark ._fake_4f2xv_13[data-switcher=true]{background-color:var(--color-gray-dark)}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./UiCheckbox.css";
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import { _ as
|
|
4
|
-
const c = !1, u = "", S = ["data-disabled", "data-switcher"],
|
|
2
|
+
import { defineComponent as h, ref as _, createElementBlock as t, openBlock as a, normalizeClass as s, withModifiers as k, createCommentVNode as i, createElementVNode as o, toDisplayString as d, withKeys as m } from "vue";
|
|
3
|
+
import { _ as v } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
const c = !1, u = "", S = ["data-disabled", "data-switcher"], w = ["value", "checked", "disabled"], $ = ["data-switcher", "data-disabled", "data-error"], L = /* @__PURE__ */ h({
|
|
5
5
|
__name: "UiCheckbox",
|
|
6
6
|
props: {
|
|
7
7
|
initialValue: { type: [Boolean, String, Number], default: c },
|
|
@@ -15,12 +15,12 @@ const c = !1, u = "", S = ["data-disabled", "data-switcher"], q = ["value", "che
|
|
|
15
15
|
isSwitcher: { type: Boolean }
|
|
16
16
|
},
|
|
17
17
|
emits: ["update:modelValue"],
|
|
18
|
-
setup(b, { emit:
|
|
19
|
-
const e = b,
|
|
20
|
-
function
|
|
18
|
+
setup(b, { emit: f }) {
|
|
19
|
+
const e = b, p = f, n = _();
|
|
20
|
+
function y() {
|
|
21
21
|
if (n.value) {
|
|
22
22
|
const l = n.value.checked ? e.initialValue || !0 : !1;
|
|
23
|
-
|
|
23
|
+
p("update:modelValue", l);
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
26
|
return (l, r) => (a(), t("label", {
|
|
@@ -49,7 +49,7 @@ const c = !1, u = "", S = ["data-disabled", "data-switcher"], q = ["value", "che
|
|
|
49
49
|
}, "*", 2)) : i("", !0)
|
|
50
50
|
], 2)) : i("", !0),
|
|
51
51
|
o("input", {
|
|
52
|
-
onChange:
|
|
52
|
+
onChange: y,
|
|
53
53
|
type: "checkbox",
|
|
54
54
|
ref_key: "checkbox",
|
|
55
55
|
ref: n,
|
|
@@ -58,9 +58,9 @@ const c = !1, u = "", S = ["data-disabled", "data-switcher"], q = ["value", "che
|
|
|
58
58
|
disabled: e.isDisabled,
|
|
59
59
|
class: s(l.$style.input),
|
|
60
60
|
tabindex: "-1"
|
|
61
|
-
}, null, 42,
|
|
61
|
+
}, null, 42, w),
|
|
62
62
|
o("div", {
|
|
63
|
-
onKeydown: r[0] || (r[0] =
|
|
63
|
+
onKeydown: r[0] || (r[0] = m((N) => n.value?.click(), ["space"])),
|
|
64
64
|
"data-switcher": e.isSwitcher,
|
|
65
65
|
"data-disabled": e.isDisabled,
|
|
66
66
|
"data-error": !!e.error,
|
|
@@ -88,19 +88,19 @@ const c = !1, u = "", S = ["data-disabled", "data-switcher"], q = ["value", "che
|
|
|
88
88
|
], 2)) : i("", !0)
|
|
89
89
|
], 10, S));
|
|
90
90
|
}
|
|
91
|
-
}), g = "
|
|
91
|
+
}), g = "_checkbox_4f2xv_1", x = "_fake_4f2xv_13", V = "_input_4f2xv_23", q = "_line_4f2xv_49", B = "_leftLine_4f2xv_55", C = "_rightLine_4f2xv_61", D = "_labelSub_4f2xv_125", E = "_required_4f2xv_130", U = "_label_4f2xv_125", A = {
|
|
92
92
|
checkbox: g,
|
|
93
|
-
fake:
|
|
93
|
+
fake: x,
|
|
94
94
|
input: V,
|
|
95
|
-
line:
|
|
96
|
-
leftLine:
|
|
97
|
-
rightLine:
|
|
98
|
-
labelSub:
|
|
99
|
-
required:
|
|
100
|
-
label:
|
|
101
|
-
},
|
|
102
|
-
$style:
|
|
103
|
-
},
|
|
95
|
+
line: q,
|
|
96
|
+
leftLine: B,
|
|
97
|
+
rightLine: C,
|
|
98
|
+
labelSub: D,
|
|
99
|
+
required: E,
|
|
100
|
+
label: U
|
|
101
|
+
}, M = {
|
|
102
|
+
$style: A
|
|
103
|
+
}, K = /* @__PURE__ */ v(L, [["__cssModules", M]]);
|
|
104
104
|
export {
|
|
105
|
-
|
|
105
|
+
K as default
|
|
106
106
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_85du8_1{display:flex;flex-direction:column;width:100%;border:1px solid var(--color-gray);border-radius:16px}._container_85du8_1:focus-within{border:1px solid var(--color-primary)}._container_85du8_1:hover{cursor:text}._container_85du8_1:hover:not(:focus-within){border:1px solid var(--color-gray-dark-extra)}._actions_85du8_18{display:flex;gap:4px;padding:4px;border-bottom:1px solid var(--color-gray)}._action_85du8_18{display:flex;align-items:center;justify-content:center;min-width:32px;padding:8px;font-weight:700;cursor:pointer;background-color:var(--color-transparent);border:none;border-radius:8px}._action_85du8_18:hover{background-color:var(--color-primary-light)}._editor_85du8_41{padding:8px 16px;font-size:1rem;outline:none}._editor_85du8_41 .ProseMirror{outline:none}.dark ._container_85du8_1{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._editor_85du8_41{color:var(--color-black)}
|
|
@@ -15646,7 +15646,7 @@ const fg = ["onClick"], hg = /* @__PURE__ */ un({
|
|
|
15646
15646
|
}, null, 8, ["editor", "class"])
|
|
15647
15647
|
], 2));
|
|
15648
15648
|
}
|
|
15649
|
-
}), pg = "
|
|
15649
|
+
}), pg = "_container_85du8_1", mg = "_actions_85du8_18", gg = "_action_85du8_18", yg = "_editor_85du8_41", bg = {
|
|
15650
15650
|
container: pg,
|
|
15651
15651
|
actions: mg,
|
|
15652
15652
|
action: gg,
|
package/dist/UiInput/UiInput.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._inputBlock_1ijjn_1{position:relative;display:flex;width:100%;border-radius:16px}._inputBlock_1ijjn_1[data-mode=select]{cursor:pointer}._inputBlock_1ijjn_1[data-mode=select]:hover ._input_1ijjn_1{border:1px solid var(--color-gray-dark-extra)}._input_1ijjn_1{width:100%;height:40px;padding:0 16px;font-size:1rem;outline:none;border:1px solid var(--color-gray);border-radius:16px}._input_1ijjn_1:hover{border:1px solid var(--color-gray-dark-extra)}._input_1ijjn_1:focus{border:1px solid var(--color-primary)}._input_1ijjn_1:disabled{color:var(--color-gray-dark-extra);background:var(--color-gray-light-extra);border-color:var(--color-transparent)}._input_1ijjn_1::placeholder{color:var(--color-gray-dark-extra)}._input_1ijjn_1[data-mode=select]{pointer-events:none}._input_1ijjn_1[data-append-icon=true]{padding-right:40px}._input_1ijjn_1[data-center=true]{text-align:center}._icon_1ijjn_47{position:absolute;top:calc(50% - 8px);right:12px;color:var(--color-gray-dark);cursor:pointer}._icon_1ijjn_47[data-password=true]{top:calc(50% - 12px);width:24px;height:24px}.dark ._input_1ijjn_1{background-color:var(--color-gray-dark);border:1px solid var(--color-gray-dark-extra)}.dark ._icon_1ijjn_47{color:var(--color-gray-dark-extra)}
|
package/dist/UiInput/UiInput.js
CHANGED
|
@@ -44,15 +44,15 @@ function V(i, t) {
|
|
|
44
44
|
}, null, -1)
|
|
45
45
|
])]);
|
|
46
46
|
}
|
|
47
|
-
const
|
|
47
|
+
const j = { render: V }, q = {
|
|
48
48
|
xmlns: "http://www.w3.org/2000/svg",
|
|
49
49
|
width: "16",
|
|
50
50
|
height: "16",
|
|
51
51
|
fill: "none",
|
|
52
|
-
viewBox: "0
|
|
52
|
+
viewBox: "0 -3 24 24"
|
|
53
53
|
};
|
|
54
54
|
function S(i, t) {
|
|
55
|
-
return a(), d("svg",
|
|
55
|
+
return a(), d("svg", q, [...t[0] || (t[0] = [
|
|
56
56
|
l("path", {
|
|
57
57
|
fill: "currentColor",
|
|
58
58
|
d: "M2.69 6.705a.75.75 0 0 0-1.38.59zm12.897 6.624-.274-.698zm-6.546.409a.75.75 0 1 0-1.257-.818zm-2.67 1.353a.75.75 0 1 0 1.258.818zM22.69 7.295a.75.75 0 0 0-1.378-.59zM19 11.13l-.513-.547zm.97 2.03a.75.75 0 1 0 1.06-1.06zM11.25 16.5a.75.75 0 0 0 1.5 0zm5.121-.591a.75.75 0 1 0 1.258-.818zm-10.84-4.25A.75.75 0 0 0 4.47 10.6zm-2.561.44a.75.75 0 0 0 1.06 1.06zM12 13.25c-3.224 0-5.539-1.605-7.075-3.26a13.6 13.6 0 0 1-1.702-2.28 12 12 0 0 1-.507-.946l-.022-.049-.004-.01-.001-.001L2 7l-.69.296h.001l.001.003.003.006.04.088q.039.088.117.243c.103.206.256.496.462.841.41.69 1.035 1.61 1.891 2.533C5.54 12.855 8.224 14.75 12 14.75zm3.313-.62c-.97.383-2.071.62-3.313.62v1.5c1.438 0 2.725-.276 3.862-.723zm-7.529.29L6.371 15.09l1.258.818 1.412-2.171zM22 7l-.69-.296h.001v.002l-.007.013-.028.062a12.349 12.349 0 0 1-.64 1.162 13.3 13.3 0 0 1-2.15 2.639l1.027 1.094a14.8 14.8 0 0 0 3.122-4.26l.039-.085.01-.024.004-.007v-.003h.001v-.001zm-3.513 3.582c-.86.806-1.913 1.552-3.174 2.049l.549 1.396c1.473-.58 2.685-1.444 3.651-2.351zm-.017 1.077 1.5 1.5 1.06-1.06-1.5-1.5zM11.25 14v2.5h1.5V14zm3.709-.262 1.412 2.171 1.258-.818-1.413-2.171zm-10.49-3.14-1.5 1.5L4.03 13.16l1.5-1.5z"
|
|
@@ -74,7 +74,7 @@ const D = { render: S }, F = ["data-mode", "tabindex"], L = ["value", "disabled"
|
|
|
74
74
|
},
|
|
75
75
|
emits: ["update:modelValue", "toggle"],
|
|
76
76
|
setup(i, { emit: t }) {
|
|
77
|
-
const e = i, r = t, c = p(), s = p(!1), w = h(() => e.isCopy ? P : e.isPassword && s.value ?
|
|
77
|
+
const e = i, r = t, c = p(), s = p(!1), w = h(() => e.isCopy ? P : e.isPassword && s.value ? j : e.isPassword && !s.value ? D : e.appendIcon);
|
|
78
78
|
function f(o) {
|
|
79
79
|
r("update:modelValue", o.value);
|
|
80
80
|
}
|
|
@@ -114,7 +114,7 @@ const D = { render: S }, F = ["data-mode", "tabindex"], L = ["value", "disabled"
|
|
|
114
114
|
}, null, 8, ["class", "data-copy", "data-password"])) : k("", !0)
|
|
115
115
|
], 42, F));
|
|
116
116
|
}
|
|
117
|
-
}), A = "
|
|
117
|
+
}), A = "_inputBlock_1ijjn_1", E = "_input_1ijjn_1", K = "_icon_1ijjn_47", T = {
|
|
118
118
|
inputBlock: A,
|
|
119
119
|
input: E,
|
|
120
120
|
icon: K
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_19ay2_1{display:flex;flex-direction:column;width:100%}._titleBlock_19ay2_7{display:flex;gap:8px;align-items:center;padding:0;background-color:var(--color-gray-light-extra);border:0;border-radius:4px}._titleBlock_19ay2_7:hover{background-color:var(--color-gray-light)}._title_19ay2_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_19ay2_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_19ay2_46{display:flex;flex-shrink:0;align-items:center;transform:rotate(-90deg);transition:transform .3s ease}._icon_19ay2_46[data-expanded=true]{transform:rotate(0)}._spoilerWrapper_19ay2_57{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}._spoilerWrapper_19ay2_57[data-expanded=true]{grid-template-rows:1fr}._spoilerContent_19ay2_66{overflow:hidden}._spoilerInner_19ay2_70{padding:8px 0}.dark ._titleBlock_19ay2_7{color:var(--color-white);background-color:var(--color-gray-dark-extra)}.dark ._titleText_19ay2_36,.dark ._spoilerInner_19ay2_70{color:var(--color-white)}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import "./UiSpoiler.css";
|
|
2
|
-
import { createElementBlock as
|
|
3
|
-
import { _ as
|
|
4
|
-
const
|
|
2
|
+
import { createElementBlock as i, openBlock as a, createElementVNode as o, defineComponent as d, normalizeClass as t, createVNode as c, unref as _, toDisplayString as u, renderSlot as m } from "vue";
|
|
3
|
+
import { _ as y } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
const $ = {
|
|
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 f(s, l) {
|
|
11
|
+
return a(), i("svg", $, [...l[0] || (l[0] = [
|
|
12
12
|
o("path", {
|
|
13
13
|
stroke: "currentColor",
|
|
14
14
|
"stroke-linecap": "round",
|
|
@@ -17,56 +17,65 @@ function h(n, l) {
|
|
|
17
17
|
}, null, -1)
|
|
18
18
|
])]);
|
|
19
19
|
}
|
|
20
|
-
const
|
|
20
|
+
const k = { render: f }, h = ["data-expanded"], v = /* @__PURE__ */ d({
|
|
21
21
|
__name: "UiSpoiler",
|
|
22
22
|
props: {
|
|
23
23
|
modelValue: { type: Boolean },
|
|
24
24
|
title: {}
|
|
25
25
|
},
|
|
26
26
|
emits: ["update:modelValue"],
|
|
27
|
-
setup(
|
|
28
|
-
const
|
|
29
|
-
return (e,
|
|
27
|
+
setup(s, { emit: l }) {
|
|
28
|
+
const n = s, p = l;
|
|
29
|
+
return (e, r) => (a(), i("div", {
|
|
30
30
|
class: t(e.$style.container)
|
|
31
31
|
}, [
|
|
32
32
|
o("button", {
|
|
33
|
-
onClick:
|
|
33
|
+
onClick: r[0] || (r[0] = (b) => p("update:modelValue", !n.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
|
-
|
|
41
|
-
"data-expanded":
|
|
40
|
+
c(_(k), {
|
|
41
|
+
"data-expanded": n.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
|
-
},
|
|
48
|
+
}, u(n.title), 3)
|
|
49
49
|
], 2)
|
|
50
50
|
], 2),
|
|
51
|
-
|
|
52
|
-
class: t(e.$style.
|
|
51
|
+
o("div", {
|
|
52
|
+
class: t(e.$style.spoilerWrapper),
|
|
53
|
+
"data-expanded": n.modelValue
|
|
53
54
|
}, [
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
55
|
+
o("div", {
|
|
56
|
+
class: t(e.$style.spoilerContent)
|
|
57
|
+
}, [
|
|
58
|
+
o("div", {
|
|
59
|
+
class: t(e.$style.spoilerInner)
|
|
60
|
+
}, [
|
|
61
|
+
m(e.$slots, "default")
|
|
62
|
+
], 2)
|
|
63
|
+
], 2)
|
|
64
|
+
], 10, h)
|
|
58
65
|
], 2));
|
|
59
66
|
}
|
|
60
|
-
}), V = "
|
|
61
|
-
container:
|
|
62
|
-
titleBlock:
|
|
63
|
-
title:
|
|
64
|
-
titleText:
|
|
65
|
-
icon:
|
|
66
|
-
|
|
67
|
-
|
|
67
|
+
}), C = "_container_19ay2_1", V = "_titleBlock_19ay2_7", w = "_title_19ay2_7", B = "_titleText_19ay2_36", g = "_icon_19ay2_46", I = "_spoilerWrapper_19ay2_57", x = "_spoilerContent_19ay2_66", S = "_spoilerInner_19ay2_70", T = {
|
|
68
|
+
container: C,
|
|
69
|
+
titleBlock: V,
|
|
70
|
+
title: w,
|
|
71
|
+
titleText: B,
|
|
72
|
+
icon: g,
|
|
73
|
+
spoilerWrapper: I,
|
|
74
|
+
spoilerContent: x,
|
|
75
|
+
spoilerInner: S
|
|
76
|
+
}, W = {
|
|
68
77
|
$style: T
|
|
69
|
-
}, N = /* @__PURE__ */
|
|
78
|
+
}, N = /* @__PURE__ */ y(v, [["__cssModules", W]]);
|
|
70
79
|
export {
|
|
71
80
|
N as default
|
|
72
81
|
};
|
package/dist/UiTabs/UiTabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_181fi_1{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--color-primary)}._tab_181fi_1{padding:12px 8px;font-size:.875rem;color:var(--color-black);cursor:pointer;background-color:var(--color-gray-light);border:0}._tab_181fi_1:hover{background-color:var(--color-gray)}._tab_181fi_1[data-active=true]{color:var(--color-white);background-color:var(--color-primary)}@media (max-width: 960px){._tabs_181fi_1{width:100%}._tab_181fi_1{flex-grow:1;padding:12px 5px}}.dark ._tabs_181fi_1{border-bottom:2px solid var(--color-primary-dark)}.dark ._tab_181fi_1{background-color:var(--color-gray-dark)}.dark ._tab_181fi_1[data-active=true]{background-color:var(--color-primary-dark)}
|
package/dist/UiTabs/UiTabs.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./UiTabs.css";
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import { _ } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const p = ["onClick", "data-active"], b = /* @__PURE__ */
|
|
2
|
+
import { defineComponent as r, createElementBlock as e, openBlock as s, normalizeClass as l, Fragment as u, renderList as m, toDisplayString as _ } from "vue";
|
|
3
|
+
import { _ as d } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
const p = ["onClick", "data-active"], b = /* @__PURE__ */ r({
|
|
5
5
|
__name: "UiTabs",
|
|
6
6
|
props: {
|
|
7
7
|
tabs: {},
|
|
@@ -9,25 +9,25 @@ const p = ["onClick", "data-active"], b = /* @__PURE__ */ i({
|
|
|
9
9
|
},
|
|
10
10
|
emits: ["update:modelValue"],
|
|
11
11
|
setup(n, { emit: c }) {
|
|
12
|
-
const a = n,
|
|
13
|
-
return (o,
|
|
12
|
+
const a = n, i = c;
|
|
13
|
+
return (o, C) => (s(), e("div", {
|
|
14
14
|
class: l(o.$style.tabs)
|
|
15
15
|
}, [
|
|
16
|
-
(s(!0), e(u, null,
|
|
16
|
+
(s(!0), e(u, null, m(a.tabs, (t) => (s(), e("button", {
|
|
17
17
|
key: t.value,
|
|
18
|
-
onClick: (
|
|
18
|
+
onClick: (V) => i("update:modelValue", t.value),
|
|
19
19
|
class: l(o.$style.tab),
|
|
20
20
|
type: "button",
|
|
21
21
|
"data-active": a.modelValue === t.value
|
|
22
|
-
},
|
|
22
|
+
}, _(t.title), 11, p))), 128))
|
|
23
23
|
], 2));
|
|
24
24
|
}
|
|
25
|
-
}),
|
|
26
|
-
tabs:
|
|
27
|
-
tab:
|
|
25
|
+
}), f = "_tabs_181fi_1", v = "_tab_181fi_1", y = {
|
|
26
|
+
tabs: f,
|
|
27
|
+
tab: v
|
|
28
28
|
}, k = {
|
|
29
|
-
$style:
|
|
30
|
-
},
|
|
29
|
+
$style: y
|
|
30
|
+
}, h = /* @__PURE__ */ d(b, [["__cssModules", k]]);
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
h as default
|
|
33
33
|
};
|
package/dist/colors.scss
CHANGED
|
@@ -16,16 +16,16 @@
|
|
|
16
16
|
--color-white: #fff;
|
|
17
17
|
--color-gray-light-extra: #f9f8f8;
|
|
18
18
|
--color-gray-light: #f4f4f4;
|
|
19
|
-
--color-gray: #
|
|
20
|
-
--color-gray-dark: #
|
|
21
|
-
--color-gray-dark-extra: #
|
|
19
|
+
--color-gray: #ddd;
|
|
20
|
+
--color-gray-dark: #aaa;
|
|
21
|
+
--color-gray-dark-extra: #444;
|
|
22
22
|
--color-black: #000;
|
|
23
23
|
|
|
24
24
|
--color-success-light: #aeffc0;
|
|
25
25
|
--color-success: #01bd78;
|
|
26
26
|
--color-success-dark: #158a5f;
|
|
27
27
|
|
|
28
|
-
--color-error-light: #
|
|
28
|
+
--color-error-light: #ff8293;
|
|
29
29
|
--color-error: #d40019;
|
|
30
30
|
--color-error-dark: #8c1725;
|
|
31
31
|
}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mhz-ui",
|
|
3
3
|
"description": "Mhz ui kit",
|
|
4
|
-
"version": "1.2.
|
|
4
|
+
"version": "1.2.37",
|
|
5
5
|
"author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"type": "module",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"@storybook/addon-themes": "9.1.5",
|
|
46
46
|
"@storybook/vue3": "9.1.5",
|
|
47
47
|
"@storybook/vue3-vite": "9.1.5",
|
|
48
|
-
"@types/node": "24.
|
|
48
|
+
"@types/node": "24.4.0",
|
|
49
49
|
"@vitejs/plugin-vue": "6.0.1",
|
|
50
50
|
"@vitest/coverage-istanbul": "3.2.4",
|
|
51
51
|
"@vue/test-utils": "2.4.6",
|