props.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130
  1. export default {
  2. value:{
  3. type:Boolean,
  4. default:false
  5. },
  6. /*
  7. * 过渡时间
  8. * */
  9. duration:{
  10. type: Number,
  11. default: 300
  12. },
  13. /*
  14. * 内部元素过渡动画时间
  15. * 默认启用 duration
  16. * */
  17. contentDuration:{
  18. type: Number
  19. },
  20. /*
  21. * 背景色
  22. * */
  23. background:{
  24. type: String,
  25. default:'rgba(0,0,0,0.5)'
  26. },
  27. /*
  28. * 是否透明
  29. * */
  30. transparent:{
  31. type: Boolean,
  32. default: false
  33. },
  34. /*
  35. * 动画类型
  36. * opacity
  37. * scale
  38. * translateX
  39. * translateXR
  40. * translateY
  41. * translateYR
  42. * skew
  43. * skewR
  44. * skewY
  45. * skewYR
  46. * rotate
  47. * rotateX
  48. * rotateY
  49. * 允许指定多个动画
  50. * scale,opacity 例如
  51. * */
  52. animate:{
  53. type: String,
  54. default: 'opacity'
  55. },
  56. /*
  57. * 动画类型
  58. * */
  59. animateType:{
  60. type:String,
  61. default:'linear'
  62. },
  63. /*
  64. * 内部动画
  65. * */
  66. animateContent:{
  67. type: String,
  68. default:'scale'
  69. },
  70. /*
  71. * 内部动画类型 默认 启用 animateType
  72. * */
  73. animateContentType:{
  74. type:String
  75. },
  76. /*
  77. * 如果不填写 animateContent 默认不继承动画
  78. * */
  79. animateExtend:{
  80. type: Boolean,
  81. default: true
  82. },
  83. /*
  84. * 弹窗
  85. * */
  86. default:{
  87. type: Boolean,
  88. default: false
  89. },
  90. /*
  91. * 同步或者异步渲染 默认为 同步
  92. * */
  93. async:{
  94. type: Boolean,
  95. default:false
  96. },
  97. /*
  98. * 如果为 异步 延迟 多久 便可以执行下一个动画
  99. * */
  100. asyncDiff:{
  101. type: Number
  102. },
  103. /*
  104. * 是否允许事件穿透
  105. * */
  106. pointerEvents:{
  107. type: Boolean,
  108. default: false
  109. }
  110. };