super-page-runtime 2.3.48-cdnTmp2 → 2.3.48-tmp1

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

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

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

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