epic-designer-dev/dist/ui-kit/base-ui/src/node/dynamicFormItem.vue.js

基于vue3的设计器,可视化开发页面表单。在epic-designer的基础上新增了字典选择器

import { defineComponent as p, inject as s, createBlock as i, renderSlot as t, openBlock as c, unref as f, mergeProps as d, withCtx as l } from "vue";
/* empty css            */
import "vuedraggable";
import "@vueuse/core";
import "../../../../hooks/src/store/index.js";
import { pluginManager as I } from "../../../../utils/src/manager/pluginManager.js";
const C = /* @__PURE__ */ p({
  inheritAttrs: !1,
  __name: "dynamicFormItem",
  props: {
    formItemProps: {},
    hasFormItem: { type: Boolean }
  },
  setup(r) {
    const o = r, n = s("pageManager", {}), m = I.getComponent("form-item"), a = (e) => {
      e.component && n.addComponentInstance(
        `${o.formItemProps.id}_formItem`,
        e.component
      );
    };
    return (e, u) => o.hasFormItem ? (c(), i(f(m), d({ key: 0 }, o.formItemProps, { onVnodeMounted: a }), {
      default: l(() => [
        t(e.$slots, "default")
      ]),
      _: 3
    }, 16)) : t(e.$slots, "default", { key: 1 });
  }
});
export {
  C as default
};