mhz-ui 1.2.36 → 1.2.38
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 +9 -9
- package/dist/UiChart/UiChart.js +1 -1
- package/dist/UiChip/UiChip.css +1 -1
- package/dist/UiChip/UiChip.d.ts +9 -1
- package/dist/UiChip/UiChip.js +50 -16
- package/dist/UiEditor/UiEditor.css +1 -1
- package/dist/UiEditor/UiEditor.js +5 -3
- 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 +8 -8
- package/dist/colors.scss +1 -1
- package/package.json +9 -9
|
@@ -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 o, createElementVNode 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: {
|
|
@@ -16,17 +16,17 @@ const V = ["data-tall"], $ = ["onClick", "data-current", "data-fill"], g = ["val
|
|
|
16
16
|
function a(t) {
|
|
17
17
|
d("update:modelValue", typeof t == "number" ? t : Number(t.target.value));
|
|
18
18
|
}
|
|
19
|
-
return (t,
|
|
19
|
+
return (t, u) => (l(), s("div", {
|
|
20
20
|
class: o(t.$style.container)
|
|
21
21
|
}, [
|
|
22
|
-
|
|
22
|
+
i("label", {
|
|
23
23
|
class: o(t.$style.title)
|
|
24
24
|
}, r(e.title), 3),
|
|
25
|
-
|
|
25
|
+
i("div", {
|
|
26
26
|
class: o(t.$style.options),
|
|
27
27
|
"data-tall": e.isTall
|
|
28
28
|
}, [
|
|
29
|
-
(l(!0), s(
|
|
29
|
+
(l(!0), s(f, null, y(e.options, (n) => (l(), s("button", {
|
|
30
30
|
key: n,
|
|
31
31
|
onClick: (M) => a(n),
|
|
32
32
|
type: "button",
|
|
@@ -39,7 +39,7 @@ const V = ["data-tall"], $ = ["onClick", "data-current", "data-fill"], g = ["val
|
|
|
39
39
|
type: "number",
|
|
40
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,7 +47,7 @@ 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
53
|
button: v,
|
|
@@ -55,7 +55,7 @@ const V = ["data-tall"], $ = ["onClick", "data-current", "data-fill"], g = ["val
|
|
|
55
55
|
title: I
|
|
56
56
|
}, E = {
|
|
57
57
|
$style: N
|
|
58
|
-
}, z = /* @__PURE__ */
|
|
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]
|
package/dist/UiChip/UiChip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._chip_vs833_1{display:flex;flex-wrap:wrap;gap:4px;align-items:center;height:30px;padding:4px 8px 3px;font-size:.875rem;color:var(--color-black);background-color:var(--color-gray-light);border-bottom:1px solid var(--color-gray-dark);border-radius:8px}._chip_vs833_1[data-type=success]{color:var(--color-success-dark)}._chip_vs833_1[data-type=error]{color:var(--color-error-dark)}._edit_vs833_21{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;color:var(--color-black);cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.dark ._chip_vs833_1{background-color:var(--color-gray-dark);border-bottom:1px solid var(--color-gray-dark-extra)}
|
package/dist/UiChip/UiChip.d.ts
CHANGED
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
interface IProps {
|
|
2
2
|
type?: 'default' | 'success' | 'error';
|
|
3
|
+
isEdit?: boolean;
|
|
4
|
+
isDelete?: boolean;
|
|
3
5
|
}
|
|
4
6
|
declare function __VLS_template(): {
|
|
5
7
|
attrs: Partial<{}>;
|
|
@@ -10,7 +12,13 @@ declare function __VLS_template(): {
|
|
|
10
12
|
rootEl: HTMLDivElement;
|
|
11
13
|
};
|
|
12
14
|
type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
|
|
13
|
-
declare const __VLS_component: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
15
|
+
declare const __VLS_component: import('vue').DefineComponent<IProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
|
|
16
|
+
delete: () => any;
|
|
17
|
+
edit: () => any;
|
|
18
|
+
}, string, import('vue').PublicProps, Readonly<IProps> & Readonly<{
|
|
19
|
+
onDelete?: (() => any) | undefined;
|
|
20
|
+
onEdit?: (() => any) | undefined;
|
|
21
|
+
}>, {
|
|
14
22
|
type: "default" | "success" | "error";
|
|
15
23
|
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
|
|
16
24
|
declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
|
package/dist/UiChip/UiChip.js
CHANGED
|
@@ -1,25 +1,59 @@
|
|
|
1
1
|
import "./UiChip.css";
|
|
2
|
-
import {
|
|
3
|
-
import
|
|
4
|
-
|
|
2
|
+
import { createElementBlock as n, openBlock as o, createElementVNode as c, defineComponent as m, normalizeClass as r, renderSlot as h, createCommentVNode as d, createBlock as u, createVNode as _, unref as f } from "vue";
|
|
3
|
+
import y from "../UiClose/UiClose.js";
|
|
4
|
+
import { _ as C } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
5
|
+
const v = {
|
|
6
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
7
|
+
width: "800",
|
|
8
|
+
height: "800",
|
|
9
|
+
fill: "currentColor",
|
|
10
|
+
viewBox: "0 0 24 24"
|
|
11
|
+
};
|
|
12
|
+
function k(a, e) {
|
|
13
|
+
return o(), n("svg", v, [...e[0] || (e[0] = [
|
|
14
|
+
c("path", { d: "M23 4a1 1 0 0 1-1 1h-3a1 1 0 0 1 0-2h3a1 1 0 0 1 1 1M2 3h8.184a3 3 0 1 1 0 2H2a1 1 0 0 1 0-2m10 1a1 1 0 1 0 1-1 1 1 0 0 0-1 1M1 12a1 1 0 0 1 1-1h4.184a3 3 0 1 1 0 2H2a1 1 0 0 1-1-1m7 0a1 1 0 1 0 1-1 1 1 0 0 0-1 1m14-1h-7a1 1 0 0 0 0 2h7a1 1 0 0 0 0-2m0 8h-5a1 1 0 0 0 0 2h5a1 1 0 0 0 0-2M1 20a1 1 0 0 1 1-1h6.184a3 3 0 1 1 0 2H2a1 1 0 0 1-1-1m9 0a1 1 0 1 0 1-1 1 1 0 0 0-1 1" }, null, -1)
|
|
15
|
+
])]);
|
|
16
|
+
}
|
|
17
|
+
const w = { render: k }, E = "default", $ = ["data-type"], B = /* @__PURE__ */ m({
|
|
5
18
|
__name: "UiChip",
|
|
6
19
|
props: {
|
|
7
|
-
type: { default:
|
|
20
|
+
type: { default: E },
|
|
21
|
+
isEdit: { type: Boolean },
|
|
22
|
+
isDelete: { type: Boolean }
|
|
8
23
|
},
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
24
|
+
emits: ["edit", "delete"],
|
|
25
|
+
setup(a, { emit: e }) {
|
|
26
|
+
const s = a, l = e;
|
|
27
|
+
return (i, t) => (o(), n("div", {
|
|
28
|
+
class: r(i.$style.chip),
|
|
13
29
|
"data-type": s.type
|
|
14
30
|
}, [
|
|
15
|
-
|
|
16
|
-
|
|
31
|
+
h(i.$slots, "default"),
|
|
32
|
+
s.isEdit ? (o(), n("button", {
|
|
33
|
+
key: 0,
|
|
34
|
+
onClick: t[0] || (t[0] = (p) => l("edit")),
|
|
35
|
+
type: "button",
|
|
36
|
+
class: r(i.$style.edit)
|
|
37
|
+
}, [
|
|
38
|
+
_(f(w), {
|
|
39
|
+
width: "18",
|
|
40
|
+
height: "18"
|
|
41
|
+
})
|
|
42
|
+
], 2)) : d("", !0),
|
|
43
|
+
s.isDelete ? (o(), u(y, {
|
|
44
|
+
key: 1,
|
|
45
|
+
onClick: t[1] || (t[1] = (p) => l("delete")),
|
|
46
|
+
isSmall: "",
|
|
47
|
+
isDelete: ""
|
|
48
|
+
})) : d("", !0)
|
|
49
|
+
], 10, $));
|
|
17
50
|
}
|
|
18
|
-
}),
|
|
19
|
-
chip:
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
51
|
+
}), M = "_chip_vs833_1", g = "_edit_vs833_21", D = {
|
|
52
|
+
chip: M,
|
|
53
|
+
edit: g
|
|
54
|
+
}, U = {
|
|
55
|
+
$style: D
|
|
56
|
+
}, V = /* @__PURE__ */ C(B, [["__cssModules", U]]);
|
|
23
57
|
export {
|
|
24
|
-
|
|
58
|
+
V as default
|
|
25
59
|
};
|
|
@@ -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)}
|
|
@@ -12186,12 +12186,14 @@ var vp = class extends jf {
|
|
|
12186
12186
|
...(t = this.options.editorProps) == null ? void 0 : t.attributes
|
|
12187
12187
|
},
|
|
12188
12188
|
dispatchTransaction: this.dispatchTransaction.bind(this),
|
|
12189
|
-
state: this.editorState
|
|
12189
|
+
state: this.editorState,
|
|
12190
|
+
markViews: this.extensionManager.markViews,
|
|
12191
|
+
nodeViews: this.extensionManager.nodeViews
|
|
12190
12192
|
});
|
|
12191
12193
|
const r = this.state.reconfigure({
|
|
12192
12194
|
plugins: this.extensionManager.plugins
|
|
12193
12195
|
});
|
|
12194
|
-
this.view.updateState(r), this.
|
|
12196
|
+
this.view.updateState(r), this.prependClass(), this.injectCSS();
|
|
12195
12197
|
const i = this.view.dom;
|
|
12196
12198
|
i.editor = this;
|
|
12197
12199
|
}
|
|
@@ -15646,7 +15648,7 @@ const fg = ["onClick"], hg = /* @__PURE__ */ un({
|
|
|
15646
15648
|
}, null, 8, ["editor", "class"])
|
|
15647
15649
|
], 2));
|
|
15648
15650
|
}
|
|
15649
|
-
}), pg = "
|
|
15651
|
+
}), pg = "_container_85du8_1", mg = "_actions_85du8_18", gg = "_action_85du8_18", yg = "_editor_85du8_41", bg = {
|
|
15650
15652
|
container: pg,
|
|
15651
15653
|
actions: mg,
|
|
15652
15654
|
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,5 +1,5 @@
|
|
|
1
1
|
import "./UiTabs.css";
|
|
2
|
-
import { defineComponent as r, createElementBlock as e, openBlock as s, normalizeClass as l, Fragment as
|
|
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
3
|
import { _ as d } from "../_plugin-vue_export-helper-CHgC5LLL.js";
|
|
4
4
|
const p = ["onClick", "data-active"], b = /* @__PURE__ */ r({
|
|
5
5
|
__name: "UiTabs",
|
|
@@ -9,24 +9,24 @@ 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,
|
|
12
|
+
const a = n, i = c;
|
|
13
13
|
return (o, C) => (s(), e("div", {
|
|
14
14
|
class: l(o.$style.tabs)
|
|
15
15
|
}, [
|
|
16
|
-
(s(!0), e(
|
|
16
|
+
(s(!0), e(u, null, m(a.tabs, (t) => (s(), e("button", {
|
|
17
17
|
key: t.value,
|
|
18
|
-
onClick: (V) =>
|
|
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:
|
|
29
|
+
$style: y
|
|
30
30
|
}, h = /* @__PURE__ */ d(b, [["__cssModules", k]]);
|
|
31
31
|
export {
|
|
32
32
|
h as default
|
package/dist/colors.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.38",
|
|
5
5
|
"author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"type": "module",
|
|
@@ -25,9 +25,9 @@
|
|
|
25
25
|
"test:cov": "vitest run --coverage"
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
|
-
"@tiptap/pm": "3.4.
|
|
29
|
-
"@tiptap/starter-kit": "3.4.
|
|
30
|
-
"@tiptap/vue-3": "3.4.
|
|
28
|
+
"@tiptap/pm": "3.4.3",
|
|
29
|
+
"@tiptap/starter-kit": "3.4.3",
|
|
30
|
+
"@tiptap/vue-3": "3.4.3",
|
|
31
31
|
"@vueform/slider": "2.1.10",
|
|
32
32
|
"@vueuse/core": "13.9.0",
|
|
33
33
|
"@vueuse/integrations": "13.9.0",
|
|
@@ -41,10 +41,10 @@
|
|
|
41
41
|
},
|
|
42
42
|
"devDependencies": {
|
|
43
43
|
"@eslint/js": "9.35.0",
|
|
44
|
-
"@storybook/addon-docs": "9.1.
|
|
45
|
-
"@storybook/addon-themes": "9.1.
|
|
46
|
-
"@storybook/vue3": "9.1.
|
|
47
|
-
"@storybook/vue3-vite": "9.1.
|
|
44
|
+
"@storybook/addon-docs": "9.1.6",
|
|
45
|
+
"@storybook/addon-themes": "9.1.6",
|
|
46
|
+
"@storybook/vue3": "9.1.6",
|
|
47
|
+
"@storybook/vue3-vite": "9.1.6",
|
|
48
48
|
"@types/node": "24.4.0",
|
|
49
49
|
"@vitejs/plugin-vue": "6.0.1",
|
|
50
50
|
"@vitest/coverage-istanbul": "3.2.4",
|
|
@@ -63,7 +63,7 @@
|
|
|
63
63
|
"postcss-scss": "4.0.9",
|
|
64
64
|
"prettier": "3.6.2",
|
|
65
65
|
"sass-embedded": "1.92.1",
|
|
66
|
-
"storybook": "9.1.
|
|
66
|
+
"storybook": "9.1.6",
|
|
67
67
|
"stylelint": "16.24.0",
|
|
68
68
|
"stylelint-config-recess-order": "7.3.0",
|
|
69
69
|
"stylelint-config-recommended-scss": "16.0.1",
|