@tsingroc/tsingroc-components 5.0.1 → 5.1.0

package/dist/pages/DayAheadReviewPage/components/RevenueCard/index.js

@@ -0,0 +1,195 @@
+import { c as _c } from "react/compiler-runtime";
+import { Card } from "antd";
+import { presentCardValue } from "#src/utils/formatters";
+import styles from "./RevenueCard.module.css";
+import AgentIcon from "./agent-icon.svg?react";
+import HumanIcon from "./human-icon.svg?react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const stylesRevenueCard = backgroundColor => ({
+  title: {
+    fontSize: 16,
+    fontWeight: 500
+  },
+  body: {
+    backgroundColor,
+    borderRadius: 8,
+    gap: 0
+  }
+});
+const stylesCardMeta = fontColor => ({
+  title: {
+    fontSize: "0.875rem",
+    marginBottom: 0,
+    fontWeight: 500
+  },
+  description: {
+    color: fontColor,
+    fontSize: "2.2rem",
+    fontWeight: 600
+  },
+  avatar: {
+    display: "flex",
+    alignItems: "center"
+  }
+});
+export function RevenueCard(t0) {
+  const $ = _c(29);
+  const {
+    title,
+    num,
+    bgColour,
+    fontColor,
+    circleSize: t1,
+    secondaryText
+  } = t0;
+  const circleSize = t1 === undefined ? 24 : t1;
+  const isAgent = title === "\u667A\u80FD\u4F53";
+  let t2;
+  if ($[0] !== circleSize) {
+    t2 = {
+      width: circleSize,
+      height: circleSize,
+      padding: "12px",
+      boxSizing: "content-box"
+    };
+    $[0] = circleSize;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== isAgent) {
+    t3 = isAgent ? /*#__PURE__*/_jsx(AgentIcon, {
+      style: {
+        width: "100%",
+        height: "100%"
+      }
+    }) : /*#__PURE__*/_jsx(HumanIcon, {
+      style: {
+        width: "100%",
+        height: "100%"
+      }
+    });
+    $[2] = isAgent;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t2 || $[5] !== t3) {
+    t4 = /*#__PURE__*/_jsx("div", {
+      className: styles["revenue-summary-container__card-icon"],
+      style: t2,
+      children: t3
+    });
+    $[4] = t2;
+    $[5] = t3;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  const iconNode = t4;
+  let t5;
+  if ($[7] !== bgColour) {
+    t5 = stylesRevenueCard(bgColour);
+    $[7] = bgColour;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== fontColor) {
+    t6 = stylesCardMeta(fontColor);
+    $[9] = fontColor;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    t7 = {
+      display: "flex",
+      flexDirection: "column",
+      gap: 4
+    };
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== num) {
+    t8 = presentCardValue(num != null ? num.toFixed(2) : null);
+    $[12] = num;
+    $[13] = t8;
+  } else {
+    t8 = $[13];
+  }
+  const t9 = `¥${t8}`;
+  let t10;
+  if ($[14] !== t9) {
+    t10 = /*#__PURE__*/_jsx("div", {
+      children: t9
+    });
+    $[14] = t9;
+    $[15] = t10;
+  } else {
+    t10 = $[15];
+  }
+  let t11;
+  if ($[16] !== secondaryText) {
+    t11 = secondaryText && /*#__PURE__*/_jsx("div", {
+      style: {
+        fontSize: "0.7rem",
+        color: "#999",
+        fontWeight: 400
+      },
+      children: secondaryText
+    });
+    $[16] = secondaryText;
+    $[17] = t11;
+  } else {
+    t11 = $[17];
+  }
+  let t12;
+  if ($[18] !== t10 || $[19] !== t11) {
+    t12 = /*#__PURE__*/_jsxs("div", {
+      style: t7,
+      children: [t10, t11]
+    });
+    $[18] = t10;
+    $[19] = t11;
+    $[20] = t12;
+  } else {
+    t12 = $[20];
+  }
+  let t13;
+  if ($[21] !== iconNode || $[22] !== t12 || $[23] !== t6 || $[24] !== title) {
+    t13 = /*#__PURE__*/_jsx(Card.Meta, {
+      styles: t6,
+      avatar: iconNode,
+      title: title,
+      description: t12
+    });
+    $[21] = iconNode;
+    $[22] = t12;
+    $[23] = t6;
+    $[24] = title;
+    $[25] = t13;
+  } else {
+    t13 = $[25];
+  }
+  let t14;
+  if ($[26] !== t13 || $[27] !== t5) {
+    t14 = /*#__PURE__*/_jsx(Card, {
+      className: styles["revenue-summary-container__card"],
+      styles: t5,
+      children: t13
+    });
+    $[26] = t13;
+    $[27] = t5;
+    $[28] = t14;
+  } else {
+    t14 = $[28];
+  }
+  return t14;
+}

package/dist/pages/DayAheadReviewPage/components/RevenueSummaryCard/RevenueSummaryCard.module.css

@@ -0,0 +1,38 @@
+.root {
+  border: 0;
+  width: 100%;
+  height: 100%;
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.title {
+  font-size: 1.25rem;
+}
+
+.cards {
+  display: flex;
+  flex-direction: row;
+  gap: 16px;
+  width: 100%;
+  height: 100%;
+  align-items: stretch;
+}
+
+.cards :global(.ant-card) {
+  flex: 1;
+  min-width: 0;
+  display: flex;
+}
+
+.cards :global(.ant-card .ant-card-body) {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  width: 100%;
+}

package/dist/pages/DayAheadReviewPage/components/RevenueSummaryCard/index.d.ts

@@ -0,0 +1,10 @@
+export type FilterOption = "all" | "agent" | "manual";
+export type RevenueSummaryCardProps = {
+    filterValue: FilterOption;
+    agent_profit: number;
+    agent_strategy_add?: number;
+    agent_predict_baseline?: number;
+    manual_profit: number;
+    hasManualData: boolean;
+};
+export default function RevenueSummaryCard({ hasManualData, filterValue, agent_profit, agent_strategy_add, agent_predict_baseline, manual_profit, }: RevenueSummaryCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/pages/DayAheadReviewPage/components/RevenueSummaryCard/index.js

@@ -0,0 +1,117 @@
+import { c as _c } from "react/compiler-runtime";
+import { Card } from "antd";
+import { COLOR_CARD_BACKGROUND_MANUAL, COLOR_CARD_BACKGROUND_TSINGROC, COLOR_PROFIT_MANUAL, COLOR_PROFIT_TSINGROC } from "#src/utils/constants";
+import { RevenueCard } from "../RevenueCard";
+import styles from "./RevenueSummaryCard.module.css";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function RevenueSummaryCard(t0) {
+  const $ = _c(16);
+  const {
+    hasManualData,
+    filterValue,
+    agent_profit,
+    agent_strategy_add,
+    agent_predict_baseline,
+    manual_profit
+  } = t0;
+  let t1;
+  if ($[0] !== agent_predict_baseline || $[1] !== agent_profit || $[2] !== agent_strategy_add || $[3] !== filterValue) {
+    t1 = filterValue === "all" || filterValue === "agent" ? [{
+      id: "agent",
+      title: "\u667A\u80FD\u4F53",
+      num: agent_strategy_add ?? agent_profit,
+      bgColour: COLOR_CARD_BACKGROUND_TSINGROC,
+      fontColor: COLOR_PROFIT_TSINGROC,
+      secondaryText: agent_predict_baseline != null ? `基线: ¥${agent_predict_baseline.toFixed(2)}` : undefined
+    }] : [];
+    $[0] = agent_predict_baseline;
+    $[1] = agent_profit;
+    $[2] = agent_strategy_add;
+    $[3] = filterValue;
+    $[4] = t1;
+  } else {
+    t1 = $[4];
+  }
+  let t2;
+  if ($[5] !== filterValue || $[6] !== hasManualData || $[7] !== manual_profit) {
+    t2 = hasManualData && (filterValue === "all" || filterValue === "manual") ? [{
+      id: "manual",
+      title: "\u4EBA\u5DE5",
+      num: manual_profit,
+      bgColour: COLOR_CARD_BACKGROUND_MANUAL,
+      fontColor: COLOR_PROFIT_MANUAL
+    }] : [];
+    $[5] = filterValue;
+    $[6] = hasManualData;
+    $[7] = manual_profit;
+    $[8] = t2;
+  } else {
+    t2 = $[8];
+  }
+  let t3;
+  if ($[9] !== t1 || $[10] !== t2) {
+    t3 = [...t1, ...t2];
+    $[9] = t1;
+    $[10] = t2;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  const cardsToRender = t3;
+  let t4;
+  if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+    t4 = {
+      root: {
+        border: 0
+      },
+      body: {
+        padding: 0,
+        gap: 10,
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center"
+      }
+    };
+    $[12] = t4;
+  } else {
+    t4 = $[12];
+  }
+  let t5;
+  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /*#__PURE__*/_jsx("div", {
+      className: styles.header,
+      children: /*#__PURE__*/_jsx("div", {
+        className: styles.title,
+        children: "\u603B\u6536\u76CA\u7EDF\u8BA1"
+      })
+    });
+    $[13] = t5;
+  } else {
+    t5 = $[13];
+  }
+  let t6;
+  if ($[14] !== cardsToRender) {
+    t6 = /*#__PURE__*/_jsxs(Card, {
+      className: styles.root,
+      styles: t4,
+      children: [t5, /*#__PURE__*/_jsx("div", {
+        className: styles.cards,
+        children: cardsToRender.map(_temp)
+      })]
+    });
+    $[14] = cardsToRender;
+    $[15] = t6;
+  } else {
+    t6 = $[15];
+  }
+  return t6;
+}
+function _temp(t0) {
+  const {
+    id,
+    ...card
+  } = t0;
+  return /*#__PURE__*/_jsx(RevenueCard, {
+    ...card
+  }, id);
+}

package/dist/pages/DayAheadReviewPage/components/ReviewLineChart/ReviewLineChart.module.css

@@ -0,0 +1,11 @@
+.reviewLineChart {
+  min-height: 0;
+  height: 100%;
+  width: 100%;
+  border: none;
+}
+
+.reviewLineChartContainer {
+  height: 100%;
+  width: 100%;
+}

package/dist/pages/DayAheadReviewPage/components/ReviewLineChart/index.d.ts

@@ -0,0 +1,53 @@
+export interface LineSeriesConfig {
+    name: string;
+    data: (number | null | undefined)[];
+    option?: {
+        color?: string;
+        smooth?: boolean;
+        lineStyle?: {
+            width?: number;
+            type?: "solid" | "dashed" | "dotted";
+        };
+        tooltip?: {
+            valueFormatter?: (value: unknown) => string;
+        };
+        [key: string]: unknown;
+    };
+}
+export interface ReviewLineChartProps {
+    title: string;
+    className?: string;
+    chartClassName?: string;
+    gridOption?: {
+        left?: string | number;
+        top?: string | number;
+        bottom?: string | number;
+        right?: string | number;
+    };
+    xAxisData?: string[];
+    xAxisInterval?: number | ((dataLength: number) => number);
+    timeIntervalMinutes?: number;
+    useUtc?: boolean;
+    /** When true, do not append 24:00 to the x-axis (e.g. for 24-point hourly data) */
+    excludeTrailing24?: boolean;
+    series: LineSeriesConfig[];
+    legendData: string[];
+    legendOption?: {
+        left?: string | number;
+        right?: string | number;
+        top?: string | number;
+        bottom?: string | number;
+        orient?: "horizontal" | "vertical";
+        [key: string]: unknown;
+    };
+    /** Control default visibility of series. e.g. { "实发电量": false } hides that series by default */
+    legendSelected?: Record<string, boolean>;
+    showTitle?: boolean;
+    yAxisName?: string;
+    yAxisNameGap?: number;
+    yAxisNameLocation?: "start" | "middle" | "end";
+    yAxisNameRotate?: number;
+    yAxisNamePadding?: [number, number, number, number];
+}
+declare const ReviewLineChart: ({ title, className, chartClassName, gridOption, xAxisData, xAxisInterval, timeIntervalMinutes, useUtc, excludeTrailing24, series, legendData, legendOption, legendSelected, showTitle, yAxisName, yAxisNameLocation, yAxisNamePadding, }: ReviewLineChartProps) => import("react/jsx-runtime").JSX.Element;
+export default ReviewLineChart;