@dcg-overseas/number-line 0.1.18 → 0.1.20

package/README.md

@@ -212,8 +212,9 @@ function App() {
 | `onTogglePen` | `() => void` | 切换画笔工具 |
 | `onToggleEraser` | `() => void` | 切换橡皮擦 |
 | `onDelete` | `() => void` | 删除当前选中 |
-| `onReset` | `() => void` | 清空所有笔迹和弧线删除记录 |
+| `onReset` | `() => void` | 清空所有笔迹与选中，并隐藏全部跳数弧线**及分组边界粗刻度**（重新设置 `groupSize/groupCount/min/max` 后恢复） |
 | `onUndo` | `() => void` | 撤销上一步操作 |
+| `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) => {
@@ -382,9 +384,15 @@ function NumberLineProvider({
   const onReset = React.useCallback(() => {
     drawing.resetStrokes();
     history.clear();
-    setDeletedArcIndices(/* @__PURE__ */ new Set());
+    const arcCount = Math.max(0, Math.ceil(Number(groupCount) || 0));
+    setDeletedArcIndices(new Set(Array.from({ length: arcCount }, (_, i) => i)));
     setSelectedArcIndices(/* @__PURE__ */ new Set());
-  }, [drawing, history]);
+    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);
     if (result.strokes !== null) drawing.restoreStrokes(result.strokes);
@@ -450,7 +458,7 @@ function NumberLineProvider({
         groupCount,
         tickStep,
         arcColors,
-        showGroupTicks,
+        showGroupTicks: showGroupTicks && !groupTicksHidden,
         showMajorTicks,
         showMinorTicks,
         showLabelStep,
@@ -477,7 +485,8 @@ function NumberLineProvider({
         onToggleEraser,
         onDelete,
         onReset,
-        onUndo
+        onUndo,
+        showAllArcs
       },
       children
     }

package/dist/index.d.ts

@@ -43,6 +43,8 @@ export declare interface NumberLineContextValue {
     onDelete: () => void;
     onReset: () => void;
     onUndo: () => void;
+    /** restore (re-show) every arc by clearing the deleted-arc record */
+    showAllArcs: () => void;
     getShowLabelStep?: (params: unknown) => boolean;
 }
 

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) => {
@@ -380,9 +382,15 @@ function NumberLineProvider({
   const onReset = useCallback(() => {
     drawing.resetStrokes();
     history.clear();
-    setDeletedArcIndices(/* @__PURE__ */ new Set());
+    const arcCount = Math.max(0, Math.ceil(Number(groupCount) || 0));
+    setDeletedArcIndices(new Set(Array.from({ length: arcCount }, (_, i) => i)));
     setSelectedArcIndices(/* @__PURE__ */ new Set());
-  }, [drawing, history]);
+    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);
     if (result.strokes !== null) drawing.restoreStrokes(result.strokes);
@@ -448,7 +456,7 @@ function NumberLineProvider({
         groupCount,
         tickStep,
         arcColors,
-        showGroupTicks,
+        showGroupTicks: showGroupTicks && !groupTicksHidden,
         showMajorTicks,
         showMinorTicks,
         showLabelStep,
@@ -475,7 +483,8 @@ function NumberLineProvider({
         onToggleEraser,
         onDelete,
         onReset,
-        onUndo
+        onUndo,
+        showAllArcs
       },
       children
     }

package/package.json

@@ -1,47 +1,47 @@
-{
-  "name": "@dcg-overseas/number-line",
-  "version": "0.1.18",
-  "description": "Interactive number line component with group arcs and freehand drawing",
-  "type": "module",
-  "license": "MIT",
-  "main": "./dist/index.cjs",
-  "module": "./dist/index.js",
-  "types": "./dist/index.d.ts",
-  "exports": {
-    ".": {
-      "import": {
-        "types": "./dist/index.d.ts",
-        "default": "./dist/index.js"
-      },
-      "require": {
-        "types": "./dist/index.d.cts",
-        "default": "./dist/index.cjs"
-      }
-    }
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": false,
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "devDependencies": {
-    "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
-    "vite": "^5.3.1",
-    "vite-plugin-dts": "^3.9.1"
-  },
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "scripts": {
-    "build": "vite build",
-    "build:watch": "vite build --watch",
-    "typecheck": "tsc --noEmit",
-    "clean": "rm -rf dist *.tsbuildinfo"
-  }
-}
+{
+  "name": "@dcg-overseas/number-line",
+  "version": "0.1.20",
+  "description": "Interactive number line component with group arcs and freehand drawing",
+  "type": "module",
+  "license": "MIT",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.cts",
+        "default": "./dist/index.cjs"
+      }
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "vite build",
+    "build:watch": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "clean": "rm -rf dist *.tsbuildinfo"
+  },
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "vite": "^5.3.1",
+    "vite-plugin-dts": "^3.9.1"
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  }
+}