@tplc/wot 1.0.25 → 1.0.27

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 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)
+
+
+### ♻️ Code Refactoring | 代码重构
+
+* **lcb-video:** update video component styles and extend props for dynamic sizing ([56757fa](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/commit/56757fa5b437bff60015c0f9d7c05d7959d19927))
+
 ### [1.0.25](https://gitlab888.30jia.com.cn/tourism-front/zero-code-pro/compare/v0.7.53...v1.0.25) (2026-01-07)
 
 

package/components/wd-img/wd-img.vue

@@ -3,7 +3,7 @@
     <image
       v-if="status !== 'success' && !isGif && !isWebp"
       :class="`wd-img__image coverImg ${customImage}`"
-      class="absolute"
+      class="absolute z-1"
       :src="wrapPhoto({ photo: src, width: lazyPlaceWidth, type: 2 })"
       :mode="mode"
       :lazy-load="lazyLoad"

package/components/wd-tab/wd-tab.vue

@@ -41,7 +41,7 @@ const painted = ref<boolean>(active.value) // 初始状态tab不会渲染，必
 
 const tabBodyStyle = computed(() => {
   const style: CSSProperties = {}
-  if (!active.value && (!isDef(tabs) || !(tabs as any).props.animated)) {
+  if (!active.value && (!isDef(tabs) || !(tabs as any).props?.animated)) {
     style.display = 'none'
   }
   return objToStyle(style)

package/components/wd-tabs/types.ts

@@ -71,20 +71,20 @@ export const tabsProps = {
   /**
    * 字体大小
    */
-  itemFontSize: makeStringProp(28),
+  itemFontSize: makeNumericProp(28),
   /**
    * 字体粗细
    */
-  itemFontWeight: makeStringProp('normal'),
+  itemFontWeight: makeNumericProp('normal'),
 
   /**
    * 活动状态字体粗细
    */
-  activeFontWeight: makeStringProp('normal'),
+  activeFontWeight: makeNumericProp('normal'),
   /**
    * 活动状态字体大小
    */
-  activeFontSize: makeStringProp(28),
+  activeFontSize: makeNumericProp(28),
 }
 
 export type TabsProps = ExtractPropTypes<typeof tabsProps>

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.25",
+  "version": "1.0.27",
   "keywords": [
     "wot-design-uni",
     "国际化",

package/types/components/wd-tabs/types.d.ts

@@ -93,28 +93,28 @@ export declare const tabsProps: {
    * 字体大小
    */
   itemFontSize: {
-    type: import('vue').PropType<number>
+    type: (NumberConstructor | StringConstructor)[]
     default: number
   }
   /**
    * 字体粗细
    */
   itemFontWeight: {
-    type: import('vue').PropType<string>
+    type: (NumberConstructor | StringConstructor)[]
     default: string
   }
   /**
    * 活动状态字体粗细
    */
   activeFontWeight: {
-    type: import('vue').PropType<string>
+    type: (NumberConstructor | StringConstructor)[]
     default: string
   }
   /**
    * 活动状态字体大小
    */
   activeFontSize: {
-    type: import('vue').PropType<number>
+    type: (NumberConstructor | StringConstructor)[]
     default: number
   }
   customStyle: {

package/types/components/wd-tabs/wd-tabs.vue.d.ts

@@ -48,19 +48,19 @@ declare const _default: __VLS_WithTemplateSlots<
         default: import('./types').TagsMode
       }
       itemFontSize: {
-        type: import('vue').PropType<number>
+        type: (NumberConstructor | StringConstructor)[]
         default: number
       }
       itemFontWeight: {
-        type: import('vue').PropType<string>
+        type: (NumberConstructor | StringConstructor)[]
         default: string
       }
       activeFontWeight: {
-        type: import('vue').PropType<string>
+        type: (NumberConstructor | StringConstructor)[]
         default: string
       }
       activeFontSize: {
-        type: import('vue').PropType<number>
+        type: (NumberConstructor | StringConstructor)[]
         default: number
       }
       customStyle: {
@@ -139,19 +139,19 @@ declare const _default: __VLS_WithTemplateSlots<
           default: import('./types').TagsMode
         }
         itemFontSize: {
-          type: import('vue').PropType<number>
+          type: (NumberConstructor | StringConstructor)[]
           default: number
         }
         itemFontWeight: {
-          type: import('vue').PropType<string>
+          type: (NumberConstructor | StringConstructor)[]
           default: string
         }
         activeFontWeight: {
-          type: import('vue').PropType<string>
+          type: (NumberConstructor | StringConstructor)[]
           default: string
         }
         activeFontSize: {
-          type: import('vue').PropType<number>
+          type: (NumberConstructor | StringConstructor)[]
           default: number
         }
         customStyle: {
@@ -183,10 +183,10 @@ declare const _default: __VLS_WithTemplateSlots<
       mapNum: number
       swipeable: boolean
       animated: boolean
-      itemFontSize: number
-      itemFontWeight: string
-      activeFontWeight: string
-      activeFontSize: number
+      itemFontSize: string | number
+      itemFontWeight: string | number
+      activeFontWeight: string | number
+      activeFontSize: string | number
     },
     {}
   >,