daterange.ts 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. import { Config } from "@/types/config";
  2. const config: Config = {
  3. url:
  4. "https://element.eleme.cn/#/zh-CN/component/date-picker#xuan-ze-ri-qi-fan-wei",
  5. attrs: {
  6. type: {
  7. type: "select",
  8. label: "显示类型",
  9. options: ["datetimerange", "daterange", "monthrange"]
  10. },
  11. startPlaceholder: {
  12. type: "input",
  13. label: "范围选择时开始日期的占位内容"
  14. },
  15. endPlaceholder: {
  16. type: "input",
  17. label: "范围选择时结束日期的占位内容"
  18. },
  19. rangeSeparator: {
  20. type: "input",
  21. label: "选择范围时的分隔符"
  22. },
  23. format: {
  24. type: "input",
  25. label: "显示在输入框中的格式"
  26. },
  27. valueFormat: {
  28. type: "input",
  29. label: "绑定值的格式, 不指定则绑定值为 Date 对象",
  30. attrs: {
  31. clearable: true
  32. }
  33. },
  34. clearable: {
  35. type: "switch",
  36. label: "是否显示清除按钮"
  37. },
  38. editable: {
  39. type: "switch",
  40. label: "文本框可输入"
  41. },
  42. size: {
  43. type: "select",
  44. label: "输入框尺寸",
  45. options: [{ text: "默认", value: null }, "medium", "small", "mini"]
  46. },
  47. unlinkPanels: {
  48. type: "switch",
  49. label: "在范围选择器里取消两个日期面板之间的联动"
  50. },
  51. align: {
  52. type: "select",
  53. label: "对齐方式",
  54. options: ["left", "center", "right"]
  55. },
  56. popperClass: {
  57. type: "input",
  58. label: "DatePicker 下拉框的类名"
  59. },
  60. prefixIcon: {
  61. type: "input",
  62. label: "自定义头部图标的类名"
  63. },
  64. clearIcon: {
  65. type: "input",
  66. label: "自定义清空图标的类名"
  67. },
  68. readonly: {
  69. type: "switch",
  70. label: "完全只读"
  71. },
  72. validateEvent: {
  73. type: "switch",
  74. label: "输入时是否触发表单的校验"
  75. }
  76. },
  77. attrsData: {},
  78. attrsDefaultData: {
  79. type: "daterange",
  80. validateEvent: false,
  81. unlinkPanels: false,
  82. readonly: false,
  83. editable: true,
  84. clearable: true,
  85. align: "left",
  86. size: null,
  87. rangeSeparator: "-",
  88. prefixIcon: "el-icon-date",
  89. clearIcon: "el-icon-circle-close"
  90. },
  91. common: {
  92. default: {
  93. type: "daterange",
  94. label: "默认值"
  95. }
  96. },
  97. commonData: {},
  98. commonDefaultData: {}
  99. };
  100. export default config;