@aspire-ui/element-component-pro 1.0.1 → 1.0.3

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

@@ -1,132 +1,787 @@
-import { defineComponent as W, useSlots as te, computed as w, h as ce, ref as g, onMounted as fe, onUnmounted as ue, watch as oe, unref as ee } from "vue";
-const de = /* @__PURE__ */ W({
+import { reactive as $e, defineComponent as ee, h as ce, useSlots as Ce, ref as A, computed as B, onMounted as we, nextTick as Fe, onUnmounted as Re, watch as U, unref as ye } from "vue";
+import { MessageBox as ze } from "element-ui";
+const ge = $e({});
+function Be() {
+  return {
+    getSetting: (l) => l === void 0 ? { ...ge } : { ...ge[l] ?? {} },
+    setSetting: (l, t) => {
+      const a = ge[l];
+      ge[l] = a ? { ...a, ...t } : { ...t };
+    }
+  };
+}
+const Ee = /* @__PURE__ */ ee({
+  __name: "ProTable",
+  props: {
+    columns: null,
+    dataSource: null,
+    api: null,
+    rowKey: { default: "id" },
+    title: null,
+    titleHelpMessage: null,
+    bordered: { type: Boolean, default: !1 },
+    striped: { type: Boolean, default: !0 },
+    size: { default: "medium" },
+    loading: { type: Boolean, default: !1 },
+    maxHeight: null,
+    height: null,
+    ellipsis: { type: Boolean, default: !0 },
+    showIndexColumn: { type: Boolean, default: !0 },
+    indexColumnProps: null,
+    actionColumn: null,
+    rowSelection: null,
+    clearSelectOnPageChange: { type: Boolean, default: !1 },
+    pagination: { type: [Boolean, Object], default: () => ({ pageSize: 10, pageSizes: [10, 20, 50, 100] }) },
+    tableSetting: { default: () => ({ redo: !0 }) },
+    fetchSetting: { default: () => ({
+      pageField: "page",
+      sizeField: "pageSize",
+      listField: "list",
+      totalField: "total"
+    }) },
+    beforeFetch: null,
+    afterFetch: null,
+    immediate: { type: Boolean, default: !0 },
+    searchInfo: null,
+    defaultSort: null,
+    tableProps: null,
+    rowClassName: null,
+    spanMethod: null,
+    treeProps: null,
+    defaultExpandAll: { type: Boolean },
+    expandRowKeys: null,
+    lazy: { type: Boolean },
+    load: null
+  },
+  emits: ["register", "fetch-success", "fetch-error", "selection-change", "row-click", "row-dblclick", "sort-change", "expand-change"],
+  setup(F, { expose: e, emit: l }) {
+    const t = F, a = ee({
+      name: "EcpProTableDefaultCellRenderer",
+      props: {
+        column: { type: Object, required: !0 },
+        record: { type: Object, required: !0 },
+        index: { type: Number, required: !0 },
+        value: { required: !1 }
+      },
+      setup(o) {
+        return () => {
+          var d, b;
+          const n = o.column;
+          if (n != null && n.customRender) {
+            const D = n.customRender({ text: o.value, record: o.record, index: o.index });
+            return typeof D == "string" || typeof D == "number" ? ce("span", String(D)) : D;
+          }
+          if (n != null && n.valueEnum) {
+            const D = ((b = (d = n.valueEnum) == null ? void 0 : d[o.value]) == null ? void 0 : b.text) ?? o.value;
+            return ce("span", D == null ? "" : String(D));
+          }
+          return ce("span", o.value == null ? "" : String(o.value));
+        };
+      }
+    }), y = ee({
+      name: "EcpProTableBodyCellRenderer",
+      props: {
+        slotRender: { type: Function, required: !0 },
+        column: { type: Object, required: !0 },
+        record: { type: Object, required: !0 },
+        index: { type: Number, required: !0 },
+        value: { required: !1 },
+        customRender: { type: Function, required: !1 },
+        valueEnum: { type: Object, required: !1 }
+      },
+      setup(o) {
+        return () => {
+          const n = o.slotRender, d = n == null ? void 0 : n({ column: o.column, record: o.record, index: o.index, value: o.value });
+          if (((L) => L == null ? [] : Array.isArray(L) ? L.filter((G) => G != null && G !== !1 && !G.isComment) : [L])(d).length > 0)
+            return d;
+          const R = { ...o.column };
+          return o.customRender && (R.customRender = o.customRender), o.valueEnum && (R.valueEnum = o.valueEnum), ce(a, { props: { column: R, record: o.record, index: o.index, value: o.value } });
+        };
+      }
+    }), r = Ce(), C = A(), s = A(), v = A(0), h = A(t.loading ?? !1), c = A([]), m = A({}), k = A([]), z = A({}), x = A([]), T = A(null), u = A({
+      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 } = Be(), p = B(() => ({ ...f("ProTable"), ...t, ...z.value })), O = B(() => !!p.value.title || !!r.tableTitle || !!r.toolbar), K = B(() => T.value !== null ? T.value : !!t.pagination && typeof t.pagination == "object"), M = B(() => p.value.rowKey || "id"), N = B(() => new Set(x.value.map((o) => o[M.value]))), g = B(
+      () => k.value.filter((o) => !o.hideInTable && !o.defaultHidden)
+    ), E = B(() => {
+      var n, d;
+      let o = 0;
+      return p.value.rowSelection && (o += Number(p.value.rowSelection.width) || 48), p.value.showIndexColumn && (o += Number((n = p.value.indexColumnProps) == null ? void 0 : n.width) || 60), p.value.actionColumn && (o += Number((d = p.value.actionColumn) == null ? void 0 : d.width) || 150), o;
+    }), I = (o) => typeof o == "number" && o > 0, W = B(() => g.value.filter((n) => Y(n) && I(n.width)).reduce((n, d) => n + (typeof d.width == "number" ? d.width : 0), 0)), X = B(() => g.value.filter((n) => Y(n) && typeof n.width == "string").reduce((n, d) => n + (Number(q(d)) || 80), 0)), V = (o) => o == null ? null : typeof o == "number" ? o : parseInt(String(o).replace(/px$/i, ""), 10) || null, q = (o) => {
+      const n = o.width;
+      if (I(n) && W.value > 0 && v.value > 0 && typeof n == "number") {
+        const d = v.value - E.value - X.value;
+        let b = Math.floor(d * n / W.value);
+        const D = V(o.minWidth) ?? 60, R = V(o.maxWidth);
+        return b = Math.max(D, b), R != null && (b = Math.min(R, b)), b;
+      }
+      if (typeof n == "string") {
+        const d = V(n) ?? 80, b = V(o.minWidth), D = V(o.maxWidth);
+        let R = d;
+        return b != null && (R = Math.max(b, R)), D != null && (R = Math.min(D, R)), R;
+      }
+      return o.width;
+    }, Y = (o) => o.ifShow === !1 ? !1 : typeof o.ifShow == "function" ? o.ifShow({ column: o }) : !0, j = B(() => {
+      var n;
+      const o = (n = p.value.rowSelection) == null ? void 0 : n.getCheckboxProps;
+      return o ? c.value.filter((d) => {
+        var b;
+        return !((b = o(d)) != null && b.disabled);
+      }) : c.value;
+    }), te = B(() => j.value.length > 0), ue = B(() => j.value.length === 0 ? !1 : j.value.every((o) => N.value.has(o[M.value]))), de = B(() => {
+      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, d, b;
+      return ((b = (d = (n = p.value.rowSelection) == null ? void 0 : n.getCheckboxProps) == null ? void 0 : d.call(n, o)) == null ? void 0 : b.disabled) ?? !1;
+    }, ve = (o) => {
+      var n, d, b;
+      return ((b = (d = (n = p.value.rowSelection) == null ? void 0 : n.getRadioProps) == null ? void 0 : d.call(n, o)) == null ? void 0 : b.disabled) ?? !1;
+    }, Z = () => {
+      const o = x.value.map((n) => n[M.value]);
+      l("selection-change", { keys: o, rows: x.value });
+    }, me = (o, n) => {
+      const d = o[M.value];
+      n ? x.value = [...x.value.filter((b) => b[M.value] !== d), o] : x.value = x.value.filter((b) => b[M.value] !== d), Z();
+    }, he = (o) => {
+      x.value = [o], Z();
+    }, be = (o) => {
+      if (o) {
+        const n = new Set(x.value.map((b) => b[M.value])), d = j.value.filter((b) => !n.has(b[M.value]));
+        x.value = [...x.value, ...d];
+      } else {
+        const n = new Set(c.value.map((d) => d[M.value]));
+        x.value = x.value.filter((d) => !n.has(d[M.value]));
+      }
+      Z();
+    }, J = async (o) => {
+      if (!t.api) {
+        if (t.dataSource)
+          return;
+        c.value = [];
+        return;
+      }
+      h.value = !0;
+      try {
+        const n = p.value.fetchSetting ?? {}, d = n.pageField ?? "page", b = n.sizeField ?? "pageSize", D = n.listField ?? "list", R = n.totalField ?? "total", L = {
+          [d]: (o == null ? void 0 : o.page) ?? u.value.page,
+          [b]: (o == null ? void 0 : o.pageSize) ?? u.value.pageSize,
+          ...t.searchInfo,
+          ...o == null ? void 0 : o.searchInfo
+        };
+        (o == null ? void 0 : o.page) != null && (u.value.page = o.page), (o == null ? void 0 : o.pageSize) != null && (u.value.pageSize = o.pageSize);
+        const G = t.beforeFetch ? t.beforeFetch(L) : L, Pe = await t.api(G);
+        m.value = Pe || {};
+        const _e = t.afterFetch ? t.afterFetch(Pe) : Pe, Se = _e[D] ?? _e.items ?? _e.list ?? [], xe = _e[R] ?? 0;
+        c.value = Se, u.value.total = xe, l("fetch-success", { items: Se, total: xe });
+      } catch (n) {
+        l("fetch-error", n);
+      } finally {
+        h.value = !1;
+      }
+    }, se = () => J(void 0), re = (o) => {
+      p.value.clearSelectOnPageChange && (x.value = []), u.value.pageSize = o, u.value.page = 1, J(void 0);
+    }, i = (o) => {
+      p.value.clearSelectOnPageChange && (x.value = []), u.value.page = o, J(void 0);
+    }, _ = (o, n, d) => l("row-click", o, d), S = (o, n, d) => l("row-dblclick", o, d), P = ({ prop: o, order: n }) => l("sort-change", { prop: o, order: n }), w = (o, n) => l("expand-change", o, n), $ = (o) => c.value.findIndex((n) => n[M.value] === o), H = {
+      setProps: (o) => {
+        z.value = { ...z.value, ...o };
+      },
+      reload: (o) => J(o),
+      redoHeight: () => {
+        var o, n;
+        (n = (o = C.value) == null ? void 0 : o.doLayout) == null || n.call(o);
+      },
+      setLoading: (o) => {
+        h.value = o;
+      },
+      getDataSource: () => c.value,
+      getRawDataSource: () => m.value,
+      setTableData: (o) => {
+        c.value = o ?? [];
+      },
+      getColumns: () => k.value,
+      setColumns: (o) => {
+        if (Array.isArray(o) && o.length > 0 && typeof o[0] == "string") {
+          const n = o, d = (t.columns ?? []).filter((D) => n.includes(D.key ?? D.dataIndex)), b = n.map((D) => d.find((R) => (R.key ?? R.dataIndex) === D)).filter(Boolean);
+          b.length && (k.value = b);
+        } else
+          k.value = o ?? [];
+      },
+      setPagination: (o) => {
+        o != null && o.page && (u.value.page = o.page), o != null && o.pageSize && (u.value.pageSize = o.pageSize), (o == null ? void 0 : o.total) !== void 0 && (u.value.total = o.total);
+      },
+      getSelectRowKeys: () => x.value.map((o) => o[M.value]),
+      getSelectRows: () => x.value,
+      clearSelectedRowKeys: () => {
+        x.value = [], Z();
+      },
+      setSelectedRowKeys: (o) => {
+        const n = new Set(o), d = c.value.filter((b) => n.has(b[M.value]));
+        o.forEach((b) => {
+          d.some((D) => D[M.value] === b) || d.push({ [M.value]: b });
+        }), x.value = d, Z();
+      },
+      deleteSelectRowByKey: (o) => {
+        x.value = x.value.filter((n) => n[M.value] !== o), Z();
+      },
+      updateTableData: (o, n, d) => {
+        o < 0 || o >= c.value.length || (c.value = [...c.value], c.value[o] = { ...c.value[o], [n]: d });
+      },
+      updateTableDataRecord: (o, n) => {
+        const d = $(o);
+        if (!(d < 0))
+          return c.value = [...c.value], c.value[d] = { ...c.value[d], ...n }, c.value[d];
+      },
+      deleteTableDataRecord: (o) => {
+        const n = Array.isArray(o) ? o : [o], d = new Set(n);
+        c.value = c.value.filter((b) => !d.has(b[M.value]));
+      },
+      insertTableDataRecord: (o, n) => {
+        const d = [...c.value];
+        return n == null || n >= d.length ? d.push(o) : d.splice(n, 0, o), c.value = d, o;
+      },
+      getPaginationRef: () => K.value ? { page: u.value.page, pageSize: Number(u.value.pageSize) || 10, total: u.value.total } : !1,
+      getShowPagination: () => K.value,
+      setShowPagination: (o) => {
+        T.value = o;
+      },
+      getRowSelection: () => p.value.rowSelection,
+      expandAll: () => {
+        var b;
+        const o = ((b = p.value.treeProps) == null ? void 0 : b.children) ?? "children", n = (D) => {
+          const R = [];
+          return D.forEach((L) => {
+            R.push(L);
+            const G = L[o];
+            Array.isArray(G) && G.length > 0 && R.push(...n(G));
+          }), R;
+        };
+        n(c.value).forEach((D) => {
+          var R, L;
+          return (L = (R = C.value) == null ? void 0 : R.toggleRowExpansion) == null ? void 0 : L.call(R, D, !0);
+        });
+      },
+      collapseAll: () => {
+        var b;
+        const o = ((b = p.value.treeProps) == null ? void 0 : b.children) ?? "children", n = (D) => {
+          const R = [];
+          return D.forEach((L) => {
+            R.push(L);
+            const G = L[o];
+            Array.isArray(G) && G.length > 0 && R.push(...n(G));
+          }), R;
+        };
+        n(c.value).forEach((D) => {
+          var R, L;
+          return (L = (R = C.value) == null ? void 0 : R.toggleRowExpansion) == null ? void 0 : L.call(R, D, !1);
+        });
+      }
+    };
+    e(H);
+    const Q = () => {
+      k.value = [...t.columns ?? []];
+    }, ne = () => {
+      t.api && p.value.immediate !== !1 ? J(void 0) : t.dataSource && (c.value = [...t.dataSource], !t.api && t.pagination !== !1 && (u.value.total = t.dataSource.length));
+    }, ie = () => {
+      s.value && (v.value = s.value.offsetWidth || 0);
+    };
+    let le = null, oe = null;
+    return we(() => {
+      Q(), l("register", H), ne(), typeof window < "u" && (window.addEventListener("resize", ie), le = new ResizeObserver(ie), Fe(() => {
+        ie(), oe = s.value, oe && (le == null || le.observe(oe));
+      }));
+    }), Re(() => {
+      typeof window < "u" && (window.removeEventListener("resize", ie), le && oe && (le.unobserve(oe), oe = null));
+    }), U(() => t.columns, Q, { deep: !0 }), U(() => t.dataSource, () => {
+      !t.api && t.dataSource && (c.value = [...t.dataSource]);
+    }, { deep: !0 }), U(() => t.loading, (o) => {
+      h.value = o ?? !1;
+    }), { __sfc: !0, DefaultCellRenderer: a, BodyCellRenderer: y, props: t, emit: l, slots: r, tableRef: C, tableWrapRef: s, containerWidth: v, loading: h, innerData: c, rawDataSource: m, innerColumns: k, innerProps: z, selectedRows: x, showPaginationRef: T, pagination: u, getComponentSetting: f, effectiveProps: p, showTitleBar: O, showPagination: K, rowKeyField: M, selectedKeysSet: N, displayColumns: g, fixedColumnsWidth: E, isRatioWidth: I, totalRatio: W, fixedDataColumnsWidth: X, parseWidthPx: V, 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: P, handleExpandChange: w, findRowIndex: $, tableAction: H, syncColumns: Q, loadData: ne, updateContainerWidth: ie, resizeObserver: le, observedEl: oe };
+  }
+});
+function ae(F, e, l, t, a, y, r, C) {
+  var s = typeof F == "function" ? F.options : F;
+  e && (s.render = e, s.staticRenderFns = l, s._compiled = !0), t && (s.functional = !0), y && (s._scopeId = "data-v-" + y);
+  var v;
+  if (r ? (v = function(m) {
+    m = m || // cached call
+    this.$vnode && this.$vnode.ssrContext || // stateful
+    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !m && typeof __VUE_SSR_CONTEXT__ < "u" && (m = __VUE_SSR_CONTEXT__), a && a.call(this, m), m && m._registeredComponents && m._registeredComponents.add(r);
+  }, s._ssrRegister = v) : a && (v = C ? function() {
+    a.call(
+      this,
+      (s.functional ? this.parent : this).$root.$options.shadowRoot
+    );
+  } : a), v)
+    if (s.functional) {
+      s._injectStyles = v;
+      var h = s.render;
+      s.render = function(k, z) {
+        return v.call(z), h(k, z);
+      };
+    } else {
+      var c = s.beforeCreate;
+      s.beforeCreate = c ? [].concat(c, v) : [v];
+    }
+  return {
+    exports: F,
+    options: s
+  };
+}
+var Ie = function() {
+  var a, y, r, C;
+  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))]);
+  }), 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) {
+      return t.handleRadioSelect(s.row);
+    } }, nativeOn: { click: function(h) {
+      h.stopPropagation();
+    } } }, [l("span")])];
+  } }], null, !1, 983730649) }) : e._e(), t.effectiveProps.showIndexColumn ? l("el-table-column", { attrs: { type: "index", label: ((a = t.effectiveProps.indexColumnProps) == null ? void 0 : a.title) || "序号", width: ((y = t.effectiveProps.indexColumnProps) == null ? void 0 : y.width) || 60, fixed: (r = t.effectiveProps.indexColumnProps) == null ? void 0 : r.fixed, align: ((C = t.effectiveProps.indexColumnProps) == null ? void 0 : C.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))]);
+      }), 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] } })];
+    } }], 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()]);
+}, Le = [], Oe = /* @__PURE__ */ ae(
+  Ee,
+  Ie,
+  Le,
+  !1,
+  null,
+  "c5638c20",
+  null,
+  null
+);
+const Ae = Oe.exports, Ve = /* @__PURE__ */ ee({
+  __name: "TableAction",
+  props: {
+    actions: { default: () => [] },
+    dropDownActions: { default: () => [] },
+    stopButtonPropagation: { type: Boolean, default: !1 }
+  },
+  setup(F) {
+    const e = F, 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((c) => {
+      const { ifShow: m } = c;
+      return typeof m == "boolean" ? m : typeof m == "function" ? m(c) : !0;
+    }), y = B(() => a(e.actions || [])), r = B(() => a(e.dropDownActions || []));
+    return { __sfc: !0, props: e, normalizeTooltip: l, getButtonType: t, filterVisible: a, visibleActions: y, visibleDropDownActions: r, handleClick: (h, c) => {
+      var m;
+      e.stopButtonPropagation && c.stopPropagation(), (m = h.onClick) == null || m.call(h, c);
+    }, handlePopConfirm: (h, c, m) => {
+      var k, z, x, T;
+      e.stopButtonPropagation && m.stopPropagation(), h.popConfirm && (c === "confirm" ? (z = (k = h.popConfirm).confirm) == null || z.call(k) : (T = (x = h.popConfirm).cancel) == null || T.call(x));
+    }, handleDropdownCommand: (h) => {
+      var k;
+      const c = Number(h), m = r.value[c];
+      if (!(!m || m.disabled)) {
+        if (m.popConfirm) {
+          const z = m.popConfirm.title, x = m.popConfirm.okText || "确定", T = m.popConfirm.cancelText || "取消";
+          ze.confirm(z, "提示", {
+            confirmButtonText: x,
+            cancelButtonText: T,
+            type: "warning"
+          }).then(() => {
+            var u, f;
+            return (f = (u = m.popConfirm) == null ? void 0 : u.confirm) == null ? void 0 : f.call(u);
+          }).catch(() => {
+            var u, f;
+            return (f = (u = m.popConfirm) == null ? void 0 : u.cancel) == null ? void 0 : f.call(u);
+          });
+          return;
+        }
+        (k = m.onClick) == null || k.call(m, {});
+      }
+    } };
+  }
+});
+var Ke = function() {
+  var e = this, l = e._self._c, t = e._self._setupProxy;
+  return l("div", { staticClass: "ecp-table-action" }, [e._l(t.visibleActions, function(a, y) {
+    return l("span", { key: `action-${y}`, staticClass: "ecp-table-action__item" }, [a.popConfirm ? l("el-popconfirm", { attrs: { title: a.popConfirm.title, "confirm-button-text": a.popConfirm.okText || "确定", "cancel-button-text": a.popConfirm.cancelText || "取消" }, on: { confirm: (r) => t.handlePopConfirm(a, "confirm", r), cancel: (r) => t.handlePopConfirm(a, "cancel", 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: (r) => t.handleClick(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: (r) => t.handleClick(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);
+}, Ne = [], We = /* @__PURE__ */ ae(
+  Ve,
+  Ke,
+  Ne,
+  !1,
+  null,
+  "1b2d6c42",
+  null,
+  null
+);
+const ke = We.exports;
+function ht(F) {
+  const e = A(null), l = () => F ? ye(F) : void 0, t = () => {
+    const r = ye(e);
+    if (!r)
+      throw new Error("ProTable instance has not been registered");
+    return r;
+  }, a = (r) => {
+    e.value = r;
+    const C = l();
+    C && Object.keys(C).length > 0 && r.setProps(C);
+  };
+  return F && 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, C, s) => t().updateTableData(r, C, s),
+    updateTableDataRecord: (r, C) => t().updateTableDataRecord(r, C),
+    deleteTableDataRecord: (r) => t().deleteTableDataRecord(r),
+    insertTableDataRecord: (r, C) => t().insertTableDataRecord(r, C),
+    getPaginationRef: () => t().getPaginationRef(),
+    getShowPagination: () => t().getShowPagination(),
+    setShowPagination: (r) => t().setShowPagination(r),
+    getRowSelection: () => t().getRowSelection(),
+    expandAll: () => {
+      var r, C;
+      return (C = (r = t()).expandAll) == null ? void 0 : C.call(r);
+    },
+    collapseAll: () => {
+      var r, C;
+      return (C = (r = t()).collapseAll) == null ? void 0 : C.call(r);
+    }
+  }];
+}
+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(F) {
+    const e = F, l = A(!1), t = A([]), a = (r) => {
+      e.lazy && r && y();
+    }, y = async () => {
+      if (e.api) {
+        l.value = !0;
+        try {
+          const r = await e.api(e.params), C = Array.isArray(r) ? r : (r == null ? void 0 : r.list) ?? (r == null ? void 0 : r.data) ?? [], s = e.labelField ?? "label", v = e.valueField ?? "value";
+          t.value = C.map((h) => {
+            const c = h;
+            return {
+              label: String(c[s] ?? c.label ?? ""),
+              value: c[v] ?? c.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(F, { emit: e }) {
+    const l = F, t = A(), a = A(), y = A(!1), r = A(!1), C = A(""), s = A([]), v = A({}), h = B(() => ({
+      label: l.labelField,
+      children: l.childrenField
+    }));
+    function c(g) {
+      const E = l.labelField ?? "label", I = l.valueField ?? "value", W = l.childrenField ?? "children", X = g[W], V = {};
+      return V[l.labelField ?? "label"] = g[E] ?? g.label, V[l.valueField ?? "value"] = g[I] ?? g.value, Array.isArray(X) && X.length && (V[l.childrenField ?? "children"] = X.map((q) => c(q))), V;
+    }
+    function m(g, E = "") {
+      const I = {}, W = l.labelField ?? "label", X = l.valueField ?? "value", V = l.childrenField ?? "children";
+      for (const q of g) {
+        const Y = String(q[W] ?? q.label ?? ""), j = q[X] ?? q.value;
+        j != null && (I[String(j)] = E ? E + " / " + Y : Y);
+        const te = q[V] ?? q.children;
+        Array.isArray(te) && te.length && Object.assign(I, m(te, Y));
+      }
+      return I;
+    }
+    function k() {
+      const g = l.treeData;
+      return Array.isArray(g) && g.length > 0;
+    }
+    function z(g) {
+      s.value = g, v.value = m(g);
+    }
+    function x() {
+      const g = l.treeData;
+      if (!Array.isArray(g) || g.length === 0)
+        return;
+      const E = g.map((I) => c(I));
+      z(E);
+    }
+    const T = B(() => l.value == null || l.value === "" ? "" : v.value[String(l.value)] ?? String(l.value)), u = (g, E) => {
+      if (!g)
+        return !0;
+      const I = l.labelField ?? "label";
+      return String(E[I] ?? E.label ?? "").toLowerCase().includes(g.toLowerCase());
+    };
+    U(C, (g) => {
+      var E;
+      (E = a.value) == null || E.filter(g);
+    });
+    let f = null;
+    function p() {
+      l.disabled || (y.value = !0, l.lazy && !k() && N(), Fe(() => {
+        f = (g) => {
+          t.value && !t.value.contains(g.target) && O();
+        }, document.addEventListener("click", f);
+      }));
+    }
+    function O() {
+      y.value = !1, C.value = "", f && (document.removeEventListener("click", f), f = null);
+    }
+    function K() {
+      e("input", void 0);
+    }
+    function M(g) {
+      const E = l.valueField ?? "value", I = g[E] ?? g.value;
+      e("input", I), O();
+    }
+    async function N() {
+      if (!(!l.api || k())) {
+        r.value = !0;
+        try {
+          const g = await l.api(l.params), E = Array.isArray(g) ? g : (g == null ? void 0 : g.list) ?? (g == null ? void 0 : g.data) ?? [];
+          s.value = E.map((I) => c(I)), v.value = m(s.value);
+        } finally {
+          r.value = !1;
+        }
+      }
+    }
+    return we(() => {
+      k() ? x() : l.lazy || N();
+    }), U(() => l.treeData, () => {
+      k() ? x() : (s.value = [], v.value = {}, !l.lazy && l.api && N());
+    }, { deep: !0 }), U(() => l.api, () => {
+      k() || (l.lazy ? (s.value = [], v.value = {}) : N());
+    }, { deep: !0 }), U(() => l.params, () => {
+      k() || (l.lazy ? (s.value = [], v.value = {}) : N());
+    }, { deep: !0 }), { __sfc: !0, props: l, emit: e, rootRef: t, treeRef: a, dropdownVisible: y, loading: r, filterText: C, treeData: s, flatLabelMap: v, treeProps: h, normalizeNode: c, buildFlatLabelMap: m, hasTreeDataProp: k, applyTreeData: z, syncFromTreeDataProp: x, displayText: T, filterNodeMethod: u, clickOutsideHandler: f, openDropdown: p, closeDropdown: O, clearValue: K, 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(_) {
-    const e = _, l = te(), t = w(() => ({
+  setup(F) {
+    const e = F, l = /* @__PURE__ */ new Set([
+      "input",
+      "select",
+      "api-select",
+      "tree-select",
+      "date-picker",
+      "date-range",
+      "input-number",
+      "switch",
+      "cascader",
+      "checkbox",
+      "radio"
+    ]), t = Ce(), a = B(() => ({
       schema: e.schema,
       values: e.formModel,
       model: e.formModel,
       field: e.schema.field
-    })), s = w(() => {
-      const c = e.schema.ifShow;
-      return c === void 0 ? !0 : typeof c == "boolean" ? c : c(t.value);
-    }), b = w(() => {
-      const c = e.schema.show;
-      return c === void 0 ? !0 : typeof c == "boolean" ? c : c(t.value);
-    }), P = w(() => {
+    })), y = B(() => {
+      const u = e.schema.ifShow;
+      return u === void 0 ? !0 : typeof u == "boolean" ? u : u(a.value);
+    }), r = B(() => {
+      const u = e.schema.show;
+      return u === void 0 ? !0 : typeof u == "boolean" ? u : u(a.value);
+    }), C = B(() => {
       if (e.formDisabled)
         return !0;
-      const c = e.schema.dynamicDisabled;
-      return c === void 0 ? !1 : typeof c == "boolean" ? c : c(t.value);
-    }), C = w(() => {
-      const c = e.schema.dynamicRules;
-      return c ? Array.isArray(c) ? c : c(t.value) : e.schema.rules;
-    }), p = w(() => {
-      const c = e.schema.componentProps;
-      if (!c)
+      const u = e.schema.dynamicDisabled;
+      return u === void 0 ? !1 : typeof u == "boolean" ? u : u(a.value);
+    }), s = B(() => {
+      const u = e.schema.dynamicRules;
+      return u ? Array.isArray(u) ? u : u(a.value) : e.schema.rules;
+    }), v = B(() => {
+      const u = e.schema.componentProps;
+      if (!u)
         return { props: {}, listeners: {} };
-      const d = typeof c == "function" ? c({
-        ...t.value,
+      const f = typeof u == "function" ? u({
+        ...a.value,
         formActionType: e.formActionType
-      }) : { ...c }, R = {}, S = {};
-      for (const [n, u] of Object.entries(d))
-        if (n.length > 2 && /^on[A-Za-z]/.test(n) && typeof u == "function") {
-          const x = n.slice(2).charAt(0).toLowerCase() + n.slice(3);
-          S[x] = u;
+      }) : { ...u }, p = {}, O = {};
+      for (const [K, M] of Object.entries(f))
+        if (K.length > 2 && /^on[A-Za-z]/.test(K) && typeof M == "function") {
+          const N = K.slice(2).charAt(0).toLowerCase() + K.slice(3);
+          O[N] = M;
         } else
-          R[n] = u;
-      return { props: R, listeners: S };
-    }), m = w(() => p.value.props), M = w(() => p.value.listeners), v = w(() => !!l.default), y = (c) => {
-      const d = c == null ? void 0 : c.options;
-      return Array.isArray(d) ? d : void 0;
-    }, F = w(() => {
-      const c = e.schema.render;
-      return c ? {
+          p[K] = M;
+      return { props: p, listeners: O };
+    }), h = B(() => v.value.props), c = B(() => v.value.listeners), m = B(() => !!t.default), k = (u) => {
+      const f = u == null ? void 0 : u.options;
+      return Array.isArray(f) ? f : void 0;
+    }, z = B(() => {
+      const u = e.schema.component;
+      return u == null ? null : typeof u == "string" ? l.has(u) ? null : e.customComponents && e.customComponents[u] || u : u;
+    }), x = (u) => {
+      e.formModel[e.schema.field] = u;
+    }, T = B(() => {
+      const u = e.schema.render;
+      return u ? {
         render() {
-          const d = c(t.value);
-          return Array.isArray(d) ? ce("span", d) : d;
+          const f = u(a.value);
+          return Array.isArray(f) ? ce("span", f) : f;
         }
       } : null;
     });
-    return { __sfc: !0, props: e, slots: l, renderParams: t, shouldRender: s, shouldShow: b, effectiveDisabled: P, effectiveRules: C, effectiveComponentPropsAndListeners: p, effectiveComponentProps: m, effectiveComponentListeners: M, hasSlot: v, getOptions: y, renderComponent: F };
+    return { __sfc: !0, BUILT_IN_COMPONENTS: l, props: e, slots: t, renderParams: a, shouldRender: y, shouldShow: r, effectiveDisabled: C, effectiveRules: s, effectiveComponentPropsAndListeners: v, effectiveComponentProps: h, effectiveComponentListeners: c, hasSlot: m, getOptions: k, resolvedCustomComponent: z, setFieldValue: x, renderComponent: T, ApiSelect: Ue, TreeSelect: Ye };
   }
 });
-function z(_, e, l, t, s, b, P, C) {
-  var p = typeof _ == "function" ? _.options : _;
-  e && (p.render = e, p.staticRenderFns = l, p._compiled = !0), t && (p.functional = !0), b && (p._scopeId = "data-v-" + b);
-  var m;
-  if (P ? (m = function(y) {
-    y = y || // cached call
-    this.$vnode && this.$vnode.ssrContext || // stateful
-    this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext, !y && typeof __VUE_SSR_CONTEXT__ < "u" && (y = __VUE_SSR_CONTEXT__), s && s.call(this, y), y && y._registeredComponents && y._registeredComponents.add(P);
-  }, p._ssrRegister = m) : s && (m = C ? function() {
-    s.call(
-      this,
-      (p.functional ? this.parent : this).$root.$options.shadowRoot
-    );
-  } : s), m)
-    if (p.functional) {
-      p._injectStyles = m;
-      var M = p.render;
-      p.render = function(F, c) {
-        return m.call(c), M(F, c);
-      };
-    } else {
-      var v = p.beforeCreate;
-      p.beforeCreate = v ? [].concat(v, m) : [m];
-    }
-  return {
-    exports: _,
-    options: p
-  };
-}
-var me = 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(s, b) {
-    return l("div", { key: b, staticClass: "ecp-pro-form-item__help-item" }, [e._v(" " + e._s(s) + " ")]);
-  }) : 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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, 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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, 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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, expression: "formModel[schema.field]" } }, "el-select", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(s) {
-    return l("el-option", { key: String(s.value), attrs: { label: s.label, value: s.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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, 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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, 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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, 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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, 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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, expression: "formModel[schema.field]" } }, "el-checkbox-group", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(s) {
-    return l("el-checkbox", { key: String(s.value), attrs: { label: s.value } }, [e._v(" " + e._s(s.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(s) {
-    e.$set(e.formModel, e.schema.field, s);
-  }, expression: "formModel[schema.field]" } }, "el-radio-group", t.effectiveComponentProps, !1), t.effectiveComponentListeners), e._l(t.getOptions(t.effectiveComponentProps) || [], function(s) {
-    return l("el-radio", { key: String(s.value), attrs: { label: s.value } }, [e._v(" " + e._s(s.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 } }, [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();
-}, pe = [], ve = /* @__PURE__ */ z(
-  de,
-  me,
-  pe,
+}, lt = [], ot = /* @__PURE__ */ ae(
+  et,
+  tt,
+  lt,
   !1,
   null,
-  "cfc968c5",
+  "0dcbe9b0",
   null,
   null
 );
-const se = ve.exports, he = /* @__PURE__ */ W({
+const Te = ot.exports, at = /* @__PURE__ */ ee({
   __name: "FormActions",
   props: {
     showActionButtonGroup: { type: Boolean, default: !0 },
@@ -143,28 +798,28 @@ const se = ve.exports, he = /* @__PURE__ */ W({
     actionColOptions: null
   },
   emits: ["submit", "reset", "toggle"],
-  setup(_) {
+  setup(F) {
     return { __sfc: !0 };
   }
 });
-var _e = 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);
-}, be = [], ye = /* @__PURE__ */ z(
-  he,
-  _e,
-  be,
+}, st = [], rt = /* @__PURE__ */ ae(
+  at,
+  nt,
+  st,
   !1,
   null,
   "489c88d2",
   null,
   null
 );
-const le = ye.exports, we = /* @__PURE__ */ W({
+const De = rt.exports, it = /* @__PURE__ */ ee({
   __name: "ProForm",
   props: {
     schemas: null,
@@ -191,254 +846,256 @@ const le = ye.exports, we = /* @__PURE__ */ W({
     submitFunc: null,
     resetFunc: null,
     submitOnReset: { type: Boolean, default: !1 },
-    formListeners: null
+    formListeners: null,
+    components: null
   },
   emits: ["submit", "reset", "register"],
-  setup(_, { expose: e, emit: l }) {
-    const t = _, s = te(), b = g(), P = g(), C = g(!1), p = g(!0), m = g({}), M = g({}), v = g([]), y = g({}), F = { xl: 1920, lg: 1200, md: 992, sm: 768 }, c = (o, a, f) => {
-      const i = f ?? (typeof window < "u" ? window.innerWidth : 1920), r = o ?? {}, h = a ?? {}, B = h.span ?? 8;
-      return i >= F.xl ? r.xl ?? h.xl ?? r.lg ?? h.lg ?? r.md ?? h.md ?? r.sm ?? h.sm ?? r.xs ?? h.xs ?? r.span ?? B : i >= F.lg ? r.lg ?? h.lg ?? r.md ?? h.md ?? r.sm ?? h.sm ?? r.xs ?? h.xs ?? r.span ?? B : i >= F.md ? r.md ?? h.md ?? r.sm ?? h.sm ?? r.xs ?? h.xs ?? r.span ?? B : i >= F.sm ? r.sm ?? h.sm ?? r.xs ?? h.xs ?? r.span ?? B : r.xs ?? h.xs ?? r.span ?? B;
-    }, d = w(() => ({ ...t, ...y.value })), R = w(() => d.value.actionColOptions ?? { span: 24 }), S = g(typeof window < "u" ? window.innerWidth : 1920), n = (o, a, f, i) => {
-      let r = 24, h = 1, B = 0;
-      for (const $ of o) {
-        const D = c($.colProps, a, i);
-        if (D > r) {
-          if (h++, h > f)
+  setup(F, { expose: e, emit: l }) {
+    const t = F, a = Ce(), y = A(), r = A(), C = A(!1), s = A(!0), v = A({}), h = A({}), c = A([]), m = A({}), k = { xl: 1920, lg: 1200, md: 992, sm: 768 }, z = (i, _, S) => {
+      const P = S ?? (typeof window < "u" ? window.innerWidth : 1920), w = i ?? {}, $ = _ ?? {}, H = $.span ?? 8;
+      return P >= k.xl ? w.xl ?? $.xl ?? w.lg ?? $.lg ?? w.md ?? $.md ?? w.sm ?? $.sm ?? w.xs ?? $.xs ?? w.span ?? H : P >= k.lg ? w.lg ?? $.lg ?? w.md ?? $.md ?? w.sm ?? $.sm ?? w.xs ?? $.xs ?? w.span ?? H : P >= k.md ? w.md ?? $.md ?? w.sm ?? $.sm ?? w.xs ?? $.xs ?? w.span ?? H : P >= k.sm ? w.sm ?? $.sm ?? w.xs ?? $.xs ?? w.span ?? H : w.xs ?? $.xs ?? w.span ?? H;
+    }, { getSetting: x } = Be(), T = B(() => ({ ...x("ProForm"), ...t, ...m.value })), u = B(() => ({
+      ...x("ProForm").components ?? {},
+      ...t.components ?? {},
+      ...m.value.components ?? {}
+    })), f = B(() => T.value.actionColOptions ?? { span: 24 }), p = A(typeof window < "u" ? window.innerWidth : 1920), O = (i, _, S, P) => {
+      let w = 24, $ = 1, H = 0;
+      for (const Q of i) {
+        const ne = z(Q.colProps, _, P);
+        if (ne > w) {
+          if ($++, $ > S)
             break;
-          r = 24 - D;
+          w = 24 - ne;
         } else
-          r -= D;
-        B++;
+          w -= ne;
+        H++;
       }
-      return B;
-    }, u = w(() => {
-      const o = v.value.filter((r) => T(r));
-      if (!d.value.showAdvancedButton)
+      return H;
+    }, K = B(() => {
+      const i = c.value.filter((w) => g(w));
+      if (!T.value.showAdvancedButton)
         return !1;
-      const a = d.value.alwaysShowLines ?? 1, f = d.value.baseColProps, i = n(o, f, a, S.value);
-      return console.log(o.length, i), o.length > i;
-    }), x = w(() => d.value.formListeners ?? {}), k = w(() => {
-      const o = v.value.filter((r) => T(r));
-      if (!d.value.showAdvancedButton || !p.value)
-        return o;
-      const a = d.value.alwaysShowLines ?? 1, f = d.value.baseColProps, i = n(o, f, a, S.value);
-      return o.slice(0, i);
-    }), T = (o) => {
-      let a = !0, f = !0;
-      return typeof o.ifShow == "function" && (a = o.ifShow({ schema: o, values: m.value, model: m.value, field: o.field })), typeof o.ifShow == "boolean" && (a = o.ifShow), typeof o.show == "function" && (f = o.show({ schema: o, values: m.value, model: m.value, field: o.field })), typeof o.show == "boolean" && (f = o.show), a && f;
-    }, ae = (o) => o.colProps ?? d.value.baseColProps ?? {}, re = (o) => o.slot || o.field, A = () => {
-      const o = {}, a = {}, f = d.value.initialValues ?? t.initialValues;
-      v.value.forEach((i) => {
-        var r;
-        o[i.field] = i.defaultValue ?? (f == null ? void 0 : f[i.field]), (r = i.rules) != null && r.length && (a[i.field] = i.rules);
-      }), m.value = { ...m.value, ...o }, M.value = a;
-    }, N = (o) => {
-      const a = { ...o };
-      return v.value.forEach((f) => {
-        const i = f.ifShow;
-        if (i === void 0)
+      const _ = T.value.alwaysShowLines ?? 1, S = T.value.baseColProps, P = O(i, S, _, p.value);
+      return console.log(i.length, P), i.length > P;
+    }), M = B(() => T.value.formListeners ?? {}), N = B(() => {
+      const i = c.value.filter((w) => g(w));
+      if (!T.value.showAdvancedButton || !s.value)
+        return i;
+      const _ = T.value.alwaysShowLines ?? 1, S = T.value.baseColProps, P = O(i, S, _, p.value);
+      return i.slice(0, P);
+    }), g = (i) => {
+      let _ = !0, S = !0;
+      return typeof i.ifShow == "function" && (_ = i.ifShow({ schema: i, values: v.value, model: v.value, field: i.field })), typeof i.ifShow == "boolean" && (_ = i.ifShow), typeof i.show == "function" && (S = i.show({ schema: i, values: v.value, model: v.value, field: i.field })), typeof i.show == "boolean" && (S = i.show), _ && S;
+    }, E = (i) => i.colProps ?? T.value.baseColProps ?? {}, I = (i) => i.slot || i.field, W = () => {
+      const i = {}, _ = {}, S = T.value.initialValues ?? t.initialValues;
+      c.value.forEach((P) => {
+        var w;
+        i[P.field] = P.defaultValue ?? (S == null ? void 0 : S[P.field]), (w = P.rules) != null && w.length && (_[P.field] = P.rules);
+      }), v.value = { ...v.value, ...i }, h.value = _;
+    }, X = (i) => {
+      const _ = { ...i };
+      return c.value.forEach((S) => {
+        const P = S.ifShow;
+        if (P === void 0)
           return;
-        (typeof i == "boolean" ? i : i({ schema: f, values: o, model: o, field: f.field })) || delete a[f.field];
-      }), a;
-    }, V = (o) => {
-      const a = N(o), f = y.value.fieldMapToTime;
-      if (!(f != null && f.length))
-        return a;
-      const i = { ...a };
-      return f.forEach(([r, [h, B]]) => {
-        const $ = i[r];
-        Array.isArray($) && $.length === 2 && (delete i[r], i[h] = $[0], i[B] = $[1]);
-      }), i;
-    }, L = async () => {
-      var o;
+        (typeof P == "boolean" ? P : P({ schema: S, values: i, model: i, field: S.field })) || delete _[S.field];
+      }), _;
+    }, V = (i) => {
+      const _ = X(i), S = m.value.fieldMapToTime;
+      if (!(S != null && S.length))
+        return _;
+      const P = { ..._ };
+      return S.forEach(([w, [$, H]]) => {
+        const Q = P[w];
+        Array.isArray(Q) && Q.length === 2 && (delete P[w], P[$] = Q[0], P[H] = Q[1]);
+      }), P;
+    }, q = async () => {
+      var i;
       try {
-        await ((o = b.value) == null ? void 0 : o.validate()), d.value.submitFunc ? await d.value.submitFunc() : (C.value = !0, l("submit", V({ ...m.value })));
-      } catch (a) {
-        console.error("Form validation failed:", a);
+        await ((i = y.value) == null ? void 0 : i.validate()), T.value.submitFunc ? await T.value.submitFunc() : (C.value = !0, l("submit", V({ ...v.value })));
+      } catch (_) {
+        console.error("Form validation failed:", _);
       } finally {
         C.value = !1;
       }
-    }, ie = async () => {
-      var o;
-      d.value.resetFunc ? await d.value.resetFunc() : ((o = b.value) == null || o.resetFields(), A(), l("reset"), d.value.submitOnReset && await L());
-    }, q = (o) => (m.value = { ...m.value, ...o }, Promise.resolve()), G = () => V({ ...m.value }), U = async () => {
-      var o;
-      (o = b.value) == null || o.resetFields(), A();
-    }, X = (o) => {
-      var a;
-      return ((a = b.value) == null ? void 0 : a.validate(o)) ?? Promise.resolve();
-    }, H = (o) => b.value ? o != null && o.length ? Promise.all(o.map((a) => new Promise((f, i) => {
-      b.value.validateField(a, (r) => r ? f(void 0) : i(new Error("Validation failed")));
-    }))) : b.value.validate() : Promise.resolve(), K = async (o, a) => {
+    }, Y = async () => {
+      var i;
+      T.value.resetFunc ? await T.value.resetFunc() : ((i = y.value) == null || i.resetFields(), W(), l("reset"), T.value.submitOnReset && await q());
+    }, j = (i) => (v.value = { ...v.value, ...i }, Promise.resolve()), te = () => V({ ...v.value }), ue = async () => {
       var i;
-      const f = (i = P.value) == null ? void 0 : i.querySelector(`[data-field="${o}"]`);
-      return f && f.scrollIntoView({ behavior: (a == null ? void 0 : a.behavior) ?? "smooth", block: (a == null ? void 0 : a.block) ?? "nearest" }), Promise.resolve();
-    }, Z = (o) => {
-      var a;
-      (a = b.value) == null || a.clearValidate(o);
-    }, j = async (o) => {
-      (Array.isArray(o) ? o : [o]).forEach((f) => {
-        const i = v.value.findIndex((r) => r.field === f.field);
-        i >= 0 && (v.value[i] = { ...v.value[i], ...f });
+      (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, P) => {
+      y.value.validateField(_, (w) => w ? S(void 0) : P(new Error("Validation failed")));
+    }))) : y.value.validate() : Promise.resolve(), pe = async (i, _) => {
+      var P;
+      const S = (P = r.value) == null ? void 0 : P.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 P = c.value.findIndex((w) => w.field === S.field);
+        P >= 0 && (c.value[P] = { ...c.value[P], ...S });
       });
-    }, J = async (o, a, f) => {
-      if (f)
-        v.value.unshift(o);
-      else if (a) {
-        const i = v.value.findIndex((r) => r.field === a);
-        v.value.splice(i + 1, 0, o);
+    }, me = async (i, _, S) => {
+      if (S)
+        c.value.unshift(i);
+      else if (_) {
+        const P = c.value.findIndex((w) => w.field === _);
+        c.value.splice(P + 1, 0, i);
       } else
-        v.value.push(o);
-      A();
-    }, Q = async (o) => {
-      const a = Array.isArray(o) ? o : [o];
-      v.value = v.value.filter((f) => !a.includes(f.field));
-    }, Y = async (o) => {
-      if (y.value = { ...y.value, ...o }, o.schemas) {
-        v.value = [...o.schemas];
-        debugger;
-        A();
-      }
-    }, I = {
-      getFieldsValue: G,
-      setFieldsValue: q,
-      resetFields: U,
-      validate: X,
-      validateFields: H,
-      submit: L,
-      scrollToField: K,
-      clearValidate: Z,
-      updateSchema: j,
-      appendSchemaByField: J,
-      removeSchemaByField: Q,
-      setProps: Y
+        c.value.push(i);
+      W();
+    }, he = async (i) => {
+      const _ = Array.isArray(i) ? i : [i];
+      c.value = c.value.filter((S) => !_.includes(S.field));
+    }, be = async (i) => {
+      m.value = { ...m.value, ...i }, i.schemas && (c.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(I);
-    const O = () => {
-      v.value = [...t.schemas ?? []], A();
-    }, E = () => {
-      typeof window < "u" && (S.value = window.innerWidth);
+    e(J);
+    const se = () => {
+      c.value = [...t.schemas ?? []], W();
+    }, re = () => {
+      typeof window < "u" && (p.value = window.innerWidth);
     };
-    return fe(() => {
-      O(), l("register", I), typeof window < "u" && window.addEventListener("resize", E);
-    }), ue(() => {
-      typeof window < "u" && window.removeEventListener("resize", E);
-    }), oe(() => [t.schemas, t.initialValues], O, { deep: !0 }), { __sfc: !0, props: t, emit: l, slots: s, formRef: b, formWrapRef: P, submitLoading: C, collapsed: p, formModel: m, formRules: M, innerSchemas: v, innerProps: y, BREAKPOINTS: F, getEffectiveSpan: c, effectiveProps: d, effectiveActionColOptions: R, windowWidth: S, getVisibleSchemaCount: n, hasMoreFields: u, formListeners: x, displaySchemas: k, shouldShow: T, getColProps: ae, getSlotName: re, initForm: A, filterByIfShow: N, processFieldMapToTime: V, handleSubmit: L, handleReset: ie, setFieldsValue: q, getFieldsValue: G, resetFields: U, validate: X, validateFields: H, scrollToField: K, clearValidate: Z, updateSchema: j, appendSchemaByField: J, removeSchemaByField: Q, setProps: Y, formActionRef: I, syncSchemas: O, handleResize: E, ProFormItem: se, FormActions: le };
+    return we(() => {
+      se(), l("register", J), typeof window < "u" && window.addEventListener("resize", re);
+    }), Re(() => {
+      typeof window < "u" && window.removeEventListener("resize", re);
+    }), U(() => [t.schemas, t.initialValues], se, { deep: !0 }), { __sfc: !0, props: t, emit: l, slots: a, formRef: y, formWrapRef: r, submitLoading: C, collapsed: s, formModel: v, formRules: h, innerSchemas: c, innerProps: m, BREAKPOINTS: k, getEffectiveSpan: z, getComponentSetting: x, effectiveProps: T, formCustomComponents: u, effectiveActionColOptions: f, windowWidth: p, getVisibleSchemaCount: O, hasMoreFields: K, formListeners: M, displaySchemas: N, shouldShow: g, getColProps: E, getSlotName: I, initForm: W, filterByIfShow: X, processFieldMapToTime: V, 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 Pe = 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(s) {
-    var b, P;
-    return [t.shouldShow(s) ? l("el-col", e._b({ key: s.field, attrs: { offset: ((b = s.colProps) == null ? void 0 : b.offset) ?? ((P = t.effectiveProps.baseColProps) == null ? void 0 : P.offset) ?? 0, "data-field": s.field } }, "el-col", t.getColProps(s), !1), [l(t.ProFormItem, { attrs: { schema: s, "form-model": t.formModel, "form-disabled": t.effectiveProps.disabled, "auto-placeholder": t.effectiveProps.autoSetPlaceholder, "form-action-type": t.formActionRef } }, [t.slots[t.getSlotName(s)] ? [e._t(t.getSlotName(s), null, { model: t.formModel, schema: s, field: s.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(s) {
+  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(s) {
+  } } }, [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);
-}, ge = [], Fe = /* @__PURE__ */ z(
-  we,
-  Pe,
-  ge,
+}, ut = [], dt = /* @__PURE__ */ ae(
+  it,
+  ct,
+  ut,
   !1,
   null,
-  "af9453ad",
+  "4ee1cb87",
   null,
   null
 );
-const ne = Fe.exports;
-function xe(_) {
-  const e = g(null), l = g(_ ? ee(_) : void 0), t = () => _ ? ee(_) : void 0, s = (n) => {
-    e.value = n;
-    const u = t();
-    debugger;
-    u && Object.keys(u).length > 0 && n.setProps(u);
+const Me = dt.exports;
+function bt(F) {
+  const e = A(null), l = A(F ? ye(F) : void 0), t = () => F ? ye(F) : void 0, a = (f) => {
+    e.value = f;
+    const p = t();
+    p && Object.keys(p).length > 0 && f.setProps(p);
   };
-  return _ && oe(
+  return F && U(
     () => t(),
-    (n) => {
-      l.value = n, n && e.value && e.value.setProps(n);
+    (f) => {
+      l.value = f, f && e.value && e.value.setProps(f);
     },
     { deep: !0 }
-  ), [s, {
-    register: s,
+  ), [a, {
+    register: a,
     formAction: e,
     getFieldsValue: () => {
-      var n;
-      return ((n = e.value) == null ? void 0 : n.getFieldsValue()) ?? {};
+      var f;
+      return ((f = e.value) == null ? void 0 : f.getFieldsValue()) ?? {};
     },
-    setFieldsValue: async (n) => {
-      var u;
-      await ((u = e.value) == null ? void 0 : u.setFieldsValue(n));
+    setFieldsValue: async (f) => {
+      var p;
+      await ((p = e.value) == null ? void 0 : p.setFieldsValue(f));
     },
     resetFields: async () => {
-      var n;
-      await ((n = e.value) == null ? void 0 : n.resetFields());
+      var f;
+      await ((f = e.value) == null ? void 0 : f.resetFields());
     },
-    validate: (n) => {
-      var u;
-      return ((u = e.value) == null ? void 0 : u.validate(n)) ?? Promise.resolve();
+    validate: (f) => {
+      var p;
+      return ((p = e.value) == null ? void 0 : p.validate(f)) ?? Promise.resolve();
     },
-    validateFields: (n) => {
-      var u;
-      return ((u = e.value) == null ? void 0 : u.validateFields(n)) ?? Promise.resolve();
+    validateFields: (f) => {
+      var p;
+      return ((p = e.value) == null ? void 0 : p.validateFields(f)) ?? Promise.resolve();
     },
     submit: () => {
-      var n;
-      return ((n = e.value) == null ? void 0 : n.submit()) ?? Promise.resolve();
+      var f;
+      return ((f = e.value) == null ? void 0 : f.submit()) ?? Promise.resolve();
     },
-    scrollToField: (n, u) => {
-      var x;
-      return ((x = e.value) == null ? void 0 : x.scrollToField(n, u)) ?? Promise.resolve();
+    scrollToField: (f, p) => {
+      var O;
+      return ((O = e.value) == null ? void 0 : O.scrollToField(f, p)) ?? Promise.resolve();
     },
-    clearValidate: (n) => {
-      var u;
-      (u = e.value) == null || u.clearValidate(n);
+    clearValidate: (f) => {
+      var p;
+      (p = e.value) == null || p.clearValidate(f);
     },
-    updateSchema: (n) => {
-      var u;
-      return ((u = e.value) == null ? void 0 : u.updateSchema(n)) ?? Promise.resolve();
+    updateSchema: (f) => {
+      var p;
+      return ((p = e.value) == null ? void 0 : p.updateSchema(f)) ?? Promise.resolve();
     },
-    appendSchemaByField: (n, u, x) => {
-      var k;
-      return ((k = e.value) == null ? void 0 : k.appendSchemaByField(n, u, x)) ?? Promise.resolve();
+    appendSchemaByField: (f, p, O) => {
+      var K;
+      return ((K = e.value) == null ? void 0 : K.appendSchemaByField(f, p, O)) ?? Promise.resolve();
     },
-    removeSchemaByField: (n) => {
-      var u;
-      return ((u = e.value) == null ? void 0 : u.removeSchemaByField(n)) ?? Promise.resolve();
+    removeSchemaByField: (f) => {
+      var p;
+      return ((p = e.value) == null ? void 0 : p.removeSchemaByField(f)) ?? Promise.resolve();
     },
-    setProps: async (n) => {
-      var u;
-      l.value = { ...l.value, ...n }, await ((u = e.value) == null ? void 0 : u.setProps(n));
+    setProps: async (f) => {
+      var p;
+      l.value = { ...l.value, ...f }, await ((p = e.value) == null ? void 0 : p.setProps(f));
     }
   }];
 }
-const Be = [
-  // { name: 'ProTable', component: ProTable },
-  { name: "ProForm", component: ne },
-  { name: "ProFormItem", component: se },
-  { name: "FormActions", component: le }
-  // { name: 'ProCard', component: ProCard },
-  // { name: 'ProDescriptions', component: ProDescriptions },
+const ft = [
+  { name: "ProTable", component: Ae },
+  { name: "TableAction", component: ke },
+  { name: "ProForm", component: Me },
+  { name: "ProFormItem", component: Te },
+  { name: "FormActions", component: De }
 ];
-function Ce(_) {
-  Be.forEach(({ name: e, component: l }) => {
-    _.component(e, l);
+function pt(F) {
+  ft.forEach(({ name: e, component: l }) => {
+    F.component(e, l);
   });
 }
-const Me = {
-  install: Ce,
-  // ProTable,
-  ProForm: ne
-  // ProCard,
-  // ProDescriptions,
+const _t = {
+  install: pt,
+  ProTable: Ae,
+  ProForm: Me,
+  TableAction: ke
 };
 export {
-  le as FormActions,
-  ne as ProForm,
-  se as ProFormItem,
-  Me as default,
-  Ce as install,
-  xe as useForm
+  De as FormActions,
+  Me as ProForm,
+  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