index.ts 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. import type { App } from 'vue'
  2. // 👇使用 form-create 需额外全局引入 element plus 组件
  3. import {
  4. ElAlert,
  5. ElAside,
  6. ElContainer,
  7. ElDivider,
  8. ElHeader,
  9. ElMain,
  10. ElPopconfirm,
  11. ElTable,
  12. ElTableColumn,
  13. ElTabPane,
  14. ElTabs,
  15. ElTransfer
  16. } from 'element-plus'
  17. import FcDesigner from '@form-create/designer'
  18. import formCreate from '@form-create/element-ui'
  19. import install from '@form-create/element-ui/auto-import'
  20. //======================= 自定义组件 =======================
  21. import { UploadFile, UploadImg, UploadImgs } from '@/components/UploadFile'
  22. import { DictSelect } from '@/components/DictSelect'
  23. import UserSelect from '@/views/system/user/components/UserSelect.vue'
  24. import { Editor } from '@/components/Editor'
  25. const components = [
  26. ElAside,
  27. ElPopconfirm,
  28. ElHeader,
  29. ElMain,
  30. ElContainer,
  31. ElDivider,
  32. ElTransfer,
  33. ElAlert,
  34. ElTabs,
  35. ElTable,
  36. ElTableColumn,
  37. ElTabPane,
  38. UploadImg,
  39. UploadImgs,
  40. UploadFile,
  41. DictSelect,
  42. UserSelect,
  43. Editor
  44. ]
  45. // 参考 http://www.form-create.com/v3/element-ui/auto-import.html 文档
  46. export const setupFormCreate = (app: App<Element>) => {
  47. components.forEach((component) => {
  48. app.component(component.name, component)
  49. })
  50. formCreate.use(install)
  51. app.use(formCreate)
  52. app.use(FcDesigner)
  53. }