mhz-ui 1.4.26 → 1.4.28
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/UiRange/UiRange.css +1 -1
- package/dist/UiRange/UiRange.js +19 -11
- package/package.json +10 -10
package/dist/UiRange/UiRange.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--s-height:6px;--s-handle-size:20px;--s-bg:var(--color-gray-light);--s-connect-bg:var(--color-gray-dark);--s-handle-bg:var(--color-primary);--s-handle-shadow:none;--s-tooltip-bg:var(--s-bg);--s-tooltip-color:var(--color-black);--s-tooltip-radius:4px;--s-tooltip-px:4px;--s-tooltip-arrow-size:4px;--s-tooltip-distance:2px}.
|
|
1
|
+
:root{--s-height:6px;--s-handle-size:20px;--s-bg:var(--color-gray-light);--s-connect-bg:var(--color-gray-dark);--s-handle-bg:var(--color-primary);--s-handle-shadow:none;--s-tooltip-bg:var(--s-bg);--s-tooltip-color:var(--color-black);--s-tooltip-radius:4px;--s-tooltip-px:4px;--s-tooltip-arrow-size:4px;--s-tooltip-distance:2px}._range_1vg3h_16{width:100%}._sliderContainer_1vg3h_20{height:calc(var(--s-handle-size) + 2px + var(--s-tooltip-px) * 2 + var(--s-tooltip-arrow-size) + var(--s-tooltip-distance));padding-bottom:calc(2px + var(--s-tooltip-px) + var(--s-tooltip-arrow-size) + var(--s-tooltip-distance));position:relative}._tooltip_1vg3h_26{top:calc(var(--s-handle-size) + var(--s-height) * 2);z-index:20;padding:var(--s-tooltip-px);color:var(--s-tooltip-color);white-space:nowrap;pointer-events:none;background:var(--s-tooltip-bg);border-radius:var(--s-tooltip-radius);font-size:.75rem;font-weight:400;position:absolute;transform:translate(-50%)}._tooltip_1vg3h_26:before{top:calc(-1 * var(--s-tooltip-arrow-size));content:"";border-color:var(--s-tooltip-bg) var(--color-transparent) var(--color-transparent);border-style:solid;border-width:var(--s-tooltip-arrow-size) var(--s-tooltip-arrow-size) 0;position:absolute;left:50%;transform:translate(-50%)rotate(180deg)}._sliderTrack_1vg3h_51{z-index:1;width:100%;height:var(--s-height);pointer-events:none;background:var(--s-bg);border-radius:var(--s-height);position:absolute;top:50%;left:0;transform:translateY(-50%)}._sliderActiveTrack_1vg3h_64{z-index:2;height:var(--s-height);pointer-events:none;background:var(--s-connect-bg);border-radius:var(--s-height);position:absolute;top:50%;transform:translateY(-50%)}._rangeInput_1vg3h_75{z-index:10;appearance:none;background:0 0;width:100%;height:0;margin-left:0;position:absolute;top:25%;left:0;transform:translateY(-50%)}._rangeInput_1vg3h_75::-webkit-slider-thumb{width:var(--s-handle-size);height:var(--s-handle-size);appearance:none;pointer-events:all;cursor:pointer;background:var(--s-handle-bg);box-shadow:var(--s-handle-shadow);border-radius:50%}._rangeInput_1vg3h_75::-moz-range-thumb{width:var(--s-handle-size);height:var(--s-handle-size);appearance:none;pointer-events:all;cursor:pointer;background:var(--s-handle-bg);box-shadow:var(--s-handle-shadow);border:none;border-radius:50%}._rangeInput_1vg3h_75::-webkit-slider-runnable-track{height:var(--s-height);border-radius:var(--s-height);background:0 0}._rangeInput_1vg3h_75::-moz-range-track{height:var(--s-height);border-radius:var(--s-height);background:0 0}._rangeInput_1vg3h_75:focus{outline:none}._rangeInputMax_1vg3h_122::-webkit-slider-runnable-track{background:0 0}._rangeInputMax_1vg3h_122::-moz-range-track{background:0 0}
|
package/dist/UiRange/UiRange.js
CHANGED
|
@@ -27,11 +27,17 @@ var d = [
|
|
|
27
27
|
});
|
|
28
28
|
function x(e) {
|
|
29
29
|
let t = e.target, n = Number(t.value);
|
|
30
|
-
h.value = Math.min(n, g.value)
|
|
30
|
+
h.value = Math.min(n, g.value);
|
|
31
31
|
}
|
|
32
32
|
function S(e) {
|
|
33
33
|
let t = e.target, n = Number(t.value);
|
|
34
|
-
g.value = Math.max(n, h.value)
|
|
34
|
+
g.value = Math.max(n, h.value);
|
|
35
|
+
}
|
|
36
|
+
function C() {
|
|
37
|
+
m("update:modelValue", [h.value, g.value]);
|
|
38
|
+
}
|
|
39
|
+
function w() {
|
|
40
|
+
m("update:modelValue", [h.value, g.value]);
|
|
35
41
|
}
|
|
36
42
|
return (e, t) => (s(), n("div", { class: a(e.$style.range) }, [r("div", { class: a(e.$style.sliderContainer) }, [
|
|
37
43
|
r("div", {
|
|
@@ -57,7 +63,8 @@ var d = [
|
|
|
57
63
|
min: p.min,
|
|
58
64
|
max: p.max,
|
|
59
65
|
value: h.value,
|
|
60
|
-
onInput: x
|
|
66
|
+
onInput: x,
|
|
67
|
+
onChange: C
|
|
61
68
|
}, null, 42, d),
|
|
62
69
|
r("input", {
|
|
63
70
|
ref: "maxInputRef",
|
|
@@ -66,18 +73,19 @@ var d = [
|
|
|
66
73
|
min: p.min,
|
|
67
74
|
max: p.max,
|
|
68
75
|
value: g.value,
|
|
69
|
-
onInput: S
|
|
76
|
+
onInput: S,
|
|
77
|
+
onChange: w
|
|
70
78
|
}, null, 42, f)
|
|
71
79
|
], 2)], 2));
|
|
72
80
|
}
|
|
73
81
|
}), [["__cssModules", { $style: {
|
|
74
|
-
range: "
|
|
75
|
-
sliderContainer: "
|
|
76
|
-
tooltip: "
|
|
77
|
-
sliderTrack: "
|
|
78
|
-
sliderActiveTrack: "
|
|
79
|
-
rangeInput: "
|
|
80
|
-
rangeInputMax: "
|
|
82
|
+
range: "_range_1vg3h_16",
|
|
83
|
+
sliderContainer: "_sliderContainer_1vg3h_20",
|
|
84
|
+
tooltip: "_tooltip_1vg3h_26",
|
|
85
|
+
sliderTrack: "_sliderTrack_1vg3h_51",
|
|
86
|
+
sliderActiveTrack: "_sliderActiveTrack_1vg3h_64",
|
|
87
|
+
rangeInput: "_rangeInput_1vg3h_75",
|
|
88
|
+
rangeInputMax: "_rangeInputMax_1vg3h_122"
|
|
81
89
|
} }]]);
|
|
82
90
|
//#endregion
|
|
83
91
|
export { p as default };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mhz-ui",
|
|
3
3
|
"description": "Mhz ui kit",
|
|
4
|
-
"version": "1.4.
|
|
4
|
+
"version": "1.4.28",
|
|
5
5
|
"author": "Alexandr Dergunov <dergunovs@mail.ru> (https://github.com/dergunovs)",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"type": "module",
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
"perfect-debounce": "2.1.0",
|
|
33
33
|
"vue": "3.6.0-beta.10",
|
|
34
34
|
"vue-chartjs": "5.3.3",
|
|
35
|
-
"vue-router": "5.0.
|
|
35
|
+
"vue-router": "5.0.6"
|
|
36
36
|
},
|
|
37
37
|
"devDependencies": {
|
|
38
38
|
"@eslint/js": "10.0.1",
|
|
@@ -42,8 +42,8 @@
|
|
|
42
42
|
"@storybook/vue3-vite": "10.3.5",
|
|
43
43
|
"@types/node": "25.6.0",
|
|
44
44
|
"@vitejs/plugin-vue": "6.0.6",
|
|
45
|
-
"@vitest/coverage-v8": "4.1.
|
|
46
|
-
"@vue/test-utils": "2.4.
|
|
45
|
+
"@vitest/coverage-v8": "4.1.5",
|
|
46
|
+
"@vue/test-utils": "2.4.8",
|
|
47
47
|
"eslint": "10.2.1",
|
|
48
48
|
"eslint-config-prettier": "10.1.8",
|
|
49
49
|
"eslint-import-resolver-typescript": "4.4.4",
|
|
@@ -51,7 +51,7 @@
|
|
|
51
51
|
"eslint-plugin-prettier": "5.5.5",
|
|
52
52
|
"eslint-plugin-sonarjs": "4.0.3",
|
|
53
53
|
"eslint-plugin-unicorn": "64.0.0",
|
|
54
|
-
"eslint-plugin-vue": "10.
|
|
54
|
+
"eslint-plugin-vue": "10.9.0",
|
|
55
55
|
"globals": "17.5.0",
|
|
56
56
|
"happy-dom": "20.9.0",
|
|
57
57
|
"postcss-html": "1.8.1",
|
|
@@ -59,26 +59,26 @@
|
|
|
59
59
|
"prettier": "3.8.3",
|
|
60
60
|
"sass-embedded": "1.99.0",
|
|
61
61
|
"storybook": "10.3.5",
|
|
62
|
-
"stylelint": "17.
|
|
62
|
+
"stylelint": "17.9.0",
|
|
63
63
|
"stylelint-config-recess-order": "7.7.0",
|
|
64
64
|
"stylelint-config-recommended-scss": "17.0.1",
|
|
65
65
|
"stylelint-config-recommended-vue": "1.6.1",
|
|
66
66
|
"stylelint-order": "8.1.1",
|
|
67
67
|
"stylelint-prettier": "5.0.3",
|
|
68
68
|
"typescript": "6.0.3",
|
|
69
|
-
"typescript-eslint": "8.
|
|
70
|
-
"vite": "8.0.
|
|
69
|
+
"typescript-eslint": "8.59.0",
|
|
70
|
+
"vite": "8.0.10",
|
|
71
71
|
"vite-plugin-dts": "4.5.4",
|
|
72
72
|
"vite-plugin-static-copy": "4.1.0",
|
|
73
73
|
"vite-svg-loader": "5.1.1",
|
|
74
|
-
"vitest": "4.1.
|
|
74
|
+
"vitest": "4.1.5",
|
|
75
75
|
"vue-eslint-parser": "10.4.0",
|
|
76
76
|
"vue-linters-config": "0.5.7",
|
|
77
77
|
"vue-tsc": "3.2.7"
|
|
78
78
|
},
|
|
79
79
|
"peerDependencies": {
|
|
80
80
|
"vue": "3.6.0-beta.10",
|
|
81
|
-
"vue-router": "5.0.
|
|
81
|
+
"vue-router": "5.0.6"
|
|
82
82
|
},
|
|
83
83
|
"engines": {
|
|
84
84
|
"npm": ">=11.7.0",
|