@onekeyfe/react-native-segment-slider 3.0.53 → 3.0.54

package/nitrogen/generated/shared/c++/views/HybridSegmentSliderComponent.cpp

@@ -25,14 +25,14 @@ namespace margelo::nitro::segmentslider::views {
                                                      const HybridSegmentSliderProps& sourceProps,
                                                      const react::RawProps& rawProps):
     react::ViewProps(context, sourceProps, rawProps, filterObjectKeys),
-    value([&]() -> CachedProp<double> {
+    defaultValue([&]() -> CachedProp<double> {
       try {
-        const react::RawValue* rawValue = rawProps.at("value", nullptr, nullptr);
-        if (rawValue == nullptr) return sourceProps.value;
+        const react::RawValue* rawValue = rawProps.at("defaultValue", nullptr, nullptr);
+        if (rawValue == nullptr) return sourceProps.defaultValue;
         const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
-        return CachedProp<double>::fromRawValue(*runtime, value, sourceProps.value);
+        return CachedProp<double>::fromRawValue(*runtime, value, sourceProps.defaultValue);
       } catch (const std::exception& exc) {
-        throw std::runtime_error(std::string("SegmentSlider.value: ") + exc.what());
+        throw std::runtime_error(std::string("SegmentSlider.defaultValue: ") + exc.what());
       }
     }()),
     min([&]() -> CachedProp<double> {
@@ -115,16 +115,6 @@ namespace margelo::nitro::segmentslider::views {
         throw std::runtime_error(std::string("SegmentSlider.snapTapToSegment: ") + exc.what());
       }
     }()),
-    epoch([&]() -> CachedProp<double> {
-      try {
-        const react::RawValue* rawValue = rawProps.at("epoch", nullptr, nullptr);
-        if (rawValue == nullptr) return sourceProps.epoch;
-        const auto& [runtime, value] = (std::pair<jsi::Runtime*, jsi::Value>)*rawValue;
-        return CachedProp<double>::fromRawValue(*runtime, value, sourceProps.epoch);
-      } catch (const std::exception& exc) {
-        throw std::runtime_error(std::string("SegmentSlider.epoch: ") + exc.what());
-      }
-    }()),
     fillColor([&]() -> CachedProp<std::string> {
       try {
         const react::RawValue* rawValue = rawProps.at("fillColor", nullptr, nullptr);
@@ -258,7 +248,7 @@ namespace margelo::nitro::segmentslider::views {
 
   HybridSegmentSliderProps::HybridSegmentSliderProps(const HybridSegmentSliderProps& other):
     react::ViewProps(),
-    value(other.value),
+    defaultValue(other.defaultValue),
     min(other.min),
     max(other.max),
     segments(other.segments),
@@ -267,7 +257,6 @@ namespace margelo::nitro::segmentslider::views {
     showBubble(other.showBubble),
     centerOrigin(other.centerOrigin),
     snapTapToSegment(other.snapTapToSegment),
-    epoch(other.epoch),
     fillColor(other.fillColor),
     trackColor(other.trackColor),
     thumbColor(other.thumbColor),
@@ -284,7 +273,7 @@ namespace margelo::nitro::segmentslider::views {
 
   bool HybridSegmentSliderProps::filterObjectKeys(const std::string& propName) {
     switch (hashString(propName)) {
-      case hashString("value"): return true;
+      case hashString("defaultValue"): return true;
       case hashString("min"): return true;
       case hashString("max"): return true;
       case hashString("segments"): return true;
@@ -293,7 +282,6 @@ namespace margelo::nitro::segmentslider::views {
       case hashString("showBubble"): return true;
       case hashString("centerOrigin"): return true;
       case hashString("snapTapToSegment"): return true;
-      case hashString("epoch"): return true;
       case hashString("fillColor"): return true;
       case hashString("trackColor"): return true;
       case hashString("thumbColor"): return true;

package/nitrogen/generated/shared/c++/views/HybridSegmentSliderComponent.hpp

@@ -43,7 +43,7 @@ namespace margelo::nitro::segmentslider::views {
                              const react::RawProps& rawProps);
 
   public:
-    CachedProp<double> value;
+    CachedProp<double> defaultValue;
     CachedProp<double> min;
     CachedProp<double> max;
     CachedProp<double> segments;
@@ -52,7 +52,6 @@ namespace margelo::nitro::segmentslider::views {
     CachedProp<bool> showBubble;
     CachedProp<bool> centerOrigin;
     CachedProp<bool> snapTapToSegment;
-    CachedProp<double> epoch;
     CachedProp<std::string> fillColor;
     CachedProp<std::string> trackColor;
     CachedProp<std::string> thumbColor;

package/nitrogen/generated/shared/json/SegmentSliderConfig.json

@@ -4,7 +4,7 @@
   "bubblingEventTypes": {},
   "directEventTypes": {},
   "validAttributes": {
-    "value": true,
+    "defaultValue": true,
     "min": true,
     "max": true,
     "segments": true,
@@ -13,7 +13,6 @@
     "showBubble": true,
     "centerOrigin": true,
     "snapTapToSegment": true,
-    "epoch": true,
     "fillColor": true,
     "trackColor": true,
     "thumbColor": true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onekeyfe/react-native-segment-slider",
-  "version": "3.0.53",
+  "version": "3.0.54",
   "description": "react-native-segment-slider",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",

package/src/SegmentSlider.nitro.ts

@@ -24,8 +24,16 @@ import type {
  * hex / rgba() strings so the native side never depends on the theme system.
  */
 export interface SegmentSliderProps extends HybridViewProps {
-  /** Current (controlled) value. Ignored while the user is dragging. */
-  value: number;
+  /**
+   * Initial value, applied ONCE when the view mounts. The slider is
+   * UNCONTROLLED: after mount the native view owns the value (driven by the
+   * pan gesture and reported via `onChange`). To set the value imperatively
+   * from JS — e.g. a leverage / coin reset — call the `setValue` method on the
+   * hybrid ref instead of re-rendering with a new prop. This keeps reset (and
+   * any high-rate) updates off the Fabric prop-commit path (REACT-NATIVE-1JZ)
+   * and removes the controlled-value-vs-drag conflict entirely.
+   */
+  defaultValue: number;
   /** Range minimum (default range 0..100). */
   min: number;
   /** Range maximum. */
@@ -47,12 +55,6 @@ export interface SegmentSliderProps extends HybridViewProps {
    * callers keep the free-tap behavior.
    */
   snapTapToSegment: boolean;
-  /**
-   * Monotonic token. Bump from JS on coin / leverage reset so the native view
-   * snaps to the new value WITHOUT animating the thumb scale. Mirrors the
-   * `epoch` convention used by react-native-perp-depth-bar.
-   */
-  epoch: number;
 
   // --- Resolved theme colors (hex `#rgb`/`#rrggbb`/`#rrggbbaa` or rgba()) ---
   /** Active fill bar color (Tamagui `bgPrimary`). */
@@ -82,6 +84,15 @@ export interface SegmentSliderProps extends HybridViewProps {
   onSlideComplete?: () => void;
 }
 
-export interface SegmentSliderMethods extends HybridViewMethods {}
+export interface SegmentSliderMethods extends HybridViewMethods {
+  /**
+   * Imperatively set the slider value (clamped to `min..max`). Hard-snaps the
+   * thumb to the new value, cancelling any in-flight drag, and does NOT fire
+   * `onChange` (the JS caller already knows the value, so re-emitting would
+   * loop). This is the supported way to update the value after mount — see
+   * `defaultValue`.
+   */
+  setValue(value: number): void;
+}
 
 export type SegmentSlider = HybridView<SegmentSliderProps, SegmentSliderMethods>;

package/src/index.tsx

@@ -1,4 +1,4 @@
-import { useCallback, useRef } from 'react';
+import { useCallback, useMemo, useRef } from 'react';
 
 import { type ViewProps } from 'react-native';
 import { callback, getHostComponent } from 'react-native-nitro-modules';
@@ -45,15 +45,25 @@ export function SegmentSliderView({
   const stableOnSlideComplete = useCallback(() => {
     onSlideCompleteRef.current?.();
   }, []);
+  const onChangeCallback = useMemo(
+    () => callback(stableOnChange),
+    [stableOnChange],
+  );
+  const onSlideStartCallback = useMemo(
+    () => callback(stableOnSlideStart),
+    [stableOnSlideStart],
+  );
+  const onSlideCompleteCallback = useMemo(
+    () => callback(stableOnSlideComplete),
+    [stableOnSlideComplete],
+  );
 
   return (
     <SegmentSliderHost
       {...props}
-      onChange={onChange ? callback(stableOnChange) : undefined}
-      onSlideStart={onSlideStart ? callback(stableOnSlideStart) : undefined}
-      onSlideComplete={
-        onSlideComplete ? callback(stableOnSlideComplete) : undefined
-      }
+      onChange={onChange ? onChangeCallback : undefined}
+      onSlideStart={onSlideStart ? onSlideStartCallback : undefined}
+      onSlideComplete={onSlideComplete ? onSlideCompleteCallback : undefined}
     />
   );
 }