epic-designer-dev/dist/hooks/src/plugin/usePageSchema.js

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

import { reactive as c } from "vue";
/* empty css                                     */
import "vuedraggable";
import { deepCompareAndModify as r, deepClone as p } from "../../../utils/src/common/data.js";
import "@vueuse/core";
import "../store/index.js";
import "../../../utils/src/manager/pluginManager.js";
const n = {
  mobile: "mobile",
  pad: "tablet",
  pc: "desktop"
};
function i(e) {
  var o;
  if ((o = e.canvas) != null && o.mode && e.canvas.mode in n) {
    const t = n[e.canvas.mode];
    return {
      ...e,
      canvas: {
        ...e.canvas,
        mode: t
      }
    };
  }
  return e;
}
const s = {
  script: `const { defineExpose, find } = epic;
  
  function test (){
      console.log('test')
  }
  
  // 通过defineExpose暴露的函数或者属性
  defineExpose({
   test
  })`
};
function M() {
  const e = c({
    schemas: [],
    script: s.script
  });
  function o(t) {
    const a = i(t);
    r(e, p(a));
  }
  return {
    migrateCanvasMode: i,
    // 导出迁移函数供其他地方使用
    pageSchema: e,
    setPageSchema: o
  };
}
export {
  M as usePageSchema
};