feat: add ruler unit, segment option

daybrush · Jun 2, 2023 · a18a52a · a18a52a
1 parent dc28298
commit a18a52a
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/packages/react-ruler/src/react-ruler/Ruler.tsx b/packages/react-ruler/src/react-ruler/Ruler.tsx
@@ -124,21 +124,21 @@ export default class Ruler extends React.PureComponent<RulerProps> implements Ru
             zoom: nextZoom = this._zoom,
             scrollPos = this.state.scrollPos,
             marks = props.marks,
-            selectedRanges = props.selectedRanges,
+            selectedRanges = props.selectedRanges!,
+            segment = props.segment || 10,
+            unit = props.unit!,
         } = options;
 
         this._zoom = nextZoom;
 
         const {
-            unit,
             type,
             backgroundColor,
             lineColor,
             textColor,
             textBackgroundColor,
             direction,
             negativeRuler = true,
-            segment = 10,
             textFormat,
             range = [-Infinity, Infinity],
             rangeBackgroundColor,

diff --git a/packages/react-ruler/src/react-ruler/types.ts b/packages/react-ruler/src/react-ruler/types.ts
@@ -29,6 +29,8 @@ export interface DrawRulerOptions {
     zoom?: number;
     selectedRanges?: number[][];
     marks?: number[];
+    unit?: number;
+    segment?: number;
 }
 
 /**