mhz-ui 1.1.55 → 1.1.56
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
|
+
._checkbox_1btm2_1{position:relative;display:flex;flex-direction:row-reverse;gap:8px;width:fit-content;cursor:pointer;user-select:none}._checkbox_1btm2_1:hover ._fake_1btm2_10{border-color:var(--color-primary)}._checkbox_1btm2_1:hover ._fake_1btm2_10[data-switcher=true]{background-color:var(--color-gray-dark);border:none}._checkbox_1btm2_1:hover ._fake_1btm2_10[data-disabled=true]:not([data-switcher=true]){border-color:var(--color-gray)}._checkbox_1btm2_1:hover ._input_1btm2_20:checked+._fake_1btm2_10{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._checkbox_1btm2_1:hover ._input_1btm2_20:checked+._fake_1btm2_10[data-disabled=true][data-switcher=true]{background-color:var(--color-gray)}._checkbox_1btm2_1:hover ._input_1btm2_20:checked+._fake_1btm2_10[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._checkbox_1btm2_1[data-disabled=true]{color:var(--color-gray-dark)}._input_1btm2_20{position:absolute;z-index:1;appearance:none;border:none}._input_1btm2_20:checked+._fake_1btm2_10{position:relative;background-color:var(--color-primary);border-color:var(--color-primary)}._input_1btm2_20:checked+._fake_1btm2_10 ._line_1btm2_46{position:absolute;height:2px;background-color:var(--color-white);border-radius:2px}._input_1btm2_20:checked+._fake_1btm2_10 ._leftLine_1btm2_52{top:55%;left:10%;width:40%;transform:rotate(45deg)}._input_1btm2_20:checked+._fake_1btm2_10 ._rightLine_1btm2_58{top:45%;left:30%;width:65%;transform:rotate(-45deg)}._input_1btm2_20:checked+._fake_1btm2_10[data-switcher=true]:before{transform:translate(10px)}._fake_1btm2_10{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_1btm2_10:focus{width:20px;height:20px;outline:auto}._fake_1btm2_10[data-switcher=true]{position:relative;width:30px;height:20px;background-color:var(--color-gray);border:none;border-radius:16px;transition:all .3s}._fake_1btm2_10[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_1btm2_10[data-disabled=true]:not([data-switcher=true]){background-color:var(--color-gray);border-color:var(--color-gray)}._fake_1btm2_10[data-disabled=true]:not([data-switcher=true]):focus{outline:none}._fake_1btm2_10[data-disabled=true][data-switcher=true]{background-color:var(--color-gray);border-color:var(--color-gray)}._fake_1btm2_10[data-disabled=true][data-switcher=true]:focus{outline:none}._fake_1btm2_10[data-error=true]{border-color:var(--color-error)}._labelSub_1btm2_122{font-size:.875rem;color:var(--color-gray-dark-extra)}._required_1btm2_127{color:var(--color-error)}@media (max-width: 960px){._checkbox_1btm2_1[data-switcher=true]:before{gap:6px}}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "./UiCheckbox.css";
|
|
2
|
-
import { defineComponent as y, ref as f, createElementBlock as
|
|
2
|
+
import { defineComponent as y, ref as f, createElementBlock as l, openBlock as s, normalizeClass as a, withModifiers as k, createCommentVNode as i, createElementVNode as r, toDisplayString as d, withKeys as m } from "vue";
|
|
3
3
|
import { _ as S } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
-
const c = !1, u = "",
|
|
4
|
+
const c = !1, u = "", w = ["data-disabled", "data-switcher"], L = { key: 1 }, $ = ["value", "checked", "disabled"], V = ["data-switcher", "data-disabled", "data-error"], g = { key: 2 }, v = /* @__PURE__ */ y({
|
|
5
5
|
__name: "UiCheckbox",
|
|
6
6
|
props: {
|
|
7
7
|
initialValue: { type: [Boolean, String, Number], default: c },
|
|
@@ -16,72 +16,73 @@ const c = !1, u = "", L = ["data-disabled"], $ = { key: 1 }, w = ["value", "chec
|
|
|
16
16
|
},
|
|
17
17
|
emits: ["update:modelValue"],
|
|
18
18
|
setup(b, { emit: p }) {
|
|
19
|
-
const e = b,
|
|
20
|
-
function
|
|
19
|
+
const e = b, h = p, n = f();
|
|
20
|
+
function _() {
|
|
21
21
|
if (n.value) {
|
|
22
|
-
let
|
|
23
|
-
n.value.checked ?
|
|
22
|
+
let t;
|
|
23
|
+
n.value.checked ? t = e.initialValue ? e.initialValue : !0 : t = !1, h("update:modelValue", t);
|
|
24
24
|
}
|
|
25
25
|
}
|
|
26
|
-
return (
|
|
26
|
+
return (t, o) => (s(), l("label", {
|
|
27
27
|
onClick: o[1] || (o[1] = k(() => {
|
|
28
28
|
}, ["stop"])),
|
|
29
29
|
"data-disabled": e.isDisabled,
|
|
30
|
-
class:
|
|
30
|
+
class: a(t.$style.checkbox),
|
|
31
|
+
"data-switcher": e.isSwitcher
|
|
31
32
|
}, [
|
|
32
|
-
e.error ? (
|
|
33
|
+
e.error ? (s(), l("span", {
|
|
33
34
|
key: 0,
|
|
34
|
-
class:
|
|
35
|
+
class: a(t.$style.required)
|
|
35
36
|
}, d(e.error), 3)) : i("", !0),
|
|
36
|
-
e.label ? (
|
|
37
|
+
e.label ? (s(), l("span", L, [
|
|
37
38
|
r("span", null, d(e.label), 1),
|
|
38
|
-
e.labelSub ? (
|
|
39
|
+
e.labelSub ? (s(), l("span", {
|
|
39
40
|
key: 0,
|
|
40
|
-
class:
|
|
41
|
+
class: a(t.$style.labelSub)
|
|
41
42
|
}, d(e.labelSub), 3)) : i("", !0),
|
|
42
|
-
e.isRequired ? (
|
|
43
|
+
e.isRequired ? (s(), l("span", {
|
|
43
44
|
key: 1,
|
|
44
|
-
class:
|
|
45
|
+
class: a(t.$style.required)
|
|
45
46
|
}, "*", 2)) : i("", !0)
|
|
46
47
|
])) : i("", !0),
|
|
47
48
|
r("input", {
|
|
48
|
-
onChange:
|
|
49
|
+
onChange: _,
|
|
49
50
|
type: "checkbox",
|
|
50
51
|
ref_key: "checkbox",
|
|
51
52
|
ref: n,
|
|
52
53
|
value: e.initialValue,
|
|
53
54
|
checked: !!e.modelValue,
|
|
54
55
|
disabled: e.isDisabled,
|
|
55
|
-
class:
|
|
56
|
+
class: a(t.$style.input),
|
|
56
57
|
tabindex: "-1"
|
|
57
|
-
}, null, 42,
|
|
58
|
+
}, null, 42, $),
|
|
58
59
|
r("div", {
|
|
59
60
|
onKeydown: o[0] || (o[0] = m((R) => n.value?.click(), ["space"])),
|
|
60
61
|
"data-switcher": e.isSwitcher,
|
|
61
62
|
"data-disabled": e.isDisabled,
|
|
62
63
|
"data-error": !!e.error,
|
|
63
|
-
class:
|
|
64
|
+
class: a(t.$style.fake),
|
|
64
65
|
tabindex: "0"
|
|
65
66
|
}, [
|
|
66
|
-
e.isSwitcher ? i("", !0) : (
|
|
67
|
+
e.isSwitcher ? i("", !0) : (s(), l("div", {
|
|
67
68
|
key: 0,
|
|
68
|
-
class:
|
|
69
|
+
class: a([t.$style.line, t.$style.leftLine])
|
|
69
70
|
}, null, 2)),
|
|
70
|
-
e.isSwitcher ? i("", !0) : (
|
|
71
|
+
e.isSwitcher ? i("", !0) : (s(), l("div", {
|
|
71
72
|
key: 1,
|
|
72
|
-
class:
|
|
73
|
+
class: a([t.$style.line, t.$style.rightLine])
|
|
73
74
|
}, null, 2))
|
|
74
75
|
], 42, V),
|
|
75
|
-
e.labelSwitcher ? (
|
|
76
|
+
e.labelSwitcher ? (s(), l("span", g, [
|
|
76
77
|
r("span", null, d(e.labelSwitcher), 1),
|
|
77
|
-
e.isRequired ? (
|
|
78
|
+
e.isRequired ? (s(), l("span", {
|
|
78
79
|
key: 0,
|
|
79
|
-
class:
|
|
80
|
+
class: a(t.$style.required)
|
|
80
81
|
}, "*", 2)) : i("", !0)
|
|
81
82
|
])) : i("", !0)
|
|
82
|
-
], 10,
|
|
83
|
+
], 10, w));
|
|
83
84
|
}
|
|
84
|
-
}), q = "
|
|
85
|
+
}), q = "_checkbox_1btm2_1", B = "_fake_1btm2_10", C = "_input_1btm2_20", D = "_line_1btm2_46", E = "_leftLine_1btm2_52", U = "_rightLine_1btm2_58", A = "_labelSub_1btm2_122", M = "_required_1btm2_127", N = {
|
|
85
86
|
checkbox: q,
|
|
86
87
|
fake: B,
|
|
87
88
|
input: C,
|
package/dist/UiTabs/UiTabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._tabs_jlz4l_1{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--color-primary)}._tab_jlz4l_1{padding:12px 8px;font-size:.875rem;cursor:pointer;background-color:var(--color-gray-light);border:0}._tab_jlz4l_1:hover{background-color:var(--color-gray)}._tab_jlz4l_1[data-active=true]{color:var(--color-white);background-color:var(--color-primary)}@media (max-width: 960px){._tabs_jlz4l_1{width:100%}._tab_jlz4l_1{flex-grow:1;padding:12px 5px}}
|
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 i, createElementBlock as e, openBlock as s, normalizeClass as o, 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__ */ i({
|
|
5
5
|
__name: "UiTabs",
|
|
6
6
|
props: {
|
|
7
7
|
tabs: {},
|
|
@@ -9,25 +9,25 @@ const p = ["onClick", "data-active"], b = /* @__PURE__ */ r({
|
|
|
9
9
|
},
|
|
10
10
|
emits: ["update:modelValue"],
|
|
11
11
|
setup(n, { emit: c }) {
|
|
12
|
-
const a = n,
|
|
13
|
-
return (
|
|
14
|
-
class: l
|
|
12
|
+
const a = n, r = c;
|
|
13
|
+
return (l, C) => (s(), e("div", {
|
|
14
|
+
class: o(l.$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: (V) =>
|
|
19
|
-
class: l
|
|
18
|
+
onClick: (V) => r("update:modelValue", t.value),
|
|
19
|
+
class: o(l.$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
|
-
}), v = "
|
|
25
|
+
}), v = "_tabs_jlz4l_1", y = "_tab_jlz4l_1", f = {
|
|
26
26
|
tabs: v,
|
|
27
27
|
tab: y
|
|
28
28
|
}, k = {
|
|
29
29
|
$style: f
|
|
30
|
-
},
|
|
30
|
+
}, g = /* @__PURE__ */ d(b, [["__cssModules", k]]);
|
|
31
31
|
export {
|
|
32
|
-
|
|
32
|
+
g as default
|
|
33
33
|
};
|