react-klinecharts-ui 0.4.0 → 0.6.0

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

@@ -931,18 +931,14 @@ var ray = {
   needDefaultYAxisFigure: true,
   createPointFigures: ({ coordinates, bounding }) => {
     if (coordinates.length > 1) {
-      let coordinate = { x: 0, y: 0 };
-      if (coordinates[0].x === coordinates[1].x && coordinates[0].y !== coordinates[1].y) {
-        if (coordinates[0].y < coordinates[1].y) {
-          coordinate = { x: coordinates[0].x, y: bounding.height };
-        } else {
-          coordinate = { x: coordinates[0].x, y: 0 };
+      const coordinate = (() => {
+        if (coordinates[0].x === coordinates[1].x && coordinates[0].y !== coordinates[1].y) {
+          return coordinates[0].y < coordinates[1].y ? { x: coordinates[0].x, y: bounding.height } : { x: coordinates[0].x, y: 0 };
         }
-      } else {
         const x = coordinates[0].x < coordinates[1].x ? bounding.width : 0;
         const y = (coordinates[1].y - coordinates[0].y) / (coordinates[1].x - coordinates[0].x) * (x - coordinates[0].x) + coordinates[0].y;
-        coordinate = { x, y };
-      }
+        return { x, y };
+      })();
       return [
         {
           type: "line",
@@ -1952,14 +1948,7 @@ var macdTv = {
       styles: (data) => {
         const current = data.current?.histogram ?? 0;
         const pre = data.prev?.histogram ?? 0;
-        let color = "#26A69A";
-        if (current > 0) {
-          color = current > pre ? "#26A69A" : "#B2DFDB";
-        } else if (current < 0) {
-          color = current < pre ? "#FF5252" : "#FFCDD2";
-        } else {
-          color = "#B2DFDB";
-        }
+        const color = current > 0 ? current > pre ? "#26A69A" : "#B2DFDB" : current < 0 ? current < pre ? "#FF5252" : "#FFCDD2" : "#B2DFDB";
         return { color };
       }
     },
@@ -2454,19 +2443,134 @@ 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) => reactKlinecharts.registerOverlay(overlay));
+  featureOverlays.forEach((overlay) => reactKlinecharts.registerOverlay(overlay));
   indicators.forEach((indicator) => reactKlinecharts.registerIndicator(indicator));
   registered = true;
 }
+var alertLineRegistered = false;
+function ensureAlertLineRegistered() {
+  if (alertLineRegistered) return;
+  reactKlinecharts.registerOverlay(alertLine_default);
+  alertLineRegistered = true;
+}
 
 exports.TA_default = TA_default;
 exports.abcd_default = abcd_default;
+exports.alertLine_default = alertLine_default;
 exports.anyWaves_default = anyWaves_default;
 exports.arrow_default = arrow_default;
 exports.bollTv_default = bollTv_default;
@@ -2476,6 +2580,8 @@ exports.circle_default = circle_default;
 exports.depthOverlay_default = depthOverlay_default;
 exports.eightWaves_default = eightWaves_default;
 exports.elliottWave_default = elliottWave_default;
+exports.ensureAlertLineRegistered = ensureAlertLineRegistered;
+exports.featureOverlays = featureOverlays;
 exports.fibRetracement_default = fibRetracement_default;
 exports.fibonacciCircle_default = fibonacciCircle_default;
 exports.fibonacciExtension_default = fibonacciExtension_default;
@@ -2508,5 +2614,5 @@ exports.threeWaves_default = threeWaves_default;
 exports.triangle_default = triangle_default;
 exports.vwap_default = vwap_default;
 exports.xabcd_default = xabcd_default;
-//# sourceMappingURL=chunk-PIFLJKYF.cjs.map
-//# sourceMappingURL=chunk-PIFLJKYF.cjs.map
+//# sourceMappingURL=chunk-FSHI2ZDB.cjs.map
+//# sourceMappingURL=chunk-FSHI2ZDB.cjs.map