@atooyu/uxto-ui 1.1.40 → 1.1.42

package/dist/style.css

@@ -2058,7 +2058,7 @@ to {
   color: #ffffff;
   line-height: 1.4;
   text-align: center;
-}.u-popup[data-v-7b84ec59] {
+}.u-popup[data-v-1c6a1eb0] {
   position: fixed;
   top: 0;
   left: 0;
@@ -2066,7 +2066,7 @@ to {
   bottom: 0;
   z-index: 1000;
 }
-.u-popup__overlay[data-v-7b84ec59] {
+.u-popup__overlay[data-v-1c6a1eb0] {
   position: absolute;
   top: 0;
   left: 0;
@@ -2074,43 +2074,43 @@ to {
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.7);
 }
-.u-popup__content[data-v-7b84ec59] {
+.u-popup__content[data-v-1c6a1eb0] {
   position: absolute;
   background-color: #ffffff;
   overflow: hidden;
 }
-.u-popup__content--top[data-v-7b84ec59] {
+.u-popup__content--top[data-v-1c6a1eb0] {
   top: 0;
   left: 0;
   right: 0;
 }
-.u-popup__content--bottom[data-v-7b84ec59] {
+.u-popup__content--bottom[data-v-1c6a1eb0] {
   bottom: 0;
   left: 0;
   right: 0;
 }
-.u-popup__content--left[data-v-7b84ec59] {
+.u-popup__content--left[data-v-1c6a1eb0] {
   left: 0;
   top: 0;
   bottom: 0;
   width: 80%;
 }
-.u-popup__content--right[data-v-7b84ec59] {
+.u-popup__content--right[data-v-1c6a1eb0] {
   right: 0;
   top: 0;
   bottom: 0;
   width: 80%;
 }
-.u-popup__content--center[data-v-7b84ec59] {
+.u-popup__content--center[data-v-1c6a1eb0] {
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   min-width: 280px;
 }
-.u-popup__content--round[data-v-7b84ec59] {
+.u-popup__content--round[data-v-1c6a1eb0] {
   border-radius: 12px;
 }
-.u-popup__close[data-v-7b84ec59] {
+.u-popup__close[data-v-1c6a1eb0] {
   position: absolute;
   top: 12px;
   right: 12px;
@@ -2121,7 +2121,7 @@ to {
   justify-content: center;
   z-index: 1;
 }
-.u-popup__close-icon[data-v-7b84ec59] {
+.u-popup__close-icon[data-v-1c6a1eb0] {
   font-size: 18px;
   color: #969799;
 }.u-code-input[data-v-9fffa23f] {
@@ -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.40",
+  "version": "1.1.42",
   "description": "跨平台 UI 组件库 - 支持 Android、iOS、鸿蒙",
   "keywords": [
     "uxto-ui",

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

@@ -1,5 +1,5 @@
 <template>
-  <view v-if="show" class="u-popup">
+  <view v-if="isOpen" class="u-popup">
     <view
       class="u-popup__overlay"
       @click="handleOverlayClick"

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;