super-page-designer 2.1.47 → 2.1.52

package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue.js

@@ -0,0 +1,275 @@
+import { defineComponent, ref, resolveComponent, openBlock, createElementBlock, Fragment, createVNode, withCtx, createBlock, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, renderList, unref } from "vue";
+import _sfc_main$2 from "./suffixmodule.vue.js";
+import _sfc_main$1 from "./condition.vue.js";
+import { getCustomFuncs } from "../../../../utils/page-event-util.js";
+const _hoisted_1 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "hyperlink-mult-config",
+  props: {
+    linkPage: {},
+    pageDesign: {},
+    tableConfigure: {},
+    isDialog: { type: Boolean },
+    isButton: { type: Boolean, default: true }
+  },
+  emits: ["update:linkPage"],
+  setup(__props, { emit: __emit }) {
+    const dialogVisible = ref(false);
+    const currentEditIndex = ref({});
+    const conditionRef = ref(null);
+    const emits = __emit;
+    const props = __props;
+    function addPage() {
+      if (!props.linkPage) {
+        emits("update:linkPage", []);
+      }
+      props.linkPage.push({
+        jumpConditionType: "none",
+        conditions: [],
+        customFunc: "",
+        jumpPageSetting: {}
+      });
+    }
+    function deletePage(row, index) {
+      props.linkPage.splice(index, 1);
+    }
+    function openLinkPageDialog(index) {
+      currentEditIndex.value = index;
+      dialogVisible.value = true;
+    }
+    function jumpConditionTypeChange(value) {
+      conditionRef.value.changeTableFields(props.tableConfigure.modelFields);
+    }
+    function handleClose(done) {
+      done();
+    }
+    return (_ctx, _cache) => {
+      const _component_el_button = resolveComponent("el-button");
+      const _component_el_link = resolveComponent("el-link");
+      const _component_el_tooltip = resolveComponent("el-tooltip");
+      const _component_el_table_column = resolveComponent("el-table-column");
+      const _component_Plus = resolveComponent("Plus");
+      const _component_el_icon = resolveComponent("el-icon");
+      const _component_Delete = resolveComponent("Delete");
+      const _component_el_table = resolveComponent("el-table");
+      const _component_el_radio = resolveComponent("el-radio");
+      const _component_el_radio_group = resolveComponent("el-radio-group");
+      const _component_el_form_item = resolveComponent("el-form-item");
+      const _component_el_option = resolveComponent("el-option");
+      const _component_el_select = resolveComponent("el-select");
+      const _component_el_dialog = resolveComponent("el-dialog");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(_component_el_table, {
+          data: _ctx.linkPage,
+          style: { "width": "100%" }
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_el_table_column, {
+              prop: "value",
+              label: "链接页面",
+              align: "center"
+            }, {
+              default: withCtx((scope) => {
+                var _a, _b, _c, _d;
+                return [
+                  !((_a = _ctx.linkPage[scope.$index].jumpPageSetting) == null ? void 0 : _a.jumpPageUrl) ? (openBlock(), createBlock(_component_el_button, {
+                    key: 0,
+                    type: "primary",
+                    onClick: ($event) => openLinkPageDialog(scope.$index)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(" 设置 ")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])) : ((_b = _ctx.linkPage[scope.$index].jumpPageSetting) == null ? void 0 : _b.linkType) === "page" ? (openBlock(), createBlock(_component_el_link, {
+                    key: 1,
+                    type: "primary",
+                    onClick: ($event) => openLinkPageDialog(scope.$index)
+                  }, {
+                    default: withCtx(() => {
+                      var _a2;
+                      return [
+                        createTextVNode(toDisplayString((_a2 = _ctx.linkPage[scope.$index].jumpPageSetting) == null ? void 0 : _a2.jumpPageName), 1)
+                      ];
+                    }),
+                    _: 2
+                  }, 1032, ["onClick"])) : ((_c = _ctx.linkPage[scope.$index].jumpPageSetting) == null ? void 0 : _c.linkType) === "url" ? (openBlock(), createBlock(_component_el_tooltip, {
+                    key: 2,
+                    class: "box-item",
+                    content: (_d = _ctx.linkPage[scope.$index].jumpPageSetting) == null ? void 0 : _d.jumpPageUrl
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_el_link, {
+                        type: "primary",
+                        onClick: ($event) => openLinkPageDialog(scope.$index)
+                      }, {
+                        default: withCtx(() => {
+                          var _a2;
+                          return [
+                            createTextVNode(toDisplayString((_a2 = _ctx.linkPage[scope.$index].jumpPageSetting) == null ? void 0 : _a2.jumpPageUrl), 1)
+                          ];
+                        }),
+                        _: 2
+                      }, 1032, ["onClick"])
+                    ]),
+                    _: 2
+                  }, 1032, ["content"])) : createCommentVNode("", true)
+                ];
+              }),
+              _: 1
+            }),
+            createVNode(_component_el_table_column, {
+              label: "操作",
+              align: "center"
+            }, {
+              header: withCtx(() => [
+                createVNode(_component_el_icon, {
+                  size: "14",
+                  style: { "color": "#5893ef", "cursor": "pointer", "font-weight": "bold" },
+                  onClick: addPage
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Plus)
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx((scope) => [
+                createVNode(_component_el_icon, {
+                  size: "14",
+                  style: { "color": "#5893ef", "cursor": "pointer" },
+                  onClick: ($event) => deletePage(scope.row, scope.$index)
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_Delete)
+                  ]),
+                  _: 2
+                }, 1032, ["onClick"])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["data"]),
+        createVNode(_component_el_dialog, {
+          modelValue: dialogVisible.value,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => dialogVisible.value = $event),
+          title: "链接配置",
+          width: "500",
+          "before-close": handleClose,
+          "destroy-on-close": ""
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("div", _hoisted_1, [
+              createVNode(_component_el_button, {
+                onClick: _cache[2] || (_cache[2] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode("Cancel")
+                ]),
+                _: 1
+              }),
+              createVNode(_component_el_button, {
+                type: "primary",
+                onClick: _cache[3] || (_cache[3] = ($event) => dialogVisible.value = false)
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" Confirm ")
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createVNode(_component_el_form_item, {
+              label: "跳转条件",
+              class: "amb-design-attr-item"
+            }, {
+              default: withCtx(() => [
+                createVNode(_component_el_radio_group, {
+                  modelValue: _ctx.linkPage[currentEditIndex.value].jumpConditionType,
+                  "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.linkPage[currentEditIndex.value].jumpConditionType = $event),
+                  onChange: jumpConditionTypeChange
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_component_el_radio, {
+                      value: "none",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("无")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_radio, {
+                      value: "config",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("配置条件")
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(_component_el_radio, {
+                      value: "customFunc",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode("自定义条件")
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])
+              ]),
+              _: 1
+            }),
+            createVNode(_component_el_form_item, { class: "amb-design-attr-item" }, {
+              default: withCtx(() => [
+                _ctx.linkPage[currentEditIndex.value].jumpConditionType === "config" ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  title: "跳转条件",
+                  buttonText: "设置条件",
+                  list: _ctx.linkPage[currentEditIndex.value].conditions,
+                  ref_key: "conditionRef",
+                  ref: conditionRef
+                }, null, 8, ["list"])) : _ctx.linkPage[currentEditIndex.value].jumpConditionType === "customFunc" ? (openBlock(), createBlock(_component_el_select, {
+                  key: 1,
+                  modelValue: _ctx.linkPage[currentEditIndex.value].customFunc,
+                  "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.linkPage[currentEditIndex.value].customFunc = $event),
+                  clearable: "",
+                  size: "small",
+                  placeholder: "请选择"
+                }, {
+                  default: withCtx(() => [
+                    (openBlock(true), createElementBlock(Fragment, null, renderList(unref(getCustomFuncs)(), (item) => {
+                      return openBlock(), createBlock(_component_el_option, {
+                        key: item.value,
+                        label: item.label,
+                        value: item.value
+                      }, null, 8, ["label", "value"]);
+                    }), 128))
+                  ]),
+                  _: 1
+                }, 8, ["modelValue"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            createVNode(_sfc_main$2, {
+              pageDesign: _ctx.pageDesign,
+              configure: _ctx.linkPage[currentEditIndex.value].jumpPageSetting,
+              tableConfigure: _ctx.tableConfigure,
+              showDisplayConditions: false,
+              isDialog: true
+            }, null, 8, ["pageDesign", "configure", "tableConfigure"])
+          ]),
+          _: 1
+        }, 8, ["modelValue"])
+      ], 64);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/form/common/hyperlink-mult-config.vue2.js

@@ -0,0 +1,4 @@
+import _sfc_main from "./hyperlink-mult-config.vue.js";
+export {
+  _sfc_main as default
+};

package/dist/es/components/design/views/assemblys/form/common/suffixmodule.vue.js

@@ -14,16 +14,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     pageDesign: {},
     tableConfigure: {},
     isDialog: { type: Boolean },
-    isButton: { type: Boolean, default: true }
+    isButton: { type: Boolean, default: true },
+    showDisplayConditions: { type: Boolean, default: true }
   },
   setup(__props) {
     const props = __props;
     const selectPageDialog = ref(null);
     const linkPage = ref({});
     if (props.isDialog) {
-      if (!props.configure) {
-        props.configure = {};
-      }
       linkPage.value = props.configure;
     } else {
       if (!props.configure.props.linkPage) {
@@ -83,7 +81,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     onMounted(() => {
-      if (props.tableConfigure) {
+      if (props.tableConfigure && conditionRef.value) {
         conditionRef.value.changeTableFields(props.tableConfigure.modelFields);
       }
     });
@@ -131,7 +129,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => linkPage.value.linkType = $event)
         }, {
           default: withCtx(() => [
-            createVNode(_component_el_form_item, { class: "amb-design-attr-item" }, {
+            createVNode(_component_el_form_item, {
+              class: "amb-design-attr-item",
+              style: { "width": "100%" }
+            }, {
               label: withCtx(() => [
                 createVNode(_component_el_radio, { value: "" }, {
                   default: withCtx(() => [
@@ -142,7 +143,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_component_el_form_item, { class: "amb-design-attr-item" }, {
+            createVNode(_component_el_form_item, {
+              class: "amb-design-attr-item",
+              style: { "width": "100%" }
+            }, {
               label: withCtx(() => [
                 createVNode(_component_el_radio, { value: "page" }, {
                   default: withCtx(() => [
@@ -180,7 +184,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(_component_el_form_item, { class: "amb-design-attr-item" }, {
+            createVNode(_component_el_form_item, {
+              class: "amb-design-attr-item",
+              style: { "width": "100%" }
+            }, {
               label: withCtx(() => [
                 createVNode(_component_el_radio, { value: "url" }, {
                   default: withCtx(() => [
@@ -418,7 +425,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 512), [
           [vShow, linkPage.value.jumpPageOpenMode == "popup" || linkPage.value.jumpPageMobileOpenMode == "popup"]
         ]),
-        _ctx.isButton ? (openBlock(), createBlock(_component_el_form_item, {
+        _ctx.isButton && _ctx.showDisplayConditions ? (openBlock(), createBlock(_component_el_form_item, {
           key: 0,
           label: "显示判断",
           class: "amb-design-attr-item"

package/dist/es/components/design/views/assemblys/object-design.vue.js

@@ -46,18 +46,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (!props.pageDesign.tableUuids) {
           props.pageDesign.tableUuids = [];
         }
-        if (!props.pageDesign.listCodesMap) {
-          props.pageDesign.listCodesMap = {};
-        }
         setTimeout(() => {
-          var _a, _b, _c, _d, _e;
+          var _a, _b, _c, _d;
           if (!((_b = (_a = props.pageDesign) == null ? void 0 : _a.tableUuids) == null ? void 0 : _b.includes(props.configure.uuid))) {
             (_d = (_c = props.pageDesign) == null ? void 0 : _c.tableUuids) == null ? void 0 : _d.push(props.configure.uuid);
           }
-          if (((_e = props.pageDesign) == null ? void 0 : _e.listCodesMap) && props.configure.code) {
-            const listCode = getListCode(props.pageDesign.code, props.pageDesign.version, props.configure.uuid);
-            props.pageDesign.listCodesMap[listCode] = props.configure.code;
-          }
+          getListCodeMap(props.configure.code);
         }, 500);
         onUnmounted(() => {
           var _a, _b, _c, _d;
@@ -77,22 +71,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       watch(
         () => props.configure.code,
         (newVal) => {
-          if (!props.pageDesign.listCodesMap) {
-            props.pageDesign.listCodesMap = {};
-          }
-          const listCode = getListCode(props.pageDesign.code, props.pageDesign.version, props.configure.uuid);
-          if (listCode) {
-            if (newVal) {
-              props.pageDesign.listCodesMap[listCode] = props.configure.code;
-            } else {
-              if (props.pageDesign.listCodesMap && props.pageDesign.listCodesMap[listCode]) {
-                delete props.pageDesign.listCodesMap[listCode];
-              }
-            }
-          }
+          getListCodeMap(newVal);
         }
       );
     }
+    function getListCodeMap(code) {
+      if (!props.pageDesign.listCodesMap) {
+        props.pageDesign.listCodesMap = {};
+      }
+      const listCode = getListCode(props.pageDesign.code, props.pageDesign.version, props.configure.uuid);
+      if (listCode) {
+        if (code) {
+          props.pageDesign.listCodesMap[listCode] = code;
+        } else {
+          props.pageDesign.listCodesMap[listCode] = listCode;
+        }
+      }
+    }
     if (props.configure.events && props.pageDesign) {
       watch(
         props.configure.events,

package/dist/es/components/design/views/assemblys/page/page-attr-advanced.vue.js

@@ -67,6 +67,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function saveCondition(table) {
       props.configure.props["notIdInitializationList"] = JSON.stringify(table);
     }
+    function getNotIdInitializationList() {
+      return props.configure.props["notIdInitializationList"] ? JSON.parse(props.configure.props["notIdInitializationList"]) : null;
+    }
     function WeightFieldInputClose() {
       WeightFieldInputVisile.value = false;
     }
@@ -278,7 +281,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, null, 8, ["judgeHeavyList", "fieldList", "systemCode", "systemVersion"])) : createCommentVNode("", true),
           combinationVisible.value ? (openBlock(), createBlock(_sfc_main$4, {
             key: 2,
-            list: _ctx.configure.props.notIdInitializationList,
+            list: getNotIdInitializationList(),
             fieldNameList: _ctx.configure.modelFields,
             fieldMap: _ctx.configure.modelFieldsMap,
             onClose: closeCombination,

package/dist/es/components/design/views/design/page-design.vue.js

@@ -34,7 +34,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const props = __props;
     const pageDesign = ref(null);
     const ViewDesignRef = ref(null);
-    const pageEventContainerRef = ref(null);
+    const pageEventContainerRef = ref();
     const pageDesignUtil = usePageContextStore();
     const clickType = ref("page");
     const definitionId = ref(null);

package/dist/es/components/design/views/design/page-event/config.vue.js

@@ -1,7 +1,7 @@
 import _sfc_main from "./config.vue3.js";
 import "./config.vue2.js";
 import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-26f79956"]]);
+const config = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-39d5d5cf"]]);
 export {
   config as default
 };

package/dist/es/components/design/views/design/page-event/config.vue3.js

@@ -1,13 +1,14 @@
 import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, withCtx, unref, normalizeStyle, pushScopeId, popScopeId } from "vue";
 import { useLocalStorage } from "@vueuse/core";
-import { Search } from "@element-plus/icons-vue";
+import { Search, MagicStick } from "@element-plus/icons-vue";
 import { EditorView, basicSetup } from "codemirror";
 import { javascriptLanguage, javascript } from "@codemirror/lang-javascript";
 import { EditorState } from "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
 import { openSearchPanel } from "@codemirror/search";
-const _withScopeId = (n) => (pushScopeId("data-v-26f79956"), n = n(), popScopeId(), n);
+import beautify from "js-beautify";
+const _withScopeId = (n) => (pushScopeId("data-v-39d5d5cf"), n = n(), popScopeId(), n);
 const _hoisted_1 = {
   style: { "padding": "8px 16px", "margin": "10px 0px", "background-color": "#f4f4f5" },
   class: "pppp"
@@ -102,13 +103,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return EditorView.theme({});
     }
     function updateJsContent(newEvent) {
+      var _a;
       const hisValue = props.eventForm.jsContent ? props.eventForm.jsContent : "";
       if (newEvent && props.eventForm) {
         if (!newEvent.jsContent) {
           newEvent.jsContent = "";
         }
         Object.assign(props.eventForm, newEvent);
-        editor.value.dispatch({
+        (_a = editor.value) == null ? void 0 : _a.dispatch({
           changes: { from: 0, to: hisValue.length, insert: props.eventForm.jsContent }
         });
       }
@@ -117,15 +119,50 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const state = getEditorState();
       editor.value = new EditorView({
         state,
-        parent: document.getElementById("cf-codemirror")
+        parent: document.getElementById("cf-codemirror") || void 0
       });
     }
     function myCompletions(context) {
-      let word = context.matchBefore(/\w*|logicContext\./);
+      let word = context.matchBefore(/\w*|window\.\$PageUtil\.|window\.|logicContext\./);
       if (word) {
-        if (word.from == word.to && !context.explicit)
-          return null;
-        if ((word == null ? void 0 : word.text) === "logicContext.") {
+        if ((word == null ? void 0 : word.text) === "window.") {
+          return {
+            from: word.from,
+            options: [
+              { label: "window.$PageUtil()", type: "property", info: "页面工具方法" },
+              { label: "window.$message()", type: "property", info: "提示信息" },
+              { label: "window.$http()", type: "property", info: "接口调用" }
+            ]
+          };
+        } else if ((word == null ? void 0 : word.text) === "window.$PageUtil.") {
+          return {
+            from: word.from,
+            options: [
+              { label: "window.$PageUtil.standardEvents", type: "function", info: "显示方法" },
+              { label: "window.$PageUtil.showElement()", type: "function", info: "显示页面中的某个组件元素" },
+              { label: "window.$PageUtil.hideElement()", type: "function", info: "隐藏页面中的某个组件元素" },
+              { label: "window.$PageUtil.enableElement()", type: "function", info: "设置组件元素可用状态" },
+              { label: "window.$PageUtil.disableElement()", type: "function", info: "禁用页面中的某个组件元素" },
+              { label: "window.$PageUtil.setEntityDataValue()", type: "function", info: "设置Data值" },
+              { label: "window.$PageUtil.setEntityPageValue()", type: "function", info: "设置页面变量值" },
+              { label: "window.$PageUtil.setEntityValueByType()", type: "function", info: "根据类型设置值" },
+              { label: "window.$PageUtil.dsiabledAllFields()", type: "function", info: "禁用所有字段" },
+              { label: "window.$PageUtil.dynamicControlFormEdit()", type: "function", info: "表单编辑权限动态控制" },
+              { label: "window.$PageUtil.dynamicControlTableEdit()", type: "function", info: "控制表格编辑权限" },
+              { label: "window.$PageUtil.openPage()", type: "function", info: "打开页面" },
+              { label: "window.$PageUtil.refreshPage()", type: "function", info: "刷新页面" },
+              { label: "window.$PageUtil.refreshSubTableHandle()", type: "function", info: "刷新表单中子表内容" },
+              { label: "window.$PageUtil.refreshChildData()", type: "function", info: "对外开放的api方法更新子表集合" },
+              {
+                label: "window.$PageUtil.getServerConfigValue()",
+                type: "function",
+                info: "根据key获得serverConfig中配置的信息"
+              },
+              { label: "window.$PageUtil.getBackendUrl()", type: "function", info: "获得当前系统的后端访问路径" },
+              { label: "window.$PageUtil.getPlateBackendUrl()", type: "function", info: "获得平台后端访问路径" }
+            ]
+          };
+        } else if ((word == null ? void 0 : word.text) === "logicContext.") {
           return {
             from: word.from,
             options: [
@@ -137,25 +174,55 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               { label: "logicContext.data", type: "property", info: "数据模型变量" }
             ]
           };
-        } else {
-          return {
-            from: word.from,
-            options: [{ label: "logicContext", type: "property" }]
-          };
         }
-      } else {
-        return null;
       }
+      return null;
     }
     function openSearch() {
       if (editor.value) {
         editor.value.focus();
         let newState = openSearchPanel(editor.value);
         if (newState) {
-          editor.value.update([transaction]);
+          editor.value.update([]);
         }
       }
     }
+    function formatCode() {
+      if (editor.value) {
+        const code = beautify.js(props.eventForm.jsContent, {
+          indent_level: 0,
+          indent_size: 2,
+          // 每级缩进的空格数
+          space_in_empty_paren: false,
+          // 是否在空括号内加空格
+          max_preserve_newlines: 2,
+          // 最多保留的换行数
+          preserve_newlines: true,
+          // 是否保留原有的换行
+          jslint_happy: false,
+          // 是否遵循 JSLint 的风格
+          keep_array_indentation: false,
+          // 是否保持数组的缩进
+          keep_function_indentation: false,
+          // 是否保持函数的缩进
+          space_before_conditional: true,
+          // 在条件语句前是否加空格
+          break_chained_methods: false,
+          // 是否断开链式调用
+          eval_code: false,
+          // 是否格式化 eval 代码
+          unescape_strings: false,
+          // 是否取消转义字符串中的特殊字符
+          wrap_line_length: 0,
+          // 每行的最大长度
+          end_with_newline: false
+          // 是否以新行结束
+        });
+        editor.value.dispatch({
+          changes: { from: 0, to: props.eventForm.jsContent.length, insert: code }
+        });
+      }
+    }
     __expose({ resize, updateJsContent });
     return (_ctx, _cache) => {
       const _component_el_input = resolveComponent("el-input");
@@ -318,6 +385,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
+          }),
+          createVNode(_component_el_tooltip, {
+            class: "box-item",
+            effect: "dark",
+            content: "格式化代码",
+            placement: "top"
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_el_icon, {
+                class: "editorOption",
+                onClick: formatCode
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(MagicStick))
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
           })
         ]),
         createElementVNode("div", {

package/dist/es/components/design/views/design/view/view-design-display.vue.js

@@ -15,6 +15,7 @@ import "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
 import "@codemirror/search";
+import "js-beautify";
 import "../page-event/config.vue2.js";
 import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
@@ -163,16 +164,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function saveForm() {
       const configureCopy = JSON.parse(JSON.stringify(props.configure));
       configureCopy.tableRuntimes = {};
-      if (configureCopy.tableUuids) {
-        configureCopy.tableUuids = configureCopy.tableUuids.filter((tableUuid) => {
-          const table = findDesignItemByUuid(configureCopy, tableUuid);
-          if (table) {
-            setTableRuntimesFromConfigure(table, configureCopy);
-            return true;
-          }
-          return false;
-        });
-      }
+      beforeSaveForm(configureCopy);
       http.post(window["$vueApp"].config.globalProperties.baseAPI + "/component/super-page-design/save", {
         id: props.configure.id,
         designJson: JSON.stringify(configureCopy)
@@ -268,6 +260,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       var _a;
       (_a = i18nSettingRef.value) == null ? void 0 : _a.show();
     }
+    function beforeSaveForm(configureCopy) {
+      if (configureCopy.tableUuids) {
+        configureCopy.tableUuids = configureCopy.tableUuids.filter((tableUuid) => {
+          const table = findDesignItemByUuid(configureCopy, tableUuid);
+          if (table) {
+            setTableRuntimesFromConfigure(table, configureCopy);
+            return true;
+          }
+          return false;
+        });
+      }
+    }
     __expose({ onSelectEvent, addEvent, changeEvent });
     return (_ctx, _cache) => {
       const _component_el_icon = resolveComponent("el-icon");