uview-plus 3.3.22 → 3.3.24

package/changelog.md

@@ -1,3 +1,15 @@
+## 3.3.24（2024-08-19）
+fix: 修复时间选择器hasInput模式小程序不生效
+
+feat: 支持H5导入所有组件
+
+## 3.3.23（2024-08-17）
+feat: swipe-action增加closeAll方法
+
+fix: 兼容tabs在某些场景下index小于0时自动设置为0
+
+add: 通用mixin新增navTo页面跳转方法
+
 ## 3.3.21（2024-08-15）
 improvement: 优化二维码组件loading及支持预览与长按事件 #351
 

package/components/u-copy/u-copy.vue

@@ -5,7 +5,7 @@
 </template>
 <script>
 export default {
-    name: "xy-copy",
+    name: "up-copy",
     props: {
         content: {
             type: String,

package/components/u-datetime-picker/u-datetime-picker.vue

@@ -1,43 +1,46 @@
 <template>
-    <view v-if="hasInput" class="u-datetime-picker">
-        <u-input
-            :placeholder="placeholder"
-			:readonly="!!showByClickInput"
-            border="surround"
-            v-model="inputValue"
+    <view class="u-datetime-picker">
+        <view v-if="hasInput" class="u-datetime-picker__has-input"
             @click="showByClickInput = !showByClickInput"
-        ></u-input>
+        >
+            <up-input
+                :placeholder="placeholder"
+                :readonly="!!showByClickInput"
+                border="surround"
+                v-model="inputValue"
+            ></up-input>
+        </view>
+        <u-picker
+            ref="picker"
+            :show="show || (hasInput && showByClickInput)"
+            :popupMode="popupMode"
+            :closeOnClickOverlay="closeOnClickOverlay"
+            :columns="columns"
+            :title="title"
+            :itemHeight="itemHeight"
+            :showToolbar="showToolbar"
+            :visibleItemCount="visibleItemCount"
+            :defaultIndex="innerDefaultIndex"
+            :cancelText="cancelText"
+            :confirmText="confirmText"
+            :cancelColor="cancelColor"
+            :confirmColor="confirmColor"
+            :toolbarRightSlot="toolbarRightSlot"
+            @close="close"
+            @cancel="cancel"
+            @confirm="confirm"
+            @change="change"
+        >
+            <template #toolbar-right>
+                <slot name="toolbar-right">
+                </slot>
+            </template>
+            <template #toolbar-bottom>
+                <slot name="toolbar-bottom">
+                </slot>
+            </template>
+        </u-picker>
     </view>
-	<u-picker
-		ref="picker"
-		:show="show || (hasInput && showByClickInput)"
-		:popupMode="popupMode"
-		:closeOnClickOverlay="closeOnClickOverlay"
-		:columns="columns"
-		:title="title"
-		:itemHeight="itemHeight"
-		:showToolbar="showToolbar"
-		:visibleItemCount="visibleItemCount"
-		:defaultIndex="innerDefaultIndex"
-		:cancelText="cancelText"
-		:confirmText="confirmText"
-		:cancelColor="cancelColor"
-		:confirmColor="confirmColor"
-		:toolbarRightSlot="toolbarRightSlot"
-		@close="close"
-		@cancel="cancel"
-		@confirm="confirm"
-		@change="change"
-	>
-		<template #toolbar-right>
-			<slot name="toolbar-right">
-			</slot>
-		</template>
-		<template #toolbar-bottom>
-			<slot name="toolbar-bottom">
-			</slot>
-		</template>
-	</u-picker>
 </template>
 
 <script>
@@ -88,7 +91,7 @@
 	 * @example  <u-datetime-picker :show="show" :value="value1"  mode="datetime" ></u-datetime-picker>
 	 */
 	export default {
-		name: 'datetime-picker',
+		name: 'up-datetime-picker',
 		mixins: [mpMixin, mixin, props],
 		data() {
 			return {
@@ -460,6 +463,10 @@
 <style lang="scss" scoped>
 	@import '../../libs/css/components.scss';
 	.u-datetime-picker {
-		width: 100%;
+        &__has-input {
+            /* #ifndef APP-NVUE */
+            width: 100%;
+            /* #endif */
+        }
 	}
 </style>

package/components/u-index-list/u-index-list.vue

@@ -361,16 +361,16 @@
 				// pageY += sys().windowTop
 				// #endif
 				// 对第一和最后一个字母做边界处理，因为用户可能在字母列表上触摸到两端的尽头后依然继续滑动
-				console.log('top1', top)
-				console.log('height', height)
+				// console.log('top1', top)
+				// console.log('height', height)
 				top = top - (height / 2) // 减去transfrom的translateY值导致的高度
 				pageY = pageY - this.topOffset
 				// if (this.safeBottomFix) {
 				// 	pageY = pageY + 34
 				// }
-				console.log('topOffset', this.topOffset)
-				console.log('pageY', pageY)
-				console.log('top2', top)
+				// console.log('topOffset', this.topOffset)
+				// console.log('pageY', pageY)
+				// console.log('top2', top)
 				if (pageY < top) {
 					index = 0
 				} else if (pageY >= top + height) {
@@ -401,7 +401,7 @@
 				const header = await this.getHeaderRect()
 				// item的top值，在nvue下，模拟出的anchor的top，类似非nvue下的index-item的top
 				let top = header.height
-				console.log(top)
+				// console.log(top)
 				const anchors = this.anchors
 				// 由于list组件无法获取cell的top值，这里通过header slot和各个item之间的height，模拟出类似非nvue下的位置信息
 				let children = this.children.map((item, index) => {
@@ -426,7 +426,7 @@
 				// #ifdef APP-NVUE
 				// 在nvue中，由于cell和header为同级元素，所以实际是需要对header(anchor)进行偏移
 				const anchor = `u-index-anchor-${this.uIndexList[currentIndex]}`
-				console.log(anchor)
+				// console.log(anchor)
 				dom.scrollToElement(this.anchors[currentIndex].$refs[anchor], {
 					offset: 0,
 					animated: false

package/components/u-lazy-load/u-lazy-load.vue

@@ -219,7 +219,7 @@
                 contentObserver.relativeToViewport({
                     bottom: this.getThreshold,
                 }).observe('.u-lazy-item-' + this.elIndex, (res) => {
-                    console.log('relativeToViewport', res)
+                    // console.log('relativeToViewport', res)
                     if (res.intersectionRatio > 0) {
                         // 懒加载状态改变
                         this.isShow = true;

package/components/u-navbar-mini/u-navbar-mini.vue

@@ -42,7 +42,6 @@
 
 <script>
 	import { props } from './props';
-	console.log(props)
 	import { mpMixin } from '../../libs/mixin/mpMixin';
 	import { mixin } from '../../libs/mixin/mixin';
 	import { addUnit, addStyle, getPx, sys } from '../../libs/function/index';

package/components/u-picker-column/props.js

@@ -1,7 +1,7 @@
-// import { defineMixin } from '../../libs/vue'
+import { defineMixin } from '../../libs/vue'
 import defProps from '../../libs/config/props.js'
 export const props = defineMixin({
     props: {
 
     }
-}
+})

package/components/u-qrcode/u-qrcode.vue

@@ -151,7 +151,7 @@ export default {
 		},
 		preview() {
 			// 预览图片
-			console.log(this.result)
+			// console.log(this.result)
 			uni.previewImage({
 				urls: [this.result],
 				longPressActions: {

package/components/u-table/props.js

@@ -1,7 +1,7 @@
-// import { defineMixin } from '../../libs/vue'
+import { defineMixin } from '../../libs/vue'
 import defProps from '../../libs/config/props.js'
 export const props = defineMixin({
     props: {
 
     }
-}
+})

package/components/u-tabs/u-tabs.vue

@@ -234,6 +234,9 @@
 			},
 			setScrollLeft() {
 				// 当前活动tab的布局信息，有tab菜单的width和left(为元素左边界到父元素左边界的距离)等信息
+				if (this.innerCurrent < 0) {
+                    this.innerCurrent = 0;
+                }
 				const tabRect = this.list[this.innerCurrent]
 				// 累加得到当前item到左边的距离
 				const offsetLeft = this.list

package/components/u-tabs-item/props.js

@@ -1,7 +1,7 @@
-// import { defineMixin } from '../../libs/vue'
+import { defineMixin } from '../../libs/vue'
 import defProps from '../../libs/config/props.js'
 export const props = defineMixin({
     props: {
 
     }
-}
+})

package/components/u-td/props.js

@@ -4,4 +4,4 @@ export const props = defineMixin({
     props: {
 
     }
-}
+})

package/components/u-toolbar/u-toolbar.vue

@@ -70,7 +70,7 @@
 		mixins: [mpMixin, mixin, props],
 		emits: ["confirm", "cancel"],
 		created() {
-			console.log(this.$slots)
+			// console.log(this.$slots)
 		},
 		methods: {
 			// 点击取消按钮

package/components/u-tr/props.js

@@ -1,7 +1,7 @@
-// import { defineMixin } from '../../libs/vue'
+import { defineMixin } from '../../libs/vue'
 import defProps from '../../libs/config/props.js'
 export const props = defineMixin({
     props: {
 
     }
-}
+})

package/index.js

@@ -77,7 +77,46 @@ const $u = {
     platform
 }
 
+export const mount$u = function() {
+    uni.$u = $u
+}
+
+// #ifdef H5
+const importFn = import.meta.glob('./components/u-*/u-*.vue', { eager: true })
+let components = [];
+
+// 批量注册全局组件
+for (const key in importFn) {
+    let component = importFn[key].default;
+    if (component.name && component.name.indexOf('u--') !== 0) {
+        const name = component.name.replace(/u-([a-zA-Z0-9-_]+)/g, 'up-$1');
+        component.name = name;
+        console.log('component', component.name)
+        component.install = function (Vue) {
+            Vue.component(component.name, component);
+        };
+        
+        // 导入组件
+        components.push(component);
+    }
+}
+// #endif
+
+function toCamelCase(str) {
+    return str.replace(/-([a-z])/g, function(match, group1) {
+      return group1.toUpperCase();
+    }).replace(/^[a-z]/, function(match) {
+      return match.toUpperCase();
+    });
+}
+
 const install = (Vue) => {
+    // #ifdef H5
+    components.forEach(function(component) {
+        Vue.component(component.name, component);
+    });
+    // #endif
+
     // 同时挂载到uni和Vue.prototype中
     // $u挂载到uni对象上
     uni.$u = $u

package/libs/mixin/mixin.js

@@ -106,6 +106,9 @@ export const mixin = defineMixin({
                 // })
             }
         },
+        navTo(url = '', linkType = 'navigateTo') {
+            route({ type: this.linkType, url })
+        },
         // 查询节点信息
         // 目前此方法在支付宝小程序中无法获取组件跟接点的尺寸，为支付宝的bug(2020-07-21)
         // 解决办法为在组件根部再套一个没有任何作用的view元素

package/package.json

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