mhz-ui 1.0.96 → 1.0.98
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/UiFlex/UiFlex.css +1 -1
- package/dist/UiFlex/UiFlex.js +15 -15
- package/dist/UiModal/UiModal.css +1 -1
- package/dist/UiModal/UiModal.d.ts +1 -0
- package/dist/UiModal/UiModal.js +40 -35
- package/package.json +1 -1
package/dist/UiFlex/UiFlex.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._flex_1uj15_1{display:flex;flex-grow:var(--6c083507);flex-shrink:var(--2c3e833d);flex-direction:var(--77fb73cc);flex-wrap:var(--7d3f523e);gap:var(--44ce0348);align-items:var(--58b38b6f);justify-content:var(--b0403406);width:auto}
|
package/dist/UiFlex/UiFlex.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./UiFlex.css";
|
|
2
2
|
import { defineComponent as d, useCssVars as i, computed as t, openBlock as m, createBlock as f, resolveDynamicComponent as g, normalizeClass as _, withCtx as w, renderSlot as y } from "vue";
|
|
3
3
|
import { _ as C } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const x = "div", v = "normal", h = "normal", k = "8",
|
|
4
|
+
const x = "div", v = "normal", h = "normal", k = "8", j = /* @__PURE__ */ d({
|
|
5
5
|
__name: "UiFlex",
|
|
6
6
|
props: {
|
|
7
7
|
tag: { default: x },
|
|
@@ -15,15 +15,15 @@ const x = "div", v = "normal", h = "normal", k = "8", A = /* @__PURE__ */ d({
|
|
|
15
15
|
},
|
|
16
16
|
setup(e) {
|
|
17
17
|
i((o) => ({
|
|
18
|
-
"
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
|
|
18
|
+
"6c083507": p.value,
|
|
19
|
+
"2c3e833d": u.value,
|
|
20
|
+
"77fb73cc": s.value,
|
|
21
|
+
"7d3f523e": c.value,
|
|
22
|
+
"44ce0348": r.value,
|
|
23
|
+
"58b38b6f": n.value,
|
|
24
|
+
b0403406: l.value
|
|
25
25
|
}));
|
|
26
|
-
const a = e, s = t(() => a.column ? "column" : "row"), n = t(() => a.align), l = t(() => a.justify),
|
|
26
|
+
const a = e, s = t(() => a.column ? "column" : "row"), n = t(() => a.align), l = t(() => a.justify), c = t(() => a.wrap ? "wrap" : "nowrap"), r = t(() => a.gap ? `${a.gap}px` : "0"), u = t(() => a.shrink ? "1" : "0"), p = t(() => a.grow ? "1" : "0");
|
|
27
27
|
return (o, B) => (m(), f(g(a.tag), {
|
|
28
28
|
class: _(o.$style.flex),
|
|
29
29
|
"data-column": a.column,
|
|
@@ -40,11 +40,11 @@ const x = "div", v = "normal", h = "normal", k = "8", A = /* @__PURE__ */ d({
|
|
|
40
40
|
_: 3
|
|
41
41
|
}, 8, ["class", "data-column", "data-align", "data-justify", "data-wrap", "data-gap", "data-shrink", "data-grow"]));
|
|
42
42
|
}
|
|
43
|
-
}),
|
|
44
|
-
flex:
|
|
45
|
-
},
|
|
46
|
-
$style:
|
|
47
|
-
},
|
|
43
|
+
}), A = "_flex_1uj15_1", F = {
|
|
44
|
+
flex: A
|
|
45
|
+
}, U = {
|
|
46
|
+
$style: F
|
|
47
|
+
}, L = /* @__PURE__ */ C(j, [["__cssModules", U]]);
|
|
48
48
|
export {
|
|
49
|
-
|
|
49
|
+
L as default
|
|
50
50
|
};
|
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
|
};
|