fusions-ui 1.2.7 → 1.2.8

package/components/fu-code-verify/props.js

@@ -1,136 +0,0 @@
-export default {
-	props: {
-		/**
-		 * @description 倒计时总秒数
-		 * @default 60
-		 */
-		seconds: {
-			type: Number,
-			default: 60
-		},
-		/**
-		 * @description 发送前显示文本
-		 * @default '获取验证码'
-		 */
-		startText: {
-			type: String,
-			default: '获取验证码'
-		},
-		/**
-		 * @description 发送中显示文本
-		 * @default '请稍候...'
-		 */
-		sendText: {
-			type: String,
-			default: '请稍候...'
-		},
-		/**
-		 * @description 正在倒计时中的提示
-		 * @default 'Xs后获取'
-		 */
-		changeText: {
-			type: String,
-			default: 'Xs后获取'
-		},
-		/**
-		 * @description 倒计时结束时的提示
-		 * @default '重新获取'
-		 */
-		endText: {
-			type: String,
-			default: '重新获取'
-		},
-		/**
-		 * @description 按钮宽度
-		 */
-		width: {
-			type: [String,Number],
-			default: ''
-		},
-		/**
-		 * @description 按钮高度
-		 */
-		height: {
-			type: [String,Number],
-			default: ''
-		},
-		/**
-		 * @description 按钮字体颜色
-		 */
-		color: {
-			type: String,
-			default: ''
-		},
-		/**
-		 * @description 按钮字体大小
-		 * @default 14
-		 */
-		size: {
-			type: [String,Number],
-			default: 14
-		},
-		/**
-		 * @description 按钮背景颜色
-		 * @default 'transparent'
-		 */
-		bgColor: {
-			type: String,
-			default: 'transparent'
-		},
-		/**
-		 * @description 按钮边框颜色
-		 * @default 'transparent'
-		 */
-		borderColor: {
-			type: String,
-			default: 'transparent'
-		},
-		/**
-		 * @description 按钮圆角值
-		 * @default 4
-		 */
-		radius: {
-			type: [String,Number],
-			default: 4
-		},
-		/**
-		 * @description 倒计时的时候是否改变opacity值
-		 * @default true
-		 */
-		isOpacity: {
-			type: Boolean,
-			default: true
-		},
-		/**
-		 * @description 短信发送成功（改变数值且数值大于0表示发送成功，多次发送数值递增即可）
-		 * @default 0
-		 */	
-		successVal: {
-			type: Number,
-			default: 0
-		},
-		/**
-		 * @description 是否在H5刷新或各端返回再进入时继续倒计时
-		 * @default false
-		 */
-		keepRunning: {
-		    type: Boolean,
-		    default: false
-		},
-		/**
-		 * @description 为了区分多个页面，或者一个页面多个倒计时组件本地存储的继续倒计时变了
-		 */
-		uniqueKey: {
-		    type: String,
-		    default: ''
-		},
-		/**
-		 * @description 是否默认为倒计时状态
-		 * @default false
-		 */
-		startState: {
-			type: Boolean,
-			default: false
-		}
-	}
-}

package/components/fu-collapse/fu-collapse.vue

@@ -1,143 +0,0 @@
-<template>
-	<view class="fu-collapse" :style="{background: bgColor}">
-		<slot />
-	</view>
-</template>
-
-<script>
-	import mpMixin from '../../libs/mixin/mpMixin.js'
-	import props from './props.js'
-	/**
-	 * Collapse 折叠面板
-	 * @description 此组件面板展示可以折叠 / 展开的内容区域
-	 * @property {String,Array} value 当前激活面板改变时触发(如果是手风琴模式，参数类型为string，否则为array)
-	 * @property {Boolean} accordion = [true|false] 是否开启手风琴效果是否开启手风琴效果
-	 * @property {String} bgColor  自定义背景色  默认（'#FFFFFF'） 透明色设置transparent
-	 * 
-	 * @event {Function} change 切换面板时触发，如果是手风琴模式，返回类型为string，否则为array
-	 * @example <fu-collapse></fu-collapse>
-	 */
-	export default {
-		name:"FuCollapse",
-		mixins: [mpMixin, props],
-		emits:['change','activeItem','input','update:modelValue'],
-		data() {
-			return {};
-		},
-		created() {
-			this.childrens = []
-			this.names = []
-		},
-		mounted() {
-			this.$nextTick(()=>{
-				this.setOpen(this.dataValue)
-			})
-		},
-		computed: {
-			// 兼容 Vue2 和 Vue3
-			dataValue() {
-				let value = (typeof this.value === 'string' && this.value === '') ||
-					(Array.isArray(this.value) && this.value.length === 0)
-				let modelValue = (typeof this.modelValue === 'string' && this.modelValue === '') ||
-					(Array.isArray(this.modelValue) && this.modelValue.length === 0)
-				if (value) {
-					return this.modelValue
-				}
-				if (modelValue) {
-					return this.value
-				}
-		
-				return this.value
-			}
-		},
-		methods: {
-			setOpen(val) {
-				let str = typeof val === 'string'
-				let arr = Array.isArray(val)
-				this.childrens.forEach((item, index) => {
-					if (str) {
-						if (val === item.nameSync) {
-							if (!this.accordion) {
-								console.warn('accordion 属性为 false ,v-model 类型应该为 array')
-								return
-							}
-							item.isOpen = true
-						}
-					}
-					if (arr) {
-						val.forEach(v => {
-							if (v === item.nameSync) {
-								if (this.accordion) {
-									console.warn('accordion 属性为 true ,v-model 类型应该为 string')
-									return
-								}
-								item.isOpen = true
-							}
-						})
-					}
-				})
-				this.emit(val)
-			},
-			
-			setAccordion(self) {
-				if (!this.accordion) return
-				this.childrens.forEach((item, index) => {
-					if (self !== item) {
-						item.isOpen = false
-					}
-				})
-			},
-			
-			resize() {
-				this.childrens.forEach((item, index) => {
-					// #ifndef APP-NVUE
-					item.getCollapseHeight()
-					// #endif
-					// #ifdef APP-NVUE
-					item.getNvueHwight()
-					// #endif
-				})
-			},
-			
-			handleChange(isOpen, self) {
-				let activeItem = []
-		
-				if (this.accordion) {
-					activeItem = isOpen ? self.nameSync : ''
-				} else {
-					this.childrens.forEach((item, index) => {
-						if (item.isOpen) {
-							activeItem.push(item.nameSync)
-						}
-					})
-				}
-				this.$emit('change', activeItem)
-				this.emit(activeItem)
-			},
-			
-			emit(val){
-				this.$emit('input', val)
-				this.$emit('update:modelValue', val)
-			}
-		},
-		watch: {
-			dataValue(val) {
-				this.setOpen(val)
-			}
-		}
-	}
-</script>
-
-<style lang="scss" scoped>
-	@import '../../libs/style/components.scss';
-	
-	.fu-collapse {
-		@include flex(column);
-		/* #ifndef APP-NVUE */
-		width: 100%;
-		/* #endif */
-		/* #ifdef APP-NVUE */
-		flex: 1;
-		/* #endif */
-	}
-</style>

package/components/fu-collapse/props.js

@@ -1,29 +0,0 @@
-export default {
-	props: {
-		/**
-		 * @description 当前激活面板改变时触发(如果是手风琴模式，参数类型为string，否则为array)
-		 */
-		value: {
-			type: [String,Array],
-			default: ''
-		},
-		modelValue: {
-			type: [String,Array],
-			default: ''
-		},
-		/**
-		 * @description 是否开启手风琴效果是否开启手风琴效果
-		 */
-		accordion: {
-			type: Boolean,
-			default: false
-		},
-		/**
-		 * @description 自定义背景色
-		 */
-		bgColor: {
-			type: String,
-			default: '#FFFFFF'
-		}
-	}
-}

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

@@ -1,101 +0,0 @@
-export default {
-	props: {
-		/**
-		 * @description 唯一标志符
-		 */
-		name: {
-			type: [String,Number],
-			default: ''
-		},
-		/**
-		 * @description 列表标题
-		 */
-		title: {
-			type: String,
-			default: ''
-		},
-		/**
-		 * @description 是否禁用
-		 * @default false
-		 */
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		// #ifdef APP-PLUS
-		/**
-		 * @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'
-		},
-		/**
-		 * @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

@@ -1,164 +0,0 @@
-<template>
-	<view class="fu-count-down" :style="[$fu.addStyle(customStyle)]">
-		<slot>
-			<text class="fu-count-down__text">{{ formattedTime }}</text>
-		</slot>
-	</view>
-</template>
-<script>
-	import mpMixin from '../../libs/mixin/mpMixin.js'
-	import mixin from '../../libs/mixin/mixin.js'
-	import props from './props.js';
-	import { isSameSecond, formatTime, formatTimeData } from './util';
-	/**
-	 * Countdown 倒计时
-	 * @description 此组件一般使用于某个活动的截止时间上，通过数字的变化，给用户明确的时间感受，提示用户进行某一个行为操作。
-	 * @property {String,Number} time 倒计时时长，单位ms （默认 0 ）
-	 * @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 开始倒计时
-	 * @event {Function} pause 暂停倒计时 
-	 * @event {Function} reset 重设倒计时，若 auto-start 为 true，重设后会自动开始倒计时 
-	 * @example <fu-countdown :time="time"></fu-countdown>
-	 */
-	export default {
-		name: 'FuCountdown',
-		emits: ['change', 'timeup', 'start', 'pause', 'reset'],
-		mixins: [mpMixin, mixin, props],
-		data() {
-			return {
-				timer: null,
-				// 各单位(天，时，分等)剩余时间
-				timeData: formatTimeData(0),
-				// 格式化后的时间，如"05:25:25"
-				formattedTime: '0',
-				// 倒计时是否正在进行中
-				runing: false,
-				endTime: 0, // 结束的毫秒时间戳
-				remainTime: 0, // 剩余的毫秒时间
-			}
-		},
-		mounted() {
-			this.init()
-		},
-		methods: {
-			init() {
-				this.reset()
-			},
-			
-			// 开始倒计时
-			start() {
-				if (this.runing) return
-				// 标识为进行中
-				this.runing = true;
-				// 结束时间戳 = 此刻时间戳 + 剩余的时间
-				this.endTime = Date.now() + this.remainTime;
-				this.toTick()
-			},
-			// 根据是否展示毫秒，执行不同操作函数
-			toTick() {
-				if (this.millisecond) {
-					this.microTick()
-				} else {
-					this.macroTick()
-				}
-			},
-			macroTick() {
-				this.clearTimeout()
-				// 每隔一定时间，更新一遍定时器的值
-				// 同时此定时器的作用也能带来毫秒级的更新
-				this.timer = setTimeout(() => {
-					// 获取剩余时间
-					const remain = this.getRemainTime();
-					// 重设剩余时间
-					if (!isSameSecond(remain, this.remainTime) || remain === 0) {
-						this.setRemainTime(remain)
-					}
-					// 如果剩余时间不为0，则继续检查更新倒计时
-					if (this.remainTime !== 0) {
-						this.macroTick()
-					}
-				}, 30)
-			},
-			microTick() {
-				this.clearTimeout()
-				this.timer = setTimeout(() => {
-					this.setRemainTime(this.getRemainTime())
-					if (this.remainTime !== 0) {
-						this.microTick()
-					}
-				}, 50)
-			},
-			// 获取剩余的时间
-			getRemainTime() {
-				// 取最大值，防止出现小于0的剩余时间值
-				return Math.max(this.endTime - Date.now(), 0)
-			},
-			// 设置剩余的时间
-			setRemainTime(remain) {
-				this.remainTime = remain;
-				// 根据剩余的毫秒时间，得出该有天，小时，分钟等的值，返回一个对象
-				const timeData = formatTimeData(remain);
-				this.$emit('change', timeData)
-				// 得出格式化后的时间
-				this.formattedTime = formatTime(this.format, timeData);
-				// 如果时间已到，停止倒计时
-				if (remain <= 0) {
-					this.pause()
-					this.$emit('timeup')
-				}
-			},
-			// 重置倒计时
-			reset() {
-				this.pause()
-				this.remainTime = this.time;
-				this.setRemainTime(this.remainTime)
-				if (this.autoStart) {
-					this.start()
-				}
-			},
-			// 暂停倒计时
-			pause() {
-				this.runing = false;
-				this.clearTimeout()
-			},
-			// 清空定时器
-			clearTimeout() {
-				clearTimeout(this.timer)
-				this.timer = null;
-			}
-		},
-		watch: {
-			time(n) {
-				this.reset()
-			}
-		},
-		// #ifdef VUE2
-		beforeDestroy() {
-			this.clearTimeout()
-		},
-		// #endif
-		// #ifdef VUE3
-		unmounted() {
-			this.clearTimeout()
-		}
-		// #endif
-	}
-</script>
-<style lang="scss" scoped>
-	$fu-countdown-text-color: #333333 !default;
-	$fu-countdown-text-font-size: 15px !default;
-	$fu-countdown-text-line-height: 22px !default;
-	
-	.fu-count-down {
-		&__text {
-			color: $fu-countdown-text-color;
-			font-size: $fu-countdown-text-font-size;
-			line-height: $fu-countdown-text-line-height;
-		}
-	}
-</style>

package/components/fu-countdown/props.js

@@ -1,35 +0,0 @@
-export default {
-	props: {
-		/**
-		 * @description 倒计时时长，单位ms
-		 */
-		time: {
-			type: [String,Number],
-			default: 0
-		},
-		/**
-		 * @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
-		}
-	}
-}