uview-plus 3.4.65 → 3.4.67

package/changelog.md

@@ -1,3 +1,15 @@
+## 3.4.67（2025-08-02）
+feat: number-box支持disabledBgColor参数
+
+## 3.4.66（2025-08-01）
+improvment: 增加组件图标
+
+feat: table2组件新增列排序插槽
+
+fix: 分段器组件onWindowResize使用条件编译
+
+fix: 修复u-line-1单行省略样式
+
 ## 3.4.65（2025-07-26）
 fix: 修复部分环境下字体图标全局加载问题
 

package/components/u-number-box/numberBox.js

@@ -29,6 +29,7 @@ export default {
         buttonSize: 30,
         buttonRadius: '0px',
         bgColor: '#EBECEE',
+        disabledBgColor: '#f7f8fa',
         inputBgColor: '#EBECEE',
         cursorSpacing: 100,
         disableMinus: false,

package/components/u-number-box/props.js

@@ -106,6 +106,11 @@ export const props = defineMixin({
             type: String,
             default: () => defProps.numberBox.bgColor
         },
+        // 按钮禁用背景色
+        disabledBgColor: {
+            type: String,
+            default: () => defProps.numberBox.disabledBgColor
+        },
         // 输入框背景颜色
         inputBgColor: {
             type: String,

package/components/u-number-box/u-number-box.vue

@@ -184,7 +184,7 @@
 						borderRadius: this.buttonRadius
 					}
 					if (this.isDisabled(type)) {
-						style.backgroundColor = '#f7f8fa'
+						style.backgroundColor = this.disabledBgColor
 					}
 					return style
 				}

package/components/u-subsection/u-subsection.vue

@@ -210,13 +210,17 @@ export default {
     },
     mounted() {
         this.init();
+        // #ifndef APP || MP-WEIXIN || MP-LARK|| MP-QQ || H5
         this.windowResizeCallback = (res) => {
             this.init();
         }
         uni.onWindowResize(this.windowResizeCallback)
+        // #endif
     },
     beforeUnmount() {
+        // #ifndef APP || MP-WEIXIN || MP-LARK|| MP-QQ || H5
         uni.offWindowResize(this.windowResizeCallback)
+        // #endif
     },
 	emits: ["change", "update:current"],
     methods: {

package/components/u-table2/u-table2.vue

@@ -4,19 +4,24 @@
         <view v-if="showHeader" class="u-table-header" :class="{ 'u-table-sticky': fixedHeader }" :style="{minWidth: scrollWidth}">
             <view class="u-table-row">
                 <view v-for="(col, colIndex) in columns" :key="col.key" class="u-table-cell"
-                    :style="headerColStyle(col)"
+                    :style="headerColStyle(col)"
 					:class="[
                         col.align ? 'u-text-' + col.align : '',
                         headerCellClassName ? headerCellClassName(col) : '',
                         col.fixed === 'left' ? 'u-table-fixed-left' : '',
                         col.fixed === 'right' ? 'u-table-fixed-right' : ''
-                    ]" @click="handleHeaderClick(col)">
-					<slot name="header" :column="col" :columnIndex="colIndex" :level="1">
-					    {{ col.title }}
+                    ]" @click="handleHeaderClick(col)">
+					<slot name="header" :column="col" :columnIndex="colIndex" :level="1">
 					</slot>
-                    <view v-if="col.sortable">
-                        {{ getSortIcon(col.key) }}
-                    </view>
+                    <text v-if="!$slots['header']">{{ col.title }}</text>
+                    <template v-if="col.sortable">
+                        <slot name="headerSort" :sortStatus="getSortValue(col.key)" :column="col"
+                            :columnIndex="colIndex" :level="1">
+                        </slot>
+                        <view v-if="!$slots['headerSort']">
+                            {{ getSortIcon(col.key) }}
+                        </view>
+                    </template>
                 </view>
             </view>
         </view>
@@ -30,28 +35,28 @@
                         rowClassName ? rowClassName(row, index) : '',
                         stripe && index % 2 === 1 ? 'u-table-row-zebra' : ''
                     ]" @click="handleRowClick(row)">
-                        <view v-for="(col, colIndex) in columns" :key="col.key"
+                        <view v-for="(col, colIndex) in columns" :key="col.key"
 							class="u-table-cell" :class="[
                             col.align ? 'u-text-' + col.align : '',
                             cellClassName ? cellClassName(row, col) : '',
                             col.fixed === 'left' ? 'u-table-fixed-left' : '',
                             col.fixed === 'right' ? 'u-table-fixed-right' : ''
-                        ]" :style="cellStyleInner({row: row, column: col,
+                        ]" :style="cellStyleInner({row: row, column: col,
 							rowIndex: index, columnIndex: colIndex, level: 0})">
                             <!-- 复选框列 -->
                             <view v-if="col.type === 'selection'">
-                                <checkbox :checked="isSelected(row)"
+                                <checkbox :checked="isSelected(row)"
 									@click.stop="toggleSelect(row)" />
                             </view>
 
                             <!-- 树形结构展开图标 -->
-                            <view v-else-if="col.type === 'expand'"
+                            <view v-else-if="col.type === 'expand'"
 								@click.stop="toggleExpand(row)">
                                 {{ isExpanded(row) ? '▼' : '▶' }}
                             </view>
 
                             <!-- 默认插槽或文本 -->
-                            <slot name="cell" :row="row" :column="col"
+                            <slot name="cell" :row="row" :column="col"
 								:rowIndex="index" :columnIndex="colIndex">
                                 <view class="u-table-cell_content">
                                     {{ row[col.key] }}
@@ -65,9 +70,9 @@
                         <view v-for="childRow in row[treeProps.children]" :key="childRow[rowKey]"
                             class="u-table-row u-table-row-child">
                             <view v-for="(col2, col2Index) in columns" :key="col2.key" class="u-table-cell"
-                                :style="cellStyleInner({row: childRow, column: col2,
+                                :style="cellStyleInner({row: childRow, column: col2,
 									rowIndex: index, columnIndex: col2Index, level: 1})">
-                                <slot name="cell" :row="childRow" :column="col2" :prow="row"
+                                <slot name="cell" :row="childRow" :column="col2" :prow="row"
 									:rowIndex="index" :columnIndex="col2Index" :level="1">
                                     <view class="u-table-cell_content">
                                         {{ childRow[col2.key] }}
@@ -80,8 +85,8 @@
             </template>
             <template v-else>
                 <slot name="empty">
-                    <view class="u-table-empty">{{ emptyText }}</view>
                 </slot>
+                <view v-if="!$slots['empty']" class="u-table-empty">{{ emptyText }}</view>
             </template>
         </view>
     </view>
@@ -151,10 +156,10 @@ export default {
         cellClassName: {
             type: Function,
             default: null
-        },
-		cellStyle: {
-		    type: Function,
-		    default: null
+        },
+		cellStyle: {
+		    type: Function,
+		    default: null
 		},
         headerCellClassName: {
             type: Function,
@@ -241,37 +246,37 @@ export default {
     },
     mounted() {
         this.getComponentWidth()
-    },
-	computed: {
+    },
+	computed: {
 	},
     methods: {
-        addUnit,
-		headerColStyle(col) {
-			let style = {
-				width: col.width ? addUnit(col.width) : 'auto',
-				flex: col.width ? 'none' : 1
-			};
-			if (col?.style) {
-				style = {...style, ...col?.style};
-			}
-			return style;
-		},
-		setCellStyle(e) {
-			this.cellStyle = e
-		},
-		cellStyleInner(scope) {
-			let style = {
-				width: scope.column?.width ? addUnit(scope.column.width) : 'auto',
-				flex: scope.column?.width ? 'none' : 1,
-				paddingLeft: (24 * scope.level) + 'px'
-			};
-			if (this.cellStyle != null) {
-				let styleCalc = this.cellStyle(scope)
-				if (styleCalc != null) {
-					style = {...style, ...styleCalc}
-				}
-			}
-			return style;
+        addUnit,
+		headerColStyle(col) {
+			let style = {
+				width: col.width ? addUnit(col.width) : 'auto',
+				flex: col.width ? 'none' : 1
+			};
+			if (col?.style) {
+				style = {...style, ...col?.style};
+			}
+			return style;
+		},
+		setCellStyle(e) {
+			this.cellStyle = e
+		},
+		cellStyleInner(scope) {
+			let style = {
+				width: scope.column?.width ? addUnit(scope.column.width) : 'auto',
+				flex: scope.column?.width ? 'none' : 1,
+				paddingLeft: (24 * scope.level) + 'px'
+			};
+			if (this.cellStyle != null) {
+				let styleCalc = this.cellStyle(scope)
+				if (styleCalc != null) {
+					style = {...style, ...styleCalc}
+				}
+			}
+			return style;
 		},
         // 获取组件的宽度
 		async getComponentWidth() {
@@ -386,6 +391,12 @@ export default {
             return cond.order === 'ascending' ? '↑' : '↓';
         }
 
+        function getSortValue(field) {
+            const cond = sortConditions.value.find(c => c.field === field);
+            if (!cond) return '';
+            return cond.order === 'ascending';
+        }
+
         function toggleSelect(row) {
             const index = selectedRows.value.findIndex(r => r[props.rowKey] === row[props.rowKey]);
             if (index >= 0) {
@@ -424,6 +435,7 @@ export default {
             sortConditions,
             handleRowClick,
             handleHeaderClick,
+            getSortValue,
             getSortIcon,
             toggleSelect,
             isSelected,

package/libs/css/common.scss

@@ -13,7 +13,7 @@
 
 		/* #ifndef APP-NVUE */
 		// vue下，单行和多行显示省略号需要单独处理
-		@if $i == '1' {
+		@if $i == 1 {
 			overflow: hidden;
 			white-space: nowrap;
 			text-overflow: ellipsis;

package/package.json

@@ -2,7 +2,7 @@
   "id": "uview-plus",
   "name": "uview-plus",
   "displayName": "零云®uview-plus3.0重磅发布，全面的Vue3鸿蒙移动组件库。",
-  "version": "3.4.65",
+  "version": "3.4.67",
   "description": "零云®uview-plus已兼容vue3，全面的组件和便捷的工具会让您信手拈来，如鱼得水。",
   "keywords": [
     "uview",