@tamagui/slider 1.20.7 → 1.21.0
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/cjs/Slider.js +69 -31
- package/dist/cjs/Slider.js.map +1 -1
- package/dist/esm/Slider.js +70 -31
- package/dist/esm/Slider.js.map +1 -1
- package/dist/esm/Slider.mjs +70 -31
- package/dist/esm/Slider.mjs.map +1 -1
- package/dist/jsx/Slider.js +68 -29
- package/dist/jsx/Slider.js.map +1 -1
- package/dist/jsx/Slider.mjs +68 -29
- package/dist/jsx/Slider.mjs.map +1 -1
- package/package.json +11 -11
- package/src/Slider.tsx +77 -29
- package/types/Slider.d.ts +18 -35
- package/types/Slider.d.ts.map +1 -1
package/dist/jsx/Slider.js
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { composeRefs, useComposedRefs } from "@tamagui/compose-refs";
|
|
2
2
|
import {
|
|
3
3
|
getVariableValue,
|
|
4
|
+
isClient,
|
|
4
5
|
isWeb,
|
|
5
6
|
styled,
|
|
6
7
|
withStaticProperties
|
|
@@ -46,6 +47,17 @@ const SliderHorizontal = React.forwardRef(
|
|
|
46
47
|
const value = linearScale(input, output);
|
|
47
48
|
return value(pointerPosition);
|
|
48
49
|
}
|
|
50
|
+
const measure = () => {
|
|
51
|
+
sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
52
|
+
setState({
|
|
53
|
+
size: width,
|
|
54
|
+
offset: pageX
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
if (isClient) {
|
|
59
|
+
useOnDebouncedWindowResize(measure);
|
|
60
|
+
}
|
|
49
61
|
return <SliderOrientationProvider
|
|
50
62
|
scope={props.__scopeSlider}
|
|
51
63
|
startEdge={isDirectionLTR ? "left" : "right"}
|
|
@@ -58,14 +70,7 @@ const SliderHorizontal = React.forwardRef(
|
|
|
58
70
|
dir={direction}
|
|
59
71
|
{...sliderProps}
|
|
60
72
|
orientation="horizontal"
|
|
61
|
-
onLayout={
|
|
62
|
-
sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
63
|
-
setState({
|
|
64
|
-
size: width,
|
|
65
|
-
offset: pageX
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
}}
|
|
73
|
+
onLayout={measure}
|
|
69
74
|
onSlideStart={(event, target) => {
|
|
70
75
|
const value = getValueFromPointer(event.nativeEvent.locationX);
|
|
71
76
|
if (value) {
|
|
@@ -87,6 +92,20 @@ const SliderHorizontal = React.forwardRef(
|
|
|
87
92
|
/></SliderOrientationProvider>;
|
|
88
93
|
}
|
|
89
94
|
);
|
|
95
|
+
function useOnDebouncedWindowResize(callback, amt = 200) {
|
|
96
|
+
React.useEffect(() => {
|
|
97
|
+
let last;
|
|
98
|
+
const onResize = () => {
|
|
99
|
+
clearTimeout(last);
|
|
100
|
+
last = setTimeout(callback, amt);
|
|
101
|
+
};
|
|
102
|
+
window.addEventListener("resize", onResize);
|
|
103
|
+
return () => {
|
|
104
|
+
clearTimeout(last);
|
|
105
|
+
window.removeEventListener("resize", onResize);
|
|
106
|
+
};
|
|
107
|
+
}, []);
|
|
108
|
+
}
|
|
90
109
|
const SliderVertical = React.forwardRef(
|
|
91
110
|
(props, forwardedRef) => {
|
|
92
111
|
const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props;
|
|
@@ -98,6 +117,17 @@ const SliderVertical = React.forwardRef(
|
|
|
98
117
|
const value = linearScale(input, output);
|
|
99
118
|
return value(pointerPosition);
|
|
100
119
|
}
|
|
120
|
+
const measure = () => {
|
|
121
|
+
sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
122
|
+
setState({
|
|
123
|
+
size: height,
|
|
124
|
+
offset: pageY
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
};
|
|
128
|
+
if (isClient) {
|
|
129
|
+
useOnDebouncedWindowResize(measure);
|
|
130
|
+
}
|
|
101
131
|
return <SliderOrientationProvider
|
|
102
132
|
scope={props.__scopeSlider}
|
|
103
133
|
startEdge="bottom"
|
|
@@ -109,14 +139,7 @@ const SliderVertical = React.forwardRef(
|
|
|
109
139
|
ref={composeRefs(forwardedRef, sliderRef)}
|
|
110
140
|
{...sliderProps}
|
|
111
141
|
orientation="vertical"
|
|
112
|
-
onLayout={
|
|
113
|
-
sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
114
|
-
setState({
|
|
115
|
-
size: height,
|
|
116
|
-
offset: pageY
|
|
117
|
-
});
|
|
118
|
-
});
|
|
119
|
-
}}
|
|
142
|
+
onLayout={measure}
|
|
120
143
|
onSlideStart={(event, target) => {
|
|
121
144
|
const value = getValueFromPointer(event.nativeEvent.locationY);
|
|
122
145
|
if (value) {
|
|
@@ -141,12 +164,21 @@ const SliderVertical = React.forwardRef(
|
|
|
141
164
|
const TRACK_NAME = "SliderTrack";
|
|
142
165
|
const SliderTrackFrame = styled(SliderFrame, {
|
|
143
166
|
name: "SliderTrack",
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
167
|
+
variants: {
|
|
168
|
+
unstyled: {
|
|
169
|
+
false: {
|
|
170
|
+
height: "100%",
|
|
171
|
+
width: "100%",
|
|
172
|
+
backgroundColor: "$background",
|
|
173
|
+
position: "relative",
|
|
174
|
+
borderRadius: 1e5,
|
|
175
|
+
overflow: "hidden"
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
defaultVariants: {
|
|
180
|
+
unstyled: false
|
|
181
|
+
}
|
|
150
182
|
});
|
|
151
183
|
const SliderTrack = React.forwardRef(
|
|
152
184
|
(props, forwardedRef) => {
|
|
@@ -215,17 +247,24 @@ const getThumbSize = (val) => {
|
|
|
215
247
|
};
|
|
216
248
|
const SliderThumbFrame = styled(ThemeableStack, {
|
|
217
249
|
name: "SliderThumb",
|
|
218
|
-
position: "absolute",
|
|
219
|
-
bordered: 2,
|
|
220
|
-
borderWidth: 2,
|
|
221
|
-
backgrounded: true,
|
|
222
|
-
pressTheme: isWeb,
|
|
223
|
-
focusTheme: isWeb,
|
|
224
|
-
hoverTheme: isWeb,
|
|
225
250
|
variants: {
|
|
226
251
|
size: {
|
|
227
252
|
"...size": getThumbSize
|
|
253
|
+
},
|
|
254
|
+
unstyled: {
|
|
255
|
+
false: {
|
|
256
|
+
position: "absolute",
|
|
257
|
+
bordered: 2,
|
|
258
|
+
borderWidth: 2,
|
|
259
|
+
backgrounded: true,
|
|
260
|
+
pressTheme: isWeb,
|
|
261
|
+
focusTheme: isWeb,
|
|
262
|
+
hoverTheme: isWeb
|
|
263
|
+
}
|
|
228
264
|
}
|
|
265
|
+
},
|
|
266
|
+
defaultVariants: {
|
|
267
|
+
unstyled: false
|
|
229
268
|
}
|
|
230
269
|
});
|
|
231
270
|
const SliderThumb = React.forwardRef(
|
package/dist/jsx/Slider.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Slider.tsx"],
|
|
4
|
-
"mappings": "AAEA,SAAS,aAAa,uBAAuB;AAC7C;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,OAAO,4BAA4B;AAC5C,SAA4B,sBAAsB;AAClD,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,YAAY,WAAW;AAGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,kBAAkB;AAcxC,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAA2C,iBAAiB;AAC3D,UAAM,EAAE,KAAK,KAAK,KAAK,cAAc,aAAa,eAAe,GAAG,YAAY,IAC9E;AACF,UAAM,YAAY,aAAa,GAAG;AAClC,UAAM,iBAAiB,cAAc;AACrC,UAAM,YAAY,MAAM,OAAa,IAAI;AACzC,UAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;AAEvE,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAC9C,YAAM,SAA2B,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG;AACxE,YAAM,QAAQ,YAAY,OAAO,MAAM;AACvC,aAAO,MAAM,eAAe;AAAA,IAC9B;AAEA,WACE,CAAC;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAW,iBAAiB,SAAS;AAAA,MACrC,SAAS,iBAAiB,UAAU;AAAA,MACpC,WAAW,iBAAiB,IAAI;AAAA,MAChC,SAAS;AAAA,MACT,MAAM,MAAM;AAAA,KAEZ,CAAC;AAAA,MACC,KAAK,YAAY,cAAc,SAAS;AAAA,MACxC,KAAK;AAAA,UACD;AAAA,MACJ,YAAY;AAAA,MACZ,UAAU
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["value"]
|
|
6
6
|
}
|
package/dist/jsx/Slider.mjs
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { composeRefs, useComposedRefs } from "@tamagui/compose-refs";
|
|
2
2
|
import {
|
|
3
3
|
getVariableValue,
|
|
4
|
+
isClient,
|
|
4
5
|
isWeb,
|
|
5
6
|
styled,
|
|
6
7
|
withStaticProperties
|
|
@@ -46,6 +47,17 @@ const SliderHorizontal = React.forwardRef(
|
|
|
46
47
|
const value = linearScale(input, output);
|
|
47
48
|
return value(pointerPosition);
|
|
48
49
|
}
|
|
50
|
+
const measure = () => {
|
|
51
|
+
sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
52
|
+
setState({
|
|
53
|
+
size: width,
|
|
54
|
+
offset: pageX
|
|
55
|
+
});
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
if (isClient) {
|
|
59
|
+
useOnDebouncedWindowResize(measure);
|
|
60
|
+
}
|
|
49
61
|
return <SliderOrientationProvider
|
|
50
62
|
scope={props.__scopeSlider}
|
|
51
63
|
startEdge={isDirectionLTR ? "left" : "right"}
|
|
@@ -58,14 +70,7 @@ const SliderHorizontal = React.forwardRef(
|
|
|
58
70
|
dir={direction}
|
|
59
71
|
{...sliderProps}
|
|
60
72
|
orientation="horizontal"
|
|
61
|
-
onLayout={
|
|
62
|
-
sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
63
|
-
setState({
|
|
64
|
-
size: width,
|
|
65
|
-
offset: pageX
|
|
66
|
-
});
|
|
67
|
-
});
|
|
68
|
-
}}
|
|
73
|
+
onLayout={measure}
|
|
69
74
|
onSlideStart={(event, target) => {
|
|
70
75
|
const value = getValueFromPointer(event.nativeEvent.locationX);
|
|
71
76
|
if (value) {
|
|
@@ -87,6 +92,20 @@ const SliderHorizontal = React.forwardRef(
|
|
|
87
92
|
/></SliderOrientationProvider>;
|
|
88
93
|
}
|
|
89
94
|
);
|
|
95
|
+
function useOnDebouncedWindowResize(callback, amt = 200) {
|
|
96
|
+
React.useEffect(() => {
|
|
97
|
+
let last;
|
|
98
|
+
const onResize = () => {
|
|
99
|
+
clearTimeout(last);
|
|
100
|
+
last = setTimeout(callback, amt);
|
|
101
|
+
};
|
|
102
|
+
window.addEventListener("resize", onResize);
|
|
103
|
+
return () => {
|
|
104
|
+
clearTimeout(last);
|
|
105
|
+
window.removeEventListener("resize", onResize);
|
|
106
|
+
};
|
|
107
|
+
}, []);
|
|
108
|
+
}
|
|
90
109
|
const SliderVertical = React.forwardRef(
|
|
91
110
|
(props, forwardedRef) => {
|
|
92
111
|
const { min, max, onSlideStart, onSlideMove, onStepKeyDown, ...sliderProps } = props;
|
|
@@ -98,6 +117,17 @@ const SliderVertical = React.forwardRef(
|
|
|
98
117
|
const value = linearScale(input, output);
|
|
99
118
|
return value(pointerPosition);
|
|
100
119
|
}
|
|
120
|
+
const measure = () => {
|
|
121
|
+
sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
122
|
+
setState({
|
|
123
|
+
size: height,
|
|
124
|
+
offset: pageY
|
|
125
|
+
});
|
|
126
|
+
});
|
|
127
|
+
};
|
|
128
|
+
if (isClient) {
|
|
129
|
+
useOnDebouncedWindowResize(measure);
|
|
130
|
+
}
|
|
101
131
|
return <SliderOrientationProvider
|
|
102
132
|
scope={props.__scopeSlider}
|
|
103
133
|
startEdge="bottom"
|
|
@@ -109,14 +139,7 @@ const SliderVertical = React.forwardRef(
|
|
|
109
139
|
ref={composeRefs(forwardedRef, sliderRef)}
|
|
110
140
|
{...sliderProps}
|
|
111
141
|
orientation="vertical"
|
|
112
|
-
onLayout={
|
|
113
|
-
sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
114
|
-
setState({
|
|
115
|
-
size: height,
|
|
116
|
-
offset: pageY
|
|
117
|
-
});
|
|
118
|
-
});
|
|
119
|
-
}}
|
|
142
|
+
onLayout={measure}
|
|
120
143
|
onSlideStart={(event, target) => {
|
|
121
144
|
const value = getValueFromPointer(event.nativeEvent.locationY);
|
|
122
145
|
if (value) {
|
|
@@ -141,12 +164,21 @@ const SliderVertical = React.forwardRef(
|
|
|
141
164
|
const TRACK_NAME = "SliderTrack";
|
|
142
165
|
const SliderTrackFrame = styled(SliderFrame, {
|
|
143
166
|
name: "SliderTrack",
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
167
|
+
variants: {
|
|
168
|
+
unstyled: {
|
|
169
|
+
false: {
|
|
170
|
+
height: "100%",
|
|
171
|
+
width: "100%",
|
|
172
|
+
backgroundColor: "$background",
|
|
173
|
+
position: "relative",
|
|
174
|
+
borderRadius: 1e5,
|
|
175
|
+
overflow: "hidden"
|
|
176
|
+
}
|
|
177
|
+
}
|
|
178
|
+
},
|
|
179
|
+
defaultVariants: {
|
|
180
|
+
unstyled: false
|
|
181
|
+
}
|
|
150
182
|
});
|
|
151
183
|
const SliderTrack = React.forwardRef(
|
|
152
184
|
(props, forwardedRef) => {
|
|
@@ -215,17 +247,24 @@ const getThumbSize = (val) => {
|
|
|
215
247
|
};
|
|
216
248
|
const SliderThumbFrame = styled(ThemeableStack, {
|
|
217
249
|
name: "SliderThumb",
|
|
218
|
-
position: "absolute",
|
|
219
|
-
bordered: 2,
|
|
220
|
-
borderWidth: 2,
|
|
221
|
-
backgrounded: true,
|
|
222
|
-
pressTheme: isWeb,
|
|
223
|
-
focusTheme: isWeb,
|
|
224
|
-
hoverTheme: isWeb,
|
|
225
250
|
variants: {
|
|
226
251
|
size: {
|
|
227
252
|
"...size": getThumbSize
|
|
253
|
+
},
|
|
254
|
+
unstyled: {
|
|
255
|
+
false: {
|
|
256
|
+
position: "absolute",
|
|
257
|
+
bordered: 2,
|
|
258
|
+
borderWidth: 2,
|
|
259
|
+
backgrounded: true,
|
|
260
|
+
pressTheme: isWeb,
|
|
261
|
+
focusTheme: isWeb,
|
|
262
|
+
hoverTheme: isWeb
|
|
263
|
+
}
|
|
228
264
|
}
|
|
265
|
+
},
|
|
266
|
+
defaultVariants: {
|
|
267
|
+
unstyled: false
|
|
229
268
|
}
|
|
230
269
|
});
|
|
231
270
|
const SliderThumb = React.forwardRef(
|
package/dist/jsx/Slider.mjs.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/Slider.tsx"],
|
|
4
|
-
"mappings": "AAEA,SAAS,aAAa,uBAAuB;AAC7C;AAAA,EAGE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,eAAe;AACxB,SAAS,OAAO,4BAA4B;AAC5C,SAA4B,sBAAsB;AAClD,SAAS,4BAA4B;AACrC,SAAS,oBAAoB;AAC7B,YAAY,WAAW;AAGvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,aAAa,kBAAkB;AAcxC,MAAM,mBAAmB,MAAM;AAAA,EAC7B,CAAC,OAA2C,iBAAiB;AAC3D,UAAM,EAAE,KAAK,KAAK,KAAK,cAAc,aAAa,eAAe,GAAG,YAAY,IAC9E;AACF,UAAM,YAAY,aAAa,GAAG;AAClC,UAAM,iBAAiB,cAAc;AACrC,UAAM,YAAY,MAAM,OAAa,IAAI;AACzC,UAAM,CAAC,OAAO,QAAQ,IAAI,MAAM,SAAS,OAAO,EAAE,MAAM,GAAG,QAAQ,EAAE,EAAE;AAEvE,aAAS,oBAAoB,iBAAyB;AACpD,YAAM,QAA0B,CAAC,GAAG,MAAM,IAAI;AAC9C,YAAM,SAA2B,iBAAiB,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,GAAG;AACxE,YAAM,QAAQ,YAAY,OAAO,MAAM;AACvC,aAAO,MAAM,eAAe;AAAA,IAC9B;AAEA,WACE,CAAC;AAAA,MACC,OAAO,MAAM;AAAA,MACb,WAAW,iBAAiB,SAAS;AAAA,MACrC,SAAS,iBAAiB,UAAU;AAAA,MACpC,WAAW,iBAAiB,IAAI;AAAA,MAChC,SAAS;AAAA,MACT,MAAM,MAAM;AAAA,KAEZ,CAAC;AAAA,MACC,KAAK,YAAY,cAAc,SAAS;AAAA,MACxC,KAAK;AAAA,UACD;AAAA,MACJ,YAAY;AAAA,MACZ,UAAU
|
|
4
|
+
"mappings": "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",
|
|
5
5
|
"names": ["value"]
|
|
6
6
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tamagui/slider",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.21.0",
|
|
4
4
|
"sideEffects": [
|
|
5
5
|
"*.css"
|
|
6
6
|
],
|
|
@@ -31,23 +31,23 @@
|
|
|
31
31
|
}
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
|
-
"@tamagui/compose-refs": "1.
|
|
35
|
-
"@tamagui/core": "1.
|
|
36
|
-
"@tamagui/create-context": "1.
|
|
37
|
-
"@tamagui/get-size": "1.
|
|
38
|
-
"@tamagui/helpers": "1.
|
|
39
|
-
"@tamagui/stacks": "1.
|
|
40
|
-
"@tamagui/use-controllable-state": "1.
|
|
41
|
-
"@tamagui/use-direction": "1.
|
|
34
|
+
"@tamagui/compose-refs": "1.21.0",
|
|
35
|
+
"@tamagui/core": "1.21.0",
|
|
36
|
+
"@tamagui/create-context": "1.21.0",
|
|
37
|
+
"@tamagui/get-size": "1.21.0",
|
|
38
|
+
"@tamagui/helpers": "1.21.0",
|
|
39
|
+
"@tamagui/stacks": "1.21.0",
|
|
40
|
+
"@tamagui/use-controllable-state": "1.21.0",
|
|
41
|
+
"@tamagui/use-direction": "1.21.0"
|
|
42
42
|
},
|
|
43
43
|
"peerDependencies": {
|
|
44
44
|
"react": "*",
|
|
45
45
|
"react-native": "*"
|
|
46
46
|
},
|
|
47
47
|
"devDependencies": {
|
|
48
|
-
"@tamagui/build": "1.
|
|
48
|
+
"@tamagui/build": "1.21.0",
|
|
49
49
|
"react": "^18.2.0",
|
|
50
|
-
"react-native": "^0.71.
|
|
50
|
+
"react-native": "^0.71.7"
|
|
51
51
|
},
|
|
52
52
|
"publishConfig": {
|
|
53
53
|
"access": "public"
|
package/src/Slider.tsx
CHANGED
|
@@ -5,6 +5,7 @@ import {
|
|
|
5
5
|
GetProps,
|
|
6
6
|
SizeTokens,
|
|
7
7
|
getVariableValue,
|
|
8
|
+
isClient,
|
|
8
9
|
isWeb,
|
|
9
10
|
styled,
|
|
10
11
|
withStaticProperties,
|
|
@@ -68,6 +69,19 @@ const SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(
|
|
|
68
69
|
return value(pointerPosition)
|
|
69
70
|
}
|
|
70
71
|
|
|
72
|
+
const measure = () => {
|
|
73
|
+
sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
74
|
+
setState({
|
|
75
|
+
size: width,
|
|
76
|
+
offset: pageX,
|
|
77
|
+
})
|
|
78
|
+
})
|
|
79
|
+
}
|
|
80
|
+
|
|
81
|
+
if (isClient) {
|
|
82
|
+
useOnDebouncedWindowResize(measure)
|
|
83
|
+
}
|
|
84
|
+
|
|
71
85
|
return (
|
|
72
86
|
<SliderOrientationProvider
|
|
73
87
|
scope={props.__scopeSlider}
|
|
@@ -82,14 +96,7 @@ const SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(
|
|
|
82
96
|
dir={direction}
|
|
83
97
|
{...sliderProps}
|
|
84
98
|
orientation="horizontal"
|
|
85
|
-
onLayout={
|
|
86
|
-
sliderRef.current?.measure((_x, _y, width, _height, pageX, _pageY) => {
|
|
87
|
-
setState({
|
|
88
|
-
size: width,
|
|
89
|
-
offset: pageX,
|
|
90
|
-
})
|
|
91
|
-
})
|
|
92
|
-
}}
|
|
99
|
+
onLayout={measure}
|
|
93
100
|
onSlideStart={(event, target) => {
|
|
94
101
|
const value = getValueFromPointer(event.nativeEvent.locationX)
|
|
95
102
|
if (value) {
|
|
@@ -113,6 +120,21 @@ const SliderHorizontal = React.forwardRef<View, SliderHorizontalProps>(
|
|
|
113
120
|
}
|
|
114
121
|
)
|
|
115
122
|
|
|
123
|
+
function useOnDebouncedWindowResize(callback: Function, amt = 200) {
|
|
124
|
+
React.useEffect(() => {
|
|
125
|
+
let last
|
|
126
|
+
const onResize = () => {
|
|
127
|
+
clearTimeout(last)
|
|
128
|
+
last = setTimeout(callback, amt)
|
|
129
|
+
}
|
|
130
|
+
window.addEventListener('resize', onResize)
|
|
131
|
+
return () => {
|
|
132
|
+
clearTimeout(last)
|
|
133
|
+
window.removeEventListener('resize', onResize)
|
|
134
|
+
}
|
|
135
|
+
}, [])
|
|
136
|
+
}
|
|
137
|
+
|
|
116
138
|
/* -------------------------------------------------------------------------------------------------
|
|
117
139
|
* SliderVertical
|
|
118
140
|
* -----------------------------------------------------------------------------------------------*/
|
|
@@ -130,6 +152,19 @@ const SliderVertical = React.forwardRef<View, SliderVerticalProps>(
|
|
|
130
152
|
return value(pointerPosition)
|
|
131
153
|
}
|
|
132
154
|
|
|
155
|
+
const measure = () => {
|
|
156
|
+
sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
157
|
+
setState({
|
|
158
|
+
size: height,
|
|
159
|
+
offset: pageY,
|
|
160
|
+
})
|
|
161
|
+
})
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
if (isClient) {
|
|
165
|
+
useOnDebouncedWindowResize(measure)
|
|
166
|
+
}
|
|
167
|
+
|
|
133
168
|
return (
|
|
134
169
|
<SliderOrientationProvider
|
|
135
170
|
scope={props.__scopeSlider}
|
|
@@ -143,14 +178,7 @@ const SliderVertical = React.forwardRef<View, SliderVerticalProps>(
|
|
|
143
178
|
ref={composeRefs(forwardedRef, sliderRef)}
|
|
144
179
|
{...sliderProps}
|
|
145
180
|
orientation="vertical"
|
|
146
|
-
onLayout={
|
|
147
|
-
sliderRef.current?.measure((_x, _y, _width, height, _pageX, pageY) => {
|
|
148
|
-
setState({
|
|
149
|
-
size: height,
|
|
150
|
-
offset: pageY,
|
|
151
|
-
})
|
|
152
|
-
})
|
|
153
|
-
}}
|
|
181
|
+
onLayout={measure}
|
|
154
182
|
onSlideStart={(event, target) => {
|
|
155
183
|
const value = getValueFromPointer(event.nativeEvent.locationY)
|
|
156
184
|
if (value) {
|
|
@@ -184,12 +212,23 @@ type SliderTrackElement = HTMLElement | View
|
|
|
184
212
|
|
|
185
213
|
export const SliderTrackFrame = styled(SliderFrame, {
|
|
186
214
|
name: 'SliderTrack',
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
215
|
+
|
|
216
|
+
variants: {
|
|
217
|
+
unstyled: {
|
|
218
|
+
false: {
|
|
219
|
+
height: '100%',
|
|
220
|
+
width: '100%',
|
|
221
|
+
backgroundColor: '$background',
|
|
222
|
+
position: 'relative',
|
|
223
|
+
borderRadius: 100_000,
|
|
224
|
+
overflow: 'hidden',
|
|
225
|
+
},
|
|
226
|
+
},
|
|
227
|
+
} as const,
|
|
228
|
+
|
|
229
|
+
defaultVariants: {
|
|
230
|
+
unstyled: false,
|
|
231
|
+
},
|
|
193
232
|
})
|
|
194
233
|
|
|
195
234
|
const SliderTrack = React.forwardRef<SliderTrackElement, SliderTrackProps>(
|
|
@@ -286,19 +325,28 @@ const getThumbSize = (val?: SizeTokens | number) => {
|
|
|
286
325
|
|
|
287
326
|
export const SliderThumbFrame = styled(ThemeableStack, {
|
|
288
327
|
name: 'SliderThumb',
|
|
289
|
-
position: 'absolute',
|
|
290
|
-
bordered: 2,
|
|
291
|
-
borderWidth: 2,
|
|
292
|
-
backgrounded: true,
|
|
293
|
-
pressTheme: isWeb,
|
|
294
|
-
focusTheme: isWeb,
|
|
295
|
-
hoverTheme: isWeb,
|
|
296
328
|
|
|
297
329
|
variants: {
|
|
298
330
|
size: {
|
|
299
331
|
'...size': getThumbSize,
|
|
300
332
|
},
|
|
333
|
+
|
|
334
|
+
unstyled: {
|
|
335
|
+
false: {
|
|
336
|
+
position: 'absolute',
|
|
337
|
+
bordered: 2,
|
|
338
|
+
borderWidth: 2,
|
|
339
|
+
backgrounded: true,
|
|
340
|
+
pressTheme: isWeb,
|
|
341
|
+
focusTheme: isWeb,
|
|
342
|
+
hoverTheme: isWeb,
|
|
343
|
+
},
|
|
344
|
+
},
|
|
301
345
|
} as const,
|
|
346
|
+
|
|
347
|
+
defaultVariants: {
|
|
348
|
+
unstyled: false,
|
|
349
|
+
},
|
|
302
350
|
})
|
|
303
351
|
|
|
304
352
|
interface SliderThumbProps extends SizableStackProps {
|