fusions-ui 1.2.4 → 1.2.7

package/libs/mixin/mixin.js

@@ -1,29 +1,34 @@
-import * as index from '../function/index.js'
-import * as check from '../function/check.js'
+import * as common from '../function/common.js'
+import check from '../function/check.js'
 import { debounce, throttle } from '../function/applyEven.js'
 
 export default {
 	// 定义每个组件都可能需要用到的外部样式以及类名
 	props: {
-		// 每个组件都有的父组件传递的样式，可以为字符串或者对象形式
+		/**
+		 * @description 每个组件都有的父组件传递的样式，可以为字符串或者对象形式
+		 */
 		customStyle: {
 			type: [Object,String],
 			default: () => ({})
 		},
+		/**
+		 * @description 每个组件都有的父组件传递的样式类
+		 */
 		customClass: {
 			type: String,
 			default: ''
 		},
 		// 背景颜色
-		bgColor: {
-			type: String,
-			default: ''
-		},
-		// 字体颜色
-		color: {
-			type: String,
-			default: ''
-		}
+		// bgColor: {
+		// 	type: String,
+		// 	default: ''
+		// },
+		// // 字体颜色
+		// color: {
+		// 	type: String,
+		// 	default: ''
+		// }
 	},
 	onLoad() {
 		// getRect挂载到$fu上，因为这方法需要使用in(this)，所以无法把它独立成一个单独的文件导出
@@ -34,15 +39,15 @@ export default {
 		this.$fu.getRect = this.$fuGetRect;
 	},
 	computed: {
-		$fu() {
-			const obj = {
-				...index,
-				debounce,
-				throttle,
-				...check
-			};
-			return obj
-		}
+		// $fu() {
+		// 	const obj = {
+		// 		...index,
+		// 		debounce,
+		// 		throttle,
+		// 		...check
+		// 	};
+		// 	return obj
+		// }
 	},
 	methods: {
 		// 查询节点信息

package/libs/{utils/min.router.config.js → route/min.route.config.js}

@@ -129,16 +129,16 @@ function install(Vue, routerConfig) {
 	uni.$fu.$parseURL = parseURL.bind(globalProperties)
 }
 
-function minRouterConfig(options) {
-	if (!(this instanceof minRouterConfig)) {
-		throw Error("minRouterConfig是一个构造函数，应该用`new`关键字调用")
+function minRouteConfig(options) {
+	if (!(this instanceof minRouteConfig)) {
+		throw Error("minRouteConfig是一个构造函数，应该用`new`关键字调用")
 	}
 	isDefault(options) && (options = {})
 	this.options = options;
 	this._router = options.routes || [];
 }
 
-minRouterConfig.install = install;
-minRouterConfig.prototype.openPage = openPage;
-minRouterConfig.prototype.parseURL = parseURL;
-export default minRouterConfig;
+minRouteConfig.install = install;
+minRouteConfig.prototype.openPage = openPage;
+minRouteConfig.prototype.parseURL = parseURL;
+export default minRouteConfig;

package/libs/{utils/router.config.js → route/route.config.js}

@@ -9,7 +9,7 @@
  * import { getCurrentInstance } from 'vue';
  * const { $openPage } = getCurrentInstance().appContext.config.globalProperties;
  * $openPage({name: 'my', query: {id: 123}, type: 'navigateTo'})		传参方式
- * $openPage('my')    不传参数可以简写
+ * $openPage('my') 不传参数可以简写
  * Vue2 和 Vue3
  * 视图中可直接使用 $openPage('my')
  * 配置参数项说明：
@@ -18,17 +18,14 @@
  * type 跳转的方式 ['navigateTo', 'switchTab', 'reLaunch', 'redirectTo']  不传默认navigateTo
  */
 import pagesJson from '@/pages.json'
-import minRouterConfig from './min.router.config.js'
+import minRouteConfig from './min.route.config.js'
+
 
 // 处理 pages 数组
 function processPages(pages) {
 	return pages.map(page => {
-		if (!page.name) {
-			throw Error(`Page is missing the 'name' property: ${JSON.stringify(page)}`);
-		}
-		
 		const processedPage = {
-			name: page.name,
+			name: page.name || page.path,
 			path: page.path
 		}
 		
@@ -39,17 +36,19 @@ function processPages(pages) {
 		
 		return processedPage
 	});
+	return []
 }
 
 // 处理 subPackages 数组
 function processSubPackages(subPackages) {
-	if(!subPackages) return []
-	
+	if (!subPackages) return []
+
 	let routes = [];
 	subPackages.forEach(subPackage => {
 		routes = routes.concat(processPages(subPackage.pages).map(page => {
 			return {
 				...page,
+				name: page.name || subPackage.root + '/' + page.path,
 				path: subPackage.root + '/' + page.path
 			};
 		}));
@@ -57,11 +56,11 @@ function processSubPackages(subPackages) {
 	return routes;
 }
 
-const router = new minRouterConfig({
+const route = new minRouteConfig({
 	routes: [ // 权限路由 在main.js可实现路由拦截 所以路由都需要注册
 		...processPages(pagesJson.pages),
 		...processSubPackages(pagesJson.subPackages)
 	]
 })
 
-export default router
+export default route

package/libs/{css/main.scss → style/common.scss}

@@ -22,7 +22,7 @@ $cursor: (
 
 /* #ifndef APP-NVUE */
 /* gap 间距 */
-$gap: (5, 10, 15, 20, 25, 30, 35, 40);
+$gap: (5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100);
 @each $i in $gap {
 	// 结果如: fu-gap-20
 	.fu-gap-#{$i} {
@@ -57,11 +57,11 @@ $gap: (5, 10, 15, 20, 25, 30, 35, 40);
 
 /* flex 伸缩基准值 */
 /* #ifndef APP-NVUE */
-$flex-basis-values: (0, 10, 20, 30, 40, 50, 60, 70, 80, 90, 100);
+$flex-basis-values: (5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100);
 @each $i in $flex-basis-values {
 	// 结果如: fu-flex-basic-20
 	.fu-flex-basic-#{$i} {
-		flex-basis: #{$i * 1%}!important;
+		flex-basis: #{$i * 1%};
 	}
 }
 /* #endif */
@@ -141,11 +141,9 @@ $flex-properties: (
 }
 
 /* flex 设置不被压缩 */
-/* #ifndef APP-NVUE */
 .fu-flex-shrink {
-	flex-shrink: 0;
+	flex: 0 0 auto;
 }
-/* #endif */
 
 /* #ifndef APP-NVUE */
 /* white-space 空白字符是否合并，以及如何合并。是否换行，以及如何换行。 */
@@ -211,42 +209,42 @@ $z-index: (1, 9, 99, 999);
 @for $i from 0 through 200 {
 	// fu-t-0  在相对盒子范围内
 	.fu-t-#{$i} {
-		top: $i + rpx!important;
+		top: $i + rpx;
 	}
 	
 	// fu-t--5  超出相对盒子范围
 	.fu-t--#{$i} {
-		top: - $i + rpx!important;
+		top: - $i + rpx;
 	}
 	
 	// fu-b-0  在相对盒子范围内
 	.fu-b-#{$i} {
-		bottom: $i + rpx!important;
+		bottom: $i + rpx;
 	}
 	
 	// fu-b--5  超出相对盒子范围
 	.fu-b--#{$i} {
-		bottom: - $i + rpx!important;
+		bottom: - $i + rpx;
 	}
 	
 	// fu-l-0  在相对盒子范围内
 	.fu-l-#{$i} {
-		left: $i + rpx!important;
+		left: $i + rpx;
 	}
 	
 	// fu-l--5  超出相对盒子范围
 	.fu-l--#{$i} {
-		left: - $i + rpx!important;
+		left: - $i + rpx;
 	}
 	
 	// fu-r-0  在相对盒子范围内
 	.fu-r-#{$i} {
-		right: $i + rpx!important;
+		right: $i + rpx;
 	}
 	
 	// fu-r--5  超出相对盒子范围
 	.fu-r--#{$i} {
-		right: - $i + rpx!important;
+		right: - $i + rpx;
 	}
 }
 
@@ -256,64 +254,53 @@ $z-index: (1, 9, 99, 999);
 	@if $i % 2 == 0 or $i % 5 == 0 {
 		// 得出：fu-m-30
 		.fu-m-#{$i} {
-			margin: $i + rpx!important;
+			margin: $i + rpx;
 		}
 		
 		// 缩写版，结果如： fu-m-x-30
 		.fu-m-x-#{$i} {
-			margin-left: $i + rpx !important;
-			margin-right: $i + rpx !important;
+			margin-left: $i + rpx ;
+			margin-right: $i + rpx ;
 		}
 		
 		// 缩写版，结果如： fu-m-y-30
 		.fu-m-y-#{$i} {
-			margin-top: $i + rpx !important;
-			margin-bottom: $i + rpx !important;
+			margin-top: $i + rpx ;
+			margin-bottom: $i + rpx ;
 		}
 		
 		// 得出：fu-p-30
 		.fu-p-#{$i} {
-			padding: $i + rpx!important;
+			padding: $i + rpx;
 		}
 		
 		// 缩写版，结果如： fu-p-x-30
 		.fu-p-x-#{$i} {
-			padding-left: $i + rpx!important;
-			padding-right: $i + rpx!important;
+			padding-left: $i + rpx;
+			padding-right: $i + rpx;
 		}
 		
 		// 缩写版，结果如： fu-p-y-30
 		.fu-p-y-#{$i} {
-			padding-top: $i + rpx!important;
-			padding-bottom: $i + rpx!important;
+			padding-top: $i + rpx;
+			padding-bottom: $i + rpx;
 		}
 		
 		@each $short, $long in l left, t top, r right, b bottom {
 			// 缩写版，结果如： fu-m-l-30
 			// 定义外边距
 			.fu-m-#{$short}-#{$i} {
-				margin-#{$long}: $i + rpx!important;
+				margin-#{$long}: $i + rpx;
 			}
 			
 			// 缩写版，结果如： fu-m-l--30
 			.fu-m-#{$short}--#{$i} {
-				margin-#{$long}: - $i + rpx!important;
+				margin-#{$long}: - $i + rpx;
 			}
 			
 			// 定义内边距
 			.fu-p-#{$short}-#{$i} {
-				padding-#{$long}: $i + rpx!important;
-			}
-			
-			// 完整版，结果如：fu-margin-left-30
-			// 定义外边距
-			.fu-margin-#{$long}-#{$i} {
-				margin-#{$long}: $i + rpx!important;
-			}
-			
-			// 定义内边距
-			.fu-padding-#{$long}-#{$i} {
-				padding-#{$long}: $i + rpx!important;
+				padding-#{$long}: $i + rpx;
 			}
 		}
 	}
@@ -322,17 +309,17 @@ $z-index: (1, 9, 99, 999);
 @each $short, $long in l left, r right, t top, b bottom {
 	// 定义外间距最后一个为0
 	.fu-m-l-#{$short}:last-child {
-		margin-#{$long}: 0 !important;
+		margin-#{$long}: 0 ;
 	}
 	
 	// 定义外间距第一个为0
 	.fu-m-f-#{$short}:first-child {
-		margin-#{$long}: 0 !important;
+		margin-#{$long}: 0 ;
 	}
 	
 	// 定义边框第一个为0
 	.fu-br-#{$short}:last-child {
-		border-#{$long}: 0 !important;
+		border-#{$long}: 0 ;
 	}
 }
 
@@ -342,41 +329,37 @@ $z-index: (1, 9, 99, 999);
 	@if $i % 2 == 0 or $i % 5 == 0 {
 		// 得出：fu-b-r-30
 		.fu-b-r-#{$i} {
-			border-radius: $i + rpx!important;
-		}
-		
-		.fu-b-r-p-#{$i} {
-			border-radius: #{$i * 1%} !important;
+			border-radius: $i + rpx;
 		}
 		
 		/* #ifndef APP-NVUE */
 		@each $short, $long in l left, t top, r right, b bottom {
-			// 缩写版，结果如： fu-b-r-t-30/fu-b-r-t-30
+			// 缩写版，结果如： fu-b-r-t-30 & fu-b-r-t-30
 			// 定义top圆角
 			.fu-b-r-t-#{$i} {
-				border-top-#{$long}-radius: $i + rpx!important;
-				border-top-#{$long}-radius: $i + rpx!important;
+				border-top-#{$long}-radius: $i + rpx;
+				border-top-#{$long}-radius: $i + rpx;
 			}
 			
-			// 完整版，结果如：fu-b-r-b-30/fu-b-r-b-30
+			// 缩写版，结果如：fu-b-r-b-30 & fu-b-r-b-30
 			// 定义bottom圆角
 			.fu-b-r-b-#{$i} {
-				border-bottom-#{$long}-radius: $i + rpx!important;
-				border-bottom-#{$long}-radius: $i + rpx!important;
+				border-bottom-#{$long}-radius: $i + rpx;
+				border-bottom-#{$long}-radius: $i + rpx;
 			}
 			
-			// 缩写版，结果如： fu-b-r-t-l-30/fu-b-r-t-r-30
+			// 缩写版，结果如： fu-b-r-t-l-30 & fu-b-r-t-r-30
 			// 定义top-left, top-right圆角
 			.fu-b-r-t-#{$short}-#{$i} {
-				border-top-#{$long}-radius: $i + rpx!important;
-				border-top-#{$long}-radius: $i + rpx!important;
+				border-top-#{$long}-radius: $i + rpx;
+				border-top-#{$long}-radius: $i + rpx;
 			}
 			
-			// 完整版，结果如：fu-b-r-b-l-30/fu-b-r-b-r-30
+			// 缩写版，结果如：fu-b-r-b-l-30 & fu-b-r-b-r-30
 			// 定义bottom-left, bottom-right圆角
 			.fu-b-r-b-#{$short}-#{$i} {
-				border-bottom-#{$long}-radius: $i + rpx!important;
-				border-bottom-#{$long}-radius: $i + rpx!important;
+				border-bottom-#{$long}-radius: $i + rpx;
+				border-bottom-#{$long}-radius: $i + rpx;
 			}
 		}
 		/* #endif */
@@ -386,39 +369,19 @@ $z-index: (1, 9, 99, 999);
 // 定义宽度
 @for $i from 0 through 750 {
 	.fu-w-#{$i} {
-		width: $i+rpx!important;
-	}
-	
-	/* #ifndef APP-NVUE */
-	.fu-min-w-#{$i} { // 最小高度
-		min-width: $i+rpx!important;
-	}
-	
-	.fu-max-w-#{$i} { // 最大高度
-		max-width: $i+rpx!important;
+		width: $i + rpx;
 	}
-	/* #endif */
 }
 
-// 定义高度  垂直高度  最小高度  最大高度
+// 定义高度  垂直高度
 @for $i from 0 through 200 {
 	.fu-h-#{$i} { // 高度
-		height: $i + rpx!important;
+		height: $i + rpx;
 	}
 	
 	.fu-l-h-#{$i} { // 垂直高度
-		line-height: $i + rpx!important;
+		line-height: $i + rpx;
 	}
-	
-	/* #ifndef APP-NVUE */
-	.fu-min-h-#{$i} { // 最小高度
-		min-height: $i + rpx!important;
-	}
-	
-	.fu-max-h-#{$i} { // 最大高度
-		max-height: $i + rpx!important;
-	}
-	/* #endif */
 }
 
 // 定义透明度
@@ -466,7 +429,7 @@ $z-index: (1, 9, 99, 999);
 // 定义字体大小
 @for $i from 0 through 100 {
 	.fu-font-#{$i} {
-		font-size: $i + rpx!important;
+		font-size: $i + rpx;
 	}
 }
 
@@ -501,12 +464,12 @@ $font-weight: (
 			white-space: nowrap;
 			text-overflow: ellipsis;
 		} @else {
-			display: -webkit-box!important;
+			display: -webkit-box;
 			overflow: hidden;
 			text-overflow: ellipsis;
 			word-break: break-all;
 			-webkit-line-clamp: $i;
-			-webkit-box-orient: vertical!important;
+			-webkit-box-orient: vertical;
 		}
 		/* #endif */
 	}
@@ -515,7 +478,7 @@ $font-weight: (
 // 文本  underline下划线  line-through删除线
 @each $start, $long in underline underline, line-through line-through {
 	.fu-text-#{$start} {
-		text-decoration: $long !important;
+		text-decoration: $long ;
 	}
 }
 
@@ -535,6 +498,6 @@ $text-align: (
 
 @each $start, $long in l left, r right, c center {
 	.fu-text-#{$start} {
-		text-align: $long !important;
+		text-align: $long ;
 	}
 }

package/libs/style/style.h5.scss

@@ -0,0 +1,8 @@
+/* H5的时候，隐藏滚动条 */
+::-webkit-scrollbar {
+	display: none;  
+	width: 0 !important;  
+	height: 0 !important;  
+	-webkit-appearance: none;  
+	background: transparent;  
+}

package/libs/style/style.mp.scss

@@ -0,0 +1,15 @@
+@import './style.h5.scss';
+
+/* 微信小程序编译后页面有组件名的元素，特别处理 start */
+/* #ifdef MP-WEIXIN || MP-QQ */
+// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
+
+/* #endif */
+/* 微信小程序编译后页面有组件名的元素，特别处理 end */
+
+/* 头条小程序编译后页面有组件名的元素，特别处理 start */
+/* #ifdef MP-TOUTIAO */
+// 各家小程序宫格组件外层设置为100%，避免受到父元素display: flex;的影响
+
+/* #endif */
+/* 头条小程序编译后页面有组件名的元素，特别处理 end */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "fusions-ui",
-	"version": "1.2.4",
+	"version": "1.2.7",
 	"description": "FusionsUI Component library",
 	"main": "index.js",
 	"scripts": {