@aspire-ui/element-component-pro 1.0.4 → 1.0.6

package/dist/element-component-pro.es.js

@@ -1,16 +1,16 @@
-import { reactive as $e, defineComponent as ee, h as ce, useSlots as Pe, ref as k, computed as R, onMounted as we, nextTick as Fe, onUnmounted as Re, watch as U, unref as ye } from "vue";
-import { MessageBox as ze } from "element-ui";
-const ge = $e({});
-function Be() {
+import { reactive as ze, defineComponent as ae, h as oe, useSlots as Pe, ref as k, computed as x, onMounted as pe, nextTick as Be, onUnmounted as xe, watch as U, unref as ue } from "vue";
+import { MessageBox as Ee } from "element-ui";
+const we = ze({});
+function Se() {
   return {
-    getSetting: (l) => l === void 0 ? { ...ge } : { ...ge[l] ?? {} },
+    getSetting: (l) => l === void 0 ? { ...we } : { ...we[l] ?? {} },
     setSetting: (l, t) => {
-      const a = ge[l];
-      ge[l] = a ? { ...a, ...t } : { ...t };
+      const a = we[l];
+      we[l] = a ? { ...a, ...t } : { ...t };
     }
   };
 }
-const Ee = /* @__PURE__ */ ee({
+const Ie = /* @__PURE__ */ ae({
   __name: "ProTable",
   props: {
     columns: null,
@@ -54,8 +54,8 @@ const Ee = /* @__PURE__ */ ee({
     load: null
   },
   emits: ["register", "fetch-success", "fetch-error", "selection-change", "row-click", "row-dblclick", "sort-change", "expand-change"],
-  setup(x, { expose: e, emit: l }) {
-    const t = x, a = ee({
+  setup(S, { expose: e, emit: l }) {
+    const t = S, a = ae({
       name: "EcpProTableDefaultCellRenderer",
       props: {
         column: { type: Object, required: !0 },
@@ -65,20 +65,20 @@ const Ee = /* @__PURE__ */ ee({
       },
       setup(o) {
         return () => {
-          var f, b;
-          const n = o.column;
-          if (n != null && n.customRender) {
-            const T = n.customRender({ text: o.value, record: o.record, index: o.index });
-            return typeof T == "string" || typeof T == "number" ? ce("span", String(T)) : T;
+          var f, C;
+          const s = o.column;
+          if (s != null && s.customRender) {
+            const I = s.customRender({ text: o.value, record: o.record, index: o.index });
+            return typeof I == "string" || typeof I == "number" ? oe("span", String(I)) : I;
           }
-          if (n != null && n.valueEnum) {
-            const T = ((b = (f = n.valueEnum) == null ? void 0 : f[o.value]) == null ? void 0 : b.text) ?? o.value;
-            return ce("span", T == null ? "" : String(T));
+          if (s != null && s.valueEnum) {
+            const I = ((C = (f = s.valueEnum) == null ? void 0 : f[o.value]) == null ? void 0 : C.text) ?? o.value;
+            return oe("span", I == null ? "" : String(I));
           }
-          return ce("span", o.value == null ? "" : String(o.value));
+          return oe("span", o.value == null ? "" : String(o.value));
         };
       }
-    }), y = ee({
+    }), h = ae({
       name: "EcpProTableBodyCellRenderer",
       props: {
         slotRender: { type: Function, required: !0 },
@@ -91,351 +91,351 @@ const Ee = /* @__PURE__ */ ee({
       },
       setup(o) {
         return () => {
-          const n = o.slotRender, f = n == null ? void 0 : n({ column: o.column, record: o.record, index: o.index, value: o.value });
-          if (((V) => V == null ? [] : Array.isArray(V) ? V.filter((G) => G != null && G !== !1 && !G.isComment) : [V])(f).length > 0)
+          const s = o.slotRender, f = s == null ? void 0 : s({ column: o.column, record: o.record, index: o.index, value: o.value });
+          if (((H) => H == null ? [] : Array.isArray(H) ? H.filter((ee) => ee != null && ee !== !1 && !ee.isComment) : [H])(f).length > 0)
             return f;
-          const F = { ...o.column };
-          return o.customRender && (F.customRender = o.customRender), o.valueEnum && (F.valueEnum = o.valueEnum), ce(a, { props: { column: F, record: o.record, index: o.index, value: o.value } });
+          const M = { ...o.column };
+          return o.customRender && (M.customRender = o.customRender), o.valueEnum && (M.valueEnum = o.valueEnum), oe(a, { props: { column: M, record: o.record, index: o.index, value: o.value } });
         };
       }
-    }), r = Pe(), P = k(), s = k(), p = k(0), $ = k(t.loading ?? !1), u = k([]), D = k({}), h = k([]), B = k({}), m = k([]), A = k(null), c = k({
+    }), n = Pe(), m = k(), r = k(), y = k(0), E = k(t.loading ?? !1), c = k([]), D = k({}), b = k([]), T = k({}), _ = k([]), A = k(null), u = k({
       page: 1,
       pageSize: t.pagination && typeof t.pagination == "object" ? t.pagination.pageSize ?? 10 : 10,
       pageSizes: t.pagination && typeof t.pagination == "object" ? t.pagination.pageSizes ?? [10, 20, 50, 100] : [10, 20, 50, 100],
       total: 0
-    }), { getSetting: v } = Be(), d = R(() => ({ ...v("ProTable"), ...t, ...B.value })), z = R(() => !!d.value.title || !!r.tableTitle || !!r.toolbar), I = R(() => A.value !== null ? A.value : !!t.pagination && typeof t.pagination == "object"), M = R(() => d.value.rowKey || "id"), N = R(() => new Set(m.value.map((o) => o[M.value]))), g = R(
-      () => h.value.filter((o) => !o.hideInTable && !o.defaultHidden)
-    ), L = R(() => {
-      var n, f;
+    }), { getSetting: p } = Se(), d = x(() => ({ ...p("ProTable"), ...t, ...T.value })), O = x(() => !!d.value.title || !!n.tableTitle || !!n.toolbar), V = x(() => A.value !== null ? A.value : !!t.pagination && typeof t.pagination == "object"), $ = x(() => d.value.rowKey || "id"), q = x(() => new Set(_.value.map((o) => o[$.value]))), F = x(
+      () => b.value.filter((o) => !o.hideInTable && !o.defaultHidden)
+    ), L = x(() => {
+      var s, f;
       let o = 0;
-      return d.value.rowSelection && (o += Number(d.value.rowSelection.width) || 48), d.value.showIndexColumn && (o += Number((n = d.value.indexColumnProps) == null ? void 0 : n.width) || 60), d.value.actionColumn && (o += Number((f = d.value.actionColumn) == null ? void 0 : f.width) || 150), o;
-    }), O = (o) => typeof o == "number" && o > 0, W = R(() => g.value.filter((n) => Y(n) && O(n.width)).reduce((n, f) => n + (typeof f.width == "number" ? f.width : 0), 0)), X = R(() => g.value.filter((n) => Y(n) && typeof n.width == "string").reduce((n, f) => n + (Number(q(f)) || 80), 0)), K = (o) => o == null ? null : typeof o == "number" ? o : parseInt(String(o).replace(/px$/i, ""), 10) || null, q = (o) => {
-      const n = o.width;
-      if (O(n) && W.value > 0 && p.value > 0 && typeof n == "number") {
-        const f = p.value - L.value - X.value;
-        let b = Math.floor(f * n / W.value);
-        const T = K(o.minWidth) ?? 60, F = K(o.maxWidth);
-        return b = Math.max(T, b), F != null && (b = Math.min(F, b)), b;
+      return d.value.rowSelection && (o += Number(d.value.rowSelection.width) || 48), d.value.showIndexColumn && (o += Number((s = d.value.indexColumnProps) == null ? void 0 : s.width) || 60), d.value.actionColumn && (o += Number((f = d.value.actionColumn) == null ? void 0 : f.width) || 150), o;
+    }), K = (o) => typeof o == "number" && o > 0, X = x(() => F.value.filter((s) => J(s) && K(s.width)).reduce((s, f) => s + (typeof f.width == "number" ? f.width : 0), 0)), Q = x(() => F.value.filter((s) => J(s) && typeof s.width == "string").reduce((s, f) => s + (Number(N(f)) || 80), 0)), G = (o) => o == null ? null : typeof o == "number" ? o : parseInt(String(o).replace(/px$/i, ""), 10) || null, N = (o) => {
+      const s = o.width;
+      if (K(s) && X.value > 0 && y.value > 0 && typeof s == "number") {
+        const f = y.value - L.value - Q.value;
+        let C = Math.floor(f * s / X.value);
+        const I = G(o.minWidth) ?? 60, M = G(o.maxWidth);
+        return C = Math.max(I, C), M != null && (C = Math.min(M, C)), C;
       }
-      if (typeof n == "string") {
-        const f = K(n) ?? 80, b = K(o.minWidth), T = K(o.maxWidth);
-        let F = f;
-        return b != null && (F = Math.max(b, F)), T != null && (F = Math.min(T, F)), F;
+      if (typeof s == "string") {
+        const f = G(s) ?? 80, C = G(o.minWidth), I = G(o.maxWidth);
+        let M = f;
+        return C != null && (M = Math.max(C, M)), I != null && (M = Math.min(I, M)), M;
       }
       return o.width;
-    }, Y = (o) => o.ifShow === !1 ? !1 : typeof o.ifShow == "function" ? o.ifShow({ column: o }) : !0, j = R(() => {
-      var n;
-      const o = (n = d.value.rowSelection) == null ? void 0 : n.getCheckboxProps;
-      return o ? u.value.filter((f) => {
-        var b;
-        return !((b = o(f)) != null && b.disabled);
-      }) : u.value;
-    }), te = R(() => j.value.length > 0), ue = R(() => j.value.length === 0 ? !1 : j.value.every((o) => N.value.has(o[M.value]))), de = R(() => {
-      const o = j.value.filter((n) => N.value.has(n[M.value])).length;
+    }, J = (o) => o.ifShow === !1 ? !1 : typeof o.ifShow == "function" ? o.ifShow({ column: o }) : !0, j = x(() => {
+      var s;
+      const o = (s = d.value.rowSelection) == null ? void 0 : s.getCheckboxProps;
+      return o ? c.value.filter((f) => {
+        var C;
+        return !((C = o(f)) != null && C.disabled);
+      }) : c.value;
+    }), Z = x(() => j.value.length > 0), v = x(() => j.value.length === 0 ? !1 : j.value.every((o) => q.value.has(o[$.value]))), z = x(() => {
+      const o = j.value.filter((s) => q.value.has(s[$.value])).length;
       return o > 0 && o < j.value.length;
-    }), fe = (o) => N.value.has(o[M.value]), pe = (o) => {
-      var n, f, b;
-      return ((b = (f = (n = d.value.rowSelection) == null ? void 0 : n.getCheckboxProps) == null ? void 0 : f.call(n, o)) == null ? void 0 : b.disabled) ?? !1;
-    }, ve = (o) => {
-      var n, f, b;
-      return ((b = (f = (n = d.value.rowSelection) == null ? void 0 : n.getRadioProps) == null ? void 0 : f.call(n, o)) == null ? void 0 : b.disabled) ?? !1;
-    }, Z = () => {
-      const o = m.value.map((n) => n[M.value]);
-      l("selection-change", { keys: o, rows: m.value });
-    }, me = (o, n) => {
-      const f = o[M.value];
-      n ? m.value = [...m.value.filter((b) => b[M.value] !== f), o] : m.value = m.value.filter((b) => b[M.value] !== f), Z();
-    }, he = (o) => {
-      m.value = [o], Z();
-    }, be = (o) => {
+    }), B = (o) => q.value.has(o[$.value]), W = (o) => {
+      var s, f, C;
+      return ((C = (f = (s = d.value.rowSelection) == null ? void 0 : s.getCheckboxProps) == null ? void 0 : f.call(s, o)) == null ? void 0 : C.disabled) ?? !1;
+    }, Y = (o) => {
+      var s, f, C;
+      return ((C = (f = (s = d.value.rowSelection) == null ? void 0 : s.getRadioProps) == null ? void 0 : f.call(s, o)) == null ? void 0 : C.disabled) ?? !1;
+    }, te = () => {
+      const o = _.value.map((s) => s[$.value]);
+      l("selection-change", { keys: o, rows: _.value });
+    }, se = (o, s) => {
+      const f = o[$.value];
+      s ? _.value = [..._.value.filter((C) => C[$.value] !== f), o] : _.value = _.value.filter((C) => C[$.value] !== f), te();
+    }, de = (o) => {
+      _.value = [o], te();
+    }, re = (o) => {
       if (o) {
-        const n = new Set(m.value.map((b) => b[M.value])), f = j.value.filter((b) => !n.has(b[M.value]));
-        m.value = [...m.value, ...f];
+        const s = new Set(_.value.map((C) => C[$.value])), f = j.value.filter((C) => !s.has(C[$.value]));
+        _.value = [..._.value, ...f];
       } else {
-        const n = new Set(u.value.map((f) => f[M.value]));
-        m.value = m.value.filter((f) => !n.has(f[M.value]));
+        const s = new Set(c.value.map((f) => f[$.value]));
+        _.value = _.value.filter((f) => !s.has(f[$.value]));
       }
-      Z();
-    }, J = async (o) => {
+      te();
+    }, le = async (o) => {
       if (!t.api) {
         if (t.dataSource)
           return;
-        u.value = [];
+        c.value = [];
         return;
       }
-      $.value = !0;
+      E.value = !0;
       try {
-        const n = d.value.fetchSetting ?? {}, f = n.pageField ?? "page", b = n.sizeField ?? "pageSize", T = n.listField ?? "list", F = n.totalField ?? "total", V = {
-          [f]: (o == null ? void 0 : o.page) ?? c.value.page,
-          [b]: (o == null ? void 0 : o.pageSize) ?? c.value.pageSize,
+        const s = d.value.fetchSetting ?? {}, f = s.pageField ?? "page", C = s.sizeField ?? "pageSize", I = s.listField ?? "list", M = s.totalField ?? "total", H = {
+          [f]: (o == null ? void 0 : o.page) ?? u.value.page,
+          [C]: (o == null ? void 0 : o.pageSize) ?? u.value.pageSize,
           ...t.searchInfo,
           ...o == null ? void 0 : o.searchInfo
         };
-        (o == null ? void 0 : o.page) != null && (c.value.page = o.page), (o == null ? void 0 : o.pageSize) != null && (c.value.pageSize = o.pageSize);
-        const G = t.beforeFetch ? t.beforeFetch(V) : V, Ce = await t.api(G);
+        (o == null ? void 0 : o.page) != null && (u.value.page = o.page), (o == null ? void 0 : o.pageSize) != null && (u.value.pageSize = o.pageSize);
+        const ee = t.beforeFetch ? t.beforeFetch(H) : H, Ce = await t.api(ee);
         D.value = Ce || {};
-        const _e = t.afterFetch ? t.afterFetch(Ce) : Ce, Se = _e[T] ?? _e.items ?? _e.list ?? [], xe = _e[F] ?? 0;
-        u.value = Se, c.value.total = xe, l("fetch-success", { items: Se, total: xe });
-      } catch (n) {
-        l("fetch-error", n);
+        const ye = t.afterFetch ? t.afterFetch(Ce) : Ce, Fe = ye[I] ?? ye.items ?? ye.list ?? [], Re = ye[M] ?? 0;
+        c.value = Fe, u.value.total = Re, l("fetch-success", { items: Fe, total: Re });
+      } catch (s) {
+        l("fetch-error", s);
       } finally {
-        $.value = !1;
+        E.value = !1;
       }
-    }, se = () => J(void 0), re = (o) => {
-      d.value.clearSelectOnPageChange && (m.value = []), c.value.pageSize = o, c.value.page = 1, J(void 0);
-    }, i = (o) => {
-      d.value.clearSelectOnPageChange && (m.value = []), c.value.page = o, J(void 0);
-    }, _ = (o, n, f) => l("row-click", o, f), S = (o, n, f) => l("row-dblclick", o, f), C = ({ prop: o, order: n }) => l("sort-change", { prop: o, order: n }), w = (o, n) => l("expand-change", o, n), E = (o) => u.value.findIndex((n) => n[M.value] === o), H = {
+    }, ve = () => le(void 0), me = (o) => {
+      d.value.clearSelectOnPageChange && (_.value = []), u.value.pageSize = o, u.value.page = 1, le(void 0);
+    }, he = (o) => {
+      d.value.clearSelectOnPageChange && (_.value = []), u.value.page = o, le(void 0);
+    }, _e = (o, s, f) => l("row-click", o, f), be = (o, s, f) => l("row-dblclick", o, f), ge = ({ prop: o, order: s }) => l("sort-change", { prop: o, order: s }), fe = (o, s) => l("expand-change", o, s), ce = (o) => c.value.findIndex((s) => s[$.value] === o), ie = {
       setProps: (o) => {
-        B.value = { ...B.value, ...o };
+        T.value = { ...T.value, ...o };
       },
-      reload: (o) => J(o),
+      reload: (o) => le(o),
       redoHeight: () => {
-        var o, n;
-        (n = (o = P.value) == null ? void 0 : o.doLayout) == null || n.call(o);
+        var o, s;
+        (s = (o = m.value) == null ? void 0 : o.doLayout) == null || s.call(o);
       },
       setLoading: (o) => {
-        $.value = o;
+        E.value = o;
       },
-      getDataSource: () => u.value,
+      getDataSource: () => c.value,
       getRawDataSource: () => D.value,
       setTableData: (o) => {
-        u.value = o ?? [];
+        c.value = o ?? [];
       },
-      getColumns: () => h.value,
+      getColumns: () => b.value,
       setColumns: (o) => {
         if (Array.isArray(o) && o.length > 0 && typeof o[0] == "string") {
-          const n = o, f = (t.columns ?? []).filter((T) => n.includes(T.key ?? T.dataIndex)), b = n.map((T) => f.find((F) => (F.key ?? F.dataIndex) === T)).filter(Boolean);
-          b.length && (h.value = b);
+          const s = o, f = (t.columns ?? []).filter((I) => s.includes(I.key ?? I.dataIndex)), C = s.map((I) => f.find((M) => (M.key ?? M.dataIndex) === I)).filter(Boolean);
+          C.length && (b.value = C);
         } else
-          h.value = o ?? [];
+          b.value = o ?? [];
       },
       setPagination: (o) => {
-        o != null && o.page && (c.value.page = o.page), o != null && o.pageSize && (c.value.pageSize = o.pageSize), (o == null ? void 0 : o.total) !== void 0 && (c.value.total = o.total);
+        o != null && o.page && (u.value.page = o.page), o != null && o.pageSize && (u.value.pageSize = o.pageSize), (o == null ? void 0 : o.total) !== void 0 && (u.value.total = o.total);
       },
-      getSelectRowKeys: () => m.value.map((o) => o[M.value]),
-      getSelectRows: () => m.value,
+      getSelectRowKeys: () => _.value.map((o) => o[$.value]),
+      getSelectRows: () => _.value,
       clearSelectedRowKeys: () => {
-        m.value = [], Z();
+        _.value = [], te();
       },
       setSelectedRowKeys: (o) => {
-        const n = new Set(o), f = u.value.filter((b) => n.has(b[M.value]));
-        o.forEach((b) => {
-          f.some((T) => T[M.value] === b) || f.push({ [M.value]: b });
-        }), m.value = f, Z();
+        const s = new Set(o), f = c.value.filter((C) => s.has(C[$.value]));
+        o.forEach((C) => {
+          f.some((I) => I[$.value] === C) || f.push({ [$.value]: C });
+        }), _.value = f, te();
       },
       deleteSelectRowByKey: (o) => {
-        m.value = m.value.filter((n) => n[M.value] !== o), Z();
+        _.value = _.value.filter((s) => s[$.value] !== o), te();
       },
-      updateTableData: (o, n, f) => {
-        o < 0 || o >= u.value.length || (u.value = [...u.value], u.value[o] = { ...u.value[o], [n]: f });
+      updateTableData: (o, s, f) => {
+        o < 0 || o >= c.value.length || (c.value = [...c.value], c.value[o] = { ...c.value[o], [s]: f });
       },
-      updateTableDataRecord: (o, n) => {
-        const f = E(o);
+      updateTableDataRecord: (o, s) => {
+        const f = ce(o);
         if (!(f < 0))
-          return u.value = [...u.value], u.value[f] = { ...u.value[f], ...n }, u.value[f];
+          return c.value = [...c.value], c.value[f] = { ...c.value[f], ...s }, c.value[f];
       },
       deleteTableDataRecord: (o) => {
-        const n = Array.isArray(o) ? o : [o], f = new Set(n);
-        u.value = u.value.filter((b) => !f.has(b[M.value]));
+        const s = Array.isArray(o) ? o : [o], f = new Set(s);
+        c.value = c.value.filter((C) => !f.has(C[$.value]));
       },
-      insertTableDataRecord: (o, n) => {
-        const f = [...u.value];
-        return n == null || n >= f.length ? f.push(o) : f.splice(n, 0, o), u.value = f, o;
+      insertTableDataRecord: (o, s) => {
+        const f = [...c.value];
+        return s == null || s >= f.length ? f.push(o) : f.splice(s, 0, o), c.value = f, o;
       },
-      getPaginationRef: () => I.value ? { page: c.value.page, pageSize: Number(c.value.pageSize) || 10, total: c.value.total } : !1,
-      getShowPagination: () => I.value,
+      getPaginationRef: () => V.value ? { page: u.value.page, pageSize: Number(u.value.pageSize) || 10, total: u.value.total } : !1,
+      getShowPagination: () => V.value,
       setShowPagination: (o) => {
         A.value = o;
       },
       getRowSelection: () => d.value.rowSelection,
       expandAll: () => {
-        var b;
-        const o = ((b = d.value.treeProps) == null ? void 0 : b.children) ?? "children", n = (T) => {
-          const F = [];
-          return T.forEach((V) => {
-            F.push(V);
-            const G = V[o];
-            Array.isArray(G) && G.length > 0 && F.push(...n(G));
-          }), F;
+        var C;
+        const o = ((C = d.value.treeProps) == null ? void 0 : C.children) ?? "children", s = (I) => {
+          const M = [];
+          return I.forEach((H) => {
+            M.push(H);
+            const ee = H[o];
+            Array.isArray(ee) && ee.length > 0 && M.push(...s(ee));
+          }), M;
         };
-        n(u.value).forEach((T) => {
-          var F, V;
-          return (V = (F = P.value) == null ? void 0 : F.toggleRowExpansion) == null ? void 0 : V.call(F, T, !0);
+        s(c.value).forEach((I) => {
+          var M, H;
+          return (H = (M = m.value) == null ? void 0 : M.toggleRowExpansion) == null ? void 0 : H.call(M, I, !0);
         });
       },
       collapseAll: () => {
-        var b;
-        const o = ((b = d.value.treeProps) == null ? void 0 : b.children) ?? "children", n = (T) => {
-          const F = [];
-          return T.forEach((V) => {
-            F.push(V);
-            const G = V[o];
-            Array.isArray(G) && G.length > 0 && F.push(...n(G));
-          }), F;
+        var C;
+        const o = ((C = d.value.treeProps) == null ? void 0 : C.children) ?? "children", s = (I) => {
+          const M = [];
+          return I.forEach((H) => {
+            M.push(H);
+            const ee = H[o];
+            Array.isArray(ee) && ee.length > 0 && M.push(...s(ee));
+          }), M;
         };
-        n(u.value).forEach((T) => {
-          var F, V;
-          return (V = (F = P.value) == null ? void 0 : F.toggleRowExpansion) == null ? void 0 : V.call(F, T, !1);
+        s(c.value).forEach((I) => {
+          var M, H;
+          return (H = (M = m.value) == null ? void 0 : M.toggleRowExpansion) == null ? void 0 : H.call(M, I, !1);
         });
       }
     };
-    e(H);
-    const Q = () => {
-      h.value = [...t.columns ?? []];
-    }, ne = () => {
-      t.api && d.value.immediate !== !1 ? J(void 0) : t.dataSource && (u.value = [...t.dataSource], !t.api && t.pagination !== !1 && (c.value.total = t.dataSource.length));
-    }, ie = () => {
-      s.value && (p.value = s.value.offsetWidth || 0);
+    e(ie);
+    const i = () => {
+      b.value = [...t.columns ?? []];
+    }, g = () => {
+      t.api && d.value.immediate !== !1 ? le(void 0) : t.dataSource && (c.value = [...t.dataSource], !t.api && t.pagination !== !1 && (u.value.total = t.dataSource.length));
+    }, P = () => {
+      r.value && (y.value = r.value.offsetWidth || 0);
     };
-    let le = null, oe = null;
-    return we(() => {
-      Q(), l("register", H), ne(), typeof window < "u" && (window.addEventListener("resize", ie), le = new ResizeObserver(ie), Fe(() => {
-        ie(), oe = s.value, oe && (le == null || le.observe(oe));
+    let R = null, w = null;
+    return pe(() => {
+      i(), l("register", ie), g(), typeof window < "u" && (window.addEventListener("resize", P), R = new ResizeObserver(P), Be(() => {
+        P(), w = r.value, w && (R == null || R.observe(w));
       }));
-    }), Re(() => {
-      typeof window < "u" && (window.removeEventListener("resize", ie), le && oe && (le.unobserve(oe), oe = null));
-    }), U(() => t.columns, Q, { deep: !0 }), U(() => t.dataSource, () => {
-      !t.api && t.dataSource && (u.value = [...t.dataSource]);
+    }), xe(() => {
+      typeof window < "u" && (window.removeEventListener("resize", P), R && w && (R.unobserve(w), w = null));
+    }), U(() => t.columns, i, { deep: !0 }), U(() => t.dataSource, () => {
+      !t.api && t.dataSource && (c.value = [...t.dataSource]);
     }, { deep: !0 }), U(() => t.loading, (o) => {
-      $.value = o ?? !1;
-    }), { __sfc: !0, DefaultCellRenderer: a, BodyCellRenderer: y, props: t, emit: l, slots: r, tableRef: P, tableWrapRef: s, containerWidth: p, loading: $, innerData: u, rawDataSource: D, innerColumns: h, innerProps: B, selectedRows: m, showPaginationRef: A, pagination: c, getComponentSetting: v, effectiveProps: d, showTitleBar: z, showPagination: I, rowKeyField: M, selectedKeysSet: N, displayColumns: g, fixedColumnsWidth: L, isRatioWidth: O, totalRatio: W, fixedDataColumnsWidth: X, parseWidthPx: K, getColumnWidth: q, shouldShowColumn: Y, selectableRows: j, hasSelectableRows: te, isAllCurrentPageSelected: ue, isIndeterminate: de, isRowSelected: fe, getCheckboxDisabled: pe, getRadioDisabled: ve, emitSelectionChange: Z, handleCheckboxChange: me, handleRadioSelect: he, handleSelectAll: be, fetchData: J, handleReload: se, handleSizeChange: re, handleCurrentChange: i, handleRowClick: _, handleRowDblclick: S, handleSortChange: C, handleExpandChange: w, findRowIndex: E, tableAction: H, syncColumns: Q, loadData: ne, updateContainerWidth: ie, resizeObserver: le, observedEl: oe };
+      E.value = o ?? !1;
+    }), { __sfc: !0, DefaultCellRenderer: a, BodyCellRenderer: h, props: t, emit: l, slots: n, tableRef: m, tableWrapRef: r, containerWidth: y, loading: E, innerData: c, rawDataSource: D, innerColumns: b, innerProps: T, selectedRows: _, showPaginationRef: A, pagination: u, getComponentSetting: p, effectiveProps: d, showTitleBar: O, showPagination: V, rowKeyField: $, selectedKeysSet: q, displayColumns: F, fixedColumnsWidth: L, isRatioWidth: K, totalRatio: X, fixedDataColumnsWidth: Q, parseWidthPx: G, getColumnWidth: N, shouldShowColumn: J, selectableRows: j, hasSelectableRows: Z, isAllCurrentPageSelected: v, isIndeterminate: z, isRowSelected: B, getCheckboxDisabled: W, getRadioDisabled: Y, emitSelectionChange: te, handleCheckboxChange: se, handleRadioSelect: de, handleSelectAll: re, fetchData: le, handleReload: ve, handleSizeChange: me, handleCurrentChange: he, handleRowClick: _e, handleRowDblclick: be, handleSortChange: ge, handleExpandChange: fe, findRowIndex: ce, tableAction: ie, syncColumns: i, loadData: g, updateContainerWidth: P, resizeObserver: R, observedEl: w };
   }
 });
-function ae(x, e, l, t, a, y, r, P) {
-  var s = typeof x == "function" ? x.options : x;
-  e && (s.render = e, s.staticRenderFns = l, s._compiled = !0), t && (s.functional = !0), y && (s._scopeId = "data-v-" + y);
-  var p;
-  if (r ? (p = function(D) {
+function ne(S, e, l, t, a, h, n, m) {
+  var r = typeof S == "function" ? S.options : S;
+  e && (r.render = e, r.staticRenderFns = l, r._compiled = !0), t && (r.functional = !0), h && (r._scopeId = "data-v-" + h);
+  var y;
+  if (n ? (y = function(D) {
     D = D || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !D && typeof __VUE_SSR_CONTEXT__ < "u" && (D = __VUE_SSR_CONTEXT__), a && a.call(this, D), D && D._registeredComponents && D._registeredComponents.add(r);
-  }, s._ssrRegister = p) : a && (p = P ? function() {
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !D && typeof __VUE_SSR_CONTEXT__ < "u" && (D = __VUE_SSR_CONTEXT__), a && a.call(this, D), D && D._registeredComponents && D._registeredComponents.add(n);
+  }, r._ssrRegister = y) : a && (y = m ? function() {
     a.call(
       this,
-      (s.functional ? this.parent : this).$root.$options.shadowRoot
+      (r.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : a), p)
-    if (s.functional) {
-      s._injectStyles = p;
-      var $ = s.render;
-      s.render = function(h, B) {
-        return p.call(B), $(h, B);
+  } : a), y)
+    if (r.functional) {
+      r._injectStyles = y;
+      var E = r.render;
+      r.render = function(b, T) {
+        return y.call(T), E(b, T);
       };
     } else {
-      var u = s.beforeCreate;
-      s.beforeCreate = u ? [].concat(u, p) : [p];
+      var c = r.beforeCreate;
+      r.beforeCreate = c ? [].concat(c, y) : [y];
     }
   return {
-    exports: x,
-    options: s
+    exports: S,
+    options: r
   };
 }
-var Ie = function() {
-  var a, y, r, P;
+var Oe = function() {
+  var a, h, n, m;
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { staticClass: "ecp-pro-table" }, [t.showTitleBar ? l("div", { staticClass: "ecp-pro-table__header" }, [l("div", { staticClass: "ecp-pro-table__title-wrapper" }, [l("span", { staticClass: "ecp-pro-table__title" }, [e._v(e._s(t.effectiveProps.title))]), t.effectiveProps.titleHelpMessage ? l("el-tooltip", { staticClass: "ecp-pro-table__help", attrs: { placement: "top" } }, [l("template", { slot: "content" }, [Array.isArray(t.effectiveProps.titleHelpMessage) ? l("span", e._l(t.effectiveProps.titleHelpMessage, function(s, p) {
-    return l("div", { key: p }, [e._v(e._s(s))]);
+  return l("div", { staticClass: "ecp-pro-table" }, [t.showTitleBar ? l("div", { staticClass: "ecp-pro-table__header" }, [l("div", { staticClass: "ecp-pro-table__title-wrapper" }, [l("span", { staticClass: "ecp-pro-table__title" }, [e._v(e._s(t.effectiveProps.title))]), t.effectiveProps.titleHelpMessage ? l("el-tooltip", { staticClass: "ecp-pro-table__help", attrs: { placement: "top" } }, [l("template", { slot: "content" }, [Array.isArray(t.effectiveProps.titleHelpMessage) ? l("span", e._l(t.effectiveProps.titleHelpMessage, function(r, y) {
+    return l("div", { key: y }, [e._v(e._s(r))]);
   }), 0) : l("span", [e._v(e._s(t.effectiveProps.titleHelpMessage))])]), l("i", { staticClass: "el-icon-question" })], 2) : e._e()], 1), l("div", { staticClass: "ecp-pro-table__toolbar" }, [e._t("tableTitle"), e._t("toolbar"), e._t("toolbar-right", function() {
-    var s;
-    return [((s = t.effectiveProps.tableSetting) == null ? void 0 : s.redo) !== !1 ? l("el-button", { attrs: { type: "text", icon: "el-icon-refresh", size: "small" }, on: { click: t.handleReload } }, [e._v(" 刷新 ")]) : e._e()];
-  })], 2)]) : e._e(), l("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.loading, expression: "loading" }], ref: "tableWrapRef", staticClass: "ecp-pro-table__body" }, [l("el-table", e._b({ ref: "tableRef", attrs: { data: t.innerData, "row-key": t.effectiveProps.rowKey, border: t.effectiveProps.bordered, stripe: t.effectiveProps.striped, size: t.effectiveProps.size, "max-height": t.effectiveProps.maxHeight, height: t.effectiveProps.height, "default-sort": t.effectiveProps.defaultSort, "span-method": t.effectiveProps.spanMethod, "tree-props": t.effectiveProps.treeProps, "default-expand-all": t.effectiveProps.defaultExpandAll, "expand-row-keys": t.effectiveProps.expandRowKeys || [], lazy: t.effectiveProps.lazy, load: t.effectiveProps.load, "row-class-name": t.effectiveProps.rowClassName }, on: { "row-click": t.handleRowClick, "row-dblclick": t.handleRowDblclick, "sort-change": t.handleSortChange, "expand-change": t.handleExpandChange } }, "el-table", t.effectiveProps.tableProps, !1), [t.effectiveProps.rowSelection ? l("el-table-column", { attrs: { width: t.effectiveProps.rowSelection.width || 48, fixed: t.effectiveProps.rowSelection.fixed, align: "center" }, scopedSlots: e._u([{ key: "header", fn: function(s) {
+    var r;
+    return [((r = t.effectiveProps.tableSetting) == null ? void 0 : r.redo) !== !1 ? l("el-button", { attrs: { type: "text", icon: "el-icon-refresh", size: "small" }, on: { click: t.handleReload } }, [e._v(" 刷新 ")]) : e._e()];
+  })], 2)]) : e._e(), l("div", { directives: [{ name: "loading", rawName: "v-loading", value: t.loading, expression: "loading" }], ref: "tableWrapRef", staticClass: "ecp-pro-table__body" }, [l("el-table", e._b({ ref: "tableRef", attrs: { data: t.innerData, "row-key": t.effectiveProps.rowKey, border: t.effectiveProps.bordered, stripe: t.effectiveProps.striped, size: t.effectiveProps.size, "max-height": t.effectiveProps.maxHeight, height: t.effectiveProps.height, "default-sort": t.effectiveProps.defaultSort, "span-method": t.effectiveProps.spanMethod, "tree-props": t.effectiveProps.treeProps, "default-expand-all": t.effectiveProps.defaultExpandAll, "expand-row-keys": t.effectiveProps.expandRowKeys || [], lazy: t.effectiveProps.lazy, load: t.effectiveProps.load, "row-class-name": t.effectiveProps.rowClassName }, on: { "row-click": t.handleRowClick, "row-dblclick": t.handleRowDblclick, "sort-change": t.handleSortChange, "expand-change": t.handleExpandChange } }, "el-table", t.effectiveProps.tableProps, !1), [t.effectiveProps.rowSelection ? l("el-table-column", { attrs: { width: t.effectiveProps.rowSelection.width || 48, fixed: t.effectiveProps.rowSelection.fixed, align: "center" }, scopedSlots: e._u([{ key: "header", fn: function(r) {
     return [t.effectiveProps.rowSelection.type !== "radio" ? l("el-checkbox", { attrs: { value: t.isAllCurrentPageSelected, indeterminate: t.isIndeterminate, disabled: !t.hasSelectableRows }, on: { change: t.handleSelectAll } }) : l("span")];
-  } }, { key: "default", fn: function(s) {
-    var p;
-    return [t.effectiveProps.rowSelection.type !== "radio" ? l("el-checkbox", { attrs: { value: t.isRowSelected(s.row), disabled: t.getCheckboxDisabled(s.row) }, on: { change: ($) => t.handleCheckboxChange(s.row, $) }, nativeOn: { click: function($) {
-      $.stopPropagation();
-    } } }) : l("el-radio", { attrs: { value: (p = t.selectedRows[0]) == null ? void 0 : p[t.rowKeyField], label: s.row[t.rowKeyField], disabled: t.getRadioDisabled(s.row) }, on: { change: function($) {
-      return t.handleRadioSelect(s.row);
-    } }, nativeOn: { click: function($) {
-      $.stopPropagation();
+  } }, { key: "default", fn: function(r) {
+    var y;
+    return [t.effectiveProps.rowSelection.type !== "radio" ? l("el-checkbox", { attrs: { value: t.isRowSelected(r.row), disabled: t.getCheckboxDisabled(r.row) }, on: { change: (E) => t.handleCheckboxChange(r.row, E) }, nativeOn: { click: function(E) {
+      E.stopPropagation();
+    } } }) : l("el-radio", { attrs: { value: (y = t.selectedRows[0]) == null ? void 0 : y[t.rowKeyField], label: r.row[t.rowKeyField], disabled: t.getRadioDisabled(r.row) }, on: { change: function(E) {
+      return t.handleRadioSelect(r.row);
+    } }, nativeOn: { click: function(E) {
+      E.stopPropagation();
     } } }, [l("span")])];
-  } }], null, !1, 983730649) }) : e._e(), t.effectiveProps.showIndexColumn ? l("el-table-column", { attrs: { type: "index", label: ((a = t.effectiveProps.indexColumnProps) == null ? void 0 : a.title) || "序号", width: ((y = t.effectiveProps.indexColumnProps) == null ? void 0 : y.width) || 60, fixed: (r = t.effectiveProps.indexColumnProps) == null ? void 0 : r.fixed, align: ((P = t.effectiveProps.indexColumnProps) == null ? void 0 : P.align) || "center" } }) : e._e(), e._l(t.displayColumns, function(s) {
-    return [t.shouldShowColumn(s) ? l("el-table-column", { key: s.dataIndex || s.key || s.title, attrs: { prop: s.dataIndex, label: s.title, width: t.getColumnWidth(s), "min-width": t.isRatioWidth(s.width) ? void 0 : s.minWidth, fixed: s.fixed, align: s.align || "left", sortable: s.sortable, formatter: s.formatter, "show-overflow-tooltip": s.ellipsis !== !1 && t.effectiveProps.ellipsis !== !1 }, scopedSlots: e._u([{ key: "header", fn: function(p) {
-      return [s.dataIndex && e.$scopedSlots[`header-${s.dataIndex}`] ? e._t(`header-${s.dataIndex}`, null, { column: s }) : e.$scopedSlots.headerCell ? e._t("headerCell", null, { column: s }) : [l("span", [e._v(e._s(s.title))]), s.helpMessage ? l("el-tooltip", { staticClass: "ecp-pro-table__col-help", attrs: { placement: "top", effect: "dark" } }, [l("template", { slot: "content" }, [Array.isArray(s.helpMessage) ? l("span", e._l(s.helpMessage, function($, u) {
-        return l("div", { key: u }, [e._v(e._s($))]);
-      }), 0) : l("span", [e._v(e._s(s.helpMessage))])]), l("i", { staticClass: "el-icon-question" })], 2) : e._e()]];
-    } }, { key: "default", fn: function(p) {
-      return [s.dataIndex && e.$scopedSlots[s.dataIndex] ? e._t(s.dataIndex, null, { row: p.row, column: s, index: p.$index, value: p.row[s.dataIndex] }) : e.$scopedSlots.bodyCell ? l(t.BodyCellRenderer, { attrs: { "slot-render": e.$scopedSlots.bodyCell, column: s, record: p.row, index: p.$index, value: p.row[s.dataIndex], "custom-render": s.customRender, "value-enum": s.valueEnum } }) : l(t.DefaultCellRenderer, { attrs: { column: s, record: p.row, index: p.$index, value: p.row[s.dataIndex] } })];
+  } }], null, !1, 983730649) }) : e._e(), t.effectiveProps.showIndexColumn ? l("el-table-column", { attrs: { type: "index", label: ((a = t.effectiveProps.indexColumnProps) == null ? void 0 : a.title) || "序号", width: ((h = t.effectiveProps.indexColumnProps) == null ? void 0 : h.width) || 60, fixed: (n = t.effectiveProps.indexColumnProps) == null ? void 0 : n.fixed, align: ((m = t.effectiveProps.indexColumnProps) == null ? void 0 : m.align) || "center" } }) : e._e(), e._l(t.displayColumns, function(r) {
+    return [t.shouldShowColumn(r) ? l("el-table-column", { key: r.dataIndex || r.key || r.title, attrs: { prop: r.dataIndex, label: r.title, width: t.getColumnWidth(r), "min-width": t.isRatioWidth(r.width) ? void 0 : r.minWidth, fixed: r.fixed, align: r.align || "left", sortable: r.sortable, formatter: r.formatter, "show-overflow-tooltip": r.ellipsis !== !1 && t.effectiveProps.ellipsis !== !1 }, scopedSlots: e._u([{ key: "header", fn: function(y) {
+      return [r.dataIndex && e.$scopedSlots[`header-${r.dataIndex}`] ? e._t(`header-${r.dataIndex}`, null, { column: r }) : e.$scopedSlots.headerCell ? e._t("headerCell", null, { column: r }) : [l("span", [e._v(e._s(r.title))]), r.helpMessage ? l("el-tooltip", { staticClass: "ecp-pro-table__col-help", attrs: { placement: "top", effect: "dark" } }, [l("template", { slot: "content" }, [Array.isArray(r.helpMessage) ? l("span", e._l(r.helpMessage, function(E, c) {
+        return l("div", { key: c }, [e._v(e._s(E))]);
+      }), 0) : l("span", [e._v(e._s(r.helpMessage))])]), l("i", { staticClass: "el-icon-question" })], 2) : e._e()]];
+    } }, { key: "default", fn: function(y) {
+      return [r.dataIndex && e.$scopedSlots[r.dataIndex] ? e._t(r.dataIndex, null, { row: y.row, column: r, index: y.$index, value: y.row[r.dataIndex] }) : e.$scopedSlots.bodyCell ? l(t.BodyCellRenderer, { attrs: { "slot-render": e.$scopedSlots.bodyCell, column: r, record: y.row, index: y.$index, value: y.row[r.dataIndex], "custom-render": r.customRender, "value-enum": r.valueEnum } }) : l(t.DefaultCellRenderer, { attrs: { column: r, record: y.row, index: y.$index, value: y.row[r.dataIndex] } })];
     } }], null, !0) }) : e._e()];
-  }), t.effectiveProps.actionColumn ? l("el-table-column", { attrs: { label: t.effectiveProps.actionColumn.title || "操作", width: t.effectiveProps.actionColumn.width || 150, fixed: t.effectiveProps.actionColumn.fixed || "right", align: t.effectiveProps.actionColumn.align || "center" }, scopedSlots: e._u([{ key: "default", fn: function(s) {
-    return [e.$scopedSlots.action ? e._t("action", null, { record: s.row, column: t.effectiveProps.actionColumn, index: s.$index }) : e.$scopedSlots.bodyCell ? l(t.BodyCellRenderer, { attrs: { "slot-render": e.$scopedSlots.bodyCell, column: t.effectiveProps.actionColumn, record: s.row, index: s.$index, value: void 0, "custom-render": t.effectiveProps.actionColumn.customRender, "value-enum": t.effectiveProps.actionColumn.valueEnum } }) : e._e()];
+  }), t.effectiveProps.actionColumn ? l("el-table-column", { attrs: { label: t.effectiveProps.actionColumn.title || "操作", width: t.effectiveProps.actionColumn.width || 150, fixed: t.effectiveProps.actionColumn.fixed || "right", align: t.effectiveProps.actionColumn.align || "center" }, scopedSlots: e._u([{ key: "default", fn: function(r) {
+    return [e.$scopedSlots.action ? e._t("action", null, { record: r.row, column: t.effectiveProps.actionColumn, index: r.$index }) : e.$scopedSlots.bodyCell ? l(t.BodyCellRenderer, { attrs: { "slot-render": e.$scopedSlots.bodyCell, column: t.effectiveProps.actionColumn, record: r.row, index: r.$index, value: void 0, "custom-render": t.effectiveProps.actionColumn.customRender, "value-enum": t.effectiveProps.actionColumn.valueEnum } }) : e._e()];
   } }], null, !0) }) : e._e()], 2)], 1), t.showPagination ? l("div", { staticClass: "ecp-pro-table__pagination" }, [l("el-pagination", e._b({ attrs: { "current-page": t.pagination.page, "page-sizes": t.pagination.pageSizes, "page-size": t.pagination.pageSize, total: t.pagination.total, layout: (t.effectiveProps.pagination && typeof t.effectiveProps.pagination == "object" ? t.effectiveProps.pagination.layout : null) || "total, sizes, prev, pager, next, jumper" }, on: { "size-change": t.handleSizeChange, "current-change": t.handleCurrentChange } }, "el-pagination", t.effectiveProps.pagination && typeof t.effectiveProps.pagination == "object" && t.effectiveProps.pagination.props || {}, !1))], 1) : e._e()]);
-}, Le = [], Oe = /* @__PURE__ */ ae(
-  Ee,
+}, Ve = [], Le = /* @__PURE__ */ ne(
   Ie,
-  Le,
+  Oe,
+  Ve,
   !1,
   null,
   "c5638c20",
   null,
   null
 );
-const Ae = Oe.exports, Ve = /* @__PURE__ */ ee({
+const Ae = Le.exports, We = /* @__PURE__ */ ae({
   __name: "TableAction",
   props: {
     actions: { default: () => [] },
     dropDownActions: { default: () => [] },
     stopButtonPropagation: { type: Boolean, default: !1 }
   },
-  setup(x) {
-    const e = x, l = (h) => h ? typeof h == "string" ? { content: h } : h : {}, t = (h) => h.type ? h.type : h.color === "error" ? "danger" : h.color === "success" ? "success" : h.color === "warning" ? "warning" : "text", a = (h) => h.filter((B) => {
-      const { ifShow: m } = B;
-      return typeof m == "boolean" ? m : typeof m == "function" ? m(B) : !0;
-    }), y = R(() => a(e.actions || [])), r = R(() => a(e.dropDownActions || [])), P = (h, B) => {
-      var m;
-      e.stopButtonPropagation && B.stopPropagation(), (m = h.onClick) == null || m.call(h, B);
-    }, s = (h, B) => {
-      P(h, B);
-    }, p = (h, B, m) => {
-      var A, c, v, d;
-      e.stopButtonPropagation && m.stopPropagation(), h.popConfirm && (B === "confirm" ? (c = (A = h.popConfirm).confirm) == null || c.call(A) : (d = (v = h.popConfirm).cancel) == null || d.call(v));
+  setup(S) {
+    const e = S, l = (b) => b ? typeof b == "string" ? { content: b } : b : {}, t = (b) => b.type ? b.type : b.color === "error" ? "danger" : b.color === "success" ? "success" : b.color === "warning" ? "warning" : "text", a = (b) => b.filter((T) => {
+      const { ifShow: _ } = T;
+      return typeof _ == "boolean" ? _ : typeof _ == "function" ? _(T) : !0;
+    }), h = x(() => a(e.actions || [])), n = x(() => a(e.dropDownActions || [])), m = (b, T) => {
+      var _;
+      e.stopButtonPropagation && T.stopPropagation(), (_ = b.onClick) == null || _.call(b, T);
+    }, r = (b, T) => {
+      m(b, T);
+    }, y = (b, T, _) => {
+      var A, u, p, d;
+      e.stopButtonPropagation && _.stopPropagation(), b.popConfirm && (T === "confirm" ? (u = (A = b.popConfirm).confirm) == null || u.call(A) : (d = (p = b.popConfirm).cancel) == null || d.call(p));
     };
-    return { __sfc: !0, props: e, normalizeTooltip: l, getButtonType: t, filterVisible: a, visibleActions: y, visibleDropDownActions: r, handleClick: P, handleActionClick: s, handlePopConfirm: p, handlePopConfirmConfirm: (h, B) => {
-      p(h, "confirm", B);
-    }, handlePopConfirmCancel: (h, B) => {
-      p(h, "cancel", B);
-    }, handleDropdownCommand: (h) => {
+    return { __sfc: !0, props: e, normalizeTooltip: l, getButtonType: t, filterVisible: a, visibleActions: h, visibleDropDownActions: n, handleClick: m, handleActionClick: r, handlePopConfirm: y, handlePopConfirmConfirm: (b, T) => {
+      y(b, "confirm", T);
+    }, handlePopConfirmCancel: (b, T) => {
+      y(b, "cancel", T);
+    }, handleDropdownCommand: (b) => {
       var A;
-      const B = Number(h), m = r.value[B];
-      if (!(!m || m.disabled)) {
-        if (m.popConfirm) {
-          const c = m.popConfirm.title, v = m.popConfirm.okText || "确定", d = m.popConfirm.cancelText || "取消";
-          ze.confirm(c, "提示", {
-            confirmButtonText: v,
+      const T = Number(b), _ = n.value[T];
+      if (!(!_ || _.disabled)) {
+        if (_.popConfirm) {
+          const u = _.popConfirm.title, p = _.popConfirm.okText || "确定", d = _.popConfirm.cancelText || "取消";
+          Ee.confirm(u, "提示", {
+            confirmButtonText: p,
             cancelButtonText: d,
             type: "warning"
           }).then(() => {
-            var z, I;
-            return (I = (z = m.popConfirm) == null ? void 0 : z.confirm) == null ? void 0 : I.call(z);
+            var O, V;
+            return (V = (O = _.popConfirm) == null ? void 0 : O.confirm) == null ? void 0 : V.call(O);
           }).catch(() => {
-            var z, I;
-            return (I = (z = m.popConfirm) == null ? void 0 : z.cancel) == null ? void 0 : I.call(z);
+            var O, V;
+            return (V = (O = _.popConfirm) == null ? void 0 : O.cancel) == null ? void 0 : V.call(O);
           });
           return;
         }
-        (A = m.onClick) == null || A.call(m, {});
+        (A = _.onClick) == null || A.call(_, {});
       }
     } };
   }
 });
 var Ke = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { staticClass: "ecp-table-action" }, [e._l(t.visibleActions, function(a, y) {
-    return l("span", { key: `action-${y}`, staticClass: "ecp-table-action__item" }, [a.popConfirm ? l("el-popconfirm", { attrs: { title: a.popConfirm.title, "confirm-button-text": a.popConfirm.okText || "确定", "cancel-button-text": a.popConfirm.cancelText || "取消" }, on: { confirm: function(r) {
-      return t.handlePopConfirmConfirm(a, r);
-    }, cancel: function(r) {
-      return t.handlePopConfirmCancel(a, r);
-    } } }, [l("span", { attrs: { slot: "reference" }, slot: "reference" }, [l(a.tooltip ? "el-tooltip" : "span", e._b({ tag: "component" }, "component", a.tooltip ? t.normalizeTooltip(a.tooltip) : {}, !1), [l("el-button", e._b({ attrs: { type: t.getButtonType(a), size: "small", disabled: a.disabled }, on: { click: function(r) {
-      return t.handleActionClick(a, r);
-    } } }, "el-button", a.props, !1), [a.icon ? l("i", { class: ["ecp-table-action__icon", a.icon] }) : e._e(), l("span", [e._v(e._s(a.label))])])], 1)], 1)]) : l(a.tooltip ? "el-tooltip" : "span", e._b({ tag: "component" }, "component", a.tooltip ? t.normalizeTooltip(a.tooltip) : {}, !1), [l("el-button", e._b({ attrs: { type: t.getButtonType(a), size: "small", disabled: a.disabled }, on: { click: function(r) {
-      return t.handleActionClick(a, r);
+  return l("div", { staticClass: "ecp-table-action" }, [e._l(t.visibleActions, function(a, h) {
+    return l("span", { key: `action-${h}`, staticClass: "ecp-table-action__item" }, [a.popConfirm ? l("el-popconfirm", { attrs: { title: a.popConfirm.title, "confirm-button-text": a.popConfirm.okText || "确定", "cancel-button-text": a.popConfirm.cancelText || "取消" }, on: { confirm: function(n) {
+      return t.handlePopConfirmConfirm(a, n);
+    }, cancel: function(n) {
+      return t.handlePopConfirmCancel(a, n);
+    } } }, [l("span", { attrs: { slot: "reference" }, slot: "reference" }, [l(a.tooltip ? "el-tooltip" : "span", e._b({ tag: "component" }, "component", a.tooltip ? t.normalizeTooltip(a.tooltip) : {}, !1), [l("el-button", e._b({ attrs: { type: t.getButtonType(a), size: "small", disabled: a.disabled }, on: { click: function(n) {
+      return t.handleActionClick(a, n);
+    } } }, "el-button", a.props, !1), [a.icon ? l("i", { class: ["ecp-table-action__icon", a.icon] }) : e._e(), l("span", [e._v(e._s(a.label))])])], 1)], 1)]) : l(a.tooltip ? "el-tooltip" : "span", e._b({ tag: "component" }, "component", a.tooltip ? t.normalizeTooltip(a.tooltip) : {}, !1), [l("el-button", e._b({ attrs: { type: t.getButtonType(a), size: "small", disabled: a.disabled }, on: { click: function(n) {
+      return t.handleActionClick(a, n);
     } } }, "el-button", a.props, !1), [a.icon ? l("i", { class: ["ecp-table-action__icon", a.icon] }) : e._e(), l("span", [e._v(e._s(a.label))])])], 1), a.divider ? l("el-divider", { attrs: { direction: "vertical" } }) : e._e()], 1);
-  }), t.visibleDropDownActions.length ? l("el-dropdown", { attrs: { trigger: "click" }, on: { command: t.handleDropdownCommand } }, [l("span", { staticClass: "ecp-table-action__more" }, [l("el-button", { attrs: { type: "text", size: "small" } }, [e._v(" 更多"), l("i", { staticClass: "el-icon-arrow-down el-icon--right" })])], 1), l("el-dropdown-menu", { attrs: { slot: "dropdown" }, slot: "dropdown" }, e._l(t.visibleDropDownActions, function(a, y) {
-    return l("el-dropdown-item", { key: `dropdown-${y}`, attrs: { command: y, disabled: a.disabled, divided: !!a.divider } }, [l("span", { staticClass: "ecp-table-action__dropdown-item" }, [a.icon ? l("i", { class: ["ecp-table-action__icon", a.icon] }) : e._e(), l("span", [e._v(e._s(a.label))])])]);
+  }), t.visibleDropDownActions.length ? l("el-dropdown", { attrs: { trigger: "click" }, on: { command: t.handleDropdownCommand } }, [l("span", { staticClass: "ecp-table-action__more" }, [l("el-button", { attrs: { type: "text", size: "small" } }, [e._v(" 更多"), l("i", { staticClass: "el-icon-arrow-down el-icon--right" })])], 1), l("el-dropdown-menu", { attrs: { slot: "dropdown" }, slot: "dropdown" }, e._l(t.visibleDropDownActions, function(a, h) {
+    return l("el-dropdown-item", { key: `dropdown-${h}`, attrs: { command: h, disabled: a.disabled, divided: !!a.divider } }, [l("span", { staticClass: "ecp-table-action__dropdown-item" }, [a.icon ? l("i", { class: ["ecp-table-action__icon", a.icon] }) : e._e(), l("span", [e._v(e._s(a.label))])])]);
   }), 1)], 1) : e._e()], 2);
-}, Ne = [], We = /* @__PURE__ */ ae(
-  Ve,
+}, Ne = [], qe = /* @__PURE__ */ ne(
+  We,
   Ke,
   Ne,
   !1,
@@ -444,59 +444,59 @@ var Ke = function() {
   null,
   null
 );
-const ke = We.exports;
-function ht(x) {
-  const e = k(null), l = () => x ? ye(x) : void 0, t = () => {
-    const r = ye(e);
-    if (!r)
+const ke = qe.exports;
+function wt(S) {
+  const e = k(null), l = () => S ? ue(S) : void 0, t = () => {
+    const n = ue(e);
+    if (!n)
       throw new Error("ProTable instance has not been registered");
-    return r;
-  }, a = (r) => {
-    e.value = r;
-    const P = l();
-    P && Object.keys(P).length > 0 && r.setProps(P);
+    return n;
+  }, a = (n) => {
+    e.value = n;
+    const m = l();
+    m && Object.keys(m).length > 0 && n.setProps(m);
   };
-  return x && U(
+  return S && U(
     () => l(),
-    (r) => {
-      r && e.value && e.value.setProps(r);
+    (n) => {
+      n && e.value && e.value.setProps(n);
     },
     { deep: !0 }
   ), [a, {
-    setProps: (r) => t().setProps(r),
-    reload: (r) => t().reload(r),
+    setProps: (n) => t().setProps(n),
+    reload: (n) => t().reload(n),
     redoHeight: () => t().redoHeight(),
-    setLoading: (r) => t().setLoading(r),
+    setLoading: (n) => t().setLoading(n),
     getDataSource: () => t().getDataSource(),
     getRawDataSource: () => t().getRawDataSource(),
-    setTableData: (r) => t().setTableData(r),
+    setTableData: (n) => t().setTableData(n),
     getColumns: () => t().getColumns(),
-    setColumns: (r) => t().setColumns(r),
-    setPagination: (r) => t().setPagination(r),
+    setColumns: (n) => t().setColumns(n),
+    setPagination: (n) => t().setPagination(n),
     getSelectRowKeys: () => t().getSelectRowKeys(),
     getSelectRows: () => t().getSelectRows(),
     clearSelectedRowKeys: () => t().clearSelectedRowKeys(),
-    setSelectedRowKeys: (r) => t().setSelectedRowKeys(r),
-    deleteSelectRowByKey: (r) => t().deleteSelectRowByKey(r),
-    updateTableData: (r, P, s) => t().updateTableData(r, P, s),
-    updateTableDataRecord: (r, P) => t().updateTableDataRecord(r, P),
-    deleteTableDataRecord: (r) => t().deleteTableDataRecord(r),
-    insertTableDataRecord: (r, P) => t().insertTableDataRecord(r, P),
+    setSelectedRowKeys: (n) => t().setSelectedRowKeys(n),
+    deleteSelectRowByKey: (n) => t().deleteSelectRowByKey(n),
+    updateTableData: (n, m, r) => t().updateTableData(n, m, r),
+    updateTableDataRecord: (n, m) => t().updateTableDataRecord(n, m),
+    deleteTableDataRecord: (n) => t().deleteTableDataRecord(n),
+    insertTableDataRecord: (n, m) => t().insertTableDataRecord(n, m),
     getPaginationRef: () => t().getPaginationRef(),
     getShowPagination: () => t().getShowPagination(),
-    setShowPagination: (r) => t().setShowPagination(r),
+    setShowPagination: (n) => t().setShowPagination(n),
     getRowSelection: () => t().getRowSelection(),
     expandAll: () => {
-      var r, P;
-      return (P = (r = t()).expandAll) == null ? void 0 : P.call(r);
+      var n, m;
+      return (m = (n = t()).expandAll) == null ? void 0 : m.call(n);
     },
     collapseAll: () => {
-      var r, P;
-      return (P = (r = t()).collapseAll) == null ? void 0 : P.call(r);
+      var n, m;
+      return (m = (n = t()).collapseAll) == null ? void 0 : m.call(n);
     }
   }];
 }
-const qe = /* @__PURE__ */ ee({
+const je = /* @__PURE__ */ ae({
   __name: "ApiSelect",
   props: {
     value: null,
@@ -512,19 +512,19 @@ const qe = /* @__PURE__ */ ee({
     multiple: { type: Boolean }
   },
   emits: ["input"],
-  setup(x) {
-    const e = x, l = k(!1), t = k([]), a = (r) => {
-      e.lazy && r && y();
-    }, y = async () => {
+  setup(S) {
+    const e = S, l = k(!1), t = k([]), a = (n) => {
+      e.lazy && n && h();
+    }, h = async () => {
       if (e.api) {
         l.value = !0;
         try {
-          const r = await e.api(e.params), P = Array.isArray(r) ? r : (r == null ? void 0 : r.list) ?? (r == null ? void 0 : r.data) ?? [], s = e.labelField ?? "label", p = e.valueField ?? "value";
-          t.value = P.map(($) => {
-            const u = $;
+          const n = await e.api(e.params), m = Array.isArray(n) ? n : (n == null ? void 0 : n.list) ?? (n == null ? void 0 : n.data) ?? [], r = e.labelField ?? "label", y = e.valueField ?? "value";
+          t.value = m.map((E) => {
+            const c = E;
             return {
-              label: String(u[s] ?? u.label ?? ""),
-              value: u[p] ?? u.value
+              label: String(c[r] ?? c.label ?? ""),
+              value: c[y] ?? c.value
             };
           });
         } finally {
@@ -532,37 +532,37 @@ const qe = /* @__PURE__ */ ee({
         }
       }
     };
-    return we(() => {
-      e.lazy || y();
+    return pe(() => {
+      e.lazy || h();
     }), U(
       () => e.api,
       () => {
-        e.lazy ? t.value = [] : y();
+        e.lazy ? t.value = [] : h();
       },
       { deep: !0 }
     ), U(() => e.params, () => {
-      e.lazy ? t.value = [] : y();
-    }, { deep: !0 }), { __sfc: !0, props: e, loading: l, options: t, onVisibleChange: a, fetchOptions: y };
+      e.lazy ? t.value = [] : h();
+    }, { deep: !0 }), { __sfc: !0, props: e, loading: l, options: t, onVisibleChange: a, fetchOptions: h };
   }
 });
-var je = function() {
+var He = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
   return l("el-select", e._b({ attrs: { value: e.value, placeholder: e.placeholder, disabled: e.disabled, loading: t.loading, clearable: e.clearable, filterable: e.filterable, multiple: e.multiple }, on: { input: function(a) {
     return e.$emit("input", a);
   }, "visible-change": t.onVisibleChange } }, "el-select", e.$attrs, !1), e._l(t.options, function(a) {
     return l("el-option", { key: String(a.value), attrs: { label: a.label, value: a.value } });
   }), 1);
-}, He = [], Ge = /* @__PURE__ */ ae(
-  qe,
+}, Ge = [], Ue = /* @__PURE__ */ ne(
   je,
   He,
+  Ge,
   !1,
   null,
   null,
   null,
   null
 );
-const Ue = Ge.exports, Xe = /* @__PURE__ */ ee({
+const Xe = Ue.exports, Je = /* @__PURE__ */ ae({
   __name: "TreeSelect",
   props: {
     value: null,
@@ -579,87 +579,87 @@ const Ue = Ge.exports, Xe = /* @__PURE__ */ ee({
     clearable: { type: Boolean }
   },
   emits: ["input"],
-  setup(x, { emit: e }) {
-    const l = x, t = k(), a = k(), y = k(!1), r = k(!1), P = k(""), s = k([]), p = k({}), $ = R(() => ({
+  setup(S, { emit: e }) {
+    const l = S, t = k(), a = k(), h = k(!1), n = k(!1), m = k(""), r = k([]), y = k({}), E = x(() => ({
       label: l.labelField,
       children: l.childrenField
     }));
-    function u(g) {
-      const L = l.labelField ?? "label", O = l.valueField ?? "value", W = l.childrenField ?? "children", X = g[W], K = {};
-      return K[l.labelField ?? "label"] = g[L] ?? g.label, K[l.valueField ?? "value"] = g[O] ?? g.value, Array.isArray(X) && X.length && (K[l.childrenField ?? "children"] = X.map((q) => u(q))), K;
+    function c(F) {
+      const L = l.labelField ?? "label", K = l.valueField ?? "value", X = l.childrenField ?? "children", Q = F[X], G = {};
+      return G[l.labelField ?? "label"] = F[L] ?? F.label, G[l.valueField ?? "value"] = F[K] ?? F.value, Array.isArray(Q) && Q.length && (G[l.childrenField ?? "children"] = Q.map((N) => c(N))), G;
     }
-    function D(g, L = "") {
-      const O = {}, W = l.labelField ?? "label", X = l.valueField ?? "value", K = l.childrenField ?? "children";
-      for (const q of g) {
-        const Y = String(q[W] ?? q.label ?? ""), j = q[X] ?? q.value;
-        j != null && (O[String(j)] = L ? L + " / " + Y : Y);
-        const te = q[K] ?? q.children;
-        Array.isArray(te) && te.length && Object.assign(O, D(te, Y));
+    function D(F, L = "") {
+      const K = {}, X = l.labelField ?? "label", Q = l.valueField ?? "value", G = l.childrenField ?? "children";
+      for (const N of F) {
+        const J = String(N[X] ?? N.label ?? ""), j = N[Q] ?? N.value;
+        j != null && (K[String(j)] = L ? L + " / " + J : J);
+        const Z = N[G] ?? N.children;
+        Array.isArray(Z) && Z.length && Object.assign(K, D(Z, J));
       }
-      return O;
+      return K;
     }
-    function h() {
-      const g = l.treeData;
-      return Array.isArray(g) && g.length > 0;
+    function b() {
+      const F = l.treeData;
+      return Array.isArray(F) && F.length > 0;
     }
-    function B(g) {
-      s.value = g, p.value = D(g);
+    function T(F) {
+      r.value = F, y.value = D(F);
     }
-    function m() {
-      const g = l.treeData;
-      if (!Array.isArray(g) || g.length === 0)
+    function _() {
+      const F = l.treeData;
+      if (!Array.isArray(F) || F.length === 0)
         return;
-      const L = g.map((O) => u(O));
-      B(L);
+      const L = F.map((K) => c(K));
+      T(L);
     }
-    const A = R(() => l.value == null || l.value === "" ? "" : p.value[String(l.value)] ?? String(l.value)), c = (g, L) => {
-      if (!g)
+    const A = x(() => l.value == null || l.value === "" ? "" : y.value[String(l.value)] ?? String(l.value)), u = (F, L) => {
+      if (!F)
         return !0;
-      const O = l.labelField ?? "label";
-      return String(L[O] ?? L.label ?? "").toLowerCase().includes(g.toLowerCase());
+      const K = l.labelField ?? "label";
+      return String(L[K] ?? L.label ?? "").toLowerCase().includes(F.toLowerCase());
     };
-    U(P, (g) => {
+    U(m, (F) => {
       var L;
-      (L = a.value) == null || L.filter(g);
+      (L = a.value) == null || L.filter(F);
     });
-    let v = null;
+    let p = null;
     function d() {
-      l.disabled || (y.value = !0, l.lazy && !h() && N(), Fe(() => {
-        v = (g) => {
-          t.value && !t.value.contains(g.target) && z();
-        }, document.addEventListener("click", v);
+      l.disabled || (h.value = !0, l.lazy && !b() && q(), Be(() => {
+        p = (F) => {
+          t.value && !t.value.contains(F.target) && O();
+        }, document.addEventListener("click", p);
       }));
     }
-    function z() {
-      y.value = !1, P.value = "", v && (document.removeEventListener("click", v), v = null);
+    function O() {
+      h.value = !1, m.value = "", p && (document.removeEventListener("click", p), p = null);
     }
-    function I() {
+    function V() {
       e("input", void 0);
     }
-    function M(g) {
-      const L = l.valueField ?? "value", O = g[L] ?? g.value;
-      e("input", O), z();
+    function $(F) {
+      const L = l.valueField ?? "value", K = F[L] ?? F.value;
+      e("input", K), O();
     }
-    async function N() {
-      if (!(!l.api || h())) {
-        r.value = !0;
+    async function q() {
+      if (!(!l.api || b())) {
+        n.value = !0;
         try {
-          const g = await l.api(l.params), L = Array.isArray(g) ? g : (g == null ? void 0 : g.list) ?? (g == null ? void 0 : g.data) ?? [];
-          s.value = L.map((O) => u(O)), p.value = D(s.value);
+          const F = await l.api(l.params), L = Array.isArray(F) ? F : (F == null ? void 0 : F.list) ?? (F == null ? void 0 : F.data) ?? [];
+          r.value = L.map((K) => c(K)), y.value = D(r.value);
         } finally {
-          r.value = !1;
+          n.value = !1;
         }
       }
     }
-    return we(() => {
-      h() ? m() : l.lazy || N();
+    return pe(() => {
+      b() ? _() : l.lazy || q();
     }), U(() => l.treeData, () => {
-      h() ? m() : (s.value = [], p.value = {}, !l.lazy && l.api && N());
+      b() ? _() : (r.value = [], y.value = {}, !l.lazy && l.api && q());
     }, { deep: !0 }), U(() => l.api, () => {
-      h() || (l.lazy ? (s.value = [], p.value = {}) : N());
+      b() || (l.lazy ? (r.value = [], y.value = {}) : q());
     }, { deep: !0 }), U(() => l.params, () => {
-      h() || (l.lazy ? (s.value = [], p.value = {}) : N());
-    }, { deep: !0 }), { __sfc: !0, props: l, emit: e, rootRef: t, treeRef: a, dropdownVisible: y, loading: r, filterText: P, treeData: s, flatLabelMap: p, treeProps: $, normalizeNode: u, buildFlatLabelMap: D, hasTreeDataProp: h, applyTreeData: B, syncFromTreeDataProp: m, displayText: A, filterNodeMethod: c, clickOutsideHandler: v, openDropdown: d, closeDropdown: z, clearValue: I, onNodeClick: M, fetchData: N };
+      b() || (l.lazy ? (r.value = [], y.value = {}) : q());
+    }, { deep: !0 }), { __sfc: !0, props: l, emit: e, rootRef: t, treeRef: a, dropdownVisible: h, loading: n, filterText: m, treeData: r, flatLabelMap: y, treeProps: E, normalizeNode: c, buildFlatLabelMap: D, hasTreeDataProp: b, applyTreeData: T, syncFromTreeDataProp: _, displayText: A, filterNodeMethod: u, clickOutsideHandler: p, openDropdown: d, closeDropdown: O, clearValue: V, onNodeClick: $, fetchData: q };
   }
 });
 var Ze = function() {
@@ -669,17 +669,17 @@ var Ze = function() {
   } }, model: { value: t.filterText, callback: function(a) {
     t.filterText = a;
   }, expression: "filterText" } })], 1) : e._e(), l("el-tree", { directives: [{ name: "show", rawName: "v-show", value: !t.loading, expression: "!loading" }], ref: "treeRef", attrs: { data: t.treeData, props: t.treeProps, "node-key": e.valueField, "filter-node-method": e.filterable ? t.filterNodeMethod : void 0, "highlight-current": !0, "default-expand-all": "" }, on: { "node-click": t.onNodeClick } }), t.loading ? l("div", { staticClass: "ecp-tree-select__loading" }, [l("i", { staticClass: "el-icon-loading" }), e._v(" 加载中... ")]) : e._e()], 1)])], 1);
-}, Je = [], Qe = /* @__PURE__ */ ae(
-  Xe,
-  Ze,
+}, Qe = [], Ye = /* @__PURE__ */ ne(
   Je,
+  Ze,
+  Qe,
   !1,
   null,
   "f30bba11",
   null,
   null
 );
-const Ye = Qe.exports, et = /* @__PURE__ */ ee({
+const et = Ye.exports, tt = /* @__PURE__ */ ae({
   __name: "ProFormItem",
   props: {
     schema: null,
@@ -687,10 +687,11 @@ const Ye = Qe.exports, et = /* @__PURE__ */ ee({
     formDisabled: { type: Boolean },
     autoPlaceholder: { type: Boolean },
     formActionType: null,
+    onFieldChange: null,
     customComponents: null
   },
-  setup(x) {
-    const e = x, l = /* @__PURE__ */ new Set([
+  setup(S) {
+    const e = S, l = /* @__PURE__ */ new Set([
       "input",
       "select",
       "api-select",
@@ -702,64 +703,65 @@ const Ye = Qe.exports, et = /* @__PURE__ */ ee({
       "cascader",
       "checkbox",
       "radio"
-    ]), t = Pe(), a = R(() => ({
+    ]), t = Pe(), a = x(() => ({
       schema: e.schema,
       values: e.formModel,
       model: e.formModel,
       field: e.schema.field
-    })), y = R(() => {
-      const c = e.schema.ifShow;
-      return c === void 0 ? !0 : typeof c == "boolean" ? c : c(a.value);
-    }), r = R(() => {
-      const c = e.schema.show;
-      return c === void 0 ? !0 : typeof c == "boolean" ? c : c(a.value);
-    }), P = R(() => {
+    })), h = x(() => {
+      const u = e.schema.ifShow;
+      return u === void 0 ? !0 : typeof u == "boolean" ? u : u(a.value);
+    }), n = x(() => {
+      const u = e.schema.show;
+      return u === void 0 ? !0 : typeof u == "boolean" ? u : u(a.value);
+    }), m = x(() => {
       if (e.formDisabled)
         return !0;
-      const c = e.schema.dynamicDisabled;
-      return c === void 0 ? !1 : typeof c == "boolean" ? c : c(a.value);
-    }), s = R(() => {
-      const c = e.schema.dynamicRules;
-      return c ? Array.isArray(c) ? c : c(a.value) : e.schema.rules;
-    }), p = R(() => {
-      const c = e.schema.componentProps;
-      if (!c)
+      const u = e.schema.dynamicDisabled;
+      return u === void 0 ? !1 : typeof u == "boolean" ? u : u(a.value);
+    }), r = x(() => {
+      const u = e.schema.dynamicRules;
+      return u ? Array.isArray(u) ? u : u(a.value) : e.schema.rules;
+    }), y = x(() => {
+      const u = e.schema.componentProps;
+      if (!u)
         return { props: {}, listeners: {} };
-      const v = typeof c == "function" ? c({
+      const p = typeof u == "function" ? u({
         ...a.value,
         formActionType: e.formActionType
-      }) : { ...c }, d = {}, z = {};
-      for (const [I, M] of Object.entries(v))
-        if (I.length > 2 && /^on[A-Za-z]/.test(I) && typeof M == "function") {
-          const N = I.slice(2).charAt(0).toLowerCase() + I.slice(3);
-          z[N] = M;
+      }) : { ...u }, d = {}, O = {};
+      for (const [V, $] of Object.entries(p))
+        if (V.length > 2 && /^on[A-Za-z]/.test(V) && typeof $ == "function") {
+          const q = V.slice(2).charAt(0).toLowerCase() + V.slice(3);
+          O[q] = $;
         } else
-          d[I] = M;
-      return { props: d, listeners: z };
-    }), $ = R(() => p.value.props), u = R(() => p.value.listeners), D = R(() => !!t.default), h = (c) => {
-      const v = c == null ? void 0 : c.options;
-      return Array.isArray(v) ? v : void 0;
-    }, B = R(() => {
-      const c = e.schema.component;
-      return c == null ? null : typeof c == "string" ? l.has(c) ? null : e.customComponents && e.customComponents[c] || c : c;
-    }), m = (c) => {
-      e.formModel[e.schema.field] = c;
-    }, A = R(() => {
-      const c = e.schema.render;
-      return c ? {
+          d[V] = $;
+      return { props: d, listeners: O };
+    }), E = x(() => y.value.props), c = x(() => y.value.listeners), D = x(() => !!t.default), b = (u) => {
+      const p = u == null ? void 0 : u.options;
+      return Array.isArray(p) ? p : void 0;
+    }, T = x(() => {
+      const u = e.schema.component;
+      return u == null ? null : typeof u == "string" ? l.has(u) ? null : e.customComponents && e.customComponents[u] || u : u;
+    }), _ = (u) => {
+      var p;
+      (p = e.onFieldChange) == null || p.call(e, e.schema.field, u);
+    }, A = x(() => {
+      const u = e.schema.render;
+      return u ? {
         render() {
-          const v = c(a.value);
-          return Array.isArray(v) ? ce("span", v) : v;
+          const p = u(a.value);
+          return Array.isArray(p) ? oe("span", p) : p;
         }
       } : null;
     });
-    return { __sfc: !0, BUILT_IN_COMPONENTS: l, props: e, slots: t, renderParams: a, shouldRender: y, shouldShow: r, effectiveDisabled: P, effectiveRules: s, effectiveComponentPropsAndListeners: p, effectiveComponentProps: $, effectiveComponentListeners: u, hasSlot: D, getOptions: h, resolvedCustomComponent: B, setFieldValue: m, renderComponent: A, ApiSelect: Ue, TreeSelect: Ye };
+    return { __sfc: !0, BUILT_IN_COMPONENTS: l, props: e, slots: t, renderParams: a, shouldRender: h, shouldShow: n, effectiveDisabled: m, effectiveRules: r, effectiveComponentPropsAndListeners: y, effectiveComponentProps: E, effectiveComponentListeners: c, hasSlot: D, getOptions: b, resolvedCustomComponent: T, setFieldValue: _, renderComponent: A, ApiSelect: Xe, TreeSelect: et };
   }
 });
-var tt = function() {
+var lt = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return t.shouldRender ? l("el-form-item", { directives: [{ name: "show", rawName: "v-show", value: t.shouldShow, expression: "shouldShow" }], attrs: { prop: e.schema.field, required: e.schema.required, rules: t.effectiveRules, "label-width": e.schema.labelWidth } }, [l("template", { slot: "label" }, [l("span", [e._v(e._s(e.schema.label))]), e.schema.helpMessage ? l("el-tooltip", e._b({ attrs: { placement: "top", effect: "light" } }, "el-tooltip", e.schema.helpComponentProps || {}, !1), [l("template", { slot: "content" }, [Array.isArray(e.schema.helpMessage) ? e._l(e.schema.helpMessage, function(a, y) {
-    return l("div", { key: y, staticClass: "ecp-pro-form-item__help-item" }, [e._v(" " + e._s(a) + " ")]);
+  return t.shouldRender ? l("el-form-item", { directives: [{ name: "show", rawName: "v-show", value: t.shouldShow, expression: "shouldShow" }], attrs: { prop: e.schema.field, required: e.schema.required, rules: t.effectiveRules, "label-width": e.schema.labelWidth } }, [l("template", { slot: "label" }, [l("span", [e._v(e._s(e.schema.label))]), e.schema.helpMessage ? l("el-tooltip", e._b({ attrs: { placement: "top", effect: "light" } }, "el-tooltip", e.schema.helpComponentProps || {}, !1), [l("template", { slot: "content" }, [Array.isArray(e.schema.helpMessage) ? e._l(e.schema.helpMessage, function(a, h) {
+    return l("div", { key: h, staticClass: "ecp-pro-form-item__help-item" }, [e._v(" " + e._s(a) + " ")]);
   }) : l("span", [e._v(e._s(e.schema.helpMessage))])], 2), l("i", { staticClass: "el-icon-question ecp-pro-form-item__help-icon" })], 2) : e._e()], 1), e.schema.render ? [l(t.renderComponent, { tag: "component" })] : t.hasSlot ? e._t("default", null, { model: e.formModel, schema: e.schema, field: e.schema.field, values: e.formModel }) : [t.resolvedCustomComponent ? l(t.resolvedCustomComponent, e._g(e._b({ tag: "component", attrs: { value: e.formModel[e.schema.field], placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请输入${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, on: { input: t.setFieldValue } }, "component", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "input" || !e.schema.component ? l("el-input", e._g(e._b({ attrs: { placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请输入${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
     e.$set(e.formModel, e.schema.field, a);
   }, expression: "formModel[schema.field]" } }, "el-input", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "input-number" ? l("el-input-number", e._g(e._b({ attrs: { placeholder: e.schema.placeholder, disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(a) {
@@ -785,17 +787,17 @@ var tt = function() {
   }, expression: "formModel[schema.field]" } }, "el-radio-group", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(a) {
     return l("el-radio", { key: String(a.value), attrs: { label: a.value } }, [e._v(" " + e._s(a.label) + " ")]);
   }), 1) : e._e()]], 2) : e._e();
-}, lt = [], ot = /* @__PURE__ */ ae(
-  et,
+}, ot = [], at = /* @__PURE__ */ ne(
   tt,
   lt,
+  ot,
   !1,
   null,
-  "2227d67d",
+  "84880e9d",
   null,
   null
 );
-const Te = ot.exports, at = /* @__PURE__ */ ee({
+const De = at.exports, nt = /* @__PURE__ */ ae({
   __name: "FormActions",
   props: {
     showActionButtonGroup: { type: Boolean, default: !0 },
@@ -812,31 +814,32 @@ const Te = ot.exports, at = /* @__PURE__ */ ee({
     actionColOptions: null
   },
   emits: ["submit", "reset", "toggle"],
-  setup(x) {
+  setup(S) {
     return { __sfc: !0 };
   }
 });
-var nt = function() {
+var st = function() {
   var e = this, l = e._self._c;
   return e._self._setupProxy, l("div", { staticClass: "ecp-form-actions" }, [e._t("submitBefore"), e.showSubmitButton ? l("el-button", { attrs: { type: "primary", icon: e.submitButtonIcon, loading: e.submitLoading }, on: { click: function(t) {
     return e.$emit("submit");
   } } }, [e._v(" " + e._s(e.submitButtonText) + " ")]) : e._e(), e._t("resetBefore"), e.showResetButton ? l("el-button", { attrs: { icon: e.resetButtonIcon }, on: { click: function(t) {
     return e.$emit("reset");
   } } }, [e._v(" " + e._s(e.resetButtonText) + " ")]) : e._e(), e._t("actions")], 2);
-}, st = [], rt = /* @__PURE__ */ ae(
-  at,
+}, rt = [], it = /* @__PURE__ */ ne(
   nt,
   st,
+  rt,
   !1,
   null,
   "489c88d2",
   null,
   null
 );
-const De = rt.exports, it = /* @__PURE__ */ ee({
+const Te = it.exports, ct = /* @__PURE__ */ ae({
   __name: "ProForm",
   props: {
     schemas: null,
+    modelValue: null,
     initialValues: null,
     labelWidth: { default: "120px" },
     labelPosition: { default: "right" },
@@ -863,253 +866,436 @@ const De = rt.exports, it = /* @__PURE__ */ ee({
     formListeners: null,
     components: null
   },
-  emits: ["submit", "reset", "register"],
-  setup(x, { expose: e, emit: l }) {
-    const t = x, a = Pe(), y = k(), r = k(), P = k(!1), s = k(!0), p = k({}), $ = k({}), u = k([]), D = k({}), h = { xl: 1920, lg: 1200, md: 992, sm: 768 }, B = (i, _, S) => {
-      const C = S ?? (typeof window < "u" ? window.innerWidth : 1920), w = i ?? {}, E = _ ?? {}, H = E.span ?? 8;
-      return C >= h.xl ? w.xl ?? E.xl ?? w.lg ?? E.lg ?? w.md ?? E.md ?? w.sm ?? E.sm ?? w.xs ?? E.xs ?? w.span ?? H : C >= h.lg ? w.lg ?? E.lg ?? w.md ?? E.md ?? w.sm ?? E.sm ?? w.xs ?? E.xs ?? w.span ?? H : C >= h.md ? w.md ?? E.md ?? w.sm ?? E.sm ?? w.xs ?? E.xs ?? w.span ?? H : C >= h.sm ? w.sm ?? E.sm ?? w.xs ?? E.xs ?? w.span ?? H : w.xs ?? E.xs ?? w.span ?? H;
-    }, { getSetting: m } = Be(), A = R(() => ({ ...m("ProForm"), ...t, ...D.value })), c = R(() => ({
-      ...m("ProForm").components ?? {},
-      ...t.components ?? {},
+  emits: ["submit", "reset", "register", "update:modelValue"],
+  setup(S, { expose: e, emit: l }) {
+    const t = S, a = Pe(), h = k(), n = k(), m = k(!1), r = k(!0), y = k({}), E = k({}), c = k([]), D = k({}), b = { xl: 1920, lg: 1200, md: 992, sm: 768 }, T = (i, g, P) => {
+      const R = P ?? (typeof window < "u" ? window.innerWidth : 1920), w = i ?? {}, o = g ?? {}, s = o.span ?? 8;
+      return R >= b.xl ? w.xl ?? o.xl ?? w.lg ?? o.lg ?? w.md ?? o.md ?? w.sm ?? o.sm ?? w.xs ?? o.xs ?? w.span ?? s : R >= b.lg ? w.lg ?? o.lg ?? w.md ?? o.md ?? w.sm ?? o.sm ?? w.xs ?? o.xs ?? w.span ?? s : R >= b.md ? w.md ?? o.md ?? w.sm ?? o.sm ?? w.xs ?? o.xs ?? w.span ?? s : R >= b.sm ? w.sm ?? o.sm ?? w.xs ?? o.xs ?? w.span ?? s : w.xs ?? o.xs ?? w.span ?? s;
+    }, { getSetting: _ } = Se(), A = x(() => ({ ..._("ProForm"), ...t, ...D.value })), u = x(() => A.value.modelValue), p = x(() => u.value !== void 0), d = x(() => p.value ? u.value ?? {} : y.value), O = x(() => ({
+      ..._("ProForm").components ?? {},
+      ...A.value.components ?? {},
       ...D.value.components ?? {}
-    })), v = R(() => A.value.actionColOptions ?? { span: 24 }), d = k(typeof window < "u" ? window.innerWidth : 1920), z = (i, _, S, C) => {
-      let w = 24, E = 1, H = 0;
-      for (const Q of i) {
-        const ne = B(Q.colProps, _, C);
-        if (ne > w) {
-          if (E++, E > S)
+    })), V = x(() => A.value.actionColOptions ?? { span: 24 }), $ = k(typeof window < "u" ? window.innerWidth : 1920), q = (i, g, P, R) => {
+      let w = 24, o = 1, s = 0;
+      for (const f of i) {
+        const C = T(f.colProps, g, R);
+        if (C > w) {
+          if (o++, o > P)
             break;
-          w = 24 - ne;
+          w = 24 - C;
         } else
-          w -= ne;
-        H++;
+          w -= C;
+        s++;
       }
-      return H;
-    }, I = R(() => {
-      const i = u.value.filter((w) => g(w));
+      return s;
+    }, F = x(() => {
+      const i = c.value.filter((w) => X(w));
       if (!A.value.showAdvancedButton)
         return !1;
-      const _ = A.value.alwaysShowLines ?? 1, S = A.value.baseColProps, C = z(i, S, _, d.value);
-      return console.log(i.length, C), i.length > C;
-    }), M = R(() => A.value.formListeners ?? {}), N = R(() => {
-      const i = u.value.filter((w) => g(w));
-      if (!A.value.showAdvancedButton || !s.value)
+      const g = A.value.alwaysShowLines ?? 1, P = A.value.baseColProps, R = q(i, P, g, $.value);
+      return i.length > R;
+    }), L = x(() => A.value.formListeners ?? {}), K = x(() => {
+      const i = c.value.filter((w) => X(w));
+      if (!A.value.showAdvancedButton || !r.value)
         return i;
-      const _ = A.value.alwaysShowLines ?? 1, S = A.value.baseColProps, C = z(i, S, _, d.value);
-      return i.slice(0, C);
-    }), g = (i) => {
-      let _ = !0, S = !0;
-      return typeof i.ifShow == "function" && (_ = i.ifShow({ schema: i, values: p.value, model: p.value, field: i.field })), typeof i.ifShow == "boolean" && (_ = i.ifShow), typeof i.show == "function" && (S = i.show({ schema: i, values: p.value, model: p.value, field: i.field })), typeof i.show == "boolean" && (S = i.show), _ && S;
-    }, L = (i) => i.colProps ?? A.value.baseColProps ?? {}, O = (i) => i.slot || i.field, W = () => {
-      const i = {}, _ = {}, S = A.value.initialValues ?? t.initialValues;
-      u.value.forEach((C) => {
-        var w;
-        i[C.field] = C.defaultValue ?? (S == null ? void 0 : S[C.field]), (w = C.rules) != null && w.length && (_[C.field] = C.rules);
-      }), p.value = { ...p.value, ...i }, $.value = _;
-    }, X = (i) => {
-      const _ = { ...i };
-      return u.value.forEach((S) => {
-        const C = S.ifShow;
-        if (C === void 0)
+      const g = A.value.alwaysShowLines ?? 1, P = A.value.baseColProps, R = q(i, P, g, $.value);
+      return i.slice(0, R);
+    }), X = (i) => {
+      let g = !0, P = !0;
+      return typeof i.ifShow == "function" && (g = i.ifShow({ schema: i, values: d.value, model: d.value, field: i.field })), typeof i.ifShow == "boolean" && (g = i.ifShow), typeof i.show == "function" && (P = i.show({ schema: i, values: d.value, model: d.value, field: i.field })), typeof i.show == "boolean" && (P = i.show), g && P;
+    }, Q = (i) => i.colProps ?? A.value.baseColProps ?? {}, G = (i) => i.slot || i.field, N = (i, g = !0) => {
+      const P = g ? { ...i ?? {} } : {}, R = A.value.initialValues ?? t.initialValues;
+      return c.value.forEach((w) => {
+        if (!(g && Object.prototype.hasOwnProperty.call(P, w.field))) {
+          if (w.defaultValue !== void 0) {
+            P[w.field] = w.defaultValue;
+            return;
+          }
+          R && Object.prototype.hasOwnProperty.call(R, w.field) && (P[w.field] = R[w.field]);
+        }
+      }), P;
+    }, J = (i, g = !0) => {
+      y.value = i, g && l("update:modelValue", i);
+    }, j = (i) => {
+      const g = N({ ...d.value, ...i });
+      return J(g), g;
+    }, Z = () => {
+      const i = {};
+      c.value.forEach((g) => {
+        var P;
+        (P = g.rules) != null && P.length && (i[g.field] = g.rules);
+      }), J(N(d.value), !1), E.value = i;
+    }, v = (i) => {
+      const g = { ...i };
+      return c.value.forEach((P) => {
+        const R = P.ifShow;
+        if (R === void 0)
           return;
-        (typeof C == "boolean" ? C : C({ schema: S, values: i, model: i, field: S.field })) || delete _[S.field];
-      }), _;
-    }, K = (i) => {
-      const _ = X(i), S = D.value.fieldMapToTime;
-      if (!(S != null && S.length))
-        return _;
-      const C = { ..._ };
-      return S.forEach(([w, [E, H]]) => {
-        const Q = C[w];
-        Array.isArray(Q) && Q.length === 2 && (delete C[w], C[E] = Q[0], C[H] = Q[1]);
-      }), C;
-    }, q = async () => {
+        (typeof R == "boolean" ? R : R({ schema: P, values: i, model: i, field: P.field })) || delete g[P.field];
+      }), g;
+    }, z = (i) => {
+      const g = v(i), P = D.value.fieldMapToTime;
+      if (!(P != null && P.length))
+        return g;
+      const R = { ...g };
+      return P.forEach(([w, [o, s]]) => {
+        const f = R[w];
+        Array.isArray(f) && f.length === 2 && (delete R[w], R[o] = f[0], R[s] = f[1]);
+      }), R;
+    }, B = async () => {
       var i;
       try {
-        await ((i = y.value) == null ? void 0 : i.validate()), A.value.submitFunc ? await A.value.submitFunc() : (P.value = !0, l("submit", K({ ...p.value })));
-      } catch (_) {
-        console.error("Form validation failed:", _);
+        await ((i = h.value) == null ? void 0 : i.validate()), A.value.submitFunc ? await A.value.submitFunc() : (m.value = !0, l("submit", z({ ...d.value })));
+      } catch (g) {
+        console.error("Form validation failed:", g);
       } finally {
-        P.value = !1;
+        m.value = !1;
       }
-    }, Y = async () => {
+    }, W = async () => {
       var i;
-      A.value.resetFunc ? await A.value.resetFunc() : ((i = y.value) == null || i.resetFields(), W(), l("reset"), A.value.submitOnReset && await q());
-    }, j = (i) => (p.value = { ...p.value, ...i }, Promise.resolve()), te = () => K({ ...p.value }), ue = async () => {
+      A.value.resetFunc ? await A.value.resetFunc() : ((i = h.value) == null || i.resetFields(), Z(), l("reset"), A.value.submitOnReset && await B());
+    }, Y = (i) => (j(i), Promise.resolve()), te = () => z({ ...d.value }), se = async () => {
       var i;
-      (i = y.value) == null || i.resetFields(), W();
-    }, de = (i) => {
-      var _;
-      return ((_ = y.value) == null ? void 0 : _.validate(i)) ?? Promise.resolve();
-    }, fe = (i) => y.value ? i != null && i.length ? Promise.all(i.map((_) => new Promise((S, C) => {
-      y.value.validateField(_, (w) => w ? S(void 0) : C(new Error("Validation failed")));
-    }))) : y.value.validate() : Promise.resolve(), pe = async (i, _) => {
-      var C;
-      const S = (C = r.value) == null ? void 0 : C.querySelector(`[data-field="${i}"]`);
-      return S && S.scrollIntoView({ behavior: (_ == null ? void 0 : _.behavior) ?? "smooth", block: (_ == null ? void 0 : _.block) ?? "nearest" }), Promise.resolve();
-    }, ve = (i) => {
-      var _;
-      (_ = y.value) == null || _.clearValidate(i);
-    }, Z = async (i) => {
-      (Array.isArray(i) ? i : [i]).forEach((S) => {
-        const C = u.value.findIndex((w) => w.field === S.field);
-        C >= 0 && (u.value[C] = { ...u.value[C], ...S });
+      (i = h.value) == null || i.resetFields(), J(N(void 0, !1));
+    }, de = (i, g) => {
+      j({ [i]: g });
+    }, re = (i) => {
+      var g;
+      return ((g = h.value) == null ? void 0 : g.validate(i)) ?? Promise.resolve();
+    }, le = (i) => h.value ? i != null && i.length ? Promise.all(i.map((g) => new Promise((P, R) => {
+      h.value.validateField(g, (w) => w ? P(void 0) : R(new Error("Validation failed")));
+    }))) : h.value.validate() : Promise.resolve(), ve = async (i, g) => {
+      var R;
+      const P = (R = n.value) == null ? void 0 : R.querySelector(`[data-field="${i}"]`);
+      return P && P.scrollIntoView({ behavior: (g == null ? void 0 : g.behavior) ?? "smooth", block: (g == null ? void 0 : g.block) ?? "nearest" }), Promise.resolve();
+    }, me = (i) => {
+      var g;
+      (g = h.value) == null || g.clearValidate(i);
+    }, he = async (i) => {
+      (Array.isArray(i) ? i : [i]).forEach((P) => {
+        const R = c.value.findIndex((w) => w.field === P.field);
+        R >= 0 && (c.value[R] = { ...c.value[R], ...P });
       });
-    }, me = async (i, _, S) => {
-      if (S)
-        u.value.unshift(i);
-      else if (_) {
-        const C = u.value.findIndex((w) => w.field === _);
-        u.value.splice(C + 1, 0, i);
+    }, _e = async (i, g, P) => {
+      if (P)
+        c.value.unshift(i);
+      else if (g) {
+        const R = c.value.findIndex((w) => w.field === g);
+        c.value.splice(R + 1, 0, i);
       } else
-        u.value.push(i);
-      W();
-    }, he = async (i) => {
-      const _ = Array.isArray(i) ? i : [i];
-      u.value = u.value.filter((S) => !_.includes(S.field));
+        c.value.push(i);
+      Z();
     }, be = async (i) => {
-      D.value = { ...D.value, ...i }, i.schemas && (u.value = [...i.schemas], W());
-    }, J = {
+      const g = Array.isArray(i) ? i : [i];
+      c.value = c.value.filter((P) => !g.includes(P.field));
+    }, ge = async (i) => {
+      D.value = { ...D.value, ...i }, i.schemas && (c.value = [...i.schemas], Z());
+    }, fe = {
       getFieldsValue: te,
-      setFieldsValue: j,
-      resetFields: ue,
-      validate: de,
-      validateFields: fe,
-      submit: q,
-      scrollToField: pe,
-      clearValidate: ve,
-      updateSchema: Z,
-      appendSchemaByField: me,
-      removeSchemaByField: he,
-      setProps: be
+      setFieldsValue: Y,
+      resetFields: se,
+      validate: re,
+      validateFields: le,
+      submit: B,
+      scrollToField: ve,
+      clearValidate: me,
+      updateSchema: he,
+      appendSchemaByField: _e,
+      removeSchemaByField: be,
+      setProps: ge
     };
-    e(J);
-    const se = () => {
-      u.value = [...t.schemas ?? []], W();
-    }, re = () => {
-      typeof window < "u" && (d.value = window.innerWidth);
+    e(fe);
+    const ce = () => {
+      c.value = [...t.schemas ?? []], Z();
+    }, ie = () => {
+      typeof window < "u" && ($.value = window.innerWidth);
     };
-    return we(() => {
-      se(), l("register", J), typeof window < "u" && window.addEventListener("resize", re);
-    }), Re(() => {
-      typeof window < "u" && window.removeEventListener("resize", re);
-    }), U(() => [t.schemas, t.initialValues], se, { deep: !0 }), { __sfc: !0, props: t, emit: l, slots: a, formRef: y, formWrapRef: r, submitLoading: P, collapsed: s, formModel: p, formRules: $, innerSchemas: u, innerProps: D, BREAKPOINTS: h, getEffectiveSpan: B, getComponentSetting: m, effectiveProps: A, formCustomComponents: c, effectiveActionColOptions: v, windowWidth: d, getVisibleSchemaCount: z, hasMoreFields: I, formListeners: M, displaySchemas: N, shouldShow: g, getColProps: L, getSlotName: O, initForm: W, filterByIfShow: X, processFieldMapToTime: K, handleSubmit: q, handleReset: Y, setFieldsValue: j, getFieldsValue: te, resetFields: ue, validate: de, validateFields: fe, scrollToField: pe, clearValidate: ve, updateSchema: Z, appendSchemaByField: me, removeSchemaByField: he, setProps: be, formActionRef: J, syncSchemas: se, handleResize: re, ProFormItem: Te, FormActions: De };
+    return pe(() => {
+      ce(), l("register", fe), typeof window < "u" && window.addEventListener("resize", ie);
+    }), xe(() => {
+      typeof window < "u" && window.removeEventListener("resize", ie);
+    }), U(() => u.value, (i) => {
+      !p.value || i === void 0 || J(N(i), !1);
+    }, { deep: !0, immediate: !0 }), U(() => [t.schemas, t.initialValues], ce, { deep: !0 }), { __sfc: !0, props: t, emit: l, slots: a, formRef: h, formWrapRef: n, submitLoading: m, collapsed: r, formModel: y, formRules: E, innerSchemas: c, innerProps: D, BREAKPOINTS: b, getEffectiveSpan: T, getComponentSetting: _, effectiveProps: A, controlledModelValue: u, isControlled: p, currentFormModel: d, formCustomComponents: O, effectiveActionColOptions: V, windowWidth: $, getVisibleSchemaCount: q, hasMoreFields: F, formListeners: L, displaySchemas: K, shouldShow: X, getColProps: Q, getSlotName: G, resolveSchemaModel: N, applyFormModel: J, updateFormModel: j, initForm: Z, filterByIfShow: v, processFieldMapToTime: z, handleSubmit: B, handleReset: W, setFieldsValue: Y, getFieldsValue: te, resetFields: se, handleFieldChange: de, validate: re, validateFields: le, scrollToField: ve, clearValidate: me, updateSchema: he, appendSchemaByField: _e, removeSchemaByField: be, setProps: ge, formActionRef: fe, syncSchemas: ce, handleResize: ie, ProFormItem: De, FormActions: Te };
   }
 });
-var ct = function() {
+var ut = function() {
   var e = this, l = e._self._c, t = e._self._setupProxy;
-  return l("div", { ref: "formWrapRef", staticClass: "ecp-pro-form" }, [l("el-form", e._g(e._b({ ref: "formRef", staticClass: "ecp-pro-form", attrs: { model: t.formModel, rules: t.formRules, "label-width": t.effectiveProps.labelWidth, "label-position": t.effectiveProps.labelPosition, size: t.effectiveProps.size, disabled: t.effectiveProps.disabled } }, "el-form", e.$attrs, !1), t.formListeners), [e._t("formHeader"), l("el-row", { style: t.effectiveProps.baseRowStyle, attrs: { gutter: t.effectiveProps.gutter } }, [e._l(t.displaySchemas, function(a) {
-    var y, r;
-    return [t.shouldShow(a) ? l("el-col", e._b({ key: a.field, attrs: { offset: ((y = a.colProps) == null ? void 0 : y.offset) ?? ((r = t.effectiveProps.baseColProps) == null ? void 0 : r.offset) ?? 0, "data-field": a.field } }, "el-col", t.getColProps(a), !1), [l(t.ProFormItem, { attrs: { schema: a, "form-model": t.formModel, "form-disabled": t.effectiveProps.disabled, "auto-placeholder": t.effectiveProps.autoSetPlaceholder, "form-action-type": t.formActionRef, "custom-components": t.formCustomComponents } }, [t.slots[t.getSlotName(a)] ? [e._t(t.getSlotName(a), null, { model: t.formModel, schema: a, field: a.field, values: t.formModel })] : e._e()], 2)], 1) : e._e()];
+  return l("div", { ref: "formWrapRef", staticClass: "ecp-pro-form" }, [l("el-form", e._g(e._b({ ref: "formRef", staticClass: "ecp-pro-form", attrs: { model: t.currentFormModel, rules: t.formRules, "label-width": t.effectiveProps.labelWidth, "label-position": t.effectiveProps.labelPosition, size: t.effectiveProps.size, disabled: t.effectiveProps.disabled } }, "el-form", e.$attrs, !1), t.formListeners), [e._t("formHeader"), l("el-row", { style: t.effectiveProps.baseRowStyle, attrs: { gutter: t.effectiveProps.gutter } }, [e._l(t.displaySchemas, function(a) {
+    var h, n;
+    return [t.shouldShow(a) ? l("el-col", e._b({ key: a.field, attrs: { offset: ((h = a.colProps) == null ? void 0 : h.offset) ?? ((n = t.effectiveProps.baseColProps) == null ? void 0 : n.offset) ?? 0, "data-field": a.field } }, "el-col", t.getColProps(a), !1), [l(t.ProFormItem, { attrs: { schema: a, "form-model": t.currentFormModel, "form-disabled": t.effectiveProps.disabled, "auto-placeholder": t.effectiveProps.autoSetPlaceholder, "form-action-type": t.formActionRef, "custom-components": t.formCustomComponents, "on-field-change": t.handleFieldChange } }, [t.slots[t.getSlotName(a)] ? [e._t(t.getSlotName(a), null, { model: t.currentFormModel, schema: a, field: a.field, values: t.currentFormModel })] : e._e()], 2)], 1) : e._e()];
   }), t.effectiveProps.showActionButtonGroup ? l("el-col", e._b({ staticClass: "ecp-pro-form_col" }, "el-col", t.hasMoreFields ? { span: 24 } : t.effectiveProps.actionColOptions || { span: 6 }, !1), [l(t.FormActions, { attrs: { "show-action-button-group": t.effectiveProps.showActionButtonGroup, "show-submit-button": t.effectiveProps.showSubmitButton, "show-reset-button": t.effectiveProps.showResetButton, "submit-button-text": t.effectiveProps.submitButtonText, "reset-button-text": t.effectiveProps.resetButtonText, "submit-button-icon": t.effectiveProps.submitButtonIcon, "reset-button-icon": t.effectiveProps.resetButtonIcon, "submit-loading": t.submitLoading, "show-advanced-button": t.effectiveProps.showAdvancedButton, "has-more-fields": t.hasMoreFields, collapsed: t.collapsed, "action-col-options": t.effectiveActionColOptions }, on: { submit: t.handleSubmit, reset: t.handleReset, toggle: function(a) {
     t.collapsed = !t.collapsed;
   } } }, [l("template", { slot: "submitBefore" }, [e._t("submitBefore")], 2), l("template", { slot: "resetBefore" }, [e._t("resetBefore")], 2), l("template", { slot: "advanceBefore" }, [e._t("advanceBefore")], 2), l("template", { slot: "advanceAfter" }, [e._t("advanceAfter")], 2), l("template", { slot: "actions" }, [e._t("actions")], 2)], 2)], 1) : e._e()], 2), t.effectiveProps.showAdvancedButton && t.hasMoreFields ? l("el-button", { staticClass: "ecp-form-actions__advance", attrs: { type: "text" }, on: { click: function(a) {
     t.collapsed = !t.collapsed;
   } } }, [l("i", { staticClass: "el-icon-d-arrow-left", class: t.collapsed ? "down" : "up" }), e._v(" " + e._s(t.collapsed ? "展开" : "收起") + " ")]) : e._e(), e._t("formFooter")], 2)], 1);
-}, ut = [], dt = /* @__PURE__ */ ae(
-  it,
+}, dt = [], ft = /* @__PURE__ */ ne(
   ct,
   ut,
+  dt,
   !1,
   null,
-  "4ee1cb87",
+  "6171d80d",
   null,
   null
 );
-const Me = dt.exports;
-function bt(x) {
-  const e = k(null), l = k(x ? ye(x) : void 0), t = () => x ? ye(x) : void 0, a = (v) => {
-    e.value = v;
+const Me = ft.exports;
+function Ct(S) {
+  const e = k(null), l = k(S ? ue(S) : void 0), t = () => S ? ue(S) : void 0, a = (p) => {
+    e.value = p;
     const d = t();
-    d && Object.keys(d).length > 0 && v.setProps(d);
+    d && Object.keys(d).length > 0 && p.setProps(d);
   };
-  return x && U(
+  return S && U(
     () => t(),
-    (v) => {
-      l.value = v, v && e.value && e.value.setProps(v);
+    (p) => {
+      l.value = p, p && e.value && e.value.setProps(p);
     },
     { deep: !0 }
   ), [a, {
     register: a,
     formAction: e,
     getFieldsValue: () => {
-      var v;
-      return ((v = e.value) == null ? void 0 : v.getFieldsValue()) ?? {};
+      var p;
+      return ((p = e.value) == null ? void 0 : p.getFieldsValue()) ?? {};
     },
-    setFieldsValue: async (v) => {
+    setFieldsValue: async (p) => {
       var d;
-      await ((d = e.value) == null ? void 0 : d.setFieldsValue(v));
+      await ((d = e.value) == null ? void 0 : d.setFieldsValue(p));
     },
     resetFields: async () => {
-      var v;
-      await ((v = e.value) == null ? void 0 : v.resetFields());
+      var p;
+      await ((p = e.value) == null ? void 0 : p.resetFields());
     },
-    validate: (v) => {
+    validate: (p) => {
       var d;
-      return ((d = e.value) == null ? void 0 : d.validate(v)) ?? Promise.resolve();
+      return ((d = e.value) == null ? void 0 : d.validate(p)) ?? Promise.resolve();
     },
-    validateFields: (v) => {
+    validateFields: (p) => {
       var d;
-      return ((d = e.value) == null ? void 0 : d.validateFields(v)) ?? Promise.resolve();
+      return ((d = e.value) == null ? void 0 : d.validateFields(p)) ?? Promise.resolve();
     },
     submit: () => {
-      var v;
-      return ((v = e.value) == null ? void 0 : v.submit()) ?? Promise.resolve();
+      var p;
+      return ((p = e.value) == null ? void 0 : p.submit()) ?? Promise.resolve();
     },
-    scrollToField: (v, d) => {
-      var z;
-      return ((z = e.value) == null ? void 0 : z.scrollToField(v, d)) ?? Promise.resolve();
+    scrollToField: (p, d) => {
+      var O;
+      return ((O = e.value) == null ? void 0 : O.scrollToField(p, d)) ?? Promise.resolve();
     },
-    clearValidate: (v) => {
+    clearValidate: (p) => {
       var d;
-      (d = e.value) == null || d.clearValidate(v);
+      (d = e.value) == null || d.clearValidate(p);
     },
-    updateSchema: (v) => {
+    updateSchema: (p) => {
       var d;
-      return ((d = e.value) == null ? void 0 : d.updateSchema(v)) ?? Promise.resolve();
+      return ((d = e.value) == null ? void 0 : d.updateSchema(p)) ?? Promise.resolve();
     },
-    appendSchemaByField: (v, d, z) => {
-      var I;
-      return ((I = e.value) == null ? void 0 : I.appendSchemaByField(v, d, z)) ?? Promise.resolve();
+    appendSchemaByField: (p, d, O) => {
+      var V;
+      return ((V = e.value) == null ? void 0 : V.appendSchemaByField(p, d, O)) ?? Promise.resolve();
     },
-    removeSchemaByField: (v) => {
+    removeSchemaByField: (p) => {
       var d;
-      return ((d = e.value) == null ? void 0 : d.removeSchemaByField(v)) ?? Promise.resolve();
+      return ((d = e.value) == null ? void 0 : d.removeSchemaByField(p)) ?? Promise.resolve();
     },
-    setProps: async (v) => {
+    setProps: async (p) => {
       var d;
-      l.value = { ...l.value, ...v }, await ((d = e.value) == null ? void 0 : d.setProps(v));
+      l.value = { ...l.value, ...p }, await ((d = e.value) == null ? void 0 : d.setProps(p));
     }
   }];
 }
-const ft = [
+const pt = /* @__PURE__ */ ae({
+  __name: "ProDescriptions",
+  props: {
+    title: null,
+    helpMessage: null,
+    size: { default: "medium" },
+    bordered: { type: Boolean, default: !0 },
+    column: { default: () => ({ xxl: 4, xl: 3, lg: 3, md: 3, sm: 2, xs: 1 }) },
+    schema: { default: () => [] },
+    data: { default: () => ({}) },
+    emptyText: { default: "-" },
+    useCollapse: { type: Boolean, default: !1 },
+    collapseOptions: { default: () => ({ canExpand: !1, defaultExpand: !0, expandButtonText: "展开", collapseButtonText: "收起", visibleRows: 1 }) }
+  },
+  emits: ["register"],
+  setup(S, { expose: e, emit: l }) {
+    const t = S, a = k({}), h = k({}), n = k([]), m = k(typeof window < "u" ? window.innerWidth : 1920), r = k(!0), y = ae({
+      name: "EcpDescriptionValueRenderer",
+      props: {
+        schema: { type: Object, required: !0 },
+        value: { required: !1 },
+        record: { type: Object, required: !0 },
+        emptyText: { type: String, default: "-" }
+      },
+      setup(v) {
+        return () => {
+          const z = v.schema, B = v.record, W = v.value;
+          if (z.render) {
+            const Y = z.render(W, B);
+            return Y == null || Y === "" ? oe("span", v.emptyText) : typeof Y == "string" || typeof Y == "number" ? oe("span", String(Y)) : Y;
+          }
+          return Array.isArray(W) ? oe("span", W.length ? W.join(", ") : v.emptyText) : W == null || W === "" ? oe("span", v.emptyText) : typeof W == "object" ? oe("span", JSON.stringify(W)) : oe("span", String(W));
+        };
+      }
+    }), { getSetting: E } = Se(), c = x(() => ({ ...E("ProDescriptions"), ...t, ...a.value })), D = { xxl: 1920, xl: 1200, lg: 992, md: 768, sm: 576 }, b = (v, z) => {
+      if (typeof v == "number")
+        return Math.max(1, v);
+      const B = v ?? {};
+      return z >= D.xxl ? B.xxl ?? B.xl ?? B.lg ?? B.md ?? B.sm ?? B.xs ?? 3 : z >= D.xl ? B.xl ?? B.lg ?? B.md ?? B.sm ?? B.xs ?? 3 : z >= D.lg ? B.lg ?? B.md ?? B.sm ?? B.xs ?? 3 : z >= D.md ? B.md ?? B.sm ?? B.xs ?? 3 : z >= D.sm ? B.sm ?? B.xs ?? 2 : B.xs ?? 1;
+    }, T = x(() => b(c.value.column, m.value)), _ = x(() => c.value.data ?? h.value ?? {}), A = x(() => (n.value.length ? n.value : c.value.schema ?? []).filter((v) => v.dataIndex || v.field ? typeof v.show == "function" ? v.show(_.value) : v.show !== !1 : !1).map((v) => ({
+      ...v,
+      dataIndex: v.dataIndex || v.field || ""
+    }))), u = x(() => {
+      const v = [];
+      let z = { items: [] }, B = 0;
+      const W = T.value;
+      return A.value.forEach((Y, te) => {
+        const se = A.value.length - te, de = Math.max(1, Math.min(Y.span ?? 1, W)), re = se === 1 ? W - B || W : de;
+        B + re > W && (v.push(z), z = { items: [] }, B = 0);
+        const le = se === 1 && B < W ? Math.max(1, W - B) : re;
+        z.items.push({ ...Y, _span: le }), B += le, B >= W && (v.push(z), z = { items: [] }, B = 0);
+      }), z.items.length > 0 && v.push(z), v;
+    }), p = x(() => {
+      var z;
+      if (!d.value || r.value)
+        return u.value;
+      const v = Math.max(1, ((z = c.value.collapseOptions) == null ? void 0 : z.visibleRows) ?? 1);
+      return u.value.slice(0, v);
+    }), d = x(() => {
+      var z, B;
+      const v = Math.max(1, ((z = c.value.collapseOptions) == null ? void 0 : z.visibleRows) ?? 1);
+      return !!c.value.useCollapse && !!((B = c.value.collapseOptions) != null && B.canExpand) && u.value.length > v;
+    }), O = x(() => !!c.value.title || !!c.value.helpMessage || d.value), V = x(() => {
+      var v, z;
+      return {
+        expand: ((v = c.value.collapseOptions) == null ? void 0 : v.expandButtonText) ?? "展开",
+        collapse: ((z = c.value.collapseOptions) == null ? void 0 : z.collapseButtonText) ?? "收起"
+      };
+    }), $ = x(() => ({
+      gridTemplateColumns: `repeat(${T.value}, minmax(0, 1fr))`
+    })), q = (v) => ({
+      gridColumn: `span ${v._span}`
+    }), F = (v) => ({
+      minWidth: v.labelMinWidth ? `${v.labelMinWidth}px` : void 0,
+      ...v.labelStyle ?? {}
+    }), L = (v) => ({
+      minWidth: v.contentMinWidth ? `${v.contentMinWidth}px` : void 0,
+      ...v.contentStyle ?? {}
+    }), K = (v) => _.value[v.dataIndex], X = () => {
+      n.value = [...c.value.schema ?? []];
+    }, Q = () => {
+      h.value = { ...c.value.data ?? {} };
+    }, G = async (v) => {
+      a.value = { ...a.value, ...v }, v.schema && (n.value = [...v.schema]), v.data && (h.value = { ...v.data });
+    }, N = async (v) => {
+      h.value = { ...h.value, ...v }, a.value = { ...a.value, data: h.value };
+    }, J = () => ({ ...c.value.data ?? h.value ?? {} }), j = {
+      setProps: G,
+      setData: N,
+      getData: J
+    };
+    e(j);
+    const Z = () => {
+      typeof window < "u" && (m.value = window.innerWidth);
+    };
+    return pe(() => {
+      var v;
+      X(), Q(), r.value = ((v = c.value.collapseOptions) == null ? void 0 : v.defaultExpand) !== !1, l("register", j), typeof window < "u" && window.addEventListener("resize", Z);
+    }), xe(() => {
+      typeof window < "u" && window.removeEventListener("resize", Z);
+    }), U(() => c.value.schema, X, { deep: !0 }), U(() => c.value.data, Q, { deep: !0 }), U(() => {
+      var v;
+      return (v = c.value.collapseOptions) == null ? void 0 : v.defaultExpand;
+    }, (v) => {
+      v !== void 0 && (r.value = v);
+    }), { __sfc: !0, props: t, emit: l, innerProps: a, innerData: h, innerSchema: n, windowWidth: m, expanded: r, DescriptionValueRenderer: y, getSetting: E, effectiveProps: c, breakpoints: D, resolveColumn: b, currentColumn: T, effectiveData: _, visibleSchema: A, normalizedRows: u, renderedRows: p, showCollapseButton: d, showHeader: O, collapseButtonText: V, bodyStyle: $, getItemStyle: q, getLabelStyle: F, getContentStyle: L, getItemValue: K, syncSchema: X, syncData: Q, setProps: G, setData: N, getData: J, descriptionAction: j, updateWindowWidth: Z };
+  }
+});
+var vt = function() {
+  var a;
+  var e = this, l = e._self._c, t = e._self._setupProxy;
+  return l("div", { staticClass: "ecp-pro-descriptions" }, [t.showHeader ? l("div", { staticClass: "ecp-pro-descriptions__header" }, [l("div", { staticClass: "ecp-pro-descriptions__title-wrap" }, [t.effectiveProps.title ? l("span", { staticClass: "ecp-pro-descriptions__title" }, [e._v(e._s(t.effectiveProps.title))]) : e._e(), t.effectiveProps.helpMessage ? l("el-tooltip", { attrs: { placement: "top", effect: "dark" } }, [l("template", { slot: "content" }, [Array.isArray(t.effectiveProps.helpMessage) ? l("span", e._l(t.effectiveProps.helpMessage, function(h, n) {
+    return l("div", { key: n }, [e._v(e._s(h))]);
+  }), 0) : l("span", [e._v(e._s(t.effectiveProps.helpMessage))])]), l("i", { staticClass: "el-icon-question ecp-pro-descriptions__help" })], 2) : e._e(), (a = t.effectiveProps.collapseOptions) != null && a.helpMessage ? l("el-tooltip", { attrs: { placement: "top", effect: "dark" } }, [l("template", { slot: "content" }, [Array.isArray(t.effectiveProps.collapseOptions.helpMessage) ? l("span", e._l(t.effectiveProps.collapseOptions.helpMessage, function(h, n) {
+    return l("div", { key: `collapse-${n}` }, [e._v(e._s(h))]);
+  }), 0) : l("span", [e._v(e._s(t.effectiveProps.collapseOptions.helpMessage))])]), l("i", { staticClass: "el-icon-info ecp-pro-descriptions__help" })], 2) : e._e()], 1), t.showCollapseButton ? l("el-button", { staticClass: "ecp-pro-descriptions__toggle", attrs: { type: "text" }, on: { click: function(h) {
+    t.expanded = !t.expanded;
+  } } }, [e._v(" " + e._s(t.expanded ? t.collapseButtonText.collapse : t.collapseButtonText.expand) + " "), l("i", { staticClass: "el-icon-arrow-down", class: t.expanded ? "is-expanded" : "" })]) : e._e()], 1) : e._e(), l("div", e._b({ staticClass: "ecp-pro-descriptions__body", class: [
+    `is-${t.effectiveProps.size}`,
+    { "is-bordered": t.effectiveProps.bordered, "is-collapsed": t.showCollapseButton && !t.expanded }
+  ], style: t.bodyStyle }, "div", e.$attrs, !1), [e._l(t.renderedRows, function(h, n) {
+    return [e._l(h.items, function(m) {
+      return [l("div", { key: `${n}-${m.dataIndex || m.field}`, staticClass: "ecp-pro-descriptions__item", style: t.getItemStyle(m) }, [l("div", { staticClass: "ecp-pro-descriptions__label", style: t.getLabelStyle(m) }, [e._v(" " + e._s(m.label) + " ")]), l("div", { staticClass: "ecp-pro-descriptions__content", style: t.getContentStyle(m) }, [e.$scopedSlots[m.slot || m.dataIndex] ? e._t(m.slot || m.dataIndex, null, { value: t.getItemValue(m), record: t.effectiveData, schema: m }) : l(t.DescriptionValueRenderer, { attrs: { schema: m, value: t.getItemValue(m), record: t.effectiveData, "empty-text": t.effectiveProps.emptyText || "-" } })], 2)])];
+    })];
+  })], 2)]);
+}, mt = [], ht = /* @__PURE__ */ ne(
+  pt,
+  vt,
+  mt,
+  !1,
+  null,
+  "31a2b882",
+  null,
+  null
+);
+const $e = ht.exports;
+function Pt(S) {
+  const e = k(null), l = () => S ? ue(S) : void 0, t = () => {
+    const n = ue(e);
+    if (!n)
+      throw new Error("ProDescriptions instance has not been registered");
+    return n;
+  }, a = (n) => {
+    e.value = n;
+    const m = l();
+    m && Object.keys(m).length > 0 && n.setProps(m);
+  };
+  return S && U(
+    () => l(),
+    (n) => {
+      n && e.value && e.value.setProps(n);
+    },
+    { deep: !0 }
+  ), [a, {
+    setProps: (n) => t().setProps(n),
+    setData: (n) => t().setData(n),
+    getData: () => t().getData()
+  }];
+}
+const _t = [
   { name: "ProTable", component: Ae },
   { name: "TableAction", component: ke },
   { name: "ProForm", component: Me },
-  { name: "ProFormItem", component: Te },
-  { name: "FormActions", component: De }
+  { name: "ProFormItem", component: De },
+  { name: "FormActions", component: Te },
+  { name: "ProDescriptions", component: $e }
 ];
-function pt(x) {
-  ft.forEach(({ name: e, component: l }) => {
-    x.component(e, l);
+function bt(S) {
+  _t.forEach(({ name: e, component: l }) => {
+    S.component(e, l);
   });
 }
-const _t = {
-  install: pt,
+const xt = {
+  install: bt,
   ProTable: Ae,
   ProForm: Me,
+  ProDescriptions: $e,
   TableAction: ke
 };
 export {
-  De as FormActions,
+  Te as FormActions,
+  $e as ProDescriptions,
   Me as ProForm,
-  Te as ProFormItem,
+  De as ProFormItem,
   Ae as ProTable,
   ke as TableAction,
-  _t as default,
-  pt as install,
-  Be as useComponentSetting,
-  bt as useForm,
-  ht as useProTable
+  xt as default,
+  bt as install,
+  Se as useComponentSetting,
+  Pt as useDescription,
+  Ct as useForm,
+  wt as useProTable
 };
 //# sourceMappingURL=element-component-pro.es.js.map