starfish-editor-custom 1.0.41 → 1.0.43

package/dist/types/editor/src/components/Workspace.vue.d.ts

@@ -1,24 +1,23 @@
-import type { ComputedRef, Ref, WritableComputedRef } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
+import type { DefineComponent, ComputedRef, Ref, WritableComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _sfc_main: DefineComponent<{}, {
     scale: ComputedRef<any>;
     globalDatas: ComputedRef<any>;
-    canvasBox: Ref<any>;
-    editForm: Ref<any>;
+    canvasBox: Ref<any, any>;
+    editForm: Ref<any, any>;
     handleCanvasSize: (size: string) => void;
     pageType: ComputedRef<any>;
-    canvasSize: Ref<number>;
-    dragDom: Ref<any>;
+    canvasSize: Ref<number, number>;
+    dragDom: Ref<any, any>;
     chooseClick: (e: any) => void;
     handleCanvasClick: (event: Event) => void;
     addControl: (e: any) => void;
     changePos: (e: any) => void;
-    allmainList: WritableComputedRef<AllFormItem[]>;
+    allmainList: WritableComputedRef<any, AllFormItem[]>;
     currentId: ComputedRef<any>;
     handleNoDraggable: (e: any) => void;
     handlePaste: () => void;
-    pasteShow: Ref<boolean>;
+    pasteShow: Ref<boolean, boolean>;
     fullScreen: ComputedRef<any>;
     onEditorCenter: (e: any) => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/types/editor/src/components/globalFormList.vue.d.ts

@@ -1,7 +1,6 @@
-import type { ComputedRef } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
+import type { DefineComponent, ComputedRef, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _sfc_main: DefineComponent<{}, {
     globalFormLists: ComputedRef<any>;
     globalDatas: ComputedRef<any>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/types/editor/src/components/jsonEditor.vue.d.ts

@@ -1,7 +1,6 @@
-import type { Ref } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
+import type { DefineComponent, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 export default _sfc_main;
 declare const _sfc_main: DefineComponent<{}, {
     initJsonCenter: () => any;
-    jsonCenter: Ref<any>;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+    jsonCenter: Ref<any, any>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/dist/types/editor/src/controller/action.d.ts

@@ -13,6 +13,6 @@ declare class Action {
     get(name: keyof typeof state): any;
 }
 export { state };
-export declare type ActionForm = Action;
+export type ActionForm = Action;
 declare const _default: Action;
 export default _default;

package/dist/types/editor/src/controller/form.d.ts

@@ -19,6 +19,6 @@ declare class Form {
     set(name: keyof typeof state, value: any): void;
     get(name: keyof typeof state): any;
 }
-export declare type formContrl = Form;
+export type formContrl = Form;
 declare const _default: Form;
 export default _default;

package/dist/types/editor/src/controller/history.d.ts

@@ -7,6 +7,6 @@ declare class History {
     get<T>(name: keyof typeof state): T;
     set(name: keyof typeof state, value: any): void;
 }
-export declare type hisContrl = History;
+export type hisContrl = History;
 declare const _default: History;
 export default _default;

package/dist/types/editor/src/controller/shortcut.d.ts

@@ -15,6 +15,6 @@ declare class ShortCut {
     get(name: keyof ShortCutState): any;
     commit(event: string): void;
 }
-export declare type shortCut = ShortCut;
+export type shortCut = ShortCut;
 declare const _default: ShortCut;
 export default _default;

package/dist/types/editor/src/controller/ui.d.ts

@@ -5,6 +5,6 @@ declare class Ui {
     private setScale;
     private setColumnWidth;
 }
-export declare type UiControl = Ui;
+export type UiControl = Ui;
 declare const _default: Ui;
 export default _default;

package/dist/types/editor/src/layouts/ControlEditSize.vue.d.ts

@@ -1,11 +1,17 @@
-import type { ComputedRef, Ref } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
+import type { DefineComponent, ComputedRef, Ref, ComponentOptionsMixin, PublicProps, Reactive, ComponentProvideOptions } from 'vue';
 declare const _sfc_main: DefineComponent<{}, {
     size: ComputedRef<any>;
-    handleCanvasSize: (size?: number | undefined) => void;
-    controllerSize: Ref<any>;
-    shortCutShow: Ref<boolean>;
+    handleCanvasSize: (size?: number) => void;
+    controllerSize: Ref<any, any>;
+    shortCutShow: Ref<boolean, boolean>;
     handleShortCutHidden: () => void;
     handleShortcutShow: () => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
+    shortcutKey: DefineComponent<{}, {
+        keyList: Reactive<{
+            key: string;
+            value: string;
+        }[]>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/types/editor/src/layouts/Framework.vue.d.ts

@@ -1,21 +1,33 @@
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-declare const _sfc_main: DefineComponent<{
+import type { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, Ref, ComponentProvideOptions } from 'vue';
+declare const _sfc_main: DefineComponent<ExtractPropTypes<{
     headerShow: {
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
+}>, {
     columnWidth: any;
     leftClose: any;
     rightClose: any;
     onLeftArrow: () => void;
     onRightArrow: () => void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
     headerShow: {
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     headerShow: boolean;
-}>;
+}, {}, {
+    Resizer: DefineComponent<ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+        };
+    }>, {
+        target: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+        type: {
+            type: StringConstructor;
+        };
+    }>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/types/editor/src/layouts/Resizer.vue.d.ts

@@ -1,14 +1,13 @@
-import type { Ref } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-declare const _sfc_main: DefineComponent<{
+import type { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _sfc_main: DefineComponent<ExtractPropTypes<{
     type: {
         type: StringConstructor;
     };
-}, {
-    target: Ref<HTMLDivElement | undefined>;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}>, {
+    target: Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
     type: {
         type: StringConstructor;
     };
-}>>, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/types/editor/src/layouts/ShortcutKey.vue.d.ts

@@ -1,8 +1,8 @@
-import type { DefineComponent, ComponentOptionsMixin, EmitsOptions, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
+import type { DefineComponent, Reactive, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
 declare const _sfc_main: DefineComponent<{}, {
-    keyList: {
+    keyList: Reactive<{
         key: string;
         value: string;
-    }[];
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, EmitsOptions, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}>;
+    }[]>;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/types/editor/src/starfish-editor.vue.d.ts

@@ -1,8 +1,6 @@
-import type { Ref } from '@vue/reactivity';
-import type { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from '@vue/runtime-core';
-import { PropType } from "vue";
+import type { DefineComponent, ExtractPropTypes, Ref, ComponentOptionsMixin, PublicProps, ComputedOptions, MethodOptions, ComponentProvideOptions, PropType } from 'vue';
 import type { MenuBarData } from "./type";
-declare const _sfc_main: DefineComponent<{
+declare const _sfc_main: DefineComponent<ExtractPropTypes<{
     /**
      * 基础控件
      */
@@ -44,13 +42,13 @@ declare const _sfc_main: DefineComponent<{
         type: ArrayConstructor;
         default: () => string[];
     };
-}, {
-    workspace: Ref<any>;
-    formPreview: Ref<any>;
+}>, {
+    workspace: Ref<any, any>;
+    formPreview: Ref<any, any>;
     onSave(): void;
     getJson(): void;
     setJson(jsonList: any[]): void;
-}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, Record<string, any>, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
     /**
      * 基础控件
      */
@@ -92,12 +90,20 @@ declare const _sfc_main: DefineComponent<{
         type: ArrayConstructor;
         default: () => string[];
     };
-}>>, {
+}>> & Readonly<{}>, {
     basicFields: unknown[];
     layoutFields: unknown[];
     shortcutDisabled: boolean;
     headerShow: boolean;
     menu: MenuBarData;
     panel: unknown[];
-}>;
+}, {}, {
+    Framework: DefineComponent<{}, {}, any, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    NavList: DefineComponent<{}, {}, any, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    ComponentList: DefineComponent<{}, {}, any, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    Workspace: DefineComponent<{}, {}, any, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    PropsPanel: DefineComponent<{}, {}, any, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    FormPreview: DefineComponent<{}, {}, any, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+    Nav: DefineComponent<{}, {}, any, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+}, {}, string, ComponentProvideOptions, true, {}, any>;
 export default _sfc_main;

package/dist/types/editor/src/type.d.ts

@@ -7,7 +7,7 @@ import type { FormConfig, fields } from "starfish-form-custom/src/main";
 /**
  * 组件名称枚举
  */
-declare type ComponentListEnum = Omit<keyof typeof window.VApp.$formcomponents, "symbol">;
+type ComponentListEnum = Omit<keyof typeof window.VApp.$formcomponents, "symbol">;
 interface ColumnWidth {
     left: number;
     center: number;
@@ -89,9 +89,9 @@ export interface HistoryItem {
     currentId: string;
     curControl: AllFormItem | Record<string, any>;
 }
-export declare type MenuItem = "delete" | "undo" | "redo" | "tree" | "save" | "preview" | "fullscreen" | "viewport" | "json-export" | "json-import";
-export declare type MenuRight = "viewport" | "json-export" | "json-import";
-export declare type MenuBarData = {
+export type MenuItem = "delete" | "undo" | "redo" | "tree" | "save" | "preview" | "fullscreen" | "viewport" | "json-export" | "json-import";
+export type MenuRight = "viewport" | "json-export" | "json-import";
+export type MenuBarData = {
     left: MenuItem[];
     right: MenuRight[];
     column: boolean;
@@ -214,11 +214,11 @@ export interface BaseComponentItem {
      */
     rules?: FormRule;
 }
-export declare type RequiredKey<T, K extends keyof T> = Omit<T, K> & {
+export type RequiredKey<T, K extends keyof T> = Omit<T, K> & {
     [P in K]-?: T[P];
 };
-export declare type PartialKey<T, K extends keyof T> = Omit<T, K> & {
+export type PartialKey<T, K extends keyof T> = Omit<T, K> & {
     [P in K]?: T[P];
 };
-export declare type BaseFormConfig = FormConfig;
+export type BaseFormConfig = FormConfig;
 export {};

package/dist/types/editor/src/utils/formKeycon.d.ts

@@ -14,5 +14,5 @@ declare const result: {
     onBottom: typeof onBottom;
     clearCanvas: typeof clearCanvas;
 };
-export declare type shortCutType = typeof result;
+export type shortCutType = typeof result;
 export default result;

package/package.json

@@ -1,65 +1,55 @@
-{
-  "name": "starfish-editor-custom",
-  "version": "1.0.41",
-  "main": "dist/starfish-editor.umd.js",
-  "style": "dist/style.css",
-  "module": "dist/starfish-editor.es.js",
-  "types": "dist/types/starfish-editor.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/starfish-editor.es.js"
-    },
-    "./dist/style.css": {
-      "import": "./dist/style.css"
-    },
-    "./*": "./*"
-  },
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build"
-  },
-  "dependencies": {
-    "@babel/core": "^7.18.5",
-    "@codemirror/lang-css": "6.0.0",
-    "@codemirror/lang-html": "6.1.0",
-    "@codemirror/lang-javascript": "6.0.2",
-    "@codemirror/lang-json": "6.0.0",
-    "@tiptap/extension-blockquote": "^3.10.7",
-    "@tiptap/extension-code": "^3.10.7",
-    "@tiptap/extension-code-block": "^3.13.0",
-    "@tiptap/extension-code-block-lowlight": "^3.10.7",
-    "@tiptap/extension-horizontal-rule": "^3.10.7",
-    "@tiptap/extension-underline": "^3.10.7",
-    "@tiptap/pm": "^3.10.7",
-    "@tiptap/starter-kit": "^3.10.7",
-    "@tiptap/vue-3": "^3.10.7",
-    "clipboard": "^2.0.11",
-    "codemirror": "6.0.1",
-    "core-js": "^3.6.5",
-    "element-plus": "^2.2.12",
-    "gesto": "^1.9.0",
-    "jsoneditor": "^9.9.0",
-    "keycon": "^1.1.2",
-    "mitt": "^3.0.0",
-    "nanoid": "^4.0.0",
-    "remixicon": "^4.7.0",
-    "starfish-form-custom": "1.0.43",
-    "vue": "^3.2.37",
-    "vue-codemirror": "6.1.1",
-    "vuedraggable": "^4.1.0"
-  },
-  "devDependencies": {
-    "@vitejs/plugin-vue": "^2.3.3",
-    "cross-env": "^7.0.3",
-    "live-server": "^1.2.2",
-    "rollup-plugin-visualizer": "^5.8.3",
-    "sass": "^1.94.1",
-    "sass-embedded": "^1.93.3",
-    "typescript": "^4.3.4",
-    "unplugin-auto-import": "^0.17.5",
-    "unplugin-vue-components": "^0.26.0",
-    "vite": "^2.9.12",
-    "vite-plugin-dts": "^1.2.0",
-    "vue-tsc": "^0.34.7"
-  }
-}
+{
+  "name": "starfish-editor-custom",
+  "version": "1.0.43",
+  "main": "dist/starfish-editor.umd.js",
+  "style": "dist/style.css",
+  "module": "dist/starfish-editor.es.js",
+  "types": "dist/types/starfish-editor.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/starfish-editor.es.js"
+    },
+    "./dist/style.css": {
+      "import": "./dist/style.css"
+    },
+    "./*": "./*"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build"
+  },
+  "dependencies": {
+    "@babel/core": "^7.18.5",
+    "@codemirror/lang-css": "6.0.0",
+    "@codemirror/lang-html": "6.1.0",
+    "@codemirror/lang-javascript": "6.0.2",
+    "@codemirror/lang-json": "6.0.0",
+    "clipboard": "^2.0.11",
+    "codemirror": "6.0.1",
+    "core-js": "^3.6.5",
+    "element-plus": "^2.2.12",
+    "gesto": "^1.9.0",
+    "jsoneditor": "^9.9.0",
+    "keycon": "^1.1.2",
+    "mitt": "^3.0.0",
+    "nanoid": "^4.0.0",
+    "starfish-form-custom": "1.0.45",
+    "vue": "^3.2.37",
+    "vue-codemirror": "6.1.1",
+    "vuedraggable": "^4.1.0"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^2.3.3",
+    "cross-env": "^7.0.3",
+    "live-server": "^1.2.2",
+    "rollup-plugin-visualizer": "^5.8.3",
+    "sass": "^1.94.1",
+    "sass-embedded": "^1.93.3",
+    "typescript": "^4.3.4",
+    "unplugin-auto-import": "^0.17.5",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^2.9.12",
+    "vite-plugin-dts": "^1.2.0",
+    "vue-tsc": "^0.34.7"
+  }
+}

package/src/controller/shortcut.ts

@@ -24,7 +24,7 @@ class ShortCut {
       if(pasteControl.data){
         pasteControl.data.fieldName = pasteControl.ControlType + "_" + window.VueContext.$Flex.generateMixed();
         pasteControl.id = window.VueContext.$Flex.generateMixed();
-        list.push(pasteControl);
+        list.splice(state.form.currentIndex, 0, pasteControl);
         state.form.formUpdate = true;
       }
     }

package/src/styles/component-list.scss

@@ -1,74 +1,74 @@
-.starfish-editor {
-  .editor_pages_left {
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    padding-left: 16px;
-    padding-right: 16px;
-    background-color: white;
-    .filter {
-      padding: 12px 0;
-    }
-    .group-name {
-      display: flex;
-      justify-content: flex-start;
-    }
-    .list-group {
-      // display: flex;
-      // flex-wrap: wrap;
-      display: grid;
-      grid-template-columns: repeat(2, 1fr); /* 2列，每列平均分配空间 */
-      // gap: 10px; /* 网格项之间的间隙 */
-    }
-
-    .list-group-item {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      align-items: center;
-      flex-wrap: wrap;
-      width: 96px;
-      .form-item {
-        width: 96px;
-        height: 32px;
-        line-height: 32px;
-        padding-left: 8px;
-        box-sizing: border-box;
-        border: 1px solid #1b6b9b;
-        display: flex;
-        align-items: flex-start;
-        justify-content: flex-start;
-        gap: 8px;
-        transition: all 0.1s ease-in-out;
-        margin-bottom: 5px;
-        border-radius: 4px;
-        &:hover {
-          background: #14427b;
-          // border: 1px solid #409eff;
-          color: #fff;
-        }
-        > span:first-child {
-          font-size: 16px;
-        }
-      }
-      .item-text {
-        height: 32px;
-        // display: flex;
-        align-items: center;
-        font-size: 12px;
-        display: inline-block;
-        width: 100%;
-        text-align: left;
-        -webkit-box-orient: vertical;
-        /*! autoprefixer: on*/
-
-        -webkit-line-clamp: 2;
-        display: -webkit-box;
-        overflow: hidden;
-        // overflow: hidden;
-        // text-overflow: ellipsis;
-        // white-space: nowrap;
-      }
-    }
-  }
-}
+.starfish-editor {
+  .editor_pages_left {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding-left: 16px;
+    padding-right: 16px;
+    background-color: white;
+    .filter {
+      padding: 12px 0;
+    }
+    .group-name {
+      display: flex;
+      justify-content: flex-start;
+    }
+    .list-group {
+      // display: flex;
+      // flex-wrap: wrap;
+      display: grid;
+      grid-template-columns: repeat(2, 1fr); /* 2列，每列平均分配空间 */
+      // gap: 10px; /* 网格项之间的间隙 */
+    }
+
+    .list-group-item {
+      display: flex;
+      flex-direction: column;
+      justify-content: space-between;
+      align-items: center;
+      flex-wrap: wrap;
+      width: 96px;
+      .form-item {
+        width: 96px;
+        height: 32px;
+        line-height: 32px;
+        padding-left: 8px;
+        box-sizing: border-box;
+        border: 1px solid #1b6b9b;
+        display: flex;
+        align-items: flex-start;
+        justify-content: flex-start;
+        gap: 8px;
+        transition: all 0.1s ease-in-out;
+        margin-bottom: 5px;
+        border-radius: 4px;
+        &:hover {
+          background: #14427b;
+          // border: 1px solid #409eff;
+          color: #fff;
+        }
+        > span:first-child {
+          font-size: 16px;
+        }
+      }
+      .item-text {
+        height: 32px;
+        // display: flex;
+        align-items: center;
+        font-size: 12px;
+        display: inline-block;
+        width: 100%;
+        text-align: left;
+        -webkit-box-orient: vertical;
+        /*! autoprefixer: on*/
+
+        -webkit-line-clamp: 2;
+        display: -webkit-box;
+        overflow: hidden;
+        // overflow: hidden;
+        // text-overflow: ellipsis;
+        // white-space: nowrap;
+      }
+    }
+  }
+}