vxe-table-demonic/lib/dynamics/index.js

一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.checkDynamic = checkDynamic;
exports.dynamicStore = exports.dynamicApp = void 0;
var _vue = require("vue");
var dynamicContainerElem;
var dynamicStore = (0, _vue.reactive)({
  modals: []
});
/**
 * 动态组件
 */
exports.dynamicStore = dynamicStore;
var VxeDynamics = (0, _vue.defineComponent)({
  setup: function () {
    return function () {
      var modals = dynamicStore.modals;
      return (0, _vue.h)('div', {
        class: 'vxe-dynamics--modal'
      }, modals.map(function (item) {
        return (0, _vue.h)((0, _vue.resolveComponent)('vxe-modal'), item);
      }));
    };
  }
});
var dynamicApp = (0, _vue.createApp)(VxeDynamics);
exports.dynamicApp = dynamicApp;
function checkDynamic() {
  if (!dynamicContainerElem) {
    dynamicContainerElem = document.createElement('div');
    dynamicContainerElem.className = 'vxe-dynamics';
    document.body.appendChild(dynamicContainerElem);
    dynamicApp.mount(dynamicContainerElem);
  }
}