super-page-designer 2.1.90 → 2.1.98

package/dist/es/components/design/views/assemblys/chart/statistical-table/statisticalTable-design.vue2.js

@@ -1,363 +1,133 @@
-import { defineComponent, ref, onMounted, onUnmounted, watch, resolveComponent, openBlock, createElementBlock, createVNode, normalizeClass, normalizeStyle, withCtx, Fragment, renderList, createBlock, createElementVNode, withDirectives, unref, createTextVNode, createCommentVNode, vShow } from "vue";
-import eventBus from "../../../../utils/eventBus.js";
-import { useDraggable } from "vue-draggable-plus";
-import { caculateComponentProps } from "../../../../utils/form-design-util.js";
-import { getTableColumnConf } from "../../../../utils/assemblys-config.js";
-import { Plus, Delete } from "@element-plus/icons-vue";
-import { ElMessageBox } from "element-plus";
-import { getColumnsWithGroupHeader, addColumnToGroupHeaders } from "../../../../utils/data-table-util.js";
+import { defineComponent as e, ref as o, onMounted as n, onUnmounted as i, watch as l, resolveComponent as t, openBlock as r, createElementBlock as s, createVNode as a, normalizeClass as u, normalizeStyle as c, withCtx as d, Fragment as p, renderList as m, createBlock as g, createElementVNode as f, withDirectives as b, unref as v, createTextVNode as y, createCommentVNode as h, vShow as C } from "vue";
+import x from "../../../../utils/eventBus.js";
+import { useDraggable as j } from "vue-draggable-plus";
+import { caculateComponentProps as D } from "../../../../utils/form-design-util.js";
+import { getTableColumnConf as H } from "../../../../utils/assemblys-config.js";
+import { Plus as O, Delete as S } from "@element-plus/icons-vue";
+import { ElMessageBox as k } from "element-plus";
+import { getColumnsWithGroupHeader as E, addColumnToGroupHeaders as w } from "../../../../utils/data-table-util.js";
 import "uuid";
 import "@element-plus/icons";
 import "agilebuilder-ui/src/utils/auth";
 import "super-page-runtime";
 import "../../../../../../stores/page-store.js";
 import "@vueuse/core";
-import _sfc_main$1 from "../../data/component/table-children-column.vue.js";
-import { queryTableFields, changeFeieldToMap } from "../../../../utils/page-table-util.js";
-import { removComponentDataConfig, initComponentDataConfig } from "../../../../utils/chart-design-util.js";
-import { statisticsTable } from "../../../../../../stores/statistics-table-store.js";
-const _hoisted_1 = {
-  id: "tableDesignMenu",
-  ref: "headerMenu",
-  class: "context-menu"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "statisticalTable-design",
-  props: {
-    pageDesign: {},
-    configure: {},
-    selectWidget: {},
-    indexObj: {}
-  },
-  emits: ["selectColumn", "onSelectWidget"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const tableData = ref([{}]);
-    const designStyle = ref({});
-    const designClass = ref("");
-    ref({});
-    const designProperty = ref({});
-    const menuVisible = ref(false);
-    props.configure.props.groupHeaders;
-    const listColumns = ref([]);
-    const tableRef = ref();
-    const hiddenColumsName = ref([]);
-    const statisticsTableStore = statisticsTable();
-    function getRestsParameter() {
-      let defineProps = props.configure.props;
-      if (!defineProps["base"]) {
-        return;
-      }
-      const tempProps = {};
-      if (defineProps["base"]["layout"]) {
-        tempProps["layout"] = defineProps["base"]["layout"].join(",");
-      }
-      if (defineProps["base"]["headerAlign"]) {
-        tempProps["headerAlign"] = defineProps["base"]["headerAlign"];
-      }
-      if (defineProps["base"]["align"]) {
-        tempProps["align"] = defineProps["base"]["align"];
-      }
-      if (tempProps != {}) {
-        for (const tempPropsKey in tempProps) {
-          designProperty.value[tempPropsKey] = tempProps[tempPropsKey];
-        }
-      }
-    }
-    if (props.configure) {
-      queryMyTableFields();
-    }
-    onMounted(() => {
-      listColumns.value = getColumnsWithGroupHeader(props.configure);
-    });
-    onUnmounted(() => {
-      removComponentDataConfig(props.configure);
-    });
-    eventBus.$on("setHiddenColumsName", (data) => {
-      if (!data.value) {
-        hiddenColumsName.value.push(data.name);
-      } else {
-        hiddenColumsName.value = hiddenColumsName.value.filter((item) => item != data.name);
-      }
+import M from "../../data/component/table-children-column.vue.js";
+import { queryTableFields as W, changeFeieldToMap as _ } from "../../../../utils/page-table-util.js";
+import { removComponentDataConfig as B, initComponentDataConfig as N } from "../../../../utils/chart-design-util.js";
+import { statisticsTable as T } from "../../../../../../stores/statistics-table-store.js";
+const $ = { id: "tableDesignMenu", ref: "headerMenu", class: "context-menu" }, L = e({ __name: "statisticalTable-design", props: { pageDesign: {}, configure: {}, selectWidget: {}, indexObj: {} }, emits: ["selectColumn", "onSelectWidget"], setup(e2, { emit: L2 }) {
+  const F = e2, G = L2, A = o([{}]), V = o({}), I = o("");
+  o({});
+  const P = o({}), R = o(false);
+  F.configure.props.groupHeaders;
+  const q = o([]), K = o(), X = o([]), Y = T();
+  function z(e3, o2) {
+    G("onSelectWidget", e3, o2);
+  }
+  F.configure && function() {
+    const e3 = F.configure.tableSysCode ? F.configure.tableSysCode : F.pageDesign.systemCode, o2 = F.configure.tableSysVersion ? F.configure.tableSysVersion : F.pageDesign.version, n2 = F.configure.props.dataOrigin.tableName;
+    W(e3, o2, n2).then((e4) => {
+      F.configure.modelFieldsMap = _(F.configure.modelFieldsMap, e4), F.configure.modelFields = e4;
     });
-    watch(
-      props.configure.style,
-      () => {
-        props.configure.runtime.style = props.configure.style;
-      },
-      { immediate: true }
-    );
-    function updateDataConfig() {
-      const dataConfig = initComponentDataConfig(props.configure, null);
-      props.configure.runtime.dataConfig = dataConfig;
-    }
-    watch(
-      props.configure.props,
-      () => {
-        caculateComponentProps(props.configure, designProperty);
-        getRestsParameter();
-        props.configure.runtime.props = designProperty.value;
-        Object.assign(props.configure.runtime.props, props.configure.props.base);
-        updateDataConfig();
-      },
-      { immediate: true }
-    );
-    watch(
-      props.configure.items,
-      (newVal) => {
-        statisticsTableStore.addFieldList(newVal);
-        props.configure.runtime.items = props.configure.items;
-      },
-      { immediate: true }
-    );
-    watch(
-      () => props.configure.props.isChangeGroupHeader,
-      () => {
-        if (props.configure.props.isChangeGroupHeader) {
-          listColumns.value = getColumnsWithGroupHeader(props.configure);
-          if (tableRef.value) {
-            tableRef.value.doLayout();
-          }
-        }
-      }
-    );
-    eventBus.$on("reloadTable-" + props.configure.uuid, (columns) => {
-      if (columns) {
-        props.configure.items = columns;
-        listColumns.value = getColumnsWithGroupHeader(props.configure);
-      }
-      if (tableRef.value) {
-        tableRef.value.doLayout();
-      }
+  }(), n(() => {
+    q.value = E(F.configure);
+  }), i(() => {
+    B(F.configure);
+  }), x.$on("setHiddenColumsName", (e3) => {
+    e3.value ? X.value = X.value.filter((o2) => o2 != e3.name) : X.value.push(e3.name);
+  }), l(F.configure.style, () => {
+    F.configure.runtime.style = F.configure.style;
+  }, { immediate: true }), l(F.configure.props, () => {
+    D(F.configure, P), function() {
+      let e3 = F.configure.props;
+      if (!e3.base)
+        return;
+      const o2 = {};
+      if (e3.base.layout && (o2.layout = e3.base.layout.join(",")), e3.base.headerAlign && (o2.headerAlign = e3.base.headerAlign), e3.base.align && (o2.align = e3.base.align), o2 != {})
+        for (const e4 in o2)
+          P.value[e4] = o2[e4];
+    }(), F.configure.runtime.props = P.value, Object.assign(F.configure.runtime.props, F.configure.props.base), function() {
+      const e3 = N(F.configure, null);
+      F.configure.runtime.dataConfig = e3;
+    }();
+  }, { immediate: true }), l(F.configure.items, (e3) => {
+    Y.addFieldList(e3), F.configure.runtime.items = F.configure.items;
+  }, { immediate: true }), l(() => F.configure.props.isChangeGroupHeader, () => {
+    F.configure.props.isChangeGroupHeader && (q.value = E(F.configure), K.value && K.value.doLayout());
+  }), x.$on("reloadTable-" + F.configure.uuid, (e3) => {
+    e3 && (F.configure.items = e3, q.value = E(F.configure)), K.value && K.value.doLayout();
+  }), l(() => q.value, (e3) => {
+    e3.forEach((e4) => {
+      e4.props && e4.props.base && !e4.props.base.visible && X.value.push(e4.props.base.name);
     });
-    watch(
-      () => listColumns.value,
-      (newVal) => {
-        newVal.forEach((item) => {
-          if (item.props && item.props.base && !item.props.base.visible) {
-            hiddenColumsName.value.push(item.props.base.name);
-          }
-        });
-      },
-      { deep: true }
-    );
-    function onSelectWidget(selIndex, objConfigure) {
-      emit("onSelectWidget", selIndex, objConfigure);
-    }
-    function queryMyTableFields() {
-      const systemCode = props.configure.tableSysCode ? props.configure.tableSysCode : props.pageDesign.systemCode;
-      const systemVersion = props.configure.tableSysVersion ? props.configure.tableSysVersion : props.pageDesign.version;
-      const tableName = props.configure.props.dataOrigin.tableName;
-      queryTableFields(systemCode, systemVersion, tableName).then((tableFields) => {
-        props.configure.modelFieldsMap = changeFeieldToMap(props.configure.modelFieldsMap, tableFields);
-        props.configure.modelFields = tableFields;
-      });
-    }
-    const headerLabel = ref("");
-    function rowClick() {
-      headerLabel.value = "";
-      columnData.value = {};
-      closeMenuVisible();
-      let obj = {
-        columnData: {}
-      };
-      eventBus.$emit("selectColumn", obj);
-    }
-    function headerContextmenu(column, event) {
-      var evt = event || window.event;
-      evt.preventDefault();
-      getColumnData(column);
-      menuVisible.value = true;
-      const menu = document.querySelector("#tableDesignMenu");
-      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 closeMenuVisible() {
-      menuVisible.value = false;
-    }
-    function getColumnData(columnInfo) {
-      props.configure.items.forEach((Ttime, index) => {
-        if (Ttime.props.base.name == columnInfo.label) {
-          columnData.value = Ttime;
-          columnDataIndex.value = index;
-        }
-      });
-    }
-    function operationalMenuFun(type) {
-      var _a;
-      closeMenuVisible();
-      if (type === "createCombinedHeader") {
-        const fieldInfo = {
-          alias: "字段名称",
-          displayOrder: columnData.value.props.base.displayOrder + 1
-        };
-        let newObj = getTableColumnConf(fieldInfo);
-        props.configure.items.splice(columnDataIndex.value + 1, 0, newObj);
-        (_a = props.configure.items) == null ? void 0 : _a.forEach((item, index) => {
-          if (!item.props.base.displayOrder || item.props.base.displayOrder != index) {
-            item.props.base.displayOrder = index;
-          }
-        });
-        if (props.configure.props.base.isEnableGroupHeader) {
-          addColumnToGroupHeaders(
-            props.configure.items[columnDataIndex.value + 1],
-            null,
-            props.configure.props.groupHeaders
-          );
-          listColumns.value = getColumnsWithGroupHeader(props.configure);
-          eventBus.$emit("synchroGroupHeadersData");
-        }
-      } else if (type === "deleteNode") {
-        ElMessageBox.confirm("当前操作会删除当前列", "确认", {
-          confirmButtonText: "确定",
-          cancelButtonText: "取消",
-          type: "warning"
-        }).then(() => {
-          console.log(
-            "%c描述-173127",
-            "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px",
-            props.configure.props
-          );
-          console.log("%c描述-173140", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", columnData.value);
-          props.configure.items.splice(columnDataIndex.value, 1);
-        }).catch(() => {
-        });
-      }
-    }
-    const columnData = ref({});
-    const columnDataIndex = ref(null);
-    function setColumnData(item) {
-      columnData.value = item;
-    }
-    function headerDragend(newWidth, oldWidth, column, event) {
-      let data = getColumnsConfigure(listColumns.value, column.columnKey);
-      data.props.base.columnWidth = newWidth;
-    }
-    function getColumnsConfigure(columnData2, uuid) {
-      let dataObj = {};
-      columnData2.forEach((item) => {
-        if (item.uuid && item.uuid === uuid) {
-          console.log("%c描述-193228", "color:#2E3435;background:#F8BB07;padding:3px;border-radius:2px", item);
-          return dataObj = item;
-        }
-        if (item.children && item.children.length > 0) {
-          dataObj = getColumnsConfigure(item.children, uuid);
-        }
+  }, { deep: true });
+  const J = o("");
+  function Q() {
+    J.value = "", oe.value = {}, Z();
+    x.$emit("selectColumn", { columnData: {} });
+  }
+  function U(e3, o2) {
+    var n2;
+    (o2 || window.event).preventDefault(), n2 = e3, F.configure.items.forEach((e4, o3) => {
+      e4.props.base.name == n2.label && (oe.value = e4, ne.value = o3);
+    }), R.value = true;
+    const i2 = document.querySelector("#tableDesignMenu"), l2 = document.documentElement.scrollTop || document.body.scrollTop;
+    i2.style.display = "block", i2.style.left = o2.clientX + 30 + "px", i2.style.top = o2.clientY + l2 - 22 + "px";
+  }
+  function Z() {
+    R.value = false;
+  }
+  function ee(e3) {
+    var _a;
+    if (Z(), "createCombinedHeader" === e3) {
+      const e4 = { alias: "字段名称", displayOrder: oe.value.props.base.displayOrder + 1 };
+      let o2 = H(e4);
+      F.configure.items.splice(ne.value + 1, 0, o2), (_a = F.configure.items) == null ? void 0 : _a.forEach((e5, o3) => {
+        e5.props.base.displayOrder && e5.props.base.displayOrder == o3 || (e5.props.base.displayOrder = o3);
+      }), F.configure.props.base.isEnableGroupHeader && (w(F.configure.items[ne.value + 1], null, F.configure.props.groupHeaders), q.value = E(F.configure), x.$emit("synchroGroupHeadersData"));
+    } else
+      "deleteNode" === e3 && k.confirm("当前操作会删除当前列", "确认", { confirmButtonText: "确定", cancelButtonText: "取消", type: "warning" }).then(() => {
+        F.configure.items.splice(ne.value, 1);
+      }).catch(() => {
       });
-      return dataObj;
-    }
-    function addClass({ row, column, rowIndex, columnIndex }) {
-      let className = "";
-      if (hiddenColumsName.value.includes(column.label)) {
-        className = "hiddenBorder";
-      }
-      if (column.label === headerLabel.value) {
-        className = "addBorder";
-      }
-      return className;
-    }
-    function setHeaderLabel(labelValue) {
-      headerLabel.value = labelValue;
-    }
-    function cellMouseEnter(row, column) {
-      var selrange = document.getElementsByClassName(column.id);
-      for (var i = 0; i < selrange.length; i++) {
-        selrange[i].style.backgroundColor = "rgba(88, 147, 239,.1)";
-      }
-    }
-    function cellMouseLeave(row, column) {
-      var selrange = document.getElementsByClassName(column.id);
-      for (var i = 0; i < selrange.length; i++) {
-        selrange[i].style.backgroundColor = "";
-      }
-    }
-    useDraggable(".el-table__header-wrapper tr", props.configure.items, {
-      animation: 150,
-      ghostClass: "ghost",
-      onStart(event) {
-        console.log(event);
-      }
-    });
-    return (_ctx, _cache) => {
-      const _component_el_table = resolveComponent("el-table");
-      const _component_el_icon = resolveComponent("el-icon");
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_el_table, {
-          ref_key: "tableRef",
-          ref: tableRef,
-          "cell-class-name": addClass,
-          "header-cell-class-name": addClass,
-          border: "",
-          class: normalizeClass(designClass.value),
-          data: tableData.value,
-          onHeaderDragend: headerDragend,
-          onHeaderContextmenu: headerContextmenu,
-          onRowClick: rowClick,
-          onCellMouseEnter: cellMouseEnter,
-          onCellMouseLeave: cellMouseLeave,
-          style: normalizeStyle(designStyle.value)
-        }, {
-          default: withCtx(() => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(listColumns.value, (item) => {
-              return openBlock(), createBlock(_sfc_main$1, {
-                key: item,
-                listColumns: item,
-                designProperty: designProperty.value,
-                configure: _ctx.configure,
-                pageDesign: _ctx.pageDesign,
-                indexObj: _ctx.indexObj,
-                onSetHeaderLabel: setHeaderLabel,
-                onOnSelectWidget: onSelectWidget,
-                onSetColumnData: setColumnData,
-                onCloseMenuVisible: closeMenuVisible,
-                selectWidget: _ctx.selectWidget
-              }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["class", "data", "style"]),
-        createElementVNode("div", {
-          onClick: rowClick,
-          style: { "width": "100%", "height": "30px" }
-        }),
-        withDirectives(createElementVNode("div", null, [
-          createElementVNode("ul", _hoisted_1, [
-            createElementVNode("li", {
-              tabindex: "-1",
-              onClick: _cache[0] || (_cache[0] = () => operationalMenuFun("createCombinedHeader"))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(unref(Plus))
-                ]),
-                _: 1
-              }),
-              createTextVNode(" 创建 ")
-            ]),
-            columnData.value.props && columnData.value.props.base && columnData.value.props.base.prop !== "$selection" && columnData.value.props.base.prop !== "$index" ? (openBlock(), createElementBlock("li", {
-              key: 0,
-              tabindex: "-1",
-              onClick: _cache[1] || (_cache[1] = () => operationalMenuFun("deleteNode"))
-            }, [
-              createVNode(_component_el_icon, null, {
-                default: withCtx(() => [
-                  createVNode(unref(Delete))
-                ]),
-                _: 1
-              }),
-              createTextVNode(" 删除 ")
-            ])) : createCommentVNode("", true)
-          ], 512)
-        ], 512), [
-          [vShow, menuVisible.value]
-        ])
-      ]);
-    };
   }
-});
+  const oe = o({}), ne = o(null);
+  function ie(e3) {
+    oe.value = e3;
+  }
+  function le(e3, o2, n2, i2) {
+    te(q.value, n2.columnKey).props.base.columnWidth = e3;
+  }
+  function te(e3, o2) {
+    let n2 = {};
+    return e3.forEach((e4) => {
+      if (e4.uuid && e4.uuid === o2)
+        return n2 = e4;
+      e4.children && e4.children.length > 0 && (n2 = te(e4.children, o2));
+    }), n2;
+  }
+  function re({ row: e3, column: o2, rowIndex: n2, columnIndex: i2 }) {
+    let l2 = "";
+    return X.value.includes(o2.label) && (l2 = "hiddenBorder"), o2.label === J.value && (l2 = "addBorder"), l2;
+  }
+  function se(e3) {
+    J.value = e3;
+  }
+  function ae(e3, o2) {
+    for (var n2 = document.getElementsByClassName(o2.id), i2 = 0; i2 < n2.length; i2++)
+      n2[i2].style.backgroundColor = "rgba(88, 147, 239,.1)";
+  }
+  function ue(e3, o2) {
+    for (var n2 = document.getElementsByClassName(o2.id), i2 = 0; i2 < n2.length; i2++)
+      n2[i2].style.backgroundColor = "";
+  }
+  return j(".el-table__header-wrapper tr", F.configure.items, { animation: 150, ghostClass: "ghost", onStart(e3) {
+  } }), (e3, o2) => {
+    const n2 = t("el-table"), i2 = t("el-icon");
+    return r(), s("div", null, [a(n2, { ref_key: "tableRef", ref: K, "cell-class-name": re, "header-cell-class-name": re, border: "", class: u(I.value), data: A.value, onHeaderDragend: le, onHeaderContextmenu: U, onRowClick: Q, onCellMouseEnter: ae, onCellMouseLeave: ue, style: c(V.value) }, { default: d(() => [(r(true), s(p, null, m(q.value, (o3) => (r(), g(M, { key: o3, listColumns: o3, designProperty: P.value, configure: e3.configure, pageDesign: e3.pageDesign, indexObj: e3.indexObj, onSetHeaderLabel: se, onOnSelectWidget: z, onSetColumnData: ie, onCloseMenuVisible: Z, selectWidget: e3.selectWidget }, null, 8, ["listColumns", "designProperty", "configure", "pageDesign", "indexObj", "selectWidget"]))), 128))]), _: 1 }, 8, ["class", "data", "style"]), f("div", { onClick: Q, style: { width: "100%", height: "30px" } }), b(f("div", null, [f("ul", $, [f("li", { tabindex: "-1", onClick: o2[0] || (o2[0] = () => ee("createCombinedHeader")) }, [a(i2, null, { default: d(() => [a(v(O))]), _: 1 }), y(" 创建 ")]), oe.value.props && oe.value.props.base && "$selection" !== oe.value.props.base.prop && "$index" !== oe.value.props.base.prop ? (r(), s("li", { key: 0, tabindex: "-1", onClick: o2[1] || (o2[1] = () => ee("deleteNode")) }, [a(i2, null, { default: d(() => [a(v(S))]), _: 1 }), y(" 删除 ")])) : h("", true)], 512)], 512), [[C, R.value]])]);
+  };
+} });
 export {
-  _sfc_main as default
+  L as default
 };