starfish-editor-custom 1.0.1 → 1.0.3

package/src/common/formJson.ts

@@ -32,40 +32,40 @@ const globalFormList = [
       },
     },
   },
-  {
-    ControlType: "RadioGroup",
-    nameCn: "选择器",
-    data: {
-      fieldName: "size",
-      label: "组件尺寸",
-      showRule: "{}",
-      rule: "[]",
-      itemConfig: {
-        value: "small",
-        items: [
-          {
-            label: "large",
-            value: "large",
-            select: false,
-            id: 1,
-          },
-          {
-            label: "default",
-            value: "default",
-            select: false,
-            id: 2,
-          },
-          {
-            label: "small",
-            value: "small",
-            select: true,
-            id: 3,
-          },
-        ],
-        id: 3,
-      },
-    },
-  },
+  // {
+  //   ControlType: "RadioGroup",
+  //   nameCn: "选择器",
+  //   data: {
+  //     fieldName: "size",
+  //     label: "组件尺寸",
+  //     showRule: "{}",
+  //     rule: "[]",
+  //     itemConfig: {
+  //       value: "small",
+  //       items: [
+  //         {
+  //           label: "large",
+  //           value: "large",
+  //           select: false,
+  //           id: 1,
+  //         },
+  //         {
+  //           label: "default",
+  //           value: "default",
+  //           select: false,
+  //           id: 2,
+  //         },
+  //         {
+  //           label: "small",
+  //           value: "small",
+  //           select: true,
+  //           id: 3,
+  //         },
+  //       ],
+  //       id: 3,
+  //     },
+  //   },
+  // },
   {
     ControlType: "InputNumber",
     data: {

package/src/common/formStyle.vue

@@ -168,3 +168,8 @@ export default defineComponent({
   },
 });
 </script>
+<style lang="scss">
+.cm-gutters.cm-gutters-before {
+  background: #133F63;
+}
+</style>

package/src/common/jsonCode.vue

@@ -5,7 +5,7 @@
       @input="onUpdateValue($event.target.innerText)"
       placeholder="json导入"
       mode="text/json"
-      :style="{ height: '400px' }"
+      :style="{ height: '400px', 'margin-bottom': '16px' }"
       :extensions="extensions"
     />
   </div>
@@ -42,4 +42,10 @@ export default defineComponent({
     };
   },
 });
-</script>
+</script>
+<style lang="scss">
+.ͼ2 .cm-gutters {
+  background: #133F63;
+  border-right: 1px solid #1C4E7E;
+}
+</style>

package/src/components/ComponentList.vue

@@ -7,7 +7,9 @@
         v-model="filterContent"
       />
     </div>
-    <el-button text v-if="newcomponentlist.length > 0">基础控件</el-button>
+    <div class="group-name">
+      <el-button text v-if="newcomponentlist.length > 0">基础控件</el-button>
+    </div>
     <draggable
       class="dragArea list-group"
       :list="newcomponentlist"
@@ -28,7 +30,9 @@
         </div>
       </template>
     </draggable>
-    <el-button text v-if="layoutList.length > 0">布局控件</el-button>
+    <div class="group-name">
+      <el-button text v-if="layoutList.length > 0">布局控件</el-button>
+    </div>
     <draggable
       class="dragArea list-group"
       :list="layoutList"

package/src/components/FormPreview.vue

@@ -73,7 +73,7 @@ import {
   watch,
 } from "vue";
 import formStore from "@/controller/form";
-import { Dynamicform } from "starfish-form";
+import { Dynamicform } from "starfish-form-custom";
 import uiControl from "@/controller/ui";
 import Clipboard from "clipboard";
 // import { json } from "@codemirror/lang-json";

package/src/components/NavList.vue

@@ -98,12 +98,12 @@
           @click="handleForward()"
         ></span>
       </el-tooltip>
-      <!-- <el-button text @click="handleFormSave()" size="small" :disabled="clearIsDisable">保存</el-button>
-      <el-button text @click="handleFormPre()" size="small" :disabled="clearIsDisable">预览</el-button>
-      <el-button text @click="handleFullScreen()" size="small">全屏/非全屏</el-button>
-      <el-button text @click="handleClear()" size="small" :disabled="clearIsDisable">清空</el-button>
-      <el-button text @click="handleBack()" size="small" :disabled="historyIndex == -1">后退</el-button>
-      <el-button text @click="handleForward()" size="small" :disabled="historyIndex == historyLen - 1">前进</el-button> -->
+      <!-- <el-button text @click="handleFormSave()" size="default" :disabled="clearIsDisable">保存</el-button>
+      <el-button text @click="handleFormPre()" size="default" :disabled="clearIsDisable">预览</el-button>
+      <el-button text @click="handleFullScreen()" size="default">全屏/非全屏</el-button>
+      <el-button text @click="handleClear()" size="default" :disabled="clearIsDisable">清空</el-button>
+      <el-button text @click="handleBack()" size="default" :disabled="historyIndex == -1">后退</el-button>
+      <el-button text @click="handleForward()" size="default" :disabled="historyIndex == historyLen - 1">前进</el-button> -->
     </div>
     <div class="pageBtn">
       <div class="el-button-group" v-if="btnIsShow('right', 'viewport')">

package/src/components/PropsPanel.vue

@@ -30,7 +30,7 @@
                 :is="item.ControlType"
                 :data="curControl.data"
                 :item="item"
-                :size="globalDatas.size"
+                size="default"
                 :labelWidth="globalDatas.labelWidth"
                 :labelalign="globalDatas.labelalign"
                 v-if="

package/src/components/Workspace.vue

@@ -43,6 +43,7 @@
                 :item="element"
                 :data="{}"
                 v-bind="globalDatas"
+                size="default"
               ></component>
             </Shape>
           </template>

package/src/main.ts

@@ -2,10 +2,10 @@ import { App, defineAsyncComponent } from "vue";
 import "element-plus/dist/index.css";
 import "@/styles/index.scss";
 import "jsoneditor/dist/jsoneditor.min.css";
-import StarfishForm from "starfish-form";
+import StarfishForm from "starfish-form-custom";
 import vm from "./utils/vm";
 import flex from "./utils/_";
-import "starfish-form/dist/style.css";
+import "starfish-form-custom/dist/style.css";
 import StarfishEditor from "./starfish-editor.vue";
 import Loading from "@/common/Loading.vue";
 export default {

package/src/styles/component-list.scss

@@ -6,6 +6,10 @@
     .filter {
       padding: 12px;
     }
+    .group-name {
+      display: flex;
+      justify-content: flex-start;
+    }
     .list-group {
       // display: flex;
       // flex-wrap: wrap;
@@ -24,8 +28,8 @@
       width: 100px;
       .form-item {
         width: 96px;
-        height: 22px;
-        line-height: 22px;
+        height: 32px;
+        line-height: 32px;
         border: 1px solid #1b6b9b;
         padding: 5px 8px;
         display: flex;
@@ -45,7 +49,7 @@
         }
       }
       .item-text {
-        height: 30px;
+        height: 32px;
         // display: flex;
         align-items: center;
         font-size: 12px;

package/src/type.ts

@@ -3,7 +3,7 @@ import type { hisContrl } from "./controller/history";
 import type { formContrl } from "./controller/form";
 import type { ActionForm } from "./controller/action";
 import type { shortCut } from "./controller/shortcut";
-import type { FormConfig, fields } from "starfish-form/src/main";
+import type { FormConfig, fields } from "starfish-form-custom/src/main";
 /**
  * 组件名称枚举
  */