react-klinecharts-ui 0.5.0 → 1.0.0

package/dist/{chunk-DTBNTO4M.js → chunk-JD4NBJ5F.js}

@@ -1,4 +1,4 @@
-import { registerFigure, utils, registerOverlay, registerIndicator } from 'react-klinecharts';
+import { registerFigure, utils, registerOverlay, registerIndicator } from 'klinecharts';
 
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -992,7 +992,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,
@@ -1101,7 +1104,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,
@@ -1230,8 +1236,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)
     );
@@ -1284,7 +1292,7 @@ var measure = {
       {
         type: "line",
         attrs: { coordinates: [startCoord, endCoord] },
-        styles: { color: strokeColor, style: "dash" }
+        styles: { color: strokeColor, style: "dashed" }
       },
       ...textFigures
     ];
@@ -1860,8 +1868,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) {
@@ -2001,7 +2010,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;
@@ -2055,11 +2064,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 };
     });
   },
@@ -2281,7 +2299,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;
@@ -2414,7 +2432,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);
@@ -2441,17 +2459,131 @@ var depthOverlay = {
 };
 var depthOverlay_default = depthOverlay;
 
+// src/extensions/overlays/alertLine.ts
+var DEFAULT_FONT_FAMILY2 = "Helvetica Neue, Arial, sans-serif";
+var DEFAULT_COLOR = "#ff9800";
+var BELL_MARK = "\u{1F514}";
+var alertLine = {
+  name: "alertLine",
+  totalStep: 2,
+  needDefaultPointFigure: false,
+  needDefaultXAxisFigure: false,
+  needDefaultYAxisFigure: false,
+  createYAxisFigures: ({ chart, overlay, coordinates }) => {
+    if (coordinates.length < 1) return [];
+    const y = coordinates[0].y;
+    const price = overlay.points[0]?.value;
+    if (price == null) return [];
+    const d = overlay.extendData ?? {};
+    const color = d.color ?? DEFAULT_COLOR;
+    const m = d.mark;
+    const precision = chart.getSymbol()?.pricePrecision ?? 2;
+    return [
+      {
+        type: "text",
+        attrs: {
+          x: 0,
+          y,
+          text: price.toFixed(precision),
+          align: "left",
+          baseline: "middle"
+        },
+        styles: {
+          color: m?.color ?? "#ffffff",
+          size: m?.font?.size ?? 11,
+          family: m?.font?.family ?? DEFAULT_FONT_FAMILY2,
+          weight: m?.font?.weight ?? "bold",
+          paddingLeft: m?.padding?.x ?? 4,
+          paddingRight: m?.padding?.x ?? 4,
+          paddingTop: m?.padding?.y ?? 4,
+          paddingBottom: m?.padding?.y ?? 4,
+          backgroundColor: m?.bg ?? color,
+          borderRadius: m?.borderRadius ?? 2
+        }
+      }
+    ];
+  },
+  createPointFigures: ({ chart, coordinates, bounding, overlay }) => {
+    if (coordinates.length < 1) return [];
+    const y = coordinates[0].y;
+    const d = overlay.extendData ?? {};
+    const color = d.color ?? DEFAULT_COLOR;
+    const ln = d.line;
+    const figures = [
+      {
+        type: "line",
+        attrs: {
+          coordinates: [
+            { x: 0, y },
+            { x: bounding.width, y }
+          ]
+        },
+        styles: {
+          style: ln?.style ?? "dashed",
+          color,
+          size: ln?.width ?? 1,
+          dashedValue: ln?.dashedValue ?? [4, 2]
+        }
+      }
+    ];
+    const price = overlay.points[0]?.value;
+    const precision = chart.getSymbol()?.pricePrecision ?? 2;
+    const baseText = d.text ?? (price != null ? price.toFixed(precision) : "");
+    const showBell = d.showBell ?? true;
+    const text = baseText ? showBell ? `${BELL_MARK} ${baseText}` : baseText : showBell ? BELL_MARK : "";
+    if (text) {
+      const lb = d.label;
+      figures.push({
+        type: "text",
+        ignoreEvent: true,
+        attrs: {
+          x: lb?.offset?.x ?? 8,
+          y: y - (lb?.offset?.y ?? 3),
+          text,
+          align: "left",
+          baseline: "bottom"
+        },
+        styles: {
+          color: lb?.color ?? color,
+          size: lb?.font?.size ?? 11,
+          family: lb?.font?.family ?? DEFAULT_FONT_FAMILY2,
+          weight: lb?.font?.weight ?? "normal",
+          paddingLeft: lb?.padding?.x ?? 0,
+          paddingRight: lb?.padding?.x ?? 0,
+          paddingTop: lb?.padding?.y ?? 0,
+          paddingBottom: lb?.padding?.y ?? 0,
+          backgroundColor: lb?.bg ?? "transparent",
+          borderRadius: lb?.borderRadius ?? 0
+        }
+      });
+    }
+    return figures;
+  },
+  performEventPressedMove: ({ points, performPoint }) => {
+    points[0].value = performPoint.value;
+  }
+};
+var alertLine_default = alertLine;
+
 // src/extensions/index.ts
 var overlays = Object.values(overlays_exports);
+var featureOverlays = [orderLine_default, depthOverlay_default, alertLine_default];
 var indicators = Object.values(indicators_exports);
 var registered = false;
 function registerExtensions() {
   if (registered) return;
   overlays.forEach((overlay) => registerOverlay(overlay));
+  featureOverlays.forEach((overlay) => registerOverlay(overlay));
   indicators.forEach((indicator) => registerIndicator(indicator));
   registered = true;
 }
+var alertLineRegistered = false;
+function ensureAlertLineRegistered() {
+  if (alertLineRegistered) return;
+  registerOverlay(alertLine_default);
+  alertLineRegistered = true;
+}
 
-export { TA_default, abcd_default, anyWaves_default, arrow_default, bollTv_default, brush_default, cci_default, circle_default, depthOverlay_default, eightWaves_default, elliottWave_default, fibRetracement_default, fibonacciCircle_default, fibonacciExtension_default, fibonacciSegment_default, fibonacciSpeedResistanceFan_default, fibonacciSpiral_default, fiveWaves_default, gannBox_default, gannFan_default, hma_default, ichimoku_default, indicators, longPosition_default, maRibbon_default, macdTv_default, measure_default, orderLine_default, overlays, parallelChannel_default, parallelogram_default, pivotPoints_default, ray_default, rect_default, registerExtensions, rsiTv_default, shortPosition_default, stochastic_default, superTrend_default, threeWaves_default, triangle_default, vwap_default, xabcd_default };
-//# sourceMappingURL=chunk-DTBNTO4M.js.map
-//# sourceMappingURL=chunk-DTBNTO4M.js.map
+export { TA_default, abcd_default, alertLine_default, anyWaves_default, arrow_default, bollTv_default, brush_default, cci_default, circle_default, depthOverlay_default, eightWaves_default, elliottWave_default, ensureAlertLineRegistered, featureOverlays, fibRetracement_default, fibonacciCircle_default, fibonacciExtension_default, fibonacciSegment_default, fibonacciSpeedResistanceFan_default, fibonacciSpiral_default, fiveWaves_default, gannBox_default, gannFan_default, hma_default, ichimoku_default, indicators, longPosition_default, maRibbon_default, macdTv_default, measure_default, orderLine_default, overlays, parallelChannel_default, parallelogram_default, pivotPoints_default, ray_default, rect_default, registerExtensions, rsiTv_default, shortPosition_default, stochastic_default, superTrend_default, threeWaves_default, triangle_default, vwap_default, xabcd_default };
+//# sourceMappingURL=chunk-JD4NBJ5F.js.map
+//# sourceMappingURL=chunk-JD4NBJ5F.js.map