uview-plus 3.2.23 → 3.3.0

package/components/u-steps/u-steps.vue

@@ -8,9 +8,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import test from '../../libs/function/test';
 	/**
 	 * Steps 步骤条

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

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 标题
         title: {
@@ -22,4 +23,4 @@ export default {
             default: () => defProps.stepsItem.error
         }
     }
-}
+})

package/components/u-steps-item/u-steps-item.vue

@@ -47,9 +47,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { sleep, error } from '../../libs/function/index';
 	import color from '../../libs/config/color';
 	// #ifdef APP-NVUE

package/components/u-sticky/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 吸顶容器到顶部某个距离的时候，进行吸顶，在H5平台，NavigationBar为44px
         offsetTop: {
@@ -38,4 +39,4 @@ export default {
             default: () => defProps.sticky.index
         }
     }
-}
+})

package/components/u-sticky/u-sticky.vue

@@ -14,9 +14,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { addUnit, addStyle, deepMerge, getPx, guid, sys, os } from '../../libs/function/index';
 	import zIndex from '../../libs/config/zIndex';
 	/**

package/components/u-subsection/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // tab的数据
         list: {
@@ -47,4 +48,4 @@ export default {
 			default: () => defProps.subsection.keyName
 		}
     }
-}
+})

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

@@ -52,9 +52,9 @@
 const dom = uni.requireNativePlugin("dom");
 const animation = uni.requireNativePlugin("animation");
 // #endif
-import props from "./props.js";
-import mpMixin from '../../libs/mixin/mpMixin';
-import mixin from '../../libs/mixin/mixin';
+import { props } from "./props.js";
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
 import { addStyle, addUnit, sleep } from '../../libs/function/index';
 /**
  * Subsection 分段器

package/components/u-swipe-action/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 是否自动关闭其他swipe按钮组
         autoClose: {
@@ -7,4 +8,4 @@ export default {
             default: () => defProps.swipeAction.autoClose
         }
     }
-}
+})

package/components/u-swipe-action/u-swipe-action.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	/**
 	 * SwipeAction 滑动单元格 
 	 * @description 该组件一般用于左滑唤出操作菜单的场景，用的最多的是左滑删除操作

package/components/u-swipe-action-item/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 控制打开或者关闭
         show: {
@@ -39,4 +40,4 @@ export default {
             default: () => defProps.swipeActionItem.duration
         }
     }
-}
+})

package/components/u-swipe-action-item/u-swipe-action-item.vue

@@ -59,10 +59,10 @@
 <script src="./index.wxs" module="wxs" lang="wxs"></script>
 <!-- #endif -->
 <script>
-	import touch from '../../libs/mixin/touch.js'
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { touchMixin } from '../../libs/mixin/touch'
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { addUnit, getPx, sleep } from '../../libs/function/index';
 	// #ifdef APP-NVUE
 	import nvue from './nvue.js';
@@ -96,7 +96,7 @@
 			mpMixin,
 			mixin,
 			// #ifndef APP-NVUE
-			touch,
+			touchMixin,
 			// #endif
 			// #ifdef APP-NVUE
 			nvue,

package/components/u-swiper/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 列表数组，元素可为字符串，如为对象可通过keyName指定目标属性名
         list: {
@@ -123,4 +124,4 @@ export default {
             default: () => defProps.swiper.showTitle
         }
     }
-}
+})

package/components/u-swiper/u-swiper.vue

@@ -90,9 +90,9 @@
 	</view>
 </template>
 <script>
-	import props from './props.js';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props.js';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { addUnit, addStyle, error } from '../../libs/function/index';
 	import test from '../../libs/function/test';
 	/**

package/components/u-swiper-indicator/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 轮播的长度
         length: {
@@ -27,4 +28,4 @@ export default {
 		    default: () => defProps.swiperIndicator.indicatorMode
 		}
     }
-}
+})

package/components/u-swiper-indicator/u-swiper-indicator.vue

@@ -31,9 +31,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { addUnit } from '../../libs/function/index';
 	/**
 	 * SwiperIndicator 轮播图指示器

package/components/u-switch/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 是否为加载中状态
         loading: {
@@ -60,4 +61,4 @@ export default {
             default: () => defProps.switch.space
         }
     }
-}
+})

package/components/u-switch/u-switch.vue

@@ -38,9 +38,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { addStyle, addUnit, error } from '../../libs/function/index';
 	/**
 	 * switch 开关选择器

package/components/u-tabbar/props.js

@@ -1,5 +1,7 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+
+export const props = defineMixin({
     props: {
         // 当前匹配项的name
         value: {
@@ -42,4 +44,4 @@ export default {
             default: () => defProps.tabbar.placeholder
         }
     }
-}
+})

package/components/u-tabbar/u-tabbar.vue

@@ -23,9 +23,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { addStyle, deepMerge, sleep } from '../../libs/function/index';
 	// #ifdef APP-NVUE
 	const dom = uni.requireNativePlugin('dom')

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

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // item标签的名称，作为与u-tabbar的value参数匹配的标识符
         name: {
@@ -33,4 +34,4 @@ export default {
         }
 
     }
-}
+})

package/components/u-tabbar-item/u-tabbar-item.vue

@@ -1,6 +1,6 @@
 <template>
 	<view
-	    class="u-tabbar-item cursor-pointer"
+	    class="u-tabbar-item"
 	    :style="[addStyle(customStyle)]"
 	    @tap="clickHandler"
 	>
@@ -43,9 +43,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { addStyle, error } from '../../libs/function/index';
 	/**
 	 * TabbarItem 底部导航栏子组件
@@ -128,6 +128,9 @@
 		flex: 1;
 		width: 100%;
 		height: 100%;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
 		
 		&__icon {
 			@include flex;

package/components/u-table/props.js

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

package/components/u-table/u-table.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	/**
 	 * Table 表格 
 	 * @description 表格组件一般用于展示大量结构化数据的场景 本组件标签类似HTML的table表格，由table、tr、th、td四个组件组成

package/components/u-tabs/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 滑块的移动过渡时间，单位ms
         duration: {
@@ -62,4 +63,4 @@ export default {
 			default: () => defProps.tabs.keyName
 		}
     }
-}
+})

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

@@ -1,5 +1,5 @@
 <template>
-	<view class="u-tabs">
+	<view class="u-tabs" :class="[customClass]">
 		<view class="u-tabs__wrapper">
 			<slot name="left" />
 			<view class="u-tabs__wrapper__scroll-view-wrapper">
@@ -85,10 +85,10 @@
 	const animation = uni.requireNativePlugin('animation')
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
-	import defProps from '../../libs/config/props.js';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
+	import defProps from '../../libs/config/props.js'
 	import { addUnit, addStyle, deepMerge, getPx, sleep, sys } from '../../libs/function/index';
 	/**
 	 * Tabs 标签
@@ -327,6 +327,7 @@
 					@include flex;
 					align-items: center;
 					justify-content: center;
+					cursor: pointer;
 
 					&--disabled {
 						/* #ifndef APP-NVUE */

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

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

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

@@ -5,9 +5,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	/**
 	 * TabsItem  tabs标签组件的自组件
 	 * @description tabs标签组件，在标签多的时候，可以配置为左右滑动，标签少的时候，可以禁止滑动。 该组件的一个特点是配置为滚动模式时，激活的tab会自动移动到组件的中间位置。

package/components/u-tag/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 标签类型info、primary、success、warning、error
         type: {
@@ -86,4 +87,4 @@ export default {
             default: () => defProps.tag.iconColor
         }
     }
-}
+})

package/components/u-tag/u-tag.vue

@@ -36,7 +36,11 @@
 					class="u-tag__text"
 					:style="[textColor]"
 					:class="[`u-tag__text--${type}`, plain && `u-tag__text--${type}--plain`, `u-tag__text--${size}`]"
-				>{{ text }}</text>
+				>
+					<slot>
+						{{ text }}
+					</slot>
+				</text>
 			</view>
 			<view
 				class="u-tag__close"
@@ -56,9 +60,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import test from '../../libs/function/test';
 	/**
 	 * Tag 标签

package/components/u-td/props.js

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

package/components/u-td/u-td.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	/** 
 	 * Td 表格中的单元格
 	 * @description 

package/components/u-text/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 主题颜色
         type: {
@@ -108,4 +109,4 @@ export default {
             default: () => defProps.text.wordWrap
         }
     }
-}
+})

package/components/u-text/u-text.vue

@@ -1,7 +1,7 @@
 <template>
     <view
         class="u-text"
-        :class="[]"
+        :class="[customClass]"
         v-if="show"
         :style="{
             margin: margin,
@@ -70,12 +70,12 @@
 </template>
 
 <script>
-import props from './props'
+import { props } from './props'
 import value from './value.js'
-import mpMixin from '../../libs/mixin/mpMixin';
-import mixin from '../../libs/mixin/mixin';
-import button from '../../libs/mixin/button';
-import openType from '../../libs/mixin/openType';
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
+import { buttonMixin } from '../../libs/mixin/button';
+import { openType } from '../../libs/mixin/openType';
 import { addStyle, addUnit, deepMerge } from '../../libs/function/index';
 /**
  * Text 文本
@@ -106,9 +106,9 @@ import { addStyle, addUnit, deepMerge } from '../../libs/function/index';
  * @example <up-text text="我用十年青春,赴你最后之约"></up-text>
  */
 export default {
-    name: 'u--text',
+    name: 'up-text',
     // #ifdef MP
-    mixins: [mpMixin, mixin, value, button, openType, props],
+    mixins: [mpMixin, mixin, value, buttonMixin, openType, props],
     // #endif
     // #ifndef MP
     mixins: [mpMixin, mixin, value, props],

package/components/u-textarea/props.js

@@ -1,5 +1,7 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+
+export const props = defineMixin({
 	props: {
 		// 输入框的内容
 		value: {
@@ -122,4 +124,4 @@ export default {
 			default: true
 		}
 	}
-}
+})

package/components/u-textarea/u-textarea.vue

@@ -43,9 +43,9 @@
 </template>
 
 <script>
-import props from "./props.js";
-import mpMixin from '../../libs/mixin/mpMixin';
-import mixin from '../../libs/mixin/mixin';
+import { props } from "./props.js";
+import { mpMixin } from '../../libs/mixin/mpMixin';
+import { mixin } from '../../libs/mixin/mixin';
 import { addStyle, addUnit, deepMerge, formValidate, os } from '../../libs/function/index';
 /**
  * Textarea 文本域

package/components/u-toast/u-toast.vue

@@ -39,8 +39,8 @@
 </template>
 
 <script>
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	import { os, sys, deepMerge, type2icon } from '../../libs/function/index';
 	import color from '../../libs/config/color';
 	import { hexToRgb } from '../../libs/function/colorGradient';

package/components/u-toolbar/props.js

@@ -1,5 +1,6 @@
-import defProps from '../../libs/config/props.js';
-export default {
+import { defineMixin } from '../../libs/vue'
+import defProps from '../../libs/config/props.js'
+export const props = defineMixin({
     props: {
         // 是否展示工具条
         show: {
@@ -32,4 +33,4 @@ export default {
             default: () => defProps.toolbar.title
         }
     }
-}
+})

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

@@ -36,9 +36,9 @@
 </template>
 
 <script>
-	import props from './props';
-	import mpMixin from '../../libs/mixin/mpMixin';
-	import mixin from '../../libs/mixin/mixin';
+	import { props } from './props';
+	import { mpMixin } from '../../libs/mixin/mpMixin';
+	import { mixin } from '../../libs/mixin/mixin';
 	/**
 	 * Toolbar 工具条
 	 * @description