@dcg-overseas/number-line 0.1.13 → 0.1.14
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 +5 -4
- package/dist/index.js +5 -4
- package/package.json +47 -47
package/dist/index.cjs
CHANGED
|
@@ -480,7 +480,7 @@ function NumberLineProvider({
|
|
|
480
480
|
);
|
|
481
481
|
}
|
|
482
482
|
function buildArcPath({ x1, x2, y, rx, ry }) {
|
|
483
|
-
return `M ${x1} ${y} A ${rx} ${ry} 0 0 1 ${x2} ${y}`;
|
|
483
|
+
return `M ${x1} ${y - 10} A ${rx} ${ry} 0 0 1 ${x2} ${y - 10}`;
|
|
484
484
|
}
|
|
485
485
|
function computeLabelStep(containerWidth, range) {
|
|
486
486
|
const maxLabels = Math.floor(containerWidth / 40);
|
|
@@ -627,7 +627,7 @@ const AxisLayer = React.memo(function AxisLayer2({
|
|
|
627
627
|
x,
|
|
628
628
|
y: axisY + 32,
|
|
629
629
|
textAnchor: edgeTextAnchor(),
|
|
630
|
-
fontSize:
|
|
630
|
+
fontSize: 20,
|
|
631
631
|
fill: "#472E17",
|
|
632
632
|
pointerEvents: "none",
|
|
633
633
|
style: { userSelect: "none", WebkitUserSelect: "none" },
|
|
@@ -742,7 +742,8 @@ function AnimatedArc({
|
|
|
742
742
|
strokeDasharray: pathLen,
|
|
743
743
|
strokeDashoffset: dashOffset,
|
|
744
744
|
style: { transition: strokeTransition },
|
|
745
|
-
pointerEvents: "none"
|
|
745
|
+
pointerEvents: "none",
|
|
746
|
+
"data-type": "1"
|
|
746
747
|
}
|
|
747
748
|
),
|
|
748
749
|
arcVisible && showHitArea && /* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -795,7 +796,7 @@ function AnimatedArc({
|
|
|
795
796
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
796
797
|
"polygon",
|
|
797
798
|
{
|
|
798
|
-
points: `${x2},${axisY} ${x2 - arrowHeadHW},${axisY - arrowHeadH} ${x2 + arrowHeadHW},${axisY - arrowHeadH}`,
|
|
799
|
+
points: `${x2},${axisY - 6} ${x2 - arrowHeadHW},${axisY - arrowHeadH - 6} ${x2 + arrowHeadHW},${axisY - arrowHeadH - 6}`,
|
|
799
800
|
fill: strokeColor,
|
|
800
801
|
pointerEvents: "none"
|
|
801
802
|
}
|
package/dist/index.js
CHANGED
|
@@ -478,7 +478,7 @@ function NumberLineProvider({
|
|
|
478
478
|
);
|
|
479
479
|
}
|
|
480
480
|
function buildArcPath({ x1, x2, y, rx, ry }) {
|
|
481
|
-
return `M ${x1} ${y} A ${rx} ${ry} 0 0 1 ${x2} ${y}`;
|
|
481
|
+
return `M ${x1} ${y - 10} A ${rx} ${ry} 0 0 1 ${x2} ${y - 10}`;
|
|
482
482
|
}
|
|
483
483
|
function computeLabelStep(containerWidth, range) {
|
|
484
484
|
const maxLabels = Math.floor(containerWidth / 40);
|
|
@@ -625,7 +625,7 @@ const AxisLayer = React.memo(function AxisLayer2({
|
|
|
625
625
|
x,
|
|
626
626
|
y: axisY + 32,
|
|
627
627
|
textAnchor: edgeTextAnchor(),
|
|
628
|
-
fontSize:
|
|
628
|
+
fontSize: 20,
|
|
629
629
|
fill: "#472E17",
|
|
630
630
|
pointerEvents: "none",
|
|
631
631
|
style: { userSelect: "none", WebkitUserSelect: "none" },
|
|
@@ -740,7 +740,8 @@ function AnimatedArc({
|
|
|
740
740
|
strokeDasharray: pathLen,
|
|
741
741
|
strokeDashoffset: dashOffset,
|
|
742
742
|
style: { transition: strokeTransition },
|
|
743
|
-
pointerEvents: "none"
|
|
743
|
+
pointerEvents: "none",
|
|
744
|
+
"data-type": "1"
|
|
744
745
|
}
|
|
745
746
|
),
|
|
746
747
|
arcVisible && showHitArea && /* @__PURE__ */ jsx(
|
|
@@ -793,7 +794,7 @@ function AnimatedArc({
|
|
|
793
794
|
/* @__PURE__ */ jsx(
|
|
794
795
|
"polygon",
|
|
795
796
|
{
|
|
796
|
-
points: `${x2},${axisY} ${x2 - arrowHeadHW},${axisY - arrowHeadH} ${x2 + arrowHeadHW},${axisY - arrowHeadH}`,
|
|
797
|
+
points: `${x2},${axisY - 6} ${x2 - arrowHeadHW},${axisY - arrowHeadH - 6} ${x2 + arrowHeadHW},${axisY - arrowHeadH - 6}`,
|
|
797
798
|
fill: strokeColor,
|
|
798
799
|
pointerEvents: "none"
|
|
799
800
|
}
|
package/package.json
CHANGED
|
@@ -1,47 +1,47 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@dcg-overseas/number-line",
|
|
3
|
-
"version": "0.1.
|
|
4
|
-
"description": "Interactive number line component with group arcs and freehand drawing",
|
|
5
|
-
"type": "module",
|
|
6
|
-
"license": "MIT",
|
|
7
|
-
"main": "./dist/index.cjs",
|
|
8
|
-
"module": "./dist/index.js",
|
|
9
|
-
"types": "./dist/index.d.ts",
|
|
10
|
-
"exports": {
|
|
11
|
-
".": {
|
|
12
|
-
"import": {
|
|
13
|
-
"types": "./dist/index.d.ts",
|
|
14
|
-
"default": "./dist/index.js"
|
|
15
|
-
},
|
|
16
|
-
"require": {
|
|
17
|
-
"types": "./dist/index.d.cts",
|
|
18
|
-
"default": "./dist/index.cjs"
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
},
|
|
22
|
-
"files": [
|
|
23
|
-
"dist"
|
|
24
|
-
],
|
|
25
|
-
"sideEffects": false,
|
|
26
|
-
"
|
|
27
|
-
"
|
|
28
|
-
"
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"react": "^
|
|
34
|
-
"
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
"
|
|
39
|
-
"
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
"
|
|
45
|
-
"
|
|
46
|
-
}
|
|
47
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@dcg-overseas/number-line",
|
|
3
|
+
"version": "0.1.14",
|
|
4
|
+
"description": "Interactive number line component with group arcs and freehand drawing",
|
|
5
|
+
"type": "module",
|
|
6
|
+
"license": "MIT",
|
|
7
|
+
"main": "./dist/index.cjs",
|
|
8
|
+
"module": "./dist/index.js",
|
|
9
|
+
"types": "./dist/index.d.ts",
|
|
10
|
+
"exports": {
|
|
11
|
+
".": {
|
|
12
|
+
"import": {
|
|
13
|
+
"types": "./dist/index.d.ts",
|
|
14
|
+
"default": "./dist/index.js"
|
|
15
|
+
},
|
|
16
|
+
"require": {
|
|
17
|
+
"types": "./dist/index.d.cts",
|
|
18
|
+
"default": "./dist/index.cjs"
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
"files": [
|
|
23
|
+
"dist"
|
|
24
|
+
],
|
|
25
|
+
"sideEffects": false,
|
|
26
|
+
"peerDependencies": {
|
|
27
|
+
"react": "^18.0.0",
|
|
28
|
+
"react-dom": "^18.0.0"
|
|
29
|
+
},
|
|
30
|
+
"devDependencies": {
|
|
31
|
+
"@types/react": "^18.3.3",
|
|
32
|
+
"@types/react-dom": "^18.3.0",
|
|
33
|
+
"@vitejs/plugin-react": "^4.3.1",
|
|
34
|
+
"vite": "^5.3.1",
|
|
35
|
+
"vite-plugin-dts": "^3.9.1"
|
|
36
|
+
},
|
|
37
|
+
"publishConfig": {
|
|
38
|
+
"access": "public",
|
|
39
|
+
"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
|
+
}
|
|
47
|
+
}
|