uview-pro 0.0.14 → 0.0.16

package/libs/css/style.mp.scss

@@ -1,72 +1,72 @@
-/* start--微信小程序编译后页面有组件名的元素，特别处理--start */
-/* #ifdef MP-WEIXIN || MP-QQ */
-u-td, u-th {
-	flex: 1;
-	align-self: stretch;
-}
-
-.u-td {
-	height: 100%;
-}
-
-u-icon {
-	display: inline-flex;
-	align-items: center;
-}
-
-// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
-u-grid {
-	width: 100%;
-	flex: 0 0 100%;
-}
-
-// 避免小程序线条组件因为父组件display: flex;而失效
-u-line {
-	flex: 1;
-}
-
-u-switch {
-	display: inline-flex;
-	align-items: center;
-}
-
-u-dropdown {
-	flex: 1;
-}
-/* #endif */
-/* end-微信小程序编译后页面有组件名的元素，特别处理--end */
-
-
-/* #ifdef MP-QQ || MP-TOUTIAO */
-// 需要做这一切额外的兼容，都是因为TX的无能
-u-icon {
-	line-height: 0;
-}
-/* #endif */
-
-/* start--头条小程序编译后页面有组件名的元素，特别处理--start */
-// 由于头条小程序不支持直接组件名形式写样式，目前只能在写组件的时候给组件加上对应的类名
-/* #ifdef MP-TOUTIAO */
-.u-td, .u-th, .u-tr {
-	flex: 1;
-	align-self: stretch;
-}
-
-.u-row, .u-col {
-	flex: 1;
-	align-self: stretch;
-}
-
-// 避免小程序线条组件因为父组件display: flex;而失效
-.u-line {
-	flex: 1;
-}
-
-.u-dropdown {
-	flex: 1;
-}
-/* #endif */
-/* end-头条小程序编译后页面有组件名的元素，特别处理--end */
-
-
-
+/* start--微信小程序编译后页面有组件名的元素，特别处理--start */
+/* #ifdef MP-WEIXIN || MP-QQ */
+u-td, u-th {
+	flex: 1;
+	align-self: stretch;
+}
+
+.u-td {
+	height: 100%;
+}
+
+u-icon {
+	display: inline-flex;
+	align-items: center;
+}
+
+// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
+u-grid {
+	width: 100%;
+	flex: 0 0 100%;
+}
+
+// 避免小程序线条组件因为父组件display: flex;而失效
+u-line {
+	flex: 1;
+}
+
+u-switch {
+	display: inline-flex;
+	align-items: center;
+}
+
+u-dropdown {
+	flex: 1;
+}
+/* #endif */
+/* end-微信小程序编译后页面有组件名的元素，特别处理--end */
+
+
+/* #ifdef MP-QQ || MP-TOUTIAO */
+// 需要做这一切额外的兼容，都是因为TX的无能
+u-icon {
+	line-height: 0;
+}
+/* #endif */
+
+/* start--头条小程序编译后页面有组件名的元素，特别处理--start */
+// 由于头条小程序不支持直接组件名形式写样式，目前只能在写组件的时候给组件加上对应的类名
+/* #ifdef MP-TOUTIAO */
+.u-td, .u-th, .u-tr {
+	flex: 1;
+	align-self: stretch;
+}
+
+.u-row, .u-col {
+	flex: 1;
+	align-self: stretch;
+}
+
+// 避免小程序线条组件因为父组件display: flex;而失效
+.u-line {
+	flex: 1;
+}
+
+.u-dropdown {
+	flex: 1;
+}
+/* #endif */
+/* end-头条小程序编译后页面有组件名的元素，特别处理--end */
+
+
+

package/libs/css/style.nvue.scss

@@ -1,3 +1,3 @@
-.nvue {
-	font-size: 24rpx;
+.nvue {
+	font-size: 24rpx;
 }

package/libs/css/style.vue.scss

@@ -1,175 +1,175 @@
-page {
-	color: $u-main-color;
-	font-size: 28rpx;
-}
-
-/* start--去除webkit的默认样式--start */
-.u-fix-ios-appearance {
-	-webkit-appearance:none;
-}
-/* end--去除webkit的默认样式--end */
-
-/* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */
-.u-icon-wrap {
-	display: flex;
-	align-items: center;
-}
-/* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */
-
-/* start--iPhoneX底部安全区定义--start */
-.safe-area-inset-bottom {
-  padding-bottom: 0;  
-  padding-bottom: constant(safe-area-inset-bottom);  
-  padding-bottom: env(safe-area-inset-bottom);  
-} 
-/* end-iPhoneX底部安全区定义--end */
-
-/* start--各种hover点击反馈相关的类名-start */
-.u-hover-class {
-	// background-color: #f7f8f9!important;
-	opacity: 0.6;
-}
-
-.u-cell-hover {
-	background-color: #f7f8f9!important;
-}
-/* end--各种hover点击反馈相关的类名--end */
-
-/* start--文本行数限制--start */
-.u-line-1 {
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-}
-
-.u-line-2 {
-    -webkit-line-clamp: 2;
-}
-
-.u-line-3 {
-    -webkit-line-clamp: 3;
-}
-
-.u-line-4 {
-    -webkit-line-clamp: 4;
-}
-
-.u-line-5 {
-    -webkit-line-clamp: 5;
-}
-
-.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
-    overflow: hidden;
-	word-break: break-all;
-    text-overflow: ellipsis; 
-    display: -webkit-box; // 弹性伸缩盒
-    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
-}
-
-/* end--文本行数限制--end */
-
-
-/* start--Retina 屏幕下的 1px 边框--start */
-.u-border,
-.u-border-bottom,
-.u-border-left,
-.u-border-right,
-.u-border-top,
-.u-border-top-bottom {
-	position: relative
-}
-
-.u-border-bottom:after,
-.u-border-left:after,
-.u-border-right:after,
-.u-border-top-bottom:after,
-.u-border-top:after,
-.u-border:after {
-	/* #ifndef APP-NVUE */
-	content: ' ';
-	/* #endif */
-	position: absolute;
-	left: 0;
-	top: 0;
-	pointer-events: none;
-	box-sizing: border-box;
-	-webkit-transform-origin: 0 0;
-	transform-origin: 0 0;
-	// 多加0.1%，能解决有时候边框缺失的问题
-	width: 199.8%;
-	height: 199.7%;
-	transform: scale(0.5, 0.5);
-	border: 0 solid $u-border-color;
-	z-index: 2;
-}
-
-.u-border-top:after {
-	border-top-width: 1px
-}
-
-.u-border-left:after {
-	border-left-width: 1px
-}
-
-.u-border-right:after {
-	border-right-width: 1px
-}
-
-.u-border-bottom:after {
-	border-bottom-width: 1px
-}
-
-.u-border-top-bottom:after {
-	border-width: 1px 0
-}
-
-.u-border:after {
-	border-width: 1px
-}
-/* end--Retina 屏幕下的 1px 边框--end */
-
-
-/* start--clearfix--start */
-.u-clearfix:after,
-.clearfix:after {
-	/* #ifndef APP-NVUE */
-	content: '';
-	/* #endif */
-	display: table;
-	clear: both
-}
-/* end--clearfix--end */
-
-/* start--高斯模糊tabbar底部处理--start */
-.u-blur-effect-inset {
-	width: 750rpx;  
-	height: var(--window-bottom);   
-	background-color: #FFFFFF;  
-}
-/* end--高斯模糊tabbar底部处理--end */
-
-/* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */
-/* #ifdef H5 */
-uni-toast {
-    z-index: 10090;
-}
-uni-toast .uni-toast {
-   z-index: 10090;
-}
-/* #endif */
-/* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */
-
-/* start--去除button的所有默认样式--start */
-.u-reset-button {
-	padding: 0;
-	font-size: inherit;
-	line-height: inherit;
-	background-color: transparent;
-	color: inherit;
-}
-
-.u-reset-button::after {
-   border: none;
-}
-/* end--去除button的所有默认样式--end */
-
+page {
+	color: $u-main-color;
+	font-size: 28rpx;
+}
+
+/* start--去除webkit的默认样式--start */
+.u-fix-ios-appearance {
+	-webkit-appearance:none;
+}
+/* end--去除webkit的默认样式--end */
+
+/* start--icon图标外层套一个view，让其达到更好的垂直居中的效果--start */
+.u-icon-wrap {
+	display: flex;
+	align-items: center;
+}
+/* end-icon图标外层套一个view，让其达到更好的垂直居中的效果--end */
+
+/* start--iPhoneX底部安全区定义--start */
+.safe-area-inset-bottom {
+  padding-bottom: 0;  
+  padding-bottom: constant(safe-area-inset-bottom);  
+  padding-bottom: env(safe-area-inset-bottom);  
+} 
+/* end-iPhoneX底部安全区定义--end */
+
+/* start--各种hover点击反馈相关的类名-start */
+.u-hover-class {
+	// background-color: #f7f8f9!important;
+	opacity: 0.6;
+}
+
+.u-cell-hover {
+	background-color: #f7f8f9!important;
+}
+/* end--各种hover点击反馈相关的类名--end */
+
+/* start--文本行数限制--start */
+.u-line-1 {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+}
+
+.u-line-2 {
+    -webkit-line-clamp: 2;
+}
+
+.u-line-3 {
+    -webkit-line-clamp: 3;
+}
+
+.u-line-4 {
+    -webkit-line-clamp: 4;
+}
+
+.u-line-5 {
+    -webkit-line-clamp: 5;
+}
+
+.u-line-2, .u-line-3, .u-line-4, .u-line-5 {
+    overflow: hidden;
+	word-break: break-all;
+    text-overflow: ellipsis; 
+    display: -webkit-box; // 弹性伸缩盒
+    -webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
+}
+
+/* end--文本行数限制--end */
+
+
+/* start--Retina 屏幕下的 1px 边框--start */
+.u-border,
+.u-border-bottom,
+.u-border-left,
+.u-border-right,
+.u-border-top,
+.u-border-top-bottom {
+	position: relative
+}
+
+.u-border-bottom:after,
+.u-border-left:after,
+.u-border-right:after,
+.u-border-top-bottom:after,
+.u-border-top:after,
+.u-border:after {
+	/* #ifndef APP-NVUE */
+	content: ' ';
+	/* #endif */
+	position: absolute;
+	left: 0;
+	top: 0;
+	pointer-events: none;
+	box-sizing: border-box;
+	-webkit-transform-origin: 0 0;
+	transform-origin: 0 0;
+	// 多加0.1%，能解决有时候边框缺失的问题
+	width: 199.8%;
+	height: 199.7%;
+	transform: scale(0.5, 0.5);
+	border: 0 solid $u-border-color;
+	z-index: 2;
+}
+
+.u-border-top:after {
+	border-top-width: 1px
+}
+
+.u-border-left:after {
+	border-left-width: 1px
+}
+
+.u-border-right:after {
+	border-right-width: 1px
+}
+
+.u-border-bottom:after {
+	border-bottom-width: 1px
+}
+
+.u-border-top-bottom:after {
+	border-width: 1px 0
+}
+
+.u-border:after {
+	border-width: 1px
+}
+/* end--Retina 屏幕下的 1px 边框--end */
+
+
+/* start--clearfix--start */
+.u-clearfix:after,
+.clearfix:after {
+	/* #ifndef APP-NVUE */
+	content: '';
+	/* #endif */
+	display: table;
+	clear: both
+}
+/* end--clearfix--end */
+
+/* start--高斯模糊tabbar底部处理--start */
+.u-blur-effect-inset {
+	width: 750rpx;  
+	height: var(--window-bottom);   
+	background-color: #FFFFFF;  
+}
+/* end--高斯模糊tabbar底部处理--end */
+
+/* start--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--start */
+/* #ifdef H5 */
+uni-toast {
+    z-index: 10090;
+}
+uni-toast .uni-toast {
+   z-index: 10090;
+}
+/* #endif */
+/* end--提升H5端uni.toast()的层级，避免被uView的modal等遮盖--end */
+
+/* start--去除button的所有默认样式--start */
+.u-reset-button {
+	padding: 0;
+	font-size: inherit;
+	line-height: inherit;
+	background-color: transparent;
+	color: inherit;
+}
+
+.u-reset-button::after {
+   border: none;
+}
+/* end--去除button的所有默认样式--end */
+

package/libs/function/$parent.ts

@@ -1,22 +1,22 @@
-// 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
-// this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
-// 这里默认值等于undefined有它的含义，因为最顶层元素(组件)的$parent就是undefined，意味着不传name
-// 值(默认为undefined)，就是查找最顶层的$parent
-import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
-
-export default function $parent(componentName?: string, _instance: ComponentInternalInstance | null | undefined = null) {
-
-    const instance: ComponentInternalInstance | null | undefined = _instance || getCurrentInstance();
-    let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
-
-    if(!componentName) return parent;
-
-    while (parent) {
-        const name = (parent.type as any)?.name as string | undefined;
-        if (name === componentName) {
-            return parent;
-        }
-        parent = parent.parent;
-    }
-    return null;
-}
+// 获取父组件的参数，因为支付宝小程序不支持provide/inject的写法
+// this.$parent在非H5中，可以准确获取到父组件，但是在H5中，需要多次this.$parent.$parent.xxx
+// 这里默认值等于undefined有它的含义，因为最顶层元素(组件)的$parent就是undefined，意味着不传name
+// 值(默认为undefined)，就是查找最顶层的$parent
+import { type ComponentInternalInstance, getCurrentInstance } from 'vue';
+
+export default function $parent(componentName?: string, _instance: ComponentInternalInstance | null | undefined = null) {
+
+    const instance: ComponentInternalInstance | null | undefined = _instance || getCurrentInstance();
+    let parent = instance && (instance.parent as ComponentInternalInstance | null | undefined);
+
+    if(!componentName) return parent;
+
+    while (parent) {
+        const name = (parent.type as any)?.name as string | undefined;
+        if (name === componentName) {
+            return parent;
+        }
+        parent = parent.parent;
+    }
+    return null;
+}

package/libs/function/addUnit.ts

@@ -1,13 +1,13 @@
-import validation from './test';
-
-/**
- * 添加单位，如果有rpx，%，px等单位结尾或者值为auto，直接返回，否则加上rpx单位结尾
- * @param value 输入值，可以为字符串或数字，默认'auto'
- * @param unit 单位，默认'rpx'
- * @returns 添加单位后的字符串
- */
-export default function addUnit(value: string | number = 'auto', unit: string = 'rpx'): string {
-    const strValue = String(value);
-    // 用uView内置验证规则中的number判断是否为数值
-    return validation.number(strValue) ? `${strValue}${unit}` : strValue;
-}
+import validation from './test';
+
+/**
+ * 添加单位，如果有rpx，%，px等单位结尾或者值为auto，直接返回，否则加上rpx单位结尾
+ * @param value 输入值，可以为字符串或数字，默认'auto'
+ * @param unit 单位，默认'rpx'
+ * @returns 添加单位后的字符串
+ */
+export default function addUnit(value: string | number = 'auto', unit: string = 'rpx'): string {
+    const strValue = String(value);
+    // 用uView内置验证规则中的number判断是否为数值
+    return validation.number(strValue) ? `${strValue}${unit}` : strValue;
+}

package/libs/function/color.ts

@@ -1,37 +1,37 @@
-// 为了让用户能够自定义主题，会逐步弃用此文件，各颜色通过css提供
-// 为了给某些特殊场景使用和向后兼容，无需删除此文件(2020-06-20)
-let color = {
-	primary: "#2979ff",
-	primaryDark: "#2b85e4",
-	primaryDisabled: "#a0cfff",
-	primaryLight: "#ecf5ff",
-	bgColor: "#f3f4f6",
-	
-	info: "#909399",
-	infoDark: "#82848a",
-	infoDisabled: "#c8c9cc",
-	infoLight: "#f4f4f5",
-	
-	warning: "#ff9900",
-	warningDark: "#f29100",
-	warningDisabled: "#fcbd71",
-	warningLight: "#fdf6ec",
-	
-	error: "#fa3534",
-	errorDark: "#dd6161",
-	errorDisabled: "#fab6b6",
-	errorLight: "#fef0f0",
-	
-	success: "#19be6b",
-	successDark: "#18b566",
-	successDisabled: "#71d5a1",
-	successLight: "#dbf1e1",
-	
-	mainColor: "#303133",
-	contentColor: "#606266",
-	tipsColor: "#909399",
-	lightColor: "#c0c4cc",
-	borderColor: "#e4e7ed"
-}
-
+// 为了让用户能够自定义主题，会逐步弃用此文件，各颜色通过css提供
+// 为了给某些特殊场景使用和向后兼容，无需删除此文件(2020-06-20)
+let color = {
+	primary: "#2979ff",
+	primaryDark: "#2b85e4",
+	primaryDisabled: "#a0cfff",
+	primaryLight: "#ecf5ff",
+	bgColor: "#f3f4f6",
+	
+	info: "#909399",
+	infoDark: "#82848a",
+	infoDisabled: "#c8c9cc",
+	infoLight: "#f4f4f5",
+	
+	warning: "#ff9900",
+	warningDark: "#f29100",
+	warningDisabled: "#fcbd71",
+	warningLight: "#fdf6ec",
+	
+	error: "#fa3534",
+	errorDark: "#dd6161",
+	errorDisabled: "#fab6b6",
+	errorLight: "#fef0f0",
+	
+	success: "#19be6b",
+	successDark: "#18b566",
+	successDisabled: "#71d5a1",
+	successLight: "#dbf1e1",
+	
+	mainColor: "#303133",
+	contentColor: "#606266",
+	tipsColor: "#909399",
+	lightColor: "#c0c4cc",
+	borderColor: "#e4e7ed"
+}
+
 export default color;