react-native-directional-toggle 0.1.2 → 0.1.3

package/lib/commonjs/AnimatedSwitch.js

@@ -26,8 +26,10 @@ function AnimatedSwitch({
   textStyle,
   activeTextStyle,
   inactiveTextStyle,
-  animationConfig = DEFAULT_ANIMATION
+  animationConfig = DEFAULT_ANIMATION,
+  disabled = false
 }) {
+  console.log('disabled ---->', disabled);
   const itemSizeSV = (0, _reactNativeReanimated.useSharedValue)(0);
   const translate = (0, _reactNativeReanimated.useSharedValue)(0);
   const indexSV = (0, _reactNativeReanimated.useSharedValue)(0);
@@ -65,12 +67,11 @@ function AnimatedSwitch({
     }
   }, [onChange, options]);
   const handlePress = index => {
-    if (itemSizeSV.value === 0) return;
-    indexSV.value = index;
+    if (disabled || itemSizeSV.value === 0) return;
     translate.value = (0, _reactNativeReanimated.withTiming)(index * itemSizeSV.value, animationConfig);
     emitChange(index);
   };
-  const panGesture = _reactNativeGestureHandler.Gesture.Pan().onUpdate(e => {
+  const panGesture = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().enabled(!disabled).onUpdate(e => {
     if (itemSizeSV.value === 0) return;
     const term = vertical ? e.translationY : e.translationX;
     const startPos = indexSV.value * itemSizeSV.value;
@@ -83,7 +84,9 @@ function AnimatedSwitch({
     indexSV.value = index;
     translate.value = (0, _reactNativeReanimated.withSpring)(index * itemSizeSV.value, animationConfig);
     (0, _reactNativeWorklets.scheduleOnRN)(emitChange, index);
-  });
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [disabled]);
   const animatedThumbStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
     // If layout not ready, hide thumb or show nothing
     if (itemSizeSV.value === 0) return {
@@ -110,27 +113,28 @@ function AnimatedSwitch({
       opacity: 1
     };
   });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    onLayout: onLayout,
+    style: [styles.container, vertical ? styles.vertical : styles.horizontal, disabled && styles.disabled, style],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.thumb, thumbStyle, animatedThumbStyle]
+    }), options.map((opt, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionItem, {
+      label: opt.label,
+      onPress: () => handlePress(index),
+      index: index,
+      translate: translate,
+      itemSizeSV: itemSizeSV,
+      textStyle: textStyle,
+      activeTextStyle: activeTextStyle,
+      inactiveTextStyle: inactiveTextStyle,
+      disabled: disabled
+    }, String(opt.value)))]
+  });
+
+  // disabled 时不挂载 GestureDetector
+  return disabled ? content : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
     gesture: panGesture,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-      onLayout: onLayout,
-      style: [styles.container, vertical ? styles.vertical : styles.horizontal, style // User override
-      ],
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-        style: [styles.thumb, thumbStyle, animatedThumbStyle]
-      }), options.map((opt, index) => {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionItem, {
-          label: opt.label,
-          onPress: () => handlePress(index),
-          index: index,
-          translate: translate,
-          itemSizeSV: itemSizeSV,
-          textStyle: textStyle,
-          activeTextStyle: activeTextStyle,
-          inactiveTextStyle: inactiveTextStyle
-        }, opt.value);
-      })]
-    })
+    children: content
   });
 }
 
@@ -143,7 +147,8 @@ const OptionItem = ({
   itemSizeSV,
   textStyle,
   activeTextStyle,
-  inactiveTextStyle
+  inactiveTextStyle,
+  disabled
 }) => {
   const activeColor = _reactNative.StyleSheet.flatten(activeTextStyle)?.color ?? '#000';
   const inactiveColor = _reactNative.StyleSheet.flatten(inactiveTextStyle)?.color ?? '#999';
@@ -157,6 +162,7 @@ const OptionItem = ({
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
     style: styles.option,
     onPress: onPress,
+    disabled: disabled,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.Text, {
       style: [styles.text, textStyle, textAnimatedStyle],
       numberOfLines: 1,
@@ -166,11 +172,13 @@ const OptionItem = ({
 };
 const styles = _reactNative.StyleSheet.create({
   container: {
-    // backgroundColor: '#f0f0f0',
     borderRadius: 16,
     overflow: 'hidden',
-    padding: 2
-    // position: 'relative',
+    padding: 2,
+    position: 'relative'
+  },
+  disabled: {
+    opacity: 0.5
   },
   horizontal: {
     flexDirection: 'row'
@@ -179,7 +187,6 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: 'column'
   },
   thumb: {
-    // backgroundColor: '#fff',
     borderRadius: 16,
     shadowColor: '#000',
     shadowOffset: {

package/lib/commonjs/AnimatedSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeWorklets","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_ANIMATION","duration","damping","stiffness","AnimatedSwitch","options","value","onChange","vertical","style","thumbStyle","textStyle","activeTextStyle","inactiveTextStyle","animationConfig","itemSizeSV","useSharedValue","translate","indexSV","currentIndex","findIndex","onLayout","useCallback","width","height","nativeEvent","layout","totalSize","itemSize","length","useEffect","withTiming","emitChange","index","safeIndex","Math","max","min","handlePress","panGesture","Gesture","Pan","onUpdate","term","translationY","translationX","startPos","pos","onEnd","round","withSpring","scheduleOnRN","animatedThumbStyle","useAnimatedStyle","opacity","transform","translateY","translateX","sizeStyle","position","left","top","jsx","GestureDetector","gesture","children","jsxs","View","styles","container","horizontal","thumb","map","opt","OptionItem","label","onPress","activeColor","StyleSheet","flatten","color","inactiveColor","textAnimatedStyle","center","interpolateColor","Pressable","option","Text","text","numberOfLines","create","borderRadius","overflow","padding","flexDirection","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","alignItems","justifyContent","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_reactNativeGestureHandler","_reactNativeWorklets","_reactNativeReanimated","_interopRequireWildcard","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","DEFAULT_ANIMATION","duration","damping","stiffness","AnimatedSwitch","options","value","onChange","vertical","style","thumbStyle","textStyle","activeTextStyle","inactiveTextStyle","animationConfig","disabled","console","log","itemSizeSV","useSharedValue","translate","indexSV","currentIndex","findIndex","onLayout","useCallback","width","height","nativeEvent","layout","totalSize","itemSize","length","useEffect","withTiming","emitChange","index","safeIndex","Math","max","min","handlePress","panGesture","useMemo","Gesture","Pan","enabled","onUpdate","term","translationY","translationX","startPos","pos","onEnd","round","withSpring","scheduleOnRN","animatedThumbStyle","useAnimatedStyle","opacity","transform","translateY","translateX","sizeStyle","position","left","top","content","jsxs","View","styles","container","horizontal","children","jsx","thumb","map","opt","OptionItem","label","onPress","String","GestureDetector","gesture","activeColor","StyleSheet","flatten","color","inactiveColor","textAnimatedStyle","center","interpolateColor","Pressable","option","Text","text","numberOfLines","create","borderRadius","overflow","padding","flexDirection","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","alignItems","justifyContent","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/AnimatedSwitch.js

@@ -1,6 +1,6 @@
 "use strict";
 
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 import { Pressable, StyleSheet, View } from 'react-native';
 import { Gesture, GestureDetector } from 'react-native-gesture-handler';
 import { scheduleOnRN } from 'react-native-worklets';
@@ -21,8 +21,10 @@ export function AnimatedSwitch({
   textStyle,
   activeTextStyle,
   inactiveTextStyle,
-  animationConfig = DEFAULT_ANIMATION
+  animationConfig = DEFAULT_ANIMATION,
+  disabled = false
 }) {
+  console.log('disabled ---->', disabled);
   const itemSizeSV = useSharedValue(0);
   const translate = useSharedValue(0);
   const indexSV = useSharedValue(0);
@@ -60,12 +62,11 @@ export function AnimatedSwitch({
     }
   }, [onChange, options]);
   const handlePress = index => {
-    if (itemSizeSV.value === 0) return;
-    indexSV.value = index;
+    if (disabled || itemSizeSV.value === 0) return;
     translate.value = withTiming(index * itemSizeSV.value, animationConfig);
     emitChange(index);
   };
-  const panGesture = Gesture.Pan().onUpdate(e => {
+  const panGesture = useMemo(() => Gesture.Pan().enabled(!disabled).onUpdate(e => {
     if (itemSizeSV.value === 0) return;
     const term = vertical ? e.translationY : e.translationX;
     const startPos = indexSV.value * itemSizeSV.value;
@@ -78,7 +79,9 @@ export function AnimatedSwitch({
     indexSV.value = index;
     translate.value = withSpring(index * itemSizeSV.value, animationConfig);
     scheduleOnRN(emitChange, index);
-  });
+  }),
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  [disabled]);
   const animatedThumbStyle = useAnimatedStyle(() => {
     // If layout not ready, hide thumb or show nothing
     if (itemSizeSV.value === 0) return {
@@ -105,27 +108,28 @@ export function AnimatedSwitch({
       opacity: 1
     };
   });
-  return /*#__PURE__*/_jsx(GestureDetector, {
+  const content = /*#__PURE__*/_jsxs(View, {
+    onLayout: onLayout,
+    style: [styles.container, vertical ? styles.vertical : styles.horizontal, disabled && styles.disabled, style],
+    children: [/*#__PURE__*/_jsx(Animated.View, {
+      style: [styles.thumb, thumbStyle, animatedThumbStyle]
+    }), options.map((opt, index) => /*#__PURE__*/_jsx(OptionItem, {
+      label: opt.label,
+      onPress: () => handlePress(index),
+      index: index,
+      translate: translate,
+      itemSizeSV: itemSizeSV,
+      textStyle: textStyle,
+      activeTextStyle: activeTextStyle,
+      inactiveTextStyle: inactiveTextStyle,
+      disabled: disabled
+    }, String(opt.value)))]
+  });
+
+  // disabled 时不挂载 GestureDetector
+  return disabled ? content : /*#__PURE__*/_jsx(GestureDetector, {
     gesture: panGesture,
-    children: /*#__PURE__*/_jsxs(View, {
-      onLayout: onLayout,
-      style: [styles.container, vertical ? styles.vertical : styles.horizontal, style // User override
-      ],
-      children: [/*#__PURE__*/_jsx(Animated.View, {
-        style: [styles.thumb, thumbStyle, animatedThumbStyle]
-      }), options.map((opt, index) => {
-        return /*#__PURE__*/_jsx(OptionItem, {
-          label: opt.label,
-          onPress: () => handlePress(index),
-          index: index,
-          translate: translate,
-          itemSizeSV: itemSizeSV,
-          textStyle: textStyle,
-          activeTextStyle: activeTextStyle,
-          inactiveTextStyle: inactiveTextStyle
-        }, opt.value);
-      })]
-    })
+    children: content
   });
 }
 
@@ -138,7 +142,8 @@ const OptionItem = ({
   itemSizeSV,
   textStyle,
   activeTextStyle,
-  inactiveTextStyle
+  inactiveTextStyle,
+  disabled
 }) => {
   const activeColor = StyleSheet.flatten(activeTextStyle)?.color ?? '#000';
   const inactiveColor = StyleSheet.flatten(inactiveTextStyle)?.color ?? '#999';
@@ -152,6 +157,7 @@ const OptionItem = ({
   return /*#__PURE__*/_jsx(Pressable, {
     style: styles.option,
     onPress: onPress,
+    disabled: disabled,
     children: /*#__PURE__*/_jsx(Animated.Text, {
       style: [styles.text, textStyle, textAnimatedStyle],
       numberOfLines: 1,
@@ -161,11 +167,13 @@ const OptionItem = ({
 };
 const styles = StyleSheet.create({
   container: {
-    // backgroundColor: '#f0f0f0',
     borderRadius: 16,
     overflow: 'hidden',
-    padding: 2
-    // position: 'relative',
+    padding: 2,
+    position: 'relative'
+  },
+  disabled: {
+    opacity: 0.5
   },
   horizontal: {
     flexDirection: 'row'
@@ -174,7 +182,6 @@ const styles = StyleSheet.create({
     flexDirection: 'column'
   },
   thumb: {
-    // backgroundColor: '#fff',
     borderRadius: 16,
     shadowColor: '#000',
     shadowOffset: {

package/lib/module/AnimatedSwitch.js.map

@@ -1 +1 @@
-{"version":3,"names":["useCallback","useEffect","Pressable","StyleSheet","View","Gesture","GestureDetector","scheduleOnRN","Animated","interpolateColor","useAnimatedStyle","useSharedValue","withSpring","withTiming","jsx","_jsx","jsxs","_jsxs","DEFAULT_ANIMATION","duration","damping","stiffness","AnimatedSwitch","options","value","onChange","vertical","style","thumbStyle","textStyle","activeTextStyle","inactiveTextStyle","animationConfig","itemSizeSV","translate","indexSV","currentIndex","findIndex","o","onLayout","e","width","height","nativeEvent","layout","totalSize","itemSize","length","emitChange","index","safeIndex","Math","max","min","handlePress","panGesture","Pan","onUpdate","term","translationY","translationX","startPos","pos","onEnd","round","animatedThumbStyle","opacity","transform","translateY","translateX","sizeStyle","position","left","top","gesture","children","styles","container","horizontal","thumb","map","opt","OptionItem","label","onPress","activeColor","flatten","color","inactiveColor","textAnimatedStyle","center","option","Text","text","numberOfLines","create","borderRadius","overflow","padding","flexDirection","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","alignItems","justifyContent","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useCallback","useEffect","useMemo","Pressable","StyleSheet","View","Gesture","GestureDetector","scheduleOnRN","Animated","interpolateColor","useAnimatedStyle","useSharedValue","withSpring","withTiming","jsx","_jsx","jsxs","_jsxs","DEFAULT_ANIMATION","duration","damping","stiffness","AnimatedSwitch","options","value","onChange","vertical","style","thumbStyle","textStyle","activeTextStyle","inactiveTextStyle","animationConfig","disabled","console","log","itemSizeSV","translate","indexSV","currentIndex","findIndex","o","onLayout","e","width","height","nativeEvent","layout","totalSize","itemSize","length","emitChange","index","safeIndex","Math","max","min","handlePress","panGesture","Pan","enabled","onUpdate","term","translationY","translationX","startPos","pos","onEnd","round","animatedThumbStyle","opacity","transform","translateY","translateX","sizeStyle","position","left","top","content","styles","container","horizontal","children","thumb","map","opt","OptionItem","label","onPress","String","gesture","activeColor","flatten","color","inactiveColor","textAnimatedStyle","center","option","Text","text","numberOfLines","create","borderRadius","overflow","padding","flexDirection","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","flex","alignItems","justifyContent","fontSize","fontWeight"],"sourceRoot":"../../src","sources":["AnimatedSwitch.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/commonjs/src/AnimatedSwitch.d.ts

@@ -37,7 +37,12 @@ export type AnimatedSwitchProps = {
      * Animation configuration.
      */
     animationConfig?: WithTimingConfig | WithSpringConfig;
+    /**
+     * When true, the switch does not respond to interactions.
+     * @default false
+     */
+    disabled?: boolean;
 };
-export declare function AnimatedSwitch({ options, value, onChange, vertical, style, thumbStyle, textStyle, activeTextStyle, inactiveTextStyle, animationConfig, }: AnimatedSwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedSwitch({ options, value, onChange, vertical, style, thumbStyle, textStyle, activeTextStyle, inactiveTextStyle, animationConfig, disabled, }: AnimatedSwitchProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AnimatedSwitch.d.ts.map

package/lib/typescript/commonjs/src/AnimatedSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedSwitch.d.ts","sourceRoot":"","sources":["../../../../src/AnimatedSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAiB,EAMf,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAEtB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC;CACvD,CAAC;AAQF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,eAAmC,GACpC,EAAE,mBAAmB,2CAiIrB"}
+{"version":3,"file":"AnimatedSwitch.d.ts","sourceRoot":"","sources":["../../../../src/AnimatedSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAiB,EAMf,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAEtB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAQF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,eAAmC,EACnC,QAAgB,GACjB,EAAE,mBAAmB,2CA4IrB"}

package/lib/typescript/module/src/AnimatedSwitch.d.ts

@@ -37,7 +37,12 @@ export type AnimatedSwitchProps = {
      * Animation configuration.
      */
     animationConfig?: WithTimingConfig | WithSpringConfig;
+    /**
+     * When true, the switch does not respond to interactions.
+     * @default false
+     */
+    disabled?: boolean;
 };
-export declare function AnimatedSwitch({ options, value, onChange, vertical, style, thumbStyle, textStyle, activeTextStyle, inactiveTextStyle, animationConfig, }: AnimatedSwitchProps): import("react/jsx-runtime").JSX.Element;
+export declare function AnimatedSwitch({ options, value, onChange, vertical, style, thumbStyle, textStyle, activeTextStyle, inactiveTextStyle, animationConfig, disabled, }: AnimatedSwitchProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=AnimatedSwitch.d.ts.map

package/lib/typescript/module/src/AnimatedSwitch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnimatedSwitch.d.ts","sourceRoot":"","sources":["../../../../src/AnimatedSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAiB,EAMf,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAEtB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC;CACvD,CAAC;AAQF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,eAAmC,GACpC,EAAE,mBAAmB,2CAiIrB"}
+{"version":3,"file":"AnimatedSwitch.d.ts","sourceRoot":"","sources":["../../../../src/AnimatedSwitch.tsx"],"names":[],"mappings":"AACA,OAAO,EAKL,KAAK,SAAS,EACd,KAAK,SAAS,EACd,KAAK,SAAS,EACf,MAAM,cAAc,CAAC;AAGtB,OAAiB,EAMf,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EAEtB,MAAM,yBAAyB,CAAC;AAEjC,KAAK,MAAM,GAAG;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAC3C;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACjC;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACvC;;OAEG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACzC;;OAEG;IACH,eAAe,CAAC,EAAE,gBAAgB,GAAG,gBAAgB,CAAC;IACtD;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAQF,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,QAAgB,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,eAAe,EACf,iBAAiB,EACjB,eAAmC,EACnC,QAAgB,GACjB,EAAE,mBAAmB,2CA4IrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-directional-toggle",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Multi-element toggle component for React Native and Expo with support for vertical and horizontal layouts and animations.",
   "source": "./src/index.tsx",
   "main": "./lib/commonjs/index.js",

package/src/AnimatedSwitch.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useEffect } from 'react';
+import { useCallback, useEffect, useMemo } from 'react';
 import {
   type LayoutChangeEvent,
   Pressable,
@@ -59,6 +59,11 @@ export type AnimatedSwitchProps = {
    * Animation configuration.
    */
   animationConfig?: WithTimingConfig | WithSpringConfig;
+  /**
+   * When true, the switch does not respond to interactions.
+   * @default false
+   */
+  disabled?: boolean;
 };
 
 const DEFAULT_ANIMATION = {
@@ -78,7 +83,9 @@ export function AnimatedSwitch({
   activeTextStyle,
   inactiveTextStyle,
   animationConfig = DEFAULT_ANIMATION,
+  disabled = false,
 }: AnimatedSwitchProps) {
+  console.log('disabled ---->', disabled);
   const itemSizeSV = useSharedValue(0);
   const translate = useSharedValue(0);
   const indexSV = useSharedValue(0);
@@ -126,8 +133,7 @@ export function AnimatedSwitch({
   );
 
   const handlePress = (index: number) => {
-    if (itemSizeSV.value === 0) return;
-    indexSV.value = index;
+    if (disabled || itemSizeSV.value === 0) return;
     translate.value = withTiming(
       index * itemSizeSV.value,
       animationConfig as WithTimingConfig
@@ -135,25 +141,31 @@ export function AnimatedSwitch({
     emitChange(index);
   };
 
-  const panGesture = Gesture.Pan()
-    .onUpdate((e) => {
-      if (itemSizeSV.value === 0) return;
-      const term = vertical ? e.translationY : e.translationX;
-      const startPos = indexSV.value * itemSizeSV.value;
-      const pos = startPos + term;
-      const max = (options.length - 1) * itemSizeSV.value;
-      translate.value = Math.min(Math.max(0, pos), max);
-    })
-    .onEnd(() => {
-      if (itemSizeSV.value === 0) return;
-      const index = Math.round(translate.value / itemSizeSV.value);
-      indexSV.value = index;
-      translate.value = withSpring(
-        index * itemSizeSV.value,
-        animationConfig as WithSpringConfig
-      );
-      scheduleOnRN(emitChange, index);
-    });
+  const panGesture = useMemo(
+    () =>
+      Gesture.Pan()
+        .enabled(!disabled)
+        .onUpdate((e) => {
+          if (itemSizeSV.value === 0) return;
+          const term = vertical ? e.translationY : e.translationX;
+          const startPos = indexSV.value * itemSizeSV.value;
+          const pos = startPos + term;
+          const max = (options.length - 1) * itemSizeSV.value;
+          translate.value = Math.min(Math.max(0, pos), max);
+        })
+        .onEnd(() => {
+          if (itemSizeSV.value === 0) return;
+          const index = Math.round(translate.value / itemSizeSV.value);
+          indexSV.value = index;
+          translate.value = withSpring(
+            index * itemSizeSV.value,
+            animationConfig as WithSpringConfig
+          );
+          scheduleOnRN(emitChange, index);
+        }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [disabled]
+  );
 
   const animatedThumbStyle = useAnimatedStyle(() => {
     // If layout not ready, hide thumb or show nothing
@@ -177,35 +189,40 @@ export function AnimatedSwitch({
     };
   });
 
-  return (
-    <GestureDetector gesture={panGesture}>
-      <View
-        onLayout={onLayout}
-        style={[
-          styles.container,
-          vertical ? styles.vertical : styles.horizontal,
-          style, // User override
-        ]}
-      >
-        <Animated.View style={[styles.thumb, thumbStyle, animatedThumbStyle]} />
+  const content = (
+    <View
+      onLayout={onLayout}
+      style={[
+        styles.container,
+        vertical ? styles.vertical : styles.horizontal,
+        disabled && styles.disabled,
+        style,
+      ]}
+    >
+      <Animated.View style={[styles.thumb, thumbStyle, animatedThumbStyle]} />
 
-        {options.map((opt, index) => {
-          return (
-            <OptionItem
-              key={opt.value}
-              label={opt.label}
-              onPress={() => handlePress(index)}
-              index={index}
-              translate={translate}
-              itemSizeSV={itemSizeSV}
-              textStyle={textStyle}
-              activeTextStyle={activeTextStyle}
-              inactiveTextStyle={inactiveTextStyle}
-            />
-          );
-        })}
-      </View>
-    </GestureDetector>
+      {options.map((opt, index) => (
+        <OptionItem
+          key={String(opt.value)}
+          label={opt.label}
+          onPress={() => handlePress(index)}
+          index={index}
+          translate={translate}
+          itemSizeSV={itemSizeSV}
+          textStyle={textStyle}
+          activeTextStyle={activeTextStyle}
+          inactiveTextStyle={inactiveTextStyle}
+          disabled={disabled}
+        />
+      ))}
+    </View>
+  );
+
+  // disabled 时不挂载 GestureDetector
+  return disabled ? (
+    content
+  ) : (
+    <GestureDetector gesture={panGesture}>{content}</GestureDetector>
   );
 }
 
@@ -219,6 +236,7 @@ const OptionItem = ({
   textStyle,
   activeTextStyle,
   inactiveTextStyle,
+  disabled,
 }: {
   label: string;
   onPress: () => void;
@@ -228,6 +246,7 @@ const OptionItem = ({
   textStyle?: StyleProp<TextStyle>;
   activeTextStyle?: StyleProp<TextStyle>;
   inactiveTextStyle?: StyleProp<TextStyle>;
+  disabled?: boolean;
 }) => {
   const activeColor =
     (StyleSheet.flatten(activeTextStyle)?.color as string) ?? '#000';
@@ -245,7 +264,7 @@ const OptionItem = ({
   });
 
   return (
-    <Pressable style={styles.option} onPress={onPress}>
+    <Pressable style={styles.option} onPress={onPress} disabled={disabled}>
       <Animated.Text
         style={[styles.text, textStyle, textAnimatedStyle]}
         numberOfLines={1}
@@ -258,11 +277,13 @@ const OptionItem = ({
 
 const styles = StyleSheet.create({
   container: {
-    // backgroundColor: '#f0f0f0',
     borderRadius: 16,
     overflow: 'hidden',
     padding: 2,
-    // position: 'relative',
+    position: 'relative',
+  },
+  disabled: {
+    opacity: 0.5,
   },
   horizontal: {
     flexDirection: 'row',
@@ -271,7 +292,6 @@ const styles = StyleSheet.create({
     flexDirection: 'column',
   },
   thumb: {
-    // backgroundColor: '#fff',
     borderRadius: 16,
     shadowColor: '#000',
     shadowOffset: { width: 0, height: 1 },