bkui-vue 0.0.1-beta.366 → 0.0.1-beta.367

package/dist/index.esm.js

@@ -1669,6 +1669,9 @@ function isElement$2(obj) {
     return typeof obj === "object" && obj.nodeType === 1 && typeof obj.style === "object" && typeof obj.ownerDocument === "object";
   }
 }
+function hasOverflowEllipsis(element) {
+  return element.offsetWidth < element.scrollWidth || element.offsetHeight < element.scrollHeight;
+}
 class BKPopover {
   constructor(reference2, popperRefer, options) {
     var _a, _b;
@@ -17823,25 +17826,6 @@ const hasRootScrollY = (root, querySelector, offsetHeight = 0) => {
   }
   return false;
 };
-const getElementTextWidth = (element, text) => {
-  function getTextWidth(text2, font) {
-    const canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement("canvas"));
-    const context = canvas.getContext("2d");
-    context.font = font;
-    const metrics = context.measureText(text2);
-    return metrics.width;
-  }
-  function getCssStyle(element2, prop) {
-    return window.getComputedStyle(element2, null).getPropertyValue(prop);
-  }
-  function getCanvasFont(el = document.body) {
-    const fontWeight = getCssStyle(el, "font-weight") || "normal";
-    const fontSize = getCssStyle(el, "font-size") || "16px";
-    const fontFamily = getCssStyle(el, "font-family") || "Times New Roman";
-    return `${fontWeight} ${fontSize} ${fontFamily}`;
-  }
-  return getTextWidth(text || (element == null ? void 0 : element.innerHTML), getCanvasFont(element));
-};
 const isColumnHidden = (settingFields, column, checked) => {
   const isSettingField = (col) => settingFields.some((field) => field.field === resolvePropVal(col, ["field", "type"], [col]));
   return isSettingField(column) && checked.length && !checked.includes(resolvePropVal(column, ["field", "type"], [column]));
@@ -17982,12 +17966,15 @@ var TableCell = defineComponent({
       }
       if (typeof showOverflowTooltip === "object") {
         disabled = showOverflowTooltip.disabled;
+        content = showOverflowTooltip.content || refRoot.value.innerText;
         if (typeof showOverflowTooltip.content === "function") {
           content = showOverflowTooltip.content(props2.column, props2.row);
         }
-        content = showOverflowTooltip.content || refRoot.value.innerText;
         mode = showOverflowTooltip.mode || "auto";
       }
+      if (typeof disabled === "function") {
+        disabled = Reflect.apply(disabled, this, [props2.column, props2.row]);
+      }
       return {
         disabled,
         content,
@@ -17995,20 +17982,16 @@ var TableCell = defineComponent({
       };
     };
     const resolveOverflowTooltip = () => {
-      if (!refRoot.value || /selection|index|expand/.test(props2.column.type) || !isElement$2(refRoot.value)) {
+      if (!refRoot.value || !isElement$2(refRoot.value)) {
         return;
       }
       const {
-        content,
-        mode
+        mode,
+        disabled
       } = resolveTooltipOption();
+      isTipsEnabled.value = !disabled;
       if (mode === "auto") {
-        const textWidth = getElementTextWidth(refRoot.value, content);
-        const cellWidth = refRoot.value.clientWidth;
-        const computedStyle = window.getComputedStyle(refRoot.value);
-        const paddingWidth = ["padding-left", "padding-right"].reduce((width, prop) => width + Number(computedStyle.getPropertyValue(prop).replace("px", "")), 0);
-        const cellInnerWidth = cellWidth - paddingWidth;
-        isTipsEnabled.value = textWidth > cellInnerWidth;
+        isTipsEnabled.value = hasOverflowEllipsis(refRoot.value);
       }
       if (mode === "static") {
         isTipsEnabled.value = true;