super-page-designer 2.1.90 → 2.1.98

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

@@ -1,779 +1,201 @@
-import { defineComponent, ref, onMounted, resolveComponent, openBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, createBlock, withCtx, createCommentVNode, toDisplayString, withDirectives, unref, vShow, Fragment, renderList } from "vue";
-import { Plus, EditPen, Document, Delete } from "@element-plus/icons-vue";
-import { getUuidv4 } from "../../../../utils/common-util.js";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { getTopGroupHeaderList, setGroupHeaderDataDisplayOrder, addColumnToGroupHeaders, isLeafNode } from "../../../../utils/data-table-util.js";
-import eventBus from "../../../../utils/eventBus.js";
-const _hoisted_1 = { key: 0 };
-const _hoisted_2 = { style: { "display": "flex", "margin": "8px 0" } };
-const _hoisted_3 = { key: 0 };
-const _hoisted_4 = { key: 1 };
-const _hoisted_5 = {
-  key: 0,
-  id: "menu",
-  ref: "headerMenu",
-  class: "context-menu"
-};
-const _hoisted_6 = {
-  key: 5,
-  id: "menu-4994-1-6",
-  tabindex: "-1"
-};
-const _hoisted_7 = { class: "dialog-footer" };
-const _hoisted_8 = { class: "dialog-footer" };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "composite-header",
-  props: {
-    configure: {
-      type: Object,
-      default: () => ({ props: {} })
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const dialogVisible = ref(false);
-    const form = ref({});
-    const formRef = ref(null);
-    const menuVisible = ref(false);
-    const searchItemName = ref(null);
-    let listColumns = {};
-    const notChooseListColumns = ref([]);
-    const selectColumnVisible = ref(false);
-    const treeData = ref([]);
-    ref(null);
-    const checkList = ref([]);
-    const selectNode = ref({});
-    const isSearch = ref(false);
-    const dragNode = ref(null);
-    const groupHeaders = ref(props.configure.props.groupHeaders);
-    const groupTreeRef = ref(null);
-    onMounted(() => {
-      treeData.value = getTopGroupHeaderList(groupHeaders.value);
-    });
-    function initEnableGroupHeader(value) {
-      if (value && (!props.configure.props.groupHeaders || props.configure.props.groupHeaders.length === 0)) {
-        listColumns = props.configure.items;
-        filterNotChooseListColumns();
-        initGroupHeaders();
-      }
-    }
-    const fieldGroup = ref([]);
-    eventBus.$on("setFieldGroup", (value) => {
-      if (value.length > 0) {
-        fieldGroup.value = value;
+import { defineComponent as e, ref as l, onMounted as a, resolveComponent as u, openBlock as t, createElementBlock as n, createElementVNode as d, createTextVNode as i, createVNode as o, createBlock as r, withCtx as p, createCommentVNode as s, toDisplayString as v, withDirectives 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([]);
+  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());
+  }
+  a(() => {
+    Y.value = T(W.value);
+  });
+  const le = l([]);
+  function ae() {
+    let e3 = 1;
+    j2.configure.props.groupHeaders = [], J.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);
+      }
+    }), W.value = j2.configure.props.groupHeaders, ne(), Y.value = T(W.value);
+  }
+  function ue() {
+    F.value = [], J.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);
       }
     });
-    eventBus.$on("synchroGroupHeadersData", () => {
-      treeData.value = getTopGroupHeaderList(groupHeaders.value);
-    });
-    function initGroupHeaders() {
-      let index = 1;
-      props.configure.props.groupHeaders = [];
-      listColumns.forEach((column) => {
-        if (column.props.base.prop !== "$selection" && column.props.base.prop !== "$index" && column.props.base.prop !== "operation") {
-          let columnHeader = {
-            uuid: getUuidv4(),
-            columnUuid: column.uuid,
-            titleText: column.props.base.name,
-            isLeaf: true,
-            prop: column.props.base.prop,
-            displayOrder: index++
-          };
-          props.configure.props.groupHeaders.push(columnHeader);
-        }
-      });
-      groupHeaders.value = props.configure.props.groupHeaders;
-      watchChangeGroupHeader();
-      treeData.value = getTopGroupHeaderList(groupHeaders.value);
-    }
-    function addTopHeader() {
-      form.value = {};
-      dialogVisible.value = true;
-    }
-    function filterNotChooseListColumns() {
-      notChooseListColumns.value = [];
-      listColumns.forEach((column) => {
-        if (column.props.base.prop !== "$selection" && column.props.base.prop !== "$index" && column.props.base.prop !== "operation") {
-          const hasColumns = groupHeaders.value.filter((item) => item.columnUuid && item.columnUuid === column.uuid);
-          if (!hasColumns || hasColumns.length === 0) {
-            notChooseListColumns.value.push(column);
-          }
-        }
-      });
-    }
-    function saveHeader() {
-      formRef.value.validate((valid) => {
-        if (valid) {
-          let groupHeaderData;
-          if (form.value.uuid) {
-            groupHeaderData = getGroupDataByUuid(form.value.uuid);
-            groupHeaderData.titleText = form.value.titleText;
-            groupHeaderData.displayOrder = form.value.displayOrder;
-            if (form.value.displayOrder === void 0 || form.value.displayOrder === null) {
-              setGroupHeaderDataDisplayOrder(form.value.parentUuid, groupHeaderData, groupHeaders.value);
-            }
-            dialogVisible.value = false;
-          } else {
-            form.value.uuid = getUuidv4();
-            if (form.value.displayOrder === void 0 || form.value.displayOrder === null) {
-              setGroupHeaderDataDisplayOrder(form.value.parentUuid, form.value, groupHeaders.value);
-            }
-            groupHeaders.value.push(form.value);
-            dialogVisible.value = false;
-          }
-          watchChangeGroupHeader();
-          if (!form.value.parentUuid) {
-            treeData.value = getTopGroupHeaderList(groupHeaders.value);
-          } else {
-            groupTreeRef.value.append(form.value, selectNode.value);
-          }
-          if (isSearch.value) {
-            searchResult();
-          }
-          console.log("saveHeader---", props.configure);
-        }
-      });
-    }
-    function watchChangeGroupHeader() {
-      props.configure.props.isChangeGroupHeader = false;
-      setTimeout(() => {
-        props.configure.props.isChangeGroupHeader = true;
-      }, 1);
-    }
-    function isTitleDisabled() {
-      if (!form.value.columnUuid) {
-        return false;
-      }
-      const columns = listColumns.filter((column) => column.uuid === form.value.columnUuid);
-      if (columns && columns.length > 0) {
-        return true;
+  }
+  function te() {
+    P.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();
       }
+    });
+  }
+  function ne() {
+    j2.configure.props.isChangeGroupHeader = false, setTimeout(() => {
+      j2.configure.props.isChangeGroupHeader = true;
+    }, 1);
+  }
+  function de() {
+    if (!B.value.columnUuid)
       return false;
-    }
-    function handleNodeClick(data, node) {
-      menuVisible.value = false;
-      selectNode.value = node;
-    }
-    function nodeContextmenu(event, data) {
-      menuVisible.value = true;
-      const menu = document.querySelector("#menu");
-      const scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
-      menu.style.display = "block";
-      menu.style.left = event.clientX + 30 + "px";
-      menu.style.top = event.clientY + scrollTop - 22 + "px";
-    }
-    function operationalMenuFun(type) {
-      if (type === "updateCombinedHeader") {
-        form.value = selectNode.value.data;
-        form.value["id"] = 1;
-        dialogVisible.value = true;
-        menuVisible.value = false;
-      } else if (type === "createCombinedHeader") {
-        form.value = {};
-        form.value.parentUuid = selectNode.value.data.uuid;
-        dialogVisible.value = true;
-        menuVisible.value = false;
-      } else if (type === "addListColumn") {
-        openChoiceColumn();
-        menuVisible.value = false;
-      } else if (type === "moveToRootNode") {
-        moveToRootNode();
-        menuVisible.value = false;
-      } else if (type === "childMoveToRootNode") {
-        childMoveToRootNode();
-        menuVisible.value = false;
-      } else if (type === "deleteNode") {
-        if (selectNode.value && selectNode.value.data) {
-          removeNode();
-        }
-        menuVisible.value = false;
-      } else if (type === "mobileNode") {
-        mobileOff.value = true;
-      }
-    }
-    const mobileOff = ref(false);
-    const cascaderValue = ref([]);
-    function cascaderChange(value) {
-      if (!value && cascaderValue.value.length > 0) {
-        const nodeData = selectNode.value.data;
-        const data = getGroupDataByUuid(nodeData.uuid);
-        if (data) {
-          data.parentUuid = cascaderValue.value[cascaderValue.value.length - 1];
-          selectNode.value.parentUuid = cascaderValue.value[cascaderValue.value.length - 1];
-        }
-        treeData.value = getTopGroupHeaderList(groupHeaders.value);
-        watchChangeGroupHeader();
-        mobileOff.value = false;
-      }
-    }
-    function openChoiceColumn() {
-      filterNotChooseListColumns();
-      checkList.value = [];
-      selectColumnVisible.value = true;
-    }
-    function saveAddListColumn() {
-      checkList.value.forEach((columnUuid) => {
-        const columns = notChooseListColumns.value.filter((col) => col.uuid === columnUuid);
-        if (columns && columns.length > 0) {
-          const column = columns[0];
-          addColumnToGroupHeaders(column, selectNode.value.data.uuid, groupHeaders.value);
-          watchChangeGroupHeader();
-        }
-      });
-      if (selectNode.value) {
-        selectNode.value.loaded = false;
-        selectNode.value.expand();
-      }
-      if (isSearch.value) {
-        searchResult();
-      }
-      selectColumnVisible.value = false;
-    }
-    function removeNode() {
-      const node = selectNode.value;
-      const data = selectNode.value.data;
-      const parentUuid = data.parentUuid;
-      const parentNode = selectNode.value.parent;
-      const children = groupHeaders.value.filter((item) => item.parentUuid === data.uuid);
-      if (children && children.length > 0) {
-        ElMessage({
-          showClose: true,
-          type: "warning",
-          message: "请先删除子节点"
-        });
-        return;
-      }
-      ElMessageBox.confirm("确认删除节点[" + data.titleText + "]吗?", "提示", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning"
-      }).then(() => {
-        const index = groupHeaders.value.findIndex((item) => item.uuid === data.uuid);
-        if (index !== void 0 && index !== null && index >= 0) {
-          groupHeaders.value.splice(index, 1);
-          watchChangeGroupHeader();
-        }
-        if (parentNode) {
-          const children2 = groupHeaders.value.filter((item) => item.uuid === parentUuid);
-          if (children2 && children2.length > 0) {
-            parentNode.data.isLeaf = false;
-          } else {
-            parentNode.data.isLeaf = true;
-          }
-          parentNode.loaded = false;
-          parentNode.expand();
+    const e3 = J.filter((e4) => e4.uuid === B.value.columnUuid);
+    return !!(e3 && e3.length > 0);
+  }
+  function ie(e3, l2) {
+    q.value = false, A.value = l2;
+  }
+  function oe(e3, l2) {
+    q.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);
+      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);
+          e5 && e5.length > 0 ? u2.data.isLeaf = false : u2.data.isLeaf = true, u2.loaded = false, u2.expand();
         }
-        ElMessage({
-          showClose: true,
-          type: "success",
-          message: "删除成功"
-        });
-        if (data.columnUuid) {
-          const columns = listColumns.filter((col) => col.uuid === data.columnUuid);
-          if (columns && columns.length > 0) {
-            const column = columns[0];
-            addColumnToGroupHeaders(column, null, groupHeaders.value);
-            watchChangeGroupHeader();
-            const rootNode = getRootNode(node);
-            rootNode.loaded = false;
-            rootNode.expand();
+        if (k({ showClose: true, type: "success", message: "删除成功" }), l2.columnUuid) {
+          const a3 = J.filter((e5) => e5.uuid === l2.columnUuid);
+          if (a3 && a3.length > 0) {
+            const l3 = a3[0];
+            V(l3, null, W.value), ne();
+            const u3 = function(e5) {
+              return fe(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);
+  });
+  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;
     }
-    function getRootNode(node) {
-      return getParentNode(node);
-    }
-    function getParentNode(node) {
-      if (node.parent) {
-        return getParentNode(node.parent);
-      } else {
-        return node;
-      }
-    }
-    function moveToRootNode() {
-      const nodeData = selectNode.value.data;
-      const data = getGroupDataByUuid(nodeData.uuid);
-      if (data) {
-        data.parentUuid = null;
-        selectNode.value.parentUuid = null;
-      }
-      treeData.value = getTopGroupHeaderList(groupHeaders.value);
-      watchChangeGroupHeader();
-    }
-    function getGroupDataByUuid(uuid) {
-      const nodeData = groupHeaders.value.filter((item) => item.uuid === uuid);
-      if (nodeData && nodeData.length > 0) {
-        return nodeData[0];
-      }
-    }
-    function childMoveToRootNode() {
-      const childNodes = selectNode.value.childNodes;
-      childNodes.forEach((item) => {
-        const uuid = item.data.uuid;
-        const data = getGroupDataByUuid(uuid);
-        if (data) {
-          data.parentUuid = null;
-          item.parentUuid = null;
-        }
-      });
-      treeData.value = getTopGroupHeaderList(groupHeaders.value);
-      watchChangeGroupHeader();
-    }
-    function searchResult() {
-      menuVisible.value = false;
-      isSearch.value = true;
-      const searchInfo = searchItemName.value;
-      if (searchInfo) {
-        const filterResult = groupHeaders.value.filter((item) => item.titleText.indexOf(searchInfo) >= 0);
-        let result = JSON.parse(JSON.stringify(filterResult));
-        result.forEach((item) => {
-          item.isTheLeaf = isLeafNode(item, groupHeaders.value);
-          getFullPathTitle(item, item, item.titleText);
-        });
-        treeData.value = result;
-      } else {
-        isSearch.value = false;
-        treeData.value = getTopGroupHeaderList(groupHeaders.value);
-      }
-    }
-    function getFullPathTitle(orgItem, item, fullPath) {
-      const parentUuid = item.parentUuid;
-      if (parentUuid) {
-        const parentDataArr = groupHeaders.value.filter((item2) => item2.uuid === parentUuid);
-        if (parentDataArr && parentDataArr.length > 0) {
-          const parentData = parentDataArr[0];
-          if (fullPath) {
-            fullPath = parentData.titleText + "/" + fullPath;
-          } else {
-            fullPath = parentData.titleText;
-          }
-          getFullPathTitle(orgItem, parentData, fullPath);
-        }
-      } else {
-        orgItem.fullPath = fullPath;
-      }
-    }
-    function hadleDragStart(draggingNode, event) {
-      eventBus.$emit("hadleDragging", true);
-      dragNode.value = draggingNode;
-    }
-    function hadleAllowDrop(draggingNode, dropNode, type) {
-      let canDrop = true;
-      if (dropNode.data.columnUuid && type === "inner") {
-        canDrop = false;
-      }
-      return canDrop;
-    }
-    function handleDrop(draggingNode, dropNode, dropType, ev) {
-      let dropData = dropNode.data;
-      let draggingData = draggingNode.data;
-      const currentUuid = draggingData.uuid;
-      let parentUuid;
-      const draggingGroupdata = getGroupDataByUuid(currentUuid);
-      if (dropType === "after") {
-        dragAfterDisplayOrder(dropData, draggingGroupdata);
-        parentUuid = dropData.parentUuid;
-        draggingGroupdata.parentUuid = parentUuid;
-        if (dropNode.parent) {
-          dropNode.parent.loaded = false;
-          dropNode.parent.expand();
-        } else {
-          dragNode.value = null;
-          treeData.value = getTopGroupHeaderList(groupHeaders.value);
-        }
-      } else if (dropType === "before") {
-        dragBeforeDisplayOrder(dropData, draggingGroupdata);
-        parentUuid = dropData.parentUuid;
-        draggingGroupdata.parentUuid = parentUuid;
-        if (dropNode.parent) {
-          dropNode.parent.loaded = false;
-          dropNode.parent.expand();
-        } else {
-          dragNode.value = null;
-          treeData.value = getTopGroupHeaderList(groupHeaders.value);
-        }
-      } else if (dropType === "inner" && !dropData.columnUuid) {
-        dragInnerDisplayOrder(dropData, draggingGroupdata);
-        parentUuid = dropData.uuid;
-        draggingGroupdata.parentUuid = parentUuid;
-        dropNode.loaded = false;
-        dropNode.expand();
-      }
-      if (dragNode.value && !dropData.columnUuid) {
-        const parentNode = dragNode.value.parent;
-        if (parentNode) {
-          parentNode.loaded = false;
-          parentNode.expand();
-        }
-      }
-      if (dropData.columnUuid) {
-        const parentNode = dropNode.parent;
-        if (parentNode) {
-          parentNode.loaded = false;
-          parentNode.expand();
-        }
-      }
-      setTimeout(() => {
-        eventBus.$emit("hadleDragging", false);
-      }, 50);
-    }
-    function dragAfterDisplayOrder(dropData, draggingGroupdata) {
-      const parentUuid = dropData.parentUuid;
-      let displayOrder = dropData.displayOrder;
-      if (displayOrder === void 0 || displayOrder === null) {
-        displayOrder = 0;
-      }
-      let otherHeaders = groupHeaders.value.filter(
-        (item) => item.parentUuid === parentUuid && item.uuid !== dropData.uuid && item.displayOrder > displayOrder
-      );
-      if (otherHeaders && otherHeaders.length > 0) {
-        otherHeaders = otherHeaders.sort((a, b) => a.displayOrder - b.displayOrder);
-        draggingGroupdata.displayOrder = otherHeaders[0].displayOrder + 1;
-        otherHeaders.forEach((item) => {
-          item.displayOrder = item.displayOrder + 1;
-        });
-      } else {
-        draggingGroupdata.displayOrder = displayOrder + 1;
-      }
-      watchChangeGroupHeader();
-    }
-    function dragBeforeDisplayOrder(dropData, draggingGroupdata) {
-      const parentUuid = dropData.parentUuid;
-      let dropOrgDisplayOrder = dropData.displayOrder;
-      if (dropOrgDisplayOrder === void 0 || dropOrgDisplayOrder === null) {
-        dropOrgDisplayOrder = 0;
-      }
-      draggingGroupdata.displayOrder = dropOrgDisplayOrder;
-      dropData.displayOrder = dropOrgDisplayOrder + 1;
-      let otherHeaders = groupHeaders.value.filter(
-        (item) => item.parentUuid === parentUuid && item.uuid !== dropData.uuid && item.displayOrder > dropOrgDisplayOrder
-      );
-      if (otherHeaders && otherHeaders.length > 0) {
-        otherHeaders = otherHeaders.sort((a, b) => a.displayOrder - b.displayOrder);
-        otherHeaders.forEach((item) => {
-          item.displayOrder = item.displayOrder + 1;
-        });
-      }
-      watchChangeGroupHeader();
-    }
-    function dragInnerDisplayOrder(dropData, draggingGroupData) {
-      let parentUuid;
-      if (dropData) {
-        parentUuid = dropData.uuid;
-      }
-      setGroupHeaderDataDisplayOrder(parentUuid, draggingGroupData, groupHeaders.value);
-      watchChangeGroupHeader();
-    }
-    return (_ctx, _cache) => {
-      const _component_el_switch = resolveComponent("el-switch");
-      const _component_el_button = resolveComponent("el-button");
-      const _component_el_input = resolveComponent("el-input");
-      const _component_el_tree = resolveComponent("el-tree");
-      const _component_el_icon = resolveComponent("el-icon");
-      const _component_el_cascader = resolveComponent("el-cascader");
-      const _component_el_form_item = resolveComponent("el-form-item");
-      const _component_el_form = resolveComponent("el-form");
-      const _component_el_dialog = resolveComponent("el-dialog");
-      const _component_el_checkbox = resolveComponent("el-checkbox");
-      const _component_el_col = resolveComponent("el-col");
-      const _component_el_row = resolveComponent("el-row");
-      const _component_el_checkbox_group = resolveComponent("el-checkbox-group");
-      return openBlock(), createElementBlock("div", null, [
-        createElementVNode("div", null, [
-          createTextVNode(" 是否启用"),
-          createVNode(_component_el_switch, {
-            modelValue: __props.configure.props.base.isEnableGroupHeader,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => __props.configure.props.base.isEnableGroupHeader = $event),
-            onChange: initEnableGroupHeader
-          }, null, 8, ["modelValue"]),
-          __props.configure.props.base.isEnableGroupHeader ? (openBlock(), createBlock(_component_el_button, {
-            key: 0,
-            style: { "margin-left": "10px" },
-            type: "primary",
-            onClick: initGroupHeaders
-          }, {
-            default: withCtx(() => [
-              createTextVNode("重置")
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          __props.configure.props.base.isEnableGroupHeader ? (openBlock(), createBlock(_component_el_button, {
-            key: 1,
-            type: "primary",
-            onClick: _cache[1] || (_cache[1] = ($event) => addTopHeader())
-          }, {
-            default: withCtx(() => [
-              createTextVNode("添加顶级菜单")
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ]),
-        __props.configure.props.base.isEnableGroupHeader ? (openBlock(), createElementBlock("div", _hoisted_1, [
-          createElementVNode("div", _hoisted_2, [
-            createVNode(_component_el_input, {
-              modelValue: searchItemName.value,
-              "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => searchItemName.value = $event),
-              placeholder: "Search...",
-              clearable: "",
-              class: "input-with-select",
-              onInput: searchResult
-            }, null, 8, ["modelValue"])
-          ]),
-          createVNode(_component_el_tree, {
-            ref_key: "groupTreeRef",
-            ref: groupTreeRef,
-            style: { "max-width": "600px" },
-            data: treeData.value,
-            draggable: !isSearch.value,
-            props: { isLeaf: "isLeaf", children: "children", label: "titleText" },
-            "node-key": "uuid",
-            onNodeClick: handleNodeClick,
-            onNodeContextmenu: nodeContextmenu,
-            onNodeDrop: handleDrop,
-            onNodeDragStart: hadleDragStart,
-            "allow-drop": hadleAllowDrop
-          }, {
-            default: withCtx(({ data }) => [
-              isSearch.value && data.fullPath ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(data.fullPath), 1)) : (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(data.titleText), 1))
-            ]),
-            _: 1
-          }, 8, ["data", "draggable"]),
-          withDirectives(createElementVNode("div", null, [
-            selectNode.value.data ? (openBlock(), createElementBlock("ul", _hoisted_5, [
-              !selectNode.value.data.columnUuid ? (openBlock(), createElementBlock("li", {
-                key: 0,
-                id: "menu-4994-1-0",
-                class: "menu__item",
-                tabindex: "-1",
-                onClick: _cache[3] || (_cache[3] = () => operationalMenuFun("createCombinedHeader"))
-              }, [
-                createVNode(_component_el_icon, null, {
-                  default: withCtx(() => [
-                    createVNode(unref(Plus))
-                  ]),
-                  _: 1
-                }),
-                createTextVNode(" 创建节点 ")
-              ])) : createCommentVNode("", true),
-              !selectNode.value.data.columnUuid ? (openBlock(), createElementBlock("li", {
-                key: 1,
-                id: "menu-4994-1-1",
-                class: "menu__item",
-                tabindex: "-1",
-                onClick: _cache[4] || (_cache[4] = () => operationalMenuFun("updateCombinedHeader"))
-              }, [
-                createVNode(_component_el_icon, null, {
-                  default: withCtx(() => [
-                    createVNode(unref(EditPen))
-                  ]),
-                  _: 1
-                }),
-                createTextVNode(" 修改节点 ")
-              ])) : createCommentVNode("", true),
-              selectNode.value.data.parentUuid && !mobileOff.value ? (openBlock(), createElementBlock("li", {
-                key: 2,
-                id: "menu-4994-1-3",
-                class: "menu__item context-menuLi",
-                tabindex: "-1",
-                onClick: _cache[5] || (_cache[5] = () => operationalMenuFun("moveToRootNode"))
-              }, [
-                createVNode(_component_el_icon, null, {
-                  default: withCtx(() => [
-                    createVNode(unref(Document))
-                  ]),
-                  _: 1
-                }),
-                createTextVNode(" 移至根节点 ")
-              ])) : createCommentVNode("", true),
-              !selectNode.value.isLeaf && !selectNode.value.isTheLeaf && !selectNode.value.data.columnUuid && !mobileOff.value ? (openBlock(), createElementBlock("li", {
-                key: 3,
-                id: "menu-4994-1-4",
-                class: "menu__item context-menuLi",
-                tabindex: "-1",
-                onClick: _cache[6] || (_cache[6] = () => operationalMenuFun("childMoveToRootNode"))
-              }, [
-                createVNode(_component_el_icon, null, {
-                  default: withCtx(() => [
-                    createVNode(unref(Document))
-                  ]),
-                  _: 1
-                }),
-                createTextVNode(" 子节点移至根节点 ")
-              ])) : createCommentVNode("", true),
-              !mobileOff.value ? (openBlock(), createElementBlock("li", {
-                key: 4,
-                id: "menu-4994-1-5",
-                class: "menu__item context-menuLi",
-                tabindex: "-1",
-                onClick: _cache[7] || (_cache[7] = () => operationalMenuFun("mobileNode"))
-              }, [
-                createVNode(_component_el_icon, null, {
-                  default: withCtx(() => [
-                    createVNode(unref(Delete))
-                  ]),
-                  _: 1
-                }),
-                createTextVNode(" 移动节点 ")
-              ])) : createCommentVNode("", true),
-              mobileOff.value ? (openBlock(), createElementBlock("li", _hoisted_6, [
-                createVNode(_component_el_cascader, {
-                  props: { value: "uuid", label: "titleText", children: "children", checkStrictly: true },
-                  modelValue: cascaderValue.value,
-                  "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => cascaderValue.value = $event),
-                  options: fieldGroup.value,
-                  onVisibleChange: cascaderChange
-                }, null, 8, ["modelValue", "options"])
-              ])) : createCommentVNode("", true),
-              !selectNode.value.data.columnUuid ? (openBlock(), createElementBlock("li", {
-                key: 6,
-                id: "menu-4994-1-7",
-                class: "menu__item",
-                tabindex: "-1",
-                onClick: _cache[9] || (_cache[9] = () => operationalMenuFun("deleteNode"))
-              }, [
-                createVNode(_component_el_icon, null, {
-                  default: withCtx(() => [
-                    createVNode(unref(Delete))
-                  ]),
-                  _: 1
-                }),
-                createTextVNode(" 删除节点 ")
-              ])) : createCommentVNode("", true)
-            ], 512)) : createCommentVNode("", true)
-          ], 512), [
-            [vShow, menuVisible.value]
-          ]),
-          dialogVisible.value ? (openBlock(), createBlock(_component_el_dialog, {
-            key: 0,
-            modelValue: dialogVisible.value,
-            "onUpdate:modelValue": _cache[13] || (_cache[13] = ($event) => dialogVisible.value = $event),
-            title: "组合表头",
-            width: "500"
-          }, {
-            footer: withCtx(() => [
-              createElementVNode("div", _hoisted_7, [
-                createVNode(_component_el_button, {
-                  onClick: _cache[12] || (_cache[12] = ($event) => dialogVisible.value = false)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("取消")
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_button, {
-                  type: "primary",
-                  onClick: saveHeader
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" 确认 ")
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_el_form, {
-                ref_key: "formRef",
-                ref: formRef,
-                model: form.value,
-                "label-width": "auto",
-                style: { "max-width": "600px" }
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_form_item, {
-                    label: "名称",
-                    required: ""
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_input, {
-                        modelValue: form.value.titleText,
-                        "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => form.value.titleText = $event),
-                        disabled: isTitleDisabled()
-                      }, null, 8, ["modelValue", "disabled"])
-                    ]),
-                    _: 1
-                  }),
-                  createVNode(_component_el_form_item, { label: "显示顺序" }, {
-                    default: withCtx(() => [
-                      createVNode(_component_el_input, {
-                        modelValue: form.value.displayOrder,
-                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form.value.displayOrder = $event),
-                        modelModifiers: { number: true }
-                      }, null, 8, ["modelValue"])
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["model"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])) : createCommentVNode("", true),
-          selectColumnVisible.value ? (openBlock(), createBlock(_component_el_dialog, {
-            key: 1,
-            modelValue: selectColumnVisible.value,
-            "onUpdate:modelValue": _cache[16] || (_cache[16] = ($event) => selectColumnVisible.value = $event),
-            title: "请选择字段",
-            width: "500"
-          }, {
-            footer: withCtx(() => [
-              createElementVNode("div", _hoisted_8, [
-                createVNode(_component_el_button, {
-                  onClick: _cache[15] || (_cache[15] = ($event) => selectColumnVisible.value = false)
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode("取消")
-                  ]),
-                  _: 1
-                }),
-                createVNode(_component_el_button, {
-                  type: "primary",
-                  onClick: saveAddListColumn
-                }, {
-                  default: withCtx(() => [
-                    createTextVNode(" 确认 ")
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_el_checkbox_group, {
-                modelValue: checkList.value,
-                "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => checkList.value = $event)
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_el_row, null, {
-                    default: withCtx(() => [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(notChooseListColumns.value, (column) => {
-                        return openBlock(), createBlock(_component_el_col, {
-                          span: 6,
-                          key: column.uuid
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(_component_el_checkbox, {
-                              label: column.props.base.name,
-                              value: column.uuid
-                            }, null, 8, ["label", "value"])
-                          ]),
-                          _: 2
-                        }, 1024);
-                      }), 128))
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            _: 1
-          }, 8, ["modelValue"])) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ]);
-    };
   }
-});
+  function ce() {
+    z.value.forEach((e3) => {
+      const l2 = F.value.filter((l3) => l3.uuid === e3);
+      if (l2 && l2.length > 0) {
+        const e4 = l2[0];
+        V(e4, A.value.data.uuid, W.value), ne();
+      }
+    }), A.value && (A.value.loaded = false, A.value.expand()), K.value && ye(), X.value = false;
+  }
+  function fe(e3) {
+    return e3.parent ? fe(e3.parent) : e3;
+  }
+  function me(e3) {
+    const l2 = W.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;
+    if (e3) {
+      const l2 = W.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);
+  }
+  function ge(e3, l2, a2) {
+    const u2 = l2.parentUuid;
+    if (u2) {
+      const l3 = W.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);
+      }
+    } else
+      e3.fullPath = a2;
+  }
+  function he(e3, l2) {
+    N.$emit("hadleDragging", true), Q.value = e3;
+  }
+  function be(e3, l2, a2) {
+    let u2 = true;
+    return l2.data.columnUuid && "inner" === a2 && (u2 = false), u2;
+  }
+  function xe(e3, l2, a2, u2) {
+    let t2 = l2.data;
+    let n2;
+    const d2 = me(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);
+      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))) : "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);
+      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))) : "inner" !== a2 || t2.columnUuid || (!function(e4, l3) {
+      let a3;
+      e4 && (a3 = e4.uuid);
+      C(a3, l3, W.value), ne();
+    }(t2, d2), n2 = t2.uuid, d2.parentUuid = n2, l2.loaded = false, l2.expand()), Q.value && !t2.columnUuid) {
+      const e4 = Q.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);
+    }, 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 t(), n("div", null, [d("div", null, [i(" 是否启用"), o(_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 ? (t(), r(k2, { key: 0, style: { "margin-left": "10px" }, type: "primary", onClick: ae }, { default: p(() => [i("重置")]), _: 1 })) : s("", true), e2.configure.props.base.isEnableGroupHeader ? (t(), r(k2, { key: 1, type: "primary", onClick: a2[1] || (a2[1] = (e3) => (B.value = {}, void (M.value = true))) }, { default: p(() => [i("添加顶级菜单")]), _: 1 })) : s("", true)]), e2.configure.props.base.isEnableGroupHeader ? (t(), n("div", w, [d("div", E, [o(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"])]), o(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: p(({ data: e3 }) => [K.value && e3.fullPath ? (t(), n("span", L, v(e3.fullPath), 1)) : (t(), n("span", G, v(e3.titleText), 1))]), _: 1 }, 8, ["data", "draggable"]), c(d("div", null, [A.value.data ? (t(), n("ul", $, [A.value.data.columnUuid ? s("", true) : (t(), n("li", { key: 0, id: "menu-4994-1-0", class: "menu__item", tabindex: "-1", onClick: a2[3] || (a2[3] = () => re("createCombinedHeader")) }, [o(C2, null, { default: p(() => [o(f(h))]), _: 1 }), i(" 创建节点 ")])), A.value.data.columnUuid ? s("", true) : (t(), n("li", { key: 1, id: "menu-4994-1-1", class: "menu__item", tabindex: "-1", onClick: a2[4] || (a2[4] = () => re("updateCombinedHeader")) }, [o(C2, null, { default: p(() => [o(f(b))]), _: 1 }), i(" 修改节点 ")])), A.value.data.parentUuid && !pe.value ? (t(), n("li", { key: 2, id: "menu-4994-1-3", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[5] || (a2[5] = () => re("moveToRootNode")) }, [o(C2, null, { default: p(() => [o(f(x))]), _: 1 }), i(" 移至根节点 ")])) : s("", true), A.value.isLeaf || A.value.isTheLeaf || A.value.data.columnUuid || pe.value ? s("", true) : (t(), n("li", { key: 3, id: "menu-4994-1-4", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[6] || (a2[6] = () => re("childMoveToRootNode")) }, [o(C2, null, { default: p(() => [o(f(x))]), _: 1 }), i(" 子节点移至根节点 ")])), pe.value ? s("", true) : (t(), n("li", { key: 4, id: "menu-4994-1-5", class: "menu__item context-menuLi", tabindex: "-1", onClick: a2[7] || (a2[7] = () => re("mobileNode")) }, [o(C2, null, { default: p(() => [o(f(U))]), _: 1 }), i(" 移动节点 ")])), pe.value ? (t(), n("li", R, [o(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"])])) : s("", true), A.value.data.columnUuid ? s("", true) : (t(), n("li", { key: 6, id: "menu-4994-1-7", class: "menu__item", tabindex: "-1", onClick: a2[9] || (a2[9] = () => re("deleteNode")) }, [o(C2, null, { default: p(() => [o(f(U))]), _: 1 }), i(" 删除节点 ")]))], 512)) : s("", true)], 512), [[m, q.value]]), M.value ? (t(), r(j3, { key: 0, modelValue: M.value, "onUpdate:modelValue": a2[13] || (a2[13] = (e3) => M.value = e3), title: "组合表头", width: "500" }, { footer: p(() => [d("div", S, [o(k2, { onClick: a2[12] || (a2[12] = (e3) => M.value = false) }, { default: p(() => [i("取消")]), _: 1 }), o(k2, { type: "primary", onClick: te }, { default: p(() => [i(" 确认 ")]), _: 1 })])]), default: p(() => [o(N2, { ref_key: "formRef", ref: P, model: B.value, "label-width": "auto", style: { "max-width": "600px" } }, { default: p(() => [o(H2, { label: "名称", required: "" }, { default: p(() => [o(O2, { modelValue: B.value.titleText, "onUpdate:modelValue": a2[10] || (a2[10] = (e3) => B.value.titleText = e3), disabled: de() }, null, 8, ["modelValue", "disabled"])]), _: 1 }), o(H2, { label: "显示顺序" }, { default: p(() => [o(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"])) : s("", true), X.value ? (t(), r(j3, { key: 1, modelValue: X.value, "onUpdate:modelValue": a2[16] || (a2[16] = (e3) => X.value = e3), title: "请选择字段", width: "500" }, { footer: p(() => [d("div", D, [o(k2, { onClick: a2[15] || (a2[15] = (e3) => X.value = false) }, { default: p(() => [i("取消")]), _: 1 }), o(k2, { type: "primary", onClick: ce }, { default: p(() => [i(" 确认 ")]), _: 1 })])]), default: p(() => [o(ue2, { modelValue: z.value, "onUpdate:modelValue": a2[14] || (a2[14] = (e3) => z.value = e3) }, { default: p(() => [o(W2, null, { default: p(() => [(t(true), n(y, null, g(F.value, (e3) => (t(), r(Q2, { span: 6, key: e3.uuid }, { default: p(() => [o(J2, { label: e3.props.base.name, value: e3.uuid }, null, 8, ["label", "value"])]), _: 2 }, 1024))), 128))]), _: 1 })]), _: 1 }, 8, ["modelValue"])]), _: 1 }, 8, ["modelValue"])) : s("", true)])) : s("", true)]);
+  };
+} });
 export {
-  _sfc_main as default
+  j as default
 };