@atooyu/uxto-ui 1.1.41 → 1.1.43

package/dist/style.css

@@ -1676,90 +1676,90 @@ to {
 }
 .u-count-down__text[data-v-da70e500] {
   font-variant-numeric: tabular-nums;
-}.u-tooltip[data-v-dd1bff02] {
+}.u-tooltip[data-v-0985db7a] {
   position: relative;
   display: inline-block;
 }
-.u-tooltip--active[data-v-dd1bff02] {
+.u-tooltip--active[data-v-0985db7a] {
   z-index: 999;
 }
-.u-tooltip__trigger[data-v-dd1bff02] {
+.u-tooltip__trigger[data-v-0985db7a] {
   display: inline;
   transition: background-color 0.15s;
 }
-.u-tooltip__trigger--highlight[data-v-dd1bff02] {
+.u-tooltip__trigger--highlight[data-v-0985db7a] {
   border-radius: 2px;
 }
-.u-tooltip__popup[data-v-dd1bff02] {
+.u-tooltip__popup[data-v-0985db7a] {
   position: absolute;
   z-index: 1000;
   padding: 8px 12px;
   background: #323233;
   border-radius: 8px;
   white-space: nowrap;
-  animation: u-tooltip-fade-in-dd1bff02 0.15s ease-out;
+  animation: u-tooltip-fade-in-0985db7a 0.15s ease-out;
 }
-.u-tooltip__popup--top[data-v-dd1bff02] {
+.u-tooltip__popup--top[data-v-0985db7a] {
   bottom: 100%;
   left: 50%;
   transform: translateX(-50%);
   margin-bottom: 8px;
 }
-.u-tooltip__popup--bottom[data-v-dd1bff02] {
+.u-tooltip__popup--bottom[data-v-0985db7a] {
   top: 100%;
   left: 50%;
   transform: translateX(-50%);
   margin-top: 8px;
 }
-.u-tooltip__arrow[data-v-dd1bff02] {
+.u-tooltip__arrow[data-v-0985db7a] {
   position: absolute;
   width: 0;
   height: 0;
   border: 6px solid transparent;
 }
-.u-tooltip__arrow--top[data-v-dd1bff02] {
+.u-tooltip__arrow--top[data-v-0985db7a] {
   bottom: -12px;
   left: 50%;
   transform: translateX(-50%);
   border-top-color: #323233;
   border-bottom: none;
 }
-.u-tooltip__arrow--bottom[data-v-dd1bff02] {
+.u-tooltip__arrow--bottom[data-v-0985db7a] {
   top: -12px;
   left: 50%;
   transform: translateX(-50%);
   border-bottom-color: #323233;
   border-top: none;
 }
-.u-tooltip__content[data-v-dd1bff02] {
+.u-tooltip__content[data-v-0985db7a] {
   display: flex;
   align-items: center;
 }
-.u-tooltip__text[data-v-dd1bff02] {
+.u-tooltip__text[data-v-0985db7a] {
   font-size: 14px;
   color: #fff;
   line-height: 1.4;
 }
-.u-tooltip__actions[data-v-dd1bff02] {
+.u-tooltip__actions[data-v-0985db7a] {
   display: flex;
   gap: 16px;
 }
-.u-tooltip__action[data-v-dd1bff02] {
+.u-tooltip__action[data-v-0985db7a] {
   display: flex;
   align-items: center;
   padding: 4px 0;
 }
-.u-tooltip__action--disabled[data-v-dd1bff02] {
+.u-tooltip__action--disabled[data-v-0985db7a] {
   opacity: 0.5;
 }
-.u-tooltip__action[data-v-dd1bff02]:not(.u-tooltip__action--disabled):active {
+.u-tooltip__action[data-v-0985db7a]:not(.u-tooltip__action--disabled):active {
   opacity: 0.7;
 }
-.u-tooltip__action-text[data-v-dd1bff02] {
+.u-tooltip__action-text[data-v-0985db7a] {
   font-size: 14px;
   color: #fff;
 }
-@keyframes u-tooltip-fade-in-dd1bff02 {
+@keyframes u-tooltip-fade-in-0985db7a {
 from {
     opacity: 0;
     transform: translateX(-50%) scale(0.9);
@@ -2332,31 +2332,31 @@ to {
 .u-transition--zoom-fade-leave[data-v-13f0f85c] {
   opacity: 0;
   transform: scale(0.5);
-}.u-link[data-v-f60d6c27] {
+}.u-link[data-v-30210bda] {
   display: inline;
   color: #646566;
   font-size: inherit;
   word-break: break-all;
 }
-.u-link--default[data-v-f60d6c27] {
+.u-link--default[data-v-30210bda] {
   color: #646566;
 }
-.u-link--primary[data-v-f60d6c27] {
+.u-link--primary[data-v-30210bda] {
   color: #00a29a;
 }
-.u-link--success[data-v-f60d6c27] {
+.u-link--success[data-v-30210bda] {
   color: #07c160;
 }
-.u-link--warning[data-v-f60d6c27] {
+.u-link--warning[data-v-30210bda] {
   color: #ff976a;
 }
-.u-link--danger[data-v-f60d6c27] {
+.u-link--danger[data-v-30210bda] {
   color: #ee0a24;
 }
-.u-link--underline[data-v-f60d6c27] {
+.u-link--underline[data-v-30210bda] {
   text-decoration: underline;
 }
-.u-link--disabled[data-v-f60d6c27] {
+.u-link--disabled[data-v-30210bda] {
   color: #969799;
   opacity: 0.5;
 }.u-read-more__content[data-v-b31720eb] {
@@ -2380,7 +2380,7 @@ to {
 }
 .u-read-more__toggle-icon[data-v-b31720eb] {
   font-size: 12px;
-}.u-tabbar[data-v-a344a18d] {
+}.u-tabbar[data-v-9b76f6cf] {
   position: fixed;
   left: 0;
   right: 0;
@@ -2388,8 +2388,10 @@ to {
   z-index: 999;
   width: 100%;
   pointer-events: none;
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
 }
-.u-tabbar__nav-wrap[data-v-a344a18d] {
+.u-tabbar__nav-wrap[data-v-9b76f6cf] {
   pointer-events: auto;
   position: absolute;
   left: 14px;
@@ -2406,7 +2408,7 @@ to {
   padding: 0 8px;
   box-sizing: border-box;
 }
-.u-tabbar__tab-btn[data-v-a344a18d] {
+.u-tabbar__tab-btn[data-v-9b76f6cf] {
   height: 40px;
   border-radius: 20px;
   background: transparent;
@@ -2421,23 +2423,23 @@ to {
   padding: 0 16px;
   margin: 0 20px;
 }
-.u-tabbar__tab-btn--active[data-v-a344a18d] {
+.u-tabbar__tab-btn--active[data-v-9b76f6cf] {
   background: #ffffff;
   box-shadow: inset 0 0 0 1px rgba(17, 135, 128, 0.14);
 }
-.u-tabbar__tab-text[data-v-a344a18d] {
+.u-tabbar__tab-text[data-v-9b76f6cf] {
   font-weight: 600;
   font-size: 14px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
-.u-tabbar__center[data-v-a344a18d] {
+.u-tabbar__center[data-v-9b76f6cf] {
   position: relative;
   width: 72px;
   height: 56px;
   flex-shrink: 0;
 }
-.u-tabbar__center-btn[data-v-a344a18d] {
+.u-tabbar__center-btn[data-v-9b76f6cf] {
   position: absolute;
   left: 50%;
   top: -22px;
@@ -2455,29 +2457,29 @@ to {
   box-shadow: 0 8px 20px rgba(8, 112, 106, 0.25);
   transition: all 200ms ease;
 }
-.u-tabbar__center-btn[data-v-a344a18d]:active {
+.u-tabbar__center-btn[data-v-9b76f6cf]:active {
   transform: translateX(-50%) scale(0.95);
 }
-.u-tabbar__center-btn--active[data-v-a344a18d] {
+.u-tabbar__center-btn--active[data-v-9b76f6cf] {
   border-color: #12b6af;
   box-shadow: 0 8px 24px rgba(8, 112, 106, 0.35);
 }
-.u-tabbar__center-btn--side-active[data-v-a344a18d] {
+.u-tabbar__center-btn--side-active[data-v-9b76f6cf] {
   background: linear-gradient(135deg, #12b6af 0%, #65d8d1 100%);
   border-color: #9fe4dd;
 }
-.u-tabbar__center-btn--side-active .u-tabbar__center-brand[data-v-a344a18d],
-.u-tabbar__center-btn--side-active .u-tabbar__center-text[data-v-a344a18d] {
+.u-tabbar__center-btn--side-active .u-tabbar__center-brand[data-v-9b76f6cf],
+.u-tabbar__center-btn--side-active .u-tabbar__center-text[data-v-9b76f6cf] {
   color: #ffffff;
 }
-.u-tabbar__center-brand[data-v-a344a18d] {
+.u-tabbar__center-brand[data-v-9b76f6cf] {
   font-size: 22px;
   line-height: 1;
   font-weight: 700;
   color: #12b6af;
   letter-spacing: 1px;
 }
-.u-tabbar__center-text[data-v-a344a18d] {
+.u-tabbar__center-text[data-v-9b76f6cf] {
   font-size: 12px;
   letter-spacing: 0.5px;
   color: #12b6af;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atooyu/uxto-ui",
-  "version": "1.1.41",
+  "version": "1.1.43",
   "description": "跨平台 UI 组件库 - 支持 Android、iOS、鸿蒙",
   "keywords": [
     "uxto-ui",

package/src/components/u-link/u-link.vue

@@ -55,10 +55,13 @@ const handleClick = () => {
 
   if (props.href) {
     // 在新窗口打开链接
-    // uni-app 环境下使用特定方法
     // #ifdef H5
     window.open(props.href, '_blank')
     // #endif
+    // #ifndef H5
+    // 非 H5 平台使用 webview 打开外部链接
+    uni.navigateTo({ url: `/pages/webview/index?url=${encodeURIComponent(props.href)}` })
+    // #endif
   }
 
   emit('click')

package/src/components/u-tabbar/u-tabbar.vue

@@ -146,6 +146,9 @@ $--paper: #ffffff;
   z-index: 999;
   width: 100%;
   pointer-events: none;
+  // 底部安全区域适配
+  padding-bottom: constant(safe-area-inset-bottom);
+  padding-bottom: env(safe-area-inset-bottom);
 
   &__nav-wrap {
     pointer-events: auto;

package/src/components/u-tooltip/u-tooltip.vue

@@ -172,33 +172,18 @@ const hide = () => {
 }
 
 const adjustPlacement = () => {
-  // 简化的位置调整逻辑
-  if (isUniApp) {
-    // uni-app 中使用系统信息获取窗口高度
-    const systemInfo = uni.getSystemInfoSync()
-    const windowHeight = systemInfo.windowHeight
-    const spaceAbove = triggerRect.top
-    const spaceBelow = windowHeight - triggerRect.bottom
-
-    if (props.placement === 'top' && spaceAbove < 50) {
-      actualPlacement.value = 'bottom'
-    } else if (props.placement === 'bottom' && spaceBelow < 50) {
-      actualPlacement.value = 'top'
-    } else {
-      actualPlacement.value = props.placement
-    }
+  // 使用 uni-app API 获取窗口高度（跨平台兼容）
+  const systemInfo = uni.getSystemInfoSync()
+  const windowHeight = systemInfo.windowHeight
+  const spaceAbove = triggerRect.top
+  const spaceBelow = windowHeight - triggerRect.bottom
+
+  if (props.placement === 'top' && spaceAbove < 50) {
+    actualPlacement.value = 'bottom'
+  } else if (props.placement === 'bottom' && spaceBelow < 50) {
+    actualPlacement.value = 'top'
   } else {
-    const windowHeight = window.innerHeight
-    const spaceAbove = triggerRect.top
-    const spaceBelow = windowHeight - triggerRect.bottom
-
-    if (props.placement === 'top' && spaceAbove < 50) {
-      actualPlacement.value = 'bottom'
-    } else if (props.placement === 'bottom' && spaceBelow < 50) {
-      actualPlacement.value = 'top'
-    } else {
-      actualPlacement.value = props.placement
-    }
+    actualPlacement.value = props.placement
   }
 }
 
@@ -215,21 +200,10 @@ const handleClickOutside = (event: TouchEvent | MouseEvent) => {
 }
 
 onMounted(() => {
-  if (isUniApp) {
-    // uni-app 中使用页面生命周期事件处理
-  } else {
-    document.addEventListener('click', handleClickOutside)
-    document.addEventListener('touchstart', handleClickOutside)
-  }
+  // uni-app 中不需要手动添加点击外部监听，使用页面事件处理
 })
 
 onUnmounted(() => {
-  if (isUniApp) {
-    // uni-app 清理
-  } else {
-    document.removeEventListener('click', handleClickOutside)
-    document.removeEventListener('touchstart', handleClickOutside)
-  }
   if (hideTimer) {
     clearTimeout(hideTimer)
   }