fusions-ui 1.2.4 → 1.2.7

package/components/fu-button/props.js

@@ -1,152 +1,225 @@
 export default {
 	props: {
-		// 按钮索引，用于区分多个按钮
+		/**
+		 * @description 按钮索引，用于区分多个按钮
+		 */
 		index: {
 			type: [Number, String],
 			default: 0
 		},
-		// 按钮的预置样式，primary，error，success，warning，info
+		/**
+		 * @description 按钮的预置样式
+		 * @values 'primary' - 主色, 'error' - 错误, 'success' - 成功, 'warning' - 警告, 'info' - 信息
+		 * @default 'primary'
+		 */
 		type: {
 			type: String,
 			default: 'primary'
 		},
-		// 按钮文字，之所以通过props传入，是因为slot传入的话
-		// nvue中无法控制文字的样式
+		/**
+		 * @description 按钮文字，之所以通过props传入，是因为slot传入的话
+		 * nvue中无法控制文字的样式
+		 */
 		text: {
 			type: [String, Number],
 			default: ''
 		},
-		// 按钮形状 square（带圆角） circle（两边为半圆）
+		/**
+		 * @description 按钮形状
+		 * @values 'square' - 带圆角, 'circle' - 两边为半圆
+		 * @default 'square'
+		 */
 		shape: {
 			type: String,
 			default: 'square'
 		},
-		// 宽度 不传单位 默认px
+		/**
+		 * @description 按钮宽度
+		 */
 		width: {
 			type: [String,Number],
 			default: ''
 		},
-		// 高度 不传单位 默认px
+		/**
+		 * @description 按钮高度
+		 */
 		height: {
 			type: [String,Number],
 			default: ''
 		},
-		// 按钮的尺寸 size= [large|normal|small|mini]（默认 normal）
+		/**
+		 * @description 按钮的尺寸
+		 * @values 'large' - 16px, 'normal' - 14px, 'small' - 12px, 'mini' - 10px
+		 * @default 'normal'
+		 */
 		size: {
 			type: String,
 			default: 'normal'
 		},
-		// 外边距 与css的margin参数用法相同
+		/**
+		 * @description 外边距 与css的margin参数用法相同
+		 */
 		margin: {
 			type: String,
 			default: ''
 		},
-		// 是否镂空
+		/**
+		 * @description 是否镂空
+		 * @default false
+		 */
 		plain: {
 			type: Boolean,
 			default: false
 		},
-		// 是否禁用
+		/**
+		 * @description 是否禁用
+		 * @default false
+		 */
 		disabled: {
 			type: Boolean,
 			default: false
 		},
-		// 是否显示加载图标
+		/**
+		 * @description 是否显示加载图标
+		 * @default false
+		 */
 		loading: {
 			type: Boolean,
 			default: false
 		},
-		// 加载中提示文字
+		/**
+		 * @description 加载中提示文字
+		 */
 		loadingText: {
 			type: [String],
 			default: ''
 		},
-		// 加载状态图标类型
+		/**
+		 * @description 加载状态图标类型
+		 * @default 'flower'
+		 */
 		loadingMode: {
 			type: String,
 			default: 'flower'
 		},
-		// 加载图标大小
+		/**
+		 * @description 加载图标大小
+		 * @default 14
+		 */
 		loadingSize: {
 			type: [String, Number],
 			default: 14
 		},
-		// 触发form表单的事件类型
+		/**
+		 * @description 触发form表单的事件类型
+		 */
 		formType: {
 			type: String,
 			default: ''
 		},
-		// 开放能力，具体请看uniapp稳定关于button组件部分说明
-		// https://uniapp.dcloud.io/component/button
+		/**
+		 * @description 开放能力，具体请看uniapp稳定关于button组件部分说明
+		 * https://uniapp.dcloud.io/component/button
+		 */
 		openType: {
 			type: String,
 			default: ''
 		},
-		// 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效
+		/**
+		 * @description 指定是否阻止本节点的祖先节点出现点击态，微信小程序有效
+		 */
 		hoverStopPropagation: {
 			type: Boolean,
 			default: false
 		},
-		// 会话来源，open-type="contact"时有效。只微信小程序有效
+		/**
+		 * @description 会话来源，open-type="contact"时有效。只微信小程序有效
+		 */
 		sessionFrom: {
 			type: String,
 			default: ''
 		},
-		// 会话内消息卡片标题，open-type="contact"时有效
-		// 默认当前标题，只微信小程序有效
+		/**
+		 * @description 会话内消息卡片标题，open-type="contact"时有效
+		 * 默认当前标题，只微信小程序有效
+		 */
 		sendMessageTitle: {
 			type: String,
 			default: ''
 		},
-		// 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效
-		// 默认当前分享路径，只微信小程序有效
+		/**
+		 * @description 会话内消息卡片点击跳转小程序路径，open-type="contact"时有效
+		 * 默认当前分享路径，只微信小程序有效
+		 */
 		sendMessagePath: {
 			type: String,
 			default: ''
 		},
-		// 会话内消息卡片图片，open-type="contact"时有效
-		// 默认当前页面截图，只微信小程序有效
+		/**
+		 * @description 会话内消息卡片图片，open-type="contact"时有效
+		 * 默认当前页面截图，只微信小程序有效
+		 */
 		sendMessageImg: {
 			type: String,
 			default: ''
 		},
-		// 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，
-		// 用户点击后可以快速发送小程序消息，open-type="contact"时有效
+		/**
+		 * @description 是否显示会话内消息卡片，设置此参数为 true，用户进入客服会话会在右下角显示"可能要发送的小程序"提示，
+		 * 用户点击后可以快速发送小程序消息，open-type="contact"时有效
+		 */
 		showMessageCard: {
 			type: Boolean,
 			default: false
 		},
-		//场景：none：不开启防抖节流模式  debounce：防抖模式  throttle：节流模式
+		/**
+		 * @description 场景：none：不开启防抖节流模式  debounce：防抖模式  throttle：节流模式
+		 * @default 'throttle'
+		 */
 		scene:{
 			type: String,
 			default: 'throttle'
 		},
-		// 防抖节流间隔时间（毫秒）
+		/**
+		 * @description 防抖节流间隔时间（毫秒）
+		 * @default 300
+		 */
 		sceneTime:{
 			type: Number,
 			default: 300
 		},
-		// 按住后多久出现点击态，单位毫秒
+		/**
+		 * @description 按住后多久出现点击态，单位毫秒
+		 */
 		hoverStartTime: {
 			type: [String, Number],
 			default: 0
 		},
-		// 手指松开后点击态保留时间，单位毫秒
+		/**
+		 * @description 手指松开后点击态保留时间，单位毫秒
+		 * @default 200
+		 */
 		hoverStayTime: {
 			type: [String, Number],
 			default: 200
 		},
-		// 按钮颜色，支持传入linear-gradient渐变色
+		/**
+		 * @description 按钮颜色，支持传入linear-gradient渐变色
+		 */
 		color: {
 			type: String,
 			default: ''
 		},
-		// 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。只微信小程序有效
+		/**
+		 * @description 指定返回用户信息的语言，zh_CN 简体中文，zh_TW 繁体中文，en 英文。只微信小程序有效
+		 * @default 'en'
+		 */
 		lang: {
 			type: String,
 			default: 'en'
 		},
-		// 自定义按钮文本样式
+		/**
+		 * @description 自定义按钮文本样式
+		 */
 		customTextStyle: {
 			type: [Object,String],
 			default: ''

package/components/fu-cell/fu-cell.vue

@@ -3,7 +3,7 @@
 		class="fu-cell" 
 		:hover-class="(!disabled && (clickable && isLink)) ? 'fu-cell--clickable' : ''" 
 		:hover-stay-time="250" 
-		@click="onClick">
+		@click="handleClick">
 		<view 
 			class="fu-cell__body" 
 			:class="[ center && 'fu-cell--center', size === 'large' && 'fu-cell__body--large']" 
@@ -11,7 +11,7 @@
 			<view class="fu-cell__body__content">
 				<view class="fu-cell__left-icon-wrap">
 					<slot name="icon">
-						<fu-icons :name="icon" :size="iconSize" :color="iconColor" v-if="icon" />
+						<fu-icon :name="icon" :size="iconSize" :color="iconColor" v-if="icon" />
 					</slot>
 				</view>
 				<view class="fu-cell__title">
@@ -44,7 +44,7 @@
 			</slot>
 			<view class="fu-cell__right-icon-wrap" :class="[`fu-cell__right-icon-wrap--${arrowDirection}`]">
 				<slot name="right">
-					<fu-icons :name="rightIcon" :color="disabled? '#d4d5d8' : rightColor" :size="rightSize" v-if="isLink" />
+					<fu-icon :name="rightIcon" :color="disabled? '#d4d5d8' : rightColor" :size="rightSize" v-if="isLink" />
 				</slot>
 			</view>
 		</view>
@@ -77,6 +77,7 @@
 	 * @property {String} size 单位元的大小，可选值为 large，normal，mini 
 	 * @property {Boolean} stop = [true|false] 点击cell是否阻止事件传播 (默认 true )
 	 * @property {Object,String} customStyle 定义需要用到的外部样式
+	 * 
 	 * @event {Function} click 点击cell列表时触发
 	 * @example 该组件需要搭配cell-group组件使用
 	 */
@@ -90,20 +91,19 @@
 			}
 		},
 		methods: {
-			// 点击cell
-			onClick(e) {
+			// 点击cell触发
+			handleClick(e) {
 				if (this.disabled) return
 				this.$emit('click', {
 					name: this.name
 				})
-			},
+			}
 		}
 	}
 </script>
 
 <style lang="scss" scoped>
-	@import '../../libs/css/component.scss';
-	
+	@import '../../libs/style/components.scss';
 	$fu-cell-padding: 10px 15px !default;
 	$fu-cell-font-size: 15px !default;
 	$fu-cell-line-height: 24px !default;
@@ -128,6 +128,7 @@
 	$fu-cell-right-icon-wrap-margin-left: 4px !default;
 	$fu-cell-title-flex: 1 !default;
 	$fu-cell-label-margin-top: 5px !default;
+	
 	.fu-cell {
 		
 		&__body {

package/components/fu-cell-group/fu-cell-group.vue

@@ -21,8 +21,9 @@
 	 * @description 此组件一般用于一组列表的情况，比如个人中心页，设置页等。
 	 * @property {String} title 分组标题
 	 * @property {Boolean} border = [true|false] 是否显示外边框 (默认 true )
-	 * @property {String} customClass 定义需要用到的外部class样式
+	 * @property {String} customClass 定义需要用到的外部样式类
 	 * @property {Object,String} customStyle 定义需要用到的外部样式
+	 * 
 	 * @example <fu-cell-group title="设置喜好"></fu-cell-group>
 	 */
 	export default {

package/components/fu-cell-group/props.js

@@ -1,11 +1,16 @@
 export default {
 	props: {
-		// 分组标题
+		/**
+		 * @description 分组标题
+		 */
 		title: {
 			type: String,
 			default: ''
 		},
-		// 是否显示外边框
+		/**
+		 * @description 是否显示外边框
+		 * @default true
+		 */
 		border: {
 			type: Boolean,
 			default: true

package/components/fu-checkbox/fu-checkbox.vue

@@ -88,7 +88,9 @@
 	 * @property {Boolean} highlight = [true|false] 选中时，文本是否高亮（默认 true）
 	 * @property {String} iconPos mode = list 列表模式下icon显示位置（默认 left）
 	 * @property {String} activeTextColor 选中文本颜色，如为空则自动显示
+	 * 
 	 * @event {Function} change 选中状态发生改变时触发
+	 * @example<fu-checkbox :list="list"></fu-checkbox>
 	 */
 	export default {
 		name: 'FuCheckBox',
@@ -228,7 +230,7 @@
 				const dataList = this.$fu.deepClone(this.range);
 				let newList = [];
 				if (this.multiple) {
-					if (!this.$fu.array(value)) {
+					if (!this.$fu.isArray(value)) {
 						value = [];
 					}
 				}
@@ -314,9 +316,8 @@
 </script>
 
 <style lang="scss" scoped>
-	@import '../../libs/css/component.scss';
-	@import '../../libs/css/color.scss';
-	
+	@import '../../libs/style/components.scss';
+	@import '../../libs/style/color.scss';
 	$fontSize: 14px !default;
 	$color: #666666 !default;
 	$border-color: #DCDFE6 !default;

package/components/fu-checkbox/props.js

@@ -1,6 +1,8 @@
 export default {
 	props: {
-		// 选中的值
+		/**
+		 * @description 选中的值
+		 */
 		value: {
 			type: [Array,String,Number],
 			default () {
@@ -13,24 +15,34 @@ export default {
 				return '';
 			}
 		},
-		// 显示模式（默认 default）
+		/**
+		 * @description 显示模式
+		 * @default 'default'
+		 */
 		mode: {
 			type: String,
 			default: 'default'
 		},
-		// 是否多选
+		/**
+		 * @description 是否多选
+		 * @default false
+		 */
 		multiple: {
 			type: Boolean,
 			default: false
 		},
-		// 选择项数据，默认格式 [{text:'',value:''}]，可通过map字段映射
+		/**
+		 * @description 选择项数据，默认格式 [{text:'',value:''}]，可通过map字段映射
+		 */
 		list: {
 			type: Array,
 			default () {
 				return []
 			}
 		},
-		// 字段映射，默认 map = { text: 'text', value: 'value' }
+		/**
+		 * @description 字段映射（默认 { text: 'text', value: 'value' }）
+		 */
 		map:{
 			type: Object,
 			default () {
@@ -40,47 +52,72 @@ export default {
 				}
 			}
 		},
-		// 最小选择个数，multiple为true时生效
+		/**
+		 * @description 最小选择个数（仅multiple=true时生效）
+		 */
 		min: {
 			type: [Number,String],
 			default: ''
 		},
-		// 最大选择个数，multiple为true时生效
+		/**
+		 * @description 最大选择个数（仅multiple=true时生效）
+		 */
 		max: {
 			type: [Number,String],
 			default: ''
 		},
-		// 是否换行显示（默认 false）
+		/**
+		 * @description 是否换行显示
+		 * @default false
+		 */
 		wrap: {
 			type: Boolean,
 			default: false
 		},
-		// 是否禁用全部checkbox（默认 false）
+		/**
+		 * @description 是否禁用全部checkbox
+		 * @default false
+		 */
 		disabled:{
 			type: Boolean,
 			default: false
 		},
-		// 选中状态下的颜色
+		/**
+		 * @description 选中状态下的颜色
+		 * @default '#2979ff'
+		 */
 		activeColor: {
 			type: String,
 			default: '#2979ff'
 		},
-		// 形状，可选值：circle-圆形，square-方形（默认 circle）
+		/**
+		 * @description 形状
+		 * @values 'circle' - 圆形, 'square' - 方形
+		 * @default 'circle'
+		 */
 		shape: {
 			type: String,
 			default: 'circle'
 		},
-		// 选中时，文本是否高亮，仅mode为default/list生效（默认 true）
+		/**
+		 * @description 选中时，文本是否高亮（仅mode=default|list时生效）
+		 * @default true
+		 */
 		highlight: {
 			type: Boolean,
 			default: true
 		},
-		// mode = list 列表模式下icon显示位置
+		/**
+		 * @description 列表模式下icon显示位置（仅mode=list时生效）
+		 * @default 'left'
+		 */
 		iconPos: {
 			type: String,
 			default: 'left'
 		},
-		// 选中文本颜色，如为空则自动显示
+		/**
+		 * @description 选中文本颜色，如为空则自动显示
+		 */
 		activeTextColor: {
 			type: String,
 			default: ''

package/components/fu-code-input/fu-code-input.vue

@@ -36,7 +36,7 @@
 	 * CodeInput 验证码输入
 	 * @description 此组件一般用于验证用户短信验证码的场景，也可以结合fuui的键盘组件使用
 	 * @property {String,Number} value / v-model 预置值
-	 * @property {String,Number} maxlength 最大输入长度 （默认 4 ）
+	 * @property {String,Number} maxlength 最大输入长度 （默认 4）
 	 * @property {Boolean} dot = [true|false] 是否用圆点填充 （默认 false ）
 	 * @property {String} mode = [box|line] 显示模式 （默认 'box' ）
 	 * 	@value box 盒子模式
@@ -45,13 +45,14 @@
 	 * @property {String,Number} space 字符间的距离 （默认 10 ）
 	 * @property {Boolean} focus = [true|false] 是否自动获取焦点 （默认 false ）
 	 * @property {Boolean} bold = [true|false] 字体和输入横线是否加粗 （默认 false ）
-	 * @property {String} color 字体颜色 （默认 '#5c5e62' ）
+	 * @property {String} color 字体颜色 （默认 '#626468' ）
 	 * @property {String,Number} fontSize 字体大小，单位px （默认 18 ）
 	 * @property {String,Number} size 输入框的大小，宽等于高 （默认 35 ）
 	 * @property {Boolean} disabledKeyboard = [true|false]	是否隐藏原生键盘，如果想用自定义键盘的话，需设置此参数为true （默认 false ）
-	 * @property {String} borderColor 边框和线条颜色 （默认 '#c9cacb' ）
+	 * @property {String} borderColor 边框和线条颜色 （默认 '#cdcdce' ）
 	 * @property {Boolean} disabledDot = [true|false] 是否禁止输入"."符号 （默认 true ）
 	 * @property {String,Number} radius 自定义圆角 仅mode为box有效（默认 '4'）
+	 * 
 	 * @event {Function} change	输入内容发生改变时触发
 	 * @event {Function} finish	输入字符个数达maxlength值时触发
 	 * @example	<fu-code-input v-model="value" :focus="true"></fu-code-input>
@@ -59,6 +60,7 @@
 	export default {
 		name: 'FuCodeInput',
 		mixins: [mpMixin, mixin, props],
+		emits: ['change', 'input', 'update:modelValue', 'finish'],
 		data() {
 			return {
 				inputValue: '',
@@ -186,18 +188,20 @@
 	}
 </script>
 <style lang="scss" scoped>
-	@import '../../libs/css/component.scss';
-	@import '../../libs/css/color.scss';
+	@import '../../libs/style/components.scss';
+	@import '../../libs/style/color.scss';
 	$fu-code-input-cursor-width: 1px;
 	$fu-code-input-cursor-height: 40%;
 	$fu-code-input-cursor-animation-duration: 1s;
 	$fu-code-input-cursor-animation-name: fu-cursor-flicker;
-	$fu-content-color: #727479;
+	$fu-content-color: #787a7f;
 
 	.fu-code-input {
 		@include flex;
 		position: relative;
+		/* #ifndef APP-NVUE */
 		overflow: hidden;
+		/* #endif */
 
 		&__item {
 			@include flex;