@dcg-overseas/number-line 0.1.11 → 0.1.12
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 +8 -8
- package/dist/index.js +8 -8
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -584,12 +584,12 @@ const AxisLayer = React.memo(function AxisLayer2({
|
|
|
584
584
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
585
585
|
"line",
|
|
586
586
|
{
|
|
587
|
-
x1: axisStartX -
|
|
587
|
+
x1: axisStartX - 10,
|
|
588
588
|
y1: axisY,
|
|
589
|
-
x2: axisEndX,
|
|
589
|
+
x2: axisEndX + 10,
|
|
590
590
|
y2: axisY,
|
|
591
|
-
stroke: "#
|
|
592
|
-
strokeWidth:
|
|
591
|
+
stroke: "#472E17",
|
|
592
|
+
strokeWidth: 4
|
|
593
593
|
}
|
|
594
594
|
),
|
|
595
595
|
allTicks.map((v) => {
|
|
@@ -606,7 +606,7 @@ const AxisLayer = React.memo(function AxisLayer2({
|
|
|
606
606
|
const renderAsMajor = !renderAsGroup && isMajor && showMajorTicks;
|
|
607
607
|
const showLabel = (renderAsGroup || renderAsMajor) && offset % labelStep === 0;
|
|
608
608
|
const tickH = renderAsGroup ? 7 : renderAsMajor ? 10 : 4;
|
|
609
|
-
const strokeW = renderAsGroup ?
|
|
609
|
+
const strokeW = renderAsGroup ? 4 : renderAsMajor ? 2 : 1;
|
|
610
610
|
const color = renderAsGroup || renderAsMajor ? "#374151" : "#6b7280";
|
|
611
611
|
return /* @__PURE__ */ jsxRuntime.jsxs("g", { children: [
|
|
612
612
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
@@ -624,10 +624,10 @@ const AxisLayer = React.memo(function AxisLayer2({
|
|
|
624
624
|
"text",
|
|
625
625
|
{
|
|
626
626
|
x,
|
|
627
|
-
y: axisY +
|
|
627
|
+
y: axisY + 32,
|
|
628
628
|
textAnchor: edgeTextAnchor(v, min, max),
|
|
629
|
-
fontSize:
|
|
630
|
-
fill: "#
|
|
629
|
+
fontSize: 18,
|
|
630
|
+
fill: "#472E17",
|
|
631
631
|
pointerEvents: "none",
|
|
632
632
|
style: { userSelect: "none", WebkitUserSelect: "none" },
|
|
633
633
|
children: v
|
package/dist/index.js
CHANGED
|
@@ -582,12 +582,12 @@ const AxisLayer = React.memo(function AxisLayer2({
|
|
|
582
582
|
/* @__PURE__ */ jsx(
|
|
583
583
|
"line",
|
|
584
584
|
{
|
|
585
|
-
x1: axisStartX -
|
|
585
|
+
x1: axisStartX - 10,
|
|
586
586
|
y1: axisY,
|
|
587
|
-
x2: axisEndX,
|
|
587
|
+
x2: axisEndX + 10,
|
|
588
588
|
y2: axisY,
|
|
589
|
-
stroke: "#
|
|
590
|
-
strokeWidth:
|
|
589
|
+
stroke: "#472E17",
|
|
590
|
+
strokeWidth: 4
|
|
591
591
|
}
|
|
592
592
|
),
|
|
593
593
|
allTicks.map((v) => {
|
|
@@ -604,7 +604,7 @@ const AxisLayer = React.memo(function AxisLayer2({
|
|
|
604
604
|
const renderAsMajor = !renderAsGroup && isMajor && showMajorTicks;
|
|
605
605
|
const showLabel = (renderAsGroup || renderAsMajor) && offset % labelStep === 0;
|
|
606
606
|
const tickH = renderAsGroup ? 7 : renderAsMajor ? 10 : 4;
|
|
607
|
-
const strokeW = renderAsGroup ?
|
|
607
|
+
const strokeW = renderAsGroup ? 4 : renderAsMajor ? 2 : 1;
|
|
608
608
|
const color = renderAsGroup || renderAsMajor ? "#374151" : "#6b7280";
|
|
609
609
|
return /* @__PURE__ */ jsxs("g", { children: [
|
|
610
610
|
/* @__PURE__ */ jsx(
|
|
@@ -622,10 +622,10 @@ const AxisLayer = React.memo(function AxisLayer2({
|
|
|
622
622
|
"text",
|
|
623
623
|
{
|
|
624
624
|
x,
|
|
625
|
-
y: axisY +
|
|
625
|
+
y: axisY + 32,
|
|
626
626
|
textAnchor: edgeTextAnchor(v, min, max),
|
|
627
|
-
fontSize:
|
|
628
|
-
fill: "#
|
|
627
|
+
fontSize: 18,
|
|
628
|
+
fill: "#472E17",
|
|
629
629
|
pointerEvents: "none",
|
|
630
630
|
style: { userSelect: "none", WebkitUserSelect: "none" },
|
|
631
631
|
children: v
|