mhz-ui 1.4.26 → 1.4.27
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 +1 -1
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 };
|