components.js 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119
  1. export const componentList = [
  2. {
  3. id: 1,
  4. name: '单行文本',
  5. type: 'input',
  6. value: 'input',
  7. dependentId: false,
  8. required: true,
  9. label: '单行文本',
  10. attrs: {
  11. placeholder: '请输入'
  12. }
  13. },
  14. {
  15. id: 2,
  16. name: '多行文本',
  17. type: 'textarea',
  18. value: 'textarea',
  19. dependentId: false,
  20. required: true,
  21. label: '多行文本',
  22. attrs: {
  23. placeholder: '请输入'
  24. }
  25. },
  26. {
  27. id: 3,
  28. name: '数字',
  29. type: 'number',
  30. value: 'number',
  31. dependentId: false,
  32. required: true,
  33. label: '数字',
  34. attrs: {
  35. placeholder: '请输入',
  36. max: Infinity,
  37. min: -Infinity,
  38. precision: 2
  39. }
  40. },
  41. {
  42. id: 4,
  43. name: '下拉框',
  44. type: 'select',
  45. value: 'select',
  46. dependentId: false,
  47. required: true,
  48. label: '下拉框',
  49. attrs: {
  50. options: [
  51. {
  52. label: '选项1',
  53. value: '1'
  54. },
  55. {
  56. label: '选项2',
  57. value: '2'
  58. },
  59. {
  60. label: '选项3',
  61. value: '3'
  62. }
  63. ],
  64. placeholder: '请输入'
  65. }
  66. },
  67. {
  68. id: 5,
  69. name: '日期时间',
  70. type: 'date',
  71. value: 'date',
  72. dependentId: false,
  73. required: true,
  74. label: '日期时间',
  75. attrs: {
  76. placeholder: '请输入',
  77. format: 'YYYY-MM-DD HH:mm:ss',
  78. showTime: false
  79. }
  80. },
  81. {
  82. id: 6,
  83. name: '文件上传',
  84. type: 'uploadFile',
  85. value: 'uploadFile',
  86. dependentId: false,
  87. required: true,
  88. label: '文件上传',
  89. attrs: {
  90. placeholder: '请输入',
  91. maxSize: 5
  92. }
  93. },
  94. {
  95. id: 7,
  96. name: '图片上传',
  97. type: 'uploadImg',
  98. value: 'uploadImg',
  99. dependentId: false,
  100. required: true,
  101. label: '图片上传',
  102. attrs: {
  103. placeholder: '请输入',
  104. maxSize: 5
  105. }
  106. },
  107. {
  108. id: 8,
  109. name: '分割线',
  110. type: 'divider',
  111. value: 'divider',
  112. dependentId: false,
  113. required: true,
  114. label: '分割线',
  115. attrs: {
  116. orientation: 'center'
  117. }
  118. }
  119. ]