@dcg-overseas/number-line 0.1.9 → 0.1.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +4 -4
- package/dist/index.js +4 -4
- package/package.json +8 -8
package/dist/index.cjs
CHANGED
|
@@ -771,7 +771,7 @@ function AnimatedArc({
|
|
|
771
771
|
x: x2,
|
|
772
772
|
y: textY,
|
|
773
773
|
textAnchor: edgeTextAnchor(end, min, max),
|
|
774
|
-
fontSize:
|
|
774
|
+
fontSize: 14,
|
|
775
775
|
fill: strokeColor,
|
|
776
776
|
fontWeight: "600",
|
|
777
777
|
pointerEvents: "none",
|
|
@@ -783,7 +783,7 @@ function AnimatedArc({
|
|
|
783
783
|
"line",
|
|
784
784
|
{
|
|
785
785
|
x1: x2,
|
|
786
|
-
y1: textY +
|
|
786
|
+
y1: textY + 5,
|
|
787
787
|
x2,
|
|
788
788
|
y2: axisY - arrowHeadH,
|
|
789
789
|
stroke: strokeColor,
|
|
@@ -836,7 +836,7 @@ const GroupArcsLayer = React.memo(function GroupArcsLayer2({
|
|
|
836
836
|
const rx = (x2 - x1) / 2;
|
|
837
837
|
const ry = Math.min(rx * ARC_RY_RATIO, arcMaxHeight);
|
|
838
838
|
const color = arcColors[g % arcColors.length];
|
|
839
|
-
const MIN_ARROW_SPAN =
|
|
839
|
+
const MIN_ARROW_SPAN = 24;
|
|
840
840
|
const textY = Math.min(axisY - ry - 6, axisY - MIN_ARROW_SPAN);
|
|
841
841
|
const arcPath = buildArcPath({ x1, x2, y: axisY, rx, ry });
|
|
842
842
|
const isSelected = selectedArcIndices.has(g);
|
|
@@ -937,7 +937,7 @@ function DrawingLayer({ strokes, liveStroke, tool, width, height, onStrokeClick
|
|
|
937
937
|
] });
|
|
938
938
|
}
|
|
939
939
|
const LABEL_SPACE_BELOW_AXIS = 42;
|
|
940
|
-
const LABEL_ABOVE_AXIS_SLOP =
|
|
940
|
+
const LABEL_ABOVE_AXIS_SLOP = 38;
|
|
941
941
|
const ARC_TOP_PADDING = 16;
|
|
942
942
|
const MIN_ARC_HEIGHT = 24;
|
|
943
943
|
function NumberLine({ className }) {
|
package/dist/index.js
CHANGED
|
@@ -769,7 +769,7 @@ function AnimatedArc({
|
|
|
769
769
|
x: x2,
|
|
770
770
|
y: textY,
|
|
771
771
|
textAnchor: edgeTextAnchor(end, min, max),
|
|
772
|
-
fontSize:
|
|
772
|
+
fontSize: 14,
|
|
773
773
|
fill: strokeColor,
|
|
774
774
|
fontWeight: "600",
|
|
775
775
|
pointerEvents: "none",
|
|
@@ -781,7 +781,7 @@ function AnimatedArc({
|
|
|
781
781
|
"line",
|
|
782
782
|
{
|
|
783
783
|
x1: x2,
|
|
784
|
-
y1: textY +
|
|
784
|
+
y1: textY + 5,
|
|
785
785
|
x2,
|
|
786
786
|
y2: axisY - arrowHeadH,
|
|
787
787
|
stroke: strokeColor,
|
|
@@ -834,7 +834,7 @@ const GroupArcsLayer = memo(function GroupArcsLayer2({
|
|
|
834
834
|
const rx = (x2 - x1) / 2;
|
|
835
835
|
const ry = Math.min(rx * ARC_RY_RATIO, arcMaxHeight);
|
|
836
836
|
const color = arcColors[g % arcColors.length];
|
|
837
|
-
const MIN_ARROW_SPAN =
|
|
837
|
+
const MIN_ARROW_SPAN = 24;
|
|
838
838
|
const textY = Math.min(axisY - ry - 6, axisY - MIN_ARROW_SPAN);
|
|
839
839
|
const arcPath = buildArcPath({ x1, x2, y: axisY, rx, ry });
|
|
840
840
|
const isSelected = selectedArcIndices.has(g);
|
|
@@ -935,7 +935,7 @@ function DrawingLayer({ strokes, liveStroke, tool, width, height, onStrokeClick
|
|
|
935
935
|
] });
|
|
936
936
|
}
|
|
937
937
|
const LABEL_SPACE_BELOW_AXIS = 42;
|
|
938
|
-
const LABEL_ABOVE_AXIS_SLOP =
|
|
938
|
+
const LABEL_ABOVE_AXIS_SLOP = 38;
|
|
939
939
|
const ARC_TOP_PADDING = 16;
|
|
940
940
|
const MIN_ARC_HEIGHT = 24;
|
|
941
941
|
function NumberLine({ className }) {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dcg-overseas/number-line",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.11",
|
|
4
4
|
"description": "Interactive number line component with group arcs and freehand drawing",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
@@ -23,6 +23,12 @@
|
|
|
23
23
|
"dist"
|
|
24
24
|
],
|
|
25
25
|
"sideEffects": false,
|
|
26
|
+
"scripts": {
|
|
27
|
+
"build": "vite build",
|
|
28
|
+
"build:watch": "vite build --watch",
|
|
29
|
+
"typecheck": "tsc --noEmit",
|
|
30
|
+
"clean": "rm -rf dist *.tsbuildinfo"
|
|
31
|
+
},
|
|
26
32
|
"peerDependencies": {
|
|
27
33
|
"react": "^18.0.0",
|
|
28
34
|
"react-dom": "^18.0.0"
|
|
@@ -37,11 +43,5 @@
|
|
|
37
43
|
"publishConfig": {
|
|
38
44
|
"access": "public",
|
|
39
45
|
"registry": "https://registry.npmjs.org/"
|
|
40
|
-
},
|
|
41
|
-
"scripts": {
|
|
42
|
-
"build": "vite build",
|
|
43
|
-
"build:watch": "vite build --watch",
|
|
44
|
-
"typecheck": "tsc --noEmit",
|
|
45
|
-
"clean": "rm -rf dist *.tsbuildinfo"
|
|
46
46
|
}
|
|
47
|
-
}
|
|
47
|
+
}
|