mhz-ui 1.0.97 → 1.0.99
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/UiModal/UiModal.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_z2dz7_1{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;width:100%;height:100vh;background-color:var(--color-gray-transparent)}._modal_z2dz7_13{position:relative;display:flex;flex-direction:column;gap:16px;width:var(--06409511);min-width:var(--21a082e3);max-width:calc(100% - 32px);height:auto;padding:32px;background-color:var(--color-white);border-radius:16px;outline:none;box-shadow:0 0 16px 0 var(--color-gray-transparent)}._header_z2dz7_29{display:flex;justify-content:flex-end}._close_z2dz7_34{display:flex;flex-grow:0;align-items:center;justify-content:center;width:32px;height:32px;font-size:1.25rem;color:var(--color-white);cursor:pointer;background-color:var(--color-gray-dark);border:none;border-radius:50%}._close_z2dz7_34:hover{background-color:var(--color-gray-dark-extra)}._buttons_z2dz7_52{display:flex;gap:16px}
|
package/dist/UiModal/UiModal.js
CHANGED
|
@@ -1,65 +1,70 @@
|
|
|
1
1
|
import "./UiModal.css";
|
|
2
|
-
import { defineComponent as b, computed as
|
|
2
|
+
import { defineComponent as b, useCssVars as k, computed as s, watch as M, openBlock as i, createElementBlock as r, normalizeClass as n, createElementVNode as d, withModifiers as B, renderSlot as g, createVNode as m, withCtx as c, createTextVNode as p, toDisplayString as f, createCommentVNode as y } from "vue";
|
|
3
3
|
import _ from "../UiButton/UiButton.js";
|
|
4
|
-
import { _ as
|
|
4
|
+
import { _ as x } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const N = /* @__PURE__ */ b({
|
|
6
6
|
__name: "UiModal",
|
|
7
7
|
props: {
|
|
8
8
|
modelValue: { type: Boolean },
|
|
9
9
|
isConfirm: { type: Boolean },
|
|
10
|
+
width: {},
|
|
10
11
|
lang: {}
|
|
11
12
|
},
|
|
12
13
|
emits: ["update:modelValue", "confirm"],
|
|
13
|
-
setup(
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
14
|
+
setup(v, { emit: C }) {
|
|
15
|
+
k((o) => ({
|
|
16
|
+
"06409511": $.value,
|
|
17
|
+
"21a082e3": z.value
|
|
18
|
+
}));
|
|
19
|
+
const e = v, l = C, V = s(() => e.lang === "ru" ? "Отмена" : "Cancel"), w = s(() => e.lang === "ru" ? "Подтвердить" : "onfirm"), $ = s(() => e.width ? `${e.width}px` : "auto"), z = s(() => e.width ? `${e.width}px` : "50%"), a = document.querySelector("body");
|
|
20
|
+
M(
|
|
21
|
+
() => e.modelValue,
|
|
17
22
|
() => {
|
|
18
|
-
const
|
|
19
|
-
a && (a.style.overflow =
|
|
23
|
+
const o = e.modelValue ? "hidden" : "auto";
|
|
24
|
+
a && (a.style.overflow = o);
|
|
20
25
|
}
|
|
21
26
|
);
|
|
22
|
-
function
|
|
27
|
+
function h() {
|
|
23
28
|
l("confirm"), l("update:modelValue", !1);
|
|
24
29
|
}
|
|
25
|
-
return (
|
|
30
|
+
return (o, t) => e.modelValue ? (i(), r("div", {
|
|
26
31
|
key: 0,
|
|
27
|
-
onMousedown:
|
|
28
|
-
class: n(
|
|
32
|
+
onMousedown: t[3] || (t[3] = (u) => l("update:modelValue", !1)),
|
|
33
|
+
class: n(o.$style.container)
|
|
29
34
|
}, [
|
|
30
|
-
|
|
31
|
-
onMousedown:
|
|
35
|
+
d("div", {
|
|
36
|
+
onMousedown: t[2] || (t[2] = B(() => {
|
|
32
37
|
}, ["stop"])),
|
|
33
|
-
class: n(
|
|
38
|
+
class: n(o.$style.modal)
|
|
34
39
|
}, [
|
|
35
|
-
|
|
36
|
-
class: n(
|
|
40
|
+
d("div", {
|
|
41
|
+
class: n(o.$style.header)
|
|
37
42
|
}, [
|
|
38
|
-
|
|
39
|
-
onClick:
|
|
40
|
-
class: n(
|
|
43
|
+
d("button", {
|
|
44
|
+
onClick: t[0] || (t[0] = (u) => l("update:modelValue", !1)),
|
|
45
|
+
class: n(o.$style.close),
|
|
41
46
|
type: "button"
|
|
42
47
|
}, " × ", 2)
|
|
43
48
|
], 2),
|
|
44
|
-
|
|
45
|
-
|
|
49
|
+
d("div", null, [
|
|
50
|
+
g(o.$slots, "default")
|
|
46
51
|
]),
|
|
47
|
-
|
|
52
|
+
e.isConfirm ? (i(), r("div", {
|
|
48
53
|
key: 0,
|
|
49
|
-
class: n(
|
|
54
|
+
class: n(o.$style.buttons)
|
|
50
55
|
}, [
|
|
51
|
-
m(_, { onClick:
|
|
56
|
+
m(_, { onClick: h }, {
|
|
52
57
|
default: c(() => [
|
|
53
|
-
f(
|
|
58
|
+
p(f(w.value), 1)
|
|
54
59
|
]),
|
|
55
60
|
_: 1
|
|
56
61
|
}),
|
|
57
62
|
m(_, {
|
|
58
63
|
layout: "secondary",
|
|
59
|
-
onClick:
|
|
64
|
+
onClick: t[1] || (t[1] = (u) => l("update:modelValue", !1))
|
|
60
65
|
}, {
|
|
61
66
|
default: c(() => [
|
|
62
|
-
f(
|
|
67
|
+
p(f(V.value), 1)
|
|
63
68
|
]),
|
|
64
69
|
_: 1
|
|
65
70
|
})
|
|
@@ -67,15 +72,15 @@ const N = /* @__PURE__ */ b({
|
|
|
67
72
|
], 34)
|
|
68
73
|
], 34)) : y("", !0);
|
|
69
74
|
}
|
|
70
|
-
}), S = "
|
|
75
|
+
}), S = "_container_z2dz7_1", T = "_modal_z2dz7_13", U = "_header_z2dz7_29", E = "_close_z2dz7_34", q = "_buttons_z2dz7_52", D = {
|
|
71
76
|
container: S,
|
|
72
77
|
modal: T,
|
|
73
78
|
header: U,
|
|
74
|
-
close:
|
|
75
|
-
buttons:
|
|
76
|
-
},
|
|
77
|
-
$style:
|
|
78
|
-
},
|
|
79
|
+
close: E,
|
|
80
|
+
buttons: q
|
|
81
|
+
}, W = {
|
|
82
|
+
$style: D
|
|
83
|
+
}, G = /* @__PURE__ */ x(N, [["__cssModules", W]]);
|
|
79
84
|
export {
|
|
80
|
-
|
|
85
|
+
G as default
|
|
81
86
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_1oqut_1{display:flex;flex-direction:column;width:100%}._titleBlock_1oqut_7{display:flex;gap:8px;align-items:center;padding:0;background-color:var(--color-gray-light-extra);border:0}._titleBlock_1oqut_7:hover{background-color:var(--color-gray-light)}._title_1oqut_7{position:relative;z-index:1;display:flex;flex-grow:1;gap:8px;align-items:center;height:40px;padding:0 12px;font-size:1rem;color:var(--color-text);text-align:left;cursor:pointer;background:none;border:none}._titleText_1oqut_36{display:-webkit-box;overflow:hidden;line-height:1.2;-webkit-line-clamp:2;-webkit-box-orient:vertical}._icon_1oqut_44{display:flex;flex-shrink:0;align-items:center;transform:rotate(-90deg)}._icon_1oqut_44[data-expanded=true]{transform:rotate(0)}._spoiler_1oqut_54{padding:8px 0}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import "./UiSpoiler.css";
|
|
2
|
-
import { openBlock as r, createElementBlock as a, createElementVNode as
|
|
3
|
-
import { _ as
|
|
4
|
-
const
|
|
2
|
+
import { openBlock as r, createElementBlock as a, createElementVNode as o, defineComponent as d, normalizeClass as e, createVNode as u, unref as p, toDisplayString as _, withDirectives as m, renderSlot as y, vShow as f } from "vue";
|
|
3
|
+
import { _ as k } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
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 w(n,
|
|
11
|
-
return r(), a("svg",
|
|
12
|
-
|
|
10
|
+
function w(n, l) {
|
|
11
|
+
return r(), a("svg", h, l[0] || (l[0] = [
|
|
12
|
+
o("path", {
|
|
13
13
|
stroke: "currentColor",
|
|
14
14
|
"stroke-linecap": "round",
|
|
15
15
|
"stroke-linejoin": "round",
|
|
@@ -24,40 +24,40 @@ const $ = { render: w }, v = /* @__PURE__ */ d({
|
|
|
24
24
|
title: {}
|
|
25
25
|
},
|
|
26
26
|
emits: ["update:modelValue"],
|
|
27
|
-
setup(n, { emit:
|
|
28
|
-
const s = n, c =
|
|
29
|
-
return (
|
|
30
|
-
class: t
|
|
27
|
+
setup(n, { emit: l }) {
|
|
28
|
+
const s = n, c = l;
|
|
29
|
+
return (t, i) => (r(), a("div", {
|
|
30
|
+
class: e(t.$style.container)
|
|
31
31
|
}, [
|
|
32
|
-
|
|
32
|
+
o("button", {
|
|
33
33
|
onClick: i[0] || (i[0] = (b) => c("update:modelValue", !s.modelValue)),
|
|
34
|
-
class: t
|
|
34
|
+
class: e(t.$style.titleBlock),
|
|
35
35
|
type: "button"
|
|
36
36
|
}, [
|
|
37
|
-
|
|
38
|
-
class: t
|
|
37
|
+
o("div", {
|
|
38
|
+
class: e(t.$style.title)
|
|
39
39
|
}, [
|
|
40
40
|
u(p($), {
|
|
41
41
|
"data-expanded": s.modelValue,
|
|
42
|
-
class: t
|
|
42
|
+
class: e(t.$style.icon),
|
|
43
43
|
width: "16",
|
|
44
44
|
height: "16"
|
|
45
45
|
}, null, 8, ["data-expanded", "class"]),
|
|
46
|
-
|
|
47
|
-
class: t
|
|
46
|
+
o("span", {
|
|
47
|
+
class: e(t.$style.titleText)
|
|
48
48
|
}, _(s.title), 3)
|
|
49
49
|
], 2)
|
|
50
50
|
], 2),
|
|
51
|
-
m(
|
|
52
|
-
class: t
|
|
51
|
+
m(o("div", {
|
|
52
|
+
class: e(t.$style.spoiler)
|
|
53
53
|
}, [
|
|
54
|
-
|
|
54
|
+
y(t.$slots, "default")
|
|
55
55
|
], 2), [
|
|
56
|
-
[
|
|
56
|
+
[f, s.modelValue]
|
|
57
57
|
])
|
|
58
58
|
], 2));
|
|
59
59
|
}
|
|
60
|
-
}), V = "
|
|
60
|
+
}), V = "_container_1oqut_1", B = "_titleBlock_1oqut_7", g = "_title_1oqut_7", q = "_titleText_1oqut_36", S = "_icon_1oqut_44", x = "_spoiler_1oqut_54", C = {
|
|
61
61
|
container: V,
|
|
62
62
|
titleBlock: B,
|
|
63
63
|
title: g,
|
|
@@ -66,7 +66,7 @@ const $ = { render: w }, v = /* @__PURE__ */ d({
|
|
|
66
66
|
spoiler: x
|
|
67
67
|
}, T = {
|
|
68
68
|
$style: C
|
|
69
|
-
}, M = /* @__PURE__ */
|
|
69
|
+
}, M = /* @__PURE__ */ k(v, [["__cssModules", T]]);
|
|
70
70
|
export {
|
|
71
71
|
M as default
|
|
72
72
|
};
|