@yuku123/z-team-component 0.2.33 → 0.2.35

package/dist/ChangeLogView-CfXxzvhB.js

@@ -0,0 +1,544 @@
+import { jsxs as i, jsx as n, Fragment as te } from "react/jsx-runtime";
+import { h as be, j as ae, r as Ne, k as ke } from "./api-C78tCfne.js";
+import { message as ne, Button as V, DatePicker as Te, Spin as j, Empty as ie, Tag as re } from "antd";
+import D from "dayjs";
+import "./echarts-B1OU1xr4.js";
+import { useState as u, useCallback as B, useEffect as x, useMemo as A, useRef as se } from "react";
+import * as De from "echarts/core";
+const Se = "_screen_o5a0k_2", we = "_banner_o5a0k_14", Ce = "_shareBtn_o5a0k_22", Le = "_bannerInner_o5a0k_49", Be = "_bannerLeft_o5a0k_56", xe = "_bannerTitle_o5a0k_62", Ie = "_bannerSubtitle_o5a0k_70", Re = "_stats_o5a0k_76", Ae = "_statItem_o5a0k_82", He = "_statNum_o5a0k_89", Ee = "_statLabel_o5a0k_96", Oe = "_statDivider_o5a0k_101", We = "_chartSection_o5a0k_108", $e = "_chartInner_o5a0k_114", Me = "_chartHeader_o5a0k_121", Ve = "_chartHeaderLeft_o5a0k_129", je = "_chartRangeWrap_o5a0k_135", ze = "_rangeBtns_o5a0k_142", Pe = "_rangeBtn_o5a0k_142", Ge = "_rangeBtnActive_o5a0k_166", qe = "_chartRangePicker_o5a0k_179", Fe = "_chartTitle_o5a0k_193", Ye = "_chartSubtitle_o5a0k_200", Ke = "_chartBody_o5a0k_206", Xe = "_chartLoading_o5a0k_210", Ze = "_chartEmpty_o5a0k_211", Je = "_main_o5a0k_221", Qe = "_timeline_o5a0k_232", Ue = "_timelineHeader_o5a0k_243", et = "_timelineScroll_o5a0k_252", tt = "_timelineItem_o5a0k_258", at = "_timelineItemActive_o5a0k_273", nt = "_timelineDot_o5a0k_278", it = "_timelineContent_o5a0k_293", rt = "_timelineTop_o5a0k_298", st = "_versionTag_o5a0k_305", ot = "_versionDate_o5a0k_311", ct = "_timelineSummary_o5a0k_316", lt = "_timelineMeta_o5a0k_326", dt = "_latestBadge_o5a0k_332", mt = "_detail_o5a0k_344", ht = "_detailHeader_o5a0k_355", _t = "_detailTitleRow_o5a0k_361", pt = "_detailVersion_o5a0k_367", gt = "_detailDate_o5a0k_373", ut = "_detailSummary_o5a0k_378", ft = "_detailScroll_o5a0k_385", yt = "_pointGrid_o5a0k_392", vt = "_pointCard_o5a0k_398", bt = "_pointHead_o5a0k_412", Nt = "_pointTitle_o5a0k_420", kt = "_pointHeadRight_o5a0k_428", Tt = "_committerTag_o5a0k_437", Dt = "_pointTag_o5a0k_448", St = "_pointDetail_o5a0k_454", wt = "_loadingWrap_o5a0k_462", Ct = "_emptyWrap_o5a0k_469", Lt = "_authBox_o5a0k_479", Bt = "_authHint_o5a0k_483", xt = "_embedScreen_o5a0k_492", e = {
+  screen: Se,
+  banner: we,
+  shareBtn: Ce,
+  bannerInner: Le,
+  bannerLeft: Be,
+  bannerTitle: xe,
+  bannerSubtitle: Ie,
+  stats: Re,
+  statItem: Ae,
+  statNum: He,
+  statLabel: Ee,
+  statDivider: Oe,
+  chartSection: We,
+  chartInner: $e,
+  chartHeader: Me,
+  chartHeaderLeft: Ve,
+  chartRangeWrap: je,
+  rangeBtns: ze,
+  rangeBtn: Pe,
+  rangeBtnActive: Ge,
+  chartRangePicker: qe,
+  chartTitle: Fe,
+  chartSubtitle: Ye,
+  chartBody: Ke,
+  chartLoading: Xe,
+  chartEmpty: Ze,
+  main: Je,
+  timeline: Qe,
+  timelineHeader: Ue,
+  timelineScroll: et,
+  timelineItem: tt,
+  timelineItemActive: at,
+  timelineDot: nt,
+  timelineContent: it,
+  timelineTop: rt,
+  versionTag: st,
+  versionDate: ot,
+  timelineSummary: ct,
+  timelineMeta: lt,
+  latestBadge: dt,
+  detail: mt,
+  detailHeader: ht,
+  detailTitleRow: _t,
+  detailVersion: pt,
+  detailDate: gt,
+  detailSummary: ut,
+  detailScroll: ft,
+  pointGrid: yt,
+  pointCard: vt,
+  pointHead: bt,
+  pointTitle: Nt,
+  pointHeadRight: kt,
+  committerTag: Tt,
+  pointTag: Dt,
+  pointDetail: St,
+  loadingWrap: wt,
+  emptyWrap: Ct,
+  authBox: Lt,
+  authHint: Bt,
+  embedScreen: xt
+}, It = {
+  新功能: "green",
+  优化: "blue",
+  修复: "orange",
+  重构: "purple",
+  其他: "default"
+}, z = {
+  新功能: "#52c41a",
+  优化: "#2f70f1",
+  修复: "#fa8c16",
+  重构: "#722ed1",
+  其他: "#8c8c8c"
+}, oe = 8;
+function Rt(_) {
+  const S = String((_ == null ? void 0 : _.userMessage) || (_ == null ? void 0 : _.message) || "");
+  return /未登录|Token无效|登录已失效|登录失效|登录过期|重新登录/.test(S);
+}
+function At({
+  option: _,
+  height: S = 320
+}) {
+  const N = se(null), d = se(null);
+  return x(() => {
+    if (!N.current) return;
+    d.current || (d.current = De.init(N.current)), d.current.setOption(_, !0);
+    const y = () => {
+      var v;
+      return (v = d.current) == null ? void 0 : v.resize();
+    };
+    return window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
+  }, [_]), x(
+    () => () => {
+      var y;
+      (y = d.current) == null || y.dispose(), d.current = null;
+    },
+    []
+  ), /* @__PURE__ */ n("div", { ref: N, style: { width: "100%", height: `${S}px` } });
+}
+function Vt({
+  variant: _ = "page"
+}) {
+  const [S, N] = u(!1), [d, y] = u([]), [v, H] = u(null), [p, P] = u(null), [ce, G] = u(!1), [E, le] = u(
+    {}
+  ), [de, q] = u(!1), [w, F] = u(!1), [I, C] = u([
+    D().subtract(6, "day").startOf("day"),
+    D().endOf("day")
+  ]), [O, Y] = u("7"), K = B(async () => {
+    N(!0);
+    try {
+      const a = await be("z-team"), l = [...(Array.isArray(a) ? a : []).filter(
+        (o) => o && typeof o == "object"
+      )].sort(
+        (o, c) => new Date(c.commitDate).getTime() - new Date(o.commitDate).getTime()
+      );
+      y(l), F(!1), l.length > 0 ? H(l[0].id) : (H(null), P(null));
+    } catch (a) {
+      console.error("[ChangeLogView] load versions error:", a), Rt(a) && F(!0);
+    } finally {
+      N(!1);
+    }
+  }, []), X = B(async (a) => {
+    G(!0);
+    try {
+      const r = await ae(a, void 0, "z-team");
+      P(r && typeof r == "object" ? r : null);
+    } catch (r) {
+      console.error("[ChangeLogView] load detail error:", r);
+    } finally {
+      G(!1);
+    }
+  }, []);
+  x(() => {
+    K();
+  }, [K]), x(() => {
+    v != null && X(v);
+  }, [v, X]);
+  const W = A(() => {
+    const a = d.length, r = d.reduce(
+      (o, c) => o + (c.pointCount ?? 0),
+      0
+    );
+    let l = 0;
+    if (d.length >= 2) {
+      const o = d.map((c) => new Date(c.commitDate).getTime()).filter((c) => !Number.isNaN(c));
+      o.length >= 2 && (l = Math.round(
+        (Math.max(...o) - Math.min(...o)) / 864e5
+      ));
+    }
+    return { versionCount: a, pointTotal: r, spanDays: l };
+  }, [d]), b = A(() => {
+    if (!I) return d;
+    const [a, r] = I, l = a.startOf("day").valueOf(), o = r.endOf("day").valueOf();
+    return d.filter((c) => {
+      const k = new Date(c.commitDate).getTime();
+      return !Number.isNaN(k) && k >= l && k <= o;
+    });
+  }, [d, I]);
+  x(() => {
+    if (b.length === 0) return;
+    let a = !1;
+    return q(!0), Promise.all(
+      b.map(
+        (r) => ae(r.id, void 0, "z-team").catch((l) => (console.warn(
+          `[ChangeLogView] failed to load detail for version ${r.version}`,
+          l
+        ), null))
+      )
+    ).then((r) => {
+      if (a) return;
+      const l = {};
+      r.forEach((o, c) => {
+        o && typeof o == "object" && b[c] && (l[b[c].id] = o);
+      }), le(l);
+    }).finally(() => {
+      a || q(!1);
+    }), () => {
+      a = !0;
+    };
+  }, [b]);
+  const { chartOption: me, hasChartData: he } = A(() => {
+    const a = [...b].sort(
+      (t, s) => new Date(t.commitDate).getTime() - new Date(s.commitDate).getTime()
+    ), r = a.map((t) => t.commitDate), l = /* @__PURE__ */ new Set(), o = {};
+    Object.values(E).forEach((t) => {
+      (Array.isArray(t == null ? void 0 : t.items) ? t.items : []).forEach((m) => {
+        if (m.category ? l.add(m.category) : l.add("其他"), typeof m.committers == "string") {
+          const g = m.committers.split(",").map((h) => h.trim()).filter(Boolean);
+          if (g.length > 0) {
+            const h = 1 / g.length;
+            g.forEach((L) => {
+              o[L] = (o[L] || 0) + h;
+            });
+          }
+        }
+      });
+    });
+    const c = ["新功能", "优化", "修复", "重构", "其他"].filter(
+      (t) => l.has(t)
+    );
+    l.forEach((t) => {
+      c.includes(t) || c.push(t);
+    });
+    const k = Object.entries(o).sort((t, s) => s[1] - t[1]).map(([t]) => t), ge = k.slice(0, oe), Q = k.length > oe, T = {};
+    c.forEach(
+      (t) => T[t] = new Array(r.length).fill(0)
+    );
+    const f = {};
+    ge.forEach(
+      (t) => f[t] = new Array(r.length).fill(0)
+    ), Q && (f.其他 = new Array(r.length).fill(0)), a.forEach((t, s) => {
+      const m = E[t.id];
+      if (!m) return;
+      (Array.isArray(m.items) ? m.items : []).forEach((h) => {
+        const L = h.category || "其他";
+        if (T[L] && (T[L][s] += 1), typeof h.committers == "string") {
+          const M = h.committers.split(",").map((R) => R.trim()).filter(Boolean);
+          if (M.length > 0) {
+            const R = 1 / M.length;
+            M.forEach((ee) => {
+              f[ee] ? f[ee][s] += R : Q && (f.其他[s] += R);
+            });
+          }
+        }
+      });
+    });
+    const ue = a.reduce((t, s) => {
+      const m = t.length > 0 ? t[t.length - 1] : 0;
+      return t.push(m + (s.pointCount ?? 0)), t;
+    }, []), U = {};
+    c.forEach((t) => {
+      U[t] = T[t].reduce((s, m) => {
+        const g = s.length > 0 ? s[s.length - 1] : 0;
+        return s.push(g + m), s;
+      }, []);
+    });
+    const fe = [
+      ...c.map((t) => ({
+        name: t,
+        type: "bar",
+        stack: "category",
+        data: T[t],
+        itemStyle: { color: z[t] || "#8c8c8c" },
+        barMaxWidth: 40
+      })),
+      ...Object.keys(f).map((t) => ({
+        name: `@${t}`,
+        type: "bar",
+        stack: "committer",
+        data: f[t],
+        barMaxWidth: 40
+      })),
+      {
+        name: "要点累计",
+        type: "line",
+        yAxisIndex: 1,
+        data: ue,
+        smooth: !0,
+        symbol: "circle",
+        symbolSize: 6,
+        lineStyle: { color: "#2f70f1", width: 2 },
+        itemStyle: { color: "#2f70f1", borderWidth: 2 }
+      },
+      ...c.map((t) => ({
+        name: `${t}累计`,
+        type: "line",
+        yAxisIndex: 1,
+        data: U[t],
+        smooth: !0,
+        symbol: "circle",
+        symbolSize: 4,
+        lineStyle: {
+          color: z[t] || "#8c8c8c",
+          width: 2
+        },
+        itemStyle: { color: z[t] || "#8c8c8c" }
+      }))
+    ], ye = {
+      tooltip: {
+        trigger: "axis",
+        axisPointer: { type: "shadow" },
+        backgroundColor: "rgba(255,255,255,0.96)",
+        borderColor: "#f0f0f0",
+        textStyle: { color: "#262626" },
+        formatter: (t) => {
+          if (!Array.isArray(t) || t.length === 0) return "";
+          let m = `<div style="font-weight:600;margin-bottom:6px;">${t[0].axisValue}</div>`;
+          return t.forEach((g) => {
+            const h = Number(g.value) || 0;
+            h > 0 && (m += `<div style="display:flex;align-items:center;gap:8px;line-height:1.8;">
+                <span style="display:inline-block;width:10px;height:10px;border-radius:50%;background:${g.color};"></span>
+                <span style="flex:1;">${g.seriesName}</span>
+                <span style="font-weight:600;">${Number.isInteger(h) ? h : h.toFixed(2)}</span>
+              </div>`);
+          }), m;
+        }
+      },
+      legend: {
+        type: "scroll",
+        top: 0,
+        left: "center",
+        itemGap: 16,
+        textStyle: { color: "#595959" }
+      },
+      grid: {
+        left: 16,
+        right: 16,
+        bottom: 24,
+        top: 48,
+        containLabel: !0
+      },
+      xAxis: {
+        type: "category",
+        data: r,
+        axisLine: { lineStyle: { color: "#d9d9d9" } },
+        axisLabel: {
+          rotate: r.length > 12 ? 30 : 0,
+          formatter: (t) => {
+            const s = new Date(t).getDay();
+            return s >= 1 && s <= 5 ? `{weekday|${t}}` : `{weekend|${t}}`;
+          },
+          rich: {
+            weekday: { color: "#262626", fontWeight: 600 },
+            weekend: { color: "#bfbfbf" }
+          }
+        }
+      },
+      yAxis: [
+        {
+          type: "value",
+          splitLine: { lineStyle: { color: "#f0f0f0" } },
+          axisLabel: { color: "#8c8c8c" }
+        },
+        {
+          type: "value",
+          position: "right",
+          splitLine: { show: !1 },
+          axisLabel: { color: "#2f70f1" }
+        }
+      ],
+      series: fe,
+      animationDuration: 600
+    }, ve = a.length > 0 && (Object.values(T).some((t) => t.some((s) => s > 0)) || Object.values(f).some((t) => t.some((s) => s > 0)));
+    return { chartOption: ye, hasChartData: ve };
+  }, [b, E]), Z = B(() => {
+    try {
+      Ne();
+    } catch (a) {
+      console.error("[ChangeLogView] redirect to login failed:", a), window.location.href = "/login";
+    }
+  }, []), _e = B(async () => {
+    const a = window.location.href;
+    try {
+      await navigator.clipboard.writeText(a), ne.success("链接已复制，可直接发送");
+    } catch {
+      ne.error("复制失败，请手动复制地址栏链接");
+    }
+  }, []), $ = B((a) => {
+    Y(a), C(a === "7" ? [
+      D().subtract(6, "day").startOf("day"),
+      D().endOf("day")
+    ] : a === "30" ? [
+      D().subtract(29, "day").startOf("day"),
+      D().endOf("day")
+    ] : null);
+  }, []), pe = _ === "embed", J = A(
+    () => Array.isArray(p == null ? void 0 : p.items) ? p.items : [],
+    [p]
+  );
+  return /* @__PURE__ */ i("div", { className: pe ? `${e.screen} ${e.embedScreen}` : e.screen, children: [
+    /* @__PURE__ */ i("header", { className: e.banner, children: [
+      /* @__PURE__ */ i("div", { className: e.bannerInner, children: [
+        /* @__PURE__ */ i("div", { className: e.bannerLeft, children: [
+          /* @__PURE__ */ n("h1", { className: e.bannerTitle, children: "Z Team 产品迭代日志" }),
+          /* @__PURE__ */ n("p", { className: e.bannerSubtitle, children: "每一次代码提交背后，都是产品的进化" })
+        ] }),
+        /* @__PURE__ */ i("div", { className: e.stats, children: [
+          /* @__PURE__ */ i("div", { className: e.statItem, children: [
+            /* @__PURE__ */ n("div", { className: e.statNum, children: w ? "—" : W.versionCount }),
+            /* @__PURE__ */ n("div", { className: e.statLabel, children: "迭代版本" })
+          ] }),
+          /* @__PURE__ */ n("div", { className: e.statDivider }),
+          /* @__PURE__ */ i("div", { className: e.statItem, children: [
+            /* @__PURE__ */ n("div", { className: e.statNum, children: w ? "—" : W.pointTotal }),
+            /* @__PURE__ */ n("div", { className: e.statLabel, children: "产品要点" })
+          ] }),
+          /* @__PURE__ */ n("div", { className: e.statDivider }),
+          /* @__PURE__ */ i("div", { className: e.statItem, children: [
+            /* @__PURE__ */ n("div", { className: e.statNum, children: w ? "—" : W.spanDays }),
+            /* @__PURE__ */ n("div", { className: e.statLabel, children: "持续天数" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ n(
+        V,
+        {
+          className: e.shareBtn,
+          type: "default",
+          ghost: !0,
+          onClick: _e,
+          children: "分享链接"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ n("section", { className: e.chartSection, children: /* @__PURE__ */ i("div", { className: e.chartInner, children: [
+      /* @__PURE__ */ i("div", { className: e.chartHeader, children: [
+        /* @__PURE__ */ i("div", { className: e.chartHeaderLeft, children: [
+          /* @__PURE__ */ n("h2", { className: e.chartTitle, children: "迭代节奏与贡献分布" }),
+          /* @__PURE__ */ n("p", { className: e.chartSubtitle, children: "两根柱：类型拆分 · 人员拆分（多人贡献均摊）；折线：各类型/总量累计" })
+        ] }),
+        /* @__PURE__ */ i("div", { className: e.chartRangeWrap, children: [
+          /* @__PURE__ */ i("div", { className: e.rangeBtns, children: [
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: O === "7" ? e.rangeBtnActive : e.rangeBtn,
+                onClick: () => $("7"),
+                children: "近7天"
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: O === "30" ? e.rangeBtnActive : e.rangeBtn,
+                onClick: () => $("30"),
+                children: "近30天"
+              }
+            ),
+            /* @__PURE__ */ n(
+              "button",
+              {
+                className: O === "all" ? e.rangeBtnActive : e.rangeBtn,
+                onClick: () => $("all"),
+                children: "全部"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ n(
+            Te.RangePicker,
+            {
+              className: e.chartRangePicker,
+              value: I,
+              allowClear: !0,
+              placeholder: ["开始日期", "结束日期"],
+              onChange: (a) => {
+                Y(""), a && a[0] && a[1] ? C([a[0], a[1]]) : C(null);
+              }
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ n("div", { className: e.chartBody, children: de ? /* @__PURE__ */ n("div", { className: e.chartLoading, children: /* @__PURE__ */ n(j, { description: "正在生成统计图表..." }) }) : he ? /* @__PURE__ */ n(At, { option: me, height: 360 }) : w ? /* @__PURE__ */ i("div", { className: `${e.chartEmpty} ${e.authBox}`, children: [
+        /* @__PURE__ */ n("div", { className: e.authHint, children: "登录后可查看完整的产品迭代日志" }),
+        /* @__PURE__ */ n(
+          V,
+          {
+            size: "small",
+            type: "primary",
+            onClick: Z,
+            children: "登录查看"
+          }
+        )
+      ] }) : /* @__PURE__ */ n("div", { className: e.chartEmpty, children: "暂无足够数据生成图表" }) })
+    ] }) }),
+    /* @__PURE__ */ i("main", { className: e.main, children: [
+      /* @__PURE__ */ i("aside", { className: e.timeline, children: [
+        /* @__PURE__ */ n("div", { className: e.timelineHeader, children: /* @__PURE__ */ n("span", { children: "迭代时间线" }) }),
+        /* @__PURE__ */ n("div", { className: e.timelineScroll, children: S ? /* @__PURE__ */ n("div", { className: e.loadingWrap, children: /* @__PURE__ */ n(j, { description: "加载中..." }) }) : d.length === 0 ? /* @__PURE__ */ n("div", { className: `${e.emptyWrap} ${e.authBox}`, children: w ? /* @__PURE__ */ i(te, { children: [
+          /* @__PURE__ */ n("div", { className: e.authHint, children: "登录后可查看完整的产品迭代日志" }),
+          /* @__PURE__ */ n(
+            V,
+            {
+              size: "small",
+              type: "primary",
+              onClick: Z,
+              children: "登录查看"
+            }
+          )
+        ] }) : "暂无迭代记录" }) : d.map((a, r) => /* @__PURE__ */ i(
+          "div",
+          {
+            className: `${e.timelineItem} ${ke(v, a.id) ? e.timelineItemActive : ""}`,
+            onClick: () => H(a.id),
+            children: [
+              /* @__PURE__ */ n("div", { className: e.timelineDot }),
+              /* @__PURE__ */ i("div", { className: e.timelineContent, children: [
+                /* @__PURE__ */ i("div", { className: e.timelineTop, children: [
+                  /* @__PURE__ */ n("span", { className: e.versionTag, children: a.version }),
+                  /* @__PURE__ */ n("span", { className: e.versionDate, children: a.commitDate })
+                ] }),
+                a.summary && /* @__PURE__ */ n("div", { className: e.timelineSummary, title: a.summary, children: a.summary }),
+                /* @__PURE__ */ n("div", { className: e.timelineMeta, children: /* @__PURE__ */ i("span", { children: [
+                  a.pointCount ?? 0,
+                  " 条产品要点"
+                ] }) })
+              ] }),
+              r === 0 && /* @__PURE__ */ n("span", { className: e.latestBadge, children: "最新" })
+            ]
+          },
+          a.id
+        )) })
+      ] }),
+      /* @__PURE__ */ n("section", { className: e.detail, children: ce ? /* @__PURE__ */ n("div", { className: e.loadingWrap, children: /* @__PURE__ */ n(j, { description: "加载产品要点..." }) }) : p ? /* @__PURE__ */ i(te, { children: [
+        /* @__PURE__ */ i("div", { className: e.detailHeader, children: [
+          /* @__PURE__ */ i("div", { className: e.detailTitleRow, children: [
+            /* @__PURE__ */ n("span", { className: e.detailVersion, children: p.version }),
+            /* @__PURE__ */ n("span", { className: e.detailDate, children: p.commitDate })
+          ] }),
+          p.summary && /* @__PURE__ */ n("div", { className: e.detailSummary, children: p.summary })
+        ] }),
+        /* @__PURE__ */ n("div", { className: e.detailScroll, children: J.length === 0 ? /* @__PURE__ */ n(ie, { description: "该版本下暂无产品迭代要点" }) : /* @__PURE__ */ n("div", { className: e.pointGrid, children: J.map((a) => /* @__PURE__ */ i("div", { className: e.pointCard, children: [
+          /* @__PURE__ */ i("div", { className: e.pointHead, children: [
+            /* @__PURE__ */ n("span", { className: e.pointTitle, children: a.pointTitle }),
+            /* @__PURE__ */ i("div", { className: e.pointHeadRight, children: [
+              typeof a.committers == "string" && a.committers.split(",").map((r) => /* @__PURE__ */ i(re, { className: e.committerTag, children: [
+                "@",
+                r.trim()
+              ] }, r)),
+              a.category && /* @__PURE__ */ n(
+                re,
+                {
+                  className: e.pointTag,
+                  color: It[a.category] || "default",
+                  children: a.category
+                }
+              )
+            ] })
+          ] }),
+          a.pointDetail && /* @__PURE__ */ n("div", { className: e.pointDetail, children: a.pointDetail })
+        ] }, a.id)) }) })
+      ] }) : /* @__PURE__ */ n("div", { className: e.emptyWrap, children: /* @__PURE__ */ n(ie, { description: "选择左侧版本查看产品迭代要点" }) }) })
+    ] })
+  ] });
+}
+export {
+  Vt as C
+};