@polyv/product-ui 1.0.0-rc-20250612.3 → 1.0.0-rc-20250612.4

package/product-item.es.js

@@ -1774,24 +1774,31 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     }
     function isTitleOverflowing() {
       const titleEl = titleRef.value;
-      if (!titleEl) return false;
+      if (!titleEl || !titleEl.parentElement) {
+        return false;
+      }
+      const originalRect = titleEl.getBoundingClientRect();
       const clone = titleEl.cloneNode(true);
-      const computedStyle = window.getComputedStyle(titleEl);
-      clone.style.font = computedStyle.font;
-      clone.style.lineHeight = computedStyle.lineHeight;
-      clone.style.display = "block";
-      clone.style.width = titleEl.clientWidth + "px";
-      clone.style.visibility = "hidden";
       clone.style.position = "absolute";
+      clone.style.top = "-9999px";
+      clone.style.left = "-9999px";
+      clone.style.visibility = "hidden";
+      clone.style.width = `${originalRect.width}px`;
+      clone.style.boxSizing = "border-box";
       clone.style.whiteSpace = "normal";
-      document.body.appendChild(clone);
-      const isOverflowing = clone.scrollHeight > titleEl.clientHeight + 1;
-      document.body.removeChild(clone);
-      return isOverflowing;
+      clone.style.webkitLineClamp = "unset";
+      clone.style.display = "block";
+      titleEl.parentElement.appendChild(clone);
+      const cloneHeight = clone.getBoundingClientRect().height;
+      titleEl.parentElement.removeChild(clone);
+      return cloneHeight > originalRect.height + 1;
     }
-    function checkTitleOverflow() {
+    const checkOverflow = () => {
       moreArrowVisible.value = isTitleOverflowing();
-    }
+    };
+    onMounted(() => {
+      checkOverflow();
+    });
     watch(
       () => props.title,
       () => {
@@ -1799,14 +1806,11 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           titleRef.value.classList.remove("plv-product-c-item__title--expanded");
         }
         nextTick(() => {
-          checkTitleOverflow();
+          checkOverflow();
         });
       }
     );
-    onMounted(() => {
-      checkTitleOverflow();
-    });
-    return { __sfc: true, props, titleRef, moreArrowVisible, handleExpand, isTitleOverflowing, checkTitleOverflow, ProductIconArrowDown };
+    return { __sfc: true, props, titleRef, moreArrowVisible, handleExpand, isTitleOverflowing, checkOverflow, ProductIconArrowDown };
   }
 });
 var _sfc_render$4 = function render2() {
@@ -3692,8 +3696,8 @@ console.log(
   "%c@polyv/product-ui",
   "background:#409EFF;padding: 2px 6px;border-radius: 3px;color: #fff",
   "[component: product-item]",
-  "[version: 1.0.0-rc-20250612.3]",
-  "[buildTime: 2025-06-12 02:28:45]"
+  "[version: 1.0.0-rc-20250612.4]",
+  "[buildTime: 2025-06-12 09:58:17]"
 );
 export {
   productItem as default