super-page-runtime 1.0.17 → 1.3.13

package/dist/es/components/runtime/views/assemblys/data/table/main-table-runtime.vue.js

@@ -0,0 +1,378 @@
+import { defineComponent as e, ref as t, onMounted as n, watch as o, onUnmounted as i, resolveComponent as a, createElementBlock as l, openBlock as r, unref as u, createVNode as s } from "vue";
+import { setTableEvents as c, canExecuteButton as p, doAfterClickEvent as d, doBeforeClickEvent as f, gridSelectRecord as g, gridSelectAllRecords as m, gridSelectionChange as v, cellClick as h, cellDblClick as b, rowClick as S, rowDblClick as w, headerClick as C, getEventNameByType as y, getEventFuncByType as x, getHandleEvent as D } from "../../../../utils/events/event-util.js";
+import { getBaseUrl as E, getListCode as T, getRealRestApiPath as O, isWorkflowPage as R, isVariableInvalidValue as k } from "../../../../utils/common-util.js";
+import { getAdditionalParamMap as I, getSaveFormRequestWithRow as V, standardEvents as j } from "../../../../utils/events/standard-event.js";
+import { isPromise as N } from "agilebuilder-ui/src/utils/common-util";
+import { getOperationButtons as B, popupToPage as P } from "../../../../utils/table-utils.js";
+import F from "../../../../utils/eventBus.js";
+import { getDefaultValue as H } from "../../../../utils/page-init-util.js";
+import { getSizeConfig as U, caculateShowCondition as L, decomposeVariable as M } from "../../../../utils/page-helper-util.js";
+import { getComponentRefByCode as $ } from "../../../../utils/global-refs.js";
+import { getRowStyleUtil as _, getCellStyleUtil as A, getHeaderCellStyleUtil as G } from "../../chart/table/chart-table-util.js";
+const z = ["id"], W = e({ __name: "main-table-runtime", props: { pageContext: {}, configure: {} }, emits: ["setSafeDeleteTableCode"], setup(e2, { expose: W2, emit: q }) {
+  const Q = e2, Y = Q.pageContext;
+  let J = Q.configure;
+  const K = t({});
+  Y.isTest ? K.value = Q.configure.runtime ? Q.configure.runtime : {} : Y.tableRuntimes && Y.tableRuntimes[J.uuid] && (J = JSON.parse(Y.tableRuntimes[J.uuid].configure), K.value = J.runtime ? J.runtime : {});
+  const X = K.value.style, Z = K.value.class, ee = Y.systemCode, te = Y.backendUrl, ne = J.props && J.props.dataOrigin && J.props.dataOrigin.tableName;
+  let oe = E(Y.backendUrl, Y.isTest);
+  oe || (oe = window.$vueApp.config.globalProperties.baseURL);
+  const ie = t({}), ae = [], le = t({});
+  le.value = function() {
+    const e3 = Y.systemCode, t2 = Y.code;
+    let n2 = J.props && J.props.dataOrigin && "[]" !== J.props.dataOrigin.sqlFilterCondition ? J.props.dataOrigin.sqlFilterCondition : null;
+    null == n2 && (n2 = []);
+    const o2 = { isSql: true, optionTableHeight: 0, rowKeyProp: J.props.dataOrigin.principalLinkage, extraParam: { beanName: Y.beanName, functionCode: t2 + ".listData", tableName: ne, systemCode: e3, pageCode: Y.code, pageVersion: Y.version }, initSearchForm: n2, lineEditOptions: { aftersaveIsCreateRow: false, autoSave: false, enter: we, esc: Ee }, indexContinuous: !(!J.props || !J.props.otherSettings) && J.props.otherSettings.serialNumberContinuous, initSearch: !J.props || false !== J.props.dataOrigin.initializationQuery, resizeHeight: je, pageCode: Y.code, pageVersion: Y.version, additionalParamMap: I(Y), showOverflowTooltip: !(!J.props || !J.props.otherSettings || void 0 !== J.props.otherSettings.isBreakLine && false !== J.props.otherSettings.isBreakLine), isEnableEnterEvent: J.props && J.props.otherSettings && J.props.otherSettings.isEnableEnterEvent, isWithDataPermission: !!(J.props && J.props.otherSettings && J.props.otherSettings.isWithDataPermission) && J.props.otherSettings.isWithDataPermission, pageDevMode: false, isWorkflowEntity: R(Y), tableClass: Z, tableStyle: X, pageContext: Y, configureObj: J, backendUrl: oe, cellStyleRender: qe, rowStyleRender: We, titleStyleRender: Qe, validateEitConditions: Xe };
+    return function(e4) {
+      var _a;
+      ((_a = J.props.highOrder) == null ? void 0 : _a.mergeFields) && J.props.highOrder.mergeFields.length > 0 && (e4.mergeFields = J.props.highOrder.mergeFields.join(","));
+    }(o2), function(e4) {
+      const t3 = [];
+      e4.operations || (e4.operations = {});
+      B(Y, J, t3, ye), e4.operations.operation = t3;
+    }(o2), function(e4) {
+      J.props && J.props.dataOrigin && J.props.dataOrigin.sortField && (e4.initSortInfo = [], J.props.dataOrigin.sortField.forEach((t3) => {
+        const n3 = { order: "desc" === t3.type ? "desc" : "asc" };
+        n3.prop = t3.name, e4.initSortInfo.push(n3);
+      }));
+    }(o2), function(e4) {
+      const t3 = J.props ? J.props.dataOrigin : {};
+      if (t3.treeTable) {
+        let n3;
+        const o3 = t3.rowKey;
+        if (n3 = o3 && o3.indexOf("~~") > 0 ? o3.substring(o3.indexOf("~~") + 2) : o3, e4.parentProp = n3, t3.checkStrictly && (e4.checkStrictly = t3.checkStrictly), e4.parentProp) {
+          const o4 = t3.lazy, i2 = t3.defaultExpandAll;
+          e4.lazy = null == o4 || o4, e4.defaultExpandAll = null != i2 && i2;
+          const a2 = { parentProp: n3, lazy: e4.lazy, defaultExpandAll: e4.defaultExpandAll };
+          e4.extraParam.listViewTreeSetting = JSON.stringify(a2), e4.subRowUrl = oe + "/dsc/commons/list-subs";
+        }
+      }
+    }(o2), function(e4) {
+      const t3 = J.runtime && J.runtime.events ? J.runtime.events : [];
+      c(e4, t3, Y, J);
+      const n3 = Y.customEvents;
+      n3 && (e4.eventCallBack = n3);
+    }(o2), o2;
+  }();
+  const re = t(), ue = t(), se = function() {
+    let e3 = oe + "/dsc/commons/list";
+    e3 && (e3 = O(e3, ee, te, Y.isTest));
+    return e3;
+  }(), ce = T(Y.code, Y.version, J.uuid), pe = Y.code + "_" + ce, de = t([]), fe = Y.entity.page, ge = t({ data: [] }), me = Y.superGridItems, ve = me ? me[J.uuid] : null, he = t(false), be = q;
+  function Se() {
+    J.props.linkages && J.props.linkages.length > 0 && (J.props.linkages.forEach((e3) => {
+      const t2 = M(e3.fieldName);
+      t2 && t2.length > 1 && ae.push(t2[1]);
+    }), ae.length > 0 && function() {
+      let e3 = [];
+      Q.pageContext.toolsInputComponents && Q.pageContext.toolsInputComponents.length > 0 && Q.pageContext.toolsInputComponents.forEach((t2) => {
+        if (J.props.linkages.some((e4) => e4.fieldName === t2.prop) && t2.defaultValue) {
+          const n2 = M(t2.prop);
+          n2 && n2.length > 1 && e3.push(n2[1]);
+        }
+      });
+      if (0 === e3.length) Je();
+      else {
+        const t2 = Ye();
+        e3 = e3.filter((e4) => k(t2, e4)), 0 === e3.length ? (Ve(t2), Je()) : ae.forEach((t3) => {
+          o(() => Q.pageContext.entity.page[t3], () => {
+            const t4 = Ye();
+            0 === e3.length ? Ve(t4) : (e3 = e3.filter((e4) => k(t4, e4)), 0 === e3.length && Ve(t4));
+          }, { immediate: true });
+        });
+      }
+    }());
+  }
+  function we({ rowIndex: e3, column: t2, row: n2, orgRow: o2 }) {
+    Ce(null, null, n2, t2, e3);
+  }
+  function Ce(e3, t2, n2, o2, i2) {
+    const a2 = ie.value.lineEditSave, l2 = J;
+    a2.props.base.tableUuid = l2.uuid, le.value.lineEditOptions.beforeSave = xe, Y.editData = n2, p({ pageContext: Y, configureObj: a2 }).then((l3) => {
+      true === l3.canExecute && (le.value.lineEditOptions.saveRow = De, ue.value.saveRow(i2, ce).then(() => {
+        d(Y, a2, { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: i2 });
+      }));
+    }).finally(() => {
+      Y.editData = null;
+    });
+  }
+  function ye(e3) {
+    if (!e3) return;
+    let t2;
+    const n2 = y(e3.events, "click");
+    if (n2) {
+      if (ie.value[n2] = e3, "lineEditSave" === n2 ? t2 = Ce : "restoreEdit" === n2 ? t2 = Te : "lineEditUpdate" === n2 ? t2 = Oe : "lineEditDelete" === n2 && (t2 = ke), !t2) {
+        t2 = x(Y, e3.events, "click");
+      }
+    } else ie.value[e3.uuid] = e3, t2 = Be;
+    return { onClick: t2, eventName: n2 };
+  }
+  function xe({ row: e3, columns: t2, additionalParamMap: n2 }) {
+    const o2 = ie.value.lineEditSave, i2 = J;
+    o2.props.base.tableUuid = i2.uuid;
+    return f(Y, o2, { row: e3, columns: t2 });
+  }
+  function De({ row: e3, columns: t2, dataTypeMap: n2, dynamicColumnInfo: o2, additionalParamMap: i2, mainDefaultValueColumns: a2 }) {
+    const l2 = ie.value.lineEditSave, r2 = J;
+    return l2.props.base.tableUuid = r2.uuid, new Promise((t3, n3) => {
+      const i3 = { tableName: r2.props.dataOrigin.tableName };
+      V(Y, l2, "/dsc/commons", false, a2, o2, e3, i3).then((e4) => {
+        t3(e4 ? e4.entity : {});
+      }).catch((e4) => {
+        n3(e4);
+      });
+    });
+  }
+  function Ee({ rowIndex: e3, column: t2, row: n2, orgRow: o2 }) {
+    Te(null, null, n2, t2, e3);
+  }
+  function Te(e3, t2, n2, o2, i2) {
+    const a2 = ie.value.restoreEdit, l2 = J;
+    a2.props.base.tableUuid = l2.uuid;
+    const r2 = f(Y, a2, { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: i2 });
+    if (!r2) return;
+    N(r2) ? r2.then((e4) => {
+      e4 && ue.value.restoreRow(i2, ce);
+    }) : ue.value.restoreRow(i2, ce);
+    d(Y, J, { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: i2 });
+  }
+  function Oe(e3, t2, n2, o2, i2) {
+    const a2 = ie.value.lineEditUpdate, l2 = J;
+    a2.props.base.tableUuid = l2.uuid;
+    const r2 = f(Y, a2, { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: i2 });
+    r2 && (N(r2) ? r2.then((l3) => {
+      l3 && Re(e3, t2, n2, o2, i2, a2);
+    }) : Re(e3, t2, n2, o2, i2, a2));
+  }
+  function Re(e3, t2, n2, o2, i2, a2) {
+    Y.editData = n2, p({ pageContext: Y, configureObj: a2 }).then((a3) => {
+      if (true === a3.canExecute) {
+        ue.value.editRow(i2, ce);
+        d(Y, J, { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: i2 });
+      }
+    }).finally(() => {
+      Y.editData = null;
+    });
+  }
+  function ke(e3, t2, n2, o2, i2) {
+    const a2 = ie.value.lineEditDelete, l2 = J;
+    a2.props.base.tableUuid = l2.uuid;
+    const r2 = f(Y, a2, { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: i2 });
+    r2 && (N(r2) ? r2.then((l3) => {
+      l3 && Ie(e3, t2, n2, o2, i2, a2);
+    }) : Ie(e3, t2, n2, o2, i2, a2));
+  }
+  function Ie(e3, t2, n2, o2, i2, a2) {
+    if (n2.id || n2.ID) Y.editData = n2, p({ pageContext: Y, configureObj: a2 }).then((e4) => {
+      if (true === e4.canExecute) {
+        const e5 = [];
+        n2.id ? e5.push(n2.id) : e5.push(n2.ID), j.delete({ pageContext: Y, configureObj: a2, ids: e5 });
+      }
+    }).finally(() => {
+      Y.editData = null;
+    });
+    else {
+      Te(e3, t2, n2, o2, i2);
+      d(Y, J, { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: i2 });
+    }
+  }
+  function Ve(e3) {
+    if (!Y.dataTypeMaps) return;
+    const t2 = Y.dataTypeMaps;
+    let n2 = [];
+    if (e3) for (var o2 in e3) {
+      const a2 = e3[o2];
+      if (null != a2 && "" !== a2) if (a2 instanceof Array) {
+        if (a2.length > 0) {
+          const e4 = [];
+          for (var i2 = 0; i2 < a2.length; i2++) {
+            const n3 = {};
+            n3.leftBracket = 0 === i2 ? "((" : "(", n3.propName = o2, n3.propDbName = o2, n3.dataType = t2[o2] ? t2[o2] : "TEXT", n3.operator = "EQ", n3.propValue = a2[i2], i2 === a2.length - 1 ? (n3.rightBracket = "))", n3.joinSign = "and") : (n3.rightBracket = ")", n3.joinSign = "or"), e4.push(n3);
+          }
+          n2 = n2.concat(e4);
+        }
+      } else {
+        const e4 = { leftBracket: "(" };
+        e4.propName = o2, e4.propDbName = o2, e4.dataType = t2[o2] ? t2[o2] : "TEXT", e4.operator = "EQ", e4.propValue = a2, Ze(e4, o2), e4.rightBracket = ")", e4.joinSign = "and", n2.push(e4);
+      }
+    }
+    ue.value.toolbarRefresh(null, null, n2);
+  }
+  function je(e3) {
+    const t2 = Ne();
+    if (t2) {
+      let n2 = 0;
+      return e3.searchHeight && (n2 = e3.searchHeight), t2 - 20 - n2;
+    }
+  }
+  function Ne() {
+    if (!ue.value) return;
+    Q.configure.name, Q.configure;
+    const e3 = U(Q.pageContext, Q.configure);
+    if (e3) {
+      if (e3.isCalcHeight) {
+        let e4 = ue.value.$el;
+        if (e4 || (e4 = ue.value), !e4) return;
+        const t2 = e4.getBoundingClientRect();
+        return window.innerHeight - t2.y - 90;
+      }
+      if (e3.fixHeight && ue.value && (ue.value.tableHeight = e3.fixHeight), e3.maxHeight) return e3.maxHeight;
+    }
+  }
+  function Be(e3, t2, n2, o2, i2, a2) {
+    const l2 = { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: i2, button: a2, id: n2.ID ? n2.ID : n2.id }, r2 = ie.value[a2.sourceButton.uuid], u2 = J;
+    r2.props.base.tableUuid = u2.uuid, D(null, Y, r2, "click", l2);
+  }
+  function Pe(e3) {
+    "close_open_win" === e3.data && ue.value && ue.value.refresh();
+  }
+  function Fe(e3, t2) {
+    de.value = e3;
+    g(Y, J, { selection: e3, row: t2 });
+  }
+  function He(e3) {
+    de.value = e3;
+    m(Y, J, { selection: e3 });
+  }
+  function Ue(e3) {
+    v(Y, J, { newSelection: e3 });
+  }
+  function Le(e3, t2, n2, o2) {
+    h(Y, J, { row: e3, column: t2, cell: n2, event: o2 });
+  }
+  function Me(e3, t2, n2, o2) {
+    b(Y, J, { row: e3, column: t2, cell: n2, event: o2 });
+  }
+  function $e(e3, t2, n2) {
+    S(Y, J, { row: e3, column: t2, event: n2 });
+  }
+  function _e(e3, t2, n2) {
+    w(Y, J, { row: e3, column: t2, event: n2 });
+  }
+  function Ae(e3, t2) {
+    C(Y, J, { column: e3, event: t2 });
+  }
+  function Ge() {
+    de.value = [];
+  }
+  function ze(e3) {
+    he.value = true;
+  }
+  function We(e3) {
+    return _(e3, [], Q);
+  }
+  function qe(e3) {
+    return A(e3, e3.cellStyle, Q);
+  }
+  function Qe(e3) {
+    const t2 = e3.titleStyle, n2 = Q.configure.style.titleStyle;
+    return G(e3, { cellTitleStyle: t2, titleStyle: n2 }, Q);
+  }
+  function Ye() {
+    const e3 = {};
+    return ae.forEach((t2) => {
+      e3[t2] = Q.pageContext.entity.page[t2];
+    }), e3;
+  }
+  function Je() {
+    ae.forEach((e3) => {
+      o(() => Q.pageContext.entity.page[e3], () => {
+        Ve(Ye());
+      });
+    });
+  }
+  n(() => {
+    const e3 = Ke();
+    ue.value && e3 && e3.distanceToBottom && (ue.value.tableHeight = e3.distanceToBottom - 110), Q.pageContext.pageRuntimeStyle && Q.pageContext.pageRuntimeStyle.height, window.addEventListener("message", Pe), F.$on(pe + "-close-component-page-dialog", function({ jumpInfo: e4, popEntity: t2, popPageCode: n2 }) {
+      ue.value.closePageDialog({ entity: t2, pageCode: n2, jumpInfo: e4 });
+    }), F.$on(pe + "_close-dialog-get-entity", () => {
+      F.$emit(pe + "_close-super-dialog");
+    }), F.$on(ce + "-pickFileDone", (e4) => {
+      ue.value.pickFileDone(e4);
+    }), F.$on(ce + "-scanDone", (e4) => {
+      ue.value.scanDone(e4);
+    }), le.value.formSetMaxHeight = Ne(), le.value && le.value.configureObj.props.base && le.value.configureObj.props.base.isSafeDelete && be("setSafeDeleteTableCode", le.value.extraParam.tableName);
+  }), o(() => Q.pageContext.searchFormData, (e3) => {
+    ge.value.data = e3;
+  }), o(() => Q.pageContext.entity.data, (e3) => {
+    Ve(Q.pageContext.entity.data);
+  }), i(() => {
+    window.removeEventListener("message", Pe), F.$off(pe + "-close-component-page-dialog"), F.$off(pe + "_close-dialog-get-entity"), F.$off(ce + "-pickFileDone"), F.$off(ce + "-scanDone");
+  });
+  const Ke = () => {
+    if (!re.value) return null;
+    let e3 = re.value.closest(".app-container");
+    if (!e3) return null;
+    const t2 = re.value.getBoundingClientRect(), n2 = e3.getBoundingClientRect(), o2 = window.scrollY;
+    return { distanceToTop: t2.top + o2 - n2.top, distanceToBottom: n2.bottom - t2.top };
+  };
+  function Xe({ row: e3, editConditions: t2 }) {
+    let n2 = true;
+    return t2 && t2.length > 0 && (n2 = L(Q.pageContext, t2, e3)), n2;
+  }
+  function Ze(e3, t2) {
+    const n2 = $(Q.pageContext, t2);
+    if (n2) {
+      const t3 = n2.getConfigure();
+      if ("datePicker" === t3.name) {
+        const n3 = t3.runtime.props.dateType;
+        e3.dateFormatType = "year" === n3 ? "YEAR" : "month" === n3 ? "MONTH" : "DAY";
+      }
+    }
+  }
+  return W2({ refresh: function(e3, t2, n2, o2) {
+    return ue.value.refresh(e3, t2, n2, o2);
+  }, createRow: function() {
+    return ue.value.createRow(ce, {}, { getDefaultValueFunc: H });
+  }, clearSelections: Ge, getSelections: function() {
+    return de.value;
+  }, getSelectionIds: function() {
+    const e3 = [];
+    return null !== de.value && de.value.forEach((t2) => {
+      e3.push(t2.id ? t2.id : t2.ID ? t2.ID : null);
+    }), e3;
+  }, getTableConfigure: function() {
+    return J;
+  }, isDeleteChange: function(e3) {
+    ue.value.isDeleteChange(e3);
+  }, validatorSunTableListData: function() {
+    return ue.value.validatorSunTableListData();
+  }, showMobileSearch: function() {
+    he.value && ue.value.showMobileSearch();
+  }, getTableSelectOptions: function() {
+    if (ue.value) return ue.value.getTableSelectOptions(ce);
+  }, dynamicControlTableEdit: function(e3, t2, n2) {
+    ue.value && ue.value.dynamicControlTableEdit(e3, t2, n2);
+  }, doLayout: function(e3) {
+    ue.value && ue.value.doLayout(e3);
+  }, changeOperationAddState: function(e3) {
+  }, scrollTo: function(e3, t2) {
+    ue.value && ue.value.scrollTo(e3, t2);
+  }, setScrollTop: function(e3) {
+    ue.value && ue.value.setScrollTop(e3);
+  }, setScrollLeft: function(e3) {
+    ue.value && ue.value.setScrollLeft(e3);
+  }, getSuperGridRef: function() {
+    return ue.value;
+  }, getSuperGridTableRef: function() {
+    return ue.value.getSuperGridTableRef();
+  }, setCurrentRowIndex: function(e3) {
+    var _a;
+    (_a = ue.value) == null ? void 0 : _a.setCurrentRowIndex(e3);
+  }, setScrollTopByRowIndex: function(e3) {
+    var _a;
+    (_a = ue.value) == null ? void 0 : _a.setScrollTopByRowIndex(e3);
+  }, getTableData: function() {
+    var _a;
+    return (_a = ue.value) == null ? void 0 : _a.getTableData();
+  }, handleSearch: function(e3, t2) {
+    var _a;
+    return (_a = ue.value) == null ? void 0 : _a.handleSearch(e3, t2);
+  } }), (e3, t2) => {
+    const n2 = a("super-grid");
+    return r(), l("div", { ref_key: "tableDivRef", ref: re, id: u(ce) + "_tableDiv" }, [s(n2, { ref_key: "gridRef", ref: ue, url: u(se), options: le.value, code: u(ce), settings: u(ve), "search-form-info": ge.value, "list-toolbar-form-data": u(fe), onSelect: Fe, onSelectAll: He, onSelectionChange: Ue, onCellClick: Le, onCellDblclick: Me, onRowClick: $e, onRowDblclick: _e, onHeaderClick: Ae, onRefresh: Ge, onNewOpenGridDialog: u(P), onCanShowMobileSearch: ze, onGridOnmounted: Se }, null, 8, ["url", "options", "code", "settings", "search-form-info", "list-toolbar-form-data", "onNewOpenGridDialog"])], 8, z);
+  };
+} });
+export {
+  W as default
+};

package/dist/es/components/runtime/views/assemblys/data/table/main-table-runtime.vue2.js

@@ -0,0 +1,4 @@
+import e from "./main-table-runtime.vue.js";
+export {
+  e as default
+};