mhz-ui 1.2.2 → 1.2.4
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/UiButton/UiButton.css +1 -1
- package/dist/UiButton/UiButton.d.ts +1 -0
- package/dist/UiButton/UiButton.js +10 -8
- package/dist/UiChip/UiChip.css +1 -1
- package/dist/UiChip/UiChip.js +3 -3
- package/dist/UiInput/UiInput.js +6 -6
- package/dist/UiSearch/UiSearch.js +89 -81
- package/dist/UiSelect/UiSelect.js +4 -4
- package/dist/UiSpoiler/UiSpoiler.js +2 -2
- package/dist/UiUpload/UiUpload.js +13 -14
- package/dist/base.scss +1 -0
- package/package.json +16 -16
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._button_1fhmi_1{position:relative;display:inline-flex;flex-shrink:0;gap:8px;align-items:center;justify-content:center;height:40px;padding:16px 32px;overflow:hidden;font-size:.875rem;line-height:1.5;color:var(--color-white);white-space:nowrap;text-decoration:none;user-select:none;background:var(--color-primary);border:2px solid var(--color-transparent);border-radius:16px;transition:all .2s}._button_1fhmi_1:hover{color:var(--color-white);cursor:pointer;background:var(--color-primary-dark);border-color:var(--color-transparent)}._button_1fhmi_1:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-gray-light-extra)}._button_1fhmi_1[data-large-font=true]{font-size:1.125rem}._button_1fhmi_1[data-narrow=true]{padding-right:12px;padding-left:12px}._button_1fhmi_1[data-tall=true]{padding-top:28px;padding-bottom:28px}._button_1fhmi_1[data-wrap=true]{text-align:left;white-space:normal}._button_1fhmi_1[data-layout=accent]{background:var(--color-accent)}._button_1fhmi_1[data-layout=accent]:hover{background:var(--color-accent-dark)}._button_1fhmi_1[data-layout=accent]:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-gray-light-extra)}._button_1fhmi_1[data-layout=gradient]{font-weight:700;background:linear-gradient(340deg,var(--color-accent) 20%,var(--color-accent-light) 96%);border:linear-gradient(340deg,var(--color-accent) 20%,var(--color-accent-light) 96%)}._button_1fhmi_1[data-layout=gradient]:hover{filter:hue-rotate(15deg)}._button_1fhmi_1[data-layout=secondary]{color:var(--color-primary);background-color:var(--color-transparent);border-color:var(--color-primary)}._button_1fhmi_1[data-layout=secondary]:hover{color:var(--color-primary-dark);border-color:var(--color-primary-dark)}._button_1fhmi_1[data-layout=secondary]:disabled{color:var(--color-gray-dark-extra);cursor:default;background:var(--color-white);border-color:var(--color-gray-light-extra)}._button_1fhmi_1[data-layout=plain]{height:auto;padding:0;font-size:1rem;color:var(--color-primary);background:none;border:none;border-radius:0}._button_1fhmi_1[data-layout=plain]:hover{color:var(--color-primary-dark)}._button_1fhmi_1[data-layout=plain]:disabled{color:var(--color-gray-dark-extra)}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import "./UiButton.css";
|
|
2
|
-
import { defineComponent as
|
|
3
|
-
import { _ as
|
|
4
|
-
const
|
|
2
|
+
import { defineComponent as l, createElementBlock as s, openBlock as e, normalizeClass as n, createBlock as r, createCommentVNode as i, renderSlot as d, resolveDynamicComponent as c } from "vue";
|
|
3
|
+
import { _ as p } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
|
+
const u = "primary", y = "button", _ = void 0, b = "Button", m = ["data-layout", "data-large-font", "data-narrow", "data-tall", "data-wrap", "disabled", "type", "aria-label", "aria-disabled"], f = /* @__PURE__ */ l({
|
|
5
5
|
__name: "UiButton",
|
|
6
6
|
props: {
|
|
7
|
-
layout: { default:
|
|
7
|
+
layout: { default: u },
|
|
8
8
|
type: { default: y },
|
|
9
|
+
isLargeFont: { type: Boolean },
|
|
9
10
|
isDisabled: { type: Boolean },
|
|
10
11
|
isNarrow: { type: Boolean },
|
|
11
12
|
isTall: { type: Boolean },
|
|
@@ -15,9 +16,10 @@ const p = "primary", y = "button", _ = void 0, b = "Button", m = ["data-layout",
|
|
|
15
16
|
},
|
|
16
17
|
setup(o) {
|
|
17
18
|
const t = o;
|
|
18
|
-
return (a, D) => (e(),
|
|
19
|
+
return (a, D) => (e(), s("button", {
|
|
19
20
|
class: n(a.$style.button),
|
|
20
21
|
"data-layout": t.layout,
|
|
22
|
+
"data-large-font": t.isLargeFont,
|
|
21
23
|
"data-narrow": t.isNarrow,
|
|
22
24
|
"data-tall": t.isTall,
|
|
23
25
|
"data-wrap": t.isWrap,
|
|
@@ -30,11 +32,11 @@ const p = "primary", y = "button", _ = void 0, b = "Button", m = ["data-layout",
|
|
|
30
32
|
d(a.$slots, "default")
|
|
31
33
|
], 10, m));
|
|
32
34
|
}
|
|
33
|
-
}), B = "
|
|
35
|
+
}), B = "_button_1fhmi_1", L = {
|
|
34
36
|
button: B
|
|
35
37
|
}, A = {
|
|
36
38
|
$style: L
|
|
37
|
-
},
|
|
39
|
+
}, F = /* @__PURE__ */ p(f, [["__cssModules", A]]);
|
|
38
40
|
export {
|
|
39
|
-
|
|
41
|
+
F as default
|
|
40
42
|
};
|
package/dist/UiChip/UiChip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._chip_1k50i_1{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:2px 8px 1px;font-size:.875rem;background-color:var(--color-gray-light);border-bottom:1px solid var(--color-gray-dark);border-radius:8px}._chip_1k50i_1[data-type=success]{color:var(--color-success-dark)}._chip_1k50i_1[data-type=error]{color:var(--color-error-dark)}
|
package/dist/UiChip/UiChip.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import "./UiChip.css";
|
|
2
|
-
import { defineComponent as o, createElementBlock as
|
|
2
|
+
import { defineComponent as o, createElementBlock as c, openBlock as p, normalizeClass as n, renderSlot as a } from "vue";
|
|
3
3
|
import { _ as l } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const i = "default", r = ["data-type"], _ = /* @__PURE__ */ o({
|
|
5
5
|
__name: "UiChip",
|
|
@@ -8,14 +8,14 @@ const i = "default", r = ["data-type"], _ = /* @__PURE__ */ o({
|
|
|
8
8
|
},
|
|
9
9
|
setup(e) {
|
|
10
10
|
const s = e;
|
|
11
|
-
return (t, u) => (
|
|
11
|
+
return (t, u) => (p(), c("div", {
|
|
12
12
|
class: n(t.$style.chip),
|
|
13
13
|
"data-type": s.type
|
|
14
14
|
}, [
|
|
15
15
|
a(t.$slots, "default")
|
|
16
16
|
], 10, r));
|
|
17
17
|
}
|
|
18
|
-
}), d = "
|
|
18
|
+
}), d = "_chip_1k50i_1", f = {
|
|
19
19
|
chip: d
|
|
20
20
|
}, m = {
|
|
21
21
|
$style: f
|
package/dist/UiInput/UiInput.js
CHANGED
|
@@ -8,7 +8,7 @@ const b = {
|
|
|
8
8
|
fill: "none"
|
|
9
9
|
};
|
|
10
10
|
function I(i, t) {
|
|
11
|
-
return a(), d("svg", b, t[0] || (t[0] = [
|
|
11
|
+
return a(), d("svg", b, [...t[0] || (t[0] = [
|
|
12
12
|
l("path", {
|
|
13
13
|
fill: "currentColor",
|
|
14
14
|
"fill-rule": "evenodd",
|
|
@@ -21,7 +21,7 @@ function I(i, t) {
|
|
|
21
21
|
d: "M2.5 3.5h1c2.2-.005 4.8-.016 7 0 .923.197 1.285.578 1.5 1.5.016 2.217-.029 5.131-.034 7.348v1.044q.217 1.445-.943 2.298-.36.229-.78.294-4.26.031-8.52 0-1.384-.295-1.707-1.68A666 666 0 0 1 0 5c.215-.922.577-1.303 1.5-1.5.292-.016.707-.005 1 0m-.5 1c2.601-.005 5.399-.016 8 0 .623.06.94.375 1 1 .022 2.608-.07 5.805-.091 8.413q-.09.938-1.024 1.027-3.903.033-7.804 0-.935-.09-1.024-1.027C1.035 11.305.978 8.108 1 5.5c0-.697.383-.93 1-1",
|
|
22
22
|
"clip-rule": "evenodd"
|
|
23
23
|
}, null, -1)
|
|
24
|
-
]));
|
|
24
|
+
])]);
|
|
25
25
|
}
|
|
26
26
|
const P = { render: I }, $ = {
|
|
27
27
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -31,7 +31,7 @@ const P = { render: I }, $ = {
|
|
|
31
31
|
viewBox: "0 0 24 24"
|
|
32
32
|
};
|
|
33
33
|
function V(i, t) {
|
|
34
|
-
return a(), d("svg", $, t[0] || (t[0] = [
|
|
34
|
+
return a(), d("svg", $, [...t[0] || (t[0] = [
|
|
35
35
|
l("path", {
|
|
36
36
|
stroke: "currentColor",
|
|
37
37
|
"stroke-width": "1.5",
|
|
@@ -42,7 +42,7 @@ function V(i, t) {
|
|
|
42
42
|
"stroke-width": "1.5",
|
|
43
43
|
d: "M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
|
|
44
44
|
}, null, -1)
|
|
45
|
-
]));
|
|
45
|
+
])]);
|
|
46
46
|
}
|
|
47
47
|
const q = { render: V }, S = {
|
|
48
48
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -52,12 +52,12 @@ const q = { render: V }, S = {
|
|
|
52
52
|
viewBox: "0 0 24 24"
|
|
53
53
|
};
|
|
54
54
|
function D(i, t) {
|
|
55
|
-
return a(), d("svg", S, t[0] || (t[0] = [
|
|
55
|
+
return a(), d("svg", S, [...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"
|
|
59
59
|
}, null, -1)
|
|
60
|
-
]));
|
|
60
|
+
])]);
|
|
61
61
|
}
|
|
62
62
|
const F = { render: D }, L = ["data-mode", "tabindex"], N = ["value", "disabled", "type", "data-mode", "data-center", "data-append-icon", "tabindex"], A = /* @__PURE__ */ y({
|
|
63
63
|
__name: "UiInput",
|
|
@@ -1,53 +1,61 @@
|
|
|
1
1
|
import "./UiSearch.css";
|
|
2
|
-
import { createElementBlock as
|
|
3
|
-
import { RouterLink as
|
|
4
|
-
import { o as
|
|
2
|
+
import { createElementBlock as r, openBlock as o, createElementVNode as T, defineComponent as I, ref as O, computed as C, normalizeClass as E, createVNode as R, createCommentVNode as g, unref as d, withKeys as L, Fragment as p, createTextVNode as N, toDisplayString as v, renderList as V, createBlock as B, resolveDynamicComponent as M, withCtx as U } from "vue";
|
|
3
|
+
import { RouterLink as b } from "vue-router";
|
|
4
|
+
import { o as $ } from "../index-D1B6FCCq.js";
|
|
5
5
|
import z from "../UiInput/UiInput.js";
|
|
6
6
|
import { _ as D } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
7
|
-
const x = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
let
|
|
14
|
-
const
|
|
15
|
-
if (
|
|
16
|
-
const
|
|
17
|
-
return
|
|
7
|
+
const x = { trailing: !0 };
|
|
8
|
+
function P(f, c = 25, e = {}) {
|
|
9
|
+
if (e = {
|
|
10
|
+
...x,
|
|
11
|
+
...e
|
|
12
|
+
}, !Number.isFinite(c)) throw new TypeError("Expected `wait` to be a finite number");
|
|
13
|
+
let y, n, _ = [], a, l;
|
|
14
|
+
const h = (s, t) => (a = A(f, s, t), a.finally(() => {
|
|
15
|
+
if (a = null, e.trailing && l && !n) {
|
|
16
|
+
const i = h(s, l);
|
|
17
|
+
return l = null, i;
|
|
18
18
|
}
|
|
19
|
-
}),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
for (const
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
}, s), k ? (f = g(this, r), d(f)) : h.push(d);
|
|
19
|
+
}), a), m = function(...s) {
|
|
20
|
+
return e.trailing && (l = s), a || new Promise((t) => {
|
|
21
|
+
const i = !n && e.leading;
|
|
22
|
+
clearTimeout(n), n = setTimeout(() => {
|
|
23
|
+
n = null;
|
|
24
|
+
const u = e.leading ? y : h(this, s);
|
|
25
|
+
l = null;
|
|
26
|
+
for (const S of _) S(u);
|
|
27
|
+
_ = [];
|
|
28
|
+
}, c), i ? (y = h(this, s), t(y)) : _.push(t);
|
|
30
29
|
});
|
|
30
|
+
}, k = (s) => {
|
|
31
|
+
s && (clearTimeout(s), n = null);
|
|
31
32
|
};
|
|
33
|
+
return m.isPending = () => !!n, m.cancel = () => {
|
|
34
|
+
k(n), _ = [], l = null;
|
|
35
|
+
}, m.flush = () => {
|
|
36
|
+
if (k(n), !l || a) return;
|
|
37
|
+
const s = l;
|
|
38
|
+
return l = null, h(this, s);
|
|
39
|
+
}, m;
|
|
32
40
|
}
|
|
33
|
-
async function
|
|
34
|
-
return await
|
|
41
|
+
async function A(f, c, e) {
|
|
42
|
+
return await f.apply(c, e);
|
|
35
43
|
}
|
|
36
|
-
const
|
|
44
|
+
const F = {
|
|
37
45
|
xmlns: "http://www.w3.org/2000/svg",
|
|
38
46
|
width: "16",
|
|
39
47
|
height: "16",
|
|
40
48
|
fill: "none"
|
|
41
49
|
};
|
|
42
|
-
function K(
|
|
43
|
-
return
|
|
44
|
-
|
|
50
|
+
function K(f, c) {
|
|
51
|
+
return o(), r("svg", F, [...c[0] || (c[0] = [
|
|
52
|
+
T("path", {
|
|
45
53
|
fill: "#dfdfdf",
|
|
46
54
|
d: "M13.5 15.338a.5.5 0 1 0 .737-.676zm.737-.676-1.398-1.523-.737.676 1.399 1.523zM13.5 7.628c0 3.394-2.695 6.129-6 6.129v1c3.875 0 7-3.201 7-7.129zm-6 6.129c-3.305 0-6-2.735-6-6.129h-1c0 3.928 3.125 7.129 7 7.129zm-6-6.129c0-3.393 2.695-6.128 6-6.128v-1C3.625.5.5 3.7.5 7.628zm6-6.128c3.305 0 6 2.735 6 6.128h1C14.5 3.701 11.375.5 7.5.5z"
|
|
47
55
|
}, null, -1)
|
|
48
|
-
]));
|
|
56
|
+
])]);
|
|
49
57
|
}
|
|
50
|
-
const Y = { render: K }, G = "Введите хотя бы 3 символа", j = "Загрузка", q = "Нет результатов", H = "Please enter 3 or more symbols", J = "Loading...", Q = "No results", W = 300, X = /* @__PURE__ */
|
|
58
|
+
const Y = { render: K }, G = "Введите хотя бы 3 символа", j = "Загрузка", q = "Нет результатов", H = "Please enter 3 or more symbols", J = "Loading...", Q = "No results", W = 300, X = /* @__PURE__ */ I({
|
|
51
59
|
__name: "UiSearch",
|
|
52
60
|
props: {
|
|
53
61
|
modelValue: {},
|
|
@@ -57,72 +65,72 @@ const Y = { render: K }, G = "Введите хотя бы 3 символа", j
|
|
|
57
65
|
lang: {}
|
|
58
66
|
},
|
|
59
67
|
emits: ["update:modelValue"],
|
|
60
|
-
setup(
|
|
61
|
-
const e =
|
|
62
|
-
|
|
68
|
+
setup(f, { emit: c }) {
|
|
69
|
+
const e = f, y = c, n = O(!1), _ = P(async (t) => {
|
|
70
|
+
y("update:modelValue", t);
|
|
63
71
|
}, W);
|
|
64
|
-
function
|
|
65
|
-
|
|
72
|
+
function a() {
|
|
73
|
+
n.value = !0;
|
|
66
74
|
}
|
|
67
|
-
function
|
|
68
|
-
|
|
75
|
+
function l() {
|
|
76
|
+
n.value = !1;
|
|
69
77
|
}
|
|
70
|
-
function
|
|
71
|
-
|
|
78
|
+
function h() {
|
|
79
|
+
l(), y("update:modelValue", "");
|
|
72
80
|
}
|
|
73
|
-
const
|
|
74
|
-
|
|
75
|
-
|
|
81
|
+
const m = C(() => e.results ? Object.values(e.results).reduce((t, i) => t + (i ? i.length : 0), 0) : !1), k = O();
|
|
82
|
+
$(k, () => {
|
|
83
|
+
l();
|
|
76
84
|
});
|
|
77
|
-
const
|
|
78
|
-
return (t,
|
|
79
|
-
class:
|
|
85
|
+
const s = C(() => window.IS_STORYBOOK ? "a" : b);
|
|
86
|
+
return (t, i) => (o(), r("div", {
|
|
87
|
+
class: E(t.$style.container),
|
|
80
88
|
ref_key: "containerElement",
|
|
81
|
-
ref:
|
|
89
|
+
ref: k
|
|
82
90
|
}, [
|
|
83
|
-
|
|
91
|
+
R(z, {
|
|
84
92
|
modelValue: e.modelValue,
|
|
85
|
-
"onUpdate:modelValue":
|
|
86
|
-
onClick:
|
|
87
|
-
onKeyup:
|
|
88
|
-
appendIcon:
|
|
93
|
+
"onUpdate:modelValue": i[0] || (i[0] = async (u) => await d(_)(u.toString())),
|
|
94
|
+
onClick: a,
|
|
95
|
+
onKeyup: L(l, ["esc"]),
|
|
96
|
+
appendIcon: d(Y),
|
|
89
97
|
placeholder: "Search"
|
|
90
98
|
}, null, 8, ["modelValue", "appendIcon"]),
|
|
91
|
-
|
|
99
|
+
n.value && e.modelValue.length ? (o(), r("div", {
|
|
92
100
|
key: 0,
|
|
93
|
-
class:
|
|
101
|
+
class: E(t.$style.results)
|
|
94
102
|
}, [
|
|
95
|
-
e.modelValue.length < 3 ? (
|
|
96
|
-
N(
|
|
97
|
-
], 64)) :
|
|
98
|
-
e.modelValue.length > 2 && !e.isSuccess ? (
|
|
99
|
-
N(
|
|
100
|
-
], 64)) :
|
|
101
|
-
e.modelValue.length > 2 && !
|
|
102
|
-
N(
|
|
103
|
-
], 64)) :
|
|
104
|
-
e.modelValue.length > 2 &&
|
|
105
|
-
key:
|
|
106
|
-
class:
|
|
103
|
+
e.modelValue.length < 3 ? (o(), r(p, { key: 0 }, [
|
|
104
|
+
N(v(e.lang === "en" ? d(H) : d(G)), 1)
|
|
105
|
+
], 64)) : g("", !0),
|
|
106
|
+
e.modelValue.length > 2 && !e.isSuccess ? (o(), r(p, { key: 1 }, [
|
|
107
|
+
N(v(e.lang === "en" ? d(J) : d(j)), 1)
|
|
108
|
+
], 64)) : g("", !0),
|
|
109
|
+
e.modelValue.length > 2 && !m.value && e.isSuccess ? (o(), r(p, { key: 2 }, [
|
|
110
|
+
N(v(e.lang === "en" ? d(Q) : d(q)), 1)
|
|
111
|
+
], 64)) : g("", !0),
|
|
112
|
+
e.modelValue.length > 2 && m.value && e.isSuccess ? (o(!0), r(p, { key: 3 }, V(e.searchScheme, (u) => (o(), r("div", {
|
|
113
|
+
key: u.type,
|
|
114
|
+
class: E(t.$style.resultsInner)
|
|
107
115
|
}, [
|
|
108
|
-
t.results?.[
|
|
109
|
-
|
|
110
|
-
class:
|
|
111
|
-
},
|
|
112
|
-
(
|
|
113
|
-
key:
|
|
114
|
-
to: `${
|
|
115
|
-
onClick:
|
|
116
|
-
class:
|
|
116
|
+
t.results?.[u.type]?.length ? (o(), r(p, { key: 0 }, [
|
|
117
|
+
T("div", {
|
|
118
|
+
class: E(t.$style.type)
|
|
119
|
+
}, v(u.type) + ":", 3),
|
|
120
|
+
(o(!0), r(p, null, V(t.results[u.type], (S) => (o(), B(M(s.value), {
|
|
121
|
+
key: S._id,
|
|
122
|
+
to: `${u.url}/${S._id}`,
|
|
123
|
+
onClick: h,
|
|
124
|
+
class: E(t.$style.link)
|
|
117
125
|
}, {
|
|
118
126
|
default: U(() => [
|
|
119
|
-
(
|
|
127
|
+
(o(!0), r(p, null, V(u.labels, (w) => (o(), r("span", { key: w }, v(S[w]), 1))), 128))
|
|
120
128
|
]),
|
|
121
129
|
_: 2
|
|
122
130
|
}, 1032, ["to", "class"]))), 128))
|
|
123
|
-
], 64)) :
|
|
124
|
-
], 2))), 128)) :
|
|
125
|
-
], 2)) :
|
|
131
|
+
], 64)) : g("", !0)
|
|
132
|
+
], 2))), 128)) : g("", !0)
|
|
133
|
+
], 2)) : g("", !0)
|
|
126
134
|
], 2));
|
|
127
135
|
}
|
|
128
136
|
}), Z = "_container_1xgvk_1", ee = "_results_1xgvk_6", te = "_resultsInner_1xgvk_22", ne = "_type_1xgvk_31", le = "_link_1xgvk_36", se = {
|
|
@@ -10,14 +10,14 @@ const P = {
|
|
|
10
10
|
fill: "none"
|
|
11
11
|
};
|
|
12
12
|
function x(k, i) {
|
|
13
|
-
return s(), n("svg", P, i[0] || (i[0] = [
|
|
13
|
+
return s(), n("svg", P, [...i[0] || (i[0] = [
|
|
14
14
|
w("path", {
|
|
15
15
|
stroke: "#1F1F1F",
|
|
16
16
|
"stroke-linecap": "round",
|
|
17
17
|
"stroke-linejoin": "round",
|
|
18
18
|
d: "m1 5 7.17 6L15 5"
|
|
19
19
|
}, null, -1)
|
|
20
|
-
]));
|
|
20
|
+
])]);
|
|
21
21
|
}
|
|
22
22
|
const H = { render: x }, Q = {
|
|
23
23
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -26,14 +26,14 @@ const H = { render: x }, Q = {
|
|
|
26
26
|
fill: "none"
|
|
27
27
|
};
|
|
28
28
|
function q(k, i) {
|
|
29
|
-
return s(), n("svg", Q, i[0] || (i[0] = [
|
|
29
|
+
return s(), n("svg", Q, [...i[0] || (i[0] = [
|
|
30
30
|
w("path", {
|
|
31
31
|
stroke: "#1F1F1F",
|
|
32
32
|
"stroke-linecap": "round",
|
|
33
33
|
"stroke-linejoin": "round",
|
|
34
34
|
d: "m1 11 7.17-6L15 11"
|
|
35
35
|
}, null, -1)
|
|
36
|
-
]));
|
|
36
|
+
])]);
|
|
37
37
|
}
|
|
38
38
|
const A = { render: q }, G = ["onClick", "onKeydown", "onMouseenter", "data-current"], J = /* @__PURE__ */ M({
|
|
39
39
|
__name: "UiSelect",
|
|
@@ -8,14 +8,14 @@ const k = {
|
|
|
8
8
|
fill: "none"
|
|
9
9
|
};
|
|
10
10
|
function h(n, l) {
|
|
11
|
-
return a(), r("svg", k, l[0] || (l[0] = [
|
|
11
|
+
return a(), r("svg", k, [...l[0] || (l[0] = [
|
|
12
12
|
o("path", {
|
|
13
13
|
stroke: "currentColor",
|
|
14
14
|
"stroke-linecap": "round",
|
|
15
15
|
"stroke-linejoin": "round",
|
|
16
16
|
d: "m1 5 7.17 6L15 5"
|
|
17
17
|
}, null, -1)
|
|
18
|
-
]));
|
|
18
|
+
])]);
|
|
19
19
|
}
|
|
20
20
|
const $ = { render: h }, v = /* @__PURE__ */ d({
|
|
21
21
|
__name: "UiSpoiler",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import "./UiUpload.css";
|
|
2
|
-
import { createElementBlock as o, openBlock as s, createStaticVNode as z, defineComponent as I, ref as $, computed as M, normalizeClass as i, createElementVNode as r, withDirectives as D, createCommentVNode as d, toDisplayString as a, createVNode as f, unref as k, withCtx as
|
|
3
|
-
import
|
|
2
|
+
import { createElementBlock as o, openBlock as s, createStaticVNode as z, defineComponent as I, ref as $, computed as M, normalizeClass as i, createElementVNode as r, withDirectives as D, createCommentVNode as d, toDisplayString as a, createVNode as f, unref as k, withCtx as m, createTextVNode as u, Fragment as B, renderList as F, vShow as N } from "vue";
|
|
3
|
+
import _ from "../UiButton/UiButton.js";
|
|
4
4
|
import { _ as U } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
5
|
const v = 10 * 1024 * 1024;
|
|
6
6
|
new File([""], "file1.png");
|
|
@@ -12,9 +12,9 @@ const V = {
|
|
|
12
12
|
fill: "none"
|
|
13
13
|
};
|
|
14
14
|
function E(y, p) {
|
|
15
|
-
return s(), o("svg", V, p[0] || (p[0] = [
|
|
15
|
+
return s(), o("svg", V, [...p[0] || (p[0] = [
|
|
16
16
|
z('<g fill="currentColor" fill-rule="evenodd" clip-path="url(#a)" clip-rule="evenodd"><path d="M12.219 0h.875Q15.532.469 16 2.906v.875a3.6 3.6 0 0 1-.766 1.719l-4.546 4.547q-1.536 1.189-3.376.562a3.55 3.55 0 0 1-1.234-.828q-.37-.747.39-1.078a1 1 0 0 1 .438.031q.3.253.625.47 1.09.563 2.125-.095 2.288-2.241 4.547-4.515.928-1.322-.062-2.594-1.287-1.184-2.735-.203a143 143 0 0 1-2.531 2.5q-.72.3-1.016-.422a.8.8 0 0 1 .094-.562L10.531.733A3.6 3.6 0 0 1 12.22 0"></path><path d="M3.781 16h-.875Q.47 15.532 0 13.094v-.875q.151-.96.766-1.719l4.172-4.172Q6.594 5.062 8.53 5.86q.46.227.844.563a.75.75 0 0 1 .266.797q-.274.609-.922.422l-.688-.5q-1.065-.513-2.062.125-2.1 2.053-4.172 4.14-.94 1.35.094 2.625 1.189 1.08 2.578.266l2.281-2.219q.88-.318 1.031.594a.7.7 0 0 1-.11.39Q6.587 14.15 5.5 15.235A3.6 3.6 0 0 1 3.781 16"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h16v16H0z"></path></clipPath></defs>', 2)
|
|
17
|
-
]));
|
|
17
|
+
])]);
|
|
18
18
|
}
|
|
19
19
|
const L = { render: E }, Q = { key: 0 }, R = ["data-error"], j = ["accept", "multiple"], x = ["data-label"], A = /* @__PURE__ */ I({
|
|
20
20
|
__name: "UiUpload",
|
|
@@ -65,20 +65,19 @@ const L = { render: E }, Q = { key: 0 }, R = ["data-error"], j = ["accept", "mul
|
|
|
65
65
|
r("div", {
|
|
66
66
|
class: i(t.$style.addButton)
|
|
67
67
|
}, [
|
|
68
|
-
f(
|
|
68
|
+
f(_, {
|
|
69
69
|
onClick: C,
|
|
70
70
|
layout: "secondary",
|
|
71
71
|
isDisabled: e.isDisabled || e.isSingle && e.files.length >= 1 || e.isSingle && !!e.file,
|
|
72
72
|
icon: k(L)
|
|
73
73
|
}, {
|
|
74
|
-
default:
|
|
74
|
+
default: m(() => [
|
|
75
75
|
l[3] || (l[3] = u(" Add file", -1)),
|
|
76
76
|
e.isSingle ? d("", !0) : (s(), o(B, { key: 0 }, [
|
|
77
77
|
u("s")
|
|
78
78
|
], 64))
|
|
79
79
|
]),
|
|
80
|
-
_: 1
|
|
81
|
-
__: [3]
|
|
80
|
+
_: 1
|
|
82
81
|
}, 8, ["isDisabled", "icon"]),
|
|
83
82
|
r("div", {
|
|
84
83
|
class: i(t.$style.text),
|
|
@@ -102,11 +101,11 @@ const L = { render: E }, Q = { key: 0 }, R = ["data-error"], j = ["accept", "mul
|
|
|
102
101
|
r("div", {
|
|
103
102
|
class: i(t.$style.name)
|
|
104
103
|
}, a(n.name), 3),
|
|
105
|
-
f(
|
|
104
|
+
f(_, {
|
|
106
105
|
onClick: (ee) => w(n),
|
|
107
106
|
layout: "plain"
|
|
108
107
|
}, {
|
|
109
|
-
default:
|
|
108
|
+
default: m(() => [
|
|
110
109
|
u(a(e.lang === "en" ? "Remove" : "Убрать"), 1)
|
|
111
110
|
]),
|
|
112
111
|
_: 2
|
|
@@ -119,11 +118,11 @@ const L = { render: E }, Q = { key: 0 }, R = ["data-error"], j = ["accept", "mul
|
|
|
119
118
|
r("div", {
|
|
120
119
|
class: i(t.$style.name)
|
|
121
120
|
}, a(e.file.name), 3),
|
|
122
|
-
f(
|
|
121
|
+
f(_, {
|
|
123
122
|
onClick: l[1] || (l[1] = (n) => w(e.file)),
|
|
124
123
|
layout: "plain"
|
|
125
124
|
}, {
|
|
126
|
-
default:
|
|
125
|
+
default: m(() => [
|
|
127
126
|
u(a(e.lang === "en" ? "Remove" : "Убрать"), 1)
|
|
128
127
|
]),
|
|
129
128
|
_: 1
|
|
@@ -134,10 +133,10 @@ const L = { render: E }, Q = { key: 0 }, R = ["data-error"], j = ["accept", "mul
|
|
|
134
133
|
class: i(t.$style.uploadButton),
|
|
135
134
|
"data-label": !!e.label
|
|
136
135
|
}, [
|
|
137
|
-
f(
|
|
136
|
+
f(_, {
|
|
138
137
|
onClick: l[2] || (l[2] = (n) => c("upload"))
|
|
139
138
|
}, {
|
|
140
|
-
default:
|
|
139
|
+
default: m(() => [
|
|
141
140
|
u(a(e.lang === "en" ? "Upload" : "Загрузить"), 1)
|
|
142
141
|
]),
|
|
143
142
|
_: 1
|
package/dist/base.scss
CHANGED
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.4",
|
|
5
5
|
"author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"type": "module",
|
|
@@ -25,30 +25,30 @@
|
|
|
25
25
|
"test:cov": "vitest run --coverage"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@tiptap/pm": "3.2.
|
|
29
|
-
"@tiptap/starter-kit": "3.2.
|
|
30
|
-
"@tiptap/vue-3": "3.2.
|
|
28
|
+
"@tiptap/pm": "3.2.2",
|
|
29
|
+
"@tiptap/starter-kit": "3.2.2",
|
|
30
|
+
"@tiptap/vue-3": "3.2.2",
|
|
31
31
|
"@vueform/slider": "2.1.10",
|
|
32
32
|
"@vueuse/core": "13.7.0",
|
|
33
33
|
"@vueuse/integrations": "13.7.0",
|
|
34
34
|
"chart.js": "4.5.0",
|
|
35
35
|
"mhz-helpers": "*",
|
|
36
|
-
"perfect-debounce": "
|
|
37
|
-
"vue": "3.5.
|
|
36
|
+
"perfect-debounce": "2.0.0",
|
|
37
|
+
"vue": "3.5.19",
|
|
38
38
|
"vue-cal": "5.0.1-rc.28",
|
|
39
39
|
"vue-chartjs": "5.3.2",
|
|
40
40
|
"vue-router": "4.5.1"
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
|
-
"@eslint/js": "9.
|
|
44
|
-
"@storybook/addon-docs": "9.1.
|
|
45
|
-
"@storybook/vue3": "9.1.
|
|
46
|
-
"@storybook/vue3-vite": "9.1.
|
|
43
|
+
"@eslint/js": "9.34.0",
|
|
44
|
+
"@storybook/addon-docs": "9.1.3",
|
|
45
|
+
"@storybook/vue3": "9.1.3",
|
|
46
|
+
"@storybook/vue3-vite": "9.1.3",
|
|
47
47
|
"@types/node": "24.3.0",
|
|
48
48
|
"@vitejs/plugin-vue": "6.0.1",
|
|
49
49
|
"@vitest/coverage-istanbul": "3.2.4",
|
|
50
50
|
"@vue/test-utils": "2.4.6",
|
|
51
|
-
"eslint": "9.
|
|
51
|
+
"eslint": "9.34.0",
|
|
52
52
|
"eslint-config-prettier": "10.1.8",
|
|
53
53
|
"eslint-import-resolver-typescript": "4.4.4",
|
|
54
54
|
"eslint-plugin-import-x": "4.16.1",
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
"postcss-scss": "4.0.9",
|
|
61
61
|
"prettier": "3.6.2",
|
|
62
62
|
"sass-embedded": "1.90.0",
|
|
63
|
-
"storybook": "9.1.
|
|
63
|
+
"storybook": "9.1.3",
|
|
64
64
|
"stylelint": "16.23.1",
|
|
65
65
|
"stylelint-config-recess-order": "7.2.0",
|
|
66
66
|
"stylelint-config-recommended-scss": "16.0.0",
|
|
@@ -71,15 +71,15 @@
|
|
|
71
71
|
"typescript-eslint": "8.40.0",
|
|
72
72
|
"vite": "7.1.3",
|
|
73
73
|
"vite-plugin-dts": "4.5.4",
|
|
74
|
-
"vite-plugin-static-copy": "3.1.
|
|
74
|
+
"vite-plugin-static-copy": "3.1.2",
|
|
75
75
|
"vite-svg-loader": "5.1.0",
|
|
76
76
|
"vitest": "3.2.4",
|
|
77
77
|
"vue-eslint-parser": "10.2.0",
|
|
78
|
-
"vue-linters-config": "0.3.
|
|
79
|
-
"vue-tsc": "3.0.
|
|
78
|
+
"vue-linters-config": "0.3.19",
|
|
79
|
+
"vue-tsc": "3.0.6"
|
|
80
80
|
},
|
|
81
81
|
"peerDependencies": {
|
|
82
|
-
"vue": "3.5.
|
|
82
|
+
"vue": "3.5.19",
|
|
83
83
|
"vue-router": "4.5.1"
|
|
84
84
|
},
|
|
85
85
|
"engines": {
|