taro-react-uilib 1.4.38 → 1.5.0

package/dist/styles/components/tabbar.scss

@@ -1,39 +1,23 @@
 @import "../../styles/themes/variable.scss";
 
+
 #{$xh-prefix}-tabbar {
   display: flex;
   flex-direction: column;
   overflow: hidden;
   height: 100%;
-  &-nav-scroll {
-    // width: 100%;
-    overflow-x: scroll; /* 横向滚动 */
-    overflow-y: hidden; /* 隐藏纵向滚动 */
-    height: 87px;
-    box-sizing: border-box;
-    webkit-overflow-scrolling: touch; /* 在iOS设备上启用惯性滚动 */
-    -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
-    scrollbar-width: none; /* Firefox 隐藏滚动条 */
-    &::-webkit-scrollbar {
-      display: none; /* 隐藏滚动条 */
-    }
-  }
-
   &-nav {
-    min-width: 100%;
-    height: 100%;
     display: flex;
-    white-space: nowrap; /* 防止内容换行 */
     align-items: center;
+    justify-content: space-between;
+    padding-bottom: 20px;
     font-size: 34px;
-    position: relative;
     box-sizing: border-box;
+    position: relative;
 
     &-item {
-      box-sizing: border-box; /* 核心：padding包含在宽高内 */
+      flex: 1;
       text-align: center;
-      flex-shrink: 0; /* 防止项目缩小 */
-      white-space: nowrap;
     }
     &-line {
       width: 60px;
@@ -41,16 +25,13 @@
       border-radius: 100px;
       position: absolute;
       bottom: 0;
-      transition: transform 0.3s ease, width 0.3s ease;
-      transform-origin: center center;
-      transition: all 0.3s;
-      // &-active {
-      //   transition: all 0.3s;
-      // }
+      transition: transform 0.3s;
+      &-active {
+        transition: all 0.3s;
+      }
     }
   }
   &-content {
-    flex: 1;
     overflow-y: scroll;
     &-item {
       overflow: hidden;
@@ -65,9 +46,4 @@
       transition-duration: 0.5s;
     }
   }
-
-  .more-item {
-    padding: 0 20px;
-    box-sizing: border-box; /* 强制继承，防止被覆盖 */
-  }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taro-react-uilib",
-  "version": "1.4.38",
+  "version": "1.5.0",
   "description": "基于taro的跨端组件库",
   "templateInfo": {
     "name": "default",
@@ -83,6 +83,7 @@
     "@tarojs/webpack-runner": "3.4.2",
     "@types/echarts": "^4.9.22",
     "@types/react": "^17.0.2",
+    "@types/react-dom": "^19.2.3",
     "@types/webpack-env": "^1.13.6",
     "@typescript-eslint/eslint-plugin": "^5.24.0",
     "@typescript-eslint/parser": "^5.24.0",
@@ -124,8 +125,8 @@
     "@tarojs/components": "^3.0.8",
     "@tarojs/react": "^3.0.8",
     "@types/node": "^14.0.13",
-    "react": ">=16.13.0",
-    "react-dom": ">=16.13.0"
+    "react": ">=18",
+    "react-dom": ">=18"
   },
   "config": {
     "commitizen": {

package/types/components/Tabbar/tabbar/Tabbar.d.ts

@@ -11,7 +11,6 @@ import Item from "./TabItem";
  * @param titleInctiveColor   //标题默认态颜色
  * @param onChange   //切换回调事件
  * @param content   //item公共节点
- * @param isOverflowNav   //是否超宽导航（超过屏幕宽度，自动滚动）
  *
  */
 export interface TabProps {
@@ -23,7 +22,6 @@ export interface TabProps {
     onChange?: (index: number) => void;
     content?: string | ReactNode;
     selectIndex: number;
-    isOverflowNav?: boolean;
 }
 export interface TabsComponent<P = {}> extends FC<P> {
     Item: typeof Item;