agilebuilder-ui 1.1.65-tmp23 → 1.1.65-tmp24

package/es/super-grid/src/components/mobile-table-card.mjs

@@ -1,106 +1,106 @@
 import { defineComponent as e, defineEmits as l, ref as t, computed as a, watch as o, onUnmounted as n, createVNode as r, resolveComponent as u, isVNode as i, mergeProps as d } from "vue";
-import { ElDrawer as c, ElBreadcrumb as s, ElLink as p, ElEmpty as v, ElDivider as m, ElIcon as g, ElDescriptions as h, ElDescriptionsItem as f, ElButton as w } from "element-plus";
-import b from "../normal-column-content.vue.mjs";
+import { ElDrawer as c, ElBreadcrumb as s, ElLink as p, ElEmpty as v, ElDivider as m, ElIcon as g, ElDescriptions as h, ElDescriptionsItem as f, ElButton as b } from "element-plus";
+import w from "../normal-column-content.vue.mjs";
 import y from "../../../src/components/Card/index.mjs";
 import C from "../../../src/components/Scrollbar/index.vue.mjs";
 import x from "../store.mjs";
 import { apisMixin as S } from "../apis.mjs";
 import k from "../eventBus.mjs";
-import { useI18n as $ } from "vue-i18n";
-import { Loading as D, CirclePlus as M } from "@element-plus/icons-vue";
+import { useI18n as D } from "vue-i18n";
+import { Loading as $, CirclePlus as M } from "@element-plus/icons-vue";
 function P(e2) {
   return "function" == typeof e2 || "[object Object]" === Object.prototype.toString.call(e2) && !i(e2);
 }
-const T = e({ name: "MobileTableCard", components: { NormalColumnContent: b, CardView: y, Scrollbar: C }, mixins: [S], props: { showFieldCount: { type: [Number, void 0], default: () => 5 }, columns: { type: Array, default: () => [] }, data: { type: Array, default: () => [] }, getColumnComponentData: { type: [Function, void 0], default: void 0 }, currentPage: { type: [Number], default: 1 }, pageSize: { type: [Number], default: 20 }, pageTotal: { type: [Number], default: 0 }, isStackingPaginatedData: { type: Boolean, default: () => false } }, setup(e2, i2) {
-  l(["currentChange", "update:current-page", "select"]);
-  const { t: S2 } = $(), { attrs: T2, emit: j, expose: I } = i2, z = t(false), A = t([]), G = t([]), B = t(void 0), F = t(void 0), N = t(false), R = t([]), O = t(void 0), E = (l2) => {
-    e2.isStackingPaginatedData ? A.value[(e2.currentPage ?? 1) - 1] = l2 : A.value[0] = l2, z.value = false;
+const T = e({ name: "MobileTableCard", components: { NormalColumnContent: w, CardView: y, Scrollbar: C }, mixins: [S], props: { showFieldCount: { type: [Number, void 0], default: () => 5 }, columns: { type: Array, default: () => [] }, data: { type: Array, default: () => [] }, getColumnComponentData: { type: [Function, void 0], default: void 0 }, currentPage: { type: [Number], default: 1 }, pageSize: { type: [Number], default: 20 }, pageTotal: { type: [Number], default: 0 }, isStackingPaginatedData: { type: Boolean, default: () => false }, listCode: { type: String, default: null }, isEnableEdit: { type: Boolean, default: () => false } }, setup(e2, i2) {
+  l(["currentChange", "update:current-page", "select", "selectionChange", "rowDblclick", "rowClick"]);
+  const { t: S2 } = D(), { attrs: T2, emit: E, expose: I } = i2, j = t(false), A = t([]), z = t([]), B = t(void 0), G = t(void 0), F = t(false), R = t([]), U = t(false), N = t(void 0), O = (l2) => {
+    e2.isStackingPaginatedData ? A.value[(e2.currentPage ?? 1) - 1] = l2 : A.value[0] = l2, j.value = false;
   };
-  E(e2.data);
-  const U = a(() => {
+  O(e2.data);
+  const V = a(() => {
     var _a, _b, _c, _d;
-    const e3 = x.get(T2.listCode), l2 = ((_a = e3 == null ? void 0 : e3.options) == null ? void 0 : _a.showOperationButton) ?? false, t2 = ((_b = e3 == null ? void 0 : e3.options) == null ? void 0 : _b.isFormSubTable) ?? false, a2 = ((_c = e3 == null ? void 0 : e3.options) == null ? void 0 : _c.subTableCanAdd) ?? false, o2 = (_d = J.value) == null ? void 0 : _d.some(({ prop: e4 }) => ["operation"].includes(e4));
-    return O ?? (l2 && t2 && a2 && o2);
+    const l2 = x.get(e2.listCode), t2 = ((_a = l2 == null ? void 0 : l2.options) == null ? void 0 : _a.showOperationButton) ?? false, a2 = ((_b = l2 == null ? void 0 : l2.options) == null ? void 0 : _b.isFormSubTable) ?? false, o2 = ((_c = l2 == null ? void 0 : l2.options) == null ? void 0 : _c.subTableCanAdd) ?? false, n2 = (_d = K.value) == null ? void 0 : _d.some(({ prop: e3 }) => ["operation"].includes(e3));
+    return N ?? (t2 && a2 && o2 && n2);
   });
-  k.$on("change-add-state", (e3) => O.value = e3);
-  const V = a(() => e2.isStackingPaginatedData ? A.value.flatMap((l2, t2) => t2 + 1 <= e2.currentPage ? l2 : []) : A.value[0] ?? []), H = a(() => {
+  k.$on("change-add-state", (e3) => N.value = e3);
+  const H = a(() => e2.isStackingPaginatedData ? A.value.flatMap((l2, t2) => t2 + 1 <= e2.currentPage ? l2 : []) : A.value[0] ?? []), L = a(() => {
     const e3 = (l2) => (l2 == null ? void 0 : l2.flatMap((l3) => {
       var _a;
       return ((_a = l3 == null ? void 0 : l3.children) == null ? void 0 : _a.length) ? [l3, ...e3(l3.children)] : [l3];
     })) ?? [];
-    return e3(V.value);
-  }), L = a(() => {
-    var _a;
-    return e2.isStackingPaginatedData ? (((_a = A.value[e2.currentPage - 1]) == null ? void 0 : _a.length) ?? 0) > 0 : V.value.length < e2.pageSize * e2.currentPage && Q.value >= e2.currentPage;
+    return e3(H.value);
   }), q = a(() => {
     var _a;
-    return ((_a = R.value[R.value.length - 1]) == null ? void 0 : _a.children) ?? [];
+    return e2.isStackingPaginatedData ? (((_a = A.value[e2.currentPage - 1]) == null ? void 0 : _a.length) ?? 0) > 0 : H.value.length < e2.pageSize * e2.currentPage && W.value >= e2.currentPage;
   }), J = a(() => {
+    var _a;
+    return ((_a = R.value[R.value.length - 1]) == null ? void 0 : _a.children) ?? [];
+  }), K = a(() => {
     const l2 = (e3) => (e3 == null ? void 0 : e3.flatMap((e4) => {
       var _a;
       return ((_a = e4 == null ? void 0 : e4.children) == null ? void 0 : _a.length) ? l2(e4.children) : [e4];
     })) ?? [];
     return l2(e2.columns.filter((e3) => !!e3 && !["$selection", "$index"].includes(e3 == null ? void 0 : e3.prop)));
-  }), K = a(() => {
-    const e3 = J.value.map((e4, l3) => (e4.operations ? e4.layoutModelType = "footer" : e4.layoutModelType = "content", e4)), l2 = e3.filter(({ layoutModelType: e4 }) => ["content"].includes(e4));
+  }), Q = a(() => {
+    const e3 = K.value.map((e4, l3) => (e4.operations ? e4.layoutModelType = "footer" : e4.layoutModelType = "content", e4)), l2 = e3.filter(({ layoutModelType: e4 }) => ["content"].includes(e4));
     return { header: l2[0] ? [l2[0]] : [], content: l2, footer: e3.filter(({ layoutModelType: e4 }) => ["footer"].includes(e4)) };
-  }), Q = a(() => e2.pageTotal ? Math.ceil(e2.pageTotal / e2.pageSize) : 0), W = a(() => !!(e2.showFieldCount && K.value.content.length > e2.showFieldCount)), X = a(() => K.value.footer.length > 0), Y = a(() => 7 * K.value.content.map((e3) => (e3 == null ? void 0 : e3.label) ?? 0).reduce((e3, l2) => Math.max(e3, [...l2].reduce((e4, l3) => /[\u4e00-\u9fff]/.test(l3) ? e4 + 2 : e4 + 1, 0)), 0) + 15), Z = a(() => e2.columns.some((e3) => ["$selection"].includes(e3 == null ? void 0 : e3.prop))), _ = a(() => e2.columns.some((e3) => ["$index"].includes(e3 == null ? void 0 : e3.prop))), ee = a(() => V.value[F.value]), le = (e3) => {
-    Z.value && (G.value.includes(e3) ? G.value = G.value.filter((l2) => l2 !== e3) : G.value = [.../* @__PURE__ */ new Set([...G.value, e3])], B.value = e3);
-  }, te = (l2, t2, a2, o2 = false) => {
+  }), W = a(() => e2.pageTotal ? Math.ceil(e2.pageTotal / e2.pageSize) : 0), X = a(() => !!(e2.showFieldCount && Q.value.content.length > e2.showFieldCount)), Y = a(() => Q.value.footer.length > 0), Z = a(() => 7 * Q.value.content.map((e3) => (e3 == null ? void 0 : e3.label) ?? 0).reduce((e3, l2) => Math.max(e3, [...l2].reduce((e4, l3) => /[\u4e00-\u9fff]/.test(l3) ? e4 + 2 : e4 + 1, 0)), 0) + 15), _ = a(() => e2.columns.some((e3) => ["$selection"].includes(e3 == null ? void 0 : e3.prop))), ee = a(() => e2.columns.some((e3) => ["$index"].includes(e3 == null ? void 0 : e3.prop))), le = a(() => H.value[G.value]), te = (e3) => {
+    _.value && (z.value.includes(e3) ? z.value = z.value.filter((l2) => l2 !== e3) : z.value = [.../* @__PURE__ */ new Set([...z.value, e3])], B.value = e3);
+  }, ae = (l2, t2, a2, o2 = false) => {
     var _a;
-    const { $bind: n2 = {}, $on: u2 = {} } = ((_a = e2.getColumnComponentData) == null ? void 0 : _a.call(e2, l2)) ?? {}, i3 = x.get(n2["list-code"]), c2 = i3 == null ? void 0 : i3.options, s2 = i3.lineEdit ?? false, p2 = { ...n2, options: c2, row: t2, rowIndex: a2, "right-click-menu-arr": c2 == null ? void 0 : c2.rightClickMenuArr, "line-edit": s2 }, v2 = { ...Object.fromEntries(Object.keys(u2).map((e3) => [`on${e3.charAt(0).toUpperCase()}${e3.slice(1).replace(/-([a-z])/g, (e4, l3) => l3.toUpperCase())}`, u2[e3]])) };
-    return r(b, d({ isContentViewText: o2 }, p2, v2), null);
-  }, ae = (e3, l2 = ee.value, t2 = F.value, a2 = void 0) => r(h, { column: 1, "label-width": Y.value, align: "right", direction: "horizontal", layout: "form" }, { default: () => {
+    const { $bind: n2 = {}, $on: u2 = {} } = ((_a = e2.getColumnComponentData) == null ? void 0 : _a.call(e2, l2)) ?? {}, i3 = x.get(n2["list-code"]), c2 = i3 == null ? void 0 : i3.options, s2 = i3.lineEdit ?? false, p2 = { ...n2, "page-grid-data": e2.data, "is-data-children": U.value, options: c2, row: t2, rowIndex: a2, "right-click-menu-arr": c2 == null ? void 0 : c2.rightClickMenuArr, "line-edit": s2 }, v2 = { ...Object.fromEntries(Object.keys(u2).map((e3) => [`on${e3.charAt(0).toUpperCase()}${e3.slice(1).replace(/-([a-z])/g, (e4, l3) => l3.toUpperCase())}`, u2[e3]])) };
+    return r(w, d({ isContentViewText: o2 }, p2, v2), null);
+  }, oe = (e3, l2 = le.value, t2 = G.value, a2 = void 0) => r(h, { column: 1, "label-width": Z.value, align: "right", direction: "horizontal", layout: "form" }, { default: () => {
     var _a, _b;
-    return [(_b = a2 ? (_a = e3 == null ? void 0 : e3.slice) == null ? void 0 : _a.call(e3, 0, a2) : e3) == null ? void 0 : _b.map((e4, a3) => r(f, { key: e4.label + a3 }, { default: () => [te(e4, l2, t2) || "-"], label: () => r("div", { innerHTML: e4.label ? `${e4.label}：` : "" }, null) }))];
+    return [(_b = a2 ? (_a = e3 == null ? void 0 : e3.slice) == null ? void 0 : _a.call(e3, 0, a2) : e3) == null ? void 0 : _b.map((e4, a3) => r(f, { key: e4.label + a3 }, { default: () => [ae(e4, l2, t2) || "-"], label: () => r("div", { innerHTML: e4.label ? `${e4.label}：` : "" }, null) }))];
   } });
   o(() => T2.selection, (e3) => {
-    G.value = e3.map(({ $rowDataGuId: e4 }) => e4);
-  }, { deep: true }), o(G, (e3, l2) => {
+    z.value = e3.map(({ $rowDataGuId: e4 }) => e4);
+  }, { deep: true }), o(z, (e3, l2) => {
     if (T2.selection.length === e3.length && T2.selection.every(({ $rowDataGuId: l3 }) => e3.includes(l3)))
       return;
-    const t2 = H.value.filter(({ $rowDataGuId: l3 }) => e3 == null ? void 0 : e3.includes(l3)), a2 = B.value ? H.value.find(({ $rowDataGuId: e4 }) => B.value === e4) : void 0;
-    e3.length > (l2 == null ? void 0 : l2.length) && a2 && j("select", t2, a2), e3.length < (l2 == null ? void 0 : l2.length) && a2 && j("select", t2, a2), j("selectionChange", t2), B.value = void 0;
+    const t2 = L.value.filter(({ $rowDataGuId: l3 }) => e3 == null ? void 0 : e3.includes(l3)), a2 = B.value ? L.value.find(({ $rowDataGuId: e4 }) => B.value === e4) : void 0;
+    e3.length > (l2 == null ? void 0 : l2.length) && a2 && E("select", t2, a2), e3.length < (l2 == null ? void 0 : l2.length) && a2 && E("select", t2, a2), E("selectionChange", t2), B.value = void 0;
   }, { deep: true }), o(() => e2.data, (e3) => {
-    E(e3);
+    U.value = e3.some((e4) => Array.isArray(e4 == null ? void 0 : e4.children)), O(e3);
   }, { deep: true });
-  const oe = () => {
-    if (Q.value, e2.currentPage, Q.value > 1 && Q.value > e2.currentPage && (V.value.length, e2.pageSize, e2.currentPage, V.value.length === e2.pageSize * e2.currentPage)) {
-      z.value = true;
+  const ne = () => {
+    if (W.value, e2.currentPage, W.value > 1 && W.value > e2.currentPage && (H.value.length, e2.pageSize, e2.currentPage, H.value.length === e2.pageSize * e2.currentPage)) {
+      j.value = true;
       const l2 = e2.currentPage + 1;
-      Q.value, j("update:current-page", l2), j("currentChange", l2);
+      W.value, E("update:current-page", l2), E("currentChange", l2);
     }
   };
   n(() => {
     k.$off("change-add-state");
   });
-  return { getAddBtn: (e3) => {
-    let l2;
-    return U.value && r(w, { type: "primary", plain: true, icon: r(M, null, null), onClick: () => e3 == null ? void 0 : e3(T2.listCode) }, P(l2 = S2("imatrixUIPublicModel.add")) ? l2 : { default: () => [l2] });
-  }, renderDom: (l2) => r(C, { onScrollToBottom: oe, "flex-auto": true, "set-max-height": (e3) => {
+  return { getAddBtn: (l2) => {
+    let t2;
+    return V.value && r(b, { type: "primary", plain: true, icon: r(M, null, null), onClick: () => l2 == null ? void 0 : l2(e2.listCode) }, P(t2 = S2("imatrixUIPublicModel.add")) ? t2 : { default: () => [t2] });
+  }, renderDom: (l2) => r(C, { onScrollToBottom: ne, "flex-auto": true, "set-max-height": (e3) => {
     if (e3 == null ? void 0 : e3.windowHeight) {
       const l3 = (e3 == null ? void 0 : e3.windowHeight) - 70;
       return l3 > 400 ? l3 : 400;
     }
-  } }, { default: () => [r(c, { modelValue: N.value, "onUpdate:modelValue": (e3) => N.value = e3, "modal-class": "yx-drawer yx-scrollbar-body", "with-header": true, direction: "btt", "append-to-body": true, size: "90vh", onClosed: () => R.value = [] }, { default: () => [r(C, { "scrollable-main": true, "max-height": "100%", style: { flex: "1 1 auto" } }, { default: () => [r("div", { class: "yx-flex-wrap", vertical: true, style: { gap: "15px" } }, [q.value.map((l3, t2) => {
+  } }, { default: () => [r(c, { modelValue: F.value, "onUpdate:modelValue": (e3) => F.value = e3, "modal-class": "yx-drawer yx-scrollbar-body", "with-header": true, direction: "btt", "append-to-body": true, size: "90vh", onClosed: () => R.value = [] }, { default: () => [r(C, { "scrollable-main": true, "max-height": "100%", style: { flex: "1 1 auto" } }, { default: () => [r("div", { class: "yx-flex-wrap", vertical: true, style: { gap: "15px" } }, [J.value.map((l3, t2) => {
     var _a, _b, _c, _d;
-    const a2 = G.value.includes(l3.$rowDataGuId), o2 = !!((((_a = l3 == null ? void 0 : l3.children) == null ? void 0 : _a.length) ?? 0) > 0), n2 = ((_b = K.value.content) == null ? void 0 : _b.find(({ property: e3 }) => e3)) ?? K.value.content[0];
-    return r(y, { form: l3, no: _ ? t2 + 1 : void 0, isChecked: a2, isSubTable: o2, isCheck: Z.value, isMore: !l3.$editing, isShowDetailsMore: W.value, onChecked: () => !l3.$editing && le(l3.$rowDataGuId), onShowSubTable: () => {
+    const a2 = z.value.includes(l3.$rowDataGuId), o2 = !!((((_a = l3 == null ? void 0 : l3.children) == null ? void 0 : _a.length) ?? 0) > 0), n2 = ((_b = Q.value.content) == null ? void 0 : _b.find(({ property: e3 }) => e3)) ?? Q.value.content[0], u2 = e2.isEnableEdit;
+    return r(y, { form: l3, no: ee ? t2 + 1 : void 0, isChecked: a2, isSubTable: o2, isCheck: _.value, isMore: !l3.$editing, isShowDetailsMore: X.value, isEnableEdit: u2, onChecked: () => !l3.$editing && te(l3.$rowDataGuId), onShowSubTable: () => {
       R.value = [...R.value, l3];
-    }, onRowClick: (e3) => j("rowClick", l3, n2, e3), onRowDblclick: (e3) => j("rowDblclick", l3, n2, e3) }, { titleSlot: K.value.header && ((_c = K.value.header) == null ? void 0 : _c.map((e3) => te(e3, l3, t2, true))), children: ({ isMore: a3 }) => ae(K.value.content, l3, t2, a3 ? e2.showFieldCount : void 0), footerSlot: X.value && r("div", { class: "yx-flex-wrap", wrap: true, style: { gap: "15px" } }, [(_d = K.value.footer) == null ? void 0 : _d.map((e3) => te(e3, l3, t2))]) });
+    }, onRowClick: (e3) => E("rowClick", l3, n2, e3), onRowDblclick: (e3) => E("rowDblclick", l3, n2, e3) }, { titleSlot: Q.value.header && ((_c = Q.value.header) == null ? void 0 : _c.map((e3) => ae(e3, l3, t2, true))), children: ({ isMore: a3 }) => oe(Q.value.content, l3, t2, a3 ? e2.showFieldCount : void 0), footerSlot: Y.value && r("div", { class: "yx-flex-wrap", wrap: true, style: { gap: "15px" } }, [(_d = Q.value.footer) == null ? void 0 : _d.map((e3) => ae(e3, l3, t2))]) });
   })])] })], header: () => {
     let e3;
-    return r("div", { class: "yx-flex-wrap", style: { gap: "10px" } }, [K.value.header[0] && `${K.value.header[0].label}: `, r(s, { "separator-icon": r(u("ArrowRight"), null, null) }, P(e3 = R.value.map((e4, l3) => {
-      const t2 = te(K.value.header[0], e4, void 0, true);
+    return r("div", { class: "yx-flex-wrap", style: { gap: "10px" } }, [Q.value.header[0] && `${Q.value.header[0].label}: `, r(s, { "separator-icon": r(u("ArrowRight"), null, null) }, P(e3 = R.value.map((e4, l3) => {
+      const t2 = ae(Q.value.header[0], e4, void 0, true);
       return r(u("ElBreadcrumbItem"), null, { default: () => [R.value.length - 1 === l3 ? t2 : r(p, { onClick: () => R.value = R.value.slice(0, l3 + 1) }, P(t2) ? t2 : { default: () => [t2] })] });
     })) ? e3 : { default: () => [e3] })]);
-  } }), r("div", { class: "yx-flex-wrap", vertical: true, style: "gap: 15px;" }, [0 === V.value.length && r(v, null, P(l2) ? l2 : { default: () => [l2] }), V.value.map((l3, t2) => {
+  } }), r("div", { class: "yx-flex-wrap", vertical: true, style: "gap: 15px;" }, [0 === H.value.length && r(v, { description: S2("imatrixUIPublicModel.noData") }, P(l2) ? l2 : { default: () => [l2] }), H.value.map((l3, t2) => {
     var _a, _b, _c, _d;
-    const a2 = G.value.includes(l3.$rowDataGuId), o2 = !!((_a = l3 == null ? void 0 : l3.children) == null ? void 0 : _a.length), n2 = ((_b = K.value.content) == null ? void 0 : _b.find(({ property: e3 }) => e3)) ?? K.value.content[0];
-    return r(y, { form: l3, no: _ ? t2 + 1 : void 0, isChecked: a2, isSubTable: o2, isCheck: Z.value, isMore: !l3.$editing, isShowDetailsMore: W.value, onChecked: () => !l3.$editing && le(l3.$rowDataGuId), onShowSubTable: () => {
-      R.value = [l3], N.value = true;
-    }, onRowClick: (e3) => j("rowClick", l3, n2, e3), onRowDblclick: (e3) => j("rowDblclick", l3, n2, e3) }, { titleSlot: K.value.header && ((_c = K.value.header) == null ? void 0 : _c.map((e3) => te(e3, l3, t2, true))), children: ({ isMore: a3 }) => ae(K.value.content, l3, t2, a3 ? e2.showFieldCount : void 0), footerSlot: X.value && r("div", { class: "yx-flex-wrap", wrap: true, style: { gap: "15px" } }, [(_d = K.value.footer) == null ? void 0 : _d.map((e3) => te(e3, l3, t2))]) });
-  }), V.value.length > 0 && l2, V.value.length > 0 && Q.value > 1 && r(m, null, { default: () => [Q.value > e2.currentPage || z.value ? r(g, { "loading-rotate": true, size: 25, color: "#409eff", style: { margin: "15px auto" } }, { default: () => [r(D, null, null)] }) : Q.value <= e2.currentPage && L.value && "END"] })])] }) };
+    const a2 = z.value.includes(l3.$rowDataGuId), o2 = !!((_a = l3 == null ? void 0 : l3.children) == null ? void 0 : _a.length), n2 = ((_b = Q.value.content) == null ? void 0 : _b.find(({ property: e3 }) => e3)) ?? Q.value.content[0], u2 = e2.isEnableEdit;
+    return r(y, { form: l3, no: ee ? t2 + 1 : void 0, isChecked: a2, isSubTable: o2, isCheck: _.value, isMore: !l3.$editing, isShowDetailsMore: X.value, isEnableEdit: u2, onChecked: () => !l3.$editing && te(l3.$rowDataGuId), onShowSubTable: () => {
+      R.value = [l3], F.value = true;
+    }, onRowClick: (e3) => E("rowClick", l3, n2, e3), onRowDblclick: (e3) => E("rowDblclick", l3, n2, e3) }, { titleSlot: Q.value.header && ((_c = Q.value.header) == null ? void 0 : _c.map((e3) => ae(e3, l3, t2, true))), children: ({ isMore: a3 }) => oe(Q.value.content, l3, t2, a3 ? e2.showFieldCount : void 0), footerSlot: Y.value && r("div", { class: "yx-flex-wrap", wrap: true, style: { gap: "15px" } }, [(_d = Q.value.footer) == null ? void 0 : _d.map((e3) => ae(e3, l3, t2))]) });
+  }), H.value.length > 0 && l2, H.value.length > 0 && W.value > 1 && r(m, null, { default: () => [W.value > e2.currentPage || j.value ? r(g, { "loading-rotate": true, size: 25, color: "#409eff", style: { margin: "15px auto" } }, { default: () => [r($, null, null)] }) : W.value <= e2.currentPage && q.value && S2("imatrixUIPublicModel.noMoreData")] })])] }) };
 }, render() {
   return this.renderDom(this.getAddBtn(this.createRow));
 } });

package/es/super-grid/src/normal-column-content.vue.mjs

@@ -1,6 +1,6 @@
 import { CirclePlus as t, ZoomIn as e } from "@element-plus/icons-vue";
 import { $on as o, $off as i, $emit as n } from "../../utils/gogocodeTransfer.mjs";
-import { getAdditionalParamMap as l, isDisableEdit as s, isEditOptionFunction as r, ArrowKeyAction as a, isHasEditOption as d, getFileList as p, isRequiredEdit as c, isDynamicDataSourceSource as m } from "./utils.mjs";
+import { getAdditionalParamMap as l, isDisableEdit as s, isEditOptionFunction as r, ArrowKeyAction as a, isHasEditOption as p, getFileList as d, isRequiredEdit as c, isDynamicDataSourceSource as m } from "./utils.mjs";
 import u from "./dynamic-input.vue.mjs";
 import h from "./store.mjs";
 import { doFormatWithValueSet as w } from "./formatter.mjs";
@@ -18,7 +18,7 @@ import { formatScanRuleSets as k } from "./scan-util.mjs";
 import T from "../../src/store/index.mjs";
 import { isPromise as F } from "../../src/utils/common-util.mjs";
 import "element-plus";
-import { resolveComponent as O, resolveDirective as j, openBlock as P, createElementBlock as R, createBlock as $, normalizeClass as L, withKeys as q, createVNode as H, withCtx as G, toDisplayString as A, createCommentVNode as V, Fragment as _, renderList as M, withDirectives as N, createTextVNode as B, resolveDynamicComponent as W, createElementVNode as U, normalizeStyle as J } from "vue";
+import { resolveComponent as O, resolveDirective as j, openBlock as P, createElementBlock as R, createBlock as $, normalizeClass as L, withKeys as q, createVNode as H, withCtx as A, toDisplayString as V, createCommentVNode as G, Fragment as _, renderList as M, withDirectives as N, createTextVNode as B, resolveDynamicComponent as W, createElementVNode as U, normalizeStyle as J } from "vue";
 import "./normal-column-content.vue2.mjs";
 import z from "../../_virtual/_plugin-vue_export-helper.mjs";
 import K from "../../fs-preview/src/fs-preview.vue.mjs";
@@ -34,8 +34,8 @@ const Z = { components: { DynamicInput: u, RowOperation: g, ViewImageDialog: E,
   const r2 = this.listCode + "_" + this.column.prop;
   let a2;
   null !== e2.lineEdit && void 0 !== e2.lineEdit && (a2 = e2.lineEdit);
-  let d2 = "hidden";
-  return e2.basicInfo && e2.basicInfo.textOverflow && (d2 = e2.basicInfo.textOverflow), this.isShowForm && (d2 = "newline"), { selectRow: null, that: this, columnFormatter: this.column.formatter, hyperLinks: {}, fileDownType: "", isFormSubTable: false, subTableCanAdd: true, isShowAdd: false, cellWidth: null, parentFormData: t2, fileMultiple: false, showSingleImgFlag: false, singleImgSrc: "", fileList: [], index: null, isEditable: this.column.editable, showRichEditorViewer: false, getFormData: e2.options.getFormData, getTableGridData: e2.options.getGridData, additionalParamMap: i2, disabled: false, additionalSettings: this.getColumnCustomControlControlConfig(this.column.formatter), scanEnable: s2, componentId: r2, controlConfig: n2, requiredClass: "", lineEdit: a2, options: o2, textOverflow: d2, linkObject: {} };
+  let p2 = "hidden";
+  return e2.basicInfo && e2.basicInfo.textOverflow && (p2 = e2.basicInfo.textOverflow), this.isShowForm && (p2 = "newline"), { selectRow: null, that: this, columnFormatter: this.column.formatter, hyperLinks: {}, fileDownType: "", isFormSubTable: false, subTableCanAdd: true, isShowAdd: false, cellWidth: null, parentFormData: t2, fileMultiple: false, showSingleImgFlag: false, singleImgSrc: "", fileList: [], index: null, isEditable: this.column.editable, showRichEditorViewer: false, getFormData: e2.options.getFormData, getTableGridData: e2.options.getGridData, additionalParamMap: i2, disabled: false, additionalSettings: this.getColumnCustomControlControlConfig(this.column.formatter), scanEnable: s2, componentId: r2, controlConfig: n2, requiredClass: "", lineEdit: a2, options: o2, textOverflow: p2, linkObject: {} };
 }, computed: { isHideEdit() {
   return !!this.disabled;
 }, $rowGuId() {
@@ -195,10 +195,10 @@ const Z = { components: { DynamicInput: u, RowOperation: g, ViewImageDialog: E,
   }
 }, isSaveByEnter() {
   const t2 = h.get(this.listCode);
-  return void 0 === t2.options.lineEditOptions.isSaveByEnter || d("isSaveByEnter", this.listCode) && true === t2.options.lineEditOptions.isSaveByEnter;
+  return void 0 === t2.options.lineEditOptions.isSaveByEnter || p("isSaveByEnter", this.listCode) && true === t2.options.lineEditOptions.isSaveByEnter;
 }, isRestoreByEsc() {
   const t2 = h.get(this.listCode);
-  return void 0 === t2.options.lineEditOptions.isRestoreByEsc || d("isRestoreByEsc", this.listCode) && true === t2.options.lineEditOptions.isRestoreByEsc;
+  return void 0 === t2.options.lineEditOptions.isRestoreByEsc || p("isRestoreByEsc", this.listCode) && true === t2.options.lineEditOptions.isRestoreByEsc;
 }, canFocus(t2) {
   const e2 = h.get(this.listCode);
   return t2 === e2.lineEdit.editingCell.row && this.column.prop === e2.lineEdit.editingCell.prop;
@@ -231,9 +231,9 @@ const Z = { components: { DynamicInput: u, RowOperation: g, ViewImageDialog: E,
     });
   }), e2 && f.onClickFun(t2.row, this.column, e2.onClick, t2.rowIndex);
 }, beforeHandleCommand: (t2, e2, o2) => ({ comman: t2, row: e2, rowIndex: o2 }), previewImg(t2) {
-  this.fileList = p(t2, this.column, this.isSql), this.showSingleImgFlag = true;
+  this.fileList = d(t2, this.column, this.isSql), this.showSingleImgFlag = true;
 }, getFileList(t2) {
-  return p(t2, this.column, this.isSql);
+  return d(t2, this.column, this.isSql);
 }, getColumnWidth() {
   return this.column && "operation" === this.column.prop && !this.column.width ? "210" : this.column.width ? this.column.width + "" : "130";
 }, fnProhibitToEdit(t2) {
@@ -308,12 +308,12 @@ const Z = { components: { DynamicInput: u, RowOperation: g, ViewImageDialog: E,
     if (t2 && t2.customParams)
       return y(t2.customParams, (_c = this.options) == null ? void 0 : _c.pageContext, this.row);
   }
-} }, emits: ["refresData", "refresPortData", "refresPortsData", "refresMainTableFields", "prohibitToEdit", "deleteFormSubTableRow"] }, X = { class: "normal-column-content-view" }, Q = { key: 0, "table-column-placeholder": "" }, Y = { key: 1, class: "grid-operation-buttons", "data-v": "20250527" }, tt = ["id"], et = { key: 0, type: "primary" }, ot = ["id", "title"], it = ["id", "title"], nt = ["id"], lt = ["id", "title"], st = ["id"], rt = { key: 0, type: "primary", style: { width: "100%" } }, at = ["id", "title"], dt = ["id"], pt = { key: 1 }, ct = ["id", "title"], mt = ["id", "title"], ut = ["id"], ht = ["id", "title", "innerHTML"], wt = ["id"];
+} }, emits: ["refresData", "refresPortData", "refresPortsData", "refresMainTableFields", "prohibitToEdit", "deleteFormSubTableRow"] }, X = { class: "normal-column-content-view" }, Q = { key: 0, "table-column-placeholder": "" }, Y = { key: 1, class: "grid-operation-buttons", "data-v": "20250527" }, tt = ["id"], et = { key: 0, type: "primary" }, ot = ["id", "title"], it = ["id", "title"], nt = ["id"], lt = ["id", "title"], st = ["id"], rt = { key: 0, type: "primary", style: { width: "100%" } }, at = ["id", "title"], pt = ["id"], dt = { key: 1 }, ct = ["id", "title"], mt = ["id", "title"], ut = ["id"], ht = ["id", "title", "innerHTML"], wt = ["id"];
 const ft = z(Z, [["render", function(t2, e2, o2, i2, n2, l2) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-  const s2 = O("dynamic-input"), r2 = O("Edit"), a2 = O("el-icon"), d2 = O("el-dropdown-item"), p2 = O("el-dropdown-menu"), c2 = O("el-dropdown"), m2 = O("row-operation"), u2 = O("secret-info"), h2 = O("FsPreview"), w2 = O("SuperIcon"), f2 = O("el-link"), g2 = O("el-tooltip"), b2 = O("GridIcon"), C2 = O("view-image-dialog"), y2 = O("rich-editor-viewer"), x2 = j("permission");
-  return P(), R("div", X, [l2.isEditing || o2.isShowForm ? (P(), $(s2, { key: 0, ref: "dynamicRef", value: o2.row[o2.column.prop], "onUpdate:value": e2[0] || (e2[0] = (t3) => o2.row[o2.column.prop] = t3), class: L(n2.requiredClass), column: o2.column, "is-sql": o2.isSql, "line-edit": n2.lineEdit, "list-code": o2.listCode, "list-toolbar-form-data": o2.listToolbarFormData, options: o2.column.valueSet, "grid-options": n2.options, position: { row: o2.rowIndex, prop: o2.column.prop }, disabled: n2.disabled, row: o2.row, "row-index": o2.rowIndex, type: o2.column.componentType, onKeyup: q(l2.clearAllEditing, ["enter"]), onFindIndex: e2[1] || (e2[1] = (t3) => l2.findIndex(o2.rowIndex)), onFocus: e2[2] || (e2[2] = (t3) => l2.onFocus(o2.rowIndex)), onProhibitToEdit: l2.prohibitToEdit, onRefreshList: l2.refreshList, onRefresData: l2.refresData, onRefresMainTableFields: l2.refresMainTableFields, onRefresPortData: l2.refresPortData, onRefresPortsData: l2.refresPortsData, onChangeDisabled: l2.changeDisabled, onChangeRequired: l2.changeRequired, onOpenPage: l2.openPageEvent }, null, 8, ["value", "class", "column", "is-sql", "line-edit", "list-code", "list-toolbar-form-data", "options", "grid-options", "position", "disabled", "row", "row-index", "type", "onKeyup", "onProhibitToEdit", "onRefreshList", "onRefresData", "onRefresMainTableFields", "onRefresPortData", "onRefresPortsData", "onChangeDisabled", "onChangeRequired", "onOpenPage"])) : (P(), R("div", { key: 1, class: L(((_d = (_c = (_b = (_a = n2.options) == null ? void 0 : _a.configureObj) == null ? void 0 : _b.props) == null ? void 0 : _c.base) == null ? void 0 : _d.columnEditable) ? "column-text-main" : "") }, [n2.lineEdit.editable && ((_h = (_g = (_f = (_e = n2.options) == null ? void 0 : _e.configureObj) == null ? void 0 : _f.props) == null ? void 0 : _g.base) == null ? void 0 : _h.columnEditable) && n2.isEditable && !l2.isHideEdit && !o2.isContentViewText ? (P(), R("div", { key: 0, class: "column-text-edit-main", onClick: e2[3] || (e2[3] = (...t3) => l2.onEditing && l2.onEditing(...t3)) }, [H(a2, { size: 14, color: "#409eff" }, { default: G(() => [H(r2)]), _: 1 }), [void 0, null, ""].includes(o2.row[o2.column.prop]) ? (P(), R("span", Q, A(t2.$t("superGrid.editablePlaceholder")), 1)) : V("", true)])) : V("", true), o2.column.operations ? (P(), R("span", Y, [(P(true), R(_, null, M(o2.column.operations, (e3, i3) => (P(), R("span", { key: i3, class: L([o2.isShowForm ? "" : "cell--span", "buttons-row-content-span"]) }, [e3.isGroup ? (P(), $(c2, { key: 0, size: e3.buttons && e3.buttons.length > 0 ? e3.buttons[0].props.size : "small", "split-button": "", onCommand: l2.handleCommand }, { dropdown: G(() => [H(p2, null, { default: G(() => [(P(true), R(_, null, M(e3.buttons, (e4, i4) => (P(), R("span", { key: e4.props.code + i4 }, [N((P(), $(d2, { command: l2.beforeHandleCommand(e4.props.code, o2.row, o2.rowIndex), disabled: t2.preventReclick }, { default: G(() => [B(A(t2.$escapeHtml(e4.props.label)), 1)]), _: 2 }, 1032, ["command", "disabled"])), [[x2, e4.props.permission]])]))), 128))]), _: 2 }, 1024)]), default: G(() => [B(A(t2.$escapeHtml(e3.label)) + " ", 1)]), _: 2 }, 1032, ["size", "onCommand"])) : e3.props.customControl ? N((P(), $(W(e3.props.customControl), { key: o2.column.prop + "_" + o2.rowIndex + "_" + o2.currentPage, disabled: true, row: o2.pageGridData[o2.rowIndex], entity: o2.pageGridData[o2.rowIndex], prop: o2.column.prop, parent: n2.parentFormData, "row-index": o2.rowIndex, "grid-data": o2.gridData, "page-grid-data": o2.pageGridData, "current-page": o2.currentPage, "custom-params": n2.controlConfig ? n2.controlConfig.customParams : null, onRefreshList: l2.refreshList }, null, 40, ["row", "entity", "prop", "parent", "row-index", "grid-data", "page-grid-data", "current-page", "custom-params", "onRefreshList"])), [[x2, e3.props.permission]]) : (P(), $(m2, { key: 2, column: o2.column, editing: o2.row.$editing, entity: o2.row, "is-show": e3.isShow, label: e3.props.label ? e3.props.label : o2.row[o2.column.prop], "on-click": e3.onClick, "operation-index": i3, "operation-setting": e3.props, "event-name": e3.eventName, "row-index": o2.rowIndex, "list-code": o2.listCode, "parent-form-data": n2.parentFormData, "is-table-btn-link": "" }, null, 8, ["column", "editing", "entity", "is-show", "label", "on-click", "operation-index", "operation-setting", "event-name", "row-index", "list-code", "parent-form-data"]))], 2))), 128))])) : t2.customFormatValue(o2.row, o2.column.prop, o2.customFormat, o2.rowIndex) ? (P(), R("span", { key: 2, class: L(o2.isShowForm ? "" : "cell--span") }, [(P(), $(W(o2.column.prop + o2.rowIndex), { entity: o2.row, parent: n2.parentFormData, prop: o2.column.prop, row: o2.row, "row-index": o2.rowIndex, "select-options": o2.column.valueSet, "show-value": t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)), value: l2.getCellValue(o2.row), "additional-param-map": n2.additionalParamMap, "additional-settings": n2.additionalSettings, "page-context": (_i = n2.options) == null ? void 0 : _i.pageContext, "custom-params": n2.controlConfig ? n2.controlConfig.customParams : null }, null, 8, ["entity", "parent", "prop", "row", "row-index", "select-options", "show-value", "value", "additional-param-map", "additional-settings", "page-context", "custom-params"]))], 2)) : void 0 !== n2.columnFormatter && void 0 !== n2.columnFormatter.type && "customControl" === n2.columnFormatter.type && n2.columnFormatter.options && n2.columnFormatter.options.format && "" !== n2.columnFormatter.options.format ? (P(), R("span", { key: 3, class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [(P(), $(W(n2.columnFormatter.options.format), { key: o2.column.prop + "_" + o2.rowIndex + "_" + o2.currentPage, "current-page": o2.currentPage, disabled: true, entity: o2.pageGridData[o2.rowIndex], "get-form-data": n2.getFormData, "get-grid-data": n2.getTableGridData, "grid-data": o2.gridData, "page-grid-data": o2.pageGridData, parent: n2.parentFormData, prop: o2.column.prop, row: o2.pageGridData[o2.rowIndex], "row-index": o2.rowIndex, "select-options": o2.column.valueSet, "show-value": t2.$escapeHtml(l2.getLabel(o2.pageGridData[o2.rowIndex], o2.rowIndex)), value: l2.getCellValue(o2.pageGridData[o2.rowIndex]), "additional-param-map": n2.additionalParamMap, listCode: o2.listCode, "component-id": n2.componentId, "additional-settings": n2.additionalSettings, "page-context": (_j = n2.options) == null ? void 0 : _j.pageContext, "custom-params": l2.getCustomParams(), onProhibitToEdit: l2.prohibitToEdit, onRefreshList: l2.refreshList }, null, 40, ["current-page", "entity", "get-form-data", "get-grid-data", "grid-data", "page-grid-data", "parent", "prop", "row", "row-index", "select-options", "show-value", "value", "additional-param-map", "listCode", "component-id", "additional-settings", "page-context", "custom-params", "onProhibitToEdit", "onRefreshList"]))], 2)) : void 0 !== n2.columnFormatter && void 0 !== n2.columnFormatter.type && "secretInfo" === n2.columnFormatter.type ? (P(), R("span", { key: 4, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, [H(u2, { entity: o2.row, "field-label": t2.$escapeHtml(t2.label), "list-code": o2.listCode, "list-name": o2.listName, "page-code": o2.pageCode, prop: o2.column.prop, "table-name": o2.tableName, value: l2.getCellValue(o2.row) }, null, 8, ["entity", "field-label", "list-code", "list-name", "page-code", "prop", "table-name", "value"])], 10, tt)) : t2.isObjectProp(o2.column.prop) ? (P(), R(_, { key: 5 }, [o2.column.formatter && "files" === o2.column.formatter.type ? (P(), R("span", et, [U("span", { id: o2.column.prop + "DomData" + o2.rowIndex, title: t2.isShowOverflowTooltip ? t2.$escapeHtml(l2.getLabel(o2.row)) : "", class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [H(h2, { entity: o2.row, "file-set-obj": l2.getFilesFormatter(), "is-sql": o2.isSql, label: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 8, ["entity", "file-set-obj", "is-sql", "label"])], 10, ot)])) : "hyperlinks" === ((_k = n2.columnFormatter) == null ? void 0 : _k.type) && true === n2.linkObject.visible ? (P(), $(f2, { key: 1, type: l2.getLinkType(o2.row), onClick: e2[4] || (e2[4] = (e3) => t2.clickHyperLink(o2.column, o2.row, o2.listCode, o2.rowIndex)) }, { default: G(() => [t2.isShowOverflowTooltip ? (P(), R("span", { key: 0, id: o2.column.prop + "DomData" + o2.rowIndex, style: J("newline" === n2.textOverflow ? {} : { width: n2.cellWidth + "px" }), title: n2.linkObject.title, class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [B(A(n2.linkObject.label) + " ", 1), n2.linkObject.icon ? (P(), $(w2, { key: 0, iconValue: n2.linkObject.icon }, null, 8, ["iconValue"])) : V("", true)], 14, it)) : (P(), R("span", { key: 1, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, [B(A(n2.linkObject.label) + " ", 1), n2.linkObject.icon ? (P(), $(w2, { key: 0, iconValue: n2.linkObject.icon }, null, 8, ["iconValue"])) : V("", true)], 10, nt))]), _: 1 }, 8, ["type"])) : t2.isShowOverflowTooltip ? (P(), R("span", { key: 2, id: o2.column.prop + "DomData" + o2.rowIndex, style: J("newline" === n2.textOverflow ? {} : { width: n2.cellWidth + "px" }), title: t2.$escapeHtml(l2.getLabel(o2.row)), class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, A(t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex))), 15, lt)) : (P(), R("span", { key: 3, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, A(t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex))), 11, st))], 64)) : (P(), R(_, { key: 6 }, ["annex" === o2.column.componentType || "multipartUpload" === o2.column.componentType ? (P(), R("span", rt, [t2.isShowOverflowTooltip ? (P(), R("span", { key: 0, id: o2.column.prop + "DomData" + o2.rowIndex, title: t2.$escapeHtml(l2.getLabel(o2.row)), class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [H(h2, { width: n2.cellWidth, entity: o2.row, "file-set-obj": l2.getFileObj(o2.column.fileSet), "is-sql": o2.isSql, label: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 8, ["width", "entity", "file-set-obj", "is-sql", "label"])], 10, at)) : (P(), R("span", { key: 1, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, [H(h2, { entity: o2.row, "file-set-obj": l2.getFileObj(o2.column.fileSet), "is-sql": o2.isSql, label: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 8, ["entity", "file-set-obj", "is-sql", "label"])], 10, dt))])) : o2.column.formatter && "files" === o2.column.formatter.type ? (P(), R("span", pt, [U("span", { id: o2.column.prop + "DomData" + o2.rowIndex, title: t2.isShowOverflowTooltip ? t2.$escapeHtml(l2.getLabel(o2.row)) : "", class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [H(h2, { entity: o2.row, "file-set-obj": l2.getFilesFormatter(), "is-sql": o2.isSql, label: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 8, ["entity", "file-set-obj", "is-sql", "label"])], 10, ct)])) : "hyperlinks" === ((_l = n2.columnFormatter) == null ? void 0 : _l.type) && n2.linkObject.visible ? (P(), $(f2, { key: 2, type: "primary", onClick: e2[5] || (e2[5] = (e3) => t2.clickHyperLink(o2.column, o2.row, o2.listCode, o2.rowIndex)) }, { default: G(() => [t2.isShowOverflowTooltip ? (P(), R("span", { key: 0, id: o2.column.prop + "DomData" + o2.rowIndex, style: J("newline" === n2.textOverflow ? {} : { width: n2.cellWidth + "px" }), title: t2.$escapeHtml(n2.linkObject.title), class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [B(A(t2.$escapeHtml(n2.linkObject.label)) + " ", 1), n2.linkObject.icon ? (P(), $(w2, { key: 0, iconValue: n2.linkObject.icon }, null, 8, ["iconValue"])) : V("", true)], 14, mt)) : (P(), R("span", { key: 1, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, [B(A(t2.$escapeHtml(n2.linkObject.label)) + " ", 1), n2.linkObject.icon ? (P(), $(w2, { key: 0, iconValue: n2.linkObject.icon }, null, 8, ["iconValue"])) : V("", true)], 10, ut))]), _: 1 })) : o2.column.formatter && "richEditor" === o2.column.formatter.type ? (P(), $(g2, { key: 3, content: t2.$t("superGrid.show"), class: "item", effect: "dark", placement: "top" }, { default: G(() => [U("em", { class: "fa fa-info-circle annex-cell", onClick: e2[6] || (e2[6] = (t3) => l2.showRichEditorContent(o2.row, o2.column, l2.getHeader())) })]), _: 1 }, 8, ["content"])) : o2.column.formatter && "icon" === o2.column.formatter.type ? (P(), $(b2, { key: 4, id: o2.column.prop + "DomData" + o2.rowIndex, column: o2.column, row: o2.row, "row-index": o2.rowIndex, "is-sql": o2.isSql, "list-code": o2.listCode }, null, 8, ["id", "column", "row", "row-index", "is-sql", "list-code"])) : t2.isShowOverflowTooltip ? (P(), R("span", { key: 5, id: o2.column.prop + "DomData" + o2.rowIndex, style: J("newline" === n2.textOverflow ? {} : { width: n2.cellWidth + "px" }), title: l2.getLabel(o2.row), class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span"), innerHTML: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 14, ht)) : (P(), R("span", { key: 6, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, A(t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex))), 11, wt))], 64))], 2)), n2.showSingleImgFlag ? (P(), $(C2, { key: 2, "file-list": n2.fileList, onClose: e2[7] || (e2[7] = (t3) => n2.showSingleImgFlag = false) }, null, 8, ["file-list"])) : V("", true), n2.showRichEditorViewer ? (P(), $(y2, { key: 3, ref: "richEditorViewerRef", onCloseRichEditorContent: l2.closeRichEditorContent }, null, 8, ["onCloseRichEditorContent"])) : V("", true)]);
-}], ["__scopeId", "data-v-c44b1087"]]);
+  const s2 = O("dynamic-input"), r2 = O("Edit"), a2 = O("el-icon"), p2 = O("el-dropdown-item"), d2 = O("el-dropdown-menu"), c2 = O("el-dropdown"), m2 = O("row-operation"), u2 = O("secret-info"), h2 = O("FsPreview"), w2 = O("SuperIcon"), f2 = O("el-link"), g2 = O("el-tooltip"), b2 = O("GridIcon"), C2 = O("view-image-dialog"), y2 = O("rich-editor-viewer"), x2 = j("permission");
+  return P(), R("div", X, [l2.isEditing || o2.isShowForm ? (P(), $(s2, { key: 0, ref: "dynamicRef", value: o2.row[o2.column.prop], "onUpdate:value": e2[0] || (e2[0] = (t3) => o2.row[o2.column.prop] = t3), class: L(n2.requiredClass), column: o2.column, "is-sql": o2.isSql, "line-edit": n2.lineEdit, "list-code": o2.listCode, "list-toolbar-form-data": o2.listToolbarFormData, options: o2.column.valueSet, "grid-options": n2.options, position: { row: o2.rowIndex, prop: o2.column.prop }, disabled: n2.disabled, row: o2.row, "row-index": o2.rowIndex, type: o2.column.componentType, onKeyup: q(l2.clearAllEditing, ["enter"]), onFindIndex: e2[1] || (e2[1] = (t3) => l2.findIndex(o2.rowIndex)), onFocus: e2[2] || (e2[2] = (t3) => l2.onFocus(o2.rowIndex)), onProhibitToEdit: l2.prohibitToEdit, onRefreshList: l2.refreshList, onRefresData: l2.refresData, onRefresMainTableFields: l2.refresMainTableFields, onRefresPortData: l2.refresPortData, onRefresPortsData: l2.refresPortsData, onChangeDisabled: l2.changeDisabled, onChangeRequired: l2.changeRequired, onOpenPage: l2.openPageEvent }, null, 8, ["value", "class", "column", "is-sql", "line-edit", "list-code", "list-toolbar-form-data", "options", "grid-options", "position", "disabled", "row", "row-index", "type", "onKeyup", "onProhibitToEdit", "onRefreshList", "onRefresData", "onRefresMainTableFields", "onRefresPortData", "onRefresPortsData", "onChangeDisabled", "onChangeRequired", "onOpenPage"])) : (P(), R("div", { key: 1, class: L(((_d = (_c = (_b = (_a = n2.options) == null ? void 0 : _a.configureObj) == null ? void 0 : _b.props) == null ? void 0 : _c.base) == null ? void 0 : _d.columnEditable) ? "column-text-main" : "") }, [n2.lineEdit.editable && ((_h = (_g = (_f = (_e = n2.options) == null ? void 0 : _e.configureObj) == null ? void 0 : _f.props) == null ? void 0 : _g.base) == null ? void 0 : _h.columnEditable) && n2.isEditable && !l2.isHideEdit && !o2.isContentViewText ? (P(), R("div", { key: 0, class: "column-text-edit-main", onClick: e2[3] || (e2[3] = (...t3) => l2.onEditing && l2.onEditing(...t3)) }, [H(a2, { size: 14, color: "#409eff" }, { default: A(() => [H(r2)]), _: 1 }), [void 0, null, ""].includes(o2.row[o2.column.prop]) ? (P(), R("span", Q, V(t2.$t("superGrid.editablePlaceholder")), 1)) : G("", true)])) : G("", true), o2.column.operations ? (P(), R("span", Y, [(P(true), R(_, null, M(o2.column.operations, (e3, i3) => (P(), R("span", { key: i3, class: L([o2.isShowForm ? "" : "cell--span", "buttons-row-content-span"]) }, [e3.isGroup ? (P(), $(c2, { key: 0, size: e3.buttons && e3.buttons.length > 0 ? e3.buttons[0].props.size : "small", "split-button": "", onCommand: l2.handleCommand }, { dropdown: A(() => [H(d2, null, { default: A(() => [(P(true), R(_, null, M(e3.buttons, (e4, i4) => (P(), R("span", { key: e4.props.code + i4 }, [N((P(), $(p2, { command: l2.beforeHandleCommand(e4.props.code, o2.row, o2.rowIndex), disabled: t2.preventReclick }, { default: A(() => [B(V(t2.$escapeHtml(e4.props.label)), 1)]), _: 2 }, 1032, ["command", "disabled"])), [[x2, e4.props.permission]])]))), 128))]), _: 2 }, 1024)]), default: A(() => [B(V(t2.$escapeHtml(e3.label)) + " ", 1)]), _: 2 }, 1032, ["size", "onCommand"])) : e3.props.customControl ? N((P(), $(W(e3.props.customControl), { key: o2.column.prop + "_" + o2.rowIndex + "_" + o2.currentPage, disabled: true, row: o2.row, entity: o2.row, prop: o2.column.prop, parent: n2.parentFormData, "row-index": o2.rowIndex, "grid-data": o2.gridData, "page-grid-data": o2.pageGridData, "current-page": o2.currentPage, "custom-params": n2.controlConfig ? n2.controlConfig.customParams : null, onRefreshList: l2.refreshList }, null, 40, ["row", "entity", "prop", "parent", "row-index", "grid-data", "page-grid-data", "current-page", "custom-params", "onRefreshList"])), [[x2, e3.props.permission]]) : (P(), $(m2, { key: 2, column: o2.column, editing: o2.row.$editing, entity: o2.row, "is-show": e3.isShow, label: e3.props.label ? e3.props.label : o2.row[o2.column.prop], "on-click": e3.onClick, "operation-index": i3, "operation-setting": e3.props, "event-name": e3.eventName, "row-index": o2.rowIndex, "list-code": o2.listCode, "parent-form-data": n2.parentFormData, "is-table-btn-link": "" }, null, 8, ["column", "editing", "entity", "is-show", "label", "on-click", "operation-index", "operation-setting", "event-name", "row-index", "list-code", "parent-form-data"]))], 2))), 128))])) : t2.customFormatValue(o2.row, o2.column.prop, o2.customFormat, o2.rowIndex) ? (P(), R("span", { key: 2, class: L(o2.isShowForm ? "" : "cell--span") }, [(P(), $(W(o2.column.prop + o2.rowIndex), { entity: o2.row, parent: n2.parentFormData, prop: o2.column.prop, row: o2.row, "row-index": o2.rowIndex, "select-options": o2.column.valueSet, "show-value": t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)), value: l2.getCellValue(o2.row), "additional-param-map": n2.additionalParamMap, "additional-settings": n2.additionalSettings, "page-context": (_i = n2.options) == null ? void 0 : _i.pageContext, "custom-params": n2.controlConfig ? n2.controlConfig.customParams : null }, null, 8, ["entity", "parent", "prop", "row", "row-index", "select-options", "show-value", "value", "additional-param-map", "additional-settings", "page-context", "custom-params"]))], 2)) : void 0 !== n2.columnFormatter && void 0 !== n2.columnFormatter.type && "customControl" === n2.columnFormatter.type && n2.columnFormatter.options && n2.columnFormatter.options.format && "" !== n2.columnFormatter.options.format ? (P(), R("span", { key: 3, class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [(P(), $(W(n2.columnFormatter.options.format), { key: o2.column.prop + "_" + o2.rowIndex + "_" + o2.currentPage, "current-page": o2.currentPage, disabled: true, entity: o2.row, "get-form-data": n2.getFormData, "get-grid-data": n2.getTableGridData, "grid-data": o2.gridData, "page-grid-data": o2.pageGridData, parent: n2.parentFormData, prop: o2.column.prop, row: o2.row, "row-index": o2.rowIndex, "select-options": o2.column.valueSet, "show-value": t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)), value: l2.getCellValue(o2.row), "additional-param-map": n2.additionalParamMap, listCode: o2.listCode, "component-id": n2.componentId, "additional-settings": n2.additionalSettings, "page-context": (_j = n2.options) == null ? void 0 : _j.pageContext, "custom-params": l2.getCustomParams(), onProhibitToEdit: l2.prohibitToEdit, onRefreshList: l2.refreshList }, null, 40, ["current-page", "entity", "get-form-data", "get-grid-data", "grid-data", "page-grid-data", "parent", "prop", "row", "row-index", "select-options", "show-value", "value", "additional-param-map", "listCode", "component-id", "additional-settings", "page-context", "custom-params", "onProhibitToEdit", "onRefreshList"]))], 2)) : void 0 !== n2.columnFormatter && void 0 !== n2.columnFormatter.type && "secretInfo" === n2.columnFormatter.type ? (P(), R("span", { key: 4, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, [H(u2, { entity: o2.row, "field-label": t2.$escapeHtml(t2.label), "list-code": o2.listCode, "list-name": o2.listName, "page-code": o2.pageCode, prop: o2.column.prop, "table-name": o2.tableName, value: l2.getCellValue(o2.row) }, null, 8, ["entity", "field-label", "list-code", "list-name", "page-code", "prop", "table-name", "value"])], 10, tt)) : t2.isObjectProp(o2.column.prop) ? (P(), R(_, { key: 5 }, [o2.column.formatter && "files" === o2.column.formatter.type ? (P(), R("span", et, [U("span", { id: o2.column.prop + "DomData" + o2.rowIndex, title: t2.isShowOverflowTooltip ? t2.$escapeHtml(l2.getLabel(o2.row)) : "", class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [H(h2, { entity: o2.row, "file-set-obj": l2.getFilesFormatter(), "is-sql": o2.isSql, label: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 8, ["entity", "file-set-obj", "is-sql", "label"])], 10, ot)])) : "hyperlinks" === ((_k = n2.columnFormatter) == null ? void 0 : _k.type) && true === n2.linkObject.visible ? (P(), $(f2, { key: 1, type: l2.getLinkType(o2.row), onClick: e2[4] || (e2[4] = (e3) => t2.clickHyperLink(o2.column, o2.row, o2.listCode, o2.rowIndex)) }, { default: A(() => [t2.isShowOverflowTooltip ? (P(), R("span", { key: 0, id: o2.column.prop + "DomData" + o2.rowIndex, style: J("newline" === n2.textOverflow ? {} : { width: n2.cellWidth + "px" }), title: n2.linkObject.title, class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [B(V(n2.linkObject.label) + " ", 1), n2.linkObject.icon ? (P(), $(w2, { key: 0, iconValue: n2.linkObject.icon }, null, 8, ["iconValue"])) : G("", true)], 14, it)) : (P(), R("span", { key: 1, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, [B(V(n2.linkObject.label) + " ", 1), n2.linkObject.icon ? (P(), $(w2, { key: 0, iconValue: n2.linkObject.icon }, null, 8, ["iconValue"])) : G("", true)], 10, nt))]), _: 1 }, 8, ["type"])) : t2.isShowOverflowTooltip ? (P(), R("span", { key: 2, id: o2.column.prop + "DomData" + o2.rowIndex, style: J("newline" === n2.textOverflow ? {} : { width: n2.cellWidth + "px" }), title: t2.$escapeHtml(l2.getLabel(o2.row)), class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, V(t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex))), 15, lt)) : (P(), R("span", { key: 3, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, V(t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex))), 11, st))], 64)) : (P(), R(_, { key: 6 }, ["annex" === o2.column.componentType || "multipartUpload" === o2.column.componentType ? (P(), R("span", rt, [t2.isShowOverflowTooltip ? (P(), R("span", { key: 0, id: o2.column.prop + "DomData" + o2.rowIndex, title: t2.$escapeHtml(l2.getLabel(o2.row)), class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [H(h2, { width: n2.cellWidth, entity: o2.row, "file-set-obj": l2.getFileObj(o2.column.fileSet), "is-sql": o2.isSql, label: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 8, ["width", "entity", "file-set-obj", "is-sql", "label"])], 10, at)) : (P(), R("span", { key: 1, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, [H(h2, { entity: o2.row, "file-set-obj": l2.getFileObj(o2.column.fileSet), "is-sql": o2.isSql, label: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 8, ["entity", "file-set-obj", "is-sql", "label"])], 10, pt))])) : o2.column.formatter && "files" === o2.column.formatter.type ? (P(), R("span", dt, [U("span", { id: o2.column.prop + "DomData" + o2.rowIndex, title: t2.isShowOverflowTooltip ? t2.$escapeHtml(l2.getLabel(o2.row)) : "", class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [H(h2, { entity: o2.row, "file-set-obj": l2.getFilesFormatter(), "is-sql": o2.isSql, label: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 8, ["entity", "file-set-obj", "is-sql", "label"])], 10, ct)])) : "hyperlinks" === ((_l = n2.columnFormatter) == null ? void 0 : _l.type) && n2.linkObject.visible ? (P(), $(f2, { key: 2, type: "primary", onClick: e2[5] || (e2[5] = (e3) => t2.clickHyperLink(o2.column, o2.row, o2.listCode, o2.rowIndex)) }, { default: A(() => [t2.isShowOverflowTooltip ? (P(), R("span", { key: 0, id: o2.column.prop + "DomData" + o2.rowIndex, style: J("newline" === n2.textOverflow ? {} : { width: n2.cellWidth + "px" }), title: t2.$escapeHtml(n2.linkObject.title), class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span") }, [B(V(t2.$escapeHtml(n2.linkObject.label)) + " ", 1), n2.linkObject.icon ? (P(), $(w2, { key: 0, iconValue: n2.linkObject.icon }, null, 8, ["iconValue"])) : G("", true)], 14, mt)) : (P(), R("span", { key: 1, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, [B(V(t2.$escapeHtml(n2.linkObject.label)) + " ", 1), n2.linkObject.icon ? (P(), $(w2, { key: 0, iconValue: n2.linkObject.icon }, null, 8, ["iconValue"])) : G("", true)], 10, ut))]), _: 1 })) : o2.column.formatter && "richEditor" === o2.column.formatter.type ? (P(), $(g2, { key: 3, content: t2.$t("superGrid.show"), class: "item", effect: "dark", placement: "top" }, { default: A(() => [U("em", { class: "fa fa-info-circle annex-cell", onClick: e2[6] || (e2[6] = (t3) => l2.showRichEditorContent(o2.row, o2.column, l2.getHeader())) })]), _: 1 }, 8, ["content"])) : o2.column.formatter && "icon" === o2.column.formatter.type ? (P(), $(b2, { key: 4, id: o2.column.prop + "DomData" + o2.rowIndex, column: o2.column, row: o2.row, "row-index": o2.rowIndex, "is-sql": o2.isSql, "list-code": o2.listCode }, null, 8, ["id", "column", "row", "row-index", "is-sql", "list-code"])) : t2.isShowOverflowTooltip ? (P(), R("span", { key: 5, id: o2.column.prop + "DomData" + o2.rowIndex, style: J("newline" === n2.textOverflow ? {} : { width: n2.cellWidth + "px" }), title: l2.getLabel(o2.row), class: L("newline" === n2.textOverflow ? "wrap-text" : "ellipsis cell--span"), innerHTML: t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex)) }, null, 14, ht)) : (P(), R("span", { key: 6, id: o2.column.prop + "DomData" + o2.rowIndex, class: L(o2.isShowForm ? "" : "cell--span") }, V(t2.$escapeHtml(l2.getLabel(o2.row, o2.rowIndex))), 11, wt))], 64))], 2)), n2.showSingleImgFlag ? (P(), $(C2, { key: 2, "file-list": n2.fileList, onClose: e2[7] || (e2[7] = (t3) => n2.showSingleImgFlag = false) }, null, 8, ["file-list"])) : G("", true), n2.showRichEditorViewer ? (P(), $(y2, { key: 3, ref: "richEditorViewerRef", onCloseRichEditorContent: l2.closeRichEditorContent }, null, 8, ["onCloseRichEditorContent"])) : G("", true)]);
+}], ["__scopeId", "data-v-30804a71"]]);
 export {
   ft as default
 };

package/es/super-grid/src/normal-column.vue.mjs

@@ -12,7 +12,7 @@ import h from "../../rich-editor/viewer.vue.mjs";
 import f from "./components/grid-icon.vue.mjs";
 import b from "./normal-column-content.vue.mjs";
 import g from "./eventBus.mjs";
-import { resolveComponent as w, openBlock as C, createBlock as T, withCtx as D, createElementBlock as P, normalizeClass as S, createElementVNode as F, resolveDynamicComponent as v, createVNode as y, createCommentVNode as R, normalizeStyle as E } from "vue";
+import { resolveComponent as w, openBlock as C, createBlock as T, withCtx as D, createElementBlock as P, normalizeClass as S, createElementVNode as v, resolveDynamicComponent as F, createVNode as y, createCommentVNode as R, normalizeStyle as E } from "vue";
 import "./normal-column.vue2.mjs";
 import x from "../../_virtual/_plugin-vue_export-helper.mjs";
 import j from "../../fs-preview/src/fs-preview.vue.mjs";
@@ -38,8 +38,7 @@ const A = { components: { DynamicInput: s, ViewImageDialog: c, FsPreview: j, Ric
 }, fixed() {
   return !!this.column.fixed && (!["null", "false", "undefined"].includes(this.column.fixed) && this.column.fixed);
 }, sortable() {
-  const e2 = u.get(this.listCode);
-  return !(e2 && e2.options && e2.options.isFormSubTable && e2.options.showOperationButton) && ("false" !== this.column.sortable && false !== this.column.sortable && "" !== this.column.sortable && (("true" === this.column.sortable || true === this.column.sortable || !!this.column.sortable) && "custom"));
+  return "false" !== this.column.sortable && false !== this.column.sortable && "" !== this.column.sortable && (("true" === this.column.sortable || true === this.column.sortable || !!this.column.sortable) && "custom");
 }, lineEdit() {
   let e2 = false;
   if (this.listCode) {
@@ -99,8 +98,8 @@ const A = { components: { DynamicInput: s, ViewImageDialog: c, FsPreview: j, Ric
 } }, emits: ["refresData", "refresPortData", "refresPortsData", "refresMainTableFields", "prohibitToEdit", "deleteFormSubTableRow"] }, k = ["title", "innerHTML"], M = { style: { "margin-left": "5px" } };
 const q = x(A, [["render", function(e2, t2, o2, i2, r2, l2) {
   const a2 = w("CirclePlus"), n2 = w("el-icon"), s2 = w("Remove"), u2 = w("NormalColumnContent"), d2 = w("el-table-column");
-  return C(), T(d2, { key: o2.column.prop, align: r2.align, "class-name": o2.column.prop, "filter-method": l2.filterMethod, filters: l2.filters, fixed: l2.fixed, "header-align": r2.headerAlign, prop: o2.column.prop, sortable: l2.sortable, "min-width": l2.getColumnWidth() }, { header: D(() => [o2.column.customHeader ? (C(), T(v(o2.column.customHeader), { key: 1, prop: o2.column.prop, parent: r2.parentFormData, "grid-data": o2.gridData, "current-page": o2.currentPage, label: e2.$escapeHtml(e2.label), column: o2.column }, null, 8, ["prop", "parent", "grid-data", "current-page", "label", "column"])) : (C(), P("span", { key: 0, class: S([{ is_req: l2.isFieldRequired() }, "normal-column-header"]) }, [F("span", { title: e2.$escapeHtml(e2.label), class: "cell--span required__label", innerHTML: e2.$escapeHtml(e2.label) }, null, 8, k)], 2)), F("span", M, [r2.isShowAdd ? (C(), T(n2, { key: 0, class: "normal-column-header normal-column-header-icon", onClick: l2.createFormSubTableRow }, { default: D(() => [y(a2)]), _: 1 }, 8, ["onClick"])) : R("", true), r2.isShowDelete ? (C(), T(n2, { key: 1, class: "normal-column-header normal-column-header-icon", onClick: l2.deleteFormSubTableRow }, { default: D(() => [y(s2)]), _: 1 }, 8, ["onClick"])) : R("", true)])]), default: D((e3) => [y(u2, { ref: o2.column.prop, "is-sql": o2.isSql, column: o2.column, "list-code": o2.listCode, "new-width": o2.newWidth, "drag-column-prop": o2.dragColumnProp, "right-click-menu-arr": r2.options.rightClickMenuArr, "table-name": o2.tableName, "page-code": o2.pageCode, "list-toolbar-form-data": o2.listToolbarFormData, "list-name": o2.listName, options: r2.options, "current-page": o2.currentPage, "grid-data": o2.gridData, "page-grid-data": o2.pageGridData, row: e3.row, "row-index": e3.$index, "line-edit": l2.lineEdit, "custom-format": o2.customFormat, class: S(l2.isValidateError(e3.row, e3.$index) ? "required_bg required-corner" : ""), style: E(l2.isValidateError(e3.row, e3.$index) ? "display:block;" : ""), onOpenPage: l2.openPageEvent, onRefresData: l2.refresData, onRefreshList: l2.refreshList, onRefresPortData: l2.refresPortData, onRefresPortsData: l2.refresPortsData, onRefresMainTableFields: l2.refresMainTableFields, onProhibitToEdit: l2.prohibitToEdit }, null, 8, ["is-sql", "column", "list-code", "new-width", "drag-column-prop", "right-click-menu-arr", "table-name", "page-code", "list-toolbar-form-data", "list-name", "options", "current-page", "grid-data", "page-grid-data", "row", "row-index", "line-edit", "custom-format", "class", "style", "onOpenPage", "onRefresData", "onRefreshList", "onRefresPortData", "onRefresPortsData", "onRefresMainTableFields", "onProhibitToEdit"])]), _: 1 }, 8, ["align", "class-name", "filter-method", "filters", "fixed", "header-align", "prop", "sortable", "min-width"]);
-}], ["__scopeId", "data-v-562b2e0d"]]);
+  return C(), T(d2, { key: o2.column.prop, align: r2.align, "class-name": o2.column.prop, "filter-method": l2.filterMethod, filters: l2.filters, fixed: l2.fixed, "header-align": r2.headerAlign, prop: o2.column.prop, sortable: l2.sortable, "min-width": l2.getColumnWidth() }, { header: D(() => [o2.column.customHeader ? (C(), T(F(o2.column.customHeader), { key: 1, prop: o2.column.prop, parent: r2.parentFormData, "grid-data": o2.gridData, "current-page": o2.currentPage, label: e2.$escapeHtml(e2.label), column: o2.column }, null, 8, ["prop", "parent", "grid-data", "current-page", "label", "column"])) : (C(), P("span", { key: 0, class: S([{ is_req: l2.isFieldRequired() }, "normal-column-header"]) }, [v("span", { title: e2.$escapeHtml(e2.label), class: "cell--span required__label", innerHTML: e2.$escapeHtml(e2.label) }, null, 8, k)], 2)), v("span", M, [r2.isShowAdd ? (C(), T(n2, { key: 0, class: "normal-column-header normal-column-header-icon", onClick: l2.createFormSubTableRow }, { default: D(() => [y(a2)]), _: 1 }, 8, ["onClick"])) : R("", true), r2.isShowDelete ? (C(), T(n2, { key: 1, class: "normal-column-header normal-column-header-icon", onClick: l2.deleteFormSubTableRow }, { default: D(() => [y(s2)]), _: 1 }, 8, ["onClick"])) : R("", true)])]), default: D((e3) => [y(u2, { ref: o2.column.prop, "is-sql": o2.isSql, column: o2.column, "list-code": o2.listCode, "new-width": o2.newWidth, "drag-column-prop": o2.dragColumnProp, "right-click-menu-arr": r2.options.rightClickMenuArr, "table-name": o2.tableName, "page-code": o2.pageCode, "list-toolbar-form-data": o2.listToolbarFormData, "list-name": o2.listName, options: r2.options, "current-page": o2.currentPage, "grid-data": o2.gridData, "page-grid-data": o2.pageGridData, row: e3.row, "row-index": e3.$index, "line-edit": l2.lineEdit, "custom-format": o2.customFormat, class: S(l2.isValidateError(e3.row, e3.$index) ? "required_bg required-corner" : ""), style: E(l2.isValidateError(e3.row, e3.$index) ? "display:block;" : ""), onOpenPage: l2.openPageEvent, onRefresData: l2.refresData, onRefreshList: l2.refreshList, onRefresPortData: l2.refresPortData, onRefresPortsData: l2.refresPortsData, onRefresMainTableFields: l2.refresMainTableFields, onProhibitToEdit: l2.prohibitToEdit }, null, 8, ["is-sql", "column", "list-code", "new-width", "drag-column-prop", "right-click-menu-arr", "table-name", "page-code", "list-toolbar-form-data", "list-name", "options", "current-page", "grid-data", "page-grid-data", "row", "row-index", "line-edit", "custom-format", "class", "style", "onOpenPage", "onRefresData", "onRefreshList", "onRefresPortData", "onRefresPortsData", "onRefresMainTableFields", "onProhibitToEdit"])]), _: 1 }, 8, ["align", "class-name", "filter-method", "filters", "fixed", "header-align", "prop", "sortable", "min-width"]);
+}], ["__scopeId", "data-v-aecac200"]]);
 export {
   q as default
 };

package/es/super-grid/src/search-button.vue.mjs

@@ -1,6 +1,6 @@
 import { $emit as e } from "../../utils/gogocodeTransfer.mjs";
 import { CaretTop as t, CaretBottom as o } from "@element-plus/icons-vue";
-import { shallowRef as i, resolveComponent as s, openBlock as n, createElementBlock as l, normalizeStyle as r, createVNode as a, withCtx as d, createTextVNode as u, toDisplayString as m, createBlock as p, createCommentVNode as c } from "vue";
+import { shallowRef as i, resolveComponent as s, openBlock as n, createElementBlock as l, normalizeStyle as r, createVNode as a, withCtx as d, createTextVNode as u, toDisplayString as p, createBlock as m, createCommentVNode as c } from "vue";
 import { isMobileBrowser as f } from "../../src/utils/common-util.mjs";
 import h from "../../_virtual/_plugin-vue_export-helper.mjs";
 const g = h({ name: "SearchButton", props: { isOpen: { type: Boolean, default: false }, isShowOpen: { type: Boolean, default: void 0 } }, data() {
@@ -14,9 +14,11 @@ const g = h({ name: "SearchButton", props: { isOpen: { type: Boolean, default: f
   this.loading = true, e(this, "reset-form");
 }, searchComplete() {
   this.loading = false;
+}, openFoldFunc(e2) {
+  this.isMyOpen = e2;
 } }, emits: ["save-condition", "open-fold", "submit-form", "reset-form"] }, [["render", function(e2, t2, o2, i2, f2, h2) {
   const g2 = s("el-button");
-  return n(), l("div", { class: "search-button", style: r({ textAlign: f2.isMobile ? "center" : "right" }) }, [a(g2, { loading: f2.loading, size: "default", class: "button--default", onClick: h2.submitForm }, { default: d(() => [u(m(e2.$t("imatrixUIPublicModel.sure")), 1)]), _: 1 }, 8, ["loading", "onClick"]), a(g2, { loading: f2.loading, class: "button--default", size: "default", onClick: h2.resetForm }, { default: d(() => [u(m(e2.$t("imatrixUIPublicModel.reset")), 1)]), _: 1 }, 8, ["loading", "onClick"]), a(g2, { class: "button--default", size: "default", onClick: t2[0] || (t2[0] = (t3) => e2.$emit("save-condition")) }, { default: d(() => [u(m(e2.$t("superGrid.saveCondition")), 1)]), _: 1 }), o2.isShowOpen ?? !f2.isMobile ? (n(), p(g2, { key: 0, icon: f2.isMyOpen ? f2.CaretTop : f2.CaretBottom, link: "", size: "default", onClick: h2.openFold }, { default: d(() => [u(m(f2.isMyOpen ? e2.$t("superGrid.fold") : e2.$t("superGrid.open")), 1)]), _: 1 }, 8, ["icon", "onClick"])) : c("", true)], 4);
+  return n(), l("div", { class: "search-button", style: r({ textAlign: f2.isMobile ? "center" : "right" }) }, [a(g2, { loading: f2.loading, size: "default", class: "button--default", onClick: h2.submitForm }, { default: d(() => [u(p(e2.$t("imatrixUIPublicModel.sure")), 1)]), _: 1 }, 8, ["loading", "onClick"]), a(g2, { loading: f2.loading, class: "button--default", size: "default", onClick: h2.resetForm }, { default: d(() => [u(p(e2.$t("imatrixUIPublicModel.reset")), 1)]), _: 1 }, 8, ["loading", "onClick"]), a(g2, { class: "button--default", size: "default", onClick: t2[0] || (t2[0] = (t3) => e2.$emit("save-condition")) }, { default: d(() => [u(p(e2.$t("superGrid.saveCondition")), 1)]), _: 1 }), o2.isShowOpen ?? !f2.isMobile ? (n(), m(g2, { key: 0, icon: f2.isMyOpen ? f2.CaretTop : f2.CaretBottom, link: "", size: "default", onClick: h2.openFold }, { default: d(() => [u(p(f2.isMyOpen ? e2.$t("superGrid.fold") : e2.$t("superGrid.open")), 1)]), _: 1 }, 8, ["icon", "onClick"])) : c("", true), f2.isMobile ? (n(), m(g2, { key: 1, type: "warning", size: "default", onClick: t2[1] || (t2[1] = (t3) => e2.$emit("close")) }, { default: d(() => [u(p(e2.$t("superGrid.close")), 1)]), _: 1 })) : c("", true)], 4);
 }]]);
 export {
   g as default

package/es/super-grid/src/search-form-dialog.vue.mjs

@@ -1,16 +1,27 @@
 import { $emit as e } from "../../utils/gogocodeTransfer.mjs";
-import r from "./search-form.vue.mjs";
-import { resolveComponent as t, openBlock as a, createBlock as o, withCtx as l, createVNode as s } from "vue";
-import n from "../../_virtual/_plugin-vue_export-helper.mjs";
-const c = n({ name: "SearchFormDialog", components: { SearchForm: r }, props: { columns: { type: Array, default: null }, code: { type: String, default: null }, url: { type: String, default: null }, pagination: { type: Object, default: null }, query: { type: Object, default: null }, searchParam: { type: Object, default: null }, initSearchProps: { type: Array, default: null } }, data: () => ({}), computed: {}, created() {
-}, methods: { doSearch(r2) {
-  e(this, "search", r2);
+import o from "./search-form.vue.mjs";
+import { resolveComponent as r, openBlock as t, createBlock as l, withCtx as a, createVNode as s } from "vue";
+import i from "../../_virtual/_plugin-vue_export-helper.mjs";
+const n = i({ name: "SearchFormDialog", components: { SearchForm: o }, props: { columns: { type: Array, default: null }, code: { type: String, default: null }, url: { type: String, default: null }, pagination: { type: Object, default: null }, query: { type: Object, default: null }, searchParam: { type: Object, default: null }, initSearchProps: { type: Array, default: null }, loadCompleteQuery: { type: Boolean, default: false }, searchFormInfo: { type: Object, default: () => ({}) }, listToolbarFormData: { type: Object, default: null } }, data() {
+  return { visible: this.dialogVisible };
+}, computed: {}, created() {
+}, methods: { doSearch(o2) {
+  e(this, "search", o2), this.visible = false;
 }, resetSearch() {
-  e(this, "reset");
-} }, emits: ["close", "search", "reset"] }, [["render", function(e2, r2, n2, c2, u, i) {
-  const p = t("search-form"), m = t("el-dialog");
-  return a(), o(m, { "show-close": true, "append-to-body": true, title: "查询条件", "model-value": "", onClose: r2[0] || (r2[0] = (r3) => e2.$emit("close")) }, { default: l(() => [s(p, { ref: "sf", columns: n2.columns, code: n2.code, url: n2.url, pagination: n2.pagination, query: n2.query, "search-param": n2.searchParam, "init-search-props": n2.initSearchProps, onSearch: i.doSearch, onReset: i.resetSearch }, null, 8, ["columns", "code", "url", "pagination", "query", "search-param", "init-search-props", "onSearch", "onReset"])]), _: 1 });
+  e(this, "reset"), this.visible = false;
+}, searchComplete() {
+  this.$refs && this.$refs.sform && (this.$refs.sform.loading = false, this.$refs.sform.searchComplete());
+}, closeDialog() {
+  this.visible = false, e(this, "close");
+}, showSubTableSearchDialog() {
+  const e2 = this;
+  setTimeout(() => {
+    e2.$refs && e2.$refs.sform && e2.$refs.sform.openFoldFunc(true);
+  }, 100), this.visible = true;
+} }, emits: ["close", "search", "reset"] }, [["render", function(e2, o2, i2, n2, c, u) {
+  const m = r("search-form"), h = r("el-dialog");
+  return t(), l(h, { "show-close": true, "append-to-body": true, title: e2.$t("superGrid.searchCondition"), modelValue: c.visible, "onUpdate:modelValue": o2[0] || (o2[0] = (e3) => c.visible = e3), width: "60%", onClose: u.closeDialog }, { default: a(() => [s(m, { ref: "sform", columns: i2.columns, code: i2.code, url: i2.url, pagination: i2.pagination, query: i2.query, "search-form-info": i2.searchFormInfo, "search-param": e2.searchFormContent, "init-search-props": i2.initSearchProps, "list-toolbar-form-data": i2.listToolbarFormData, "load-complete-query": i2.loadCompleteQuery, onSearch: u.doSearch, onReset: u.resetSearch }, null, 8, ["columns", "code", "url", "pagination", "query", "search-form-info", "search-param", "init-search-props", "list-toolbar-form-data", "load-complete-query", "onSearch", "onReset"])]), _: 1 }, 8, ["title", "modelValue", "onClose"]);
 }]]);
 export {
-  c as default
+  n as default
 };

package/es/super-grid/src/search-form-item.vue.mjs

@@ -4,7 +4,7 @@ import t from "./search-form-number.vue.mjs";
 import l from "./store.mjs";
 import { getControlConfig as a, getDynamicDataSourceOptions as n, isDynamicDataSourceSource as r } from "./utils.mjs";
 import { watchPageContextDynamicVariable as m, getPropValueNew as u } from "../../src/utils/util.mjs";
-import { resolveComponent as p, openBlock as c, createBlock as i, withCtx as s, createElementVNode as d, createElementBlock as h, resolveDynamicComponent as y, createVNode as g, normalizeStyle as f, createSlots as T, Fragment as V, renderList as b, createTextVNode as C, toDisplayString as v, withKeys as S, createCommentVNode as F } from "vue";
+import { resolveComponent as c, openBlock as p, createBlock as i, withCtx as s, createElementVNode as d, createElementBlock as h, resolveDynamicComponent as y, createVNode as g, normalizeStyle as f, createSlots as T, Fragment as V, renderList as b, createTextVNode as C, toDisplayString as v, withKeys as S, createCommentVNode as F } from "vue";
 import "./search-form-item.vue2.mjs";
 import M from "../../_virtual/_plugin-vue_export-helper.mjs";
 const k = { name: "SearchFormItem", components: { searchFormNumber: t }, inject: ["getListToolbarFormData"], props: { column: { type: Object, default: null }, code: { type: String, default: null }, isSql: { type: Boolean, default: false }, tableName: { type: String, default: null }, isJoinTable: { type: Boolean, default: false }, searchForm: { type: Object, default: null }, index: { type: Number, default: 0 }, length: { type: Number, default: 0 }, loadCompleteQuery: { type: Boolean, default: false }, labelWidth: { type: [String, Number, void 0], default: void 0 } }, data() {
@@ -117,12 +117,12 @@ const k = { name: "SearchFormItem", components: { searchFormNumber: t }, inject:
   this.departmentInfo = e2 ? e2.split(",") : [];
 } }, emits: ["submit-form"] }, I = ["title", "innerHTML"], D = { key: 0, style: { width: "100%" } }, x = { key: 1 };
 const E = M(k, [["render", function(e2, o2, t2, l2, a2, n2) {
-  const r2 = p("el-date-picker"), m2 = p("year-range-picker"), u2 = p("el-time-picker"), M2 = p("organization-input"), k2 = p("el-checkbox"), E2 = p("el-option"), O = p("el-select"), U = p("dynamic-source-select"), $ = p("search-form-number"), w = p("el-switch"), N = p("el-slider"), P = p("el-rate"), W = p("el-tooltip"), _ = p("el-input"), Y = p("el-form-item");
-  return c(), i(Y, { "label-width": t2.labelWidth ?? (t2.column.querySetting ? n2.getLabelWidth(t2.column.querySetting) : "110px"), prop: t2.column.prop }, { label: s(() => [d("span", { title: (t2.column.searchLabel ?? t2.column.label).replace(/\\n/g, "</br>"), innerHTML: (t2.column.searchLabel ?? t2.column.label).replace(/\\n/g, "</br>") }, null, 8, I)]), default: s(() => {
+  const r2 = c("el-date-picker"), m2 = c("year-range-picker"), u2 = c("el-time-picker"), M2 = c("organization-input"), k2 = c("el-checkbox"), E2 = c("el-option"), O = c("el-select"), U = c("dynamic-source-select"), $ = c("search-form-number"), w = c("el-switch"), N = c("el-slider"), P = c("el-rate"), W = c("el-tooltip"), _ = c("el-input"), Y = c("el-form-item");
+  return p(), i(Y, { "label-width": t2.labelWidth ?? (t2.column.querySetting ? n2.getLabelWidth(t2.column.querySetting) : "110px"), prop: t2.column.prop }, { label: s(() => [d("span", { title: (t2.column.searchLabel ?? t2.column.label).replace(/\\n/g, "</br>"), innerHTML: (t2.column.searchLabel ?? t2.column.label).replace(/\\n/g, "</br>") }, null, 8, I)]), default: s(() => {
     var _a, _b, _c, _d;
-    return [true === n2.customComponent(t2.column) ? (c(), h("span", D, [(c(), i(y(t2.column.componentName), { ref: t2.column.componentName, entity: t2.searchForm, "additional-settings": a2.controlConfig, "model-value": e2.getFormItemValue(t2.column.prop), prop: t2.column.prop, row: t2.searchForm, "select-options": t2.column.valueSet, class: "customComponent", onChange: o2[0] || (o2[0] = (e3) => n2.setValueToModelProp(t2.column.prop, e3, t2.column.componentName)) }, null, 40, ["entity", "additional-settings", "model-value", "prop", "row", "select-options"]))])) : "dateSection" === t2.column.componentType ? (c(), h("span", x, [g(r2, { modelValue: t2.searchForm[t2.column.prop][0], "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => t2.searchForm[t2.column.prop][0] = e3), placeholder: e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "date", onChange: o2[2] || (o2[2] = (e3) => n2.setValueToModelProp(t2.column.prop, e3, null, 0)) }, null, 8, ["modelValue", "placeholder", "style"]), g(r2, { modelValue: t2.searchForm[t2.column.prop][1], "onUpdate:modelValue": o2[3] || (o2[3] = (e3) => t2.searchForm[t2.column.prop][1] = e3), placeholder: e2.$t("imatrixUIMessage.endDate"), style: f(t2.column.searchControlWidth), type: "date", onChange: o2[4] || (o2[4] = (e3) => n2.setValueToModelProp(t2.column.prop, e3, null, 1)) }, null, 8, ["modelValue", "placeholder", "style"])])) : "yearRange" === t2.column.componentType ? (c(), i(m2, { key: 2, value: e2.getFormItemValue(t2.column.prop), type: "yearRange", onChange: o2[5] || (o2[5] = (e3) => n2.setYearRangeValue(t2.column.prop, e3)) }, null, 8, ["value"])) : "dateTimePicker" === t2.column.componentType ? (c(), i(r2, { key: 3, "default-time": n2.getDefaultTime(t2.column), "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[6] || (o2[6] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "datetimerange", "unlink-panels": "", format: "YYYY-MM-DD HH:mm:ss", "value-format": "YYYY-MM-DD HH:mm:ss", onChange: o2[7] || (o2[7] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["default-time", "end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "DATE" === t2.column.dataType || "date" === t2.column.componentType ? (c(), i(r2, { key: 4, "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[8] || (o2[8] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "daterange", "unlink-panels": "", format: "YYYY-MM-DD", "value-format": "YYYY-MM-DD", onChange: o2[9] || (o2[9] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "TIME" === t2.column.dataType && "timepicker" === t2.column.componentType ? (c(), i(r2, { key: 5, "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[10] || (o2[10] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "datetimerange", "unlink-panels": "", format: "HH:mm:ss", "value-format": "HH:mm:ss", onChange: o2[11] || (o2[11] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "timepicker" === t2.column.componentType && "TIME" !== t2.column.dataType && "DATE" !== t2.column.dataType ? (c(), i(u2, { key: 6, modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[12] || (o2[12] = (e3) => t2.searchForm[t2.column.prop] = e3), placeholder: e2.$t("imatrixUIMessage.selectTime"), style: { width: "100%" }, type: "fixed-time", format: "HH:mm:ss", "value-format": "HH:mm:ss", onChange: o2[13] || (o2[13] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["modelValue", "placeholder"])) : n2.componentTypeTypeIsTree(t2.column.componentType) ? (c(), i(M2, { key: 7, fields: n2.getTreeFields(t2.column.orgTreeSet), "department-info": a2.departmentInfo, "limit-filter-column": (_a = a2.controlConfig) == null ? void 0 : _a.limitFilterColumn, models: t2.searchForm, multiple: n2.getTreeIsMultiTree(t2.column.componentType), "tree-type": n2.getTreeType(t2.column.componentType), value: e2.getFormItemValue(t2.column.prop), onClear: n2.clearOrganizationInputEvent, onSetValue: n2.organizationInputEvent }, null, 8, ["fields", "department-info", "limit-filter-column", "models", "multiple", "tree-type", "value", "onClear", "onSetValue"])) : "radio" === ((_b = t2.column) == null ? void 0 : _b.componentType) ? (c(), i(O, { key: 8, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", filterable: "", onChange: o2[15] || (o2[15] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, T({ default: s(() => [(c(true), h(V, null, b(t2.column.valueSet, (e3) => (c(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, ["BOOLEAN" !== t2.column.dataType ? { name: "header", fn: s(() => [g(k2, { modelValue: a2.checkEmptyValue, "onUpdate:modelValue": o2[14] || (o2[14] = (e3) => a2.checkEmptyValue = e3), onChange: n2.checkEmptyChange }, { default: s(() => [C(v(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), key: "0" } : void 0]), 1032, ["model-value", "placeholder", "style"])) : (t2.column.componentType && "select" === t2.column.componentType || "BOOLEAN" === t2.column.dataType) && !n2.isDynamicDataSourceSource(t2.column) ? (c(), i(O, { key: 9, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", filterable: "", onChange: o2[17] || (o2[17] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, T({ default: s(() => [(c(true), h(V, null, b(t2.column.valueSet, (e3) => (c(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, ["BOOLEAN" !== t2.column.dataType ? { name: "header", fn: s(() => [g(k2, { modelValue: a2.checkEmptyValue, "onUpdate:modelValue": o2[16] || (o2[16] = (e3) => a2.checkEmptyValue = e3), onChange: n2.checkEmptyChange }, { default: s(() => [C(v(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), key: "0" } : void 0]), 1032, ["model-value", "placeholder", "style"])) : t2.column.componentType && "multiselect" === t2.column.componentType && !n2.isDynamicDataSourceSource(t2.column) ? (c(), i(O, { key: 10, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", "collapse-tags": "", filterable: "", multiple: "", onChange: o2[19] || (o2[19] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, { header: s(() => [g(k2, { modelValue: a2.checkEmptyValue, "onUpdate:modelValue": o2[18] || (o2[18] = (e3) => a2.checkEmptyValue = e3), onChange: n2.checkEmptyChange }, { default: s(() => [C(v(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), default: s(() => [(c(true), h(V, null, b(t2.column.valueSet, (e3) => (c(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["model-value", "placeholder", "style"])) : t2.column.componentType && ("multiselect" === t2.column.componentType || "select" === t2.column.componentType) && n2.isDynamicDataSourceSource(t2.column) ? (c(), i(U, { key: 11, ref: "selectRef", value: t2.searchForm[t2.column.prop], "onUpdate:value": o2[20] || (o2[20] = (e3) => t2.searchForm[t2.column.prop] = e3), "allow-create": (_d = (_c = a2.dataSourceOptions) == null ? void 0 : _c.controlConfig) == null ? void 0 : _d.allowCreate, "base-props": { multiple: "multiselect" === t2.column.componentType }, entity: t2.searchForm, filterable: true, "is-join-table": t2.isJoinTable, "list-code": t2.code, "list-toolbar-form-data": n2.listToolbarFormData, options: a2.dataSourceOptions, "table-name": t2.tableName, "is-search": true, onChange: n2.multiselectChange, onChangeEmptyValue: n2.checkEmptyChange }, null, 8, ["value", "allow-create", "base-props", "entity", "is-join-table", "list-code", "list-toolbar-form-data", "options", "table-name", "onChange", "onChangeEmptyValue"])) : t2.column.componentType && "inputNumber" === t2.column.componentType ? (c(), i($, { key: 12, "item-value": t2.searchForm[t2.column.prop], "module-config": a2.moduleConfig, onSetValue: n2.setNumberValue }, null, 8, ["item-value", "module-config", "onSetValue"])) : t2.column.componentType && "switch" === t2.column.componentType ? (c(), i(w, { key: 13, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), "active-color": "#13ce66", "inactive-color": "#ff4949", onChange: o2[21] || (o2[21] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : t2.column.componentType && "slider" === t2.column.componentType ? (c(), i(N, { key: 14, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), onChange: o2[22] || (o2[22] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : t2.column.componentType && "rate" === t2.column.componentType ? (c(), i(P, { key: 15, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), onChange: o2[23] || (o2[23] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : (c(), i(_, { key: 16, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), onKeyup: o2[25] || (o2[25] = S((o3) => e2.submitForm("searchForm"), ["enter"])), onInput: o2[26] || (o2[26] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)), onFocus: o2[27] || (o2[27] = (e3) => n2.showEmpty()), onBlur: o2[28] || (o2[28] = (e3) => n2.hiddenEmpty()) }, { suffix: s(() => [g(W, { content: e2.$t("superGrid.searchEmpty"), placement: "bottom" }, { default: s(() => [n2.isShowEmtpty ? (c(), i(k2, { key: 0, modelValue: n2.checkedEmpty, "onUpdate:modelValue": o2[24] || (o2[24] = (e3) => n2.checkedEmpty = e3), onChange: n2.checkEmptyChange }, null, 8, ["modelValue", "onChange"])) : F("", true)]), _: 1 }, 8, ["content"])]), _: 1 }, 8, ["model-value", "style"]))];
+    return [true === n2.customComponent(t2.column) ? (p(), h("span", D, [(p(), i(y(t2.column.componentName), { ref: t2.column.componentName, entity: t2.searchForm, "additional-settings": a2.controlConfig, "model-value": e2.getFormItemValue(t2.column.prop), prop: t2.column.prop, row: t2.searchForm, "select-options": t2.column.valueSet, isSearch: true, class: "customComponent", onChange: o2[0] || (o2[0] = (e3) => n2.setValueToModelProp(t2.column.prop, e3, t2.column.componentName)) }, null, 40, ["entity", "additional-settings", "model-value", "prop", "row", "select-options"]))])) : "dateSection" === t2.column.componentType ? (p(), h("span", x, [g(r2, { modelValue: t2.searchForm[t2.column.prop][0], "onUpdate:modelValue": o2[1] || (o2[1] = (e3) => t2.searchForm[t2.column.prop][0] = e3), placeholder: e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "date", onChange: o2[2] || (o2[2] = (e3) => n2.setValueToModelProp(t2.column.prop, e3, null, 0)) }, null, 8, ["modelValue", "placeholder", "style"]), g(r2, { modelValue: t2.searchForm[t2.column.prop][1], "onUpdate:modelValue": o2[3] || (o2[3] = (e3) => t2.searchForm[t2.column.prop][1] = e3), placeholder: e2.$t("imatrixUIMessage.endDate"), style: f(t2.column.searchControlWidth), type: "date", onChange: o2[4] || (o2[4] = (e3) => n2.setValueToModelProp(t2.column.prop, e3, null, 1)) }, null, 8, ["modelValue", "placeholder", "style"])])) : "yearRange" === t2.column.componentType ? (p(), i(m2, { key: 2, value: e2.getFormItemValue(t2.column.prop), type: "yearRange", onChange: o2[5] || (o2[5] = (e3) => n2.setYearRangeValue(t2.column.prop, e3)) }, null, 8, ["value"])) : "dateTimePicker" === t2.column.componentType ? (p(), i(r2, { key: 3, "default-time": n2.getDefaultTime(t2.column), "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[6] || (o2[6] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "datetimerange", "unlink-panels": "", format: "YYYY-MM-DD HH:mm:ss", "value-format": "YYYY-MM-DD HH:mm:ss", onChange: o2[7] || (o2[7] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["default-time", "end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "DATE" === t2.column.dataType || "date" === t2.column.componentType ? (p(), i(r2, { key: 4, "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[8] || (o2[8] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "daterange", "unlink-panels": "", format: "YYYY-MM-DD", "value-format": "YYYY-MM-DD", onChange: o2[9] || (o2[9] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "TIME" === t2.column.dataType && "timepicker" === t2.column.componentType ? (p(), i(r2, { key: 5, "end-placeholder": e2.$t("imatrixUIMessage.endDate"), modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[10] || (o2[10] = (e3) => t2.searchForm[t2.column.prop] = e3), "range-separator": e2.$t("imatrixUIPublicModel.to"), "start-placeholder": e2.$t("imatrixUIMessage.startDate"), style: f(t2.column.searchControlWidth), type: "datetimerange", "unlink-panels": "", format: "HH:mm:ss", "value-format": "HH:mm:ss", onChange: o2[11] || (o2[11] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["end-placeholder", "modelValue", "range-separator", "start-placeholder", "style"])) : "timepicker" === t2.column.componentType && "TIME" !== t2.column.dataType && "DATE" !== t2.column.dataType ? (p(), i(u2, { key: 6, modelValue: t2.searchForm[t2.column.prop], "onUpdate:modelValue": o2[12] || (o2[12] = (e3) => t2.searchForm[t2.column.prop] = e3), placeholder: e2.$t("imatrixUIMessage.selectTime"), style: { width: "100%" }, type: "fixed-time", format: "HH:mm:ss", "value-format": "HH:mm:ss", onChange: o2[13] || (o2[13] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["modelValue", "placeholder"])) : n2.componentTypeTypeIsTree(t2.column.componentType) ? (p(), i(M2, { key: 7, fields: n2.getTreeFields(t2.column.orgTreeSet), "department-info": a2.departmentInfo, "limit-filter-column": (_a = a2.controlConfig) == null ? void 0 : _a.limitFilterColumn, models: t2.searchForm, multiple: n2.getTreeIsMultiTree(t2.column.componentType), "tree-type": n2.getTreeType(t2.column.componentType), value: e2.getFormItemValue(t2.column.prop), onClear: n2.clearOrganizationInputEvent, onSetValue: n2.organizationInputEvent }, null, 8, ["fields", "department-info", "limit-filter-column", "models", "multiple", "tree-type", "value", "onClear", "onSetValue"])) : "radio" === ((_b = t2.column) == null ? void 0 : _b.componentType) ? (p(), i(O, { key: 8, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", filterable: "", onChange: o2[15] || (o2[15] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, T({ default: s(() => [(p(true), h(V, null, b(t2.column.valueSet, (e3) => (p(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, ["BOOLEAN" !== t2.column.dataType ? { name: "header", fn: s(() => [g(k2, { modelValue: a2.checkEmptyValue, "onUpdate:modelValue": o2[14] || (o2[14] = (e3) => a2.checkEmptyValue = e3), onChange: n2.checkEmptyChange }, { default: s(() => [C(v(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), key: "0" } : void 0]), 1032, ["model-value", "placeholder", "style"])) : (t2.column.componentType && "select" === t2.column.componentType || "BOOLEAN" === t2.column.dataType) && !n2.isDynamicDataSourceSource(t2.column) ? (p(), i(O, { key: 9, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", filterable: "", onChange: o2[17] || (o2[17] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, T({ default: s(() => [(p(true), h(V, null, b(t2.column.valueSet, (e3) => (p(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 2 }, ["BOOLEAN" !== t2.column.dataType ? { name: "header", fn: s(() => [g(k2, { modelValue: a2.checkEmptyValue, "onUpdate:modelValue": o2[16] || (o2[16] = (e3) => a2.checkEmptyValue = e3), onChange: n2.checkEmptyChange }, { default: s(() => [C(v(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), key: "0" } : void 0]), 1032, ["model-value", "placeholder", "style"])) : t2.column.componentType && "multiselect" === t2.column.componentType && !n2.isDynamicDataSourceSource(t2.column) ? (p(), i(O, { key: 10, "model-value": e2.getFormItemValue(t2.column.prop), placeholder: e2.$t("imatrixUIMessage.pleaseSelect"), style: f(t2.column.searchControlWidth), clearable: "", "collapse-tags": "", filterable: "", multiple: "", onChange: o2[19] || (o2[19] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, { header: s(() => [g(k2, { modelValue: a2.checkEmptyValue, "onUpdate:modelValue": o2[18] || (o2[18] = (e3) => a2.checkEmptyValue = e3), onChange: n2.checkEmptyChange }, { default: s(() => [C(v(e2.$t("imatrixUIPublicModel.emptyValue")), 1)]), _: 1 }, 8, ["modelValue", "onChange"])]), default: s(() => [(p(true), h(V, null, b(t2.column.valueSet, (e3) => (p(), i(E2, { key: e3.value, label: e3.label, value: e3.value }, null, 8, ["label", "value"]))), 128))]), _: 1 }, 8, ["model-value", "placeholder", "style"])) : t2.column.componentType && ("multiselect" === t2.column.componentType || "select" === t2.column.componentType) && n2.isDynamicDataSourceSource(t2.column) ? (p(), i(U, { key: 11, ref: "selectRef", value: t2.searchForm[t2.column.prop], "onUpdate:value": o2[20] || (o2[20] = (e3) => t2.searchForm[t2.column.prop] = e3), "allow-create": (_d = (_c = a2.dataSourceOptions) == null ? void 0 : _c.controlConfig) == null ? void 0 : _d.allowCreate, "base-props": { multiple: "multiselect" === t2.column.componentType }, entity: t2.searchForm, filterable: true, "is-join-table": t2.isJoinTable, "list-code": t2.code, "list-toolbar-form-data": n2.listToolbarFormData, options: a2.dataSourceOptions, "table-name": t2.tableName, "is-search": true, onChange: n2.multiselectChange, onChangeEmptyValue: n2.checkEmptyChange }, null, 8, ["value", "allow-create", "base-props", "entity", "is-join-table", "list-code", "list-toolbar-form-data", "options", "table-name", "onChange", "onChangeEmptyValue"])) : t2.column.componentType && "inputNumber" === t2.column.componentType ? (p(), i($, { key: 12, "item-value": t2.searchForm[t2.column.prop], "module-config": a2.moduleConfig, onSetValue: n2.setNumberValue }, null, 8, ["item-value", "module-config", "onSetValue"])) : t2.column.componentType && "switch" === t2.column.componentType ? (p(), i(w, { key: 13, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), "active-color": "#13ce66", "inactive-color": "#ff4949", onChange: o2[21] || (o2[21] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : t2.column.componentType && "slider" === t2.column.componentType ? (p(), i(N, { key: 14, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), onChange: o2[22] || (o2[22] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : t2.column.componentType && "rate" === t2.column.componentType ? (p(), i(P, { key: 15, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), onChange: o2[23] || (o2[23] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)) }, null, 8, ["model-value", "style"])) : (p(), i(_, { key: 16, "model-value": e2.getFormItemValue(t2.column.prop), style: f(t2.column.searchControlWidth), onKeyup: o2[25] || (o2[25] = S((o3) => e2.submitForm("searchForm"), ["enter"])), onInput: o2[26] || (o2[26] = (e3) => n2.setValueToModelProp(t2.column.prop, e3)), onFocus: o2[27] || (o2[27] = (e3) => n2.showEmpty()), onBlur: o2[28] || (o2[28] = (e3) => n2.hiddenEmpty()) }, { suffix: s(() => [g(W, { content: e2.$t("superGrid.searchEmpty"), placement: "bottom" }, { default: s(() => [n2.isShowEmtpty ? (p(), i(k2, { key: 0, modelValue: n2.checkedEmpty, "onUpdate:modelValue": o2[24] || (o2[24] = (e3) => n2.checkedEmpty = e3), onChange: n2.checkEmptyChange }, null, 8, ["modelValue", "onChange"])) : F("", true)]), _: 1 }, 8, ["content"])]), _: 1 }, 8, ["model-value", "style"]))];
   }), _: 1 }, 8, ["label-width", "prop"]);
-}], ["__scopeId", "data-v-90635647"]]);
+}], ["__scopeId", "data-v-41b4cbbd"]]);
 export {
   E as default
 };