162 lines
		
	
	
		
			5.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
		
		
			
		
	
	
			162 lines
		
	
	
		
			5.6 KiB
		
	
	
	
		
			JavaScript
		
	
	
	
	
	
| 
								 | 
							
								/*
							 | 
						|||
| 
								 | 
							
								 * @Author       : LQ
							 | 
						|||
| 
								 | 
							
								 * @Description  :
							 | 
						|||
| 
								 | 
							
								 * @version      : 1.0
							 | 
						|||
| 
								 | 
							
								 * @Date         : 2021-08-16 10:04:04
							 | 
						|||
| 
								 | 
							
								 * @LastAuthor   : LQ
							 | 
						|||
| 
								 | 
							
								 * @lastTime     : 2021-08-16 10:04:24
							 | 
						|||
| 
								 | 
							
								 * @FilePath     : /u-view2.0/uview-ui/components/u-button/props.js
							 | 
						|||
| 
								 | 
							
								 */
							 | 
						|||
| 
								 | 
							
								export default {
							 | 
						|||
| 
								 | 
							
								    props: {
							 | 
						|||
| 
								 | 
							
								        // 是否细边框
							 | 
						|||
| 
								 | 
							
								        hairline: {
							 | 
						|||
| 
								 | 
							
								            type: Boolean,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.hairline
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按钮的预置样式,info,primary,error,warning,success
							 | 
						|||
| 
								 | 
							
								        type: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.type
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按钮尺寸,large,normal,small,mini
							 | 
						|||
| 
								 | 
							
								        size: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.size
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按钮形状,circle(两边为半圆),square(带圆角)
							 | 
						|||
| 
								 | 
							
								        shape: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.shape
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按钮是否镂空
							 | 
						|||
| 
								 | 
							
								        plain: {
							 | 
						|||
| 
								 | 
							
								            type: Boolean,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.plain
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 是否禁止状态
							 | 
						|||
| 
								 | 
							
								        disabled: {
							 | 
						|||
| 
								 | 
							
								            type: Boolean,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.disabled
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 是否加载中
							 | 
						|||
| 
								 | 
							
								        loading: {
							 | 
						|||
| 
								 | 
							
								            type: Boolean,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.loading
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 加载中提示文字
							 | 
						|||
| 
								 | 
							
								        loadingText: {
							 | 
						|||
| 
								 | 
							
								            type: [String, Number],
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.loadingText
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 加载状态图标类型
							 | 
						|||
| 
								 | 
							
								        loadingMode: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.loadingMode
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 加载图标大小
							 | 
						|||
| 
								 | 
							
								        loadingSize: {
							 | 
						|||
| 
								 | 
							
								            type: [String, Number],
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.loadingSize
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 开放能力,具体请看uniapp稳定关于button组件部分说明
							 | 
						|||
| 
								 | 
							
								        // https://uniapp.dcloud.io/component/button
							 | 
						|||
| 
								 | 
							
								        openType: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.openType
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 用于 <form> 组件,点击分别会触发 <form> 组件的 submit/reset 事件
							 | 
						|||
| 
								 | 
							
								        // 取值为submit(提交表单),reset(重置表单)
							 | 
						|||
| 
								 | 
							
								        formType: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.formType
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 打开 APP 时,向 APP 传递的参数,open-type=launchApp时有效
							 | 
						|||
| 
								 | 
							
								        // 只微信小程序、QQ小程序有效
							 | 
						|||
| 
								 | 
							
								        appParameter: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.appParameter
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 指定是否阻止本节点的祖先节点出现点击态,微信小程序有效
							 | 
						|||
| 
								 | 
							
								        hoverStopPropagation: {
							 | 
						|||
| 
								 | 
							
								            type: Boolean,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.hoverStopPropagation
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。只微信小程序有效
							 | 
						|||
| 
								 | 
							
								        lang: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.lang
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 会话来源,open-type="contact"时有效。只微信小程序有效
							 | 
						|||
| 
								 | 
							
								        sessionFrom: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.sessionFrom
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 会话内消息卡片标题,open-type="contact"时有效
							 | 
						|||
| 
								 | 
							
								        // 默认当前标题,只微信小程序有效
							 | 
						|||
| 
								 | 
							
								        sendMessageTitle: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.sendMessageTitle
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 会话内消息卡片点击跳转小程序路径,open-type="contact"时有效
							 | 
						|||
| 
								 | 
							
								        // 默认当前分享路径,只微信小程序有效
							 | 
						|||
| 
								 | 
							
								        sendMessagePath: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.sendMessagePath
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 会话内消息卡片图片,open-type="contact"时有效
							 | 
						|||
| 
								 | 
							
								        // 默认当前页面截图,只微信小程序有效
							 | 
						|||
| 
								 | 
							
								        sendMessageImg: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.sendMessageImg
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 是否显示会话内消息卡片,设置此参数为 true,用户进入客服会话会在右下角显示"可能要发送的小程序"提示,
							 | 
						|||
| 
								 | 
							
								        // 用户点击后可以快速发送小程序消息,open-type="contact"时有效
							 | 
						|||
| 
								 | 
							
								        showMessageCard: {
							 | 
						|||
| 
								 | 
							
								            type: Boolean,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.showMessageCard
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 额外传参参数,用于小程序的data-xxx属性,通过target.dataset.name获取
							 | 
						|||
| 
								 | 
							
								        dataName: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.dataName
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 节流,一定时间内只能触发一次
							 | 
						|||
| 
								 | 
							
								        throttleTime: {
							 | 
						|||
| 
								 | 
							
								            type: [String, Number],
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.throttleTime
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按住后多久出现点击态,单位毫秒
							 | 
						|||
| 
								 | 
							
								        hoverStartTime: {
							 | 
						|||
| 
								 | 
							
								            type: [String, Number],
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.hoverStartTime
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 手指松开后点击态保留时间,单位毫秒
							 | 
						|||
| 
								 | 
							
								        hoverStayTime: {
							 | 
						|||
| 
								 | 
							
								            type: [String, Number],
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.hoverStayTime
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按钮文字,之所以通过props传入,是因为slot传入的话
							 | 
						|||
| 
								 | 
							
								        // nvue中无法控制文字的样式
							 | 
						|||
| 
								 | 
							
								        text: {
							 | 
						|||
| 
								 | 
							
								            type: [String, Number],
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.text
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按钮图标
							 | 
						|||
| 
								 | 
							
								        icon: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.icon
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按钮图标
							 | 
						|||
| 
								 | 
							
								        iconColor: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.icon
							 | 
						|||
| 
								 | 
							
								        },
							 | 
						|||
| 
								 | 
							
								        // 按钮颜色,支持传入linear-gradient渐变色
							 | 
						|||
| 
								 | 
							
								        color: {
							 | 
						|||
| 
								 | 
							
								            type: String,
							 | 
						|||
| 
								 | 
							
								            default: uni.$u.props.button.color
							 | 
						|||
| 
								 | 
							
								        }
							 | 
						|||
| 
								 | 
							
								    }
							 | 
						|||
| 
								 | 
							
								}
							 |