props.js 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162
  1. /*
  2. * @Author : LQ
  3. * @Description :
  4. * @version : 1.0
  5. * @Date : 2021-08-16 10:04:04
  6. * @LastAuthor : LQ
  7. * @lastTime : 2021-08-16 10:04:24
  8. * @FilePath : /u-view2.0/uview-ui/components/u-button/props.js
  9. */
  10. import defprops from '../../libs/config/props';
  11. export default {
  12. props: {
  13. // 是否细边框
  14. hairline: {
  15. type: Boolean,
  16. default: defprops.button.hairline
  17. },
  18. // 按钮的预置样式,info,primary,error,warning,success
  19. type: {
  20. type: String,
  21. default: defprops.button.type
  22. },
  23. // 按钮尺寸,large,normal,small,mini
  24. size: {
  25. type: String,
  26. default: defprops.button.size
  27. },
  28. // 按钮形状,circle(两边为半圆),square(带圆角)
  29. shape: {
  30. type: String,
  31. default: defprops.button.shape
  32. },
  33. // 按钮是否镂空
  34. plain: {
  35. type: Boolean,
  36. default: defprops.button.plain
  37. },
  38. // 是否禁止状态
  39. disabled: {
  40. type: Boolean,
  41. default: defprops.button.disabled
  42. },
  43. // 是否加载中
  44. loading: {
  45. type: Boolean,
  46. default: defprops.button.loading
  47. },
  48. // 加载中提示文字
  49. loadingText: {
  50. type: [String, Number],
  51. default: defprops.button.loadingText
  52. },
  53. // 加载状态图标类型
  54. loadingMode: {
  55. type: String,
  56. default: defprops.button.loadingMode
  57. },
  58. // 加载图标大小
  59. loadingSize: {
  60. type: [String, Number],
  61. default: defprops.button.loadingSize
  62. },
  63. // 开放能力,具体请看uniapp稳定关于button组件部分说明
  64. // https://uniapp.dcloud.io/component/button
  65. openType: {
  66. type: String,
  67. default: defprops.button.openType
  68. },
  69. // 用于 <form> 组件,点击分别会触发 <form> 组件的 submit/reset 事件
  70. // 取值为submit(提交表单),reset(重置表单)
  71. formType: {
  72. type: String,
  73. default: defprops.button.formType
  74. },
  75. // 打开 APP 时,向 APP 传递的参数,open-type=launchApp时有效
  76. // 只微信小程序、QQ小程序有效
  77. appParameter: {
  78. type: String,
  79. default: defprops.button.appParameter
  80. },
  81. // 指定是否阻止本节点的祖先节点出现点击态,微信小程序有效
  82. hoverStopPropagation: {
  83. type: Boolean,
  84. default: defprops.button.hoverStopPropagation
  85. },
  86. // 指定返回用户信息的语言,zh_CN 简体中文,zh_TW 繁体中文,en 英文。只微信小程序有效
  87. lang: {
  88. type: String,
  89. default: defprops.button.lang
  90. },
  91. // 会话来源,open-type="contact"时有效。只微信小程序有效
  92. sessionFrom: {
  93. type: String,
  94. default: defprops.button.sessionFrom
  95. },
  96. // 会话内消息卡片标题,open-type="contact"时有效
  97. // 默认当前标题,只微信小程序有效
  98. sendMessageTitle: {
  99. type: String,
  100. default: defprops.button.sendMessageTitle
  101. },
  102. // 会话内消息卡片点击跳转小程序路径,open-type="contact"时有效
  103. // 默认当前分享路径,只微信小程序有效
  104. sendMessagePath: {
  105. type: String,
  106. default: defprops.button.sendMessagePath
  107. },
  108. // 会话内消息卡片图片,open-type="contact"时有效
  109. // 默认当前页面截图,只微信小程序有效
  110. sendMessageImg: {
  111. type: String,
  112. default: defprops.button.sendMessageImg
  113. },
  114. // 是否显示会话内消息卡片,设置此参数为 true,用户进入客服会话会在右下角显示"可能要发送的小程序"提示,
  115. // 用户点击后可以快速发送小程序消息,open-type="contact"时有效
  116. showMessageCard: {
  117. type: Boolean,
  118. default: defprops.button.showMessageCard
  119. },
  120. // 额外传参参数,用于小程序的data-xxx属性,通过target.dataset.name获取
  121. dataName: {
  122. type: String,
  123. default: defprops.button.dataName
  124. },
  125. // 节流,一定时间内只能触发一次
  126. throttleTime: {
  127. type: [String, Number],
  128. default: defprops.button.throttleTime
  129. },
  130. // 按住后多久出现点击态,单位毫秒
  131. hoverStartTime: {
  132. type: [String, Number],
  133. default: defprops.button.hoverStartTime
  134. },
  135. // 手指松开后点击态保留时间,单位毫秒
  136. hoverStayTime: {
  137. type: [String, Number],
  138. default: defprops.button.hoverStayTime
  139. },
  140. // 按钮文字,之所以通过props传入,是因为slot传入的话
  141. // nvue中无法控制文字的样式
  142. text: {
  143. type: [String, Number],
  144. default: defprops.button.text
  145. },
  146. // 按钮图标
  147. icon: {
  148. type: String,
  149. default: defprops.button.icon
  150. },
  151. // 按钮图标
  152. iconColor: {
  153. type: String,
  154. default: defprops.button.icon
  155. },
  156. // 按钮颜色,支持传入linear-gradient渐变色
  157. color: {
  158. type: String,
  159. default: defprops.button.color
  160. }
  161. }
  162. }