super-page-runtime 2.2.91 → 2.2.92-sit1

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

@@ -1,49 +1,49 @@
-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 { defineComponent as e, ref as t, onMounted as n, onUnmounted as o, resolveComponent as i, createElementBlock as a, 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 { caculateShowCondition as w, setVariableValue as x, getVariableValue as T, 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 { 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 N = e2, E = N.pageContext;
+  let H = N.configure;
+  const L = N.configure.runtime ? N.configure.runtime : {};
+  E.isTest ? L.value = N.configure.runtime ? N.configure.runtime : {} : E.tableRuntimes && E.tableRuntimes[H.uuid] && (H = JSON.parse(E.tableRuntimes[H.uuid].configure), L.value = H.runtime ? H.runtime : {});
+  const B = O(E.code, E.version, H.uuid), U = E.entity.data, z = H.code ? H.code : B, V = k(E), G = L && L.events ? L.events : [], J = t([]), q = E.superGridItems, K = q ? q[H.uuid] : null, Q = L.style, W = L.class, X = N.pageContext.entity ? N.pageContext.entity : {};
+  let Y = D(N.configure, z), Z = _(E.backendUrl, E.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) {
+  const ne = H.props.dataOrigin.principalLinkage, oe = t({ isSql: true, subTableData: null, rowKeyProp: ne, extraParam: {}, operations: {}, hiddenColumns: [], pageCode: E.code, pageVersion: E.version, pageContext: E, configureObj: H, showPageArea: false, showRowForm: false, showOverflowTooltip: !(!H.props || !H.props.otherSettings || void 0 !== H.props.otherSettings.isBreakLine && false !== H.props.otherSettings.isBreakLine), backendUrl: Z, cellStyleRender: function(e3) {
     return F(e3, e3.cellStyle, N);
   }, rowStyleRender: function(e3) {
     return M(e3, null, N);
   }, titleStyleRender: function(e3) {
     const t2 = e3.titleStyle, n2 = N.configure.style.titleStyle;
     return $(e3, { cellTitleStyle: t2, titleStyle: n2 }, N);
-  } }), 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);
-  const ie = t(null);
+  } }), ie = A;
+  Q && (oe.value.tableStyle = Q), W && (oe.value.tableClass = W), H.props && H.props.base && true === H.props.base.subPaging ? oe.value.showPageArea = true : oe.value.showPageArea = false, H.props.base.showRowForm && (oe.value.showRowForm = H.props.base.showRowForm);
+  const ae = t(null);
   function le() {
-    ie.value && (oe.value.subTableData = null, ie.value.reloadSubTableData(E));
+    ae.value && (oe.value.subTableData = null, ae.value.reloadSubTableData(B));
   }
   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 = B, oe.value.extraParam.beanName = E.beanName, oe.value.extraParam.subtableSetting = H.props && H.props.otherSettings ? JSON.stringify(H.props.otherSettings) : null, oe.value.extraParam.additionalParamMap = V, oe.value.extraParam.entityMap = E.entity.data, oe.value.extraParam.contextMap = E.entity.context, oe.value.extraParam.taskMap = E.entity.task, !(H.props && H.props.base && H.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 = !(!H.props || !H.props.base) && H.props.base.showOperation, oe.value.isPdfEditor = false, oe.value.tableRecordMaxNum = H.props && H.props.otherSettings ? H.props.otherSettings.tableRecordMaxNum : null;
+    let t2 = C(E, H);
+    t2 && t2.fixHeight && (oe.value.formSetHeight = t2.fixHeight), t2 && t2.maxHeight && (oe.value.formSetMaxHeight = t2.maxHeight), oe.value.validateEitConditions = Be;
   }
   function re() {
-    if (L.props && L.props.otherSettings) {
-      if (L.props.otherSettings.sourceQueryTableData && L.props.otherSettings.timeToInitializeSubTable && L.props.otherSettings.timeToInitializeSubTable.length > 0) {
+    if (H.props && H.props.otherSettings) {
+      if (H.props.otherSettings.sourceQueryTableData && H.props.otherSettings.timeToInitializeSubTable && H.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")) {
+        if (-1 !== H.props.otherSettings.timeToInitializeSubTable.indexOf("create") && (e3 = !U.id && !U.ID), -1 !== H.props.otherSettings.timeToInitializeSubTable.indexOf("noData")) {
           const t2 = U[z];
           (!t2 || t2.length <= 0) && (e3 = true);
         }
@@ -53,10 +53,10 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
     }
   }
   function se() {
-    return H.entity.data;
+    return E.entity.data;
   }
   function ce() {
-    return x(X, Y);
+    return T(X, Y);
   }
   let pe, de;
   function fe(e3) {
@@ -66,7 +66,7 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
   }
   function be() {
     !function() {
-      const e4 = H.fieldPermissionMap, t2 = H.actionPermissionMap;
+      const e4 = E.fieldPermissionMap, t2 = E.actionPermissionMap;
       if (e4 && null != e4) {
         let t3 = e4.get(z);
         if (!t3) {
@@ -81,27 +81,27 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
       }
       oe.value.operations || (oe.value.operations = {});
       const n2 = function() {
-        let e5 = [], t3 = w(N.pageContext, L.props.base.showOperationCondition);
+        let e5 = [], t3 = w(N.pageContext, H.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 };
+        if (t3 && xe(null, null, null, null, null, true)) {
+          const t4 = { props: { elementType: "el-button", icon: "Minus", type: "danger", circle: true, size: "mini", permission: "true" }, onClick: De, isShow: Te };
           e5.push(t4);
         }
-        return R(H, L, e5, me), e5;
+        return R(E, H, e5, me), e5;
       }();
       oe.value.operations.operation = n2, oe.value.subTableCanAdd = Se();
-    }(), c(oe.value, G, H, L);
-    const e3 = H.customEvents;
+    }(), c(oe.value, G, E, H);
+    const e3 = E.customEvents;
     e3 && (oe.value.eventCallBack = e3), ee.value = true, ve();
   }
   function ve() {
-    H.tableUuids || (H.tableUuids = []), H.tableUuids.indexOf(L.uuid) < 0 && H.tableUuids.push(L.uuid);
+    E.tableUuids || (E.tableUuids = []), E.tableUuids.indexOf(H.uuid) < 0 && E.tableUuids.push(H.uuid);
   }
   n(() => {
-    const e3 = L.uuid, t2 = H.subTableWatchProps;
+    const e3 = H.uuid, t2 = E.subTableWatchProps;
     P.$on("_refreshSubTable_" + e3, (n2) => {
       const o2 = n2.propName;
       if (t2 && t2[e3] && t2[e3].length > 0) {
@@ -111,32 +111,32 @@ 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);
+        Le(e5), de = setTimeout(() => {
+          ae.value && (ae.value.refreshChildData(B, e5, H.props && H.props.base && true === H.props.base.subPaging), oe.value.extraParam.entityMap = E.entity.data);
         }, 10);
       }(e4);
-    }), P.$on(E + "-pickFileDone", (e4) => {
-      ie.value.pickFileDone(e4);
-    }), P.$on(E + "-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);
+    }), P.$on(B + "-pickFileDone", (e4) => {
+      ae.value.pickFileDone(e4);
+    }), P.$on(B + "-scanDone", (e4) => {
+      ae.value.scanDone(e4);
+    }), oe.value && oe.value.configureObj.props.base && oe.value.configureObj.props.base.isSafeDelete && ie("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");
+    const e3 = H.uuid;
+    P.$off("_refreshSubTable_" + e3), P.$off("_refreshSubTableHandle_" + e3), P.$off("_refreshChildData_" + e3), P.$off(B + "-pickFileDone"), P.$off(B + "-scanDone");
   });
   const ge = t({});
   function me(e3) {
     if (!e3) return;
     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);
+  function he(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 }, u2 = ge.value[a2.sourceButton.uuid], r2 = H;
+    u2.props.base.tableUuid = r2.uuid, S(null, E, 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;
+  function Se(e3, t2, n2, o2, i2, a2) {
+    if (!w(N.pageContext, H.props.base.showOperationCondition)) return false;
+    const l2 = E.fieldPermissionMap, u2 = E.actionPermissionMap;
     let r2 = true;
     if (l2 && null !== l2) {
       const e4 = l2.get("all_fields");
@@ -148,12 +148,12 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
     }
     return r2;
   }
-  function we(e3, t2, n2, o2, a2, i2) {
+  function we(e3, t2, n2, o2, i2, a2) {
     let l2 = Se();
-    return true === l2 && (l2 = w(N.pageContext, L.props.base.showAddBtnCondition, n2)), l2;
+    return true === l2 && (l2 = w(N.pageContext, H.props.base.showAddBtnCondition, n2)), l2;
   }
-  function Te(e3, t2, n2, o2, a2, i2) {
-    const l2 = H.fieldPermissionMap, u2 = H.actionPermissionMap;
+  function xe(e3, t2, n2, o2, i2, a2) {
+    const l2 = E.fieldPermissionMap, u2 = E.actionPermissionMap;
     let r2 = true;
     if (l2 && null !== l2) {
       const e4 = l2.get("all_fields");
@@ -161,7 +161,7 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
     }
     if (true === r2 && z && u2 && null !== u2) {
       let e4 = u2.get(z);
-      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;
+      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 (a2) r2 = true;
       else {
         const t3 = function(e5) {
           return e5 && e5.id ? e5.id : e5 && e5.ID ? e5.ID : void 0;
@@ -172,76 +172,80 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
     }
     return r2;
   }
-  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 Te(e3, t2, n2, o2, i2, a2) {
+    let l2 = xe(0, 0, n2, 0, 0, a2);
+    return true === l2 && (l2 = w(N.pageContext, H.props.base.showDeleteBtnCondition, n2)), l2;
   }
-  function De(e3, t2, n2, o2, a2) {
-    ie.value.createRow(E, {}, { getDefaultValueFunc: y });
+  function Ce(e3, t2, n2, o2, i2) {
+    ae.value.createRow(B, {}, { getDefaultValueFunc: y });
   }
-  function Ce(e3, t2, n2, o2, a2) {
-    ie.value.deleteRow(a2, E, false);
+  function De(e3, t2, n2, o2, i2) {
+    ae.value.deleteRow(i2, B, false);
   }
   function ye(e3) {
-    T(X, Y, e3);
+    x(X, Y, e3);
   }
   function Pe(e3) {
-    H.subTablePageInfo || (H.subTablePageInfo = {}), H.subTablePageInfo[z] = { pageSize: e3 };
+    E.subTablePageInfo || (E.subTablePageInfo = {}), E.subTablePageInfo[z] = { pageSize: e3 };
   }
   function Ie(e3) {
     const t2 = e3.key, n2 = e3.value;
-    H.selectOptions || (H.selectOptions = {}), H.selectOptions[t2] = n2;
+    E.selectOptions || (E.selectOptions = {}), E.selectOptions[t2] = n2;
   }
   function Re(e3) {
-    const t2 = H.code + "_";
+    const t2 = E.code + "_";
     P.$emit(t2 + "prohibit-edit", e3);
   }
   function Oe(e3) {
-    const t2 = H.entity.data;
+    const t2 = E.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(E, H, { selection: e3, row: t2 });
     }
   }
   function ke(e3) {
     J.value = e3;
-    d(H, L, { selection: e3 });
+    d(E, H, { selection: e3 });
   }
   function Me(e3) {
-    f(H, L, { newSelection: e3 });
+    f(E, H, { newSelection: e3 });
   }
   function Fe(e3, t2, n2, o2) {
-    b(H, L, { row: e3, column: t2, cell: n2, event: o2 });
+    b(E, H, { 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 });
+    v(E, H, { row: e3, column: t2, cell: n2, event: o2 });
   }
   function je(e3, t2, n2) {
-    g(H, L, { row: e3, column: t2, event: n2 });
+    g(E, H, { row: e3, column: t2, event: n2 });
   }
   function Ae(e3, t2, n2) {
-    m(H, L, { row: e3, column: t2, event: n2 });
+    m(E, H, { row: e3, column: t2, event: n2 });
   }
   function Ne(e3, t2) {
-    h(H, L, { column: e3, event: t2 });
+    h(E, H, { column: e3, event: t2 });
   }
-  function He(e3) {
-    H.entity.data = e3;
+  function Ee(e3) {
+    E.entity.data = e3;
   }
-  function Le() {
-    return x(X, Y);
+  function He() {
+    return T(X, Y);
   }
-  function Be(e3) {
-    return T(X, Y, e3);
+  function Le(e3) {
+    return x(X, Y, e3);
+  }
+  function Be({ row: e3, editConditions: t2 }) {
+    let n2 = true;
+    return t2 && t2.length > 0 && (n2 = w(N.pageContext, t2, e3)), n2;
   }
   return function() {
     const e3 = re();
-    e3 ? fe(e3) : (ue(e3), oe.value.isPageInfo = false, oe.value.subTableData = Le(), be());
+    e3 ? fe(e3) : (ue(e3), oe.value.isPageInfo = false, oe.value.subTableData = He(), be());
   }(), j2({ createRow: function() {
-    return ie.value.createRow(E);
+    return ae.value.createRow(B);
   }, getSelections: function() {
     return J.value;
   }, getSelectionIds: function() {
@@ -252,20 +256,20 @@ const j = e({ __name: "sub-table-runtime", props: { pageContext: {}, configure:
   }, clearSelections: function() {
     J.value = [];
   }, getTableConfigure: function() {
-    return L;
+    return H;
   }, validatorSunTableListData: function() {
-    return ie.value.validatorSunTableListData();
-  }, getValue: Le, setValue: Be, getTableSelectOptions: function() {
-    if (ie.value) return ie.value.getTableSelectOptions(E);
+    return ae.value.validatorSunTableListData();
+  }, getValue: He, setValue: Le, getTableSelectOptions: function() {
+    if (ae.value) return ae.value.getTableSelectOptions(B);
   }, dynamicControlTableEdit: function(e3, t2, n2) {
-    ie.value && ie.value.dynamicControlTableEdit(e3, t2, n2);
+    ae.value && ae.value.dynamicControlTableEdit(e3, t2, n2);
   }, doLayout: function(e3) {
-    ie.value && ie.value.doLayout(e3);
+    ae.value && ae.value.doLayout(e3);
   }, changeOperationAddState: function(e3) {
-    ie.value && ie.value.changeOperationAddState(e3);
+    ae.value && ae.value.changeOperationAddState(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)]);
+    const n2 = i("super-grid");
+    return l(), a("div", null, [ee.value ? (l(), u(n2, { key: 0, ref_key: "gridRef", ref: ae, url: s(Z) + "/dsc/commons/sub-table", options: oe.value, code: s(B), 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: Ee }, null, 8, ["url", "options", "code", "settings", "onNewOpenGridDialog"])) : r("", true)]);
   };
 } });
 export {

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 t, nextTick as l, 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 T } from "../../../../utils/page-helper-util.js";
+import { handleAfterInitEvent as k, 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) {
+    const e3 = C(M, z2.pageContext);
+    e3 && function(e4) {
+      const a2 = e4.dataType;
+      T(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,44 +33,44 @@ 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);
-        let t2 = null;
-        return t2 = "x" === a2 ? l2.toDate().getTime() : j(e3).format(a2), t2;
+        const t2 = R(e3);
+        let l2 = null;
+        return l2 = "x" === a2 ? t2.toDate().getTime() : R(e3).format(a2), l2;
       } catch (a3) {
         return e3;
       }
     }
     return e3;
   }
-  if (l(() => {
-    t(() => {
+  if (t(() => {
+    l(() => {
       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 });
+      k(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 t2 = F(P, B);
+      return e3.push(E(t2, 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 t2 = r("el-time-picker"), l2 = 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(t2, { 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, 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(l2, { key: 1, ref_key: "componentRef", ref: W, clearable: I.value.clearable, style: { width: "100%" }, 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
 };

package/dist/es/components/runtime/views/assemblys/form/file-upload/fileupload-runtime.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as e, ref as t, watch as l, onMounted as i, nextTick as o, onUnmounted as a, resolveComponent as s, createBlock as n, createCommentVNode as u, openBlock as p, normalizeStyle as r, normalizeClass as m, unref as f, withCtx as c, createElementBlock as v, toDisplayString as d } from "vue";
+import { defineComponent as e, ref as l, watch as t, onMounted as i, nextTick as o, onUnmounted as a, resolveComponent as s, createBlock as n, createCommentVNode as u, openBlock as p, normalizeStyle as r, normalizeClass as m, unref as f, withCtx as v, createElementBlock as c, toDisplayString as d } from "vue";
 import { getVariableValue as h, setVariableValue as y } from "../../../../utils/page-helper-util.js";
 import { handleAfterInitEvent as g, fileUploadBeforeUpload as C } from "../../../../utils/events/event-util.js";
 import x from "agilebuilder-ui/src/utils/request";
@@ -6,29 +6,29 @@ import { FsUploadNew as b } from "agilebuilder-ui";
 import k from "../../../../utils/eventBus.js";
 import { $t as _ } from "../../../../utils/i18n-util.js";
 const w = e({ __name: "fileupload-runtime", props: { pageContext: {}, configure: {} }, setup(e2) {
-  const w2 = e2, P = w2.configure.runtime ? w2.configure.runtime : {}, j = t(P.props ? P.props : {}), R = P.style, T = P.class, z = P.headerStyle, I = P.titleExceedStyle, O = w2.pageContext.entity ? w2.pageContext.entity : {}, S = w2.configure.props.base ? w2.configure.props.base : {}, F = G(S.prop), N = G(S.propName);
-  F && F.length > 1 && l(() => w2.pageContext.entity[F[0]][F[1]], (e3) => {
+  const w2 = e2, P = w2.configure.runtime ? w2.configure.runtime : {}, j = l(P.props ? P.props : {}), R = P.style, T = P.class, z = P.headerStyle, I = P.titleExceedStyle, O = w2.pageContext.entity ? w2.pageContext.entity : {}, S = w2.configure.props.base ? w2.configure.props.base : {}, F = G(S.prop), N = G(S.propName);
+  F && F.length > 1 && t(() => w2.pageContext.entity[F[0]][F[1]], (e3) => {
     A(h(O, F));
   });
-  const q = w2.pageContext.code, D = t(F ? q + "__" + F.join("__") : null), U = h(O, F), $ = t(null), W = t(false), B = t([]), E = t({});
+  const q = w2.pageContext.code, D = l(F ? q + "__" + F.join("__") : null), U = h(O, F), $ = l(null), W = l(false), B = l([]), E = l({});
   function A(e3) {
     if (e3) {
-      const t2 = e3.split(",");
-      if (t2.length > 0) {
+      const l2 = e3.split(",");
+      if (l2.length > 0) {
         const e4 = w2.pageContext.backendUrl;
-        x.post(e4 + "/common/fs-upload/search-file-names", t2).then((e5) => {
+        x.post(e4 + "/common/fs-upload/search-file-names", l2).then((e5) => {
           B.value = [];
-          const l2 = [];
-          for (let i2 = 0; i2 < t2.length; i2++) {
-            const o2 = t2[i2];
-            l2.push(e5[o2]), B.value.push({ showName: e5[o2], serverPath: o2 });
+          const t2 = [];
+          for (let i2 = 0; i2 < l2.length; i2++) {
+            const o2 = l2[i2];
+            t2.push(e5[o2]), B.value.push({ showName: e5[o2], serverPath: o2 });
           }
-          "input" === j.value.displayType && (E.value.showName = l2.join(","), E.value.serverPath = t2.join(","));
+          "input" === j.value.displayType && (E.value.showName = t2.join(","), E.value.serverPath = l2.join(","));
         }).finally(() => {
           W.value = true;
         });
       } else W.value = true;
-    } else W.value = true;
+    } else B.value = [], E.value = {}, W.value = true;
   }
   function G(e3) {
     return e3 ? (e3.startsWith("${") && (e3 = e3.substring(2, e3.length - 1)), e3.split(".")) : [];
@@ -37,31 +37,31 @@ const w = e({ __name: "fileupload-runtime", props: { pageContext: {}, configure:
     return C(e3);
   }
   A(U);
-  const J = (e3, t2, l2) => {
+  const J = (e3, l2, t2) => {
     L();
   }, K = (e3) => {
     L();
   }, L = () => {
-    const e3 = [], t2 = [];
+    const e3 = [], l2 = [];
     if (j.value.limit && B.value.length > j.value.limit) {
       const e4 = B.value.length - j.value.limit;
-      for (let t3 = 0; t3 < e4; t3++) B.value.shift();
+      for (let l3 = 0; l3 < e4; l3++) B.value.shift();
     }
-    for (let l2 = 0; l2 < B.value.length; l2++) e3.push(B.value[l2].showName), t2.push(B.value[l2].serverPath);
-    y(w2.pageContext.entity, F, t2.join(",")), y(w2.pageContext.entity, N, e3.join(","));
-  }, M = t(null), Q = t(null);
+    for (let t2 = 0; t2 < B.value.length; t2++) e3.push(B.value[t2].showName), l2.push(B.value[t2].serverPath);
+    y(w2.pageContext.entity, F, l2.join(",")), y(w2.pageContext.entity, N, e3.join(","));
+  }, M = l(null), Q = l(null);
   return i(() => {
     k.$on(D.value + "-pickFileDone", (e3) => {
       $.value.pickFileDone(e3);
     }), o(() => {
-      const e3 = h(O, F), t2 = { showName: h(O, N), serverPath: e3 };
-      g(t2, w2.pageContext, w2.configure, { formItemRef: M.value, componentRef: $.value, titleRef: Q.value, value: t2, entity: w2.pageContext.entity.data, pageData: w2.pageContext.entity.page });
+      const e3 = h(O, F), l2 = { showName: h(O, N), serverPath: e3 };
+      g(l2, w2.pageContext, w2.configure, { formItemRef: M.value, componentRef: $.value, titleRef: Q.value, value: l2, entity: w2.pageContext.entity.data, pageData: w2.pageContext.entity.page });
     });
   }), a(() => {
     k.$off(D.value + "-pickFileDone");
-  }), (e3, t2) => {
-    const l2 = s("el-form-item");
-    return j.value.tittleShow ? (p(), n(l2, { key: 0, ref_key: "formItemRef", ref: M, required: j.value.required, class: m(f(T)), "label-width": j.value.labelWidth, style: r(f(R)) }, { label: c(() => [j.value.tittleShow ? (p(), v("div", { key: 0, ref_key: "titleRef", ref: Q, style: r({ ...f(z), ...f(I) }) }, d(f(_)(j.value.title)), 5)) : u("", true)]), default: c(() => [W.value ? (p(), n(f(b), { key: 0, ref_key: "fileUploadRef", ref: $, style: { width: "100%" }, disabled: "disabled" === j.value.state, displayType: j.value.displayType, accept: j.value.accept, multiple: j.value.multiple, placeholder: j.value.placeholder, limit: j.value.limit, "limit-file-size": j.value.limitFileSize, openCameraOrChoosePhoto: j.value.openCameraOrChoosePhoto, "file-info": E.value, "file-list": B.value, "system-code": e3.pageContext.systemCode, componentId: D.value, "on-success": J, "on-remove": K, "before-upload": H, pageContext: e3.pageContext }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "openCameraOrChoosePhoto", "file-info", "file-list", "system-code", "componentId", "pageContext"])) : u("", true)]), _: 1 }, 8, ["required", "class", "label-width", "style"])) : W.value ? (p(), n(f(b), { key: 1, ref_key: "fileUploadRef", ref: $, style: { width: "100%" }, disabled: "disabled" === j.value.state, displayType: j.value.displayType, accept: j.value.accept, multiple: j.value.multiple, placeholder: j.value.placeholder, limit: j.value.limit, "limit-file-size": j.value.limitFileSize, openCameraOrChoosePhoto: j.value.openCameraOrChoosePhoto, "file-info": E.value, "file-list": B.value, "system-code": e3.pageContext.systemCode, componentId: D.value, "on-success": J, "on-remove": K, "before-upload": H, pageContext: e3.pageContext }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "openCameraOrChoosePhoto", "file-info", "file-list", "system-code", "componentId", "pageContext"])) : u("", true);
+  }), (e3, l2) => {
+    const t2 = s("el-form-item");
+    return j.value.tittleShow ? (p(), n(t2, { key: 0, ref_key: "formItemRef", ref: M, required: j.value.required, class: m(f(T)), "label-width": j.value.labelWidth, style: r(f(R)) }, { label: v(() => [j.value.tittleShow ? (p(), c("div", { key: 0, ref_key: "titleRef", ref: Q, style: r({ ...f(z), ...f(I) }) }, d(f(_)(j.value.title)), 5)) : u("", true)]), default: v(() => [W.value ? (p(), n(f(b), { key: 0, ref_key: "fileUploadRef", ref: $, style: { width: "100%" }, disabled: "disabled" === j.value.state, displayType: j.value.displayType, accept: j.value.accept, multiple: j.value.multiple, placeholder: j.value.placeholder, limit: j.value.limit, "limit-file-size": j.value.limitFileSize, openCameraOrChoosePhoto: j.value.openCameraOrChoosePhoto, "file-info": E.value, "file-list": B.value, "system-code": e3.pageContext.systemCode, componentId: D.value, "on-success": J, "on-remove": K, "before-upload": H, pageContext: e3.pageContext }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "openCameraOrChoosePhoto", "file-info", "file-list", "system-code", "componentId", "pageContext"])) : u("", true)]), _: 1 }, 8, ["required", "class", "label-width", "style"])) : W.value ? (p(), n(f(b), { key: 1, ref_key: "fileUploadRef", ref: $, style: { width: "100%" }, disabled: "disabled" === j.value.state, displayType: j.value.displayType, accept: j.value.accept, multiple: j.value.multiple, placeholder: j.value.placeholder, limit: j.value.limit, "limit-file-size": j.value.limitFileSize, openCameraOrChoosePhoto: j.value.openCameraOrChoosePhoto, "file-info": E.value, "file-list": B.value, "system-code": e3.pageContext.systemCode, componentId: D.value, "on-success": J, "on-remove": K, "before-upload": H, pageContext: e3.pageContext }, null, 8, ["disabled", "displayType", "accept", "multiple", "placeholder", "limit", "limit-file-size", "openCameraOrChoosePhoto", "file-info", "file-list", "system-code", "componentId", "pageContext"])) : u("", true);
   };
 } });
 export {