super-page-designer 2.3.17-sit1-design1 → 2.3.17-sit2-design1

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

@@ -1,76 +1,83 @@
-import { defineComponent as e, ref as t, onMounted as l, onUnmounted as o, resolveComponent as n, createElementBlock as a, openBlock as r, createElementVNode as i, createVNode as s, createTextVNode as u, withCtx as c, unref as d, normalizeStyle as m } from "vue";
-import { useLocalStorage as f } from "@vueuse/core";
-import { Search as p, MagicStick as v } from "@element-plus/icons-vue";
+import { defineComponent as e, ref as t, onMounted as l, onUnmounted as o, resolveComponent as a, createElementBlock as n, openBlock as r, createElementVNode as i, createVNode as s, createTextVNode as u, withCtx as c, unref as m, normalizeStyle as p } from "vue";
+import { useLocalStorage as d } from "@vueuse/core";
+import { Search as f, MagicStick as v } from "@element-plus/icons-vue";
 import { EditorView as h, basicSetup as g } from "codemirror";
 import { javascriptLanguage as b, javascript as _ } from "@codemirror/lang-javascript";
-import { EditorState as x } from "@codemirror/state";
+import { EditorState as y } from "@codemirror/state";
 import "@codemirror/autocomplete";
 import "@codemirror/language";
-import { openSearchPanel as y } from "@codemirror/search";
+import { openSearchPanel as x } from "@codemirror/search";
 import k from "js-beautify";
-import w from "./completion-data.js";
-const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, C = { style: { color: "#909399", "font-size": "14px" } }, z = { key: 0 }, F = { key: 1 }, S = { class: "editorTool" }, O = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: O2, emit: V }) {
-  const D = e2;
+import C from "./completion-data.js";
+const j = { style: { padding: "8px 16px", margin: "10px 0px", "background-color": "#f4f4f5" }, class: "pppp" }, w = { style: { color: "#909399", "font-size": "14px" } }, z = { key: 0 }, F = { key: 1 }, S = { class: "editorTool" }, O = e({ __name: "config", props: { eventForm: { type: Object, default: () => ({}) } }, emits: ["fullScreen"], setup(e2, { expose: O2, emit: V }) {
+  const L = e2;
   t(false);
-  const L = t({ theme: "default", fontSize: 14, searchOpen: false }), T = t(null), W = t(null), $ = t(null), B = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
-  let R;
+  const D = t({ theme: "default", fontSize: 14, searchOpen: false }), E = t(null), W = t(null), R = t(null), T = t({ backgroundColor: "#fff", color: "#333", border: "1px solid #ddd", overflow: "auto" });
+  let B;
   l(() => {
-    let e3 = f("editorStyle", "").value;
-    e3 && (e3 = JSON.parse(e3), L.value.theme = e3.theme || "default", L.value.fontSize = e3.fontSize || 14), G();
+    let e3 = d("editorStyle", "").value;
+    e3 && (e3 = JSON.parse(e3), D.value.theme = e3.theme || "default", D.value.fontSize = e3.fontSize || 14), H();
   }), o(() => {
-    R && clearTimeout(R);
+    B && clearTimeout(B);
   });
   const U = b.data.of({ autocomplete: function(e3) {
-    const t2 = e3.matchBefore(/(?:window\.[\w$\.]*|logicContext\.[\w$\.]*)/);
-    if (!t2 || "" === t2.text) return null;
-    const l2 = t2.text;
-    if (w[l2]) return { from: t2.from, options: w[l2], filter: true };
-    let o2 = null;
-    for (const e4 of Object.keys(w)) l2.startsWith(e4) && (!o2 || e4.length > o2.length) && (o2 = e4);
-    if (!o2) for (const e4 of Object.keys(w)) e4.startsWith(l2) && (!o2 || e4.length > o2.length) && (o2 = e4);
-    if (o2) {
-      let e4 = w[o2];
-      return (l2.length > o2.length || l2 !== o2) && (e4 = e4.filter((e5) => e5.label.startsWith(l2))), { from: t2.from, options: e4, filter: false };
+    const t2 = Object.keys(C).map((e4) => e4.replace(".", "\\.")), l2 = new RegExp(`(?:${t2.map((e4) => e4.replace(/\\\./g, "") + "[\\.\\w$]*").join("|")})`), o2 = e3.matchBefore(l2);
+    if (!o2 || "" === o2.text) return null;
+    const a2 = o2.text;
+    if (C[a2]) return { from: o2.from, options: C[a2], filter: true };
+    let n2 = null;
+    for (const e4 of Object.keys(C)) a2.startsWith(e4) && (!n2 || e4.length > n2.length) && (n2 = e4);
+    if (n2) {
+      let e4 = C[n2];
+      if (a2.length > n2.length && (e4 = e4.filter((e5) => e5.label.toLowerCase().startsWith(a2.toLowerCase()))), e4.length > 0) return { from: o2.from, options: e4, filter: false };
+    }
+    const r2 = Object.keys(C).filter((e4) => e4.startsWith(a2) || e4.slice(0, -1).startsWith(a2));
+    if (r2.length > 0) {
+      const e4 = [];
+      if (r2.forEach((t3) => {
+        C[t3].forEach((t4) => {
+          t4.label.toLowerCase().startsWith(a2.toLowerCase()) && e4.push(t4);
+        });
+      }), e4.length > 0) return { from: o2.from, options: e4, filter: false };
     }
-    if ("window.$" === l2) return { from: t2.from, options: w["window."].filter((e4) => e4.label.startsWith("window.$")), filter: false };
     return null;
   } });
   function q() {
-    f("editorStyle", L.value).value = L.value, T.value && (T.value && T.value.destroy(), G());
-  }
-  function E() {
-    const e3 = h.theme({}), t2 = h.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: L.value.fontSize + "px" } });
-    return x.create({ doc: D.eventForm.jsContent, extensions: [x.tabSize.of(16), g, _(), U, e3, t2, h.updateListener.of(function(e4) {
-      D.eventForm.jsContent = e4.state.doc.toString();
-    })] });
+    d("editorStyle", D.value).value = D.value, E.value && (E.value && E.value.destroy(), H());
   }
   function G() {
-    const e3 = E();
-    T.value = new h({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
+    const e3 = h.theme({}), t2 = h.theme({ ".cm-content, .cm-gutter": { minHeight: "400px" }, "&": { fontSize: D.value.fontSize + "px" } });
+    return y.create({ doc: L.eventForm.jsContent, extensions: [y.tabSize.of(16), g, _(), U, e3, t2, h.updateListener.of(function(e4) {
+      L.eventForm.jsContent = e4.state.doc.toString();
+    })] });
   }
   function H() {
-    if (T.value) {
-      T.value.focus(), y(T.value) && T.value.update([]);
-    }
+    const e3 = G();
+    E.value = new h({ state: e3, parent: document.getElementById("cf-codemirror") || void 0 });
   }
   function J() {
-    if (T.value) {
-      const e3 = k.js(D.eventForm.jsContent, { indent_level: 0, indent_size: 2, space_in_empty_paren: false, max_preserve_newlines: 2, preserve_newlines: true, jslint_happy: false, keep_array_indentation: false, keep_function_indentation: false, space_before_conditional: true, break_chained_methods: false, eval_code: false, unescape_strings: false, wrap_line_length: 0, end_with_newline: false });
-      T.value.dispatch({ changes: { from: 0, to: D.eventForm.jsContent.length, insert: e3 } });
+    if (E.value) {
+      E.value.focus(), x(E.value) && E.value.update([]);
+    }
+  }
+  function P() {
+    if (E.value) {
+      const e3 = k.js(L.eventForm.jsContent, { indent_level: 0, indent_size: 2, space_in_empty_paren: false, max_preserve_newlines: 2, preserve_newlines: true, jslint_happy: false, keep_array_indentation: false, keep_function_indentation: false, space_before_conditional: true, break_chained_methods: false, eval_code: false, unescape_strings: false, wrap_line_length: 0, end_with_newline: false });
+      E.value.dispatch({ changes: { from: 0, to: L.eventForm.jsContent.length, insert: e3 } });
     }
   }
   return O2({ resize: function() {
-    R && clearTimeout(R), W.value && (R = setTimeout(() => {
+    B && clearTimeout(B), W.value && (B = setTimeout(() => {
       const e3 = W.value.getBoundingClientRect(), t2 = window.innerHeight - e3.y - 30 + "px";
-      T.value && T.value.dom && (T.value.dom.style.height = t2);
+      E.value && E.value.dom && (E.value.dom.style.height = t2);
     }, 10));
   }, updateJsContent: function(e3) {
     var _a;
-    const t2 = D.eventForm.jsContent ? D.eventForm.jsContent : "";
-    e3 && D.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(D.eventForm, e3), (_a = T.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: D.eventForm.jsContent } }));
+    const t2 = L.eventForm.jsContent ? L.eventForm.jsContent : "";
+    e3 && L.eventForm && (e3.jsContent || (e3.jsContent = ""), Object.assign(L.eventForm, e3), (_a = E.value) == null ? void 0 : _a.dispatch({ changes: { from: 0, to: t2.length, insert: L.eventForm.jsContent } }));
   } }), (t2, l2) => {
-    const o2 = n("el-input"), f2 = n("el-option"), h2 = n("el-select"), g2 = n("el-tooltip"), b2 = n("el-icon");
-    return r(), a("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: $ }, [i("div", j, [i("span", C, [l2[6] || (l2[6] = u(" function ")), "customFunc" === e2.eventForm.name ? (r(), a("span", z, [l2[3] || (l2[3] = u(" ( ")), l2[4] || (l2[4] = i("span", { class: "is_req" }, [i("span", { class: "cell--span required__label" })], -1)), s(o2, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": l2[0] || (l2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), l2[5] || (l2[5] = u(" ) "))])) : (r(), a("span", F, " ( params ) ")), l2[7] || (l2[7] = u("{ "))]), i("span", S, [s(g2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", onChange: q, modelValue: L.value.theme, "onUpdate:modelValue": l2[1] || (l2[1] = (e3) => L.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [s(f2, { label: "默认", value: "default" }), s(f2, { label: "VScodeDark", value: "vscodeDark" }), s(f2, { label: "Dracula", value: "dracula" }), s(f2, { label: "GithubLight", value: "githubLight" }), s(f2, { label: "GithubDark", value: "githubDark" }), s(f2, { label: "Eclipse", value: "eclipse" }), s(f2, { label: "XcodeLight", value: "xcodeLight" }), s(f2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", modelValue: L.value.fontSize, "onUpdate:modelValue": l2[2] || (l2[2] = (e3) => L.value.fontSize = e3), placeholder: "", onChange: q, size: "small", style: { width: "80px" } }, { default: c(() => [s(f2, { label: "12", value: 12 }), s(f2, { label: "14", value: 14 }), s(f2, { label: "16", value: 16 }), s(f2, { label: "18", value: 18 }), s(f2, { label: "20", value: 20 }), s(f2, { label: "22", value: 22 }), s(f2, { label: "24", value: 24 }), s(f2, { label: "26", value: 26 }), s(f2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), s(g2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: H }, { default: c(() => [s(d(p))]), _: 1 })]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: J }, { default: c(() => [s(d(v))]), _: 1 })]), _: 1 })]), i("div", { style: m(B.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: W }, null, 4), l2[8] || (l2[8] = i("span", { style: { color: "gray" } }, " }", -1))], 512);
+    const o2 = a("el-input"), d2 = a("el-option"), h2 = a("el-select"), g2 = a("el-tooltip"), b2 = a("el-icon");
+    return r(), n("div", { style: { "padding-right": "20px" }, ref_key: "editorContentRef", ref: R }, [i("div", j, [i("span", w, [l2[6] || (l2[6] = u(" function ")), "customFunc" === e2.eventForm.name ? (r(), n("span", z, [l2[3] || (l2[3] = u(" ( ")), l2[4] || (l2[4] = i("span", { class: "is_req" }, [i("span", { class: "cell--span required__label" })], -1)), s(o2, { size: "small", modelValue: e2.eventForm.funcParam, "onUpdate:modelValue": l2[0] || (l2[0] = (t3) => e2.eventForm.funcParam = t3), style: { width: "300px" }, title: "方法参数" }, null, 8, ["modelValue"]), l2[5] || (l2[5] = u(" ) "))])) : (r(), n("span", F, " ( params ) ")), l2[7] || (l2[7] = u("{ "))]), i("span", S, [s(g2, { class: "box-item", effect: "dark", content: "切换主题", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", onChange: q, modelValue: D.value.theme, "onUpdate:modelValue": l2[1] || (l2[1] = (e3) => D.value.theme = e3), placeholder: "", size: "small", style: { width: "120px" } }, { default: c(() => [s(d2, { label: "默认", value: "default" }), s(d2, { label: "VScodeDark", value: "vscodeDark" }), s(d2, { label: "Dracula", value: "dracula" }), s(d2, { label: "GithubLight", value: "githubLight" }), s(d2, { label: "GithubDark", value: "githubDark" }), s(d2, { label: "Eclipse", value: "eclipse" }), s(d2, { label: "XcodeLight", value: "xcodeLight" }), s(d2, { label: "XcodeDark", value: "xcodeDark" })]), _: 1 }, 8, ["modelValue"])]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "切换字体大小", placement: "top" }, { default: c(() => [s(h2, { class: "editorOption", modelValue: D.value.fontSize, "onUpdate:modelValue": l2[2] || (l2[2] = (e3) => D.value.fontSize = e3), placeholder: "", onChange: q, size: "small", style: { width: "80px" } }, { default: c(() => [s(d2, { label: "12", value: 12 }), s(d2, { label: "14", value: 14 }), s(d2, { label: "16", value: 16 }), s(d2, { label: "18", value: 18 }), s(d2, { label: "20", value: 20 }), s(d2, { label: "22", value: 22 }), s(d2, { label: "24", value: 24 }), s(d2, { label: "26", value: 26 }), s(d2, { label: "28", value: 28 })]), _: 1 }, 8, ["modelValue"])]), _: 1 })]), s(g2, { class: "box-item", effect: "dark", content: "打开搜索", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: J }, { default: c(() => [s(m(f))]), _: 1 })]), _: 1 }), s(g2, { class: "box-item", effect: "dark", content: "格式化代码", placement: "top" }, { default: c(() => [s(b2, { class: "editorOption", onClick: P }, { default: c(() => [s(m(v))]), _: 1 })]), _: 1 })]), i("div", { style: p(T.value), id: "cf-codemirror", ref_key: "codemirrorRef", ref: W }, null, 4), l2[8] || (l2[8] = i("span", { style: { color: "gray" } }, " }", -1))], 512);
   };
 } });
 export {

package/dist/es/style.css

@@ -348,8 +348,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 
 .amb-assembly-item:hover {
@@ -836,14 +838,14 @@ fieldset.amb-design-item-selected {
 }.runtime-page-container[data-v-f796b484] {
   height: calc(100vh - 73px);
 }
-.editorTool[data-v-c8908117] {
+.editorTool[data-v-f39498c6] {
   margin-left: auto;
 }
-.editorOption[data-v-c8908117] {
+.editorOption[data-v-f39498c6] {
   margin-right: 10px;
   cursor: pointer;
 }
-.pppp[data-v-c8908117] {
+.pppp[data-v-f39498c6] {
   display: flex; /* 使用Flex布局 */
   justify-content: flex-start;
   align-items: center; /* 子元素在交叉轴（垂直方向）上居中对齐 */
@@ -1420,8 +1422,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -1821,7 +1825,7 @@ fieldset.amb-design-item-selected {
   cursor: default;
 }
 
-.seleteSort[data-v-307b2416] {
+.seleteSort[data-v-f7769648] {
   border-radius: 5px;
   border: 1px solid rgba(88, 147, 239);
 }
@@ -2124,8 +2128,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -2819,8 +2825,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -3514,8 +3522,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -4209,8 +4219,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -4904,8 +4916,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -5603,8 +5617,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -6302,8 +6318,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -6997,8 +7015,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -7692,8 +7712,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -8387,8 +8409,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -9084,8 +9108,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -9779,8 +9805,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -10213,6 +10241,43 @@ fieldset.amb-design-item-selected {
 	margin-bottom: 20px;
 }
 
+.el-form-item[data-v-abc299d9] {
+  margin-bottom: 0px;
+}
+
+/* 整体对齐样式 - 靠右 */
+.form-item-align-right[data-v-abc299d9] {
+  justify-content: flex-end;
+}
+.form-item-align-right[data-v-abc299d9] .el-form-item__label {
+  flex: none;
+}
+.form-item-align-right[data-v-abc299d9] .el-form-item__content {
+  flex: none;
+}
+
+/* 整体对齐样式 - 居中 */
+.form-item-align-center[data-v-abc299d9] {
+  justify-content: center;
+}
+.form-item-align-center[data-v-abc299d9] .el-form-item__label {
+  flex: none;
+}
+.form-item-align-center[data-v-abc299d9] .el-form-item__content {
+  flex: none;
+}
+
+/* 整体对齐样式 - 靠左 */
+.form-item-align-left[data-v-abc299d9] {
+  justify-content: flex-start;
+}
+.form-item-align-left[data-v-abc299d9] .el-form-item__label {
+  flex: none;
+}
+.form-item-align-left[data-v-abc299d9] .el-form-item__content {
+  flex: none;
+}
+
 .el-tree-node__content {
   height: 34px !important;
 }
@@ -10511,8 +10576,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -11333,8 +11400,10 @@ li[data-v-d06d5717] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -12036,8 +12105,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -12731,8 +12802,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -13482,8 +13555,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -14177,8 +14252,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -14872,8 +14949,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -15567,8 +15646,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -16275,8 +16356,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -16970,8 +17053,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -17665,8 +17750,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -18360,8 +18447,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -19134,8 +19223,10 @@ li[data-v-21af26bc] {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);
@@ -19833,8 +19924,10 @@ fieldset.amb-design-item-selected {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  user-select: none; /* 防止文字被选中 */
-  -webkit-user-drag: none; /* 防止文字被拖动选中 */
+  user-select: none;
+  /* 防止文字被选中 */
+  -webkit-user-drag: none;
+  /* 防止文字被拖动选中 */
 }
 .amb-assembly-item:hover {
   background: rgba(11, 45, 101, 0.105);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "super-page-designer",
-  "version": "2.3.17-sit1-design1",
+  "version": "2.3.17-sit2-design1",
   "description": "AgileBuilder super page designer",
   "license": "ISC",
   "main": "dist/es/index.js",
@@ -29,7 +29,7 @@
     "@vitejs/plugin-vue": "^5.0.4",
     "@vueuse/core": "^10.9.0",
     "agilebuilder-private-libs": "1.0.26",
-    "agilebuilder-ui": "1.1.59-sit2",
+    "agilebuilder-ui": "1.1.59-sit3",
     "echarts": "^5.5.0",
     "element-plus": "^2.6.1",
     "font-awesome": "^4.7.0",
@@ -41,7 +41,7 @@
     "qrcode": "^1.5.3",
     "quill": "^2.0.1",
     "service-flow-designer": "2.3.17-sit1-flow1",
-    "super-page-runtime": "2.3.17-sit1",
+    "super-page-runtime": "2.3.17-sit2",
     "uuid": "^9.0.1",
     "vite": "^5.1.6",
     "vite-plugin-node-stdlib-browser": "^0.2.1",