fusions-ui 1.2.4 → 1.2.6

package/components/fu-collapse-item/props.js

@@ -1,65 +1,98 @@
 export default {
 	props: {
-		// 列表标题
-		title: {
-			type: String,
-			default: ''
-		},
-		// 唯一标志符
+		/**
+		 * @description 唯一标志符
+		 */
 		name: {
 			type: [String,Number],
 			default: ''
 		},
-		// 是否禁用
+		/**
+		 * @description 列表标题
+		 */
+		title: {
+			type: String,
+			default: ''
+		},
+		/**
+		 * @description 是否禁用
+		 * @default false
+		 */
 		disabled: {
 			type: Boolean,
 			default: false
 		},
 		// #ifdef APP-PLUS
-		// 是否显示动画,app 端默认不开启动画，卡顿严重
+		/**
+		 * @description 是否显示动画,app 端默认不开启动画，卡顿严重
+		 * @default false
+		 */
 		showAnimation: {
 			type: Boolean,
 			default: false
 		},
 		// #endif
 		// #ifndef APP-PLUS
-		// 是否显示动画
+		/**
+		 * @description 是否显示动画
+		 * @default true
+		 */
 		showAnimation: {
 			type: Boolean,
 			default: true
 		},
 		// #endif
-		// 是否展开
+		/**
+		 * @description 是否展开
+		 * @default false
+		 */
 		open: {
 			type: Boolean,
 			default: false
 		},
-		// 缩略图
+		/**
+		 * @description 缩略图
+		 */
 		thumb: {
 			type: String,
 			default: ''
 		},
-		// 标题分隔线显示类型
+		/**
+		 * @description 标题分隔线显示类型
+		 * @default 'auto'
+		 */
 		titleBorder: {
 			type: String,
 			default: 'auto'
 		},
-		// 是否显示分隔线  默认true
+		/**
+		 * @description 是否显示分隔线
+		 * @default true
+		 */
 		border: {
 			type: Boolean,
 			default: true
 		},
-		// 是否显示右侧箭头
+		/**
+		 * @description 是否显示右侧箭头
+		 * @default true
+		 */
 		showArrow: {
 			type: Boolean,
 			default: true
 		},
-		// 自定义背景色
+		/**
+		 * @description 背景颜色
+		 * @default '#FFFFFF'
+		 */
 		bgColor: {
 			type: String,
 			default: '#FFFFFF'
 		},
-		// 自定义内间距
+		/**
+		 * @description 内间距
+		 * @default '0 30rpx'
+		 */
 		padding: {
 			type: String,
 			default: '0 30rpx'

package/components/fu-countdown/fu-countdown.vue

@@ -17,6 +17,7 @@
 	 * @property {String} format 时间格式，D-日，h-时，m-分，s-秒，SSS-毫秒  （默认 'h:m:s' ）
 	 * @property {Boolean} autoStart = [true|false] 是否自动开始倒计时 （默认 true ）
 	 * @property {Boolean} millisecond = [true|false] 是否展示毫秒倒计时 （默认 false ）
+	 * 
 	 * @event {Function} change 倒计时变化时触发 
 	 * @event {Function} timeup 倒计时结束时触发 
 	 * @event {Function} start 开始倒计时
@@ -149,7 +150,7 @@
 	}
 </script>
 <style lang="scss" scoped>
-	$fu-countdown-text-color: #717579 !default;
+	$fu-countdown-text-color: #333333 !default;
 	$fu-countdown-text-font-size: 15px !default;
 	$fu-countdown-text-line-height: 22px !default;
 	

package/components/fu-countdown/props.js

@@ -1,21 +1,32 @@
 export default {
 	props: {
-		// 倒计时时长，单位ms
+		/**
+		 * @description 倒计时时长，单位ms
+		 */
 		time: {
 			type: [String,Number],
 			default: 0
 		},
-		// 时间格式，D-日，h-时，m-分，s-秒，SSS-毫秒（默认 'h:m:s' ）
+		/**
+		 * @description 时间格式，D-日，h-时，m-分，s-秒，SSS-毫秒（默认 'h:m:s'）
+		 * @default 'h:m:s'
+		 */
 		format: {
 			type: String,
 			default: 'h:m:s'
 		},
-		// 是否自动开始倒计时
+		/**
+		 * @description 是否自动开始倒计时
+		 * @default true
+		 */
 		autoStart: {
 			type: Boolean,
 			default: true
 		},
-		// 是否展示毫秒倒计时
+		/**
+		 * @description 是否展示毫秒倒计时
+		 * @default false
+		 */
 		millisecond: {
 			type: Boolean,
 			default: false

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

@@ -22,6 +22,10 @@
 </template>
 
 <script>
+	import mpMixin from '../../libs/mixin/mpMixin.js';
+	import mixin from '../../libs/mixin/mixin.js';
+	import dayjs from '../../libs/function/dayjs.js';
+	import props from './props.js';
 	function times(n, iteratee) {
 	    let index = -1
 	    const result = Array(n < 0 ? 0 : n)
@@ -30,10 +34,6 @@
 	    }
 	    return result
 	}
-	import mpMixin from '../../libs/mixin/mpMixin.js';
-	import mixin from '../../libs/mixin/mixin.js';
-	import dayjs from './dayjs.js';
-	import props from './props.js';
 	/**
 	 * DatetimePicker 时间日期选择器
 	 * @description 此组件选择器用于时间日期
@@ -66,6 +66,7 @@
 	 * @property {String,Number} visibleItemCount 每列中可见选项的数量  ( 默认 5 )
 	 * @property {Array} defaultIndex 各列的默认索引
 	 * @property {Boolean} maskClosable = [true|false] 是否允许点击遮罩关闭选择器 默认 true
+	 * 
 	 * @event {Function} close 关闭选择器时触发
 	 * @event {Function} confirm 点击确定按钮，返回当前选择的值
 	 * @event {Function} change 当选择值变化时触发
@@ -278,7 +279,7 @@
 			// 得出合法的时间
 			correctValue(value) {
 				const isDateMode = this.mode !== 'time';
-				if (isDateMode && !this.$fu.date(value)) {
+				if (isDateMode && !this.$fu.checkDate(value)) {
 					// 如果是日期类型，但是又没有设置合法的当前时间的话，使用最小时间为当前时间
 					value = this.minDate;
 				} else if (!isDateMode && !value) {

package/components/fu-datetime-picker/props.js

@@ -1,6 +1,8 @@
 export default {
 	props: {
-		// 绑定值
+		/**
+		 * @description 绑定值
+		 */
 		value: {
 			type: [String, Number],
 			default: 0
@@ -9,117 +11,181 @@ export default {
 			type: [String, Number],
 			default: ''
 		},
-		// 顶部标题
+		/**
+		 * @description 顶部标题
+		 */
 		title: {
 			type: String,
 			default: ''
 		},
-		// 顶部标题字体大小 默认15  (注：不传单位，默认px)
+		/**
+		 * @description 顶部标题字体大小 (注：不传单位，默认px)
+		 * @default 15
+		 */
 		titleSize: {
 			type: [String,Number],
 			default: 15
 		},
-		// 顶部标题字体颜色
+		/**
+		 * @description 顶部标题字体颜色
+		 * @default '#333333'
+		 */
 		titleColor: {
 			type: String,
 			default: '#333333'
 		},
-		// 展示格式 mode=date为日期选择，mode=time为时间选择，mode=year为年选择， mode=year-month为年月选择，mode=datetime为日期时间选择 ( 默认 'datetime' )
+		/**
+		 * @description 展示格式
+		 * @values 'date' - 日期选择, 'time' - 时间选择, 'year' - 年选择, 'year-month' - 年月选择, 'datetime' - 日期时间选择
+		 * @default 'datetime'
+		 */
 		mode: {
 			type: String,
 			default: 'datetime'
 		},
-		// 可选的最大时间 最大默认值为后10年
+		/**
+		 * @description 可选的最大时间 最大默认值为后10年
+		 */
 		maxDate: {
 			type: Number,
 			default: new Date(new Date().getFullYear() + 10, 0, 1).getTime()
 		},
-		// 可选的最小时间 最小默认值为前10年
+		/**
+		 * @description 可选的最小时间 最小默认值为前10年
+		 */
 		minDate: {
 			type: Number,
 			default: new Date(new Date().getFullYear() - 10, 0, 1).getTime()
 		},
-		// 可选的最小小时，仅mode=time有效
+		/**
+		 * @description 可选的最小小时（仅mode=time时生效）
+		 */
 		minHour: {
 			type: Number,
 			default: 0
 		},
-		// 可选的最大小时，仅mode=time有效
+		/**
+		 * @description 可选的最大小时（仅mode=time时生效）
+		 * @default 23
+		 */
 		maxHour: {
 			type: Number,
 			default: 23
 		},
-		// 可选的最小分钟，仅mode=time有效
+		/**
+		 * @description 可选的最小分钟（仅mode=time时生效）
+		 * @default 0
+		 */
 		minMinute: {
 			type: Number,
 			default: 0
 		},
-		// 可选的最大分钟，仅mode=time有效
+		/**
+		 * @description 可选的最大分钟（仅mode=time时生效）
+		 * @default 59
+		 */
 		maxMinute: {
 			type: Number,
 			default: 59
 		},
-		// 选项过滤函数 默认null
+		/**
+		 * @description 选项过滤函数
+		 * @default null
+		 */
 		filter: {
 			type: [Function, null],
 			default: null
 		},
-		// 选项格式化函数
+		/**
+		 * @description 选项格式化函数
+		 * @default null
+		 */
 		formatter: {
 			type: [Function, null],
 			default: null
 		},
-		// 是否显示加载中状态 默认false
+		/**
+		 * @description 是否显示加载中状态
+		 * @default false
+		 */
 		loading: {
 			type: Boolean,
 			default: false
 		},
-		// 各列中，单个选项的高度 ( 默认 44 )
+		/**
+		 * @description 各列中，单个选项的高度
+		 * @default 44
+		 */
 		itemHeight: {
 			type: [String, Number],
 			default: 44
 		},
-		// 取消按钮的文字  默认取消
+		/**
+		 * @description 取消按钮的文字
+		 * @default '取消'
+		 */
 		cancelText: {
 			type: String,
 			default: '取消'
 		},
-		// 取消按钮字体大小 默认13 (注：不传单位，默认px)
+		/**
+		 * @description 取消按钮字体大小 (注：不传单位，默认px)
+		 * @default 13
+		 */
 		cancelSize: {
 			type: [String,Number],
 			default: 13
 		},
-		// 取消按钮文本颜色
+		/**
+		 * @description 取消按钮文本颜色
+		 * @default '#888888'
+		 */
 		cancelColor: {
 			type: String,
 			default: '#888888'
 		},
-		// 确认按钮的文字
+		/**
+		 * @description 确认按钮的文字
+		 * @default '确认'
+		 */
 		confirmText: {
 			type: String,
-			default: '确定'
+			default: '确认'
 		},
-		// 确认按钮字体大小 默认13  (注：不传单位，默认px)
+		/**
+		 * @description 确认按钮字体大小 (注：不传单位，默认px)
+		 * @default 13
+		 */
 		confirmSize: {
 			type: [String,Number],
 			default: 13
 		},
-		// 确认按钮文本颜色
+		/**
+		 * @description 确认按钮文本颜色
+		 */
 		confirmColor: {
 			type: String,
 			default: ''
 		},
-		// 每列中可见选项的数量
+		/**
+		 * @description 每列中可见选项的数量
+		 * @default 5
+		 */
 		visibleItemCount: {
 			type: [String, Number],
 			default: 5
 		},
-		// 各列的默认索引
+		/**
+		 * @description 各列的默认索引
+		 */
 		defaultIndex: {
 			type: Array,
 			default: () => []
 		},
-		// 是否允许点击遮罩关闭选择器 默认 true
+		/**
+		 * @description 是否允许点击遮罩关闭选择器
+		 * @default true
+		 */
 		maskClosable: {
 			type: Boolean,
 			default: true

package/components/fu-form/fu-form.vue

@@ -24,6 +24,7 @@
 	/**
 	 * Form 表单
 	 * @description 此组件由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据
+	 * @property {Object} model 表单数据
 	 * @property {Object} rules	表单校验规则
 	 * @property {String} validateTrigger = [bind|submit|blur]	校验触发器方式 默认 submit
 	 * @value bind 发生变化时触发
@@ -34,7 +35,7 @@
 	 * 	@value left	左侧显示 label
 	 * @property {String} labelWidth label 宽度，默认 70
 	 * @property {String} labelAlign = [left|center|right]	label 居中方式  默认 left
-	 * 	@value left label 左侧显示
+	 * 	@value left label 左侧对齐
 	 * 	@value center label 居中
 	 * 	@value right label 右侧对齐
 	 * @property {String} errShowType = [undertext|toast|modal]	校验错误信息提示方式

package/components/fu-form/props.js

@@ -1,43 +1,71 @@
 export default {
 	props: {
+		/**
+		 * @description 绑定数据
+		 * @default null
+		 */
 		model: {
 			type: Object,
 			default () {
 				return null;
 			}
 		},
-		// 表单校验规则
+		/**
+		 * @description 表单校验规则
+		 */
 		rules: {
 			type: Object,
 			default () {
 				return {};
 			}
 		},
-		// 校验触发器方式 默认 submit 取值 [bind|submit|blur]
+		/**
+		 * @description 校验触发器方式
+		 * @values 'bind' - 发生变化时触发, 'submit' - 提交时触发, 'blur' - 失去焦点时触发
+		 * @default 'submit'
+		 */
 		validateTrigger: {
 			type: String,
 			default: 'submit'
 		},
-		//校验错误信息提示方式 默认 undertext 取值 [undertext|toast|modal]
+		/**
+		 * @description 校验错误信息提示方式
+		 * @values 'undertext' - 错误信息在底部显示, 'toast' - 错误信息toast显示, 'modal' - 错误信息modal显示
+		 * @default 'undertext'
+		 */
 		errShowType: {
 			type: String,
 			default: 'undertext'
 		},
-		// label 位置，默认 left 取值  top/left
+		/**
+		 * @description label 位置
+		 * @values 'top' - 顶部显示 label, 'left' - 左侧显示 label
+		 * @default 'left'
+		 */
 		labelPosition: {
 			type: String,
 			default: 'left'
 		},
-		// label 宽度
+		/**
+		 * @description label 宽度
+		 */
 		labelWidth: {
 			type: [String, Number],
 			default: ''
 		},
-		// label 居中方式，默认 left 取值 left/center/right
+		/**
+		 * @description label 居中方式 取值 left/center/right
+		 * @values 'left' - label 左侧对齐, 'center' - label 居中, 'right' - label 右侧对齐
+		 * @default 'left'
+		 */
 		labelAlign: {
 			type: String,
 			default: 'left'
 		},
+		/**
+		 * @description 是否显示边框
+		 * @default false
+		 */
 		border: {
 			type: Boolean,
 			default: false

package/components/fu-form-item/fu-form-item.vue

@@ -38,9 +38,9 @@
 	 * @property {String } label 输入框左边的文字提示
 	 * @property {Number } labelWidth label的宽度，单位px（默认70）
 	 * @property {String } labelAlign = [left|center|right] label的文字对齐方式（默认left）
-	 * 	@value left		label 左侧显示
-	 * 	@value center	label 居中
-	 * 	@value right	label 右侧对齐
+	 * 	@value left label 左侧显示
+	 * 	@value center label 居中
+	 * 	@value right label 右侧对齐
 	 * @property {String } message 显示的错误提示内容，如果为空字符串或者false，则不显示错误信息
 	 * @property {String } prop 表单域的属性名，在使用校验规则时必填
 	 * @property {String } labelPosition = [top|left] label的文字的位置，优先级高于fu-form组件中的labelPosition
@@ -106,18 +106,6 @@
 			}
 		
 		},
-		// #ifndef VUE3
-		destroyed() {
-			if (this.__isUnmounted) return
-			this.fuInit()
-		},
-		// #endif
-		// #ifdef VUE3
-		unmounted() {
-			this.__isUnmounted = true;
-			this.fuInit()
-		},
-		// #endif
 		methods: {
 			/**
 			 * 外部调用方法
@@ -373,14 +361,28 @@
 				// 标签对齐方式
 				this.localLabelAlign = this._justifyContent();
 			}
-		}
+		},
+		// #ifndef VUE3
+		destroyed() {
+			if (this.__isUnmounted) return
+			this.fuInit()
+		},
+		// #endif
+		// #ifdef VUE3
+		unmounted() {
+			this.__isUnmounted = true;
+			this.fuInit()
+		},
+		// #endif
 	}
 </script>
 
 <style lang="scss" scoped>
+	@import '../../libs/style/components.scss';
+	
 	.fu-form-item {
+		@include flex(row);
 		position: relative;
-		display: flex;
 		/* #ifdef APP-NVUE */
 		// 在 nvue 中，使用 margin-bottom error 信息会被隐藏
 		padding-bottom: 22px;
@@ -388,26 +390,21 @@
 		/* #ifndef APP-NVUE */
 		margin-bottom: 22px;
 		/* #endif */
-		flex-direction: row;
 	
 		&__label {
-			display: flex;
-			flex-direction: row;
+			@include flex(row);
 			align-items: center;
 			text-align: left;
 			font-size: 14px;
 			color: #606266;
-			height: 36px;
+			height: 40px;
 			padding: 0 12px 0 0;
 			/* #ifndef APP-NVUE */
 			vertical-align: middle;
-			flex-shrink: 0;
-			/* #endif */
-	
-			/* #ifndef APP-NVUE */
+			flex: 0 0 auto;
 			box-sizing: border-box;
-	
 			/* #endif */
+			
 			&.no-label {
 				padding: 0;
 			}
@@ -436,8 +433,7 @@
 		}
 	
 		& .fu-form-item__nuve-content {
-			display: flex;
-			flex-direction: column;
+			@include flex(column);
 			flex: 1;
 		}
 	
@@ -481,7 +477,6 @@
 	
 			.fu-form-item__label {
 				padding: 0 0 8px;
-				line-height: 1.5715;
 				text-align: left;
 				/* #ifndef APP-NVUE */
 				white-space: initial;
@@ -499,7 +494,7 @@
 	.fu-form-item--border {
 		margin-bottom: 0;
 		padding: 10px 0;
-		border-top: 1px #eee solid;
+		border-top: 1px #eeeeee solid;
 	
 		/* #ifndef APP-NVUE */
 		.fu-form-item__content {
@@ -517,8 +512,7 @@
 		/* #endif */
 	
 		/* #ifdef APP-NVUE */
-		display: flex;
-		flex-direction: column;
+		@include flex(column);
 	
 		.fu-form-item__error {
 			position: relative;
@@ -527,7 +521,6 @@
 			padding-top: 0;
 			margin-top: 5px;
 		}
-	
 		/* #endif */
 	}