super-page-designer 2.2.22 → 2.2.24

package/dist/es/components/design/views/assemblys/data/component/composite-header.vue2.js

@@ -1,203 +1,207 @@
-import { defineComponent as e, ref as l, onMounted as a, resolveComponent as u, createElementBlock as t, openBlock as n, createElementVNode as d, createCommentVNode as i, createTextVNode as o, createVNode as r, createBlock as p, withCtx as s, withDirectives as v, toDisplayString as c, unref as f, vShow as m, Fragment as y, renderList as g } from "vue";
-import { Plus as h, EditPen as b, Document as x, Delete as U } from "@element-plus/icons-vue";
-import { getUuidv4 as _ } from "../../../../utils/common-util.js";
-import { ElMessage as k, ElMessageBox as O } from "element-plus";
-import { getTopGroupHeaderList as T, setGroupHeaderDataDisplayOrder as C, addColumnToGroupHeaders as V, isLeafNode as H } from "../../../../utils/data-table-util.js";
-import N from "../../../../utils/eventBus.js";
-const w = { key: 0 }, E = { style: { display: "flex", margin: "8px 0" } }, L = { key: 0 }, G = { key: 1 }, $ = { key: 0, id: "menu", ref: "headerMenu", class: "context-menu" }, R = { key: 5, id: "menu-4994-1-6", tabindex: "-1" }, S = { class: "dialog-footer" }, D = { class: "dialog-footer" }, j = e({ __name: "composite-header", props: { configure: { type: Object, default: () => ({ props: {} }) } }, setup(e2) {
-  const j2 = e2, M = l(false), B = l({}), P = l(null), q = l(false), I = l(null);
-  let J = {};
-  const F = l([]), X = l(false), Y = l([]);
+import { defineComponent as e, ref as l, onMounted as a, onUnmounted as u, resolveComponent as t, createElementBlock as n, openBlock as i, createElementVNode as d, createCommentVNode as o, createTextVNode as r, createVNode as p, createBlock as s, withCtx as v, withDirectives as c, toDisplayString as f, unref as m, vShow as y, Fragment as g, renderList as h } from "vue";
+import { Plus as b, EditPen as x, Document as U, Delete as _ } from "@element-plus/icons-vue";
+import { getUuidv4 as k } from "../../../../utils/common-util.js";
+import { ElMessage as O, ElMessageBox as T } from "element-plus";
+import { getTopGroupHeaderList as C, setGroupHeaderDataDisplayOrder as V, addColumnToGroupHeaders as H, isLeafNode as N } from "../../../../utils/data-table-util.js";
+import w from "../../../../utils/eventBus.js";
+const E = { key: 0 }, L = { style: { display: "flex", margin: "8px 0" } }, G = { key: 0 }, $ = { key: 1 }, R = { key: 0, id: "menu", ref: "headerMenu", class: "context-menu" }, S = { key: 5, id: "menu-4994-1-6", tabindex: "-1" }, D = { class: "dialog-footer" }, j = { class: "dialog-footer" }, M = e({ __name: "composite-header", props: { configure: { type: Object, default: () => ({ props: {} }) } }, setup(e2) {
+  const M2 = e2, B = l(false), P = l({}), q = l(null), I = l(false), J = l(null);
+  let F = {};
+  const X = l([]), Y = l(false), z = l([]);
   l(null);
-  const z = l([]), A = l({}), K = l(false), Q = l(null), W = l(j2.configure.props.groupHeaders), Z = l(null);
-  function ee(e3) {
-    !e3 || j2.configure.props.groupHeaders && 0 !== j2.configure.props.groupHeaders.length || (J = j2.configure.items, ue(), ae());
+  const A = l([]), K = l({}), Q = l(false), W = l(null), Z = l(M2.configure.props.groupHeaders), ee = l(null);
+  function le(e3) {
+    !e3 || M2.configure.props.groupHeaders && 0 !== M2.configure.props.groupHeaders.length || (F = M2.configure.items, te(), ue());
   }
   a(() => {
-    Y.value = T(W.value);
+    z.value = C(Z.value);
   });
-  const le = l([]);
-  function ae() {
+  const ae = l([]);
+  function ue() {
     let e3 = 1;
-    j2.configure.props.groupHeaders = [], J.forEach((l2) => {
+    M2.configure.props.groupHeaders = [], F.forEach((l2) => {
       if ("$selection" !== l2.props.base.prop && "$index" !== l2.props.base.prop && "operation" !== l2.props.base.prop) {
-        let a2 = { uuid: _(), columnUuid: l2.uuid, titleText: l2.props.base.name, isLeaf: true, prop: l2.props.base.prop, displayOrder: e3++ };
-        j2.configure.props.groupHeaders.push(a2);
+        let a2 = { uuid: k(), columnUuid: l2.uuid, titleText: l2.props.base.name, isLeaf: true, prop: l2.props.base.prop, displayOrder: e3++ };
+        M2.configure.props.groupHeaders.push(a2);
       }
-    }), W.value = j2.configure.props.groupHeaders, ne(), Y.value = T(W.value);
+    }), Z.value = M2.configure.props.groupHeaders, de(), z.value = C(Z.value);
   }
-  function ue() {
-    F.value = [], J.forEach((e3) => {
+  function te() {
+    X.value = [], F.forEach((e3) => {
       if ("$selection" !== e3.props.base.prop && "$index" !== e3.props.base.prop && "operation" !== e3.props.base.prop) {
-        const l2 = W.value.filter((l3) => l3.columnUuid && l3.columnUuid === e3.uuid);
-        l2 && 0 !== l2.length || F.value.push(e3);
+        const l2 = Z.value.filter((l3) => l3.columnUuid && l3.columnUuid === e3.uuid);
+        l2 && 0 !== l2.length || X.value.push(e3);
       }
     });
   }
-  function te() {
-    P.value.validate((e3) => {
+  function ne() {
+    q.value.validate((e3) => {
       if (e3) {
         let e4;
-        B.value.uuid ? (e4 = me(B.value.uuid), e4.titleText = B.value.titleText, e4.displayOrder = B.value.displayOrder, void 0 !== B.value.displayOrder && null !== B.value.displayOrder || C(B.value.parentUuid, e4, W.value), M.value = false) : (B.value.uuid = _(), void 0 !== B.value.displayOrder && null !== B.value.displayOrder || C(B.value.parentUuid, B.value, W.value), W.value.push(B.value), M.value = false), ne(), B.value.parentUuid ? Z.value.append(B.value, A.value) : Y.value = T(W.value), K.value && ye();
+        P.value.uuid ? (e4 = ge(P.value.uuid), e4.titleText = P.value.titleText, e4.displayOrder = P.value.displayOrder, void 0 !== P.value.displayOrder && null !== P.value.displayOrder || V(P.value.parentUuid, e4, Z.value), B.value = false) : (P.value.uuid = k(), void 0 !== P.value.displayOrder && null !== P.value.displayOrder || V(P.value.parentUuid, P.value, Z.value), Z.value.push(P.value), B.value = false), de(), P.value.parentUuid ? ee.value.append(P.value, K.value) : z.value = C(Z.value), Q.value && he();
       }
     });
   }
-  function ne() {
-    j2.configure.props.isChangeGroupHeader = false, setTimeout(() => {
-      j2.configure.props.isChangeGroupHeader = true;
+  let ie;
+  function de() {
+    ie && clearTimeout(ie), M2.configure.props.isChangeGroupHeader = false, ie = setTimeout(() => {
+      M2.configure.props.isChangeGroupHeader = true;
     }, 1);
   }
-  function de() {
-    if (!B.value.columnUuid) return false;
-    const e3 = J.filter((e4) => e4.uuid === B.value.columnUuid);
+  function oe() {
+    if (!P.value.columnUuid) return false;
+    const e3 = F.filter((e4) => e4.uuid === P.value.columnUuid);
     return !!(e3 && e3.length > 0);
   }
-  function ie(e3, l2) {
-    q.value = false, A.value = l2;
+  function re(e3, l2) {
+    I.value = false, K.value = l2;
   }
-  function oe(e3, l2) {
-    q.value = true;
+  function pe(e3, l2) {
+    I.value = true;
     const a2 = document.querySelector("#menu"), u2 = document.documentElement.scrollTop || document.body.scrollTop;
     a2.style.display = "block", a2.style.left = e3.clientX + 30 + "px", a2.style.top = e3.clientY + u2 - 22 + "px";
   }
-  function re(e3) {
-    "updateCombinedHeader" === e3 ? (B.value = A.value.data, B.value.id = 1, M.value = true, q.value = false) : "createCombinedHeader" === e3 ? (B.value = {}, B.value.parentUuid = A.value.data.uuid, M.value = true, q.value = false) : "addListColumn" === e3 ? (ue(), z.value = [], X.value = true, q.value = false) : "moveToRootNode" === e3 ? (!function() {
-      const e4 = me(A.value.data.uuid);
-      e4 && (e4.parentUuid = null, A.value.parentUuid = null);
-      Y.value = T(W.value), ne();
-    }(), q.value = false) : "childMoveToRootNode" === e3 ? (A.value.childNodes.forEach((e4) => {
-      const l2 = me(e4.data.uuid);
+  function se(e3) {
+    "updateCombinedHeader" === e3 ? (P.value = K.value.data, P.value.id = 1, B.value = true, I.value = false) : "createCombinedHeader" === e3 ? (P.value = {}, P.value.parentUuid = K.value.data.uuid, B.value = true, I.value = false) : "addListColumn" === e3 ? (te(), A.value = [], Y.value = true, I.value = false) : "moveToRootNode" === e3 ? (!function() {
+      const e4 = ge(K.value.data.uuid);
+      e4 && (e4.parentUuid = null, K.value.parentUuid = null);
+      z.value = C(Z.value), de();
+    }(), I.value = false) : "childMoveToRootNode" === e3 ? (K.value.childNodes.forEach((e4) => {
+      const l2 = ge(e4.data.uuid);
       l2 && (l2.parentUuid = null, e4.parentUuid = null);
-    }), Y.value = T(W.value), ne(), q.value = false) : "deleteNode" === e3 ? (A.value && A.value.data && function() {
-      const e4 = A.value, l2 = A.value.data, a2 = l2.parentUuid, u2 = A.value.parent, t2 = W.value.filter((e5) => e5.parentUuid === l2.uuid);
-      if (t2 && t2.length > 0) return void k({ showClose: true, type: "warning", message: "请先删除子节点" });
-      O.confirm("确认删除节点[" + l2.titleText + "]吗?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
-        const t3 = W.value.findIndex((e5) => e5.uuid === l2.uuid);
-        if (null != t3 && t3 >= 0 && (W.value.splice(t3, 1), ne()), u2) {
-          const e5 = W.value.filter((e6) => e6.uuid === a2);
+    }), z.value = C(Z.value), de(), I.value = false) : "deleteNode" === e3 ? (K.value && K.value.data && function() {
+      const e4 = K.value, l2 = K.value.data, a2 = l2.parentUuid, u2 = K.value.parent, t2 = Z.value.filter((e5) => e5.parentUuid === l2.uuid);
+      if (t2 && t2.length > 0) return void O({ showClose: true, type: "warning", message: "请先删除子节点" });
+      T.confirm("确认删除节点[" + l2.titleText + "]吗?", "提示", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+        const t3 = Z.value.findIndex((e5) => e5.uuid === l2.uuid);
+        if (null != t3 && t3 >= 0 && (Z.value.splice(t3, 1), de()), u2) {
+          const e5 = Z.value.filter((e6) => e6.uuid === a2);
           e5 && e5.length > 0 ? u2.data.isLeaf = false : u2.data.isLeaf = true, u2.loaded = false, u2.expand();
         }
-        if (k({ showClose: true, type: "success", message: "删除成功" }), l2.columnUuid) {
-          const a3 = J.filter((e5) => e5.uuid === l2.columnUuid);
+        if (O({ showClose: true, type: "success", message: "删除成功" }), l2.columnUuid) {
+          const a3 = F.filter((e5) => e5.uuid === l2.columnUuid);
           if (a3 && a3.length > 0) {
             const l3 = a3[0];
-            V(l3, null, W.value), ne();
+            H(l3, null, Z.value), de();
             const u3 = function(e5) {
-              return fe(e5);
+              return ye(e5);
             }(e4);
             u3.loaded = false, u3.expand();
           }
         }
       });
-    }(), q.value = false) : "mobileNode" === e3 && (pe.value = true);
-  }
-  N.$on("setFieldGroup", (e3) => {
-    e3.length > 0 && (le.value = e3);
-  }), N.$on("synchroGroupHeadersData", () => {
-    Y.value = T(W.value);
+    }(), I.value = false) : "mobileNode" === e3 && (ve.value = true);
+  }
+  w.$on("setFieldGroup", (e3) => {
+    e3.length > 0 && (ae.value = e3);
+  }), w.$on("synchroGroupHeadersData", () => {
+    z.value = C(Z.value);
+  }), u(() => {
+    ie && clearTimeout(ie), _e && clearTimeout(_e);
   });
-  const pe = l(false), se = l([]);
-  function ve(e3) {
-    if (!e3 && se.value.length > 0) {
-      const e4 = me(A.value.data.uuid);
-      e4 && (e4.parentUuid = se.value[se.value.length - 1], A.value.parentUuid = se.value[se.value.length - 1]), Y.value = T(W.value), ne(), pe.value = false;
+  const ve = l(false), ce = l([]);
+  function fe(e3) {
+    if (!e3 && ce.value.length > 0) {
+      const e4 = ge(K.value.data.uuid);
+      e4 && (e4.parentUuid = ce.value[ce.value.length - 1], K.value.parentUuid = ce.value[ce.value.length - 1]), z.value = C(Z.value), de(), ve.value = false;
     }
   }
-  function ce() {
-    z.value.forEach((e3) => {
-      const l2 = F.value.filter((l3) => l3.uuid === e3);
+  function me() {
+    A.value.forEach((e3) => {
+      const l2 = X.value.filter((l3) => l3.uuid === e3);
       if (l2 && l2.length > 0) {
         const e4 = l2[0];
-        V(e4, A.value.data.uuid, W.value), ne();
+        H(e4, K.value.data.uuid, Z.value), de();
       }
-    }), A.value && (A.value.loaded = false, A.value.expand()), K.value && ye(), X.value = false;
+    }), K.value && (K.value.loaded = false, K.value.expand()), Q.value && he(), Y.value = false;
   }
-  function fe(e3) {
-    return e3.parent ? fe(e3.parent) : e3;
+  function ye(e3) {
+    return e3.parent ? ye(e3.parent) : e3;
   }
-  function me(e3) {
-    const l2 = W.value.filter((l3) => l3.uuid === e3);
+  function ge(e3) {
+    const l2 = Z.value.filter((l3) => l3.uuid === e3);
     if (l2 && l2.length > 0) return l2[0];
   }
-  function ye() {
-    q.value = false, K.value = true;
-    const e3 = I.value;
+  function he() {
+    I.value = false, Q.value = true;
+    const e3 = J.value;
     if (e3) {
-      const l2 = W.value.filter((l3) => l3.titleText.indexOf(e3) >= 0);
+      const l2 = Z.value.filter((l3) => l3.titleText.indexOf(e3) >= 0);
       let a2 = JSON.parse(JSON.stringify(l2));
       a2.forEach((e4) => {
-        e4.isTheLeaf = H(e4, W.value), ge(e4, e4, e4.titleText);
-      }), Y.value = a2;
-    } else K.value = false, Y.value = T(W.value);
+        e4.isTheLeaf = N(e4, Z.value), be(e4, e4, e4.titleText);
+      }), z.value = a2;
+    } else Q.value = false, z.value = C(Z.value);
   }
-  function ge(e3, l2, a2) {
+  function be(e3, l2, a2) {
     const u2 = l2.parentUuid;
     if (u2) {
-      const l3 = W.value.filter((e4) => e4.uuid === u2);
+      const l3 = Z.value.filter((e4) => e4.uuid === u2);
       if (l3 && l3.length > 0) {
         const u3 = l3[0];
-        ge(e3, u3, a2 = a2 ? u3.titleText + "/" + a2 : u3.titleText);
+        be(e3, u3, a2 = a2 ? u3.titleText + "/" + a2 : u3.titleText);
       }
     } else e3.fullPath = a2;
   }
-  function he(e3, l2) {
-    N.$emit("hadleDragging", true), Q.value = e3;
+  function xe(e3, l2) {
+    w.$emit("hadleDragging", true), W.value = e3;
   }
-  function be(e3, l2, a2) {
+  function Ue(e3, l2, a2) {
     let u2 = true;
     return l2.data.columnUuid && "inner" === a2 && (u2 = false), u2;
   }
-  function xe(e3, l2, a2, u2) {
+  let _e;
+  function ke(e3, l2, a2, u2) {
     let t2 = l2.data;
     let n2;
-    const d2 = me(e3.data.uuid);
+    const i2 = ge(e3.data.uuid);
     if ("after" === a2) !function(e4, l3) {
       const a3 = e4.parentUuid;
       let u3 = e4.displayOrder;
       null == u3 && (u3 = 0);
-      let t3 = W.value.filter((l4) => l4.parentUuid === a3 && l4.uuid !== e4.uuid && l4.displayOrder > u3);
+      let t3 = Z.value.filter((l4) => l4.parentUuid === a3 && l4.uuid !== e4.uuid && l4.displayOrder > u3);
       t3 && t3.length > 0 ? (t3 = t3.sort((e5, l4) => e5.displayOrder - l4.displayOrder), l3.displayOrder = t3[0].displayOrder + 1, t3.forEach((e5) => {
         e5.displayOrder = e5.displayOrder + 1;
       })) : l3.displayOrder = u3 + 1;
-      ne();
-    }(t2, d2), n2 = t2.parentUuid, d2.parentUuid = n2, l2.parent ? (l2.parent.loaded = false, l2.parent.expand()) : (Q.value = null, Y.value = T(W.value));
+      de();
+    }(t2, i2), n2 = t2.parentUuid, i2.parentUuid = n2, l2.parent ? (l2.parent.loaded = false, l2.parent.expand()) : (W.value = null, z.value = C(Z.value));
     else if ("before" === a2) !function(e4, l3) {
       const a3 = e4.parentUuid;
       let u3 = e4.displayOrder;
       null == u3 && (u3 = 0);
       l3.displayOrder = u3, e4.displayOrder = u3 + 1;
-      let t3 = W.value.filter((l4) => l4.parentUuid === a3 && l4.uuid !== e4.uuid && l4.displayOrder > u3);
+      let t3 = Z.value.filter((l4) => l4.parentUuid === a3 && l4.uuid !== e4.uuid && l4.displayOrder > u3);
       t3 && t3.length > 0 && (t3 = t3.sort((e5, l4) => e5.displayOrder - l4.displayOrder), t3.forEach((e5) => {
         e5.displayOrder = e5.displayOrder + 1;
       }));
-      ne();
-    }(t2, d2), n2 = t2.parentUuid, d2.parentUuid = n2, l2.parent ? (l2.parent.loaded = false, l2.parent.expand()) : (Q.value = null, Y.value = T(W.value));
+      de();
+    }(t2, i2), n2 = t2.parentUuid, i2.parentUuid = n2, l2.parent ? (l2.parent.loaded = false, l2.parent.expand()) : (W.value = null, z.value = C(Z.value));
     else if ("inner" === a2 && !t2.columnUuid) {
       !function(e5, l3) {
         let a3;
         e5 && (a3 = e5.uuid);
-        C(a3, l3, W.value), ne();
-      }(t2, d2), n2 = t2.uuid, d2.parentUuid = n2;
-      const e4 = me(n2);
-      e4.isLeaf = H(e4, W.value), l2.loaded = false, l2.expand();
+        V(a3, l3, Z.value), de();
+      }(t2, i2), n2 = t2.uuid, i2.parentUuid = n2;
+      const e4 = ge(n2);
+      e4.isLeaf = N(e4, Z.value), l2.loaded = false, l2.expand();
     }
-    if (Q.value && !t2.columnUuid) {
-      const e4 = Q.value.parent;
+    if (W.value && !t2.columnUuid) {
+      const e4 = W.value.parent;
       e4 && (e4.loaded = false, e4.expand());
     }
     if (t2.columnUuid) {
       const e4 = l2.parent;
       e4 && (e4.loaded = false, e4.expand());
     }
-    setTimeout(() => {
-      N.$emit("hadleDragging", false);
+    _e && clearTimeout(_e), _e = setTimeout(() => {
+      w.$emit("hadleDragging", false);
     }, 50);
   }
   return (l2, a2) => {
-    const _2 = u("el-switch"), k2 = u("el-button"), O2 = u("el-input"), T2 = u("el-tree"), C2 = u("el-icon"), V2 = u("el-cascader"), H2 = u("el-form-item"), N2 = u("el-form"), j3 = u("el-dialog"), J2 = u("el-checkbox"), Q2 = u("el-col"), W2 = u("el-row"), ue2 = u("el-checkbox-group");
-    return n(), t("div", null, [d("div", null, [a2[19] || (a2[19] = o(" 是否启用")), r(_2, { modelValue: e2.configure.props.base.isEnableGroupHeader, "onUpdate:modelValue": a2[0] || (a2[0] = (l3) => e2.configure.props.base.isEnableGroupHeader = l3), onChange: ee }, null, 8, ["modelValue"]), e2.configure.props.base.isEnableGroupHeader ? (n(), p(k2, { key: 0, style: { "margin-left": "10px" }, type: "primary", onClick: ae }, { default: s(() => a2[17] || (a2[17] = [o("重置")])), _: 1 })) : i("", true), e2.configure.props.base.isEnableGroupHeader ? (n(), p(k2, { key: 1, type: "primary", onClick: a2[1] || (a2[1] = (e3) => (B.value = {}, void (M.value = true))) }, { default: s(() => a2[18] || (a2[18] = [o("添加顶级菜单")])), _: 1 })) : i("", true)]), e2.configure.props.base.isEnableGroupHeader ? (n(), t("div", w, [d("div", E, [r(O2, { modelValue: I.value, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => I.value = e3), placeholder: "Search...", clearable: "", class: "input-with-select", onInput: ye }, null, 8, ["modelValue"])]), r(T2, { ref_key: "groupTreeRef", ref: Z, style: { "max-width": "600px" }, data: Y.value, draggable: !K.value, props: { isLeaf: "isLeaf", children: "children", label: "titleText" }, "node-key": "uuid", onNodeClick: ie, onNodeContextmenu: oe, onNodeDrop: xe, onNodeDragStart: he, "allow-drop": be }, { default: s(({ data: e3 }) => [K.value && e3.fullPath ? (n(), t("span", L, c(e3.fullPath), 1)) : (n(), t("span", G, c(e3.titleText), 1))]), _: 1 }, 8, ["data", "draggable"]), v(d("div", null, [A.value.data ? (n(), t("ul", $, [A.value.data.columnUuid ? i("", true) : (n(), t("li", { key: 0, id: "menu-4994-1-0", class: "menu__item", tabindex: "-1", onClick: a2[3] || (a2[3] = () => re("createCombinedHeader")) }, [r(C2, null, { default: s(() => [r(f(h))]), _: 1 }), a2[20] || (a2[20] = o(" 创建节点 "))])), A.value.data.columnUuid ? i("", true) : (n(), t("li", { key: 1, id: "menu-4994-1-1", class: "menu__item", tabindex: "-1", onClick: a2[4] || (a2[4] = () => re("updateCombinedHeader")) }, [r(C2, null, { default: s(() => [r(f(b))]), _: 1 }), a2[21] || (a2[21] = o(" 修改节点 "))])), A.value.data.parentUuid && !pe.value ? (n(), t("li", { key: 2, id: "menu-4994-1-3", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[5] || (a2[5] = () => re("moveToRootNode")) }, [r(C2, null, { default: s(() => [r(f(x))]), _: 1 }), a2[22] || (a2[22] = o(" 移至根节点 "))])) : i("", true), A.value.isLeaf || A.value.isTheLeaf || A.value.data.columnUuid || pe.value ? i("", true) : (n(), t("li", { key: 3, id: "menu-4994-1-4", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[6] || (a2[6] = () => re("childMoveToRootNode")) }, [r(C2, null, { default: s(() => [r(f(x))]), _: 1 }), a2[23] || (a2[23] = o(" 子节点移至根节点 "))])), pe.value ? i("", true) : (n(), t("li", { key: 4, id: "menu-4994-1-5", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[7] || (a2[7] = () => re("mobileNode")) }, [r(C2, null, { default: s(() => [r(f(U))]), _: 1 }), a2[24] || (a2[24] = o(" 移动节点 "))])), pe.value ? (n(), t("li", R, [r(V2, { props: { value: "uuid", label: "titleText", children: "children", checkStrictly: true }, modelValue: se.value, "onUpdate:modelValue": a2[8] || (a2[8] = (e3) => se.value = e3), options: le.value, onVisibleChange: ve }, null, 8, ["modelValue", "options"])])) : i("", true), A.value.data.columnUuid ? i("", true) : (n(), t("li", { key: 6, id: "menu-4994-1-7", class: "menu__item", tabindex: "-1", onClick: a2[9] || (a2[9] = () => re("deleteNode")) }, [r(C2, null, { default: s(() => [r(f(U))]), _: 1 }), a2[25] || (a2[25] = o(" 删除节点 "))]))], 512)) : i("", true)], 512), [[m, q.value]]), M.value ? (n(), p(j3, { key: 0, modelValue: M.value, "onUpdate:modelValue": a2[13] || (a2[13] = (e3) => M.value = e3), title: "组合表头", width: "500" }, { footer: s(() => [d("div", S, [r(k2, { onClick: a2[12] || (a2[12] = (e3) => M.value = false) }, { default: s(() => a2[26] || (a2[26] = [o("取消")])), _: 1 }), r(k2, { type: "primary", onClick: te }, { default: s(() => a2[27] || (a2[27] = [o(" 确认 ")])), _: 1 })])]), default: s(() => [r(N2, { ref_key: "formRef", ref: P, model: B.value, "label-width": "auto", style: { "max-width": "600px" } }, { default: s(() => [r(H2, { label: "名称", required: "" }, { default: s(() => [r(O2, { modelValue: B.value.titleText, "onUpdate:modelValue": a2[10] || (a2[10] = (e3) => B.value.titleText = e3), disabled: de() }, null, 8, ["modelValue", "disabled"])]), _: 1 }), r(H2, { label: "显示顺序" }, { default: s(() => [r(O2, { modelValue: B.value.displayOrder, "onUpdate:modelValue": a2[11] || (a2[11] = (e3) => B.value.displayOrder = e3), modelModifiers: { number: true } }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["model"])]), _: 1 }, 8, ["modelValue"])) : i("", true), X.value ? (n(), p(j3, { key: 1, modelValue: X.value, "onUpdate:modelValue": a2[16] || (a2[16] = (e3) => X.value = e3), title: "请选择字段", width: "500" }, { footer: s(() => [d("div", D, [r(k2, { onClick: a2[15] || (a2[15] = (e3) => X.value = false) }, { default: s(() => a2[28] || (a2[28] = [o("取消")])), _: 1 }), r(k2, { type: "primary", onClick: ce }, { default: s(() => a2[29] || (a2[29] = [o(" 确认 ")])), _: 1 })])]), default: s(() => [r(ue2, { modelValue: z.value, "onUpdate:modelValue": a2[14] || (a2[14] = (e3) => z.value = e3) }, { default: s(() => [r(W2, null, { default: s(() => [(n(true), t(y, null, g(F.value, (e3) => (n(), p(Q2, { span: 6, key: e3.uuid }, { default: s(() => [r(J2, { label: e3.props.base.name, value: e3.uuid }, null, 8, ["label", "value"])]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue"])) : i("", true)])) : i("", true)]);
+    const u2 = t("el-switch"), k2 = t("el-button"), O2 = t("el-input"), T2 = t("el-tree"), C2 = t("el-icon"), V2 = t("el-cascader"), H2 = t("el-form-item"), N2 = t("el-form"), w2 = t("el-dialog"), M3 = t("el-checkbox"), F2 = t("el-col"), W2 = t("el-row"), Z2 = t("el-checkbox-group");
+    return i(), n("div", null, [d("div", null, [a2[19] || (a2[19] = r(" 是否启用")), p(u2, { modelValue: e2.configure.props.base.isEnableGroupHeader, "onUpdate:modelValue": a2[0] || (a2[0] = (l3) => e2.configure.props.base.isEnableGroupHeader = l3), onChange: le }, null, 8, ["modelValue"]), e2.configure.props.base.isEnableGroupHeader ? (i(), s(k2, { key: 0, style: { "margin-left": "10px" }, type: "primary", onClick: ue }, { default: v(() => a2[17] || (a2[17] = [r("重置")])), _: 1 })) : o("", true), e2.configure.props.base.isEnableGroupHeader ? (i(), s(k2, { key: 1, type: "primary", onClick: a2[1] || (a2[1] = (e3) => (P.value = {}, void (B.value = true))) }, { default: v(() => a2[18] || (a2[18] = [r("添加顶级菜单")])), _: 1 })) : o("", true)]), e2.configure.props.base.isEnableGroupHeader ? (i(), n("div", E, [d("div", L, [p(O2, { modelValue: J.value, "onUpdate:modelValue": a2[2] || (a2[2] = (e3) => J.value = e3), placeholder: "Search...", clearable: "", class: "input-with-select", onInput: he }, null, 8, ["modelValue"])]), p(T2, { ref_key: "groupTreeRef", ref: ee, style: { "max-width": "600px" }, data: z.value, draggable: !Q.value, props: { isLeaf: "isLeaf", children: "children", label: "titleText" }, "node-key": "uuid", onNodeClick: re, onNodeContextmenu: pe, onNodeDrop: ke, onNodeDragStart: xe, "allow-drop": Ue }, { default: v(({ data: e3 }) => [Q.value && e3.fullPath ? (i(), n("span", G, f(e3.fullPath), 1)) : (i(), n("span", $, f(e3.titleText), 1))]), _: 1 }, 8, ["data", "draggable"]), c(d("div", null, [K.value.data ? (i(), n("ul", R, [K.value.data.columnUuid ? o("", true) : (i(), n("li", { key: 0, id: "menu-4994-1-0", class: "menu__item", tabindex: "-1", onClick: a2[3] || (a2[3] = () => se("createCombinedHeader")) }, [p(C2, null, { default: v(() => [p(m(b))]), _: 1 }), a2[20] || (a2[20] = r(" 创建节点 "))])), K.value.data.columnUuid ? o("", true) : (i(), n("li", { key: 1, id: "menu-4994-1-1", class: "menu__item", tabindex: "-1", onClick: a2[4] || (a2[4] = () => se("updateCombinedHeader")) }, [p(C2, null, { default: v(() => [p(m(x))]), _: 1 }), a2[21] || (a2[21] = r(" 修改节点 "))])), K.value.data.parentUuid && !ve.value ? (i(), n("li", { key: 2, id: "menu-4994-1-3", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[5] || (a2[5] = () => se("moveToRootNode")) }, [p(C2, null, { default: v(() => [p(m(U))]), _: 1 }), a2[22] || (a2[22] = r(" 移至根节点 "))])) : o("", true), K.value.isLeaf || K.value.isTheLeaf || K.value.data.columnUuid || ve.value ? o("", true) : (i(), n("li", { key: 3, id: "menu-4994-1-4", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[6] || (a2[6] = () => se("childMoveToRootNode")) }, [p(C2, null, { default: v(() => [p(m(U))]), _: 1 }), a2[23] || (a2[23] = r(" 子节点移至根节点 "))])), ve.value ? o("", true) : (i(), n("li", { key: 4, id: "menu-4994-1-5", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[7] || (a2[7] = () => se("mobileNode")) }, [p(C2, null, { default: v(() => [p(m(_))]), _: 1 }), a2[24] || (a2[24] = r(" 移动节点 "))])), ve.value ? (i(), n("li", S, [p(V2, { props: { value: "uuid", label: "titleText", children: "children", checkStrictly: true }, modelValue: ce.value, "onUpdate:modelValue": a2[8] || (a2[8] = (e3) => ce.value = e3), options: ae.value, onVisibleChange: fe }, null, 8, ["modelValue", "options"])])) : o("", true), K.value.data.columnUuid ? o("", true) : (i(), n("li", { key: 6, id: "menu-4994-1-7", class: "menu__item", tabindex: "-1", onClick: a2[9] || (a2[9] = () => se("deleteNode")) }, [p(C2, null, { default: v(() => [p(m(_))]), _: 1 }), a2[25] || (a2[25] = r(" 删除节点 "))]))], 512)) : o("", true)], 512), [[y, I.value]]), B.value ? (i(), s(w2, { key: 0, modelValue: B.value, "onUpdate:modelValue": a2[13] || (a2[13] = (e3) => B.value = e3), title: "组合表头", width: "500" }, { footer: v(() => [d("div", D, [p(k2, { onClick: a2[12] || (a2[12] = (e3) => B.value = false) }, { default: v(() => a2[26] || (a2[26] = [r("取消")])), _: 1 }), p(k2, { type: "primary", onClick: ne }, { default: v(() => a2[27] || (a2[27] = [r(" 确认 ")])), _: 1 })])]), default: v(() => [p(N2, { ref_key: "formRef", ref: q, model: P.value, "label-width": "auto", style: { "max-width": "600px" } }, { default: v(() => [p(H2, { label: "名称", required: "" }, { default: v(() => [p(O2, { modelValue: P.value.titleText, "onUpdate:modelValue": a2[10] || (a2[10] = (e3) => P.value.titleText = e3), disabled: oe() }, null, 8, ["modelValue", "disabled"])]), _: 1 }), p(H2, { label: "显示顺序" }, { default: v(() => [p(O2, { modelValue: P.value.displayOrder, "onUpdate:modelValue": a2[11] || (a2[11] = (e3) => P.value.displayOrder = e3), modelModifiers: { number: true } }, null, 8, ["modelValue"])]), _: 1 })]), _: 1 }, 8, ["model"])]), _: 1 }, 8, ["modelValue"])) : o("", true), Y.value ? (i(), s(w2, { key: 1, modelValue: Y.value, "onUpdate:modelValue": a2[16] || (a2[16] = (e3) => Y.value = e3), title: "请选择字段", width: "500" }, { footer: v(() => [d("div", j, [p(k2, { onClick: a2[15] || (a2[15] = (e3) => Y.value = false) }, { default: v(() => a2[28] || (a2[28] = [r("取消")])), _: 1 }), p(k2, { type: "primary", onClick: me }, { default: v(() => a2[29] || (a2[29] = [r(" 确认 ")])), _: 1 })])]), default: v(() => [p(Z2, { modelValue: A.value, "onUpdate:modelValue": a2[14] || (a2[14] = (e3) => A.value = e3) }, { default: v(() => [p(W2, null, { default: v(() => [(i(true), n(g, null, h(X.value, (e3) => (i(), s(F2, { span: 6, key: e3.uuid }, { default: v(() => [p(M3, { label: e3.props.base.name, value: e3.uuid }, null, 8, ["label", "value"])]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue"])) : o("", true)])) : o("", true)]);
   };
 } });
 export {
-  j as default
+  M as default
 };

package/dist/es/components/design/views/assemblys/data/component/table-children-column.vue.js

@@ -1,70 +1,72 @@
-import { defineComponent as e, ref as s, resolveComponent as n, createBlock as l, openBlock as t, createSlots as o, withCtx as i, createElementBlock as u, createCommentVNode as r, Fragment as a, renderList as p, normalizeClass as m, normalizeStyle as c, unref as g, toDisplayString as d, reactive as b } from "vue";
-import { columnCustomTittleClass as C, columnTittleStyle as f } from "../../../../utils/form-design-util.js";
-import { VueDraggable as y } from "vue-draggable-plus";
-import h from "../../../../utils/eventBus.js";
-import { deepCopy as x, getUuidv4 as O } from "../../../../utils/common-util.js";
-import k from "../../object-design.vue.js";
-import { ElMessage as j, ElMessageBox as W } from "element-plus";
-const D = ["onClick", "onMouseout", "onMouseover"], v = { key: 2 }, L = e({ __name: "table-children-column", props: { listColumns: { type: Object, default: () => {
+import { defineComponent as e, ref as s, onUnmounted as n, resolveComponent as l, createBlock as o, openBlock as t, createSlots as i, withCtx as u, createElementBlock as r, createCommentVNode as a, Fragment as p, renderList as m, normalizeClass as c, normalizeStyle as g, unref as d, toDisplayString as b, reactive as C } from "vue";
+import { columnCustomTittleClass as f, columnTittleStyle as y } from "../../../../utils/form-design-util.js";
+import { VueDraggable as h } from "vue-draggable-plus";
+import x from "../../../../utils/eventBus.js";
+import { deepCopy as O, getUuidv4 as k } from "../../../../utils/common-util.js";
+import j from "../../object-design.vue.js";
+import { ElMessage as W, ElMessageBox as D } from "element-plus";
+const v = ["onClick", "onMouseout", "onMouseover"], L = { key: 2 }, M = e({ __name: "table-children-column", props: { listColumns: { type: Object, default: () => {
 } }, selectWidget: { type: Object, default: () => {
 } }, indexObj: { type: Object, default: () => {
 } }, designProperty: { type: Object, default: () => {
 } }, configure: { type: Object, default: () => {
 } }, pageDesign: { type: Object, default: () => {
-} } }, emits: ["selectColumn", "onSelectWidget", "setHeaderLabel", "setColumnData", "closeMenuVisible"], setup(e2, { emit: M }) {
-  const S = e2, B = M;
-  function T(e3, s2) {
-    if (!e3.props.base) return j.warning("组合表头顶级菜单不能进行列配置");
+} } }, emits: ["selectColumn", "onSelectWidget", "setHeaderLabel", "setColumnData", "closeMenuVisible"], setup(e2, { emit: S }) {
+  const B = e2, T = S;
+  function w(e3, s2) {
+    if (!e3.props.base) return W.warning("组合表头顶级菜单不能进行列配置");
     {
-      w(e3);
-      let n2 = { columnData: e3, tableConfigure: S.configure };
-      B("closeMenuVisible"), h.$emit("selectColumn", n2), P(s2.label);
+      $(e3);
+      let n2 = { columnData: e3, tableConfigure: B.configure };
+      T("closeMenuVisible"), x.$emit("selectColumn", n2), P(s2.label);
     }
   }
-  function w(e3) {
-    B("setColumnData", e3);
+  function $(e3) {
+    T("setColumnData", e3);
   }
   function P(e3) {
-    B("setHeaderLabel", e3);
+    T("setHeaderLabel", e3);
   }
-  function $(e3) {
+  function V(e3) {
     let s2 = "";
     return s2 = e3.props && e3.props.base && e3.props.base.name && e3.props.base.name.length > 0 ? e3.props.base.name : e3.titleText, s2;
   }
-  function V(e3, s2) {
+  function _(e3, s2) {
     for (var n2 = document.getElementsByClassName(s2.id), l2 = 0; l2 < n2.length; l2++) n2[l2].style.backgroundColor = "";
   }
-  function _(e3, s2) {
+  function H(e3, s2) {
     for (var n2 = document.getElementsByClassName(s2.id), l2 = 0; l2 < n2.length; l2++) n2[l2].style.backgroundColor = "rgba(88, 147, 239,.1)";
   }
-  const H = s(false);
-  function E(e3, s2, n2) {
-    S.pageDesign.currentTableConfig = S.configure, H.value || B("onSelectWidget", e3, s2, n2), n2 && n2.label && P(n2.label);
+  const E = s(false);
+  function F(e3, s2, n2) {
+    B.pageDesign.currentTableConfig = B.configure, E.value || T("onSelectWidget", e3, s2, n2), n2 && n2.label && P(n2.label);
   }
-  function F(e3) {
-    const s2 = S.configure.btnList.indexOf(e3);
+  function N(e3) {
+    const s2 = B.configure.btnList.indexOf(e3);
     if (-1 == s2) return void alert("无可复制对象!");
-    const n2 = b(x(e3));
-    n2.uuid = O(), S.configure.btnList.splice(s2, 0, n2);
+    const n2 = C(O(e3));
+    n2.uuid = k(), B.configure.btnList.splice(s2, 0, n2);
   }
-  function N(e3) {
-    e3.items && e3.items.length > 0 ? W.confirm("还有子元素，确定要删除吗?", "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
-      const s2 = S.configure.btnList, n2 = s2.indexOf(e3);
+  function z(e3) {
+    e3.items && e3.items.length > 0 ? D.confirm("还有子元素，确定要删除吗?", "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
+      const s2 = B.configure.btnList, n2 = s2.indexOf(e3);
       n2 > -1 && s2.splice(n2, 1);
     }).catch((e4) => {
-    }) : S.listColumns && S.listColumns.props && S.listColumns.props.base && "operation" === S.listColumns.props.base.prop && W.confirm(`确定要删除${e3.label}吗?`, "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
-      const s2 = S.configure.btnList, n2 = s2.indexOf(e3);
+    }) : B.listColumns && B.listColumns.props && B.listColumns.props.base && "operation" === B.listColumns.props.base.prop && D.confirm(`确定要删除${e3.label}吗?`, "删除", { confirmButtonText: "确认", cancelButtonText: "取消", type: "warning" }).then(() => {
+      const s2 = B.configure.btnList, n2 = s2.indexOf(e3);
       n2 > -1 && s2.splice(n2, 1);
     }).catch((e4) => {
     });
   }
-  return h.$on("hadleDragging", (e3) => {
-    H.value = e3;
-  }), (s2, b2) => {
-    const h2 = n("el-checkbox"), x2 = n("el-table-column");
-    return t(), l(x2, { fixed: !(!e2.listColumns.props || !e2.listColumns.props.base || "false" === e2.listColumns.props.base.listColumnFixed) && e2.listColumns.props.base.listColumnFixed, "column-key": e2.listColumns.uuid, width: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.columnWidth ? e2.listColumns.props.base.columnWidth : 200, label: $(e2.listColumns), align: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignContent ? e2.listColumns.props.base.alignContent : e2.designProperty.alignContent, "header-align": e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignTitle ? e2.listColumns.props.base.alignTitle : e2.designProperty.alignTitle, resizable: "" }, o({ default: i(() => [e2.listColumns.children && e2.listColumns.children.length > 0 ? (t(true), u(a, { key: 0 }, p(e2.listColumns.children, (s3, n2) => (t(), l(L, { key: n2, listColumns: s3, designProperty: e2.designProperty, configure: e2.configure, pageDesign: e2.pageDesign, indexObj: e2.indexObj, onSetHeaderLabel: P, onOnSelectWidget: E, onSetColumnData: w, selectWidget: e2.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128)) : r("", true)]), _: 2 }, [e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "header", fn: i((s3) => [e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), l(h2, { key: 0, style: c(g(f)(e2.listColumns)), class: m(g(C)(e2.listColumns)), onClick: (n2) => T(e2.listColumns, s3.column), onMouseout: (e3) => V(0, s3.column), onMouseover: (e3) => _(0, s3.column) }, null, 8, ["style", "class", "onClick", "onMouseout", "onMouseover"])) : (t(), u("div", { key: 1, style: c(g(f)(e2.listColumns)), class: m(g(C)(e2.listColumns)), onClick: (n2) => T(e2.listColumns, s3.column), onMouseout: (e3) => V(0, s3.column), onMouseover: (e3) => _(0, s3.column) }, d($(e2.listColumns)), 47, D))]), key: "0" }, e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "default", fn: i((s3) => [e2.listColumns.props && e2.listColumns.props.base && "operation" === e2.listColumns.props.base.prop ? (t(), l(g(y), { key: 0, modelValue: S.configure.btnList, "onUpdate:modelValue": b2[0] || (b2[0] = (e3) => S.configure.btnList = e3), animation: 300, style: { width: "100%", height: "100%", display: "inline-flex" }, group: "amb-assembly-item", ghostClass: "amb-item-ghost" }, { default: i(() => [(t(true), u(a, null, p(S.configure.btnList, (n2) => (t(), l(k, { key: n2, pageDesign: e2.pageDesign, configure: n2, selectWidget: e2.selectWidget, indexObj: e2.indexObj, errorBlank: true, onOnSelectWidget: (e3, n3) => E(e3, n3, s3.column), onOnCopy: F, onOnDelete: N }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnSelectWidget"]))), 128))]), _: 2 }, 1032, ["modelValue"])) : e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), l(h2, { key: 1 })) : e2.listColumns.props && e2.listColumns.props.base && "$index" === e2.listColumns.props.base.prop ? (t(), u("span", v, "1")) : (t(), l(k, { key: 3, configure: e2.listColumns, pageDesign: e2.pageDesign, errorBlank: true, selectWidget: e2.selectWidget, indexObj: e2.indexObj, onOnSelectWidget: (e3, n2) => E(e3, n2, s3.column), showSelectedClass: false }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj", "onOnSelectWidget"]))]), key: "1" }]), 1032, ["fixed", "column-key", "width", "label", "align", "header-align"]);
+  return x.$on("hadleDragging", (e3) => {
+    E.value = e3;
+  }), n(() => {
+    x.$off("hadleDragging");
+  }), (s2, n2) => {
+    const C2 = l("el-checkbox"), x2 = l("el-table-column");
+    return t(), o(x2, { fixed: !(!e2.listColumns.props || !e2.listColumns.props.base || "false" === e2.listColumns.props.base.listColumnFixed) && e2.listColumns.props.base.listColumnFixed, "column-key": e2.listColumns.uuid, width: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.columnWidth ? e2.listColumns.props.base.columnWidth : 200, label: V(e2.listColumns), align: e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignContent ? e2.listColumns.props.base.alignContent : e2.designProperty.alignContent, "header-align": e2.listColumns.props && e2.listColumns.props.base && e2.listColumns.props.base.alignTitle ? e2.listColumns.props.base.alignTitle : e2.designProperty.alignTitle, resizable: "" }, i({ default: u(() => [e2.listColumns.children && e2.listColumns.children.length > 0 ? (t(true), r(p, { key: 0 }, m(e2.listColumns.children, (s3, n3) => (t(), o(M, { key: n3, listColumns: s3, designProperty: e2.designProperty, configure: e2.configure, pageDesign: e2.pageDesign, indexObj: e2.indexObj, onSetHeaderLabel: P, onOnSelectWidget: F, onSetColumnData: $, selectWidget: e2.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128)) : a("", true)]), _: 2 }, [e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "header", fn: u((s3) => [e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), o(C2, { key: 0, style: g(d(y)(e2.listColumns)), class: c(d(f)(e2.listColumns)), onClick: (n3) => w(e2.listColumns, s3.column), onMouseout: (e3) => _(0, s3.column), onMouseover: (e3) => H(0, s3.column) }, null, 8, ["style", "class", "onClick", "onMouseout", "onMouseover"])) : (t(), r("div", { key: 1, style: g(d(y)(e2.listColumns)), class: c(d(f)(e2.listColumns)), onClick: (n3) => w(e2.listColumns, s3.column), onMouseout: (e3) => _(0, s3.column), onMouseover: (e3) => H(0, s3.column) }, b(V(e2.listColumns)), 47, v))]), key: "0" }, e2.listColumns.children && 0 != e2.listColumns.children.length ? void 0 : { name: "default", fn: u((s3) => [e2.listColumns.props && e2.listColumns.props.base && "operation" === e2.listColumns.props.base.prop ? (t(), o(d(h), { key: 0, modelValue: B.configure.btnList, "onUpdate:modelValue": n2[0] || (n2[0] = (e3) => B.configure.btnList = e3), animation: 300, style: { width: "100%", height: "100%", display: "inline-flex" }, group: "amb-assembly-item", ghostClass: "amb-item-ghost" }, { default: u(() => [(t(true), r(p, null, m(B.configure.btnList, (n3) => (t(), o(j, { key: n3, pageDesign: e2.pageDesign, configure: n3, selectWidget: e2.selectWidget, indexObj: e2.indexObj, errorBlank: true, onOnSelectWidget: (e3, n4) => F(e3, n4, s3.column), onOnCopy: N, onOnDelete: z }, null, 8, ["pageDesign", "configure", "selectWidget", "indexObj", "onOnSelectWidget"]))), 128))]), _: 2 }, 1032, ["modelValue"])) : e2.listColumns.props && e2.listColumns.props.base && "$selection" === e2.listColumns.props.base.prop ? (t(), o(C2, { key: 1 })) : e2.listColumns.props && e2.listColumns.props.base && "$index" === e2.listColumns.props.base.prop ? (t(), r("span", L, "1")) : (t(), o(j, { key: 3, configure: e2.listColumns, pageDesign: e2.pageDesign, errorBlank: true, selectWidget: e2.selectWidget, indexObj: e2.indexObj, onOnSelectWidget: (e3, n3) => F(e3, n3, s3.column), showSelectedClass: false }, null, 8, ["configure", "pageDesign", "selectWidget", "indexObj", "onOnSelectWidget"]))]), key: "1" }]), 1032, ["fixed", "column-key", "width", "label", "align", "header-align"]);
   };
 } });
 export {
-  L as default
+  M as default
 };

package/dist/es/components/design/views/assemblys/form/checkbox/checkbox-design.vue2.js

@@ -4,17 +4,19 @@ const h = e({ __name: "checkbox-design", props: { configure: { type: Object, req
   const h2 = e2;
   h2.configure.runtime || (h2.configure.runtime = {});
   const x = l([]), k = l({}), S = l(""), V = l({}), _ = l({}), w = l({});
-  function z() {
+  u(h2.configure.style, () => {
+    p(h2.configure, k, S, V), h2.configure.runtime.style = k.value, h2.configure.runtime.class = S.value, h2.configure.runtime.headerStyle = V.value;
+  }, { immediate: true });
+  let z = setTimeout(() => {
+    j();
+  }, 10);
+  function j() {
     y(h2.configure, _, w), h2.configure.props.preSuffix && h2.configure.props, h2.configure.runtime.props = _.value, h2.configure.runtime.titleExceedStyle = w.value, x.value = _.value.options, null != x.value && 0 != x.value.length || (x.value = [{ label: "选项1", value: "1" }, { label: "选项2", value: "2" }]);
   }
-  return u(h2.configure.style, () => {
-    p(h2.configure, k, S, V), h2.configure.runtime.style = k.value, h2.configure.runtime.class = S.value, h2.configure.runtime.headerStyle = V.value;
-  }, { immediate: true }), setTimeout(() => {
-    z();
-  }, 10), a(() => {
-    b(h2.configure);
+  return a(() => {
+    b(h2.configure), z && clearTimeout(z);
   }), u(h2.configure.props, () => {
-    z();
+    j();
   }), (e3, l2) => {
     const u2 = t("el-checkbox"), a2 = t("el-checkbox-group"), p2 = t("el-form-item");
     return o(), i(p2, { class: n([S.value, "remove-formLabel-formContent-blankStyle"]), "label-width": _.value.labelWidth, style: r(k.value) }, { label: s(() => [_.value.tittleShow ? (o(), v("div", { key: 0, style: r({ ...V.value, ...w.value, "padding-right": "12px" }) }, g(_.value.title), 5)) : m("", true)]), default: s(() => [c(a2, { disabled: "disabled" === _.value.state, size: _.value.size, modelValue: _.value.defaultValue, "onUpdate:modelValue": l2[0] || (l2[0] = (e4) => _.value.defaultValue = e4) }, { default: s(() => [(o(true), v(f, null, d(x.value, (e4) => (o(), i(u2, { key: e4.value, value: e4.value, label: e4.label }, null, 8, ["value", "label"]))), 128))]), _: 1 }, 8, ["disabled", "size", "modelValue"])]), _: 1 }, 8, ["class", "label-width", "style"]);

package/dist/es/components/design/views/assemblys/form/common/data-linkage.vue.js

@@ -1,37 +1,41 @@
-import { defineComponent as e, resolveComponent as o, createBlock as l, openBlock as n, withCtx as i, createElementVNode as r, createVNode as t, unref as a } from "vue";
-import { Plus as u, Delete as s } from "@element-plus/icons-vue";
+import { defineComponent as e, onUnmounted as o, resolveComponent as l, createBlock as i, openBlock as n, withCtx as r, createElementVNode as t, createVNode as a, unref as u } from "vue";
+import { Plus as s, Delete as c } from "@element-plus/icons-vue";
 import { getUuidv4 as p } from "../../../../utils/common-util.js";
-import c from "../../common/common-variable-bind.vue.js";
-const f = { style: { padding: "8px 0px 0px 0px" } }, d = e({ __name: "data-linkage", props: { configureProps: {} }, setup(e2) {
-  const d2 = e2;
+import f from "../../common/common-variable-bind.vue.js";
+const d = { style: { padding: "8px 0px 0px 0px" } }, m = e({ __name: "data-linkage", props: { configureProps: {} }, setup(e2) {
+  const m2 = e2;
   function g(e3) {
     let o2 = -1;
-    const l2 = d2.configureProps.linkages.length;
-    for (let n2 = 0; n2 < l2; n2++) if (d2.configureProps.linkages[n2].uuid == e3.uuid) {
-      o2 = n2;
+    const l2 = m2.configureProps.linkages.length;
+    for (let i2 = 0; i2 < l2; i2++) if (m2.configureProps.linkages[i2].uuid == e3.uuid) {
+      o2 = i2;
       break;
     }
     return o2;
   }
-  function m(e3) {
+  function k(e3) {
     let o2 = -1;
     e3 && (o2 = g(e3));
     const l2 = { uuid: p(), fieldName: "" };
-    d2.configureProps.linkages.splice(o2 + 1, 0, l2);
+    m2.configureProps.linkages.splice(o2 + 1, 0, l2);
   }
-  return d2.configureProps.linkages || (d2.configureProps.linkages = []), 0 == d2.configureProps.linkages.length && m(null), (e3, p2) => {
-    const k = o("el-table-column"), P = o("el-icon"), b = o("el-table"), _ = o("el-collapse-item");
-    return n(), l(_, { title: "联动", name: "linkage", class: "amb-design-attr-group-header" }, { default: i(() => [r("div", f, [t(b, { data: e3.configureProps.linkages }, { default: i(() => [t(k, { prop: "fieldName", label: "联动变量" }, { default: i((e4) => [t(c, { modelValue: e4.row.fieldName, paramTypes: "['data','page']", "onUpdate:modelValue": (o2) => {
-      return l2 = o2, void ((n2 = e4.row) && (n2.fieldName = l2));
-      var l2, n2;
-    } }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), t(k, { label: "操作", width: "60" }, { default: i((e4) => [t(P, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (o2) => m(e4.row) }, { default: i(() => [t(a(u))]), _: 2 }, 1032, ["onClick"]), t(P, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (o2) => function(e5) {
-      let o3 = g(e5);
-      o3 > -1 && (d2.configureProps.linkages.splice(o3, 1), 0 == d2.configureProps.linkages.length && setTimeout(function() {
-        m(null);
-      }, 0));
-    }(e4.row) }, { default: i(() => [t(a(s))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])])]), _: 1 });
+  let P;
+  return m2.configureProps.linkages || (m2.configureProps.linkages = []), 0 == m2.configureProps.linkages.length && k(null), o(() => {
+    P && clearTimeout(P);
+  }), (e3, o2) => {
+    const p2 = l("el-table-column"), b = l("el-icon"), _ = l("el-table"), h = l("el-collapse-item");
+    return n(), i(h, { title: "联动", name: "linkage", class: "amb-design-attr-group-header" }, { default: r(() => [t("div", d, [a(_, { data: e3.configureProps.linkages }, { default: r(() => [a(p2, { prop: "fieldName", label: "联动变量" }, { default: r((e4) => [a(f, { modelValue: e4.row.fieldName, paramTypes: "['data','page']", "onUpdate:modelValue": (o3) => {
+      return l2 = o3, void ((i2 = e4.row) && (i2.fieldName = l2));
+      var l2, i2;
+    } }, null, 8, ["modelValue", "onUpdate:modelValue"])]), _: 1 }), a(p2, { label: "操作", width: "60" }, { default: r((e4) => [a(b, { size: "14", style: { color: "#5893ef", cursor: "pointer", "font-weight": "bold", "margin-right": "8px" }, onClick: (o3) => k(e4.row) }, { default: r(() => [a(u(s))]), _: 2 }, 1032, ["onClick"]), a(b, { size: "14", style: { color: "#5893ef", cursor: "pointer" }, onClick: (o3) => function(e5) {
+      P && clearTimeout(P);
+      let o4 = g(e5);
+      o4 > -1 && (m2.configureProps.linkages.splice(o4, 1), 0 == m2.configureProps.linkages.length && (P = setTimeout(function() {
+        k(null);
+      }, 0)));
+    }(e4.row) }, { default: r(() => [a(u(c))]), _: 2 }, 1032, ["onClick"])]), _: 1 })]), _: 1 }, 8, ["data"])])]), _: 1 });
   };
 } });
 export {
-  d as default
+  m as default
 };