super-page-designer 2.2.22 → 2.2.25

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

@@ -2,12 +2,12 @@ import { defineComponent as e, ref as t, onMounted as n, onUnmounted as a, watch
 import { ElMessageBox as x, ElMessage as h } from "element-plus";
 import C from "./config.vue.js";
 import { standardButtonOperations as E } from "../../../utils/assemblys-config.js";
-import { findDesignItemByUuid as _, getUuidv4 as S, deepCopy as V } from "../../../utils/common-util.js";
+import { findDesignItemByUuid as S, getUuidv4 as _, deepCopy as V } from "../../../utils/common-util.js";
 import { usePageContextStore as k } from "../../../../../stores/page-store.js";
-import { undoRedo as U } from "../../../../../stores/event-undo-redo-store.js";
-import F from "../../../utils/eventBus.js";
-const z = { style: { margin: "10px" } }, $ = { class: "amb-design-tool", style: { "user-select": "none" } }, j = { class: "amb-design-tool-item" }, N = { style: { "margin-left": "0px", display: "inline-block", width: "39px" } }, w = { class: "amb-design-tool-item", style: { "padding-right": "10px" } }, T = { class: "codemirror", style: { "margin-left": "20px", "margin-top": "-10px" } }, B = e({ __name: "page-event-content", props: { eventForm: {}, configure: {}, customEvent: {}, handleType: {} }, emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"], setup(e2, { expose: B2, emit: J }) {
-  const A = e2, L = U(), O = k(), P = t(null), Z = t();
+import { undoRedo as T } from "../../../../../stores/event-undo-redo-store.js";
+import U from "../../../utils/eventBus.js";
+const F = { style: { margin: "10px" } }, z = { class: "amb-design-tool", style: { "user-select": "none" } }, $ = { class: "amb-design-tool-item" }, j = { style: { "margin-left": "0px", display: "inline-block", width: "39px" } }, N = { class: "amb-design-tool-item", style: { "padding-right": "10px" } }, w = { class: "codemirror", style: { "margin-left": "20px", "margin-top": "-10px" } }, B = e({ __name: "page-event-content", props: { eventForm: {}, configure: {}, customEvent: {}, handleType: {} }, emits: ["changeSelectEvent", "addEvent", "changeSelectStandardEvent"], setup(e2, { expose: B2, emit: J }) {
+  const A = e2, L = T(), O = k(), P = t(null), Z = t();
   let I = t();
   const q = E;
   let R = A.customEvent;
@@ -26,7 +26,7 @@ const z = { style: { margin: "10px" } }, $ = { class: "amb-design-tool", style:
   }
   function X() {
     const e3 = { name: "customFunc", isStandard: false, jsContent: "" };
-    e3.uuid = S(), Y(e3);
+    e3.uuid = _(), Y(e3);
   }
   function Y(e3) {
     e3 = e3 || {}, H.value = e3, D.value = V(e3), P.value && P.value.updateJsContent && P.value.updateJsContent(D.value), L.clearSnapshot(), L.addSnapshot(D), G.value = 1, K.value = 0;
@@ -72,7 +72,7 @@ const z = { style: { margin: "10px" } }, $ = { class: "amb-design-tool", style:
     }
     if (a2) {
       if (Object.assign(a2, n2), e3.customEvents[l2] = a2, "customFunc" !== a2.name && a2.componentUuid) {
-        const t3 = _(e3, a2.componentUuid);
+        const t3 = S(e3, a2.componentUuid);
         if (t3 && t3.events) {
           const e4 = t3.events.findIndex((e5) => e5.name == a2.name && e5.componentUuid == a2.componentUuid);
           e4 > -1 && (t3.events[e4] = a2);
@@ -109,19 +109,19 @@ const z = { style: { margin: "10px" } }, $ = { class: "amb-design-tool", style:
     e3.eventName = null, e3.isStandard = false, e3.jsContent = "", e3.remark = "", e3.standardValues = [];
   }
   function le(e3, t2) {
-    const n2 = O.pageContext, a2 = _(n2, e3.componentUuid);
+    const n2 = O.pageContext, a2 = S(n2, e3.componentUuid);
     if (a2 && a2.events) {
       const n3 = a2.events.findIndex((t3) => t3.name == e3.name && t3.componentUuid == e3.componentUuid);
       n3 > -1 && (a2.events[n3] = t2);
     }
   }
   n(() => {
-    Z.value = window.innerHeight, I.value = { overflow: "auto", height: Z.value + "px" }, F.$on("clearEvent", (e3) => {
+    Z.value = window.innerHeight, I.value = { overflow: "auto", height: Z.value + "px" }, U.$on("clearEvent", (e3) => {
       if (ne(e3), D.value) {
         const t2 = D.value;
         "customFunc" == e3.name ? e3.uuid == t2.uuid && X() : e3.componentUuid == t2.componentUuid && e3.name == t2.name && X();
       }
-    }), F.$on("editEvent", (e3) => {
+    }), U.$on("editEvent", (e3) => {
       let t2 = false;
       if (D.value && ("customFunc" == e3.name ? D.value.uuid == e3.uuid && (t2 = true) : D.value.componentUuid == e3.componentUuid && e3.name == D.value.name && (t2 = true)), t2) return;
       null == e3.jsContent && (e3.jsContent = ""), null == e3.isStandard && (e3.isStandard = false, e3.standardValues = []), e3.isStandard && !e3.standardValues && (e3.standardValues = ["true"]);
@@ -133,28 +133,28 @@ const z = { style: { margin: "10px" } }, $ = { class: "amb-design-tool", style:
       }) : Y(e3);
     });
   }), a(() => {
-    F.$off("clearEvent"), F.$off("editEvent");
+    U.$off("clearEvent"), U.$off("editEvent"), ue && clearTimeout(ue), oe && clearTimeout(oe), L.clearSnapshotTimeout();
   }), X();
-  let ue = false;
-  function oe() {
-    ue = true, L.undo(D), G.value = L.getTotalLen(), K.value = L.getCurrentIndex(), P.value && P.value.updateJsContent && P.value.updateJsContent(D.value), setTimeout(() => {
-      ue = false;
+  let ue, oe, se = false;
+  function ie() {
+    ue && clearTimeout(ue), se = true, L.undo(D), G.value = L.getTotalLen(), K.value = L.getCurrentIndex(), P.value && P.value.updateJsContent && P.value.updateJsContent(D.value), ue = setTimeout(() => {
+      se = false;
     }, 100);
   }
-  function se() {
-    ue = true, L.record(D), G.value = L.getTotalLen(), K.value = L.getCurrentIndex(), P.value && P.value.updateJsContent && P.value.updateJsContent(D.value), setTimeout(() => {
-      ue = false;
+  function re() {
+    oe && clearTimeout(oe), se = true, L.record(D), G.value = L.getTotalLen(), K.value = L.getCurrentIndex(), P.value && P.value.updateJsContent && P.value.updateJsContent(D.value), oe = setTimeout(() => {
+      se = false;
     }, 100);
   }
   return l(() => D, (e3) => {
-    ue || L.addSnapshot(D, function() {
+    se || L.addSnapshot(D, function() {
       G.value = L.getTotalLen(), K.value = L.getCurrentIndex();
     });
   }, { deep: true }), B2({ resize: function() {
     P.value && P.value.resize && P.value.resize();
   } }), (e3, t2) => {
-    const n2 = u("Plus"), a2 = u("el-icon"), l2 = u("el-divider"), x2 = u("Check"), h2 = u("View"), E2 = u("el-text"), _2 = u("el-input"), S2 = u("el-form-item"), V2 = u("el-checkbox"), k2 = u("el-checkbox-group"), U2 = u("el-option"), F2 = u("el-option-group"), B3 = u("el-select"), J2 = u("el-col"), A2 = u("el-row"), L2 = u("el-form");
-    return s(), o("div", z, [i("div", $, [i("div", j, [i("label", { class: "amb-page-type", onClick: W }, [r(a2, { size: 18 }, { default: m(() => [r(n2)]), _: 1 }), t2[5] || (t2[5] = i("label", null, "添加自定义方法", -1))]), r(l2, { direction: "vertical" }), c(i("label", N, null, 512), [[d, K.value < 1]]), c(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: oe }, t2[6] || (t2[6] = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[d, K.value > 0]]), c(i("label", { class: "amb-page-type", onClick: se }, t2[7] || (t2[7] = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[d, K.value > -1 && K.value + 1 < G.value]])]), c(i("div", w, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => ee()) }, [r(a2, { size: 18 }, { default: m(() => [r(x2)]), _: 1 }), t2[8] || (t2[8] = i("label", null, "确定", -1))]), r(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: te }, [r(a2, { size: 18 }, { default: m(() => [r(h2)]), _: 1 }), t2[9] || (t2[9] = i("label", null, "清除", -1))])], 512), [[d, D.value.name]])]), r(L2, { class: "amb-design-board", style: { "padding-top": "10px" }, ref_key: "formRef", ref: M, size: "small", model: v(R), "inline-message": "", "label-width": "80px" }, { default: m(() => [r(A2, null, { default: m(() => [r(S2, { label: "名称", style: { "min-width": "280px" }, required: "customFunc" == D.value.name }, { default: m(() => [c(r(E2, { type: "primary" }, { default: m(() => [f(p(D.value.title ? D.value.title + (D.value.componentLabel ? "(" + D.value.componentLabel + ")" : "") : D.value.componentLabel) + "." + p(D.value.name), 1)]), _: 1 }, 512), [[d, D.value.name && "customFunc" != D.value.name]]), c(r(_2, { modelValue: D.value.eventName, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => D.value.eventName = e4), title: "自定义方法名" }, null, 8, ["modelValue"]), [[d, "customFunc" == D.value.name]])]), _: 1 }, 8, ["required"]), c(r(k2, { modelValue: D.value.standardValues, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => D.value.standardValues = e4), onChange: Q }, { default: m(() => [r(V2, { value: "true", label: "标准功能" })]), _: 1 }, 8, ["modelValue"]), [[d, "customFunc" != D.value.name]]), c(r(B3, { disabled: !D.value.isStandard, modelValue: D.value.eventName, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => D.value.eventName = e4), placeholder: "请选择", filterable: "", style: { width: "240px", "margin-left": "10px" } }, { default: m(() => [(s(true), o(g, null, b(v(q), (e4) => (s(), y(F2, { key: e4.label, label: e4.label }, { default: m(() => [(s(true), o(g, null, b(e4.options, (e5) => (s(), y(U2, { key: e5.value, label: e5.label, value: e5.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["label"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"]), [[d, "customFunc" != D.value.name]]), r(J2, { span: 10 }, { default: m(() => [r(S2, { label: "描述" }, { default: m(() => [r(_2, { modelValue: D.value.remark, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => D.value.remark = e4) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), c(i("div", T, [r(C, { eventForm: D.value, ref_key: "editorRef", ref: P }, null, 8, ["eventForm"])], 512), [[d, "customFunc" == D.value.name || "customFunc" != D.value.name && !D.value.isStandard]])]), _: 1 }, 8, ["model"])]);
+    const n2 = u("Plus"), a2 = u("el-icon"), l2 = u("el-divider"), x2 = u("Check"), h2 = u("View"), E2 = u("el-text"), S2 = u("el-input"), _2 = u("el-form-item"), V2 = u("el-checkbox"), k2 = u("el-checkbox-group"), T2 = u("el-option"), U2 = u("el-option-group"), B3 = u("el-select"), J2 = u("el-col"), A2 = u("el-row"), L2 = u("el-form");
+    return s(), o("div", F, [i("div", z, [i("div", $, [i("label", { class: "amb-page-type", onClick: W }, [r(a2, { size: 18 }, { default: m(() => [r(n2)]), _: 1 }), t2[5] || (t2[5] = i("label", null, "添加自定义方法", -1))]), r(l2, { direction: "vertical" }), c(i("label", j, null, 512), [[d, K.value < 1]]), c(i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: ie }, t2[6] || (t2[6] = [i("span", { class: "iconfont icon-chexiaozuo", style: { "font-size": "20px" }, title: "撤销" }, null, -1)]), 512), [[d, K.value > 0]]), c(i("label", { class: "amb-page-type", onClick: re }, t2[7] || (t2[7] = [i("span", { class: "iconfont icon-chexiaoyou", style: { "font-size": "20px" }, title: "恢复" }, null, -1)]), 512), [[d, K.value > -1 && K.value + 1 < G.value]])]), c(i("div", N, [i("label", { class: "amb-page-type", onClick: t2[0] || (t2[0] = (e4) => ee()) }, [r(a2, { size: 18 }, { default: m(() => [r(x2)]), _: 1 }), t2[8] || (t2[8] = i("label", null, "确定", -1))]), r(l2, { direction: "vertical" }), i("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: te }, [r(a2, { size: 18 }, { default: m(() => [r(h2)]), _: 1 }), t2[9] || (t2[9] = i("label", null, "清除", -1))])], 512), [[d, D.value.name]])]), r(L2, { class: "amb-design-board", style: { "padding-top": "10px" }, ref_key: "formRef", ref: M, size: "small", model: v(R), "inline-message": "", "label-width": "80px" }, { default: m(() => [r(A2, null, { default: m(() => [r(_2, { label: "名称", style: { "min-width": "280px" }, required: "customFunc" == D.value.name }, { default: m(() => [c(r(E2, { type: "primary" }, { default: m(() => [f(p(D.value.title ? D.value.title + (D.value.componentLabel ? "(" + D.value.componentLabel + ")" : "") : D.value.componentLabel) + "." + p(D.value.name), 1)]), _: 1 }, 512), [[d, D.value.name && "customFunc" != D.value.name]]), c(r(S2, { modelValue: D.value.eventName, "onUpdate:modelValue": t2[1] || (t2[1] = (e4) => D.value.eventName = e4), title: "自定义方法名" }, null, 8, ["modelValue"]), [[d, "customFunc" == D.value.name]])]), _: 1 }, 8, ["required"]), c(r(k2, { modelValue: D.value.standardValues, "onUpdate:modelValue": t2[2] || (t2[2] = (e4) => D.value.standardValues = e4), onChange: Q }, { default: m(() => [r(V2, { value: "true", label: "标准功能" })]), _: 1 }, 8, ["modelValue"]), [[d, "customFunc" != D.value.name]]), c(r(B3, { disabled: !D.value.isStandard, modelValue: D.value.eventName, "onUpdate:modelValue": t2[3] || (t2[3] = (e4) => D.value.eventName = e4), placeholder: "请选择", filterable: "", style: { width: "240px", "margin-left": "10px" } }, { default: m(() => [(s(true), o(g, null, b(v(q), (e4) => (s(), y(U2, { key: e4.label, label: e4.label }, { default: m(() => [(s(true), o(g, null, b(e4.options, (e5) => (s(), y(T2, { key: e5.value, label: e5.label, value: e5.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, 1032, ["label"]))), 128))]), _: 1 }, 8, ["disabled", "modelValue"]), [[d, "customFunc" != D.value.name]]), r(J2, { span: 10 }, { default: m(() => [r(_2, { label: "描述" }, { default: m(() => [r(S2, { modelValue: D.value.remark, "onUpdate:modelValue": t2[4] || (t2[4] = (e4) => D.value.remark = e4) }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 })]), _: 1 }), c(i("div", w, [r(C, { eventForm: D.value, ref_key: "editorRef", ref: P }, null, 8, ["eventForm"])], 512), [[d, "customFunc" == D.value.name || "customFunc" != D.value.name && !D.value.isStandard]])]), _: 1 }, 8, ["model"])]);
   };
 } });
 export {

package/dist/es/components/design/views/design/view/components/quick-add-fields.vue.js

@@ -1,108 +1,112 @@
-import { defineComponent as e, ref as l, onMounted as a, resolveComponent as o, createBlock as t, openBlock as d, withCtx as u, createVNode as n, createCommentVNode as i, unref as m, createElementBlock as r, toDisplayString as s, Fragment as f, renderList as p, createElementVNode as c, createTextVNode as b, withDirectives as v, vShow as w } from "vue";
-import { Top as y, Bottom as h, Plus as g, Delete as N } from "@element-plus/icons";
-import { ElMessageBox as V } from "element-plus";
-import k from "../../../assemblys/common/common-variable-bind.vue.js";
-import { getUuidv4 as T } from "../../../../utils/common-util.js";
-import { getFormComponentOptions as _ } from "../../../../utils/assemblys-config.js";
-import { useDraggable as x } from "vue-draggable-plus";
-const I = { key: 0 }, C = { key: 0 }, U = { key: 0 }, z = { style: { display: "flex" } }, B = { key: 0 }, E = { style: { display: "flex" } }, F = { key: 0 }, L = { key: 0 }, q = ["title"], O = { key: 0 }, j = { key: 0 }, A = e({ __name: "quick-add-fields", props: { model: { type: Object, required: true } }, setup(e2, { expose: A2 }) {
-  const M = e2, S = l(null), D = l(null);
+import { defineComponent as e, ref as l, onMounted as a, onUnmounted as o, resolveComponent as t, createBlock as d, openBlock as u, withCtx as n, createVNode as i, createCommentVNode as m, unref as r, createElementBlock as s, toDisplayString as f, Fragment as p, renderList as c, createElementVNode as b, createTextVNode as v, withDirectives as w, vShow as y } from "vue";
+import { Top as h, Bottom as g, Plus as N, Delete as V } from "@element-plus/icons";
+import { ElMessageBox as k } from "element-plus";
+import T from "../../../assemblys/common/common-variable-bind.vue.js";
+import { getUuidv4 as _ } from "../../../../utils/common-util.js";
+import { getFormComponentOptions as x } from "../../../../utils/assemblys-config.js";
+import { useDraggable as I } from "vue-draggable-plus";
+const C = { key: 0 }, U = { key: 0 }, z = { key: 0 }, B = { style: { display: "flex" } }, E = { key: 0 }, F = { style: { display: "flex" } }, L = { key: 0 }, q = { key: 0 }, O = ["title"], j = { key: 0 }, A = { key: 0 }, M = e({ __name: "quick-add-fields", props: { model: { type: Object, required: true } }, setup(e2, { expose: M2 }) {
+  const S = e2, D = l(null), R = l(null);
   l([]);
-  const R = l(null);
+  const G = l(null);
   a(() => {
-    if (R.value.$el) {
-      let e3 = R.value.$el.getElementsByClassName("el-table__body");
-      e3 && e3.length > 0 && (e3 = e3[0].getElementsByTagName("tbody"), e3 && e3.length > 0 && x(e3[0], M.model.fieldInfos, { group: "el-table__row", handle: "amb-field-move", animation: 300, forceFallback: true, sort: true, onAdd(e4) {
+    if (G.value.$el) {
+      let e3 = G.value.$el.getElementsByClassName("el-table__body");
+      e3 && e3.length > 0 && (e3 = e3[0].getElementsByTagName("tbody"), e3 && e3.length > 0 && I(e3[0], S.model.fieldInfos, { group: "el-table__row", handle: "amb-field-move", animation: 300, forceFallback: true, sort: true, onAdd(e4) {
       } }));
     }
   });
-  const G = l([{ value: "left", label: "靠左" }, { value: "center", label: "居中" }, { value: "right", label: "靠右" }]), $ = l([{ value: "readonly", label: "只读" }, { value: "disabled", label: "禁用" }]), P = l([]);
-  for (let e3 = 2; e3 <= 24; e3 += 2) P.value.push({ value: e3, label: e3 });
-  const H = [{ value: "required", label: "必填" }, { value: "string", label: "文本" }, { value: "integer", label: "整形" }, { value: "number", label: "数字" }, { value: "boolean", label: "布尔" }, { value: "float", label: "小数" }, { value: "date", label: "日期" }, { value: "email", label: "邮箱" }, { value: "url", label: "网址" }], J = [{ value: "no", label: "不查询" }, { value: "normal", label: "普通查询" }, { value: "advanced", label: "高级查询" }], K = _(), Q = l(null);
-  function W(e3) {
-  }
+  const $ = l([{ value: "left", label: "靠左" }, { value: "center", label: "居中" }, { value: "right", label: "靠右" }]), P = l([{ value: "readonly", label: "只读" }, { value: "disabled", label: "禁用" }]), H = l([]);
+  for (let e3 = 2; e3 <= 24; e3 += 2) H.value.push({ value: e3, label: e3 });
+  const J = [{ value: "required", label: "必填" }, { value: "string", label: "文本" }, { value: "integer", label: "整形" }, { value: "number", label: "数字" }, { value: "boolean", label: "布尔" }, { value: "float", label: "小数" }, { value: "date", label: "日期" }, { value: "email", label: "邮箱" }, { value: "url", label: "网址" }], K = [{ value: "no", label: "不查询" }, { value: "normal", label: "普通查询" }, { value: "advanced", label: "高级查询" }], Q = x(), W = l(null);
   function X(e3) {
   }
   function Y(e3) {
-    Q.value = e3.uuid;
   }
-  function Z() {
-    if (!M.model.fieldInfos || 0 == M.model.fieldInfos.length) return;
-    const e3 = S.value ? "确定全部设置为可编辑吗?" : "确定要全部取消可编辑吗?";
-    V.confirm(e3, "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e4 }) => {
-      for (let e5 of M.model.fieldInfos) S.value ? e5.componentName || (e5.componentName = "input-text") : e5.componentName = null;
-    });
+  function Z(e3) {
+    W.value = e3.uuid;
   }
   function ee() {
-    if (!M.model.fieldInfos || 0 == M.model.fieldInfos.length) return;
-    const e3 = D.value ? "确定全部设置为可导出吗?" : "确定要全部取消可导出吗?";
-    V.confirm(e3, "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e4 }) => {
-      for (let e5 of M.model.fieldInfos) D.value ? e5.exportable || (e5.exportable = true) : e5.exportable = false;
+    if (!S.model.fieldInfos || 0 == S.model.fieldInfos.length) return;
+    const e3 = D.value ? "确定全部设置为可编辑吗?" : "确定要全部取消可编辑吗?";
+    k.confirm(e3, "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e4 }) => {
+      for (let e5 of S.model.fieldInfos) D.value ? e5.componentName || (e5.componentName = "input-text") : e5.componentName = null;
     });
   }
   function le() {
-    V.confirm("确定要全部清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e3 }) => {
-      M.model.fieldInfos = [], ae(null);
+    if (!S.model.fieldInfos || 0 == S.model.fieldInfos.length) return;
+    const e3 = R.value ? "确定全部设置为可导出吗?" : "确定要全部取消可导出吗?";
+    k.confirm(e3, "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e4 }) => {
+      for (let e5 of S.model.fieldInfos) R.value ? e5.exportable || (e5.exportable = true) : e5.exportable = false;
+    });
+  }
+  function ae() {
+    k.confirm("确定要全部清除吗?", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(({ value: e3 }) => {
+      S.model.fieldInfos = [], te(null);
     });
   }
-  function ae(e3) {
-    const l2 = { uuid: T() };
-    "list" == M.model.pageType && (l2.isTable = true);
-    const a2 = oe(e3);
-    a2 > -1 ? M.model.fieldInfos.splice(a2 + 1, 0, l2) : M.model.fieldInfos.push(l2), setTimeout(() => {
-      Q.value = l2.uuid;
+  let oe;
+  function te(e3) {
+    oe && clearTimeout(oe);
+    const l2 = { uuid: _() };
+    "list" == S.model.pageType && (l2.isTable = true);
+    const a2 = de(e3);
+    a2 > -1 ? S.model.fieldInfos.splice(a2 + 1, 0, l2) : S.model.fieldInfos.push(l2), oe = setTimeout(() => {
+      W.value = l2.uuid;
     }, 20);
   }
-  function oe(e3) {
+  function de(e3) {
     let l2 = -1;
     if (!e3) return l2;
-    const a2 = M.model.fieldInfos.length;
-    for (let o2 = 0; o2 < a2; o2++) if (M.model.fieldInfos[o2].uuid == e3.uuid) {
+    const a2 = S.model.fieldInfos.length;
+    for (let o2 = 0; o2 < a2; o2++) if (S.model.fieldInfos[o2].uuid == e3.uuid) {
       l2 = o2;
       break;
     }
     return l2;
   }
-  return 0 == M.model.fieldInfos.length && ae(null), A2({ updateInitFields: function() {
+  return o(() => {
+    oe && clearTimeout(oe);
+  }), 0 == S.model.fieldInfos.length && te(null), M2({ updateInitFields: function() {
     const e3 = {};
-    if (M.model.modelFields) for (let l3 of M.model.modelFields) e3[l3.dbColumnName] = l3;
+    if (S.model.modelFields) for (let l3 of S.model.modelFields) e3[l3.dbColumnName] = l3;
     const l2 = {};
-    for (let a2 of M.model.fieldInfos) a2.fieldName && (e3[a2.fieldName] ? l2[a2.fieldName] = true : a2.fieldName = null);
-    if (M.model.modelFields) {
+    for (let a2 of S.model.fieldInfos) a2.fieldName && (e3[a2.fieldName] ? l2[a2.fieldName] = true : a2.fieldName = null);
+    if (S.model.modelFields) {
       let e4 = false;
-      for (let a2 of M.model.modelFields) if ("ID" != a2.dbColumnName && !a2.edit && !l2[a2.dbColumnName]) {
-        const l3 = { uuid: T(), fieldName: a2.dbColumnName, title: a2.alias, width: 8, dataType: a2.dataType };
-        "form" == M.model.pageType && ("DATE" == a2.dataType || "TIME" == a2.dataType ? l3.componentName = "datePicker" : "INTEGER" == a2.dataType || "LONG" == a2.dataType || "FLOAT" == a2.dataType || "DOUBLE" == a2.dataType ? l3.componentName = "inputNumber" : "BOOLEAN" == a2.dataType ? l3.componentName = "switch" : "CLOB" == a2.dataType || "BLOB" == a2.dataType ? l3.componentName = "textarea" : "ENUM" == a2.dataType ? l3.componentName = "select" : l3.componentName = "input-text", a2.alias && (a2.alias.includes("备注") || a2.alias.includes("说明")) && (l3.componentName = "textarea", l3.width = 24)), M.model.fieldInfos.push(l3), e4 = true;
+      for (let a2 of S.model.modelFields) if ("ID" != a2.dbColumnName && !a2.edit && !l2[a2.dbColumnName]) {
+        const l3 = { uuid: _(), fieldName: a2.dbColumnName, title: a2.alias, width: 8, dataType: a2.dataType };
+        "form" == S.model.pageType && ("DATE" == a2.dataType || "TIME" == a2.dataType ? l3.componentName = "datePicker" : "INTEGER" == a2.dataType || "LONG" == a2.dataType || "FLOAT" == a2.dataType || "DOUBLE" == a2.dataType ? l3.componentName = "inputNumber" : "BOOLEAN" == a2.dataType ? l3.componentName = "switch" : "CLOB" == a2.dataType || "BLOB" == a2.dataType ? l3.componentName = "textarea" : "ENUM" == a2.dataType ? l3.componentName = "select" : l3.componentName = "input-text", a2.alias && (a2.alias.includes("备注") || a2.alias.includes("说明")) && (l3.componentName = "textarea", l3.width = 24)), S.model.fieldInfos.push(l3), e4 = true;
       }
       if (e4) {
-        const e5 = M.model.fieldInfos[0];
-        e5.fieldName || e5.title || e5.componentName || M.model.fieldInfos.splice(0, 1), Q.value = M.model.fieldInfos[0].uuid;
+        const e5 = S.model.fieldInfos[0];
+        e5.fieldName || e5.title || e5.componentName || S.model.fieldInfos.splice(0, 1), W.value = S.model.fieldInfos[0].uuid;
       }
     }
   } }), (l2, a2) => {
-    const V2 = o("el-icon"), T2 = o("el-table-column"), _2 = o("el-option"), x2 = o("el-select"), A3 = o("el-input"), te = o("el-checkbox"), de = o("el-switch"), ue = o("el-table");
-    return d(), t(ue, { size: "small", border: "", "highlight-current-row": "", data: e2.model.fieldInfos, onRowClick: Y, onCellMouseEnter: W, onCellMouseLeave: X, style: { width: "100%" }, ref_key: "thisRef", ref: R }, { default: u(() => [n(T2, { width: "36" }, { default: u((e3) => [n(V2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
-      let l4 = oe(e4);
+    const o2 = t("el-icon"), k2 = t("el-table-column"), _2 = t("el-option"), x2 = t("el-select"), I2 = t("el-input"), M3 = t("el-checkbox"), oe2 = t("el-switch"), ue = t("el-table");
+    return u(), d(ue, { size: "small", border: "", "highlight-current-row": "", data: e2.model.fieldInfos, onRowClick: Z, onCellMouseEnter: X, onCellMouseLeave: Y, style: { width: "100%" }, ref_key: "thisRef", ref: G }, { default: n(() => [i(k2, { width: "36" }, { default: n((e3) => [i(o2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => function(e4) {
+      let l4 = de(e4);
       if (l4 < 1) return;
-      const a3 = M.model.fieldInfos;
+      const a3 = S.model.fieldInfos;
       [a3[l4 - 1], a3[l4]] = [a3[l4], a3[l4 - 1]];
-    }(e3.row) }, { default: u(() => [n(m(y))]), _: 2 }, 1032, ["onClick"]), n(V2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
-      let l4 = oe(e4);
-      const a3 = M.model.fieldInfos;
+    }(e3.row) }, { default: n(() => [i(r(h))]), _: 2 }, 1032, ["onClick"]), i(o2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      let l4 = de(e4);
+      const a3 = S.model.fieldInfos;
       -1 != l4 && a3.length != l4 + 1 && ([a3[l4], a3[l4 + 1]] = [a3[l4 + 1], a3[l4]]);
-    }(e3.row) }, { default: u(() => [n(m(h))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), n(T2, { width: "40", align: "center" }, { header: u((e3) => [n(V2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: le }, { default: u(() => [n(m(N))]), _: 1 })]), default: u((e3) => [n(V2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => ae(e3.row) }, { default: u(() => [n(m(g))]), _: 2 }, 1032, ["onClick"]), n(V2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
-      const l4 = oe(e4);
-      l4 > -1 && (M.model.fieldInfos.splice(l4, 1), 0 == M.model.fieldInfos.length && ae(null));
-    }(e3.row) }, { default: u(() => [n(m(N))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), n(T2, { prop: "fieldName", label: "字段", width: "140" }, { default: u((l3) => [l3.row.uuid != Q.value ? (d(), r("label", I, s(l3.row.fieldName), 1)) : (d(), t(x2, { key: 1, size: "small", modelValue: l3.row.fieldName, "onUpdate:modelValue": (e3) => l3.row.fieldName = e3, clearable: "", filterable: "", placeholder: "请选择", onChange: (e3) => function(e4) {
+    }(e3.row) }, { default: n(() => [i(r(g))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), i(k2, { width: "40", align: "center" }, { header: n((e3) => [i(o2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: ae }, { default: n(() => [i(r(V))]), _: 1 })]), default: n((e3) => [i(o2, { size: "14", style: { cursor: "pointer" }, onClick: (l3) => te(e3.row) }, { default: n(() => [i(r(N))]), _: 2 }, 1032, ["onClick"]), i(o2, { size: "14", style: { "margin-left": "2px", cursor: "pointer" }, onClick: (l3) => function(e4) {
+      const l4 = de(e4);
+      l4 > -1 && (S.model.fieldInfos.splice(l4, 1), 0 == S.model.fieldInfos.length && te(null));
+    }(e3.row) }, { default: n(() => [i(r(V))]), _: 2 }, 1032, ["onClick"])]), _: 1 }), i(k2, { prop: "fieldName", label: "字段", width: "140" }, { default: n((l3) => [l3.row.uuid != W.value ? (u(), s("label", C, f(l3.row.fieldName), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: l3.row.fieldName, "onUpdate:modelValue": (e3) => l3.row.fieldName = e3, clearable: "", filterable: "", placeholder: "请选择", onChange: (e3) => function(e4) {
       if (!e4.title && e4.fieldName) {
-        const l4 = M.model.modelFields.filter((l5) => l5.dbColumnName == e4.fieldName);
+        const l4 = S.model.modelFields.filter((l5) => l5.dbColumnName == e4.fieldName);
         l4.length > 0 && (e4.title = l4[0].alias);
       }
-    }(l3.row) }, { default: u(() => [(d(true), r(f, null, p(e2.model.modelFields, (e3) => (d(), t(_2, { label: e3.alias + "(" + e3.dbColumnName + ")", value: e3.dbColumnName }, null, 8, ["label", "value"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))]), _: 1 }), n(T2, { prop: "title", label: "标题", width: "140" }, { default: u((e3) => [e3.row.uuid != Q.value ? (d(), r("label", C, s(e3.row.title), 1)) : (d(), t(A3, { key: 1, size: "small", modelValue: e3.row.title, "onUpdate:modelValue": (l3) => e3.row.title = l3, clearable: "", placeholder: "请输入" }, null, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(T2, { prop: "querySettingName", label: "查询设置", width: "140" }, { default: u((e3) => [e3.row.uuid != Q.value ? (d(), r("label", U, s(e3.row.querySettingName), 1)) : (d(), t(x2, { key: 1, size: "small", modelValue: e3.row.querySettingName, "onUpdate:modelValue": (l3) => e3.row.querySettingName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: u(() => [(d(), r(f, null, p(J, (e4) => n(_2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(T2, { prop: "exportable", label: "导出", width: "120" }, { header: u(() => [c("div", z, [a2[2] || (a2[2] = b(" 导出 ")), v(n(te, { modelValue: D.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => D.value = e3), value: "1", label: "全部可导出", size: "small", style: { "margin-left": "6px" }, onChange: ee }, null, 8, ["modelValue"]), [[w, "list" == e2.model.pageType]])])]), default: u((e3) => [e3.row.uuid != Q.value ? (d(), r("label", B, s(e3.row.exportable), 1)) : (d(), t(de, { key: 1, modelValue: e3.row.exportable, "onUpdate:modelValue": (l3) => e3.row.exportable = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(T2, { prop: "componentName", width: "120" }, { header: u(() => [c("div", E, [a2[3] || (a2[3] = b(" 组件 ")), v(n(te, { modelValue: S.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => S.value = e3), value: "1", label: "全部可编辑", size: "small", style: { "margin-left": "6px" }, onChange: Z }, null, 8, ["modelValue"]), [[w, "list" == e2.model.pageType]])])]), default: u((e3) => [e3.row.uuid != Q.value ? (d(), r("label", F, s(e3.row.componentName), 1)) : (d(), t(x2, { key: 1, size: "small", modelValue: e3.row.componentName, "onUpdate:modelValue": (l3) => e3.row.componentName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: u(() => [(d(true), r(f, null, p(m(K), (e4) => (d(), t(_2, { label: e4.label, value: e4.name }, null, 8, ["label", "value"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(T2, { prop: "state", label: "状态", width: "70" }, { default: u((e3) => [e3.row.uuid != Q.value ? (d(), r("label", L, s(e3.row.state), 1)) : (d(), t(x2, { key: 1, size: "small", disabled: !e3.row.componentName, modelValue: e3.row.state, "onUpdate:modelValue": (l3) => e3.row.state = l3, clearable: "", filterable: "", placeholder: "默认" }, { default: u(() => [(d(true), r(f, null, p($.value, (e4) => (d(), t(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), n(T2, { prop: "valid", label: "校验", width: "120" }, { default: u((e3) => [e3.row.uuid != Q.value ? (d(), r("label", { key: 0, title: e3.row.valid }, s(e3.row.valid), 9, q)) : (d(), t(x2, { key: 1, disabled: !e3.row.componentName, size: "small", modelValue: e3.row.valid, "onUpdate:modelValue": (l3) => e3.row.valid = l3, clearable: "", placeholder: "无校验", multiple: "", "collapse-tags": "", "collapse-tags-tooltip": "" }, { default: u(() => [(d(), r(f, null, p(H, (e4, l3) => n(_2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), "form" == e2.model.pageType ? (d(), t(T2, { key: 0, prop: "width", label: "宽度(栏数)", width: "75" }, { default: u((e3) => [e3.row.uuid != Q.value ? (d(), r("label", O, s(e3.row.width), 1)) : (d(), t(x2, { key: 1, size: "small", modelValue: e3.row.width, "onUpdate:modelValue": (l3) => e3.row.width = l3, clearable: "", placeholder: "请选择" }, { default: u(() => [(d(true), r(f, null, p(P.value, (e4) => (d(), t(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : i("", true), "list" == e2.model.pageType ? (d(), t(T2, { key: 1, prop: "align", label: "左右对齐", width: "70" }, { default: u((e3) => [e3.row.uuid != Q.value ? (d(), r("label", j, s(e3.row.align), 1)) : (d(), t(x2, { key: 1, size: "small", modelValue: e3.row.align, "onUpdate:modelValue": (l3) => e3.row.align = l3, clearable: "", placeholder: "请选择" }, { default: u(() => [(d(true), r(f, null, p(G.value, (e4) => (d(), t(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : i("", true), n(T2, { prop: "value", label: "默认值", width: "120" }, { default: u((e3) => [n(k, { showLabel: e3.row.uuid != Q.value || !e3.row.componentName, modelValue: e3.row.value, paramTypes: ["request", "context", "page", "fixed"], "onUpdate:modelValue": (l3) => function(e4, l4) {
+    }(l3.row) }, { default: n(() => [(u(true), s(p, null, c(e2.model.modelFields, (e3) => (u(), d(_2, { label: e3.alias + "(" + e3.dbColumnName + ")", value: e3.dbColumnName }, null, 8, ["label", "value"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue", "onChange"]))]), _: 1 }), i(k2, { prop: "title", label: "标题", width: "140" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", U, f(e3.row.title), 1)) : (u(), d(I2, { key: 1, size: "small", modelValue: e3.row.title, "onUpdate:modelValue": (l3) => e3.row.title = l3, clearable: "", placeholder: "请输入" }, null, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "querySettingName", label: "查询设置", width: "140" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", z, f(e3.row.querySettingName), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: e3.row.querySettingName, "onUpdate:modelValue": (l3) => e3.row.querySettingName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: n(() => [(u(), s(p, null, c(K, (e4) => i(_2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "exportable", label: "导出", width: "120" }, { header: n(() => [b("div", B, [a2[2] || (a2[2] = v(" 导出 ")), w(i(M3, { modelValue: R.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e3) => R.value = e3), value: "1", label: "全部可导出", size: "small", style: { "margin-left": "6px" }, onChange: le }, null, 8, ["modelValue"]), [[y, "list" == e2.model.pageType]])])]), default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", E, f(e3.row.exportable), 1)) : (u(), d(oe2, { key: 1, modelValue: e3.row.exportable, "onUpdate:modelValue": (l3) => e3.row.exportable = l3 }, null, 8, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "componentName", width: "120" }, { header: n(() => [b("div", F, [a2[3] || (a2[3] = v(" 组件 ")), w(i(M3, { modelValue: D.value, "onUpdate:modelValue": a2[1] || (a2[1] = (e3) => D.value = e3), value: "1", label: "全部可编辑", size: "small", style: { "margin-left": "6px" }, onChange: ee }, null, 8, ["modelValue"]), [[y, "list" == e2.model.pageType]])])]), default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", L, f(e3.row.componentName), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: e3.row.componentName, "onUpdate:modelValue": (l3) => e3.row.componentName = l3, clearable: "", filterable: "", placeholder: "请选择" }, { default: n(() => [(u(true), s(p, null, c(r(Q), (e4) => (u(), d(_2, { label: e4.label, value: e4.name }, null, 8, ["label", "value"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "state", label: "状态", width: "70" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", q, f(e3.row.state), 1)) : (u(), d(x2, { key: 1, size: "small", disabled: !e3.row.componentName, modelValue: e3.row.state, "onUpdate:modelValue": (l3) => e3.row.state = l3, clearable: "", filterable: "", placeholder: "默认" }, { default: n(() => [(u(true), s(p, null, c(P.value, (e4) => (u(), d(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), i(k2, { prop: "valid", label: "校验", width: "120" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", { key: 0, title: e3.row.valid }, f(e3.row.valid), 9, O)) : (u(), d(x2, { key: 1, disabled: !e3.row.componentName, size: "small", modelValue: e3.row.valid, "onUpdate:modelValue": (l3) => e3.row.valid = l3, clearable: "", placeholder: "无校验", multiple: "", "collapse-tags": "", "collapse-tags-tooltip": "" }, { default: n(() => [(u(), s(p, null, c(J, (e4, l3) => i(_2, { label: e4.label, value: e4.value }, null, 8, ["label", "value"])), 64))]), _: 2 }, 1032, ["disabled", "modelValue", "onUpdate:modelValue"]))]), _: 1 }), "form" == e2.model.pageType ? (u(), d(k2, { key: 0, prop: "width", label: "宽度(栏数)", width: "75" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", j, f(e3.row.width), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: e3.row.width, "onUpdate:modelValue": (l3) => e3.row.width = l3, clearable: "", placeholder: "请选择" }, { default: n(() => [(u(true), s(p, null, c(H.value, (e4) => (u(), d(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : m("", true), "list" == e2.model.pageType ? (u(), d(k2, { key: 1, prop: "align", label: "左右对齐", width: "70" }, { default: n((e3) => [e3.row.uuid != W.value ? (u(), s("label", A, f(e3.row.align), 1)) : (u(), d(x2, { key: 1, size: "small", modelValue: e3.row.align, "onUpdate:modelValue": (l3) => e3.row.align = l3, clearable: "", placeholder: "请选择" }, { default: n(() => [(u(true), s(p, null, c($.value, (e4) => (u(), d(_2, { value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 256))]), _: 2 }, 1032, ["modelValue", "onUpdate:modelValue"]))]), _: 1 })) : m("", true), i(k2, { prop: "value", label: "默认值", width: "120" }, { default: n((e3) => [i(T, { showLabel: e3.row.uuid != W.value || !e3.row.componentName, modelValue: e3.row.value, paramTypes: ["request", "context", "page", "fixed"], "onUpdate:modelValue": (l3) => function(e4, l4) {
       l4.value = e4;
     }(l3, e3.row) }, null, 8, ["showLabel", "modelValue", "onUpdate:modelValue"])]), _: 1 })]), _: 1 }, 8, ["data"]);
   };
 } });
 export {
-  A as default
+  M as default
 };

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

@@ -1,12 +1,12 @@
-import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, resolveComponent as s, createElementBlock as r, openBlock as u, Fragment as a, createElementVNode as c, createBlock as g, createCommentVNode as m, createVNode as p, normalizeStyle as f, withDirectives as d, normalizeClass as v, withCtx as b, unref as y, vShow as h, renderList as j } from "vue";
-import { Monitor as C, Cellphone as S, Iphone as k, Plus as O, Check as _, View as A } from "@element-plus/icons";
+import { defineComponent as e, ref as i, reactive as n, computed as t, watch as l, onMounted as o, onUnmounted as s, resolveComponent as r, createElementBlock as u, openBlock as a, Fragment as c, createElementVNode as g, createBlock as m, createCommentVNode as p, createVNode as f, normalizeStyle as d, withDirectives as v, normalizeClass as b, withCtx as y, unref as h, vShow as j, renderList as C } from "vue";
+import { Monitor as S, Cellphone as k, Iphone as O, Plus as _, Check as A, View as T } from "@element-plus/icons";
 import { useDraggable as D } from "vue-draggable-plus";
 import w from "../../assemblys/object-design.vue.js";
-import { deepCopy as x, getUuidv4 as T, findDesignItemByUuid as W } from "../../../utils/common-util.js";
-import { addComponentRef as N } from "../../../utils/page-helper-util.js";
-import { caculatePageStyle as E } from "../../../utils/container-design-util.js";
-import U from "./view-design-preview.vue.js";
-import { ElMessage as J } from "element-plus";
+import { deepCopy as x, getUuidv4 as W, findDesignItemByUuid as N } from "../../../utils/common-util.js";
+import { addComponentRef as E } from "../../../utils/page-helper-util.js";
+import { caculatePageStyle as U } from "../../../utils/container-design-util.js";
+import J from "./view-design-preview.vue.js";
+import { ElMessage as P } from "element-plus";
 import "@vueuse/core";
 import "@element-plus/icons-vue";
 import "codemirror";
@@ -21,123 +21,126 @@ import "../../../utils/assemblys-config.js";
 import "../../../../../stores/page-store.js";
 import "../../../../../stores/event-undo-redo-store.js";
 import "../../../utils/eventBus.js";
-import P from "./components/quick-add-dialog.vue.js";
-import z from "./components/i18n-setting.vue.js";
-import { setTableRuntimesFromConfigure as M } from "../../../utils/page-table-util.js";
-import R from "agilebuilder-ui/src/utils/request";
-import { copyHandleEvents as B, deleteDesignItem as K } from "../../../utils/page-design-util.js";
-import { setHomeChartRuntimesFromConfigure as q } from "../../../utils/home-chart-util.js";
-import { getFormPropTitleMap as V } from "../../../utils/form-design-util.js";
-const F = { class: "amb-design-content-center-header" }, H = { class: "amb-design-tool" }, L = { class: "amb-design-tool-item" }, I = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, $ = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: $2, emit: G }) {
-  const Q = e2, X = i(null), Y = i(null), Z = G;
-  null == Q.configure.props && (Q.configure.props = {}), null == Q.configure.style && (Q.configure.style = {}), null != Q.configure.items && null != Q.configure.items || (Q.configure.items = []);
-  const ee = Q.configure.items, ie = i(null), ne = n({ index: 0 }), te = i({}), le = i(""), oe = i(null);
-  re();
-  const se = t(function() {
+import z from "./components/quick-add-dialog.vue.js";
+import M from "./components/i18n-setting.vue.js";
+import { setTableRuntimesFromConfigure as R } from "../../../utils/page-table-util.js";
+import B from "agilebuilder-ui/src/utils/request";
+import { copyHandleEvents as K, deleteDesignItem as q } from "../../../utils/page-design-util.js";
+import { setHomeChartRuntimesFromConfigure as V } from "../../../utils/home-chart-util.js";
+import { getFormPropTitleMap as F } from "../../../utils/form-design-util.js";
+const H = { class: "amb-design-content-center-header" }, L = { class: "amb-design-tool" }, I = { class: "amb-design-tool-item" }, $ = { class: "amb-design-tool-item", style: { "padding-right": "20px" } }, G = e({ __name: "view-design-display", props: { configure: {}, selectWidget: {}, selAsselbyType: {} }, emits: ["onSelectWidget", "onCustomAttrWidget", "changeSelectEvent", "addEvent", "changeSelectStandardEvent", "revocation", "regain"], setup(e2, { expose: G2, emit: Q }) {
+  const X = e2, Y = i(null), Z = i(null), ee = Q;
+  null == X.configure.props && (X.configure.props = {}), null == X.configure.style && (X.configure.style = {}), null != X.configure.items && null != X.configure.items || (X.configure.items = []);
+  const ie = X.configure.items, ne = i(null), te = n({ index: 0 }), le = i({}), oe = i(""), se = i(null);
+  ue();
+  const re = t(function() {
     let e3 = null;
-    "ipad" == Q.configure.dimensions ? e3 = 768 : "phone" == Q.configure.dimensions && (e3 = 414);
+    "ipad" == X.configure.dimensions ? e3 = 768 : "phone" == X.configure.dimensions && (e3 = 414);
     const i2 = { width: e3 ? e3 + "px" : "" };
-    for (let e4 in te.value) i2[e4] = te.value[e4];
-    return oe.value && (i2["min-height"] = oe.value + "px"), i2;
+    for (let e4 in le.value) i2[e4] = le.value[e4];
+    return se.value && (i2["min-height"] = se.value + "px"), i2;
   });
-  function re() {
-    E(Q.configure, te, le), Q.configure.runtime || (Q.configure.runtime = {}), Q.configure.runtime.class = le.value, Q.configure.runtime.style = te.value;
+  function ue() {
+    U(X.configure, le, oe), X.configure.runtime || (X.configure.runtime = {}), X.configure.runtime.class = oe.value, X.configure.runtime.style = le.value;
   }
-  l(Q.configure.props, () => {
-    re();
-  }), l(Q.configure.style, () => {
-    re();
+  l(X.configure.props, () => {
+    ue();
+  }), l(X.configure.style, () => {
+    ue();
   });
-  const ue = i(), ae = t(() => ({ height: ue.value + "px" })), ce = i(null);
-  function ge(e3) {
-    Z("onSelectWidget", -1);
-  }
-  function me(e3, i2) {
-    Z("onSelectWidget", e3, i2);
+  const ae = i(), ce = t(() => ({ height: ae.value + "px" })), ge = i(null);
+  function me(e3) {
+    ee("onSelectWidget", -1);
   }
   function pe(e3, i2) {
-    Z("onCustomAttrWidget", e3, i2);
+    ee("onSelectWidget", e3, i2);
   }
-  function fe(e3) {
-    const i2 = ee.indexOf(e3), t2 = n(x(e3));
-    t2.uuid = T(), B(t2), ee.splice(i2, 0, t2);
+  function fe(e3, i2) {
+    ee("onCustomAttrWidget", e3, i2);
   }
   function de(e3) {
-    K(ee, e3, e3.items && e3.items.length > 0, true);
+    const i2 = ie.indexOf(e3), t2 = n(x(e3));
+    t2.uuid = W(), K(t2), ie.splice(i2, 0, t2);
+  }
+  function ve(e3) {
+    q(ie, e3, e3.items && e3.items.length > 0, true);
   }
   o(() => {
-    if (ce.value) {
-      const e3 = ce.value.getBoundingClientRect();
-      e3.y && (ue.value = window.innerHeight - e3.y), N(Q.configure, -1, ce);
+    if (ge.value) {
+      const e3 = ge.value.getBoundingClientRect();
+      e3.y && (ae.value = window.innerHeight - e3.y), E(X.configure, -1, ge);
     }
-    if (ve.value) {
-      const e3 = ve.value.getBoundingClientRect();
-      e3.y && (oe.value = window.innerHeight - e3.y - 20);
+    if (be.value) {
+      const e3 = be.value.getBoundingClientRect();
+      e3.y && (se.value = window.innerHeight - e3.y - 20);
     }
   });
-  const ve = i(null);
-  function be() {
-    Q.configure.i18nKeys && Q.configure.i18nKeys.length > 0 && (Q.configure.i18nKeys = Array.from(new Set(Q.configure.i18nKeys)));
-    const e3 = JSON.parse(JSON.stringify(Q.configure));
+  const be = i(null);
+  function ye() {
+    X.configure.i18nKeys && X.configure.i18nKeys.length > 0 && (X.configure.i18nKeys = Array.from(new Set(X.configure.i18nKeys)));
+    const e3 = JSON.parse(JSON.stringify(X.configure));
     e3.tableRuntimes = {}, e3.currentTableConfig = {}, function(e4) {
-      "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = V(e4), Q.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete Q.configure.formPropLabelMap);
+      "form" === e4.pageType && e4.items ? (e4.formPropTiltleMap = F(e4), X.configure.formPropTiltleMap = e4.formPropTiltleMap) : (delete e4.formPropLabelMap, delete X.configure.formPropLabelMap);
       e4.tableUuids && (e4.tableUuids = e4.tableUuids.filter((i2) => {
-        const n2 = W(e4, i2);
-        return !!n2 && (M(n2, e4), true);
+        const n2 = N(e4, i2);
+        return !!n2 && (R(n2, e4), true);
       }));
       e4.homepageChartUuids && (e4.homepageChartUuids = e4.homepageChartUuids.filter((i2) => {
-        let n2 = W(e4, i2);
-        return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), q(n2, e4), true);
+        let n2 = N(e4, i2);
+        return !!n2 && (n2 = JSON.parse(JSON.stringify(n2)), V(n2, e4), true);
       }));
-    }(e3), R.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: Q.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
-      J({ message: "保存成功", type: "success" });
+    }(e3), B.post(window.$vueApp.config.globalProperties.baseAPI + "/component/super-page-design/save", { id: X.configure.id, designJson: JSON.stringify(e3) }).then((e4) => {
+      P({ message: "保存成功", type: "success" });
     }).catch((e4) => {
-      J({ message: "保存失败", type: "error" });
+      P({ message: "保存失败", type: "error" });
     });
   }
-  D(ve, ee, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
+  D(be, ie, { filter: ".el-scrollbar__bar", preventOnFilter: false, group: "amb-assembly-item", animation: 300, ghostClass: "amb-item-ghost", forceFallback: true, onAdd(e3) {
   } });
-  const ye = i(false);
-  const he = i(null), je = i({}), Ce = i({}), Se = i(false);
-  function ke() {
-    Se.value = false, setTimeout(() => {
-      Se.value = true;
+  const he = i(false);
+  const je = i(null), Ce = i({}), Se = i({}), ke = i(false);
+  let Oe;
+  function _e() {
+    Oe && clearTimeout(Oe), ke.value = false, Oe = setTimeout(() => {
+      ke.value = true;
     }, 1);
   }
-  function Oe(e3) {
-    if (Q.configure.customEvents) {
-      let i2 = Q.configure.customEvents.filter((i3) => i3.eventName === e3);
+  function Ae(e3) {
+    if (X.configure.customEvents) {
+      let i2 = X.configure.customEvents.filter((i3) => i3.eventName === e3);
       if (i2 && i2.length > 0) return i2[0];
     }
   }
-  return $2({ onSelectEvent: function(e3) {
-    Se.value = !(!e3 || "selected" !== e3);
+  return s(() => {
+    Oe && clearTimeout(Oe);
+  }), G2({ onSelectEvent: function(e3) {
+    ke.value = !(!e3 || "selected" !== e3);
   }, addEvent: function(e3, i2) {
-    je.value = e3;
-    const n2 = Oe(e3.eventName);
-    n2 && (Ce.value = n2), he.value = i2 || "event", ke();
+    Ce.value = e3;
+    const n2 = Ae(e3.eventName);
+    n2 && (Se.value = n2), je.value = i2 || "event", _e();
   }, changeEvent: function(e3) {
     if (e3) {
-      he.value = null, je.value = e3;
-      const i2 = Oe(e3.eventName);
-      Ce.value = i2 || null, ke();
-    } else Se.value = false;
+      je.value = null, Ce.value = e3;
+      const i2 = Ae(e3.eventName);
+      Se.value = i2 || null, _e();
+    } else ke.value = false;
   } }), (e3, i2) => {
-    const n2 = s("el-icon"), t2 = s("el-divider"), l2 = s("Setting");
-    return u(), r(a, null, [c("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ce, style: f(ae.value) }, [c("div", F, [c("div", H, [c("div", L, [d(c("label", { class: v(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [p(n2, { size: 23 }, { default: b(() => [p(y(C))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(c("label", { class: v(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [p(n2, { size: 23 }, { default: b(() => [p(y(S))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(c("label", { class: v(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [p(n2, { size: 23 }, { default: b(() => [p(y(k))]), _: 1 })], 2), [[h, "assembly" === e3.selAsselbyType]]), d(p(t2, { direction: "vertical" }, null, 512), [[h, "assembly" === e3.selAsselbyType]])]), c("div", I, [c("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
+    const n2 = r("el-icon"), t2 = r("el-divider"), l2 = r("Setting");
+    return a(), u(c, null, [g("div", { class: "amb-design-content", ref_key: "ambPageDesignContent", ref: ge, style: d(ce.value) }, [g("div", H, [g("div", L, [g("div", I, [v(g("label", { class: b(["amb-page-type", { selected: !e3.configure.dimensions || "pc" == e3.configure.dimensions }]), onClick: i2[0] || (i2[0] = (i3) => e3.configure.dimensions = "pc") }, [f(n2, { size: 23 }, { default: y(() => [f(h(S))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "ipad" == e3.configure.dimensions }]), onClick: i2[1] || (i2[1] = (i3) => e3.configure.dimensions = "ipad") }, [f(n2, { size: 23 }, { default: y(() => [f(h(k))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(g("label", { class: b(["amb-page-type", { selected: "phone" == e3.configure.dimensions }]), onClick: i2[2] || (i2[2] = (i3) => e3.configure.dimensions = "phone") }, [f(n2, { size: 23 }, { default: y(() => [f(h(O))]), _: 1 })], 2), [[j, "assembly" === e3.selAsselbyType]]), v(f(t2, { direction: "vertical" }, null, 512), [[j, "assembly" === e3.selAsselbyType]])]), g("div", $, [g("label", { class: "amb-page-type", onClick: i2[3] || (i2[3] = (e4) => {
       var _a;
-      (_a = Y.value) == null ? void 0 : _a.show();
-    }) }, [p(n2, { size: 18 }, { default: b(() => [p(l2)]), _: 1 }), i2[9] || (i2[9] = c("label", null, "国际化配置", -1))]), c("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
-      X.value && X.value.openDialog();
-    }) }, [p(n2, { size: 18 }, { default: b(() => [p(y(O))]), _: 1 }), i2[10] || (i2[10] = c("label", null, "快捷添加", -1))]), p(t2, { direction: "vertical" }), c("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => be()) }, [p(n2, { size: 18 }, { default: b(() => [p(y(_))]), _: 1 }), i2[11] || (i2[11] = c("label", null, "保存", -1))]), p(t2, { direction: "vertical" }), c("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
-      const e5 = JSON.parse(JSON.stringify(Q.configure));
+      (_a = Z.value) == null ? void 0 : _a.show();
+    }) }, [f(n2, { size: 18 }, { default: y(() => [f(l2)]), _: 1 }), i2[9] || (i2[9] = g("label", null, "国际化配置", -1))]), g("label", { class: "amb-page-type", onClick: i2[4] || (i2[4] = (e4) => {
+      Y.value && Y.value.openDialog();
+    }) }, [f(n2, { size: 18 }, { default: y(() => [f(h(_))]), _: 1 }), i2[10] || (i2[10] = g("label", null, "快捷添加", -1))]), f(t2, { direction: "vertical" }), g("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[5] || (i2[5] = (e4) => ye()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(A))]), _: 1 }), i2[11] || (i2[11] = g("label", null, "保存", -1))]), f(t2, { direction: "vertical" }), g("label", { class: "amb-page-type", style: { "margin-left": "0px" }, onClick: i2[6] || (i2[6] = (e4) => function() {
+      const e5 = JSON.parse(JSON.stringify(X.configure));
       e5.tableRuntimes = {}, e5.tableUuids && e5.tableUuids.forEach((i3) => {
-        const n3 = W(e5, i3);
-        n3 && M(n3, e5);
-      }), ie.value = e5, ye.value = true;
-    }()) }, [p(n2, { size: 18 }, { default: b(() => [p(y(A))]), _: 1 }), i2[12] || (i2[12] = c("label", null, "预览", -1))])])])]), d(c("div", { class: v(["amb-design-board", le.value]), ref_key: "pageDesignBoardMain", ref: ve, style: f(se.value), onClick: ge }, [(u(true), r(a, null, j(y(ee), (i3, n3) => (u(), g(w, { key: i3.uuid, indexObj: ne, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: me, onOnCustomAttrWidget: pe, onOnCopy: fe, onOnDelete: de }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[h, "assembly" === e3.selAsselbyType]])], 4), ye.value ? (u(), g(U, { key: 0, pageDesign: ie.value, modelValue: ye.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => ye.value = e4), onClose: i2[8] || (i2[8] = (e4) => ye.value = false) }, null, 8, ["pageDesign", "modelValue"])) : m("", true), p(P, { ref_key: "quickAddDialogRef", ref: X, pageDesign: e3.configure }, null, 8, ["pageDesign"]), p(z, { ref_key: "i18nSettingRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
+        const n3 = N(e5, i3);
+        n3 && R(n3, e5);
+      }), ne.value = e5, he.value = true;
+    }()) }, [f(n2, { size: 18 }, { default: y(() => [f(h(T))]), _: 1 }), i2[12] || (i2[12] = g("label", null, "预览", -1))])])])]), v(g("div", { class: b(["amb-design-board", oe.value]), ref_key: "pageDesignBoardMain", ref: be, style: d(re.value), onClick: me }, [(a(true), u(c, null, C(h(ie), (i3, n3) => (a(), m(w, { key: i3.uuid, indexObj: te, configure: i3, pageDesign: e3.configure, selectWidget: e3.selectWidget, onOnSelectWidget: pe, onOnCustomAttrWidget: fe, onOnCopy: de, onOnDelete: ve }, null, 8, ["indexObj", "configure", "pageDesign", "selectWidget"]))), 128))], 6), [[j, "assembly" === e3.selAsselbyType]])], 4), he.value ? (a(), m(J, { key: 0, pageDesign: ne.value, modelValue: he.value, "onUpdate:modelValue": i2[7] || (i2[7] = (e4) => he.value = e4), onClose: i2[8] || (i2[8] = (e4) => he.value = false) }, null, 8, ["pageDesign", "modelValue"])) : p("", true), f(z, { ref_key: "quickAddDialogRef", ref: Y, pageDesign: e3.configure }, null, 8, ["pageDesign"]), f(M, { ref_key: "i18nSettingRef", ref: Z, pageDesign: e3.configure }, null, 8, ["pageDesign"])], 64);
   };
 } });
 export {
-  $ as default
+  G as default
 };