react-klinecharts-ui 0.6.0 → 1.0.0

package/dist/{chunk-FSHI2ZDB.cjs → chunk-LGYYJ2GP.cjs}

@@ -1,6 +1,6 @@
 'use strict';
 
-var reactKlinecharts = require('react-klinecharts');
+var klinecharts = require('klinecharts');
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -55,7 +55,7 @@ function getRayLine(coordinates, bounding) {
     } else if (coordinates[0].x > coordinates[1].x) {
       coordinate = {
         x: 0,
-        y: reactKlinecharts.utils.getLinearYFromCoordinates(coordinates[0], coordinates[1], {
+        y: klinecharts.utils.getLinearYFromCoordinates(coordinates[0], coordinates[1], {
           x: 0,
           y: coordinates[0].y
         })
@@ -63,7 +63,7 @@ function getRayLine(coordinates, bounding) {
     } else {
       coordinate = {
         x: bounding.width,
-        y: reactKlinecharts.utils.getLinearYFromCoordinates(coordinates[0], coordinates[1], {
+        y: klinecharts.utils.getLinearYFromCoordinates(coordinates[0], coordinates[1], {
           x: bounding.width,
           y: coordinates[0].y
         })
@@ -89,7 +89,7 @@ var arrow = {
   createPointFigures: ({ coordinates }) => {
     if (coordinates.length > 1) {
       const flag = coordinates[1].x > coordinates[0].x ? 0 : 1;
-      const kb = reactKlinecharts.utils.getLinearSlopeIntercept(coordinates[0], coordinates[1]);
+      const kb = klinecharts.utils.getLinearSlopeIntercept(coordinates[0], coordinates[1]);
       let offsetAngle;
       if (kb) {
         offsetAngle = Math.atan(kb[0]) + Math.PI * flag;
@@ -331,7 +331,7 @@ var fibonacciSpiral = {
     if (coordinates.length > 1) {
       const startRadius = getDistance(coordinates[0], coordinates[1]) / Math.sqrt(24);
       const flag = coordinates[1].x > coordinates[0].x ? 0 : 1;
-      const kb = reactKlinecharts.utils.getLinearSlopeIntercept(coordinates[0], coordinates[1]);
+      const kb = klinecharts.utils.getLinearSlopeIntercept(coordinates[0], coordinates[1]);
       let offsetAngle;
       if (kb) {
         offsetAngle = Math.atan(kb[0]) + Math.PI * flag;
@@ -994,7 +994,10 @@ var parallelChannel_default = parallelChannel;
 // src/overlays/longPosition.ts
 var longPosition = {
   name: "longPosition",
-  totalStep: 3,
+  // totalStep 4 → the user places 3 points interactively (entry, target, stop).
+  // With the previous value of 3, only 2 points were captured and the stop was
+  // always a hardcoded 40px offset, so R/R was meaningless.
+  totalStep: 4,
   needDefaultPointFigure: true,
   needDefaultXAxisFigure: true,
   needDefaultYAxisFigure: true,
@@ -1103,7 +1106,10 @@ var longPosition_default = longPosition;
 // src/overlays/shortPosition.ts
 var shortPosition = {
   name: "shortPosition",
-  totalStep: 3,
+  // totalStep 4 → the user places 3 points interactively (entry, target, stop).
+  // With the previous value of 3, only 2 points were captured and the stop was
+  // always a hardcoded 40px offset, so R/R was meaningless.
+  totalStep: 4,
   needDefaultPointFigure: true,
   needDefaultXAxisFigure: true,
   needDefaultYAxisFigure: true,
@@ -1232,8 +1238,10 @@ var measure = {
     const endPoint = overlay.points[1];
     const startCoord = coordinates[0];
     const endCoord = coordinates[1];
-    const diff = endPoint.value - startPoint.value;
-    const percent = (diff / startPoint.value * 100).toFixed(2);
+    const startValue = startPoint.value ?? 0;
+    const endValue = endPoint.value ?? 0;
+    const diff = endValue - startValue;
+    const percent = startValue !== 0 ? (diff / startValue * 100).toFixed(2) : "0.00";
     const bars = Math.abs(
       (endPoint.dataIndex ?? 0) - (startPoint.dataIndex ?? 0)
     );
@@ -1286,7 +1294,7 @@ var measure = {
       {
         type: "line",
         attrs: { coordinates: [startCoord, endCoord] },
-        styles: { color: strokeColor, style: "dash" }
+        styles: { color: strokeColor, style: "dashed" }
       },
       ...textFigures
     ];
@@ -1342,7 +1350,7 @@ function rdp(points, epsilon) {
   }
   return result;
 }
-reactKlinecharts.registerFigure({
+klinecharts.registerFigure({
   name: "brush_path",
   draw: (ctx, attrs, styles) => {
     const { coordinates } = attrs;
@@ -1862,8 +1870,9 @@ var ichimoku = {
       if (index >= kijunPeriod - 1) {
         item.kijun = highLowAvg(dataList, index - kijunPeriod + 1, index);
       }
-      if (index + offset < dataList.length) {
-        item.chikou = dataList[index + offset].close;
+      const chikouIndex = index - offset;
+      if (chikouIndex >= 0) {
+        item.chikou = dataList[chikouIndex].close;
       }
       const prevIndex = index - offset;
       if (prevIndex >= 0) {
@@ -2003,7 +2012,7 @@ var pivotPoints = {
     let dayLow = Infinity;
     let dayClose = 0;
     return dataList.map((kLineData) => {
-      const date = new Date(kLineData.timestamp).toLocaleDateString();
+      const date = new Date(kLineData.timestamp).toISOString().slice(0, 10);
       if (date !== lastDate) {
         if (lastDate !== "") {
           lastP = (dayHigh + dayLow + dayClose) / 3;
@@ -2057,11 +2066,20 @@ var rsiTv = {
     const maPeriod = indicator.calcParams[1];
     const closes = dataList.map((d) => d.close);
     const rsiValues = TA_default.rsi(closes, rsiPeriod);
-    const nonNullRsi = rsiValues.map((v) => v ?? 0);
-    const maValues = TA_default.sma(nonNullRsi, maPeriod);
+    const rsiMa = new Array(rsiValues.length).fill(null);
+    for (let i = 0; i < rsiValues.length; i++) {
+      if (rsiValues[i] === null) continue;
+      const valid = [];
+      for (let j = i; j >= 0 && valid.length < maPeriod; j--) {
+        if (rsiValues[j] !== null) valid.push(rsiValues[j]);
+      }
+      if (valid.length === maPeriod) {
+        rsiMa[i] = valid.reduce((a, b) => a + b, 0) / maPeriod;
+      }
+    }
     return dataList.map((_, i) => {
       const rsi = rsiValues[i];
-      const rsi_ma = rsi !== null && maValues[i] !== null ? maValues[i] : null;
+      const rsi_ma = rsi !== null ? rsiMa[i] : null;
       return { rsi, rsi_ma };
     });
   },
@@ -2283,7 +2301,7 @@ var vwap = {
     let cumulativePriceVolume = 0;
     let lastDate = "";
     return dataList.map((kLineData) => {
-      const date = new Date(kLineData.timestamp).toLocaleDateString();
+      const date = new Date(kLineData.timestamp).toISOString().slice(0, 10);
       if (date !== lastDate) {
         cumulativeVolume = 0;
         cumulativePriceVolume = 0;
@@ -2416,7 +2434,7 @@ var depthOverlay = {
     const maxBarPx = bounding.width * maxBarFraction;
     const askColor = d.askColor ?? "rgba(239,83,80,0.25)";
     const bidColor = d.bidColor ?? "rgba(38,166,154,0.25)";
-    const maxQty = d.maxQty || 1;
+    const maxQty = d.maxQty ?? 1;
     const figures = [];
     for (const row of d.rows) {
       const y = yAxis.convertToPixel(row.price);
@@ -2556,15 +2574,15 @@ var indicators = Object.values(indicators_exports);
 var registered = false;
 function registerExtensions() {
   if (registered) return;
-  overlays.forEach((overlay) => reactKlinecharts.registerOverlay(overlay));
-  featureOverlays.forEach((overlay) => reactKlinecharts.registerOverlay(overlay));
-  indicators.forEach((indicator) => reactKlinecharts.registerIndicator(indicator));
+  overlays.forEach((overlay) => klinecharts.registerOverlay(overlay));
+  featureOverlays.forEach((overlay) => klinecharts.registerOverlay(overlay));
+  indicators.forEach((indicator) => klinecharts.registerIndicator(indicator));
   registered = true;
 }
 var alertLineRegistered = false;
 function ensureAlertLineRegistered() {
   if (alertLineRegistered) return;
-  reactKlinecharts.registerOverlay(alertLine_default);
+  klinecharts.registerOverlay(alertLine_default);
   alertLineRegistered = true;
 }
 
@@ -2614,5 +2632,5 @@ exports.threeWaves_default = threeWaves_default;
 exports.triangle_default = triangle_default;
 exports.vwap_default = vwap_default;
 exports.xabcd_default = xabcd_default;
-//# sourceMappingURL=chunk-FSHI2ZDB.cjs.map
-//# sourceMappingURL=chunk-FSHI2ZDB.cjs.map
+//# sourceMappingURL=chunk-LGYYJ2GP.cjs.map
+//# sourceMappingURL=chunk-LGYYJ2GP.cjs.map