super-page-runtime 2.2.92 → 2.3.0-sit1

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

@@ -1,50 +1,50 @@
 import { defineComponent as e, ref as t, onMounted as n, onUnmounted as o, resolveComponent as a, createElementBlock as i, openBlock as l, createBlock as u, createCommentVNode as r, unref as s } from "vue";
-import { setTableEvents as c, gridSelectRecord as p, gridSelectAllRecords as d, gridSelectionChange as f, cellClick as b, cellDblClick as v, rowClick as g, rowDblClick as m, headerClick as h, getHandleEvent as S } from "../../../../utils/events/event-util.js";
-import { caculateShowCondition as w, setVariableValue as T, getVariableValue as x, getSizeConfig as D } from "../../../../utils/page-helper-util.js";
-import { getModelFields as C, getDefaultValue as y } from "../../../../utils/page-init-util.js";
+import { setTableEvents as c, gridSelectRecord as p, gridSelectAllRecords as f, gridSelectionChange as d, cellClick as v, cellDblClick as b, rowClick as g, rowDblClick as m, headerClick as h, getHandleEvent as S } from "../../../../utils/events/event-util.js";
+import { caculateShowCondition as w, setVariableValue as T, getVariableValue as x, getSizeConfig as C } from "../../../../utils/page-helper-util.js";
+import { getModelFields as D, getDefaultValue as y } from "../../../../utils/page-init-util.js";
 import P from "../../../../utils/eventBus.js";
-import { popupToPage as I, getOperationButtons as R } from "../../../../utils/table-utils.js";
+import { popupToPage as R, getOperationButtons as I } from "../../../../utils/table-utils.js";
 import { getListCode as O, getBaseUrl as _ } from "../../../../utils/common-util.js";
 import { getAdditionalParamMap as k } from "../../../../utils/events/standard-event.js";
 import { getRowStyleUtil as M, getCellStyleUtil as F, getHeaderCellStyleUtil as $ } from "../../chart/table/chart-table-util.js";
 const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure: {} }, emits: ["setSafeDeleteTableCode"], setup(e2, { expose: j2, emit: A }) {
-  const N = e2, H = N.pageContext;
-  let L = N.configure;
-  const B = N.configure.runtime ? N.configure.runtime : {};
-  H.isTest ? B.value = N.configure.runtime ? N.configure.runtime : {} : H.tableRuntimes && H.tableRuntimes[L.uuid] && (L = JSON.parse(H.tableRuntimes[L.uuid].configure), B.value = L.runtime ? L.runtime : {});
-  const E = O(H.code, H.version, L.uuid), U = H.entity.data, z = L.code ? L.code : E, V = k(H), G = B && B.events ? B.events : [], J = t([]), q = H.superGridItems, K = q ? q[L.uuid] : null, Q = B.style, W = B.class, X = N.pageContext.entity ? N.pageContext.entity : {};
-  let Y = C(N.configure, z), Z = _(H.backendUrl, H.isTest);
+  const L = e2, B = L.pageContext;
+  let N = L.configure;
+  const E = L.configure.runtime ? L.configure.runtime : {};
+  B.isTest ? E.value = L.configure.runtime ? L.configure.runtime : {} : B.tableRuntimes && B.tableRuntimes[N.uuid] && (N = JSON.parse(B.tableRuntimes[N.uuid].configure), E.value = N.runtime ? N.runtime : {});
+  const G = O(B.code, B.version, N.uuid), H = B.entity.data, V = N.code ? N.code : G, U = k(B), z = E && E.events ? E.events : [], J = t([]), q = B.superGridItems, K = q ? q[N.uuid] : null, Q = E.style, W = E.class, X = L.pageContext.entity ? L.pageContext.entity : {};
+  let Y = D(L.configure, V), Z = _(B.backendUrl, B.isTest);
   Z || (Z = window.$vueApp.config.globalProperties.baseURL);
   const ee = t(false);
   let te = t(0);
-  const ne = L.props.dataOrigin.principalLinkage, oe = t({ isSql: true, subTableData: null, rowKeyProp: ne, extraParam: {}, operations: {}, hiddenColumns: [], pageCode: H.code, pageVersion: H.version, pageContext: H, configureObj: L, showPageArea: false, showRowForm: false, showOverflowTooltip: !(!L.props || !L.props.otherSettings || void 0 !== L.props.otherSettings.isBreakLine && false !== L.props.otherSettings.isBreakLine), backendUrl: Z, cellStyleRender: function(e3) {
-    return F(e3, e3.cellStyle, N);
+  const ne = N.props.dataOrigin.principalLinkage, oe = t({ isSql: true, subTableData: null, rowKeyProp: ne, extraParam: {}, operations: {}, hiddenColumns: [], pageCode: B.code, pageVersion: B.version, pageContext: B, configureObj: N, showPageArea: false, showRowForm: false, showOverflowTooltip: !(!N.props || !N.props.otherSettings || void 0 !== N.props.otherSettings.isBreakLine && false !== N.props.otherSettings.isBreakLine), backendUrl: Z, cellStyleRender: function(e3) {
+    return F(e3, e3.cellStyle, L);
   }, rowStyleRender: function(e3) {
-    return M(e3, null, N);
+    return M(e3, null, L);
   }, titleStyleRender: function(e3) {
-    const t2 = e3.titleStyle, n2 = N.configure.style.titleStyle;
-    return $(e3, { cellTitleStyle: t2, titleStyle: n2 }, N);
+    const t2 = e3.titleStyle, n2 = L.configure.style.titleStyle;
+    return $(e3, { cellTitleStyle: t2, titleStyle: n2 }, L);
   } }), ae = A;
-  Q && (oe.value.tableStyle = Q), W && (oe.value.tableClass = W), L.props && L.props.base && true === L.props.base.subPaging ? oe.value.showPageArea = true : oe.value.showPageArea = false, L.props.base.showRowForm && (oe.value.showRowForm = L.props.base.showRowForm);
+  Q && (oe.value.tableStyle = Q), W && (oe.value.tableClass = W), N.props && N.props.base && true === N.props.base.subPaging ? oe.value.showPageArea = true : oe.value.showPageArea = false, N.props.base.showRowForm && (oe.value.showRowForm = N.props.base.showRowForm);
   const ie = t(null);
   function le() {
-    ie.value && (oe.value.subTableData = null, ie.value.reloadSubTableData(E));
+    ie.value && (oe.value.subTableData = null, ie.value.reloadSubTableData(G));
   }
   function ue(e3) {
-    if (void 0 === e3 && (e3 = re()), oe.value.isPageInfo = false, oe.value.isFormSubTable = true, oe.value.canRrefreshSubtableData = e3, oe.value.getFormData = se, oe.value.getGridData = ce, oe.value.extraParam.subTableListViewCode = E, oe.value.extraParam.beanName = H.beanName, oe.value.extraParam.subtableSetting = L.props && L.props.otherSettings ? JSON.stringify(L.props.otherSettings) : null, oe.value.extraParam.additionalParamMap = V, oe.value.extraParam.entityMap = H.entity.data, oe.value.extraParam.contextMap = H.entity.context, oe.value.extraParam.taskMap = H.entity.task, !(L.props && L.props.base && L.props.base.showOperation)) {
+    if (void 0 === e3 && (e3 = re()), oe.value.isPageInfo = false, oe.value.isFormSubTable = true, oe.value.canRrefreshSubtableData = e3, oe.value.getFormData = se, oe.value.getGridData = ce, oe.value.extraParam.subTableListViewCode = G, oe.value.extraParam.beanName = B.beanName, oe.value.extraParam.subtableSetting = N.props && N.props.otherSettings ? JSON.stringify(N.props.otherSettings) : null, oe.value.extraParam.additionalParamMap = U, oe.value.extraParam.entityMap = B.entity.data, oe.value.extraParam.contextMap = B.entity.context, oe.value.extraParam.taskMap = B.entity.task, !(N.props && N.props.base && N.props.base.showOperation)) {
       let e4 = oe.value.hiddenColumns;
       e4 ? e4.push("operation") : e4 = ["operation"], oe.value.hiddenColumns = e4;
     }
-    oe.value.showOperationButton = !(!L.props || !L.props.base) && L.props.base.showOperation, oe.value.isPdfEditor = false, oe.value.tableRecordMaxNum = L.props && L.props.otherSettings ? L.props.otherSettings.tableRecordMaxNum : null;
-    let t2 = D(H, L);
-    t2 && t2.fixHeight && (oe.value.formSetHeight = t2.fixHeight), t2 && t2.maxHeight && (oe.value.formSetMaxHeight = t2.maxHeight);
+    oe.value.showOperationButton = !(!N.props || !N.props.base) && N.props.base.showOperation, oe.value.isPdfEditor = false, oe.value.tableRecordMaxNum = N.props && N.props.otherSettings ? N.props.otherSettings.tableRecordMaxNum : null;
+    let t2 = C(B, N);
+    t2 && t2.fixHeight && (oe.value.formSetHeight = t2.fixHeight), t2 && t2.maxHeight && (oe.value.formSetMaxHeight = t2.maxHeight), oe.value.validateEitConditions = Ge;
   }
   function re() {
-    if (L.props && L.props.otherSettings) {
-      if (L.props.otherSettings.sourceQueryTableData && L.props.otherSettings.timeToInitializeSubTable && L.props.otherSettings.timeToInitializeSubTable.length > 0) {
+    if (N.props && N.props.otherSettings) {
+      if (N.props.otherSettings.sourceQueryTableData && N.props.otherSettings.timeToInitializeSubTable && N.props.otherSettings.timeToInitializeSubTable.length > 0) {
         let e3 = false;
-        if (-1 !== L.props.otherSettings.timeToInitializeSubTable.indexOf("create") && (e3 = !U.id && !U.ID), -1 !== L.props.otherSettings.timeToInitializeSubTable.indexOf("noData")) {
-          const t2 = U[z];
+        if (-1 !== N.props.otherSettings.timeToInitializeSubTable.indexOf("create") && (e3 = !H.id && !H.ID), -1 !== N.props.otherSettings.timeToInitializeSubTable.indexOf("noData")) {
+          const t2 = H[V];
           (!t2 || t2.length <= 0) && (e3 = true);
         }
         return e3;
@@ -53,22 +53,22 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
     }
   }
   function se() {
-    return H.entity.data;
+    return B.entity.data;
   }
   function ce() {
     return x(X, Y);
   }
-  let pe, de;
-  function fe(e3) {
-    ue(e3), oe.value.subTableData = null, be(), ee.value = false, pe = setTimeout(() => {
-      ee.value = true, te.value = te.value + 1, ve();
+  let pe, fe;
+  function de(e3) {
+    ue(e3), oe.value.subTableData = null, ve(), ee.value = false, pe = setTimeout(() => {
+      ee.value = true, te.value = te.value + 1, be();
     }, 10);
   }
-  function be() {
+  function ve() {
     !function() {
-      const e4 = H.fieldPermissionMap, t2 = H.actionPermissionMap;
+      const e4 = B.fieldPermissionMap, t2 = B.actionPermissionMap;
       if (e4 && null != e4) {
-        let t3 = e4.get(z);
+        let t3 = e4.get(V);
         if (!t3) {
           const n3 = e4.get("all_fields");
           n3 && (t3 = [n3]);
@@ -76,32 +76,32 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
         oe.value.validateRules = t3 || null;
       }
       if (t2 && null != t2) {
-        let e5 = t2.get(z);
+        let e5 = t2.get(V);
         e5 || (e5 = t2.get("all_sub_tables")), oe.value.actionPermission = e5;
       }
       oe.value.operations || (oe.value.operations = {});
       const n2 = function() {
-        let e5 = [], t3 = w(N.pageContext, L.props.base.showOperationCondition);
+        let e5 = [], t3 = w(L.pageContext, N.props.base.showOperationCondition);
         if (t3 && Se()) {
-          const t4 = { props: { elementType: "el-button", icon: "Plus", type: "primary", circle: true, size: "mini", permission: "true" }, onClick: De, isShow: we };
+          const t4 = { props: { elementType: "el-button", icon: "Plus", type: "primary", circle: true, size: "mini", permission: "true" }, onClick: Ce, isShow: we };
           e5.push(t4);
         }
         if (t3 && Te(null, null, null, null, null, true)) {
-          const t4 = { props: { elementType: "el-button", icon: "Minus", type: "danger", circle: true, size: "mini", permission: "true" }, onClick: Ce, isShow: xe };
+          const t4 = { props: { elementType: "el-button", icon: "Minus", type: "danger", circle: true, size: "mini", permission: "true" }, onClick: De, isShow: xe };
           e5.push(t4);
         }
-        return R(H, L, e5, me), e5;
+        return I(B, N, e5, me), e5;
       }();
       oe.value.operations.operation = n2, oe.value.subTableCanAdd = Se();
-    }(), c(oe.value, G, H, L);
-    const e3 = H.customEvents;
-    e3 && (oe.value.eventCallBack = e3), ee.value = true, ve();
+    }(), c(oe.value, z, B, N);
+    const e3 = B.customEvents;
+    e3 && (oe.value.eventCallBack = e3), ee.value = true, be();
   }
-  function ve() {
-    H.tableUuids || (H.tableUuids = []), H.tableUuids.indexOf(L.uuid) < 0 && H.tableUuids.push(L.uuid);
+  function be() {
+    B.tableUuids || (B.tableUuids = []), B.tableUuids.indexOf(N.uuid) < 0 && B.tableUuids.push(N.uuid);
   }
   n(() => {
-    const e3 = L.uuid, t2 = H.subTableWatchProps;
+    const e3 = N.uuid, t2 = B.subTableWatchProps;
     P.$on("_refreshSubTable_" + e3, (n2) => {
       const o2 = n2.propName;
       if (t2 && t2[e3] && t2[e3].length > 0) {
@@ -111,19 +111,19 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
       le();
     }), P.$on("_refreshChildData_" + e3, (e4) => {
       !function(e5) {
-        Be(e5), de = setTimeout(() => {
-          ie.value && (ie.value.refreshChildData(E, e5, L.props && L.props.base && true === L.props.base.subPaging), oe.value.extraParam.entityMap = H.entity.data);
+        Ee(e5), fe = setTimeout(() => {
+          ie.value && (ie.value.refreshChildData(G, e5, N.props && N.props.base && true === N.props.base.subPaging), oe.value.extraParam.entityMap = B.entity.data);
         }, 10);
       }(e4);
-    }), P.$on(E + "-pickFileDone", (e4) => {
+    }), P.$on(G + "-pickFileDone", (e4) => {
       ie.value.pickFileDone(e4);
-    }), P.$on(E + "-scanDone", (e4) => {
+    }), P.$on(G + "-scanDone", (e4) => {
       ie.value.scanDone(e4);
     }), oe.value && oe.value.configureObj.props.base && oe.value.configureObj.props.base.isSafeDelete && ae("setSafeDeleteTableCode", oe.value.extraParam.tableName);
   }), o(() => {
-    pe && clearTimeout(pe), de && clearTimeout(de);
-    const e3 = L.uuid;
-    P.$off("_refreshSubTable_" + e3), P.$off("_refreshSubTableHandle_" + e3), P.$off("_refreshChildData_" + e3), P.$off(E + "-pickFileDone"), P.$off(E + "-scanDone");
+    pe && clearTimeout(pe), fe && clearTimeout(fe);
+    const e3 = N.uuid;
+    P.$off("_refreshSubTable_" + e3), P.$off("_refreshSubTableHandle_" + e3), P.$off("_refreshChildData_" + e3), P.$off(G + "-pickFileDone"), P.$off(G + "-scanDone");
   });
   const ge = t({});
   function me(e3) {
@@ -131,36 +131,36 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
     return ge.value[e3.uuid] = e3, he;
   }
   function he(e3, t2, n2, o2, a2, i2) {
-    const l2 = { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: a2, button: i2, id: n2.ID ? n2.ID : n2.id }, u2 = ge.value[i2.sourceButton.uuid], r2 = L;
-    u2.props.base.tableUuid = r2.uuid, S(null, H, u2, "click", l2);
+    const l2 = { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: a2, button: i2, id: n2.ID ? n2.ID : n2.id }, u2 = ge.value[i2.sourceButton.uuid], r2 = N;
+    u2.props.base.tableUuid = r2.uuid, S(null, B, u2, "click", l2);
   }
   function Se(e3, t2, n2, o2, a2, i2) {
-    if (!w(N.pageContext, L.props.base.showOperationCondition)) return false;
-    const l2 = H.fieldPermissionMap, u2 = H.actionPermissionMap;
+    if (!w(L.pageContext, N.props.base.showOperationCondition)) return false;
+    const l2 = B.fieldPermissionMap, u2 = B.actionPermissionMap;
     let r2 = true;
     if (l2 && null !== l2) {
       const e4 = l2.get("all_fields");
       void 0 === e4 || false !== e4.canEdit || void 0 !== e4.rowIndexes && null !== e4.rowIndexes && 0 !== e4.rowIndexes.length || (r2 = false);
     }
-    if (true === r2 && z && u2 && null !== u2) {
-      let e4 = u2.get(z);
+    if (true === r2 && V && u2 && null !== u2) {
+      let e4 = u2.get(V);
       e4 || (e4 = u2.get("all_sub_tables")), e4 && void 0 !== e4.canAdd && false === e4.canAdd && (r2 = false);
     }
     return r2;
   }
   function we(e3, t2, n2, o2, a2, i2) {
     let l2 = Se();
-    return true === l2 && (l2 = w(N.pageContext, L.props.base.showAddBtnCondition, n2)), l2;
+    return true === l2 && (l2 = w(L.pageContext, N.props.base.showAddBtnCondition, n2)), l2;
   }
   function Te(e3, t2, n2, o2, a2, i2) {
-    const l2 = H.fieldPermissionMap, u2 = H.actionPermissionMap;
+    const l2 = B.fieldPermissionMap, u2 = B.actionPermissionMap;
     let r2 = true;
     if (l2 && null !== l2) {
       const e4 = l2.get("all_fields");
       void 0 === e4 || false !== e4.canEdit || void 0 !== e4.rowIndexes && null !== e4.rowIndexes && 0 !== e4.rowIndexes.length || (r2 = false);
     }
-    if (true === r2 && z && u2 && null !== u2) {
-      let e4 = u2.get(z);
+    if (true === r2 && V && u2 && null !== u2) {
+      let e4 = u2.get(V);
       if (e4 || (e4 = u2.get("all_sub_tables")), e4 && void 0 !== e4.canDelete && false === e4.canDelete && (r2 = false), e4 && void 0 !== e4.canDelete && true === e4.canDelete && e4.deleteRowIndexes) if (e4.deleteRowIndexes.length > 0) if (i2) r2 = true;
       else {
         const t3 = function(e5) {
@@ -174,74 +174,78 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
   }
   function xe(e3, t2, n2, o2, a2, i2) {
     let l2 = Te(0, 0, n2, 0, 0, i2);
-    return true === l2 && (l2 = w(N.pageContext, L.props.base.showDeleteBtnCondition, n2)), l2;
-  }
-  function De(e3, t2, n2, o2, a2) {
-    ie.value.createRow(E, {}, { getDefaultValueFunc: y });
+    return true === l2 && (l2 = w(L.pageContext, N.props.base.showDeleteBtnCondition, n2)), l2;
   }
   function Ce(e3, t2, n2, o2, a2) {
-    ie.value.deleteRow(a2, E, false);
+    ie.value.createRow(G, {}, { getDefaultValueFunc: y }, { originalValue: e3, formatValue: t2, row: n2, column: o2, rowIndex: a2 });
+  }
+  function De(e3, t2, n2, o2, a2) {
+    ie.value.deleteRow(a2, G, false);
   }
   function ye(e3) {
     T(X, Y, e3);
   }
   function Pe(e3) {
-    H.subTablePageInfo || (H.subTablePageInfo = {}), H.subTablePageInfo[z] = { pageSize: e3 };
+    B.subTablePageInfo || (B.subTablePageInfo = {}), B.subTablePageInfo[V] = { pageSize: e3 };
   }
-  function Ie(e3) {
+  function Re(e3) {
     const t2 = e3.key, n2 = e3.value;
-    H.selectOptions || (H.selectOptions = {}), H.selectOptions[t2] = n2;
+    B.selectOptions || (B.selectOptions = {}), B.selectOptions[t2] = n2;
   }
-  function Re(e3) {
-    const t2 = H.code + "_";
+  function Ie(e3) {
+    const t2 = B.code + "_";
     P.$emit(t2 + "prohibit-edit", e3);
   }
   function Oe(e3) {
-    const t2 = H.entity.data;
+    const t2 = B.entity.data;
     if (e3) for (const n2 in e3) t2[n2] = e3[n2];
   }
   function _e(e3, t2) {
     if (void 0 !== t2) {
       J.value = e3;
-      p(H, L, { selection: e3, row: t2 });
+      p(B, N, { selection: e3, row: t2 });
     }
   }
   function ke(e3) {
     J.value = e3;
-    d(H, L, { selection: e3 });
+    f(B, N, { selection: e3 });
   }
   function Me(e3) {
-    f(H, L, { newSelection: e3 });
+    d(B, N, { newSelection: e3 });
   }
   function Fe(e3, t2, n2, o2) {
-    b(H, L, { row: e3, column: t2, cell: n2, event: o2 });
+    v(B, N, { row: e3, column: t2, cell: n2, event: o2 });
   }
   function $e(e3, t2, n2, o2) {
-    v(H, L, { row: e3, column: t2, cell: n2, event: o2 });
+    b(B, N, { row: e3, column: t2, cell: n2, event: o2 });
   }
   function je(e3, t2, n2) {
-    g(H, L, { row: e3, column: t2, event: n2 });
+    g(B, N, { row: e3, column: t2, event: n2 });
   }
   function Ae(e3, t2, n2) {
-    m(H, L, { row: e3, column: t2, event: n2 });
+    m(B, N, { row: e3, column: t2, event: n2 });
   }
-  function Ne(e3, t2) {
-    h(H, L, { column: e3, event: t2 });
+  function Le(e3, t2) {
+    h(B, N, { column: e3, event: t2 });
   }
-  function He(e3) {
-    H.entity.data = e3;
+  function Be(e3) {
+    B.entity.data = e3;
   }
-  function Le() {
+  function Ne() {
     return x(X, Y);
   }
-  function Be(e3) {
+  function Ee(e3) {
     return T(X, Y, e3);
   }
+  function Ge({ row: e3, editConditions: t2 }) {
+    let n2 = true;
+    return t2 && t2.length > 0 && (n2 = w(L.pageContext, t2, e3)), n2;
+  }
   return function() {
     const e3 = re();
-    e3 ? fe(e3) : (ue(e3), oe.value.isPageInfo = false, oe.value.subTableData = Le(), be());
+    e3 ? de(e3) : (ue(e3), oe.value.isPageInfo = false, oe.value.subTableData = Ne(), ve());
   }(), j2({ createRow: function() {
-    return ie.value.createRow(E);
+    return ie.value.createRow(G);
   }, getSelections: function() {
     return J.value;
   }, getSelectionIds: function() {
@@ -252,20 +256,36 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
   }, clearSelections: function() {
     J.value = [];
   }, getTableConfigure: function() {
-    return L;
+    return N;
   }, validatorSunTableListData: function() {
     return ie.value.validatorSunTableListData();
-  }, getValue: Le, setValue: Be, getTableSelectOptions: function() {
-    if (ie.value) return ie.value.getTableSelectOptions(E);
+  }, getValue: Ne, setValue: Ee, getTableSelectOptions: function() {
+    if (ie.value) return ie.value.getTableSelectOptions(G);
   }, dynamicControlTableEdit: function(e3, t2, n2) {
     ie.value && ie.value.dynamicControlTableEdit(e3, t2, n2);
   }, doLayout: function(e3) {
     ie.value && ie.value.doLayout(e3);
   }, changeOperationAddState: function(e3) {
     ie.value && ie.value.changeOperationAddState(e3);
+  }, scrollTo: function(e3, t2) {
+    ie.value && ie.value.scrollTo(e3, t2);
+  }, setScrollTop: function(e3) {
+    ie.value && ie.value.setScrollTop(e3);
+  }, setScrollLeft: function(e3) {
+    ie.value && ie.value.setScrollLeft(e3);
+  }, getSuperGridRef: function() {
+    return ie.value;
+  }, getSuperGridTableRef: function() {
+    return ie.value.getSuperGridRef();
+  }, setCurrentRowIndex: function(e3) {
+    var _a;
+    (_a = ie.value) == null ? void 0 : _a.setCurrentRowIndex(e3);
+  }, setScrollTopByRowIndex: function(e3) {
+    var _a;
+    (_a = ie.value) == null ? void 0 : _a.setScrollTopByRowIndex(e3);
   } }), (e3, t2) => {
     const n2 = a("super-grid");
-    return l(), i("div", null, [ee.value ? (l(), u(n2, { key: 0, ref_key: "gridRef", ref: ie, url: s(Z) + "/dsc/commons/sub-table", options: oe.value, code: s(E), settings: s(K), onSelect: _e, onSelectAll: ke, onSelectionChange: Me, onCellClick: Fe, onCellDblclick: $e, onRowClick: je, onRowDblclick: Ae, onHeaderClick: Ne, onFnProhibitToEdit: Re, onChangeGridData: ye, onReloadGrid: fe, onRefresMainTableFields: Oe, onSetSelectOptions: Ie, onChangeRowsPerPage: Pe, onNewOpenGridDialog: s(I), onChangeFormData: He }, null, 8, ["url", "options", "code", "settings", "onNewOpenGridDialog"])) : r("", true)]);
+    return l(), i("div", null, [ee.value ? (l(), u(n2, { key: 0, ref_key: "gridRef", ref: ie, url: s(Z) + "/dsc/commons/sub-table", options: oe.value, code: s(G), settings: s(K), onSelect: _e, onSelectAll: ke, onSelectionChange: Me, onCellClick: Fe, onCellDblclick: $e, onRowClick: je, onRowDblclick: Ae, onHeaderClick: Le, onFnProhibitToEdit: Ie, onChangeGridData: ye, onReloadGrid: de, onRefresMainTableFields: Oe, onSetSelectOptions: Re, onChangeRowsPerPage: Pe, onNewOpenGridDialog: s(R), onChangeFormData: Be }, null, 8, ["url", "options", "code", "settings", "onNewOpenGridDialog"])) : r("", true)]);
   };
 } });
 export {

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

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, createElementBlock as n, openBlock as u, createBlock as i, unref as a } from "vue";
+import { defineComponent as e, ref as t, createElementBlock as n, openBlock as u, createBlock as o, unref as l } from "vue";
 import "agilebuilder-ui";
 import "agilebuilder-ui/src/utils/request";
 import "dayjs";
@@ -6,18 +6,18 @@ import "agilebuilder-ui/src/utils/calculator/calculator-util";
 import "../../../../utils/global-refs.js";
 import "agilebuilder-ui/src/utils/common-util";
 import "agilebuilder-ui/src/utils/util";
-import o from "./sub-table-runtime.vue.js";
-import l from "./main-table-runtime.vue.js";
-const r = e({ __name: "table-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: r2 }) {
+import r from "./sub-table-runtime.vue.js";
+import i from "./main-table-runtime.vue.js";
+const a = e({ __name: "table-runtime", props: { pageContext: {}, configure: {} }, setup(e2, { expose: a2 }) {
   const c = e2, f = c.pageContext.pageType, s = t(null), g = c.configure.uuid, p = c.pageContext.superGridItems, d = p ? p[g] : null;
   s.value = d ? d.configure ? JSON.parse(d.configure) : null : c.configure;
-  const m = c.configure.runtime ? c.configure.runtime : {};
-  m.style, m.class;
+  const S = c.configure.runtime ? c.configure.runtime : {};
+  S.style, S.class;
   const v = t(null);
-  function S(e3) {
+  function m(e3) {
     c.pageContext.entity.data._SAFE_DELETE_TABLE_NAMES ? c.pageContext.entity.data._SAFE_DELETE_TABLE_NAMES.push(e3) : c.pageContext.entity.data._SAFE_DELETE_TABLE_NAMES = [e3];
   }
-  return r2({ refresh: function(e3, t2, n2, u2) {
+  return a2({ refresh: function(e3, t2, n2, u2) {
     if (f && "list" === f) return v.value.refresh(e3, t2, n2, u2);
   }, createRow: function() {
     return v.value.createRow();
@@ -45,8 +45,29 @@ const r = e({ __name: "table-runtime", props: { pageContext: {}, configure: {} }
     v.value && v.value.doLayout(e3);
   }, changeOperationAddState: function(e3) {
     v.value && v.value.changeOperationAddState(e3);
-  } }), (e3, t2) => (u(), n("div", null, [a(f) && "form" === a(f) ? (u(), i(o, { key: 0, ref_key: "gridRef", ref: v, pageContext: e3.pageContext, configure: s.value, onSetSafeDeleteTableCode: S }, null, 8, ["pageContext", "configure"])) : (u(), i(l, { key: 1, ref_key: "gridRef", ref: v, pageContext: e3.pageContext, configure: s.value, onSetSafeDeleteTableCode: S }, null, 8, ["pageContext", "configure"]))]));
+  }, scrollTo: function(e3, t2) {
+    var _a;
+    (_a = v.value) == null ? void 0 : _a.scrollTo(e3, t2);
+  }, setScrollTop: function(e3) {
+    var _a;
+    (_a = v.value) == null ? void 0 : _a.setScrollTop(e3);
+  }, setScrollLeft: function(e3) {
+    var _a;
+    (_a = v.value) == null ? void 0 : _a.setScrollLeft(e3);
+  }, getSuperGridRef: function() {
+    var _a;
+    return (_a = v.value) == null ? void 0 : _a.getSuperGridRef();
+  }, getSuperGridTableRef: function() {
+    var _a;
+    return (_a = v.value) == null ? void 0 : _a.getSuperGridTableRef();
+  }, setCurrentRowIndex: function(e3) {
+    var _a;
+    (_a = v.value) == null ? void 0 : _a.setCurrentRowIndex(e3);
+  }, setScrollTopByRowIndex: function(e3) {
+    var _a;
+    (_a = v.value) == null ? void 0 : _a.setScrollTopByRowIndex(e3);
+  } }), (e3, t2) => (u(), n("div", null, [l(f) && "form" === l(f) ? (u(), o(r, { key: 0, ref_key: "gridRef", ref: v, pageContext: e3.pageContext, configure: s.value, onSetSafeDeleteTableCode: m }, null, 8, ["pageContext", "configure"])) : (u(), o(i, { key: 1, ref_key: "gridRef", ref: v, pageContext: e3.pageContext, configure: s.value, onSetSafeDeleteTableCode: m }, null, 8, ["pageContext", "configure"]))]));
 } });
 export {
-  r as default
+  a as default
 };

package/dist/es/components/runtime/views/assemblys/form/date-picker/datepicker-runtime.vue2.js

@@ -1,22 +1,30 @@
-import { defineComponent as e, ref as a, onMounted as l, nextTick as t, computed as r, resolveComponent as o, createBlock as u, openBlock as n, normalizeStyle as i, normalizeClass as p, unref as s, withCtx as c, createElementBlock as d, createCommentVNode as v, Fragment as f, createTextVNode as g, toDisplayString as m } from "vue";
+import { defineComponent as e, ref as a, onMounted as l, nextTick as t, computed as o, resolveComponent as r, createBlock as u, openBlock as n, normalizeStyle as i, normalizeClass as p, unref as s, withCtx as c, createElementBlock as d, createCommentVNode as v, Fragment as f, createTextVNode as g, toDisplayString as m } from "vue";
 import { getFormModelFields as h } from "../../../../utils/page-init-util.js";
 import { getDateShortCuts as y } from "../../../../utils/form/date-shortcuts.js";
-import { getValueFromVariable as C, setVariableValue as x, getVariableValue as b } from "../../../../utils/page-helper-util.js";
-import { handleAfterInitEvent as k, getCustomFunc as F, handleFormEvent as T } from "../../../../utils/events/event-util.js";
-import V from "../common/title-suffix-element.vue.js";
-import j from "dayjs";
-import { $t as R } from "../../../../utils/i18n-util.js";
-const _ = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const _2 = e2, z = _2.pageContext.entity ? _2.pageContext.entity : {}, P = _2.configure.runtime ? _2.configure.runtime : {}, S = P.style, w = P.class, A = P.headerStyle, D = P.titleExceedStyle, q = a(P.props ? P.props : {});
-  let I = h(_2.pageContext, _2.configure, q.value.prop), B = null, N = false;
-  if (q.value.dateType && q.value.dateType.includes("range")) {
+import { getModelFieldFromPageContext as C, getValueFromVariable as x, setVariableValue as b, getVariableValue as F, isDateDataType as k } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent as T, getCustomFunc as V, handleFormEvent as j } from "../../../../utils/events/event-util.js";
+import Y from "../common/title-suffix-element.vue.js";
+import R from "dayjs";
+import { $t as _ } from "../../../../utils/i18n-util.js";
+const z = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
+  const z2 = e2, P = z2.pageContext.entity ? z2.pageContext.entity : {}, S = z2.configure.runtime ? z2.configure.runtime : {}, w = S.style, A = S.class, D = S.headerStyle, q = S.titleExceedStyle, I = a(S.props ? S.props : {});
+  let M = h(z2.pageContext, z2.configure, I.value.prop);
+  if (z2.pageContext.modelFieldsMap && M && M.length > 0 && "data" === M[0]) {
+    const e3 = C(M, z2.pageContext);
+    e3 && function(e4) {
+      const a2 = e4.dataType;
+      k(a2) && ("year" === I.value.dateType && "YYYY" === I.value.valueFormat || "month" === I.value.dateType && "YYYY-MM" === I.value.valueFormat) && (I.value.valueFormat = "x");
+    }(e3);
+  }
+  let B = null, N = false;
+  if (I.value.dateType && I.value.dateType.includes("range")) {
     N = true;
-    let e3 = q.value.prop2;
-    e3 && e3.startsWith("${") || (e3 = "${page." + _2.configure.uuid + "-2}");
-    const a2 = C(z, e3, null);
-    if (e3 = e3.substring(2, e3.length - 1), B = e3.split("."), !(a2 || z.data && (z.data.id || z.data.ID)) && q.value.defaultValue2) {
-      const e4 = C(z, q.value.defaultValue2);
-      x(z, B, e4);
+    let e3 = I.value.prop2;
+    e3 && e3.startsWith("${") || (e3 = "${page." + z2.configure.uuid + "-2}");
+    const a2 = x(P, e3, null);
+    if (e3 = e3.substring(2, e3.length - 1), B = e3.split("."), !(a2 || P.data && (P.data.id || P.data.ID)) && I.value.defaultValue2) {
+      const e4 = x(P, I.value.defaultValue2);
+      b(P, B, e4);
     }
   }
   const U = a(null), W = a(null), $ = a(null);
@@ -25,9 +33,9 @@ const _ = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure:
     if (a2) {
       "number" != typeof e3 || isNaN(e3) || 4 !== e3.toString().length || (e3 = e3.toString());
       try {
-        const l2 = j(e3);
+        const l2 = R(e3);
         let t2 = null;
-        return t2 = "x" === a2 ? l2.toDate().getTime() : j(e3).format(a2), t2;
+        return t2 = "x" === a2 ? l2.toDate().getTime() : R(e3).format(a2), t2;
       } catch (a3) {
         return e3;
       }
@@ -37,32 +45,32 @@ const _ = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure:
   if (l(() => {
     t(() => {
       const e3 = O.value;
-      k(e3, _2.pageContext, _2.configure, { formItemRef: U.value, componentRef: W.value, titleRef: $.value, value: e3, entity: _2.pageContext.entity.data, pageData: _2.pageContext.entity.page });
+      T(e3, z2.pageContext, z2.configure, { formItemRef: U.value, componentRef: W.value, titleRef: $.value, value: e3, entity: z2.pageContext.entity.data, pageData: z2.pageContext.entity.page });
     });
-  }), I) {
-    const e3 = b(z, I), a2 = E(e3, q.value.valueFormat);
-    e3 !== a2 && x(z, I, a2);
+  }), M) {
+    const e3 = F(P, M), a2 = E(e3, I.value.valueFormat);
+    e3 !== a2 && b(P, M, a2);
   }
   if (B) {
-    const e3 = b(z, B), a2 = E(e3, q.value.valueFormat);
-    e3 !== a2 && x(z, B, a2);
+    const e3 = F(P, B), a2 = E(e3, I.value.valueFormat);
+    e3 !== a2 && b(P, B, a2);
   }
-  const O = r({ get() {
+  const O = o({ get() {
     if (N) {
       const e3 = [];
-      let a2 = b(z, I);
-      e3.push(E(a2, q.value.valueFormat));
-      let l2 = b(z, B);
-      return e3.push(E(l2, q.value.valueFormat)), e3;
+      let a2 = F(P, M);
+      e3.push(E(a2, I.value.valueFormat));
+      let l2 = F(P, B);
+      return e3.push(E(l2, I.value.valueFormat)), e3;
     }
-    return E(b(z, I), q.value.valueFormat);
+    return E(F(P, M), I.value.valueFormat);
   }, set(e3) {
-    N ? Array.isArray(e3) ? (x(z, I, e3[0]), x(z, B, e3[1])) : null === e3 && (x(z, I, null), x(z, B, null)) : x(z, I, e3);
-  } }), G = a(y(q.value.dateScopeDetails, q.value.sourceType, q.value.dateType));
-  if (q.value.shortcutsFunc) {
-    const e3 = F(_2.pageContext, q.value.shortcutsFunc);
+    N ? Array.isArray(e3) ? (b(P, M, e3[0]), b(P, B, e3[1])) : null === e3 && (b(P, M, null), b(P, B, null)) : b(P, M, e3);
+  } }), G = a(y(I.value.dateScopeDetails, I.value.sourceType, I.value.dateType));
+  if (I.value.shortcutsFunc) {
+    const e3 = V(z2.pageContext, I.value.shortcutsFunc);
     if (e3) {
-      let a2 = e3.apply(e3, [{ pageContext: _2.pageContext, configureObj: _2.configure }]);
+      let a2 = e3.apply(e3, [{ pageContext: z2.pageContext, configureObj: z2.configure }]);
       if (a2) {
         Array.isArray(a2) || (a2 = [a2]), G.value || (G.value = []);
         for (let e4 of a2) e4.text && e4.value && G.value.push(e4);
@@ -70,10 +78,10 @@ const _ = e({ __name: "datepicker-runtime", props: { pageContext: {}, configure:
     }
   }
   return (e3, a2) => {
-    const l2 = o("el-time-picker"), t2 = o("el-date-picker"), r2 = o("el-form-item");
-    return n(), u(r2, { ref_key: "formItemRef", ref: U, required: q.value.required, class: p(s(w)), "label-width": q.value.labelWidth, style: i(s(S)) }, { label: c(() => [q.value.tittleShow ? (n(), d("div", { key: 0, ref_key: "titleRef", ref: $, style: i({ ...s(A), ...s(D) }) }, [q.value.prefixType ? (n(), u(V, { key: 0, pageContext: e3.pageContext, property: q.value }, null, 8, ["pageContext", "property"])) : (n(), d(f, { key: 1 }, [g(m(s(R)(q.value.title)), 1)], 64))], 4)) : v("", true)]), default: c(() => ["time" == q.value.dateType || "timerange" == q.value.dateType ? (n(), u(l2, { key: 0, ref_key: "componentRef", ref: W, "is-range": "timerange" == q.value.dateType, style: { width: "100%" }, "range-separator": "-", clearable: q.value.clearable, disabled: "disabled" === q.value.state, readonly: "readonly" === q.value.state, size: q.value.size, placeholder: q.value.placeholder, "start-placeholder": q.value.placeholder, "end-placeholder": q.value.endPlaceholder ? q.value.endPlaceholder : q.value.placeholder, format: q.value.format, "value-format": q.value.valueFormat, modelValue: O.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => O.value = e4), shortcuts: G.value, type: q.value.dateType, onChange: a2[1] || (a2[1] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "change")), onBlur: a2[2] || (a2[2] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "blur")), onFocus: a2[3] || (a2[3] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "focus")), onVisibleChange: a2[4] || (a2[4] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "visible-change")), onPanelChange: a2[5] || (a2[5] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "panel-change")), onClear: a2[6] || (a2[6] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "clear")) }, null, 8, ["is-range", "clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "value-format", "modelValue", "shortcuts", "type"])) : (n(), u(t2, { key: 1, ref_key: "componentRef", ref: W, clearable: q.value.clearable, style: { width: "100%" }, disabled: "disabled" === q.value.state, readonly: "readonly" === q.value.state, size: q.value.size, placeholder: q.value.placeholder, "start-placeholder": q.value.placeholder, "end-placeholder": q.value.endPlaceholder ? q.value.endPlaceholder : q.value.placeholder, format: q.value.format, "value-format": q.value.valueFormat, modelValue: O.value, "onUpdate:modelValue": a2[7] || (a2[7] = (e4) => O.value = e4), shortcuts: G.value, type: q.value.dateType, onChange: a2[8] || (a2[8] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "change")), onBlur: a2[9] || (a2[9] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "blur")), onFocus: a2[10] || (a2[10] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "focus")), onVisibleChange: a2[11] || (a2[11] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "visible-change")), onPanelChange: a2[12] || (a2[12] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "panel-change")), onClear: a2[13] || (a2[13] = (a3) => s(T)(a3, e3.pageContext, e3.configure, "clear")) }, null, 8, ["clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "value-format", "modelValue", "shortcuts", "type"]))]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
+    const l2 = r("el-time-picker"), t2 = r("el-date-picker"), o2 = r("el-form-item");
+    return n(), u(o2, { ref_key: "formItemRef", ref: U, required: I.value.required, class: p(s(A)), "label-width": I.value.labelWidth, style: i(s(w)) }, { label: c(() => [I.value.tittleShow ? (n(), d("div", { key: 0, ref_key: "titleRef", ref: $, style: i({ ...s(D), ...s(q) }) }, [I.value.prefixType ? (n(), u(Y, { key: 0, pageContext: e3.pageContext, property: I.value }, null, 8, ["pageContext", "property"])) : (n(), d(f, { key: 1 }, [g(m(s(_)(I.value.title)), 1)], 64))], 4)) : v("", true)]), default: c(() => ["time" == I.value.dateType || "timerange" == I.value.dateType ? (n(), u(l2, { key: 0, ref_key: "componentRef", ref: W, "is-range": "timerange" == I.value.dateType, style: { width: "100%" }, "range-separator": "-", clearable: I.value.clearable, disabled: "disabled" === I.value.state, readonly: "readonly" === I.value.state, size: I.value.size, placeholder: I.value.placeholder, "start-placeholder": I.value.placeholder, "end-placeholder": I.value.endPlaceholder ? I.value.endPlaceholder : I.value.placeholder, "unlink-panels": true, format: I.value.format, "value-format": I.value.valueFormat, modelValue: O.value, "onUpdate:modelValue": a2[0] || (a2[0] = (e4) => O.value = e4), shortcuts: G.value, type: I.value.dateType, onChange: a2[1] || (a2[1] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "change")), onBlur: a2[2] || (a2[2] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "blur")), onFocus: a2[3] || (a2[3] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "focus")), onVisibleChange: a2[4] || (a2[4] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "visible-change")), onPanelChange: a2[5] || (a2[5] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "panel-change")), onClear: a2[6] || (a2[6] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "clear")) }, null, 8, ["is-range", "clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "value-format", "modelValue", "shortcuts", "type"])) : (n(), u(t2, { key: 1, ref_key: "componentRef", ref: W, clearable: I.value.clearable, style: { width: "100%" }, "unlink-panels": true, disabled: "disabled" === I.value.state, readonly: "readonly" === I.value.state, size: I.value.size, placeholder: I.value.placeholder, "start-placeholder": I.value.placeholder, "end-placeholder": I.value.endPlaceholder ? I.value.endPlaceholder : I.value.placeholder, format: I.value.format, "value-format": I.value.valueFormat, modelValue: O.value, "onUpdate:modelValue": a2[7] || (a2[7] = (e4) => O.value = e4), shortcuts: G.value, type: I.value.dateType, onChange: a2[8] || (a2[8] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "change")), onBlur: a2[9] || (a2[9] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "blur")), onFocus: a2[10] || (a2[10] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "focus")), onVisibleChange: a2[11] || (a2[11] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "visible-change")), onPanelChange: a2[12] || (a2[12] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "panel-change")), onClear: a2[13] || (a2[13] = (a3) => s(j)(a3, e3.pageContext, e3.configure, "clear")) }, null, 8, ["clearable", "disabled", "readonly", "size", "placeholder", "start-placeholder", "end-placeholder", "format", "value-format", "modelValue", "shortcuts", "type"]))]), _: 1 }, 8, ["required", "class", "label-width", "style"]);
   };
 } });
 export {
-  _ as default
+  z as default
 };