element-plus-suite 0.0.3 → 0.0.4

package/dist/index.js

@@ -1,206 +1,712 @@
-import { h as S, computed as g, shallowRef as m, watch as z, onBeforeUnmount as F, defineComponent as C, useSlots as D, onMounted as R, withDirectives as j } from "vue";
-import { ElTableColumn as q, ElTable as I, vLoading as L, ElPagination as k } from "element-plus";
-function T(e, t) {
-  return e.flatMap((r) => {
+import { h as g, defineComponent as ge, shallowRef as E, reactive as Z, watch as O, computed as b, onBeforeUnmount as be, isVNode as ze, nextTick as Te, useSlots as Ae, onMounted as Ie, withDirectives as Be } from "vue";
+import { ElMention as Le, ElTransfer as De, ElTreeSelect as Ue, ElSwitch as We, ElSlider as Ne, ElRate as Ke, ElInputTag as $e, ElCascader as Ge, ElAutocomplete as Qe, ElTimeSelect as Ye, ElTimePicker as He, ElDatePicker as Je, ElSelectV2 as Xe, ElInputNumber as Ze, ElInput as te, ElUpload as et, ElButton as ee, ElCheckbox as tt, ElCheckboxGroup as nt, ElRadio as lt, ElRadioGroup as at, ElOption as rt, ElSelect as ot, ElForm as ut, ElRow as st, ElCol as ie, ElFormItem as J, ElTableColumn as ce, ElTable as it, vLoading as ct, ElPagination as dt } from "element-plus";
+function ft(t) {
+  return typeof t == "function" ? t() : t ?? [];
+}
+function X(t, n) {
+  return (r, { slots: o = {} }) => {
+    const {
+      options: d,
+      props: f = {},
+      slots: u = {},
+      ...a
+    } = r, c = f.label ?? "label", p = f.value ?? "value", h = f.disabled ?? "disabled";
+    return g(
+      t,
+      a,
+      {
+        // 保留 ElSelect / ElRadioGroup / ElCheckboxGroup 自身的具名插槽。
+        ...o,
+        // 自动生成选项；显式传入 default 插槽时交由调用方接管。
+        default: o.default ?? (() => ft(d).map(
+          (s) => g(
+            n,
+            {
+              label: s[c],
+              value: s[p],
+              disabled: s[h]
+            },
+            typeof s.slots == "function" ? s.slots : u[s.slots]
+          )
+        ))
+      }
+    );
+  };
+}
+function vt(t, { slots: n }) {
+  return g(te, { ...t, type: "password" }, n);
+}
+function pt(t, { slots: n }) {
+  const { modelValue: r, "onUpdate:modelValue": o, ...d } = t;
+  return g(
+    et,
+    {
+      ...d,
+      fileList: r,
+      "onUpdate:fileList": o
+    },
+    {
+      ...n,
+      // ElUpload 不会自动生成触发按钮，未自定义内容时提供默认按钮。
+      default: n.default ?? (() => g(ee, { type: "primary", plain: !0 }, () => "选择文件"))
+    }
+  );
+}
+const gt = {
+  input: te,
+  password: vt,
+  number: Ze,
+  select: X(ot, rt),
+  selectV2: Xe,
+  radio: X(at, lt),
+  checkbox: X(nt, tt),
+  date: Je,
+  time: He,
+  timeSelect: Ye,
+  autocomplete: Qe,
+  cascader: Ge,
+  inputTag: $e,
+  rate: Ke,
+  slider: Ne,
+  switch: We,
+  tree: Ue,
+  transfer: De,
+  upload: pt,
+  mention: Le
+};
+function bt(t) {
+  return t.type && typeof t.type != "string" ? t.type : gt[t.type || "input"] ?? te;
+}
+const ht = [
+  "key",
+  "label",
+  "type",
+  "style",
+  "rules",
+  "col",
+  "hidden",
+  "labelWidth",
+  "slot",
+  "defaultValue",
+  "formItemProps",
+  "fieldProps",
+  "children",
+  "separator"
+];
+function yt(t) {
+  ["select", "selectV2", "cascader", "autocomplete", "tree"].includes(
+    t.type
+  );
+  const n = new Set(ht);
+  return {
+    clearable: !0,
+    ...Object.fromEntries(
+      Object.entries(t).filter(([o]) => !n.has(o))
+    ),
+    ...t.fieldProps ?? {}
+  };
+}
+function W(t) {
+  return typeof t == "number" ? { span: t } : t ?? {};
+}
+function de(t, n) {
+  return {
+    span: 24,
+    ...W(n.col),
+    ...W(t.col)
+  };
+}
+function I(t) {
+  const n = t.flatMap((r) => {
+    const o = r.key && !r.children?.length ? [[r.key, r.defaultValue]] : [], d = I(r.children ?? []);
+    return [...o, ...Object.entries(d)];
+  });
+  return Object.fromEntries(n);
+}
+function mt(t) {
+  return t != null && typeof t == "object";
+}
+const fe = {
+  form: {
+    submitText: "提交"
+  },
+  search: {
+    submitText: "查询"
+  }
+}, wt = {
+  submit: !0,
+  reset: !0,
+  cancel: !1
+};
+function ve(t, n) {
+  return Object.fromEntries(Object.entries(t).filter(([r]) => !n.includes(r)));
+}
+const he = /* @__PURE__ */ ge({
+  name: "ElFormPro",
+  props: {
+    schema: {
+      type: Array,
+      default: () => []
+    },
+    modelValue: {
+      type: Object,
+      default: void 0
+    },
+    formConfig: {
+      type: Object,
+      default: () => ({})
+    },
+    /** 仅供 TablePro 的筛选表单开启折叠。 */
+    collapsible: {
+      type: Boolean,
+      default: !1
+    },
+    /** 搜索模式将默认提交文案改为“查询”，仅由 TablePro 使用。 */
+    searchMode: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: {
+    "update:modelValue": (t) => !0,
+    submit: (t) => !0,
+    reset: (t) => !0,
+    cancel: () => !0,
+    change: (t) => !0
+  },
+  setup(t, {
+    emit: n,
+    expose: r,
+    slots: o
+  }) {
+    const d = E(), f = E(typeof window > "u" ? 0 : window.innerWidth), u = E(t.collapsible && !(t.formConfig?.collapsed ?? !0)), a = Z({
+      ...t.formConfig
+    });
+    O(() => t.formConfig, (e) => {
+      Object.assign(a, e);
+    }, {
+      deep: !0
+    }), O(() => t.formConfig?.collapsed, (e) => {
+      t.collapsible && (u.value = !(e ?? !0));
+    });
+    const c = Z(I(t.schema)), p = b(() => mt(t.modelValue)), h = b({
+      get: () => p.value ? t.modelValue : c,
+      set: (e) => {
+        if (p.value) {
+          n("update:modelValue", e);
+          return;
+        }
+        for (const l of Object.keys(c)) delete c[l];
+        Object.assign(c, e), n("update:modelValue", e);
+      }
+    });
+    O(() => t.schema, (e) => {
+      if (!p.value) {
+        for (const l of Object.keys(c)) delete c[l];
+        Object.assign(c, I(e));
+      }
+    }, {
+      deep: !0
+    });
+    const s = b(() => t.schema.filter((e) => !e.hidden)), w = [{
+      key: "sm",
+      min: 768
+    }, {
+      key: "md",
+      min: 992
+    }, {
+      key: "lg",
+      min: 1200
+    }, {
+      key: "xl",
+      min: 1920
+    }], C = (e, l) => {
+      let v = e.base || e.xs || "top";
+      if (l < 768) return e.xs || v;
+      for (const y of w) {
+        if (l < y.min) break;
+        v = e[y.key] || v;
+      }
+      return v;
+    }, F = b(() => {
+      const e = a.labelPosition;
+      return typeof e == "string" ? e : C(e || {
+        base: "top",
+        md: "right"
+      }, f.value);
+    }), P = (e) => typeof e == "number" ? e : e?.span, R = (e, l) => {
+      let v = P(e.span) ?? 24;
+      for (const y of w) {
+        if (l < y.min) break;
+        const k = P(e[y.key]);
+        k !== void 0 && (v = k);
+      }
+      return Math.min(24, v);
+    }, B = (e) => R(de(e, a), f.value), z = (e, l) => {
+      const v = e % 24;
+      return v && 24 - v < l && (e += 24 - v), e + l;
+    }, L = b(() => !!o.buttons || a.buttons?.submit !== !1 || a.buttons?.reset !== !1 || a.buttons?.cancel !== void 0 && a.buttons.cancel !== !1), D = (e) => {
+      if (a.actionCol !== void 0)
+        return R(W(a.actionCol), f.value);
+      const l = e ? 24 - e : 0;
+      return l >= 4 ? l : 24;
+    }, N = (e) => {
+      const l = e * 24;
+      let v = 0, y = 0;
+      for (const k of s.value) {
+        const _ = z(v, B(k));
+        if (_ > l) break;
+        const V = L.value ? z(_, D(_)) : _;
+        if (y > 0 && V > l) break;
+        v = _, y += 1;
+      }
+      return Math.max(1, y);
+    }, j = b(() => !t.collapsible || !a.showCollapseButton ? s.value.length : a.collapseCount !== void 0 ? a.collapseCount : N(a.collapseRows ?? 1)), T = b(() => u.value ? s.value : s.value.slice(0, j.value)), x = b(() => {
+      let e = 0;
+      for (const l of T.value)
+        e = z(e, B(l));
+      return e % 24;
+    }), K = b(() => D(x.value)), $ = b(() => x.value > 0 && x.value + K.value <= 24), i = b(() => F.value === "top" && $.value), m = b(() => {
+      if (a.actionCol !== void 0)
+        return {
+          span: 24,
+          ...W(a.actionCol)
+        };
+      const e = x.value, l = e ? 24 - e : 0;
+      return {
+        span: l >= 4 ? l : 24
+      };
+    }), S = b(() => {
+      const e = {
+        submit: {
+          type: "primary",
+          text: t.searchMode ? fe.search.submitText : fe.form.submitText,
+          disabled: !1,
+          loading: !1
+        },
+        reset: {
+          plain: !0,
+          text: "重置",
+          disabled: !1
+        },
+        cancel: {
+          plain: !0,
+          text: "取消",
+          disabled: !1
+        }
+      }, l = (v) => {
+        const y = a.buttons?.[v];
+        return y === !1 || y === void 0 && !wt[v] ? null : {
+          ...e[v],
+          ...y ?? {}
+        };
+      };
+      return {
+        submit: l("submit"),
+        reset: l("reset"),
+        cancel: l("cancel")
+      };
+    }), q = b(() => Object.values(S.value).some(Boolean)), we = b(() => {
+      const e = a.buttonAlign ?? "right";
+      return e === "start" ? "is-start" : e === "center" ? "is-center" : "is-end";
+    }), Pe = (e) => de(e, a), Se = (e, l) => {
+      const v = {
+        ...h.value,
+        [e]: l
+      };
+      h.value = v, n("change", v);
+    }, ke = (e) => Array.isArray(e) ? e : e ? [e] : [], Ce = (e) => {
+      const l = [], v = (y) => {
+        for (const k of y)
+          k.hidden || (k.children?.length ? v(k.children) : l.push(k));
+      };
+      return v(e.children ?? []), l;
+    }, Ee = (e) => ke(e).some((l) => l?.required), Oe = (e) => Ce(e).some((l) => Ee(l.rules)), G = (e, l) => e ? g(ee, {
+      ...ve(e, ["text"]),
+      onClick: l
+    }, () => e.text) : null, Q = (e) => {
+      const l = o[e.slot ?? e.key ?? ""];
+      if (l) return l({
+        item: e,
+        model: h.value
+      });
+      const v = bt(e);
+      if (ze(v)) return v;
+      const {
+        slots: y,
+        ...k
+      } = yt(e), _ = Object.fromEntries(Object.entries(y ?? {}).flatMap(([V, A]) => {
+        const M = typeof A == "function" ? A : o[String(A)];
+        return M ? [[V, (U = {}) => M({
+          ...U,
+          item: e,
+          model: h.value
+        })]] : [];
+      }));
+      return g(v, {
+        ...k,
+        modelValue: e.key == null ? void 0 : h.value[e.key],
+        "onUpdate:modelValue": (V) => {
+          e.key != null && Se(e.key, V);
+        }
+      }, _);
+    }, ne = (e) => typeof e.label == "function" ? e.label() : e.label, _e = (e) => {
+      const l = F.value;
+      return g("div", {
+        class: ["el-form-item", `el-form-item--label-${l}`, "el-form-pro__group", {
+          "is-required": e.formItemProps?.required ?? Oe(e)
+        }],
+        style: e.style
+      }, [e.label ? g("div", {
+        class: "el-form-item__label",
+        style: l === "top" ? void 0 : {
+          width: e.labelWidth ?? a.labelWidth
+        }
+      }, [ne(e)]) : null, g("div", {
+        class: "el-form-item__content"
+      }, [le(e)])]);
+    }, Me = (e) => e.children?.length ? le(e) : g(J, {
+      ...e.formItemProps ?? {},
+      prop: e.key,
+      rules: e.rules,
+      labelWidth: e.labelWidth ?? a.labelWidth,
+      class: [e.formItemProps?.class, "el-form-pro__child"],
+      style: e.style
+    }, {
+      default: () => Q(e)
+    }), le = (e) => e.children?.length ? g("div", {
+      class: "el-form-pro__children"
+    }, e.children.filter((l) => !l.hidden).flatMap((l, v) => {
+      const y = g("div", {
+        class: "el-form-pro__child-wrapper",
+        key: l.key
+      }, [Me(l)]);
+      return v === 0 ? [y] : [g("span", {
+        class: "el-form-pro__separator"
+      }, e.separator ?? ""), y];
+    })) : Q(e), ae = async () => {
+      t.collapsible && (u.value = !0), await Te(), d.value?.$el?.querySelector(".is-error")?.scrollIntoView({
+        behavior: "smooth",
+        block: "center"
+      });
+    }, re = (...e) => d.value?.validate(...e), Fe = (...e) => d.value?.validateField(...e), oe = async () => {
+      try {
+        await re(), n("submit", h.value);
+      } catch {
+        ae();
+      }
+    }, Re = (e) => {
+      const l = I(t.schema), v = e == null ? null : new Set(Array.isArray(e) ? e : [e]), y = {}, k = (_, V = !1, A = !1) => {
+        for (const M of _) {
+          const U = V || v === null || v.has(M.key);
+          M.children?.length ? k(M.children, U, !0) : A && U && M.key != null && (y[M.key] = l[M.key]);
+        }
+      };
+      return k(t.schema), y;
+    }, ue = (...e) => {
+      d.value?.resetFields(...e);
+      const l = Re(e[0]);
+      return Object.keys(l).length && (h.value = {
+        ...h.value,
+        ...l
+      }), {
+        ...h.value,
+        ...l
+      };
+    }, je = () => {
+      const e = ue();
+      n("reset", e);
+    }, xe = () => n("cancel"), qe = (e) => {
+      Object.assign(a, e);
+    }, Ve = () => h.value, Y = () => {
+      d.value?.$el, typeof window < "u" && (f.value = window.innerWidth);
+    }, H = typeof ResizeObserver > "u" ? null : new ResizeObserver(Y);
+    O(() => d.value?.$el, (e) => {
+      H?.disconnect(), e && H?.observe(e), Y();
+    }, {
+      flush: "post"
+    });
+    const se = () => {
+      typeof window < "u" && (f.value = window.innerWidth), Y();
+    };
+    return typeof window < "u" && window.addEventListener("resize", se), be(() => {
+      H?.disconnect(), typeof window < "u" && window.removeEventListener("resize", se);
+    }), r({
+      validate: (...e) => re(...e),
+      validateField: (...e) => Fe(...e),
+      resetFields: (...e) => {
+        ue(...e);
+      },
+      clearValidate: (...e) => {
+        d.value?.clearValidate(...e);
+      },
+      scrollToError: ae,
+      setState: qe,
+      getValues: Ve
+    }), () => {
+      const e = {
+        ...ve(a, ["buttonAlign", "buttons", "row", "col", "showCollapseButton", "collapseRows", "collapseCount", "collapsed", "actionCol"])
+      };
+      return g(ut, {
+        ...e,
+        class: ["el-form-pro", e.class].filter(Boolean),
+        labelPosition: F.value,
+        ref: d,
+        model: h.value,
+        onSubmit: (l) => {
+          l.preventDefault(), oe();
+        }
+      }, {
+        default: () => [g(st, {
+          gutter: 18,
+          ...a.row ?? {}
+        }, {
+          default: () => [...T.value.map((l) => g(ie, {
+            ...Pe(l),
+            key: l.key ?? l.children?.[0]?.key
+          }, {
+            default: () => l.children?.length ? _e(l) : g(J, {
+              ...l.formItemProps ?? {},
+              label: typeof l.label == "function" ? void 0 : l.label,
+              labelWidth: l.labelWidth ?? a.labelWidth,
+              prop: l.key,
+              rules: l.rules,
+              class: l.formItemProps?.class,
+              style: l.style
+            }, {
+              ...typeof l.label == "function" ? {
+                label: () => ne(l)
+              } : {},
+              default: () => Q(l)
+            })
+          })), q.value && s.value.length ? g(ie, m.value, {
+            default: () => g(J, null, {
+              ...i.value ? {
+                label: () => g("label", {
+                  class: "el-form-pro__actions-label"
+                })
+              } : {},
+              default: () => g("div", {
+                class: ["el-form-pro__actions", we.value]
+              }, [o.buttons ? o.buttons() : [G(S.value.submit, () => {
+                oe();
+              }), G(S.value.reset, je), G(S.value.cancel, xe)], t.collapsible && a.showCollapseButton && s.value.length > j.value ? g(ee, {
+                type: "primary",
+                link: !0,
+                onClick: () => {
+                  u.value = !u.value;
+                }
+              }, () => u.value ? "收起" : "展开") : null])
+            })
+          }) : null]
+        })]
+      });
+    };
+  }
+});
+function ye(t, n) {
+  return t.flatMap((r) => {
     if (r.visible === !1) return [];
     const {
-      visible: u,
-      slot: s,
-      headerSlot: o,
-      render: l,
-      headerRender: n,
-      autoMerge: a,
-      children: c,
-      ...y
-    } = r, p = { ...y }, f = {}, h = s ? t[s] : void 0, b = o ? t[o] : void 0;
-    if (h ? f.default = h : l && (f.default = (d) => l({
-      row: d.row,
-      column: d.column,
-      $index: d.$index
-    })), b ? f.header = b : n && (f.header = (d) => n({
-      column: d.column,
-      $index: d.$index,
-      store: d.store,
-      _self: d._self
-    })), c?.length) {
-      const d = {
-        default: () => T(c, t)
+      visible: o,
+      slot: d,
+      headerSlot: f,
+      render: u,
+      headerRender: a,
+      autoMerge: c,
+      children: p,
+      ...h
+    } = r, s = { ...h }, w = {}, C = d ? n[d] : void 0, F = f ? n[f] : void 0;
+    if (C ? w.default = C : u && (w.default = (P) => u({
+      row: P.row,
+      column: P.column,
+      $index: P.$index
+    })), F ? w.header = F : a && (w.header = (P) => a({
+      column: P.column,
+      $index: P.$index,
+      store: P.store,
+      _self: P._self
+    })), p?.length) {
+      const P = {
+        default: () => ye(p, n)
       };
-      return f.header && (d.header = f.header), [S(q, p, d)];
+      return w.header && (P.header = w.header), [g(ce, s, P)];
     }
     return [
-      S(
-        q,
-        p,
-        Object.keys(f).length ? f : void 0
+      g(
+        ce,
+        s,
+        Object.keys(w).length ? w : void 0
       )
     ];
   });
 }
-function x(e) {
-  return e.prop ?? e.property;
+function pe(t) {
+  return t.prop ?? t.property;
 }
-function O(e, t) {
-  if (e === null || typeof e != "object") return;
-  const r = e;
-  if (Object.prototype.hasOwnProperty.call(r, t))
-    return r[t];
-  if (!t.includes(".")) return;
-  let u = r;
-  for (const s of t.split(".")) {
-    if (u === null || typeof u != "object") return;
-    u = u[s];
+function Pt(t, n) {
+  if (t === null || typeof t != "object") return;
+  const r = t;
+  if (Object.prototype.hasOwnProperty.call(r, n))
+    return r[n];
+  if (!n.includes(".")) return;
+  let o = r;
+  for (const d of n.split(".")) {
+    if (o === null || typeof o != "object") return;
+    o = o[d];
   }
-  return u;
+  return o;
 }
-function _(e) {
-  return e.flatMap((t) => t.visible === !1 ? [] : t.children?.length ? _(t.children) : [t]);
+function me(t) {
+  return t.flatMap((n) => n.visible === !1 ? [] : n.children?.length ? me(n.children) : [n]);
 }
-function V(e, t = []) {
-  const r = _(e), u = /* @__PURE__ */ new Map();
-  for (const n of r) {
-    const a = x(n);
-    a && !u.has(a) && u.set(a, n);
+function St(t, n = []) {
+  const r = me(t), o = /* @__PURE__ */ new Map();
+  for (const a of r) {
+    const c = pe(a);
+    c && !o.has(c) && o.set(c, a);
   }
-  const s = /* @__PURE__ */ new Set(), o = [], l = (n) => {
-    !n || s.has(n) || !u.has(n) || (s.add(n), o.push({
-      key: n,
-      getValue: (a) => O(a, n)
+  const d = /* @__PURE__ */ new Set(), f = [], u = (a) => {
+    !a || d.has(a) || !o.has(a) || (d.add(a), f.push({
+      key: a,
+      getValue: (c) => Pt(c, a)
     }));
   };
-  return t.forEach(l), r.forEach((n) => {
-    n.autoMerge && l(x(n));
-  }), o;
+  return n.forEach(u), r.forEach((a) => {
+    a.autoMerge && u(pe(a));
+  }), f;
 }
-function B(e, t) {
-  const r = e.length, u = new Map(
-    t.map((l) => [l.key, Array.from({ length: r }, () => 1)])
+function kt(t, n) {
+  const r = t.length, o = new Map(
+    n.map((u) => [u.key, Array.from({ length: r }, () => 1)])
   );
-  if (!r || !t.length) return u;
-  const s = e.map((l) => t.map((n) => n.getValue(l))), o = t.map(() => 0);
-  for (let l = 1; l <= r; l += 1) {
-    let n = !0;
-    for (let a = 0; a < t.length; a += 1) {
-      const c = l < r && n && s[l][a] === s[l - 1][a];
-      if (!c) {
-        const y = u.get(t[a].key), p = o[a], f = l - p;
-        y[p] = f;
-        for (let h = p + 1; h < l; h += 1)
-          y[h] = 0;
-        o[a] = l;
+  if (!r || !n.length) return o;
+  const d = t.map((u) => n.map((a) => a.getValue(u))), f = n.map(() => 0);
+  for (let u = 1; u <= r; u += 1) {
+    let a = !0;
+    for (let c = 0; c < n.length; c += 1) {
+      const p = u < r && a && d[u][c] === d[u - 1][c];
+      if (!p) {
+        const h = o.get(n[c].key), s = f[c], w = u - s;
+        h[s] = w;
+        for (let C = s + 1; C < u; C += 1)
+          h[C] = 0;
+        f[c] = u;
       }
-      n = c;
+      a = p;
     }
   }
-  return u;
+  return o;
 }
-function K(e, t = "children") {
-  return e.some((r) => {
+function Ct(t, n = "children") {
+  return t.some((r) => {
     if (r === null || typeof r != "object") return !1;
-    const u = r[t];
-    return Array.isArray(u) && u.length > 0;
+    const o = r[n];
+    return Array.isArray(o) && o.length > 0;
   });
 }
-function U(e) {
-  const t = g(
-    () => V(e.columns(), e.mergeFields())
-  ), r = g(() => t.value.length ? e.tableRef.value?.store?.states?.data?.value ?? e.data.value : e.data.value), u = g(() => {
-    if (!t.value.length || e.lazy())
+function Et(t) {
+  const n = b(
+    () => St(t.columns(), t.mergeFields())
+  ), r = b(() => n.value.length ? t.tableRef.value?.store?.states?.data?.value ?? t.data.value : t.data.value), o = b(() => {
+    if (!n.value.length || t.lazy())
       return /* @__PURE__ */ new Map();
-    const o = e.treeProps()?.children ?? "children", l = r.value;
-    return K(l, o) ? /* @__PURE__ */ new Map() : B(l, t.value);
+    const f = t.treeProps()?.children ?? "children", u = r.value;
+    return Ct(u, f) ? /* @__PURE__ */ new Map() : kt(u, n.value);
   });
   return {
-    spanMethod: g(() => {
-      const o = e.userSpanMethod();
-      return t.value.length ? (l) => {
-        const n = o?.(l);
-        if (n !== void 0) return n;
-        const a = l.column.property, c = a ? u.value.get(a)?.[l.rowIndex] : void 0;
-        if (!(c === void 0 || c === 1))
-          return { rowspan: c, colspan: 1 };
-      } : o;
+    spanMethod: b(() => {
+      const f = t.userSpanMethod();
+      return n.value.length ? (u) => {
+        const a = f?.(u);
+        if (a !== void 0) return a;
+        const c = u.column.property, p = c ? o.value.get(c)?.[u.rowIndex] : void 0;
+        if (!(p === void 0 || p === 1))
+          return { rowspan: p, colspan: 1 };
+      } : f;
     }),
-    spanMap: u
+    spanMap: o
   };
 }
-const $ = {
+const Ot = {
   page: 1,
   pageSize: 20,
   pageSizes: [10, 20, 50, 100],
+  pagerCount: 5,
   layout: "total, sizes, prev, pager, next, jumper",
   background: !0
 };
-function N(e) {
-  return e === !1 ? null : {
-    ...$,
-    ...e === !0 ? {} : e ?? {}
+function _t(t) {
+  return t === !1 ? null : {
+    ...Ot,
+    ...t === !0 ? {} : t ?? {}
   };
 }
-function G(e) {
-  const t = g(() => N(e())), r = m(t.value?.page ?? 1), u = m(t.value?.pageSize ?? 20);
-  z(
-    () => t.value?.page,
-    (n) => {
-      n !== void 0 && (r.value = n);
+function Mt(t) {
+  const n = b(() => _t(t())), r = E(n.value?.page ?? 1), o = E(n.value?.pageSize ?? 20);
+  O(
+    () => n.value?.page,
+    (a) => {
+      a !== void 0 && (r.value = a);
     }
-  ), z(
-    () => t.value?.pageSize,
-    (n) => {
-      n !== void 0 && (u.value = n);
+  ), O(
+    () => n.value?.pageSize,
+    (a) => {
+      a !== void 0 && (o.value = a);
     }
   );
-  const s = g(
-    () => t.value ? r.value : null
-  ), o = g(
-    () => t.value ? u.value : null
+  const d = b(
+    () => n.value ? r.value : null
+  ), f = b(
+    () => n.value ? o.value : null
   );
-  function l(n) {
-    u.value = n, r.value = 1;
+  function u(a) {
+    o.value = a, r.value = 1;
   }
   return {
     // 模板直接依赖这个布尔值，避免访问可能为 null 的配置。
-    enabled: g(() => t.value != null),
-    config: t,
+    enabled: b(() => n.value != null),
+    config: n,
     currentPage: r,
-    pageSize: u,
-    requestPage: s,
-    requestPageSize: o,
-    setPageSize: l
+    pageSize: o,
+    requestPage: d,
+    requestPageSize: f,
+    setPageSize: u
   };
 }
-function H(e) {
-  const t = m(!1);
-  let r = null, u = 0;
-  async function s() {
-    const l = e.request();
-    if (!l) return;
+function Ft(t) {
+  const n = E(!1);
+  let r = null, o = 0;
+  async function d() {
+    const u = t.request();
+    if (!u) return;
     r?.abort(), r = new AbortController();
-    const n = ++u, a = r;
-    t.value = !0;
+    const a = ++o, c = r;
+    n.value = !0;
     try {
-      const c = await l({
-        page: e.page(),
-        pageSize: e.pageSize(),
-        signal: a.signal
+      const p = await u({
+        page: t.page(),
+        pageSize: t.pageSize(),
+        query: t.query(),
+        signal: c.signal
       });
-      if (a.signal.aborted || n !== u)
+      if (c.signal.aborted || a !== o)
         return;
-      e.onData?.(c), e.onLoaded?.(c);
-    } catch (c) {
-      if (a.signal.aborted || n !== u)
+      t.onData?.(p), t.onLoaded?.(p);
+    } catch (p) {
+      if (c.signal.aborted || a !== o)
         return;
-      e.onError?.(c);
+      t.onError?.(p);
     } finally {
-      n === u && (t.value = !1);
+      a === o && (n.value = !1);
     }
   }
-  function o() {
-    r?.abort(), u += 1, t.value = !1;
+  function f() {
+    r?.abort(), o += 1, n.value = !1;
   }
-  return F(o), { loading: t, load: s, cancel: o };
+  return be(f), { loading: n, load: d, cancel: f };
 }
-const J = /* @__PURE__ */ C({
+const Rt = /* @__PURE__ */ ge({
   name: "ElTablePro",
   inheritAttrs: !1,
   props: {
@@ -220,6 +726,14 @@ const J = /* @__PURE__ */ C({
       type: Array,
       default: () => []
     },
+    query: {
+      type: Object,
+      default: void 0
+    },
+    filter: {
+      type: Object,
+      default: void 0
+    },
     data: {
       type: Array,
       default: () => []
@@ -230,111 +744,187 @@ const J = /* @__PURE__ */ C({
     }
   },
   emits: {
-    loaded: (e) => !0,
-    error: (e) => !0
+    loaded: (t) => !0,
+    error: (t) => !0
   },
-  setup(e, {
-    attrs: t,
+  setup(t, {
+    attrs: n,
     emit: r,
-    expose: u
+    expose: o
   }) {
-    const s = D(), o = m(null), l = m([]), n = m(0), a = G(() => e.pagination), c = g(() => {
-      const i = e.rowKey;
-      return typeof i == "function" ? (v) => String(i(v)) : i;
+    const d = Ae(), f = E(null), u = E([]), a = E(0), c = b(() => ({
+      ...I(t.filter?.schema ?? []),
+      ...t.filter?.defaultValue ?? {},
+      ...t.filter?.model ?? {}
+    })), p = Z({
+      ...c.value
+    }), h = E({
+      ...c.value,
+      ...t.query ?? {}
+    });
+    O(() => t.query, (i) => {
+      h.value = {
+        ...c.value,
+        ...i ?? {}
+      }, t.request && R();
+    }, {
+      deep: !0
+    }), O(() => t.filter?.model, (i) => {
+      for (const m of Object.keys(p)) delete p[m];
+      Object.assign(p, c.value, i ?? {});
+    }, {
+      deep: !0
+    });
+    const s = Mt(() => t.pagination);
+    let w = !1;
+    function C(i) {
+      i !== s.currentPage.value && (s.enabled.value && (w = !0), s.currentPage.value = i);
+    }
+    const F = b(() => {
+      const i = t.rowKey;
+      return typeof i == "function" ? (m) => String(i(m)) : i;
     }), {
-      loading: y,
-      load: p,
-      cancel: f
-    } = H({
-      request: () => e.request,
-      page: () => a.requestPage.value,
-      pageSize: () => a.requestPageSize.value,
+      loading: P,
+      load: R,
+      cancel: B
+    } = Ft({
+      request: () => t.request,
+      page: () => s.requestPage.value,
+      pageSize: () => s.requestPageSize.value,
+      query: () => h.value,
       onData: (i) => {
-        l.value = i.data, n.value = i.total;
+        u.value = i.data, a.value = i.total;
       },
       onLoaded: (i) => r("loaded", i),
       onError: (i) => r("error", i)
-    }), h = g(() => y.value), b = g(() => {
-      if (e.request) return l.value;
-      if (!e.data) return [];
-      if (!a.config.value) return e.data;
-      const i = (a.currentPage.value - 1) * a.pageSize.value;
-      return e.data.slice(i, i + a.pageSize.value);
-    }), d = g(() => e.request ? n.value : e.data?.length ?? 0), {
-      spanMethod: A
-    } = U({
-      tableRef: o,
-      columns: () => e.columns,
-      data: b,
-      mergeFields: () => e.mergeFields,
-      userSpanMethod: () => t.spanMethod,
-      treeProps: () => t.treeProps,
-      lazy: () => !!t.lazy
+    }), z = b(() => P.value), L = b(() => {
+      if (t.request) return u.value;
+      if (!t.data) return [];
+      if (!s.config.value) return t.data;
+      const i = (s.currentPage.value - 1) * s.pageSize.value;
+      return t.data.slice(i, i + s.pageSize.value);
+    }), D = b(() => t.request ? a.value : t.data?.length ?? 0), {
+      spanMethod: N
+    } = Et({
+      tableRef: f,
+      columns: () => t.columns,
+      data: L,
+      mergeFields: () => t.mergeFields,
+      userSpanMethod: () => n.spanMethod,
+      treeProps: () => n.treeProps,
+      lazy: () => !!n.lazy
     });
-    async function P(i) {
-      i?.page !== void 0 && (a.currentPage.value = i.page), await p();
+    async function j(i) {
+      i?.page !== void 0 && C(i.page), await R();
     }
-    z(() => e.request, (i) => {
-      l.value = [], n.value = 0, i ? P() : f();
-    }), z(() => [a.requestPage.value, a.requestPageSize.value], () => {
-      e.request && P();
+    async function T() {
+      h.value = {
+        ...p
+      }, C(1), await R();
+    }
+    async function x() {
+      const i = {
+        ...c.value
+      };
+      for (const m of Object.keys(p))
+        delete p[m];
+      Object.assign(p, i), h.value = {
+        ...i
+      }, C(1), await R();
+    }
+    O(() => t.request, (i) => {
+      u.value = [], a.value = 0, i ? j() : B();
+    }), O(() => [s.requestPage.value, s.requestPageSize.value], () => {
+      if (w) {
+        w = !1;
+        return;
+      }
+      t.request && j();
     });
-    const E = new Proxy({}, {
-      get(i, v) {
-        if (v === "reload") return P;
-        const M = o.value;
-        if (!M) return;
-        const w = M[v];
-        return typeof w == "function" ? w.bind(M) : w;
+    const K = new Proxy({}, {
+      get(i, m) {
+        if (m === "reload") return j;
+        if (m === "search") return T;
+        if (m === "resetFilter") return x;
+        const S = f.value;
+        if (!S) return;
+        const q = S[m];
+        return typeof q == "function" ? q.bind(S) : q;
       },
-      has(i, v) {
-        return v === "reload" ? !0 : o.value != null && v in o.value;
+      has(i, m) {
+        return m === "reload" || m === "search" || m === "resetFilter" ? !0 : f.value != null && m in f.value;
       }
     });
-    return u(E), R(() => {
-      e.request && P();
-    }), () => {
-      const i = S(I, {
-        ...t,
-        ref: o,
-        data: b.value,
-        rowKey: c.value,
-        spanMethod: A.value
+    o(K), Ie(() => {
+      t.request && j();
+    });
+    const $ = () => Object.fromEntries(Object.entries(d).filter(([i]) => i.startsWith("filter-")).map(([i, m]) => [i.slice(7), m]));
+    return () => {
+      const i = t.filter ? g(he, {
+        schema: t.filter.schema,
+        modelValue: p,
+        collapsible: !0,
+        searchMode: !0,
+        formConfig: {
+          // 筛选表单开启折叠按钮时，默认按一行折叠。
+          ...t.filter.formConfig?.showCollapseButton ? {
+            collapseRows: 1
+          } : {},
+          ...t.filter.formConfig ?? {}
+        },
+        "onUpdate:modelValue": (S) => {
+          for (const q of Object.keys(p)) delete p[q];
+          Object.assign(p, S);
+        },
+        onSubmit: () => {
+          T();
+        },
+        onReset: () => {
+          x();
+        }
+      }, $()) : null, m = g(it, {
+        ...n,
+        ref: f,
+        data: L.value,
+        rowKey: F.value,
+        spanMethod: N.value
       }, {
-        default: () => T(e.columns, s),
-        empty: s.empty,
-        append: s.append
+        default: () => ye(t.columns, d),
+        empty: d.empty,
+        append: d.append
       });
-      return S("div", {
+      return g("div", {
         class: "el-table-pro"
-      }, [j(i, [[L, h.value]]), a.enabled.value ? S(k, {
-        currentPage: a.currentPage.value,
-        pageSize: a.pageSize.value,
-        total: d.value,
-        pageSizes: [...a.config.value?.pageSizes ?? []],
-        layout: a.config.value?.layout,
-        background: a.config.value?.background,
-        "onUpdate:currentPage": (v) => {
-          a.currentPage.value = v;
+      }, [i, Be(m, [[ct, z.value]]), s.enabled.value ? g(dt, {
+        currentPage: s.currentPage.value,
+        pageSize: s.pageSize.value,
+        total: D.value,
+        pageSizes: [...s.config.value?.pageSizes ?? []],
+        pagerCount: s.config.value?.pagerCount,
+        layout: s.config.value?.layout,
+        background: s.config.value?.background,
+        "onUpdate:currentPage": (S) => {
+          s.currentPage.value = S;
         },
-        "onUpdate:pageSize": (v) => {
-          a.setPageSize(v);
+        "onUpdate:pageSize": (S) => {
+          s.setPageSize(S);
         }
       }) : null]);
     };
   }
-}), Q = [J];
-function W(e) {
-  Q.forEach((t) => {
-    const r = t.name;
-    r && e.component(r, t);
+}), jt = [he, Rt];
+function xt(t) {
+  jt.forEach((n) => {
+    const r = n.name;
+    r && t.component(r, n);
   });
 }
-const Z = { install: W };
+const Tt = { install: xt };
 export {
-  J as ElTablePro,
-  $ as TABLE_PRO_DEFAULT_PAGINATION,
-  Z as default,
-  W as install,
-  N as normalizePagination
+  he as ElFormPro,
+  Rt as ElTablePro,
+  Ot as TABLE_PRO_DEFAULT_PAGINATION,
+  Tt as default,
+  xt as install,
+  _t as normalizePagination
 };