chore: 1.4.15-beta.2

Author: QiuShuiBai

packages/mpx-cube-ui/lib/components/scroll-nav-bar/index.mpx

@@ -31,7 +31,7 @@
               is-active="{{ item.isActive }}"
               active-class="{{ item.activeClass }}"
             ></nav-item-content>
-            <rich-text wx:else class="nav-item-inner" nodes="{{ item.txt }}"></rich-text>
+            <rich-text wx:else class="cube-nav-item-inner" nodes="{{ item.txt }}"></rich-text>
           </block>
           <block @_web>
             <slot
@@ -44,7 +44,7 @@
               isActive="{{ item.isActive }}"
               activeClass="{{ item.activeClass }}"
             ></slot>
-            <rich-text wx:else class="nav-item-inner" nodes="{{ item.txt }}"></rich-text>
+            <rich-text wx:else class="cube-nav-item-inner" nodes="{{ item.txt }}"></rich-text>
           </block>
         </view>
       </view>
@@ -65,7 +65,7 @@
     &_vertical
       height 100%
 
-  .scroll-container
+  .cube-scroll-container
     width 100%
     height 90rpx
     white-space nowrap
@@ -74,7 +74,7 @@
       height 100%
       white-space normal
 
-  .scroll-content
+  .cube-scroll-content
     display inline-flex
     width max-content
     align-items center
@@ -91,7 +91,7 @@
       min-height 100%
       padding 12rpx 0
 
-  .nav-item
+  .cube-nav-item
     position relative
     display inline-flex
     align-items center
@@ -106,10 +106,10 @@
     transition color 0.2s
     box-sizing border-box
 
-    &.active
+    &.cube-active
       color $color-primary
 
-    &.disabled
+    &.cube-disabled
       color #c8c9cc
 
     &_vertical
@@ -118,12 +118,12 @@
       padding 24rpx 28rpx
       justify-content center
 
-      .nav-item-inner
+      .cube-nav-item-inner
         width 100%
         justify-content center
         text-align center
 
-  .nav-item-inner
+  .cube-nav-item-inner
     display flex
     align-items center
     justify-content center

packages/mpx-cube-ui/lib/components/scroll-nav-bar/nav-item-content.mpx

@@ -1,5 +1,5 @@
 <template>
-  <rich-text @_web|_wx|_ali class="nav-item-inner" nodes="{{ txt }}"></rich-text>
+  <rich-text @_web|_wx|_ali class="cube-nav-item-inner" nodes="{{ txt }}"></rich-text>
 </template>
 
 <script lang="ts">

packages/mpx-cube-ui/lib/components/scroll-nav-bar/scroll-nav-bar.js

@@ -3,8 +3,8 @@ const ITEM_ID_PREFIX = 'cube-scroll-nav-item-';
 const DIRECTION_HORIZONTAL = 'horizontal';
 const DIRECTION_VERTICAL = 'vertical';
 const ROOT_CLASS = 'cube-scroll-nav-bar';
-const CONTAINER_CLASS = 'scroll-container';
-const CONTENT_CLASS = 'scroll-content';
+const CONTAINER_CLASS = 'cube-scroll-container';
+const CONTENT_CLASS = 'cube-scroll-content';
 let scrollNavBarInstanceSeed = 0;
 function createItemIdPrefix() {
     return `${ITEM_ID_PREFIX}${scrollNavBarInstanceSeed++}-`;
@@ -195,7 +195,7 @@ createComponent({
                     disabled,
                     isActive: false,
                     activeClass: '',
-                    className: 'nav-item'
+                    className: 'cube-nav-item'
                 };
             });
         },
@@ -255,20 +255,20 @@ createComponent({
             const isVertical = direction === DIRECTION_VERTICAL;
             return navItems.map((item, index) => {
                 const isActive = index === activeIndex;
-                const classNames = ['nav-item'];
+                const classNames = ['cube-nav-item'];
                 if (isActive) {
-                    classNames.push('active');
+                    classNames.push('cube-active');
                 }
                 if (item.disabled) {
-                    classNames.push('disabled');
+                    classNames.push('cube-disabled');
                 }
                 if (isVertical) {
-                    classNames.push('nav-item_vertical');
+                    classNames.push('cube-nav-item_vertical');
                 }
                 return {
                     ...item,
                     isActive,
-                    activeClass: isActive ? 'active' : '',
+                    activeClass: isActive ? 'cube-active' : '',
                     className: classNames.join(' ')
                 };
             });

packages/mpx-cube-ui/lib/components/sticky/sticky.js

@@ -91,7 +91,7 @@ createComponent({
             else {
                 oldEle?.refresh();
                 oldEle?.setContentStyle({});
-                newEle.setContentStyle({
+                newEle?.setContentStyle({
                     position: 'fixed',
                     top: this.rootRect.top + this.offset + 'px',
                     left: this.rootRect.left + 'px',
@@ -187,7 +187,7 @@ createComponent({
                 query.selectAll('.cube-sticky-ele').boundingClientRect((rects) => {
                     (rects || []).forEach((rect) => {
                         this.rects.push(rect);
-                        this.positions[index] = (rect?.top || 0) - rootTop;
+                        this.positions[index] = (rect?.top || 0) - rootTop + this.pos;
                         this.heights[index] = rect?.height || 0;
                     });
                 });

packages/mpx-cube-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mpxjs/mpx-cube-ui",
-  "version": "1.4.15-beta.1",
+  "version": "1.4.15-beta.2",
   "description": "mpx components library",
   "author": "xiaolei <xiaolei@didichuxing.com>",
   "publishConfig": {