chore: 更换表单设计器组件

src/router/modules/formdesign.ts

@@ -1,5 +1,6 @@
 import { $t } from "@/plugins/i18n";
 import type { RouteConfigsTable } from "/#/index";
+const IFrame = () => import("@/layout/frameView.vue");
 
 const formDesignRouter: RouteConfigsTable = {
   path: "/formDesign",
@@ -13,9 +14,11 @@ const formDesignRouter: RouteConfigsTable = {
     {
       path: "/formDesign/index",
       name: "FormDesign",
-      component: () => import("@/views/form-design/index.vue"),
+      component: IFrame,
       meta: {
-        title: $t("menus.hsFormDesign")
+        title: $t("menus.hsFormDesign"),
+        frameSrc:
+          "https://haixin-fang.github.io/starfish-vue3-lowcode/playground/index.html#/"
       }
     }
   ]

src/views/flow-chart/index.vue

@@ -94,7 +94,7 @@ onMounted(() => {
       <div id="LF-Turbo" />
       <!-- 数据查看面板 -->
       <el-dialog
-        customClass="flow-dialog"
+        class="flow-dialog"
         title="数据"
         v-model="dataVisible"
         width="50%"

src/views/form-design/index.vue

@@ -1,30 +0,0 @@
-<script setup lang="ts">
-import { ref, onBeforeMount } from "vue";
-import { useLoader } from "@pureadmin/utils";
-import { ElDesignForm } from "vue-form-create2";
-
-defineOptions({
-  name: "FormDesign"
-});
-
-const loading = ref(true);
-const { loadScript } = useLoader();
-
-onBeforeMount(() => {
-  loadScript({
-    src: "https://unpkg.com/ace-builds/src-noconflict/ace.js"
-  }).then(message => {
-    if (message === "success") loading.value = false;
-  });
-});
-</script>
-
-<template>
-  <ElDesignForm v-loading="loading" style="height: 100vh" class="design-form" />
-</template>
-
-<style lang="scss" scoped>
-.main-content {
-  margin: 0 !important;
-}
-</style>