@hsu-react/ui 0.0.1

package/es/components/Chart/chartUtils/calculateAxisConfig.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 计算合适的Y轴范围和间隔，确保0是刻度点，且总刻度数固定为6个
+ * @param min 最小值
+ * @param max 最大值
+ * @returns { min, max, interval } Y轴配置
+ */
+export declare function calculateAxisConfig(min: number, max: number): {
+    min: number;
+    max: number;
+    interval: number;
+};

package/es/components/Chart/chartUtils/calculateAxisConfig.js

@@ -0,0 +1,94 @@
+/**
+ * 计算合适的Y轴范围和间隔，确保0是刻度点，且总刻度数固定为6个
+ * @param min 最小值
+ * @param max 最大值
+ * @returns { min, max, interval } Y轴配置
+ */
+export function calculateAxisConfig(min, max) {
+  // 根据数值大小选择合适的取整基数
+  var getNiceNumber = function getNiceNumber(value) {
+    if (value === 0) return 1;
+    var magnitude = Math.pow(10, Math.floor(Math.log10(Math.abs(value))));
+    var normalized = value / magnitude;
+
+    // 选择 1, 2, 5, 10 这样的"整齐"数字
+    var niceNormalized;
+    if (normalized <= 1) niceNormalized = 1;else if (normalized <= 2) niceNormalized = 2;else if (normalized <= 5) niceNormalized = 5;else niceNormalized = 10;
+    return niceNormalized * magnitude;
+  };
+
+  // 处理无效数据
+  if (min === Number.POSITIVE_INFINITY || max === Number.NEGATIVE_INFINITY) {
+    return {
+      min: 0,
+      max: 5,
+      interval: 1
+    };
+  }
+
+  // 如果数据全部为0，返回默认值（6个刻度：0,1,2,3,4,5）
+  if (min === 0 && max === 0) {
+    return {
+      min: 0,
+      max: 5,
+      interval: 1
+    };
+  }
+
+  // 如果数据跨越0（有正有负）
+  if (min < 0 && max > 0) {
+    var absMax = Math.abs(max * 1.1);
+    var absMin = Math.abs(min * 1.1);
+
+    // 计算总范围，分成5个间隔（6个刻度）
+    var totalRange = absMax + absMin;
+    var _roughInterval = totalRange / 5;
+    var _interval = getNiceNumber(_roughInterval);
+
+    // 计算需要多少个刻度能覆盖正负数据
+    var negativeSteps = Math.ceil(absMin / _interval);
+    var positiveSteps = Math.ceil(absMax / _interval);
+    var totalSteps = negativeSteps + positiveSteps; // 不包括0
+
+    // 如果总刻度数正好是6个（5个间隔+0）
+    if (totalSteps === 5) {
+      return {
+        min: -negativeSteps * _interval,
+        max: positiveSteps * _interval,
+        interval: _interval
+      };
+    }
+
+    // 否则，调整为固定5个间隔，按比例分配正负两边
+    var ratio = absMax / (absMax + absMin);
+    var positiveIntervals = Math.round(ratio * 5);
+    var negativeIntervals = 5 - positiveIntervals;
+    return {
+      min: -negativeIntervals * _interval,
+      max: positiveIntervals * _interval,
+      interval: _interval
+    };
+  }
+
+  // 如果全是非负数（固定6个刻度：0到max，分5段）
+  if (min >= 0) {
+    var roughMax = max * 1.1;
+    var _roughInterval2 = roughMax / 5;
+    var _interval2 = getNiceNumber(_roughInterval2);
+    return {
+      min: 0,
+      max: _interval2 * 5,
+      interval: _interval2
+    };
+  }
+
+  // 如果全是负数（固定6个刻度：min到0，分5段）
+  var roughMin = Math.abs(min * 1.1);
+  var roughInterval = roughMin / 5;
+  var interval = getNiceNumber(roughInterval);
+  return {
+    min: -interval * 5,
+    max: 0,
+    interval: interval
+  };
+}

package/es/components/Chart/chartUtils/chartTooltipFormatter.d.ts

@@ -0,0 +1,23 @@
+import * as echarts from "echarts";
+type TooltipRenderMode = "html" | "richText";
+interface RichTextTooltipMarker {
+    renderMode: TooltipRenderMode;
+    content: string;
+    style: Record<string, unknown>;
+}
+export interface TooltipParams {
+    marker?: string | RichTextTooltipMarker;
+    seriesName?: string;
+    value?: unknown;
+    color?: string | echarts.Color;
+    name?: string;
+}
+export interface ChartTooltipFormatterProps {
+    params: TooltipParams | TooltipParams[];
+    hideName?: boolean;
+    hideMarker?: boolean;
+    textStyle?: Record<string, unknown>;
+    unit?: string;
+}
+declare const chartTooltipFormatter: (props: ChartTooltipFormatterProps) => string;
+export default chartTooltipFormatter;

package/es/components/Chart/chartUtils/chartTooltipFormatter.js

@@ -0,0 +1,27 @@
+var chartTooltipFormatter = function chartTooltipFormatter(props) {
+  var _params$;
+  var params = props.params,
+    hideName = props.hideName,
+    hideMarker = props.hideMarker,
+    _props$textStyle = props.textStyle,
+    textStyle = _props$textStyle === void 0 ? {
+      fontSize: 14,
+      color: "#666",
+      fontWeight: 400
+    } : _props$textStyle,
+    unit = props.unit;
+  if (!Array.isArray(params)) {
+    return "\n      <div style=\"margin: 0;line-height:1;\">\n        <div style=\"margin: 0;line-height:1;\">\n          ".concat(hideMarker ? "" : "".concat(params === null || params === void 0 ? void 0 : params.marker), "\n          <span style=\"font-size:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize, "px;color:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.color, ";font-weight:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontWeight, ";margin-left:2px\">").concat(params === null || params === void 0 ? void 0 : params.name, "</span>\n          <span style=\"float:right;margin-left:20px;font-size:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize, "px;color:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.color, ";font-weight:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontWeight, "\">").concat(params === null || params === void 0 ? void 0 : params.value).concat(unit ? " " + unit : "", "</span>\n          <div style=\"clear:both\"></div>\n        </div>\n        <div style=\"clear:both\"></div>\n      </div>\n    ");
+  }
+  if (params.length === 1) {
+    var item = params[0];
+    return "\n      <div style=\"margin: 0;line-height:1;\">\n        <div style=\"margin: 0;line-height:1;\">\n          ".concat(hideMarker ? "" : "".concat(item === null || item === void 0 ? void 0 : item.marker), "\n          <span style=\"font-size:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize, "px;color:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.color, ";font-weight:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontWeight, ";margin-left:2px\">").concat(item === null || item === void 0 ? void 0 : item.name, "</span>\n          <span style=\"float:right;margin-left:20px;font-size:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize, "px;color:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.color, ";font-weight:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontWeight, "\">").concat(item === null || item === void 0 ? void 0 : item.value).concat(unit ? " ".concat(unit) : "", "</span>\n          <div style=\"clear:both\"></div>\n        </div>\n        <div style=\"clear:both\"></div>\n      </div>\n    ");
+  }
+  var items = params === null || params === void 0 ? void 0 : params.map(function (item, idx) {
+    var _item$value;
+    var value = (_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : "";
+    return "\n      <div style=\"margin: 0 0 ".concat(idx === params.length - 1 ? "0" : "10px", " 0;line-height:1;\">\n        <div style=\"margin: 0px 0 0;line-height:1;\">\n          ").concat(hideMarker ? "" : "".concat(item === null || item === void 0 ? void 0 : item.marker), "\n          <span style=\"font-size:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize, "px;color:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.color, ";font-weight:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontWeight, ";margin-left:2px\">").concat(item === null || item === void 0 ? void 0 : item.seriesName, "</span>\n          <span style=\"float:right;margin-left:20px;font-size:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize, "px;color:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.color, ";font-weight:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontWeight, "\">").concat(value).concat(unit ? " ".concat(unit) : "", "</span>\n          <div style=\"clear:both\"></div>\n        </div>\n        <div style=\"clear:both\"></div>\n      </div>\n    ");
+  }).join("");
+  return "\n    <div style=\"margin: 0px 0 0;line-height:1;\">\n      <div style=\"margin: 0px 0 0;line-height:1;\">\n        ".concat(hideName ? "" : "<div style=\"margin-bottom: 10px;font-size:".concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontSize, "px;color:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.color, ";font-weight:").concat(textStyle === null || textStyle === void 0 ? void 0 : textStyle.fontWeight, ";line-height:1;\">").concat(((_params$ = params[0]) === null || _params$ === void 0 ? void 0 : _params$.name) || "", "</div>"), "\n        ").concat(items, "\n        <div style=\"clear:both\"></div>\n      </div>\n      <div style=\"clear:both\"></div>\n    </div>\n  ");
+};
+export default chartTooltipFormatter;

package/es/components/Chart/chartUtils/index.d.ts

@@ -0,0 +1,7 @@
+import chartTooltipFormatter from "./chartTooltipFormatter";
+import { TooltipParams, ChartTooltipFormatterProps } from "./chartTooltipFormatter";
+import { autoScrollLegend, AutoScrollLegendProps } from "../_utils/autoScrollLegend";
+import { calculateAxisConfig } from "./calculateAxisConfig";
+import { MB_PER_GB, MB_PER_TB, trimAxisNumber, chineseMagnitudeDivisor, formatChineseMagnitudeTick, mbDisplayTier, formatMbAxisTick } from "./yAxisDisplayUnit";
+export { chartTooltipFormatter, autoScrollLegend, calculateAxisConfig, MB_PER_GB, MB_PER_TB, trimAxisNumber, chineseMagnitudeDivisor, formatChineseMagnitudeTick, mbDisplayTier, formatMbAxisTick, };
+export type { TooltipParams, ChartTooltipFormatterProps, AutoScrollLegendProps, };

package/es/components/Chart/chartUtils/index.js

@@ -0,0 +1,5 @@
+import chartTooltipFormatter from "./chartTooltipFormatter";
+import { autoScrollLegend } from "../_utils/autoScrollLegend";
+import { calculateAxisConfig } from "./calculateAxisConfig";
+import { MB_PER_GB, MB_PER_TB, trimAxisNumber, chineseMagnitudeDivisor, formatChineseMagnitudeTick, mbDisplayTier, formatMbAxisTick } from "./yAxisDisplayUnit";
+export { chartTooltipFormatter, autoScrollLegend, calculateAxisConfig, MB_PER_GB, MB_PER_TB, trimAxisNumber, chineseMagnitudeDivisor, formatChineseMagnitudeTick, mbDisplayTier, formatMbAxisTick };

package/es/components/Chart/chartUtils/yAxisDisplayUnit.d.ts

@@ -0,0 +1,13 @@
+/**
+ * 大屏 Y 轴：按「万 / 亿」或 MB/GB/TB 换算时，要求刻度步长换算后 ≥ 1，
+ * 避免出现 0.2 万、0.5GB 等小于 1 的刻度文案。
+ */
+export declare const MB_PER_GB = 1024;
+export declare const MB_PER_TB: number;
+export declare function trimAxisNumber(n: number): string;
+/** 中文量级：仅当最大值与刻度间隔都达到该量级时才用「万」「亿」缩放 */
+export declare function chineseMagnitudeDivisor(max: number, interval: number): 1 | 10000 | 100000000;
+export declare function formatChineseMagnitudeTick(value: number, max: number, interval: number): string;
+/** MB 进位：仅当最大值与刻度间隔在该单位下均 ≥ 1 时才升到 GB/TB */
+export declare function mbDisplayTier(maxMb: number, intervalMb: number): "MB" | "GB" | "TB";
+export declare function formatMbAxisTick(value: number, maxMb: number, intervalMb: number): string;

package/es/components/Chart/chartUtils/yAxisDisplayUnit.js

@@ -0,0 +1,45 @@
+/**
+ * 大屏 Y 轴：按「万 / 亿」或 MB/GB/TB 换算时，要求刻度步长换算后 ≥ 1，
+ * 避免出现 0.2 万、0.5GB 等小于 1 的刻度文案。
+ */
+
+export var MB_PER_GB = 1024;
+export var MB_PER_TB = 1024 * 1024;
+export function trimAxisNumber(n) {
+  if (Number.isInteger(n)) return String(n);
+  var s = n.toFixed(2).replace(/\.?0+$/, "");
+  return s === "" || s === "-" ? "0" : s;
+}
+
+/** 中文量级：仅当最大值与刻度间隔都达到该量级时才用「万」「亿」缩放 */
+export function chineseMagnitudeDivisor(max, interval) {
+  var m = Number.isFinite(max) ? max : 0;
+  var iv = Number.isFinite(interval) ? interval : 0;
+  if (m >= 1e8 && iv >= 1e8) return 100000000;
+  if (m >= 1e4 && iv >= 1e4) return 10000;
+  return 1;
+}
+export function formatChineseMagnitudeTick(value, max, interval) {
+  var v = Number(value);
+  if (v === 0) return "0";
+  var div = chineseMagnitudeDivisor(max, interval);
+  if (div === 1) return trimAxisNumber(v);
+  return trimAxisNumber(v / div);
+}
+
+/** MB 进位：仅当最大值与刻度间隔在该单位下均 ≥ 1 时才升到 GB/TB */
+export function mbDisplayTier(maxMb, intervalMb) {
+  var m = Number.isFinite(maxMb) ? maxMb : 0;
+  var iv = Number.isFinite(intervalMb) ? intervalMb : 0;
+  if (m >= MB_PER_TB && iv >= MB_PER_TB) return "TB";
+  if (m >= MB_PER_GB && iv >= MB_PER_GB) return "GB";
+  return "MB";
+}
+export function formatMbAxisTick(value, maxMb, intervalMb) {
+  var v = Number(value);
+  if (v === 0) return "0";
+  var tier = mbDisplayTier(maxMb, intervalMb);
+  if (tier === "TB") return trimAxisNumber(v / MB_PER_TB);
+  if (tier === "GB") return trimAxisNumber(v / MB_PER_GB);
+  return trimAxisNumber(v);
+}

package/es/components/Chart/index.d.ts

@@ -0,0 +1,60 @@
+import * as echarts from "echarts";
+import { ChartBarProps } from "./Bar";
+import { ChartPolarProps } from "./Polar";
+import { ChartGroupProps } from "./Group";
+import { ChartLineProps } from "./Line";
+import { ChartPieFC, ChartPieProps } from "./Pie";
+import { ChartGaugeProps } from "./Gauge";
+import { ChartSankeyProps } from "./Sankey";
+import { ChartTreeProps } from "./Tree";
+import { ChartBubbleProps } from "./Bubble";
+import { ChartHeatmapProps } from "./Heatmap";
+import { ChartRadarProps } from "./Radar";
+import React, { CSSProperties } from "react";
+export type CommonObj<T = unknown> = Record<string, T>;
+/**
+ * ChartTypes
+ * ChartOptionsType
+ *
+ * 关联 Group
+ */
+export type ChartTypes = "Line" | "Bar" | "Pie";
+export type ChartOptionsType = ChartLineProps | ChartBarProps | ChartPieProps;
+export type ChartOptionType = CommonObj;
+export type ChartsOption = echarts.EChartsOption;
+export type Series = echarts.SeriesOption & ChartOptionType;
+export interface SeriesData<T = number | undefined> {
+    series?: Series;
+    value: T;
+    name?: string;
+    [key: string]: unknown;
+}
+export type SeriesDataType = Array<SeriesData<number | (number | undefined)[] | undefined> | (number | undefined)>;
+interface VarCSSProperties {
+    [key: string]: string | number | undefined;
+}
+export type ChartCSSProperties = VarCSSProperties & CSSProperties;
+export interface ChartCommonProps extends ChartsOption {
+    className?: string;
+    style?: ChartCSSProperties;
+    insideDataZoom?: echarts.DataZoomComponentOption;
+    sliderDataZoom?: echarts.DataZoomComponentOption;
+    /** 图表实例就绪回调，可用于图例自动滚动等 */
+    onChart?: (chart: echarts.ECharts) => void;
+}
+interface ChartType {
+    Group: React.FC<ChartGroupProps>;
+    Line: React.FC<ChartLineProps>;
+    Bar: React.FC<ChartBarProps>;
+    Pie: ChartPieFC;
+    Polar: React.FC<ChartPolarProps>;
+    Gauge: React.FC<ChartGaugeProps>;
+    Sankey: React.FC<ChartSankeyProps>;
+    Tree: React.FC<ChartTreeProps>;
+    Bubble: React.FC<ChartBubbleProps>;
+    Heatmap: React.FC<ChartHeatmapProps>;
+    Radar: React.FC<ChartRadarProps>;
+    Common: React.FC<ChartCommonProps>;
+}
+declare const Chart: ChartType;
+export default Chart;

package/es/components/Chart/index.js

@@ -0,0 +1,35 @@
+import ChartBar from "./Bar";
+import ChartPolar from "./Polar";
+import ChartGroup from "./Group";
+import ChartLine from "./Line";
+import ChartPie from "./Pie";
+import ChartGauge from "./Gauge";
+import ChartSankey from "./Sankey";
+import ChartTree from "./Tree";
+import ChartBubble from "./Bubble";
+import ChartHeatmap from "./Heatmap";
+import ChartRadar from "./Radar";
+import ChartCommon from "./Common";
+
+/**
+ * ChartTypes
+ * ChartOptionsType
+ *
+ * 关联 Group
+ */
+
+var Chart = {
+  Group: ChartGroup,
+  Line: ChartLine,
+  Bar: ChartBar,
+  Pie: ChartPie,
+  Polar: ChartPolar,
+  Gauge: ChartGauge,
+  Sankey: ChartSankey,
+  Tree: ChartTree,
+  Bubble: ChartBubble,
+  Heatmap: ChartHeatmap,
+  Radar: ChartRadar,
+  Common: ChartCommon
+};
+export default Chart;

package/es/components/Chart/index.module.less

@@ -0,0 +1,4 @@
+.chart-container {
+  width: 100%;
+  height: 100%;
+}

package/es/components/Chat/ChatHistory/_components/HistoryGroup/index.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { ChatHistoryData } from "../..";
+interface HistoryGroupProps {
+    title: string;
+    items: ChatHistoryData[];
+    currentChatId?: string;
+    updateTitle?: (chatId: string, title: string) => void;
+    deleteHistory?: (item?: ChatHistoryData) => void;
+    onItemClick?: (item: ChatHistoryData) => void;
+}
+declare const HistoryGroup: React.FC<HistoryGroupProps>;
+export default HistoryGroup;

package/es/components/Chat/ChatHistory/_components/HistoryGroup/index.js

@@ -0,0 +1,32 @@
+import React from "react";
+import styles from "./index.module.less";
+import HistoryItem from "../HistoryItem";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var HistoryGroup = function HistoryGroup(_ref) {
+  var title = _ref.title,
+    items = _ref.items,
+    currentChatId = _ref.currentChatId,
+    updateTitle = _ref.updateTitle,
+    deleteHistory = _ref.deleteHistory,
+    onItemClick = _ref.onItemClick;
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.historyGroup,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.historyGroupTitle,
+      children: title
+    }), /*#__PURE__*/_jsx("div", {
+      className: styles.historyGroupContent,
+      children: items === null || items === void 0 ? void 0 : items.map(function (item) {
+        return /*#__PURE__*/_jsx(HistoryItem, {
+          item: item,
+          isActive: currentChatId === item.conversationId,
+          updateTitle: updateTitle,
+          deleteHistory: deleteHistory,
+          onClick: onItemClick
+        }, item.conversationId || item.id);
+      })
+    })]
+  });
+};
+export default HistoryGroup;

package/es/components/Chat/ChatHistory/_components/HistoryGroup/index.module.less

@@ -0,0 +1,21 @@
+.historyGroup {
+  display: flex;
+  flex-direction: column;
+  row-gap: 5px;
+
+  .historyGroupTitle {
+    padding: 0 10px;
+
+    font-size: 14px;
+    font-weight: bold;
+    color: #b3b3b3;
+
+    cursor: default;
+  }
+
+  .historyGroupContent {
+    display: flex;
+    flex-direction: column;
+    row-gap: 5px;
+  }
+}

package/es/components/Chat/ChatHistory/_components/HistoryItem/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ChatHistoryData } from "../..";
+interface HistoryItemProps {
+    item: ChatHistoryData;
+    isActive: boolean;
+    updateTitle?: (chatId: string, title: string) => void;
+    deleteHistory?: (item?: ChatHistoryData) => void;
+    onClick?: (item: ChatHistoryData) => void;
+}
+declare const HistoryItem: React.FC<HistoryItemProps>;
+export default HistoryItem;

package/es/components/Chat/ChatHistory/_components/HistoryItem/index.js

@@ -0,0 +1,172 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import React, { useState, useEffect, useRef } from "react";
+import classNames from "classnames";
+import { Dropdown } from "antd";
+import Icon from "../../../../Icon";
+import Input from "../../../../Input";
+import SecondConf from "../../../../SecondConf";
+import styles from "./index.module.less";
+import { formatChatName } from "../../_utils";
+import TextEllipsis from "../../../../TextEllipsis";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+var HistoryItem = function HistoryItem(_ref) {
+  var item = _ref.item,
+    isActive = _ref.isActive,
+    updateTitle = _ref.updateTitle,
+    deleteHistory = _ref.deleteHistory,
+    _onClick = _ref.onClick;
+  // 重命名相关状态
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isRenaming = _useState2[0],
+    setIsRenaming = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    renameTitle = _useState4[0],
+    setRenameTitle = _useState4[1];
+  var _useState5 = useState(formatChatName(item.name)),
+    _useState6 = _slicedToArray(_useState5, 2),
+    currentTitle = _useState6[0],
+    setCurrentTitle = _useState6[1];
+  // 用于跟踪是否刚刚完成重命名，避免立即被外部更新覆盖
+  var justRenamedRef = useRef(false);
+
+  // 删除确认弹窗状态
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    deleteModal = _useState8[0],
+    setDeleteModal = _useState8[1];
+
+  // 初始化重命名标题
+  useEffect(function () {
+    if (isRenaming) {
+      setRenameTitle(currentTitle);
+    }
+  }, [isRenaming, currentTitle]);
+
+  // 同步 item.name 的变化到 currentTitle（仅在非重命名状态下）
+  useEffect(function () {
+    if (!isRenaming && !justRenamedRef.current) {
+      var formattedName = formatChatName(item.name);
+      setCurrentTitle(formattedName);
+    }
+    // 重置重命名标记
+    if (justRenamedRef.current) {
+      justRenamedRef.current = false;
+    }
+  }, [item.name, item.conversationId, isRenaming]);
+  var handleRename = function handleRename() {
+    setIsRenaming(true);
+  };
+  var handleRenameConfirm = function handleRenameConfirm() {
+    var newTitle = renameTitle.trim();
+    if (newTitle && updateTitle) {
+      updateTitle(item.conversationId, newTitle);
+      // 先更新显示的标题，确保立即显示用户输入的名称
+      setCurrentTitle(newTitle);
+      // 标记刚刚完成重命名，避免立即被外部更新覆盖
+      justRenamedRef.current = true;
+    }
+    setIsRenaming(false);
+    setRenameTitle("");
+  };
+  var handleRenameCancel = function handleRenameCancel() {
+    setIsRenaming(false);
+    setRenameTitle("");
+    setCurrentTitle(formatChatName(item.name));
+  };
+  var handleDelete = function handleDelete() {
+    setDeleteModal(true);
+  };
+  var handleDeleteConfirm = function handleDeleteConfirm() {
+    setDeleteModal(false);
+    deleteHistory === null || deleteHistory === void 0 || deleteHistory(item);
+  };
+  var dropdownItems = [{
+    key: "rename",
+    label: /*#__PURE__*/_jsxs("span", {
+      className: styles.dropdownItem,
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: "ri:pencil-line"
+      }), "\u91CD\u547D\u540D"]
+    }),
+    onClick: handleRename
+  }, {
+    key: "delete",
+    label: /*#__PURE__*/_jsxs("span", {
+      className: classNames(styles.dropdownItem, styles.delete),
+      children: [/*#__PURE__*/_jsx(Icon, {
+        icon: "ri:delete-bin-line"
+      }), "\u5220\u9664"]
+    }),
+    onClick: handleDelete
+  }];
+  if (isRenaming) {
+    return /*#__PURE__*/_jsx(Input, {
+      className: styles.renameInput,
+      onClick: function onClick(e) {
+        return e.stopPropagation();
+      },
+      value: renameTitle,
+      onChange: function onChange(value) {
+        return setRenameTitle(value);
+      },
+      onBlur: handleRenameCancel,
+      onPressEnter: handleRenameConfirm,
+      autoFocus: true
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: classNames(styles.historyItem, _defineProperty({}, styles.active, isActive)),
+      onClick: function onClick() {
+        return _onClick === null || _onClick === void 0 ? void 0 : _onClick(item);
+      },
+      children: [/*#__PURE__*/_jsx(TextEllipsis, {
+        children: currentTitle
+      }), /*#__PURE__*/_jsx(Dropdown, {
+        menu: {
+          items: dropdownItems,
+          onClick: function onClick(_ref2) {
+            var domEvent = _ref2.domEvent;
+            domEvent.stopPropagation();
+          }
+        },
+        placement: "bottomRight",
+        children: /*#__PURE__*/_jsx("div", {
+          className: styles.operation,
+          onClick: function onClick(e) {
+            return e.stopPropagation();
+          },
+          children: /*#__PURE__*/_jsx(Icon, {
+            icon: "ri:more-fill"
+          })
+        })
+      })]
+    }), /*#__PURE__*/_jsx(SecondConf, {
+      open: deleteModal,
+      onCancel: function onCancel() {
+        return setDeleteModal(false);
+      },
+      contentTitle: "\u5220\u9664",
+      contentText: "\u5220\u9664\u540E\uFF0C\u8BE5\u4F1A\u8BDD\u5C06\u65E0\u6CD5\u6062\u590D\uFF0C\u8BF7\u786E\u8BA4\u662F\u5426\u7EE7\u7EED\uFF1F",
+      okButtonProps: {
+        danger: true
+      },
+      onOk: handleDeleteConfirm,
+      width: "40%"
+    })]
+  });
+};
+export default HistoryItem;

package/es/components/Chat/ChatHistory/_components/HistoryItem/index.module.less

@@ -0,0 +1,74 @@
+.renameInput {
+  width: 100%;
+  height: 32px;
+  min-height: 32px;
+}
+
+.historyItem {
+  position: relative;
+
+  display: flex;
+  align-items: center;
+  column-gap: 10px;
+
+  height: 32px;
+  line-height: 32px;
+  padding: 0 10px;
+
+  font-size: 14px;
+  white-space: nowrap;
+  text-overflow: clip;
+
+  overflow: hidden;
+
+  border-radius: 6px;
+
+  cursor: pointer;
+
+  &:hover {
+    background: #0000000a;
+
+    .operation {
+      display: flex;
+    }
+  }
+
+  &.active {
+    background: #0000000a;
+
+    color: #126dff;
+  }
+
+  .operation {
+    display: none;
+    align-items: center;
+    justify-content: center;
+
+    width: 24px;
+    height: 24px;
+
+    font-size: 16px;
+
+    border-radius: 8px;
+
+    transition: color 0.3s;
+
+    background-color: transparent;
+
+    color: #0a0a0a;
+
+    &:hover {
+      color: #126dff;
+    }
+  }
+}
+
+.dropdownItem {
+  display: flex;
+  align-items: center;
+  column-gap: 8px;
+
+  &.delete {
+    color: #ff4d4f;
+  }
+}