@tplc/wot 1.0.26 → 1.0.27

package/CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.0.27](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v1.0.26...v1.0.27) (2026-01-11)
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **wd-tabs:** change font size and weight props to accept both numeric and string types ([169a4e5](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/169a4e56bb7d81e675bd9a2cfaded0e2a06272d8))
+
 ### [1.0.26](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.63...v1.0.26) (2026-01-11)
 
 

package/components/wd-tabs/wd-tabs.vue

@@ -227,6 +227,37 @@ const state = reactive({
   scrollLeft: 0, // scroll-view偏移量
 })
 
+const wait = (ms: number) => new Promise<void>((resolve) => setTimeout(resolve, ms))
+
+/**
+ * 小程序端首次渲染时，createSelectorQuery/boundingClientRect 可能拿到 0 宽度，
+ * 导致下划线/滚动定位初始化不准。这里做一次有限重试，确保布局稳定后再计算。
+ */
+async function getNavLayoutWithRetry(retry: number = 6) {
+  for (let i = 0; i < retry; i++) {
+    try {
+      const [navItemsRects, navRect] = await Promise.all([
+        getRect($item, true, proxy),
+        getRect($container, false, proxy),
+      ])
+      const selectItem = (navItemsRects as any)?.[state.activeIndex]
+      if (
+        selectItem &&
+        Number(selectItem.width) > 0 &&
+        navRect &&
+        Number((navRect as any).width) > 0
+      ) {
+        return [navItemsRects, navRect]
+      }
+    } catch (e) {
+      // ignore and retry
+    }
+    await nextTick()
+    await wait(30)
+  }
+  return await Promise.all([getRect($item, true, proxy), getRect($container, false, proxy)])
+}
+
 // map的开关
 
 const { children, linkChildren } = useChildren(TABS_KEY)
@@ -374,26 +405,34 @@ function toggleMap() {
 function updateLineStyle(animation: boolean = true) {
   if (!state.inited) return
   const { lineWidth, lineHeight } = props
-  getRect($item, true, proxy).then((rects) => {
-    const lineStyle: CSSProperties = {}
+  getNavLayoutWithRetry()
+    .then(([rects]) => {
+      const lineStyle: CSSProperties = {}
 
-    if (isDef(lineWidth)) {
-      lineStyle.width = addUnit(lineWidth)
-    }
-    if (isDef(lineHeight)) {
-      lineStyle.height = addUnit(lineHeight)
-      lineStyle.borderRadius = `calc(${addUnit(lineHeight)} / 2)`
-    }
-    const rect = rects[state.activeIndex]
-    const left =
-      rects.slice(0, state.activeIndex).reduce((prev, curr) => prev + Number(curr.width), 0) +
-      Number(rect.width) / 2
-    lineStyle.transform = `translateX(${left}px) translateX(-50%)`
-    if (animation) {
-      lineStyle.transition = 'width 300ms ease, transform 300ms ease'
-    }
-    state.lineStyle = objToStyle(lineStyle)
-  })
+      if (isDef(lineWidth)) {
+        lineStyle.width = addUnit(lineWidth)
+      }
+      if (isDef(lineHeight)) {
+        lineStyle.height = addUnit(lineHeight)
+        lineStyle.borderRadius = `calc(${addUnit(lineHeight)} / 2)`
+      }
+      const rect = (rects as any)?.[state.activeIndex]
+      if (!rect || Number(rect.width) <= 0) return
+
+      const left =
+        (rects as any)
+          .slice(0, state.activeIndex)
+          .reduce((prev: number, curr: any) => prev + Number(curr.width), 0) +
+        Number(rect.width) / 2
+      lineStyle.transform = `translateX(${left}px) translateX(-50%)`
+      if (animation) {
+        lineStyle.transition = 'width 300ms ease, transform 300ms ease'
+      }
+      state.lineStyle = objToStyle(lineStyle)
+    })
+    .catch(() => {
+      // ignore measure failure
+    })
 }
 /**
  * @description 通过控制tab的active来展示选定的tab
@@ -413,8 +452,8 @@ function setActiveTab() {
  */
 function scrollIntoView() {
   if (!state.inited) return
-  Promise.all([getRect($item, true, proxy), getRect($container, false, proxy)]).then(
-    ([navItemsRects, navRect]) => {
+  getNavLayoutWithRetry()
+    .then(([navItemsRects, navRect]) => {
       // 选中元素
       const selectItem = navItemsRects[state.activeIndex]
       // 选中元素之前的节点的宽度总和
@@ -428,8 +467,10 @@ function scrollIntoView() {
       } else {
         state.scrollLeft = left
       }
-    },
-  )
+    })
+    .catch(() => {
+      // ignore measure failure
+    })
 }
 /**
  * @description 单击tab的处理

package/package.json

@@ -1,7 +1,7 @@
 {
   "id": "@tplc/wot",
   "name": "@tplc/wot",
-  "version": "1.0.26",
+  "version": "1.0.27",
   "keywords": [
     "wot-design-uni",
     "国际化",