uview-plus 3.3.23 → 3.3.25

package/changelog.md

@@ -1,3 +1,10 @@
+## 3.3.25（2024-08-21）
+fix: 修复slider在app-vue下样式问题
+## 3.3.24（2024-08-19）
+fix: 修复时间选择器hasInput模式小程序不生效
+
+feat: 支持H5导入所有组件
+
 ## 3.3.23（2024-08-17）
 feat: swipe-action增加closeAll方法
 
@@ -5,7 +12,6 @@ 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-slider/u-slider.vue

@@ -414,6 +414,8 @@
 
 		&-inner {
 			flex: 1;
+			display: flex;
+			flex-direction: column;
 			position: relative;
 			border-radius: 999px;
 			padding: 10px 18px;

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-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/package.json

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

package/types/comps/button.d.ts

@@ -15,7 +15,7 @@ declare interface ButtonProps {
    * 按钮的大小
    * @default "normal"
    */
-  size?: 'normal' | 'large' | 'mini'
+  size?: 'normal' | 'large' | 'small' | 'mini'
   /**
    * 按钮外观形状
    * @default "square"

package/types/comps/safeBottom.d.ts

@@ -0,0 +1,16 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface SafeBottomProps {
+	/**
+	 * 定义需要用到的外部样式
+	 */
+	customStyle?: unknown
+}
+
+declare interface _SafeBottom {
+	new (): {
+		$props: AllowedComponentProps & VNodeProps & SafeBottomProps
+	}
+}
+
+export declare const SafeBottom: _SafeBottom

package/types/comps/statusBar.d.ts

@@ -0,0 +1,22 @@
+import { AllowedComponentProps, VNodeProps } from './_common'
+
+declare interface StatusBarProps {
+
+    /**
+     * 背景色
+     */
+    bgColor?: string
+
+	/**
+	 * 定义需要用到的外部样式
+	 */
+	customStyle?: unknown
+}
+
+declare interface _StatusBar {
+	new (): {
+		$props: AllowedComponentProps & VNodeProps & StatusBarProps
+	}
+}
+
+export declare const StatusBar: _StatusBar

package/types/comps.d.ts

@@ -86,13 +86,15 @@ declare module '@vue/runtime-core' {
     // 其他组件
     ['up-parse']: typeof import('./comps/parse')['Parse']
     ['up-code-input']: typeof import('./comps/codeInput')['CodeInput']
-    ['up-load-more']: typeof import('./comps/loadMore')['LoadMore']
+    ['up-loadmore']: typeof import('./comps/loadMore')['LoadMore']
     ['up-read-more']: typeof import('./comps/readMore')['ReadMore']
     ['up-gap']: typeof import('./comps/gap')['Gap']
     ['up-avatar']: typeof import('./comps/avatar')['Avatar']
     ['up-avatar-group']: typeof import('./comps/avatarGroup')['AvatarGroup']
     ['up-link']: typeof import('./comps/link')['Link']
     ['up-transition']: typeof import('./comps/transition')['Transition']
+    ['up-status-bar']: typeof import('./comps/statusBar')['StatusBar']
+    ['up-safe-bottom']: typeof import('./comps/safeBottom')['SafeBottom']
   }
 }