ken-form-design/packages/utils/PluginManager.js

基于vue、ant-design-vue的表单设计器,可视化开发表单

/**
 * 插件管理器
 */
class PluginManager {
  components = {};

  constructor() {}
  /**
   * 添加组件到插件管理器中
   * @param componentName 组件名称
   * @param component 组件
   * @param bindModel v-model 绑定的属性名,兼容不同ui差异
   */
  addComponent(componentName, component, bindModel = "value") {
    // 添加组件
    this.components[componentName] = {
      component,
      bindModel
    };
  }

  /**
   * 获取所有插件管理中的所有组件
   * @returns components
   */
  getComponents() {
    return this.components;
  }

  /**
   * 通过name 查询相应的组件
   * @returns components
   */
  getComponent(name) {
    return this.components[name];
  }
}

export const pluginManager = new PluginManager();