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

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

@@ -1,16 +1,16 @@
-import { reactive as De, defineComponent as Z, h as ne, useSlots as ye, ref as M, computed as B, onMounted as xe, nextTick as $e, onUnmounted as Re, watch as ae, unref as we } from "vue";
+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 be = De({});
-function Fe() {
+const ge = $e({});
+function Be() {
   return {
-    getSetting: (l) => l === void 0 ? { ...be } : { ...be[l] ?? {} },
+    getSetting: (l) => l === void 0 ? { ...ge } : { ...ge[l] ?? {} },
     setSetting: (l, t) => {
-      const n = be[l];
-      be[l] = n ? { ...n, ...t } : { ...t };
+      const a = ge[l];
+      ge[l] = a ? { ...a, ...t } : { ...t };
     }
   };
 }
-const Ee = /* @__PURE__ */ Z({
+const Ee = /* @__PURE__ */ ee({
   __name: "ProTable",
   props: {
     columns: null,
@@ -54,8 +54,8 @@ const Ee = /* @__PURE__ */ Z({
     load: null
   },
   emits: ["register", "fetch-success", "fetch-error", "selection-change", "row-click", "row-dblclick", "sort-change", "expand-change"],
-  setup(A, { expose: e, emit: l }) {
-    const t = A, n = Z({
+  setup(x, { expose: e, emit: l }) {
+    const t = x, a = ee({
       name: "EcpProTableDefaultCellRenderer",
       props: {
         column: { type: Object, required: !0 },
@@ -65,20 +65,20 @@ const Ee = /* @__PURE__ */ Z({
       },
       setup(o) {
         return () => {
-          var u, m;
-          const a = o.column;
-          if (a != null && a.customRender) {
-            const F = a.customRender({ text: o.value, record: o.record, index: o.index });
-            return typeof F == "string" || typeof F == "number" ? ne("span", String(F)) : F;
+          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;
           }
-          if (a != null && a.valueEnum) {
-            const F = ((m = (u = a.valueEnum) == null ? void 0 : u[o.value]) == null ? void 0 : m.text) ?? o.value;
-            return ne("span", F == null ? "" : String(F));
+          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));
           }
-          return ne("span", o.value == null ? "" : String(o.value));
+          return ce("span", o.value == null ? "" : String(o.value));
         };
       }
-    }), i = Z({
+    }), y = ee({
       name: "EcpProTableBodyCellRenderer",
       props: {
         slotRender: { type: Function, required: !0 },
@@ -91,485 +91,711 @@ const Ee = /* @__PURE__ */ Z({
       },
       setup(o) {
         return () => {
-          const a = o.slotRender, u = a == null ? void 0 : a({ column: o.column, record: o.record, index: o.index, value: o.value });
-          if ((($) => $ == null ? [] : Array.isArray($) ? $.filter((I) => I != null && I !== !1 && !I.isComment) : [$])(u).length > 0)
-            return u;
-          const S = { ...o.column };
-          return o.customRender && (S.customRender = o.customRender), o.valueEnum && (S.valueEnum = o.valueEnum), ne(n, { props: { column: S, record: o.record, index: o.index, value: o.value } });
+          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)
+            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 } });
         };
       }
-    }), P = ye(), z = M(), s = M(), v = M(0), h = M(t.loading ?? !1), c = M([]), b = M({}), k = M([]), p = M({}), y = M([]), R = M(null), x = M({
+    }), 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({
       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: f } = Fe(), d = B(() => ({ ...f("ProTable"), ...t, ...p.value })), O = B(() => !!d.value.title || !!P.tableTitle || !!P.toolbar), j = B(() => R.value !== null ? R.value : !!t.pagination && typeof t.pagination == "object"), D = B(() => d.value.rowKey || "id"), H = B(() => new Set(y.value.map((o) => o[D.value]))), ee = B(
-      () => k.value.filter((o) => !o.hideInTable && !o.defaultHidden)
-    ), re = B(() => {
-      var a, u;
+    }), { 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;
       let o = 0;
-      return d.value.rowSelection && (o += Number(d.value.rowSelection.width) || 48), d.value.showIndexColumn && (o += Number((a = d.value.indexColumnProps) == null ? void 0 : a.width) || 60), d.value.actionColumn && (o += Number((u = d.value.actionColumn) == null ? void 0 : u.width) || 150), o;
-    }), L = (o) => typeof o == "number" && o > 0, J = B(() => ee.value.filter((a) => Y(a) && L(a.width)).reduce((a, u) => a + (typeof u.width == "number" ? u.width : 0), 0)), Q = B(() => ee.value.filter((a) => Y(a) && typeof a.width == "string").reduce((a, u) => a + (Number(ie(u)) || 80), 0)), W = (o) => o == null ? null : typeof o == "number" ? o : parseInt(String(o).replace(/px$/i, ""), 10) || null, ie = (o) => {
-      const a = o.width;
-      if (L(a) && J.value > 0 && v.value > 0 && typeof a == "number") {
-        const u = v.value - re.value - Q.value;
-        let m = Math.floor(u * a / J.value);
-        const F = W(o.minWidth) ?? 60, S = W(o.maxWidth);
-        return m = Math.max(F, m), S != null && (m = Math.min(S, m)), m;
+      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;
       }
-      if (typeof a == "string") {
-        const u = W(a) ?? 80, m = W(o.minWidth), F = W(o.maxWidth);
-        let S = u;
-        return m != null && (S = Math.max(m, S)), F != null && (S = Math.min(F, S)), S;
+      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;
       }
       return o.width;
-    }, Y = (o) => o.ifShow === !1 ? !1 : typeof o.ifShow == "function" ? o.ifShow({ column: o }) : !0, V = B(() => {
-      var a;
-      const o = (a = d.value.rowSelection) == null ? void 0 : a.getCheckboxProps;
-      return o ? c.value.filter((u) => {
-        var m;
-        return !((m = o(u)) != null && m.disabled);
-      }) : c.value;
-    }), ce = B(() => V.value.length > 0), ue = B(() => V.value.length === 0 ? !1 : V.value.every((o) => H.value.has(o[D.value]))), de = B(() => {
-      const o = V.value.filter((a) => H.value.has(a[D.value])).length;
-      return o > 0 && o < V.value.length;
-    }), fe = (o) => H.value.has(o[D.value]), pe = (o) => {
-      var a, u, m;
-      return ((m = (u = (a = d.value.rowSelection) == null ? void 0 : a.getCheckboxProps) == null ? void 0 : u.call(a, o)) == null ? void 0 : m.disabled) ?? !1;
-    }, me = (o) => {
-      var a, u, m;
-      return ((m = (u = (a = d.value.rowSelection) == null ? void 0 : a.getRadioProps) == null ? void 0 : u.call(a, o)) == null ? void 0 : m.disabled) ?? !1;
-    }, K = () => {
-      const o = y.value.map((a) => a[D.value]);
-      l("selection-change", { keys: o, rows: y.value });
-    }, ve = (o, a) => {
-      const u = o[D.value];
-      a ? y.value = [...y.value.filter((m) => m[D.value] !== u), o] : y.value = y.value.filter((m) => m[D.value] !== u), K();
+    }, 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;
+      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) => {
-      y.value = [o], K();
-    }, te = (o) => {
+      m.value = [o], Z();
+    }, be = (o) => {
       if (o) {
-        const a = new Set(y.value.map((m) => m[D.value])), u = V.value.filter((m) => !a.has(m[D.value]));
-        y.value = [...y.value, ...u];
+        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];
       } else {
-        const a = new Set(c.value.map((u) => u[D.value]));
-        y.value = y.value.filter((u) => !a.has(u[D.value]));
+        const n = new Set(u.value.map((f) => f[M.value]));
+        m.value = m.value.filter((f) => !n.has(f[M.value]));
       }
-      K();
-    }, q = async (o) => {
+      Z();
+    }, J = async (o) => {
       if (!t.api) {
         if (t.dataSource)
           return;
-        c.value = [];
+        u.value = [];
         return;
       }
-      h.value = !0;
+      $.value = !0;
       try {
-        const a = d.value.fetchSetting ?? {}, u = a.pageField ?? "page", m = a.sizeField ?? "pageSize", F = a.listField ?? "list", S = a.totalField ?? "total", $ = {
-          [u]: (o == null ? void 0 : o.page) ?? x.value.page,
-          [m]: (o == null ? void 0 : o.pageSize) ?? x.value.pageSize,
+        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,
           ...t.searchInfo,
           ...o == null ? void 0 : o.searchInfo
         };
-        (o == null ? void 0 : o.page) != null && (x.value.page = o.page), (o == null ? void 0 : o.pageSize) != null && (x.value.pageSize = o.pageSize);
-        const I = t.beforeFetch ? t.beforeFetch($) : $, _e = await t.api(I);
-        b.value = _e || {};
-        const ge = t.afterFetch ? t.afterFetch(_e) : _e, Ce = ge[F] ?? ge.items ?? ge.list ?? [], Se = ge[S] ?? 0;
-        c.value = Ce, x.value.total = Se, l("fetch-success", { items: Ce, total: Se });
-      } catch (a) {
-        l("fetch-error", a);
+        (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);
+        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);
       } finally {
-        h.value = !1;
+        $.value = !1;
       }
-    }, oe = () => q(void 0), r = (o) => {
-      d.value.clearSelectOnPageChange && (y.value = []), x.value.pageSize = o, x.value.page = 1, q(void 0);
-    }, g = (o) => {
-      d.value.clearSelectOnPageChange && (y.value = []), x.value.page = o, q(void 0);
-    }, C = (o, a, u) => l("row-click", o, u), w = (o, a, u) => l("row-dblclick", o, u), _ = ({ prop: o, order: a }) => l("sort-change", { prop: o, order: a }), T = (o, a) => l("expand-change", o, a), E = (o) => c.value.findIndex((a) => a[D.value] === o), N = {
+    }, 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 = {
       setProps: (o) => {
-        p.value = { ...p.value, ...o };
+        B.value = { ...B.value, ...o };
       },
-      reload: (o) => q(o),
+      reload: (o) => J(o),
       redoHeight: () => {
-        var o, a;
-        (a = (o = z.value) == null ? void 0 : o.doLayout) == null || a.call(o);
+        var o, n;
+        (n = (o = P.value) == null ? void 0 : o.doLayout) == null || n.call(o);
       },
       setLoading: (o) => {
-        h.value = o;
+        $.value = o;
       },
-      getDataSource: () => c.value,
-      getRawDataSource: () => b.value,
+      getDataSource: () => u.value,
+      getRawDataSource: () => D.value,
       setTableData: (o) => {
-        c.value = o ?? [];
+        u.value = o ?? [];
       },
-      getColumns: () => k.value,
+      getColumns: () => h.value,
       setColumns: (o) => {
         if (Array.isArray(o) && o.length > 0 && typeof o[0] == "string") {
-          const a = o, u = (t.columns ?? []).filter((F) => a.includes(F.key ?? F.dataIndex)), m = a.map((F) => u.find((S) => (S.key ?? S.dataIndex) === F)).filter(Boolean);
-          m.length && (k.value = m);
+          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);
         } else
-          k.value = o ?? [];
+          h.value = o ?? [];
       },
       setPagination: (o) => {
-        o != null && o.page && (x.value.page = o.page), o != null && o.pageSize && (x.value.pageSize = o.pageSize), (o == null ? void 0 : o.total) !== void 0 && (x.value.total = o.total);
+        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);
       },
-      getSelectRowKeys: () => y.value.map((o) => o[D.value]),
-      getSelectRows: () => y.value,
+      getSelectRowKeys: () => m.value.map((o) => o[M.value]),
+      getSelectRows: () => m.value,
       clearSelectedRowKeys: () => {
-        y.value = [], K();
+        m.value = [], Z();
       },
       setSelectedRowKeys: (o) => {
-        const a = new Set(o), u = c.value.filter((m) => a.has(m[D.value]));
-        o.forEach((m) => {
-          u.some((F) => F[D.value] === m) || u.push({ [D.value]: m });
-        }), y.value = u, K();
+        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();
       },
       deleteSelectRowByKey: (o) => {
-        y.value = y.value.filter((a) => a[D.value] !== o), K();
+        m.value = m.value.filter((n) => n[M.value] !== o), Z();
       },
-      updateTableData: (o, a, u) => {
-        o < 0 || o >= c.value.length || (c.value = [...c.value], c.value[o] = { ...c.value[o], [a]: u });
+      updateTableData: (o, n, f) => {
+        o < 0 || o >= u.value.length || (u.value = [...u.value], u.value[o] = { ...u.value[o], [n]: f });
       },
-      updateTableDataRecord: (o, a) => {
-        const u = E(o);
-        if (!(u < 0))
-          return c.value = [...c.value], c.value[u] = { ...c.value[u], ...a }, c.value[u];
+      updateTableDataRecord: (o, n) => {
+        const f = E(o);
+        if (!(f < 0))
+          return u.value = [...u.value], u.value[f] = { ...u.value[f], ...n }, u.value[f];
       },
       deleteTableDataRecord: (o) => {
-        const a = Array.isArray(o) ? o : [o], u = new Set(a);
-        c.value = c.value.filter((m) => !u.has(m[D.value]));
+        const n = Array.isArray(o) ? o : [o], f = new Set(n);
+        u.value = u.value.filter((b) => !f.has(b[M.value]));
       },
-      insertTableDataRecord: (o, a) => {
-        const u = [...c.value];
-        return a == null || a >= u.length ? u.push(o) : u.splice(a, 0, o), c.value = u, o;
+      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;
       },
-      getPaginationRef: () => j.value ? { page: x.value.page, pageSize: Number(x.value.pageSize) || 10, total: x.value.total } : !1,
-      getShowPagination: () => j.value,
+      getPaginationRef: () => I.value ? { page: c.value.page, pageSize: Number(c.value.pageSize) || 10, total: c.value.total } : !1,
+      getShowPagination: () => I.value,
       setShowPagination: (o) => {
-        R.value = o;
+        A.value = o;
       },
       getRowSelection: () => d.value.rowSelection,
       expandAll: () => {
-        var m;
-        const o = ((m = d.value.treeProps) == null ? void 0 : m.children) ?? "children", a = (F) => {
-          const S = [];
-          return F.forEach(($) => {
-            S.push($);
-            const I = $[o];
-            Array.isArray(I) && I.length > 0 && S.push(...a(I));
-          }), S;
+        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;
         };
-        a(c.value).forEach((F) => {
-          var S, $;
-          return ($ = (S = z.value) == null ? void 0 : S.toggleRowExpansion) == null ? void 0 : $.call(S, F, !0);
+        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);
         });
       },
       collapseAll: () => {
-        var m;
-        const o = ((m = d.value.treeProps) == null ? void 0 : m.children) ?? "children", a = (F) => {
-          const S = [];
-          return F.forEach(($) => {
-            S.push($);
-            const I = $[o];
-            Array.isArray(I) && I.length > 0 && S.push(...a(I));
-          }), S;
+        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;
         };
-        a(c.value).forEach((F) => {
-          var S, $;
-          return ($ = (S = z.value) == null ? void 0 : S.toggleRowExpansion) == null ? void 0 : $.call(S, F, !1);
+        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);
         });
       }
     };
-    e(N);
-    const G = () => {
-      k.value = [...t.columns ?? []];
-    }, Pe = () => {
-      t.api && d.value.immediate !== !1 ? q(void 0) : t.dataSource && (c.value = [...t.dataSource], !t.api && t.pagination !== !1 && (x.value.total = t.dataSource.length));
-    }, le = () => {
-      s.value && (v.value = s.value.offsetWidth || 0);
+    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);
     };
-    let U = null, X = null;
-    return xe(() => {
-      G(), l("register", N), Pe(), typeof window < "u" && (window.addEventListener("resize", le), U = new ResizeObserver(le), $e(() => {
-        le(), X = s.value, X && (U == null || U.observe(X));
+    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));
       }));
     }), Re(() => {
-      typeof window < "u" && (window.removeEventListener("resize", le), U && X && (U.unobserve(X), X = null));
-    }), ae(() => t.columns, G, { deep: !0 }), ae(() => t.dataSource, () => {
-      !t.api && t.dataSource && (c.value = [...t.dataSource]);
-    }, { deep: !0 }), ae(() => t.loading, (o) => {
-      h.value = o ?? !1;
-    }), { __sfc: !0, DefaultCellRenderer: n, BodyCellRenderer: i, props: t, emit: l, slots: P, tableRef: z, tableWrapRef: s, containerWidth: v, loading: h, innerData: c, rawDataSource: b, innerColumns: k, innerProps: p, selectedRows: y, showPaginationRef: R, pagination: x, getComponentSetting: f, effectiveProps: d, showTitleBar: O, showPagination: j, rowKeyField: D, selectedKeysSet: H, displayColumns: ee, fixedColumnsWidth: re, isRatioWidth: L, totalRatio: J, fixedDataColumnsWidth: Q, parseWidthPx: W, getColumnWidth: ie, shouldShowColumn: Y, selectableRows: V, hasSelectableRows: ce, isAllCurrentPageSelected: ue, isIndeterminate: de, isRowSelected: fe, getCheckboxDisabled: pe, getRadioDisabled: me, emitSelectionChange: K, handleCheckboxChange: ve, handleRadioSelect: he, handleSelectAll: te, fetchData: q, handleReload: oe, handleSizeChange: r, handleCurrentChange: g, handleRowClick: C, handleRowDblclick: w, handleSortChange: _, handleExpandChange: T, findRowIndex: E, tableAction: N, syncColumns: G, loadData: Pe, updateContainerWidth: le, resizeObserver: U, observedEl: X };
+      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]);
+    }, { 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 };
   }
 });
-function se(A, e, l, t, n, i, P, z) {
-  var s = typeof A == "function" ? A.options : A;
-  e && (s.render = e, s.staticRenderFns = l, s._compiled = !0), t && (s.functional = !0), i && (s._scopeId = "data-v-" + i);
-  var v;
-  if (P ? (v = function(b) {
-    b = b || // cached call
+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) {
+    D = D || // cached call
     this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !b && typeof __VUE_SSR_CONTEXT__ < "u" && (b = __VUE_SSR_CONTEXT__), n && n.call(this, b), b && b._registeredComponents && b._registeredComponents.add(P);
-  }, s._ssrRegister = v) : n && (v = z ? function() {
-    n.call(
+    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() {
+    a.call(
       this,
       (s.functional ? this.parent : this).$root.$options.shadowRoot
     );
-  } : n), v)
+  } : a), p)
     if (s.functional) {
-      s._injectStyles = v;
-      var h = s.render;
-      s.render = function(k, p) {
-        return v.call(p), h(k, p);
+      s._injectStyles = p;
+      var $ = s.render;
+      s.render = function(h, B) {
+        return p.call(B), $(h, B);
       };
     } else {
-      var c = s.beforeCreate;
-      s.beforeCreate = c ? [].concat(c, v) : [v];
+      var u = s.beforeCreate;
+      s.beforeCreate = u ? [].concat(u, p) : [p];
     }
   return {
-    exports: A,
+    exports: x,
     options: s
   };
 }
 var Ie = function() {
-  var n, i, P, z;
+  var a, y, r, P;
   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, v) {
-    return l("div", { key: v }, [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(s, p) {
+    return l("div", { key: p }, [e._v(e._s(s))]);
   }), 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) {
     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 v;
-    return [t.effectiveProps.rowSelection.type !== "radio" ? l("el-checkbox", { attrs: { value: t.isRowSelected(s.row), disabled: t.getCheckboxDisabled(s.row) }, on: { change: (h) => t.handleCheckboxChange(s.row, h) }, nativeOn: { click: function(h) {
-      h.stopPropagation();
-    } } }) : l("el-radio", { attrs: { value: (v = t.selectedRows[0]) == null ? void 0 : v[t.rowKeyField], label: s.row[t.rowKeyField], disabled: t.getRadioDisabled(s.row) }, on: { change: function(h) {
+    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(h) {
-      h.stopPropagation();
+    } }, nativeOn: { click: function($) {
+      $.stopPropagation();
     } } }, [l("span")])];
-  } }], null, !1, 983730649) }) : e._e(), t.effectiveProps.showIndexColumn ? l("el-table-column", { attrs: { type: "index", label: ((n = t.effectiveProps.indexColumnProps) == null ? void 0 : n.title) || "序号", width: ((i = t.effectiveProps.indexColumnProps) == null ? void 0 : i.width) || 60, fixed: (P = t.effectiveProps.indexColumnProps) == null ? void 0 : P.fixed, align: ((z = t.effectiveProps.indexColumnProps) == null ? void 0 : z.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(v) {
-      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(h, c) {
-        return l("div", { key: c }, [e._v(e._s(h))]);
+  } }], 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(v) {
-      return [s.dataIndex && e.$scopedSlots[s.dataIndex] ? e._t(s.dataIndex, null, { row: v.row, column: s, index: v.$index, value: v.row[s.dataIndex] }) : e.$scopedSlots.bodyCell ? l(t.BodyCellRenderer, { attrs: { "slot-render": e.$scopedSlots.bodyCell, column: s, record: v.row, index: v.$index, value: v.row[s.dataIndex], "custom-render": s.customRender, "value-enum": s.valueEnum } }) : l(t.DefaultCellRenderer, { attrs: { column: s, record: v.row, index: v.$index, value: v.row[s.dataIndex] } })];
+    } }, { 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, !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()];
   } }], 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()]);
-}, Oe = [], Le = /* @__PURE__ */ se(
+}, Le = [], Oe = /* @__PURE__ */ ae(
   Ee,
   Ie,
-  Oe,
+  Le,
   !1,
   null,
   "c5638c20",
   null,
   null
 );
-const Be = Le.exports, We = /* @__PURE__ */ Z({
+const Ae = Oe.exports, Ve = /* @__PURE__ */ ee({
   __name: "TableAction",
   props: {
     actions: { default: () => [] },
     dropDownActions: { default: () => [] },
     stopButtonPropagation: { type: Boolean, default: !1 }
   },
-  setup(A) {
-    const e = A, 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", n = (h) => h.filter((c) => {
-      const { ifShow: b } = c;
-      return typeof b == "boolean" ? b : typeof b == "function" ? b(c) : !0;
-    }), i = B(() => n(e.actions || [])), P = B(() => n(e.dropDownActions || []));
-    return { __sfc: !0, props: e, normalizeTooltip: l, getButtonType: t, filterVisible: n, visibleActions: i, visibleDropDownActions: P, handleClick: (h, c) => {
-      var b;
-      e.stopButtonPropagation && c.stopPropagation(), (b = h.onClick) == null || b.call(h, c);
-    }, handlePopConfirm: (h, c, b) => {
-      var k, p, y, R;
-      e.stopButtonPropagation && b.stopPropagation(), h.popConfirm && (c === "confirm" ? (p = (k = h.popConfirm).confirm) == null || p.call(k) : (R = (y = h.popConfirm).cancel) == null || R.call(y));
+  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));
+    };
+    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) => {
-      var k;
-      const c = Number(h), b = P.value[c];
-      if (!(!b || b.disabled)) {
-        if (b.popConfirm) {
-          const p = b.popConfirm.title, y = b.popConfirm.okText || "确定", R = b.popConfirm.cancelText || "取消";
-          ze.confirm(p, "提示", {
-            confirmButtonText: y,
-            cancelButtonText: R,
+      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,
+            cancelButtonText: d,
             type: "warning"
           }).then(() => {
-            var x, f;
-            return (f = (x = b.popConfirm) == null ? void 0 : x.confirm) == null ? void 0 : f.call(x);
+            var z, I;
+            return (I = (z = m.popConfirm) == null ? void 0 : z.confirm) == null ? void 0 : I.call(z);
           }).catch(() => {
-            var x, f;
-            return (f = (x = b.popConfirm) == null ? void 0 : x.cancel) == null ? void 0 : f.call(x);
+            var z, I;
+            return (I = (z = m.popConfirm) == null ? void 0 : z.cancel) == null ? void 0 : I.call(z);
           });
           return;
         }
-        (k = b.onClick) == null || k.call(b, {});
+        (A = m.onClick) == null || A.call(m, {});
       }
     } };
   }
 });
-var Ve = function() {
+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(n, i) {
-    return l("span", { key: `action-${i}`, staticClass: "ecp-table-action__item" }, [n.popConfirm ? l("el-popconfirm", { attrs: { title: n.popConfirm.title, "confirm-button-text": n.popConfirm.okText || "确定", "cancel-button-text": n.popConfirm.cancelText || "取消" }, on: { confirm: (P) => t.handlePopConfirm(n, "confirm", P), cancel: (P) => t.handlePopConfirm(n, "cancel", P) } }, [l("span", { attrs: { slot: "reference" }, slot: "reference" }, [l(n.tooltip ? "el-tooltip" : "span", e._b({ tag: "component" }, "component", n.tooltip ? t.normalizeTooltip(n.tooltip) : {}, !1), [l("el-button", e._b({ attrs: { type: t.getButtonType(n), size: "small", disabled: n.disabled }, on: { click: (P) => t.handleClick(n, P) } }, "el-button", n.props, !1), [n.icon ? l("i", { class: ["ecp-table-action__icon", n.icon] }) : e._e(), l("span", [e._v(e._s(n.label))])])], 1)], 1)]) : l(n.tooltip ? "el-tooltip" : "span", e._b({ tag: "component" }, "component", n.tooltip ? t.normalizeTooltip(n.tooltip) : {}, !1), [l("el-button", e._b({ attrs: { type: t.getButtonType(n), size: "small", disabled: n.disabled }, on: { click: (P) => t.handleClick(n, P) } }, "el-button", n.props, !1), [n.icon ? l("i", { class: ["ecp-table-action__icon", n.icon] }) : e._e(), l("span", [e._v(e._s(n.label))])])], 1), n.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(n, i) {
-    return l("el-dropdown-item", { key: `dropdown-${i}`, attrs: { command: i, disabled: n.disabled, divided: !!n.divider } }, [l("span", { staticClass: "ecp-table-action__dropdown-item" }, [n.icon ? l("i", { class: ["ecp-table-action__icon", n.icon] }) : e._e(), l("span", [e._v(e._s(n.label))])])]);
+  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);
+    } } }, "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))])])]);
   }), 1)], 1) : e._e()], 2);
-}, Ke = [], qe = /* @__PURE__ */ se(
-  We,
+}, Ne = [], We = /* @__PURE__ */ ae(
   Ve,
   Ke,
+  Ne,
   !1,
   null,
-  "1b2d6c42",
+  "f319e73a",
   null,
   null
 );
-const Ae = qe.exports;
-function st(A) {
-  const e = M(null), l = () => {
-    const i = we(e);
-    if (!i)
+const ke = We.exports;
+function ht(x) {
+  const e = k(null), l = () => x ? ye(x) : void 0, t = () => {
+    const r = ye(e);
+    if (!r)
       throw new Error("ProTable instance has not been registered");
-    return i;
+    return r;
+  }, a = (r) => {
+    e.value = r;
+    const P = l();
+    P && Object.keys(P).length > 0 && r.setProps(P);
   };
-  return [(i) => {
-    e.value = i;
-  }, {
-    setProps: (i) => l().setProps(i),
-    reload: (i) => l().reload(i),
-    setLoading: (i) => l().setLoading(i),
-    getDataSource: () => l().getDataSource(),
-    getRawDataSource: () => l().getRawDataSource(),
-    setTableData: (i) => l().setTableData(i),
-    getColumns: () => l().getColumns(),
-    setColumns: (i) => l().setColumns(i),
-    setPagination: (i) => l().setPagination(i),
-    getSelectRowKeys: () => l().getSelectRowKeys(),
-    getSelectRows: () => l().getSelectRows(),
-    clearSelectedRowKeys: () => l().clearSelectedRowKeys(),
-    setSelectedRowKeys: (i) => l().setSelectedRowKeys(i),
-    deleteSelectRowByKey: (i) => l().deleteSelectRowByKey(i),
-    updateTableDataRecord: (i, P) => l().updateTableDataRecord(i, P),
-    deleteTableDataRecord: (i) => l().deleteTableDataRecord(i),
-    insertTableDataRecord: (i, P) => l().insertTableDataRecord(i, P),
-    getPaginationRef: () => l().getPaginationRef(),
-    getShowPagination: () => l().getShowPagination(),
-    setShowPagination: (i) => l().setShowPagination(i),
+  return x && U(
+    () => l(),
+    (r) => {
+      r && e.value && e.value.setProps(r);
+    },
+    { deep: !0 }
+  ), [a, {
+    setProps: (r) => t().setProps(r),
+    reload: (r) => t().reload(r),
+    redoHeight: () => t().redoHeight(),
+    setLoading: (r) => t().setLoading(r),
+    getDataSource: () => t().getDataSource(),
+    getRawDataSource: () => t().getRawDataSource(),
+    setTableData: (r) => t().setTableData(r),
+    getColumns: () => t().getColumns(),
+    setColumns: (r) => t().setColumns(r),
+    setPagination: (r) => t().setPagination(r),
+    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),
+    getPaginationRef: () => t().getPaginationRef(),
+    getShowPagination: () => t().getShowPagination(),
+    setShowPagination: (r) => t().setShowPagination(r),
+    getRowSelection: () => t().getRowSelection(),
     expandAll: () => {
-      var i, P;
-      return (P = (i = l()).expandAll) == null ? void 0 : P.call(i);
+      var r, P;
+      return (P = (r = t()).expandAll) == null ? void 0 : P.call(r);
     },
     collapseAll: () => {
-      var i, P;
-      return (P = (i = l()).collapseAll) == null ? void 0 : P.call(i);
+      var r, P;
+      return (P = (r = t()).collapseAll) == null ? void 0 : P.call(r);
     }
   }];
 }
-const Ne = /* @__PURE__ */ Z({
+const qe = /* @__PURE__ */ ee({
+  __name: "ApiSelect",
+  props: {
+    value: null,
+    api: null,
+    params: null,
+    lazy: { type: Boolean, default: !1 },
+    labelField: { default: "label" },
+    valueField: { default: "value" },
+    placeholder: null,
+    disabled: { type: Boolean },
+    clearable: { type: Boolean },
+    filterable: { type: Boolean },
+    multiple: { type: Boolean }
+  },
+  emits: ["input"],
+  setup(x) {
+    const e = x, l = k(!1), t = k([]), a = (r) => {
+      e.lazy && r && y();
+    }, y = 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 = $;
+            return {
+              label: String(u[s] ?? u.label ?? ""),
+              value: u[p] ?? u.value
+            };
+          });
+        } finally {
+          l.value = !1;
+        }
+      }
+    };
+    return we(() => {
+      e.lazy || y();
+    }), U(
+      () => e.api,
+      () => {
+        e.lazy ? t.value = [] : y();
+      },
+      { deep: !0 }
+    ), U(() => e.params, () => {
+      e.lazy ? t.value = [] : y();
+    }, { deep: !0 }), { __sfc: !0, props: e, loading: l, options: t, onVisibleChange: a, fetchOptions: y };
+  }
+});
+var je = 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,
+  je,
+  He,
+  !1,
+  null,
+  null,
+  null,
+  null
+);
+const Ue = Ge.exports, Xe = /* @__PURE__ */ ee({
+  __name: "TreeSelect",
+  props: {
+    value: null,
+    treeData: null,
+    api: null,
+    params: null,
+    lazy: { type: Boolean, default: !1 },
+    labelField: { default: "label" },
+    valueField: { default: "value" },
+    childrenField: { default: "children" },
+    filterable: { type: Boolean },
+    placeholder: null,
+    disabled: { type: Boolean },
+    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(() => ({
+      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 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));
+      }
+      return O;
+    }
+    function h() {
+      const g = l.treeData;
+      return Array.isArray(g) && g.length > 0;
+    }
+    function B(g) {
+      s.value = g, p.value = D(g);
+    }
+    function m() {
+      const g = l.treeData;
+      if (!Array.isArray(g) || g.length === 0)
+        return;
+      const L = g.map((O) => u(O));
+      B(L);
+    }
+    const A = R(() => l.value == null || l.value === "" ? "" : p.value[String(l.value)] ?? String(l.value)), c = (g, L) => {
+      if (!g)
+        return !0;
+      const O = l.labelField ?? "label";
+      return String(L[O] ?? L.label ?? "").toLowerCase().includes(g.toLowerCase());
+    };
+    U(P, (g) => {
+      var L;
+      (L = a.value) == null || L.filter(g);
+    });
+    let v = 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);
+      }));
+    }
+    function z() {
+      y.value = !1, P.value = "", v && (document.removeEventListener("click", v), v = null);
+    }
+    function I() {
+      e("input", void 0);
+    }
+    function M(g) {
+      const L = l.valueField ?? "value", O = g[L] ?? g.value;
+      e("input", O), z();
+    }
+    async function N() {
+      if (!(!l.api || h())) {
+        r.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);
+        } finally {
+          r.value = !1;
+        }
+      }
+    }
+    return we(() => {
+      h() ? m() : l.lazy || N();
+    }), U(() => l.treeData, () => {
+      h() ? m() : (s.value = [], p.value = {}, !l.lazy && l.api && N());
+    }, { deep: !0 }), U(() => l.api, () => {
+      h() || (l.lazy ? (s.value = [], p.value = {}) : N());
+    }, { 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 };
+  }
+});
+var Ze = function() {
+  var e = this, l = e._self._c, t = e._self._setupProxy;
+  return l("div", { ref: "rootRef", staticClass: "ecp-tree-select" }, [l("el-input", { staticClass: "ecp-tree-select__input", attrs: { value: t.displayText, placeholder: e.placeholder, disabled: e.disabled, clearable: e.clearable, readonly: "", "suffix-icon": "el-icon-arrow-down" }, on: { focus: t.openDropdown, clear: t.clearValue } }), l("transition", { attrs: { name: "el-zoom-in-top" } }, [l("div", { directives: [{ name: "show", rawName: "v-show", value: t.dropdownVisible, expression: "dropdownVisible" }], staticClass: "ecp-tree-select__dropdown" }, [e.filterable ? l("div", { staticClass: "ecp-tree-select__filter-inner" }, [l("el-input", { attrs: { size: "small", placeholder: "搜索节点", "prefix-icon": "el-icon-search", clearable: "" }, nativeOn: { click: function(a) {
+    a.stopPropagation();
+  } }, 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,
+  Je,
+  !1,
+  null,
+  "f30bba11",
+  null,
+  null
+);
+const Ye = Qe.exports, et = /* @__PURE__ */ ee({
   __name: "ProFormItem",
   props: {
     schema: null,
     formModel: null,
     formDisabled: { type: Boolean },
     autoPlaceholder: { type: Boolean },
-    formActionType: null
+    formActionType: null,
+    customComponents: null
   },
-  setup(A) {
-    const e = A, l = ye(), t = B(() => ({
+  setup(x) {
+    const e = x, l = /* @__PURE__ */ new Set([
+      "input",
+      "select",
+      "api-select",
+      "tree-select",
+      "date-picker",
+      "date-range",
+      "input-number",
+      "switch",
+      "cascader",
+      "checkbox",
+      "radio"
+    ]), t = Pe(), a = R(() => ({
       schema: e.schema,
       values: e.formModel,
       model: e.formModel,
       field: e.schema.field
-    })), n = B(() => {
-      const p = e.schema.ifShow;
-      return p === void 0 ? !0 : typeof p == "boolean" ? p : p(t.value);
-    }), i = B(() => {
-      const p = e.schema.show;
-      return p === void 0 ? !0 : typeof p == "boolean" ? p : p(t.value);
-    }), P = B(() => {
+    })), 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(() => {
       if (e.formDisabled)
         return !0;
-      const p = e.schema.dynamicDisabled;
-      return p === void 0 ? !1 : typeof p == "boolean" ? p : p(t.value);
-    }), z = B(() => {
-      const p = e.schema.dynamicRules;
-      return p ? Array.isArray(p) ? p : p(t.value) : e.schema.rules;
-    }), s = B(() => {
-      const p = e.schema.componentProps;
-      if (!p)
+      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)
         return { props: {}, listeners: {} };
-      const y = typeof p == "function" ? p({
-        ...t.value,
+      const v = typeof c == "function" ? c({
+        ...a.value,
         formActionType: e.formActionType
-      }) : { ...p }, R = {}, x = {};
-      for (const [f, d] of Object.entries(y))
-        if (f.length > 2 && /^on[A-Za-z]/.test(f) && typeof d == "function") {
-          const O = f.slice(2).charAt(0).toLowerCase() + f.slice(3);
-          x[O] = d;
+      }) : { ...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;
         } else
-          R[f] = d;
-      return { props: R, listeners: x };
-    }), v = B(() => s.value.props), h = B(() => s.value.listeners), c = B(() => !!l.default), b = (p) => {
-      const y = p == null ? void 0 : p.options;
-      return Array.isArray(y) ? y : void 0;
-    }, k = B(() => {
-      const p = e.schema.render;
-      return p ? {
+          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 ? {
         render() {
-          const y = p(t.value);
-          return Array.isArray(y) ? ne("span", y) : y;
+          const v = c(a.value);
+          return Array.isArray(v) ? ce("span", v) : v;
         }
       } : null;
     });
-    return { __sfc: !0, props: e, slots: l, renderParams: t, shouldRender: n, shouldShow: i, effectiveDisabled: P, effectiveRules: z, effectiveComponentPropsAndListeners: s, effectiveComponentProps: v, effectiveComponentListeners: h, hasSlot: c, getOptions: b, renderComponent: k };
+    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 };
   }
 });
-var je = function() {
+var tt = 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 } }, [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(n, i) {
-    return l("div", { key: i, staticClass: "ecp-pro-form-item__help-item" }, [e._v(" " + e._s(n) + " ")]);
-  }) : 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 }) : [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(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, 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(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, expression: "formModel[schema.field]" } }, "el-input-number", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "select" ? l("el-select", e._g(e._b({ staticClass: "ecp-pro-form-item__select", attrs: { placeholder: e.schema.placeholder || (e.autoPlaceholder ? `请选择${e.schema.label}` : void 0), disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, expression: "formModel[schema.field]" } }, "el-select", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(n) {
-    return l("el-option", { key: String(n.value), attrs: { label: n.label, value: n.value } });
-  }), 1) : e.schema.component === "date-picker" ? l("el-date-picker", 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(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, expression: "formModel[schema.field]" } }, "el-date-picker", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "date-range" ? l("el-date-picker", e._g(e._b({ attrs: { type: "daterange", "range-separator": "至", "start-placeholder": "开始日期", "end-placeholder": "结束日期", "value-format": "yyyy-MM-dd", disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, expression: "formModel[schema.field]" } }, "el-date-picker", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "switch" ? l("el-switch", e._g(e._b({ attrs: { disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, expression: "formModel[schema.field]" } }, "el-switch", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "cascader" ? l("el-cascader", 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(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, expression: "formModel[schema.field]" } }, "el-cascader", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "checkbox" ? l("el-checkbox-group", e._g(e._b({ attrs: { disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, expression: "formModel[schema.field]" } }, "el-checkbox-group", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(n) {
-    return l("el-checkbox", { key: String(n.value), attrs: { label: n.value } }, [e._v(" " + e._s(n.label) + " ")]);
-  }), 1) : e.schema.component === "radio" ? l("el-radio-group", e._g(e._b({ attrs: { disabled: t.effectiveDisabled }, model: { value: e.formModel[e.schema.field], callback: function(n) {
-    e.$set(e.formModel, e.schema.field, n);
-  }, expression: "formModel[schema.field]" } }, "el-radio-group", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(n) {
-    return l("el-radio", { key: String(n.value), attrs: { label: n.value } }, [e._v(" " + e._s(n.label) + " ")]);
+  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) + " ")]);
+  }) : 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) {
+    e.$set(e.formModel, e.schema.field, a);
+  }, expression: "formModel[schema.field]" } }, "el-input-number", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "select" ? l("el-select", e._g(e._b({ staticClass: "ecp-pro-form-item__select", 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-select", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(a) {
+    return l("el-option", { key: String(a.value), attrs: { label: a.label, value: a.value } });
+  }), 1) : e.schema.component === "api-select" ? l(t.ApiSelect, e._g(e._b({ 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 } }, "ApiSelect", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "tree-select" ? l(t.TreeSelect, e._g(e._b({ 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 } }, "TreeSelect", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "date-picker" ? l("el-date-picker", 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-date-picker", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "date-range" ? l("el-date-picker", e._g(e._b({ attrs: { type: "daterange", "range-separator": "至", "start-placeholder": "开始日期", "end-placeholder": "结束日期", "value-format": "yyyy-MM-dd", 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-date-picker", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "switch" ? l("el-switch", e._g(e._b({ attrs: { 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-switch", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "cascader" ? l("el-cascader", 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-cascader", t.effectiveComponentProps, !1), t.effectiveComponentListeners)) : e.schema.component === "checkbox" ? l("el-checkbox-group", e._g(e._b({ attrs: { 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-checkbox-group", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(a) {
+    return l("el-checkbox", { key: String(a.value), attrs: { label: a.value } }, [e._v(" " + e._s(a.label) + " ")]);
+  }), 1) : e.schema.component === "radio" ? l("el-radio-group", e._g(e._b({ attrs: { 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-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();
-}, He = [], Ge = /* @__PURE__ */ se(
-  Ne,
-  je,
-  He,
+}, lt = [], ot = /* @__PURE__ */ ae(
+  et,
+  tt,
+  lt,
   !1,
   null,
-  "cfc968c5",
+  "2227d67d",
   null,
   null
 );
-const ke = Ge.exports, Ue = /* @__PURE__ */ Z({
+const Te = ot.exports, at = /* @__PURE__ */ ee({
   __name: "FormActions",
   props: {
     showActionButtonGroup: { type: Boolean, default: !0 },
@@ -586,28 +812,28 @@ const ke = Ge.exports, Ue = /* @__PURE__ */ Z({
     actionColOptions: null
   },
   emits: ["submit", "reset", "toggle"],
-  setup(A) {
+  setup(x) {
     return { __sfc: !0 };
   }
 });
-var Xe = function() {
+var nt = 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);
-}, Ze = [], Je = /* @__PURE__ */ se(
-  Ue,
-  Xe,
-  Ze,
+}, st = [], rt = /* @__PURE__ */ ae(
+  at,
+  nt,
+  st,
   !1,
   null,
   "489c88d2",
   null,
   null
 );
-const Te = Je.exports, Qe = /* @__PURE__ */ Z({
+const De = rt.exports, it = /* @__PURE__ */ ee({
   __name: "ProForm",
   props: {
     schemas: null,
@@ -634,256 +860,256 @@ const Te = Je.exports, Qe = /* @__PURE__ */ Z({
     submitFunc: null,
     resetFunc: null,
     submitOnReset: { type: Boolean, default: !1 },
-    formListeners: null
+    formListeners: null,
+    components: null
   },
   emits: ["submit", "reset", "register"],
-  setup(A, { expose: e, emit: l }) {
-    const t = A, n = ye(), i = M(), P = M(), z = M(!1), s = M(!0), v = M({}), h = M({}), c = M([]), b = M({}), k = { xl: 1920, lg: 1200, md: 992, sm: 768 }, p = (r, g, C) => {
-      const w = C ?? (typeof window < "u" ? window.innerWidth : 1920), _ = r ?? {}, T = g ?? {}, E = T.span ?? 8;
-      return w >= k.xl ? _.xl ?? T.xl ?? _.lg ?? T.lg ?? _.md ?? T.md ?? _.sm ?? T.sm ?? _.xs ?? T.xs ?? _.span ?? E : w >= k.lg ? _.lg ?? T.lg ?? _.md ?? T.md ?? _.sm ?? T.sm ?? _.xs ?? T.xs ?? _.span ?? E : w >= k.md ? _.md ?? T.md ?? _.sm ?? T.sm ?? _.xs ?? T.xs ?? _.span ?? E : w >= k.sm ? _.sm ?? T.sm ?? _.xs ?? T.xs ?? _.span ?? E : _.xs ?? T.xs ?? _.span ?? E;
-    }, { getSetting: y } = Fe(), R = B(() => ({ ...y("ProForm"), ...t, ...b.value })), x = B(() => R.value.actionColOptions ?? { span: 24 }), f = M(typeof window < "u" ? window.innerWidth : 1920), d = (r, g, C, w) => {
-      let _ = 24, T = 1, E = 0;
-      for (const N of r) {
-        const G = p(N.colProps, g, w);
-        if (G > _) {
-          if (T++, T > C)
+  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 ?? {},
+      ...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)
             break;
-          _ = 24 - G;
+          w = 24 - ne;
         } else
-          _ -= G;
-        E++;
+          w -= ne;
+        H++;
       }
-      return E;
-    }, O = B(() => {
-      const r = c.value.filter((_) => H(_));
-      if (!R.value.showAdvancedButton)
+      return H;
+    }, I = R(() => {
+      const i = u.value.filter((w) => g(w));
+      if (!A.value.showAdvancedButton)
         return !1;
-      const g = R.value.alwaysShowLines ?? 1, C = R.value.baseColProps, w = d(r, C, g, f.value);
-      return console.log(r.length, w), r.length > w;
-    }), j = B(() => R.value.formListeners ?? {}), D = B(() => {
-      const r = c.value.filter((_) => H(_));
-      if (!R.value.showAdvancedButton || !s.value)
-        return r;
-      const g = R.value.alwaysShowLines ?? 1, C = R.value.baseColProps, w = d(r, C, g, f.value);
-      return r.slice(0, w);
-    }), H = (r) => {
-      let g = !0, C = !0;
-      return typeof r.ifShow == "function" && (g = r.ifShow({ schema: r, values: v.value, model: v.value, field: r.field })), typeof r.ifShow == "boolean" && (g = r.ifShow), typeof r.show == "function" && (C = r.show({ schema: r, values: v.value, model: v.value, field: r.field })), typeof r.show == "boolean" && (C = r.show), g && C;
-    }, ee = (r) => r.colProps ?? R.value.baseColProps ?? {}, re = (r) => r.slot || r.field, L = () => {
-      const r = {}, g = {}, C = R.value.initialValues ?? t.initialValues;
-      c.value.forEach((w) => {
-        var _;
-        r[w.field] = w.defaultValue ?? (C == null ? void 0 : C[w.field]), (_ = w.rules) != null && _.length && (g[w.field] = w.rules);
-      }), v.value = { ...v.value, ...r }, h.value = g;
-    }, J = (r) => {
-      const g = { ...r };
-      return c.value.forEach((C) => {
-        const w = C.ifShow;
-        if (w === void 0)
+      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)
+        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)
           return;
-        (typeof w == "boolean" ? w : w({ schema: C, values: r, model: r, field: C.field })) || delete g[C.field];
-      }), g;
-    }, Q = (r) => {
-      const g = J(r), C = b.value.fieldMapToTime;
-      if (!(C != null && C.length))
-        return g;
-      const w = { ...g };
-      return C.forEach(([_, [T, E]]) => {
-        const N = w[_];
-        Array.isArray(N) && N.length === 2 && (delete w[_], w[T] = N[0], w[E] = N[1]);
-      }), w;
-    }, W = async () => {
-      var r;
+        (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 () => {
+      var i;
       try {
-        await ((r = i.value) == null ? void 0 : r.validate()), R.value.submitFunc ? await R.value.submitFunc() : (z.value = !0, l("submit", Q({ ...v.value })));
-      } catch (g) {
-        console.error("Form validation failed:", g);
+        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:", _);
       } finally {
-        z.value = !1;
+        P.value = !1;
       }
-    }, ie = async () => {
-      var r;
-      R.value.resetFunc ? await R.value.resetFunc() : ((r = i.value) == null || r.resetFields(), L(), l("reset"), R.value.submitOnReset && await W());
-    }, Y = (r) => (v.value = { ...v.value, ...r }, Promise.resolve()), V = () => Q({ ...v.value }), ce = async () => {
-      var r;
-      (r = i.value) == null || r.resetFields(), L();
-    }, ue = (r) => {
-      var g;
-      return ((g = i.value) == null ? void 0 : g.validate(r)) ?? Promise.resolve();
-    }, de = (r) => i.value ? r != null && r.length ? Promise.all(r.map((g) => new Promise((C, w) => {
-      i.value.validateField(g, (_) => _ ? C(void 0) : w(new Error("Validation failed")));
-    }))) : i.value.validate() : Promise.resolve(), fe = async (r, g) => {
-      var w;
-      const C = (w = P.value) == null ? void 0 : w.querySelector(`[data-field="${r}"]`);
-      return C && C.scrollIntoView({ behavior: (g == null ? void 0 : g.behavior) ?? "smooth", block: (g == null ? void 0 : g.block) ?? "nearest" }), Promise.resolve();
-    }, pe = (r) => {
-      var g;
-      (g = i.value) == null || g.clearValidate(r);
-    }, me = async (r) => {
-      (Array.isArray(r) ? r : [r]).forEach((C) => {
-        const w = c.value.findIndex((_) => _.field === C.field);
-        w >= 0 && (c.value[w] = { ...c.value[w], ...C });
+    }, Y = 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 () => {
+      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 });
       });
-    }, K = async (r, g, C) => {
-      if (C)
-        c.value.unshift(r);
-      else if (g) {
-        const w = c.value.findIndex((_) => _.field === g);
-        c.value.splice(w + 1, 0, r);
+    }, 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);
       } else
-        c.value.push(r);
-      L();
-    }, ve = async (r) => {
-      const g = Array.isArray(r) ? r : [r];
-      c.value = c.value.filter((C) => !g.includes(C.field));
-    }, he = async (r) => {
-      if (b.value = { ...b.value, ...r }, r.schemas) {
-        c.value = [...r.schemas];
-        debugger;
-        L();
-      }
-    }, te = {
-      getFieldsValue: V,
-      setFieldsValue: Y,
-      resetFields: ce,
-      validate: ue,
-      validateFields: de,
-      submit: W,
-      scrollToField: fe,
-      clearValidate: pe,
-      updateSchema: me,
-      appendSchemaByField: K,
-      removeSchemaByField: ve,
-      setProps: he
+        u.value.push(i);
+      W();
+    }, he = async (i) => {
+      const _ = Array.isArray(i) ? i : [i];
+      u.value = u.value.filter((S) => !_.includes(S.field));
+    }, be = async (i) => {
+      D.value = { ...D.value, ...i }, i.schemas && (u.value = [...i.schemas], W());
+    }, J = {
+      getFieldsValue: te,
+      setFieldsValue: j,
+      resetFields: ue,
+      validate: de,
+      validateFields: fe,
+      submit: q,
+      scrollToField: pe,
+      clearValidate: ve,
+      updateSchema: Z,
+      appendSchemaByField: me,
+      removeSchemaByField: he,
+      setProps: be
     };
-    e(te);
-    const q = () => {
-      c.value = [...t.schemas ?? []], L();
-    }, oe = () => {
-      typeof window < "u" && (f.value = window.innerWidth);
+    e(J);
+    const se = () => {
+      u.value = [...t.schemas ?? []], W();
+    }, re = () => {
+      typeof window < "u" && (d.value = window.innerWidth);
     };
-    return xe(() => {
-      q(), l("register", te), typeof window < "u" && window.addEventListener("resize", oe);
+    return we(() => {
+      se(), l("register", J), typeof window < "u" && window.addEventListener("resize", re);
     }), Re(() => {
-      typeof window < "u" && window.removeEventListener("resize", oe);
-    }), ae(() => [t.schemas, t.initialValues], q, { deep: !0 }), { __sfc: !0, props: t, emit: l, slots: n, formRef: i, formWrapRef: P, submitLoading: z, collapsed: s, formModel: v, formRules: h, innerSchemas: c, innerProps: b, BREAKPOINTS: k, getEffectiveSpan: p, getComponentSetting: y, effectiveProps: R, effectiveActionColOptions: x, windowWidth: f, getVisibleSchemaCount: d, hasMoreFields: O, formListeners: j, displaySchemas: D, shouldShow: H, getColProps: ee, getSlotName: re, initForm: L, filterByIfShow: J, processFieldMapToTime: Q, handleSubmit: W, handleReset: ie, setFieldsValue: Y, getFieldsValue: V, resetFields: ce, validate: ue, validateFields: de, scrollToField: fe, clearValidate: pe, updateSchema: me, appendSchemaByField: K, removeSchemaByField: ve, setProps: he, formActionRef: te, syncSchemas: q, handleResize: oe, ProFormItem: ke, FormActions: Te };
+      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 };
   }
 });
-var Ye = function() {
+var ct = 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(n) {
-    var i, P;
-    return [t.shouldShow(n) ? l("el-col", e._b({ key: n.field, attrs: { offset: ((i = n.colProps) == null ? void 0 : i.offset) ?? ((P = t.effectiveProps.baseColProps) == null ? void 0 : P.offset) ?? 0, "data-field": n.field } }, "el-col", t.getColProps(n), !1), [l(t.ProFormItem, { attrs: { schema: n, "form-model": t.formModel, "form-disabled": t.effectiveProps.disabled, "auto-placeholder": t.effectiveProps.autoSetPlaceholder, "form-action-type": t.formActionRef } }, [t.slots[t.getSlotName(n)] ? [e._t(t.getSlotName(n), null, { model: t.formModel, schema: n, field: n.field, values: t.formModel })] : 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(n) {
+  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()];
+  }), 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(n) {
+  } } }, [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);
-}, et = [], tt = /* @__PURE__ */ se(
-  Qe,
-  Ye,
-  et,
+}, ut = [], dt = /* @__PURE__ */ ae(
+  it,
+  ct,
+  ut,
   !1,
   null,
-  "140fc052",
+  "4ee1cb87",
   null,
   null
 );
-const Me = tt.exports;
-function rt(A) {
-  const e = M(null), l = M(A ? we(A) : void 0), t = () => A ? we(A) : void 0, n = (f) => {
-    e.value = f;
+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 d = t();
-    debugger;
-    d && Object.keys(d).length > 0 && f.setProps(d);
+    d && Object.keys(d).length > 0 && v.setProps(d);
   };
-  return A && ae(
+  return x && U(
     () => t(),
-    (f) => {
-      l.value = f, f && e.value && e.value.setProps(f);
+    (v) => {
+      l.value = v, v && e.value && e.value.setProps(v);
     },
     { deep: !0 }
-  ), [n, {
-    register: n,
+  ), [a, {
+    register: a,
     formAction: e,
     getFieldsValue: () => {
-      var f;
-      return ((f = e.value) == null ? void 0 : f.getFieldsValue()) ?? {};
+      var v;
+      return ((v = e.value) == null ? void 0 : v.getFieldsValue()) ?? {};
     },
-    setFieldsValue: async (f) => {
+    setFieldsValue: async (v) => {
       var d;
-      await ((d = e.value) == null ? void 0 : d.setFieldsValue(f));
+      await ((d = e.value) == null ? void 0 : d.setFieldsValue(v));
     },
     resetFields: async () => {
-      var f;
-      await ((f = e.value) == null ? void 0 : f.resetFields());
+      var v;
+      await ((v = e.value) == null ? void 0 : v.resetFields());
     },
-    validate: (f) => {
+    validate: (v) => {
       var d;
-      return ((d = e.value) == null ? void 0 : d.validate(f)) ?? Promise.resolve();
+      return ((d = e.value) == null ? void 0 : d.validate(v)) ?? Promise.resolve();
     },
-    validateFields: (f) => {
+    validateFields: (v) => {
       var d;
-      return ((d = e.value) == null ? void 0 : d.validateFields(f)) ?? Promise.resolve();
+      return ((d = e.value) == null ? void 0 : d.validateFields(v)) ?? Promise.resolve();
     },
     submit: () => {
-      var f;
-      return ((f = e.value) == null ? void 0 : f.submit()) ?? Promise.resolve();
+      var v;
+      return ((v = e.value) == null ? void 0 : v.submit()) ?? Promise.resolve();
     },
-    scrollToField: (f, d) => {
-      var O;
-      return ((O = e.value) == null ? void 0 : O.scrollToField(f, d)) ?? Promise.resolve();
+    scrollToField: (v, d) => {
+      var z;
+      return ((z = e.value) == null ? void 0 : z.scrollToField(v, d)) ?? Promise.resolve();
     },
-    clearValidate: (f) => {
+    clearValidate: (v) => {
       var d;
-      (d = e.value) == null || d.clearValidate(f);
+      (d = e.value) == null || d.clearValidate(v);
     },
-    updateSchema: (f) => {
+    updateSchema: (v) => {
       var d;
-      return ((d = e.value) == null ? void 0 : d.updateSchema(f)) ?? Promise.resolve();
+      return ((d = e.value) == null ? void 0 : d.updateSchema(v)) ?? Promise.resolve();
     },
-    appendSchemaByField: (f, d, O) => {
-      var j;
-      return ((j = e.value) == null ? void 0 : j.appendSchemaByField(f, d, O)) ?? Promise.resolve();
+    appendSchemaByField: (v, d, z) => {
+      var I;
+      return ((I = e.value) == null ? void 0 : I.appendSchemaByField(v, d, z)) ?? Promise.resolve();
     },
-    removeSchemaByField: (f) => {
+    removeSchemaByField: (v) => {
       var d;
-      return ((d = e.value) == null ? void 0 : d.removeSchemaByField(f)) ?? Promise.resolve();
+      return ((d = e.value) == null ? void 0 : d.removeSchemaByField(v)) ?? Promise.resolve();
     },
-    setProps: async (f) => {
+    setProps: async (v) => {
       var d;
-      l.value = { ...l.value, ...f }, await ((d = e.value) == null ? void 0 : d.setProps(f));
+      l.value = { ...l.value, ...v }, await ((d = e.value) == null ? void 0 : d.setProps(v));
     }
   }];
 }
-const ot = [
-  { name: "ProTable", component: Be },
-  { name: "TableAction", component: Ae },
+const ft = [
+  { name: "ProTable", component: Ae },
+  { name: "TableAction", component: ke },
   { name: "ProForm", component: Me },
-  { name: "ProFormItem", component: ke },
-  { name: "FormActions", component: Te }
+  { name: "ProFormItem", component: Te },
+  { name: "FormActions", component: De }
 ];
-function lt(A) {
-  ot.forEach(({ name: e, component: l }) => {
-    A.component(e, l);
+function pt(x) {
+  ft.forEach(({ name: e, component: l }) => {
+    x.component(e, l);
   });
 }
-const it = {
-  install: lt,
-  ProTable: Be,
+const _t = {
+  install: pt,
+  ProTable: Ae,
   ProForm: Me,
-  TableAction: Ae
+  TableAction: ke
 };
 export {
-  Te as FormActions,
+  De as FormActions,
   Me as ProForm,
-  ke as ProFormItem,
-  Be as ProTable,
-  Ae as TableAction,
-  it as default,
-  lt as install,
-  Fe as useComponentSetting,
-  rt as useForm,
-  st as useProTable
+  Te as ProFormItem,
+  Ae as ProTable,
+  ke as TableAction,
+  _t as default,
+  pt as install,
+  Be as useComponentSetting,
+  bt as useForm,
+  ht as useProTable
 };
 //# sourceMappingURL=element-component-pro.es.js.map