@sia.soul/sia-react-ui 0.1.81 → 0.1.83

package/dist/chart.cjs

@@ -254,10 +254,18 @@ function installTitleTooltips(doc) {
   let root;
   let observer;
   let tooltipId = "";
+  const canShow = (element) => {
+    if (!element.hasAttribute("data-sia-title-overflow-only")) return true;
+    return [element, ...element.querySelectorAll("*")].some((node) => {
+      if (node.clientWidth <= 0 || node.scrollWidth <= node.clientWidth) return false;
+      const style = doc.defaultView?.getComputedStyle(node);
+      return style?.textOverflow === "ellipsis" && (style.overflowX === "hidden" || style.overflowX === "clip");
+    });
+  };
   const candidate = (target) => {
     if (!(target instanceof Element)) return null;
     const element = target.closest("[data-sia-title]");
-    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") ? element : null;
+    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") && canShow(element) ? element : null;
   };
   const hasExplicitTooltip = (target) => target instanceof Element && Boolean(target.closest(".sia-floating"));
   const hide = () => {
@@ -275,7 +283,7 @@ function installTitleTooltips(doc) {
   };
   const render = () => {
     const text = active?.getAttribute("data-sia-title");
-    if (!active?.isConnected || !text) {
+    if (!active?.isConnected || !text || !canShow(active)) {
       hide();
       return;
     }

package/dist/chart.js

@@ -56,9 +56,9 @@ import {
   smoothSvgPath,
   svgArcPath,
   transferCompositeValue
-} from "./chunk-BDS42FR3.js";
-import "./chunk-JZWTTSOZ.js";
-import "./chunk-H7IAG72O.js";
+} from "./chunk-ZHQ7PCCF.js";
+import "./chunk-SJFT5OSX.js";
+import "./chunk-PUZWLIIJ.js";
 export {
   BarChart,
   CHART_VIEWBOX_HEIGHT,

package/dist/{chunk-ZNJK3IKA.js → chunk-BCOFQJ76.js}

@@ -1,21 +1,21 @@
 import {
   Popover,
   Tooltip
-} from "./chunk-WXERMWTW.js";
+} from "./chunk-V4GGPMKS.js";
 import {
   Dropdown,
   Icon,
   useOverlayLifecycle
-} from "./chunk-XHLIIDD2.js";
+} from "./chunk-CLBWJEID.js";
 import {
   Button,
   TextArea
-} from "./chunk-JZWTTSOZ.js";
+} from "./chunk-SJFT5OSX.js";
 import {
   useControlSize,
   useControllableState,
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/Toolbar.tsx
 import { useLayoutEffect, useRef, useState } from "react";

package/dist/{chunk-XHLIIDD2.js → chunk-CLBWJEID.js}

@@ -1,14 +1,14 @@
 import {
   Button,
   TextArea
-} from "./chunk-JZWTTSOZ.js";
+} from "./chunk-SJFT5OSX.js";
 import {
   PopupPortal,
   useControlSize,
   useControllableState,
   usePlaceholderMode,
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/Icon.tsx
 import { forwardRef } from "react";

package/dist/{chunk-Y4Y2NVBM.js → chunk-N6DVNCZT.js}

@@ -1,17 +1,17 @@
 import {
   FloatingScrollbarProvider,
   Select
-} from "./chunk-WXERMWTW.js";
+} from "./chunk-V4GGPMKS.js";
 import {
   Icon
-} from "./chunk-XHLIIDD2.js";
+} from "./chunk-CLBWJEID.js";
 import {
   PopupPortal,
   useControlSize,
   useControllableState,
   useFloatingPlaceholder,
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/DatePicker.tsx
 import { useEffect, useId, useLayoutEffect as useLayoutEffect2, useMemo, useRef as useRef2, useState } from "react";

package/dist/{chunk-H7IAG72O.js → chunk-PUZWLIIJ.js}

@@ -20,10 +20,18 @@ function installTitleTooltips(doc) {
   let root;
   let observer;
   let tooltipId = "";
+  const canShow = (element) => {
+    if (!element.hasAttribute("data-sia-title-overflow-only")) return true;
+    return [element, ...element.querySelectorAll("*")].some((node) => {
+      if (node.clientWidth <= 0 || node.scrollWidth <= node.clientWidth) return false;
+      const style = doc.defaultView?.getComputedStyle(node);
+      return style?.textOverflow === "ellipsis" && (style.overflowX === "hidden" || style.overflowX === "clip");
+    });
+  };
   const candidate = (target) => {
     if (!(target instanceof Element)) return null;
     const element = target.closest("[data-sia-title]");
-    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") ? element : null;
+    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") && canShow(element) ? element : null;
   };
   const hasExplicitTooltip = (target) => target instanceof Element && Boolean(target.closest(".sia-floating"));
   const hide = () => {
@@ -41,7 +49,7 @@ function installTitleTooltips(doc) {
   };
   const render = () => {
     const text = active?.getAttribute("data-sia-title");
-    if (!active?.isConnected || !text) {
+    if (!active?.isConnected || !text || !canShow(active)) {
       hide();
       return;
     }

package/dist/{chunk-GODBVCIQ.js → chunk-SBNHEETW.js}

@@ -2,14 +2,14 @@ import {
   Dropdown,
   Icon,
   Input
-} from "./chunk-XHLIIDD2.js";
+} from "./chunk-CLBWJEID.js";
 import {
   Button
-} from "./chunk-JZWTTSOZ.js";
+} from "./chunk-SJFT5OSX.js";
 import {
   useFloatingPlaceholder,
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/RichTextEditor.tsx
 import { useEffect, useMemo, useRef, useState } from "react";

package/dist/{chunk-JZWTTSOZ.js → chunk-SJFT5OSX.js}

@@ -2,7 +2,7 @@ import {
   useControlSize,
   useFloatingPlaceholder,
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/Button.tsx
 import { forwardRef, useRef } from "react";

package/dist/{chunk-JZPAIZYK.js → chunk-TUXNOSCT.js}

@@ -1,7 +1,7 @@
 import {
   useFloatingPlaceholder,
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/MarkdownEditor.tsx
 import { useEffect, useRef, useState } from "react";

package/dist/{chunk-WXERMWTW.js → chunk-V4GGPMKS.js}

@@ -3,10 +3,10 @@ import {
   Icon,
   Input,
   Modal
-} from "./chunk-XHLIIDD2.js";
+} from "./chunk-CLBWJEID.js";
 import {
   Button
-} from "./chunk-JZWTTSOZ.js";
+} from "./chunk-SJFT5OSX.js";
 import {
   ControlSizeContext,
   PopupPortal,
@@ -14,7 +14,7 @@ import {
   useControllableState,
   useFloatingPlaceholder,
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/Checkbox.tsx
 import { createContext, forwardRef, useContext, useEffect, useId, useMemo, useRef } from "react";

package/dist/{chunk-BDS42FR3.js → chunk-ZHQ7PCCF.js}

@@ -1,10 +1,10 @@
 import {
   Button,
   TextArea
-} from "./chunk-JZWTTSOZ.js";
+} from "./chunk-SJFT5OSX.js";
 import {
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/ChartWhirlingLoading.tsx
 import { useEffect, useState } from "react";

package/dist/core.cjs

@@ -182,10 +182,18 @@ function installTitleTooltips(doc) {
   let root;
   let observer;
   let tooltipId = "";
+  const canShow = (element) => {
+    if (!element.hasAttribute("data-sia-title-overflow-only")) return true;
+    return [element, ...element.querySelectorAll("*")].some((node) => {
+      if (node.clientWidth <= 0 || node.scrollWidth <= node.clientWidth) return false;
+      const style = doc.defaultView?.getComputedStyle(node);
+      return style?.textOverflow === "ellipsis" && (style.overflowX === "hidden" || style.overflowX === "clip");
+    });
+  };
   const candidate = (target) => {
     if (!(target instanceof Element)) return null;
     const element = target.closest("[data-sia-title]");
-    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") ? element : null;
+    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") && canShow(element) ? element : null;
   };
   const hasExplicitTooltip = (target) => target instanceof Element && Boolean(target.closest(".sia-floating"));
   const hide = () => {
@@ -203,7 +211,7 @@ function installTitleTooltips(doc) {
   };
   const render = () => {
     const text = active?.getAttribute("data-sia-title");
-    if (!active?.isConnected || !text) {
+    if (!active?.isConnected || !text || !canShow(active)) {
       hide();
       return;
     }

package/dist/core.js

@@ -10,20 +10,20 @@ import {
   Typography,
   Upload,
   message
-} from "./chunk-ZNJK3IKA.js";
+} from "./chunk-BCOFQJ76.js";
 import {
   Select
-} from "./chunk-WXERMWTW.js";
+} from "./chunk-V4GGPMKS.js";
 import {
   Icon,
   Input,
   Modal,
   Segmented
-} from "./chunk-XHLIIDD2.js";
+} from "./chunk-CLBWJEID.js";
 import {
   Button
-} from "./chunk-JZWTTSOZ.js";
-import "./chunk-H7IAG72O.js";
+} from "./chunk-SJFT5OSX.js";
+import "./chunk-PUZWLIIJ.js";
 export {
   Breadcrumb,
   Button,

package/dist/index.cjs

@@ -331,10 +331,18 @@ function installTitleTooltips(doc) {
   let root;
   let observer;
   let tooltipId = "";
+  const canShow = (element) => {
+    if (!element.hasAttribute("data-sia-title-overflow-only")) return true;
+    return [element, ...element.querySelectorAll("*")].some((node) => {
+      if (node.clientWidth <= 0 || node.scrollWidth <= node.clientWidth) return false;
+      const style = doc.defaultView?.getComputedStyle(node);
+      return style?.textOverflow === "ellipsis" && (style.overflowX === "hidden" || style.overflowX === "clip");
+    });
+  };
   const candidate = (target) => {
     if (!(target instanceof Element)) return null;
     const element = target.closest("[data-sia-title]");
-    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") ? element : null;
+    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") && canShow(element) ? element : null;
   };
   const hasExplicitTooltip = (target) => target instanceof Element && Boolean(target.closest(".sia-floating"));
   const hide = () => {
@@ -352,7 +360,7 @@ function installTitleTooltips(doc) {
   };
   const render = () => {
     const text = active?.getAttribute("data-sia-title");
-    if (!active?.isConnected || !text) {
+    if (!active?.isConnected || !text || !canShow(active)) {
       hide();
       return;
     }
@@ -12575,6 +12583,22 @@ function TableCanvasLayer({ viewport, rows, columns, widths, rowHeight, headerHe
   return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("canvas", { ref: canvasRef, "aria-hidden": "true", className: "sia-table__canvas-layer" });
 }
 
+// src/components/Table/rowIdentity.ts
+function createRowIdentity() {
+  const keys = /* @__PURE__ */ new WeakMap();
+  let sequence = 0;
+  return (record, index, rowKey) => {
+    const explicit = typeof rowKey === "function" ? rowKey(record, index) : rowKey == null ? void 0 : record[rowKey];
+    if (typeof explicit === "string" || typeof explicit === "bigint" || typeof explicit === "number" && Number.isFinite(explicit)) return explicit;
+    let key = keys.get(record);
+    if (key === void 0) {
+      key = `__sia_internal_row_${++sequence}`;
+      keys.set(record, key);
+    }
+    return key;
+  };
+}
+
 // src/components/Table/Table.tsx
 var import_react53 = require("react");
 
@@ -15261,7 +15285,7 @@ function TableInner(props, ref) {
   const {
     dataSource = EMPTY_DATA,
     columns: baseColumns = EMPTY_COLUMNS,
-    rowKey = "id",
+    rowKey,
     plugins: providedPlugins = EMPTY_PLUGINS,
     loading = false,
     emptyText = "\u6682\u65E0\u6570\u636E",
@@ -15304,7 +15328,8 @@ function TableInner(props, ref) {
   const [viewportHeight, setViewportHeight] = (0, import_react53.useState)(420);
   const [viewportWidth, setViewportWidth] = (0, import_react53.useState)(0);
   const [autoColumnWidths, setAutoColumnWidths] = (0, import_react53.useState)({});
-  const getRowKey = (0, import_react53.useCallback)((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
+  const [resolveRowIdentity] = (0, import_react53.useState)(createRowIdentity);
+  const getRowKey = (0, import_react53.useCallback)((record, index) => resolveRowIdentity(record, index, typeof rowKey === "function" ? rowKey : rowKey == null ? void 0 : String(rowKey)), [rowKey, resolveRowIdentity]);
   const builtInResizePlugin = (0, import_react53.useMemo)(() => createResizePlugin(), []);
   const builtInHighlightPlugin = (0, import_react53.useMemo)(() => createHighlightPlugin(), []);
   const builtInCellSelectionPlugin = (0, import_react53.useMemo)(() => createCellSelectionPlugin(), []);
@@ -15677,7 +15702,7 @@ function TableInner(props, ref) {
   function renderHeaderContent(column, content) {
     const title = getHeaderTitleText(column.title ?? column.name) || column.name || column.key;
     return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("span", { className: "sia-table__header-label", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sia-table__header-label-content", ...withTitleTooltip({ title }), children: content }),
+      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "sia-table__header-label-content", "data-sia-title-overflow-only": true, ...withTitleTooltip({ title }), children: content }),
       column.description != null && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Tooltip, { title: column.description, placement: "top", trigger: ["hover", "focus"], children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("button", { type: "button", className: "sia-table__header-description", "aria-label": `${column.name ?? column.key}\u5217\u8BF4\u660E`, onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { name: "info", size: 14 }) }) })
     ] });
   }

package/dist/index.d.cts

@@ -1900,7 +1900,7 @@ interface TableColumn<T = Record<string, unknown>> {
     code?: string;
     /** 名称或字段标识。 */
     name?: string;
-    /** 列头内容，可传入文本或 React 节点；默认单行显示，超宽省略，并通过框架 title 提示展示完整文本。节点无法提取文本时使用 name 或 key。 */
+    /** 列头内容，可传入文本或 React 节点；默认单行显示，仅文字实际超宽省略时通过框架 title 提示展示完整文本，完整显示时不提示。节点无法提取文本时使用 name 或 key。 */
     title?: ReactNode;
     /** 补充说明内容。 */
     description?: ReactNode;
@@ -1924,7 +1924,7 @@ interface TableColumn<T = Record<string, unknown>> {
     hidden?: boolean;
     /** 数据单元格默认单行显示并省略溢出内容（含 Space 标签组）；设为 false 允许多行，不影响列头始终单行省略。 */
     ellipsis?: boolean;
-    /** 数据单元格是否使用 Sia Tooltip 显示完整文本；默认 false，不生成浏览器原生 title。列头始终提供完整标题提示，不受此属性影响。 */
+    /** 数据单元格是否使用 Sia Tooltip 显示完整文本；默认 false，不生成浏览器原生 title。列头仅在文字实际省略时提示完整标题，不受此属性影响。 */
     showTitle?: boolean;
     /** 是否允许该列排序；配合排序插件显示按钮，依次切换升序、降序、未排序，当前排序方向以高亮单箭头显示。 */
     sortable?: boolean;
@@ -2109,7 +2109,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     dataSource?: readonly T[];
     /** 表格列定义；支持 children 构建分组表头。 */
     columns?: readonly TableColumn<T>[];
-    /** 行唯一键字段或计算函数 */
+    /** 行唯一键字段或计算函数，显式提供的值应唯一。未设置、字段不存在或值为 null/undefined 时按数据对象生成内部唯一键，不读取首列或默认 id。同一对象在排序、筛选后保留内部键；重新请求得到的新对象会生成新键，跨请求保留选择须显式设置业务主键。 */
     rowKey?: keyof T | string | ((record: T, index: number) => TableKey);
     /** 默认启用行悬停高亮；传入 createHighlightPlugin({ row: false }) 可关闭。 */
     plugins?: readonly AnyTablePlugin<T>[];

package/dist/index.d.ts

@@ -1900,7 +1900,7 @@ interface TableColumn<T = Record<string, unknown>> {
     code?: string;
     /** 名称或字段标识。 */
     name?: string;
-    /** 列头内容，可传入文本或 React 节点；默认单行显示，超宽省略，并通过框架 title 提示展示完整文本。节点无法提取文本时使用 name 或 key。 */
+    /** 列头内容，可传入文本或 React 节点；默认单行显示，仅文字实际超宽省略时通过框架 title 提示展示完整文本，完整显示时不提示。节点无法提取文本时使用 name 或 key。 */
     title?: ReactNode;
     /** 补充说明内容。 */
     description?: ReactNode;
@@ -1924,7 +1924,7 @@ interface TableColumn<T = Record<string, unknown>> {
     hidden?: boolean;
     /** 数据单元格默认单行显示并省略溢出内容（含 Space 标签组）；设为 false 允许多行，不影响列头始终单行省略。 */
     ellipsis?: boolean;
-    /** 数据单元格是否使用 Sia Tooltip 显示完整文本；默认 false，不生成浏览器原生 title。列头始终提供完整标题提示，不受此属性影响。 */
+    /** 数据单元格是否使用 Sia Tooltip 显示完整文本；默认 false，不生成浏览器原生 title。列头仅在文字实际省略时提示完整标题，不受此属性影响。 */
     showTitle?: boolean;
     /** 是否允许该列排序；配合排序插件显示按钮，依次切换升序、降序、未排序，当前排序方向以高亮单箭头显示。 */
     sortable?: boolean;
@@ -2109,7 +2109,7 @@ interface TableProps<T extends Record<string, unknown> = Record<string, unknown>
     dataSource?: readonly T[];
     /** 表格列定义；支持 children 构建分组表头。 */
     columns?: readonly TableColumn<T>[];
-    /** 行唯一键字段或计算函数 */
+    /** 行唯一键字段或计算函数，显式提供的值应唯一。未设置、字段不存在或值为 null/undefined 时按数据对象生成内部唯一键，不读取首列或默认 id。同一对象在排序、筛选后保留内部键；重新请求得到的新对象会生成新键，跨请求保留选择须显式设置业务主键。 */
     rowKey?: keyof T | string | ((record: T, index: number) => TableKey);
     /** 默认启用行悬停高亮；传入 createHighlightPlugin({ row: false }) 可关闭。 */
     plugins?: readonly AnyTablePlugin<T>[];

package/dist/index.js

@@ -56,7 +56,7 @@ import {
   smoothSvgPath,
   svgArcPath,
   transferCompositeValue
-} from "./chunk-BDS42FR3.js";
+} from "./chunk-ZHQ7PCCF.js";
 import {
   Badge,
   Breadcrumb,
@@ -80,19 +80,19 @@ import {
   Watermark,
   message,
   notification
-} from "./chunk-ZNJK3IKA.js";
+} from "./chunk-BCOFQJ76.js";
 import {
   MarkdownEditor
-} from "./chunk-JZPAIZYK.js";
+} from "./chunk-TUXNOSCT.js";
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-GODBVCIQ.js";
+} from "./chunk-SBNHEETW.js";
 import {
   DatePicker,
   SelectDateRange,
   TimePanel
-} from "./chunk-Y4Y2NVBM.js";
+} from "./chunk-N6DVNCZT.js";
 import {
   Checkbox,
   FloatingScrollbarProvider,
@@ -104,7 +104,7 @@ import {
   Tooltip,
   Tree,
   useScrollbarProximity
-} from "./chunk-WXERMWTW.js";
+} from "./chunk-V4GGPMKS.js";
 import {
   Dropdown,
   FILLED_ICON_NAMES,
@@ -117,11 +117,11 @@ import {
   Segmented,
   Steps,
   useOverlayLifecycle
-} from "./chunk-XHLIIDD2.js";
+} from "./chunk-CLBWJEID.js";
 import {
   Button,
   TextArea
-} from "./chunk-JZWTTSOZ.js";
+} from "./chunk-SJFT5OSX.js";
 import {
   ControlSizeContext,
   PlaceholderModeContext,
@@ -131,7 +131,7 @@ import {
   useFloatingPlaceholder,
   usePlaceholderMode,
   withTitleTooltip
-} from "./chunk-H7IAG72O.js";
+} from "./chunk-PUZWLIIJ.js";
 
 // src/components/Alert.tsx
 import { useState } from "react";
@@ -5097,6 +5097,22 @@ function TableCanvasLayer({ viewport, rows, columns, widths, rowHeight, headerHe
   return /* @__PURE__ */ jsx21("canvas", { ref: canvasRef, "aria-hidden": "true", className: "sia-table__canvas-layer" });
 }
 
+// src/components/Table/rowIdentity.ts
+function createRowIdentity() {
+  const keys = /* @__PURE__ */ new WeakMap();
+  let sequence = 0;
+  return (record, index, rowKey) => {
+    const explicit = typeof rowKey === "function" ? rowKey(record, index) : rowKey == null ? void 0 : record[rowKey];
+    if (typeof explicit === "string" || typeof explicit === "bigint" || typeof explicit === "number" && Number.isFinite(explicit)) return explicit;
+    let key = keys.get(record);
+    if (key === void 0) {
+      key = `__sia_internal_row_${++sequence}`;
+      keys.set(record, key);
+    }
+    return key;
+  };
+}
+
 // src/components/Table/Table.tsx
 import { Fragment as Fragment8, forwardRef as forwardRef5, isValidElement as isValidElement4, memo, useCallback as useCallback2, useEffect as useEffect12, useImperativeHandle, useMemo as useMemo9, useRef as useRef16, useState as useState19 } from "react";
 
@@ -7783,7 +7799,7 @@ function TableInner(props, ref) {
   const {
     dataSource = EMPTY_DATA,
     columns: baseColumns = EMPTY_COLUMNS,
-    rowKey = "id",
+    rowKey,
     plugins: providedPlugins = EMPTY_PLUGINS,
     loading = false,
     emptyText = "\u6682\u65E0\u6570\u636E",
@@ -7826,7 +7842,8 @@ function TableInner(props, ref) {
   const [viewportHeight, setViewportHeight] = useState19(420);
   const [viewportWidth, setViewportWidth] = useState19(0);
   const [autoColumnWidths, setAutoColumnWidths] = useState19({});
-  const getRowKey = useCallback2((record, index) => typeof rowKey === "function" ? rowKey(record, index) : record[String(rowKey)] ?? index, [rowKey]);
+  const [resolveRowIdentity] = useState19(createRowIdentity);
+  const getRowKey = useCallback2((record, index) => resolveRowIdentity(record, index, typeof rowKey === "function" ? rowKey : rowKey == null ? void 0 : String(rowKey)), [rowKey, resolveRowIdentity]);
   const builtInResizePlugin = useMemo9(() => createResizePlugin(), []);
   const builtInHighlightPlugin = useMemo9(() => createHighlightPlugin(), []);
   const builtInCellSelectionPlugin = useMemo9(() => createCellSelectionPlugin(), []);
@@ -8199,7 +8216,7 @@ function TableInner(props, ref) {
   function renderHeaderContent(column, content) {
     const title = getHeaderTitleText(column.title ?? column.name) || column.name || column.key;
     return /* @__PURE__ */ jsxs21("span", { className: "sia-table__header-label", children: [
-      /* @__PURE__ */ jsx23("span", { className: "sia-table__header-label-content", ...withTitleTooltip({ title }), children: content }),
+      /* @__PURE__ */ jsx23("span", { className: "sia-table__header-label-content", "data-sia-title-overflow-only": true, ...withTitleTooltip({ title }), children: content }),
       column.description != null && /* @__PURE__ */ jsx23(Tooltip, { title: column.description, placement: "top", trigger: ["hover", "focus"], children: /* @__PURE__ */ jsx23("button", { type: "button", className: "sia-table__header-description", "aria-label": `${column.name ?? column.key}\u5217\u8BF4\u660E`, onClick: (event) => event.stopPropagation(), children: /* @__PURE__ */ jsx23(Icon, { name: "info", size: 14 }) }) })
     ] });
   }

package/dist/markdown-editor.cjs

@@ -173,10 +173,18 @@ function installTitleTooltips(doc) {
   let root;
   let observer;
   let tooltipId = "";
+  const canShow = (element) => {
+    if (!element.hasAttribute("data-sia-title-overflow-only")) return true;
+    return [element, ...element.querySelectorAll("*")].some((node) => {
+      if (node.clientWidth <= 0 || node.scrollWidth <= node.clientWidth) return false;
+      const style = doc.defaultView?.getComputedStyle(node);
+      return style?.textOverflow === "ellipsis" && (style.overflowX === "hidden" || style.overflowX === "clip");
+    });
+  };
   const candidate = (target) => {
     if (!(target instanceof Element)) return null;
     const element = target.closest("[data-sia-title]");
-    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") ? element : null;
+    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") && canShow(element) ? element : null;
   };
   const hasExplicitTooltip = (target) => target instanceof Element && Boolean(target.closest(".sia-floating"));
   const hide = () => {
@@ -194,7 +202,7 @@ function installTitleTooltips(doc) {
   };
   const render = () => {
     const text = active?.getAttribute("data-sia-title");
-    if (!active?.isConnected || !text) {
+    if (!active?.isConnected || !text || !canShow(active)) {
       hide();
       return;
     }

package/dist/markdown-editor.js

@@ -1,7 +1,7 @@
 import {
   MarkdownEditor
-} from "./chunk-JZPAIZYK.js";
-import "./chunk-H7IAG72O.js";
+} from "./chunk-TUXNOSCT.js";
+import "./chunk-PUZWLIIJ.js";
 export {
   MarkdownEditor
 };

package/dist/rich-text-editor.cjs

@@ -174,10 +174,18 @@ function installTitleTooltips(doc) {
   let root;
   let observer;
   let tooltipId = "";
+  const canShow = (element) => {
+    if (!element.hasAttribute("data-sia-title-overflow-only")) return true;
+    return [element, ...element.querySelectorAll("*")].some((node) => {
+      if (node.clientWidth <= 0 || node.scrollWidth <= node.clientWidth) return false;
+      const style = doc.defaultView?.getComputedStyle(node);
+      return style?.textOverflow === "ellipsis" && (style.overflowX === "hidden" || style.overflowX === "clip");
+    });
+  };
   const candidate = (target) => {
     if (!(target instanceof Element)) return null;
     const element = target.closest("[data-sia-title]");
-    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") ? element : null;
+    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") && canShow(element) ? element : null;
   };
   const hasExplicitTooltip = (target) => target instanceof Element && Boolean(target.closest(".sia-floating"));
   const hide = () => {
@@ -195,7 +203,7 @@ function installTitleTooltips(doc) {
   };
   const render = () => {
     const text = active?.getAttribute("data-sia-title");
-    if (!active?.isConnected || !text) {
+    if (!active?.isConnected || !text || !canShow(active)) {
       hide();
       return;
     }

package/dist/rich-text-editor.js

@@ -1,10 +1,10 @@
 import {
   RichTextContent,
   RichTextEditor
-} from "./chunk-GODBVCIQ.js";
-import "./chunk-XHLIIDD2.js";
-import "./chunk-JZWTTSOZ.js";
-import "./chunk-H7IAG72O.js";
+} from "./chunk-SBNHEETW.js";
+import "./chunk-CLBWJEID.js";
+import "./chunk-SJFT5OSX.js";
+import "./chunk-PUZWLIIJ.js";
 export {
   RichTextContent,
   RichTextEditor

package/dist/select-date-range.cjs

@@ -163,10 +163,18 @@ function installTitleTooltips(doc) {
   let root;
   let observer;
   let tooltipId = "";
+  const canShow = (element) => {
+    if (!element.hasAttribute("data-sia-title-overflow-only")) return true;
+    return [element, ...element.querySelectorAll("*")].some((node) => {
+      if (node.clientWidth <= 0 || node.scrollWidth <= node.clientWidth) return false;
+      const style = doc.defaultView?.getComputedStyle(node);
+      return style?.textOverflow === "ellipsis" && (style.overflowX === "hidden" || style.overflowX === "clip");
+    });
+  };
   const candidate = (target) => {
     if (!(target instanceof Element)) return null;
     const element = target.closest("[data-sia-title]");
-    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") ? element : null;
+    return element?.getAttribute("data-sia-title") && !element.closest(".sia-floating") && canShow(element) ? element : null;
   };
   const hasExplicitTooltip = (target) => target instanceof Element && Boolean(target.closest(".sia-floating"));
   const hide = () => {
@@ -184,7 +192,7 @@ function installTitleTooltips(doc) {
   };
   const render = () => {
     const text = active?.getAttribute("data-sia-title");
-    if (!active?.isConnected || !text) {
+    if (!active?.isConnected || !text || !canShow(active)) {
       hide();
       return;
     }

package/dist/select-date-range.js

@@ -1,10 +1,10 @@
 import {
   SelectDateRange
-} from "./chunk-Y4Y2NVBM.js";
-import "./chunk-WXERMWTW.js";
-import "./chunk-XHLIIDD2.js";
-import "./chunk-JZWTTSOZ.js";
-import "./chunk-H7IAG72O.js";
+} from "./chunk-N6DVNCZT.js";
+import "./chunk-V4GGPMKS.js";
+import "./chunk-CLBWJEID.js";
+import "./chunk-SJFT5OSX.js";
+import "./chunk-PUZWLIIJ.js";
 export {
   SelectDateRange
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sia.soul/sia-react-ui",
-  "version": "0.1.81",
+  "version": "0.1.83",
   "description": "Sia Design components and tokens for React",
   "publishConfig": {
     "access": "public",