super-page-designer 1.2.4 → 2.0.3

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

@@ -1,805 +0,0 @@
-"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;