magic-page-designer/src/index.ts

magic-page-designer 是一个基于 vue 的在线页面快速开发平台，主要把所有的 vue 代码都改为在线配置，最终获得一个 json 格式的页面，你可以把它存放到服务器的任何地方：数据库、静态文件、redis 等。最方便的是可以在线修改页面，再也不用担心生产出问题了，还得打开 IDE，修改测试打包，直接在线编码，所见即所得。还可以配合 [magic-api](https://gitee.com/ssssssss-team/magic-api) 使用，完全抛弃 IDE，随时随地 code w

import MagicPageDesigner from './views/MagicPageDesigner.vue'
import PageNodeDom from './views/workspace/page-preview/PageNodeDom.vue'
import { addLibrary } from '@/store/page-config'
import { mpdMessage } from './util/messageUtil'
import Vue from 'vue'
import library from './library'

// import 'default-passive-events'
// 自定义组件
import CustomComponents from './components'
// 引入ant
import ImportAnt from './import-ant'
// 最后引入自定义css，为了覆盖其它样式
import '@/assets/index'

const install = function(app: typeof Vue) {
  app.component(PageNodeDom.name, PageNodeDom)
  app.component(MagicPageDesigner.name, MagicPageDesigner)
  // 自定义组件
  app.use(CustomComponents)
  // 引入ant
  app.use(ImportAnt)
  // 引入提示信息
  app.prototype.$mpdMessage = mpdMessage
}

export { addLibrary }
export * from './library'
// 添加ant组件库配置
export function addAntLibrary(): void {
  addLibrary(library.getAntConfig())
}

export default {
  install,
  addLibrary,
  ...library,
  addAntLibrary
}