super-page-designer 0.0.2-tmp9 → 1.0.2

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

@@ -0,0 +1,805 @@
+"use strict";
+const vue = require("vue");
+const iconsVue = require("@element-plus/icons-vue");
+const commonUtil = require("../../../../utils/common-util.js");
+const elementPlus = require("element-plus");
+const dataTableUtil = require("../../../../utils/data-table-util.js");
+const eventBus = require("../../../../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: 6,
+  id: "menu-4994-1-6",
+  tabindex: "-1"
+};
+const _hoisted_7 = { class: "dialog-footer" };
+const _hoisted_8 = { class: "dialog-footer" };
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  __name: "composite-header",
+  props: {
+    configure: {
+      type: Object,
+      default: () => ({ props: {} })
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const dialogVisible = vue.ref(false);
+    const form = vue.ref({});
+    const formRef = vue.ref(null);
+    const menuVisible = vue.ref(false);
+    const searchItemName = vue.ref(null);
+    const listColumns = props.configure.items;
+    const notChooseListColumns = vue.ref([]);
+    const selectColumnVisible = vue.ref(false);
+    const treeData = vue.ref([]);
+    const selectResolv = vue.ref(null);
+    const checkList = vue.ref([]);
+    const selectNode = vue.ref({});
+    const isSearch = vue.ref(false);
+    const dragNode = vue.ref(null);
+    const groupHeaders = vue.ref(props.configure.props.groupHeaders);
+    const groupTreeRef = vue.ref(null);
+    vue.onMounted(() => {
+      treeData.value = dataTableUtil.getTopGroupHeaderList(groupHeaders.value);
+      filterNotChooseListColumns();
+    });
+    function initEnableGroupHeader() {
+      if (props.configure.props.base.isEnableGroupHeader && (!props.configure.props.groupHeaders || props.configure.props.groupHeaders.length === 0)) {
+        initGroupHeaders();
+      }
+    }
+    const fieldGroup = vue.ref([]);
+    eventBus.$on("setFieldGroup", (value) => {
+      if (value.length > 0) {
+        fieldGroup.value = value;
+        console.log("%c描述-164737", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", fieldGroup.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: commonUtil.getUuidv4(),
+            columnUuid: column.uuid,
+            titleText: column.props.base.name,
+            isLeaf: true,
+            displayOrder: index++
+          };
+          props.configure.props.groupHeaders.push(columnHeader);
+        }
+      });
+      groupHeaders.value = props.configure.props.groupHeaders;
+      watchChangeGroupHeader();
+      treeData.value = dataTableUtil.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) {
+              dataTableUtil.setGroupHeaderDataDisplayOrder(form.value.parentUuid, groupHeaderData, groupHeaders.value);
+            }
+            dialogVisible.value = false;
+          } else {
+            form.value.uuid = commonUtil.getUuidv4();
+            if (form.value.displayOrder === void 0 || form.value.displayOrder === null) {
+              dataTableUtil.setGroupHeaderDataDisplayOrder(form.value.parentUuid, form.value, groupHeaders.value);
+            }
+            groupHeaders.value.push(form.value);
+            dialogVisible.value = false;
+          }
+          watchChangeGroupHeader();
+          if (!form.value.parentUuid) {
+            treeData.value = dataTableUtil.getTopGroupHeaderList(groupHeaders.value);
+          } else {
+            if (selectNode.value) {
+              selectNode.value.loaded = false;
+              selectNode.value.expand();
+            }
+          }
+          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;
+      }
+      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 = vue.ref(false);
+    const cascaderValue = vue.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 = dataTableUtil.getTopGroupHeaderList(groupHeaders.value);
+        watchChangeGroupHeader();
+        mobileOff.value = false;
+      }
+    }
+    function loadFun(node, resolve) {
+      menuVisible.value = false;
+      if (!node.data || node.data.columnUuid) {
+        resolve([]);
+      } else {
+        selectResolv.value = resolve;
+        const parentUuid = node.data.uuid;
+        if (parentUuid) {
+          const childrenList = dataTableUtil.getChildrenList(parentUuid, groupHeaders.value);
+          resolve(childrenList);
+        } else {
+          const topHeaders = dataTableUtil.getTopGroupHeaderList(groupHeaders.value);
+          resolve(topHeaders);
+        }
+      }
+    }
+    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];
+          dataTableUtil.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) {
+        elementPlus.ElMessage({
+          showClose: true,
+          type: "warning",
+          message: "请先删除子节点"
+        });
+        return;
+      }
+      elementPlus.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();
+        }
+        elementPlus.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];
+            dataTableUtil.addColumnToGroupHeaders(column, null, groupHeaders.value);
+            watchChangeGroupHeader();
+            const rootNode = getRootNode(node);
+            rootNode.loaded = false;
+            rootNode.expand();
+          }
+        }
+      });
+    }
+    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 = dataTableUtil.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 = dataTableUtil.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 = dataTableUtil.isLeafNode(item, groupHeaders.value);
+          getFullPathTitle(item, item, item.titleText);
+        });
+        treeData.value = result;
+      } else {
+        isSearch.value = false;
+        treeData.value = dataTableUtil.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 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 = dataTableUtil.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 = dataTableUtil.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);
+      console.log("%c描述-155324", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", dropData);
+    }
+    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;
+      }
+      dataTableUtil.setGroupHeaderDataDisplayOrder(parentUuid, draggingGroupData, groupHeaders.value);
+      watchChangeGroupHeader();
+    }
+    return (_ctx, _cache) => {
+      const _component_el_switch = vue.resolveComponent("el-switch");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_input = vue.resolveComponent("el-input");
+      const _component_el_tree = vue.resolveComponent("el-tree");
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_cascader = vue.resolveComponent("el-cascader");
+      const _component_el_form_item = vue.resolveComponent("el-form-item");
+      const _component_el_form = vue.resolveComponent("el-form");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      const _component_el_checkbox = vue.resolveComponent("el-checkbox");
+      const _component_el_col = vue.resolveComponent("el-col");
+      const _component_el_row = vue.resolveComponent("el-row");
+      const _component_el_checkbox_group = vue.resolveComponent("el-checkbox-group");
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("div", null, [
+          vue.createTextVNode(" 是否启用"),
+          vue.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 ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+            key: 0,
+            style: { "margin-left": "10px" },
+            type: "primary",
+            onClick: initGroupHeaders
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode("重置")
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          __props.configure.props.base.isEnableGroupHeader ? (vue.openBlock(), vue.createBlock(_component_el_button, {
+            key: 1,
+            type: "primary",
+            onClick: _cache[1] || (_cache[1] = ($event) => addTopHeader())
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode("添加顶级菜单")
+            ]),
+            _: 1
+          })) : vue.createCommentVNode("", true)
+        ]),
+        __props.configure.props.base.isEnableGroupHeader ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.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"])
+          ]),
+          vue.createVNode(_component_el_tree, {
+            ref_key: "groupTreeRef",
+            ref: groupTreeRef,
+            style: { "max-width": "600px" },
+            data: treeData.value,
+            draggable: !isSearch.value,
+            load: loadFun,
+            props: { isLeaf: "isLeaf" },
+            "node-key": "uuid",
+            lazy: "",
+            onNodeClick: handleNodeClick,
+            onNodeContextmenu: nodeContextmenu,
+            onNodeDrop: handleDrop,
+            onNodeDragStart: hadleDragStart
+          }, {
+            default: vue.withCtx(({ data }) => [
+              isSearch.value && data.fullPath ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3, vue.toDisplayString(data.fullPath), 1)) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, vue.toDisplayString(data.titleText), 1))
+            ]),
+            _: 1
+          }, 8, ["data", "draggable"]),
+          vue.withDirectives(vue.createElementVNode("div", null, [
+            selectNode.value.data ? (vue.openBlock(), vue.createElementBlock("ul", _hoisted_5, [
+              !selectNode.value.data.columnUuid ? (vue.openBlock(), vue.createElementBlock("li", {
+                key: 0,
+                id: "menu-4994-1-0",
+                class: "menu__item",
+                tabindex: "-1",
+                onClick: _cache[3] || (_cache[3] = () => operationalMenuFun("createCombinedHeader"))
+              }, [
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Plus))
+                  ]),
+                  _: 1
+                }),
+                vue.createTextVNode(" 创建节点 ")
+              ])) : vue.createCommentVNode("", true),
+              !selectNode.value.data.columnUuid ? (vue.openBlock(), vue.createElementBlock("li", {
+                key: 1,
+                id: "menu-4994-1-1",
+                class: "menu__item",
+                tabindex: "-1",
+                onClick: _cache[4] || (_cache[4] = () => operationalMenuFun("updateCombinedHeader"))
+              }, [
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.EditPen))
+                  ]),
+                  _: 1
+                }),
+                vue.createTextVNode(" 修改节点 ")
+              ])) : vue.createCommentVNode("", true),
+              !selectNode.value.data.columnUuid ? (vue.openBlock(), vue.createElementBlock("li", {
+                key: 2,
+                id: "menu-4994-1-2",
+                class: "menu__item",
+                tabindex: "-1",
+                onClick: _cache[5] || (_cache[5] = () => operationalMenuFun("addListColumn"))
+              }, [
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.FolderAdd))
+                  ]),
+                  _: 1
+                }),
+                vue.createTextVNode(" 添加字段 ")
+              ])) : vue.createCommentVNode("", true),
+              selectNode.value.data.parentUuid && !mobileOff.value ? (vue.openBlock(), vue.createElementBlock("li", {
+                key: 3,
+                id: "menu-4994-1-3",
+                class: "menu__item context-menuLi",
+                tabindex: "-1",
+                onClick: _cache[6] || (_cache[6] = () => operationalMenuFun("moveToRootNode"))
+              }, [
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Document))
+                  ]),
+                  _: 1
+                }),
+                vue.createTextVNode(" 移至根节点 ")
+              ])) : vue.createCommentVNode("", true),
+              !selectNode.value.isLeaf && !selectNode.value.isTheLeaf && !selectNode.value.data.columnUuid && !mobileOff.value ? (vue.openBlock(), vue.createElementBlock("li", {
+                key: 4,
+                id: "menu-4994-1-4",
+                class: "menu__item context-menuLi",
+                tabindex: "-1",
+                onClick: _cache[7] || (_cache[7] = () => operationalMenuFun("childMoveToRootNode"))
+              }, [
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Document))
+                  ]),
+                  _: 1
+                }),
+                vue.createTextVNode(" 子节点移至根节点 ")
+              ])) : vue.createCommentVNode("", true),
+              !mobileOff.value ? (vue.openBlock(), vue.createElementBlock("li", {
+                key: 5,
+                id: "menu-4994-1-5",
+                class: "menu__item context-menuLi",
+                tabindex: "-1",
+                onClick: _cache[8] || (_cache[8] = () => operationalMenuFun("mobileNode"))
+              }, [
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Delete))
+                  ]),
+                  _: 1
+                }),
+                vue.createTextVNode(" 移动节点 ")
+              ])) : vue.createCommentVNode("", true),
+              mobileOff.value ? (vue.openBlock(), vue.createElementBlock("li", _hoisted_6, [
+                vue.createVNode(_component_el_cascader, {
+                  props: { value: "uuid", label: "titleText", children: "children", checkStrictly: true },
+                  modelValue: cascaderValue.value,
+                  "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => cascaderValue.value = $event),
+                  options: fieldGroup.value,
+                  onVisibleChange: cascaderChange
+                }, null, 8, ["modelValue", "options"])
+              ])) : vue.createCommentVNode("", true),
+              !selectNode.value.data.columnUuid ? (vue.openBlock(), vue.createElementBlock("li", {
+                key: 7,
+                id: "menu-4994-1-7",
+                class: "menu__item",
+                tabindex: "-1",
+                onClick: _cache[10] || (_cache[10] = () => operationalMenuFun("deleteNode"))
+              }, [
+                vue.createVNode(_component_el_icon, null, {
+                  default: vue.withCtx(() => [
+                    vue.createVNode(vue.unref(iconsVue.Delete))
+                  ]),
+                  _: 1
+                }),
+                vue.createTextVNode(" 删除节点 ")
+              ])) : vue.createCommentVNode("", true)
+            ], 512)) : vue.createCommentVNode("", true)
+          ], 512), [
+            [vue.vShow, menuVisible.value]
+          ]),
+          dialogVisible.value ? (vue.openBlock(), vue.createBlock(_component_el_dialog, {
+            key: 0,
+            modelValue: dialogVisible.value,
+            "onUpdate:modelValue": _cache[14] || (_cache[14] = ($event) => dialogVisible.value = $event),
+            title: "组合表头",
+            width: "500"
+          }, {
+            footer: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_7, [
+                vue.createVNode(_component_el_button, {
+                  onClick: _cache[13] || (_cache[13] = ($event) => dialogVisible.value = false)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("取消")
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: saveHeader
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 确认 ")
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_form, {
+                ref_key: "formRef",
+                ref: formRef,
+                model: form.value,
+                "label-width": "auto",
+                style: { "max-width": "600px" }
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_form_item, {
+                    label: "名称",
+                    required: ""
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: form.value.titleText,
+                        "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => form.value.titleText = $event),
+                        disabled: isTitleDisabled()
+                      }, null, 8, ["modelValue", "disabled"])
+                    ]),
+                    _: 1
+                  }),
+                  vue.createVNode(_component_el_form_item, { label: "显示顺序" }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(_component_el_input, {
+                        modelValue: form.value.displayOrder,
+                        "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => form.value.displayOrder = $event),
+                        modelModifiers: { number: true }
+                      }, null, 8, ["modelValue"])
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["model"])
+            ]),
+            _: 1
+          }, 8, ["modelValue"])) : vue.createCommentVNode("", true),
+          selectColumnVisible.value ? (vue.openBlock(), vue.createBlock(_component_el_dialog, {
+            key: 1,
+            modelValue: selectColumnVisible.value,
+            "onUpdate:modelValue": _cache[17] || (_cache[17] = ($event) => selectColumnVisible.value = $event),
+            title: "请选择字段",
+            width: "500"
+          }, {
+            footer: vue.withCtx(() => [
+              vue.createElementVNode("div", _hoisted_8, [
+                vue.createVNode(_component_el_button, {
+                  onClick: _cache[16] || (_cache[16] = ($event) => selectColumnVisible.value = false)
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode("取消")
+                  ]),
+                  _: 1
+                }),
+                vue.createVNode(_component_el_button, {
+                  type: "primary",
+                  onClick: saveAddListColumn
+                }, {
+                  default: vue.withCtx(() => [
+                    vue.createTextVNode(" 确认 ")
+                  ]),
+                  _: 1
+                })
+              ])
+            ]),
+            default: vue.withCtx(() => [
+              vue.createVNode(_component_el_checkbox_group, {
+                modelValue: checkList.value,
+                "onUpdate:modelValue": _cache[15] || (_cache[15] = ($event) => checkList.value = $event)
+              }, {
+                default: vue.withCtx(() => [
+                  vue.createVNode(_component_el_row, null, {
+                    default: vue.withCtx(() => [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(notChooseListColumns.value, (column) => {
+                        return vue.openBlock(), vue.createBlock(_component_el_col, {
+                          span: 6,
+                          key: column.uuid
+                        }, {
+                          default: vue.withCtx(() => [
+                            vue.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"])) : vue.createCommentVNode("", true)
+        ])) : vue.createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+module.exports = _sfc_main;