@dcg-overseas/number-line 0.1.19 → 0.1.20

package/README.md

@@ -212,9 +212,9 @@ function App() {
 | `onTogglePen` | `() => void` | 切换画笔工具 |
 | `onToggleEraser` | `() => void` | 切换橡皮擦 |
 | `onDelete` | `() => void` | 删除当前选中 |
-| `onReset` | `() => void` | 清空所有笔迹与选中，并隐藏全部跳数弧线（重新设置 `groupSize/groupCount/min/max` 后弧线恢复） |
+| `onReset` | `() => void` | 清空所有笔迹与选中，并隐藏全部跳数弧线**及分组边界粗刻度**（重新设置 `groupSize/groupCount/min/max` 后恢复） |
 | `onUndo` | `() => void` | 撤销上一步操作 |
-| `showAllArcs` | `() => void` | 重新显示全部跳数弧线（清空删除记录）。即使参数未变、或刚 `onReset` 隐藏后，也能强制把弧线显示出来，且不影响笔迹 |
+| `showAllArcs` | `() => void` | 重新显示全部跳数弧线**及分组边界粗刻度**（清空删除记录）。即使参数未变、或刚 `onReset` 隐藏后，也能强制把跳数显示出来，且不影响笔迹 |
 
 #### 缩放 API（仅 `enableZoom=true` 时有效）
 | 字段 | 类型 | 说明 |

package/dist/index.cjs

@@ -270,6 +270,7 @@ function NumberLineProvider({
   const { min: domainMin, max: domainMax } = normalizeDomain(min, max);
   const [selectedArcIndices, setSelectedArcIndices] = React.useState(/* @__PURE__ */ new Set());
   const [deletedArcIndices, setDeletedArcIndices] = React.useState(/* @__PURE__ */ new Set());
+  const [groupTicksHidden, setGroupTicksHidden] = React.useState(false);
   const { ref: svgRef, width: containerWidth, height: containerHeight } = useContainerSize();
   const history = useHistory();
   const drawing = useDrawing();
@@ -287,6 +288,7 @@ function NumberLineProvider({
   React.useEffect(() => {
     setDeletedArcIndices(/* @__PURE__ */ new Set());
     setSelectedArcIndices(/* @__PURE__ */ new Set());
+    setGroupTicksHidden(false);
   }, [domainMin, domainMax, groupSize, groupCount]);
   const getLocalCoords = React.useCallback(
     (e) => {
@@ -385,9 +387,11 @@ function NumberLineProvider({
     const arcCount = Math.max(0, Math.ceil(Number(groupCount) || 0));
     setDeletedArcIndices(new Set(Array.from({ length: arcCount }, (_, i) => i)));
     setSelectedArcIndices(/* @__PURE__ */ new Set());
+    setGroupTicksHidden(true);
   }, [drawing, history, groupCount]);
   const showAllArcs = React.useCallback(() => {
     setDeletedArcIndices((prev) => prev.size === 0 ? prev : /* @__PURE__ */ new Set());
+    setGroupTicksHidden(false);
   }, []);
   const onUndo = React.useCallback(() => {
     const result = history.undo(drawing.strokes);
@@ -454,7 +458,7 @@ function NumberLineProvider({
         groupCount,
         tickStep,
         arcColors,
-        showGroupTicks,
+        showGroupTicks: showGroupTicks && !groupTicksHidden,
         showMajorTicks,
         showMinorTicks,
         showLabelStep,

package/dist/index.js

@@ -268,6 +268,7 @@ function NumberLineProvider({
   const { min: domainMin, max: domainMax } = normalizeDomain(min, max);
   const [selectedArcIndices, setSelectedArcIndices] = useState(/* @__PURE__ */ new Set());
   const [deletedArcIndices, setDeletedArcIndices] = useState(/* @__PURE__ */ new Set());
+  const [groupTicksHidden, setGroupTicksHidden] = useState(false);
   const { ref: svgRef, width: containerWidth, height: containerHeight } = useContainerSize();
   const history = useHistory();
   const drawing = useDrawing();
@@ -285,6 +286,7 @@ function NumberLineProvider({
   useEffect(() => {
     setDeletedArcIndices(/* @__PURE__ */ new Set());
     setSelectedArcIndices(/* @__PURE__ */ new Set());
+    setGroupTicksHidden(false);
   }, [domainMin, domainMax, groupSize, groupCount]);
   const getLocalCoords = useCallback(
     (e) => {
@@ -383,9 +385,11 @@ function NumberLineProvider({
     const arcCount = Math.max(0, Math.ceil(Number(groupCount) || 0));
     setDeletedArcIndices(new Set(Array.from({ length: arcCount }, (_, i) => i)));
     setSelectedArcIndices(/* @__PURE__ */ new Set());
+    setGroupTicksHidden(true);
   }, [drawing, history, groupCount]);
   const showAllArcs = useCallback(() => {
     setDeletedArcIndices((prev) => prev.size === 0 ? prev : /* @__PURE__ */ new Set());
+    setGroupTicksHidden(false);
   }, []);
   const onUndo = useCallback(() => {
     const result = history.undo(drawing.strokes);
@@ -452,7 +456,7 @@ function NumberLineProvider({
         groupCount,
         tickStep,
         arcColors,
-        showGroupTicks,
+        showGroupTicks: showGroupTicks && !groupTicksHidden,
         showMajorTicks,
         showMinorTicks,
         showLabelStep,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dcg-overseas/number-line",
-  "version": "0.1.19",
+  "version": "0.1.20",
   "description": "Interactive number line component with group arcs and freehand drawing",
   "type": "module",
   "license": "MIT",