fusions-ui 1.2.2 → 1.2.3

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

@@ -199,18 +199,22 @@
 	/**
 	 * DatePicker 时间选择器
 	 * @description 同时支持 PC 和移动端使用日历选择日期和日期范围
-	 * @property {String} type = [date|daterange|datetime|datetimerange] 选择器类型
+	 * @property {String} mode = [date|daterange|datetime|datetimerange] 选择器类型
 	 * 	@value date 日期
 	 * 	@value daterange 日期范围
 	 * 	@value datetime 日期时间
 	 * 	@value datetimerange 日期时间范围
 	 * @property {String|Number|Array|Date} value 绑定值
 	 * @property {String} placeholder 单选择时的占位内容
-	 * @property {String} start 起始时间
+	 * @property {String} start 最小值，可以使用日期的字符串(String)、时间戳(Number)
 	 * @property {String} end 终止时间
-	 * @property {String} start-placeholder 范围选择时开始日期的占位内容
-	 * @property {String} end-placeholder 范围选择时结束日期的占位内容
-	 * @property {String} range-separator 选择范围时的分隔符
+	 * @property {String} returnType 返回值格式（默认 string）
+	 * 	@value timestamp 时间戳格式
+	 * 	@value string 字符串格式
+	 * 	@value date 日期格式
+	 * @property {String} startPlaceholder 范围选择时开始日期的占位内容
+	 * @property {String} endPlaceholder 范围选择时结束日期的占位内容
+	 * @property {String} rangeSeparator 选择范围时的分隔符
 	 * @property {Boolean} border = [true|false] 是否有边框
 	 * @property {Boolean} disabled = [true|false] 是否禁用
 	 * @property {Boolean} clearIcon = [true|false] 是否显示清除按钮（仅PC端适用）
@@ -274,59 +278,6 @@
 				i18nT: () => {}
 			}
 		},
-		watch: {
-			type: {
-				immediate: true,
-				handler(newVal) {
-					this.hasTime = newVal.indexOf('time') !== -1;
-					this.isRange = newVal.indexOf('range') !== -1;
-				}
-			},
-			// #ifndef VUE3
-			value: {
-				immediate: true,
-				handler(newVal) {
-					if (this.isEmitValue) {
-						this.isEmitValue = false;
-						return
-					}
-					this.initPicker(newVal)
-				}
-			},
-			// #endif
-			// #ifdef VUE3
-			modelValue: {
-				immediate: true,
-				handler(newVal) {
-					if (this.isEmitValue) {
-						this.isEmitValue = false;
-						return
-					}
-					this.initPicker(newVal)
-				}
-			},
-			// #endif
-			start: {
-				immediate: true,
-				handler(newVal) {
-					if (!newVal) return
-					this.calendarRange.startDate = getDate(newVal);
-					if (this.hasTime) {
-						this.calendarRange.startTime = getTime(newVal);
-					}
-				}
-			},
-			end: {
-				immediate: true,
-				handler(newVal) {
-					if (!newVal) return
-					this.calendarRange.endDate = getDate(newVal);
-					if (this.hasTime) {
-						this.calendarRange.endTime = getTime(newVal, this.hideSecond);
-					}
-				}
-			},
-		},
 		computed: {
 			timepickerStartTime() {
 				const activeDate = this.isRange ? this.tempRange.startDate : this.inputDate;
@@ -356,7 +307,7 @@
 			 * for i18n
 			 */
 			singlePlaceholderText() {
-				return this.placeholder || (this.type === 'date' ? this.selectDateText : this.selectDateTimeText)
+				return this.placeholder || (this.mode === 'date' ? this.selectDateText : this.selectDateTimeText)
 			},
 			startPlaceholderText() {
 				return this.startPlaceholder || this.startDateText
@@ -779,10 +730,10 @@
 			handleStartAndEnd(before, after, temp = false) {
 				if (!(before && after)) return
 
-				const type = temp ? 'tempRange' : 'range'
+				const mode = temp ? 'tempRange' : 'range'
 				const isStartEarlierEnd = dateCompare(before, after)
-				this[type].startDate = isStartEarlierEnd ? before : after;
-				this[type].endDate = isStartEarlierEnd ? after : before;
+				this[mode].startDate = isStartEarlierEnd ? before : after;
+				this[mode].endDate = isStartEarlierEnd ? after : before;
 			},
 			
 			/**
@@ -844,6 +795,59 @@
 					}
 				}
 			}
+		},
+		watch: {
+			mode: {
+				immediate: true,
+				handler(newVal) {
+					this.hasTime = newVal.indexOf('time') !== -1;
+					this.isRange = newVal.indexOf('range') !== -1;
+				}
+			},
+			// #ifndef VUE3
+			value: {
+				immediate: true,
+				handler(newVal) {
+					if (this.isEmitValue) {
+						this.isEmitValue = false;
+						return
+					}
+					this.initPicker(newVal)
+				}
+			},
+			// #endif
+			// #ifdef VUE3
+			modelValue: {
+				immediate: true,
+				handler(newVal) {
+					if (this.isEmitValue) {
+						this.isEmitValue = false;
+						return
+					}
+					this.initPicker(newVal)
+				}
+			},
+			// #endif
+			start: {
+				immediate: true,
+				handler(newVal) {
+					if (!newVal) return
+					this.calendarRange.startDate = getDate(newVal);
+					if (this.hasTime) {
+						this.calendarRange.startTime = getTime(newVal);
+					}
+				}
+			},
+			end: {
+				immediate: true,
+				handler(newVal) {
+					if (!newVal) return
+					this.calendarRange.endDate = getDate(newVal);
+					if (this.hasTime) {
+						this.calendarRange.endTime = getTime(newVal, this.hideSecond);
+					}
+				}
+			},
 		}
 	}
 </script>

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

@@ -1,6 +1,6 @@
 export default {
 	props: {
-		type: {
+		mode: {
 			type: String,
 			default: 'datetime'
 		},

package/components/fu-date-picker/time-picker.vue

@@ -4,9 +4,9 @@
 			<slot>
 				<view class="fu-datetime-picker-timebox-pointer"
 					:class="{'fu-datetime-picker-disabled': disabled, 'fu-datetime-picker-timebox': border}">
-					<text class="fu-datetime-picker-text">{{time}}</text>
+					<text class="fu-datetime-picker-text">{{ time }}</text>
 					<view v-if="!time" class="fu-datetime-picker-time">
-						<text class="fu-datetime-picker-text">{{selectTimeText}}</text>
+						<text class="fu-datetime-picker-text">{{ selectTimeText }}</text>
 					</view>
 				</view>
 			</slot>
@@ -15,24 +15,24 @@
 		<view v-if="visible" class="fu-datetime-picker-popup" :class="[dateShow && timeShow ? '' : 'fix-nvue-height']"
 			:style="fixNvueBug">
 			<view class="fu-title">
-				<text class="fu-datetime-picker-text">{{selectTimeText}}</text>
+				<text class="fu-datetime-picker-text">{{ selectTimeText }}</text>
 			</view>
 			<view v-if="dateShow" class="fu-datetime-picker__container-box">
 				<picker-view class="fu-datetime-picker-view" :indicator-style="indicatorStyle" :value="ymd"
 					@change="bindDateChange">
 					<picker-view-column>
 						<view class="fu-datetime-picker-item" v-for="(item,index) in years" :key="index">
-							<text class="fu-datetime-picker-item">{{lessThanTen(item)}}</text>
+							<text class="fu-datetime-picker-item">{{ lessThanTen(item) }}</text>
 						</view>
 					</picker-view-column>
 					<picker-view-column>
 						<view class="fu-datetime-picker-item" v-for="(item,index) in months" :key="index">
-							<text class="fu-datetime-picker-item">{{lessThanTen(item)}}</text>
+							<text class="fu-datetime-picker-item">{{ lessThanTen(item) }}</text>
 						</view>
 					</picker-view-column>
 					<picker-view-column>
 						<view class="fu-datetime-picker-item" v-for="(item,index) in days" :key="index">
-							<text class="fu-datetime-picker-item">{{lessThanTen(item)}}</text>
+							<text class="fu-datetime-picker-item">{{ lessThanTen(item) }}</text>
 						</view>
 					</picker-view-column>
 				</picker-view>
@@ -45,17 +45,17 @@
 					:indicator-style="indicatorStyle" :value="hms" @change="bindTimeChange">
 					<picker-view-column>
 						<view class="fu-datetime-picker-item" v-for="(item,index) in hours" :key="index">
-							<text class="fu-datetime-picker-item">{{lessThanTen(item)}}</text>
+							<text class="fu-datetime-picker-item">{{ lessThanTen(item) }}</text>
 						</view>
 					</picker-view-column>
 					<picker-view-column>
 						<view class="fu-datetime-picker-item" v-for="(item,index) in minutes" :key="index">
-							<text class="fu-datetime-picker-item">{{lessThanTen(item)}}</text>
+							<text class="fu-datetime-picker-item">{{ lessThanTen(item) }}</text>
 						</view>
 					</picker-view-column>
 					<picker-view-column v-if="!hideSecond">
 						<view class="fu-datetime-picker-item" v-for="(item,index) in seconds" :key="index">
-							<text class="fu-datetime-picker-item">{{lessThanTen(item)}}</text>
+							<text class="fu-datetime-picker-item">{{ lessThanTen(item) }}</text>
 						</view>
 					</picker-view-column>
 				</picker-view>
@@ -65,14 +65,14 @@
 			</view>
 			<view class="fu-datetime-picker-btn">
 				<view @click="clearTime">
-					<text class="fu-datetime-picker-btn-text">{{clearText}}</text>
+					<text class="fu-datetime-picker-btn-text">{{ clearText }}</text>
 				</view>
 				<view class="fu-datetime-picker-btn-group">
 					<view class="fu-datetime-picker-cancel" @click="tiggerTimePicker">
-						<text class="fu-datetime-picker-btn-text">{{cancelText}}</text>
+						<text class="fu-datetime-picker-btn-text">{{ cancelText }}</text>
 					</view>
 					<view @click="setTime">
-						<text class="fu-datetime-picker-btn-text">{{okText}}</text>
+						<text class="fu-datetime-picker-btn-text">{{ okText }}</text>
 					</view>
 				</view>
 			</view>
@@ -98,7 +98,7 @@
 	 */
 	export default {
 		name: 'FuTimePicker',
-		emits: ['change', 'input'],
+		emits: ['change', 'input', 'update:modelValue'],
 		data() {
 			return {
 				indicatorStyle: `height: 50px;`,

package/components/fu-section/fu-section.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="fu-section" :class="customClass" :style="[customStyle]">
 		<view class="fu-section-header" @click="onClick">
-			<view class="fu-section-header__decoration" :class="type" v-if="type" />
+			<view class="fu-section-header__decoration" :class="mode" v-if="mode" />
 			<slot v-else name="decoration"></slot>
 
 			<view class="fu-section-header__content">
@@ -29,7 +29,7 @@
 	/**
 	 * Section 标题栏
 	 * @description 标题栏
-	 * @property {String} type = [line|circle|square] 标题装饰类型
+	 * @property {String} mode = [line|circle|square] 标题装饰类型
 	 * 	@value line 竖线
 	 * 	@value circle 圆形
 	 * 	@value square 正方形
@@ -41,6 +41,7 @@
 	 * @property {String} subTitleColor 副标题字体颜色
 	 * @property {String} customClass 自定义class
 	 * @property {Object,String} customStyle 自定义样式
+	 * @event {Function} click 点击标题栏触发
 	 */
 	export default {
 		name: 'FuSection',

package/components/fu-section/props.js

@@ -1,6 +1,6 @@
 export default {
 	props: {
-		type: {
+		mode: {
 			type: String,
 			default: ''
 		},
@@ -15,7 +15,7 @@ export default {
 		},
 		titleColor: {
 			type: String,
-			default: '#333'
+			default: '#333333'
 		},
 		subTitle: {
 			type: String,
@@ -27,7 +27,7 @@ export default {
 		},
 		subTitleColor: {
 			type: String,
-			default: '#999'
+			default: '#999999'
 		}
 	}
 }

package/components/fu-vtabs/fu-vtabs.vue

@@ -26,6 +26,21 @@
 				<text :class="['fu-vtabs__bar-item--value', index == activeIndex && 'fu-vtabs__bar-item-active--value']" :style="[itemStyle(index),textStyle(index)]">{{item[keyName]}}</text>
 				<view class="fu-vtabs__bar-item--badge" :style="[$fu.addStyle(barItemBadgeStyle)]" v-if="!!(item.badge && (item.badge.show || item.badge.isDot || item.badge.value))">
 					<!-- 标记 -->
+					<fu-badge
+						:show="!!(item.badge && (item.badge.show || item.badge.isDot || item.badge.value))" 
+						:isDot="item.badge && item.badge.isDot || propsBadge.isDot" 
+						:value="item.badge && item.badge.value || propsBadge.value" 
+						:max="item.badge && item.badge.max || propsBadge.max"
+						:type="item.badge && item.badge.type || propsBadge.type"
+						:showZero="item.badge && item.badge.showZero || propsBadge.showZero"
+						:bgColor="item.badge && item.badge.bgColor || propsBadge.bgColor"
+						:color="item.badge && item.badge.color || propsBadge.color"
+						:shape="item.badge && item.badge.shape || propsBadge.shape"
+						:numberType="item.badge && item.badge.numberType || propsBadge.numberType"
+						:offset="item.badge && item.badge.offset || propsBadge.offset"
+						:inverted="item.badge && item.badge.inverted || propsBadge.inverted"
+						:absolute="item.badge && item.badge.absolute || propsBadge.absolute"
+					></fu-badge>
 				</view>
 			</view>
 		</scroll-view>
@@ -62,6 +77,7 @@
 	import mpMixin from '../../libs/mixin/mpMixin.js'
 	import mixin from '../../libs/mixin/mixin.js'
 	import props from './props.js';
+	import fuBadgeProps from '../fu-badge/props.js'
 	// #ifdef APP-NVUE
 	const dom = uni.requireNativePlugin('dom')
 	// #endif
@@ -160,6 +176,9 @@
 				const style = {};
 				style.height = this.getHeight();
 				return style;
+			},
+			propsBadge() {
+				return fuBadgeProps
 			}
 		},
 		methods: {

package/package.json

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